@charset "utf-8";@charset "utf-8";

/* sub_visual common */
.mission_sub_visual1 {background: url("../images/sub_visual01.png")no-repeat center top !important;background-size: cover !important;}
.mission_sub_visual2 {background: url("../images/sub_visual01.png")!important;background-size: cover !important;}
.mission_sub_visual3 {background: url("../images/sub_visual01.png")!important;background-size: cover !important;}

/* sub_visual 게시판 */
.subvisual_box {position: relative;width: 100%;height: 300px;margin: auto;background-repeat: no-repeat;background-position: center top;background-size: cover !important; background: url("../images/sub_visual01.png")}
.subvisual_box.subvisual_box5 {background: url("../images/sub_visual01.png") no-repeat center top !important;background-size: cover !important;}

/* shortcut �ٷΰ��� ��ư ���� */
.shortcut_box { width: 100%; /*background: #f2f3f5;*/ border-bottom:1px solid #ddd;}
.shortcut_area {margin: 0 auto; width: 100%; max-width: 1381px;}
.shortcut_list { width: 100%; padding: 10px 0;}
.shortcut_list ul { width: 100%; text-align:left; display: flex;  flex-wrap: nowrap;  justify-content: space-between;  padding:30px 0;}
.shortcut_list ul li {position: relative; display: inline-block; /*width: 16.6667%; text-align: center; margin-right: 3.83334%; */}
.shortcut_list ul li:last-child {margin-right: 0;}
.shortcut_list ul li.shortcut_item a {display: block; width: 100%; font-family: "S-CoreDream-3Light", sans-serif; transform: rotate(-0.04deg); font-size: 23px; color: #515151; font-weight: 800; line-height: 24px; letter-spacing: -0.15px; }
.shortcut_item a .ico_img{display:flex; gap:8px;}
.shortcut_item a .ico_img img{width:70px;}
.shortcut_list ul li.shortcut_item a .txt-length {padding-top:8px;}
.shortcut_list ul li.shortcut_item a .txt-length span {color:#888888; font-size:14px;letter-spacing:0; font-family: "S-CoreDream-3Light", sans-serif; padding-bottom:8px;}

/* shortcut �ٷΰ��� ��ư rollover eff */
.shortcut_list ul li.shortcut_item a:hover {color: #4f95cf;}
.shortcut_list ul li.shortcut_item a:hover:before {background: #cee6f9; transition: all 0.3s ease;}

/* 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%;}
.subpage_common {float: left; width: 100%; margin-top: 80px;}
.subpage_content {float: left; width: 100%;}
.subpage_contentarea {margin: 0 auto -10px; width: 100%; max-width: 1205px;}

/* 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 */
.intro_box {float: left; width: 100%; padding: 0 0 100px;}
.intro_area {margin: 0 auto; width: 100%; max-width: 1205px;}
.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: #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 {float: left; width: 100%;}
.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: 1548px;}
.missiontour_guide img {width: 100%;}

/* �����ȳ� */
.subpage_giude_content {float: left; width: 100%;}
.guide_intro {margin: 0 auto; width: 100%; max-width: 1205px;}
.guide_intro div img {width: 100%;}
.step_box {margin: 58px auto 0; width: 100%; max-width: 1541px; text-align: center;}
.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: 60px; 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: #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%; font-family: "NanumSquare", sans-serif; 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-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: 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 {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%; 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:0; left: 50%; margin-left: -400px; width: 100%; max-width: 800px; border: 1px solid #000;    z-index: 99999;}
.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%;}

/* ����û�ϱ� */
.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 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:359px) and (max-width:719px) {
.pc {display: none;}
.shortcut_box {display:none;}
.subvisual_box {width:100%; height:150px;}
.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: 0 2% 100px; 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;}
.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;}
.subvisual_box {width:100%; border:1px solid red; height:150px;}
.subpage_contentarea {padding: 0 2%; 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;}
/* �����ȳ� */
.guide_intro {padding: 0 2%; box-sizing: border-box;}
.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: 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;}
/* �����ȳ� */
.guide_intro {padding: 0 2%; box-sizing: border-box;}
.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; }
}

/* ==================== 2026 03 작업 ==================== */
.pc-img {display: block;}
.mobile-img {display: none;}

@media screen and (max-width: 480px) {
.pc-img {display: none;}
.mobile-img {display: block;max-width: 100%;}
/*.subvisual_box {padding-bottom: 200px;}*/
}


/* 미션투어 안내 */
.mission_sub_visual { position:relative; width:100% !important; max-width:100% !important; height:300px; margin:0; overflow:hidden; background-position:center center; background-size:cover; }
.mission_sub_visual .sub_visual_dim { position:absolute; inset:0; background:rgba(0,0,0,0.28); z-index:1; }
.mission_sub_visual .sub_visual_title { position:relative; z-index:2; width:100%; max-width:1400px; height:86%; margin:0 auto; padding:0 20px; box-sizing:border-box; display:flex; align-items:center; }
.mission_sub_visual .sub_visual_title h2 { margin:0; font-family:"Paperlogy", sans-serif; font-size:56px; line-height:1.1; color:#fff; font-weight:500; letter-spacing:-1px; }
.mission_sub_visual .sub_visual_fixed { position:absolute; left:0; right:0; bottom:0; z-index:3; pointer-events:none; }
.mission_sub_visual .sub_visual_wave { position:absolute; left:0; right:0; bottom:0; line-height:0; text-align:center; }
.mission_sub_visual .sub_visual_wave img { display:block; width:100%; height:auto; max-height:280px; margin:0 auto; }

.mission-tour-page { width: 100%; background: #fff; padding: 90px 0 0; }
.mission-tour-inner { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.mission-row { display: flex; align-items: flex-start; gap: 110px; padding: 90px 0; border-top: 1px solid #dddddd; }
.mission-row.first { border-top: 0; padding-top: 0; }
.mission-row.last { padding-bottom: 0; }
.mission-row-title { width: 220px; flex-shrink: 0; font-family: "Paperlogy", sans-serif; font-size: 34px; line-height: 1.3; color:#3f3d9b; font-weight: 700; letter-spacing: -0.5px; }
.mission-row-content { flex: 1; min-width: 0; }

.mission-tour-inner .mission-intro-top {display:flex;align-items:center;justify-content:center;gap:36px;margin-bottom:98px;}
.mission-tour-inner .mission-intro-top .intro-logo-box {flex:1 1 auto;max-width:520px;min-width:0;}
.mission-tour-inner .mission-intro-top .mission-intro-logo-box img {display:block;width:100%;height:auto;}
.mission-tour-inner .mission-intro-top .intro-desc {flex:0 1 auto;min-width:0;transform:translateY(14px);}
.mission-tour-inner .mission-intro-top .intro-desc p {margin:0;font-family:"Paperlogy",sans-serif;font-size:24px;line-height:1.35;color:#444;font-weight:400;white-space:normal;word-break:keep-all;}
.mission-tour-inner .mission-intro-top .intro-char {flex:0 0 auto;width:120px;transform:translateY(14px);}
.mission-tour-inner .mission-intro-top .intro-char img {display:block;width:100%;height:auto;}


/* 상단 인트로 */
.mission-intro-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 98px; }
.mission-branding { display: flex; align-items: center; position: relative; min-width: 320px; }
.mission-branding .brand-text { font-family: "Paperlogy", sans-serif; font-weight: 800; font-size: 28px; line-height: 1; letter-spacing: -1px; }
.mission-branding .brand-left { color: #11b3b4; position: relative; z-index: 2; }
.mission-branding .brand-right { color: #3f3d9b; position: relative; z-index: 2; margin-left: -6px; }
.mission-branding .brand-hand { position: relative; width: 82px; margin: 0 -6px; z-index: 1; }
.mission-branding .brand-hand img { display: block; width: 100%; }
.mission-top-copy { flex: 1; min-width: 0; max-width: 360px; }
.mission-top-copy p { margin: 0; font-family: "Paperlogy", sans-serif; font-size: 15px; line-height: 1.5; color: #666; font-weight: 400; word-break: keep-all; }
.mission-top-flower { width: 18px; flex-shrink: 0; }
.mission-top-flower img { display: block; width: 100%; }
.mission-top-character { width: 72px; flex-shrink: 0; }
.mission-top-character img { display: block; width: 100%; }
.mission-intro-desc {font-size:24px; margin-top:54px;}

/* 시안형 미션 영역 */
.mission-visual-group { margin-bottom: 26px; }
.mission-visual-title { margin: 0 0 12px; font-family: "Paperlogy", sans-serif; font-size: 26px; line-height: 1.3; color: #333; font-weight: 700; }
.mission-visual-box { display:flex; align-items:flex-start; gap:10px; padding:50px 50px 40px; background:#EAEAF4; border-radius:10px; margin-bottom:54px; }
.choice-box { max-width: 560px; }
.mission-visual-item { width: 444px; text-align: center; }
.mission-visual-item img { display: block; width: 100%; border-radius: 8px; margin-bottom: 18px; }
.mission-visual-item strong { display: block; margin-bottom: 4px; font-family: "Paperlogy", sans-serif; font-size: 24px; line-height: 1.3; color: #3f3d9b; font-weight: 700; }
.mission-visual-item p { margin: 0; font-family: "Paperlogy", sans-serif; font-size: 20px; line-height: 1.5; color: #555; }
.mission-visual-plus{position:relative;top:clamp(28px,4.8vw,78px);width:clamp(30px,3vw,36px);min-width:clamp(30px,3vw,36px);height:clamp(30px,3vw,36px);font-size:0;line-height:0;flex-shrink:0;}.mission-visual-plus:before{content:"+";display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#3f3d9b;color:#fff;font-family:"Paperlogy",sans-serif;font-size:clamp(18px,2vw,30px);line-height:1;font-weight:700;}@media screen and (max-width:767px){.mission-visual-plus{top:0;width:100%;min-width:0;height:auto;margin:4px 0;}.mission-visual-plus:before{width:clamp(30px,9vw,40px);height:clamp(30px,9vw,40px);margin:0 auto;font-size:clamp(18px,5vw,24px);}}
.mission-visual-plus:before { content: "+"; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #3f3d9b; color: #fff; font-family: "Paperlogy", sans-serif; font-size: 20px; line-height: 1; font-weight: 700; }
.mission-visual-plus2 {position:relative;top:clamp(28px,4.8vw,78px);width:clamp(30px,3vw,36px);min-width:clamp(30px,3vw,36px);height:clamp(30px,3vw,36px);font-size:0;line-height:0;flex-shrink:0;}.mission-visual-plus:before{content:"+";display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#3f3d9b;color:#fff;font-family:"Paperlogy",sans-serif;font-size:clamp(18px,2vw,30px);line-height:1;font-weight:700;}@media screen and (max-width:767px){.mission-visual-plus{top:0;width:100%;min-width:0;height:auto;margin:4px 0;}.mission-visual-plus:before{width:clamp(30px,9vw,40px);height:clamp(30px,9vw,40px);margin:0 auto;font-size:clamp(18px,5vw,24px);}}
.mission-visual-plus2:before { content: "or"; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #3f3d9b; color: #fff; font-family: "Paperlogy", sans-serif; font-size: 14px; line-height: 1; font-weight: 700; }
.mission-desc-list { margin: 14px 0 0; padding: 0; }
.mission-desc-list li { position: relative; padding-left: 10px; margin-bottom: 5px; font-family: "Paperlogy", sans-serif; font-size: 22px; line-height: 1.6; color: #666; }
.mission-desc-list li:last-child { margin-bottom: 0; }
.mission-red-note { margin: 10px 0 0; font-family: "Paperlogy", sans-serif; font-size: 14px; line-height: 1.7; color: #3f3d9b; font-weight: 600; }

.support-guide-list li { margin-bottom:56px; }
.support-guide-list li:last-child { margin-bottom:0; }
.support-guide-list li:before { top:14px; width:6px; height:6px; background:#3f3d9b; }
.support-guide-list li strong { font-size:22px; line-height:1.5; color:#3f3d9b; font-weight:700; margin-bottom:10px; }
.support-guide-list li p { margin-top:4px; font-size:15px; line-height:1.75; color:#666; font-weight:400; }
.support-guide-list .support-main-text { font-size:20px; line-height:1.6; color:#555; font-weight:700; margin-top:0; }
.support-guide-list .support-exclude-text { color:#ff4b6e; }

@media screen and (max-width:767px){
.mission-visual-box { flex-wrap:wrap; justify-content:center; gap:8px; padding:20px 0; }
.mission-visual-plus, .mission-visual-plus2 { display:none;width:100%; min-width:0; height:40px; margin:4px 0; transform:none; }
.mission-visual-plus:before { margin:0 auto; }
}

/* 공통 가이드 */
.guide-box { padding: 26px 26px 20px; background: #EAEAF4; border-radius: 12px; margin-bottom: 34px; }
.guide-block + .guide-block { margin-top: 22px; }
.guide-sub-title { margin: 0 0 14px; font-family: "Paperlogy", sans-serif; font-size: 24px; line-height: 1.3; color: #3f3d9b; font-weight: 700; }
.guide-list { margin: 0; padding: 0; }
.guide-list li { position: relative; padding-left: 14px; margin-bottom: 22px; font-family: "Paperlogy", sans-serif; color: #333; }
.guide-list li:last-child { margin-bottom: 0; }
.guide-list li:before { content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: #3f3d9b; }
.guide-list li strong { display: block; font-size: 17px; line-height: 1.7; font-weight: 600; color: #333; }
.guide-list li p { margin-top: 2px; font-size: 14px; line-height: 1.7; color: #666; font-weight: 400; }
.guide-list.compact li { margin-bottom: 18px; }
.guide-notice { margin: 0 0 28px; font-family: "Paperlogy", sans-serif; font-size: 22px; line-height: 1.6; color: #3f3d9b; font-weight: 700; letter-spacing: -0.4px; }
.hash-tag { margin-top: 22px; font-family: "Paperlogy", sans-serif; font-size: 14px; line-height: 1.7; color: #333; font-weight: 500; }
.point-text { color: #ff2d73 !important; font-weight: 600 !important; }

/* 지원요건 */
.support-require-top { padding:0; background:none; border-radius:0; margin-bottom:42px; }
.support-require-title { margin:0 0 4px; font-family:"Paperlogy", sans-serif; font-size:24px; line-height:1.4; color:#3f3d9b; font-weight:700; letter-spacing:-0.4px; }
.support-require-desc { margin:0; font-family:"Paperlogy", sans-serif; font-size:16px; line-height:1.7; color:#666; font-weight:400; letter-spacing:-0.2px; }
.support-mission-title { margin:0 0 18px; font-family:"Paperlogy", sans-serif; font-size:24px; line-height:1.45; color:#ff2d73; font-weight:700; letter-spacing:-0.4px; }
.support-mid-title { margin:0 0 12px; font-family:"Paperlogy", sans-serif; font-size:22px; line-height:1.4; color:#3f3d9b; font-weight:700; letter-spacing:-0.3px; }
.support-mid-gap { margin-top:42px; }
.support-table { width:100%; border-collapse:collapse; table-layout:fixed; margin-bottom:10px; }
.support-table th { padding:18px 18px; border-top:1px solid #d9d9e8; border-bottom:1px solid #d9d9e8; font-family:"Paperlogy", sans-serif; font-size:20px; line-height:1.7; color:#555; font-weight:700; text-align:center; vertical-align:middle; background:#fff; letter-spacing:-0.2px; }
.support-table td { padding:18px 26px; border-top:1px solid #d9d9e8; border-bottom:1px solid #d9d9e8; border-left:1px solid #e6e6f2; font-family:"Paperlogy", sans-serif; font-size:20px; line-height:1.8; color:#666; font-weight:400; vertical-align:middle; word-break:keep-all; letter-spacing:-0.2px; }
.support-note { margin:0; font-family:"Paperlogy", sans-serif; font-size:16px; line-height:1.75; color:#666; font-weight:400; letter-spacing:-0.2px; word-break:keep-all; }
.support-note-red { color:#ff4b6e; }
.support-sns-text { margin:0 0 2px; font-family:"Paperlogy", sans-serif; font-size:16px; line-height:1.75; color:#555; font-weight:400; letter-spacing:-0.2px; }
.support-sns-text strong { color:#555; font-weight:700; }
.guide-block > p { margin-top: 2px; font-family: "Paperlogy", sans-serif; font-size: 20px; line-height: 1.7; color: #666; font-weight: 400; word-break: keep-all; }
.guide-block > p + p { margin-top: 2px; }
.guide-block > .guide-sub-title { margin-bottom: 14px; }
.mission-point { color:#ff2d73; }
.section-sub-title { font-size:20px !important; line-height:1.4 !important; color:#3f3d9b !important; margin:26px 0 18px !important; }

@media screen and (max-width:767px){
.support-require-top { margin-bottom:28px; }
.support-require-title { font-size:18px; line-height:1.45; margin-bottom:4px; }
.support-require-desc { font-size:14px; line-height:1.7; }

.support-mission-title { font-size:18px; line-height:1.5; margin-bottom:14px; }
.support-mid-title { font-size:16px; line-height:1.45; margin-bottom:10px; }
.support-mid-gap { margin-top:28px; }

.support-table { margin-bottom:10px; }
.support-table th { padding:12px 10px; font-size:16px; line-height:1.6; }
.support-table td { padding:12px; font-size:16px; line-height:1.7; }

.support-note { font-size:16px; line-height:1.7; }
.support-sns-text { font-size:16px; line-height:1.7; }

.guide-block > p { font-size:16px; line-height:1.7; margin-top:2px; }
.guide-block > .guide-sub-title { margin-bottom:10px; }
.section-sub-title { font-size:16px !important; line-height:1.45 !important; margin-bottom:10px !important; }


}

/*신청기간*/
.process-image-box { width:100%; margin-top:18px; }
.process-image { display:block; width:100%; max-width:100%; height:auto;    margin: 40px 0 0 -14px; }
.guide-sub-desc { font-size:20px; line-height:1.5; color:#666; font-weight:400; }
.guide-detail-btn-wrap {margin-top: 20px;text-align: left;}
.guide-detail-btn {display: inline-block;padding: 12px 20px;background: #2f3f9f;color: #fff !important;font-size: 16px;font-weight: 600;border-radius: 8px;text-decoration: none;line-height: 1.4;box-sizing: border-box;}
.guide-detail-btn:hover {opacity: 0.9;}

@media screen and (max-width:767px){
.process-image-box { margin-top:12px; }
.guide-sub-desc { display:block; margin-top:4px; font-size:16px; line-height:1.6; }
.guide-detail-btn-wrap {margin-top: 16px;}
.guide-detail-btn {width: 100%;text-align: center;padding: 14px 16px;font-size: 15px;}
}

/*지원제외*/
.process-image-box { width:100%; margin-top:18px; }
.process-image { display:block; width:100%; max-width:100%; height:auto; }
.guide-sub-desc { font-size:20px; line-height:1.5; color:#666; font-weight:400; }
.exclude-list {margin-top: 2px;font-size: 20px;line-height: 1.7;color: #666;font-weight: 400;}

/* 명소 그리드 */
.spot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; max-width: 1096px; }
.spot-card img { display: block; width: 100%; border-radius: 8px; margin-bottom: 8px; }
.spot-card p { margin: 0; font-family: "Paperlogy", sans-serif; font-size: 18px; line-height: 1.5; color: #555; font-weight: 400; }
.spot-card .spot_tit {font-size: 24px;font-weight: 600;}

/* 주의사항 */
.guide-caution-list { margin: 0; padding: 0; }
.guide-caution-list li { position: relative; padding-left: 10px; margin-bottom: 8px; font-family: "Paperlogy", sans-serif; font-size: 14px; line-height: 1.75; color: #555; font-weight: 400; word-break: keep-all; }
.guide-caution-list li:last-child { margin-bottom: 0; }

@media screen and (max-width: 1024px) {
.mission_sub_visual { height: 180px; }
.mission_sub_visual .sub_visual_title h2 { font-size: 42px; }
.mission-row { gap: 32px; }
.mission-row-title { width: 150px; font-size: 20px; }
.guide-sub-title { font-size: 21px; }
.guide-notice { font-size: 19px; }
.mission-main-intro { align-items: flex-start; }
.intro-logo-box { width: 320px; }
.intro-desc p { font-size: 16px; }
.mission-intro-top { gap: 14px; }
.mission-branding { min-width: 340px; }
.mission-branding .brand-text { font-size: 26px; }
.mission-branding .brand-hand { width: 74px; }
.mission-top-copy p { font-size: 15px; }
.mission-top-character { width: 74px; }
}

@media screen and (max-width: 767px) {
.mission_sub_visual { height: 140px; }
.mission_sub_visual .sub_visual_title h2 { font-size: 30px; }
.mission-tour-page { padding: 28px 0 50px; }
.mission-tour-inner { padding: 0 16px; }
.mission-row { display: block; padding: 28px 0; }
.mission-row-title { width: 100%; margin-bottom: 18px; font-size: 20px; }
.mission-main-intro { display: block; margin-bottom: 20px; }
.intro-logo-box { width: 280px; margin: 0 auto 12px; }
.intro-desc { padding: 0; text-align: center; margin-bottom: 12px; }
.intro-desc p { font-size: 14px; }
.intro-char { width: 64px; margin: 0 auto; }
.mission-visual-box { flex-wrap: wrap; justify-content: center; gap: 8px; padding: 20px 0; }
.mission-visual-item { width:90%; }
.choice-box .mission-visual-item { width:90%; }
.mission-visual-plus { width: 100%; transform: rotate(90deg); }
.mission-visual-title { font-size: 16px; }
.mission-red-note { font-size: 13px; }
.guide-box { padding: 20px 18px 16px; margin-bottom: 24px; }
.guide-sub-title { font-size: 19px; margin-bottom: 10px; }
.guide-list li strong { font-size: 15px; line-height: 1.65; }
.guide-list li p, .hash-tag, .guide-caution-list li { font-size: 16px; line-height: 1.7; }
.guide-notice { font-size: 17px; line-height: 1.5; margin-bottom: 20px; }
.spot-grid { grid-template-columns: 1fr; gap: 14px; }

.mission-intro-top { display: block; margin-bottom: 28px; text-align: center; }
.mission-branding { justify-content: center; min-width: 0; margin-bottom: 12px; }
.mission-branding .brand-text { font-size: 24px; }
.mission-branding .brand-hand { width: 78px; margin: 0 -8px; }
.mission-top-copy { margin-bottom: 10px; }
.mission-top-copy p { font-size: 14px; }
.mission-top-flower { display: inline-block; width: 18px; vertical-align: middle; margin-right: 8px; }
.mission-top-character { display: inline-block; width: 62px; vertical-align: middle; }
.exclude-list {font-size: 16px;}
}

/* 참가신청안내 */
.join_sub_visual { position: relative; width: 100% !important; max-width: 100% !important; height: 220px; margin: 0; background-position: center center; background-size: cover; }
.join_sub_visual .sub_visual_dim { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.28); }
.join_sub_visual .sub_visual_title { position: relative; z-index: 2; width: 100%; max-width: 1620px; height: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.join_sub_visual .sub_visual_title h2 { margin: 0; font-family: "Paperlogy", sans-serif; font-size: 56px; line-height: 1.1; color: #fff; font-weight: 800; letter-spacing: -1px; }
.join-guide-page { width: 100%; background: #fff; padding: 90px 0 90px; }
.join-guide-inner { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.guide-row { display: flex; align-items: flex-start; gap: 48px; padding: 42px 0; border-top: 1px solid #dddddd; }

.guide-row-title { width: 170px; flex-shrink: 0; font-family: "Paperlogy", sans-serif; font-size: 22px; line-height: 1.3; color: #333; font-weight: 700; letter-spacing: -0.5px; }
.guide-row-content { flex: 1; min-width: 0; }

.guide-box { padding: 26px 26px 20px; background: #EAEAF4; border-radius: 12px; margin-bottom: 34px; }
.guide-block + .guide-block { margin-top: 42px; }

.guide-sub-title { margin: 0 0 14px; font-family: "Paperlogy", sans-serif; font-size: 24px; line-height: 1.3; color: #3f3d9b; font-weight: 700; }

.guide-list { margin: 0; padding: 0; }
.guide-list li { position: relative; padding-left: 14px; margin-bottom: 22px; font-family: "Paperlogy", sans-serif; color: #333; }
.guide-list li:last-child { margin-bottom: 0; }
.guide-list li:before { content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: #3f3d9b; }
.guide-list li strong { display: block; font-size: 17px; line-height: 1.7; font-weight: 600; color: #333; }
.guide-list li p { margin-top: 2px; font-size: 14px; line-height: 1.7; color: #666; font-weight: 400; }
.guide-list.compact li { margin-bottom: 18px; }

.point { color: #3f3d9b; }

.guide-notice { margin: 0 0 28px; font-family: "Paperlogy", sans-serif; font-size: 22px; line-height: 1.6; color: #3f3d9b; font-weight: 700; letter-spacing: -0.4px; }

.hash-tag { margin-top: 22px; font-family: "Paperlogy", sans-serif; font-size: 14px; line-height: 1.7; color: #333; font-weight: 500; }

.point-text { color: #ff2d73 !important; font-weight: 600 !important; }

.guide-caution-list { margin: 0; padding: 0; }
.guide-caution-list li { position: relative; padding-left: 10px; margin-bottom: 8px; font-family: "Paperlogy", sans-serif; font-size: 14px; line-height: 1.75; color: #555; font-weight: 400; word-break: keep-all; }
.guide-caution-list li:last-child { margin-bottom: 0; }

@media screen and (max-width: 1024px) {
.join_sub_visual { height: 180px; }
.join_sub_visual .sub_visual_title h2 { font-size: 42px; }
.guide-row { gap: 32px; }
.guide-row-title { width: 150px; font-size: 20px; }
.guide-sub-title { font-size: 21px; }
.guide-notice { font-size: 19px; }
.mission-tour-inner .mission-intro-top {gap:18px;margin-bottom:56px;}
.mission-tour-inner .mission-intro-top .intro-logo-box {max-width:420px;}
.mission-tour-inner .mission-intro-top .intro-desc {transform:translateY(8px);}
.mission-tour-inner .mission-intro-top .intro-desc p {font-size:17px;line-height:1.4;white-space:normal;word-break:keep-all;}
.mission-tour-inner .mission-intro-top .intro-char {width:82px;transform:translateY(8px);}

}

@media screen and (max-width: 767px) {
.join_sub_visual { height: 140px; }
.join_sub_visual .sub_visual_title h2 { font-size: 30px; }
.join-guide-page { padding: 28px 0 50px; }
.join-guide-inner { padding: 0 16px; }
.guide-row { display: block; padding: 28px 0; }
.guide-row-title { width: 100%; margin-bottom: 18px; font-size: 20px; }
.guide-box { padding: 20px 18px 16px; margin-bottom: 24px; }
.guide-sub-title { font-size: 19px; margin-bottom: 10px; }
.guide-list li strong { font-size: 15px; line-height: 1.65; }
.guide-notice { font-size: 17px; line-height: 1.5; margin-bottom: 20px; }
.mission-tour-inner .mission-intro-top {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;margin-bottom:40px;text-align:center;}
.mission-tour-inner .mission-intro-top .intro-logo-box {width:100%;max-width:480px;}
.mission-tour-inner .mission-intro-top .intro-desc {transform:none;}
.mission-tour-inner .mission-intro-top .intro-desc p {font-size:15px;line-height:1.5;white-space:normal;word-break:keep-all;}
.mission-tour-inner .mission-intro-top .intro-char {width:72px;transform:none;}
.mission-intro-desc {margin-top:0;}
}

@media screen and (max-width:480px){
.mission-tour-inner .mission-intro-top {gap:14px;margin-bottom:26px;}
.mission-tour-inner .mission-intro-top .intro-logo-box {max-width:320px;}
.mission-tour-inner .mission-intro-top .intro-desc p {font-size:14px;line-height:1.5;}
.mission-tour-inner .mission-intro-top .intro-char {width:60px;}
}

/* 참가신청하기, 경비신청하기 */
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;}
.point-b {color:#666 !important; font-weight:600 !important;}
.mt-16{margin-top:16px!important;}

/* 경비신청안내 */
/* =========================
   cost guide page
========================= */
.cost_sub_visual { position: relative; width: 100% !important; max-width: 100% !important; height: 220px; margin: 0; background-position: center center; background-size: cover; }
.cost_sub_visual .sub_visual_dim { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.28); }
.cost_sub_visual .sub_visual_title { position: relative; z-index: 2; width: 100%; max-width: 1620px; height: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.cost_sub_visual .sub_visual_title h2 { margin: 0; font-family: "Paperlogy", sans-serif; font-size: 56px; line-height: 1.1; color: #fff; font-weight: 800; letter-spacing: -1px; }

.cost-guide-page { width: 100%; background: #fff; padding: 42px 0 90px; }
.cost-guide-inner { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.guide-row { display: flex; align-items: flex-start; gap: 110px; padding: 42px 0; border-top: 1px solid #dddddd; }
.guide-row.first { border-top: 0; padding-top: 0; }
.guide-row.last { padding-bottom: 0; }

.guide-row-title { width: 250px; flex-shrink: 0; font-family: "Paperlogy", sans-serif; font-size: 34px; line-height: 1.3; color: #3f3d9b; font-weight: 700; letter-spacing: -0.5px; }
.guide-row-content { flex: 1; min-width: 0; }

.guide-box { padding: 26px 26px 20px; background: #EAEAF4; border-radius: 12px; margin-bottom: 34px; }

.guide-sub-title { margin: 0 0 14px; font-family: "Paperlogy", sans-serif; font-size: 26px; line-height: 1.3; color: #3f3d9b; font-weight: 700; }

.guide-list { margin: 0; padding: 0; }
.guide-list li { position: relative; padding-left: 14px; margin-bottom: 22px; font-family: "Paperlogy", sans-serif; color: #333; }
.guide-list li:last-child { margin-bottom: 0; }
.guide-list li:before { content: ""; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: #3f3d9b; }
.guide-list li strong { display: block; font-size: 22px; line-height: 1.7; font-weight: 600; color: #3f3d9b; }
.guide-list li p { margin-top: 2px; font-size: 20px; line-height: 1.7; color: #666; font-weight: 400; }
.guide-list.compact li { margin-bottom: 18px; }

.point { color: #3f3d9b; }

.guide-notice { margin: 0 0 28px; font-family: "Paperlogy", sans-serif; font-size: 22px; line-height: 1.6; color: #3f3d9b; font-weight: 700; letter-spacing: -0.4px; }
.hash-tag { margin-top: 22px; font-family: "Paperlogy", sans-serif; font-size: 14px; line-height: 1.7; color: #333; font-weight: 500; }
.point-text { color: #ff2d73 !important; font-weight: 600 !important; }

.guide-caution-list { margin: 0; padding: 0; }
.guide-caution-list li { position: relative; padding-left: 10px; margin-bottom: 8px; font-family: "Paperlogy", sans-serif; font-size: 20px; line-height: 1.75; color: #555; font-weight: 400; word-break: keep-all; }
.guide-caution-list li:last-child { margin-bottom: 0; }

@media screen and (max-width: 1024px) {
  .cost_sub_visual { height: 180px; }
  .cost_sub_visual .sub_visual_title h2 { font-size: 42px; }
  .guide-row { gap: 32px; }
  .guide-row-title { width: 150px; font-size: 20px; }
  .guide-sub-title { font-size: 21px; }
  .guide-notice { font-size: 19px; }
}

@media screen and (max-width: 767px) {
  .cost_sub_visual { height: 140px; }
  .cost_sub_visual .sub_visual_title h2 { font-size: 30px; }
  .cost-guide-page { padding: 28px 0 50px; }
  .cost-guide-inner { padding: 0 16px; }
  .guide-row { display: block; padding: 28px 0; }
  .guide-row-title { width: 100%; margin-bottom: 18px; font-size: 20px; }
  .guide-box { padding: 20px 18px 16px; margin-bottom: 24px; }
  .guide-sub-title { font-size: 19px; margin-bottom: 10px; }
  .guide-list li strong { font-size: 16px; line-height: 1.65; }
  .guide-list li p, .hash-tag, .guide-caution-list li { font-size: 16px; line-height: 1.7; }
  .guide-notice { font-size: 17px; line-height: 1.5; margin-bottom: 20px; }
}