@charset "utf-8";
/* ************************************** *
 * in-wrap 컨텐츠 가로사이즈 조정
 * ************************************** */
.in-wrap { width: 1400px; margin: 0 auto;}
/* ////////////////////////////////////////////////// notebook */
@media all and (min-width:991px) and (max-width:1400px) {
	.in-wrap { width: 94%;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	.in-wrap { width: 90%;}
}





/* ************************************** *
 * common layout
 * ************************************** */
::selection { background: #b4b4b4;}
/* mobile컨텐츠 숨김 */
.con-mobile,
.con-m { display: none;}
/* pc에서 br태그 효과 적용 */
.br-pc { display: block;}
.img-max { max-width: 100%;}
.img-ct-max { display: block; max-width: 100%; margin: 0 auto;}
/* 상하좌우 center위치잡기 */
.responsive { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
/* 상하 center위치잡기 */
.responsive-h { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); text-align: center;}
.inquiry-pop,
.bg-body { display: none; z-index: 500; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.p-tbl-summary { padding: 15px 0; font-size: 1.3rem; color: #999; text-align: right;}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* pc컨텐츠 숨김 */
	.con-pc { display: none !important;}
	/* mobile컨텐츠 보임 */
	.con-m { display: block !important;}
	/* pc에서 br태그 효과 해제 */
	.br-pc { display: inline-block;}
	/* mobile에서 br태그 효과 적용 */
    .br-m { display: block;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* mobile에서 font size 자동 축소 */
	html { font-size: 57% !important;}
	/* mobile컨텐츠 보임 */
	.con-mobile { display: block !important;}
}





/* ************************************** *
 * keyframes
 * ************************************** */
@-webkit-keyframes textPoint {
	0% { color: #bd123a;}
	75% { color: #ef8009;}
	100% { color: #bd123a;}
}
@keyframes textPoint {
	0% { color: #bd123a;}
	75% { color: #ef8009;}
	100% { color: #bd123a;}
}
@-webkit-keyframes textPoint2 {
	0% { color: #fff;}
	75% { color: #e6c300;}
	100% { color: #fff;}
}
@keyframes textPoint2 {
	0% { color: #fff;}
	75% { color: #e6c300;}
	100% { color: #fff;}
}





/* ************************************** *
 * header layout
 * ************************************** */
/* header */
#header { z-index: 50; position: fixed; width: 100%; height: 180px; background: #fff; text-align: center;}
#header .header-in { position: relative; width: 90%; margin: 0 auto;}
#header h1 { padding: 18px 0;}
/* lnb : 네비게이션 메뉴 */
#lnb { z-index: 200;}
.lnb-pc { display: table; margin: 0 auto;}
.lnb-pc .lnb-navi > li { position: relative; float: left;}
.lnb-pc .lnb-navi > li > a { display: block; margin: 0 20px; line-height: 60px; font-size: 1.7rem; font-weight: bold; letter-spacing: -.05em; color: #333333;}
.lnb-pc .lnb-navi > li > a:hover,
.lnb-pc .lnb-navi > li.on > a { color: #ed3f38;}
.lnb-pc .lnb-navi > li:last-child > a { color: #bd123a;}
.lnb-pc .lnb-dep2 { display: none; z-index: 200; position: absolute; top: 60px; left: 50%; margin-left: -70px; width: 140px; padding: 15px 10px; box-sizing: border-box; background: #333;}
.lnb-pc .lnb-dep2 > li a { display: block; font-size: 1.5rem; color: #fff; line-height: 32px; text-align: center;}
.lnb-pc .lnb-dep2 > li a:hover { background: #fff; color: #ed3f38;}
.lnb-m { display: none;}
.lnb-m .btn-menu { z-index: 199; overflow: hidden; position: absolute; top: 50px; right: 0; cursor: pointer; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; font-size: 3.2rem; /* background: #333; color: #fff; */}
.lnb-m .btn-close { z-index: 201; position: absolute; top: 40px; right: 40px; cursor: pointer; font-size: 3.8rem;}
.lnb-m .lnb-box { z-index: 200; display: none; position: fixed; top: 0; right: 0; width: 50%; height: 100%; background: #f8f8f8; text-align: left;}
.lnb-m .lnb-box .lnb-navi { position: absolute; top: 35%; left: 50px; width: 100%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
.lnb-m .lnb-box .lnb-navi > li > a { display: block; font-size: 2.4rem; letter-spacing: -.075em; line-height: 48px; color: #333;}
.lnb-m .lnb-box .lnb-navi > li:last-child > a { color: #bd123a;}
.lnb-m .lnb-box .lnb-dep2 { display: none; padding: 7px 0;}
.lnb-m .lnb-box .lnb-dep2 a { display: block; padding-left: 3%; font-size: 1.5rem; line-height: 30px; color: #222;}
/* gnb : 글로벌네비게이션 메뉴 */
#gnb .gnb-left { position: absolute; top: 20px; left: 0;}
#gnb .gnb-left img { height: 80px;}
#gnb .gnb-right { position: absolute; top: 50px; right: 0;}
#gnb .gnb-right p.con-pc { font-family: 'SBAggroB',sans-serif !important; font-size: 3.5rem; color: #bd123a; line-height: 1.1em; }
#gnb .gnb-right p.con-pc i { font-size: 2.5rem;}
#gnb .gnb-right p.con-m a { display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; font-size: 2.4rem; /* background: #bd123a; color: #fff; */}
/*
#gnb .login-box { position: absolute; top: 25px; right: 0;}
#gnb .login-box li { float: left; margin-left: 10px;}
#gnb .login-box li a { font-size: 1.3rem; color: #444; letter-spacing: -.05em;}
#gnb .login-box li a:hover { text-decoration: underline;}
*/
/* scrollTop */
#header.scroll-top { height: 60px;}
#header.scroll-top h1,
#header.scroll-top #gnb { display: none;}
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1400px) {
	/* lnb : 네비게이션 메뉴 */
	.lnb-pc { width: 100%;}
	.lnb-pc .lnb-navi > li { width: 11.11%;}
	.lnb-pc .lnb-navi > li > a { width: 100%; margin: 0; font-size: 1.6rem;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* header */
	#header { height: 120px;}
	/* lnb : 네비게이션 메뉴 */
	.lnb-pc { display: none;}
	.lnb-m { display: block;}
	/* gnb : 글로벌네비게이션 메뉴 */
	#gnb .gnb-right { right: 50px;}
	/* scrollTop */
	#header.scroll-top { height: 120px;}
	#header.scroll-top h1,
	#header.scroll-top #gnb { display: block;}
	#header.scroll-top .search-naver { display: block;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* header */
	#header { height: 70px;}
	#header h1 { padding: 5px 0 25px;}
	#header h1 img { height: 60px;}
	/* lnb : 네비게이션 메뉴 */
	.lnb-m .btn-menu { top: 14px; right: 0; width: 42px; height: 42px; line-height: 42px;}
	.lnb-m .btn-close { top: 20px; right: 25px; font-size: 3rem;}
	.lnb-m .lnb-box { width: 70%;}
	.lnb-m .lnb-box .lnb-navi { left: 35px; top: 41%;}
	.lnb-m .lnb-box .lnb-navi > li > a { font-size: 2.1rem; line-height: 38px;}
	.lnb-m .lnb-box .lnb-dep2 a { font-size: 1.4rem; line-height: 26px;}
	/* gnb : 글로벌네비게이션 메뉴 */
	#gnb .gnb-left { display: none;}
	#gnb .gnb-right { top: 14px; right: inherit; left: 0;}
	#gnb .gnb-right p.con-m a { width: 42px; height: 42px; line-height: 42px;}
	#gnb .login-box { top: 50px; right: inherit; left: 50%; transform: translate(-50%,0);}
	/* scrollTop */
	#header.scroll-top { height: 70px;}

}





/* ************************************** *
 * main layout
 * ************************************** */
/* 메인비주얼 */
.section01 { position: relative;  padding-bottom: 50px;  }
.section01 .in { width: 100%; /* padding: 50px 5%; */ padding-top:100px; height: 540px; box-sizing: border-box; margin: 0 auto; background: url('image/main_bg.jpg') no-repeat center bottom;}
.section01 .in .in-center {
	max-width:1400px;
	border:0px solid;
	margin:0 auto;
}
/* 메인비주얼-left-텍스트롤링 */
.section01 .txt-box { float: left;  width: 60%;  box-sizing: border-box;}
.section01 .txt-box p { font-size: 3.5rem; font-family: '777Balsamtint', sans-serif !important; color: #fff; line-height: 1.7em; text-align: center;}
.section01 .txt-box p span { color: #ffbc35;}
.section01 .txt-box .slick-slide { padding-bottom: 40px;}
/* 메인비주얼-right-탭스크롤 */
.section01 .board-box { float: left; width: 40%; /* padding: 120px 0 0 5%; */ box-sizing: border-box; /* background: url('image/bg-man-rolling.png') no-repeat center top; */}
.visual-tab .tab-navi li { float: left; width: 50%; box-sizing: border-box;}
.visual-tab .tab-navi li:first-child { border-left: solid 2px #1f2930;}
.visual-tab .tab-navi button { display: inline-block; width: 100%; height: 50px; border: solid 2px #1f2930; border-left: 0; font-family: 'SBAggroM',sans-serif !important; font-size: 2.2rem; background: #ececec; font-size: 1.7rem; color: #1f2930; text-align: center;}
.visual-tab .tab-navi li.on button { background: #1f2930; color: #fff;}
.visual-tab .tab-cont { z-index: 1; position: relative; padding: 10px 0; background: #fff; min-height: 230px;/*높이조절*/ border: solid 2px #000; border-top: 0;}
.visual-tab .tab-cont > li { position: absolute; top: 0; left: 0; width: 100%; opacity: 0;}
.visual-tab .tab-cont > li.on { position: absolute; top: 0; left: 0; width: 100%; opacity: 1;}
.list-tit { width: 100%; overflow: hidden; border-bottom: 1px dashed #e9e3e2;}
.list-tit > div { float: left; font-size: 1.4rem; text-align:center; padding: 15px 0;}
.list-rolling .p-date { width: 25%;}
.list-rolling .p-mon { width: 20%;}
.list-rolling .p-txt { width: 55%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-rolling .p-name { width: 20%;}
.list-rolling .p-prod { width: 35%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-rolling .p-state { width: 20%;}
.list-rolling .p-title { width: 60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-rolling .p-tit { margin-bottom: 12px; font-weight: bold; color: #222;}
.rolling-box01,
.rolling-box02 { overflow: hidden; height: 200px; margin: 20px 0 25px 0;}
.rolling-box01 div,
.rolling-box02 div { float: left; height: 30px !important; margin-bottom: 6px; font-size: 1.4rem; color: #333; text-align: center;}
.list-rolling a { color: #333;}
.list-rolling a:hover { text-decoration: underline;}
/* 메인신청폼 */
.section02 { background: url('image/bg-form.jpg') repeat-x left bottom;}
.section02 .in-wrap { padding-bottom: 80px; background: url('image/bg-man-form.png') no-repeat right bottom;}
.main-form fieldset { padding-top: 50px; box-sizing: border-box; background: url('image/bg-form-box.png') no-repeat center top; background-size: auto 100%; min-height: 430px; text-align: center;}
.main-form fieldset p:nth-of-type(1) { padding-bottom: 25px; font-size: 2.5rem; font-family: 'SBAggroB',sans-serif !important; color: #164938; line-height: 1.5em;}
.main-form fieldset p:nth-of-type(1) span { color: #bd123a;}
.main-form fieldset p:nth-of-type(2) { padding: 10px 5%; font-size: 1.3rem; color: #444;}
.main-form fieldset dl { width: 600px; margin: 0 auto;}
.main-form fieldset dt { float: left; width: 25%; font-size: 2rem; font-family: 'SBAggroM',sans-serif !important; line-height: 50px; margin-bottom: 15px; text-align: left;}
.main-form fieldset dd { float: left; width: 75%; margin-bottom: 15px;}
.btn-funding { display: inline-block; margin-top: 40px; width: 500px; height: 80px; line-height: 80px; border: 0; border-radius: 40px; background: #366052; font-size: 3rem; font-family: '777Balsamtint',sans-serif !important; color: #fff; -webkit-animation: textPoint2 ease-in-out 2s infinite; -ms-animation: textPoint2 ease-in-out 2s infinite; animation: textPoint2 ease-in-out 2s infinite;}
/* 메인요금-상단 */
.benefit-box { width: 900px; margin: 80px auto 40px; text-align: center;}
.benefit-box .img-box { float: left; width: 25%;}
.benefit-box .txt-box { float: left; width: 75%;}
.benefit-box .txt-box p { padding-top: 30px; font-family: 'SBAggroB',sans-serif !important; font-size: 4rem; color: #164938; line-height: 1.5em;}
.benefit-box .txt-box p span { -webkit-animation: textPoint ease-in-out 2s infinite; -ms-animation: textPoint ease-in-out 2s infinite; animation: textPoint ease-in-out 2s infinite;}
/* 메인요금-내용 */
.section03 .item { float: left; width: 31.33%; margin: 1%; padding: 20px 30px; box-sizing: border-box; text-align: center;}
.section03 .item.bg-kt { background: #ffffff; border:3px solid #1454b4;}
.section03 .item.bg-sk { background: #ffffff; border:3px solid #ef8009;}
.section03 .item.bg-lg { background: #ffffff; border:3px solid #eb4fa2;}
.section03 .item.bg-sk2 { background: #ffffff;border:3px solid #ef8009;}
.section03 .item.bg-skyLife { background: #ffffff;border:3px solid #1454b4;}
.section03 .item.bg-lg2 { background: #ffffff;border:3px solid #eb4fa2;}
.section03 .item h3 { /* padding-bottom: 30px; */}
.section03 .item p:nth-of-type(1) { /* padding-bottom: 20px;  */font-size: 3rem; font-family: 'SBAggroM',sans-serif !important; color: #333;}
.section03 .item p:nth-of-type(2) { padding-bottom: 40px; font-size: 1.6rem; line-height: 1.9em; color: #fff;}
.section03 .item button { font-size: 1.9rem; font-family: 'SBAggroL',sans-serif !important;}
/* 메인요금-레이어팝업 */
.calculator-pop .modal-box { position: fixed; position: relative; width: 1100px; box-sizing: border-box; background: #fff; box-shadow: 10px 10px 15px rgba(0,0,0,.3); -webkit-box-shadow: 10px 10px 15px rgba(0,0,0,.3); -ms-box-shadow: 10px 10px 15px rgba(0,0,0,.3);}
.calculator-pop .modal-box h3 { padding: 20px; background: #333; font-size: 2.4rem; color: #fff; text-align: center;}
.calculator-pop .modal-box .calculator-box { padding: 30px;}
.calculator-pop .modal-box .btn-close { position: absolute; top: 15px; right: 20px;}
.calculator-pop .modal-box .btn-close i { font-size: 3rem; color: #fff;}
/* 메인요금-레이어팝업-left */
.calcul-select-box { float: left; width: 70%; padding-right: 5%; box-sizing: border-box;}
.calcul-select-box .tit-tab { margin-bottom: 20px; padding-bottom: 20px; border-bottom: dotted 1px #999;}
.calcul-select-box .tit-tab li { float: left; width: 32.33%; margin: 0.5%;}
.calcul-select-box .tit-tab li a { display: block; width: 100%; font-size: 1.7rem; border-radius: 30px; line-height: 46px; background: #ececec; border: solid 2px #1f2930; box-sizing: border-box; font-family: 'SBAggroM',sans-serif !important; text-align: center; color: #1f2930;}
.calcul-select-box .tit-tab li.on a.sk { background: #fff; border: solid 2px #f48025; color: #f48025;}
.calcul-select-box .tit-tab li.on a.kt { background: #fff; border: solid 2px #ee2b33; color: #ee2b33;}
.calcul-select-box .tit-tab li.on a.lg { background: #fff; border: solid 2px #d6187b; color: #d6187b;}
.tab2_ui .tab_nav { float: left; width: 30%; padding-right: 3%; box-sizing: border-box;}
.tab2_ui .tab_nav button { width: 100%; line-height: 42px; font-size: 1.4rem; background: #f7f7f7; box-sizing: border-box; border: 1px solid #ddd; color: #333; text-align: center;}
.tab2_ui .tab_nav li.on button { background: #ed3f38; color: #fff; border-color: #ed3f38;}
.tab2_ui .tab_cont { float: left; width: 70%;}
.tab2_ui .tab_cont .tab_nav2 { float: left; width: 50%; padding: 0 5%; box-sizing: border-box; border-left: dotted 1px #999;}
.tab2_ui .tab_cont .tab_cont_nav li button { display: block; width: 100%; line-height: 42px; font-size: 1.4rem; background: #f7f7f7; box-sizing: border-box; border: 1px solid #ddd; color: #ed3f38; text-align: center;}
.tab2_ui .tab_cont .tab_cont_nav li.on button { background: #ed3f38; color: #fff; border-color: #ed3f38;}
.tab2_ui .tab_cont .tab_cont_nav2 { padding-top: 10px;}
.tab2_ui .tab_cont .tab_cont_nav2 li button { float: left; display: block; width: 50%; padding: 5px; font-size: 1.2rem; background: #888; box-sizing: border-box; border: 2px solid #fff; color: #fff; text-align: center;}
.tab2_ui .tab_cont .tab_cont_nav2 li.on button { background: #333;}
.tab2_ui .tab_cont .tab_cont2 { float: left; width: 50%; max-height: 200px; overflow-y: scroll; padding-left: 5%; box-sizing: border-box; border-left: dotted 1px #999;}
/* 메인요금-레이어팝업-right */
.total-box { float: left; width: 30%;}
.sum-box { width: 100%; background: #efefef; padding: 30px; box-sizing: border-box;}
.sum-box .num-box li { border-bottom: solid 1px #aaa; font-size: 1.5rem; color: #777; padding-bottom: 7px; margin-bottom: 15px;}
.sum-box .num-box li .txt { font-size: 1.3rem; color: #222;}
.sum-box .num-box li .num { width: 50%; float: right; font-size: 1.5rem; color: #777; border: 0; text-align: right; background: none;}
.sum-box .num-box li .big { width: 50%; float: right; font-family: 'SBAggroB',sans-serif !important; font-size: 2rem; color: #bd123a; border: 0; text-align: right; background: none;}
.sum-box p { font-size: 1.2rem; color: #222; line-height: 1.5em;}
.total-box .btn-box { text-align: center; }
/* 메인배너 */
.section04 { margin-top: 0px; }
.section04 .main-search-banner { text-align: center; padding: 10px 0% 35px;}
.section04 .main-search-naver { text-align: center; padding: 10px 0% 45px;}
.section04 .main-footer-banner { text-align: center; padding: 40px 0% 20px; }
/* ////////////////////////////////////////////////// notebook & tablet & mobile 예외 */
@media all and (max-width:1400px) {
	/* 메인비주얼 */
	.section01 .bg-man { display: none;}
	/* 메인비주얼-left-텍스트롤링 */
	.section01 .txt-box p { font-size: 2.6rem;}
	/* 메인요금-레이어팝업 */
	.calculator-pop .modal-box { width: 80%;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {

	.section01 .in { padding-top:20px; }
	/* 메인비주얼-left-텍스트롤링 */
	.section01 .txt-box { float: none; width: 100%; margin-bottom: 50px;}
	/* 메인비주얼-right-탭스크롤 */
	.section01 .board-box { float: none; width: 100%; padding-left: 0;}
	/* 메인신청폼 */
	.section02 .in-wrap { background: none;}
	.main-form fieldset { background-size: 100% 100%;}
	.main-form fieldset dl { width: 80%;}
	/* 메인요금-상단 */
	.benefit-box { width: 90%;}
	.benefit-box .img-box,
	.benefit-box .txt-box { float: none; width: 100%;}
	/* 메인요금-내용 */
	.section03 .item { width: 48%;}
	/* 메인요금-레이어팝업 */
	.calculator-pop .modal-box { width: 90%; overflow-y: scroll; max-height: 650px;}
	/* 메인요금-레이어팝업-left */
	.calcul-select-box { float: none; width: 100%; padding: 0 0 20px;}
	/* 메인요금-레이어팝업-right */
	.total-box { float: none; width: 100%;}
	/* 메인배너 */
	.section04 li { width: 50%;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* 메인비주얼 */
	.section01 { padding-bottom: 25px;}
	.section01 .in { padding: 20px 5%; /* border: solid 8px #d18a55; */ height: 580px; background: url('image/mobile_bg.jpg') no-repeat center bottom;}
	/* 메인비주얼-left-텍스트롤링 */
	.section01 .txt-box { margin-bottom: 35px; padding-top: 10px;}
	.section01 .txt-box p { font-size: 2.5rem;}
	.section01 .txt-box .slick-slide { padding-bottom: 25px;}
	/* 메인비주얼-right-탭스크롤 */
	.section01 .board-box { padding-top: 28px; background-size: auto 80px;}
	.visual-tab .tab-navi button { height: 42px; font-size: 1.5rem;}
	.visual-tab .tab-cont { min-height: 180px;}
	.list-tit > div { padding: 10px 0; font-size: 1.3rem;}
	.rolling-box01 div,
	.rolling-box02 div { height: 24px !important; margin-bottom: 4px; font-size: 1.3rem;}
	/* 메인신청폼 */
	.section02 .main-search-naver { padding: 0 0% 25px;}
	.section02 .in-wrap { padding-bottom: 50px;}
	.main-form fieldset { padding: 25px 0; box-sizing: border-box; background: #fff; border: solid 2px #366052; min-height: auto;}
	.main-form fieldset p:nth-of-type(1) { padding-bottom: 15px; font-size: 1.8rem;}
	.main-form fieldset dt { font-size: 1.5rem; line-height: 46px; margin-bottom: 10px;}
	.main-form fieldset dd { margin-bottom: 10px;}
	.btn-funding { margin-top: 25px; width: 80%; height: 55px; line-height: 55px; font-size: 2rem;}
	/* 메인요금-상단 */
	.benefit-box { margin: 30px auto 20px;}
	.benefit-box .img-box img { width: 150px;}
	.benefit-box .txt-box p { padding-top: 20px; font-size: 2.3rem;}
	/* 메인요금-내용 */
	.section03 .item { padding: 25px 15px;}
	.section03 .item h3 { padding-bottom: 15px;}
	.section03 .item p:nth-of-type(1) { padding-bottom: 12px; font-size: 2.3rem;}
	.section03 .item p:nth-of-type(2) { display: none;}
	.section03 .item button { font-size: 1.4rem; line-height: 44px; height: 44px;}
	/* 메인요금-레이어팝업 */
	.calculator-pop .modal-box { max-height: 400px;}
	.calculator-pop .modal-box h3 { padding: 15px; font-size: 1.8rem;}
	.calculator-pop .modal-box .calculator-box { padding: 10px;}
	.calculator-pop .modal-box .btn-close { top: 10px; right: 15px;}
	.calculator-pop .modal-box .btn-close i { font-size: 2.3rem;}
	/* 메인요금-레이어팝업-left */
	.calcul-select-box .tit-tab { margin-bottom: 10px; padding-bottom: 10px;}
	.calcul-select-box .tit-tab li a { font-size: 1.2rem; line-height: 32px;}
	.tab2_ui .tab_nav { float: none; width: 100%; padding: 0 0 10px 0; margin-bottom: 10px; border-right: 0; border-bottom: dotted 1px #999;}
	.tab2_ui .tab_nav button { float: left; width: 50%; line-height: 30px; font-size: 12px;}
	.tab2_ui .tab_cont { float: none; width: 100%;}
	.tab2_ui .tab_cont .tab_nav2 { width: 100%; padding: 0; border-left: 0;}
	.tab2_ui .tab_cont .tab_cont_nav li { float: left; width: 50%;}
	.tab2_ui .tab_cont .tab_cont_nav li button { line-height: 30px; font-size: 12px;}
	.tab2_ui .tab_cont .tab_cont2 { width: 100%; padding: 5px 0 0; border-left: 0;}
	/* 메인요금-레이어팝업-right */
	.sum-box { padding: 20px;}
	/* 메인배너 */
	.section04 { margin-top: 0px;}
}





/* ************************************** *
 * sub layout
 * ************************************** */
/* 서브네비게이션 */
#snb { float: left; width: 230px; margin-right: 70px;}
#snb .snb-top { padding: 19px 0; text-align: center;}
#snb .snb-list li { margin-bottom: 7px;}
#snb .snb-list li a { display: block; border: solid 1px #ccc; box-sizing: border-box; height: 46px; line-height: 46px; font-size: 16px; text-align: center; color: #555; letter-spacing: -0.05em;}
#snb .snb-list li.on a { border: solid 1px #e4604c; color: #e4604c; font-weight: bold;}
#snb .snb-list li a:hover { border: solid 1px #999; font-weight: bold;}
#snb .sub-ban img { margin-top: 10px;}
/* 서브타이틀 */
#stle { width: 100%; height: 100px; margin-bottom: 60px; background: url('image/bg-dotline.gif') repeat-x left bottom;}
#stle p { padding: 8px 0; font-size: 15px; color: #444; letter-spacing: -0.05em;}
#stle h2 { font-size: 34px; color: #111; line-height: 1em; letter-spacing: -0.05em;}
/* 컨텐츠영역 */
#container { z-index: 1; width: 100%; padding-top: 180px;}
#content.sub-content { width: 1400px; margin: 0 auto; padding-top: 40px;}
.content-box { float: left; width: 1100px; min-height: 500px; padding-bottom: 100px;}
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1400px) {
	/* 서브네비게이션 */
	#snb { float: none; width: 100%; margin-right: 0;}
	#snb .snb-list { margin-bottom: 40px;}
	#snb .snb-list li { float: left; width: 15.66%; margin: 0.5%;}
	#snb .snb-top,
	#snb .sub-ban { display: none;}
	/* 컨텐츠영역 */
	#content.sub-content { width: 94%;}
	.content-box { float: none; width: 94%; margin: 0 auto;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* 서브네비게이션 */
	#snb .snb-list li { width: 32.33%;}
	/* 컨텐츠영역 */
	#container { padding-top: 120px;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* 서브네비게이션 */
	#snb .snb-list { margin-bottom: 25px;}
	#snb .snb-list li a { height: 34px; line-height: 34px; font-size: 11px;}
	/* 서브타이틀 */
	#stle { height: auto; margin-bottom: 40px;}
	#stle p { padding: 5px 0; font-size: 13px;}
	#stle h2 { padding-bottom: 20px; font-size: 25px;}
	/* 컨텐츠영역 */
	#container { padding-top: 70px;}
	.content-box { padding-bottom: 60px;}
}





/* ************************************** *
 * footer layout
 * ************************************** */
/* footer */
#footer { width: 100%; padding: 40px 0 50px; background: #f2f2f2; }
#footer .foo-call ul { display: table; margin: 0 auto;}
#footer .foo-call li { float: left;}
#footer .foo-call li:nth-of-type(1) { margin-right: 30px;}
#footer .foo-call li p:nth-of-type(1) { padding: 10px 0; font-family: 'SBAggroM',sans-serif !important; font-size: 2.2rem;}
#footer .foo-call li p:nth-of-type(2) { font-family: 'SBAggroB',sans-serif !important; font-size: 4.3rem; color: #bd123a; line-height: 1.1em; -webkit-animation: textPoint ease-in-out 2s infinite; -ms-animation: textPoint ease-in-out 2s infinite; animation: textPoint ease-in-out 2s infinite;}
#footer address { padding: 30px 0 10px; font-size: 1.4rem; color: #444; line-height: 1.6em; text-align: center;}
#footer address span { margin-right: 15px;}
#footer address a:nth-of-type(1) { color: #999;}
#footer address a:nth-of-type(2) { font-weight: bold; color: #222;}
#footer .copyright { text-align: center;}
#footer .copyright small { font-size: 1.4rem; color: #444;}
/* quick */
#quick { z-index: 999; position: fixed; right: 0; top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
#quick li:nth-of-type(1) a { border: solid 2px #ff2148; border-right: 0; background: #ff2148; color: #fff;}
#quick li:nth-of-type(2) a { border: solid 2px #1f2930; border-right: 0; background: #1f2930; color: #fff;}
#quick li:nth-of-type(3) a { border: solid 2px #ffea75; border-right: 0; background: #ffea75; color: #ff2148;}
#quick li a,
#quick li button { display: block; width: 100px; height: 80px; padding: 15px 0 0 0px; font-family: 'SBAggroB',sans-serif !important; font-size: 1.8rem; line-height: 1.3em; border-radius: 0px; text-align: center; box-sizing: border-box;}
#quick li button { border: solid 2px #dcdcdc; border-right: 0; background: #dcdcdc; color: #1f2930; padding-top: 5px;}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (min-width:641px) and (max-width:990px) {
	/* footer */
	#footer address span.br-m { display: inline-block;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* footer */
	#footer { padding: 40px 0 100px;}
	/* quick */
	#quick { top: inherit; bottom: 0; width: 100%; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0);}
	#quick li { float: left; width: 25%;}
	#quick li:nth-of-type(1) a { border-right: 0; border-left: 0;}
	#quick li:nth-of-type(2) a,
	#quick li:nth-of-type(3) a { border: 0;}
	#quick li a,
	#quick li button { width: 100%; height: 60px; line-height: 60px; padding: 0; border-radius: 0;}
	#quick li button { border-right: 0; border-left: 0; padding-top: 0;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* footer */
	#footer { padding: 30px 0 70px;}
	#footer .foo-call li:nth-of-type(1) { margin-right: 15px;}
	#footer .foo-call li p:nth-of-type(1) { padding: 7px 0; font-size: 1.6rem;}
	#footer .foo-call li p:nth-of-type(2) { font-size: 2.8rem;}
	#footer .foo-call li img { width: 100px;}
	/* quick */
	#quick li a,
	#quick li button { height: 45px; line-height: 45px; font-size: 1.4rem;}
}