/* sub_visual common */
.subvisual_box {position: relative; width: 100%; padding-bottom: 245px; background: url("../images/sub_visual01.jpg") no-repeat center top; background-size: cover;}
.subvisual_box2 {background: url("../images/sub_visual02.jpg") no-repeat center top; background-size: cover;}
.subvisual_box3 {background: url("../images/sub_visual03.jpg") no-repeat center top; background-size: cover;}
.subvisual_box4 {background: url("../images/sub_visual04.jpg") no-repeat center top; background-size: cover;}
.subvisual_box5 {background: url("../images/sub_visual05.jpg") no-repeat center top; background-size: cover;}

/* 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; font-family: "NanumSquare", sans-serif; 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 */
.contentwrap {position: relative; float: left; width: 100%;}
/*.contentwrap_area {margin: 0 auto; width: 100%; max-width: 1200px;}*/
.subpage_common {float: left; width: 100%; margin-top: 50px;}
.subpage_content {float: left; width: 100%;}
.subpage_contentarea {margin: 0 auto 50px; width: 100%; max-width: 1200px;}

/* sub_titlebar */
.sub_titlebar {float: left; width: 100%; margin-bottom: 50px;}
.titlebar {float: left; width: 100%; text-align: center;}
.titletxt {font-family: "NanumSquare", sans-serif; transform: rotate(-0.04deg); font-size: 35px; color: #292828; font-weight: 700; line-height: 34px; margin-bottom: 25px;}
.gnbnavi_txt {float: left; width: 100%;}
.gnbnavi_txt li {float: left; width: 100%; height: 41px; font-family: "NanumSquare", sans-serif; transform: rotate(-0.04deg); 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: #e8f4fd; }

.intro_box {float: left; width: 100%; padding: 64px 0;}
.intro_area {margin: 0 auto; width: 100%; max-width: 1200px;}
.introinfo .infotxt {float: left; width: 100%; text-align: center;}
.introinfo .infotxt li {font-family: "NanumSquare", sans-serif; 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: #5dba77; 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: #5dba77; 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 {float: left; width: 100%; margin-top: 50px;}
.introinfo .infoimg li {float: left; width: 100%; text-align: center;}
.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: 1200px;}
.missiontour_guide img {width: 100%;}

/* Âü¿©¾È³» */
.subpage_guide {background: url("../guide/images/guide_bg.png") no-repeat center bottom; background-size: 100%;}
.subpage_giude_content {float: left; width: 100%;}

.guide_intro {margin: 0 auto; width: 100%; max-width: 1200px;}
.guide_intro ul {float: left; width: 100%;}
.guide_intro ul li {float: left; width: 32%; height: 349px; text-align: center; padding: 40px 20px 30px; margin-right: 2%; border: 1px solid #d7d7d7; box-sizing: border-box; border-radius: 20px;}
.guide_intro ul li:last-child {margin-right: 0;}
.guide_intro ul li .gtit {display: inline-block; font-size: 28px; color: #fff; font-weight: 500; padding: 10px 40px; background: #03a89f; border-radius: 50px;}
.guide_intro ul li span {display: inline-block; width: 100%; font-size: 30px; color: #1e1e1e; font-weight: 700; line-height: 38px; letter-spacing: -0.8px; margin-top: 15px; margin-bottom: 15px;}
.guide_intro ul li p {font-size: 18px; color: #4a4a4a; font-weight: 300; line-height: 28px; letter-spacing: -0.8px; padding: 0 10px; box-sizing: border-box; word-break: keep-all;}
.guide_intro div img {width: 100%;}

.step_box {margin: 58px auto 0; width: 100%; max-width: 1200px; text-align: center;}
.shorttit {display: inline-block;}
.shorttit h3 {font-family: "NanumSquare", sans-serif; 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: 100px; padding-bottom: 500px; }
.diagram {position: relative; float: left; width: 100%;}
.diagram img {width: 100%;}
.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-family: "Noto Sans KR", sans-serif; font-size: 20px; color: #111; font-weight: 400; line-height: 28px; letter-spacing: -0.8px; margin-bottom: 40px;}

/* Âü°¡½Åû¾È³» */
.participate_box {float: left; width: 100%; margin-bottom: 50px;}
.tourguide {float: left; width: 100%; border-top: 1px solid #000;}
.tablelayout {float: left; width: 100%; font-family: "NanumSquare", sans-serif;}
.tablelayout tr {border-bottom: 1px solid #e6e6e6;}
.tablelayout th {width: 30%; font-size: 29px; color: #111; font-weight: 400; text-align: left; padding: 0 25px 0 40px; background: #f6f6f6;}
.tablelayout th span {font-size: 29px; color: #5dba77; vertical-align: 1px;}
.tablelayout td {font-size: 23px; color: #000; font-weight: 700; line-height: 30px; padding: 24px 0 24px 20px;}
.tablelayout td span.etc {color: #5dba77;}
.tablelayout td span.etc2 {padding-left: 18px;}
.tourguide .atttxt {float: left; width: 100%; margin-top: 20px;}
.tourguide .atttxt ul li {float: left; width: 100%; font-family: "NanumSquare", sans-serif; transform: rotate(-0.04deg); font-size: 23px; color: #111; font-weight: 400; line-height: 32px; letter-spacing: -0.2px; margin-bottom: 10px;}
.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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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: 1200px;}
.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: 70px; font-family: "NanumSquare", sans-serif; transform: rotate(-0.04deg); font-size: 30px; font-weight: 500; color: #fff; line-height: 70px; padding: 0 30px; margin-bottom: 20px; background-color: #ff774d; box-sizing:border-box; border: 1px solid #ff774d; transition: all 0.3s ease;}
.request_shortcut a:hover {color: #ff774d; background-color: #fff; border: 1px solid #ff774d;}

/* Âü°¡½ÅûÇϱâ */
.requestapp_box {float: left; width: 100%; margin-bottom: 50px;}
.requestapp_guide {float: left; width: 100%; text-align: center;}
.request_box {float: left; width: 100%; padding: 20px; box-sizing: border-box; margin-bottom: 60px; background: url("../join/images/boxbg.png");}
.request_box ul {float: left; 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-family: "Noto Sans KR", sans-serif; 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 {float: left; 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-family: "Noto Sans KR", sans-serif; font-size: 17px; color: #ea372f; font-weight: 300; text-align: left;}

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

.process_box {float: left; width: 100%; 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-family: "Noto Sans KR", sans-serif; 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; float: left; 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-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #333333; font-weight: 400; line-height: 15px;}
.formguide_being span {color: #ed1c24; font-weight: 700;}

.requestform_box {float: left; 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 {float: left; width: 100%; margin-top: 50px;}
.applirequest_form_area {position: relative; float: left; width: 100%; z-index: 2;}
.applirequest_form_area .formtable_box {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; border-top: 1px solid #eee;}
.formtable_box th {font-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #737272; font-weight: 500; padding: 0 40px 0 20px; background: #fff url(../join/images/ico_select_arrow.png) 90% center no-repeat; background-size: 10px; line-height: 1.8; border: 1px solid #c5c5c6; -webkit-appearance: none; outline: none;}
.formtable_box td textarea {display: inline-block; width: 100%; max-width: 662px; height: 90px; font-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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; font-family: "Noto Sans KR", sans-serif; 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%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 28px; color: #fff; font-weight: 500; padding: 10px 0; background: #ff774d;}
.subcontxt {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; 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%; font-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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; float: left; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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 {float: left; 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 {float: left; 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 {float: left; 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 {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; 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-family: "Noto Sans KR", sans-serif; 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;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

.pc {display: none;}

.subvisual_box {padding-bottom: 40%;}

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

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

/* introduce */
.subpage_intro {background-size: 100% 43%;}
.intro_box {padding: 50px 2% 60px; box-sizing: border-box;}
.introinfo .infotxt li.titt1 {width: 130px; height: 32px; margin-bottom: 10px;}
.introinfo .infotxt li.titt2 {font-size: 28px; line-height: 32px; margin-bottom: 25px;}
.introinfo .infotxt li.titt3 {font-size: 18px; line-height: 24px; padding: 0 9%; 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: -5px; margin-left: -150px; width: 24px; height: 21px; background-size: 24px 21px;}
.introinfo .infotxt li.titt3:after {top: -5px; margin-left: 125px; 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 {width: 100%;}
.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;}

/* ºÒ·¿¾ÆÀÌÄÜ css Ãß°¡ */
.joinrequestimg i {top: -6px; left: -10px; width: 10%;}
.diagram i {top: -6px; left: -10px; width: 10%;}

/* Âü¿©¾È³» */
.guide_intro {padding: 0 2%; box-sizing: border-box;}
.guide_intro ul li {width: 100%; height: auto; margin-bottom: 4%;}
.guide_intro ul li .gtit {font-size: 24px;}
.guide_intro ul li span {font-size: 26px; line-height: 32px;}
.guide_intro ul li p {font-size: 16px; line-height: 22px;}
.diagram img {width: 100%;}
.step_box {padding: 0 2%; box-sizing: border-box;}
.shorttit h3 {font-size: 28px; line-height: 29px; 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;}

/* Âü°¡½Åû¾È³» */
.tablelayout th {width: 40%; font-size: 13px; letter-spacing: -0.8px; padding: 0 2%;} 
.tablelayout th span {font-size: 16px; vertical-align: -0.2px;}
.tablelayout td {font-size: 13px; line-height: 20px; letter-spacing: -1px; padding: 2% 0 2% 2%;}
.tourguide .atttxt ul li {font-size: 13px; line-height: 20px;}
.tourguide .atttxt ul li span {width: 18px;}
.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: 18px;}
.notice_box ul li {font-size: 13px;}
.notice_box ul li span {font-size: 15px;}
.notice_box ul li p {width: 90%;}
.notice_box ul .pointtxt {font-size: 13px;}
.notice_box ul .pointtxt div.pointetc p {width: 88%;}

/* Ãß°¡ 210608 */
.notice_box ul li.point {padding-top: 20px;}
.notice_box ul li.point .vital {font-size: 19px; 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: 13px; padding-left: 30px; margin-bottom: 10px; background-size: 7%;}
.certify_box ul p {font-size: 13px;}

/* ½Åû¼­ ¹Ù·Î°¡±â ¹öÆ° */
.request_shortcut {margin-top: 0;}
.request_shortcut a {height: 55px; font-size: 20px; line-height: 55px; padding: 0 30px; margin-bottom: 0;}

/* Âü°¡½ÅûÇϱâ */
.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: 13px;}
.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 68px;}
.process_box ul li:nth-child(3) {background: none;}
.process_box ul li span {width: 120px; height: 120px; font-size: 14px; letter-spacing: -1px;}
.process_box ul li:nth-child(1) span {padding-top: 45px;}
.process_box ul li:nth-child(2) span {padding-top: 45px;}
.process_box ul li:nth-child(3) span {padding-top: 35px; line-height: 18px;}
.process_box ul li:nth-child(4) span {padding-top: 40px; line-height: 18px;}

/* Âü°¡½ÅûÆû */
.applirequest_form_area {height: auto;} /* Ç¥¾ç½Ä Å×ÀÌºí ³ôÀÌ°ª ¿ÀÅä */
.formtable_box th {width: 28%; font-size: 13px; 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: 13px; 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.re_nameinput2 {margin: 5px 0 2px;}
.formtable_box td input {width: 90%; height: 36px; font-size: 15px; padding: 0 1%;}
.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: 28%;}
.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: 14px;}
.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 {font-size: 14px; 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;}
.costrequiredguide {margin-top: 10px;}

/* °æºñ½ÅûÇϱâ */
.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;}

.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: 84%; font-size: 14px;}

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


/* ½Åû¿Ï·á ÆäÀÌÁö Ãß°¡ 220518 */
.result_title span {font-size: 28px; line-height: 34px;}
.result_title2 .tit_contents ul li:nth-child(1) {font-size: 20px; line-height: 24px; word-break: keep-all;}
.result_title2 .tit_contents ul li:nth-child(2) {font-size: 14px; line-height: 18px; 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: 18px;}
.mission_contents ul li.missionitem .iteminfo dl dd {font-size: 15px;}
.mission_contents ul li.missionitem .iteminfo dl dd.place {font-size: 23px;}
.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: 17px; padding: 20px 0 15px;}

/* ¸ÞÀÎÀ¸·Î ¹Ù·Î°¡±â ¹öÆ° */
.homemove_btns a {width: 88%;}
.homemove_btns a span {font-size: 17px; padding: 20px 0 15px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

.pc {display: none;}

.subpage_contentarea {padding: 0 2%; 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%;}
.intro_box {padding: 50px 2% 60px; box-sizing: border-box;}
.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 {width: 100%;}
.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;}

/* Âü¿©¾È³» */
.guide_intro {padding: 0 2%; box-sizing: border-box;}
.guide_intro ul li {width: 100%; height: auto; margin-bottom: 4%;}
.guide_intro ul li .gtit {font-size: 24px;}
.guide_intro ul li span {font-size: 26px; line-height: 32px;}
.guide_intro ul li p {font-size: 17px; line-height: 24px;}
.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 {padding: 0 2%; box-sizing: border-box;}

/* introduce */
.subpage_intro {background-size: 100% 54%;}
.intro_box {padding: 50px 0; 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: 90%;}
.introinfo .infoimg li span {font-size: 22px;}
.missiontour_info {padding: 0 2%; box-sizing: border-box;}
.missiontour_guide {margin: 0 auto 40px;}

/* Âü¿©¾È³» */
.guide_intro {padding: 0 2%; box-sizing: border-box;}
.guide_intro ul li {height: 339px; padding: 40px 10px 30px;}
.guide_intro ul li .gtit {font-size: 20px;}
.guide_intro ul li span {font-size: 22px; line-height: 30px; letter-spacing: -2px;}
.guide_intro ul li p {font-size: 15px; line-height: 20px; padding: 0;}
.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 {padding: 0 2%; box-sizing: border-box;}

/* introduce */
.subpage_intro {background-size: 100% 54%;}
.intro_box {padding: 50px 0; 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;}

/* Âü¿©¾È³» */
.guide_intro {padding: 0 2%; box-sizing: border-box;}
.guide_intro ul li {height: 339px; padding: 40px 10px 30px;}
.guide_intro ul li .gtit {font-size: 20px;}
.guide_intro ul li span {font-size: 22px; line-height: 30px; letter-spacing: -2px;}
.guide_intro ul li p {font-size: 15px; line-height: 20px; padding: 0;}
.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;}

.introinfo .infoimg li img {width: 90%;}

.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; }

}