/* (주)한신정보기술  / 2016-10 */

body{position:relative;font-size:14px;line-height:1.6em;color:#555;font-family:'NanumS', 'Malgun Gothic', '맑은 고딕' , Dotum, '돋움', Helvetica, AppleSDGothicNeo,sans-serif;}
.wrap{position:relative;width:1200px;margin:0 auto;}
@media only screen and (max-width:1000px) {
	.wrap{width:100%;}
}


/* Header */
#header{position:relative;z-index:100;height:190px; }
#header .gnb{position:relative;background:#1b293c;height:40px; text-align:center;}
#header .gnb li {position:relative; text-align:center; display:inline-block; line-height:38px; height:40px; }
#header .gnb li a {padding:0 40px; background:#0c1828; display:inline-block; height:100%; color:#fff;font-family:"OpenB"; border-left:1px solid #1b293c}
#header .gnb li a i {width:21px; height:13px; display:inline-block; margin:0 7px 0 0; vertical-align:middle; background-image:url('../images/common/header_icon.png'); background-repeat:no-repeat;}
#header .gnb li a i.flag_1 {background-position:0 top;}
#header .gnb li a i.flag_2 {background-position:-31px top;}
#header .gnb li a i.flag_3 {background-position:-62px top;}
#header .gnb li.on a {background:#008457; text-decoration:underline}
#header .gnb li.on a:after {content:""; position:absolute; bottom:0px; left:50%; margin:0 0 0 -6px; display:inline-block; width:13px; height:6px; background:url('../images/common/header_icon.png') no-repeat -99px top}
#header .logo{position:absolute;left:0px;top:10px; z-index:999}
#header .logo a{display:inline-block;}
#header .logo a img {vertical-align:top}
#header .logo a span.text {font-size:23px; display:inline-block; vertical-align:top; padding:43px 0 0 13px; margin:0 0 0 7px; background:url('../images/common/logo_line.gif') no-repeat left 45px;}

#header .logo_navi {height:100px; position: relative;}
#header .gnb_navi {position:absolute; top:45px; right:0px}
#header .gnb_navi li{display:inline-block;float:left;background: url("../images/common/gnb_line.gif") no-repeat scroll left 50%;margin:0 0 0 14px;padding: 0 0 0 18px;}
#header .gnb_navi li:first-child {background:none;}
#header .gnb_navi li a{color:#333;font-size:13px;font-weight:bold; text-decoration:none}
#header .gnb_navi .language{margin: 0;width:111px;position: relative;background:url("../images/common/lang_bg.png") no-repeat left 8px;}


@media only screen and (max-width:970px) {
	#header .search{left:33%;}
}
@media only screen and (max-width:1000px) {
	#header{height:155px;border-bottom:2px solid #365596;  width: 100%; overflow: hidden;}
	#header .logo{ top:0px; left:0px; width:100%; z-index:800; text-align:center;}
	#header .logo img{padding-top:12px;}

	#header .gnb_navi{position:fixed;float:none;left:-280px;top:0;background:#2265bd;width:225px;z-index:1000;padding-bottom:71px;}
	#header .gnb_navi .home{position:absolute;left:26px;bottom:20px;background:none;height:32px;width:78px;padding:0;margin:0;border: 1px solid #a2c1ea; border-radius: 20px;}
	#header .gnb_navi .home a{display:block;text-align:center;height:32px;line-height:32px; color:#fff;}
	#header .gnb_navi .site{position:absolute;right:26px;bottom:20px;background:none;height:32px;width:78px;padding:0;margin:0; border: 1px solid #a2c1ea; border-radius: 20px;}
	#header .gnb_navi .site a{display:block;text-align:center;height:32px;line-height:32px; color:#fff;}
}
@media only screen and (max-width:685px) {
	#header .weather_air {display:none}
	#header .logo {top:12px}
	#header .logo a img {vertical-align:top; height:60px; margin:5px 0 0 0;}
	#header .logo a span.text {font-size:18px; display:inline-block; vertical-align:top; padding:44px 0 0 10px; margin:0 0 0 5px; background:url('../images/common/logo_line.gif') no-repeat left 47px;}
	#header .gnb li a {padding:0 20px}
}

@media only screen and (max-width:410px) {
	#header .gnb li a {padding:0 10px; font-size:13px}
}

/* 메뉴 */
#lnb { height:50px;  background:#0058a8; z-index:920;width:100%; position:relative;   }
#lnb .top1menu{width:1200px;margin:0 auto; padding:0; box-sizing:border-box}
#lnb .top1menu > li{ display: inline-block; width:20%; float: left; margin: 0;padding: 0; }
#lnb .top1menu > li:first-child a {border-left:1px solid #307dc6}
#lnb .top1menu .depth1_ti{border-right:1px solid #307dc6;  display:block;font-size:16px;line-height:50px;height:50px; padding:0; width:100%; letter-spacing:-0.03em; color:#fff;text-align:center; text-decoration:none;font-weight:bold; font-family:"OpenB"; box-sizing:border-box}
#lnb .top1menu .depth1.on .depth1_ti{color:#fbfea4;}
#lnb .top1menu .depth1.on .depth1_ti span{display:inline-block;height:76px;}
#lnb ul li > div{display:none;}
#lnb ul .top2m {display:none;position:absolute;z-index:300;left:0; top:50px;width:100%; box-sizing:border-box;background:#1a77b7; padding:15px 0 }
#lnb ul .top2m .menu_bg{position:relative;z-index:920;width:1200px;margin:0 auto;padding-left:0;}
#lnb ul .top2m2 {display:none;position:absolute;z-index:300;left:0;top:62px;width:100%; min-height:100px; height:134px !important;  box-sizing:border-box;background:#048f49;}
 
#lnb .top1menu ul li {display:inline-block } 
#lnb .top1menu ul li a{color:#fff; padding:5px 10px}
#lnb .top1menu .depth1.last .depth1_ti span {color:#ffed51;}
#lnb .top1menu .depth1.last .depth1_ti span:before {content:""; width:22px; height:24px; margin:0 5px 0 0; display:inline-block; background:url('../images/common/header_icon.png') no-repeat -169px -1px; vertical-align:middle}

/* 중문 */
#lnb.lang_china .depth1_0 .depth2 {margin:0 0 0 0px}
#lnb.lang_china .depth1_1 .depth2 {margin:0 0 0 200px}
#lnb.lang_china .depth1_2 .depth2 {margin:0 0 0 250px}
#lnb.lang_china .depth1_3 .depth2 {margin:0 0 0 790px}
#lnb.lang_china .depth1_4 .depth2 {margin:0 0 0 920px}
/* 영문 */
#lnb.lang_japan .depth1_0 .depth2 {margin:0 0 0 0px}
#lnb.lang_japan .depth1_1 .depth2 {margin:0 0 0 200px}
#lnb.lang_japan .depth1_2 .depth2 {margin:0 0 0 220px}
#lnb.lang_japan .depth1_3 .depth2 {margin:0 0 0 790px}
#lnb.lang_japan .depth1_4 .depth2 {margin:0 0 0 920px}
/* 일문 */
#lnb.lang_english .depth1_0 .depth2 {margin:0 0 0 0px}
#lnb.lang_english .depth1_1 .depth2 {margin:0 0 0 100px}
#lnb.lang_english .depth1_2 .depth2 {margin:0 0 0 140px}
#lnb.lang_english .depth1_3 .depth2 {margin:0 0 0 710px}
#lnb.lang_english .depth1_4 .depth2 {margin:0 0 0 770px}


.lnb_m_nav, .mask, .lnb_logo, .lnb_close{display:none}

@media only screen and (min-width:1000px) {
	.depth2 li ul {display:none !important}
}


@media only screen and (max-width:1200px) {
#lnb .top1menu {width:100%}
#lnb .tm1_title {display:none}
#lnb ul .top2m {background: #fff url("../images/common/depth2_bg.png") no-repeat right bottom;}
#lnb ul .top2m .menu_bg {width:100%; padding:0px;}
#lnb ul .top2m2 {background: #7db629;}
#lnb ul .top2m2 .menu_bg2 {width:100%}
#lnb ul .top2m.top2m2 ul li {margin:0px; width:14%}
}


@media only screen and (max-width:950px) {
#lnb .menu_bg2 .depth2 {margin:0px; padding:0px}
#lnb ul .top2m.top2m2 ul li {    border-top: none; width:auto;  border-bottom: solid 1px #303e62; height:auto; text-align:left;      display: block;    float: none;    width: 100%;    background: #4263a5; border-radius:0px;}
#lnb ul .top2m.top2m2 ul li a  {    background: #0a1f4a url(../images/common/topmenu_m_depth2_blt.png) no-repeat right 50%;     display: block !important;    padding: 13px 8% 12px 25px !important; border:none; border-radius:0px;    color: #fff;    text-align: left;    font-size: 1.1em;
    text-decoration: none;}
#lnb ul .top2m.top2m2 ul li ul li{display:inline-block;padding:9px 0 9px 36px; width:189px;background: url(../images/common/topmenu_depth3_blt.png) no-repeat 26px 17px;}
#lnb ul .top2m.top2m2 ul li ul li a {padding:0px !important; background:none;}
#lnb ul .top2m.top2m2 ul li ul li a{padding:0px;color:#c0dfff;font-size:1em;text-align:left; float:left; }

}
@media only screen and (max-width:1000px) {
	#lnb {z-index:9999}
	#lnb .top1menu .depth1 {width:100%;}
	.lnb_m_nav {display:block;position:absolute; top:82px;left:15px;z-index:910;}
	.lnb_m_nav .open{width:35px;height:35px;background: url('../images/common/topmenu_m_btn_open.png') no-repeat center center;font-size: 0;background-size:100%;}
	.openM .lnb_m_nav{z-index:90;}
	#header .gnb_navi li.login {display:none}
	#lnb {border:none;}
	#lnb .top2mbg{display:none}
	#lnb {overflow-y:scroll; position:fixed; top:71px; left:-280px; width:225px; height:calc(100% - 71px);}
	#lnb .top1menu{z-index:930; height:100%; background-color:#fff; padding:0px}
	#lnb .top1menu li{display:block;float: none; width:100%;background:#fff;}

	#lnb .top1menu > li:first-child a {border:none}
	#lnb .top1menu > li{border-bottom:1px solid #e6e6e6;}
	#lnb .top1menu .depth1_ti{margin:0;padding-left:5%; padding-right:20px; border:none; background: url('../images/common/topmenu_m_depth1_blt.png') no-repeat right 50%;text-align:left; box-sizing:border-box; height:auto; line-height:18px;padding:15px 20px 15px 25px;color:#333;font-weight:400;font-size:1.1em;}
	#lnb .top1menu .depth1_ti:hover{background: url('../images/common/topmenu_m_depth1_blt.png') no-repeat right 50% #e8ebef; color:#333}
	#lnb .top1menu .depth1_ti:hover span{height:55px;border-bottom:none;}
	#lnb .top1menu .top2m div{border:none;background:#e1e6ee;padding:0;width:100%;}
	#lnb ul .top2m{position:static;left:0;top:0; padding:0px}
	#lnb .top1menu ul li a:hover{background-color:#626975}

	#lnb .top1menu ul {margin:0;padding:0;}
	#lnb .top1menu ul li:last-child{border-bottom:none;}
	#lnb .top1menu ul li{margin:0;padding:0; border-top:none;border-bottom:solid 1px #626975;}
	#lnb .top1menu ul li a{display:block; padding:13px 8% 12px 25px;color:#fff;text-align:left; background:#4e535d url('../images/common/topmenu_m_depth2_blt.png') no-repeat right 50%; line-height:25px; font-size:14px; font-weight:normal; text-decoration:none;}


	#lnb .top1menu ul ul{display:none;padding:10px 0;background:#fcffff; }
	#lnb .top1menu ul ul li:first-child{width:189px;}
	#lnb .top1menu ul ul li:hover {background: url(../images/common/board_bu.gif) no-repeat 24px 11px; }
	#lnb .top1menu ul ul li{display:inline-block; padding:0 0 0 36px; background: url(../images/common/board_bu.gif) no-repeat 24px 11px;  border-bottom:none; width:189px;  }
	#lnb .top1menu ul ul li a{ color:#4e535d;  font-size:13px; text-align:left;  padding:0px; background:none}
	#lnb .top1menu ul ul li a:hover {background:none}
	#lnb .top1menu ul ul li ul {background:#eee; margin:0 0 0 -36px}
	#lnb .top1menu ul ul li ul li {background:none; }
	#lnb .depth2 ul li a.blank_menu {padding:0 25px 0 0; background:url('../images/common/blank_icon.gif') no-repeat 160px center;}
	
	#lnb .top1menu .tm1_title{display:none;}
	#lnb ul .top2m{display:block;}

	#lnb ul .m1 ul,	#lnb ul .m2 ul,	#lnb ul .m3 ul,	#lnb ul .m4 ul,	#lnb ul .m5 ul,	#lnb ul .m6 ul,	#lnb ul .m7 ul{margin:0;}
	#lnb ul div.top2m.m5 {border-right:none}
	.lnb_logo{display:block;background:#2b52a7}
	.lnb_logo a{display:block;width:48px;height:48px;background: url(../images/common/btn_home.png) no-repeat 50% 50%;font-size:0}
	.lnb_close {display:block;position:absolute; left:-48px;top:0; background:#2265bd; border-radius: 0 10px 10px 0; z-index:999}
	.lnb_close button{width:48px;height:48px; font-size:0}
	.lnb_close button:before {content:""; width:2px; height:30px; border-radius:2px; display: block; position: absolute; left: 0; right:0px; top: -12px; margin: 0 auto; background-color: #fff; transition: all .4s; transform: translateY(21px) rotate(-315deg);}
	.lnb_close button:after {content:""; width:2px; height: 30px; border-radius:2px; display: block; position: absolute; left: 0; right:0px; top: 5px; margin: 0 auto; background-color: #fff; transition: all .4s; transform: translateY(4px) rotate(315deg);}
		
	#lnb .depth2 li {height:auto !important}
	#lnb .depth2 > li:nth-child(1n+6) {border-top: none; padding:0px; border-bottom: solid 1px #626975;}
	#lnb ul li.part_info li a.tit02:before {display:none}
	#lnb .top1menu ul ul li, #lnb .top1menu  ul ul li:first-child {width:100%}
	.mask{  position: fixed; top: 0; left: 0;  z-index: 900; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
}


/* 풋터 */
#footer {background:#1d2226; height:auto}
.footer_info{ padding:50px 0 30px 20px; font-family:NanumS;font-size:15px;}
.footer_info address {display:inline-block; color:#9a9a9a;}
.footer_info address img{vertical-align:top}
.footer_info p.copy{margin-bottom:17px;color:#9a9a9a;font-size:13px;font-family:OpenB;}
.btn_top{position:absolute;right:0;top:0; }
.btn_top a{display:block;width:92px;height:91px;font-size:0;background:#666666 url("../images/common/btn_top.png") no-repeat 50% 50%}
@media only screen and (max-width:800px) {
	#footer{height:auto}
	.footer_logo{display:none}
	.btn_top a {display:none}
	.footer_nav {position:static;left:0;top:0;padding:15px 3%}
	.footer_info{position:static;left:0;top:0;margin:15px 3% 10px}
}
@media only screen and (max-width:640px) {
}