@charset "utf-8";


/************************************************
*		LAYOUT									*
************************************************/

.wrap{width:100%;min-height:100%;margin:0 auto;position:relative; height:100vh;}
.hcontainer{width:100%;max-width:1920px;margin:0 auto;position:relative; height:100%;}
.ncontainer{width:100%;max-width:1280px;margin:0 auto;padding:80px 0 0;position:relative;}
.scontainer{width:100%;max-width:1280px;margin:0 auto;padding:50px 0 80px;position:relative;z-index:40}
.lcontainer{width:100%;margin:0 auto;padding:0;position:relative;z-index:40}





/************************************************
*		MAIN BG									*
************************************************/

.tt_bg{
	width:100%;
	height:100vh;
	background:url(../images/bg_m1.png) center center no-repeat;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:3;
}

.ta_bg{
	width:100%;
	height:auto;
	background:url(../images/bg_m2.png) center center no-repeat;
	background-attachment: scroll;
	background-size: cover;
	z-index:1;
	min-height: 100vh;
	position: relative;
}
.bg_over{
	width:100%;
	height:100%;
	background: linear-gradient(#061646, rgb(0, 0, 0));
	opacity: 0.7;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}
.bg_over1{
	width:100%;
	height:100%;
	background: linear-gradient(#000 , rgb(0, 0, 0));
	opacity: 0.8;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}





/************************************************
*					HEADER						*
************************************************/
#header{
	width:100%;
	position:fixed;
	top:70px;
	z-index:1000;
	display: flex;
	justify-content: space-between;
	padding-left:70px;
	padding-right:70px;
}

#header .header_info{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#header .header_info > .ic_menu_a{
	width: 60px;
	height: 60px;
	margin-right: 40px;
}

#header .header_info > a > .ic_menu:hover{
	border: 5px solid #fff;
	display: block;
	width: 60px;
	height: 60px;
}
#header .header_info  > .ic_live{
	margin-right: 40px;
}
#header .header_info > p {
	font-size: 30px;
	color:#fff;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
}

#header > .logo {
	width: 60px;
}


/*************************************************
*					CONTAINER					*
*************************************************/
/***************** 01 MAIN ******************/
.mscreen{
	margin:0 auto;
	position:fixed;
	bottom:120px;
	padding-left:70px;
	padding-right:70px;
	width: 100%;
	text-align:center;
	font-size:60px;
	font-weight:500;
	color:#fff;
	line-height:70px;
	z-index:1000;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	
}
.mscreen > .mscreen_a_l,.mscreen_a_r{
	display: flex;
	align-items: center;
}
.mscreen > .mscreen_a_l > img{
	margin-right: 30px;
	width: 90px;
	height: 90px;
}
.mscreen > .mscreen_a_l > img:hover,
.mscreen > .mscreen_a_r > .mscreen_a_r_b > img:hover,
.mscreen > .mscreen_a_r > .mscreen_a_r_t > img:hover{
	padding:5px;
	border:4px solid #fff;
}
.mscreen > .mscreen_a_l > span,
.mscreen > .mscreen_a_r > a > span{
	font-size: 28px;
	color:#fff;
	font-family: 'Noto Sans KR', sans-serif;

}
.mscreen > .mscreen_a_r > a > img{
	margin-left: 30px;
	width: 90px;
	height: 90px;
}

.mscreen_a_r{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.mscreen_a_r_b {
	margin-top: 30px;
}



.login_content{
	margin:0 auto;
	width: 100%;
	max-width: 1580px;
	text-align:center;
	font-size:60px;
	font-weight:500;
	color:#fff;
	line-height:70px;
	z-index:999;
	padding-right:160px;
	position: relative;
}
.login_content > ul {
	width: 100%;
	margin:0 auto ;
	padding-top: 150px;
	margin-bottom: 0 !important;
	max-width: 1580px;
}
.login_content > ul > li{
	width: 100%;
	max-width: 1580px;
	height: 180px;
	padding:30px 50px;
}
.login_content > ul > li:hover, .login_content > ul > li.active {
	background-color: rgba(37, 64, 145, 0.2);
}
.login_content > ul > li.lc_p2{
	display: flex;
	justify-content: space-between;
}
.login_content > ul > li.lc_p2 > a > p{
	display: block;
}
.login_content > ul > li.lc_p2 > a:last-child > p{
	font-size: 20px;
	font-weight: 300;
	color:rgba(255, 255, 255, 0.6);
	border:5px solid rgba(255, 255, 255, 0.001);
	width: 90px;
	height: 40px;
	display: block;
	line-height: 30px;
	padding-left: 2px;
}
.login_content > ul >  li.lc_p2 > a:last-child > p:hover{
	border:5px solid #00a3ff;
	width: 90px;
	height: 40px;
	
}


.login_content > ul > li > a >  p {
	text-align: left;
	font-size: 30px;
	color:#fff;
	font-weight: bold;
	font-family: 'Noto Sans KR', sans-serif;
}

.login_content > ul > li > a >  p > span{
	display: block;
	font-weight: normal;
	font-size: 20px;
	margin-top: -20px;
}


/******** 이전 뉴스 보기 *********/
.view_prev_cont{
	margin:0 auto;
	width: 100%;
	max-width: 1580px;
	text-align:center;
	font-size:60px;
	font-weight:500;
	color:#fff;
	line-height:70px;
	z-index:999;
	padding-left: 160px;
	padding-right:160px;
	position: relative;
	padding-top: 80px;
	
}



.timeline {
  width: 100%;
  margin-top: 43px;
}
.tl-header h1 {
  margin: 0 0 15px 0;
  padding: 0;
  font-weight: 900;
  font-size: 35px;
}
.tl-header div {
  font-weight: 300;
  margin-bottom: 25px;
}
.tl-item {
  margin: 40px auto 60px;
}

.tl-circle, .tl-circle2 {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	color:#fff;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	padding:15px;
}

.tl-date, .tl-date2 {

	z-index: 1000;
	color: #fff;
	font-weight: normal;
	font-size: 25px;
	display: block;
	font-family: 'Noto Sans KR', sans-serif;
	text-align: left;
}
.tl-date > span,
.tl-date2 > span  {
	padding:5px ;
	height: 40px;
	line-height: 18px;
	display: block;
	margin: 10px auto;
	border:5px solid rgba(255, 255, 255, 0.001);
	cursor: pointer;
	font-size: 25px;
	font-weight: normal;
	font-family: 'Noto Sans KR', sans-serif;
}
.tl-date > span:hover, .tl-date > span.on,
.tl-date2 > span:hover, .tl-date2 > span.on{
	color:#fff;
	font-size: 27px;
	font-weight: bold;
	font-family: 'Noto Sans KR', sans-serif;
}



/**********메뉴화면(로그인)*********/
.loginForm{
	margin:0 auto;
	width: 75%;
	max-width: 750px;
	text-align:center;
	font-size:60px;
	font-weight:500;
	color:#fff;
	line-height:70px;
	z-index:999;
	padding-left: 160px;
	padding-right:160px;
	position: relative;
	padding-top: 240px;
}

.loginForm > p{
	font-size: 30px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
	text-align: center;
}
.loginForm > p > span{
	font-size: 20px;
	font-weight: 300;
	display: block;
	margin-top: -20px;
	margin-bottom: 80px;
}
.loginForm  > form > input{
	margin-bottom: 20px;
	border:2px solid #fff;
	border-radius: 10px;
	padding:15px;
}


.loginForm > form > .input-icon{
	display: flex;
	width: 100%;
}
.loginForm > form > .input-icon > select,
.loginForm > form > .input-icon > select:focus{
	width: 140px;
	margin-right: 10px;
	font-size: 16px;
	padding:0 1em;	
}
.loginForm > form > .input-icon input:focus,
.loginForm > form > .input-icon > select:focus{
	background-color: #fff !important;
	border:2px solid #fff;
	color:#000;
	
}
.loginForm > form > .input-icon > label{
	pointer-events: none;
}

.loginForm  > form > input:valid{
	color:#fff;
}
.loginForm  > form > button{
	background-color: rgba(37, 64, 145, 0.4);
	color:#fff;
	width: 430px;
	height: 60px;
	line-height: 60px;
	border-radius: 10px;
	font-size: 24px;
	margin-bottom: 70px;
}
.loginForm  > form > button:hover{
	background-color: rgba(37, 64, 145, 1);
}
.loginForm > a {
	font-size: 20px;
	text-align: right;
	font-weight: normal;
	color:#fff;
	display: block;
	font-family: 'Noto Sans KR', sans-serif;	
}
.loginForm > a.txt_pwd_re{
	text-align: center;
	margin-top: 200px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: normal;
	color:#fff;
}



.loginForm > .lf_join_btn{
	display: block;
	line-height: 30px;
	margin-bottom: 10px;
}
.loginForm > .lf_join_btn:hover{
	color:#3157cb !important;
}
.loginForm > .lf_join_btn > img:hover{

	filter :brightness(0) invert(1);
}

.loginForm > .txt_pwd_re{
	width: 160px;
	display: block;
	height: 40px;
	margin:0 auto;
	line-height: 30px;
}
.loginForm > .txt_pwd_re:hover{
	width: 160px;
	display: block;
	height: 40px;
}




.input-icon {
	position: relative;
	width: 100%;
}
.input-icon label{
	position:absolute;
	height: 60px;
	line-height: 60px;
	color:#fff;
	left:-120px;
	font-size: 24px;
	font-weight: 500;
}



.input-icon > input:valid, select{
	margin-bottom: 10px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
	color:#fff;
	font-size: 16px;
}
.input-icon > img {
	left:10px;
	top:30px;
	width: 32px;
	height: 32px;
	position: absolute;
	display: block;
	transform: translateY(-50%);
}


#wrap > .alert_cont{
	width: 30%;
	z-index:1000;
	margin-top: 100px;
	position: fixed;
	right:0px;
}
#wrap > .alert_cont > p{
	text-align: center;
	margin-right: 100px;
	float:right;
	background-color: rgba(37,64,145,0.4);
	color:#fff;
	border-radius: 10px;
	width: 500px;
	line-height: 100px;
	height: 100px;
	padding:35px auto;
	font-size: 24px;
	
}



/**********회원가입 창**********/
.joinForm{
	margin:0 auto;
	width: 75%;
	max-width: 680px;
	text-align:center;
	font-size:60px;
	font-weight:500;
	color:#fff;
	line-height:70px;
	z-index:999;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	margin-top: 230px;
	background-color: rgba(255, 255, 255, 0.08);
	border-radius: 20px;	
}
.joinForm > .btn_close{
	position:relative;
	right:-300px;
	top:20px;
	width: 34px;
	height: 34px;
	line-height: 34px;

}
.joinForm > p{
	font-size: 30px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
	text-align: left;
	margin-left: 37px;
	margin-top: 40px;
}
.joinForm > p > span{
	font-size: 20px;
	font-weight: 300;
	display: block;
	margin-top: -20px;
	margin-bottom: 80px;
}
.joinForm  > form{
	margin-left:100px;
}
.joinForm  > form > input{
	margin-bottom: 20px;
	border:2px solid #fff;
	border-radius: 10px;
	padding:15px;
}
.joinForm  > form > input:valid{
	color:#fff;
}
.joinForm  > form > .joinForm_btn{
	background-color: #254091;
	color:#fff;
	width: 430px;
	height: 60px;
	line-height: 60px;
	border-radius: 10px;
	font-size: 24px;
	margin-bottom: 80px;
}

.joinForm > a {
	font-size: 20px;
	text-align: right;
	font-weight: normal;
	color:#fff;
	display: block;
	font-family: 'Noto Sans KR', sans-serif;
}
.joinForm > a.txt_pwd_re{
	text-align: center;
	margin-top: 400px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: normal;
	color:#fff;
}

.joinForm > .input-icon {
	position: relative;
}

.joinForm > .input-icon > input:valid {
	margin-bottom: 10px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
	color:#fff;
}
.joinForm > .input-icon > img {
	left:10px;
	top:25px;
	width: 32px;
	height: 32px;
	position: absolute;
	display: block;
	transform: translateY(-50%);
}

.joinForm > form > .input-icon > #numb{
	width: 253px;
}
.joinForm > form > .input-icon > .btn_num{
	position: absolute;
	right:0px;
	top:0px;
	width: 157px;
	height: 60px;
	background-color: #254091;
	border-radius: 10px;
	color:#fff;
	font-size: 20px;
	display: block;
}


.joinForm > .jf_onoff{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}


/**********회원가입 QR************/
.joinQR {
	margin:0 auto;
	width: 100%;
	max-width: 946px;
	margin-top: 180px;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 10px;	
	z-index:1000;
}

.joinQR > h3{
	font-size: 22px;
	color:#fff;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 300;
	text-align: left;
	margin:70px 0 0 90px ;
}
.joinQR >.jq_cont,
.joinQR >.jq_cont2 {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.joinQR >.jq_cont > img{
	margin-right: 90px;
}

.joinQR >.jq_cont > img,
.joinQR >.jq_cont2 > .jq_cont_right> div > img{
	width: 110px;
	height: 110px;
}
.joinQR >.jq_cont > .jq_cont_left,
.joinQR >.jq_cont2 > .jq_cont_left{
	color:#fff;
	text-align:left;
	margin:85px 0 90px 90px;
}
.joinQR >.jq_cont > .jq_cont_left > h4, 
.joinQR >.jq_cont2 > .jq_cont_left > h4{
	font-size: 28px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
	margin-bottom: 20px;
}
.joinQR >.jq_cont > .jq_cont_left > p,
.joinQR >.jq_cont2 > .jq_cont_left > p{
	font-size: 22px;
	font-weight: 300;
	font-family: 'Noto Sans KR', sans-serif;
	margin-bottom: 6px;
	line-height: 28px;
}
.joinQR >.jq_cont2 > .jq_cont_right{
	display: flex;
	justify-content: flex-end;
	margin-right: 90px;
	
}
.joinQR >.jq_cont2 > .jq_cont_right > div{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
}
.joinQR >.jq_cont2 > .jq_cont_right > div:last-child{
	margin-left: 30px;
}
.joinQR >.jq_cont2 > .jq_cont_right > div > p{
	color:#fff;
	font-size: 22px;
	font-weight: 300;
	text-align: center;
	margin-top: 5px;
}

.joinQR > button{
	background-color: rgba(37, 64, 145, 0.4);
	color:#fff;
	font-size: 24px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
	border-radius: 10px;
	height: 60px;
	line-height: 60px;
	width: 430px;
	margin:5px 0 90px 90px;
}
.joinQR > button:hover{
	background-color: rgba(37, 64, 145, 1);
}
/**********비밀번호 설정**********/
.pwdSet{
	margin:0 auto;
	width: 75%;
	max-width: 680px;
	text-align:center;
	font-size:60px;
	font-weight:500;
	color:#fff;
	line-height:70px;
	z-index:999;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	margin-top: 230px;
	background-color: rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	
	
}
.pwdSet > .btn_close{
	position:relative;
	right:-300px;
	top:20px;
	width: 34px;
	height: 34px;
	line-height: 34px;

}
.pwdSet > p{
	font-size: 30px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
	text-align: left;
	margin-left: 37px;
	margin-top: 40px;
}
.pwdSet > p > span{
	font-size: 20px;
	font-weight: 300;
	display: block;
	margin-top: -20px;
	margin-bottom: 80px;
}
.pwdSet  > form{
	margin-left:100px;
}
.pwdSet  > form > input{
	margin-bottom: 20px;
	border:2px solid #fff;
	border-radius: 10px;
	padding:15px;
}
.pwdSet  > form > input:valid{
	color:#fff;
}
.pwdSet  > form > .pwdSet_btn{
	background-color: #254091;
	color:#fff;
	width: 430px;
	height: 60px;
	line-height: 60px;
	border-radius: 10px;
	font-size: 24px;
	margin-bottom: 80px;
}

.pwdSet > a {
	font-size: 20px;
	text-align: right;
	font-weight: normal;
	color:#fff;
	display: block;
	font-family: 'Noto Sans KR', sans-serif;
}
.pwdSet > a.txt_pwd_re{
	text-align: center;
	margin-top: 400px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: normal;
	color:#fff;
}

.pwdSet > .input-icon {
	position: relative;
}
.pwdSet > .input-icon > input:valid {
	margin-bottom: 10px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
	color:#fff;
}
.pwdSet > .input-icon > img {
	left:10px;
	top:25px;
	width: 32px;
	height: 32px;
	position: absolute;
	display: block;
	transform: translateY(-50%);
}

.pwdSet > form {
	margin-left:180px;
}
.pwdSet > form > .input-icon > #numb{
	width: 253px;
}
.pwdSet > form > .input-icon > .btn_num{
	position: absolute;
	right:0px;
	top:0px;
	width: 157px;
	height: 60px;
	background-color: #254091;
	border-radius: 10px;
	color:#fff;
	font-size: 20px;
	display: block;
}


.pwdSet > .jf_onoff{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.pwdSet > form > .input-icon > input{
	width: 430px;
}


.pwdSet > form > .input-icon > input:valid{
	padding-left:10px;
}

.pwdSet > form > .joinForm_btn{
	background-color: #254091;
	color:#fff;
	width: 430px;
	height: 60px;
	line-height: 60px;
	border-radius: 10px;
	font-size: 24px;
	margin-bottom: 80px;
}

.pwdSet > form > .input-icon label{
	position:absolute;
	height: 60px;
	line-height: 60px;
	color:#fff;
	left:-170px;
	text-align:right !important;
	font-size: 24px;
	font-weight: 500;
}
.pwdSet > form > .input-icon label.lb_2{
	position:absolute;
	height: 60px;
	line-height: 60px;
	color:#fff;
	left:-194px ;
	text-align:right !important;
	font-size: 24px;
	font-weight: 500;
}



/**********비밀번호 재설정*********/
.pwdReset{
	margin:0 auto;
	width: 75%;
	max-width: 680px;
	text-align:center;
	font-size:60px;
	font-weight:500;
	color:#fff;
	line-height:70px;
	z-index:999;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	margin-top: 230px;
	background-color: rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	
	
}
.pwdReset > .btn_close{
	position:relative;
	right:-300px;
	top:20px;
	width: 34px;
	height: 34px;
	line-height: 34px;

}
.pwdReset > p{
	font-size: 30px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
	text-align: left;
	margin-left: 37px;
	margin-top: 40px;
}
.pwdReset > p > span{
	font-size: 20px;
	font-weight: 300;
	display: block;
	margin-top: -20px;
	margin-bottom: 80px;
}
.pwdReset  > form{
	margin-left:100px;
}
.pwdReset  > form > input{
	margin-bottom: 20px;
	border:2px solid #fff;
	border-radius: 10px;
	padding:15px;
}
.pwdReset  > form > input:valid{
	color:#fff;
}
.pwdReset  > form > .pwdReset_btn{
	background-color: #254091;
	color:#fff;
	width: 430px;
	height: 60px;
	line-height: 60px;
	border-radius: 10px;
	font-size: 24px;
	margin-bottom: 80px;
}

.pwdReset > a {
	font-size: 20px;
	text-align: right;
	font-weight: normal;
	color:#fff;
	display: block;
	font-family: 'Noto Sans KR', sans-serif;
}
.pwdReset > a.txt_pwd_re{
	text-align: center;
	margin-top: 400px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: normal;
	color:#fff;
}

.pwdReset > .input-icon {
	position: relative;
}
.pwdReset > .input-icon > input:valid {
	margin-bottom: 10px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 10px;
	color:#fff;
}
.pwdReset > .input-icon > img {
	left:10px;
	top:25px;
	width: 32px;
	height: 32px;
	position: absolute;
	display: block;
	transform: translateY(-50%);
}

.pwdReset > form > .input-icon > #numb{
	width: 253px;
}
.pwdReset > form > .input-icon > .btn_num{
	position: absolute;
	right:0px;
	top:0px;
	width: 157px;
	height: 60px;
	background-color: #254091;
	border-radius: 10px;
	color:#fff;
	font-size: 20px;
	display: block;
}
.pwdReset  > form > .joinForm_btn{
	background-color: #254091;
	color:#fff;
	width: 430px;
	height: 60px;
	line-height: 60px;
	border-radius: 10px;
	font-size: 24px;
	margin-bottom: 80px;
}

.pwdReset > .jf_onoff{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.pwdReset > form > .input-icon > input[type="text"]:focus, 
.pwdReset > form > .input-icon > input[type="password"]:focus, 
.pwdReset > form > .input-icon > input[type="email"]:focus, 
.pwdReset > form > .input-icon > select:focus{
	border: 2px solid #fff !important;
	background: rgba(37, 64, 145, 0.4) !important;
}



input[type="text"], input[type="number"], input[type="password"], input[type="email"], select{
	height: 60px;
	line-height: 60px;
	background: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  -webkit-text-fill-color: #fff;
  background-color: rgb(232, 240, 254) !important;
  transition: background-color 1000s ease-in-out 0s;
}


#imgID{
	cursor:pointer;
	
}
#imgID:hover{
	border:5px solid #fff;
	display: block;
	width: 120px;
	height: 120px;
	padding:5px;
}


#hide{
	opacity: 0;
}




/*********sideNav 메뉴 설정**********/
#wrap{
	display: flex;
	width: 100%;
	box-sizing: border-box;
}

#wrap > .sideNav{
	width: 25%;
	min-width: 350px;
	color:#fff;
	z-index: 10000;
	margin-top: 60px;
	position:relative;
}
.sideNav > ul {
	height: 100%;
	width: 100%;
}
.sideNav > ul > li{
	text-align: right;
	height:120px ;
	width: 350px;
}
.sideNav > ul > li.snli > a{
	padding-right: 60px;
	height: 120px;
	line-height: 120px;
	font-size: 24px;
	display: block;
	font-family: 'Noto Sans KR', sans-serif;
	color:#878fa5;
}
.sideNav > ul > li:hover{
	background-color: rgba(255, 255, 255, 0.1);
	border-right:6px solid rgba(255, 255, 255, 0.1);
	font-weight: 700;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 24px;
	color:#fff ;
	border-right:6px solid #fff;
	z-index: 10000;
}
.sideNav > ul > li.snli > a:hover{
	font-weight: 700;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 24px;
	color:#fff !important;
}

.sideNav > ul > li.snon{
	background-color: #254091;
	border-right:6px solid #254091;
}
.sideNav > ul > li.snon > a{
	font-weight: 700;
	color:#fff;
	font-family: 'Noto Sans KR', sans-serif;
}
.sideNav > ul > li.snon:hover{
	background-color: #254091;
	border-right:6px solid #254091;
} 

.sideNav > #line2{
	position:absolute;
	left:344px;
	top:0;
	display: block;
	height: 850px;
	border-top: none;
	margin-top:0;
	margin-bottom:0;
	border-right:6px solid rgba(255, 255, 255, 0.1);
	z-index: -1 !important;

}

/********* 광고 설정 페이지 **********/

#wrap > .addSet_cont{
	width: 100%;
	color:#fff;
	z-index:10000;
	margin-top: 350px;
	display: flex;
	justify-content: center;
	flex-direction: column;	
	align-items: center;
}
#wrap > .addSet_cont > h3{
	font-size: 32px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
	margin-bottom: 40px;
}
#wrap > .addSet_cont > p{
	display: block;
	text-align: center;
	font-weight: 300;
	font-size: 22px;
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 1.5em;
	margin-bottom: 68px;
}
#wrap > .addSet_cont > button{
	background-color: rgba(37, 64, 145, 0.4);
	color:#fff;
	padding:10px auto;
	width: 430px;
	height: 60px;
	border-radius: 10px;
	font-size: 24px;
	line-height: 24px;
	align-items: center;
	margin-bottom: 10px;
}

#wrap > .addSet_cont > button:hover{
	background-color: rgba(37, 64, 145, 1);
}


.mh{
	display: none;
}




/************************************************
*					FOOT						*
************************************************/

.footer{width:100%;margin:0;background-color:#222;position:relative;left:0;bottom:0;}
.footer .copyright{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding:45px 0;
	text-align:left;
	font-size:13px;
	font-weight:300;
	color:#bebebe;
	line-height:23px;
	letter-spacing:1px;
	position:relative;
}
.footer .copyright a{font-weight:500;color:#bebebe;}

.footer .copyright .f_logo{margin:0 0 15px;padding:0;position:relative;}
.footer .copyright .f_logo img{width:auto;height:40px;display:block;}

.footer .copyright .fw_top{width:70px;height:70px;position:absolute;right:0;top:110px;z-index:100;}
.footer .copyright .fw_top a{width:100%;height:70px;display:block;}
.footer .copyright .fw_top a img{width:100%;}


/************************************************
*					popup						*
************************************************/
#myModal{
	margin-top: 300px;
}
#myModal > .modal-dialog{
	width: 440px;
}
#myModal > .modal-dialog >.modal-content{
	height: 280px;
	border-radius: 20px !important;
}
#myModal > .modal-dialog >.modal-content > .modal-body{
	padding:0;
}
#myModal > .modal-dialog >.modal-content > .modal-body > p {
	font-size: 22px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif !important;
	text-align: center;
	margin: 90px auto 50px;
}

#myModal > .modal-dialog >.modal-content > .modal-footer{
	border-top:none;
	text-align: center;
	padding: 0 15px;
}
#myModal > .modal-dialog >.modal-content > .modal-footer > .btn{
	font-size: 20px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif !important;
	border:2px solid #254091;
	width: 157px;
	height: 60px;
	color:#254091;
	border-radius: 10px;
}
#myModal > .modal-dialog >.modal-content > .modal-footer > .btn:hover{
	background-color: #254091;
	color:#fff;
}









.toggle-buttons {
	text-align: center;
  }
  .toggle-buttons li {
	list-style: none;
	display: block;
	width: 430px;
	
	margin-bottom: 10px;
  }
  .toggle-buttons li a {
	text-decoration: none;
	font-size: 24px;
	border-radius: 10px;
	display: block;
	height: 60px;
	line-height: 60px;
	background-color: #eee;
	color:#fff;
	background-color: rgba(37, 64, 145, 0.4);
  }
  .toggle-buttons li a:hover{
	background-color: rgba(37, 64, 145, 1);
	color:#fff !important;
  }
 
  .toggle-buttons li.active a {
	color: #fff;
	background: url(../images/icon/fi_check.png)no-repeat 32% rgba(37, 64, 145, 1);
  }
 

  .toggle-buttons li.active:last-child a {
	color: #fff;
	background: url(../images/icon/fi_check.png)no-repeat 25% rgba(37, 64, 145, 1);
  }