@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
}

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

.header {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: 0 auto;
	background:#fff;
	border-bottom:2px solid #6e5438;

}


.header > .topIndex {
    display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	position:relative;
    z-index: 2;
    width:100%;
	border-bottom:1px solid #f2f2f2;
	height:30px;
	background:#fff;
}


.header .topIndex .topIndexInnner{

}

.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;
	border:0px solid #000;
	height:30px;
	margin:0px auto;
	box-sizing:border-box;
}

.header > .topIndex > .topIndexInner > .topBiz{

    display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	position:relative;
    z-index: 100000000000;
    width:246px;
	border:0px solid #000;
	height:30px;
}


.header > .topIndex > .topIndexInner > .topBiz > ul{
	display:flex;
	margin:0px;
	padding:0px;
	float:left;
	display:block;
	overflow:hidden;
	position:relative;
	border-left:0px solid #f2f2f2;

}

.header > .topIndex > .topIndexInner > .topBiz > ul > li{
	margin:0px;
	padding:4px 0;
	float:left;
	display:block;
	overflow:hidden;
	position:relative;
	border-right:0px solid #f2f2f2;
	color:#333;
	width:123px;
	text-align:center;
	background:url(../img/topBiz_body_bg.png)no-repeat left top;
}



.header > .topIndex > .topIndexInner > .topBiz > ul > li > a{
	color:#333 !important;
	font-size:16px;
	font-weight:800;
}

.header > .topIndex > .topIndexInner > .topBiz > ul > li:nth-child(1){
	color:#333 !important;
	border-bottom:0px solid #fff;
	font-weight:bold;
	background:url(../img/topBiz_body_bg_on.png)no-repeat left top;
}


.header > .topIndex > .topIndexInner > .topBiz > ul > li:nth-child(1) a{
	color:#333 !important;
}



.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: 1220px;
    padding:0px 9px;
    z-index: 3;
    border:1px solid #ddd;
	background-color:#fff;
	margin-top:230px;
	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:0px;
	background:#fff;
	border:0px solid #000;
	margin:0px auto;
	overflow:hidden;
	height:70px;
	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;
	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;
	margin:0 0 0 0;
	border:0px solid #000;
}


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

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

.header > .topArea > .topCounsel > ul > li{
	padding:0px 8px;
	margin:0;
	text-align:center;
	border:0px  solid #000;
	float:left;
	font-size:0.83em;
}

.header > .topArea > .topCounsel > 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 > .topBiz {
    display:none;
}


.fixed_header .header_wrap.shrink .header > .topIndex > .topIndexInner > .topMiniCall{
    display:block;
	margin:0px 0 0 0px;
	padding:0px 0px 0 0px;
	color:#333;
	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:18px;
}


.fixed_header .header_wrap.shrink .header > .topIndex > .topIndexInner > .topMiniTextLogo > h3 > a{
	color:#333;
}
.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 ul{list-style:none;margin:0 auto;padding:0;}
.gnb{position:relative;overflow:hidden;height:60px;z-index:1;width:100%;margin:0px auto;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} /*상단1차메뉴*/
.gnb .main_menu{position:relative;z-index:3;height:60px !important;width:100%;max-width:1240px;border-right:1px solid #ddd; padding-left:0px;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;

}
.gnb .main_menu .main_menu_li{flex:1 1;float:left;padding:0;margin:0px 0 0 -1px;z-index:4;text-align:center;font-size:16.5px;list-style-type:none;height:60px;border-left:1px solid #ddd;text-align:center;letter-spacing:-1px;font-family: 'Noto Sans KR', sans-serif;}
.gnb .main_menu .main_menu_li .main_a{text-decoration:none;padding:20px 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:700;}
.gnb .main_menu .main_menu_li .main_a:hover{color:#006666 !important;text-decoration:none;}


.gnb .main_menu .active a{color:#00a88e !important;}


.gnb .main_menu .main_menu_li div{position:relative;text-align:center;padding:0px 0px;border-left:1px solid #ddd;margin:0px 0 0 0px;z-index:3;margin-left:-1px} /*하위메뉴좌측 라인처리 부분 소스 처리는 이곳*/
.gnb .main_menu .main_menu_li:last-child div{border-right:1px solid #ddd;margin-right:-1px;} 
.gnb .main_menu .main_menu_li:hover div{background:url('/layouts/Newinclude/img/submenuhoverback2.png') repeat-x left bottom;background-position:bottom;padding:0px;display:block; } /*마우스 오버시 선택되었음을 보여주는*/

.gnb .main_menu .first_ul{padding:10px 0 0 0px;margin:0px 0 0px 0px;z-index:1;border-top:1px solid #ddd;text-align:left;width:100%;} /*서브 1차 */
.gnb .main_menu .first_ul li{padding:5px 20px; margin:0px;text-align:left;line-height:20px; list-style-type:none;}
.gnb .main_menu .first_ul .active_first_li{text-align:left;border-bottom:1px solid #ddd;line-height:25px;background-color: rgba(255,255,255,0.1);}
.gnb .main_menu .first_ul .active_first_li a{text-decoration:none;color:#333 !important;}

.gnb .main_menu .main_menu_li .first_li .first_a{text-decoration:none; color:#333 !important;font-size:15px;position:relative;display:block;} /*서브 1차메뉴 */


.gnb .main_menu .main_menu_li .first_li .first_a:hover{color:#ff6600 !important;text-decoration:none;}
.gnb .main_menu .first_ul .second_ul{padding:5px 0 0 0px;margin:0px 0 5px 0px;z-index:4;border:0px solid #ddd;text-align:left;}  /*서브 2차 */
.gnb .main_menu .first_ul .second_ul li {line-height:20px;padding:0px;}
.gnb .main_menu .first_ul .second_ul li a{color:#999 !important;text-decoration:none;font-size:15px;}
.gnb .main_menu .first_ul .second_ul li a:hover{color:#66ccff !important;text-decoration:none;font-size:15px;}


.gnb .main_menu .first_ul .second_ul .second_li .active_b{color:#66ccff !important;text-decoration:none;margin:0px;padding:0px;}