/* 넓이 1200px 맞춤 */
.clearfix:after {content: " ";visibility: hidden;display: block;height: 0;clear: both;}
#logo {float: left; padding: 5px 0;}
#logo a { display:block}
@media screen and (max-width:960px) {
#logo{display:none}
}
#tnb {float:right;border-bottom: 0;background: #fff; margin-top:20px;}
#tnb li {float:left;}
#header {}
#header #top{max-width:1200px; margin:0 auto; height:100px; box-sizing:border-box; padding-top:10px;}
#header .gubun { border-bottom:1px solid tomato;height:1px;}
#header .gnb_large {max-width:1200px; margin:0 auto; padding:0 10px 0 10px; }
.gnb_wrap{position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:68px; background-color:#fff}
.gnb_wrap .gnb_large>li {float:left;padding:13px 30px;position:relative;background-image:url(../img/line.gif);background-repeat:no-repeat;background-position:0px 30px;}
.gnb_wrap .gnb_large>li:first-child { padding:13px 30px 13px 0; background-image:none}
.gnb_wrap .gnb_sub {position:absolute;left:-10px;top:67px;width:230px;display:none;background:#000;opacity:.8;z-index:100;padding:10px 10px 20px 20px}
.gnb_wrap .gnb_sub li a { color:#fff; font-size:16px}
.gnb_wrap .gnb_sub li a:hover { color:#FC3}
.gnb_wrap a {line-height:40px;font-size:18px; text-decoration:none; font-weight:500; letter-spacing:-1px}
.gnb_wrap a:hover {color: #2776c0}
.gnb_wrap li.on > a {color: #2776c0}
.gnb_wrap .line {position:absolute;left: 0px; width: 0px;height:2px; overflow: hidden; background-color:#416391; z-index:1000;} /* javascript로 control */
.gnb_wrap .all {display:none; position:absolute; width:100%; z-index:20; background-color:#fff; top:67px; border-bottom:1px solid #ddd;}
.gnb_wrap .all>ul {list-style:none;margin:0;padding:0; width:1080px; margin:0 auto}
.gnb_wrap .all>ul>li:nth-child(6n+1){ padding-left:0; margin:0}
.gnb_wrap .all>ul>li {float:left; padding:16px; border-right:1px solid #ccc; width:180px; height:300px; box-sizing:border-box;}
.gnb_wrap .all>ul>li>a {color:#2a3b53; letter-spacing:-1px; font-weight:600}
.gnb_wrap .all>ul>li>ul{list-style:none;margin:0;padding:0;}
.gnb_wrap .all>ul>li>ul>li a {padding:0; font-size:16px; color:#555}
.gnb_wrap .menu {cursor:pointer;text-indent:-9999px; position:absolute;top:25px;left:50%;width:25px;height:20px; background-image:url(../img/cate_more.gif); margin-left:450px; border:0;}
.gnb_wrap .menu.on {background-image:url(../img/cate_close.gif);}
.gnb_wrap #text_size {position:absolute;top:20px; right:50%; margin-right:-590px;float: right;}
.csinfo{    float: left;  display: inline-block;}
.csinfo ul{display: inline-block;}
.csinfo li{    float: left;  border: 0px !important;  padding: 0 10px;  font-size: 25px !important; font-weight: 900;  color: #000;  margin-top: -5px;}
.csinfo li i{    background: #2c46a6; color: #fff;   border-radius: 100%;  font-size: 20px;   padding: 5px;  margin-right: 5px;}
.csinfo li span{    background: #f36910;  color: #fff;  font-weight: 100;  padding: 10px; line-height: 10px;  border-radius: 5px; font-size: 15px; letter-spacing: -1px;   display: inline-block;}

.mcsinfo{    display: inline-block;  width: 100%;   position: absolute; top: 75px;}
.mcsinfo ul{    display: inline-block; width: 100%;}
.mcsinfo li{    width: 50%; float: left; text-align: center;}
.mcsinfo a{    font-size: 18px; font-weight: 200; color: #fff;display: inline-block;  width: 100%;  line-height: 50px;}
.mcsinfo li:nth-child(1) a{    background: #f36910;}    
.mcsinfo li:nth-child(2) a{    background: #0c2d50;}   



#m-hd {display:none; height:75px; width:100%; position:fixed; top:0px; border-bottom:1px solid rgba(255, 255, 255, .3); z-index:2000;}
#m-hd .logo {position:absolute; left:10px; top:10px; display:inline-block; width:200px; height:50px; background-size:100% }
#m-hd .m-menu { width: 300px; background-color:#fff; position:absolute; z-index:10; right:-300px; top:0px; padding-top:50px; transition:right 0.5s;-webkit-transition: right 0.5s; overflow:auto;}
#m-hd .m-menu.on { right:0px;}
#m-hd .m-block {position:fixed; left:0; top:0; z-index:9; width:100%; height:100vh; background-color:#000; opacity:0.5; display:none;}
#m-hd .m-block.on {display:block;}
#m-hd .m-nav .logo_top { padding-top:50px}
#m-hd .m-nav > li {border-bottom:1px solid #f4f1f1; position:relative; }
#m-hd .m-nav > li .btn-down { position:absolute; right:20px; top:10px; font-size: 15px; width:30px; height:30px; line-height:30px; display:inline-block; text-align:center;  cursor:pointer; transform:rotate(-90deg);transition:transform 0.5s;-webkit-transition: transform 0.5s; overflow:auto;}
#m-hd .m-nav > li .btn-down.on {transform:rotate(90deg)}
#m-hd .m-nav > li > a { display:block; font-size:16px; padding:15px 10px 15px 35px;}
#m-hd .btn-menu { width: 40px; height:40px; line-height:40px; border:0; color:#fff; font-weight:bold; position:absolute; right:10px; top:17px; font-size:20px; z-index:9999}
#m-hd .btn-menu.on { color:#333}
#m-hd .m-sub-nav {display:none;}
#m-hd .m-sub-nav > li { border-top:1px solid #fff;  line-height:35px; }
#m-hd .m-sub-nav > li > a  {display:block; font-size:13px; padding:6px; background-color:#ddd; padding-left:38px}
.btn-menu{position:fixed;z-index:2000;right:5px;top:20px;width:40px;height:40px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer;display:block;}
.btn-menu .navicon-line{position:absolute;width:20px;height:2px;border-radius:1px;background-color:#333;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
.btn-menu.on .navicon-line{background-color:#333;}
.btn-menu .nl1 {top: 11px;right: 10px; width:30px;}
.btn-menu .nl2 {top: 19px;right: 10px; width:24px;}
.btn-menu .nl3 {top: 27px;right: 10px; width:30px;}
.btn-menu.on>div{transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);width:25px;position:absolute;top:15px;right:10px;margin:0;padding:0;background-color:#000;}
.btn-menu.on>div:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)}
body.scrolled .btn-menu .navicon-line {background-color: #666;}
body.scrolled .btn-menu.on >div{background-color:#666;}
	








.sub_navI_warp { display:none}
.all-wrap{max-width:1200px;  height:62px; margin:0 auto;   transition:all .3s ease;}
.all-wrap .loca-wrap{width:100%;margin:0 auto;height:62px}
.all-wrap .loca-wrap .loca-area i{float:left;display:inline-block;width:34px;height:34px;padding:18px 0}
.all-wrap .loca-wrap .loca-area{height:62px;float:left;}
.all-wrap .loca-wrap .loca-area > a {display:inline-block;width:54px;height:100%; float:left; line-height:100%; text-align:center;}
.all-wrap .loca-wrap .loca-area > a img {margin-top:17px;}
.all-wrap .loca-wrap .loca-area>ul {float: left;margin:0; padding:0}
.all-wrap .loca-wrap .loca-area>ul>li{float:left;width:190px;height:62px;position:relative; border-left:1px solid #5270a8}
.all-wrap .loca-wrap .loca-area>ul>li button{height:62px;width:190px;position:relative;text-align:left;padding-left:1px;background-image:url(../img/loca_arrow_off.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease; border-right:1px solid #5270a8}
.all-wrap .loca-wrap .loca-area>ul>li button.active{background-image:url(../img/loca_arrow_on.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
.all-wrap .loca-wrap .loca-area>ul>li button span {padding-left: 19px;background-color: transparent; color:#fff; font-size:14px}
.all-wrap .loca-wrap .loca-area>ul>li div{overflow:hidden;height:0;position:relative}
.all-wrap .loca-wrap .loca-area>ul>li div ul{display:block;position:absolute;width:100%;left:0;border-top:1px solid #6c9bdb; padding:0}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a{ border-bottom:1px solid #3583f0; background:#166ce3;height:46px;color:#fff;line-height:46px;display:block;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:19px;box-sizing:border-box}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover {background: #023f88; text-decoration:none}
.all-wrap .loca-wrap .share-area {float: right;padding: 18px 0;box-sizing: border-box;}
.all-wrap .loca-wrap .share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; cursor:pointer}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.all-wrap .loca-wrap .share-area .share-btn{width:34px;height:34px;background-image:url(../img/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease}
.all-wrap .loca-wrap .share-area .share-btn.active {background-image: url(../img/share_close_bt.png);border-left: 1px solid #6c9bdb;}







@media screen and (max-width:960px) {
#tnb { display:none}
#hd {display:none;}
#m-hd {display:block; background-color:#fff; z-index:9999}
#header #top { height:75px}
#m-hd .logo { background-image:url(../img/logo.png); background-repeat:no-repeat}
.scrolled #m-hd { background-color:#fff; border-bottom:1px solid #ddd;}
.scrolled #m-hd .logo { background-image:url(../img/logo-color.png); background-repeat:no-repeat}
.gnb_wrap #text_size { display:none}
#text_size button { display:none}
.bg_fix .sub_text img { width:80%}
}


@media screen and (max-width:600px) {
	
.gnb_wrap { display:none}
	
}