@charset "utf-8";
/*최종 주행거리 사진 등록*/
.driven-wrap {border:1px solid #969696;}
.driven-group {padding:10px 0;}
.driven-group::after {content:''; display:block; font-size:0; clear:left;}
.driven-desc {float:left; width:50%; padding:15px 25px; }
.driven-desc dl{display:table; width:100%;}
.driven-desc dt, .driven-desc dd {display:table-cell; line-height:1;}
.driven-desc dt {font-size:15px; color:#000; font-weight:500; }
.driven-desc dd {text-align:right;}
.driven-group .driven-desc + .driven-desc {border-left:1px dashed #c3c3c3; }
.driven-desc dl + dl {margin-top:23px;}
.driven-desc .btn-normal-gray {margin-left:36px; height:34px; vertical-align:middle;}
.driven-desc .inp-date-wrap>input {color:#000;}
.driven-input {position:relative; display:table; width:100%; border-bottom:1px solid #e9e9e9;}
.driven-input::after {content:''; position:absolute; background-color:#e9e9e9; width:1px; height:34px; top:23px; left:50%;}
.driven-input .driven-desc {padding-top:23px; padding-bottom:23px;}
.ui-file.hide-file-list .ui-file-wrap {display:none;}
.preivew-wrap {margin:3px 0; border:1px solid #ddd; width:150px; height:85px;}
.img-input {display:none; position:relative; height:83px; }
.img-input.show {display:block;}
.img-input input[type=file]{position:absolute; top:0; left:0; width:150px; height:85px; opacity:0; cursor:pointer;}
.img-input .btn-file {width:100%; height:83px; }
.img-input .btn-file::before{content:''; display:inline-block; width:14px; height:14px; background:url('/resources/images/common/ico_bullet.png') -420px -100px no-repeat;}
.img-input .btn-file > span {display:block; margin-top:5px; color:#333; font-size:15px; }
.img-preview {display:none; position:relative; overflow:hidden; height:83px; }
.img-preview.show {display:block;}
.img-preview .btn-img-delete {position:absolute; top:0; right:0; width:25px; height:25px; font-size:0; background:url('/resources/images/mysf/ico_delete.png') no-repeat; border:none; z-index:1;}
.img-preview > img {max-width:148px; display:block; margin:0 auto;}

.driven-sample-img {border:1px solid #ccc; padding:25px 24px; overflow:hidden; margin-bottom:10px;}
.driven-sample-img dl {float:left;}
.driven-sample-img dl + dl {margin-left:20px;}
.driven-sample-img dt {font-size:17px; color:#000; font-weight:500; margin-bottom:10px; line-height:1;}
.driven-sample-img dd img{display:block; width:100%;}
.driven-sample-img dd p {font-size:14px; color:#666; text-align:center; margin-top:10px;}

/*자동차보험 간편해지*/
.pst-wrap .tit-desc+.pst-rBtn.middle {margin-top:-15px;}
.tbl-tip-boxin.tbl-boxin-bd table th {text-align:center; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #e9e9e9;}
.tbl-tip-boxin.tbl-boxin-bd table th + th,
.tbl-tip-boxin.tbl-boxin-bd table td + td {border-left:1px solid #e9e9e9;}
.box-inner-line > * {display:inline-block; vertical-align:middle;}
.box-inner-line ul {border-left:1px solid #e9e9e9; max-width:598px; margin-left:-2px; padding-left:18px;}
.btn-ico-file {background-color:#fff; border:1px solid #cdcdcd; padding:7px 0px; font-size:14px; font-weight:300; line-height:1; width:105px; }
.btn-ico-file::after {content:''; display:inline-block; clear:both; width:13px; height:15px; margin:-1px 0 0 10px; background:url('/resources/images/common/ico_bullet.png') -487px -220px no-repeat; vertical-align:top;}
.add-file-list.underline .uline-text span {border-bottom:1px solid #989898;}
.add-file-list.underline ul {margin-bottom:4px;}
.add-file-list.underline li + li {margin-top:4px;}

/*반려견 보험금 청구*/
.box-multi-input {}
.box-multi-input + .box-multi-input {margin-top:5px;}
.btn-add-box {background-color:#767676; color:#fff; border-color:#767676;}
.btn-add-box:hover, .btn-add-box:focus {background-color:#444!important;}
.btn-add-box::after {content:''; display:inline-block; vertical-align:top; margin-left:7px; width:13px; height:13px; background:url('/resources/images/claim/sprite_pet.png') 0 0 no-repeat;}
.btn-normal.type-h34.btn-add-box.disabled,
.btn-normal.type-h34.btn-add-box:disabled {background-color:#ccc!important; border-color:#ccc; color:#fff;}
/*.btn-add-box.disabled::after,
.btn-add-box:disabled::after {background-position-y:-20px;}*/
.btn-blue {padding:7px 18px; background:#1e78d0; border:1px solid #1c6ec0; color:#fff; font-size:14px; font-weight:400; line-height:1}
.add-file-list.file-fail .uline-text > span{color:#e20807;}
.tbl-wrap table a.link-email {border-bottom:1px solid #1e78d0; color:#1e78d0;}
.claim-step-how {overflow:hidden;}
.claim-step-how .box-type {position:relative; float:left; border:2px solid #e7e7e7; width:442px; height:170px;}
.claim-step-how .box-type::before {content:''; position:absolute; top:50%; left:25px; margin-top:-58px; width:115px; height:115px; background:url('/resources/images/claim/sprite_pet.png') no-repeat;}
.claim-step-how .box-type.online::before{background-position:-20px 0;}
.claim-step-how .box-type.call::before{background-position:-160px 0;}
.claim-step-how .box-type > span {position:absolute;font-size:14px; color:#222; top:10px; right:14px; font-weight:500;}
.claim-step-how .box-type + .box-type {margin-left:10px;}
.claim-step-how .box-type dl {margin:32px 0 0 170px;}
.claim-step-how .box-type dt {font-size:23px; color:#000; font-weight:500; margin-bottom:10px; letter-spacing:-1.5px;}
.claim-step-how .box-type dd {font-size:15px; color:#444;letter-spacing:-0.5px; line-height:1.4;}
.claim-step-pet ul {width:680px; margin:25px auto 0 auto;}
.claim-step-pet li {position:relative; float:left; width:170px; padding-top:132px; font-size:15px; color:#444; text-align:center;font-weight:500;}
.claim-step-pet li::after {content:''; display:block; position:absolute; top:50px; left:-10px; width:14px; height:24px; background:url('/resources/images/common/ico_bullet.png') no-repeat -372px -100px }
.claim-step-pet li:first-child::after {display:none;}
.claim-step-pet li::before {content:''; display:inline-block; position:absolute; top:0; left:25px; width:115px; height:115px; background:url('/resources/images/claim/sprite_pet.png') no-repeat;}
.claim-step-pet li.icon1::before {background-position:-20px -150px;}
.claim-step-pet li.icon2::before {background-position:-150px -150px;}
.claim-step-pet li.icon3::before {background-position:-280px -150px;}
.claim-step-pet li.icon4::before {background-position:-410px -150px;}
.claim-step-pet li > span {display:block; color:#969696; font-size:15px; }
.file-drag-wrap .no-file.ico-drag:before{width:28px; background-image:url('/resources/images/common/icon_drag.gif');}

.dp-inblock {display:inline-block;}
.tx-multi-line {line-height:1.2!important;}
.line-height13 {line-height:1.3!important;}

#P_P03_01_05_003 .document-sample-img {padding-top:90px; padding-bottom:90px;}

/*보험상품 - 셀프보장분석*/
.bg-self-wrap {background:#f5fafe; padding-bottom:60px;}
.bg-self-top {background-color:#5ca6e5; color:#fff; background-repeat:no-repeat;}
.bg-self-top.bg01 {background-image:url('/resources/images/product/P_P02_01_11_001.png'); background-position:495px bottom; padding:73px 70px 0; height:460px; margin-top:-8px;}
.bg-self-top.bg02 {background-image:url('/resources/images/product/P_P02_01_11_002.png'); background-position:560px 40px; padding:40px 40px 295px;}
.bg-self-top h1 {font-size:50px; line-height:1.2; letter-spacing:-4px; }
.bg-self-top .sub-txt {position:relative; display:block; margin:37px 0 -3px; font-size:20px; line-height:1.3;}
.bg-self-top .sub-txt::before {content:''; position:absolute; top:-14px; left:0; width:40px; height:3px; background:#fff;}
.bg-self-top .btn-main {border:none; box-shadow: 2px 2px 8px rgba(33,108,206,0.4); padding:17px 0 16px 0;}
.bg-self-top .btn-main > span {color:#1e78d0;}
.bg-self-wrap > .bul-round {padding:25px 30px 26px;}
.bg-self-wrap > .bul-round li {font-size:14px;}
.bg-self-wrap > .bul-round li + li {margin-top:2px;}

.self-box-main {margin:-40px 40px 0; background:#fff; padding:40px 100px; box-shadow:0 2rem 3rem -10px rgba(227,243,250,0.7); }
.self-box-main .info {position:relative; border-bottom:1px solid #f4f4f4; padding-bottom:30px; margin-bottom:17px;}
.self-box-main .btn-main-blue {position:absolute; top:0; right:0; width:160px; height:78px;}
.self-box-main dl > dt {float:left; width:95px; height:34px; line-height:34px; color:#000;}
.self-box-main dl + dl {margin-top:10px;}
.self-box-main .error-mes {margin-left:95px;}
.self-box-main .bul-round li {font-size:14px; line-height:1.4; color:#666;}
.self-box-main .bul-round>li:before {top:-5px;}
.self-box-main .bul-round li + li {margin-top:5px;}

.tit-desc .name {font-weight:500;}
.c-point {color:#1e78d0;}
.self-type1 {color:#1e78d0;}
.self-type2 {color:#42b51f;}
.self-type3 {color:#ff9800;}

.rate {height:20px; line-height:20px; padding-left:120px; color:#000; font-size:23px; background:url('/resources/images/product/ico_star.png') no-repeat;}
.rate.level1 {background-position:0 0;}
.rate.level2 {background-position:0 -20px;}
.rate.level3 {background-position:0 -40px;}
.rate.level4 {background-position:0 -60px;}
.rate.level5 {background-position:0 -80px;}
.rate.level6 {background-position:0 -100px;}
.rate.level7 {background-position:0 -120px;}
.rate.level8 {background-position:0 -140px;}
.rate.level9 {background-position:0 -160px;}
.rate.level10 {background-position:0 -180px;}
.rate.level11 {background-position:0 -200px;}
.rate.level12 {background-position:0 -220px;}

.rate.sm {height:14px; line-height:14px; padding-left:85px; font-size:16px; background-image:url('/resources/images/product/ico_star_sm.png');}
.rate.sm.level1 {background-position:0 0;}
.rate.sm.level2 {background-position:0 -14px;}
.rate.sm.level3 {background-position:0 -28px;}
.rate.sm.level4 {background-position:0 -42px;}
.rate.sm.level5 {background-position:0 -56px;}
.rate.sm.level6 {background-position:0 -70px;}
.rate.sm.level7 {background-position:0 -84px;}
.rate.sm.level8 {background-position:0 -98px;}
.rate.sm.level9 {background-position:0 -112px;}
.rate.sm.level10 {background-position:0 -126px;}
.rate.sm.level11 {background-position:0 -140px;}
.rate.sm.level12 {background-position:0 -154px;}

.ui-tab-btns.self-tab {}
.ui-tab-btns.self-tab .ui-tab-btn {position:relative; width:110px; height:110px; background-color:#4a5664; border:none;  line-height:1; border-radius:4px; font-weight:500; font-size:20px; color:#fff; padding-top:49px;}
.ui-tab-btns.self-tab .ui-tab-btn.selected {border:none; background-color:#fff; color:#000; box-shadow:0 4px 8px rgba(54,120,175,0.4);}
.ui-tab-btns.self-tab .ui-tab-btn.selected::after {content:''; position:absolute; bottom:-10px; left:50%; margin-left:-10px; width:20px; height:10px; background:url('/resources/images/product/blit_self_tab.png') no-repeat;}
.ui-tab-btns.self-tab .ui-tab-btn + .ui-tab-btn {margin-left:10px;}
.ui-tab-btns.self-tab .tab-sub {display:block; font-size:14px; color:rgba(255,255,255,0.6); font-weight:normal; margin-top:5px;}
.ui-tab-btns.self-tab .selected .tab-sub {color:rgba(0,0,0,0.6)}
.ui-tab-btns.self-tab .flag {position:absolute; top:10px; right:10px; font-size:0; display:inline-block; vertical-align:top; width:40px; height:20px; background:url('/resources/images/product/self_flag.png') no-repeat;} 
.ui-tab-btns.self-tab .flag.self-type1 {background-position-x:0;}
.ui-tab-btns.self-tab .flag.self-type2 {background-position-x:-50px;}
.ui-tab-btns.self-tab .flag.self-type3 {background-position-x:-100px;}
.ui-tab-btns.self-tab .selected .flag {background-position-y:-20px;}

.self-tab-contents {background-color:#fff; margin:-265px 40px 0; box-shadow:0 2rem 3rem -10px rgba(227,243,250,0.7); padding-bottom:10px;}
.self-total {padding:40px; border-bottom:1px solid #f4f4f4;}
.self-total .self-tit {font-size:30px; font-weight:500;  letter-spacing:-2px; margin-bottom:18px; line-height:1; color:#000;}
.self-total .self-desc {font-size:17px; color:#444; line-height:1; margin-top:13px;}
.self-total .sub-txt{font-size:15px; color:#444; line-height:1.1;  margin-top:13px;}
.self-list {position:relative; padding:25px 40px 0;}

.box-insurance {display:table; position:relative; border-top:1px solid #f4f4f4; padding:30px 0; width:100%; }
.box-insurance .v-middle {display:table-cell; width:100%; vertical-align:middle; height:160px; padding-left:190px;}
.box-insurance:first-child {border-top:none; margin-top:-25px;}
.box-insurance .img {position:absolute; width:160px; height:160px; top:50%; left:0; margin-top:-80px;}
/*
.box-insurance::before {content:''; position:absolute; width:160px; height:160px; top:30px; left:0; background:url('/resources/images/product/self_illu.png') no-repeat;}
.box-insurance.ty-my01::before {background-position-y:0px;}
.box-insurance.ty-my02::before {background-position-y:-160px;}
.box-insurance.ty-my03::before {background-position-y:-320px;}
.box-insurance.ty-my04::before {background-position-y:-480px;}
.box-insurance.ty-my05::before {background-position-y:-640px;}
.box-insurance.ty-my06::before {background-position-y:-800px;}
.box-insurance.ty-my07::before {background-position-y:-960px;}
*/
.box-insurance .title{color:#000; font-size:23px; letter-spacing:-2px; line-height:1; margin-bottom:14px;}
.box-insurance .my-type-box {display:table; width:100%;}
.box-insurance .my-type-box + .my-type-box {margin-top:10px;}
.box-insurance .my-type-box dl {display:table-row;}
.box-insurance .my-type-box dt, .box-insurance .my-type-box dd {display:table-cell; vertical-align:middle; height:28px;}
.box-insurance .my-type-box dt {width:330px; font-size:17px; color:#000; letter-spacing:-1px;}
.box-insurance .my-type-box dd .rate-box {text-align:right;}
.box-insurance .my-type-box dd .rate-box .rate {display:inline-block; margin-right:37px; min-width:110px; text-align:left;}

.self-list-tip {text-align:right; padding:20px 40px 0; line-height:1;}
.self-list-tip > span {color:#666!important; font-size:14px;}
.self-list-tip > span + span {margin-left:4px;}
.self-list-tip > span::before{content:''; display:inline-block; vertical-align:top; margin:4px 5px 0 0;width:8px; height:8px; margin-right:5px; background:#f00;}
.self-list-tip > span.self-type1::before {background-color:#1e78d0;}
.self-list-tip > span.self-type2::before {background-color:#42b51f;}
.self-list-tip > span.self-type3::before {background-color:#ff9800;}


.graph-line-box {overflow:hidden;  font-size:15px; color:#666;}
.graph-line-box .tx-start {float:left;}
.graph-line-box .tx-end {float:right;}
.graph-line-box .graph-line {position:relative; width:120px; height:6px; background:#e5e7eb;}
.graph-line-box .g-size {position:absolute; top:0; left:0; height:6px;}
.graph-line-box .g-size.self-type1 {background-color:#1e78d0;}
.graph-line-box .g-size.self-type2 {background-color:#42b51f;}
.graph-line-box .g-size.self-type3 {background-color:#ff9800;}
.graph-line-box .g-size.self-type4 {background-color:#4fc6de;}
.graph-line-box .g-size.self-type5 {background-color:#d574f1;}
.graph-line-box .g-size.self-type6 {background-color:#ffc048;}

.box-insurance .graph-line-box {line-height:28px;}
.box-insurance .graph-line-box .tx-start {width:120px; text-align:right;}
.box-insurance .graph-line-box .tx-end {width:110px; margin-top:-16px;  text-align:left; letter-spacing:-1px;}
.box-insurance .graph-line-box .graph-line {margin:10px 0 0 135px;}

.self-event-banner{padding:25px 40px 0}
.self-event-banner + .self-notify{margin-top:30px !important}
.self-notify {font-size:17px; color:#000; text-align:center; margin:40px 0 20px;}
.btn-normal.btn-self-rc {padding:20px 0; width:260px; font-size:17px; color:#000; font-weight:500; letter-spacing:-1px;}
.btn-normal.btn-self-rc > span {display:block; font-size:14px; color:#666; margin-top:8px; font-weight:normal; letter-spacing:0;}
.btn-normal.btn-self-rc + .btn-self-rc {margin-left:6px;}

.self-list .ui-tooltip-btn {display:inline-block; vertical-align:top; font-size:13px; color:#666;border:1px solid #aeaeae; height:20px; line-height:18px; padding:0 5px; margin:4px 0 0 5px; text-indent:0; width:auto; background:#fff; letter-spacing: -1px;}
.self-list .ui-tooltip-btn:focus,
.self-list .ui-tooltip-btn:hover,
.self-list .ui-tooltip-btn:active {background:#fff;}
/*.self-list .ui-tooltip-btn {display:inline-block; vertical-align:top; width:20px; height:20px; margin:4px 0 0 5px; background:url('/resources/images/product/blit_self_tooltip.png') 0 0 no-repeat; }
.self-list .ui-tooltip-btn:focus, 
.self-list .ui-tooltip-btn:hover, 
.self-list .ui-tooltip-btn:active {background:url('/resources/images/product/blit_self_tooltip.png') 0 0 no-repeat;}*/

.phone-confirm.selftype .con1,
.phone-confirm.selftype .con2 {display:table; width:100%; }
.phone-confirm.selftype .con1 > div, 
.phone-confirm.selftype .con2 > div {float:none; display:table-cell; vertical-align:middle; }
.phone-confirm.selftype .con1 .text, 
.phone-confirm.selftype .con2 .text {width:160px; line-height: 1.2;}
.phone-confirm.selftype .con1 .btn-wrap,
.phone-confirm.selftype .con2 .btn-wrap {width:110px; text-align: left;}
.phone-confirm.selftype .con1 .phone-input,
.phone-confirm.selftype .con2 .phone-input {width:auto;}
.phone-confirm.selftype .con1 .lb-radio>span,
.phone-confirm.selftype .con2 .lb-radio>span {margin:0 0 0 5px;}
.phone-confirm.selftype .con1 .lb-radio + [type=radio] + .lb-radio ,
.phone-confirm.selftype .con2 .lb-radio + [type=radio] + .lb-radio {margin-left:10px;}

.w-390px {width:390px;}

.tip-self-box + .tip-self-box {border-top:1px solid #f4f4f4; padding-top:20px; margin-top:20px;}
.tip-self-box h3 {font-weight:500; font-size:17px; color:#000; letter-spacing:-1px; margin-bottom:15px;}
.tip-self-box .rate-box {text-align:right; margin-top:3px;}
.tip-self-box .rate-box .rate {display:inline-block; vertical-align: top; min-width:110px;}

.tip-self-box .tx-start {width:120px; letter-spacing:-1px;}
.tip-self-box .tx-end {margin-top:-13px; width:115px; text-align:left;}
.tip-self-box .graph-line {margin:7px 0 0 120px;}
.tip-self-box.sm .graph-line {margin-left:130px;}
.tip-self-box.sm .tx-end {width:90px;} 

/*Loading 배경*/
.ui-modal-loading {width:330px; padding:40px 10px;}
.ui-modal-loading .loading-text {font-size:20px; color:#444; padding-top:115px; text-align:center; letter-spacing:-1px;}

/*MY삼성 - 장기보험계약변경*/
.w-405px {width:405px;}
.lb-radio.type-h34::before {top:7px;}
.choice-type-text.change .choice-type-certi {position:relative; width:413px; margin-right:0;}
.choice-type-text.change .choice-type-certi + .choice-type-certi {margin-left:69px;}
.choice-type-text.change .choice-type-certi + .choice-type-certi::before {content:''; position:absolute; top:50%; left:-45px; width:20px; height:40px; background:url('/resources/images/mysf/ico_next.png'); margin-top:-20px;}
.choice-type-text.change .text1 .txt-db::before{content:''; display:inline-block; vertical-align:top; width:2px; height:20px; background:#e9e9e9;margin:2px 10px 0;}
.choice-type-text.change .icon-area.default2-1::before {background:url('/resources/images/mysf/ico_ill_certi.png') 0 0 no-repeat;}
.choice-type-text.change .disabled .icon-area.default2-1::before{background-position-y:-115px;}
.choice-type-text.change .btn-main2-blue.disabled,
.choice-type-text.change .btn-main2-blue:disabled {background-color:#ccc; box-shadow:none; border-color:#ccc;}

.account-disabled .fn-size15 {opacity:0.5;}
.tit-con-pop strong {font-weight:500;}
.box-address-list2.type-job {height:405px;}
.box-address-list2.type-job ul {margin:10px 0;}
.box-address-list2.type-job button {padding:10px 20px;}

.tbl-base.tbl-job-list {border:1px solid #ccc; width:100%;}
.tbl-base.tbl-job-list th {height:35px; text-align:left; padding:5px 20px;}
.tbl-base.tbl-job-list td {vertical-align:top; padding:0; text-align:left;}
.tbl-base.tbl-job-list .sort-box {height:415px;}
.tbl-base.tbl-job-list .sort-list li > button,
.tbl-base.tbl-job-list .sort-list li > a {display:block; line-height:1.2; color:#444; font-size:15px; padding:9px 20px 8px;}
.tbl-base.tbl-job-list .sort-list li > .selected {color:#fff; background-color:#1e78d0;}
.tbl-base.tbl-job-list .sort-list.disabled {opacity:0.5;}

.tx-confirm {display:inline-block; line-height:1;font-size:15px;color:#1a72c9}
.tx-confirm:before {display:inline-block;content:"";width:13px;height:10px;margin:4px 8px 0 0;vertical-align:top;background:url(/resources/images/common/ico_form.png) no-repeat -80px -80px}

.tbl-thin tbody td.bd-left-none {border-left:none!important;}
.tit-con-pop2.tx-right {font-size:20px; text-align:right;}

.tbl-base.tbl-sort tbody td {padding-top:2px; padding-bottom:2px; height:50px;}
.tbl-base.tbl-sort tbody td .btn-normal.type-h30 {min-width:50px;}
.tbl-wrap table tr.selected.disabled td {background:#f5faff;}
.btn-sort::after {content:''; display:inline-block; vertical-align:top; background:url('/resources/images/common/ico_bullet.png') -259px -35px no-repeat; width:11px; height:7px; margin:7px 0 0 7px;}
.btn-sort.on::after {background-position-x:-246px;}

.period-wrap { padding:89px 90px 99px;border-bottom:1px solid #e9e9e9;}
.period-wrap .period-graph-box {position:relative;}
.period-wrap .bar-line {position:relative; z-index:1; height:10px; background-color:#1e78d0; border-radius:5px;}
.period-wrap .bar {position:absolute; bottom: 0; left:0;  height:10px; background:#84b8eb;border-radius:5px 0 0 5px; border-right:1px solid #fff;}
.period-wrap .x-axis {position: absolute;  font-size:15px; color:#000; text-align:center;}
.period-wrap .x-axis span {display:block; font-size:14px; color:#444; width:107px; height:22px; line-height:22px; border:1px solid #ccc;}
.period-wrap .x-axis.move span{color:#fff; background:#444; border-color:#444;}
.period-wrap .x-axis.start {left:-53px; bottom:-57px;}
.period-wrap .x-axis.end {right:-53px; bottom:-57px;}
.period-wrap .x-axis.move {top:-47px; left:0; margin-left:-56px;}
.period-wrap .x-axis::after {content:''; position: absolute; top:-6px; left:50%; width:12px; height:7px; background:url('/resources/images/mysf/ico_period1.png') no-repeat; margin-left:-6px;}
.period-wrap .x-axis.move::after {width:13px; background-image: url('/resources/images/mysf/ico_period2.png'); top:auto; bottom:-7px;}
.period-wrap .change-days {position:relative; text-align:center; font-size:15px; color:#000; margin-bottom:-2px; z-index:0;}
.period-wrap .change-days > p {position:relative; display:inline-block; vertical-align: top; background:#fff; z-index:3; padding:0 10px;}
.period-wrap .change-days .bg-line::before,
.period-wrap .change-days .bg-line::after {content:''; position: absolute; top:12px; width:1px; height:17px; background:#ccc;}
.period-wrap .change-days .bg-line::before {left:-1px;}
.period-wrap .change-days .bg-line::after {right:0;}
.period-wrap .change-days::after {content:''; position: absolute; bottom:11px; left:0; width:100%; height:1px; background-color:#ccc;}

.tab-rdo-wrap .tab-rdo-nav .lb-radio.disabled,
.tab-rdo-wrap .tab-rdo-nav :disabled + .lb-radio {color:#ccc;}

.tbl-base.tbl-thin tbody td{padding-top:8px; padding-bottom:8px;}

.btn-sub2-gray.disabled,
.btn-sub2-gray:disabled,
.btn-sub2-gray.disabled:hover,
.btn-sub2-gray:disabled:hover {background:#ccc; color:#fff; border-color:#ccc;}

.lb-radio.type-h34::before{top:7px;}
.mgt-n15 {margin-top: -15px!important}

.change-job-box .tbl-base-ver th.bg-white {background-color:#fff!important;}
.change-job-box .tbl-wrap + .tbl-wrap {margin-top: -1px;}
.change-job-box .tbl-base-ver td + th.bg-white {border-left:1px solid #e9e9e9;}

.change-job-box .tbl-base-ver td.bg-gray {background-color:#f7f7f9;}

.change-job-box .lb-radio>span, .change-job-box .lb-check>span {margin-right:0;}
.change-job-box .lb-radio + [type=radio] + .lb-radio , 
.change-job-box .lb-check + [type=checkbox] + .lb-check {margin-left:20px;}

/*여행자보험*/
.in-tb-cell {position:relative; padding-right:180px;}
.in-tb-cell .in-tb-btn {position: absolute; top:50%; right:0;  transform: translateY(-50%)}


.tbl-write .btn-detail-open {cursor: pointer;}

.tab-rdo-wrap .tab-rdo-nav.col-5 .lb-radio  {width:173px;}
.tab-rdo-wrap .tab-rdo-nav.col-5 li:first-child .lb-radio,
.tab-rdo-wrap .tab-rdo-nav.col-5 li:last-child .lb-radio{width:174px;}
.tab-rdo-wrap .tab-rdo-nav.col-5 .lb-radio > span {width:173px; margin:0 auto;}

.tab-rdo-wrap .tab-rdo-nav.col-4 .lb-radio  {width:218px;}
.tab-rdo-wrap .tab-rdo-nav.col-4 li:first-child .lb-radio,
.tab-rdo-wrap .tab-rdo-nav.col-4 li:last-child .lb-radio{width:219px;}
.tab-rdo-wrap .tab-rdo-nav.col-4 .lb-radio > span {width:218px; margin:0 auto;}

.caution .btn-normal.disabled{border: 1px solid #ccc; color: #ccc; background-color: #fff}
                                                                                     
.claim-step-how.v2 .box-type{height:auto;padding-bottom:25px;}
.claim-step-how.v2 .box-type .btn-wrap{margin-top:32px}
.claim-step-how.v2 .box-type::before{top:26px;margin-top:0;background: url(/resources/images/common/ico_illu2.png) no-repeat -885px -406px;}
.claim-step-how.v2 .box-type.b2::before{background-position:-743px -406px;}
.claim-step-new.v2 li:before{background-position:-408px -1005px}
.claim-step-new.v2 li.step2:before{background-position:-408px -1133px}
.claim-step-new.v2 li.step3:before{background-position:-547px -1133px}
.claim-step-new.v2 li.step4:before{background-position:-684px -1133px}
                                          
.lst-box{position:relative;margin-bottom:10px;border-top:1px solid #969696;}
.lst-box::after{display:block;content:'';position:absolute;z-index:1;bottom:0;width:100%;height:1px;background:#ccc;}
.lst-box .lst::after{display:block;clear:both;content:'';}
.lst-box .lst li{float:left;width:33.333%;height:185px;padding-top:35px;text-align:center;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.lst-box .lst li:nth-child(3){border-right:0 none;}
.lst-box .tit{padding:9px 20px;font-weight:500;font-size:15px;color:#000;border-bottom:1px solid #e9e9e9;}
.lst-box .thum{margin-bottom:12px;}