@charset "euc-kr";

#header_lnb{
	width:100%;
	position:relative;
	margin:0 auto;
	height:30px;
	background-color:#4898d3;
}
.lnb_box{
	width:980px;
	margin:0 auto;
	position:relative;
	color:#fff;
}
.lnb_leftmenu{
	float:left;
	color:#fff;
	border-left:1px solid #75add6;
	border-right:1px solid #75add6;
	height:18px;
	padding:6px 15px;
	font-size:14px;
}
.lnb_leftmenu > p> span{
	color:#fada26;
}
.lnb_menu{
	float:right;
}
.lnb_menu > ul{
	clear:both;
	margin-right:160px;
}
.lnb_menu > ul > li{
	float:left;
	color:#fff;
	padding: 0 15px;
	height:30px;
	background:url('/image/main/lnb_line.jpg') top left no-repeat;
}
.lnb_menu > ul > li > a{
	display:block;
	color:#fff;
	font-size:14px;
	line-height:30px;
}
.lnb_menu > ul > li > a:hover{
	font-weight:bold;
}
.lnb_menu > ul > li.lnb_loginmenu{
	background-color:#205d89;
	display:block;
}
.lnb_menu p{
	width:160px;
	background-color:#fff;
	height:30px;
	float:right;
}
/* gnb  ½ÃÀÛ */

	/* gnb  »çÀÌÆ® º° »ö»ó ¼öÁ¤ */
#header_gnb{background-color:#205d89;}
.gnb-li>a:after{background-color: #205d89;} /*È£¹ö½Ã ÅؽºÆ® ÇÏ´Ü ¶ì ³ªÅ¸³ª´Â ºÎºÐ*/
.license-wrap{background-color: rgba(99,99,99,0.95);}
.license-wrap .lic-tit{border-bottom: 2px solid #4898d3;}

#gnb ul ul a:hover{background-color:#d8eeff;}
.license-wrap .lic-li li:hover a{background-color: #d8eeff;}
	/* gnb  »çÀÌÆ® º° »ö»ó ¼öÁ¤ ³¡*/

#header_gnb{
	width:100%;min-width: 980px;height: 50px; margin: 0 auto;
	position:relative;
	border-top:0px solid #ddd; border-bottom:0px solid #ddd;
	 text-align: left;
	font-family: '¸¼Àº°íµñ','Malgun Gothic','verdana','arial','dotum', 'µ¸¿ò';
	transition: all 0.6s
}
#header_gnb .gnb-wrap{
	width:980px;height: 100%; margin:0 auto;
	position:relative;
	color:#fff; letter-spacing: -0.08px;
	transition: all 0.6s;
}

@keyframes float {
	0% {transform: translateY(0px)}
	50% {transform: translateY(-3px)}
	100% {transform: translateY(0px)}
}
@keyframes twinckle {
	0% {opacity:1}
	50% {opacity:0.2}
	100% {opacity:1)}
}

#gnb{height: 50px;}
#gnb a{color: #fff;}
#gnb>ul{}
.gnb-li{width: 140px;float: left;
    position: relative;
    font-size: 16px;
}
.gnb-li:after{content: ""; display: block;width: 1px;height: 20px; margin-top: -10px;
    background-color: #fff;
    position: absolute; top: 50%;right: 0;
}
#gnb .gnb-li>a{display: block;width: 100%; height: 50px;
    line-height: 50px; text-align: center; font-size: 16px; font-weight: bolder;
	position: relative;
    transition: all 0.5s
}
.gnb-li>a:after{content: ""; display: block;width: 0;height: 3px;
    position: absolute; bottom: 0;left: 50%;
	transition: all 0.3s;
    transform: translateX(-50%);
	}

#gnb .gnb-li>ul{width: 168px;display: none; 
    position: absolute; left: 0;top: 50px; z-index: 100;
    text-indent: 5px;
    background-color: rgba(99,99,99,0.95);
    border: 1px solid #555;
    box-shadow: 3px 3px 15px rgba(0,0,0,0.1)

}
#gnb .gnb-li li{width: 100%;height: 45px}
#gnb .gnb-li li+li{border-top: 1px solid #555}
#gnb .gnb-li li>a{width: 100%;height: 44px; display: block;
    color: #fff; line-height: 44px; font-size: 14px; text-indent: 20px;
    transition: all 0.3s
}

#gnb ul ul a:hover{text-indent: 30px;font-weight: bold; color:#333; text-decoration: none;}
#gnb .gnb-li:hover > a{font-weight: bold;text-decoration: none;}
#gnb .gnb-li:hover > a:after{width: 100%;}



/* ÀÚ°ÝÁõºÎºÐ ½ÃÀÛ */

.license-wrap{width: 980px; height: 790px; padding: 10px 0 0 0px; display:none;
    position: absolute; left: 0;top: 50px; z-index: 10001; color:#fff;
    border: 1px solid #555;
    box-shadow: 3px 3px 15px rgba(0,0,0,0.1);
	box-sizing: border-box;
}
.license-wrap .lic-li{width: 220px;float: left; margin: 0 12px;
    transition: all ease 0.5s
}

	.license-wrap>li:nth-child(1) {position: absolute; bottom: 0;}
	.license-wrap>li:nth-child(2) {position: absolute; left: 244px; bottom: 60px !important;}
	.license-wrap>li:nth-child(3) {position: absolute; left: 0;}
	.license-wrap>li:nth-child(4) {position: absolute; right: 244px;}
	.license-wrap>li:nth-child(5) {position: absolute; left: 244px;}
	.license-wrap>li:nth-child(6) {position: absolute; right: 0px;}

.license-wrap .lic-tit{width: 100%; display: block;
    line-height: 35px; font-size: 18px; font-weight: bolder; color: #fff; letter-spacing: -0.1em; text-decoration:none; text-indent: 20px;
}

.license-wrap .lic-li li{width: 100%;height: 30px; position: relative; line-height: 30px;}

.license-wrap .lic-li ul{padding: 10px 5px 10px 20px;}
.license-wrap .lic-li li a{/* width: 100%; */height: 30px; display: inline-block;
    color: #fff; line-height: 30px; font-size: 16px;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s}



.lic-li li:hover a{font-weight: bold;text-decoration:none;}
.license-wrap .lic-li li:hover a{text-indent: 10px; color: #333}
.license-wrap .lic-li li:hover > .hot-position{right: -10px}

/* ¹îÁö */
.new, .hot{width: 30px;height: 15px;display: inline-block; margin: 0px 0 0px 10px;
    position: relative;
    font-size: 11px;
    text-align: center; line-height: 11px; color: #fff;
    border-radius: 6px;
	transform: translateY(-3px);
	transition: all 0.3s;
    vertical-align: middle !important;
	font-family: "SD_Gothic";
}
.hot-position{position: absolute; top:50%; right: 0px; margin: -4.5px 0 0 10px;}
.new:before, .hot:before{content: "";display: block;
    position: absolute; top: 5px;left: -3px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}
.new{background: #fea50b;}
.hot{background: #db1010;}
.new:before{border-right: 5px solid #fea50b;}
.hot:before{border-right: 5px solid #db1010;}

/* gnb END */