@import "font.css";

*{font-family:'Noto Sans KR','apple SD gothic neo','Malgun Gothic',sans-serif}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,main{display:block}
time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
h1,h2,h3,h4,h5,h6{font-weight:700}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:"courier new",monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
q{quotes:none}
q:before,q:after{content:"";content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
ul,ol{list-style:none;padding:0}
.lead{font-size:18px;font-weight:400}
a{color:#000;text-decoration:none;outline:none !important;}
a:hover,a:focus{color:inherit;text-decoration:none}
body {font-size: 12px;position: relative;}
.full-width{width: 100%;}
button {outline: none;}
/*-------------------------------*/
/*! Common					   */
/*-------------------------------*/
/* Apply CSS to iOS affected versions only */


/*-------------------------------*/
/*! NAVIGATION				   */
/*-------------------------------*/


/*-------------------------------*/
/*! ScrollTop					*/
/*-------------------------------*/






/*-------------------------------*/
/*! Event StyleSheet   	         */
/*-------------------------------*/
body.event{background-color: #fff;}
body.event #header .logo-wrap{width: 100%;text-align: center}
body.event #header .logo-wrap .logo{padding:20px 0;width: 130px;margin: 0 auto;}
body.event #header .tab-menus{width: 100%;text-align: center;background-color: #ddd;font-size: 0;}
body.event #header .tab-menus .tab-menus--list{text-align: center;font-size: 2rem;color:#333333;background-color:#a2a2a2;}
body.event #header .tab-menus .tab-menus--list a{color:#1d1d1d;display: inline-block;height:100%;width: 100%;padding: 20px 0;}
body.event #header .tab-menus .tab-menus--list.active{background-color: #000000;}
body.event #header .tab-menus .tab-menus--list.active a{color:#fff;font-weight: 500;}

body.event #header .tab-menus .tab-menus--list a{padding-left: 25%;text-align: left;}
body.event #header .tab-menus .tab-menus--list:first-child a{padding-left:0;padding-right: 25%;text-align: right}



/*-------------------------------*/
/* 191021 						 */
/*-------------------------------*/
.wrap_evt {width: 100%; text-align: center;}
.main_vis {width: 100%; max-width: 1920px; margin: 0 auto; height: auto}
.main_vis img {width: 100%;}
.main_vis_mo {margin: 0 auto; width: 100%; max-width: 640px;  text-align: center; display: none;}
.main_vis_mo img {width: 100%;}

.list_gm_01 {float:left; width: 100%; height: 1944px; background-image: url('../images/img_prd_bg_01.gif'); background-repeat: no-repeat; background-position: center;  }
.title_gm01 {margin-top: 165px;}

.list_gm_02 {float:left; width: 100%; height: 1682px; background-image: url('../images/img_prd_bg_02.gif'); background-repeat: no-repeat; background-position: center;  }
.title_gm02 {margin-top: 50px;}

.pd_list_wrap {width: 1200px; margin: 0 auto;}
.pd_list_wrap .pd_list_01 {margin-top: 40px;}
.pd_list_wrap .pd_list_01 li {float:left;width: 33.3%; text-align: center}
.pd_list_wrap .pd_list_01 li:nth-child(n+3) {margin-top: 15px;}

.pd_list_wrap02 {width: 800px; margin: 0 auto;}
.pd_list_wrap02 .pd_list_02 {margin-top: 40px;}
.pd_list_wrap02 .pd_list_02 li {float:left;width: 50%; text-align: center}

.btn_box {float:left; width: 100%; height: auto; text-align: center; padding-top: 150px;}
.btn_box ul {width: 100%; text-align: center; margin-top: 50px; }
.btn_box ul li {margin-top: 35px;}


/*-------------------------------*/
/*! Footer					   */
/*-------------------------------*/
.footer_01 {float:left; background: #333; width: 100%; color:#fff; font-size: 1.5em;padding-top: 50px;}
.footer_01 .footer_container {width: 1200px; height: 170px; margin: 0 auto; }
.footer_01 .footer_container .cau_01 {float:left; width: 170px; height: 100px;  text-align: center}
.footer_01 .footer_container .txt_001 {width:; height: 100px; padding-left: 250px;}




/*-------------------------------*/
/*! Media Query				  */
/*-------------------------------*/

@media (min-width: 1920px) {
  
}

@media (min-width: 1600px) {
}

@media (min-width: 992px) {
  .container {width: 1024px;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 1199px) {
	
}
@media (min-width: 768px) and (max-width: 1023px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 768px) and (max-width: 840px) {
}
@media (max-width: 767px) {
	body.event #header .tab-menus .tab-menus--list a{font-size: 1.5rem;padding: 20px 0 !important;text-align: center !important;}
	#evt01-02 img{padding-left: 15px;padding-right: 15px;}
	.btn-set img{max-width:70%;margin-top:8%;margin-bottom:4%}
	
	.rk-web{display: none !important;}
	.rk-mobile{display: block !important;}
	
	section#agree .top-head h2{
	    font-size: 1.7rem;
	    line-height: 140%;
	}
	section#agree .agree h3{font-size: 1.7rem;}
	section#agree .top-head h5{
	    font-size: 1.4rem;
	}
	section#agree .agree table tbody tr th{
	    font-size: 1rem;
	    width: 34%;
	}
	section#agree .agree table tbody tr td{
	    font-size: 1rem;
	}
	section#agree .agree ul li{
	    font-size: 1rem;
	    padding-left: 16px;
	    display: block;
	}
	section#agree{padding:20px 0;}
	
	.comment-text{width:90%}
	.comment-text p{font-size:1.4rem;}
	.tit-social{margin-top:30px;margin-bottom:30px;}
	.tit-social img{width: 90%;}
	body.event main#content #evt02 .tip-social{margin-top:0;top: 33%;}
	.visual-rowe img{max-width: 90%;}
	body.event #header .logo-wrap{background-color: #fff;}
	
	
	#evt01-tit{padding: 4% 9%;}
	body.event footer .evt-alert{font-size: 0.86rem;margin-top: 19%;}
	body.event footer .evt-alert img{max-width:15px;margin-top:-2px}
	body.event footer .evt-alert span{padding-left:5px}
	body.event footer .text{font-size: 0.84rem;margin-top: 10px;}
	body.event footer{padding:3rem 0;}
	#evt01-01 .col-sm-6{margin-bottom: 10%;}
	
	
	.btn-list-wrap{width: 80%;}
	.btn-list-wrap .btn-list{}
	body.event footer .evt-alert span{font-size:1rem}
	
	#evt01-03 .txt{max-width: 90%;}
	#evt01-03 .btn{max-width: 70%;}
	.copyright-inner{font-size: 0.84rem;}
	
	/*-------------------------------*/
/* 191021 						 */
/*-------------------------------*/
.wrap_evt {width: 100%; text-align: center;}
.main_vis {width: 100%; margin: 0 auto; height: auto; display: none;}
.main_vis img {width: 100%;}
.main_vis_mo {margin: 0 auto; width: 100%;  text-align: center; display:block;}
.main_vis_mo img {width: 100%;}

.list_gm_01 {float:left; width: 100%; height: auto; background-image: url('../images/bg_pt_01.gif'); background-repeat: repeat; background-position: center;  }
.title_gm01 {margin-top: 60px;}
.title_gm01 img {width: 100%;}

.list_gm_02 {float:left; width: 100%; height: auto; background-image: url('../images/bg_pt_01.gif'); background-repeat: repeat; background-position: center;  }
.title_gm02 {margin-top: 100px;}
.title_gm02 img {width: 100%;}

.pd_list_wrap {width: 100%; padding: 0 15px;}
.pd_list_wrap .pd_list_01 {margin-top: 15px;}
.pd_list_wrap .pd_list_01 li {float:left; width: 50%; text-align: center}
.pd_list_wrap .pd_list_01 li img {width: 90%;}
.pd_list_wrap .pd_list_01 li:nth-child(n+3) {margin-top: 15px;}

.pd_list_wrap02 {width: 100%; padding: 0 15px; }
.pd_list_wrap02 .pd_list_02 {margin-top: 15px;}
.pd_list_wrap02 .pd_list_02 li {float:left;width: 50%; text-align: center}
.pd_list_wrap02 .pd_list_02 li img {width: 90%;}

.btn_box {float:left; width: 100%; height: auto; text-align: center; padding: 10px 0 50px 0;}
.btn_box ul {width: 100%; text-align: center; margin-top: 50px; }
.btn_box ul li {margin-top: 15px;}
.btn_box ul li img {width: 60%;}


/*-------------------------------*/
/*! Footer					   */
/*-------------------------------*/
.footer_01 {float:left; background: #333; width: 100%; color:#fff; font-size: 1.2em; font-weight:bold; padding-top: 30px;}
.footer_01 .footer_container {width: 100%; height: 150px; margin: 0 auto; }
.footer_01 .footer_container .cau_01 {clear: both; width: 100%; height: auto; text-align: center; padding: 0 20px;}
.footer_01 .footer_container .cau_01 img {width: 18px; position:relative; top: -1px;}
.footer_01 .footer_container .txt_001 {clear: both; width:100%; height: auto; padding: 0 20px; padding-top: 10px; }
.footer_01 .footer_container .txt_001 .t01 {font-size: 0.9em; font-weight:100; margin-top: 10px;}

	
	
}
@media (max-width: 320px) {
	
}

.btn-list-wrap{position: absolute;bottom: -2%;left: 50%;transform: translateX(-50%);width: 83%;    max-width: 340px;}
.btn-list-wrap .btn-list{margin-bottom: 11%;padding-left: 5px;padding-right: 5px;}


#grab-link{margin-top: 5%;position: relative;}
#plato-link{margin-top: 5%;position: relative;}

#evt01-01{margin-top: 4%;}
#evt01-02{margin-top: 4%;padding-bottom: 6%;}
#evt02{margin-top: 1%;}
#evt02-01{margin-top: 0%;background-image: url('../images/step02_bg.png');background-size: 100%;}
#evt02-02{padding-top: 5%;}
.rk-web#evt02-02{max-width: 1200px;}
#evt03{margin-top: 0%;padding-bottom: 5%;}
#evt03-01{margin-top: 10%;}
#evt03-02{margin-top: 10%;}
#evt04{margin-top: 1%;background-color: #fbfbfb;}
#evt04-01{margin-top: 10%;background-image: url('../images/step05_bg.png');background-size: 100%;background-position: top center;background-repeat:no-repeat;background-color:#4d4d4d;padding-bottom:70px;}
#evt04-02{margin-top: 10%;}
#evt05{margin-top: 10%;}
#evt05-01{margin-top: 10%;}
#evt05-02{margin-top: 10%;}
footer hr{width: 100%;border-top: 1px solid #fff;}
.copyright{font-size: 1.2rem;color:#838383;}
.copyright-inner{line-height: 200%;}