@charset "utf-8"; /* �ʱ�ȭ */ html {overflow-y:scroll} body {margin:0;padding:0;font-size:0.75em;font-family:'Pretendard', sans-serif;background:#fff;letter-spacing:-.6px;} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} ul, dl,dt,dd {margin:0;padding:0;list-style:none} legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {letter-spacing:-.6px;vertical-align:middle;font-size:1em} input, button {letter-spacing:-.6px;margin:0;padding:0;font-family:'Pretendard', sans-serif;} input[type="button"] {cursor:pointer} input[type="submit"] {cursor:pointer} button {letter-spacing:-.6px;cursor:pointer} textarea, select {letter-spacing:-.6px;font-family:'Pretendard', sans-serif;} select {margin:0} p {letter-spacing:-.6px;margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a {color:#000;letter-spacing:-.6px;text-decoration:none} *, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } input[type=text],input[type=password], textarea { -webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; outline:none; } input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {} .placeholdersjs {color:#aaa !important} /* ���̾ƿ� ũ�� ���� */ #hd, #wrapper, #ft {min-width:1200px} #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width:1200px} /* �˾����̾� */ #hd_pop {z-index:1000;position:relative;margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;} .hd_pops img{display:block;max-width:100%} .hd_pops_con {} .hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:center;position:relative;display:flex;} /*.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}*/ .hd_pops_footer button {width:50%;padding:15px;border:0;font-size:17px;line-height:1.4;color:#fff;background:#1d1d1d;border-right:1px solid #999;word-break:keep-all;} .hd_pops_footer button:last-child {border-right:0;} .hd_pops_footer button:hover {background:#333;} /*.hd_pops_footer .hd_pops_reject{background:#000;} .hd_pops_footer .hd_pops_close{background:#393939;}*/ /* ��� ���̾ƿ� */ #hd {background:#212020} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #tnb {border-bottom:1px solid #383838;margin:0 auto} #tnb:after {display:block;visibility:hidden;clear:both;content:""} #tnb .inner {margin:0 auto} #hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1} #hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #logo {float:left;padding:30px 0 0} .hd_sch_wr {float:left;padding:30px 0;;width:445px;margin-left:65px} #hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_sch {border-radius:30px;overflow:hidden} #hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff} #hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px} #hd_qnb {float:right;text-align:right} #hd_qnb:after {display:block;visibility:hidden;clear:both;content:""} #hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px} #hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0} #hd_qnb li span {display:block;margin-top:5px;font-size:0.92em} #hd_qnb li a {display:inline-block;color:#919191} #hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px} .hd_login {position:absolute;right:0;top:60px} .hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px} .hd_login li:first-child {border-left:0} .hd_login a {color:#fff} /* ���θ޴� */ #gnb {position:relative;background:#fff} #gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb .gnb_wrap {margin:0 auto;position:relative} #gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3} #gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1} #gnb ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative} #gnb .gnb_1dli:hover > a {color:#3a8afd; -webkit-transition:background-color 2s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out} .gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('/static/resource_0.1.0/onestop/theme/basic/img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px} .gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none} .gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px} .gnb_2dli:first-child {border:0} .gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px} .gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0; -webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); -moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)} .gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none} a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out} .gnb_1dli_air .gnb_2da {} .gnb_1dli_on .gnb_2da {} .gnb_2da:focus, .gnb_2da:hover {color:#fff} .gnb_1dli_over .gnb_2dul {display:block;left:0} .gnb_1dli_over2 .gnb_2dul {display:block;right:0} .gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808} .gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline} .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555} #gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px} #gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0} #gnb .gnb_mnal {float:right;padding:0} #gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.2); box-shadow:0 2px 5px rgba(0,0,0,0.2)} #gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef} #gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0} #gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef} #gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd} #gnb_all .gnb_al_li li {line-height:2em} #gnb_all .gnb_al_li li a {color:#555} #gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999} /* �߰� ���̾ƿ� */ #wrapper {} #container_wr:after {display:block;visibility:hidden;clear:both;content:""} #container_wr {margin:0 auto;height:100%;zoom:1} #aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px} #container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1} #container:after {display:block;visibility:hidden;clear:both;content:""} #container_title {font-size:1.333em;margin:0 auto;font-weight:bold} #container_title span {margin:0 auto 10px;display:block;line-height:30px} .lt_wr {width:32%} .lt_wr:nth-child(3n+1) {clear:both} .latest_wr {margin-bottom:20px} .latest_wr:after {display:block;visibility:hidden;clear:both;content:""} .latest_top_wr {margin:0 -10px 20px} .latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""} /* �ϴ� ���̾ƿ� */ #ft {background:#212020;margin:0 auto;text-align:center} #ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left} #ft_wr:after {display:block;visibility:hidden;clear:both;content:""} #ft_wr .ft_cnt {width:25%;float:left;padding:0 20px} #ft_link {text-align:left} #ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold} #ft_company h2 {font-size:1.2em;margin-bottom:20px} #ft_company {font-weight:normal;color:#e3e3e3;line-height:2em} #ft_catch {margin:20px 0 10px} #ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838} #top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)} #top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff} /* �Խù� ���ú��� �����̵� */ #copymove {} #copymove .win_desc {text-align:center;display:block} #copymove .tbl_wrap {margin:20px} #copymove .win_btn {padding:0 20px 20px} .copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px} .copymove_currentbg {background:#f4f4f4} /* ȭ�鳶���� ����ڿ� */ #hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* ���� �ٷΰ��� */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* ie6 �̹��� �ʺ� ���� */ .img_fix {width:100%;height:auto} /* ĸí �ڵ����(�Է�)���� �⺻ -pc */ #captcha {display:inline-block;position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/static/resource_0.1.0/images/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} #captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/static/resource_0.1.0/images/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} #captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* ĸí �ڵ����(�Է�)���� �⺻ - mobile */ #captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px} #captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block} #captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/static/resource_0.1.0/images/captcha2.png') no-repeat 0 -40px;text-indent:-999px} #captcha.m_captcha #captcha_reload span {display:none} #captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px} #captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('/static/resource_0.1.0/images/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none} /* ckeditor ����Ű */ .cke_sc {margin:0 0 5px;text-align:right} .btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} .cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:20%;font-weight:bold} .cke_sc_def dd {width:30%} /* ckeditor �±� �⺻�� */ #bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px} #bo_v_con li {display:list-item} /* ��ư */ a.btn,.btn {display:inline-block;vertical-align:middle;line-height:40px;height:40px;padding:0 10px;border:none;text-align:center;font-size:13px;font-weight:400;transform:skew(-0.1deg);text-decoration:none;} a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:right} /* ���Ĵܰ� ���� */ .btn_submit {border:0;background:#333;color:#fff;cursor:pointer;} .btn_close {border:1px solid #dcdcdc;cursor:pointer;background:#fff} a.btn_close {text-align:center;line-height:50px} a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* ������ȣ�˻���ư �� */ a.btn_frmline {} button.btn_frmline {font-size:1em} /* �Խ��ǿ� ��ư */ a.btn_b01,.btn_b01 {background:#333;color:#fff;} a.btn_b02,.btn_b02 {background:#253dbe;color:#fff;} a.btn_b03, .btn_b03 {background:#fff;border:1px solid #b9bdd3;color:#646982;line-height:38px;} a.btn_b04, .btn_b04 {background:#fff;border:1px solid #ccc;color:#707070;line-height:38px;} a.btn_admin,.btn_admin {background:#333;color:#fff;} /* ������ ���� ��ư */ /* �⺻���̺� */ .tbl_wrap {} .tbl_wrap table {width:100%;border-collapse:collapse;background:#fff;border-top:2px solid #ccc;} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:15px 0;font-weight:500;color:#333;text-align:center;border-bottom:1px solid #ddd;background:#fff;font-size:18px;line-height:1.2;} .tbl_head01 thead th input {vertical-align:top} /* middle �� �ϸ� �Խ��� �б⿡�� ��� ���� üũ�ڽ� ���� ���� */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8} .tbl_head01 td {padding:15px 5px;font-weight:400;color:#333;border-bottom:1px solid #ecf0f1;background:#fff;font-size:18px;line-height:1.5;word-break:break-all} .tbl_head01 a:hover {text-decoration:underline} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle �� �ϸ� �Խ��� �б⿡�� ��� ���� üũ�ڽ� ���� ���� */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all} .tbl_head02 a {} /* �� ���̺� */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left} .tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); } .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:40px; font-size:15px; } .full_input {width:100%} .half_input {width:49.5%} .twopart_input {width:385px;margin-right:10px} .tbl_frm01 textarea, .write_div textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /*�⺻ ����Ʈ*/ .list_01 ul {border-top:1px solid #ececec} .list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative} .list_01 li:nth-child(odd) {background:#f6f6f6} .list_01 li:after {display:block;visibility:hidden;clear:both;content:""} .list_01 li:hover {background:#f9f9f9} .list_01 li.empty_li {text-align:center;padding:20px 0;color:#666} /*�� ����Ʈ*/ .form_01 h2 {font-size:1.167em} .form_01 li {margin-bottom:10px} .form_01 ul:after, .form_01 li:after {display:block;visibility:hidden;clear:both;content:""} .form_01 .left_input {float:left} .form_01 .margin_input {margin-right:1%} .form_01 textarea {height:100px;width:100%} .form_01 .frm_label {display:inline-block;width:130px} /* �ڷ� ���� ��� */ .empty_table {padding:50px 0 !important;text-align:center} .empty_list {padding:50px 0 !important;color:#666;text-align:center;font-size:16px;transform:skew(-0.1deg);} /* �ʼ��Է� */ .required, textarea.required {background-image:url('/static/resource_0.1.0/onestop/theme/basic/img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important} /* ���̺� �׸� ���� */ .td_board {width:80px;text-align:center} .td_category {width:80px;text-align:center} .td_chk {width:30px;text-align:center} .td_date {width:60px;text-align:center} .td_datetime {width:110px;text-align:center} .td_group {width:80px;text-align:center} .td_mb_id {width:100px;text-align:center} .td_mng {width:80px;text-align:center} .td_name {width:100px;text-align:left} .td_nick {width:100px;text-align:center} .td_num {width:50px;text-align:center} .td_numbig {width:80px;text-align:center} .td_stat {width:60px;text-align:center} .txt_active {color:#5d910b} .txt_done {color:#e8180c} .txt_expired {color:#ccc} .txt_rdy {color:#8abc2a} /* ��â �⺻ ��Ÿ�� */ .new_win {position:relative} .new_win .tbl_wrap {margin:0 20px} .new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); -moz-box-shadow:0 1px 10px rgba(0,0,0,.1); box-shadow:0 1px 10px rgba(0,0,0,.1)} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .win_ul {margin-bottom:15px;padding:0 20px} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px} .new_win .win_ul li:first-child {margin-left:0} .new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3} .new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5} .new_win .win_ul .selected a {color:#fff;font-weight:bold} .new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px} .new_win .win_desc i {font-size:1.2em;vertical-align:baseline} .new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px} .new_win .frm_info {font-size:0.92em;color:#919191} .new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px} .new_win .new_win_con {margin:20px 0;padding:20px} .new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} .new_win .new_win_con2 {margin:20px 0} .new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_btn {text-align:center} .new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer} .new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em} /* �˻���� ���� */ .sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px} /* �ڹٽ�ũ��Ʈ alert ��� */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} #validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* ���̵�� */ .sv_wrap {position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} .sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent} .sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb} .sv_wrap .sv a:hover {background:#000;color:#fff} .sv_member {color:#333} .sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto} .sv_nojs .sv {display:block} /* ����¡ */ .pg_wrap {clear:both;display:block; text-align:center;} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {text-align:center} .pg_page, .pg_current {display:inline-block;vertical-align:middle; border:1px solid #dfdfdf} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {color:#121212;font-size:16px; height:38px;line-height:36px; width:36px;text-decoration:none; } .pg_start {text-indent:-999px;overflow:hidden;background:url('/static/resource_0.1.0/onestop/theme/basic/img/prev.jpg') no-repeat 50% 50% ;padding:0;border:1px solid #dfdfdf} .pg_end {text-indent:-999px;overflow:hidden;background:url('/static/resource_0.1.0/onestop/theme/basic/img/next.jpg') no-repeat 50% 50% ;padding:0;border:1px solid #dfdfdf} .pg_backward {text-indent:-999px;overflow:hidden;background:url('/static/resource_0.1.0/onestop/theme/basic/img/backward.jpg') no-repeat 50% 50% ;padding:0;border:1px solid #dfdfdf} .pg_forward {text-indent:-999px;overflow:hidden;background:url('/static/resource_0.1.0/onestop/theme/basic/img/forward.jpg') no-repeat 50% 50% ;padding:0;border:1px solid #dfdfdf} .pg_current {font-size:16px; display:inline-block;background:#121212;border:1px solid #121212;color:#fff;font-weight:bold;height:38px;line-height:36px;padding:0 10px; width:36px; } /* cheditor �̽� */ .cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } /* Mobileȭ������ */ #device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} #bo_list_total {display:none !important;} * { margin:0; padding:0; outline:none !important} li {list-style:none;} /* �α��������� */ .login_type02_wrap {width:100%;} .login_type02 {max-width: 520px;width: 100%;margin: 30px auto;padding: 70px 90px;border: 1px solid #e1e1e1;border-radius: 6px;} .login_common_style {font-size: 15px;color: #666;line-height: 1.6;letter-spacing: -.3px;} .login_type02 .tit {margin-bottom: 30px;font-size: 20px;font-weight: 700;color: #222;text-align: center;font-family: 'Poppins';} .login_type02 .tit span {color: #0054a6;} .login_type02 input[type=text], .login_type02 input[type=password] {width: 100%;height: 60px;padding: 0 20px;margin-bottom: 10px;border-radius: 3px;border: 1px solid #e1e1e1!important;font-size: 15px;background-image: none!important;} .login_type02 .auto_ck {padding: 5px 0 15px;font-size: 14px;text-align: right;transform:skew(-0.1deg)} .login_type02 input[type=button] {width: 100%;height: 60px;border: none;border-radius: 3px;font-size: 15px;color: #fff;background-color: #1b2b51;-webkit-transition: all .2s;transition: all .2s;font-weight:500;} .login_type02 input[type=button]:hover {background-color: #0054a6;} .login_type02 ul {/*overflow: hidden;*/display:flex;align-items:center;justify-content:space-around;margin: 20px 0 40px;text-align: center;} .login_type02 ul li {/*float: left;*/position: relative;/*width: calc(100% / 3);*/font-size: 14px;transform:skew(-0.1deg)} .login_type02 ul li a {color: #666;} .login_type02 .bnr {position: relative;padding: 12px 10px 12px 110px;border-radius: 3px;border: 1px solid #e1e1e1;background-color: #f5f6f8;} .login_type02 .bnr img {position: absolute;width: 70px;left: 20px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .login_type02 .bnr .txt {font-size: 13px;line-height: 1.5;font-weight:500;transform:skew(-0.1deg)} .login_type02 .bnr .txt span {font-weight:600} .login_type02 .bnr .txt p {color: #0054a6;} /**/ .inner {width:1280px;margin:0 auto; position:relative;} .inner--bbs { padding-bottom:80px; } .inner--location { padding-bottom:120px; } @media screen and (max-width:1280px) { .inner--location { padding-bottom:100px; } } @media screen and (max-width:500px) { } @media screen and (max-width:500px) { .inner--bbs { padding-bottom:60px; } } .inner_x{width:100%;} .clearfix::after {content:'';display:block;clear:both;} /**/ .header{position:relative; position:absolute;width:100%;height:95px; top:0; left:0; transition:all 0.2s;z-index:10; transition: background-color 0.3s;} .header .hd_wrap{padding:0 80px 0 140px; display:flex; align-items:center; justify-content:space-between; } .header .logo2 {display:none;} .header.sub { border-bottom:1px solid #e6e6e6; } /* .header.sub .logo1 {display: none;} */ /* .header.sub .logo2 {display: block;} */ .header .menu{ display: flex;align-items:center;} .header .menu > li{height:100%;padding:0px 55px; word-break:keep-all;} .header .menu > li > a{display:block;line-height:95px; font-size: 18px;font-weight: 500; color:#fff;} .header.sub .menu > li > a { color:#2c2c2c; } /* .header .menu > li .submenu {z-index:11;width:100%; display:none;height:100%; position:absolute;top:90px;left:50%;transform:translateX(-50%); padding-top:25px;text-align:center;} .header .menu > li .submenu > li > a{word-break:keep-all;position:relative;display:block;margin-bottom:15px;font-size:16px;font-weight:300;transition: all 0.2s;} .header .menu > li .submenu > li:hover > a{color:#4263eb;transition: all 0.2s; } */ .header .menu-area { visibility:hidden; opacity:0; position:absolute; left:0; top:95px; z-index:99; width:100%; text-align:left; transition:all 0.2s; } .header .area-wrap { max-width:1280px; margin:0 auto; } .header .area-inner { position: relative; padding:60px 0px; } .header .area-inner::after { content:""; display: block; clear: both; } .header .area-inner .lt { float:left; width:280px; } .header .lt-bg { visibility: hidden; opacity:0; position: absolute; top:0; left:-25%; width:600px; height:0; background-color: #fff; z-index:-1; transition: all 0.25s; } .header .area-inner .rt { float: left; width:calc(100% - 280px); padding:0px 60px; } .header .area-inner h5 { position: relative; font-size:28px; font-weight:700; line-height: 1; color:#2c2c2c; padding-bottom:24px; /* margin-bottom:30px; */ } .header .area-inner h5::after { content:""; display: block; position: absolute; left:0; bottom:0; width:36px; height:4px; background-color: #3069ab; } .header .area-inner p { font-size:20px; font-weight:500; line-height: 32px; color:#2c2c2c; } .header .area-inner .submenu { display: flex; flex-wrap: wrap; margin:-15px -30px; } .header .area-inner .submenu li { flex:0 0 33.33%; max-width:33.33%; padding:15px 30px; } .header .area-inner .submenu a { display: block; position: relative; width:100%; height:47px; line-height:47px; border-bottom:1px solid #999999; } .header .area-inner .submenu a span { position: relative; display: block; font-size:16px; color:#2c2c2c; transition:all .3s; } .header .area-inner .submenu a span::before { content:""; display: block; position: absolute; left:0; bottom:0; width:0; height:1px; background-color:#3069ab; transition:all .4s; } .header .area-inner .submenu a i { display: block; position: absolute; top:50%; right:0; transform: translateY(-50%); width:6px; height:10px; background: url('/static/resource_0.1.0/onestop/theme/basic/img/hd_arr.png') no-repeat center; } .header .area-inner .submenu a i.custom { width:17px; height:17px; background-image: url('/static/resource_0.1.0/onestop/theme/basic/img/hd_link.png'); } .header .hd_right .din { display: flex; justify-content: space-between; align-items: center; gap:0px 30px; } .header .hd_right .member a { display: inline-block; font-size:18px; color:#fff; } .header .hd_right .member .bar {font-size:18px; font-weight:400; color:#fff;display:inline-block;margin:0 10px;} .header .hd_right .sns { display: flex; gap:0px 12px; } .header .hd_right .sns a { display: block; } .header .hd_right .sns .logo2 { display: none; } .header.sub .pc_menu .hd_right .sns a .logo { display: none; } .header.sub .pc_menu .hd_right .sns a .logo2 { display:block; } .header.sub .hd_right .member a { color:#333; } .header.sub .hd_right .member .bar { color:#333; } .header .area-inner .submenu a:hover span { color:#3069ab; } .header .area-inner .submenu a:hover span::before { width:100%; } .header .area-inner .submenu a:hover i:not(.custom) { background-image: url('/static/resource_0.1.0/onestop/theme/basic/img/hd_arr_on.png'); } .header .area-inner .submenu a:hover i.custom { background-image: url('/static/resource_0.1.0/onestop/theme/basic/img/hd_link_on.png'); } /* .header .hd_right { display:flex;} .header .hd_right > a {margin-right:10px;} .header .hd_right .member {margin-left:10px;padding:0 31px; background:#585858; border-radius:20px;} .header .hd_right .member a{line-height:40px;font-size:18px; font-weight:400; color:#fff;} .header .hd_right .member .bar{font-size:18px; font-weight:400; color:#fff;display:inline-block;margin:0 10px;} */ .pc_menu .x_btn {display:none;position:absolute;right: 11px;top: 100px;font-size: 25px;z-index: 10;} /* .hd_bg{z-index:10;width:100%; height:145px; background-color: #fff;position:absolute;top:95px;left:0; transition: all 0.2s; opacity:0; transform:scaleY(0); transform-origin:top;} */ /* .hd_bg.on{opacity:1;transform:scaleY(1);} .header.on ,.header.sub{background:#fff;} .header.on .hd_wrap ,.header.sub .hd_wrap{border:1px solid #e6e6e6;} .header.on .logo1 ,.header.sub .logo1 {display:none;} .header.on .logo2 ,.header.sub .logo2 {display:block;} .header.on .menu > li > a ,.header.sub .menu > li > a {color:#2c2c2c;} .header.on .x_btn {display:block;cursor:pointer;} */ .header .hd_sites { display: block; position: absolute; top: 0; left:0; /* right: 0; */ width: 95px; height: 95px; z-index: 100000; background-color:#3069ab; } .header .hd_sites button { display: inline-block; position: relative; width:100%; height:100%; border:0px; background-color: transparent; } .header .hd_sites button span { position: relative; margin: 0 auto; } .header .hd_sites button span::before, .header .hd_sites button span::after { content: ""; position: absolute; } .header .hd_sites button span, .header .hd_sites button span::before, .header .hd_sites button span::after { display: block; width: 40px; height:3px; background-color: #fff; } .header .hd_sites button span::before { margin-top: -12px; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; } .header .hd_sites button span::after { margin-top: 12px; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; } .header .hd_sites button.on span { background-color: rgba(0, 0, 0, 0) !important; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .header .hd_sites button.on span::before { margin-top: 0; -webkit-transform: rotate(45deg); background-color: #fff; transform: rotate(45deg); -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s; } .header .hd_sites button.on span::after { margin-top: 0; -webkit-transform: rotate(-45deg); background-color: #fff; transform: rotate(-45deg); -webkit-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s; } .header .hd_stt { position: absolute; top:95px; left:0; width:100%; height:auto; z-index:999999; opacity: 0; visibility: hidden; transition:all .2s; } .header .hd_stt.active { opacity: 1; visibility: visible; } .header .hd_stt .hd_stt__item { background-color: #3069ab; border-bottom:1px solid #adadad; } .header .hd_stt .hd_stt__item:last-child{ border:0px; } .header .hd_stt .stt-menu { max-width: 1280px; margin: 0 auto; } .header .hd_stt .area-inner { position: relative; padding:60px 0px; } .header .hd_stt .area-inner h5 { color:#fff; } .header .hd_stt .area-inner h5::after { background-color: #fff; } .header .hd_stt .area-inner .submenu a { border-color: #ccc; } .header .hd_stt .area-inner .submenu a span { position: relative; color:#cccccc; } .header .hd_stt .area-inner .submenu a span::before { content:""; display: block; position: absolute; left:0; bottom:0; width:0; height:1px; background-color: #fff; transition:all .4s; } .header .hd_stt .area-inner .submenu a i { background-image: url('/static/resource_0.1.0/onestop/theme/basic/img/hd_arr2.png'); } .header .hd_stt .area-inner .submenu a i.custom { background-image: url('/static/resource_0.1.0/onestop/theme/basic/img/hd_link2.png'); } .header .hd_stt .area-inner .submenu a:hover span { color:#fff; } .header .hd_stt .area-inner .submenu a:hover span::before { width:100%; } .header .hd_stt .area-inner .submenu a:hover i { background-image: url('/static/resource_0.1.0/onestop/theme/basic/img/hd_arr2_on.png'); } .header .hd_stt .area-inner .submenu a:hover i.custom { background-image: url('/static/resource_0.1.0/onestop/theme/basic/img/hd_link2_on.png'); } .header .hd_bg { position:absolute; top:95px; left:0; width:100%; height:0px; background:#f9f9f9; z-index:98; transition:height 0.3s; } .header.open, .header.site-active { background-color: #fff; } .header.open .hd_logo .logo1, .header.site-active .hd_logo .logo1 { display: none; } .header.open .hd_logo .logo2, .header.site-active .hd_logo .logo2 { display: block; } .header.open .menu > li > a, .header.site-active .menu > li > a { color:#2c2c2c; } .header .menu > li.on > a, .header .menu > li:hover > a { color:#123576; } .header .menu > li.on .menu-area { visibility: visible; opacity:1; height:244px; } .header .menu > li.on .lt-bg { visibility: visible; opacity:1; height:100%; } .header.open .hd_bg { height:244px; } .header.open .hd_right .member a, .header.site-active .hd_right .member a { color:#333333; } .header.open .hd_right .member .bar, .header.site-active .hd_right .member .bar { color:#333333; } .header.open .hd_right .sns .logo, .header.site-active .hd_right .sns .logo { display: none; } .header.open .hd_right .sns .logo2, .header.header.site-active .hd_right .sns .logo2 { display: block; } .header .m_menu {transition:.2s; height:100%; display:none;} .m_menu .mhd_bg{display:none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background:rgba(0,0,0,.5);} .m_menu .hd_view{transition:0.3s;position:fixed;width:80%;padding:80px 10px 0; height:100%;background:#fff;z-index:99;right:-80%;top: 0;} .m_menu .hd_view.on{right:0;} .m_menu .mn_btn{transition: all 0.2s;width:26px;height:24px;cursor:pointer;transition: all .2s;} .m_menu .mn_btn span{display:block;width:26px;height:2px; background:#fff; transition: all .2s; } .m_menu .mn_btn span:nth-of-type(2) {margin:6px 0;;} .m_menu .mn_btn.active span {background:#000;} .m_menu .mn_btn.active span:nth-child(1) {-webkit-transform : translateY(8px) rotate(-45deg);transform : translateY(8px) rotate(-45deg);} .m_menu .mn_btn.active span:nth-child(2) {opacity : 0;} .m_menu .mn_btn.active span:nth-child(3) {-webkit-transform : translateY(-8px) rotate(45deg);transform : translateY(-8px) rotate(45deg);} .m_menu .x_btn{position: absolute;z-index:100;right: 20px;top: 32px;} .m_menu.scroll {background:#fff;border-bottom:1px solid #dcdcdc;} .m_menu.scroll .logo2 {display:block;} .m_menu.scroll .logo1 {display:none;} .m_menu.scroll .mn_btn span {background:#000;} .m_menu .menu{margin-left: 0px; display: block; } .m_menu .menu > li{padding:0; position:relative;height:auto; border-bottom:1px solid #dcdcdc;} .m_menu .menu > li > a{cursor:pointer; line-height:60px;padding:0 15px;font-size: 18px;font-weight: 500;color:#000;display: flex;align-items: center;justify-content: space-between;} .m_menu .hd_right {display:flex; flex-direction: column; justify-content: center; align-items: center;} .m_menu .hd_right > a {display:inline-block; margin:30px 10px 30px 0;} .m_menu .hd_right > a:nth-child(4) {margin-right:0;} .m_menu .hd_right .member {margin-left:0px;padding: 10px 18px;border-radius:20px;display: block;width: 180px;text-align: center;} .m_menu .menu > li .submenu {border-top:1px solid #dcdcdc; padding:0 25px;z-index:11;width:100%; display:none;height:100%;position:relative;top:auto;left:auto;transform:initial; padding-top:20px;text-align:left;} .m_menu .menu > li .submenu > li > a{word-break:keep-all;position:relative;display:block;margin-bottom:15px;font-size:16px;font-weight:300;transition: all 0.2s;} .header .m_menu .hd_right .member { width:auto; } .header .m_menu .hd_right .sns { margin:30px 0px; } .header .m_menu .hd_right .member .bar { color:#333; } .header .m_menu .hd_right .member a { color:#333; } .header.sub .m_menu .mn_btn span {background:#000;} @media (min-width:1201px) { /* .hd_bg.on{opacity:1;transform:scaleY(1);} .header.on ,.header.sub{background:#fff;} .header.on .hd_wrap ,.header.sub .hd_wrap{border:1px solid #e6e6e6;} .header.on .logo1 ,.header.sub .logo1 {display:none;} .header.on .logo2 ,.header.sub .logo2 {display:block;} .header.on .menu > li > a ,.header.sub .menu > li > a {color:#2c2c2c;} .header.on .x_btn {display:block;cursor:pointer;} .header .menu > li .submenu {min-height:100px;} */ } @media screen and (max-width: 1500px){ .header .hd_wrap {padding:0 20px;} .pc_menu .menu {margin:0;} /* .pc_menu .menu > li {padding: 0 15px;} */ } @media screen and (max-width: 1280px){ .inner {width:100%; padding-left:20px; padding-right:20px;} } @media screen and (max-width: 1200px){ .header {height:80px;position:fixed;} .header .pc_menu {display:none;} .header .m_menu {display:flex;} .hd_bg {display:none;} .header .hd_stt { display: none; } } @media screen and (max-width: 640px){ .m_menu .logo1 {height:40px;} .m_menu .logo2 {height:40px;} } /**/ .main {} .main .main_swiper {color:#fff;width:100%; height:720px;} .main .main_swiper .swiper-slide {padding-top:95px;width:100%;background:url(/static/resource_0.1.0/onestop/theme/basic/img/main1.jpg) no-repeat center / cover;} .main .main_swiper .swiper2 {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/main2.jpg);} .main .main_swiper .swiper3 {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/main3.jpg);} .main .main_swiper .swiper-slide .inner { padding-top:160px;} .main .main_swiper .swiper-slide .s_tit {margin-bottom:40px; font-size: 40px; font-weight:600; text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);} .main .main_swiper .swiper-slide .s_txt {letter-spacing:-.4px; font-size: 22px;line-height: 32px;font-weight:300; color:#d5d5d5;} .main .main_swiper .slide_btn {position:absolute; display:flex; align-items:center; bottom:170px; left:315px;z-index: 5;} .main .main_swiper .swiper-pagination {position:relative; display:flex; } .main .main_swiper .swiper-pagination > span {background:#9e9e9e; margin-right:10px; width:72px; height:2px; border-radius:0; opacity:1;} .main .main_swiper .swiper-pagination .swiper-pagination-bullet-active {background:#0d72b8} .main .main_swiper .slide_btn button {margin:0 10px; background:none; color:#fff;border:0;} /**/ #main article {padding:80px 0;} .tit {font-size: 32px; font-weight:600; line-height: 1;} .txt {font-size:24px; font-weight:600;} .desc {font-size:20px; font-weight:400; line-height: 32px} /**/ /* 20230103 섹션1번 전면 수정*/ .sec1 .inner { max-width:1360px; width:100%; margin:0 auto; padding:0px 15px; } .sec1 img { max-width:100%; } .sec1 ul { display: flex; flex-wrap:wrap; margin:-8px -12px; } .sec1 li { flex:1 1 20%; padding:8px 12px; } .sec1 .sec1-card { position: relative; padding:28% 10% 13%; display:flex; flex-direction:column; justify-content: space-between; height:100%; } .sec1 .sec1-card::after { z-index:2; opacity:0; transition:.2s; border-radius:10px; width:100%; height:100%; background:rgb(0 0 0 / 85%); content:''; position:absolute; top:0px; left:0px; } .sec1 .img { text-align: center; } .sec1 .txt { margin-top:40px; width:100%; text-align:center; line-height:44px; font-size: 20px; font-weight:600; background:#3069ab; color:#fff; border-radius:10px; } .sec1 .hv_box { z-index:3; opacity:0; transition:.2s; border-radius:10px; color:#fff; width:100%; height:100%; padding:28% 10% 13%; position:absolute; top:0px; left:0px; background:rgba(48 48 48 / 70%); } .sec1 .hv_box a { display:block; width:100%; text-align:center; line-height:45px; font-size: 18px; font-weight:500; background:#123576; color:#fff; border-radius:10px; } .sec1 .hv_box a span { vertical-align:middle ; font-size:18px; } .sec1 .hv_box .p1 { font-size:24px; font-weight:600 ; margin-bottom:25px; } .sec1 .hv_box .p2 { height:145px; font-size:18px; font-weight:400; line-height:28px; } .sec1 li:hover .sec1-card::after {opacity:1;} .sec1 li:hover .hv_box {opacity:1;} /*.sec1 .inner {width: 1200px} .sec1 .tit {margin-left:-40px;} .sec1 ul {margin:40px 0 40px;display:flex; justify-content:space-between;} .sec1 ul li {position:Relative; } .sec1 ul li .txt {margin-top:40px; width:100%; text-align:center;line-height:45px; font-size: 20px; font-weight:600; background:#3069ab; color:#fff;border-radius:10px; } .sec1 ul li .img {position:Relative;z-index:1;width:216px;height:216px;} .sec1 ul li:nth-child(2n-1) .img {padding-top:25px;} .sec1 ul li:nth-of-type(2) .img, .sec1 ul li:nth-of-type(3) .img {text-align:right} .sec1 ul li::after {z-index:2;opacity:0; transition:.2s; border-radius:10px ;width:296px; height:380px; background:rgb(0 0 0 / 85%); content:'';position:absolute;top:-40px;left:-40px;} .sec1 ul li .hv_box {z-index:3;opacity:0; transition:.2s; border-radius:10px; color:#fff; width:296px; height:380px; padding:85px 40px 40px; position:absolute;top:-40px; left:-40px; background:rgba(48 48 48 / 70%);} .sec1 ul li .hv_box a {display:block; width:100%; text-align:center;line-height:45px; font-size: 18px; font-weight:500; background:#123576; color:#fff;border-radius:10px; } .sec1 ul li .hv_box a span {vertical-align:middle ; font-size:18px;} .sec1 ul li .hv_box .p1 {font-size:24px; font-weight:600 ; margin-bottom:25px;} .sec1 ul li .hv_box .p2 {height:155px;font-size:18px; font-weight:400; line-height:28px; } .sec1 ul li:hover::after {opacity:1;} .sec1 ul li:hover .hv_box {opacity:1;}*/ /**/ .sec2 {color:#fff;width:100%; background:url(/static/resource_0.1.0/onestop/theme/basic/img/sec2.jpg) no-repeat center / cover;} .sec2 > div {display:flex; justify-content: space-between;} .sec2 .video {box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.35);margin-left:100px; width:720px;height:405px;background:#333;} .sec2 .p1 {padding-top:60px;margin-bottom:20px; font-size: 40px;line-height: 55px;font-weight:700;} .sec2 .p1 span { padding:5px 2px; background:#6563d7; font-weight:600;} /**/ .sec3 {background:#f5f5f5;} .sec3 > div {display:flex; justify-content:space-between;} .sec3 .notice {width:600px;} .sec3 .tit {display:flex; justify-content:space-between; font-weight:500;} .sec3 .a_box {margin:45px 0 20px;display:flex;} .sec3 .a_box a{max-width:120px; flex:1;cursor:pointer; margin-right:5px; text-align:center; line-height:30px; font-size:16px; font-weight:400; border:1px solid #a4a4a4;border-radius:5px;} .sec3 .a_box a.on {color:#fff;background:#3069ab; border:1px solid #3069ab;} .sec3 .cont_box {height:180px;} /* .sec3 .cont_box {height:92px;} */ .sec3 .cont_box .desc {line-height:36px; font-size:16px; } .sec3 .cont_box .list {display:none;} .sec3 .cont_box .list.on {display:block;} .sec3 .notice1 .cont_box .list a {display:flex;} .sec3 .cont_box .list .cont {width:515px;padding-right:155px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .sec3 .notice2 {position:relative;} .sec3 .notice2 .tit {padding-bottom:45px ;} /* .sec3 .notice2 .notice_swiper {padding:45px 45px 25px 40px;} */ .sec3 .notice2 .notice_swiper {padding:35px 45px 35px 40px;} /* .sec3 .notice2 .notice_swiper li a {display:flex; align-items:center;width:100%;} */ .sec3 .notice2 .notice_swiper li a {display:flex; width:100%;} /* .sec3 .notice2 .notice_swiper p {font-size:18px; font-weight:400} */ .sec3 .notice2 .notice_swiper p {font-size:18px; font-weight:400; line-height:34px;} .sec3 .notice2 .notice_swiper .date {width: 65px;margin-right:25px;} .sec3 .notice2 .notice_swiper .day {font-size:28px; text-align:center;} .sec3 .notice2 .notice_swiper .title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom:35px; font-size:20px; line-height:32px;} .sec3 .notice2 .notice_swiper .content {width:100%;height:85px; padding-right: 4px;overflow:hidden;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;font-size:17px; color:#7f7f7f ; line-height:28px; letter-spacing:0;} /* .sec3 .notice2 .notice_swiper .cont {width:calc(100% - 85px); } */ .sec3 .notice2 .notice_swiper .cont {width:calc(100% - 90px); } .sec3 .notice2 .notice_swiper .cont div {font-size:17px; font-weight:700;display:flex; align-items:center; justify-content:flex-end;} .sec3 .notice2 .swiper-button {top:64%; display:flex; align-items:center; justify-content:center;width:40px; height:40px; border-radius:20px; background:none #fff; box-shadow: 0px 3px 5px rgb(0 0 0 / 30%);} .sec3 .notice2 .swiper-button span {font-weight:600;font-size:20px;} .sec3 .notice2 .swiper-button-prev {left:-20px;} .sec3 .notice2 .swiper-button-next {right:-20px;} .sec3 .notice2 .swiper-button-next span {transform:rotate(180deg)} /* 20240618 추가 퍼블 */ .sec3 .notice2 .box-wrap { padding:40px 5%; border:1px solid #ededed; border-radius:10px; background-color: #fff; } .sec3 .notice2 .box-inner { position: relative; } .sec3 .notice2 .box-inner p { font-size:18px; line-height:28px; color:#333; margin-bottom:20px; } .sec3 .notice2 .box-inner a { display: inline-flex; justify-content: center; align-items: center; max-width:200px; width:100%; height:44px; line-height:44px; font-size:20px; font-weight:600; color:#fff; border-radius:10px; background-color: #0799a5; } .sec3 .notice2 .box-inner .img { position: absolute; top:50%; right:0; transform: translateY(-50%); } .sec4 {position:relative; background:#123576; padding:0;height:200px;} .sec4 .sec4_swiper {margin:0 60px;} .sec4 .sec4_swiper .swiper-wrapper{padding:40px 0 80px;transition-timing-function: linear !important;} .sec4 .sec4_swiper .swiper-wrapper li{position:relative;transition-timing-function: linear !important;} .sec4 .sec4_swiper .swiper-wrapper li img{transition:.2s; box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.35);} .sec4 .sec4_swiper .swiper-wrapper li .desc { bottom:0; left:0;transition:.2s;opacity:0;font-size:16px;color:#fff;text-align:center;} .sec4 .sec4_swiper .swiper-wrapper li:hover .desc {opacity:1;} .sec4 .sec4_swiper .swiper-wrapper li:hover img {margin-top:-20px;} .sec4 .swiper-button {top: 35%;display:flex; align-items:center; justify-content:center;width:40px; height:40px; border:1px solid #fff; border-radius:20px; background:none ; } .sec4 .swiper-button span {color:#fff; font-weight:600;font-size:20px;} .sec4 .swiper-button-prev {left:0px;} .sec4 .swiper-button-next {right:0px;} .sec4 .swiper-button-next span {transform:rotate(180deg)} /**/ .banner {position:absolute;bottom:-35px; left:50%;transform:translateX(-50%);} .banner > div{box-shadow: 6px 10px 49px 0px rgba(35, 31, 32); height:70px; background : linear-gradient(90deg, #363f99, #312a63) ;display:flex;align-items:center; border-radius:35px;} .banner {color:#fff;} .banner div > p {flex:1;} .banner .p2:last-child {border-left:1px solid #797979;} .banner .p1 {font-weight:500;font-size:18px;} .banner .p2 {padding-left:80px;font-weight:700;font-size:28px;line-height:70px;} .banner .p3 {font-weight:500;font-size:14px;} .banner .p2:first-child .p1 {padding-right:160px;} .banner .p2:last-child .p1 {padding-right:100px;} @media screen and (max-width: 1350px){ #main article.sec2 {padding:80px 20px;} .sec2 .inner {width:100%; align-items:center; justify-content: space-between;} .sec2 .video {margin-left:auto;} .sec2 .p1 {padding-top:0;} #main article.sec3 {padding:80px 20px;} .sec3 .inner {width:100%;} .sec3 .notice {width:45%;} .sec3 .cont_box .list .cont {width:calc(100% - 93px); padding:0;} .sec3 .cont_box .desc {width:93px;} .sec4 .inner {width:95%;} .sec4 .sec4_swiper .swiper-wrapper li {width:184px;} .banner {width:95%; z-index: 1;} .banner .inner {width:100%;} } @media screen and (max-width: 1280px){ .main .main_swiper {height: 650px;} .main .main_swiper .swiper-slide .s_tit {font-size:28px; line-height:1.2;} .main .main_swiper .swiper-slide .s_txt {font-size:20px;} .main .main_swiper .slide_btn {left:20px;} /*.sec1 .inner {width:95%}*/ #main article.sec2 {padding:80px 0px;} .sec2 .video {width:55%; height:auto; aspect-ratio: 720 / 405;} .sec2 .p1 { font-size:30px; line-height:1.5;} .sec3 .tit {font-size:26px;} .sec4 .inner {width:100%;} .sec4 .swiper-button-prev {left:20px;} .sec4 .swiper-button-next {right:20px;} .banner .p2 {padding-left:40px; font-size:20px;} .banner .p2:first-child .p1 {padding-right:100px;} .banner .p2:last-child .p1 {padding-right:60px;} /* 20230103 수정 폰트 크기 18 -> 15 으로 수정*/ .desc {font-size:15px; line-height:1.4;} /* 20240618 추가 퍼블 */ .sec3 .notice2 .box-inner p { font-size:16px; } .sec3 .notice2 .box-inner a { font-size:18px; } .sec3 .notice2 .box-inner .img { width: 126px; } .sec3 .notice2 .box-inner .img img { max-width:100%; } } @media screen and (max-width: 1200px){ .main .main_swiper .swiper-slide {padding-top:80px;} .sec1 .txt { margin-top:30px; font-size: 16px; } .sec1 .sec1-card { padding:20% 10% 10%; } .sec1 .hv_box { padding:20% 10% 10%; } .sec1 .hv_box .p1 { font-size:20px; margin-bottom:18px; } .sec1 .hv_box .p2 { font-size:16px; height:147px; } .sec1 .hv_box a { font-size:14px; } } @media screen and (max-width: 1024px){ .main .main_swiper .swiper-slide .s_tit {font-size:24px;} .main .main_swiper .swiper-slide p {word-break:keep-all; width:50%} .main .main_swiper .swiper-slide .inner {padding-top:100px; } /*.sec1 ul {flex-wrap: wrap; width:500px; margin:0 auto;} .sec1 ul li:nth-child(-n+2) {margin-bottom:50px;}*/ .sec1 ul { justify-content:center; margin:-8px -10px; } .sec1 li { flex:1 1 33.33%; max-width:33.33%; padding:8px 10px; } .sec1 img { max-width:150px; } .sec1 .sec1-card { padding:20% 9.5% 9.5%; } .sec1 .hv_box { padding:20% 9.5% 9.5%; } .sec1 .hv_box .p2 { height:137px; } .sec2 .inner {display:block;} .sec2 .txtbox {width:80%;margin:0 auto 30px; text-align:center;} .sec2 .video {width:100%} #main article.sec3 {padding:80px 0px;} .sec3 .inner {display:block;} .sec3 .notice {width:100%; margin:0 auto;} .sec3 .notice2 {width:100%;margin:50px auto 0;} .banner .p1 {font-size:16px;} .banner .p2 {padding-left:20px; font-size:18px;} .banner .p2:first-child .p1 {padding-right:40px;} .banner .p2:last-child .p1 {padding-right:20px;} .sec3 .notice2 .notice_swiper li a { flex-direction:column; align-items: flex-start; } .sec3 .notice2 .notice_swiper .date { width:100%; display:flex; justify-content: space-between; align-items: center; margin-bottom:10px; } .sec3 .notice2 .notice_swiper .cont { width:100%; } /* 20240618 추가 퍼블 */ .sec3 .notice2 .box-wrap { padding:24px 3%; } .sec3 .notice2 .box-inner p { margin-bottom:16px; } .sec3 .notice2 .box-inner a { max-width:160px; height:38px; line-height:38px; } } @media screen and (max-width: 768px){ .banner .p2:last-child {line-height:1.2;} .banner .p3 {display:block;padding-left: 73px;} .banner .p2:first-child .p1 {padding-right:20px;} .sec1 li { flex:1 1 50%; max-width:50%; } .sec1 .img { height:140px; } .sec1 img { max-width:130px; } .sec1 .sec1-card { padding:12% 8% 10%; } .sec1 .hv_box { padding:12% 8% 10%; } .sec1 .txt { margin-top:20px; font-size: 14px; /* padding:8px 5px; */ } .sec1 .hv_box .p1 { font-size:18px; margin-bottom:14px; } .sec1 .hv_box .p2 { font-size:14px; height:125px; } .sec3 .notice2 .notice_swiper {padding:30px 30px 30px 30px;} .sec3 .notice2 .notice_swiper p { line-height:1; } .sec3 .notice2 .notice_swiper .title { margin-bottom:20px; } } @media screen and (max-width: 640px){ .main .main_swiper {height:600px;} .main .main_swiper .swiper-slide .inner {padding-top:35px; } .main .main_swiper .swiper-slide p {width:100%} .main .main_swiper .slide_btn {bottom:240px;} .main .main_swiper .swiper-pagination > span {width:35px;} .main .main_swiper .swiper-slide .s_tit {font-size:20px;} .main .main_swiper .swiper-slide .s_txt {font-size:14px; line-height:1.6;} .main .main_swiper .swiper-slide {background-position:90% center;} .main .main_swiper .swiper1 {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/mbg1.png);} .main .main_swiper .swiper2 {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/mbg2.png);} .main .main_swiper .swiper3 {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/mbg3.png);} /*.sec1 ul {width:300px; justify-content:center;} .sec1 ul li:nth-child(-n+3) {margin-bottom:50px;}*/ .sec2 .txtbox {width:100%} /* 20230103 수정 폰트 크기 24 -> 20으로 수정*/ .sec2 .p1 { font-size:20px;} .sec3 .notice2 .notice_swiper .date {margin-right:15px;} .sec4 .sec4_swiper {margin:0 30px;} .sec4 .swiper-button {top:40%; width:30px; height:30px; } .sec4 .swiper-button span {font-size:14px;} .sec4 .swiper-button-prev {left:10px;} .sec4 .swiper-button-next {right:10px;} .sec3 .notice2 .notice_swiper {padding: 25px 25px 10px 30px;} /* .sec3 .notice2 .notice_swiper .cont {width: calc(100% - 73px);} */ .sec3 .notice2 .notice_swiper .cont {width:100%;} } @media screen and (max-width: 500px){ .desc {font-size:14px;} .banner .p1 {display:block; font-size:14px;} .banner .p2 {line-height:1.2;font-size:14px;} .banner .p3 {padding:0;} .sec1 ul { margin:-8px -6px } .sec1 li { padding:8px 6px; } .sec1 .sec1-card { padding:12% 7% 10%; } .sec1 .hv_box { padding:12% 7% 10%; } .sec1 .img { height:110px; } .sec1 img { max-width:100px; } .sec1 .txt { font-size:12px; line-height:38px; } .sec1 .hv_box .p1 { font-size:15px; } .sec1 .hv_box .p2 { font-size:12px; line-height:22px; height:97px; } .sec1 .hv_box .p2 .pc { display: none; } .sec1 .hv_box a { font-size:10px; line-height:38px; } .sec3 .notice2 .notice_swiper p { font-size:16px; } .sec3 .notice2 .notice_swiper .day { font-size:22px; } .sec3 .notice2 .notice_swiper .title {font-size:14px;} /* .sec3 .notice2 .notice_swiper .date {width:53px;} */ .sec3 .notice2 .notice_swiper .date {width:100%;} .sec3 .cont_box .desc {font-size:14px; } .sec3 .notice2 .notice_swiper .cont div { font-size:15px; } /* 20240618 추가퍼블 */ .sec3 .notice2 .box-wrap { padding:16px 5%; } .sec3 .notice2 .box-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; } .sec3 .notice2 .box-inner .img { position: relative; top:unset; right: unset; transform: none; width:106px; } .sec3 .notice2 .box-inner p { text-align: center; font-size:14px; line-height:20px; margin:0px; } .sec3 .notice2 .box-inner a { max-width:140px; height:34px; font-size:16px; line-height:34px; margin:12px 0px 20px; } } @media screen and (max-width: 300px){ .main .main_swiper .swiper-slide .inner {padding-top:15px; } .main .main_swiper .swiper-slide .s_tit {font-size:20px; margin-bottom:20px;} .main .main_swiper .swiper-slide .s_txt {font-size:14px; line-height:1.6} .main .main_swiper .slide_btn {bottom:275px;} #main ,.sec4 .swiper-button{ overflow:hidden;} .sec1 ul {width:100%;} .banner .inner {padding:0 10px;} .banner .p2 {padding-left:5px;} .banner .p3 {font-size:12px;} } /**/ .footer {text-align:center;font-weight:400; font-size:14px; color:#fff; line-height:20px; padding:70px 0 40px; background:#494949;} .footer a {display:inline-block; font-size:14px; font-weight:600;color:#fff;margin:0 15px 10px ; } .footer .bar {display:inline-block; margin:0 15px;} .ft_banner {padding:0 20px;display:flex; align-items:center; justify-content:center;height:75px;} .ft_banner div + div { margin-left:35px;} .ft_banner div + div img { max-width:100%; } .floating { position:fixed; bottom:265px; right:70px; width:170px; font-size:16px;z-index: 50; text-align:center; } /* .floating {padding:18.5px 0; font-size:16px;z-index: 50; position:fixed; bottom:265px; right:70px; background:#2fa4b5; width:70px;border-radius:180px; color:#fff; text-align:center;} */ .floating a { /*margin-bottom:35px;*/ display:block; font-size:16px; font-weight:500; color:#252525; background:#dadada; padding:10px ; border-bottom:1px solid #dadada; transition:all .3s ease; height:50px; display:flex; justify-content: center; align-items: center; } .floating a.color { height:auto; color:#fff; } .floating a.color01 { background-color: #6563d7; } .floating a.color02 { background-color: #70b194; } .floating a.color03 { background-color: #656565; } /* .floating a.color01 { color:#fff; background-color: #e74a67; } .floating a.color02 { color:#fff; background-color: #70b194; } */ .floating .top_tit { border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #0799a5; font-size:16px; font-weight:600; color:#fff; padding:15px 0px 10px; border-bottom: 1px solid #fff; } .top_btn { cursor:pointer; display:flex; align-items: center; justify-content: center; text-align: center; padding:10px 0px; background-color: #0799a5; font-size:16px; font-weight:500; color:#fff; border-bottom-left-radius: 10px; border-bottom-right-radius:10px; } .top_btn span {transform:rotate(-90deg); font-variation-settings: 'FILL' 1;vertical-align: middle;} @media screen and (max-height: 864px){ .floating { bottom:100px; } } @media (min-width:1025px) { .floating a.hover:hover { background-color: #bdbdbd; } /* .floating a:not(.color01):hover, .floating a:not(.color02):hover { background-color: #bdbdbd; } */ } @media screen and (max-width: 1500px){ .floating {right:20px;bottom:20px} } @media screen and (max-width: 1024px){ .ft_banner .img img {width:100%;} } @media screen and (max-width: 640px){ .floating {width:90px;} .floating a {font-size:13px;/* margin-bottom: 15px;*/ } .floating a br { display: none; } .floating .top_tit { font-size:15px; } .top_btn { font-size:15px; } .ft_banner div + div {margin-left:15px;} } @media screen and (max-width:500px){ .login_type02_wrap {width: 95%;margin: 0 auto;} .login_type02{padding:50px 30px;} .floating {flex-wrap: wrap; /*padding:15px 0; */ padding:0px; width:100%;display:flex; align-items:center; bottom:0;right:0;border-radius:0;} .floating a {word-break: keep-all;width:25%;height:50px; margin-bottom:0; padding:10px 0px; border-right:1px solid #fff; display: inline-flex; align-items: center; justify-content: center; font-size:12px; line-height:16px;} .floating a.color { height:50px; } /* .floating a:nth-of-type(3){line-height:50px;} */ .floating div {width:25%;} .floating .top_tit, .floating .top_btn { display: none; } } @media screen and (max-width:340px){ .login_type02{padding:40px 15px;} } #ctt_con{} #ctt_con .cont_box {margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #dfdfdf;} #ctt_con .cont_box:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;} #ctt_con .p01 {font-size:19px;line-height:27px;margin-bottom:20px;font-weight:600;color:#000;word-break:keep-all;} #ctt_con .p02 {font-size:17px;line-height:19px;margin-bottom:10px;color:#000;word-break:keep-all;} #ctt_con .p03 {font-size:15px;line-height:25px;color:#333;word-break:keep-all;} #ctt_con a {color:#333;} .co_id_box {width:640px;height:450px;padding:15px 4px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;border-radius:10px;box-shadow:0px 5px 10px 2px rgba(0,0,0,0.3);z-index:100;overflow:hidden;display:none;} /*.co_id_box::after {content:"";display:block;width:100%;height:100px;background:linear-gradient(transparent, #fff);position:absolute;bottom:0;left:0;}*/ .co_id_box.provision {display:none;} .co_id_box .popup_close {width:25px;height:25px;border-radius:50%;text-align:center;position:absolute;top:13px;right:13px;cursor:pointer;transition:all 0.2s;} .co_id_box .popup_close i {font-size:20px; line-height:25px;} .co_id_box .popup_close:hover {box-shadow:0px 2px 3px 3px rgba(0,0,0,0.1);} .co_id_box #ctt {width:100%;height:100%;padding:0 16px 10px;overflow-y:scroll;} .co_id_box #ctt::-webkit-scrollbar {height:80%;width:4px;} .co_id_box #ctt::-webkit-scrollbar-thumb {width:4px;border-radius:2px;background:#ccc;} .co_id_box #ctt::-webkit-scrollbar-track {background:none;} .privacy_open {cursor:pointer;} .img_ctt img{width:65%} /**/ #sub_div > .sub_top_box {margin-top:95px;} #sub_div > .inner {padding-bottom:120px;} #sub_div > .inner_x {padding:0 ;} .sub_top_box {padding:75px 0;} .sub_top_box .inner.none {display:none;} .sub_top_box .sub_nav { font-size:18px; font-weight:400; color:#555; display:flex;} .sub_top_box .sub_nav .sub_tit1 {color:#2b2b2b; font-weight:600;} .sub_top_box .sub_nav span {display:inline-block;margin:0 18px;} .sub_top_box .sub_tit2 {margin-top:30px; font-size:48px; font-weight:700; color:#2b2b2b;} .sub_top_box .icon1 {animation: updown 1s infinite linear;display:inline-block;position:relative;margin-right:15px; width:30px; height:30px;background:url(/static/resource_0.1.0/onestop/theme/basic/img/icon1.png) no-repeat center;} .sub_top_box .icon2 {animation: updown 1s infinite linear;display:inline-block;position:relative;margin-right:15px; width:30px; height:30px;background:url(/static/resource_0.1.0/onestop/theme/basic/img/icon2.png) no-repeat center;} .sub_top_box .icon3 {animation: updown 1s infinite linear;display:inline-block;position:relative;margin-right:15px; width:30px; height:30px;background:url(/static/resource_0.1.0/onestop/theme/basic/img/icon3.png) no-repeat center;} .sub_top_box .icon4 {animation: updown 1s infinite linear;display:inline-block;position:relative;margin-right:15px; width:30px; height:30px;background:url(/static/resource_0.1.0/onestop/theme/basic/img/icon4.png) no-repeat center;} .sub_top_box .icon5 {animation: updown 1s infinite linear;display:inline-block;position:relative;margin-right:15px; width:30px; height:30px;background:url(/static/resource_0.1.0/onestop/theme/basic/img/icon5.png) no-repeat center;} .sub_top_box .icon6 {animation: updown 1s infinite linear;display:inline-block;position:relative;margin-right:15px; width:30px; height:30px;background:url(/static/resource_0.1.0/onestop/theme/basic/img/icon6.png) no-repeat center;} .sub_top_box .icon7 {animation: updown 1s infinite linear;display:inline-block;position:relative;margin-right:15px; width:30px; height:30px;background:url(/static/resource_0.1.0/onestop/theme/basic/img/icon7.png) no-repeat center;} @-webkit-keyframes updown{ 0% {top:-5px;} 50%{top:5px;} 100%{top:-5px;} } .sub .tit {font-size:36px; font-weight:700; } .sub .tit-mt40 {margin-top:40px;} .sub .txt {font-size:18px; font-weight:400; line-height:32px;} .sub .txt1 {font-size:24px; font-weight:400; line-height:36px;} @media screen and (max-width: 1280px){ .sub .tit {font-size:28px; } .sub .txt1 {font-size:22px; line-height:1.4;} #sub_div > .inner {padding-bottom:100px;} #sub_div > .inner_x {padding:0 ;} } @media screen and (max-width: 1200px){ #sub_div > .sub_top_box {margin-top:80px; padding: 45px 0;} .sub_top_box .sub_tit2 {margin-top:15px; font-size:34px;} } @media screen and (max-width: 1024px){ .s2 .s2_cont2 .s2_info .semi { margin-bottom:20px; } .sub .tit {font-size:22px; } .sub .tit-mt40 {margin-top:28px;} .sub .txt1 {font-size:20px; line-height:1.6;} } @media screen and (max-width: 768px){ .sub .tit-mt40 {margin-top:22px;} .sub_top_box .sub_tit2 { font-size:26px;word-break:keep-all;} } @media screen and (max-width: 640px){ /* 20230103 폰트크기 수정*/ .sub .tit {font-size:20px; } .sub .txt {font-size:14px; line-height:1.8;} .sub .txt1 {font-size:15px;} } @media screen and (max-width:500px){ } @media screen and (max-width:400px){ /* .sub .tit-mt40 {margin-top:12px;} */ } /*s11*/ /* .s11 .s11_top {color:#fff; padding:120px 0 88px; background:url(/static/resource_0.1.0/onestop/theme/basic/img/s1bg.jpg) no-repeat center / cover;} */ /* 20230104 수정 */ .s11 .s11_top {color:#fff; background:url(/static/resource_0.1.0/onestop/theme/basic/img/s1bg.jpg) no-repeat center / cover; height:540px; max-height:540px; display: flex; align-items:center; justify-content:center;} .s11 .s11_top .txt {margin-top:30px;} .s11 .s11_ul {padding:80px 0;display:flex; flex-wrap:wrap; justify-content: space-between; } .s11 .s11_ul li {padding:395px 40px 60px; color:#fff; margin-bottom:40px; width:400px; height:580px;background:url(/static/resource_0.1.0/onestop/theme/basic/img/s11-1.png) no-repeat center / cover;;} /* .s11 .s11_ul li:nth-child(3n-4) {margin-top:40px;} */ .s11 .s11_ul .s11_li2 {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s11-2.png);} .s11 .s11_ul .s11_li3 {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s11-3.png);} .s11 .s11_ul .s11_li4 {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s11-4.png);} .s11 .s11_ul .s11_li5 {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s11-5.png);} .s11 .s11_ul .s11_li6 {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s11-6.png);} .s11 .s11_ul .txt1 {font-size:24px; font-weight:600; line-height:26px;} .s11 .s11_ul .txt {margin-top:15px; color:#d8d8d8; font-weight:600; line-height:24px;} .s11 .dw_btn {margin-top:15px; font-size:18px; font-weight:500; display:block; text-align:center; width: 100%; line-height: 40px; background:#2fa4b5; border-radius: 5px; color:#fff;} /*s12*/ .s12 iframe {width:100%; height:640px;} .s12 .s12_ul {background:#f5f5f5;padding:40px 45px;} .s12 .s12_ul li {display:flex; align-items:center; } .s12 .s12_ul li:first-child {margin-bottom:25px;} .s12 .s12_ul li p {font-size:20px; font-weight:600;} .s12 .s12_ul li span {font-size:20px; padding-right:10px;vertical-align:middle;} .s12 .s12_ul li .gr {padding-left:35px; color:#555; font-weight:400;} @media screen and (max-width:1280px){ /* .s11 .s11_top {padding:100px 0;} */ .s11 .s11_ul {justify-content:center;} .s11 .s11_ul li {margin-right:25px;width: 310px;height: 450px;padding: 303px 25px 0px;margin-bottom:25px;} .s11 .s11_ul li:nth-child(3n) {margin-right:0;} .s11 .s11_ul .txt1 {font-size:22px;} .s11 .s11_ul .txt {font-size:16px;} } @media screen and (max-width: 1024px){ .s11 .s11_top .txt {padding-right:40%} .s11 .s11_ul {width:90%;margin:0 auto;} .s11 .s11_ul li:nth-child(3n-4) {margin-top:0;} .s11 .s11_ul li:nth-child(3n) {margin-right:25px;} .s11 .s11_ul li:nth-child(2n) {margin-right:0;} .s12 iframe {height:400px;} } @media screen and (max-width: 768px){ .s11 .s11_swiper {width:330px} .s11 .s11_ul {width:100%;flex-wrap:initial;justify-content:initial;} .s11 .s11_ul li {height:auto; aspect-ratio: 20 / 29;} .s11 .swiper-pagination {font-size:18px; bottom:75px;} .s11 .s11_ul .txt {word-break:keep-all;} } @media screen and (max-width: 640px){ .s11 .s11_top {background-position:57% center;} .s11 .s11_ul li {margin-right:0px;} .s12 .s12_ul {padding:15px 20px; } .s12 .s12_ul li p {font-size:16px;} .s12 .s12_ul li .gr {padding-left:20px;} .s11 .s11_ul .txt1 {font-size:20px;} } @media screen and (max-width:500px){ .s11 .s11_ul .txt {font-size:14px;} .s11 .s11_top { padding:0px; display: flex; align-items: center; justify-content: center; height:400px; max-height:none; } .s12 iframe {height:300px;} .s12 .s12_ul {padding:15px;} .s12 .s12_ul li {display:block;} .s12 .s12_ul li p {font-size:14px;} .s12 .s12_ul li .gr {padding-left:0px;margin-top:8px; word-break:keep-all;} } @media screen and (max-width:300px){ .s11 .s11_swiper {width:98%;} .s11 .s11_swiper li {padding :260px 10px 0;} } /**/ /* .s2 .s2_cont {color:#fff; padding:120px 0; background:url(/static/resource_0.1.0/onestop/theme/basic/img/s2.jpg) no-repeat center center / cover;} */ /* 20230104 수정*/ .s2 .s2_cont {color:#fff; background:url(/static/resource_0.1.0/onestop/theme/basic/img/s2.jpg) no-repeat center center / cover; height:540px; display:flex; align-items:center; justify-content:center;} .s2 .s2_cont .inner > .txt {margin:18px 0 0;} .s2 .s2_cont .s2_box {display:flex; } .s2 .s2_cont .s2_box li {margin-right:10px; width:280px; height:168px;padding:20px 15px 20px 20px;border:1px solid #fff; } .s2 .s2_cont .s2_box li p:first-child {font-size:20px; font-weight:700;} .s2 .s2_cont .s2_box li .txt {margin-top:10px; line-height:24px;} .s2 .s2_cont2 {background:#f8f8f8; padding:45px 0 80px;} .s2 .s2_cont2 .tit {text-align:center;} .s2 .s2_cont2 .s2_info {background:#fff; border-radius:20px; margin-top:40px;width:100%; padding:30px 40px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);} .s2 .s2_cont2 .s2_info .semi {font-weight:600; width:100%; border-bottom:1px solid #000; padding-bottom:15px; margin-bottom:35px;} .s2 .s2_cont2 .s2_info .mid {display:inline-block; margin-right:35px; font-weight:500;} .s2 .s2_cont2 .s2_info .txt1:not(.semi) {display:flex;} .s2 .s2_cont2 .s2_info .light {font-weight:300;} .s2 .s2_cont2 .s2_info .txt1:last-child {margin-top:10px; } .s2 .s2_cont2 .s2_info .step_box {display:flex; justify-content: space-between; } .s2 .s2_cont2 .s2_info .step_box li {width:170px; text-align:center; position:relative;} .s2 .s2_cont2 .s2_info .step_box li.icon {padding-top: 100px; width:30px} /*.s2 .s2_cont2 .s2_info .step_box li + li::before {content:"";width:30px;height:33px;background:url(/static/resource_0.1.0/onestop/theme/basic/img/s2-7.png) no-repeat center;position:absolute;top: 28%;left: -54px;}*/ .s2 .s2_cont2 .s2_info .step_box .p1 {z-index:5; margin-bottom:25px; position:relative; font-size:20px; font-weight:700;} .s2 .s2_cont2 .s2_info .step_box .p1::before {content:"";width:20px;height:20px; border-radius:10px; background:#90c31f; position:absolute;top: -5px; left: 40px; z-index: -1;} .s2 .s2_cont2 .s2_info .step_box .p2 {margin:20px 0 10px; font-size:20px; font-weight:600; } .s2 .s2_cont2 .s2_info .step_box .txt {color:#122a88; line-height:1; font-weight:500; margin-bottom:25px; } .s2 .s2_cont2 .s2_info .step_box .img {display:flex; justify-content: center; align-items:center; height:90px;} .s2 .s2_cont2 .s2_info .txt-box { /* padding:60px 40px; */ width:100%; /* border-radius:10px; */ /* background:no-repeat #fff 100% 105%; */ /* background-image:url(/theme/basic/img/s3-5.png); background-position:right bottom -10px; */ } .s2 .s2_cont2 .s2_info .txt-box--main { margin-bottom:40px; } .s2 .s2_cont2 .s2_info .txt-box--main ul { margin:-5px 0px; } .s2 .s2_cont2 .s2_info .txt-box--main li { padding:5px 0px; display:flex; } .s2 .s2_cont2 .s2_info .txt-box--main span { line-height: 26px; font-weight:700; color:#000; display: inline-block; vertical-align: middle; } .s2 .s2_cont2 .s2_info .txt-box--main span.txt1 { margin:0px; } .s2 .s2_cont2 .s2_info .txt-box--sub { display: flex; flex-wrap: wrap; } .s2 .s2_cont2 .s2_info .txt-box--sub ul { flex:1 1 50%; margin:-6px 0px; } .s2 .s2_cont2 .s2_info .txt-box--sub li { padding:6px 0px; } .s2 .s2_cont2 .s2_info .txt-box--sub span { font-size:18px; color:#000; display: inline-block; vertical-align: middle; } .s2 .s2_cont2 .s2_info .txt-box--main span.txt-dodge, .s2 .s2_cont2 .s2_info .txt-box--sub span.txt-dodge { margin-right:4px; } .sub .a_btn {display:block; text-align:center; width: 427px; line-height: 64px; background:#2fa4b5; border-radius: 40px; color:#fff; margin: 40px auto 0;box-shadow: 6px 10px 49px 0px rgba(0, 0, 0, 0.14);} .res .res_table {display:flex; flex-wrap:wrap;} .res .tit1 { font-size:28px; font-weight:600; text-align:center; margin-bottom:20px; } .res .res_table li.w100 {width:100%;} .res .res_table li {position:relative;margin-top:20px; display:flex; width:615px ;margin-right:25px;} .res .res_table li .r_tit { font-size:20px; line-height:40px; font-weight:500; width:90px;} .res .res_table li input:not([type="checkbox"],[type="radio"]) {width:calc(100% - 90px); height:40px; padding:0 15px; font-size:16px; font-weight:300; border: 1px solid #ccc; border-radius:5px; } .res .res_table li input:disabled {background:#e7e7e7;} .res .res_table li textarea{resize:none; width:calc(100% - 90px); height:170px; padding:15px; font-size:16px; font-weight:300; border: 1px solid #ccc; border-radius:5px; } .res .res_table li select {background:url(/static/resource_0.1.0/onestop/theme/basic/img/down.png) no-repeat 95% center ;width:calc(100% - 90px); height:40px; padding:0 15px; font-size:18px; font-weight:300; border: 1px solid #ccc; border-radius:5px; } .res .res_table li select{appearance:none } .res .res_table li select option { border: 1px solid #ccc; } /* .res .res_table li select option:first-child {display:none;} */ .res .res_table li input[type="radio"]{display: none;} .res .res_table li input[type="radio"] + label{display: flex; align-items:center;line-height: 40px;cursor: pointer;font-size:20px; font-weight:300; color:#6b6b6b;} .res .res_table li input[type="radio"] + label::before{content: '';width: 18px;height: 18px;background-color: #f6f6f6;border: 1px solid #ccc;border-radius:3px;margin-right: 10px;margin-left: 1px;} .res .res_table li input[type="radio"]:checked + label::before{background:url(/static/resource_0.1.0/onestop/theme/basic/img/check.png);background-size:100%;border:none;} .res .res_table .radio label {margin-right:75px;} .res .res_table .filebox .none{display:none;} .res .res_table .filebox .quick_input{padding-left:45px; font-size:18px;line-height: 40px; font-weight:500; color:#909090 ;background:#fff;position:relative;} .res .res_table .filebox .wr_file{cursor:pointer; padding:0 15px; ; position: absolute;right: 25px;height: 40px;display: block;width: 523px; right:0;} .res .res_table .filebox::after {width:18px;height:24px;background:url(/static/resource_0.1.0/onestop/theme/basic/img/file.png)no-repeat; content:''; position:absolute;left:108px;top:7px;} .res .res_table .checkbox p{width:275px;} .res .res_table li input[type="checkbox"]{display: none;} .res .res_table li input[type="checkbox"] + label{display: flex; align-items:center;line-height: 40px;cursor: pointer;font-size:20px; font-weight:300; color:#6b6b6b; } .res .res_table li input[type="checkbox"] + label::before{content: '';width: 18px;height: 18px;background-color: #efefef;border: 1px solid #ccc;border-radius:3px;margin-right: 10px;margin-left: 1px;} .res .res_table li input[type="checkbox"]:checked + label::before{background:url(/static/resource_0.1.0/onestop/theme/basic/img/check.png);background-size:100%;border:none;} .res .res_table .checkbox a {color:#443ac4; text-decoration:underline} .res .res_table .agree p{width:auto;margin-right:20px;font-weight:300;} .button_wrap {display:flex;justify-content: center;} .button_wrap .a_btn {border:0; font-size:18px;line-height: 45px; font-weight:500;width:160px; margin:80px 0 60px;} .button_wrap a.a_btn {background:#a9a9a9;margin-left:20px;} @media screen and (max-width:1280px){ .s2 .s2_cont2 .s2_info { padding:30px 25px; } .s2 .s2_cont2 .s2_info .semi { margin-bottom:20px; } .s2 .s2_cont2 .s2_info .txt-box--main { margin-bottom:28px; } .s2 .s2_cont2 .s2_info .txt-box--main ul { margin:-2px 0px; } .s2 .s2_cont2 .s2_info .txt-box--main li { padding:2px 0px; } .s2 .s2_cont2 .s2_info .txt-box--sub ul { margin:-3px 0px; } .s2 .s2_cont2 .s2_info .txt-box--sub li { padding:3px 0px; } .s2 .s2_cont2 .s2_info .txt-box--sub span { font-size:16px; } .res .res_table li {width:48%;margin-right:2%;} .res .res_table .agree {flex-wrap:wrap;} .res .res_table .agree p {width:100%;} .res .res_table .filebox .wr_file {width:46vw;} } @media screen and (max-width: 1024px){ .s2 .s2_cont { height:480px; } .s2 .s2_cont2 .s2_info .step_box.sf1024 {display:none;} .s2 .s2_cont2 .s2_info .txt1:not(.semi),.s2 .s2_cont2 .s2_info .mid {display:block; } .s2 .s2_cont2 .s2_info .step_swiper li {height: 300px; padding-top: 15px;} .s2 .s2_cont2 .s2_info .s1024 li + li::before {content:"";width:30px;height:33px;background:url(/static/resource_0.1.0/onestop/theme/basic/img/s2-7.png) no-repeat center;position:absolute;top: 38%;left: -30px;} .s1024 .swiper-pagination {font-size:16px;bottom:0;} .res .tit1 {font-size:24px;} .res .res_table li .r_tit {font-size:18px;} .res .res_table li input[type="checkbox"] + label{font-size:16px;} .res .res_table li select, .res .res_table li input, .res .res_table li textarea,.res .res_table li input[type="radio"] + label {font-size:16px;} .res .res_table {width:600px;margin:0 auto;} .res .res_table li {width:100%;margin-right:0%;} .res .res_table .filebox .wr_file {width:510px;} } @media screen and (max-width: 760px){ .s2 .s2_cont2 .s2_info { padding:25px 20px; } .s2 .s2_cont2 .s2_info .txt-box--main { margin-bottom:22px; } .s2 .s2_cont2 .s2_info .txt-box--sub span { font-size:14px; } } @media screen and (max-width: 640px){ .s2 .s2_cont { height:420px; } .co_id_box {width:95%;} .s2 .a_btn {width:70%;line-height:55px;} .res .res_table {width:100%; } .res .res_table .filebox .wr_file {width:100%;bottom: 0;} } @media screen and (max-width:500px){ /* 20230103 수정 */ .s2 .s2_cont { padding:0px; display:block; height:auto; min-height: 344px; } .s2 .s2_cont .inner { padding:60px 20px; } .s2 .s2_cont2 .s2_info .txt-box--main span { font-size:14px; line-height:20px; } .s2 .s2_cont2 .s2_info .txt-box--sub ul { flex:1 1 100%; } .s2 .s2_cont2 .s2_info .txt-box--sub ul:first-child { margin-bottom:4px; } .s2 .s2_cont2 .s2_info .txt-box--sub span { font-size:12px; } .res .res_table .radio label {margin-right:10px;} .res .res_table li input[type="checkbox"] + label {margin-right:10px;font-size:16px;} .res .res_table .checkbox {flex-wrap:wrap;} .res .res_table .checkbox p {width:100%;word-break:keep-all;} } @media screen and (max-width: 300px){ .res .res_table li {flex-wrap:wrap;} .res .res_table li .r_tit {width:100%;} .res .res_table li select, .res .res_table li textarea,.res .res_table li input:not([type="checkbox"],[type="radio"]) {width:100%;} } /**/ /* .s31 {color:#fff; padding:160px 0; background:url(/static/resource_0.1.0/onestop/theme/basic/img/s3.jpg) no-repeat center center / cover;} .s31 > div {display:flex; justify-content: space-between;} .s31 .top_txtbox {padding-top:115px; width:400px;} .s31 .top_txtbox .tit {margin-bottom:35px; line-height: 48px;} .s31 .top_txtbox .txt {display:flex; margin-top:15px;line-height: 20px;} .s31 .s3_table {width:800px; display:flex; justify-content: space-between; flex-wrap:wrap;} .s31 .s3_table .txt1 {line-height: 26px;font-weight:700; padding:35px 40px;color:#000 ;width:256px; height:168px; border-radius:10px; background:no-repeat #fff 100% 105%;} .s31 .s3_table .txt1:nth-child(-n+6) {margin-bottom:15px; } .s31 .s3_table .txt1:first-child {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s3-8.png); } .s31 .s3_table .txt1:nth-of-type(2) {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s3-7.png); } .s31 .s3_table .txt1:nth-of-type(4) {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s3-6.png); } .s31 .s3_table .txt1:nth-of-type(5) {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s3-5.png); } .s31 .s3_table .txt1:nth-of-type(7) {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s3-4.png); } .s31 .s3_table .txt1:nth-of-type(8) {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s3-3.png); } .s31 .s3_table .txt1:nth-of-type(9) {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s3-2.png); } .s31 .s3_table .txt1:nth-of-type(10) {background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s3-1.png); } .s31 .s3_table .txt1:last-child {background-color:#0d72b8; color:#fff; background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s3-9.png); } */ /**/ .m_btn {text-align:center; font-size:20px; font-weight:600; display:block; color:#fff ;width:216px; line-height:44px; border-radius:10px; background: #3069ab;} .m_btn2 {margin-left:20px; background: #a8a8a8;} .register_list {position:relative;width:600px;margin:0 auto;} #fregisterform .form_name {float:none !important; height:30px !important;} #fregisterform .form_name p {font-size:19px !important; font-weight:400; line-height:30px !important;} #fregisterform .half_input {width:100%;} #fregisterform li {border:none !important; padding:0;margin-bottom:20px;} #fregisterform li .frm_input {font-size:18px !important; padding:0 15px;box-shadow:none !important; border: 1px solid #cccccc !important; border-radius:5px; } #fregisterform .btn_overlap {border: 1px solid #cccccc !important; position: absolute; right: 0px;} #fregisterform li .required {background-position: 99% center !important;} #fregisterform #reg_mb_id.on {background:#ebebeb;border:0 !important; border-radius:0 !important;} #fregisterform .emailbox input{width:100% !important;} .mypage.button_wrap .a_btn {margin-bottom:0px;} @media screen and (max-width:1280px){ .s31 {padding:100px 0;} .s31 > div {display:block;} .s31 .top_txtbox {padding-top:0;width:100%;text-align:center;} .s31 .top_txtbox .txt {display:block;} .s31 .s3_table {margin:50px auto 0;} #fregisterform .btn_confirm {margin-bottom:0 !important;} } @media screen and (max-width: 1024px){ } @media screen and (max-width: 850px){ .s31 .s3_table {width:100%;} .s31 .s3_table .txt1 {font-size:18px;background-size:30% ;padding:20px 25px; width:32%;height:20vw;} } @media screen and (max-width: 640px){ .s31 .s3_table .txt1 {font-size:16px; line-height:1.4;} .s31 .top_txtbox .tit {font-size:22px;line-height:1.6;} .register_list {width:100%;} #fregisterform .captcha {width:187px; margin:0 auto !important;} #captcha.m_captcha #captcha_img {margin-left:14px;} #captcha.m_captcha #captcha_key {margin-left:14px !important;} .m_btn {font-size:18px} } @media screen and (max-width:500px){ .s31 .s3_table .txt1 {width:48%;height:28vw;} .s31 .s3_table .txt1:last-child {width:100%;background-size:17% ; } #fregisterform .form_name p {font-size:17px !important; } #fregisterform li .frm_input {font-size:16px !important; } .s31 .s3_table .txt1 { margin-bottom:15px; } } @media screen and (max-width: 350px){ .s31 .s3_table .txt1 {width:100%; height: 36vw;} } .s1280 {display:none;word-break:keep-all; } .s1024 {display:none;word-break:keep-all; } .s768 {display:none; } .s640 {display:none;word-break:keep-all; } .s400 {display:none;word-break:keep-all; } @media screen and (max-width: 1280px){ .s31 .top_txtbox .sf1280 {display:none;} .s1280 {display:block;} } @media screen and (max-width: 1024px){ .sf1024 {display:none;} .s1024 {display:block;} } @media screen and (max-width: 768px){ .sf768 {display:none;} .s768 {display:block;} } @media screen and (max-width: 640px){ .sf640 {display:none;} .s640 {display:block;} #mb_confirm p {padding:0 10px;} } @media screen and (max-width: 400px){ .sf400 {display:none;} .s400 {display:block;} } /* chw chw */ /* 20230104 수정 */ .s311 {color:#fff; /*padding:120px 0;*/ background:url(/static/resource_0.1.0/onestop/theme/basic/img/s3.jpg) no-repeat center center / cover; height:540px; display: flex; align-items: center; justify-content: center;} .s311 > div {display:block; justify-content: space-between;} .s311 .top_txtbox {padding-top:0px; width:100%;} .s311 .top_txtbox .tit {/*margin-bottom:35px;*/ line-height:1.4;} .s311 .top_txtbox .txt {display:flex; margin-top:15px;line-height: 20px;} .s311 .s3_table {width:100%; display:flex; justify-content: space-between; flex-wrap:wrap;padding-top:60px;} .s311.sub .inner > .txt {margin:18px 0 0;} /* 20240826 */ /* .s311 .s3_table .txt1 {line-height: 26px;font-weight:700; padding:35px 40px;color:#000 ;width:23%;margin: 0 1%; height:168px; border-radius:10px; background:no-repeat #fff 100% 105%;} */ /* .s311 .s3_table .txt1:nth-child(6) {} .s311 .s3_table .txt1:first-child {background-image:url(/theme/basic/img/s3-8.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(2) {background-image:url(/theme/basic/img/s3-7.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(3) {background-image:url(/theme/basic/img/s3-6.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(4) {background-image:url(/theme/basic/img/s3-5.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(5) {background-image:url(/theme/basic/img/s3-4.png); } .s311 .s3_table .txt1:nth-of-type(6) {background-image:url(/theme/basic/img/s3-3.png); } .s311 .s3_table .txt1:nth-of-type(7) {background-image:url(/theme/basic/img/s3-2.png); } .s311 .s3_table .txt1:nth-of-type(8) {background-image:url(/theme/basic/img/s3-1.png); } */ @media screen and (max-width: 1280px){ /* .s311.sub .s3_table .txt1{font-size: 20px;padding: 25px 25px;} .s311 .s3_table{padding-top: 50px;} .s311{padding: 100px 0;} .s311 .top_txtbox .tit{line-height: 38px;} */ } @media screen and (max-width: 1000px){ /* .s311.sub .s3_table .txt1{font-size: 16px;padding: 20px 20px;} .s311 .s3_table .txt1{height:130px} */ } @media screen and (max-width: 760px){ /* .s311.sub .s3_table .txt1{font-size: 16px;padding: 10px 10px;} .s311 .s3_table .txt1{height:100px;background: no-repeat #fff right bottom;background-size:20%;width:48%} .s311 .s3_table .txt1:first-child {background-image:url(/theme/basic/img/s3-8.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(2) {background-image:url(/theme/basic/img/s3-7.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(3) {background-image:url(/theme/basic/img/s3-6.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(4) {background-image:url(/theme/basic/img/s3-5.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(5) {background-image:url(/theme/basic/img/s3-4.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(6) {background-image:url(/theme/basic/img/s3-3.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(7) {background-image:url(/theme/basic/img/s3-2.png); } .s311 .s3_table .txt1:nth-of-type(8) {background-image:url(/theme/basic/img/s3-1.png); } */ } @media screen and (max-width: 760px){ /* .s311.sub .s3_table .txt1{font-size: 15px;padding: 15px 10px;line-height: 21px;} .s311 .s3_table .txt1{height:100px;background: no-repeat #fff right bottom;background-size:25%;width:48%} .s311 .s3_table .txt1:first-child {background-image:url(/theme/basic/img/s3-8.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(2) {background-image:url(/theme/basic/img/s3-7.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(3) {background-image:url(/theme/basic/img/s3-6.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(4) {background-image:url(/theme/basic/img/s3-5.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(5) {background-image:url(/theme/basic/img/s3-4.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(6) {background-image:url(/theme/basic/img/s3-3.png); margin-bottom:15px;} .s311 .s3_table .txt1:nth-of-type(7) {background-image:url(/theme/basic/img/s3-2.png); } .s311 .s3_table .txt1:nth-of-type(8) {background-image:url(/theme/basic/img/s3-1.png); } .s311{padding: 50px 0 80px 0;} */ } @media screen and (max-width: 500px){ .s311 { /* padding:100px 0px; */ display: block; height:auto; min-height:344px; } .s311 .inner { padding:60px 20px; } .s311 .s3_table .txt-box--main span { font-size:14px; line-height:20px; } .s311 .s3_table .txt-box--sub ul { flex:1 1 100%; } .s311 .s3_table .txt-box--sub ul:first-child { margin-bottom:4px; } .s311 .s3_table .txt-box--sub span { font-size:12px; } #hd_pops_1 {width:90%;} .hd_pops_con {aspect-ratio: 1 / 1;width:100% !important;height:auto !important;} #hd_pops_1 img {width:100%;} } /* 20240618 서브 공통 */ .inner--sub { padding-top:120px; padding-bottom:120px; } .inner--sub .inner-pc { display: block; } .inner--sub .inner-mo { display: none; } .inner--sub .a_btn { display:block; text-align:center; width: 427px; line-height: 64px; background:#2fa4b5; border-radius: 40px; font-size:18px; color:#fff; margin: 40px auto 0; box-shadow: 6px 10px 49px 0px rgba(0, 0, 0, 0.14); } @media (max-width:1280px) { .inner--sub { padding-top:100px; padding-bottom:100px; } } @media (max-width:1024px) { .inner--sub .inner-pc { display: none; } .inner--sub .inner-mo { display: block; } } @media (max-width:640px) { .inner--sub .a_btn { width:80%; line-height:55px; font-size:14px; } } /* 20240618 서브 비주얼 리뉴얼 */ .sub-visual { width:100%; height:540px; display: flex; align-items: center; background-repeat: no-repeat; background-position: center; background-size:cover; /* color:#fff; background:url(/static/resource_0.1.0/onestop/theme/basic/img/s2.jpg) no-repeat center center / cover; height:420px; display:flex; align-items:center; justify-content:center; */ } .sub-visual--01 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/s2.jpg); } .sub-visual--02 { background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s1bg.jpg); } .sub-visual--03 { background-image:url(/static/resource_0.1.0/onestop/theme/basic/img/s4.jpg); } .sub-visual-container { max-width: 1310px; width:100%; margin:0 auto; padding:0px 15px; color:#fff; } .sub-visual-container .tit { font-size:36px; font-weight:700; margin-bottom:40px; } .sub-visual-container .txt { font-size:18px; font-weight:400; line-height:32px; margin-top:18px; } .sub-visual-container .mb-40 { margin-bottom:40px; } @media (max-width:1280px) { .sub-visual-container .tit { font-size:28px; } } @media (max-width:1024px){ .sub-visual { height:480px; } .sub-visual-container .tit { font-size:22px; margin-bottom:22px; } .sub-visual-container .txt br { display: none; } .sub-visual-container .mb-40 { margin-bottom:22px; } } @media (max-width:640px) { .sub-visual { height:420px; } .sub-visual-container .tit { font-size:20px; margin-bottom:16px; } .sub-visual-container .txt { font-size:14px; line-height:1.8; margin-top:14px; } .sub-visual-container .mb-40 { margin-bottom:16px; } } /* 20240618 추가 퍼블 */ /* Arrange */ .arrange .inner img { max-width:100%; } .arrange .inner .item { margin-bottom:80px; } .arrange .inner .item:last-child { margin:0px; } .arrange .inner .text-mt { margin-top:20px; } .arrange .inner .text .t-btm { padding-bottom:30px; } .arrange .inner .text .t-btm2 { padding-bottom:16px; } .arrange .inner .text .t01 { display: flex; align-items: center; font-size:28px; font-weight:600; line-height:26px; color:#222222; } .arrange .inner .text .t01::before { content:""; display: block; width:4px; height:26px; background-color: #122a88; margin-right:16px; } .arrange .inner .text .t01 a { display: inline-flex; align-items: center; justify-content: center; width:100px; height:36px; font-size:18px; font-weight:500; border-bottom:1px solid #222; margin-left:40px; } .arrange .inner .text .t02 { display: flex; font-size:20px; font-weight:500; line-height:32px; color:#383838; } .arrange .inner .text .t02 span.dot { display: block; margin-right:4px; } .arrange .inner .text .t03 { display: flex; font-size:18px; line-height:28px; color:#383838; } .arrange .inner .text .t03 span.dot { display: block; margin-right:4px; } .arrange .inner .img { font-size:0px; } @media (max-width:1280px) { .arrange .inner .item { margin-bottom:60px; } .arrange .inner .text-mt { margin-top:16px; } .arrange .inner .text .t01 { font-size:22px; } .arrange .inner .text .t01::before { height:18px; } .arrange .inner .text .t01 a { font-size:16px; width:90px; height:32px; margin-left:30px; } .arrange .inner .text .t02 { font-size:18px; } .arrange .inner .text .t03 { font-size:16px; } } @media (max-width:1200px) { .arrange .inner .text .t02 .pc { display: none; } } @media (max-width:1024px) { .arrange .inner .text-mt { margin-top:12px; } .arrange .inner .text .t-btm { padding-bottom:20px; } .arrange .inner .text .t-btm2 { padding-bottom:10px; } .arrange .inner .text .t01::before { margin-right:10px; } } @media (max-width:640px) { .arrange .inner .item { margin-bottom:30px; } .arrange .inner .text-mt { margin-top:8px; } .arrange .inner .text .t-btm { padding-bottom:10px; } .arrange .inner .text .t-btm2 { padding-bottom:6px; } .arrange .inner .text .t01 { font-size:20px; } .arrange .inner .text .t01::before { width:3px; height:16px; margin-right:6px; } .arrange .inner .text .t01 a { font-size:14px; width:70px; height:26px; margin-left:16px; } .arrange .inner .text .t02 { font-size:16px; line-height:1.6; } .arrange .inner .text .t03 { font-size:14px; line-height:1.6; } } @media (max-width:500px) { .arrange .inner .text .t01 a { font-size:13px; width:50px; height:24px; margin-left:12px; } } /* Introduce */ .introduce .inner .introduce-list { display: flex; flex-wrap: wrap; margin:-20px; } .introduce .inner .introduce-list li { flex:1 1 25%; max-width:25%; padding:20px; } .introduce .inner .introduce-list .card { position: relative; height:100%; padding:370px 10px 43px; text-align: center; color:#ffff; background-repeat: no-repeat; background-position: center; background-size:cover; border-radius:20px; overflow: hidden; } .introduce .inner .introduce-list .card--01 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img01.png); } .introduce .inner .introduce-list .card--02 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img02.png); } .introduce .inner .introduce-list .card--03 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img03.png); } .introduce .inner .introduce-list .card--04 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img04.png); } .introduce .inner .introduce-list .card--05 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img05.png); } .introduce .inner .introduce-list .card--06 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img06.png); } .introduce .inner .introduce-list .card--07 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img07.png); } .introduce .inner .introduce-list .card--08 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img08.png); } .introduce .inner .introduce-list .tit { display: flex; justify-content: center; align-items: center; position: absolute; top:40px; left:50%; transform: translateX(-50%); width:100%; height:60px; font-size: 24px; font-weight:600; line-height:28px; } .introduce .inner .introduce-list .txt { font-size:20px; font-weight:400; line-height:28px; } .introduce .inner .introduce-list .link { display:inline-flex; justify-content: center; align-items: center; width: 100%; height:64px; text-align:center; font-size:20px; font-weight:500; line-height:24px; color:#fff; background:#0799a5; border-radius: 10px; } .introduce .inner .card-slide { width:580px; height:100%; margin:0 auto; } .introduce .inner .card-slide .swiper-wrapper { height:100%; } .introduce .inner .card-slide .swiper-slide { height:100%; overflow: hidden; } .introduce .inner .card-slide .swiper-pagination { position: relative; top:unset; left: unset; right:unset; bottom:unset; -webkit-transform:none; transform: none; font-size:18px; margin-top:20px; } .introduce .inner .card-slide .card { position: relative; height:100%; padding:370px 16px 0px; text-align: center; color:#ffff; background-repeat: no-repeat; background-position: center; background-size:cover; border-radius:20px; overflow: hidden; aspect-ratio:20 / 35; } .introduce .inner .card-slide .card--01 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img01.png); } .introduce .inner .card-slide .card--02 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img02.png); } .introduce .inner .card-slide .card--03 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img03.png); } .introduce .inner .card-slide .card--04 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img04.png); } .introduce .inner .card-slide .card--05 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img05.png); } .introduce .inner .card-slide .card--06 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img06.png); } .introduce .inner .card-slide .card--07 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img07.png); } .introduce .inner .card-slide .card--08 { background-image: url(/static/resource_0.1.0/onestop/theme/basic/img/introduce-img08.png); } .introduce .inner .card-slide .tit { display: flex; justify-content: center; align-items: center; position: absolute; top:28px; left:50%; transform: translateX(-50%); width:100%; height:60px; font-size: 22px; font-weight:600; line-height:28px; } .introduce .inner .card-slide .txt { font-size:18px; font-weight:400; line-height:28px; } .introduce .inner .card-slide .link { display:inline-flex; justify-content: center; align-items: center; width: 100%; height:54px; text-align:center; font-size:18px; font-weight:500; line-height:24px; color:#fff; background:#0799a5; border-radius: 10px; } @media (max-width:1280px){ .introduce .inner .introduce-list { margin:-12px; } .introduce .inner .introduce-list li { padding:12px; } .introduce .inner .introduce-list .card { padding:380px 10px 36px; } .introduce .inner .introduce-list .tit { height:52px; font-size:22px; } .introduce .inner .introduce-list .txt { font-size:18px; } } @media (max-width:640px) { .introduce .inner .card-slide { width:280px; } .introduce .inner .card-slide .swiper-pagination { font-size:14px; margin-top:12px; } .introduce .inner .card-slide .card { padding:340px 20px 0px; aspect-ratio:20 / 32; } .introduce .inner .card-slide .tit { top:24px; height: auto; font-size:18px; line-height:1.4; } .introduce .inner .card-slide .tit br { display: none; } .introduce .inner .card-slide .txt { font-size:14px; line-height:1.4; } .introduce .inner .card-slide .link { height:47px; font-size:14px; line-height:1.2; } } /* Regulation */ .regulation { background-color: #f8f8f8; } .regulation .item { padding:40px; border-radius: 20px; background-color: #fff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15); margin-top:40px; } .regulation .item:first-child { margin:0px; } .regulation .item-tit { font-size:24px; font-weight:600; line-height:1; color:#383838; border-bottom:1px solid #979797; padding-bottom:20px; margin-bottom:40px; } .regulation .item-detail { font-size:24px; font-weight:700; line-height:36px; color:#383838; margin-bottom:40px; } .regulation .item-detail dd { display: flex; } .regulation .item-detail span { display: block; margin-right:4px; } .regulation .item-text .t01 { display: flex; font-size:24px; margin-bottom:12px; line-height:36px; color:#383838; } .regulation .item-text .t01:last-child { margin-bottom:0px; } .regulation .item-text .t01--color { font-weight:300; } .regulation .item-text .t01 span { display: block; font-weight:500; color:#383838; margin-right:10px; } .regulation .item-pc { display: block; } .regulation .item-mo { display: none; } .regulation .step-list { display: flex; justify-content: space-between; } .regulation .step-list li { width:170px; text-align:center; position:relative; } .regulation .step-list li.icon { padding-top: 80px; width:30px; } .regulation .step-list .list-pin { z-index:5; margin-bottom:25px; position:relative; font-size:20px; font-weight:700; } .regulation .step-list .list-pin::before { content:""; width:20px; height:20px; border-radius:10px; background:#90c31f; position:absolute; top: -5px; left: 40px; z-index: -1; } .regulation .step-list .img { display:flex; justify-content: center; align-items:center; height:90px; } .regulation .step-list .img img { max-width:100%; } .regulation .step-list .list-tit { margin:20px 0 10px; font-size:20px; font-weight:600; } .regulation .step-list .list-txt { color:#122a88; font-size:18px; font-weight:500; line-height:20px; } @media (max-width:1280px){ .regulation .item { padding:30px 25px; } .regulation .item-tit { font-size:22px; line-height:1.4; margin-bottom:20px; } .regulation .item-detail { font-size:22px; line-height:1.4; margin-bottom:20px; } .regulation .item-text .t01 { font-size:22px; line-height:1.4; } .regulation .step-list .list-pin { font-size:18px; margin-bottom:20px; } .regulation .step-list .list-pin::before { top: -2px; left: 45px; width:16px; height:16px; } .regulation .step-list .list-tit { font-size:18px; } .regulation .step-list .list-txt { font-size:16px; } } @media (max-width:1024px){ .regulation .item-pc { display: none; } .regulation .item-mo { display: block; } .regulation .item { margin-top:30px; } .regulation .item-tit { font-size:20px; } .regulation .item-detail { font-size:20px; } .regulation .item-text .t01 { flex-wrap: wrap; font-size:20px; } .regulation .item-text .t01 span { width:100%; } .regulation .item-text .t01 br { display: none; } .regulation .step-list li::before { content:""; display: block; width:30px; height:33px; background:url(/static/resource_0.1.0/onestop/theme/basic/img/s2-7.png) no-repeat center; position:absolute; top: 38%; left: -30px; } .regulation .swiper-slide { height:270px; padding-top:20px; } .regulation .swiper-pagination { position: relative; top:unset; left: unset; right:unset; bottom:unset; -webkit-transform:none; transform: none; font-size:18px; margin-top:20px; } } @media (max-width:640px){ .regulation .item { padding:25px 20px; margin-top:25px; } .regulation .item-tit { font-size:16px; padding-bottom:8px; margin-bottom:12px; } .regulation .item-detail { font-size:16px; line-height:1.6; margin-bottom:12px; } .regulation .item-text .t01 { display: block; font-size:16px; } .regulation .item-text .t01 span { margin:0px; } .regulation .swiper-slide { height:240px; } .regulation .step-list .list-pin { font-size: 16px; margin-bottom:12px; } .regulation .step-list .list-pin::before { top:-1px; left:52px; width:10px; height:10px; } .regulation .step-list .list-tit { font-size:16px; margin:12px 0px 6px; } .regulation .step-list .list-txt { font-size:14px; } .regulation .swiper-pagination { font-size:14px; margin-top:12px; } } /* Res */ .res--custom .inner { padding-bottom:120px; } .res--custom .item { margin-top:80px; } .res--custom .item:first-child { margin:0px; } .res--custom .item-tit { display: flex; align-items: center; font-size:28px; font-weight:600; line-height:26px; color:#222222; margin-bottom:30px; } .res--custom .item-tit::before { content:""; display: block; width:4px; height:26px; background-color: #122a88; margin-right:16px; } .res--custom .res_table li .r_tit { width:230px; } .res--custom .res_table li .r_tit span.dot { display: inline-block; vertical-align: top; width:7px; height:7px; margin-top:5px; border-radius:50%; background-color: #122a88; } .res--custom .res_table li input:not([type="checkbox"],[type="radio"]) { width:calc(100% - 230px); } .res--custom .res_table li select { width:calc(100% - 230px); background-position:98%; } .res--custom .res_table li textarea { width:calc(100% - 230px); } .res--custom .res_table li .custom-box { width:calc(100% - 230px); } .res--custom .res_table li .custom-box .box-item { margin-bottom:20px; } .res--custom .res_table li .custom-box .box-item:last-child { margin-bottom:0px; } .res--custom .res_table li .custom-box input, .res--custom .res_table li .custom-box textarea, .res--custom .res_table li .custom-box select { width:100%; } .res--custom .res_table li .custom-box .r_addition { font-size:16px; line-height:20px; color:#666; margin-top:12px; } .res--custom .button_wrap .a_btn { display: block; text-align: center; border-radius: 40px; color: #fff; box-shadow: 6px 10px 49px 0px rgba(0, 0, 0, 0.14); } .res--custom .button_wrap .a_btn01 { background: #2fa4b5; } .res--custom .button_wrap .a_btn03 { background: #FF0000; } @media (max-width:1280px) { .res--custom .inner { padding-bottom:100px; } .res--custom .item { margin-top:60px; } .res--custom .item-tit { font-size:22px; } .res--custom .item-tit::before { height:18px; } .res--custom .res_table li .custom-box .r_addition { font-size:14px; } } @media (max-width:1024px) { .res--custom .item-tit { margin-bottom:0px; } .res--custom .item-tit::before { margin-right:10px; } .res--custom .res_table li { flex-wrap: wrap; } .res--custom .res_table li .r_tit { width:100%; } .res--custom .res_table li .r_tit span.dot { width:5px; height:5px; margin-top:7px; } .res--custom .res_table li input:not([type="checkbox"],[type="radio"]) { width:100%; } .res--custom .res_table li select { width:100%; background-position:98%; } .res--custom .res_table li textarea { width:100%; } .res--custom .res_table li .custom-box { width:100%; } .res--custom .res_table li .custom-box .box-item { margin-bottom:12px; } } @media (max-width:640px){ .res--custom .item { margin-top:40px; } .res--custom .item-tit { font-size:20px; } .res--custom .item-tit::before { width:3px; height:16px; margin-right:6px; } .res--custom .res_table li .custom-box .box-item { margin-bottom:6px; } .res--custom .res_table li .custom-box .r_addition { font-size:12px; } } /* 20240819 접수하기 폼 추가 */ .res--custom .res_table li .file-wrap { position: relative; width:calc(100% - 230px); } .res--custom .res_table li .file-box { position: relative; width:100%; height:40px; border:1px solid #ccc; border-radius: 5px; } .res--custom .res_table li .file-box::after { display: none; } .res--custom .res_table li .file-box label { display: flex; align-items: center; width:100%; height:100%; padding:0px 15px; cursor: pointer; } .res--custom .res_table li .file-box input { position: absolute; top:0; left:0; width:100%; height:100%; visibility:hidden; padding:0px; } .res--custom .res_table li .file-box i { display: inline-block; vertical-align:middle; width:18px; height:20px; background:url('/static/resource_0.1.0/onestop/theme/basic/img/file.png') no-repeat center / auto 20px; margin-right:10px; } .res--custom .res_table li .file-box span { display: inline-block; vertical-align:middle; font-size:16px; font-weight:500; color:#999; } .res--custom .receipt-agree { margin:-15px 0px; padding-top:40px; } .res--custom .receipt-agree .agree-box { display:flex; flex-wrap: wrap; align-items: center; padding:10px 0px; } .res--custom .receipt-agree p { display: flex; align-items: center; font-size:20px; font-weight:500; margin-right:40px; } .res--custom .receipt-agree .agree-modal { display:inline-block; vertical-align:middle; outline: none; background-color: transparent; border:0px; cursor: pointer; font-weight:700; color:#122a88; margin-left:6px; } .res--custom .receipt-agree input { display: none; } .res--custom .receipt-agree input[type="radio"] + label, .res--custom .receipt-agree input[type="checkbox"] + label { display: flex; align-items:center; line-height: 40px; cursor: pointer; font-size:20px; font-weight:300; color:#6b6b6b; } .res--custom .receipt-agree input[type="radio"] + label::before, .res--custom .receipt-agree input[type="checkbox"] + label::before { content: ''; display: block; width: 18px; height: 18px; background-color: #f6f6f6; border: 1px solid #ccc; border-radius:3px; margin-right: 10px; margin-left: 1px; } .res--custom .receipt-agree input[type="radio"]:checked + label::before, .res--custom .receipt-agree input[type="checkbox"]:checked + label::before { background:url(/static/resource_0.1.0/onestop/theme/basic/img/check.png); background-size:100%; border:none; } .res--custom .receipt-agree ul { display: flex; align-items: center; margin:0px -35px; } .res--custom .receipt-agree li { padding:0px 35px; } @media (max-width:1200px) { .res--custom .receipt-agree p { margin-right:30px; } .res--custom .receipt-agree ul { margin:0px -20px; } .res--custom .receipt-agree li { padding:0px 20px; } } @media (max-width:1024px) { .res--custom .res_table li .file-wrap { width:100%; } .res--custom .receipt-agree { width:600px; margin:-15px auto; } .res--custom .receipt-agree .agree-box { display: block; } .res--custom .receipt-agree p { font-size:18px; margin-right:0px; margin-bottom:6px; } .res--custom .receipt-agree input[type="checkbox"] + label { font-size:16px; } } @media (max-width:640px) { .res--custom .receipt-agree { width:100%; } } /* #sub_div .inner { padding-bottom:80px; } @media screen and (max-width: 640px){ #sub_div .inner { padding-bottom:60px; } } */ /* 20240828 추가페이지(윤리) 퍼블 */ .info--sub0206 dl { padding-top:40px; } .info--sub0206 dt { font-size:20px; font-weight:500; margin-bottom:30px; } .info--sub0206 dd { font-size:18px; line-height:1.6; } .info--sub0206 dt.color01 { color:#f8ba3e; } .info--sub0206 dt.color02 { color:#e25145; } .info--sub0206 dt.color03 { color:#bf3153; } .info--sub0206 dt.color04 { color:#94255c; } .info--sub0206 dt.color05 { color:#722d80; } .info--sub0206 dt.color06 { color:#0d578c; } .info--sub0206 dt.color07 { color:#28ccb2; } .info--sub0206 dt.color08 { color:#3ccc85; } .arrange--ethic .link-btn { display: flex; justify-content: center; } .arrange--ethic .link-btn a { display: inline-flex; justify-content: center; align-items: center; width: 427px; line-height:64px; font-size:18px; font-weight:500; color:#ffffff; border-radius:100px; background-color: #2fa4b5; box-shadow:0px 0px 25px 15px rgba(155,155,155,.1); } .arrange--ethic .ctn-txt { text-align: center; font-size:18px; font-weight:500; color:#888888; margin-top:40px ; } @media (max-width:1280px) { .info--sub0206 dt { font-size:18px; } .info--sub0206 dd { font-size:16px; } .arrange--ethic .ctn-txt { font-size:16px; } } @media (max-width:1024px) { .info--sub0206 dl { padding-top:30px; } .info--sub0206 dt { margin-bottom:24px; } .arrange--ethic .ctn-txt { margin-top:30px; } } @media (max-width:640px) { .info--sub0206 dl { padding-top:18px; } .info--sub0206 dt { font-size:16px; margin-bottom:14px; } .info--sub0206 dd { font-size:14px; } .arrange--ethic .link-btn a { width: 80%; line-height:55px; font-size:14px; } .arrange--ethic .ctn-txt { font-size:14px; margin-top:18px; } } .sec4 .sec4_swiper .swiper-wrapper li .desc.fs-14{ font-size: 14px; }