@charset "utf-8"; 
/* Alma  CMS 2016-08-26 cms83@almacomm.co.kr */

@font-face{
	font-family:"Moebius_Regular_kor_l";
	src:url('/tmap2/m/share/fonts/Moebius_Regular_kor_l.eot');
	src:local(※),
	url('/tmap2/m/share/fonts/Moebius_Regular_kor_l.woff') format('woff'),
	url('/tmap2/m/share/fonts/Moebius_Regular_kor_l.ttf') format('truetype');
}

@font-face{
	font-family:"Moebius_Bold_kor_l";
	src:url('/tmap2/m/share/fonts/Moebius_Bold_kor_l.eot');
	src:local(※),
	url('/tmap2/m/share/fonts/Moebius_Bold_kor_l.woff') format('woff'),
	url('/tmap2/m/share/fonts/Moebius_Bold_kor_l.ttf') format('truetype');
}


a:hover,a:active,a:focus {
	color:none;
}

.hide{font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;visibility:hidden;position:absolute;left:0;top:0;width:0;height:0}
.ac {text-align:center;}
/* font color */
.fccd4141 {color:#cd4141 !important}

#wrap {background: #fff; font:14px/1em 'MalgunGothic';}

/*노티팝업*/
.notipop {width: 100%; height: 60px; text-align: center; background:rgba(0,0,0,0.5); color:#fff; position: fixed; top: 0; left: 0; z-index: 10; line-height: 1.5em; font-size: 0.9em;}
.notipop span {padding-top: 12px; display: inline-block;}
.top {padding: 80px 20px 20px 20px;}

header {padding: 20px; background:#fffae5 url(/tmap2/m/event_emart/images/top_visual.png) no-repeat 0 100%; background-size:100%;}
header h1 img {display: block; height: 36px;}
header p {padding: 20px 0 80px 0; font:1em/1.5em 'Moebius_Regular_kor_l'; color:#333;}
header p span {font-family:'Moebius_Bold_kor_l'; color:#fda814; }

#content {padding:10px;}
.in_cnt {padding:0 10px;}
.in_cnt_left {padding: 0 0 0 10px;}

/* 소개페이지 */
.info_txt {padding-top:30px; font-family:'Moebius_Bold_kor_l'; font-size:18px; line-height:1.4}
.info_txt img {height:20px; vertical-align:top}

.evtcont {padding-top: 25px; text-align:left}
.evtcont dt {padding:0.2em 1em 0.3em 0.5em; margin-bottom: 15px; display: inline-block; background: url(/tmap2/m/event_emart/images/list_title_bg.png) no-repeat 100% 0; background-size:cover; font:0.9em 'Moebius_Bold_kor_l'; color:#fff; }
.evtcont dd {position:relative; font-size:1em; line-height: 1.2em; text-align: justify; padding:0 0 0.5em 0.5em; background:url(/tmap2/m/event_emart/images/bullet.png) no-repeat 0 0.5em;}
/* 
.evtcont dd .fixed {position:absolute; top:0; left:0.5em;}
.evtcont.evinfo dd .fixed span {margin-left:28px}
.evtcont.evinfo dd .txt {padding-left:70px; display:block; }
.evtcont dd .txt {padding-left:10px; display:block; }
 */

.evinfo {margin:20px 0 0 0; padding-top:80px; text-align:left; background:url(/tmap2/m/event_emart/images/bg_directions.png) no-repeat 100% 0; background-size:100%;}
.evinfo.not {background:none; padding:0; }

.benefit dd { font-weight: bold; vertical-align: middle; }
.benefit dd span {padding: 0 0.7em; display: inline-block; background:#b8b8b8; color:#fff; font-size:0.7em; line-height: 1.5em; vertical-align: top; border-radius: 0.8em; letter-spacing:-0.07em;}
.evtcont dd.tx01 {color:#8a8a8a; font-weight: normal; font-size: 0.7em; background:none;}
.evtcont dd span.tx02 {color:#d0112b; font-weight: bold;}

.evtcont dd.cpprocs {background:none;}
.evtcont dd.cpprocs {padding-left: 0;}
.cpprocs img {width: 100%; display: block;}

.attention dd {font-size:0.8em;}

.sharewrap {background:#fff; padding:10px 25px 20px 25px; display:block; clear:both; text-align:center;}
.sharewrap img { height:50px; display: inline-block; overflow:hidden; }
.sharewrap a { margin:0 2px;}
.sharewbtns {}

.btn {padding-bottom:40px;}
.btn a {width: 85%; display: block; margin: 0 auto; background:#fdb414; height: 60px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; 
			box-shadow:0 5px 5px rgba(0,0,0,0.2), inset 0 -3px 0 rgba(0,0,0,0.3);
			color:#fff; font:1.5em/60px 'Moebius_Bold_kor_l'; text-align: center; cursor: pointer; text-decoration:none}
.btn a img {width: 80%; display:block; margin: 0 auto; padding-top: 14px;}
.btn_search a img {padding-top: 16px;}

.on {display:block !important}
.prd_txt {display:none}

#roulette {background:#f6f6f6; text-align:center; padding-top:30px}
.only_txt {font-family:Moebius_Bold_kor_l; font-size:14px; line-height:1.4}
.only_txt span {font-size:18px}
.random_num {margin:15px auto 0 auto; background:#fff; font-size:16px; line-height:60px; border:2px solid #e1e1e1; border-radius: 10px; font-weight:bold}
#roulette .no {color:#faba01; font-size:18px; font-weight:bold; padding:65px 0 120px 0}
#directions .no {color:#faba01; font-size:18px; font-weight:bold; padding:25px 0 20px 0} 
#directions .no a {color:#faba01; text-decoration:none; line-height:1.3;}
#directions {background:#e4e2da; text-align:center; padding-top:30px; padding-bottom:30px}


.footer {text-align:left; display:block; width:100%; background:#3a3a3a; color:#cdcdcd; font:10px/14px 'MalgunGothic'; min-height:100px;}
.footer a {color:#cdcdcd; text-decoration:none;}
.footer p { padding:15px; display:block;}
.footer p span { color:#95908a; font-size:8px; display:block; padding:7px 0 0 0;}
.footer img { display:block; height:39px; margin:0 auto;}


/*검색배너 클릭 후*/
.person_info {width:100%; height:100%; background: #fff;}
.person_info dt {height:40px; padding-left:10px; background:#5c5c5c; font:bold 13px/40px 'MalgunGothic'; color:#fff;}
.person_info dd {padding: 0 10px;}
.agrcontbox {border: 1px solid #acacac; margin: 10px 0; padding: 10px; font:11px/16px 'MalgunGothic';}
.agrcontbox table {border-collapse:collapse; border-spacing:0}
.agrcontbox table caption {text-align:left; margin-bottom: 8px; font:12px 'MalgunGothic'; font-weight:bold; color:#333;width:100%; height:auto;overflow:visible; visibility:visible;}
.agrcontbox thead th {height:20px; background: #e8e8e8; color:#444; font:11px/20px 'MalgunGothic'; border: 1px solid #c8c8c8; text-align: center;}
.agrcontbox tbody td {padding: 5px; color:#666; font:11px/16px 'MalgunGothic'; border: 1px solid #c8c8c8; text-align: center; vertical-align: middle;}
.agrcontbox ul {padding: 5px 5px 10px 5px;}
.agrcontbox ul li {color: #73787b; font: 11px/15px 'MalgunGothic'; }

.agree input {width: 1em; height: 1em; display: inline-block; vertical-align: middle;}
.agree label {display:inline-block; position:relative; font:1em 'Moebius_Bold_kor_l'; color:#444; vertical-align: middle;}
.down {padding-top: 20px;}
.down a {background:#d0112b; color:#fff; font:1.5em/60px 'Moebius_Bold_kor_l'; text-align: center; cursor: pointer;}


/*쇼핑바우처 인증페이지*/
.top img {height: 30px; display: block;}
.v_cont {padding: 0 20px 20px 20px; background:#fff;}
#voucher {width: 100%; position: relative;}
#voucher img {width: 100%; display: block;}
#voucher .mdn_numb {position: absolute;right: 8%; bottom: 15%; width: 49%; padding: 0.5em 0; background: #a79688; color: #fff; text-align: center; font:1em 'Moebius_Bold_kor_l';
											border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}

.howuse {padding-top: 20px;}
.howuse li {padding:0 0 5px 5px; font-size:0.8em; color:#666; text-align: justify; background:url(/tmap2/m/event_emart/images/bullet.png) no-repeat 0 0.6em;}

#usevch {width: 100%; background: #e7e7e7; padding-bottom: 40px;}
#usevch h2 {background: #717171; font-family:'Moebius_Regular_kor_l';  font-weight: bold; color:#fff; text-align: center; padding:0.5em;}
.inputcode span {display: block; margin: 0 auto; color:#333; text-align: center; font-size:0.9em; font-weight: bold; padding: 30px 0 10px 0;}
.inputcode form {text-align: center;}
.inputcode input {padding: 0; margin: 0 2px; width: 50px; height: 50px; display: inline-block; background:#b4b4b4; text-align: center; border-radius: 50%; border: none; color:#d0112b; font:1.8em 'Moebius_Bold_kor_l'; outline-style:none;}
.inputcode a {display: block; margin: 0 auto; margin-top: 20px; width: 170px; height: 50px; color:#fff; font:1.3em/50px 'Moebius_Bold_kor_l'; background:#d0112b; cursor:pointer;
							border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -o-border-radius:25px;}

/*인증 후*/
.changed {padding: 40px 0; text-align: center; display: none;}
.changed span {display: block;}
.changed .date {padding-bottom: 15px; font-size:1.2em; color:#939393;}
.changed .area {font-size:2.5em; line-height: 1em; font-weight: lighter; color:#333; padding-bottom: 20px;}
.changed .area>span {font-weight: bold; color:#d0112b; display: inline-block;}
.changed .complate {display: inline-block; padding: 0.7em 1.2em; font-size:1.2em; background:#d1d1d1; color:#878787; font-weight: bold; 
								border-radius:1.2em; -webkit-border-radius:1.2em; -moz-border-radius:1.2em; -o-border-radius:1.2em;}

.terms_area span {font:1em 'Moebius_Bold_kor_l'; display:inline-block; vertical-align:middle;}

/*팝업*/
.terms_area .on {display:inline-block;}
.layer_popup {display:none}
.layer_popup { background:rgba(0,0,0,0.7); width:100%; height: 100%; position:fixed; left:0px; top:0px; clear:both; z-index: 20;}
.layer_popup .pop_content {display:inline-block; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; overflow:hidden; width:80%; height:auto; margin: 0 10%; auto; position:fixed; background:#fff; text-align:center; top:30%;}
.layer_popup .pop_content .tit { background:#faba01; color:#ffffff; text-align:center; width:100%; display:block; height:40px; font: 15px/40px 'Moebius_Bold_kor_l'; border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0;}

.popupmsg { background:rgba(0,0,0,0.7); width:100%; height: 100%; position:fixed; left:0px; top:0px; clear:both; z-index: 20;}
.popupmsg .pop_content {display:inline-block; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; overflow:hidden; width:80%; height:auto; margin: 0 10%; auto;
											position:fixed; background:#fff; text-align:center; top:46%;}
.popupmsg .pop_content h5 { background:#b19389; color:#ffffff; text-align:center; width:100%; display:block; height:40px; font: 15px/40px 'Moebius_Bold_kor_l';
												border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0;}
.btn_close {margin-bottom: 20px; display: inline-block; width: 100px; height: 32px; font: 12px/32px 'Moebius_Bold_kor_l'; text-align: center; text-decoration:none;
				color:#fff; background:#838383; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;  vertical-align: middle; cursor: pointer;}
.popmessage {padding: 20px 20px 10px 20px;}
.popmessage img {width: 100%; display: inline-block; }


@media all and (max-width: 320px) {
	.evinfo {padding-top:70px; }
	.evinfo.not {padding-top:0;}
}
@media all and (max-width: 374px) {
	.btn.btn_search a img {width: 80%; padding-top:18px}
}

@media all and (min-width: 375px) {
	.evinfo dd {padding-right:10px}
	.btn a {width: 70%;}
	.btn a img {width: 70%;}
	/* .btn.btn_search a img {width: 80%; padding-top:16px} */
}

@media all and (min-width: 720px) {
	#wrap {box-shadow:0 0 5px rgba(0,0,0,0.5)}
	body {background:#ccc;}
	#wrap {width: 720px; margin: 0 auto; }
	header {padding: 40px 30px;}
	#content {padding: 30px;}
	.in_cnt {padding:0 30px;}
	.in_cnt_left {padding:0 0 0 30px;} 
	.cpprocs img {width: 70%; margin: 0 auto;}
	.btn a {width: 50%;}
	.btn a img {width: 70%;padding-top: 12px;}
	.btn_search a img {padding-top: 16px;}
	#voucher .mdn_numb {font-size: 1.5em;}
	.person_info dt {padding-left:30px;}
	.person_info dd {padding: 30px;}
	
	.evinfo {padding-top:140px; margin-top:-50px; position:relative; z-index:1}
	.evinfo.not {padding-top:0; margin-top:20px; position:relative; z-index:1}
	.evinfo dd {padding-right:30px}
	.random_num {width:70%;}
	
}