body{ margin:0; padding:0; font-family:'¸¼Àº °íµñ', NanumGothic,'Nanum Gothic', 'µ¸¿ò', Dotum, Arial;background:#ff3755; }

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

#wrap{width:100%;min-width:1100px;margin:0 auto; background: #ff3755 url(image/wrap_bg.jpg) no-repeat center top; background-size:contain; }
.go_attend{display:none;position:absolute;right:5px;top:0;}
#content{ margin: 0 auto; width:1100px; height:100%;  padding:0;position:relative;}
#cont_top { width:100%; text-align:center; margin:0; padding:0; color:#fff; font-size: 18px; line-height: 1.5em;max-width:1100px;}
#cont_body { width:1100px;  margin:40px auto 0; padding:0; }
#cont_top p {padding:0 20px;}
.mview{display:none;}
#bottom{display:none;width:100%; margin:0; background: #24c39e; padding: 40px 0 2%; }
#bottom_cont {margin: 0 auto; width:1100px; padding: 0; color:#fff;}

#cont_top .tlogo {margin:0 0 0; padding:100px 0 0;}
#cont_top h1.title {margin:30px 0 0; padding:0; }

#equiz { width:100%; margin: 40px 0 0; padding:164px 0 0; background-image:url(image/equizbg.png);background-repeat:no-repeat;background-position:center top;}
#equiz ul.eq {margin:0 0 43px; padding:0; min-height:306px;display:table;width:100%;}
#equiz ul.eq li {display:table-cell; float:left; width:195px; height: 306px; font-size:1em; color:#1e1e1e; margin:0 0 0 2%; padding: 0; list-style:none;background-repeat:no-repeat;background-position:center;}
#equiz ul.eq li.q1 { background-image: url(image/q1bg.png);}
#equiz ul.eq li.q2 { background-image: url(image/q2bg.png);}
#equiz ul.eq li.q3 { background-image:url(image/q3bg.png);}
#equiz ul.eq li.q4 { background-image:url(image/q4bg.png);}
#equiz ul.eq li.q5 { background-image:url(image/q5bg.png);}

#equiz ul.eq li dl{ margin:0 auto;; padding:54px 20px 0;max-width:150px;}
#equiz ul.eq li dl dd{font-size:1em; margin:0; padding:10px 0 0; line-height:1.8em;}

.btn_apply,.btn_attend {margin:0 auto; width:260px; height:45px;}
.btn_apply button {background:#3369b1; width:260px; height:55px; text-align:center; color:#fff; font-size:1.6em; border-radius: 40px; padding:10px 0 10px;cursor:pointer;border:none;}
.btn_apply2 {margin:0 auto; width:260px; height:45px;background:#3369b1; text-align:center; color:#fff; font-size:1.6em; border-radius: 40px; padding:10px 0 0;cursor:pointer;}
.btn_apply {margin:0 auto; width:260px; height:45px;}
.btn_attend button {background:#fffa64; width:260px; height:55px; text-align:center; color:#0b3770; font-size:1.6em; border-radius: 40px; padding:10px 0 10px;cursor:pointer;border:none;}

.btn_result {margin:0 auto; width:250px; float:right;margin-top:-20px;margin-right:10px;}
.btn_result span {background:#aaa; width:100%; text-align:center; color:#fff; font-size:1.2em; border-radius: 5px; padding:10px 0 10px;}

#edetail { width:100%; margin-top:40px; padding:0; background: url(image/giftbg.png) no-repeat right top; color:#fff; font-size:1.1em;}
#edetail h2 {margin:0; padding:20px 0 15px; font-size:1.3em; }

table.t3{width:100%; margin:3px 0;border:0;border-collapse:collapse;border-top:2px solid #fff;border-bottom:1px solid #fff;border-right:1px hidden #fff;background:transparent; }
*+html table.t3{border-right:1px solid #fff;}
* html table.t3{border-right:1px solid #fff;}
table.t3 tr{text-align:center;}
table.t3 th,table.t3 td{border:1px solid #fff;border-width:1px 1px 0 0;padding:4px 6px 2px; background:transparent;}
table.t3 th{background:transparent;font-weight:normal;text-align:center;}
table.t3 thead th,table.t3 tfoot th{border-width:0 1px 1px 0;border-color:#dadde0;background:transparent;color:#fff;text-align:center;vertical-align:middle;}
table.t3 td.tal{text-align:left;}

p.d1{ width: 73%;  margin:0; padding:0; }
p.d2{ margin:30px 0 0; padding:0 0 50px; }
em.d3 {font-size:.8em; padding-top:.25%;}

h2.btm{margin:0; padding:0 0 9%;}

#bottom_cont .bleft {display:inline-block; width:50%; text-align:center; margin:0 0 0 3%; padding:0;}
#bottom_cont .bright {display:inline-block; width:30%; margin:0 0 0 3%; padding:0;}

#at_top {width:100%; max-width:1100px;margin:0 auto; background:#35d5b0;padding-bottom:50px;}
#at_content {margin: 0 auto; max-width:1100px;  }
#at_ttxt { width:100%; text-align:center; margin:0; padding:0; color:#fff; font-size: 18px; line-height: 1.5em;}
#at_wrap {margin: 0 auto; max-width:1100px;  }

p.t1 {margin:0; padding: 50px 0 0; }
h1.chk {margin:20px 0 0; padding:0; }
.attend_date {margin:0 auto;  width:60%; background: url(image/attend_bg.png) no-repeat right top;}
p.edate {margin:0; padding:18px 0 0; font-size: 1.2em; }
p.atdate{text-align:left; padding: 20px 0 5% 10%; font-size: 1.4em; }

table.cal{width:100%; margin:3px 0;border:0;border-collapse:collapse; border-top:1px solid #99ccff;;border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;background:#fff; color:#999;}
*+html table.cal{border-right:1px solid #e8e8e8;}
* html table.cal{border-right:1px solid #e8e8e8;}
table.cal tr{text-align:left;}
table.cal td{border:1px solid #e8e8e8;border-width:1px 1px 0 1px;padding:4px 6px 8%; background:transparent;position:relative;}
table.cal th{background:transparent;font-weight:normal;text-align:center;}
table.cal thead th,table.t3 tfoot th{border-width:0 1px 1px 0; padding:4px 6px 10px; border-color:#99ccff;background:#99ccff;color:#333; text-align:center; vertical-align:middle;}
.stamp {position:absolute;display:inline-block;right:2px;bottom:2px;width:70px;height:70px;background:url(image/stamp1.png) no-repeat right bottom;background-size:50%;color:#fff;background-size:contain;text-align:center;vertical-align: middle;line-height:70px;}

@media screen and (max-width:640px) {
	#wrap{width:100%;min-width:auto;background-size:contain;min-width:320px;}
	.go_attend img{width:80px;}
	#cont_top .tlogo {padding:50px 0 0;}
	.topbg{display:block;min-height:150px;height:100%;}
	#content{width:92%; font-size:.9em; margin:0 auto;padding:0 4% 10px;}
	#cont_top {font-size:15px; line-height: 1.5em;width:90%;padding:0 5%;}
	#cont_body {width:100%;margin:20px auto 0; padding:0; }
	#equiz {background-size:contain;padding:104px 0 0;margin: 20px 0 0;}
	#edetail {background-size:40%;background-position:right 150px;}
	p.d1{ width: 55%;  margin:0; padding:0; }
	#bottom {margin: 0 auto; width:92%; padding: 30px 4%;}
	#bottom_cont {width:100%;text-align:center;}
	.pview{display:none;}
	.mview{display:block;}
	#cont_top h1.title {margin:30px 0 0; padding:0; }
	.tlogo img {width:200px;}
	.title img {width:300px;}
	#equiz ul.eq li {display:block; float:left; width:50%; height: 306px; font-size:15px; color:#1e1e1e; margin:0 auto 2%; padding: 0; list-style:none;}
	#equiz ul.eq li dl{ margin:0 auto;; padding:54px 15px 0;max-width:160px;}
	.btn_apply,.btn_attend {margin:0 auto; width:50%; height:45px;float:left}
	.btn_attend button {background:#fffa64; width:100%; height:45px; text-align:center; color:#0b3770; font-size:1.4em; border-radius: 40px; padding:7px 0 7px;}

	.btn_result {margin:0 auto; width:40%; float:right;}
	.btn_result span {background:#aaa; width:100%; text-align:center; color:#0b3770; font-size:.9em; border-radius: 5px; padding:5px 0 5px;}

	/*#content{width:88%; font-size:.9em; margin:-5px auto 2%;color:#000; padding:3% 4% 20px; line-height:24px;  background: #fff;}*/
	.btn_in{display:inline-block;height:40px;width:130px;font-size:1em;border-radius:20px 20px 0 0;line-height:2.6em;}
	table.t3 th,table.t3 td{letter-spacing:-1px;}
	table.t3 th{padding:4px 4px 2px;letter-spacing:-2px;}
	.boxleft{width:100%;border-bottom:1px solid #ccc;}
	.boxright{width:100%;border-left:0px;}
	.input_M{width:100px;}
	.input_S{width:105px;}
	.org img {height:20px;padding:15px 20px 0 0;}
	#bottom_cont .bleft {display:inline-block; width:100%; text-align:center; margin:0; padding:0;}
	#bottom_cont img {width:300px;}
	#bottom_cont .bright {width:100%; margin:0; padding:0;}

	#at_top {width:94%;padding:0 3% 60px;}
	#at_ttxt {font-size:.9em; line-height: 1.4em;}
	p.t1 {margin:0; padding: 30px 0 0; }
	.chk img{width:150px;}
	.attend_date img{width:150px;}
	.attend_date {margin:0 auto;  width:100%; background: url(image/attend_bg.png) no-repeat right 40px;background-size:40%;}
	p.atdate{padding: 20px 5% 2%;font-size:1.2em; }
	.stamp {width:45px;height:45px;line-height:45px;font-size:12px;}

}
.pop-layer .pop-container {padding:20px;}
.pop-layer p.ctxt {color: #666;line-height: 25px;}
.pop-layer .btn-r {width: 100%;margin: 10px 0 20px;  padding-top: 10px;  border-top: 1px solid #DDD;  text-align: right;}
.pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 290px;height: auto;background-color: #fff; border: 5px solid #3571B5; z-index: 10;}
.dim-layer { display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000;  opacity: .5;  filter: alpha(opacity=50);}
.dim-layer .pop-layer {  display: block;}
a.btn-layerClose,a.btn-layerLogin,a.btn-layerReload { display: inline-block;  height: 25px; padding: 0 14px 0;  border: 1px solid #304a8a;  background-color: #3f5a9d;  font-size: 13px;
  color: #fff;  line-height: 25px;text-decoration:none;}

/*Ã⼮üũ*/