@charset "utf-8";
/* 프로그램리스트 모바일 버전 */
.all_m_btn {padding:10px; background:#323337;}
.all_m_btn img {position:absolute; top:28%; left:15px; width:10%; max-width:40px; cursor:pointer;}
.all_m_btn .mutit {text-align:center; font-weight:900; font-size:26px; color:#fff;}
.pro_m_wrap {display:none; font-family:'Nanum Gothic', sans-serif; transition:all 0.3s linear;}

.pro_m_wrap .m_menu {width:200px;}
.pro_m_wrap .bg_black {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:-1;}



.pro_m_wrap .subleftmenu {
	list-style:none;
	margin:0;
	padding:0;
}
.pro_m_wrap .subleftmenu li {
	border-bottom:1px solid #515155;
	background:#323337;
}
.pro_m_wrap .subleftmenu a {
	display:block;
	color:#b5b2b2;
	font-size:14px;
	padding:11px 5px 11px 15px;
	font-family:'Noto Sans KR';
}
.sub_title_m{
	font-size:28px !important;
	font-weight:bold;
	color:#fff !important;
	padding:12px 5px 12px 15px !important;
}
.pro_m_wrap .subleftmenu a:hover {
	background:#307dd4;
	color:#fff;
}
.sub_title_m:hover {
	background:#323337 !important;
	cursor:default;
}

@media all and (max-width:999px){
	.pro_m_wrap {display:block; position:absolute; left:-100%; top:0; z-index:999;}
	.pro_m_wrap.view {left:0;}
}


/* reset */
body, div, ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, select, input,iframe{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:14px; font-weight:normal;}
body, input, textarea, select, button,iframe{font-family: "Noto Sans KR", sans-serif;}
a {text-decoration:none; color:#4f4f4f; font-family: "Noto Sans KR";}
a:link{font-size:14px; color:#4f4f4f; text-decoration:none;}
a:hover{font-size:14px; color:#4f4f4f; text-decoration:none;}
a:visited{font-size:14px; color:#4f4f4f;  text-decoration:none;}
li, ul, ol {list-style:none;}
img {border:0;}




/*공통 css*/
.clear:after{content:""; display:block; clear:both;}

/*헤더 부분*/
#wrap{width:100%; position:relative; overflow:hidden;}
#header_wrap{width:100%; margin:0 auto; padding-top:30px; box-sizing:border-box; position:absolute; top:0; left:0; z-index:20;}

#header_wrap .header{width:100%; max-width:1110px; margin:0 auto;}
#header_wrap .header .logo{width:182px; height:33px; float:left;}
#header_wrap .header .logo h1{width:100%; height:100%; margin:0;}
#header_wrap .header .logo h1 a{display:block; width:100%; height:100%;}
#header_wrap .header .logo h1 a img{width: 70%;margin-top: 6px;}
#header_wrap .header .logo h1 a img.fx_logo{display:none;}


#header_wrap .header .gnb{float:right;margin-bottom: 0;}
#header_wrap .header .gnb li{float:left; margin-right:50px; line-height: 33px;}
#header_wrap .header .gnb li:last-of-type{margin-right:0;}
#header_wrap .header .gnb li a{display:block; width:100%; font-size:13px; font-weight:900; letter-spacing:0.05em; color:#fff; position:relative;}
#header_wrap .header .gnb li a:after{content:""; display:block; width:0; height:2px; background:#fff; position:absolute; bottom:0; left:0; transition:all 0.5s;}
/* #header_wrap.fixed .header .gnb li.on a:after{content:""; display:block; width:0; height:2px; background:#000; position:absolute; bottom:3px; left:0; transition:all 0.5s;} */

#header_wrap .header .gnb li.on a:after{width:100%;}
#header_wrap.fixed .header .gnb li.on a:after{width:100%;}
#header_wrap .header .gnb li.on a{color:#fff; transition:all 0.5s;}

.m_hd_wrap{display:none;}

/*스크롤 이벤트 부분*/

#header_wrap.fixed{width:100%; position:fixed; top:0; left:0; background:rgba(36,33,33,0.8); padding:13.5px 0;}
#header_wrap.fixed .header .logo h1 a img.ab_logo{display:none;}
#header_wrap.fixed .header .logo h1 a img.fx_logo{display:block;width: 70%;margin-top: 5px;}
#header_wrap.fixed .header .gnb li a{color:#fff;}
/* #header_wrap.fixed .header .gnb li:hover a{color:#3E4EC0;} */



/*푸터 부분*/

#footer{width:100%; padding:95px 0 147px; box-sizing:border-box; background:#000;}
#footer .foot{width:100%; max-width:1110px; margin:0 auto; display: flex; align-items: center; justify-content: space-between;}
#footer .foot .left_box{display: flex; gap: 130px;}
#footer .foot .ft_logo{}
#footer .foot h1{margin-top:0; margin-bottom:0;}
#footer .foot .ft_logo h1 a img.m_f_logo{display:none;}
#footer .foot .address p br.m_on{display:none;}

#footer .foot .logo{width: 90px;}
#footer .foot .logo img{width: 100%;}


@media all and (max-width:1000px){

	#header_wrap{display:none;}
	.m_hd_wrap{display:block; width:100%; position:absolute; top:0; left:0; padding:48px 22px 0 60px; box-sizing:border-box;}
	.m_hd_wrap .m_logo h1 a img.m_scroll{display:none;}
	.m_hd_wrap .m_logo{float:left;}
	.m_hd_wrap .m_logo h1{margin:0; width:175px; height:29px;}
	.m_hd_wrap .m_logo h1 a{display:block; width:100%; height:100%;}
	.m_hd_wrap .m_logo h1 a img{width:100%; height:100%;}
	.m_hd_wrap .m_gnb_img{float:right; cursor:pointer; width:28px; height:17px;}
	.m_hd_wrap .m_gnb_img img{width:100%; height:100%;}
	.m_gnb_wrap{width:100%; position:fixed; top:0; left:-1000px; z-index:99; background:#222; padding:48px 20px 206px 60px; box-sizing:border-box;height: 100vh;}
	.m_gnb_wrap .gnb_logo{float:left; width:175px; height:29px;}
	.m_gnb_wrap .gnb_logo img{width:100%; height:100%;}
	.m_gnb_wrap .m_close{float:right; cursor:pointer; width:28px; height:17px;}
	.m_gnb_wrap .m_close img{width:100%;}
	.m_gnb_wrap .m_gnb{padding-top:130px; box-sizing:border-box;}
	.m_gnb_wrap .m_gnb ul li{line-height:1; margin-bottom:66px;}
	.m_gnb_wrap .m_gnb ul li:last-of-type{margin-bottom:0;}
	.m_gnb_wrap .m_gnb ul li a{font-size:30px; font-weight:bold; font-size:30px; letter-spacing:0.05em; color:#fff;}
	.m_gnb_img .gnb02{display:none;}


	/*모바일 스크롤 css*/

	.m_hd_wrap.m_fx_wrap{position:fixed;top:0; left:0; background:#060607; padding:30px 22px 20px 60px; box-sizing:border-box; z-index:30;}
	.m_hd_wrap.m_fx_wrap .m_logo h1 a img.m_logo_img{display:none;}
	.m_hd_wrap.m_fx_wrap .m_logo h1 a img.m_scroll{display:inline-block;}
	.m_hd_wrap.m_fx_wrap .m_gnb_img .gnb01{display:none;}
	.m_hd_wrap.m_fx_wrap .m_gnb_img .gnb02{display:inline-block;}


	/*푸터 부분*/

	#footer{width:100%; max-width:inherit; padding:34px 0 54px 0;}
	#footer .foot{width:100%; max-width:inherit;}
	#footer .foot .left_box{gap: 0; flex-direction: column;}
	#footer .foot .ft_logo{float:none; width:100%; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:28px; box-sizing:border-box;}
	#footer .foot .ft_logo h1{width:117px; height:23px; margin:0 auto;}
	#footer .foot .ft_logo h1 a img.f_logo{display:none;}
	#footer .foot .ft_logo h1 a img.m_f_logo{display:block;}
	#footer .foot .address{float:none; margin-left:0px; margin-top:26px; text-align:center;}
	#footer .foot .address p br.m_on{display:block;}
	#footer .foot .address p{font-size:15px; font-weight:300; color:#848383; margin-bottom:8px; line-height:1;}
	#footer .foot .address p span{display:inline-block; margin-top:10px;}


}


@media all and (max-width:640px){

	.m_hd_wrap{padding:7.5vw 3.4375vw 0 9.375vw;}
	.m_hd_wrap.m_fx_wrap{padding:4.6875vw 3.4375vw 3.125vw 9.375vw;}
	.m_hd_wrap .m_logo h1{width:27.34375vw; height:4.53125vw;}
	.m_hd_wrap .m_gnb_img{width:4.375vw; height:2.65625vw;}
	.m_gnb_wrap{padding:7.5vw 3.125vw 32.1875vw 9.375vw;}
	.m_gnb_wrap .gnb_logo{width:27.34375vw; height:4.53125vw;}
	.m_gnb_wrap .m_close{width:4.375vw; height:2.65625vw;}
	.m_gnb_wrap .m_gnb{padding-top:20.3125vw;}
	.m_gnb_wrap .m_gnb ul li{margin-bottom:10.3125vw;}
	.m_gnb_wrap .m_gnb ul li a{font-size:4.6875vw;}

	/*푸터 부분*/

	#footer{padding:5.46875vw 0 7.8125vw 0;}
	#footer .foot .ft_logo{padding-bottom:3.4375vw;}
	#footer .foot .ft_logo h1{width:18.28125vw; height:3.59375vw;}
	#footer .foot .ft_logo h1 a{display:100%; height:100%;}
	#footer .foot .ft_logo h1 a img{width:100%; height:100%;}
	#footer .foot .address{margin-top:4.0625vw;}
	#footer .foot .address p{font-size:2.34375vw; margin-bottom:0; line-height: 3.4375vw;}
	#footer .foot .address p span{margin-top:0;}
}


/* 20181102 수정 css */

@media all and (max-width:640px){
	#footer .foot .ft_logo{border-bottom: 0;}
	#footer .foot .address{margin-top: 0;}
}

#header_wrap .header #language {
	display: flex;
	float: right;
	margin-left: 30px;
}

#header_wrap .header #language #language-span {
	color: white;
	position: relative;
	cursor: pointer;
	margin-right: 20px;
	align-content: center;
	height: 33px;
	font: 900 14px 'Noto Sans KR', sans-serif;
}
#header_wrap .header #language #language-span:before {
	content : "";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 1px;
	width   : 85%;  /* or 100px */
	border-bottom: outset 1px #CECECE;
}
  
#header_wrap .header #language #language-list {
	position:absolute;
	top:-6px;
	right: 0;
	background-color: #ffffff;
	color: #000000;
	padding: 6px;
	display: none;
	border: outset 1px #C4C4C4;
	width: 50px;
	float: right;
}
#language-span img {
	vertical-align: middle;
}
#header_wrap .header #language #language-list li a {
	color: #000000;
}

#header_wrap .header #language #language-list.on {
	display: block;
}
#header_wrap .header #language #language-list li {
	height: 33px;
	align-content: center;
}
#header_wrap .languages {
	cursor: pointer;
	font: 500 1.7rem 'Montserrat', sans-serif;
	text-align: center;
}

#header_wrap .languages a {
	vertical-align: middle;
}

#header_wrap .languages img {
	filter: invert();
}

#header_wrap .languages span {
	font-size: 18px;
	color: #CECECE;
	display: inline-block;
	padding: 5px;
}

#header_wrap .header #language span span {
	padding: 6px;
	vertical-align: middle;
	position: relative;
	width: 50px;
	display: inline-block;
	text-align: center;
}