/************************* SUB CONTENTS *************************/ /* common */ #subContainer {} /*subtop*/ .sub_top {position:relative; min-height:304px; overflow:hidden} .sub_top .bg {position:absolute; top:0; left:0; width:100%; height:100%} .sub_top .bg img {position:absolute} .sub_top .bg img.left {bottom:22px; right:50%; margin-right:199px} .sub_top .bg img.right {bottom:54px; left:50%; margin-left:386px} .sub_tit {position:relative; padding-top:170px; text-align:center} .sub_tit h1 {line-height:1; font-size:33px; color:#282828; font-weight:500} .sub_tit var {display:block; width:50px; height:5px; margin:39px auto 0; background:#444} .sub_tit p {margin-top:50px; font-size:18px; color:#6f6f6f} /* 이용안내 */ .sub_guide .tit {width:365px; height:60px; line-height:60px; margin:0 auto; border-radius:30px; text-align:center; background:#2172cd} .sub_guide .tit > span {font-size:25px; color:#ffffff; font-weight:500} .sub_guide p.desc {max-width:990px; margin:65px auto 0; font-size:20px; color:#424242} .sub_guide .join_process_step {position:relative; width:90%; max-width:1200px; padding:195px 0; margin:64px auto 0; transition:width .3s} .sub_guide .join_process_step .line {position:absolute; top:50%; left:5.55%; right:5.55%; height:1px; margin-top:-.5px; overflow:hidden} .sub_guide .join_process_step .line > var {position:absolute; top:0; left:0; width:100%; border-top:1px dashed #d5d5d5;} .sub_guide .join_process_step .line > span {position:absolute; top:0; left:0; height:100%; width:0; background:#258fe0} .sub_guide .join_process_list:after {display:block; clear:both; content:''} .sub_guide .join_process_list li {position:relative; float:left; width:11.111%; text-align:center;} .sub_guide .join_process_list li > span {display:inline-block; width:28px; height:28px; line-height:28px; text-align:center; font-size:15px; border:1px solid #258fe0; color:#258fe0; border-radius:50%; background:#fff} .sub_guide .join_process_list li .con {position:absolute; box-sizing:border-box; left:50%; width:170px; height:170px; margin-left:-85px; border:1px solid #626262; border-radius:50%; box-shadow:5px 5px 5px #dcdcdc; opacity:0} .sub_guide .join_process_list li:nth-child(2n) .con {top:100%; margin-top:25px} .sub_guide .join_process_list li:nth-child(2n-1) .con {bottom:100%; margin-bottom:25px} .sub_guide .join_process_list li .con h3 {padding-top:30px; line-height:1.3; font-size:15px; color:#3a3a3a; font-weight:500} .sub_guide .join_process_list li .con .icon {margin-top:10px} .sub_guide .join_process_list li:nth-child(2n-1) .con:after {position:Absolute; top:100%; left:50%; height:17px; width:14px; margin-left:-5px; font-size:0; background:#fff url('/img/sub/speech_bubble_figure.png') no-repeat; content:''} .sub_guide .join_process_list li:nth-child(2n) .con:after {position:Absolute; bottom:100%; left:50%; height:11px; width:14px; margin-left:-5px; font-size:0; background:#fff url('/img/sub/speech_bubble_figure2.png') no-repeat; content:''} .sub_guide .join_process_list li.active > span {background:#258fe0; color:#fff} .sub_guide .join_process_list li.active > .con {} .sub_guide .join_process_desc {max-width:840px; margin:80px auto 90px} .sub_guide .join_process_desc li {font-size:20px; color:#424242} .sub_guide .guide_section02 {padding:87px 0 100px; background:#f7fbff} .sub_guide .guide_section03 {padding:96px 0} .sub_guide .guide_section03 .tit {background:#383838} /* 신청하기 */ .sub_apply .inner {max-width:1085px} .sub_apply .insu_tit {height:110px; line-height:110px; background:#fafafa; border-bottom:1px solid #dbdbdb} .sub_apply .insu_tit h2 {font-size:30px; color:#424242; text-align:center} .sub_apply .insu_progress {position:relative; padding:30px 0; text-align:center} .sub_apply .insu_progress ul li {position:relative; display:inline-block; width:74px; height:29px; line-height:29px; font-size:15px; color:#424242; border-radius:15px; text-align:center; background:#e1e1e1} .sub_apply .insu_progress ul li:nth-child(1).active {color:#fff; background:#f0a143} .sub_apply .insu_progress ul li:nth-child(2).active {color:#fff; background:#2fa19a} .sub_apply .insu_progress ul li:nth-child(3).active {color:#fff; background:#2172cd} .sub_apply .insu_progress ul li + li {margin-left:28px} .sub_apply .insu_progress ul li + li:before {position:absolute; right:100%; top:50%; width:30px; border-top:2px dashed #e1e1e1; margin-top:-1px; content:''} .sub_apply .insu_progress p {position:absolute; top:35px; right:0; font-size:15px; color:#c9463b} .sub_apply .type_tab {position:relative; width:265px; margin:19px auto; overflow:hidden} .sub_apply .type_tab:before {position:absolute; top:0; bottom:0; right:0; left:0; border:1px solid #c2c2c2; border-radius:10px; content:''} /*.sub_apply .type_tab:after {position:absolute; left:0; top:0; width:50%; height:100%; background:#2172cd; border-radius:10px; content:''; -webkit-transition:.3s; transition:.3s}*/ .sub_apply .type_tab.type1:after {left:50%} .sub_apply .type_tab li {z-index:1; position:relative; float:left; width:50%; height:54px; line-height:54px; text-align:center; border-radius:10px;} .sub_apply .type_tab li a {display:block} .sub_apply .type_tab li span {font-size:18px; color:#5a5a5a; -webkit-transition:.3s; transition:.3s} .sub_apply .type_tab li.active {background:#2172cd} .sub_apply .type_tab li.active span {color:#fff} .apply_form_group {position:relative; padding:30px 0; border-top:1px solid #dbdbdb} .apply_form_group .step_tit {position:absolute; font-size:30px; color:#515151} .apply_form_group .form_list {padding-left:160px} .apply_form_group .form_list:after {display:block; clear:both; content:''} .apply_form_group .form_list > li {position:relative; box-sizing:border-box; min-height:40px; padding-left:155px} .apply_form_group .form_list > li:after {display:block; clear:both; content:''} .apply_form_group .form_list > li + li {margin-top:10px} .apply_form_group .form_list > li.half_field {float:left; width:50%} .apply_form_group .form_list > li .input_name {position:absolute; left:0; top:0; line-height:40px} .apply_form_group .form_list > li .input_name label {font-size:18px; color:#515151} .apply_form_group .form_list > li .input_name label.required {color:#c9463b} .apply_form_group .form_list > li .input_box {position:relative} .apply_form_group .form_list > li .input_box .frm_input {box-sizing:border-box; width:100%; height:40px; padding:6px 15px; background:#fafafa; border:1px solid #c4c4c4; border-radius:5px; font-size:15px; color:#7f7e7e} .apply_form_group .form_list > li .input_box2 > span {display:block; float:left; width:50%; box-sizing:border-box} .apply_form_group .form_list > li .input_box2 > span:first-child {padding-right:20px} .apply_form_group .form_list > li .input_box2 > span:first-child + span {padding-left:20px} .apply_form_group .form_list > li .input_box2 > var {position:absolute; left:50%; width:40px; margin-left:-20px; text-align:center; line-height:40px} .apply_form_group .form_list > li .input_box2 > var em {font-size:30px; color:#7f7e7e} .apply_form_group .form_list > li.resNum_field {padding-right:150px} .apply_form_group .form_list > li.address_field .input_box {padding-right:150px} .apply_form_group .form_list > li.address_field .btn_frmline {position:absolute; right:0; width:136px; height:40px; background:#515151; font-size:18px} .apply_form_group .form_list > li.address_field .mb_zip_wrap ~ .frm_input {margin-top:10px} .apply_form_group .form_list > li.email_field {padding-right:150px} .apply_form_group .form_list > li.email_field .select_box {float:left; position:relative; width:30%} .apply_form_group .form_list > li.email_field .select_box .sel_option {display:none; z-index:1; position:absolute; top:0; left:0; right:0; padding:4px 0; background:#fafafa; border:1px solid #c4c4c4; border-radius:5px} .apply_form_group .form_list > li.email_field .select_box .sel_option > li {padding:3px 15px; font-size:15px; color:#7f7e7e} .apply_form_group .form_list > li.email_field .select_box .sel_arr {z-index:1; position:absolute; right:13px; top:50%; width:12px; height:12px; margin-top:-6px; background:url('/img/sub/arr_sel.png') no-repeat; transition:.3s} .apply_form_group .form_list > li.email_field .select_box.open .sel_arr {transform:rotate(180deg)} .apply_form_group .form_list > li.email_field .input_box2 var em {font-size:18px; color:#c9463b} .apply_form_group .form_list > li.pwChk_field .input_name {left:45px} .apply_form_group .form_list > li.agree_field {padding-left:185px} .apply_form_group .form_list > li.agree_field .input_box {line-height:40px} .apply_form_group .form_list > li.agree_field .chkbox {display:inline-block} .apply_form_group .form_list > li.agree_field .privacy_btn {display:inline-block; border:0; border-bottom:1px solid #c63121; font-size:15px; color:#c63121; background:#fff} .apply_form_group .form_list > li.desc {padding-left:0} .apply_form_group .form_list > li.desc p {line-height:33px; font-size:18px; color:#515151} .apply_form_group .form_list > li.desc p.blue {color:#2172cd} .apply_form_group .form_list > li.info_field {float:left; clear:both} .apply_form_group .form_list > li .pw_msg {font-size:15px; color:#c9463b} .apply_form_group .form_list > li .file_option {position:absolute; right:10px; top:10px} .apply_form_group .form_list > li .file_option .file_download {padding:2px 5px; margin-right:10px; border:1px solid #515151; font-size:13px; vertical-align:middle} .apply_form_group .form_list > li .file_option .chkbox i {margin-right:4px} .apply_result_message {margin:85px 0 45px; text-align:center} .apply_result_message > h1 {display:inline-block; position:relative; margin-bottom:70px} .apply_result_message > h1 > img {position:absolute; top:-15px; left:-20px} .apply_result_message > h1 > span {position:relative; display:block; line-height:1; font-size:33px; color:#004899} .apply_result_message > p {font-size:20px; color:#363636} .apply_result_message > .sgi_agree_btn {display:inline-block; width:336px; margin:50px 0; padding:22px 0; border:1px solid #2e7ad0; background:url('/img/sub/sgi_mark_bg.png') no-repeat left center; background-position:-5% center; text-align:center; border-radius:5px} .apply_result_message > .sgi_agree_btn > span {font-size:20px; color:#2172cd} .apply_result_message > .sgi_agree_btn > span > b {font-size:1em; color:#fb1801} .sub_apply .btn_wrap {margin:25px 0 65px} .sub_apply .btn_wrap ul {text-align:center} .sub_apply .btn_wrap ul li {display:inline-block; margin:0 3.5px} .sub_apply .btn_wrap ul li .btn {width:132px} .sub_apply .foot_info {padding:30px 0; text-align:center; background:#eef8ff} .sub_apply .foot_info .info_list li {display:inline-block; margin:0 19px; padding-left:20px; font-size:15.47px; color:#353535; background:url('/img/sub/icon_check_blue.png') no-repeat left center} .sub_apply .foot_info .insu_recommend {display:table; width:94%; max-width:1200px; margin:0 auto; overflow:hidden} .sub_apply .foot_info .insu_recommend > * {display:table-cell; vertical-align:middle; transition:.3s} .sub_apply .foot_info .insu_recommend dt {width:21.66%; font-size:25px; color:#353535; text-align:left} .sub_apply .foot_info .insu_recommend dt > span {font-size:1em; color:#2172cd; background:#ffd052} .sub_apply .foot_info .insu_recommend dd {box-sizing:border-box; width:19.585%; padding-left:10px} .sub_apply .foot_info .insu_recommend dd a {position:relative; display:block; height:113px; border:1px solid #949494; border-radius:8px} .sub_apply .foot_info .insu_recommend dd.rec1 a {background:#fff url('/img/sub/insu_recommend_bg1.png')no-repeat; } .sub_apply .foot_info .insu_recommend dd.rec2 a {background:#fff url('/img/sub/insu_recommend_bg2.png')no-repeat; } .sub_apply .foot_info .insu_recommend dd.rec3 a {background:#fff url('/img/sub/insu_recommend_bg3.png')no-repeat; } .sub_apply .foot_info .insu_recommend dd.all a {background:#2f2f2f} .sub_apply .foot_info .insu_recommend dd span {position:absolute; top:20px; left:20px; line-height:1.3; font-size:22px; color:#282828; text-align:left} .sub_apply .foot_info .insu_recommend dd em {position:absolute; bottom:10px; right:10px; font-size:15px; color:#2172cd} .sub_apply .foot_info .insu_recommend dd.all span {color:#fff} .sub_apply .foot_info .insu_recommend dd.all em {color:#ababab} /*개인정보처리방침 팝업*/ #popPrivacyWrap {display:none; z-index:10; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto} #popPrivacyWrap .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5} #popPrivacyWrap .pop_box {position:relative; box-sizing:border-box; width:94%; max-width:1084px; margin:50px auto; border:3px solid #3a3a3a; background:#fff; border-radius:10px} #popPrivacyWrap .pop_box_inner {padding:105px 9.87%; transition:.3s} #popPrivacyWrap .btn_close {position:absolute; top:43px; right:43px; width:30px; height:30px; transform:rotate(45deg); cursor:pointer} #popPrivacyWrap .btn_close > var {position:absolute; top:50%; left:0; width:100%; height:2px; margin-top:-1px; background:#3a3a3a} #popPrivacyWrap .btn_close > .line2 {transform:rotate(90deg)} #popPrivacyWrap .pop_tit {padding-bottom:30px} #popPrivacyWrap .pop_tit > h1 {display:inline-block; position:relative; margin-bottom:20px} #popPrivacyWrap .pop_tit > h1 > span {position:relative; display:inline-block; line-height:1; font-size:33px; color:#004899} #popPrivacyWrap .pop_tit > h1 > img {position:absolute; top:-15px; left:-20px} #popPrivacyWrap .pop_tit > p {line-height:32px; font-size:18px; color:#7aaee8} #popPrivacyWrap .pop_content {border-top:1px solid #dedede} #popPrivacyWrap .pop_content > h2 {margin-top:25px; font-size:15px; color:#4a4a4a; font-weight:500} #popPrivacyWrap .pop_content > p {margin-top:25px; font-size:15px; color:#4a4a4a} /*게시판*/ #boardWrap {*padding-bottom:80px} /*정책*/ #policyWrap {padding-bottom:80px} #policyWrap .inner {border-top:1px solid #dedede} #policyWrap h2 {margin:23px 0; font-size:15px; color:#000; font-weight:700} #policyWrap h3 {margin:23px 0; font-size:15px; color:#000; font-weight:500} #policyWrap p {font-size:15px; color:#4a4a4a} @media screen and (max-width:1200px){ /* 이용안내 */ .sub_guide .join_process_list li .con {width:160px; height:160px; margin-left:-80px} .sub_apply .foot_info .insu_recommend dt {width:18%} .sub_apply .foot_info .insu_recommend dd {width:20.5%} } @media screen and (max-width:1024px){ /* common */ .sub_tit {padding-top:5.33em} .sub_tit h1 {font-size:1.5em} .sub_tit var {width:2.88em; height:.23em; margin:1.75em auto 0} .sub_tit p {font-size:1em} /*subtop*/ .sub_top {min-height:11em} .sub_top .bg img.left {bottom:1.2em; margin-right:5.3%; width:29.2em} .sub_top .bg img.right {bottom:3.43em; margin-left:24.4%; width:28em} /* 이용안내 */ .sub_guide .tit {width:15.75em; height:3em; line-height:3em} .sub_guide .tit > span {font-size:1em} .sub_guide p.desc {width:90%; margin:1.8em auto 0; font-size:1em} .sub_guide .join_process_step {width:90%; max-width:840px; padding:0; margin:2.2em auto 0} .sub_guide .join_process_step .line {display:none} .sub_guide .join_process_list {border:1px solid #626262; border-radius:1em} .sub_guide .join_process_list li {width:33.33%; padding-top:32%; box-sizing:border-box; border-bottom:1px solid #626262; border-right:1px solid #626262} .sub_guide .join_process_list li:nth-child(6) ~ li {border-bottom:0} .sub_guide .join_process_list li:nth-child(3n) {border-right:0} .sub_guide .join_process_list li > span {position:absolute; top:50%; left:100%; width:1.62em; height:1.62em; margin:-.81em 0 0 -.81em; font-size:1em; border-radius:0; border:0; text-indent:999px; overflow:hidden; background:url('/img/sub/join_process_arr.png'); background-size:100% 100%} .sub_guide .join_process_list li .con {top:50%; margin-top:-80px; border:0; border-radius:0%; box-shadow:none} .sub_guide .join_process_list li:nth-child(2n) .con {top:50%; margin-top:-80px} .sub_guide .join_process_list li:nth-child(2n-1) .con {bottom:0; margin-bottom:0} .sub_guide .join_process_list li:nth-child(3n) > span {display:none} .sub_guide .join_process_list li:nth-child(2n-1) .con:after {display:none} .sub_guide .join_process_list li:nth-child(2n) .con:after {display:none} .sub_guide .join_process_list li.active > span {background:url('/img/sub/join_process_arr.png'); background-size:100%} .sub_guide .join_process_desc {width:90%; margin:1.75em auto 3.3em} .sub_guide .join_process_desc li {font-size:1em} .sub_guide .guide_section02 {padding:3em 0} .sub_guide .guide_section03 {padding:3em 0} /* 신청하기 */ .sub_apply .inner {width:90%} .sub_apply .insu_tit {height:4.275em; line-height:4.275em} .sub_apply .insu_tit h2 {font-size:1.25em} .sub_apply .insu_progress {padding:1.5em 0 1em} .sub_apply .insu_progress ul li {width:5.5em; height:1.82em; line-height:1.82em; font-size:.825em;} .sub_apply .insu_progress p {position:relative; top:0; margin-top:.5em} .sub_apply .type_tab {width:14em; margin:1.5em auto} .sub_apply .type_tab li {height:3em; line-height:3em} .sub_apply .type_tab li span {font-size:.95em} .apply_form_group {padding:2.12em 0 1.5em} .apply_form_group .step_tit {position:relative; font-size:1.25em; text-align:center} .apply_form_group .form_list {padding-left:0; margin-top:1.85em} .apply_form_group .form_list > li {min-height:2.375em; padding-left:6.35em} .apply_form_group .form_list > li + li {margin-top:.5em} .apply_form_group .form_list > li.half_field {float:none; width:100%} .apply_form_group .form_list > li .input_name {line-height:2.375em} .apply_form_group .form_list > li .input_name label {font-size:.875em} .apply_form_group .form_list > li .input_box .frm_input {height:2.714em; padding:.4em 1em; font-size:.875em} .apply_form_group .form_list > li .input_box2 > span:first-child {padding-right:1em} .apply_form_group .form_list > li .input_box2 > span:first-child + span {padding-left:1em} .apply_form_group .form_list > li .input_box2 > var {width:2em; margin-left:-1em; height:2.3em; line-height:2.3em} .apply_form_group .form_list > li .input_box2 > var em {font-size:2em} .apply_form_group .form_list > li.resNum_field {padding-right:0} .apply_form_group .form_list > li.address_field .input_box {padding-right:0} .apply_form_group .form_list > li.address_field .btn_frmline {width:7.85em; height:2.714em; font-size:.875em} .apply_form_group .form_list > li.address_field .mb_zip_wrap {padding-right:7.4em} .apply_form_group .form_list > li.address_field .mb_zip_wrap ~ .frm_input {margin-top:.57em} .apply_form_group .form_list > li.email_field {padding-right:0} .apply_form_group .form_list > li.email_field .select_box {width:33%} .apply_form_group .form_list > li.email_field .select_box .sel_option {padding:.4em 0} .apply_form_group .form_list > li.email_field .select_box .sel_option > li {padding:.2em 1em; font-size:.875em} .apply_form_group .form_list > li.email_field .select_box .sel_arr {right:.5em; width:.8em; height:.8em; margin-top:-.4em; background-size:100% 100%} .apply_form_group .form_list > li.email_field .input_box2 var em {font-size:1em} .apply_form_group .form_list > li.pwChk_field .input_name {left:0} .apply_form_group .form_list > li.agree_field {padding-left:8.6em} .apply_form_group .form_list > li.agree_field .input_box {line-height:2.375em} .apply_form_group .form_list > li.agree_field .privacy_btn {font-size:.875em} .apply_form_group .form_list > li.desc {margin-bottom:1.375em} .apply_form_group .form_list > li.desc p {line-height:1.3; font-size:.875em; text-align:center} .apply_form_group .form_list > li.desc p + p {margin-top:.5em} .apply_form_group .form_list > li p.pw_msg {font-size:.875em} .apply_form_group .form_list > li .file_option {right:.5em; top:.3em} .apply_form_group .form_list > li .file_option .file_download {padding:.1em .3em; margin-right:.7em; font-size:.875em} .apply_form_group .form_list > li .file_option .chkbox i {margin-right:2px} .apply_result_message {margin:2.75em 0 2.2em} .apply_result_message > h1 {margin-bottom:1.5em} .apply_result_message > h1 > span {font-size:1.375em} .apply_result_message > h1 > img {top:-.7em; left:-.85em; width:2em} .apply_result_message > p {font-size:.95em} .apply_result_message > .sgi_agree_btn {width:15.75em; margin:1.75em 0; padding:1em 0} .apply_result_message > .sgi_agree_btn > span {font-size:1.1em} .sub_apply .btn_wrap {margin:1.5em 0 2.2em} .sub_apply .btn_wrap ul li {margin:0 .2em} .sub_apply .btn_wrap ul li .btn {width:7.37em} .sub_apply .foot_info {padding:1.7em 0} .sub_apply .foot_info .info_list li {display:block; margin:0 5%; padding-left:20px; font-size:.95em; background:url('/img/sub/icon_check_blue.png') no-repeat left center} .sub_apply .foot_info .info_list li + li {margin-top:1.4em} .sub_apply .foot_info .insu_recommend {display:block; width:88%} .sub_apply .foot_info .insu_recommend > * {display:block} .sub_apply .foot_info .insu_recommend dt {width:100%; margin-bottom:.5em; font-size:1.25em} .sub_apply .foot_info .insu_recommend dd {float:left; width:50%; padding:0; margin-top:.8em} .sub_apply .foot_info .insu_recommend dd.rec1 {padding-right:.4em} .sub_apply .foot_info .insu_recommend dd.rec2 {padding-left:.4em} .sub_apply .foot_info .insu_recommend dd.rec3 {padding-right:.4em} .sub_apply .foot_info .insu_recommend dd.all {padding-left:.4em} .sub_apply .foot_info .insu_recommend dd a {height:5.45em} .sub_apply .foot_info .insu_recommend dd span {top:1em; left:1em; font-size:1em} .sub_apply .foot_info .insu_recommend dd em {bottom:.7em; right:.7em; font-size:.75em} /*개인정보처리방침 팝업*/ #popPrivacyWrap .pop_box {border:1px solid #3a3a3a} #popPrivacyWrap .pop_box_inner {padding:3.25em 8%} #popPrivacyWrap .btn_close {top:1.1em; right:1.1em; width:1.38em; height:1.38em} #popPrivacyWrap .btn_close > var {height:1px; margin-top:-.5px} #popPrivacyWrap .pop_tit {padding:0 2% 1.75em 2%; text-align:center} #popPrivacyWrap .pop_tit > h1 {margin-bottom:1.45em} #popPrivacyWrap .pop_tit > h1 > span {line-height:1.2; font-size:1.375em} #popPrivacyWrap .pop_tit > h1 > img {top:-.7em; left:-.85em; width:2em} #popPrivacyWrap .pop_tit > p {line-height:1.5; font-size:.95em} #popPrivacyWrap .pop_content > h2 {margin:1.25em 0; font-size:.875em} #popPrivacyWrap .pop_content > p {font-size:.875em} /*게시판*/ #boardWrap {*padding-bottom:5em} /*정책*/ #policyWrap {padding-bottom:5em} #policyWrap h2 {margin:1.25em 0; font-size:1em} #policyWrap h3 {margin:1.25em 0; font-size:1em} #policyWrap p {font-size:1em} } @media screen and (max-width:768px){ /* 신청하기 */ .sub_apply .inner {width:94%} /*개인정보처리방침 팝업*/ #popPrivacyWrap .pop_box_inner {padding:3.25em 6%} #popPrivacyWrap .pop_tit > h1 {display:inline} #popPrivacyWrap .pop_tit > h1 > span {display:inline} #popPrivacyWrap .pop_tit > p {margin-top:1.58em} } @media screen and (max-width:660px){ /* 이용안내 */ .sub_guide .join_process_step {width:94%} } @media screen and (max-width:530px){ /* 이용안내 */ .sub_guide .join_process_list li .con {left:0; width:100%; height:4.6em; margin:-2.3em 0 0 0} .sub_guide .join_process_list li:nth-child(2n) .con {margin-top:-2.3em} .sub_guide .join_process_list li .con h3 {padding-top:0; line-height:1.3; font-size:.825em} .sub_guide .join_process_list li .con .icon {width:2.9em; margin-top:.5em} /* 신청하기 */ .apply_form_group .form_list > li .frm_input.file_ok {height:5em} .apply_form_group .form_list > li .file_option {top:auto; bottom:.6em} .apply_form_group .form_list > li .file_option .file_download {padding:.1em .3em; margin-right:.7em; font-size:.875em} .apply_form_group .form_list > li .file_option .chkbox i {margin-right:2px} /*개인정보처리방침 팝업*/ #popPrivacyWrap .pop_box_inner {padding:3.25em 3%} #popPrivacyWrap .pop_tit > p code {display:block} }