@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('//fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');


/******************************************
Author : 퍼스트몰(firstmall)
Author URL : http://firstmall.kr
Creation Date : 2020-01-05
Modify Date : 2021-01-06
File : /event/2021/daebaknaso
*******************************************/

/* 공통 */
body, div, dl, dt, li, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button {font-family:"Noto Sans KR", sans-serif;}
body {min-width:360px;}
img {max-width:100%;}
#event_header {position:relative; background:#fff; z-index:5;}
#event_footer {border-color:#f0f0f0;}
#wrap {position:relative; overflow:hidden; background:#fff; opacity:0;}
.top_btn {background:#2989e1;}
.show_mot {position:relative; opacity:0; top:20px;}
.section {position:relative; padding:150px 0; text-align:center; letter-spacing:-1px; line-height:1.2;}
.section .inner {position:relative; width:1180px; /*height:100%;*/ margin:auto; text-align:center; opacity:1; /*transition:opacity 0.5s ease;*/}
.section.active .inner {opacity:1;}
.section hgroup {margin-bottom:70px;}
.section hgroup em {font-size:21px; font-weight:300; color:#333; letter-spacing:-1px;}
.section hgroup h3 {margin-top:20px; font-size:27px; font-weight:500; color:#333; letter-spacing:-2px; line-height:1.2;}
.section .registBtn {display:block;}
.section .registBtn a {display:inline-block; width:340px; height:80px; line-height:78px; background:#272727; font-size:27px; color:#fff; text-decoration:none; transition:all 0.5s ease;}
.section .registBtn a:hover {background:#e35926;}

/* 뷰레이어 */
.view_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:2;}
.view_layer {letter-spacing:0px; display:none; position:fixed; top:50%; left:50%; margin:-320px 0 0 -350px; width:700px; box-shadow:0 0 10px rgba(0,0,0,0.05); border-radius:10px; border:1px solid #aaa; background:#fff; padding:25px 30px; text-align:left; z-index:3;}
.view_layer h5 {padding-bottom:10px; font-size:20px; font-weight:600; color:#e35926;}
.view_layer li em {color:#fff;}
.view_layer .close {position:absolute; top:30px; right:30px; width:20px; height:20px; background:url('/images/event/20210104/layer_close.png') no-repeat; background-size:cover; cursor:pointer;}
.view_layer dl {display:inline-block; font-size:16px; line-height:1.8;}
.view_layer dl dt, .view_layer dl dd {display:inline-block; float:left;}
.view_layer dl dt {position:relative; width:90px; font-weight:500;}
.view_layer dl dd {width:calc(100% - 90px); color:#666;}
.view_layer dl a.link {color:#13759c; text-decoration:underline;}
.view_layer dl a.link em {font-family:'Spoqa Han Sans', sans-serif;}
.view_layer p {padding-left:20px; text-indent:-20px; font-size:16px; color:#888; line-height:1.4;}
.view_layer .table_layer {width:100%; border-collapse:collapse; border-top:1px solid #e35926; border-bottom:1px solid #ccc;}
.view_layer .table_layer > thead > tr > th {border-bottom:1px solid #ccc; border-left:1px solid #e4e4e4; background:#f9fafc; padding:10px 0; text-align:center; font-size:16px; font-weight:normal; color:#333; line-height:1.6;}
.view_layer .table_layer > tbody > tr > th {border-top:1px solid #e4e4e4; background:#f9fafc; padding:10px 20px; font-size:16px; font-weight:normal; color:#333; line-height:1.6;}
.view_layer .table_layer > tbody > tr > td {border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; padding:10px 20px; text-align:center; font-size:16px; color:#333; line-height:1.6;}
.view_layer .table_layer > thead > tr > th:first-child,
.view_layer .table_layer > tbody > tr > td:first-child {border-left:none;}
.view_layer .table_layer > tbody > tr:first-child > th, 
.view_layer .table_layer > tbody > tr:first-child > td {border-top:none;}
.view_layer .table_layer > tbody > tr > td a {border-bottom:1px solid #333; font-size:16px; color:#333;}
.view_layer .table_layer > tbody > tr > td a.blue {border-color:#3090d6; color:#3090d6;}
.view_layer .table_layer > tbody > tr > td a.btn_blue {margin-top:5px; border:none; min-width:50px; height:25px; line-height:24px; padding:0 10px; font-size:12px; color:#fff;}

/* section0 */
#section0 {background:url('/images/event/20210106/sec0_bg.jpg') no-repeat center top; padding:170px 0 0;}
#section0 .date {padding:30px 0 30px; font-family:"Roboto", "Spoqa Han Sans", sans-serif; font-size:17px; color:#ca9d61; letter-spacing:2px;}
#section0 .registBtn {background:#fff; padding-bottom:150px;}

/* section1 */
#section1 {background:#fafafa url('/images/event/20210106/sec1_bg.jpg') no-repeat top; background-size:cover;}
#section1 .inner {width:1163px;}
#section1 hgroup em {color:#4c4b4b;}
#section1 h4 {margin:70px 0 5px; font-size:40px; font-weight:600; color:#272727; letter-spacing:-2px; line-height:1.2;}
#section1 h4 > em {font-weight:inherit; color:#ed6b37;}
#section1 p {margin-bottom:70px; font-size:30px; font-weight:300; color:#272727; letter-spacing:-2px; line-height:1.2;}
#section1 p > a {display:inline-block; margin-bottom:5px; border-bottom:1px solid #f5843b; color:#f5843b;}
#section1 p > a > em {font-family:'Spoqa Han Sans', sans-serif; font-size:0.9em;}
#section1 p > a:hover {border-color:#e35926; color:#e35926;}

/* section2 */
#section2 {background:#eb6e3b url('/images/event/20210106/sec2_bg.jpg') no-repeat center;}
#section2 .inner {width:940px;}
#section2 hgroup em {color:#fff;}
#section2 .x2 > li {float:left; width:50%; padding:0 30px;}
/*#section2 .x2 > li {transition:all ease 0.5s;}
#section2 .x2 > li:hover {transform:translate(0,-20px);}*/
#section2 h4 {margin:30px 0 15px; border-bottom:3px solid #fff; padding-bottom:15px; font-size:30px; font-weight:500; color:#fff; letter-spacing:-2px; line-height:1.2;}
#section2 p {font-size:17px; font-weight:300; color:#fff7d6; letter-spacing:-1px; line-height:1.4;}

/* section3 */
#section3 {background:#fef8d6 url('/images/event/20210106/sec3_bg.jpg') no-repeat center;}
#section3 .inner {width:898px;}
#section3 hgroup em {color:#6d5a4a;}
#section3 dl {margin-top:20px; border-top:3px solid #ed6b37; background:#fff; padding:40px 30px;}
#section3 dt {float:left; width:155px; text-align:center; padding-right:20px;}
#section3 dd {float:left; width:calc(100% - 155px); text-align:left;}
#section3 dd > p {margin-bottom:5px; font-size:18px; color:#7e7e7e;}
#section3 dd > a {background:url('/images/event/20210106/sec3_arr.png') no-repeat right 57%; padding-right:20px; font-size:27px; font-weight:500; color:#1e1e1e; letter-spacing:-2px; line-height:1.2;}
#section3 dd > a:hover {border-bottom:1px solid #e35926;}
#section3 dd > a > em {font-weight:inherit; color:#ed6b37;}

/* section4 */
#section4 {background:#272727; padding:80px 0;}
#section4 .inner {width:898px; text-align:left;}
#section4 h3 {margin-bottom:15px; font-size:27px; color:#fff;}
#section4 li {padding:5px 10px; text-indent:-10px; font-size:19px; color:#9d9c9c; line-height:1.2;}

@media only screen and (max-width:1180px) {	
	.section {padding:100px 0;}	
	#section0 .registBtn {padding-bottom:100px;}
	.section .inner {width:100%; padding:0 20px;}	
}
@media only screen and (max-width:1163px) {
	#section1 .inner {width:100%;}
}
@media only screen and (max-width:940px) {
	#section2 .inner {width:100%;}
	#section2 p br {display:none;}
}
@media only screen and (max-width:898px) {	
	#section3 .inner,
	#section4 .inner {width:100%;}
}
@media only screen and (max-width:768px) {	
	.section hgroup {margin-bottom:50px;}
	#section1 h4 {font-size:30px;}
	#section1 p {font-size:24px;}
	#section2 .x2 > li {padding:0 10px;}
	#section2 h4 {border-width:2px;}
	#section3 dl {border-width:2px;}
	#section3 dt {width:90px;}
	#section3 dd {width:calc(100% - 90px);}	
}
@media only screen and (max-width:700px) {
	.view_layer {width:auto; left:10px; right:10px; margin-left:0; padding:15px 20px;}
	.view_layer .close {top:20px; right:20px;}
}
@media only screen and (max-width:500px) {
	.section {padding:70px 0;}
	.section hgroup {margin-bottom:40px;}
	.section hgroup h3 {margin-top:12px;}
	#section0 {padding-top:150px;}
	#section0 .registBtn {padding-bottom:70px;}
	#section1 p {margin-bottom:50px;}
	#section1 h4 {margin-bottom:10px; font-size:24px;}
	#section1 p {font-size:18px;}
	#section2 .x2 > li {width:100%; padding-top:50px; padding-left:0; padding-right:0;}
	#section2 .x2 > li:first-child {padding-top:0;}
	#section2 h4 {font-size:24px;}
	#section3 dl {padding:30px;}
	#section3 dt {width:60px;}
	#section3 dd {width:calc(100% - 60px);}
	#section3 dd > a {font-size:22px;}
	#section4 {padding:50px 0;}
	#section4 h3 {font-size:24px;}
	#section4 li {font-size:17px;}
	.view_layer {margin-top:-295px;}
	.view_layer .table_layer > thead > tr > th,
	.view_layer .table_layer > tbody > tr > th,
	.view_layer .table_layer > tbody > tr > td {padding-left:10px; padding-right:10px; font-size:14px;}
}
@media only screen and (max-width:375px) {
	#section0 .registBtn {padding-left:20px; padding-right:20px;}
	#section0 .registBtn a,
	#section1 .registBtn a {width:100%; height:60px; line-height:57px; font-size:22px;}	
	.view_layer .table_layer > thead > tr > th {padding-left:0; padding-right:0;}
}