@charset "utf-8";

/*공통/////////////////////////////////////////////////////////////////////*/
.mcl { display: none !important }
.pcl { display: block; }

#wrap{width:100%; display:block; padding-top:1px; margin-top:-1px;}
.wd { width: 1100px; margin: 0 auto; }

/*본문*/
#container{width:1100px; margin:0 auto; padding-top:186px;}
#container.main{position:relative; width:100%; margin:0;}

/*상단/////////////////////////////////////////////////////////////////////*/
#header { position: fixed; left: 0; top: 0; width: 100%;z-index: 100; transition: top 0.4s;}

.snbbox, .gnbbox { width: 100%; position: relative; }
.snbbox{background: #fff;}
.snbbox .snb { height:87px; padding:19px 0 0 0; width: 1000px !important; }
.snbbox .snb .logo { float: left; margin-top:11px; }
.snbbox .snb .snb_info{float:right;}
.snbbox .snb .snb_info li{letter-spacing:-0.5px; display:inline-block; float:left; padding:16px 0 0 40px; position:relative; line-height:21px; font-size:17px; color:#646464; font-weight:400;}
.snbbox .snb .snb_info li > span{color:#bfbfbf; font-weight:400;}
.snbbox .snb .snb_info li:before{content:""; position:absolute; left:8px; top:17px; width:20px; height:20px; background-image:url(../images/layout/h_icon.jpg); background-position:0 0; background-repeat:no-repeat;}
.snbbox .snb .snb_info li.call{width:126px;}
.snbbox .snb .snb_info li.time{width:210px; font-weight:300; font-size:15px;}
.snbbox .snb .snb_info li.time > strong{ display:inline-block; width:70px; font-weight:400;}
.snbbox .snb .snb_info li.time:before{ background-position:0 -20px}
.gnbbox{background:#a6d6cc;}
.gnbbox .gnb { height:80px; padding:0; }
.gnbbox .gnb > ul { text-align: center; }
.gnbbox .gnb > ul > li { display: inline-block; position:relative; }
.gnbbox .gnb > ul > li a { display: block; padding: 0 30px; line-height:80px; font-size: 22px; color: #fff;}
.gnbbox .gnb > ul > li:hover a, .gnbbox .gnb > ul > li.active a { color: #676767; }

.gnbbox .gnb .lnb{ padding:0; width:190px;position:absolute; left:50%; margin-left:-95px; top:80px; z-index:100; display:none;}
.gnbbox .gnb .lnb > ul{background:#dedede;}
.gnbbox .gnb .lnb > ul > li{display:list-item; list-style:none; margin:0;}
.gnbbox .gnb .lnb > ul > li > a{display:block; text-align:left; line-height:20px; word-break:keep-all; padding:10px 10px 10px 18px;color:#676767; font-size:16px; position:relative;-moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s;  transition: 0.5s;}
.gnbbox .gnb .lnb > ul > li.on > a{color:#b6dcd4; background:#777;}
.gnbbox .gnb .lnb > ul > li:hover > a{color:#b6dcd4; background:#999;}
.gnbbox .gnb .lnb > ul .snb{display:none;}
/*하단/////////////////////////////////////////////////////////////////////*/
#footer{display:block; width:100%;}
.f_csbg{width:100%; background:#4c4c4c;}
.f_csbg .f_cs{ height:200px; padding:80px 0;}
.f_cs .box{float:left;}
.f_cs .box .titbox{display:block; line-height:36px; margin-bottom:20px; font-size:28px; color:#b4dad3;}
.f_cs .box.ntc{width:352px;}
.f_cs .box.ntc ul{width:100%;}
.f_cs .box.ntc ul li{display:list-item; list-style:none; margin-top:3px;}
.f_cs .box.ntc ul li a{display:block; height:32px;}
.f_cs .box.ntc ul li a .sub{float:left; max-width:270px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; font-size:16px; color:#fff; line-height:32px; position:relative;-moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s;  transition: 0.5s;}
.f_cs .box.ntc ul li a .sub:before{content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#9cafac;-moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s;  transition: 0.5s;}
.f_cs .box.ntc ul li a .data{float:right; font-size:16px; color:#fff; line-height:32px;}
.f_cs .box.ntc ul li:hover a .sub{color:#cce8e4;}
.f_cs .box.ntc ul li:hover a .sub:before{width:100%;}

.f_cs .box.wh{width:335px; padding-left:103px;}
.f_cs .box.wh ul{width:100%;}
.f_cs .box.wh ul li{display:list-item; list-style:none; margin-top:3px; height:32px; position:relative;}
.f_cs .box.wh ul li:before{content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#828282; z-index:0;}
.f_cs .box.wh ul li .tit{float:left; line-height:32px; font-size:18px; color:#fff; padding-right:25px; background:#4c4c4c; position:relative; z-index:1;}
.f_cs .box.wh ul li .time{float:right; line-height:32px; font-size:18px; color:#fff;  padding-left:25px; background:#4c4c4c; position:relative; z-index:1;}

.f_cs .box.link{width:220px; padding-left:62px;}
.f_cs .box.link ul{width:100%;}
.f_cs .box.link ul li{float:left; width:50%;}
.f_cs .box.link ul li a{padding-left:10px; line-height:32px; font-size:14px; color:#fff; position:relative;-moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s;  transition: 0.5s;}
.f_cs .box.link ul li a:before{content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:2px; height:2px; background:#fff; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s;  transition: 0.5s;}
.f_cs .box.link ul li:hover a{color:#cce8e4;padding-left:15px;}
.f_cs .box.link ul li:hover a:before{width:8px; background:#9cafac;}
.f_adr{ padding:25px 0; line-height:22px; display:block; text-align:center; position:relative;}
.f_adr > .info{display:block; text-align:center; margin-bottom:5px;}
.f_adr > .info li{display:inline-block;line-height:22px; font-size:15px; padding-right:21px; position:relative;}
.f_adr > .info li.po{font-weight:500; color:#2c5d88;}
.f_adr > .info li:before{content:""; position:absolute; right:10px; top:50%; width:1px; height:10px; background:#ccc; margin-top:-5px;}
.f_adr > .info li:last-child{ padding:0;}
.f_adr > .info li:last-child:before{display:none;}
.f_adr > strong{display:inline-block;color:#2c5d88; font-size:14px; font-weight:400;}
.f_adr > .f_adm{display:inline-block; background:#eee; margin-left:10px; font-size:12px; color:#666; padding:0 5px; line-height:22px; display:inline-block; cursor:pointer;}
/*서브***************************************/
/*레이아웃*/
#container.sub{width:100%;position:relative; margin-bottom:50px;}

#container.sub .subimg{width:100%; background-position:center center; background-repeat:no-repeat; background-color:#666;}
#container.sub .subimg .wd{ height:80px; padding:48px 0 73px; text-align:center;}
#container.sub .subimg .wd .now_gnb{display:inline-block; line-height:80px; font-size:40px; border-bottom:2px solid #b6dcd4; color:#b6dcd4; box-sizing:border-box;}

#container.sub .now_page{ width:1100px; margin:30px auto; height:60px; overflow:auto;}
#container.sub .now_page > .now_tit{ float:left; line-height:60px; font-size:35px; color:#555; font-weight:500;animation-delay: 0.2s;animation-name: fadeInUp;}
#container.sub .now_page > .now_loc{ float:right;}
#container.sub .now_page > .now_loc li{display:inline-block; float:left; font-size:14px; line-height:23px; color:#bbb; padding:0 3px; margin-left:12px; }
#container.sub .now_page > .now_loc li.home{ width:23px; background:url(../images/layout/home.jpg) center no-repeat; text-indent:-9999px;}

#container.sub .now_deps3{width:1100px; margin:0 auto; overflow:hidden;animation-duration:1s; animation-name: fadeInUp;}
#container.sub .now_deps3 > ul{width:100%;}
#container.sub .now_deps3 > ul li{float:left; position:relative;}
#container.sub .now_deps3 > ul li + li{margin-left:1px;}
#container.sub .now_deps3 > ul li a{  width:216px; display:block; line-height:80px; background:#f0f0f0; color:#a2a2a2; font-size:30px; text-align:center;}
#container.sub .now_deps3 > ul li.on a{background:#979797; color:#b4dad3;}

#container.sub #content{height:auto;overflow:auto;width:1100px;margin:0 auto;}