@charset "utf-8";



@font-face{font-family:Kyobo_R; 

src:local(※),url(/nm/font/KyoboLifeAhtHintRegular.woff) format('woff');

src:url(/nm/font/KyoboLifeAhtHintRegular.ttf) format('truetype');}



/* 전용서체 고도화 작업 */



@font-face {

	font-family:'KyoboR';

	font-style: normal; 

	font-weight: 400;

	src: url('/nm/font/KyoboLifeAhtHintBRegular.otf');

	src: url('/nm/font/KyoboLifeAhtHintBRegular.woff') format('woff');

}



@font-face {

	font-family:'roboto';

	font-style: normal; 

	font-weight: 400;

	src: url('/nm/font/Roboto-Light.eot');

	src: url('/nm/font/Roboto-Light.woff') format('woff');

	src: url('/nm/font/Roboto-Light.woff2') format('woff2');

}



@font-face {

	font-family: 'KyoboR';		



	src: url('/nm/font/KyoboLifeAhtHintRegular.eot'); 

	src: url('/nm/font/KyoboLifeAhtHintRegular.eot?#iefix') format('embedded-opentype'), 

	url('/nm/font/KyoboLifeAhtHintRegular.woff') format('woff'), 

	url('/nm/font/KyoboLifeAhtHintRegular.ttf') format('truetype');



	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: 'KyoboR';

	src: url('/nm/font/KyoboLifeAhtHintRegularBold.eot'); 

	src: url('/nm/font/KyoboLifeAhtHintRegularBold.eot?#iefix') format('embedded-opentype'), 

	url('/nm/font/KyoboLifeAhtHintRegularBold.woff') format('woff'),

	url('/nm/font/KyoboLifeAhtHintRegularBold.ttf') format('truetype');



	font-weight: 700;

	font-style: bold;

}



/* RESET */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,

em,img,ins,kbd,q,samp,small,strong,sub,sup,var,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,

caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,

menu,nav,section,summary,time,mark,audio,video{

	margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;color:#333;font-style:normal;

}



body{line-height:1.2;word-break:break-all}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

nav,ul,li{list-style:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:none}

a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#333}

ins{background-color:#ff9;color:#000;text-decoration:none}

mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}

del{text-decoration:line-through}

abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}

table{border-collapse:collapse;border-spacing:0}

hr{display:block;height:1px;border:0;border-top:1px solid #f2f2f2;margin:15px 0 20px;padding:0}

input,select{vertical-align:middle}

html{font-size:13px}

caption{width:1px; height:1px; margin:-1px; border:none; position:absolute; top:0; left:0; clip:rect(0, 0, 0, 0)}

*{-webkit-text-size-adjust:none}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* div{-webkit-overflow-scrolling:touch;} */

/* LAYOUT */

*{font-family:'Kyobo_R', '맑은 고딕', 'Malgun Gothic', sans-serif}

.header{position:fixed;top:0;left:0;z-index:1000;width:100%;height:50px;background-color:#003975;}

.headerFixed {

	-webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);	

}

.transformDelete {transform: none;}

.header-wrap{position:relative; height: 100%;}

.header-wrap .page-title{padding:0 45px;text-align:center;color:#fff;line-height:50px;font-weight:normal;letter-spacing:-1px;font-size:1.308rem;

	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

}

.header-wrap .back-btn{position:absolute;top:0;left:0;width:45px;height:100%}

.header-wrap .total-menu-btn{position:absolute;top:0;right:0;width:45px;height:100%}

/* 전체메뉴 CSS */

.detail-link-arrow {font-size: 1.538rem; position: absolute; right: 0; top: -7px;}

.total-menu-wrap{width:100%;background:#fff;position: fixed;z-index: -1;top:0;left:100%;transition: all 0.5s;}

.total-menu-wrap.on{left:0;height: 100%;width: 100%;z-index: 999;}

@media screen and (max-width:320px) {

	.total-menu-wrap{width:100%;background:#fff;position: fixed;z-index: -1;top:0;left:100%;transition: none;}

	.total-menu-wrap.on {z-index: 999;}

}

.total-menu-header{height: 91px;}

.total-header-left{width: 84px; height:91px;float:left;background: url(../images/icon-total-home.png) no-repeat 50% 50% #5086D1;background-size: 35px auto;}

.total-header-right{width: 100%; margin-left: 84px; height: 91px; border-bottom: 1px solid #d9d9d9;padding:32px 0 0 15px; background:#f4f9fd; position: relative;}

.total-header-right p {font-size: 1.153rem;margin-top:-8px;float:left;margin-right:15px; text-align: left;}

.total-header-right p.before-login {margin-top:12px;}

.total-header-phone {font-size:1rem;display: inline-block;margin-top:5px;}

.total-header-info {display:inline-block;float:left; background: url(../images/icon-total-header.png) no-repeat 0 0;background-size: 120px auto;width:35px;height:47px;margin-right:10px;

	position: absolute; right: 140px;

}

.total-header-btnWrap{position:absolute;top:34px;right:105px}

.total-header-btnWrap button{position:relative;padding-top:34px;text-align:center;letter-spacing:-1px;color:#526a81;font-size:0.77rem;min-width: 32px;}

.total-header-btnWrap .modify-btn, .total-header-btnWrap .logout-btn {margin-right:5px}

.total-header-btnWrap button:before{content:'';position:absolute;top:0;left:50%;margin-left:-16px;display:inline-block;width:32px;height:32px;

	background:url(../images/icon-total-header.png) no-repeat;background-size:131px auto

}

.total-header-btnWrap .modify-btn:before{background-position:0 0}

.total-header-btnWrap .logout-btn:before{background-position:-99px 0}

.total-header-btnWrap .cash-btn:before{background-position:-66px 0}

.total-header-btnWrap .certi:before{background-position:-33px 0}



/* .total-header-info.login {display:inline-block;float:left; background: url(../images/icon-total-header.png) no-repeat -82px 0;

	background-size: 120px auto;width:35px;height:47px;margin-right:10px;

}

.total-header-certi {display:inline-block; float:left; background: url(../images/icon-total-header.png) no-repeat -40px 0;

	background-size: 120px auto;width:35px;height:47px;	position: absolute; right: 105px;

} */

.total-menu-header {height: 91px; width: 100%; background: #f4f9fd;}

.total-menu-close {position: absolute; top: 2px; right: 10px; background: url(../images/icon-close.png) no-repeat 50% 50% !important; width: 18px !important; height: 18px !important;background-size: 18px auto !important; padding: 15px;}

.total-menu-close-wrap {position: absolute; top:0; left: 0; height: 30px; width: 100%; background: #f4f9fd; margin-left: 84px;}

@media screen and (max-width:320px) {

	.total-header-right{padding:32px 0 0 5px;}

	.total-header-right p {font-size: 1rem;margin-top:5px;float:left;margin-right:10px;}

	.total-header-info {margin-right:8px;}

	.total-menu-close {top: 7px; right: 7px;}

}

/* 2019 웹접근성 추가*/

.main-topic .topic-item .item-inner .blind {width: 100%; height: 100%;}





.total-menu-container {height: 100%;padding-bottom: 170px; overflow: auto;}

.total-left-menu { width: 84px; background-color: #5086D1;min-height: 100%;position: absolute; z-index: 100;}

.total-left-item {text-align: center; height: 35px;}

.total-left-item.on {text-align: center; height: 65px;background: #FFF; display: table;}

.total-left-item.on a {color: #111; display: table-cell; vertical-align: bottom; font-weight: bold;}

.total-left-item.on a.mymenu {background: url(../images/ic_app.png) no-repeat 50% 10px; background-size: 36px auto;}

.total-left-item.on a.insu {background: url(../images/ic_app.png) no-repeat 50% -65px; background-size: 36px auto;}

.total-left-item.on a.loans {background: url(../images/ic_app.png) no-repeat 50% -144px; background-size: 36px auto;}

.total-left-item.on a.fund {background: url(../images/ic_app.png) no-repeat 50% -222px; background-size: 36px auto;}

.total-left-item.on a.trust {background: url(../images/ic_app.png) no-repeat 50% -298px; background-size: 36px auto;}

.total-left-item.on a.retire {background: url(../images/ic_app.png) no-repeat 50% -375px; background-size: 36px auto;}

.total-left-item.on a.mypage {background: url(../images/ic_app.png) no-repeat 50% -450px; background-size: 36px auto;}

.total-left-item.on a.custom {background: url(../images/ic_app.png) no-repeat 50% -526px; background-size: 36px auto;}

.total-left-item.on a.certi {background: url(../images/ic_app.png) no-repeat 50% -605px; background-size: 36px auto;}

.total-left-item a {display: block;width: 84px; line-height: 35px; color: #fff;}

.total-sub-menu {min-height: 100%;margin-left:84px;position: relative; }

.total-sub-item {padding: 38px 15px 0;}

.sub-item-header {border-bottom: 2px solid #88abce; padding-bottom: 12px; text-align: left;}

.sub-item-header-title {font-size: 1.538rem;font-weight: bold;margin-right: 10px;}

.total-option-btn {

	display:inline-block;min-width:45px;margin:0 3px 0 0;padding:0 7px;text-align:center;

	line-height:23px;border-radius:13px;background-color:#fff;border:1px solid #006bbe;color:#003975 !important;

	font-size:0.923rem;width: auto !important; vertical-align: top;

}

/* .total-sub-menu-wrap {height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; z-index: 1;} */

.total-sub-menu-wrap {height: 100%; overflow: auto; position: relative; z-index: 1;}

@media screen and (max-width:320px) {

	.sub-item-header-title {font-size: 1.230rem;font-weight: bold;margin-right:0;}

	.total-left-item a {font-size: 0.923rem;}

	.total-left-item {text-align: center; height: 38px;}

	.total-left-item.on a {color: #111; display: table-cell; vertical-align: middle; font-weight: bold; line-height: 35px; background: none !important;}

	.total-left-item.on {text-align: center; height: 45px;background: #FFF; display: table;}

	/* .total-left-item a:focus,.total-left-item a:hover {color: #111; display: table-cell; vertical-align: middle; font-weight: bold; line-height: 35px; background: none !important;background-color: #fff !important;} */

	.total-left-item.line2 a {line-height: 15px; padding-bottom: 5px; padding-top: 5px;}

}

.total-sub-item-lis {

	font-size: 1.076rem; line-height: 44px; display: block; padding-left: 5px; border-bottom: 1px solid #ebebeb; text-align: left;

	background: url(../images/arrow_link.png) no-repeat right 50%;

	background-size: 23px auto;

}

.total-sub-item-lis.icon-drag {background: url(../images/icon-drag.png) no-repeat right 50%;	background-size: 38px auto;}

.total-sub-item-lis.haveSub {background: url(../images/arrow_ac_down.png) no-repeat right 50%;	background-size: 28px auto;}

.total-sub-item-lis2 {

	font-size: 1.076rem; line-height: 44px; display: block; padding-left: 5px; border-bottom: 1px solid #ebebeb; text-align: left;

	background: url(../images/arrow_link.png) no-repeat right 50%;

	background-size: 23px auto;

}

.total-sub-item-lis2.icon-drag {background: url(../images/icon-drag.png) no-repeat right 50%;	background-size: 38px auto;}

.total-sub-item-lis2.haveSub {background: url(../images/arrow_ac_down.png) no-repeat right 50%;	background-size: 28px auto;}

/* .total-sub-item-lis + .total-3depth-wrap {margin-top:5px;} */

.total-3depth-wrap {

	padding: 0 10px; border-bottom: 1px solid #ccc; display: none;

}

.total-3depth-wrap.show {display: block;}

.total-sub-list {background: #f5f5f5; margin: 0 -10px; padding: 15px 10px;}

.total-sub-list li {text-align: left;}

.total-sub-list li + li {margin-top: 23px;}

.total-sub-alink {padding-left: 12px; position: relative;}

.total-sub-alink:before {content:''; display: inline-block; position: absolute; left: 0; top: 50%; 

	background: url(../images/bullet_collection.png) no-repeat 0 -151px; 

	width: 4px; height: 4px; 

	background-size: 15px auto;

	margin-top: -2px;

}

.total-menu-bottom{height:40px;background: #2f4966;position: absolute;bottom:40px;left:0;width:100%; transition: all 0.5s; -webkit-overflow-scrolling:touch; z-index: 100}

.total-menu-bottom.on{left:0;}

.total-quick-wrap:after {content:''; display: block; clear: both;}

.total-quick-lis {float: left; width: 33%; border-right: 1px solid #596d85;}

.total-quick-lis:last-child {border-right: transparent;}

.total-quick-alink {

	color: #fff; display: block; text-align: center; line-height: 40px; font-size: 0.923rem; padding-left: 20px; position: relative;

}

.total-quick-alink:before {

	content: ''; display: block; position: absolute; top: 50%; left: 50%;

	background: url(../images/icon-total-bottom.png) no-repeat 0 0;

	background-size: 16px auto;

	width: 16px; height:  16px;

	margin: -5px 0 0 -33px;

}

.total-quick-alink.pos2:before {background-position: 0 -27px;}

.total-quick-alink.pos3:before {background-position: 0 -55px;}

/* //전체메뉴 CSS */

.header-wrap .back-btn button{width:45px;height:100%;background:url(../images/btn_back.png) no-repeat 15px  16px;background-size:23px 19px}

.header-wrap .total-menu-btn > button{position:absolute;top:0;right:0;width:100%;height:100%;background:url(../images/btn_menu.png) no-repeat 7px 16px;background-size:21px 18px}

.nav{display:none}

.container{position:relative;z-index:1;padding:50px 0 0}

.container-wrap{padding:0 15px 75px}

.container-wrap.top{padding-top:30px}

.banner-wrap{padding:5px 15px 15px;}

.banner-wrap > ul{margin-top:10px;border:1px solid #d2dee9;border-radius:10px;background-color:#fff}

.banner-wrap > ul > li{position:relative;border-top:1px solid #d2dee9}

.banner-wrap > ul > li:first-child{border-top:0 none}

.banner-wrap a{display:block;padding:15px 30px 15px 60px;background:url(../images/arrow_link.png) no-repeat right center;background-size:23px auto;font-size:0.77rem}

.banner-wrap .banner-title{display:block;margin-bottom:5px;color:#111;font-size:1.154rem}

.banner-wrap .banner-survey{position:relative;margin-top:15px; background: none;}

.banner-wrap .banner-survey a{color:#111;font-size:1.154rem; background: none; padding: 0;}

.banner-wrap > ul > li:before {content:'';display:inline-block;width:35px;height:40px;position:absolute;top:50%;left:15px;margin-top:-20px;background:url(../images/deco_common_banner.png) no-repeat;background-size:35px auto}

.banner-wrap .banner1:before{background-position:0 0}

.banner-wrap .banner2:before{background-position:0 -40px}

.banner-wrap .banner-survey:before{background-position:0 -80px}

.top-btn{display:none;position:fixed;bottom:15px;right:10px;z-index:10}

.top-btn button{display:inline-block;width:56px;height:56px;position:relative;border:1px solid #e4e4e4;border-radius:50%;background:rgba(211,211,211,.7);cursor:pointer;

-webkit-box-shadow:5px 2px 10px 0 rgba(40,40,40,0.2);

-moz-box-shadow:5px 2px 10px 0 rgba(40,40,40,0.2);

box-shadow:5px 2px 10px 0 rgba(40,40,40,0.2);

}

.top-btn button:before{content:'';display:inline-block;width:19px;height:22px;position:absolute;top:50%;left:50%;margin:-9px 0 0 -10px;background:url(../images/btn_top.png) no-repeat;background-size:19px 22px}

/* 공통 */

.no-bg {background: none !important;}

.img100 {max-width: 100%;}

.total-count{position:absolute;top:10px;}

.search-wrap{margin:0 -15px 30px;padding:15px;background:#f4f9fd;border-bottom:1px solid #bfd8ee;}

.input-search{border:1px solid #8abae8 !important;}

.scroll{overflow-y:auto;overflow-x:hidden}

.non-scroll{overflow-y:hidden;overflow-x:hidden}

.blind{width:1px; height:1px; position:absolute; top:0; left:0; margin:-1px; border:none; clip:rect(0, 0, 0, 0);}

.blind2 {width:1px; height:1px; position:absolute; top:0; left:0; margin:-1px; border:none; clip:rect(0, 0, 0, 0)}

.tac{text-align:center !important}

.tal{text-align:left !important}

.tar{text-align:right !important}

.vt{vertical-align:top !important}

.vm{vertical-align:middle !important}

.fr{float:right !important}

.fl{float:left !important}

.c-point{color:#f65036 !important}

.c-point2{color:#006bbe !important}

.c-point3{color:#48a522 !important}

.c-point4{color:#003975 !important}

.c-point5{color:#111 !important}

.c-point6{color:#f56911 !important; font-size:1rem;vertical-align: top;margin-top:-1px;display:inline-block;}

.c-point7{color:#f65036 !important;font-size:1.076rem;}

.c-point8{color:#f65036 !important;font-size:0.846rem;}

.c-point9{color:#f65036 !important;font-size:1.3rem;}

.head-sure{display:inline-block;padding-right:10px;background:url(../images/deco_surely.png) no-repeat 100% 4px;background-size:6px auto}

.hyphen{float:left;display:inline-block;width:3%;height:42px;line-height:42px;text-align:center;color:#111;font-size:1.308rem}

.float-clear:after{content:'';display:block;height:0;clear:both}

.full-line{margin:0 -15px;border-top:1px solid #f2f2f2}

.link{display:inline-block;font-size:0.923rem}

.mainicon{display:inline-block; font-size:0.923rem; width:25%;}

.mainicon img{display:block; margin:0 auto 10px; width:54px; height:54px;}

.standard-txt{margin-bottom:10px;color:#006bbe;font-size:0.847rem} /* 기준일시 */

select + .standard-txt{margin-bottom:10px;color:#006bbe;font-size:0.847rem;margin-top:30px;} /* 기준일시 */

.point{display:inline-block;padding-top:1px;vertical-align:baseline;font-weight:bold;color:#111;font-size:1.153rem}

.point.color1{color:#006bbe;}

.point.color2{color:#f56911;}

.point.color3{color:#006bbe;font-size:1.538rem;}

.point.color4{color:#f56911;font-size:1.923rem;}

.head-txt{margin-bottom:15px;color:#111;letter-spacing:-1px;line-height:1.3;font-size:1.308rem}

.list-nodata{border:1px solid #d2dee9;padding:110px 15px 20px;text-align:center;color:#111;border-radius:10px;background:url(../images/deco_nodata.png) no-repeat 50% 25px;background-size:70px auto}

.para{margin-bottom:15px;line-height:1.4}

.para2{margin-bottom:10px;line-height:1.5}

.para3{margin-bottom:30px;line-height:1.5; font-size: 1.307rem; text-align: center;}

.desc-para{line-height:1.5;font-size:0.923rem}

.desc-para2{line-height:1.5;font-size:0.847rem}

.con-btn + .desc-para2 {margin-top: 10px;}

.mb0{margin-bottom:0 !important}

.mb15{margin-bottom:15px !important}

.m0{margin:0 !important}

.bold{font-weight:bold}

.f14{font-size:1.077rem}

.skip {position: absolute; z-index: 9999;}

.skip a {display: block; height: 1px; width: 1px; margin-top: -1px; overflow: hidden; font-size: 1rem; background: #000; color: #fff; font-weight: bold;}

.skip a:focus {height: auto; width: 100%; padding: 5px; margin-bottom: 0;}

/* 타이틀 */

.section-title{margin-bottom:15px;color:#111;font-weight:bold;font-size:1.308rem}

.section-title.haveIcon {padding-left: 41px; position: relative;}

.section-title.haveIcon:before {content:'';background: url(../images/icon-section-title.png) no-repeat 0 0; 

	display: inline-block; background-size: 30px auto; width: 30px; height:38px; position: absolute; left: 0; top: 2px;

}

.section-title.total{margin-bottom:15px;color:#111;font-weight:bold;font-size:1.538rem}

.section-title2{margin:13px 0 10px;color:#003975;font-weight:bold;font-size:1.153rem}

.section-title2 label{color:#003975;font-weight:bold;font-size:1.153rem}

.section-title2:first-child{margin-top:0}

.section-title3{margin:13px 0 10px;color:#111;font-weight:bold;font-size:1.0rem}

.section-title3:first-child{margin-top:0}

.title-txt{display:inline-block;margin-left:3px;font-weight:normal}

/* 타이틀 + 우측 버튼 조합 */

.section-title-wrap{position:relative}

.section-title-wrap .right{position:absolute;top:-1px;right:0}

.section-title-wrap .right.pos{top:-1px;right:15px;top:15px;}

.top-line{border-top:1px solid #d2dee9;margin:0 -15px;padding:18px 15px 0;}

/* GROUP */

.section{margin-top:30px}

.section1{margin-top:10px}

.section2{margin-top:20px}

.section.first{margin-top:0}

.section2{margin-top:20px}

.section2.first{margin-top:0} 

.section2 .section-title2{margin-top:0}

.section.under-complete{margin-top:-31px;padding:0;}

.section3{margin-top:30px;padding-top:30px;border-top:1px solid #d1e3f3}

.section3.first{margin-top:0;padding-top:0;border-top:0 none}

/* 서식 */

input[type="radio"],

input[type="checkbox"]{margin:0;padding:0;border:0 none;background:0 none;-webkit-appearance:none}

button{display:inline-block;overflow:hidden;margin:0;padding:0;border:0 none;background:0 none;cursor:pointer}

input[type="text"],

input[type="password"],

input[type="tel"],

input[type="search"],

input[type="file"],

input[type="email"],

input[type="url"],

input[type="number"],

textarea,

select{display:block;width:100%;padding:0 7px;line-height:40px;border:1px solid #d7d7d7;border-radius:2px;background:#fff;color:#333;font-size:1.077rem;-webkit-appearance:none}

select:disabled{background:#f2f2f2}

textarea{min-height:80px;padding:10px;line-height:1.4}

input[type="text"]:read-only,input[type="text"]:disabled,

input[type="password"]:read-only,input[type="password"]:disabled,

input[type="tel"]:read-only,input[type="tel"]:disabled,

input[type="search"]:read-only,input[type="search"]:disabled,

input[type="file"]:read-only,input[type="file"]:disabled,

input[type="email"]:read-only,input[type="email"]:disabled,

input[type="url"]:read-only,input[type="url"]:disabled{background:#f2f2f2}

::-webkit-input-placeholder,

::-moz-placeholder,

:-ms-input-placeholder,

:-moz-placeholder{color: #cacaca}

select{padding-right:25px;background:#fff url(../images/arrow_select.png) no-repeat right center;background-size:21px 8px}

/* 설문조사  */

.survey-title {font-size: 1.153rem; color: #003975; font-weight: bold; margin-bottom: 15px; display: block;}

.survey-lis + .survey-lis {margin-top: 30px;}

.circle-num {background: #1bafbd; color: #fff; border-radius: 10px; width: 16px; height: 16px; display: inline-block; text-align: center; font-size: 0.923rem;vertical-align: top;}

.desc-para + .satis-rates {margin-top: 20px; position: relative; height: 20px; width: 98%;}

.rates-satisfy, .rates-normal, .rates-unsatisfy {position: absolute; height: 20px;}

.rates-satisfy {left: 5px;}

.rates-normal {left: 50%; margin-left: -15px;}

.rates-unsatisfy {right: 10px;}

/* 서식 공통 */

.input-bottom{margin-bottom:10px}

/* 라디오/체크박스 */

.checkbox{display:inline-block;position:relative;min-height:21px}

.checkbox input[type="checkbox"]{display:inline-block;width:21px;height:21px;position:absolute;top:0;left:0;background:url(../images/checkbox.png) no-repeat;background-size:42px 21px}

.checkbox input[type="checkbox"] + label{display:inline-block;padding:1px 0 0 25px;vertical-align:baseline;color:#111;font-size:0.923rem}

.checkbox input[type="checkbox"]:checked{background-position:-21px 0}

.checkbox.inTable {margin-right: 23px;}

.radio{display:inline-block;position:relative;min-height:23px}

.radio input[type="radio"]{display:inline-block;width:23px;height:23px;position:absolute;top:0;left:0;background:url(../images/radio.png) no-repeat;background-size:69px 23px}

.radio input[type="radio"] + label{display:inline-block;line-height:23px;padding-left:27px;vertical-align:middle;color:#111;font-size:0.923rem}

.radio input[type="radio"]:checked{background-position:-23px 0}

.radio input[type="radio"]:disabled{background-position:-46px 0}

.radio input[type="radio"]:disabled + label{cursor:default}

.radio + .radio{margin-left:5px}

.radio-wrap {width: 100%; background: url(../images/survey-back01.png) no-repeat 10% 10px, url(../images/survey-back02.png) no-repeat 85% 10px; background-size: 156px,146px;}

.radio.type2 {display:inline-block;position:relative;min-height:23px; text-align: center; width: 12.7%;}

.radio.type2 input[type="radio"]{display:block;width:23px;height:23px;position:relative;background:url(../images/radio.png) no-repeat;background-size:69px 23px; margin: 0 auto;}

.radio.type2 input[type="radio"] + label{display:inline-block;line-height:23px;padding-left:0;vertical-align:middle;color:#111;font-size:0.923rem;}

.radio.type2 + .radio{margin-left:0}

.radio.type2 input[type="radio"]:checked{background-position:-23px 0}

.radio.type2 input[type="radio"]:disabled{background-position:-46px 0}

.radio.type2 input[type="radio"]:disabled + label{cursor:default}

.chk-radio-wrap{overflow:hidden;margin-bottom:-10px}

.chk-radio-wrap > span{float:left;margin-bottom:10px}

.chk-radio-wrap.item3 > span{width:33.33%;margin-left:0;padding-right:5px}

.chk-radio-wrap.item2 > span{width:50%;margin-left:0;padding-right:5px}

/* 한줄에 서식이 2 or 3 */

.input-wrap{position:relative;overflow:hidden}

.input-wrap .input-item{display:inline-block}

.input-wrap.item2 .input-item{width:48.5%;float:left}

.input-wrap.item2 .input-item:last-child{float:right}

.input-wrap.item3 .input-item{width:31%;float:left}

.input-wrap.item3 .input-item:last-child{float:right}

.input-wrap.item3 .input-item:nth-child(1){width:32%}

/* 셀렉트박스 + 인풋 */

.input-select-wrap{position:relative;padding-left:34%}

.input-select-wrap select{width:32%;position:absolute;top:0;left:0}

/* 인풋 + 버튼 */

.input-btn-wrap{position:relative;padding-right:104px}

.input-btn-wrap.branch{padding-right:80px}

.input-btn-wrap .input-btn{position:absolute;top:0;right:0}

.input-btn-wrap.type2{padding-right:208px}

.input-btn-wrap.type2 .btn-wrap{position:absolute;top:0;right:0}

.input-btn-wrap.type2 .btn-wrap .input-btn{float:left;position:static;margin-left:7px}

.input-btn-wrap.type3{padding-right:70px}

/* 이메일 입력 */

.input-email-wrap input{float:left;width:52%}

.input-email-wrap input:first-child{float:left;width:41%}

.input-email-wrap .hyphen{width:7%}

.input-email-wrap.type2 input{width:29%}

.input-email-wrap.type2 select{width:33%;float:left;margin-right:2%}

/* 주소 */

.input-address-wrap input{margin-bottom:10px}

.input-address-wrap input:last-child{margin-bottom:0}

/* 인증번호 서식 + 타임 */

.input-timer-wrap{position:relative; padding-right: 104px;}

.input-timer-wrap input{padding-right:60px}

.input-timer-wrap .timer{display:inline-block;width:60px;line-height:40px;text-align:center;position:absolute;top:0;right:104px;bottom:0;color:#f65036;font-size:1.077rem}

.input-timer-wrap .input-btn{position:absolute;top:0;right:0}

/* 금액/펀드 좌수 */

.input-sum input{padding-right:30px;text-align:right;color:#f65036 !important;font-weight:bold;font-size:1.923rem}

.input-sum input.type1{color:#333 !important;font-size:1.538rem;}

.input-sum.type2 input{padding-right:45px}

.input-sum .unit{display:inline-block;padding-right:10px;line-height:42px;text-align:right;position:absolute;top:0;right:0;color:#111;font-size:1.077rem}

/* 달력입력 */

.cal-btn{margin-top:15px}

.cal-btn:after{content:'';display:block;height:0;clear:both}

.cal-btn .cal-btn-wrap{display:block;position:relative;width:47%;height:42px;float:left}

.cal-btn .cal-btn-wrap input[type=tel]{padding-right:40px}

.cal-btn .cal-btn-wrap button {width:42px;height:42px;position:absolute;top:0;right:0;bottom:0;background:url(../images/deco_calendar.png) no-repeat 50%;background-size:22px 22px}

.cal-btn .cal-btn-wrap input[type=date]{position:absolute;top:0;right:0;bottom:0;width:42px;height:42px;background:url(../images/deco_calendar.png) no-repeat 50%;border:0 none;background-size:22px 22px;-webkit-appearance:none;color:transparent;font-size:0;line-height:0;}

.cal-btn .cal-btn-wrap input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;width:42px;height:42px;border:0;background:#fff;opacity:0;}

.cal-btn .cal-btn-wrap input[type=date]::-webkit-inner-spin-button,

.cal-btn .cal-btn-wrap input[type=date]::-webkit-outer-spin-button,

.cal-btn .cal-btn-wrap input[type=date]::-webkit-clear-button{display:none;-webkit-appearance:none;}

.cal-btn .cal-btn-wrap input[type=date]::-webkit-datetime-edit,

.cal-btn .cal-btn-wrap input[type=date]::-webkit-datetime-edit-fields-wrapper{display:inline-block;overflow:hidden;min-width:0;}

.cal-btn .cal-btn-wrap input[type=date]::-webkit-datetime-edit-text,

.cal-btn .cal-btn-wrap input[type=date]::-webkit-datetime-edit-year-field,

.cal-btn .cal-btn-wrap input[type=date]::-webkit-datetime-edit-month-field,

.cal-btn .cal-btn-wrap input[type=date]::-webkit-datetime-edit-day-field,

.cal-btn .cal-btn-wrap input[type=date]::-webkit-datetime-edit-year-field:focus,

.cal-btn .cal-btn-wrap input[type=date]::-webkit-datetime-edit-month-field:focus,

.cal-btn .cal-btn-wrap input[type=date]::-webkit-datetime-edit-day-field:focus{display:none;position:absolute;left:-9999px;-webkit-appearance:none;width:0;height:0;color:#fff;font-size:0;line-height:0;}

.cal-btn .cal-btn-wrap input[type=date]::-webkit-datetime-edit-year-field:not([aria-valuenow]),

.cal-btn .cal-btn-wrap input[type=date]::-webkit-datetime-edit-month-field:not([aria-valuenow]),

.cal-btn .cal-btn-wrap input[type=date]::-webkit-datetime-edit-day-field:not([aria-valuenow]){display:none;position:absolute;left:-9999px;color:#fff;font-size:0;line-height:0;}

.cal-btn .hyphen{width:6%}

/* 버튼 */

.w100{float:none !important;margin:0 !important}

/* 페이지 하단 컨펌 버튼 */



.page-cnfm-btn{overflow:hidden;margin:30px auto 0;text-align:center}

.cnfm-btn{float:left;width:50%;margin:0;line-height:50px;text-align:center;border-radius:5px;background-color:#006bbe;color:#fff;font-size:1.154rem}

.cnfm-btn.cancel{background-color:#d7d7d7;color:#333}

.cnfm-btn:first-child{width:49.25%;margin-right:0.75%}

.cnfm-btn:last-child{width:49.25%;margin-left:0.75%}

.cnfm-btn.w100{width:55%}



/* 페이지 하단 컨펌 버튼 */

.page-cnfm-btn-top{overflow:hidden;auto 0;text-align:center}

.cnfm-btn{float:left;width:50%;margin:0;line-height:50px;text-align:center;border-radius:5px;background-color:#006bbe;color:#fff;font-size:1.154rem}

.cnfm-btn.cancel{background-color:#d7d7d7;color:#333}

.cnfm-btn:first-child{width:49.25%;margin-right:0.75%}

.cnfm-btn:last-child{width:49.25%;margin-left:0.75%}

.cnfm-btn.w100{width:55%}

/* 레이어팝업 버튼 */

.pop-cnfm-btn{position:relative;overflow:hidden;margin:15px;text-align:center}

.pop-btn{float:left;line-height:45px;text-align:center;border-radius:5px;background-color:#48a522;color:#fff;font-size:1.154rem; font-weight:bold;}

.pop-btn.cancel{background-color:#d7d7d7;color:#333}

.pop-btn:first-child{width:49.25%;margin-right:0.75%}

.pop-btn:last-child{width:49.25%;margin-left:0.75%}

.pop-btn.disagree{width:49.25%;margin-right:0.75%;background-color:#d7d7d7;color:#333}

.pop-btn.agree{width:49.25%;margin-left:0.75%;background-color:#48a522}

.pop-cnfm-btn input[type="radio"]{position:absolute;z-index:-1}

.pop-cnfm-btn input[type="radio"] + label{cursor:pointer}

.pop-btn.w100{width:50%}

/* 본문안에 들어가는 버튼(테이블) */

.general-btn{display:inline-block;padding:0 15px;line-height:25px;border-radius:13px;text-align:center;color:#fff;background-color:#526a81;font-size:0.847rem}

/* 본문 기능 버튼 */

.inc-func-btn{text-align:center;margin-top:10px}

.func-btn{display:inline-block;min-width:80px;margin:5px 3px 0 0;padding:0 13px;line-height:32px;border-radius:5px;background-color:#526a81;color:#fff !important;font-size:1.0rem}

/* 부가정보 버튼 */

.desc-para + .inc-option-btn {margin-top: 10px;}

.inc-option-btn{overflow:hidden;margin:15px 0 -5px}

.option-btn{display:inline-block;min-width:90px;margin:0 3px 5px 0;padding:0 15px;text-align:center;line-height:23px;border-radius:13px;background-color:#fff;border:1px solid #006bbe;color:#003975 !important;font-size:0.923rem}

.option-btn.phone {position: relative; padding-left: 30px;}

.option-btn.phone:before {content:'';display: block; position: absolute; top: 6px; left: 13px; 

	width:12px;height:12px;background:url(../images/main-icon-cs-black.png) no-repeat;background-size:12px auto;

}

.inc-option-btn.item2{margin:0;text-align:center}

.inc-option-btn.item2 .option-btn{float:left;width:50%;margin:0}

.inc-option-btn.item2 .option-btn:first-child{border-radius:15px 0 0 15px} 

.inc-option-btn.item2 .option-btn:last-child{border-left:0 none;border-radius:0 15px 15px 0}



/* 약관 동의 버튼 */

.terms-btn{position:relative;display:inline-block}

.terms-btn label{display:inline-block;min-width:85px; width: 100%; padding-left:20px;line-height:23px;text-align:center;border:1px solid #48a522;border-radius:13px;background:#fff url(../images/deco_agree_off.png) no-repeat 10px 50%;background-size:14px 9px;color:#1e8c19;font-size:0.923rem}

.terms-btn input[type="checkbox"]{position:absolute;top:12px;left:5px;z-index:1; width:24px; height: 24px;}

.terms-btn input[type="checkbox"]:checked + label{background-color:#48a522;background-image:url(../images/deco_agree_on.png);border-color:#48a522;color:#fff;font-weight:bold}



/* 약관 동의 버튼 추가 */

.terms-btn_new{position:relative;display:inline-block}

.terms-btn_new label{display:inline-block;min-width:100px; width: 100%; padding-left:20px;line-height:23px;text-align:center;border:1px solid #48a522;border-radius:13px;background:#fff url(../images/deco_agree_off.png) no-repeat 10px 50%;background-size:14px 9px;color:#1e8c19;font-size:0.923rem}

.terms-btn_new input[type="checkbox"]{position:absolute;top:12px;left:5px;z-index:1; width:24px; height: 24px;}

.terms-btn_new input[type="checkbox"]:checked + label{background-color:#48a522;background-image:url(../images/deco_agree_on.png);border-color:#48a522;color:#fff;font-weight:bold}





/* 전액신청 버튼 */

.forall-btn input[type="checkbox"]{position:absolute;z-index:-1}

.forall-btn label{display:inline-block;min-width:60px;padding:0 10px;line-height:23px;text-align:center;border:1px solid #48a522;border-radius:13px;background-color:#fff;color:#1e8c19;font-size:0.923rem}

.forall-btn input[type="checkbox"]:checked + label{background-color:#48a522;color:#fff;border-color:#48a522;font-weight:bold}

.forall-btn input[type="checkbox"]:checked + label:before{content:'V'; display:inline-block; width:10px; height:10px; margin-right:10px;}

/* 기간검색 또는 라디오 선택 버튼 */

.con-btn{overflow:hidden;margin-top:-5px}

.con-btn .con-btn-wrap{display:inline-block;position:relative;float:left;margin:5px 3px 0 0}

.con-btn .con-btn-wrap input[type="radio"]{position:absolute;top:0;left:0;z-index:-1}

.con-btn .con-btn-wrap input[type="radio"]:disabled {color: #ccc;}

.con-btn .con-btn-wrap input[type="radio"]:disabled + label {color: #b1b1b1;}

.con-btn .con-btn-wrap label{display:block;min-width:50px;padding:4px 10px 5px;text-align:center;border:1px solid #8abae8;border-radius:13px;background-color:#fff;color:#003975;font-size:0.923rem}

.con-btn .con-btn-wrap input:checked + label{background-color:#006bbe;border-color:#006bbe;color:#fff; font-weight:bold;}

.con-btn .con-btn-wrap input:disabled + label{background-color:#f2f2f2} 

/* 더보기 버튼 */

.list-more-btn{margin:20px 0 0}

.more-btn{display:block;width:100%;line-height:28px;text-align:center;border:1px solid #d3d3d3;background-color:#f2f2f2;border-radius:5px;color:#111;font-size:1.0rem}

.more-btn:before{content:'';display:inline-block;width:14px;height:14px;vertical-align:top;margin:7px 5px;background:url(../images/icon_collection.png) no-repeat -40px -60px;background-size:100px auto}

/* 이메일발송 버튼 */

.inc-email-btn{margin:15px auto 0;text-align:center}

.email-btn{min-width:142px;line-height:32px;border-radius:15px;background-color:#48a522;color:#fff;font-size:1.077rem}

/* 조회버튼-가운데 정렬 */

.inquiry-btn{margin:15px 0;text-align:center;}

.inquiry-btn > button{min-width:95px;padding:0 15px;line-height:32px;border-radius:16px;background-color:#526a81;color:#fff;font-size:1.0rem}

.inquiry-btn > button:before{content:'';display:inline-block;width:16px;height:16px;vertical-align:top;margin:8px 7px 0 0;background:url(../images/icon_collection.png) no-repeat -60px 0;background-size:100px auto}



/* 조회버튼-우측정렬*/

.leinquiry-btn {text-align:left;margin:15px 30px 0 0}

.leinquiry-btn > button{min-width:95px;padding:0 15px;margin-left:10px;margin-top:5px;line-height:32px;border-radius:16px;background-color:#526a81;color:#fff;font-size:1.0rem}

.leinquiry-btn > button:before{content:'';display:inline-block;width:16px;height:16px;vertical-align:top;margin:8px 7px 0 0;background:url(../images/icon_collection.png) no-repeat -60px 0;background-size:100px auto}







/* 인풋사이즈와 동일한 버튼 */

.input-btn{width:97px;line-height:40px;text-align:center;border:1px solid #7e8084;border-radius:2px;background-color:#fff;color:#111;letter-spacing:-1px;font-size:1.077rem}

.input-btn.small{width:63px}

.input-btn.middle{width:auto;padding:0 10px}

.input-btn.branch {width: 75px;}

.input-btn.search:before{display: inline-block;content:'';background: url(../images/search-btn-icon.png) no-repeat;width:16px;height:16px;background-size:cover;vertical-align: top;margin:13px 5px 0;}

/* 탭 */

/* 메뉴이동 탭(최상단에 위치) */

.tab-menu{margin-bottom:30px}

.tab-menu ul:after{content:'';display:block;height:0;clear:both}

.tab-menu ul > li{position:relative;float:left;width:25%}

.tab-menu .tab-item-wrap{display:table;width:100%;min-height:48px}

.tab-menu .tab-item-wrap a{position:relative;display:table-cell;text-align:center;vertical-align:middle;color:#7e8084;line-height:1.1;letter-spacing:-1px;font-size:1.154rem}

.tab-menu .tab-item-wrap a:after{content:'';display:block;border-top:1px solid #f2f2f2;position:absolute;bottom:0;left:0;right:0}

.tab-menu li.on .tab-item-wrap a{font-weight:bold;color:#0969b3;letter-spacing:-1px}

.tab-menu li.on .tab-item-wrap a:after{border-top:5px solid #0869b3;left:1px;right:1px;border-radius:5px}

.tab-menu li.on:before,

.tab-menu li.on:after{content:'';display:inline-block;width:5px;height:5px;border-radius:5px;position:absolute;bottom:0;z-index:1;background-color:#003975}

.tab-menu li.on:before{left:0}

.tab-menu li.on:after{right:0}

.tab-menu.item2 li{width:50%}

.tab-menu.item3 li{width:33.33%}

.tab-menu.item4 li{width:25%}

.tab-menu.item5 li{width:20%}

/* 본문 탭 */

.tab-head{margin:0 -15px;padding:0 15px;border-bottom:1px solid #0089d0}

.tab-head:after{content:'';display:block;height:0;clear:both}

.tab-head li{position:relative;float:left;overflow:hidden;margin-bottom:-1px;background-color:#f2f2f2}

.tab-head li:before{content:'';display:inline-block;width:100%;height:1px;background-color:#d3d3d3;position:absolute;top:0;left:0}

.tab-head li:after{content:'';display:inline-block;width:100%;height:1px;background-color:#0089d0;position:absolute;bottom:0;left:0}

.tab-head .tab-item-wrap{display:table;width:100%;min-height:46px}

.tab-head .tab-item-wrap a{display:table-cell;width:100%;vertical-align:middle;text-align:center;color:#333;border-left:1px solid #d3d3d3;letter-spacing:-1px;font-size:1.0rem}

.tab-head li:last-child .tab-item-wrap a{border-right:1px solid #d3d3d3;padding:0 10px;}

.tab-head li + li .tab-item-wrap a{border-left:1px solid #d3d3d3}

.tab-head li.on + li .tab-item-wrap a{border-left:0 none}

.tab-head .on{background-color:#fff}

.tab-head .on:before{height:2px;background-color:#0089d0}

.tab-head .on:after{background-color:transparent}

.tab-head li.on:after{display:none}

.tab-head .on .tab-item-wrap a{border-color:#0089d0;color:#006bbe; font-weight: bold;}

.tab-head .on .tab-item-wrap a:after{content:'';display:inline-block;border-left:1px solid #0089d0;height:100%;position:absolute;bottom:0;right:0}

.tab-head.item2 li{width:50%}

.tab-head.item3 li{width:33.33%}

.tab-head.item4 li{width:25%}

.tab-head.item5 li{width:20%}

.tab-head.line2 .tab-item-wrap{min-height:50px}

.tab-cont{display:none;padding-top:30px;position:relative;}

.tab-cont.on{display: block}

.tab-cont.underTotal{padding-top:19px}

/* 스텝 */

/* 삭제예정 */

.step{margin:0 auto 30px;padding:30px 0 0;text-align:center}

.step:after{content:'';display:block;height:1px;margin:18px -15px 0;background-color:#f2f2f2}

.step-head{display:inline-block;margin-top:20px;color:#0969b3;font-weight:bold;letter-spacing:-1px;font-size:1.308rem} 

.step-state{position:relative}

.step-state ul{width:100%;position:absolute;top:50%;left:0;right:0;margin-top:-6px}

.step-state ul:after{content:'';display:block;height:0;clear:both}

.step-state li{float:left;position:relative;line-height:1.0}

.step-state li span em{display:inline-block;width:12px;height:12px;position:relative;z-index:3;background:url(../images/deco_step_default.png) no-repeat;background-size:12px auto}

.step-state li span:before{content:'';display:inline-block;width:100%;height:4px;background-color:#e4e4e4;position:absolute;top:50%;left:0;margin-top:-2px;z-index:1}

.step-state li span:after{content:'';display:inline-block;width:100%;height:4px;background-color:#e4e4e4;position:absolute;top:50%;right:0;margin-top:-2px;z-index:1}

.step-state li.step-pass span:before,

.step-state li.step-pass span:after{background-color:#bad8eb}

.step-state li.step-pass span em{background-image:url(../images/deco_step_pass.png)}

.step-state li.step-current span:before,

.step-state li.step-current span:after{background-color:#0969b3}

.step-state li.step-current span:before{left:-50%;z-index:2;margin-left:6px;border-radius:2px 0 0 2px}

.step-state li.step-current span:after{right:-50%;z-index:2;margin-right:8px}

.step-state li.step-current span em:before{content:'';display:inline-block;width:30px;height:30px;position:absolute;top:-10px;left:50%;margin-left:-15px;background:url(../images/deco_step_current.png) no-repeat;background-size:240px auto}

.step-state li.step-current .step-arrow{display:inline-block;width:10px;height:15px;position:absolute;top:-1px;right:-50%;z-index:4;margin-right:6px;background:url(../images/deco_step_arrow.png) no-repeat 100% 0;background-size:10px 15px}

.step-state li.step-current.last span:after{right:0;margin-right:0}

.step-state li.first span:before{left:0;margin-left:0;border-radius:2px}

.step-state li.last span:after{border-radius:2px}

.step-state.item2 li{width:50%}

.step-state.item3 li{width:33.33%}

.step-state.item4 li{width:25%}

.step-state.item5 li{width:20%}

.step-state.item6 li{width:16.66%}

.step-state.item7 li{width:14.285%}

.step-state.item8 li{width:12.5%}

.step-state .step-current.step1 span em:before{background-position:0 0}

.step-state .step-current.step2 span em:before{background-position:-30px 0}

.step-state .step-current.step3 span em:before{background-position:-60px 0}

.step-state .step-current.step4 span em:before{background-position:-90px 0}

.step-state .step-current.step5 span em:before{background-position:-120px 0}

.step-state .step-current.step6 span em:before{background-position:-150px 0}

.step-state .step-current.step7 span em:before{background-position:-180px 0}

.step-state .step-current.step8 span em:before{background-position:-210px 0}

/* //삭제예정 */

.step-wrap{overflow:hidden;margin:0 -15px 30px;padding:0 15px;min-height:50px;background-color:#f6f6f6;border-bottom:1px solid #d2dee9}

.step-wrap ul{display:table;float:right;height:50px}

.step-wrap li{display:table-cell;padding-left:4px;vertical-align:middle}

.step-wrap li:first-child{padding-left:0}

.step-wrap li:last-child .step-item {background:none;padding-right:0;}

.step-wrap .step-number{display:table-cell;vertical-align:middle;width:20px;height:20px}

.step-wrap .step-number:before{content:'';display:inline-block;width:20px;height:20px;border-radius:50%;vertical-align:top;text-align:center;background:#d2dee9 url(../images/deco_step_current.png) no-repeat;background-size:160px auto}

.step-wrap .step-item{display:table-cell;padding-left:4px;vertical-align:middle;color:#006bbe;font-weight:bold}

.step-wrap .step-pass .step-number:before{background-color:#bad8eb}

.step-wrap .step-current .step-number:before{background-color:#006bbe}

.step-wrap .step-current .step-item{padding:2px 12px 0 4px;line-height:1.3;background:url(../images/deco_step_arrow.png) no-repeat 100% 50%;background-size:8px 12px}

.step-wrap .step1 .step-number:before{background-position:0 0}

.step-wrap .step2 .step-number:before{background-position:-20px 0}

.step-wrap .step3 .step-number:before{background-position:-40px 0}

.step-wrap .step4 .step-number:before{background-position:-60px 0}

.step-wrap .step5 .step-number:before{background-position:-80px 0}

.step-wrap .step6 .step-number:before{background-position:-100px 0}

.step-wrap .step7 .step-number:before{background-position:-120px 0}

.step-wrap .step8 .step-number:before{background-position:-140px 0}

/* 아코디언 */

.acc{background-color:#fff}

.acc + .acc{margin-top:10px}

.acc:last-child{margin-bottom:0}

.acc .click-target{display:block;padding:10px 60px 10px 15px;background:url(../images/arrow_ac_down.png) no-repeat right center;background-size:36px 13px;color:#111}

.acc .click-target2{display:block;padding:10px 60px 10px 15px;background:url(../images/arrow_ac_down.png) no-repeat right center;background-size:36px 13px;color:#111}

.acc-head{display:block;border:1px solid #d2dee9;color:#111;border-radius:10px}

.acc-head *{color:#111}

.acc-head.pos{position:relative}

.acc-head.pos .pos-ab{position:absolute;top:13px;left:15px}

.acc-head .acc-title{overflow:hidden;font-size:1.153rem;font-weight:bold;color:#006bbe;line-height:1.5}

.acc-head .acc-title.faq{overflow:hidden;font-size:1.153rem;font-weight:bold;color:#111;display:inline-block;}

.acc-title-head{color:#006bbe;margin-right:10px;}

.acc-head .acc-title *{color:#006bbe}

.acc-head .acc-title2{font-size:1.154rem}

.acc-head .acc-title .point{display:inline-block;float:right;font-weight:bold;color:#0969b3;font-size:1.308rem}

.acc-head .acc-title .acc-category{display:inline-block;margin-top:-3px;margin-right:10px;color:#111;vertical-align:middle;font-weight:normal;font-size:1rem}

.acc-head .acc-subinfo{display:block;font-size:1.077rem}

.acc-head .acc-subinfo + .acc-title, .acc-head .acc-subinfo + .acc-title2{margin-top:8px}

.acc-head .acc-info{margin-top:5px}

.acc-head .acc-num{font-size:1.0rem}

.acc-head .point{color:#f56911;font-size:1.538rem}

.acc-body{display:none;padding:15px}

/* .acc-body *{color:#111} */

.acc-body.type2{padding:0}

.acc-body .link-list{margin:-15px}

.acc-body .link-list-item{margin:-1px}

.acc-body .link-list-item + .link-list-item{margin-top:0}

.acc.show .click-target{background-image:url(../images/arrow_ac_up.png)}

.acc.show .click-target2{background-image:url(../images/arrow_ac_up.png)}

.acc.show .acc-head{border-color:transparent;background-color:#3473cb;color:#fff;border-radius:10px 10px 0 0;box-shadow: 0 2px 4px 0 #ccc;position:relative}

.acc-head-a{margin-left:35px;display:block;}

.acc.show .acc-head *{color:#fff}

.acc.show .acc-head .acc-title-head{color:#effaab;}

.acc.show .acc-head .point{color:#feff82;}

.acc.show .acc-body{display:block;border:1px solid #d2dee9;border-top:0 none;background:#f4f9fd;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}

.acc-type2{margin:20px -16px -20px}

.acc-type2 .acc + .acc{margin-top:-1px}

.info-list li{display:table;width:100%;margin-top:5px}

.info-list li:first-child{margin-top:0}

.info-title{display:table-cell;width:28%;vertical-align:middle;font-size:1.0rem}

.info-cont{display:table-cell;width:72%;vertical-align:middle;text-align:right;font-size:1.0rem}

.info-list.type2 .info-title{width:40%}

.info-list.type2 .info-cont{width:60%}

.info-list.type3 .info-title{width:50%}

.info-list.type3 .info-cont{width:50%}

/* LAYER POPUP */

.layer-pop-wrap{display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;width:100%;height:100%;background:#fff; }

.layer-pop-wrap.show{display:block;overflow:auto;height:100%;}

.layer-header{position:fixed;top:0;left:0;z-index:10;width:100%;height:50px; transform: translate3d(0, 0, 0); -webkit-overflow-scrolling:touch;

	-webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}

.layer-header-wrap{position:relative;padding:14px 40px 16px;background-color:#526a81}

.layer-header .layer-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:#fff;font-weight:normal;font-size:1.308rem}

.layer-close-btn{width:50px;height:100%;position:absolute;top:0;right:0;background:url(../images/btn_close.png) no-repeat 50%;background-size:18px 18px}

.layer-body{padding:50px 0 90px;background-color:#fff;height:100%;overflow-y: auto;}

.layer-body.no-fixed{padding-bottom:0;height: auto;}

.layer-body.no-fixed .layer-body-wrap{padding-bottom:20px;}

.layer-body-wrap{position:relative;padding:30px 15px 50px;}



/* 접근성 개선을 위한 수정 20190321 */

/* 텍스트가 없는 경우 */

.layer-body-wrap.type1 { overflow-y:scroll; height:100%; }

/* 텍스트가 있는 경우(최대 2줄을 고려하여 max-height 적용) */

.layer-body-wrap.type2 { overflow-y:scroll; height:calc(100% - 50px); }

.layer-body-wrap.type2 + .layer-bottom-fixed .txt-agree { max-height:50px; }



.layer-body-wrap .tab-menu{margin-top:-30px;margin-left:-15px;margin-right:-15px}

.layer-subtitle{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #d2dee9;text-align:center;color:#526a81;font-size:1.308rem;font-weight:normal;}

.layer-bottom-fixed{ position:fixed;bottom:0;left:0;right:0;width:100%;background-color:#fff}

.layer-bottom-fixed .txt-agree{margin:0 15px;padding:15px 0 0;text-align:center;color:#111;border-top:1px solid #d2dee9;font-size:1.076rem}

.txt-agree{margin:0 15px;padding:15px 0 0;text-align:center;color:#111;border-top:1px solid #d2dee9;font-size:1.076rem}

/* DIM */

.dim-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;width :100%;height:100%;background:rgba(0,0,0,.7);display:none}

.dim-bg.show{display: block}

.dim-wrap{position:fixed;top:calc(50% - 20px);left:0;right:0;z-index:100;width:90%;background:#fff;display: none;margin:0 auto;border-radius:10px;}

.dim-wrap.show{display: block}

.dim-wrap .dim-inner{padding:15px 15px 0;text-align: left; line-height: 1.5;}



/* 접근성 개선을 위한 수정 20190321 */

/* 레이어 팝업에 초점을 진입하기 위한 CSS(레이어를 감싸는 CSS) 접근성 추가 20190321 */

.dim-inner a.blind { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }



/* 블릿 리스트(정보용:font-size:11px) */

.inc-option-btn + .desc-list {margin-top: 10px;}

.desc-list li{position:relative;line-height:1.4;padding-left:8px;color:#333;font-size:0.923rem}

.desc-list li:before{content:'';display:inline-block;position:absolute;left:0;background-image:url(../images/bullet_collection.png);background-repeat:no-repeat;background-size:15px auto}

.desc-list > li + li{margin-top:10px}

.desc-list > li:before{top:6px;width:3px;height:3px;background-position:0 -120px}

.desc-list .inc-option-btn{margin-top:10px}

.desc-list.type2{margin-top:5px}

.desc-list.type2 > li{padding-left:7px}

.desc-list.type2 > li + li{margin-top:5px}

.desc-list.type2 > li:before{width:2px;height:2px;top:7px;background-position:0 -130px}

.desc-list.type3{margin-top:10px}

.desc-list.type3 > li{padding-left:7px}

.desc-list.type3 > li + li{margin-top:10px}

.desc-list.type3 > li:before{width:3px;height:1px;top:6px;background-position:0 -140px}

.desc-list > li.notes {padding-left: 30px}

.desc-list > li.notes:before {

	content:'';display:inline-block;position:absolute;top: 2px; left:0; width: 24px; height: 15px;

	background-image:url(../images/icon-exp-note.png);background-repeat:no-repeat;background-size:24px auto; background-position: 0 0;

}

.desc-list > li.notes.two:before { background-position: 0 -19px;	}

.desc-list > li.notes.three:before { background-position: 0 -38px;	}

/* 블릿 리스트(본문용:font-size:12px) */

.bul-dep1{position:relative;padding-left:10px;color:#111;font-size:1.0rem}

.bul-dep1:before{content:'';display:inline-block;width:5px;height:5px;position:absolute;top:4px;left:0;background:url(../images/bullet_collection.png) no-repeat 0 -30px;background-size:15px auto}

.bul-dep1 + .bul-dep1{margin-top:15px}

.bul-dep1.top-space{margin-top:15px}

.bul-dep1 > .cont-list{margin-top:10px}

.cont-list > li{position:relative;line-height:1.4;padding-left:12px;color:#111;font-size:0.923rem}

.cont-list .inc-option-btn{margin-top:10px}

.cont-list > li:before{content:'';display:inline-block;position:absolute;left:0;background-image:url(../images/bullet_collection.png);background-repeat:no-repeat;background-size:15px auto}

.cont-list > li:before{top:7px;width:7px;height:2px;background-position:0 -15px}

.cont-list > li + li{margin-top:10px}

.cont-list .desc-list{margin-top:5px}

.cont-list .desc-list li{padding-left:7px}

.cont-list .desc-list li:before{width:2px;height:2px;top:6px;background-position:0 -130px}

.cont-list .desc-list.type2 li{padding-left:7px}

.cont-list .desc-list.type2 li:before{width:3px;height:1px;top:6px;background-position:0 -140px}

.cont-list-demi > li{list-style-type: decimal;margin-left:15px;}

.cont-list-demi2 > li{list-style-type: decimal;margin-left:25px; margin-bottom: 10px; line-height: 1.5;}

.cont-list-demi .cont-list{margin-top:8px;font-weight: normal;}

.no-bullet{padding-left:0 !important;}

.no-bullet:before{background:none !important;}

.cont-list + .input-timer-wrap{margin-top:15px;}

/* 공지 리스트 */

.noti-list li{position:relative;margin-top:5px;padding-left:15px;line-height:1.5;font-size:0.847rem}

.noti-list li:before{content:'';display:inline-block;width:12px;height:12px;position:absolute;top:1px;left:0;background:url(../images/bullet_collection.png) no-repeat;background-size:15px auto}

.noti-list .inc-option-btn{margin-top:10px}



.noti-list-0 li{position:relative;margin-top:5px;line-height:1.5;font-size:0.847rem}

.noti-list-0 li:before{content:'';display:inline-block;width:12px;height:12px;position:absolute;top:1px;left:0;background:url(../images/bullet_collection.png) no-repeat;background-size:15px auto}

.noti-list-0 .inc-option-btn{margin-top:10px}





/* 블릿없는 리스트 */

.nobul-list > li{padding-left:0 !important}

.nobul-list > li:before{display:none}

.nobul-list > li ul{padding-left:15px}

/* 체크 리스트 */

.check-list{margin:10px 0;padding:15px 10px;background-color:#e5f0fa}

.check-list li{position:relative;padding-left:13px;line-height:1.5;font-size:0.847rem}

.check-list li:before{content:'';display:inline-block;position:absolute;top:4px;left:0;width:8px;height:7px;background:url(../images/bullet_collection.png) no-repeat 0 -90px;background-size:15px auto}

.check-list li + li{margin-top:5px}

.check-list .inc-option-btn{margin-top:10px}

.check-list2 li {position: relative;}

.check-list2 li + li{margin-top:15px}

/* 한줄문구(회색 라운드) */

.desc-center{margin-bottom:15px;padding:10px 15px;border-radius:15px;background-color:#f2f2f2;text-align:center;color:#003975;line-height:1.3;letter-spacing:-1px;font-size:0.923rem}

.desc-center.type3{text-align: left;background-color:#fff;margin-bottom:5px;padding:0;color:#0969b3}

/* 알려드립니다. */

.desc-wrap .desc-title{display:inline-block;position:relative;margin-bottom:5px;padding:0 10px 0 25px;line-height:28px;color:#003975;font-weight:bold;font-size:0.923rem}

.desc-wrap .desc-title:before{content:'';display:inline-block;position:absolute;top:5px;left:0px;width:22px;height:18px;background:url(../images/icon_collection.png) no-repeat 0 -40px;background-size:100px auto}

.desc-wrap .desc-title.type2:before{background-position:-25px -40px}

.desc-wrap .desc-body{line-height:1.5;font-size:0.847rem}

.desc-wrap .desc-body .inner{padding-left:15px}

/* 이용시간 안내 */

.used-time{position:relative;margin-bottom:27px;padding:8px 0 9px 30px;border:1px solid #e4e4e4;border-radius:12px;letter-spacing:-0.5px;color:#003975;font-size:0.923rem}

.used-time:before{content:'';display:inline-block;position:absolute;top:7px;left:7px;width:22px;height:18px;background:url(../images/ic_clock.png) no-repeat 0 0;background-size:17px auto}

.used-time .used-title{display:inline-block;letter-spacing:-1px}

.used-time .used-title:after{content:'';display:inline-block;width:1px;height:12px;margin:-1px 2px 0 4px;vertical-align:middle;border-right:1px solid #e4e4e4}

/* 순서가 있는 설명 리스트 */

.order-list > li + li{margin-top:15px}

.order-list-head{display:inline-block;position:relative;padding-left:15px;color:#003975;font-weight:bold;font-size:1.077rem}

.order-list-head:before{content:'';display:inline-block;width:15px;height:15px;position:absolute;top:3px;left:0;background:url(../images/deco_number.png) no-repeat;background-size:15px auto}

.order-list-cont{margin:10px 0 0 15px}

.order-1:before{background-position:0 0}

.order-2:before{background-position:0 -15px}

.order-3:before{background-position:0 -30px}

.order-4:before{background-position:0 -45px}

.order-5:before{background-position:0 -60px}

.order-6:before{background-position:0 -75px}

.order-7:before{background-position:0 -90px}

.order-8:before{background-position:0 -105px}

.order-9:before{background-position:0 -120px}

/* 상태 */

.txt-state{display:inline-block;padding:0 5px;line-height:15px;vertical-align:text-top;background-color:#fff;text-align:center;border-radius:8px;font-weight:bold;font-size:0.847rem;margin-top:-2px;}

.txt-state.type1{color:#48a522;border:1px solid #48a522}

.txt-state.type2{color:#f65036;border:1px solid #f65036}

.txt-state.type3{color:#7b67a9;border:1px solid #7b67a9}

.txt-state + .txt-state {margin-left: 5px;}

.txt-state + .general-btn {margin-left: 5px;}

.cs-state{display:inline-block;padding:0 8px;line-height:18px;vertical-align:text-top;text-align:center;border:1px solid #d2dee9;border-radius:8px;font-weight:bold;font-size:0.847rem}

.cs-state.type1{color:#006bbe}

.cs-state.type2{color:#1ebba5}

.cs-state.type3{color:#a4c04e}

/* WRAPPER */

.bg-bd-wrap{margin-bottom:10px;padding:15px;border:1px solid #d2dee9;background-color:#f4f9fd;border-radius:10px}

.bd-wrap{margin-bottom:10px;padding:15px;border:1px solid #d2dee9;border-radius:10px;background-color:#fff}

.bd-wrap .wrap-title{overflow:hidden;margin:-15px -15px 15px;padding:15px;border-bottom:1px solid #d2dee9;font-weight:bold;color:#003975;letter-spacing:-1px;font-size:100%;background: #f4f9fd;border-top-right-radius: 10px;border-top-left-radius: 10px;}

.bd-wrap .head-area{overflow:hidden;margin:-15px -15px 15px;padding:15px;border-bottom:1px solid #d2dee9;border-radius:10px 10px 0 0;background-color:#f4f9fd}

.bd-wrap .head-area .checkbox{margin-bottom:0}

.bd-wrap .head-area .head{color:#111;line-height:1.4;font-weight:bold;font-size:1.0rem}

.bd-wrap.type2{padding-bottom:5px;margin-bottom:20px;}

.bd-wrap.total{background: #fcfdf4}

.bd-wrap.total .table th{vertical-align:middle}

.bg-wrap{padding:15px;background-color:#f2f2f2}

.tab-total-info{margin:0 -15px;padding:0 15px 10px;border-bottom:1px solid #bfd8ee;}

.bd-wrap.under-certi{border-radius: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;margin-top:-1px;}

/* 상/하단 설명 문구 wrap */

.top-desc-wrap{margin:0 0 30px;padding:18px 15px;background-color: #f4f9fd;border:1px solid #d2dee9;border-radius: 10px;}

.bottom-desc-wrap{margin-top:30px;padding:10px;border:15px solid #e4e4e4;border-radius:5px; text-align: left;}

.bottom-desc-wrap .desc-wrap .desc-title{margin-top:-5px}

/* 약관 동의 */

.agree-wrap{padding:0 15px;border:1px solid #d2dee9;border-radius:10px}

.agree-wrap ul{overflow:hidden;margin:5px 0 10px}

.agree-wrap li{display:table;width:100%}

.agree-wrap li .agree-title{display:table-cell;width:70%;padding:10px 10px 0 0;text-align:left;color:#111;line-height:1.3;vertical-align:middle}

.agree-wrap li .terms-btn{display:table-cell;width:30%;padding:10px 0 0;text-align:right;vertical-align:middle}

/* 단계완료/상품상제 상단 */

.top-detail-wrap{margin:0 -15px 30px;padding:25px 20px 20px;text-align:left;background-color:#f4f9fd;border-bottom:1px solid #bfd8ee}

.top-detail-wrap.topline{border-top:1px solid #bfd8ee}

.top-detail-wrap .detail-info{display:block;margin-bottom:5px;color:#006bbe;font-size:1.154rem}

.top-detail-wrap .detail-title{margin-bottom:15px;letter-spacing:-1px;color:#006bbe;font-weight:bold;font-size:1.538rem}

.top-detail-wrap .detail-title2{margin-bottom:15px;letter-spacing:-1px;color:#111;font-weight:normal;font-size:1.307rem}

.top-detail-wrap .top-detail-inner{margin-top:15px;border-top:1px solid #d1e3f3}

.top-detail-wrap .top-detail-inner .table{margin-top:0}

.top-detail-wrap .top-detail-inner .table tfoot th{border-top:1px solid #d1e3f3;color:#006bbe;font-weight:bold;font-size:1.154rem}

.top-detail-wrap .top-detail-inner .table tfoot td{border-top:1px solid #d1e3f3}

.top-detail-wrap .top-detail-inner tfoot .point{font-size:1.534rem;}

.complete-detail .detail-title{margin-bottom:13px;color:#333;font-weight:normal;font-size:1.538rem}

.complete-detail .detail-title b{color:#006bbe}

.complete-detail .top-detail-title{color:#111;letter-spacing:-1px;font-weight:bold;font-size:1.153rem;margin-top:25px;}

/* 테이블 */

.table{overflow:hidden;margin-top:-10px;margin-bottom:-10px}

.table table{width:100%;border-collapse:collapse;margin-top:10px}

.table th{padding:0 0 10px;text-align:left;font-weight:normal;vertical-align:top;color:#111}

.table td{padding:0 0 10px;text-align:right;vertical-align:middle;color:#111}

.table tfoot th,

.table tfoot td{padding:10px 0}

.table.real-money{border-top:1px solid #d2dee9;margin: 15px -15px 0;padding:0 15px 0;}

.table.real-money th{vertical-align:middle}

.table2{padding-bottom:10px;border-top:2px solid #8abae8;border-bottom:1px solid #8abae8}

.table2 table{width:100%;border-collapse:collapse;}

.table2 thead th{padding:12px 0 15px;border-bottom:1px solid #d2dee9;text-align:center;background-color:#eff6fc;color:#003975;font-weight:normal;font-size:1.077rem}

.table2 thead th.tal{text-align:left;padding-left:15px;padding-right:15px}

.table2 tbody th{padding:7px 9px 5px 15px;vertical-align:middle;text-align:left;font-weight:normal;}

.table2 tbody td{height:50px;padding:0 9px;vertical-align:middle;text-align:center}

.table2 tbody td input{margin-bottom:0}

.table2 tfoot th{padding:10px 9px 10px 15px;font-weight:bold;text-align:left}

.table2 tfoot td{padding:10px 9px;font-weight:bold;text-align:right;font-size:1.308rem}

.table2 tr.first th,

.table2 tr.first td{padding-top:15px;padding-bottom:5px}

.tbl-haveBorder th, .tbl-haveBorder td  {border-bottom: 1px solid #d2dee9;}

.tbl-haveBorder + tr th, .tbl-haveBorder + tr td {padding-top: 8px;}

.tab-total-info .table{padding:0;margin-top:-16px;}

.tab-total-info .table th,.tab-total-info .table td{border-bottom:1px solid #d1e3f3;padding:13px 0 ;}

.tab-total-info .table th.noline,.tab-total-info .table td.noline{border-bottom:0;}

/* 설명 테이블 */

.desc-table table{width:100%;border-collapse:collapse;border-top:2px solid #8abae8;border-bottom:1px solid #8abae8}

.desc-table tbody th{padding:15px 0;vertical-align:middle;text-align:center;border-top:1px solid #d2dee9;background-color:#dae6f0;color:#003975;font-weight:normal;font-size:0.923rem}

.desc-table tbody td{padding:15px 10px;border-top:1px solid #d2dee9;background-color:#fff;font-size:0.847rem}

.desc-table tbody tr:first-child th,

.desc-table tbody tr:first-child td{border-top:0 none}

.tbl_terms table{width:100%;border-collapse:collapse;border-top:2px solid #8abae8;border-bottom:1px solid #8abae8}

.tbl_terms thead th{padding:12px 0 15px;text-align:center;border-bottom:1px solid #d2dee9;border-left:1px solid #d2dee9;background-color:#eff6fc;color:#003975;vertical-align:middle;font-weight:normal;font-size:0.923rem}

.tbl_terms tbody th{text-align:center;padding:15px 10px;border-top:1px solid #d2dee9;border-left:1px solid #d2dee9;background-color:#fff;line-height:1.5;font-weight:normal;font-size:0.847rem;vertical-align:middle}

.tbl_terms tbody td{text-align:left;padding:15px 10px;border-top:1px solid #d2dee9;border-left:1px solid #d2dee9;background-color:#fff;line-height:1.5;font-size:0.847rem;vertical-align: middle;}

.tbl_terms th:first-child,

.tbl_terms td:first-child{border-left-color:transparent}

.tbl_terms .tal,

.tbl_terms .tar{padding-left:10px;padding-right:10px}

.tbl_terms th.subTh{background: #fff;text-align: left;padding:15px;font-weight:bold;color:#003975;}

.tbl_terms .td-under-line{border-bottom:1px solid #8abae8;}

.desc-table2 table{width:100%;border-collapse:collapse;border-top:2px solid #8abae8;border-bottom:1px solid #8abae8}

.desc-table2 thead th{padding:12px 0 15px;text-align:center;border-bottom:1px solid #d2dee9;border-left:1px solid #d2dee9;background-color:#eff6fc;color:#003975;vertical-align:middle;font-weight:normal;font-size:0.923rem}

.desc-table2 tbody th{text-align:center;padding:15px 10px;border-top:1px solid #d2dee9;border-left:1px solid #d2dee9;background-color:#fff;line-height:1.5;font-weight:normal;font-size:0.847rem;vertical-align:middle}

.desc-table2 tbody td{text-align:left;padding:15px 10px;border-top:1px solid #d2dee9;border-left:1px solid #d2dee9;background-color:#fff;line-height:1.5;font-size:0.847rem;vertical-align: middle;}

.desc-table2 th:first-child,

.desc-table2 td:first-child{border-left-color:transparent}

.desc-table2 .tal,

.desc-table2 .tar{padding-left:10px;padding-right:10px}

.desc-table2 th.subTh{background: #fff;text-align: left;padding:15px;font-weight:bold;color:#003975;}

.desc-table2 .td-under-line{border-bottom:1px solid #8abae8;}

/* ICON */

.icon{display:inline-block;margin-right:5px;vertical-align:top;background:url(../images/icon_collection.png) no-repeat;background-size:100px auto}

.icon.setting{width:16px;height:16px;background-position:0 0}

.icon.certifi{width:16px;height:16px;background-position:-20px 0}

.icon.pdf{width:22px;height:20px;background-position:0 -20px}

.icon.download{width:14px;height:14px;margin-top:5px;background-position:-25px -22px}

.icon.email{width:16px;height:14px;margin-top:9px;background-position:-40px 0}

.icon.file{width:16px;height:15px;margin-top:13px;background-position:0 -60px}

.icon.camera{width:16px;height:15px;margin-top:13px;background-position:-20px -60px}

.icon.tel{width:17px;height:16px;margin-top:3px;background-position:-60px -60px}

.icon.msg{width:17px;height:16px;margin-top:8px;background-position:-80px 0}

/* 아이콘 버튼 */

.icon-button{position:relative;display:inline-block;padding:10px;font-size:0}

.icon-button:before{content:'';display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:50%;background-size:16px auto}

.icon-button:after{content:'';display:inline-block;width: 1px;height:16px;background-color:#f2f2f2;position:absolute;top:50%;right:0;margin-top:-9px}

.icon-button:last-child:after{display:none}

.icon-button.preview:before{background-image:url(../images/icon_preview.png)}

.icon-button.delete:before{background-image:url(../images/icon_delete.png)}

/* 상품 투자설명서 다운로드(완성형) */

.download-wrap{padding-top:25px;margin-bottom:30px;}

.download-wrap .download-subject{margin-bottom:10px;text-align:center;color:#111;font-size:1.308rem}

.download-wrap .download-btn{margin-top:15px;text-align:center}

/* 합계 */

.total-wrap{display:table;width:100%}

.total-wrap .section-title{display:table-cell;width:20%;padding:15px 0;vertical-align:middle}

.total-wrap .total-sum{display:table-cell;width:80%;padding:15px 0;text-align:right;vertical-align:middle;font-size:1.077rem}

.total-wrap .total-sum b{display:inline-block;padding-right:5px;vertical-align:text-bottom;color:#f65036;line-height:1.0;font-size:1.923rem}

/* 등록완료 및 오류 메세지 */

.result-comment{text-align:center;margin-bottom:20px}

.result-comment.underline{margin-bottom:15px;border-bottom:1px solid #f2f2f2}

.result-icon{display:inline-block;width:70px;height:70px;margin-bottom:17px;background:url(../images/icon_result_collection.png) no-repeat;background-size:70px auto}

.result-title{display:block;margin-bottom:15px;color:#111;line-height:1.3;font-weight:normal;letter-spacing:-1px;font-size:1.308rem}

.result-txt{display:block;margin-bottom:14px;line-height:1.5;font-size:0.923rem}

.result-title2{display:block;margin-bottom:15px;color:#111;line-height:1.3;font-weight:normal;letter-spacing:-1px;font-size:1.091rem}

.result-txt2{display:block;margin-bottom:14px;line-height:1.5;font-size:1.230rem; font-weight: bold;}

.icon-type1{background-position:0 0}

.icon-type2{background-position:0 -140px}

.icon-type3{background-position:0 -280px}

.icon-sesarch{background-position:0 -420px}

.icon-error-type1{background-position:0 -70px}

.icon-error-type2{background-position:0 -210px}

.icon-error-type3{background-position:0 -350px}

.icon-error-time{background-position:0 -490px}

.icon-password{background-position:0 -560px;}

.icon-securitycard{background-position:0 -630px}

.icon-kbcard{background-position:0 -700px}

.icon-kbcard{background-position:0 -700px}

.icon-receipt{background-position:0 -770px}

.result-email{background-color:#f6f6f6;margin:0 -15px;padding:20px 0;border-top:1px solid #d2dee9;border-bottom:1px solid #d2dee9;}

.result-email .result-title{line-height:1.5;letter-spacing:0;font-weight:normal;font-size:0.923rem}

.under-complete{margin-top:-31px;}

/*  링크되는 리스트 */

.link-list-item{border-top:1px solid #d3d3d3}

.link-list-item:first-child{border-top:0}

.link-list-item + .link-list-item{margin-top:15px}

.link-list-item > a{display:block;padding:18px 35px 19px 14px;background:url(../images/arrow_link.png) no-repeat right center;background-size:23px 16px}

.link-list-item .list-title{color:#006bbe;font-weight:bold;font-size:1.154rem}

.link-list-item .prd-number{display:block;line-height:1.6;color:#111;font-weight:normal;font-size:1.0rem}

.link-list-item .list-info{margin-top:5px;color:#444;line-height:1.4}

.list-info-head{display:inline-block}

.list-info-head:after{content:'|';display:inline-block;height:100%;margin:0 3px 0 5px;color:#d3d3d3}

.list-info-head.type2:after{content:'';display:none}

.list-info-cont{display:inline-block}

/* 리스트타입(보험금신청 서류등록) */

.list-type{border-top:1px solid #d2dee9}

.list-type-item{padding:15px 0;border-bottom:1px solid #d2dee9}

.list-item-wrap{display:table;width:100%}

.list-item-wrap .item-thumb{display:table-cell;vertical-align:middle;width:65px;height:65px;background-color:#000}

.list-item-wrap .item-thumb img{width:100%;height:auto;text-align:center}

.list-item-wrap .item-subject{display:table-cell;padding:0 10px;vertical-align:middle}

.list-item-wrap .item-button{display:table-cell;vertical-align:middle;text-align:right}

/* 지점찾기 */

.list-type2 .list-type-item{border-bottom:1px solid #d2dee9}

.list-type2 > li > a{display:block;position:relative}

.list-type2 .subject{display:inline-block;color:#111;font-weight:bold;font-size:1.154rem}

.list-type2 .info{margin-top:10px;font-size:0.923rem}

.list-type2 .info2{margin-top:10px;font-size:0.923rem}

.list-type2 .info2 .point{font-size:0.923rem}

/* ETC */

.pos-top{margin-bottom:15px}

.pos-bottom{margin-top:15px}

.pos-bottom2{margin-top:25px}

.btn-top{margin-top:5px}

.desc-table + .desc-table,

.desc-table2 + .desc-table2{margin-top:15px}

.desc-list li .nobul-list{margin-top:5px}

.step-wrap + .top-detail-wrap{margin-top:-30px}

.top-detail-wrap + .inc-func-btn{margin-top:-10px}

.bottom-desc-wrap + .bottom-desc-wrap{margin:10px 0 0}

/* 인증센터 */

.pc-smart-top{padding:0;margin:30px 0;text-align: center;}

.pc-smart-txt{font-size:0.923rem;text-align: center;color:#333;}

.pc-smart-icon{background: url(../images/pc-smart-icon.png) no-repeat;width: 230px; display:inline-block;height:113px;background-size: cover;margin-bottom:20px;}

.pc-smart-icon.smart-pc{background-position: 0 -122px;}

.order-list-type2 > li+li{margin-top:10px;}

.order-list-type2 li{padding-left:20px;position:relative;}

.order-list-type2 .order-list:before{content:'';display: block;background: url(../images/number-icon.png) no-repeat;width:13px;height:14px;background-size: cover;position:absolute;left:0;top: 1px;}

.order-list-type2 .num1:before{background-position: 0 0;}

.order-list-type2 .num2:before{background-position: 0 -37px;}

.order-list-type2 .num3:before{background-position: 0 -73px;}

.order-list-type2 .num4:before{background-position: 0 -111px;}

.order-list-type2 .num5:before{background-position: 0 -148px;}

/* box-list-typeA */

.boxList-typeA{border:1px solid #d2dee9;border-radius:10px;background:#f4f9fd;}

.boxList-typeA-lis{min-height:100px;padding:20px 15px 20px 54px;border-bottom:1px solid #d2dee9;position:relative; }

.boxList-typeA-lis.arp{height: 230px;}

.boxList-typeA-lis.arp3{height: 120px;}

.boxList-typeA-lis:before{content:'';display: block;background:url(../images/icon-step-useinfo.png) no-repeat 0 0;width:30px;height:30px;position:absolute;left:15px;top:17px;background-size:133px auto;}

.boxList-typeA-lis.line1:before{top:32px;}

.boxList-typeA-lis.arp:before{content:'';display: block;background:url(../images/icon-step-useinfo.png) no-repeat 0 0;width:30px;height:30px;position:absolute;left:15px;top:17px;background-size:133px auto;}

.boxList-typeA-lis.pos1:before{background-position: -51px 0}

.boxList-typeA-lis.pos2:before{background-position: -103px 0}

.boxList-typeA-lis:last-child{border-bottom:0;}

.boxList-typeA-lis > span{display:block;line-height: 1.6}



.boxList-typeA-lis .section-title2{margin-bottom:0; position:relative;}



.boxList-typeA-lis .boxList-txt{margin-top:5px}

.boxList-typeA-lis .valign-middle{padding-top:15px}



/* .boxList-typeA-lis.step position 추가 - 접근성 개선 20190321( position:relative ) */

.boxList-typeA-lis.step { position:relative; text-align:left; }

.boxList-typeA-lis.step span.section-title2 span.blind{ position:absolute; top:-5px; left:-40px; width:31px; height:32px; }



.boxList-txt{font-size:0.923rem;}

.use-info-arrow{position:absolute;width:25px;height:25px;left:50%;margin-left:-12px;bottom:-12px;}

.simple-pwd-wrap {text-align: center;}

.simple-pwd-wrap:after {content:'';display: block;clear:both;font-size:0;width:0;height:0;}

.simple-pwd {display:inline-block !important;width:35px !important;height:35px;margin-right:6px;text-align: center;font-size:31px !important;line-height:1 !important;vertical-align: top;letter-spacing:1.5px;font-family:Verdana, sans-serif;}

.simple-pwd-wrap .simple-pwd:last-child {margin-right:0;}

/* submain 하단 공지 */

.submain-noti-link{background:url(../images/main/deco_bottom_noti.png) repeat;background-size:2px 2px}

.submain-noti-link a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;padding:13px 20px 13px 44px;color:#4e4e4e;background:url(../images/arrow_right.png) no-repeat right center;background-size:20px auto;font-size:0.923rem;height:40px;}

.submain-noti-link a:before{content:'';display:inline-block;width:24px;height:19px;position:absolute;top:12px;left:14px;background:url(../images/moweb/main_icon_noti.png) no-repeat left center;background-size:24px 19px}

.submain-noti-link.no-noti a:before{content:'';display:inline-block;width:24px;height:19px;position:absolute;top:11px;left:15px;background:url(../images/icon_collection.png) no-repeat -76px -33px;background-size:100px auto}

/* 플로팅메뉴 */

.floating-wrapper {

	position: fixed;

	width: 50px;

	height: 50px;

	bottom: 20px;

	left: 15px;

	z-index: 1;

}

.fa {

	display: inline-block;

	font-size: inherit;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale

}

.float{

	position:fixed;

	width:50px;

	height:50px;

	bottom:20px;

	left:15px;

	background-color:#4285f4;

	color:#FFF;

	border-radius:50px;

	text-align:center;

	box-shadow: 2px 2px 3px #444;

	z-index:1000;

	animation: bot-to-top 2s ease-out;

	opacity: 0.8;

	-webkit-opacity: 0.8;

}

.float-close{

	position:fixed;

	width:50px;

	height:50px;

	bottom:20px;

	left:15px;

	background-color:#4285f4;

	color:#FFF;

	border-radius:50px;

	text-align:center;

	box-shadow: 2px 2px 3px #444;

	z-index:1000;

	animation: bot-to-top 2s ease-out;

	opacity: 0.8;

	-webkit-opacity: 0.8;

}

.float.close {display: none;}

.float-wrap {

	position:fixed;

	left:15px;

	padding-bottom:20px;

	bottom:50px;

	z-index:100;

}

ul.float-wrap li a span {display: block; position: absolute; left: 55px; width: 100px; top: 18px; text-align: left; color: #fff;}

ul.float-wrap li{

	list-style:none;

	margin-bottom:10px;

}

ul.float-wrap li a{

	background-color:#F33;

	color:#FFF;

	border-radius:50px;

	text-align:center;

	box-shadow: 2px 2px 3px #444;

	width:50px;

	height:50px;

	display:block;

	position: relative;

}

ul.float-wrap:hover{

	visibility:visible!important; opacity:1!important;

}

.my-float{	font-size:24px;	margin-top:16px;}

/* a#menu-share + ul{ visibility: hidden;}

a#menu-share:hover + ul{

  visibility: visible;

  animation: scale-in 0.5s;

} */

a.float + ul {visibility: hidden;}

a.float.on + ul {

	visibility: visible;

 	animation: scale-in 0.5s;	

}

a.float i {	animation: rotate-in 0.5s; }

a.float.on > i{	animation: rotate-out 0.5s;}

a.float.on > i:before{background-position: -2px -335px;}

/* a#menu-share i{	animation: rotate-in 0.5s;}

a#menu-share:hover > i{	animation: rotate-out 0.5s;}

a#menu-share:hover > i:before{background-position: -2px -335px;} */

@keyframes bot-to-top {

    0%   {bottom:-40px}

    50%  {bottom:20px}

}

@keyframes scale-in {

    from {transform: scale(0);opacity: 0;}

    to {transform: scale(1);opacity: 1;}

}

@keyframes rotate-in {

    from {transform: rotate(0deg);}

    to {transform: rotate(360deg);}

}

@keyframes rotate-out {

    from {transform: rotate(360deg);}

    to {transform: rotate(0deg);}

}

#menu-bookmark {background: #446577;}

#menu-phone {background: #4c578b;}

#menu-chat {background: #1bafbd;}

#menu-faq {background: #1ebba5;}

#menu-branch {background: #a4c04e;}

.fa-bookmark:before {

	content: ""; 

	display: block;

	background: url(../images/moweb/icon-floating.png) no-repeat -2px 0;

	width: 20px; height: 20px;

	background-size: 26px auto;

}

.fa-phone:before {

	content: ""; 

	display: block;

	background: url(../images/moweb/icon-floating.png) no-repeat -2px -66px;

	width: 20px; height: 20px;

	background-size: 26px auto;

}

.fa-wechat:before, .fa-weixin:before {

	content: ""; 

	display: block;

	background: url(../images/moweb/icon-floating.png) no-repeat -2px -132px;

	width: 20px; height: 20px;

	background-size: 26px auto;

}

.fa-location-arrow:before {

	content: ""; 

	display: block;

	background: url(../images/moweb/icon-floating.png) no-repeat -2px -268px;

	width: 20px; height: 20px;

	background-size: 26px auto;

}

.fa-faq:before {

	content: ""; 

	display: block;

	background: url(../images/moweb/icon-floating.png) no-repeat 0 -200px;

	width: 25px; height: 20px;

	background-size: 26px auto;

}

.fa-close:before {

	content: ""; 

	display: block;

	background: url(../images/moweb/icon-floating.png) no-repeat -2px -402px;

	width: 20px; height: 23px;

	background-size: 26px auto;

}

.fa-close-btn:before {

	content: ""; 

	display: block;

	background: url(../images/moweb/icon-floating.png) no-repeat -2px -335px;

	width: 20px; height: 23px;

	background-size: 26px auto;

}

/* 상담전화안내 */

.cs-guide {margin-bottom: 20px;}

.cs-guide + .cs-guide{margin-top:10px}

.cs-guide .cs-title{padding:15px;border-radius:10px 10px 0 0;color:#fff;font-weight:bold;font-size:1.0rem}

.cs-guide .cs-list{border-top:0 none;border-radius:0 0 10px 10px; padding: 0;}

.cs-guide .cs-list > li:last-child{border-bottom:0 none}

.cs-guide .cs-list > li > a{overflow:hidden;display:block;padding:8px 0 8px 0;letter-spacing:-1px; font-size: 1rem;}

.cs-guide .cs-list .number{display:inline-block;position:relative;float:right;text-align:right;padding-left:15px;font-weight:bold;font-size:1.615rem; margin-top: -1px;}

.cs-guide .cs-list .chat{display:inline-block;position:relative;float:right;text-align:right;padding-left:20px;font-weight:bold;font-size:1.615rem; margin-top: -1px;}

.cs-guide .cs-list .number:before{content:'';display:inline-block;position:absolute;top:3px;left:0;width:12px;height:12px;background:url(../images/main-icon-cs-black.png) no-repeat;background-size:12px auto}

.main-category .cs-guide .cs-list .number:before{content:'';display:inline-block;position:absolute;top:8px;left:0;width:12px;height:12px;background:url(../images/main-icon-cs-black.png) no-repeat;background-size:12px auto}

.cs-guide .cs-list .number.acs:before{content:'';display:inline-block;position:absolute;top:3px;left:0;width:12px;height:12px;background:url(../images/main-icon-cs-black.png) no-repeat;background-size:12px auto}

.cs-guide .cs-list .chat.acs:before{content:'';display:inline-block;position:absolute;top:3px;left:0;width:15px;height:15px;background:url(../images/icon-chat-cs.png) no-repeat;background-size:15px auto}

.cs-domestic .cs-title{background-color:#446577}

.cs-domestic .cs-list .number{color:#f56911}

.main-section.cs .cs-domestic .cs-list .number{color:#003975}

.cs-domestic .cs-list .number:after{background-position:100% 0}

.cs-foreign .cs-title{background-color:#1bafbd}

.cs-foreign .cs-list .number{color:#4db848}

.cs-foreign .cs-list .number:after{background-position:100% -24px}

.cs-msg .cs-title{background-color:#0089d0}

.cs-msg .cs-list .number{color:#006bbe;font-size:1.154rem}

.cs-msg .cs-list .number:after{background-position:100% -48px}

.cs-msg-btn{display:block;min-width:100px;margin:15px auto 0;padding:0 20px;line-height:32px;text-align:center;border-radius:20px;background-color:#006bbe;color:#fff;font-size:1.077rem}

/* 이용가이드 CSS */

.user-guide {background: #e4efdf;}

.user-guide .slick-dotted.slick-slider {margin-bottom: 0;}

.user-guide .slick-dots {top:18%; height: 20px;}

.user-guide .slick-dotted .slick-dots .slick-active button {background-color: #013976;}

.user-guide .slick-dotted .slick-dots li {margin: 9px;}

.user-guide .slick-dotted .slick-dots .slick-active {margin-right: 16px;}

.user-guide .slick-dotted .slick-dots .slick-active button {width: 25px;}

.user-guide .slick-dotted .slick-dots li button {background-color: #b9c3bf; padding: 7px;}

.user-guide .btn-start {background-color: #48a522; color: #fff; font-size: 1.077rem; min-width: 90%; line-height: 42px; border-radius: 21px;}

.guide-btn-wrap {position: absolute; bottom: 40px; width: 100%; text-align: center;}

.guide-check-wrap {position: absolute; bottom: 10px; width: 90%; left: 5%;}

.guide-close {position: absolute; top: 8px; right: 14px; background: url(../images/icon-close.png) no-repeat 0 0 !important; width: 18px !important; height: 18px !important;background-size: 18px auto !important;}

.mypage-head{position:relative;margin:-30px -15px 0;padding:20px 15px;background-color:#f4f9fd;border-bottom:1px solid #d2dee9}

/* 권한요청 */

.auth-req-wrap {margin-left: 10px;}

.auth-req-wrap li {padding-left: 60px; position: relative;}

.auth-req-wrap li + li {margin-top: 30px;}

.auth-req-wrap li:before {content:''; display: block; background: url(../images/icon-auth-req.png) no-repeat 0 0; 

	width: 50px;height: 50px; background-size: 50px auto; position: absolute; top: 0; left: 0;

 }

.auth-req-wrap dt {font-size: 1.153rem; color: #003975; font-weight: bold;}

.auth-req-wrap dd {font-size: 0.923rem; color: #111; margin-top: 8px;}

.auth-req1:before {top: -5px !important;}

.auth-req2:before {background-position: 0 -80px !important;}

.auth-req3:before {background-position: 0 -165px !important;}

.auth-req4:before {background-position: 0 -250px !important;}

footer {position: relative; z-index: 110;}

/* 어드민 약관 등록 CSS */

ol, ul, li	{list-style:none}

.none    {width:1px; height:1px; position:absolute; top:0; left:0; margin:-1px; border:none; clip:rect(0, 0, 0, 0)} /* 대체텍스트 */

.terms_2012 {height:auto; margin:0; padding:0 0 30px 0; background-color:none; font-size:13px; color:#4d4d4d; font-family:'Kyobo_R','맑은 고딕','돋움'; letter-spacing:-1px; line-height:21px}

.terms_2012 .ls0 {letter-spacing:0}

.terms_2012 h1, .terms_2012 h2, .terms_2012 h3 {font-size:13px; color:#013976; margin:0 0 4px 0; padding:0}

.g_txt {color:#058a00; font-weight:bold;} /* 포인트 텍스트 : 그린색 */

.d_txt {color:#1a1a1a} /* 포인트 텍스트 : 다크 그레이 */

.o_txt {color:#FF6F19;} /* 포인트 텍스트 : 오렌지색 */

.terms_2012 ol.t_wp {margin:0 0 27px 0; padding:0}

.terms_2012 ol.t_wp li {text-indent:-15px; margin-left:15px;}

.terms_2012 ol.t_wp li ul li , .terms_2012 ol.t_wp li ol li , .terms_2012 ul.t_wp li ol li , .terms_2012 ul.t_wp li ul li {text-indent:-10px; margin-left:10px;}

.terms_2012 ol.t_wp li ul li p , .terms_2012 ol.t_wp li ol li p , .terms_2012 ul.t_wp li ol li p , .terms_2012 ul.t_wp li ul li p , .terms_2012 ol.t_wp li p {text-indent:0; margin-left:0;}

.txt_den0  {text-indent:0; margin-left:0;}

.txt_den  {text-indent:-8px; margin-left:8px;}

.txt_den10  {text-indent:-10px; margin-left:10px;}

.txt_den15  {text-indent:-15px; margin-left:15px;}

.terms_2012 ol.t_wp li.depth_wp ul {margin:6px 0 20px 10px} 

.terms_2012 ol.t_wp li.depth_wp .mb0 {margin:6px 0 5px 16px !important} 

.terms_2012 p {margin:0 0 13px 0; padding:0;}

.terms_2012 ol.t_wp li ul li.dp_m0 p {margin:0 0 0 8px; padding:0;}

.terms_2012 .ts {font-family:'돋움'}



/*dim 레이어 팝업 추가*/

.pop-layer .pop-container{padding: 20px 25px;}

.pop-layer {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:90%;  height: auto; background-color: #fff; z-index: 10; border-radius: 10px;}

.pop-layer .result-title{color:#316ec1; display:block;margin-bottom:15px;color:#111;line-height:1.3; font-weight:normal;letter-spacing:-1px; font-size:1.5rem}

.pop-layer .result-txt{display:block;margin-bottom:14px;line-height:1.5; font-size:1.15rem;}   

.dim-layer {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}

.dim-layer .dimBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .7; filter:alpha(opacity=50);}

.dim-layer .pop-layer{display: block;}

.pop-layer .day_close{width: 100%; margin: 15px 0 20px; padding-top:15px; border-top: 1px solid #ddd; color:#999; font-size:1.15rem;}

.pop-layer .day_close input[type=checkbox] {display:inline-block; width:17px; height:15px; border:1px solid #ddd; vertical-align:middle;}

a.btn-layerClose{display: inline-block; text-decoration: none; padding: 5px 40px; margin-bottom: 10px; background-color: #316ec1; font-size:1.15rem; color:#fff; line-height: 25px; float: right; border-radius: 5px;}



/* 모바일대용진단 검진자료 제출 */

.top-desc-wrap1{padding:12px 15px;background-color: #f4f9fd;border:1px solid #d2dee9;border-radius: 10px;}