@charset "utf-8";
/* Fonts */


@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}
@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 700;
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}
@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 300;
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
	src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.noto {font-family: 'Noto Sans KR', sans-serif;}
.nanum {font-family: 'NanumBarunGothic';}
/* CSS Document */
#wrap{position:relative; width:100%;}
.subWrap{position:relative;}
.inner {position: relative; width: 100%; max-width:1200px; margin: 0 auto;}

@media all and (max-width: 1000px) {
	.inner {width: 93.75%;}
}

/*================================
	header
================================*/
#header{position:relative; width:100%; z-index:99999; }
#header .top{position:relative; width:100%; height:115px; margin:0 auto;} 
#header .top h1{padding:33px 75px 33px 75px;}
#header .top .util{position:absolute; top:50%; transform:translateX(-50%;) right:95px;}
#header .top .util ul{overflow:hidden;}
#header .top .util ul li{float:left; }
#header .right_box {position:absolute;right:75px; top:38px; z-index: 99999;}
#header .right_box ul {letter-spacing:-4px; font-size:0;}
#header .right_box ul li {display:inline-block; vertical-align:middle; margin-left:18px;}
#header .right_box ul li a {font-size:17px; font-weight:700; color:#222; letter-spacing:0;}

/*header*/
#header{position:relative; width:100%; font-size:0; letter-spacing:-4px; text-align:center; border-bottom:1px solid rgba(255, 255, 255, 0.33); z-index:100; box-sizing:border-box;}
.main #header {position:absolute; width:100%; font-size:0; letter-spacing:-4px; text-align:center; border-bottom:1px solid rgba(255, 255, 255, 0.33); z-index:100; box-sizing:border-box;}
#header .logo{position:absolute; top:50%; transform:translateY(-50%); left:95px;}
#header .logo a{display:inline-block;}
#header .logo a img.white_logo{display:none;}
#header .logo a img.color_logo{display:block;}
.main #header .logo a img.color_logo{display:none;}
.main #header .logo a img.white_logo{display:block;}
#header .gnb > ul > li{position:relative; display:inline-block; vertical-align:top; margin:0 55px;}
#header .gnb > ul > li > a{position:relative; display:block; font-size:20px; color:#222222; letter-spacing:-0.025em; font-weight:700; line-height:1.4; padding:27px 0;margin-top:22px;}
.main #header .gnb > ul > li > a {color:#fff;}
#header .gnb > ul > li > a:before{width:22px; height:19px; content:''; background:url('/img/gnb_icon.png') no-repeat center center / cover; position:absolute; left:-20px;top:30px; display:none;}
#header .gnb > ul > li > a:hover {color:#e66787;}
#header .gnb > ul > li > a:hover:before{display:block;}

#header .gnb > ul > li > a > i {display:inline-block; vertical-align:middle; margin-bottom:5px; margin-right:5px;}
#header .gnb > ul > li > a > i img.normal_icon {display:block;}
#header .gnb > ul > li > a > i img.main_icon {display:none}
.main #header .gnb > ul > li > a > i img.normal_icon {display:none;}
.main #header .gnb > ul > li > a > i img.main_icon {display:block}

#header .gnb > ul > li ul.depth02{position:absolute; left:50%; top:100%; display:none; width:200px; padding:25px 10px; box-sizing:border-box; background:#f5f5f5; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}

#header .gnb > ul > li ul.depth02 > li{padding:5px 0;}
#header .gnb > ul > li ul.depth02 > li > a{font-size:16px; color:#666; letter-spacing:-0.04em; font-weight:300; line-height:1.6; }
#header .gnb > ul > li ul.depth02 > li > a:hover{color:#e66787; font-weight:600; text-decoration:underline;}
/*#header .gnb > ul > li:hover > a:before{top:20px; opacity:1;}*/
#header .gnb > ul > li:hover ul.depth02{display:block; background:rgb(3, 5, 7, 0.8);}
#header .right_box{position:absolute; top:23px; right:60px;}
#header .right_box > a{display:inline-block; vertical-align:middle; margin-left:60px;}
#header .lang_box{display:inline-block; vertical-align:middle;}
#header .lang_box i{display:inline-block; vertical-align:middle; width:24px; height:24px; margin-right:10px; background:url('/img/header_icon01.png') no-repeat center center / contain;}
#header .lang_box a{position:relative; display:inline-block; vertical-align:middle; font-size:18px; color:rgba(255, 255, 255, 0.66); letter-spacing:0em; font-weight:500; line-height:1.4;}
#header .lang_box a + a{margin-left:16px;}
#header .lang_box a + a:before{content:''; position:absolute; top:8px; left:-8px; display:block; width:1px; height:11px; background:rgba(255, 255, 255, 0.33);}
#header .lang_box a.on{color:#fff; font-weight:500;}
#header .util {position:absolute; right:95px; top:50%; transform:translateY(-50%);}
#header .util a {vertical-align:middle; display:inline-block; font-size:14px; color:#666666; font-weight:700; letter-spacing:0; margin-left:18px;}
.main #header .util a {color:#fff;}
#header.on{border-bottom:1px solid #ddd; background:#fff; box-shadow:2px 2px 10px rgba(0, 0, 0, 0.08);}
#header.on .logo a img.white{display:none;}
#header.on .logo a img.color{display:block;}
#header.on .gnb > ul > li > a{color:#222;}
#header.on .gnb > ul > li:hover > a{color:#f37321; font-weight:700;}
#header.on .gnb > ul > li:hover > a:before{top:20px; opacity:1;}
#header.on .lang_box i{background-image:url('/img/header_icon02.png');}
#header.on .lang_box a{color:#aaa;}
#header.on .lang_box a + a:before{background:#ddd;}
#header.on .lang_box a.on{color:#444; font-weight:500;}

@media all and (max-width:1400px){
	#header .gnb > ul > li {margin:0 10px;}
	#header .logo {left:30px;}
}

@media all and (max-width:1200px){
	#header .gnb > ul > li {margin:0 10px;}
	#header .logo {left:30px;}
}
@media all and (max-width:1000px){
	#header .gnb {display:none;}
	#header .top h1 {padding:0}
	#header .util {display:none;}
	
}

/* m_menu */
#header .m_btn{ display:none;vertical-align:middle; width:100px; padding:35px 30px; margin-left:40px; cursor:pointer;  box-sizing:border-box; position:absolute; right:0; top:50%;}
#header .m_btn i{display:inline-block; width:100%; height:2px; margin:4px 0; background:#fff; transition:all 0.5s;}
/*.m_menu_bg {z-index:101; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.7); cursor:pointer; }*/
#m_menu {z-index:102; position:fixed; right:-100%; top:0; width:500px; max-width:80%; height:100%; background-color:#fff; box-sizing:Border-box; transition:all 0.5s; overfloW-y:auto;}
#m_menu.on {right:0; }
#m_menu .top_box {position:relative; padding:10px; box-sizing:border-box; }
#m_menu .top_box .close_btn {position:absolute; right:20px; top:calc(50% - 15px); width:30px; height:30px; }
#m_menu .top_box .close_btn i {display:block; width:100%; height:2px; background-color:#333; }
#m_menu .top_box .close_btn i:first-of-type {-webkit-transform:rotate(45deg) translate(9px,9px); -moz-transform:rotate(45deg) translate(9px,9px); -ms-transform:rotate(45deg) translate(9px,9px); -o-transform:rotate(45deg) translate(9px,9px); transform:rotate(45deg) translate(9px,9px); }
#m_menu .top_box .close_btn i:last-of-type {-webkit-transform:rotate(-45deg) translate(-7px,8px); -moz-transform:rotate(-45deg) translate(-7px,8px); -ms-transform:rotate(-45deg) translate(-7px,8px); -o-transform:rotate(-45deg) translate(-7px,8px); transform:rotate(-45deg) translate(-7px,8px); }
#m_menu .login_box {padding:20px 0; background-color:#292929; text-align:center; }
#m_menu .login_box a {position:relative; padding:0 30px; font-size:20px; color:#fff; letter-spacing:-0.04em; }
#m_menu .login_box a:first-of-type:before {content:''; position:absolute; right:-1px; top:calc(50% - 7px); width:2px; height:15px; background-color:#fff; }
#m_menu .gnb_box {border-top:1px solid #ddd; }
#m_menu .gnb_box > ul > li {border-bottom:1px solid #dddddd; }
#m_menu .gnb_box > ul > li > a {position:relative; display:block; padding:20px 20px; font-size:20px; font-weight:bold; color:#222222; letter-spacing:-0.04em; box-sizing:border-box; }
#m_menu .gnb_box .depth02 {display:none; padding:10px 0; background-color:#0098aa; }
#m_menu .gnb_box .depth02 li a {position:relative; display:block; padding:7px 20px; font-size:18px; color:#fff; letter-spacing:-0.04em; box-sizing:border-box; }

@media all and (max-width: 1000px) {
	#header {border-bottom:none;}
	.m_menu_bg {display: none !important;}
	#m_menu.on {display: block;}
	#header .m_btn {display:block; top:10%;}
}


/*gnb*/
#navi_wrap{position:absolute; top:38px; right:35%;  z-index:99999;}
#navi_wrap #gnb{position:relative; clear:both; width:640px;  margin:0px 0 0 0; }
#gnb .menu_list{}
#gnb .menu_list li{float:left; margin:0 100px 0 0; }
#gnb .menu_list li.last{margin-right:0;}

#gnb .submenu {width:178px; position:absolute; top:30px; padding:20px 0 0px 0 ; background:url(/img/submenu_arrow_bg.png) no-repeat center 12px;}  
#gnb .submenu ul{width:178px; margin:0px 0 0 0; padding:19px 0 19px 0px; background:url(/img/gnb_submenu_bg.png) repeat left top;}
#gnb .submenu ul li{margin:0 0 11px 0; text-align:center;}
#gnb .list01 {left:-45px;}
#gnb .list02 {left:143px;}
#gnb .list03 {left:320px;}



/*================================
	footer
================================*/
#footer{clear:both; position:relative; width:100%; height:156px; background:url(/img/footer_bg.gif) repeat-x left top; z-index:1;}
#footer .foot{position:relative; width:1000px; margin:0 auto;}
#footer .foot address{position:absolute; left:0px; top:50px;}

#footer .foot .util{position:absolute; left:0px; top:10px;}
#footer .foot .util ul{overflow:hidden;}
#footer .foot .util ul li{float:left; margin:0 24px 0 0px; }

/*================================
	서브container
================================*/
#container{position:relative; width:100%; background:url('/img/sub_visual01.png') no-repeat center top;}
#container #content{position:relative; max-width:1200px;margin:0 auto 0 auto; overflow:hidden;}
#container #content:after {clear:both; display:block; content:'';}
#container #content #left{float:left; position:relative; width:204px; }
#container #content #left h2 img{width:204px; height:171px;}

#container #content #right{float:right; position:relative; max-width:916px; width:calc(100% - 204px);}
#container #content #right .location{padding:33px 0 0 0; height:102px; font-size:12px;}
#container #content #right .location .local img{vertical-align:middle; margin:-3px 5px 0 0;}
#container #content #right .con .cc{position:relative; width:100%; margin:0 auto; padding:60px 0 140px 0;}

@media all and (max-width:1000px) {
	#container #content #right {padding-left:20px; padding-right:20px; box-sizing:border-box;}
	
}



/* 20220824 색상 수정 */
/* #container #content #right .location .local strong{color:#f77b00;} */
/* #container #content #right .location .local{margin:0 0 30px 0;} */
/* #container #content #right .con .cc{position:relative; width:763px; margin:0 auto; padding:60px 60px 140px 60px;} */
#container #content #right .location .local{margin-bottom: 24px;}
#container #content #right .location .local strong{color:#fff;}
#container #content #right .location .local span {font-size:12px; letter-spacing:0; font-weight:400; color:#fff;}
#container #content #right h3.title { font-size: 34px; letter-spacing:-0.050em;  color:#fff; font-weight: 400;}

#footer {background:#161616; letter-spacing:-4px; font-size:0; padding:32px 0 44px 0;}
#footer .top_box {border-bottom:1px solid #3a3a3a; box-sizing:border-box; margin-bottom:15px; padding-bottom:5px;}
#footer .top_box a {display:inline-block; vertical-align:top; font-size:11px; letter-spacing:0; color:#fff; font-weight:400;}
#footer .top_box a + a {margin-left:25px;}
#footer .bot_box ul li {display:inline-block; vertical-align:top;}
#footer .bot_box ul li + li {margin-left:24px;}
#footer .bot_box ul li span {font-size:11px; letter-spacing:0; color:#fff; font-weight:400; line-height:1.8;}
#footer .bot_box .copy_box {margin-top:5px;}
#footer .bot_box .copy_box span{font-size:10px; letter-spacing:0; color:#999999; font-weight:500;}