:root{
	--container-width : 0px;
	--header--height : 55px;
	--footer--height : 65px;
	--max--width: 650px
}
/* ---------------------------------------------------------------------
*0. Common
* --------------------------------------------------------------------- */

*{margin: 0;padding: 0; font-family: 'Roboto', 'Noto Sans KR', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif; text-decoration: none; list-style: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust: none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{font-size:10px;}
body{font-size: 12px; background:#100f0e; color:#fff;}
i{font-style:normal;}
a{color: #fff}
body{font-size: 12px; background:#fff; color:#303038;}
a{color: #303038}
.noDrag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}



/*FORM RESET*/
input{border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
input[type=email], input[type=text], input[type=password], input[type=tel], input[type=file], textarea {margin:0; padding:0; border: 1px solid #ddd; resize:none; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; height:26px; padding:0 4px; line-height: 1.5;}
input, img{vertical-align:middle;}
input[type=file]{border:0; padding:0;}
input[type=button], input[type=submit], button{padding:0; color:inherit; font-family:inherit; border:0; background:none; vertical-align:middle; cursor:pointer; font-weight:inherit;}
label{font-family:inherit;}
textarea{width:100%; height:100px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:4px; line-height:1.3;}

input:focus{outline: none; border: 1px solid #e95318;}

input[type=text]::-ms-clear{display: none;}
select{appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; border: 1px solid #ccc; padding: 8px 10px; padding-right: 25px; background: #fff no-repeat center right 8px/6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E");}
select::-ms-expand {display:none}

input[type=email], input[type=text], input[type=password], input[type=tel], input[type=file], textarea{border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; height:32px; line-height:30px; background:#222; color: #fff}
input::placeholder, textarea::placeholder{color:#777;} textarea::-ms-input-placeholder{color:#777;} textarea::-webkit-input-placeholder{color:#777;}
.hidden, .hide{display:none;}

.sBtn{display:inline-block; vertical-align: middle; padding:0 10px; margin:0 1px; height:21px;}
.mBtn{display:inline-block; vertical-align: middle; text-align:center; height: 40px; line-height: 40px; font-size: 13px; padding: 0 10px;}
.eBtn{display:inline-block; vertical-align: middle; text-align:center; height: 50px; line-height: 50px; font-size: 18px; padding: 0 10px;}
.bBtn{display:inline-block; vertical-align: middle; text-align:center; font-size: 25px; height: 65px; line-height: 65px; font-weight: 400;}
.wBtn{width: 100%;}
.rBtn{border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; padding: 0 15px;}
.iBtn::before{content: ""; display: inline-block; background: no-repeat center center/contain; vertical-align: middle; margin-right: 10px;}

.oiBtn{display: inline-block; vertical-align: middle; overflow: hidden; font-size: 0; line-height: 9; background: no-repeat center center/contain;}
.oiBtn.search{width: 21px; height: 21px; background-image: url('/Skin/img/icon/serach-white.svg');}
.oiBtn.user{width: 21px; height: 21px; background-image: url('/Skin/img/icon/user-line-white.svg');}
.oiBtn.alram{width: 21px; height: 21px; background-image: url('/Skin/img/icon/alram.svg');}
.oiBtn.fullScreen{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M24 9h-4v-5h-5v-4h9v9zm-9 15v-4h5v-5h4v9h-9zm-15-9h4v5h5v4h-9v-9zm9-15v4h-5v5h-4v-9h9z'/%3E%3C/svg%3E");}

.sColor1{background-color: #e95318; color: #fff}
.sColor1:hover{background-color: #f66329;}
.sColorG{background-color: #605654; color: #fff}
.sColorG:hover{background-color: #645b59;}

.bColor1{border: 1px solid #e95318; color: #e95318}
.bColorF{border: 1px solid #fff; color: #fff}
.bColorF:hover{background: rgba(255, 255, 255, 0.2);}
.bColorG{border: 1px solid #999; color: #999}

p.alert{padding-bottom:20px; color:#e00;}
.blue{color:#38E;}
.gray{color:#999;}

.modalConfirm{position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:#999; background:rgba(0,0,0,0.1); color: #333;}
.modalConfirm form{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; position:absolute; top:50%; left:50%; width:300px; padding:20px; margin:-80px 0 0 -150px; border:2px solid #333; background:#fff; text-align:center;}
.modalConfirm p{font-weight:700; padding-bottom:15px; font-size: 16px;}
.modalConfirm .sBtn{height: auto; padding: 10px; min-width: 100px;}
.modalConfirm button[type="submit"]{background-color: #e95318; color: #fff}
.modalConfirm button[type="reset"]{border: 1px solid #e95318; color: #e95318}
.modalConfirm .sPopBtns{padding-top:1.0rem;}

.nothing{text-align:center; color:#999; padding:100px 0; font-size: 16px;}
ul.guide{padding-top:5px; color:#999;}

.modal_layer{position:fixed; z-index: 999; top:0; left:0; z-index:5000; display:none; width:100%; height:100%; background:rgba(51,51,51,0.3);}
.modal_layer .modal_wrap{position:fixed; top:50%; left:50%; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:2; padding-top:50px; max-width: 90%; max-height: 95vh; border: 1px solid #333; border-top: 4px solid #e95318; background:#000; -webkit-box-shadow:2px 2px 4px rgba(51,51,102,0.2); -moz-box-shadow:2px 2px 4px rgba(51,51,102,0.2); box-shadow:2px 2px 4px rgba(51,51,102,0.2); overflow-y: auto;}
.modal_layer .modal_wrap {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.modal_layer .modal_wrap::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.modal_layer .modal_header{position:absolute; top:0; left:0; width:100%; height:50px; background:#000;}
.modal_layer .modal_header h1{padding:10px 80px 10px 20px; height:100%; font-size:15px; font-weight:400; color:white; overflow:hidden; line-height:30px;}
.modal_layer .modal_header .close{position: absolute; right: 10px; top: 0; height: 100%; width: 30px; background: no-repeat center center/50%; background-image: url('/Skin/img/icon/close-gray.svg'); font-size: 0; color: transparent;}
.modal_layer .submit_btn button{height:40px; font-size:14px; width:100px;}
.modal_layer .modal_contents{height:100%; overflow-y:auto;}

.styleModal{background:rgba(0,0,0,0.3);}
.styleModal .modal_wrap{background: #000; border:0; border-top: 4px solid #e95318; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.styleModal .modal_header{background: none;}
.styleModal .modal_header h1{display: none;}
.styleModal .modal_contents header{text-align: center; margin-bottom: 40px;}
.styleModal .modal_contents header h3{color: #fff; font-size: 22px; font-weight: 400; margin-top: 20px; text-align: center;}
.styleModal .modal_contents .btnArea{margin-top: 20px; display: flex; align-items: center; flex-wrap: wrap}
.styleModal .modal_contents .btnArea .mBtn{flex: 1;}
.styleModal .modal_contents .btnArea .mBtn + .mBtn{margin-left: 10px;}

.fullModal{background: rgba(0,0,0,.8); z-index: 99;}
.fullModal .modal_wrap{width: 100%; max-width: inherit; background: none;}
.fullModal .modal_header{background: none;}
.fullModal .modal_header h1{display: none;}
.fullModal .modal_contents > header{text-align: left; margin-bottom: 20px;}
.fullModal .modal_contents > header h3{color: #fff; font-size: 22px; font-weight: 400; margin-top: 20px;}
.fullModal .modal_contents .btnArea{margin-top: 20px; text-align: center;}
.fullModal .modal_contents .btnArea .mBtn{min-width: 250px;}
    
#search.modal_layer .modal_wrap{padding-top: 100px;}
#search.modal_layer .modal_header .close{top: 100px; right: 20px;}

label.checkbox{}
label.checkbox input{display: none;}
label.checkbox span::before{content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 13px; height: 13px; background: #252121 no-repeat center center/60%; background-image: url('/Skin/img/icon/check-fff.svg');}
label.checkbox input:checked ~ span{color: #fff}
label.checkbox input:checked ~ span:before{background-color: #e95318; background-image: url('/Skin/img/icon/check-fff.svg');}

label.checkboxF{}
label.checkboxF input{display: none;}
label.checkboxF span::before{content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 20px; height: 20px; border: 1px solid #fff; background: no-repeat center center/60%;}
label.checkboxF input:checked ~ span{color: #fff}
label.checkboxF input:checked ~ span:before{background-color: #e95318; background-image: url('/Skin/img/icon/check-fff.svg');}

label.radio{position:relative;}
label.radio input{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
label.radio span::before{content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: 5px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border: 1px solid #fff;}
label.radio input:checked ~ span::before{-webkit-box-shadow:0 0 0 3px #333 inset; -moz-box-shadow:0 0 0 3px #333 inset; box-shadow:0 0 0 3px #333 inset; background: #fff;}

.boxCheck{}
.boxCheck input{display: none;}
.boxCheck span::after{content: ""; display: inline-block; vertical-align: middle; margin-left: 10px; width: 13px; height: 13px; background: #252121 no-repeat center center/60%; background-image: url('/Skin/img/icon/check-fff.svg');}
.boxCheck input:checked ~ span{background: #fff; color: #333}
.boxCheck input:checked ~ span::after{background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 22l-10-10.598 2.798-2.859 7.149 7.473 13.144-14.016 2.909 2.806z'/%3E%3C/svg%3E");}
.BH_Popup{position:absolute; top:0; left:0; z-index: 999; border:1px solid #444; max-width: 90%;}
.BH_PopupContent{overflow-y:auto; overflow-x:hidden; max-width: 100%; max-height: 85vh}
.BH_PopupBtns{line-height:21px; color:white; font-size:12px; background: #222;}
.BH_PopupBtns a{cursor:pointer; color: #888}
.BH_PopupBtns:after{content:' '; display:block; clear:both;}
.BH_PopupTodayClose{float:left; display:block; padding:5px 10px;}
.BH_PopupClose{float:right; display:block; padding:5px 10px;}
.BH_Popup img{max-width:100%;}


/* ---------------------------------------------------------------------
*paging
* --------------------------------------------------------------------- */

.paging{text-align: center;}
.paging > *{display: inline-block; vertical-align: middle; min-width: 30px; height: 40px; line-height: 38px; /*color: #fff*/color: black; padding: 0 8px; cursor: pointer; background: no-repeat center center/30%;}
.paging > *:not(strong):hover{background-color: rgba(255, 255, 255, 0.1);}
.paging strong{color: #e95318}
.paging .prevp,.paging .nextp{display: none;}
.paging .first,.paging .prev,.paging .next,.paging .last{overflow: hidden; font-size: 0; color: transparent; line-height: 9; opacity: .6;}
.paging .first{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M4 2v20h-2v-20h2zm18 0l-16 10 16 10v-20z'/%3E%3C/svg%3E");}
.paging .prev{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'/%3E%3C/svg%3E");}
.paging .last{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M19 12l-18 12v-24l18 12zm4-11h-4v22h4v-22z'/%3E%3C/svg%3E");}
.paging .next{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'/%3E%3C/svg%3E");}


/* star */

.star-ic *{width: 22px; height: 22px; display:inline-block; vertical-align:middle; background: no-repeat center center/contain;}
.star-ic b{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 163.626 155.618' style='enable-background:new 0 0 163.626 155.618;' xml:space='preserve'%3E%3Cpolygon style='fill:%23FFFFFF;' points='81.812,0.001 56.531,51.226 0,59.442 40.907,99.315 31.25,155.618 81.812,129.036 132.375,155.618 122.719,99.315 163.625,59.442 107.094,51.226 81.813,0.001 '/%3E%3C/svg%3E");}
.star-ic i{background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='&%23xB808;&%23xC774;&%23xC5B4;_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 163.626 155.618' style='enable-background:new 0 0 163.626 155.618;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M81.813,6.779l22.591,45.774l0.698,1.414l1.561,0.227l50.516,7.342l-36.553,35.63l-1.129,1.101 l0.267,1.554l8.629,50.312L83.208,126.38l-1.396-0.734l-1.396,0.734l-45.182,23.753l8.629-50.312l0.267-1.555l-1.129-1.101 L6.447,61.536l50.516-7.342l1.561-0.227l0.698-1.414L81.813,6.779 M81.813,0.001h-0.001L56.531,51.226L0,59.442l40.907,39.873 l-9.657,56.303l50.562-26.582l50.563,26.582l-9.656-56.303l40.906-39.873l-56.531-8.216L81.813,0.001L81.813,0.001z'/%3E%3C/g%3E%3C/svg%3E%0A");}

.selectBox{display: inline-block; position: relative; font-size: 13px;}
.selectBox .selected{display: block; line-height: 30px; height: 30px; border: 1px solid #fff; text-align: left; padding: 0 10px; padding-right: 40px; background: rgba(255, 255, 255, 0.1); font-weight: 300; min-width: 100px;}
.selectBox .selected::after{content: ""; display: inline-block; width: 28px; height: 28px; border: 1px solid #fff; position: absolute; right: 0; top: 0; background: #959b9d no-repeat center center/30%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='7px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M0.002,0.020 C1.662,1.734 3.320,3.447 4.988,5.170 C6.652,3.440 8.306,1.718 9.961,-0.004 C9.972,0.004 9.983,0.011 9.995,0.018 C9.997,0.038 10.002,0.058 10.002,0.078 C9.993,1.090 9.984,0.733 9.970,1.745 C9.969,1.808 9.941,1.887 9.899,1.931 C8.286,3.606 6.671,5.277 5.056,6.949 C5.041,6.965 5.024,6.980 5.000,7.003 C4.972,6.977 4.942,6.954 4.916,6.927 C3.306,5.256 1.696,3.585 0.088,1.912 C0.050,1.872 0.013,1.807 0.013,1.754 C0.005,0.733 0.002,1.081 -0.002,0.059 C-0.002,0.043 0.001,0.027 0.002,0.020 Z'/%3E%3C/svg%3E");}
.selectBox select{position: absolute; height: 30px; width: 100%; left: 0; top: 0; opacity: 0;}


/* ---------------------------------------------------------------------
*1. wrap & header & footer
* --------------------------------------------------------------------- */
#wrap{margin: 0 auto; }

#header{position: fixed; z-index: 999; top: 0; left: 0; width: 100%;}
#header .header-inner{padding: 20px 0; margin: 20px 0; background: rgba(0, 0, 0, 0.5);}
#header .header-inner .inner{display: flex;}
#header .header-inner .header-left{display: flex; align-items: center;}
#header .header-inner .header-right{margin-left: auto; display: flex; align-items: center;}
#header .header-inner .header-right > * + *{margin-left: 20px;}
#header .header-inner .header-right .oiBtn.search{opacity: .5}
#header .header-inner .header-right .alramBtn{opacity: .5}

#header .mobileHeaderView{display: none;}

#header .bars{display: none; margin-right: 40px;}
#header .bars img{height: 20px;}
#header .logo{display: inline-block; vertical-align: middle; margin-right: 75px;}
#header .logo img{height: 35px;}
#header #gnb{display: inline-block;}
#header #gnb > li{display: inline-block; vertical-align: middle; position: relative;}
#header #gnb > li + li{margin-left: 50px;}
#header #gnb > li > a{color: #fff; font-size: 17px; font-weight: 300; display: block; padding: 10px 0;}
#header #gnb > li > a:hover{color: #e95318}

#header #gnb > li > ul{display: none; position: absolute; left: 50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); top: 45px; background: #000; border: 1px solid #333;}
#header #gnb > li > ul li{padding: 5px 10px; min-width: 150px;}
#header #gnb > li > ul li + li{border-top: 1px solid #444;}
#header #gnb > li > ul li:hover{background: #111;}
#header #gnb > li > ul li:hover a{color: #e95318}
#header #gnb > li > ul li a{display: block; white-space: nowrap; font-size: 13px; color: #fff; line-height: 45px; padding: 0 10px; font-size: 14px; font-weight: 400;}

#header #gnb > li:hover ul{display: block;}

#header .searchArea{position: relative;}
#header .searchArea .searchOpen{}
#header .search-field{display: none; min-width: 200px; border: 1px solid #fff; background: rgba(255, 255, 255, 0.1); padding: 0 5px;}
#header .search-field input{appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-progress-appearance: none; color: #fff; background: none; border: none}
#header .search-field .oiBtn{margin: 0 5px;}

#header .alramArea{position: relative;}
#header .alramArea .alramBtn{display: inline-block; position: relative;}
#header .alramArea .alramBtn::before{content: ""; display: inline-block; background: no-repeat center center/contain; width: 21px; height: 21px; background-image: url('/Skin/img/icon/alram.svg');}
#header .alramArea .alramBtn .num{position: absolute; right: -7px; top: -7px; background: #e95318; color: #fff; font-size: 10px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding: 0 2px; border: 1px solid #fff; min-width: 20px; height: 20px; line-height: 18px; text-align: center;}

#header .classSubject{display: inline-flex; vertical-align: middle; align-items: center; line-height: 1; font-size: 17px;}
#header .classSubject .cate{font-size: 12px; background: #e95318; display: inline-block; padding: 3px 10px; margin-right: 10px;}
#header .classSubject .tutor{border-left: 1px solid #fff; padding-left: 10px; margin-left: 10px;}
#header .userCount{display: inline-flex; vertical-align: middle; align-items: center; font-size: 17px; margin-left: 30px;}
#header .userCount::before{content: ""; display: inline-block; margin-right: 10px; width: 15px; height: 15px; background: no-repeat center center/contain; background-image: url('/Skin/img/icon/user-line-red.svg');}
#header .userCount span.current{color: #e95318}
#header .userCount span + span::before{content: "/"; margin: 0 5px;}
#header .classOut{font-size: 14px; color: #ccc; display: inline-flex; align-items: center;}
#header .classOut::after{content: ""; margin-left: 10px; width: 10px; height: 10px; background: no-repeat center center/contain; background-image: url('/Skin/img/icon/close.svg');}

#headerCloseBtn {
    position: absolute;
    display: flex;
    aspect-ratio: 1;
    height: 100%;
    top: 0px;
    right: 0px;
    align-items: center;
    justify-content: center;
    font-size: 15pt;
    font-family: sans-serif;
    font-weight: bold;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select:none;
    cursor: pointer;
}

/* 탭 */

/* 알림 자세히보기 */
#header .alramArea .alramListArea{display: none; position: absolute; top: 40px; right: 0; z-index: 9; background: #181716; width: 300px; height: 395px;}
.alramListArea .countNum{position: absolute;}
.alramListArea .oiBtn.close{display: none; position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; background-image: url('/Skin/img/icon/close.svg'); opacity: .6;}
.alramListArea .tab{font-size: 16px; display: flex; text-align: center;}
.alramListArea .tab li{width: 50%; border-bottom: 3px solid transparent;}
.alramListArea .tab li.active{border-color: #e95318;}
.alramListArea .tab li a{color: #505151; display: block; line-height: 40px;}
.alramListArea .tab li a .num{display: none; background: #e95318; color: #fff; border: 1px solid #fff; font-size: 13px; font-weight: 600; min-width: 20px; height: 20px; line-height: 17px; text-align: center; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; position: absolute; top: -10px; padding: 0 5px;}
.alramListArea .tab li:nth-child(1) a .num{left: -10px;}
.alramListArea .tab li:nth-child(2) a .num{right: -10px;}
.alramListArea .tab li.active a{color: #e95318; font-weight: 700;}
.alramListArea .tab li.active a .num{display: block;}
.alramListArea .tabBox{z-index: -1; opacity: 0; position: absolute; top: 40px; left: 0; width: 100%;}
.alramListArea .tabBox.active{z-index: 1; opacity: 1;}
.alramListArea .listBox{padding: 10px; height: 350px; letter-spacing: -0.05em;}
.alramListArea .listBox section > h4{font-size: 12px; color: #858483; border: 1px solid #858483; padding: 2px 5px; margin: 5px 0; font-weight: 300;}
.alramListArea .listBox article{padding: 5px 0;}
.alramListArea .listBox article:after{content:''; display:block; clear:both;}
.alramListArea .listBox article + article{border-top: 1px solid rgba(204, 204, 204, 0.4);}
.alramListArea .listBox article h5{color: #fff; font-size: 12px; font-weight: 300;}
.alramListArea .listBox article .txt{color: #fff; font-size: 13px; font-weight: 100;}
.alramListArea .listBox article .link{display: inline-block; text-decoration: underline; color: #e95318; font-weight: 400;margin-top: 10px;float:right}
.alramListArea .listBox article .link::after{content: "→";}

#header .profile{position: relative;}
#header .profile .profileBtn{display: inline-block;}
#header .profile .profileBtn::after{content: ""; display: inline-block; vertical-align: top; width: 14px; height: 30px; margin-left: 10px; background: no-repeat center center/contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M7.706,9.129 L0.544,1.041 L1.253,0.240 L7.706,7.526 L14.294,0.089 L15.003,0.890 L7.706,9.129 Z'/%3E%3C/svg%3E");}
#header .profile .profileBtn .profileBox{display: inline-block; width: 30px; height: 30px; background: #e95318 no-repeat center center/50%; background-image: url('/Skin/img/icon/user-line-black.svg'); border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}
#header .profile .profileBtn .profileBox i{display: block; width: 100%; height: 100%; background: no-repeat center center/cover; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}

#header .profile:hover .myLink{display: block;}
#header .profile .myLink{display: none; position: absolute; top: 20px; right: 0; padding-top: 30px;}
#header .profile .myLink ul{background: #000; padding: 0 20px; border: 1px solid #333;}
#header .profile .myLink ul li + li{border-top: 1px solid #333;}
#header .profile .myLink ul li a{display: block; white-space: nowrap; font-size: 13px; color: #fff; line-height: 45px; padding: 0 10px;}
#header .profile .myLink ul li a:hover{color: #e95318}
#header .profile .myLink ul li a::before{content: ""; display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: no-repeat center center/contain; margin-right: 10px;}
#header .profile .myLink ul li a.my::before{background-image: url('/Skin/img/icon/user-line-red.svg');}
#header .profile .myLink ul li a.logout::before{background-image: url('/Skin/img/icon/logout.svg');}

.mFullMenu{display: none; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; background: rgba(0, 0, 0, 0.9);}
.mGnbWrapper{display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
.mGnbWrapper .mGnbClose{position: absolute; right: 20px; top: 20px;}
.mGnbWrapper .mGnbClose img{height: 25px;}
#mGnb{text-align: center;}
#mGnb > li{padding: 20px 0;}
#mGnb > li > a{color: #fff; font-size: 24px;}
#mGnb > li > ul{margin-top: 10px;}
#mGnb > li > ul li{padding: 5px 0;}
#mGnb > li > ul li a{font-size: 20px; font-weight: 100;}


/* footer **********************************************************************/
#footer{padding: 25px 0; font-size: 14px; color: #aaa; font-weight: 100; line-height: 1.5;font-size: 12px;
max-width: var(--max--width); margin: 0 auto;}
#footer .inner-s{padding: 0 5px; margin: 0; width:100%}
#footer .infoTxt .logo{margin-bottom: 20px;}
#footer .infoTxt .logo .mail{display: inline-block; vertical-align: middle; font-size: 18px; margin: 0 10px;}
#footer .infoTxt .info{font-size: 15px; font-weight: 400;}
#footer .infoTxt .bar  + .bar{margin-top: 5px;}
#footer .infoTxt .bar li{display: inline-block;}
#footer .infoTxt .bar li + li::before{content: "|"; margin: 0 10px; font-weight: 100;}
#footer .infoTxt .bar li b{font-weight: 400; margin-right: 5px;}
#footer .infoTxt .bar li a{color: #aaa}
#footer .infoTxt .guide{margin-top: 10px;}
#footer .infoTxt .copyright{color: #666; margin-top: 10px;}
.CompanyName{
margin-bottom: 10px;
}

/*
 sns 로그인
*/

/*
.snsLoginBtns{text-align: center; padding: 15px; background: rgba(255,255,255,.1); margin-top: 20px; border-radius: 5px; }
.snsLoginBtns h4{margin-bottom: 10px; font-weight: 400; color: #ccc; font-size: 13px;}
.snsLoginBtns button{font-weight: 300; font-size: 0; color: #ccc}
.snsLoginBtns button + button{margin-left: 20px;}
.snsLoginBtns button::before{content: ""; display: block; width: 40px; height: 40px; border-radius: 5px; background:  no-repeat center center/60%; margin: 10px auto;}
.snsLoginBtns button.kakao::before{background-image: url('/Skin/img/kakao-txt-logo.svg'); background-color: #FEE500;}
.snsLoginBtns button.naver::before{background-image: url('/Skin/img/icon/naver-icon.svg'); background-color: #1dc800;}
*/
.snsLoginBtns button{display: block; border: 1px solid #000; border: 1px solid #bbb; color: #bbb; height: 40px; width:100%; line-height: 40px; position: relative; text-align: center; padding: 0 50px;}
.snsLoginBtns button + button{margin-top: 5px;}
.snsLoginBtns button::before{content: ""; display: inline-block; height: 100%; width: 40px; background: #222 no-repeat center center/55%; position: absolute; left: 0; top: 0;}

.snsLoginBtns button.kakao::before{background-image: url('/Skin/img/kakao-txt-logo.svg'); background-color: #FEE500;}
.snsLoginBtns button.naver::before{background-image: url('/Skin/img/icon/naver-icon.svg'); background-color: #1dc800;}


/*
.snsLoginBtns button.kakao::before{background-image: url('/Skin/img/icon/kakao.svg');}
.snsLoginBtns button.naver::before{background-image: url('/Skin/img/icon/naver.svg');}
.snsLoginBtns button.faceboock::before{background-image: url('/Skin/img/icon/facebook.svg');}
*/

/* ---------------------------------------------------------------------
*4. Contents
* --------------------------------------------------------------------- */
#container{width: 100%; 
	/* min-height: 100vh;  */
	padding-top: 90px; max-width: var(--max--width); margin: 0 auto;}
#containerMax{width: 100%; 
	/* min-height: 100vh;  */
	padding-top: 90px; margin: 0 auto;}
#container.noPadding{padding-top: 0;}
#containerMax.noPadding{padding-top: 0;}
.inner{width: 100%; padding: 0 75px; margin: 0 auto}
.inner::after{content: ""; display:block; clear: both}

.inner-s{width: 1120px; margin: 0 auto;}
.inner-w{width: 1520px; margin: 0 auto;}
.inner-form{width: 500px; margin: 0 auto;}


/* 페이지 상단 */
.contentsHeader h2{text-align:center; font-size: 25px; font-weight:700;}
.contentsHeader .contentsNav{text-align:right; color: #888; margin: 10px 0;}


/* 팔로우 메뉴 */
.followMenu{display: none; position: fixed; z-index: 99; bottom: 50px; right: 50px;}

.followMenu .goTop{display: inline-block; width: 50px; height: 50px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; background: #f4f4f4 no-repeat center center/40%; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%23666' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M23.245 20l-11.245-14.374-11.219 14.374-.781-.619 12-15.381 12 15.391-.755.609z'/%3E%3C/svg%3E"); font-size: 0; color: transparent; overflow: hidden; line-height: 9; opacity: .8;}
.followMenu .goTop:hover{opacity: 1;}


/* 가운데 상자 레이아웃 */

.centerFormArea{height: 100vh; display: flex; justify-content: center; align-items: center}
.centerFormArea .centerBox{width: 765px; padding: 65px 100px; border: 1px solid #fff;}


/* 
    form list
*/

.formList article + article{margin-top: 20px;}
.formList article.hasTopLine{border-top: 1px solid #666; padding-top: 20px; margin-top: 20px;}
.formList .input +  .input{margin-top: 5px;}
.formList .input input{height: 40px; width: 100%; border: 1px solid #666; color: #fff; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-progress-appearance: none; background: none;}
.formList .input input:disabled{background: #333; color: #888}
.formList .input input:read-only{background: #333; color: #888}
.formList .input input:read-only:focus{border-color: #666;}
.formList .input textarea{height: 100px; width: 100%; border: 1px solid #666; color: #fff; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-progress-appearance: none; background: none; resize: none; overflow: auto;}
.formList .input select{height: 40px; padding-right: 30px; background: none no-repeat center right 10px/8px; border: 1px solid #666; color: #999; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23666' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-12-18h24z'/%3E%3C/svg%3E");}
.formList .input input:focus{outline: none; border: 1px solid #e95318;}
.formList .input input + input{margin-top: 5px;}
.formList .input.btn{display: flex; justify-content: stretch; align-items: center;}
.formList .input.btn input{flex: 4}
.formList .input.btn .mBtn{margin-left: 5px; flex: 1; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.formList .input.email{display: flex; align-items: center;}
.formList .input.email input{flex: 1;}
.formList .input.email span{flex: 0.2; text-align: center; color: #666; padding: 0 5px;}
.formList .input.email select{flex: 1;}
.formList ~ .btnArea{margin-top: 20px;}
.formList ~ .btnArea .wBtn + .wBtn{margin-top: 5px;}
.tabBox{display: none;}
.tabBox.active{display: block;}

.tabList{display: flex; text-align: center; margin-bottom: 40px;}
/*myeongjeok : Black Theme*/
/* .tabList li{width: 20%; flex: 1; border: 1px solid #666; border-width: 1px 1px 0 0 ; border-bottom: 1px solid #fff;}
.tabList li:first-child{border-left: 1px solid #666;}
.tabList li a{display: block; padding: 20px 10px; font-size: 20px; color: #666}
.tabList li:not(.active):hover{background: rgba(255, 255, 255, 0.1);}
.tabList li.active{border-bottom: none; border-color: #fff; border-width: 1px 1px 0 1px;}
.tabList li.active a{color: #fff}
.tabList li.active a span{border-bottom: 3px solid #e95318;}

.policy .tabBox *{color: #fff !important} */
/*myeongjeok : Black Theme*/

/*myeongjeok : White Theme*/
.tabList li{width: 20%; flex: 1; border: 1px solid #999; border-width: 1px 1px 0 0 ; border-bottom: 1px solid #000;}
.tabList li:first-child{border-left: 1px solid #999;}
.tabList li a{display: block; padding: 20px 10px; font-size: 20px; color: #999}
.tabList li:not(.active):hover{background: rgba(0, 0, 0, 0.1);}
.tabList li.active{border-bottom: none; border-color: #000; border-width: 1px 1px 0 1px;}
.tabList li.active a{color: #000}
.tabList li.active a span{border-bottom: 3px solid #e95318;}

.policy .tabBox *{color: #000 !important}
/*myeongjeok : White Theme*/


/* 
    상품리스트 
*/

.goodsGroupList{width: 100%; overflow: hidden; max-width: var(--max--width); margin:0 auto;}
.goodsGroupList .goodsGroup{margin: 50px 0}
.goodsGroupList .goodsGroup + .goodsGroup{margin-top: 80px;}
.goodsGroupList .goodsGroup h2.title{font-size: 27px; color: #fff; font-weight: 700; letter-spacing: -0.05em;}
.goodsGroupList .goodsGroup h2.title span{display: inline-block; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 3px solid #e95318;}
.goodsGroupList .goodsGroup .inner{position: relative;}
.goodsGroupList .swiper-container{overflow: visible;}
.goodsGroupList .swiper-container .swiper-button-prev,.goodsGroupList .swiper-container .swiper-button-next{display: block; width: 75px; height: 100%; position: absolute; top: 0; 

/*background-color: rgba(0, 0, 0, 0.5);*/ background-position: center center; -webkit-background-size:19px; background-size:19px; z-index: 9; top: 0; margin: 0; opacity: 0; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.goodsGroupList .swiper-container .swiper-button-prev{left: -75px;}
.goodsGroupList .swiper-container .swiper-button-next{right: -75px;}
.goodsGroupList .swiper-container .swiper-button-prev:hover{opacity: 1;}
.goodsGroupList .swiper-container .swiper-button-next:hover{opacity: 1;}
.goodsGroupList .swiper-container .swiper-slide{opacity: .3; -moz-transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.goodsGroupList .swiper-container .swiper-slide-active,.goodsGroupList .swiper-container .swiper-slide-active + .swiper-slide,.goodsGroupList .swiper-container .swiper-slide-active + .swiper-slide + .swiper-slide,.goodsGroupList .swiper-container .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide,.goodsGroupList .swiper-container .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide,.goodsGroupList .swiper-container .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{opacity: 1;}

.goodsGrid{display: flex; flex-wrap: wrap; justify-content: stretch;}
.goodsGrid > li{width: 16.4%; padding: 2px;}
.goodsGrid > li > a{display: block; position: relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow: hidden; background: no-repeat center center/40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23666' viewBox='0 0 24 24'%3E%3Cpath d='M18.072 16.278c-1.002-.232-1.936-.435-1.484-1.289 1.378-2.599.366-3.989-1.088-3.989-1.482 0-2.469 1.443-1.088 3.989.465.859-.504 1.062-1.484 1.289-1.004.232-.927.761-.927 1.722h6.998c0-.961.077-1.49-.927-1.722zm-10.072-9.259v16.981h15v-16.981h-15zm13 12.981h-11v-11h11v11zm-15-1.132l-5-13.738 14.095-5.13 1.827 5h-2.128l-.9-2.455-10.38 3.778 2.486 6.832v5.713z'/%3E%3C/svg%3E");}

.goodsBoxStyle li{position: relative; overflow: hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
.goodsBoxStyle li:hover .hoverContnets{opacity: 1; -moz-transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -ms-transform:translateY(0) scale(1); -o-transform:translateY(0) scale(1); transform:translateY(0) scale(1);}
.goodsBoxStyle li:hover .txtBox.hoverEffect{opacity: 0;}
.goodsBoxStyle .goodsBGImg{padding-top: 100%; background: no-repeat center center/cover; position: relative;}
.goodsBoxStyle .goodsBGImg::before{content: ""; display: block; width: 100%; height: 30%; background:-webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background:-moz-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background:-o-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); position: absolute; z-index: 1; left: 0; bottom: 0;}
.goodsBoxStyle .txtBox{position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; color: #fff; padding: 20px 0; -moz-transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.goodsBoxStyle .cate{background: #e95318; color: #fff; display: inline-block; padding: 5px 10px; line-height: 1; font-size: 14px; font-weight: 300; margin-bottom: 10px;}
.goodsBoxStyle .txtBox .txt{padding: 0 20px;}
.goodsBoxStyle .txtBox .txt .subject{font-size: 18px; font-weight: 500;}
.goodsBoxStyle .state{position: absolute; right: 0; top: 0; text-align: center; padding: 7px 5px; padding-top: 28px; line-height: 1; color: #fff; font-size: 10px; background: #e95318; min-width: 45px;}
.goodsBoxStyle .state.end{display:none;}
.goodsBoxStyle .state.checked{background: #e95318;}
.goodsBoxStyle .state.alarm{right: auto; left: 0; padding: 0;}
.goodsBoxStyle .state.alarm i{display: block; background: #e95318; font-size: 10px; text-align: center; padding: 5px 10px; font-weight: 100;}
.goodsBoxStyle .state.alarm i::before{content: ""; display: block; width: 100%; height: 15px; background: no-repeat center center/contain; background-image: url('/Skin/img/icon/clock-fff.svg'); margin-bottom: 5px;}
.goodsBoxStyle .state.alarm b{display: block; background: #111; padding: 5px 2px; font-weight: 100;}
.goodsBoxStyle .hoverTxt{opacity: 0; -moz-transform:translateY(10%); -webkit-transform:translateY(10%); -ms-transform:translateY(10%); -o-transform:translateY(10%); transform:translateY(10%); -moz-transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3; background:-webkit-linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0, 0, 0, 0.8)); background:-moz-linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0, 0, 0, 0.8)); background:-o-linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0, 0, 0, 0.8)); background:linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0, 0, 0, 0.8)); color: #fff; padding: 20px 0;}
.goodsBoxStyle .hoverTxt .txt{padding: 0 20px;}
.goodsBoxStyle .hoverTxt .txt .subject{font-size: 18px; margin-bottom: 10px;}
.goodsBoxStyle .hoverTxt .txt .time{font-size: 13px; font-weight: 300; color: #d8d8d8}
.goodsBoxStyle .hoverTxt .txt .time span + span::before{content: "|"; margin: 0 5px;}
.goodsBoxStyle .hoverTxt .txt .info{font-size: 13px; font-weight: 300; color: #d8d8d8; margin-top: 10px;}
.goodsBoxStyle .hoverTxt .txt .info li{display: inline-block;}
.goodsBoxStyle .hoverTxt .txt .info li + li{margin-left: 10px;}
.goodsBoxStyle .hoverTxt .txt .info li::before{content: ""; display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: no-repeat center center/contain; margin-right: 10px;}
.goodsBoxStyle .hoverTxt .txt .info li.student::before{background-image: url('/Skin/img/icon/user-line-red.svg');}
.goodsBoxStyle .hoverTxt .txt .info li.like::before{background-image: url('/Skin/img/icon/heart-line.svg');}
.goodsBoxStyle .hoverBtns{opacity: 0; -moz-transform:translateY(10%); -webkit-transform:translateY(10%); -ms-transform:translateY(10%); -o-transform:translateY(10%); transform:translateY(10%); -moz-transition:all .2s; -webkit-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s; display: flex; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 3; background:-webkit-linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0, 0, 0, 0.8)); background:-moz-linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0, 0, 0, 0.8)); background:-o-linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0, 0, 0, 0.8)); background:linear-gradient(to bottom, rgba(0,0,0,.4), rgba(0, 0, 0, 0.8)); color: #fff; padding: 20px 50px; justify-content: center; align-items: center;}
.goodsBoxStyle .hoverBtns .btns{width: 100%;}
.goodsBoxStyle .hoverBtns .btns li{margin: 10px 0;}
.goodsBoxStyle .hoverBtns .btns li .mBtn{width: 100%;}

.goodsList.hasLine{}
.goodsList.hasLine li{border: 1px dashed #333; border-width: 0 1px 1px 0; padding: 10px}
.goodsList.hasLine li:nth-child(4n+1){border-left: 1px dashed #333;}
.goodsList.hasLine li:nth-child(-n+4){border-top: 1px dashed #333;}
.goodsList.hasLine li .card_txt .title{height: 30px; overflow: hidden; -ms-text-overflow:ellipsis; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.goodsList.style01{}
.goodsList.style01 .goodsBGImg{border-radius:200px; -webkit-border-radius:200px; -moz-border-radius:200px; height: 230px}
.goodsList.style01 li{padding: 0 10px}
.goodsList.style01 li .card_txt .title{text-align:center;}
.goodsList.style01 li .card_txt .price{text-align:center;}

.todayGoodsList{}
.todayGoodsList li{background: #f0f0f0; border: 1px solid #ccc; -webkit-box-shadow:0 2px 5px rgba(0,0,0,.1); -moz-box-shadow:0 2px 5px rgba(0,0,0,.1); box-shadow:0 2px 5px rgba(0,0,0,.1); -webkit-box-shadow:inset hoff voff blur color; -moz-box-shadow:inset hoff voff blur color; box-shadow:inset hoff voff blur color;}
.todayGoodsList li::after{content:' '; display:block; clear:both;}
.todayGoodsList li header a{display: block; width: 100%; height: 100%;}
.todayGoodsList li + li{margin-top: 20px;}
.todayGoodsList li .imgArea{float:left; width: 60%; background: #fff; padding: 20px;}
.todayGoodsList li .imgArea .goodsBGImg{height: 300px; background: no-repeat center center/contain;}
.todayGoodsList li .card_txt{float:right; width: 40%; padding: 50px 40px; text-align: center;}
.todayGoodsList li .card_txt .title{font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.todayGoodsList li .card_txt .price{font-size: 30px; font-weight: 700; color: #e95318}
.todayGoodsList li .card_txt .info{margin-top: 20px;}
.todayGoodsList li .card_txt .info p{font-size: 14px;}
.todayGoodsList li .card_txt .info p::after{content:' '; display:block; clear:both;}
.todayGoodsList li .card_txt .info p b{color: #e95318; font-weight:700; font-size: 18px;}
.todayGoodsList li .card_txt .info p.total{font-size: 16px; margin-bottom: 10px;}
.todayGoodsList li .card_txt .info p.limit span{display:inline-block; border: 3px solid #666; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; padding: 10px 15px; background: #fff; font-weight:700; color: #666}
.todayGoodsList li .card_txt .info .mBtn{line-height: 50px; height: 50px; font-size: 16px; width: 180px; margin-top: 20px;}
.todayGoodsList li .card_txt .info .mBtn::before{content: ""; display: inline-block; margin-right: 5px; vertical-align: middle; width: 20px; height: 20px; background: no-repeat center center/contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 3l-.743 2h-1.929l-3.474 12h-13.239l-4.615-11h16.812l-.564 2h-13.24l2.937 7h10.428l3.432-12h4.195zm-15.5 15c-.828 0-1.5.672-1.5 1.5 0 .829.672 1.5 1.5 1.5s1.5-.671 1.5-1.5c0-.828-.672-1.5-1.5-1.5zm6.9-7-1.9 7c-.828 0-1.5.671-1.5 1.5s.672 1.5 1.5 1.5 1.5-.671 1.5-1.5c0-.828-.672-1.5-1.5-1.5z'/%3E%3C/svg%3E");}

.contents.polices{padding: 50px 0;}
.se2_addi_btns {padding: 2px 5px; border: 1px solid #ddd; border-bottom: 0; background: #f4f4f4; font-size: 12px; font-weight: 700; color: #666; text-align: right;}
  
  .se2_addi_btns>div {display: inline-block;}
  
  .se2_addi_btns>div+div {margin-left: 5px;}
  
  .se2_addi_btns button {height: 18px; padding: 0 5px; border: 1px solid #aaa;    background:-webkit-linear-gradient(#fff, #fff, #fff, #eee); background:-moz-linear-gradient(#fff, #fff, #fff, #eee); background:-o-linear-gradient(#fff, #fff, #fff, #eee); background:linear-gradient(#fff, #fff, #fff, #eee); border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
  
  .se2_addi_btns .se2_add_img button i {position: relative; display: inline-block; width: 12px; height: 12px; border: 1px solid #b18d82; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background: #fff; margin-right: 5px; overflow: hidden;}
  
  .se2_addi_btns .se2_add_img button i:after {content: ''; position: absolute; top: 100%; left: 50%; width: 30px; height: 30px; margin: -4px 0 0 -15px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background: #0db01c;}
  
  .se2_addi_btns .se2_add_img button i:before {content: ''; position: absolute; top: 10%; right: 10%; width: 4px; height: 4px; display: block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background: #ff8d46;}
  
  .se2_addi_btns .se2_add_youtube button i {position: relative; display: inline-block; width: 12px; height: 8px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; background: #c11; margin-right: 5px; overflow: hidden;}
  
  .se2_addi_btns .se2_add_youtube button i:before {content: ''; display: block; width: 1px; height: 150%;}
  
  .se2_addi_btns .se2_add_youtube button i:after {content: ''; position: absolute; top: 50%; left: 50%; display: block; border-top: 2px solid transparent; border-left: 4px solid #fff; border-bottom: 2px solid transparent; margin: -2px 0 0 -2px;}
  
  .se2_addi_btns .se2_add_link button i {position: relative; display: inline-block; width: 14px; height: 14px; margin-right: 5px; overflow: hidden;}
  
  .se2_addi_btns .se2_add_link button i:before {content: ''; display: block; width: 4px; height: 2px; border: 2px solid #666; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -moz-transform:translate(0, 5px) rotate(-45deg); -webkit-transform:translate(0, 5px) rotate(-45deg); -ms-transform:translate(0, 5px) rotate(-45deg); -o-transform:translate(0, 5px) rotate(-45deg); transform:translate(0, 5px) rotate(-45deg);}
  
  .se2_addi_btns .se2_add_link button i:after {content: ''; position: absolute; top: 0; left: 0; display: block; width: 4px; height: 2px; border: 2px solid #888; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -moz-transform:translate(5px, 3px) rotate(-45deg); -webkit-transform:translate(5px, 3px) rotate(-45deg); -ms-transform:translate(5px, 3px) rotate(-45deg); -o-transform:translate(5px, 3px) rotate(-45deg); transform:translate(5px, 3px) rotate(-45deg);}
  
  #MD_content ~ iframe{background: #fff;}

.modal_contents .InquiryProduct,.modal_contents > .boardView,.modal_contents > .boardList{padding:20px;}

.withdrawReason{padding-top:40px; text-align:left; font-size:15px;}
.withdrawReason li{padding-left:10px;}
.withdrawReason li + li{margin-top:10px;}
.withdrawReason input + label{margin-left:10px;}
.withdrawReason textarea{height:100px;}
.withdrawReason .reason_etc{padding-top:20px;}
.withdrawReason .reason_etc label{display:block; padding-bottom:10px;}
table.write .selectBox + .selectBox{margin-left:10px;}
#mainSlide{max-height: 930px;}
#mainSlide .swiper-slide{max-height: 930px}

.mainVisual{position: relative; margin-bottom: -170px;}
.visualArea{max-height: 930px; overflow: hidden; position: relative;}
.visualArea .bgArea{position: relative; text-align: center; background: #000;}
.visualArea .bgArea::before{content: ""; display: block; width: 100%; height: 300px; position: absolute; z-index: 3; bottom: 0; left: 0; background:-webkit-linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background:-moz-linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background:-o-linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); background:linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));}
.visualArea .bgArea i{display: block; width: 100%; padding-top: 50%; background: no-repeat center center/cover;}
.visualArea .bgArea img{width: 100%}
.visualArea .bgArea .video{width: 100%; height: 100%;}
.visualArea .txtArea{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 4;}
.visualArea .txtArea::before{content: ""; display: block; width: 70%; height: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; background:-webkit-linear-gradient(to right, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0)); background:-moz-linear-gradient(to right, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0)); background:-o-linear-gradient(to right, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0)); background:linear-gradient(to right, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0));}
.visualArea .txtArea .inner-w{display: flex; align-items: center; height: 100%; position: relative; z-index: 2; color: #fff}
.visualArea .txtArea .visualTxt .t1{font-size: 65px; font-weight: 700; text-shadow: 2px 2px 5px rgba(0, 0, 0, .75)} 
.visualArea .txtArea .visualTxt .t2{margin: 40px 0;}
.visualArea .txtArea .visualTxt .t2 span{display: inline-block; line-height: 1; font-size: 25px; font-weight: 300; background: #e95318; color: #fff; padding: 5px 30px;}
.visualArea .txtArea .visualTxt .t3{font-size: 25px; font-weight: 100; line-height: 1.6; letter-spacing: -0.05em; text-shadow: 2px 2px 5px rgba(0, 0, 0, .75);}

.visualArea .btns{position: absolute; right: 70px; bottom: 150px; z-index: 9;}
.visualArea .btns a{display: inline-block; width: 50px; height: 50px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; border: 1px solid #fff; background: no-repeat center center/35%; font-size: 0; overflow: hidden; line-height: 9;}
.visualArea .btns button{display: inline-block; width: 50px; height: 50px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; border: 1px solid #fff; background: no-repeat center center/35%; font-size: 0; overflow: hidden; line-height: 9;}
.visualArea .btns a + a{margin-left: 10px;}
.visualArea .btns button + button{margin-left: 10px;}
.visualArea .btns .videoPause{background-image: url('/Skin/img/icon/pause.svg');}
.visualArea .btns .videoPause.on{background-image: url('/Skin/img/icon/play.svg');}
.visualArea .btns .videoMute{background-image: url('/Skin/img/icon/mute-off.svg');}
.visualArea .btns .videoMute.on{background-image: url('/Skin/img/icon/mute-on.svg');}

.visualArea .swiper-button-next, 
.visualArea .swiper-button-prev{width: 17px; -webkit-background-size:contain; background-size:contain;}
.visualArea .swiper-button-next{right: 50px;} 
.visualArea .swiper-button-prev{left: 50px;}
.visualArea .swiper-button-disabled{opacity: 0 !important;}

.mainSection .goodsGroupList{position: relative; z-index: 10;}

.swiper-style01 .swiper-pagination{display:inline-block; width: auto; position:absolute; left: 10px; top: 10px; bottom: auto; right: auto; background: rgba(0,0,0,.5); color: #fff; padding: 5px 10px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px;}
.swiper-style01 .swiper-pagination::before{content: ""; display:inline-block; vertical-align:middle; margin-right: 5px; width: 15px; height: 15px; background: no-repeat center center/contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M9 12c0-.552.448-1 1.001-1s.999.448.999 1-.446 1-.999 1-1.001-.448-1.001-1zm6.2 0l-1.7 2.6-1.3-1.6-3.2 4h10l-3.8-5zm5.8-7v-2h-21v15h2v-13h19zm3 2v14h-20v-14h20zm-2 2h-16v10h16v-10z'/%3E%3C/svg%3E");}
.swiper-style01 .swiper-button-next,
.swiper-style01 .swiper-button-prev{position:absolute; top: 35px; left: auto; bottom: auto; width: 20px; height: 20px; background: #fff no-repeat center center/60%; border: 1px solid #ccc}
.swiper-style01 .swiper-button-next{right: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23666' viewBox='0 0 24 24'%3E%3Cpath d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3E%3C/svg%3E");}
.swiper-style01 .swiper-button-prev{right: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23666' viewBox='0 0 24 24'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'/%3E%3C/svg%3E");}

.cateListArea{margin: 50px 0}
.cateListArea .cateList::after{content:' '; display:block; clear:both;}
.cateListArea .cateList li{width: calc(100%/10); float:left; height: 130px; border: 1px solid #ddd; border-width: 0 1px 1px 0; text-align:center; font-weight:700; font-size: 13px;letter-spacing: -0.02em;}
.cateListArea .cateList li:nth-child(-n+10){border-top: 1px solid #ddd}
.cateListArea .cateList li:nth-child(10n+1){border-left: 1px solid #ddd}
.cateListArea .cateList li a{display:block; padding: 15px 5px; height: 100%; background: no-repeat center bottom/contain; border: 1px solid #fff}
.cateListArea .cateList li a:hover{border-color: #f00}

.cateGoods{padding: 15px;}
.cateGoods.active{border: 3px solid #e95318}
.cateGoods + .cateGoods{margin-top: 50px}
.cateGoods h3{font-size: 20px; font-weight:700; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #333}

.goodsListViewOpt{text-align:right;}
.goodsListViewOpt .selectBox + .selectBox{margin-left: 5px}

.contents.category{margin-top: -110px; position: relative; z-index: 10;}
.contents.category .categoryHeader{display: flex; margin-bottom: 25px;}
.contents.category .categoryHeader h2{display: flex; align-items: center;}
.contents.category .categoryHeader .title{font-size: 27px; font-weight: 500;}
.contents.category .categoryHeader .count{font-size: 18px; font-weight: 400;}
.contents.category .categoryHeader .count b{font-weight: 400; color: #e95318}
.contents.category .categoryHeader .title + .count::before{content: "|"; margin: 0 5px;}
.contents.category .categoryHeader .goodsListViewOpt{font-size: 16px; display: flex; margin-left: auto; align-items: center;}
.contents.category .categoryHeader .goodsListViewOpt > * + *{margin-left: 20px;}

.contents.search{margin:0 auto; padding:30px 0 100px;}
.contents.search #schForm{display: none; margin-bottom: 10px;}
.contents.search #schForm form{display: flex; align-items: center; padding: 5px; background: #333;}
.contents.search #schForm form input{flex: 9; border: none; background: none;}
.contents.search #schForm form button{width: 32px; height: 32px; -webkit-background-size:60%; background-size:60%;}
.contents.search{

/*
#schForm{
{padding:20px 0 30px;}
form{padding:10px; border:4px solid #ddd;}
dl{$fll; $dt; width:50%;}
dl.category{clear:left; width:100%;}
dt{$dtc; width:120px; padding:5px; color:#999;}
dd{$dtc; padding:5px;}
section > div:after{$cb;}
.selectBox + .selectBox{margin-left:10px;}
footer{$tac; padding:10px 0 10px; margin-top:10px; border-top:1px solid #ddd;}
}
*/}
.contents.search h3{font-size:16px; padding-bottom:15px;}
.contents.search #goodsList .count{font-size: 18px; margin-bottom: 20px;}
.contents.search #goodsList .count b{color: #e95318}
.contents.search .nothing{text-align: center; color: #fff}
.contents.search .nothing::before{content: ""; display: inline-block; width: 75px; height: 75px; background: no-repeat center center/contain; background-image: url('/Skin/img/icon/notice-nothing.png'); margin-bottom: 40px;}
.contents.search .nothing p b{color: #e95318; font-weight: 400;}
.contents.search .nothing .t1{font-size: 20px;}
.contents.search .nothing .t2{font-size: 18px;}
.contents.search .btnArea{text-align: center; margin-top: 30px;}
.contents.search .btnArea .mBtn{width: 100%; max-width: 200px;}

.contents.login{display: flex; flex-direction: column; height: 100%; max-width: 500px; margin: 0 auto}
.contents.login header{text-align: center; margin-top: 40px;}
.contents.login header .logo img{height: 15px;}
.contents.login header h3{color: #e95318; font-size: 22px; font-weight: 700; margin-top: 40px;}
.contents.login .loginArea{padding: 30px;}
/* .contents.login .loginArea .formBox input{width: 100%; border: 1px solid #bbb; background: #000; height: 40px; margin: 5px 0; color: #fff} */
.contents.login .loginArea .formBox input{width: 100%; border: 1px solid #bbb; background: #fff; height: 40px; margin: 5px 0; color: #000}
.contents.login .loginArea .formBox input:focus{border-color: #e95318;}
.contents.login .loginArea .option{display: flex; margin-bottom: 30px; margin-top: 10px;}
.contents.login .loginArea .option .checkbox span{font-size: 12px;}
.contents.login .loginArea .option .findId{font-weight: 300; color: #888; text-decoration: underline;}
.contents.login .loginArea .option .right{margin-left: auto;}
.contents.login .loginArea .option .findId{text-decoration: underline;}
.contents.login .loginArea .option span + span::before{content: "|"; margin: 0 5px; color: #888;}
.contents.login .loginArea .btns{margin: 10px 0;}
.contents.login .more{text-align: center; margin-top: 20px;}
.contents.login .more .guide{margin-bottom: 5px;}
.contents.login .more .guide b{color: #e95318}
.contents.login .more a{text-decoration: underline; color: #888; font-size: 15px;}
.contents.login footer{margin-top: auto; background: #252121; padding: 10px; text-align: center; color: #888; font-size: 10px;}
.contents.login footer a{color: #888}
.contents.login footer .bar li{display: inline-block;}
.contents.login footer .bar li + li::before{content: "|"; margin: 0 5px;}

.contents.register{padding: 30px; max-width: 500px; margin: 0 auto}
.contents.register header{text-align: center; margin-bottom: 40px;}
.contents.register header h3{color: #fff; font-size: 22px; font-weight: 700; margin-top: 20px;}
.contents.register .agreeArea{}
.contents.register .agreeArea article h3{}
.contents.register .agreeArea article + article{margin-top: 20px;}
.contents.register .agreeArea article .txtBox{background: #222; padding: 15px 20px;}
.contents.register .agreeArea article .txtBox .policy{height: 50px;}
.contents.register .agreeArea article .txtBox .policy *{font-weight: 100; font-size: 10px !important; color: #ccc !important}
.contents.register .agreeArea article .checkArea{margin-bottom: 5px;}
.contents.register .agreeArea article .checkArea .checkbox span{color: #fff; font-size: 13px; font-weight: 400;}
.contents.register .agreeArea article.all{margin: 20px 0;}

.contents.findIDPW h3{text-align: center; font-weight: 400; font-size: 27px; margin-bottom: 60px;}
.contents.findIDPW form dl{display:table; width:100%; table-layout:fixed;}
.contents.findIDPW form dl + dl{margin-top:10px;}
.contents.findIDPW form dt,.contents.findIDPW form dd{display:table-cell; height:100%;}
.contents.findIDPW form dt{width:140px; font-size:12px; text-align:left;}
.contents.findIDPW form input{width:100%;}
.contents.findIDPW form .bottomBtn{margin-top:40px;}
.contents.findIDPW form .bottomBtn a,.contents.findIDPW form .bottomBtn button{width:40%;}
.contents.findIDPW .links{margin-top: 20px; font-size: 14px; text-align: center;}
.contents.findIDPW .links li{display: inline-block;}
.contents.findIDPW .links li + li::before{content: "|"; margin: 0 8px;}
.contents.findIDPW .guide{margin: 10px 0; color: #fff; font-weight: 300;}

.contents.registerResult h3{text-align: center; font-weight: 400; font-size: 27px; margin-bottom: 60px;}
.contents.registerResult .message{text-align: center;}
.contents.registerResult .txt{font-size: 21px; font-weight: 300;}
.contents.registerResult .btnArea{margin-top: 40px;}

.contents.mypage .inner{display: flex; justify-content: stretch;}
.contents.mypage .myContents{width: 100%;}
.contents.mypage .myContents > header{border-bottom: 1px solid #fff; margin-bottom: 20px; padding-bottom: 10px; font-size: 20px; padding: 17px 0;}
.contents.mypage #snb{width: 145px; margin-right: 20px;}
.contents.mypage #snb li{border-bottom: 1px solid #fff;}
.contents.mypage #snb li h3{font-size: 25px; font-weight: 700; text-align: center; padding: 15px 0;}
.contents.mypage #snb li a{display: block; font-size: 16px; padding: 15px 0;}
.contents.mypage #snb li a:hover{color: #e95318}
.contents.mypage #snb li.active a{color: #e95318}
.contents.mypage #snb li.active a::after{content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; margin-left: 5px; background: no-repeat center center/contain; background-image: url('/Skin/img/icon/arrow-right.svg');}
.contents.mypage .pageTitle{text-align: center; font-size: 21px; font-weight: 400; margin-bottom: 50px;}
.contents.mypage .myInfo .profileImgSetting{margin-bottom: 30px; text-align: center;}
.contents.mypage .myInfo .profileImgSetting .imgBox{display: inline-block; width: 75px; height: 75px; border-radius:75px; -webkit-border-radius:75px; -moz-border-radius:75px; background: no-repeat center center/40%; border: 1px solid #444; background-image: url('/Skin/img/icon/user-line-gray.svg'); overflow: hidden;}
.contents.mypage .myInfo .profileImgSetting .imgBox i{display: block; width: 100%; height: 100%; background: no-repeat center center/cover;}
.contents.mypage .myInfo .profileImgSetting .txtBox{font-size: 17px;}
.contents.mypage .myInfo .profileImgSetting .txtBox .btn{margin-top: 10px; color: #888; text-decoration: underline;}
.contents.mypage .myInfo .withdrawBtn{text-align: center; margin-top: 30px;}
.contents.mypage .myInfo .withdrawBtn a{color: #666; font-weight: 300; font-size: 14px; border-bottom: 1px solid #666;}
.contents.mypage #myPageSummary{}
.contents.mypage #myPageSummary .link{padding:20px 10px;}
.contents.mypage #myPageSummary .link:after{content:' '; display:block; clear:both;}
.contents.mypage #myPageSummary .link a{position:relative; display:block; float:left; width:49%; padding: 20px; background:#ddd; color:#787676;}
.contents.mypage #myPageSummary .link a + a{margin-left:2%;}
.contents.mypage #myPageSummary .link i{display:inline-block; vertical-align:middle; margin-right: 20px;}
.contents.mypage #myPageSummary .link i img{width:70px;}
.contents.mypage #myPageSummary .link dl{display:inline-block; vertical-align:middle;}
.contents.mypage #myPageSummary .link dt{font-size:14px;}
.contents.mypage #myPageSummary .link dd{font-size: 18px; font-weight:700; padding-top: 10px;}
.contents.mypage #myPageSummary .link b{color:#3f3f3f; font-size:24px;}
.contents.mypage .myPageGList > header{position:relative; margin:40px 20px 0; padding-bottom:10px; border-bottom: 1px solid #ddd;}
.contents.mypage .myPageGList > header h3{font-weight:700; font-size: 16px;}
.contents.mypage .myPageGList > header a.more{position:absolute; right:0; top:0; font-size:14px;}
.contents.mypage .myPageGList > header a.more:after{content:'>'; display:inline-block; margin-left: 10px;}

.modal_wrap.ordInfo{width: 580px}
.modal_wrap.ordInfo table.write select{width: 100%}
.modal_wrap.ordInfo table.write input{width: 100%}

.searchList{display: flex; align-items: center; justify-content: flex-end; margin: 20px 0;}
.searchList li{padding: 0 10px;}
.searchList .date_range{display: flex; align-items: center;}
.searchList .date_range .unit{margin: 0 5px;}
.searchList .dateInput .before{display: none;}
.searchList .fix_date label + label{margin-left: 10px;}
.searchList .btns .mBtn{height: 32px; line-height: 32px; min-width: 100px;}
.listCount{font-size: 20px; font-weight: 400; border-left: 2px solid #fff; padding-left: 15px; line-height: 1; margin: 20px 0;}
.listCount b{font-weight: 400; color: #e95318}

.contents.wish{width:$minw; margin:0 auto; padding:30px 0 100px;}
.contents.wish .topBtn{text-align: right; margin-bottom: 20px; font-size: 16px;}
.contents.wish .topBtn > * + *{margin-left: 10px;}
.contents.wish .goodsBoxStyle .action{position: absolute; left: 10px; top: 10px; z-index: 5;}
.contents.wish .goodsBoxStyle .action .checkbox span::before{width: 15px; height: 15px;}
.contents.wish .goodsBoxStyle .action .removeBtn{width: 15px; height: 15px; background: rgba(0, 0, 0, 0.7) no-repeat center center/60%; background-image: url('/Skin/img/icon/close.svg');}

.contents.myCoupon{padding: 15px;}
.contents.myCoupon div.board dl{width: 49%; display:inline-block; vertical-align:top; margin-bottom: 10px; padding: 15px 10px; border:1px solid #ddd;}
.contents.myCoupon div.board dl:nth-child(2n){margin-left: 2%}
.contents.myCoupon div.board dt i.img{display:block;}
.contents.myCoupon div.board dt i.img img{display:block; width:100%;}
.contents.myCoupon div.board dt i.img + b{margin-top: 10px;}
.contents.myCoupon div.board dt b{display:block; font-size: 14px; font-weight:700;}
.contents.myCoupon div.board dd .inf1{padding: 10px 0 20px;}
.contents.myCoupon div.board dd .inf1:after{content:' '; display:block; clear:both}
.contents.myCoupon div.board dd .inf2{}
.contents.myCoupon div.board dd .inf2:after{content:' '; display:block; clear:both}
.contents.myCoupon div.board dd span.type{display:block; float:left;}
.contents.myCoupon div.board dd span.price{display:block; float:right; font-size: 14px; color:#f60; font-weight:700;}
.contents.myCoupon div.board dd span.price b{display:inline-block; font-size: 14px; color:#999; font-weight:400;}
.contents.myCoupon div.board dd span.price b:after{content:':'; display:inline-block; margin:0 0.05rem;}
.contents.myCoupon div.board dd span.describe{display:block; margin-top: 10px; font-size: 14px; color:#999;}
.contents.myCoupon div.board dd span.blue{display:block; float:left;}
.contents.myCoupon div.board dd span.date{display:block; float:right; font-size: 14px; color:#999;}

.contents.myPoint{width:$minw; margin:0 auto; padding:30px 0 100px;}
.contents.myPoint .selectBox{display:inline-block; vertical-align:middle;}
.contents.myPoint #schForm{padding:50px 0 10px;}

.passwordForm{text-align: center; padding: 50px 0;}
.passwordForm .guide{font-size: 14px; font-weight: 100; margin: 20px 0;}
.passwordForm .formBox input{width: 100%;}
.passwordForm .snsLoginBtns{margin-top: 20px}

.contents.myInfo{width:$minw; margin:0 auto; padding:30px 0 100px;}
.contents.myInfo header.contentsHeader{display:none;}
.contents.myInfo .trth{width:180px;}
.contents.myInfo h3{padding:40px 0 10px; font-size:16px; font-weight:700;}
.contents.myInfo table{width:100%; table-layout:fixed;}
.contents.myInfo th,.contents.myInfo td{border:1px solid #ddd; border-width:1px 0; padding:10px; text-align:left;}
.contents.myInfo th{background:#f4f4f4; font-size:12px; font-weight:700; color:#666; padding-left:30px;}
.contents.myInfo td{font-size:14px;}
.contents.myInfo .address2{margin-left:2%;}
.contents.myInfo td p + p{margin-top:10px;}
.contents.myInfo .bottomBtn{padding-top:30px; text-align:center;}
.contents.myInfo .withdrawBtn{text-align:right; margin-top: 100px}
.contents.myInfo .withdrawBtn a{color: #888; text-decoration: underline}

#WithdrawForm{text-align: center;}
#WithdrawForm h3{font-size: 27px; font-weight: 400; border-bottom: 1px solid #fff; margin-bottom: 15px; padding-bottom: 15px;}
#WithdrawForm h3 b{color: #e95318; font-weight: 400;}
#WithdrawForm .guide{font-size: 18px;}
#WithdrawForm .btnArea{margin-top: 50px;}

.contents.classArea .inner{display: flex; justify-content: stretch;}
.contents.classArea .snb{font-size: 16px; font-weight: 300; padding: 60px 0; width: 300px;}
.contents.classArea .snb li{padding: 10px 0;}
.contents.classArea .snb li a:hover{color: #e95318}
.contents.classArea .snb li.active a{color: #e95318}
.contents.classArea .snb li.active a::after{content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; margin-left: 5px; background: no-repeat center center/contain; background-image: url('/Skin/img/icon/arrow-right.svg');}
.contents.classArea .myContents{width: 100%; padding-top: 50px;}

.classPageArea{position: relative; padding-top: 20px;}
.classPageArea .classAside{position: absolute; left: 0; top: 0; z-index: 9; width: 30%; height: 100vh; overflow: hidden;}
.classPageArea .classAside  .aside-inner{left: 0; background:-webkit-linear-gradient(to right, #000, rgba(0, 0, 0, 0.0)); background:-moz-linear-gradient(to right, #000, rgba(0, 0, 0, 0.0)); background:-o-linear-gradient(to right, #000, rgba(0, 0, 0, 0.0)); background:linear-gradient(to right, #000, rgba(0, 0, 0, 0.0)); height: 100%; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s}
.classPageArea .classAside .snbArea{position: relative; left: 0; max-width: 225px; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s}
.classPageArea .classAside.on  .aside-inner{background: rgba(0, 0, 0, 0.0);}
.classPageArea .classAside.on .snbArea{left: -200px;}
.classPageArea .classAside  .aside-inner .close{width: 25px; height: 25px; position: absolute; right: 0; top: 30px; background: #e95318 no-repeat center center/60%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M23 20.168l-8.185-8.187 8.185-8.174-2.832-2.807-8.182 8.179-8.176-8.179-2.81 2.81 8.186 8.196-8.186 8.184 2.81 2.81 8.203-8.192 8.18 8.192z'/%3E%3C/svg%3E");}
.classPageArea .classAside.on  .aside-inner .close{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'/%3E%3C/svg%3E");}
.classPageArea .classAside .snb{font-size: 16px; font-weight: 300; padding: 60px 70px;}
.classPageArea .classAside .snb li{padding: 10px 0;}
.classPageArea .classAside .snb li a:hover{color: #e95318}
.classPageArea .classAside .snb li.active a{color: #e95318}
.classPageArea .classAside .snb li.active a::after{content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; margin-left: 5px; background: no-repeat center center/contain; background-image: url('/Skin/img/icon/arrow-right.svg');}
.classPageArea .videoArea{width: 100%; height: 100%;}
.classPageArea .videoArea iframe{width: 100%; height: 100%;}
.classPageArea .mixing-video-layer > *{display: block; width: 100%;}
.classPageArea .mixing-video-layer video{width: 100%;}
.classPageArea .videos video{width: 100%;}
.classPageArea .volume-wrap{position: absolute; right: 0; bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.6); width: 4px; height: 100%;}
.classPageArea .volume-wrap .volume{position: absolute; bottom: 0; left: 0; width: 100%; background: #e95318;}
.classPageArea{

/*
    .video-layer{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
    */}
.classPageArea .video-main video.on{-moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg)}
.classPageArea .videoInfoLayer .optionSet{position:absolute; z-index: 5; bottom:10px; right:15px; text-align: right;}
.classPageArea .videoInfoLayer .optionSet .top{margin-bottom: 10px; text-align: right;}
.classPageArea .videoInfoLayer .optionSet .oiBtn{width: 30px; height: 30px; -webkit-background-size:60%; background-size:60%; background-color: rgba(0,0,0,.1);}
.classPageArea .videoInfoLayer .optionSet .oiBtn.camera{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' fill='%23fff' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Ccircle cx='256' cy='277.333' r='106.667'/%3E%3Cpath d='M469.333,106.667h-67.656c-8.552,0-16.583-3.333-22.635-9.375l-39-39c-10.073-10.073-23.469-15.625-37.719-15.625 h-92.646c-14.25,0-27.646,5.552-37.719,15.625l-39,39c-6.052,6.042-14.083,9.375-22.635,9.375H42.667 C19.135,106.667,0,125.802,0,149.333v277.333c0,23.531,19.135,42.667,42.667,42.667h426.667 c23.531,0,42.667-19.135,42.667-42.667V149.333C512,125.802,492.865,106.667,469.333,106.667z M256,405.333 c-70.583,0-128-57.417-128-128s57.417-128,128-128s128,57.417,128,128S326.583,405.333,256,405.333z M426.667,213.333 c-11.76,0-21.333-9.573-21.333-21.333s9.573-21.333,21.333-21.333S448,180.24,448,192S438.427,213.333,426.667,213.333z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.classPageArea .videoInfoLayer .optionSet .oiBtn.camera.off{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' fill='%23ccc' viewBox='0 0 511.997 511.997' style='enable-background:new 0 0 511.997 511.997;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M212.28,151.957c2.844,2.854,7.021,3.854,10.844,2.604c10.667-3.479,21.729-5.229,32.875-5.229 c58.813,0,106.667,47.854,106.667,106.667c0,11.104-1.76,22.167-5.219,32.875c-1.24,3.813-0.229,8,2.604,10.833l107.917,107.917 c2.01,2.021,4.729,3.125,7.542,3.125c0.448,0,0.896-0.021,1.354-0.083c3.271-0.417,6.167-2.333,7.844-5.167 c3.896-6.646,5.958-14.063,5.958-21.5V149.332c0-23.521-19.135-42.667-42.667-42.667h-50.75c-5.615,0-11.115-2.271-15.083-6.25 l-45.25-45.25c-7.938-7.938-18.938-12.5-30.167-12.5h-101.5c-11.229,0-22.229,4.563-30.167,12.5l-22.25,22.25 c-4.167,4.167-4.167,10.917,0,15.083L212.28,151.957z M426.665,149.332c11.76,0,21.333,9.563,21.333,21.333 c0,11.771-9.573,21.333-21.333,21.333s-21.333-9.563-21.333-21.333C405.332,158.894,414.905,149.332,426.665,149.332z'/%3E%3Cpath d='M508.873,478.706L33.291,3.124c-4.166-4.166-10.919-4.166-15.085,0L3.124,18.206c-4.166,4.166-4.166,10.919,0,15.085 l73.374,73.374h-12.5c-23.564,0-42.667,19.102-42.667,42.667v234.667c0,23.564,19.103,42.667,42.667,42.667h332.5l82.208,82.208 c4.166,4.166,10.919,4.166,15.085,0l15.082-15.082C513.038,489.625,513.038,482.872,508.873,478.706z M255.998,362.665 c-58.813,0-106.667-47.854-106.667-106.667c0-21.182,6.367-41.465,17.786-58.714l15.78,15.78 c-7.674,12.892-12.233,27.452-12.233,42.934c0,47.063,38.281,85.333,85.333,85.333c15.488,0,30.047-4.559,42.935-12.232 l15.777,15.777C297.457,356.301,277.178,362.665,255.998,362.665z'/%3E%3Cpath d='M256.957,170.748c-3.75,0.208-8.271,2.521-9.958,6.521c-1.677,4-0.771,8.625,2.292,11.688l73.75,73.75 c2.042,2.042,4.771,3.125,7.542,3.125c1.396,0,2.802-0.271,4.135-0.833c4-1.688,6.583-5.625,6.531-9.958 C340.717,208.311,303.696,171.269,256.957,170.748z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.classPageArea .videoInfoLayer .optionSet .oiBtn.mic{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c0 2.209-1.791 4-4 4s-4-1.791-4-4v-7c0-2.209 1.791-4 4-4s4 1.791 4 4v7zm4-2v2c0 4.418-3.582 8-8 8s-8-3.582-8-8v-2h2v2c0 3.309 2.691 6 6 6s6-2.691 6-6v-2h2zm-7 13v-2h-2v2h-4v2h10v-2h-4z'/%3E%3C/svg%3E");}
.classPageArea .videoInfoLayer .optionSet .oiBtn.mic.off{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' fill='%23ccc' width='565.512px' height='565.512px' viewBox='0 0 565.512 565.512' style='enable-background:new 0 0 565.512 565.512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M86.999,239.255v43.507c0,37.986,9.639,72.216,28.874,102.707l31.788-31.787c-11.432-21.311-17.161-44.945-17.161-70.914 v-43.507c0-5.881-2.16-10.979-6.457-15.294c-4.309-4.302-9.406-6.45-15.294-6.45c-5.894,0-10.991,2.148-15.294,6.45 C89.146,228.276,86.999,233.374,86.999,239.255z'/%3E%3Cpath d='M391.512,108.758c0-29.908-10.655-55.508-31.946-76.812C338.262,10.648,312.661,0,282.753,0s-55.515,10.648-76.806,31.94 C184.649,53.25,174,78.844,174,108.752v174.01c0,13.537,2.295,26.138,6.659,37.914L391.505,109.83v-1.071H391.512z'/%3E%3Cpath d='M359.565,359.574c21.291-21.291,31.946-46.904,31.946-76.812v-43.103L245.923,385.242 c11.469,4.1,23.709,6.266,36.83,6.266C312.661,391.514,338.262,380.879,359.565,359.574z'/%3E%3Cpath d='M456.763,217.511c-5.894,0-10.991,2.148-15.294,6.451c-4.309,4.314-6.456,9.412-6.456,15.293v43.507 c0,41.921-14.902,77.779-44.688,107.572c-29.798,29.791-65.655,44.682-107.571,44.682c-25.576,0-48.88-5.576-69.939-16.664 l-31.861,31.859c23.85,14.67,50.521,23.68,80.05,26.941v44.871H174c-5.894,0-10.992,2.137-15.294,6.451 c-4.309,4.303-6.457,9.4-6.457,15.293c0,5.881,2.148,10.98,6.457,15.295c4.302,4.301,9.4,6.449,15.294,6.449h217.511 c5.887,0,10.985-2.148,15.294-6.449c4.302-4.314,6.456-9.414,6.456-15.295c0-5.893-2.154-10.99-6.456-15.293 c-4.309-4.314-9.407-6.451-15.294-6.451h-87.009v-44.871c49.162-5.43,90.454-26.672,123.882-63.723 c33.415-37.037,50.129-80.594,50.129-130.673v-43.507c0-5.881-2.154-10.979-6.457-15.294 C467.748,219.659,462.65,217.511,456.763,217.511z'/%3E%3Cpath d='M478.379,44.603l-86.867,86.867l-204.01,204.005l-31.659,31.658l-31.15,31.15l-80.833,80.84 c-11.953,11.945-11.953,31.322,0,43.268c5.967,5.979,13.807,8.967,21.634,8.967c7.827,0,15.667-2.988,21.634-8.967l80.895-80.895 l31.236-31.236l31.689-31.689l160.564-160.558L521.653,87.871c11.952-11.946,11.952-31.322,0-43.268 C509.707,32.65,490.319,32.65,478.379,44.603z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.classPageArea .videoInfoLayer .optionSet .oiBtn.reverse{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='414.161px' height='414.162px' fill='%23fff' viewBox='0 0 414.161 414.162' style='enable-background:new 0 0 414.161 414.162;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M198.708,28.013c-133.206,0-175.424,126.655-175.424,126.655s152.13-117.915,256.945-37.848l-67.693,38.575l162.323,56.046 l39.302-163.05l-68.419,33.488C345.751,81.879,304.986,28.013,198.708,28.013z'/%3E%3Cpath d='M133.932,297.341l67.693-38.575L39.302,202.72L0,365.77l68.419-33.487c0,0,40.765,53.865,147.033,53.865 c133.206,0,175.425-126.655,175.425-126.655S238.747,377.408,133.932,297.341z'/%3E%3C/g%3E%3C/svg%3E");}
.classPageArea .videoInfoLayer .optionSet .oiBtn.reverse.off{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='414.161px' height='414.162px' fill='%23ed2903' viewBox='0 0 414.161 414.162' style='enable-background:new 0 0 414.161 414.162;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M198.708,28.013c-133.206,0-175.424,126.655-175.424,126.655s152.13-117.915,256.945-37.848l-67.693,38.575l162.323,56.046 l39.302-163.05l-68.419,33.488C345.751,81.879,304.986,28.013,198.708,28.013z'/%3E%3Cpath d='M133.932,297.341l67.693-38.575L39.302,202.72L0,365.77l68.419-33.487c0,0,40.765,53.865,147.033,53.865 c133.206,0,175.425-126.655,175.425-126.655S238.747,377.408,133.932,297.341z'/%3E%3C/g%3E%3C/svg%3E");}
.classPageArea .videoInfoLayer .nickname{font-size: 2.0em; display: inline-block; /*background:rgba(0,0,0,0.6)*/background-color: transparent; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; line-height:30px; padding:0 10px; color:#fff; /*font-size: 1.25em*/;}
.classPageArea .noticeBox{position: absolute; z-index: 8; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #000; width: 100%; min-height: 100vh;}
.classPageArea .noticeBox.step04{background: rgba(0, 0, 0, 0.7);}
.classPageArea .noticeBox .step{text-align: center;}
.classPageArea .noticeBox .step::before{content: ""; display: inline-block; width: 100px; height: 100px; background: no-repeat center center/contain; background-image: url('/Skin/img/icon/notice-nothing.png'); margin-bottom: 30px;}
.classPageArea .noticeBox .step .txt{font-size: 30px; font-weight: 500; letter-spacing: -0.08em;}
.classPageArea .noticeBox .step .time{font-size: 27px;}
.classPageArea .noticeBox .step .btns{margin-top: 25px;}
.classPageArea .noticeBox .step .btns .wBtn + .wBtn{margin-top: 5px}
.classPageArea .noticeBox .step .btns .guide{font-size: 22px; color: #e95318; margin-bottom: 10px;}
.classPageArea .videoFrame .dualVideoArea .topBtn{text-align: right; padding: 0 35px; margin-bottom: 20px; display: flex; justify-content: flex-end; align-items: center}
.classPageArea .videoFrame .dualVideoArea .topBtn .mBtn{min-width: 100px;}
.classPageArea .videoFrame .dualVideoArea .topBtn  .mBtn +  .mBtn{margin-left: 10px;}
.classPageArea .videoFrame .dualVideoArea .topBtn .showHideBtn{display: inline-block;}
.classPageArea .videoFrame .dualVideoArea .hideArea .mBtn{background: #e95318; color: #fff}
.classPageArea .videoFrame .dualVideoArea .showArea .mBtn{background: none; color: #e95318}
.classPageArea .videoFrame .dualVideoArea .device-controls{text-align: right; 

/*margin: 10px 0;*/}
.classPageArea .videoFrame .dualVideoArea .device-controls select{background: none; border: 1px solid #666; color: #999}
.classPageArea .videoFrame .dualVideoArea .device-controls +   .showHideBtn{margin-left: 10px;}
.classPageArea .videoFrame .dualVideoArea .videoBox{display: flex; overflow: hidden; align-items: flex-start;}
.classPageArea .videoFrame .dualVideoArea .videoBox video{max-width: 100%;}
.classPageArea .videoFrame .dualVideoArea .videoBox .video-main{flex: 3; position: relative;}
.classPageArea .videoFrame .dualVideoArea .videoBox .video-main .videoInfoLayer{position: absolute; right: 0; bottom: 0; width: auto !important; height: auto !important;}
.classPageArea .videoFrame .dualVideoArea .videoBox .videos{flex: 1; position: relative;}
.classPageArea .videoFrame .dualVideoArea .vBox video.reverse{-moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg);}
.classPageArea .videoFrame .dualVideoArea{

/*
.video-main{position:absolute; top:40px; width: 100%; background: #222;}
.videos{position:absolute; top:40px; width: 100%; height:100%; display:none; background: #333;}
~.dualOn{
.showArea .mBtn{background: $color1; color: #fff}
.hideArea .mBtn{background: none; color: $color1}
.video-main{position:absolute; width: 70%; z-index:2;}
.videos{position:absolute; right: 0; display:block; width:30%; height:30%;}
}
        */}
.classPageArea .videoFrame .dualVideoArea .videoBox.full  .videos{position: absolute; right: 0; top: 0; flex: none; width: 300px; height: 200px;}
.classPageArea .videoFrame .dualVideoArea .videoBox.full  .videos .optionSet .oiBtn.fullScreen{display: none;}
.classPageArea .videoFrame .dualVideoArea .videoBox.full-user .video-main{position: absolute; right: 0; top: 0; flex: none; width: 300px; height: 200px;}
.classPageArea .videoFrame .dualVideoArea .videoBox.full-user .video-main .optionSet .oiBtn.fullScreen{display: none;}
.classPageArea .videoFrame .dualVideoArea.dualOn .videoBox .videos{display: none;}

       
.device-test{display: none; background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; border: none;}
.device-test .wrapper{position: absolute; left: 50%; top: 50%; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width: 80%; max-height: 80vh; background: #fff; overflow-y: auto;}
.device-test .btnArea{text-align: center; padding: 20px;}
.device-test ul{padding: 30px; text-align: left;}
.device-test ul li  + li{margin-top: 10px;}
.device-test ul li label span{color: #333; font-weight: 300; font-size: 16px; margin-right: 20px;}
.device-test ul li select{min-width: 100px;}
.device-test .wrapper .preview{width: 60%; margin: 20px auto;}
.device-test .wrapper .preview video{border: 1px solid #ddd; width: 100% !important;}
.chatArea{margin-top: 50px;}
.chatArea .articleTitle{font-size: 27px; font-weight: 700; margin-bottom: 20px;}
.chatArea .articleTitle span{border-bottom: 2px solid #e95318;}

.chatModule{margin: 20px 0;}
.chatModule .chatView{max-height: 670px; overflow: auto}
.chatModule .chatView article + article{margin-top: 5px;}
.chatModule .chatView article{background: #222; display: flex; align-items: flex-start; padding: 10px 30px;}
.chatModule .chatView .user{flex: 1; display: flex; align-items: center; font-weight: 300;}
.chatModule .chatView .user .pofile{display: inline-block; width: 30px; height: 30px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; border: 1px solid #555; background: no-repeat center center/60%; margin-right: 15px; background-image: url('/Skin/img/icon/user-line-gray.svg'); overflow: hidden;}
.chatModule .chatView .user .pofile i{display: block; width: 100%; height: 100%; background: no-repeat center center/cover;}
.chatModule .chatView .user .userId{font-size: 16px;}
.chatModule .chatView .user .date{font-size: 13px; color: #888; margin-left: 10px;}
.chatModule .chatView .message{flex: 7; padding: 0 35px; font-size: 16px; padding-top: 2px; font-weight: 300;}
.chatModule .chatView article.notice{background: #171616;}
.chatModule .chatView article.notice .user .userId{color: #e95318}
.chatModule .chatView article.notice  .message{color: #e95318}
.chatModule .chatInput{background: #000; display: flex; align-items: center; padding: 30px; margin-top: 5px;}
.chatModule .chatInput .input{flex: 9; padding-right: 5px; position: relative;}
.chatModule .chatInput .input::after{content: ""; display: inline-block; width: 14px; height: 14px; background: no-repeat center center/contain; background-image: url('/Skin/img/icon/input-dots.png'); position: absolute; right: 5px; bottom: 5px;}
.chatModule .chatInput .input input{background: #0d0d0c; width: 100%; border: none; height: 50px; padding: 0 20px;}
.chatModule .chatInput .input input::placeholder{color: #666}
.chatModule .chatInput .input input::-ms-input-placeholder{color: #666}
.chatModule .chatInput .input input::-webkit-input-placeholder{color: #666}
.chatModule .chatInput .btn{flex: 1; padding-left: 5px;}
.chatModule .chatInput .btn .mBtn{height: 50px; line-height: 50px; font-size: 16px;}

.contents.cs{margin-top: 50px;}
.contents.cs .company{text-align: center;}
.contents.cs .company img{max-width: 100%}
.contents.cs .pageTitle{font-size: 27px; font-weight: 500; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 20px;}
.contents.cs header .guide{font-size: 16px; margin: 10px 0;}
.contents.cs .noticeBox{background: #333; padding: 15px; font-size: 13px; color: #ccc; margin: 30px 0; display: flex; align-items: center}
.contents.cs .noticeBox .btns{margin-left: auto}
.contents.cs .noticeBox .btns .mBtn{width: 120px;}
.contents.cs .agreeBox{background: #222; padding: 20px 30px; font-size: 15px; margin: 30px 0;}
.contents.cs .agreeBox .txt{margin-bottom: 10px;}
.contents.cs .agreeBox .checkArea{margin-top: 10px; text-align: right;}
.contents.cs .agreeBox .checkArea label + label{margin-left: 10px;}

.goodsInfoBox{background: #333; padding: 10px; margin: 10px 0; display: flex; align-items: center}
.goodsInfoBox .goodsImg{border: 1px solid #555; background: no-repeat center center/60%; background-image: url('/Skin/img/logo.svg'); margin-right: 10px;}
.goodsInfoBox .goodsImg i{display: block; width: 100px; height: 100px; background: no-repeat center center/cover;}
.goodsInfoBox .goodsName{font-size: 14px; line-height: 1.6;}
.goodsInfoBox .goodsName .afterPrice{color: #e95318; margin-top: 10px; font-size: 16px;}

.orderInfoArea{margin-bottom: 20px;}
.orderInfoArea h3{font-weight: 400; font-size: 25px; margin-bottom: 20px;}

.myOrderDetail{max-width: 800px; margin: 0 auto; background: rgba(255,255,255,.05); padding: 25px; border-top: 4px solid #e95318;}
.myOrderDetail .orderItemList > .btnArea{text-align: center; margin-top: 50px;}
.myOrderDetail .orderItemList > .btnArea .mBtn{margin: 5px; min-width: 200px;}

.recipitList{margin-top: 50px;}
.recipitList h3{font-weight: 400; font-size: 25px; margin-bottom: 20px;}
.recipitList table{font-size: 14px; border-top: 1px solid #fff; width: 100%;}
.recipitList table th{width: 150px; text-align: left; font-weight: 300; color: #ccc}
.recipitList table tr > *{padding: 10px;}
.recipitList table tr + tr > *{border-top: 1px solid #444;}

#cancelForm{display: block; padding: 30px; padding-top: 0;}

.goodsViewArea{padding-top: 95px; border-top: 10px solid #e95318;}
.goodsViewArea .inner{display: flex;}
.goodsViewArea .goodsTabArea{flex: 1.5; order: 1; margin-right: 50px;}
.goodsViewArea .goodsTabArea .tabList{display: flex; text-align: center; margin-bottom: 40px;}
.goodsViewArea .goodsTabArea .tabList li{width: 20%; border: 1px solid #666; border-width: 1px 1px 0 0 ; border-bottom: 1px solid #fff;}
.goodsViewArea .goodsTabArea .tabList li:first-child{border-left: 1px solid #666;}
.goodsViewArea .goodsTabArea .tabList li a{display: block; padding: 20px 10px; font-size: 20px; color: #666}
.goodsViewArea .goodsTabArea .tabList li:not(.active):hover{background: rgba(255, 255, 255, 0.1);}
.goodsViewArea .goodsTabArea .tabList li.active{border-bottom: none; border-color: #fff; border-width: 1px 1px 0 1px;}
.goodsViewArea .goodsTabArea .tabList li.active a{color: #fff}
.goodsViewArea .goodsTabArea .tabList li.active a span{border-bottom: 3px solid #e95318;}
.goodsViewArea .goodsTabArea .tabBox article + article{margin-top: 50px;}
.goodsViewArea .goodsTabArea .tabBox article h4{font-weight: 400; font-size: 20px; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px;}
.goodsViewArea .goodsTabArea .tabBox article h5{font-size: 22px; font-weight: 500; margin-bottom: 20px;}
.goodsViewArea .goodsTabArea .tabBox article h5 b{font-weight: 500; color: #e95318}
.goodsViewArea .goodsTabArea .tabBox article .txt{font-size: 16px; font-weight: 300; line-height: 1.5;}
.goodsViewArea .goodsTabArea .goodsDetailBox{}
.goodsViewArea .goodsTabArea .goodsDetailBox img{max-width: 100%;}
.goodsViewArea .goodsRemoteArea{flex: 1; order: 2}
.goodsViewArea .goodsRemoteArea .toggleBox{border-top: 1px solid #fff;}
.goodsViewArea .goodsRemoteArea .toggleBox header{margin-bottom: 40px;}
.goodsViewArea .goodsRemoteArea .toggleBox header a{color: #fff; font-size: 20px; font-weight: 600; display: block; padding: 20px 5px; position: relative;}
.goodsViewArea .goodsRemoteArea .toggleBox header a::after{content: ""; display: inline-block; width: 62px; height: 100%; position: absolute; right: 0; top: 0; background: no-repeat center center/30%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3E%3C/svg%3E"); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.goodsViewArea .goodsRemoteArea .toggleBox header a.close::after{-moz-transform:rotate(0); -webkit-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0);}
.goodsViewArea .goodsRemoteArea .toggleBox header a:hover{background: #222;}
.goodsViewArea .goodsRemoteArea .tutorArea .imgBox{margin-bottom: 35px;}
.goodsViewArea .goodsRemoteArea .tutorArea .imgBox i{display: block; width: 100%; padding-top: 100%; background: no-repeat center center/cover; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.goodsViewArea .goodsRemoteArea .tutorArea .txtBox{display: flex; margin: 35px 0;}
.goodsViewArea .goodsRemoteArea .tutorArea .subject{flex: 1;}
.goodsViewArea .goodsRemoteArea .tutorArea .subject .name{font-size: 22px; font-weight: 600;}
.goodsViewArea .goodsRemoteArea .tutorArea .subject .name::after{content: ""; display: inline-block; width: 9px; height: 9px; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; background: #e95318; vertical-align: bottom; margin-left: 10px;}
.goodsViewArea .goodsRemoteArea .tutorArea .info{flex: 2;}
.goodsViewArea .goodsRemoteArea .tutorArea .info .discribe{font-size: 16px; margin-bottom: 20px;}
.goodsViewArea .goodsRemoteArea .tutorArea .info .option{font-size: 14px; font-weight: 100;}
.goodsViewArea .goodsRemoteArea .tutorArea .info .option li{padding: 5px 0;}
.goodsViewArea .goodsRemoteArea .tutorArea .info .option li::before{content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: no-repeat center center/contain; margin-right: 10px;}
.goodsViewArea .goodsRemoteArea .tutorArea .info .option li.date::before{background-image: url('/Skin/img/icon/calendar.svg');}
.goodsViewArea .goodsRemoteArea .tutorArea .info .option li.time::before{background-image: url('/Skin/img/icon/clock.svg');}
.goodsViewArea .goodsRemoteArea .goodsDetailList article{padding: 35px 0;}
.goodsViewArea .goodsRemoteArea .goodsDetailList article + article{border-top: 1px solid #666; margin-top: 20px; padding-top: 20px;}
.goodsViewArea .goodsRemoteArea .goodsDetailList .cate{font-size: 20px; margin: 10px 0;}
.goodsViewArea .goodsRemoteArea .goodsDetailList .cate span{display: inline-block; background: #e95318; color: #fff; padding: 3px 20px; font-weight: 300;}
.goodsViewArea .goodsRemoteArea .goodsDetailList .goodsTitle{font-size: 30px; font-weight: 600; margin: 20px 0;}
.goodsViewArea .goodsRemoteArea .goodsDetailList .infoBtns{font-size: 16px; margin: 10px 0; display: flex; justify-content: space-around;}
.goodsViewArea .goodsRemoteArea .goodsDetailList .infoBtns li{width: 32%; text-align: center;}
.goodsViewArea .goodsRemoteArea .goodsDetailList .infoBtns li .iBtn{background: rgba(255, 255, 255, 0.1); border: 1px solid #777; display: block; height: 40px; line-height: 40px; font-size: 16px; font-weight: 100; color: #ccc}
.goodsViewArea .goodsRemoteArea .goodsDetailList .infoBtns li .iBtn::before{width: 17px; height: 17px;}
.goodsViewArea .goodsRemoteArea .goodsDetailList .infoBtns li .user::before{background-image: url('/Skin/img/icon/user-line-red.svg');}
.goodsViewArea .goodsRemoteArea .goodsDetailList .infoBtns li .like::before{background-image: url('/Skin/img/icon/heart-empty.svg');}
.goodsViewArea .goodsRemoteArea .goodsDetailList .infoBtns li .review::before{background-image: url('/Skin/img/icon/pencil.svg');}
.goodsViewArea .goodsRemoteArea .goodsDetailList table.price{width: 100%;}
.goodsViewArea .goodsRemoteArea .goodsDetailList table.price tr > *{padding: 10px 0;}
.goodsViewArea .goodsRemoteArea .goodsDetailList table.price th{font-weight: 600; font-size: 20px; text-align: left;}
.goodsViewArea .goodsRemoteArea .goodsDetailList table.price td{text-align: right; font-size: 22px;}
.goodsViewArea .goodsRemoteArea .goodsDetailList table.price .iBtn.coupon::before{width: 20px; height: 20px; background-image: url('/Skin/img/icon/download.svg');}
.goodsViewArea .goodsRemoteArea .goodsDetailList table.price .total .guide{margin-right: 10px;}
.goodsViewArea .goodsRemoteArea .goodsDetailList table.price .total b{font-size: 27px;}
.goodsViewArea .goodsRemoteArea .goodsDetailList table.price .guide{font-size: 13px; font-weight: 300; margin: 5px 0;}
.goodsViewArea .goodsRemoteArea .goodsDetailList table.price .color1{color: #e95318}
.goodsViewArea .goodsRemoteArea .goodsDetailList table.price .gray{color: #999}
.goodsViewArea .goodsRemoteArea .goodsDetailList #couponCount b{margin-right: 3px;}
.goodsViewArea .goodsRemoteArea .goodsDetailList .links{display: flex; justify-content: space-around; margin-top: 20px;}
.goodsViewArea .goodsRemoteArea .goodsDetailList .links li{width: 32%;}
.goodsViewArea .goodsRemoteArea .goodsDetailList .links li .iBtn{width: 100%;}
.goodsViewArea .goodsRemoteArea .goodsDetailList .links li .iBtn::before{width: 21px; height: 21px;}
.goodsViewArea .goodsRemoteArea .goodsDetailList .links li .like::before{background-image: url('/Skin/img/icon/heart-empty.svg');}
.goodsViewArea .goodsRemoteArea .goodsDetailList .links li .like.on::before{background-image: url('/Skin/img/icon/heart.svg');}
.goodsViewArea .goodsRemoteArea .goodsDetailList .links li .share::before{background-image: url('/Skin/img/icon/share-dot.svg');}
.goodsViewArea .goodsRemoteArea .goodsDetailList .links li .wish::before{background-image: url('/Skin/img/icon/add-circle.svg');}
.goodsViewArea .goodsRemoteArea .goodsDetailList .links li .wish.on::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23e95318' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z'/%3E%3C/svg%3E");}

.goodsShare{padding: 20px; text-align: center;}
.goodsShare .links{margin-bottom: 40px;}
.goodsShare .links li{display: inline-block; vertical-align: middle; margin: 0 5px;}
.goodsShare .links li a::before{content: ''; display: block; width: 60px; height: 60px; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; background: no-repeat center center/50%; margin-bottom: 10px;}
.goodsShare .links li a.kakao::before{background-image: url('/Skin/img/icon/share-kakao.svg'); background-color: #FEE500;}
.goodsShare .links li a.clipboard::before{background-image: url('/Skin/img/icon/clipboard.png'); border: 2px solid #000;}
.goodsShare .links li a.twitter::before{background-image: url('/Skin/img/icon/share-twitter.svg'); background-color: #1da1f2;}
.goodsShare .links li a.facebook::before{background-image: url('/Skin/img/icon/share-facebook.svg'); background-color: #4267B2;}

.goodsGroupList{}
.goodsGroupList .paging{margin-top: 80px;}
.goodsGroupList .moreBtns{margin-top: 80px; text-align: center;}
.goodsGroupList .moreBtns .eBtn{width: 280px;}

.calendarBox{margin: 20px 0;}
.calendarBox header{background: #222; text-align: center; padding: 10px 0; margin-bottom: 10px;}
.calendarBox header > *{vertical-align: middle;}
.calendarBox header .oiBtn{width: 33px; height: 33px; -webkit-background-size:50%; background-size:50%; opacity: .6;}
.calendarBox header .oiBtn.prev{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'/%3E%3C/svg%3E");}
.calendarBox header .oiBtn.next{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3E%3C/svg%3E");}
.calendarBox header .currentDate{font-size: 20px; margin: 0 10px;}
.calendarBox .calendarGrid{text-align: center;}
.calendarBox .calendarGrid .sun{color: #e95318}
.calendarBox .calendarGrid #weekNames{font-size: 20px; display: flex; border: 1px solid #ccc}
.calendarBox .calendarGrid #weekNames span{flex: 1 1 14.28%; padding: 10px;}
.calendarBox .calendarGrid #weekNames span b{font-weight: 400}
.calendarBox .calendarGrid #weekNames span + span{border-left: 1px solid #ccc;}
.calendarBox .calendarGrid #monthList{font-size: 16px; display: flex; flex-wrap: wrap; border-left: 1px solid #444;}
.calendarBox .calendarGrid #monthList .day{flex: 1 1 14.28%; border: 1px solid #444; border-width: 0 1px 1px 0;}
.calendarBox .calendarGrid #monthList .day .num{display: block; background: #222; color: #ccc; font-weight: 100; font-size: 14px; height: 20px; line-height: 20px;}
.calendarBox .calendarGrid #monthList .day.sun .num{color: #e95318}
.calendarBox .calendarGrid #monthList .day .schedule{display: flex; height: 100px; align-items: center; justify-content: center; flex-direction: column;}
.calendarBox .calendarGrid #monthList .day .schedule .subject{margin: 5px 0; font-weight: 300;}
.calendarBox .calendarGrid #monthList .day .schedule .time{background: #e95318; display: inline-block; padding: 3px 10px; margin: 5px 0; font-weight: 300;}

.goodsFAQWrite .subject input{width: 100%;}
.goodsFAQWrite .contentBox{margin-top: 5px;}
.goodsFAQWrite .contentBox textarea{height: 100px; width: 100%;}
.goodsFAQWrite .btnArea{text-align: center; margin-top: 20px;}
.goodsFAQWrite .btnArea .mBtn{min-width: 100px; margin: 0 10px;}

.goodsFAQList{margin: 35px 0;}
.goodsFAQList li{padding: 35px 0;}
.goodsFAQList li + li{border-top: 1px solid #444;}
.goodsFAQList .txtBox{display: flex; align-items: flex-start;}
.goodsFAQList .txtBox .num{flex: 1;}
.goodsFAQList .txtBox .con{flex: 20; font-weight: 300; line-height: 1.5;}
.goodsFAQList .num{font-size: 27px; font-weight: 500; margin-right: 5px;}
.goodsFAQList .subject{margin-bottom: 15px;}
.goodsFAQList .subject .num{color: #e95318}
.goodsFAQList .subject .title{font-size: 22px;}
.goodsFAQList .answer .num{color: #605654}
.goodsFAQList .answer .content{font-size: 16px;}
.goodsFAQList .btns{text-align: right; margin-top: 10px;}
.goodsFAQList .btns a{text-decoration: underline;}
.goodsFAQList .btns a + a{margin-left: 10px;}

.goodsRefund{}
.goodsRefund .refundCon{font-size: 14px; font-weight: 300; line-height: 1.5;}
.reviewList{
	padding: 20px;
}
.reviewList > header{display: flex; align-items: center;}
.reviewList > header .count{font-size: 16px; font-weight: 400;}
.reviewList > header .count b{color: #e95318; font-weight: 400;}
.reviewList > header .btns{margin-left: auto;}
.reviewList > header .btns .mBtn{padding: 0 20px; height: 30px; line-height: 30px;}
.reviewList .listArea{margin: 20px 0; border-top: 1px solid #444;}
.reviewList .listArea .row{border-bottom: 1px solid #444; padding: 10px 0; font-weight: 300;}
.reviewList .listArea .row .titleArea{display: flex; align-items: center; padding: 15px 0; font-size: 16px;}
.reviewList .listArea .row .titleArea .star-ic{margin-right: 10px;}
.reviewList .listArea .row .titleArea .date{margin-left: auto; color: #999}
.reviewList .conArea{display: none;}

.reviewContents{padding: 0 65px 50px 65px; font-size: 16px; font-weight: 300; line-height: 1.5;}
.reviewContents .title{border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.reviewContents .contentsBox{margin: 10px 0;}
.reviewContents .info{text-align: right; color: #888; font-size: 13px;}
.reviewContents .photo li{display: inline-block; margin: 5px; width: 100px; height: 100px; border: 1px solid #666; background: #222;}
.reviewContents .photo li i{display: block; width: 100px; height: 100px; background: no-repeat center center/contain;}
.reviewContents .photo li img{width: 100%; max-width: 100%; height: 100%; object-fit: contain;}
.reviewContents .photo.on li{width: auto; height: auto;}
.reviewContents .photo.on li img{width: auto; height: auto; object-fit: inherit;}
.reviewContents .btnArea{margin-top: 20px;}
.reviewContents .btnArea .wBtn + .wBtn{margin-top: 5px;}

.reviewWrite{padding: 0 65px; padding-bottom: 50px;}
.reviewWrite .formList .input input{font-size: 15px; padding: 0 10px;}
.reviewWrite .formList .input textarea{height: 245px; font-size: 15px; padding: 10px;}
.reviewWrite .selectScoreList{position: relative; margin-bottom: 10px;}
.reviewWrite .selectScoreList label input{display: none;}
.reviewWrite .selectScoreList label span{display: block; padding: 0 10px; cursor: pointer;}
.reviewWrite .selectScoreList label span strong{margin-right: 10px;}
.reviewWrite .selectScoreList .top{display: block; border: 1px solid #444; height: 40px; line-height: 40px; font-size: 14px;}
.reviewWrite .selectScoreList ul{display: none; position: absolute; z-index: 9; width: 100%; top: 40px; left: 0; background: #000; border: 1px solid #444; border-top: none;}
.reviewWrite .selectScoreList ul li label span{padding: 10px; font-size: 16px;}
.reviewWrite .selectScoreList ul li label span:hover{background: #222;}
.reviewWrite .multiFileUploadArea{margin: 10px 0;}
.reviewWrite .multiFileUploadArea .fileUploadArea{display: inline-block; margin: 5px; position: relative;}
.reviewWrite .multiFileUploadArea .fileUploadArea .fileUploadImage{display: inline-block; width: 100px; height: 100px; border: 1px solid #444; background: no-repeat center center/30%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23666' viewBox='0 0 24 24'%3E%3Cpath d='M5 8.5c0-.828.672-1.5 1.5-1.5s1.5.672 1.5 1.5c0 .829-.672 1.5-1.5 1.5s-1.5-.671-1.5-1.5zm9 .5l-2.519 4-2.481-1.96-4 5.96h14l-5-8zm8-4v14h-20v-14h20zm2-2h-24v18h24v-18z'/%3E%3C/svg%3E");}
.reviewWrite .multiFileUploadArea .fileUploadArea .fileUploadImage i{display: block; width: 100%; height: 100%; background: no-repeat center center/contain;}
.reviewWrite .multiFileUploadArea .fileUploadArea .fileUploadBtn{position: absolute; z-index: 1; width: 100px; height: 100px; overflow: hidden; font-size: 0; color: transparent; line-height: 9; left: 0; top: 0;}
.reviewWrite .multiFileUploadArea .fileUploadArea .fileUploadAreaAddBtn{display: none; width: 100px; height: 100px; margin-left: 10px; vertical-align: top; overflow: hidden; font-size: 0; color: transparent; line-height: 9; border: 1px solid #444; background: no-repeat center center/30%; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%23999' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z'/%3E%3C/svg%3E");}
.reviewWrite .multiFileUploadArea .fileUploadArea .fileUploadAreaRmBtn{position: absolute; z-index: 2; left: 1px; top: 1px; background: rgba(0, 0, 0, 0.6) no-repeat center center/40%; width: 30px; height: 30px; overflow: hidden; font-size: 0; color: transparent; line-height: 9; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%23fff' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M12 11.293l10.293-10.293.707.707-10.293 10.293 10.293 10.293-.707.707-10.293-10.293-10.293 10.293-.707-.707 10.293-10.293-10.293-10.293.707-.707 10.293 10.293z'/%3E%3C/svg%3E");}
.reviewWrite .multiFileUploadArea .fileUploadArea:last-child .fileUploadAreaAddBtn{display: inline-block;}
      

    
@font-face {font-family: 'Gmarket Sans'; font-style: normal; font-weight: 700; src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'), url('/Skin/css/gmarket-font/GmarketSansBold.woff2') format('woff2'), 

/* Chrome 26+, Opera 23+, Firefox 39+ */ url('/Skin/css/gmarket-font/fonts/GmarketSansBold.woff') format('woff'); 

/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}

.couponModal{max-width: 510px; margin: 0 auto; letter-spacing: -0.05em; padding: 30px 0;}
.couponModal header{margin-bottom: 65px; text-align: center;}
.couponModal header .notice{color: #e95318; font-size: 45px; letter-spacing: -0.08em; font-family: 'Gmarket Sans'; font-weight: 700;}
.couponModal header .txt{font-size: 16px; margin: 10px 0;}
.couponModal .infoTxt{border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; text-align: center;}
.couponModal .infoTxt .couponTitle{font-size: 27px; font-weight: 300;}
.couponModal .infoTxt .couponTitle b{font-weight: 500; color: #e95318}
.couponModal .infoTxt .discount{text-align: center; margin: 20px 0;}
.couponModal .infoTxt .discount span{display: inline-block; background: #e95318; padding: 5px 20px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; font-size: 20px;}
.couponModal .infoTxt .date{font-size: 16px;}
.couponModal .guide{margin: 20px 0; font-size: 13px; line-height: 1.5; color: #fff}

.orderList{color: #fff}
.orderList .tal{text-align: left;}
.orderList ul{display: table; width: 100%; padding: 8px 0; justify-content: space-around; font-size: 16px; font-weight: 300; text-align: center;}
.orderList ul li{display: table-cell;}
.orderList ul li + li{border-left: 1px solid #fff;}
.orderList ul li.class{}
.orderList ul li.date{width: 20%;}
.orderList ul li.price{width: 15%;}
.orderList ul li.discount{width: 15%;}
.orderList ul li.check{width: 80px;}
.orderList ul.orderHead{border-top: 1px solid #fff;}
.orderList ul.orderHead li{padding: 10px;}
.orderList ul.orderBody{border-top: 1px solid #444; border-bottom: 1px solid #fff;}
.orderList ul.orderBody li{border-color: #444; padding: 25px;}

.dcTable{width: 100%; font-size: 16px;}
.dcTable th{background: #222; width: 200px; font-weight: 400;}
.dcTable tr > *{border-bottom: 1px solid #444; padding: 10px;}
.dcTable input[type="text"]{background: #222; border: 1px solid #444; color: #fff; padding: 0 10px; font-weight: 300;}
.dcTable .mBtn{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; min-width: 150px;}
.dcTable .pointGuide{display: inline-block; vertical-align: middle; margin: 0 10px;}
.dcTable .pointGuide li{display: inline-block; font-size: 13px; font-weight: 300;}
.dcTable .pointGuide li + li::before{content: "/"; margin: 0 10px;}

.receipt table{width: 100%;}
.receipt table th{text-align: left; padding: 10px 0;}
.receipt table td{text-align: right;}
.receipt .total{border-top: 1px solid #444; margin-top: 20px; padding-top: 20px; display: flex; align-items: flex-end;}
.receipt .total .t1{font-size: 17px;}
.receipt .total .price{margin-left: auto; font-size: 27px; color: #e95318; font-weight: 500;}

.contents.cart{}
.contents.cart .pageTitle{text-align: center; font-size: 27px; margin-bottom: 50px;}
.contents.cart .cartMyInfo{margin-top: 40px; padding: 18px 25px; border: 5px solid #e8e8e8; display:none;}
.contents.cart .cartMyInfo header{padding-bottom: 10px; font-size: 13px;}
.contents.cart .cartMyInfo header b{font-weight: 600;}
.contents.cart .cartMyInfo dl:after{content:' '; display:block; clear:both;}
.contents.cart .cartMyInfo dt{float: left; padding-right:30px;}
.contents.cart .cartMyInfo dd{float: left; color: #f00;}
.contents.cart .cartMyInfo dd+dt{margin-left: 50px;}
.contents.cart #orderItemsArea{margin-top: 50px; color:#666;}
.contents.cart span.number{color:#000;}
.contents.cart .itemResult{border-bottom:1px solid #dbdbdb; padding:15px;}
.contents.cart .itemResult dl{position:relative; width:30%; left:70%;}
.contents.cart .itemResult dl + dl{margin-top:10px;}
.contents.cart .itemResult dl:after{content:' '; display:block; clear:both;}
.contents.cart .itemResult dt{float:left; width:60%; text-align: right; color:#999;}
.contents.cart .itemResult dd{float:left; width:40%; text-align: right; font-weight: 600;}
.contents.cart .checkFuncBtn{padding-top:20px;}
.contents.cart .checkFuncBtn button,.contents.cart .checkFuncBtn a{display:inline-block; width:100px; height:30px; margin-right:5px; border:1px solid #cdcdcd; font-size: 13px; font-weight: 600; color:#666; background:#fff;}
.contents.cart .checkFuncBtn button.btn2{background:#dbdbdb;}
.contents.cart .agreeArea{margin: 30px 0; color: #fff; text-align: center;}
.contents.cart .agreeArea .checkArea{display: inline-block; text-align: left;}
.contents.cart .orderBtn{text-align: center;}
.contents.cart .orderBtn .eBtn{min-width: 280px; margin: 5px;}

.contents.order table.write{border-top:2px solid #dbdbdb; width:100%;}
.contents.order table.write th,.contents.order table.write td{padding:10px; border:1px solid #dbdbdb; border-width:1px 0;}
.contents.order table.write th{padding-left:20px;background:#f7f7f7; width:150px; font-size: 12px; color:#333333; text-align:left;}
.contents.order table.write label + label{margin-left:40px;}
.contents.order table.write input[type=text],.contents.order table.write input[type=password]{height:25px; background:#fff;}
.contents.order table.write .mBtn{height:25px;}
.contents.order table.write p + p{margin-top:5px;}
.contents.order .cartResult{margin-top:10px;}
.contents.order .paymentInfo{display: flex; border: 1px solid #fff; border-width: 1px 0;}
.contents.order .paymentInfo article{flex: 1; font-size: 20px; font-weight: 300; display: flex; justify-content: center; padding: 50px;}
.contents.order .paymentInfo article + article{border-left: 1px solid #fff;}
.contents.order .paymentInfo article h3{color: #e95318; font-weight: 400; font-size: 27px; margin-bottom: 20px;}
.contents.order .paymentInfo article .articleIn{width: 580px;}
.contents.order #paymentType label{display: block; margin: 10px 0;}
.contents.order #depositorArea input{font-size: 17px;}

.cartList table{width:100%;}
.cartList tbody td{padding:10px 0; border:1px solid #dbdbdb; border-width:1px 0; text-align: center; font-size: 13px;}
.cartList tbody td.goodsImg img{width:100px; height:100px;}
.cartList tbody td.goodsName{text-align:left; padding-left:15px;}
.cartList tbody td.cartOptBtn button{display:block; width:75px; min-height:22px; border:1px solid #ccc; font-size: 11px; color:#999; margin:0 auto; padding:5px 0;}
.cartList tbody td.cartOptBtn button + button{margin-top:4px;}
.cartList tbody td.cartOptBtn button.directOrdBtn{border-color:#888; background:#999; color:#fff;}
.cartList tbody td.cartOptBtn button.couponSelectedBtn{border-color:#888; background:#999; color:#fff;}
.cartList tbody td.cartOptBtn span.selectTxt{display:block; font-size: 11px; padding:5px 0 0; color:#888; letter-spacing:-1px;}
.cartList .eaArea button.btn{display:block; width:52px; height:24px; margin:0 auto; border:1px solid #7e7e7e; font-size: 13px; color:#7e7e7e;}

.cartResult{margin-top:100px; display:table; width:100%; table-layout:fixed; border:1px solid #e9e9e9;}
.cartResult > div{display:table-cell; height:100%;}
.cartResult > div + div{border-left:1px solid #e9e9e9;}
.cartResult dt{height:40px; font-size: 13px; color:#555; text-align: center; line-height:40px;}
.cartResult dd{height:80px; font-size: 18px; color:#333; border-top:1px solid #e9e9e9; font-weight: 600; text-align: center; line-height:79px;}
.cartResult dd span.number{font-size: 23px;}
.cartResult div.totalResultPrice dd,.cartResult div.totalResultPrice dd span.number{color:#f50000;}

.contents.orderResult{text-align: center;}
.contents.orderResult .title{font-size: 27px; font-weight: 400;}
.contents.orderResult .resSummary{font-size: 22px; font-weight: 300; border-bottom: 1px solid #fff; margin-bottom: 20px; padding-bottom: 20px;}
.contents.orderResult .goodsInfo{font-size: 21px; font-weight: 300;}
.contents.orderResult .goodsInfo .notice{color: #e95318;}
.contents.orderResult .accountInfo{margin: 25px 0; background: rgba(255, 255, 255, 0.05); padding: 20px; border: 1px solid #333;}
.contents.orderResult .accountInfo h4{text-align: left; font-weight: 300; font-size: 14px; margin-bottom: 10px;}
.contents.orderResult .accountInfo .list{border: 1px solid #fff; border-width: 1px 0; width: 100%; font-size: 14px; font-weight: 300;}
.contents.orderResult .accountInfo .list tr th{font-weight: 400; width: 100px;}
.contents.orderResult .accountInfo .list tr > *{padding: 10px;}
.contents.orderResult .accountInfo .list tr + tr > *{border-top: 1px solid #444;}
.contents.orderResult .accountInfo .notice{color: #e95318; font-size: 16px; margin-top: 10px;}
.contents.orderResult .btnArea{margin-top: 20px; text-align: center;}
.contents.orderResult .btnArea .wBtn + .wBtn{margin-top: 10px;}

#selectCouponModal .modal_contents{padding: 30px;}
#selectCouponModal .couponList{font-size: 16px; font-weight: 300; font-size: 15px;}
#selectCouponModal .couponList .btnArea{display: flex;}
#selectCouponModal .couponList .btnArea .sColor1{flex: 2; margin-right: 5px;}
#selectCouponModal .couponList .btnArea .bColorF{flex: 1;}

.contents.board{margin-top: 50px;}
.contents.board .boardHeader{margin-bottom: 20px; text-align: right;}
.contents.board .boardTtile{margin-bottom: 50px;}
.contents.board .boardTtile h3{font-size: 30px; font-weight: 400; text-align: center;}
.contents.board .boardFooter{text-align: center; margin-top: 50px;}
.contents.board .boardFooter form > *{display: inline-block; vertical-align: middle; margin: 0 2px;}
.contents.board .boardFooter form .mBtn{height: 32px; line-height: 32px;}

.boardList{font-size: 14px;}
.boardList ul{border-top: 1px solid #fff;}
.boardList li{display: table; width: 100%; border-bottom: 1px solid #444; padding: 8px 0;}
.boardList li > div{display: table-cell; text-align: center; padding: 10px;}
.boardList .list.vam li > div{vertical-align: middle;}
.boardList li.notice{background: #333;}
.boardList li.notice .cate{font-size: 12px; background: #333; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; padding: 3px 10px; margin-right: 10px;}
.boardList .tal{text-align: left;}
.boardList .category{width: 18%;}
.boardList .date{width: 10%;}
.boardList .status{width: 10%;}
.boardList .price{width: 10%;}
.boardList .pay{width: 10%;}
.boardList .w10{width: 10%;}
.boardList .w15{width: 15%;}
.boardList .w20{width: 20%;}
.boardList .w30{width: 30%;}
.boardList .paging{margin-top: 50px;}
.boardList .boardSearch{margin: 50px 0; text-align: center;}
.boardList .boardSearch > *{vertical-align: middle;}
.boardList .boardSearch .mBtn{height: 32px; line-height: 32px;}

ul.list{border-top: 1px solid #fff;}
ul.list .head{text-align: center; padding: 5px 0; font-size: 14px;}
ul.list .head > div + div{border-left: 1px solid #fff;}
ul.list li.head + li{border-top: 1px solid #fff;}

.tableLight{display: table; width: 100%; border-top: 1px solid #fff;}
.tableLight dl{display: table-row;}
.tableLight dl > *{display: table-cell; border-bottom: 1px solid #444; padding: 10px;}
.tableLight dl dt{width: 150px; background: #333;}
.tableLight dl dd{font-weight: 300; width: 40%;}
.tableLight dl dd b{font-weight: 300;}

.boxNotice{background: #333; padding: 10px 20px; display: flex; align-items: center; font-size: 16px;}
.boxNotice .day{margin-left: auto; color: #e95318;}

.boardView{margin: 30px 0;}
.boardView header{border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; font-weight: 300;}
.boardView header .subject{border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; font-size: 16px;}
.boardView header .title{font-size: 16px; margin-bottom: 5px;}
.boardView header .info{display: flex; align-items: center;}
.boardView header .info li{display: inline-block;}
.boardView header .info li + li::before{content: "|"; margin: 0 10px; font-weight: 100;}
.boardView header .info li.classNum{margin-left: auto; color: #e95318; font-size: 16px;}
.boardView header .info li.classNum::before{display: none;}
.boardView .contents{border-bottom: 1px solid #ccc;}
.boardView .contents img{max-width: 100%;}
.boardView .contents .contentsBox{padding: 10px; font-size: 16px; min-height: 400px;}
.boardView .contents .file{margin: 10px 0; background: #333; padding: 15px; font-size: 16px; display: flex;}
.boardView .contents .file a{font-weight: 300; color: #999; text-decoration: underline; margin-left: 10px;}
.boardView .contents .file .guide{margin-left: auto; color: #999; font-size: 14px;}
.boardView .bottomBtn{text-align: right; margin-top: 30px; display: flex;}
.boardView .bottomBtn .mBtn{min-width: 80px;}
.boardView .bottomBtn .mBtn + .mBtn{margin-left: 5px;}
.boardView .bottomBtn .right{margin-left: auto;}

.boardWrite{margin: 30px 0;}
.boardWrite .bottomBtn{text-align: center; margin-top: 30px;}
.boardWrite .bottomBtn .mBtn{min-width: 100px; margin: 0 2px;}
.boardWriteBtn{margin: 20px 0; text-align: right;}
.boardWriteBtn .mBtn{min-width: 120px;}

table.write{width: 100%; border: 1px solid #333; border-width: 1px 0; font-size: 15px;}
table.write tr > *{padding: 10px;}
table.write tr th{font-weight: 400; width: 10%; text-align: left;}
table.write label + label{margin-left: 10px;}
table.write textarea{height: 300px;}
table.write input[name="subject"]{width: 100%;}
table.write .fileUploadArea2{background: #858484; border: 1px solid #fff; padding: 5px; display: flex; align-items: center;}
table.write .fileUploadArea2::before{order: 1; content: "첨부파일"; font-size: 14px; padding: 0 10px;}
table.write .fileUploadArea2 button{order: 2; font-size: 0; height: auto; padding: 0 1px;}
table.write .fileUploadArea2 button i::before{content: "찾아보기"; font-size: 14px; background: #ccc; color: #666; display: inline-block; line-height: 35px; padding: 0 10px;}
table.write .fileUploadArea2 p{order: 3; flex: 9; background: #fff; height: 35px; line-height: 35px; color: #999; padding: 0 10px; font-weight: 300;}

.dlList{margin: 10px 0; font-size: 16px;}
.dlList dl{display: flex;}
.dlList dl + dl{margin-top: 8px;}
.dlList dt{min-width: 120px; font-weight: 300; color: #ccc}

.faqBoardArea{margin-top: 50px;}
.faqBoardArea #FAQSch{text-align: center; margin: 35px 0;}
.faqBoardArea .searchBox{display: inline-block; position: relative; width: 50%;}
.faqBoardArea #FAQSch input{height: 50px; width: 100%; min-width: 100px;}
.faqBoardArea #FAQSch .oiBtn{position: absolute; right: 0; top: 0; width: 50px; z-index: 1; height: 50px; width: 50px; -webkit-background-size:40%; background-size:40%;}

.faqList{border: 1px solid #fff; border-width: 1px 0;}
.faqList dl + dl{border-top: 1px solid #666;}
.faqList dl dt{font-size: 18px; padding: 20px;}
.faqList dl dd{display: none; background: #333; padding: 20px; font-size: 14px;}
.faqList img{max-width: 100%;}

.faqList ~ .paging{margin-top: 35px;}

.contents.inquiry table.write input[type="text"]{width: 50%}
.contents.inquiry table.write input[type="email"]{width: 50%}
.contents.inquiry table.write input[type="tel"]{width: 50%}
.manToManView .contents{padding:5px 5px 30px;}

#ReplyList{margin: 30px 0;}
#ReplyList #replyListContents{border: 1px solid #998; border-width: 1px 0; margin: 20px 0;}
#ReplyList article + article{border-top: 1px solid #999;}
#ReplyList article{padding: 10px;}
#ReplyList article .info{font-weight: 300; color: #999; margin-bottom: 10px;}
#ReplyList article .info span + span::before{content: "/"; margin: 0 5px;}
#ReplyList article .bottomBtn{margin-top: 10px; text-align: right;}

#ReplyList #replyListContents{border:0; margin: 20px 0; font-size:13px;}
#ReplyList #replyListContents article + article{border:5px solid #555; margin-top:20px;}
#ReplyList #replyListContents article{border:5px solid #555;}
#ReplyList #replyListContents article .writeInf{color:#ccc; display:table; width:100%; table-layout:fixed--;}
#ReplyList #replyListContents article header{padding:0 5px 10px;}
#ReplyList #replyListContents article dl{float:left; display:table;}
#ReplyList #replyListContents article dl:last-child{float:right;}
#ReplyList #replyListContents article dt{display:table-cell; padding-left:5px;}
#ReplyList #replyListContents article dd{display:table-cell; padding-right:5px;}
#ReplyList #replyListContents article dd:before{content:':'; display:inline-block; vertical-align:middle; margin:0 5px;}
#ReplyList #replyListContents article dl + dl{margin-left:30px;}
#ReplyList #replyListContents article .comment{padding:10px 5px;}

#replyWrite{margin: 20px 0;}
#replyWrite > h3{font-weight: 400; margin-bottom: 10px; font-size: 16px;}
#replyWrite .user{margin: 10px 0;}
#replyWrite .writeForm{display: flex; align-items: stretch; justify-content: stretch;}
#replyWrite .writeForm .textBox{flex: 9; margin-right: 5px; height: 100px;}
#replyWrite .writeForm .btn{flex: 1;}
#replyWrite .option{margin: 10px 0;}
@charset "UTF-8";

<br />
<b>Warning</b>:  include(cs.incss.php): failed to open stream: No such file or directory in <b>/var/www/html/Skin/css/shoppingnmom/common.bhcss.php</b> on line <b>54</b><br />
<br />
<b>Warning</b>:  include(): Failed opening 'cs.incss.php' for inclusion (include_path='.:/usr/share/pear:/usr/share/php') in <b>/var/www/html/Skin/css/shoppingnmom/common.bhcss.php</b> on line <b>54</b><br />
@media all  and (min-width: 1921px) .goodsGrid > li{width: 14.3%;}
<br />
<b>Warning</b>:  include(cs.incss.php): failed to open stream: No such file or directory in <b>/var/www/html/Skin/css/shoppingnmom/common.bhcss.php</b> on line <b>54</b><br />
<br />
<b>Warning</b>:  include(): Failed opening 'cs.incss.php' for inclusion (include_path='.:/usr/share/pear:/usr/share/php') in <b>/var/www/html/Skin/css/shoppingnmom/common.bhcss.php</b> on line <b>54</b><br />
@media all  and (min-width: 1921px) .goodsGroupList .swiper-container .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide  + .swiper-slide{opacity: 1;}

@media all  and (max-width: 1700px){
	.inner{padding: 0 45px;}
	#header .logo{margin-right: 30px;}
	#header #gnb > li + li{margin: 0 15px;}
	.goodsGrid > li{width: 20%;}
	.goodsGroupList .swiper-container .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{opacity: .3;}
}
@media all  and (max-width: 1600px){
	.inner-w{width: 100%; padding: 0 50px;}


/* #header .header-inner{padding: 30px; padding-bottom: 10px;}*/

    
  

    .visualArea .txtArea .visualTxt .t1{font-size: 55px;}
	.visualArea .txtArea .visualTxt .t2 span{font-size: 20px;}
	.visualArea .txtArea .visualTxt .t3{font-size: 20px;}
}
@media all  and (max-width: 1500px){
	.goodsGroupList .swiper-container .swiper-button-prev,
    .goodsGroupList .swiper-container .swiper-button-next{width: 45px;}
	.goodsGroupList .swiper-container .swiper-button-prev{left: -45px;}
	.goodsGroupList .swiper-container .swiper-button-next{right: -45px;}
	.visualArea .txtArea .visualTxt .t1{font-size: 45px;}
	.visualArea .txtArea .visualTxt .t2 span{font-size: 18px;}
	.visualArea .txtArea .visualTxt .t3{font-size: 18px;}
	.goodsGrid > li{width: 25%;}
	.goodsGroupList .goodsGroup h2.title{font-size: 22px;}
	.goodsGroupList .swiper-container .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{opacity: .3;}
}
@media all  and (max-width: 1460px){
	#header .search-field{display: none !important;}
	#header .header-inner .header-right .oiBtn.search{display: block !important;}
	.contents.search{padding-top: 0;}
	.contents.search #schForm{display: block;}
}
@media all  and (max-width: 1300px){
	#header #gnb{display: none;}
	#header .mGnbOpen{display: inline-block; margin-right: 10px;}
	#header .logo{margin: 0;}


/*
    #header .header-inner .header-right{padding-top: 0;}
    #header .header-inner .header-right > *{margin-top: 0;}
    */

    
    #header .header-inner{margin: 10px 0;}
	.visualArea{margin-bottom: 0 !important;}
	.classPageArea .videoFrame .dualVideoArea.dualOn .video-main{width: 75%;}
	.classPageArea .videoFrame .dualVideoArea.dualOn .videos{width: 25%;}
}
@media all  and (max-width: 1200px){
	.classPageArea .videoFrame .dualVideoArea .topBtn{flex-direction: column; align-items: flex-end}
	.classPageArea .videoFrame .dualVideoArea .device-controls + .showHideBtn{margin-top: 10px;}
	.inner{padding: 0 20px;}
	.inner-s{width: 100%; padding: 0 20px;}
	.inner-w{padding: 0 20px;}
	#footer .inner-s{padding: 0 20px;}
	.eBtn{height: 45px; line-height: 45px; font-size: 15px;}
	.bBtn{font-size: 20px; height: 55px; line-height: 55px;}
	.goodsGroupList .swiper-container .swiper-button-prev,
    .goodsGroupList .swiper-container .swiper-button-next{width: 20px;}
	.goodsGroupList .swiper-container .swiper-button-prev{left: -20px;}
	.goodsGroupList .swiper-container .swiper-button-next{right: -20px;}
	.centerFormArea .centerBox{width: 80%;}
	.visualArea .bgArea{height: 60vh; min-height: 300px; width: 100%; position: relative; overflow: hidden;}
	.visualArea .bgArea > *{display: flex; justify-content: center; height: 100%; position: absolute; top: 0; left: 50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
	.visualArea .bgArea video{width: 245% !important;}
	.visualArea .bgArea img{width: auto; height: 100%;}
	.visualArea .txtArea::before{background:-webkit-linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); background:-moz-linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); background:-o-linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); background:linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));}
	.visualArea .txtArea .inner-w{align-items: flex-end; padding-bottom: 50px;}
	.classPageArea .videoFrame .dualVideoArea .videoBox .video-main{flex: 1;}
	.classPageArea .videoFrame .dualVideoArea .videoBox .video{flex: 1;}
	.classPageArea .videoFrame .dualVideoArea .videoBox {/*align-items: center !important; */background-color: black;}
	.goodsGrid > li{width: 33.33%;}
	.goodsGroupList .goodsGroup{margin: 35px 0;}
	.goodsGroupList .goodsGroup h2.title{white-space: nowrap; max-width: 100%; overflow: hidden; position: relative;}
	.goodsGroupList .goodsGroup h2.title::after{content: ""; position: absolute; right: 0; top: 0; display: block; width: 20px; height: 100%; background:-webkit-linear-gradient(to left, #000, rgba(0, 0, 0, 0)); background:-moz-linear-gradient(to left, #000, rgba(0, 0, 0, 0)); background:-o-linear-gradient(to left, #000, rgba(0, 0, 0, 0)); background:linear-gradient(to left, #000, rgba(0, 0, 0, 0));}
	.goodsGroupList .swiper-container .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{opacity: .3;}
	.contents.category{margin-top: 30px;}
	.contents.category .categoryHeader{flex-direction: column;}
	.contents.category .categoryHeader h2{order: 2;}
	.contents.category .categoryHeader .goodsListViewOpt{order: 1;}
	.goodsViewArea{padding-top: 20px;}
	.goodsViewArea .inner{flex-direction: column;}
	.goodsViewArea .goodsRemoteArea{order: 1;}
	.goodsViewArea .goodsTabArea{order: 2; margin-right: 0;}
	.goodsViewArea .goodsTabArea .tabList li a{font-size: 13px; padding: 10px;}


/*
    .goodsViewArea .goodsTabArea .tabList{border-left: 1px solid #444;}
   
    .goodsViewArea .goodsTabArea .tabList li.active{display: none;}
    */
    

    .goodsViewArea .goodsRemoteArea .toggleBox header a{font-size: 16px; font-weight: 400; padding: 10px;}
	.goodsViewArea .goodsRemoteArea .goodsDetailList .cate span{font-size: 14px;}
	.goodsViewArea .goodsRemoteArea .goodsDetailList .goodsTitle{font-size: 22px;}
	.orderList ul.orderHead{display: none;}
	.orderList ul li.class{width: 50%;}
	.orderList ul li.date{width: 50%;}
	.orderList ul li.price{width: 50%;}
	.orderList ul li.discount{width: 50%;}
	.orderList ul.orderBody li{padding: 0; padding-bottom: 15px;}
	.orderList ul.orderBody li::before{display: block; padding: 5px 10px; border-bottom: 1px solid #444; color: #fff; margin-bottom: 15px;}
	.orderList ul.orderBody li.class::before{content: "클래스";}
	.orderList ul.orderBody li.date::before{content: "수강일정";}
	.orderList ul.orderBody li.price::before{content: "판매금액";}
	.orderList ul.orderBody li.discount::before{content: "할인금액";}
	.orderList ul.orderBody{display: flex; flex-wrap: wrap; border-top: 1px solid #999;}
	.orderList ul.orderBody .tal{text-align: center;}
	.orderList ul li + li{border: none;}
	.orderList ul li:nth-child(2n){border-left: 1px solid #444;}
	.orderList ul li:nth-child(-n+2){border-bottom: 1px solid #999;}
	.contents.order .paymentInfo article h3{font-size: 20px;}
	.contents.order .paymentInfo{flex-direction: column;}
	.contents.order .paymentInfo article{padding: 15px 0; font-size: 18px;}
	.contents.order .paymentInfo article + article{border: none; border-top: 1px solid #fff;}
	.contents.order .paymentInfo article .articleIn{width: 100%;}
	.receipt table th{padding: 5px 0; font-weight: 400;}
	.receipt .total .price{font-size: 22px; font-weight: 500;}
	.contents.cart .orderBtn{display: flex; justify-content: stretch;}
	.contents.cart .orderBtn .eBtn{flex: 1; min-width: 50%;}
	.contents.cart .orderBtn .eBtn + .eBtn{margin-left: 10px;}
}
@media all  and (max-width: 1024px){
	.BH_Popup{left: 50% !important; top: 50% !important; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
	.BH_PopupContent{height: auto !important;}
	.classPageArea .videoFrame .dualVideoArea .videoBox.full{align-items: stretch}
	.classPageArea .videoFrame .dualVideoArea .videoBox.full .videos{position: relative; height: auto;}
	.classPageArea .videoFrame .dualVideoArea .videoBox.full-user .video-main{position: relative; right: 0; top: 0; flex: 1; width: auto; height: auto;}
}
@media all  and (max-width: 800px){
	/* #container{min-height: 60vh;} */
	input[type=email], input[type=text], input[type=password], input[type=tel], input[type=file], textarea{border-color: #444; background-color: #111;}
	.mBtn{height: 30px; line-height: 30px; font-weight: 400; font-size: 13px;}
	.eBtn{height: 35px; line-height: 35px; font-size: 13px;}
	.bBtn{font-size: 16px; height: 45px; line-height: 45px; font-weight: 400;}
	.nothing{font-size: 13px;}
	.fullModal{z-index: 999;}
	.modal_layer .modal_wrap{max-width: 90% !important;}
	.styleModal .modal_contents header{margin-bottom: 20px;}
	.styleModal .modal_contents header h3{font-size: 18px; margin-top: 0;}
	.inner-form{width: 100%;}
	#selectCouponModal .modal_contents{padding: 15px 30px;}
	#header .profile:hover .myLink{display: none;}
	#header .header-inner{margin: 0;}


/* #header .header-inner{padding: 20px; padding-bottom: 15px;}*/

   
    #header .mGnbOpen img{height: 20px;}
	#header .logo img{height: 25px;}
	#header .profile .profileBtn::after{display: none;}
	#header .header-inner .header-right > *{padding-bottom: 0; margin-top: 0;}


/*
    #header .header-inner .header-right > * + *{margin-left: 15px;}
    */
    

    #header .search-field{position: fixed; z-index: 1; background: #000; top: 0; left: 0; width: 100%; height: 100vh;}
	#header .search-field .searchForm{padding: 30px 20px;}
	#header .search-field .searchForm form{display: flex; align-items: center; background: #333; border: 1px solid #fff;}
	#header .search-field .searchForm form input{flex: 4;}
	#header .search-field .searchForm form button{flex: 1;}
	#header .alramArea .alramListArea{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); padding: 20px; padding-top: 70px;}
	.alramListArea .oiBtn.close{display: inline-block;}
	.alramListArea .tab{background: #000;}
	.alramListArea .tab li a{font-size: 18px; padding: 10px 0;}
	.alramListArea .tab li a .num{position: relative; left: auto; right: auto; top: auto; margin-right: 10px; font-weight: 400; font-size: 12px;}
	.alramListArea .tab li:nth-child(1) a .num{left: auto;}
	.alramListArea .tab li:nth-child(2) a .num{right: auto;}
	.alramListArea .tab li.active a .num{display: inline-block;}
	.alramListArea .tabBox{background: #000; position: relative; top: auto;}
	.alramListArea .listBox{height: 95%;}
	.alramListArea .listBox section > h4{font-size: 16px;}
	.alramListArea .listBox article{padding: 15px 0;}
	.alramListArea .listBox article h5{font-size: 18px;}
	.alramListArea .listBox article .txt{font-size: 16px; color: #ccc}
	.alramListArea .listBox article .link{font-size: 16px;}
	.oiBtn.search{width: 18px; height: 18px;}
	.oiBtn.user{width: 18px; height: 18px;}
	#footer .infoTxt .logo img{height: 20px;}
	#footer .infoTxt .bar li{display: block;}
	#footer .infoTxt .bar li + li::before{display: none;}
	.searchList{flex-direction: column; align-items: flex-start;}
	.searchList li{margin: 5px 0; width: 100%;}
	.searchList li .selectBox{width: 100%;}
	.searchList li.btns .mBtn{width: 100%;}
	.searchList .date_range input{width: 100%;}
	.formList .input.btn input{flex: 3;}
	.formList .input.btn .mBtn{height: 40px; line-height: 40px;}
	.centerFormArea{height: auto; min-height: 85vh;}
	.centerFormArea .centerBox{width: 90%; padding: 60px 40px; border-color: #444;}
	.contents.findIDPW h3{font-size: 18px; margin-bottom: 40px;}
	.contents.findIDPW .links{font-size: 13px;}
	.contents.findIDPW .links a{font-weight: 300;}
	.contents.login .loginArea .option{display: block;}
	.contents.login .loginArea .option .right{text-align: right; margin-top: 10px;}
	.visualArea .btns{bottom: 10px; right: 20px;}
	.visualArea .btns a{width: 40px; height: 40px;}
	.visualArea .txtArea .inner-w{padding-bottom: 60px;}
	.visualArea .txtArea .visualTxt .t1{font-size: 33px;}
	.visualArea .txtArea .visualTxt .t2{margin: 15px 0;}
	.visualArea .txtArea .visualTxt .t2 span{font-size: 17px; padding: 5px 20px;}
	.visualArea .txtArea .visualTxt .t3{font-size: 14px;}
	.visualArea .swiper-button-next{width: 13px; top: 40%; right: 10px;} 
    .visualArea .swiper-button-prev{width: 13px; top: 40%; left: 10px;}
	.visualArea .btns button{width: 35px; height: 35px;}
	@media (orientation: portrait){
	.classPageArea .videoFrame .dualVideoArea .videoBox{flex-wrap: wrap;}
	.classPageArea .videoFrame .dualVideoArea .videoBox .video-main{flex: none; width: 100%;}
	.classPageArea .videoFrame .dualVideoArea .videoBox .videos{flex: none; width: 100%;}
	.classPageArea .videoFrame .dualVideoArea .videoBox .videos video{width: 100% !important; max-height: 400px;}
}
	@media (orientation: landscape){
	

/*가로모드 */

 .classPageArea .videoFrame .dualVideoArea .videoBox{flex-wrap: wrap;}
	.classPageArea .videoFrame .dualVideoArea .videoBox .video-main{flex: 1;}
	.classPageArea .videoFrame .dualVideoArea .videoBox .videos{flex: 1;}
	.classPageArea .videoFrame .dualVideoArea .videoBox .videos video{}
}
	.goodsGrid > li{width: 50%;}
	.goodsGroupList .goodsGroup h2.title{font-size: 17px;}
	.goodsGroupList .goodsGroup h2.title span{margin-bottom: 15px; padding-bottom: 8px; font-weight: 500;}
	.goodsGroupList .swiper-container .swiper-slide-active + .swiper-slide + .swiper-slide {opacity: .3;}    

    .goodsBoxStyle .cate{font-size: 12px; padding: 3px 10px; font-weight: 100;}
	.goodsBoxStyle .txtBox{padding: 10px 0;}
	.goodsBoxStyle .txtBox .txt{padding: 0 10px;}
	.goodsBoxStyle .txtBox .txt .subject{font-size: 14px; font-weight: 400;}
	.goodsBoxStyle .txtBox .txt .subject li{white-space: nowrap; overflow: hidden; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
	.goodsBoxStyle .state{-moz-transform:scale(0.83); -webkit-transform:scale(0.83); -ms-transform:scale(0.83); -o-transform:scale(0.83); transform:scale(0.83); -moz-transform-origin:top right; -webkit-transform-origin:top right; -ms-transform-origin:top right; -o-transform-origin:top right; transform-origin:top right; font-weight: 300;}
	.goodsBoxStyle .state.alarm{-moz-transform-origin:top left; -webkit-transform-origin:top left; -ms-transform-origin:top left; -o-transform-origin:top left; transform-origin:top left;}
	.goodsBoxStyle .hoverTxt .cate{margin-bottom: 0;}
	.goodsBoxStyle .hoverTxt .txt{padding: 0 8px; -moz-transform:scale(.9); -webkit-transform:scale(.9); -ms-transform:scale(.9); -o-transform:scale(.9); transform:scale(.9);}
	.goodsBoxStyle .hoverTxt .txt .subject{font-size: 14px;}
	.goodsBoxStyle .hoverTxt .txt .subject br{display: none;}
	.goodsBoxStyle .hoverTxt .txt .time{font-size: 12px;}
	.goodsBoxStyle .hoverTxt .txt .info{font-size: 12px;}
	.goodsBoxStyle .hoverBtns{padding: 10px;}
	label.checkboxF span::before{width: 13px; height: 13px; margin-right: 5px;}
	.contents.category .categoryHeader .title{font-size: 20px;}
	.contents.category .categoryHeader .count{font-size: 14px; font-weight: 300;}
	.contents.category .categoryHeader .goodsListViewOpt{margin-left: inherit; font-size: 14px; margin-bottom: 20px; text-align: left;}
	.contents.category .categoryHeader .goodsListViewOpt > * + *{margin-left: 10px;}
	.contents.category .categoryHeader .goodsListViewOpt .checkboxF span{font-size: 13px; font-weight: 100;}
	.goodsViewArea{border-top-width: 3px;}
	.goodsViewArea .goodsRemoteArea .toggleBox{border-color: #666;}
	.goodsViewArea .goodsRemoteArea .toggleBox header a::after{-webkit-background-size:15px; background-size:15px;}
	.goodsViewArea .goodsRemoteArea .tutorArea .subject .name{font-size: 18px;}
	.goodsViewArea .goodsRemoteArea .tutorArea .subject .name::after{width: 6px; height: 6px; vertical-align: middle; margin-top: 8px;}
	.goodsViewArea .goodsRemoteArea .tutorArea .info{flex: 2.5;}
	.goodsViewArea .goodsRemoteArea .tutorArea .info .discribe{font-size: 14px; color: #999; font-weight: 300;}
	.goodsViewArea .goodsRemoteArea .tutorArea .info .option{font-size: 13px; color: #999}
	.goodsViewArea .goodsRemoteArea .goodsDetailList article + article{margin-top: 10px;}
	.goodsViewArea .goodsRemoteArea .goodsDetailList .goodsTitle{font-size: 20px;}
	.goodsViewArea .goodsRemoteArea .goodsDetailList .infoBtns li .iBtn{font-size: 14px; height: 30px; line-height: 28px;}
	.goodsViewArea .goodsRemoteArea .goodsDetailList .infoBtns li .iBtn::before{width: 14px; height: 14px;}
	.goodsViewArea .goodsRemoteArea .goodsDetailList table.price th{font-size: 14px; font-weight: 400;}
	.goodsViewArea .goodsRemoteArea .goodsDetailList table.price td{font-size: 15px;}
	.goodsViewArea .goodsRemoteArea .goodsDetailList table.price .guide{font-size: 12px; font-weight: 100;}
	.goodsViewArea .goodsRemoteArea .goodsDetailList table.price .guide *{font-weight: 100;}
	.goodsViewArea .goodsRemoteArea .goodsDetailList table.price .total b{font-size: 17px;}
	.goodsViewArea .goodsRemoteArea .goodsDetailList table.price .iBtn.coupon::before{width: 15px; height: 15px;}
	.goodsViewArea .goodsRemoteArea .goodsDetailList .links li .iBtn::before{width: 15px; height: 15px;}
	.goodsViewArea .goodsTabArea .tabList{margin-bottom: 20px;}
	.goodsViewArea .goodsTabArea .tabList li a{font-size: 10px; padding: 5px;}
	.couponModal header .txt{font-size: 13px;}
	.couponModal header .notice{font-size: 32px;}
	.couponModal .infoTxt{border-color: #aaa;}
	.couponModal .infoTxt .couponTitle{font-size: 19px;}
	.couponModal .infoTxt .discount{margin: 10px 0;}
	.couponModal .infoTxt .discount span{font-size: 18px;}
	.couponModal .infoTxt .date{font-size: 15px; font-weight: 300;}
	.couponModal .guide{font-size: 12px; font-weight: 100;}
	.goodsViewArea .goodsTabArea .tabBox article h4{font-size: 16px;}
	.goodsViewArea .goodsTabArea .tabBox article .txt{font-size: 12px; margin-bottom: 20px;}
	.goodsViewArea .goodsTabArea .tabBox article h5{font-size: 15px; font-weight: 400; letter-spacing: -0.03em;}
	.goodsViewArea .goodsTabArea .tabBox article h5 b{font-weight: 400;}
	.calendarArea h5 .title{font-size: 14px;}
	.calendarBox .calendarGrid #weekNames{font-size: 12px;}
	.calendarBox .calendarGrid #weekNames span{font-size: 10px; padding: 5px;}
	.calendarBox .calendarGrid #monthList .day .schedule{height: 50px;}
	.calendarBox .calendarGrid #monthList .day .num{font-size: 12px;}
	.calendarBox .calendarGrid #monthList .day .schedule .subject{font-size: 12px; margin: 0;}
	.calendarBox .calendarGrid #monthList .day .schedule .time{font-size: 10px; padding: 5px; line-height: 1;}
	.goodsFAQList{margin: 20px 0;}
	.goodsFAQList li{padding: 20px 0;}
	.goodsFAQList .num{font-size: 14px;}
	.goodsFAQList .subject .title{font-size: 14px;}
	.goodsFAQList .answer .content{font-size: 13px; font-weight: 100; color: #aaa}
	.goodsViewArea .goodsTabArea .tabBox article + article{margin-top: 0;}
	.reviewList header{display: block;}
	.reviewList header .count{font-size: 12px;}
	.reviewList header .btns{margin-top: 10px; text-align: right;}
	.reviewList header .btns .mBtn{font-size: 12px;}
	.reviewWrite{padding: 0 20px;}
	.reviewWrite .multiFileUploadArea .fileUploadArea .fileUploadAreaRmBtn{width: 20px; height: 20px;}
	.reviewWrite .multiFileUploadArea .fileUploadArea .fileUploadImage{width: 60px; height: 60px;}
	.reviewWrite .multiFileUploadArea .fileUploadArea .fileUploadAreaAddBtn{width: 60px; height: 60px;}
	.reviewWrite .selectScoreList .top{font-size: 12px;}
	.reviewWrite .selectScoreList ul li label span{font-size: 12px;}
	.reviewWrite .formList .input input{font-size: 12px;}
	.reviewWrite .formList .input textarea{font-size: 12px;}
	.star-ic *{width: 15px; height: 15px;}
	.goodsRefund .refundCon{font-size: 12px; font-weight: 100;}
	.contents.cart .pageTitle{font-weight: 400; font-size: 18px;}
	.orderList ul.orderBody{font-size: 14px;}
	.dcTable th{width: 115px; font-size: 13px; font-weight: 400;}
	.dcTable input{width: 100%;}
	.dcTable .mBtn{width: 100%;}
	.dcTable .pointGuide li{font-size: 12px; font-weight: 300;}
	.dcTable .pointGuide li + li{display: none;}
	.contents.order .paymentInfo article{font-size: 16px;}
	.contents.order .paymentInfo article h3{font-size: 18px;}
	.receipt .total .price{font-size: 18px;}
	.contents.cart .orderBtn .eBtn{min-width: initial;}
	.contents.cart .orderBtn .eBtn + .eBtn{margin-left: 5px;}
	.contents.orderResult .title{font-size: 20px;}
	.contents.orderResult .resSummary{font-size: 14px; margin-top: 20px;}
	.contents.orderResult .goodsInfo{font-size: 13px;}
	.contents.orderResult .accountInfo .list{font-size: 13px;}
	.contents.orderResult .accountInfo .notice{font-size: 12px;}
	.classPageArea{margin-top: 20px; min-height: 80vh;}
	.classPageArea .classAside{display: none;}
	.classPageArea .noticeBox .step::before{width: 40px; height: 40px; margin-bottom: 15px;}
	.classPageArea .noticeBox .step .txt{font-size: 13px;}
	.classPageArea .noticeBox .step .time{font-size: 13px;}
	.classPageArea .noticeBox .step .btns .guide{font-size: 13px;}
	.classPageArea .videoFrame .dualVideoArea .topBtn{margin: 50px 0 20px 0; padding: 0 20px;}
	.classPageArea .videoFrame .dualVideoArea.dualOn .video-main{position: relative; top: auto; left: auto; width: 100%;}
	.classPageArea .videoFrame .dualVideoArea.dualOn .videos{position: relative; top: auto; right: auto; width: 100%; min-height: 300px;}
	#header.class{background: #000;}
	#header .header-left .classSubject{display: none;}
	#header .header-left .userCount{display: none;}
	#header .header-left .classOut{position: absolute; right: 20px; top: 20px; font-size: 13px;}
	#header .mobileHeaderView{display: block; padding: 0 20px; font-size: 13px; padding-bottom: 10px;}
	#header .mobileHeaderView .user .cate{background: #e95318; padding: 0 10px; font-size: 12px;}
	#header .mobileHeaderView .userCount{margin-left: 10px; font-size: 13px;}
	#header .mobileHeaderView .classSubject{font-size: 13px; margin-top: 5px;}
	.chatArea{margin-top: 30px;}
	.chatArea .articleTitle{font-size: 18px;}
	.chatModule .chatView{height: 350px;}
	.chatModule .chatView article{flex-direction: column; padding: 5px 10px;}
	.chatModule .chatView .user .userId{font-size: 14px;}
	.chatModule .chatView .message{font-size: 13px; padding: 5px 10px; padding-left: 45px; font-weight: 100;}
	.chatModule .chatInput{padding: 10px;}
	.chatModule .chatInput .input::after{display: none;}
	.chatModule .chatInput .input input{height: 35px; padding: 0 10px;}
	.chatModule .chatInput .btn{flex: 2;}
	.chatModule .chatInput .btn .mBtn{height: 35px; line-height: 35px; font-size: 13px;}
	.contents.classArea .snb{display: none;}
	.boxNotice{font-size: 13px; flex-direction: column;}
	.listCount{font-size: 14px;}
	.boardList li.head{display: none;}
	.boardList li.headLight{display: none;}
	.boardList li{padding: 10px 5px;}
	.boardList li > div{display: inline-block; 

/*width: auto !important;*/ font-size: 13px; font-weight: 300; padding: 0;}
	.boardList li .date{width: auto;}
	.boardList li > div.subject{display: block;}
	.boardView .bottomBtn .mBtn{min-width: initial;}
	.contents.mypage #snb{display: none;}
	.contents.mypage .myContents > header{font-size: 20px; margin-bottom: 10px; padding-bottom: 10px;}
	.contents.mypage .myContents > header h4{font-weight: 500;}
	.modal_wrap.ordInfo table.write tr th{width: 30%; padding: 5px;}
	.modal_wrap.ordInfo table.write tr td{padding: 5px;}
	.myOrder .boardList li:not(.head){display: flex; flex-wrap: wrap;}
	.myOrder .boardList li .pay{order:1; width: 50%; text-align: left; font-weight: 100;}
	.myOrder .boardList li .pay span{display: inline-block; font-size: 10px; color: #fff; border: 1px solid #999; padding: 2px 5px;}
	.myOrder .boardList li .date{order:2; width: 50%; text-align: right; color: #999}
	.myOrder .boardList li .subject{order: 3; width: 100%; margin: 5px 0;}
	.myOrder .boardList li .period{order: 4; text-align: left; width: 60%;}
	.myOrder .boardList li .status{display: none;}
	.myOrder .boardList li .discount{order: 5; width: 20%; text-align: right; color: #999}
	.myOrder .boardList li .originPrice{order: 6; width: 20%; text-align: right; color: #e95318}
	.myOrderDetail{padding: 20px 15px;}
	.myOrderDetail .orderItemList > .btnArea .mBtn{width: 100%;}
	.orderInfoArea h3{font-size: 20px;}
	.recipitList h3{font-size: 20px;}
	.recipitList table{font-size: 13px;}
	.recipitList table td{text-align: right;}
	.dlList{font-size: 14px;}
	.dlList dt{min-width: 75px;}
	.goodsInfoBox .goodsImg i{width: 60px; height: 60px;}
	.goodsInfoBox .goodsName{font-size: 13px; word-break: keep-all;}
	.classArea .boardList li:not(.head){display: flex; flex-wrap: wrap;}
	.classArea .boardList .subject{width: 100%; text-align: left;}
	.classArea .boardList .num{order: 3; width: auto; margin-right: 10px; font-size: 12px; color:#999;}
	.classArea .boardList .num::before{content: "회차 | ";}
	.classArea .boardList .count{order: 2; width: auto; margin-right: 10px; font-size: 12px; color:#999;}
	.classArea .boardList .count::before{content: "조회수 | ";}
	.classArea .boardList .date{order: 1; width: auto; margin-right: 10px; font-size: 12px; color:#999; text-align: left; font-weight: 100; color: #999;}
	.classArea .boardList .date::before{content: "등록일 | ";}
	.contents.cs{margin-top: 0;}
	.contents.cs .pageTitle{font-size: 16px;}
	.contents.cs header .guide{font-size: 12px; font-weight: 300;}
	.contents.cs .noticeBox{display: block; text-align: center;}
	.contents.cs .noticeBox .btns .mBtn{width: 100%; margin-top: 10px;}
	.contents.cs.inquiry table.write tr th{display: none;}
	.contents.cs.inquiry table.write tr .mView{display: inline-block;}
	.contents.inquiry table.write input[type="tel"]{width: 100%;}
	.contents.inquiry table.write input[type="email"]{width: 100%;}
	.contents.inquiry table.write input[type="text"]{width: 100%;}
	.contents.inquiry table.write .selectBox{width: 100%;}
	.contents.inquiry .agreeBox{font-size: 13px; text-align: center;}
	.contents.inquiry .agreeBox .checkArea{text-align: center;}
	.contents.inquiry .bottomBtn .mBtn{width: 100%;}
	.faqBoardArea .searchBox{width: 100%;}
	.faqBoardArea .tabList{flex-wrap: wrap;}
	.faqBoardArea .tabList li{width: 33.33%; flex: none; border: none; padding: 2px;}
	.faqBoardArea .tabList li a{font-size: 12px; padding: 5px 10px; border: 1px solid #444;}
	.faqBoardArea .tabList li.active{border: 1px solid #fff;}
	.faqList dl dt{font-size: 13px; padding: 15px; font-weight: 300;}
	.tabList li a{font-size: 12px; padding: 10px 5px;}
	.faqList dl dd{font-size: 12px; font-weight: 300; background: #222;}
	.InquiryProduct .boardList .name{width: auto; font-size: 12px; color: #999}
	.InquiryProduct .boardList .date{width: auto; font-size: 12px; color: #999;}
	.InquiryProduct .boardList .category{display: none;}
}

/** 2021 11 29 클래스 뷰 페이지 css JH  */

.dpClassInfoHead {
    position: relative;
    padding-bottom: 28px;
}

.dpClassMainDiv{
	max-width: 1440px;
    margin: 0 auto;
    padding: 80px 24px 0;
	position: relative;
    padding-top: 40px;
    overflow: hidden;
	background: #fff;
}


.dpImgDiv{
	border-radius: 20px;
    overflow: hidden;
}

.class_info_left{
	float: left;
    width: calc(100% - 469px);
    height: auto;
    background: #fff;
    overflow: hidden;

}

.dp_class_info_div{
    float: right;
    width: 100%;
    padding: 50px 46px 46px;
    background-color: #fff;
    border-radius: 23px;
    box-sizing: border-box;
	position: absolute;
    right: 24px;
    max-width: 424px;
    min-height: auto;
    border: 1px solid #d9d9d9;
    transition-duration: .2s;
	bottom: auto;
    top: 40px;
}

.dpCateDiv{
    min-height: 18px;
    margin-bottom: 18px;
}
.flag-tag {
    display: inline-block;
    margin-right: 12px;
    color: #e95318;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    vertical-align: initial;
}

.dpClassTitle {
    margin: 0 0 10px 0;
    color: #303038;
/*    font-family: "Samsung Sharp Sans","SamsungOneKorean","Dotum","Apple SD Gothic Neo",arial;*/
    line-height: 34px;
    font-size: 28px;
    font-weight: bold;
    display: -webkit-box;
}
.dpClassInfDiv{
	display: table;
    width: 100%;
    table-layout: fixed;
    min-height: 25px;
    background-color: #fff;
}
.dpClassInfoDiv dl {
    position: relative;
    margin-top: 10px;
    display: table-row;
    align-items: flex-end;
}
.dpClassInfoDiv dt {
    font-size: 16px;
	color: #303038;
	display: table-cell;
    line-height: 27px;
    padding: 3px 0;
    text-align: left;
	font-weight: bold;
    min-width: 100px;
}
.dpClassInfoDive dd {
    color: #303038;
    display: table-cell;
    line-height: 27px;
    padding: 3px 0;
    text-align: left;
	font-weight: normal;
    margin-left: 0;
}
.combine-buy .box-btn {
    margin-top: 30px;
}
.combine-buy .box-btn ul {
	list-style: none;
    display: flex;
}
.combine-buy .box-btn ul li {
	list-style: none;
    flex: 1;
}

.dpClassInfoDiv dl:first-child {
   margin-top: 0;
}
.dpClassMainImg{
	max-height: 500px;
	object-fit: cover;
}

.dpWishBtn{
	 word-break: keep-all;
    box-sizing: border-box;
	padding: 0;
	letter-spacing: -0.02em;
	font-family: inherit;
	cursor: pointer;
    outline: none;
	display: inline-block;
	font-weight: bold;
    text-align: center;
    vertical-align: middle;
	overflow: hidden;
	min-width: 150px;
    height: 50px;
    line-height: 48px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    border: 2px solid;
    border-radius: 30px;
	color: #fff;
    background: #e95318;
    border-color: #e95318;
	margin: 0;
    width: 20%;
}
.dpBtn{
	word-break: keep-all;
    box-sizing: border-box;
	padding: 0;
	letter-spacing: -0.02em;
	font-family: inherit;
	cursor: pointer;
    outline: none;
	display: inline-block;
	font-weight: bold;
    text-align: center;
    vertical-align: middle;
	overflow: hidden;
	min-width: 150px;
    height: 50px;
    line-height: 48px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    border: 2px solid;
    border-radius: 30px;
	color: #fff;
    background: #e95318;
    border-color: #e95318;
	margin: 0;
    width: 100%;
}
.dpBottomClick{
	background: #e95318;
	font-size: 16px;
	min-width:0%;
	word-break: keep-all;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	height: 48px;
	line-height: 48px;
	border-radius: 15px;
	color: #fff;
	border: 0px;
}
.dpBottomBtn{
	min-width: 70%;
}
.dpBottomDips{
	background: #303038;
	min-width:23%;	
}
.dpBottomBa .on{
	background: #e95318;
}

.sub-btn-box {
	list-style: none;
    margin-top: 36px;
}
.sub-btn-box li {
    float: left;
    width: 50%;
    text-align: center;
}
.sub-btn-box li:only-child {
    width: 100%;
}
.sub-btn-box:after {
    content: '';
    display: block;
    clear: both;
}
.btn-sns-link{
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	cursor: pointer;
	border: 0;
	vertical-align: middle;
	outline: none;
	background: #ffffff;
}
.btn-underline{
	padding: 0;
	text-decoration: none;
    vertical-align: baseline;
/*    background: transparent;*/
    display: inline-block;
    line-height: 1.27em;
    margin: 0 4px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.07px;
    color: #303038;
    border-bottom: 1px solid #303038;
	padding-bottom: 2px;	
}
.hmf_intro_section{
	margin-top: 20px;
}
.hmf_intro_conts {
    margin-bottom: 40px;
}
.hmf_intro_conts dt {
    font-size: 20px;
    font-weight: bold;
	margin-bottom: 12px;
}
.hmf_intro_conts dd {
	word-break: keep-all;
    font-size: 18px;
    line-height: 27px;
    padding-left: 12px;
    position: relative;
}
.btn_prev, .hmf_week_select, .btn_next{
	display: inline-block;
	vertical-align: middle;
}
.hmf_schedule_wrap {
	margin-top: 40px;
    padding: 0 0 5px;
    border-bottom: 1px solid #eaeaea;
	margin-bottom: 40px;
}
.hmf_intro_conts {
    margin-bottom: 5px;
}
.hmf_intro_conts dt {
    font-size: 20px;
    font-weight: bold;
}
.hmf_intro_conts dd {
    font-size: 18px;
    line-height: 27px;
}
.hmf_day_sel {
    text-align: center;
	margin-top: 30px;
}
.dpDetailImg img{
	width: 100%;
}
.dpDetailImg {
	width: 100%;
}
.hmf_day_sel button {
	  -webkit-tap-highlight-color: transparent;
    outline: none;
    display: inline-block;
    width: 17px;
    height: 38px;
/*   background: url(/sec/static/_images/homefitness/icon/btn_day_sel.svg) center no-repeat;*/
    vertical-align: middle;
}
.hmf_day_sel button:disabled {
    cursor: default;
/*    background: url(/sec/static/_images/homefitness/icon/btn_day_sel_disabled.svg) center no-repeat;*/
}
.hmf_day_sel button.btn_next {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.hmf_week_select {
    display: inline-block;
    padding: 0 40px;
    font-size: 28px;
    line-height: 38px;
    font-weight: bold;
    vertical-align: middle;
}
.hmf_table_weekly_plan {
    margin-top: px;
    width: 100%;
    table-layout: fixed;
    text-align: center;
}
.hmf_table_weekly_plan thead tr {
    border-bottom: 1px solid #b2b2b2;
}
.hmf_table_weekly_plan th {
    padding: 6px 0;
    line-height: 22px;
    vertical-align: bottom;
    font-size: 12px;
    font-weight: 450;
	
}
.hmf_table_weekly_plan th:first-child {
    width: 80px;
    color: #000;
}
.hmf_table_weekly_plan th.hmf_sun {
    color: #EF3434;
}
.hmf_table_weekly_plan th > div {
    font-size: 18px;
    font-weight: bold;
}
.hmf_table_weekly_plan th.hmf_sat {
    color: #00B3E3;
	
}
.hmf_table_weekly_plan tbody tr {
    border-bottom: 1px solid #eaeaea;
	
}
.hmf_table_weekly_plan td {
    height: 35px;
    padding: 10px 5px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    word-break: break-all;
}

.hmf_table_weekly_plan td:first-child {
    width: 80px;
    font-size: 16px;
    font-weight: 500;
}
.hmf_table_weekly_plan td.hmf_td_today_focus {
    background: #E8F3FF;
}

.dpHeartBox{
    right: 0;
    top: -5px;
	display: inline-block;
	position: absolute;
}
.dpShareBox{
    right: 50px;
    top: -5px;
	display: inline-block;
	position: absolute;
}

.dpHeartBtn{
	background-color: #ffffff;
	font-family: inherit;
    font-size: inherit;
    line-height: inherit;
	border: 0;
    -webkit-border-radius: 0;
    cursor: pointer;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
    outline: none;
	border-radius: none;
	margin-left: 18px;
}
.dpHeartBtn .on{
	background-image: url('/Skin/img/icon/heart.svg');
}
.dpShareBtn{
	background-color: #ffffff;
	font-family: inherit;
    font-size: inherit;
    line-height: inherit;
	border: 0;
    -webkit-border-radius: 0;
    cursor: pointer;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
    outline: none;
	border-radius: none;
	margin-left: 18px;
}
.dpHeartIcon{
	display: inline-block;
    font-size: 0;
    vertical-align: middle;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
	width: 25px;
    height: 25px;
	background-image: url('/Skin/img/icon/heart-empty.svg');
}
.dpShareIcon{
	display: inline-block;
    font-size: 0;
    vertical-align: middle;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
	width: 35px;
    height: 35px;
	background-image: url(https://www.samsung.com/sec/static/_images/common/icon-heart-black.svg);
}
.dpDetailTitle{
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 1440px) and (min-width: 1101px){
	.dpClassMainDiv{
		font-size: 1.1111vw;
	}
	.dp_class_info_div{
		width: 100%;
    	padding: 3.4722vw 3.1944vw 3.1944vw;
    	border-radius: 1.5972vw;
	}
	.dpClassInfoHead{		
    	padding-bottom: 1.9444vw;
	}
	.dpCateDiv {
		min-height: 1.25vw;
		margin-bottom: 1.25vw;
	}
	.flag-tag {
		margin-right: 0.8333vw;
		font-size: 0.9722vw;
		line-height: 1.2500vw;
	}
	.dpClassTitle {
    /* max-height: 4.7222vw; */
		margin: 0 0 0.6944vw 0;
		color: #303038;
		line-height: 2.4306vw;
		font-size: 1.9444vw;
		font-weight: bold;
		display: -webkit-box;
	}
	.dpClassInfoDiv {
		min-height: 1.7361vw;
	}
	.dpClassInfoDiv dl {
		position: relative;
		margin-top: 0.6944vw;
		align-items: flex-end;
	}
	.dpClassInfoDiv dt {
    	font-size: 1.1111vw;
	}
	.combine-buy .box-btn {
		margin-top: 2.0833vw;
	}
	.dpBtn {
		min-width: 10.4167vw;
		height: 3.4722vw;
		line-height: 3.3333vw;
		padding-left: 2.0833vw;
		padding-right: 2.0833vw;
		font-size: 1.1111vw;
		border: 0.1389vw solid;
		border-radius: 2.0833vw;
	}
	.sub-btn-box {
		margin-top: 2.5vw;
	}
	.sub-btn-box li:only-child {
		width: 100%;
	}
	.btn-underline {
		margin: 0 0.2778vw;
		font-size: 0.9722vw;
		letter-spacing: -0.0049vw;
	}
	.sub-btn-box li a {
		padding-bottom: 0.1389vw;
	}
	.social-box {
		right: 0;
		top: -0.3472vw;
	}
}

@media (max-width: 1100px) and (min-width: 801px){
	.dpClassMainDiv{
		font-size: 1.4545vw;
	}
	
	
	.dp_class_info_div{
		width: 100%;
    	border-radius: 2.0909vw;
	}
	.dpClassInfoHead{		
    	padding-bottom: 2.5455vw;
	}
	.dpCateDiv {
		min-height: 1.6364vw;
		margin-bottom: 1.6364vw;
	}
	.flag-tag {
		margin-right: 1.0909vw;
		font-size: 1.2727vw;
		line-height: 1.6364vw;
	}
	.dpClassTitle {
		/* max-height: 4.1667vw; */
		margin: 0 0 0.6944vw 0;
		color: #303038;
		line-height: 2.0833vw;
		font-size: 1.9444vw;
		font-weight: bold;
		display: -webkit-box;
	}
	.dpClassInfoDiv {
		min-height: 2.2727vw;
	}
	.dpClassInfoDiv dl {
		position: relative;
		margin-top: 0.6944vw;
		align-items: flex-end;
	}
	.dpClassInfoDiv dt {
    	font-size: 1.4545vw;
	}
	.combine-buy .box-btn {
		margin-top: 2.7273vw;
	}
	.dpBtn{
		min-width: 13.6364vw;
		height: 4.5455vw;
		line-height: 4.3636vw;
		padding-left: 2.7273vw;
		padding-right: 2.7273vw;
		font-size: 1.4545vw;
		border: 0.1818vw solid;
		border-radius: 2.7273vw;
	}
	.sub-btn-box {
		margin-top: 3.2727vw;
	}
	.btn-underline {
		margin: 0 0.3636vw;
		font-size: 1.2727vw;
		letter-spacing: -0.0000vw;
	}
	.sub-btn-box li a {
		padding-bottom: 0.1818vw;
	}
	
}	
/* body{font-size: 12px; background:#100f0e; color:#fff;} */
@media all  and (max-width: 1300px){
}

@media (max-width: 1100px){
	.class_info_left {
		width: calc(100% - 45.8008vw);
	}
	.dp_class_info_div{
		max-width: 41.4063vw;
    	padding: 4.5455vw 4.1818vw 4.1818vw;
	}
	.hmf_week_select {
		padding: 0 30px;
	}
	.hmf_weekly_ovfl {
		overflow-x: scroll;
	}
	.hmf_table_weekly_plan th, .hmf_table_weekly_plan td {
		width: 75px;
		font-size: 14px;
	}
	.hmf_table_weekly_plan th:first-child, .hmf_table_weekly_plan td:first-child {
		width: 50px;
		font-size: 15px;
	}
	.hmf_table_weekly_plan th > div {
		font-size: 16px;
	}
	.hmf_table_weekly_plan td {
    	line-height: 15px;
	}	
}
@media (max-width: 800px){
	.dpDetailTitle{
		width:95%;
		margin:0 auto;
		padding-left: 3.3333vw;
		font-size: 4.4444vw;
		margin-top: 28px;
		margin-bottom: 10px;
		font-weight: bold;
	}
	
	.dpClassMainDiv{
		font-size: 16px;
	}
	.dpClassInfoBox{
		padding-bottom: 1px;
	}
	
	.class_info_left {
       width: calc(100% - 42.9688vw);
	}
	.dp_class_info_div{
		margin: auto;
		float: none;
		font-size: 1.4545vw;
    	border-radius: 2.0909vw;
	}
	.dpClassInfoHead{		    	
	    padding: 0;
    	background: none;
	}
	.dpCateDiv {
		margin-bottom: 1.3021vw;
	}
	.dpClassTitle {
		display: inline-block;
		width: 100%;
		margin-bottom: 4.4444vw;
		font-size: 2.6042vw;
		margin-right: 0;
	}
	.dpClassInfoDiv{
		padding: 0 0 0vw;
		min-height: 28px;
	}	
	.dpClassInfoDiv dl {
		margin-top: 1.3021vw;
	}
	.dpClassInfoDiv dt{
	    font-size: 1.5625vw;
		min-width: 10.4167vw;
	}	
	.dpClassInfoDive dd {
		font-size: 1.5625vw;
	}
	.combine-buy {
		padding: 0 0 2.6042vw;
	}
	.combine-buy .box-btn {
		padding: 0;
		margin-top: 30px;
	}
	.dpBtn{
		min-width: auto;
	}
	.sub-btn-box {
		padding: 0;
		margin: 0;
	}
	.sub-btn-box li:nth-child(1) {
		text-align: center;
	}
	.btn-underline {
		margin: 0;
	}
}

@media all  and (max-width: 767px){
	.dpClassMainDiv{
		padding: 0 !important;
	}
	.class_info_left {
		width: 100%;
		margin-right: 0;
	}
	.dp_class_info_div{
		position: static;
		border: 0;
		max-width: 100%;
		padding: 6.6667vw 3.3333vw 0;
	}
	
	.dpImgDiv{
		border-radius: 0px;
    	overflow: hidden;
	}
	.dpClassMainImg{
		max-height: 275px;
		width: 100%;
	}
	.dpHeart{
		float: right;
		margin-right: 10px;
	}
	
	.dpBottomBa{
		background: #fff;
		display: inline-block;
		width: 100%;
		padding: 4.0vw 3.3333vw;
		position: fixed;
		z-index: 4;
		box-shadow: 0 -2.2222vw 2.7777vw 0 rgb(0 0 0 / 15%);
		position: fixed;
		width: 100%;
		text-align: center;
		display: block;
		bottom: 0;
	}	
	.dpCateDiv {
		margin-bottom: 5.5556vw;
	}
	.dpClassTitle {
		font-size: 7.7778vw;
	}
	.dpClassInfoDiv {
		width: 100%;
	}
	.dpClassInfoDiv dt{
		font-size: 4.4444vw;
		line-height: 5.8333vw;
    	padding: 1.38888vw 0;
		min-width: 27.7778vw;
	}	
	.dpClassInfoDiv dd {
		font-size: 4.4444vw;
		line-height: 5.8333vw;
		padding: 1.38888vw 0;
	}
	.combine-buy {
		display: none;
	}
	.sub-btn-box {
		/* margin: 8.3333vw 0; */
		margin: 1.4vw 0;
	}
	.hmf_intro_section {
		margin-top: 40px;
		padding: 0 3.3333vw;
	}
	.hmf_intro_conts dt {
		width:95%;
		margin:0 auto;
		padding-left: 3.3333vw;
		 font-size: 4.4444vw;
	}
	.hmf_intro_conts dd {
		font-size: 16px;
		line-height: 24px;
	}
	.hmf_schedule_wrap {
/*		width: 95%;*/
		margin: 0 auto;
		margin-top: 0px;
		padding: 0vw 0vw 0;
	}
	.hmf_intro_conts dd {
		font-size: 16px;
		line-height: 24px;
	}
	.hmf_day_sel button:disabled, .hmf_day_sel button {
		width: 4.7222vw;
		height: 8.0556vw;
		background-size: 2.7778vw 4.7222vw;
	}
	.hmf_week_select {
		padding: 0 5vw;
		font-size: 5.5556vw;
		line-height: 8.0556vw;
	}
	.hmf_weekly_ovfl {
		margin-top: 10px;
		overflow-x: auto;
	}
	.dpBottomBa .dpBottomTitle {
		font-size: 4.4444vw;
		font-weight: bold;
	}
	.dpBottomBa .dpBottomTime {
		font-size: 3.8888vw;
		margin: 1.6666vw 0 4.4444vw;
	}
}/* max 767px*/

@media screen and (max-width: 580px){
	.dpHeartIcon {    
		width: 22px;
		height: 22px;
	}
	.dpShareIcon {    
		width: 22px;
		height: 22px;
	}
}

@media screen and (max-width: 540px){
	.btn-underline {
		display: inline-block;
		line-height: 1.27em;
		font-size: 3.88889vw;
		font-weight: bold;
		letter-spacing: -0.01944vw;
		color: #303038;
		border-bottom: 0.27778vw solid #303038;
	}	
}

@media (max-width: 320px){
	.hmf_week_select {
		padding: 0 4vw;
	}
	
}

@media all  and (min-width: 767px){
	.dpClassMainImg{
		width: 100%;
	}	
	.dpBottomBa{
		display: none;
		bottom: 0;
	}
}
.dpHide{
	display: none;
}

.width100per{
 width: 100%;
}
.width95per{
 width: 95%;
}
.width90per{
 width: 90%;
}
/*  2021 11 29 클래스 뷰 페이지 */

/*  2021 12 01 마이페이지 페이지 */
.borderLine1{
	/*	border: 1px solid pink;*/
	}
	.borderLine2{
	/*	border: 1px solid green;*/
	}
	.borderLine3{
	/*	border: 1px solid blue;*/
	}
	.myPageDiv{
		max-width: 1440px;
		margin: 0 auto;
		position: relative;
		padding-top: 0px;
		overflow: hidden;
		background: #fff;
	}
	.topProfile{	
	/*	margin-top: 100px;*/
	}
	.mpTopImgBox{
		margin: 0 auto;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.mpTopImgBox{
		background-image: url("/Data/Upload/default/jhtest/0200010000142.jpg");
	/*	background-color: rgba(47,82,444,0.3);*/
		background-size: 100% 100%;
	/*	background-size: cover;*/
	}
	.mpTopMyImgBoxCover{
		box-sizing: content-box;
		display: inline-block;
		margin-bottom: 17px;
		margin-top: 17px;
		width: calc( 18  * var(--container-width));
		max-width: 130px;
		height: calc( 18 * var(--container-width));
		max-height: 130px;
		border-radius:9999px;
		overflow: hidden;
		border: calc( 0.4 * var(--container-width))solid #fff;
		box-shadow: rgb(0 0 0 / 80%) 0px 0px 9px 1px; 
	}
	.mpTopMyImgBoxCoverNotImg{	
		display: inline-block;margin-bottom: 7px;margin-top: 7px;width: 58px;height:58px;
		width: calc( 18 * var(--container-width)); height:calc(18  * var(--container-width)); border-radius:9999px; overflow: hidden;box-shadow: rgb(0 0 0 / 80%) 0px 0px 9px 1px; 
	}
	
	.mpTopMyImgCover{
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		border-radius:9999px;
		border: calc( 0.6 * var(--container-width)) solid #e95318;
	}
	.mpTopMyImgCoverNotImg{box-sizing: border-box;width: 100%;height:100%;border-radius:9999px;
	}
	.mpTopMyImgBox{
		box-sizing: border-box;
		display: inline-block;
		width: 100%;
		height:100%;
		border-radius:9999px;
		overflow: hidden;
		border: calc( 0.4 * var(--container-width)) solid #fff;
	}
	.mpTopMyImgBoxNotImg{
		box-sizing: border-box;
		display: inline-block;
		width: 100%;
		height:100%;
		border-radius:9999px;
		overflow: hidden;
	/*	border: 2px solid #fff;*/
	}
	.mpProfileImg{
		width:100%;
		height:auto;
		object-fit:cover;
	}
	.mpNameDiv{
		display: inline-block;
		width: 100%;
	}
	.mpNameSpan{
		min-width: 25%;
	/*	margin-left: 5%;*/
		padding-left: 5%;
		font-size: calc( 5.5 * var(--container-width));
		font-weight: 450;
		display: inline-block;
		vertical-align: middle;
	}
	.mpPointDiv{
		padding-left: 0%;
		min-width:72%;
		max-width: 72%;
		text-align: right;
		height: auto;
	}
	.mpPointBox{
		display: inline-block;
		vertical-align: middle;
		height: auto;
		text-align: right;
		margin-right: calc( 4.0 * var(--container-width));
	}
	.mpPointBoxTitle{
		font-size:  calc( 3.3 * var(--container-width));
		font-weight: 500;
	}
	.mpPointBoxPoint{
		font-size:  calc( 3.0 * var(--container-width));
		font-weight: 400;
		min-height: 10px;
	}
	
	.mpBottomInfo{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		margin-top:  calc( 4.0 * var(--container-width));
		padding-bottom: calc( 4.0 * var(--container-width));
	}
	.mpDin{
		width: 24%;
		margin-left: 0;
		display: inline-block;
		vertical-align: middle;
	}
	.mpDinTop{
		font-size:  calc( 4.3 * var(--container-width));
		font-weight: 450;
	}
	.mpDinBot{
		font-size:  calc( 3.0 * var(--container-width));
		font-weight: 430;
	}
	.mpMiddleDiv{
	/*	height: 300px;*/
		background: #F3F3F3;
	}
	.mpMiddleClassDiv{
		width: 90%;
		margin: 0 auto;
		padding-top: calc( 2 * var(--container-width));
		padding-bottom: calc( 4 * var(--container-width));
	}
	.mpMiddleInfoTitle{
		font-size: calc( 5 * var(--container-width));
		font-weight: 500;
		margin-bottom: 10px;
	}
	.mpMiddleInfoBox{
		background:  #FFF;
		box-shadow: rgb(0 0 0 / 10%) 0px 0px 3px 1px; 
		border-radius: 5px;
		margin-top: 7px;
		margin-top: calc( 1 * var(--container-width));
		margin-bottom: 10px;
		padding: calc( 1 * var(--container-width));	
		position: relative;
	}
	.mpMiddleInfoImgDiv{
		width: calc( 17 * var(--container-width));
		height: calc( 17 * var(--container-width));
		display: inline-block;
		vertical-align: middle;
	}
	.mpMiddleInfoTextDiv{
		display: inline-block;
		vertical-align: top;
		padding-top: calc( 2 * var(--container-width));
		padding-left: calc( 2 * var(--container-width));
	}
	.mpMiddleInfoTextTeacher{
		font-size: calc( 3 * var(--container-width));
		font-weight: 450;
	}
	.mpMiddleInfoTextTitle{
		font-size: calc( 5 * var(--container-width));
		font-weight: 500;
	}
	.mpMidlleInfoClick{
		position: absolute;
		right: calc( 4 * var(--container-width));
		top: calc( 6 * var(--container-width));
		font-size: calc( 5  * var(--container-width));
		font-weight: 600;
		display: inline-block;
		position: absolute;
		color: #666;
		cursor: pointer;
		margin-top: calc( 2 * var(--container-width));
		font-size: calc( 5 * var(--container-width));
		cursor: pointer;
		vertical-align: middle;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: contain !important;
		width:calc( 5 * var(--container-width));
		height: calc( 3.5 * var(--container-width));
		background-size: 100% 100%;
		background-image: url(/Data/Upload/default/jhtest/ic-next.png);
/*		background-image: url(/img/ic-next.png);	*/
	}
	.mpMiddleInfoImg{
		width:100%;
		height:100%;
		border-radius: 5px;
		object-fit:cover;
	}
	.mpMiddleInfoDiv{
		
	}
	
	.mpSubscribeDiv{
		
	}
	.mpBottomInfoBox{
		position: relative;
		padding-top: calc( 3 * var(--container-width));;
		padding-bottom: calc(3  * var(--container-width));;
		font-weight: 450;
		font-size: calc(  4.5 * var(--container-width));;
	}
	.mpBottomInfoDiv{
		margin:  0 auto;
		width: 90%;
		margin-bottom:10px;
	}
	.mpBottomIcon{
		display: inline-block;
		vertical-align: middle;
	}
	.inline-blockMiddle{
		display: inline-block;
		vertical-align: middle;
	}
	.mpBottomText{
		display: inline-block;
		vertical-align: middle;
	}
	.mpBottomHr{
		 border: 0;
		height: 1px;
		margin: 0 auto;
		color: #D7D7D7;;    /* IE */
		border-color: #D7D7D7;;  /* 사파리 */
		background-color:#D7D7D7; ;   /* 크롬, 모질라 등, 기타 브라우저 */
		
	}
	
	/*
	.myPageDiv{
		background: #F3F3F3;
	}
	.topProfile{
		background: #FFF;
	}
	.mpBottomInfoDiv{
		background: #FFF;
	}
	*/
	
			
	/* 모바일 특수 화면 고정 상단바*/
	.HeaderNowBeginLogo{
		display: inline-block;
		font-size: 0;
		vertical-align: top;
		/* background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: contain !important;
		 */
		 width: 165px;
		/* background-image: url(/Skin/img/icon/logo.svg); */
	}
	.HeaderNowBeginLogo img{
		width: 100%;
		height: 100%;
	} 
	.HeaderNowPassLogo{
		/* display: inline-block; */
		font-size: 0;
		vertical-align: middle;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: contain !important;
		width: 30px;
		height: 30px;
		position: absolute;
		right:20px;
		top: 15px;
		background-image: url(/Skin/img/icon/now_pass_home.svg?r=1);
	}
	.MobileHeaderDiv{
		position: fixed;
		top: 0px;
		height: var(--header--height);
		width:100%;
		max-width: var(--max--width);
		margin: 0 auto;
		z-index: 100;
		background-color: white;
		/* box-shadow: 0 3px 6px rgb(0 0 0 / 6%); */
    	/* border-bottom: 2px solid #F6F6F6; */
	}
	.MobileHeaderDiv1{
		width:20px;
		height:20px;
	}
	.MobileHeaderText{
		text-align: center;	
		font-size: 18px;
		vertical-align: middle;
		line-height:var(--header--height);
		font-weight: 500;
	}
	.MobileHeaderPrev{
		position: absolute;
		left: 10px;
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		line-height: var(--header--height);
	}
	.MobileHeaderPrev1{
		position: absolute;
		margin-top:4px;
		left: 10px;
		display: inline-block;
		vertical-align: middle;
		width: 18px;
		line-height: var(--header--height);
	}
	.MobileHeaderTextShare{
		position: absolute;
		color: #e94f07;
		right: 10px;
		top: 0px;
		display: inline-block;
		vertical-align: middle;
		font-size: 15px;
		font-weight: 500;
		line-height: var(--header--height);
	}
	.MobileHeaderTextRegCoupon {
		position: absolute;
		right: 10px;
		top: 0px;
		display: inline-block;
		vertical-align: middle;
		font-size: 15px;
		font-weight: 500;
		line-height: var(--header--height);
	}
	
	/* 모바일 */
	.MobileFooter{
		max-width:var(--max--width);
		margin: 0 auto;
	}
	.MobileBottomBar{
		display: block;
		position: fixed;
		margin: 0 auto;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		max-width:var(--max--width);
		min-height: var(--footer--height);
		background: #fff;
		text-align: center;
		cursor: pointer;
		box-shadow: 0 calc( -0.2222 * var(--container-width)) calc( 2.7777 * var(--container-width)) 0 rgb(0 0 0 / 15%);
	}
	.MobileBottomBarBtn {
		display: inline-block;
		vertical-align: middle;
		min-width: 48%;
		text-align: center;
		padding-top: 11.5px;
		font-weight: 446;
		font-size: 14px;
	}
	.MobileBottomBar .on{
		color: #e95318;
	}
	.MobileBottomBar .on .MobBotIcon{
		border: 2px solid #e95318;
	}
	.mpBottomIcon{
		margin: 0 auto;
		vertical-align: middle;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: contain !important;
		width:calc(  5.5* var(--container-width));
		height: calc( 5.5 * var(--container-width));
		background-size: 100% 100%;
		background-image: url(/Data/Upload/default/jhtest/images.png);
/*		background-image: url(/img/images.png);	*/
	}
	.mpBottomIcon2{
		background-image: url(/Data/Upload/default/jhtest/ic-pass.png);
/*		background-image: url(/img/ic-pass.png);	*/
	}	
	.mpBottomIcon3{
		background-image: url(/Data/Upload/default/jhtest/ic-payment.png);
/*		background-image: url(/img/ic-payment.png);	*/
	}
	.mpBottomIcon4{
		background-image: url(/Data/Upload/default/jhtest/ic-coupon.png);
/*		background-image: url(/img/ic-coupon.png);	*/
	}
	.mpBottomIcon5{
		background-image: url(/Data/Upload/default/jhtest/ic-mail.png);
/*		background-image: url(/img/ic-mail.png);	*/
	}
	.mpBottomIcon6{
		background-image: url(/Data/Upload/default/jhtest/ic-my-off.png);
/*		background-image: url(/img/ic-my-off.png);	*/
	}
	.mpBottomIcon7{
		background-image: url(/Data/Upload/default/jhtest/ic-logout.png);
/*		background-image: url(/img/ic-logout.png);	*/
	}
	.mpBottomClickIcon{
		position: absolute;
		right: 0;
		top: 0;
		margin-top: calc( 4.5 * var(--container-width));
		margin-right:calc( 4 * var(--container-width));
		font-size: calc( 5 * var(--container-width));
		color: #666;
		cursor: pointer;
		vertical-align: middle;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: contain !important;
		width:calc( 4 * var(--container-width));
		height: calc(3.5  * var(--container-width));
		background-size: 100% 100%;
		background-image: url(/Data/Upload/default/jhtest/ic-next.png);
/*		background-image: url(/img/ic-next.png);	*/
	}
	.MobBotIcon{
		margin: 0 auto;
		vertical-align: middle;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: contain !important;
		width: 22px;
		height: 22px;
		background-size: 100% 100%;
	}
	.MobBotHomeIcon{
		/*background-image: url(/Data/Upload/default/jhtest/home2.png);*/
		background-image: url(/Data/Upload/default/jhtest/ic-home-off.png);
/*		background-image: url(/img/ic-home-off.png);*/
	}
	.MobBotHomeIcon[selected]{
		background-image: url(/Data/Upload/default/jhtest/ic-home-on.png);
	}
	.MobBotMyIcon{
		/*background-image: url(/Data/Upload/default/jhtest/images.png);*/
		background-image: url(/Data/Upload/default/jhtest/ic-my-off.png);
/*			background-image: url(/img/ic-my-off.png);*/
	}
	.MobBotMyIcon[selected]{
		/*background-image: url(/Data/Upload/default/jhtest/images.png);*/
		background-image: url(/Data/Upload/default/jhtest/ic-my-on.png);
/*			background-image: url(/img/ic-my-off.png);*/
	}
	
	.MobBotText{
		color: black;
	}
	
	.MobBotText[selected]{
		color: red;
	}

	/*모바일 */
	@media (pointer:coarse) {
		/* body{font-size: 12px; background:#100f0e; color:#fff;} */
		body{font-size: 12px; color:#100f0e; background:#fff;}

		i{font-style:normal;}

		/* a{color: #fff} */
		a{color: #100f0e}
		
		}
	/*모바일*/
	

/*공유하기 변경*/
.styleModal {
    background: rgba(0,0,0,0.8);
}
.modal_wrap{
	border-radius: 30px;
}
.modal_wrap .modal_contents .goodsShare .btnArea .eBtn {
	border-radius: 25px;
}
/*공유하기 변경*/

/* 블랙 화이트 반전 */
/* body{font-size: 12px; background:#fff; color:#303038;}
a{color: #303038} */
.styleModal .modal_wrap {
    background: #fff;
}
.styleModal .modal_contents header h3 {
	color: #303038;
}
.contents.register .agreeArea article .checkArea .checkbox span{color: #303038}
/* 블랙 화이트 반전 */
#container{width: 100%; padding-top: 0px;}
/* 2021-12-03 추가 */



.container{
	max-width:var(--max--width);
}
.passbnr_area{
	max-width: 100%;
}


/*결제화면*/
.txtCenter{
	text-align: center;
}
.payHeader{
	position: fixed;
	top: 0px;
	height: 55px;
	width:100%;
	max-width: 640px;
	margin: 0 auto;
	z-index: 10;
	background-color: white;
	box-shadow: 0 3px 6px rgb(0 0 0 / 6%);
}
.payHeaderText{
	text-align: center;	
	font-size: 20px;
	vertical-align: middle;
	line-height: 55px;
	font-weight: 500;
}
.borderTest{
	border: 1px solid red;
}
.payBody{
	max-width: 640px;
	margin: 0 auto;
}
.passbnr_area{
	position: relative;
	text-align: center;
}

.passbnr_area img{
	width: 100%;
	max-height: 365px;
	/* max-width: 640px; */
	
	object-fit: cover;
}
.pass_contents_area{
	padding: 40px 20px 100px 20px;
	padding: 40px 20px 35px 20px;
	background: #fff;
}
.payTxt1{
	font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    color: #303038;
}
.passTicketGroup{
	margin-top: 50px;
}
.passTicketCate{
	max-width: 380px;
    margin: 0 auto;
    padding: 15px 0;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #303038;
    text-align: center;
	border-top: 0px solid #303038;
}


.passNoticeTitle{
	max-width: 380px;
    margin: 0 auto;
    padding-bottom: 25px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #303038;
    text-align: center;
	border-top: 0px solid #303038;
}
.passNoticeBottom{
	background-color: #DADADA;
	height: 7px;
}
.passNoticeDiv{
	min-height: 100px;
/*	border: 1px solid red;*/
	padding: 25px 20px 25px 20px;
}
.passFaqTitle{
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}
.que:first-child{
    border-top: 1px solid black;
}
.que{
  position: relative;
  padding: 17px 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 650;
  border-bottom: 1px solid #dddddd;
}
.que::before{
  display: inline-block;
  content: 'Q';
  font-size: 14px;
  color: #006633;
  margin-right: 5px;
}
.que.on>span{
/*	//눌렸을때*/
/*  font-weight: bold;*/
/*  color: #006633; */
}
.anw {
  display: none;
  overflow: hidden;
  font-size: 13px;
  padding: 10px 0;
	padding-left: 15px;
	padding-right: 10px;
 
  color: #666;
}
.anw::before {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  color: #666;
  margin-right: 5px;
}


.passTicket{
	max-width: 335px;
    margin: 15px auto 0;
    box-sizing: border-box;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border: 1px solid #efefef;
    background: #fff;
    box-shadow: 0 3px 6px rgb(0 0 0 / 6%);
    text-align: left;
}
.passTicket .passTicketInfo{
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 166px;
    padding: 18px 23px 18px 23px;
    box-sizing: border-box;
}
.passTicket .passTicketLabel{
	margin-bottom: 7px;
}
.passTicketLabel .label{
	display: inline-block;
    text-align: center;
    padding: 0 10px;
    margin: 0;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    box-sizing: border-box;
    background: #111;
	color: #fff;
    background: #303038;
	border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
}
.passTicketTit{
	flex: 1;
}
.priceBtn{
    margin-top: 4px;
}
.passTicketInfoBox{
/*	margin-top: 12px;*/
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-content: space-between;
    align-items: flex-start;
}

.passTicketTit h4{
	display: block;
    font-size: 20px;
    line-height: 29px;
    font-weight: 700;
    color: #303038;
    letter-spacing: -0.5px;
	margin-bottom: 4px;
}
.passTicketSub{
	margin-top: 0px;
	margin-bottom: 0px;	
}
.passTicketSub span {
    display: block;
    font-size: 11px;
    line-height: 20px;
    font-weight: 500;
    color: #666;
}
.buyBtn{
	cursor: pointer;
	background: #e95318 !important;
	border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
	text-decoration: none;
    outline: 0;
	display: inline-block;
    text-align: center;
    min-width: auto;
    padding: 0 25px;
    font-size: 14px;
    line-height: 44px;
    font-weight: 700;
    color: #fff;
    box-sizing: border-box;
	position: absolute;
	right: 0;
	margin-right: 15px;
}
.passTicketPrice {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.passTicketPrice .priceInfo {
    display: flex;
    align-items: center;
}
.passTicketPrice .priceInfo .cost{
	display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #303038;
}
.passTicketPrice .priceInfo .cost .num{
	margin-right: 4px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #303038;
}
.passTicketPrice .priceInfo .prc {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #666;
    text-decoration: line-through;
}
.passTicketPrice .priceInfo .prc + .dscnt {
    margin-left: 1px;
}
.passTicketPrice .priceInfo .dscnt:after {
    content: '%';
}
.passTicketPrice .priceInfo.dscnt {
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
}
.newMemberEventDiv{
	max-width: 395px;
	max-height: 194px;
	margin: 15px auto 0;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 6%);
	text-align: left;
	margin-bottom: 25px;
}
.passTicketImg{
	
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;

}
.passTicketIsUse {
	position: absolute;
	color: #888;
	right: 20px;
	font-weight: 500;
}
.passTicketIsUse[checked] {
	color: red;
}
.newMemberEventImg{
	width: 100%;
/*	max-height: 194px;	*/
	border-style: none;
/*
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
*/
	object-fit: cover;
}

.orderMainDiv{
	padding: 30px 20px;
	padding-bottom: 40px;
}
.myPageListDetailDiv{
	padding: 30px 20px;
	padding-bottom: 40px;
}
.orderBasic{
	box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
}
.orderBasic + .orderBasic{
	margin-top: 20px;
}
.orderBasicColumn{
	display: table;
    width: 100%;
    font-size: 12px;
    color: #303038;
    margin-bottom: 10px;
}
.orderBasicColumn2{
	border-bottom: 3px solid #303038;
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.orderBasicColumn .orderBasicTitle {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    color: #303038;
    text-align: left;
}
.orderBasicArea {
    position: relative;
    padding: 25px 0;
    border-bottom: 1px solid #ebebeb;
	border-top: 3px solid #303038;
}

.orderBasicArea .prod_infor {
    text-align: left;
}
.orderBasicArea .prod_infor dt, .orderBasicArea .prod_infor dt a {
    font-size: 15px;
    line-height: 22px;
    font-weight: 700;
    color: #111;
}
.orderBasicArea .prod_infor dd {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #666;
}
.passticket_sub {
	margin: 0 0 16px;
    margin-top: 4px;
    margin-bottom: 0;
}
.orderBasicArea .prod_infor .passticket_sub span {
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    color: #666;
}
/*
.orderBasicArea .prod_infor .passticket_sub span:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 2.5px;
    height: 2.5px;
    margin: -2px 5px auto 2px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    background: #666;
}
*/

.orderBasicInputBtn{
	width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 14px 15px;
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    background: #fff;
    outline: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	display: inline-block;
    position: relative;
	text-decoration: none;
    outline: 0;
}
.orderBasicInputBtn:after {
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(https://img.ficle.io/www/common/icon/icon_arrow2.png) no-repeat;
    background-size: 100%;
}
.orderBasicArea div{
	/* display: table-cell; */
    /* vertical-align: middle; */
    vertical-align: top;
    text-align: left;
}
.noInfoDiv{
	position: block;
	text-align: center !important;
	color: #666;
	margin: 0 auto;
	font-weight: 500;
    font-size: 15px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.noNowPassDiv{
	position: block;
	text-align: center !important;
	color: #D4D4D4;
	font-weight: 500;
	margin: 0 auto;
	font-size: 16px;
	margin-top: 50px;
	margin-bottom: 50px;
/*	border-bottom: 1px solid #ebebeb;*/
}
.noNowPassLine{
	border-bottom: 1px solid #ebebeb;
	
}
.orderBasicTable{
	width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    white-space: normal;
    word-break: normal;
    word-break: break-all;
    word-break: break-word;
}

.orderBasicTableBoard.orderBasicTableBoard2 td {
    position: relative;
    text-align: center;
    padding: 30px 0;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.orderBasicTableBoard.orderBasicTableBoard2 td p {
	margin: 0 0 16px;
    font-size: 12px;
    line-height: 18px;
    color: #303038;
    margin-bottom: 5px;
}
.orderBasicTableBoard.orderBasicTableBoard2 td span {
    font-size: 12px;
    line-height: 24px;
    color: #303038;
}
.orderBasicTableBoard.orderBasicTableBoard2 td span b {
    font-size: 24px;
    font-weight: 400;
}

.orderBasicTableBoard.orderBasicTableBoard2 tr.orderBasicPoint {
    background: #F8F8F8;
}
.orderBasicTableBoard.orderBasicTableBoard2 tr.orderBasicPoint td {
    padding: 9px 0;
    display: table-cell;
    vertical-align: top;
}
.orderBasicTableBoard.orderBasicTableBoard2 tr.orderBasicPointType td:first-child:after {
    content: '';
    width: 10px;
    height: 2px;
    background: #303038;
    position: absolute;
    right: -6px;
    top: 50%;
}
.orderBasicTableBoard.orderBasicTableBoard2 tr.orderBasicPoint td p {
    color: #666;
}
.orderBasicTableBoard.orderBasicTableBoard2 tr.orderBasicPoint td p b {
    margin-left: 8px;
}
.orderBasicTotalPrice{
	padding: 14px 0;
    border-bottom: 1px solid #e8e8e8;
    display: table;
    width: 100%;
}
.orderBasicTotalPrice p {
	margin: 0 0 16px;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.orderBasicTotalPrice span {
    display: table-cell;
    text-align: right;
}
.orderBasicTotalPrice span b {
    font-size: 28px;
    margin-right: 3px;
}

.payroot {
    text-align: center !important;
}
.payroot ul {
    margin: -5px;
}

.clearfix:after { content: ""; display: block; clear: both; }

.payroot ul li {
    border: 1px solid #ccc;
    float: left;
    /* width: calc(50% - 10px); */
	width: calc(100% - 10px);
    height: 50px;
    line-height: 50px;
    margin: 5px;
}
.payroot ul li.on {
    background: #e95318;
}
.payroot ul li a {
    display: block;
    line-height: inherit;
}
.payroot ul li.on a {
    color: #fff;
    font-weight: bold;
}
.agreeDiv {
    margin: 20px 0 20px 0;
    text-align: left;
}
.agreeCheck{
    display: none;
}
.agreeCheck + label {
    display: inline-block;
    position: relative;
}
.agreeCheck + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border: 1px solid #e8e8e8;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 8px;
}
.agreeDiv input[type="checkbox"]:checked + label:before {
    border-color: #000;
    background: #000;
}
.agreeCheck:checked + label:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(https://img.ficle.io/www/common/icon/icon_checkarrow.png) no-repeat;
    background-size: 100% auto;
    background-position: 0 0;
}
.agreeDiv p{
	margin: 0 0 16px;
    margin-left: 30px;
    margin-bottom: 0;
}
.agreeCheck + label span {
    display: table-cell;
    vertical-align: top;
    padding-left: 28px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: #666;
    text-align: left;
}
.agreeDiv p span {
    display: block !important;
    padding-left: 0 !important;
    margin-top: 6px;
}
.orderCardPolicy{
	    color: #303038 !important;
	
    font-weight: 700 !important;
	    font-size: 16px !important;
    margin-bottom: 0;
	    text-decoration: none;
    outline: 0;
}
.refundPolicyImgDiv img{
	width: 100%;
}
.orderButton{
	overflow: visible;
    text-transform: none;
	font: inherit;
	cursor: pointer;
    outline: 0;
	border: none;
	margin: 0;
	display: inline-block;
    text-align: center;
    min-width: 92px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    box-sizing: border-box;
    background: #000;
	width: 100%;
}
/*결제화면*/

/* 결제쪽 바꾸기*/	
.priceBtn{
	margin-top: 30px;
}
.passTicket{
	max-width: 395px;
}
.order_passTicket{
	max-width: 2000000px;
	margin: 0px auto 0;
}
.passTicketSub{
	width: 165px;
}
.orderBasicArea input[type=radio]{
	opacity: 0;
}
.payTypeRadio{
	
}
.orderBasicArea input[type=radio]:checked +	li{
	
}
/* 결제쪽 바꾸기*/
/*마이페이지 나우패스*/
.mpNowPassDiv .payroot{
	margin-top: 10px;
}
.mpNowPassDiv .passticket_sub span{
	font-weight: 700 !important;
}
.mpNowPassDiv .passTicket {
	max-width: 120000px;
}
.mpNowPassDiv .passTicket .passTicketInfo{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 20px;
	padding: 25px 20px 25px 20px;
	box-sizing: border-box;
}
.mpUseBtn{
	cursor: pointer;
    background: #fff !important;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius:2px !important;
    -ms-border-radius: 2px !important;
    -o-border-radius: 2px !important;
    text-decoration: none;
    outline: 0;
    display: inline-block;
    text-align: center;
    min-width: auto;
    padding: 0 25px;
    font-size: 17px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    margin-right: 15px;	
}
.mpPayStatus{
	font-weight: 450;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    padding: 0 0;
}
.mpNowPassDiv .passTicketPrice .priceInfo .cost .num{
	margin-right: 4px;
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
    color: #666;
}

.mpNowPassTicket{
	margin: 0 auto 0;
	margin-bottom: 10px;
}
.mpRightDiv{
	margin-bottom: 15px;
}
.mpNowPassTicket h4{
	display: block;
    font-size: 16px;
    line-height: 29px;
    font-weight: 700;
    color: #303038;
    letter-spacing: -0.5px;
    margin-bottom: 4px;
}
.mpNowPassDiv {
	padding: 10px 0;	
}
.mpNowPassTopDl{
	margin-left: 7px;
}
.mpNowPassDiv div{
	display: block;
}

.mpNowPass{
	display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-top: 11.5px;
    font-weight: 446;
    font-size: 14px;
}

/*마이페이지 나우패스*/
/*마이페이지 결제내역*/

.mpOrderDiv{
	padding: 20px 10px 20px 10px;
	border-top: 1px solid #ebebeb;
}
.mpOrderDiv:first-child{
	/* border-top: 1px solid #ebebeb; */
}
.orderRightDiv{
	margin-bottom: 10px;
}
.mpOrderTitle{
	font-size: 16px;
	font-weight: 500;	
}
.mpOrderInfoSub{
	margin-top: 10px;
	font-size: 12px;
	font-weight: 500;
	color: #666;
}
.mpOrderPrice{
	margin-top: 5px;
}
.mpPayBack{
	background-color: #ebebeb;
	min-height: 100px;
}
.mpPayBackDiv{
	padding: 20px 10px 20px 17px;
}
.mpPayBackTitle{
	font-size: 16px;
	font-weight: 500;
}
.mpPayBackText{
	margin-top: 15px;
	font-size: 12px;
	color: #666;
	font-weight: 550;
}
.mpPayBackSub{
	margin-top: 25px;
	font-size: 13px;
	font-weight: 550;
}
/*마이페이지 결제내역*/


/*결제완료 페이지*/
.orderResultDiv{
	padding-left:15px;
	padding-right: 15px;
}
.orderResultTitle{
	text-align: center;
	font-size: 24px;
	font-weight: 700;
}
.orderResultText{
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #666;
}
/*결제완료 페이지*/

.order_l{
	list-style: none;
    font-size: 14px;
    line-height: 1.571;
    letter-spacing: 0;
	
}
/* goods detail */
.goodsPageIcon{
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
}
.goodsTopImg{
	width: 100%;
	max-height: 365px;
	object-fit: cover;
}
.goodsTopInfo{
	padding: 15px 15px 20px 15px;
	font-size: 14px;
	font-weight: 400;
}
.goodsTopInfo .goodsTopCate{
	font-size: 11px;
	font-weight: 600;
	color:#666;
}
.goodsTopTitle{
	font-size: 18px;
	font-weight: 700;
}
.goodsTopHashTag{
	margin-top: 2px;
	font-size: 12px;
	font-weight: 550;
}
.goodsTopSub{
	margin-top: 20px;
}
.goodsTopInfoTableDiv{
	overflow: hidden;
}
.goodsTopInfoTable {
	line-height: 1.6;
}
.goodsTopInfoTable th{
	font-size: 14px;
	font-weight: 600;
	min-width: 85px;
	text-align: left;
	vertical-align: top;
}
.goodsTopInfoTable td{
	font-size: 12px;
	font-weight: 580;
	color: #666;	
}
.goodsTopInfoTableAccodionBtn{
	margin-top: 15px;
	text-align: center;
	font-size: 12px;
	font-weight: 580;
	color: #666;	
	cursor: pointer;
}
.goodsTopInfoTableAccodionBtn span{
	border-bottom: 2px solid #dfdfdf;
}
.goodsTopButtonDiv{
	padding: 10px 18px 20px 18px;
	text-align:center;
	overflow:hidden;
}
.goodsTopButtonDiv div{
	background-color: #F8F8F8;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	min-width: 48%;
	text-align: center;
	font-weight: 430;
	font-size: 14px;
	height: 35px;
/*    box-shadow: 0 3px 6px rgb(0 0 0 / 15%);*/
	/* border: 1.5px solid #F2F2F2; */
	box-shadow: 0 0 0 1px #F2F2F2 inset;
	
	line-height: 35px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.goodsTopButtonDiv div a{
	line-height: 35px;
}
.goodsTopHeartBtn{
	float: left;
}
.goodsTopShareBtn{
	float: right;
}
.goodsTopHeartBtn{
	
}
.goodsHeartBtn{
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	border: 0;
	-webkit-border-radius: 0;
	cursor: pointer;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	outline: none;
	border-radius: none;
}
.goodsWishBtn{
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	border: 0;
	-webkit-border-radius: 0;
	cursor: pointer;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	outline: none;
	border-radius: none;
	/* display: flex;
	align-items: center; */
}
.goodsWishBtn a {
	line-height: 35px;
}
.goodsHeartIcon{
	line-height: inherit;
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	width: 20px;
	height: 15px;
	background-image: url('/Skin/img/icon/ic-like.svg');
}
.goodsWishIcon{
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	width: 20px;
	height: 15px;
	background-image:url('/Skin/img/icon/add-circle.svg');
}
.goodsShareIcon2{
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	width: 15px;
	height: 15px;
	background-image: url('/Skin/img/icon/ic-share.svg');
}
.goodsShareIcon{
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	width: 19px;
	height: 19px;
	background-image: url('/Skin/img/icon/ic-share.svg');
}
.goodsDivision1{
	background-color: #F3F3F3;
	height: 10px;
}
.goodsSchedule{
	padding: 0px 30px 0px 30px;
}
.goodsScheduleTitle{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: 650;
}
.goodsScheduleWeek{
	margin-top: 30px;
	margin-bottom: 25px;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	vertical-align: middle;
}
.goodsBackWeekIcon{
	width: 12px;
	height: 12px;
	background-image: url(/Skin/img/icon/back-small.svg);
	margin-right: 5px;
}
.goodsProntWeekIcon{
	margin-left: 5px;
	width: 12px;
	height: 12px;
	background-image: url(/Skin/img/icon/pront-small.svg);
}
.goodsMiniCalendar{
	margin-left: 1px;
}
.goodsMiniDate{
/*	min-height: 55px;*/
	border-bottom: 2.5px solid #E0E0E0;
}
.goodsMiniTimeBox{
	/* min-height: 50px; */
}
.goodsMiniDateBox{	
	display: inline-block;
	width: calc(100%/7.5);
	text-align: center;
	vertical-align: top;
}
.goodsMiniDateSunday{
	color: #E23611;
}
.goodsMiniDateSaturday{
	color:#2861FF;
}
.goodsMiniDateNum{
	font-size: 13px;
	font-weight: 600;
}
.goodsMiniDateText{
	margin-bottom: 5px;
	font-size: 12.5px;
	font-weight: 550;
}
.goodsMiniDateTime{
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	font-weight: 500;
	background: #e95318;
	color: #fff;
	margin: 7px 2px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.goodsMiniDateTimeOld{
	background-color: black;
}
.calendarGoodsDiv{
	width: 85%;
    margin: 0 auto;
	margin-top: 5px;
	border-bottom: 1px solid #E0E0E0;
}
.goodsClass{
	padding: 20px 20px 20px 20px;
}
.goodsClassPiece{
	box-shadow: 0 0px 4px rgb(0 0 0 / 30%);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 7px 10px 0px 10px;
	margin-bottom: 13px;
	overflow:hidden;
}
.goodsClassPiece2{
	box-shadow: 0 0px 4px rgb(0 0 0 / 30%);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	margin-bottom: 13px;
	overflow:hidden;
}
.goodsClassPiece2Mypage{
	width:47%;
	float:left;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	margin-bottom: 13px;
}
.goodsClassPieceImgDivMypage{

/*	height: 19.0vw;*/
	text-align: center;
	vertical-align: middle;
}
.goodsClassPieceImgDiv{
	float: left;
	width: 42%;
	height:120px;
/*	height: 19.0vw;*/
	text-align: center;
	overflow: hidden;
	vertical-align: middle;
	position: relative;
}
.goodsClassPieceImgDiv2{
	
	width: 42%;
/*	height: 19.0vw;*/
	overflow: hidden;
	vertical-align: middle;
	position: relative;
}
.goodsClassPieceDetailImgDiv{
	
	width: 42%;
/*	height: 19.0vw;*/
	
	vertical-align: middle;
	position: relative;
}
.favoriteClassHeartIconDiv{
	position: absolute;
	padding: 5px 5px 5px 5px;
}
.goodsStatusBadge{
	position: absolute;
	top: 5px;
	left: 5px;
}
.goodsStatusBadge span{
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 2px 2px 2px 2px;
	font-size: 0.001px;
	font-weight: 500;
	text-align: center;
	background-color: #000;
	color: #fff;
	z-index:5;
}
.goodsStatusBadgeSpanLive{
	background-color: #e95318 !important;
}
.goodClassPieceImg{
	width: 100%;
	height: 100%;
	border-radius:  2px;
	-webkit-border-radius: 2px;
	object-fit: cover;
}
.goodsClassPieceInfoDiv2{
	
	display: inline-block;
	width: 100%
}
.goodsClassPieceInfoDiv{
	float: left;
	display: inline-block;
	width: 57%;
}
.goodsClassPieceInfoTop{
	width: 100%;
	margin-left: 5px;
	border-bottom: 1.5px solid #E0E0E0;
}
.goodsClassPieceInfoTop2{
	width: 100%;
	
}
.goodsPieceInfoTitle{
	font-size: 13px;
	font-weight: 600;
	margin-top: 2px;
	margin-left: 10px;
	margin-bottom: 5px;
	max-height: 38px;
	overflow: hidden;
}
.goodsPieceInfoTitle2{
	font-size: 13px;
	font-weight: 600;
	margin-top: 2px;
	margin-left: 10px;
	margin-bottom: 5px;
	max-height: 38px;
}
.goodsPieceInfoSub{
	font-size: 11px;
	font-weight: 420;
	color: #666;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
	line-height: 1.6;
	max-height: 72px;
	overflow: hidden;
}
.goodsPieceInfoSub2{
	font-size: 11px;
	font-weight: 420;
	color: #666;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
	line-height: 1.6;
	max-height: 72px;
}
.goodsClassPieceInfoBottom{
	margin-top:2px;
	margin-left: 14px;
	display: flex;
	align-items: center;
}
.goodsClassPieceInfoBottom2{
	padding: 7px 0 7px 0;
	margin-top:7px;
	border-top: 1.5px solid #E0E0E0;
}
.goodsClassPieceInfoBottom3{
	margin-top:7px;
	border-top: 1.5px solid #E0E0E0;
	min-height: 40px;
	display: flex;
}
.goodsClassPieceInfoBottom3 div{
	/* display: inline-block; */
	flex:1;
	line-height: 40px;
	width: 32.75%;
	vertical-align: middle;
	text-align: center;
	color:#666;
	font-size: 11px;
	font-weight: 550;
	cursor: pointer;
}

.goodsPieceDate{
	color: #666;
	text-align: center;
/*	margin-left: 15px;*/
	font-size: 0.1em;
	font-weight: 520;
	width: 30%;
}

.goodsPiecePeople{
	color: #666;
	text-align: center;
/*	margin-left: 15px;*/
	font-size: 8px;
	font-weight: 520;
	width: 29%;
}

.goodsPieceBtn{
	width: 39%;
	margin-left: 4px;
	text-align:center;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	background-color: #e95318;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 25px;
	line-height: 25px;
}
.goodsClassPieceInfoBottom2{
	display: flex;
	align-items: center;
	overflow: hidden;
}
.goodClassPieceInfoBottomDivL{
	margin-left: 5px;
	width: 63%;
	float: left;
}
.goodClassPieceInfoBottomDivR{
	width: 35%;
	float: left;
}
.goodsPieceDate2{
	font-size: 11px;
	font-weight: 450;
}
.goodsPiecePeople2{
	font-size: 11px;
	font-weight: 450;
}
.goodsPieceBtn2{
	margin-left: 4px;
	text-align:center;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	background-color: #e95318;
	border-radius: 3spx;
	-webkit-border-radius: 3px;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
}
.goodsPieceBtn2Vod{
	background-color: #000;
}
.goodsPieceBtn2Ready{
	background-color: #f2f2f2;
	color: #666;
}
.goodsNoClassWeek{
	height: 150px;
	line-height: 110px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	color: #666;
	/* border-top:  1.5px solid #E0E0E0; */
	border-bottom:  1.5px solid #E0E0E0;
}

.goodsAllScheduleLink{
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 20px;
}
.goodsAllScheduleLink span{
	margin-left: 3px;
	border-bottom: 2px solid black;
}
.goodsAllScheduleIcon{
	width: 20px;
	height: 17px;
	background-image: url(/Skin/img/icon/ic_calendar.svg);
	border-bottom:1px solid #fff;
}
.goodsReview{
	padding: 30px 20px 20px 20px;
}
.goodsReviewTopTitle{
	font-size: 18px;
	font-weight: 650;
}
.goodsReviewTopInfo{
	margin-top: 15px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.goodsStarIcon{
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	width: 30px;
	height: 30px;
	background-image: url(/Skin/img/icon/review_star.svg);
}
.goodsReviewFaceIcon{
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	width: 30px;
	height: 30px;
	background-image: url(/Skin/img/icon/heart-empty.svg);
	margin-right: 5px;
}
.goodsReviewFaceIcon1{background-image: url('/Skin/img/icon/iconReview1.svg');}
.goodsReviewFaceIcon2{background-image: url('/Skin/img/icon/iconReview2.svg');}
.goodsReviewFaceIcon3{background-image: url('/Skin/img/icon/iconReview3.svg');}
.goodsReviewAverage{
	margin-left: 10px;
	font-size: 16px;
	font-weight: 600;
}
.goodsReviewMaxScore{
	color: #666;
	font-size: 13px;
	font-weight: 600;
}
.goodsReviewCnt{
	margin-left: 10px;
	color: #666;
	font-size: 14px;
	font-weight: 550;
}
.goodsIconReview{
	border-radius: 5px;
	-webkit-border-radius:5px;
	padding: 15px 15px 15px 15px;
	box-shadow: 0 0px 4px rgb(0 0 0 / 30%);
	}
.goodsIconReviewLine{
	overflow: hidden;
	line-height: 30px;
}
.goodsIconReviewLine div{ 
	display: inline-block;
	vertical-align: middle;
	font-weight: 450;
	font-size: 12px;
}
.goodsIconReviewQ{
	float: left;
}
.goodsIconReviewA{
	text-align: right;
	float: right;
}
.goodsUserReview{
	margin-top: 15px;
}
.goodsUserReviewPiece{
	position: relative;
	/* padding: 5px 5px 10px 5px; */
	/* border-bottom: 1px solid #E0E0E0; */
	box-shadow: 0 0px 4px rgb(0 0 0 / 30%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 10px 10px 15px 10px;
    margin-bottom: 13px;
    /*overflow: hidden;*/
	overflow: initial;
}
.goodsUserReviewMore {
	position: absolute;
	width: 13px;
	right: 10px;
	top: 9px;
	text-align: center;
	color: #666;
    font-size: 11px;
    font-weight: 550;
	-ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
}
.goodsUserReviewMoreViewWrap {
	display: none;

}
.goodsUserReviewMoreViewWrap[isShow]{
	display: block;
}
.goodsUserReviewMoreViewBg {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: transparent;
	top: 0px;
	left: 0px;
    z-index: 99;
}
.goodsUserReviewMoreView{
	position: absolute;
	right: 10px;
	top: 27.5px;
	border: 1px solid #E0E0E0;
	width: 100px;
	padding: 5px 10px 5px 10px;
	z-index: 100;
	background-color: white;
}
.goodsUserReviewMoreMenuItems {
	padding: 10px 0px 10px 0px !important;
}
.goodsUserReviewBlock {
	-ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
}
.goodsUserReviewReport {
	-ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
}
.goodsUserReviewDate{
	position: absolute;
	/*right: 10px;*/
	right: 30px;
	top: 10px;
	color: #666;
	font-size: 11px;
	font-weight: 550;
}
.goodsReviewPieceTop{
	margin-top: 5px;
	margin-bottom: 5px;
		display: flex;
	align-items: center;
}
.goodsReviewPieceName{
	font-size: 11px;
	font-weight: 400;
	margin-left: 5px;
	vertical-align: bottom;
}
.goodsUserStarIcon{
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	width: 12px;
	height: 12px;
	background-image: url(/Skin/img/icon/review_star.svg);
}
.goodsUserStarIconN{
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	width: 12px;
	height: 12px;
	background-image: url(/Skin/img/icon/review_starN.svg);
}
.goodsReviewPieceText{
	color: #666;
	font-size: 12px;
	font-weight: 450;
	text-overflow : ellipsis;
	max-height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
/*    white-space: nowrap;*/
	text-align: left;
	word-wrap: break-word;
}
.goodsAllReviewLink{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 500;
}
.goodsAllReviewLink span{
	margin-left: 3px;
	border-bottom: 2px solid black;
}
.goodsAllReviewIcon{
	width: 20px;
	height: 17px;
	background-image: url(/Skin/img/icon/ic_total_review.svg);
}


.goodsIntroduceTop{
		/* background-color: #F3F3F3; */
	padding: 20px 20px 10px 20px;
}
.goodsIntroduceTopTtile{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 650;
}
.goodsIntroduceTopSub{
	margin-top: 20px;
	margin-bottom: 20px;
}
.goodsIntroduceTopSubTop{
	display: flex;
	align-items: center;
}
.goodsIntroduceTopSubTop span{
	font-size: 13px;
	font-weight: 600;
	margin-left: 5px;
}
.goodsIntroduceTopSubBottom{
	margin-top: 5px;
	font-size: 11px;
	font-weight: 450;
	color: #666;

}
.goodsIntroduceScheduleIcon{
	width: 20px;
	height: 17px;
	background-image: url(/Skin/img/icon/ic_calendar.svg);
}
.goodsIntroduceContentsIcon{
	width: 20px;
	height: 17px;
	background-image: url(/Skin/img/icon/ic_contents.svg);
}

.goodsCurriculum{
	padding: 20px 20px 20px 20px;
}
.goodsCurriculumTop{
	font-size: 18px;
	font-weight: 650;
}
.goodsCurriculumTopSub{
	margin-top: 10px;
	margin-bottom: 20px;
	color: #666;
	font-size: 12px;
	font-weight: 500;
}
.goodTeacherInfoContent{
	line-height:1.5;
}
.goodTeacherInfoContent img{
	border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}
.goodsContentsDescription{
	padding: 0px 18px 0px 18px;
	line-height:1.5;
	/* max-height: 2050px; */
	max-height: 1600px;
	overflow: hidden;
}
.goodsContentsDescription img{
	border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}
.moreGoodsContentsDescription{
	padding: 0px 18px 0px 18px;
	width: 95%;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #FFE0D9;
	/* color: white; */
	height: 42px;
	line-height: 42px;
	font-size: 15px;
	font-weight: 650;
}
.goodsCurriculumPiece{
	padding-bottom:10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DADADA;
}
.goodsCurriculumPiece img{
	width:100%;
	object-fit: cover;
	border-radius: 2px;
	-webkit-border-radius:2px;
	filter: brightness(90%); 
}
.goodsCurriculumPieceImg2{
	filter: brightness(75%) !important; 
}
.goodsCurriculumPieceInfo{
	margin-top: 5px;
	vertical-align: middle;
	overflow: hidden;
	margin-bottom: 5px;
}
.goodsCurriculumPieceClear{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.goodsCurriculumPieceClear span{
	padding: 3px 3px 3px 3px;
	background-color: #FFE019;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: 500;
	font-size: 10px;
}			
.goodsCurriculumPieceTitle{
	float:left;
	width: 95%;
	margin-left: 5px;
	font-size: 14px;
	font-weight: 650;
}
.goodsCurriculumPieceBtn{
	float:right;
	text-align:center;
	padding: 3px 10px 3px 10px;
	background-color: #000;
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-right: 15px;
	margin-top: 2px;
}
.goodsCurriculumPieceSubTop{
	font-size: 10px;
	font-weight: 550;
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	overflow: hidden;
}
.goodsCurriculumPieceSubTop div{
	display: inline-block;
	vertical-align: middle;
}
.goodsCurrBoxMsg{
	font-size: 14px;
	font-weight: 650
}
.goodsCurriculumPieceVideoTimeBox{
	position: absolute;
	bottom: 12px;
	right: 13px;
	padding: 2px 10px 2px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: rgba(0,0,0,0.4);
	font-weight: 400;	
	z-index: 1;
}
.goodsCurriculumPieceSubAccodion{
	float: left;
	padding: 5px 15px 5px 5px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #FFF;
	font-size: 11px;
	vertical-align: middle;
}
.curInfoToggleIcon{
	margin-left: 5px;
	margin-bottom: 1px;
    width: 10px;
    height: 10px;
    background-image: url(/Skin/img/icon/toggleBot.svg);
}
.curInfoToggle{
    background-image: url(/Skin/img/icon/toggleTop.svg);
}
.goodsCurriculumPreview{
	margin-top: 3px;
	float: right;
	margin-right: 10px;
	padding: 2px 15px 2px 15px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #DADADA;
}
.goodsCurriculumPieceSubBox{
	margin-left: 5px;
	font-size: 12px;
	font-weight: 450;
	color:#666;
	margin-top: 2px;
	margin-bottom: 2px;
}
.goodsCurriculumPieceSubBox div{
	margin-left: 3px;
}
.goodsCurriculumPieceInfoSub{
	margin-top: 7px;
}
.goodsCurriculumPlayIcon{
	width: 50px;
	height: 50px;
	/* width: 20px;
	height: 17px; */
	background-image: url(/Skin/img/icon/ic-play.svg);
}
.goodsCurriculumPiecePlay{
	margin-top: 15px;
	text-align: center;
	font-size: 14px;
	font-weight: 800;
}
.goodsAllCurriculumClick{
	margin-left: 3px;
	border-bottom: 1.5px solid #000;
}
.goodsAllCurriculum{
	margin-top: 15px;
	text-align: center;
	font-size: 12px;
	font-weight: 550;
	color: #666;
}
.goodsAllCurriculum span{
	padding: 5px 10px 5px 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #E1E1E1;
}
.goodsMissionDiv{
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 650;
	margin-top: 20px;
	margin-bottom: 20px;
}
.goodsMissionTop{
	margin-bottom: 15px;
}
.goodsMissionText{
	font-size: 14px;
}
.goodsRecommendPeople{
	/* background-color: #F3F3F3; */
	padding: 20px 20px 20px 20px;
}
.goodsRecommendPeopleTitle{
	font-size: 18px;
	font-weight: 650;
	text-align: center;
	margin-bottom: 20px;
}
.goodsRecommendPiece{
	text-align: center;
	margin-bottom: 25px;
}
.goodsRecommendPieceIcon{
	margin-bottom: 10px;
	font-size: 25px;
}
.goodsRecommendPieceText{
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 550;
}
.goodsRecommendPieceSub{
	color: #666;
	font-size: 13px;
	font-weight: 500;
}
/*
.goodsMaterials{
	text-align: center;
	padding: 20px 30px 25px 30px;
}
.goodsMaterialsTitle{
	font-size: 18px;
	font-weight: 650;
	margin-top: 10px;
	margin-bottom: 20px;
}
.goodsMaterialsPiece{
	margin-bottom: 25px;
}
.goodsMaterialsPieceImg{
	width: 100%;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-bottom: 20px;
}
.goodsMaterialsName{
	padding: 0 20px 0 20px;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}
.goodsMaterialsSub{
	padding: 0 20px 0 20px;
	color:#666;
	font-size: 14px;
	font-weight: 550;
}
.goodsMaterialsBottom{
	font-size: 15px;
	font-weight: 600;
	padding-top: 20px;
	margin-bottom: 20px;
}
*/
.goodsMaterials{
	text-align: center;
	padding: 20px 30px 25px 30px;
}
.goodsMaterialsTitle{
	font-size: 18px;
	font-weight: 650;
	margin-top: 10px;
	margin-bottom: 30px;
}
.goodsMaterialsPiece{
	overflow: hidden;
	text-align: left;
	margin-bottom: 25px;

}
.goodsMaterialsPieceImgDiv{
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	border-radius: 100px;
	border:2px solid #E3E3E3;
}
.goodsMaterialsPieceInfo{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 700;
	max-width: 70%;
	margin-left: 15px;
}
.goodsMaterialsPieceImg{
	width: 100%;	
	border-radius: 100px;
    object-fit: cover;
}
.goodsMaterialsName{
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}
.goodsMaterialsSub{
	color:#666;
	font-size: 12px;
	font-weight: 550;
}
.goodsMaterialsBottom{
	font-size: 15px;
	font-weight: 600;
	padding-top: 85px;
	margin-bottom: 20px;
}

.goodsReadyLink span{
	font-size: 14px;
	font-weight: 600;
	margin-left: 3px;
	border-bottom: 2px solid black;
}
.goodsReadyIcon{
	width: 25px;
	height: 20px;
	background-image: url(/Skin/img/icon/ic-tips.svg?r=0);
}
.goodsTeacher{
	padding: 30px 20px 10px 20px;
	/* min-height: 400px; */
	
}
.goodsTeacherTop{
	overflow: hidden;
}
.goodsTeacherProfileImg{
	width: 100%;	
	border-radius: 100px;
    object-fit: cover;
}
.goodsTeacherTopImg{
	display: inline-block;
	vertical-align: middle;
	width: 20%;
	border-radius: 100px;
}

.goodsTeacherTopText{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 700;
	margin-left: 15px;
}
.goodsTeacherTopText{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 700;
	margin-left: 15px;
}
.goodsTeacherSNS{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 13px;
	color: #666;
	font-weight: 500;
}
.goodsInstagramIcon{
	width: 20px;
	height: 20px;
	background-image: url(/Skin/img/icon/1024px-Instagram_icon.svg);
}
.goodsInstagramAt{
	vertical-align: top;
	width: 20px;
	height: 20px;
	background-image: url(/Skin/img/icon/Instagram_At.svg);
}
.goodsYoutubeIcon{
	width: 25px;
	height: 25px;
	background-image: url(/Skin/img/icon/YouTube_play_button_icon.svg);
}
.goodsTeacherSNS span{
	margin-right: 15px;
	font-size:13px;
	font-weight:600;
}
.goodTeacherInfoContent img{
	max-width: 100%;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.goodsTeacherSliderImg{
	min-height: 300px;
	line-height: 300px;
	text-align: center;
	vertical-align: middle;
	color: #666;
	font-size: 16px;
	font-weight: 500;
	box-shadow: 0 0 0 1px #000 inset; 
}
.goodsTeacherIntroduce{
	margin-top: 20px;
	margin-bottom: 20px;
	color: #666;
	font-size: 12px;
	font-weight: 550;
	line-height: 1.6;	
}
.goodsTeacherQualification{
	font-size: 13px;
	font-weight: 600;
}
.goodsBottomBa{
	max-width: 650px;
	margin: 0 auto;
	background: #fff;
	padding: 10px 20px 10px 20px;
	display: inline-block;
	width: 100%;
	position: fixed;
	z-index: 4;
	box-shadow: 0 0 3px 0 rgb(0 0 0 / 15%);
	position: fixed;
	width: 100%;
	text-align: center;
	display: block;
	bottom: 0;
}
.goodsBottomBa2{
	max-width: 650px;
	margin: 0 auto;
	background: #fff;
	padding: 5px 20px 5px 15px;
	display: inline-block;
	width: 100%;
	position: fixed;
	z-index: 4;
	box-shadow: 0 0 3px 0 rgb(0 0 0 / 15%);
	position: fixed;
	width: 100%;
	text-align: center;
	display: block;
	bottom: 0;
}
.goodsBottomBaTitle{
	font-size: 17px;
	font-weight: 650;
}
.goodsBottomBaTime{
	color:#666;
	font-size: 11px;
	font-weight: 550;
	margin-top: 5px;
}
.goodsBottomBaBtnDiv{
	margin-top: 10px;
	min-height: 40px;
	line-height: 40px;
	cursor: pointer;
}
.goodsBottomBaBtnDiv2{
	margin-top: 10px;
	min-height: 40px;
	line-height: 40px;
	cursor: pointer;
	margin-bottom: 10px;
}
.goodsMiniBtnBa{
	display: inline-block;
	vertical-align: middle;
	float: left;
}
.goodsBottomMissonDiv{
	display: inline-block;
	vertical-align: middle;
	float: left;
	line-height: 20px;
	text-align:left;
	font-size: 12px;
	margin-left: 5px;
}
.goodsBottomMissonDivTop{
	font-size: 14px;
	font-weight: 650;
}
.goodsBottomMissonDivBottom{
	font-size: 13px;
	font-weight: 500;
}
.goodsMiniBtnBa a{
	margin-right: 15px;
	width: 18px;
	height: 18px;
}
.goodsBottomHeartIcon{
	width: 18px;
	height: 18px;
	background-image: url('/Skin/img/icon/ic-like.svg');
}
.goodsBottomShareIcon{
	background-image: url('/Skin/img/icon/ic-share.svg');
}
.goodsBottomCalenderIcon{
	background-image: url('/Skin/img/icon/ic_calendar.svg');
}
.goodsMainBtnBa{
	display: inline-block;
	vertical-align: middle;
	float: right;
	text-align: center;
}
.goodsJoinClassBtn{
	background-color: #e95318;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
	font-weight: 550;
}
.goodsMainBtnBa2{
	display: inline-block;
	vertical-align: middle;
	float: right;
	text-align: center;
}
.goodsMainBtnBa2 .off{
	background-color: rgb(0 0 0 / 15%);
	color: #fff;
}
.goodsMissonClearBtn{
	background-color: #fff;
/*	color: #fff;*/
	border-radius: 15px;
	-webkit-border-radius: 15px;
	font-size: 12px;
	font-weight: 550;
	box-shadow: 0 0px 3px rgb(0 0 0 / 30%);
}
.goodsTopHeartBtn .on{
	background-image: url('/Skin/img/icon/heart.svg');
}
.goodsWishBtn .on{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23e95318' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z'/%3E%3C/svg%3E");
	/* background-image: url('/Skin/img/icon/heart.svg'); */
}
.goodsMiniBtnBaHeartSpan .on{
	background-image: url('/Skin/img/icon/heart.svg');
}
.goodsMiniBtnBaWishSpan .on{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23e95318' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 17.292l-4.5-4.364 1.857-1.858 2.643 2.506 5.643-5.784 1.857 1.857-7.5 7.643z'/%3E%3C/svg%3E");
	/* background-image: url('/Skin/img/icon/heart.svg'); */
}
mj-feed-icon-live {
    display: inline-block;
    color: white;
}
mj-feed-icon-end{
	display: inline-block;
    color: white;
}
mj-feed-icon-end2{
	display: inline-block;
    color: white;
}
mj-feed-icon-live::before {
	content: "LIVE";
    font-family: sans-serif;
    font-weight: 800;
    font-size: 11px;
    background-color: #EF3700;
    padding: 3px 9px 3px 9px;
    border-radius: 4px;
}

mj-feed-icon-end::before{
	content: "입장마감";
    font-family: sans-serif;
    font-weight: 800;
    font-size: 11px;
    background-color: #000;
    padding: 3px 9px 3px 9px;
    border-radius: 4px;
}
mj-feed-icon-end2::before{
	content: "마감임박";
    font-family: sans-serif;
    font-weight: 800;
    font-size: 11px;
    background-color: #000;
    padding: 3px 9px 3px 9px;
    border-radius: 4px;
}
.mj-myclass-live {
    position: absolute;
    left: 5px;
    top: 5px;
}

.mj-myclass-end{
	position: absolute;
    left: 50px;
    top: 5px;
}
/* goods detail */

/* review */
#curriculumReview{
	padding: 20px 20px 20px 20px;
	text-align: center;
}
#curriculumReview #score{
	margin-bottom: 35px;
}
.mj_review_title{
	text-align: center;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 650;
}
#community_score, #class_score, #exercise_score{
	margin-bottom: 35px;
}
.mj_review_title2{
	margin-bottom: 20px;
}
.mj_ui_face_button_el_label{
	font-size: 12px;
	font-weight: 500;
	margin-top: 5px;
	color: #666;
	min-width: 56px;
}
.mj_review_guide {
	font-size: 13px;
	font-weight: 500;
	margin-top: 15px;
	color: #E94F07;
}
.mj_review_guide[isEmpty] {
	color: #666;
}

mj-star-button {
	margin-top: 5px;
	margin-bottom: 5px;
	display: flex;
	justify-content : center;
	--mj-icon-width: 50px;
	--mj-icon-height: 50px;
	--mj-spacing-width: 4px;
}
mj-face-button {
	display: flex;
	justify-content : center;
	--mj-icon-width: 40px;/*얼굴 아이콘들의 넓이*/
	--mj-icon-height: 40px;/*얼굴 아이콘들의 높이*/
	--mj-spacing-width: 20px;/*간격*/
}

.mj_review_category textarea {
	margin-top: 10px;
	background-color: #F2F2F2;
	padding: 10px 15px 10px 15px;
	min-height: 100px;
	height: auto;
	border: 0px solid #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #303038;
}

.mj_review_category textarea::placeholder {
	color: #999999;
}
.total_score{
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 650;
}

/*review 하단바 */
.goReviewAlertWrap{
    border-radius: 30px;
	position: fixed;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    padding-top: 50px;
    max-width: 90%;
    max-height: 95vh;
    border: 1px solid #333;
    border-top: 4px solid #e95318;
    background: #000;
    -webkit-box-shadow: 2px 2px 4px rgb(51 51 102 / 20%);
    -moz-box-shadow: 2px 2px 4px rgba(51,51,102,0.2);
    box-shadow: 2px 2px 4px rgb(51 51 102 / 20%);
    overflow-y: auto;
	width: 90% !important;
	max-width: 550px;
	border:0;
	border-top: 0px solid #e95318;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff;
}
.goReviewTeacherData{
	text-align: center;
	font-size: 15px;
	font-weight: 600;
}
.goReviewTeacherDataImgDiv{
	width: 20%;
	margin-bottom: 8px;
}
.goReviewBtnDiv{
	padding: 30px 40px 20px 40px;
    text-align: center;
	font-size: 14px;
	font-weight: 700;
}
.goReviewClickDiv{
	margin-bottom: 20px;
	line-height: 40px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	vertical-align: middle;
	cursor: pointer;
	background-color: #e95318;
	color: #fff;

}
.goReviewClick{
	margin-bottom: 10px;
}
.goReviewBtn{
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
.goReviewClose{
	font-size: 12px;
	cursor: pointer;
	margin-top: 15px;
	color: #666;
}

.reviewBottomBa{
	max-width: 650px;
	margin: 0 auto;
	background: #fff;
	display: inline-block;
	width: 100%;
	position: fixed;
	z-index: 4;
	box-shadow: 0 0 3px 0 rgb(0 0 0 / 15%);
	position: fixed;
	width: 100%;
	text-align: center;
	display: block;
	bottom: 0;
}
.reviewBottomBaBtnDiv{
    min-height: 40px;
    line-height: 40px;
    cursor: pointer;
}
.reviewBottomBtnDiv {
    padding: 15px 15px 15px 15px;
    text-align: center;
    overflow: hidden;
}

.reviewCancelBtnDiv{
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    min-width: 49%;
    text-align: center;
    font-weight: 430;
    font-size: 14px;
    height: 40px;
    border: 1.5px solid #F2F2F2;
    line-height: 40px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #FFF;
	background-color: #000;
	float: left;
}
.reviewSubmitBtn{
	cursor: pointer;
	display: inline-block;
	vertical-align: bottom;
	min-width: 49%;
	text-align: center;
	font-weight: 430;
	font-size: 14px;
	height: 40px;
	border: 1.5px solid #F2F2F2;
	line-height: 40px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	background-color: #EAEAEA;
	float: right;
}
.reviewBottomBtnDiv .reviewSubmitBtnOn{
	background-color: #e95318;
}
/* review */

/* 공지사항 */
.mpNoticeDiv {
	padding: 10px 10px 10px 10px;
	border-bottom: 2px solid #ebebeb;
}

.mpNoticeDiv div {
    display: block;
}

.mpNoticeDiv * {
    max-width: 100%;
}

.mpNoticeTitle {
    color: #666;
    font-size: 16px;
    font-weight: 500;
}

.mpNoticeInfoSub {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #aaaaaa;
}
/* 공지사항 */

/* 문의하기 */
.mpQnaDiv {
	padding: 10px 10px 10px 10px;
	display: flex !important;
	align-items: center;
}

.mpQnaDiv div {
    display: block;
}

.mpQnaTitle {
    color: #666;
    font-size: 16px;
    font-weight: 500;
	width: 80px;
}

.mpQnaInput {
	padding: 10px 10px 10px 10px;
	border-bottom: 2px solid #ebebeb;
	flex-grow: 1;
}

.mpQnaDescription {
	font-size: 0.83em;
	color: #aaaaaa;
	margin-left: 100px;
}

.mpQnaDescription[warrning] {
	color: red;
}
/* 문의하기 */

.nothingItem{
	height: 150px;
	line-height: 150px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	color: #666;
	border-top:  1.5px solid #E0E0E0;
	border-bottom:  1.5px solid #E0E0E0;
}

/* 메인 홈 카드뷰 수정 220321 */
.mainHomeCardViewDiv{
	padding-left: 10px;
	padding-right: 10px;
}
.mainHomeCardView{
    background-color: #ffffff;
	margin-bottom: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
	border: 1px solid #efefef;
    background: #fff;
    box-shadow: 0 3px 6px rgb(0 0 0 / 6%);
}
.mainHomeCardClassType{
	font-size: 14px;
	font-weight: 650;
	text-align: center;
	line-height: 40px;
	height: 40px;
	vertical-align: middle;
	position: relative;
}
.mainHomeCardImgDiv{
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
	aspect-ratio: 1.6;/*20220419 : [myeongjeok] 이미지 비율...*/
}
.mainHomeHeartIconDiv{
	position: absolute;
	/* top: 2px; */
	width: 35px;
	text-align: center;	
}
.mainHomeCardHeartIcon{
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	width: 16px;
	height: 16px;
	background-image: url('/Skin/img/icon/ic-like.svg');
}
.mainHomeHeartIconDiv .on{
	background-image: url(/Skin/img/icon/heart.svg);
}
.mainHomeCardImg{
	width: 100%;
    height: 100%;
    /* border-radius: 2px;
    -webkit-border-radius: 2px; */
    object-fit: cover;
}
.mainHomeCardClassText{
	padding: 0px 20px 0px 15px;
}
.mainHomeCardClassName{
	font-size: 15px;
	font-weight: 600;
	margin-top: 5px;
	text-align: center;
	text-overflow : ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
}
.mainHomeCardClassHashtag{
	font-size: 12px;
	font-weight: 450;
	color: #666;
	margin-top: 3px;
	margin-bottom: 9px;
	text-align: center;
	text-overflow : ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
}
.mainHomeCardCurriculum{
	padding: 0px 10px  0px 10px;
    /* overflow: hidden; */
}
.mainHomeCardCurriculumInfo{
	display:inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	/* flex: 7; */
	width:66%;
    vertical-align: middle;
    overflow: hidden;
	/* float: left; */
}
.mainHomeCardCurriculumBtnDiv{
	display:inline-block;
	/* float: right; */
    line-height: 40px;
    width: 33%;
    vertical-align: middle;
    text-align: right;
    color: #666;
    font-size: 12px;
    font-weight: 550;
	white-space: normal;
    cursor: pointer;
}
.mainHomeCardOnAir{
	color: white;
    padding: 2px 5px 2px 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
    background-color: #FF4C51;
	font-size: 10px;
	margin-bottom: 2px;
}
.mainHomeCardOnAirDiv{
	margin-bottom: 7px;
}
.mainHomeCardCurriculumName{
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 600;
	text-overflow : ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
}
.mainHomeCardCurriculumTime{
	/* margin-bottom: 6px; */
	font-size: 11px;
	color: #666;
	font-weight: 600;
	text-overflow : ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
}

.mainHomeCardCurriculumBtn{
    align-items: center;
    justify-content: center;
    background-color: #FF4C51;
    color: white;
    padding: 8px 20px 8px 20px;
    border-radius: 50px;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    font-size: 11px;
    font-family: sans-serif;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: pointer;
}


/* 메인 홈 카드뷰 수정 220321 */
@media (max-width: 420px){
	.mainHomeCardCurriculumInfo{
		width:58%;
	}
	.mainHomeCardCurriculumBtnDiv{
		font-size: 10px;
		width:39%;
	}
}
@media (max-width: 350px){
	.mainHomeCardCurriculumInfo{
		width:50%;
	}
	.mainHomeCardCurriculumBtnDiv{
		font-size: 9px;
		width:49%;
	}
}

@media (max-width: 350px){
	.goodsClassPieceImgDiv{
		height:80px;
	}
	.mj-class-video-descript{
		display:block; 
		white-space:nowrap;
		overflow:hidden; 
		text-overflow:ellipsis;
		/*height:79px;*//*20220310 : [myeongjeok]주석처리*/
	}
}

.mainColor{
	color: #e95318;
}
.fontWhite{
	color: #fff;
}
.fontBlack{
	color: #303038;
}
.backClr000{
	background-color: #000;
}
.backClrC6{
	background-color: #CCCCCC;
}
.mb3{
	margin-bottom: 3px !important;
}
.mb5{
	margin-bottom: 5px !important;
}
.mb7{
	margin-bottom: 7px !important;
}
.mb10{
	margin-bottom: 10px !important;
}
.mb40{
	margin-bottom: 40px !important;
}
.mb20{
	margin-bottom: 20px !important;
}
.mt2{
	margin-top: 2px !important;
}
.mt5{
	margin-top: 5px !important;
}
.mt12{
	margin-top: 12px !important;
}
.mt20{
	margin-top: 20px !important;
}
.displayN{
	display: none !important;
}
.p0{
	padding: 0 !important;
}
.pt0{
	padding-top: 0 !important;
}
.borderBottom0{
	border-bottom: 0px solid #fff !important;
}
.absoluteMiddle{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 1;
}
.txtCenter{
	text-align: center;
}
.verticalTop{
	vertical-align: top;
}
.verticalMiddle{
	vertical-align: middle;
}
.verticalBottom{
	vertical-align: bottom;
}
.alignItemCenter{
	display: flex;
	align-items: center;
}
.BR1E0{
	border-right: 1px solid #E0E0E0 !important;
}
.BR2EE{
	border-right: 2px solid #EEEEEE !important;
}
.BT1E0{
	border-top: 1px solid #E0E0E0 !important;
}
.BT1EE{
	border-top: 1px solid #EEEEEE !important;
}
.BB1E0{
	border-bottom: 1px solid #E0E0E0 !important;
}

.mj_appIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30% 0 0 0;
	width: 100%;
}
.mj_appIconWrap {
	margin: 10% 0 0 0;
	width: 20%;
}
.mj_appIconWrap div {
	width: 100%;
}
.mj_appIconImg {
	border-radius: 10%;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}
.mj_appIconImg img {
	width: 100%;
}
.mj_appIconTitle {
	font-size: 1.5em;
	text-align: center;
}
.mj_appIconDescription {
	margin-top: 50px;
	font-size: 1.6em;
	text-align: center;
	color: blue;
}
.colorLightgray{
	color: lightgray !important;
}
.borderTop3LightGray{
	border-top: 3px solid lightgray !important;
}
.regCoupon {
	display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    height: 19px;
	color: #0e61b3;
}

.eventArea {
	margin: calc(var(--container-width) * var(--area-margin-x)) calc(var(--container-width) * var(--area-margin-y)) calc(var(--container-width) * var(--area-margin-x)) calc(var(--container-width) * var(--area-margin-y));
    position: relative;
}

.eventRowCell {
	margin-top: 20px;
	min-width: 100%;
	max-width: 100%;
	aspect-ratio: 1.306451612903226;
	border-radius: calc(var(--container-width) * var(--row-border-radius));
	border: solid calc(var(--container-width) * var(--row-border-width)) rgba(0, 0, 0, 0.1);
	overflow: hidden;
	-ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: pointer;
}

.eventRowCell:first-child {
	margin-top: 0px;
}

.eventRowCell .eventImageArea {
	min-width: 100%;
	max-width: 100%;
	aspect-ratio: 2.161073825503356;
	overflow: hidden;
}

.eventRowCell .eventImageArea img {
	min-width: 100%;
    max-width: 100%;
    object-fit: cover;
}

.eventRowCell .eventMainInfoArea {
	position: relative;
	margin: calc(var(--container-width) * var(--cell-margin-top)) calc(var(--container-width) * var(--cell-margin-x)) calc(var(--container-width) * var(--cell-margin-bottom)) calc(var(--container-width) * var(--cell-margin-x));
	aspect-ratio: 4.343171738797981;
}

.eventMainInfoArea .eventMainInfoWrap {
	position: absolute;
    min-width: 2840px;
    max-width: 2840px;
    min-height: 653.9px;
    max-height: 653.9px;
}

.eventMainInfoWrap .eventMainInfoTitle {
	font-size: 155px;
    line-height: 170px;
    letter-spacing: 5px;
	margin-bottom: 100px;
	overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 339.1px;
}

.eventMainInfoWrap .eventMainInfoDate {
	min-height: 180px;
	max-height: 180px;
    display: flex;
	align-items: center;
}

.eventMainInfoDate .eventIcon {
	font-size: 110px;
	margin-right: 80px;
	min-height: 170px;
	max-height: 170px;
	border-radius: 40px;
	color: #fff;
	padding: 0 35px 0 35px;
    display: flex;
    align-items: center;
}

.eventMainInfoDate .eventIcon[running] {
	background-color: #e94f07;
}

.eventMainInfoDate .eventIcon[running]::before {
	content: "진행 중";
}

.eventMainInfoDate .eventIcon[ending] {
	background-color: #a0a0a0;
}

.eventMainInfoDate .eventIcon[ending]::before {
	content: "종료";
}

.eventMainInfoDate .eventDate {
	font-size: 140px;
	color: #7f7f7f;
	height: 180px;
    display: flex;
    align-items: center;
	flex: 1;
}