@charset "utf-8";

/*--------------------------------------------------------------------------------
  * @ 파일 :ct.css
  * @ 구분 :개인사업자 인증센터 신규 
  ---------------------------------------------------------------------------------*/

/* COMMON */
.pcc_pd {padding:0 2rem}
.section .sec_pdTopNone {padding:0 2rem 2.4rem}  
.pcc_clear {content:'';display:block;clear:both}
img {image-rendering:-webkit-optimize-contrast}

/* 포인트 컬러 */
.color_txtGray1 {color:#848a92 !important}
.color_txtGray2 {color:#999 !important}
.pcc_txtWhite {color:#fff !important}
.pcc_point1 {color:#1490ef !important}
.pcc_point2 {color:#e5483d !important}
.pcc_point3 {color:#1056c3 !important}
.pcc_gray8 {color:#d5dbe3 !important}
.pcc_gray10 {color:rgba(255,255,255,0.7) !important}

/* 폰트 */
.font13 {font-size:1.3rem !important}
.font14 {font-size:1.4rem !important}
.font15 {font-size:1.5rem !important}
.font16 {font-size:1.6rem !important}
.font17 {font-size:1.7rem !important}
.font18 {font-size:1.8rem !important}
.font20 {font-size:2.0rem !important}
.font22 {font-size:2.2rem !important}
strong.pcc_txt {font-weight:700 !important}
.opacity5 {opacity:0.5}

/* WIDTH & HEIGHT */
.h56 {height:5.6rem}

/* RADIUS */
.rad6 {border-radius:.6rem}

/* BUTTON */
.pcc_btn_wrap {padding:2.4rem 4rem 4rem;background:#fff;}
.pcc_btn_wrap .btn_primary {color:#fff;background:#093378;}
.pcc_btn_wrap .btn_secondary {background:#8993A4;}
.pcc_btn_wrap.btns_wrap .btn_secondary {width:40%;}
.pcc_btn_wrap .pcc_btn_type1 {width:100%;height:5.6rem;background:#1490ef;font-size:1.6rem;color:#fff;border-radius:0.6rem;line-height:5.4rem;text-align:center}
.pcc_btn_wrap .disabled[class*=btn_] {cursor:default}
.pcc_btn_wrap .pcc_btn_type1.disabled,
.pcc_btn_wrap .disabled.btn_primary {color:#888;background:#e0e0e0}
.pcc_btn_wrap .disabled.btn_secondary {color:#fff;background:#c2c2c2}
.pcc_btn_wrap .disabled.btn_primary.type_outline {color:#94c5f7;border:1px solid #94c5f7;background:transparent}
.pcc_btn_wrap .disabled.btn_secondary.type_outline {color:#aeaeae;border:1px solid #e2e2e2;background:transparent}
.pcc_btn_wrap .disabled.btn_lightBlue {color:#94c5f7;border:1px solid #94c5f7}
.pcc_btn_wrap .disabled.btn_light {color:#aeaeae;border:1px solid #e2e2e2}
.pcc_btn_border {border:1px solid #D5DBE3;border-radius:.6rem;padding:0 1rem;height:4rem;line-height:4rem;text-align:center;font-size:1.4rem;color:#333A40}

/* PADDING & MARGIN */
.pt0 {padding-top:0 !important}
.pt4 {padding-top:.4rem !important}
.pt8 {padding-top:.8rem !important}
.pt12 {padding-top:1.2rem !important}
.pt16 {padding-top:1.6rem !important}
.pt24 {padding-top:2.4rem !important}
.pt32 {padding-top:3.2rem !important}
.pt48 {padding-top:4.8rem !important}
.pt56 {padding-top:5.6rem !important}
.pl0 {padding-left:0 !important}
.p16 {padding:1.6rem !important}
.pb0 {padding-bottom:0 !important}
.pb4 {padding-bottom:.4rem !important}
.pb8 {padding-bottom:.8rem !important}
.pb16 {padding-bottom:1.6rem !important}
.pb24 {padding-bottom:2.4rem !important}
.pb32 {padding-bottom:3.2rem !important}
.pb48 {padding-bottom:4.8rem !important}
.pb56 {padding-bottom:5.6rem !important}
.pb80 {padding-bottom:8rem !important}
.pb96 {padding-bottom:9.6rem !important}

.mt0 {margin-top:0rem !important}
.mt2 {margin-top:2rem !important} 
.mt12 {margin-top:1.2rem !important}
.mt25 {margin-top:2.5rem !important} 
.mt32 {margin-top:3.2rem !important} 
.mt40 {margin-top:4rem !important} 
.mt48 {margin-top:4.8rem !important} 
.mb16 {margin-bottom:1.6rem !important}
.mb24 {margin-bottom:2.4rem !important}

.w50{width:50% !important}

/* FORM */
/* =selection */
.-selection {position:relative}
.-selection input {opacity:0;position:absolute;left:0;width:1rem;height:1rem;border:0}
.-selection input[type="checkbox"] ~ label,
.-selection input[type="radio"] ~ label {display:inline-block;position:relative;padding-left:3.5rem;color:#4c5459;font-size:1.5rem;font-weight:500;height:2.6rem;line-height:2.6rem;text-indent:0;word-break:keep-all}
.-selection input[name^="allcheck"] ~ label {color:#151515}
.-selection input ~ label:before {content:'';position:absolute;left:0;width:2.6rem;height:2.6rem}
.-selection input.-right ~ label {padding-left:0;padding-right:4rem}
.-selection input.-right ~ label:before {left:auto;right:0}
.-selection [disabled] ~ label {cursor:not-allowed}
.-selection input ~ label:after {content:none}

/* checkbox */
.-selection input[type="checkbox"] ~ label:before {background:url(../../img/nsb/ct/ico-checkbox2.svg) no-repeat center;background-size:2.6rem auto}
.-selection input[type="checkbox"]:checked ~ label:before {background-image:url(../../img/nsb/ct/ico-checkbox-active2.svg)}
.-selection input[type="checkbox"][disabled] ~ label:before {background-image:url(/img/nonetouch/pib/_new/common/ico-checkbox-disabled2.svg)}
.-selection input[type="checkbox"][disabled]:checked ~ label:before {background-image:url(/img/nonetouch/pib/_new/common/ico-checkbox-active-disabled2.svg)}
.-selection input[type="checkbox"][disabled] ~ label:after {display:none}

/* checkbox - small size */
.-selection input.-small ~ label {font-size:1.4rem;font-weight:300}
.-selection input.-small.-right ~ label {padding-left:0;padding-right:3.6rem}
.-selection input.-small ~ label:before {width:2rem;height:1.3rem;top:.5rem;transform:translate(0, 0)}
.-selection input[type="checkbox"].-small ~ label:before {background:url(/img/nonetouch/pib/_new/common/ico-checkbox-small.svg) no-repeat .5rem center;background-size:1.5rem auto}
.-selection input[type="checkbox"].-small:checked ~ label:before {background-image:url(/img/nonetouch/pib/_new/common/ico-checkbox-small-active.svg)}
.-selection input[type="checkbox"][disabled].-small ~ label:before {background-image:url(/img/nonetouch/pib/_new/common/ico-checkbox-small-disabled.svg)}
.-selection input[type="checkbox"][disabled].-small:checked ~ label:before {background-image:url(/img/nonetouch/pib/_new/common/ico-checkbox-small-active-disabled.svg)}

/* TAB */
.tabs_menu.pcc a > span {font-weight:700;color:#848a91}
.tabs_menu.pcc .on a > span {color:#151c22}
.tabs_menu.pcc .on a {color:#151c22;border-bottom:2px solid #151c22;font-weight:500} 


.pcc_area {padding:3.2rem 2rem;background-color: #F8F9FA;margin:-2.4rem -2.4rem 0} /* background-color:#fff; 2022-06-21 개인,사업자인증서 배경컬러로 변경 */
.pcc_area .title {font-size:2.2rem;color:#121517;letter-spacing:-.6px;line-height:1.3;padding-bottom:3.2rem} /* font-size:2.2rem; color:#333a40 2022-06-21 개인,사업자인증서 배경컬러로 변경 */
.pcc_area .title span {font-weight:700} /* color:#1490ef */
.pcc_area .bg {display:block;width:23rem;height:32rem}
.pcc_area .card_woori {
    position:relative;
    margin:0 auto;
    background-image:url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230E6FEA'/%3E%3Cstop offset='1' stop-color='%231491EE'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");  
    /* -webkit-filter:drop-shadow( 12px 18px 6px rgba(4, 73, 125, .5)); 
    filter:drop-shadow( 12px 18px 16px rgba(4, 73, 125, .5)); */
 }
 .pcc_area .card_woori.off {opacity:0.1}

/* LIST */
.pcc_list {padding:0 2.4rem}
.pcc_list .tit_h3 {margin:2rem 0;font-size:1.7rem;font-weight:500}
.pcc_list .list_normal, .list_normal {line-height:160%}

/* BUTTON */
.pcc_btn_wrap.two {display:flex;width: 100%;border-collapse: separate;border-spacing: 5px;padding: 1.9rem 3.5rem 3.5rem;}
.pcc_btn_wrap.two > * {border-radius:.7rem;height:5.6rem;font-size:1.6rem}
.pcc_btn_wrap.two > a {line-height:5.6rem}
.pcc_btn_wrap.two a:first-child {margin-right:.7rem}
.pcc_btn_wrap.sty1 {background:#fff;}

.pcc_btn_wrap.btns_wrap .btn_secondary {background-color:#e4eaf2;color:#333}
.pcc_btn_wrap.btns_wrap .btn_secondary.disabled {color:#fff;background:#c2c2c2}
.pcc_btn_wrap.btns_wrap .btn_secondary_outline {background-color:#fff;color:#1490EF;border:1px solid #1490EF}
.pcc_btn_wrap.btns_wrap .btn_secondary_outline.disabled {color:#d0e9fc;border:1px solid #d0e9fc}

/* 기타 */
.pcc_line1 {border-top:.1rem solid #F2F5F9}
.tit_pcc_h1 {font-size:1.7rem;font-weight:700;color:#333A40;letter-spacing:-0.025rem;padding:.8rem 0}
.pcc_icon-lock {display:none;position:relative;margin-left:0.5rem;padding:.3rem .8rem .4rem 2.5rem;color:#fff;font-size:1.3rem;line-height:1.9rem;border-radius: 6px;background:linear-gradient(180deg, #333a40 0%, #242a2f 100%);}
.pcc_icon-lock::after {content:'';position:absolute;left:.9rem;top:50%;transform:translateY(-50%);margin-top:.1rem;margin-left:-.3rem;width:1.6rem;height:2rem;line-height:1.6rem;background:url(../../img/nsb/ct/pcc_icon_lock.png) no-repeat;background-size: cover;}

/* 개발자포털 연동  */
.hidden {position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}

.pcc_area {line-height:1.1}
.pcc_area .bg {display:block;width:23rem;height:32rem}
.pcc_area .card_woori {position:relative; margin:0 auto;
					    background-image:url("data:image/svg+xml,%0A%3Csvg width='230' height='320' viewBox='0 0 230 320' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.07084 23.4244C3.17255 24.2698 2.7234 24.6925 2.34228 25.1476C1.09081 26.6421 0.303396 28.4697 0.0768592 30.4057C0.0078697 30.9953 0.00916738 31.6121 0.0117627 32.8456L0.588852 307.127C0.594513 309.818 0.597344 311.163 0.857262 312.276C1.7246 315.987 4.62647 318.883 8.33988 319.742C9.45269 320 10.7981 320 13.4888 320L217.1 320C219.796 320 221.144 320 222.258 319.742C225.976 318.88 228.88 315.976 229.742 312.258C230 311.144 230 309.796 230 307.1L230 12.9C230 10.2041 230 8.85621 229.742 7.74198C228.88 4.02358 225.976 1.12014 222.258 0.258258C221.144 -8.56979e-06 219.796 -8.51856e-06 217.1 -8.41611e-06L34.0765 -1.46034e-06C32.9445 -1.41732e-06 32.3785 -1.39581e-06 31.8338 0.059874C30.0468 0.256312 28.3458 0.930862 26.9098 2.01253C26.4721 2.34222 26.0599 2.73013 25.2356 3.50593L4.07084 23.4244Z' fill='url(%23paint0_linear_7288_44190)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7288_44190' x1='40.5' y1='272.05' x2='207.199' y2='15.5619' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230E6FEA'/%3E%3Cstop offset='1' stop-color='%231491EE'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");  
					    /* -webkit-filter:drop-shadow(12px 16px 40px rgba(14, 111, 234, 0.28)); 
              filter:drop-shadow(12px 16px 40px rgba(14, 111, 234, 0.28)) */
            }

.pcc_area .card_woori .card_inner {position:relative;width:23rem;height:32rem;padding:2.4rem 2.4rem 3.2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between; color:#fff}
.pcc_area .card_woori .biLow {position:relative;display:flex;justify-content:space-between;padding-top:.2rem}
.pcc_area .card_woori .biLow .bi{background:url(../../img/nsb/ct/pcc_logo_white.png);width:9.76rem;height:2rem;background-size:100% auto;image-rendering:-webkit-optimize-contrast}
.pcc_area .card_woori .biLow .kebabMenu{display:inline-block;position:absolute;top:-.2rem; right:0; background-image:url(../../img/nsb/ct/pcc_more_btn.png);width:2.4rem;height:2.4rem;background-size:100% auto;image-rendering:-webkit-optimize-contrast}

.pcc_area .card_woori .nameLow {min-height:9.8rem}
.pcc_area .card_woori .nameLow .name{font-size:3.6rem;letter-spacing:-.6px;padding-bottom:2rem}
.pcc_area .card_woori .nameLow .date{font-size:1.5rem;letter-spacing:-.5px;font-family:'Roboto'}
.pcc_area .card_woori .nameLow .date span{display:inline-block;font-size:1.4rem;font-family:'Noto Sans CJK KR'}
.pcc_area .card_woori .nameLow .date span:after {display:inline-block;content:'|';width:1px;padding:0 .5rem}
.pcc_area .card_woori .nameLow .pcc_txtPeriod {font-size:1.2rem;color:#FFF27D;text-decoration:underline;text-underline-position:under;padding-top:.8rem}
.pcc_area .card_woori .stateLow {display:flex;justify-content:space-between;/*padding-top:7rem;*/font-size:1.2rem;letter-spacing:-.75px}
.pcc_area .card_woori .stateLow .message{line-height:140%; opacity:.7} 
.pcc_area .card_woori .stateLow .linkBtn{background-color:#0e65a8;color:#d5dbe3;border-radius:2.4rem;height:2.4rem;line-height:2.4rem;padding:0 .75rem;box-sizing:border-box}
.pcc_area .card_woori .stateLow .trustSign {background:url(../../img/nsb/ct/img_trustSign.png) no-repeat;background-size:100% auto;width:3.2rem;height:3.2rem;opacity:.7;mix-blend-mode:darken;}

.pcc_area .card_woori .pcc_no {display:flex;flex-direction:column;padding-top:7rem;margin:0 -1rem;text-align:center}
.pcc_area .card_woori .pcc_no img, .pcc_area .no_card_woori .pcc_no img {width:5.7rem;height:5.7rem;margin:0 auto}
.pcc_area .card_woori .pcc_no .info_text{padding-top:1.6rem;color:#fff;font-size:1.4rem;letter-spacing:-.65px;text-align:center;line-height:2.3rem}
.pcc_area .card_woori + .pcc_menu_shortcut {margin-top:1.6rem;}
.pcc_area .noti-msg {color:#6D747A; font-size:12px; line-height:20px; text-align:center; margin-bottom:2.4rem;}
.pcc_area .no_card_woori {background:url(../../img/nsb/ct/pcc_bg_nocard.png) no-repeat;background-size:100% auto; width:23rem; height:32rem;margin:0 auto;padding:0 1rem;text-align:center}
.pcc_area .no_card_woori .pcc_no .info_text{padding-top:10rem;color:#151C22;font-size:1.4rem;letter-spacing:-.65px;text-align:center;line-height:2.3rem;word-break:keep-all}
.pcc_area .no_card_woori .type_outline.btn_secondary {border:1px solid #333A40}
.pcc_area .no_card_woori .type_outline.btn_secondary em {color:#333A40}

.pcc_area .card_woori.lock .nameLow .date{display: inline-block;}
.pcc_area .card_woori.lock .nameLow .pcc_icon-lock{display: inline-block;}

/* //개발자포털 연동 카드 */

.pcc_card_passyear {position:relative;z-index:100;text-align:center}
.pcc_card_passyear .passyear {position:absolute;top:16rem;width:23rem;left:50%;transform:translate(-50%, -50%);padding:0 1rem}
.pcc_card_passyear .passyear .info_text {padding-top:1.6rem;color:#151C22;font-weight:500;font-size:1.4rem;letter-spacing:-.75px;text-align:center;line-height:2.3rem}
.pcc_card_passyear .passyear .btns_wrapCont, .no_card_woori .card_inner .btns_wrapCont {width:14rem;margin:0 auto}
.pcc_card_passyear .passyear .type_outline.btn_secondary {border:1px solid #333A40}
.pcc_card_passyear .passyear .type_outline.btn_secondary em {color:#333A40}
 
.pcc_menu_shortcut{padding:1.6rem 2rem 0;letter-spacing: -1px;position:relative;margin-top:-2.4rem}
.pcc_menu_shortcut .pcc_list{display:flex;margin:0 -2.4rem;padding:0 .25rem;justify-content: center;}
.pcc_menu_shortcut .pcc_list li {flex:1;-webkit-box-flex:1;-webkit-flex:1;text-align:center;max-width:100px;}
.pcc_menu_shortcut .pcc_list li a {text-align:center;display:inline-block}
.pcc_menu_shortcut .pcc_list .icon{display:inline-block;vertical-align:middle;background-color:#fff;border-radius:2rem;width:5.6rem;height:5.6rem;margin:0 auto;font-size:0;box-shadow:0px 3px 6px 0 rgba(219, 219, 219, 0.6);border:0}
.pcc_menu_shortcut .pcc_list .icon img{width:2.4rem;height:2.4rem;margin-top:1.6rem}
.pcc_menu_shortcut .pcc_list .text{display:block;margin-top:.8rem;font-size:1.4rem;color:#121517;font-weight:700;letter-spacing:-.75px;border-bottom:0;width:auto; height:auto; line-height: 22px;}
.pcc_menu_shortcut .pcc_list .icon a{position:relative;display:block;padding:7px 0 10px}


.pcc_info {padding:2.4rem 0 0;float:left;width:100%}
.pcc_info::after {display:block;content:"";clear:both}
.pcc_info > .tit_h3 {font-size:1.7rem;font-weight:700;color:#151C22}
.pcc_info > .tit_h3_des {font-size:1.5rem;line-height:160%;color:#151C22;padding-bottom:3.2rem}
.pcc_info .list_dotted + .tit_h3 {margin-top:3.2rem}
.pcc_info .list_dotted > ul > li, .pcc_info .list_dotted > li {letter-spacing:-0.75px}
.pcc_info .list_dotted > ul > li:before, .pcc_info .list_dotted > li:before {top:1rem;width:0.4rem;height:0.4rem;background-color:#686E75;border-radius:50%}
.pcc_title_wrap {display:flex;align-items:center;font-size:1.7rem}
.pcc_title_wrap h4{font-weight:700;color:#151C22}
.pcc_title_wrap > .link_more{position:relative;display:block;margin-left:auto;letter-spacing:-1px;font-size:1.4rem; padding:10px 13px 11px 10px; color:var(--color2);}
.pcc_title_wrap > .link_more .icon_more {content:"";display:block;position:absolute;top:50%;right:0;width:6px;height:6px;border-width:0 0 1px 1px;margin-top:-5px;border-style:solid;-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%)}
.pcc_title_des {font-size:1.6rem;padding-bottom:1.6rem;line-height:2.5rem;letter-spacing:-0.6px;word-break:keep-all;color:#6D747A;margin-top:var(--space5);}
/* .pcc_title_des.tall_more {margin-top:var(--space5);} */
.pcc_cert_list, .pcc_svc_list {position:relative;float:left;padding-bottom:.8rem;width:100%}
.pcc_cert_list::after, .pcc_svc_list::after {display:block;content:"";clear:both}
.pcc_cert_list li{float:left;width:33%;min-width:9.6rem;text-align:center}
.pcc_cert_list .pcc_cert_item .link {display:block;position:relative;min-height:11.6rem;border:1px solid #F1F3F5;margin:0 .8rem 1.6rem;padding:1.6rem 0;box-sizing:border-box;border-radius:1.2rem}   
.pcc_cert_list .pcc_cert_item .logo{margin-bottom:.5rem}
.pcc_cert_list .pcc_cert_item .logo img {width:6.5rem;height:3.6rem}
.pcc_cert_list .pcc_cert_item .logo_normal {background:url(../../img/nsb/ct/logo_normal.png) no-repeat;background-size:100% auto;width:6.5rem;height:3.6rem;text-indent:-99999px}
.pcc_cert_list .pcc_cert_item .name {overflow:hidden; text-overflow:ellipsis; padding:0 1.6rem; color:var(--color2); font-size:1.3rem; line-height:1.85rem; text-align:center; letter-spacing:-.8px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;  word-break: initial; min-height: 37px;} 

.pcc_cert_list.by-flex {float:none; display:flex; flex-wrap:wrap;}
.pcc_cert_list.by-flex li {float:none; min-width:initial; width:calc(33% - 1rem); margin-right: 1.6rem; flex:none;}
.pcc_cert_list.by-flex li:nth-child(3n) {margin-right: 0;}
.pcc_cert_list.by-flex .pcc_cert_item .link {margin-right: 0; margin-left: 0;}


/* 서비스 이용목록 */
.pcc_svc_list li {float:left;width:50%;text-align:center}
.pcc_svc_list .pcc_svc_item .link {position:relative;min-height:17.4rem;border:1px solid #f2f5f9;margin:0 .8rem .8rem;padding:1.6rem 1.8rem;box-sizing:border-box;border-radius:.6rem;word-break:keep-all}
.pcc_svc_list .pcc_svc_item .link.on {border:1px solid #1490EF}
.pcc_svc_list .pcc_svc_item .icon {width:3.6rem;height:3.6rem;background-color:#F2F5F9;border-radius:50%;margin:0 auto}
.pcc_svc_list .pcc_svc_item .icon img {width:3.6rem;height:3.6rem} 
.pcc_svc_list .pcc_svc_item .title {padding-top:.8rem;line-height:2.2rem;font-size:1.4rem;font-weight:500;color:#333A40;letter-spacing:-.75px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.pcc_svc_list .pcc_svc_item .desc {height:4rem;margin-top:.4rem;overflow:hidden;text-overflow:ellipsis;color:#767678;font-size:1.3rem;line-height:1.85rem;text-align:center;letter-spacing:-.75px;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical} 
.pcc_svc_list .pcc_svc_item .state {padding-top:.8rem}
.pcc_svc_list .pcc_svc_item .state span {color:#333A40;background-color:#efefef;font-size:1.5rem;font-weight:500;text-align:center;border-radius:.5rem;padding:.475rem .6rem;box-sizing:border-box} 
.pcc_svc_list .pcc_svc_item .state span.on {background-color:#D0E9FC;color:#1490EF}
    
.layer_bottom_wrap .layer_cont.pcc_pullup {padding-bottom:0}
.pcc_pullup li {display:flex;justify-content:space-between;border-bottom:1px solid #f2f5f9}
.pcc_pullup li a {width:100%;display:inline-block;padding:1.7rem 0 1.8rem}
.pcc_pullup li::after {content:"";display:block;top:50%;right:0;margin-top:2rem;width:6px;height:6px;border-width:0 0 1px 1px;border-style:solid;-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%)}

/* 자동연결 */ 
.pcc_autoLink .pcc_item {position:relative;display:table;table-layout:fixed;width:100%;border:1px solid #d5dbe3;padding:1.6rem;border-radius:.6rem;margin-bottom:1.6rem}
.pcc_autoLink .pcc_item div {display:table-cell;vertical-align:middle}
.pcc_autoLink li:last-child {margin-bottom:0}
.pcc_autoLink .pcc_item .autoLink_icon {width:4.4rem;padding-right:.8rem;box-sizing:border-box} 
.pcc_autoLink .pcc_item .autoLink_icon img {width:3.6rem;height:3.6rem}
.pcc_autoLink .pcc_item .autoLink_name .name {width:calc(100% - 3.6rem);text-overflow:ellipsis; white-space:nowrap; overflow:hidden;padding-bottom:.5rem}
.pcc_autoLink .pcc_item .autoLink_name .icon {background:url(../../img/nsb/ct/pcc_icon_write.png) no-repeat 50% 50%;background-size:2.8rem auto;width:2.8rem;height:2.8rem}
.pcc_autoLink .pcc_item .autoLink_name .input_area {display:table;width:98%;margin-top:0}
.pcc_autoLink .pcc_item .autoLink_modify {width:2.5rem;height:2.5rem;padding:1rem;box-sizing:border-box}
.pcc_autoLink .pcc_item .autoLink_btn.link {color:#1490EF;background-color:#D0E9FC}
.pcc_autoLink .text_field_box.pcc input[type=text] {font-size:1.5rem}
.pcc_autoLink .input_area .text_field_box .btn_delete {top:-1rem}
.pcc_autoLink .input_area .input_area .text_field_box .rt_area {height:4rem}
.pcc_autoLink .input_area .input_area .text_field_box .text_field[readonly] + .pcc_autoLink .input_area .rt_area .btn_delete {display:inline-block!important}
.pcc_autoLink .pcc_item .autoLink_name .input_area .text_field_box .text_field {font-size:1.5rem;padding-top:0;padding-bottom:0;height:2.8rem}
.pcc_autoLink .autoLink_btn {text-align:right;width:2.8rem}
.pcc_autoLink .autoLink_btn .btn_modify {color:#888;background:#efefef;font-size:1.4rem;text-align:center;border-radius:.5rem;line-height:2.8rem;width:4.2rem}
.pcc_autoLink .autoLink_btn .btn_modify {background:url(../../img/nsb/ct/pcc_icon_delete.png) no-repeat 50% 50%;background-size:2.4rem auto;width:2.4rem;height:2.4rem}
.pcc_autoLink .autoLink_btn .btn_sprite_close {background:url(../../img/nsb/ct/pcc_sprite_close.png) no-repeat 50% 50%;background-size:2.4rem auto;width:2.4rem;height:2.4rem}
.pcc_autoLink .pcc_item.on {border:1px solid #1490EF}
.pcc_autoLink .pcc_item .input_area .text_field_box .btn_delete {width:2rem;height:2rem;background-color:#C4CBD3}
.pcc_autoLink .pcc_item .input_area .text_field_box .text_field {border-bottom:0}
.pcc_autoLink .input_area .text_field_box .text_field:focus {color:#666;border-bottom:0}
.pcc_autoLink .pcc_item .input_area .text_field_box .rt_area {padding-top:2px}

.pcc_history {position:relative;padding:2.6rem 2rem 0}
.pcc_history .pcc_item {display:flex;align-items:center;border:1px solid #E9ECEF;padding:1.6rem;border-radius:.6rem;margin-bottom:1.6rem;min-height:9.6rem;box-sizing:border-box}
.pcc_history .iconBox {position:relative;flex-shrink:0;width:6.4rem}
.pcc_history .iconBox img {width:100%;height:100%}
.pcc_history .history_name {position:relative;flex-grow:1;padding-left:3.2rem;width:calc(100% - 6.4rem)}
.pcc_history .history_name::before {content:"";position:absolute;top:0;left:1.6rem;width:1px;height:100%;background-color:#e4eaf2}
.pcc_history .history_name .title {color:#121517;line-height:1.85rem;font-weight:500;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.pcc_history .history_name p {color:#333a40;line-height:1.85rem;font-weight:400}
.pcc_history .history_name .title + .title {padding-top:.4rem}
.pcc_history .history_name .date {padding-top:.5rem;color:#8F959C; font-size:13px; line-height: 18px;}
.pcc_history .history_name .date span::before {content:"|";padding:0 .5rem}
.pcc_history .history_name .date span {display:inline-block}
.pcc_history .iconBox2 {flex-shrink:0;width:4.8rem;height:4.8rem}
@media screen and (max-width:359px){
  .pcc_history .history_name .date span {display: block;}
  .pcc_history .history_name .date span::before {content:"";padding:0.8rem 0;}
}

.pcc_history .iconBox2 img {width:100%;height:auto}
.iconBox1 {width:4.8rem;height:4.8rem;margin:0 auto}
.iconBox1 img, .iconBox3 img {width:100%;height:auto}
.iconBox3 {width:9rem;height:auto;margin:0 auto}

.pcc_iss_img img, .pcc_woori_img img {width:100%;height:auto;display:block;}
.pcc_info_box {margin-top:1rem;border:1px solid #c4cbd3;border-radius:.6rem;padding:.8rem 1.6rem}

.pcc_info_box li {display:flex;justify-content:space-between;border-bottom:1px solid #f2f5f9}
.pcc_info_box li:last-child{border-bottom:0}
.pcc_info_box li span {display:block;padding:1.6rem 0}
.pcc_info_box li a {width:100%;display:inline-block;padding:1.7rem 0 1.8rem}

.owl-carousel .item dt {font-size:1.7rem;font-weight:500;padding:2rem 0}
.pcc_tit_h3 {padding-left:2.4rem;font-size:1.8rem}

.goods_apply_wrapper .tit_apply_h1.pcc {margin-bottom:0.8rem;font-size:1.8rem;color:#121517;}
.goods_apply_wrapper .tit_apply_h1.pcc02 {margin-bottom:0.8rem;font-size:1.5rem;color:#6D747A; letter-spacing:-0.75px; text-align:center;}
.goods_apply_wrapper .tit_apply_h1 {font-size:1.8rem;line-height:160%;word-break:keep-all;text-align:center}
.pccp_pop_conts.menu .goods_apply_wrapper .tit_apply_h1 {padding:0 0 2.4rem;font-size:2.4rem;color:#111;line-height:3.8rem;text-align:left;word-break:keep-all;}

#swipe_cont {/* width:100%;height:44rem;overflow:auto;scroll-snap-type:y mandatory; */}
.tab_wrap, .tab_slider {border-bottom:1px solid #eee;position:sticky;padding-top:2px;top:-2px;z-index:200;background:#fff;position:-webkit-sticky} /* 0517 */
.tab_slider_cont .owl-carousel .owl-stage {display:table}
/* .owl-item {display:table-cell;vertical-align:top;float:none}
.owl-height {transition:height 500ms ease-in-out;} */
.owl-height {transition:height 500ms ease-in-out;} 
.tab_slider_cont .owl-carousel .owl-stage-outer {min-height:calc(100vh - 280px);height: auto !important;}
/*.owl-item {display:table-cell;vertical-align:top;float:none}*/
.owl-carousel .owl-item {float:left; position:relative; min-height:1px; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color:transparent; -webkit-transform: translate3d(0, 0, 0);}
.tab_slider .owl-item {display:table-cell; float: left; position: relative;} /*vertical-align:top;float:none 0716 */


.tab_slider .owl-carousel {padding:0}
.tab_slider .owl-carousel .owl-item .item {display:inline-block; padding:1rem .8rem;color:#848A92;font-size:1.7rem;font-weight:500;letter-spacing:-.6px}
.tab_slider .owl-carousel .owl-item .item.on {color:#151C22;font-weight:700;border-bottom:2px solid #151c22}
.tab_slider_wrap .owl-dots {display:none}
.tab_slider_cont .owl-carousel .owl-item .item {padding:3.2rem 1.2rem 0; scroll-snap-align:start}
.owl-stage {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-box;
  display:box;
  }
.owl-carousel .owl-item :after {display:block;content:"";clear:both}
.tab_slider .owl-carousel  .owl-stage,
.tab_slider .owl-carousel  .owl-item{
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
}
.tab_slider .owl-carousel .owl-item {text-align:center}
.goods_apply_wrapper.inButton .tit_apply_h3.pcc {font-size:1.5rem;padding:.8rem 2rem 0;color:#4C5459;line-height:2.2rem;word-break:keep-all}
.goods_apply_wrapper .tit_apply_msg.pcc {background-color:#F2F5F9;border-radius:.6rem;font-size:1.4rem;padding:1.1rem 1.6rem;margin:3.2rem 2rem 0;line-height:2.2rem}

/* 주민등록번호 */
.input_area.num_jumin {position:relative}
.input_area.num_jumin label {display:inline-block;position:relative;z-index:5;padding:.2rem 0;background-color:#fff;color:#333;font-size:1.8rem;font-weight:500}
.input_area.num_jumin:after {display:block;content:"";clear:both}
.input_area.num_jumin .num_box .input_area {margin-top:0}
.input_area.num_jumin .num_box:after {display:block;content:"";clear:both}
.input_area.num_jumin .input_area {width:calc(100% / 2 - 20px);float:left}
.input_area.num_jumin .input_area:last-child {float:right}
.input_area.num_jumin .space {display:block;width:2rem;height:2rem;text-align:center;position:absolute;left:50%;top:50%;margin:0 0 0 -1rem}
.input_area.num_jumin .text_field_box .rt_area {display:table;position:absolute;right:0;top:-.1rem;height:4.5rem}
.input_area.num_jumin .space {top:4rem}
.input_area.num_jumin .input_dot_type_area {float:right;width:calc(100% / 2 - 20px)}
.input_area.num_jumin .input_dot_type_area .text_field_box {position:relative}
.input_area.num_jumin .input_dot_type_area .text_field_box .up_jumin_box {width:100%;padding-left:2.3rem}
.input_area.num_jumin .input_dot_type_area .text_field_box .up_jumin_box:first-child {position:absolute;left:0;top:0;width:2.3rem;padding-left:0}
.input_area.num_jumin .input_dot_type_area .text_field_box .text_field {width:100%;height:4.5rem;line-height:4rem;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #bcbcbc;font-size:1.7rem;text-align:center}
.input_area.num_jumin .input_dot_type_area .text_field_box .six_dot {width:100%;height:4.5rem;line-height:4rem;border-top:0;border-left:0;border-right:0;border-bottom:1px solid #bcbcbc;font-size:1.7rem;background:none;letter-spacing:-1.28px}
.input_area.num_jumin .input_dot_type_area .text_field_box .six_dot:disabled {border:0;letter-spacing:.1rem;color:#333;font-size:1.7rem;border-bottom:1px solid #bcbcbc}
.input_area.num_jumin .input_dot_type_area .text_field_box .text_field:focus,
.input_area.num_jumin .input_dot_type_area .text_field_box .six_dot:focus{color:#333;border-bottom:1px solid #3194f7;transition:border .3s}
.input_area.num_jumin .input_dot_type_area .six_dot .text_field[type="password"]{width:100%;text-align:left}
.input_area.num_jumin + .cp_bul_type1.sm_type1 {margin-top:1rem}
.input_area.input_area ~ .num_jumin {margin-top:3.2rem}

.pcc_btn_search {background:url(../../img/nsb/ct/pcc_icon_search.png) no-repeat;background-size:4rem 4rem;width:4rem;height:4rem;text-indent:-99999px}
.goods_apply_wrapper.inButton .tit_apply_h1 em {color:#1490ef}
.pcc_icon_setting {background:url(../../img/nsb/ct/pcc_icon_setting.png) no-repeat;background-size:100% auto;width:1.2rem;height:1.2rem;padding:0 .25rem}

.pcc_staff_search {display:table;width:100%;padding:2.4rem 0}
.pcc_staff_search p {display:inline-block;width:100%;font-size:1.5rem;border-bottom:1px solid #E4EAF2}
.pcc_staff_search p span {width:50%;padding:1.8rem 0;vertical-align:top;line-height:140%}
.pcc_staff_search span.part {font-size:1.4rem;text-align:right;padding-left:1.6rem}
.pcc_sub_tit {font-weight:700;padding:1.5rem 0}

.tit_2sp.pcc, .select_styled.pcc {position:relative}
.tit_2sp.pcc .fl, .select_styled.pcc .fl{float:left}
.tit_2sp.pcc .fr, .select_styled.pcc .fr{float:right}
.tit_2sp.pcc:after {content:'';display:block;clear:both}
.pcc_setup_wrap .btn_wrap {position:relative}
.pcc_setup_wrap .btn_wrap,
.pcc_setup_wrap .chk_box {padding:0;margin:0 -2.4rem;color:#333;border-bottom:1px solid #F2F5F9}
.pcc_setup_wrap .chk_box .tit {position:relative;padding:1.8rem 2.4rem;margin-bottom:0;font-size:1.5rem;font-weight:300;color:inherit}
.pcc_setup_wrap .chk_box .txt {font-size:1.3rem}
.pcc_setup_wrap .chk_box .tit .btn_switch {position:absolute;top:50%;margin-top:-1.2rem;right:2.4rem}
.pcc_setup_wrap .btn_wrap > a.link,
.pcc_setup_wrap .btn_wrap .fl{float:left}
.pcc_setup_wrap .btn_wrap .fr{float:right}
.pcc_setup_wrap .btn_wrap .fl,
.pcc_setup_wrap .btn_wrap .fr {padding:1.8rem 2.4rem}
.pcc_setup_wrap .btn_wrap:after{content:'';display:block;clear:both}
.pcc_setup_wrap .btn_wrap > a.link {padding:1.8rem 2.4rem;width:100%}
.pcc_setup_wrap .btn_wrap a.link::after {content:"";display:inline-block;position:absolute;top:.8rem;right:1.5rem;width:3.4rem;height:3.4rem;background:url(../../img/nsb/ct/pcc_icon_arrow_right.png) no-repeat;background-size:3.4rem auto}

.pcc_apply_txt {font-size:1.5rem;padding:1rem 2.4rem;line-height:130%;letter-spacing:-0.6px}
.pcc_apply_img {text-align:center;padding:4rem 0}
.pcc_apply_img img {width:19.8rem;height:auto}
.pcc_sms_img {text-align:center;padding:4rem 0 0}
.pcc_sms_img img {width:20.3rem;height:auto}

.clause_wrap .owl-carousel.pcc [class$=_download] {font-size:1.4rem;padding:0 2rem;box-sizing:border-box;color:#4C5459}
.clause_wrap .owl-carousel.pcc .btn_html_download,.clause_wrap .owl-carousel.pcc .btn_pdf_download {background-color:#F2F5F9;border-top:0;border-bottom:0}

.pcc_loading_wrap {position:fixed;left:0;right:0;top:0;bottom:0;z-index:1100; /* background-color:rgba(0,0,0,.4); */}
.pcc_loading_wrap .pcc_loadingbar {position:absolute;left:50%;top:40%;transform:translate(-50%, -50%);width:100%;padding:0 2rem;}
.pcc_loading_wrap .pcc_loadingbar .pcc_icon {background:url(../../img/nsb/ct/pcc_loading.png) no-repeat;background-size:5rem auto;width:5rem; height:5rem;margin:0 auto}
.pcc_loading_wrap .pcc_loadingbar .pcc_msg {color:#111;text-align:center;letter-spacing:-.6px;word-break:keep-all}
.pcc_loading_wrap .pcc_loadingbar .pcc_msg .mtxt {font-size:2.2rem;line-height:160%;font-weight:700}
.pcc_loading_wrap .pcc_loadingbar .pcc_msg .stxt {font-size:1.5rem;letter-spacing:-.75px;padding-top:1rem}
.pcc_loading_wrap.dim .pcc_loadingbar .pcc_icon_loading {margin:0 auto}
.pcc_loading_wrap.dim .pcc_loadingbar .pcc_icon_loading img {width:5.6rem; height:5.6rem}

/* 디자인 적용 화면 확인 위해 생성 */
.pcc_loading_wrap.dim {background-color:rgba(0,0,0,.4)}
.pcc_loading_wrap.dim .pcc_loadingbar {top:50%}
.pcc_loading_wrap.dim .pcc_loadingbar .pcc_msg {color:#fff}
.pcc_loading_wrap.dim .pcc_loadingbar .pcc_msg .mtxt {padding-top:2.4rem;font-weight:500}

.pcc_woori_info .info_box .text .mtit, .pcc_info_subbox p {font-size:1.8rem;font-weight:500;color:#333A40;padding-bottom:.8rem;letter-spacing:-0.6px}
.pcc_woori_info .info_box .text .des .pcc_info-subbox p.des {font-size:1.5rem;color:#727272;line-height:2.4rem;letter-spacing:-0.75px}

.pcc_woori_info {padding:0 2rem;text-align:center}
.pcc_woori_info .info_box{padding-top:7rem}
.pcc_woori_info .info_box:last-child{padding-bottom:7rem}
.pcc_woori_info .info_box img {width:15.2rem;height:auto;padding-bottom:2.4rem}
.pcc_woori_info .info_box .text{word-break:keep-all}
.pcc_woori_info .info_box p, 
.pcc_woori_info .info_subbox p {font-size:1.8rem;font-weight:700;color:#121517;padding-bottom:.8rem;letter-spacing:-0.6px;line-height:2.8rem}
.pcc_woori_info .info_box p.des {font-size:1.5rem;color:#727272;line-height:2rem;letter-spacing:-0.75px}

.pcc_woori_info .info_subbox {margin:0 -2.5rem;padding:8rem 3rem 7rem;text-align:center}
.pcc_woori_info .info_subbox:nth-of-type(2n) {background:#F8F9FA}
.pcc_woori_info .info_subbox p.des {margin:0 0 3rem;font-weight:300;font-size:1.5rem;color:#727272;line-height:2.4rem;word-break:keep-all}
.pcc_woori_info .info_subbox .slide-box {position:relative;max-width:18rem;width:100%;margin:0 auto;padding:1.4rem 0 0.5rem;border-radius:2rem;overflow:hidden;background:#fff;box-shadow:0 2rem 2rem 0 rgba(0,0,0,0.1)}
.pcc_woori_info .info_subbox .slide-box ul {display:-webkit-flex;display:flex;transition:all 1s}
.pcc_woori_info .info_subbox .slide-box ul li {width:100%;padding:0 0.7rem}
.pcc_woori_info .info_subbox img {width:100%}

.input_area.pcc_mcert_sty1 {margin-top:0}
.input_area.pcc_mcert_sty1 .text_field_box .text_field {height:4.9rem}
.input_area.pcc_mcert_sty2 {position:relative}
.input_area.pcc_mcert_sty2 .text_field_box {float:left;width:calc(100% - 8.8rem)}
.input_area.pcc_mcert_sty2 > .rt_area {float:right;margin-top:.4rem}
.input_area.pcc_mcert_sty2::after {content:'';display:block;clear:both}

.pcc_customer {padding:1.6rem 2rem 0}
.pcc_customer h3 {font-weight:300;color:#4C5459;font-size:1.5rem;padding-bottom:.8rem}
.pcc_customer .pcc_btn_customer {display:block;font-family:'Roboto';width:100%;height:5.6rem;line-height:5.6rem;border:1px solid #D5DBE3;border-radius:.6rem;padding:0;color:#333A40}
.pcc_customer .btns_wrapCont > span:nth-of-type(1) {padding-right:.8rem}
.pcc_customer .pcc_btn_customer .icon {background:url(../../img/nsb/ct/pcc_icon_customer.png) no-repeat;background-size:100% auto;width:2.4rem;height:2.4rem;vertical-align:middle;margin-bottom:.2rem}
.pcc_customer .btns_link {padding-top:2.4rem}
.pcc_customer .btns_link li {border-bottom:1px solid #E5E5E5;font-weight:500;color:#4C5459}
.pcc_customer .btns_link li:last-child {border-bottom:0}
.pcc_customer .btns_link li a {width:100%;display:inline-block;padding:1.6rem 0}
.pcc_customer .btns_link .icon {display:inline-block;vertical-align:middle;margin:0 .8rem .4rem 0}
.pcc_customer .btns_link .email {display:inline-block;background:url(../../img/nsb/ct/pcc_icon_email.png) no-repeat;background-size:100% auto;width:2.4rem;height:2.4rem}
.pcc_customer .btns_link .qa {display:inline-block;background:url(../../img/nsb/ct/pcc_icon_q.png) no-repeat;background-size:100% auto;width:2.4rem;height:2.4rem}

/* 0602 결함등록 버튼-개발자 전용:추후삭제 요망 */
.btn_toggle_area {position:fixed;right:0;bottom:60px}
#btn_toggle {
	position:absolute;right:20px;
	bottom:30px;
	font-size:12px;
	padding:0;			
	background-color:#163273;			
	border:0;
	color:#fff;			
	width:62px;
	height:62px;
	border-radius:50%;			
	cursor:pointer;			
	}
#Toggle{font-size:12px;}

.btn_list {position:absolute;width:120px;right:20px;bottom:100px}
.btn_list ul {background-color:#163273;border-radius:4px;padding:8px}
.btn_list li {color:#163273;padding:4px 0}
.btn_list li a{display:inline-block;width:100%;padding:4px 0;color:#f2f2f2}		
.btn_list li a:hover{color:#fff}

/* 알럿,컨펌 */
.jMsgbox-title.tpfbox-title {display:none}
.jMsgbox-loaded.jMsgbox-shortcut.jMsgbox-confirm {padding-top:.5rem;font-size:1.8rem;font-weight:700;letter-spacing:-0.6px;word-break:keep-all}
.jMsgbox-loaded.jMsgbox-shortcut.jMsgbox-confirm .color_txtSilver {font-size:1.5rem;font-weight:400;color:#686e75;letter-spacing:-0.75px}
.jMsgbox-title > .msgboxTit > em:after {background:none}
.jMsgbox-title > .msgboxTit > em {font-size:1.8rem;font-weight:700}
.jMsgbox-title {padding:0 2rem;border-bottom:0}
.jMsgbox-content .jMsgbox-shortcut {padding:0 2rem;letter-spacing:-0.6px}  
.jMsgbox-content.tpfbox-content {padding:.5rem 0 0;font-size:1.8rem;font-weight:500}

.jMsgbox-foot {background-color:#fff;padding:1.6rem;border-bottom-left-radius:1.2rem; border-bottom-right-radius:1.2rem}
.jMsgbox-foot input {font-size:1.7rem}
.jMsgbox-foot .jMsgbox-customBtn1 {border-radius:.6rem}
.jMsgbox-foot .jMsgbox-customBtn2 {border-radius:.6rem}

.jMsgbox-foot.btnNums1 > input {width:100%;height:5.8rem}
.jMsgbox-foot.btnNums2 > input:nth-of-type(1) {width:calc(38% - .8rem);color:#333A40;background-color:#E4EAF2;margin-right:.8rem}
.jMsgbox-foot.btnNums2 > input:nth-of-type(2) {width:62%;color:#fff;background-color:#1490EF}

 /* knr */
 .no_bd {border:0 !important}
 .mt8 {margin-top:.8rem}
 .color_err {color:#E5483D}

.layer_bottom_wrap .layer_head .title {color:#151C22; font-size:1.8rem}
.layer_bottom_wrap .layer_cont {color:#333A40; padding:2rem 2rem 9.4rem}
.tit_2sp + .select_styled {margin-top:0}
.layer_inner .tab_wrap {position:relative;z-index:10;margin-bottom:1.4rem;background-color:#fff}
.tabs_menu .on a {color:#151C22; border-bottom:2px solid #151C22}
.sel_list {overflow-y:auto}
.sel_list .option {display:block}
.up_account_num {position:relative;padding:1.5rem 0 1.5rem 3rem}
.up_account_num .bank_name {display:table}
.up_account_num .bank_name .bank_symbol {display:table-cell;padding-right:.6rem;font-size:1.5rem;font-weight:500;color:#151515}
.up_account_num .bank_name .bank_symbol .logo_img_area {position:absolute;left:0;top:1.5rem;width:2rem;height:2rem;border-radius:50%}
.up_account_num .bank_name .bank_symbol .logo_img_area img {display:block;width:100%;height:100%}
.up_account_num .bank_identity {font-size:1.4rem;color:#333}
.up_account_num .bank_price {text-align:right;font-size:1.4rem;color:#0B3497}
.up_account_num .bank_price span{font-family:'Roboto';font-weight:500;letter-spacing:-.75px}
.up_account_num .bank_name .bank_symbol:before {display:none}/* 커먼에 있는것 제거 필요 */
.up_account_num.symbol_none{padding-left:0}
.up_account_num .bank_name .up_bank_num {font-size:1.6rem;font-weight:500;color:#151515}
.up_account_num .bank_name + .up_bank_num {margin-top:.4rem;font-size:1.6rem;font-weight:500;color:#151515}
.-sheet_list [class*=_option] {display:block}
.-txt_basic{display:table-cell;height:5.8rem;padding:1rem 0;vertical-align:middle; color:#333}
.select_styled .sel_layer .sel_title {padding:2rem 4rem 1.2rem 2rem}
.select_styled .sel_layer .sel_title:before {content:none}
.select_styled .select_box {display:block;position:relative;min-height:4.2rem;font-size:1.7rem;border-bottom:1px solid #cecece}
.select_styled .select_box:before{content:'';width:1.4rem;height:.7rem;position:absolute;right:0;top:50%;-webkit-trasform:translateY(-50%);transform:translateY(-50%);background:url(/img/nonetouch/pib/_new/common/ico-select-arrow.svg) no-repeat center;background-size:1.4rem auto}
.select_styled .sel_layer .sel_list {padding:0 2rem 2rem}
.select_styled .sel_layer .sel_list .option {border-bottom:0}
.select_styled .select_box .sel_choice_text .guide_text {color:#888}

.select_styled .sel_layer .sel_title:before {display:none}
.select_styled .sel_layer .sel_list .info_tag {padding:.8rem 1.4rem;margin-bottom:1.4rem;border-radius:1.6rem;font-size:1.5rem;font-weight:500;color:#204b85;background-color:#f2f5f9}
.select_styled .sel_layer .sel_list .sel_group:after {content:'';display:block;clear:both}
.select_styled .sel_layer .sel_list .sel_group .option {position:relative;width:50%;margin-bottom:1.2rem;border-bottom:0}
.select_styled .sel_layer .sel_list .sel_group .option:nth-child(odd) {float:left;padding-right:.8rem}
.select_styled .sel_layer .sel_list .sel_group .option:nth-child(even) {float:right;padding-left:.8rem}
.select_styled .sel_layer .sel_list .sel_group .option .up_account_num {display:block;height:auto;padding:1.3rem 0 1.3rem 3rem}
.select_styled .sel_layer .sel_list .sel_group .option .up_account_num .bank_name .bank_symbol {line-height:2.2rem;font-weight:300;color:#333}
.select_styled .sel_layer .sel_list .sel_group .option .up_account_num .bank_name .bank_symbol .logo_img_area {top:1.2rem;width:2.4rem;height:2.4rem}
.select_styled .sel_layer .sel_list .sel_group .option .up_account_num.text .bank_name {display:block;width:100%;white-space:nowrap;word-wrap:normal;overflow:hidden}
.select_styled.flagselect .sel_layer .sel_list .sel_group {padding:0 .6rem;margin-bottom:.8rem}
.select_styled.flagselect .sel_layer .sel_list .sel_group:after {content:'';display:block;clear:both}
.select_styled .sel_choice_text .up_account_num.text {padding:0 0 0 2.9rem}

.select_styled .sel_layer .sel_list .sel_group .option.w100 .up_account_mc {display:block;height:auto;padding:1.3rem 0 1.3rem 0}
.select_styled .sel_layer .sel_list .sel_group .option.w100{width:100%;border-bottom:1px solid #f2f5f9}
.select_styled .sel_layer .sel_list .sel_group .option.w100:nth-child(odd),.select_styled .sel_layer .sel_list .sel_group .option:nth-child(even) {padding-left:0;padding-right:0}
.pcc_select_area > .select_box {float:left;width:70%} 
.pcc_select_area > .rt_area {float:right;width:25%} 
.pcc_select_area > .rt_area > .cell {margin-top:.8rem}
.pcc_select_area:after {content:'';display:block;clear:both}

.pcc.check_list .terms_check.allCheck input[type=checkbox] + label {padding-left:3.5rem}
.btns_wrapCont [class^=btn_].bd-radius {border-radius:0.6rem}
.pcc.check_list li > ul .terms_check input[type=checkbox] + label {font-size:1.4rem}

.pcc_dl {border:1px solid #C4CBD3; border-radius:0.6rem; font-size:0; padding:.6rem 1.6rem}
.pcc_dl > * {font-size:1.5rem; display:inline-block; width:50%; height:4.6rem; line-height:4.6rem;border-bottom:1px solid #E4EAF2}
.pcc_dl dt {color:#4C5459}
.pcc_dl dd {color:#1056C3; text-align:right}
.pcc_dl dt:last-of-type, .pcc_dl dd:last-of-type {border-bottom:0}

.radio_wrap_row + .input_area {margin-top:3.6rem}
.pcc.btn_radio {display:flex}
.pcc.btn_radio + .pcc.btn_radio {margin-top:.7rem}
.pcc.btn_radio li {flex:1 1 0px}
.pcc.btn_radio li + li {margin-left:.7rem}
.pcc.btn_radio li input[type=radio] + label  { border-radius:5rem; color:#3A3952; background-color:#E4EAF2; border-color:#E4EAF2}
.pcc.btn_radio li input[type=radio]:checked + label  { border-radius:5rem; color:#fff; background-color:#1490EF; border-color:#1490EF}
.pcc.btn_radio li input[type=radio]:checked + label:after {content:none}
.pcc_btn_lightblue {color:#3A3952; background-color:#E4EAF2}
/* .input_area .text_field_box .rt_area .cell a {border-radius:.5rem} */
.input_area .pcc.certi_time {color:#0B3497}

.pcc.list_circle > li:before {width:0.4rem;height:0.4rem;background-color:#686E75}

.pcc_conf_mo p {color:#000}
.pcc_conf_mo .counter {display:inline-block; line-height:3rem; color:#1490EF; background:url(../../img/nsb/ct/pcc_alarm.png) left center no-repeat; background-size:2.4rem auto; 
                       padding-left:2.7rem; margin-top:.8rem}
.pcc_conf_mo .num {font-size:6rem; font-weight:bold; padding:1.6rem 0 2rem}

.pcc_conf_mo.error .rad6 {border:1px solid #E4EAF2; padding:2rem}
.pcc_conf_mo.error p {color:#E5483D}
.pcc_conf_mo.error .counter {background-image:url('../../img/nsb/ct/pcc_alarm_gray.png'); color:#979797}
.pcc_conf_mo.error .num {color:#EBEBED}

.pcc_aut_method_tip {line-height:2.4rem}
.pcc_aut_method_tip .list_table_wrapper {margin-top:1.6rem}
.pcc_aut_method_tip .list_table_row .list_th {width:35%; padding:1rem .5rem; background-color:#F2F5F9}
.pcc_aut_method_tip .list_table_row .list_td {padding:1rem .5rem}

.bg_chat {background-color:#F2F5F9}
.chat_list {height:100%; background-color:#F2F5F9; padding:1.2rem; margin:0}
.chat_list .name {display:block; width:3rem; height:3rem; background:url('../../img/nsb/ct/ico_bi.png') center no-repeat; background-size:100% auto}
.chat_list .chat {display:inline-block; margin-top:1.2rem; max-width:90%; background-color:#fff; border-radius:0 1.8rem 1.8rem; padding:1.2rem; color:#151C22; line-height:2.4rem}
.chat_list .chat > em {color:#1490EF}
.chat_list .chat .chat_in {display:inline-block; margin-top:1.2rem; max-width:90%; background-color:#CDD3DA; border-radius:.6rem; padding:1.2rem; color:#fff; line-height:2.4rem}
.chat_list .chat .chat_in_btn {width:100%;padding:.8rem 0}
.chat_list .chat .chat_in_btn .chat_btn {width:100%;margin:.25rem 0}

.chat_list .send {text-align:right}
.chat_list .send .chat {background:none; padding:0; margin-top:2.2rem}
.chat_list .send .chat {max-width:90%; background-color:#26348F; border-radius:.6rem .6rem 0; padding:1.2rem; font-size:1.5rem; color:#fff; line-height:2.4rem}

.chat_list .send + .rcv {margin-top:1.2rem}
.chat_list .chat_btn {display:inline-block; padding:1.2rem; background-color:#1490EF; color:#fff; border-radius:.6rem;text-align:center}
.chat_list .btn_line {background-color:#fff; border:1px solid #1490EF; color:#1490EF}
.chat_list .chat_btn.disabled {background-color:#CDD3DA}
.chat_list .list_tit {color:#1490EF; font-size:1.4rem}
.chat_list p + .list_tit {margin-top:.7rem}
.chat_list .list_circle {font-size:1.4rem; line-height:2.2rem}
.chat_list .list_circle > li {padding:0 0 .2rem 1.2rem}
.chat_list  .list_circle > li:before {width:.4rem; height:.4rem; top:0.85rem}

.chat_list .finished .chat {max-width:100%; width:100%; padding:2rem; background-color:#fff; border-radius:1.8rem 0 1.8rem 1.8rem; box-shadow:0px 4px 4px 0px rgb(0 0 0 / 15%)}
.chat_list .finished .tit {padding-top:4.7rem; text-align:center; font-size:2.2rem; font-weight:500;color:#151C22}
.chat_list .finished .tit:before {content:''; display:block; width:9rem; height:9rem; background:url('../../img/nsb/ct/pcc_sign_final.gif') center no-repeat; background-size:100% auto; margin:0 auto 2.4rem}
.chat_list .finished .tit + .txt {margin-top:1.2rem}
.chat_list .finished .txt {text-align:center; font-size:1.5rem; color:#4C5459}
.chat_list .finished .txt + .pcc_dl {margin-top:2.4rem}
.chat_list .finished .pcc_dl dt {text-align:left}

.pcc .layer_contents {padding:2rem 2rem 0}
.pcc .layer_contents .tit {font-size:1.8rem; color:#151C22}
.pcc .layer_contents .tit + .txt {padding-top:.8rem}
.pcc .layer_contents .txt {line-height:2.4rem}

.text_field_box .sub_tit {height:6rem; line-height:6rem; font-size:1.5rem; font-weight:300; vertical-align:middle; padding:0}
.text_field_box .btn_switch.pcc {vertical-align:middle; position:absolute; top:1.6rem; right:1px}
.btn_switch.pcc {width:4.8rem}
.btn_switch.pcc:before {left:0; right:0; height:2.6rem; margin-top:-1.3rem}
.btn_switch.pcc.on:after {left:2.4rem; width:2.2rem; height:2.2rem; margin-top:-1.1rem; box-shadow:none}
.btn_switch.pcc.off:after {left:.2rem; box-shadow:none}

.text_field_box.pcc_half_box {font-size:0}
.text_field_box.pcc_inner_box {margin:.8rem 0 1.6rem}
.input_area .text_field_box .pcc_time_field.half {width:calc((100% - 2.4rem) / 2); font-size:1.8rem; color:#333 !important}
.pcc_time_field {width:100%;height:4.5rem;border:0;padding-top:.7rem;padding-bottom:.7rem;line-height:290%;border-bottom:1px solid #cecece;color:#333;font-size:1.6rem;background-color:transparent;
                 line-height:210%; /* ios line-height */  -webkit-appearance:none; appearance:none;background:url('../../img/nsb/ct/pcc_alarm_gray.png') no-repeat right 65%; background-size:2.4rem 2.4rem}                 
                 
/* .pcc_time_field::-webkit-calendar-picker-indicator {width:1.7rem; height:1.7rem; background:url('../../img/nsb/ct/pcc_alarm_gray.png') no-repeat; background-size:100% auto}
.pcc_time_field::-webkit-datetime-edit-hour-field,
.pcc_time_field::-webkit-datetime-edit-minute-field {padding:0 .2rem} */
.pcc_time_field + span {display:inline-block; width:2.4rem; text-align:center; color:#D5DBE3; font-size:2.2rem; font-weight:600}
/* //knr */

/*--------------------------------------------------------------------------------
	#TITLE : 개인사업자 인증센터 적용     
---------------------------------------------------------------------------------*/
/* ********************* 공통 ********************* */
.txtCenter {text-align:center;}
hr.hr_tyep01 {border-top:0.1rem solid #E9ECEF;margin-left:-4rem;margin-right:-4rem;margin-top:0;margin-bottom:0; border-bottom:0;}


/* .btn-action {border-radius:0.6rem;} */
.btns_wrap.fixed {overflow:hidden;position:fixed;bottom:0;left:0;right:0;z-index:100;width:100%;}
.btns_wrap > * {display:table-cell;box-sizing:border-box;width:100%;height:7rem;font-size:2rem;text-align:center;vertical-align:middle;}

.list_number > li, .list_number > ul > li, div.list_number > .li {position:relative;padding:0 0 0.5rem 1rem;text-indent:-1.5rem;padding-left:1.5rem;}
.list_circle, .list_dotted, .list_dashed, .list_number, .list_color_number {font-size:1.2rem;line-height:160%;}
.list_dotted > ul > li, .list_dotted > li {position:relative;padding:0 0 0.6rem 1rem;}
.list_dotted > ul > li:before, .list_dotted > li:before {content:'';position:absolute;top:0.8rem;left:0;display:block;width:0.3rem;height:0.3rem;background:#999;}
.notice_cont .list_dotted > ul > li:before, .notice_cont .list_dotted > li:before {background:#666;border-radius:50%;}

.section > .sec_pd > .notice_cont > .list_para_refer {padding-top:4.5rem;}
.list_para_refer > li {position:relative;padding-left:1.8rem;font-size:1.2rem;line-height:150%;}
.list_para_refer > li:before {content:'※';position:absolute;top:0;left:0;}
.list_number {margin-top:13.6rem;}



.input_area .text_field_box .text_field {width:100%;height:4.5rem;border:0;padding-top:0.7rem;padding-bottom:0.7rem;line-height:290%;border-bottom:1px solid #cecece;color:#333;font-size:1.6rem;background-color:transparent;}
.input_area .text_field_box .text_field:focus {color:#3194f7;border-color:#3194f7;transition:border .3s;}
.input_area .text_field_box .btn_delete {position: relative;width: 2.4rem;height: 2.4rem;border-radius: 0.5rem;background-color: rgba(0,0,0,.16);font-size: 0;text-indent: -9999px;vertical-align: top;line-height: 0;opacity: 0;}
.input_area .text_field_box .text_field:focus + .rt_area .btn_delete {display:block;}
.input_area .msg_error {display:none;position:relative;padding:0.6rem 0 0.6rem 1.6rem;background-color:#fff;color:#f73e31;font-size:1.2rem;}

.pcc-mes-bio1 {padding-top:3.8rem;text-align:center;}
.pcc-mes-bio1 img {width:5.8rem;height:auto;margin-bottom:3.3rem;}
.pcc-mes-bio1 .headline {font-size:2.2rem;letter-spacing:-0.6px;line-height:3.5rem; color:var(--color2); font-weight:400;}
.pcc-mes-bio1 .headline strong {font-weight:400;}
.pcc-mes-bio1 p:not(.headline) {margin-top:1.6rem;font-size:1.5rem;letter-spacing:-0.75px;line-height:2rem;}

.pcc-mes-certif1 {padding-top:3.8rem;text-align:center;}
.pcc-mes-certif1 img {width:9rem;height:9rem;margin-bottom:1.6rem;}
.pcc-mes-certif1 .headline {font-size:2.2rem;letter-spacing:-0.6px;line-height:3.5rem; color:var(--color2);}
.pcc-mes-certif1 .headline strong {font-weight:400;}
.pcc-mes-certif1 p:not(.headline) {margin-top:1.6rem;font-size:1.5rem;letter-spacing:-0.75px;line-height:2rem;}

/* ***********************************************
  # 인증서 관리 홈
*********************************************** */
.info-data1.pcc > ul > li > a:after{content:'';box-sizing:border-box;position:absolute;left:unset;top:50%;right:2rem;width:0.8rem;height:0.8rem;margin:-0.4rem 0;border-right:1px solid var(--icon1);border-top:1px solid var(--icon1);transition:all 0.3s;transform:rotate(45deg);
}
.pcc_no .btn-com2.pcc_btn_outline {border:1px solid #333A40;width:100%;background:transparent}
.txt-bul1 > dd.txt_nobul:before,  [class*="txt-bul"] > dd.txt_nobul:before{background: none}
[class*="txt-bul"] > dd.txt_nobul {padding:0}
.mes-headline2.ic_pcc1:before {background:url(../../img/nsb/ct/pcc_icon_waste.png);background-size:100% auto;width:4.8rem;height:4.8rem}
.tit-sub3.t1 {font-weight:400;}
.area-btn1.col2 > [class*="btn-"].tel {text-indent:1.6rem;background:url(../../img/nsb/ct/pcc_icon_customer.png) no-repeat;background-size:2rem;background-position:2.2rem 50%;}


/* ***********************************************
  # 인증서 사용(web)
*********************************************** */
.pccp_pop_header {position:fixed;top:0;width:100%;background-color:#093378;height:5.6rem;line-height:5.6rem;color:#fff;z-index:300;}
.pccp_pop_header h1 {display:inline-block;color:#fff;font-size:2.2rem;padding-left:2.5rem;font-weight:500;letter-spacing:-0.6px;}
.pccp_pop_header .pcc_btn.close {position:relative;display:inline-block;float:right;width:5.6rem;height:5.6rem;text-align:center;}
.pccp_pop_header .pcc_icon {display:inline-block;width:4.2rem;height:4.2rem;text-indent:-99999px;vertical-align:middle;}
.pccp_pop_header .pcc_icon.close {background:url(../../img/nsb/ct/pccp_icon_close.png) no-repeat;background-size:100% auto;}

/* ***********************************************
  # pccp_menu
*********************************************** */
.pccp_menu {position:fixed;display:block;overflow:hidden;width:16rem;background-color:#F2F5F9;color:#151C22;/* transition:all 0.5s ease; */padding:0.5rem;box-sizing:border-box;height:100%;z-index:200;top:5.6rem;}
.pccp_menu a, .pccp_menu > label {display:block;height:3.6rem;padding:0.8rem;cursor:pointer;color:#151C22;text-decoration:none;font-size:1.4rem;letter-spacing:-0.75px;font-weight:500;}
#expand-menu:checked ~ ul {display:block;height:auto;width:16rem;}
.pccp_menu ul {list-style:none;margin:0;padding:0;}
.pccp_menu li {padding-top:3rem;}
.pccp_menu ::before {font-size:1.4em;letter-spacing:-0.75px;float:left;clear:left;}
.pccp_menu li a::before, .pccp_menu li a:hover::before {content:'';width:2.4rem;height:2.4rem;}
.pccp_menu div {position:absolute;left:3.6rem;line-height:1.75;font-weight:700;font-size:1em;padding:0 0 0 1.5rem;}

/* ***********************************************
  # pccp_pop_conts
*********************************************** */
.pccp_pop_conts {width:100%;padding:9.6rem 4rem 0;letter-spacing:-0.6px;}
.pccp_pop_conts.menu {padding:9.6rem 4rem 0 20rem;}
.pccp_pop_conts .info_box_img {margin-bottom:2.4rem;padding-top:0.8rem;text-align:center;}
.pccp_pop_conts .info_box_img .desc {margin-top:1.6rem;font-size:1.2rem;color:#6D747A;}
.pccp_pop_conts hr.hr_tyep01 + section .pcc_info {padding-top:1rem;}

.pccp_pop_conts .tit_h3 + .list_number {margin:0.8rem 0 3rem;}
.pccp_pop_conts .list_number li {color:#495057;}
.pccp_pop_conts .list_number span {margin-right:0.4rem;font-weight:700;}

/* ***********************************************
  # etc(그 외 기타)
*********************************************** */
.icon_ani_timer {background:url(../../img/nsb/ct/pcc_ani_timer.gif) no-repeat;background-size:100% auto;width:13rem;height:13rem;margin:0 auto;margin-top:-3rem;}
.timer_txt {font-size:1.8rem;color:#175FEC;font-weight:700;margin-top:-3.5rem;padding-bottom:0.5rem;}
.section .sec_pd {padding:2.4rem 0;}
.section > .sec_pd > .notice_cont > .list_para_refer {padding-top:4.5rem;}





/* 20220616 */
.pcc_line1[class*="line"] {border-top:.1rem solid #F2F5F9; height:1px; margin-top:var(--com5); margin-bottom:var(--com5);} /* 20220616 */
.pcc_autoLink .autoLink_btn .btn_sprite_write {background:url(../../img/nsb/ct/pcc_icon_write.png) no-repeat 50% 50%;background-size:2.4rem auto;width:2.4rem;height:2.4rem} /* 20220616 */


.input_area .text_field_box .text_field {border:0; width:100%;}
.pcc_autoLink .pcc_item .autoLink_name .name {display:inline-block;}
.pcc_autoLink .autoLink_btn a {display:inline-block;} 
.input_area .text_field_box {position: relative; margin:var(--space5) var(--space1) var(--space3)}
.input_area .text_field_box .rt_area {display: table; position: absolute; right: 0; top: -0.1rem; height: 4.5rem; padding-top: 2px;}

.tit_cont, .c_tit01 {display: block; color: #333; font-weight: 500; font-size: 1.8rem; padding: 2.4rem 0 1.2rem; font-size: 17px;}
.goods_apply_wrapper .tit_apply_h1 {line-height: 160%;word-break: keep-all;padding:2.4rem 0 3.2rem;letter-spacing:-0.6px; text-align:left; font-size:20px; color:#121517;}
.goods_apply_wrapper .tit_apply_h1 strong {font-weight: 700;}
/* .content > [class*="txt-bul"] {margin-top: var(--space1);} */

.type_field_tall .label-toggle1.list {margin-top:-4px; border-top:0;}
[class*="pop-mes"].load > dl dd > div {margin-bottom:20px;}


/* 20220617 */
 .owl-carousel .owl-stage-outer {position:relative; -webkit-transform:translate3d(0px, 0px, 0px); } /*overflow:hidden;*/
 .owl-carousel .owl-nav {display:none;}
 .tab_slider.nav-tab1 .owl-carousel .owl-stage {padding:0 12px;}
 .tab_slider .owl-carousel .owl-item .item {padding:1.2rem .8rem}
 .tab_slider .owl-carousel .owl-item .item.on {border-color:#669AFF; border-width: 3px; position:relative; border:0;}
 .tab_slider .owl-carousel .owl-item .item.on:after {content:""; height:3px; background-color:#669AFF; border-radius: 3px; width:calc(100% - 14px); position:absolute; bottom:0; left:7px}
 .tab_slider .owl-carousel::after,
 .tab_slider .owl-carousel::before{content:"";display:block;position:absolute;top:0;width:40px;height:100%;z-index: 10;}
 .tab_slider .owl-carousel::before{left:0;background:linear-gradient(90deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);}
 .tab_slider .owl-carousel::after{right:0;background:linear-gradient(270deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);}
 .tab_slider .owl-carousel.first::before{display:none;}
 .tab_slider .owl-carousel.last::after{display:none;}
 
 .nav-tab1.tab-fixed {position:-webkit-sticky; position:sticky; top:-2.4rem; background-color:#fff; z-index:1;}
 
/* PBC20600000 */
 .sec_ini {margin:0 -24px;} 
 .nav-tab1.tab_slider {margin-bottom: 0; padding-left: 8px; padding-right: 8px;}
 
 /* PBC20700000 */
 .nav-tab1.ea_half {margin-bottom:0;}
 .nav-tab1.ea_half > ul {padding-left:0.3rem; padding-right:0.3rem; overflow-x:initial;}
 .nav-tab1.ea_half [role='tablist'] li {width: 50%; text-align:center} 
 .pcc_history.top_taller {padding-top:3.2rem}

 .txt-info-wrap {margin-top:32px;}
 .txt-info-wrap .info-tit {font-size:14px; color:#495057; font-weight:700; display:block; margin-bottom:var(--space5)}
 
 
/* ################################################################
  # 머지 작업 필요(추가 css) - 2022.06.17 16:42 이후 작업 css
################################################################ */
.pccp_menu {background:#E9F1FE;}

.pccp_pop_conts .tab_wrap {display:table;position:relative;width:calc(100% + 8rem);height:4.8rem;margin:0 -4rem;padding:0 4rem;}
.pccp_pop_conts .tab_wrap:before {content:'';box-sizing:border-box;position:absolute;left:0;bottom:-1.2rem;width:100%;height:1.3rem;background-image:linear-gradient(#f7f8fa 0, rgba(255,255,255,0) 100%);border-top:1px solid var(--line2);}
.pccp_pop_conts .tabs_menu {display:table;width:100%;height:4.8rem;}
.pccp_pop_conts .tabs_menu > li {display:table-cell;width:100%;vertical-align:middle;text-align:center;}
.pccp_pop_conts .tabs_menu > li a {display:inline-block;width:100%;height:100%;color:#333;font-size:1.7rem;line-height:5.7rem;border-bottom:1px solid #ececec;}
.pccp_pop_conts .pcc_info {padding-bottom:0;}

[class^=tabs_].equally_num2 > li {width:50%;}

/* [WON개인 소스] 수정 */
section .nav-tab1 {z-index:100;position:-webkit-sticky; position:sticky;top:-2.4rem;margin:0 0 var(--space1);}
section .nav-tab1 > ul {padding:0 2rem;}
section .nav-tab1 > ul > li {width:50%;text-align:center;}
section .nav-tab1 > ul > li > a {padding:0;}
section .nav-tab1 > ul > li.active > a:after {width:100%;}
/* // */

.pcc_woori_info .info_box .txt p:not(.des) {font-size:1.8rem;font-weight:700;line-height:2.8rem;letter-spacing:-0.6px;}
.pcc_woori_info .info_box p.des {color:#495057; font-weight:400;}
.pcc_woori_info .info_subbox {margin:0 -2rem;}
.pcc_woori_info .info_subbox .slide-box ul {transition:all 1s;}

.pcc_info {padding:2.4rem 2rem 8.4rem;}
.pcc_info > .tit_h3 {margin-bottom:0.8rem;font-size:1.4rem;font-weight:700;color:#495057;line-height:2rem;letter-spacing:-0.75px;}
.pcc_info .list_dotted > ul > li, .pcc_info .list_dotted > li {font-size:1.4rem;color:#495057;}
.pcc_info .list_dotted > ul > li:before, .pcc_info .list_dotted > li:before {top:0.8rem;width:0.3rem;height:0.3rem;}


@media screen and (max-width: 480px) {
  hr.hr_tyep01 {margin-right:-2rem;}
  .pccp_pop_header {background-color:#fff;height:4.4rem;line-height:4.4rem;color:#fff;z-index:180;}

  .pccp_menu {top:0;width:5rem;}

  main.hasFixedBtn .pccp_pop_conts.menu, .pccp_pop_conts.menu {padding:6.8rem 2rem 8rem 7rem;}
}
/* ## // ## */


.mes-headline3.visual-new01:after {height:19.2rem; margin:0; background-image:url(../../img/nsb/ct/visual-new01.png); background-position:left top;}
.mes-headline2 {padding-top: var(--space3);}
.mes-headline2 .sub.top-lower {margin-top:1.6rem;}
.mes-headline2 .emp {font-weight: 700;}
.mes-headline2[class*=" bio"]:before {content: ''; display: block; width: 88px; height: 88px; margin-bottom: var(--space1);}
.mes-headline2.bio-aos:before {background: url(../../img/nsb/ct/bio-info-aos.png) no-repeat 0 0; background-size: auto 100%;}
.mes-headline2.bio-ios:before {background: url(../../img/nsb/ct/bio-info-ios.png) no-repeat 0 0; background-size: auto 100%;}



.list-con2 > * > li > div {box-shadow: 0 0.5rem 1.0rem 0 rgba(128, 148, 182, 0.25);}

main.content > .st-view01:first-child {  
  border-top: 1px solid var(--line1);
}

main.content > .st-view01 + .st-view01 {
  margin-top: -2.5rem;
}
main.content > .st-view01 .spce-mini-right {
  margin: -0.2rem 0.4rem 0 0;
}

.area-btn2.up-define {
  margin: 0 0 3.2rem;
}

.label-toggle1.label-toggle-new {
  border: 0;
  margin-top: -1.6rem;
}
.label-toggle1.label-toggle-new .label-toggle1 {
  border-bottom: 1px solid #F1F3F5;
}

.label-toggle-new .sub-area {
  padding: 0 var(--space1) var(--space1);
}

.c0 {padding: 0 !important}



.owl-wrap .owl-stage-outer {}
.owl-wrap .owl-item {opacity: .1;}
.owl-wrap .owl-item.active {opacity: 1;}
.owl-wrap .owl-carousel .owl-stage-outer {padding-bottom:10rem; margin-bottom:-10rem;}

.owl-wrap .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  margin: 15px 0;
}

.owl-wrap .owl-dots .owl-dot.active span, 
.owl-wrap .owl-dots .owl-dot:hover span {
  background: #175FEC;
}
.owl-wrap .owl-dots .owl-dot span {
  width: 6px;
  height: 6px;
  margin: 5px 4px;
  background: #CED4DA;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
}

/* certi. com. card */
.pcc_area .card_woori.type-com .nameLow .name {
  font-size: 2.4rem;
  margin: 0.4rem 0 1.6rem;
  line-height: 3rem;
  padding-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.pcc_area .card_woori.type-com .nameLow .pcc_txtPeriod {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #FFF27D;
  text-decoration: none;
}
.pcc_area .card_woori.type-com .stateLow {
  margin-top: auto;
}
.pcc_area .card_woori.type-com .nameLow .type-label {
  position:relative;
  margin: 24px 0 12px -27px;
  color:#fff;
  background:url(../../img/nsb/ct/com_name_tag.svg) no-repeat 0 0;
  width:78px; height: 44px;
  -webkit-filter: drop-shadow( 0px 4px 4px rgba(9, 51, 120, 0.3));
  filter: drop-shadow( 0px 4px 4px rgba(9, 51, 120, 0.3));
}
.pcc_area .card_woori.type-com .nameLow .type-label strong {
  position:relative;
  font-size:16px; 
  font-weight: 400;
  margin-left: 14px;
  line-height: 38px;
}
.pcc_area .card_woori.type-com .stateLow .trustSign {
  margin-left: auto;
}

.pcc_area .card_woori.type-com .stateLow .ico-star {
  background:url(../../img/nsb/ct/com_ico_star.svg) no-repeat 0 0;
  width:23px; height: 34px;
  margin: 1px 8px 0 0;
}
.pcc_area .card_woori.type-com .stateLow .ico-star.off {
  background-image:url(../../img/nsb/ct/com_ico_star_gray.svg);
}

/* etc. seperator style */
.content.my-certi-bg {background-color: #F8F9FA !important;}
.section.space-taller {margin-top:3.2rem;}


/* main */
.frame_pageWrap {height:100vh;}
.frame_pageWrap main {position:absolute;top:0;left:0;right:0;width:100vw;height:100%;padding-top:60px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto; }
.frame_pageWrap main.hasFixedBtn {padding-bottom:7rem;}
.frame_pageWrap main.hasFixedBtn .page_container {padding-bottom:1rem;margin-bottom:2rem; }
.frame_pageWrap main.scrollStarted .view_area {padding-top:55px;}
.frame_pageWrap main section .nav-tab1 {padding-top: 2px;top: -2px;}

.mes-headline2 + .area-btn1.margin-ini {margin:2.4rem calc(var(--space6) *-1)}


.info-con1 > dl > dt + dd .point1 {color:var(--point1);}


/* 2022-06-28 체크박스 스타일 재정의 .. 최종확인필요 */
.label-check1 label > input + span:before, button.label-check1:before {
  /* width: 2.2rem;
  height: 2.2rem; */
}
.label-check2 label > input:checked + span:before, button.label-check2[aria-checked="true"]:before {
  /* border-color: var(--point1); */
  border-left-width: 2px;
  border-bottom-width: 2px;
}
.label-check1 label > input[type="checkbox"] + span:after, button.label-check1[aria-checked="true"]:after {
  /* border-color:var(--line3); */
  border-color:#fff;
}

/* [2022-06-29] 스타일재정의 */
.wrap-form1 .form[data-mode] > dt + dd, .wrap-form1 .form[data-active] > dt + dd {
  color: #6D747A;
}
.input-wrap1 .text, .selectbox {
  font-size: 16px;
  color: #121517;
}

/* 타이틀의 하단 여백 32px */
/* .mes-headline3.taller */
.mes-headline3 {
  margin-bottom: 2.4rem;
}

/* 인증서삭제 스타일재정의 */
.txt-bul1.tit-sub2 {--el-size:1.3rem;--el-color:var(--color5);--el-color2:var(--color2);}
.txt-bul1.tit-sub2 dd {letter-spacing:-.75px;}
.txt-bul1.tit-sub2 dd + dd {margin:var(--space5) 0 0;}

.list-t1.data-form1 > ul > li > a:not([role="button"]) > span:not(:only-child):nth-child(1), .list-t1.data-form1 > ul > li > .label-toggle1 span {font-weight: 400;color: var(--color1); font-size: 1.6rem;}
dl.list-t1.data-form1 dt {font-weight: 400; color: var(--color1); font-size: 1.6rem;}
dl.list-t1.data-form1 dd span.txt-c1 {font-weight:400; font-size:16px; letter-spacing:-0.6px;}


/* .wrap-form1 {
  --form-padding: 1.6rem;
  --form-bg: transparent;
  --form-ilne: var(--line3);
  --form-text: var(--color3);
  --form-focus-line: var(--line3);
} */

/* 활성화 */
.wrap-form1 .form[data-active="true"] > dt + dd {border-color:var(--line3);box-shadow:none;} /* box-shadow:var(--shadow2); */

/* error */
.wrap-form1 .validation {font-size: 13px; line-height: 20px; letter-spacing: -0.6px; color: #F03D3E; margin-top:4px;}


.info-data1.data-t1 .type-new01 {margin-bottom:var(--space1);}
.info-data1.data-t1 .type-new01.active {position:relative; background:#fff; border-radius:var(--radius2); box-shadow:var(--shadow2); color:var(--color2);}
.info-data1.data-t1 .type-new01.active {background:transparent}
.info-data1.data-t1 .type-new01 .in-group:after {content:""; display:block; clear:both;}
/* .info-data1.data-t1 .type-new01 .in-group .side:not([class*=" "]) {position:static !important; float:right; margin-top:-24px;} */
.info-data1.data-t1 .type-new01 .in-group em {float: left;}
.info-data1.data-t1 .type-new01 .in-group .icon-txt1 {float: right;}
.info-data1.data-t1 .type-new01 .tit {font-weight: 700;}
.info-data1.data-t1 .type-new01 .info.info-con1 {margin-top:0;}
.info-data1.data-t1 .type-new01 .case {display: flex; max-width: 100%; height: 100%; align-items: center;}
.info-data1.data-t1 .type-new01 .case .ellipsis {overflow: hidden; padding-top: 3px; text-overflow: ellipsis; white-space: nowrap; padding-left: 20px;}
.info-data1.data-t1 .type-new01 .case .right {float:right; margin-left:2px;}
.info-data1.data-t1 .type-new01 .case .right:before {content:"/"; display:inline-block;}

.info-data1.data-t1 .type-new01.passive div:nth-child(1) + div {color:var(--color5);}
.info-data1.data-t1 .type-new01.passive strong {font-weight:400;}
.info-data1.data-t1 .type-new01.passive .tit,
.info-data1.data-t1 .type-new01.passive .tit + em {color:#8F959C;}
  




.info-data1.type-new01 .tit + em, .info-data1.type-new01:not(.form) > dl > dt ~ dd:not([class]) {color: var(--color5);}
.info-data1.type-new01 .side {top:44px;}
.info-data1.type-new01 .data2.st {margin-top:12px; padding-top:12px; border-top:1px solid #E9ECEF;}

.info-data1.type-new01 .data2 span:first-child {color: var(--color5);}


.icon-com1.ic27:before { 
  background: #C4CBD3;
}


[class*="txt-mark"], .mes-result1 {color: #6D747A;}


[class*="txt-bul"] {text-align: left; font-size: 1.4rem; line-height: 2rem; color: #495057;}
[class*="txt-bul"].more-light {color: #6d747a;}
[class*="txt-bul"].more-light > li:before {background:#6d747a;}



.mes-headline1.null:before {display:none;}

[class*="tit-sub"]:not(div):not(dl) {line-height: 2rem;}
.tit-sub2 {margin-top:3.2rem;}


.content .area-wider {margin:0 -24px;}





/* card swipe */
.card_woori_swiper {position:relative;}
.card_woori_swiper .swiper {width: 100%; height: 100%;}
.card_woori_swiper .swiper-slide {font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.card_woori_swiper .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.card_woori_swiper .swiper-slide {background:transparent;}
.card_woori_swiper .swiper-pagination {position:relative; text-align:center; margin:16px 0; bottom:0 !important;}
.card_woori_swiper .swiper-slide {opacity: 0.1;}
.card_woori_swiper .swiper-slide.swiper-slide-active {opacity: 1;}
.card_woori_swiper .swiper-pagination-bullet {background-color:#CED4DA !important; opacity: 1;}
.card_woori_swiper .swiper-pagination-bullet-active {background-color:#175FEC !important;}

.tabs-content {min-height:40rem;}
.tabs-content .swiper-container {width:100%;}
.tabs-content .swiper-slide {padding:2.4rem 1.6rem; min-height:40rem;}
.tabs-content .pcc_cert_list {position: relative; float: none; padding-bottom: 0.8rem; width: 100%; display:flex; flex-direction: row; flex-wrap: wrap;  gap:16px;}
.tabs-content .pcc_cert_list li {float:none; width:auto; min-width:auto; width:auto; width:calc(33.33% - 12px);}
.tabs-content .pcc_cert_list .pcc_cert_item .link {display: block; position: relative; min-height: 11.6rem; border: 1px solid #F1F3F5; margin: 0 0.8rem 1.6rem; margin: 0; padding: 1.6rem 0; box-sizing: border-box;  border-radius: 1.2rem;}

.tabs-buttons {height:auto;box-shadow:inset 0 -1px #E4EAF2;z-index: 100; position:sticky; top:-2.4rem; margin:0; background-color:#fff; padding:0 8px;}
.tabs-buttons:after {content:""; box-sizing: border-box; position: absolute; left: 0; right: 0; bottom: -1.2rem; height: 1.3rem; background-image: linear-gradient(#f7f8fa 0, rgba(255,255,255,0) 100%); border-top: 1px solid var(--line2);}
.tabs-buttons .swiper-slide-thumb-active {color:#151C22;opacity:1;border-bottom-color:#151C22;font-weight:700}
.tabs-buttons .swiper-wrapper {display:flex; justify-content:space-between; padding:0;}
.tabs-buttons .swiper-wrapper .swiper-slide {width:auto;height:auto;padding:0;cursor:pointer;border-bottom:2px solid transparent;color:#848A92;font-size:1.7rem;font-weight:500;scroll-snap-align:start}
.tabs-buttons .swiper-wrapper .swiper-slide a {padding:1.766rem 1.2rem; border-width: 3px; position: relative; border: 0; display:inline-block;}
.tabs-buttons .swiper-wrapper .swiper-slide.swiper-slide-thumb-active a {border-color: #669AFF; font-weight:700; color: var(--color2);}
.tabs-buttons .swiper-wrapper .swiper-slide.swiper-slide-thumb-active a:after {content: ""; background-color: #669AFF; border-radius: 3px; width: calc(100% - 24px); height: 3px; position: absolute; bottom:-2px; left:12px}