/*
* Date: 2022-09-16
* Copyright: itooza, irang
* 2022-09-16 : »ó´Ü ³×ºñ°ÔÀ̼ÇÀ» À̹ÌÁö ±â¹Ý¿¡¼­ ÅؽºÆ® ±â¹ÝÀ¸·Î ¼öÁ¤ÇÕ´Ï´Ù.
* 2022-09-26 : ±Û·Î¹ú ÅÇ ¾ÆÀÌÅõÀÚ/½ºÅå¿öÄ¡·Î º¯°æ
* 2022-12-23 : »ó´Ü ³×ºñ¿¡¼­ ±³À° »èÁ¦
*/

@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
@import url(//fonts.googleapis.com/icon?family=Material+Icons);

:root {
	--font-basic : "Spoqa Han Sans Neo", "Noto Sans KR", "Nanum Gothic", "MalgunGothic", Dotum, Lato, Roboto, Arial, sans-serif;
}

.header-wrap{ position: relative; width: 100%; z-index: 10; font-family: var(--font-basic) !important; }
.header-wrap div .fixed-w{width: 998px; margin: 0 auto;}
.header-wrap.type1 .cont-wrap{ width: 900px; position: relative;}
.header-wrap.type2 .cont-wrap{ width: 998px; position: relative;}
.header-wrap .vam{vertical-align: middle !important;}
.header-wrap .fl{float: left !important;}
.header-wrap .fr{float: right !important;}


/*gnb-wrap*/
.header-wrap .gnb-wrap{ position: relative; background: url('//menu.itooza.com/common/gnb/bg_header_line.png') #fff no-repeat center 0 ; height: 164px; margin-bottom: 22px; z-index: -1}
.header-wrap .gnb-wrap .fixed-w .cont-wrap{ position: relative; background: url('//menu.itooza.com/common/gnb/bg_header_line.png') #fff no-repeat center 0 ; padding-top: 5px; height: 157px }
.header-wrap .gnb-wrap h1{display: block; position: relative; width: 164px; margin: 28px auto 0;}
.header-wrap .gnb-wrap .left-bnr{position: absolute; top: 43px; left: 10px;}
.header-wrap .gnb-wrap .right-bnr{position: absolute; top: 16px; right: 10px; /* ¿©±â´Â Àӽ÷Π³ÖÀ½ */ height:85px;overflow:hidden;}
.header-wrap .gnb-wrap .right-bnr .btn{position: absolute; top: 2px; right: 3px;}
.header-wrap .gnb-wrap .right-bnr li img {max-height:85px;}


/*gnb*/
.header-wrap .gnb-wrap .gnb{ position: absolute; bottom: 0; left:-1px; width: 100%;  border-left: 1px solid #d4d4d4; border-right:1px solid #d4d4d4;}
.header-wrap .gnb-wrap .gnb .depth1{ position: relative; display:flex;justify-content: space-between; }
.header-wrap .gnb-wrap .gnb .depth1 li{ width: calc(100% / 6); height: 44px;position:relative;  }
.header-wrap .gnb-wrap .gnb .depth1 li:after {
	content:'';
	background:	#D1D1D1;
	width:1px;
	height:16px;
	position:absolute;
	right:0;
	top:13px;
}
.header-wrap .gnb-wrap .gnb .depth1 li.hover:after,
.header-wrap .gnb-wrap .gnb .depth1 li:last-of-type:after {
	display:none;
}
.header-wrap .gnb-wrap .gnb .depth1 li a { 
	width: 100%; height:100%; 
	text-align:center;
	display:flex;justify-content:center;
	align-items:center;
	font-size:15px;
	font-weight:900;
	text-decoration:none;
	position:relative;
}
.header-wrap .gnb-wrap .gnb .depth1 li a:hover {color:#25B24D !important;}

.header-wrap .gnb-wrap .gnb .depth1 li.hover a {background-color: #36356c;color:white; }
.header-wrap .gnb-wrap .gnb .depth1 li.hover a:hover {color:white !important;}


/* Depth 2 */
.header-wrap .gnb-wrap .gnb .depth2-wrap{
	position:absolute; 
	top: 45px; 
	z-index: 999; 
	background-color: #fff; 
	border: 1px solid #ccc; 
	border-top: none; 
	border-bottom: 6px solid #1c65b0; 
	box-shadow: -1px 8px 12px -1px rgba(0, 0, 0, 0.3);
	width:calc(100% - 1px);
	display:flex;
	align-items:stretch;
}
.header-wrap.type1 .gnb-wrap .gnb .depth2-wrap{width: 898px;}
.header-wrap.type2 .gnb-wrap .gnb .depth2-wrap{width: calc(100% - 1px);}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul{
	padding:10px 5px 24px;
	display: block; 
	width: calc(100% / 6); 
	border-right:1px solid #EEE;
}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul:last-of-type {
	border-right:none;
}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul:hover{background-color: #F7F7F7;}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul:hover li.tit{background-color: #ccd4e4;}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul:hover li.tit a{color: #00042A;}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul.m02-depth2 {background-image: none; background: url('//menu.itooza.com/common/gnb/bg_gsTop.jpg') no-repeat center calc(100% - 106px), url('//menu.itooza.com/common/gnb/bg_gsBtm.jpg') no-repeat right bottom; /*width: 14.8%;*/ width: calc(100% / 7 - 1px);}	
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	.header-wrap .gnb-wrap .gnb .depth2-wrap ul.m02-depth2 {width: calc(100% / 7);}	
}*/
.header-wrap .gnb-wrap .gnb .depth2-wrap ul .event_link {position: absolute; width: 100%; height: 330px; top: 0;}


.header-wrap .gnb-wrap .gnb .depth2-wrap ul li{ padding: 0; position: relative;}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul li.tit{ padding: 0; margin-bottom: 5px; padding: 10px 0; background: url('//menu.itooza.com/common/gnb/bg_gnb_m_line.png') #eee repeat-y right 0;}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul li.tit.bgn{ background-image: none !important; }
.header-wrap .gnb-wrap .gnb .depth2-wrap ul li.tit a{ display: block; text-align: center; width: 100%; color: #434343; font-weight: bold; font-size: 13px; }
.header-wrap .gnb-wrap .gnb .depth2-wrap ul li.tit a:hover{  text-decoration: none; color: #00042A;}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul li a{ display: block; font-size: 13px;padding:8px;}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul li a:hover{ font-weight: bold; color: #25b24d; text-decoration: none;}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul li.depth_icon a {padding-left:12px; background: url('//menu.itooza.com/common/gnb/depth_icon.png') no-repeat left 6px; font-size:12px;}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul li.gs_menu {padding:0;}
.header-wrap .gnb-wrap .gnb .depth2-wrap ul li.gs_menu a,
.header-wrap .gnb-wrap .gnb .depth2-wrap ul li.gs_menu a:hover{color: #5e5ead;}

.header-wrap .gnb-wrap .gnb .depth2-wrap .snb_close{ position: absolute; bottom: 2px; right: 2px; scale: .8;display:block;}
.bx-prev {position: absolute; top: 2px;right: 23px; width:16px; height:15px;background: url('//menu.itooza.com/common/gnb/btn_bnr_prev.png');text-indent: -3000px;}
.bx-next {position: absolute; top: 2px; right: 3px; width:16px; height:15px;background: url('//menu.itooza.com/common/gnb/btn_bnr_next.png');text-indent: -3000px;}


.header-wrap .gnb-wrap .gnb .depth1 a[href^="http"]::after,
.header-wrap .gnb-wrap .gnb .depth1 a[href^="https://"]::after {
  content: "";
  width: 11px;
  height: 11px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  display: inline-block;
  position: absolute;
  right: 28px;
  top: 16px;
}
.depth1 li:nth-child(2)  a[href^="http://"]::after,
.depth1 li:nth-child(2)  a[href^="https://"]::after {right:35px !important;}


.header-wrap .gnb-wrap .gnb .depth2-wrap a[href^="http"]::after,
.header-wrap .gnb-wrap .gnb .depth2-wrap a[href^="https://"]::after {
  content: "";
  width: 11px;
  height: 11px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  opacity:.3;
}