@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:1px solid #ff9900;
	font-family: 'Noto Sans KR', sans-serif; 
	box-shadow:0 0 1px #ff9900;

}


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


.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;
	
	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:#fff !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: #fff;
    text-align: center;
	font-size:15px;
}
.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: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: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:1em;
	width:105px;
	border-left:1px solid #ddd;
}

.header > .topArea > .topCounsel > ul > li:first-child{
	border-left:0px solid #ddd;
}

.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:#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:#fff;
	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: -50px
    }
    100% {
        top: 0px
    }
}
@keyframes ani-header {
    0% {
        top: -50px
    }
    100% {
        top: 0px
    }
}




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


.gnb{position:relative;display:block;overflow:hidden;width:100%; margin:0px auto; z-index:1;height:50px;border-top:1px solid #ddd;border-bottom:0px solid #ddd;z-index:100;} /*상단1차메뉴*/
.gnb > ul {display:flex;position:relative;z-index:3;float:none;right:0px;padding:0px 0px;box-sizing:border-box;max-width:1240px;margin:0px auto}
.gnb > ul > li{flex:1 1; padding:3px 0px;margin:0px;z-index:4; text-align:center;list-style-type:none;border-right:1px solid #ddd;border:0px solid #000;box-sizing:border-box;white-space:nowrap;}
.gnb > ul > li:hover a{color: var(--point_color) !important;text-decoration:none;}
.gnb > ul > li > a{text-decoration:none;padding:10px 0px 10px 0;height:50px;text-align:center;margin:0px auto;top:0;display:block;position:relative;font-size:20px; 
color:#333; font-weight:700;box-sizing:border-box;text-shadow: 1px 1px 2px #ddd;}


.gnb > ul > .active > a{color: var(--point_color) !important}  


.gnb > ul > li:before{
  display:block;
  content: '';
  border-top: solid 5px  var(--point_color);  
  background:var(--point_color);
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
  padding-top:0px;
  margin-top:-5px;
  
}

.gnb > ul > li:hover:before { transform: scaleX(1);margin-top:-5px;}


/**
.gnb > ul > li:hover{background:#014183;color:#fff;transition-duration:0s;}
.gnb > ul > li > div:hover{border:0px solid #336633;color:#fff;}
**/

/*서브1차*/
.gnb > ul > li:first-child > div{border-left:1px solid #ddd;box-sizing:border-box;}
.gnb > ul > li:last-child > div{border-right:1px solid #ddd;box-sizing:border-box;}

.gnb > ul > li > div{position:relative;padding:0px;border-top:1px solid #ddd; border-right:1px solid #ddd;z-index:3;display:block;overflow:hidden;box-sizing:border-box;height:100%;} /*하위메뉴좌측 라인처리 부분 소스 처리는 이곳*/




.gnb > ul > li > div > ul{padding:10px 0px 30px 0;margin:0px 0px 0px 0px;z-index:1;text-align:left;width:100%;box-sizing:border-box;height:100%;} /*서브 1차 */
.gnb > ul > li > div > ul > li{margin:0px;text-align:left; list-style-type:none;box-sizing:border-box;}
.gnb > ul > li > div > ul > li > a{padding:10px 20px !important;text-decoration:none; color:#333 !important;font-size:15px;position:relative;display:block; letter-spacing:-1px;} /*서브 1차메뉴 */



.gnb > ul > li > div > ul > li > a:after {
  content: '';
  background-color: var(--point_color);
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  left: 0;
  transition: left 0.25s, right 0.25s;
  z-index:1;
}



.gnb > ul > li > div > ul > li > a:hover:after {
  right: 0;
  color:#fff;
}

.gnb > ul > li > div > ul > li > a span{
  z-index:2;
  position:relative;
  transition: color .25s;
}

.gnb > ul > li > div > ul > li > a:hover span{
  color:#fff;
}



.gnb > ul > li > div > ul > .active {text-align:left;border-bottom:0px dotted #ddd;}
.gnb > ul > li > div > ul > .active > a {text-decoration:none;color:var(--point_color) !important;font-weight:700;}



/*서브2차 */
.gnb > ul > li > div > ul >  li > ul{padding:5px 0 0 5px;margin:0px 0 5px 15px;z-index:4;border:0px solid #ddd;text-align:left;}  /*서브 2차 */
.gnb > ul > li > div > ul >  li > ul > li {line-height:20px;padding:0px;}
.gnb > ul > li > div > ul >  li > ul > li > a{color:#666 !important;text-decoration:none;font-size:14px; letter-spacing:-1px;}
.gnb > ul > li > div > ul >  li > ul > li > a:hover{color:#ff99cc !important;text-decoration:none;font-size:14px;}
.gnb > ul > li > div > ul >  li > ul > .active > a{color:#ff99cc !important;text-decoration:none;margin:0px;padding:0px;}


.subTopMenu .locNav .active{background:var(--point_color);}
.subTopMenu .locNav li.active a{color:#fff;background:var(--point_color);border:0px solid #de4332;border-left:0;border-right:0;}



@media screen and (max-width:1640px){
.gnb{width:100% !important}
.gnb > ul > li > a{font-size:16px;}
.gnb > ul > li > div > ul > li > a{font-size:13px;padding:0px 10px;}
.gnb > ul > li > div > ul >  li > ul > li > a{font-size:12px;}


}


@media( max-width:850px ){
	#mo_menu_wrap{ display:block; float:left; line-height:30px;padding:0px;position:absolute;top:40px;z-index:10000;}
	nav#header_menu_wrap ul.add_menu_wrap li{ line-height:30px; }
	.topIndex{width:100% !important;}
	.side{display:none !important;}
	.topCall{display:none !important;}
	.topMiniTextLogo{display:none !important;}
}



@media(max-width:600px){
.gnb{display:none !important;}
.topLogo{position: relative;left: 0%;transform: translateX(-50%);}
.topLogo img{ max-height:50px !important;padding:5px 0 0 0;}
.topRight{display:none;}
}