@charset "euc-kr";

* {margin:0;padding:0;box-sizing:border-box;}
img {vertical-align:top;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}

.blind { position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}
.cboth  {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.cboth:after {content:'';clear:both; display:block;}
.fLeft {float:left;}
.fRight {float:right;}

.taC {text-align:center;}


/*layout*/
.evt_visual {display:block;width:100%;background:#a8dadb;}
.evt_visual .bg_wrap {position:relative; width:100%; height:502px; background:url('../images/bg_visual.jpg') center center no-repeat;}
.evt_visual .inner {display:block; width:1080px; margin:0 auto; padding:0;position:relative;}

.inner {display:block; width:1080px; margin:0 auto;}
.inner:after  {content:""; display:block; clear:both;}

.since {display:block;width:349px;height:38px;margin:33px auto 0;background:url('../images/date_bar.png') center center no-repeat;position:absolute;left:50%;margin-left:-174.5px;}
.since span {font-size:17px;line-height:1em;color:#fff;}
.since .txt {position:absolute;top:10px;left:28px;}
.since .date {position:absolute;top:10px;left:81px;}
.txt_visual {display:block;width:446px;height:94px;margin:95px auto 0;position:absolute;left:50%;margin-left:-223px;}

.evt_visual .inner .evt_title02 {padding:43px 0 0 110px;}

.btn-wrap a {float:left;display:inline-block;width:199px;height:162px;}

.cont0 {padding:26px 0 77px;}
.btn_join{margin:-9px 0 0 122px;}
.btn_join a.btn2{margin-left:14px;}

/* section01 */
.section01 {width:100%;padding:75px 0 62px ;background-color:#ffeabd;}
.section01 .inner {display:block;width:900px;margin:0 auto;}
.section01 .inner h3 {display:block;padding:0 0 51px 0;margin-left:-33px;}
.section01_box {display:block;width:900px;margin:0 auto;}

/* section02 */
.section02 {width:100%;padding:69px 0 48px 0; background:#fff1d5;}
.section02 .inner {display:block;width:900px;margin:0 auto;}
.section02 .inner h3 {display:block;padding:0 0 48px 0;margin-left:-33px;}
/* .section02 .inner .cboth {display:block;width:877px;margin:0 auto;} */

.selWrap {width:436px;padding-top:3px;border-right:1px solid #f3dfb4;}

.section02 .select_btn {display:block;width:382px;}
.section02 .select_btn ul {display:block;width:204px;margin-right:8px;}
.section02 .select_btn ul li {display:block;width:100%;}
.section02 .select_btn ul li:first-child {margin-bottom:10px;}
.section02 .select_btn ul li a {display:block;}
.section02 .select_btn .btn_result {display:block;}

.section02 .warning_box {padding-left:44px;}
.section02 .warning_box ul {display:block;width:389px;margin-top:1px;}
.section02 .warning_box ul li {display:block;width:190px;}
.section02 .warning_box ul li:first-child {margin-right:9px;}
.section02 .warning_box ul li a {display:block;}

.section02_txt {display:block;width:100%;margin-top:38px;}
.section02_txt li {font-family:'Noto Regular';font-size:18px;line-height:1em;color:#272727;}
.section02_txt li:first-child {margin-bottom:9px;}

/* cont3 */
.section03 {width:100%; height:287px; background:url('../images/cont3_bg.jpg') center 0 no-repeat; background-color:#d8d5ce;}
.section03 .inner {display:block;width:900px;margin:0 auto;}
.section03 .inner h3 {padding:99px 0 0 0;margin-left:-33px;}

.info_wrap{position:relative;}
.info_wrap .info_tab{width:666px;position:absolute; top:-56px; left:84px;}
.info_wrap .info_tab li {float:left; height:56px; line-height:56px; background:#33363f;border-top-left-radius:7px;border-top-right-radius:7px;}
.info_wrap .info_tab li a {float:left; display:block; width:222px; height:56px; line-height:56px; font-family:'Noto Regular'; font-size:22px; color:#fff; text-align:center; }

.info_wrap .info_tab li a.on {background:#fff;color:#33363f;border-top-left-radius:7px;border-top-right-radius:7px;}
.info_wrap .info_box .box {display:none; padding:30px 0 0 0; width:900px; margin:0 auto;}


.s_tab:after {display:block;content:'';clear:both;}
.s_tab li {float:left;width:133px;padding:11px 0 10px;}
.s_tab li:first-child {border-right:1px solid #dfdfdf;}
.s_tab li a {display:block;font-family:'Noto Regular';font-size:22px;line-height:1em;color:#7d7d7d;text-align:center;}
.s_tab li a.on {color:#272727;}

.s_wrap .s_box {display:none; padding:31px 0 0 0; width:900px; margin:10px auto 0; border-top:1px solid #dfdfdf;}

/* cont4 */
.cont4 {display:block;width:100%;background-color:#fff;}
.cont4 .inner {padding-bottom:86px;}

.banner_hobiApp {display:block;width:869px;height:263px;margin:37px auto 0;}
.banner_hobiApp a {display:block;width:100%;}


.selectbox {position: relative;width: 380px;height:66px;line-height:46px;background:#fff;border: 2px solid #f3dfb4;border-radius:5px;z-index: 1;margin-bottom:22px;}

.selectbox:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 66px;
  height: 62px;
  margin-top: -1px;
  /* border-left: 16.5px solid transparent;
  border-right: 16.5px solid transparent;
  border-top: 20px solid #feeabd; */
  background:url('../images/icon_select.png') center center no-repeat;
}

.selectbox label {
  position: absolute;
  top: 1px;
  left: 5px;
  padding: 8px 10px;
  color: #33363f;
  z-index: -1;
  font-size:22px;
}

.selectbox select {
  width: 100%;
  height: 100%;
  line-height: normal;
  font-family: inherit;
  padding: 10px 10px;
  border: 0;
  opacity: 0;
  filter:alpha(opacity=0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.selectbox select option {font-size:22px;}

/*the container must be positioned relative:*/
.custom-select {
  position: relative;width: 382px;height:66px;line-height:46px;background:#fff;border: 2px solid #f3dfb4;border-radius:5px;z-index: 1;margin-bottom:22px;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #fff;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 12px;
  right: 18px;
  width: 51px;
  height: 38px;
  background:url('../images/icon_select_open.png') no-repeat;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  background:url('../images/icon_select_hide.png') no-repeat;
  top: 12px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  width:353px;
  height:100%;
  margin:0 auto;
  box-sizing:border-box;
  padding: 8px 16px;
  user-select: none;
  font-size:22px;
  line-height:48px;
}
.select-selected {color:#33363f !important;}
.select-items div {border-top:1px solid #f3dfb4;color: #c0bbb1;}

/*style items (options):*/
.select-items {
  position: absolute;
  width:382px;
  background-color: #fff;
  top: 100%;
  left: -2px;
  /* right: 0; */
  z-index: 99;
  border: 2px solid #f3dfb4;
  border-top:0;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  font-size:22px;
  line-height:1em;
  color: #c0bbb1;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
	color:#33363f !important;
  /*background-color: rgba(0, 0, 0, 0.1);*/
}

.same-as-selected {color:#33363f !important;}