@charset "utf-8"; 
@import url(../css/font.css); 

/* --------------------------------reset-------------------------------- */
[lang="ko"] {word-break:break-all}
* {margin:0; padding:0; box-sizing:border-box; font:inherit; color:inherit; flex-shrink:0; outline:none}
html, body {font-size:16px; color:#222}
html, body, button, input, select, table, textarea {font-family:'Pretendard',  sans-serif}
h1, h2, h3, h4, h5, h6 {font-size:inherit; line-height:inherit}
ul,ol,dl,menu,li {list-style:none}
a, a:active, a:hover {text-decoration:none}
button {background-color:transparent; border:none; cursor:pointer}
blockquote, q {quotes:none}
:after, :before {box-sizing:inherit}
img, picture, video, canvas, svg {max-width:100%}
fieldset,img {border:0}
iframe {overflow:hidden; margin:0; border:0; padding:0; vertical-align:top}
address, em,i {font-style:normal}
textarea {-webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:transparent; border:0; word-wrap:break-word}
table {border-collapse:collapse; border-spacing:0}
td, th {padding:0}
input, select, textarea {vertical-align:middle; box-sizing:border-box; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none}
input[type=text]::-ms-clear {display:none}
/*:focus {outline:1px solid #0547E0}*/
/*:focus:not(:focus-visible) {outline:0}*/
:focus {outline:none}
/* 키보드 사용자에게만 outline 보이기 (Tab으로 이동한 경우) */
body.keyboard-mode *:focus {outline:2px dotted red; outline-offset:-1px /*웹#0547E0*/}
/* 모바일 보조기기 대응:prefers-reduced-motion 조건 활용 */
@media (prefers-reduced-motion:reduce) {
    :focus {outline:2px dotted red; outline-offset:-1px /*웹#0547E0*/}
}
/* 인풋 일반 :포커스 */
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
textarea:focus {background-color:#fff !important; box-shadow:2px 2px 10px rgba(0, 64, 153, 0.08)}
/* 인풋 읽기 전용 :포커스 */
input[type="text"][readonly]:focus,
textarea[readonly]:focus {background-color:#f8f8f8 !important; box-shadow:2px 2px 10px rgba(0, 64, 153, 0.08)}
:root {
    overscroll-behavior:none; 
}
@media (pointer:coarse) {
    /*:focus {outline:0}*/
    /*input[type="text"]:focus,*/
    /*input[type="number"]:focus,*/
    /*input[type="email"]:focus,*/
    /*input[type="tel"]:focus,*/
    /*input[type="password"]:focus,*/
    /*input[type="url"]:focus,*/
    /*input[type="date"]:focus,*/
    /*textarea:focus {background-color:#fff !important; box-shadow:2px 2px 10px0 rgba(0, 64, 153, 0.08)}*/
}
@media screen and (min-width:1024.1px) and (max-width:1280px) {
    html, body {font-size:15px}
}/* lg */
@media screen and (min-width:767.1px) and (max-width:1024px) {
    html, body {font-size:14px}
}/* md */
@media screen and (max-width:767px) {
    html, body {font-size:12px}
}/* sm */
/* --------------------------------reset end--------------------------- */


/* --------------------------------common-------------------------------- */
html.ofy_hidden {height:calc(var(--var, 1vh) * 100); height:100svh}
html.ofy_hidden body {height:100%; overflow:hidden}
#wrapper {text-size-adjust:none; -webkit-text-size-adjust:none}
#container {width:100%; /* overflow-x:hidden */; padding-top:6.25rem}
section {position:relative}
.inner {position:relative; width:88.88%; max-width:1420px; margin:0 auto}
section .inner {padding:6.38rem 0 5rem}
.blind {border:0; clip:rect(0 0 0 0); clip-path:inset(50%); width:1px; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; white-space:nowrap}
.clearfix::after {content:""; clear:both; display:block}
.swiper-wrapper {height:auto}
.emoji {display:inline-block; width:auto; height:3.6vw; margin:0 0.4vw; vertical-align:top}
.no_cont {font-size:2.8vw; font-weight:500; line-height:100%; text-align:center}
.bpc {display:block}
.bmo {display:none}
.ipc {display:inline-block}
.imo {display:none}
.f_jalnan {font-family:'Jalnan', sans-serif}
.ir {overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; clip:rect(0,0,0,0)}
.skip a {position:absolute; background:rgba(0,0,0,0.7); width:100%; height:40px; text-align:center; color:#fff; z-index:2001; line-height:40px; top:-40px; opacity:0}

#loading-overlay {
    zoom: 5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#lottie-container {
    width: 200px;
    height: 200px;
}

@media screen and (max-width:1024px) {
    body.scrollDisable {height:100%; min-height:100%; overflow:hidden !important; touch-action:none}
    #container {padding-top:5rem}
    .bpc {display:none}
    .bmo {display:block}
    .ipc {display:none}
    .imo {display:inline-block}
    section .inner {padding:0 0 3.39rem}
}/* sm~md */
@media screen and (min-width:767.1px) and (max-width:1024px) {
}/* md */
@media screen and (max-width:767px) {
}/* sm */
@media only screen and (max-width:500px) {
    .emoji {height:18px; margin:0 2px}
    .no_cont {font-size:14px}
}
/* --------------------------------common end-------------------------------- */


/* --------------------------------button-------------------------------- */
/*button layout*/
.btn_wrap {display:flex; flex-direction:row; justify-content:center; gap:0 .5rem}
.btn_wrap li {flex:1; margin-bottom:0}
.btn_wrap li [class*="btn_type_"] {width:100%; max-width:unset; margin:0}
.btn_wrap[data-layout="between"] {justify-content:space-between}
.btn_wrap[data-layout="between"] li {flex:unset}
.btn_wrap[data-layout="between"] [class*="btn_type_"] {width:12.5rem}
/*button type*/
[class*="btn_type_"] {display:flex; justify-content:center; align-items:center; gap:0.25rem; width:auto; height:3.75rem; border-radius:1.25rem; text-align:center; font-size:1rem; line-height:3.75rem; font-weight:700; color:#1A378D}
.btn_type_01 {min-width:12.5rem; max-width:13.25rem; padding:0 1.875rem}
.btn_type_02 {width:auto; height:2.5rem; border-radius:0.75rem; line-height:2.5rem; padding:0.5rem 1rem !important; min-width:unset; font-size:12px}
.btn_type_03 {height:4rem; line-height:4rem}
/*button color*/
[class*="btn_type_"][data-color="blue"] {background-color:#0547E0; color:#fff}
[class*="btn_type_"][data-color="darkblue"] {background-color:#1A378D; color:#fff}
[class*="btn_type_"][data-color="midblue"] {background-color:#CDDAF9; color:#222}
[class*="btn_type_"][data-color="lightgrey"] {background-color:#EFF2F9; color:#1A378D}
[class*="btn_type_"][data-color="grey"] {background-color:#EBEBEB; color:#1A378D}
[class*="btn_type_"][data-color="black"] {background-color:#222; color:#fff}
[class*="btn_type_"][data-color="white"] {background-color:#fff; color:#1A378D}
[class*="btn_type_"][data-color="lightblue"] {background-color:rgba(45, 84, 173, 0.08); color:#1A378D}
/*button ico*/
[class*="btn_type_"]:not([data-ico="none"])::after {content:""; display:block; width:1.5rem; height:1.5rem; background-position:center; background-repeat:no-repeat; background-size:contain}
[class*="btn_type_"][data-ico="next"]::after {background-image:url(/static/images/common/ico_next.svg)}
[class*="btn_type_"][data-ico="next"][data-color="blue"]::after,
[class*="btn_type_"][data-ico="next"][data-color="black"]::after {background-image:url(/static/images/common/ico_next_wh.svg)}
[class*="btn_type_"][data-ico="next"][data-color="white"]::after {background-image:url(/static/images/common/ico_next_bk.svg)}
[class*="btn_type_"][data-ico="next"].btn_disabled::after {background-image:url(/static/images/common/ico_next.svg)}
[class*="btn_type_"][data-ico="more"]::after {background-image:url(/static/images/common/ico_more.svg)}
[class*="btn_type_"][data-ico="more"][data-color="blue"]::after,
[class*="btn_type_"][data-ico="more"][data-color="black"]::after {background-image:url(/static/images/common/ico_more_wh.svg)}
[class*="btn_type_"][data-ico="more"].btn_disabled::after {background-image:url(/static/images/common/ico_more.svg)}
[class*="btn_type_"][data-ico="download"]::after {background-image:url(/static/images/common/ico_download.svg)}
[class*="btn_type_"][data-ico="download"][data-color="blue"]::after,
[class*="btn_type_"][data-ico="download"][data-color="black"]::after {background-image:url(/static/images/common/ico_download_wh.svg)}
[class*="btn_type_"][data-ico="download"].btn_disabled::after {background-image:url(/static/images/common/ico_download.svg)}
[class*="btn_type_"][data-ico="link"]::after {background-image:url(/static/images/common/ico_link.svg)}
[class*="btn_type_"][data-ico="link"][data-color="blue"]::after,
[class*="btn_type_"][data-ico="link"][data-color="black"]::after {background-image:url(/static/images/common/ico_link_wh.svg)}
[class*="btn_type_"][data-ico="link"].btn_disabled::after {background-image:url(/static/images/common/ico_link.svg)}
[class*="btn_type_"][data-ico="refresh"]::after {background-image:url(/static/images/common/ico_refresh.svg)}
[class*="btn_type_"][data-ico="refresh"][data-color="blue"]::after,
[class*="btn_type_"][data-ico="refresh"][data-color="black"]::after {background-image:url(/static/images/common/ico_refresh_wh.svg)}
[class*="btn_type_"][data-ico="refresh"].btn_disabled::after {background-image:url(/static/images/common/ico_refresh.svg)}
/* disabled button */
[class*="btn_type_"].btn_disabled,
[class*="btn_type_"][disabled] {border:1px solid rgba(45, 84, 173, 0.2); color:rgba(45, 84, 173, 0.8); background-color:#fff}

@media screen and (max-width:1024px) {
    [class*="btn_type_"] {height:4rem; line-height:4rem; font-size:1rem; border-radius:1rem}
    [class*="btn_type_"]:not([data-ico="none"])::after {width:1.85rem; height:1.85rem}

    /* 모바일 하단 고정 메뉴로 변형 */
    .btn_wrap.btn_mo_btm {width:100%; min-height:7rem; background-color:#FFF; padding:1.33rem 5.56% ; position:fixed; bottom:0; left:0; right:unset; top:unset; z-index:1000; border-radius:20px 20px 0 0; box-shadow:4px 4px 10px 0 rgba(0,64,153,0.20); display:block}
    .btn_wrap.btn_mo_btm [class*="btn_type_"] {width:100%; max-width:100%}
}/* sm~md */
@media screen and (min-width:767.1px) and (max-width:1024px) {
}/* md */
@media screen and (max-width:767px) {
}/* sm */

/* --------------------------------button end-------------------------------- */


/* --------------------------------input-------------------------------- */
input, textarea {font-size:1rem; border:none}
input::placeholder {color:#545454 /* 웹 #888*/}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
input[type="number"] {-moz-appearance:textfield}
.input_wrap {position:relative}
/*.input_wrap:not(:last-child) {margin-bottom:2rem}*/
.input_wrap label {color:#222; font-size:1rem; font-weight:500; line-height:135%; display:block}
.input_wrap input {color:#222}
.input_wrap[data-layout="text"] input {width:100%; height:3.75rem; line-height:3.75rem; padding:0 1.5rem; border-radius:1.25rem; background-color:#f8f8f8}
.input_wrap[data-layout="number"] input {width:100%; height:3.75rem; line-height:3.75rem; padding:0 1.5rem; border-radius:1.25rem; background-color:#f8f8f8}
.input_wrap[data-layout="textarea"] textarea {width:100%; height:8.75rem; padding:1.5rem; border-radius:1.25rem; background-color:#f8f8f8; resize:none}
.input_wrap[data-layout="textarea"] textarea::-webkit-scrollbar {width:3px; height:30px}
.input_wrap[data-layout="textarea"] textarea::-webkit-scrollbar-thumb {background:#D9D9D9; border:1px solid #D9D9D9; border-radius:300px}
.input_wrap[data-layout="textarea"] textarea::-webkit-scrollbar-thumb:hover {background-color:#CCC; border:1px solid #CCC}
.input_wrap[data-layout="textarea"] textarea::-webkit-scrollbar-track {background:#fff; border-radius:300px}
.input_wrap[data-layout="textarea"] .char_wrap {margin-top:0.375rem; padding:0 0.5rem}
.input_wrap[data-layout="textarea"] .char_wrap p {font-size:1rem; color:#595959; font-weight:500}
/*jquery ui select*/
/*.input_wrap[data-layout="select"] .ui-selectmenu-button {position:relative; display:block; width:100%; height:3.75rem; margin:0; padding:0 1.5rem; background:#FFFFFF !important; line-height:3.75rem; text-align:left; border-radius:1.25rem; color:#284FA8; font-size:1rem; font-weight:500; border:1px solid rgba(45, 84, 173, 0.3); transition:all .05s ease-in-out}*/
/*.input_wrap[data-layout="select"] .ui-selectmenu-text {width:calc(100% - 1.5rem); height:3.75rem; margin:0; font-family:'Pretendard',  sans-serif; color:#284FA8; font-size:1rem; font-weight:500; line-height:3.75rem}*/
/*.input_wrap[data-layout="select"] .ui-selectmenu-icon {position:absolute; right:1.5rem; top:50%; width:1.5rem; height:1.5rem; transform:translateY(-50%); background:url(/static/images/common/arrow_selectbox.svg)  no-repeat center/100% auto}*/
/*.input_wrap[data-layout="select"] .ui-selectmenu-button[aria-expanded="true"] {border-radius:1.25rem 1.25rem 0 0; border-bottom:none}*/
/*.input_wrap[data-layout="select"] .ui-selectmenu-button[aria-expanded="true"] .ui-selectmenu-icon {background:url(/static/images/common/arrow_selectbox.svg) no-repeat center/100% auto; transform:translateY(-50%) scaleY(-1)}*/
/*.ui-selectmenu-open::before {content:''; display:block; width:calc(100% - 3.75rem); height:1px; background-color:#e5e5e5; position:absolute; top:0; right:50%; transform:translateX(50%)}*/
/*.ui-selectmenu-menu .ui-menu {width:100%; max-height:10rem; padding:1.5rem; border-radius:0 0 1.25rem 1.25rem; border:1px solid rgba(45, 84, 173, 0.3); border-top:none; background-color:#fff}*/
/*.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper {position:relative; width:100%; padding:0.625rem 0; line-height:156%; border-radius:1.25rem; text-align:left; color:#284FA8; font-size:1rem; font-weight:500; font-family:'Pretendard',  sans-serif}*/
/*.ui-selectmenu-menu .ui-menu-item .ui-state-active {margin:0; font-weight:600; border:none; background:transparent}*/
/*jquery ui select small ver*/
/*.input_wrap[data-size="small"] .ui-selectmenu-button {padding:0 2.25rem 0 1.25rem; height:2.5rem; line-height:2.5rem}*/
/*.input_wrap[data-size="small"] .ui-selectmenu-icon {right:0.875rem; width:1rem; height:1rem}*/
/*.input_wrap[data-size="small"] .ui-selectmenu-text {width:100%; height:2.5rem; line-height:2.5rem; font-weight:600}*/
/*.input_wrap[data-size="small"] .ui-selectmenu-open::before {width:calc(100% - 1.5rem)}*/
/*.input_wrap[data-size="small"] .ui-selectmenu-menu .ui-menu {padding:0.75rem 1.25rem 1rem}*/
/*.input_wrap[data-size="small"] .ui-menu .ui-menu-item:not(:last-child) {margin-bottom:0.5rem}*/
/*.input_wrap[data-size="small"] .ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper {padding:0; font-size:1rem; color:#666; font-weight:400; line-height:135%}*/
/*basic file*/
.input_wrap[data-layout="file"] {position:relative}
.input_wrap[data-layout="file"] label {display:block; cursor:pointer; position:absolute; top:0; left:0; width:100%; height:100%; margin:0; line-height:1}
.input_wrap[data-layout="file"] label span {position:absolute; top:50%; transform:translateY(-50%); right:1rem; font-size:1rem; font-weight:700; width:5.625rem; height:2rem; border-radius:1.25rem; background-color:#0547E0; color:#fff; text-align:center; line-height:2rem; z-index:2}
/*img file*/
.input_wrap[data-layout="img"] {display:flex; gap:8px}
.input_wrap[data-layout="img"] li {position:relative; width:4.75rem; height:4.75rem; border-radius:20px; /* overflow:hidden;  background-color:#F5F7FB; border:1px solid #EAEEF7 */}
.input_wrap[data-layout="img"] label {/* position:absolute; left:1px; top:1px; width:calc(100% - 2px); height:calc(100% - 2px); */ border-radius:20px; width:4.75rem; height:4.75rem;  position:relative; cursor:pointer; background-color:#FFF; /* overflow:hidden; background-color:#F5F7FB; background-size:cover; background-repeat:no-repeat; background-position:center; */ z-index:2}
.input_wrap[data-layout="img"] input {position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; z-index:-1}
.input_wrap[data-layout="img"] input:focus {outline:none}
.input_wrap[data-layout="img"] input:focus + label {outline:2px dotted red}
.input_wrap[data-layout="img"] .btn_add_img {width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; font-size:0; text-indent:-9999px; position:relative; z-index:2; display:block}
.input_wrap[data-layout="img"] .char_wrap {position:absolute; left:50%; bottom:13%; transform:translateX(-50%); z-index:3}
.input_wrap[data-layout="img"] .char_wrap p {color:#595959; text-align:center; font-size:1rem; font-weight:500; line-height:135%}
.input_wrap[data-layout="img"] .btn_del {position:absolute; right:8px; top:8px; width:16px; height:16px; border-radius:100%; background:url(/static/images/common/ico_close_img.svg) no-repeat center /100% auto; z-index:4}


    /*checkbox*/
/*.input_wrap[data-layout="checkbox"] {position:relative}*/
/*.input_wrap[data-layout="checkbox"] input {position:absolute; left:0; top:50%; width:1.125rem; height:1.125rem; z-index:0; transform:translateY(-50%); appearance:none}*/
/*.input_wrap[data-layout="checkbox"] input + label {padding-left:1.875rem; position:relative}*/
/*.input_wrap[data-layout="checkbox"] input + label span {position:absolute; left:0; top:50%; width:1.125rem; height:1.125rem; transform:translateY(-50%); background:url(/static/images/common/ico_checkbox_off.svg) no-repeat center/100% auto}*/
/*.input_wrap[data-layout="checkbox"] input + label.color_wh span {background:url(/static/images/common/ico_radio_wh_off.svg) no-repeat center/contain}*/
/*.input_wrap[data-layout="checkbox"] input:checked + label span {background:url(/static/images/common/ico_checkbox_on.svg) no-repeat center/100% auto}*/
/*웹x*/
/*.input_wrap[data-layout="checkbox"] {position:relative}*/
/*.input_wrap[data-layout="checkbox"] input {position:absolute; left:0; top:50%; width:1.125rem; height:1.125rem; z-index:0; transform:translateY(-50%); appearance:none}*/
/*.input_wrap[data-layout="checkbox"] input + label {padding-left:1.875rem; position:relative; cursor:pointer; font-size:1rem; color:#222; font-weight:500}*/
/*.input_wrap[data-layout="checkbox"] input + label span {position:absolute; left:0; top:50%; width:1.25rem; height:1.25rem; transform:translateY(-50%); background:url(/static/images/temp/ico_checkbox_squre_off.svg) no-repeat center/100% auto}*/
/*.input_wrap[data-layout="checkbox"] input + label.color_wh span {background:url(/static/images/temp/ico_checkbox_squre_off_wh.svg) no-repeat center/contain}*/
/*.input_wrap[data-layout="checkbox"] input:checked + label span {background:url(/static/images/common/ico_checkbox_squre_on.svg)}*/
/*체크박스 수정 테스트*/
.input_wrap[data-layout="checkbox"] label { position:relative; display:inline-flex; align-items:center; padding-left:1.625rem; cursor:pointer; font-size:1rem; color:#222; font-weight:500}
.input_wrap[data-layout="checkbox"] input[type="checkbox"] {position:absolute; left:0; top:50%; width:1.25rem; height:1.25rem; opacity:0; appearance:initial; transform:translateY(-50%)}
.input_wrap[data-layout="checkbox"] .custom_checkbox {position:absolute; left:0; top:50%; width:1.25rem; height:1.25rem; transform:translateY(-50%); background:url(/static/images/common/ico_checkbox_squre_off.svg) no-repeat center/100% auto}
/* 체크시 스타일 */
.input_wrap[data-layout="checkbox"] input[type="checkbox"]:checked + .custom_checkbox {background:url(/static/images/common/ico_checkbox_squre_on.svg) no-repeat center/100% auto}
/*focus시 스타일*/
body.keyboard-mode .input_wrap[data-layout="checkbox"] input[type="checkbox"]:focus + .custom_checkbox {outline:2px dotted red}
@media (prefers-reduced-motion:reduce) {
    .input_wrap[data-layout="checkbox"] input[type="checkbox"]:focus + .custom_checkbox {outline:2px dotted red}
}


/* new selectbox*/
.select_wrap{position:relative}
.input_wrap[data-layout="select"] {position:relative; display:block; width:100%; height:3.75rem; margin:0; padding:0 1.5rem; line-height:3.75rem; text-align:left; border-radius:1.25rem; color:#284FA8; font-size:1rem; font-weight:500; border:1px solid rgba(45, 84, 173, 0.3); transition:all .03s ease-in-out; cursor:pointer; background-color:#fff}
.input_wrap[data-layout="select"]::after {content:''; width:1.5rem; height:1.5rem; position:absolute; top:50%; right:1.5rem; transform:translateY(-50%); background:url(/static/images/common/arrow_selectbox.svg)  no-repeat center/100% auto}
.input_wrap[data-layout="select"][aria-expanded="true"] {border-radius:1.25rem 1.25rem 0 0; border-bottom:none}
.input_wrap[data-layout="select"][aria-expanded="true"]::after {transform:translateY(-50%) scaleY(-1)}
.input_wrap[data-layout="select"] #selected-option {width:calc(100% - 1.5rem); height:3.75rem; margin:0; font-family:'Pretendard', sans-serif; color:#284FA8; font-size:1rem; font-weight:500; line-height:3.75rem}
.select_wrap .select-options {display:none; position:absolute; top:100%; left:0; width:100%; max-height:9rem; padding:1.5rem; border-radius:0 0 1.25rem 1.25rem; border:1px solid rgba(45, 84, 173, 0.3); border-top:none; background-color:#fff; z-index:100; overflow-y:auto}
.select_wrap .select-options::before {content:''; display:block; width:calc(100% - 3.75rem); height:1px; background-color:#e5e5e5; position:absolute; top:0; right:50%; transform:translateX(50%)}
.select_wrap .select-options li {cursor:pointer; padding:0; font-size:1rem; color:#666; font-weight:400; line-height:135%; text-align:left}
.select_wrap .select-options li button {font-size:1rem; color:#666; font-weight:400; line-height:135%; text-align:left}
.select_wrap .select-options li:not(:last-child) {margin-bottom:1rem}
.select_wrap .select-options li button:hover,
.select_wrap .select-options li button:focus {color:#1A378D; font-weight:bold}
/* new selectbox - small */
.input_wrap[data-layout="select"][data-size="small"] {padding:0 2.25rem 0 1.25rem; width:auto; height:2.5rem; line-height:2.5rem}
.input_wrap[data-layout="select"][data-size="small"]::after {content:''; width:1rem; height:1rem; right:0.875rem}
.input_wrap[data-layout="select"][data-size="small"] #selected-option {width:100%; height:2.5rem; line-height:2.5rem; font-weight:600}
.input_wrap[data-layout="select"][data-size="small"] + .select-options {padding:0.75rem 1.25rem 1rem}
.select_wrap .select-options::before {width:calc(100% - 1.5rem)}
.input_wrap[data-layout="select"][data-size="small"] + .select-options li:not(:last-child) {margin-bottom:0.5rem}

/*radio*/
/*.input_wrap[data-layout="radio"] {position:relative}*/
/*.input_wrap[data-layout="radio"] input {position:absolute; left:0; top:50%; width:1.125rem; height:1.125rem; z-index:0; transform:translateY(-50%); appearance:none}*/
/*.input_wrap[data-layout="radio"] input + label {padding-left:1.875rem; position:relative}*/
/*.input_wrap[data-layout="radio"] input + label span {position:absolute; left:0; top:50%; width:1.125rem; height:1.125rem; transform:translateY(-50%); background:url(/static/images/common/ico_radio_off.svg) no-repeat center/contain}*/
/*.input_wrap[data-layout="radio"] input + label.color_wh span {background:url(/static/images/common/ico_radio_wh_off.svg) no-repeat center/contain}*/
/*.input_wrap[data-layout="radio"] input:checked + label span {background:url(/static/images/common/ico_radio_on.svg) no-repeat center/contain}*/
/* new radio 수정 테스트*/
.input_wrap[data-layout="radio"] label { position:relative; display:inline-flex; align-items:center; padding-left:1.625rem; cursor:pointer; font-size:1rem; color:#222; font-weight:500}
.input_wrap[data-layout="radio"] input[type="radio"] {position:absolute; left:0; top:50%; width:1.25rem; height:1.25rem; opacity:0; appearance:initial; transform:translateY(-50%)}
.input_wrap[data-layout="radio"] .custom_checkbox {position:absolute; left:0; top:50%; width:1.25rem; height:1.25rem; transform:translateY(-50%); background:url(/static/images/common/ico_radio_off.svg) no-repeat center/100% auto}
/* 체크시 스타일 */
.input_wrap[data-layout="radio"] input[type="radio"]:checked + .custom_checkbox {background:url(/static/images/common/ico_radio_on.svg) no-repeat center/100% auto}
/*focus시 스타일*/
body.keyboard-mode .input_wrap[data-layout="radio"] input[type="radio"]:focus + .custom_checkbox {outline:2px dotted red}
@media (prefers-reduced-motion:reduce) {
    .input_wrap[data-layout="radio"] input[type="radio"]:focus + .custom_checkbox {outline:2px dotted red}
}


/* toggle, switch button */
.input_wrap[data-layout="switch"] {display:flex; justify-content:flex-start; align-items:center; gap:0.75rem}
.input_wrap[data-layout="switch"] label {display:inline-block}
.input_wrap[data-layout="switch"] input {position:relative; width:2.75rem; height:1.5rem; appearance:none; border-radius:300px; background-color:#fff; cursor:pointer}
.input_wrap[data-layout="switch"] input::before {content:""; position:absolute; left:.25rem; top:.25rem; width:1rem; height:1rem; border-radius:100%; background-color:#7992CB/*웹#D5DDEF*/; box-shadow:0 1.2vw 4vw 0 rgba(0,0,0,0.06); transition:left .25s linear}
.input_wrap[data-layout="switch"] input::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; border:1px solid #7992CB/*웹#D5DDEF*/; border-radius:300px}
.input_wrap[data-layout="switch"] input:checked {background-color:#0547E0}
.input_wrap[data-layout="switch"] input:checked::after {border:1px solid #0547E0}
.input_wrap[data-layout="switch"] input:checked::before {left:1.5rem; background-color:#FFF}
/*글자수*/
.ip_ttl {color:#888; font-size:1rem; font-weight:500; line-height:135%}
.ip_time {color:#284FA8; font-size:1rem; font-weight:500; line-height:135%; text-align:right}
@media only screen and (max-width:1024px) {
    input, textarea {font-size:14px}
    /*.input_wrap:not(:last-child) {margin-bottom:8px}*/
    .input_wrap[data-layout="text"] input {height:4rem; line-height:4rem; padding:0 1.67rem; border-radius:12px}
    .input_wrap[data-layout="number"] input {height:4rem; line-height:4rem; padding:0 1.67rem; border-radius:12px}
    .input_wrap[data-layout="textarea"] textarea {height:160px; padding:16px; border-radius:12px}
    /* new selectbox*/
    .input_wrap[data-layout="select"] {height:4rem; padding:0 1.34rem; line-height:4rem; border-radius:0.84rem; font-size:1.17rem; border:1px solid #E4E4E4}
    .input_wrap[data-layout="select"]::after {right:16px; width:24px; height:24px}
    .input_wrap[data-layout="select"] #selected-option {width:calc(100% - 2rem); height:3.84rem; line-height:3.84rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block}
    .input_wrap[data-layout="select"][aria-expanded="true"] {border-radius:0.84rem 0.84rem 0 0 }
    .select_wrap .select-options { max-height:180px; padding:1.34rem; border-radius:0 0 0.84rem 0.84rem; border:1px solid #E4E4E4; border-top:none}
    /* new selectbox - small */
    .input_wrap[data-layout="select"][data-size="small"] {padding:0 30px 0 12px; height:32px; line-height:32px}
    .input_wrap[data-layout="select"][data-size="small"]::after {right:8px; width:16px; height:16px}
    .input_wrap[data-layout="select"][data-size="small"] #selected-option {height:32px; display:block; line-height:32px}
    .input_wrap[data-layout="select"][data-size="small"] + .select-options {padding:8px 12px 12px; border-top:none}
    .input_wrap[data-layout="select"][data-size="small"] + .select-options li {padding:3px 0; font-size:12px}
    .input_wrap[data-layout="select"][data-size="small"] + .select-options li:not(:last-child) {margin-bottom:6px}
    /*img file*/
    .input_wrap[data-layout="img"] li {width:76px; height:76px}
    .input_wrap[data-layout="img"] .btn_del {width:24px; height:24px; background:url(/static/images/common/ico_close_black.svg) no-repeat center /14px auto rgba(232, 235, 245, 0.60)}
    /*checkbox*/
    /*.input_wrap[data-layout="checkbox"] input {width:1.5rem; height:1.5rem}*/
    /*.input_wrap[data-layout="checkbox"] input + label {padding-left:2.5rem; font-size:1.16rem}*/
    /*.input_wrap[data-layout="checkbox"] input + label span {width:1.5rem; height:1.5rem}*/
    .input_wrap[data-layout="checkbox"] label {padding-left:1.75rem}
    .input_wrap[data-layout="checkbox"] .custom_checkbox {width:1.33rem; height:1.33rem}
    /*radio*/
    .input_wrap[data-layout="radio"] input {width:1.5rem; height:1.5rem}
    .input_wrap[data-layout="radio"] input + label {padding-left:2.5rem; font-size:1.16rem}
    .input_wrap[data-layout="radio"] input + label span {width:1.5rem; height:1.5rem}
}
/* --------------------------------input end-------------------------------- */




/* --------------------------------page-------------------------------- */
/*.page_wrap {height:1.25rem; margin-top:2.5rem; display:flex; justify-content:center; align-items:center; gap:8px}*/
/*.page_wrap .prev,.page_wrap .next {display:inline-block; width:2.5rem; height:2.5rem; background:url(/images/common/arrow_page.svg) center / 100% auto no-repeat}*/
/*.page_wrap .first,.page_wrap .last {display:inline-block; width:2.5rem; height:2.5rem; background:url(/images/common/arrow_page_db.svg) center / 100% auto no-repeat}*/
/*.page_wrap .prev,.page_wrap .first {transform:scaleX(-1)}*/
/*.page_wrap .pagination {display:flex; justify-content:center; align-items:center; gap:0}*/
/*.page_wrap .pagination a {color:#666; font-size:1rem; font-weight:500; transition:all .1s ease-in-out; border-radius:8px; display:block; text-align:center; width:2.5rem; height:2.5rem; line-height:2.5rem}*/
/*.page_wrap .pagination .active a {background:#1A378D; color:#fff; font-weight:700}*/

/*@media screen and (max-width:1024px) {*/
/*    .page_wrap .prev,.page_wrap .next,*/
/*    .page_wrap .first,.page_wrap .last {width:2rem; height:2rem}*/
/*    .page_wrap .pagination a {font-size:1rem; width:2rem; height:2rem; line-height:2rem}*/
/*}!*sm~md*!*/
/* --------------------------------//page end-------------------------------- */


/* --------------------------------control-------------------------------- */
.control_wrap {display:inline-flex; align-items:center; border-radius:100px; width:auto; gap:0; padding:6px}
.control_wrap .swiper-button {position:static; width:1.25rem; height:1.25rem; margin-top:0; background-position:center; background-repeat:no-repeat; background-size:contain}
.control_wrap .swiper-button-prev {transform:scaleX(-1)}
.control_wrap[data-color="white"] {background-color:#B4B4B4}
.control_wrap[data-color="white"] .swiper-button {background-image:url(/static/images/common/arrow_slide.svg)}
.control_wrap[data-color="blue"] {background-color:#1A378D}
.control_wrap[data-color="blue"] .swiper-button {background-image:url(/static/images/common/arrow_slide_wh.svg)}

.control_wrap .autoplay-control-wrap button {display:block; width:1.25rem; height:1.25rem; border:0; background:transparent; cursor:pointer}
.control_wrap .autoplay-control-wrap button:before {content:''; display:block; width:1.25rem; height:1.25rem; background-position:center; background-repeat:no-repeat; background-size:contain}
.control_wrap[data-color="white"] .autoplay-control-wrap button[aria-pressed="false"]:before {background-image:url(/static/images/common/ico_pause.svg)}
.control_wrap[data-color="white"] .autoplay-control-wrap button[aria-pressed="true"]:before {background-image:url(/static/images/common/ico_play.svg)}
.control_wrap[data-color="blue"] .autoplay-control-wrap button[aria-pressed="false"]:before {background-image:url(/static/images/common/ico_pause_wh.svg)}
.control_wrap[data-color="blue"] .autoplay-control-wrap button[aria-pressed="true"]:before {background-image:url(/static/images/common/ico_play_wh.svg)}


@media screen and (max-width:1024px) {
    .control_wrap {padding:4px 5px}
    .control_wrap .swiper-button,
    .control_wrap .autoplay-control-wrap button,
    .control_wrap .autoplay-control-wrap button:before {width:1.33rem; height:1.33rem}
}/*sm~md*/
/* --------------------------------//control end-------------------------------- */




/* --------------------------------header-------------------------------- */
#header {position:fixed; left:0; top:0; width:100%; background-color:transparent; z-index:996; transition:top 0.2s, background-color 0.1s}
#header.bg {background-color:#FFF; /*rgba(255,255,255,0.9)*/}
#header.hover {box-shadow:6px 6px 20px -20px rgba(0, 64, 153, 0.04)}
#header.active {top:-6.25rem}
/*#header.no_border {border-bottom:1px solid transparent}*/
#header .inner {display:flex; align-items:center; justify-content:space-between; height:6.25rem}
#header .logo {width:8.125rem; height:1.625rem}
#header .logo a {display:block; width:100%; height:100%; /*background:url(/static/images/common/logo.svg) no-repeat center/contain*/}
#header .logo img {width:100%}
#header .logo .lottie_logo {width:100%; height:100%; display:block}
#header .page_title {color:#222; font-size:1.5rem; font-weight:700; line-height:135%}
#header .gnb_sub {display:flex; align-items:center; gap:1rem}
#header .flex_wrap {display:flex; align-items:center; gap:.625rem}
#header .gnb_sub a,
#header .gnb_sub button {position:relative; display:block; width:2rem; height:2rem; background-size:contain; background-repeat:no-repeat; background-position:center}
#header .gnb_de {height:100%; flex-grow:1; padding-left:3.75rem}
#header .gnb_de .depth_01 {display:flex; justify-content:flex-start; align-items:center; width:100%; height:100%; margin:0}
#header .gnb_de .depth_01 >li {display:flex; align-items:center; position:relative; padding:0 1.5rem; height:100%}
#header .gnb_de .depth_01 >li >a {position:relative; cursor:pointer; display:block; width:100%; padding:0 2px; color:#222; font-size:1.25rem; font-weight:400; line-height:135%}
#header .gnb_de .depth_01 >li.active >a {color:#194CB5}
#header .gnb_de .depth_01 >li.is_open >a::before {content:''; display:block; width:5px; height:5px; background-color:#0547E0; border-radius:100%; position:absolute; top:2px; right:-7px}
#header .gnb_de .depth_01 >li.is_open >a::after {content:''; display:block; background-color:rgba(5, 71, 224, 0.15); width:100%; height:8px; position:absolute; bottom:2px; left:0; z-index:-1}
#header .gnb_de .menu_bg {position:fixed; display:none; left:50%; top:6.25rem; width:100%; height:3.75rem; transform:translateX(-50%); z-index:99; transition:all .1s ease-in-out; background:#FFF; border-top:1px solid #EBEEF6; box-shadow:6px 10px 6px 0 rgba(0, 64, 153, 0.06)}
#header .gnb_de .menu_bg.on {display:block}
#header .gnb_de .depth_wrap {width:100%; height:3.75rem; position:absolute; left:0; bottom:0; transform:translateY(100%); /* position:fixed; left:50%; top:6.25rem; transform:translateX(-50%); */ z-index:100; transition:all .1s ease-in-out; visibility:hidden; opacity:0}
#header .gnb_de .is_open .depth_wrap {visibility:visible; opacity:1}
#header .gnb_de .depth_02 {display:flex; margin:0 auto; width:100%; /* width:88.88%; max-width:1420px; padding-left:12rem; */}
#header .gnb_de .depth_02 >li {height:3.75rem}
#header .gnb_de .depth_02 >li >a {position:relative; display:block; width:auto; padding:0 1.5rem; line-height:3.75rem; color:#000; font-size:.875rem; font-weight:500; transition:all .1s ease-in-out}
/*#header .gnb_de .depth_03 {display:flex; flex-wrap:wrap; margin-top:.5rem}*/
/*#header .gnb_de .depth_03 >li {width:20%}*/
/*#header .gnb_de .depth_03 >li >a {display:block; padding:.5rem 1rem; font-size:.75rem}*/
#header .no_link {cursor:default}
#header .point {margin-right:0.5rem}
#header .point a {display:flex; align-items:center; width:auto}
#header .point .flex_wrap {justify-content:center; gap:.25rem; padding:.5rem .75rem .5rem .5rem; border-radius:18.75rem; background-color:#eef1f0}
#header .point figure {width:18px; height:18px; background:url(/static/images/common/ico_point_green.svg) no-repeat center/100% auto}
#header .point span {display:block; font-size:1rem; font-weight:500; line-height:135%; color:#545454; text-align:center}
#header .push button {background-image:url(/static/images/common/ico_notify.svg); position:relative}
#header .push.on button::before {content:''; display:block; width:8px; height:8px; border-radius:100%; position:absolute; left:12.5%; top:12.5%; background-color:#0547E0}
#header .mypage a {background-image:url(/static/images/common/ico_mypage.svg)}
#header .menu button {background-image:url(/static/images/common/ico_menu.svg)}
@media screen and (max-width:1024px) {
    #header .inner {height:5rem}
    #header.active {top:-5rem}
    #header .gnb_de {display:none !important}
}/* sm~md */
@media screen and (min-width:767.1px) and (max-width:1024px) {
}/* md */
@media screen and (max-width:767px) {
    #header .logo {width:7rem; height:1.42rem}
    #header .gnb_sub {gap:0.83rem}
    #header .point {margin-right:0}
    #header .point .flex_wrap {gap:0.33rem; padding:0.5rem 1rem 0.5rem 0.5rem; border-radius:25rem}
    #header .point span {font-size:1rem}
}/* sm */
@media (hover:hover) {
    #header .gnb_de .depth_01 >li:hover >a {font-weight:600}
    #header .gnb_de .depth_02 >li:hover >a::after {content:''; display:block; width:100%; height:2px; background-color:#0547E0; position:absolute; bottom:0; left:0}
}/* hover */


/*헤더:이전으로*/
#header.prev .mo_wrap {display:none}
#header.prev .mo_wrap .btn_back {width:24px; height:24px; cursor:pointer; background:url(/static/images/temp/filter_btn_close.svg) no-repeat center/100% auto /*웹 background:url(/static/images/common/ico_prev.svg) no-repeat center/100% auto */}
#header.prev .mo_wrap .bnt_go_home {width:24px; height:24px; cursor:pointer; background:url(/static/images/common/ico_home_dark.svg) no-repeat center/100% auto}
#header.prev .mo_wrap .page_title {width:auto; flex-grow:1; text-align:center; color:#222; font-size:1.5rem; font-weight:700; line-height:135%}
@media screen and (max-width:1024px) {
    #header.prev .pc_wrap {display:none}
    #header.prev .mo_wrap {display:flex}
}/* md */


/*헤더:홈 모바일상단고정*/
.mo_top_nav {display:none}
/*헤더:모바일하단고정*/
@media screen and (min-width:1024.1px) {
    #header .header_btm {display:none !important}
}/* lg */
@media screen and (max-width:1024px) {
    #header .header_btm {display:block; position:fixed; bottom:0; left:0; right:0; width:100%; height:7rem; padding:.33rem 0 1rem; background:#FFF; border-radius:20px 20px 0 0; box-shadow:4px 3px 20px 0 rgba(0,64,153,0.20); z-index:1000}
    #header .header_btm .list_menu {display:flex; height:5.33rem; align-items:center; width:100%; max-width:784px; margin:0 auto; justify-content:center; padding:0 8px}
    #header .list_menu > li {position:relative; height:100%; flex:20% 1 1; display:flex; justify-content:center; align-items:center}
    #header .list_menu a {transition:.08s ease-in-out; display:flex; justify-content:center; align-items:center; height:100%; flex-direction:column; gap:.33rem; color:#595959; text-align:center; font-size:1rem; font-weight:500; line-height:135%}
    /*웹x*/#header .list_menu .active {border-bottom:2px solid #0547E0}
    #header .list_menu .active a {color:#0547E0; /*웹x*/font-weight:700}
    #header .list_menu a i {width:2rem; height:2rem}
    #header .list_menu .m_home i {background:url(/static/images/common/ico_home.svg) no-repeat center / 100% auto}
    #header .list_menu .m_home.active i {background:url(/static/images/common/ico_home_on.svg) no-repeat center / 100% auto}
    #header .list_menu .m_quest i {background:url(/static/images/common/ico_quest.svg) no-repeat center / 100% auto}
    #header .list_menu .m_quest.active i {background:url(/static/images/common/ico_quest_on.svg) no-repeat center / 100% auto}
    #header .list_menu .m_campaign i {background:url(/static/images/common/ico_campaign.svg) no-repeat center / 100% auto}
    #header .list_menu .m_campaign.active i {background:url(/static/images/common/ico_campaign_on.svg) no-repeat center / 100% auto}
    #header .list_menu .m_program i {background:url(/static/images/common/ico_program.svg) no-repeat center / 100% auto}
    #header .list_menu .m_program.active i {background:url(/static/images/common/ico_program_on.svg) no-repeat center / 100% auto}
    #header .list_menu .m_shop i {background:url(/static/images/common/ico_shop.svg) no-repeat center / 100% auto}
    #header .list_menu .m_shop.active i {background:url(/static/images/common/ico_shop_on.svg) no-repeat center / 100% auto}
}/* sm */


/*레이어메뉴*/
/*display:none*/
.layer_menu {position:fixed; top:0; left:0; width:100%; height:calc(var(--var, 1vh) * 100); height:100svh; z-index:997; display:none}
.layer_menu .bg {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5)}
.layer_menu .layer_inner {position:absolute; right:-600px; top:0; width:600px; height:100%; background-color:#EFF2F9; overflow-y:auto; transition-delay:0.2s; transition:0.8s}
.layer_menu.active .layer_inner {right:0}
.layer_header {display:flex; justify-content:space-between; width:100%; padding:2rem}
.layer_header .btn_close {width:2rem; height:2rem; /*웹x url(/static/images/common/btn_close.png) no-repeat center/100% auto*/ background:url(/static/images/temp/filter_btn_close.svg) no-repeat center/100% auto}
.layer_header ul {display:flex; align-items:center; gap:0.625rem}
.layer_header .btn_point {display:flex; align-items:center; gap:0.25rem; padding:.5rem .75rem .5rem .5rem; border-radius:6.25rem; background-color:#D5DDEF}
.layer_header .btn_point figure {width:18px; height:18px; background:url(/static/images/common/ico_point_green.svg) no-repeat center/100% auto}
.layer_header .btn_point span {font-size:1rem; color:#545454}
.layer_header .btn_search {display:block; width:2rem; height:2rem; background:url(/static/images/common/btn_search.png) no-repeat center/100% auto}
.layer_cont {padding:1rem 2.5rem 0}
.layer_cont .login_wrap {display:flex; align-items:center; justify-content:space-between; padding:1.375rem 0}
.layer_cont .login_wrap .title {display:inline-flex; align-items:center; font-size:1.5rem; font-weight:700; color:#222; line-height:135%}
.layer_cont .login_wrap[data-status="login"] .title:after {content:""; display:inline-block; width:2rem; height:2rem;  background-image:url(/static/images/temp/ico_layer_right.png); /*웹x background-image:url(/static/images/common/ico_layer_right.png); */ background-repeat:no-repeat; background-position:center; background-size:contain; margin-left:.4rem}
.layer_cont .login_wrap .btn_type_01 {min-width:unset; max-width:unset; height:3.5rem}
.layer_cont .login_wrap[data-status="login"] {justify-content:left; gap:1.5rem; padding:0}
.layer_cont .login_wrap[data-status="login"] figure {width:6.875rem; height:6.875rem; background-color:#ffffff; background-position:center; background-repeat:no-repeat; background-size:calc(100% - 0.875rem) auto; border-radius:2.5rem}
.layer_cont [class^="menu_wrap"] a::after, .layer_cont [class^="menu_wrap"] button::after {content:""; display:block; width:2rem; height:2rem; /*웹x background:url(/static/images/common/ico_layer_right.png)*/ background:url(/static/images/temp/ico_layer_right.svg) no-repeat center/100% auto}
.layer_cont .menu_wrap_01 {display:flex; gap:1rem; margin-top:2.5rem}
.layer_cont .menu_wrap_01 li {flex:1}
.layer_cont .menu_wrap_01 a, .layer_cont .menu_wrap_01 button {position:relative; display:block; width:100%; height:0; padding-bottom:100%; border-radius:2.5rem; background-color:#fff; box-shadow:2px 2px 10px 0 rgba(0, 64, 153, 0.08)}
.layer_cont .menu_wrap_01 a::before, .layer_cont .menu_wrap_01 button::before {content:""; position:absolute; left:1.25rem; top:1.5rem; width:3rem; height:3rem}
.layer_cont .menu_wrap_01 a::after, .layer_cont .menu_wrap_01 button::after {content:""; position:absolute; right:1rem; bottom:1.3rem}
.layer_cont .menu_wrap_01 span {position:absolute; left:1.5rem; bottom:1.625rem; font-size:1.25rem; font-weight:600; color:#222}
.layer_cont .menu_wrap_01 li:nth-child(1) a::before, .layer_cont .menu_wrap_01 li:nth-child(1) button::before {background:url(/static/images/common/ico_layer_menu_01.png) no-repeat center/100% auto}
.layer_cont .menu_wrap_01 li:nth-child(2) a::before, .layer_cont .menu_wrap_01 li:nth-child(2) button::before {background:url(/static/images/common/ico_layer_menu_02.png) no-repeat center/100% auto}
.layer_cont .menu_wrap_01 li:nth-child(3) a::before, .layer_cont .menu_wrap_01 li:nth-child(3) button::before {background:url(/static/images/common/ico_layer_menu_03.png) no-repeat center/100% auto}
.layer_cont .menu_wrap_02 {margin-top:2.75rem}
.layer_cont .menu_wrap_02 a {display:flex; align-items:center; justify-content:space-between}
.layer_cont .menu_wrap_02 span {display:flex; align-items:center; gap:1rem; font-size:1.25rem; color:#222; font-weight:700}
.layer_cont .menu_wrap_02 span::before {content:""; display:block; width:2.5rem; height:2.5rem}
.layer_cont .menu_wrap_02 li:not(:last-child) {margin-bottom:3.33rem}
.layer_cont .menu_wrap_02 li:nth-child(1) span::before {background:url(/static/images/common/ico_layer_menu_04.png) no-repeat center/100% auto}
.layer_cont .menu_wrap_02 li:nth-child(2) span::before {background:url(/static/images/common/ico_layer_menu_05.png) no-repeat center/100% auto}
.layer_cont .menu_wrap_02 li:nth-child(3) span::before {background:url(/static/images/common/ico_layer_menu_06.png) no-repeat center/100% auto}
.layer_cont .menu_wrap_02 li:nth-child(4) span::before {background:url(/static/images/common/ico_layer_menu_07.png) no-repeat center/100% auto}
.layer_footer {padding:9rem 0 4rem}
.layer_footer .sns_wrap {display:flex; justify-content:center; gap:1rem}
.layer_footer .sns_wrap a {display:block; width:3.5rem; height:3.5rem}
.layer_footer .sns_wrap li:nth-child(1) a {background:url(/static/images/common/ico_layer_insta.png) no-repeat center/100% auto}
.layer_footer .sns_wrap li:nth-child(2) a {background:url(/static/images/common/ico_layer_kakao.png) no-repeat center/100% auto}
.layer_footer .sns_wrap li:nth-child(3) a {background:url(/static/images/common/ico_layer_youtube.png) no-repeat center/100% auto}
.layer_footer .term_wrap {display:flex; justify-content:center; margin-top:1.5rem}
.layer_footer .term_wrap li {position:relative}
.layer_footer .term_wrap li:not(:last-child)::after {content:""; position:absolute; right:0; top:50%; width:1px; height:70%; background-color:#D5DDEF; transform:translateY(-50%)}
.layer_footer .term_wrap a {padding:0 0.5rem; font-size:1rem; color:#888}
/*레이어메뉴 팝업*/
.layer_logout_popup {display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:calc(var(--var, 1vh) * 100); height:100svh; background:rgba(0, 0, 0, 0.55); z-index:998}
.layer_logout_popup.active {display:flex}
.layer_logout_popup .popup_inner {position:relative; width:91%; height:auto; padding:8vw 1.5rem 1.5rem; border-radius:3vw; background:#fff; text-align:center}
.layer_logout_popup .layer_popup_close[data-layout="icon"] {position:absolute; right:0; top:-5.6vw; width:4.8vw; height:4.8vw; background:url(/static/images/common/ico_close.svg) no-repeat center/4vw auto}
.layer_logout_popup .title {font-size:1.5rem; font-weight:600; line-height:144%; color:#222}
.layer_logout_popup .btn_wrap {margin-top:6.4vw}
.layer_logout_popup .btn_wrap li:not(:last-child) {margin-bottom:1.6vw}
/*레이어푸시*/
.layer_push {position:fixed; top:0; left:0; width:100%; height:calc(var(--var,1vh) * 100); height:100svh; z-index:998; display:none}
.layer_push .bg {position:absolute; left:0; top:0; width:100%; height:100%; background-color:#00000080}
.layer_push .layer_inner {position:absolute; right:-600px; top:0; width:600px; height:100%; overflow-y:auto; background:#fff;  transition-delay:.2s; transition:.8s}
.layer_push.active .layer_inner {right:0;}
.layer_push .layer_header {display:flex; justify-content:space-between; width:100%; padding:2rem; position:relative}
.layer_push .layer_header .btn_close {width:2rem; height:2rem; /*웹x url(/static/images/common/btn_close.png) no-repeat center/100% auto*/ background:url(/static/images/temp/filter_btn_close.svg) no-repeat center/100% auto}
.layer_push .layer_header .page_title {display:block!important; color:#222; text-align:center; font-size:1.5rem; font-weight:700; line-height:135%}
.layer_push .layer_header .btn_set {width:2rem; height:2rem; background:url(/static/images/common/btn_setting.png) no-repeat center/100% auto}
.layer_push .layer_cont {padding:0 0 5.84rem}
.layer_push .layer_cont .list_date > li:not(:last-child) {margin-bottom:2rem}
.layer_push .date_wrap {position:relative}
.layer_push .date_wrap .date {padding:.875rem 3rem; color:#222; font-size:1rem; font-weight:500; line-height:135%}
.layer_push .date_wrap > ul > li {position:relative}
.layer_push .date_wrap > ul > li.new::after {content:''; display:block; width:6px; height:6px; border-radius:100%; background-color:#0547E0; position:absolute; top:50%; right:2rem; transform:translateY(-50%)}
.layer_push .date_wrap > ul > li a {display:flex; justify-content:flex-start; align-items:center; gap:1.5rem; padding:2rem 2.5rem}
.layer_push .date_wrap > ul > li.new a {background:#F5F7FB}
.layer_push .date_wrap > ul > li.read a {background:#fff}
.layer_push .date_wrap .ico {display:block; width:3.5rem; height:3.5rem; background-size:60% auto; background-repeat:no-repeat; background-position:center; background-image:url(/static/images/common/ico_notify_color.png); border-radius:100%}
.layer_push .date_wrap > ul > li.new .ico {background-color:#fff}
.layer_push .date_wrap > ul > li.read .ico {background-color:#F5F7FB}
.layer_push .date_wrap .txt_wrap {flex-shrink:1; overflow:hidden; padding-right:16px}
.layer_push .date_wrap .list_title {overflow:hidden; color:#222; font-size:1.25rem; font-weight:400; line-height:135%}
.layer_push .date_wrap .list_desc {color:#666; font-size:1rem; font-weight:400; line-height:135%; margin-top:4px}
.layer_push p.desc {color:#888; text-align:center; font-size:1rem; font-weight:400; line-height:135%; margin:1.5rem auto 0}
/*레이어푸시셋팅*/
.layer_push_set {position:fixed; top:0; left:0; width:100%; height:calc(var(--var,1vh) * 100); height:100svh; z-index:999; display:none}
.layer_push_set .bg {position:absolute; left:0; top:0; width:100%; height:100%; background-color:#00000080}
.layer_push_set .layer_inner {position:absolute; right:-600px; top:0; width:600px; height:100%; overflow-y:auto; background:#fff; transition-delay:.2s; transition:.8s}
.layer_push_set.active .layer_inner {right:0;}
.layer_push_set .layer_header {display:flex; justify-content:flex-start; width:100%; padding:2rem; position:relative}
.layer_push_set .layer_header .btn_close {width:2rem; height:2rem; /*웹x url(/static/images/common/btn_close.png) no-repeat center/100% auto*/ background:url(/static/images/temp/filter_btn_close.svg) no-repeat center/100% auto}
.layer_push_set .layer_header .page_title {display:block!important; width:100%; color:#222; text-align:center; font-size:1.5rem; font-weight:700; line-height:135%; flex:1; padding-right:2rem}
.layer_push_set .list >li {padding:1.5rem .5rem}
.layer_push_set .flex_warp {display:flex; justify-content:space-between; align-items:center}
.layer_push_set .flex_warp label {color:#222; font-size:1.25rem; font-style:normal; font-weight:700; line-height:135%}
.layer_push_set .flex_warp label span {display:block; color:#666; font-size:1rem; font-weight:400; line-height:135%; margin-top:4px}
.layer_push_set input[type="checkbox"] {position:relative; width:44px; height:24px; appearance:none; border-radius:300px; background-color:#fff; border:1px solid #7992CB/*웹#D5DDEF*/; transition:background-color .25s linear}
.layer_push_set input[type="checkbox"]::before {content:""; position:absolute; left:4px; top:3px; width:16px; height:16px; border-radius:100%; background-color:#7992CB/*웹#D5DDEF*/; transition:left .25s linear}
.layer_push_set input[type="checkbox"]:checked {background-color:#0547E0}
.layer_push_set input[type="checkbox"]:checked::before {left:22px; background-color:#fff}
/*접근성 수정*/
.layer_cont .login_wrap[data-status="login"] .img {width:6.875rem; height:6.875rem; background-color:#ffffff; background-position:center; background-repeat:no-repeat; background-size:calc(100% - 0.875rem) auto; border-radius:2.5rem}
@media screen and (min-width:1024.1px) {
    /*레이어푸시*/
    .layer_push .layer_header .page_title {width:100%; position:absolute; bottom:0; left:0; padding:1rem 3rem 2.5rem; transform:translateY(100%); color:#222; font-size:1.75rem; font-weight:700; line-height:135%; text-align:left}
    .layer_push .layer_cont {padding:5.8625rem 0 4.125rem}
    /*레이어푸시셋팅*/
    .layer_push_set .layer_header .page_title {width:100%; position:absolute; bottom:0; left:0; padding:1rem 3rem 2.5rem; transform:translateY(100%); color:#222; font-size:1.75rem; font-weight:700; line-height:135%; text-align:left}
    .layer_push_set .layer_cont {padding:5.8625rem 2.5rem 4.125rem}
}/* lg */
@media screen and (max-width:1024px) {
    .layer_menu .layer_inner {right:-500px; width:500px}
    .layer_footer {padding:9rem 0 4rem}
}/*md*/
@media screen and (max-width:767px) {
    /*헤더:이전으로*/
    #header[data-type="prev"] .btn_back {width:30px; height:38px}
    #header[data-type="prev"] .btn_back {left:-10px; background:url(/static/images/common/ico_prev.svg) no-repeat center/9px auto}
    #header[data-type="prev"] .page_title {font-size:14px}
    /*레이어메뉴*/
    .layer_menu .layer_inner {width:100%; max-width:500px}
    .layer_header .btn_point {padding:0.5rem 1rem 0.5rem 0.5rem}
    .layer_cont {padding:0.625rem 1.33rem 0}
    .layer_cont .login_wrap {padding:1.375rem 0.5rem}
    .layer_cont .login_wrap .btn_type_01 {padding:0 1.33rem}
    .layer_cont .menu_wrap_01 {gap:0.625rem}
    .layer_cont .menu_wrap_02 li:not(:last-child) {margin-bottom:2.5rem}
    .layer_footer {padding:4rem 0 7rem}
    /*레이어푸시*/
    .layer_push .layer_inner {width:100%; max-width:500px}
    .layer_push .layer_header {padding:1.5rem 2rem}
    .layer_push .date_wrap .date {padding:0.59rem 2rem}
    .layer_push .date_wrap > ul > li a {padding:1.34rem 2rem}
    /*레이어푸시셋팅*/
    .layer_push_set .layer_inner {width:100%; max-width:500px}
    .layer_push_set .list >li {padding:1rem 0}
    .layer_push_set .flex_warp label {font-size:1.17rem}
    .layer_push_set .flex_warp label span {display:block; color:#666; font-size:1rem}
    .layer_push_set input[type="checkbox"] {width:30px; height:18px}
    .layer_push_set input[type="checkbox"]::before {left:4px; top:3px; width:10px; height:10px}
    .layer_push_set input[type="checkbox"]:checked::before {left:14px}
}/*sm*/
/* --------------------------------header end-------------------------------- */


/* --------------------------------footer-------------------------------- */
#footer {width:100%; padding:2.5rem 0; background-color:#fff; color:#888}
#footer .inner {max-width:1420px}
#footer .inner > .flex_wrap {position:relative; display:flex; justify-content:space-between; align-items:flex-start; gap:3rem}
#footer .left {flex-shrink:1}
#footer .fnb {margin-bottom:2rem}
#footer .fnb ul {display:flex; gap:1.5rem; width:80%; margin:0}
#footer .fnb ul li a {color:#888; font-size:12px; font-weight:500; line-height:140%}
#footer .fnb ul li a b {color:#666; font-weight:600}
#footer .fnb .sitemap {display:none}
#footer .info {margin-bottom:1.5rem}
#footer .info ul {display:flex; flex-wrap:wrap; gap:.5rem 1rem}
#footer .info ul:last-child {margin-top:1rem}
#footer .info ul li {color:#888; font-size:12px; font-weight:400; line-height:140%}
#footer .info ul li.ul_title {width:100%; display:block; color:#666; font-weight:600}
#footer .info ul li b {color:#666; font-weight:600; margin-right:.25rem}
#footer .copyright {color:#595959; font-size:10px; font-weight:500}
#footer .right {display:block; height:100%}
#footer .mark {width:7.5rem; max-width:119px}
#footer .site_wrap {color:#464646; z-index:101; position:absolute; bottom:0; right:0}
#footer .btn_list {color:#284FA8; font-size:1rem; font-weight:700; line-height:135%; border-radius:1.25rem; border:1px solid rgba(45,84,173,0.3); background:#FFF; padding:.875rem 1.875rem; width:15rem; display:flex; justify-content:space-between; align-items:center; transition:all .05s ease-in-out; position:relative}
#footer .btn_list.active {border-radius:0 0 1.25rem 1.25rem; border-top:none}
#footer .btn_list::after {content:""; display:inline-block; width:2rem; height:2rem; background:url(/static/images/common/arrow_selectbox.svg) no-repeat center /cover; transition:all .05s ease-in-out}
#footer .btn_list.active::after {transform:scaleY(-1)}
#footer .menu_list {display:none; position:absolute; left:0; top:0; transform:translateY(calc(-100% + 1px)); width:100%; padding:1rem 1.875rem; background:#FFF; border-radius:1.25rem 1.25rem 0 0 ; border:1px solid rgba(45,84,173,0.3); border-bottom:none}
#footer .menu_list::before {content:""; position:absolute; bottom:0; right:50%; transform:translateX(50%); width:calc(100% - 3.75rem); height:1px; background-color:#E5E5E5; display:block}
#footer .menu_list ul {margin:0}
#footer .menu_list ul li:not(:last-child) {margin-bottom:.875rem}
#footer .menu_list ul li a {font-size:1rem; font-weight:500; line-height:135%; color:#666}


@media screen and (max-width:1024px) {
    #footer {padding:2.85rem 0 9.85rem}
    #footer .btn_list {border-radius:1rem}
    #footer .mark {width:9.92rem}
    #footer .menu_list ul li:not(:last-child) {margin-bottom:1.5rem}
}/* sm~md */
@media screen and (min-width:767.1px) and (max-width:1024px) {
}/* md */
@media screen and (max-width:767px) {
    #footer {padding:3.33rem 0 10.33rem}
    #footer .inner > .flex_wrap {flex-direction:column}
    #footer .info ul li:last-child {width:100%}
    #footer .info ul li:last-child b {display:none}
    #footer .right {width:100%}
    #footer .site_wrap {position:relative; bottom:unset; right:unset; margin-top:2rem}
    #footer .btn_list {width:100%}
}/* sm */
@media (hover:hover) {
}/* hover */

@media (hover:hover) {
    #footer .menu_list ul li a:hover {color:#333333}
}/* hover only */

/*버튼:최상단이동*/
.btn_go_top {position:fixed; bottom:2.5rem; right:2.5rem; width:3.75rem; height:3.75rem; z-index:110; transition:bottom 0.2s}
.btn_go_top img {display:block; width:100%}
@media screen and (max-width:1730px) {
    .btn_go_top {right:6%}
    .btn_go_top.active {bottom:8rem}
}/* lg~sm */
@media screen and (max-width:1024px) {
    .btn_go_top.active {bottom:15rem}
}/* md + sm */
@media screen and (max-width:767px) {
    .btn_go_top {display:none}
}/* sm */
/* --------------------------------footer end-------------------------------- */





/* --------------------------------popup------------------------------ */
#popup_all .popup {display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:calc(var(--var, 1vh) * 100); height:100svh; background:rgba(0, 0, 0, 0.55); z-index:1998}
#popup_all .popup.active {display:flex}
#popup_all .popup_inner {position:relative; width:88.88%; max-width:460px; height:auto; padding:3.5rem 2rem 2rem; border-radius:1.25rem; background-color:#fff; text-align:center}
#popup_all .ppopup_wide .popup_inner {max-width:940px}
#popup_all .btn_popup_close[data-layout="icon"] {position:absolute; right:1rem; top:1rem; width:32px; height:32px; /*웹x*/background-image:url(/static/images/temp/ico_close.svg); background-repeat:no-repeat; background-position:center; background-size:contain}
#popup_all .btn_popup[disabled] {cursor:default}
#popup_all .cont_wrap {max-height:50vh; overflow:auto}
#popup_all .cont_wrap::-webkit-scrollbar {width:3px; height:30px}
#popup_all .cont_wrap::-webkit-scrollbar-thumb {background:#D9D9D9; border:1px solid #D9D9D9; border-radius:300px}
#popup_all .cont_wrap::-webkit-scrollbar-thumb:hover {background-color:#CCC; border:1px solid #CCC}
#popup_all .cont_wrap::-webkit-scrollbar-track {background:#fff; border-radius:300px}
#popup_all .input_wrap {margin:0}
/*title*/
#popup_all .title {color:#222; text-align:center; font-size:1.75rem; font-weight:400; line-height:135%}
#popup_all .title strong {color:#284FA8}
#popup_all .desc {color:#545454; text-align:center; font-size:1.25rem; font-weight:500; line-height:135%; margin-top:0.5rem}
#popup_all .desc b {font-weight:600}
/*button*/
#popup_all .btn_wrap {margin-top:2.5rem; gap:0 .5rem; display:flex}
#popup_all .btn_wrap li {flex:1; margin-bottom:0}
#popup_all .btn_wrap [class^="btn_"] {display:block; width:100%; height:3.75rem; border-radius:1.25rem; text-align:center; font-size:1rem; line-height:3.75rem ; font-weight:700; color:#1A378D}
#popup_all .btn_wrap [class^="btn_"]::after {display:none}
#popup_all .btn_wrap .btn_pop_type_01[data-color="red"] {background-color:#DD3636; color:#fff}
#popup_all .btn_wrap .btn_pop_type_01[data-color="grey"] {background-color:rgba(45, 84, 173, 0.08); color:#1A378D}
#popup_all .btn_wrap .btn_pop_type_01[data-color="blue"] {background-color:#0547E0; color:#fff}
/*img*/
#popup_all .img img {width:100%}
/*popupA:바텀시트-알럿-투버튼*/
#popup_all .popup[data-layout="popupA"] .title {position:relative; font-weight:600}
#popup_all .popup[data-layout="popupA"] .title::before {content:''; display:block; margin:0 auto 1.5rem; width:56px; height:56px; background:url(/static/images/common/ico_alert.svg) no-repeat center/contain}
/*popupB:바텀시트-캐릭터-투버튼*/
#popup_all .popup[data-layout="popupB"] .title {font-weight:600}
#popup_all .popup[data-layout="popupB"] .character_img {width:13rem; height:8.125rem; background-repeat:no-repeat; background-size:contain; background-position:center; margin:0 auto 1.25rem}
#popup_all .popup[data-layout="popupB"] .character_img[data-size="lg"] {height:10rem}
    /*popupC:레이어-알럿-원버튼*/
/*#popup_all .popup[data-layout="popupC"] .popup_inner {max-width:396px}*/
#popup_all .popup[data-layout="popupC"] .title {position:relative; font-size:1.5rem; font-weight:600}
#popup_all .popup[data-layout="popupC"] .title::before {content:''; display:block; margin:0 auto 1.5rem; width:40px; height:40px; background:url(/static/images/common/ico_alert.svg) no-repeat center/contain}
#popup_all .popup[data-layout="popupC"] .title.ico_confirm::before {content:''; display:block; margin:0 auto 1.5rem; width:40px; height:40px; background:url(/static/images/common/ico_confirm.svg) no-repeat center/contain}
/*popupD:레이어-알럿-원버튼*/
/*#popup_all .popup[data-layout="popupD"] .popup_inner {max-width:396px}*/
#popup_all .popup[data-layout="popupD"] .title {position:relative; font-size:1.5rem; font-weight:600}
#popup_all .popup[data-layout="popupD"] .title::before {content:''; display:block; margin:0 auto 1.5rem; width:40px; height:40px; background:url(/static/images/common/ico_alert.svg) no-repeat center/contain}
/*popupE:레이어-알럿-원버튼*/
#popup_all .popup[data-layout="popupE"] .popup_inner {max-width:940px}
#popup_all .popup[data-layout="popupE"] .cont_wrap {padding:0 1.5rem}
#popup_all .popup[data-layout="popupE"] .title {font-weight:700}
#popup_all .popup[data-layout="popupE"] .title,
#popup_all .popup[data-layout="popupE"] .sub_title,
#popup_all .popup[data-layout="popupE"] .desc,
#popup_all .popup[data-layout="popupE"] .term_list,
#popup_all .popup[data-layout="popupE"] .term_list h3,
#popup_all .popup[data-layout="popupE"] .term_list p {text-align:left}
#popup_all .popup[data-layout="popupE"] .term_list {margin:1.5rem auto 0}
#popup_all .popup[data-layout="popupE"] .term_list > section {display: block;height:inherit;}
#popup_all .popup[data-layout="popupE"] .term_list > section {color:#222; font-size:1rem; font-weight:400; line-height:135%}
#popup_all .popup[data-layout="popupE"] .term_list > section:not(:last-child) {margin-bottom:1.5rem}
#popup_all .popup[data-layout="popupE"] .term_list > section > ol,
#popup_all .popup[data-layout="popupE"] .term_list > section > ol > li{list-style: decimal;}
#popup_all .popup[data-layout="popupE"] .term_list > section > ol > li > ol > li {counter-increment: num; }
#popup_all .popup[data-layout="popupE"] .term_list > section > ol > li > ol > li::marker {content: counter(num) ") ";}
#popup_all .popup[data-layout="popupE"] .term_list > section > ul > li::marker {content: "- ";}
#popup_all .popup[data-layout="popupE"] .term_list ol,
#popup_all .popup[data-layout="popupE"] .term_list ul {padding-left: 1em;}
#popup_all .popup[data-layout="popupE"] .term_list h3 {color:#222; font-size:1.25rem; font-style:normal; font-weight:700; line-height:135%;margin-top: 2em;margin-bottom:0.6667rem;}
#popup_all .popup[data-layout="popupE"] .term_list p {color:#222; font-size:1rem; font-weight:400; line-height:135%; margin-top:.5rem}
#popup_all .popup[data-layout="popupE"] .bullet_mark {margin-top:1.5rem}
#popup_all .popup[data-layout="popupE"] .bullet_mark li {position:relative; padding-left:1.5rem}
#popup_all .popup[data-layout="popupE"] .bullet_mark li::before {content:''; display:block; width:2px; height:2px; border-radius:100%; background-color:#222; position:absolute; top:50%; left:0.625rem}

/*테이블*/
#popup_all .table_wrap table {width:100%; table-layout:fixed}
#popup_all .table_wrap th,
#popup_all .table_wrap td {padding:2vw; font-size:2.8vw; border:1px solid #444; line-height:142%; vertical-align:middle; white-space:pre-line; word-break:break-word}
#popup_all .table_wrap th {font-weight:600; background-color:#F2F2F2; text-align:center}

@media screen and (min-width:1024.1px) {
    /*popupE:레이어-알럿-원버튼*/
    #popup_all .popup[data-layout="popupE"] .btn_wrap [class^="btn_"] {max-width:200px; margin:0 auto}
}/*lg*/
@media screen and (max-width:1024px) {
    #popup_all .popup_inner {max-width:360px; padding:3.33rem 1.33rem 1.33rem}
    /*title*/
    #popup_all .title {font-size:1.5rem}
    #popup_all .desc {font-size:1.17rem}
    /*button*/
    #popup_all .btn_wrap [class^="btn_"] {height:4rem; line-height:4rem; border-radius:1rem}
    #popup_all .btn_popup_close[data-layout="icon"] {top:1.33rem; right:1.33rem}
}/* sm~md */
@media screen and (min-width:767.1px) and (max-width:1024px) {
}/* md */
@media screen and (max-width:767px) {
    /*popupA:바텀시트-알럿-투버튼*/
    #popup_all .popup[data-layout="popupA"] {align-items:flex-end}
    #popup_all .popup[data-layout="popupA"] .popup_inner {position:relative; bottom:0; width:100%; max-width:unset; border-radius:20px 20px 0 0}
    #popup_all .popup[data-layout="popupA"].active .popup_inner {animation:bottomSheet .3s ease-in-out forwards}
    /*popupB:바텀시트-캐릭터-투버튼*/
    #popup_all .popup[data-layout="popupB"] {align-items:flex-end}
    #popup_all .popup[data-layout="popupB"] .popup_inner {width:100%; max-width:unset; border-radius:20px 20px 0 0}
    #popup_all .popup[data-layout="popupB"].active .popup_inner {animation:bottomSheet .3s ease-in-out forwards}
    #popup_all .popup[data-layout="popupB"] .character_img {width:10rem; height:10rem; margin:0 auto 1.67rem}
    #popup_all .popup[data-layout="popupB"] .character_img[data-size="lg"] {width:13rem}
    /*popupC:레이어-알럿-원버튼*/
    #popup_all .popup[data-layout="popupC"] .popup_inner {padding:3.34rem 1.33rem 1.33rem}

    /*popupE:레이어-컨텐츠-원버튼*/
    #popup_all .popup[data-layout="popupE"] .cont_wrap {padding:0 0.67rem}
    #popup_all .popup[data-layout="popupE"] .term_list {margin:2rem auto 0}
    #popup_all .popup[data-layout="popupE"] .term_list > li:not(:last-child) {margin-bottom:2rem}
    #popup_all .popup[data-layout="popupE"] .term_list p {margin-top:0.67rem}
}/* sm */
@media (hover:hover) {
}/* hover */

@keyframes bottomSheet {
    /*0% {transform:translateY(100%); transition:transform .3s ease-in-out}*/
    /*100% {transform:translateY(0)}*/
    0% {bottom:-50%; transition:bottom .3s ease-in-out}
    100% {bottom:0}
}



/*클로버 획득 팝업*/
.popup_get_clover .popup_inner {background-color:#fff}
.popup_get_clover .cont_wrap {background-color:#fff}
.popup_get_clover .confetti {position:absolute; top:0; right:50%; transform:translateX(50%) translateY(1rem); -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; z-index:-1}
.popup_get_clover .confetti__item {display:block; font-size:1.5rem; position:absolute; width:1.5rem; height:1.4rem}

@media screen and (max-width:1024px) {
    /*.popup_get_clover .confetti {transform:translateX(50%) translateY(-1rem)}*/
    .popup_get_clover .confetti__item {width:1rem; height:1rem}
}/* sm~md */

/* 걷기 권한 허용 팝업 */
#popup_all #popup_access_step .cont_wrap {padding:0 8px}
#popup_all #popup_access_step h2.title::before {display:none}
#popup_all #popup_access_step h2.title {text-align:left}
#popup_all #popup_access_step div.desc {margin-top:24px; text-align:left; display:flex; flex-direction:column; row-gap:16px}
#popup_all #popup_access_step .desc h3 {font-size:1.3333333rem; font-weight:700}
#popup_all #popup_access_step .desc .heading {font-weight:700}
#popup_all #popup_access_step .desc ol,#popup_all #popup_access_step .desc ol > li {list-style:decimal}
#popup_all #popup_access_step .desc ol {margin-left:1em; display:flex; flex-direction:column; row-gap:16px}
#popup_all #popup_access_step .desc li::marker {font-weight:700}
#popup_all #popup_access_step .desc ol > li > img,#popup_all #popup_access_step .desc ul.img_wrap {display:block; margin-left:-1em; max-width:inherit; width:calc(100% + 1em); margin-top:16px}
#popup_all #popup_access_step .desc ul.img_wrap {max-width:calc(100% + 1em); display:grid; grid-template-columns:1fr 1fr; column-gap:4px}
#popup_all #popup_access_step .desc ul.img_wrap img {width:100%}

/* --------------------------------popup end------------------------------ */


/* --------------------------------list common------------------------------ */
/*section[data-layout="list"] {min-height:calc(var(--var, 1vh) * 100); min-height:100svh; padding:16vw 0 22.4vw 0; background-color:#F8F8F8}*/
/*section[data-layout="list"] .list >li {position:relative}*/
/*section[data-layout="list"] .list >li:not(:last-child) {margin-bottom:1.5rem}*/
/*section[data-layout="list"] .list >li >a {display:block; width:100%; background-color:#fff; border-radius:3vw; box-shadow:0 1vw 3.6vw 0 rgba(0, 0, 0, 0.03)}*/
/*section[data-layout="list"] .list .new::after {content:""; position:absolute; width:1.6vw; height:1.6vw; background-color:#DD3636; border-radius:100%}*/
/*section[data-layout="list"] .list .list_date {font-size:2.4vw; color:#757575; line-height:100%}*/
/*@media only screen and (max-width:500px) {*/
/*    section[data-layout="list"] {padding:80px 0 112px 0}*/
/*    section[data-layout="list"] .list >li:not(:last-child) {margin-bottom:16px}*/
/*    section[data-layout="list"] .list >li >a {border-radius:15px; box-shadow:0 5px 18px 0 rgba(0, 0, 0, 0.03)}*/
/*    section[data-layout="list"] .list .new::after {width:8px; height:8px}*/
/*    section[data-layout="list"] .list .list_date {font-size:12px}*/
/*}*/

/*타이틀*/
.sec_tit {color:#222; font-size:1.75rem; font-weight:700; line-height:135%}
.sub_desc {color:#222; font-size:1.75rem; font-weight:700; line-height:135%; margin-bottom:2.5rem}
.sub_desc span {font-weight:400; color:#757575}
.sec_tit_wrap {display:flex; align-items:center; justify-content:flex-start; width:100%; max-width:1420px; padding:0 0 2.5rem; margin:0 auto}
.sec_tit_wrap .sec_tit {margin-bottom:0}
.sec_tit_wrap button,
.sec_tit_wrap a {display:inline-block; padding:1.6vw 2.4vw; border:1px solid #666; border-radius:1.2vw; font-size:2.4vw; font-weight:500; line-height:100%; color:#666}
/*검색 공통*/
.search_box .input_wrap[data-layout="text"] input {padding-right:5rem}
.search_box .btn_search {position:absolute; right:1.5rem; top:50%; width:2rem; height:2rem; background:url(/static/images/common/btn_search_blue.png) no-repeat center/100% auto; transform:translateY(-50%)}
/*토글버튼*/
.tab_menu_wrap .flex_wrap input[type="checkbox"] {position:relative; width:6.4vw; height:4vw; appearance:none; border:none; border-radius:3vw; background-color:#E9E9E9}
.tab_menu_wrap .flex_wrap input[type="checkbox"]::before {content:""; position:absolute; left:.6vw; top:.4vw; width:1.5rem; height:1.5rem; border-radius:100%; background-color:#fff; box-shadow:0 1.2vw 4vw 0 rgba(0,0,0,0.06); transition:left .25s linear}
.tab_menu_wrap .flex_wrap input[type="checkbox"]:checked {background-color:#DD3636}
.tab_menu_wrap .flex_wrap input[type="checkbox"]:checked::before {left:2.8vw}
/*리스트 종료*/
section[data-layout="list"] li.complete .parti i {background-image:none; width:6vw; height:3.6vw; border-radius:1.2vw; border:1px solid #B7BED2; background-color:#D4D9E6; color:#555D7A; display:inline-flex; justify-content:center; align-content:center; margin-right:.4vw}
section[data-layout="list"] li.complete .parti i::before {content:'종료'; font-size:2vw; font-weight:600; display:flex; justify-content:center; align-items:center; width:100%; height:100%}
/*버튼 공통*/
/*section[data-layout="list"] .btn_search {width:8.4vw; height:6.4vw; background:url(/static/images/common/ico_search.svg) center center / 3.6vw auto no-repeat #414658; position:absolute; top:0; right:0; border-radius:4vw}*/
@media screen and (max-width:1024px) {
    /*타이틀*/
    .sec_tit_wrap,.sec_tit {display:none}
    .sub_desc {padding:20px 16px; border-radius:46px 46px 46px 0; margin:0 auto 24px; font-size:14px}
    .sec_tit_wrap {margin-bottom:16px}
    .sec_tit_wrap button,
    .sec_tit_wrap a {padding:8px 12px; border:1px solid #666; border-radius:6px; font-size:12px}
    /*검색 공통*/
    .search_wrap {border:1px solid #E4E4E4; border-radius:1.875rem}
    .search_wrap button {width:46px; height:46px; background:url(/static/images/message/ico_search_black.svg) no-repeat center/18px auto}
    .search_wrap input[type="text"] {width:calc(100% - 46px); height:46px; padding:0 16px; font-size:14px; border-radius:30px}
    /*탭 공통*/
    .tab_menu_wrap {padding-top:32px}
    .tab_menu_wrap .tab_menu {width:calc((100% - 42px - 16px)/2); height:32px; font-size:14px; border-radius:50px}
    .tab_menu_wrap .tab_menu_02 {left:calc((100% - 42px)/2)}
    .tab_menu_wrap .tab_menu_list {gap:8px}
    .tab_menu_wrap .tab_menu_list li .tab_cont {margin-top:24px}
    .tab_menu_wrap .flex_wrap {gap:4px; margin:24px 0 10px}
    .tab_menu_wrap .flex_wrap .opt_title {font-size:12px}
    /*토글버튼*/
    .tab_menu_wrap .flex_wrap input[type="checkbox"] {width:32px; height:20px; border-radius:15px}
    .tab_menu_wrap .flex_wrap input[type="checkbox"]::before {left:3px; top:2px; width:16px; height:16px; box-shadow:0 6px 20px 0 rgba(0,0,0,0.06)}
    .tab_menu_wrap .flex_wrap input[type="checkbox"]:checked::before {left:14px}
    /*데이터 공통*/
    section[data-layout="list"] .data_box li {font-size:12px; gap:2px}
    section[data-layout="list"] .data_box i {width:16px; height:16px}
    section[data-layout="list"] .data_box .parti strong {margin-right:-2px}
    /* 리스트 종료 */
    section[data-layout="list"] li.complete .parti i {width:30px; height:18px; border-radius:6px; margin-right:2px}
    section[data-layout="list"] li.complete .parti i::before {font-size:10px}
    /*버튼 공통*/
    section[data-layout="list"] .btn_search {width:42px; height:32px; border-radius:1.25rem; background-size:18px auto}
}
/* --------------------------------list common end-------------------------------- */



/* --------------------------------로그인 체크박스-------------------------------- */
/*체크박스*/
section .ck_wrap li {position:relative; padding:0 0.75rem}
section .ck_wrap li:not(:last-child) {margin-bottom:1.25rem}
section .ck_wrap li:nth-child(1) {margin-bottom:1rem; padding:1rem 0.75rem; background-color:rgba(5, 71, 224, 0.10); border-radius:1.25rem}
section .ck_wrap .btn_popup {position:absolute; right:0; top:50%; padding:0.25rem 0.5rem; font-size:1rem; border-radius:0.5rem; color:#1A378D; background-color:rgba(5, 71, 224, 0.10); transform:translateY(-50%); z-index:1}
@media screen and (max-width:767px) {
    /*체크박스*/
    section .ck_wrap li {padding:0 0.75rem}
    section .ck_wrap li:not(:last-child) {margin-bottom:1.5rem}
    section .ck_wrap li:nth-child(1) {margin-bottom:1.5rem; padding:1rem 0.75rem; border-radius:1rem}
    section .ck_wrap .btn_popup {padding:0.33rem 0.66rem; border-radius:0.66rem}
}/* sm */
/* --------------------------------//로그인 체크박스 end-------------------------------- */


/* --------------------------------공통 게시판 상세-------------------------------- */
.board_detail_sec .board_view_wrap {display:flex; flex-direction:column; position:relative}
.board_detail_sec .board_tit_wrap {position:relative; margin:0 auto 2.5rem; padding:2.5rem 0; border-bottom:1px solid #d5ddef; width:100%}
.board_detail_sec .board_tit {overflow:hidden; color:#222; font-size:1.75rem; font-weight:700; line-height:135%; width:calc(100% - 15rem)}
.board_detail_sec .board_date {margin-top:4px}
.board_detail_sec .board_view_wrap .btn_apply {position:absolute; top:2.5rem; right:0}
.board_detail_sec .board_date {color:#888; font-size:1rem; font-weight:400; line-height:135%}
/*pc 우측, mo 하단 고정 버튼*/
.board_detail_sec .fixed_wrap {position:absolute; right:0; top:2.5rem}
.board_detail_sec .fixed_wrap .btn_group {padding:4px 8px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:1rem}
.board_detail_sec .fixed_wrap .btn_group > ul {display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:1rem}
.board_detail_sec .fixed_wrap .btn_like,
.board_detail_sec .fixed_wrap .btn_cmt {display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:0}
.board_detail_sec .fixed_wrap .btn_group button span,
.board_detail_sec .fixed_wrap .btn_group a span {color:#595959; font-size:1rem; font-weight:600; line-height:135%}
.board_detail_sec .fixed_wrap button i,
.board_detail_sec .fixed_wrap a i {width:32px; height:32px; display:block; background-position:center; background-repeat:no-repeat; background-size:100% auto}
.board_detail_sec .fixed_wrap .btn_share i {background-image:url(/static/images/temp/ico_share.svg)}
.board_detail_sec .fixed_wrap .btn_like i {background-image:url(/static/images/temp/ico_like.svg)}
.board_detail_sec .fixed_wrap .btn_cmt i {background-image:url(/static/images/temp/ico_cmt.svg)}
/*웹x*/
/*.board_detail_sec .fixed_wrap .btn_share i {background-image:url(/static/images/common/ico_share.svg)}*/
/*.board_detail_sec .fixed_wrap .btn_like i {background-image:url(/static/images/common/ico_like.svg)}*/
.board_detail_sec .fixed_wrap .btn_like.on i {background-image:url(/static/images/common/ico_like_on.svg)}
/*.board_detail_sec .fixed_wrap .btn_cmt i {background-image:url(/static/images/common/ico_cmt.svg)}*/
.board_detail_sec .fixed_wrap .btn_link {width:12.5rem}
.board_detail_sec .fixed_wrap .btn_apply {max-width:100%; width:100%; min-width:unset}
/*프로필섹션*/
.board_detail_sec .profile_wrap {position:relative; display:flex; align-items:center; gap:1rem; margin-top:1.5rem}
.board_detail_sec .profile_wrap figure {width:5rem; height:5rem; border-radius:30px; border:1px solid #EAEEF7; background-position:center; background-repeat:no-repeat; background-size:75% auto; background-color:#ffffff; flex-shrink:0; flex-grow:0}
.board_detail_sec .profile_wrap h4 {font-weight:700; color:#222; font-size:1rem}
.board_detail_sec .profile_wrap .ct_option_wrap {position:absolute; top:50%; right:.5rem; z-index:12; transform:translateY(-50%)}
.board_detail_sec .profile_wrap .btn_more_ct {width:2rem; height:2rem; background:url(/static/images/common/btn_more_ct.png) no-repeat center/100% auto; display:block}
.board_detail_sec .profile_wrap .ct_option {display:none; width:72px; padding:6px 10px; border-radius:12px; background:#FFF; box-shadow:4px 4px 10px 0 rgba(0,64,153,0.15); position:absolute; right:0; bottom:0; transform:translateY(100%)}
.board_detail_sec .profile_wrap .ct_option li {padding:6px 4px}
.board_detail_sec .profile_wrap .ct_option li:not(:last-child) {border-bottom:1px solid #D5DDEF}
.board_detail_sec .profile_wrap .ct_option button {color:#545454; text-align:center; font-size:12px; font-weight:500; line-height:135%}
/*다운로드*/
.board_cont_wrap .attachment {margin-top:3.5rem; background-color:#f8f8f8; border-radius:1.25rem; padding:1.5rem}
.board_cont_wrap .attachment a {display:inline-flex; align-items:center}
.board_cont_wrap .attachment a::before {content:''; display:inline-block; width:1rem; height:1rem; background-image:url("/static/images/common/ico_file.svg"); background-repeat:no-repeat; background-position:center; background-size:contain; margin-right:0.5rem}

@media screen and (max-width:1024px) {
    .board_detail_sec .board_cont_wrap .attachment a::before {width:1.33rem; height:1.33rem; margin-right:0.67rem}
}

/*이전글,다음글*/
.board_detail_sec .board_list_wrap {width:100%; padding-top:3rem}
.board_detail_sec .board_list_wrap ul {width:100%; border-top:1px solid #D5DDEF; border-bottom:1px solid #D5DDEF}
.board_detail_sec .board_list_wrap ul li {border-bottom:1px solid #D5DDEF}
.board_detail_sec .board_list_wrap ul li a {display:flex; align-items:center; width:100%; height:100%; padding:1.25rem 1rem}
.board_detail_sec .board_list_wrap ul li a span {overflow:hidden; color:#222; font-size:1rem; font-weight:700; line-height:135%; padding:0 2rem 0 8px; position:relative}
.board_detail_sec .board_list_wrap ul li a span::after {content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:12px; background-color:#D5DDEF; transform:translateY(-50%)}
.board_detail_sec .board_list_wrap ul li a p {padding:0 1.5rem; flex:1; font-size:1rem; line-height:135%; height:1.35rem; color:#545454; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_detail_sec .board_list_wrap ul li a::before {content:''; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:cover; flex-shrink:0}
.board_detail_sec .board_list_wrap ul li.prev_board a::before {background-image:url(/static/images/common/board_prev.png)}
.board_detail_sec .board_list_wrap ul li.next_board a::before {background-image:url(/static/images/common/board_next.png)}
.board_detail_sec .board_list_wrap ul li:last-child {border-bottom:0}
@media screen and (max-width:1024px) {
    .board_detail_sec .board_view_wrap {position:unset}
    .board_detail_sec .board_tit {font-size:1.5rem}
    /*이전글,다음글*/
    .board_detail_sec .board_list_wrap ul li a {padding:2rem 1.33rem}
    .board_detail_sec .board_list_wrap ul li a span {padding:0 1.5rem 0 8px}
    /*pc 우측, mo 하단 고정 버튼*/
    .board_detail_sec .fixed_wrap {position:fixed; right:0; top:auto; bottom:0; width:100%; padding:0.33rem 1.33rem 1.33rem; border-radius:1.875rem 1.875rem 0 0; box-shadow:4px 4px 20px 0 rgba(0, 64, 153, 0.20); background-color:#fff; z-index:1002}
}/* sm~md */
@media screen and (max-width:767px) {
    .board_detail_sec .board_tit_wrap {padding:1.33rem 0}
    .board_detail_sec .board_tit {width:100%}
    /*프로필섹션*/
    .board_detail_sec .profile_wrap {margin-top:1rem}
    .board_detail_sec .profile_wrap figure {width:50px; height:50px; border-radius:20px}
}/* sm */
/* --------------------------------//공통 게시판 상세-------------------------------- */


/* ---------------------------- 공통 댓글 ------------------------------- */
.board_comment_sec .inner {padding-top:0}
.board_comment_sec .tit_wrap h2 {color:#222; font-size:1.875rem; font-weight:700; line-height:135%; display:flex; justify-content:flex-start; align-items:center; gap:.625rem; margin-bottom:1.5rem; padding:0 8px}
.board_comment_sec .tit_wrap h2 span {display:inline-block; padding:0 .625rem; height:1.875rem; line-height:1.875rem; font-size:1rem; color:#fff; background:#1A378D; border-radius:300px; font-weight:600}
.board_comment_sec .ct_write textarea {width:calc(100% - 3.125rem); height:10rem; margin-right:3.125rem; padding:1.5rem; border:none; resize:none; background:#F8F8F8; border-radius:20px; color:#222; font-size:1rem; font-weight:400; line-height:135%; letter-spacing:-.32px}
.board_comment_sec .ct_write textarea::placeholder {color:#888}
.board_comment_sec .ct_write .ct_control {position:relative; padding:0.75rem 1rem}
.board_comment_sec .ct_write .btn_save_ct {position:absolute; top:0; right:0; transform:translateY(-100%); /* border-radius:200px; */ /*웹*/background:url(/static/images/temp/btn_save_ct.svg) no-repeat center/ 100% auto; width:2.625rem; height:2.625rem; z-index:10}
.board_comment_sec .ct_write .btn_save_ct.on {background:url(/static/images/common/btn_save_ct_on.svg) no-repeat center/ 100% auto}
.board_comment_sec .ct_ttl {color:#595959; font-size:1rem; font-weight:500; line-height:135%; text-align:left}
.board_comment_sec .ct_length {color:#595959; font-size:1rem; font-weight:500; line-height:135%; text-align:left}
.board_comment_sec .ct_list li {position:relative}
.board_comment_sec .ct_list .ct_item {display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; flex-wrap:wrap; gap:1.25rem; padding:2rem 8px; border-bottom:1px solid #EAEEF7; position:relative}
.board_comment_sec .ct_profile_img {width:5rem; height:5rem; border-radius:30px; border:1px solid #EAEEF7; background-position:center; background-repeat:no-repeat; background-size:75% auto; background-color:#ffffff; flex-shrink:0; flex-grow:0}
.board_comment_sec .ct_info {width:calc(100% - 6.25rem)}
.board_comment_sec .ct_profile {margin-bottom:6px; padding-right:4rem}
.board_comment_sec .ct_nick {color:#222; font-size:1rem; font-weight:700; line-height:135%}
.board_comment_sec .ct_date {color:#595959; font-size:1rem; font-weight:400; line-height:135%; margin-left:12px}
.board_comment_sec .ct_cont {color:#545454; font-size:1rem; font-weight:400; line-height:135%; text-align:left; width:100%; padding-right:4rem}
.board_comment_sec .btn_view_rp {color:#222; font-size:1rem; font-weight:700; line-height:135%; margin-top:1rem}
.board_comment_sec .btn_view_rp span {color:#284FA8; font-size:1rem; font-weight:700; line-height:135%; padding-left:4px; display:inline-block}
/* 댓글 옵션 */
.board_comment_sec .ct_option_wrap {position:absolute; top:2rem; right:.5rem; z-index:12}
.board_comment_sec .btn_more_ct {width:2rem; height:2rem; background:url(/static/images/common/btn_more_ct.png) no-repeat center/100% auto; display:block}
.board_comment_sec .ct_option {display:none; width:72px; padding:6px 10px; border-radius:12px; background:#FFF; box-shadow:4px 4px 10px 0 rgba(0,64,153,0.15); position:absolute; right:0; bottom:0; transform:translateY(100%)}
.board_comment_sec .ct_option li {padding:6px 4px}
.board_comment_sec .ct_option li:not(:last-child) {border-bottom:1px solid #D5DDEF}
.board_comment_sec .ct_option button {color:#545454; text-align:center; font-size:12px; font-weight:500; line-height:135%}
/* 대댓글 */
.board_comment_sec .rp_list {width:100%; flex:1; display:none}
.board_comment_sec .rp_list .rp_item {width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; flex-wrap:wrap; gap:1.25rem; padding:2rem 8px 2rem 5rem; border-bottom:1px solid #EAEEF7}
.board_comment_sec .rp_item .ct_profile_img {position:relative}
.board_comment_sec .rp_item .ct_profile_img::before {content:''; display:block; width:1.5rem; height:2rem; position:absolute; top:50%; left:-1rem; transform:translate(-100%,-50%); background:url(/static/images/common/ico_reply.png) no-repeat center/100% auto}
.board_comment_sec .rp_list .ct_write {padding:2rem 8px 1rem 5rem; border-bottom:1px solid #EAEEF7}
.board_comment_sec .ct_list .ct_item .ct_write,
.board_comment_sec .rp_list .rp_item .ct_write {padding:1rem 0 0 0; border-bottom:none}
@media screen and (max-width:1024px) {
    .board_comment_sec .inner {margin-bottom:11rem}
    .board_comment_sec .tit_wrap h2 {font-size:1.5rem; margin-bottom:8px}
    .board_comment_sec .tit_wrap h2 span {height:2rem; line-height:2rem; font-size:1rem}
    .board_comment_sec .ct_list .ct_item {padding:1.33rem 8px}
    .board_comment_sec .ct_info {width:calc(100% - 6.25rem)}
    .board_comment_sec .ct_profile {padding-right:3.33rem}
    .board_comment_sec .ct_cont {padding-right:3.33rem}
    .board_comment_sec .ct_write textarea {padding:1.33rem 1.66rem}
    .board_comment_sec .ct_profile_img {width:50px; height:50px; border-radius:20px}
    /* 대댓글 */
    .board_comment_sec .rp_list .rp_item {padding:1.66rem 8px 1.66rem 2.66rem}
    .board_comment_sec .rp_list .ct_write {padding:1.66rem 8px 0.66rem 2.66rem}
    .board_comment_sec .rp_item .ct_profile_img::before {width:16px; height:22px; left:-8px}
}/* sm~md */
/* ---------------------------- //공통 댓글 ------------------------------- */


/* --------------------------------공통 팝업 :공유하기, 신고하기-------------------------------- */
/*공유하기*/
#popup_all #popupShare .share_btn_wrap {display:flex; justify-content:center; gap:1.25rem; margin-top:1.5rem}
#popup_all #popupShare .share_btn_wrap a {display:block}
#popup_all #popupShare [class^="ico_"] {display:block; width:5rem; height:5rem; background-color:red}
#popup_all #popupShare .ico_kakao {background:url(/static/images/common/sns_kakao.png) no-repeat center/100% auto}
#popup_all #popupShare .ico_link {background:url(/static/images/common/sns_link.png) no-repeat center/100% auto}
#popup_all #popupShare .share_btn_wrap span {display:block; margin-top:0.5rem; line-height:135%; text-align:center; font-size:1rem; color:#545454; font-weight:500}
#popup_all #popupShare .btn_wrap {margin-top:2rem}
/*공유하기 매칭기부아닌경우*/
#popup_all #popupShareMatchingN .share_btn_wrap {display:flex; justify-content:center; gap:1.25rem; margin-top:1.5rem}
#popup_all #popupShareMatchingN .share_btn_wrap a {display:block}
#popup_all #popupShareMatchingN [class^="ico_"] {display:block; width:5rem; height:5rem; background-color:red}
#popup_all #popupShareMatchingN .ico_kakao {background:url(/static/images/common/sns_kakao.png) no-repeat center/100% auto}
#popup_all #popupShareMatchingN .ico_link {background:url(/static/images/common/sns_link.png) no-repeat center/100% auto}
#popup_all #popupShareMatchingN .share_btn_wrap span {display:block; margin-top:0.5rem; line-height:135%; text-align:center; font-size:1rem; color:#545454; font-weight:500}
#popup_all #popupShareMatchingN .btn_wrap {margin-top:2rem}
/*신고하기*/
#popup_all #popupReport .popup_inner {max-width:876px}
#popup_all #popupReport .title {text-align:center}
#popup_all #popupReport .sub_title {margin-bottom:1.25rem; font-size:1.25rem; font-weight:700; color:#222; line-height:135%}
#popupReport .profile_wrap {display:flex; align-items:flex-start; gap:1.25rem; margin:1.5rem 0; padding:2rem 1rem; text-align:left; background-color:#F5F7FB; border-radius:1.5rem}
#popupReport .profile_wrap figure {width:5rem; height:5rem; border-radius:1.875rem; border:1px solid #EAEEF7; background-position:center; background-repeat:no-repeat; background-size:75% auto; background-color:#ffffff; flex-shrink:0; flex-grow:0}
#popupReport .profile_wrap .text_wrap {display:flex; flex-wrap:wrap; gap:0.375rem 0.75rem; flex:1}
#popupReport .profile_wrap .text_wrap h6 {font-weight:700; line-height:135%; color:#222; font-size:1rem}
#popupReport .profile_wrap .text_wrap span {line-height:135%; color:#595959; font-size:1rem}
#popupReport .profile_wrap .text_wrap p {width:100%; font-size:1rem; line-height:135%; color:#545454}
#popupReport .input_wrap[data-layout="select"] {margin-bottom:1.5rem}
#popupReport .desc_wrap {margin-top:1rem}
#popupReport .desc_wrap li {display:flex; align-items:center; gap:0.5rem; text-align:left; font-size:1rem; color:#545454; line-height:135%}
#popupReport .desc_wrap li:not(:last-child) {margin-bottom:0.375rem}
#popupReport .desc_wrap p {flex:1}
/* --------------------------------//공통 팝업 :공유하기, 신고하기-------------------------------- */


/* --------------------------------no_list-------------------------------- */
section .no_list {padding:8.25rem 0; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; position:relative}
section .no_list figure {width:200px; height:200px; background-position:center; background-repeat:no-repeat; background-size:contain; background-image:url(/static/images/character/clover_08.png); margin:0 auto 2.5rem}
section .no_list .title {font-size:2rem; color:#222; font-weight:700; line-height:140%}
section .no_list .sub_tit {margin-top:0.375rem; font-size:1.25rem; color:#284FA8; font-weight:500; line-height:140%}
section .no_list .desc {font-size:1.25rem; color:#222; font-weight:600; line-height:135%}
section .no_list .btn_wrap {margin-top:3.5rem}
section .no_list .btn_type_01 {max-width:unset}
@media screen and (max-width:767px) {
    section .no_list {padding:1.85rem 0}
    section .no_list figure {width:120px; height:120px}
    section .no_list .btn_wrap {position:absolute; left:50%; bottom:2rem; width:100%; margin-top:0; transform:translateX(-50%)}
    section .no_list .btn_type_01 {width:100%}
}/* sm */
/* --------------------------------//no_list-------------------------------- */


/* --------------------------------detail fix button-------------------------------- */
.btn_fixed {position:fixed; left:0; bottom:0; width:100%; z-index:102}
.btn_fixed .inner {display:flex; align-items:center; justify-content:space-between; width:92%; max-width:1540px; padding:1.5rem 3.75rem 2rem; border-radius:1.875rem 1.875rem 0 0; box-shadow:4px 4px 20px 0px rgba(0, 64, 153, 0.20); background-color:#fff}
.btn_fixed .left {flex:1}
.btn_fixed .right {display:flex; gap:2rem}
.btn_fixed .btn_tit {font-size:1.75rem; font-weight:700; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden}
.btn_fixed .btn_group {padding:4px 8px; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:1rem}
.btn_fixed .btn_group > ul {display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:1rem}
.btn_fixed .btn_share,
.btn_fixed .btn_like,
.btn_fixed .btn_cmt {display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:0}
.btn_fixed .btn_group button span,
.btn_fixed .btn_group a span {color:#595959; font-size:1rem; font-weight:600; line-height:135%}
.btn_fixed button i,
.btn_fixed a i {width:32px; height:32px; display:block; background-position:center; background-repeat:no-repeat; background-size:100% auto}
/*웹x*/
/*.btn_fixed .btn_share i {background-image:url(/static/images/common/ico_share.svg)}*/
/*.btn_fixed .btn_like i {background-image:url(/static/images/common/ico_like.svg)}*/
/*.btn_fixed .btn_cmt i {background-image:url(/static/images/common/ico_cmt.svg)}*/
.btn_fixed .btn_share i {background-image:url(/static/images/temp/ico_share.svg)}
.btn_fixed .btn_like i {background-image:url(/static/images/temp/ico_like.svg)}
.btn_fixed .btn_cmt i {background-image:url(/static/images/temp/ico_cmt.svg)}
.btn_fixed .btn_link {width:12.5rem}
.btn_fixed .btn_apply {max-width:100%; width:100%; min-width:unset}
.btn_fixed .btn_like.on i {background-image:url(/static/images/common/ico_like_on.svg)}
.btn_fixed .btn_like.on span {color:#0547E0; font-weight:600}
@media screen and (max-width:1380px) {
    .btn_fixed .inner {padding:1.5rem 2rem 2rem}
    .btn_fixed .right {gap:1rem}
    .btn_fixed .btn_tit {font-size:1.5rem}
}/*lg*/
@media screen and (max-width:1100px) {
    .btn_fixed .inner {padding:1rem 1.5rem 1.5rem}
    .btn_fixed .btn_tit {font-size:1.25rem}
}
@media screen and (max-width:1024px) {
    .btn_fixed .inner {flex-direction:column; width:100%; padding:0.33rem 1.33rem 1.33rem}
    .btn_fixed .left {display:none}
    .btn_fixed .right {flex-direction:column; gap:0.5rem; width:100%}
    .btn_fixed .btn_link {width:100%; flex:1}
}
/* --------------------------------//detail fix button-------------------------------- */


#popupImg .popup_inner {max-width:540px; padding:56px 2rem 2rem}
#popupImg figure {border-radius:1.875rem; overflow:hidden}
#popupImg figure img, #popupImg figure canvas {display:block; width:100%}
#popupImg .btn_popup_close[data-layout="icon"] {top:1rem; right:1rem}
#popupImg .btn_wrap {margin-top:1.875rem}
@media screen and (max-width:1024px) {
    #popupImg figure {border-radius:1.25rem}
}


@media screen and (max-width:1024px) {
}/* sm~md */
@media screen and (min-width:767.1px) and (max-width:1024px) {
}/* md */
@media screen and (max-width:767px) {
}/* sm */
@media (hover:hover) {
}/* hover */