[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

/* Nanum */
@font-face {
  font-family: 'NanumGothic';
  src: url('https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot');
  src: url('https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2') format('woff2'),
       url('https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff') format('woff'),
       url('https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Doppio One */
@font-face {
  font-family: 'Doppio One';
  font-style: normal;
  font-weight: 400;
  src: url('//static.musinsa.com/mfile_outsrc/css/fonts/Doppio.eot');
  src: local('Doppio One Regular'), local('DoppioOne-Regular'), url('//static.musinsa.com/mfile_outsrc/css/fonts/Doppio.woff') format('woff');
}

/* common */
body {font-size:12px; overflow:hidden;}
body, p, div, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, a, span {margin:0; padding:0}
ul, li {list-style:none; margin:0; padding:0}
img {border:0;}
a {text-decoration:none; outline:none;}
table {padding:0; border-spacing:0; border:0; border-collapse:collapse}

/* layout */
body,html {height:100%; overflow:hidden;}
.warp {width:100%; height:100%; box-sizing:border-box; padding-bottom:70px;}
.content {width:100%; height:100%; overflow:hidden;}
.footer {position:absolute; left:0; bottom:0; width:100%; height:70px; background:#fff; border-top:1px solid #ddd; z-index:1000;}

/* logo */
.logoFooter {position:absolute; left:30px; top:26px; font-family:'Doppio One'; font-size:18px; line-height:18px; color:#b2b2b2;}
.logoFooter b {color:#000; font-weight:normal;}
.logoRightTop {position:absolute; right:27px; top:50px; z-index:998; text-indent:-10000em; overflow:hidden; width:36px; height:213px; display:none}
.logoRightBottom {position:absolute; right:35px; bottom:120px; z-index:998; text-indent:-10000em; overflow:hidden; width:22px; height:146px;;
	opacity:1;
	animation: logoRightBottom 2s forwards infinite running alternate ease-in-out ;
	-moz-animation: logoRightBottom 2s forwards infinite running alternate ease-in-out;
	-webkit-animation: logoRightBottom 2s forwards infinite running alternate ease-in-out;
}
@keyframes logoRightBottom {
  0% {opacity:1}
  100% {opacity:0.2;}
}
@-moz-keyframes logoRightBottom {
  0% {opacity:1}
  100% {opacity:0.2;}
}
@-webkit-keyframes logoRightBottom {
  0% {opacity:1}
  100% {opacity:0.2;}
}

/* layer comment */
.layer_comment {position:absolute; z-index:999; left:0; top:0; width:100%; height:100%; overflow:hidden; background:#fff}
.layer_comment .header {width:533px; height:100%; border-left:1px solid #ddd; padding-bottom:10px; padding-top:77px; box-sizing:border-box; position:absolute; right:0; top:0; background:#fff; z-index:1}
.layer_comment .header .headerBox {width:100%; height:100%; overflow-x:hidden; overflow-y:auto;}
.layer_comment .header h1 {font-family:'Doppio One'; font-size:30px; font-weight:bolder; margin:0 0 0 30px; height:100px; display:block; color:#000}
.layer_comment .header p {font-family:'NanumGothic'; font-size:16px; line-height:28px; color:#b2b2b2; padding:0 30px 30px 30px;}
.layer_comment .header p b {font-size:20px; font-weight:normal; color:#000}
.layer_comment .header .commentForm {padding:0 30px 30px 30px;}
.layer_comment .header .commentForm textarea {width:100%; border:1px solid #ddd; height:130px; margin:0; padding:10px; box-sizing:border-box;}
.layer_comment .header .commentForm .loginBox {padding-top:15px;}
.layer_comment .header .commentForm .loginBox span {display:none; height:50px; line-height:50px; font-family:gulim,sans-serif; font-size:14px; text-align:center; border:1px solid #ddd; cursor:pointer; color:#b2b2b2;}
.layer_comment .header .commentForm .loginBox span.on {
	display:block;
	opacity:0;
	animation: loginBtn 1s forwards;
	-moz-animation: loginBtn 1s forwards;
	-webkit-animation: loginBtn 1s forwards;
}
@keyframes loginBtn {
  0% {opacity:0}
  100% {opacity:1;}
}
@-moz-keyframes loginBtn {
  0% {opacity:0}
  100% {opacity:1;}
}
@-webkit-keyframes loginBtn {
  0% {opacity:0}
  100% {opacity:1;}
}
.layer_comment .header .btn-close {z-index:1; cursor:pointer; width:21px; height:21px; position:absolute; right:30px; top:30px;background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_button.v10.png) no-repeat -601px 0; text-indent:-100000em; overflow:hidden;}
.layer_comment .header .reload {z-index:1; position:absolute; left:30px; top:30px; cursor:pointer; width:34px; height:27px; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_button.v10.png) no-repeat -546px 0;}
.layer_comment .body {width:100%; height:100%; padding-right:533px; padding-bottom:10px; box-sizing:border-box; background:#f3f3f3; }
.layer_comment .body .bodyBox {width:100%; height:100%; overflow-x:hidden; overflow-y:scroll;}
.layer_comment .body ul {padding-top:30px;}
.layer_comment .body li {margin-right:20px; margin-bottom:16px; float:right; padding-right:30px; position:relative; width:70%; max-width:1000px; min-width:500px; font-family:'NanumGothic';}
.layer_comment .body li:nth-child(even) {float:left; margin-left:20px; padding-left:30px;}
.layer_comment .body li div { padding:25px;border:1px solid #ddd; background:#fff; color:#b2b2b2; border-radius:10px;}
.layer_comment .body li .contents {line-height:26px; font-size:16px; font-weight:normal; display:block; margin-bottom:10px;}
.layer_comment .body li .time {color:#000; }
.layer_comment .body li .nic {color:#000; }
.layer_comment .body li i {display:block; position:absolute; top:50%; margin-top:-11px; right:19px; ;width:12px; height:22px;background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_button.v10.png) no-repeat -534px 0;}
.layer_comment .body li:nth-child(even) i {left:19px; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_button.v10.png) no-repeat -522px 0;}

/* layer share */
.layer_share {position:absolute; right:141px; bottom:70px; width:72px; height:147px; z-index:1001}
.layer_share .btnLayer {display:block; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_button.v10.png) no-repeat; text-indent:-1000000em; overflow:hidden; cursor:pointer;}
.layer_share .btn_twi {background-position:-354px 0; width:72px; height:75px;}
.layer_share .btn_fac {background-position:-284px 0; width:70px; height:70px; border:1px solid #ddd;}

/* layer test */
.layer_test {position:absolute; top:0; width:100%; z-index:1001; padding:20px; box-sizing:border-box; background:#fff;}
.layer_test a {display:block; font-size:11px; width:36px; height:30px; background:#fff; border:1px solid #ddd; text-align:center; line-height:30px; color:#000; float:left; margin:0 10px 10px 0; cursor:pointer;}
.layer_test a.chapter {background:#000; color:#fff;}

/* layer index */
.layer_index {position:absolute; z-index:999; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.layer_index .screen {background:#000; opacity:0.8; position:absolute; width:100%; height:100%; z-index:1}
.layer_index .close {z-index:3; cursor:pointer; width:21px; height:21px; position:absolute; right:30px; top:30px; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_button.v10.png) no-repeat -622px 0; text-indent:-100000em; overflow:hidden;}
.layer_index .scrollBox {position:absolute; z-index:2; overflow:hidden; padding:62px 100px 132px 100px; width:100%; height:100%; box-sizing:border-box;}
.layer_index .scrollBoxp {width:100%; height:100%; overflow:hidden;}
.layer_index .scrollBoxs {width:100%; height:100%; overflow-x:hidden; overflow-y:auto;}
.layer_index .scrollBoxs::-webkit-scrollbar {background:#fff; width:0;}
.layer_index .scrollBoxs::-webkit-scrollbar-track {background:#fff}
.layer_index .scrollBoxs::-webkit-scrollbar-thumb {background:#fff}
.layer_index .scrollBoxs::-webkit-scrollbar-thumb:window-inactive {background:#fff}
.layer_index ul {padding-left:30px; text-align:center;}
.layer_index li {display:inline-block; width:270px; height:310px; background:url(https://image.musinsa.com/showcase/covernatclogo/img/index.jpg?v=1) no-repeat; background-color:#fff; margin:0 30px 30px 0; padding:185px 20px 0 20px; box-sizing:border-box; cursor:pointer; overflow:hidden; text-align:left;}
.layer_index li .no {display:block; font-family:'NanumGothic'; font-size:16px; height:12px; line-height:12px; color:#000; font-weight:bold;}
.layer_index li .name {display:block; font-family:'NanumGothic'; font-size:14px; line-height:18px; margin-top:8px; color:#b2b2b2}
.layer_index li .text {font-family:'NanumGothic'; font-size:12px; margin-top:4px; color:#b2b2b2; line-height:18px;}
.layer_index .index_001 {background-position:-165px -62px;}
.layer_index .index_002 {background-position:-465px -62px;}
.layer_index .index_003 {background-position:-765px -62px;}
.layer_index .index_004 {background-position:-1065px -62px;}
.layer_index .index_005 {background-position:-1365px -62px;}
.layer_index .index_006 {background-position:-165px -402px;}
.layer_index .index_007 {background-position:-465px -402px;}
.layer_index .index_008 {background-position:-765px -402px;}
.layer_index .index_009 {background-position:-1065px -402px;}
.layer_index .index_010 {background-position:-1365px -402px;}
.layer_index .index_011 {background-position:-165px -742px;}
.layer_index .index_012 {background-position:-465px -742px;}
.layer_index .index_013 {background-position:-765px -742px;}
.layer_index .index_014 {background-position:-1065px -742px;}
.layer_index .index_015 {background-position:-1365px -742px;}
.layer_index .index_016 {background-position:-165px -1082px;}
.layer_index .index_017 {background-position:-465px -1082px;}
.layer_index .index_018 {background-position:-765px -1082px;}
.layer_index .index_019 {background-position:-1065px -1082px;}
.layer_index .index_020 {background-position:-1365px -1082px;}
.layer_index .index_021 {background-position:-165px -1422px;}
.layer_index .index_022 {background-position:-465px -1422px;}
.layer_index .index_023 {background-position:-765px -1422px;}
.layer_index .index_024 {background-position:-1065px -1422px;}
.layer_index .index_025 {background-position:-1365px -1422px;}
.layer_index .index_026 {background-position:-165px -1762px;}
.layer_index .index_027 {background-position:-465px -1762px;}
.layer_index .index_028 {background-position:-765px -1762px;}
.layer_index .index_029 {background-position:-1065px -1762px;}
.layer_index .index_030 {background-position:-1365px -1762px;}
.layer_index .index_031 {background-position:-165px -2102px;}
.layer_index .index_032 {background-position:-465px -2102px;}
.layer_index .index_033 {background-position:-765px -2102px;}
.layer_index .index_034 {background-position:-1065px -2102px;}
.layer_index .index_035 {background-position:-1365px -2102px;}
.layer_index .index_036 {background-position:-165px -2442px;}
.layer_index .index_037 {background-position:-465px -2442px;}
.layer_index .index_038 {background-position:-765px -2442px;}
.layer_index .index_039 {background-position:-1065px -2442px;}
.layer_index .index_040 {background-position:-1365px -2442px;}
.layer_index .index_041 {background-position:-165px -2782px;}
.layer_index .index_042 {background-position:-465px -2782px;}
.layer_index .index_043 {background-position:-765px -2782px;}
.layer_index .index_044 {background-position:-1065px -2782px;}
.layer_index .index_045 {background-position:-1365px -2782px;}
.layer_index .index_046 {background-position:-165px -3122px;}
.layer_index .index_047 {background-position:-465px -3122px;}

/* layer goods */
.layer_goods {position:absolute; z-index:999; left:0; top:0; width:100%; height:100%; overflow:hidden; background:#fff;}
.layer_goods .coverBox {box-sizing:border-box; overflow:auto;
	scrollbar:#fff;
	scrollbar-3dLight-color: #fff; 
	scrollbar-arrow-color: #fff; 
	scrollbar-base-color: #fff; 
	scrollbar-face-color: #fff; 
	scrollbar-track-color: #fff; 
	scrollbar-darkShadow-color: #fff; 
	scrollbar-highlight-color: #fff; 
	scrollbar-shadow-color: #fff
}
.layer_goods .coverBox::-webkit-scrollbar {background:#fff; width:0;}
.layer_goods .coverBox::-webkit-scrollbar-track {background:#fff}
.layer_goods .coverBox::-webkit-scrollbar-thumb {background:#fff}
.layer_goods .coverBox::-webkit-scrollbar-thumb:window-inactive {background:#fff}

.layer_goods .close {z-index:3; cursor:pointer; width:21px; height:21px; position:absolute; right:30px; top:30px; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_button.v10.png) no-repeat -580px 0}
.layer_goods .goods {width:20%; position:relative; display:block; overflow:hidden; float:left; line-height:0; white-space:nowrap}
.layer_goods .goods img {width:100%; vertical-align:middle;}
.layer_goods .goods .vamHelper {display:inline-block; width:0; height:100%; vertical-align:middle;}
.layer_goods .goods .infoBox {position:absolute; width:100%; height:100%; left:0; top:0; color:#fff; font-weight:bold;font-family:'NanumGothic';
	animation: infoBox-re 1s forwards ease-in-out ;
	-moz-animation: infoBox-re 1s forwards ease-in-out;
	-webkit-animation: infoBox-re 1s forwards ease-in-out;
}
.layer_goods .goods .infoBox .screen {position:absolute; width:100%; height:100%; background:#000; opacity:0.8;}
.layer_goods .goods .infoBox .text {position:absolute; left:0; top:0; z-index:1; width:100%; padding:40px; box-sizing:border-box; white-space:normal}
.layer_goods .goods .infoBox .title {font-size:18px; line-height:24px; width:100%; word-wrap:break-word;}
.layer_goods .goods .infoBox .price {display:block; font-size:16px; line-height:24px; color:#09f; margin-top:10px;}
.layer_goods .goods .infoBox .price del {display:block; color:#b2b2b2; font-size:18px;}
.layer_goods .goods .infoBox .link {position:absolute; left:40px; bottom:40px; color:#09f; width:82px; height:35px; line-height:35px; display:block; border:1px solid #09f; text-align:center; z-index:1;}
.layer_goods .goods .infoBox .coupon span {margin-top:7px; display:inline-block; color:#09f; border:1px solid #09f; line-height:30px; padding:0 10px; height:30px; font-size:12px;font-family:'NanumGothic';}
.layer_goods .goods .infoBox .coupon span b {font-family:'Doppio One'; font-size:14px;}
.layer_goods .goods:hover .infoBox {
	display:block;
	animation: infoBox 0.3s forwards ease-in-out ;
	-moz-animation: infoBox 0.3s forwards ease-in-out;
	-webkit-animation: infoBox 0.3s forwards ease-in-out;
}
@keyframes infoBox {
  0% {opacity:0}
  100% {opacity:1}
}
@-moz-keyframes infoBox {
  0% {opacity:0}
  100% {opacity:1}
}
@-webkit-keyframes infoBox {
  0% {opacity:0}
  100% {opacity:1}
}
@keyframes infoBox-re {
  0% {opacity:1}
  100% {opacity:0}
}
@-moz-keyframes infoBox-re {
  0% {opacity:1}
  100% {opacity:0}
}
@-webkit-keyframes infoBox-re {
  0% {opacity:1}
  100% {opacity:0}
}

/* layer left right */
.layer_leftGo {position:absolute; z-index:998; width:100px; height:100%; left:0; top:0;}
.layer_leftGo span {display:none; width:20px; height:30px; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-55px; background:url(https://image.musinsa.com/showcase/covernatclogo/img/left_arrow.png) no-repeat; z-index:1;}
.layer_leftGo .screen {position:absolute; width:100%; height:100%; background:#000; opacity:0}
.layer_leftGo:hover span {display:block;}
.layer_leftGo:hover .screen {
	display:block;
	animation: leftGo 1s forwards;
	-moz-animation: leftGo 1s forwards;
	-webkit-animation: leftGo 1s forwards;
}
.layer_rightGo {position:absolute; z-index:998; width:100px; height:100%; right:0; top:0;}
.layer_rightGo span {display:none; width:20px; height:30px; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-55px; background:url(https://image.musinsa.com/showcase/covernatclogo/img/right_arrow.png) no-repeat; z-index:1;}
.layer_rightGo:hover span {display:block;}
.layer_rightGo .screen {position:absolute; width:100%; height:100%; background:#000; opacity:0}
.layer_rightGo:hover .screen {
	display:block;
	animation: leftGo 1s forwards;
	-moz-animation: leftGo 1s forwards;
	-webkit-animation: leftGo 1s forwards;
}
@keyframes leftGo {
  0% {opacity:0;}
  100% {opacity:0.2;}
}
@-moz-keyframes leftGo {
  0% {opacity:0;}
  100% {opacity:0.2;}
}
@-webkit-keyframes leftGo {
  0% {opacity:0;}
  100% {opacity:0.2;}
}

/* layer controlPanel */
.controlPanel {width:18px; height:146px; position:absolute; right:39px; bottom:110px; z-index:999;}
.controlPanel .cp_right {width:18px; height:24px; cursor:pointer; display:block;}
.controlPanel .cp_left {width:18px; height:30px; cursor:pointer; display:block}
.controlPanel .cp_up {width:18px; height:31px; cursor:pointer; display:block}
.controlPanel .cp_down {width:18px; height:30px; cursor:pointer; display:block}

/* layer btn auto play*/
.autoPlay {position:absolute; left:50%; bottom:100px; margin-left:-25px; width:50px; height:51px; overflow:hidden; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_button.v10.png) no-repeat; z-index:995; cursor:pointer;}
.autoPlay.on {width:50px; height:51px; overflow:hidden; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_button.v10.png) no-repeat;}

.autoPlay_v2 {position:absolute; right:285px; ;bottom:0; width:70px; height:70px; overflow:hidden; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_button.v11.png) no-repeat; background-position:-843px 0; border-left:1px solid #ddd; z-index:1001; cursor:pointer;}
.autoPlay_v2.on {background-position:-913px 0}

/* footer slide Name */
.slideName {position:absolute; left:48px; bottom:120px; z-index:998}
.slideName li {height:28px; line-height:28px; text-align:center; font-family:'Doppio One'; font-size:18px; background:#000; color:#fff; vertical-align:bottom; display:none; letter-spacing:1px; padding:0 5px;}
.slideName li.show {display:block;}

/* footer button */
.footer .btn {position:absolute; display:block; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_button.v10.png) no-repeat; width:70px; height:70px; top:0; text-indent:-1000000em; overflow:hidden; cursor:pointer;}
.footer .btn_comment {background-position:0 0; border-left:1px solid #ddd; border-right:1px solid #ddd; right:212px;}
.footer .btn_share {background-position:-71px 0; border-right:1px solid #ddd; right:141px;}
.footer .btn_index {background-position:-142px 0; border-right:1px solid #ddd; right:70px;}
.footer .btn_goods {background-position:-213px 0; right:0;}
.footer .icon_event {background-position:-426px 0; width:56px; height:16px; right:220px; top:-8px; z-index:2;}
.footer .btn_closeLayer {display:none; z-index:1; background:#fff !important;}
.footer .btn_closeLayer b {display:block; margin:24px auto; width:21px; height:21px; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_button.v10.png) no-repeat; background-position:-601px 0;}
.footer .btn_closeLayer.commentOn {right:213px;display:block;}
.footer .btn_closeLayer.indexOn {right:71px;display:block;}
.footer .btn_closeLayer.goodsOn {right:0;display:block;}

/* bgmPlayer */
.bgmPlayer {position:absolute; right:285px; bottom:0; z-index:1001; border-left:1px solid #ddd;}
.bgmPlayer.play span {
	opacity:0.8;
	animation: logoRightBottom 2s forwards infinite running alternate ease-in-out ;
	-moz-animation: logoRightBottom 2s forwards infinite running alternate ease-in-out;
	-webkit-animation: logoRightBottom 2s forwards infinite running alternate ease-in-out;
}

.bgmPlayer .info {width:70px; height:70px;  text-indent:-100000em;}
.bgmPlayer .info .play {cursor:pointer; position:absolute; left:0; top:0; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_music.png) no-repeat; display:block; width:70px; height:70px;}
.bgmPlayer .info .pause {cursor:pointer; position:absolute; left:0; top:0; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_music.png) no-repeat; display:block; width:70px; height:70px;opacity:0.5;}
.bgmPlayer .info .paused {cursor:pointer; position:absolute; left:0; top:0; background:url(https://image.musinsa.com/showcase/covernatclogo/img/icon_music.png) no-repeat; display:block; width:70px; height:70px; opacity:0.5;}
.bgmPlayer .info .end {cursor:pointer; display:none;}
.bgmPlayer .info .next {cursor:pointer; display:none;}

.bgmPlayer .controls.pause {display:none;}
.bgmPlayer .controls.paused {display:none;}
.bgmPlayer .controls.end {display:none;}
.bgmPlayer .controls.play {display:inline-block;}

.bgmPlayer.play .controls.pause {display:inline-block;}
.bgmPlayer.play .controls.end {display:inline-block;}
.bgmPlayer.play .controls.play {display:none;}

.bgmPlayer.paused .controls.paused {display:inline-block;}
.bgmPlayer.paused .controls.pause {display:none;}
.bgmPlayer.paused .controls.end {display:none;}
.bgmPlayer.paused .controls.play {display:none;}

.bgmPlayerText {position:absolute; left:30px; top:80px; z-index:998; color:#000; line-height:18px; font-family:dotum; font-size:12px; opacity:0.9}

.contentSlide {position:absolute; width:100%; height:100%; left:0; top:0;}
.coverBox {position:relative;}

.coverBoxScreen {display:none; z-index:1}
.contentSlide .step {position:absolute; left:0; top:0; width:100%; height:100%;}

/* move left */
.moveLeft.on {
	transform: translate3d(-100%,0,0);
	-webkit-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	transition: transform 700ms;
	-webkit-transition:-webkit-transform 700ms;
	-moz-transition : -moz-transform 700ms;
}
.leftSide {position:absolute; left:0; top:0; display:none;}
.rightSide {position:absolute; left:100%; top:0;}

.typeStart .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch0_1_1.jpg) no-repeat center;}
.typeStart .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch0_1_2.png) no-repeat center;}
.typeStart .step3 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch0_1_3.png) no-repeat center;}

.typeIntro1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch0_2_1.jpg) no-repeat center;}
.typeIntro1 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch0_2_2.png) no-repeat center;}
.typeIntro2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch0_3_1.jpg) no-repeat center;}
.typeIntro2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch0_3_2.png) no-repeat center;}
.typeIntro3 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch0_4_1.jpg) no-repeat center;}
.typeIntro3 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch0_4_2.png) no-repeat center;}
.typeIntro4 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch0_5_1.jpg) no-repeat center;}
.typeIntro4 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch0_5_2.png) no-repeat center;}

.typeChapter1-0 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_0_1.jpg) no-repeat center;}
.typeChapter1-0 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_0_2.png) no-repeat center;}
.typeChapter1-0 .step3 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_0_3.png) no-repeat center;}
.typeChapter1-0 .step4 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_0_4.png) no-repeat center;}
.typeChapter2-0 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_0_1.jpg) no-repeat center;}
.typeChapter2-0 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_0_2.png) no-repeat center;}
.typeChapter2-0 .step3 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_0_3.png) no-repeat center;}
.typeChapter2-0 .step4 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_0_4.png) no-repeat center;}
.typeChapter3-0 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_0_1.jpg) no-repeat center;}
.typeChapter3-0 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_0_2.png) no-repeat center;}
.typeChapter3-0 .step3 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_0_3.png) no-repeat center;}
.typeChapter3-0 .step4 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_0_4.png) no-repeat center;}

.typeChapter1-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_1_1.jpg) no-repeat center;}
.typeChapter1-1 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_1_2.png) no-repeat center;}
.typeChapter1-1 .step3 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_1_3.png) no-repeat center;}
.typeChapter1-1 .step4 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_1_4.png) no-repeat center;}
.typeChapter1-1 .step5 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_1_5.png) no-repeat center;}
.typeChapter1-1 .step6 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_1_6.png?v=1) no-repeat center;}
.typeChapter1-1 .step7 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_1_7.png) no-repeat center;}
.typeChapter1-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_2_1.jpg) no-repeat center;}
.typeChapter1-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_2_2.png) no-repeat center;}
.typeChapter1-2 .step3 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_2_3.png?v=1) no-repeat center;}
.typeChapter1-2 .step4 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_2_4.png?v=1) no-repeat center;}
.typeChapter1-2 .step5 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_2_5.png) no-repeat center;}
.typeChapter1-2 .step6 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_2_6.png) no-repeat center;}
.typeChapter1-2 .step7 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_2_7.png?v=1) no-repeat center;}
.typeChapter1-2 .step8 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_2_8.png?v=1) no-repeat center;}
.typeChapter1-3 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_3_1.jpg) no-repeat center;}
.typeChapter1-3 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_3_2.png) no-repeat center;}
.typeChapter1-3 .step3 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_3_3.png) no-repeat center;}
.typeChapter1-3 .step4 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_3_4.png?v=1) no-repeat center;}
.typeChapter1-3 .step5 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_3_5.png) no-repeat center;}
.typeChapter1-3 .step6 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_3_6.png?v=1) no-repeat center;}
.typeChapter1-3 .step7 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_3_7.png) no-repeat center;}
.typeChapter1-4 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_4_1.jpg) no-repeat center;}
.typeChapter1-4 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_4_2.png) no-repeat center;}
.typeChapter1-4 .step3 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_4_3.png?v=1) no-repeat center;}
.typeChapter1-4 .step4 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_4_4.png?v=1) no-repeat center;}
.typeChapter1-4 .step5 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_4_5.png) no-repeat center;}
.typeChapter1-4 .step6 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_4_6.png?v=1) no-repeat center;}
.typeChapter1-4 .step7 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_4_7.png?v=1) no-repeat center;}
.typeChapter1-5 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_5_1.jpg) no-repeat center;}
.typeChapter1-5 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_5_2.png) no-repeat center;}
.typeChapter1-5 .step3 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_5_3.png) no-repeat center;}
.typeChapter1-5 .step4 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_5_4.png) no-repeat center;}
.typeChapter1-5 .step5 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_5_5.png) no-repeat center;}
.typeChapter1-5 .step6 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_5_6.png?v=1) no-repeat center;}
.typeChapter1-5 .step7 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch1_5_7.png) no-repeat center;}

.typeChapter2-1-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_1_1_1.jpg) no-repeat center;}
.typeChapter2-1-1 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_1_1_2.png?v=2) no-repeat center;}
.typeChapter2-1-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_1_2_1.jpg) no-repeat center;}
.typeChapter2-1-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_1_2_2.png?v=2) no-repeat center;}
.typeChapter2-2-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_2_1_1.jpg?v=1) no-repeat center;}
.typeChapter2-2-1 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_2_1_2.png?v=2) no-repeat center;}
.typeChapter2-2-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_2_2_1.jpg) no-repeat center;}
.typeChapter2-2-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_2_2_2.png?v=2) no-repeat center;}
.typeChapter2-3-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_3_1_1.jpg) no-repeat center;}
.typeChapter2-3-1 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_3_1_2.png?v=2) no-repeat center;}
.typeChapter2-3-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_3_2_1.jpg) no-repeat center;}
.typeChapter2-3-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_3_2_2.png?v=2) no-repeat center;}
.typeChapter2-4-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_4_1_1.jpg) no-repeat center;}
.typeChapter2-4-1 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_4_1_2.png?v=2) no-repeat center;}
.typeChapter2-4-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_4_2_1.jpg) no-repeat center;}
.typeChapter2-4-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_4_2_2.png?v=2) no-repeat center;}
.typeChapter2-5-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_5_1_1.jpg) no-repeat center;}
.typeChapter2-5-1 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_5_1_2.png?v=2) no-repeat center;}
.typeChapter2-5-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_5_2_1.jpg) no-repeat center;}
.typeChapter2-5-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_5_2_2.png?v=2) no-repeat center;}
.typeChapter2-6-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_6_1_1.jpg) no-repeat center;}
.typeChapter2-6-1 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_6_1_2.png?v=2) no-repeat center;}
.typeChapter2-6-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_6_2_1.jpg) no-repeat center;}
.typeChapter2-6-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch2_6_2_2.png?v=2) no-repeat center;}

.typeChapter3-1-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_1_1.jpg) no-repeat center;}
.typeChapter3-1-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_1_2_1.jpg) no-repeat center;}
.typeChapter3-1-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_1_2_2.png) no-repeat center;}
.typeChapter3-2-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_2_1.jpg) no-repeat center;}
.typeChapter3-2-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_2_2_1.jpg) no-repeat center;}
.typeChapter3-2-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_2_2_2.png) no-repeat center;}
.typeChapter3-3-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_3_1.jpg) no-repeat center;}
.typeChapter3-3-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_3_2_1.jpg) no-repeat center;}
.typeChapter3-3-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_3_2_2.png) no-repeat center;}
.typeChapter3-4-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_4_1.jpg) no-repeat center;}
.typeChapter3-4-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_4_2_1.jpg) no-repeat center;}
.typeChapter3-4-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_4_2_2.png) no-repeat center;}
.typeChapter3-5-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_5_1.jpg) no-repeat center;}
.typeChapter3-5-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_5_2_1.jpg) no-repeat center;}
.typeChapter3-5-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_5_2_2.png) no-repeat center;}
.typeChapter3-6-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_6_1.jpg) no-repeat center;}
.typeChapter3-6-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_6_2_1.jpg) no-repeat center;}
.typeChapter3-6-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_6_2_2.png) no-repeat center;}
.typeChapter3-7-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_7_1.jpg) no-repeat center;}
.typeChapter3-7-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_7_2_1.jpg) no-repeat center;}
.typeChapter3-7-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_7_2_2.png) no-repeat center;}
.typeChapter3-8-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_8_1.jpg) no-repeat center;}
.typeChapter3-8-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_8_2_1.jpg) no-repeat center;}
.typeChapter3-8-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_8_2_2.png) no-repeat center;}
.typeChapter3-9-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_9_1.jpg) no-repeat center;}
.typeChapter3-9-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_9_2_1.jpg) no-repeat center;}
.typeChapter3-9-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_9_2_2.png) no-repeat center;}
.typeChapter3-10-1 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_10_1.jpg) no-repeat center;}
.typeChapter3-10-2 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_10_2_1.jpg) no-repeat center;}
.typeChapter3-10-2 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch3_10_2_2.png) no-repeat center;}

.typeChapter4 .step1 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch4_1_1.jpg) no-repeat center;}
.typeChapter4 .step2 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch4_1_2.png) no-repeat center;}
.typeChapter4 .step3 .bg {background:url(https://image.musinsa.com/showcase/covernatclogo/img/ch4_1_3.png?v=2) no-repeat center;}
.typeChapter4 .stepBox {position:absolute; width:68%; height:90%; left:16%; top:5%;}
.typeChapter4 .stepBox a {width:45%; height:100%; display:block; cursor:pointer; margin:0 2.5%; float:left;}

/* reverseSet */
.reverseSet .pg-r {display:none}
.npg-13.pg-12 .pg-f {display:none}
.npg-13.pg-12 .pg-r {display:block}
.npg-14.pg-13 .pg-f {display:none}
.npg-14.pg-13 .pg-r {display:block}
.npg-15.pg-14 .pg-f {display:none}
.npg-15.pg-14 .pg-r {display:block}
.npg-16.pg-15 .pg-f {display:none}
.npg-16.pg-15 .pg-r {display:block}
.npg-17.pg-16 .pg-f {display:none}
.npg-17.pg-16 .pg-r {display:block}
.npg-18.pg-17 .pg-f {display:none}
.npg-18.pg-17 .pg-r {display:block}
.npg-19.pg-18 .pg-f {display:none}
.npg-19.pg-18 .pg-r {display:block}
.npg-20.pg-19 .pg-f {display:none}
.npg-20.pg-19 .pg-r {display:block}
.npg-21.pg-20 .pg-f {display:none}
.npg-21.pg-20 .pg-r {display:block}
.npg-22.pg-21 .pg-f {display:none}
.npg-22.pg-21 .pg-r {display:block}
.npg-23.pg-22 .pg-f {display:none}
.npg-23.pg-22 .pg-r {display:block}
.npg-24.pg-23 .pg-f {display:none}
.npg-24.pg-23 .pg-r {display:block}
.npg-26.pg-25 .pg-f {display:none}
.npg-26.pg-25 .pg-r {display:block}
.npg-27.pg-26 .pg-f {display:none}
.npg-27.pg-26 .pg-r {display:block}
.npg-28.pg-27 .pg-f {display:none}
.npg-28.pg-27 .pg-r {display:block}
.npg-29.pg-28 .pg-f {display:none}
.npg-29.pg-28 .pg-r {display:block}
.npg-30.pg-29 .pg-f {display:none}
.npg-30.pg-29 .pg-r {display:block}
.npg-31.pg-30 .pg-f {display:none}
.npg-31.pg-30 .pg-r {display:block}
.npg-32.pg-31 .pg-f {display:none}
.npg-32.pg-31 .pg-r {display:block}
.npg-33.pg-32 .pg-f {display:none}
.npg-33.pg-32 .pg-r {display:block}
.npg-34.pg-33 .pg-f {display:none}
.npg-34.pg-33 .pg-r {display:block}
.npg-35.pg-34 .pg-f {display:none}
.npg-35.pg-34 .pg-r {display:block}
.npg-36.pg-35 .pg-f {display:none}
.npg-36.pg-35 .pg-r {display:block}
.npg-37.pg-36 .pg-f {display:none}
.npg-37.pg-36 .pg-r {display:block}
.npg-38.pg-37 .pg-f {display:none}
.npg-38.pg-37 .pg-r {display:block}
.npg-39.pg-38 .pg-f {display:none}
.npg-39.pg-38 .pg-r {display:block}
.npg-40.pg-39 .pg-f {display:none}
.npg-40.pg-39 .pg-r {display:block}
.npg-41.pg-40 .pg-f {display:none}
.npg-41.pg-40 .pg-r {display:block}
.npg-42.pg-41 .pg-f {display:none}
.npg-42.pg-41 .pg-r {display:block}
.npg-43.pg-42 .pg-f {display:none}
.npg-43.pg-42 .pg-r {display:block}
.npg-44.pg-43 .pg-f {display:none}
.npg-44.pg-43 .pg-r {display:block}
.npg-45.pg-44 .pg-f {display:none}
.npg-45.pg-44 .pg-r {display:block}

/* ef fix */
.blindLeft,.blindRight {height:100%;}
.blindUp,.blindDown {width:100%;}
.contentSlide.blindRight {left:inherit !important}
.contentSlide.blindRight-t {left:inherit !important}
.blindRight > .coverBox {position:absolute; left:inherit !important; right:0 !important;}
.blindRight-t > .coverBox {position:absolute; left:inherit !important; right:0 !important;}
.blindDown > .coverBox {position:absolute; top:inherit !important; bottom:0 !important;}
.blindDown-t > .coverBox {position:absolute; top:inherit !important; bottom:0 !important;}

/* insize bgSize */
.bgSize {background-size:cover !important;}
.inSize {background-size:90% auto !important;}

/* hidden img */
.hidden {width:0; height:0; overflow:hidden;}
.hidden img {width:0; height:0;}

/* loading */
.loading {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10000000000; background:#fff}
.loadingBox {position:absolute; width:100%; height:100%; background:url(https://image.musinsa.com/showcase/covernatclogo/img/loading.gif?v=2) no-repeat center;}

/* black */
.logoRightTop {background:url(https://image.musinsa.com/showcase/covernatclogo/img/right_top_b.png) no-repeat;}
.logoRightBottom {background:url(https://image.musinsa.com/showcase/covernatclogo/img/right_bottom_b.png) no-repeat}
.autoPlay {background-position:-643px -1px;}
.autoPlay.on {background-position:-743px 0;}

/* white
.pg-1 .logoRightTop {background:url(https://image.musinsa.com/showcase/covernatclogo/img/right_top_w.png) no-repeat;}
.pg-1 .logoRightBottom {background:url(https://image.musinsa.com/showcase/covernatclogo/img/right_bottom_w.png) no-repeat;}
.pg-1 .autoPlay {background-position:-693px 0;}
.pg-1 .autoPlay.on {background-position:-793px 0;}
 */