@charset "utf-8";

/** Animation **/
#wrap .top_btn a,
#slide_map .box ul li a:after,
#header h1.logo,
#header h1.logo a,
#header h1.logo a span,
#header h1.logo a strong,
#header #toputil,
#header #top_util .layout,
#header #top_util .main_layout,
#header #top_util #global,
#header #top_util #global .log_btn,
#header #top_util #global .log_btn a,
#header #top_util #global .site_link,
#header #top_util #global .site_link a,
#header .nav_box #gnb,
#header .nav_box #gnb ul li a span,
#visual,
#visual h2,
#main_container,
#path,
#path #lnb li ul li a,
#path .path_etc,
#path .path_etc li,
#path .path_etc li a,
#contents,
#contents h3,
#aside .all_menu,
#aside .menu li a,
#aside_mobile .box .close:after,
#aside_mobile .box .menu li,
#aside_mobile .box .menu li a,
#aside_mobile .box .menu li a:before,
#footer .layout,
#footer .menu_link li,
#footer .menu_link li a,
#footer .call,
#footer .call dt,
#footer .call dt span,
#footer .call dd,
#footer .call dd span,
#footer address,
#footer address span,
#footer .copy
{transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}

.util-mbr ul li a.sitemap {
    width: 32px;
    height: 40px;
    background: url(/images/header/icon_sitemap.png) no-repeat;
    display: inline-block;
    text-indent: -9999px;
}

/** Common **/
.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}
#wrap {width:100%; height:auto;position:relative;background:none !important;}
.main_layout {width:1180px;margin:0 auto; position:relative; z-index:10;}
.main_layout:after {content:""; display:block; clear:both;}
.layout {width:1180px;margin:0 auto; position:relative; z-index:10;}
.layout:after {content:""; display:block; clear:both;}
#wrap .top_btn {position:fixed; right:-60px; bottom:20px; overflow:hidden;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; z-index:999; display:none;
box-shadow:0 0 3px #fff; -webkit-box-shadow:0 0 3px #fff;}
#wrap .top_btn a {display:block; width:40px; height:40px; background:#1e1e1e url(/images/wise/ftc/common/top_btn.png) no-repeat center 50%;}
#wrap .top_btn a span {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;}


/** Header **/
#slide_map {display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:400; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0);}
#slide_map .box {position:absolute; width:100%; max-width:1200px; height:550px; background:#fff; right:50%; top:0; margin:0 -600px 0 0; z-index:400;}
#slide_map .box .title {display:block; font-size:30px; line-height:36px; font-weight:normal; padding:25px 3%; color:#444; }
#slide_map .box .binds {overflow:hidden; padding:0 3%;}
#slide_map .box ul {width:100%; height:auto; border-top:2px solid #444; }
#slide_map .box ul:after {content:""; display:block; clear:both;}
#slide_map .box ul li {border-bottom:1px solid #d2d2d2; position:relative; padding:0 0 0 260px;}
#slide_map .box ul li a {display:inline-block; vertical-align:top; text-decoration:none; position:absolute; left:0; top:12px;}
#slide_map .box ul li a span {display:inline-block; vertical-align:top; font-size:20px; line-height:26px; padding:11px 10px 10px 10px; color:#444;}
#slide_map .box ul li ul {margin:0; width:auto; border:0; padding:20px 0; display:block;}
#slide_map .box ul li ul li {float:left; border:0; width:25%; padding:0;}
#slide_map .box ul li ul li a {background:none; font-size:16px; line-height:22px; padding:5px 0 5px 10px; background:url(/images/wise/ftc/common/slide_map_bul.gif) no-repeat left 13px; text-align:left; margin:0; position:relative; left:auto; top:auto;}
#slide_map .box ul li ul li a:hover, #slide_map .box ul li ul li a:active {text-decoration:underline;}
#slide_map .box ul li ul li ul {display:none;}
#slide_map .box .close {display:block; position:absolute; right:3%; top:22px; width:40px; height:40px; background:#fff; text-indent:-9999px; overflow:hidden;}
#slide_map .box .close:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/wise/ftc/common/slide_map_close.png) no-repeat center 50%;
-webkit-transition: all .8s ease; transition: all .8s ease;}
#slide_map .box .close:hover:after, #slide_map .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}
#slide_map .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}

#header {width:100%;background:#fff;height:auto;position:relative;}
#header.fixed {position:fixed;left:0;top:0; box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #666;z-index:200;}
#header.fixed .nav_box #gnb ul li a {color:#333;}
#header.fixed .nav_box #gnb ul li a.active, #header.fixed .nav_box #gnb ul li a:hover, #header.fixed .nav_box #gnb ul li a:active {color:#fff;}
#header.fixed .nav_box #gnb ul li ul li a {color:#fff;}
#header.fixed .nav_box #gnb ul li ul li a:hover, #slide_map .box ul li ul li a:active {text-decoration:underline;color:#fff000;}
#header.fixed .nav_box #gnb ul li ul li a.on span, #header.fixed .nav_box #gnb ul li ul li a:hover span, #header.fixed .nav_box #gnb ul li ul li a:active span {color:#005bac;}
.custom_cl{ background: #fff !important;}

#header #top_util{width:100%; height:50px;background:#4260a0;}
#header #top_util{content:""; display:block; clear:both;}
#header #top_util .layout {height:50px; width:1180px; }



#header #top_util .site_link {float:left;}
#header #top_util .site_link:after {content:""; display:block; clear:both;}
#header #top_util .site_link a {display:block;color:#fff; float:left; width:180px; height:40px; background:#304574 url(/images/wise/ftc/common/s_arrow.png) no-repeat 150px 18px;text-decoration:none;padding:10px 0 0 0;text-align:center}

#totalsearch_input{display:none}
#header #top_util .log_btn {float:right;overflow:hidden;}
#header #top_util .log_btn:after {content:""; display:block; clear:both;}
#header #top_util .log_btn a.login_btn {background:#4c70bc url(/images/wise/ftc/common/login.png) no-repeat 25px 8px;width:54px;height:25px;display:inline-block;color:#fff;float:left;padding:23px 0 0 10px;font-size:13px;text-decoration:none;}
#header #top_util .log_btn a:hover.login_btn{text-decoration:none;color:#fff}
#header #top_util .log_btn a.mob_btn {background:url(/images/header/icon_sitemap.png) no-repeat;width:32px;height:40px;float:left;display:inline-block;;text-indent:-9999px;}
#header #top_util .log_btn a:hover, #header #top_util .log_btn a:active {color:#fff;}

#header .search_area{clear:both;height:92px;width:640px;margin:0 auto 0 auto;background:none;float:none;border:none}
#header .search_area h1 a {display:block; height:44px; overflow:hidden;margin:20px 0 0 0;float:left;}
#header .search_area h1 a span {display:inline-block; vertical-align:top; width:126px; height:44px; background:url(/images/wise/ftc/common/logo.png) no-repeat left top; text-indent:-9999px;}
#header .search_area h1 a strong {display:inline-block; vertical-align:top; color:#005bac; font-size:24px; line-height:28px; margin:9px 0 0 5px; font-weight:normal;}
#header .search_area .box{float:left;margin:28px 0 0 40px}
#header .search_area .box input[type="text"]{border-radius:30px;border:3px solid #204b6d;height:40px;width:416px;}
#header .search_area .box input[type="submit"]{background:url(/images/wise/ftc/common/search.png) no-repeat left top;width:40px; height:38px;font-size:0px;border:none;text-indent:-9999px;}
#header #top_util .mob_btn {display:none;}
#header #top_util .aside_btn {display:none;}
#header .nav_box{width:100%;height:60px;position:absolute;z-index:200;overflow:hidden;border-bottom:1px solid #ddd;border-top:1px solid #ddd;background:#fff;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#header .nav_box:before {content:""; display:block; height:1px; width:100%; position:absolute; top:160px; background:#fff; z-index:10; display:none;}
#header .nav_box #blind {width:100%; height:100%; background:#2061c2; position:absolute; left:0; top:60px; z-index:1;
opacity:0.95; -webkit-opacity:0.95; filter:alpha(opacity=95);}
#header .nav_box #gnb {width:1180px; margin:0 auto; position:relative; z-index:1;float:none;border:0px solid red;padding:0}
#header .nav_box #gnb:after {content:""; display:block; clear:both;}
#header .nav_box #gnb ul {width:100%; height:150px !important;}
#header .nav_box #gnb ul:after {content:""; display:block; clear:both;}
#header .nav_box #gnb ul li {float:left; width:24.8%;border-left:1px solid #ddd; }
#header .nav_box #gnb ul li:last-child{border-right:1px solid #ddd;}

.banner {
	width:100%;
	height:130px;
	background:#193975;
	overflow:hidden;
	z-index:300;
	position:relative;
}
.banner .top_banner {
	margin:25px auto 0 auto;
	width:1180px;
	height:80px;

}
.banner .top_banner a{font-size:22px;color:#91adeb;text-align:center;display:block;margin:0 3%;letter-spacing:-1px;}
.banner .top_banner a span.yellow_ti{color:#fff000;display: inline-block;margin: -8px 0 0 0;}
.banner .top_banner a span.block{display:block;font-size:16px;text-align:center;}
.arrowL{position:absolute;left:0;top:20px;cursor: pointer;}
.arrowR{position:absolute;right:0;top:20px;cursor: pointer;}

.banner .btn_close {
	position:absolute;
	right:10px;
	top:70px;
	z-index:300;
}

.banner .btn_close label {
	font-size:13px;
	color:#fff;
}
.banner .btn_close button {
	margin:0px 0 0 0;
	margin-left:0;
	padding:0;
	background:none;
	border:0;
	color:#fff;
	 font-family:"Noto Sans KR"
}



#header .nav_box #gnb ul li a {display:block; text-decoration:none; text-align:center;height:auto;line-height: 20px;}
#header .nav_box #gnb ul li a span {display:inline-block; vertical-align:top; font-size:20px; line-height:24px; height:41px; padding:19px 0 0 0; letter-spacing:-0.5px; position:relative;}
#header .nav_box #gnb ul li a span:after {content:""; display:block; height:4px; width:0px; position:absolute; bottom:0; left:50%; transition : all 0.3s ease; -webkit-transition : all 0.3s ease;}
#header .nav_box #gnb ul li a.on span, #header .nav_box #gnb ul li a:hover span, #header .nav_box #gnb ul li a:active span {color:#005bac;}
#header .nav_box #gnb ul li a.on span:after, #header .nav_box #gnb ul li a span:hover:after, #header .nav_box #gnb ul li a span:active:after {width:100%; background:#34427d; left:0; padding-left:50%;
opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);}
#header .nav_box #gnb ul li a:hover span, #header .nav_box #gnb ul li a:active span, #header .nav_box #gnb ul li a.on span {/*border-bottom:4px solid #34427d; height:37px;*/}
#header .nav_box #gnb ul li ul {width:auto; padding:17px 0;}
#header .nav_box #gnb ul li ul.on {background:#34427d;}
#header .nav_box #gnb ul li ul li {float:none; margin:0; width:auto;border-left:none; }
#header .nav_box #gnb ul li ul li:last-child{border-right:none;}

#header .nav_box #gnb ul li ul li a {font-size:15px; line-height:20px; height:auto; padding:7px 10px; color:#fff; letter-spacing:-0.5px;}
#header .nav_box #gnb ul li ul li a:hover, #header .nav_box #gnb ul li ul li a:active, #header .nav_box #gnb ul li ul li a.on {color:#fff000; text-decoration:underline;}
#header .nav_box #gnb ul li ul li ul {display:none;}
.totalsearch{display:none}

#container {width:100%;position:relative;margin:60px 0 0 0}

/** Visual **/
#visual {width:100%;height:180px;position:relative; background-size:cover !important; z-index:1; overflow:hidden;}
#visual h2 {margin:0; text-align:center; font-size:42px;color:#fff; font-weight:normal;position:absolute; left:0; top:70px; z-index:1; width:100%; height:auto;}

#visual.bg1 {background:url(/images/wise/ftc/common/sub_visual_01.jpg) no-repeat center bottom;}
#visual.bg2 {background:url(/images/wise/ftc/common/sub_visual_02.jpg) no-repeat center bottom;}
#visual.bg3 {background:url(/images/wise/ftc/common/sub_visual_03.jpg) no-repeat center bottom;}
#visual.bg4 {background:url(/images/wise/ftc/common/sub_visual_04.jpg) no-repeat center bottom;}
#visual.bg5 {background:url(/images/wise/ftc/common/sub_visual_05.jpg) no-repeat center bottom;}
#visual.bg6 {background:url(/images/wise/ftc/common/sub_visual_06.jpg) no-repeat center bottom;}


/** Container **/
.main_container{width:100%;height:auto;background:#fff;margin:90px 0 50px 0 !important;position:relative;}
.main_container.main_layout{max-width:1180px;width:100%; margin:0 auto; position:relative;}


#path {width:auto; height:50px; padding:0 0; background:url(/images/wise/ftc/common/path_bg.gif) repeat-x left bottom; position:relative; z-index:51;}
#path:after {content:""; display:block; clear:both;}
#path #lnb {width:auto; height:auto;}
#path #lnb:after {content:""; display:block; clear:both;}
#path #lnb li {float:left; position:relative;}
#path #lnb li a {width:200px; height:35px; padding:14px 40px 0 15px; display:block; font-size:17px; line-height:22px; color:#444; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fff; text-decoration:none; position:relative;}
#path #lnb li a:after {content:""; display:block; position:absolute; right:18px; top:50%; margin-top:-3px;
width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #7a7b7d;
-webkit-transform: rotate(0deg); transform: rotate(0deg);
-webkit-transition: all .3s ease; transition: all .3s ease;}
#path #lnb li:last-child a{width:300px;}
#path #lnb li:last-child ul li a{width:auto;}
#path #lnb li a.on {color:#005bac;}
#path #lnb li a.on:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
#path #lnb li.home a {width:50px; height:50px; padding:0; text-indent:-9999px; border-right:0; background:#7a7b7d url(/images/wise/ftc/common/home_ico.png) no-repeat center 50%;}
#path #lnb li.home a:after {display:none;}
#path #lnb li ul {width:100%; position:absolute; left:-1px; top:50px; border-left:1px solid #e1e1e1; display:none; z-index:101; background:#fff;}
#path #lnb li ul li {float:none; border:1px solid #e1e1e1; border-top:0; border-left:0;}
#path #lnb li ul li a {height:auto; width:auto;padding:10px 0 10px 15px;border:0; background:#fff none; color:#444; font-size:15px; line-height:19px;}
#path #lnb li ul li:last-child a{width:auto;}
#path #lnb li ul li a:after {display:none;}
#path #lnb li ul li a:hover, #path #lnb li ul li a:active {background:#f1f2f4; color:#005bac;}
#path .path_etc {position:absolute; right:0; top:0; border-left:1px solid #e1e1e1;}
#path .path_etc:after {content:""; display:block; clear:both;}
#path .path_etc li {float:left; width:50px; height:50px; border-right:1px solid #e1e1e1;}
#path .path_etc li a {display:block; height:100%; text-indent:-9999px; background:url(../images/common/path_etc_ico.png) no-repeat;
opacity:0.5; -webkit-opacity:0.5; filter:alpha(opacity=50);}
#path .path_etc li a.fb {background-position:0 0;}
#path .path_etc li a.tw {background-position:0 -50px;}
#path .path_etc li a.print {background-position:0 -100px;}
#path .path_etc li a:hover, #path .path_etc li a:active {opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);}


#lnb .menu_list{width:235px; }

.menu_head {
	padding: 20px 10px;
	cursor: pointer;
	position: relative;
	margin:0px;
    font-weight:normal;
    background: #fff;
	border-bottom:1px solid #ddd;
	height:20px;
	color:#444;
	font-size:18px;
}
.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding:10px 0 0 15px;
  font-weight:normal;
  text-decoration:none;
}
.menu_body a:last-child{ padding:10px 0 15px 15px;}
.menu_body a:hover{
  color: #000000;
  text-decoration:none;
  }


#container #contents {width:auto; max-width:1170px; min-height:680px; margin:0 auto; padding:30px 0;position: relative;}
#container #contents #path{position:absolute;left:50px;top:-100px;color:#fff}
#container #contents #path .navi a{color:#d3d3d3}
#container #contents #path .navi a.home{background:url(/images/wise/ftc/contents/home.gif) no-repeat left top;display:inline-block;border:0px solid red;width:11px;height:10px;}

#container #contents h3 {font-size:30px; margin:30px auto 15px auto; padding:0 0 0 0; color:#333; font-weight:600; position:relative;text-align:center;}
#container #contents h3 span{display:inline-block;vertical-align:middle;margin:-8px 0 0 0}
#container #txt {width:100%; height:auto;overflow:hidden;}

#container #subcontents {position:relative;width:100%;margin:0 auto;padding:0 0 50px 0;}
#container #subcontents #path{position:absolute;left:50px;top:-100px;color:#fff;}
#container #subcontents #path .navi a{color:#d3d3d3}
#container #subcontents #path .navi a.home{background:url(/images/wise/ftc/contents/home.gif) no-repeat left top;display:inline-block;border:0px solid red;width:11px;height:10px;}
#container #subcontents h3 {font-size:36px; line-height:40px; margin:0 0 50px 0; padding:0 0 15px 0; color:#fff; font-weight:600; position:relative;}
#container #subtxt{width:100%; height:auto;padding:25px 0 0 0;overflow:hidden;}

/** Aside **/
#aside {width:79px; height:100%; background:#fff; border-left:1px solid #dedede; position:absolute; right:0; top:0; z-index:71;}
#aside .all_menu {display:block; margin:150px 0 0 0; height:80px; background:#dedede url(/images/wise/ftc/common/all_menu_bg.png) no-repeat center 50%; text-indent:-9999px;}
#aside .all_menu:hover, #aside .all_menu:active {background:#c4c4c4 url(/images/wise/ftc/common/all_menu_bg.png) no-repeat center 50%;}
#aside .menu {width:100%; height:auto;}
#aside .menu li {border-top:1px solid #dedede;}
#aside .menu li:first-child {border-top:0;}
#aside .menu li a {display:block; color:#666; text-align:center; padding:0 0 15px 0; text-decoration:none; }
#aside .menu li a:before {content:""; display:block; width:100%; height:55px; background:url(/images/wise/ftc/common/aside_ico.png) no-repeat center top; margin-bottom:8px;}
#aside .menu li a:hover:before, #aside .menu li a:active:before {background:url(/images/wise/ftc/common/aside_ico_on.png) no-repeat center top;
-webkit-animation:rotate 1.5s ease-in-out infinite alternate; /* Chrome, Safari, Opera */
-moz-animation:rotate 1.5s ease-in-out infinite alternate;
animation:rotate 1.5s ease-in-out infinite alternate;}
#aside .menu li.bn01 a:before {background-position:center top;}
#aside .menu li.bn02 a:before {background-position:center -55px;}
#aside .menu li.bn03 a:before {background-position:center -110px;}
#aside .menu li.bn04 a:before {background-position:center -165px;}
#aside .menu li.bn05 a:before {background-position:center -220px;}
#aside .menu li.bn06 a:before {background-position:center -275px;}
#aside .menu li a span {display:block; font-size:13px; line-height:18px;}
#aside .menu li a:hover, #aside .menu li a:active {background:#3d63ba; color:#fff;}
/* Css motion */
@-moz-keyframes rotate {
	0%   {-moz-transform:rotateY(0deg);}
	100%   {-moz-transform:rotateY(360deg);}
}
@-webkit-keyframes rotate {
	0%   {-webkit-transform:rotateY(0deg);}
	100%   {-webkit-transform:rotateY(360deg);}
}
/* Standard syntax */
@keyframes rotate {
	0%   {transform: rotateY(0deg);}
	100%   {transform: rotateY(360deg);}
}
#aside_mobile {display:none;}


/** Footer **/
#footer {width:100%; height:auto; position:relative; z-index:91; background:#414143;}
#footer .layout {padding:25px 0 25px 0; width:auto; max-width:1180px;}
#footer .menu_link {width:auto; margin:0 0 5px 0;}
#footer .menu_link:after {content:""; display:block; clear:both;}
#footer .menu_link li {float:left; margin-left:20px;}
#footer .menu_link li:first-child {margin-left:0;}
#footer .menu_link li a {display:block; padding:5px 0; color:#b1b1b2;}
#footer .call {position:absolute; right:0; top:50%; margin-top:-47px; background:url(/images/wise/ftc/common/call_linebg.gif) repeat-x left bottom;}
#footer .call dt {color:#b1b1b2; font-size:16px; padding:0 0 5px 0; background:url(/images/wise/ftc/common/call_linebg.gif) repeat-x left bottom;}
#footer .call dd {padding:8px 0 8px 50px; min-height:40px; background:url(/images/wise/ftc/common/call_ico.png) no-repeat left 46%;}
#footer .call dd strong {display:block; color:#d7d7d8; font-size:24px; line-height:24px}
#footer .call dd span {display:block; color:#a5a5a6;}
#footer address {display:block; color:#8b8b8c;}
#footer address span {display:block; vertical-align:top; margin:0 0 0 0;}
#footer .copy {color:#757576; font-size:12px; line-height:18px; margin:3px 0 0 0;}
#footer .menu_link li a.yellow_txt{color:#fff000}





/********** Media quary **********/
@media screen and (min-width: 1025px) and (max-width: 5000px){
#slide_map .box {right:50% !important;}
}

@media screen and (max-width: 1280px){
/** Header **/
.banner {margin:0}
.banner .top_banner {width:90%;margin:25px auto 0 auto;}
.banner .top_banner a{margin:0 6%}


#container #content_box {margin:0 0 0 0}

/** Common **/

/** Header **/
#header .nav_box #gnb {padding:0;}

/** Container **/
}
@media screen and (max-width: 1200px){

#header #top_util .layout {height:50px; width:100%; }
#header .nav_box #gnb {width:100%; }
#footer .layout {padding:25px 0 25px 2%; width:auto; max-width:1180px;}
#main_container .main_layout {width:100%;}
.layout {width:100%;}
#container #contents {padding:30px 20px;}
#path #lnb li a {width:auto;padding:14px 70px 0 15px;}
#path #lnb li:last-child a{width:auto;}
.main_layout {width:100%;margin:0 auto; position:relative; z-index:10;}
}

@media screen and (max-width: 1190px){
#header #top_util .layout {margin:auto;}

}



@media screen and (max-width: 1120px){
/** Header **/
#header .nav_box #gnb ul li a span {font-size:18px; line-height:22px;}
}


@media screen and (max-width: 1080px){
/** Header **/
#header .nav_box #gnb ul li a span {font-size:17px;}
}


@media screen and (min-width: 1025px) and (max-width: 1348px){
/** Header **/
#slide_map .box {width:96% !important; max-width:96% !important; right:2% !important; margin:0 !important;}

}





@media screen and (max-width: 1024px){
/** Common **/
.banner .top_banner a{font-size:18px;color:#91adeb;text-align:center;display:block;margin:0 3%}
.banner .top_banner a span.block{display:block;font-size:14px;text-align:center;}
.js_mobile_check {display:block;}

#header #top_util .layout {height:50px; width:auto; max-width:none; margin:0 19%;border-bottom:1px solid #ddd}
#header #top_util .log_btn a.login_btn {display:none}

#header .search_area h1 a {display:block; height:44px; overflow:hidden;position:absolute;left:50%;top:0;float:none;z-index:100;margin: 10px 0 0 -60px;}
#header .search_area h1 a span {display:inline-block; vertical-align:top; width:126px; height:44px; background:url(/images/wise/ftc/common/logo.png) no-repeat left top; text-indent:-9999px;}
#header .search_area h1 a strong {display:inline-block; vertical-align:top; color:#005bac; font-size:24px; line-height:28px; margin:9px 0 0 5px; font-weight:normal;}

#header .search_area .box{display:none}

#totalsearch_input {display:block;left:0; top:70px; padding:17px 10px 17px 10px; width:100%; margin-left:0;position:fixed;z-index: 201;border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;background:#f4f4f4;-moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=0);}
#totalsearch_input .box {border:3px solid #4c70bb; max-width:320px; padding:5px 60px 4px 10px;margin: 0 auto;}
#totalsearch_input input[type="text"] {height:40px; line-height:40px;background: none;width:98%;border:none}
#totalsearch_input input[type="submit"] {height:49px; width:63px;background:#828282 url(/images/wise/ftc/common/search02.png) no-repeat center 0px;border:0; display:block;  text-indent:-9999px; position:absolute; right:50%; top:20px;margin:0 -195px 0 0}

.totalsearch {position:absolute;right:auto; left:10px; top:0px;z-index:100;display:block}
.totalsearch a.button {margin-right:0; width:63px; height:75px; background-position:center top;display:block; background:url(/images/wise/ftc/common/totalsearch_btn.png) no-repeat center top; }
.totalsearch a.button.on {background:url(/images/wise/ftc/common/totalsearch_btn.png) no-repeat center -85px;}
.totalsearch a.button span {position:absolute; left:0; top:0; width:1px; height:1px; line-height:1px; visibility:hidden;}



/** Header **/
#slide_map .box {width:100%; max-width:none; right:-100%; margin:0; top:0 !important; height:100% !important;}
#slide_map .box .title {position:absolute; width:100%; z-index:10; margin:0; font-size:22px; line-height:28px; padding:12px 15px; min-height:28px; background:#2061c2; color:#fff;}
#slide_map .box .binds {height:100%; overflow:hidden; padding:0;}
#slide_map .box ul {width:100%; height:auto; padding:52px 0 0 0;}
#slide_map .box ul:after {content:""; display:block; clear:both;}
#slide_map .box ul li {border-top:1px solid #e0e0e0; margin-top:0; padding:0; border-bottom:0;}
#slide_map .box ul li:first-child {margin-top:0; border-top:0;}
#slide_map .box ul li a {display:block; position:relative; left:auto; top:auto;}
#slide_map .box ul li a span {display:block; font-size:18px; line-height:22px; padding:13px 15px 12px 15px; color:#1e1e1e;}
#slide_map .box ul li a:after {content:""; display:block; width:17px; height:17px; background:url(/images/wise/ftc/common/mob_depth1_bul_on.png) no-repeat center 50%; position:absolute; right:20px; top:50%; margin-top:-8px;}
#slide_map .box ul li a.on span {color:#2061c2;}
#slide_map .box ul li a.on:after {background:url(/images/wise/ftc/common/mob_depth1_bul.png) no-repeat center 50%;}
#slide_map .box ul li ul {margin:0; width:auto; background:#f8f8f8; border-top:0; padding:10px 0; display:none; border-top:1px solid #e0e0e0;}
#slide_map .box ul li ul li {float:none; width:auto; border-top:0; margin:0;}
#slide_map .box ul li ul li a {color:#444; font-size:16px; line-height:20px; padding:5px 15px 5px 28px; text-align:left; margin:0; background:url(/images/wise/ftc/common/list02_bul.gif) no-repeat 18px 13px;}
#slide_map .box ul li ul li a.on {color:#2061c2;}
#slide_map .box ul li ul li a:after {display:none;}
#slide_map .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:#274195;opacity: 1 !important;}
#slide_map .box .close:after { background:url(/images/wise/ftc/common/slide_map_close2.png) no-repeat center 50%;}
#slide_map .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}
.mCSB_inside > .mCSB_container {margin-right:0 !important;}

#header {height:70px;border-bottom: 1px solid #ddd;}
#header #top_util {border-bottom:0;background:none;height: 70px;}
#header #top_util .layout {max-width:100%; margin:0 0; height:70px;}
#header #top_util h1 {left:50%; top:42px; margin:0 0 0 -102px;}
#header #top_util h1 a {height:43px;}
#header #top_util h1 a span {width:78px; height:43px;}
#header #top_util h1 a strong {font-size:22px; line-height:26px; margin:8px 0 0 5px;}
#header #top_util #global {width:auto; top:auto; position:relative; padding:0 2% 0 3%; background:#2061c2;}
#header #top_util #global .log_btn a {color:#fff !important; padding:0 8px 0 9px; margin:0; height:32px; line-height:34px; font-size:13px; background:url(/images/wise/ftc/common/log_btn_bul.gif) no-repeat left 50% !important;}
#header #top_util #global .log_btn a:first-child {padding:0 8px 0 0; background:none !important;}
#header #top_util #global .site_link {float:right;}
#header #top_util #global .site_link a {margin:0; border:0 !important; width:28px; height:32px; line-height:34px; font-size:13px; background:url(/images/wise/ftc/common/site_link_ico_mob.png) no-repeat center top;}
#header #top_util #global .site_link a.site {padding:0 5px; border:0 !important;}
#header #top_util #global .site_link a.instar {background-position:0 -32px;}
#header #top_util .aside_btn {display:block; background:url(/images/wise/ftc/common/aside_btn.png) no-repeat center 50%; width:54px; height:54px; position:absolute; right:1%; top:36px; z-index:10;}
#header .nav_box {display:none;}
#header #top_util .site_link {display:none;}
#header #top_util .log_btn a.mob_btn {margin:10px 10px 0 0}
#header .search_area {height: 60px;}
/** Visual **/
#visual {height:140px;}
#visual h2 {top:47px; font-size:38px; line-height:44px;}

/** Container **/
#container { margin:30px 0 30px 0 !important;}
#container #content_box {background:none;}


#container #contents {width:100%;min-height:10px; padding:0px 0 50px 0;}
#container #txt {width:96%; height:auto;padding:30px 2% 0 2%;overflow:hidden;}
#container #contents #path .navi{margin:auto}
#container #contents #path .navi a{color:#d3d3d3;text-align:center;}
#container #contents #path h3{text-align:center;}

#main_container{margin:30px 0 50px 0;}
/** Aside **/
#aside {display:none;}
#aside_mobile {display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:201; opacity:0; -webkit-opacity:0; filter:alpha(opacity=0);}
#aside_mobile .box {right:-100%; position:absolute; width:100%; height:100%; background:#fff; top:0; z-index:10;}
#aside_mobile .box .title {position:absolute; width:100%; z-index:10; margin:0; font-size:22px; line-height:28px; padding:12px 15px; min-height:28px; background:#2061c2; color:#fff; font-weight:normal; }
#aside_mobile .box .binds {height:100%; overflow:hidden; padding:0;}
#aside_mobile .box .menu {width:100%; height:auto; padding:52px 0 0 0;}
#aside_mobile .box .menu:after {content:""; display:block; clear:both;}
#aside_mobile .box .menu li {float:left; width:33.333%; margin-top:20px;}
#aside_mobile .box .menu li a {display:block; text-align:center; padding:0 0 15px 0; font-size:18px; line-height:22px;}
#aside_mobile .box .menu li a:before {content:""; display:block; width:100%; height:60px; background:url(/images/wise/ftc/common/aside_ico_mob.png) no-repeat center top; margin-bottom:5px;}
#aside_mobile .box .menu li.bn01 a:before {background-position:center top;}
#aside_mobile .box .menu li.bn02 a:before {background-position:center -60px;}
#aside_mobile .box .menu li.bn03 a:before {background-position:center -120px;}
#aside_mobile .box .menu li.bn04 a:before {background-position:center -180px;}
#aside_mobile .box .menu li.bn05 a:before {background-position:center -240px;}
#aside_mobile .box .menu li.bn06 a:before {background-position:center -300px;}
#aside_mobile .blind {display:block; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:#000; opacity:0.75; -webkit-opacity:0.75; filter:alpha(opacity=75);}
#aside_mobile .box .close {display:block; position:absolute; right:0; top:0; width:52px; height:52px; z-index:51; background:#274195; text-indent:-9999px; overflow:hidden;}
#aside_mobile .box .close:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/wise/ftc/common/slide_map_close2.png) no-repeat center 50%; background-size:26px auto;}
#aside_mobile .box .close:hover:after, #aside_mobile .box .close:active:after {-webkit-transform:rotate(270deg); transform:rotate(270deg);}

/** Footer **/
#footer .layout {margin:0 3%; background:none; padding:17px 300px 17px 0;}
}


@media screen and (max-width: 940px){
/** Footer **/
#footer address span {display:block; margin-left:0;}
}


@media screen and (max-width: 840px){

.banner .top_banner a {margin: 0 7%;}
/** Visual **/
#visual {height:130px;}
#visual h2 {top:45px; font-size:32px; line-height:38px;}

/** Container **/
#container #contents h3 {font-size:30px; line-height:36px; margin:0 0 35px 0;}

/** Footer **/
#footer .layout {padding:25px 0 25px 0;}
#footer .menu_link li a {padding:3px 0;}
#footer .call {top:20px; width:100%; margin:0;}
#footer .call dt {position:absolute; left:0; top:3px; background:none; padding:0;}
#footer .call dd {margin:0 0 0 105px; padding-bottom:10px; padding-top:0; background-position:left 2px;}
#footer .call dt span {display:block; line-height:20px;}
#footer address span {display:inline-block; margin-left:10px;}

#path #lnb li:last-child a {
    width: auto;
}

#path #lnb li a {font-size:15px;}
}
@media screen and (max-width: 760px){
#path {display:none;}
#lnb{display:none;}
	}
@media screen and (max-width: 700px){
.banner .top_banner a span.block{display:none;}
}

@media screen and (max-width: 640px){
/** Header **/
#slide_map .box .title {font-size:20px;}
#header #top_util h1 {top:45px; margin:0 0 0 -92px;}
#header #top_util h1 a {height:38px;}
#header #top_util h1 a span {width:69px; height:38px;}
#header #top_util h1 a strong {font-size:20px; line-height:24px; margin:7px 0 0 5px;}

/** Visual **/
#visual {height:110px;}
#visual h2 {top:35px; font-size:30px; line-height:36px;}

#container #contents #path { top: -85px;}
#container #subcontents #path { top: -85px;}
#container #txt {width:96%; height:auto;padding:20px 1% 0 2%;overflow:hidden;}


/** Aside **/
#aside_mobile .box .title {font-size:20px;}
#aside_mobile .box .menu li {float:left; width:33.333%; margin-top:20px;}
#aside_mobile .box .menu li a {font-size:16px; line-height:21px;}
#aside_mobile .box .menu li a:before {height:53px; background-size:74px auto; margin:0;}
#aside_mobile .box .menu li.bn01 a:before {background-position:center top;}
#aside_mobile .box .menu li.bn02 a:before {background-position:center -53px;}
#aside_mobile .box .menu li.bn03 a:before {background-position:center -106px;}
#aside_mobile .box .menu li.bn04 a:before {background-position:center -159px;}
#aside_mobile .box .menu li.bn05 a:before {background-position:center -212px;}
#aside_mobile .box .menu li.bn06 a:before {background-position:center -265px;}

/** Footer **/
#footer .layout {padding:25px 0 25px 0;}
#footer .menu_link li {margin-left:10px;}
#footer .menu_link li a {font-size:14px;}
#footer .call {width:100%; margin:0; top:15px;}
#footer .call dt {position:absolute; left:0; top:3px; background:none; padding:0;}
#footer .call dt span {display:block; line-height:20px;}
#footer .call dd {margin:0 0 0 105px; padding-bottom:10px; padding-top:0; background-position:left 2px;}
#footer .call dd span {font-size:14px;}
#footer address {font-size:13px;}
#footer address span {display:block; margin-left:0;}


}


@media screen and (max-width: 500px){
/** Container **/
#path #lnb li {width:100%; display:none;}
#path #lnb li:last-child {display:block;}
#path #lnb li a {border-left:0;}
#path #lnb li ul li {display:block;}
}


@media screen and (max-width: 480px){
/** Header **/
#header #top_util .mob_btn {left:0;}
#header #top_util .aside_btn {right:0;}

/** Visual **/
#visual h2 {font-size:28px; line-height:34px;}

/** Container **/
#container #txt {padding:0 1% 0 2%;overflow:hidden;}
#container #contents {padding:25px 0 0px 0;}
#container #contents h3 {font-size:25px; line-height:31px; margin:0 0 25px 0;}

/** Footer **/
#footer .layout {padding:60px 0 15px 0;}
#footer .call {top:10px;}
#footer .call dt {top:7px;}
#footer .call dt span {display:inline;}
#footer .call dd {background-size:30px auto; padding:5px 0 14px 35px; min-height:10px; margin:0 0 0 135px;}
#footer .call dd span {display:none;}
#footer .copy span {display:block;}

#totalsearch_input .box {max-width:240px;}
#totalsearch_input input[type="text"] {height:40px; line-height:40px;background: none;width:93%;border:none}
#totalsearch_input input[type="submit"] {height:49px; width:63px;background:#828282 url(/images/wise/ftc/common/search02.png) no-repeat center 0px;border:0; display:block;  text-indent:-9999px; position:absolute; right:60%; top:20px;margin:0 -195px 0 0}


}


@media screen and (max-width: 400px){
/** Header **/
#header #top_util h1 {margin:0 0 0 -85px; top:47px;}
#header #top_util h1 a {height:33px;}
#header #top_util h1 a span {width:60px; height:33px;}
#header #top_util h1 a strong {font-size:19px; line-height:23px; margin:4px 0 0 5px;}

/** Visual **/
#visual h2 {font-size:26px; line-height:32px;}

/** Container **/
#container {
    margin: 20px 0 30px 0 !important;
}
#container #contents h3 {font-size:23px; line-height:28px; margin:0 0 20px 0;}

/** Footer **/
#footer .layout {padding:20px 0 15px 0;}
#footer .call dt {top:4px; font-size:15px;}
#footer .call dt span {line-height:18px;}
#footer .call dd strong {font-size:22px; line-height:22px;}
#footer .call dt span {display:block;}
#footer .call dd {padding:12px 0 18px 37px; margin:0 0 0 92px; background-position:left 8px;}
#footer .call dd span {display:none;}
#footer .copy span {display:block;}
}
@media (max-width:1300px){
	#op_layout.on .op_wrap .controlBox button.btn_prev{display:none;}
	#op_layout.on .op_wrap .controlBox button.btn_next{display:none;}
}

@media (max-width:2000px){
	#op_layout .btn_open{right:90px;}
}

@media (max-width:1300px){
	#op_layout .btn_open{right:60px;bottom:-56px;}
}

@media(max-width:800px){
#op_layout .op_wrap .controlBox{padding:0 30px;text-align:left;}
}

/* X값 체크박스 정렬 */
#chartXData { display: grid; grid-template-columns: repeat(auto-fit, minmax(23%, 1fr)); padding: 0; margin: 0; width: 100%; }
#chartXData li { display: flex; align-items: center; }
#chartXData li label{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
#chartXData li label>span[title]::before{content: attr(title);}