@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

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);}

body {
font-family:'Noto Sans KR',Noto Sans KR,'Nanum Gothic','나눔 고딕',나눔고딕,NanumGothic,Malgun Gothic,'Malgun Gothic','맑은 고딕','Dotum' , sans-serif ;
font-size:0.9vw;
letter-spacing:-1px;
margin:0;
padding:0;
color:#777;
width:100%;
height:100%;
line-height:160%;
background:#fff;
font-weight:400;
}
* {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;
}
.scont .duck_foot {font-size:0.7vw; line-height:1.1vw; text-align:left; background:#f5f4f2; border:#efe8e2 1px solid;
	padding:1vw; margin:4vw 0; color:#999;
}
.unitp.sub03p .scont .duck_foot {margin-bottom:2vw;}
.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; max-width:100%;}
#hd_login_msg, #hd_pop {display:none;}
.pager {position:absolute; z-index:1001; bottom:1vw; left:52%; opacity:1;
transition:all 1.0s ease .1s;
}
.pager.on {left:300px; opacity:1;}
.pager span {width:40px; height:40px; display:inline-block !important; text-indent:-9999px; margin:0 0.2vw; cursor:pointer; 
	border-radius:50px; position:relative;
}
.pager span:before {content:''; width:0.4vw; height:0.4vw; background:#a79b89; border-radius:10px; 
	position:absolute; top:50%; left:50%; z-index:2; margin:-0.2vw 0 0 -0.2vw;
}
.pager span.cycle-pager-active {background:#e6dccb;}
.pager span.cycle-pager-active:before {background:#111;}
/* 기본테이블 */
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:fixed; z-index:1100; top:0; left:0;}
#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:#111;
}
#header.view:before {opacity:1;}
#header:hover:before {height:17vw; opacity:1;}
#header .ci {position:absolute; left:3vw; top:1.3vw;}
#header .ci img {height:3.7vw; transition:all 0.5s ease .1s;}
#header.view .ci img {height:3vw; margin-top:-0.35vw;}
/* #header.view .ci img {filter: invert(1);} */
.mainp #header .gnb>li>a {color:#fff;}
.mainp #header img {filter:brightness(0) invert(1);}
.mainp #header.here img {filter:unset;}
#header .gnb {text-align:center;}
#header .gnb>li {display:inline-block; padding:0 2vw; position:relative;}
#header .gnb>li>a {line-height:5vw; font-weight:500; display:block; color:#fff; font-size:1vw;}
/* #header.view .gnb>li>a {color:#333 !important;} */
#header .gnb>li ul {position:absolute; text-align:left; padding:10px 0 0 0; max-height:0; overflow:hidden; width:100%; text-align:center; margin-left:-2vw;
-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 ul:before {content:''; height:2px; background:#e6dccb; 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:#fff;}
#header .tel {position:absolute; right:40px; top:26px; color:#39001f; font-size:25px; font-family:font-family:'Nanum Square',NanumSquare; font-weight:600;}
.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:#fff; margin:5px 0;
transition:all 0.5s ease .1s;
}
.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:#fff; border:#fff 1px solid;
}
.quick li+li a {font-family: 'Paperozi'; letter-spacing:0; font-size:1vw; font-weight:500;}
/* .mainp .quick a {color:#fff; border:#fff 1px solid;}
.mainp .quick.view a {color:#111; border:#111 1px solid;} */
.cycle-slideshow, .cycle-carousel-wrap {width:100% !important; height:100% !important;}
.mcont_wrap {/* background:#102441; */}
.mcont_wrap .mcont {height:100vh; position:relative;}
.mcont_wrap .mcont .cont {padding:10vw 7vw;}
.mcont_wrap .mcont .title {font-size:1.4vw; color:#111; font-weight:300; position:relative; z-index:1000;}
.mcont_wrap .mcont .title dt {font-size:3vw; letter-spacing:-0.2vw; line-height:120%; margin-bottom:2vw;}
.mcont_wrap .mcont .title dt div {font-weight:700;}
.mcont_wrap .mcont .title dd {font-family:'Paperozi'; letter-spacing:0;}
.mcont_wrap .mcont .title dd span {font-weight:700;}
.mcont_wrap .mcont01 {/* background:#fff; */ overflow:hidden;}
.mcont_wrap .mcont01 .text_rotate {position:absolute; width:8.5vw; top:10vw; left:5vw; opacity:0; z-index:1000;}
.mcont_wrap .mcont01 .text_rotate.on {opacity:1;}
.mcont_wrap .mcont01 .text_rotate div {position:absolute; color:#c3ac85; font-size:1.6vw; font-weight:700;
	line-height:125%; top:1vw; z-index:2; background:#102441; /* backdrop-filter: blur(5px); */ left:-0.5vw;
}
.mcont_wrap .mcont01 .text_rotate div span {font-weight:400; color:#fff;}
.text_rotate img {
  animation: rotateImg 5s linear infinite;
  display: inline-block; /* 회전 보장 */
}

@keyframes rotateImg {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

.mcont_wrap .mcont01 .cont {text-align:center; font-size:1.2vw; color:#102441; font-weight:200;
	position:absolute; width:100%; top:25%; padding:0
}
.mcont_wrap .mcont01 * {transition:all 0.5s ease .1s;}
.mcont_wrap .mcont01.on .cont {color:#fff;}
.mcont_wrap .mcont01 .cont li {opacity:0; margin-left:1vw;}
.mcont_wrap .mcont01 .cont li.on {opacity:1; margin-left:0;}
.mcont_wrap .mcont01 .cont li.t01 {margin-bottom:2vw; font-weight:300; color:#fff;}
.mcont_wrap .mcont01 .cont li.t01 span {position:relative; padding:0 1vw 0 0.5vw;}
.mcont_wrap .mcont01 .cont li.t01 span+span+span:before {display:none;}
.mcont_wrap .mcont01 .cont li.t01 span:before {content:''; position:absolute; height:60%; width:1px; background:#102441; top:24%; right:0; opacity:0.3;}
.mcont_wrap .mcont01.on .cont li.t01 span:before {background:#fff;}
.mcont_wrap .mcont01 .cont li.t01 ~ li {font-size:5vw; line-height:120%;}
.mcont_wrap .mcont01 .cont li.t01 ~ li span {font-weight:500;}
.mcont_wrap .mcont01 .img_bi {width:20vw; left:50%; position:absolute; margin-left:-10vw; bottom:12vw; opacity:0;
	transition:all 0.5s ease .1s;
}
.newp .mcont_wrap .mcont01 .img_bi {bottom:50%; margin-bottom:-20vh;}
.mcont_wrap .mcont01 .img_bi img {padding:0 5vw;}
.mcont_wrap .mcont01 .img_bi.on {opacity:1;}
.mcont_wrap .mcont01 .img_bi div {font-size:1.5vw !important; margin-top:2vw; color:#fff; border:2px solid #fff; padding:0.5vw; text-align:center;}
.mcont_wrap .mcont01 .img_bi div span {font-family:'Paperozi'; letter-spacing:0;}
.mcont_wrap .mcont01 .open_text {font-size:1.3vw !important; color:#fff; border:1px solid #fff; padding:0.5vw; text-align:center;
	position:absolute; right:3vw; top:5vw; z-index:1000; width:14.2vw;
}
.mcont_wrap .mcont01 .open_text span {font-family:'Paperozi'; letter-spacing:0;}
.mcont_wrap .mcont01 .dot {width:3vw; height:3vw; background:#102441; border-radius:1000vw; left:50%; 
	position:absolute; top:25%; z-index:-1; opacity:0; margin:8.5vw 0 0 -1vw;
}
.mcont_wrap .mcont01.ready .dot {width:0.7vw; height:0.7vw; opacity:1; transition:all 0.7s ease .1s; margin:9.5vw 0 0 -0.3vw;}
.mcont_wrap .mcont01.on .dot {width:200%; height:200%; top:-50%; left:-50%; transition:all 1.5s ease .1s;}
.mcont_wrap .mcont01.cycle-slideshow {height:100vh !important;}
.mcont_wrap .mcont01.cycle-slideshow .mslide
{width:100% !important; height:100% !important; position:relative !important;}
.mcont_wrap .mcont01.cycle-slideshow .cycle-carousel-wrap {transition:all 1.5s ease .1s;}
.mcont_wrap .mcont01.cycle-slideshow .ms02 {z-index:100 !important;}
.mcont_wrap .mcont01.cycle-slideshow .ms02 div:before {content:''; width:100%; height:30%; opacity:0.5;
	position:absolute; top:0; left:0; background:linear-gradient(to bottom, black, transparent);
}
.mslide .btn_mslide {position:absolute; z-index:2; border:#fff 1px solid; width:3vw; height:3vw; 
	border-radius:5vw; bottom:5vh; text-align:center; cursor:pointer;
}
.mslide .btn_mslide img {height:50%; margin-top:25%;}
.ms01 .btn_mslide img {transform:rotate(180deg);}
.ms01 .btn_mslide {right:5vh;}
.ms02 .btn_mslide {left:5vh;}
.mcont_wrap .mcont01.cycle-slideshow .ms02 div {width:100%; height:100%; background:url('../img/mimg01.jpg')center top; background-size:cover;}
.mcont_wrap .mcont02 {background:#333/* efe8e2 */;}
.mcont_wrap .mcont02 .btn_slide_wrap {position:absolute; z-index:1000; width:4vw; margin-top:2vw;}
.mcont_wrap .mcont02 .btn_slide_wrap img {cursor:pointer; margin-top:1vw;}
.mcont_wrap .mcont02 .mprem_text {z-index:1000; width:40vw !important;}
.mcont_wrap .mcont02 .mprem_text li {opacity:0; transition:all 0.5s ease .1s;}
.mcont_wrap .mcont02 .mprem_text li.cycle-slide-active {opacity:1;}
.mcont_wrap .mcont02 ul {position:absolute !important; width:100%; height:100%; top:0; left:0;}
.mcont_wrap .mcont02 ul li {position:relative !important; width:100%; height:100%;}
.mcont_wrap .mcont02 ul li dl {position:absolute; bottom:10vw; left:7vw; font-size:1.3vw; line-height:150%;
	color:#111; z-index:3;
}
.mcont_wrap .mcont02 ul li dl dt {font-family:'Paperozi'; letter-spacing:0; font-weight:700; font-size:3vw; 
	margin-bottom:3vw; color:#a19180;
}
.mcont_wrap .mcont02 ul li dl dt:before {content:''; width:7vw; height:1px; background:#a19180; 
	position:absolute; left:5vw; top:1vw;
}
.mcont_wrap .mcont02 ul li dl dd div {font-weight:700; font-size:1.7vw; margin-top:0.2vw;}
.mcont_wrap .mcont02 ul li .img {width:100%; height:100%; position:absolute; top:0; left:0;}
.mcont_wrap .mcont02 ul.mprem_img li:before {content:""; background:linear-gradient(to top, black, transparent); 
	position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; opacity:0; transition:all 0.5s ease .1s;
}
.mcont_wrap .mcont02 ul.mprem_img li.cycle-slide-active:before {opacity:0.3;}
.mcont_wrap .mcont02 ul.mprem_img li.c01 {background:url('../img/mdesign01.jpg')center right -10vw; background-size:cover;}
.mcont_wrap .mcont02 ul.mprem_img li.c02 {background:url('../img/mdesign02.jpg')center right -10vw; background-size:cover;}
.mcont_wrap .mcont02 ul.mprem_img li.c03 {background:url('../img/mdesign03.jpg')top right -10vw; background-size:cover;}
.mcont_wrap .mcont02 ul.mprem_img li.c04 {background:url('../img/mdesign04.jpg')center right -10vw; background-size:cover;}
.mcont_wrap .mcont02 ul.mprem_img li.c05 {background:url('../img/mdesign05.jpg')top right -10vw; background-size:cover;}
.mcont_wrap .mcont02 ul.mprem_img li.c06 {background:url('../img/mdesign06.jpg')center right -15vw; background-size:cover;}
.mcont_wrap .mcont02 .bg {width:100%; height:100%; position:absolute; top:0; left:0; z-index:900;
	background:url('../img/mdesign_bg.png')center center; background-size:cover;
}
.mcont_wrap .mcont03 {background:#111; overflow:hidden;}
.mcont_wrap .mcont03 .title {text-align:right; position:absolute; right:-2vw; color:#e6dccb; line-height:500%;}
.mcont_wrap .mcont03 .title dt {font-size:1.4vw; padding-right:10vw;}
.mcont_wrap .mcont03 .title dd {font-size:8vw; font-weight:100;}
.mcont_wrap .mcont03 ul {height:70% !important; position:absolute !important; bottom:10vh; left:15%; z-index:1000;}
.mcont_wrap .mcont03 .cycle-carousel-wrap {transition:all 0.5s ease .1s;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li {width:22vw; margin-left:4vw; height:100%; position:relative !important;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li .bg {background:#0f0902; position:absolute; width:100%;
	height:60%; bottom:0; border-radius:2vw; overflow:hidden; transition:all 0.5s ease .1s; 
}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li .bg:before {content:''; position:absolute; width:100%; height:100%; top:0; left:0; background-blend-mode: luminosity; opacity:0.5;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li .bg:after {content:''; position:absolute; width:100%; height:100%; top:0; left:0; background: linear-gradient(to top, black, transparent); opacity:0;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li.c01 .bg:before {background:url('../img/mprem01.jpg')#4d4741 center center; background-size:cover;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li.c02 .bg:before {background:url('../img/mprem02.jpg')#4d4741 center center; background-size:cover;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li.c03 .bg:before {background:url('../img/mprem03.jpg')#4d4741 center center; background-size:cover;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li.c04 .bg:before {background:url('../img/mprem04.jpg')#4d4741 center center; background-size:cover;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li.cycle-slide-active .bg {height:100%;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li.cycle-slide-active .bg:before {background-blend-mode:normal; opacity:0.8;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li.cycle-slide-active .bg:after {opacity:0.7;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li dl {z-index:2; position:absolute; bottom:-3vw; text-align:center; width:100%; color:#b1a99c;
	transition:all 0.5s ease .1s;
}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li dl dt {font-size:1.4vw; font-weight:500; margin-bottom:1vw;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li dl dd {opacity:0; transition:all 0.5s ease .1s; }
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li.cycle-slide-active dl {bottom:2vw;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li.cycle-slide-active dl dd {opacity:1;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li.cycle-slide-active dl dt {color:#fff;}
.mcont_wrap .mcont03 .btn_slide {position:absolute; left:5vw; bottom:5vw; opacity:0.8;}
.mcont_wrap .mcont03 .btn_slide div {width:4vw; height:4vw; border-radius:10vw; background:#e6dccb; 
	text-align:center; margin-top:1vw; cursor:pointer;
}
.mcont_wrap .mcont03 .btn_slide div img {width:50%; margin:1vw 0 0 0.3vw;}
.mcont_wrap .mcont03 .btn_slide div+div img {transform:rotate(-180deg); margin-left:-0.1vw;}
.mcont_wrap .mcont04 {background:#e6dccb; height:auto;}
.mcont_wrap .mcont04 .cont {padding:10vw 17vw;}
.mcont_wrap .mcont04 .title dt {font-size:1.4vw; margin-bottom:1.1vw;}
.mcont_wrap .mcont04 .title dd {font-size:3vw; }
.mcont_wrap .mcont04 .cont img {margin-top:-3vw;}
.mcont_wrap .mcont05 {height:75vw; background:url('../img/mimg01.jpg')center top; 
	background-size:cover;
}
.mcont_wrap .mcont05 .cont {text-align:center; color:#fff; padding-top:15vw;}
.mcont_wrap .mcont05 .cont .title {color:#fff;}
.mcont_wrap .mcont05 .cont .title dt {line-height:130%; font-size:4.5vw; margin-bottom:0;}
.mcont_wrap .mcont05 .cont .title dt span {font-weight:500;}

.scroll_down {
  position: absolute;
  background: #515c6b;
  width:2px;
  height:10vw;
  z-index: 1000;
  bottom:0;
  right:50%;
  overflow: hidden; /* 자식이 넘칠 때 잘리도록 */
  opacity:0;
}
.scroll_down.on {opacity:1;}

.scroll_down div {
  position: absolute;
  background: #fff;
  opacity:0.7;
  width: 100%;
  height: 100%; /* 부모 전체 높이 */
  transform: translateY(-100%); /* 시작은 위로 감춤 */
  animation: fillDown 2s linear infinite;
}

@keyframes fillDown {
  0% {
    transform: translateY(-100%); /* 위에서 안 보임 */
  }
  50% {
    transform: translateY(0); /* 부모 가득 채움 */
  }
  100% {
    transform: translateY(100%); /* 다시 아래로 사라짐 */
  }
}

#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;}

.simg {height:35vh; background:#111; top:0; text-align:center; position:relative;}
.simg h2 {font-size:3vw; text-transform: uppercase; color:#e7dbcb; font-family: 'Paperozi'; letter-spacing:0.5vw; 
	position:absolute; bottom:1vw; width:100%; line-height:100%; font-weight:200;
}
.simg h2 b {font-weight:700;}
.simg h2 span {display:block; font-size:1.1vw; margin-bottom:1vw; letter-spacing:0; font-weight:400;
	font-family:'Noto Sans KR',Noto Sans KR, sans-serif ;
}
.tab {text-align:center; background:#e6dccb; border:#111 1px solid; border-left:0; border-right:0;}
.tab li {display:inline-block; position:relative;}
.tab li:before {content:''; width:0.5px; height:40%; background:#555; position:absolute; left:0; top:30%;}
.tab li:first-child:before {display:none;}
.tab li a {display:block; line-height:3vw; color:#111; padding:0 2vw;}
.sub01p .tab li.st01 a,
.sub02p .tab li.st02 a,
.sub03p .tab li.st03 a,
.sub04p .tab li.st04 a,
.sub05p .tab li.st05 a
{color:#111; font-weight:700;}

.tab02 {margin:-2vw 0 4vw 0; display:flex; justify-content:center; border-bottom:#ddd 1px solid;}
.tab02 li {line-height:3.5vw; font-weight:500; color:#888; padding:0 2vw; cursor:pointer; text-align:center; min-width:10vw;}
.tab02 li.on {border-bottom:#a78232 1px solid; color:#a78232;}

.scont, #scont {width:70%; margin:7vw auto; text-align:center;}
.busip.sub01p.ssub02p .scont {width:65%;}
.scont h3 {color:#111; text-align:center; font-size:2vw; font-weight:300; line-height:150%; margin-bottom:4vw; letter-spacing:-0.1vw;}
.scont h3 span {font-weight:500;}

.busip.sub01p .scont {background:#e6dccb; width:100%; margin:0; padding:7vw;}
.busip.sub01p .scont img {width:45%;}
.busip.sub02p .scont img+h3 {margin-top:5vw;}
.busip.sub03p .scont img {width:84%;}
.busip.sub04p .scont {background:#e6dccb; width:100%; margin:0; padding:7vw;}
.busip.sub04p .scont ul {width:80%; overflow:hidden; margin:0 auto;}
.busip.sub04p .scont ul li {float:left; width:49.5%;}
.busip.sub04p .scont ul li+li {float:right;}

.danp.sub01p .scont {width:60%;}
.danp.sub04p .scont>img {padding:0 8vw;}
.danp.sub04p .scont>img+img {padding:0 17vw; margin-top:3vw;}
.danp.sub04p .scont ul {display:flex; flex-wrap:wrap; margin:3vw -0.5vw 0 -0.5vw;}
.danp.sub04p .scont ul li {flex:0 0 calc(33.333% - 1vw); margin: 1vw 0.5vw 0 0.5vw; position:relative;
	box-sizing: border-box; overflow:hidden;
}
.danp.sub04p .scont ul li div {position:absolute; z-index:2; right:1vw; bottom:1vw; color:#fff;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.9);
}
.danp.sub04p .scont ul li img {width:130%; max-width:none; margin:-15% 0 0 -15%;}

.unitp.sub02p .scont {padding:0;}
.unitp.sub02p .scont .tabcon ul {overflow:hidden;}
.unitp.sub02p .scont .tabcon ul li {position:relative; margin-top:1vw; width:100%;}
.unitp.sub02p .scont .tabcon ul li>div, .unitp.sub02p .scont .tabcon ul li span>div {position:absolute; top:0; z-index:2; font-size:1vw; 
	color:#fff; padding:1vw 1.5vw; font-weight:500; border-radius:0 0 1vw 0;
}
.unitp.sub02p .scont .tabcon ul li:nth-child(2n) div {left:auto; right:0; border-radius:0 0 0 1vw;}
.unitp.sub02p .scont .tabcon ul li.sero {display:flex; flex-wrap:wrap; margin:3vw -0.5vw 0 -0.5vw;}
.unitp.sub02p .scont .tabcon ul li.sero>span {flex:0 0 calc(33.333% - 1vw); margin: 1vw 0.5vw 0 0.5vw; position:relative;box-sizing: border-box;}
/* .unitp.sub02p .scont .tabcon ul li.wide {width:100%;} */
.unitp.sub02p .scont #tab01 ul li div {background:#019946;}
.unitp.sub02p .scont #tab02 ul li div {background:#046eb8;}
.unitp.sub02p .scont #tab03 ul li div {background:#f59701;}
.unitp.sub03p .scont iframe {width:100%; height:38vw; border:0;}
.unitp.sub03p .scont .btn {background:#111; color:#e6dccb; width:10vw; display:inline-block; 
	line-height:270%; border-radius:10vw; font-weight:500;
}

.docup.sub02p .scont .tabcon img+img {margin-top:1vw;}

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

/*온리 모바일 *******************************************************/
@media all and (min-width:1100px) {
/*메인_small*/
.smallp .pager {bottom:2vw;}
/* .smallp .pager span.cycle-pager-active {border:#333 1px solid;} */
.smallp .mcont_wrap .mcont .title {font-size:1vw;}
.smallp .mcont_wrap .mcont .title dt {font-size:2.4vw; margin-bottom:1.5vw;}
.smallp .mcont_wrap .mcont02 {overflow:hidden; height:32vw;}
.smallp .mcont_wrap .mcont02 .cont {padding:6vw 10vw;}
.smallp .mcont_wrap .mcont02 .mprem_img {width:60% !important; left:35%;}
.smallp .mcont_wrap .mcont02 ul.mprem_img li.c01 {background:url('../img/mdesign01.jpg')center top; background-size:cover;}
.smallp .mcont_wrap .mcont02 ul.mprem_img li.c02 {background:url('../img/mdesign02.jpg')center right; background-size:cover;}
.smallp .mcont_wrap .mcont02 ul.mprem_img li.c04 {background:url('../img/mdesign04.jpg')center right -4vw; background-size:cover;}
.smallp .mcont_wrap .mcont02 ul.mprem_img li.c05 {background:url('../img/mdesign05.jpg')center right; background-size:cover;}
.smallp .mcont_wrap .mcont02 ul.mprem_img li.c06 {background:url('../img/mdesign06.jpg')center bottom; background-size:cover;}
.smallp .mcont_wrap .mcont02 ul li dl {font-size:1vw; bottom:auto; top:19vw; left:10vw;}
.smallp .mcont_wrap .mcont02 ul li dl dt {margin-bottom:2vw;}
.smallp .mcont_wrap .mcont02 ul li dl dd div {font-size:1.3vw;}
.smallp .mcont_wrap .mcont02 .bg {background: url(../img/mdesign_bg_new.png) center right -2vw; background-size: cover;}
/* .smallp .mcont_wrap .mcont02:before {content:''; width:100%; height:25%; position:absolute; left:0; bottom:0; background:#e6dccb;} */
.smallp .mcont_wrap .mcont03 .title dt {font-size:1.4vw;}
.smallp .mcont_wrap .mcont03 .title dd {font-size:6vw;}
.smallp .mcont_wrap .mcont03 ul {width:70%; left:30%; height:60% !important;}
.smallp .mcont_wrap .mcont03 ul .cycle-carousel-wrap li {width:18vw; margin-left:0; margin-right:1.5vw;}
.smallp .mcont_wrap .mcont03 .btn_slide {bottom:auto; top:50%; margin:-2vw 0 0 0; left:10%;}
.smallp .mcont_wrap .mcont03 .btn_slide div {width:3.5vw; height:3.5vw; margin-top:1.5vw; background:none; border:#e6dccb 1px solid;}
.smallp .mcont_wrap .mcont03 .btn_slide div img {margin-top:0.9vw;}
.smallp .mcont_wrap .mcont04 .title dt {font-size:1.4vw;}
.smallp .mcont_wrap .mcont05 {height:auto;}
.smallp .mcont_wrap .mcont05 .cont {position:absolute; width:100%; padding-bottom:0;}
.smallp .mcont_wrap .mcont05 .cont .title dt {font-size:3vw;}
}

/*모바일*************************************************************/
@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;}
.nav {display:none;}
.scont .duck_foot {font-size:9px; line-height:12px; padding:7px;}

/* 헤더 */
#header {height:50px;}
#header:before, #header:hover:before {height:50px;}
#header .ci {left:15px; line-height:60px; top:12px;}
#header .ci img, #header.view .ci img {height:26px; margin-top:0;}
#header .gnb {position:fixed; background: linear-gradient(to right, #efe8e2, #efe8e2); top:50px; width:100%; 
	padding:30px; z-index:-1; left:-100%; transition:all 0.5s ease .1s;
}
#header .gnb.on {left:0; z-index:1;}
#header .gnb li {display:block; position:relative; z-index:1;}
#header .gnb li a {color:#111 !important; height:50px; line-height:50px; border-top:#444 1px solid; 
	letter-spacing:5px; display:block; font-size:14px;
}
#header .gnb li:first-child a {border-top:0;}
#header .gnb ul {display:none;}

.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:fixed; right:15px; top:13px; z-index:1100; display:block;}
.mainp .btn_all div {background:#fff;}

.mcont_wrap .mcont01.cycle-slideshow {height:400px !important;}
.mcont_wrap .mcont {height:400px;}
.mcont_wrap .mcont .title {font-size:13px;}
.mcont_wrap .mcont .title dt {font-size:20px; line-height:130%;}
.mcont_wrap .mcont01 .cont {font-size:13px; top:50%; margin-top:-80px;}
.mcont_wrap .mcont01 .cont li.t01 ~ li {font-size:34px;}
.mcont_wrap .mcont01 .dot {margin-top:85px;}
.mcont_wrap .mcont01.ready .dot {margin-top:90px;}
.mcont_wrap .mcont01 .img_bi {width:180px; margin-left:-90px; bottom:15%;}
.mcont_wrap .mcont01 .img_bi img {padding:0 40px;}
.mcont_wrap .mcont01 .img_bi div {font-size:14px !important; margin-top:20px; border:#fff 1px solid;}
.mcont_wrap .mcont01 .text_rotate {width:70px; top:60px; left:15px;}
.mcont_wrap .mcont01 .text_rotate div {font-size:13px; top:10px;}
.mslide .btn_mslide {width:30px; height:30px; border-radius:30px; bottom:15px;}
.ms01 .btn_mslide {right:15px;}
.ms02 .btn_mslide {left:15px;}
.mcont_wrap .mcont02 .cont {padding:40px 20px;}
.mcont_wrap .mcont02 .mprem_text {width:100% !important; left:0;}
.mcont_wrap .mcont02 .mprem_text li {opacity:1;}
.mcont_wrap .mcont02 .pager span {background:none; margin:0; width:20px;}
.mcont_wrap .mcont02 .pager span:before {width:5px; height:5px; background:#111;}
.mcont_wrap .mcont02 .pager span.cycle-pager-active:before {background:#e6dccb;}
.mcont_wrap .mcont02 ul li dl {font-size:13px; bottom:50px; width:100%; padding:20px; left:0;}
.mcont_wrap .mcont02 ul li dl dt {font-size:17px;}
.mcont_wrap .mcont02 ul.mprem_img li:before {background:linear-gradient(to top, #000, transparent);}
/* .mcont_wrap .mcont02 ul li dl dd {text-shadow: 1px 1px 1px white;} */
.mcont_wrap .mcont02 ul li dl dd div {font-size:17px;}
.mcont_wrap .mcont02 ul.mprem_img li.c01 {background:url(../img/mdesign01.jpg) center right -20vw; background-size: cover;}
.mcont_wrap .mcont02 ul.mprem_img li.c03 {background:url(../img/mdesign03.jpg) top right -45vw; background-size: cover;}
.mcont_wrap .mcont02 ul.mprem_img li.c04 {background:url(../img/mdesign04.jpg) top right -40vw; background-size: cover;}
.mcont_wrap .mcont02 ul.mprem_img li.c06 {background:url(../img/mdesign06.jpg) center right -40vw; background-size: cover;}
.mcont_wrap .mcont03 .title {right:-3vw; line-height:300%;}
.mcont_wrap .mcont03 .title dt {font-size:13px;}
.mcont_wrap .mcont03 .title dd {font-size:9vw;}
.mcont_wrap .mcont03 ul {bottom:30px}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li {width:50%;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li dl {font-size:12px; line-height:150%; margin-bottom:10px;}
.mcont_wrap .mcont03 ul .cycle-carousel-wrap li dl dt {font-size:15px; margin-bottom:7px;}
.mcont_wrap .mcont03 .btn_slide {display:none;}
.mcont_wrap .mcont04 {height:auto;}
.mcont_wrap .mcont04 .title dt {font-size:13px;}
.mcont_wrap .mcont04 .title dd {font-size:19px;}
.mcont_wrap .mcont04 .cont {padding:40px 15px;}
.mcont_wrap .mcont05 .cont .title dt {font-size:28px;}
.mcont_wrap .mcont05 img {display:none;}

.scroll_down {display:none;}

.simg {height:140px}
.simg h2 {font-size:20px;}
.simg h2 span {font-size:12px; margin:3px 0 10px 0;}

.tab li a {font-size:12px; line-height:40px; padding:0 15px;}

.tab02 {margin:-20px 0 30px 0; overflow:hidden;}
.tab02 li {line-height:40px; float:left; border-bottom:#fff 1px solid; font-size:12px; padding:0 15px;}
.subsp.sub02p .tab02 li {padding:0 10px;}
.docup.sub02p .tab02 {flex-wrap:wrap; justify-content:space-between;}
.docup.sub02p .tab02 li {width:33.3%;}

.scont, #scont, #bo_w, #content {width:94%; margin:40px 3%;}
.scont h3 {font-size:14px; margin-bottom:20px;}
.busip.sub01p .scont {padding:40px 3%;}
.busip.sub01p .scont img {width:100%; padding:0 15px;}
.busip.sub03p .scont img {width:100%;}
.busip.sub04p .scont ul {width:100%;}
.busip.sub04p .scont ul li {width:100%;}
.busip.sub04p .scont ul li+li {margin-top:15px;}

.danp.sub01p .scont {width:94%;}
.danp.sub04p .scont>img {padding:0;}
.danp.sub04p .scont ul {margin:20px -4px 0 -4px;}
.danp.sub04p .scont ul li {flex:0 0 calc(50% - 8px); margin:8px 4px 0 4px;}
.danp.sub04p .scont ul li div {right:7px; bottom:7px; font-size:11px;}
.danp.sub04p .scont>img+img {margin-top:20px; padding:0 10%;}

.unitp.sub02p .scont .tabcon ul li>div, .unitp.sub02p .scont .tabcon ul li span>div {font-size:10px;
	padding:3px 5px;
}
.unitp.sub03p .scont iframe {height:400px;}
.unitp.sub03p .scont .btn {width:50%; line-height:270%;}

#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; }

}