/* ===================================

Template Name : Noon ui kit
Author: Bootstrapthemes

Author link :bootstrapthemes.co
======================================
/* Banner section */
/*
.main_banner_area {position:relative;background: url(../images/bg_fronbiz_new_w01.gif) center center no-repeat;background-size: cover;min-height: 1024px;overflow-x:auto;}
*/

/*General*/
/*임시로 사용폰트를 이 위치에 삽입합니다*/
/*폰트 위치는 기존 fonts폴더가 아니라 font폴더에 있습니다 */
@font-face {
	font-family: 'nanumsquare';
	font-weight:400;
	src: local('※'),
		url(font/NanumSquareR.eot),
		url(font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
		url(font/NanumSquareR.woff) format('woff'),
		url(font/NanumSquareR.ttf) format('truetype');
}
@font-face {
	font-family: 'nanumsquare';
	font-weight:700;
	src: local('※'),
		url(font/NanumSquareB.eot),
		url(font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
		url(font/NanumSquareB.woff) format('woff'),
		url(font/NanumSquareB.ttf) format('truetype');
}
@font-face {
	font-family: 'nanumsquare';
	font-weight:800;
	src: local('※'),
		url(font/NanumSquareEB.eot),
		url(font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
		url(font/NanumSquareEB.woff) format('woff'),
		url(font/NanumSquareEB.ttf) format('truetype');
}


/* common */
html{font-size:62.5%;}
body{font-family: 'nanumsquare';font-weight:400;}
.footer_logo > .web {display:inline-block;}
.web {display:block;}
.tablet,
.mob {display:none;}
.hidden{left:-9999px;width:0;height:0;overflow:hidden;opacity:0;}
.clearFix:after{content:"";display:block;clear:both;}

.wrapper{position:relative;width:100%;}
#section1, #section2, #section3, #section4{display:block;}
/*
#section1 > div > img, #section2 > div.bg_area > img{display:block;}
*/
.container{display:block;width:1200px;margin:0 auto;}
.tit{padding-bottom:6rem;line-height:1;text-align:center;font-family:'Rajdhani';font-size:6rem;color:#333;}


/* header */
.header{position:fixed;left:0;top:0;width:100%;height:8rem;background:rgba(0, 0, 0, 0.9);z-index:12;}
.header .container{position:relative;width:100%;height:100%;}
.header_logo{float:left;width:40%;}
.header_logo a{display:block;}
.header_logo a img{width:9.8rem;padding-left:3.6rem;padding-top:2.4rem;}
#header_navi{float:left;width:60%;text-align:right;}
#header_navi li{display:inline-block;padding-right:4.8rem;}
#header_navi li a{line-height:8rem;font-family:'Rajdhani';font-size:2rem;color:#fff;font-weight:500;}
#header_navi li a:hover{color:#58b530;}
#header_navi li.active a{color:#58b530;}
.header_menu{padding:10px 0px 10px 10px;position:absolute;top: calc(50% - 20px);right:3.6rem;width:24px;height:20px;}
.header_menu_btn{display:block;width:100%;height:100%;background:url("../images/menu_btn_mobile.png") no-repeat center center;background-size:100% auto;}
.close > .header_menu_btn{background:url("../images/menu_btn_mobile_close.png") no-repeat center center;background-size:100% auto;}
/* section1*/
.section1 {width:100%;height:100%;background:url("../images/banner_bg_pc01.png") no-repeat top center;background-size:cover;min-height:1160px;overflow:hidden;}
.section2 {width:100%;height:100%;background:url("../images/banner_bg_pc02.png") no-repeat top center;background-size:cover;min-height:1480px;}

/* main_banner */
/*
.main_banner_area {position:absolute;bottom:7%;left:50%;-webkit-transform:translateX(-50%); transform: translateX(-50%);width:768px;padding:0 7%;}
*/
.section2 .bg_area {margin:0 auto;padding:100px 0;width:768px;}
.main_banner_area {margin:0 auto;}

.banner_slide_wrap{}
.bannerList {display:block;min-width:260px;width:100%;margin:0 auto;overflow:hidden;}
.bannerList .ban_img {width:100%;}
.bannerList .ban_area {display:block;margin-top:5%;overflow:hidden;}
.bannerList .ban_area .ban_name {float:left;display:block;padding-left:10px;width:44%;padding-left:1%;}
.ban_name dt {display:inline-block;padding: 0 2rem;margin-bottom:2.5rem;border-radius:3.6rem;line-height:3.6rem;font-family:'nanumsquare';font-size:2.2rem;font-weight:700;background:#fff;color:#000;}
.ban_name > dd {padding-left:0.4rem;font-family:'nanumsquare';font-size:16px;color:#fff;}
.bannerList .ban_area .ban_proj {float:left;display:block;width:55%;}
.ban_proj > strong {display:block;margin-bottom:2rem;font-family:'nanumsquare';font-size:3.2rem;color:#fff;line-height:1;}
.ban_proj > ul {display:block;width:100%;}
.ban_proj > ul li {position:relative;padding-left:20px;font-family:'nanumsquare';font-size:2.4rem;color:#fff;line-height:3rem;}
/*
.ban_proj > ul li:before {content:""; position:absolute; left:0.2rem; top:calc(50% - 0.6rem);width:0.6rem;height:0.6rem;border-radius:100%;background:#fff;}
*/
/*
.ban_proj > ul li:before{content:'·';position:absolute;left:0;color:#fff;line-height:30px;}
*/
.ban_proj > ul li:after{content:""; position:absolute;top: 1rem;left:0.2rem;width:0.6rem;height:0.6rem;border-radius:100%;background:#fff;color:#fff;line-height:30px;}

.banner_slide_wrap .swiper-button-next:hover,
.banner_slide_wrap .swiper-button-prev:hover{outline:none;}
.banner_slide_wrap .swiper-button-next,
.banner_slide_wrap .swiper-button-prev{top:40%;width:6rem;height:6rem;background-size:100%;}
.banner_slide_wrap .swiper-button-prev{left:-10rem;background-image:url("../images/btn_prev.png");}
.banner_slide_wrap .swiper-button-next{right:-10rem;background-image:url("../images/btn_next.png");}
.banner_slide_wrap .swiper-pagination.swiper-pagination-bullets{position:relative;bottom:0;margin-top:6rem;font-size:0;}
.banner_slide_wrap .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:1.6rem;height:1.6rem;margin:0 0.5rem;border-radius:1.6rem;background:#fff;opacity:0.1;}
.banner_slide_wrap .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.2rem;opacity:1;}


/* serivce */
.serivce{background:#f4f4f4;}
.serivce .tit{padding-top:15rem;}

.serivce .service_type{width:100%;overflow:hidden;}
.serivce .service_type li{float:left;width:calc((100% - 78px) / 4);margin-right:26px;height:588px;background:#fff;border-radius:10px;}
.serivce .service_type li:last-child{margin-right:0;}
.service_icon{display:block;width:100%;height:39%;background-repeat:no-repeat;background-position:center;background-size:auto 140px;}
.service_icon.ico01{background-image:url("../images/service_icon_01.png");}
.service_icon.ico02{background-image:url("../images/service_icon_02.png");}
.service_icon.ico03{background-image:url("../images/service_icon_03.png");}
.service_icon.ico04{background-image:url("../images/service_icon_04.png");}
.service_range{display:block;padding:0 2rem;height:38%;}
.service_range dt{padding-bottom:0.8rem;margin-bottom:1rem;font-size:1.8rem;font-weight:800;color:#4d4d4d;background-image:url("../images/service_line_bg.png");background-size:auto 2px;background-position:bottom;background-repeat:repeat-x;letter-spacing:-0.2rem;}
.service_range dd{position:relative;padding-left:1rem;font-size:1.6rem;color:#4d4d4d;}
.service_range dd:before{content:"·";position:absolute;left:0;top:0;color:#4d4d4d;}
.service_type .explain{display:block;padding:0 2rem 2rem;font-size:1.6rem;}

.partners_list{width:100%;padding-bottom:13rem;overflow:hidden;}
.partners_list li{float:left;width:calc((100% - 96px)/5);height:12rem;margin-bottom:20px;margin-right:24px;background:#fff;border-radius:8px;line-height:12rem;text-align:center;}
.partners_list li:nth-child(5n){margin-right:0;}
.partners_list li img{vertical-align:middle;}


/* contact */
.contact{width:100%;padding-bottom:28rem;overflow:hidden;background:url("../images/contact_bg_pc.jpg") no-repeat top center;background-size:cover;}
.contact_contents .container {width:1092px;padding:0 54px;}
.contact .tit{padding-bottom:2rem;text-align:left;font-size:5rem;color:#fff;}
.contact .description_wrap{position:relative;width:100%;}
.contact p {font-size:1.8rem;color:#fff;line-height:1.4;}
.contact .link_green {color:#fff;text-decoration: underline;}
.contact .btn_circle{display:block;position:absolute;top:50%;right:0;width:9.2rem;height:9.2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.cont_icon {width:100%;height:100%;border-radius:50%;background-color:#fff;color:#202720;font-size:1.8rem;font-weight:800;overflow:hidden;}
.cont_icon span {margin-top:3.4rem;}
.cont_icon:before{content:'';position:absolute;left:50%;top:50%;width:22px;height:22px;}
.btn-email:before{-webkit-transform:translate(-50%,-110%);transform:translate(-50%,-110%);background:url('../images/icon_cont01.png') no-repeat;}
.btn-send:before{-webkit-transform:translate(-50%,-120%);transform:translate(-50%,-120%);background:url('../images/icon_cont02.png')no-repeat;}

.contact_emil {padding-top:20rem;}
.contact_emil .sub_tit{padding-bottom:1rem;line-height:1.6;font-size:2.4rem;font-weight:700;color:#fff;}

.contact_form{margin-top:8rem;}
.form_wrap{position:relative;margin-top:2.4rem;overflow:hidden;}
.contact_text {float:left;margin-right:20px;width:36%;}
.contact_textarea {float:left;margin-right:20px;width:46%;}
.contact_form input,
.contact_form textarea {display: inline-block; width: 100%; padding:10px 16px;font-family: 'nanumsquare';color: #333; font-weight: normal; font-size: 18px;border: 1px solid #fff;background:#fff;}
.contact_form textarea{height:196px;}
.contact_form input::placeholder,
.contact_form input::-webkit-input-placeholder,
.contact_form textarea::placeholder,
.contact_form textarea::-webkit-input-placeholder
{font-family: 'nanumsquare';color: #333; font-weight: normal; font-size: 18px;}

.contact_map {margin-top:8rem;}
.contact_map .sub_tit{margin-top:3rem;font-size:2rem;color:#fff;}
.contact_map p{font-size:1.6rem;color:rgba(255, 255, 255, 0.5);}
.contact_map p a {color:rgba(255, 255, 255, 0.5);}
#map{width:100%;height:46.2rem;background:#f2f0e8;}/* 지도영역(임시) */


/* footer */
.footer{position:absolute;left:0;bottom:0;width:100%;height:28rem;text-align:center;}
.footer .footer_logo{padding-top:10rem;margin-bottom:1.6rem;}
.footer .copyright{color:rgba(255, 255, 255, 0.5);}

/* responsive test 1 */
/*
section img {display:block;}
*/
.bg_area{width:100%;height:100%;position:relative;}
.bg_img{width:100%;height:auto;}
/* pc 1280~1920px */
@media (min-width:1280px) and (max-width:1920px) {
	section{position:relative;overflow:hidden;}
	.bg_area{width:100%;height:100%;}
	.banner{width:100%;overflow:hidden;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%); transform: translateX(-50%);}
	/*
	.main_banner_area {position:relative;width:100%;height:100%;}
	.banner_slide_wrap{width:767px;}
	*/

}

/* tablet */
@media (min-width:768px) and (max-width:1279px) {
	/* general */
	html{}
	.container{width:92%;}
	.contact_contents .container{width:90%;padding:0;}
	.web.bg_img,
	.mob.bg_img{display:none;}
	.tablet.bg_img{display:block;width:100%;}
	.tablet{display:block;}
	.web{display:none;}
	.footer_logo img.web{display:none;}
	.footer_logo img.tablet{display:inline-block;}

	/* section1*/
	.section1 {background:url("../images/banner_bg_tablet01.png") no-repeat top center;background-size: cover;min-height: auto;}
	.section2 {background:url("../images/banner_bg_tablet02.png") no-repeat top center;background-size: cover;min-height: auto;}

	/* banner */
	.banner{position:relative;}
	.main_banner_area .tit {padding-bottom: 4rem;}
	.main_banner_area{top:7.5%;}
	.banner_slide_wrap{width:100%;max-width:767px;padding:0%;}
	.ban_proj > ul li{line-height:3.4rem;}
	.banner_slide_wrap .swiper-pagination.swiper-pagination-bullets{margin-top:6rem;}
	.ban_name dt {font-size:2.0rem;}
	.ban_name > dd {font-size:13px;}
	.ban_proj > strong {font-size:2.6rem;line-height:1;}
	.ban_proj > ul li {font-size:2.0rem;line-height:3rem;}
	/*
	.ban_proj > ul li:before {top:calc(50% - 0.6rem);}
	*/
	/* service */
	.serivce .tit{padding-top:10rem;}
	.serivce .service_type li{width:calc((100% - 4rem)/2);height:290px;margin:0 40px 40px 0;}
	.serivce .service_type li:nth-child(2){margin-right:0;}
	.service_icon{float:left;width:40%;height:64%;background-size: auto 80px;}
	.service_range{float:left;padding:0;width:60%;height:64%;}
	.service_range dt{padding-top:3rem;width:calc(100% - 26px);}
	.service_range dd{line-height:1.6;}
	.service_type .explain{padding-bottom:3rem;width:calc(100% - 4rem);height:36%;clear:both;font-size:1.8rem;}
	.partners_list li{width:calc((100% - 66px)/4);margin-right:22px;}
	.partners_list li:nth-child(5n){margin-right:22px;}
	.partners_list li:nth-child(4n){margin-right:0;}
	.partners_list li img{max-width:80%;max-height: 58%;}

	/* contact */
	.contact {background:url("../images/contact_bg_tablet.jpg") no-repeat top center;background-size:cover;}
	.contact .tit{text-align:center;}
	.contact p{font-size:2.8rem;}
	.contact .description_wrap{text-align:center;}

	.contact .btn_circle{position:static;top:0;width:360px;height:80px;margin:68px auto 0 auto;transform: none;clear:both;}
	.contact .form_wrap .btn_circle{margin-top:40px;}
	.cont_icon{border-radius: 5px;}
	.cont_icon span{display:none;margin-top:0;margin-left:16px;vertical-align: middle;font-size:30px;}
	.cont_icon span.tablet{display:inline-block;}
	.cont_icon:before{position:static;left:0;top:0;display:inline-block;width:32px;height:22px;transform:none;background-size:contain;vertical-align: middle;}
	.contact_emil{padding-top:10rem;}
	.contact_emil .sub_tit{font-size:3.2rem;}
	.contact_text{float:none;width:640px;margin:20px auto 0 auto;}
	.contact_textarea{float:none;width:640px;margin:20px auto 0 auto;}
	.input-group{margin:0 0 20px 0;}
	.contact_form input,
	.contact_form textarea {padding:10px 16px;font-weight: normal;font-size:28px;}
	.contact_form textarea{height:129px;}
	.contact_form input::placeholder,
	.contact_form input::-webkit-input-placeholder,
	.contact_form textarea::placeholder,
	.contact_form textarea::-webkit-input-placeholder
	{font-size:28px;}
	.contact_map .sub_tit{text-align:center;font-size:2.8rem;}
	.contact_map p{line-height:1.6;text-align:center;font-size:2.4rem;}
	.footer .footer_logo{padding-top:9rem;}
	.footer .footer_logo img{width:16rem;}
	.footer .copyright{font-size:1.8rem;}
}
@media all and (max-width:1000px) {
	.banner_slide_wrap .swiper-pagination.swiper-pagination-bullets{margin-top:6rem;}
}

@media all and (max-width:960px) {
	.banner_navi {display:none;}
	.section2 .bg_area {padding:10rem 5%;width:90%;max-width:700px;}
}
@media all and (max-width:802px) {
	.serivce .service_type li{height:260px;}
	.service_range {height:70%;}
	.service_range dt{font-size: 1.6rem;letter-spacing:-0.1rem;}
	.service_range dd{font-size: 1.4rem;}
	.service_type .explain{margin-top:1rem;font-size: 1.4rem;}
}
@media all and (max-width:780px) {
	.serivce .service_type li{height:270px;}
	.service_range dt{font-size: 1.6rem;letter-spacing:-0.1rem;}
	.service_range dd{font-size: 1.4rem;}
	.service_type .explain{margin-top:1rem;font-size: 1.4rem;}
}
/* mobile */
@media all and (max-width:767px) {
	/* general */
	html{font-size:44%;}
	.web, .tablet{display:none !important;}
	.mob{display:block;}
	.footer_logo > .mob {display:inline-block;}
	.container{width:90%;}
	.contact_contents .container{width:90%;padding:0;}
	.tit{font-size:4.3rem;padding-bottom:2rem;}
	.bg_img{width:100%;}

	/* header */
	.header_menu.mob {display:block;}
	#header_navi{display:none;position:absolute;left:0;top:8rem;float:none;width:100%;padding-bottom:5.8rem;background:rgba(0, 0, 0, 0.9);z-index: 21;}
	#header_navi li{display:block;width:100%;padding:0;}
	#header_navi li a{display:block;width:100%;line-height:8.6rem;text-align:center;font-size:4.2rem;font-weight:bold;}
	nav.open #header_navi{display:block;}
	nav.open .header_menu_btn{width:20px;height:20px;background:url("../images/menu_btn_mobile_close.png") no-repeat top center;background-size:100% auto;}

	/* section1*/
	.section1 {background:url("../images/banner_bg_mobile01.png") no-repeat top center;background-size: cover;height:100%;min-height: auto;}
	.section2 {background:url("../images/banner_bg_mobile02.png") no-repeat top center;background-size: cover;min-height: auto;}

	/* banner */
	.banner{position:relative;}
	/*
	.main_banner_area{width:calc(90% - 40px);max-width:598px;top:7.5%;}
	*/
	.section2 .bg_area {margin: 0 auto;padding:6rem 5%;width:calc(100% - 10%);}
	.main_banner_area{width:100%;max-width:598px;margin:0 auto;}
	.banner_slide_wrap{bottom:5%;width: 100%;}
	
	.bannerList{min-width:100%;}
	.bannerList .ban_area .ban_name{width:100%;margin-bottom:5%;}
	.bannerList .ban_area .ban_proj{width:100%;}
	.ban_proj > ul li{line-height:3.4rem;}
	.banner_navi{display:none;}
	.banner_slide_wrap .swiper-pagination.swiper-pagination-bullets{margin-top:6rem;}
	.ban_name dt {font-size:1.8rem;}
	.ban_name > dd {font-size:12px;}
	.ban_proj > strong {font-size:2.2rem;line-height:1;}
	.ban_proj > ul li {font-size:1.8rem;line-height:2.6rem;}
	.ban_proj > ul li:before {top:calc(50% - 0.6rem);}


	/* service */
	.serivce .tit{padding-top:6rem;}
	.serivce .service_type li{float:none;width:100%;height:28rem;margin:0 0 18px 0;}
	.service_icon{float:left;width:40%;height:64%;background-size: auto 80px;}
	.service_range{float:left;padding:0;width:60%;height:64%;}
	.service_range dt{padding-top:2.2rem;width:calc(100% - 26px);}
	.service_range dd{line-height:1.6;}
	.service_type .explain{width:calc(100% - 4rem);clear:both;font-size:1.4rem;}

	.partners_list li{width:calc((100% - 20px)/2);margin-right:20px;}
	.partners_list li:nth-child(5n){margin-right:20px;}
	.partners_list li:nth-child(2n){margin-right:0;}
	.partners_list li img{max-width:80%;max-height: 58%;}


	/* contact */
	.contact {width:100%;padding-bottom:20.4rem;background:url("../images/contact_bg_mobile.jpg") no-repeat top center;background-size:cover;}
	.contact .btn_circle{position:static;top:0;width:180px;height:40px;margin-top:20px;transform: none;clear:both;}
	.cont_icon{border-radius: 5px;}
	.cont_icon span{display:inline-block;margin-top:0;margin-left:6px;vertical-align: middle;font-size:15px;}
	.cont_icon:before{position:static;left:0;top:0;display:inline-block;width:16px;height:14px;transform:none;background-size:contain;vertical-align: middle;}
	.contact_emil{padding-top:7rem;}
	.contact_emil .sub_tit{line-height:1.5;}
	.contact_text{float:none;width:100%;margin-right:0;}
	.contact_textarea{float:none;width:100%;margin-right:0;margin-top:10px;}
	.input-group{margin:0 0 10px 0;}
	.contact_form input,
	.contact_form textarea {padding:6px 8px;font-weight: normal; font-size: 14px;}
	.contact_form textarea{height:129px;}
	.contact_form input::placeholder,
	.contact_form input::-webkit-input-placeholder,
	.contact_form textarea::placeholder,
	.contact_form textarea::-webkit-input-placeholder
	{font-size: 14px;}
	#map{height: 33rem;}
	.contact_map .sub_tit{text-align:center;}
	.contact_map p{line-height:1.6;text-align:center;font-size:1.7rem;}
	.footer{height:20.4rem;}
	.footer .footer_logo{padding-top:7rem;}
	.footer .footer_logo img{width:80px;}
	.footer_logo img.web{display:none;}
	.footer_logo img.tablet{display:none;}
	.footer_logo img.mob{display:inline-block;}

	.footer .copyright{font-size:9px;}
	/* 420px ~ 767px */
	@media (min-width:470px) and (max-width:767px){
		html{font-size:62.5%;}
	}
	/* 320px 이하 */
	@media all and (max-width:320px){
		html{font-size:38%;}
	}
}


@media all and (max-width:468px) {
	.serivce .service_type li{height:30rem;margin:0 0 18px 0;}
	.service_icon{float:left;width:40%;height:64%;background-size: auto 68px;}
	.service_range{float:left;padding:0;width:60%;height:64%;}
	.service_range dt{padding-top:3.2rem;width:calc(100% - 26px);}
	.service_range dd{line-height:1.6;}
	.service_type .explain{width:calc(100% - 4rem);clear:both;font-size:1.8rem;}
}

@media all and (max-width:425px) {
	.serivce .service_type li{display:block;height:26rem;}
}
/* mobile */