@charset "utf-8";
.box_focus{overflow:hidden; position:absolute; left:-1000px; top:-1000px; width:1px; height:1px; line-height:1px; text-indent:-1000px;}
body{position:relative; min-width:320px;}
input[type="submit"], button {
}
#wrap{}
.layout{position:relative; margin:0 auto;}
#header{position:relative; z-index:9; height:88px; background:#fff;}
#menu{position:absolute; left:0; top:90px; z-index:100; width:100%; height:63px !important; background:#fff;}
#menu .menu_all{display:none; position:absolute; left:20px; top:20px;}
.mslogun{ float:left;    margin-top: -4px;margin-right: 10px;}
.gnb_btn{position:absolute; right:0; top:20px;}
.gnb_btn li{margin-bottom:5px;}
.gnb_btn li a{display:block; width:172px; height:58px; line-height:55px; padding-left:42px; background:url("/images/kor/layout/gnb_btn.png") no-repeat left top;}
.gnb_btn li a:hover strong{text-decoration:underline;}
.gnb_btn li a strong{display:inline-block; padding-left:23px;}
.gnb_btn li a strong.icon_01{background:url("/images/kor/layout/gnb_btn_icon_01.png") no-repeat left center;}
.gnb_btn li a strong.icon_02{background:url("/images/kor/layout/gnb_btn_icon_02.png") no-repeat left center;}
.gnb_btn li a strong.icon_03{background:url("/images/kor/layout/gnb_btn_icon_03.png") no-repeat left center;}
.gnb_btn li a strong.color_01{color:#03ada3;}
.gnb_btn li a strong.color_02{color:#1573b3;}
.gnb_btn li a strong.color_03{color:#f57778;}
#menu .menu_bg{display:none; /* overflow:hidden;*/ position:absolute; left:0; top:63px; width:100%; height:100%; border-top:1px solid #ccc;}
#menu .menu_bg .layout{height:100%;}
#menu .menu_bg .bg{position:absolute; left:0; bottom:89px; width:308px; height:236px; background:url("/images/kor/layout/gnb_bg.png") no-repeat left bottom;}
#menu .menu_bg .bg2{position:absolute; right:0; bottom:89px; width:380px; height:236px; background:url("/images/kor/layout/gnb_bg2.png") no-repeat left bottom;}
#top_head #m_logo { position : absolute; left : calc(50% - 93px); top:15.5px;  z-index:30; display:none;}

#menu #gnb > ul > li {display:none;}

#menu #gnb .web_menu {display:block;background: url(/mimg/bg.png) repeat-x; ;}
#menu #gnb .web_menu .depth01 {width:100%; position:relative; height:63px;}
#menu #gnb .web_menu .depth01 ul {width:1200px; margin:0 auto;   /* overflow: hidden; */  background: url(/mimg/bg_mid.png);     margin-top: 1px;}
#menu #gnb .web_menu .depth01 ul li {font-size:17px; float:left; width:calc( ( 100% - 3px ) / 6 ); text-align:center;  height:63px; line-height:63px; box-sizing:border-box; }
#menu #gnb .web_menu .depth01 ul li a {font-size:17px !important; }

#menu #gnb .web_menu .depth01 ul li a:link {font-size:17px !important; }



#menu #gnb .web_menu .depth01 ul li:hover, 
#menu #gnb .depth01 ul li.on {}
#menu #gnb .web_menu .depth01 ul li a {display:inline-block; height:63px; width:100%; color:#fff;}
#menu #gnb .web_menu .depth01 ul li:hover a, 
#menu #gnb .depth01 ul li.on a {color:#fff;}
#menu #gnb .web_menu .depth01 ul li#menu1 a, 
#menu #gnb .web_menu .depth01 ul li#menu2 a, 
#menu #gnb .web_menu .depth01 ul li#menu3 a{height: 54px; margin-top: 9px;    line-height: 54px;}

#menu #gnb .web_menu .depth01 ul li#menu1 a:hover, 
#menu #gnb .web_menu .depth01 ul li#menu2 a:hover, 
#menu #gnb .web_menu .depth01 ul li#menu3 a:hover{
	background:#155177;
}

#menu #gnb .web_menu .depth01 ul li#menu4 a,
#menu #gnb .web_menu .depth01 ul li#menu5 a,
#menu #gnb .web_menu .depth01 ul li#menu6 a{ float: left;height: 54px; margin-top: 0px;    line-height: 54px;}

#menu #gnb .web_menu .depth01 ul li#menu4 a:hover, 
#menu #gnb .web_menu .depth01 ul li#menu5 a:hover, 
#menu #gnb .web_menu .depth01 ul li#menu6 a:hover{
	background:#345400;
}
#menu #gnb .web_menu .depth02_bg {
	display:none;
	transition:height 400ms ease-in-out;
	}
#menu #gnb .web_menu .depth02_bg {width:100%; min-height:580px; background-color:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; display:inline-block; z-index:999; }
#menu #gnb .web_menu .depth02_bg .depth02_wrap {width:1200px; margin:0 auto;}
#menu #gnb .web_menu .depth02_bg .depth02_wrap .depth02 {width:100%; min-height:620px; background:url('/images/depth02_bg.png') repeat-y 0 0; position:relative; display:inline-block; z-index:999;}
#menu #gnb .web_menu .depth02_bg .depth02_wrap .depth02 > ul {float:left; min-height:620px; width:calc( 100% / 6 ); box-sizing:border-box; padding-top:5px; border-left:1px solid #ccc;}
#menu #gnb .web_menu .depth02_bg .depth02_wrap .depth02 > ul:hover {background-color:#f9f9f9;}
#menu #gnb .web_menu .depth02_bg .depth02_wrap .depth02 > ul:last-child { border-right:1px solid #ccc;}
#menu #gnb .web_menu .depth02_bg .depth02_wrap .depth02 > ul > li > a {display:inline-block; width:100%; line-height:40px; box-sizing:border-box; font-size:15px; padding:0 0 0 12px;}
#menu #gnb .web_menu .depth02_bg .depth02_wrap .depth02 > ul > li.plus > a {background:url("/images/plus_icon.png") no-repeat 95% center;}
#menu #gnb .web_menu .depth02_bg .depth02_wrap .depth02 > ul > li:hover > a, 
#menu #gnb .depth02_wrap .depth02 > ul > li.on > a {color:#006766; background:url("/images/plus_icon.png") no-repeat 95% center;}
#menu #gnb .web_menu .depth03 {border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
#menu #gnb .web_menu .depth03 > li {padding:0 0 0 25px; width:100%; box-sizing:border-box; display:inline-block; background-color:#f9f9f9; font-size:13px;}
#menu #gnb .web_menu .depth03 > li > a {background:url("/images/depth03_bull.png") no-repeat left center; padding:0 0 0 10px; line-height:25px; display:inline-block; box-sizing:border-box;}
#menu #gnb .web_menu .depth02_bg.hide {
    height:0px;
    transition: height, 0.5s linear;
}
#menu #gnb .web_menu .depth02_bg.hide.open {
        height:580px;
    transition: height, 0.5s linear;
    }




@media screen and (max-width:1200px){
#menu #gnb .web_menu .depth01 ul {width:100%; margin:0 auto;}
#menu #gnb .web_menu .depth02_bg .depth02_wrap {width:100%; margin:0 auto;}
#menu #gnb .web_menu .depth02_bg .depth02_wrap .depth02 {background:none;}
}



.searchopen{display:block; position:absolute; right:20px; top:20px;}
.search_tbox{display:none; position:relative; right:0px; top:90px; width:100%; height:125px; padding:20px 3%; background:#006666; box-sizing:border-box; }
.search_tbox input[type="text"]{float:left; box-sizing:border-box;width:calc( 100% - 50px ); height:47px; padding:5px 10px; font-weight:normal; font-size:14px; border:none; color:#808080; background:#fff;}
.search_tbox input[type="submit"]{float:left; box-sizing:border-box; width:50px; height:47px; background:url(../images/submit_search.png) no-repeat; font-size:0px; border:0px;}
.search_tbox img.searchopen {position:absolute; left:calc( 50% - 29px);   bottom:0px; top:94px;}

/* 메인용 */
.mpc #global h1 .max{display:none;}
.mpc #global h1 .min{display:block;}
.mpc #global .allso365 { top:45px;left: 260px}
.mpc #global .allso365 a .max{display:none;}
.mpc #global .allso365 a .min{display:block;position:absolute;margin-left:90px;}
.menuopen{display:none; position:absolute; left:20px; top:25px;}
.pc .searchopen{display:none;}
.mpc .searchopen{display:none;}
.mpc #header{height:59px;}
.mpc #menu .menu_bg{top:59px;}
.mpc #menu{height:59px;}
#menu #gnb{}
.mpc #menu #gnb ul li{height:59px;}
.mpc #menu #gnb ul li a{line-height:59px;}
.mpc #menu #gnb ul li ul{top:64px;}
.mpc #menu #gnb ul li ul li{height:auto;}
.mpc #menu #gnb ul li ul li a{line-height:16px;}
.mpc #menu #gnb ul li ul li ul{top:0;}
.mpc #menu .menuopen{display:none; position:absolute; right:20px; top:10px;}
.mpc #menu .menu_bg .bg,
.mpc #menu .menu_bg .bg2{bottom:59px;}

@media screen and (max-width:1320px){
	#menu #gnb ul li a{padding:0;}
	#menu #gnb ul a img.all_menu{padding-left:20px;}
	#menu #gnb ul li ul{left:124px;}
}

@media screen and (max-width: 1200px){
#menu #gnb ul li a{padding:0px;}
}

@media screen and (min-width: 1200px){
#menu.menu1 .menu_bg{}
#menu.menu1 .menu_bg .bg,
#menu.menu1 .menu_bg .bg2,
#menu.menu1 .gnb_btn{display:none;}
#menu.menu1 #gnb ul li:first-child ul{left:0; width:100%; height:390px !important; padding:0; border:none; background:url("/images/kor/layout/menu1_bg2.png") no-repeat center top;}
#menu.menu1 #gnb ul li:first-child strong{display:inline-block; left:50%; width:405px; height:129px; line-height:169px; padding-right:162px; margin-left:-283px; font-size:29px; color:#fff; background:url("/images/kor/layout/menu1_text.png") no-repeat right top;}
#menu.menu1 #gnb ul li:first-child p{left:0; top:205px; width:100%; text-align:center; font-size:15px; color:#fff;}
#menu.menu1 #gnb ul li:first-child ul,
.mpc #menu.menu1 #gnb ul li ul{top:257px; width:100%; text-align:center;}
#menu.menu1 #gnb ul li:first-child ul li,
.mpc #menu.menu1 #gnb ul li ul li{display:inline-block; float:none; width:194px; height:163px; background:url("/images/kor/layout/menu1_li.png") no-repeat center top;}
#menu.menu1 #gnb ul li:first-child ul li:hover,
.mpc #menu.menu1 #gnb ul li ul li:hover{background:url("/images/kor/layout/menu1_li_ov.png") no-repeat center top;}
#menu.menu1 #gnb ul li:first-child ul li a{display:block; width:100%; height:100%; padding:112px 0px 0px 0px; font-size:16px; text-align:center; color:#404040; box-sizing:border-box;}
#menu.menu1 #gnb ul li:first-child ul li a:hover{text-decoration:underline;}
#menu.menu1 #gnb ul li:first-child ul li.menu1_1 a{background:url("/images/kor/layout/menu_li_icon_01.png") no-repeat center -10px;}
#menu.menu1 #gnb ul li:first-child ul li.menu1_2 a{background:url("/images/kor/layout/menu_li_icon_02.png") no-repeat center -10px;}
#menu.menu1 #gnb ul li:first-child ul li.menu1_3 a{background:url("/images/kor/layout/menu_li_icon_03.png") no-repeat center -10px;}
#menu.menu1 #gnb ul li:first-child ul li.menu1_4 a{background:url("/images/kor/layout/menu_li_icon_04.png") no-repeat center -10px;}
}
#navibox{position:relative; height:50px; background:#f1f1f1;}
#navibox #navi{position:absolute; right:0px; top:0px; line-height:18px; padding:13px 20px 0px 0px;}
#navibox #navi ul{display:inline-block; padding-left:12px; vertical-align:middle; background:url("/images/kor/layout/icon_home.gif") no-repeat 0px 1px;}
#navibox #navi ul li{float:left; padding-left:21px; font-size:14px; color:#404040; background:url("/images/kor/layout/icon_bar.gif") no-repeat 9px 3px;}
#navibox #navi .navi_option{display:inline-block; padding-left:0; margin-top:3px; background:none;}
#navibox #navi .navi_option li{position:relative; float:left; padding:0px 10px; color:#404040; background:url("/images/kor/layout/icon_bar2.gif") no-repeat left 2px;}
#navibox #navi .navi_option li:first-child{background:none;}
#navibox #navi .navi_option li .gong_list{
display:none; position:relative; width:68px; height:29px; padding:5px 0px 0px 0px; margin-top:-8px; margin-left:9px; text-align:center; background:#fff;
border-radius:15px;
}
#navibox #navi .navi_option li .gong_list .arrow{position:absolute; left:-9px; top:0; width:9px; height:34px; background:url("/images/kor/layout/gong_arrow_l.png") no-repeat left center;}
#navibox #navi .navi_option li .gong_list a{display:inline-block; float:none; width:23px; height:23px; padding:0; background:none;}
#container{background:#fff;}
#container .layout{overflow:hidden; background:url("/images/kor/layout/container_bg.gif") repeat-y 20px top;}
#remote{position:absolute; left:20px; top:0; width:246px; padding:0px 30px 0px 1px;}
#remote h2{width:215px; height:59px; line-height:30px; padding-top:110px; font-weight:600; font-size:28px; text-align:center; color:#fff;}
#remote #lnb{width:215px;}
#remote #lnb ul{}
#remote #lnb ul li{border-bottom:1px solid #e5e6e6;}
#remote #lnb ul li a{display:block; line-height:22px; padding:20px 40px 20px 19px; font-size:17px; text-decoration:none;}
#remote #lnb ul li a:link,
#remote #lnb ul li a:visited,
#remote #lnb ul li a:active{font-weight:normal; color:#202020; background:#fff url("/images/kor/layout/lnb_1dep.gif") no-repeat right center;}
#remote #lnb ul li a:hover,
#remote #lnb ul li a.ov:link,
#remote #lnb ul li a.ov:visited,
#remote #lnb ul li a.ov:active,
#remote #lnb ul li a.ov:hover{font-weight:600; color:#fff; background:#49494a url("/images/kor/layout/lnb_1dep_ov.gif") no-repeat right center;}
#remote #lnb ul li a.hit:link,
#remote #lnb ul li a.hit:visited,
#remote #lnb ul li a.hit:active,
#remote #lnb ul li a.hit:hover{font-weight:600; text-decoration:none; color:#fff; background:url("/images/kor/layout/lnb_1dep_ov.gif") no-repeat right center;}
#remote #lnb ul li a.solo:link,
#remote #lnb ul li a.solo:visited,
#remote #lnb ul li a.solo:active{font-weight:normal; color:#202020; background:url("/images/kor/layout/lnb_1dep_on.gif") no-repeat right center;}
#remote #lnb ul li a.solo:hover,
#remote #lnb ul li a.solo.hit:link,
#remote #lnb ul li a.solo.hit:visited,
#remote #lnb ul li a.solo.hit:active,
#remote #lnb ul li a.solo.hit:hover{font-weight:600; color:#fff; background:url("/images/kor/layout/lnb_1dep_ov_solo.gif") no-repeat right center;}
#remote #lnb ul li ul{padding:15px 0px 18px 0px; background:#f2f2f2}
#remote #lnb ul li ul li{border-bottom:none;}
#remote #lnb ul li ul li a{line-height:18px; padding:5px 0px 5px 28px; font-weight:normal; font-size:14px;}
#remote #lnb ul li ul li a:link,
#remote #lnb ul li ul li a:visited,
#remote #lnb ul li ul li a:active{color:#404040; background:url("/images/kor/layout/lnb_2dep.gif") no-repeat 19px 11px;}
#remote #lnb ul li ul li a:hover,
#remote #lnb ul li ul li a.ov:link,
#remote #lnb ul li ul li a.ov:visited,
#remote #lnb ul li ul li a.ov:active,
#remote #lnb ul li ul li a.ov:hover,
#remote #lnb ul li ul li a.hit:link,
#remote #lnb ul li ul li a.hit:visited,
#remote #lnb ul li ul li a.hit:active,
#remote #lnb ul li ul li a.hit:hover{font-weight:600; color:#1d70a7; background:url("/images/kor/layout/lnb_2dep_ov.gif") no-repeat 19px 11px;}
#content{padding-left:266px;}
#content h3{line-height:34px; padding:20px 0px; font-weight:600; font-size:34px; border-bottom:1px solid #bdbdbd; color:#202020;}
#txt{min-height:800px; line-height:21px; padding:40px 0px; font-size:14px; color:#404040;}
#footer_line{background:#f5f5f5 url("/images/kor/layout/footer_linebg.gif") repeat-x left top;}
#footer_line ul{overflow:hidden; border-left:1px solid #dbdbdb;}
#footer_line ul li{overflow:hidden; float:left; width:20%;}
#footer_line ul li a{display:block; height:43px; line-height:43px; font-size:13px; text-align:center;  border-right:1px solid #a3a5a7; color:#fff; background:#727272;}
#footer_line ul li ul{overflow:hidden;}
#footer_line ul li .scroll{overflow-x:hidden !important; overflow-y:hidden !important; height:245px; margin:5px 0px;}
#footer_line ul li .scroll ul{border:none;}
#footer_line ul li .scroll ul li{float:left; width:100%;}
#footer_line ul li .scroll ul li a{height:auto; line-height:22px; padding-left:25px; text-align:left; border:none; color:#505050; background:url("/images/kor/layout/footer_line_bul.gif") no-repeat 14px 10px;}
#footer_line ul li .scroll ul li a:focus{background-color:#e1e1e1;}
#footer_line ul li .scroll{border-right:1px solid #dbdbdb;}
/* scroll */
#footer_line .mCustomScrollBox:focus{background-color:#e1e1e1;}
#footer_line .mCSB_container{margin-right:10px;}
#footer_line .mCSB_scrollTools{width:5px; margin-right:5px; opacity:1;}
#footer_line .mCSB_draggerContainer{margin:0px;}
#footer_line .mCSB_dragger_bar{
width:100%; background:#b6b6b6;
border-radius:2px;
}
#footer_line ul li:hover .mCSB_dragger_bar{background:#727272;}
#footer{padding-bottom:20px; border-top:1px solid #d3d7db; background:#fff;}
#footer #footer_menu{overflow:hidden; padding:20px 0px 15px 0px;}
#footer #footer_menu li{float:left; padding:0px 19px; background:url("/images/kor/layout/footer_menu_bar.gif") no-repeat left 6px;}
#footer #footer_menu li:first-child{padding-left:0px; background:none;}
#footer #footer_menu li a{font-size:13px; color:#404040;}
#footer #footer_menu li a.on{font-weight:600; color:#303030;}
#footer p,
#footer address{font-size:12px; color:#606060;}
@media screen and (min-width: 1200px){
 .search_tbox{display:none !important;}
}

@media screen and (max-width: 1200px){
#top_head .width_100p{display:none;}

.newmgnb_wrap{display:none;}



/* 테블릿전환 */
body{overflow:visible;}
#global h1{left:50%; top:39px; width:172px; margin-left:-86px;}
#global h1 img{width:100%;}
#menu #gnb .allso365_m {display:block;}
#global  .allso365{display:none;}
#global .siteoption{display:none;}
#wrap{position:relative;} 
#menu{overflow:visible !important; height:89px !important; top:0px;} 
/*contents{margin-top:66px;}*/
 .menuopen{display:none;}
#top_head #m_logo{display:block; top:25.5px;}
#top_head #m_logo a { display : block; width : 190px; height : 28px; background : url(../images/logo.png) no-repeat; background-size:190px 28px; font-size : 0; line-height : 0; }
#menu .menu_all{display:block;}
#menu .menu_bg{display:none;}
#menu #gnb{overflow:hidden; display:none; position:absolute; left:0px; float:none; width:0px; /*padding:90px 0 0 0;*/}
#menu #gnb .title2{display:block; padding:0px 30px;}
#menu #gnb .title2 a{display:block; height:33px; line-height:33px; margin-bottom:5px; text-align:center; text-decoration:none; font-weight:normal; font-family:"Tahoma"; border:1px solid #b8dbf2; color:#ffffff;}
#menu #gnb .title2 a.assembly{font-weight:600; border:1px solid #f2cc45; color:#ffd236;}
#menu #gnb .title2 a.assembly span{display:inline-block; padding-left:22px; background:url("/images/kor/layout/assembly.png") no-repeat left center !important;}
#menu #gnb .title2 ul{overflow:hidden; width:auto; padding:17px 0px 20px 0px;}
#menu #gnb .title2 ul li{float:left; padding-left:25px; background:url("/images/kor/layout/title2_bar.gif") no-repeat 13px 4px;}
#menu #gnb .title2 ul li:first-child{padding-left:0px; background:none;}
#menu #gnb .title2 ul li a{height:auto; line-height:14px; padding:0; font-weight:normal; font-family:"Tahoma"; font-size:13px; color:#fff; border:none; background:none !important;}
#menu #gnb .title2 ul li a:hover{text-decoration:underline;}
#menu #gnb .icon{display:none;}

#menu #gnb > ul > li {display:block;}
#menu #gnb .web_menu {display:none;}

#menu #gnb ul{width:246px;}
#menu #gnb ul a img.all_menu{display:none;}
#menu #gnb ul li{float:left; height:auto; width:100%;}
#menu #gnb ul li a{padding:0 18px;}
#menu #gnb ul li a{line-height:42px; height:42px; font-weight:normal; font-size:15px; border-bottom:1px solid #fff; display:block;}
#menu #gnb ul li a:link,
#menu #gnb ul li a:visited,
#menu #gnb ul li a:active{color:#fff; background:#336699;}
#menu #gnb ul li a:hover,
#menu #gnb ul li a.on:link,
#menu #gnb ul li a.on:visited,
#menu #gnb ul li a.on:active,
#menu #gnb ul li a.on:hover{color:#fff; text-decoration:none; background:#336699;}
#menu #gnb ul li ul{position:relative; left:auto; top:auto; padding:0; border:none; box-sizing:border-box; width:100%;}
#menu #gnb ul li ul li{float:none; height:auto; padding:0; margin:0; background:url("../images/gnb_dep3_bul2.png") no-repeat; background-position:20px;}
#menu #gnb ul li ul li a{line-height:42px; height:42px; padding:0px; padding-left:20px; font-weight:normal; font-size:14px; }
#menu #gnb ul li ul li a:link,
#menu #gnb ul li ul li a:visited,
#menu #gnb ul li ul li a:active{color:#606364	; background:#ebebeb url("../images/mobile_gnb_dep3_bul2.png") no-repeat; background-position:221px;}
#menu #gnb ul li ul li a:hover,
#menu #gnb ul li ul li a.on:link,
#menu #gnb ul li ul li a.on:visited,
#menu #gnb ul li ul li a.on:active,
#menu #gnb ul li ul li a.on:hover,
#menu #gnb ul li ul li a.child:hover,
#menu #gnb ul li ul li a.child.on:link,
#menu #gnb ul li ul li a.child.on:visited,
#menu #gnb ul li ul li a.child.on:active{font-weight:600; color:#336699; background:#ebebeb url("../images/mobile_gnb_dep3_bul2_ov.png") no-repeat; background-position:221px}
#menu #gnb ul li ul li ul{position:relative; left:auto; top:auto; width:auto; padding:0px;  background:#ebebeb;}
#menu #gnb ul li ul li ul li{border-bottom:none;}
#menu #gnb ul li ul li ul li a{padding:0px 0px 0px 30px; font-weight:normal; font-size:13px; border-bottom:none;}
#menu #gnb ul li ul li ul li a:link,
#menu #gnb ul li ul li ul li a:visited,
#menu #gnb ul li ul li ul li a:active{color:#336699; background:none;}
#menu #gnb ul li ul li ul li:last-child{border-bottom:1px solid #ccc;}

#menu #gnb ul li ul li ul li a:hover,
#menu #gnb ul li ul li ul li a.on:link,
#menu #gnb ul li ul li ul li a.on:visited,
#menu #gnb ul li ul li ul li a.on:active,
#menu #gnb ul li ul li ul li a.on:hover{font-weight:600; color:#336699;/* background:url("../images/gnb_dep3_bul2.png") no-repeat;*/ background-position:40px;}
#navibox #navi .navi_option li{display:none;}
#navibox #navi .navi_option li:first-child{display:block;}
#remote{display:none;}
#content{padding-left:0px;}
#container .layout{background:none;}
#footer_line .layout{padding:0;}
#footer_line ul li{width:33.3%;}
#footer_line ul li a{border-bottom:1px solid #a3a5a7;}
}
@media screen and (max-width:640px){
	#top_head #m_logo{top:33.5px;}
	#top_head #m_logo a { display : block; width : 190px; height : 28px; background : url(../images/logo.png) no-repeat; background-size:190px 28px; font-size : 0; line-height : 0; }
}

@media screen and (max-width: 500px){
#global h1{top:49px; width:140px; margin-left:-70px;}
#global .sitelink{width:100%;}
#global .sitelink li{width:33.3%;}
/*.search_tbox{right:0; width:100%; height:47px; box-sizing:border-box;}
.search_tbox input[type="text"]{width:100%; height:39px; padding:5px 61px 5px 10px; box-sizing:border-box;}*/
#navibox{height:90px;}
#navibox #navi{right:auto; left:0px; width:100%; padding:13px 0 0 0;}
#navibox #navi .navi_option{position:absolute; right:0; top:50px; margin-top:0; padding:5px 0px; background:#f1f1f1;}    
#navibox #navi ul:first-child{margin-left:20px;}
#navibox #navi .navi_option li .gong_list{position:absolute; left:-75px; top:-7px; margin-top:0px; margin-left:0px; margin-right:9px;}
#navibox #navi .navi_option li .gong_list .arrow{left:auto; right:-9px; top:0px; width:9px; height:34px; background:url("/images/kor/layout/gong_arrow_r.png") no-repeat center top;}
#footer_line ul li{width:50%;}    
}

/*신규 메뉴*/

					.maxwid{ width: 1200px;margin: 0 auto; }
					.mgnb > li{height:64px ;text-align:center;line-height:18px;float:left;}
					.mgnb > li ul{padding-top:15px ;display:none;position: relative;height:627px;z-index: 9999;border-right:1px solid #ccc;}
					#pc_menu > div.maxwid > ul > li.m1.m > ul{border-left:1px solid #ccc;}
					.mgnb > li.m1, .mgnb > li.m2, .mgnb > li.m3, .mgnb > li.m4, .mgnb > li.m5, .mgnb > li.m6{width: calc( ( 100% ) / 6 ) ;}
					.mgnb > li.m1, .mgnb > li.m2, .mgnb > li.m3{ background:#0050c4; color:#fff;}
					.mgnb > li.m4, .mgnb > li.m5, .mgnb > li.m6{ background:#006357; color:#fff;}
					.mgnb > li.m1 ul li, .mgnb > li.m2 ul li, .mgnb > li.m3 ul li, .mgnb > li.m4 ul li, .mgnb > li.m5 ul li, .mgnb > li.m6 ul li{width: 100%; ;text-align:left;line-height:1.5em;font-size:14px;}
					#gnb > div > div.maxwid > ul > li.m1.m > ul{border-left:#ccc solid 1px;}
					.mgnb > li > a{font-size:18px ;display: inline-block; width: 100%; height:18px; margin:23px 0;  color:#fff;}
					
					.mgnb > li.m1:hover, .mgnb > li.m2:hover, .mgnb > li.m3:hover{ background:#001a40; }
					.mgnb > li.m4:hover, .mgnb > li.m5:hover, .mgnb > li.m6:hover{ background:#00342e; }
					.mgnb > li > ul > li{padding-bottom:11px ;float:left;position:relative; padding-left:8px;}
					.mgnb > li > ul > li a{color:#555555;}
					.mgnb > li > ul:hover{background:#f1f1f1;}
					.mgnb > li > ul > li a:hover{color:rgb(85,195,25);text-decoration:underline;color:#0049b4;}
					.mgnb_bg{display:none;background:rgb(255,255,255);left:0px ;top:-2px;width:100%;height:630px ;margin-top:64px ;border-top-color:rgb(204,204,204);border-bottom-color:rgb(204,204,204);border-top-width:1px ;border-bottom-width:1px ;border-top-style:solid ;border-bottom-style:solid ;position:absolute;}

					.newmgnb_wrap{
						background: rgb(255, 255, 255);
						background: -moz-linear-gradient(0deg, rgba(0, 80, 196, 1) 0%, rgba(0, 80, 196, 1) 600px, rgba(0, 99, 87, 1) 600px, rgba(0, 99, 87, 1) 100%);
						background: -webkit-linear-gradient(0deg, rgba(0, 80, 196, 1) 0%, rgba(0, 80, 196, 1) 600px, rgba(0, 99, 87, 1) 600px, rgba(0, 99, 87, 1) 100%);
						background: linear-gradient(90deg, rgba(0, 80, 196, 1) 0%, rgba(0, 80, 196, 1) 600px, rgba(0, 99, 87, 1) 600px, rgba(0, 99, 87, 1) 100%);
					}