@charset "UTF-8";


@media (max-width:1669px){
	#main {padding:0}
	.location .nav-depth {width: 95%}
}

@media (max-width:1024px){
	
	/*좌측서브메뉴*/
	
	#snb {display:none;}
	#contents {width:100%; padding:0 1rem}
	.contents_util{border-bottom:1px solid #d9d9d9; margin-bottom:3rem}
	.contents_util:after {background:none}
	.contents_util .util {margin-top: -7rem;}
	
	
	/*네비게이트*/
	.location > ul.path {display:none; /* position:absolute; top:13rem; right:0; width: calc(100% - 32rem); */}
	.location .nav-depth {display:none}
	.location ul.path li {display:inline-block; vertical-align:top}
	.location ul.path li + li::before {display:inline-block; position:relative; top:4px; font-family:"xeicon"; vertical-align:top; font-size:1.2rem; position:relative; margin-right:0.25rem; content:''}
	.location ul.path li.icon a {display:inline-block; overflow:hidden; width:1.5rem; text-align:center; vertical-align:0.5rem}
	.location ul.path li.icon a::before {display:block; width:100%; height:100%; font-family:"xeicon"; text-align:center; line-height:inherit; content:''}
	
	.location .nav-depth {width:100%; border-radius: 3rem 0 0 0; display:table; position:absolute; right: 0;top: -13rem; z-index:2; height:7rem; padding:0 .5rem}
	.location .list {display:table-cell; position: relative; width:50%; height:7rem; border-right: 1px solid rgba(255, 255, 255, 0.2); line-height: 6.8rem; padding:7rem 0 0 0}
	.location .list.depth1 {display:none}
	.location .list.depth2 {border-radius:3rem 0 0 0; overflow:hidden}
	.location .list a {color:#494949; display:block; font-size:1.6rem; position:relative; padding:0 2rem; line-height:3}
	.location .list li {visibility:hidden; overflow:hidden; width:0; height:0; opacity:0; background-color:#fff}
	.location .list li.active {visibility:visible; overflow:visible; width:auto; height:auto; opacity:1; position:absolute; left:0; top:0; width:100% !important; padding:0 !important; background-color:#f8bf31; border:none; color:#fff; line-height:3.4}
	.location .list li.active a {color:#53461d !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:4rem; line-height:4.4}
	.location .list li.active a::after {position:absolute; top:auto; left:auto; right:auto; font-family:"xeicon"; right:2rem; top:0; content:''; -webkit-transition:all 0.2s; transition:all 0.2s}
	
	.location .list.active li {border:1px solid #dfdcd6; border-top:0; visibility:visible; overflow:visible; width:auto; height:auto; opacity:1; -webkit-transition:all 0.2s; transition:all 0.2s}
	.location .list.active li:first-child, .location .list.active li.active:first-child + li {padding-top:1rem}
	.location .list.active li.active {border:none}
	.location .list.active li.active a {height:6.9rem}
	.location .list.active li a::after {-webkit-transform:rotate(180deg); transform:rotate(180deg)}
	.location .list.active li a:hover {color:#000}

}


@media (max-width: 1023px) {
	.contents_util .util .zoom, 
	.contents_util .util .print {display:none}
}