@charset 'utf-8';

/* °øÅë */
/*
font-family: 'Teko', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Lato', sans-serif;
font-family:'NanumSquare','³ª´®½ºÄù¾î','sans-serif';
font-family: 'Titillium Web', sans-serif;
font-family: 'Roboto', sans-serif;

*/

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }

.clearfix:after { content:""; display:block; clear:both; }
.inner1 { max-width:1720px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 auto;}
.inner2 { max-width:1400px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 auto;}
.inner3 { max-width:1300px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 auto;}
.inner4 { max-width:1250px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 auto;}
.inner5 { max-width:1174px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 auto;}

/* header */ 
#wrap { overflow:hidden;}
header { position:fixed; width:100%;  z-index:2000;  
transition: 0.6s all; 
-moz-transition: 0.6s all; 
-webkit-transition: 0.6s all; 
-o-transition: 0.6s all; 
-ms-transition: 0.6s all; 
}



header #hd_top  { text-align:center; display: flex; justify-content: space-between; align-items: center; }
header #hd_top .logo { left:0; top:21px; margin-right:180px; }
header #hd_top .topLogo { position:absolute; left:170px;top:18px; }
header #hd_top .topLogo ul { display:flex; gap:0 10px; margin-left:10px; }
header #hd_top .topLogo ul li img { height:57px; }
header #hd_top nav { }
header #hd_top nav .gnb { display: flex; align-items: center; }
header #hd_top nav .gnb > li { /* float:left;  *//* margin:0 4.82558139535% 0 0; */  display:inline-block; }
/* header #hd_top nav .gnb > li:last-child { margin:0; } */
header #hd_top nav .gnb > li > a { display:block; color:#fff; font-size:18px; font-weight:500; padding:37px 35px;}
header #hd_top nav .gnb > li:hover > a { color:#ad8a4d;}
header #hd_top nav .gnb > li .depth2 {  position: absolute; width: 100vw; z-index: 10000; top:89px; left: 0; height:50px;  background: transparent; /* opacity: 0;  */ display:none; }
header #hd_top nav .gnb > li .depth2:before { content:""; width:1000%;  height:50px; opacity:0; background:#000; display:block; position:absolute; left:-100%; top:0; z-index:999; 
transition: 0.4s all; 
-moz-transition: 0.4s all; 
-webkit-transition: 0.4s all; 
-o-transition: 0.4s all; 
-ms-transition: 0.4s all; 
}
header #hd_top nav .gnb > li .depth2.on:before { opacity:1;}
header #hd_top nav .gnb > li:nth-child(1) .depth2 { margin:0 0 0 -370px;}
header #hd_top nav .gnb > li:nth-child(2) .depth2 { margin:0 0 0 -150px;}
header #hd_top nav .gnb > li:nth-child(3) .depth2 { margin:0 0 0 -185px;}
header #hd_top nav .gnb > li:nth-child(4) .depth2 { margin:0 0 0 -115px;}
header #hd_top nav .gnb > li:nth-child(5) .depth2 { margin:0 0 0 30px;}
header #hd_top nav .gnb > li:nth-child(6) .depth2 { margin:0 0 0 250px;}
header #hd_top nav .gnb > li .depth2 > li { display: inline-block; position: relative;z-index: 1000; }
header #hd_top nav .gnb > li .depth2 > li:last-child { margin:0;}
header #hd_top nav .gnb > li .depth2 > li > a { display:block; height:50px; line-height:50px; color:#959595;  padding:0 25px;}
header #hd_top nav .gnb > li .depth2 > li:hover  > a {background:#ad8a4d; color:#fff;}
header #hd_top nav .gnb > li .depth2 > li > .depth3 {position: absolute; z-index: 10000; top:50px; height: 100%; background: transparent; /* opacity: 0;  */width:100%;  width:1200px;display:none; /* left:0; */ margin-left:0; }
/* header #hd_top nav .gnb > li .depth2 > li:nth-child(1) > .depth3 {  margin-left:-120px; } */
header #hd_top nav .gnb > li .depth2 > li:nth-child(2) > .depth3 {  margin-left:-194px; }
header #hd_top nav .gnb > li .depth2 > li:nth-child(6) > .depth3 {  margin-left:-250px; }
header #hd_top nav .gnb > li .depth2 > li:nth-child(7) > .depth3 {  margin-left:-795px; }
header #hd_top nav .gnb > li .depth2 > li:nth-child(8) > .depth3 {  margin-left:-300px; }

header #hd_top nav .gnb > li .depth2 > li > .depth3 > li { float:left; position: relative;z-index: 1000; }
header #hd_top nav .gnb > li .depth2 > li > .depth3 > li > a { display:block; height:50px; line-height:50px; color:#959595;  padding:0 25px; color:#dcc399;}
header #hd_top nav .gnb > li .depth2 > li > .depth3 > li > a:hover { color:#fff;}
header #hd_top nav .gnb > li .depth2 > li > .depth3:before { content:""; width:5000%;  height:50px; opacity:0; background:#ad8a4d; display:block; position:absolute; left:-2000%; top:0; z-index:999; 
transition: 0.4s all; 
-moz-transition: 0.4s all; 
-webkit-transition: 0.4s all; 
-o-transition: 0.4s all; 
-ms-transition: 0.4s all; 
}
header #hd_top nav .gnb > li .depth2 > li > .depth3.on:before  { opacity:1;}
header #hd_top .util {/* position:absolute; */ right:0; top:31px; display: flex; align-items: center; } 
header #hd_top .util > div { float:left; }
header #hd_top .util .schWrap { width:186px;}
header #hd_top .util .sns {}
header #hd_top .util .sns ul { display: flex; align-items: center; }
header #hd_top .util .sns ul li { float:left; margin:0 9px 0 0;}
header #hd_top .util .sns ul li:last-child { margin:0; }
header #hd_top .util .sns ul li.blog a { background:url("/img/common/blog_icon.png") no-repeat 1px top; }
header #hd_top .util .sns ul li.youtube a { background:url("/img/common/youtube_icon.png") no-repeat 1px top;}
header #hd_top .util .sns ul li a { display:block; color:#fff; font-size:11px; font-family: 'Nanum Gothic', sans-serif; padding:36px 0 0 0; overflow:hidden; }
header #hd_top .lang { border-left:1px solid #dbdbdb; padding:0 0 0 30px; margin:4px 42px 0 29px;}
header #hd_top .lang a { display:block;  width:31px; height:24px;}
header #hd_top .lang a.kor { background:url("/img/common/lang_en_icon.png") no-repeat;}
header #hd_top .schWrap { }
header #hd_top .schWrap .schBox { position:relative; border:1px solid rgba(255,255,255,0.5); border-radius:19px; overflow:hidden; }
header #hd_top .schWrap .schBox input[type="text"] { width:100%; height:38px; background:none; border:none; padding:0 0 0 23px; color:rgba(255,255,255,0.5); outline:none;}
header #hd_top .schWrap .schBox input[type="submit"] { background:url("/img/common/sch_icon.png") no-repeat left top; width:17px; height:17px; position:absolute; right:17px; top:9px; text-indent:-9999px; border:none;}

.schBox input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255,255,255,0.5);
	font-size:14px;
    opacity: 1; /* Firefox */
}

.schBox input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(255,255,255,0.5);
	font-size:14px;
}

.schBox input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(255,255,255,0.5);
	font-size:14px;
}


header.on { background:#fff; box-shadow:0 5px 50px rgba(0,0,0,0.2)}
header.on #hd_top nav .gnb > li > a { color:#333; }
header.on #hd_top .schWrap .schBox { border:1px solid rgba(102,102,102,0.5);}
header.on #hd_top .schWrap .schBox input[type="text"] { color:#666; }
header.on .schBox input[type="text"]::placeholder { color:#666; opacity:0.5;}
header.on .schBox input[type="text"]:-ms-input-placeholder { color:#666; opacity:0.5;}
header.on .schBox input[type="text"]::-ms-input-placeholder { color:#666; opacity:0.5;}
header.on #hd_top .schWrap .schBox input[type="submit"] { background-position:0 -17px !important; border:none;}
header.on #hd_top .util .sns ul li a { color:#777; }
header.on #hd_top .util .sns ul li.blog a { background-position:-29px 0 !important;}
header.on #hd_top .util .sns ul li.blog a:hover { background-position:-60px 0 !important;}
header.on #hd_top .util .sns ul li.youtube a { background-position:-31px 0 !important;}
header.on #hd_top .util .sns ul li.youtube a:hover { background-position:-64px 0 !important;}
header.on #hd_top .lang a { background-position:-31px 0;}
header.on #hd_top .lang a:hover { background-position:-62px 0;}

.menu_close,
.mobile { display:none;}
.m_menu_btn { position:absolute; right:15px; top:34px;}
.m_menu_btn button { width:37px; height:22px; background:url("/img/common/mobile_menu_btn.png") no-repeat;}
.gnbBg { display:none;}



/* footer */
footer { background:#000; }
footer #ft_top {border-bottom:1px solid rgba(255,255,255,0.2); height:57px; }
footer #ft_top .ftMenu { padding:20px 0 0 5%;}
footer #ft_top .ftMenu ul { }
footer #ft_top .ftMenu ul .depth2 { display:none; }
footer #ft_top .ftMenu ul li { float:left; margin:0 27px 0 0; }
footer #ft_top .ftMenu ul li a:after { content:"|"; display:inline-block; margin:0 0 0 25px;}
footer #ft_top .ftMenu ul li:last-child a:after { display:none;}
footer #ft_top .ftMenu ul li a { display:block;  color:#999; }
footer #ft_top .ftMenu ul li.on a { color:#fff; }
footer #ft_top .topBtn { position:absolute; right:0; top:0;}
footer #ft_top .topBtn button { background:url("/img/common/topBtn.png") no-repeat center #222; width:57px; height:57px; border:none;}
footer #ft_bot { padding:53px 0;}
footer #ft_bot .inner3 { }
footer #ft_bot .inner3 > div { float:left; }
footer #ft_bot .address { margin:0 0 0 4.76923076923%;}
footer #ft_bot .address p { color:#d1d2d4; font-size:14px; margin:0 0 18px 0; line-height:1.4;}
footer #ft_bot .address p span { display:inline-block; width:23px;}
footer #ft_bot .address p:last-child { margin:0; }
footer #ft_bot .address .copy {color:#7d7d7d;  font-weight:300; font-size:13px;}
.admin_link { position:absolute; right:0; top:0; text-transform:uppercase;  }
.admin_link a { color:#ad8a4d; display:block; background:url("/img/common/admin_icon.png") no-repeat right center; line-height:17px; font-size:13px; padding:0 35px 0 0; font-family: 'Lato', sans-serif;}

.board-mov { position: relative; max-width:800px; margin:0 auto; }
.board-mov:before {content:""; display:block; padding-bottom:56.5%; }
.board-mov iframe { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }