@charset "utf-8";

#sub_visual span {color:white;font-size:4em;}
#sub_visual .visual_area {height:320px;text-align:center;padding-top:120px;}
#pc_sub_menu {text-align:center;border-bottom:1px solid #dcdcdc;height:48px; margin:0 auto 60px;display:block;}
#pc_sub_menu ul{display:inline-block; *display:inline; zoom:1;}
#pc_sub_menu ul li{float:left; line-height:200%; padding:0px 30px;margin:5px 0px; z-index:1;border-right:1px solid #dcdcdc;}
#pc_sub_menu ul li:last-child{border-right:none;}

#mobile_sub_menu {display:none}
#mobile_sub_menu .sub_menu	{ display:block; width:100%;margin:0px auto; background:#fff; border-bottom:1px solid #ddd; } 
#mobile_sub_menu .sub_menu .sub_tab{width:100%; max-width:1200px; text-align:left; margin:0 auto; }
#mobile_sub_menu .sub_location{ width:100%; max-width:1200px; height:60px; font-size: 0; background:#fff; margin:0 auto;}
#mobile_sub_menu .sub_location > div{font-size: 0;}
#mobile_sub_menu .sub_location > div .cen{ float:left; width:60px; height:60px; line-height:60px; text-align:center; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#mobile_sub_menu .sub_location > div .cen i{ color:#000; font-size:1.2em;}
#mobile_sub_menu .sub_location ul{width:100%; max-width:1400px; padding:0; margin:0; display: inline-block; border-right: 1px solid #ddd;vertical-align: top; box-sizing:border-box; }
#mobile_sub_menu .sub_location ul:first-child{ border-left: 1px solid #ddd; }
#mobile_sub_menu .sub_location ul li{position: relative; width:100%;}
#mobile_sub_menu .sub_location ul li span{display: block; padding: 0 15px; line-height: 60px; font-size:1.2em; color: #000; background: url('./img/icnLocaArr.png') 90% center no-repeat; cursor: pointer;}
#mobile_sub_menu .sub_location ul.on li span{background: url('./img/icnLocaArr1.png') 90% center no-repeat;}
#mobile_sub_menu .sub_location ul li a{width:100%; display: block; padding: 8px 15px; color: #000; }
#mobile_sub_menu .sub_location ul li a:hover{color: #000; background:#ddd;box-sizing:border-box;}
#mobile_sub_menu .sub_location ul ul{display: none;position: absolute;top:60px; left: -1px; padding: 0px 0;background:#fff; border: 1px solid #ddd;  border-top:none; z-index:999998; width:calc(100% + 2px) !important;}
#mobile_sub_menu .sub_location ul.on li ul{display: block;}
#mobile_sub_menu .sub_location ul.dep2 li span{color: #1b458e; font-weight:500;}
#mobile_sub_menu .sub_location ul.dep2 ul{width:180px;}

#mobile_sub_menu .sub_tit { position:absolute; width:100%; min-width:320px; max-width:1200px; margin:0px auto; top:150px; left:50%; margin-left:-600px; border:0px solid red;display:none;}
#mobile_sub_menu .sub_tit .path { position:absolute; top:190px; right:0;  }
#mobile_sub_menu .sub_tit .path li { float: left; text-align:center; font-size:0.9em; padding: 0 8px 0 12px; margin:0; color: #000; background: url('./img/ico_path.gif') no-repeat left center; }
#mobile_sub_menu .sub_tit .path li a span.ic-home {padding: 0;cursor: pointer;}
#mobile_sub_menu .sub_tit .path li a span.ic-home i { background: url('./img/icon_home.png')no-repeat left center; display:inline-block; width:11px; height:11px;}
#mobile_sub_menu .sub_tit .path li:first-child { background:none;}
#mobile_sub_menu .sub_tit .path li:last-child { color:#000; font-weight:500;}
#mobile_sub_menu .sub_tit .title{ position:relative; padding-bottom:10px; font-size:2.4em; color:#fff; text-align:center; text-transform:uppercase; } /*대문자로*/
#mobile_sub_menu .sub_tit .title:after{display:block; content:""; width:5%; height:3px;  margin:10px auto; background:#fff;}
#mobile_sub_menu .sub_tit .normal_txt{display:none; margin:0px 0; font-size:1.2em; color:#fff; text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif;}
#mobile_sub_menu .sub_tit .normal_txt .color1{color:#fd7701;}


.container_sub {max-width:1200px;margin:100px auto 100px;border:1px solid #cacaca;padding:50px;}

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_himg img, #ctt_timg img, #ctt_con img {max-width:100%;height:auto}
.ctt_img {text-align:center}