@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 */
body.modal-open.mobile { position: fixed; width: 100%; }

.rk-mobile{display: none !important;}
.rk-mobile-inline{display: none !important;}
.rk-web{display: block !important;}
.rk-web-table{display: table !important;}
.rk-web-inline{display: inline-block !important;}
.pad-rl-non{padding-left: 0;padding-right: 0;}
.mg-btm-0{margin-bottom: 0;}
.btn{border-radius: 0;outline: none;}
.btn.active, .btn:active{box-shadow: none;}
.btn-more{background-color:#d70021;color:#fff;font-size: 1.167em;padding:7px 30px;border:1px solid #d70021;}
.btn-more:hover, .btn-more:active, .btn-more:focus{color:#d70021;background-color: #fff;}
.video-btn{position: absolute;top:50%;text-align: center;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width: 100%;}
.video-btn a{display: inline-block;}
.modal {
  text-align: center;
  padding: 0!important;
}
.cursor{cursor: pointer;}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.hvr-bounce-to-bottom{background-color: #d70021 !important;border: 0;}
.hvr-bounce-to-bottom:before{background-color: #fff;}
.hvr-sweep-to-bottom{background-color: #d70021 !important;border: 0;}
.hvr-sweep-to-bottom:before{background-color: #fff;}

.embed-responsive-21by9 {
  padding-bottom: 42.85%;
}
.embed-responsive-22by9 {
  padding-bottom: 42.5%;
}
.row.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
  display: block;
}

.row.equal-cols > [class*='col-'] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; 
}
.vertical-align {
    display: flex;
    align-items: center;
}
/* Animation */
a.ani-scroll{padding-top:35px;position:relative;font-size:1.167em;font-weight:300;color:#fff;letter-spacing:1px}
a.ani-scroll span{position:absolute;top:0;left:50%;width:18px;height:30px;margin-left:-10px;border:2px solid #fff;border-radius:30px;box-sizing:border-box}
a.ani-scroll span::before{position:absolute;top:5px;left:50%;content:'';width:4px;height:4px;margin-left:-2px;background-color:#fff;border-radius:100%;-webkit-animation:sdb 2s infinite;animation:sdb 2s infinite;box-sizing:border-box}

/*-------------------------------*/
/*! NAVIGATION				   */
/*-------------------------------*/
.navbar{/*min-height: 114px;*/}
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand{width: 88px;display: inline-block;height: auto;padding: 0;margin-top: 24px;}
.navbar>.container .navbar-brand img,
.navbar>.container-fluid .navbar-brand img{width: 100%;}

.navbar-default{background-color: #d70021;border-color:#d70021;}
.navbar-default:after{content:'';position:absolute;bottom:-7px;width:100%;height:7px;background-image: url(../images/common/header_under_bg.png);background-repeat: repeat-x;background-position: left bottom;}
.navbar-default .navbar-header{margin-left: 30px;}
.navbar-default .navbar-collapse{padding: 27px 30px 20px 30px;border: 0;}
.navbar-default .navbar-nav>li>a{color:#fff;}
.navbar-default .navbar-nav.navbar-left{margin-left: 30px;}
.navbar-default .navbar-nav.navbar-left>li>a{font-size: 1.6em;font-weight: 700;margin: 10px 15px;padding: 0 0 10px 0;color:#eca3a9;}


.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{color:#fff;}
.navbar-default .navbar-nav.navbar-left>.active>a,
.navbar-default .navbar-nav.navbar-left>.active>a:focus,
.navbar-default .navbar-nav.navbar-left>.active>a:hover{color:#fff;background-color: transparent;border-bottom: none;opacity: 1;}

.navbar-default .navbar-nav.navbar-left>li>.dropdown-menu{display:none;position: relative;min-width:inherit;border: 0;background-color: transparent;padding-left: 20px;box-shadow:none;-webkit-box-shadow: none;}
.navbar-default .navbar-nav.navbar-left>li>.dropdown-menu>li{}
.navbar-default .navbar-nav.navbar-left>li>.dropdown-menu>li>a{padding: 7px 0;color:#FFF;font-size: 1em;}
.navbar-default .navbar-nav.navbar-left>li>.dropdown-menu>li>a:hover{background-color: transparent;color:#FFF;font-weight: 700;}
.navbar-default .navbar-nav.navbar-left>li>.dropdown-menu>li>a.active{font-weight: 700;}

.navbar-default .navbar-nav.navbar-right>li>a{background-color:#fff;border: 2px solid #FFF;border-radius: 50%;padding: 4px;margin-top: 5px;margin-left: 30px;display: table;}
.navbar-default .navbar-nav.navbar-right>li>a:focus,
.navbar-default .navbar-nav.navbar-right>li>a:hover{background-color:transparent;border: 2px solid rgba(255,255,255,.5);}
.navbar-default .navbar-nav.navbar-right>li>a>i.fa{font-size: 1.750em;width: 25px;height:25px;text-align: center;display: table-cell;vertical-align: middle;color:#d70021}
.navbar-default .navbar-nav.navbar-right>li>a:focus>i.fa,
.navbar-default .navbar-nav.navbar-right>li>a:hover>i.fa{color:#fff}
.navbar-default .navbar-nav.navbar-right>li:first-child>a{margin-left: 0;}
.navbar-default .navbar-toggle{padding:20px 10px;border:none;z-index: 51;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;width: 30px;}
.navbar-toggle .icon-bar+.icon-bar{margin-top: 6px;}

[type="tel"]{padding-left: 5px;padding-right: 5px;}

/*-------------------------------*/
/*! ScrollTop					*/
/*-------------------------------*/
.scroll-top{position: fixed;bottom: 15px;right:15px;width: 70px;z-index: 50;display: none;}
.scroll-top img{width: 100%;}

/*-------------------------------*/
/*! Footer					   */
/*-------------------------------*/
footer{background-color: #eaeaea;}
footer .container{position:relative;}
footer .row{position:relative;padding:0;}

/*-------------------------------*/
/*! Scroll Bars				  */
/*-------------------------------*/


.scrollbar-light-gray::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.1);
	background-color: transparent;
}

.scrollbar-light-gray::-webkit-scrollbar
{
	width: 6px;
	background-color: transparent;
}

.scrollbar-light-gray::-webkit-scrollbar-thumb
{
	background-color: #dfdddd;
}

/*-------------------------------*/
/*! Event StyleSheet   	         */
/*-------------------------------*/
body.event{background-color: #f3f3f3;}
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;}
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{}
body.event #header .tab-menus .tab-menus--list.active a{color:#053253;font-weight: 500;}
body.event #visual{background-color: #fff;}

body.event main{display: none;}
body.event main.active{display: block;}
body.event main#content{background-color: #f3f3f3;}
body.event main#more{background-color: #fff;}

/*
body.event main#content #visual{background-image: url('../images/evt_visual.jpg');background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;}
*/
body.event main#more #visual{background-image: url('../images/evtmore_visual.jpg');background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;}
body.event main#more #visual .row-wrap>img{padding-top: 6%;}
/*
body.event main#content #evt01{}
body.event main#content #evt01 .buy-list{position: relative;margin:70px 0;}
body.event main#content #evt01 .buy-list>div:first-child:after{content:'';background-color: #cfcfcf;width: 1px;height: 100%;position: absolute;top:0;right: 0;}
body.event main#content #evt01 .buy-list .title-wrap{padding: 10px 5%;display: inline-block;width: 100%;}
body.event main#content #evt01 .buy-list .title-wrap .title{}
body.event main#content #evt01 .buy-list .btn-list-wrap{}
body.event main#content #evt01 .buy-list .btn-list-wrap .btn-list{margin: 25px 0;}
*/
body.event main#content #evt01{}
body.event main#content #evt01 .buy-list--wrap{background-color:#f5f5f5;padding-bottom: 50px;}
body.event main#content #evt01 .buy-list{position: relative;margin:70px 0;}
body.event main#content #evt01 .buy-list>div{}
body.event main#content #evt01 .buy-list>div .btn-list-wrap{background-image: url('../images/v2/evtmore_cont02_v2_left.png');background-size: 100%;padding: 37% 10% 10% 10%;background-repeat: no-repeat;}
body.event main#content #evt01 .buy-list>div:first-child .btn-list-wrap{background-image: url('../images/v2/evtmore_cont02_v2_right.png');}
body.event main#content #evt01 .buy-list .title-wrap{padding: 10px 5%;display: inline-block;}
body.event main#content #evt01 .buy-list .title-wrap .title{}
body.event main#content #evt01 .buy-list .btn-list-wrap{}
body.event main#content #evt01 .buy-list .btn-list-wrap .btn-list{margin: 10px 0;text-align: center;}
body.event main#content #evt01 .buy-list .btn-list-wrap .btn-list span{font-size: 1.5rem;color:#333;margin-top: 1rem;display: inline-block;}


body.event main#content #evt02{}
body.event main#content #evt02 .tip-wrap{margin-bottom: 30px;}
body.event main#content #evt02 .tip-btn{margin-bottom: 30px;text-align: center;}
body.event main#content #evt02 .tip-btn>a{display: inline-block;margin:0 auto;width: 30%;}
body.event main#content #evt02 .tip-list{position: relative;cursor: pointer;margin-bottom: 30px;}
body.event main#content #evt02 .tip-list .on-img{position: absolute;top:0;display: none;}
body.event main#content #evt02 .tip-list.active .on-img{display: block;}

body.event main#content #evt02 .tip-social{position: absolute;top: 70px;width: 100%;margin-top: 6%;}
body.event main#content #evt02 .tip-social ul{padding:0 4%;}
body.event main#content #evt02 .tip-social ul li{float: left;padding: 0 5px;width: 25%;}

body.event main#more #evt01{}
body.event main#more #evt02{background-color: #4d4d4d;padding-bottom: 120px;}
body.event main#more #evt02 .title{margin-top: 10%;margin-bottom: 8%;}
body.event main#more #evt02 .title img{width: 70%;}
body.event main#more #evt02 .safe-wrap{background-image: url('../images/evtmore_cont01_bg.png');background-size: 95% 100%;background-repeat: no-repeat;background-position: top center;padding: 0 10px;}
body.event main#more #evt02 .safe-wrap .safe-check--list{padding: 10% 20%;}
body.event main#more #evt02 .safe-wrap .safe-check--list ul{}
body.event main#more #evt02 .safe-wrap .safe-check--list ul li{}
body.event main#more #evt02 .safe-wrap .safe-check--list ul li>div{cursor: pointer;font-size: 3rem;font-weight: 400;color:#666;margin-bottom: 30px;line-height: 100%;}
body.event main#more #evt02 .safe-wrap .safe-check--list ul li span{width:35px;height:35px;display:inline-block;background-image: url('../images/ico_check.png');background-size: 100% 100%;vertical-align: bottom;margin-right: 20px;}
body.event main#more #evt02 .safe-wrap .safe-check--list ul li.active span{background-image: url('../images/ico_check_on.png');}
body.event main#more #evt02 .safe-wrap .safe-check--btm{margin-bottom: 20%;}
body.event main#more #evt02 .safe-wrap .safe-check--btm ul{padding: 0 10%;}
body.event main#more #evt02 .safe-wrap .safe-check--btm ul li{float: left;width: 33.33333%;}
body.event main#more #evt02 .safe-wrap .safe-check--btm ul li{float: left;width: 33.33333%;text-align: center;}
body.event main#more #evt02 .safe-wrap .safe-check--btm ul li .tit{font-size: 2.8rem;font-weight: 500;color:#666;margin-bottom: 10%;line-height: 100%;}

body.event main#more #evt02 .safe-wrap .safe-check--btm ul li .tit>div span{width:35px;height: 26px;display:inline-block;background-image: url('../images/ico_checkbtm.png');background-size: 100% 100%;vertical-align: bottom;margin-right: 10px;}
body.event main#more #evt02 .safe-wrap .safe-check--btm ul li.active .tit{color:#00b8d6}
body.event main#more #evt02 .safe-wrap .safe-check--btm ul li.active .tit>div span{background-image: url('../images/ico_checkbtm_on.png');}
body.event main#more #evt02 .safe-wrap .safe-check--btm ul li .cont{background-color: #a2a2a2;border:1px solid #65758a;width: 95%;text-align: center;font-size: 2rem;font-weight: 500;color:#fff;display: table;vertical-align: middle;line-height: 120%;box-shadow: 5px 8px #e0e0e0;}
body.event main#more #evt02 .safe-wrap .safe-check--btm ul li .cont span{display: table-cell;vertical-align: middle;height: 85px;}

body.event main#more #evt02 .safe-wrap .safe-check--btm ul li.active .cont{background-color: #00b8d6;border-color: #6b7a8f;}

body.event main#more #evt03{}
body.event main#more #evt03 .buy-list--wrap{background-color:#f5f5f5;}
body.event main#more #evt03 .buy-list{position: relative;margin:70px 0;}
body.event main#more #evt03 .buy-list>div{}
body.event main#more #evt03 .buy-list>div .btn-list-wrap{background-image: url('../images/v2/evtmore_cont02_more_left.png');background-size: 100%;padding: 28% 10% 10% 10%;background-repeat: no-repeat;}
body.event main#more #evt03 .buy-list>div:first-child .btn-list-wrap{background-image: url('../images/v2/evtmore_cont02_more_right.png');}
body.event main#more #evt03 .buy-list .title-wrap{padding: 10px 5%;display: inline-block;}
body.event main#more #evt03 .buy-list .title-wrap .title{}
body.event main#more #evt03 .buy-list .btn-list-wrap{}
body.event main#more #evt03 .buy-list .btn-list-wrap .btn-list{margin: 10px 0;text-align: center;}
body.event main#more #evt03 .buy-list .btn-list-wrap .btn-list span{font-size: 1.5rem;color:#333;margin-top: 1rem;display: inline-block;}

body.event main#more #evt04{background-color: #4d4d4d;}

body.event footer{padding:30px 0;}
body.event footer .evt-alert{text-align: center;margin-top: 13%;}
body.event footer .evt-alert span{font-size: 3rem;color: #000;font-weight: 500;margin-top: 20px;display: inline-block;letter-spacing: -0.05rem;}
body.event footer .text{font-size: 1.8rem;color: #000;font-weight: 400;line-height: 170%;}
#cosmosfarm-comments{position: relative;margin-top: 80px;}
/*#cosmosfarm-comments:after{content:'';width: 100%;display: inline-block;height:64px;position: absolute;bottom: 0;left: 0;background-color: #f3f3f3;}*/
#social-share{padding-top: 20px;}
.proc-wrap{padding-bottom:30px;}


section#agree{background-color: #eaeaea;border-top: 1px solid #bbb;padding:50px 0;}
section#agree .top-head{text-align: center;}
section#agree .top-head h2{
    letter-spacing: -0.2rem;
    margin-bottom: 20px;
}
section#agree .top-head h5{
    font-size: 2rem;
    font-weight: 400;
}

section#agree .agree{margin-top: 50px;}
section#agree .agree h3{position: relative;}
section#agree .agree h3:before{content:'';position: absolute;width: 50px;height: 5px;background-color: #00879d;top: -20px;}
section#agree .agree h3 small{
    color: #0a0a0a;
}
section#agree .agree table{
    width: 100%;
    margin-top: 30px;
}
section#agree .agree table tbody{}
section#agree .agree table tbody tr{}
section#agree .agree table tbody tr th{
    width: 31%;
    text-align: center;
    background-color: #f3f3f3;
    padding: 15px;
    font-size: 1.5rem;
    font-weight: 400;
}
section#agree .agree table tbody tr td{
    background-color: #fff;
    padding: 15px;
    font-size: 1.5rem;
    text-align: center;
}
section#agree .agree ul{}
section#agree .agree ul li{
    font-size: 1.4rem;
    padding: 3px 0;
    padding-left: 14px;
}

section#agree .agree ul li:before{content:'*';display: inline-block;text-indent: -9px;}


/*
V2
*/
body.event #visual .visual-row .rk-web{background-image: url(../images/v2/evt_visual.jpg);height: 670px;background-position: center center;}
#evt01-tit{background-image: url(../images/v2/evt01_tit.jpg);height: 160px;background-position: center center;}
#evt02-tit{background-image: url(../images/v2/evt02_tit.jpg);height: 160px;background-position: center center;}

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

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

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

@media (min-width: 992px) {
	body.event #header .tab-menus-wrap{width: 1000px;margin: 0 auto;display: inline-block;}
  .container {
	width: 1000px;
  }
  .col-md-offset-35{margin-left: 30%;}
  #visual .container {
	  width:auto;
	  max-width: 1550px;
	  padding: 0 5%;
  }
}
.comment-text{width:50%;margin:0 auto;margin-top:40px;display: none;}
.comment-text h5{font-size:1.6rem;color:#7a7a7a;}
.comment-text p{font-size:1.6rem;color:#7a7a7a;line-height:150%}

.tit-social{margin-top: 70px;margin-bottom: 70px;}
.tit-social img{width:50%;}
.visual-rowe img{max-width: 70%;}
@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{padding:15px 0;}
	body.event #header .tab-menus .tab-menus--list{font-size: 1.2rem;background-color: #a2a2a2;}
	body.event #header .tab-menus .tab-menus--list.active{background-color: #00b8d6}
	body.event #header .tab-menus .tab-menus--list.active a{color:#fff;}
	body.event main#more #evt02 .safe-wrap .safe-check--list{padding:10% 10%;}
	body.event main#more #evt02 .safe-wrap .safe-check--list ul li span{width: 20px;height:20px;margin-right: 5px;}
	body.event main#more #evt02 .safe-wrap .safe-check--list ul li>div{font-size: 1.5rem;}
	body.event main#more #evt02 .safe-wrap .safe-check--list ul li:last-child>div{margin-bottom: 0;}
	body.event main#more #evt02 .safe-wrap .safe-check--btm ul{padding: 0 1% 0 1%;}
	body.event main#more #evt02 .safe-wrap .safe-check--btm ul li{}
	body.event main#more #evt02 .safe-wrap .safe-check--btm ul li .tit{font-size: 0.85rem;}
	body.event main#more #evt02 .safe-wrap .safe-check--btm ul li .tit>div span{width:20px;height:15px;margin-right: 5px;}
	body.event main#more #evt02 .safe-wrap .safe-check--btm ul li .cont{font-size: 0.85rem;}
	body.event main#more #evt02 .safe-wrap .safe-check--btm ul li .cont span{height: 40px;}
	body.event main#more #evt02 .safe-wrap .safe-check--btm{margin-bottom: 33%;}
	body.event main#more #evt03 .buy-list .btn-list-wrap .btn-list span{font-size: 1rem;}
	body.event main#content #evt01 .buy-list .btn-list-wrap .btn-list span{font-size: 1rem;}
	body.event footer .evt-alert{margin: 0 auto;width: 40%;}
	body.event footer .evt-alert img{max-width: 70%;}
	body.event footer .evt-alert span{font-size: 1.8rem;}
	body.event footer .text{font-size: 1.4rem;margin-top: 30px;}
	
	.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;}
}
@media (max-width: 320px) {
	
}