@charset "utf-8"; 
/***********************************************************/
#wrap {width:100%; height:auto !important; overflow:hidden; position:relative;}


.mouse_icon{text-align: center; position : absolute; bottom: 0;  width: 100%;   animation : mouseMove 0.7s infinite alternate ease-in-out;  z-index: 500; }
.mouse_icon img{ width : 25px; }


@keyframes mouseMove {
  0%{bottom: 145px;}
  100%{bottom: 165px;}
}

/* 02.15 End */

/* .main .close_menu{position  :absolute; top: 128px; width: 30px; height: 30px; right : 190px; z-index: 9999; cursor: pointer; display : inline-block; padding : 10px; background-image: url('/file/img/s_img/slide_close_btn_white.png'); background-repeat: no-repeat; background-size:30px;} */
.close_menu{position  :absolute; top: 133px; width: 30px; height: 30px; right : 10px; z-index: 9999; cursor: pointer; display : inline-block; padding : 10px; background-image: url('/file/img/s_img/slide_close_btn.png'); background-repeat: no-repeat; background-size:30px;}
.al_box { height:auto; margin:0 auto; position:relative; width:100%;}
.al_box:after {content:""; display:block; clear:both;}

#skip-go {display:block;}
#skip-go dt {position:absolute; top:0; left:-1000px;}
#skip-go dd a {display:block; font-weight:bold; position:absolute; top:0; left:-1000px; font-size:120%; text-align:center; background-color:#000; z-index:1000;} 
#skip-go dd a:hover, 
#skip-go dd a:active, 
#skip-go dd a:focus{left:0; height:40px; width:100%; line-height:40px; color:#fff !important;}
.skip {visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}
.blind {visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}



.qr{float:right; margin-top:20px;}

.mt5{margin-top:5px;}

.container-full { width:100%; }
.inner{box-sizing:border-box;width:1200px; margin:0 auto !important;}

/*로고*/
.main .header_topCon h1.black{display:none;}
.main .header_topCon h1.white{display:block;}



#sub .header_topCon h1.black{display:block;}
#sub  .header_topCon h1.white{display:none;}


.utilLink {position:absolute; right:0px; top:0px; z-index:1490; }
.utilLink > li {float:left; display:inline-block; font-size:90%; margin:0px 0px 0 0; padding: 0px 10px 0 10px; color:#333; line-height:25px; }
.utilLink > li a{color:#333;}
.main .utilLink > li a{color:#fff;}
.utilLink > li.login{background:url('../img/s_img/login_icon.png') no-repeat 0 3px; padding-left:25px;}
.utilLink > li.join{background:url('../img/s_img/login_bar.png') no-repeat 0 6px; padding-left:13px;}

.utilLink > li.u1{padding:0px 0px 0 0px; text-align:center;  background:#fff; width:120px; }
.utilLink > li.u1 a{font-size:14px;  color:#111; }
.utilLink > li.u2{padding:0px 0px 0 0px; text-align:center; background:#3e4452 !important; width:120px; font-size:14px; color:#fff; }
.utilLink > li.u2 a{font-size:14px; color:#fff;  }


.utilLink > li.logout{ width:180px; margin:0; padding:0; text-align:center; background:none;}
.utilLink > li.logout a{font-size:14px;  color:#fff; padding:0 10px;}


.utilLink > li.img {padding:0 1px 0 0;}



.utilLink > p {float:left; display:inline-block;font-size:90%;margin:0px;padding: 0px 8px;color:#333; line-height:30px;}
.utilLink > input {margin-right:1px;}
.util_site{position:absolute; right:10px; top:10px; z-index:120; color:#111;  padding-right:0 !important; margin:0; padding:0; width:30px; height:24px;}
.util_site button{display:block; width:23px; height:19px; margin:0; padding:0;  text-align:right; color:#111; font-weight:600; background:none !important; border:none;/*background:url('../img/s_img/all_ico.gif') no-repeat 0px 0px;*/z-index:1490;}
.util_site button:hover, .header_top .util .util_site button:focus{/*background:url('../img/s_img/all_ico.gif') no-repeat 0px 0px*/}

.quick_menu{display:none;position:absolute;top:105px;left:0; width:100%;  z-index:1990; color:#fff; border-bottom:1px solid #ddd;}
.quick_menu .inner{min-height:200px;padding:20px 0 0 20px; color:#fff; position: relative; }

.main .quick_menu{display:none;position:absolute;top:105px;left:0; width:100%; background-size: 100%; border-bottom:none !important; z-index:1990; color:#fff; }
.main .quick_menu .inner{min-height:200px;padding:20px 0 0 20px; color:#fff; }

.main .gnb .gnb_sub{display:none; position:absolute; top:85px; left:0; width:100%; height:200px; padding:35px 0 0 0px; z-index:150; text-align:center;  }
.main .gnb .gnb_sub li a{display:block; margin-left:0px; color:#111; height:24px; letter-spacing:0em;font-size:15px; margin-bottom:5px;line-height:18px;font-weight:500; text-align:center;}
.main .gnb .gnb_sub li.double a{margin-bottom:15px;line-height:16px; }
.main .gnb .gnb_sub li a:hover, .gnb .gnb_sub li a:focus{color:#111;  margin-left:0px; font-weight:400; letter-spacing:0em; text-decoration:underline;}
.main .gnb .gnb_sub li.pl20{padding-left:25px;}
.main .gnb .gnb_sub li.pl5{padding-left:5px;}
.main .gnb .gnb_sub li.pl10{padding-left:10px;}

body {margin:0px; padding:0; transition : 0.5s ease-out;}


/*top*/

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}



@media all and (max-width:1199px){
  .mouse_icon{display : none;}

#header{position:relative; height:70px; background:#fff !important; border-bottom:1px solid #ddd;}

.main #header{position:fixed; top: 0;left: 0; z-index: 9998 !important;width: 100%;  height:70px; background:#fff !important; border-bottom:1px solid #ddd !important;}
.main #header:after{content:"";clear:both;display:block}


#header .question{display : none;}
#header .language{display:none;}
.header_topCon {position:relative;}
/*로고*/
.main .header_topCon h1.black{display:none;}
.main .header_topCon h1.white{display:none;}

#sub .header_topCon h1.black{display:none;}
#sub  .header_topCon h1.white{display:none;}


.header_topCon h1.logo{display:none;}
.header_topCon h1.logo_mobile{display:block;}
.header_topCon h1.logo_mobile a img {left:15px; top:19px; margin:0px; padding:0px; position:absolute; z-index:100; width:auto;}

.header_top {border-bottom:none; }



/* header */
#skip-go {display:none;}
.gnb {display:none;}

.utilLink {display:none;}
.allmenu_wrap{display:none;}
.util_site{display:none;}
.quick_menu{display:none;}

.quick_menu{display:none; background:none !important; height:0; width:0;line-height:0;}
.quick_menu .inner{display:none;}

#sidemenu{display:none;}
.language{display:none;}


.allmenu_wrap{display:none;}
.util_site{display:none;}

/* .inner{display:none;} */



.allmenu_wrap{display:none;}
.allmenu_wrap .inner{position:relative; padding:25px 35px; width:100%; margin:0 auto; }


.header_topCon {width:100%;}
.utilLink {right:10px;}
.utilLink > a:nth-child(1) {display:none;}
.utilLink > p, 
.utilLink > a.img,
.utilLink > a.normal {display:none;}
.gnb_area { max-width:100%;} 


.logo img { width:auto; height:auto;}

/* mobileheader */
.all_menu2 {display:block; position:fixed; right:0px; top:0px; background:url('../gmi/cni/bg_black.png') repeat left center; width:100%; height:100%; z-index:9999; overflow-y:hidden;}
#scroller div {position:absolute; top:0px; right:0px; width:260px; background:#ceeddd; z-index:1002;}

/*로그아웃*/
#scroller div.util_logout {position:relative; width:100%; text-align:center; background:#ceeddd; z-index:1002;}

.all_menu2 > div {position:relative; height:1300px;/* overflow-y:auto; */background:#ceeddd; border-left:1px solid #ddd; }
.all_menu2 a {}
.m-global_site {background:#ceeddd;margin:0px auto; width:100%; font-size:18px; background:#fff; color:#111; padding:20px 30px 18px 30px; text-align:center; border-bottom:1px solid #ddd;}

.all_menu2 .top_box{position: relative;height: 65px; background:#fff !important; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.all_menu2 .top_box:after{display: block;content: '';clear: both;}



.all_menu2 .top_box .close{position: absolute;top: 0;right: 15px;}
.all_menu2 .top_box .close img{width: 22px;margin-top: 22px;}


#scroller div {position:absolute; top:0px; right:0px; width:260px; background:#ceeddd; z-index:1002;}

.all_menu2 .top_box ul.language02{position:absolute; left: 15px;top:20px;width: 220px;border-radius: 0;border: none; }
.all_menu2 .top_box ul.language02:after{display: block;content: '';clear: both;}
.all_menu2 .top_box ul.language02 li{float: left;width: 50px;margin-left: 0; display:inline;}
.all_menu2 .top_box ul.language02 li a{display: inline;width: 50px;font-size: 16px;color: #747474;font-weight: normal;padding: 0;}
.all_menu2 .top_box ul.language02 li.on a{color:#009f4b;font-weight:800;}


.m_menu {clear:both; background:none; height:52px; padding:8px 0 0 5px; margin:0px auto; width:90%; text-align:left; }
.m_menu:after{content:"";clear:both;display:block}
.m_menu li{display:inline; width:45%; float:left; padding:0 0 0 0px;}
.m_menu li:first-child{padding-right:0px; background:url('../img/s_img/f_bar.gif') no-repeat 69% 49%;}

.m_menu a { clear:both; width:100%; display:block; color:#333; text-align:left; font-weight:bold; line-height:52px; font-size:100%; letter-spacing:-1px;}


.all_menu2 .all_menu2_con {clear:both; margin-top:65px;}
.all_menu2 .all_menu2_con a {display:block; text-decoration:none; }
.all_menu2 .all_menu2_con > li {border-bottom:1px solid #ceeddd;}
.all_menu2 .all_menu2_con > li > a {padding:12px 5px 12px 15px; font-size:110%; color: #fff; background:#009e4d url('../img/s_img/all_menu_off.png') no-repeat 90% center; background-size:15px; font-weight:600; }
.all_menu2 .all_menu2_con > li > a.on {background:#fff url('../img/s_img/all_menu_on.png') no-repeat 225px center; background-size:15px; color:#009e4d;  }

.all_menu2 .menu_sub {border-top:1px solid #ddd; padding:0px;}
.all_menu2 .menu_sub li {background: #fff;margin:0;width:100%;}
.all_menu2 .menu_sub > li > a {padding:5px 5px 5px 15px; margin:0px; width:100%; font-weight:400; border-bottom:1px solid #eee; background:url('../img/s_img/all_menu_off2.png') no-repeat 90% center; background-size:11px;}
.all_menu2 .menu_sub > li a.last { border-bottom:0px solid #f7f6ff;}

.all_menu2 .menu_sub > li > a.on,
.all_menu2 .menu_sub > li > a:hover, 
.all_menu2 .menu_sub > li > a:focus {color:#111; background:#ceeddd url('../img/s_img/all_menu_on2.png') no-repeat 90% center; background-size:11px;}
.all_menu2 .menu_sub > li.no-menu > a {background:none;}
.all_menu2 .menu_sub > li.no-menu > a.on {background:none;}
.all_menu2 .menu_sub li ul li {background:#ebebeb;}
.all_menu2 .menu_sub li ul li  a {padding:7px 5px 8px 20px;  color:#000; border-bottom:1px solid #ddd; font-size:14px;}

.btn_nav {display:inline-block; position:absolute; top:0px; left:0px; width:54px;}
.btn_nav1 {display:none;}
.btn_nav2 {display:inline-block;  }
.btn_nav2 img {width:100%;}
.btn_nav2.close {position:absolute; right:20px; width:25px; top:17px;}
.btn_nav2.open {position:absolute; top:14px; right:1%; width:44px;z-index:500; }
.btn_nav2.search {position:absolute; top:20px; right:70px; width:41px; }



/* container_main */
#main_container {background-size:100% auto; }


#main_container { clear:both; width:100%;height:auto;padding: 0px 0% 20px 0%;  margin:0 auto 0px auto; z-index:1900;/* margin:125px auto 0px auto; */background:#fff;}
#main_container #body_contents {clear:both; position:relative; width:98%; margin:20px auto 0px auto; padding:0;background:#fff; }



#bannerWrap{display:none;}


/*푸터*/

#footer {clear:both; width:100%; min-height:90px; margin:0px auto 0 auto;  }

.foot_add_outer{width:98%; margin:0px auto 0 auto; padding:0;}






} /* End */






@media (max-width: 768px) {


/*TOP*/

.navBtn{display:none; }

#wrap #header{height:60px;  border-bottom:1px solid #ddd; }
#wrap #header .container.mobile h1.logo img{margin-top:8px; width:150px; }
#wrap #header .container.mobile .menu img{margin-top:18px;}
.all_menu2 .top_box{position: relative;height: 60px; background:#fff !important; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.all_menu2 .all_menu2_con {clear:both; margin-top:60px;}

#sub #wrap #header{height:60px;   }

.header_topCon h1.logo_mobile a img {left:15px; top:17px; margin:0px; padding:0px; max-width:140px;position:absolute; z-index:100; width:auto;}



.btn_nav2.open {position:absolute; top:9px; right:1%; width:44px;z-index:500; }


}/* media768 end */