@charset "UTF-8";
/* CSS Document */
@font-face {
font-family: 'NanumSquare';
font-weight: 400;
src: url(../../../../assets/fonts/NanumSquareR.eot);
src: url(../../../../assets/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
    url(../../../../assets/fonts/NanumSquareR.woff) format('woff'),
    url(../../../../assets/fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
font-family: 'NanumSquare';
font-weight: 700;
src: url(../../../../assets/fonts/NanumSquareB.eot);
src: url(../../../../assets/fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
    url(../../../../assets/fonts/NanumSquareB.woff) format('woff'),
    url(../../../../assets/fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
font-family: 'NanumSquare';
font-weight: 800;
src: url(../../../../assets/fonts/NanumSquareEB.eot);
src: url(../../../../assets/fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
    url(../../../../assets/fonts/NanumSquareEB.woff) format('woff'),
    url(../../../../assets/fonts/NanumSquareEB.ttf) format('truetype');
}
@font-face {
font-family: 'NanumSquare';
font-weight: 300;
src: url(../../../../assets/fonts/NanumSquareL.eot);
src: url(../../../../assets/fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
    url(../../../../assets/fonts/NanumSquareL.woff) format('woff'),
    url(../../../../assets/fonts/NanumSquareL.ttf) format('truetype');
}
/* reset */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html{
    width: 100%;
    max-width: 768px;
    height: auto;
    min-height: 100vh;
    overflow-x: hidden;
    margin: 0 auto;
    position: relative;
}
  *::before,
  *::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

input,
textarea,
select {
    border-radius: none;
    outline: none;
}

fieldset {
    border: none;
}

legend,
caption {
    position: absolute;
    left: -9999px;
}

table {
    border-collapse: collapse;
}

li {
    list-style: none;
}

img {
    vertical-align: middle;
    border: none;
}

img,
video {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

address,
em,
i {
    font-style: normal;
}

a {
    text-decoration: none;
    color: inherit;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none; box-sizing: border-box;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body,th,td,input,select,textarea,button {line-height:1.4;font-family: 'NanumSquare','Nanum Gothic',나눔고딕,NanumGothic,돋움,Dotum,Arial,Helvetica,sans-serif;font-size: 13px; color:#333} 
a {text-decoration: none;}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
h4{font-size: 16px;font-weight: normal;margin-bottom: 10px;}
small{font-size: 12px; padding-left: 10px;}

.error {color:red;}
.clearfix::after {clear:both;content: '';display: table;}
.bold {font-weight:bold;}

.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}
.pd50{padding: 50px;}
.pd100{padding: 100px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}

.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}
.mg30{margin: 30px;}
.mg40{margin: 40px;}
.mg50{margin: 50px;}
.mg100{margin: 100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}


.per5{width:5%;}
.per10{width:10%;}
.per15{width:15%;}
.per20{width:20%;}
.per25{width:25%;}
.per30{width:30%;}
.per35{width:35%;}
.per40{width:40%;}
.per45{width:45%;}
.per50{width:50%}
.per55{width:55%;}
.per60{width:60%}
.per65{width:65%;}
.per70{width:70%}
.per75{width:75%;}
.per80{width:80%}
.per85{width:85%;}
.per90{width:90%}
.per95{width:95%;}
.per100{width:100%;}

.px10{width:10px;}
.px20{width:20px;}
.px30{width:30px;}
.px40{width:40px;}
.px50{width:50px;}
.px60{width:60px;}
.px70{width:70px;}
.px80{width:80px;}
.px90 {width:90px;}
.px100{width:100px;}
.px150{width:150px;}
.px200{width:200px;}
.px250{width:250px;}
.px300{width:300px;}
.px350{width:350px;}
.px400{width:400px;}
.px450{width:450px;}
.px500{width:500px;}
.px550{width:550px;}
.px600{width:600px;}
.px650{width:650px;}
.px700{width:700px;}

.btn-primary {color: #fff;background-color: #348fe2;border-color: #348fe2;background-image: none;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {color: #fff;background-color: #2670b7;border-color: #2670b7;}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {background-color: #348fe2;border-color: #348fe2;}
.btn-primary .badge {color: #348fe2;background-color: #fff;
}

.btn-danger {color: #fff;background-color: #ff5c57;border-color: #ff5c57;background-image: none;}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {color: #fff;background-color: #ce4741;border-color: #ce4741;}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {background-color: #ff5c57;border-color: #ff5c57;}
.btn-danger .badge {color: #ff5c57;background-color: #fff;}

.btn-turquoise {color: #fff;background-color: #00acac;border-color: #00acac;background-image: none;}
.btn-turquoise:hover,
.btn-turquoise:focus,
.btn-turquoise:active,
.btn-turquoise.active,
.open .dropdown-toggle.btn-turquoise {color: #fff;background-color: #008a8c;border-color: #008a8c;}
.btn-turquoise.disabled,
.btn-turquoise[disabled],
fieldset[disabled] .btn-turquoise,
.btn-turquoise.disabled:hover,
.btn-turquoise[disabled]:hover,
fieldset[disabled] .btn-turquoise:hover,
.btn-turquoise.disabled:focus,
.btn-turquoise[disabled]:focus,
fieldset[disabled] .btn-turquoise:focus,
.btn-turquoise.disabled:active,
.btn-turquoise[disabled]:active,
fieldset[disabled] .btn-turquoise:active,
.btn-turquoise.disabled.active,
.btn-turquoise[disabled].active,
fieldset[disabled] .btn-turquoise.active {background-color: #00acac;border-color: #00acac;}
.btn-turquoise .badge {color: #00acac;background-color: #fff;}

.btn-royalblue {color: #fff;background-color: #717bb6;border-color: #717bb6;background-image: none;}
.btn-royalblue:hover,
.btn-royalblue:focus,
.btn-royalblue:active,
.btn-royalblue.active,
.open .dropdown-toggle.btn-royalblue {color: #fff;background-color: #464a6f;border-color: #464a6f;}
.btn-royalblue.disabled,
.btn-royalblue[disabled],
fieldset[disabled] .btn-royalblue,
.btn-royalblue.disabled:hover,
.btn-royalblue[disabled]:hover,
fieldset[disabled] .btn-royalblue:hover,
.btn-royalblue.disabled:focus,
.btn-royalblue[disabled]:focus,
fieldset[disabled] .btn-royalblue:focus,
.btn-royalblue.disabled:active,
.btn-royalblue[disabled]:active,
fieldset[disabled] .btn-royalblue:active,
.btn-royalblue.disabled.active,
.btn-royalblue[disabled].active,
fieldset[disabled] .btn-royalblue.active {background-color: #717bb6;border-color: #717bb6;}
.btn-royalblue .badge {color: #717bb6;background-color: #fff;}

.btn-warning {color: #fff;background-color: #f49b1b;border-color: #f49b1b;background-image: none;}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {color: #fff;background-color: #c57e00;border-color: #c57e00;}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {background-color: #f49b1b;border-color: #f49b1b;}
.btn-warning .badge {color: #f49b1b;background-color: #fff;}

.btn-info {color: #fff;background-color: #49b6d5;border-color: #49b6d5;background-image: none;}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {color: #fff;background-color: #3492ac;border-color: #3492ac;}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {background-color: #49b6d5;border-color: #49b6d5;}
.btn-info .badge {color: #49b6d5;background-color: #fff;}

.btn-success {color: #fff;background-color: #5db75d;border-color: #5db75d;background-image: none;}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {color: #fff;background-color: #409e3e;border-color: #409e3e;}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {background-color: #5db75d;border-color: #5db75d;}
.btn-success .badge {color: #5db75d;background-color: #fff;}

.btn-silver {color: #fff;background-color: #b7c2c8;border-color: #b7c2c8;background-image: none;}
.btn-silver:hover,
.btn-silver:focus,
.btn-silver:active,
.btn-silver.active,
.open .dropdown-toggle.btn-silver {color: #fff;background-color: #929ba2;border-color: #929ba2;}
.btn-silver.disabled,
.btn-silver[disabled],
fieldset[disabled] .btn-silver,
.btn-silver.disabled:hover,
.btn-silver[disabled]:hover,
fieldset[disabled] .btn-silver:hover,
.btn-silver.disabled:focus,
.btn-silver[disabled]:focus,
fieldset[disabled] .btn-silver:focus,
.btn-silver.disabled:active,
.btn-silver[disabled]:active,
fieldset[disabled] .btn-silver:active,
.btn-silver.disabled.active,
.btn-silver[disabled].active,
fieldset[disabled] .btn-silver.active {background-color: #b7c2c8;border-color: #b7c2c8;}
.btn-silver .badge {color: #b7c2c8;background-color: #fff;}

.btn-black {color: #fff;background-color: #2c353c;border-color: #2c353c;background-image: none;}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {color: #fff;background-color: #000;border-color: #000;}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,black
fieldset[disabled] .btn-black.active {background-color: #2c353c;border-color: #2c353c;}
.btn-black .badge {color: #2c353c;background-color: #fff;}

.btn.disabled{
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}

.success{background:#d6e9c6;}
.warning{background: #fcf8e3;}
.danger{background:#f2dede;}
.info{background: #d9edf7;}

.text-primary {color: #428bca;}

.container {width: 1140px;margin: 0 auto;}

.pull-left{float:left;}
.pull-right{float:right !important;}
.popup_layer {z-index:9999;}

.btn {display: inline-block;margin-bottom: 0;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;line-height: 1.42857143;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 12px;padding: 3px 8px;}
.btn:active,
.btn.active {background-image: none;}
.btn-default {
background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #dbdbdb;
text-shadow: 0 1px 0 #fff;
border-color: #ccc;}
.btn-default:hover,
.btn-default:focus {background-color: #e0e0e0;background-position: 0 -15px;}
.btn-default:active,
.btn-default.active {background-color: #e0e0e0;border-color: #dbdbdb;}

.loginarea li {display: block;margin: 0px; clear: both; margin-bottom: 15px;}
.loginarea li>span {float: left;width: 25%;text-align: right;padding-right: 20px;margin-top: 5px;color: #000;font-weight: bold;}
.input {border: 1px solid #e5e6e7;height: 20px;outline: 0 none;padding: 3px 12px;background-color: #FFFFFF;background-image: none;border-radius: 5px;}
textarea.input{height:100px;}
textarea.dhtmleditor {border: 1px solid #e5e6e7;outline: 0 none;padding: 5px 3px 3px 5px;background-color: #FFFFFF;background-image: none;border-radius: 5px;width:100%;height:350px;}
select.input {height: 30px;}
.form-text{padding-top: 4px;}
.checkbox-group{padding-top: 5px;}

.label {display: inline;padding: .2em .6em .3em;font-size: 75%;font-weight: bold;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}
.label[href]:hover,
.label[href]:focus {color: #fff;text-decoration: none;cursor: pointer;}
.label:empty {display: none;}
.btn .label {position: relative;top: -1px;}
.label-default {background-color: #999;}
.label-default[href]:hover,
.label-default[href]:focus {background-color: #808080;}
.label-primary {background-color: #428bca;}
.label-primary[href]:hover,
.label-primary[href]:focus {background-color: #3071a9;}
.label-success {background-color: #5cb85c;}
.label-success[href]:hover,
.label-success[href]:focus {background-color: #449d44;}
.label-info {background-color: #5bc0de;}
.label-info[href]:hover,
.label-info[href]:focus {background-color: #31b0d5;}
.label-warning {background-color: #f0ad4e;}
.label-warning[href]:hover,
.label-warning[href]:focus {background-color: #ec971f;}
.label-danger {background-color: #d9534f;}
.label-danger[href]:hover,
.label-danger[href]:focus {background-color: #c9302c;}

.no_padding{padding: 0 !important;}
.text-center {text-align: center;}
.text-right {text-align: right;}
small {font-size: 11px;padding-left: 10px;}

/* navbar */
.navbar {background: #fff;border: 0 none;border-radius: 0;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); height:50px; line-height:50px;}
.logo{padding-top: 15px;font-size: 18px;line-height: 20px;height: 50px;}
.menu li{float:left; display:block; height:50px; position:relative;}
.menu li>a{padding: 0 20px;}
.menu li.active>a, .menu li>a:hover, .menu li>a:focus, .menu .open>a{color: #fff;background-color: #3498db;padding: 0 20px;display: inline-block;}
.menu .dropdown-menu{position: absolute; top: 50px; right: 0;background: #444;overflow: hidden;z-index: 1;min-width: 190px;}
.menu .dropdown-menu li{height: 40px; line-height: 40px; float: none;}
.menu .dropdown-menu li a{color: #ccc; display:block; }
.menu .dropdown-menu li a:hover{color: #fff;}
.menu .dropdown-menu li.active>a, .menu .dropdown-menu li>a:hover, .menu .dropdown-menu li>a:focus {color: #fff;background-color: #3498db;padding: 0 20px;display: block;}
.menu .dropdown-menu {display:none;}
.menu .open .dropdown-menu {display:block;}
/* main */
.main {width:100%; clear:both; margin: 0;}
.main_box1{width: 48%;margin:0 1%;}

.table-box {margin-bottom: 20px;background-color: #fff;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);border: 1px solid #ddd;overflow:hidden;margin: 0 auto 20px;}
.table-box .table-heading {color: #333;background-color: #f5f5f5;font-size: 14px;padding: 10px 15px;border-top-right-radius: 3px;border-top-left-radius: 3px;position:relative;}
.table-body textarea {padding: 15px;background: #f7f7f7;font-size: 12px;margin-top: 10px;width: 95%;}
.table{width:100%;border-collapse: collapse;border-spacing: 0;}
.table-body{border-collapse: collapse;border-spacing: 0; width: 100%;}
.table-body .msg_content{padding: 30px;border-top: 1px solid #ddd;}
.table-footer {padding: 10px 15px;background-color: #f5f5f5;border-top: 1px solid #ddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;overflow: hidden;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}
.table-body>thead>tr>th, .table-body>tbody>tr>th, .table-body>tfoot>tr>th, .table-body>thead>tr>td, .table-body>tbody>tr>td, .table-body>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}

.view-all {float: right;width: 75px;position: absolute;top: 10px;right: 0;}
.table>tbody:last-child{border-bottom: 1px solid #ccc;}
.table>thead{border-top: 2px solid #000;}

.thumbnail {display: block;padding: 4px;margin-bottom: 10px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.thumbnail>img, .thumbnail a>img {margin-left: auto;margin-right: auto;display: block;max-width: 100%;}

.register{width: 700px; margin: 0 auto;}
.group{overflow:hidden;}
.checkbox{padding-top: 5px;}

.modal{width:600px; margin: 30px auto;position: relative;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);background-clip: padding-box;outline: 0;}
.modal-header {padding: 15px;border-bottom: 1px solid #e5e5e5;min-height: 16.42857143px;}
.modal-body {position: relative;padding: 20px;}
.modal-body li{display: inline-block;}
.modal-body form li{display: block;}
.modal-footer {margin-top: 15px;padding: 19px 20px 20px;text-align: right;border-top: 1px solid #e5e5e5;}
.close {float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .2;filter: alpha(opacity=20);}
.modal-title {margin: 0;line-height: 1.42857143;}
.modal .modal-body .profile-info {overflow: hidden;}

/* left */
.left{float: left;width: 830px; margin-right: 20px;}
.container h3 {font-size: 18px;display: block;width: 100%;padding-bottom: 5px;margin-bottom: 20px;line-height: inherit;color: #333;border: 0;border-bottom: 1px solid #e5e5e5;font-weight: normal;clear: both;
}
.table-bottom {overflow: hidden;}
.pagination {text-align: center;margin: 15px auto;}
.pagination .active {border: 1px solid #ddd;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;padding: 0 7px;margin: 0 2px;display: inline-block;line-height: 20px;background: #428bca;}
.pagination .active a {color: #fff;font-weight: bold;}
.pagination li{font-size: 12px;line-height: 20px;display: inline-block;background-image: -moz-linear-gradient(center top , #fff, #E0E0E0);border: 1px solid #ddd;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;padding: 0 7px;margin: 0 2px;}
.pagination a{font-size: 12px;}
.pagination li:hover{background: #428bca;}
.pagination li:hover a {color: #fff;}
.table-answer{padding: 20px;}

.nav {padding-left: 0;list-style: none;height: 40px;}

.nav>li {position: relative;display: block;}
.nav>li>a {position: relative;display: block;padding: 10px 15px;}
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none;background-color: #eee;}

.nav-tabs {border-bottom: 1px solid #ddd;height: 39px;}

.nav-tabs>li {float: left;margin-bottom: -1px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #555;background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent;cursor: default;}

.nav-tabs>li>a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;}


.media {clear: both;margin-top: 20px;}
.media-left, .media>.pull-left {padding-right: 10px;}
.media-body {width: 10000px;}
.media-body, .media-left, .media-right {display: table-cell;vertical-align: top;}
.media-right, .media>.pull-right {padding-left: 10px;width: 50px;vertical-align: middle;text-align: right;}
.media-heading {font-size: 14px;overflow:hidden;font-weight:bold;}
.media-body .media-info {font-size: 11px;color: #666;padding-top: 5px;}
.media-body .media-info span {padding-right: 10px;}

/* sidebar */	
.sidebar {float: right;width: 248px;border: 1px solid #e5e5e5;padding: 20px;}
.sidebar .login {overflow: hidden;}
.sidebar .headline {border-bottom: 1px dotted #ccc;display: block;margin-bottom: 15px;}
.sidebar .headline h3 {border-bottom: 2px solid #3498db;display: inline-block;margin: 0 0 -2px;padding-bottom: 5px;font-size: 15px;}
.sidebar .login .text {padding-top: 5px;}
.sidebar .login .text li {float: left;padding-right: 7px;}
.sidebar .welcome {overflow: hidden;}
.sidebar .welcome li{float: left;padding-right: 3px;padding-bottom:5px;}
.sidebar .welcome p{margin-bottom: 10px;}
.sidebar .welcome .btn{font-size: 11px;}

.sidebar .sidebar_latest li{padding-bottom:10px;}

.sidebar .tag-clouds{overflow:hidden;}
.sidebar .tag-clouds ul li{float:left; padding-right:10px;}

.sidebar .sidebar-social-login-box { 
	clear:both;
	text-align:center;
	margin-top:10px; border:1px solid #e3e3e3;
	background-color: #f5f5f5;background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%); 
	background-repeat:repeat-x; border-color:#dcdcdc;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
	padding: 8px;border-radius: 3px;}

.help-block {display: block;margin-top: 5px;color: #737373;font-size: 12px;}
.nopost {text-align:center; padding:120px 0 !important; }

.latest_comment_count {font-size:11px; color:#FF7700; margin-left:5px;font-weight:bold;}
.highlight {font-weight:bold; color:#7519FF}

/* Sideview */
#nameContextMenu { background:#000; color:#fff; padding:4px 8px 6px;z-index:10000; }
#nameContextMenu a { color:#fff; font-size:12px; line-height:20px; display:block; }
#nameContextMenu a:hover { color:#ff0000; }
#nameContextMenu td { border:0px !important; }


.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
.alert h4 { margin-top: 0; color: inherit; }
.alert .alert-link { font-weight: bold; }
.alert > p,
.alert > ul { margin-bottom: 0; }
.alert > p + p { margin-top: 5px; }
.alert-dismissible,
.alert-dismissible { padding-right: 35px; }
.alert-dismissible .close,
.alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }
.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-success hr { border-top-color: #c9e2b3; }
.alert-success .alert-link { color: #2b542c; }
.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert-info hr { border-top-color: #a6e1ec; }
.alert-info .alert-link { color: #245269; }
.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.alert-warning hr { border-top-color: #f7e1b5; }
.alert-warning .alert-link { color: #66512c; }
.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.alert-danger hr { border-top-color: #e4b9c0; }
.alert-danger .alert-link { color: #843534; }
/* common */
a{display: inline-block;}
a.mobilebtn{display: inline-block !important; width: 40px !important; height: 40px !important;}
input[type="checkbox"].checkboxdesign{position: relative; left: -9999px;}
input[type="checkbox"].checkboxdesign + label{position: relative; padding-left: 13px;}
input[type="checkbox"].checkboxdesign + label::after{position: absolute; content: ''; width: 22px; height: 22px; background: url(../../../../img/ico-checkbox-uncheck.png) no-repeat 50% 50%; background-size: cover; top: 50%; transform: translateY(-50%); left: -15px;}
input[type="checkbox"].checkboxdesign:checked + label::after{background: url(../../../../img/ico-checkbox-check.png) no-repeat 50% 50%; background-size: cover;}
span.like-wrap{position: absolute; width: 40px; height: 40px; cursor: pointer; top: 0; right: 0; display: block;}
span.like-wrap a{display: block; width: 100%; height: 100%;}
span.like{position: relative; display: block; width: 100%; height: 100%;}
span.like::after{position: absolute; content: ''; width: 16px; height: 16px; background: url(../../../../img/heart.png) no-repeat 50% 50%; background-size: cover; top: 55%; left: 50%; transform: translateX(-50%) translateY(-50%);}
span.like.on::after{position: absolute; content: ''; width: 16px; height: 16px; background: url(../../../../img/heartfill.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
span.like.static::after{position: absolute; content: ''; width: 16px; height: 16px; background: url(../../../../img/heartfill.png) no-repeat 50% 50%; background-size: cover; top: 55%; left: 50%; transform: translateX(-50%) translateY(-50%);}
span.share-wrap{display: inline-block; width: 40px; height: 40px; cursor: pointer; position: relative;}
span.share-wrap a{display: block; width: 100%; height: 100%;}
span.share{position: absolute; content: ''; width: 21px; height: 21px; background: url(../../../../img/ico-productview-share2.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
span.review-wrap{width: 40px; height: 40px; float: left; margin: 5px 0;}
span.review-wrap a{display: block; width: 100%; height: 100%;}
span.review-wrap span.review{position: relative; display: block; width: 100%; height: 100%;}
span.review-wrap span.review::after{position: absolute; content: ''; width: 21px; height: 21px; background: url(../../../../img/ico-style-comment2.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.cursor{cursor: pointer;}
div.condition-wrap{position: absolute; top: 0; right: 0;}
div.proinput-wrap{float: left; font-size: 12px; color: #444; font-weight: 600; padding-left: 15px; position: relative; margin-right: 15px;}
div.proinput-wrap::after{position: absolute; content: ''; width: 10px; height: 11px; top: 50%; transform: translateY(-50%); left: 0; background: url(../../../../img/ico-sort.png) no-repeat 50% 50%; background-size: cover;}
div.proInput{display: none; position: absolute; width: 66px; height: auto; background-color: #fff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 0 3px 3px rgba(0,0,0,.05); top: 20px; left: 50%; text-align: center; border-radius: 4px; border: 1px solid #DFDFDF; z-index: 1; transform: translateX(-50%);}
div.proInput.on{display: block;}
div.proInput div.proOption{text-align: center; width: 100%; height: calc(100% / 3); line-height: 35px; border-bottom: 1px solid #dfdfdf; font-size: 13px; font-weight: 600; color: #333;}
div.proInput div.proOption:first-child{border-top-left-radius: 4px; border-top-right-radius: 4px;}
div.proInput div.proOption:last-child{border-bottom: 0 solid #000; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
div.proInput div.proOption.on{background-color: #33CCCC; color: #fff;}
ul.product-wrap{display: block;}
ul.product-wrap li.product-list{display: block; float: left; width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 20px; position: relative;}
ul.product-wrap li.product-list a{display: block;}
ul.product-wrap li.product-list:nth-of-type(2n){margin-right: 0;}
ul.product-wrap li.product-list span.productImg{float: none; width: 100%; height: 100%; display: block; position: relative;}
ul.product-wrap li.product-list span.productImg img{width: 100%; height: calc((100vw - 50px) / 2); object-fit: cover; border-radius: 3px;}
ul.product-wrap li.product-list span.like-wrap{position: absolute; display: block;z-index:10;}
ul.product-wrap li.product-list span.productInfo{float: none; width: 100%; height: auto; padding-left: 0; padding-top: 15px;}
ul.product-wrap li.product-list span.proTitle{padding-bottom: 0; font-size: 13px; font-weight: 700; color: #666; display: block; margin-top: 15px;}
ul.product-wrap li.product-list span.productInfo span.proTitlesub{color: #666; margin-bottom: 10px; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; height: 18px; overflow: hidden;}
ul.product-wrap li.product-list span.productInfo span.proPrice{color: #444; font-size: 15px; font-weight: 900; margin-bottom: 5px;}
ul.product-wrap span.productInfo span.proInfosub{font-size: 11px; color: #888; display: inline-block; display: block;}
ul.product-wrap span.productInfo span.proInfosub em{font-size: 11px; color: #888; display: inline-block;}
ul.product-wrap span.productInfo span.proInfosub em + span{display: inline-block;}
ul.product-wrap span.productInfo span.rateYo{display: inline-block; padding: 0;}
ul.product-wrap span.like::after{width: 21px; height: 21px; background: url(../../../../img/heartw.png) no-repeat 50% 50%; background-size: cover;}
ul.product-wrap span.like.on::after{width: 21px; height: 21px; background: url(../../../../img/heartfill.png) no-repeat 50% 50%; background-size: cover;}
div.filter-wrap{float: left; font-size: 12px; color: #444; font-weight: 600; padding-left: 15px; position: relative;}
div.filter-wrap::after{position: absolute; content: ''; width: 9px; height: 11px; top: 50%; transform: translateY(-50%); left: 1px; background: url(../../../../img/ico-filter.png) no-repeat 50% 50%; background-size: cover;}
div.filter{position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: calc(100vw - 40px); height: auto; background-color: #fff; z-index: 1002; border-radius: 5px; box-shadow: 0 0 3px 3px rgb(0 0 0 / 5%)}
div.filter-section1 {width: 100%; height: 48px; line-height: 48px; border-bottom: 1px solid #dfdfdf; position: relative; margin-bottom: 20px;}
div.filter-section1 h4{font-size: 15px; font-weight: 700; color: #333; padding-left: 20px;}
div.filter-section1-right{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
div.filter-section1-right div.reset{float: left; width: 55px; height: 25px; line-height: 25px; color: #666; font-size: 12px; font-weight: 600; text-align: center; border: 1px solid #dfdfdf; border-radius: 12.5px; margin-right: 15px;}
div.filter-section1-right a.closeBtnfilter{float: left; display: block; width: 35px; height: 25px; position: relative;}
div.filter-section1-right a.closeBtnfilter::after{position: absolute; content: ''; width: 15px; height: 15px; top: 50%; left: 0; transform: translateY(-50%); background: url(../../../../img/closesmall.png) no-repeat 50% 50%; background-size: cover;}
div.filter-section2{border-bottom: 1px solid #DFDFDF; margin: 0 20px;}
div.filter-section2-title{font-size: 13px; font-weight: 700; margin-bottom: 10px;}
div.filter-section2-content{width: 100%;}
div.filter-section2-content input[type="checkbox"].checkboxdesign + label::after{width: 16px; height: 16px;}
div.filter-section2-content input[type="checkbox"].checkboxdesign + label{padding-left: 10px;}
div.filter-section2-content label{font-size: 13px; font-weight: 600; color: #666;}
div.filter-section2-content span{float: left; width: calc(100% / 3); margin-bottom: 15px;}
div.filter-section3{margin: 20px 20px 0;}
div.filter-section3-text-wrap{position: relative;}
div.filter-section3 label.section3Title{font-size: 13px; font-weight: 700;}
/*div.filter-section3 input.section3Text{font-size: 13px; font-weight: 600 !important; color: #33cccc !important; position: absolute; top: 0; right: 0;}*/
div.filter-section3 .section3Text{font-size: 13px; font-weight: 600 !important; color: #33cccc !important; position: absolute; top: 0; right: 0;}
div.filter-section3 .section3Text > input {display:inline-block;width:20px;}
div.filter-section3 .section3Text > input#amount {width:50px;}
div.filter-section3 .section3Text > input#amount2 {width:56px;}
div.filter-section3 .section3Text > input#txt_height {width:30px;}
div.filter-section3 .section3Text > input#txt_height2 {width:30px;}
div.filter-section3 .section3Text > span {display:inline-block;}
div.filter-section3 span.section3Text em{font-size: 13px; font-weight: 600; color: #33cccc !important;}
div.filterDim{position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.75); top: 0; left: 0; z-index: 1001;}
div.filter-wrap div.filter{display: none;}
div.filter-wrap div.filter + div.filterDim{display: none;}
div.filter-wrap div.filterBtn.active + div.filter{display: block;}
div.filter-wrap div.filterBtn.active + div.filter + div.filterDim{display: block;}
div.ui-widget-header{background: transparent !important;}
div.ui-widget-content{background: #fff !important; border-radius: 5px !important; height: 10px !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border: none !important; background: #33cccc !important; border-radius: 50% !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {border: none !important; background: #33cccc !important; color: transparent !important;}
.ui-widget.ui-widget-content{border: 1px solid #dfdfdf !important;}
div.filter-section3 p.filter-section3-text{position: relative; margin: 20px auto 10px;}
div.btnApply{margin: 30px 20px;}
div.btnApply a{display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 15px; font-weight: 700; background: #33cccc; border-radius: 25px;}
div.quickLink-wrap{padding: 0 25px;}
div.quickLink-wrap a{float: left; display: block; font-size: 13px; font-weight: 600; color: #33CCCC; margin-right: 8px;}
span.delete-wrap{position: absolute; display: block; width: 40px; height: 40px; top: 0; right: 0;}
span.delete-wrap span.delete{display: block; width: 100%; height: 100%;}
span.delete-wrap span.delete a{display: block; width: 100%; height: 100%; position: relative;}
span.delete-wrap span.delete a::after{display: block; position: absolute; content: ''; background: url(../../../../img/ico-search-delete.svg) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 17px; height: 17px;}
span.reviewMore-wrap{position: absolute; top: -10px; right: -20px; width: 40px; height: 40px;}
span.reviewMore-wrap span.reviewMoreBtn-wrap{position: relative; display: block; width: 100%; height: 100%;}
span.reviewMore-wrap span.reviewMoreBtn-wrap a{display: block; width: 100%; height: 100%;}
span.reviewMore-wrap span.reviewMoreBtn-wrap a::after{position: absolute; content: ''; width: 4px; height: 18px; background: url(../../../../img/ico-reviewMoreBtn.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
span.reviewMore-wrap span.reviewMore{position: absolute; top: 35px; right: 15px; width: 66px; height: auto; background: #fff; text-align: center; border: 1px solid #dfdfdf; border-radius: 4px; overflow: hidden; display: none; box-shadow: 0 0 3px 3px rgb(0 0 0 / 5%);}
span.reviewMore-wrap span.reviewMore span.reviewModifyBtn{display: block; width: 100%; height: 50%; background: #fff;}
span.reviewMore-wrap span.reviewMore span.reviewModifyBtn a{display: block; width: 100%; height: 100%; text-align: center; line-height: 34px;}
span.reviewMore-wrap span.reviewMore span.reviewModifyBtn:hover{background: #33cccc;}
span.reviewMore-wrap span.reviewMore span.reviewModifyBtn:hover a{color: #fff;}
span.reviewMore-wrap span.reviewMore span.reviewDeleteBtn{display: block; width: 100%; height: 50%; background: #fff;}
span.reviewMore-wrap span.reviewMore span.reviewDeleteBtn a{display: block; width: 100%; height: 100%; text-align: center; line-height: 34px;}
span.reviewMore-wrap span.reviewMore span.reviewDeleteBtn:hover{background: #33cccc;}
span.reviewMore-wrap span.reviewMore span.reviewDeleteBtn:hover a{color: #fff;}
span.reviewMore-wrap.on span.reviewMore{display: block; z-index: 1;}
.error{color: #FF8E8E;}
span.optionSection-select{display: block; width: 56px; height: 30px; padding: 3px; background-color: #33cccc; border-radius: 15px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: all 100ms ease-in-out;}
span.optionSection-select input[type="radio"].optionInput{display: block; width: 24px; height: 24px; background: transparent; border-radius: 50%; cursor: pointer; -webkit-appearance: none; border : none;}
span.optionSection-select input[type="radio"].optionInput:checked{background: #fff;}
span.optionSection-select label{float: left; width: 50%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px; height: 10px;}
.swiper-pagination-bullet{background: #C9C9C9 !important; opacity: 1 !important;}
.swiper-pagination-bullet-active{background: #79e6e6 !important;}
.swiper-button-next{right: 20px; width: 40px !important; height: 40px !important; opacity: 1;}
.swiper-button-next span.button-next{display: block; width: 100%; height: 100%; background-color: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); border-radius: 50%; position: relative; opacity: 1;}
.swiper-button-next span.button-next::after{position: absolute; content: ''; width: 10px; height: 18px; top: 50%; left: 52%; transform: translateX(-50%) translateY(-50%); background: url(../../../../img/ico-photo-next.png) no-repeat 50% 50%; background-size: cover;}
.swiper-button-next::after{display: none;}
.swiper-button-prev{left: 20px; width: 40px !important; height: 40px !important; opacity: 1;}
.swiper-button-prev span.button-prev{display: block; width: 100%; height: 100%; background-color: #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); border-radius: 50%; position: relative; opacity: 1;}
.swiper-button-prev span.button-prev::after{position: absolute; content: ''; width: 10px; height: 18px; top: 50%; left: 48%; transform: translateX(-50%) translateY(-50%) rotate(-180deg); background: url(../../../../img/ico-photo-next.png)no-repeat 50% 50%; background-size: cover;}
.swiper-button-prev::after{display: none;}
/* layout */
body{width: 100vw; max-width: 768px; height: auto; min-height: 100vh; position: relative; margin: 0 auto; overflow: hidden;}
#header{width: 100%; position: relative; background-color: #fff; max-width: 768px; margin: 0 auto;}
#header.hfix {background:transparent;position:fixed;top:0;left:0;z-index:2000;}
#header div.header-section{width: 100%; height: 65px; line-height: 65px; position: relative; max-width: 768px; margin: 0 auto;}
#header.sticky + .main{padding-top: 41px;}
#header.sticky div.header-section{position: fixed; top: 0; left: 50%; z-index: 1000; height: 65px; line-height: 40px; border-bottom: 1px solid #dfdfdf; transform: translateX(-50%);}
#header div.logo{position: absolute; width: 103px; padding-top: 0; height: auto; top: 50%; transform: translateY(-50%); left: 20px;}
#header div.logo a{display: inline-block; width: 100%;}
#header div.logo img{width: 100%; height: auto;}
#header div.headerTop-wrap{position: absolute; top: 50%; transform: translateY(-50%); right: 10px; height: 40px; width: auto;}
#header span.headerTop{position: relative; width: 100%; height: 100%; display: block; clear: both;}
#header a.search-wrap{float: left; position: relative;}
#header a.search-wrap::after{position: absolute; content: ''; width: 20px; height: 20px; background: url(../../../../img/search.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
#header a.alert-wrap{float: left; position: relative;}
#header a.alert-wrap::after{position: absolute; content: ''; width: 18px; height: 23px; background: url(../../../../img/alertOff.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
#header a.alert-wrap.active::after{background: url(../../../../img/alertOn.png) no-repeat 50% 50%; background-size: cover;}
#header a.openMenu-wrap{float: left; position: relative;}
#header a.openMenu-wrap::after{position: absolute; content: ''; width: 20px; height: 20px; background: url(../../../../img/ico-topmenu-menu.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
#header div.menu-wrap{width: 330px; height: 100vh; position: fixed; background-color: #fff; top: 0; right: -100vw; z-index: 1001; transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);}
#header div.menu-wrap.active{right: 0;}
#header div.login{height: 65px; line-height: 65px; background-color: #E3F6F6; font-size: 14px; position: relative; padding-left: 65px;}
#header span.userlogin{display: block; width: 205px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#header a.userImg{width: 40px; height: 40px; display: block; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); padding: 2.5px; overflow: hidden;}
#header a.userImg img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
#header span.userlogin a{display: inline-block; height: 65px; line-height: 65px; color: #33cccc; font-weight: 700;}
#header span.userlogin span{color: #666; display: inline-block; height: 65px; line-height: 65px; font-weight: 700;}
#header a.closebtnMy{display: block; width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px;}
#header a.closebtnMy img{width: 100%; height: 100%; display: block; padding: 10px;}
#header div.menu{padding: 0 20px;}
#header div.menu li{width: 100%; display: inline-block; height: 65px; line-height: 65px; color: #333; font-size: 17px; border-bottom: 1px solid #D9D9D9; font-weight: 700;}
#header div.menu li a{color: #333; padding-left: 10px; display: block;}
#header div.dim{position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.75); z-index: 1000; display: none;}
#header div.dim.active{display: block;}
#header div.version-wrap{width: 100%; height: 40px; line-height: 40px; font-size: 13px; font-weight: 700; text-align: center; color: #333; position: absolute; bottom: 0; left: 0; background-color: #f5f5f5;}
#header div.version-wrap span.logout{display: inline-block; width: 163px; position: relative; margin: 0 auto;}
#header div.version-wrap span.logout a{display: block; width: 100%; height: 100%;}
#header div.version-wrap span.logout::after{position: absolute; content: ''; width: 1px; height: 60%; top: 50%; right: 0; transform: translateY(-50%); background-color: #d4d4d4;}
#header div.version-wrap span.version{display: inline-block; width: 163px; margin: 0 auto;}
/* header-style0 */
#header div.header-style0{width: 100%; height: 65px; line-height: 65px; position: fixed; background-color: #fff; z-index: 999; border-bottom: 1px solid #dfdfdf;}
#header div.header-style0 a.prev{position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 10.5px 8.5px;}
#header div.header-style0 a.prev img{display: block; width: 100%; height: 100%;}
/* header-style1 */
#header div.header-style1{width: 100%; height: 65px; line-height: 65px; position: fixed; background-color: #fff; z-index: 999;}
#header div.header-style1 a.prev{position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 10.5px 8.5px;}
#header div.header-style1 a.prev img{display: block; width: 100%; height: 100%;}
span.header-style1-text{font-size: 18px; color: #333; display: block; text-align: center; font-weight: 900; border-bottom: 1px solid #DFDFDF;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
span.htitle11 {width:calc(100vw - 120px);margin:0 auto;border:0;}
#header div.header-style1.htitle11 {background-color: transparent;}

/* header-style2 */
#header div.header-style2{width: 100%; height: 65px; line-height: 65px; position: fixed; background-color: #fff; z-index: 999;}
span.header-style2-text{font-size: 18px; color: #333; display: block; text-align: center; font-weight: 900; border-bottom: 1px solid #DFDFDF;}
/* header-style3 */
#header div.header-style3{width: 100%; height: 65px; line-height: 65px; position: fixed; background-color: #fff; z-index: 999;}
#header div.header-style3 a.closeBtn{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 10.5px;}
#header div.header-style3 a.closeBtn img{display: block; width: 100%; height: 100%;}
span.header-style3-text{font-size: 18px; color: #333; display: block; text-align: center; font-weight: 900; border-bottom: 1px solid #DFDFDF;}
/* header-style4 */
#header div.header-style4{width: 100%; height: 65px; line-height: 65px; position: fixed; background-color: #fff; z-index: 999; border-bottom: 1px solid #DFDFDF;}
#header div.header-style4 a.prev{position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 10.5px 8.5px;}
#header div.header-style4 a.prev img{display: block; width: 100%; height: 100%;}
#header div.header-style4 span.header-style4-logo{position: absolute; display: block; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 103px; height: auto;}
#header div.header-style4 span.header-style4-logo a{display: block; width: 100%; height: 100%;}
#header div.header-style4 span.header-style4-logo img{display: block; width: 100%; height: 100%}
#header div.header-style4 a.share{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 8.5px;}
#header div.header-style4 a.share img{display: block; width: 100%; height: 100%;}
/* header-style5 */
#header div.header-style5{width: 100%; height: 65px; line-height: 65px; position: fixed; background-color: #fff; z-index: 999; border-bottom: 1px solid #DFDFDF;}
#header div.header-style5 a.prev{position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 10.5px 8.5px;}
#header div.header-style5 a.prev img{display: block; width: 100%; height: 100%;}
#header div.header-style5 div.header-style5-text{position: relative; width: 150px; height: 100%; margin: 0 auto;}
#header div.header-style5 span.optionSelected-wrap{position: absolute; display: inline-block; width: auto; top: auto; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #333; font-size: 18px; font-weight: 900;}
#header div.header-style5 span.optionSelected{display: inline-block; position: relative;}
#header div.header-style5 span.optionSelected::after{position: absolute; content: ''; width: 7px; height: 6px; background: url(../../../../img/ico-select-box.png) no-repeat 50% 50%; background-size: cover; top: 50%; right: -15px; transform: translateY(-50%);}
#header div.header-style5 div.selectBox{ display: none; position: absolute; width: 120px; height: 120px; line-height: 25px; border-radius: 4px; border: 1px solid #DFDFDF; top: 50px; left: 50%; transform: translateX(-50%); background-color: #fff; padding: 10px 0; box-shadow:0 4px 8px 0 rgb(225 225 225 / 10%), 0 6px 20px 0 rgb(225 225 225 / 10%);}
#header div.header-style5 span.optionSelectedBtn.active + div.selectBox{display: block;}
#header div.header-style5 span.optionSelectedBtn.active span.optionSelected::after{transform: translateY(-50%) rotate(-180deg);}
#header div.header-style5 div.selectBox span.selOption{display: block; width: 100%; height: 25px; line-height: 25px; color: #333; font-size: 15px; text-align: left;}
#header div.header-style5 div.selectBox span.selOption a{display: block; width: 100%; height: 100%; padding-left: 15px;}
#header div.header-style5 div.selectBox span.selOption.on{color: #33cccc;}
#header div.header-style5 div.selectBox span.selOption.on a{color: #33cccc; font-weight: 700;}
#header div.header-style5 span.headerTop{position: absolute; top: 50%; right: 20px; width: 80px; height: 40px; transform: translateY(-50%);}
#header div.header-style5 span.headerTop a.alert-wrap{display: block; width: 40px; height: 40px;}
/* header-style6 */
#header div.header-style6{width: 100%; height: 65px; line-height: 65px; position: fixed; background-color: #F9F9F9; z-index: 999;}
#header div.header-style6 a.prev{position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 10.5px 8.5px;}
#header div.header-style6 a.prev img{display: block; width: 100%; height: 100%;}
#header div.header-style6 a.share{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 8.5px;}
#header div.header-style6 a.share img{display: block; width: 100%; height: 100%;}
#header div.header-style6-content2-wrap{background-color: #f9f9f9;}
#header div.header-style6-content2-wrap div.content2{width: 100%; height: 255px; padding-bottom: 28px;}
#header div.header-style6-content2-wrap div.content2 span.logo-wrap{display: block; width: 100%; height: 100px; position: relative; margin-bottom: 15px;}
#header div.header-style6-content2-wrap div.content2 span.logo-wrap img{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100px; height: 100px; border-radius: 50%; border: 1px solid #dfdfdf; background: #fff;}
#header div.header-style6-content2-wrap{padding-top: 65px;}
#header div.header-style6-content2-wrap div.content2 span.content2-textarea{display: block; width: 100%; padding: 0 20px; text-align: center; }
#header div.header-style6-content2-wrap div.content2 span.content2-title{display: block; font-size: 16px; font-weight: 700; color: #333; margin-bottom: 10px; line-height: 40px;}
#header div.header-style6-content2-wrap div.content2 span.content2-text{display: block; font-size: 13px; font-weight: 600; color: #666; line-height: 1.4;}
#header div.header-style6-content2-wrap div.content2 span.like-wrap{display: block; width: 92px; height: 32px; line-height: 32px; position: relative; border: 1px solid #E3E3E3; border-radius: 3px; margin: 15px auto 0; background: #fff;}
#header div.header-style6-content2-wrap div.content2 span.like{float: left; width: 40px;}
#header div.header-style6-content2-wrap div.content2 span.like-text{float: left; width: calc(100% - 40px); font-size: 13px; font-weight: 700; color: #333; height: 30px; line-height: 30px; text-align: left;}
/* header-style7 */
div.header-style7{width: 100%; height: 65px;  line-height: 65px; background-color: transparent; z-index: 999;}
#header div.header-style7 .header-style2-text {display:none;border:0;}
#header.sticky div.header-style7 {background:#fff;border-bottom: 1px solid #DFDFDF;}
div.header-style7 a.prev{position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 10.5px 8.5px;}
div.header-style7 a.prev img{display: block; width: 100%; height: 100%;}
div.header-style7 a.share{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 8.5px;}
div.header-style7 a.share img{display: block; width: 100%; height: 100%;}
div.header-style7-content1-wrap{line-height: 1.4;}
.tsticky {position:unset;}
.tsticky.fix {position:fixed !important;top:40px;}
div.header-style7-content1-wrap.creator-style-wrap{padding-top: 0;}
#header.sticky div.header-style7-content1-wrap.creator-style-wrap{padding-top: 40px;}
div.header-style7-content1-wrap div.content1{background-color: #D2F8F8;padding-top:65px; padding-bottom: 30px;}
div.header-style7-content1-wrap div.content1-section{padding: 5px 20px 0;}
div.header-style7-content1-wrap div.content1-left{float: left; width: 95px; }
div.header-style7-content1-wrap div.creatorimg-wrap{display: block; width: 95px; height: 95px; border-radius: 50%; background: #fff;}
div.header-style7-content1-wrap div.creatorimg-wrap img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
div.header-style7-content1-wrap div.content1-right{float: left; width: calc(100% - 95px); padding-left: 20px;}
div.header-style7-content1-wrap span.content1-title{font-size: 15px; font-weight: 900; display: block;}
div.header-style7-content1-wrap span.content1-subtitle{font-size: 13px; color: #666; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; height: 38px; overflow: hidden;}
div.header-style7-content1-wrap div.btn-Youtube{float: left;}
div.header-style7-content1-wrap div.btn-Youtube a{display: block; width: 40px; height: 40px; position: relative;}
div.header-style7-content1-wrap div.btn-Youtube a::after{position: absolute; content: ''; width: 29px; height: 22px; background: url(../../../../img/btn-Youtube.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
div.header-style7-content1-wrap div.btn-Instagram{float: left;}
div.header-style7-content1-wrap div.btn-Instagram a{display: block; width: 40px; height: 40px; position: relative;}
div.header-style7-content1-wrap div.btn-Instagram a::after{position: absolute; content: ''; width: 27px; height: 27px; background: url(../../../../img/btn-Instagram.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
div.header-style7-content1-wrap div.liked-wrap{width: 100%; padding: 25px 20px 0;}
div.header-style7-content1-wrap div.liked{width: 100%; height: 32px; line-height: 32px; background-color: #fff; border-radius: 3px; border: 1px solid #E3E3E3;}
div.header-style7-content1-wrap div.liked a{display: block; width: 100%; height: 100%; text-align: center;}
div.header-style7-content1-wrap div.liked span{display: inline-block; padding-left: 20px; position: relative; font-size: 13px; font-weight: 600; height: 30px;}
div.header-style7-content1-wrap div.liked span::after{position: absolute; content: ''; width: 14px; height: 14px; background: url(../../../../img/heart666.png) no-repeat 50% 50% ;background-size: cover; top: 55%; transform: translateY(-50%); left: 0px;}
div.header-style7-content1-wrap div.liked.on span::after{position: absolute; content: ''; width: 14px; height: 14px; background: url(../../../../img/heartfill.png) no-repeat 50% 50% ;background-size: cover; top: 55%; transform: translateY(-50%); left: 0px;}

/* header-styleFnc */
#header.sticky div.header-style0{height: 65px; line-height: 65px;}
#header.sticky div.header-style1{height: 65px; line-height: 65px;}
#header.sticky div.header-style2{height: 65px; line-height: 65px;}
#header.sticky div.header-style3{height: 65px; line-height: 65px;}
#header.sticky div.header-style4{height: 65px; line-height: 65px;}
#header.sticky div.header-style5{height: 65px; line-height: 65px;}
#header.sticky div.header-style6{height: 65px; line-height: 65px;}
#header.sticky div.header-style7{height: 65px; line-height: 65px;}
#header.sticky div.header-style7 .header-style2-text {display: -webkit-box;margin:0 auto;width:60%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;overflow: hidden;}
/* #header.sticky div.header-style7-content1-wrap{padding-top: 40px;} */
#header.sticky div.header-style11{background-color: #fff; border-bottom: 1px solid #DFDFDF;}
/*footer*/
#footer{width: 100%; max-width: 768px; height: 50px; line-height: 50px; background-color: #fff; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 999;  border-top: 1px solid #dfdfdf;}
#footer div.footer-gnb{width: 100%; height:100%;}
#footer div.footer-gnb ul{width: 100%; height: 100%; position: relative;}
#footer div.footer-gnb li{float: left; width: 25%; height: 50px; text-align: center; box-sizing: border-box; position: relative; color: #444; font-size: 13px;}
#footer div.footer-gnb li a{display: inline-block; width: 100%; height: 100%; color: #444; font-size: 13px;}
#footer div.footer-gnb li a::after{position: absolute; content: '';}
#footer div.footer-gnb li:nth-of-type(1) a::after{background: url(../../../../img/ico_home.svg) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 25px; height: 25px;}
#footer div.footer-gnb li:nth-of-type(2) a::after{background: url(../../../../img/ico_category.svg) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 25px; height: 25px;}
#footer div.footer-gnb li:nth-of-type(3) a::after{background: url(../../../../img/ico_cloth.svg) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 25px; height: 25px;}
#footer div.footer-gnb li:nth-of-type(4) a::after{background: url(../../../../img/ico_mypage.svg) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 25px; height: 25px;}
#footer div.footer-gnb li.on:nth-of-type(1) a::after{background: url(../../../../img/ico_on_home.svg) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 25px; height: 25px;}
#footer div.footer-gnb li.on:nth-of-type(2) a::after{background: url(../../../../img/ico_on_category.svg) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 25px; height: 25px;}
#footer div.footer-gnb li.on:nth-of-type(3) a::after{background: url(../../../../img/ico_on_cloth.svg) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 25px; height: 25px;}
#footer div.footer-gnb li.on:nth-of-type(4) a::after{background: url(../../../../img/ico_on_mypage.svg) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 25px; height: 25px;}
#footer div.footer-gnb li.on a{color: #222;font-weight: 700;}
/* main */
div.container{width: 100%; margin: 0 auto;}
/* #main-container{min-height: calc(100vh + 105px);} */
#main-container div.content1{width: 100%;}
#main-container div.content1-swiper{width: 100%;}
div.main-slider ul.swiper-wrapper{width: 100%;}
div.main-slider li.swiper-slide{display: block; position: relative;}
div.main-slider li.swiper-slide img{width: 100%;}
div.main-slider span.swiper-textarea{position: absolute; top: 0; left: 0; display: block; padding-top: 10.52631578947368vw; /*40px*/ padding-left: 15px; letter-spacing: -0.5px;}
div.main-slider span.swiper-title{font-size: 12px; color: #fff; display: block; position: relative; padding-bottom: 3.157894736842105vw; /*12px*/} 
div.main-slider span.swiper-title::after{position: absolute; content: ''; width: 30px; height: 1px; background-color: #fff; bottom: 0; left: 0;}
div.main-slider span.swiper-content em{font-size: 50px; color: #fff; display: block; font-weight: 900; letter-spacing: -2px;}
div.main-slider span.swiper-content span{font-size: 15px; color: #fff; display: block; font-weight: 700;}
div.main-slider div.swiper-pagination{display: inline-block; width: 48px !important; height: 6px; bottom: 27px !important; right: 23.68421052631579vw; /*90px*/ top: unset; left: unset !important; clear: both;}
div.main-slider span.swiper-pagination-bullet{width: 6px; height: 6px; margin: 0 3px !important; background: #fff; opacity: 1; float: left; display: block;}
div.main-slider span.swiper-pagination-bullet-active{background: #33CCCC;}
#main-container div.content2{width: 100%; background-color: #fafafa; padding-bottom: 40px;}
#main-container div.content-title-section{width: 100%; position: relative; height: 70px; line-height: 70px; padding: 0 20px;}
#main-container div.content-title-section h2{font-size: 20px; font-weight: 700; color: #444;}
#main-container div.content-title-section h2 a{font-size: 20px; font-weight: 700; color: #444; display: block; width: 100%; height: 100%;}
#main-container div.content-title-section a.more{position: absolute; top: 50%; right: 5px; transform: translateY(-50%);}
#main-container div.content-title-section a.more span{position: absolute; display: inline-block; background: url(../../../../img/more.png) no-repeat 50% 50%; width: 7px; height: 12px; background-size: contain; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
#main-container div.vod-slider{width: calc(100% - 20px); padding-left: 20px; margin: 0; margin-right: 0; overflow: visible;}
#main-container div.vod-slider div.swiper-slide{max-width: calc(100% - 50px);}
#main-container div.swiper-slide.liveon div.vodImg-wrap::before{position: absolute; content: 'Live'; width: 27px; height: 15px; text-align: center; line-height: 15px; color: #fff; background: #FF5050; top: 15px; left: 15px; border-radius: 3px; font-size: 11px; font-weight: 900;}/*{position: absolute; content: ''; display: block; width: 45px; height: 23px; background: url(../../../../img/liveon.png) no-repeat 50% 50%; background-size: cover; top: 15px; right: 15px;}*/
#main-container em.vodTime{position: absolute; bottom: 10px; right: 10px; color: #d4d4d4; font-size: 13px; font-weight: 700; display: block; width: 40px; height: 20px; line-height: 20px; background-color: rgba(0, 0, 0, 0.5); text-align: center; border-radius: 5px;}
#main-container div.vod-slider div.vodImg-wrap{height: auto; position: relative; margin-bottom: 15px;}
#main-container div.vod-slider img.vodImg{width: 100%; height: 53.14009661835749vw; /*220px(414)*/ max-height: 408px; border-radius: 15px; display: block; overflow: hidden; object-fit: cover;}
#main-container span.vodTitle{color: #333; font-size: 16px; font-weight: 600; display: block; margin-bottom: 5px;overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* ellipsis line */
	-webkit-box-orient: vertical;

	/* webkit 엔진을 사용하지 않는 브라우저를 위한 속성. */
	/* height = line-height * line = 1.2em * 3 = 3.6em  */
	line-height: 1.2em;
	height: 2.3em;}
#main-container span.vodUsername{color: #666; font-size: 15px; font-weight: 600;}
#main-container span.vodView{color: #666; font-size: 15px; font-weight: 600; position: relative; padding-left: 27px; margin-left: 18px;}
#main-container span.vodView::after{position: absolute; content: ''; width: 22px; height: 13px; background: url(../../../../img/viewicon.png) no-repeat 50% 50%; background-size: cover; top: 50%; transform: translateY(-50%); left: 0px;}
#main-container div.content3{width: 100%; margin: 0 auto;}
#main-container div.content3-top-section{width: 100%; height: 70px; line-height: 100px;}
#main-container div.content3-top-section ul{width: 100%; height: 70px; display: block; clear: both; position: relative;}
#main-container div.content3-top-section li{float: left; width: 25%; text-align: center; font-size: 18px; font-weight: 600; color: #444; letter-spacing: -1px;}
#main-container div.content3-top-section li span{display: block; width: 100%; height: 100%; position: relative;}
#main-container div.content3-top-section li span em{display: inline-block; position: relative; font-weight: 400;}
#main-container div.content3-top-section li span em::after{position: absolute; content: ''; width: 0; height: 0; border-radius: 50%; background: linear-gradient(.25turn, #8CEEEF, 50%, #33CCCC); top: 40%; transform: translateY(-50%); right: -15px; z-index: -1; transition: all 0.1s ease-in-out;}
#main-container div.content3-top-section li.on{font-weight: 700;}
#main-container div.content3-top-section li.on span em{font-weight: 600;}
#main-container div.content3-top-section li.on span em::after{position: absolute; content: ''; width: 25px; height: 25px; border-radius: 50%; background: linear-gradient(.25turn, #8CEEEF, 50%, #33CCCC); top: 40%; transform: translateY(-50%); right: -15px; z-index: -1;  transition: all 0.1s ease-in-out;}
#main-container div.content3-top-section a.more{font-size: 15px; font-weight: 600; color: #33cccc; font-weight: 600; position: absolute; line-height: 40px; display: inline-block; width: 75px; right: 20px; bottom: 0; height: 40px; display: block; z-index: 1;}
#main-container div.content3-top-section a.more span{position: relative;}
#main-container div.content3-top-section a.more span::after{position: absolute; content: ''; width: 7px; height: 12px; background: url(../../../../img/morehover.png) no-repeat 50% 50%; background-size: contain; top: 50%; right: 0; transform: translateY(-50%);}
#main-container div.content3-content-section{width: 100%; padding: 0 20px;}
#main-container div.content3-content-section ul{display: block; width: 100%; box-sizing: border-box;  position: relative; padding-top: 40px;}
#main-container div.content3-content-section ul span.more-wrap{position: absolute; top: 0px; right: 0; font-size: 15px; font-weight: 600; color: #33cccc; height: 40px; line-height: 40px;}
#main-container div.content3-content-section ul a.more{font-size: 15px; font-weight: 600; color: #33cccc; width: 100%; height: 40px; line-height: 40px; display: block; position: relative; padding-right: 15px;}
#main-container div.content3-content-section ul a.more::after{position: absolute; content: ''; width: 13px; height: 13px; background: url(../../../../img/next.png) no-repeat 50% 50%; background-size: cover; top: 48%; transform: translateY(-50%); right: 0;}
#main-container div.content3-content-section li{float: left; width: calc(50% - 9px); margin-right: 18px; margin-bottom: 20px;}
#main-container div.content3-content-section li:nth-of-type(2n){margin-right: 0;}
#main-container a.card-wrap{display: block; width: 100%; height: 41.06280193236715vw; /*170px(414)*/ border-radius: 7px;box-shadow: 0 4px 8px 0 rgba(225, 225, 225, 0.8), 0 6px 20px 0 rgba(225, 225, 225, 0.75); overflow: hidden; max-height: 315px;}
#main-container a.card-wrap.youtube span.cardImg::after{position: absolute; content: ''; display: block; width: 22px; height: 22px; background: url(../../../../img/youtubeicon.png) no-repeat 50% 50%; background-size: cover; border-radius: 3px; bottom: 7.5%; left: 9%;}
#main-container span.cardImg{ display: block; width: 100%; height: 100%;/*73.52941176470588%;*/ /*125px(414)*/  position: relative;}
#main-container span.cardImg img{height: 100%; width: 100%; object-fit: cover;}
#main-container span.cardInfo{display: block; width: 100%; height: 26.47058823529412%; /*45px(414)*/ position: relative; background-color: #f4f4f4;}
#main-container span.cardinfoImg{width: 28px; height: 28px; border-radius: 50%; position: absolute; top: 50%; left: 7.5px; transform: translateY(-50%);}
#main-container span.cardinfoImg img{width: 100%; height: 100%; border-radius: 50%;}
#main-container span.cardTitle{position: relative; font-size: 10px; font-weight: 700; color: #222; margin-left: 5px; top: 50%; transform: translateY(-50%); display: block; padding-left: 37.5px; letter-spacing: -0.75px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 5px;}
#main-container span.lititle{font-size: 16px; font-weight: 600; color: #444; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 14px;}
#main-container span.lisubtitle{font-size: 14px; font-weight: 600; color: #888; display: block;}
#main-container div.content4{width: 100%; background-color: #fafafa; padding-bottom: 20px;}
#main-container div.content4-section{width: 100%; padding: 0 20px;}
.listCreator:after {content:'';display:block;clear:both;}
.listCreator li{float: left; width: calc((100% - 20px) / 2); margin-right: 20px; background-color: #fff; border-radius: 7px; margin-bottom: 20px; position: relative; box-shadow:0 4px 8px 0 rgb(225 225 225 / 80%), 0 6px 20px 0 rgb(225 225 225 / 75%); min-height: 42.9951690821256vw; /*178px(414)*/ max-height: 330px;}
.listCreator li a{width: 100%; height: 100%;}
.listCreator li:nth-of-type(2n){margin-right: 0;}
.listCreator span.liImg{width: 86px; height: 86px; border-radius: 50%; overflow: hidden; margin: 4.106280193236715vw auto 0; /*17px(414)*/ display: block; position: relative;}
.listCreator span.liImg::after{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(-90deg, rgba(87,173,252,1) 30%, rgba(51,204,204,1)); top: 0; left: 0; z-index: 1;}
.listCreator span.liImg img{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: calc(100% - 6px); height: calc(100% - 6px); z-index: 2; border-radius: 50%; object-fit: cover; background-color: #fff;}
.listCreator span.delete-wrap{position: absolute; width: 40px; height: 40px; cursor: pointer; top: 20px !important; right: 0 !important; display: block;}
.listCreator span.like-wrap{position: absolute; width: 40px; height: 40px; cursor: pointer; top: 0; right: 0; display: block;}
.listCreator span.like{position: relative; display: block; width: 100%; height: 100%;}
.listCreator span.like::after{position: absolute; content: ''; width: 16px; height: 16px; background: url(../../../../img/heart.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.listCreator span.like.on::after{position: absolute; content: ''; width: 16px; height: 16px; background: url(../../../../img/heartfill.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.listCreator span.liTitle{display: block; font-size: 16px; font-weight: 700; color: #666; text-align: center; margin-top: 10px;}
.listCreator span.liTag{display: block; font-size: 12px; font-weight: 600; color: #888; text-align: center; margin-top: 7px; padding: 0 10px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.listCreator span.liTag span{margin-left: 3px; margin-bottom: 3px;}
.listCreator span.liTag span:nth-of-type(1){margin-left: 0;}
#main-container div.content5{width: 100%; padding-bottom: 75px;}
#main-container div.content5 ul{padding: 15px 25px 0; width: 100%; display: block;}
#main-container div.content5 li{font-size: 12px; color: #666; display: inline-block; margin: 0 12px 3px 0; position: relative;}
#main-container div.content5 li:nth-of-type(1):after{position: absolute; content: ''; display: block; width: 1px; height: 11px; background-color: #9A9A9A; top: 50%; right: -8px; transform: translateY(-50%);}
#main-container div.content5 li:nth-of-type(3):after{position: absolute; content: ''; display: block; width: 1px; height: 11px; background-color: #9A9A9A; top: 50%; right: -8px; transform: translateY(-50%);}
#main-container div.content5 li:nth-of-type(7):after{position: absolute; content: ''; display: block; width: 1px; height: 11px; background-color: #9A9A9A; top: 50%; right: -8px; transform: translateY(-50%);}
#main-container span.copy{position:relative;font-size: 12px; color: #666; padding: 25px 25px 0; display: block;}
.foldCopy {position:absolute;top:25px;right:15px;}
/* login */
#login-container{width: 100%; height: 100%; background-color: transparent; padding-left: 20px; padding-right: 20px; padding-top: 50px; padding-bottom: 65px;}
#login-container div.table-box{margin-bottom: 0; border: none; box-shadow: none;}
#login-container ol.loginform{max-width: 335px; margin: 0 auto;}
#login-container ol.loginform li{margin: 0 0 15px 0; max-height: 90px;}
#login-container ol.loginform li input[type="text"]{width: 100%; height: 45px; line-height: 45px; border: 1px solid #DFDFDF; font-size: 13px;}
#login-container ol.loginform li input[type="text"]::placeholder{color: #C4C4C4; font-size: 13px;}
#login-container ol.loginform li input[type="password"]{width: 100%; height: 45px; line-height: 45px; border: 1px solid #DFDFDF; font-size: 13px; font-family: 돋움,Dotum,Arial,Helvetica,sans-serif;}
#login-container ol.loginform li input[type="password"]::placeholder{color: #C4C4C4; font-size: 13px;font-family: 'NanumSquare','Nanum Gothic',나눔고딕,NanumGothic,돋움,Dotum,Arial,Helvetica,sans-serif;}
#login-container ol.loginform label.error{display: block; width: 100%; height: 25px; line-height: 25px; font-size: 13px; padding-left: 10px;}
#login-container ol.loginform li.autologin{height: 50px; line-height: 50px; font-size: 13px; font-weight: 600; color: #333;}
#login-container ol.loginform li.loginsubmit{height: 50px; line-height: 50px; margin: 20px 0; display: block;}
#login-container ol.loginform li.loginsubmit button{width: 100%; height: 50px; background-color: #33CCCC; border: none; border-radius: 25px; font-size: 15px; font-weight: 700;}
#login-container ol.loginform li.alert-info{line-height: 1.4; max-width: 335px; margin: 0 auto 20px; color: #666; font-size: 13px; font-weight: 600; border: none; background-color: #f3f3f3; padding: 15px; border-radius: 5px; display: block; max-height: unset;}
#login-container div.table-footer{padding: 0; margin: 0 auto; background-color: transparent; border: none; height: 20px; line-height: 20px; text-align: center; display: block; width: 100%;}
#login-container div.table-footer a{font-size: 13px; font-weight: 600; color: #666; display: inline-block; margin-right: 23px; position: relative;}
#login-container div.table-footer a::after{position: absolute; content: ''; width: 1px; height: 14px; background-color: #D9D9D9; top: 50%; transform: translateY(-50%); right: -14px;}
#login-container div.table-footer a:last-child{margin-right: 0;}
#login-container div.table-footer a:last-child::after{display: none;}
#login-container div.apple-login{width: 50px; height: 50px; display: inline-block; border-radius: 50%; overflow: hidden;}
#login-container div.loginform-wrap{display: block; width: 200px; height: 50px; text-align: center; margin: 0 auto;}
#login-container ol.loginform li.loginli{max-height: none;}
#login-container div.loginform-title{margin-top: 60px; text-align: center; margin-bottom: 15px;}
#login-container div.loginform-wrap .loginsection{float: left; width: 50px; height: 50px; line-height: 1.4; margin-right: 25px;}
#login-container div.loginform-wrap .loginsection:last-child{margin-right: 0;}
/* live */
#live-container{width: 100vw; padding: 0 20px 65px;}
#live-container div.content{margin-bottom: 65px;}
#live-container li.vodlist{margin-bottom: 10px;}
#live-container span.vodnumWrap{position: relative; color: #888; font-size: 12px; font-weight: 600; display: block; height: 50px; line-height: 50px;}
#live-container span.vodnumWrap em{color: #333; font-weight: 700;}
#live-container span.leftSection{float: left; width: 179px; height: 100px; display: block;}
#live-container span.leftSection.live{position: relative;}
#live-container span.leftSection.live::after{position: absolute; content: 'Live'; width: 27px; height: 15px; text-align: center; line-height: 15px; color: #fff; background: #FF5050; top: 6px; left: 6px; border-radius: 3px; font-size: 11px; font-weight: 900;}
#live-container span.leftSection img{width: 100%; height: 100%; border-radius: 3px; object-fit: cover;}
#live-container span.rightSection{float: left; width: calc(100% - 179px); height: 100px; display: block; padding: 5px 0 5px 10px;}
#live-container span.sectionTitle{display: block; font-weight: 700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 36px;overflow: hidden; margin-bottom: 15px;}
#live-container span.reviewer{font-size: 12px;color: #888;font-weight: 600; display: block; margin-bottom: 5px;}
#live-container span.reviewNum-wrap{font-size: 12px; color: #888; font-weight: 600; display: block;}
#live-container div.proInput{top: 35px;}
/* liveview */
#liveview-container{position: relative; margin-bottom: 65px;}
#liveview-container div.content1{position: relative; width: 100vw;}
#liveview-container div.vodwrap{width: 100%; height: calc(56.26666666666667vw + 40px); background-color: #f4f4f4; max-height: 472px;}
#liveview-container div.vodwrap.on{position: fixed; top: 40px; left: 0; z-index: 999; transition:all 0.1s cubic-bezier(.17,.67,.83,.67);}
#liveview-container div.vodwrap.on + div.vodtextarea{margin-top: 291px;}
#liveview-container div.vodwrap iframe{width: 100%; height: 56.26666666666667vw; /*211px*/ max-height: 432px;}
#liveview-container div.vodwrap div.btn-wrap{width: 100%; height: 40px; line-height: 40px; background-color: #f4f4f4; position: relative; top: -5px;}
#liveview-container div.btn-wrap div.playSelect{position: absolute; top: 50%; left: 10px; width: 80px; background-color: #fff; transform: translateY(-50%); border-radius: 3px; box-shadow:0 4px 8px 0 rgb(225 225 225 / 80%), 0 6px 20px 0 rgb(225 225 225 / 75%);}
#liveview-container div.playSelect span{width: 40px; height: 30px; line-height: 30px; display: block; position: relative; float: left;}
#liveview-container div.playSelect span.prevBtn a{display: inline-block; width: 100%; height: 100%; padding-left: 20px;}
#liveview-container div.playSelect span.nextBtn a{display: inline-block; width: 100%; height: 100%; padding-left: 4px;}
#liveview-container div.playSelect span:last-child{margin-right: 0;}
#liveview-container div.playSelect span.prevBtn::before{position: absolute; content: ''; width: 7px; height: 8px; background: url(../../../../img/play-and-pause-button-prev.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 7px; transform: translateY(-50%);}
#liveview-container div.playSelect span.prevBtn::after{position: absolute; content: ''; width: 1px; height: 16px; top: 50%; transform: translateY(-50%); right: 0; background-color: #f4f4f4;}
#liveview-container div.playSelect span.nextBtn::before{position: absolute; content: ''; width: 7px; height: 8px; background: url(../../../../img/play-and-pause-button-next.png) no-repeat 50% 50%; background-size: cover; top: 50%; right: 7px; transform: translateY(-50%);}
#liveview-container div.playOption{display: block; width: auto; height: 40px; line-height: 40px; margin-left: 75px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none;}
#liveview-container div.playOption::-webkit-scrollbar{display: none;}
#liveview-container div.playOption span{display: inline-block; width: auto; height: 30px; line-height: 30px; padding: 0 10px 0 25px; background-color: #fff; border-radius: 3px; margin-right: 10px;box-shadow:0 4px 8px 0 rgb(225 225 225 / 80%), 0 6px 20px 0 rgb(225 225 225 / 75%); position: relative;}
#liveview-container div.playOption span.active{background-color: #33CCCC;}
#liveview-container div.playOption span.active a{color: #fff;}
#liveview-container div.playOption span.active::before{position: absolute; content: ''; background: url(../../../../img/fast-forward-active.png) no-repeat 50% 50%; background-size: contain; width: 12px; height: 10px; top: 50%; transform: translateY(-50%); left: 10px;}
#liveview-container div.playOption span::before{position: absolute; content: ''; width: 12px; height: 12px; background: url(../../../../img/fast-forward.png) no-repeat 50% 50%; background-size: cover; top: 50%; transform: translateY(-50%); left: 10px;}
#liveview-container div.playOption span a{display: inline-block; width: 100%; height: 100%;}
#liveview-container div.vodtextarea{width: 100%; background-color: #fff;}
#liveview-container div.vodtextarea p{font-size: 16px; font-weight: 700; margin-bottom: 3px;}
#liveview-container div.vodtextarea span.reviewer{display: inline-block; width: 100%; height: 34px; line-height: 24px; padding-bottom: 10px; position: relative;}
#liveview-container div.vodtextarea span.reviewer::after{position: absolute; content: ''; width: 100vw; height: 1px; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #ececec;}
#liveview-container div.vodtextarea span.reviewer img{width: 24px; height: 24px; border-radius: 50%; border: 1px solid #D5D5D5;}
#liveview-container div.content2{width: 100%; padding: 20px; background-color: transparent; display: block; min-height: 100vh;}
#liveview-container div.content2.on{display: none;}
#liveview-container div.content2 h2{font-weight: 700; font-size: 13px; color: #333; height: 40px; line-height: 40px;}
#liveview-container div.content2 div.products ul{width: 100%;}
#liveview-container div.content2 div.products ul li{margin-bottom: 10px;}
#liveview-container div.content2 li span.productImg{float: left; position: relative; width: 124px;}
#liveview-container div.content2 li span.productImg img{width: 124px; height: 128px; border-radius: 3px;}
#liveview-container div.content2 li span.productImg span.like{position: absolute; display: block; width: 40px; height: 40px; top: 0; right: 0;}
#liveview-container div.content2 li span.productImg span.like::after{width: 23px; height: 23px; background: url(../../../../img/heartw.png) no-repeat 50% 50%; background-size: cover;}
#liveview-container div.content2 li span.productImg span.like.on::after{width: 23px; height: 23px; background: url(../../../../img/heartfill.png) no-repeat 50% 50%; background-size: cover;}
#liveview-container div.content2 li span.productInfo{float: left; width: calc(100% - 124px); height: 128px; padding-left: 15px; padding-top: 5px;}
#liveview-container div.content2 li span.productInfo span{display: block;}
#liveview-container div.content2 li span.productInfo span.proTitle{font-weight: 700; color: #666;}
#liveview-container div.content2 li span.productInfo span.proTitlesub{color: #666; margin-bottom: 10px; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 36px; overflow: hidden;}
#liveview-container div.content2 li span.productInfo span.proPrice{color: #444; font-size: 15px; font-weight: 900; margin-bottom: 5px;}
#liveview-container div.content2 span.productInfo span.proInfosub{font-size: 11px; color: #888;}
#liveview-container div.content2 span.productInfo span.proInfosub em{font-size: 11px; color: #888;}
#liveview-container div.content2 span.proInfosub span.rateYo{display: block; box-sizing: border-box; padding: 0; float: left; margin-right: 5px;}
#liveview-container div.content2 span.proInfosub span.rateYo + em.proStar{float: left;}
#liveview-container div.content2 span.proInfosub span.reviewNum-wrap{display: block; float: left;}
#liveview-container div.bottomSlide{position: fixed; top: 100vh; left: 0; opacity: 0; padding: 40px 0 0; background-color: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow:0 4px 8px 0 rgb(225 225 225 / 80%), 0 6px 20px 0 rgb(225 225 225 / 75%); z-index: -1; width: 100%;}
#liveview-container div.bottomSlide.on{position: relative; top: 0; z-index: 998; display: block; opacity: 1;  transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);}
#liveview-container div.content3-1{padding: 0 25px;}
#liveview-container div.content3-1 div.content3-closeBtn{position: absolute; top: 0px; right: 10px; width: 40px; height: 40px;}
#liveview-container div.content3-1 div.content3-closeBtn span{display: block; width: 100%; height: 100%; position: relative;}
#liveview-container div.content3-1 div.content3-closeBtn img{width: 14px; height: 14px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#liveview-container div.content3-1 div.swiper-container{width: 100%; height: 325px;}
#liveview-container div.content3-1 div.swiper-container img{width: 100%; height: 100%; object-fit: cover; border-radius: 4px;}
#liveview-container div.content3-1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px; height: 10px;}
#liveview-container div.content3-1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
#liveview-container div.content3-1 .swiper-pagination-bullet{background: #C9C9C9; opacity: 1;}
#liveview-container div.content3-1 .swiper-pagination-bullet-active{background: #33CCCC;}
#liveview-container div.content3-1 span.productInfo{display: block; position: relative; padding: 20px 0;}
#liveview-container div.content3-1 span.proTitle{display: block; font-size: 16px; font-weight: 700; color: #333; padding-bottom: 10px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#liveview-container div.content3-1 span.rateYo{display: inline-block; padding: 0;}
#liveview-container div.content3-1 span.proPrice span{display: block;}
#liveview-container div.content3-1 span.inprice{font-size: 12px; font-weight: 600; color: #888; text-decoration: line-through;}
#liveview-container div.content3-1 em.discount{font-size: 18px; font-weight: 900; color: #33CCCC; padding-right: 5px; display: inline-block;}
#liveview-container div.content3-1 em.outprice{font-size: 18px; font-weight: 900; color: #444;}
#liveview-container div.content3-1 span.btn-wrap{display: block; position: relative; margin-top: 10px;}
#liveview-container div.content3-1 span.btnleft{display: block; height: 40px;}
#liveview-container div.content3-1 span.like-wrap{position: static; display: inline-block;}
#liveview-container div.content3-1 span.like::after{background: url(../../../../img/heart666.png) no-repeat 50% 50%; width: 25px; height: 25px; background-size: cover;}
#liveview-container div.content3-1 span.like.on::after{background: url(../../../../img/heartfill.png) no-repeat 50% 50%; width: 25px; height: 25px; background-size: cover;}
#liveview-container div.content3-1 span.btnright{display: block; position: absolute; bottom: 0; right: 0; width: 107px; height: 32px;}
#liveview-container div.content3-1 span.btnright a{display: block; width: 100%; height: 100%; color: #33CCCC; line-height: 32px; font-size: 13px; font-weight: 700; border: 1px solid #33CCCC; border-radius: 4px; background-color: #fff; box-sizing: border-box; padding-left: 30px; position: relative;}
#liveview-container div.content3-1 span.btnright a::after{position: absolute; content: ''; width: 12px; height: 11px; background: url(../../../../img/ico-homepage-link.png) no-repeat 50% 50%; background-size: cover; top: 50%; transform: translateY(-50%); left: 12px;}
#liveview-container div.content3-1 span.logo-section{display: block; width: 100%; position: relative; height: 65px; margin-top: 20px;}
#liveview-container div.content3-1 span.logo-section::before{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; top: 0; left: 50%; transform: translateX(-50%);}
#liveview-container div.content3-1 span.logo-section::after{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; bottom: 0; left: 50%; transform: translateX(-50%);}
#liveview-container div.content3-1 span.logo-img{display: inline-block; width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; border: 1px solid #DFDFDF;}
#liveview-container div.content3-1 span.logo-img img{display: block; width: 100%; height: 100%; background-size: cover; border-radius: 50%;}
#liveview-container div.content3-1 span.logo-info{display: inline-block; position: absolute; top: 50%; left: 55px; transform: translateY(-50%); height: 40px;}
#liveview-container div.content3-1 span.logo-info-title{font-size: 13px; font-weight: 700; color: #444;}
#liveview-container div.content3-1 span.logo-info-subtitle{font-size: 13px; font-weight: 600; color: #888; display: block;}
#liveview-container div.content3-1 span.logo-section span.like-wrap{position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
#liveview-container div.content3-2{width: 100%;}
#liveview-container div.section1 ul{display: block; height: 45px; line-height: 45px; margin-top: 17px; position: relative; margin: 17px auto 10px;}
#liveview-container div.section1 ul::before{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; bottom: -3px; left: 50%; transform: translateX(-50%);}
#liveview-container div.section1 li{float: left; width: calc(100% / 3); text-align: center; display: block;}
#liveview-container div.section1 li a{display: block; width: 100%; height: 100%;}
#liveview-container span.section-title{font-size: 13px; font-weight: 700;}
#liveview-container span.section-title + em{font-size: 13px; font-weight: 700;}
#liveview-container li.section1-list{position: relative;  transition:all 0.1s ease-in-out;}
#liveview-container li.section1-list::after{position: absolute; content: ''; width: 0%; height: 2px; background: #33cccc; bottom: -3px; left: 50%; transform: translateX(-50%);  transition:all 0.1s ease-in-out;}
#liveview-container li.section1-list.on{color: #33cccc;  transition:all 0.1s ease-in-out;}
#liveview-container li.section1-list.on::after{position: absolute; content: ''; width: 100%; height: 2px; background: #33cccc; bottom: -3px; left: 50%; transform: translateX(-50%);  transition:all 0.1s ease-in-out;}
#liveview-container div.section2{width: 100%;}
#liveview-container div.section2-1-wrap{padding-bottom: 40px;}
#liveview-container div.section2-2-wrap{padding-bottom: 40px;}
#liveview-container div.section2-2-wrap ul.product-wrap li.product-list{margin-bottom: 10px;}
#liveview-container div.section2-3-wrap{padding-bottom: 40px; padding: 0 20px;}
#liveview-container div.section2-3-row1{width: 100%; height: 120px; border-bottom: 1px solid #e9e9e9;}
#liveview-container div.section2-3-row1 p{width: 100%; text-align: center; color: #333; font-weight: 700; padding: 30px 0 13px;}
#liveview-container div.section2-3-row1 div.BtnRewiew-wrap{width: 90px; height: 36px; line-height: 35px; color: #33cccc; border: 1px solid #33cccc; border-radius: 18px; text-align: center; margin: 0 auto;}
#liveview-container div.section2-3-row1 div.BtnRewiew-wrap a{display: block; width: 100%; height: 100%;}
#liveview-container p.section2-3-row2-title-wrap{width: 100%; height: 34px; line-height: 34px; margin-top: 15px;}
#liveview-container span.section2-3-row2-title{float: left; font-size: 13px; font-weight: 900; color: #333;}
#liveview-container div.section2-3-row2 span.star-wrap{float: right;}
#liveview-container div.section2-3-row2 span.starImg{display: inline-block; width: 16px; height: 100%;}
#liveview-container div.section2-3-row2 span.starImg img{position: relative; bottom: 2px;}
#liveview-container div.section2-3-row2 em.proStar{display: inline-block; height: 100%; line-height: 34px;}
#liveview-container ul.section2-3-row2-productWrap{width: 100%; margin-bottom: 20px;}
#liveview-container ul.section2-3-row2-productWrap li{float: left; width: calc((100% - 30px) / 4); margin-right: 10px;}
#liveview-container ul.section2-3-row2-productWrap li:nth-of-type(4){margin-right: 0;}
#liveview-container ul.section2-3-row2-productWrap li img{border-radius: 4px; border: 1px solid #dfdfdf;}
#liveview-container div.pronumWrap{height: 16px;}
#liveview-container div.proinput-wrap{margin-right: 0;}
#liveview-container div.section2-3-row3 div.review-wrap{width: 100%; padding: 16px; border: 1px solid #e7e7e7; border-radius: 4px; margin-bottom: 10px; box-shadow: 1px 1px 5px #e7e7e7;}
#liveview-container div.section2-3-row3 div.reviewer{margin-bottom: 10px;}
#liveview-container div.section2-3-row3 span.userImg-wrap{float: left; display: block; width: 40px; height: 40px; margin-right: 10px;}
#liveview-container div.section2-3-row3 span.userImg-wrap img{display: block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #dfdfdf;}
#liveview-container div.section2-3-row3 span.userInfo-wrap{float: left; height: 40px;}
#liveview-container div.section2-3-row3 span.userName{font-size: 13px; font-weight: 700; color: #444; display: block; line-height: 1.6;}
#liveview-container div.section2-3-row3 span.rewiewInfo{display: block;}
#liveview-container div.section2-3-row3 span.starImg img{display: 11px; height: 11px; position: relative; bottom: 1px;}
#liveview-container div.section2-3-row3 span.proStar{font-size: 11px; color: #888;}
#liveview-container div.section2-3-row3 span.dateInfo{font-size: 11px; color: #bbb;}
#liveview-container div.section2-3-row3 div.reviewInfo-wrap{width: 100%;}
#liveview-container div.section2-3-row3 span.review{font-size: 13px; color: #666;}
#liveview-container div.section2-3-row3 span.review-text{display: block;}
#liveview-container div.section2-3-row3 span.review img{margin-top: 10px; max-width: 50%; border: 1px solid #dfdfdf; display: block; float: left; margin-right: 10px;}
#liveview-container div.section2-3-row3 span.review img:nth-of-type(2n){margin-right: 0;}
#liveview-container div.section2-3-wrap div.quickLink-wrap{padding: 0;}
#liveview-container li.section2-list{margin-bottom: 0; width: 100%; height: 56.28019323671498vw; margin-bottom: 10px;}
#liveview-container li.section2-list a{display: inline-block; width: 100%; height: 100%; position: relative;}
#liveview-container li.section2-list a::before{position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); top: 0; left: 0; display: block; z-index: 1;}
#liveview-container li.section2-list a::after{position: absolute; content: ''; background: url(../../../../img/ico_btn-vod.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 107px; height: 36px; z-index: 2;}
#liveview-container li.section2-list img{width: 100%; height: 100%; object-fit: cover;}
#liveview-container div.btn-wrap{width: 100%; padding-left: 25px;}
#liveview-container div.section2 div.btn-wrap{width: 100%; padding-left: 25px; padding-right: 25px;}
#liveview-container div.btn-wrap a{margin-bottom: 10px;}
#liveview-container div.btn-wrap a.btn-more{display: block; width: 100%; height: 50px; line-height: 50px; font-size: 15px; font-weight: 700; color: #33CCCC; text-align: center; border-radius: 25px; background-color: #E3F9F9; border: 1px solid #33CCCC;}
#liveview-container div.btn-wrap a.btn-live{display: block; width: 100%; height: 50px; line-height: 50px; font-size: 15px; font-weight: 700; color: #888; text-align: center; border-radius: 25px; background-color: #fff; border: 1px solid #DFDFDF;}
#liveview-container div.section2-2 ul.section2-list-wrap{width: 100%; padding: 0 20px;}
#liveview-container div.section3{width: 100%; padding: 0 20px 60px; min-height: 100vw;}
#liveview-container div.section3 h2{font-size: 13px; font-weight: 900; margin: 30px auto 10px;}
#liveview-container div.section4{width: 100%; height: 50px; line-height: 50px; position: fixed; bottom: 50px; left: 0; z-index: 1000;}
#liveview-container div.section4 li.lowersearch{float: left; display: block; width: 65%; height: 50px; line-height: 50px; color: #fff; text-align: center; background-color: #33CCCC;}
#liveview-container div.section4 li.lowersearch a{color: #fff; font-size: 15px; position: relative; display: block; width: 100%; height: 100%;}
#liveview-container div.section4 li.lowersearch a span{display: inline-block; padding-left: 20px;position: relative;}
#liveview-container div.section4 li.lowersearch a span::after{position: absolute; content: ''; width: 15px; height: 15px; background: url(../../../../img/ico-bottom-lowprice.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: -4px; transform: translateY(-50%);}
#liveview-container div.section4 li.liked{float: left; display: block; width: 35%; height: 50px; line-height: 50px; color: #fff; text-align: center; background-color: #333333;}
#liveview-container div.section4 li.liked a{color: #fff; font-size: 15px; display: block; width: 100%; height: 100%;}
#liveview-container div.section4 li.liked a span{display: inline-block; padding-left: 20px; position: relative;}
#liveview-container div.section4 li.liked a span::after{position: absolute; content: ''; width: 16px; height: 16px; background: url(../../../../img/heartw.png) no-repeat 50% 50%; background-size: cover; top: 50%; transform: translateY(-50%); left: -4px;}
/* creator */
#creator-container{width: 100%; }
#creator-container div.content2{margin-bottom: 65px; padding: 10px 20px 0;}
#creator-container li.vodlist{margin-bottom: 10px;}
#creator-container span.vodnumWrap{color: #888; font-size: 12px; font-weight: 600; display: block; height: 50px; line-height: 50px;}
#creator-container span.vodnumWrap em{color: #333; font-weight: 700;}
#creator-container span.leftSection{float: left; width: 179px; height: 100px; display: block;}
#creator-container span.leftSection.live{position: relative;}
#creator-container span.leftSection.live::after{position: absolute; content: 'Live'; width: 27px; height: 15px; text-align: center; line-height: 15px; color: #fff; background: #FF5050; top: 6px; left: 6px; border-radius: 3px; font-size: 11px; font-weight: 900;}
#creator-container span.leftSection img{width: 100%; height: 100%; border-radius: 3px; object-fit: cover;}
#creator-container span.rightSection{float: left; width: calc(100% - 179px); height: 100px; display: block; padding: 5px 0 5px 10px;}
#creator-container span.sectionTitle{display: block; font-weight: 700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 36px;overflow: hidden; margin-bottom: 15px;}
#creator-container span.reviewer{font-size: 12px;color: #888;font-weight: 600; display: block; margin-bottom: 5px;}
#creator-container span.reviewNum-wrap{font-size: 12px; color: #888; font-weight: 600; display: block;}
/* shop */
#shop-container{width: 100%; margin: 0 auto 130px; /*min-height: calc(100vh + 105px);*/}
#shop-container div.content1{padding: 30px 0 0;}
#shop-container div.content1-gnb-wrap{width: 100%; padding: 0 20px;}
#shop-container div.content1-gnb-wrap ul{width: 100%; height: 100px; display: block; border: 1px solid #E7E7E7; border-radius: 3px; margin-bottom: 35px;}
#shop-container div.content1-gnb-wrap li{width: 50%; height: 50px; display: block; float: left; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
#shop-container div.content1-gnb-wrap li:nth-of-type(2){border-right: 0px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
#shop-container div.content1-gnb-wrap li:nth-of-type(3){border-right: 1px solid #e7e7e7; border-bottom: 0px solid #e7e7e7;}
#shop-container div.content1-gnb-wrap li:nth-of-type(4){border-right: 0px solid #e7e7e7; border-bottom: 0px solid #e7e7e7;}
#shop-container div.content1-gnb-wrap li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 50px; font-size: 14px; font-weight: 700; color: #333;}
#shop-container div.content1-gnb-wrap li a span{display: inline-block; padding-left: 25px; position: relative;}
#shop-container div.content1-gnb-wrap li:nth-of-type(1) a span::after{position: absolute; content: ''; width: 22px; height: 21px; background: url(../../../../img/ico-category-cloth.png) no-repeat 50% 50%; background-size: cover; top: 50% ; left: 0px; transform: translateY(-50%);}
#shop-container div.content1-gnb-wrap li:nth-of-type(2) a span::after{position: absolute; content: ''; width: 21px; height: 20px; background: url(../../../../img/ico-category-bagshoes.png) no-repeat 50% 50%; background-size: cover; top: 50% ; left: 1px; transform: translateY(-50%);}
#shop-container div.content1-gnb-wrap li:nth-of-type(3) a span::after{position: absolute; content: ''; width: 17px; height: 21px; background: url(../../../../img/ico-category-acc.png) no-repeat 50% 50%; background-size: cover; top: 50% ; left: 4px; transform: translateY(-50%);}
#shop-container div.content1-gnb-wrap li:nth-of-type(4) a span::after{position: absolute; content: ''; width: 23px; height: 20px; background: url(../../../../img/ico-category-cosmetic.png) no-repeat 50% 50%; background-size: cover; top: 50% ; left: -1px; transform: translateY(-50%);}
#shop-container div.content1-slide-title{position: relative; font-size: 16px; font-weight: 900; height: 50px; line-height: 50px; padding-left: 20px;}
#shop-container div.content1-slide-title a.more{position: absolute; top: 50%; right: 5px; transform: translateY(-50%);}
#shop-container div.content1-slide-title a.more span{position: absolute; display: inline-block; background: url(../../../../img/more.png) no-repeat 50% 50%; width: 7px; height: 12px; background-size: contain; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
/* #shop-container div.content1-slide-wrapper{} */
#shop-container li.content1-slide{width: 100%; display: block; height: 100%; max-height: 420px;}
#shop-container li.content1-slide span.productImg img{width: 100%; height: 84.21052631578947vw; /*320px(380)*/ object-fit: cover; border-radius: 4px;}
#shop-container span.productImg{display: block; width: 100%; height: 100%; position: relative;}
#shop-container span.productImg a{display: block; width: 100%; height: 100%;}
#shop-container span.productImg img{display: block; width: 100%; height: 100%; border-radius: 3px; object-fit: cover;}
#shop-container li span.productInfo{display: inline-block; width: 100%; padding-top: 5px; padding-left: 0px;}
#shop-container li span.productInfo span{display: block;}
#shop-container li span.productInfo span.proTitle{color: #666; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; height: 18px; overflow: hidden; line-height: 18px; margin-top: 0px;}
#shop-container li span.productInfo span.proPrice{color: #444; font-size: 15px; font-weight: 900; margin-bottom: 5px;}
#shop-container span.productInfo span.proInfosub{font-size: 11px; color: #888; display: inline-block;}
#shop-container span.productInfo span.proInfosub em{font-size: 11px; color: #888; display: inline-block;}
#shop-container span.productInfo span.proInfosub em + span{display: inline-block;}
#shop-container span.productInfo span.rateYo{display: inline-block; padding: 0;}

#shop-container li span.productInfo span.cardInfo{display: block; width: 100%; height: 26.47058823529412%; /*45px(414)*/ position: relative; }
#shop-container li span.productInfo span.cardinfoImg{width: 32px; height: 32px; border-radius: 50%; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
#shop-container li span.productInfo span.cardinfoImg img{width: 100%; height: 100%; border-radius: 50%;}
#shop-container li span.productInfo span.cardTitle{position: relative; font-size: 10px; font-weight: 700; color: #222; margin-left: 5px; top: 50%; display: block; padding-left: 37.5px; letter-spacing: -0.75px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 5px;}


#shop-container span.like::after{width: 21px; height: 21px; background: url(../../../../img/heartw.png) no-repeat 50% 50%; background-size: cover;}
#shop-container span.like.on::after{width: 21px; height: 21px; background: url(../../../../img/heartfill.png) no-repeat 50% 50%; background-size: cover;}
#shop-container div.content2{width: 100%; padding: 20px; background-color: transparent;}
#shop-container div.content2 h2{position:relative; font-weight: 900; font-size: 16px; color: #333; height: 40px; line-height: 40px;}
#shop-container div.content2 h2 a.more{position: absolute; top: 50%; right: -15px; transform: translateY(-50%);}
#shop-container div.content2 h2 a.more span{position: absolute; display: inline-block; background: url(../../../../img/more.png) no-repeat 50% 50%; width: 7px; height: 12px; background-size: contain; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
#shop-container div.content2 div.products ul{width: 100%;}
#shop-container div.content2 li{margin-bottom: 10px;}
#shop-container div.content2 li span.productImg{float: left; position: relative; width: 124px;}
#shop-container div.content2 li span.productImg img{width: 124px; height: 128px; border-radius: 5px;}
#shop-container div.content2 li span.productImg span.like{position: absolute; display: block; width: 40px; height: 40px; top: 0; right: 0;}
#shop-container div.content2 li span.productImg span.like::after{width: 23px; height: 23px; background: url(../../../../img/heartw.png) no-repeat 50% 50%; background-size: cover;}
#shop-container div.content2 li span.productImg span.like.on::after{width: 23px; height: 23px; background: url(../../../../img/heartfill.png) no-repeat 50% 50%; background-size: cover;}
#shop-container div.content2 li span.productInfo{float: left; width: calc(100% - 124px); height: 128px; padding-left: 15px; padding-top: 5px;}
#shop-container div.content2 li span.productInfo span{display: block;}
#shop-container div.content2 li span.productInfo span.proTitle{font-weight: 700; color: #666;}
#shop-container div.content2 li span.productInfo span.proTitlesub{color: #666; margin-bottom: 10px; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 36px; overflow: hidden;}
#shop-container div.content2 li span.productInfo span.proPrice{color: #444; font-size: 15px; font-weight: 900; margin-bottom: 5px;}
#shop-container div.content2 span.productInfo span.proInfosub{font-size: 11px; color: #888;}
#shop-container div.content2 span.productInfo span.proInfosub em{font-size: 11px; color: #888;}
#shop-container div.content2 span.proInfosub span.rateYo{display: block; box-sizing: border-box; padding: 0; float: left; margin-right: 5px;}
#shop-container div.content2 span.proInfosub span.rateYo + em.proStar{float: left;}
#shop-container div.content2 span.proInfosub span.reviewNum-wrap{display: block; float: left;}
#shop-container div.section3{width: 100%; padding: 0 20px;}
#shop-container div.section3 h2{position:relative; font-weight: 900; font-size: 16px; color: #333; height: 40px; line-height: 40px;}
#shop-container div.content3 h2 a.more{position: absolute; top: 50%; right: -15px; transform: translateY(-50%);}
#shop-container div.content3 h2 a.more span{position: absolute; display: inline-block; background: url(../../../../img/more.png) no-repeat 50% 50%; width: 7px; height: 12px; background-size: contain; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
/* store */
#store-container{width: 100%; margin: 0 auto;}
#store-container div.content1{width: 100%; background: #fff; border-bottom: 1px solid #dfdfdf; padding-top: 8px;}
#store-container div.content1 ul{display: block; height: 47px; line-height: 47px; padding: 0;}
#store-container div.content1 li{display: block; width: 20%; float: left;}
#store-container div.content1 li a{display: block; font-size: 13px; font-weight: 700; text-align: center; width: 100%; height: 100%; box-sizing: border-box; position: relative; transition: all 0.1s ease-in-out;}
#store-container div.content1 li a::after{position: absolute; content: ''; width: 0%; height: 2px; background: #33CCCC; bottom: -1px; left: 50%; transform: translateX(-50%);  transition: all 0.1s ease-in-out;}
#store-container div.content1 li.on a{color: #33CCCC;  transition: all 0.1s ease-in-out;}
#store-container div.content1 li.on a::after{position: absolute; content: ''; width: 100%; height: 2px; background: #33CCCC; bottom: -1px; left: 50%; transform: translateX(-50%);  transition: all 0.1s ease-in-out;}
#store-container div.proinput-wrap{margin-right: 17px;}
#store-container div.content2{margin: 15px auto; padding: 0 20px;}
#store-container div.content2 div.quickLink-wrap{padding: 0;}
#store-container div.content2 div.quickLink-wrap a.quickLink{display: inline-block; color: #666; background: #fff; padding: 8px 14px; border-radius: 18px; margin: 0 5px 0 0; border: 1px solid #dfdfdf; box-sizing: border-box; width: auto;}
#store-container div.content2 div.quickLink-wrap a.quickLink.on{color: #fff; background: #33CCCC; border: 1px solid #33CCCC;}
#store-container div.content3{padding: 20px; margin-bottom: 65px;}
div.pronumWrap{font-size: 12px; font-weight: 600; color: #888; position: relative; margin-bottom: 15px;}
div.pronumWrap em{font-size: 12px; font-weight: 700; color: #333;}
/* item-container */
#item-container{width: 100%; /*min-height: calc(100vh + 105px);*/}
#item-container div.content3{position: relative; background-color: #fff;}
/* #item-container div.content3-1{padding: 0 25px;} */
#item-container div.content3-1 div.swiper-container{width: 100%; height: 400px;}
#item-container div.content3-1 div.swiper-container img{width: 100%; height: 100%; object-fit: cover;}
#item-container div.content3-1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px; height: 10px;}
#item-container div.content3-1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
#item-container div.content3-1 .swiper-pagination-bullet{background: #C9C9C9; opacity: 1;}
#item-container div.content3-1 .swiper-pagination-bullet-active{background: #79e6e6;}
#item-container div.content3-1 span.productInfo{display: block; position: relative; padding: 20px 25px 0;}
#item-container div.content3-1 span.proTitle{display: block; font-size: 16px; font-weight: 700; color: #333; padding-bottom: 10px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#item-container div.content3-1 span.proPrice span{display: block;}
#item-container div.content3-1 span.rateYo{display: inline-block; padding: 0;}
#item-container div.content3-1 span.inprice{font-size: 12px; font-weight: 600; color: #888; text-decoration: line-through;}
#item-container div.content3-1 em.discount{font-size: 18px; font-weight: 900; color: #33CCCC; padding-right: 5px; display: inline-block;}
#item-container div.content3-1 em.outprice{font-size: 18px; font-weight: 900; color: #444;}
#item-container div.content3-1 span.btn-wrap{display: block; position: relative; margin-top: 10px;}
#item-container div.content3-1 span.btnleft{display: block; height: 40px;}
#item-container div.content3-1 span.like-wrap{position: static; display: inline-block;}
#item-container div.content3-1 span.like::after{background: url(../../../../img/heart666.png) no-repeat 50% 50%; width: 25px; height: 25px; background-size: cover;}
#item-container div.content3-1 span.like.on::after{background: url(../../../../img/heartfill.png) no-repeat 50% 50%; width: 25px; height: 25px; background-size: cover;}
#item-container div.content3-1 span.price-wrap {position:relative;}
#item-container div.content3-1 span.lowest-wrap{position: absolute; display: inline-block; width: 100px; height: 29px; line-height: 29px; bottom: 0px; right: 0px;}
#item-container div.content3-1 span.lowest{display: block; width: 100%; height: 100%; position: relative;}
#item-container div.content3-1 span.lowest a{display: block; width: 100%; height: 100%; padding-left: 27px; font-weight: 700; color: #33CCCC; border: 1px solid #33CCCC; border-radius: 4px;}
#item-container div.content3-1 span.lowest a::after{position: absolute; content: ''; width: 13px; height: 13px; top: 50%; left: 10px; transform: translateY(-50%); background: url(../../../../img/ico-loupe.png) no-repeat 50% 50%; background-size: cover;}


#item-container div.content3-1 span.btnright{display: block; position: absolute; bottom: 0; right: 0; width: 107px; height: 32px;}
#item-container div.content3-1 span.btnright a{display: block; width: 100%; height: 100%; color: #33CCCC; line-height: 32px; font-size: 13px; font-weight: 700; border: 1px solid #33CCCC; border-radius: 4px; background-color: #fff; box-sizing: border-box; padding-left: 30px; position: relative;}
#item-container div.content3-1 span.btnright a::after{position: absolute; content: ''; width: 12px; height: 11px; background: url(../../../../img/ico-homepage-link.png) no-repeat 50% 50%; background-size: cover; top: 50%; transform: translateY(-50%); left: 12px;}
#item-container div.content3-1 span.logo-section{display: block; width: 100%; position: relative; height: 65px; margin-top: 20px;}
#item-container div.content3-1 span.logo-section a{display: block; width: 100%; height: 100%;}
#item-container div.content3-1 span.logo-section::before{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; top: 0; left: 50%; transform: translateX(-50%);}
#item-container div.content3-1 span.logo-section::after{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; bottom: 0; left: 50%; transform: translateX(-50%);}
#item-container div.content3-1 span.logo-img{display: inline-block; width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; border: 1px solid #DFDFDF;}
#item-container div.content3-1 span.logo-img img{display: block; width: 100%; height: 100%; background-size: cover; border-radius: 50%;}
#item-container div.content3-1 span.logo-info{display: inline-block; position: absolute; top: 50%; left: 55px; transform: translateY(-50%); height: 40px;}
#item-container div.content3-1 span.logo-info-title{font-size: 13px; font-weight: 700; color: #444;}
#item-container div.content3-1 span.logo-info-subtitle{font-size: 13px; font-weight: 600; color: #888; display: block;}
#item-container div.content3-1 span.logo-section span.like-wrap{position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
#item-container div.content3-2{width: 100%;}
#item-container div.section1 ul{display: block; height: 45px; line-height: 45px; margin-top: 17px; position: relative; margin: 17px auto 10px;}
#item-container div.section1 ul::before{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; bottom: -3px; left: 50%; transform: translateX(-50%);}
#item-container div.section1 li{float: left; width: calc(100% / 3); text-align: center; display: block;}
#item-container div.section1 li a{display: block; width: 100%; height: 100%;}
#item-container span.section-title{font-size: 13px; font-weight: 700;}
#item-container span.section-title + em{font-size: 13px; font-weight: 700;}
#item-container li.section1-list{position: relative;  transition:all 0.1s ease-in-out;}
#item-container li.section1-list::after{position: absolute; content: ''; width: 0%; height: 2px; background: #33cccc; bottom: -3px; left: 50%; transform: translateX(-50%);  transition:all 0.1s ease-in-out;}
#item-container li.section1-list.on{color: #33cccc;  transition:all 0.1s ease-in-out;}
#item-container li.section1-list.on::after{position: absolute; content: ''; width: 100%; height: 2px; background: #33cccc; bottom: -3px; left: 50%; transform: translateX(-50%);  transition:all 0.1s ease-in-out;}
#item-container div.section2{width: 100%;}
#item-container div.section2-1-wrap{padding-bottom: 40px;}
#item-container div.section2-2-wrap{padding-bottom: 40px;}
#item-container div.section2-2-wrap ul.product-wrap li.product-list{margin-bottom: 10px;}
#item-container div.section2-3-wrap{padding-bottom: 40px; padding: 0 20px;}
#item-container div.section2-3-row1{width: 100%; height: 120px; border-bottom: 1px solid #e9e9e9;}
#item-container div.section2-3-row1 p{width: 100%; text-align: center; color: #333; font-weight: 700; padding: 30px 0 13px;}
#item-container div.section2-3-row1 div.BtnRewiew-wrap{width: 90px; height: 36px; line-height: 35px; color: #33cccc; border: 1px solid #33cccc; border-radius: 18px; text-align: center; margin: 0 auto;}
#item-container div.section2-3-row1 div.BtnRewiew-wrap a{display: block; width: 100%; height: 100%;}
#item-container p.section2-3-row2-title-wrap{width: 100%; height: 34px; line-height: 34px; margin-top: 15px; position: relative;}
#item-container span.section2-3-row2-title{float: left; font-size: 13px; font-weight: 900; color: #333;}
#item-container div.section2-3-row2 span.star-wrap{float: right;}
#item-container div.section2-3-row2 span.starImg{display: inline-block; width: 16px; height: 100%;}
#item-container div.section2-3-row2 span.starImg img{position: relative; bottom: 2px;}
#item-container div.section2-3-row2 em.proStar{display: inline-block; height: 100%; line-height: 34px;}
#item-container ul.section2-3-row2-productWrap{width: 100%; margin-bottom: 20px;}
#item-container ul.section2-3-row2-productWrap li{float: left; width: calc((100% - 30px) / 4); margin-right: 10px;}
#item-container ul.section2-3-row2-productWrap li:nth-of-type(4){margin-right: 0;}
#item-container ul.section2-3-row2-productWrap li img{border-radius: 4px; border: 1px solid #dfdfdf;}
#item-container div.pronumWrap{height: 16px;}
#item-container div.proinput-wrap{margin-right: 0;}
#item-container div.section2-3-row3 div.review-wrap{width: 100%; padding: 16px; border: 1px solid #e7e7e7; border-radius: 4px; margin-bottom: 10px; box-shadow: 1px 1px 5px #e7e7e7;}
#item-container div.section2-3-row3 div.reviewer{margin-bottom: 10px;}
#item-container div.section2-3-row3 span.userImg-wrap{float: left; display: block; width: 40px; height: 40px; margin-right: 10px;}
#item-container div.section2-3-row3 span.userImg-wrap img{display: block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #dfdfdf;}
#item-container div.section2-3-row3 span.userInfo-wrap{float: left; height: 40px;}
#item-container div.section2-3-row3 span.userName{font-size: 13px; font-weight: 700; color: #444; display: block; line-height: 1.6;}
#item-container div.section2-3-row3 span.rewiewInfo{display: block;}
#item-container div.section2-3-row3 span.starImg img{display: 11px; height: 11px; position: relative; bottom: 1px;}
#item-container div.section2-3-row3 span.proStar{font-size: 11px; color: #888;}
#item-container div.section2-3-row3 span.dateInfo{font-size: 11px; color: #bbb;}
#item-container div.section2-3-row3 div.reviewInfo-wrap{width: 100%;}
#item-container div.section2-3-row3 span.review{font-size: 13px; color: #666;}
#item-container div.section2-3-row3 span.review-text{display: block;}
#item-container div.section2-3-row3 span.review img{margin-top: 10px; max-width: 50%; border: 1px solid #dfdfdf; display: inline-block; margin-right: 10px;}
#item-container div.section2-3-row3 span.review img:nth-of-type(2n){margin-right: 0;}
.review-photo-box {width:100%;overflow-x:scroll;display:flex !important;flex-direction: row;}
.review-photo-box > img {}
#item-container div.section2-3-row3 span.rewiew-tip{display: block; margin: 15px 0 0 0; background: #EEFFFF; padding: 15px;}
#item-container div.section2-3-row3 span.rewiew-tip span.rewiew-tip-title{font-size: 13px; font-weight: 700; color: #33cccc; display: block; margin-bottom: 7px;}
#item-container div.section2-3-row3 span.rewiew-tip span.rewiew-tip-info{font-size: 13px; color: #666; display: block;}
#item-container div.section2-3-wrap div.quickLink-wrap{padding: 0;}
#item-container li.section2-list{margin-bottom: 0; width: 100%; margin-bottom: 10px;}
#item-container li.section2-list a{display: inline-block; width: 100%; height: 56.28019323671498vw; position: relative;}
#item-container li.section2-list a::before{position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); top: 0; left: 0; display: block; z-index: 1;}
#item-container li.section2-list a::after{position: absolute; content: ''; background: url(../../../../img/ico_btn-vod.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 107px; height: 36px; z-index: 2;}
#item-container li.section2-list img{width: 100%; height: 100%; object-fit: cover;}
#item-container li.section2-list span.section2-title{display: block; width: 100%; font-size: 16px; font-weight: 600; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 44px; overflow: hidden; margin: 7px auto; padding: 0 20px;}

#item-container div.btn-wrap{width: 100%; padding-left: 25px;}
#item-container div.section2 div.btn-wrap{width: 100%; padding-left: 25px; padding-right: 25px;}
#item-container div.btn-wrap a{margin-bottom: 10px;}
#item-container div.btn-wrap a.btn-more{display: block; width: 100%; height: 50px; line-height: 50px; font-size: 15px; font-weight: 700; color: #33CCCC; text-align: center; border-radius: 25px; background-color: #E3F9F9; border: 1px solid #33CCCC;}
#item-container div.btn-wrap a.btn-live{display: block; width: 100%; height: 50px; line-height: 50px; font-size: 15px; font-weight: 700; color: #888; text-align: center; border-radius: 25px; background-color: #fff; border: 1px solid #DFDFDF;}
#item-container div.section2-2 ul.section2-list-wrap{width: 100%; padding: 0 20px;}
#item-container div.section3{width: 100%; padding: 0 20px 50px;}
#item-container div.section3 h2{font-size: 13px; font-weight: 900; margin: 30px auto 10px;}
#item-container div.section4{width: 100%; height: 50px; line-height: 50px; position: fixed; bottom: 0; left: 0; z-index: 997;}
#item-container div.section4 li.lowersearch{float: left; display: block; width: 65%; height: 50px; line-height: 50px; color: #fff; text-align: center; background-color: #33CCCC;}
#item-container div.section4 li.lowersearch a{color: #fff; font-size: 15px; position: relative; display: block; width: 100%; height: 100%;}
#item-container div.section4 li.lowersearch a span{display: inline-block; padding-left: 20px;position: relative;}
#item-container div.section4 li.lowersearch a span::after{position: absolute; content: ''; width: 15px; height: 15px; background: url(../../../../img/ico-homepage-link-wh.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: -4px; transform: translateY(-50%);}
#item-container div.section4 li.liked{float: left; display: block; width: 35%; height: 50px; line-height: 50px; color: #fff; text-align: center; background-color: #333333;}
#item-container div.section4 li.liked a{color: #fff; font-size: 15px; display: block; width: 100%; height: 100%;}
#item-container div.section4 li.liked a span{display: inline-block; padding-left: 20px; position: relative;}
#item-container div.section4 li.liked a span::after{position: absolute; content: ''; width: 16px; height: 16px; background: url(../../../../img/heartw.png) no-repeat 50% 50%; background-size: cover; top: 52%; transform: translateY(-50%); left: -4px;}
#item-container div.section4 li.liked.on a span::after{background: url(../../../../img/heartfill.png) no-repeat 50% 50%; background-size: cover;}
/* #item-image-container */
#item-image-container{width: 100%; /*min-height: calc(100vh + 105px);*/}
#item-image-container div.content1{position: relative; background-color: #fff; margin-bottom: 115px;}
#item-image-container div.logo-section{display: block; width: 100%; position: relative; height: 65px; padding: 0 20px;}
#item-image-container span.logo-img{display: inline-block; width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; border: 1px solid #DFDFDF;}
#item-image-container span.logo-img img{display: block; width: 100%; height: 100%; background-size: cover; border-radius: 50%;}
#item-image-container span.logo-info{display: inline-block; position: absolute; top: 50%; left: 55px; transform: translateY(-50%);}
#item-image-container span.logo-info-title{font-size: 13px; font-weight: 700; color: #444;}
#item-image-container span.logo-info-subtitle{font-size: 13px; font-weight: 600; color: #888; display: block;}
#item-image-container div.content1 div.swiper-container{width: 100%; height: 325px;}
#item-image-container div.content1 div.swiper-container img{width: 100%; height: 100%; object-fit: cover; border-radius: 3px;}
#item-image-container div.content1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px; height: 10px;}
#item-image-container div.content1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}

#item-image-container div.content1 .swiper-pagination-bullet{background: #C9C9C9; opacity: 1;}
#item-image-container div.content1 .swiper-pagination-bullet-active{background: #33CCCC;}
/*item-video-container*/
#item-video-container{width: 100%; margin: 0 auto; padding-bottom: 65px;}
#item-video-container li.section2-list{margin-bottom: 0; width: 100%; height: auto; margin-bottom: 10px;}
#item-video-container li.section2-list a{display: inline-block; width: 100%; height: 100%; position: relative;}
#item-video-container li.section2-list a::before{position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); top: 0; left: 0; display: block; z-index: 1;}
#item-video-container li.section2-list a::after{position: absolute; content: ''; background: url(../../../../img/ico_btn-vod.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 107px; height: 36px; z-index: 2;}
#item-video-container li.section2-list a img{width: 100%; height: 56.28019323671498vw; object-fit: cover;}
#item-video-container li.section2-list span.vodtextarea{display: block; width: 100%; padding: 10px 20px;}
#item-video-container span.vodtextarea p{font-size: 15px; font-weight: 700; color: #333;}
#item-video-container span.vodtextarea span.reviewer{padding-top: 10px; display: block;}
#item-video-container span.reviewer img{height: 32px; border-radius: 50%; border: 1px solid #d5d5d5; margin-right: 7px;}
#item-video-container span.reviewerName{font-size: 13px; color: #888;}
/*item-lookbook-container*/
#item-lookbook-container{width: 100%; margin: 0 auto; padding-bottom: 65px;}
#item-lookbook-container div.section2-2{padding: 20px;}
/* lookbook-container */
#lookbook-container{width: 100%; margin: 0 auto;}
#lookbook-container div.content1{position:relative;width: 100%; background: #fff; border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; padding-top: 8px;}
#lookbook-container div.content1.swiper-container {position:relative;padding-left:20%;}
#lookbook-container div.content1 h2{font-size: 18px; font-weight: 900; text-align: center; height: 50px; line-height: 50px;}
#lookbook-container div.content1 div.btnSection{margin: 0 20px; text-align: center; border: 1px solid #E7E7E7; height: 45px; line-height: 45px; box-shadow: 0 4px 8px 0 rgb(225 225 225 / 30%), 0 6px 20px 0 rgb(225 225 225 / 30%);}
#lookbook-container div.content1 div.lookbookBtn{float: left; width: 50%; font-size: 14px; color: #888; border-right: 1px solid #dfdfdf;}
#lookbook-container div.content1 div.lookbookBtn a{font-size: 14px; color: #888; display: block; width: 100%; height: 100%;}
#lookbook-container div.content1 div.reviewBtn{float: left; width: 50%; font-size: 14px; color: #888;}
#lookbook-container div.content1 div.reviewBtn a{font-size: 14px; color: #888; display: block; width: 100%; height: 100%;}
#lookbook-container div.content1 div.btn1-2.on a{color: #33CCCC; font-size: 14px; font-weight: 700;}
#lookbook-container div.content1 ul{display: block; height: 47px; line-height: 47px; padding: 0;}
#lookbook-container div.content1 li{display: block; width: 26%; float: left;}
.linkAll {display: block; width: 20%; position:absolute !important;top:0;left:0;font-size: 13px; font-weight: 700; text-align: center; height: 100%; box-sizing: border-box; background:#fff; position: relative;z-index:20;line-height:60px;}
.linkAll a{display: block; font-size: 13px; font-weight: 700; text-align: center; width: 100%; height: 100%; box-sizing: border-box; position: relative;}
.linkAll.on a::after{position: absolute; content: ''; width: 100%; height: 2px; background: #33CCCC; bottom: -1px; left: 50%; transform: translateX(-50%);}
#lookbook-container div.content1 li a{display: block; font-size: 13px; font-weight: 700; text-align: center; width: 100%; height: 100%; box-sizing: border-box; position: relative;}
#lookbook-container div.content1 li.on a::after{position: absolute; content: ''; width: 100%; height: 2px; background: #33CCCC; bottom: -1px; left: 50%; transform: translateX(-50%);}
#lookbook-container div.content2{margin: 15px auto; padding: 0 20px;}
#lookbook-container div.content2 div.quickLink-wrap{padding: 0;}
#lookbook-container div.content2 div.quickLink-wrap a.quickLink{display: inline-block; color: #666; background: #fff; padding: 8px 14px; border-radius: 18px; margin: 0 5px 0 0; border: 1px solid #dfdfdf; box-sizing: border-box;}
#lookbook-container div.content2 div.quickLink-wrap a.quickLink.on{color: #fff; background: #33CCCC; border: 1px solid #33CCCC;}
#lookbook-container div.content3{padding: 20px; margin: 0 auto 65px;}
#lookbook-container div.pronumWrap{height: 16px;}
#lookbook-container ul.product-wrap li.product-list{margin-bottom: 10px;}
/*review-container*/
#review-container{width: 100%; margin: 0 auto; padding-bottom: 65px;}
#review-container div.content1{width: 100%; background: #fff; border-top: 1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding-top: 8px;}
#review-container div.content1.swiper-container {position:relative;padding-left:20%;}
#review-container div.content1 h2{font-size: 18px; font-weight: 900; text-align: center; height: 50px; line-height: 50px;}
#review-container div.content1 div.btnSection{margin: 0 20px; text-align: center; border: 1px solid #E7E7E7; height: 45px; line-height: 45px; box-shadow: 0 4px 8px 0 rgb(225 225 225 / 30%), 0 6px 20px 0 rgb(225 225 225 / 30%);}
#review-container div.content1 div.lookbookBtn{float: left; width: 50%; font-size: 14px; color: #888; border-right: 1px solid #dfdfdf;}
#review-container div.content1 div.lookbookBtn a{font-size: 14px; color: #888; display: block; width: 100%; height: 100%;}
#review-container div.content1 div.reviewBtn{float: left; width: 50%; font-size: 14px; color: #888;}
#review-container div.content1 div.reviewBtn a{font-size: 14px; color: #888; display: block; width: 100%; height: 100%;}
#review-container div.content1 div.btn1-2.on a{color: #33CCCC; font-size: 14px; font-weight: 700;}
#review-container div.content1 ul{display: block; height: 47px; line-height: 47px; padding: 0;}
#review-container div.content1 li{display: block; width: 26%; float: left;}
#review-container div.content1 li a{display: block; font-size: 13px; font-weight: 700; text-align: center; width: 100%; height: 100%; box-sizing: border-box; position: relative;}
#review-container div.content1 li.on a::after{position: absolute; content: ''; width: 100%; height: 2px; background: #33CCCC; bottom: -1px; left: 50%; transform: translateX(-50%);}
#review-container div.content2{width: 100%; padding: 10px 20px;}
#review-container div.content2 div.pronumWrap{display: block; width: 100%; height: 30px; margin-top: 15px; margin-bottom: 0;}
#review-container div.content2 span.star-wrap{position: absolute; display: inline-block; bottom: 0; right: 0; margin: 13px 13px 13px 0;}
#review-container div.content2 span.star{position: relative;}
#review-container div.content2 span.star::after{position: absolute; content: ''; width: 15px; height: 15px; background: url(../../../../img/ico-review-star.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: -18px; transform: translateY(-50%);}
#review-container div.content2 span.star em{font-size: 13px; font-weight: 700; color: #fff;}

#review-container div.content2 div.quickLink-wrap{padding: 0;}
#review-container div.content2 div.quickLink-wrap a.quickLink{display: inline-block; color: #666; background: #fff; padding: 8px 14px; border-radius: 18px; margin: 0 5px 0 0; border: 1px solid #dfdfdf; box-sizing: border-box;}
#review-container div.content2 div.quickLink-wrap a.quickLink.on{color: #fff; background: #33CCCC; border: 1px solid #33CCCC;}

#review-container li.reviewBtn{display: block; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size:15px; font-weight: 700; text-align: center; background-color: #33cccc; border-radius: 25px; padding-top: 45px;}
#review-container li.reviewBtn a{display: block; width: 100%; height: 100%; text-align: center; font-weight: 700;}
#review-container li.default{width: 100%; padding: 15vh 0;}
#review-container li.default span.default-title{display: block; width: 100%; text-align: center; font-size: 15px; font-weight: 700; color: #333; padding-bottom: 6px;}
#review-container li.default span.default-info{display: block; width: 100%; text-align: center; font-size: 13px; color: #888; padding-bottom: 22px;}
#review-container li.default span.reviewBtn-wrap{display: block; width: 140px; height: 50px; line-height: 50px; text-align: center; margin: 0 auto; color: #fff; font-weight: 700; background-color: #33cccc; font-size: 15px; border-radius: 25px;}
#review-container li.default span.reviewBtn-wrap a.reviewBtn{width: 100%; height: 100%; font-weight: 700;}
#review-container div.content3{position: fixed; bottom: 60px; left: 50%; transform: translateX(-50%); width: 80vw; height: 40px; line-height: 40px; border-radius: 20px; background-color: #33cccc; color: #fff; font-size: 14px; text-align: center;}
#review-container div.content3 a{display: block; width: 100%; height: 100%; font-weight: 600;}
/* lookbook-view-container */
#lookbook-view-container{width: 100%; padding-bottom: 65px;}
#lookbook-view-container div.content1 div.section1{height: 45px; line-height: 45px; position: relative; padding: 0 20px;}
#lookbook-view-container div.section1 span.reviewer{display: block; height: 45px; line-height: 45px; position: relative;}
#lookbook-view-container div.section1 span.reviewerImg{width: 34px; height: 34px; display: inline-block; border-radius: 50%; border: 1px solid #D5D5D5; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#lookbook-view-container span.reviewerImg img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block;}
#lookbook-view-container span.reviewerName{font-size: 13px; font-weight: 700; position: absolute; top: 50%; left: 45px; transform: translateY(-50%);}
#lookbook-view-container span.instaBtn{display: block; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 40px; height: 40px;}
#lookbook-view-container span.instaBtn a{display: block; width: 100%; height: 100%;}
#lookbook-view-container span.instaBtn span.insta{position: absolute; width: 19px; height: 19px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: url(../../../../img/ico-insta.png) no-repeat 50% 50%; background-size: cover;}
#lookbook-view-container div.section2 div.img-section{width: 100%;}
#lookbook-view-container div.img-section img{width: 100%; height: 100%; object-fit: cover;}
#lookbook-view-container div.section2 div.btn-section{width: 100%; height: 50px; line-height: 50px; padding: 0 20px; position: relative;}
#lookbook-view-container div.btn-section span.btn-section1{display: inline-block; height: 50px; line-height: 50px; position: relative; width: 80px;}
#lookbook-view-container div.btn-section span.like-wrap{position: static; position: unset; display: inline-block; float: left; margin: 5px 0;}
#lookbook-view-container div.btn-section span.like-wrap a{display: block; width: 100%; height: 100%;}
#lookbook-view-container div.btn-section span.like::after{background: url(../../../../img/heart666.png) no-repeat 50% 50%; background-size: cover; width: 24px; height: 24px; top: calc(50% + 1px);}
#lookbook-view-container div.btn-section span.like.on::after{background: url(../../../../img/heartfill.png) no-repeat 50% 50%; background-size: cover; width: 24px; height: 24px;}
#lookbook-view-container div.btn-section span.btn-section2{display: block; width: 40px; height: 40px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
#lookbook-view-container div.section2 div.textarea{font-weight: 600; color: #888; padding: 0 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; max-height: 90px; overflow: hidden;}
#lookbook-view-container div.section2 div.quickLink-wrap{padding: 0 20px; margin: 12px auto 25px;}
#lookbook-view-container div.section3{width: 100vw; height: 66px; padding: 0 20px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; position: fixed; bottom: 0; z-index: 1000; background: #fff;}
#lookbook-view-container div.section3 span.section3-proImg{display: inline-block; width: 40px; height: 40px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%);}
#lookbook-view-container div.section3 > a{display: block; width: 100%; height: 100%; position: relative;}
#lookbook-view-container span.section3-proImg img{display: block; width: 100%; height: 100%; object-fit: cover;}
#lookbook-view-container span.section3-proInfo{display: inline-block; position: absolute; top: 50%; left: 70px; transform: translateY(-50%);}
#lookbook-view-container span.proInfo-title{display: block; font-size: 13px; font-weight: 700; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 69.33333333333333vw; /*260px*/}
#lookbook-view-container span.proInfo-price{display: block; font-size: 13px; font-weight: 900; color: #444;}
span.More-wrap{display: block; width: 40px; height: 40px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
span.More-wrap span.more{position: relative; display: block; width: 100%; height: 100%;}
span.More-wrap span.more::after{content: ''; position: absolute; width: 10px; height: 17px; background: url(../../../../img/ico-rightarrow.png) no-repeat 50% 50%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#lookbook-view-container div.content2{margin-bottom: 65px; padding: 25px 20px 0;}
#lookbook-view-container div.content2 span.reviewTotalNum-wrap{font-size: 13px; font-weight: 900; color: #333; display: block;}
#lookbook-view-container div.content2 span.reviewTotalNum-wrap em{display: inline-block; font-size: 13px; font-weight: 900; color: #33cccc;}
#lookbook-view-container div.content2 ul{margin-top: 15px;}
#lookbook-view-container div.content2 li.reviewTextList{display: block; width: 100%; margin-bottom: 15px;}
#lookbook-view-container div.content2 li.reviewTextList span.userImg{float: left; width: 40px;}
#lookbook-view-container div.content2 li.reviewTextList span.userImg img{display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #dfdfdf; object-fit: cover;}
#lookbook-view-container div.content2 li.reviewTextList span.reviewText-wrap{float: left; width: calc(100% - 40px); padding-left: 10px; padding-right: 15px; position: relative;}
#lookbook-view-container div.content2 li.reviewTextList span.reviewText-area{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; max-height: 88px; overflow: hidden;}
#lookbook-view-container div.content2 li.reviewTextList span.userId{font-size: 13px; font-weight: 700; padding-right: 5px;}
#lookbook-view-container div.content2 li.reviewTextList span.reviewText{font-size: 13px; font-weight: 600; color: #666;}
#lookbook-view-container div.content2 li.reviewTextList span.reviewprevTimne-wrap{display: block; font-size: 11px; font-weight: 600; color: #bcbcbc; margin-top: 5px;}
#lookbook-view-container div.content3{position: fixed; width: 100%; height: 50px; padding: 5px 15px; background-color: #dfdfdf; left: 0; bottom: 66px; z-index: 1000;}
#lookbook-view-container div.reviewUp-wrap{width: 100%; height: 100%; position: relative;}
#lookbook-view-container div.content3 input[type="text"].reviewUp{width: 100%; height: 100%; background-color: #fff; border-radius: 20px; border: none; padding: 0 20px;}
#lookbook-view-container div.content3 input[type="text"].reviewUp::placeholder{color: #888888; font-size: 14px;}
#lookbook-view-container div.content3 a.reviewUpBtn{position: absolute; display: block; width: 36px; height: 36px; top: 50%; right: 2px; transform: translateY(-50%); background: url(../../../../img/ico-review-up.png) no-repeat 50% 50%; background-size: cover;}
#lookbook-view-container span.star-wrap{position: absolute; display: inline-block; top: 50%; right: 20px; transform: translateY(-50%);}
#lookbook-view-container span.star{position: relative;}
#lookbook-view-container span.star::after{position: absolute; content: ''; width: 15px; height: 15px; background: url(../../../../img/ico-review-star.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: -18px; transform: translateY(-50%);}
#lookbook-view-container span.star em{font-size: 13px; font-weight: 700; color: #666;}
/* review-view-container */
#review-view-container{width: 100%; padding-bottom: 65px;}
#review-view-container div.content1 div.section1{height: 45px; line-height: 45px; position: relative; padding: 0 20px;}
#review-view-container div.section1 span.reviewer{display: block; height: 45px; line-height: 45px; position: relative;}
#review-view-container div.section1 span.reviewerImg{width: 34px; height: 34px; display: inline-block; border-radius: 50%; border: 1px solid #D5D5D5; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#review-view-container span.reviewerImg img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block;}
#review-view-container span.reviewerName{font-size: 13px; font-weight: 700; position: absolute; top: 50%; left: 45px; transform: translateY(-50%);}
#review-view-container span.star-wrap{position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
#review-view-container span.starImg img{position: relative; top: -2px;}
#review-view-container div.section2 div.img-section{width: 100%;}
#review-view-container div.img-section img{width: 100%; height: 100%; object-fit: cover;}
#review-view-container div.section2 div.btn-section{width: 100%; height: 50px; line-height: 50px; padding: 0 20px; position: relative;}
#review-view-container div.btn-section span.btn-section1{display: inline-block; height: 50px; line-height: 50px; position: relative; width: 80px;}
#review-view-container div.btn-section span.like-wrap{position: static; position: unset; display: inline-block; float: left; margin: 5px 0;}
#review-view-container div.btn-section span.like-wrap a{display: block; width: 100%; height: 100%;}
#review-view-container div.btn-section span.like::after{background: url(../../../../img/heart666.png) no-repeat 50% 50%; background-size: cover; width: 24px; height: 24px; top: calc(50% + 1px);}
#review-view-container div.btn-section span.like.on::after{background: url(../../../../img/heartfill.png) no-repeat 50% 50%; background-size: cover; width: 24px; height: 24px;}
#review-view-container div.btn-section span.btn-section2{display: block; width: 40px; height: 40px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
#review-view-container div.section2 div.textarea{font-weight: 600; color: #888; padding: 0 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; max-height: 90px; overflow: hidden;}
#review-view-container div.section2 div.quickLink-wrap{padding: 0 20px; margin: 12px auto 25px;}
#review-view-container div.section2 span.rewiew-tip{display: block; margin: 15px 0 0 0; background: #EEFFFF; padding: 15px;}
#review-view-container div.section2 span.rewiew-tip span.rewiew-tip-title{font-size: 13px; font-weight: 700; color: #33cccc; display: block; margin-bottom: 7px;}
#review-view-container div.section2 span.rewiew-tip span.rewiew-tip-info{font-size: 13px; color: #666; display: block;}
#review-view-container div.section3{width: 100vw; height: 66px; padding: 0 20px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; position: fixed; bottom: 0; background-color: #fff; z-index: 1000;}
#review-view-container div.section3 span.section3-proImg{display: inline-block; width: 40px; height: 40px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%);}
#review-view-container div.section3 > a{display: block; width: 100%; height: 100%; position: relative;}
#review-view-container span.section3-proImg img{display: block; width: 100%; height: 100%; object-fit: cover;}
#review-view-container span.section3-proInfo{display: inline-block; position: absolute; top: 50%; left: 70px; transform: translateY(-50%);}
#review-view-container span.proInfo-title{display: block; font-size: 13px; font-weight: 700; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 69.33333333333333vw; /*260px*/}
#review-view-container span.proInfo-price{display: block; font-size: 13px; font-weight: 900; color: #444;}
span.More-wrap{display: block; width: 40px; height: 40px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
span.More-wrap span.more{position: relative; display: block; width: 100%; height: 100%;}
span.More-wrap span.more::after{content: ''; position: absolute; width: 10px; height: 17px; background: url(../../../../img/ico-rightarrow.png) no-repeat 50% 50%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#review-view-container div.content2{margin-bottom: 65px; padding: 25px 20px 0;}
#review-view-container div.content2 span.reviewTotalNum-wrap{font-size: 13px; font-weight: 900; color: #333; display: block;}
#review-view-container div.content2 span.reviewTotalNum-wrap em{display: inline-block; font-size: 13px; font-weight: 900; color: #33cccc;}
#review-view-container div.content2 ul{margin-top: 15px;}
#review-view-container div.content2 li.reviewTextList{display: block; width: 100%; margin-bottom: 15px;}
#review-view-container div.content2 li.reviewTextList span.userImg{float: left; width: 40px;}
#review-view-container div.content2 li.reviewTextList span.userImg img{display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #dfdfdf; object-fit: cover;}
#review-view-container div.content2 li.reviewTextList span.reviewText-wrap{float: left; width: calc(100% - 40px); padding-left: 10px; padding-right: 15px; position: relative;}
#review-view-container div.content2 li.reviewTextList span.reviewText-area{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; max-height: 88px; overflow: hidden;}
#review-view-container div.content2 li.reviewTextList span.userId{font-size: 13px; font-weight: 700; padding-right: 5px;}
#review-view-container div.content2 li.reviewTextList span.reviewText{font-size: 13px; font-weight: 600; color: #666;}
#review-view-container div.content2 li.reviewTextList span.reviewprevTimne-wrap{display: block; font-size: 11px; font-weight: 600; color: #bcbcbc; margin-top: 5px;}
#review-view-container div.content3{position: fixed; width: 100%; height: 50px; padding: 5px 15px; background-color: #dfdfdf; left: 0; bottom: 66px; z-index: 1000;}
#review-view-container div.reviewUp-wrap{width: 100%; height: 100%; position: relative;}
#review-view-container div.content3 input[type="text"].reviewUp{width: 100%; height: 100%; background-color: #fff; border-radius: 20px; border: none; padding: 0 50px 0 20px;}
#review-view-container div.content3 input[type="text"].reviewUp::placeholder{color: #888888; font-size: 14px;}
#review-view-container div.content3 a.reviewUpBtn{position: absolute; display: block; width: 36px; height: 36px; top: 50%; right: 2px; transform: translateY(-50%); background: url(../../../../img/ico-review-up.png) no-repeat 50% 50%; background-size: cover;}
#review-view-container div.section3 span.star-wrap{position: absolute; display: inline-block; top: 50%; right: 20px; transform: translateY(-50%);}
#review-view-container div.section3 span.star{position: relative;}
#review-view-container div.section3 span.star::after{position: absolute; content: ''; width: 15px; height: 15px; background: url(../../../../img/ico-review-star.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: -18px; transform: translateY(-50%);}
#review-view-container div.section3 span.star em{font-size: 13px; font-weight: 700; color: #666;}
/* search-container */
#search-container{width: 100%; /*min-height: calc(100vh + 105px);*/ margin-bottom: 105px;}
#search-container div.content1{padding: 15px 20px; position: relative;}
#search-container div.content1 form.searchForm{width: 100%; height: 45px; position: relative;}
#search-container form.searchForm input.search{display: block; border-radius: 3px; width: 100%; height: 100%; border: 1px solid #dfdfdf; position: relative; padding-left: 10px; padding-right: 80px;}
#search-container form.searchForm span.searchBtn-wrap{display: block; position: absolute; content: ''; width: 45px; height: 45px; top: 0; right: 0;}
#search-container form.searchForm a.searchBtn{display: block; width: 100%; height: 100%; position: relative; top: 0; right: 0;}
#search-container form.searchForm a.searchBtn::after{position: absolute; content: ''; display: block; background: url(../../../../img/ico-boardlist-search.svg) no-repeat 50% 50%; background-size: cover; width: 20px; height: 20px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#search-container span.clearAll{display: inline-block; position: absolute; font-size: 13px; color: #bbb; bottom: -24px; right: 20px; z-index: 1; height: 40px; line-height: 40px;}
#search-container span.clearAll a{color: #bbb; display: block; width: 100%; height: 100%;}
#search-container div.content1 span.delete-wrap{width: 40px; height: 45px; right: 45px;}
#search-container div.content1 span.delete-wrap span.delete a::after{width: 13px; height: 13px; left: 75%;}
#search-container div.content2{position: relative; width: 100%; padding: 0 20px; margin-bottom: 24px;}
#search-container div.content2 h2{position:relative;font-size: 13px; font-weight: 700; padding-bottom: 10px;}
#search-container div.content2 h2 .clearKeyall {position:absolute;top:0;right:0;color:#999;}
#search-container div.content2 div.quickLink-wrap{padding: 0;}
#search-container div.content2 span.quickLinkClear-wrap{display: inline-block; border: 1px solid #bbb; height: 36px; line-height: 36px; border-radius: 18px; margin-right: 7px; width: auto !important;}
#search-container div.content2 a.quickLink{color: #888; margin-right: 0; padding-left: 16px; padding-right: 8px; height: 34px; line-height: 34px; font-weight: 600;}
#search-container div.content2 a.quickLink-clear{display: block; width: 33px; height: 34px; line-height: 34px; position: relative; margin-right: 0; padding-right: 16px;}
#search-container div.content2 a.quickLink-clear::after{position: absolute; content: ''; width: 17px; height: 17px; background: url(../../../../img/ico-search-delete.svg) no-repeat 50% 50%; background-size: cover; top: 50%; left: 0; transform: translateY(-50%);}
#search-container div.content3{padding: 0 20px; margin-bottom: 24px;}
#search-container div.content3 h2{font-size: 13px; font-weight: 700; padding-bottom: 10px;}
#search-container div.content3 div.quickLink-wrap{padding: 0;}
#search-container div.content3 a.quickLink{padding: 0 12px; height: 36px; line-height: 36px; border: 1px solid #33cccc; border-radius: 18px; font-weight: 600; width: auto !important;}
#search-container div.content4{padding: 0 20px; margin-bottom: 24px;}
#search-container div.content4 h2{position:relative;font-size: 13px; font-weight: 700; padding-bottom: 10px; height: 40px; line-height: 30px;}
#search-container div.content4 h2 a{font-size: 13px; font-weight: 700; display: block; width: 100%; height: 100%;}
#search-container div.content4 h2 a.more{position: absolute; top: 50%; right: -10px; transform: translateY(-50%);}
#search-container div.content4 h2 a.more span{position: absolute; display: inline-block; background: url(../../../../img/more.png) no-repeat 50% 50%; width: 7px; height: 12px; background-size: contain; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
#search-container div.content4 ul.vodlistWrap{width: 100%; height: 100%; display: block;}
#search-container div.content4 li.vodlist{width: calc((100% - 15px) / 2); float: left; margin-right: 15px; display: block; position: relative;}
#search-container div.content4 li.vodlist:nth-of-type(2n){margin-right: 0;}
#search-container div.content4 li.vodlist a{display: block; width: 100%;}
#search-container div.content4 span.leftSection{display: block; width: 100%; height: 100%; margin-bottom: 5px; position: relative;}
#search-container div.content4 img{width: 100%; height: 24vw; border-radius: 3px;}
#search-container div.content4 span.sectionTitle{font-size: 13px; font-weight: 700; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 36px; overflow: hidden; margin-bottom: 10px;}
#search-container div.content4 span.reviewer{font-size: 13px; font-weight: 600; color: #888; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#search-container div.content5{padding: 0 20px; margin-bottom: 24px;}
#search-container div.content5 h2{position:relative;font-size: 13px; font-weight: 700; padding-bottom: 10px; height: 40px; line-height: 30px;}
#search-container div.content5 h2 a{font-size: 13px; font-weight: 700; display: block; width: 100%; height: 100%;}
#search-container div.content5 h2 a.more{position: absolute; top: 50%; right: -10px; transform: translateY(-50%);}
#search-container div.content5 h2 a.more span{position: absolute; display: inline-block; background: url(../../../../img/more.png) no-repeat 50% 50%; width: 7px; height: 12px; background-size: contain; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
#search-container div.content5 span.proPrice span{display: block;}
#search-container div.content5 ul.product-wrap li.product-list span.productImg img{border: 1px solid #dfdfdf;}
#search-container div.content5 em.discount{font-size: 13px; font-weight: 900; color: #33CCCC; padding-right: 5px; display: inline-block;}
#search-container div.content5 em.inprice{font-size: 11px; font-weight: 600; color: #888; text-decoration: line-through;}
#search-container div.content5 em.outprice{font-size: 13px; font-weight: 900; color: #444;}
#search-container div.content6{padding: 0 20px; margin-bottom: 24px;}
#search-container div.content6 h2{position:relative;font-size: 13px; font-weight: 700; padding-bottom: 10px; height: 40px; line-height: 30px;}
#search-container div.content6 h2 a{font-size: 13px; font-weight: 700; display: block; width: 100%; height: 100%;}
#search-container div.content6 h2 a.more{position: absolute; top: 50%; right: -10px; transform: translateY(-50%);}
#search-container div.content6 h2 a.more span{position: absolute; display: inline-block; background: url(../../../../img/more.png) no-repeat 50% 50%; width: 7px; height: 12px; background-size: contain; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
#search-container div.content6 li.store-list{position: relative; display: block; margin-bottom: 10px;}
#search-container div.content6 span.store-section{display: block; height: 67px; width: 100%;}
#search-container div.content6 a.store-link{display: block; width: calc(100% - 40px); height: 100%; border: 1px solid #dfdfdf; border-radius: 3px;}
#search-container div.content6 span.store-left{display: block; float: left; width: 60px; height: 100%; position: relative;}
#search-container div.content6 span.store-left img{position: absolute; width: 40px; height: 40px; top: 50%; right: 0; transform: translateY(-50%); border-radius: 50%; border: 1px solid #dfdfdf;}
#search-container div.content6 span.store-right{display: block; float: left; width: calc(100% - 60px); height: 100%; line-height: 67px; padding-left: 10px; position: relative;}
#search-container div.content6 span.store-right span.store-right-text-wrap{display: block; position: absolute; top: 50%; left: 10px; transform: translateY(-50%);}
#search-container div.content6 span.store-right span.store-right-title{font-size: 13px; font-weight: 700; color: #444; display: block; line-height: 1.4;}
#search-container div.content6 span.store-right span.store-right-info{font-size: 13px; font-weight: 600; color: #888; display: block; line-height: 1.4;}
#search-container div.content6 span.delete-wrap{position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
#search-container div.content7{padding: 0 20px; margin-bottom: 24px;}
#search-container div.content7 h2{position:relative;font-size: 13px; font-weight: 700; padding-bottom: 10px; height: 40px; line-height: 30px;}
#search-container div.content7 h2 a{font-size: 13px; font-weight: 700; display: block; width: 100%; height: 100%;}
#search-container div.content7 h2 a.more{position: absolute; top: 50%; right: -10px; transform: translateY(-50%);}
#search-container div.content7 h2 a.more span{position: absolute; display: inline-block; background: url(../../../../img/more.png) no-repeat 50% 50%; width: 7px; height: 12px; background-size: contain; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
#search-container div.content7 li.store-list{position: relative; display: block; margin-bottom: 10px;}
#search-container div.content7 span.store-section{display: block; height: 67px; width: 100%;}
#search-container div.content7 a.store-link{display: block; width: calc(100% - 40px); height: 100%; border: 1px solid #dfdfdf; border-radius: 3px;}
#search-container div.content7 span.store-left{display: block; float: left; width: 60px; height: 100%; position: relative;}
#search-container div.content7 span.store-left img{position: absolute; width: 40px; height: 40px; top: 50%; right: 0; transform: translateY(-50%); border-radius: 50%; border: 1px solid #dfdfdf;}
#search-container div.content7 span.store-right{display: block; float: left; width: calc(100% - 60px); height: 100%; line-height: 67px; padding-left: 10px; position: relative;}
#search-container div.content7 span.store-right span.store-right-text-wrap{display: block; position: absolute; top: 50%; left: 10px; transform: translateY(-50%);}
#search-container div.content7 span.store-right span.store-right-title{font-size: 13px; font-weight: 700; color: #444; display: block; line-height: 1.4;}
#search-container div.content7 span.store-right span.store-right-info{font-size: 13px; font-weight: 600; color: #888; display: block; line-height: 1.4;}
#search-container div.content7 span.delete-wrap{position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
#search-container div.content8{width: 100%;}
#search-container div.content8 ul.content8-ul{display: block; height: 45px; line-height: 45px; margin-top: 17px; position: relative; margin: 17px auto 10px; border-bottom: 1px solid #dfdfdf;}
#search-container div.content8 li.section-list{float: left; width: calc(100% / 4); text-align: center; display: block;}
#search-container div.content8 li.section-list a{display: block; font-weight: 700; width: 100%; height: 100%; position: relative; transition: all 0.1s ease-in-out;}
#search-container div.content8 li.section-list a::after{position: absolute; content: ''; width: 0%; height: 2px; background: #33cccc; left: 50%; bottom: 0; transform: translateX(-50%);  transition: all 0.1s ease-in-out;}
#search-container div.content8 li.section-list.on{color: #33cccc; transition: all 0.1s ease-in-out;}
#search-container div.content8 li.section-list.on a::after{position: absolute; content: ''; width: 100%; height: 2px; background: #33cccc; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.1s ease-in-out;}
#search-container div.content9-wrap{width: 100%;}
#search-container div.content9-video{position: relative; width: 100%; padding-top: 30px; padding: 30px 20px 0;}
#search-container div.content9-product{position: relative; width: 100%; padding-top: 30px;  padding: 30px 20px 0;}
#search-container div.content9-store{position: relative; width: 100%; padding-top: 30px;  padding: 30px 20px 0;}
#search-container div.content9-creator{position: relative; width: 100%; padding-top: 30px;  padding: 30px 20px 0;}
#search-container div.content9 div.proinput-wrap{margin-right: 0;}
#search-container div.content9 div.condition-wrap{top: 5px; right: 20px;}
#search-container div.content9 li.vodlist{margin-bottom: 10px;}
#search-container div.content9 span.vodnumWrap{color: #888; font-size: 12px; font-weight: 600; display: block; height: 50px; line-height: 50px;}
#search-container div.content9 span.vodnumWrap em{color: #333; font-weight: 700;}
#search-container div.content9 span.leftSection{float: left; width: 179px; height: 100px; display: block;}
#search-container div.content9 span.leftSection.live{position: relative;}
#search-container div.content9 span.leftSection.live::after{position: absolute; content: 'Live'; width: 27px; height: 15px; text-align: center; line-height: 15px; color: #fff; background: #FF5050; top: 6px; left: 6px; border-radius: 3px; font-size: 11px; font-weight: 900;}
#search-container div.content9 span.leftSection img{width: 100%; height: 100%; border-radius: 3px; object-fit: cover;}
#search-container div.content9 span.rightSection{float: left; width: calc(100% - 179px); height: 100px; display: block; padding: 5px 0 5px 10px;}
#search-container div.content9 span.sectionTitle{display: block; font-weight: 700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 36px;overflow: hidden; margin-bottom: 15px;}
#search-container div.content9 span.reviewer{font-size: 12px;color: #888;font-weight: 600; display: block; margin-bottom: 5px;}
#search-container div.content9 span.reviewNum-wrap{font-size: 12px; color: #888; font-weight: 600; display: block;}
#search-container div.content9 div.content9-product ul{width: 100%;}
#search-container div.content9 div.content9-product ul li{margin-bottom: 10px;}
#search-container div.content9 li span.productImg{float: left; position: relative; width: 124px;}
#search-container div.content9 li span.productImg img{width: 124px; height: 128px; border-radius: 4px; border: 1px solid #dfdfdf;}
#search-container div.content9 li span.productInfo{float: left; width: calc(100% - 124px); height: 128px; padding-left: 15px; padding-top: 5px;}
#search-container div.content9 li span.productInfo span{display: block;}
#search-container div.content9 li span.productInfo span.proTitle{font-weight: 700; color: #666;}
#search-container div.content9 li span.productInfo span.proTitlesub{color: #666; margin-bottom: 10px; word-break: keep-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 36px; overflow: hidden;}
#search-container div.content9 li span.productInfo span.proPrice{color: #444; font-size: 15px; font-weight: 900; margin-bottom: 5px;}
#search-container div.content9 span.productInfo span.proInfosub{font-size: 11px; color: #888;}
#search-container div.content9 span.productInfo span.proInfosub em{font-size: 11px; color: #888;}
#search-container div.content9 span.proInfosub span.rateYo{display: block; box-sizing: border-box; padding: 0; float: left; margin-right: 5px;}
#search-container div.content9 span.proInfosub span.rateYo + em.proStar{float: left;}
#search-container div.content9 span.proInfosub span.reviewNum-wrap{display: block; float: left;}
#search-container div.content9 li.store-list{position: relative; display: block; margin-bottom: 10px;}
#search-container div.content9 span.store-section{display: block; height: 67px; width: 100%;}
#search-container div.content9 a.store-link{display: block; width: 100%; height: 100%; border: 1px solid #dfdfdf; border-radius: 3px;}
#search-container div.content9 span.store-left{display: block; float: left; width: 60px; height: 100%; position: relative;}
#search-container div.content9 span.store-left img{position: absolute; width: 40px; height: 40px; top: 50%; right: 0; transform: translateY(-50%); border-radius: 50%; border: 1px solid #dfdfdf;}
#search-container div.content9 span.store-right{display: block; float: left; width: calc(100% - 60px); height: 100%; line-height: 67px; padding-left: 10px; position: relative;}
#search-container div.content9 span.store-right span.store-right-text-wrap{display: block; position: absolute; top: 50%; left: 10px; transform: translateY(-50%);}
#search-container div.content9 span.store-right span.store-right-title{font-size: 13px; font-weight: 700; color: #444; display: block; line-height: 1.4;}
#search-container div.content9 span.store-right span.store-right-info{font-size: 13px; font-weight: 600; color: #888; display: block; line-height: 1.4;}
/* mypage-container */
#mypage-container{width: 100%; padding: 0 0 65px;}
#mypage-container h2{font-size: 18px; font-weight: 900; text-align: center; height: 50px; line-height: 50px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
#mypage-container div.content1{width: 100%; padding: 0 20px; height: 150px;}
#mypage-container div.content1 div.content1-left{float: left; width: 95px; height: 100%;}
#mypage-container div.content1 span.mypageImg-wrap{display: block; width: 100%; height: 100%; position: relative;}
#mypage-container div.content1 span.mypageImg-wrap img{position: absolute; display: block; width: 95px; height: 95px; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); border-radius: 50%; object-fit: cover;}
#mypage-container div.content1 div.content1-right{float: left; width: calc(100% - 95px); height: 100%; position: relative;}
#mypage-container div.content1 div.content1-right-wrap{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 20px;}
#mypage-container div.content1 span.userName{font-size: 15px; font-weight: 900; color: #333; display: block;}
#mypage-container div.content1 span.userInfo{font-size: 13px; font-weight: 600; color: #666; display: block; padding-right: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 36px; overflow: hidden;}
#mypage-container div.content1 span.like-wrap{display: block; width: 60px; height: 32px; line-height: 32px; position: relative; border: 1px solid #E3E3E3; border-radius: 3px; margin-top: 10px;}
#mypage-container div.content1 span.like{float: left; width: 35px;}
#mypage-container div.content1 span.like.on::after{top: calc(50% + 1px);}
#mypage-container div.content1 span.like-text{float: left; width: calc(100% - 35px); font-size: 13px; font-weight: 700; color: #333; height: 30px; line-height: 30px;}
#mypage-container div.content2 ul.content2-ul{display: block; width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #dfdfdf;}
#mypage-container div.content2 li.content2-li{float: left; display: block; width: 50%; height: 45px; line-height: 45px; text-align: center;}
#mypage-container div.content2 li.content2-li a{font-size: 13px; font-weight: 700; text-align: center; color: #333; width: 100%; height: 100%;}
#mypage-container div.content2 li.content2-li.on{position: relative;}
#mypage-container div.content2 li.content2-li.on a{color: #33cccc;}
#mypage-container div.content2 li.content2-li.on a::after{position: absolute; content: ''; width: 100%; height: 2px; background-color: #33cccc; bottom: 0; left: 50%; transform: translateX(-50%);}
#mypage-container div.content3{margin-bottom: 65px; padding: 0 20px;}
#mypage-container li.vodlist{margin-bottom: 10px; position: relative;}
#mypage-container span.vodnumWrap{color: #888; font-size: 12px; font-weight: 600; display: block; height: 50px; line-height: 50px;}
#mypage-container span.vodnumWrap em{color: #333; font-weight: 700;}
#mypage-container span.leftSection{float: left; width: 179px; height: 100px; display: block; position: relative;}
#mypage-container span.leftSection a{display: block; width: 100%; height: 100%;}
#mypage-container span.leftSection img{width: 100%; height: 100%; border-radius: 3px; object-fit: cover;}
#mypage-container span.rightSection{float: left; width: calc(100% - 179px); height: 100px; display: block; padding: 5px 20px 5px 10px;}
#mypage-container span.sectionTitle{display: block; font-weight: 700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 36px;overflow: hidden; margin-bottom: 15px;}
#mypage-container span.reviewer{font-size: 12px;color: #888;font-weight: 600; display: block; margin-bottom: 5px;}
#mypage-container span.reviewNum-wrap{font-size: 12px; color: #888; font-weight: 600; display: block;}
#mypage-container div.content4{margin-bottom: 65px; padding: 0 20px;}
#mypage-container div.content4 span.reviewnumWrap{color: #888; font-size: 12px; font-weight: 600; display: block; height: 50px; line-height: 50px;}
#mypage-container div.content4 span.reviewnumWrap em{color: #333; font-weight: 700;}
#mypage-container div.content4 ul.product-wrap li.product-list{position: relative;}
#mypage-container div.content4 span.star-wrap{position: absolute; display: inline-block; bottom: 0; right: 0; margin: 13px 13px 13px 0;}
#mypage-container div.content4 span.star{position: relative;}
#mypage-container div.content4 span.star::after{position: absolute; content: ''; width: 15px; height: 15px; background: url(../../../../img/ico-review-star.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: -18px; transform: translateY(-50%);}
#mypage-container div.content4 span.star em{font-size: 13px; font-weight: 700; color: #fff;}
/* #like-container */
#like-container{width: 100%; padding: 0 0 65px; /*min-height: calc(100vh + 105px);*/}
#like-container div.content1 ul.content1-ul{display: block; width: 100%; height: 45px; line-height: 45px; padding: 0 20px; border-bottom: 1px solid #dfdfdf;}
#like-container div.content1 li.content1-li{float: left; display: block; width: calc(100% / 4); height: 45px; line-height: 45px; text-align: center;}
#like-container div.content1 li.content1-li a{font-size: 13px; font-weight: 700; text-align: center; color: #333; width: 100%; height: 100%;}
#like-container div.content1 li.content1-li.on{position: relative;}
#like-container div.content1 li.content1-li.on a{color: #33cccc;}
#like-container div.content1 li.content1-li.on a::after{position: absolute; content: ''; width: 100%; height: 2px; background-color: #33cccc; bottom: 0; left: 50%; transform: translateX(-50%);}
#like-container div.content2{width: 100%; padding: 0 20px; margin-bottom: 65px;}
#like-container span.vodnumWrap{color: #888; font-size: 12px; font-weight: 600; display: block; height: 50px; line-height: 50px;}
#like-container span.vodnumWrap em{color: #333; font-weight: 700;}
#like-container span.leftSection{float: left; width: 179px; height: 100px; display: block; position: relative;}
#like-container span.leftSection img{width: 100%; height: 100%; border-radius: 3px; object-fit: cover;}
#like-container span.rightSection{float: left; width: calc(100% - 179px); height: 100px; display: block; padding: 5px 0px 5px 10px;}
#like-container span.sectionTitle{display: block; font-weight: 700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 36px;overflow: hidden; margin-bottom: 15px;}
#like-container div.content3{width: 100%; padding: 0 20px; margin-bottom: 65px;}
#like-container span.pronumWrap{color: #888; font-size: 12px; font-weight: 600; display: block; height: 50px; line-height: 50px;}
#like-container span.pronumWrap em{color: #333; font-weight: 700;}
#like-container div.content4{padding: 0 20px; margin-bottom: 65px;}
#like-container span.storenumWrap{color: #888; font-size: 12px; font-weight: 600; display: block; height: 50px; line-height: 50px;}
#like-container span.storenumWrap em{color: #333; font-weight: 700;}
#like-container div.content4 li.store-list{position: relative; display: block; margin-bottom: 10px;}
#like-container div.content4 span.store-section{display: block; height: 67px; width: 100%;}
#like-container div.content4 a.store-link{display: block; width: 100%; height: 100%; border: 1px solid #dfdfdf; border-radius: 8px;}
#like-container div.content4 span.store-left{display: block; float: left; width: 60px; height: 100%; position: relative;}
#like-container div.content4 span.store-left img{position: absolute; width: 40px; height: 40px; top: 50%; right: 0; transform: translateY(-50%); border-radius: 50%; border: 1px solid #dfdfdf;}
#like-container div.content4 span.store-right{display: block; float: left; width: calc(100% - 60px); height: 100%; line-height: 67px; padding-left: 10px; position: relative;}
#like-container div.content4 span.store-right span.store-right-text-wrap{display: block; position: absolute; top: 50%; left: 10px; transform: translateY(-50%);}
#like-container div.content4 span.store-right span.store-right-title{font-size: 13px; font-weight: 700; color: #444; display: block; line-height: 1.4;}
#like-container div.content4 span.store-right span.store-right-info{font-size: 13px; font-weight: 600; color: #888; display: block; line-height: 1.4;}
#like-container div.content5{padding: 0 20px; margin-bottom: 65px;}
#like-container span.crenumWrap{color: #888; font-size: 12px; font-weight: 600; display: block; height: 50px; line-height: 50px;}
#like-container span.crenumWrap em{color: #333; font-weight: 700;}
#like-container div.content5 li.store-list{position: relative; display: block; margin-bottom: 10px;}
#like-container div.content5 span.store-section{display: block; height: 67px; width: 100%;}
#like-container div.content5 a.store-link{display: block; width: 100%; height: 100%; border: 1px solid #dfdfdf; border-radius: 8px;}
#like-container div.content5 span.store-left{display: block; float: left; width: 60px; height: 100%; position: relative;}
#like-container div.content5 span.store-left img{position: absolute; width: 40px; height: 40px; top: 50%; right: 0; transform: translateY(-50%); border-radius: 50%; border: 1px solid #dfdfdf;}
#like-container div.content5 span.store-right{display: block; float: left; width: calc(100% - 60px); height: 100%; line-height: 67px; padding-left: 10px; position: relative;}
#like-container div.content5 span.store-right span.store-right-text-wrap{display: block; position: absolute; top: 50%; left: 10px; transform: translateY(-50%);}
#like-container div.content5 span.store-right span.store-right-title{font-size: 13px; font-weight: 700; color: #444; display: block; line-height: 1.4;}
#like-container div.content5 span.store-right span.store-right-info{font-size: 13px; font-weight: 600; color: #888; display: block; line-height: 1.4;}
#like-container div.content4 span.like-wrap{top: 50%; right: 10px; transform: translateY(-50%);}
#like-container div.content4 span.like::after{width: 24px; height: 24px;}
#like-container div.content4 span.like.on::after{width: 24px; height: 24px;}
#like-container div.content5 span.like-wrap{top: 50%; right: 10px; transform: translateY(-50%);}
#like-container div.content5 span.like::after{width: 24px; height: 24px;}
#like-container div.content5 span.like.on::after{width: 24px; height: 24px;}
/* notification-container */
#notification-container{width: 100%; padding: 0 0 65px; /*min-height: 100vh;*/}
#notification-container ul.content1-ul{display: block; width: 100%;background:#fff;}
#notification-container li.content1-list{display: block; width: 100%; min-height: 175px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px;}
#notification-container div.content1 span.left-section{float: left; display: block; padding-left: 20px; height: 100%; min-height: 175px; padding: 30px 0 30px 20px;}
#notification-container div.content1 span.left-section img{border-radius: 10px; border: 1px solid #dfdfdf; object-fit: cover;}
#notification-container div.content1 span.right-section{float: left; width: calc(100% - 136px); display: block; padding-right: 20px; height: 100%; min-height: 175px; position: relative;}
#notification-container div.content1 span.right-section.full{width: calc(100% - 22px);}
#notification-container div.content1 span.right-section-wrap{position: absolute; top: 50%; left: 0; transform: translateY(-50%); min-height: 114px; padding-left: 10px; width: 100%;}
#notification-container div.content1 span.right-section-title{font-size: 13px; font-weight: 700; color: #333; display: block; padding-right: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;}
#notification-container div.content1 span.right-section-text1{font-size: 13px; font-weight: 600; color: #666; display: block; padding-right: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 54px; overflow: hidden;}
#notification-container div.content1 span.right-section-text2{font-size: 13px; font-weight: 600; color: #666; display: block; word-break: keep-all; padding-right: 20px;}
#notification-container div.content1 span.date-section{position: absolute; left: 10px; bottom: 0; font-size: 13px; font-weight: 600; color: #888;}
#notification-container div.content1 span.detailBtn{position: absolute; display: block; height: 40px; bottom: -20px; right: 20px; font-size: 13px; font-weight: 600; color: #888;}
#notification-container div.content1 span.detailBtn a{font-size: 13px; font-weight: 600; color: #888; display: block; width: 100%; height: 100%; line-height: 40px; padding-right: 20px; position: relative;}
#notification-container div.content1 span.detailBtn a::after{position: absolute; content: ''; width: 15px; height: 15px; background: url(../../../../img/ico-alarm-detail-arrow.png) no-repeat 50% 50%; background-size: cover; top: 50%; right: 0; transform: translateY(-50%);}
#notification-container div.content2 ul.noticeList-wrap{width: 100%; margin-top: 20px; border-top: 1px solid #dfdfdf;}
#notification-container div.content2 li.noticeList{border-bottom: 1px solid #dfdfdf;}
#notification-container div.content2 span.noticeTextarea{position: absolute; display: inline-block; top: 50%; left: 20px; transform: translateY(-50%);}
#notification-container div.content2 span.noticeTitleSection{display: block; width: 100%; min-height: 72px;  position: relative; padding: 16px 20px;}
#notification-container div.content2 span.noticeTitleSection a{display: inline-block; width: 100%; height: 100%; min-height: 72px;}
#notification-container div.content2 span.noticeTitleSection::after{position: absolute; content: ''; width: 17px; height: 17px; background: url(../../../../img/ico-noticeListBtn.png) no-repeat 50% 50%; top: 50%; right: 20px; transform: translateY(-50%) rotate(90deg); background-size: cover; transition: all 150ms ease-in-out;}
#notification-container div.content2 li.noticeList.active span.noticeTitleSection::after{transform: translateY(-50%) rotate(-90deg);}
#notification-container div.content2 span.noticeTitle{font-size: 14px; font-weight: 700; display: inline-block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-height: 18px; overflow: hidden; max-width: 80vw; word-break: keep-all;}
#notification-container div.content2 span.noticeTitle em{display: inline-block; font-weight: 700; color: #33CCCC; padding-right: 7px;}
#notification-container div.content2 span.noticeText{display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 36px; overflow: hidden; max-width: 80vw; word-break: keep-all; margin-bottom: 8px;}
#notification-container div.content2 em.dateNum{display: block; font-size: 13px; color: #bbb; margin-bottom: 8px;}
#notification-container div.content2 span.noticeInfoSection{display: block; width: 100%; min-height: 0px; height: 0; overflow: hidden; background-color: #F3F3F3; color: #666; font-size: 13px; padding: 0px 20px; opacity: 0; transition: all 150ms ease-in-out;}
#notification-container div.content2 span.noticeInfoSection img{display: block; margin: 0 auto; max-width: 100%; padding-bottom: 10px;}
#notification-container div.content2 li.noticeList.active span.noticeInfoSection{min-height: 72px; overflow: visible; height: auto; padding: 20px 20px; opacity: 1;}
/* video-view-container */
#video-view-container{width: 100%; padding-bottom: 45px;background:#fff;}
div.vodwrap{position:fixed;top:65px;left:0;width: 100%; height: calc(56.26666666666667vw + 40px); background-color: #f4f4f4;z-index:30;}
div.vodwrap2{width: 100%; height: calc(56.26666666666667vw); background-color: #f4f4f4;}
#video-view-container div.vodwrap.on{position: fixed; top: 40px; left: 0; z-index: 999; transition:all 0.1s cubic-bezier(.17,.67,.83,.67);}
#video-view-container div.vodwrap.on + div.vodtextarea{margin-top: 291px;}
.vodwrap iframe{width: 100%; height: 56.26666666666667vw; /*211px*/}
.vodwrap2 iframe{width: 100%; height: 56.26666666666667vw; /*211px*/}
#video-view-container div.vodwrap div.btn-wrap{width: 100%; height: 40px; line-height: 40px; background-color: #f4f4f4; position: relative; top: -5px;}
#video-view-container div.btn-wrap{padding-left: 25px;}
#video-view-container div.btn-wrap div.playSelect{position: absolute; top: 50%; left: 10px; width: 80px; background-color: #fff; transform: translateY(-50%); border-radius: 3px; box-shadow:0 4px 8px 0 rgb(225 225 225 / 80%), 0 6px 20px 0 rgb(225 225 225 / 75%);}
#video-view-container div.playSelect span{width: 40px; height: 30px; line-height: 30px; display: block; position: relative; float: left;}
#video-view-container div.playSelect span.prevBtn a{display: inline-block; width: 100%; height: 100%; padding-left: 20px;}
#video-view-container div.playSelect span.nextBtn a{display: inline-block; width: 100%; height: 100%; padding-left: 4px;}
#video-view-container div.playSelect span:last-child{margin-right: 0;}
#video-view-container div.playSelect span.prevBtn::before{position: absolute; content: ''; width: 7px; height: 8px; background: url(../../../../img/play-and-pause-button-prev.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 7px; transform: translateY(-50%);}
#video-view-container div.playSelect span.prevBtn::after{position: absolute; content: ''; width: 1px; height: 16px; top: 50%; transform: translateY(-50%); right: 0; background-color: #f4f4f4;}
#video-view-container div.playSelect span.nextBtn::before{position: absolute; content: ''; width: 7px; height: 8px; background: url(../../../../img/play-and-pause-button-next.png) no-repeat 50% 50%; background-size: cover; top: 50%; right: 7px; transform: translateY(-50%);}
#video-view-container div.playOption{display: block; width: auto; height: 40px; line-height: 40px; margin-left: 75px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none;}
#video-view-container div.playOption::-webkit-scrollbar{display: none;}
#video-view-container div.playOption span{display: inline-block; width: auto; height: 30px; line-height: 30px; padding: 0 10px 0 25px; background-color: #fff; border-radius: 3px; margin-right: 10px;box-shadow:0 4px 8px 0 rgb(225 225 225 / 80%), 0 6px 20px 0 rgb(225 225 225 / 75%); position: relative;}
#video-view-container div.playOption span.active{background-color: #33CCCC;}
#video-view-container div.playOption span.active a{color: #fff;}
#video-view-container div.playOption span.active::before{position: absolute; content: ''; background: url(../../../../img/fast-forward-active.png) no-repeat 50% 50%; background-size: contain; width: 12px; height: 10px; top: 50%; transform: translateY(-50%); left: 10px;}
#video-view-container div.playOption span::before{position: absolute; content: ''; width: 12px; height: 12px; background: url(../../../../img/fast-forward.png) no-repeat 50% 50%; background-size: cover; top: 50%; transform: translateY(-50%); left: 10px;}
#video-view-container div.playOption span a{display: inline-block; width: 100%; height: 100%;}
#video-view-container div.section1-information{display: block;}
#video-view-container div.section1-information.on{display: none;}
#video-view-container div.section1-information.active{padding-top: calc(56.26666666666667vw + 81px);}
#video-view-container div.section1-textarea{display: block; padding: 10px 20px 15px;}
#video-view-container span.section1-textarea-title{font-size: 16px; font-weight: 600; color: #333; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:  2; max-height: 44px; overflow: hidden; margin-bottom: 7px;}
#video-view-container span.section1-textarea-viewNum{font-size: 11px; font-weight: 600; color: #888; display: block;}
#video-view-container div.section1 div.btn-section{width: 100%; height: 50px; line-height: 50px; padding: 0 20px; position: relative;}
#video-view-container div.btn-section span.btn-section1{display: inline-block; height: 50px; line-height: 50px; position: relative; }
#video-view-container div.btn-section span.like-wrap{position: static; position: unset; display: inline-block; float: left; margin: 5px 0;}
#video-view-container div.btn-section span.like-wrap a{display: block; width: 100%; height: 100%;}
#video-view-container div.btn-section span.like::after{background: url(../../../../img/heart666.png) no-repeat 50% 50%; background-size: cover; width: 24px; height: 24px; top: calc(50% + 1px);}
#video-view-container div.btn-section span.like.on::after{background: url(../../../../img/heartfill.png) no-repeat 50% 50%; background-size: cover; width: 24px; height: 24px;}
#video-view-container div.btn-section span.btn-section2{display: inline-block; height: 50px; line-height: 50px; }
#video-view-container div.btn-section span.btn-section2 .share-wrap {margin:5px 0;}
#video-view-container div.content2{width: 100%; background-color: transparent; display: block;}
#video-view-container div.content2.on{display: none;}
#video-view-container span.logo-section{display: block; width: 100%; position: relative; height: 65px; margin-top: 20px; padding: 0 20px;}
#video-view-container span.logo-section::before{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; top: 0; left: 50%; transform: translateX(-50%);}
#video-view-container span.logo-section::after{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; bottom: 0; left: 50%; transform: translateX(-50%);}
#video-view-container span.logo-img{display: inline-block; width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; border: 1px solid #DFDFDF;}
#video-view-container span.logo-img a{display: block; width: 100%; height: 100%;}
#video-view-container span.logo-img img{display: block; width: 100%; height: 100%; background-size: cover; border-radius: 50%; object-fit: cover;}
#video-view-container span.logo-info{display: inline-block; position: absolute; top: 50%; left: 55px; transform: translateY(-50%);}
#video-view-container span.logo-info-title{font-size: 13px; font-weight: 700; color: #444;}
#video-view-container span.logo-info-subtitle{font-size: 13px; font-weight: 600; color: #888; display: block;}
#video-view-container span.logo-section span.like-wrap{position: absolute; top: 50%; transform: translateY(-50%); right: 12px;}
#video-view-container span.like::after{width: 24px; height: 24px; background: url(../../../../img/heart666.png) no-repeat 50% 50%; background-size: cover;}
#video-view-container span.like.on::after{width: 24px; height: 24px; background: url(../../../../img/heartfill.png) no-repeat 50% 50%; background-size: cover;}
#video-view-container span.content2-section{display: block; width: 100%;}
#video-view-container span.content2-section ul.content2-section-ul{display: block; width: 100%; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; margin: 10px 0;}
#video-view-container span.content2-section li.content2-section-list{display: block; width: calc(100% - 40px); min-height: 140px;border-bottom: 1px solid #dfdfdf; margin: 0 20px;}
#video-view-container span.content2-section li.content2-section-list:last-child{border-bottom: none;}
#video-view-container span.content2-section span.left-section{float: left; width: 91px; height: 100%; display: block; min-height: 140px;}
#video-view-container span.content2-section span.left-section span.img-wrap{display: block; width: 100%; height: 100%; position: relative; min-height: 140px;}
#video-view-container span.content2-section  span.img-wrap img{width: 100%; height: 91px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; border-radius: 3px; border: 1px solid #dfdfdf;}
#video-view-container span.content2-section span.right-section{float: left; width: calc(100% - 91px); padding-left: 15px; position: relative; height: 100%; min-height: 140px;}
#video-view-container span.content2-section span.right-section-textarea{position: absolute; display: inline-block; top: 50%; transform: translateY(-50%); left: 0; padding-left: 10px; width: 100%}
#video-view-container span.content2-section span.right-section-title{font-size: 13px; font-weight: 700; color: #333; display: block; padding-right: 100px; width: 100%;}
#video-view-container span.content2-section span.right-section-info{font-size: 13px; font-weight: 600; color: #666; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 36px; overflow: hidden; padding-right: 100px;}
#video-view-container span.content2-section span.more-wrap{display: inline-block; min-width: 40px; font-size: 13px; color: #33cccc; height: 40px; line-height: 40px;}
#video-view-container span.content2-section a.more{display: block; width: 100%; height: 100%; color: #33cccc; font-weight: 600;}
#video-view-container span.interval-wrap{position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 90px; height: 30px; line-height: 30px; border-radius: 15px; background-color: #333; text-align: center;}
#video-view-container span.interval-wrap a{display: block; font-size: 13px; font-weight: 700; color: #fff; text-align: center; padding-left: 15px; position: relative;}
#video-view-container span.interval-wrap a::after{position: absolute; content: ''; top: 50%; left: 10px; transform: translateY(-50%); background: url(../../../../img/ico-product-view-clock.png)no-repeat 50% 50%; background-size: cover; width: 13px; height: 13px;}
#video-view-container div.bottomSlide{position: fixed; top: 100vh; left: 0; opacity: 0; padding: 40px 0 0; background-color: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow:0 4px 8px 0 rgb(225 225 225 / 80%), 0 6px 20px 0 rgb(225 225 225 / 75%); z-index: -1; width: 100%;}
#video-view-container div.bottomSlide.on{position: fixed; top: 0; z-index: 998; display: block; opacity: 1;overflow-y:scroll;height:100%;padding-bottom:320px;/* transition: all 500ms cubic-bezier(0.075, 0.82, 0.165, 1);*/}
/*#video-view-container div.bottomSlide.on.cmtPop {padding-bottom:15px;top:15px;}*/
#video-view-container div.bottomSlide.on.cmtPop {height:calc(100vh - 300px);padding-bottom:15px;}
#video-view-container div.bottomSlide.active{padding-top: calc(56.26666666666667vw + 81px);}
/*#video-view-container .cmtPop div.bottomSlide.active{padding-top:0;}*/
#video-view-container div.content3-1{padding: 0 25px;}
#video-view-container div.content3-1 div.content3-closeBtn{position: absolute; top: -40px; right: 5px; width: 40px; height: 40px;}
#video-view-container div.content3-1 div.content3-closeBtn span{display: block; width: 100%; height: 100%; position: relative;}
#video-view-container div.content3-1 div.content3-closeBtn img{width: 14px; height: 14px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#video-view-container div.content3-1 div.swiper-container{width: 100%; height: 325px;}
#video-view-container div.content3-1 div.swiper-container img{width: 100%; height: 100%; object-fit: cover; border-radius: 4px;}
#video-view-container div.content3-1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px; height: 10px;}
#video-view-container div.content3-1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
#video-view-container div.content3-1 .swiper-pagination-bullet{background: #C9C9C9; opacity: 1;}
#video-view-container div.content3-1 .swiper-pagination-bullet-active{background: #33CCCC;}
#video-view-container div.content3-1 span.productInfo{display: block; position: relative; padding: 20px 0;}
#video-view-container div.content3-1 span.proTitle{display: block; font-size: 16px; font-weight: 700; color: #333; padding-bottom: 10px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#video-view-container div.content3-1 span.rateYo{display: inline-block; padding: 0;}
#video-view-container div.content3-1 span.price-wrap {position:relative;}
#video-view-container div.content3-1 span.proPrice span{display: block;}
#video-view-container div.content3-1 span.inprice{font-size: 12px; font-weight: 600; color: #888; text-decoration: line-through;}
#video-view-container div.content3-1 em.discount{font-size: 18px; font-weight: 900; color: #33CCCC; padding-right: 5px; display: inline-block;}
#video-view-container div.content3-1 em.outprice{font-size: 18px; font-weight: 900; color: #444;}
#video-view-container div.content3-1 span.btn-wrap{display: block; position: relative; margin-top: 10px;}
#video-view-container div.content3-1 span.btnleft{display: block; height: 40px;}
#video-view-container div.content3-1 span.like-wrap{position: static; display: inline-block;}
#video-view-container div.content3-1 span.like::after{background: url(../../../../img/heart666.png) no-repeat 50% 50%; width: 25px; height: 25px; background-size: cover;}
#video-view-container div.content3-1 span.like.on::after{background: url(../../../../img/heartfill.png) no-repeat 50% 50%; width: 25px; height: 25px; background-size: cover;}
#video-view-container div.content3-1 span.btnright{display: block; position: absolute; bottom: 0; right: 0; width: 107px; height: 32px;}
#video-view-container div.content3-1 span.btnright a{display: block; width: 100%; height: 100%; color: #33CCCC; line-height: 32px; font-size: 13px; font-weight: 700; border: 1px solid #33CCCC; border-radius: 4px; background-color: #fff; box-sizing: border-box; padding-left: 30px; position: relative;}
#video-view-container div.content3-1 span.btnright a::after{position: absolute; content: ''; width: 12px; height: 11px; background: url(../../../../img/ico-homepage-link.png) no-repeat 50% 50%; background-size: cover; top: 50%; transform: translateY(-50%); left: 12px;}
#video-view-container div.content3-1 span.logo-section{display: block; width: 100%; position: relative; height: 65px; margin-top: 20px; padding: 0;}
#video-view-container div.content3-1 span.logo-section::before{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; top: 0; left: 50%; transform: translateX(-50%);}
#video-view-container div.content3-1 span.logo-section::after{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; bottom: 0; left: 50%; transform: translateX(-50%);}
#video-view-container div.content3-1 span.logo-img{display: inline-block; width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; border: 1px solid #DFDFDF;}
#video-view-container div.content3-1 span.logo-img img{display: block; width: 100%; height: 100%; background-size: cover; border-radius: 50%;}
#video-view-container div.content3-1 span.logo-info{display: inline-block; position: absolute; top: 50%; left: 55px; transform: translateY(-50%); height: 40px;}
#video-view-container div.content3-1 span.logo-info-title{font-size: 13px; font-weight: 700; color: #444;}
#video-view-container div.content3-1 span.logo-info-subtitle{font-size: 13px; font-weight: 600; color: #888; display: block;}
#video-view-container div.content3-1 span.logo-section span.like-wrap{position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
#video-view-container div.content3-2{width: 100%;}
#video-view-container div.section1 ul{display: block; height: 45px; line-height: 45px; margin-top: 17px; position: relative; margin: 17px auto 10px;}
#video-view-container div.section1 ul::before{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; bottom: -3px; left: 50%; transform: translateX(-50%);}
#video-view-container div.section1 li{float: left; width: calc(100% / 3); text-align: center; display: block;}
#video-view-container div.section1 li a{display: block; width: 100%; height: 100%;}
#video-view-container span.section-title{font-size: 13px; font-weight: 700;}
#video-view-container span.section-title + em{font-size: 13px; font-weight: 700;}
#video-view-container li.section1-list{position: relative;  transition:all 0.1s ease-in-out;}
#video-view-container li.section1-list::after{position: absolute; content: ''; width: 0%; height: 2px; background: #33cccc; bottom: -3px; left: 50%; transform: translateX(-50%);  transition:all 0.1s ease-in-out;}
#video-view-container li.section1-list.on{color: #33cccc;  transition:all 0.1s ease-in-out;}
#video-view-container li.section1-list.on::after{position: absolute; content: ''; width: 100%; height: 2px; background: #33cccc; bottom: -3px; left: 50%; transform: translateX(-50%);  transition:all 0.1s ease-in-out;}
#video-view-container div.section2{width: 100%;}
#video-view-container div.section2-1-wrap{padding-bottom: 40px;}
#video-view-container div.section2-2-wrap{padding-bottom: 40px;}
#video-view-container div.section2-2-wrap ul.product-wrap li.product-list{margin-bottom: 10px;}
#video-view-container div.section2-3-wrap{padding-bottom: 40px; padding: 0 20px;}
#video-view-container div.section2-3-row1{width: 100%; height: 120px; border-bottom: 1px solid #e9e9e9;}
#video-view-container div.section2-3-row1 p{width: 100%; text-align: center; color: #333; font-weight: 700; padding: 30px 0 13px;}
#video-view-container div.section2-3-row1 div.BtnRewiew-wrap{width: 90px; height: 36px; line-height: 35px; color: #33cccc; border: 1px solid #33cccc; border-radius: 18px; text-align: center; margin: 0 auto;}
#video-view-container div.section2-3-row1 div.BtnRewiew-wrap a{display: block; width: 100%; height: 100%;}
#video-view-container p.section2-3-row2-title-wrap{width: 100%; height: 34px; line-height: 34px; margin-top: 15px;}
#video-view-container span.section2-3-row2-title{float: left; font-size: 13px; font-weight: 900; color: #333;}
#video-view-container div.section2-3-row2 span.star-wrap{float: right;}
#video-view-container div.section2-3-row2 span.starImg{display: inline-block; width: 16px; height: 100%;}
#video-view-container div.section2-3-row2 span.starImg img{position: relative; bottom: 2px;}
#video-view-container div.section2-3-row2 em.proStar{display: inline-block; height: 100%; line-height: 34px;}
#video-view-container ul.section2-3-row2-productWrap{width: 100%; margin-bottom: 20px;}
#video-view-container ul.section2-3-row2-productWrap li{float: left; width: calc((100% - 30px) / 4); margin-right: 10px;}
#video-view-container ul.section2-3-row2-productWrap li:nth-of-type(4){margin-right: 0;}
#video-view-container ul.section2-3-row2-productWrap li img{border-radius: 4px; border: 1px solid #dfdfdf;}
#video-view-container div.pronumWrap{height: 16px;}
#video-view-container div.proinput-wrap{margin-right: 0;}
#video-view-container div.section2-3-row3 div.review-wrap{width: 100%; padding: 16px; border: 1px solid #e7e7e7; border-radius: 4px; margin-bottom: 10px; box-shadow: 1px 1px 5px #e7e7e7;}
#video-view-container div.section2-3-row3 div.reviewer{margin-bottom: 10px;}
#video-view-container div.section2-3-row3 span.userImg-wrap{float: left; display: block; width: 40px; height: 40px; margin-right: 10px;}
#video-view-container div.section2-3-row3 span.userImg-wrap img{display: block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #dfdfdf;}
#video-view-container div.section2-3-row3 span.userInfo-wrap{float: left; height: 40px;}
#video-view-container div.section2-3-row3 span.userName{font-size: 13px; font-weight: 700; color: #444; display: block; line-height: 1.6;}
#video-view-container div.section2-3-row3 span.rewiewInfo{display: block;}
#video-view-container div.section2-3-row3 span.starImg img{display: 11px; height: 11px; position: relative; bottom: 1px;}
#video-view-container div.section2-3-row3 span.proStar{font-size: 11px; color: #888;}
#video-view-container div.section2-3-row3 span.dateInfo{font-size: 11px; color: #bbb;}
#video-view-container div.section2-3-row3 div.reviewInfo-wrap{width: 100%;}
#video-view-container div.section2-3-row3 span.review{font-size: 13px; color: #666;}
#video-view-container div.section2-3-row3 span.review-text{display: block;}
#video-view-container div.section2-3-row3 span.review img{margin-top: 10px; max-width: 50%; border: 1px solid #dfdfdf; display: block; float: left; margin-right: 10px;}
#video-view-container div.section2-3-row3 span.review img:nth-of-type(2n){margin-right: 0;}
#video-view-container div.section2-3-wrap div.quickLink-wrap{padding: 0;}
#video-view-container li.section2-list{margin-bottom: 0; width: 100%; /*max-height: 56.28019323671498vw;*/height:auto; margin-bottom: 10px;}
#video-view-container li.section2-list a{display: inline-block; width: 100%; height: 100%; position: relative;}
#video-view-container li.section2-list a::before{position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); top: 0; left: 0; display: block; z-index: 1;}
#video-view-container li.section2-list a::after{position: absolute; content: ''; background: url(../../../../img/ico_btn-vod.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 107px; height: 36px; z-index: 2;}
#video-view-container li.section2-list img{width: 100%; height: 100%; object-fit: cover;}
#video-view-container div.btn-wrap{width: 100%; padding-left: 25px;}
#video-view-container div.section2 div.btn-wrap{width: 100%; padding-left: 25px; padding-right: 25px;}
#video-view-container div.btn-wrap a{margin-bottom: 10px;}
#video-view-container div.btn-wrap a.btn-more{display: block; width: 100%; height: 50px; line-height: 50px; font-size: 15px; font-weight: 700; color: #33CCCC; text-align: center; border-radius: 25px; background-color: #E3F9F9; border: 1px solid #33CCCC;}
#video-view-container div.btn-wrap a.btn-live{display: block; width: 100%; height: 50px; line-height: 50px; font-size: 15px; font-weight: 700; color: #888; text-align: center; border-radius: 25px; background-color: #fff; border: 1px solid #DFDFDF;}
#video-view-container div.section2-2 ul.section2-list-wrap{width: 100%; padding: 0 20px;}
#video-view-container div.section3{width: 100%; padding: 0 20px 60px;}
#video-view-container div.section3 h2{font-size: 13px; font-weight: 900; margin: 30px auto 10px;}
#video-view-container div.section4{width: 100%; height: 50px; line-height: 50px; position: fixed; bottom: 0; left: 0; z-index: 1000;}
#video-view-container div.section4 li.lowersearch{float: left; display: block; width: 65%; height: 50px; line-height: 50px; color: #fff; text-align: center; background-color: #33CCCC;}
#video-view-container div.section4 li.lowersearch a{color: #fff; font-size: 15px; position: relative; display: block; width: 100%; height: 100%;}
#video-view-container div.section4 li.lowersearch a span{display: inline-block; padding-left: 20px;position: relative;}
#video-view-container div.section4 li.lowersearch a span::after{position: absolute; content: ''; width: 15px; height: 15px; background: url(../../../../img/ico-bottom-lowprice.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: -4px; transform: translateY(-50%);}
#video-view-container div.section4 li.liked{float: left; display: block; width: 35%; height: 50px; line-height: 50px; color: #fff; text-align: center; background-color: #333333;}
#video-view-container div.section4 li.liked a{color: #fff; font-size: 15px; display: block; width: 100%; height: 100%;}
#video-view-container div.section4 li.liked a span{display: inline-block; padding-left: 20px; position: relative;}
#video-view-container div.section4 li.liked a span::after{position: absolute; content: ''; width: 16px; height: 16px; background: url(../../../../img/heartw.png) no-repeat 50% 50%; background-size: cover; top: 50%; transform: translateY(-50%); left: -4px;}
/* item-product-container */
#header.sticky div.header-style6-content2-wrap{padding-top: 40px;}
#item-product-container{width: 100%; padding: 0 0 65px; min-height: calc(100vh + 45px);background:#fff;}
#item-product-container div.content4-wrap{min-height: calc(100vh - 112px);}
#item-product-container div.content1{width: 100%; height: 50px; position: relative; padding: 20px;}
#item-product-container div.content1 span.prev-btn-wrap{display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%);}
#item-product-container div.content1 a.prev-btn{display: block; width: 100%; height: 100%; position: relative;}
#item-product-container div.content1 a.prev-btn::after{position: absolute; content: ''; width: 23px; height: 19px; background: url(../../../../img/ico-back.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#item-product-container div.content1 span.share-btn-wrap{display: block; width: 40px; height: 40px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
#item-product-container div.content1 a.share-btn{display: block; width: 100%; height: 100%; position: relative; top: 0; right: 0;}
#item-product-container div.content1 a.share-btn::after{position: absolute; content: ''; width: 23px; height: 22px; background: url(../../../../img/ico-top-share.png) no-repeat 50% 50%; background-size: cover; transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%;}
#item-product-header{position: relative; width: 100%; background-color: #fff; z-index: 2;}
#item-product-header ul{display: block; height: 45px; line-height: 45px; position: relative; padding-top: 0;}
#item-product-header ul::before{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; bottom: 0; left: 50%; transform: translateX(-50%);}
#item-product-header li{float: left; width: calc(100% / 4); text-align: center; display: block;}
#item-product-header li a{display: block; width: 100%; height: 100%;}
#item-product-header span.section-title{font-size: 13px; font-weight: 700;}
#item-product-header span.section-title + em{font-size: 13px; font-weight: 700;}
#item-product-header li.section1-list{color: #333333; transition: all 0.1s ease-in-out;}
#item-product-header li.section1-list.on{color: #33cccc; transition: all 0.1s ease-in-out;}
#item-product-header li.section1-list::after{position: absolute; content: ''; width: 0%; height: 2px; background: #33cccc; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.1s ease-in-out;}
#item-product-header li.section1-list.on::after{position: absolute; content: ''; width: 100%; height: 2px; background: #33cccc; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.1s ease-in-out;}
#item-product-container div.content3{position: relative; width: 100%; background-color: #fff; z-index: 2;}
#item-product-container div.content3 ul{display: block; height: 45px; line-height: 45px; position: relative; padding-top: 17px;}
#item-product-container div.content3 ul::before{position: absolute; content: ''; width: 100vw; height: 1px; background: #DFDFDF; bottom: 0; left: 50%; transform: translateX(-50%);}
#item-product-container div.content3 li{float: left; width: calc(100% / 4); text-align: center; display: block;}
#item-product-container div.content3 li a{display: block; width: 100%; height: 100%;}
#item-product-container div.content3 span.section-title{font-size: 13px; font-weight: 700;}
#item-product-container div.content3 span.section-title + em{font-size: 13px; font-weight: 700;}
#item-product-container div.content3 li.section1-list{color: #333333; transition: all 0.1s ease-in-out;}
#item-product-container div.content3 li.section1-list.on{color: #33cccc; transition: all 0.1s ease-in-out;}
#item-product-container div.content3 li.section1-list::after{position: absolute; content: ''; width: 0%; height: 2px; background: #33cccc; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.1s ease-in-out;}
#item-product-container div.content3 li.section1-list.on::after{position: absolute; content: ''; width: 100%; height: 2px; background: #33cccc; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.1s ease-in-out;}
#item-product-container div.content4{width: 100%; margin-top: 20px;padding:0;}
#item-product-container div.content4-product{width: 100%; padding: 0 20px 100px;}
#item-product-container div.content4-video{width: 100%; padding: 0 20px;}
#item-product-container div.content4-lookbook{width: 100%; padding: 0 20px;}
#item-product-container div.content4-review{width: 100%; padding: 0 20px;}
#item-product-container div.content4-store{width: 100%; padding: 0 20px;}
#item-product-container div.content4-creator{width: 100%; padding: 0 20px;}
#item-product-container li.vodlist{margin-bottom: 10px; position: relative;}
#item-product-container li.vodlist span.reviewMoreBtn-wrap{top: -7px;}
#item-product-container span.vodnumWrap{color: #888; font-size: 12px; font-weight: 600; display: block; height: 50px; line-height: 50px;}
#item-product-container span.vodnumWrap em{color: #333; font-weight: 700;}
#item-product-container span.leftSection{float: left; width: 179px; height: 100px; display: block; position: relative;}
#item-product-container span.leftSection img{width: 100%; height: 100%; border-radius: 3px; object-fit: cover;}
#item-product-container span.rightSection{float: left; width: calc(100% - 179px); height: 100px; display: block; padding: 5px 20px 5px 10px;}
#item-product-container span.sectionTitle{display: block; font-weight: 700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 36px;overflow: hidden; margin-bottom: 15px;}
#item-product-container span.reviewer{font-size: 12px;color: #888;font-weight: 600; display: block; margin-bottom: 5px;}
#item-product-container span.reviewNum-wrap{font-size: 12px; color: #888; font-weight: 600;}
#item-product-container div.content4-lookbook{padding-top: 30px;}
#item-product-container div.content4-lookbook .condition-wrap{padding-right: 20px;}
#item-product-container div.content4-review span.reviewnumWrap{color: #888; font-size: 12px; font-weight: 600; display: block; margin-bottom: 15px;}
#item-product-container div.content4-review span.reviewnumWrap em{color: #333; font-weight: 700;}
#item-product-container div.content4-review ul.product-wrap li.product-list{position: relative;}
#item-product-container div.content4-review span.star-wrap{position: absolute; display: inline-block; bottom: 0; right: 0; margin: 13px 13px 13px 0;}
#item-product-container div.content4-review span.star{position: relative;}
#item-product-container div.content4-review span.star::after{position: absolute; content: ''; width: 15px; height: 15px; background: url(../../../../img/ico-review-star.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: -18px; transform: translateY(-50%);}
#item-product-container div.content4-review span.star em{font-size: 13px; font-weight: 700; color: #fff;}
/*item-review-container*/
#item-review-container{width: 100%; padding: 0 20px 65px; position: relative;}
#item-review-container p.section2-3-row2-title-wrap{width: 100%; height: 34px; line-height: 34px; margin-top: 15px;}
#item-review-container span.section2-3-row2-title{float: left; font-size: 13px; font-weight: 900; color: #333;}
#item-review-container div.section2-3-row2 span.star-wrap{float: right;}
#item-review-container div.section2-3-row2 span.starImg{display: inline-block; width: 16px; height: 100%;}
#item-review-container div.section2-3-row2 span.starImg img{position: relative; bottom: 2px;}
#item-review-container div.section2-3-row2 em.proStar{display: inline-block; height: 100%; line-height: 34px;}
#item-review-container ul.section2-3-row2-productWrap{width: 100%; margin-bottom: 20px;}
#item-review-container ul.section2-3-row2-productWrap li{float: left; width: calc((100% - 30px) / 4); margin-right: 10px;}
#item-review-container ul.section2-3-row2-productWrap li:nth-of-type(4){margin-right: 0;}
#item-review-container ul.section2-3-row2-productWrap li img{border-radius: 4px; border: 1px solid #dfdfdf;}
#item-review-container div.pronumWrap{height: 16px;}
#item-review-container div.proinput-wrap{margin-right: 0;}
#item-review-container div.section2-3-row3 div.review-wrap{width: 100%; padding: 16px; border: 1px solid #e7e7e7; border-radius: 4px; margin-bottom: 10px; box-shadow: 1px 1px 5px #e7e7e7;}
#item-review-container div.section2-3-row3 div.reviewer{margin-bottom: 10px;}
#item-review-container div.section2-3-row3 span.userImg-wrap{float: left; display: block; width: 40px; height: 40px; margin-right: 10px;}
#item-review-container div.section2-3-row3 span.userImg-wrap img{display: block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #dfdfdf;}
#item-review-container div.section2-3-row3 span.userInfo-wrap{float: left; height: 40px;}
#item-review-container div.section2-3-row3 span.userName{font-size: 13px; font-weight: 700; color: #444; display: block; line-height: 1.6;}
#item-review-container div.section2-3-row3 span.rewiewInfo{display: block;}
#item-review-container div.section2-3-row3 span.starImg img{display: 11px; height: 11px; position: relative; bottom: 1px;}
#item-review-container div.section2-3-row3 span.proStar{font-size: 11px; color: #888;}
#item-review-container div.section2-3-row3 span.dateInfo{font-size: 11px; color: #bbb;}
#item-review-container div.section2-3-row3 div.reviewInfo-wrap{width: 100%;}
#item-review-container div.section2-3-row3 span.review{font-size: 13px; color: #666;}
#item-review-container div.section2-3-row3 span.review-text{display: block;}
#item-review-container div.section2-3-row3 span.review img{margin-top: 10px; max-width: 50%; border: 1px solid #dfdfdf; display: inline-block; margin-right: 10px;}
#item-review-container div.section2-3-row3 span.review img:nth-of-type(2n){margin-right: 0;}
#item-review-container div.section2-3-row3 span.rewiew-tip{display: block; margin: 15px 0 0 0; background: #EEFFFF; padding: 15px;}
#item-review-container div.section2-3-row3 span.rewiew-tip span.rewiew-tip-title{font-size: 13px; font-weight: 700; color: #33cccc; display: block; margin-bottom: 7px;}
#item-review-container div.section2-3-row3 span.rewiew-tip span.rewiew-tip-info{font-size: 13px; color: #666; display: block;}
#item-review-container div.content4-review span.star-wrap{position: absolute; display: inline-block; bottom: 0; right: 0; margin: 13px 13px 13px 0;}
#item-review-container div.content4-review span.star{position: relative;}
#item-review-container div.content4-review span.star::after{position: absolute; content: ''; width: 15px; height: 15px; background: url(../../../../img/ico-review-star.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: -18px; transform: translateY(-50%);}
#item-review-container div.content4-review span.star em{font-size: 13px; font-weight: 700; color: #fff;}
/* item-review-write-container */
#item-review-write-container{position: relative; width: 100%; padding: 0 0 50px; /*min-height: 100vw;*/}
#item-review-write-container div.products-wrap{width: 100%; padding: 0 20px;}
#item-review-write-container div.products{border-bottom: 1px solid #e9e9e9; padding-bottom: 20px; padding-top: 20px;}
#item-review-write-container span.productImg{float: left; display: block; width: 130px; height: 115px; padding-right: 15px;}
#item-review-write-container span.productImg a{display: block; width: 100%; height: 100%;}
#item-review-write-container span.productImg a img{display: block; width: 100%; height: 100%; border-radius: 4px; border: 1px solid #dfdfdf;}
#item-review-write-container span.productInfo{float: left; display: block; width: calc(100% - 130px); height: 115px; padding: 5px 0;}
#item-review-write-container span.productInfo a{display: block; width: 100%; height: 100%;}
#item-review-write-container a span.proTitle{display: block; font-size: 13px; font-weight: 700; color: #666;}
#item-review-write-container a span.proTitlesub{display: block; font-size: 13px; font-weight: 400; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 54px; overflow: hidden; margin-bottom: 7px;}
#item-review-write-container a span.proPrice{font-size: 15px; font-weight: 900; color: #444;}
#item-review-write-container div.review-star-wrap{width: 100%;}
#item-review-write-container span.title{font-size: 13px; font-weight: 900; padding: 0 20px; display: block; height: 38px; line-height: 38px; margin-top: 20px;}
#item-review-write-container span.title em.style1{font-size: 13px; font-weight: 900; color: #33cccc;}
#item-review-write-container span.title em.style2{font-size: 13px; font-weight: 900; color: #bfbfbf;}
#item-review-write-container div.review-star div.star-section{position: relative; width: 100%; height: 54px; line-height: 54px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
#item-review-write-container div.review-star div.rateYo-wrap{position: absolute; display: inline-block; margin: 0 auto; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#item-review-write-container div.review-star div.rateYoStyle{display: inline-block; position: relative; top: 7px;}
#item-review-write-container div.review-star div.starNum{display: inline-block; width: 20px; height: 54px; line-height: 54px; color: #c4c4c4; font-size: 15px;}
#item-review-write-container textarea.reviewWriteForm{width: 100%; height: 93px; border: none; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 10px 20px; resize: none;}
#item-review-write-container textarea.reviewWriteForm::placeholder{color: #c4c4c4;}
#item-review-write-container textarea.reviewTipForm{width: 100%; height: 93px; border: none; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 10px 20px; resize: none;}
#item-review-write-container textarea.reviewTipForm::placeholder{color: #c4c4c4;}
#item-review-write-container label.error{padding-left: 20px;}
#item-review-write-container span.subtitle{display: block; width: 100%; padding: 0 20px; color: #666;}
#item-review-write-container span.imgRegister-wrap{display: block; width: 100%; padding: 10px 20px 25px;}
#item-review-write-container span.imgRegister-section{display: block; width: calc((100% - 40px) / 5); margin-right: 10px; margin-bottom: 10px; float: left;}
#item-review-write-container span.imgRegister-section:nth-of-type(5n){margin-right: 0;}
#item-review-write-container a.default{display: block; width: 100%; height: 100%; border-radius: 4px;}
#item-review-write-container span.upload-wrap{position: relative;}
#item-review-write-container a.upload{display: block; width: 100%; height: 100%; border-radius: 4px; border: 1px solid #dfdfdf;}
#item-review-write-container a.uploadClose{position: absolute; display: block; width: 14px; height: 14px; top: -4px; right: -4px; border-radius: 50%;}
#item-review-write-container a.uploadClose img{display: block; width: 100%; height: 100%; object-fit: cover;}
#item-review-write-container div.style-register{width: 100%; height: 30px; padding: 0 20px; margin-bottom: 30px;}
#item-review-write-container span.textSection-wrap{float: left; width: 80%; height: 100%; display: block; position: relative; line-height: 30px; font-weight: 900;}
#item-review-write-container span.textSection{position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block;}
#item-review-write-container span.optionSection{float: left; width: 20%; height: 100%; display: block; position: relative;}
span.optionControl{display: block; width: 100%; height: 100%; position: relative; z-index: 1;}
#item-review-write-container span.toggle-btn{display: block; width: 56px; height: 30px; background-color: #bbbbbb; border-radius: 30px; padding: 3px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: all 150ms ease-in-out;}
#item-review-write-container span.inner-circle{display: block; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; transition: all 150ms ease-in-out; position: relative; left: 0;}
#item-review-write-container .btnRewiewWrite{position: fixed; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 15px; font-weight: 700; background-color: #33cccc; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 1000;}
#item-review-write-container div.btnRewiewWrite a{display: block; width: 100%; height: 100%; text-align: center;}
/* planning-container */
#planning-container{width: 100%; padding: 0 0 65px; /*min-height: calc(100vh + 105px);*/}
#planning-container div.content-style1{width: 100%;  min-height: 100vh}
#planning-container div.content-style1 div.img-section{width: 100%; position: relative;}
#planning-container div.content-style1 div.img-section img{width: 100%; height: 55.31400966183575vw; /*229px(414)*/ object-fit: cover; max-height: 425px;}
#planning-container div.content-style1 span.section-title{font-size: 15px; font-weight: 700; color: #fff; display: block; margin-bottom: 5px;}
#planning-container div.content-style1 span.section-wrap{position: absolute; top: 0; left: 0; padding: 20px; background: linear-gradient(to bottom, #000, rgba(0,0,0,0.75) 20%, rgba(0,0,0,0.2) 70%, transparent 100%); width: 100%; height: 110px;}
#planning-container div.content-style1 span.section-date{font-size: 13px; color: #fff; display: block; }
#planning-container div.content-style1 span.section-date em{font-size: 13px; color: #fff;}
#planning-container div.content-style1 div.vod-section{margin-bottom: 65px; padding: 0 20px; width: 100%;}
#planning-container div.content-style1 span.vodnumWrap{color: #888; font-size: 12px; font-weight: 600; display: block; height: 50px; line-height: 50px;}
#planning-container div.content-style1 span.vodnumWrap em{color: #333; font-weight: 700;}
#planning-container div.content-style1 ul.vodlistWrap{width: 100%;}
#planning-container div.content-style1 li.vodlist{float: left; width: calc((100% - 10px) / 2); margin-right: 10px; margin-bottom: 20px; display: block;}
#planning-container div.content-style1 li.vodlist:nth-of-type(2n){margin-right: 0;}
#planning-container div.content-style1 li.vodlist a{display: block; width: 100%; height: 100%;}
#planning-container div.content-style1 li.vodlist span.leftSection{display: block; width: 100%; height: 100%; margin-bottom: 7px;}
#planning-container div.content-style1 li.vodlist span.leftSection img{width: 100%; height: 24.15458937198068vw; /*106px(414)*/ object-fit: cover; max-height: 185.5px; border-radius: 3px;}
#planning-container div.content-style1 li.vodlist span.rightSection{display: block; width: 100%;}
#planning-container div.content-style1 li.vodlist span.rightSection span.sectionTitle{font-size: 13px; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 36px; overflow: hidden; margin-bottom: 10px;}
#planning-container div.content-style1 li.vodlist span.rightSection span.reviewer{display: block; font-size: 13px;}
#planning-container span.leftSection.live{position: relative;}
#planning-container span.leftSection.live::after{position: absolute; content: 'Live'; width: 27px; height: 15px; text-align: center; line-height: 15px; color: #fff; background: #FF5050; top: 6px; left: 6px; border-radius: 3px; font-size: 11px; font-weight: 900;}
#planning-container div.content-style2{width: 100%; min-height: 100vh; text-align: center;}
#planning-container div.content-style2 div.img-section{width: 100%; position: relative;}
#planning-container div.content-style2 div.img-section img{width: 100%; height: 132.8502415458937vw; /*515px(414)*/ object-fit: cover; max-height: 1020px;}
#planning-container div.content-style2 div.img-section span.section-title{font-size: 15px; font-weight: 700; color: #fff; display: block; margin-bottom: 5px; text-align-last: left;}
#planning-container div.content-style2 div.img-section span.section-wrap{position: absolute; top: 0; left: 0; padding: 20px; background: linear-gradient(to bottom, #000, rgba(0,0,0,0.75) 20%, rgba(0,0,0,0.2) 70%, transparent 100%); width: 100%; height: 110px;}
#planning-container div.content-style2 div.img-section span.section-date{font-size: 13px; color: #fff; display: block; text-align: left;}
#planning-container div.content-style2 div.img-section span.section-date em{font-size: 13px; color: #fff;}
#planning-container div.content-style2 div.btn-section-wrap{width: calc(100% - 40px); margin: 15px 20px; height: 50px; line-height: 50px;}
#planning-container div.content-style2 span.btn-section{display: block; width: 100%; height: 100%; background-color: #33cccc; border-radius: 25px;}
#planning-container div.content-style2 span.btn-section a{display: block; width: 100%; height: 100%; color: #fff; font-size: 15px; font-weight: 700; text-align: center;}
/* #setting-container */
#setting-container{width: 100%; margin-bottom: 50px;}
#setting-container h2.optionList-title{font-size: 13px; font-weight: 700; height: 45px; line-height: 45px; padding: 5px 20px 0;}
#setting-container ul.optionUl{border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
#setting-container li.optionList{width: 100%; height: 70px; padding: 0 20px; border-bottom: 1px solid #dfdfdf;}
#setting-container li.optionList:last-of-type{border: none;}
#setting-container span.textSection-wrap{float: left; width: 80%; height: 100%; display: block; position: relative;}
#setting-container span.textSection{position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block;}
#setting-container span.textSection-title{font-size: 13px; display: block;}
#setting-container span.textSection-text{font-size: 13px; color: #888; display: block;}
#setting-container span.optionSection{float: left; width: 20%; height: 100%; display: block; position: relative;}
#setting-container span.toggle-btn{display: block; width: 56px; height: 30px; background-color: #bbbbbb; border-radius: 30px; padding: 3px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: all 150ms ease-in-out;}
#setting-container span.inner-circle{display: block; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; transition: all 150ms ease-in-out; position: relative; left: 0;}
#setting-container li.versionCurrent{height: 50px; line-height: 50px;}
#setting-container li.versionUpdate{height: 50px; line-height: 50px;}
#setting-container li.versionUpdate span.textSection-right{color: #33cccc;}
#setting-container span.textSection-left{float: left; display: block; width: 80%; height: 100%;}
#setting-container span.textSection-right{float: left; display: block; width: 20%; height: 100%; text-align: right;}
#setting-container div.versionUpdateBtn-wrap{width: 100%; padding: 35px 20px;}
#setting-container span.versionUpdateBtn{display: block; width: 100%; height: 50px; line-height: 50px; background-color: #33cccc; border-radius: 25px;}
#setting-container span.versionUpdateBtn a{display: block; width: 100%; height: 100%; color: #fff; font-size: 15px; font-weight: 700; text-align: center;}
/* #notice-container */
#notice-container{width: 100%; margin-bottom: 50px;}
#notice-container ul.noticeList-wrap{width: 100%; margin-top: 20px; border-top: 1px solid #dfdfdf;}
#notice-container li.noticeList{border-bottom: 1px solid #dfdfdf;}
#notice-container span.noticeTextarea{position: absolute; display: inline-block; top: 50%; left: 20px; transform: translateY(-50%);}
#notice-container span.noticeTitleSection{display: block; width: 100%; min-height: 72px;  position: relative; padding: 0 20px;}
#notice-container span.noticeTitleSection a{display: inline-block; width: 100%; height: 100%; min-height: 72px;}
#notice-container span.noticeTitleSection::after{position: absolute; content: ''; width: 17px; height: 17px; background: url(../../../../img/ico-noticeListBtn.png) no-repeat 50% 50%; top: 50%; right: 20px; transform: translateY(-50%) rotate(90deg); background-size: cover; transition: all 150ms ease-in-out;}
#notice-container li.noticeList.active span.noticeTitleSection::after{transform: translateY(-50%) rotate(-90deg);}
#notice-container span.noticeTitle{font-size: 13px; font-weight: 700; display: inline-block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 36px; overflow: hidden; max-width: 80vw; word-break: keep-all;}
#notice-container span.noticeTitle em{display: inline-block; font-weight: 700; color: #33CCCC; padding-right: 7px;}
#notice-container em.dateNum{display: block; font-size: 13px; color: #bbb; padding-top: 8px;}
#notice-container span.noticeInfoSection{display: block; width: 100%; min-height: 0px; height: 0; overflow: hidden; background-color: #F3F3F3; color: #666; font-size: 13px; padding: 0px 20px; opacity: 0; transition: all 150ms ease-in-out;}
#notice-container li.noticeList.active span.noticeInfoSection{min-height: 72px; overflow: visible; height: auto; padding: 20px 20px; opacity: 1;}
/* #faq-container */
#faq-container{width: 100%; margin-bottom: 50px;}
#faq-container div.content1{width: 100%;}
#faq-container div.search-section{width: 100%; padding: 0 20px; position: relative;}
#faq-container input.fnqsearch{ width: 100%; height: 46px; line-height: 46px; border: 1px solid #dfdfdf; border-radius: 3px; text-indent: 20px; padding-right: 40px;}
#faq-container span.searchBtn-wrap{position: absolute; display: block; width: 40px; height: 46px; top: 50%; right: 20px; transform: translateY(-50%);}
#faq-container span.searchBtn-wrap a{display: block; width: 100%; height: 100%; position: relative;}
#faq-container span.searchBtn{position: absolute; display: block; width: 19px; height: 19px; background: url(../../../../img/search.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#faq-container div.content2{width: 100%; border-bottom: 1px solid #dfdfdf;}
#faq-container ul.faqList-wrap{width: 100%; height: 55px; padding: 0; line-height: 65px;}
#faq-container li.faqList{float: left; display: block; width: calc(100% / 5); height: 100%; text-align: center; font-weight: 700;}
#faq-container li.faqList.on{color: #33CCCC; position: relative;}
#faq-container li.faqList.on::after{position: absolute; content: ''; width: 100%; height: 2px; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #33cccc;}
#faq-container ul.noticeList-wrap{width: 100%; margin-top: 20px; border-top: 1px solid #dfdfdf;}
#faq-container li.noticeList{border-bottom: 1px solid #dfdfdf;}
#faq-container span.noticeTextarea{position: absolute; display: inline-block; top: 50%; left: 20px; transform: translateY(-50%);}
#faq-container span.noticeTitleSection{display: block; width: 100%; min-height: 72px;  position: relative; padding: 0 20px;}
#faq-container span.noticeTitleSection a{display: inline-block; width: 100%; height: 100%; min-height: 72px;}
#faq-container span.noticeTitleSection::after{position: absolute; content: ''; width: 17px; height: 17px; background: url(../../../../img/ico-noticeListBtn.png) no-repeat 50% 50%; top: 50%; right: 20px; transform: translateY(-50%) rotate(90deg); background-size: cover; transition: all 150ms ease-in-out;}
#faq-container li.noticeList.active span.noticeTitleSection::after{transform: translateY(-50%) rotate(-90deg);}
#faq-container span.noticeTitle{font-size: 13px; font-weight: 700; display: inline-block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 36px; overflow: hidden; max-width: 80vw; word-break: keep-all;}
#faq-container span.noticeTitle em{display: inline-block; font-weight: 700; color: #33CCCC; padding-right: 7px;}
#faq-container em.dateNum{display: block; font-size: 13px; color: #bbb; padding-top: 8px;}
#faq-container span.noticeInfoSection{display: block; width: 100%; min-height: 0px; height: 0; overflow: hidden; background-color: #F3F3F3; color: #666; font-size: 13px; padding: 0px 20px; opacity: 0; transition: all 150ms ease-in-out;}
#faq-container li.noticeList.active span.noticeInfoSection{min-height: 72px; overflow: visible; height: auto; padding: 20px 20px; opacity: 1;}
/* #service-container */
#service-container{width: 100%; margin-bottom: 50px;}
#service-container div.content1{width: 100%;}
#service-container ul.serviceList-wrap{display: block; margin-top: 20px; border-top: 1px solid #dfdfdf;}
#service-container li.serviceList-schedul{display: block; width: 100%; min-height: 72px; border-bottom: 1px solid #dfdfdf;}
#service-container span.serviceList-schedul-title{display: block; width: 100%; min-height: 72px; cursor: pointer;}
#service-container span.service-schedul{position: absolute; top: 50%; right: 20px; width: 84px; height: 35px; line-height: 35px; text-align: center; color: #888; border: 1px solid #888; border-radius: 17.5px; transform: translateY(-50%);}
#service-container li.serviceList-schedul span.serviceList-schedul-info{display: block; width: 100%; height: 0; padding: 0 20px; color: #666; overflow: hidden; transition: all 150ms ease-in-out; opacity: 0;}
#service-container li.serviceList-schedul.active span.serviceList-schedul-info{display: block; width: 100%; padding: 20px 20px; color: #666; height: auto; overflow: visible; opacity: 1;}
#service-container span.serviceList-schedul-textSection{color: #666;}
#service-container span.serviceList-schedul-textSection img{max-width: 100%; display: block; margin: 0 auto; padding-bottom: 20px;}
#service-container li.serviceList-complet{display: block; width: 100%; min-height: 72px; border-bottom: 1px solid #dfdfdf;}
#service-container span.serviceList-complet-title{display: block; width: 100%; min-height: 72px; cursor: pointer;}
#service-container li.serviceList-complet span.serviceList-complet-info{display: block; width: 100%; height: 0; padding: 0 20px; color: #666; overflow: hidden; transition: all 150ms ease-in-out; opacity: 0;}
#service-container li.serviceList-complet.active span.serviceList-complet-info{display: block; width: 100%; padding: 20px 20px; color: #666; height: auto; overflow: visible; opacity: 1;}
#service-container span.serviceList-complet-textSection{color: #666;}
#service-container span.serviceList-complet-textSection img{max-width: 100%; display: block; margin: 0 auto; padding-bottom: 20px;}
#service-container span.serviceList-left{float: left; display: block; width: 70%; height: 100%; min-height: 72px; padding-left: 20px; position: relative;}
#service-container span.serviceTextarea{position: absolute; top: 50%; left: 20px; transform: translateY(-50%); font-weight: 700;}
#service-container span.serviceTitle{font-weight: 700; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 36px; overflow: hidden; max-width: 80vw; word-break: keep-all;}
#service-container em.dateNum{color: #bbb; display: block; padding-top: 8px;}
#service-container span.serviceList-right{float: left; display: block; width: 30%; height: 100%; min-height: 72px; padding-right: 20px; position: relative;}
#service-container span.service-complet{position: absolute; top: 50%; right: 20px; width: 84px; height: 35px; line-height: 35px; text-align: center; color: #fff; border: 1px solid #33cccc; border-radius: 17.5px; transform: translateY(-50%); background-color: #33cccc;}
#service-container li.serviceList-complet span.answer-wrap{display: block; width: 100%; padding: 0 20px; height: 0; overflow: hidden; background-color: #f3f3f3; transition: all 150ms ease-in-out; opacity: 0;}
#service-container li.serviceList-complet.active span.answer-wrap{display: block; width: 100%; padding: 20px 20px; background-color: #f3f3f3; height: auto; overflow: visible; opacity: 1;}
#service-container span.answer-title{padding-left: 20px; position: relative;}
#service-container span.answer-title::after{position: absolute; content: ''; width: 10px; height: 10px; background: url(../../../../img/ico-anserbar.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 3px; transform: translateY(-50%);}
#service-container span.answer-title em.adminName{display: inline-block; font-weight: 700; color: #666; padding-right: 8px;}
#service-container span.answer-title em.dateNum{color: #888; display: inline-block; padding: 0;}
#service-container span.answer-info{display: block; padding-left: 20px; color: #666;}#service-container div.default{display: block; width: 100%; /*min-height: calc(100vh - 105px);*/ text-align: center; padding: calc((100vh - 235px) / 2) 0;}
#service-container img.default-img{margin: 8px 0;}
#service-container span.default-title{font-weight: 700; display: block; padding-bottom: 5px;}
#service-container span.default-info{color: #888; display: block;}
#service-container div.content2{position: fixed; width: 100%; height: 50px; line-height: 50px; bottom: 0; left: 50%; transform: translateX(-50%); background: #33cccc; color: #fff; z-index: 1000;}
#service-container div.content2 a.serviceBtn{display: block; width: 100%; height: 100%; line-height: 50px; color: #fff; font-size: 15px; font-weight: 900; text-align: center;}
/* #service-write */
#service-write-container{width: 100%; margin-bottom: 50px;}
#service-write-container div.content1{width: 100%; padding: 0 20px; margin-bottom: 25px;}
#service-write-container div.write-title{width: 100%; margin: 15px auto 10px;}
#service-write-container div.write-title input[type="text"]{display: block; width: 100%; min-height: 46px; line-height: 46px; border: 1px solid #dfdfdf; border-radius: 4px; padding: 0 20px;}
#service-write-container div.write-title input[type="text"]::placeholder{color: #c4c4c4;}
#service-write-container div.write-textarea{width: 100%;}
#service-write-container div.write-textarea textarea{width: 100%; height: 260px; padding: 20px; border: 1px solid #dfdfdf; border-radius: 4px; resize: none;}
#service-write-container div.write-textarea textarea::placeholder{color: #c4c4c4;}
#service-write-container div.content2{width: 100%; padding: 0 20px;}
#service-write-container div.content2 h2{font-weight: 700; color: #666;}
#service-write-container div.content2 span.imgRegister-wrap{display: block; width: 100%; padding: 10px 0 25px;}
#service-write-container div.content2 span.imgRegister-section{display: block; width: calc((100% - 40px) / 5); margin-right: 10px; margin-bottom: 10px; float: left;}
#service-write-container div.content2 span.imgRegister-section:nth-of-type(5n){margin-right: 0;}
#service-write-container div.content2 a.default{display: block; width: 100%; height: 100%; border-radius: 4px;}
#service-write-container div.content2 span.upload-wrap{position: relative;}
#service-write-container div.content2 a.upload{display: block; width: 100%; height: 100%; border-radius: 4px; border: 1px solid #dfdfdf;}
#service-write-container div.content2 a.uploadClose{position: absolute; display: block; width: 14px; height: 14px; top: -4px; right: -4px; border-radius: 50%;}
#service-write-container div.content2 a.uploadClose img{display: block; width: 100%; height: 100%; object-fit: cover;}
#service-write-container div.content3{width: 100%; padding: 25px 20px 0;}
#service-write-container div.content3-writeSection{float: left; width: calc(100% - 40px); height: 80px;}
#service-write-container div.content3-writeSection span.titleSecton{font-size: 13px; font-weight: 700; color: #666; display: block; margin-bottom: 7px;}
#service-write-container div.content3-writeSection span.textSection{font-size: 13px; font-weight: 400; color: #c4c4c4; display: block; word-break: keep-all;}
#service-write-container div.content3-radioSection{float: left; width: 40px; height: 80px; position: relative; padding: 0;}
#service-write-container div.content3-radioSection input[type="checkbox"].checkboxdesign{position: absolute;}
#service-write-container div.content3-radioSection input[type="checkbox"].checkboxdesign + label{display: block; width: 100%; height: 80px; padding: 0;}
#service-write-container div.content3-radioSection input[type="checkbox"].checkboxdesign + label::after{left: auto; right: 0;}
#service-write-container 
/* #join-membership-container */
#join-membership-container{width: 100%; /*min-height: calc(100vh - 135px);*/ margin-bottom: 50px;}
#join-membership-container div.register{width: 100%; margin: 0 auto; padding: 30px 20px 100px;}
#join-membership-container div.table-box{margin: 0; padding: 0; background-color: transparent; border-radius: 0; box-shadow: none; border: none;}
#join-membership-container div.table-body{width: 100%; height: auto;}
#join-membership-container div.table-body ul{display: block; width: 100%; height: auto;}
#join-membership-container li.table-list{display: block; width: 100%; padding-bottom: 10px;}
#join-membership-container div.table-body span.section-left{float: left; width: calc(100% - 100px);}
#join-membership-container input[type="text"],#join-membership-container input[type="email"],#join-membership-container input[type="password"],#join-membership-container input[type="tel"]{display: block; width: 100%; height: 46px; line-height: 46px; border: 1px solid #dfdfdf; border-radius: 4px; padding-left: 10px;color:#333;}
#join-membership-container input[type="text"]::placeholder,#join-membership-container input[type="email"]::placeholder,#join-membership-container input[type="password"]::placeholder,#join-membership-container input[type="tel"]::placeholder{font-size: 13px; color: #c4c4c4; letter-spacing: -0.5px;}
input[type="password"] {font-family:'Arial';}
#join-membership-container div.table-body span.section-right{float: left; display: block; width: 100px; height: 46px; line-height: 46px; padding-left: 10px;}
#join-membership-container div.table-body span.section-right a{display: block; width: 100%; height: 100%; border-radius: 23px; background: #33cccc; color: #fff; font-weight: 700; text-align: center;}
#join-membership-container div.table-body span.alert-visible{display: block; width: 100%; height: 30px; line-height: 30px; color: #666; font-size: 12px; margin-left: 10px; padding-left: 20px; position: relative;}
#join-membership-container div.table-body span.alert-visible::after{position: absolute; content: ''; width: 15px; height: 15px; background: url(../../../../img/ico-notice.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 0; transform: translateY(-50%);}
#join-membership-container div.table-body span.genderSection{padding: 0; margin-left: 10px; width: 90px; border: 1px solid #dfdfdf; border-radius: 4px; position: relative;}
#join-membership-container div.table-body span.genderSection input[type="radio"]{position: absolute; left: -9999px;}
#join-membership-container div.table-body span.genderSection label.genderLabel{float: left; width: 50%; height: 100%; text-align: center; color: #c4c4c4; background: #fff;}
#join-membership-container div.table-body span.genderSection label.genderLabel:nth-of-type(1){border-right: 1px solid #dfdfdf;}
#join-membership-container div.table-body span.genderSection input[type="radio"]:checked + label.genderLabel{color: #33cccc; background: #D5FFFF;}
#join-membership-container li.btnJoin-wrap{position: fixed; display: block; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 15px; font-weight: 700; text-align: center; background-color: #33cccc; bottom: 50px; left: 50%; transform: translateX(-50%);}
#join-membership-container li.btnJoin-wrap span{display: block; width: 100%; height: 100%;}
#join-membership-container li.btnJoin-wrap span a{display: block; width: 100%; height: 100%;}
/* #agreement-membership-container */
#agreement-membership-container{width: 100%; /*min-height: calc(100vh - 135px);*/ margin-bottom: 50px;}
#agreement-membership-container div.provision{width: 100%;}
#agreement-membership-container div.table-box{margin: 0; background-color: transparent; border-radius: 0; box-shadow: none; border: none;}
#agreement-membership-container ol.registeragree{padding: 20px 25px; border: none;}
#agreement-membership-container .table-body textarea{padding: 10px; margin: 0; background: #F3F3F3; font-size: 14px; width: 100%; border: none; resize:none; font-size: 13px; color: #666; width: 100%; height: calc((100vh - 440px) / 2); border-radius: 0;}
#agreement-membership-container p.registeragree-title{font-size: 18px; font-weight: 900; padding-bottom: 10px;}
#agreement-membership-container p.registeragree-title em{font-size: 14px; font-weight: 700; color: #33CCCC;}
#agreement-membership-container .registeragree li.registeragree-list{margin: 0 auto 30px;}
#agreement-membership-container div.registeragree-checkbox{margin-left: 22px; min-height: 40px; line-height: 40px; padding: 0; position: relative;}
#agreement-membership-container li.registeragree-list input[type="checkbox"].checkboxdesign{position: absolute; left: -9999px;}
#agreement-membership-container li.registeragree-list label{display: block; padding-left: 13px; font-weight: 600; position: relative;}
#agreement-membership-container li.btnJoin-wrap{margin-top: 15px; margin-bottom: 0; }
#agreement-membership-container li.btnJoin-wrap button{display: block; width: 100%; height: 50px; line-height: 50px; font-size: 15px; font-weight: 700; color: #fff; text-align: center; border-radius: 25px; background: #33CCCC; border: none; padding: 0;}
#agreement-membership-container input[type="checkbox"].checkboxdesign ~ label.error{position: absolute; top: 20px; left: 0;}
#agreement-membership-container input[type="checkbox"].checkboxdesign ~ label.error::after{display: none;}
#agreement-membership-container input[type="checkbox"].checkboxdesign ~ label.agreelabel::after{position: absolute; content: ''; width: 22px; height: 22px; background: url(../../../../img/ico-checkbox-uncheck.png) no-repeat 50% 50%; background-size: cover; top: 50%; transform: translateY(-50%); left: -15px;}
#agreement-membership-container input[type="checkbox"].checkboxdesign:checked ~ label.agreelabel::after{background: url(../../../../img/ico-checkbox-check.png) no-repeat 50% 50%; background-size: cover;}
/* findaccount-container */
#findaccount-container.findarea{width: 100%;}
#findaccount-container .table-box{margin: 0; background-color: transparent; border-radius: 0; box-shadow: none; border: none;}
#findaccount-container .table-box .table-heading{background-color: transparent; border-radius: 0; padding: 0; border-top-right-radius:0;}
/* addInfo-wrap */
#addInfo-wrap{position: fixed; top: 100vh; width: 100vw; height: 100vh; background: #fff; transition: all .3s ease-in-out; opacity: 0;}
#addInfo-wrap.on{top: 0; transition: all .3s ease-in-out; opacity: 1;}
#addInfo-wrap .addInfo-header{width: 100%; height: 66px; line-height: 66px; position: relative; text-align: center; font-size: 18px; font-weight: 900; color: #333; border-bottom: 1px solid #dfdfdf;}
#addInfo-wrap .addInfo-header .btnClose-wrap{position: absolute; display: inline-block; width: 40px; height: 40px; top: 50%; right: 20px; transform: translateY(-50%);}
#addInfo-wrap .addInfo-header .btnClose{display: block; width: 100%; height: 100%;}
#addInfo-wrap .addInfo-header .btnClose a{position: relative; display: block; width: 100%; height: 100%;}
#addInfo-wrap .addInfo-header .btnClose a::after{position: absolute; content: ''; width: 19px; height: 19px; background: url(../../../../img/closesmall.png) no-repeat 50% 50%; background-size: cover; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#addInfo-wrap .addInfo-container{text-align: center; width: 100%; padding: 0 20px; position: relative;}
#addInfo-wrap .addInfo-container .text{display: block; width: 100%; margin: 0 auto; color: #666; text-align: center; padding: 30px 0;}
#addInfo-wrap .input-wrap{display: block; margin-bottom: 10px; position: relative;}
#addInfo-wrap input[type="text"]{display: block; width: 100%; height: 46px; border: 1px solid #dfdfdf; padding: 0 40px 0 20px;}
#addInfo-wrap span.subtext{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); color: #33cccc;}
#addInfo-wrap span.btn-submit{display: block; width: 100%; height: 50px; line-height: 50px; margin-top: 20px; border-radius: 25px;}
#addInfo-wrap span.btn-submit a{display: block; width: 100%; height: 100%; background: #33cccc; color: #fff; font-weight: 700; font-size: 15px; text-align: center; border-radius: 25px;}
#addInfo-wrap span.btn-pass{position: absolute; display: inline-block; bottom: -50px; right: 20px; color: #bbb; height: 40px; line-height: 40px;}
#addInfo-wrap span.btn-pass a{display: block; width: 100%; height: 100%; color: #bbb; position: relative;}
#addInfo-wrap span.btn-pass a::after{position: absolute; content: ''; width: 100%; height: 1px; bottom: 10px; left: 0; background-color: #bbb;}

.commentBox {position: fixed; width: 100%; height: 50px; padding: 5px 15px; background-color: #dfdfdf; left: 0; bottom: 0; z-index: 1000;}
.commentBox .reviewUp-wrap{width: 100%; height: 100%; position: relative;}
.commentBox input[type="text"].reviewUp{width: 100%; height: 100%; background-color: #fff; border-radius: 20px; border: none; padding: 0 20px;}
.commentBox input[type="text"].reviewUp::placeholder{color: #888888; font-size: 14px;}
.commentBox a.reviewUpBtn{position: absolute; display: block; width: 36px; height: 36px; top: 50%; right: 2px; transform: translateY(-50%); background: url(../../../../img/ico-review-up.png) no-repeat 50% 50%; background-size: cover;}

.commentList {position:relative;margin-bottom: 65px; padding: 0 20px 0;height:100vh;}
.cmtPop .commentList {height:auto;margin-bottom:0;}
.commentList div.content3-closeBtn{position: absolute; top: -40px; right: 5px; width: 40px; height: 40px;}
.commentList div.content3-closeBtn span{display: block; width: 100%; height: 100%; position: relative;}
.commentList div.content3-closeBtn img{width: 14px; height: 14px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.commentList span.reviewTotalNum-wrap{font-size: 13px; font-weight: 900; color: #333; display: block;}
.commentList span.reviewTotalNum-wrap em{display: inline-block; font-size: 13px; font-weight: 900; color: #33cccc;}
.commentList ul{margin-top: 15px;}
.commentList li.reviewTextList{display: block; width: 100%; margin-bottom: 15px;}
.commentList li.reviewTextList span.userImg{float: left; width: 40px;}
.commentList li.reviewTextList span.userImg img{display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #dfdfdf; object-fit: cover;}
.commentList li.reviewTextList span.reviewText-wrap{float: left; width: calc(100% - 40px); padding-left: 10px; padding-right: 15px; position: relative;}
.commentList li.reviewTextList span.reviewText-area{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; max-height: 88px; overflow: hidden;}
.commentList li.reviewTextList span.userId{font-size: 13px; font-weight: 700; padding-right: 5px;}
.commentList li.reviewTextList span.reviewText{font-size: 13px; font-weight: 600; color: #666;}
.commentList li.reviewTextList span.reviewprevTimne-wrap{display: block; font-size: 11px; font-weight: 600; color: #bcbcbc; margin-top: 5px;}

.linkAll {position:relative;}
.linkAll:after {content:'';
    position: absolute;
    right: 10px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #33CCCC;
    clear: both;}
div.cateList {display:none;position:absolute;left:0;bottom:-243px;width:20%;z-index:9999;border:1px solid #eee;}
.cateList li {display:block;width:100% !important;background:#fff;border-bottom:1px solid #eee;}

#shop-container-slider2 .swiper-slide {margin-right:20px;}
#shop-container-slider3 .product-wrap {margin-right:0px;}
#shop-container-slider3 .swiper-slide {margin-right:20px;}

.mfp-arrow-left {display:none !important;}
.mfp-arrow-right {display:none !important;}