@charset "UTF-8";

/* 서브 공통 */
.sub_cont {margin:0 auto;padding:70px 0;min-height:36dvh}
.sub_cont .sticky {position:sticky;top:0;left:0;z-index:10}
.sub_tit {margin-bottom:40px;font-size:40px;font-weight:700;color:var(--colorGray90)}
.sub_tit2 {margin-bottom:30px;font-size:32px;font-weight:700;color:var(--colorGray90)}
.page_tit {margin-bottom:15px;font-size:24px;font-weight:700;color:var(--colorGray90)}
.page_tit.point {padding-left:30px;background-image:url(/home/images/sub/ic_page_tit.png);background-position:left top 6px;background-repeat:no-repeat}
.page_tit .s_txt {font-size:1rem}
.page_txt {color:var(--colorGray80)}
.page_tit_box {display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}
.page_tit_box .left, 
.page_tit_box .right {display:flex;align-items:center;column-gap:16px}
.page_tit_box .page_tit {margin-bottom:0 !important}
.cont_tit {margin-bottom:8px;font-size:18px;font-weight:700;color:var(--colorGray90)}
.cont_tit .icon {font-size:1.1em}
.cont_tit_box {margin-bottom:40px;border-bottom:1px solid var(--colorBorderGray)}
.cont_tit_box .sub_tit2 {}
.page_gap {margin-bottom:40px}
.page_gap:last-child {margin-bottom:0}
.page_gap.dash {padding-bottom:40px;border-bottom:1px dashed var(--colorBorderGray)}
.scroll_box {height:200px;padding:15px;background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:6px;overflow-y:auto}
.scroll_box.bg {background-color:var(--colorBgGray)}.scroll_box.not {height:auto}
.bd_box {padding:30px 35px;border:1px solid var(--colorBorderGray);background-color:#fff}
.bd_box.s2 {display:inline-block;margin:0 auto;padding:24px 40px}
.bd_box.sm {padding:15px}
.bd_box.round {border-radius:6px}
.bd_box.mxw {max-width:800px;margin:0 auto}
.bd_box.mxw2 {max-width:660px;margin:0 auto}
.bd_box.bg {background-color:var(--colorBgGray)}
.bd_box.bg.normal {border-color:var(--colorBgGray)}
.bd_box .table thead th {background-color:#eef2f7}
.bd_box .table tbody td {background-color:var(--colorWhite)}
.inner_bg_box {padding:72px 80px;background-repeat:no-repeat;border-radius:12px}
.inner_bg_box .cont_tit {padding-bottom:7px}
.inner_bg_box .title {font-size:40px;font-weight:700}
.guide_box {display:grid;grid-template-columns:max-content auto;align-items:center;column-gap:24px;padding:24px 40px;background-color:#FDEFEC;border:1px solid #FCDFD9;border-radius:8px}
.guide_box .col {}
.guide_box .icon_box {display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;color:var(--colorRed);font-size:36px;background-color:#fff;border-radius:100%}

/* 약관(개인정보처리방침, 이용약관, 이메일무단수집거부 등) */
.policy {}
.policy .page_tit {}
.policy .page_txt {font-weight:500;line-height:1.7}
.policy .btn_toggle {display:block;width:100%;padding:20px;text-align:left;border:1px solid var(--colorBorderGray);position:relative}
.policy .btn_toggle::after {display:flex;align-items:center;justify-content:center;width:63px;height:100%;font-family:'xeicon';content:'\e944';font-size:22px;text-align:center;color:var(--colorGray90);background-color:var(--colorBgGray);position:absolute;right:0;top:0;transition:0.2s}
.policy .btn_toggle:hover,
.policy .btn_toggle:focus {background-color:var(--colorBgGray)}
.policy .btn_toggle:hover::after,
.policy .btn_toggle:focus::after {color:#fff;background-color:var(--colorGray80)}
.policy .btn_toggle.hidden {background-color:var(--colorBgGray)}
.policy .btn_toggle.hidden::after, 
.policy .btn_toggle.hidden::after {content:'\e941'}
.policy .label_tit {width:calc(100% - 60px);font-size:1.2em;font-weight:700;color:var(--colorGray90)}
.policy .label_tit .icon {font-size:20px;vertical-align:baseline}
.policy .toggle {border:1px solid var(--colorBorderGray);border-top:0}
.policy .policy_list {margin-top:40px}
.policy .policy_list .bundle {margin-bottom:40px}
.policy .policy_list .bundle:last-child {margin-bottom:0}
.policy .policy_list .list_tit {margin-bottom:10px;font-size:1.2em;font-weight:700;color:var(--colorGray90)}
.policy .policy_list .list_tit .text {}
.policy .policy_list .list_tit.point {}
.policy .policy_list .list_tit.point .text::after {display:inline-block;width:5px;height:5px;margin-left:5px;content:'';background-color:var(--colorMain);border-radius:100%;vertical-align:text-top}
.policy .policy_list .list_tit .img_list {display:inline-flex;align-items:flex-end;column-gap:3px;margin-left:10px;vertical-align:bottom}
.policy .policy_list .list_tit .label_img {width:40px}
.policy .policy_list .pl_list {}
.policy .policy_list .pl_list_txt > .text {font-weight:500}
.policy .policy_list .pl_list_txt {margin-bottom:8px}
.policy .policy_list .pl_list_txt:last-child {margin-bottom:0}
.policy .policy_list .pl_list_txt.ic {display:flex;flex-wrap:wrap;column-gap:7px}
.policy .policy_list .pl_list_txt.ic .num {display:inline-block;width:21px;height:21px;font-size:12px;line-height:23px;color:#fff;text-align:center;border-radius:100%;background-color:var(--colorGray80);vertical-align:top;transform:translateY(2px)}
.policy .policy_list .pl_list_txt.ic > .text {width:calc(100% - 28px)}
.policy .policy_list .pl_list2 {width:calc(100% - 28px);margin:10px 0 0 28px}
.policy .policy_list .pl_list2.s2{margin-left:0}
/*.policy .policy_list .pl_list2 {margin-top:10px}
.policy .policy_list .pl_list_txt.ic .pl_list2 {margin-left:28px}*/
.policy .policy_list .pl_list_txt2 {margin-bottom:10px}
.policy .policy_list .pl_list_txt2:last-child {margin-bottom:0}
.policy .policy_list .pl_list_txt2 .dt {font-weight:700;margin-bottom:5px}
.policy .policy_list .pl_list_txt2 .dd {}
.policy .policy_list .list_txt_group {}
.policy .policy_list .list_txt_group .list_txt {}
.policy .policy_list .list_txt_group .list_txt.line {}
.policy .policy_list .list_txt_group .list_txt.dot {}
.policy .policy_list .table {}
.policy .policy_list .table th {padding:10px}
.policy .policy_list .table td {padding:10px;text-align:center}
.policy .policy_inner .page_gap {margin-bottom:30px;padding-bottom:30px;border-bottom:1px dashed var(--colorBorderGray)}
.policy .policy_inner .page_gap.bd0 {padding-bottom:0;border-bottom:0}
.policy .policy_inner .page_gap:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.policy .policy_inner .page_gap .policy_list {margin-top:25px}

/* 라벨링 및 목차*/
.labeling {}
.labeling .btn_toggle {}
.labeling .label_tit {}
.labeling .toggle {padding:20px 30px 30px 30px}
.labeling .inner {display:flex;flex-wrap:wrap;gap:20px;margin-top:10px}
.labeling .label_box {width:calc(100% / 6 - 17px);position:relative}
.labeling .label_box .hover {display:block;height:100%;padding:20px 10px;background-color:var(--colorBgGray);border:1px solid var(--colorBgGray);border-radius:8px}
.labeling .label_box .img {display:flex;align-items:center;justify-content:center;margin-bottom:15px;text-align:center}
.labeling .label_box .img img {width:80px;margin:0 auto}
.labeling .label_box .list_tit {padding:0 5px;text-align:center;font-weight:700}
.labeling .label_box .list_txt_group {display:none;width:400px;padding:20px 25px;background-color:#fff;border:1px solid var(--colorMain);border-top-width:4px;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,0.2);position:absolute;left:50%;top:calc(50% + 100px);z-index:1;transform:translateX(-50%)}
.labeling .label_box .list_txt_group::before {content:'';border-left:8px solid transparent;border-right:8px solid transparent;border-top:14px solid transparent;border-bottom:14px solid var(--colorMain);position:absolute;left:50%;top:-30px;z-index:1;transform:translateX(-50%)}
/*.labeling .label_box .list_txt_group .list_tit {margin-bottom:0;padding:7px 5px;color:#fff;text-align:center;background-color:var(--colorMain)}*/
.labeling .label_box .list_txt_group .list_txt {font-weight:500}
.labeling .label_box .list_txt_group .list_txt.dot {}
.labeling .label_box .hover:hover, 
.labeling .label_box .hover:focus {background-color:#fff;border-color:var(--colorMain)}
.labeling .label_box .hover:hover .list_tit, 
.labeling .label_box .hover:focus .list_tit {color:var(--colorMain)}
.article {}
.article .btn_toggle {}
.article .label_tit {}
.article .article_list {}
.article .article_list .a_box {border-bottom:1px solid var(--colorBorderGray)}
.article .article_list .a_box:last-child {border-bottom:0}
.article .article_list .a_box .link {display:table;width:100%}
.article .article_list .a_box .num {display:table-cell;align-items:center;width:45px;height:100%;font-weight:700;text-align:center;transition:0.2s}
.article .article_list .a_box .text {display:table-cell;align-items:center;width:calc(100% - 45px);padding:10px;font-weight:500;border-left:1px solid var(--colorBorderGray);position:relative;transition:0.2s}
.article .article_list .a_box .link:hover .num, 
.article .article_list .a_box .link:focus .num {color:#fff;background-color:var(--colorMain)}
.article .article_list .a_box .link:hover .text, 
.article .article_list .a_box .link:focus .text {color:var(--colorMain);text-decoration:underline;text-underline-offset:5px}