@charset "utf-8";
/* CSS Document */
/* 미르넷 작성자 :: 이혜진 대리(디자이너) :: css3.0 제이쿼리기반 // 부스터랩 3.0 */ 
@import url('/share/css/nanumgothic.css');
@import url('/share/css/xeicon.css');
@import url('/share/XEIcon-master/xeicon.css');


html, body { margin: 0; padding:0; background: transparent; }
html, body {overflow-x: hidden; /* Prevent scroll on narrow devices */}
body { background: #fff; font-style: normal;  line-height: 1.5; letter-spacing:-0.5px; margin:0;}
body{ font-family:'나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum;  font-weight:400; font-size:14px; color: #333;  -webkit-font-smoothing: antialiased; }


/*기본셑*/
img { margin: 0; border: 0; max-width:100%; } hr { display: none; } em { color: #1d89da; font-style: normal; }sup, sub { font-size: .92em; }pre { white-space: pre-wrap;}
ul li img { vertical-align: top; list-style:none; }
ul { list-style:none; }
* img { max-width:100%;}

.gaps07{margin-bottom:700px;}


/*=========================================================================================================================================================================================*/
/* skipnavigation */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;}
#skipnavigation *{display:inline;list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
#skipnavigation a:focus{left:0;width:100%;height:auto;background:#0089d6;color:#fff;font:bold 1em/2.5 'Nanum Gothic';text-decoration:none;text-align:center;}

/*=========================================================================================================================================================================================*/

#header { z-index:99999999 }
#contents{}
#forPrint{}
footer { color:#CCC;  padding:0;}
#footer{}
.footer{ position:relative; min-height:100px; background: #21242b;}
.footer{ width:100%; margin:0;}
.foot_bar{position:relative;width:100%;height: 45px;padding:0;margin:0;background:#f7f7f7;border-top: 1px solid #eaeaea;}
@media (max-width: 1200px){
.foot_bar{position:relative;width:100%;height: 76px;padding:0;margin:0;background:#f7f7f7;border-top: 1px solid #eaeaea;}
}
@media (max-width: 680px){
.foot_bar{position:relative;width:100%;height: 90px;padding:0;margin:0;background:#f7f7f7;border-top: 1px solid #eaeaea;}
}
@media (max-width: 600px){
.foot_bar{position:relative;width:100%;height: 79px;padding:0;margin:0;background:#f7f7f7;border-top: 1px solid #eaeaea;}
}
@media (max-width: 530px){
.foot_bar{position:relative;width:100%;height: 109px;padding:0;margin:0;background:#f7f7f7;border-top: 1px solid #eaeaea;}
}
@media (max-width: 370px){
.foot_bar{position:relative;width:100%;height: 168px;padding:0;margin:0;background:#f7f7f7;border-top: 1px solid #eaeaea;}
}
@media (max-width: 340px){
.foot_bar{position:relative;width:100%;height: 170px;padding:0;margin:0;background:#f7f7f7;border-top: 1px solid #eaeaea;}
}
.f-ul{ padding:0; margin:0; list-style:none; color:#666; }
.f-ul a{ color:#666; }
.f-ul a:hover { color:#5468cd !important; }
.f-ul li{ float:left;  padding:0 15px; margin:10px 0 0 0; list-style:none; }

/*=========================================================================================================================================================================================*/

/*스크롤내렸을때*/
.navbar.navbar-fixed-top.fixon {background: #FFF; border-color: #080808; box-shadow: 0 0 5px rgba(0,0,0,.8);}
.navbar-brand .fixon {font-size: 18px;}


/*========================================================================================*/

/*공통사항임네~ 이건 좀 오래오래*/
.navbar-brand.fixon,.navbar-container.fixon,.navbar.navbar-fixed-top.fixon,.navbar-brand,.navbar-container,#logo,#logo.fixon,.header_wrap,.header_wrap.fixon,
.global-cont.fixon,.global-cont,#wrap,#wrap.fixon,.navbar-toggle.fixon,.top-bar.on,.top-bar,#dump-div,#dump-div.on,.pop-view-01.on,.pop-view-01,
#pop-v-1,#pop-v-1.on,.gl-co-01,.gl-co-01.fixon{transition: 0.4s; -webkit-transition:  0.4s;}

/*=========================================================================================================================================================================================*/
#location{position:relative;top:0;right:0;margin:0;padding:15px 0;width:100%;}
#location > .icon{ color:#ccc; }
#location > .home{ color:#ccc; }
#location > span{ color:#ccc; }
#location > h4{ position:relative; display:none; }
#location > a{ position:relative;  text-decoration: none; font-weight:500; color:#ccc;}
#location > .on{ position:relative;  text-decoration: none; font-weight:700; color:#F30;}
/*=========================================================================================================================================================================================*/

.navbar-brand {font-size: 24px; }

.inp-text-1{background-color:#fff; border:0px solid #999;padding: 2px 4px;line-height:25px; width:190px; height: 25px;margin:0;}
.input-img{ width: 21px; height: 21px;}

/*=========================================================================================================================================================================================*/

.navbar{ background:#fff; border-bottom: 3px solid #640f7b; }
.top-unbar{z-index:15; position:relative; width:100%; height:3px; padding:0; margin:0; background:#2e509d;}

/*=========================================================================================================================================================================================*/

.banner .banner_wrap{position:relative;  display:block; height:65px; padding:0;overflow:hidden;}
.banner .bn_ctrl{float:left; top:0px; height:21px; margin:0; }
.banner .bn_ctrl button,.banner .bn_ctrl a,.banner .bn_ctrl2 a{float:left; margin:0 0 0 -1px;padding:0; font-size:0; line-height:0; border: 1px solid #e9e9e9;}
.banner .bn_ctrl2{position:absolute; left:40px; top:20px; height:21px;margin:0;}
.banner ul li{ position:relative; display:inline; height:43px; float:left;margin:0; padding:11px 10px 0; /*border:1px solid #ededed;*/}
.banner ul li a{ position:relative; display:inline;  height:43px; margin:0; padding:0;}
.banner ul li a:hover { color:#5468cd !important; }

/*=========================================================================================================================================================================================*/

.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0;margin:0;padding:0;font-size:0;line-height:0;}
.clearfix{display:inline-block;}
.clearfix{display:block;}

/*=========================================================================================================================================================================================*/
/*여기영역이 바로 디바이스랑 피씨일때 다 먹는다 머리로 그림을 그려라*/

#logo{z-index:99;position: relative;top: 15px;left:0;width: 200px;height: 55px;margin: 0 auto;padding:0;display: block;}
#logo.fixon{ top:0px; left:0;width: 200px;height: 55px;}
.global-cont{position:relative;left: 0px;height:30px;padding: 0 0 0 10px;margin:0 auto;top:20px;display:table;}
.global-cont.fixon{ z-index:89; position:relative; height:30px; padding:0; margin:0 auto; top:15px; display:table;}
.gl-co-01{ float:left; padding:0 10px; margin:0; }
.gl-co-02{ display:none;}
.gl-co-03{float:left;padding:0 10px;margin:0;text-align: center;}
.gl-co-04{display:none;}
.gl-ul-03{display:none;}

.global-cont li a{text-decoration:none;}
.global-cont li a:hover, .global-cont li a:active,.global-cont li a:focus{text-decoration:underline;}
.global-cont li:first-child{ background:none;}
/*.global-cont li{ background:url(/img/sub_img/top_line-01.png) no-repeat right;}*/
.global-cont li:last-child{ background:none;}

/*상단위치에있을때*/
.navbar-container { position:relative; padding:0; margin:0; min-height:110px;}
.navbar-container.fixon {padding:0px; min-height:97px;}

.top-bar{ position:relative; width:100%; height:0px; padding:0; margin:0; }
.popUp-01{ display:none; position:relative; padding:0; margin: 0 auto; width:1170px; }
.pop-view-01{ position:absolute; display:none;  padding:0; margin:0;}
.spview{display:none;}

.header_wrap{ position:absolute; display:none; overflow:hidden;left:0px;top:71px;width:100%;height:49px;}
.gnb{position:relative; display:none; left:0px; top:0px; width:970px; margin:0 auto; padding:0;  }

/*=======================================================================================================*/
.disp-768{ display:block;}
.disp-768.nav{margin-bottom:30px;padding-left:0;list-style:none}
.disp-768.nav>li{position:relative;display:block; border-bottom: 1px solid #2e509d; }

.disp-768.nav>li>a{position:relative;display:block;padding:10px 15px; font-size:16px; font-weight:600; }
.disp-768.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#e6e6e6; }

.disp-768.nav>li>ul{position:relative;display:block;padding:0; margin:0; background:#F7F7F7;}
.disp-768.nav>li>ul>li{position:relative;display:block; border-bottom: 1px solid #2e509d;}
.disp-768.nav>li>ul>li:first-child{position:relative;display:block; border-top: 1px solid #2e509d;}

.disp-768.nav>li>ul>li>a{position:relative;display:block;padding:10px 15px; }
.disp-768.nav>li>ul>li>a:hover,.nav>li>ul>li>a:focus{text-decoration:none;background-color:#e6e6e6;}

.disp-768.nav>li.active>a{position:relative; display:block; border-bottom: 1px solid #2e509d; border-top: 1px solid #2e509d; background:#2e509d; color:#FFF; font-weight:600;}
.disp-768.nav>li>ul>li.active>a{position:relative; display:block; border-bottom: 1px solid #2e509d; border-top: 1px solid #2e509d; background-color:#e6e6e6; color:#333; font-weight:600;}

/*=========================================================================================================================================================================================*/

/*전체싸기DIV*/
#wrap{position:relative; top:0px; left:0px; width:100%; padding:0; margin:0;}
#dump-div{position:relative; top:0px; left:0px; width:1170px; height:113px; padding:0; margin:0 auto;  display:block;}

.simenu{ position:absolute; display:none;}

.body_contant{ background:#FFF;}

.contant{ position:relative; top:0px; left:0px; padding:0 10px 90px 10px; margin:0;  min-height:500px; background:#fff;}
.cont_foot{position:relative; width:100%; min-height:90px; background:#9C0;}
.foot_cont{position:relative; width:100%; min-height:265px; padding:0; margin:0;}
.foot-banner{ display:none;}

.foot_logo{ position:relative; display:block; width:100%; height:72px; top:10px;  padding:0 0 0 10px; margin:0; }
.foot_menu{position:relative; display:block; width:100%; height:20px; top:10px; padding:0 0 0 10px; margin:0 auto; }
.f_menu{position:relative; padding:0; margin:0;}
.f_menu li a{ color:#FFF; font-size:12px;}
.f_menu li{ float:left; padding:5px; margin:0; background:url(/img/sub_img/foot_line-01.png) no-repeat right;}
.f_menu li:first-child{ float:left; padding:5px 5px 5px 0; margin:0;}
.f_menu li:last-child{ float:left; padding:5px; margin:0; background:none;}
.foot_txt{position:relative;  clear:both; display:block; width:100%; padding:10px; margin:10px 0 0 0; font-size:12px;}
.foot_copytxt{position:relative; clear:both;  display:block; width:100%; padding:10px; margin:0; font-size:12px;}

/*=========================================================================================================================================================================================*/

.navbar-toggle * { -ms-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}
.navbar-toggle {color: #fff;height: 50px;width: 50px;cursor: pointer;padding: 5px 0 0 13px;border-radius: 0px;border: none;}
.navbar-toggle span { width: 20px; height: 3px; margin-bottom: 4px; background-color: #f5f5f5; display: block; }

.navbar-toggle span.bar1 { 
-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -ms-transform-origin: 1px 3px; -webkit-transform-origin: 1px 3px; -moz-transform-origin: 1px 3px; -o-transform-origin: 1px 3px; transform-origin: 0.28em  0.1em; width: 29px; }

.navbar-toggle span.bar2 { 
-ms-transform: rotate(-360deg) scale(0); -webkit-transform: rotate(-360deg) scale(0); -moz-transform: rotate(-360deg) scale(0); -o-transform: rotate(-360deg) scale(0); transform: rotate(-360deg) scale(0); }

.navbar-toggle span.bar3 {
-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin:9px 2px; -webkit-transform-origin: 9px 2px; transform-origin: 0.38em 0.1em; width: 29px; }

.navbar-toggle.collapsed span.bar1, .navbar-toggle.collapsed span.bar2, .navbar-toggle.collapsed span.bar3, .navbar-toggle.collapsed span.bar4 { 
-ms-transform: none; -webkit-transform: none; transform: none; width: 22px; } 

.navbar-toggle { float: right; margin-top: 15px; }


/*=========================================================================================================================================================================================*/

.btn-footB{display:inline-block;margin: 1px 0 0 0;font-weight:normal;width:275px;text-align:center;vertical-align:middle;/*-ms-touch-action:manipulation;touch-action:manipulation;*/cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding: 11px 30px 12px 30px;font-size:15px;line-height:1.42857143;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;/*user-select:none*/}
.btn-footB:focus,.btn-footB:active:focus,.btn-footB.active:focus,.btn-footB.focus,.btn-footB:active.focus,.btn-footB.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn-footB:hover,.btn-footB:focus,.btn-footB.focus{color:#ffffff;text-decoration:none}
.btn-footB:active,.btn-footB.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn-footB.disabled,.btn-footB[disabled],fieldset[disabled] .btn-footB{cursor:not-allowed;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}

/*=========================================================================================================================================================================================*/
/*자~ 여기가 분기 지점 디바이스별 크기에 맞추어 해야 하지만 대략 탭+모바일 = 일반pc로 나뉘는거 같다*/
/*768보다 작을때 분긴뎅*/
@media (min-width:768px){
.body_contant{ position:relative; width:100%; min-height:500px; padding:0; margin:0;}
.simenu{ position:absolute; display:none;}

#logo{ z-index:99; position:absolute;  top:13px; left:20px; width:212px; height:47px; margin:0; padding:0; display:inline;}
#logo.fixon{ top:5px; left:10px;width:120px; height:45px;}

/*상단위치에있을때*/
.navbar-container { position:relative; padding:0; margin:0 auto; min-height:107px;  border-bottom:0px solid #7643a8;}
.navbar-container.fixon {padding:10px; min-height:97px;}

.contant{ position:relative; top:0px; left:0px; padding:0px 20px 30px 20px; margin:0; width:100%; min-height:700px;background: #FFF url(/img/all_img/sub_titbar_bg.gif) no-repeat 80% 5px;}
.cont_foot{position:relative; width:100%; min-height:90px; background:#9C0;}
.foot_cont{position:relative; width:970px; min-height:165px; padding:0; margin:0 auto;}
.f-bar{position:relative; width:970px; min-height:45px; padding:0; margin:0 auto;}

.foot-banner{ display:block; position: relative; padding:0; margin:0 auto; width:100%; height:65px;}
.banner{position: relative; height:65px; width:970px; padding:0; margin:0 auto; background:#fff;  }
.banner_list{ position:absolute; display:inline; top:12px; width:80%; height:43px;  padding:0; margin:0 0 0 180px; overflow:hidden; }



/*탑부분세팅시작 화면을 줄이면 작아지자*/
.top-bar{ position:relative; width:100%; height:10px; padding:0; margin:0; background:#640f7b;}
.top-bar.on{ height:10px;}
.popUp-01{ display:none; position:relative; padding:0; margin: 0 auto; width:1170px; }
.pop-view-01{ position:absolute; display:none;  top: 20px; padding:0; margin:0;}
.spview{display:none;}


.header_wrap{ display:block;overflow:hidden;position:relative;left:0px;top:0px;width:100%;height:49px;margin:-49px 0 0 0;}
.header_wrap.fixon{ margin:-49px 0 0 0;}
.gnb{position:relative; display:block; left:0px; top:0px; width:840px; margin:0 auto; padding:0;  }
.disp-768{ display:none;}

/*전체싸기DIV*/
#wrap{position:relative; top:0px; left:0px; width:100%; padding:0; margin:0;}
#dump-div{position:relative; top:0px; left:0px; width:1170px; height:110px; padding:0; margin:0 auto;  background:#fff; display:block;}

/*각메뉴별 위치이동*/
#gnb_menu #top2m1{left: 5px;top:5px;width: 100px;   height: 200px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m2{left: 105px;top:5px;width: 105px;height: 555px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m3{left: 215px;top:5px;width: 98px;  height: 200px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m4{left: 215px;top:5px;width: 120px; padding: 0 5px 0 0;height: 200px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m5{left: 340px;top:5px;width: 95px;  height: 200px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m6{left: 440px;top:5px;width: 94px;height: 200px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m7{left: 535px;top:5px;width: 97px;height: 200px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m8{left: 643px;top:5px;width: 120px; height: 200px;border-right: 1px solid #F3F2F2;}
/*=========================================================================================================================================================================================*/
.gnb:after{display:block;clear:both;content:'';}

.gnb > li{float:left; background:none; }

.gnb > #top1m1{}
.gnb > #top1m2{}
.gnb > #top1m3{}
.gnb > #top1m4{}
.gnb > #top1m5{}


.gnb > li:last-child{float:left; background:none; }
.gnb > li:hover, .gnb > li:focus, .gnb > li:active{text-align:center; font-weight:600; }
.gnb > li > a{ position:relative; padding:15px 25px; margin:0; display:block; top: 0px;left: 0px;}
.gnb > li > a:hover, .gnb > li > a:focus {text-align:center; font-weight:600;  }
.gnb > li:hover > a h2, .gnb > li:focus > a h2, .gnb > li:active > a h2{text-align:center; font-weight:600; color:#333;}
.gnb > li > a h2{ font-size:15px; font-weight: normal; margin: 0;padding: 0; }
.gnb > li > a h2 { font-size:15px; font-weight: normal; margin: 0;padding: 0; }
.gnb > li > a h2:hover { color:#1967be !important; }
/*.gnb > li.on{overflow:visible;position:relative;float:left; padding:0; margin:0; text-align:center; font-weight:600; color:#fff;}
.gnb > li.on:hover > a h2, .gnb > li.on:focus > a h2, .gnb > li.on:active > a h2{text-align:center; font-weight:600; color:#fff;  }*/
.gnb > li.on > a{ position:relative; padding:15px 25px; margin:0; display:block; top: 0px;left: 0px; text-align:center; font-weight:600; }
.gnb > li.on > a :hover, .gnb > li.on > a:focus , .gnb > li.on > a:active{text-align:center; font-weight:600;  }
.gnb > li.on > a h2{ font-size:15px; font-weight:600; margin: 0;padding: 0; color:#333;}

/*========================================================================================*/

.gnb .lnb{display:none; position:absolute; margin:50px 0 0 0; padding:0;}
.gnb .lnb li{float:none; padding:0; text-align:left;line-height:12px;     margin: 8px 0 0 0;}
.gnb .lnb li h5{ margin:0; padding:2px 0;}
.gnb .lnb li h5 a{position:relative; padding:7px 5px; color:#999999; font-size:12px;}
.gnb .lnb li h5 .on{position:relative; padding:7px 5px; color:#4c4c4c; font-size:12px;font-weight:600; color:#1967be; text-decoration:none; background:none;}
.gnb .lnb li:hover,.gnb .lnb li:active,.gnb .lnb li:focus{font-weight:600; color:#1967be; text-decoration:none; background:none; }
.gnb .lnb li:hover h5 a ,.gnb .lnb li:active h5 a,.gnb .lnb li:focus h5 a{ position:relative; padding:7px 5px; font-weight:600; color:#1967be; text-decoration:none; background:none; }
.gnb .lnb li h5 a:hover ,.gnb .lnb li h5 a:active,.gnb .lnb li h5 a:focus{ position:relative; padding:7px 5px; font-weight:600; color:#1967be; text-decoration:none; background:none; }
/*=========================================================================================================================================================================================*/

.global-cont{ z-index:89; position:relative; width:100%;height:43px;padding: 3px 10px;margin:0;top:20px; left:0px; border-bottom: 1px solid #e5e5e5;}

.global-cont.fixon{ z-index:333; position:relative; width:100%;height:30px;padding: 3px 10px;margin:0;top: 4px;}

.gl-co-01{float:right; padding:0 2px; margin:0 0 10px 0;}
.gl-co-01.fixon {float:right; padding:0 2px; margin:0 ; }
.gl-co-02{display:block;margin: 0 0 0 38%;padding: 0 20px 5px;float: left;border-bottom: 1px solid #7f7f7f;}
.gl-co-03{float:right; padding:0 10px; margin:0; right:10px;}
.gl-co-04{float: left;padding:0 10px;margin:0;right:10px;/* display:inline-block; */}

.gl-ul-03{position:relative; top:-5px; left:0px; padding:5px 10px ; margin:0; background:#2197d7; color:#FFF; border-radius: 7px; display:none; }
.gl-ul-03 a{ color:#FFF }
.gl-li-03{ position:relative; top:0px; left:0px; padding:0 ; margin: 0 10px; }


.foot_logo{ position:absolute; width:237px; top:25px; padding:0; margin:0;  }
.foot_menu{position:absolute; width:800px; top:10px; left:30px; padding:0; margin:0; }
.f_menu{padding:0; margin:0;}
.f_menu li a{ color:#FFF; font-size:13px;}
.f_menu li{ float:left; padding:10px; margin:0; background:url(/img/sub_img/foot_line-01.png) no-repeat right;}
.f_menu li:first-child{ float:left; padding:10px 10px 10px 0; margin:0;}
.f_menu li:last-child{ float:left; padding:10px; margin:0; background:none;}
.foot_txt{position:absolute; width:800px; top:20px; left:250px;padding:0; margin:0; line-height:21px; font-size:15px;}
.foot_copytxt{position:absolute; width:800px; top:80px; left:250px;padding:0; margin:0; font-size:15px;}

.popup-layer{ z-index:9999; position:fixed; background:#FFF; display:block;}

}

/*=========================================================================================================================================================================================*/
/*768보다 클때와 1200이상일때 쭈욱 분긴뎅*/
@media (min-width:1200px){
.body_contant{ position:relative; width:1170px; min-height:700px; padding:0; margin:0;}

.simenu{ position:absolute; display:block; top:0px; left:0px; padding:0; margin:0; width:228px; min-height:300px;}
#sidemenu > .nav { display:block;}

#logo{ z-index:99; position:absolute;  top:7px; left:0; width:212px; height:47px; margin:0; padding:0; display:inline;}
#logo.fixon{top:0px;left:10px;width:190px;height:65px;}

/*상단위치에있을때*/
.navbar-container { position:relative; padding:0; margin:0 auto; min-height:111px; border-bottom:0px solid #7643a8; background:#fff;}
.navbar-container.fixon {padding:0; min-height:90px;}

.contant{position:relative;top:0px; padding:10px 20px 70px 20px;margin: 0  0 0 230px;width: 939px;min-height:1000px;background: #FFF url(/img/all_img/sub_titbar_bg.gif) no-repeat 620px 20px;}
.cont_foot{position:relative; width:930px; min-height:90px; background:#9C0;}
.foot_cont{position:relative; width:1170px; min-height:165px; padding:0; margin:0 auto;}
.f-bar{position:relative; width:1170px; min-height:45px; padding:0; margin:0 auto;}

.foot-banner{ display:block; position: relative; padding:0; margin:0 auto; width:100%; height:65px; }
.banner{position: relative; height:65px; width:1170px; padding:0; margin:0 auto; background:#fff;  }
.banner_list{ position:absolute; display:inline; top:12px; width:1000px; height:43px;  padding:0; margin:0 0 0 180px; overflow:hidden; }
.banner .banner_wrap{width:1170px;}

/*탑부분세팅시작*/
.top-bar{ z-index:-22; position:relative; width:100%; height:30px; padding:0; margin:0; background: url(/img/lib_img/top-bg-01.jpg) repeat-y 0 50%;}
.top-bar.on{height:130px;}
.popUp-01{ display:none; position:relative; padding:0; margin: 0 auto; width:1170px; }
.pop-view-01{display:block; position:absolute;  top: 20px; padding:0; margin:0; height:0px; width:100%; background:#FFF;}
.pop-view-01.on{display:block; position:absolute;  top:30px; padding:0; margin:0; height:0px; width:100%; background:#FFF; }

#pop-v-1{ opacity:0; filter:alpha(opacity=0);}
#pop-v-1.on{ opacity:0.9; filter:alpha(opacity=90);}
.spview{display:block;}

.header_wrap{z-index:35; display:block;overflow:hidden;position:relative;left:0px;top:0px;width:100%;height:49px; margin:-52px 0 0 0;}
.header_wrap.fixon{margin:-50px 0 0 0;}
.gnb{position:relative;display:block;top:0px; width:1180px; margin: 0 auto;padding:0;}
.disp-768{ display:none;}
.pop-btn-01{ position:absolute; display:inline-block; right:80px; top:13px; padding:0; margin:0; z-index:3333;}

/*전체싸기DIV*/
#wrap{position:relative; top:0px; left:0px; width:100%; padding:0; margin: 0;}
#dump-div{position:relative; top:0px; left:0px; width:1170px; height:111px; padding:0; margin:0 auto;  background:#fff; display:block;}
#dump-div.on{height:240px;}


/*각메뉴별 위치이동*/
#gnb_menu #top2m1{left: 15px;top: 0px;width: 150px;height: 580px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m2{left: 198px;top:0px;width: 132px;height: 580px;border-right: 1px solid #F3F2F2;}
/*#gnb_menu #top2m3{left: 285px;top:0px;width:119px;height: 235px; border-right: 1px solid #F3F2F2;}*/
#gnb_menu #top2m4{left: 356px;top:0px;width: 151px;height: 580px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m5{left: 540px;top:0px;width: 115px;height: 580px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m6{left: 682px;top:0px;width: 132px;height: 580px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m7{left: 835px;top:0px;width: 115px;height: 580px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m8{left: 981px;top:0px;width:150px;height: 580px;border-right: 0; /* 마지막라인 보류 */}



/*각메뉴별 위치이동 (기존거 살려두기)
#gnb_menu #top2m1{left:0;    top:0px;width:130px;height: 300px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m2{left: 123px;top:0px;width: 118px;height: 300px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m3{left: 253px;top:0px;width: 113px;height: 300px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m4{left: 365px;top:0px;width: 125px;height: 300px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m5{left: 515px;top:0px;width: 98px;height: 300px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m6{left: 630px;top:0px;width:108px;height: 300px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m7{left: 750px;top:0px;width:170px;height: 300px;border-right: 1px solid #F3F2F2;}
#gnb_menu #top2m8{left: 930px;top:0px;width:110px;height: 300px;border-right: 1px solid #F3F2F2;}*/


/*=========================================================================================================================================================================================*/
.gnb:after{display:block;clear:both;content:'';}

.gnb > #top1m2{float:left; background: none; padding:0; }
.gnb > #top1m2 > a{position:relative;padding: 15px 60px;margin:0;display:block;top: 0px;left: 0px;/*background: url(/img/all_img/cv3_0.gif) no-repeat 20px 10px;*/}


.gnb > li{float:left; background: none; padding:0;}
.gnb > li:last-child{float:left; background:none; margin-left: -px;}
.gnb > li:hover, .gnb > li:focus, .gnb > li:active{text-align:center; font-weight:600;}
.gnb > li > a{position:relative;padding: 15px 42px;margin:0;display:block;top: 0px;left: 0px;}
.gnb > li > a:hover, .gnb > li > a:focus {text-align:center; font-weight:600;  }
.gnb > li:hover > a h2, .gnb > li:focus > a h2, .gnb > li:active > a h2{text-align:center; font-weight:600; color:#333;}
.gnb > li > a h2{font-size: 17px;font-weight: 600;margin: 0;padding: 0;}
/*.gnb > li.on{overflow:visible;position:relative;float:left; padding:0; margin:0; text-align:center; font-weight:bold; color:#fff;}
.gnb > li.on:hover > a h2, .gnb > li.on:focus > a h2, .gnb > li.on:active > a h2{text-align:center; font-weight:bold; color:#fff;  }*/
.gnb > li.on > a{ position:relative; padding:15px 52px; margin:0; display:block; top: 0px;left: 0px;  font-weight:600; }
.gnb > li.on > a :hover, .gnb > li.on > a:focus , .gnb > li.on > a:active{text-align:center; font-weight:600;  }
.gnb > li.on > a h2{ font-size:16px; font-weight:600; margin: 0;padding: 0; color:#333;}

/*========================================================================================*/

.gnb .lnb{display:none;position:absolute;margin: 52px 0 0 0;padding:0;}
.gnb .lnb li{float:none; padding:0; text-align:left;line-height:12px; margin:0;}
.gnb .lnb li h5{ margin:0; padding:6px 3px; background:url(/img/all_img/menu_bg.gif) no-repeat 1px 12px}
.gnb .lnb li h5 a{position:relative; padding:7px 5px; color:#666666; font-size:13px;  }
.gnb .lnb li h5 .on{position:relative; padding:7px 5px; color:#4c4c4c; font-size:13px;font-weight:600; color:#3484b6; text-decoration:none; background:none;}
.gnb .lnb li:hover,.gnb .lnb li:active,.gnb .lnb li:focus{font-weight:600; color:#3484b6; text-decoration:none; background:none; }
.gnb .lnb li:hover h5 a ,.gnb .lnb li:active h5 a,.gnb .lnb li:focus h5 a{ position:relative; padding:7px 5px; font-weight:600; color:#3484b6; text-decoration:none; background:none; }
.gnb .lnb li h5 a:hover ,.gnb .lnb li h5 a:active,.gnb .lnb li h5 a:focus{ position:relative; padding:7px 5px; font-weight:600; color:#3484b6; text-decoration:none; background:none; }
/*=========================================================================================================================================================================================*/

.global-cont{ position:relative; width:100%; height:43px; padding:0; margin:0; top:20px; left:0px; border-bottom: 1px solid #e5e5e5;}
.global-cont.fixon{ z-index:89; position:relative; width: 100%;height:30px;padding: 3px 10px;margin:0;top: 10px; left:0;}


.global-cont a {color: #a7a7a7; text-decoration: none; font-size:13px; }

.gl-co-01{float: left;padding:0 2px;margin: 0 0 0 130px;}
.gl-co-01.fixon {float: left;padding:0 2px;margin: 0 0 0 109px;}
.gl-co-02{display:block; margin:0 0 0 350px; float: left; }
.gl-co-03{float: left; padding:0 10px; margin:0; }
.gl-co-04{float: left; padding:0 10px; margin:0; display:inline-block;}

.gl-ul-03{position:relative; top:-5px; left:0px; padding:5px 10px ; margin:0; background:#2197d7; color:#FFF; border-radius: 7px; display:block;  }
.gl-ul-03 a{ color:#FFF }
.gl-li-03{ position:relative; top:0px; left:0px; padding:0 ; margin: 0 10px; }


.global-cont li:first-child{ background:none;  padding:0 10px 5px ; border-bottom:1px solid #7f7f7f;}
/*.global-cont li{ background:url(/img/sub_img/top_line-01.png) no-repeat right;}*/
.global-cont li:last-child{ }

.foot_logo{ position:absolute; width: 237px; top:25px;  padding:0; margin:0;  }
.foot_menu{position:absolute; width:800px; top:10px; left:30px; padding:0; margin:0;}
.f_menu{padding:0; margin:0;}
.f_menu li a{ color:#FFF; font-size:15px;}
.f_menu li{ float:left; padding:10px; margin:0; background:url(/img/sub_img/foot_line-01.png) no-repeat right;}
.f_menu li:first-child{ float:left; padding:10px 10px 10px 0; margin:0;}
.f_menu li:last-child{ float:left; padding:10px; margin:0; background:none;}
.foot_txt{position:absolute; width:800px; top:20px; left:250px;padding:0; margin:0; line-height:20px; font-size:13px;}
.foot_copytxt{position:absolute; width:800px; top:65px; left:250px;padding:0; margin:0; font-size:13px;}

.popup-layer{ z-index:9999; position:fixed; background:#FFF; display:block;}



}


/*=========================================================================================================================================================================================*/
/*프린트 메디아 쿼리 >> 부스트랩도 기본재공한다 */

@media print{.bgcol{background-color:#999;}}
@media print{
#head, #visual, #foot, #wing, #sidebar, #side, #aside,#body_foot,#body_head>#location1,#tnb1,#snsm,#bn1,.bg, .btn-1,
.noprint{display:none !important}
html{background:#fff !important}
body,#container, #wrap, 	#body,#body_head,
#body_content{float:none !important;left:0 !important;top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;overflow:visible !important;box-shadow:none !important}
#body_title{display:block !important;position:static !important;left:0 !important;top:0 !important;height:auto !important;margin:0 0 1em 0 !important;padding:0 0 1em 0 !important;border:0 !important}
table{border-color:#999 !important}
table th,table td{border-color:#999 !important}


}

/*=========================================================================================================================================================================================*/
/*레이어팝업존*/

.popup-layer{ display:none;}


/*=========================================================================================================================================================================================*/



.well-1{margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);}
.no-print{ display: none; }
.bgcol{background-color: #999;}
.bgcol-01{background-color:#1967be;}



.fonsz9{ font-size: 0.09em;}
.fonsz9:before{font-size: 0.09em;/* margin: -20px 0 0 0; */position: relative;top: -2px;}


/*재목별 클래스*/
.T-h1{ font-size:28px; font-weight:700; }
.T-h2{ font-size:24px; font-weight:600; letter-spacing:-0.1em; color:#640f7b; }
.T-h3{ font-size:18px; font-weight:600; letter-spacing:-0.1em; color:#2780E3;}
.T-h4{ font-size:17px; font-weight:600; letter-spacing:-0.1em; color:#FF7518;}
.T-h5{ font-size:12px; font-weight:600; }

.Th2:before{ font-size:27px; font-weight:700; position:relative; top:3px; }
.T-h3:before{ font-size:22px; font-weight:700; position:relative; top:2px; }
.T-h4:before{ font-size:17px; font-weight:700; position:relative; top:2px; }

/*클리어 부쓰*/
.clr{ position:relative; width:0; height:0; clear:both ;}
.brclear{display:block;clear:both;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
.blind{position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
 caption{position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
 
 
.DipyB{ display:inline-block;}

/*퍼센테이지 크기 정의*/

.font12 { font-size:12px; }
.whp100{ width:100%;}
.whp99 { width:99.999%;}
.whp98 { width:98%;}
.whp95 { width:95%;}
.whp90 { width:90%;}
.whp80 { width:80%;}
.whp70 { width:70%;}
.whp60 { width:60%;}
.whp50 { width:50%;}
.whp40 { width:40%;}
.whp35 { width:35%;}
.whp30 { width:30%;}
.whp25 { width:25%;}
.whp20 { width:20%;}
.whp15 { width:15%;}
.whp14 { width:14%;}
.whp10 { width:10%;}
.whp05 { width:5%;}
.whp9 { width:9%;}
.whp7 { width:7%;}
.whp6 { width:6%;}

.whpx200{ width:200px;}
.whpx230{ width:230px;}

.hhp80 { height:80px;}
.hhp130 { height:130px;}
.hhp230 { height:230px;}
/*=====================================*/


/*플롯*/
.flL{ float:left;}
.flR{ float:right;}
.clrB{ clear:both;}

/*포지션*/
.potnR{position:relative;}
.potnA{position:absolute;}
.potnF{position:fixed;}

/*블럭설정*/
.diPy-IB{ display:inline-block;}
.diPy-B { display:block;}

.leFt00{ left:0px;}
.Rght00{ right:0px;}
.Botm00{ bottom:0px;}
.Topm00{ top:0px;}

/*마진*/
.marg-0{ margin:0;}
.marg-0-at{ margin:0 auto;}
.marg-1{ margin:0 10px 0 0;}
.marg-2{ margin:10px 0;}
.marg-2-1{ margin:0 10px;}
.marg-2-2{ margin:0 10px 30px;}
.marg-3{ margin:20px;}
.marg-3-1{ margin:30px 10px;}
.marg-4{ margin:0 20px 0 0;}

.marg-5{}
.marg-5:before{position: relative; top: 2px;}

.marg-6 {margin:0 5px 0 0;}
.marg-7 {margin:0 5px 0 0;}
.marg-7-1 {margin:20px 5px 0 20px;}
.marg-8 { margin:50px auto;}
.marg-9 {margin:0 0 0 70px;}

.marg-9-1 {margin:10px 0 0 70px;}
.marg-9-2 {margin:11px 5px 0 0;}
.marg-9-3 {margin:11px 0 0 0;}
.marg-9-4 {margin:10px 5px 0 0;}
.marg-9-5 {margin:15px 15px;}

.marg-10{margin:10px 5px 0 0;}
.marg-11{margin:10px auto;}
.marg-12{margin:10px 0 0 0;}
.marg-13{margin:0 0 0 90px;}
.marg-13-1{margin:0 0 0 70px;}
.marg-14{margin:15px 0 0 10px;}
.marg-14-1{margin:5px 0 0 10px;}
.marg-15{ margin:7px;}
.marg-15-1{ margin:0 0 0 10px;}
.marg-16{ margin:-8px 0 0 0;}
.marg-17{ margin:3px 5px 0 0;}
.marg-18{ margin:20px 0 0 0;} 
.marg-19{ margin:8px 0 0 0;}
.marg-20{ margin:0 0 15px 0;}
.marg-21{ margin:3px 0 0 0;}
.marg-22{ margin:-20px 0 0 0;}
.marg-23{ margin:0 5px 0 0;}
.marg-24{ margin:30px 0 10px 0;}
.marg-25{}
/*여분준비 항상 다른건 어디서 쓰긴쓸것*/

/*마진셑*/
.maset01{margin:10px;}
.maset02{margin:10px 0 10px 0;}

/*페딩셑*/
.padd-0 { padding:0;}
.padd-1 { padding:0 10px 0 0;}
.padd-2 { padding:10px 0;}
.padd-2-1{padding:0 10px;}
.padd-3 { padding:10px;}
.padd-4 { padding:0 20px 0 0;}
.padd-5 { padding:5px 0 0 10px;}
.padd-6 { padding:10px 0 0 0;}
.padd-7 { padding:5px 0 0 0;}
.padd-8 { padding:12px 0 0 0;}
.padd-9 { padding:25px 10px;}
.padd-10{ padding:18px 10px;}
.padd-11{ padding:1.5px 10px;}
.padd-12{ padding:0 5px;}
.padd-13{ padding:3px 20px;}
.padd-14{ padding:5px 0;}
.padd-15{ padding:0 4px 0 3px;}
.padd-16{ padding:12px 0 0 10px;}
.padd-17{ padding:25px 18px 0 40px;}
.padd-18{ }

/*텍스트얼라인*/
.texAnL{ text-align:left;}
.texAnC{ text-align:center;}
.texAnR{ text-align:right;}

/*폰트사이즈*/
.fonsz12{ font-size:12px;}
.fonsz13{ font-size:13px;}
.fonsz14{ font-size:14px;}
.fonsz15{ font-size:15px;}
.fonsz16{ font-size:16px;}
.fonsz18{ font-size:18px;}
.fonsz20{ font-size:20px;}
.fonsz25{ font-size:25px;}
.fonsz30{ font-size:30px;}
.fonsz35{ font-size:35px;}
.fonsz40{ font-size:40px;}
.fonsz45{ font-size:45px;}

.FnWitB{ font-weight:bold;}
.FnWit-01{ font-weight:100;}
.FnWit-02{ font-weight:200;}
.FnWit-03{ font-weight:300;}
.FnWit-04{ font-weight:400;}
.FnWit-05{ font-weight:500;}
.FnWit-06{ font-weight:600;}
.FnWit-07{ font-weight:700;}
.FnWit-08{ font-weight:800;}
.FnWit-09{ font-weight:900;}

.Fncor-01{ color:#000;}
.Fncor-02{ color:#FFF;}
.Fncor-03{ color:#333;}
.Fncor-04{ color:#06C;}
.Fncor-05{ color:#305c98;}/*파랑색계열*/
.Fncor-06{ color:#28aae1;}
.Fncor-07{ color:#3db933;}
.Fncor-08{ color:#f3d320;}
.Fncor-09{ color:#F60;} /*붉은색계열*/
.Fncor-10{ color:#960;} /*황토색계열*/

.TxtUnlne{text-decoration:underline;}

.em{ font-weight:500;}

/*min-height 셑*/
.min-h500{ min-height:500px;}
.min-h400{ min-height:400px;}
.min-h300{ min-height:300px;}
.min-h200{ min-height:200px;}
.min-h100{ min-height:100px;}
.min-h60{ min-height:60px;}
.min-h50{ min-height:50px;}
.min-h30{ min-height:30px;}

/*max-height 셑*/
.max-wp100{ max-width:100%;}

/*빽그라운드 색상*/
.bgcolor-1{ background:#640f7b;}
.bgcolor-2{ background:#2780E3;}
.bgcolor-3{ background:#139023;}
.bgcolor-4{ background:#DC0C3C;}


/*보더탑레프트라이트바턴*/
.bodline{border: 2px solid;}
.bodTop{ border-top: 2px solid;}
.bodLft{ border-left:2px solid;}
.bodRit{ border-right:2px solid;}
.bodBot{ border-bottom:2px solid;}

.bodline-1{border:       1px solid;}
.bodTop-1{ border-top:   1px solid;}
.bodLft-1{ border-left:  1px solid;}
.bodRit-1{ border-right: 1px solid;}
.bodBot-1{ border-bottom:1px solid #ccc;}

.bodcor-1{ border-color:#640f7b;}
.bodcor-2{ border-color:#999;}
.bodcor-3{ border-color:#139023;}
.bodcor-4{ border-color:#DC0C3C;}
.bodcor-5{ border-color:#F1F1F1;}
.bodcor-6{ border-color:#FFF;}

/*아이콘 폰트크기 설정*/



.fsz14{ font-size:15px; position:relative; top: 5px;}
.fsz14:before {position:relative; padding:0; margin:0; top: -3px;}

.fsz15{ font-size:25px; position:relative; top: 5px;}
.fsz15:before {position:relative; padding:0; margin:0;}
.fsz15-1{ font-size:17px; position:relative; top: 5px; margin:8px 0;}
.fsz15-1:before {position:relative; padding:0; margin:0;}
.fsz15-2{ font-size:25px; position:relative; top: 5px;margin:0 10px 0 0; }
.fsz15-2:before {position:relative; padding:0; margin:0;}

.fsz16{font-size: 10px;position:relative;top: 0px;}
.fsz16:before {position:relative;padding:0;margin: 0 0 0 4px;top: -3px;}
.fsz16-l{ font-size:20px; position:relative; top: 4px; left: -2px;}
.fsz16-l:before {position:relative; padding:0; margin:0; top: -3px; }
.fsz16-R{ font-size:20px; position:relative; top: 4px;left: 1px;}
.fsz16-R:before {position:relative; padding:0; margin:0; top: -3px; }

.fsz17{font-size: 15px;position:relative;top: 2px;margin: -2px 0 0 0;}
.fsz17:before {position:relative;padding: 0;margin: 0;}

.fsz18{ font-size:40px; position:relative; top:0px; color: #0678DA;}
.fsz18:before {position:relative; padding:0; margin:0; top: -3px;}

.fsz19{font-size: 38px;}
.fsz19:before {position:relative;padding: 0 10px;margin:0;color: #fff;top: 5px;left: 5px;}

.fsz20{ font-size:15px;}
.fsz20:before {position:relative; padding: 0 10px; margin:0; }

.fsz21{ font-size:11px; height: 25px;}
.fsz21:before {position: relative;padding: 10px 10px 10px 5px;margin:0;top: 13px;left: 2px;}

.fsz21-1{ font-size:11px; height: 25px;}
.fsz21-1:before {position: relative;padding: 10px 7px 10px 7px;margin:0;top: 13px;left: 0px;}

.fsz22{position: absolute;font-size: 38px;padding: 0;margin: 0;width: 30px;height: 40px;}
.fsz22:before {position:relative;padding: 0;margin: 0;color: #fff;top: -8px;left: -5px;}

.fsz40{ font-size:30px;}
.fsz40:before {position:relative; padding:10px; margin:0;}
.fsz41{ font-size:30px;}
.fsz41:before {position:relative; padding:0; margin:0;}

.fsz50{ font-size:50px;}
.fsz50:before {position: relative; padding: 0 0 0 0; margin: 0 0 0 -47px; top: -20px;}

.fsz51{ font-size:70px;}
.fsz51:before {position: relative; padding: 0 0 0 0; margin: 10px 0 0 15px; top: -10px; color: #cccccc;}
.fsz52{ font-size:50px;}
.fsz52:before {position: relative; padding: 0 0 0 0; margin:0 0 0 10px; top: -23px; color: #cccccc;}
.fsz53{ font-size:60px;}
.fsz53:before {position: relative; padding: 0 0 0 0; margin:0 0 0 10px; top: -13px; color: #FFF;}


.fsz60{ font-size:75px; position:relative; padding:0; margin:-5px 0 0 13px ; color:#FFF; }
.fsz60:before {position:relative; padding:0; margin:0;}