@charset "utf-8";

/* Skip to content */
.skip {
    margin: 0
}
.skip > a {
    display: block;
    overflow: hidden;
    height: 0;
    line-height: 28px;
    text-align: center
}
.skip > a:focus {
    height: auto
}




:root {
	--main-color:#003366;
	--sub-color: #009999;
	--tit-color: #2268c5;
}



/**상단메뉴 하단 전체라인 처리 부분은 여기서 **/

.header {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0 auto;
	background:#fff;
	border-bottom:2px solid var(--main-color);
	font-family: 'Noto Sans KR', sans-serif; 
	box-shadow:10px 0 10px #333;
	z-index:1;

}


.header > .topIndex {
    display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	position:relative;
    z-index: 2;
    width:100%;
	border-top:0px solid #008f91;
	border-bottom:1px solid #ddd;
	height:30px;
	background:linear-gradient(to left,  #fff,#fff);
}


.header > .topIndex > .topIndexInner{
    display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	position:relative;
    z-index: 2;
    width:1240px;
	background:#fff;
	height:30px;
	margin:0px auto;
	box-sizing:border-box;
}


.header > .topIndex > .topIndexInner > .topBiz > ul{
	display:flex;
	margin:0px;
	padding:0px;
	float:left;
	display:block;
	overflow:hidden;
	position:relative;
	height:30px;
}

.header > .topIndex > .topIndexInner > .topBiz > ul > li{
	padding:5px 10px;
	float:left;
	display:block;
	overflow:hidden;
	position:relative;
	border:0px solid #017b7d;
	color:#fff;
	text-align:center;
	background:url(../img/topBiz_body_bg.png)no-repeat left top;
	height:100%;
	box-sizing:border-box;
	margin-right:1px;

}



.header > .topIndex > .topIndexInner > .topBiz > ul > li > a{
	color:#fff !important;
	font-size:12px;
	font-weight:400;
}

.header > .topIndex > .topIndexInner > .topBiz > ul > li:nth-child(1){
	background:#003366;
}

.header > .topIndex > .topIndexInner > .topBiz > ul > li:nth-child(2){
	background:#3399cc;
}


.header > .topIndex > .topIndexInner > .topBiz > ul > li:nth-child(3){
	background:#99cc33;
}




.header > .topIndex > .topIndexInner > .topMiniCall{ /*스크롤링 될때 보여주는 용도*/
	display:none;
}


.header > .topIndex > .topIndexInner > .topMiniTextLogo{ /*스크롤링 될때 보여주는 용도*/
	display:none;
}



/*닫기 관련*/
.blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0
}

/*로그인 부분 안내 */
.edge {
    position: absolute;
    top: 12px;
    right: 4px;
    width: 0;
    height: 0;
    border-width: 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent #333
}




.header > .topIndex > .topIndexInner > .side {  /* 시작시 로그인 버튼 */
    float: right;
    z-index: 2;
    margin: 0px 0px 0 0px;
	padding:0px 0px;
	display:block;
	position:relative;
	border-right:0px solid #e9e9e9;
	height:28px;
	
}

.header > .topIndex > .topIndexInner > .side > ul{ 
    margin: 0px 0px 0 0px;
	padding:0px 0px;
}



/* Login */
.header > .topIndex > .topIndexInner > .side > ul > li {
    float: left;
    position: relative;
	border-left:0px solid #e9e9e9;
	padding:0px 10px;
}
.header > .topIndex > .topIndexInner > .side > ul:after {
    display: block;
    clear: both;
    content: ''
}
.header > .topIndex > .topIndexInner > .side > ul > li > a {
    display: block;
    height: 28px;
    margin-left: 0px;
    line-height: 28px;
    color: #333;
    text-align: center
}
.header > .topIndex > .topIndexInner > .side > ul > li > a:hover, 
.header >.topIndex  > .topIndexInner > .side > ul > li > a:focus, 
.header >.topIndex  > .topIndexInner > .side > ul > li > a:active, 
.header > .topArea  > .topIndexInner > .side > ul > li.on > a {
    color: #444
}

.header > .topIndex > .topIndexInner > .side > ul .ly {
    position: relative;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0px;
    background-color: #f9f9f9
}
.header > .topIndex > .topIndexInner > .side > ul .ly.ly_login {
    overflow: hidden;
    margin-top: 0;
    background: url('../img/blank.gif') 0 0 repeat;
    height: 0
}
.header > .topIndex > .topIndexInner > .side > ul .ly.ly_login ul {
    position: relative;
    margin-top: 20px;
    padding: 5px 0;
    background-color: #333;
    z-index: 3
}
.header > .topIndex > .topIndexInner > .side > ul .on .ly.ly_login {
    height: auto
}
.header > .topIndex > .topIndexInner > .side > ul .ly a {
    display: block;
    min-width: 120px;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    font-size: 13px;
    color: #9d9d9d
}
.header > .topIndex > .topIndexInner > .side > ul .ly a:hover {
    color: #cda25a;
    text-decoration: none
}
.header > .topIndex > .topIndexInner > .side > ul > li .login_after {
    overflow: hidden;
    width: 23px;
    height: 23px;
    margin-top: 0px;
    border-radius: 100%; /*로그인버튼 둥근 형태 처리 */
}
.header > .topIndex > .topIndexInner > .side > ul > li .login_after img {
    width: 25px;
    height: 25px
}
.header > .topIndex > .topIndexInner > .side > ul > li .login_after ~ .ly_login .edge {
    right: 11px
}

.header > .topIndex > .topIndexInner > .side > ul > li > .selectLang {
    padding-top:5px;
}



/* Search */
.search_wrap {
    position: relative;
    width: 1240px;
    margin: 0 auto;
	z-index:100;
	display:block;
	border:0px solid #000;
}
.search_area {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 1240px;
    padding:0px 9px;
    z-index: 3;
    border:1px solid #ddd;
	background-color:#fff;
	margin-top:30px;
	height:70px;
}
.search_area input {
    font-size: 13px;
    vertical-align: top
}
.search_area input[type=text] {
    position: relative;
    width: 100%;
    height: 30px;
    padding: 15px 0;
    border: 0;
    background-color: transparent;
    font-size: 30px;
    color: #FF3366;
    -webkit-appearance: none;
}
.search_area input[type=text]:focus {
    outline: 0
}
.search_area input[type=text]::-ms-clear {
    display: none
}
.search_area .btn_close {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-size: 22px;
    color: #FF3366;
    text-align: center;
    line-height: 20px
}






/*로고라인*/
.header > .topArea {
    display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-items:center;
	flex-grow:1;
    z-index: 2;
    width: 1240px;
	padding:20px 0;
	background:#fff;
	border:0px solid #000;
	margin:0px auto;
	overflow:hidden;
	
	box-sizing:border-box;
}


.header > .topArea > div{
	flex:1 1;
	margin:0px;
	padding:0px;
}



/* Header */

.header  > .topArea > .topCall {
	border:0px solid #000;
	padding:0px;
	margin:0px;
}

.header  > .topArea > .topCall  > img{
	margin:0px;
	padding:0px;
}


.header  > .topArea > .topLogo{
	padding:0px 0;
	border:0px solid #000;
	text-align:center;
	border:0px solid #000;
	line-height:0;
}

.header  > .topArea > .topLogo > h1{
	margin:0px;
	padding:0px;
}


.header  > .topArea > .topLogo > h1 > a {
	margin:0px;
	padding:0px;
}

.header > .topArea > .topLogo > h1 > a > img {
	padding:0px 0px;
	margin:0 0 0 0;
	border:0px solid #000;
	max-height:70px;
}


.header > .topArea > .topLogin{
	padding:0px 0px 0 0;
	margin:0 0 0 0;
	border:0px solid #000;
	text-align:right;
	border:0px  solid #000;
}

.header > .topArea > .topLogin > ul{
	padding:0px 0px 0 0;
	margin:0;
	text-align:right;
	border:0px  solid #000 !important;
	float:right;
	right:0px;
	
}

.header > .topArea > .topLogin > ul > li{
	padding:5px;
	margin:0 5px;
	text-align:center;
	border:1px  solid #ddd;
	float:left;
	font-size:1.2em;
	width:105px;
	border-radius:20px;
	
}

.header > .topArea > .topLogin > ul > li:first-child{
	background:var(--main-color);
}

.header > .topArea > .topLogin > ul > li:first-child a{
	color:#fff;
}



.header > .topArea > .topLogin > ul > li a{
	color:#666;
}


.body.fixed-width {
    width: 1240px;
    margin: 0 auto;
	box-sizing:border-box;
}
.header:after, .body:after {
    display: block;
    clear: both;
    content: ''
}


/* Fixed Header */
.container.fixed_header {
	border:0px solid #ff6600;
	z-index:1;
}

/*메뉴부분*/
.fixed_header .header_wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    z-index: 100;
    padding: 0;
	border:0px solid #000;

}

/*메뉴바 애니메이션 */
.fixed_header .header_wrap.shrink {
    position: fixed;
    top: 0;
    width:auto;
    min-width: 1240px;
    z-index: 1000;
    border-bottom: 0px solid #e1e1e1;
    -webkit-animation: ani-header 1.9s forwards;
    animation: ani-header 0.9s forwards;
    left:0;
    right:0;
	z-index:1000;
	box-sizing:border-box;


}

.fixed_header .header_wrap.shrink .header > .topArea{
    padding: 0;
	display:none; /*스크롤 아래일때는 로고 없앰*/
}


/*마우스 스크롤 진행시 상단 로그인 부분 전체*/
.fixed_header .header_wrap.shrink .header > .topIndex{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
    padding: 0;
	margin:0px auto;
	width:100%;
	border:0px solid #000;
	box-sizing:border-box;
}

/*마우스 스크롤 진행시 상단 로그인 부분 전체*/
.fixed_header .header_wrap.shrink .header > .topIndex > .topIndexInner{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	width:1240px;
	border:0px solid #000;
}



.fixed_header .header_wrap.shrink .header > .topIndex > .topIndexInner > div{
	flex: 1 1;
}

/*스크롤링시 숨김처리*/



.fixed_header .header_wrap.shrink .header > .topIndex > .topIndexInner > .topMiniCall{
    display:block;
	margin:0px 0 0 0px;
	padding:0px 0px 0 0px;
	color:#fff;
	border-left:0px solid #ff3366;
}

.fixed_header .header_wrap.shrink .header > .topIndex > .topIndexInner > .topMiniCall > strong{
	margin:0px 0 0 15px;
}


.fixed_header .header_wrap.shrink .header > .topIndex > .topIndexInner > .topMiniTextLogo{
    display:block;
	margin:0px;
	padding:0px;
	color:#333;
	border:0px solid #000;
	text-align:center;

}

.fixed_header .header_wrap.shrink .header > .topIndex > .topIndexInner > .topMiniTextLogo > h3{
	margin:0px;
	padding:0px;
	font-size:16px;
}


.fixed_header .header_wrap.shrink .header > .topIndex > .topIndexInner > .topMiniTextLogo > h3 > a{
	color:#333;
	font-weight:400;
}
.fixed_header .header_wrap.shrink .header > .topIndex > .topIndexInner > .side {  /* 시작시 로그인 버튼 */
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;
	z-index: 2;
    margin: 0px;
	padding:0px;
	
}


/* header animation */
@-webkit-keyframes ani-header {
    0% {
        top: -60px
    }
    100% {
        top: 0px
    }
}
@keyframes ani-header {
    0% {
        top: -60px
    }
    100% {
        top: 0px
    }
}




@media screen and (max-width:1640px){
.logo-item{display:none;}
.side{display:none;}
}



.gnb{position:relative;overflow:hidden;width:100%; height:50px;z-index:99;margin:0px auto;border-top:1px solid #ddd;border-bottom:0px solid #000;font-family: 'Noto Sans KR', sans-serif;z-index:100;background:url("../img/topMenuLine.png")repeat-x right 50px;} /*상단1차메뉴*/
.gnb > ul {display:flex;justify-content:space-between;position:relative;z-index:3;width:1240px;max-width:1240px;border-right:0px solid #ddd; padding-left:0px;margin:0px auto;box-sizing:border-box;}
.gnb > ul > li{flex-grow:1;padding:0px 0px;margin:0px;z-index:4; text-align:center;font-size:20px;list-style-type:none;border-left:0px solid #ddd;white-space:nowrap;background:url("../img/bgGnbVr2.gif")no-repeat right 30px;}
.gnb > ul > li:last-child{border-right:0px solid #ddd;background:none;}
.gnb > ul > li > a{text-decoration:none;padding:10px 0px 0 0;border:0px solid #333;color:#000; letter-spacing:-1px; text-align:center;margin:0px auto;height:50px;top:0;display:block;position:relative;font-weight:500;box-sizing:border-box;}
.gnb > ul > li > .over{text-decoration:none;padding:10px 0px 0 0;border:0px solid #333;color:#333 ; text-align:center;margin:0px auto;height:40px;top:0;display:block;position:relative;font-weight:400;}

.gnb > ul > li:hover a{color:var(--sub-color);text-decoration:none;}
.gnb > ul > li >ul:hover a{color:#333 !important;text-decoration:none;}

.gnb > ul > .active > a {color:#249e72;}



.gnb > ul > li:hover{}
.gnb > ul > li > div:hover{border-top:0px solid #249e72;}


/*서브1차*/
.gnb > ul > li > div{position:relative;padding:0px;border:0px solid #ddd;margin:0px 0 0 0px;z-index:3;display:block;overflow:hidden;box-sizing:border-box;height:100%;} /*하위메뉴좌측 라인처리 부분 소스 처리는 이곳*/
.gnb > ul > li > div > ul{padding:20px 0px 30px 0;margin:0px 0 0px 0px;z-index:1;border-top:0px solid #ddd;border-right:0px solid #ddd;text-align:center;width:100%;height:100%;box-sizing:border-box;} /*서브 1차 */
.gnb > ul > li #subMenu{border-right:1px solid #ddd;}
.gnb > ul > li:first-child ul{/*border-left:1px solid #ddd;*/}
.gnb > ul > li:first-child #subMenu{border-left:1px solid #ddd;}
.gnb > ul > li > div > ul > li{margin:0px;text-align:center;line-height:20px; list-style-type:none;box-sizing:border-box;}
.gnb > ul > li > div > ul > li > a{padding:7px 13px;text-decoration:none; color:#666 !important;font-size:17px;position:relative;display:block;letter-spacing:-1px;} /*서브 1차메뉴 */


.gnb > ul > li > div > ul > .active {text-align:center;}
.gnb > ul > li > div > ul > .active > a {color:#249e72 !important;text-decoration:none;}


.gnb > ul > li > div > ul > li > a:hover {
  background-color: var(--main-color);
  z-index:1;
  color:#fff !important;

}

/*서브2차 */
.gnb > ul > li > div > ul >  li > ul{padding:5px 0 0 50px;z-index:4;border:0px solid #ddd !important;text-align:left;margin:0px auto;width:65%;}  /*서브 2차 */
.gnb > ul > li > div > ul >  li > ul > li {line-height:20px;padding:0px;border:0px solid #ddd;}
.gnb > ul > li > div > ul >  li > ul > li > a{color:#999 !important;text-decoration:none;font-size:15px;}
.gnb > ul > li > div > ul >  li > ul > li > a:hover{color:#249e72 !important;text-decoration:none;font-size:15px;}
.gnb > ul > li > div > ul >  li > ul > .active > a{color:#249e72 !important;text-decoration:none;margin:0px;padding:0px;}


/*영문 국기*/
.en_flag{max-width:40px;margin-left:10px !important;}
.en_flag a{display:block;width:100%;}
.en_flag img{width:100%;}