@charset "utf-8";

/* sub_visual common */
.subvisual_box {position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:290px;background:url("/images/sub_visual1.jpg") no-repeat center/cover;margin:auto;}
.subvisual_box2 {background-image:url("/images/sub_visual2.jpg");}
.subvisual_box3 {background-image:url("/images/sub_visual3.jpg");}
.subvisual_box4 {background-image:url("/images/sub_visual4.jpg");}
.subvisual_box5 {background-image:url("/images/sub_visual5.jpg");}
.subvisual_box p {text-align:center;font-family:"S-CoreDream-3Light", sans-serif;font-weight:700;font-size:60px;line-height:1.25;letter-spacing:-1.8px;color:#fff;}
.subvisual_box p span {margin:10px 0 0;display:block;font-family:"S-CoreDream-3Light", sans-serif;font-weight:300;font-size:25px;line-height:1.3;letter-spacing:-0.75px;}

/* subpage_pc navibox */
.sub_gnbbox {position: absolute; bottom: 0; width: 100%; height: 60px; background-color: rgba(0,0,0,0.62);}
.sub_gnbarea {float: left; width: 100%;}
.sub_menuall {float: left; width: 100%; text-align: center;}
.sub_menuall li {display: inline; padding: 0 20px;}
.sub_menuall li a {display: inline-block; height: 60px;  transform: rotate(-0.04deg); font-size: 18px; color: #d7d7d7; font-weight: 400; line-height: 60px;}
.sub_menuall li a:hover {color: #ed6e01; font-weight: 400;}
.sub_menuall li a.active {color: #fff; font-weight: 700; background: url("../images/sm_checkarrow.png") no-repeat center bottom;}

/* contentwrap common */
.content-inner {position:relative;}
.contentwrap {position:relative;max-width:1240px;width:100%;margin:0 auto;padding:20px 20px 70px;}
@media screen and (max-width:1000px) {
	.contentwrap {padding-bottom:40px;}
}
.subpage_common {width: 100%;}
.subpage_content {width: 100%;}
.subpage_contentarea {margin: 0 auto; width: 100%;}
.subpage_contentarea .inner1 {margin: 0 auto; width: 100%; max-width: 1205px;}

/* sub_titlebar */
.sub_titlebar {width: 100%;margin: 0 auto;background: #fff;}
.titlebar {text-align: center;padding-top:10px;}
/* .sub_titlebar {float: left; width: 100%; margin-bottom: 50px;}
.titlebar {float: left; width: 100%; text-align: center;} */
.titletxt { transform: rotate(-0.04deg); font-size: 35px; color: #292828; font-weight: 700; line-height: 34px; margin-bottom: 25px;word-break: keep-all;}
.gnbnavi_txt {display:flex;justify-content:center;align-items:center;padding:10px 0;width: 100%;}
.gnbnavi_txt li {width: 100%; height: 41px; font-size: 16px; color: #848282; font-weight: 700; text-align: center;}
.gnbnavi_txt li a {display: inline-block; vertical-align: 12px;}
.gnbnavi_txt li a.home {width: 41px; height: 41px; background: url("../images/subicon_home.png") no-repeat center center; text-indent: -9999px;}
.gnbnavi_txt li b {color: #000; font-weight: 700;}

/* introduce */
/* .subpage_intro {background: #fff;} */
.intro_box {width: 100%;}
/* .intro_box {float: left; width: 100%; padding: 0 0 100px;} */
.intro_area {margin: 0 auto; width: 100%;}
.introinfo .infotxt {float: left; width: 100%; text-align: center;}
.introinfo .infotxt li { transform: rotate(-0.04deg);}
.introinfo .infotxt li.titt1 {display: inline-block; width: 199px; height: 49px; margin-bottom: 20px;}
.introinfo .infotxt li.titt1 img {width: 100%;}
.introinfo .infotxt li.titt2 {font-size: 50px; color: #ff774d; font-weight: 800; line-height: 52px; margin-bottom: 30px;}
.introinfo .infotxt li.titt3 {position: relative; font-size: 30px; color: #484848; font-weight: 400; line-height: 46px;}
.introinfo .infotxt li.titt3 span {font-size: 39px; color: #ff774d; font-weight: 800;}
.introinfo .infotxt li.titt3:before {position: absolute; top: 0; left: 50%; margin-left: -463px; content: ""; width: 35px; height: 27px; background: url("../introduce/images/sign_img1.png") no-repeat left top;}
.introinfo .infotxt li.titt3:after {position: absolute; top: 0; left: 50%; margin-left: 415px; content: ""; width: 35px; height: 27px; background: url("../introduce/images/sign_img2.png") no-repeat left top;}
.introinfo .infoimg { width: 100%;}
.introinfo .infoimg li {text-align: center;width: 100%;margin:0 auto;}
.introinfo .infoimg li img{text-align:center;margin:0 auto;width: 100%;}
.introinfo .infoimg li span {display: inline-block; font-family: "Gmarket Sans", sans-serif; font-size: 30px; color: #5e5e5e; font-weight: 500; letter-spacing: -1px; margin-top: 25px; }
.missiontour_info {float: left; width: 100%;}
.missiontour_guide {margin: 0 auto 263px; width: 100%; max-width: 1548px; border:1px solid red;}
.missiontour_guide img {width: 100%;}


.subpage_common .inner {overflow:auto;width: 100%;margin:0 auto;background:#fff;}
.subpage_giude_content { text-align: center;width: 100%;margin:0 auto;background:#fff; text-align:center;}
.guide_intro {margin: 0 auto; width: 100%; }
.guide_intro div img {width: 100%;text-align:center; margin:0 auto;}

.step_box {margin: 58px auto 0; width: 100%; max-width: 1541px; text-align: center;}
.shorttit {display: inline-block;}
.shorttit h3 { transform: rotate(-0.04deg); font-size: 35px; color: #111; font-weight: 700; line-height: 36px; padding: 45px 10px 0; border-top: 1px solid #111111;}
.step_contents {float: left; width: 100%; margin-top: 60px; padding-bottom: 500px;}
.diagram {position: relative; }
.diagram img {/*width: 100%;*/ text-align:center; margin:0 auto;}
.diagram2 {margin-top: 60px;}
.diagram3 {margin-top: 50px;}
.work_box {float: left; width: 100%; text-align: center; margin-top: 60px;}
.work_contents {float: left; width: 100%; margin-top: 40px;}
.work_contents .tittxt {display: inline-block;  font-size: 20px; color: #111; font-weight: 400; line-height: 28px; letter-spacing: -0.8px; margin-bottom: 40px;}

/* ������û�ȳ� */
.participate_box {float: left; width: 100%;}
.tourguide {float: left; width: 100%; border-top: 1px solid #000;}
.tablelayout {float: left; width: 100%; }
.tablelayout tr {border-bottom: 1px solid #e6e6e6;}
.tablelayout th {width: 30%; font-size: 29px; color: #fff; font-weight: 400; text-align: left; padding: 0 25px 0 40px; background: #3c3c3c;}
.tablelayout th span {font-size: 25px; color: #fff; vertical-align: 1px;}
.tablelayout td {font-size: 25px; color: #000; font-weight: 500; line-height: 30px; padding: 24px 0 24px 20px;}
.tablelayout td span.etc {color: #ff2e2e;}
.tablelayout td span.etc2 {padding-left: 18px;}
.tourguide .atttxt {float: left; width: 100%; margin-top: 20px;}
.tourguide .atttxt ul li {float: left; width: 100%;  transform: rotate(-0.04deg); font-size: 23px; color: #111; font-weight: 400; line-height: 32px; letter-spacing: -0.2px;}
.tourguide .atttxt ul li span {float: left; width: 25px;}
.tourguide .atttxt ul li p {float: left; width: 96%;}

.requiredguide {/*float: left;*/ width: 100%; text-align: center; /*margin-top: 60px;*/}
.requiredguide .shorttit2 h3 {padding: 0 5px 10px; border-top: 0; border-bottom: 1px solid #111111;}

.notice_box {float: left; width: 100%; padding: 20px; margin-top: 40px; box-sizing: border-box; background: url("../join/images/boxbg.png");}
.notice_box ul {float: left; width: 100%; padding: 30px 30px 30px 260px; box-sizing: border-box; background: #fff url("../join/images/ico_guide.png") no-repeat 30px 30px;}
.notice_box ul .stittxt { font-size: 22px; color: #fff; font-weight: 400; text-align: left; padding: 10px 20px; box-sizing: border-box; margin-bottom: 10px; background: #31cbc5;}
.notice_box ul li {float: left; width: 100%;  font-size: 17px; color: #111; font-weight: 300; text-align: left; margin-bottom: 10px;}
.notice_box ul li span {float: left; width: 15px; font-size: 20px; font-weight: 400; margin-top: -3px; margin-right: 8px;}
.notice_box ul li p {float: left; width: 97%; word-break: keep-all;}
.notice_box ul .pointtxt { font-size: 17px; color: #ea372f; font-weight: 300; text-align: left;}
.notice_box ul .pointtxt div.pointetc {float: left; width: 100%;} /* ����û �ȳ����� �����߰� */
.notice_box ul .pointtxt div.pointetc span {float: left; width: 15px; margin-top: -2px; margin-right: 5px;}
.notice_box ul .pointtxt div.pointetc p {float: left; width: 97%; word-break: keep-all;}
.notice_box ul li.point {position: relative; font-weight: 700;}
.notice_box ul li.point .vital {position: absolute; top: 0;  font-size: 24px; color: red; font-weight: 700; margin-top: -7px; margin-left: -30px;}
.notice_box ul li.point span {font-weight: 700;}
.certify_box {float: left; width: 100%; margin-top: 60px;}
.certify_box .tit {float: left; width: 100%;  font-size: 28px; color: #fff; font-weight: 500; padding: 10px 0; background: #50489b;}
.certify_box ul {float: left; width: 100%; padding-bottom: 100px; margin-top: 30px; background: url("../join/images/confirm_img.jpg") no-repeat right bottom;}
.certify_box ul li {float: left; width: 70%;  font-size: 18px; color: #111; font-weight: 300; text-align: left; padding-left: 40px; box-sizing: border-box; margin-bottom: 20px; background: url("../join/images/ico_check.png") no-repeat left top;}
.certify_box ul li span {display: inline-block; color: #ea372f; margin-top: 10px;}
.certify_box ul p {display: inline-block; width: 100%;  font-size: 18px; color: #ea372f; font-weight: 300; text-align: left;}

.joinfoot {float: left; width: 100%; background: #f7f7f7;}
.joinfoot_area {margin: 0 auto; width: 100%; max-width: 1205px;}
.diagram i {position: absolute; top: -32px; left: -55px; width: 140px; height: 125px;}
.diagram4 {margin-top: 10px;}

/* �ٷΰ��� ��ư */
.request_shortcut {float: left; width: 100%; padding-top: 40px; margin-top: 70px;}
.request_shortcut .btns {display: inline-block; width: auto;}
.request_shortcut a {display: block; width: 100%; height: 80px; font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg); font-size: 30px; font-weight: 500; color: #fff; line-height: 80px; padding: 0 30px; margin-bottom: 60px; background-color: #ff774d; box-sizing:border-box; border: 1px solid #ff774d; transition: all 0.3s ease;border-radius: 15px;}
.request_shortcut a:hover {color: #ff774d; background-color: #fff; border: 1px solid #ff774d;}

/* ������û�ϱ� */
.requestapp_box {width: 100%; margin-bottom: 50px;}
.requestapp_guide {width: 100%; text-align: center;}
.request_box {width: 100%; padding: 20px; box-sizing: border-box; margin-bottom: 60px; background: url("../join/images/boxbg.png");}
.request_box ul {width: 100%; padding: 30px 30px 30px 200px; box-sizing: border-box; background: #fff url("../join/images/ico_request.png") no-repeat 40px 30px;}
.request_box2 ul {padding: 40px 30px 40px 200px; background: #fff url("../join/images/ico_request.png") no-repeat 40px 15px;}
.request_box ul .stittxt { font-size: 22px; color: #fff; font-weight: 400; text-align: left; padding: 10px 20px; box-sizing: border-box; margin-bottom: 10px; background: #31cbc5;}
.request_box ul li {width: 100%; font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg); font-size: 17px; color: #252525; font-weight: 500; text-align: left; margin-bottom: 10px;}
.request_box ul li span {float: left; width: 8px; font-size: 20px; font-weight: 400; margin-top: -3px; margin-right: 8px;}
.request_box ul li p {float: left; width: 97%; word-break: keep-all;}
.request_box ul .pointtxt { font-size: 17px; color: #ea372f; font-weight: 300; text-align: left;}

.request_box2 ul li:last-child {margin-bottom: 0;}

.process_box {width: 100%;overflow:hidden;margin-top: 30px;}
.process_box ul li {float: left; width: 25%; text-align: center; padding: 20px; box-sizing: border-box; background: url("../join/images/pcarrow.png") no-repeat left 112px;}
.process_box ul li span {display: inline-block; width: 200px; height: 200px;  font-size: 20px; color: #111; font-weight: 400; line-height: 26px; letter-spacing: -0.8px; box-sizing: border-box; border-radius: 50%;}
.process_box ul li:nth-child(1) {background: none;}
.process_box ul li:nth-child(1) span {padding-top: 85px; border: 4px solid #05bcc0;}
.process_box ul li:nth-child(2) span {padding-top: 85px; border: 4px solid #964884;}
.process_box ul li:nth-child(3) span {padding-top: 60px; border: 4px solid #dfc91b;}
.process_box ul li:nth-child(4) span {padding-top: 73px; border: 4px solid #f2a229;}

/* �߰� css */
.requestapp_guide .shorttit2 {margin-bottom: 30px;}
.requestapp_guide .shorttit3 {margin-bottom: 10px;}
.requestapp_guide .shorttit2 h3 {padding: 0 5px 10px; border-top: 0; border-bottom: 1px solid #111111;}
.joinrequestimg {position: relative;width: 100%; text-align: center; margin-bottom: 50px;}
.joinrequestimg img {width: 100%;}
.joinrequestimg i {position: absolute; top: -30px; left: -50px; width: 140px; height: 125px;}
.joinrequestimg2 {margin-bottom: 20px;}
.joinrequestimg2 .reimg {margin: 20px auto 0; width: 87.916667%;}
.joinrequestimg3 .reimg {margin: 40px auto 0; width: 100%;}
.costrequestimg {position: relative; float: left; width: 100%; text-align: center; margin-bottom: 70px;}
.costrequestimg img {width: 100%;}
.costrequestimg3 {margin-bottom: 20px;}
.costrequestimg3 .reimg {margin: 40px auto 0; width: 100%;}

/* ������û�� �� */
.formguide_being {float: left; width: 100%; height: 30px;  font-size: 15px; color: #333333; font-weight: 400; line-height: 15px;}
.formguide_being span {color: #ed1c24; font-weight: 700;}

.requestform_box {width: 100%; text-align: center; margin-top: 50px;}
.requestform_box .shorttit2 h3 {padding: 0 5px 10px; border-top: 0; border-bottom: 1px solid #111111;}

.applirequest_form_box {width: 100%; margin-top: 50px;}
.applirequest_form_area {position: relative;width: 100%; z-index: 2;}
.applirequest_form_area .formtable_box {width: 100%;  border-top: 1px solid #eee;}
.formtable_box th { font-size: 20px; color: #333333; font-weight: 700; line-height: 28px; letter-spacing: -0.8px; word-break: keep-all; text-align: left; padding: 15px 22px; box-sizing: border-box; background: #f6f6f6; border-bottom: 1px solid #d9d9d9;}
.formtable_box th span.attr_required_text {color: #ed1c24; font-weight: 700; font-size: 25px; letter-spacing: -0.8px; margin-top: 5px;}
.formtable_box th.tour_th {vertical-align: top; padding: 40px 18px;}
.formtable_box td {text-align:left; font-size: 18px; color: #4d4b4a; font-weight: 500; letter-spacing: -0.8px; padding: 10px 0 10px 15px; border-bottom: 1px solid #eee;}
.formtable_box td div.inputname {display: inline-block; width: 30%;}
.formtable_box td div.inputname2 {width: 60%;}
.formtable_box td div.inputname2 input.re_nameinput {width: 90%;}
.formtable_box td.checkagree {font-size: 18px;}
.formtable_box td input {height: 40px;  font-size: 16px; color: #737272; font-weight: 300; padding: 8px 10px 11px; box-sizing: border-box; background: #fff; border: 1px solid #c5c5c6;}
.formtable_box td input.re_nameinput2 {width: 84%;}
.formtable_box td input[type="radio"] {width: 26px; height: 26px; background: none; border: 1px solid #c5c5c6;}
.formtable_box td input[type="checkbox"] {width: 30px; height: 30px; background: none; border: 1px solid #c5c5c6;}
.formtable_box td select {width: auto; height: 42px;  font-size: 18px; color: #737272; font-weight: 500; padding: 0 10px;line-height: 1.8; border: 1px solid #c5c5c6;outline: none;}
.formtable_box td textarea {display: inline-block; width: 100%; height: 90px;  font-size: 17px; color: #737272; font-weight: 300; padding: 10px; box-sizing:border-box; background: #fff; border: 1px solid #c5c5c6; vertical-align: top; line-height: 18px; outline: none;}
.formtable_box td .partnerbox {display: inline-block; width: 100%; margin-bottom: 10px;}
.formtable_box td .partnerbox:last-child {margin-bottom: 0;}
.formtable_box td input.partner_name {width: 18%; margin-right: 10px;}
.formtable_box td input.partner_phone {width: 26%; margin-right: 10px;}
.formtable_box td input.partner_arr {width: 36%;}
.formtable_box td input[type="file"] {height: auto; background-color: #fff; border: 0;}
.form_guidearrow {float: left; width: 100%; font-size: 18px; color: #000; font-weight: 300; padding: 15px 30px; box-sizing: border-box; background: #fff;}
.textarea_box {width: 98%;}
.applirequest_form_area p {display: inline-block;  font-size: 15px; color: #464545; font-weight: 300; margin-top: 15px;}
.formtable_box td input[name="od_addr_1"], .formtable_box td input[name="od_addr_2"] {width: 78%; margin-top: 5px;}
button.btn_frmline {display: inline-block; padding: 0 20px; height: 40px; border: 0; background: #333;  color: #fff; letter-spacing: -0.1em; background: #706f6f;}
.msg_sound_only, .sound_only {display: inline-block !important; position: absolute; top: 0; left: 0; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; border: 0 !important; overflow: hidden !important;}

/* input placeholder ������ */
.formtable_box td .partnerbox input::-webkit-input-placeholder {font-size: 15px; color: #757474; font-weight: 300; text-align: left;}
.formtable_box td .partnerbox input::-moz-placeholder {font-size: 15px; color: #757474; font-weight: 300; text-align: left;}
.formtable_box td .partnerbox input:-ms-input-placeholder {font-size: 15px; color: #757474; font-weight: 300; text-align: left;}
.formtable_box td .partnerbox input::placeholder {font-size: 15px; color: #757474; font-weight: 300; text-align: left;}

/* ũ��, ie10, ie11 ����Ʈ�ڽ� ����*/
.re_select {-webkit-appearance: none; width: 100%; height: 32px; font-size: 16px !important; color: #111; font-weight: 300; line-height: 32px; letter-spacing: -0.5px; background: #fff url(../join/images/ico_select_arrow.png) no-repeat right center; border: none; border-bottom: 1px solid #ccc; outline: none;}
.re_select::-ms-expand {display:none; /* hide the default arrow in ie10 and ie11 */}

/* �ڷγ�19 �ڰ�����ǥ */
.corona_checktable_box {float: left; width: 100%; margin-top: 78px;}
.tittleimg {float: left; width: 100%;  transform: rotate(-0.04deg); font-size: 28px; color: #fff; font-weight: 500; padding: 10px 0; background: #ff774d;}
.subcontxt {float: left; width: 100%;  transform: rotate(-0.04deg); font-size: 23px; color: #252525; font-weight: 500; letter-spacing: -0.08px; text-align: left; padding: 20px 30px; box-sizing: border-box; background: #f8fcff;}
.checktable_box {float: left; width: 100%; padding: 30px; background: #f6f6f6; box-sizing: border-box;}
.checktable_area {float: left; width: 100%; padding: 30px !important; box-sizing: border-box; background: #fff;}
.checktable_box .checktable_layout {float: left; width: 100%;  text-align: left;}
.checktable_box .checktable_layout tr {display: inline-block; margin-bottom: 50px;}
.checktable_box .checktable_layout tr:last-child {margin-bottom: 0;}
.checktable_box .checktable_layout td {float: left; width: 100%; font-size: 23px; color: #302e2e; font-weight: 300;}
.checktable_box .checktable_layout td.tit {font-weight: 700; margin-bottom: 10px; word-break: keep-all;}
.checktable_box .checktable_layout td.tit span.number {float: left; width: 55px;}
.checktable_box .checktable_layout td.tit p {float: left; width: 90%;}
.checktable_box .checktable_layout td input[type="checkbox"] {width: 34px; height: 34px; margin-right: 5px; vertical-align: -8px; background: #fff; border: 1px solid #b5b5b6;}
.checktable_box .checktable_layout td input[type="radio"] {width: 26px; height: 26px; margin-right: 5px; background: none; border: 1px solid #c5c5c6; vertical-align: -5px;}

/* �������� Ȱ�뵿�Ǿ�� */
.privacy_check .checkbox_input {width: 30px; height: 30px; vertical-align: -6px; background: #fff; border: 1px solid #b2b2b2;}
.privacy_check .checkbox_input+label {display: inline-block;  font-size: 26px; font-weight: 500; color: #303030; padding-left: 5px; position: relative; margin-bottom: 10px;}
.pop_form button {display: inline-block; height: 30px; padding: 0 15px;  font-size: 20px; font-weight: 400; color: #303030; line-height: 20px; background: #fff; position: relative; border: 0; outline: none; text-decoration: underline;}

/* ������û ��ư */
.counsel_request {position: relative;width: 100%; text-align: center; margin-top: 10px; z-index: 2;}
.counsel_rebtn_top {margin: 20px auto 0; width: 280px;}
.counsel_rebtn_top2 {width: 360px;}
.counsel_rebtn_top a {display: block; width: 100%; height: 70px;  font-size: 28px; font-weight: 500; color: #fff; line-height: 70px; margin-bottom: 20px; background-color: #ff774d; box-sizing:border-box; border: 1px solid #ff774d; transition: all 0.3s ease;}
.counsel_rebtn_top a:hover {color: #ff774d; background-color: #fff; border: 1px solid #ff774d;}

/* ������������ layerpop */
.layerpop_pree {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); top: 0; left: 0; z-index: 99999; display: none;}
.layerpop_area {position: absolute; width: 100%; height: auto; top: 0; left: 0; padding: 30px 30px; box-sizing: border-box;}
.layerpop_contents {position: fixed; box-sizing: border-box; top: 55px; left: 50%; margin-left: -400px; width: 100%; max-width: 800px; border: 1px solid #000;}
.layerpop_pree .privacy-wrap {border: 1px solid #ccc;  font-size: 14px; font-weight: 300; line-height: 20px; text-align: left; padding: 20px 30px 20px; height: 600px; overflow: auto; background: #fff;}
.layerpop_contents .button_area {bottom: 0; width: 100%; padding-bottom: 10px; background: #fff; border-top: 1px solid #3d3d3d;}
.layerpop_contents button {display: block; margin: 15px auto; width: 240px; height: 50px;  font-size: 18px; color: #777; line-height: 40px; background: #fff; border: 2px solid #383838; outline: none;}
.layerpop_contents button:hover {color: #fff; background: #3d3d3d; border: 1px solid #3d3d3d;}
.privacy-wrap h4 {float: left; width: 100%;  font-size: 22px; color: #fff; font-weight: 700; text-align: center; padding: 15px 0; margin-bottom: 10px; background: #ff774d;}
.privacy-wrap p {float: left; width: 100%; font-size: 18px; color: #111; font-weight: 400; line-height: 25px; padding: 10px 20px; box-sizing: border-box; background: #f6f6f6;}
.privacy-wrap strong {display: block; font-size: 15px; padding: 20px 0 4px 0; font-weight: 500;}
.privacy-wrap .poptxt {float: left; width: 100%; margin-top: 15px;}
.privacy-wrap h5 {float: left; width: 100%;  font-size: 18px; color: #111; font-weight: 500; text-align: center; margin-top: 20px; margin-bottom: 10px;}

/* ����û �ȳ� */
.cost_box {float: left; width: 100%; margin-bottom: 50px;}
.costrequiredguide {float: left; width: 100%; text-align: center;}
.costguide_img {float: left; width: 100%; margin-top: 0; padding: 0 60px; box-sizing: border-box;}
.costguide_img img {width: 100%;}

/* ����û�ϱ� */
.shorttit {display: inline-block;}
.costprocess_box {float: left; width: 100%; margin-top: 30px;}
.costprocess_box ul li {float: left; width: 20%; text-align: center; padding: 20px; box-sizing: border-box; background: url("../join/images/pcarrow.png") no-repeat left 112px;}
.costprocess_box ul li span {display: inline-block; width: 200px; height: 200px;  font-size: 20px; color: #111; font-weight: 400; line-height: 26px; letter-spacing: -0.8px; box-sizing: border-box; border-radius: 50%;}
.costprocess_box ul li:nth-child(1) {background: none;}
.costprocess_box ul li:nth-child(1) span {padding-top: 60px; border: 4px solid #05bcc0;}
.costprocess_box ul li:nth-child(2) span {padding-top: 73px; border: 4px solid #964884;}
.costprocess_box ul li:nth-child(3) span {padding-top: 73px; border: 4px solid #dfc91b;}
.costprocess_box ul li:nth-child(4) span {padding-top: 60px; border: 4px solid #f2a229;}
.costprocess_box ul li:nth-child(5) span {padding-top: 60px; border: 4px solid #f9625b;}

/* ������û���� �߰� 220531 */
.attprocess_box {float: left; width: 100%; margin-top: 30px;}
.attprocess_box ul li {float: left; width: 20%; text-align: center; padding: 20px; box-sizing: border-box; background: url("../join/images/pcarrow.png") no-repeat left 112px;}
.attprocess_box ul li span {display: inline-block; width: 200px; height: 200px;  font-size: 20px; color: #111; font-weight: 400; line-height: 26px; letter-spacing: -0.8px; box-sizing: border-box; border-radius: 50%;}
.attprocess_box ul li:nth-child(1) {background: none;}
.attprocess_box ul li:nth-child(1) span {padding-top: 85px; border: 4px solid #05bcc0;}
.attprocess_box ul li:nth-child(2) span {padding-top: 85px; border: 4px solid #964884;}
.attprocess_box ul li:nth-child(3) span {padding-top: 85px; border: 4px solid #dfc91b;}
.attprocess_box ul li:nth-child(4) span {padding-top: 60px; border: 4px solid #f2a229;}
.attprocess_box ul li:nth-child(5) span {padding-top: 73px; border: 4px solid #f9625b;}

.note {float: left; width: 100%; padding: 20px; margin-top: 40px; background: #ff774d; border: 3px solid #ff774d; box-sizing: border-box;}
.note2 {margin-top: 0; margin-bottom: 30px;}
.note .icobullet {display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: 2px;}
.note span { font-size: 17px; color: #fff; font-weight: 400;}

/* form_box */
#fregister_term {float: left; width: 100%; margin-bottom: 30px;}
#fregister h2 {float: left; width: 100%; height: 42px; font-family:"Noto Sans KR", "��������", Nanum Gothic, "��������", malgun gothic, arial, "����", dotum, sans-serif; font-size: 18px; color: #fff; font-weight: 500; line-height: 42px; text-align: center; background-color: #8b8a8a;}
#fregister textarea {display: block; width: 100%; line-height: 20px; padding: 20px; background: #fff; border: 1px solid #e9e9e9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#fregister .fregister_agree {float: left; width: 100%; height: 55px; font-size: 15px; color: #4d4d4d; font-weight: 400; line-height: 50px; text-align: right; padding-right:0; background-color:#fff; border: 1px solid #e9e9e9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-top:0;}
#fregister .fregister_agree input[name="agree"], #fregister .fregister_agree input[name="agree2"] {width: 20px; height: 20px; margin-right: 7px;}
#fregister .fregister_agree2 {margin-bottom: 30px; border: 0; border-bottom: 1px solid #e9e9e9;}
#fregister_private {float: left; width: 100%; margin-bottom: 30px;}
.textarea_box {height: 157px; font-family:"Noto Sans KR", "��������", Nanum Gothic, "��������", malgun gothic, arial, "����", dotum, sans-serif; font-size: 13px; color: #757576; line-height: 24px; white-space: pre-line;}

/* user */
.ctt_provision {width: 100%; padding: 15px; margin-bottom: 50px; background-color: #fafafa; border-top: 2px solid #000; border-bottom: 1px solid #fafafa; box-sizing: border-box;}
.ctt_provision h1 {display: none;}
.ctt_privacy {width: 100%; padding: 15px; margin-bottom: 50px; background-color: #fafafa; border-top: 2px solid #000; border-bottom: 1px solid #fafafa; box-sizing: border-box;}
.ctt_privacy h1 {display: none;}
.ctt_email { width: 100%; padding: 15px; background-color: #fafafa; border-top: 2px solid #000; border-bottom: 1px solid #fafafa; box-sizing: border-box;}
.ctt_email h1 {display: none;}
#ctt_con { width: 100%;  font-size: 14px !important; color: #676666; font-weight: 300; line-height: 20px; background-color: #fff; box-sizing: border-box; padding: 30px; border: 1px solid #e6e7e8;}
#ctt_con p {word-break: keep-all;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ������ʹ� �ܾ緣���̼�Ʈ���� css ���� ���� ���� *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ��û�Ϸ� ������ �߰� 220518 */
.appresult_box {float: left; width: 100%;}
.result_title {float: left; width: 100%; text-align: center;}
.result_title span {font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg); font-size: 36px; color: #252525; font-weight: 500; letter-spacing: -0.1px;}
.result_title2 {display: table; float: left; width: 100%; text-align: center; margin-top: 40px;}
.result_title2 .tit_contents {display: inline-block;}
.result_title2 .tit_contents .titico {display: table-cell; vertical-align: middle; width: 98px; height: 98px;}
.result_title2 .tit_contents .titico img {width: 100%;}
.result_title2 .tit_contents ul {display: table-cell; vertical-align: middle; text-align: left; padding-left: 20px;}
.result_title2 .tit_contents ul li:nth-child(1) {font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg); font-size: 36px; color: #252525; font-weight: 500; letter-spacing: -0.1px;}
.result_title2 .tit_contents ul li:nth-child(1) span {color: #f29c07; font-weight: 700;}
.result_title2 .tit_contents ul li:nth-child(2) { font-size: 20px; color: #252525; font-weight: 400;}

.randommission_contents {float: left; width: 100%; margin-top: 50px;}
.random_subject {float: left; width: 100%; text-align: center; padding: 17px 0 10px; background: #42bdc5;}
.random_subject span {font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg); font-size: 42px; color: #fff; font-weight: 500; line-height: 43px; letter-spacing: -0.08px;}

.mission_contents {float: left; width: 100%; margin: 20px 0;}
.mypage_area {margin: 0;}
.mission_contents ul li.missionitem {float: left; width: 31.6667%; height: 460px; text-align: center; padding: 40px 30px 30px; box-sizing: border-box; margin-right: 2.5%; border: 1px solid #e6e5e5; border-radius: 12px; box-shadow: 7px 7px 10px rgba(0,0,0,0.04);}
.mission_contents ul li.missionitem:last-child {margin-right: 0;}
.mission_contents ul li.missionitem .itemimg {display: inline-block; width: 100%;}
.mission_contents ul li.missionitem .itemimg span {display: inline-block; width: 168px; height: 168px;}
.mission_contents ul li.missionitem .name {display: inline-block; width: 100%; margin-top: 20px;}
.mission_contents ul li.missionitem .name span {display: inline-block; width: 280px; font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg); font-size: 30px; color: #2e2f2f; font-weight: 500; line-height: 31px; letter-spacing: -0.08px; padding: 17px 0 10px; background: #fff899; border: 2px solid #7dcace; border-radius: 55px;}
.mission_contents ul li.missionitem .iteminfo {float: left; width: 100%; margin-top: 20px;}
.mission_contents ul li.missionitem .iteminfo dl {float: left; width: 100%; font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg); margin: 5px 0;}
.mission_contents ul li.missionitem .iteminfo dl dt {float: left; width: 24%; text-align: left; font-size: 23px; color: #42bdc5; font-weight: 700;}
.mission_contents ul li.missionitem .iteminfo dl dt:before {display: inline-block; content: ""; width: 9px; height: 9px; background: #7ecacf; margin-right: 8px; vertical-align: 3px;}
.mission_contents ul li.missionitem .iteminfo dl dd {float: left; width: 76%; margin: 0; padding: 0; text-align: left; font-size: 17.5px; color: #5e6060; font-weight: 400; letter-spacing: -1px;}
.mission_contents ul li.missionitem .iteminfo dl dd.place {font-size: 28px; color: #f29c07; font-weight: 700; margin-top: -4px;}

/* ��� �����̴� �ؽ�Ʈ �ִ�ȿ�� ���� */
.boldcolor {-webkit-animation:boldcolor 0.5s ease-in-out infinite alternate; -moz-animation:boldcolor 0.5s ease-in-out infinite alternate; animation:boldcolor 0.5s ease-in-out infinite alternate;}
@-webkit-keyframes boldcolor {
    0% {color: #ff0000;}
    100% {color: #f29c07;}
}
@keyframes boldcolor {
    0% {color: #ff0000;}
    100% {color: #f29c07;}
}

.random_endtit {float: left; width: 100%; text-align: center; padding: 17px 0 10px; background: #662d91;}
.random_endtit span {font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg); font-size: 35px; color: #fff; font-weight: 500; line-height: 36px; letter-spacing: -0.08px;}

/* �ʼ��̼Ǹ���Ʈ �ڼ������� ��ư */
.missionlist_btns {display: inline-block; width: 100%; margin: 40px 0 20px; text-align: center;}
.mypagebtns {margin: 40px 0 40px;}
.missionlist_btns a {display: inline-block; width: 38%; height: 100%; font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg);}
.missionlist_btns a span {display: inline-block; width: 100%; font-size: 26px; color: #fff; font-weight: 500; padding: 25px 0 18px; background: #42bdc5; border-radius: 55px;}

/* ��û�Ϸ��� �߰� 220518 */
.request_resuit_box {float: left; width: 100%; text-align: center; margin-top: 20px;}
.formlist_title {float: left; width: 100%; font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg); font-size: 28px; color: #252525; font-weight: 500; line-height: 36px; letter-spacing: -0.08px; text-align: left; margin: 20px 0 10px;}

/* �����̼� ��õ Ŭ����ư 220531 */
.missionraffle_btns {display: inline-block; width: 100%; margin: 40px 0 20px; text-align: center;}
.missionraffle_btns a {display: inline-block; width: 52%; height: 100%; font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg);}
.missionraffle_btns a span {display: inline-block; width: 100%; font-size: 32px; color: #fff; font-weight: 500; padding: 32px 0 28px; background: #42bdc5; border-radius: 55px; -webkit-animation:btnbgcolor 0.6s ease-in-out infinite alternate; -moz-animation:btnbgcolor 0.6s ease-in-out infinite alternate; animation:btnbgcolor 0.6s ease-in-out infinite alternate;}

/* �����̼� ��õ Ŭ����ư �����̴� �ִ�ȿ�� ���� */
@-webkit-keyframes btnbgcolor {
    0% {background: #42bdc5;}
    100% {background: #f08114;}
}
@keyframes btnbgcolor {
    0% {background: #42bdc5;}
    100% {background: #f08114;}
}

/* �������� �ٷΰ��� ��ư */
.homemove_btns {display: inline-block; width: 100%; margin: 40px 0 20px; text-align: center;}
.homemove_btns a {display: inline-block; width: 38%; height: 100%; font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg);}
.homemove_btns a span {display: inline-block; width: 100%; font-size: 26px; color: #fff; font-weight: 500; padding: 25px 0 18px; background: #f29c07; border-radius: 55px;}


@media screen and (max-width:767px) {
	.subvisual_box {height:200px;}
	.subvisual_box p {font-size:45px;}
	.subvisual_box p span {font-size:20px;}
}

@media screen and (min-width:359px) and (max-width:719px) {

	.pc {display: none;}

	.subpage_contentarea {box-sizing: border-box;}
	.sub_gnbbox {height: 50px;}
	.sub_menuall li {padding: 0 5px;}
	.sub_menuall li a {height: 50px; font-size: 15px; line-height: 50px; letter-spacing: -0.8px;}
	.sub_menuall2 li {padding: 0;}
	.sub_menuall2 li a {font-size: 13px; letter-spacing: -1.5px;}

	.sub_titlebar {margin-bottom: 30px;}
	.titletxt {font-size: 28px; line-height: 28px; margin-bottom: 15px;}

	/* introduce */
	.subpage_intro {background-size: 100% 44%;}
	.introinfo .infotxt li.titt1 {width: 130px; height: 32px; margin-bottom: 10px;}
	.introinfo .infotxt li.titt2 {font-size: 32px; line-height: 32px; margin-bottom: 25px;}
	.introinfo .infotxt li.titt3 {font-size: 18px; line-height: 24px; padding: 0 8%; word-break: keep-all;}
	.introinfo .infotxt li.titt3 span {display: inline-block; font-size: 23px; letter-spacing: -1px; margin-top: 10px;}
	.introinfo .infotxt li.titt3:before {top: -2px; margin-left: -170px; width: 24px; height: 21px; background-size: 24px 21px;}
	.introinfo .infotxt li.titt3:after {top: -2px; margin-left: 145px; width: 24px; height: 21px; background-size: 24px 21px;}
	.introinfo .infotxt li.titt4 {font-size: 19px; margin-top: 20px;}
	.introinfo .infotxt li.titt4 span {font-size: 22px; line-height: 30px;}
	.introinfo .infoimg li img {width: 100%;}
	.introinfo .infoimg li span {font-size: 18px; margin-top: 15px}
	.missiontour_info {padding: 0 2%; box-sizing: border-box;}
	.missiontour_guide {margin: 0 auto 40px;}

	/* �����ȳ� */
	/* .subpage_giude_content {padding: 20px;} */
	.diagram img {width: 100%;}
	.step_box {padding: 0 2%; box-sizing: border-box;}
	.shorttit h3 {font-size: 30px; line-height: 30px; padding: 35px 10px 0;}
	.work_contents .tittxt {font-size: 18px; line-height: 26px; word-break: keep-all;}
	.work_contents .tittxt br {display: none;}
	.step_contents {padding-bottom: 100px; margin-top: 50px;}

	/* �ҷ������� css �߰� */
	.joinrequestimg i {top: -6px; left: -10px; width: 10%;}
	.diagram i {top: -8px; left: -10px; width: 10%;}

	/* ������û�ȳ� */
	.participate_box {margin-bottom: 0;}
	.tablelayout th {width: 34%; font-size: 14px; letter-spacing: -0.8px; padding: 0.5% 2% 0;} 
	.tablelayout th span {font-size: 18px; vertical-align: -1px;}
	.tablelayout td {font-size: 14px; line-height: 20px; letter-spacing: -1px; padding: 2.5% 0 2% 2%;}
	.tablelayout td span.etc2 {padding-left: 8px;}
	.tourguide .atttxt ul li {font-size: 14px; line-height: 20px;}
	.tourguide .atttxt ul li span {width: 19px;}
	.tourguide .atttxt ul li p {width: 92%;}
	.tourguide .atttxt ul li p br {display: none;}
	.requiredguide {margin-top: 40px;}
	.notice_box {padding: 4%;}
	.notice_box ul {padding: 40% 4% 4% 4%; background: #fff url("../join/images/ico_guide.png") no-repeat center top; background-size: 50%;}
	.notice_box ul .stittxt {font-size: 20px;}
	.notice_box ul li {font-size: 14px;}
	.notice_box ul li span {font-size: 16px;}
	.notice_box ul li p {width: 92%;}
	.notice_box ul .pointtxt {font-size: 14px;}
	.notice_box ul .pointtxt div.pointetc p {width: 88%;}

	/* �߰� 210608 */
	.notice_box ul li.point {padding-top: 30px;}
	.notice_box ul li.point .vital {margin-left: 0;}

	.diagram2 {margin-top: 30px;}
	.certify_box {margin-top: 30px;}
	.certify_box .tit {font-size: 20px;}
	.certify_box ul {padding-bottom: 60%; margin-top: 20px; background-size: 90%;}
	.certify_box ul li {width: 100%; font-size: 15px; padding-left: 30px; margin-bottom: 10px; background-size: 7%;}
	.certify_box ul p {font-size: 15px;}

	/* ��û�� �ٷΰ��� ��ư */
	.request_shortcut {margin-top: 0;}
	.request_shortcut a {height: 56px; font-size: 22px; line-height: 56px; padding: 0 40px; margin-bottom: 50px;}

	/* ������û�ϱ� */
	.request_box {padding: 4%;}
	.request_box ul {padding: 48% 4% 4% 4%; background: #fff url("../join/images/ico_request.png") no-repeat center 20px; background-size: 30%;}
	.request_box ul li {font-size: 14px;}
	.request_box ul li p {width: 92%;}
	.process_box ul li {width: 50%; padding: 10px 0; background: url("../join/images/pcarrow.png") no-repeat left 75px;}
	.process_box ul li:nth-child(3) {background: none;}
	.process_box ul li span {width: 140px; height: 140px; font-size: 15px;}
	.process_box ul li:nth-child(1) span {padding-top: 55px;}
	.process_box ul li:nth-child(2) span {padding-top: 55px;}
	.process_box ul li:nth-child(3) span {padding-top: 40px; line-height: 20px;}
	.process_box ul li:nth-child(4) span {padding-top: 50px; line-height: 20px;}

	/* ������û�� */
	.applirequest_form_area {height: auto;} /* ǥ��� ���̺� ���̰� ���� */
	.formtable_box th {width: 28%; font-size: 14px; line-height: 20px; padding: 8px 10px 8px 10px;}
	.formtable_box th.tour_th {padding: 20px 15px 8px 10px;}
	.formtable_box th span.attr_required_text {display: inline-block; font-size: 18px; margin-top: 0;}
	.formtable_box td {font-size: 14px; padding: 5px 10px;}
	.formtable_box td img {width: 36px; height: 36px; vertical-align: top;}
	.formtable_box td div.inputname {width: 100%;}
	.formtable_box td div.inputname2 {margin-top: 5px;}
	.formtable_box td .form_guidearrow img {width: 100%; height: auto;}
	.formtable_box td input.calendarinput, .formtable_box td input.hasDatepicker {width: 70%;}
	.formtable_box td input {width: 90%; height: 36px; font-size: 15px; padding: 0 1%;}
	.formtable_box td input.re_nameinput2 {margin: 5px 0 2px;}
	.formtable_box td input[type="radio"] {width: 20px; height: 20px;}
	.formtable_box td select {width: 90%; height: 38px; font-size: 15px; padding: 0 1%; vertical-align: -2px;}
	.formtable_box td textarea {width: 96%; height: 70px;}
	.formtable_box td input[name="hp_2"], .formtable_box td input[name="hp_3"] {width: 22%;}
	.formtable_box td select[name="hp_1"] {width: 26%;}
	.formtable_box td input[name="od_email_1"], .formtable_box td input[name="od_email_2"] {width: 40%; margin-bottom: 5px;}
	.formtable_box td input[name="od_zip"] {width: 40%;}
	.formtable_box td input[name="od_addr_1"], .formtable_box td input[name="od_addr_2"] {width: 80%;}
	.formtable_box td input[name="od_url"] {width: 80%;}
	.formtable_box td input[name="od_url_2"], .formtable_box td input[name="od_url_3"], .formtable_box td input[name="od_url_4"] {margin: 2px 0;}
	.formtable_box td input.partner_name {width: 34%;}
	.formtable_box td input.partner_phone {width: 58%; margin-right: 0;}
	.formtable_box td input.partner_arr {width: 98%; margin-top: 5px;}
	.formtable_box td.checkagree {font-size: 16px;}
	.calendarinput {margin-bottom: 5px;}
	.applirequest_form_area p {margin-top: 5px;}
	.formtable_box td font.etctxt {font-size: 13px !important;}
	.form_guidearrow {font-size: 14px; padding: 4%;}

	.corona_checktable_box {margin-top: 30px;}
	.tittleimg {font-size: 22px;}
	.subcontxt ul li {line-height: 22px;}
	.subcontxt {font-size: 15px; letter-spacing: -0.8px; padding: 4%;}
	.checktable_box {padding: 3%;}
	.checktable_area {padding: 3% !important;}
	.checktable_box .checktable_layout td.tit span.number {width: 35px;}
	.checktable_box .checktable_layout td.tit p {width: 86%; letter-spacing: -1px;}
	.checktable_box .checktable_layout td.tit p br {display: none;}
	.checktable_box .checktable_layout tr {margin-bottom: 20px;}
	.checktable_box .checktable_layout td {font-size: 14px;}
	.checktable_box .checktable_layout td.tit {font-size: 16px;}
	.checktable_box .checktable_layout td span {font-size: 16px !important;}
	.checktable_box .checktable_layout td span.checkno {margin-left: 20px !important;}
	.checktable_box .checktable_layout td input[type="checkbox"] {width: 22px; height: 22px; vertical-align: -6px;}
	.checktable_box .checktable_layout td input[type="radio"] {width: 20px; height: 20px;}
	button.btn_frmline {height: 36px !important; vertical-align: -3px;}

	/* ����û�ϱ� */
	.cost_box {margin-bottom: 10px;}
	.costprocess_box ul li {width: 50%; padding: 10px 0; background: url(../join/images/pcarrow.png) no-repeat left 62px;}
	.costprocess_box ul li span {width: 120px; height: 120px; font-size: 14px; letter-spacing: -1px;}
	.costprocess_box ul li:nth-child(1) span {padding-top: 27px; line-height: 20px;}
	.costprocess_box ul li:nth-child(2) span {padding-top: 35px; line-height: 20px;}
	.costprocess_box ul li:nth-child(3) {background: none; line-height: 20px;}
	.costprocess_box ul li:nth-child(3) span {padding-top: 35px; line-height: 20px;}
	.costprocess_box ul li:nth-child(4) span {padding-top: 27px; line-height: 20px;}
	.costprocess_box ul li:nth-child(5) {background: none;}
	.costprocess_box ul li:nth-child(5) span {padding-top: 27px; line-height: 20px;}

	.costguide_img {padding: 0; margin-top: 0;}

	/* ������û���� �߰� 220531 */
	.attprocess_box ul li {width: 50%; padding: 10px 0; background: url(../join/images/pcarrow.png) no-repeat left 62px;}
	.attprocess_box ul li span {width: 120px; height: 120px; font-size: 14px; letter-spacing: -1px;}
	.attprocess_box ul li:nth-child(1) span {padding-top: 42px;}
	.attprocess_box ul li:nth-child(2) span {padding-top: 42px;}
	.attprocess_box ul li:nth-child(3) {background: none;}
	.attprocess_box ul li:nth-child(3) span {padding-top: 42px;}
	.attprocess_box ul li:nth-child(4) span {padding-top: 27px; line-height: 20px;}
	.attprocess_box ul li:nth-child(5) {background: none;}
	.attprocess_box ul li:nth-child(5) span {padding-top: 35px; line-height: 20px;}

	.formtable_box td.inputfile {float: left; width: 100% !important;}
	.formtable_box td.adddeletefile {float: left; width: 100% !important;}
	.formtable_box td input.addfile {width: auto; height: 30px !important; padding: 0 10px !important;}

	/* �������� Ȱ�뵿�Ǿ�� */
	.layerpop_contents {width: 90%; left: 50%; margin-left: -45%;}
	.layerpop_pree .privacy-wrap {height: 400px; padding: 15px;}
	.privacy-wrap p {font-size: 15px; line-height: 20px; padding: 3%;}
	.privacy-wrap h4 {font-size: 20px; letter-spacing: -0.8px; margin-bottom: 0;}
	.layerpop_contents button {width: 180px; height: 45px; line-height: 35px;}
	.counsel_rebtn_top {width: 70%;}
	.counsel_rebtn_top a {height: 60px; font-size: 24px; line-height: 60px;}
	.privacy_check .checkbox_input {width: 28px; height: 28px;}
	.privacy_check .checkbox_input+label {font-size: 18px;}
	.pop_form button {height: 30px; font-size: 16px; line-height: 20px; margin-top: -15px;}

	.note {padding: 5%;}
	.note2 {text-align: left;}
	.note .icobullet {vertical-align: top;}
	.note span {display: inline-block; width: 88%; font-size: 15px;}

	/* user */
	.ctt_provision {padding: 8px;}
	.ctt_privacy {padding: 8px;}
	#ctt_con {padding: 15px;}


	/* ��û�Ϸ� ������ �߰� 220518 */
	.result_title span {font-size: 23px; line-height: 30px; word-break: keep-all;}
	.result_title2 .tit_contents ul li:nth-child(1) {font-size: 23px; line-height: 28px; word-break: keep-all;}
	.result_title2 .tit_contents ul li:nth-child(2) {font-size: 16px; line-height: 22px; word-break: keep-all;}
	.random_subject span {font-size: 28px; line-height: 34px; word-break: keep-all;}
	.mission_contents ul li.missionitem {width: 100%; height: auto; padding: 40px 20px 30px; margin-right: 0; margin-bottom: 2.5%;}
	.mission_contents ul li.missionitem .itemimg span {width: 130px; height: 130px;}
	.mission_contents ul li.missionitem .itemimg span img {width: 100%;}
	.mission_contents ul li.missionitem .name span {width: 80%; font-size: 25px; padding: 15px 0 8px;}
	.mission_contents ul li.missionitem .iteminfo dl dt {font-size: 21px;}
	.mission_contents ul li.missionitem .iteminfo dl dd {font-size: 17px;}
	.mission_contents ul li.missionitem .iteminfo dl dd.place {font-size: 25px;}
	.random_endtit {padding: 17px 15px 10px; box-sizing: border-box;}
	.random_endtit span {font-size: 21px; line-height: 27px; word-break: keep-all;}

	/* �����̼� ��õ Ŭ����ư 220531 */
	.missionraffle_btns {margin: 40px 0 20px;}
	.missionraffle_btns a {width: 92%;}
	.missionraffle_btns a span {font-size: 22px; padding: 25px 0 21px;}

	/* �ʼ��̼Ǹ���Ʈ �ڼ������� ��ư */
	.mypagebtns {margin: 20px 0 30px;}
	.missionlist_btns a {width: 88%;}
	.missionlist_btns a span {font-size: 20px; padding: 20px 0 15px;}

	/* �������� �ٷΰ��� ��ư */
	.homemove_btns a {width: 88%;}
	.homemove_btns a span {font-size: 20px; padding: 20px 0 15px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 400,499 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:400px) and (max-width:499px) {

	.sub_menuall2 li {padding: 0 5px;}
	.sub_menuall2 li a {font-size: 14px; letter-spacing: -1.5px;}

	.subpage_intro {background-size: 100% 46%;}
	.introinfo .infotxt li.titt3 {padding: 0 9%;}
	.introinfo .infotxt li.titt3:before {margin-left: -190px;}
	.introinfo .infotxt li.titt3:after {margin-left: 165px;}

	.step_box {padding-bottom: 140px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 500,640 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:500px) and (max-width:640px) {

.sub_menuall2 li {padding: 0 10px;}
.sub_menuall2 li a {font-size: 15px; letter-spacing: -1.5px;}

.subpage_intro {background-size: 100% 54%;}
.introinfo .infotxt li.titt3 {padding: 0 9%;}
.introinfo .infotxt li.titt3:before {margin-left: -230px;}
.introinfo .infotxt li.titt3:after {margin-left: 205px;}

.step_box {padding-bottom: 220px;}
.diagram i {top: -12px; left: -20px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

	.pc {display: none;}
	.subpage_contentarea {box-sizing: border-box;}

	/* introduce */
	.subpage_intro {background-size: 100% 54%;}
	.intro_box {padding: 0 0 100px; box-sizing:border-box;}
	.introinfo .infotxt li.titt3 {font-size: 26px;}
	.introinfo .infotxt li.titt3:before {margin-left: -330px;}
	.introinfo .infotxt li.titt3:after {margin-left: 295px;}
	.introinfo .infoimg li img {width: 100%;}
	.introinfo .infoimg li span {font-size: 22px;}
	.missiontour_info {padding: 0 2%; box-sizing: border-box;}
	.missiontour_guide {margin: 0 auto 40px;}

	/* �����ȳ� */
	.subpage_giude_content {padding: 20px;}
	.diagram img {width: 100%;}
	.shorttit h3 {font-size: 33px; line-height: 33px;}
	.step_box {padding: 0 2%; box-sizing: border-box;}
	.step_contents {padding-bottom: 200px; margin-top: 50px;}

	/* �ҷ������� css �߰� */
	.joinrequestimg i {top: -15px; left: -15px; width: 11%;}
	.diagram i {top: -15px; left: -25px; width: 11%;}

	/* ������û�ȳ� */
	.tablelayout th {width: 35%; font-size: 20px; padding: 0 25px 0 30px;}
	.tablelayout th span {vertical-align: -3px;}
	.tablelayout td {font-size: 18px; letter-spacing: -1px;}
	.tourguide .atttxt ul li {font-size: 18px; line-height: 24px;}
	.tourguide .atttxt ul li p {width: 96%;}
	.requiredguide {margin-top: 40px;}
	.notice_box {padding: 4%;}
	.notice_box ul {padding: 24% 4% 4% 4%; background: #fff url("../join/images/ico_guide.png") no-repeat center top; background-size: 30%;}
	.notice_box ul li p {width: 94%;}
	.notice_box ul .pointtxt {font-size: 16px; letter-spacing: -1px;}
	.notice_box ul .pointtxt div.pointetc p {width: 88%;}

	/* �߰� 210608 */
	.notice_box ul li.point {padding-top: 30px;}
	.notice_box ul li.point .vital {margin-left: 0;}

	.diagram2 {margin-top: 30px;}
	.certify_box ul {padding-bottom: 38%; background-size: 60%;}
	.certify_box ul li {width: 100%;}
	.certify_box ul p {font-size: 16px; letter-spacing: -1px;}

	/* ������û�ϱ� */
	.request_box {padding: 4%;}
	.request_box ul {padding: 30% 4% 4% 4%; background: #fff url("../join/images/ico_request.png") no-repeat center 20px; background-size: 20%;}
	.request_box ul li p {width: 92%;}
	.process_box ul li {padding: 10px 0; background: url("../join/images/pcarrow.png") no-repeat left 75px;}
	.process_box ul li:nth-child(3) {background: none;}
	.process_box ul li span {width: 140px; height: 140px; font-size: 15px;}
	.process_box ul li:nth-child(1) span {padding-top: 55px;}
	.process_box ul li:nth-child(2) span {padding-top: 55px;}
	.process_box ul li:nth-child(3) span {padding-top: 40px; line-height: 20px;}
	.process_box ul li:nth-child(4) span {padding-top: 50px; line-height: 20px;}

	/* ������û�� ǥ��� */
	.applirequest_form_area {height: auto;} /* ǥ��� ���̺� ���̰� ���� */
	.formtable_box th {width: 28%; font-size: 20px;}
	.formtable_box th.tour_th {padding: 30px 15px 8px 10px; letter-spacing: -1px;}
	.formtable_box td {font-size: 18px; padding: 10px 15px;}
	.formtable_box td img {width: 50px; height: 50px; vertical-align: top;}
	.formtable_box td div.inputname {width: 100%;}
	.formtable_box td div.inputname2 {margin-top: 5px;}
	.formtable_box td .form_guidearrow img {width: 100%; height: auto;}
	.formtable_box td input {width: 90%; height: 50px; font-size: 18px !important; padding: 0 1%;}
	.formtable_box td input.re_nameinput2 {width: 100%;}
	.formtable_box td input.calendarinput, .formtable_box td input.hasDatepicker {width: 70%;}
	.formtable_box td select {width: 90%; height: 50px; font-size: 18px !important; padding: 0 1%; vertical-align: -2px;}
	.formtable_box td textarea {width: 98%; height: 70px;}
	.formtable_box tr:nth-child(11) td br {display: none;}
	.formtable_box tr:nth-child(12) td br {display: none;}
	.formtable_box td input[name="od_zip"] {width: 60%;}
	.formtable_box td input[type="file"] {margin: 5px 0 10px;}
	.formtable_box td input[name="hp_2"], .formtable_box td input[name="hp_3"] {width: 22%;}
	.formtable_box td select[name="hp_1"] {width: 26%;}
	.formtable_box td input[name="od_email_1"], .formtable_box td input[name="od_email_2"] {width: 44%; margin-bottom: 5px;}
	.formtable_box td input.partner_name {width: 20%;}
	.formtable_box td input.partner_phone {width: 32%;}
	.formtable_box td input.partner_arr {width: 40%;}
	.formtable_box td.checkagree br {display: none;}
	.form_guidearrow {font-size: 17px;}
	.calendarinput {margin-bottom: 5px;}
	.applirequest_form_area p {font-size: 18px; margin-top: 5px;}
	.counsel_request {margin-top: 40px;}
	.counsel_rebtn_top {width: 56%;}
	.counsel_rebtn_top a {height: 74px; font-size: 28px; line-height: 74px; margin-bottom: 20px;}
	.privacy_check .checkbox_input {width: 35px; height: 35px; vertical-align: -10px;}
	.privacy_check .checkbox_input+label {font-size: 28px;}
	.pop_form button {height: 38px; font-size: 22px; margin-top: 5px;}

	.corona_checktable_box {margin-top: 30px;}
	.tittleimg img {width: 100%;}
	.subcontxt {font-size: 18px;}
	.subcontxt ul li {line-height: 24px;}
	.checktable_box {padding: 3%;}
	.checktable_box .checktable_layout td.tit span.number {width: 50px;}
	.checktable_box .checktable_layout td.tit p {width: 86%; letter-spacing: -1px;}
	.checktable_box .checktable_layout td.tit p br {display: none;}
	.checktable_box .checktable_layout tr {margin-bottom: 30px;}
	.checktable_box .checktable_layout td {font-size: 16px; padding-left: 10px;}
	.checktable_box .checktable_layout td.tit {font-size: 20px;}
	.checktable_box .checktable_layout td span {font-size: 20px !important;}
	.checktable_box .checktable_layout td span.checkno {margin-left: 20px !important;}
	.checktable_box .checktable_layout td input[type="checkbox"] {width: 22px; height: 22px; vertical-align: -6px;}
	button.btn_frmline {height: 50px !important;}

	/* ����û�ȳ� */
	.costprocess_box ul li {width: 33.3334%; padding: 10px 0; background: url("../join/images/pcarrow.png") no-repeat left 75px;}
	.costprocess_box ul li span {width: 140px; height: 140px; font-size: 16px;}
	.costprocess_box ul li:nth-child(1) span {padding-top: 38px; line-height: 20px;}
	.costprocess_box ul li:nth-child(2) span {padding-top: 50px; line-height: 20px;}
	.costprocess_box ul li:nth-child(3) span {padding-top: 50px; line-height: 20px;}
	.costprocess_box ul li:nth-child(4) {background: none;}
	.costprocess_box ul li:nth-child(4) span {padding-top: 38px; line-height: 20px;}
	.costprocess_box ul li:nth-child(5) span {padding-top: 38px; line-height: 20px;}

	/* ����û�ϱ� */
	.formtable_box td.inputfile {float: left; width: 100% !important;}
	.formtable_box td.adddeletefile {float: left; width: 100% !important;}
	.formtable_box td input.addfile {width: auto; height: 30px !important; padding: 0 10px !important;}

	.note2 {text-align: left;}

	/* �������� Ȱ�뵿�Ǿ�� */
	.layerpop_contents {width: 90%; left: 50%; margin-left: -45%;}
	.layerpop_pree .privacy-wrap {padding: 15px;}
	.privacy-wrap h4 {font-size: 20px; letter-spacing: -0.8px; margin-bottom: 0;}
	.layerpop_contents button {width: 180px; height: 45px; line-height: 35px;}


	/* ��û�Ϸ� ������ �߰� 220518 */
	.mission_contents ul li.missionitem {width: 100%; height: auto; margin-right: 0; margin-bottom: 2.5%;}
	.mission_contents ul li.missionitem .iteminfo {margin-top: 40px;}
	.mission_contents ul li.missionitem .iteminfo dl dt {width: 18%;}
	.mission_contents ul li.missionitem .iteminfo dl dd {width: 82%;}
	.mission_contents ul li.missionitem .iteminfo dl dd.place {font-size: 32px; margin-top: -10px;}
	.random_endtit {padding: 17px 15px 10px; box-sizing: border-box;}
	.random_endtit span {font-size: 28px;}

	/* �����̼� ��õ Ŭ����ư 220531 */
	.missionraffle_btns a {width: 92%;}
	.missionraffle_btns a span {padding: 25px 0 21px;}

	/* �ʼ��̼Ǹ���Ʈ �ڼ������� ��ư */
	.mypagebtns {margin: 30px 0 50px;}
	.missionlist_btns a {width: 70%;}
	.missionlist_btns a span {font-size: 28px; padding: 25px 0 20px;}

	/* �������� �ٷΰ��� ��ư */
	.homemove_btns a {width: 70%;}
	.homemove_btns a span {font-size: 28px; padding: 25px 0 20px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

	.pc {display: none;}
	.subpage_contentarea {box-sizing: border-box;}

	/* introduce */
	.subpage_intro {background-size: 100% 54%;}
	.intro_box {padding: 0 0 100px; box-sizing:border-box;}
	.introinfo .infotxt li.titt3 {font-size: 26px;}
	.introinfo .infotxt li.titt3:before {margin-left: -330px;}
	.introinfo .infotxt li.titt3:after {margin-left: 295px;}
	.introinfo .infoimg li img {width: 100%;}
	.introinfo .infoimg li span {font-size: 22px;}
	.missiontour_info {padding: 0 2%; box-sizing: border-box;}
	.missiontour_guide {margin: 0 auto 40px;}

	/* �����ȳ� */
	.subpage_giude_content {padding: 20px;}
	.diagram img {width: 100%;}
	.shorttit h3 {font-size: 33px; line-height: 33px;}
	.step_box {padding: 0 2%; box-sizing: border-box;}
	.step_contents {padding-bottom: 220px; margin-top: 50px;}

	/* �ҷ������� css �߰� */
	.joinrequestimg i {top: -15px; left: -15px; width: 11%;}
	.diagram i {top: -15px; left: -25px; width: 11%;}

	/* ������û�ȳ� */
	.tablelayout th {width: 35%; font-size: 20px; padding: 0 25px 0 30px;}
	.tablelayout th span {vertical-align: -3px;}
	.tablelayout td {font-size: 18px; letter-spacing: -1.5px;}
	.tourguide .atttxt ul li {font-size: 18px; line-height: 24px;}
	.tourguide .atttxt ul li p {width: 96%;}
	.requiredguide {margin-top: 40px;}
	.notice_box {padding: 4%;}
	.notice_box ul {padding: 24% 4% 4% 4%; background: #fff url("../join/images/ico_guide.png") no-repeat center top; background-size: 30%;}
	.notice_box ul li p {width: 94%;}
	.notice_box ul .pointtxt {font-size: 16px; letter-spacing: -1px;}
	.notice_box ul .pointtxt div.pointetc p {width: 88%;}

	/* �߰� 210608 */
	.notice_box ul li.point {padding-top: 30px;}
	.notice_box ul li.point .vital {margin-left: 0;}

	.diagram2 {margin-top: 30px;}
	.certify_box ul {padding-bottom: 38%; background-size: 60%;}
	.certify_box ul li {width: 100%;}
	.certify_box ul p {font-size: 16px; letter-spacing: -1px;}

	/* ������û�ϱ� */
	.request_box {padding: 4%;}
	.request_box ul {padding: 30% 4% 4% 4%; background: #fff url(../join/images/ico_request.png) no-repeat center 20px; background-size: 20%;}
	.request_box ul li p {width: 92%;}
	.process_box ul li {padding: 10px 0; background: url(../join/images/pcarrow.png) no-repeat left 75px;}
	.process_box ul li:nth-child(3) {background: none;}
	.process_box ul li span {width: 140px; height: 140px; font-size: 15px;}
	.process_box ul li:nth-child(1) span {padding-top: 55px;}
	.process_box ul li:nth-child(2) span {padding-top: 55px;}
	.process_box ul li:nth-child(3) span {padding-top: 40px; line-height: 20px;}
	.process_box ul li:nth-child(4) span {padding-top: 50px; line-height: 20px;}

	/* ������û�� ǥ��� */
	.applirequest_form_area {height: auto;} /* ǥ��� ���̺� ���̰� ���� */
	.formtable_box th {width: 28%; font-size: 22px;}
	.formtable_box th.tour_th {padding: 30px 15px 8px 10px; letter-spacing: -1px;}
	.formtable_box td {font-size: 18px; padding: 10px 15px;}
	.formtable_box td img {width: 50px; height: 50px; vertical-align: top;}
	.formtable_box td div.inputname {width: 100%;}
	.formtable_box td div.inputname2 {margin-top: 5px;}
	.formtable_box td .form_guidearrow img {width: 100%; height: auto;}
	.formtable_box td input {width: 90%; height: 50px; font-size: 18px !important; padding: 0 1%;}
	.formtable_box td input.re_nameinput2 {width: 100%;}
	.formtable_box td input.calendarinput, .formtable_box td input.hasDatepicker {width: 70%;}
	.formtable_box td select {width: 90%; height: 50px; font-size: 18px !important; padding: 0 1%; vertical-align: -2px;}
	.formtable_box td textarea {width: 98%; height: 70px;}
	.formtable_box tr:nth-child(11) td br {display: none;}
	.formtable_box tr:nth-child(12) td br {display: none;}
	.formtable_box td input[name="od_zip"] {width: 60%;}
	.formtable_box td input[type="file"] {margin: 5px 0 10px;}
	.formtable_box td input[name="hp_2"], .formtable_box td input[name="hp_3"] {width: 22%;}
	.formtable_box td select[name="hp_1"] {width: 26%;}
	.formtable_box td input[name="od_email_1"], .formtable_box td input[name="od_email_2"] {width: 44%; margin-bottom: 5px;}
	.formtable_box td input.partner_name {width: 20%;}
	.formtable_box td input.partner_phone {width: 32%;}
	.formtable_box td input.partner_arr {width: 40%;}
	.formtable_box td.checkagree br {display: none;}
	.calendarinput {margin-bottom: 5px;}
	.applirequest_form_area p {font-size: 18px; margin-top: 5px;}
	.counsel_request {margin-top: 40px;}
	.counsel_rebtn_top {width: 56%;}
	.counsel_rebtn_top a {height: 74px; font-size: 28px; line-height: 74px; margin-bottom: 20px;}
	.privacy_check .checkbox_input {width: 35px; height: 35px; vertical-align: -10px;}
	.privacy_check .checkbox_input+label {font-size: 28px;}
	.pop_form button {height: 38px; font-size: 22px; margin-top: 5px;}

	.corona_checktable_box {margin-top: 30px;}
	.tittleimg img {width: 100%;}
	.checktable_box {padding: 3%;}
	.checktable_box .checktable_layout td.tit span.number {width: 50px;}
	.checktable_box .checktable_layout td.tit p {width: 86%; letter-spacing: -1px;}
	.checktable_box .checktable_layout td.tit p br {display: none;}
	.checktable_box .checktable_layout tr {margin-bottom: 30px;}
	.checktable_box .checktable_layout td {font-size: 16px; padding-left: 10px;}
	.checktable_box .checktable_layout td.tit {font-size: 20px;}
	.checktable_box .checktable_layout td span {font-size: 20px !important;}
	.checktable_box .checktable_layout td span.checkno {margin-left: 20px !important;}
	.checktable_box .checktable_layout td input[type="checkbox"] {width: 22px; height: 22px; vertical-align: -6px;}
	button.btn_frmline {height: 50px !important;}

	/* ����û�ȳ� */
	.costprocess_box ul li {width: 33.3334%; padding: 10px 0; background: url(../join/images/pcarrow.png) no-repeat left 75px;}
	.costprocess_box ul li span {width: 140px; height: 140px; font-size: 16px;}
	.costprocess_box ul li:nth-child(1) span {padding-top: 38px; line-height: 20px;}
	.costprocess_box ul li:nth-child(2) span {padding-top: 50px; line-height: 20px;}
	.costprocess_box ul li:nth-child(3) span {padding-top: 50px; line-height: 20px;}
	.costprocess_box ul li:nth-child(4) {background: none;}
	.costprocess_box ul li:nth-child(4) span {padding-top: 38px; line-height: 20px;}
	.costprocess_box ul li:nth-child(5) span {padding-top: 38px; line-height: 20px;}

	/* ����û�ϱ� */
	.formtable_box td.inputfile {float: left; width: 100% !important;}
	.formtable_box td.adddeletefile {float: left; width: 100% !important;}
	.formtable_box td input.addfile {width: auto; height: 30px !important; padding: 0 10px !important;}

	.note span {letter-spacing: -1px;}
	.note2 {text-align: left;}

	/* �������� Ȱ�뵿�Ǿ�� */
	.layerpop_contents {width: 90%; left: 50%; margin-left: -45%;}
	.layerpop_pree .privacy-wrap {padding: 15px;}
	.privacy-wrap h4 {font-size: 20px; letter-spacing: -0.8px; margin-bottom: 0;}
	.layerpop_contents button {width: 180px; height: 45px; line-height: 35px;}


	/* ��û�Ϸ� ������ �߰� 220518 */
	.mission_contents ul li.missionitem {width: 100%; height: auto; margin-right: 0; margin-bottom: 2.5%;}
	.mission_contents ul li.missionitem .iteminfo {margin-top: 40px;}
	.mission_contents ul li.missionitem .iteminfo dl dt {width: 18%;}
	.mission_contents ul li.missionitem .iteminfo dl dd {width: 82%;}
	.mission_contents ul li.missionitem .iteminfo dl dd.place {font-size: 32px; margin-top: -10px;}
	.random_endtit {padding: 17px 15px 10px; box-sizing: border-box;}
	.random_endtit span {font-size: 28px;}

	/* �����̼� ��õ Ŭ����ư 220531 */
	.missionraffle_btns a {width: 92%;}
	.missionraffle_btns a span {padding: 25px 0 21px;}

	/* �ʼ��̼Ǹ���Ʈ �ڼ������� ��ư */
	.mypagebtns {margin: 30px 0 50px;}
	.missionlist_btns a {width: 70%;}
	.missionlist_btns a span {font-size: 28px; padding: 25px 0 20px;}

	/* �������� �ٷΰ��� ��ư */
	.homemove_btns a {width: 70%;}
	.homemove_btns a span {font-size: 28px; padding: 25px 0 20px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {
	.mobile {display: none;}
	.subpage_intro {background-size: 100% 60%;}
	.missiontour_guide {margin: 0 auto 220px;}
	.step_box {padding-bottom: 420px;}
	.step_contents {padding-bottom: 320px;}

	.tourguide .atttxt ul li p br {display: none;}

	.formtable_box td.adresss br {display: none;}
	.formtable_box td.checkagree br {display: none;}

	/* ��û�Ϸ� ������ �߰� 220518 */
	.mission_contents ul li.missionitem {padding: 40px 20px 30px;}
	.mission_contents ul li.missionitem .name span {width: 100%;}
	.mission_contents ul li.missionitem .iteminfo dl dt {font-size: 20px;}
	.mission_contents ul li.missionitem .iteminfo dl dt:before {vertical-align: 2px;}
	.mission_contents ul li.missionitem .iteminfo dl dd {font-size: 18px;}
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1919px) {

.mobile {display: none;}

/* .guide_intro ul li {height: 380px;} */

.formtable_box td.adresss br {display: none;}
.formtable_box td.checkagree br {display: none;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1920px) {

.mobile {display: none;}

.formtable_box td.adresss br {display: none;}
.formtable_box td.checkagree br {display: none;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** ���̺� *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.miTable { margin: 3rem auto; width: 90%; font-size: 1.2rem; font-family: "NanumSquare"; font-weight: 400; text-align: center; }
.miTable a { display: flex; justify-content: center; align-items: center; }
.miTable i { color: #ff7d55; }
.miTable tr { border: 1px solid #888; }
.miTable th, .miTable td { padding: 0.5rem 2rem; border-right: 1px solid #888; background: #FFF; }
.miTable tr td:first-child { background: #F6F6F6; }

.miTable th { padding: 1rem; font-size: 1.5rem; color: #FFF; background: #ff7d55; }
.miTable td { opacity: .95; }

@media screen and (max-width: 600px) {

.miTable { width: 100%; font-size: 0.9rem; }
.miTable th, .miTable td { padding: 0.5rem; }

.miTable th { padding: 0.7rem; font-size: 1.1rem; }
.miTable td { opacity: .95; }

}

/* ==================== 2024-06-19 추가 ==================== */
.pc-img {display: block;}
.mobile-img {display: none;}

@media screen and (max-width: 480px) {
    .pc-img {display: none;}
    .mobile-img {display: block;}
}
/* 참여안내 */
.maeul-list {display: flex;flex-wrap: wrap;gap: 20px;}
.maeul-list li {width: calc((100% - 40px) / 3);}
.maeul-list li img {width: 100%;}
/* .subpage_guide {margin-bottom: 100px;} */
@media screen and (max-width: 768px) {
    .maeul-list li {width: calc((100% - 20px) / 2);}
}
@media screen and (max-width: 480px) {
    .maeul-list {justify-content: center;gap: 10px;}
    .maeul-list li {width: 70%;}
}
/* 참가신청안내 */
ul.content-nav {display: flex;justify-content: center;font-family: 'S-CoreDream-3Light';gap: 10px;margin:0 0 25px;}
ul.content-nav li {padding: 10px 30px;background: #fff; border:1px solid #111; border-radius:30px;}
ul.content-nav li a {font-size: 23px;color: #171717;}
ul.content-nav li.on {background: #111; border:1px solid #111;}
ul.content-nav li.on a {color: #fff;}
/* .line {width: 40px;height: 1px;background: #111;margin: 40px auto;} */
.tour-title {width: 100%;font-family: 'S-CoreDream-3Light';font-weight: 700;color: #fff;font-size: 24px;padding: 20px;background: #111;text-align: center;box-sizing: border-box;}
.requiredguide img {width: 100%;}
@media screen and (max-width: 480px) {
    ul.content-nav li {padding: 9px 12px;}
    ul.content-nav li a {font-size: 13px;}
}

/* 참가신청하기, 경비신청하기 */
button.add_btn {border: 1px solid #91196E;background: #91196E;font-size: 18px;padding: 8px 16px;margin-top: 10px;}
button.add_btn > i {color: #fff;font-size: 18px;}
button.add_btn > span {color: #fff;}
button.minus_btn {border: 1px solid #91196E;background: #fff;font-size: 18px;padding: 8px 16px;margin-top: 10px;}
button.minus_btn > i {color: #91196E;font-size: 18px;}
button.minus_btn > span {color: #555;}
.counsel_request {margin-top: 40px;}
.privacy_check .checkbox_input+label {font-size: 20px;}
.counsel_rebtn_top a {border-color: #91196E;background: #91196E;border-radius: 30px;font-family: 'Gmarket Sans';}
.counsel_rebtn_top a:hover {border-color: #91196E;background: #91196E;color: #fff;}
.privacy-wrap h4 {background: #91196E;}
.sns-wrap {padding: 10px 0;}
.sns-wrap + .sns-wrap {border-top: 1px solid #eee;}

/* 경비신청안내 */
.request_shortcut a {background-color: #024CA1;border-color: #024CA1;}
.request_shortcut a:hover {background-color: #024CA1;border-color: #024CA1;color: #fff;}

.sub_titlebar {margin-bottom: 0;} 
.sub_titlebar::after {content: '';clear: both;} 
.titletxt {font-family: 'Gmarket Sans';margin-bottom: 0;}


/* 게시판 컨텐츠 */
.board_content {background: #fff;padding: 40px;border-radius: 0 0 20px 20px;}
@media screen and (max-width: 720px) {
    .board_content {padding: 32px 20px;}
}


/* 미션투어 - 하동군 핫플레이스 보기 팝업 */
.popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 10;}
html.popup-on {overflow: hidden !important;}
.popup img {display: block;width: 100%;}
.popup-inner {padding: 0 20px;max-width: 960px;}
.popup_title {position: relative;}
.popupClose {position: absolute;top: 40px;right: 40px;border: none;background: none;font-size: 40px;color: #fff;line-height: 1;}
.popup_menus {display: flex;background: #63A982;padding: 0 10px;}
.popup_menus li {flex: 1;}
.popup_menu {display: block;background: #367051;border: 1px solid #275C40;}
.popup_menu.on {background: #000;border: 1px solid #000;}
.popup_content {max-height: 400px;overflow-y: scroll;background: #63A982;padding: 0 10px 10px;}
.popup_content .popup_img {display: none;width: 100%;}
.popup_content .popup_img.on {display: block;}
@media screen and (max-width: 768px) {
    .popupClose {top: 30px;right: 30px;}
}
@media screen and (max-width: 480px) {
    .popup {background: #63A982;}
    .popup-inner {padding: 0;width: 100%;height: 100%;}
    .popup_content {max-height: calc(100% - 190px);}
    .popupClose {position: fixed;top: 20px;right: 20px;}
}

/* 게시판 페이지 */
.pg_wrap .pg .pg_page, .pg_wrap .pg .pg_current {line-height: 25px;}
.pg_wrap .pg .pg_current {margin: 0;}
@media screen and (max-width: 480px) {
    .pg_wrap .pg {display: flex;justify-content: center;flex-wrap: wrap;gap: 8px;}
}