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: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('http://script.gmarket.com/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.gmarket.com/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
font-family:'Noto Sans KR',Noto Sans KR,'Nanum Gothic','나눔 고딕',나눔고딕,NanumGothic,Malgun Gothic,'Malgun Gothic','맑은 고딕','Dotum' , sans-serif ;
font-size:1vw;
letter-spacing:-0.05vw;
margin:0;
padding:0;
color:#777;
width:100%;
height:100%;
/* line-height:1vw; */
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; max-width:100%;}
#hd_login_msg, #hd_pop {display:none;}
/* 기본테이블 */
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%; z-index:1000; padding-top:2vw; position:relative;}
.mainp #header {position:absolute; top:0;}
#header .ci {position:relative; left:50%; margin-left:-6vw;}
#header .ci img {width:12vw;}
#header .gnb {text-align:center; background:#fff;}
.mainp #header .gnb {transition:all 0.8s ease .1s; top:5vw; position:fixed; left:0; width:100%;}
#header .gnb.view {top:0;}
#header .gnb>li {display:inline-block; padding:0 30px;}
#header .gnb>li>a {height:5vw; line-height:5vw; font-weight:400; 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; min-width:100px; font-size:16px; text-align:center; margin-left:-15px;
-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:#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:#fff;}
.quick {position:absolute; right:2vw; top:2vw; color:#39001f; font-size:1.2vw; font-family:'Gmarket Sans'; letter-spacing:0;}
.quick li img {height:1.1vw; margin-right:0.7vw;}
.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 {min-height:100%; padding:13vw 0 0 0;}
.mcont_wrap .mcont01 {position:fixed; color:#111; padding:13vw 6vw 0 6vw; height:100%; top:0; left:0; width:100%; z-index:-1;}
.mcont_wrap .mcont01 dt {font-size:5vw; line-height:6vw; font-weight:100; transition:all 1.0s ease .1s; margin-left:-2vw; opacity:0;}
.mcont_wrap .mcont01 dt.on {margin-left:0; opacity:1;}
.mcont_wrap .mcont01 dt div {font-weight:500;}
.mcont_wrap .mcont01 dd {position:absolute; right:4vw; bottom:7vw; font-size:1.2vw; line-height:1.9vw; text-align:right; transition:all 1.0s ease .1s; opacity:0;}
.mcont_wrap .mcont01 dd.on {right:6vw; opacity:1;}
.mcont_wrap .mcont01 .arrow_bottom {width:1.5vw; position:absolute; bottom:5vw; left:50%; margin-left:-0.75vw; opacity:0; transition:all 1.0s ease .1s;}
.mcont_wrap .mcont01 .arrow_bottom.on {bottom:3vw; opacity:1;}
.mcont_wrap .mcont02 {margin-top:70%; transition:all 0.5s ease .1s; position:absolute; width:100%; min-height:100%;}
.mcont_wrap .mcont02.fix {position:fixed; bottom:0;}
.mcont_wrap .mcont02.fix.blur {filter: blur(5px);}
.mcont_wrap .mcont02 img {max-width:100%; width:100%;}
.mcont_wrap .mcont02.new .wrap {width:100%; height:100%; background:url('/img/mcont02_bg.jpg')center center; background-size:cover; position:absolute; top:0; left:0;}
.mcont_wrap .mcont02 .ani_man {position:relative; z-index:1000; border:red 2px solid; left:0;}
.mcont_wrap .mcont02 .ani_man>img {width:auto; position:absolute; top:0; transition:all 1.0s ease .1s;}
.mcont_wrap .mcont02 .ani_man .ani_body {top:350px; left:300px; height:780px;}
.mcont_wrap .mcont02 .ani_man .ani_right_hand {top:80px; left:405px; height:525px; animation: rotateHand 5s infinite;}
.mcont_wrap .mcont02 .ani_man .ani_left_hand {top:600px; left:570px; height:200px; animation: rotateLHand 7s infinite;}
.mcont_wrap .mcont02 .ani_man .ani_right_foot {top:30px; left:673px; height:790px;}
.mcont_wrap .mcont02 .ani_man .ani_head {top:520px; left:500px; height:80px; z-index:2; animation: rotateHead 7s infinite;}
 @keyframes rotateHead {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(20deg); }
  }
  @keyframes rotateHand {
    0%, 100% { transform: rotate(0deg) scale(1); margin:0px;}
    50% { transform: rotate(-9deg) scale(1.2); margin:-35px 0 0 -15px;}
  }
  @keyframes rotateLHand {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(-30deg); }
  }
.mcont_wrap .mcont03 {margin-top:150%; position:relative; z-index:2; text-align:center; padding-top:100%; padding-bottom:15vw;}
.mcont_wrap .mcont03.on {padding-top:50%;}
.mcont_wrap .mcont03 img {width:60%;}
.mcont_wrap .mcont04 {position:relative; z-index:2; background:#fff; padding-bottom:10vw;}
.mcont_wrap .mcont04 img {width:100%;}

.mcont_wrapp.cycle-slideshow, .cycle-sentinel, .cycle-carousel-wrap {width:100%; height:100% !important;}
.mcont_wrapp.cycle-slideshow .mcontt {height:100%; width:100%; opacity:1 !important;}
.mcont_wrapp.cycle-slideshow .mcont01 {color:#111; padding:13vw 6vw 0 6vw; height:100%; left:0; width:100%;}

.mcont_wrapp .mcontt.cycle-slide {position:fixed !important; z-index:-1 !important; top:100% !important; width:100%; height:100%;
transition:all 1.0s ease .1s;
}
.mcont_wrapp .mcontt.cycle-slide.off {top:-100% !important; z-index:-1 !important;}
.mcont_wrapp .mcontt.cycle-slide-active, .mcont_wrapp .mcontt.cycle-slide.on {top:0 !important;}
.mcont_wrapp .mcontt.cycle-slide-active+div, 
.mcont_wrapp .mcontt.cycle-slide-active+div+div,
.mcont_wrapp .mcontt.cycle-slide-active+div+div+div,
.mcont_wrapp .mcontt.cycle-slide-active+div+div+div+div,
.mcont_wrapp .mcontt.cycle-slide-active+div+div+div+div+div,
.mcont_wrapp .mcontt.cycle-slide-active+div+div+div+div+div+div,
.mcont_wrapp .mcontt.cycle-slide-active+div+div+div+div+div+div+div
{top:100% !important; z-index:3 !important;}

.mcont_wrapp .mcont01 dt {font-size:5vw; line-height:6vw; font-weight:100; transition:all 1.0s ease .1s; margin-left:-2vw; opacity:0;}
.mcont_wrapp .mcont01 dt.on {margin-left:0; opacity:1;}
.mcont_wrapp .mcont01 dt div {font-weight:500;}
.mcont_wrapp .mcont01 dd {position:absolute; right:4vw; bottom:7vw; font-size:1.2vw; line-height:1.9vw; text-align:right; transition:all 1.0s ease .1s; opacity:0;}
.mcont_wrapp .mcont01 dd.on {right:6vw; opacity:1;}
.mcont_wrapp .mcont01 .arrow_bottom {width:1.5vw; position:absolute; bottom:5vw; left:50%; margin-left:-0.75vw; opacity:0; transition:all 1.0s ease .1s;}
.mcont_wrapp .mcont01 .arrow_bottom.on {bottom:3vw; opacity:1;}
.mcont_wrapp .mcont02 {background:url('/img/mcont02_img01.png') center bottom; background-size:cover;}
.mcont_wrapp .mcont03 {background:url('/img/mcont02_img02.jpg') center top; background-size:cover; z-index:-1 !important; transition:all 1.0s ease .1s;}
.mcont_wrapp .mcont03.on {position:fixed !important; top:0; left:0; width:100%; filter: blur(5px);}
.mcont_wrapp .mcont04 {text-align:center;}
.mcont_wrapp .mcont04 .mprem_title {width:20vw; margin-top:9vw;}
.mcont_wrapp .mcontt .prem {overflow:hidden; width:50%; top:32%; left:25%; height:50%; position:absolute;}
.mcont_wrapp .mcontt .prem li {float:left; width:50%; height:100%;}
.mcont_wrapp .mcontt .prem li img {max-height:100%;}
.mcont_wrapp .mcont07 {background:#fff;}
.mcont_wrapp .mcont07 img {width:100%; margin-top:0vw;}
.mcont_wrapp .mcont08 {background:#fff; text-align:center;}
.mcont_wrapp .mcont08 img {height:70%; margin-top:10vw;}

#footer {background:#262626; position:relative; z-index:2;}
.mainp #footer {position:fixed; bottom:-50%; width:100%; transition:all 1.0s ease .1s;}
.mainp #footer.on {bottom:0;}
#footer .wrap {width:65%; margin:0 auto; max-width:1400px; font-size:0.8vw; position:relative; line-height:1.2vw; overflow:hidden; padding:2.5vw 0 2.5vw 17vw;}
#footer .wrap .ct font {color:#fff; opacity:0.7;}
#footer .wrap .footer_bi {position:absolute; height:2.6vw; mix-blend-mode: difference; filter: brightness(0) invert(100%) grayscale(100%);
	top:2.6vw; left:0; opacity:0.5;
}
#footer .wrap .duck_foot, #footer .wrap .copy {color:#666666;}
#footer .wrap .line {display:inline-block; width:1px; height:10px; background:#555; margin:0 7px; opacity:0.5;}
#footer .wrap .duck_foot {margin:0.5vw 0 0 0; font-size:0.7vw;}
#footer .wrap .copy {letter-spacing:0; font-size:0.7vw;}
#footer .wrap .footer_part {height:1.3vw; opacity:0.5; margin-top:0.5vw;}

.simg {width:65%; padding:0; max-width:1400px; margin:0 auto; margin-bottom:2vw; height:10vw; overflow:hidden; background:#d7dee7; border-radius:4.3vw;}
.simg dl {float:left; margin:2.2vw 0 0 2vw; font-size:1.3vw; color:#111; line-height:2.7vw; font-weight:300; transition:all 1.0s ease .1s; opacity:0;}
.simg dl.on {margin-left:4vw; opacity:1;}
.simg dl dt {font-family:'Gmarket Sans'; font-size:2.4vw; font-weight:bold; color:#2758e1;}
.simg img {float:right; height:100%; margin-right:-2vw; transition:all 1.0s ease .1s; transform:scale(1.2);}
.simg img.on {float:right; height:100%; margin-right:0; transform:scale(1);}
.scont {width:65%; padding:0; max-width:1400px; margin:7vw auto;}
.scont .title_wrap {margin-bottom:4vw;}
.scont .title, .scont .stitle {color:#111; letter-spacing:-0.1vw;}
.scont .title {font-size:3vw; font-weight:500;}
.scont .stitle {font-size:2vw; font-weight:300;}

.busip.sub01p .scont {margin-top:0}
.busip.sub01p .scont .img {border-radius:4.3vw; overflow:hidden;}
.busip.sub01p .scont .title_wrap {text-align:center; margin:5vw 0;}

.busip.sub02p .scont {margin-top:0}

.busip.sub03p .img_bg {position:fixed; left:0; top:19vw; z-index:-1; width:45%; opacity:0.3;}

.uniquep.sub01p .scont ul {margin-top:5vw; width:100% !important;}
.uniquep.sub01p .scont .cycle-carousel-wrap {width:100%;}
.uniquep.sub01p .scont .pager {text-align:center; width:100%; margin-top:1.5vw;}
.uniquep.sub01p .scont .pager span {width:3vw; height:0.7vw; background:#ddd; display:inline-block !important; text-indent:-9999px; margin:0 0.5vw; cursor:pointer; border-radius:100px;}
.uniquep.sub01p .scont .pager span.cycle-pager-active {background:#2758e1;}

/*게시판*/
#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:60px; padding:0; position:fixed !important; background:#fff; TOP:0;}
#header .ci {left:15px; line-height:60px; margin-left:0; top:18px;}
#header .ci img {width:auto; height:26px;}
#header .gnb {position:fixed; top:50px !important; width:94% !important; padding:0; z-index:-1; left:-100% !important; border-radius:30px; overflow:hidden;
	transition:all 0.5s ease .1s;
}
#header .gnb.view {left:-100%;}
#header .gnb.on {left:3% !important; z-index:1;}
#header .gnb li {display:block; position:relative; padding:0;}
#header .gnb li a {color:#fff; height:50px; line-height:50px; background:#2758e1; letter-spacing:0; display:block; font-size:13px;}
#header .gnb li a:before {content:''; width:100%; height:1px; background:#fff; opacity:0.1; left:0; top:0; position:absolute;}
#header .gnb li:first-child a:before {display:none;}
#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 {z-index:1000; right:60px; font-size:15px; top:19px; position:fixed;}
.quick li img {height:20px;}
.btn_all {position:fixed !important; right:15px; top:17px; z-index:1003; display:block;}
.btn_all.close div {background:#fff;}

.mcont_wrap {padding:50px 0;}
.mcont_wrap .mcont {padding:30px 15px;}
.mcont_wrap .mcont01 {position:relative;}
.mcont_wrap .mcont01 dt {font-size:24px; line-height:30px;}
.mcont_wrap .mcont01 dd {font-size:12px; line-height:18px; position:relative; margin-top:50px; right:0px; margin-right:-10px;}
.mcont_wrap .mcont01 dd.on {right:0; margin-right:0;}
.mcont_wrap .mcont01 .arrow_bottom {display:none;}
.mcont_wrap .mcont02 {padding:0; position:relative;}
.mcont_wrap .mcont02.fix {position:relative;}
.mcont_wrap .mcont02.fix.blur {filter: blur(0px);}
.mcont_wrap .mcont03 {margin:0; padding:50px 15px; background:#d7dee7;}
.mcont_wrap .mcont03.on {padding:50px 15px;}
.mcont_wrap .mcont03 img {width:100%; content: url('/img/mcont03_img_mo.png'); /* 모바일 전용 이미지로 변경 */}
.mcont_wrap .mcont04 {padding:0;}

.mcont_wrapp.cycle-slideshow, .cycle-sentinel, .cycle-carousel-wrap {height:auto !important; padding:0 !important;}
.cycle-sentinel {height:0 !important;}
.mcont_wrapp.cycle-slideshow .mcontt {height:auto; position:relative !important;}
.mcont_wrapp.cycle-slideshow .mcont01 {padding:100px 15px 50px 15px;}
.mcont_wrapp .mcont01 .arrow_bottom {display:none;}
.mcont_wrapp .mcont01 dt {font-size: 24px; line-height: 30px;}
.mcont_wrapp .mcont01 dd {font-size: 12px; line-height: 18px; position: relative; margin-top: 50px; right: 0px; margin-right: -10px;}
.mcont_wrapp .mcont01 dd.on {right:10px;}
.mcont_wrapp .mcont02, .mcont_wrapp .mcont03 {height:220px !important;}
.mcont_wrapp .mcont04 .mprem_title {width:40%; margin:40px 0 30px 0;}
.mcont_wrapp .mcontt .prem {position:relative; width:100%; left:0; padding:0 10px 5px 10px;}
.mcont_wrapp .mcontt .prem li {padding:2px;}
.mcont_wrapp .mcont04,
.mcont_wrapp .mcont05,
.mcont_wrapp .mcont06 {background: #d7dee7;}
.mcont_wrapp .mcont06 {padding-bottom:30px;}
.mcont_wrapp .mcont08 {padding-bottom:50px;}
.mcont_wrapp .mcont08 img {height:auto; width:70%;}

#footer {padding:30px 15px; }
.mainp #footer {position:relative; bottom:auto;}
#footer .wrap {font-size:10px; line-height:15px; text-align:center; width:100%; padding:0;}
#footer .wrap .ct {text-align:left;}
#footer .wrap .footer_bi {position:relative; height:24px; top:0; margin-bottom:15px;}
#footer .wrap .line {display:block; height:0;}
#footer .wrap .duck_foot {font-size:9px;}
#footer .wrap .copy {font-size:9px;}
#footer .wrap .footer_part {height:auto; width:90%; margin-top:10px;}

.simg {width:94%; height:65px; margin-top:60px; margin-bottom:10px;}
.simg dl {font-size:12px; line-height:20px; margin:12px 0 0 40px;}
.simg dl.on {margin-left:20px;}
.simg dl dt {font-size:17px;}

.scont {width:94%; margin:10vw auto;}

.busip.sub03p .img_bg {top:auto; bottom:0px;}

.uniquep.sub01p .scont ul {margin-top:30px;}
.uniquep.sub01p .scont .cycle-carousel-wrap {position:relative !important;}
.uniquep.sub01p .scont .pager {margin-top:20px;}
.uniquep.sub01p .scont .pager span {width:50px; height:10px; margin:0 5px;}

}