/* logo */
.logoFooter {position:absolute; left:30px; top:26px; font-size:18px; line-height:18px; color:#b2b2b2;}
.logoFooter b {color:#000;}
.logoRightTop {position:absolute; right:27px; top:50px; z-index:998; text-indent:-10000em; overflow:hidden; width:36px; height:213px;}
.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 li {list-style:none;}
.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(http://image.musinsa.com/showcase/romanticcrown/img_pc/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(http://image.musinsa.com/showcase/romanticcrown/img_pc/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(http://image.musinsa.com/showcase/romanticcrown/img_pc/icon_button.v10.png) no-repeat -534px 0;}
.layer_comment .body li:nth-child(even) i {left:19px; background:url(http://image.musinsa.com/showcase/romanticcrown/img_pc/icon_button.v10.png) no-repeat -522px 0;}

/* layer share */
.layer_share {position:absolute; right:141px; bottom:67px; width:72px; height:147px; z-index:1001}
.layer_share .btnLayer {display:block; background:url(http://image.musinsa.com/showcase/romanticcrown/img_pc/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:72px; height:70px; border:1px solid #ddd;}

/* 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(http://image.musinsa.com/showcase/romanticcrown/img_pc/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(http://image.musinsa.com/showcase/romanticcrown/img_pc/index.jpg) 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(http://image.musinsa.com/showcase/romanticcrown/img_pc/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(http://image.musinsa.com/showcase/romanticcrown/img_pc/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(http://image.musinsa.com/showcase/romanticcrown/img_pc/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}

/* footer button */
.footer {position:absolute; left:0; bottom:0; width:100%; height:70px; background:#fff; border-top:1px solid #ddd; z-index:1000;}
.footer .btn {position:absolute; display:block; background:url(http://image.musinsa.com/showcase/romanticcrown/img_pc/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(http://image.musinsa.com/showcase/romanticcrown/img_pc/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(http://image.musinsa.com/showcase/frizmworksgreen/img3/icon_music.png) no-repeat; display:block; width:70px; height:70px;}
.bgmPlayer .info .pause {cursor:pointer; position:absolute; left:0; top:0; background:url(http://image.musinsa.com/showcase/frizmworksgreen/img3/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(http://image.musinsa.com/showcase/frizmworksgreen/img3/icon_music.png) no-repeat; display:block; width:70px; height:70px; opacity:0.5;}