@charset "utf-8";  

/* import css */
@import './pc.life.css';
@import './pc.cyber.css?11';
/* @import './pc.online.css'; */

html, body { height:100%; font-size:15px; color:#212121; }
body.had-scroll { padding-right:17px; }
a { color:#212121; }

/* coding list */
html.codelist,
body.codelist { user-select:text; -webkit-user-select:text; -ms-user-select:text; -webkit-user-select:text; }
body.codelist .list-total { font-size:12px; }
body.codelist .wrap { width:100%; }
body.codelist .main-wrap { width:100%; padding-left:40px; padding-right:40px; }

/* mobile에서 display:none */
.only-mo { display:none !important; }

/* pc일 때 줄내림 style */
.pc-br { display:block; }

/* pc일 때 왼쪽정렬 */
.pc-txt-l { text-align:left !important; }

/* button내 텍스트 줄내림 */
a.btn-base > span { white-space:nowrap; }

/* headline style */
.h1 { font-size:30px; }
.h2 { font-size:25px; }
.h3 { font-size:25px; font-weight:800; }
.h4 { font-size:20px; font-weight:800; }
.h5 { font-size:17px; font-weight:800; }

/* font style */
.fs1 { font-size:30px !important; }
.fs2 { font-size:25px !important; }
.fs3 { font-size:20px !important; }
.fs4 { font-size:17px !important; }
.fs5 { font-size:13px !important; }

/* 생명 - 상품제목 */
.goods-title .h1 { font-size:36px; }
.goods-title.type-illust .h1 { font-size:32px; }
.goods-title.type-illust .h1 strong { font-weight:700; }

/* layout */
.wrap { position:relative; display:flex; width:1200px; margin:0 auto; padding-top:90px; }
.wrap.full { width:100%; }
.wrap.full .main-wrap { width:100%; }
.main-wrap.login { width:800px !important; }
#contents { position:relative; display:flex; width:100%; }

/* skip_nav 
.skip_nav{position:relative;_top:0; _left:0;_width:auto;z-index:9999;}
.skip_nav a {position:absolute; top:-1px; left:0; display:block; width:1px; height:1px; overflow:hidden;font-size:12px; color:#333; text-align:center; z-index:9999; opacity:0;}
.skip_nav a:focus{top:0; width:100%; height:40px; line-height:40px; z-index:9999; opacity:1;}*/

/* skip ********************************************************/
.skip_nav{position:fixed;top:0;left:0; width:100%;margin:0 auto;z-index:999}
.skip_nav a{text-indent:0;background:#fff;position:absolute;z-index:1;top:-500px;width:100%;padding:5px 0;text-align:center}
.skip_nav a:focus{top:0;color:#333;}


/* PC 새창 */
.wrap.newPop { display:block; width:auto; padding:0; }

/* gnb */
.gnb { position:fixed; display:flex; top:0; left:0; width:100%; height:90px; background:#fff; border-bottom:1px #e67602 solid; z-index:11; }
.gnb .logo { position:relative; display:block; width:145px; height:49px; background:url('../../images/home/logo.png') no-repeat; background-size:contain; cursor:pointer; }
/* .gnb .logo > h1 { position:absolute; top:0; left:0; width:0; height:0; font-size:xx-small; overflow:hidden; } */
.gnb .tit { display:none; }
.gnb .lnb-open { position:absolute; right:0; top:35px; width:30px; height:30px; }
.gnb .lnb-open span { display:block; font-size:10px; font-weight:800; color:#043b72; text-align:center; padding-top:18px; }
.gnb .lnb-open i { position:absolute; display:block; right:0; top:0; width:30px; height:15px; transition-duration:0.2s; transform:rotateZ(0deg); }
.gnb .lnb-open i > span { position:absolute; top:0; left:0; width:0; height:0; font-size:xx-small; overflow:hidden; }
.gnb .lnb-open i::before { content:''; position:absolute; top:0px; left:0; width:100%; height:4px; background:#043b72; transition-duration:0.2s; transform:rotate(0deg); }
.gnb .lnb-open i::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:4px; background:#043b72; transition-duration:0.2s; transform:rotate(0deg); }
.gnb .lnb-open.open i { top:5px; transform:rotate(90deg); }
.gnb .lnb-open.open i::before { top:7px; height:1px; background:#000; transform:rotateZ(45deg); }
.gnb .lnb-open.open i::after { top:7px; height:1px; background:#000; transform:rotateZ(-45deg); }
.gnb .lnb-open.open > span { display:none; }
.gnb-wrap { position:relative; display:flex; height:90px; width:1200px; min-width:1200px; margin:0 auto; align-items:center; justify-content:initial; }
#gnbCont.gnb .gnb-wrap:nth-child(n+2){display:none;}
.gnb .logo span { position:relative; display:inline-block; font-size:xx-small; width:0; height:0; overflow:hidden; }
.gnb-wrap .btn-setting { right:70px; top:45px; }
.gnb-wrap .btn-setting > span { width:auto; height:auto; font-size:13px; overflow:visible; }
.gnb-menu { position:relative; display:flex; min-width:500px; height:90px; align-items:center; margin-left:20px; }
.gnb-menu .headerTitle { position:relative; display:flex; align-items:center; }
.gnb-menu .headerTitle > strong { font-size:20px; font-weight:800; color:#043b72; }
.gnb-menu > ul { display:flex; }
.gnb-menu > ul > li { padding:0 30px; border:0; }
.gnb-menu > ul > li > a { height:90px; display:inline-block; font-size:18px; color:#043b72; font-weight:700; line-height:90px; }
.gnb-menu > ul > li > a:focus,
.gnb-menu > ul > li > a:hover { color:#e67602; text-decoration:none; }
.gnb-menu .headerTitle + ul { margin-left:30px; }
.gnb-menu > ul > li.over > .submenu-wrap { display:block; height:auto; padding:40px 0; z-index:1; }
.gnb-menu > ul > li > .sel { color:#e67602; }
.gnb-menu > ul > li > .sel::after { content:''; position:absolute; display:block; bottom:0; left:0; width:100%; height:3px; background:#ff821e; pointer-events:none; }
.gnb .submenu-wrap { position:fixed; display:block; top:90px; left:0; width:100%; height:0; background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.1); overflow:hidden; transition:height 0.2s, padding 0.2s ease-out; z-index:0; }
.gnb .submenu-wrap .submenu { position:relative; display:flex; width:1200px; margin:0 auto; }
.gnb .submenu-wrap .submenu > ul { width:25%; }
.gnb .submenu-wrap .submenu strong { display:inline-block; height:35px; font-size:16px; color:#212121; line-height:35px; padding-bottom:10px; }
.gnb .submenu-wrap .submenu a > i { position:relative; display:inline-block; width:15px; height:15px; background:url('../../images/home/ico_mn_link.png') no-repeat; margin-left:5px; margin-bottom:2px; vertical-align:middle; }
.gnb .submenu-wrap .submenu a > i > span { display:block; width:0; height:0; overflow:hidden; }
.sub-gnb { position:absolute; top:35px; right:80px; }
.sub-gnb a { position:relative; display:inline-block; height:auto; font-size:17px; color:#424242; font-weight:700; line-height:1.4em; padding:0 20px; }
.sub-gnb a::before { content:''; position:absolute; display:block; top:4px; left:-2px; width:1px; height:10px; background:#e0e0e0; }
.sub-gnb a:first-child::before { display:none; }
.sub-gnb .btn-search { position:relative; width:22px; height:20px; text-indent:-9999px; background:url('../../images/home/ico_search_b.png') no-repeat; margin-left:30px; }
.gnbDim { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; transition:opacity 0.2s ease-out; z-index:1; }
.gnbDim.on { opacity:1; }
.menu-list.text-view .sub-gnb a::before { display: none; }

/* 사이트 바로가기 */
.site-jump { position:absolute; display:none; top:38px; right:120px; }
.site-jump > a { position:relative; display:block; display:inline-block; color:#000; font-weight:700; padding-right:25px; }
.site-jump > a::after { content:''; position:absolute; display:block; right:0; top:3px; width:15px; height:15px; background:url('../../images/home/ico_gosite.png') no-repeat; background-size:100%; }
.site-jump > a:last-child { padding-left:18px; margin-left:18px; }
.site-jump > a:last-child::before { content:''; position:absolute; display:block; top:5px; left:0; width:1px; height:10px; background:#bdbdbd; }

/* rnb */
.rnb { position:relative; display:none; width:250px; border-left:2px #ededed solid; margin-left:80px; margin-top:130px; }
.rnb-menu { position:absolute; top:0; width:220px; margin-left:30px; }
.rnb-menu .h4 { font-weight:800; margin:0; }
.rnb-menu ul { position:relative; margin-top:25px; }
.rnb-menu li { margin-bottom:15px; }
.rnb-menu li:last-child { margin-bottom:0; }
.rnb_banner { position:relative; border-top:1px #ededed solid; margin-top:70px; padding-top:45px; }

/* personal area */
.personal-wrap,
.contactCont { display:none; }

/* main content */
.main-wrap { position:relative; display:block; width:870px; margin:0 auto;  min-height:680px; }
.main-wrap::after { content:''; display:block; clear:both; }
.main-wrap.non-rnb { width:1200px; }
.main-wrap .main { float:left; position:relative; width:50%; height:1000px; padding:20px 20px 40px; background:#fafafa; }
.main-wrap .main-sub { float:right; position:relative; width:50%; height:700px; padding:20px 20px 40px; background:#fff; }

/* footer */
.footer { position:relative; margin-top:50px; padding-top:0; }
.footer-wrap { position:relative; border-top:1px #eee solid; background:#eceff5; }
.footer-inner { position:relative; width:1200px; text-align:center; margin:0 auto; padding:40px 0 60px 0; }
.footer-inner::after { content:''; display:block; clear:both; }
.footer .footer-address { font-size:13px; color:#06417c; }
.footer .footer-address > div { margin-bottom:10px; }
.footer .footer-address em { font-weight:800; color:#06417c; margin-right:10px; }
.footer .footer-address .address,
.footer .footer-address .etc { display:inline-block; }
.footer .footer-address .address { margin-right:10px; }

/* quick menu */
.quick-menu { position:fixed; display:block; top:0; right:0; width:60px; height:100%; background:#fff; box-shadow:5px 20px 15px 0 rgba(33,33,33,0.2); transition:right 0.2s ease-out; z-index:12; }
.quick-menu.off { right:-60px; }
.quick-menu .btn-quick { position:absolute; top:50%; left:-20px; width:20px; height:50px; border-radius:4px 0 0 4px; border:1px #bdbdbd solid; border-right:0; margin-top:-25px; background:#fff; box-shadow:-2px 0 6px rgba(99,99,99,0.1); }
.quick-menu .btn-quick > span { display:inline-block; width:0; height:0; font-size:xx-small; overflow:hidden; }
.quick-menu .btn-quick::before { content:''; position:absolute; display:block; top:50%; left:50%; width:8px; height:8px; border-bottom:1px #000 solid; border-right:1px #000 solid; transform:rotateZ(-45deg); margin:-4px 0 0 -6px; }
.quick-menu.off .btn-quick::before { margin-left:-1px; transform:rotateZ(135deg); }
.quick-menu .quick-zoom { position:absolute; top:20px; left:20px; width:20px; padding-top:20px; background:url('../../images/home/quick_ico_zoom.png') no-repeat; }
.quick-zoom > .btn-zoom { position:relative; display:block; width:20px; height:20px; background-repeat:no-repeat; margin-top:5px; }
.quick-zoom > .btn-zoom > span { display:inline-block; width:0; height:0; font-size:xx-small; overflow:hidden; }
.quick-zoom .in { background-image:url('../../images/home/quick_ico_plus.png'); }
.quick-zoom .out { background-image:url('../../images/home/quick_ico_minus.png'); }
.quick-menu .quick-go { position:absolute; top:50%; left:0; width:60px; transform:translateY(-50%); }
.quick-go .btn-go { position:relative; display:block; width:60px; height:45px; font-size:10px; color:#424242; padding-top:30px; margin-top:25px; }
.quick-go .btn-go:first-child { margin-top:0; }
.quick-go .btn-go::before { content:''; position:absolute; display:block; top:0; left:50%; width:24px; height:25px; background-repeat:no-repeat; margin-left:-12px; }
.quick-go .btn-go.certify::before { background-image:url('../../images/home/quick_ico_certify.png'); }
.quick-go .btn-go.agency::before { background-image:url('../../images/home/quick_ico_agency.png'); }
.quick-go .btn-go.dictionary::before { background-image:url('../../images/home/quick_ico_dictionary.png'); }
.quick-go .btn-go.fcstory::before { background-image:url('../../images/home/quick_ico_fcstory.png'); }
.quick-go .btn-go.brochure::before { background-image:url('../../images/home/quick_ico_brochure.png'); }
.quick-go .btn-go.talk::before { background-image:url('../../images/home/quick_ico_talk.png'); }
.quick-go .btn-go.loginUseInfo::before {background-image:url('../../images/home/quick_ico_info.png');background-position:center; background-size:14px;}
.quick-go .movie { display:block; margin-top:25px; }
.quick-go .movie > img { display:block; }
.quick-menu .quick-updown { position:absolute; bottom:20px; left:10px; width:40px; }
.quick-updown > .btn-page { position:relative; display:block; width:40px; height:40px; background-repeat:no-repeat; margin-top:10px; }
.quick-updown > .btn-page > span { display:inline-block; width:0; height:0; font-size:xx-small; text-indent:-9999px; }
.quick-updown .up { background-image:url('../../images/home/quick_ico_up.png'); }
.quick-updown .down { background-image:url('../../images/home/quick_ico_down.png'); }

/* input */
[class*="inp-"] { height:40px; }
[class*="inp-"][type="date"] { line-height:40px; }
textarea[class*="inp-"] { height:50px; }
.input-wrap .lb-cost { font-size:13px; }
.input-wrap .inp-del,
.list-cont .input-wrap .inp-del { bottom:10px; }
.input-wrap .btn-secure { height:40px; }
.input-wrap .btn-secure::after { top:5px; }
.input-wrap .btn-secure:focus::after { top:3px; right:9px; border:1px dotted #000; }
.input-wrap .dash { height:40px; line-height:40px; }
.input-item.unit .unit { top:10px;  }
.list-wrap .input-item.unit .unit { font-size:13px !important;  }
.type-email .input-item { width:calc(50% - 20px); margin-top:0; }
.cyber-wrap .input-wrap .dash { height:40px; line-height:40px; }
.input-wrap.type-email .input-email { height:40px; }
.input-wrap.type-email .dash { width:20px; height:40px; line-height:40px; text-indent:0; }
.input-wrap.type-email .radio-wrap.type-tab.col2 > label { width:25%; border-radius:0; border:1px #bdbdbd solid; border-right:0; }
.input-wrap.type-email .radio-wrap.type-tab.col2 > input[type="radio"]:first-child + label { border-radius:7px 0 0 7px; }
.input-wrap.type-email .radio-wrap.type-tab.col2 > label:last-child { border-radius:0 7px 7px 0; border-right:1px #bdbdbd solid; }
.input-wrap.type-email .radio-wrap.type-tab.col2 > input[type="radio"]:checked + label::after { border-radius:0; }
.input-wrap.type-email .radio-wrap.type-tab.col2 > input[type="radio"]:first-child:checked + label::after { border-radius:7px 0 0 7px; }
.input-wrap.type-email .radio-wrap.type-tab.col2 > input[type="radio"]:checked + label:last-child::after { border-radius:0 7px 7px 0; }
.input-wrap.type-calc .input-item:first-child .inp-base { width:calc(100% - 100px); }
.input-wrap.type-calc .input-item .inp-base.inp-clear { padding-right:35px;  }
.input-wrap.type-calc .btn-base { width:90px; height:40px; }
.input-wrap.type-calc .input-item.unit .unit { right:110px; }
.input-wrap.type-calc .inp-del { right:105px; }
.input-wrap.type-calc .input-item.unit .inp-del { right:142px; }
.input-wrap.type-srch .btn-srch-line,
.input-wrap.type-srch .btn-srch-x,
.input-wrap.type-srch .btn-srch { top:5px; }
.input-wrap.type-filter .btn-srch-line { top:6px; }
.input-wrap.type-file .input-item { width:100%; }
.input-wrap.type-addr .inp-del { right:160px; }
.tbl-base .input-wrap .btn-secure { height:35px; }
.input-wrap span.error, span.error { font-size:13px; }
.input-wrap span.error::before, span.error::before { top:2px; }
.input-wrap span.error::after, span.error::after { top:8px; }
.cyber-wrap .filter-srch .input-item .inp-del { right:35px; }
.list-wrap .input-wrap.type-calc .input-item:first-child .inp-base { width:calc(100% - 100px); }

/* 간편비밀번호 */
.input-wrap.simplePin + .btn-wrap { margin-top:50px; }
.input-wrap.simplePin .inp-base + .placeholder { height:40px; line-height:40px; }

/* radio box */
.radio-wrap.type-button.dic-sort::after { content:''; display:block; clear:both; }
.radio-wrap.type-button.dic-sort .radio-item { float:left; display:block; width:calc(7.14% - 4.64px); margin-right:5px; margin-bottom:0; }
.radio-wrap.type-button.dic-sort .radio-item:nth-child(14n) { margin-right:0px; }
.radio-wrap.type-button.dic-sort label { min-width:auto !important; width:100%; text-align:center; margin-bottom:5px; }
.radio-wrap.type-button.dic-sort input[type="checkbox"]:checked + label { border-color:#e67602; background:#fff7f1; }
.radio-wrap.type-border .line-base{padding:20px;border:1px solid #f5f5f5; border-radius: 14px;}
.radio-wrap.type-border .label{width:100%; padding:20px;background:#f5f5f5;border-radius: 14px;margin-bottom:10px;}
.radio-wrap.type-border .label:before{content: "";position: absolute;top: 0px;left: -7px;border-top: 0px solid transparent;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 14px solid #f5f5f5;transform: rotate(-45deg);}
.radio-wrap.type-border .label em:before{position:absolute;content:"";width:25px;height:25px;background:#fff;border-radius: 50%;box-shadow:1px 2px 5px 0 rgba(0, 0, 0, 0.16);z-index:-1;margin-left:-8px;margin-top:-2px;}
.radio-wrap.type-border .label em{position: absolute;z-index:1;}
.radio-wrap.type-border .label span{margin-left:30px;}
.radio-wrap .label { font-size:17px; }
.box-base .radio-item label { font-size:15px; }
.box-base .radio-item label:before,
.box-base .radio-item label:after { margin-top:3px; }
.radio-item input[type="radio"]:focus + label { outline:1px dotted #000; outline-style: auto }
.radio-wrap.type-tab input[type="radio"]:focus + label {  outline:1px dotted #000; outline-style:auto;  }
.radio-wrap.type-chip label:hover,
.radio-wrap.type-chip input[type="radio"]:focus + label { box-shadow:0 0 4px rgba(0,0,0,0.2); outline:1px dotted #000; outline-style:auto;   }
.radio-wrap.type-chip input[type="checkbox"]:focus + label { box-shadow:0 0 4px rgba(0,0,0,0.2); outline:1px dotted #000; outline-style:auto;   }
.check-wrap.type-chip label:hover,
.check-wrap.type-chip input[type="checkbox"]:focus + label { box-shadow:0 0 4px rgba(0,0,0,0.5); }

/* check box */
.check-item input[type="checkbox"]:focus + label { outline:1px dotted #000; outline-style:auto;  }

textarea[class*="inp-"] { padding-top:9px; }

/* table */
.tbl-base thead th { font-size:15px; color:#212121; font-weight:800; padding-top:19px; padding-bottom:19px; }
.tbl-base thead th[scope*="group"] { font-size:15px; }
.tbl-base thead tr.fw-r > th { font-weight:800; }
.tbl-base tbody th,
.tbl-base tbody td,
.tbl-base.type-simple tbody th,
.tbl-base.type-simple tbody td { font-size:15px; padding:12px 20px; }
.tbl-base tbody td { height:60px; }
.tbl-base.type-simple tbody th { background:#fafafa; }
.tbl-base tbody th,
.tbl-base.type-simple tbody th { color:#212121; font-weight:400; text-align:left; }
.tbl-base.type-simple th { border-right:1px #eee solid; }
.tbl-base .input-item:last-of-type { margin-right:0; }
.tbl-base .input-wrap.type-addr .btn-base-s { width:95px; }
.tbl-base .input-wrap.type-addr .input-item{display:block; margin-right:0; }
.tbl-base .input-wrap.type-tel .input-item { width:calc(34% - 5px); }
.tbl-base .input-wrap.type-tel .input-item:first-child { width:32%; }
.tbl-base .type-email .radio-wrap.type-tab{margin-top:10px;margin-bottom:0;}
.tbl-base .type-email .radio-wrap.type-tab label{min-height:20px;padding:8.5px 0;}
.tbl-base .type-email .input-email { position:relative; }
.tbl-base .type-email .input-email:after { content:''; display:block; clear:both; }
.tbl-base .type-email .input-email .input-item { float:left; width:calc(50% - 15px); margin:0 0 0 30px; }
.tbl-base .type-email .input-email .input-item:first-child { margin-left:0; }
.tbl-base .type-email .input-email .dash { position:absolute; top:0; left:calc(50% - 15px); width:30px; line-height:35px; text-align:center; }
.tbl-base .type-tel2 .input-item { width:calc(70% - 5px); }
.tbl-base .type-tel2 .input-item:first-child { width:30%; }
.tbl-base .type-tel2.size-m { width:38%; }
.tbl-base tbody.sum th,
.tbl-base tbody.sum td,
.tbl-base tfoot th,
.tbl-base tfoot td { font-size:15px; padding:12px 20px }
.tbl-base tbody tr:first-child th,
.tbl-base tbody tr:first-child td { border-top:1px solid #ccc; } 
.tbl-base textarea.inp-base { padding-top:10px; padding-bottom:8px; }
.tbl-xscroll.allow { overflow:visible; }
/* .tbl-xscroll > .tbl-base { display:block; } */

/* button */
.btn-base { height:40px; }
.btn-base.search { margin-right:4px; }
.btn-base span { position:relative; }
.btn-base.large { height:60px; font-weight:700; font-size:20px; }

/* button - large */
.btn-base-l { min-width:160px; height:50px; }

/* button layout */
.btn-wrap.col4 .btn-base-s.download { padding-right:45px; }
.btn-wrap-fixed { width:100%; margin-top:40px; }
.btn-wrap-fixed::after { display:none; }
.btn-wrap-fixed .btn-base,
.btn-wrap-fixed.col2 .btn-base { float:none; display:inline-block; width:auto; min-width:240px; height:60px; font-size:20px; border-radius:4px; padding:0 40px; }
.btn-close span { top:0; left:0; width:30px; height:30px; background:url('../../images/home/ico_close.png') no-repeat; transform:none; }
.btn-close span::before,
.btn-close span::after { display:none; }
.btn-wrap-fixed.col2 .btn-base,
.btn-wrap-fixed.half .btn-base { float:none; width:auto; }
.btn-wrap .btn-base.share { width:65px !important; padding:0 !important; margin-bottom:10px; }
.btn-wrap.type-large { text-align:center; }
.btn-wrap.type-large .btn-base { min-width:240px; height:60px; font-size:20px; font-weight:700; }
.btn-wrap.only-pc-col2 [class*="btn-base"] { float:left; display:block; width:calc(50% - 3px); margin:0 0 0 6px; }
.btn-wrap.only-pc-col2 [class*="btn-base"]:first-child { margin-left:0; }
.btn-wrap.only-pc-col2:after { display:block; clear:both; content:""; }

/* button */
.btn-share { width:40px; height:40px; background:url('../../images/home/ico_share_pc.png') center center no-repeat; }
.btn-txt { font-size:15px; }
.btn-txt-arrow span{font-size:13px;}
.btn-edge { bottom:0; right:0; }

/* link with icon */
.link-wrap.type-icon { margin-top:50px; }
.link-wrap.type-icon .link-base { width:104px; height:120px; margin-bottom:0; }
.link-wrap.type-icon .link-base > span { width:100%; height:50px; background:url('../../images/home/login_ico_service_pc.png'); margin-bottom:15px; }
.link-wrap.type-icon .link-base > span.happycall { background-position:-7px 0; }
.link-wrap.type-icon .link-base > span.claim { background-position:-138px 0; }
.link-wrap.type-icon .link-base > span.complaint { background-position:-272px 0; }
.link-wrap.type-icon .link-base > span.insurelist { background-position:-402px 0; }
.link-wrap.type-icon .link-base > span.receipt { background-position:-532px 0; }
.link-wrap.type-icon .link-base > span.agency { background-position:-662px 0; }
.link-wrap.type-icon .link-base > span.annuityAccTranfer { background-position:-792px 0; }
.link-wrap.type-icon .link-base > span.record { background-position:-922px 0; }

/* list > 아이콘 link */
.link-list.type-icon .link-item { width:calc(25% - 10px); height:180px; margin-right:13px; }
.link-list.type-icon.col3 .link-item { width:calc(33.3% - 7px); margin-right:10px; }
.link-list.type-icon .link-item:last-child,
.link-list.type-icon.col3 .link-item:nth-child(3) { margin-right:0; }
.link-list.type-icon .link-item > a { font-size:15px; padding-top:130px; }
.link-list.type-icon .link-item > a::before { top:40px; width:80px; height:60px; background-image:url('../../images/home/login_icon_pc.png'); margin-left:-40px; }
.link-list.type-icon .link-item > a.simple::before { background-position:0 0; }
.link-list.type-icon .link-item > a.simple:hover::before { background-position:0 -60px; }
.link-list.type-icon .link-item > a.certify::before { background-position:-80px 0; }
.link-list.type-icon .link-item > a.certify:hover::before { background-position:-80px -60px; }
.link-list.type-icon .link-item > a.kakao::before { background-position:-160px 0; }
.link-list.type-icon .link-item > a.kakao:hover::before { background-position:-160px -60px; }
.link-list.type-icon .link-item > a.toss::before { background-image:url('../../images/home/login_icon_toss_pc.png'); }
.link-list.type-icon .link-item > a.toss:hover::before { background-image:url('../../images/home/login_icon_toss_pc_over.png'); }
.link-list.type-icon .link-item > a.mobile::before { background-position:-240px 0; }
.link-list.type-icon .link-item > a.mobile:hover::before { background-position:-240px -60px; }
.link-list.type-icon .link-item > a.group01::before { background-position:0 -120px; }
.link-list.type-icon .link-item > a.group01:hover::before { background-position:0 -180px; }
.link-list.type-icon .link-item > a.group02::before { background-position:-80px -120px; }
.link-list.type-icon .link-item > a.group02:hover::before { background-position:-80px -180px; }
.link-list.type-icon .link-item > a.group03::before { background-position:-160px -120px; }
.link-list.type-icon .link-item > a.group03:hover::before { background-position:-160px -180px; }

.link-list .link-cont span { font-size:13px; }

/* 로그인 layout */
.commPage .tab-cont .main-page { margin-top:40px; }
.commPage .main-page + .main-page { padding-top:60px; }
.commPage .main-page + .main-page::before { content:''; position:absolute; display:block; top:-10px; left:-80px; width:calc(100% + 160px); height:10px; background:#eee; }

/* 로그인 : 단체 */
.login-group-set::after { content:''; display:block; clear:both; }
.login-group-set .check-item { float:left; }
.login-group-set .link-wrap { float:right; text-align:right; }

/* UI/UX Layout */
.title-wrap { position:relative; padding-top:60px; color:#757575; }
.title-wrap .pageTit { font-size:30px; font-weight:800; }
.title-wrap .h1 { font-size:20px; font-weight:400; margin-top:20px; color:#757575; }
.title-wrap .h1 strong { font-weight:700; color:#424242; }
.title-wrap .h1 [class*="pd"] { padding:0 !important; }
.title-wrap .tit-sub { font-size:16px; margin-top:15px; }
.title-wrap + * { margin-top:60px; }
/* .ui-modal .ui-modal-cont.scrollbar-dynamic > .ui-modal-cont { height:100% !important; overflow:scroll !important; } */
.ui-modal .scrollbar-dynamic > .scroll-element.scroll-x { display:none; }
.ui-modal .title-wrap { padding-top:0; /*margin-top:20px;*/ }
.ui-modal .title-wrap > .h1 { font-size:30px; font-weight:400; margin-top:0; }
.ui-modal .title-wrap .h1 strong { font-weight:800; color:#424242; }
.tab-cont .title-wrap { padding-top:20px; }
.tab-cont .title-wrap .h1 { margin-top:0; }
.ui-modal .ui-modal-cont:focus { outline: none; }
.ui-modal .btn-wrap-fixed { margin-top:40px; }
.ui-modal .ui-modal-cont > .scroll-content { height:100% !important; margin-bottom:0 !important; }
.ui-modal .process-wrap { top:5px; }

/* visual area */
.main-visual { position:relative; height:240px; background:#f0f0f0; }
.main-visual + .main-page { margin-top:50px; }

/* bullet */
[class*="bul"] { word-break:keep-all; }
.ul-base > li,
.ol-base > li { color:#424242; word-break:keep-all; }
.ul-base > li:before { top:13px; width:3px; height:3px; }
.ol-base > li:before { top:2px; }
.ul-base.small > li { padding-left:8px; font-size:13px; }
.ul-base.small > li:before { top:10px; }
.ul-base.type-dash.small > li::before { top:12px; }
.ul-base.small p.bul-note { font-size:13px; }
.ui-acco.type-caution .ui-acco-pnl .ul-base > li,
.ui-acco.type-note .ui-acco-pnl .ul-base > li,
.ui-acco.type-useinfo .ui-acco-pnl .ul-base > li,
.ui-acco.type-basic .ui-acco-pnl .ul-base > li,
.ui-acco.type-caution .ui-acco-pnl .ol-base > li,
.ui-acco.type-note .ui-acco-pnl .ol-base > li,
.ui-acco.type-useinfo .ui-acco-pnl .ol-base > li,
.ui-acco.type-basic .ui-acco-pnl .bul-note,
.ui-acco.type-caution .ui-acco-pnl .bul-note,
.ui-acco.type-note .ui-acco-pnl .bul-note,
.ui-acco.type-useinfo .ui-acco-pnl .bul-note,
.ui-acco.type-basic .ui-acco-pnl .ol-base > li{ color:#757575; font-size:13px; }
.ui-acco.type-caution .ui-acco-pnl .ul-base > li:before,
.ui-acco.type-note .ui-acco-pnl .ul-base > li:before,
.ui-acco.type-useinfo .ui-acco-pnl .ul-base > li:before,
.ui-acco.type-basic .ui-acco-pnl .ul-base > li:before { top:12px; } 
.ui-acco.type-caution .ui-acco-pnl .ol-base > li > i,
.ui-acco.type-note .ui-acco-pnl .ol-base > li > i,
.ui-acco.type-useinfo .ui-acco-pnl .ol-base > li > i { top:3px; }
.bul-note.small { font-size:15px; }
.ul-base > li .btn-link-r { margin-top:0 !important; margin-left:10px; color:#000; vertical-align:middle;  }
.ul-base > li .btn-link-r:after { border-color:#000; }
.ol-base.small > li { font-size:13px; line-height:18px; padding:4px 0 4px 20px;  }
.ol-base.small > li > i { top:4px; }
.ul-base .li-utils > p { display:inline; }
.ul-base .li-utils .btn-base-s { margin:-8px 0 0 10px; }
/* radio */
.radio-wrap.type-col .radio-item,
.ui-modal .radio-wrap.type-col.pc-col4 .radio-item { width:calc(25% - 15px);}
.ui-modal .radio-wrap.type-col .radio-item { width:calc(50% - 10px);}
.radio-wrap.type-list.col2 .radio-item{display:inline-block;width:calc(50% - 10px);}
.radio-wrap.type-list.col2 .radio-item:first-child{margin-right:10px;}
.radio-wrap.type-box .radio-item{border:1px solid #e0e0e0;border-radius: 5px;padding:20px;margin-left:20px;}
.radio-wrap.type-box .radio-item:first-child { margin-left:0; }
.ui-modal .radio-wrap.type-box .radio-item{margin:0 5px;}
.radio-wrap.type-tab label.multi-line { font-size:15px; padding:8px 0; }
.radio-wrap.type-tab label.multi-line > i { font-size:13px; }

/* checkbox */
.check-wrap.type-col .check-item { width:25%; padding-right:5px; }
.check-item.chk-floating label { font-size:13px; }

/* 보험금/보험료 감액 */
.insure-ch-wrap .insure-ch-item { padding-left:40px; padding-right:40px; }
.insure-ch-wrap .insure-ch-item .label { font-size:13px; }
.insure-ch-wrap .insure-ch-item .price,
.insure-ch-wrap .insure-ch-item .price2 { font-size:18px; }
.insure-ch-wrap .insure-ch-item .price .ui-select .ui-select-wrap.bottom { top:34px; }
.insure-ch-wrap .insure-ch-item .price .ui-select .ui-select-wrap.top { bottom:34px; }
.insure-ch-wrap .insure-ch-item .tbl-desc th { font-size:13px; }
.insure-ch-wrap .insure-ch-item .tbl-desc td { font-size:15px; }
.insure-ch-wrap.type-v .insure-ch-item { display:table-cell; }
.insure-ch-wrap.type-v .insure-ch-item.before::after { top:50%; right:-10px; left:auto; width:20px; height:20px; transform:none; }

/* tab */
.tab-btns-wrap::after { content:''; display:block; clear:both; }
.tab-btns-wrap .btn-tab { float:left; display:block; height:70px; font-size:18px; color:#757575; font-weight:400; word-break:keep-all; padding:0 5px; }
.tab-btns-wrap .btn-tab::after { content:''; position:absolute; display:block; top:50%; right:0; width:1px; height:20px; background:#bdbdbd; margin-top:-10px; }
.tab-btns-wrap .btn-tab:last-child::after { display:none; }
.tab-btns-wrap .btn-tab.now::before { height:4px; }
.tab-btns-wrap[class*="col1"] .btn-tab { min-width:200px; }
.tab-btns-wrap.col4 .btn-tab { width:25%; }
.tab-btns-wrap.col5 .btn-tab { width:20%; }
.tab-btns-wrap.col6 .btn-tab { width:16.666%; _max-width:calc(100% / 6);}
.tab-btns-wrap.col7 .btn-tab { width:14.2%; }
.tab-inner { white-space:initial; }

/* 텍스트에 밑줄만 그어진 버튼의 탭 */
.tab-wrap.type-inline { }
.tab-wrap.type-inline .tab-btns-wrap:before { display:none; }
.tab-wrap.type-inline .btn-tab:not(.now) { color:#bdbdbd; }
.tab-wrap.type-inline .btn-tab { float:none; display:inline-block; width:auto; height:auto; padding:0; margin-right:15px; font-size:15px; }
.tab-wrap.type-inline .btn-tab:after { display:none; }
.tab-wrap.type-inline .btn-tab.now { border-width:2px; }

/* toast */
.ui-toast:not(.favorite-fund) { padding:20 25px; font-size:15px; }

/* step page */
.main-page { position:relative; }
.main-page.w870 { width:870px; margin:0 auto; }
.main-page + .main-page { margin-top:60px; }
.ui-modal .main-page + .main-page { border-top: 10px solid #f5f5f5; padding-top: 60px; margin-top: 60px; }

.step-onepage { position:relative; width:600px; margin:0 auto;   }
.step-onepage + .step-onepage {margin-top:0px; margin-bottom:80px;}
.step-onepage .ui-tooltip-wrap {margin-left:0;}

/* 주의사항 및 이용안내 */
.life-wrap .ui-acco.type-caution .ui-acco-btn,
.life-wrap .ui-acco.type-useinfo .ui-acco-btn { width:auto; font-weight:700; padding:0; padding-left:20px; }
.ui-acco.type-basic .ui-acco-btn { padding-left:0; }
.life-wrap .ui-acco.type-caution .ui-acco-btn::before,
.life-wrap .ui-acco.type-useinfo .ui-acco-btn::before { top:3px; left:0; }
.life-wrap .ui-acco.type-caution .ui-acco-arrow,
.life-wrap .ui-acco.type-useinfo .ui-acco-arrow { float:none; display:inline-block; top:auto; width:10px; height:10px; vertical-align:middle; margin-left:5px; margin-bottom:5px; }
.life-wrap .ui-acco.type-caution .ui-acco-pnl,
.life-wrap .ui-acco.type-useinfo .ui-acco-pnl { padding:0; padding-top:10px; background:none; }
/* .ui-acco.type-caution .ui-acco-pnl .ul-base > li,
.ui-acco.type-useinfo .ui-acco-pnl .ul-base > li { font-size:13px; line-height:1.4; padding-left:20px; } */
/* .ui-acco.type-caution .ui-acco-pnl .ul-base > li,
.ui-acco.type-useinfo .ui-acco-pnl .ul-base > li { padding-left:10px; } 
.ui-acco.type-caution .ui-acco-pnl .ul-base > li::before,
.ui-acco.type-useinfo .ui-acco-pnl .ul-base > li::before { width:3px; height:3px; } */
.life-wrap .ui-acco-arrow:after,
.life-wrap .ui-acco-arrow:before { content:''; position:absolute; display:block; width:6px; height:2px; background:#757575; }
.life-wrap .ui-acco-arrow:before { top:5px; left:0px; }
.life-wrap .ui-acco-arrow:after { top:5px; left:4px; }

.ui-acco.type-caution .ui-acco-btn,
.ui-acco.type-useinfo .ui-acco-btn,
.ui-acco.type-note .ui-acco-btn { padding-left:20px; }
.ui-acco.type-caution .ui-acco-btn:before,
.ui-acco.type-useinfo .ui-acco-btn:before,
.ui-acco.type-note .ui-acco-btn:before { left:0; }
.ui-acco.mg-full .ui-acco-btn { padding-left:0; padding-right:0; }

/* 에러페이지 */
.main-page.type-error .title-wrap { margin-top:40px; }
.main-page.type-error .title-wrap .h1 { font-size:30px; padding-bottom:10px; }
.main-page.type-error .title-wrap .h1 > strong { font-weight:700; }
.main-page.type-error .title-wrap .h1::after { width:100%; }
.main-page.type-error .title-wrap .tit-sub { margin-top:80px; }

/* datepicker */
.tbl-base .ui-datepicker.visible .ui-datepicker-wrap { top:40px; bottom:auto; }
.list-wrap .list-item:not(.type-detail) .ui-datepicker.visible .ui-datepicker-wrap,
.tbl-base .ui-datepicker.visible .ui-datepicker-wrap { top:40px; }
.ui-datepicker .ui-select-wrap { z-index:9; }
.ui-datepicker.visible .ui-datepicker-wrap.bottom { top:auto; bottom:40px; }
.ui-datepicker .ui-datepicker-wrap,
.ui-yearmonth .ui-yearmonth-wrap { z-index:9; }
.ui-datepicker .ui-select-wrap.bottom { top:40px !important; }
.ui-datepicker .ui-select-wrap.top { bottom:40px !important; }
.ui-datepicker .ui-select-btn { height:40px !important; font-size:18px !important; }
.ui-datepicker .ui-select-btn::after { top:12px !important; right:10px !important; }
.ui-datepicker .ui-datepicker-btn i,
.ui-yearmonth .ui-yearmonth-btn i { top:12px; right:11px !important; }
.ui-datepicker.fixed .ui-datepicker-wrap { position:fixed; transition:none; }
.tbl-datepicker th,
.list-wrap .list-cont .tbl-datepicker th { height:30px !important; text-align:center !important; font-size:12px !important; background:none !important; padding:0 !important; }
.tbl-datepicker th abbr { display:block; border:0; cursor:default; text-decoration:none; }
.tbl-datepicker td,
.list-wrap .list-cont .tbl-datepicker td { position:relative; height:auto !important; padding:4px 0 0 !important; text-align:center !important; border:0 !important; }

/* 년/월 picker */
.ui-yearmonth .ui-yearmonth-wrap { position:absolute; width:360px; margin-top:0 !important; top:45px;  transition:top 0.1s ease-out, opacity 0.1s ease-out; }
.ui-yearmonth.visible .ui-yearmonth-wrap { opacity:1; top:40px; }
.ui-yearmonth .btn-close { position:absolute; top:10px; right:10px; z-index:1; }
.ui-yearmonth .ui-select-wrap.bottom { top:40px !important; }
.ui-yearmonth .ui-select-wrap.top { bottom:40px !important; }


/* tooltip */
.ui-tooltip { max-width:600px; }
span.ui-tooltip-btn.large, button.ui-tooltip-btn.large { width:30px; height:30px; }
span.ui-tooltip-btn.large:after, button.ui-tooltip-btn.large:after { line-height:30px; font-size:24px; }

/* modal */
.ui-modal { width:600px; }
.ui-modal.modal-system { min-width:400px; max-width:400px; min-height:auto; }
.ui-modal .ui-modal-wrap { border-radius:2px; }
.ui-modal .ui-modal-wrap.no-header .ui-modal-cont { padding-top:90px; }
.ui-modal .ui-modal-header { min-height:74px; /* height:74px; */ height:auto; text-align:left; line-height:1.4em; padding:21px 70px 18px 40px; } /* [20200904/jh] 모달 제목 두 줄 이상일 시 스타일 */
.ui-modal .ui-modal-header h1 { font-size:25px; font-weight:400; line-height:1.0em; text-align:left; line-height:1.4em; }
.ui-modal .ui-modal-header h1 .sub-tit { position:relative; display:inline-block; vertical-align:top; line-height:28px; padding-left:20px; font-size:18px; color:#757575;   }
.ui-modal .ui-modal-header h1 .sub-tit:before { content:''; position:absolute; margin-top:-10px; top:50%; left:10px; width:1px; height:20px; background:#e0e0e0;       }
.ui-modal .btn-close { top:27px; right:40px; width:20px; height:20px; }
.ui-modal .btn-close > span { width:20px; height:20px; background-image:url('../../images/home/btn_close_modal.png'); }
.ui-modal.modal-system .btn-close { top:20px; right:20px; }
.ui-modal .btn-share { top:26px; right:116px; }
.ui-modal.type-page { position:relative; display:block; top:0; width:100%; opacity:1; transform:none; }
.ui-modal.type-page .ui-modal-header { position:absolute; top:0; left:0; width:100%; text-align:center; background:#fff; padding:30px 40px; z-index:2; }
.ui-modal.type-page .ui-modal-tit { font-size:20px; font-weight:700; }
.ui-modal.type-page .ui-modal-cont { padding:0; }
.ui-modal.type-page .scroll-wrapper { top:74px; }
.ui-modal.type-page .ui-floating-wrap { width:1000px; left:50%; margin-left:-500px; }
.newPop .ui-modal.type-page .ui-modal-header { position:fixed; padding:25px 40px; }
.newPop .ui-modal.type-page .ui-modal-cont { padding-top:90px; }
/* .scroll-element.scroll-x { display:none !important; }
.scroll-wrapper > .scroll-content { padding-right:17px; } */

.ui-modal-header .btn-share { position:absolute; top:18px; right:90px; display: inline-block; width:40px; height:40px; background: #f5f5f5; border-radius: 50%; }
.ui-modal-header .btn-share:after { content:''; position:absolute; top:12px; left:50%; margin:0 0 0 -8px; width:17px; height:16px; background:url(../../images/home/ico-share.png) no-repeat 0 0; background-size:17px auto ;    }

.ui-modal.transparent { }
.ui-modal.transparent .ui-modal-header { display:none; }
.ui-modal.transparent .ui-modal-wrap,
.ui-modal.transparent .ui-modal-cont { background:none; }
.ui-modal.transparent .ui-modal-inner { text-align:center; }

/* system modal */
.ui-modal .ui-modal-inner { /*min-height:400px;*/ padding:0 40px 60px; }
.ui-modal .ui-modal-inner:first-child > h2:first-child,
.ui-modal .ui-modal-inner:first-child > h3:first-child,
.ui-modal .ui-modal-inner:first-child > h3:first-child,
.ui-modal .ui-modal-inner:first-child > p:first-child { margin-top:20px; }
.ui-modal .ui-modal-footer { text-align:center; padding:30px 0; }
.ui-modal .ui-modal-footer .btn-wrap-fixed { margin:0; }
.ui-modal-footer .btn-base { display:inline-block; width:auto; min-width:160px; height:50px; font-size:15px; box-shadow:none !important; border-radius:4px; margin:0 3px; }
.ui-modal .ui-modal-footer::before { display:none; }
.modal-system .ui-modal-cont { font-size:16px; text-align:center; border-radius:2px 2px 0 0; padding:0 40px; }
.modal-system .ui-modal-inner { min-height:none; }
.modal-system .ui-modal-txt { padding-top:60px; }
.modal-system .ui-modal-footer { border-radius:0 0 2px 2px; }
.ui-modal-footer .cost-result { padding:0 40px; }

/* 사이버창구 공지 */
.main-notice .slick-dots { top:-60px; }

/* select box */
.ui-select { position:relative; min-width:100px; }
.ui-select-wrap { width:100%; max-height:242px; z-index:9; }
.ui-select-wrap .select-tit-wrap { display:none; }
.ui-select-wrap.top { bottom:39px; }
.ui-select-wrap.bottom { top:39px; }
.ui-modal .ui-select-wrap { max-height:122px; }
.ui-select-btn { width:100%; height:40px; }
.ui-select-btn::after { top:12px; }
.ui-select.type-b .ui-select-btn { height:62px; padding-left:25px; padding-right:52px; }
.ui-select.type-b .ui-select-wrap.bottom { top:62px; }
.ui-select.type-b .ui-select-wrap.top { bottom:62px; }
.ui-select.type-b .ui-select-btn:focus { border-color:#0091ea; }
.ui-select.type-b .ui-select-btn:after { top:calc(50% - 6px); right:28px; }
.ui-select.type-b .ui-select-opt { padding-left:25px; padding-right:25px; }
.ui-select-opts input:focus,
.ui-select-opt:focus,
.ui-select-opt:hover { background:#444; color:#fff; }
.input-item .ui-select { width:100%; }
.list-wrap .ui-select-wrap.bottom,
.tbl-base .ui-select-wrap.bottom { top:34px; }
.list-wrap .ui-select-wrap.top,
.tbl-base .ui-select-wrap.top { bottom:34px; }

.input-item.unit .inp-clear { padding-right:70px; }

/* inputbox in table */
.list-wrap .list-item:not(.type-detail) .btn-secure { height:40px; }
.list-wrap .list-item:not(.type-detail) .btn-secure:after { top:10px; }
.list-wrap .list-item:not(.type-detail) .inp-base,
.tbl-base .ui-select-btn,
.list-wrap .list-item:not(.type-detail) .ui-select-btn,
.tbl-base .inp-base { font-size:15px; }
.list-wrap .list-item:not(.type-detail) .inp-base,
.tbl-base .ui-select-btn,
.list-wrap .list-item:not(.type-detail) .ui-select-btn,
.tbl-base .inp-base { height:40px; }
.list-wrap .input-wrap.type-calc .input-item .btn-base { height:40px; width:90px;  }
.list-wrap .list-item:not(.type-detail) .ui-select-btn::after,
.tbl-base .ui-select-btn::after { top:12px; }
.list-wrap .list-item:not(.type-detail) .input-item.unit .unit, 
.tbl-base .input-item.unit .unit { font-size:13px; top:10px; right:10px; }
.list-wrap .list-item:not(.type-detail) .type-calc .input-item.unit .unit, 
.tbl-base .type-calc .input-item.unit .unit { right:115px; }
.tbl-base .input-item.unit .inp-base, 
.list-wrap .list-item:not(.type-detail) .input-item.unit .inp-base { padding-right:30px; }
.tbl-base .input-item.unit .inp-base.inp-clear, 
.list-wrap .list-item:not(.type-detail) .input-item.unit .inp-base.inp-clear { padding-right:70px; }
.list-wrap .list-item:not(.type-detail) .input-item.unit .inp-del,
.tbl-base .input-item.unit .inp-del { right:142px; }
.tbl-base .input-item.type-select-system:after { top:14px; right:15px; }
.input-item.unit .inp-del { right:42px; }
.list-wrap .ui-select-wrap.bottom,
.tbl-base .ui-select-wrap.bottom { top:39px; }

/* input size */
.input-wrap[class*="size-"] { padding:0; }
.ui-select.size-s { width:100%; max-width:200px; }
.input-item.size-m,
.ui-select.size-m,
.input-item.size-m .ui-datepicker,
.input-wrap.size-m .ui-datepicker { width:100%; max-width:375px; }
.input-wrap.type-datepicker.size-m:not(.type-startend) .input-item { width:100%; }
.input-item.size-full,
.input-wrap.type-datepicker.size-full:not(.type-startend) .input-item,
.ui-select.size-full { width:100%; max-width:100%; }
.input-wrap.size-full .ui-datepicker,
.input-item.size-full .ui-datepicker { width:100%; max-width:100% !important; }
.input-wrap.type-addr .input-item:first-child .inp-base,
.input-wrap.type-file .ui-select,
.input-wrap.type-file .inp-base { width:calc(100% - 150px); }
.input-wrap.type-addr .btn-base,
.input-wrap.type-file .btn-base { width:140px; }
.input-wrap.type-file .inp-base { opacity:0; }
.input-wrap.type-file .btn-base { top:40px; }
.input-wrap.type-file .file-wrap { width:calc(100% - 150px); padding:10px 15px 4px; min-height:40px; }
.input-wrap.type-file .file-wrap .file { line-height:21px; }
.input-wrap.type-file:before { top:40px; width:calc(100% - 150px); min-height:40px; border-color:#e0e0e0; }
.life-wrap .input-wrap.type-file:before { width:calc(100% - 175px); }

/* slide(carousel) */
.ui-carousel-item { padding:20px; }
.ui-carousel.type-b { padding:0; }

/* 상태 태그 */
.grade-tag { height:22px; line-height:22px; padding:0 8px; border-radius:11px; font-size:13px; font-weight:700; }

/* slide - box type */
.btn-myfund { height:26px; padding:3px 10px; border-radius:13px; font-size:13px; }
.btn-myfund:before { width:14px; height:14px; margin-right:3px; background-size:14px auto; }
.btn-myfund:hover { background-color:#fafafa; }
.btn-favorite:before, .btn-favorite:after { width:20px; height:20px; margin:-10px 0 0 -10px; background-size:20px auto; }
.btn-delete:before { width:25px; height:25px; margin:-12px 0 0 -12px; background-size:25px auto; }
.btn-favorite:after { background-position:0 -20px; }
.btn-edge:after { border-width:8px; }
.ui-modal-inner > .list-wrap { margin-left:0; margin-right:0; }
.list-wrap .list-head { padding:20px 10px 17px; }
.list-wrap .list-head .list-title span:not(.grade-tag):not(.status-tag) { display:-webkit-box; width:100%; max-height:2.8em; overflow:hidden; text-overflow:ellipsis; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.list-wrap .list-head a.list-title:hover span { text-decoration:underline; }
.list-item .list-title .grade-tag,
.list-item.type-data .list-title .grade-tag { margin-top:-2px; vertical-align:middle; }
.list-wrap:not(.ui-carousel) .list-head + .list-cont.summary { margin-top:-16px; } /* list-head만 있을때도 있어서 list-head의 padding-bottom을 줄일 수 없기에 당겨줌 */
.list-wrap:not(.ui-carousel) .list-head + .list-btn { margin-top:-13px; }
.list-wrap .item-more { top:14px; }
.list-wrap .item-more .btn-myfund { display:inline-block; margin-right:5px; }
/* .list-item .item-tags { margin-bottom:7px; } */
span.ico-status:before { margin-right:6px; }
.item-tags span, .item-filters label { font-size:13px; }
.list-wrap .data-items{ margin:0; }
.list-wrap .list-item.type-check .list-pnl .data-items { margin-left:-38px; }
.list-wrap .list-item.type-check .list-cont .data-items { /* margin-top:20px; */ margin-left:-45px; }
.list-wrap .list-item.type-check .list-label { width:30px; }
.list-wrap .list-item.type-check .list-label label { }
.list-wrap .data-items ul { padding:0; display:-ms-flexbox; display:flex; justify-content:space-between; width:100%; }
.list-wrap .data-items .item { flex:1; margin:0 !important; }
.list-wrap .list-item .data-items .item .value { font-size:17px; }
.list-wrap .list-item .data-items .item .key { margin-top:0; font-size:13px; }
.list-wrap .list-item.type-line.add .list-head,
.list-wrap .list-item.type-line .list-head { padding-left:20px;}
.list-wrap .list-item.disabled .btn-delete:before { background-position:0 -25px; }

/* 리스트 */
.list-wrap .list-item .list-cont { padding:0 10px 19px; }
.list-wrap .list-item .list-cont:after,
.list-wrap .list-item .list-cont:not([class*="divide"]):before { display:none; }
.list-wrap .list-item .list-cont .data-items.col5 { margin:0 -63px 0 -68px; }
.list-wrap .list-item .list-cont .tbl-desc { margin-bottom:-9px; }
.list-wrap .list-item .list-cont .tbl-desc + .input-wrap { margin-top:14px; }
.list-wrap .list-item .list-overlay .list-head { padding-left:20px; padding-right:20px; }
.list-wrap .list-item .list-overlay .list-cont { padding-left:20px; padding-right:20px; }
.list-wrap .list-item .list-overlay a.list-title,
.list-wrap .list-item .list-overlay .list-title a { border-color:#fff; }
.list-wrap .list-item .list-overlay .list-cont.summary { padding-bottom:7px; }
.list-wrap .list-item .list-overlay .list-cont dl { float:left; width:50%; letter-spacing:-1em; }
.list-wrap .list-item .list-overlay .list-cont dt { position:relative; width:50%; padding:5px 17px 7px 40px; white-space:nowrap; font-size:15px; text-align:left; }
.list-wrap .list-item .list-overlay .list-cont dt:after { position:absolute; left:0; top:calc(50% - 9px); display:block; width:1px; height:17px; background:#ededed; content:"";}
.list-wrap .list-item .list-overlay .list-cont dl:first-child dt { padding-left:0; }
.list-wrap .list-item .list-overlay .list-cont dl:first-child dt:after { display:none; }
.list-wrap .list-item .list-overlay .list-cont dl:last-child dd { padding-right:0; }
.list-wrap .list-item .list-overlay .list-cont dd { width:50%; padding:0 40px 0 10px; white-space:nowrap; font-size:17px; text-align:right; }
.list-wrap .list-item .list-overlay .list-cont dd span { font-size:17px; }
.list-wrap .list-item .list-cont.summary .utils { display:none; }
.list-wrap .list-item.type-data .list-cont { padding:0 10px 24px; }
/* .list-wrap .list-cont:before,
.list-wrap .list-cont:after { display:none; } */
.list-wrap .list-cont .btn-wrap.col4 .btn-base-s { width:auto; }
.list-wrap .list-cont.summary { padding-bottom:0; }
.list-wrap .list-cont.summary .datas { padding-bottom:14px; }
.list-wrap .list-cont.summary .datas dd { font-size:20px; }
.list-wrap .list-cont.summary .datas dd .txt-status .ico { width:18px; height:18px; margin-right:3px; }
.list-wrap .list-cont.summary .datas dd .txt-status .ico:before { font-size:15px; }
/* .list-wrap .list-cont.summary { position:initial; }
.list-wrap .list-cont.summary .utils { margin-top:-10px; }
.list-wrap .list-cont.summary .utils .btn-myfund { position:absolute; top:22px; right:55px; } */
.tbl-desc.divide-s:before, .tbl-data.divide-s:before { left:10px; right:10px; }
.list-wrap .list-title { font-size:17px; line-height:24px; }
.list-wrap .list-head .list-sub.large { font-size:15px; }
.list-wrap .list-item.type-data .list-head { padding-top:28px; padding-bottom:23px; }
.list-wrap .list-item.type-data .list-head + .list-cont { margin-top:-12px; }
/* .list-wrap .list-item.type-data .grade-tag { top:0; margin-bottom:6px; } */
.list-wrap .list-item.type-check .list-label .radio-item label:before { left:0; top:30px; }
.list-wrap .list-item.type-check .list-label .radio-item label:after { left:5px !important; top:35px !important; }
.list-wrap .list-item.type-check .list-label .check-item label:before { left:0; top:30px; }
.list-wrap .list-item.type-check .list-head, 
.list-wrap .list-item.type-check .list-cont, 
.list-wrap .list-item.type-check .list-btn, 
.list-wrap .list-item.type-check .list-overlay .list-head, 
.list-wrap .list-item.type-check .list-overlay .list-cont { padding-left:35px; }

.list-wrap .list-item.type-btn { min-height:120px; padding-right:143px; }
.list-wrap .list-item.type-btn .list-added { width:112px; height:119px; }
.list-wrap .list-item.type-btn .list-info { margin:5px -143px 0 0; }
.list-wrap .list-item.type-btn .btn-added { font-size:15px; }
.list-wrap .list-item.type-btn .list-overlay { height:138px; }

/* .list-wrap .list-item .list-cont .data-box.type-v { margin:0; } */
.list-wrap .list-item .data-box.type-v.divide { border-top:0; }
.list-wrap .tbl-data { padding-top:30px; padding-bottom:30px; }
.list-wrap .list-item.type-check .tbl-data { padding-left:0; }
.list-wrap .list-pnl .tbl-data { margin-right:33px; padding-right:0; }
.list-wrap .list-pnl .tbl-data th { font-size:13px; }
.list-wrap .list-pnl .tbl-data td { padding-right:25px; }
.list-wrap .list-pnl:after, .list-wrap .list-pnl:before { display:none; }
.list-wrap .list-pnl .tbl-data td { font-size:15px; font-weight:700; }
.list-wrap .list-pnl .tbl-data td .inp-base { max-width:275px; }
.list-wrap .list-pnl .btn-link-r { font-size:13px; margin:0 0 0 10px; }
/* .list-wrap .list-pnl .tbl-data td { padding-right:30px; } */
.list-wrap .tbl-data { margin-right:-20px; }
.list-wrap .tbl-data td + th { padding-left:30px; }
.list-wrap .list-pnl .data-sub { padding-left:30px; padding-right:30px; }
.list-wrap .list-pnl .data-sub > div { font-size:13px; }
.list-wrap .list-item .list-pnl .data-box.type-v { margin:0; }
.list-wrap .list-item .list-pnl .data-box.type-v > div { padding:27px 30px; margin-top:0; }
.list-wrap .list-item .list-pnl .data-box.type-v > div:before { display:none; }
.list-wrap .list-item .list-pnl .data-box.type-v > div dt { margin-top:3px; }
.list-wrap .list-item .list-pnl .data-box.type-v > div dd { font-size:17px; font-weight:800; }

.list-wrap .list-item .data-box.type-v > div { position:relative; padding:0 45px; margin-top:20px; }
.list-wrap .list-item .data-box.type-v > div:after { display:block; clear:both; content:""; }
.list-wrap .list-item .data-box.type-v > div + div:before { position:absolute; top:calc(50% - 9px); left:0; display:block; width:1px; height:17px; background:#e6e6e6; content:""; }
.list-wrap .list-item .data-box.type-v > div dt { float:left; width:50%; margin-top:4px; text-align:left; font-size:13px; }
.list-wrap .list-item .data-box.type-v > div dd { float:right; width:50%; text-align:right; font-weight:700; }
.list-wrap .list-cont > .data-box.type-v > div { margin-top:0; }
.list-wrap .list-cont > .data-box.type-v > div:first-child { padding-left:0; }
.list-wrap .list-cont > .data-box.type-v > div:last-child { padding-right:0; }
.list-wrap .list-cont > .data-box.type-v.divide { margin:5px 0 0; border-top:1px dashed #eee; }

.list-wrap .list-item.type-detail .list-head { padding-left:0; padding-right:0; }
.list-wrap .list-item.type-detail .list-title { font-size:25px; font-weight:700; }
.list-wrap .list-item.type-detail .list-sub { margin-top:12px; }
.list-wrap .list-item.open-pc { border-bottom:0; }
.list-wrap .list-item.open-pc .list-pnl { display:block !important; background:none; border-top:1px dashed #e6e6e6; margin-top:17px; }
.list-wrap .list-item.open-pc .list-pnl .data-box.type-v { margin:0 -30px; }
.list-wrap .list-item.open-pc .list-pnl .data-box.type-v > div { padding:19px 30px 17px; }
.list-wrap .list-item.open-pc .list-pnl .data-box.type-v > div:before { display:block; }
.list-wrap .list-item.open-pc .list-pnl .data-box.type-v > div dt { margin:1px 0 0; }
.list-wrap .list-item.open-pc .list-pnl .divide:before { display:none; }
.list-wrap .list-item.open-pc .tbl-data { padding:0; margin:0; }
.list-wrap .list-item.open-pc .tbl-data tr:last-child > * { padding-bottom:0; }
.list-wrap .list-item.open-pc .tbl-data th { border-top:1px dashed #e6e6e6; padding:20px 0; font-size:13px; }
.list-wrap .list-item.open-pc .tbl-data td { border-top:1px dashed #e6e6e6; padding:20px 0; font-size:15px; font-weight:700; }
.list-wrap .list-item.open-pc .btn-edge { display:none; }
.list-wrap .list-item.type-merge .list-title { display:block; margin-top:2px; font-size:15px; border-bottom:0; }
.list-wrap .list-item.type-merge .list-title span:before { display:none; }
.list-wrap .list-item.type-merge a.list-title { text-decoration:underline; }
.list-wrap .list-item.type-merge a.list-title span { font-size:15px; }
.list-wrap .slick-slide .list-item { padding:0; }
.list-wrap .slick-slide .list-item .list-label { left:25px; }

/* 리스트 내 정보 */
.data-box > div dt { font-size:15px; }
.list-item .list-cont:not(.pd-n) .data-box { margin:0 -45px; }
.list-item .list-cont:not(.pd-n) .data-box:not(.type-v) > div { padding-left:44px; padding-right:63px; }
.non-rnb .list-item .list-cont:not(.pd-n) .data-box:not(.type-v) > div { padding-left:44px; padding-right:47px; }
.list-wrap .list-cont:not(.pd-n) .tbl-desc { margin-left:-10px; margin-right:-10px; }
.list-wrap .list-item .data-box > div.full.right { padding-left:calc(50% + 70px); }

.list-wrap .list-item.type-data .list-btn { padding:0 5px 27px; }
.list-wrap .list-item.type-data .list-pnl .list-btn { padding:0 38px 27px 0; }
.list-wrap .list-btn,
.list-wrap .list-btn .btn-wrap { text-align:left; }
.list-wrap .list-btn .btn-base-s { width:auto !important; height:40px; padding:0 50px !important; font-size:15px; }
.list-wrap .list-btn.col2 .btn-base-s { }
.list-wrap .list-item .tbl-desc { overflow:hidden; }
.ui-modal .list-wrap .list-item .tbl-desc { overflow:visible; }
.ui-modal .list-wrap .list-item .tbl-desc .ui-datepicker-wrap { position:absolute; top:40px; right:0; left:auto; }
.list-wrap .list-item .tbl-desc.allow { overflow:visible; }
.list-wrap .list-item .tbl-desc > table > tbody { display:block; margin:0 -55px; text-align:left; letter-spacing:-1em; }
.list-wrap .list-cont table td .btn-wrap { text-align:right; }
/* .list-wrap .list-item .tbl-desc > table > tbody > tr > td { font-size:17px; white-space:nowrap; } */
.list-wrap .list-item .tbl-desc > table > tbody > tr > td .input-item { margin:10px 0; }
.list-wrap .list-item .tbl-desc > table > tbody > tr > td .type-col2 .input-item { margin:10px 0; }
.list-wrap .list-item .tbl-desc > table > tbody > tr > td > .input-item { margin:0; }
.list-wrap .list-item .tbl-desc > table > tbody > tr > td .input-wrap .dash { margin-top:12px;}
/* .list-wrap .list-item .tbl-desc.type-simple { padding:0;} */
.list-wrap .list-item .tbl-desc > table > tbody > tr + tr.bdl-n:before,
.list-wrap .list-item .tbl-desc > table > tbody > tr > th.bdl-n:before { display:none !important; }
.list-wrap .list-item .tbl-desc > table > tbody > tr { position:relative; display:inline-block; width:auto; vertical-align:middle; text-align:left; letter-spacing:-1em; }
.list-wrap .list-item .tbl-desc > table > tbody > tr + tr:before,
.list-wrap .list-item .tbl-desc > table > tbody > tr > th:before { position:absolute; left:0; top:calc(50% - 9px); display:block; width:1px; height:17px; background:#ededed; content:""; }
.list-wrap .list-item .tbl-desc > table > tbody > tr + tr.align-t:before,
.list-wrap .list-item .tbl-desc > table > tbody > tr.align-t > th:before { top:5px; }
.list-wrap .list-item .tbl-desc > table > tbody > tr > th { position:relative; display:inline-block; width:160px; vertical-align:middle; font-size:13px; white-space:nowrap; padding:5px 17px 7px 50px; border-left:0; }
.list-wrap .list-item .tbl-desc > table > tbody > tr > th:first-child:last-of-type:before { display:none; }
.list-wrap .list-item .tbl-desc > table > tbody > tr > td { display:inline-block; width:315px; vertical-align:middle; font-size:15px; font-weight:400; text-align:right; padding:3px 50px 7px 10px; }
.list-wrap .list-item.type-check .tbl-desc > table > tbody > tr > td { width:302px; }
.list-wrap .list-item .tbl-desc .type-nick .input-item.full { width:500px !important;  }
/* 데이터 하나만 있을 때 */
.list-wrap .list-item .tbl-desc > table > tbody > tr:only-child > th:first-child:last-of-type { width:320px; }
.list-wrap .list-item .tbl-desc > table > tbody > tr:only-child > td:last-child:first-of-type { width:630px; }
.list-wrap .list-item .tbl-desc > table > tbody > tr.pc-row > td { margin-right:403px; }
.list-wrap dl.list-desc dt { font-size:13px; vertical-align:middle; }
.list-wrap dl.list-desc dd { font-size:15px; vertical-align:middle; margin-left:10px; padding-left:10px;  }
.list-wrap dl.list-desc > div:before { height:15px; margin:0 20px 0; }
.list-wrap dl.list-desc > div { margin-left:-43px; margin-right:43px; }

.list-wrap .change-data dt { font-size:13px; }
.list-wrap .change-data dd .sub { font-size:13px; }
.list-wrap .change-data > div { padding-top:20px; }
.list-wrap .change-data > div.after { padding-left:25px; }
.list-wrap .change-data > div.after:before { margin-top:4px; transform:scale(1.5); }
.non-rnb .list-wrap .change-data { margin-top:8px; }
.non-rnb .list-wrap .change-data dt { display:inline-block; vertical-align:middle; width:215px; margin:0; }
.non-rnb .list-wrap .change-data dd { display:inline-block; width:345px; vertical-align:middle; text-align:right; }
.list-wrap .list-item.type-check .tbl-desc > table > tbody > tr:only-child > td:last-child:first-of-type { width:604px; }
/* slide 내 데이터 하나만 있을 때 */
.list-wrap .slick-slider .list-item.type-check .tbl-desc > table > tbody > tr:only-child > td:last-child:first-of-type { width:534px; }

/* col3 1.tbl-desc */
.list-wrap .list-item .tbl-desc.col3 > table > tbody > tr > td { width:156px !important; }
.complete-wrap ~ .list-wrap .list-item .tbl-desc.col3 > table > tbody > tr > th,
.complete-wrap .list-wrap .list-item .tbl-desc.col3 > table > tbody > tr > th { width:115px !important; }
.complete-wrap ~ .list-wrap .list-item .tbl-desc.col3 > table > tbody > tr > td,
.complete-wrap .list-wrap .list-item .tbl-desc.col3 > table > tbody > tr > td { width:165px !important; }


/* rnb가 없을때의 리스트 내 정보 */
/* .non-rnb .list-wrap .list-item .tbl-desc > table > tbody > tr > th { width:236px; padding-left:30px; } */
.non-rnb .list-wrap .list-item .tbl-desc > table > tbody { margin-left:-34px; }
.non-rnb .list-wrap .list-item.type-check .tbl-desc > table > tbody { margin-left:-43px; }
.non-rnb .list-wrap .list-item .tbl-desc > table > tbody > tr > th { width:235px; padding-left:30px; }
.non-rnb .list-wrap .list-item .tbl-desc > table > tbody > tr > td { width:385px; padding-right:30px; }
.non-rnb .list-wrap .list-item.type-check .tbl-desc > table > tbody { margin-left:-34px; } 
.non-rnb .list-wrap .list-item.type-check .tbl-desc > table > tbody > tr > td { width:368px }
.non-rnb .list-wrap .list-item.type-detail .tbl-desc > table > tbody { margin-left:-43px; }
.non-rnb .list-wrap .list-item.type-detail .tbl-desc > table > tbody > tr > td { width:390px; }
/* 하나의 데이터만 있을 때 */
.non-rnb .list-wrap .list-item .tbl-desc > table > tbody > tr:only-child > th:first-child:last-of-type { width:320px }
.non-rnb .list-wrap .list-item .tbl-desc > table > tbody > tr:only-child > td:last-child:first-of-type { width:920px; }
.non-rnb .list-wrap .list-item.type-check .tbl-desc > table > tbody > tr:only-child > td:last-child:first-of-type { width:886px; }

/* type-merge */
.non-rnb .list-wrap .list-item.type-merge .list-head + .list-cont { margin-top:-10px; }
.non-rnb .list-wrap .list-item.type-merge .list-title { display:block; margin-top:3px; }
.non-rnb .list-wrap .list-item.type-merge .list-title span { font:inherit;}
.non-rnb .list-wrap .list-item.type-merge .list-title span:not(.grade-tag):not(.status-tag):before,
.non-rnb .list-wrap .list-item.type-merge .list-title:before { display:none; }
.non-rnb .list-wrap .list-item.type-merge .data-box > div.full { padding-left:calc(50% + 25px); }

/* 완료 화면 내의 리스트 정보 */
/* 완료화면에서 */
.complete-wrap ~ .list-wrap .list-item .tbl-desc > table > tbody,
.complete-wrap .list-wrap .list-item .tbl-desc > table > tbody { width:calc(100% + 75px) !important; margin-left:-32px; }
.complete-wrap ~ .list-wrap .list-item.type-check .tbl-desc > table > tbody > tr > td,
.complete-wrap .list-wrap .list-item.type-check .tbl-desc > table > tbody > tr > td { width:243px !important}
.complete-wrap ~ .list-wrap .list-item .tbl-desc > table > tbody > tr > th,
.complete-wrap .list-wrap .list-item .tbl-desc > table > tbody > tr > th { width:205px !important; padding-left:30px; }
.complete-wrap ~ .list-wrap .list-item .tbl-desc > table > tbody > tr > td,
.complete-wrap .list-wrap .list-item .tbl-desc > table > tbody > tr > td { width:210px !important; padding-right:30px; }
.complete-wrap ~ .list-wrap .list-item .tbl-desc > table > tbody > tr:only-child > td:last-child:first-of-type,
.complete-wrap .list-wrap .list-item .tbl-desc > table > tbody > tr:only-child > td:last-child:first-of-type { width:625px !important; }

/* 팝업 내에서의 리스트 내 정보 */
.ui-modal.medium .list-wrap .list-item .tbl-desc > table > tbody > tr > th { width:135px; }
.ui-modal.medium .list-wrap .list-item .tbl-desc > table > tbody > tr > td { width:260px }
.ui-modal.medium .list-wrap .list-item.type-check .tbl-desc > table > tbody > tr > td { width:245px }
/* 데이터 한 행일 때 */
.ui-modal.medium .list-wrap .list-item .tbl-desc > table > tbody > tr:only-child > th:first-child:last-of-type { width:270px; }
.ui-modal.medium .list-wrap .list-item .tbl-desc > table > tbody > tr:only-child > td:last-child:first-of-type { width:520px; }
.ui-modal.medium .list-wrap .list-item.type-check .tbl-desc > table > tbody > tr:only-child > td:last-child:first-of-type { width:495px; }

.ui-modal.large .list-wrap .list-item .tbl-desc > table > tbody > tr > th { width:210px; }
.ui-modal.large .list-wrap .list-item .tbl-desc > table > tbody > tr > td { width:303px }
.ui-modal.large .list-wrap .list-item.type-check .tbl-desc > table > tbody > tr > td { width:290px }
/* 데이터 한 행일 때 */
.ui-modal.large .list-wrap .list-item .tbl-desc > table > tbody > tr:only-child > th:first-child:last-of-type { width:420px }
.ui-modal.large .list-wrap .list-item .tbl-desc > table > tbody > tr:only-child > td:last-child:first-of-type { width:610px }
.ui-modal.large .list-wrap .list-item.type-check .tbl-desc > table > tbody > tr:only-child > td:last-child:first-of-type { width:585px }


.list-wrap .list-item .data-box > div dd { font-size:20px; font-weight:700; }
.list-wrap .list-item .data-box > div dd .ico:before { margin:-4px 6px 0 0; font-size:15px; }

.list-wrap.type-box .list-pnl-inner .tbl-desc > table > tbody { margin-left:-40px; width:calc(100% + 80px); }
.list-wrap.type-box .list-pnl-inner .tbl-desc > table > tbody > tr { width:100%; }
.list-wrap.type-box .list-pnl-inner .tbl-desc > table > tbody > tr > td { float:right; }

.list-wrap .list-item.type-detail:not(.bdb-n) { margin-bottom:60px; }
.list-wrap .list-item.type-detail .list-btn { padding-left:0; padding-right:0; }
.list-wrap .list-item.type-detail .list-btn .btn-base-s:first-child { margin-left:0; }

/* 금액 정보 */
.cost-list .total dd span { font-size:30px; }
.cost-list dd span { font-size:25px; }

/* 하단 변경 비율 */
.btn-wrap-fixed .list-summary { display:inline-block; margin:0; padding:10px 0 35px; font-size:15px; vertical-align:middle; overflow:hidden; }
.non-rnb .btn-wrap-fixed .list-summary { overflow:visible; }
.btn-wrap-fixed .list-summary:first-of-type:last-of-type { display:block; }
.ui-modal-footer .list-summary.on { margin:0; padding:0 0 20px; font-size:15px; }
.list-summary + .list-summary { margin-top:-30px; }
.btn-wrap-fixed .list-summary + .list-summary:before,
.ui-modal-footer .list-summary + .list-summary:before { position: absolute;top: calc(50% - 12px);left: -1px;display: block;width: 1px;height:15px; margin: -2px 0 0 -1px;background: #ccc;content: "";}
.list-summary { text-align:center; overflow:visible; }
.list-summary > div { float:none; display:inline-block; width:350px !important; padding:0 15px !important; vertical-align:middle;}
.list-summary > div + div { padding:0 0 0 35px; }
.btn-wrap-fixed .list-summary > div:only-child { width:700px !important; padding:0 110px !important; }
.ui-modal .list-summary { padding:0 5px; }
.ui-modal .list-summary > div { width:353px !important; }
.list-summary dt { font-size:13px; font-weight:700; }
.list-summary.on dd { margin-top:-2px; }

/* banner */
.ui-modal .banner-wrap { max-width:550px; }

/* 이전글,다음글 UI*/
.board-wrap .board-item{padding:15px 40px;}

/* 카카오페이 인증 요청 */
.certiKaKaoInfo { position:relative; min-height:60px; font-size:15px; text-align:center; padding:0; margin-top:80px; }
.certiKaKaoInfo::before { position:relative; display:inline-block; width:60px; height:60px; vertical-align:middle; margin-right:20px; }

/* 토스 인증 요청 */
.certiTossInfo { position:relative; min-height:60px; font-size:15px; text-align:center; padding-left:96px; margin-top:80px; line-height:1.5; text-align:left; }
.certiTossInfo::before{ top:1px; display:inline-block; width:80px; height:32px; vertical-align:middle; margin-right:20px; }

/* 차트패턴 적용 */
.chart-tbl-wrap .chart-tbl-btns { position:absolute; bottom:100%; right:0; margin-bottom:22px; }
.chart-tbl-wrap .chart-tbl-btns .chartTbl-btn { float:none !important; }
.chartTbl-btn label,
.btn-base.chart { padding-right:40px; font-size:15px; }
.chartTbl-btn input:focus + label { outline:1px dotted #000; outline-style:auto; }

/* 공통 - 공지 */
.system-notice { padding-top:190px; }
.system-notice > span { width:170px; height:130px; margin-left:-85px; }

/* 공통 - 이벤트 팝업 */
.evtpop-wrap { top:90px; left:50%; background:transparent; transform:translateX(-50%); }
.event-layer.multi .evtpop-wrap { left:auto; right:calc(50% + 10px); transform:none; }
.event-layer.multi .evtpop-wrap + .evtpop-wrap { right:auto; left:calc(50% + 10px); }
.evtpop-footer { padding:30px 0; }
.evtpop-footer .btn-base { min-width:240px; height:50px; box-shadow:0 5px 15px rgba(32,65,191,0.4); }
.evtpop-close { position:absolute; left:0; bottom:-40px; width:100%; }
.evtpop-close .evtpop-close-item:first-child::after { top:3px; height:15px; }
.evtpop-close a[class*="btn-"] { font-size:15px; }
.evtpop-wrap.hevt { top:-435px; left:50%; background:transparent; transform:translateX(-50%); }
.data-box-s .tit { margin-top:8px; font-size:13px; }

/*MP상품 상세*/ 
.mp-wrap li { font-size:13px; }
.mp-wrap li:before { width:50px; height:50px;  }
.mp-wrap li span { padding-top:65px; }


/* Quick menu 홍보 동영상 modal */
.admovie-wrap { position:fixed; display:block; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:100; }
.admovie-wrap > .admovie-item { position:absolute; display:block; top:50%; left:50%; width:1000px; height:570px; transform:translate(-50%, -50%); }
.admovie-wrap .btn-close { position:absolute; top:50px; right:50px; }
.admovie-wrap .btn-close > span { background-image:url('../../images/home/ico_close_w.png'); }

/* 약관 */
.termsCont .txt-end { font-size:20px; }

/* 2020.09.01 접근성 대응 */
/* .btn-wrap-fixed .btn-base,
.btn-wrap-fixed.col2 .btn-base,
[class*="btn-base-"].primary,
.btn-base.primary,
.btn-wrap-fixed .btn-base,
.ui-modal-footer .btn-base { color:#212121; } */

/* 이벤트 플로팅 배너 */
.banner_floating_event  {position:fixed;top:110px;bottom:initial;right:50%;margin-right:-300px;padding:10px 10px 0 0;z-index:22;}
.banner_floating_event  img {vertical-align:top;}
.banner_floating_event .banner {display:inline-block;}
.banner_floating_event .btn {position:absolute;right:-3px;top:-3px;display:inline-block;width:24px;height:24px;z-index:19;transform:rotateZ(45deg);text-indent:-9999px;}
.banner_floating_event .btn:before {position:absolute;right:11px;top:0;width:2px;height:24px;background:#313131;content:"";}
.banner_floating_event .btn:after {position:absolute;right:0;top:11px;width:24px;height:2px;background:#313131;content:"";}
.top-main-wrap .cate-wrap .banner_floating_event {position:absolute;top:-50px;right:0;margin-right:0;width:auto;z-index:10;}
.life-wrap .banner_floating_event {top:170px;margin-right:-595px;z-index:10;}

/* 상품개정 안내팝업 */
.ui-modal-Revision{margin-left: -165px !important; width: 380px !important; height: 485px !important; margin-left: -165px !important; margin-top: -243px !important; }

/* 크기다른 2개 팝업 일때 
.event-layer.multi .evtpop-wrap {right:calc(50% + 50px); }
.event-layer.multi .evtpop-wrap + .evtpop-wrap { left:calc(50% - 20px); } */

/* pc과세 적용 확인서 팝업 */
.main-paged { position:relative; padding:10px 40px; }

/* 인력조회 팝업 */
.ui-modal.uimodal8 { height:365px !important; width:400px !important; margin-left:-210px !important;}
.ui-modal.uimodal8 .ui-modal-inner { padding:0 40px 0 !important; }
.ui-modal.uimodal8 .ui-modal-header { min-height:60px !important; }
.ui-modal.uimodal88 { height:370px !important; width:400px !important; margin-left:-210px !important;}
.ui-modal.uimodal88 .ui-modal-inner { padding:0 40px 0 !important; }
.ui-modal.uimodal88 .ui-modal-header { min-height:60px !important; }
.inryeock { text-align:center; font-weight:600; font-size:17px; }
.nemo { background-color:#fff6ef; height:100px; text-align:center; margin-top:20px; padding:25px 0 25px 0; color:#e67602; }
.nalj { text-align:center; font-size:13px; color:#757575;}
.inryeock input { text-align:center; font-weight:600; font-size:17px; }
.nalj input { text-align:center; font-size:13px; color:#757575; }
.inryeockText { text-align:center; font-size:17px; font-weight:600; }

/* 이벤트 플로팅 배너 - 1054라인수정 - 하수린*/
.banner_floating_event  {position:fixed;top:110px;bottom:initial;right:40%;margin-right:-300px;padding:10px 10px 0 0;z-index:22;}

/* 상담신청 안내 */
.radio-wrap.type-tab.col5.same label:nth-of-type(4), 
.radio-wrap.type-tab.col5.same label:nth-of-type(5) { border-top:1px #bdbdbd solid;}
.consult-bridge { max-width:720px; margin:0 auto; }
.consult-bridge .h2 { font-size:30px; }
.btn-base.talk span { display:inline-block; }
.btn-base.talk span::before { content:''; display:inline-block; width:31px; height:30px; margin-right:6px; background:url('../../images/home/ico_talk.png') no-repeat; background-size:cover; vertical-align:middle; }

.counselType { display:flex; justify-content:space-between; margin-top:40px; }
.counselType .box { width:352px; height:185px; border:1px solid #bdbdbd; border-radius:15px; text-align:center; }
.counselType .box h3 { margin:25px 0 10px; font-size:22px; font-weight:800; }
.counselType .box .btn-base { margin:14px 0 0 0; padding:0 35px 0 20px; box-shadow:none; }
.counselType .box .btn-base::after { content:''; position:absolute; top:50%; right:22px; width:6px; height:10px; transform:translateY(-50%); background:url('../../images/home/bg_arrow_go.png') no-repeat;}
.counselType .guest h3, .counselType .guest strong { color:#e67602; }
.counselType .guest .btn-base { background:#e67602; }
.counselType .member h3, .counselType .member strong { color:#043b72; }
.counselType .member .btn-base { background:#043b72; color:#fff; }

.counselBn { margin-top:16px; }
.counselBn img { width:100%; vertical-align:top; }

.counselMy { position:relative; display:flex; flex-direction:column; justify-content:center; height:90px; margin:16px 0 0; padding:0 30px; border:1px solid #bdbdbd; border-radius:15px; }
.counselMy h3 { color:#212121; font-size:17px; font-weight:700; }
.counselMy p { color:#757575; }
.counselMy .customerSvc { position:absolute; top:50%; right:30px; transform:translateY(-50%); background:#000; color:#fff; }

/* 디지털 헬스케어 서비스 랜딩화면 */ 
.ui-modal.landing { width:450px !important; height:800px !important; margin-left:-225px !important; margin-top:-400px !important; border-radius:10px; overflow:hidden; }
.ui-modal.landing .ui-modal-wrap { border-radius:10px 10px 0 0; }
.ui-modal.landing .ui-modal-header { height:65px; padding:15px 25px 0; }
.ui-modal.landing .ui-modal-header h1 img { height:31px; }
.ui-modal.landing .ui-modal-inner { padding:0; }
.ui-modal.landing .btn-close2 { position:absolute; width:17px; height:17px; right:25px; top:25px }
.ui-modal.landing .btn-close2 > span { position:absolute; left:0; top:0; width:17px; height:17px; background:url(../../images/home/btn_close_modal.png) no-repeat; background-size:cover; font-size:0;}
.dhc_service { text-align:center; }
.dhc_service .intro { padding:0 40px 30px; }
.dhc_service .intro em { display:block; color:#000; font-size:22.5px; font-weight:700; }
.dhc_service .intro h1 { color:#e67602; font-size:37px; font-weight:800; }
.dhc_service .intro p { color:#000; font-size:16px; line-height:22.5px; }
.dhc_service .intro .box { margin:20px auto 0; }
.dhc_service .intro ul { display:flex; justify-content:space-between; width:100%; height:135px; border-radius:20px; overflow:hidden;}
.dhc_service .intro ul li { width:calc(50% - 1px); height:135px; padding-top:20px; background:#f7f7f7; }
.dhc_service .intro ul li span, .dhc_service .intro ul li a { display:inline-block; overflow:hidden; border-radius:18px; }
.dhc_service .intro ul li span { border:2px solid #043b72; background-color:#fff; }
.dhc_service .intro ul li a { border:2px solid #f68121; }
.dhc_service .intro ul li img { width:71px; height:73.5px; vertical-align:top; }
.dhc_service .intro ul li p { color:#353535; font-size:13.5px; font-weight:700; }
.dhc_service .youtube_link { position:relative; }
.dhc_service .youtube_link a { display:block; }
.dhc_service .youtube_link img { width:100%; max-width:372px; vertical-align:top; }
.dhc_service .youtube_link .playBtn { position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:50px; height:50px; background:url(/images/home/btn_play.png) no-repeat; background-size:cover; font-size:0; }
.dhc_service .swiper_area { position:relative; height:632.5px; }
.dhc_service .swiper_area .swiper { height:100%; }
.dhc_service .swiper_area .swiper-slide { background:#f5f5f5; }
.dhc_service .swiper_area .swiper-slide img { width:100%; max-width:100%; vertical-align:top; }
.dhc_service .swiper_area .swiper-container-horizontal > .swiper-pagination-bullets { bottom:auto; top:36px; }
.dhc_service .swiper_area .swiper-pagination-bullet { width:10px; height:10px; margin:0 3px; }
.dhc_service .swiper_area .swiper-pagination-bullet-active { background:#ff7a00; }