html{
width:100%;
height:100%;
}

a:link    {color:#000; text-decoration:none;}
a:visited {color:#000;}
a:active  {color:#000;}
a:hover  {color:#000;}
a {outline: none; select-dummy: expression(this.hideFocus=true);}

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(./woff2/Pretendard-Black.woff2) format('woff2'), url(./woff/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(./woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(./woff/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(./woff2/Pretendard-Bold.woff2) format('woff2'), url(./woff/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(./woff2/Pretendard-SemiBold.woff2) format('woff2'), url(./woff/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(./woff2/Pretendard-Medium.woff2) format('woff2'), url(./woff/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(./woff2/Pretendard-Regular.woff2) format('woff2'), url(./woff/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(./woff2/Pretendard-Light.woff2) format('woff2'), url(./woff/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(./woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(./woff/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(./woff2/Pretendard-Thin.woff2) format('woff2'), url(./woff/Pretendard-Thin.woff) format('woff');
}

body {
font-family:'Pretendard, Noto Sans KR',Noto Sans KR,'Nanum Gothic','나눔 고딕',나눔고딕,NanumGothic,Malgun Gothic,'Malgun Gothic','맑은 고딕','Dotum' , sans-serif ;
font-size:17px;
letter-spacing:-0.05vw;
margin:0;
padding:0;
color:#111;
width:100%;
height:100%;
line-height:160%;
background:#fff;
}
* {box-sizing:border-box;}
.animation {
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
.duck_foot {font-size:11px; line-height:15px;}
.txt_eng {font-family:'Nanum Square',NanumSquare;}
.mo_view {display:none;}
input, select, textarea {font-family:'Noto Sans KR',Noto Sans KR,'Nanum Gothic','나눔 고딕',나눔고딕,NanumGothic,Malgun Gothic,'Malgun Gothic','맑은 고딕','Dotum' , sans-serif ;}
h1, h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:normal; }
ul, li, dl, dt, dd {padding:0; margin:0; list-style:none;}
p {margin:0; padding:0;}
img {vertical-align:top;}
#hd_login_msg, #hd_pop {display:none;}
.pager {position:absolute; z-index:1000; text-align:center; width:100px; top:680px; left:270px; opacity:0;
-webkit-transition:all 1.0s ease .1s;
-moz-transition:all 1.0s ease .1s;
-ms-transition:all 1.0s ease .1s;
-o-transition:all 1.0s ease .1s;
transition:all 1.0s ease .1s;
}
.pager.on {left:300px; opacity:1;}
.pager span {width:15px; height:15px; background:#fff; display:inline-block !important; text-indent:-9999px; margin:0 5px; cursor:pointer; border-radius:20px; opacity:0.5;}
.pager span.cycle-pager-active {background:#e9b670; opacity:1;}
/* 기본테이블 */
table {border-collapse:collapse;border-spacing:0; width:100%;}
table th, table td {border-bottom:#ddd 1px solid; padding:15px; background:#fff; font-weight:normal;}

#header {width:100%; position:absolute; z-index:1000;}
#header:before {content:''; width:100%; height:5vw; position:absolute; top:0; left:0;	opacity:0; 
	transition:all 0.5s ease .1s; z-index:-1; background:#fff;
}
#header.view:before {opacity:1;}
#header:hover:before {height:17vw; opacity:1;}
#header .ci {position:absolute; left:3vw; line-height:5vw; top:1.7vw;}
#header .ci img {height:1.7vw;}
#header .gnb {position:absolute; text-align:center; width:100%;}
#header .gnb>li {display:inline-block; padding:0 2vw; position:relative;}
#header .gnb>li>a {line-height:5vw; font-weight:500; display:block; color:#333; font-size:1vw;}
#header .gnb>li ul {position:absolute; text-align:left; padding:10px 0 0 0; max-height:0; overflow:hidden; font-size:0.9vw; text-align:center; width:100%;
	transition:all 0.5s ease .1s; margin-left:-2vw;
}
#header .gnb>li ul:before {content:''; height:2px; background:#e9b670; position:absolute; top:0; width:0; left:0;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
#header .gnb>li:hover ul:before {width:100%;}
.soon {opacity:0.5;}
.soon ul {display:none;}
#header.on .gnb>li ul, #header:hover .gnb>li ul {max-height:200px;}
#header .gnb>li ul>li>a {display:block; height:35px; line-height:35px; color:#555;}
.quick {position:fixed; right:3vw; top:1.3vw; z-index:1100; overflow:hidden; transition:all 1s ease .1s; height:3.6vw;}
.quick li {float:left; margin-left:0.5vw; height:100%;}
.quick li a {display:block; height:2.5vw; line-height:2.3vw; padding:0 0.8vw; font-size:0.9vw; 
	color:#111; border:#111 1px solid;
}
.quick li+li a {font-family: 'Paperozi'; letter-spacing:0; font-size:1vw; font-weight:500;}
.btn_all {position:absolute; right:50px; top:34px; cursor:pointer; z-index:4; height:26px; display:none;}
.btn_all.close {position:fixed;}
.btn_all.close div.line01, .btn_all.close div.line03 {width:0px;}
.btn_all li div {width:25px; height:2px; background:#333; margin:5px 0;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}

.mcont_wrap {height:100% !important; background:url('../img/mbg.jpg')center center; background-size:cover;}
.mcont_wrap .mcont, .cycle-carousel-wrap {width:100%; height:100%;}
.mcont_wrap .mcont01 {text-align:center;}
.mcont_wrap .mcont01 ul {width:100%; font-family: "Nanum Myeongjo", serif; color:#111; font-size:5vw;
	line-height:100%; position:absolute; top:50%; margin-top:-15vw
}
.mcont_wrap .mcont01 ul li {padding:1.5vw 0; position:relative;}
.mcont_wrap .mcont01 ul li.sec {font-family: "Noto Sans", sans-serif; color:#fff; font-size:2.7vw; font-weight:700;
	margin:1vw 0;
}
.mcont_wrap .mcont01 ul li.sec:before {content:''; width:100%; height:100%; position:absolute; left:0; top:0;
	background:#e72539; z-index:-1;
}

#footer {background:#111; padding:2vw 3vw;}
#footer .wrap {width:100%; font-size:0.8vw; position:relative; line-height:170%; overflow:hidden;}
#footer .wrap dt {color:#fff; font-size:0.9vw;}
#footer .wrap dd>span {color:#fff;}
#footer .wrap .footer_bi {float:left;}
#footer .wrap .duck_foot, #footer .wrap .copy {color:#777; font-size:0.6vw;}
#footer .wrap .copy {text-transform: uppercase; font-family: 'Paperozi'; letter-spacing:0;}
#footer .wrap .line {display:inline-block; width:1px; height:10px; background:#555; margin:0 7px; opacity:0.5;}
#footer .wrap .footer_part {position:absolute; right:0; bottom:0; width:13vw; opacity:0.4;}

#scont {width:1200px; margin:0 auto;}

/*게시판*/
#bo_w, #content {width:1200px; margin:50px auto;}

/*모바일*************************************************************/
@media all and (max-width:1099px) {

/* 공통 */
.mo_view {display:block;}
.pc_view {display:none;}
body {font-size:14px;}
#cont_wrap {width:100%; min-height:100px; margin:0 auto; padding:0; max-width:900px;}
.view_mo {display:block;}
#contp {width:100%; padding:70px 15px 15px 15px;}
#simg {height:200px; line-height:250px; font-size:30px;}
.nav {display:none;}

/* 헤더 */
#header {height:50px;}
#header .ci {left:15px; line-height:60px;}
#header .ci img {height:30px;}
#header .gnb {position:fixed; background:#333; top:50px; width:90%; padding:30px; z-index:-1; left:-100%;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
#header .gnb.on {left:5%; z-index:1;}
#header .gnb li {display:block; position:relative; z-index:1;}
#header .gnb li a {color:#fff; height:50px; line-height:50px; border-top:#444 1px solid; letter-spacing:5px; display:block;}
#header .gnb li:first-child a {border-top:0;}
#header .gnb:after {position:fixed; background:#111; width:100%; height:100%; opacity:0; top:0; left:0; content:''; z-index:-1; display:none;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
#header .gnb.on:after {opacity:0.8; display:block;}
.quick {height:auto; top:auto; bottom:0; right:0; width:100%; overflow:hidden; border-top:#e5d6ca 1px solid;}
.quick li {width:50%; float:left; margin:0;}
.quick li a {font-size:13px; height:50px; line-height:50px; border:0 !important; width:100%; background:#efe8e2;
	text-align:center; color:#111 !important; border-right:#e5d6ca 1px solid !important;
}
.quick li+li a {font-size:15px;}
.btn_all {position:absolute; right:15px; top:15px; z-index:1003; display:block;}
.btn_all.on {position:fixed;}

#footer {padding:20px 15px 70px 15px;}
#footer dl.wrap {font-size:12px; line-height:140%;}
#footer .wrap dt {font-size:14px; margin-bottom:5px;}
#footer .wrap .duck_foot, #footer .wrap .copy {font-size:9px; margin:5px 0; line-height:130%;}
#footer .wrap .footer_part {position:relative; right:auto; bottom:auto; width:50%; margin-top:5px;}
#footer .wrap .br {display:block; height:0; }

}