/* 팝업 */ div.box_popup {display:none; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:200000; background-color:rgba(0,0,0,.5); } div.box_popup div.popup {overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:800px; box-shadow:2px 5px 13px rgb(0 0 0 / 20%); border-radius:5px; background:transparent; } div.box_popup div.popup h2 {box-sizing:border-box; height:60px; padding:0 20px; color:#fff; background:#0036ce; line-height:60px; font-size:18px; } div.box_popup div.popup h2:after {display:block; content:'' ; clear:both;} div.box_popup div.popup button.btn_close {float:right; height:60px; line-height:60px; color:#fff;} div.box_popup div.popup button.btn_close > i {font-size:15px;} div.box_popup div.popup > div.popup_inner {padding:20px; background:#fff; box-sizing:border-box;} div.box_popup div.popup > div.popup_inner > div {height:auto; padding:10px; box-sizing:border-box; overflow-y:auto;} div.box_popup div.popup > div.popup_inner > div::-webkit-scrollbar {width:10px;} div.box_popup div.popup > div.popup_inner > div::-webkit-scrollbar-thumb {background-color:#cccccc; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;} div.box_popup div.popup > div.popup_inner > div::-webkit-scrollbar-track {background-color:initial; border-radius: 10px; box-shadow: inset 0px 0px 5px white;} div.box_popup div.popup > div.popup_inner div.line {margin:30px 0; height:1px; background:#e5e5e5;} /* 22.12.29 허만우 스타일 추가 { */ div.box_popup div.popup > div.popup_inner > div {max-height:65vh;} /* } 22.12.29 허만우 스타일 추가 */ header div.box_popup div.popup > div.popup_inner > div[data-role="button"] {height:auto; padding-top:25px; border-bottom:none;} /* 23.08.18 스타일 수정 { */ header div.box_popup div.popup > div.popup_inner > div > div.box_txt > h4 {font-size:18px; font-weight:bold; line-height:24px;} header div.box_popup div.popup > div.popup_inner > div > div.box_txt > strong {display:inline-block; width:100%; margin:30px 0 15px; font-size:15px; line-height:18px; font-weight:bold; color:#0036ce; word-break:keep-all;} /* } 23.08.18 스타일 수정 */ header div.box_popup div.popup > div.popup_inner > div > div.box_txt > p.sub_tit {line-height:22px;} header div.box_popup div.popup > div.popup_inner > div > div.box_txt > p.margin_t {margin-top:30px;} header div.box_popup div.popup > div.popup_inner > div > div.box_txt > p.text {line-height:22px; color:#666; word-break:keep-all;} header div.box_popup div.popup > div.popup_inner > div[data-role="button"] > button {width:120px; height:48px; line-height:48px;} /* 2023.08.18 스타일 수정 { */ header div.box_popup div.popup > div.popup_inner > div[data-role="button"] > button + button {margin-left:5px;} /* } 2023.08.18 스타일 수정 */ /* 23.04.21 oz8 스타일 추가 { */ div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item {box-sizing:border-box;} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item a.link {display:inline-block; padding:8px 15px; margin:4px 0; background:#e3f0fc; border:1px solid #e3f0fc; border-radius:2px; box-sizing:border-box;} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong {display:inline-block; width:100%; margin:30px 0 15px; font-size:15px; font-weight:bold; color:#0036ce;} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item p.sub_tit {line-height:22px;} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item p.margin_t {margin-top:30px;} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item p.dot.margin_t {margin-top:17px;} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item p.text {line-height:22px; color:#666; word-break:keep-all;} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item p.indent {padding-left:10px; box-sizing:border-box;} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item p.indent.depth2 {padding-left:20px;} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item p.dot > a {color:#0036ce;} div.box_popup div.popup > div.popup_inner > div > div.box_txt table.info_table {table-layout:fixed; box-sizing:border-box;} div.box_popup div.popup > div.popup_inner > div > div.box_txt table.info_table .bg {background:#e3f0fc;} div.box_popup div.popup > div.popup_inner > div > div.box_txt table.info_table th {border-top:1px solid #ddd;} div.box_popup div.popup > div.popup_inner > div > div.box_txt table.info_table th, div.box_popup div.popup > div.popup_inner > div > div.box_txt table.info_table td {padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; line-height:1.4; word-break:keep-all; box-sizing:border-box;} div.box_popup div.popup > div.popup_inner > div > div.box_txt table.info_table th:first-child, div.box_popup div.popup > div.popup_inner > div > div.box_txt table.info_table td:first-child {border-left:1px solid #ddd;} div.box_popup div.popup > div.popup_inner > div > div.box_txt table.info_table .a_l {text-align:left;} /* } 23.04.21 oz8 스타일 추가 */ /* 개인정보처리방침 */ div.box_popup.privacy div.popup > div.popup_inner > div > div.box_txt > div.box_blue {display:flex; flex-wrap:wrap; margin-top:30px; padding:24px; background:#e3f0fc; box-sizing:border-box;} div.box_popup.privacy div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div {width:calc(100% / 2);} div.box_popup.privacy div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > p {line-height:28px; color:#0036ce;} /* 23.04.21 oz8 스타일 수정 { */ div.box_popup.privacy div.popup > div.popup_inner > div > div.box_txt > div.item p.dot {line-height:24px;} div.box_popup.privacy div.popup > div.popup_inner > div > div.box_txt > div.item p.dot.margin_t {margin-top:17px;} div.box_popup.privacy div.popup > div.popup_inner > div > div.box_txt > div.item p.dot > a {color:#0036ce;} /* } 23.04.21 oz8 스타일 수정 */ /* 저작권보호정책 */ div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue {padding:24px; background:#e3f0fc; box-sizing:border-box;} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div {margin-bottom:30px;} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div:last-child {margin-bottom:0;} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > i {display:inline-block; width:73px; height:26px; margin-right:20px; background-position:center; background-repeat:no-repeat; vertical-align:middle;} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > i.icon_cc_01 {background-image:url(../image/ico_cc01.png);} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > i.icon_cc_02 {background-image:url(../image/ico_cc02.png);} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > i.icon_cc_03 {background-image:url(../image/ico_cc03.png);} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > i.icon_cc_04 {background-image:url(../image/ico_cc04.png);} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > i.icon_cc_05 {background-image:url(../image/ico_cc05.png);} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > i.icon_cc_06 {background-image:url(../image/ico_cc06.png);} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > div.text {display:inline-block; margin-left:0; width:calc(100% - 96px); vertical-align:middle;} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > div.text > p {line-height:20px; word-break:keep-all;} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > div.text > p:last-child {color:#666;} /* 2023.08.18 팝업 스타일 추가 { */ /* 개인정보처리방침 */ div.box_popup div.popup > div.popup_inner > div h5 {text-align:center; font-size:16px; font-weight:bold; margin:30px 0 15px 0; line-height:22px;} div.box_popup div.popup > div.popup_inner > div ul.labeling_list { display:flex; flex-wrap:wrap; border:1px solid #ddd; border-top:0; justify-content:stretch; } div.box_popup div.popup > div.popup_inner > div ul.labeling_list > li { width:25%; box-sizing:border-box; text-align:center; flex-grow:1; border-top:1px solid #ddd;} div.box_popup div.popup > div.popup_inner > div ul.labeling_list > li ~ li {border-left:1px solid #ddd;} div.box_popup div.popup > div.popup_inner > div ul.labeling_list > li div {box-sizing:border-box; padding:10px;} div.box_popup div.popup > div.popup_inner > div ul.labeling_list > li div.img {} div.box_popup div.popup > div.popup_inner > div ul.labeling_list > li div.title { background-color:#e3f0fc; font-size:14px; word-break:keep-all; line-height:18px;} div.box_popup div.popup > div.popup_inner > div ul.labeling_list > li div.contents {font-size:12px; word-break:keep-all; line-height:16px;} div.box_popup div.popup > div.popup_inner > div div.info_tb_wrap {width:100%; overflow-x:auto;} div.box_popup div.popup > div.popup_inner > div div.info_tb_wrap table.info_table {min-width:500px;} div.box_popup div.popup > div.popup_inner > div a.btn_download_6 { background:#0036ce; display:inline-block; box-sizing:border-box; padding:5px 10px; margin:5px 0; border-radius:5px; color:#fff;} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico {display:inline-block; margin-right:10px; vertical-align:middle; width:30px; height:30px; background-position:center; background-repeat:no-repeat; background-size:cover;} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_01 {background-image:url(../image/ico_privacy_01.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_02 {background-image:url(../image/ico_privacy_02.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_03 {background-image:url(../image/ico_privacy_03.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_04 {background-image:url(../image/ico_privacy_04.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_05 {background-image:url(../image/ico_privacy_05.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_06 {background-image:url(../image/ico_privacy_06.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_07 {background-image:url(../image/ico_privacy_07.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_08 {background-image:url(../image/ico_privacy_07.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_09 {background-image:url(../image/ico_privacy_09.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_10 {background-image:url(../image/ico_privacy_10.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_11 {background-image:url(../image/ico_privacy_11.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_12 {background-image:url(../image/ico_privacy_12.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_13 {background-image:url(../image/ico_privacy_13.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_14 {background-image:url(../image/ico_privacy_14.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_15 {background-image:url(../image/ico_privacy_15.png);} div.box_popup div.popup > div.popup_inner > div > div.box_txt > div.item strong i.ico.ico_privacy_16 {background-image:url(../image/ico_privacy_16.png);} @media screen and (max-width:991px) { div.box_popup div.popup > div.popup_inner > div ul.labeling_list > li {width:50%;} div.box_popup div.popup > div.popup_inner > div ul.labeling_list > li ~ li {border-left:0;} } @media screen and (max-width:500px) { div.box_popup div.popup > div.popup_inner > div[data-role="button"] > button {width:calc(50% - 4px);} div.box_popup div.popup > div.popup_inner > div ul.labeling_list > li {width:100%;} } /* 회원가입 팝업 스타일 (실서버 스타일 적용) { */ .box_popup.ess_service .text, .box_popup.ess_collect .text, .box_popup.opt_collect .text, .box_popup.opt_marketing .text {margin-left:10px;} .box_popup.ess_service .text.indent, .box_popup.ess_collect .text.indent, .box_popup.opt_collect .text.indent, .box_popup.opt_marketing .text.indent {margin:0 10px 0 20px;} .box_popup.ess_service .text.indent.depth2, .box_popup.ess_collect .text.indent.depth2, .box_popup.opt_collect .text.indent.depth2, .box_popup.opt_marketing .text.indent.depth2 {padding-left: 20px;} /* } 회원가입 팝업 스타일 (실서버 스타일 적용) */ /* } 2023.08.18 팝업스타일 추가 */ /*footer.footer div.tabindex:focus-visible {box-sizing:border-box; border:3px dashed red !important; outline:none;}*/ /*footer.footer div.tabindex:focus-visible > span {line-height:35px !important; padding-left:8px !important;}*/ /*footer.footer div.tabindex:focus-visible > i {width:22px !important; line-height:33px !important; text-align:right !important;}*/ footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] ul.select_lang li:focus {box-sizing:border-box; color:#ffffff; background-color:#1172c4; outline:none;} /* footer */ footer.footer { box-sizing:border-box; width:100%; padding-bottom:60px; background:#000; color:rgba(255,255,255,0.6); } footer.footer div.footer_top {box-sizing:border-box; padding:15px 0; font-size:0; } footer.footer div.footer_top div.privacy {display:inline-block; font-size:0; } footer.footer div.footer_top div.privacy:after {content:''; display:block; clear:both;} footer.footer div.footer_top div.privacy > a {position:relative; display:inline-block; font-size:16px; line-height:40px; color:rgba(255,255,255,0.6); vertical-align:middle;} footer.footer div.footer_top div.privacy > a + a {margin-left:30px;} footer.footer div.footer_top div.privacy > a+a:before {content:''; position:absolute; left:-15px; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:15px; background:rgba(255,255,255,0.2); vertical-align:middle; } footer.footer div.footer_top div.box_mark {float:right; display:-moz-box; display:-webkit-box; display:-ms-flex; display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; -webkit-box-lines:single; -moz-box-wrap:nowrap; -ms-flex-wrap:nowrap; padding-top:3px;} footer.footer div.footer_top div.box_mark > a {display:inline-block; margin-left:20px; vertical-align:middle; } footer.footer div.container > span.line {display:block; width:100%; height:1px; border-bottom:1px solid rgba(255,255,255,0.3); } footer.footer div.footer_bottom {width:100%; padding-top:40px; } footer.footer div.footer_bottom div.container > div.botton_inner { display:-moz-box; display:-webkit-box; display:-ms-flex; display:flex; flex-wrap:wrap; -webkit-box-lines:multiple; -moz-box-wrap:wrap; -ms-flex-wrap:wrap; justify-content:space-between; align-items:start; } footer.footer div.footer_bottom div.footer_menu {width:255px;} footer.footer div.footer_bottom div.footer_menu > a {display:block; margin-bottom:10px; color:#fff; font-size:20px; line-height:24px; font-weight:500; text-decoration:underline; text-underline-position:under;} footer.footer div.footer_bottom div.address { width:540px; } footer.footer div.footer_bottom div.address p {color:rgba(255,255,255,0.6); font-size:14px; line-height:24px; word-break:keep-all;} footer.footer div.footer_bottom div.copyright {font-size:12px; color:rgba(255,255,255,0.6); word-break:keep-all;} footer.footer div.footer_bottom div.copyright > p {padding-top:60px ; text-align:left; color:rgba(255,255,255,0.6);} /* footer.footer div.footer_bottom div.sns { width:155px; padding-left:130px; } */ footer.footer div.footer_bottom div.link {width:255px;} footer.footer div.footer_bottom div.link div.sns {padding-left:50%;} footer.footer div.footer_bottom div.link div.sns > a {box-sizing:border-box; display:block; margin-bottom:15px; padding-left:35px; color:#fff; font-size:14px; font-weight:700; } footer.footer div.footer_bottom div.link div.sns > a.facebook {background:url(../image/ico_facebook.png)no-repeat left center; } footer.footer div.footer_bottom div.link div.sns > a.youtube {background:url(../image/ico_youtube.png)no-repeat left center; } footer.footer div.footer_bottom div.link div.sns > a.instagram {background:url(../image/ico_instagram.png)no-repeat left center; } footer.footer div.footer_bottom div.link div.sns > a.blog {background:url(../image/ico_blog.png)no-repeat left center; } /* footer div.footer_bottom div.copyright > div.famliy_site {flex-grow:1;} */ footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] {position:relative; display:inline-block; width:100%; vertical-align:middle; } /* footer div.footer_bottom div.copyright > div.famliy_site[data-type=select].extend.up > ul{bottom:calc(100% - 160px);} */ footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] div.custom-select span { box-sizing:border-box; display:inline-block; width:calc(100% - 25px); height:38px; padding-left:10px; font-size:14px; line-height:38px; vertical-align:middle; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] div.custom-select > i {box-sizing:border-box; display:inline-block; width:25px; height:38px; font-size:15px; line-height:38px; text-align:center; vertical-align:middle; } footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] ul.select_lang {box-sizing:border-box; display:none; position:absolute; width:100%; margin-top:-4px; border:1px solid #dbdbdb; z-index:5;} footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] div.custom-select {box-sizing:border-box; position:relative; height:40px; border:1px solid #dbdbdb; border-radius:5px; background:#fff; font-size:15px; color:#000; font-size:0; cursor:pointer; } footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] ul.select_lang.extend {bottom:50px;} footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] ul.select_lang li {box-sizing:border-box; padding:0 10px; height:40px; line-height:40px; font-size:14px; text-align:left; background:#fff; color:#000; cursor:pointer; } footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] ul.select_lang li:hover {box-sizing:border-box; color:#ffffff; background-color:#1172c4; } @media screen and (max-width:1200px) { footer.footer div.footer_top div.privacy {width:100%; margin-bottom:5px; } footer.footer div.footer_top div.box_mark {width:100%;} footer.footer div.footer_bottom div.footer_menu {width:100%;} footer.footer div.footer_bottom div.copyright {width:100%;} footer.footer div.footer_bottom div.copyright > p {padding-top:15px; padding-bottom:25px;} footer.footer div.footer_bottom div.link {width:100%;} footer.footer div.footer_bottom div.link div.sns {padding-left:0;} footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] {margin-top:20px;} footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] div.custom-select {border-radius:50px;} footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] div.custom-select span {padding-left:20px;} footer.footer div.footer_bottom div.link div.famliy_site[data-type=select] ul.select_lang {width:calc(100% - 20px); left:50%; transform:translateX(-50%);} } @media screen and (max-width:991px) { /* 팝업 */ div.box_popup div.popup {width:90%;} } @media screen and (max-width:768px) { /* 개인정보처리방침 */ div.box_popup.privacy div.popup > div.popup_inner > div > div.box_txt > div.box_blue {display:block;} div.box_popup.privacy div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div {width:100%;} footer.footer div.footer_top div.privacy > a {font-size:14px; } footer.footer div.footer_bottom div.footer_menu > a {font-size:16px; } footer.footer div.footer_bottom div.address {width:100%; margin:10px 0 15px;} footer.footer div.footer_bottom div.address p {font-size:14px; line-height:18px; } footer.footer div.footer_bottom div.sns > a {margin-bottom:10px; font-size:12px; } } @media screen and (max-width:620px) { /* 팝업 */ div.box_popup div.popup {width: 90%;} div.box_popup div.popup > div.popup_inner > div {height: calc(100vh - 220px);} /* 저작권보호정책 */ div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > i {margin-right:0;} div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue > div > div.text {width:100%; margin-top:10px;} } @media screen and (max-width:480px) { /* 팝업 */ div.box_popup div.popup > div.popup_inner > div {height:calc(80vh - 220px);} /* 저작권보호정책 */ div.box_popup.copyright_protect div.popup > div.popup_inner > div > div.box_txt > div.box_blue {padding:10px;} } @media screen and (max-width:380px) { footer.footer div.footer_top div.privacy > a {font-size:12px; } footer.footer div.footer_bottom div.address p {font-size:12px; } }