@charset "utf-8";
/* CSS Document */

/* 섹션 기본설정 */
*{word-break: keep-all;}
.section{position: relative;}
.section:after {content: ''; display: block; clear: both}

.btn_area {
	position: relative;
	width: 100%;
	margin: 30px auto 0;
	text-align: center
}
.btn_area:after {
	content: '';
	display: block;
	clear: both
}

/* button */
.btnType1 {
	vertical-align:middle;
	display:inline-block;
	padding:7px 15px 7px 15px;
	border-radius: 3px;
	box-sizing: border-box;
	white-space:nowrap;
	overflow:visible;
	line-height:1.2;
	background: #55c3d4;
	color:#fff !important;
	font-weight: 500;
	font-size: 20px
}
.btnType1:hover {
	background: #0d99e9;
	color: #fff;
}
.btnType1.w220,
.btnType2.w220 {
	width: 220px;
	height: 60px
}
.btnType2.w220 {
	margin-right: 17px
}
@media all and (max-width:640px){
	.btnType1.w220 {width: 49%; float: right}
	.btnType2.w220 {width: 49%; margin-right: 0;  float: left}
}
.btnType2 {
	vertical-align:middle;
	display:inline-block;
	padding:7px 15px 7px 15px;
	border-radius: 3px;
	border: 1px solid #3eadf4;
	box-sizing: border-box;
	white-space:nowrap;
	overflow:visible;
	line-height:1.2;
	background: #fff;
	color:#3eadf4 !important;
	font-weight: 500;
	font-size: 20px
}
.btnType2:hover {
	background: #3eadf4;
	color: #fff !important;
}


/* 풀페이지 레이아웃 기본설정 */
.fp-slide {float: left; }
.fp-slide, .fp-slidesContainer {height: 100%; display: block; }
.fp-slides {z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; }
.fp-section.fp-table, .fp-slide.fp-table {display: table; width: 100%; table-layout:fixed; }
.fp-tableCell {display: table-cell; vertical-align: middle; width: 100%; height: 100%; /*position:relative;*/ }
.fp-slidesContainer {float: left; position: relative; }
.fp-scrollable {overflow-y: scroll; }
.fp-notransition {-webkit-transition: none !important; transition: none !important; }
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}
.slimScrollDiv, .fp-scrollable {width:100% !important; }

/* 공통 */
h2.main {padding-top: 100px; font-size: 72px; font-weight: 500; color: #222; text-align: center}
h2.main.ad {padding-top: 150px}
h2.main:before {content: ""; display: block; clear: both; position: absolute; top: 0; left: 50%; width: 1px; height: 30px; background: #000}
.mcon03 h2.main,
.mcon04 h2.main,
.mcon06 h2.main {color: #fff}
.mcon03 h2.main:before,
.mcon04 h2.main:before,
.mcon06 h2.main:before {top: -12px; background: #fff}
.w1500 {width: 1500px; margin: 0 auto;}
.w1340 {width: 1340px; margin: 0 auto; position: relative}
.w1340:after {content: ''; display: block; clear: both}
@media all and (max-width:1340px){
	.w1340 {width: 93.5%;}
}
@media all and (max-width:1300px){
	h2.main {font-size: 62px;}
	h2.main.ad {padding-top: 110px}
	h2.main:before {top: 0;}
	.mcon03 h2.main:before, .mcon04 h2.main:before, .mcon06 h2.main:before {top: 0}
}
@media all and (max-width:1024px){
	h2.main.ad {padding-top: 90px; font-size: 46px; font-weight: 700;}
}
@media all and (max-width:640px){
	h2.main {padding-top: 53px; font-size: 27px; font-weight: 700;}
	h2.main.ad {padding-top: 70px; font-size: 36px}
}

#wrap {width: 100%; max-width: 1920px; margin: 0 auto}




/* 헤더오버 */
#header.hover {background-color: #fff; transition: all 0.3s; border-bottom: 1px solid #d7d7d7;}
#header.hover .gnb > .w1340 > ul > li > a {color: #222;}
#header.hover .gnb > .w1340 > ul > li:hover > a {color: #8dc63f}
#header.hover .gnb > .w1340 > ul > li > a:after {background: #222}
#header.hover .gnb > .w1340 > ul > li > ul > li:hover > a {color: #8dc63f}
#header.hover h1 a img.on {opacity: 1;}
#header.hover h1 a img.off {opacity: 0;}

/* 헤더액티브 */
#header.scroll-active {background-color: #fff; transition: all 0.3s; border-bottom: 1px solid #d7d7d7;}
#header.scroll-active .gnb > .w1340 > ul > li > a {color:#222;}
#header.scroll-active .gnb > .w1340 > ul > li > a:after {background: #222}
#header.scroll-active h1 a img.on {opacity: 1;}
#header.scroll-active h1 a img.off {opacity: 0;}

/* 헤더 */
#header {width: 100%; position: fixed; top: 0; left: 0; height: 100px; box-sizing: border-box; border-bottom: 1px solid transparent; transition: all 0.3s; z-index: 99996}
#header:after {content: ''; display: block; clear: both}
#header .white-bg {display: none; position: absolute; top: 100px; left: 0; width: 100%; height: 80px; background-color: #fff; border-bottom: 1px solid #e1e1e1; z-index: 99996}
#header h1 {float: left; position: relative; width: 92px; height: 43px; margin-left: 250px; margin-top: 28px; z-index: 100000;}
#header h1 a {display: block; width: 100%; height: 100%}
#header h1 a img {display: block; position: absolute; top: 0; left: 0; transition: all 0.3s; width: 100%; height: 100%}
#header h1 a img.off {opacity: 1}
#header h1 a img.on {opacity: 0}
#header .gnb {position: absolute; top: 50%; left: 50%; border-bottom: 1px solid rgba(255,255,255,0.2); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 99999;}
#header .gnb .w1340 {position: relative}
#header .gnb .w1340:after {content: ''; display: block; clear: both}
/* 1뎁 */
#header .gnb > .w1340 > ul {width: 100%; height: 100%; font-size: 0; text-align: center; position: relative}
#header .gnb > .w1340 > ul > li{display: inline-block; vertical-align: top; height: 100%;}
#header .gnb > .w1340 > ul > li > a {display: block; width:145px; height:100%; box-sizing:border-box; font-size: 22px; font-weight: 500; letter-spacing:-0.025em; color:#fff; text-align: center; line-height: 100px;}
/* #header .gnb > .w1340 > ul > li > a:after {content: ''; display: block; clear: both; position: absolute; left: 50%; top: 50%; width: 5px; height: 5px; background: #fff; margin-left: -3px; border-radius: 50%} */
/* 2뎁 */
#header .gnb > .w1340 > ul > li > ul:after {display: block; content: ""; clear: both;}
#header .gnb > .w1340 > ul > li > ul {display: none; position: absolute; left: 450px; padding-top: 30px; width: 100%;}
#header .gnb > .w1340 > ul > li > ul > li {float: left; text-align: left; margin-right: 80px; margin-bottom: 50px;}
#header .gnb > .w1340 > ul > li > ul > li > a {display: block; font-size: 18px; font-weight: 500; color: #222; line-height: 1;}
@media all and (max-width:1400px){
	#header .gnb > .w1340 > ul > li > ul > li{margin-right:75px;}
}
@media all and (max-height:750px){
	#header .gnb > .w1340 > ul > li > a {color:#222;}
}


/* 모바일헤더 */
.black-bg {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 88888}
.black-bg.on {display: block}
#header .mobile-gnb {display: none}

@media all and (max-width:1300px){
	#header {height: 85px; border-bottom: 1px solid rgba(255,255,255,0.2); transition: all 0.3s;}
	/*
	#header.hover {background-color: transparent; border-bottom: 1px solid rgba(255,255,255,0.2)}
	#header.hover h1 a img.on {opacity: 0;}
	#header.hover h1 a img.off {opacity: 1;}
	#header.scroll-active h1 a img.on {opacity: 0;}*/
	#header .mobile-menu-open {display: block; width: 25px; height: 20px; position: relative; transition: all 0.4s; box-sizing: border-box; margin-top: 32px; float: left; margin-left: 16px; z-index: 100002}
	#header .mobile-menu-open span {display: inline-block; transition: all 0.4s; box-sizing: border-box; position: absolute; left: 0; width: 100%; height: 2px; border-radius: 1px; background-color: none; border-bottom: 2px solid #fff}
	#header.hover span,
	#header.scroll-active span,
	#header .mobile-menu-open.on span {border-bottom: 2px solid #999}
	#header .mobile-menu-open span:nth-of-type(1) {top: 0}
	#header .mobile-menu-open span:nth-of-type(2) {top: 9px}
	#header .mobile-menu-open span:nth-of-type(3) {bottom: 0}
	#header .mobile-menu-open.on span:nth-of-type(1) {transform: translateY(9px) rotate(-45deg); -webkit-transform: translateY(9px) rotate(-45deg); -moz-transform: translateY(9px) rotate(-45deg); -o-transform: translateY(9px) rotate(-45deg); -ms-transform: translateY(9px) rotate(-45deg);}
	#header .mobile-menu-open.on span:nth-of-type(2) {opacity: 0}
	#header .mobile-menu-open.on span:nth-of-type(3) {transform: translateY(-9px) rotate(45deg); -webkit-transform: translateY(-9px) rotate(45deg); -moz-transform: translateY(-9px) rotate(45deg); -o-transform: translateY(-9px) rotate(45deg); -ms-transform: translateY(-9px) rotate(45deg);}
	#header h1 {margin: 0 !important; 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%);}
	#header .gnb {display: none;}
	#header .mobile-gnb {display: block; position: absolute; top: 0; left: -600px; background-color: rgba(255,255,255,0.95); width: 350px; height: 100vh; transition: all 0.5s; z-index: 100001}
	#header.scroll-active .mobile-gnb {top: 85px}
	#header .mobile-gnb.on {left: 0}
	#header .mobile-gnb > ul {margin-top: 85px}
	#header.scroll-active .mobile-gnb > ul {margin-top: 0}
	#header .mobile-gnb > ul > li.active > a {background: #55c3d4 url("../imgs/m-gnb-on.png") no-repeat 95% center;}
	#header .mobile-gnb > ul > li > a {display: block; width: 100%; height: 60px; box-sizing: border-box; padding-left: 30px; color: #fff; font-size: 18px; font-weight: bold; line-height: 60px; background: #777 url("../imgs/m-gnb-off.png") no-repeat 95% center; transition: all 0.3s;}
	#header .mobile-gnb > ul > li.no_sub.active > a {background-color: #55c3d4; background-image: none}
	#header .mobile-gnb > ul > li.no_sub > a {background-color: #777; background-image: none}
	#header .mobile-gnb > ul > li.on > ul {display: block;}
	#header .mobile-gnb > ul > li > ul {display: none;}
	#header .mobile-gnb > ul > li > ul > li > a {display: block; width: 100%; height: 50px; box-sizing: border-box; font-size: 18px; line-height: 50px; font-weight: 400; color: #666; padding-left: 30px; border-bottom: 1px solid #dddedf; background: #fff}
}
@media all and (max-width:640px){
	#header h1 {width: 73px; height: 34px}
}

/* #mainNav */
#mainNav.opacity-1 {opacity:1;}
#mainNav {position:fixed;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%); right:65px; z-index: 99999; transition:all 0.3s; opacity:0;}
#mainNav ul li:first-of-type {padding-top:0;}
#mainNav ul li {text-align:right;padding-top: 25px;position:relative;margin-top:-1px;}
#mainNav ul li a {display:block;font-size:15px;font-weight:400; color: transparent;letter-spacing:-0.05em;position:relative;padding-right:20px;transition:all 0.3s;}
#mainNav ul li a:after {display: block; content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #b7aea9; right: -10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transition: all 0.3s;}
#mainNav ul li.active a:after {background: #8dc63f;}
#mainNav ul li.active a {color:#8dc63f;}
#mainNav ul li:hover a {color:#8dc63f;}
#mainNav ul li:hover a:after {background: #8dc63f;}
@media all and (max-width:1300px){
	#mainNav {display: none;}
}

/* 메인 비쥬얼 */
.mcon01 {position: relative; overflow: hidden}
.mcon01 ul {height: 100%}
.mcon01 ul li {height: 100%}
.mcon01 ul li.bg01 {background: url("../imgs/mv01.jpg") no-repeat center top; background-size: cover}
.mcon01 ul li.bg02 {background: url("../imgs/mv02.jpg") no-repeat center top; background-size: cover}
.mcon01 ul li .w1340 {width: 1340px; margin: 0 auto; padding-top: 305px; padding-left: 0; box-sizing: border-box}
.mcon01 ul li .w1340 > p {position: relative; top: 0; font-weight: 300; font-size: 70px; color: #fff; letter-spacing: -0.05em; text-align: left; line-height: 88px;}
.mcon01 ul li .w1340 > p.mb {display: none}
.mcon01 ul li .w1340 > span {position: relative; top: 20px; opacity: 0; display: block; font-weight: 500; font-size: 26px; color: #fff; padding-top: 20px;}

/* 애니메이션 */
.mcon01 ul li .w1340 > p {animation-name:mv_p;-webkit-animation-name:mv_p; animation-duration:1s; -webkit-animation-duration:1s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;}
.mcon01 ul li .w1340 > span {animation-name:mv_span;-webkit-animation-name:mv_span; animation-duration:1s; -webkit-animation-duration:1s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-ms-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}

@keyframes mv_p{
	0%{top:-30px;opacity:0;}
	100%{top:0;opacity:1;}
}
@keyframes mv_span{
	0%{top:50px;opacity:0;}
	100%{top:20px;opacity:1;}
}

.mcon01 .bx-wrapper {position: relative; height: 100%;}
.mcon01 .bx-wrapper .bx-viewport {height:100% !important;}
.mcon01 .bx-wrapper .bx-pager {position: absolute; bottom: 147px; font-size: 0; text-align: center; z-index: 3333; width: 100%;}
.mcon01 .bx-wrapper .bx-pager .bx-pager-item:last-of-type {margin-right: 0;}
.mcon01 .bx-wrapper .bx-pager .bx-pager-item {display: inline-block; vertical-align: top; margin-right: 9px;}
.mcon01 .bx-wrapper .bx-pager .bx-pager-item a.active {width: 30px; border-radius: 7px; background-color:#8dc63f;}
.mcon01 .bx-wrapper .bx-pager .bx-pager-item a {display: block; font-size: 0!important; width: 14px; height: 14px; border-radius: 50%; background-color: #b7aea9; transition: all 0.3s;}
.mcon01 .bx-wrapper .bx-controls-direction {display: none;}
.mcon01 .bx-wrapper .bx-controls-direction {position: absolute; width: 100%; z-index: 9999999; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.mcon01 .bx-wrapper .bx-controls-direction a{display: block; width: 90px; height: 90px; box-sizing: border-box; border-radius: 50%; position: absolute; text-indent: -9999px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);}
.mcon01 .bx-wrapper .bx-controls-direction a.bx-prev{}
.mcon01 .bx-wrapper .bx-controls-direction a.bx-next{}
.mcon01 .scroll-down {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform:translateX(-50%); -o-transform: translateX(-50%); z-index: 5555;}
.mcon01 .scroll-down a {display: block; padding-top: 70px; background: url("../imgs/img_mouse.png") no-repeat center top; background-size: 40px 60px; font-weight: 500; font-size: 15px; color:#fff; text-align: center; letter-spacing: -0.025em; position: relative;}
.mcon01 .scroll-down a:after {display: block; content: ""; width: 1px; height: 40px; background-color: #fff; position: absolute; top: 102px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);}
@media all and (max-width:1300px){
	.mcon01 {height: 650px !important;}
	.mcon01 ul li {height: 650px !important;}
	.mcon01 ul li .w1340 {width: 93.5%;}
	.mcon01 ul li .w1340 {padding-top: 220px;}
	.mcon01 ul li .w1340 > p {font-size: 53px; line-height: 1.3;}
	.mcon01 ul li .w1340 > span {font-size: 22px;}

	.mcon01 .scroll-down{display: none;}
	.mcon01 .bx-wrapper .bx-pager{bottom: 30px;}
}
@media all and (max-width:1024px){
	.mcon01 {height: 450px !important;}
	.mcon01 ul li {height: 450px !important;}
	.mcon01 ul li .w1340 {padding-top: 150px;}
	.mcon01 ul li .w1340 > p{font-size: 40px; line-height: 1.2;}
	.mcon01 ul li .w1340 > span{font-weight: 400; font-size: 20px; line-height: 1.2; padding-top: 0px;}

	.mcon01 ul li.bg01{background-position: right -120px 0; background-size: cover;}
	.mcon01 ul li.bg02{background-position: right -50px 0; background-size: cover;}

}
@media all and (max-width:640px){
	/* 메인 비쥬얼 */
	.mcon01 ul li.bg01 {background: url("../imgs/mb_mv01.jpg") no-repeat center top; background-size: cover}
	.mcon01 ul li.bg02 {background: url("../imgs/mb_mv02.jpg") no-repeat center top; background-size: cover}
	.mcon01{height:450px !important;}
	.mcon01 ul li{height:450px !important;}
	.mcon01 ul li .w1340{padding-left:0;padding-top: 190px;}
	.mcon01 ul li .w1340 > p {font-size: 28px; line-height: 1.3; font-weight: 300;}
	.mcon01 ul li .w1340 > p.pc {display: none}
	.mcon01 ul li .w1340 > p.mb {display: block}
	.mcon01 ul li .w1340 > span {font-size: 15px;}
	.mcon01 ul li.bg02 .w1340 > p br:nth-of-type(2) {display: block}
}

.mcon02 {width: 100%; height: 100%; background: url("../imgs/bg_mcon02.png") no-repeat center bottom; position: relative}
.mcon02 .inner {position: relative}
.mcon02 .inner ul {font-size: 0; text-align: center; margin-top: 100px}
.mcon02 .inner ul li {display: inline-block; vertical-align: top; width: 20%; position: relative; transition: all 0.3s; height: 500px; top:0;}
.mcon02 .inner ul li:hover {top: -20px; box-shadow: 5px 5px 15px rgba(0,0,0,0.32)}
.mcon02 .inner ul li:nth-of-type(1) {background: #77c88d}
.mcon02 .inner ul li:nth-of-type(2) {margin-top: 60px; background: url("../imgs/bg_mcon02_02.jpg") no-repeat center top; background-size: cover}
.mcon02 .inner ul li:nth-of-type(3) {background: #65cdd8}
.mcon02 .inner ul li:nth-of-type(4) {margin-top: 60px; background: url("../imgs/bg_mcon02_03.jpg") no-repeat center top; background-size: cover}
.mcon02 .inner ul li:nth-of-type(5) {background: #a2c3fb}
.mcon02 .inner ul li a {display: block; width: 100%; height: 100%; position: relative}
.mcon02 .inner ul li a .txt-box {width: 100%; padding-top: 117px; box-sizing: border-box}
.mcon02 .inner ul li a .txt-box p {padding-top: 123px; font-size: 60px; font-weight: 500; line-height: 1.2; color: #fff; text-align: center;}
.mcon02 .inner ul li:nth-of-type(1) a .txt-box p,
.mcon02 .inner ul li:nth-of-type(2) a .txt-box p,
.mcon02 .inner ul li:nth-of-type(3) a .txt-box p,
.mcon02 .inner ul li:nth-of-type(4) a .txt-box p {background-size: 79px 88px}
.mcon02 .inner ul li:nth-of-type(1) a .txt-box p {padding-top: 120px; background: url("../imgs/img_icon01.png") no-repeat center top;}
.mcon02 .inner ul li:nth-of-type(2) a .txt-box p {padding-top: 120px; background: url("../imgs/img_icon02.png") no-repeat center top;}
.mcon02 .inner ul li:nth-of-type(3) a .txt-box p {padding-top: 120px; background: url("../imgs/img_icon03.png") no-repeat center top;}
.mcon02 .inner ul li:nth-of-type(4) a .txt-box p {background: url("../imgs/img_icon04.png") no-repeat center top;}
.mcon02 .inner ul li:nth-of-type(5) a .txt-box p {padding-top: 120px; background: url("../imgs/img_icon11.png") no-repeat center top;}
.mcon02 .inner ul li a .icon {position: absolute; right: 30px; bottom: 25px}
.mcon02 .inner ul li a .icon img {display: block; transition: all 0.6s}
.mcon02 .inner ul li:hover .icon img {transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg);}
@media all and (max-width:1300px){
	.mcon02 {padding: 0 0 100px;}
}
@media all and (min-width:1024px) and (max-width:1300px) {
	.mcon02 .inner ul li a .txt-box {padding: 157px 0 50px 0;}
	.mcon02 .inner ul li a .txt-box p {font-size: 42px; padding-top: 100px;}
	.mcon02 .inner ul li:nth-of-type(1) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(2) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(3) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(5) a .txt-box p {padding-top: 97px;}
	.mcon02 .inner ul li:nth-of-type(1) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(2) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(3) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(4) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(5) a .txt-box p {background-size: 65px 72px}
	.mcon02 .inner ul li a .icon {width: 60px; height: 60px; right: 30px; bottom: 45px}
	.mcon02 .inner ul li a .icon img {width: 100%;}
}
@media all and (max-width:1024px){
	.mcon02 .inner ul li {width: 50%;}
	.mcon02 .inner ul li a .txt-box {padding: 165px 0 50px 0;}
	.mcon02 .inner ul li:nth-of-type(1) a .txt-box,
	.mcon02 .inner ul li:nth-of-type(2) a .txt-box,
	.mcon02 .inner ul li:nth-of-type(3) a .txt-box,
	.mcon02 .inner ul li:nth-of-type(5) a .txt-box {padding: 155px 0 50px 0;}
	.mcon02 .inner ul li a .txt-box p {font-size: 40px; padding-top: 95px;}
	.mcon02 .inner ul li:nth-of-type(1) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(2) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(3) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(5) a .txt-box p {padding-top: 98px;}
	.mcon02 .inner ul li:hover {top: 0;}
	.mcon02 .inner ul li:nth-of-type(2) {margin-top: 0px;}
	.mcon02 .inner ul li:nth-of-type(4) {margin-top: 0px;}
	.mcon02 .inner ul li:nth-of-type(1) {top: 0; left: 0}
	.mcon02 .inner ul li:nth-of-type(2) {top: 0; right: 0}
	.mcon02 .inner ul li:nth-of-type(3) {top: 0; left: 50%}
	.mcon02 .inner ul li:nth-of-type(4) {top: 0; left: -50%}
	.mcon02 .inner ul li:nth-of-type(5) {top: 0; left: -25%}
}
@media all and (max-width:640px){
	.mcon02 {padding: 0 0 75px; background: url("../imgs/mb_bg_mcon02.png") no-repeat center bottom;}
	.mcon02 .inner ul {margin-top: 45px}
	.mcon02 .inner ul li {height: 300px;}
	.mcon02 .inner ul li a .txt-box {padding-top: 97px}
	.mcon02 .inner ul li:nth-of-type(1) a .txt-box,
	.mcon02 .inner ul li:nth-of-type(2) a .txt-box,
	.mcon02 .inner ul li:nth-of-type(3) a .txt-box,
	.mcon02 .inner ul li:nth-of-type(5) a .txt-box {padding-top: 97px}
	.mcon02 .inner ul li a .txt-box p {font-size: 25px; font-weight: 500; padding-top: 70px;}
	.mcon02 .inner ul li a .txt-box p span {display: inline-block; padding-right: 8px}
	.mcon02 .inner ul li:nth-of-type(1) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(2) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(3) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(5) a .txt-box p {padding-top: 70px;}
	.mcon02 .inner ul li:nth-of-type(1) a .txt-box p br,
	.mcon02 .inner ul li:nth-of-type(2) a .txt-box p br,
	.mcon02 .inner ul li:nth-of-type(3) a .txt-box p br,
	.mcon02 .inner ul li:nth-of-type(5) a .txt-box p br {display: none;}
	.mcon02 .inner ul li:nth-of-type(1) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(2) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(3) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(4) a .txt-box p,
	.mcon02 .inner ul li:nth-of-type(5) a .txt-box p {background-size: 50px 56px}
	.mcon02 .inner ul li a .icon {width: 35px; height: 35px; right: 15px; bottom: 27px}
	.mcon02 .inner ul li a .icon img {width: 100%;}
}


.mcon03 {background: url("../imgs/bg_mcon03_01.jpg") no-repeat center center; background-size: cover;}
.mcon03 strong {position: absolute; font-size: 80px; color: #fff; font-family: 'NotoSansKR-Black';}
.mcon03 strong.year2017 {top: 20px; left: 0; padding-top: 120px; background: url("../imgs/img_icon05.png") no-repeat center top; background-size: 93px 96px}
.mcon03 strong.year2018 {top: 20px; left: 250px; padding-top: 120px; background: url("../imgs/img_icon06.png") no-repeat center top; background-size: 93px 96px}
.year_box.year_txt {margin-top: 210px;}
.year_box.year_txt.w19 {width: 19%}
.year_box.year_txt.w81 {width: 81%}
.year_box {float: left; margin-top: 55px; position: relative; width: 100%; box-sizing: border-box; border-top: 1px solid #9aaebf;}
.year_box:after {content: ''; display: block; clear: both}
.year_box ul li:before {content: ''; display: block; clear: both; position: absolute; top: -9px; left: 20px; margin-left: -9px; width: 19px; height: 19px; background: #3eadf4; border-radius: 50%;}
.year_box ul li {position: relative; display: inline-block; color: #fff; padding-top: 22px; font-size: 24px; font-weight: 500; line-height: 1.2; margin-left: 60px; text-align: left; vertical-align: top}
.year_box ul li span {display: block; margin-bottom: 13px; font-size: 26px; font-weight: bold !important}
.mcon03 .cont_scroll {position: relative; margin-top: 50px; width: 100%; height: 580px; overflow-x: hidden; overflow-y: auto}
@media all and (max-width:1300px){
	.mcon03 {padding-bottom: 90px}
	.mcon03 strong {font-size: 65px;}
	.mcon03 strong.year2017 {padding-top: 100px; background-size: 70px 72px}
	.mcon03 strong.year2018 {left: 180px; padding-top: 100px; background-size: 70px 72px}
	.year_box.year_txt {margin-top: 180px;}
	.year_box.year_txt.w19 {width: 16%}
	.year_box.year_txt.w81 {width: 84%}
	.year_box {margin-top: 40px}
	.year_box ul li {font-size: 19px; margin-left: 30px;}
	.year_box ul li span {display: block; margin-bottom: 11px; font-size: 24px; font-weight: bold !important}
}
@media all and (max-width:1024px){
	.mcon03 strong {position: relative; font-size: 60px; margin-top: 30px; margin-bottom: 20px; display: block; height: 72px; line-height: 72px}
	.mcon03 strong:after {content: ''; display: block; clear: both}
	.mcon03 strong.year2017 {top: 0; left: 0; padding-top: 0; padding-left: 82px; background: url("../imgs/img_icon05.png") no-repeat top left; background-size: 70px 72px}
	.mcon03 strong.year2018 {top: 0; left: 0; padding-top: 0; padding-left: 82px; background: url("../imgs/img_icon06.png") no-repeat top left; background-size: 70px 72px}
	.year_box {float: none; padding-top: 0; width: calc(100% - 9px); margin-left: 9px; border-top: 0; margin-top: 0; /*border-left: 1px solid #9aaebf*/}
	.year_box.year_txt {margin-top: 0;}
	.year_box.year_txt.w19 {width: 100%;}
	.year_box.year_txt.w19 ul li:after {display: none}
	.year_box.year_txt.w81 {width: 100%}
	.year_box ul li:before {top: 7px; left: -7px; margin-left: 0; width: 13px; height: 13px; background: #3eadf4; border-radius: 50%; z-index: 2}
	.mcon03 .cont_scroll {height: 100%; overflow-y: hidden}
	.year_box ul li {display: block; margin-left: 0; margin-bottom: 0px; padding-bottom: 10px; padding-top: 0; padding-left: 20px; font-size: 20px; line-height: 1.2;}
	.year_box ul li:after {content: ''; display: block; clear: both; width: 1px; height: 100%; background: #9aaebf; position: absolute; top: 7px; left: -1px; z-index: 1}
	.year_box ul li.noline:after {display: none}
	.year_box ul li span {display: inline-block; margin-bottom: 0px; padding-bottom: 10px; margin-right: 20px; font-size: 24px; line-height: 1.2; font-weight: bold !important}
	.year_box ul li br {display: none}
}
@media all and (max-width:640px){
	.mcon03 strong {font-size: 36px; margin-top: 0; margin-bottom: 20px; display: block; height: 42px; line-height: 42px}
	.mcon03 strong.year2017 {margin-top: 30px; padding-left: 52px; background-size: 42px 43px}
	.mcon03 strong.year2018 {margin-top: 20px; padding-left: 52px; background-size: 42px 43px}
	.year_box ul li {padding-bottom: 20px; line-height: 1.3;}
	.year_box ul li span {display: block; padding-bottom: 3px; font-size: 22px;}
	.mcon03 .cont_scroll {margin-top: 30px;}
}

.mcon04 {background: url("../imgs/bg_mcon04.jpg") no-repeat center center; background-size: cover;}
.mcon04 .w1340 {position: relative; margin-top: 110px}


.slider {width: 100%; margin: 110px auto 110px auto}
.slick-slide {margin: 0px 0px; padding: 0;}
.slick-slide img {width: 84%; padding-top: 20px; cursor: pointer; margin: 0 auto}
.slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.slick-active {opacity: .5;}
.slick-current {opacity: 1;}
.slick-current img {width: 90%; padding-top: 0; margin: 0 auto}
@media all and (max-width:1300px){
	.mcon04 .w1340 {margin-top: 0; padding-bottom: 60px}
	.slider {width: 100%; margin: 90px auto 50px auto}
	.slick-slide img {width: 88%; padding-top: 15px;}
	.slick-current img {width: 96%; padding-top: 0;}
}
@media all and (max-width:1024px){
	.mcon04 {background: url("../imgs/mb_bg_mcon04.jpg") no-repeat center center; background-size: cover;}
	.mcon04 .w1340 {padding-bottom: 40px}
	.slick-prev,
	.slick-next {width: 40px !important; height: 76px !important; background-size: 40px 76px !important}
	.slick-slide img {width: 60%; margin: 0 auto}
	.slick-current img {width: 60%; margin: 0 auto}
}
@media all and (max-width:640px){
	.slider {margin: 70px auto 30px auto}
	.slick-slide img {width: 70%;}
	.slick-current img {width: 70%;}
}


.mcon05 {}
.cont_area {position: relative; width: 100%; margin-top: 60px}
.cont_area:after {content: ''; display: block; clear: both}
.company_box {float: left; width: 426px; box-izing: border-box; position: relative; border-top: 4px solid #344554}
.company_box+.company_box {margin-left: 30px}
.company_box:after {content: ''; display: block; clear: both}
.map_area {width: 100%; height: 320px}
.map_info {margin-top: 30px;}
.map_info strong {font-size: 40px; font-weight: 500}
.map_info p {padding-top: 10px; font-size: 18px; font-weight: 500;}
.transportation {background: #fafafa; border: 1px solid #e6e6e6; margin-top: 10px; width: 100%; height: 187px; box-sizing: border-box; padding: 15px 15px 0}
.transportation dl dt {padding-left: 32px; font-size: 18px; font-weight: 700;}
.transportation dl dt.bus {background: url("../imgs/img_icon07.png") no-repeat left top; background-size: 22px 21px}
.transportation dl dt.subway {background: url("../imgs/img_icon08.png") no-repeat left top; background-size: 22px 21px}
.transportation dl dd {position: relative; line-height: 1.2; padding-top: 7px; padding-left: 9px; font-size: 18px}
.transportation dl dd:before {content: ''; display: block; clear: both; position: absolute; top: 16px; left: 0; width: 3px; height: 3px; background: #222}
.transportation dl+dl {margin-top: 20px}
.transportation dl+dl dd {padding-left: 0px; padding-top: 9px;}
.transportation dl+dl dd:before {display: none}
.transportation dl+dl dd span {background: #2c9ede; padding: 3px 7px 4px; display: inline-block; margin-right: 11px; color: #fff}
.contact_box {float: left; margin-left: 30px; width: 426px; height: 611px; box-sizing: border-box; background-color: #64c9d1}
.contact_box:after {content: ''; display: block; clear: both}
.contact_box .inner {width: 100%; height: 100%; padding: 0 50px; box-sizing: border-box; background: url("../imgs/bg_contact.png") no-repeat left top; background-size: cover;}
.contact_box strong {display: block; padding-top: 70px; font-size: 42px; line-height: 1; color: #fff; text-align: center; font-weight: 500;}
.contact_box dl {margin-top: 40px; border-bottom: 1px solid #fff}
.contact_box dl+dl+dl {border-bottom: 0}
.contact_box dl dt {padding-left: 46px; color: #fff; font-size: 22px; font-weight: 700; height: 25px}
.contact_box dl dt.mail {background: url("../imgs/img_icon09.png") no-repeat left top; background-size: 30px 25px}
.contact_box dl dt.fax {background: url("../imgs/img_icon10.png") no-repeat left top; background-size: 30px 25px}
.contact_box dl dd {color: #fff; font-size: 18px; line-height: 1.2; padding-bottom: 40px; padding-top: 6px;}
.contact_box dl dd a {display: block; color: #fff; margin-bottom: 6px}
.contact_box dl dd.num {font-size: 30px}
@media all and (max-width:1300px){
	.cont_area {margin-bottom: 60px}
	.company_box {width: 31%; border-top: 4px solid #344554}
	.company_box+.company_box {margin-left: 3%}
	.map_info strong {font-size: 34px;}
	.contact_box {margin-left: 3%; width: 32%;}
}
@media all and (max-width:1024px){
	.cont_area {margin-top: 80px}
	.cont_area.ad {margin-top: 50px}
	.company_box {float: none; width: 100%; margin-bottom: 30px}
	.company_box+.company_box {margin-left: 0}
	.map_area {width: 100%; height: 340px}
	.transportation {height: auto; padding: 25px 25px 25px}
	.contact_box {float: none; margin-left: 0; width: 100%; height: auto}
	.contact_box .inner {padding: 0 25px 25px; }
	.contact_box strong {padding-top: 40px;}
	.contact_box dl:nth-of-type(1) {margin-top: 30px;}
	.contact_box dl {margin-top: 20px;}
	.contact_box dl dd {padding-bottom: 20px;}
}
@media all and (max-width:640px){
	.cont_area {margin-top: 40px}
	.cont_area.ad {margin-top: 40px}
	.map_info {margin-top: 20px;}
	.map_info strong {font-size: 26px;}
	.transportation {padding: 15px 15px 15px}
	.contact_box .inner {padding: 0 15px 15px;}
	.contact_box strong {font-size: 34px;}
}

.mcon06 {background: url("../imgs/bg_mcon06.jpg") no-repeat center center; background-size: cover;}
.mcon06 .partner_area {margin-top: 190px; margin-bottom: 210px; box-sizing: border-box; float: left; width: 386px;}
.mcon06 .partner_area:after {content: ''; display: block; clear: both}
.mcon06 .partner_area:nth-of-type(2),
.mcon06 .partner_area:nth-of-type(3) {margin-left: 90px}
.mcon06 .partner_area .img_box {text-align: center; width: 100%; height: 110px; line-height: 110px; background: #fff}
.mcon06 .partner_area ul {margin-top: 0; background: rgba(255,255,255,0.2); width: 100%; height: 120px; padding-top: 20px}
.mcon06 .partner_area ul>li {text-align: left; display: block; box-sizing: border-box; padding: 0 25px 7px 25px; line-height: 1.3; font-size: 18px; color: #fff;}


/* #footer {position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: #101113; box-sizing: border-box}
#footer .w1340:after{display:block;content:"";clear:both;}
#footer .copyright {font-size: 18px; color: #73787d; line-height: 25px; text-align: center}
@media all and (max-width:1300px){
	.mcon06 .partner_area {width: 31%; margin-top: 100px; margin-bottom: 160px; }
	.mcon06 .partner_area:nth-of-type(2),
	.mcon06 .partner_area:nth-of-type(3) {margin-left: 3%}
	.mcon06 .partner_area:nth-of-type(2) {width: 32%}
	#footer {position: relative; bottom: auto; left: auto; height: 80px}
	#footer .copyright {font-size: 15px; line-height: 20px;}
}
@media all and (max-width:1024px){
	.mcon06 .partner_area ul>li {padding: 0 20px 7px 20px; font-size: 17px;}
	#footer {height: 100px;}
	#footer .copyright {font-size: 16px; line-height: 20px;}
}
@media all and (max-width:640px){
	.mcon06 .partner_area {width: 100%; margin-bottom: 40px; margin-top: 15px; }
	.mcon06 .partner_area:nth-of-type(1) {margin-top: 30px}
	.mcon06 .partner_area:nth-of-type(2),
	.mcon06 .partner_area:nth-of-type(3) {margin-left: 0}
	.mcon06 .partner_area:nth-of-type(2) {width: 100%}
	.mcon06 .partner_area .img_box {text-align: left; width: 100%; height: auto; line-height: 1; box-sizing: border-box; padding: 16px 30px}
	.mcon06 .partner_area ul {height: auto; padding-top: 20px; padding-bottom: 15px}
	.mcon06 .partner_area ul>li {font-size: 18px;}
	#footer {position: relative; bottom: auto; left: auto; height: 80px}
	#footer .copyright {font-size: 15px; line-height: 20px;}
} */
#footer {position: absolute; bottom: 0; left: 0; right: 0;  height: 150px; background: #101113; box-sizing: border-box}
#footer .w1340:after{display:block;content:"";clear:both;}
#footer .copyright {font-size: 18px; color: white; line-height: 25px; text-align: center}
@media all and (max-width:1300px){
	.mcon06 .partner_area {width: 31%; margin-top: 100px; margin-bottom: 160px; }
	.mcon06 .partner_area:nth-of-type(2),
	.mcon06 .partner_area:nth-of-type(3) {margin-left: 3%}
	.mcon06 .partner_area:nth-of-type(2) {width: 32%}
	#footer {position: relative; bottom: auto; left: auto; height: 80px}
	#footer .copyright {font-size: 15px; line-height: 20px;}
}
@media all and (max-width:1024px){
	.mcon06 .partner_area ul>li {padding: 0 20px 7px 20px; font-size: 17px;}
	#footer {height: 100px;}
	#footer .copyright {font-size: 16px; line-height: 20px;}
}
@media all and (max-width:640px){
	.mcon06 .partner_area {width: 100%; margin-bottom: 40px; margin-top: 15px; }
	.mcon06 .partner_area:nth-of-type(1) {margin-top: 30px}
	.mcon06 .partner_area:nth-of-type(2),
	.mcon06 .partner_area:nth-of-type(3) {margin-left: 0}
	.mcon06 .partner_area:nth-of-type(2) {width: 100%}
	.mcon06 .partner_area .img_box {text-align: left; width: 100%; height: auto; line-height: 1; box-sizing: border-box; padding: 16px 30px}
	.mcon06 .partner_area ul {height: auto; padding-top: 20px; padding-bottom: 15px}
	.mcon06 .partner_area ul>li {font-size: 18px;}
	#footer {position: relative; bottom: auto; left: auto; height: 80px}
	#footer .copyright {font-size: 15px; line-height: 20px;}
}

/* 사업영역 */
#sv {height: 460px; box-sizing: border-box; position: relative;}
#sv.sv01 {
	background: url("../imgs/bg_business_top02.png"), url("../imgs/bg_business_top.jpg");
	background-repeat: no-repeat, no-repeat;
	background-size: 429px 244px, cover;
	background-position: bottom right, center top;
}
#sv > .w1340 p {padding-left: 120px; color:#fff; text-align: left;}
#sv > .w1340 p.tit {font-size: 80px; font-weight: 700; padding-top: 230px; line-height: 1;}
#sv > .w1340 p.sub_con {font-size: 30px; font-weight: 300; padding-top: 50px}

#lnb {position: relative; width: 100%; height: 80px; border-bottom: 1px solid #e5e5e5}
#lnb ul li {float: left; width: 20%; line-height: 80px; box-sizing: border-box; text-align: center}
#lnb ul li a {display: block; border-right: 1px solid #e5e5e5; color: #555; font-size: 24px}
#lnb ul li a br {display: none}
#lnb ul li:first-child a {border-left: 1px solid #e5e5e5}
#lnb ul li:after {content: ''; display: block; clear: both}
#lnb ul li a:hover, #lnb ul li.on a {color: #fff; background: #8dc63f; font-weight: 700; font-family: 'NotoSansKR-Bold';}
p.sec-txt {font-size: 36px; font-weight: 700; font-family: 'NotoSansKR-Bold'; color: #233746; text-align: left; padding: 140px 0 70px;}
@media all and (max-width:1024px){
	#sv {height:350px;}
	#sv.sv01 {background-size: 300px 171px, cover;}
	#sv > .w1340 p {padding-left: 40px;}
	#sv > .w1340 p.tit {font-size: 70px; padding-top: 180px;}
	#sv > .w1340 p.sub_con {font-size: 24px; padding-top: 25px}
	#lnb > .w1340 {width: 100%}
	#lnb {height: 66px;}
	#lnb ul li {line-height: 66px;}
	#lnb ul li a {font-size: 20px}
	p.sec-txt {padding: 90px 0 50px;}
}
@media all and (max-width:640px){
	#sv {height: 250px;}
	#sv.sv01 {
		background: url("../imgs/mb_bg_business_top02.png"), url("../imgs/mb_bg_business_top.jpg");
		background-repeat: no-repeat, no-repeat;
		background-size: 180px 119px, cover;
		background-position: bottom right, center top;
	}
	#sv > .w1340 p {padding-left: 0;}
	#sv > .w1340 p.tit {font-size: 42px; padding-top: 140px;}
	#sv > .w1340 p.sub_con {font-size: 15px; padding-top: 12px}
	#lnb {height: 50px;}
	#lnb ul li {line-height: 1.2; height: 50px}
	#lnb ul li a br {display: block}
	#lnb ul li:nth-of-type(1) a,
	#lnb ul li:nth-of-type(2) a,
	#lnb ul li:nth-of-type(3) a,
	#lnb ul li:nth-of-type(5) a {line-height: 1.3; padding: 5px 0}
	#lnb ul li a {font-size: 16px; padding: 16px 0; word-wrap: break-word}
	p.sec-txt {font-size: 31px; padding: 70px 0 40px;}
}
.business01 {position: relative; box-sizing: border-box; background: url("../imgs/bg_business01.jpg") no-repeat left bottom; width: 100%; height: 555px; margin-bottom: 140px}
.business01_con {position: relative}
.business01_con:after {content: ''; display: block; clear: both}
.business01_con .con_img {margin-top: 30px; float: left; width: 46%; text-align: right; padding-right: 170px; box-sizing: border-box}
.business01_con .con_txt {float: left; position: absolute; right: 0; bottom: 5px; width: 54%; height: 380px; background: #55c3d4; box-sizing: border-box}
.business01_con .con_txt dl {padding: 58px 0 0 60px;}
.business01_con .con_txt dl dt {font-size: 53px; color: #fff; font-weight: 300; line-height: 1.2; margin-bottom: 40px; display: block}
.business01_con .con_txt dl dd {font-size: 24px; color: #fff; margin-bottom: 13px; display: block;}
@media all and (max-width:1300px){
	.business01 {background: url("../imgs/mb_bg_business01.jpg") no-repeat left bottom; background-size: 80% auto; width: 100%; height: 555px; margin-bottom: 100px}
	.business01_con .con_img {padding-right: 70px;}
}
@media all and (max-width:1024px){
	.business01 {background: url("../imgs/mb_bg_business01.jpg") no-repeat left bottom; background-size: 80% auto; width: 100%; height: 453px; margin-bottom: 100px}
	.business01_con .con_img {margin-top: 25px; width: 44%; padding-right: 30px;}
	.business01_con .con_img img {width: 250px; height: auto}
	.business01_con .con_txt {bottom: 2px; width: 56%; height: 350px;}
	.business01_con .con_txt dl {padding: 60px 0 0 30px;}
	.business01_con .con_txt dl dt {font-size: 32px; width: 83%}
	.business01_con .con_txt dl dd {font-size: 19px; margin-bottom: 11px;}
}
@media all and (max-width:640px){
	.business01 {height: 300px; margin-bottom: 80px}
	.business01_con .con_img {width: 43%; margin-top: 15px; padding-right: 20px;}
	.business01_con .con_txt {bottom: -1px; width: 57%; height: 220px;}
	.business01_con .con_img img {width: 165px; height: auto}
	.business01_con .con_txt dl {padding: 30px 0 0 20px;}
	.business01_con .con_txt dl dt {font-size: 23px; margin-bottom: 15px; line-height: 1.3; width: 100%}
	.business01_con .con_txt dl dd {font-size: 17px; margin-bottom: 8px; width: 90%; line-height: 1.3;}
}

.business02 {position: relative; box-sizing: border-box; background: #dddcda; width: 100%;}
.business02:after {content: ''; display: block; clear: both}
.business02 p.sec-txt {padding: 120px 0 50px;}
.business02 .con_img02 {margin-top: 20px; float: left; width: 46%; text-align: right; padding-right: 70px; box-sizing: border-box;}
.business02 .con_txt02 {float: left; position: absolute; right: 0; top: 110px; width: 54%; height: 380px; box-sizing: border-box}
.business02 .con_txt02 dl dt {font-size: 53px; color: #222; font-weight: 300; line-height: 1.2; margin-bottom: 40px; display: block}
.business02 .con_txt02 dl dd {font-size: 24px; color: #222; margin-bottom: 13px; display: block;}
@media all and (max-width:1300px){
	.business02 .con_img02 {padding-right: 30px; }
	.business02 .con_img02 img {width: 100%; height: auto}
	.business02 .con_txt02 {top: 70px;}
}
@media all and (max-width:1024px){
	.business02 p.sec-txt {padding: 100px 0 50px;}
	.business02 .con_img02 {width: 46%;}
	.business02 .con_txt02 {top: 50px; width: 54%;}
	.business02 .con_txt02 dl dt {font-size: 35px; margin-bottom: 30px; }
	.business02 .con_txt02 dl dd {font-size: 19px; margin-bottom: 11px;}
}
@media all and (max-width:640px){
	.business02 {padding-bottom: 70px}
	.business02 p.sec-txt {padding: 70px 0 40px;}
	.business02 .con_img02 {padding-right: 20px; }
	.business02 .con_txt02 dl dt {font-size: 23px; margin-bottom: 15px; line-height: 1.3;}
	.business02 .con_txt02 dl dd {font-size: 17px; margin-bottom: 8px; line-height: 1.3;}
}

.business03 {position: relative; width: 100%; margin-bottom: 140px}
.business03:after {content: ''; display: block; clear: both}
.business03 .bg {position: absolute; top: 25px; left: 0; width: 100%; height: 220px; background: #55c3d4; z-index: -1}
.business03 .con_img03 {padding-left: 35px; float: left; width: 46%; text-align: left; box-sizing: border-box;}
.business03 .con_txt03 {float: left; position: absolute; right: 0; top: 71px; width: 54%; box-sizing: border-box}
.business03 .con_txt03 dl dt {font-size: 53px; color: #fff; font-weight: 300; line-height: 1.2; margin-bottom: 80px; display: block}
.business03 .con_txt03 dl dd {font-size: 24px; color: #222; margin-bottom: 13px; display: block; line-height: 1.3}
@media all and (max-width:1300px){
	.business03 .con_img03 {padding-left: 20px; width: 43%;}
	.business03 .con_txt03 {width: 57%;}
}
@media all and (max-width:1024px){
	.business03 {margin-bottom: 100px}
	.business03 .bg {height: 160px;}
	.business03 .con_img03 {width: 46%;}
	.business03 .con_img03 img {width: 90%; height: auto}
	.business03 .con_txt03 {top: 62px; width: 54%;}
	.business03 .con_txt03 dl dt {font-size: 35px; margin-bottom: 70px;}
	.business03 .con_txt03 dl dd {font-size: 19px;}
}
@media all and (max-width:640px){
	.business03 {margin-bottom: 140px}
	.business03 .bg {top: 15px; height: 120px;}
	.business03 p.sec-txt {padding: 70px 0 30px;}
	.business03 .con_img03 {padding-left: 10px;}
	.business03 .con_txt03 {top: 47px;}
	.business03 .con_txt03 dl dt {font-size: 23px; margin-bottom: 50px; line-height: 1.3;}
	.business03 .con_txt03 dl dd {font-size: 17px; margin-bottom: 8px; line-height: 1.3; width: 95%}
}

.business04 {position: relative; box-sizing: border-box; background: url("../imgs/bg_business04.jpg") no-repeat center top; width: 100%; background-size: cover; padding-top: 60px; padding-bottom: 140px}
.search_area {display: inline-block; float: right; margin-top: -80px}
.search_area:after {content: ''; display: block; clear: both}
.search_area input {width: 210px; height: 56px; border-radius: 3px; font-size: 20px; padding-left: 12px; box-sizing: border-box; margin-right: 5px; -webkit-appearance:none;}
.search_area .btnType1 {margin-left: 15px; width: 130px; height: 56px;}
.business04 .business04_con {width: 1340px; height: 650px; background: #fff; box-shadow: 0 10px 15px rgba(0,0,0,0.15); border-radius: 6px; box-sizing: border-box}
.business04_con .fl {width: 300px; height: 100%; background: #f5f7fb; border-top-left-radius: 6px; border-bottom-left-radius: 6px; box-sizing: border-box}
.business04_con .fr {width: 1040px; height: 100%; box-sizing: border-box; padding: 80px}
.business04_con .fl ul {margin: 130px 30px 0}
.business04_con .fl ul li {display: block; width: 100%; box-sizing: border-box; line-height: 1.2}
.business04_con .fl ul li a {display: block; font-size: 24px; border-bottom: 1px solid #e1e1e1; padding: 20px 25px;}
.business04_con .fl ul li:last-child a {border-bottom: 0}
.business04_con .fl ul li.on a, .business04_con .fl ul li a:hover {background: #55c3d4; border-radius: 3px; color: #fff; border-bottom: 1px solid transparent; font-family: 'NotoSansKR-Bold'; font-weight: 700;}
@media all and (max-width:1300px){
	.business04 .business04_con {width: 100%; height: 600px;}
	.business04_con .fl {width: 23%;}
	.business04_con .fr {width: 77%; padding: 20px}
	.business04_con .fr>div {width: 100%}
	.business04_con .fr>div img {width: 100%}
	.business04_con .fl ul {margin: 110px 20px 0}
	.business04_con .fl ul li a {font-size: 20px; padding: 17px 15px;}
}
@media all and (max-width:1024px){
	.search_area {display: block; float: none; margin-top: -10px; margin-bottom: 15px}
	.search_area input {height: 50px;}
	.search_area .btnType1 {height: 50px;}
	.business04_con .fl {width: 26%;}
	.business04_con .fr {width: 74%; padding: 20px}
}
@media all and (max-width:640px){
	.business04 {padding-top: 40px; padding-bottom: 80px}
	.search_area input {width: 26%; height: 40px; font-size: 18px; padding-left: 7px; }
	.search_area img {width: 24px; height: auto}
	.search_area .btnType1 {width: 80px; height: 40px; font-size: 18px;}
	.business04 .business04_con {width: 100%; height: auto; background: transparent; box-shadow: none; border-radius: 0;}
	.business04_con .fl {float: none; width: 100%; background: transparent;}
	.business04_con .fl:after {content: ''; display: block; clear: both}
	.business04_con .fr {float: none; width: 100%; background: #fff; box-shadow: 0 10px 15px rgba(0,0,0,0.15); border-radius: 6px; box-sizing: border-box; margin-top: 15px;}
	.business04_con .fl ul {margin: 0 0 0;}
	.business04_con .fl ul li {float: left; width: 33%; box-sizing: border-box; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
	.business04_con .fl ul li:nth-of-type(3n-1) {width: 34%}
	.business04_con .fl ul li a {font-size: 18px; background: #fff; text-align: center; border-bottom: 1px solid transparent; padding: 14px 10px 0; height: 50px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.business04_con .fl ul li:nth-of-type(1),
	.business04_con .fl ul li:nth-of-type(2),
	.business04_con .fl ul li:nth-of-type(3) {border-top: 1px solid #e1e1e1;}
	.business04_con .fl ul li:nth-of-type(1),
	.business04_con .fl ul li:nth-of-type(3n+1) {border-left: 1px solid #e1e1e1; }
	.business04_con .fl ul li.on a, .business04_con .fl ul li a:hover {border-radius: 0;}
}

/* 마트전용 솔루션 - 210809 추가 */
.business05 {position: relative; box-sizing: border-box; width: 100%;}
.business05.bg_01 {background: url("../imgs/bg_business05_01.jpg") no-repeat center top; background-size: cover; width: 100%}
.business05.bg_02 {background: url("../imgs/bg_business05_02.jpg") no-repeat center top; background-size: cover; width: 100%}
.business05:after {content: ''; display: block; clear: both}
.business05 .business05_01_con {position: relative; box-sizing: border-box; width: 100%; height: 843px; }
.business05 .fr {width: 650px}
.business05 .fr:after {content: ''; display: block; clear: both}
.business05 .fl {width: 780px; margin-left: 100px}
.business05 .fl:after {content: ''; display: block; clear: both}
.business05 .con_txt05 {margin-top: 108px; width: 100%; height: 263px; box-sizing: border-box}
.business05 .con_txt05:after {content: ''; display: block; clear: both}
.business05 .con_txt05 dl {padding: 42px 0 0;}
.business05 .con_txt05 dl dt {font-size: 56px; color: #fff; font-weight: 300; line-height: 1.2; margin-bottom: 32px; display: block}
.business05 .con_txt05 dl dd {font-size: 24px; color: #fff; line-height: 1.5; display: block;}
.business05 .con_detail {position: relative; width: 560px; margin-top: 45px}
.business05 .con_detail td {font-size: 30px; font-weight: 500; color: #fff; text-align: center; padding-bottom: 40px}
.business05 .con_detail td span {display: block; margin-top: 11px;}
@media all and (max-width:1300px){
	.business05 .fl {margin-left: 40px}
}
@media all and (max-width:1024px){
	.business05.bg_02 {background: url("../imgs/mb_bg_business05_02.jpg") no-repeat left top;  background-size: 100%; }
	.business05 .fr,
	.business05 .fl {width: 560px;}
	.business05 .fl {margin-left: 0}
	.business05 .fl .con_txt05 {margin-top: 103px}
	.business05 .fl .con_txt05 dl {padding: 2px 0 0;}
	.business05 .con_detail {width: 540px;}
}
@media all and (max-width:768px){
	.business05.bg_01 {background: url("../imgs/mb_bg_business05_01.jpg") no-repeat left top;  background-size: 100%; }
	.business05 .business05_01_con {height: 521px}
	.business05 .fr {width: 360px;}
	.business05 .fl {width: 450px; padding-bottom: 50px}
	.business05 .fl .con_txt05 {margin-top: 67px}
	.business05 .con_txt05 {margin-top: 63px; height: 162px}
	.business05 .fl .con_txt05 dl {padding: 22px 0 0;}
	.business05 .con_txt05 dl {padding: 37px 0 0}
	.business05 .con_txt05 dl dt {font-size: 35px; margin-bottom: 24px}
	.business05 .con_txt05 dl dd {font-size: 19px; line-height: 1.5}
	.business05 .fl .con_detail {margin-top: 65px}
	.business05 .con_detail {width: 340px}
	.business05 .con_detail td {font-size: 22px}
	.business05 .con_detail td img {width: 73%; height: auto}
}
@media all and (max-width:640px){
	.business05 .fr,
	.business05 .fl {width: 310px;}
	.business05 .con_txt05 dl {padding: 20px 0 0}
	.business05 .con_txt05 dl dt {font-size: 23px; margin-bottom: 14px}
	.business05 .con_txt05 dl dd {font-size: 17px; line-height: 1.5}
	.business05 .fl .con_detail {margin-top: 25px}
	.business05 .con_detail {width: 100%; margin-top: 5px}
	.business05 .con_detail td {font-size: 18px}
}
@media all and (max-width:600px){
	.business05.bg_01 {background: url("../imgs/mb02_bg_business05_01.jpg") no-repeat left top;  background-size: 100%; }
	.business05.bg_02 {background: url("../imgs/mb02_bg_business05_02.jpg") no-repeat left top;  background-size: 100%; }
	.business05 .fr {margin-bottom: 20px}
	.business05 .fl .con_txt05 {margin-top: 143px}
	.business05 .con_txt05 {margin-top: 78px}
	.business05 .con_txt05 dl {padding: 10px 0 0}
	.business05 .con_detail  {margin-left: -50%; width: 120%; margin-top: 160px}
	.business05 .fl .con_detail {margin-left: 30%; width: 120%; margin-top: 180px}
	.business05 .con_detail td {font-size: 20px; padding-bottom: 30px}
	.business05 .con_detail td img {width: 78% !important; height: auto}
}
@media (min-width:320px) and (max-width:480px){
	.business05 .fr,
	.business05 .fl {width: 54%;}
	.business05 .fl .con_txt05 {margin-top: 106px}
	.business05 .con_txt05 {margin-top: 65px}
	.business05 .con_txt05 dl {padding: 3px 0 0}
	.business05 .con_txt05 dl dt {font-size: 25px; margin-bottom: 7px}
	.business05 .con_txt05 dl dd {font-size: 15px; line-height: 1.4}
	.business05 .fl .con_detail {margin-left: 18%; width: 150%; margin-top: 130px; margin-bottom: -20px}
	.business05 .con_detail {margin-left: -67%; width: 150%; margin-top: 100px; margin-bottom: 20px}
}

/* 광고제휴 - 210416 추가 */
#sv.sv02 {
	background: url("../imgs/bg_business_top02.png"), url("../imgs/bg_ad_top.jpg");
	background-repeat: no-repeat, no-repeat;
	background-size: 429px 244px, cover;
	background-position: bottom right, center top;
}

@media all and (max-width:1024px){
	#sv.sv02 {background-size: 300px 171px, cover;}
}
@media all and (max-width:640px){
	#sv.sv02 {
		background: url("../imgs/mb_bg_business_top02.png"), url("../imgs/mb_bg_ad_top.jpg");
		background-repeat: no-repeat, no-repeat;
		background-size: 180px 119px, cover;
		background-position: bottom right, center top;
	}
}

/* table_type  */
.table_type01 {
	width:100%;
	border-top: 4px solid #344554;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	box-sizing: border-box;
	vertical-align:middle;
	text-align: center;
}
.table_type01 th {
	width: 30%;
	padding: 10px 10px 10px 20px;
	font-size: 20px;
	color: #222;
	border-bottom: 1px solid #ddd;
	background: #f1f1f1;
	text-align: left;
	font-weight: normal;
}
.table_type01 th strong {
	font-weight: normal;
	color: #3eadf4
}
.table_type01 td {
	width: 70%;
	padding: 10px 10px 10px 10px;
	border-bottom:1px solid #ddd;
	text-align:left;
	position: relative;
}
.table_type01 td textarea {
	width: 100%;
	height: 296px;
	border: 1px solid #bbb;
	font-size: 18px;
	resize: none
}
.table_type01 td input {
	width: 470px;
	height: 32px;
	border: 1px solid #bbb;
	font-size: 18px;

}
.table_type01 td input {
	-webkit-border-radis: 0
}
.table_type01 td .guide {
	padding-top: 7px;
	text-align: right;
	font-size: 18px
}
@media all and (max-width:1024px){
	.table_type01 td input {width: calc(100% - 10px)}
}
@media all and (max-width:640px){
	.table_type01 th {padding: 9px 10px 9px 9px !important}
	.table_type01 td {padding: 9px 10px 9px 9px !important}
	.table_type01 td .guide {font-size: 16px}
}


#sub_footer {position: relative; width: 100%; height: 100px; background: #101113; box-sizing: border-box}
#sub_footer .w1340:after{display:block;content:"";clear:both;}
#sub_footer .copyright {font-size: 18px; color: #73787d; line-height: 100px; text-align: center}
@media all and (max-width:1024px){
	#sub_footer {height: 80px;}
	#sub_footer .copyright {font-size: 16px; line-height: 80px;}
}
@media all and (max-width:640px){
	#sub_footer {height: 60px}
	#sub_footer .copyright {font-size: 15px; line-height: 60px;}
}


/* 스크롤 색상 변경 */
::-webkit-scrollbar{width: 7px;}
::-webkit-scrollbar-track {background-color: rgba(255,255,255,0.2);}
::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.6);}
::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,0.7);}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
width:16px;height:16px;background: transparent;}