/* layout */
#wrap{position:relative; width:100%; z-index:1000;  }
#top_wrap{ position:absolute; left:0; top:15px; width:100%; padding:0; margin:0}
#nav_top{ position:absolute; right:30px; top:15px;}
#header{ background:rgba(0,0,0,0.0); /* border-bottom:1px solid #818181; */  z-index:1000; width:100%;   height:87px; margin:0 auto; transition:.5s height, .2s background;}
.header .inner{position:relative; width:94%; height:97px; margin:0 3%;}
.header .inner:after{display:block; clear:both; content:"";}
.header h1{overflow:hidden; float:left; width:203px; padding-top:0px; z-index:2 } /* 로고위치조절 */
.header h1 a{overflow:hidden; display:block; height:66.5px; text-indent:-9999px;}
.header h2 {overflow:hidden; position:absolute; float:left; width:90px;  padding-top:0px; z-index:2  } /* 로고위치조절 */
.header h2 a{overflow:hidden; display:block; height:65px;   background:url(/_images/logo.png?ver=3) no-repeat; background-size:90px 65px; background-position:0px 0; text-indent:-9999px;}


.header .gnb_wrap{position:absolute; width:100%;  } /* 1단계 메뉴 위치 조절 */
.header .gnb{width:680px; height:30px;  margin:0 auto}

.header .gnb li{float:left; text-align:center;} /*1단계 메뉴 가로값 */
.header .gnb li.nav1{float:left; margin-right:30px;   text-align:center; }
.header .gnb li:last-child.nav1{ margin-right:0}

.header .gnb a{display:inline-block; font-weight:500; font-size:17px; text-decoration:none; line-height:1em; color:#000;}
.header .gnb:after{display:block; clear:both; content:"";}
.header .gnb .depth1{position:relative; }
.header .gnb .depth1 > a{display:block; height:57px; padding:20px 0 0; font-size:21px; color:#000; font-weight:400; } /* 1단계 메뉴 폰트 조절 */
.header .gnb .depth1 > a:hover,  .header .gnb .depth1.on > a{color:#bc2649; }   /* 1단계 메뉴 호버시 색상조절 */
.header .gnb .depth2{display:none;}

.header .util_menu{ position:absolute; right:30px; top:15px; margin-top:0px; text-align:center; margin-right:0px; z-index:10000000 } /* 로그인 위치조절*/
.header .util_menu a{  font-size:17px; margin-left:5px; background:#fff; border-radius:50px; padding:0 15px; border:1px solid #dedede;  text-align:center; line-height:25px; height:25px;  z-index:10000000;  cursor:pointer;  display:inline-block; cursor:pointer; font-family:'roboto' sans-serif; font-weight:400;   text-decoration:none; color:#a3a8b1;} /* 로그인 폰트*/
.header .util_menu a:hover{color:#3390cf; text-decoration:none;}
.header .util_menu a:nth-of-type(2){  background-position:30px 4px}
.header .util_menu .sns{ position:absolute; right:220px; top:3px; width:100px;}
.header .util_menu .sns a{ padding:0 5px; margin:0; background:none}


@media (min-width:620px) and (max-width:1605px){
.header .gnb{width: 650px; height: 30px; margin: 0 auto;}
.header h2 {overflow:hidden; float:left; width:90px;  padding-top:0px; z-index:2  } /* 로고위치조절 */
.header h2 a{overflow:hidden; display:block; height:65px;   background:url(/_images/logo.png?ver=2) no-repeat;background-size:90px 65px; background-position:0px 0; text-indent:-9999px;}
.header .gnb .depth1 > a{display:block; height:57px; padding:15px 0 0; font-size:20px; color:#000; font-weight:400; } /* 1단계 메뉴 폰트 조절 */	
.header .util_menu{ position:absolute; right:0px; top:5px; margin-top:0px; text-align:center; margin-right:0px; z-index:10000000 } 
.header .util_menu a{  font-size:14px; margin-left:5px; padding:0 5px;  text-align:center; line-height:25px; height:25px;  z-index:10000000;  cursor:pointer;  display:inline-block; cursor:pointer; font-family:'Roboto Condensed','roboto' sans-serif; font-weight:400;   text-decoration:none; color:#a3a8b1;} /* 로그인 폰트*/




}

@media (min-width:1300px) and (max-width:1678px){
    .main_pop2{left:100px;top:370px; position:absolute; background:#fff; text-align:center; box-shadow:2px 2px 14px #000;  z-index:100000;width:500px  }
}
@media (min-width:620px) and (max-width:1290px){
    .main_pop2{left:100px;top:150px; position:absolute; background:#fff; text-align:center; box-shadow:2px 2px 14px #000;  z-index:100000;width:500px  }
}		

@media (min-width:1367px) and (max-width:1605px){
.header .gnb{width: 650px; height: 30px; margin: 0 auto;}
.header h2 {overflow:hidden; float:left; width:90px;  padding-top:0px; z-index:2  } /* 로고위치조절 */
.header h2 a{overflow:hidden; display:block; height:65px;   background:url(/_images/logo.png?ver=2) no-repeat; background-size:90px 65px; background-position:0px 0; text-indent:-9999px;}
.header .gnb .depth1 > a{display:block; height:57px; padding:15px 0 0; font-size:20px; color:#000; font-weight:400; } /* 1단계 메뉴 폰트 조절 */	
.header .util_menu{ position:absolute; right:0px; top:5px; margin-top:0px; text-align:center; margin-right:0px; z-index:10000000 } 
.header .util_menu a{  font-size:14px; margin-left:5px; padding:0 5px;  text-align:center; line-height:25px; height:25px;  z-index:10000000;  cursor:pointer;  display:inline-block; cursor:pointer; font-family:'Roboto Condensed','roboto' sans-serif; font-weight:400;   text-decoration:none; color:#a3a8b1;} /* 로그인 폰트*/
}
/* header */
#header.on{background:#fff; }
#header.on:before{position:absolute; left:0; bottom:-50px; width:100%; height:50px; background:#6b9ecc; content:"";}
.header.on h1 a{background-position:36px 0;}
.header.on h2 a{background-position:36px 0;}

/* header_hover */
#header.all{height:80px;  z-index:1100;} /*2단계 높이값 */
#header.all:before{position:absolute; left:0; top:127px; width:100%; height:0px; background:#fff;content:"";} /* hover시 1단계 높이값, top으로 조절 */
.header.all h1 a{background-position:0px 0;}
.header.all h2 a{background-position:0px 0;}



.header .guide{color:#000; position:absolute; top:40px; padding:6px 15px; border:1px solid #fff; font-size:13px; cursor:pointer; right:40px;}
.header .guide i{font-size:20px}
.header .guide:hover{ background:#fff; color:#000}
/*  haniso  */
/* .header.all .gnb_wrap .gnb{overflow:hidden; width:1140px; margin:0 auto; text-align:center;} */

.header.all .gnb_wrap .gnb a{color:#666;}
/*haniso   .header.all .gnb_wrap .gnb a:hover, .header.all .gnb_wrap .gnb a:focus{color:#f7941d;} */ /*2단계 메뉴 호버시  폰트 조절 */

.header.all .gnb_wrap .depth1{ }
.header.all .gnb_wrap .depth1 > a{margin-bottom:20px; color:#000;}  /*1단계 호버시 폰트컬러 */
/*haniso .header.all .gnb_wrap .depth1 > a:hover,.header.all .gnb_wrap .depth1 > a:focus{color:#cd4144; } */ /*1단계 호버시 호버되는 메뉴 폰트컬러 */
.header.all .gnb_wrap .depth1 > a:hover,.header.all .gnb_wrap .depth1{color:#3a3586; } 

.header.all .gnb_wrap .depth1.menu1{margin-left:0;}
.header .gnb .depth1 .d2{ display:none; transition: all 0.3s ease;}
.header .gnb .depth1:hover .d2{ display:flex; transition: all 0.3s ease;  position:absolute; top:83px;  left:-90px; padding:7px 19px; background:#FFFFFF; z-index:10000000; width:100%; }
.header .gnb .depth1:hover .d2 .arrow{ background:url(../../IFFAS2024/_images/menu_bg.png) no-repeat; position:absolute; top:-7px; left: 50%; transform: translateX(-50%);  width:12px; height:10px;}
.header .gnb .depth1 .d2 .sub_menu1{display:flex; clear:both; padding:3px 0; width:100%;}


.header.all .gnb_wrap .depth3{}
.header.all .gnb_wrap .depth3 > li{display:block;  width:100%; margin-bottom:17px; font-size:13px; line-height:7px; color:#666;}
.header.all .gnb_wrap .depth3 > li a{display:inline-block; font-size:13px;  font-family:'Roboto Condensed','Nanum Barun Gothic', sans-serif; line-height:7px; font-weight:300;}


#header.fixed{position:fixed;top:0; background:#fff; box-shadow:1px 2px 20px rgba(0,0,0,.07); border-bottom:0px;  left:0; width:100%; margin:0 auto; height:87px; z-index:100;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;min-width:1210px}
#header.fixed.all{height:87px; background:#fff; z-index:1100;} /* 2단계 높이값 .all앞에 공백없애야 적용됨 */
#header.fixed.all:before{position:absolute; left:0; top:87px; width:100%; height:0px;  content:"";} /* hover시 1단계 높이값 top으로 조절 */
.header.fixed .inner{position:relative; width:94%; height:97px; margin:15px 3% 0 3%}
.header.fixed .gnb .depth1 > a{color:#212121; }
.header.fixed  h1{overflow:hidden; float:left; width:300px; padding-top:22px;} /* 로고위치조절 */
.header.fixed  h1 a{overflow:hidden; display:block; height:80px; background:url(/_images/logo_all.png?ver=2) no-repeat;  background-position:0px 0; text-indent:-9999px;}
.header.fixed  h2{overflow:hidden; float:left; width:81px;  padding-top:0px; } /* 로고위치조절 */
.header.fixed  h2 a{overflow:hidden; display:block; height:58px;  background:url(/_images/logo.png?ver=2) no-repeat; background-size:81px 58px; background-position:0px 0px; text-indent:-9999px;}
.header.fixed .util_menu{ float:right; margin-top:0px } /* 호버시 로그인 위치조절*/
.header.fixed .util_menu a{display:block;  float:left;  font-size:17px;padding:0 15px; z-index:10000000; cursor:pointer; height:25px; line-height:25px;  display:inline-block; cursor:pointer; font-family:'Roboto Condensed','roboto' sans-serif; font-weight:400;   text-decoration:none; color:#a3a8b1;}
.header.fixed .util_menu a:hover{color:#2488f8; text-decoration:none;}
.header.fixed .util_menu a:nth-of-type(2){ background-position:30px 4px}
.header.fixed .util_menu .sns{ position:absolute; right:195px; top:3px; width:100px;}
.header.fixed .util_menu .sns a{ padding:0 5px; margin:0; background:none}

.header.fixed .on{background:#fff; }
.header.fixed .on:before{position:absolute; left:0; bottom:-50px; width:100%; height:50px; background:#6b9ecc; content:"";}
.header.fixed .gnb_wrap{position:absolute;  top:0px; width:100%; } /* 1단계 메뉴 위치 조절 */
.header.fixed .gnb_wrap .depth2 > li{display:block; } /*2단계 메뉴 속성 */
.header.fixed .gnb_wrap .depth2 > li > a{margin-bottom:15px; font-size:16px; font-family:'Roboto Condensed','Nanum Barun Gothic', sans-serif; font-weight:400;  line-height:16px;  color:#333;} /*2단계 메뉴 폰트 조절*/
.header.fixed .gnb_wrap .depth2 > li:first-child{padding-top:0px;} /* 2단계 메뉴 높이 위치 설정 */
.header.fixed .gnb{width:680px; height:30px; margin:0 auto}



.portfolio{ transition: color 0.25s ease-in-out;}
/* 서브메뉴*/
.portfolio .box{
	width:230px;
	opacity:0;
	transition: .5s ease;
	box-sizing:border-box;
	touch-action: none;
	position: absolute;
	left: -22px;
	font-size:17px;
	padding: 10px 22.5px;
	font-weight:400;
	pointer-events: none;
	top: 70px;
	color:#fff;
	background:#1b175c;
	box-shadow: 0px 5px 20px 3px rgba(0,0,0,0.1);
}

.portfolio .box .b1{ z-index:10000; text-align:left; margin-bottom:9px;}
.portfolio .box .b2{ z-index:10000; text-align:left; margin-bottom:0px;}
/* 서브메뉴 액션*/
.portfolio .box::before{ content: '';  display:block;  position: absolute; left:22.5px;   top:0; width:0px; height:1px; background:#fff; transition: .5s ease; }
/* 서브메뉴 호버시*/
.portfolio:hover .box::before{width:0px;}
.portfolio:hover .box{ opacity:1; pointer-events:auto; touch-action:auto;}
.portfolio:hover .box .b1 a.btn_color{color:#fff; font-size:16px; transition: color 0.1s ease-in-out;-webkit-transition: color 0.1s ease-in-out;}
.portfolio:hover .box .b1 a.btn_color:hover{color:#b2afe7}
.portfolio:hover .box .b2 a.btn_color2{color:#fff; font-size:15px; padding-left:10px; font-weight:400;  transition: color 0.1s ease-in-out;-webkit-transition: color 0.1s ease-in-out;}
.portfolio:hover .box .b2 a.btn_color2:hover{color:#b2afe7}

#header.fixed .portfolio .box{ background:#1b175c; color:#fff }
#header.fixed .portfolio:hover .box .b1 a.btn_color{color:#fff;}
#header.fixed .portfolio:hover .box .b1 a.btn_color:hover{color:#b2afe7}
#header.fixed .portfolio:hover .box .b2 a.btn_color2{color:#fff;}
#header.fixed .portfolio:hover .box .b2 a.btn_color2:hover{color:#b2afe7}
/* 서브메뉴 액션*/
#header.fixed .portfolio .box::before{ content: '';  display:block;  position: absolute; left:22.5px;  height:1px; top:0; width:1px; height:1px; background:#000; transition: .5s ease; }
/* 서브메뉴 호버시*/
#header.fixed .portfolio:hover .box::before{width:50px;}


#header.fixed .guide{color:#000; position:absolute; top:30px; padding:6px 15px; border:1px solid #000; font-size:17px; cursor:pointer; right:40px;}
#header.fixed .guide i{font-size:20px}
#header.fixed .guide:hover{ background:#000; color:#000}