@charset "utf-8";
@font-face {
		    font-family: 'NotoSansKr';
		    font-style: normal;
		    font-weight: 350;
		    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
		    url(../font/NotoSansKR-DemiLight-Hestia.eot),
		    url(../font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
		    url(../font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
		    url(../font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
		}
#jeepcamp_wrap {margin:0;padding:0;} 
#gooutcamp_wrap {width:100%;height:100%;font-family:'NotoSansKr', 'dotum', sans-serif;padding-top:45px;background:#000}
#gooutcamp_wrap:after, .goout_top:after, .goout_cont:after, .goout_cont2:after, #jgoc_popup:after, .area_personal:after {display:block;content:"";clear:both;}
.goout_top {background:#000000;}
.goout_top, .goout_cont, .goout_cont2, .goout_cont3 {float:left;position:relative;width:100%;height:100%;}
.goout_cont, .goout_cont2 {background:url(../img/cont_bg.jpg) repeat-y;background-size:cover;}
.goout_top > img, .goout_cont > img, .goout_cont2 > img, .goout_cont3 > img, .btn_ticket > img, .btn_popup > img, #jgoc_popup img {float:left;vertical-align:top;width:100%;}
.btn_gomap {display:block;position:absolute;bottom:0;left:50%;margin-left:-12%;width:27%;height:9%;font-size:0;cursor:pointer/*background:red;opacity:0.4*/}
.btn_ticket {display:block;position:absolute;bottom:3%;left:10%;width:42%;height:27%;font-size:0;cursor:pointer/*background:blue;opacity:0.4*/}
.btn_popup {display:block;position:absolute;bottom:39%;left:50%;margin-left:-33%;width:67%;height:36%;font-size:0;cursor:pointer;/*background:red;opacity:0.4*/}
#jgoc_popup {display:none;position:absolute;bottom:5%;left:2%;width:96%;background:#fff;}
#jgoc_popup div, .form_num {overflow:hidden}

.goout_form {padding:3% 8%;}
.goout_form p, .form_chk p {padding:0;margin:0;line-height:2}
.goout_form p label, .label_num {display:block;width:100%;margin-bottom:1.5%; margin-top:2%;font-size:1em;}
.goout_form p input[type="text"], .goout_form div input[type="text"]{border:2px solid #000;padding:4px;border-radius:0;box-shadow:none;}
.form_num div.ui-input-text {width:25%;}
#form_txt {width:100%;height:100%;border:2px solid #000;padding:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
box-shadow:none;resize:none}
.select-style {overflow:hidden;padding:0;background:url(../img/select_off.png) no-repeat right top;background-size:contain;border:2px solid #000}
.select-style select {width:96%;border:none;box-shadow:none;background-color:transparent;background-image:none;
-webkit-appearance:none;-moz-appearance:none;appearance:none}
.select-style.width96 {float:left;width:96%;}
.email_sel {    margin-top: 2%;
    display: block;
    width: 100%;}
.form_chk {position:relative;background:#ededed;margin:5% 8%;padding:12% 11% 16% 13%;}
.form_chk > div {position:absolute;right:10%;top:18%;width:100%;}
.chk_label span.ui-btn-inner span.ui-btn-text {font-size:0.9em}
/* .form_chk > .forms_checkbox {padding-right:8%;} */
/* 
.form_chk .forms_checkbox, .form_chk >.area_personal {position:absolute;bottom:50%;right:10%}
.form_chk .forms_checkbox {bottom:9% !important;width:100%} */
.form_chk p a.btn_confirm {display:block;float:right;width:36%;height:30%;margin-left:12px;font-size:15px;border:2px solid #fc6200;color:#fc6200;background:#ffe5de;text-decoration:none;text-align:center;font-size:0.8em;}
.forms_checkbox {display:block;/* position:relative; */} 
.forms_checkbox input[type="checkbox"] {display:none}
.forms_checkbox label {display:table-cell;vertical-align:middle;font-size:1em;cursor:pointer;}
.forms_checkbox label:before {content: "";display:block;position:absolute;top:26%;right:0;width:20px;height:20px;background-color:#fff;border:2px #000 solid;}
.forms_checkbox input:checked+label:before{content:"\2713";font-size:20px;line-height:20px;text-align:center;background-color:#fff;color:#000}
.popup_send, .popup_close {position:relative;}
.popup_send a, .popup_close a {display:block;position:absolute;bottom:0;left:0;font-size:0}
.popup_send a {width:87%;height:63%;left:6%;}
.popup_close a {width:100%;height:51%;}
.area_personal {width:100%;font-weight:400;text-align:right;font-size:0.9em;}
.form_mail > div.ui-input-text {width:45%;float:left}
.form_mail > span {display:block;float:left;line-height:52px;padding:0 3px;}
.form_num > div.ui-input-text {
    width: 25%;
    float: left;}
.form_num > span {display:block;float:left;line-height:52px;padding:0 3px;}
.form_num .area_sel {padding:3px 0;width:30%;float:left;}
.form_num .select-style {margin:.5em 0}
.goout_form p.form_name {width:50%}
.forms_checkbox .ui-checkbox label .ui-btn-inner .ui-icon {display:none}
.forms_checkbox .ui-checkbox label .ui-btn-inner {padding-left:0;width:100%;margin-right:24px;padding:6% 0 4% 0;text-align:left;font-size:13px}
.goout_form  .txt_ect {padding:2% 0 3% 0}
.form_chk .forms_checkbox .ui-checkbox {float:right;}
.email_sel .ui-select {padding:0.5%;}

/* hide */
legend, .hide, label.hide {font-size:0;width:0;height:0;}
.form_mail > label.hide {display:none;margin-bottom:0;margin-top:0;}
.email_sel > .ui-select > .ui-btn {width:95%}
#form_email02:disabled, #form_email03:disabled {background-color:#ddd;}
.forms_checkbox .ui-checkbox {overflow:visible !important;}

@media screen and (min-width:640px) and (max-width:1024px){
   .form_chk {padding: 12% 11% 9% 13%;}
   .chk_label span.ui-btn-inner span.ui-btn-text {font-size:1.2em}
   .form_chk p a.btn_confirm {font-size:1.2em}
   ..goout_form p, .form_chk p {line-height:4;}
   .area_personal {font-size:1.2em}
}