[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('//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot');
src: url('//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
url('//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2') format('woff2'),
url('//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff') format('woff'),
url('//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NanumMyeongjo';
src: url('//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot');
src: url('//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot?#iefix') format('embedded-opentype'),
url('//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff2') format('woff2'),
url('//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff') format('woff'),
url('//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.ttf') format('truetype');
font-style: normal;
font-weight: 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:20px; top:34px; z-index:998; text-indent:-10000em; overflow:hidden; width:56px; height:220px; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/right_top_b.png) no-repeat;}
.logoRightBottom {position:absolute; right:20px; bottom:105px; z-index:998; text-indent:-10000em; overflow:hidden; width:56px; height:180px; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/right_bottom_b.png) no-repeat;
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:28px; 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:18px; 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(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/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(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/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(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/icon_button.v10.png) no-repeat -534px 0;}
.layer_comment .body li:nth-child(even) i {left:19px; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/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(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/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(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/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(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/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(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/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: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(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/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(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/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:-30px; width:60px; height:60px; overflow:hidden; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/btnPlay.png) no-repeat; z-index:995; cursor:pointer;}
.autoPlay.on {width:60px; height:60px; overflow:hidden; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/btnStop.png) no-repeat;}
/* 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(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/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(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/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;}
.contentSlide {position:absolute; width:100%; height:100%; left:0; top:0;}
.coverBox {position:relative;}
.coverBoxScreen {display:none; z-index:1}
/* 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 */
.typeStart .coverBox {background-size:auto 100% !important;}
.typeStart > .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch0-0_1.jpg) no-repeat center; background-color:#fff !important;}
.typeStart .step1 {position:absolute; left:0; top:0; width:100%; height:100%;}
.typeStart .step1 .coverBox {position:absolute; top:0; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch0-0_2.png) no-repeat center; background-size:auto 100% !important;}
.typeStart .step2 {position:absolute; left:50%; top:50%; margin-left:-485px; margin-top:20px;}
.typeStart .step2 p {display:block; padding:20px; line-height:16px; font-family:'NanumGothic'; font-size:16px; color:#00f; background:#fff;}
.typeStart .step2 a {display:block; width:282px; height:110px; margin-top:25px; cursor:pointer; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch0-0_3.png) no-repeat; overflow:hidden; text-indent:-1000000em;}
/* typeIntro */
.typeIntro {background:#fff;}
.typeIntro .coverBox {background-size:100% auto !important;}
.typeIntro .path1 {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch0-1.png) no-repeat center;}
.typeIntro .path2 {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch0-2.png) no-repeat center;}
.typeIntro .path3 {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch0-3.png) no-repeat center;}
.typeIntro .path4 {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch0-4.png) no-repeat center;}
.typeIntro .step1 {position:absolute; left:0; top:60%; width:100%; margin-top:150px; text-align:center; line-height:16px; font-family:'NanumGothic'; font-size:16px; color:#00f;}
.npg-1.pg-2 .leftSide {display:block;}
.npg-2.pg-3 .leftSide {display:block;}
.npg-3.pg-4 .leftSide {display:block;}
/* typeChapter intro */
.typeChapter .stepBox {position:absolute; left:170px; top:53px;}
.typeChapter .stepBox .step1 {width:680px; height:142px;}
.typeChapter .tit {position:absolute; width:680px; height:142px; left:0; top:0; background-size:auto 100% !important}
.typeChapter .stepBox .step2 {margin-top:30px; line-height:18px; font-family:'NanumGothic'; font-size:16px; color:#00f;}
.typeChapter .coverBox {background-color:#fff !important; background-size:auto 100% !important}
.typeChapter1-0 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-0_1.jpg?v=1) no-repeat left 170px bottom}
.typeChapter2-0 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch2-0_1.jpg?v=1) no-repeat left 170px bottom}
.typeChapter3-0 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-0_1.jpg?v=1) no-repeat left 170px bottom}
.typeChapter4-0 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-0_1.jpg?v=1) no-repeat left 170px bottom}
.typeChapter5-0 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch5-0_1.jpg?v=1) no-repeat left 170px bottom}
.typeChapter1-0 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-0_2.png) no-repeat left top;}
.typeChapter2-0 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch2-0_2.png) no-repeat left top;}
.typeChapter3-0 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-0_2.png) no-repeat left top;}
.typeChapter4-0 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-0_2.png) no-repeat left top;}
.typeChapter5-0 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch5-0_2.png) no-repeat left top;}
/* chapter1 */
.typeChapter1 .coverBox {background-size:cover !important; background-color:#fff !important;;}
.typeChapter1 .step1 {position:absolute; left:70px; top:70px; width:100px; height:58px;}
.typeChapter1 .step1 .num {position:absolute; left:0; top:0; width:100px; height:58px}
.typeChapter1 .stepBox {position:absolute; left:70px; bottom:0; width:980px; height:255px;}
.typeChapter1 .step2 {width:980px; height:58px;}
.typeChapter1 .step2 .tit {position:absolute; left:0; top:0; width:980px; height:58px;}
.typeChapter1 .step3 {position:absolute; left:0; top:59px; width:900px; height:200px;}
.typeChapter1 .step3 > div {position:absolute; left:0; top:0; width:100%}
.typeChapter1-3 .step3 > div {left:-30px;}
.typeChapter1 .step3 .txt {position:absolute; left:0; top:0; width:auto; height:100%; line-height:18px; font-family:'NanumGothic'; font-size:16px; color:#00f; padding:30px 30px 30px 0; background:#fff;}
.typeChapter1-2 .step2 {height:72px;}
.typeChapter1-4 .step2 {height:72px;}
.typeChapter1-7 .step2 {height:72px;}
.typeChapter1-10 .step2 {height:72px;}
.typeChapter1-2 .step3 {top:73px;}
.typeChapter1-3 .step3 .txt {padding-left:30px;}
.typeChapter1-4 .step3 {top:73px;}
.typeChapter1-7 .step3 {top:73px;}
.typeChapter1-10 .step3 {top:73px;}
.typeChapter1-1 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-1_1.jpg) no-repeat center;}
.typeChapter1-2 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-2_1.jpg) no-repeat center;}
.typeChapter1-3 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-3_1.jpg) no-repeat center;}
.typeChapter1-4 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-4_1.jpg) no-repeat center;}
.typeChapter1-5 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-5_1.jpg) no-repeat center;}
.typeChapter1-6 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-6_1.jpg) no-repeat center;}
.typeChapter1-7 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-7_1.jpg) no-repeat center;}
.typeChapter1-8 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-8_1.jpg) no-repeat center;}
.typeChapter1-9 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-9_1.jpg) no-repeat center;}
.typeChapter1-10 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-10_1.jpg) no-repeat center;}
.typeChapter1-1 .num {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-1_2.png) no-repeat}
.typeChapter1-2 .num {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-2_2.png) no-repeat}
.typeChapter1-3 .num {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-3_2.png) no-repeat}
.typeChapter1-4 .num {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-4_2.png) no-repeat}
.typeChapter1-5 .num {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-5_2.png) no-repeat}
.typeChapter1-6 .num {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-6_2.png) no-repeat}
.typeChapter1-7 .num {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-7_2.png) no-repeat}
.typeChapter1-8 .num {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-8_2.png) no-repeat}
.typeChapter1-9 .num {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-9_2.png) no-repeat}
.typeChapter1-10 .num {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-10_2.png) no-repeat}
.typeChapter1-1 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-1_3.png) no-repeat}
.typeChapter1-2 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-2_3.png) no-repeat; height:72px !important;}
.typeChapter1-3 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-3_3.png) no-repeat}
.typeChapter1-4 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-4_3.png) no-repeat; height:72px !important;}
.typeChapter1-5 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-5_3.png) no-repeat}
.typeChapter1-6 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-6_3.png) no-repeat}
.typeChapter1-7 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-7_3.png) no-repeat; height:72px !important;}
.typeChapter1-8 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-8_3.png) no-repeat}
.typeChapter1-9 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-9_3.png) no-repeat}
.typeChapter1-10 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch1-10_3.png) no-repeat; height:72px !important;}
/* chapter2 */
.typeChapter2-logo {position:absolute; left:0; top:0; z-index:700; display:none; opacity:0;}
.typeChapter2-logo .step1 {position:absolute; left:50%; top:108px; width:398px; height:45px; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch2-logo.png) no-repeat}
.typeChapter2-logo .step2 {position:absolute; right:50%; bottom:82px; width:137px; height:39px; margin-right:100px; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch2-fw.png) no-repeat}
.npg-16.pg-17 .typeChapter2-logo {
display:block;
transition-property: opacity;
transition-delay: 1s;
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}
.pg-16 .typeChapter2-logo {display:block;}
.pg-17 .typeChapter2-logo {display:block; opacity:1;}
.pg-18 .typeChapter2-logo {display:block; opacity:1;}
.pg-19 .typeChapter2-logo {display:block; opacity:1;}
.pg-20 .typeChapter2-logo {display:block; opacity:1;}
.pg-21 .typeChapter2-logo {display:block; opacity:1;}
.npg-17.pg-18 .typeChapter2-2 .leftSide {display:block;}
.npg-18.pg-19 .typeChapter2-3 .leftSide {display:block;}
.npg-19.pg-20 .typeChapter2-4 .leftSide {display:block;}
.npg-20.pg-21 .typeChapter2-5 .leftSide {display:block;}
.typeChapter2 .coverBox {background-size:100% auto !important;}
.typeChapter2 .path1 {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch2-1.jpg) no-repeat center;}
.typeChapter2 .path2 {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch2-2.jpg) no-repeat center;}
.typeChapter2 .path3 {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch2-3.jpg) no-repeat center;}
.typeChapter2 .path4 {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch2-4.jpg) no-repeat center;}
.typeChapter2 .path5 {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch2-5.jpg) no-repeat center;}
/* chapter3 */
.typeChapter3 .coverBox {background-size:auto 100% !important; background-color:#fff !important;}
.typeChapter3 .stepBox {position:absolute; left:70px; bottom:0; width:850px; height:286px;}
.typeChapter3 .step1 {width:510px; height:86px; position:relative;}
.typeChapter3 .step2 {line-height:28px; font-family:'NanumGothic'; font-size:16px; color:#00f; display:inline-block; padding:0 30px 30px 30px; background-color:#fff !important; }
.typeChapter3 .step1 .blindLeftFadeIn {background-color:#fff !important;}
.typeChapter3 .tit {position:absolute; left:30px; top:30px; width:510px; height:26px; padding:30px;}
.typeChapter3-1 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-1_1.jpg) no-repeat center}
.typeChapter3-2 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-2_1.jpg) no-repeat center}
.typeChapter3-3 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-3_1.jpg) no-repeat center}
.typeChapter3-4 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-4_1.jpg) no-repeat center}
.typeChapter3-5 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-5_1.jpg) no-repeat center}
.typeChapter3-6 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-6_1.jpg) no-repeat center}
.typeChapter3-7 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-7_1.jpg) no-repeat center}
.typeChapter3-8 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-8_1.jpg) no-repeat center}
.typeChapter3-9 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-9_1.jpg) no-repeat center}
.typeChapter3-10 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-10_1.jpg) no-repeat center}
.typeChapter3-1 .step1 {width:465px;}
.typeChapter3-3 .step1 {width:565px;}
.typeChapter3-5 .step1 {width:373px;}
.typeChapter3-7 .step1 {width:524px;}
.typeChapter3-9 .step1 {width:543px;}
.typeChapter3-1 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-1_2.png) no-repeat;}
.typeChapter3-3 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-3_2.png) no-repeat;}
.typeChapter3-5 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-5_2.png) no-repeat;}
.typeChapter3-7 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-7_2.png) no-repeat;}
.typeChapter3-9 .tit {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch3-9_2.png) no-repeat;}
/* chapter4 */
.typeChapter4 .coverBox {background-size:auto 100% !important; background-color:#fff !important;}
.typeChapter4 .stepBox1 {position:absolute; height:114px;}
.typeChapter4 .stepBox1 .step1 {height:34px;}
.typeChapter4 .stepBox1 .step1 .blindLeftFadeIn {}
.typeChapter4 .stepBox1 .step1 .name {}
.typeChapter4 .stepBox1 .step2 {line-height:16px; font-family:'NanumGothic'; font-size:16px; color:#00f; background-color:#fff !important; margin-top:20px;}
.typeChapter4 .stepBox2 {position:absolute;}
.typeChapter4 .stepBox2 .step1 {width:500px; height:34px;}
.typeChapter4 .stepBox2 .step1 > div {}
.typeChapter4 .stepBox2 .step1 .tit {}
.typeChapter4 .stepBox2 .step2 {line-height:28px; font-family:'NanumGothic'; font-size:16px; color:#00f; margin-top:20px;}
.typeChapter4-1 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-1_1.jpg) no-repeat center}
.typeChapter4-2 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-2_1.jpg) no-repeat center}
.typeChapter4-3 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-3_1.jpg) no-repeat center}
.typeChapter4-4 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-4_1.jpg) no-repeat center}
.typeChapter4-5 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-5_1.jpg) no-repeat center}
.typeChapter4-6 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-6_1.jpg) no-repeat center}
.typeChapter4-7 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-7_1.jpg) no-repeat center}
.typeChapter4-8 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-8_1.jpg) no-repeat center}
.typeChapter4-9 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-9_1.jpg) no-repeat center}
.typeChapter4-10 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-10_1.jpg) no-repeat center}
.typeChapter4-11 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-11_1.jpg) no-repeat center}
.typeChapter4-12 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-12_1.jpg) no-repeat center}
.typeChapter4-1 .stepBox1 {left:5%; top:21%;}
.typeChapter4-2 .stepBox1 {right:5%; bottom:30%; text-align:right;}
.typeChapter4-3 .stepBox1 {left:3.5%; top:12%;}
.typeChapter4-4 .stepBox1 {left:5% ;bottom:11.5%;}
.typeChapter4-5 .stepBox1 {left:3.5%; top:13.6%}
.typeChapter4-6 .stepBox1 {left:5%; top:5.7%;}
.typeChapter4-7 .stepBox1 {right:5%; top:24%; text-align:right;}
.typeChapter4-8 .stepBox1 {left:5%; top:11.8%;}
.typeChapter4-9 .stepBox1 {left:5%; top:11%;}
.typeChapter4-10 .stepBox1 {left:5%; top:8%;}
.typeChapter4-11 .stepBox1 {left:5%; bottom:11.5%;}
.typeChapter4-12 .stepBox1 {left:5%; bottom:32%;}
.typeChapter4-1 .stepBox2 {left:23%; bottom:0; width:800px; height:295px;}
.typeChapter4-2 .stepBox2 {left:5%; bottom:0; width:850px; height:283px;}
.typeChapter4-3 .stepBox2 {left:15.7%; bottom:0; width:800px; height:286px;}
.typeChapter4-4 .stepBox2 {left:5%; top:5%; width:800px; height:275px; margin-top:10px;}
.typeChapter4-5 .stepBox2 {left:50%; bottom:0; width:745px; height:320px}
.typeChapter4-6 .stepBox2 {left:5%; bottom:0; width:800px; height:254px;}
.typeChapter4-7 .stepBox2 {left:5%; bottom:0; width:870px; height:272px;}
.typeChapter4-8 .stepBox2 {left:5%; bottom:0; width:870px; height:240px;}
.typeChapter4-9 .stepBox2 {left:5%; bottom:0; width:870px; height:260px;}
.typeChapter4-10 .stepBox2 {left:50%; bottom:0; width:897px; height:297px;}
.typeChapter4-11 .stepBox2 {left:5%; top:6%; width:870px; height:115px;}
.typeChapter4-12 .stepBox2 {left:5%; bottom:0; width:870px; height:242px;}
.typeChapter4-1 .stepBox1,.typeChapter4-1 .stepBox1 .step1 {width:199px;}
.typeChapter4-2 .stepBox1,.typeChapter4-2 .stepBox1 .step1 {width:199px;}
.typeChapter4-3 .stepBox1,.typeChapter4-3 .stepBox1 .step1 {width:199px;}
.typeChapter4-4 .stepBox1,.typeChapter4-4 .stepBox1 .step1 {width:242px;}
.typeChapter4-5 .stepBox1,.typeChapter4-5 .stepBox1 .step1 {width:242px;}
.typeChapter4-6 .stepBox1,.typeChapter4-6 .stepBox1 .step1 {width:242px;}
.typeChapter4-7 .stepBox1,.typeChapter4-7 .stepBox1 .step1 {width:237px;}
.typeChapter4-8 .stepBox1,.typeChapter4-8 .stepBox1 .step1 {width:237px;}
.typeChapter4-9 .stepBox1,.typeChapter4-9 .stepBox1 .step1 {width:237px;}
.typeChapter4-10 .stepBox1,.typeChapter4-10 .stepBox1 .step1 {width:144px;}
.typeChapter4-11 .stepBox1,.typeChapter4-11 .stepBox1 .step1 {width:144px;}
.typeChapter4-12 .stepBox1,.typeChapter4-12 .stepBox1 .step1 {width:144px;}
.name.flowsik {width:199px; height:34px; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-n_flowsik.png) no-repeat; background-size:auto 34px;}
.name.gaintpink {width:242px; height:34px; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-n_gaintpink.png) no-repeat; background-size:auto 34px;}
.name.superbee {width:237px; height:34px; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-n_superbee.png) no-repeat; background-size:auto 34px;}
.name.miryo {width:144px; height:34px; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-n_miryo.png) no-repeat; background-size:auto 34px;}
.tit.io_past {width:373px; height:34px; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-io_past.png) no-repeat; background-size:auto 34px;}
.tit.io_future {width:444px; height:34px; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-io_future.png) no-repeat; background-size:auto 34px;}
.tit.io_present {width:477px; height:34px; background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch4-io_present.png) no-repeat; background-size:auto 34px;}
/* chapter5 */
.typeChapter5 .coverBox {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch5-bg.jpg) no-repeat; background-size:cover;}
.typeChapter5 .step {position:absolute; left:50%; top:50%; margin-left:-545px; margin-top:-370px; width:1090px; height:740px; background-position:-450px -315px !important;}
.typeChapter5 .step .btn {position:absolute; top:51px; width:48px; height:48px; cursor:pointer;}
.typeChapter5 .step .btn1 {left:463px;}
.typeChapter5 .step .btn2 {left:521px;}
.typeChapter5 .step .btn3 {left:579px;}
.typeChapter5 .step .openComment {position:absolute; left:369px; top:618px; width:360px; height:70px; cursor:pointer;}
.typeChapter5 .step .goStore1 {position:absolute; left:369px; top:618px; width:360px; height:70px; cursor:pointer;}
.typeChapter5 .step .goStore2 {position:absolute; left:369px; top:618px; width:360px; height:70px; cursor:pointer;}
.typeChapter5-1 .step {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch5-1.png?v=1) no-repeat;}
.typeChapter5-2 .step {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch5-2.png) no-repeat;}
.typeChapter5-3 .step {background:url(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/ch5-3.png?v=1) no-repeat;}
/* ef fix */
.blindRight .coverBox {left:inherit !important; right:0 !important;}
.blindRightFadeIn .coverBox {left:inherit !important; right:0 !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(//image.musinsa.com/showcase/TISNVRAT16FW/img_v5/loading.gif?v=1) no-repeat center;}