body {color:#010101}
@media only screen and (min-width: 391px) and (max-width: 500px) {
    html,
    body {
        font-size: 13px;
    }
}

/* 공통 ===== */
.txtBlue02 {color:#0c58ca !important}
.txtBlue03 {color:#1039a1 !important}
.red {color:#f90f00 !important}

:root   {
    --pastel-pink-1: #fd739c !important;
    --pastel-pink-2: #f14c7d !important;
    --pastel-blue-1: #4382f0 !important;
    --pastel-blue-2: #1c61d9 !important;
}
.color-pink-2   {color: var(--pastel-pink-2);}
.color-blue-2   {color: var(--pastel-blue-2);}
.bg-pink-1    {background-color: #fff0f4 !important;}
.bg-blue-1    {background-color: #e5efff !important;}
.btn-blue-1     {
    background-color: var(--pastel-blue-1) !important;
}
.btn-pink-1     {
    background-color: var(--pastel-pink-1) !important;
}


/* header ====== */
#header {height:68px}
#header .header-quickmenu-box .top-box .logo {width:136px; height:40px;}
#header .header-quickmenu-list li a {gap:8px; font-size: 1.1rem;}
#header .header-quickmenu-list-box .icon {min-width: 24px;}
#header .header-quickmenu-list-box .icon-sp.ic_quickmenu_pouch::before {background:url(../../images/tot/logo.png) no-repeat center / contain;}
 /* pc */
 @media screen and (min-width: 992px){
    #header .header-quickmenu-list li a {font-size: 18px;}
    #header .header-quickmenu-list-box .icon {min-width: 32px;}
 }
/* modile */
@media screen and (max-width: 991px){
    #header .header-wrapper {border-bottom:1px solid #eee;}
}

/* footer ===== */
#shortcutBar .service__bars-container .swiper-slide {width: auto;}
#footer .footer-top.totFooter {flex-direction:column}
/* modile */
@media screen and (max-width: 999px) {
    .drop-box-con {z-index: 2;}
}



/* location */
#subMenu {display: none; border-color:#eee; background: #f8f8f8;}
.sub-menu-depth {border-color:#eee;}
.current-menu:hover span {color:#0c58ca;}
.current-menu span {color:#101010;}
.current-menu::after {border-color:#101010; border-width: 1px;}
.sub-menu-wrap .home i {color:#555;}
.sub-menu-depth ul {border-radius: 0 0 16px 16px; box-shadow: 0 10px 20px rgba(0,0,0,.05);}
.sub-menu-depth ul a:hover {color:#0c58ca;}

/* icon ====== */
.ico_bottom_24x24,
.ico_bottom_24x24.thin {width:24px; height:24px; background: url(../../images/tot/icon_down.png) no-repeat center / contain; background-position: center;}
.ico_close_28x28 {width:24px; height:24px; background: url(../../images/tot/icon_x.png) no-repeat center / contain;}

/* layout ====== */
.col-12.box_comm {padding:0;}
.col-12.box_comm .grp_hello .mark:before {display: none;}
.grp_hello .tit_comm .txt_l {color:#0c58ca;}

.contents > .box_gray {background-color: transparent;}

.grp_apply {margin-top:40px}
.container .area_comm .grp_apply:first-child {margin-top:40px;}

@media screen and (min-width: 1100px){
    .contents:not(.totWebContents),
    section.container {overflow:hidden; width:100%; max-width: 1100px; margin:60px auto; padding:60px 0; border:1px solid #d8dfe6; border-radius: 24px; box-sizing: content-box; box-shadow:0 0 20px 0 rgba(0,0,0,0.06)}
    .contents:not(.totWebContents) .col-12 {padding:0 40px;}

    .grp_hello .tit_comm {font-size:30px; line-height: 42px; text-align: center; letter-spacing: -.9px;}
    .col-12.box_comm .txt_comm {text-align: center;}


    .inner_square + .box_asterisk {margin-left:30px;}
}

@media screen and (max-width: 1100px) and (min-width: 991px){
    section.container,
    .contents:not(.totWebContents) {padding:60px 0;}
}

/* modile */
@media screen and (max-width: 991px){
    .contents .container {padding:40px 20px; margin:0 auto; min-height: 1800px;}
    section.container {min-height: 1800px;}
    section.container {padding:40px 20px;}
    .inner_gravity{padding: 0 20px 30px;}
}



/* 버튼 ======= */
.btn_comm {background-color: #0c58ca;}
/* .btn_comm:hover:not(:disabled, .toast_footer .btn_comm),
.btn_comm:focus:not(:disabled, .toast_footer .btn_comm) {background-color: #0044a9;} */
.btn_comm span {font-size:1rem}

.btn_comm[disabled] {pointer-events: none; color:#fff; background-color: #d8dfe6;}

.btn_comm.full,
.btn_comm.idle.full,
.btn_comm.active.full {height:48px; padding:0 10px; border:1px solid transparent; border-radius: 8px; line-height: 1.2;}
a.btn_comm.full {display: flex; align-items: center; justify-content: center;}

/* .btn_comm.active {padding:16px 8px; border:2px; border-radius: 8px;} */

.btn_comm.normal.full {height:48px; padding:0 10px; border: 1px solid #0d6fb8;}
.btn_comm.normal.full > span {color:#0d6fb8; font-size:1.3rem;}

.btn_comm.soft.full {padding: 8px 5px; border: 1px solid #dddfe4;}
.btn_comm.soft.full > span {color:#4d4f5b; font-size:1.1rem;}

.btn_comm.idle {border: 1px solid #0c58ca; background-color: #fff;}
.btn_comm.idle > span {color: #0c58ca;}
.btn_comm.idle:hover:not(:disabled),
.btn_comm.idle:focus:not(:disabled) {background-color: #f5f9fd}

.grp_half .btn_comm.full {background-color: #333;}
.grp_half .btn_comm.full.idle {background-color: #0c58ca;}
.grp_half .btn_comm.full.idle > span {color:#fff;}

.btn_comm.small span {font-size:1.1rem}

.btn_comm.full:not(.soft):hover {background-color: #0044a9;}
.btn_comm.normal.full:hover {background-color: #e6f3ff;}

.grp_half .btn_comm.full:hover {background-color: #555;}
.grp_half .btn_comm.full.idle:hover {background-color: #0044a9;}

.btn_comm.active:focus {border:0;}

.totBtn__line {display:inline-block; text-decoration: underline; line-height: 1.2; font-size:1rem; color:#555; vertical-align: middle;}
.totCom_lineLink {font-size:1rem; color:#555; text-decoration: underline;}
.totCom_lineLink:hover,
.totCom_lineLink:active,
.totCom_lineLink:visited,
.totCom_lineLink:link {text-decoration: underline;}

 /* pc */
@media screen and (min-width: 992px){
    .grp_gravity {margin-top: 40px;}
    .grp_gravity .inner_half .btn_comm span {font-size:20px;}

    .btn_comm.normal.full {height:64px;}
    .btn_comm.normal.full > span,
    .btn_comm.full > span {font-size:22px;}
    .btn_comm.full > span br {display: none;}

    .btn_comm.full,
    .btn_comm.idle.full,
    .btn_comm.active.full {height:64px;}

    .totWebContentsBox > .grp_gravity {margin:40px 40px;}
}

/* 참조 */
.totTextRef {display: block; position: relative; padding-left:22px; font-size: 1rem; color:#555; letter-spacing: -.35px; word-break: keep-all;}
.totTextRef::before {content: ''; display: block; position: absolute; left:0; top:3px; width:16px; height:16px; line-height: 16px; border-radius: 100%; text-align: center; font-size:14px; background:url(../../images/tot/icon_ref.png) no-repeat center / contain }
@media screen and (min-width: 992px){
    .totTextRef::before {top:5px; width:18px; height:18px; line-height: 18px;}
}
/* 툴팁 */
.totTooltip {display: inline-block; vertical-align: middle; line-height: 1;}
.totTooltip__btn {display: inline-block; width: 20px; height:20px; border:0; border-radius: 100%; vertical-align: middle; background: url(../../images/tot/icon_tooltip.png) no-repeat center / contain;}
.totTooltip__body {display: none; position: absolute; z-index: 9; left:50%; transform: translateX(-50%); width:280px; padding:20px 32px 20px 20px; border:1px solid #159ede; border-radius: 16px; box-sizing: border-box; line-height: 1.5; background-color:#f5f9fd;}
.totTooltip__cont {text-align: left; font-weight: 400;}
.totTooltip__close {position: absolute; top:20px; right:12px; display: block; width:20px; height:20px; border:0; background:url(../../images/tot/btn_tooltip_cls.png) no-repeat center / 20px 20px;}
.totTooltip.open .totTooltip__body {display: block;}

@media screen and (min-width: 500px){
    .totTooltip__body {left:auto; transform: translateX(-20px);}
}

/* top btn */
.totBtn__top {transition: .5s transform; transform: translateY(200px); position: fixed; z-index:10; bottom:20px; right:20px; width:48px; height:48px; padding-top:10px; border:0; border-radius: 100%; background-color: rgba(17, 17, 17, 0.5);}
.totBtn__top > span {color:#fff; font-weight: 700;}
.totBtn__top::before {position: absolute; left:50%; content: ''; display: block; width:10px; height:10px; border:3px solid #fff; border-right:0; border-bottom: 0; opacity: .5; transform: rotate(45deg) translateX(-80%); box-sizing: border-box;}
.totBtn__top.show {display: block; transform: translateY(0);}

/* form ===== */
/* checkbox */
.box_inp .lab_chk {display: flex; align-items: flex-start;}
.box_inp .inp_chk {width:24px;height:24px;}
.lab_chk .ico_check_24x24 {width:24px; min-width: 24px; height:24px; background: url(../../images/tot/inp_checkbox.png) no-repeat 0 0 / 24px auto;}
.lab_chk .txt_chk {display: inline-block; vertical-align: middle; padding-left:12px; font-size:1.2rem; line-height: 1.4;}
.inp_chk:checked + .lab_chk .ico_check_24x24.thin,
.inp_chk:checked + .lab_chk .ico_check_24x24 {background-position: 0 -48px;}

/* pc */
@media screen and (min-width: 992px){
    .lab_chk .txt_chk {font-size:16px;}
}


/* radio */
.inp_chk[type="radio"] + .lab_chk .ico_check_24x24 {margin-top:0; background: url(../../images/tot/inp_radio.png) no-repeat 0 0 / 24px auto;}
.inp_chk[type="radio"] + .lab_chk .ico_check_24x24.small {margin-top:0; background: url(../../images/tot/inp_radio.png) no-repeat 0 0 / 20px auto;}
.inp_chk[type="radio"]:checked + .lab_chk .ico_check_24x24.thin,
.inp_chk[type="radio"]:checked + .lab_chk .ico_check_24x24 {background-position: 0 -48px;}
.inp_chk[type="radio"]:checked + .lab_chk .ico_check_24x24.small {background-position: 0 -40px;}

/* radio btn */
.box_gravity .inp_gravity + .lab_gravity {display: inline-flex; align-items: center; justify-content: center; min-width: 70px; height:48px; padding:0 5px; color:#666; text-align: center; line-height: 1.2;}
.box_gravity .txt_gravity {font-size:1.2rem;}
.box_gravity .inp_gravity:checked + .lab_gravity {color:#0c58ca; border-color:#0c58ca; font-weight: 700; background-color: #f5f9fd;} /* [웹접근성수정] 20240909 : 명도대비 수정  */
.grp_tf .grp_choice {margin:-8px 0 0 -8px;}
.grp_choice .box_gravity {margin:8px 0 0 8px}
/* pc */
@media screen and (min-width: 992px){
    .box_gravity .inp_gravity + .lab_gravity {width:120px; box-sizing: border-box;}
    .grp_tf .grp_choice {margin:12px 0 0 0; padding:0;}
    .grp_choice .box_gravity {margin:0;}
    .grp_choice .box_gravity + .box_gravity {margin-left:10px;}
    .box_gravity .txt_gravity {font-size:16px;}
}

/* radio */
input[type="radio"] {width:24px; height:24px;}
.box_gravity .inp_gravity {visibility: visible; width:100%; height:100%;}

/* input */
.box_tf .tf_l {height: 48px; padding:5px 15px; border: 1px solid #d8dfe6; border-radius: 8px; color:#000; font-size:1.2rem;}
.box_tf .tf_l::placeholder {position: relative; top:-3px; font-size:14px; color:#adb5bd;}
.box_tf .tf_l:focus {border:1px solid #159ede;}
.box_tf .tf_l:disabled,
.box_tf .tf_l:read-only {border-color: #ddd; color: #101010;background-color: #fafafa; cursor: not-allowed;}
.grp_tf .tf_l[readonly]:focus ,
.grp_tf .tf_l[readonly].clear:focus {border-color:#159ede;}

.box_tf .txt_unit {top:50%; transform: translateY(-50%); right:16px; font-size:1.1rem;}

.grp_tf .box_tf {margin-top:10px}
.grp_tf .lab_comm,
.grp_tf .txt_tf {font-size:1.2rem; color:#010101; font-weight: 500;}
.grp_tf .emph_comm {display: block; margin-top:12px; font-size:1rem;}
.grp_tf .emph_idle {font-size:1rem}
.box_tf + .box_inp {margin-top:1rem}

.box_tf .tf_l::-webkit-input-placeholder {color: #adb5bd;}
.box_tf .tf_l::-moz-placeholder {color: #adb5bd;}
.box_tf .tf_l:-ms-input-placeholder {color: #adb5bd;}
.box_tf .tf_l:-moz-placeholder {color: #adb5bd;}

.grp_tf .grp_half {margin-top:0;}

.grp_half .txt_hyphen {height:1px;}
.grp_tf .emph_comm {color:#F90F00;}

.grp_tf .box_tf ~ .emph_comm,
.grp_tf .box_tf ~ .emph_success,
.grp_tf .box_tf ~ .emph_idle,
.grp_tf .grp_half ~ .emph_comm,
.grp_tf .grp_half ~ .emph_success,
.grp_tf .grp_half ~ .emph_idle {
  margin-top: 12px;
}

/* date */
.totForm_date {padding-right:5rem; background: url(../../images/tot/ic_outline_cal.svg) no-repeat right 1.6rem center / 24px 24px;}

/* pc */
@media screen and (min-width: 992px){
    .grp_tf .lab_comm, .grp_tf .txt_tf {font-size:18px;}
    /* .grp_tf .emph_comm {font-size:14px;} */
    .box_tf .tf_l {font-size:16px;}

    .box_tf .tf_l::placeholder {font-size:16px;}
}

/* select */
.btn_toast {height: 48px; margin-top:10px; padding:5px 15px; border: 1px solid #d8dfe6; border-radius: 8px; font-size:1.2rem; color:#000}
.btn_toast .ico_kinfa {top:12px; right:12px;}

.grp_opt {height:48px; margin-top:10px; border: 1px solid #d8dfe6; border-radius: 8px; font-size:1.4rem;}
.grp_opt .lab_comm {top:50%; bottom:auto; transform: translateY(-50%); padding:0 15px;}
.grp_opt .txt_comm {font-size:1rem}
.grp_opt .ico_kinfa {top:50%; right:15px; transform: translateY(-50%);}
.grp_opt .opt_comm {font-size:1rem;}

/* pc */
@media screen and (min-width: 992px){
    .btn_toast {font-size:16px;}
}

/* picker */
.grp_picker .inp_chk:checked + .lab_chk .txt_chk {color:#0c58ca;}

/* pc */
@media screen and (min-width: 992px){
    .grp_picker {margin:0; padding:40px;}
    .layer_area.active .toast_container .grp_picker .inner_scroll {padding:0;}
}

/* 인증 타이머 */
.grp_tf .box_timer {top:5px; right:5px;}
.grp_tf .box_timer .btn_comm > span {color:#fff; font-size: 1.1rem; line-height: 38px;}
.grp_tf .box_timer .btn_comm,
.grp_tf .box_timer .btn_comm.small {height:38px; padding:0 10px; border-radius: 8px;}

/* pc */
@media screen and (min-width: 992px){

}

/* modile */
@media screen and (max-width: 991px){
    .box_tf .box_asterisk [class*='ico_asterisk'] + [class*='ico_asterisk'] {
        margin-left:-1px;
      }
}


/* popup ====== */
.layer_area.active .layer_header {height:56px; line-height: 56px; text-align: center; font-size:20px; font-weight: 500;}


.toast_header .emph_toast {font-size: 20px; color:#010101; font-weight: 500;}

.toast_container {padding:24px 0 0; margin-top:0;}
.toast_container .outer_scroll {margin-top:0;}

/* alert */
.layer_area.alert .layer_header {display: none;}
.layer_area.alert .layer_container {margin-top:0}
.box_alert .emph_alert {color:#010101;}


/* pc */
@media screen and (min-width: 992px){
    .layer_area.active {overflow: hidden; right:auto; bottom:auto; width:720px; height:auto; border-radius: 16px;}
    .layer_area .inner_area {padding-bottom:60px}

    .layer_area.active .layer_header {height:64px; line-height: 64px; border-bottom: 1px solid #d8dfe6;}

    .layer_container {overflow-y: auto; height:auto; max-height: calc(100vh - 210px);}
    .layer_footer {top:8px; right:40px;}

    /* toast */
    .layer_area.toast.active {width:720px; height:auto;}
    .layer_area.toast .inner_area {padding:0 0}
    .toast_header .emph_toast {display:block; width:100%; height:64px; line-height: 64px; border-bottom: 1px solid #d8dfe6; text-align: center;}
    .toast_header .emph_toast + .txt_toast {margin-top:40px; font-size: 24px; color:#010101; font-weight: bold; text-align: center;}
    .toast_container {overflow-y:auto; height:auto; margin-top:0; padding:40px 40px 60px;}
    .toast_footer {top:20px; right: 40px;}

    /* alert */
    .layer_area.alert.active {width:512px;}
    .layer_area.alert .area_comm {padding:0;}
}
/* moblie */
@media screen and (max-width: 991px) {
    /* .layer_container {padding-top:56px} */

    /* toast */
    .layer_area.toast .inner_area {padding:40px 20px;}

    /* alert */
    .layer_area.alert .inner_area {width:90vw;}

}


/* 약관동의 ===== */
.box_inp.all {display: block; padding:16px 16px; border-radius: 12px; background-color: #eaf0f7;}
.box_inp.all .inp_chk {left:16px; top:16px;}
.box_inp .lab_chk {vertical-align: middle;}
.box_inp.all .txt_chk {padding-left:12px; font-size:18px; line-height: 1.2; font-weight: 700;}
.box_inp.thin .txt_chk {margin:0; font-size:14px;}
.list_agree.small li.tit {margin-bottom:2.4rem; font-size:14px; color:#182024; font-weight: 600;}
.list_agree.small li {font-size:14px;}
.list_agree.small li + li {margin-top:16px}
.list_agree.small li + li.tit {margin-top:4rem}
.list_agree .box_l {margin:16px 0;}
.list_agree .box_l .inner_l {margin-left:0}
.list_agree .box_l .box_inp.children {margin-left:16px;}

.list_agree .link_comm {top:50%; transform: translateY(-50%);}
.terms-view.link_comm .ico_kinfa.ico_right_24x24 {background-position: -33rem -6rem; opacity: .5;}


.totAgrCont .grp_apply + .grp_apply {margin-top:40px; padding-top:40px; border-top:1px solid #eee;}
.totAgrCont .totTextRef {margin-top:8px; padding-left:0;}
.totAgrCont .totTextRef::before {display: none; }
.box_inp.all + .totAgreeAccoWrap {margin-top:40px;}
.totAgreeAccoWrap .list_agree .link_comm {z-index: 5;}
.totTextRef + .box_inp.all {margin-top:12px;}
.totAgrAcc__area ~ .totAgrAcc__area {margin-top:24px;}
.totAgrAcc__head {position: relative;}
.totAgrAcc__head .tit_comm,
.totAgrAcc__head .box_inp.totThick .txt_chk {padding-right:36px; font-weight: 500; font-size:1.2rem; color:#1b2024; word-break: keep-all;}
.totAgrAcc__head .box_inp.thin {display: block;}
.totAgrAcc__head .box_inp.thin .txt_chk {color:#1b2024; font-weight: 600;}
.totAgrAcc__head .link_comm {position: absolute; z-index: 2; right:0; top:0;}
.totAgrAcc__head .link_comm.open .ico_bottom_24x24.thin {background: url(../../images/tot/icon_up.png) no-repeat center / contain; background-position: center;}
.totAgrAcc__body {display:none; margin-top:12px; padding:10px 16px; border:1px solid #eee; border-radius: 12px; background-color: #fafafa;}

.totAgrAcc__inArea {padding:12px 0;}
.totAgrAcc__inArea + .totAgrAcc__inArea {border-top:1px solid #eee;}
.totAgrAcc__inHead {position: relative;}
.totAgrAcc__inHead .tit_comm {padding-right:36px; font-weight: 500; font-size:14px; color:#1b2024; word-break: keep-all;}
.totAgrAcc__inHead .tit_btn {display: block; width: calc(100% - 30px); border:0; text-align: left; font-weight: 500; font-size:14px; color:#1b2024; word-break: keep-all; background-color: transparent;}
.totAgrAcc__inHead .arg__view {display: inline-block; margin-left:4px; text-decoration: underline; color:#0c58ca}
.totAgrAcc__inHead .link_comm {position: absolute; right:0; top:0;}
.totAgrAcc__inHead .link_comm.open .ico_bottom_24x24.thin {background: url(../../images/tot/icon_up.png) no-repeat center / contain; background-position: center;}
.totAgrAcc__inBody ul.small {overflow-y: auto; max-height:122px; font-size:100%;}
.totAgrAcc__inBody ul::-webkit-scrollbar {display: block; width:3px;}
.totAgrAcc__inBody ul::-webkit-scrollbar-thumb {border-radius: 3px; background-color: rgba(0,0,0,.1);}
.totAgrAcc__inBody .box_inp.thin .txt_chk {padding-right:36px; font-size:13px; word-break: keep-all; color:#555;}
.totAgrAcc__inBody .link_comm {top:3px; right:3px; font-size:12px; color:#555; text-decoration: underline;}
.totAgrAcc__inHead + .totAgrAcc__inBody {display: none; margin-top:12px; padding:12px 0 0; border-top:1px solid #eee;}

.totAgrFoot .txt_comm {margin-top:40px; font-size: 16px;}
.totTextRef + .totAgreeAccoWrap,
.grp_hello + .totAgreeAccoWrap {margin-top:24px;}

/* pc */
@media screen and (min-width: 992px){
    .box_inp.all + .totAgreeAccoWrap {margin-top:32px;}
    .box_inp.all .txt_chk {font-size:20px; font-weight: 500;}

    .list_agree .box_l {margin:24px 0 16px 24px;}

    .totAgrCont .area_comm {padding-right:calc(40px - 0.8rem);}
    .totAgrCont .grp_hello + .grp_apply {margin-top:32px;}

    .totAgrAcc__body {margin-top:16px;}
    .totAgrAcc__head .tit_comm, .totAgrAcc__head .box_inp.totThick .txt_chk {font-size:16px;}
    .totAgrAcc__inHead .tit_btn {font-size:16px}
    .totAgrAcc__inBody .box_inp.thin .txt_chk {font-size:14px;}

    .totAgrCont .grp_hello .tit_comm2 {font-size:18px;}
    .totAgrCont .totTextRef {font-size:14px;}

    .totAgrAcc__inHead + .totAgrAcc__inBody {margin-top:16px; padding-top:16px;}
    .totAgrFoot .txt_comm {font-size:18px;}

    /* .totAgrCont .totTextRef + .totAgreeAccoWrap {margin-top:72px;} */

    .kcb_layer_container {padding:40px 0 154px;}
}
/* mobile */
@media screen and (max-width: 991px) {
    .totAgrCont {padding-bottom:110px;}
}

/* 마이페이지 ====== */
.grp_gnb {padding-top:0}
.grp_gnb .tit_gnb {padding-left:0; color:#0c58ca;}
.list_gnb .txt_gnb {font-size:1.4rem; color:#010101;}
.grp_gnb .list_gnb li {margin:0; padding:24px 0; border-bottom:1px solid #eee;}

.grp_gnb .list_gnb {border-bottom: 0;}
.grp_gnb .tit_gnb + .list_gnb {padding:0;}
.grp_gnb .tit_gnb ~ .tit_gnb {margin-top:60px;}
.grp_profile + .grp_gnb {margin-top:60px;}

.grp_hello + .grp_gnb {padding-top:40px}

.grp_profile {padding:0 0 2.2rem;}
.grp_profile .emph_profile {font-size:1.4rem}

.box_dongle .stick_dongle {background-color: #bbb;}
.box_dongle .inp_dongle:checked + .stick_dongle {background-color: #0c58ca;}

.list_decimal .emph_caution {font-size:1rem; color:#010101;}
.list_decimal .list_bullet {padding:16px; border-radius: 12px; background-color: #f8f8f8;}
.grp_receive .list_receive .box_inp .txt_chk {font-size:1rem;}

/* .popup_myp_m_01041100_alert.layer_area.active .layer_header {display: none !important;}
.popup_myp_m_01041100_alert.layer_area.alert .layer_container {margin-top:0}
.popup_myp_m_01041100_alert.layer_area.alert .area_comm {padding:0;} */

/* pc */
@media screen and (min-width: 992px){
    .grp_gnb {padding:0 40px;}
    .grp_profile {margin:0 40px 2.4rem; padding:0 0 2.4rem;}

    section.container .area_comm {padding:0 40px;}
}
/* mobile */
@media screen and (max-width: 991px) {
    /* .grp_gnb {padding:40px} */
}

/* 인증번호 입력 ===== */
.totWebCertiCheck .btn_comm.active {height:48px; padding:0 8px; border:2px; border-radius: 8px; background-color: #7d8890;}
.totWebCertiCheck .btn_comm.active:hover {background-color: #687178;}
.totWebCertiCheck .box_tf > input {width:calc(100% - 6.8rem);}
.totWebCertiCheck .grp_tf .box_timer {top:1px; right:0;}
.totWebCertiCheck .totBtn__line {margin:0 32px 0 16px;}

/* mobile */
@media screen and (max-width: 991px) {
    /* 휴대폰인증 버튼 asis */
    .box_gray > .container {min-height: 0;}
    .box_gray > .container .btn_comm.soft.full.thick {position:fixed; bottom:30px; left:20px; right:20px; z-index: 15; width: auto; height:80px; padding:0;}
    .box_gray > .container .btn_comm.soft.full.thick > span {font-size:2rem}
}

/* asis 로그인 20240831 추가 */
.login .list_pipe {margin-top:20px; text-align: center;}
.login .grp_hello .tit_comm {text-align: center;}
.login .row .row .area_comm:last-child .grp_apply:first-child {margin-top:16px}

/* pc */
@media screen and (min-width: 992px){
    .login .col-12.box_comm {padding:0 60px;}
}


/* [s]전체 메뉴 ===== */
/* 전체메뉴 */
#header .header-units {display: block;}

/* 로고 */
#header .header {border-bottom: 0;}
#header .header-quickmenu-box .top-box h1 { margin: 0; line-height: 1; font-size: 1rem; padding:19px 0 18px;}
/* #header .header-quickmenu-box .top-box .logo {height:30px;} */
#header .header-top {padding:0;}
.all-menu-con {padding:32px 0; gap: 32px;}
.all-menu-container>.content-container {padding-right: 20px; padding-left: 20px;}

.gnb-1depth .icon-sp.ic_chevron_down_black::before {display: block;}
.icon-sp.ic_gnb_01::before {/*background-position: 88% 0;*/ background: url(../../images/tot/logo.png) no-repeat center / contain;}
.icon-sp.ic_gnb_04::before {background-position: 47.6% 0;}
.icon-sp.ic_gnb_07::before {background-position: 49.95% 0}
.all-menu-item .gnb-depth-box .gnb-1depth .tit {gap:12px;}
.all-menu-item .gnb-depth-box .gnb-1depth .tit .icon {width:28px; height:28px;}
.gnb-1depth .title4 {font-size: 20px;}

#header .header-top.mobile-ver {height:60px !important;}
#header .header-top.mobile-ver .container {padding-right: 20px; padding-left: 20px;}
#header .header-top.mobile-ver .header-top-unit-list {gap:12px;}
#header .header-top.mobile-ver .header-top-unit-list li a {font-size: 14px; color:#666; gap:3px;}
#header .header-top.mobile-ver .btn_img img {height:16px; width:16px;}

/* pc */
@media screen and (min-width: 992px){
    /* 전체메뉴 */
    #header .header-units,
    .all-menu-container.active {display: none;}

    /* 로고 */
    #header .header-quickmenu-box .top-box h1 { margin: 0; line-height: 1; font-size: 1rem; padding:20px 0 18px;}
    /* #header .header-quickmenu-box .top-box .logo {height:41px;} */
    #header .header-top {padding:0;}
}
/* mo */
@media screen and (max-width: 991px){
    /* .all-menu-container.active {z-index: 99999;} */
}
/* [e]전체 메뉴 ===== */

/* 회원가입 - 본인인증 , 로그인 - 아이디찾기*/
.img-slice {width:113px; margin: 0 auto 24px;}
.img-slice.big {width:167px;}
.img-slice.small {width:148px;}
.box-layout.box_gray {margin:40px 0; background: none; padding:0;}
.box-layout.box_gray .col-lg-6 {max-width: none; width: 100%; flex-basis: auto;}
.box-layout.box_comm {text-align: center;}
.box-layout .list_background {background: none; padding-bottom: 0;}
.box-layout .list_gravity {padding-left: 25px; padding-right: 25px;}
.list_background.none {padding-top: 0;}
.box-layout .grp_hello .tit_comm .txt_l,
.box-layout .grp_hello .tit_comm .emph_l {word-wrap: break-word; color: #0c58ca; }
.btn_comm.full.w-50 {max-width: 480px; min-width: 480px; align-items: center; display: flex; justify-content: center; margin: 0 auto;}
.contents.special {padding:80px 0;}

.equal-list {display: flex;}

.grp_hello .tit_comm.v1 {font-size: 30px;}
.title.v2 {font-size: 18px; margin-top: 40px;}
.title.v2 + .equal-list {margin-top: 12px;}
/* 마이페이지 세팅 */
.setting {padding-bottom: 40px;}
.setting .equal-list { flex-direction: row-reverse; align-content: center;  align-items: center; justify-content: flex-end; border:1px #eaf0fe solid; background: #f5f9fd; padding:20px 24px; border-radius: 8px; gap: 16px; position: relative;}
.setting .equal-list dt {font-size: 20px; font-weight: 400;}
.setting .equal-list dd {margin-bottom: 0;}
.setting .equal-list dd img {width:48px; height:48px; min-width: 48px;}
.setting .equal-list + .equal-list {margin-top: 20px;}
.setting .equal-list.v1 {margin-top: 40px;}
.setting .equal-list .link::before {content: ''; position: absolute; top:50%; right:24px; width:40px; height:40px; background: url(../../images/tot/icon_up.png) no-repeat center; transform: rotate(90deg); margin-top: -20px; background-size: 25px 25px;}
.setting .equal-list .link {display: block; width:100%; height: 100%; position: absolute; top:0; left:0;}
/* mo */
@media screen and (max-width: 991px){
    .box-layout.box_comm {padding-bottom: 0;}
    .contents.special {padding:0;}
    .btn_comm.full.w-50 {width: 100% !important; min-width: auto; max-width: none;}

    .box-layout .list_gravity .btn_comm.full{ position: fixed; bottom: 1rem; left: 1rem; right: 1rem; width: calc(100% - 2rem);}

    /* 마이페이지 세팅 */
    .setting .equal-list {padding:10px 64px 10px 12px;}
    .setting .equal-list + .equal-list {margin-top: 10px;}
    .setting .equal-list.v1 {margin-top: 20px;}
    .setting .equal-list dt {font-size: 16px;}
    .setting .equal-list .link::before {right:5px;}

    /* 마우스 우클릭 방지 */
    . div, main,body  {
    -webkit-touch-callout: none !important;
	 -moz-user-select -moz-none !important;
     -ms-user-select: none !important;
	 user-select: none !important;
     }
}

/* check box s */
.totWebJuminChecked .box_inp .lab_chk,
.popup_choose_from .box_inp .lab_chk {display: flex; align-items: flex-start;}
.popup_choose_from .grp_tf_add  {
    margin: 8px 30px 0;
    width: initial;
    max-width: 360px;
    line-height: 0;
}
.lab_chk .ico_check_24x24.small {width:20px; min-width: 20px; height:20px; background: url(../../images/tot/inp_checkbox.png) no-repeat 0 0 / 20px auto;}

@media screen and (min-width: 992px)    {
    .totWebJuminChecked .box_inp .lab_chk,
    .popup_choose_from .box_inp .lab_chk {display: flex; align-items: center;}
    .popup_choose_from .grp_tf_add  {
        width: 57%;
    }
}
@media screen and (max-width: 999px)    {
    .lab_chk .txt_chk   {font-size: 16px;}
}
@media screen and (max-width: 500px)    {
    .lab_chk .txt_chk   {font-size: 1.2rem;}
}
/* check box e */



/* 2502 복합 지원 s */
.btn_comm:has(.btn_img_add) {
    width: 60%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn_comm.btn_comm_img .btn_img_add  {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.btn_comm.btn_comm_img .btn_img_add .logo_img  {width: 50px;}
@media (max-width: 1200px)   {
    .btn_comm:has(.btn_img_add) {
        width: 100%;
    }
    .btn_comm.btn_comm_img .btn_img_add span {font-size: 1.2rem;}
    .btn_comm.btn_comm_img .btn_img_add .logo_img  {width: 36px;}
    /* .btn_comm.btn_comm_img {height: 64px;} */
}

.sup-plus   {
    margin-top: -14px;
    vertical-align: text-top;
    line-height: 1;
}
/* 2502 복합 지원 e */