@charset 'euc-kr';

 
/* Header */
#header_wrap {width:100%; display:inline-block; position:fixed; z-index:99999; top:0;    }
 
 
header#header {
	position:absolute;
	z-index: 99999999;
	width: 100%;
	top:0; 
	left:50%; 
	margin: 0px auto;
	 background-color:#fff;
	transform: translate(-50%, 0); 
	box-sizing: border-box;  
	border-bottom:1px solid #E2E2E2;
}
 
header#header.scroll {background-color:#fff} 

header#header .in{
	display:flex; 
	align-items:center; 
	justify-content: space-between;
}

header#header h1 {line-height:0; cursor:pointer}
  

header#header nav#gnb { display:inline-block;  }
header#header nav#gnb > ul {  display:flex; align-items:center; justify-content:center;  }
header#header nav#gnb > ul > li { display:flex;  box-sizing:border-box; text-align:Center; position:relative; z-index:99999999999999; align-items:center; justify-content:center;}
 header#header nav#gnb > ul > li:last-child:after {display:none }
header#header nav#gnb > ul > li:last-child  { background:none }
 
 
header#header nav#gnb > ul > li span {
	display: inline-block;
	padding:37px; 
	font-size: 18px;
    white-space:nowrap;
	line-height:1.4; 
	font-weight: 600;
	color: #111; 
	cursor:pointer;

	letter-spacing:0;
  
}
 
header#header nav#gnb > ul > li:hover span  {color:var(--main_c)} 
header#header nav#gnb > ul > li span:hover {color:var(--main_c)} 
header#header nav#gnb > ul > li > ul { display:none;  width:155px;  position:absolute; left:50%; transform: translate(-50%, 0); top:60px;   box-sizing:border-box; border-radius:10px; padding-top:20px}
header#header nav#gnb > ul > li > ul > li {width:100%; padding:10px 10px; box-sizing:border-box; background:#f3f3f3;}
header#header nav#gnb > ul > li > ul > li:first-child {padding-top:20px}
header#header nav#gnb > ul > li > ul > li:last-child {padding-bottom:20px  }
header#header nav#gnb > ul > li > ul > li > a  {display:inline-block; padding:0; width:100%; font-size:16px; color:#333}
header#header nav#gnb > ul > li > ul > li > a:hover  {color:var(--main_c)}
 


.last_div {display:flex;  align-items:center; gap:50px;}
.global{display:flex; gap:30px; }
.global a{font-size:18px; color:#C5C5C5; position:relative;}
.global a.ov{color:#000;}
.global a:first-child::before{position:absolute; content:''; width:1px; height:18px; background:#000; top:2px; right:-15px;}
 


#header p.ham { display:flex; flex-direction:column; align-items:flex-end;  justify-content:center;  cursor:pointer;}
#header p.ham span {width:20px; height:2px; border-radius:5px;  background-color:#333; float:left;}
#header p.ham span + span {margin-top:4px; }
#header p.ham span:nth-child(2) {width:16px; float:right}

 
  
header#header nav#gnb > ul > li span.c_link  { display:inline-block}
header#header nav#gnb > ul > li span.tc_link  {display:none}
 
 
 
 @media all and (max-width:1400px) {
	   header#header  {padding:17px 0;}
	   header#header .in{padding:0 20px; box-sizing:border-box;}
       header#header nav#gnb > ul > li span { padding:0 3vw }
	   header#header nav#gnb > ul > li > ul{top:20px;}
	   header#header h1 img {width:150px;}
}

 @media all and (min-width:900px) {
     #header p.ham + p.ham {display:none }

}

 @media all and (max-width:900px) {
		header#header h1 img {width:99px}
		header#header nav#gnb  {display:none}
		.last_div {margin-left:auto }
		.last_div #openPdfButton {display:none }
		#header p.ham:nth-child(2) {display:none}
		#header .span_wrap {display:none}
		.global{display:none;}
		#header p.ham{width:24px;}
		#header p.ham img{width:100%;}
 }
 


.needpopup-opened,.needpopup-opened body{overflow:hidden}
.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto} 

.needpopup_wrapper{position:fixed;z-index:999999999999999;top:0;left:0;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0; }

.needpopup-opened .needpopup_wrapper{visibility:visible;opacity:1}
 
.needpopup {position:relative;z-index:9999; top:50%;left:50%; display:none;-webkit-box-sizing:border-box;box-sizing:border-box; width:90%; max-width:1200px; border-radius:10px; padding:35px; opacity:0;background:#fff; max-height:90vh; overflow-y:auto}
.needpopup.wide { max-width:1200px;   }

.needpopup.opened{opacity:1; top:50%; left:50%; transform:translate(-50%, 0);}

.needpopup.stacked{top:0!important;margin-top:0!important}
.needpopup-overflow .needpopup{left:0;width:auto;margin-left:0}

.needpopup .needpopup_remover{top:30px; right:30px; position:absolute; font-size:50px; font-weight:100; color:#111; width:16px; height:16px; display:flex; align-items:center; justify-content:center; border-radius:5px  }
.needpopup_remover:before{content:'+';   transform: rotate(45deg);}

.needpopup .scroll_div {max-height:60vh; width:100%; overflow-y:auto; box-sizing:border-box; padding-right:30px; font-size:.89em; color:#424242; line-height:1.3}
.needpopup {font-size:1em; line-height:1.5}
.needpopup h3 {font-size:1.11em; margin-bottom:30px }
 

 
.sitemap { top:0;left:0; width:100vw; max-width:none; border-radius:0; padding:0; min-height:100vh;  background:rgba(0,0,0,81%); backdrop-filter: blur(20px);}
.sitemap.opened{ top:0; left:0; transform:translate(0, 0); }
.sitemap .needpopup_remover{display:none;}

.sitemap .top_wrap{display:flex; justify-content:space-between; align-items: center; max-width:1280px; margin:0 auto; padding: 25px 0; box-sizing:border-box; }
.sitemap .global a.ov{color:var(--main_c)}
.sitemap .global a:first-child::before{background:var(--main_c); top:5px;}

.sitemap .wrap{margin-top:200px;}
.sitemap .in{display:flex; justify-content: center; gap:11vw; } 
.sitemap dl {text-align: center;  }
.sitemap dl dt {font-size:40px; font-weight:700; color:#fff; margin-bottom:60px; cursor:pointer; line-height:1.2}
.sitemap dl dd ul li{margin-bottom:20px;}
.sitemap dl dd ul li:last-child{margin-bottom:0px;}
.sitemap dl dd ul li a {color:#fff; font-size:18px;}
.sitemap dl dd ul li a:hover {text-decoration:underline}


 @media all and (max-width:1400px) {
	 .sitemap .top_wrap{padding:17px 20px; box-sizing:border-box;}
	 .sitemap .top_wrap h1 img{width:150px;}
 }

.privacy_t_pop {color:#383838; font-weight:300}


.mnavi { top:0;left:0;  width:100vw; max-width:100vw; border-radius:0; padding:20px 35px; min-height:100vh;   }
.mnavi.opened {width:100vw; height:100vh; margin-top:0 !important;  top:0 !important; left:0; transform:translate(0, 0) !important;}
.mnavi ul li span {position:relative; width:100%; display:flex;  align-items:center; font-size:20px; font-weight:500; padding:10px 0; color: #C5C5C5; border-bottom:1px solid #ddd }
.mnavi ul li span:hover {color:var(--main_c); border-bottom:1px solid var(--main_c) }

.mnavi ul li span:after   { 
    content: '';
    width: 10px;  
    height: 10px;  margin-top:-5px; margin-left:auto; margin-right:5px;
    border-top: 1px solid #C5C5C5; 
    border-right: 1px solid #C5C5C5; 
    transform: rotate(135deg); 
}
 .mnavi ul li span:hover:after { border-top: 1px solid var(--main_c);  border-right: 1px solid var(--main_c); margin-top:16px;    transform: rotate(-45deg);   }
.mnavi ul li:nth-child(n+4) span:after  {display:none}

  
.mnavi ul li ul {display:none}
.mnavi ul li:hover ul {display:block; box-sizing:border-box; width:100%; padding:15px 10px; background:#f3f3f3;}
.mnavi ul li:hover ul li {padding:3px 0; font-size:15px;  }
.mnavi ul li:hover ul li:last-child {padding-bottom:0;}
.mnavi ul li:hover ul li a {color:var(--main_c); display:inline-block; width:100%;} 

.mnavi .lang {gap:10px; margin-top:20px; display:flex; justify-content:end; align-items:center;}
.mnavi .lang a {font-size:19px; font-weight:700;  color:#c5c5c5; }
.mnavi .lang a.ov {color:#fff; background:var(--main_c);  box-sizing:border-box; padding:3px 10px;}

@media screen and (max-width:900px) {
		.needpopup {padding:17px 20px;} 
		.needpopup h3 {font-size:1em; margin-top:5px; margin-bottom:20px }
		.needpopup .needpopup_remover  {  right:20px;  top:23px }
 
}


footer{border-top: 1px solid #EAEAEA; box-sizing:border-box; padding:47px 0;}
footer .info{display:flex; justify-content:space-between; align-items:end; margin-top:28px;}
footer .info ul{padding-left:95px; box-sizing: border-box;}
footer .info li{margin-bottom:8px; display:flex; gap:30px; font-weight:400; color:#333;}
footer .info li b{color:var(--main_c); flex-shrink:0; width:40px;  font-weight:400;}
footer .info .right{color:#B5B5B5; font-weight:300; font-family: "Poppins", sans-serif; font-size:15px;}

.top_fixed{position:fixed; padding:15px; box-sizing:border-box; right:48px; bottom:48px; background:var(--main_c); z-index: 999;}
.top_fixed img{transform: rotate(270deg);}



@media screen and (max-width:900px) {
	footer img{width:171px;}
	footer .info{flex-direction:column; align-items:start; gap:10px; font-size: 13px;}
	footer .info ul{padding-left:0;}
	footer .info li{gap:21px;}
	footer .info .right{font-size:13px;}
	.top_fixed{right:20px; bottom:20px; }
	.top_fixed img{width:20px;}
}