/* Common */
.clfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.clfix{*display:inline-block;zoom:1;}
.hidden {display:none !important;}
.hand {cursor:pointer;}

.evt-content { margin: 0 auto; max-width:500px;} 
.evt-content * { box-sizing: border-box; } 
.evt-content img { display: block; width: 100%; height: auto; } 
.evt-container-absolute { position: absolute; width: 100%; } 
.evt-container-relative { position: relative; } 
.evt-container-center { position: relative; text-align: center; }
.evt-container-flex {display: flex; flex-wrap: wrap; }
.evt-toggle-container { cursor: pointer; } 
.evt-toggle-container .evt-toggle-btn { display: block; text-align: center; } 
.evt-toggle-container.open .evt-toggle-btn { display: none; } 
.evt-toggle-container .evt-toggle-content { display: none; text-align: center; } 
.evt-toggle-container.open .evt-toggle-content { display: block; } 
/* Event Hero Tabs */
.et-hero-tabs-height { position: relative; padding-top: 16.666%; height: 0; } 
.et-hero-tabs-container { position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: center; z-index: 10; } 
.et-hero-tabs-container--top { position: fixed; top: 55px;left: 50%;transform: translate(-50%, 0);width:500px; max-width: 500px;} 

.et-hero-tab { display: block; background-size: 100% 100%; } 
.et-hero-tab img { opacity: 0; } 
.et-hero-tab.on img { opacity: 1; }

@media screen and (min-width:500px){
    .et-hero-tabs-container--top {width:500px;}
}

/* Event Added */
#etTabContent01 {position:relative;display: inline-block;}
#etTabContent01 .coupon {width:62.08%;position:absolute; top:20%;margin:0 18.89%;}
#etTabContent01 .coupon li {margin-bottom:10%;}

#etTabContent02 {overflow: hidden;}
#etTabContent02 .goods {margin-left:2.78%;width:97.22%;}
#etTabContent02 .goods li {margin-right:1.39%;width:32.41%;float:left;}
#etTabContent02 .goods li:last-child {margin-right:0;}
#etTabContent02 .more {width:63.33%;margin:10% 18.33%}

#etTabContent04 {background-color: #eeeeee;}

.input_com {position:relative;width:100%;height:80px;margin:20px 0}
.input_com .con {width:100%;padding:0.5% 0}
.input_com .input {	float:left;height:80px;width:70.83%;margin-left:4.17%;
					background-color: #fff;border:2px solid #b18c6f;padding:0 22% 0 2%;
					font-size:1.2em;color:#b18c6f;letter-spacing:-0.1px;font-weight:700;
}
.comment .input_com input { font-size:1.2em;color:#b18c6f;letter-spacing:-0.1px;font-weight:700;}
.input_com .cnt {font-size:1.2em;color:#b18c6f;line-height: 90px;position: absolute;left:57%;top:0; font-family: "proxima-nova", "Noto Sans KR", sans-serif;}
.input_com .cnt span { font-family: "proxima-nova", "Noto Sans KR", sans-serif;}
.input_com .input:focus {outline: none;}
.input_com .input:placeholder {letter-spacing:-0.1px;font-size:0.9em;color:#CCCCCC;}
.input_com .combtn {float:left;height: 80px; width:20.83%;margin-right:4.17%;background-color: #b18c6f;line-height:80px;color:#fff;text-align: center;font-size: 26px;}

.comment {position:relative;font-family: "Noto Sans KR", sans-serif !important;height:440px;margin-bottom:5%;}
.comment .list .box {position:absolute;left:0;top:0;height:440px;width:91.67%;overflow-y:scroll;border-top:2px solid #B2B1A1;margin:0 2.78% 0 4.17%;}

.comment .list li.line {
	border-bottom:2px solid #C6C4B1;text-align:left;
	font-size:1.2em;line-height:1.4em;letter-spacing:-0.1px;color:#222;font-weight:400;
}

.comment .list ul li ul li {float:left;margin:30px 0}
.comment .list .ctitle{width:60%;padding:0% 2%;}
.comment .list .cuser {width:15%;}
.comment .list .ctime {width:25%;}

.comment .list .box::-webkit-scrollbar {width: 2px;height:20px;}
.comment .list .box::-webkit-scrollbar-track {border:2px solid white}
.comment .list .box::-webkit-scrollbar-thumb {background:#C6C4B1}
.comment .list .box::-webkit-scrollbar-thumb:hover {background:white}

@media screen and (max-width:420px){
	.input_com .input   {font-size:0.9em;}
	.input_com .cnt   {font-size:0.9em;}
	.comment .list .box {height:300px;}
	.comment .list li.line {font-size:0.8em;line-height:1.4em;letter-spacing:-0.1px;color:#222;font-weight:400;}
	.comment .list ul li ul li {margin:20px 0}
}

.prditem .flag-dc {background-color: #fe701a;}