@charset "utf-8";

/* header */
#header { width: 100%; min-width:320px;  position: fixed; top: 0; left: 0; z-index: 999; /*border-bottom:1px solid #b7bbbe;*/ padding:0 15px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));}
#header.stiky {position: fixed; background-color: rgba(0,0,0,.3); }
#header .logo {display: inline-block; float:left; margin-right:40px;  line-height: 90px;}

#header .top_util {  position: absolute; top:20px; right: 170px; }
#header .top_util li {display: inline-block; vertical-align: middle; margin: 0 3px;}
#header .center {  position: absolute; top: 0; left: 10px; }

#header .language { position: absolute; top: 20px; right: 45px; z-indeX: 1; font-size: 0;}
#header .language > div {  position: relative; display: inline-block;}
#header .language .btn-dropdown { display: inline-block;  vertical-align: top;  font-size: 14px; color: #fff;   padding:10px 10px;  border:1px solid #fff;  font-weight:300; transition:0.5s; }
#header .language .btn-dropdown img { position: relative; display: inline-block;  vertical-align: middle; margin-left: 10px;}
#header .language > div > ul { position: absolute; top: calc(100% + 0px); right: 0; display: none;  width: 110px; padding: 15px 10px;  background-color: #fff;}
#header .language > div > ul > li > a { display: table;  width: 100%;}
#header .language > div > ul > li > a > div { display: table-cell; text-align: left;  vertical-align: middle;}
#header .language > div > ul > li > a > div.ico-img { width: 30px;}
#header .language > div > ul > li > a > div > img { display: block;  margin: 0;}
#header .language > div > ul > li > a > div > p { font-size: 12px; color: #000; font-weight: 400;}
#header .language > div > ul > li ~ li {   margin-top: 10px;}
#header .language.show > div > ul {display: block;}
#header .language.show > div > .btn-dropdown img {  transform: rotate(180deg);}
#header .top_link {  display: none;}
.lang {display: none;}

#header #gnb { position:relative; width:900px; float:right; right:50px }
/* gnb - depth1 */
#header #gnb .dep1_wrap {display: flex; justify-content:space-between;}
#header #gnb .dep1_wrap .dep1_con  { }
#header #gnb .dep1_wrap .dep1_con .dep1 {display: block; height: 90px; line-height: 90px; text-align: center; position: relative; color: #fff; font-size: 18px; font-weight: 400; transition:0.5s; }
#header #gnb .dep1_wrap .dep1_con:hover .dep1,
#header #gnb .dep1_wrap .dep1_con .dep1:focus,
#header #gnb .dep1_wrap .dep1_con.active .dep1 {color: #d29375; }

/* 사이트맵 버튼 */
.open_sitemap{position: absolute; top:35px; right: 20px; z-index: 999;}
.open_sitemap a{position:relative;display:block;width: 28px; height: 18px;  transition:.25s;}
.open_sitemap a span{position:absolute;left:0;top:50%;display:block;width:20px;height:2px;background-color:#fff;margin:-1px 0 0 14px;text-indent:-9999px;}
.open_sitemap span,
.open_sitemap span:before,
.open_sitemap span:after{content:"";left:0;position:absolute;display:block;width:32px;height:100%;background-color:#fff;transition:.25s;}
.open_sitemap span:before{top:-7px;}
.open_sitemap span:after{bottom:-7px;}
.open_sitemap.active { position: fixed;  top: 30px; right: 25px;  margin-right: 0;z-index: 999;}

.open_sitemap .active span{background-color:transparent;}
.open_sitemap .active span:before{top:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); background-color: #333;}
.open_sitemap .active span:after{bottom:0;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);background-color: #333;}
/* 사이트맵 */
.sitemap { width: 300px; height: 100%; background-color: #fff; position: fixed; top: 0; right: -300%;z-index: 99; box-shadow:-1px 0px 5px rgba(0,0,0,.3); overflow-y:auto;}
.sitemap .site_logo {padding: 40px 0 20px; text-align: center;}
.sitemap .dep1_wrap {width: 100%; padding:70px 20px 20px; }
.sitemap .dep1_wrap .dep1_con { padding: 0 5px;}
.sitemap .dep1_wrap .dep1_con .dep1 {display: block; height: 45px; padding-left: 10px; line-height: 45px;color: #333; border-bottom: 1px solid #dedede; font-weight: 400;font-size: 18px; position: relative; transition:0.25s;}
.sitemap .dep1_wrap .dep1_con .dep1_more {	}
.sitemap .dep1_wrap .dep1_con .dep1_more:after {content:''; display: block; width: 11px; height: 5px; background: url('../images/common/select_arr.png') 0 0 no-repeat; position: absolute;  top: 19px; right: 20px;}
.sitemap .dep1_wrap .dep1_con .dep1_more.active:after { -webkit-transform:rotate(180deg); transform:rotate(180deg);}

.sitemap .dep1_wrap .dep1_con:first-child .dep1 {border-top: 1px solid #dedede;}
.sitemap .dep1_wrap .dep1_con:hover .dep1,
.sitemap .dep1_wrap .dep1_con.active .dep1 {color: #d29375 !important;}



#top_trigger{display:none;position:fixed;right: 3.2%; bottom:5%;z-index:9; cursor: pointer; /*background-color: rgba(255,255,255,.5);*/ transition:.25s;}
#top_trigger:hover {background-color: transparent; padding-bottom:10px}


@media all and (max-width:1800px){
	#header { padding:0 15px;}

}
@media all and (max-width:1500px){
	
}
@media all and (max-width:1330px){
	#header #gnb .dep1_wrap {display: flex; justify-content: space-between;  padding: 20px 20px;}
	#header #gnb .dep1_wrap .dep1_con .dep1 {display: block;  height: 60px;   line-height:60px;  text-align: center;   position: relative;  color: #fff; font-size: 18px; font-weight: 400; transition: 0.5s;}
   

}
@media all and (max-width:1000px){ 
	#header #gnb {display: none;}
	#header .logo a { display: inline-block; vertical-align: middle; line-height: 70px; height: 70px}
	#header .logo img {width: 80%;}
}
@media all and (max-width:768px){
	#header .logo {position: static;  margin: 0 0; line-height:70px;}
	#header .logo img {width: 70%;}
	#header .center {  position: absolute; top: 18px; left: 15px;}
	#header .center img{ width:55%;}
	#header .top_link { display:inline-block;  position: relative ; top: 0; left: 30px; text-align:center; z-index:999;}
	#header .top_link li { display: inline-block;  vertical-align: middle;  margin: 20px auto; }
	#header .top_link li img{ width:24%; padding-right:10px;}
	#header .language { display:none;}
	#header .top_util {display: none;}
	
	.lang { display:block;  background-color: #000; position:relative }
    .lang ul:after { display:block; content: ''; clear: both; }
    .lang ul li { float: left; width: 33.33%; }
    .lang ul li a { display: block; width: 100%; padding: 15px 20px; color: #fff; font-size: 12px; text-align: center; box-sizing: border-box; }
    .lang ul li a img { display: block; margin: 0 auto 10px auto; }
	
	
	.open_sitemap a span { position: absolute;  left: 0;  top: 50%; display: block;width: 20px; height: 2px;  background-color: #fff;  margin: 0 0 0 0; text-indent: -9999px;}
	.open_sitemap { position: absolute;  top: 34px;  right: 0;  z-index: 999;}
	.sitemap .dep1_wrap { width: 100%;  padding: 80px 20px 20px;}
	.sitemap .dep1_wrap .dep1_con .dep1 {display: block; height: 45px; padding-left: 10px; line-height: 45px;color: #333; border-bottom: 1px solid #dedede; font-weight: 400;font-size: 14px; position: relative; transition:0.25s;}


  #top_trigger {width: 80px; bottom: 25px; right: 15px;}
	
	
}
@media all and (max-width:486px){

	
}