@charset "utf-8";
/* latest version 200220 */
/* ************************************** *
 * 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;}
.con-m { display: none;}/* mobile컨텐츠 숨김 */
.br-pc { display: block;}/* pc에서 br태그 효과 적용 */
.img-max { max-width: 100%;}
.img-ct-max { display: block; max-width: 100%; margin: 0 auto;}
.responsive { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.responsive-v { position: absolute; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);}
.responsive-h { position: absolute; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);}
.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);}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	.con-pc { display: none !important;}/* pc컨텐츠 숨김 */
	.con-m { display: block !important;}/* mobile컨텐츠 보임 */
	.br-pc { display: inline-block;}/* pc에서 br태그 효과 해제 */
    .br-m { display: block;}/* mobile에서 br태그 효과 적용 */
}
@-webkit-keyframes textColorChange {
	0% { color: #fff;}
	50% { color: #ffe720;}
	100% { color: #fff;}
}
@keyframes textColorChange {
	0% { color: #fff;}
	50% { color: #ffe720;}
	100% { color: #fff;}
}




/* ************************************** *
 * header layout
 * ************************************** */
/* header */
#header { z-index: 50; width: 100%; height: 110px;}
#header .header-in { position: relative; width: 90%; margin: 0 auto;}
#header h1 { position: absolute; top: 25px; left: 0;}
/* lnb : 네비게이션 메뉴 */
#lnb { z-index: 200;}
.lnb-pc { display: table; margin: 0 auto;}
.lnb-pc .lnb-navi { padding-top: 30px;}
.lnb-pc .lnb-navi > li { position: relative; float: left;}
.lnb-pc .lnb-navi > li > a { display: block; margin: 0 25px; line-height: 50px; font-size: 18px; color: #333;}
.lnb-pc .lnb-navi > li > a:hover,
.lnb-pc .lnb-navi > li.on > a { color: #43b229; background: url('image/bg-lnb.gif') no-repeat center top;}
.lnb-pc .lnb-dep2 { display: none; z-index: 200; position: absolute; top: 60px; left: 50%; margin-left: -90px; width: 180px; padding: 15px 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -o-box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.lnb-pc .lnb-dep2 > li a { display: block; font-size: 14px; color: #333; line-height: 32px; text-align: center;}
.lnb-pc .lnb-dep2 > li a:hover { background: #43b229; color: #fff;}
.lnb-m { display: none;}
.lnb-m .btn-menu { z-index: 199; overflow: hidden; position: absolute; top: 30px; right: 0; cursor: pointer;}
.lnb-m .btn-close { z-index: 201; position: absolute; top: 30px; right: 5%; cursor: pointer;}
.lnb-m .lnb-box { z-index: 200; display: none; position: fixed; top: 0; right: 0; width: 50%; height: 100%; background: #efefef;}
.lnb-m .lnb-box .lnb-navi { position: absolute; top: 150px; left: 50px; width: 100%;}
.lnb-m .lnb-box .lnb-navi > li > a { display: block; font-size: 28px; font-weight: 200; letter-spacing: -0.075em; line-height: 60px; color: #222;}
.lnb-m .lnb-box .lnb-navi > li > a:hover,
.lnb-m .lnb-box .lnb-navi > li.on > a { color: #43b229;}
.lnb-m .lnb-box .lnb-dep2 { display: none; padding: 10px 0;}
.lnb-m .lnb-box .lnb-dep2 a { display: block; padding-left: 23px; font-size: 15px; background: url('image/bu-list-privacy.png') no-repeat; background-position: 5px 10px; background-size: 6px; line-height: 30px; color: #444;}
.lnb-m .lnb-box .lnb-dep2 a:hover { font-weight: 700;}
/* gnb : 글로벌네비게이션 메뉴 */
#gnb { position: absolute; top: 30px; right: 0;}
#gnb li { float: left; padding: 0 5px;}
#gnb li.con-pc p { padding: 4px 0 0 60px; height: 50px; background: url('image/btn-top-call.png') no-repeat; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #222;}
#gnb li.con-pc p span { font-weight: 700; letter-spacing: 0; font-size: 17px;}
/* ////////////////////////////////////////////////// notebook & tablet */
@media all and (min-width:991px) and (max-width:1200px) {
	/* lnb : 네비게이션 메뉴 */
	.lnb-pc .lnb-navi > li > a { margin: 0 17px; font-size: 17px;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* lnb : 네비게이션 메뉴 */
	.lnb-pc { display: none;}
	.lnb-m { display: block;}
	/* gnb : 글로벌네비게이션 메뉴 */
	#gnb { right: 55px;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* header */
	#header { height: 70px;}
	#header h1 { top: 15px;}
	#header h1 img { width: 95px;}
	/* lnb : 네비게이션 메뉴 */
	.lnb-m .btn-menu { top: 15px;}
	.lnb-m .btn-menu img { height: 40px;}
    .lnb-m .btn-close { top: 15px;}
	.lnb-m .btn-close img { height: 40px;}
    .lnb-m .lnb-box { width: 70%;}
    .lnb-m .lnb-box .lnb-navi { top: 90px; left: 40px;}
    .lnb-m .lnb-box .lnb-navi > li > a { font-size: 25px; line-height: 50px;}
    .lnb-m .lnb-box .lnb-dep2 { padding: 7px 0;}
    .lnb-m .lnb-box .lnb-dep2 a { font-size: 14px; line-height: 28px;}
	/* gnb : 글로벌네비게이션 메뉴 */
	#gnb { top: 15px; right: 43px;}
	#gnb li { padding: 0 3px;}
	#gnb li a img { width: 40px;}
}





/* ************************************** *
 * main layout
 * ************************************** */
/* 메인비주얼 */
.main-visual { width: 90%; margin: 0 auto 70px; padding-bottom: 50px;}
.main-visual .slick-slide img { max-width: 100%;}
/* 메인갤러리 */
.main-gallery { width: 1400px; margin: 0 auto;}
.main-gallery .slick-slide { margin: 0 10px;}
.main-gallery a { display: block; position: relative;}
.main-gallery .img-box { overflow: hidden; max-width: 100%; height: 220px;}
.main-gallery .img-box i { display: block; height: 100%; transform: scale(1,1); transition: all 0.3s ease-out 0s;}
.main-gallery .img-box:hover i { transform: scale(1.1,1.1);}
.main-gallery p { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); font-size: 15px; color: #fff; line-height: 40px; text-align: center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-gallery a:hover p { text-decoration: underline;}
/* 메인콘텐츠 */
.main-content { width: 1400px; margin: 80px auto;}
.main-content > div { float: left; width: 30.33%; margin: 0 1.5%; height: 300px;}
.status-box h3 { padding: 10px 0 20px; margin-bottom: 30px; background: url('image/bg-dotline.gif') repeat-x left bottom; font-size: 17px; font-weight: bold; color: #333; text-align: center;}
.status-wrap { overflow: hidden; height: 200px !important;}
.status-wrap li { width: 100%; margin-bottom: 20px; line-height: 22px;}
.status-wrap li > div { float: left; text-align: center;}
.status-wrap li .p-name { position: relative; width: 20%; padding-left: 5%; font-size: 15px;}
.status-wrap li .p-title { width: 60%; font-size: 15px; color: #333; letter-spacing: -0.05em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.status-wrap li .p-state { width: 10%; padding-right: 5%;}
.ban-box li { margin: 20px 0;}
.ban-box li a:hover { position: relative; top: 1px;}
/* .cleanzon-box img { max-height: 100%;} */
.link-box li { float: left; width: 33.33%;}
.link-box li a { display: block; height: 150px; padding-top: 100px; background-position: center 27px !important; font-size: 16px; color: #333; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.link-box li a:hover { font-weight: bold; color: #005cb5;}
.link-box li:nth-of-type(1) a { background: url('image/ico-quick01-off.gif') no-repeat;}
.link-box li:nth-of-type(2) a { background: url('image/ico-quick02-off.gif') no-repeat;}
.link-box li:nth-of-type(3) a { background: url('image/ico-quick05-off.gif') no-repeat;}
.link-box li:nth-of-type(4) a { background: url('image/ico-quick03-off.gif') no-repeat;}
.link-box li:nth-of-type(5) a { background: url('image/ico-quick04-off.gif') no-repeat;}
.link-box li:nth-of-type(6) a { background: url('image/ico-quick06-off.gif') no-repeat;}
.link-box li:nth-of-type(1) a:hover { background: url('image/ico-quick01-on.gif') no-repeat;}
.link-box li:nth-of-type(2) a:hover { background: url('image/ico-quick02-on.gif') no-repeat;}
.link-box li:nth-of-type(3) a:hover { background: url('image/ico-quick05-on.gif') no-repeat;}
.link-box li:nth-of-type(4) a:hover { background: url('image/ico-quick03-on.gif') no-repeat;}
.link-box li:nth-of-type(5) a:hover { background: url('image/ico-quick04-on.gif') no-repeat;}
.link-box li:nth-of-type(6) a:hover { background: url('image/ico-quick06-on.gif') no-repeat;}
/* .main-youtube { margin-bottom: 60px;} */
.main-youtube li { float: left; width: 50%; text-align: center;}
.main-youtube li iframe { width: 100%;}
.clean-zon-img img {  max-width:100%;}
/* 메인콘텐츠 210407 */
.flex { display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -moz-flex-flow: row wrap; -o-flex-flow: row wrap;}
/* .main-content2 { width: 1400px; margin: 80px auto;} */
.main-content2 { width: 1400px; margin: 80px auto;}
/* .main-content2 .service-box { float: left; width: 31.33%; margin-right: 2%; padding: 20px; box-sizing: border-box; border: solid 1px #ccc;}
.main-content2 .service-box h2 { font-size: 18px; font-weight: bold; color: #111; text-align: center; text-decoration: underline;}
.main-content2 .service-box h3.tit-h3 { padding-left: 20px; margin: 15px 0 5px; background-size: 12px; font-size: 15px;}
.main-content2 .service-box .bu-list li { padding-left: 22px; margin-bottom: 3px; background-size: 7px; background-position: 7px 6px; font-size: 12px; line-height: 1.5em;} */
/* .main-content2 .support-box { float: left; width: 66.66%; box-sizing: border-box; margin-top: 20px;} */
.main-content2 .support-box { width: 100%;}
.main-content2 .support-box > ul > li { float: left; width: padding: 0 0%; box-sizing: border-box;}
.main-content2 .support-box .qk-link-box  { width:50%}
.main-content2 .support-box .qk-link-box li { float: left; width: 33.33%; }
.main-content2 .support-box .qk-link-box li a { display: block; height: 150px; padding-top: 90px; background-position: center 20px !important; font-size: 16px; color: #333; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: center;}
.main-content2 .support-box .qk-link-box li a:hover { font-weight: bold; color: #005cb5;}
.main-content2 .support-box .qk-link-box li:nth-of-type(1) a { background: url('image/ico-quick01-off.gif') no-repeat;}
.main-content2 .support-box .qk-link-box li:nth-of-type(2) a { background: url('image/ico-quick02-off.gif') no-repeat;}
.main-content2 .support-box .qk-link-box li:nth-of-type(3) a { background: url('image/ico-quick05-off.gif') no-repeat;}
.main-content2 .support-box .qk-link-box li:nth-of-type(4) a { background: url('image/ico-quick03-off.gif') no-repeat;}
.main-content2 .support-box .qk-link-box li:nth-of-type(5) a { background: url('image/ico-quick04-off.gif') no-repeat;}
.main-content2 .support-box .qk-link-box li:nth-of-type(6) a { background: url('image/ico-quick06-off.gif') no-repeat;}
.main-content2 .support-box .qk-link-box li:nth-of-type(1) a:hover { background: url('image/ico-quick01-on.gif') no-repeat;}
.main-content2 .support-box .qk-link-box li:nth-of-type(2) a:hover { background: url('image/ico-quick02-on.gif') no-repeat;}
.main-content2 .support-box .qk-link-box li:nth-of-type(3) a:hover { background: url('image/ico-quick05-on.gif') no-repeat;}
.main-content2 .support-box .qk-link-box li:nth-of-type(4) a:hover { background: url('image/ico-quick03-on.gif') no-repeat;}
.main-content2 .support-box .qk-link-box li:nth-of-type(5) a:hover { background: url('image/ico-quick04-on.gif') no-repeat;}
.main-content2 .support-box .qk-link-box li:nth-of-type(6) a:hover { background: url('image/ico-quick06-on.gif') no-repeat;}
.main-content2 .support-box .cs-center { width:30%; border: solid 3px #43b229; box-sizing: border-box; border-radius: 10px; padding: 40px 20px; text-align: center;}
.main-content2 .support-box .cs-center h2 { padding-bottom: 10px; font-size: 20px; font-weight: bold; color: #111;}
.main-content2 .support-box .cs-center p:nth-of-type(1) { font-size: 40px; font-weight: 700; color: #005cb5; line-height: 1.2em;}
.main-content2 .support-box .cs-center p:nth-of-type(2) { font-size: 30px; font-weight: 700; color: #43b229;}
.main-content2 .support-box .cs-center p:nth-of-type(3) { padding-top: 12px; font-size: 15px; color: #444; line-height: 1.5em; letter-spacing: -0.05em;}
/* .main-content2 .support-box .price-box li { float: left; width: 50%; padding: 0 1%; box-sizing: border-box; text-align: center; margin-top: 50px;}
.main-content2 .support-box .price-box li a:hover { position: relative; top: 1px;} */
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1600px) {
	/* 메인갤러리 */
	.main-gallery { width: 85%;}
	/* 메인콘텐츠 */
	.main-content,
	.main-content2 { width: 90%;}
	/* 메인콘텐츠 210407 */
	/* .main-content2 { width: 90%;} */
}
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:1400px) {
	/* 메인콘텐츠 */
	.main-content > div { height: auto;}
	.ban-box,
	.cleanzon-box,
	.main-youtube { width: 47% !important;}
	/* 메인콘텐츠 210407 */
	/* .main-content2 .service-box { width: 48%;}
	.main-content2 .support-box { width: 48%; margin: 0 0 0 2%;}
	.main-content2 .support-box > ul > li:nth-of-type(1) { width: 100%; padding: 0 0 20px;}
	.main-content2 .support-box > ul > li:nth-of-type(2) { width: 45%; padding: 0 2.5%;}
	.main-content2 .support-box > ul > li:nth-of-type(3) { width: 50%;}
	.main-content2 .support-box .price-box li { float: none; width: 100%; margin-top: 3%;} */
}
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (min-width:641px) and (max-width:1400px) {
	/* 메인콘텐츠 */
	.cleanzon-box,
	.main-youtube { height: 300px !important;}
	.link-box { width: 100% !important; margin: 30px 0 0 0 !important; height: 150px !important;}
	.link-box li { width: 16.66%;}
	.main-content2 .support-box .qk-link-box  { width:40%}
}
/* ////////////////////////////////////////////////// notebook & tablet & mobile */
@media all and (max-width:990px) {
	/* 메인콘텐츠 */
	.cleanzon-box,
	.main-youtube { height: auto !important;}
	/* 메인콘텐츠 210407 */
	/* .main-content2 .service-box { width: 100%; margin-right: 0;}
	.main-content2 .support-box { width: 100%; margin: 30px 0 0 0;} */
	/* .main-content2 { width: 90%;} */
	.main-content2 .support-box > ul > li:nth-of-type(1) { width: 100%; margin-bottom: 30px;}
	.main-content2 .support-box > ul > li:nth-of-type(2) { width: 50%;}
	.main-content2 .support-box > ul > li:nth-of-type(3) { width: 50%;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (min-width:641px) and (max-width:990px) {
	/* 메인콘텐츠 */
	.main-content { margin-top: 50px;}
	/* 메인갤러리 */
	.main-gallery .img-box { height: 170px;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* 메인비주얼 */
	.main-visual { width: 100%; margin: 0 auto 50px; padding-bottom: 35px;}
	/* 메인갤러리 */
	.main-gallery { width: 75%;}
	/* 메인콘텐츠 */
	.main-content { margin: 50px auto 20px;}
	.main-content > div { float: none; width: 90%; margin: 20px auto;}
	.ban-box,
	.cleanzon-box,
	.main-youtube { width: 80% !important; margin: 20px 10% !important;}
	.ban-box li { margin: 10px 0;}
	.status-box h3 { font-size: 15px;}
	.status-wrap { height: 120px !important;}
	.status-wrap li { margin-bottom: 10px;}
	.status-wrap li .p-name,
	.status-wrap li .p-title { font-size: 14px;}
	.link-box li a { height: 100px; padding-top: 80px; background-size: 40px !important; font-size: 14px;}
	/* 메인유튜브 */
	.main-youtube li iframe { width: 100% !important; height: 250px !important;}
	.main-content .clean-zon-img img{max-width:100%; }
	/* 메인콘텐츠 210407 */
	/* .main-content2 .support-box > ul > li:nth-of-type(2) { width: 90%; padding: 0 5%;}
	.main-content2 .support-box > ul > li:nth-of-type(3) { width: 100%;} */
	.main-content2 { margin: 50px auto 35px;}
	.main-content2 .support-box > ul > li:nth-of-type(2),
	.main-content2 .support-box > ul > li:nth-of-type(3) { width: 100%; margin: 0 auto 10px;}
}





/* ************************************** *
 * sub layout
 * ************************************** */
/* 서브비주얼 */
.sub-visual { position: relative; width: 90%; height: 350px; margin: 0 auto; -webkit-background-size: cover !important; -ms-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;}
.sub-visual-system { background: url('image/sub-visual01.jpg') no-repeat center;}
.sub-visual-price { background: url('image/sub-visual02.jpg') no-repeat center;}
.sub-visual-performance { background: url('image/sub-visual03.jpg') no-repeat center;}
.sub-visual-support { background: url('image/sub-visual04.jpg') no-repeat center;}
.sub-visual-company { background: url('image/sub-visual05.jpg') no-repeat center;}
.sub-visual-member { background: url('image/sub-visual05.jpg') no-repeat center;}
.sub-visual-etc { background: url('image/sub-visual05.jpg') no-repeat center;}
.sub-visual .tit-sub-visual { position: absolute; top: 50%; left: 5%; width: 90%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); color: #fff; text-align: center;}
.sub-visual .tit-sub-visual h3 { padding-bottom: 20px; font-size: 42px; font-weight: lighter; line-height: 1.1em; letter-spacing: -0.075em;}
.sub-visual .tit-sub-visual p { font-size: 16px; line-height: 1.7em;}
.sub-visual .tit-sub-visual p span { color: #fff100;}
/* 서브네비게이션 type1:선택타입 */
#snb .snb-select { width: 90%; height: 60px; background: #2f2f2f; margin: 0 auto;}
#snb .snb-select > ul > li { float: left; border-right: 1px solid #444; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#snb .snb-select > ul > li.home { width: 60px; border-left: 1px solid #444; text-align: center; line-height: 60px;}
#snb .snb-select > ul > li.sub-menu { position: relative; width: 250px; padding: 0 20px;}
#snb .snb-select > ul > li.sub-menu > a { display: inline-block; width: 100%; line-height: 60px; background: url('image/bg-snbarr-down-white.png') no-repeat; background-position: right center; font-size: 16px; color: #fff;}
#snb .snb-select > ul > li.sub-menu > a.on { background: url('image/bg-snbarr-up-white.png') no-repeat; background-position: right center;}
#snb .snb-select .snb-deps-list { display: none; z-index: 50; position: absolute; top: 60px; left: 0; width: 100%; background: #eee;}
#snb .snb-select .snb-deps-list li a { display: block; width: 90%; padding: 12px 0 12px 10%; border-top: solid 1px #ccc; font-size: 14px; color: #111;}
#snb .snb-select .snb-deps-list li a:hover { font-weight: 700;}
/* 서브타이틀 */
#stle h2 { margin: 60px 0 50px; padding-bottom: 50px; font-size: 37px; background: url('image/bg-privacy-line-black.png') no-repeat center bottom; background-size: 1px 30px; color: #111; letter-spacing: -0.075em; text-align: center;}
/* 컨텐츠영역 */
#container { z-index:1; width:100%;}
.content-box { width: 1400px; margin: 0 auto 120px; min-height: 500px;}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:1400px) {
	/* 컨텐츠영역 */
	.content-box { width: 90%;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* 서브비주얼 */
	.sub-visual { width: 100%; height: 180px;}
	.sub-visual .tit-sub-visual h3 { padding-bottom: 12px; font-size: 24px;}
	.sub-visual .tit-sub-visual p { font-size: 12px;}
	/* 서브네비게이션 type1:선택타입 */
	#snb .snb-select { width: 100%; height: 47px;}
	#snb .snb-select > ul > li.home { display: none;}
	#snb .snb-select > ul > li.sub-menu { width: 50%; padding: 0 5%;}
	#snb .snb-select > ul > li.sub-menu > a { line-height: 47px; background-size: 12px; font-size: 13px;}
	#snb .snb-select > ul > li.sub-menu > a.on { background-size: 12px;}
	#snb .snb-select .snb-deps-list { top: 47px;}
	#snb .snb-select .snb-deps-list li a { padding: 9px 0 9px 10%; font-size: 13px;}
	/* 서브타이틀 */
	#stle h2 { margin: 35px 0; padding-bottom: 35px; font-size: 27px; background-size: 1px 20px;}
	/* 컨텐츠영역 */
	.content-box { margin: 0 auto 70px; min-height: 250px;}
}





/* ************************************** *
 * footer layout
 * ************************************** */
/* footer */
#footer { width: 100%; padding: 50px 0 60px; background: #f1f1f1; text-align: center;}
#footer .footer-in { position: relative; width: 90%; margin: 0 auto;}
#footer address { font-size: 14px; color: #444; line-height: 1.7em;}
#footer address span { padding-right: 20px;}
#footer .copyright small { font-size: 14px; color: #444;}
#footer .foo-site { display: table; margin: 0 auto;}
#footer .foo-privacy { display: table; margin: 30px auto 40px;}
#footer .foo-site li,
#footer .foo-privacy li { float: left;}
#footer .foo-privacy li { float: left; margin-right: 15px; padding-right: 15px; background: url('image/bg-notice-line-black.png') no-repeat right center;}
#footer .foo-privacy li:last-child { margin: 0; padding-right: 0; background: none;}
#footer .foo-privacy li a { display: block; font-size: 14px; color: #444;}
#footer .foo-privacy li a:hover { text-decoration: underline;}
#footer .foo-site li { margin: 0 10px;}
#footer .btn-top { display: none; z-index: 50; position: fixed; bottom: 50px; right: 50px;}
#footer .ico-blog { position: fixed; bottom: 120px; right: 50px;}
#footer .ico-kakao { position: fixed; bottom: 180px; right: 50px;}
#footer .ico-blog img,
#footer .ico-kakao img { width: 60px;}
#footer .img-cleanzon { position: absolute; right: 70px; bottom: 0; width: 200px;}
/* 모바일 전화걸기 */
.call-box { width: 90%; margin: 0 auto 20px;}
.call-box li { float: left; width: 48%; margin: 1%; text-align: center;}
.call-box li:nth-of-type(1) { width: 98% !important;}
.call-box li a { display: block; border: solid 1px #aaa; border-radius: 3px; line-height: 48px; color: #111; font-size: 16px; font-weight: bold; background: #f7f7f7;}
.call-box li a i { padding-right: 7px;}
/* quick */
.quick-pc { z-index: 60; position: fixed; top: 50%; left: 0; transform: translate(0,-50%);}
.quick-pc .quick-form-pc { display: none; float: left; width: 250px; padding: 30px 25px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: #27262d;}
.quick-pc .quick-form-pc p { padding-bottom: 10px; font-size: 14px; font-weight: 700; color: #fff;}
.quick-pc .quick-form-pc p span { padding-left: 5px; font-size: 25px; font-family: 'Montserrat', sans-serif !important; color: #ffe400; letter-spacing: 0;}
.quick-pc .btn-quick-pc { float: right; display: block; width: 50px; padding: 30px 0; border-radius: 0 15px 15px 0; font-size: 15px; font-weight: bold; color: #fff; text-align: center; background: linear-gradient(to top, rgba(0,92,182,1), rgba(69,180,37,1)); line-height: 1.8em; -webkit-animation: textColorChange ease-in-out 1.5s infinite; -ms-animation: textColorChange ease-in-out 1.5s infinite; -moz-animation: textColorChange ease-in-out 1.5s infinite; -o-animation: textColorChange ease-in-out 1.5s infinite; animation: textColorChange ease-in-out 1.5s infinite;}
.quick-pc li { margin-bottom: 5px;}
.quick-pc .input-phone { width: 100%; height: 38px; line-height: 38px; border-radius: 3px; background: #fff;}
.quick-pc .input-text { width: 100%; height: 36px; line-height: 36px; padding: 0 2%; border: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; font-size: 13px; background: #fff; color: #444;}
.quick-pc .input-select { width: 100%; height: 36px; line-height: 36px; padding: 0 2%; border: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; font-size: 13px; background: #fff url('image/bg-arr-select-black.png') no-repeat 97% center; color: #444;}
.quick-pc .input-textarea { width: 100%; min-width: 100%; max-width: 100%; height: 50px; max-height: 50px; min-height: 50px; padding: 2%; border: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; font-size: 13px; background: #fff; color: #444; resize: none;}
.quick-pc .wd-call { width: 28% !important;}
.quick-pc .privacy-box { margin-top: 0; border-top: 0; color: #fff; font-size: 10px; padding-top: 10px; line-height: 1.5em; opacity: .5;}
.quick-pc .privacy-check { padding: 10px 0 20px;}
.quick-pc .checkbox-radio { padding-left: 30px; margin: 0; line-height: 18px; font-size: 13px;}
.quick-pc .checkmark { height: 18px; width: 18px;}
.quick-pc .check-white .checkbox-radio .checkmark:after { left: 6px; top: 3px; width: 4px; height: 8px;}
.quick-m { display: none; position: fixed; bottom: 0; left: 0; width: 100%;}
.quick-m li { float: left; width: 50%;}
.quick-m li a { display: block; font-size: 17px; line-height: 52px; color: #fff; text-align: center;}
.quick-m li:nth-of-type(1) a { background: #43b229; -webkit-animation: textColorChange ease-in-out 1.5s infinite; -ms-animation: textColorChange ease-in-out 1.5s infinite; -moz-animation: textColorChange ease-in-out 1.5s infinite; -o-animation: textColorChange ease-in-out 1.5s infinite; animation: textColorChange ease-in-out 1.5s infinite;}
.quick-m li:nth-of-type(1) a span { font-weight: 700; letter-spacing: 0;}
.quick-m li:nth-of-type(2) a { background: #005cb5;}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:1200px) {
	#footer .img-cleanzon { position: static; margin-top: 40px;}
}
/* ////////////////////////////////////////////////// tablet & mobile */
@media all and (max-width:990px) {
	/* footer */
	#footer { padding: 50px 0;}
	#footer .foo-site li { margin: 0 15px;}
	#footer .btn-top { bottom: 30px; right: 30px;}
	#footer .ico-blog { bottom: 100px; right: 30px;}
	#footer .ico-kakao { bottom: 160px; right: 30px;}
	/* quick */
	.quick-pc { display: none !important;}
	.quick-m { display: block !important;}
	/* 팝업 */
	#popup_0000000001,
	#popup_0000000002 { display: none !important;}
}
/* ////////////////////////////////////////////////// mobile */
@media all and (max-width:640px) {
	/* footer */
	#footer { padding: 30px 0;}
	#footer address,
	#footer .copyright small,
	#footer .foo-privacy li a { font-size: 13px;}
	#footer address span { padding-right: 14px;}
	#footer .foo-privacy { margin: 20px auto 25px;}
	#footer .foo-site li { margin: 0 4px;}
	#footer .foo-site li img { height: 20px;}
	#footer .btn-top { bottom: 20px; right: 20px;}
	#footer .btn-top img { width: 40px;}
	#footer .ico-blog { bottom: 70px; right: 20px;}
	#footer .ico-kakao { bottom: 110px; right: 20px;}
	#footer .ico-blog img,
	#footer .ico-kakao img { width: 40px;}
	/* quick */
	.quick-m li a { font-size: 15px; line-height: 46px;}
}