@charset "utf-8"; 


/* 상단메뉴 */
#header { position:fixed; left:0; top:0; width:100%; z-index:9998;}



/* ============================================================================================================================================================== */

/* gnb 전체 감싸는 영역 */
#gnb_wrap { position:relative;
	width:100%; 
	margin:0 auto;
	height:120px; background:none; z-index:9998; 
	-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;
	background:rgba(0,0,0, 0.2); 
}
#gnb_wrap:hover { background:#fff; }

/* 메인 스크롤 올렸을때 배경 */
#gnb_wrap.active { height:60px; box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);  } 
#gnb_wrap.active:hover { box-shadow:0; } 

/* 서브페이지 스크롤 올렸을때 배경  */
#sub_wrap #gnb_wrap.active { background:#fff; }

#gnb_wrap h1 { 
	width:200px;
	-webkit-transition:0.4s ease-in-out;
	-moz-transition:0.4s ease-in-out;
	-o-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out; 
	float:left; 
	display:block;
}
#gnb_wrap h1 a{ 
	width:100%;
	height:120px;
	background:url('/images/common/cau_logo.png') no-repeat 0 center;
	background-size:auto 65px;
	display:block;
}
#gnb_wrap:hover h1 a {
	background-size:auto 65px;
}
#gnb_wrap:focus h1 a {
	background-size:auto 30px;
}
#gnb_wrap.active h1 { height:60px; }
#gnb_wrap.active h1 a{ 
	height:60px;
	background-size:auto 30px;
}
#gnb_wrap.active:hover h1 a {
	background-size:auto 30px;
}



/* gnb 메뉴 속성 ==================================================================================*/

/* gnb 전체 감싸는 영역 */
#gnb { width:100%; z-index:20;}
#gnb .wrap { position:relative; clear:both; width:var(--max-width); margin:0 auto; }

/* gnb 대메뉴 공통 속성 */
#gnb ul { float:right; }
#gnb ul li { float:left; text-align:center; }
#gnb ul li a { display:block; width:100%; 
	line-height:120px;
	padding-right:90px; height:100%; font-family: 'GmarketSansMedium'; font-size:18px; color:#fff; letter-spacing:-1px; 
}
#gnb_wrap.active { background:#fff;}
#gnb_wrap:hover, #gnb_wrap:focus {
	background-color:#fff;
}
#gnb_wrap.active > #gnb ul { float:right; margin-left:0; margin-top:3px; }
#gnb ul li a:hover, 
#gnb ul li a:focus { color:#ed6d00; border-bottom:4px solid #ed6d00; }
#gnb ul li a.on { color:#ed6d00; border-bottom:4px solid #ed6d00; }
#gnb ul li a.active { color:#ed6d00; border-bottom:4px solid #ed6d00; }
#gnb_wrap:hover #gnb ul li a, #gnb_wrap:focus #gnb ul li a { color:#000;}
#gnb_wrap:hover #gnb ul li a:hover, #gnb_wrap:hover #gnb ul li a:hover, #gnb_wrap:focus #gnb ul li a:focus, #gnb_wrap:focus #gnb ul li a:focus { 
	color:#f1412a;
}
#gnb_wrap.active #gnb ul li a { line-height:60px; color:#000;}
#gnb_wrap.active #gnb ul li a:hover, 
#gnb_wrap.active #gnb ul li a:focus { color:#f1412a; }

/* 서브메뉴 펼쳐졌을때 서브ul을 감싸는 영역-처음에는 안보이게 설정*/
#gnb ul li .sub {position:relative; 
	height:360px; display:none;}

/* 서브메뉴 공통속성 -처음에는 안보이게 설정 */
#gnb ul li ul { display:none; position:absolute; left:0; top:0px; margin-top:50px; margin-left:0; }
#gnb_wrap.active > #gnb ul li ul { top:5px; }
#gnb ul li ul li { clear:both; height:32px; margin-left:0;}
#gnb ul li ul li a { 
	word-break:keep-all; 
	line-height:24px; 
	padding:0; 
	text-align:left; 
	font-size:14px; 
	font-family:'GmarketSansMedium'; 
	display:block;
}
#gnb ul li.g2 ul li a {
	padding-right: 10px;
}

/* 서브메뉴 오버하기 전 글자 속성 */
#gnb ul li ul li a { color:#fff; }
#gnb ul li ul li.smallMenu { height:28px; }
#gnb ul li ul li.smallMenu a { color:rgba(255,255,255,0.7); font-size:13px; }
#gnb ul li ul li.smallMenu a:before {
	content:"·";
	padding-right:4px;
}

/* 서브메뉴 오버했을때 글자 속성 */
#gnb ul li ul li a:hover,
#gnb ul li ul li a:focus { background:none; border:none; display:block; color:#fff607; }

/* 서브메뉴 펼쳐졌을 때 전체 영역-처음에는 안보이게 설정 */
#sub { 
	display:none; 
	position:absolute; 
	left:0; 
	top:0px;
	width:100%; 
	height:400px; 
	background:#fff url('/images/common/.png') no-repeat 0 bottom; 
	background-size:auto 100%; 
	z-index:10;
	box-shadow:2px 2px 8px rgba(0, 0, 0, 0.3);
}
#header.active #sub { top:60px !important; height:310px; }

/* 서브메뉴 영역 */
#sub .wrap { position:relative; width:var(--max-width); margin:0 auto; height:300px;}

#gnb ul li ul li.two_br { 
	height:auto; 
	padding-bottom:10px;
}
#gnb ul li ul li.two_br a { line-height:1.2; }
#gnb_wrap.active #gnb ul li ul li.two_br {
	padding-bottom:0px;
	padding-top: 20px;
}
#gnb_wrap.active #gnb ul li ul li.two_br a { line-height:1.4;  }

/* 서브메뉴 펼쳐졌을때 왼쪽 이미지 영역
#sub .subimg { position:absolute; left:0; top:0; width:330px; height:200px; }
#sub .img1 { background:url('../images/common/simg1.png') no-repeat 0 20px; }
#sub .img2 { background:url('../images/common/simg2.png') no-repeat 0 20px; }
#sub .img3 { background:url('../images/common/simg3.png') no-repeat 0 20px; }
#sub .img4 { background:url('../images/common/simg4.png') no-repeat 0 20px; }
#sub .img5 { background:url('../images/common/simg5.png') no-repeat 0 20px; } */

/* 서브메뉴 펼쳐졌을때 왼쪽 이미지 영역
#header.active #sub .subimg { top:0; width:230px; height:240px; }
#header.active #sub .img1 { background:url('../images/common/simg1_m.png') no-repeat 0 20px; }
#header.active #sub .img2 { background:url('../images/common/simg2_m.png') no-repeat 0 20px; }
#header.active #sub .img3 { background:url('../images/common/simg3_m.png') no-repeat 0 20px; }
#header.active #sub .img4 { background:url('../images/common/simg4_m.png') no-repeat 0 20px; }
#header.active #sub .img5 { background:url('../images/common/simg5_m.png') no-repeat 0 20px; } */

@media (max-width:1370px) {
	#gnb .wrap {
		max-width:var(--max-width-xl);
	}
}
@media (max-width:1260px) {
	#gnb_wrap {	
		height:100px;
	}
	#gnb .wrap {
		max-width:var(--max-width-l);
		height:100px;
	}	
	#gnb_wrap h1 { 
		width:170px;
	}
	#gnb_wrap h1 a{
		height:100px;
	}
	#gnb_wrap:hover h1 a, #gnb_wrap:focus h1 a {
		background:url('/images/common/cau_logo.png') no-repeat 0 center;
		background-size:auto 27px;
	}
	#gnb_wrap.active h1 a{ 
		height:60px;
		background:url('/images/common/cau_logo.png') no-repeat 0 center;
		background-size:auto 27px;
	}
	#gnb ul li a {		
		/* height:100px; */
		line-height:100px;
		padding:0px 80px 0px 0;
		font-size:16px;
		/* margin-bottom:20px; */
	}
	#gnb ul li ul {
		margin-top:20px;
	}	
	#gnb ul li ul li a { 
		font-size:18px;
	}
	#sub { 
		position:absolute; 
		left:0; 
		top:100px;
	}

}
@media screen and (max-width:1139px) {
	#gnb .wrap {
		max-width:var(--max-width-m);
	}
	#gnb ul li ul {
		margin-top:50px;
	}
}
@media screen and (max-width:480px) {
	#gnb .wrap {
		max-width:var(--max-width-s);
	}
}

/* 모바일 상단메뉴 =============================================================================*/
#gnb_m { display:none; position:relative; z-index:9998; }
.sidemenu_box { position:relative; min-height:100%; height:auto; display:none; z-index:9998; }
.sidemenu_box_bg { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);}

/* 모바일 메뉴 열기 */
a.open_sidemenu { position:relative; position:absolute; display:block; right:15px; top:20px; width:30px; height:21px; font-size:0; 
transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;}
a.open_sidemenu span {display:inline-block;position:absolute;width:26px;height:3px;left:50%;margin-left:-13px;top:50%;margin-top:-1px;background-color:#ed6d00;}
a.open_sidemenu span:before {position:absolute;width:26px;height:3px;left:50%;margin-left:-13px;top:-7px;background-color:#ed6d00;content:"";display:block;}
a.open_sidemenu span:after {position:absolute;width:26px;height:3px;left:50%;margin-left:-13px;top:7px;background-color:#ed6d00;content:"";display:block;}

a.open_sidemenu.active span {background:none;}
a.open_sidemenu.active span:before {background:#fff;top: 0;transform:rotate(45deg);}
a.open_sidemenu.active span:after {background:#fff;top: 0;transform:rotate(-45deg);}


#gnb_wrap:hover a.open_sidemenu span, #gnb_wrap:hover a.open_sidemenu span:before, #gnb_wrap:hover a.open_sidemenu span:after, 
#gnb_wrap:focus a.open_sidemenu span, #gnb_wrap:focus a.open_sidemenu span:before, #gnb_wrap:focus a.open_sidemenu span:after { background:#ed6d00; }

#gnb_wrap.active a.open_sidemenu span {background:#ed6d00;}
#gnb_wrap.active a.open_sidemenu span:before {background:#ed6d00;}
#gnb_wrap.active a.open_sidemenu span:after {background:#ed6d00;}


/* 모바일 메뉴 닫기 */
.close_sidemenu_bg { position:relative; display:block; width:100%; height:60px; background:#ed6d00; }
.close_sidemenu_bg .tit { position:absolute; display:block; left:15px; top:24px; }
.close_sidemenu_bg .tit span { font-size:15px; color:#2e7c25; vertical-align:top }

.close_sidemenu_bg .tit a { font-size:15px; color:rgba(255, 255, 255, 0.7); display:inline-block; height:21px; padding-left:24px; margin-right:10px }
.close_sidemenu_bg .tit a.login_m { background:url('/images/common/top_icon1.png') no-repeat 0 2px; background-size:14px; }
.close_sidemenu_bg .tit a.join_m { background:url('/images/common/top_icon2.png') no-repeat 0 2px; background-size:15px; }
.close_sidemenu_bg .tit a.logout_m { background:url('/images/common/top_icon3.png') no-repeat 0 2px; background-size:14px; }
.close_sidemenu_bg .tit a.myinfo_m { background:url('/images/common/top_icon4.png') no-repeat 0 2px; background-size:14px; }

a.close_sidemenu { position:relative; position:absolute;  display:block; right:15px; top:15px; width:30px; height:21px; font-size:0; 
transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;}
a.close_sidemenu span {display:inline-block;position:absolute;left:50%;margin-left:-13px;top:50%;margin-top:-1px;width:26px;height:3px;background-color:#fff;}
a.close_sidemenu span:before {position:absolute;width:26px;height:3px;left:50%;margin-left:-13px;top:-7px;background-color:#fff;width:;height:;content:"";display:block;}
a.close_sidemenu span:after {position:absolute;width:26px;height:3px;left:50%;margin-left:-13px;top:7px;background-color:#fff;width:;height:;content:"";display:block;}

a.close_sidemenu.active span {background:none;}
a.close_sidemenu.active span:before {background:#fff;top: 0;transform: rotate(45deg);}
a.close_sidemenu.active span:after {background:#fff;top: 0;transform: rotate(-45deg);}



/* 모바일 메뉴 스크롤 */
#sidemenu_wrap { overflow:auto; position:absolute; width:100%; top:60px; bottom:0; z-index:1;  }
.sidemenu_w { position:fixed; top:0; bottom:0; right:-280px; width:280px; background:#ed6d00; }

/* 모바일 메뉴 스타일 */
.sidemenu { position:absolute; width:100%; }

.sidemenu a.toggle span { 
	z-index:9998; position:absolute; top:50%; margin-top:-4px; right:20px;
	width:13px; height:8px; background:url('/images/common/sidemenu_bullet.png') no-repeat;
	-webkit-transition:all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out; 
}
.sidemenu a.expanded span { 
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg); 
	-o-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); 
	transform: rotate(180deg);
}

.sidemenu ul ul.submenu, 
.sidemenu ul ul.submenu li ul.submenu { display: none; }

.sidemenu ul li a.mm { position:relative; display:block; text-indent:15px; height:43px; line-height:43px; font-weight:bold; text-align:left;
font-size:16px; background:#ed6d00; color:#fff; border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.sidemenu ul li a.mm.toggle { position:relative; display:block; text-indent:15px; height:43px; line-height:43px; font-weight:bold; text-align:left;
font-size:16px; background:#ed6d00; color:#fff; border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.sidemenu ul li a.mm.expanded { background:#ed6d00; border-bottom:1px solid rgba(0,0,0,0.1);; color:#fff; }

.sidemenu ul ul.submenu { padding:10px 0; background:#fff; box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .2) }
.sidemenu ul ul.submenu li a { position:relative; display:block; width:100%; height:36px; line-height:36px; background:#fff; 
font-size:14px; font-weight:600; color:#666; text-align:left; text-indent:15px; }
.sidemenu ul ul.submenu li a:hover { color:#ed6d00; }


/* 전체메뉴버튼 */
a.all_menu { 
	width:70px; 
	height:70px; 
	line-height:70px; 
	margin-top:27px; 
	margin-right:0px; 
	font-size:0; 
	display:block; 
	position:relative; 
	float:right;
}
a.all_menu span {display:inline-block;position:absolute;right:0;top:50%; margin-top:-1px;width:24px;height:3px;background-color:#fff;}
a.all_menu span:before {position:absolute;width:18px;height:3px;right:0;top:-7px; background-color:#fff;width:;height:;content:"";display:block;}
a.all_menu span:after {position:absolute;width:15px;height:3px;right:0;top:7px; background-color:#fff;width:;height:;content:"";display:block;}
a.all_menu span,
a.all_menu span:before,
a.all_menu span:after {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}

a.all_menu.active span {background:none;}
a.all_menu.active span:before {background:#ed6d00;top: 0;transform: rotate(45deg);}
a.all_menu.active span:after {background:#ed6d00;top: 0;transform: rotate(-45deg);}

#gnb_wrap.active a.all_menu {
	width:60px;
	height:60px;
	line-height:60px;
	margin-top:0;
}


#gnb_wrap.active a.all_menu span { background-color:#ed6d00; }
#gnb_wrap.active a.all_menu span:before { background-color:#ed6d00; }
#gnb_wrap.active a.all_menu span:after { background-color:#ed6d00; }

#gnb_wrap.active a.all_menu.active span { background:none; }
#gnb_wrap.active a.all_menu span:before { }
#gnb_wrap.active a.all_menu span:after { width:18px; }

#gnb_wrap:hover a.all_menu span, #gnb_wrap:hover a.all_menu span:before, #gnb_wrap:hover a.all_menu span:after, 
#gnb_wrap:focus a.all_menu span, #gnb_wrap:focus a.all_menu span:before, #gnb_wrap:focus a.all_menu span:after { background:#ed6d00; }



/* ============================================================================================================================================================== */


/* 사이트맵 */
#allMenu { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9998; }
#allMenu .layer_bg { position:absolute; top:0; left:0; width:100%; height:100vh; background:#ed6d00; }
#allMenu .layer_area { 
	width:var(--max-width);
	position:absolute; 
	left:50%; 
	top:50%; 
	transform: translate(-50%, -60%);
}

#allMenu .info {}
#allMenu .header {}
#allMenu .header img {
	max-width:240px;
	padding-bottom:20px;
	display:block;
}
#allMenu .header h2 { line-height:55px; float:left; display:block; font-size:20px; font-weight:600; color:#fff; }
#allMenu .header h2 span { 
	font-size:15px; 
	color:rgba(255,255,255,0.4); 
	font-family: 'GmarketSansLight';
}

#allMenu .pop_close { 
	position:absolute; 
	right:30px;
	top:30px;
	display:block; 
	width:60px; 
	height:60px; 
	border:0;
	font-size:0; transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}
#allMenu .sitemap_wrap { 
	width:100%; 
	padding:80px 0 60px;
	display:inline-flex; 
	overflow:hidden;
}
#allMenu .sitemapBox {
	width:25%;
	text-align:center;
}
#allMenu .sitemap_wrap dt {  
	padding-bottom:20px;
	font-size:26px; 
	color:#fff; 
    font-family: 'GmarketSansBold';
}
#allMenu .sitemap_wrap dd ul { overflow:hidden; }
#allMenu .sitemap_wrap dd ul li { 
	line-height:40px;  
}
#allMenu .sitemap_wrap dd ul li a { 
	width:100%;
	font-size:18px; 
	color:rgba(255,255,255,0.5); 
	font-family: 'GmarketSansLight';
	display:block;
}
#allMenu .sitemap_wrap dd ul li a:hover { 
	color:rgba(255,255,255,1); 
}
.sitemapBtn {
	width:100%;
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.sitemapBtn a {
	width:32%;
	line-height:60px;
	font-size:18px; 
	text-align:center;
	font-family: 'GmarketSansMedium';
	border:1px solid rgba(255,255,255,0.5);
	color:rgba(255,255,255,0.5);
}
.sitemapBtn a:hover {
	border:1px solid rgba(255,255,255,1);
	color:rgba(255,255,255,1);
	background-color:rgba(0,0,0,0.1);
}




@media (max-width:1370px) {
	#allMenu .layer_area { 
		width:var(--max-width-s);
	}
}
@media screen and (max-width:1260px) {	
	a.all_menu { 
		margin-top:16px; 
	}
}


/* 검색부분 */
.top_sm { position:absolute; top:20px; right:0; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease; }
.top_sm a { line-height:48px; font-size:14px; padding-right:33px; color:#010101;}
.top_sm a:hover { color:#0049d3 }
.top_sm #sWord { width:240px }
a.login { display:inline-block; vertical-align:top; width:150px; height:28px; line-height:26px; padding:0; background:#fff; 
text-align:center; font-size:15px; color:#000; border:1px solid #333 }
a.login:hover { background:#ed6d00; border:1px solid #ed6d00; color:#fff }
.active .top_sm { display:none;}
.active a.login { width:70px; }

/* 검색 메뉴 */
#gnb_wrap.active .top_sm { 
	top:5px; 
}
#gnb_wrap.active .top_sm a {
	display:none;
}
#gnb_wrap .top_sm input {
	vertical-align:top;
	height:35px;
	line-height:35px;
	border:none;
	margin-right:25px;
	border-bottom:1px solid #9f9f9f;
}
#gnb_wrap .top_sm label {
	position:absolute;
	right:0;
	top:0;
}
#gnb_wrap .top_sm label a {
	display:inline-block;
	width:30px;
	height:35px;
	line-height:30px;
	border-bottom:1px solid #9f9f9f;
}

/* ============================================================================================================================================================== */

@media all and (max-width:1370px) { 

	#gnb_wrap.active h1 { margin-right:0px; }
	#gnb .wrap { width:var(--max-width-xl); }
	#sub .wrap { width:var(--max-width-xl); }
	#sub {background-position:-150px 0px;}

}

/* ============================================================================================================================================================== */

@media all and (max-width:1279px) { 

	#gnb ul li ul li a:link, 
	#gnb ul li ul li a:visited,
	#sub_wrap #gnb ul li ul li a:link,
	#sub_wrap #gnb ul li ul li a:visited { font-size:13px; }

	#sub .wrap { width:var(--max-width-l); }

	/* 서브메뉴 펼쳐졌을때 왼쪽 이미지 영역
	#sub .subimg { top:0; width:230px; height:240px; }
	#sub .img1 { background:url('../images/common/simg1_m.png') no-repeat 0 20px; }
	#sub .img2 { background:url('../images/common/simg2_m.png') no-repeat 0 20px; }
	#sub .img3 { background:url('../images/common/simg3_m.png') no-repeat 0 20px; }
	#sub .img4 { background:url('../images/common/simg4_m.png') no-repeat 0 20px; }
	#sub .img5 { background:url('../images/common/simg5_m.png') no-repeat 0 20px; } */

}
@media all and (max-width:1139px) { 

	#gnb .wrap { width:var(--max-width-m);}
	#sub .wrap { width:var(--max-width-m); }


}



/* ============================================================================================================================================================== */

@media all and (max-width:1023px) { 

	/* 상단메뉴 */
	#header { width:100%; }
	.top_sm { display:none; }

	/* gnb 대메뉴 공통속성 */
	#gnb_wrap { display:none; }
	#gnb_m { display:block; width:100%; background:#fff; border-bottom:1px solid rgba(0,0,0,0.1); height:60px; }
	#gnb_m .wrap { width:95%; margin:0 auto; }

	/* 로고 */
	#header h1 { position:absolute; left:20px; top:5px; }
	#gnb_m h1 a{ 
		width:120px;
		height:50px;
		background:url('/images/common/cau_logo.png') no-repeat 0 center;
		background-size: auto 35px;
		display:block;
	}

}