@charset "utf-8";




@font-face {
    font-family:'NanumSquareR';
    src: url('/font/NanumSquareR.eot');
    src: url('/font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
         url('/font/NanumSquareR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'NanumGothic-Bold';
  font-style: normal;
  font-weight: 700;
  src: url('/font/NanumGothic-Bold.eot');
  src: url('/font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('/font/NanumGothic-Bold.woff2') format('woff2'),
       url('/font/NanumGothic-Bold.woff') format('woff'),
       url('/font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumGothic-ExtraBold'; 
  font-style: normal;  
  font-weight: 800;
  src: url('/font/NanumGothic-ExtraBold.eot');
  src: url('/font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('/font/NanumGothic-ExtraBold.woff2') format('woff2'),
       url('/font/NanumGothic-ExtraBold.woff') format('woff'),
       url('/font/NanumGothic-ExtraBold.ttf') format('truetype');
}
 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap');

html, body {width:100%}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, acronym, address, code,del, dfn, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr {margin:0;padding:0;font-size:100%;
box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box}

body {height:100%;font-family: 'Noto Sans KR', sans-serif;font-size:16px;color:#222;letter-spacing:-0.03em}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}

table {width:100%; border-collapse:collapse;border-spacing:0}
form, fieldset, iframe {display:block;border:0}
img, button {border:0 none;vertical-align:top}
hr {height:0; display:none}
i, em, address{font-style:normal}
label, button{cursor:pointer}
blockquote, q {quotes:none}

caption span, legend {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;text-indent:-100%;white-space:nowrap;z-index:-1}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select, button {font-family: 'Noto Sans KR', sans-serif;font-size:16px;color:#222;letter-spacing:-0.03em;vertical-align:middle;
box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box}

input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='number'],input[type='tel'],input[type='date'],input[type='email'],input[type='phone'] {-webkit-appearance:none;box-shadow:0;border-radius:0}
input, textarea {margin:0;padding:0}
textarea {resize:none;-webkit-appearance:none;box-shadow:0;border-radius:0}

a {color:#222;text-decoration:none}
a:link, a:visited {text-decoration:none}
a:hover {text-decoration:none}






#skipcontent {display:block;position:absolute;top:0;left:0;width:100%;height:0}
#skipcontent li {display:block;height:0}
#skipcontent a {position:absolute;top:-100px;left:0;width:100%;text-align:center;color:#fff;z-index:10000}
#skipcontent a:focus, 
#skipcontent a:active {position:absolute;top:0;left:0;height:30px;line-height:28px;text-decoration:none;background-color:#000}
#skipcontent a:focus, 
#skipcontent a:active {position:absolute;top:0;left:0;height:30px;line-height:28px;text-decoration:none;background-color:#000}


.blind {display:none;overflow:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999em;visibility:hidden;outline:none;z-index:-1}
.ellipsis {display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}

.clear:after {content:'';display:block;clear:both}
.tal {text-align:left !important}
.tar {text-align:right !important}
.tac {text-align:center !important}
.bg_gray {background:#fafafa}
.bg_dimm {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.6;filter:alpha(opacity=60);z-index:1000}
.overlay {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.6);z-index:100}
.nextview {display:none;}
.ff_roboto {font-family:'Roboto';}
.fc_red {color:#d30000}
.fw_bold {font-weight:bold;}




#wrapper {position:relative;
-webkit-backface-visibility:hidden;
backface-visibility:hidden}
#wrap {position:relative;overflow:hidden }
#header {position:absolute;top:84px;left:0%;width:100%;text-align:center;z-index:100}
#header .logo {position:absolute;top:-20px;left:50%;width:72px;height:65px;margin-left:-50px;}
#header .gnb {width:100%;height:85px;}
#header .gnb li {display:inline-block;padding:25px 50px;text-align:center;}
#header .gnb li a {font-family:'NanumGothic-Bold';font-size:18px;color:#fff;font-weight:300;}
#header .gnb .top_menu1 {padding-right:115px}
#header .gnb .kakao {padding-right:50px;border:1px solid #fff;margin-top:5px}
#header .gnb .lo {position:absolute;top:-20px;margin-left:-70px;}
#header .gnb .curri {padding-left:115px}



.swipe {position:relative;visibility:hidden;overflow:hidden;margin:0 auto;-webkit-perspective:1000;perspective:1000;}
.swipe-wrap {overflow:hidden;position:relative;-webkit-backface-visibility:hidden}
.swipe-wrap > .slide {position:relative;float:left;width:100%}
.main_business_section_banner {position:relative;width:100%;height:920px;margin:0 auto;}
.main_business_section_banner .slide {width:100%;height:920px;}
.main_business_section_banner .slide a {display:block;height:100%;}
.main_business_section_banner .slide a:hover {text-decoration:none;}


.main_business_section_banner .mimg {display:none;}

.main_control {position:absolute;width:1200px;height:2px;padding:0 16%;bottom:10.87%;left:50%;margin-left:-600px;z-index:100}
.main_control .paging_count {position:absolute;top:-8px;left:0;font-family:'Roboto';font-size:18px;font-weight:bold;color:#fff}

.slide_prev {position:absolute;top:-20px;right:50px;display:inline-block;width:40px;height:40px;border:2px solid #fff;background: url(../images/slide_prev.png) no-repeat center center;opacity:0.7;
-webkit-transition:.5s;
transition:.5s}
.slide_prev:hover {opacity:1}
.slide_next {position:absolute;top:-20px;right:0px;display:inline-block;width:40px;height:40px;border:2px solid #fff;background: url(../images/slide_next.png) no-repeat center center;opacity:0.7;
-webkit-transition:.5s;
transition:.5s}



.slide_next:hover {opacity:1}
.paging_bar {position:relative;width:100%;height:2px;}
.paging_bar .totalBar {position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;opacity:0.5}
.paging_bar .currentBar {position:absolute;top:0;left:0;width:25%;height:100%;background:#fff;
-webkit-transition:.5s;
transition:.5s

}

.main_business_section_banner .main_title_box {position:absolute;top:352px;left:50%;width:1200px;margin-left:-600px;text-align:center;}
.main_business_section_banner .main_title_box .subject_title {font-size:58px;color:#fff}
.main_business_section_banner .main_title_box .desc {margin-top:30px;line-height:38px;font-size:24px;font-weight:100;color:#fff;}
.main_business_section_banner .main_title_box .msubject_title {font-size:42px;color:#fff;}
.main_business_section_banner .main_title_box .msubject_title + .subject_title {margin-top:20px;}
.main_business_section_banner .main_title_box .free_order_link {display:inline-block;margin:55px auto 0;width:204px;height:60px}
.main_business_section_banner .main_title_box .free_order_link a {display:block;width:100%;height:60px;line-height:60px;text-align:center;font-size:18px;color:#fff;background:#179db3;}



.call_about {padding:60px 0}
.call_about .inner {position:relative;width:1200px;min-height:720px;margin:0 auto;background: url(../images/bg_about.jpg) no-repeat right 100px;}
.call_about .main_title_box {position:absolute;top:120px;left:0;width:37%;text-align:left}
.call_about .main_title_box .subject_title {font-family:'Roboto';font-size:74px;font-weight:bold;line-height:90px;color:#222}
.call_about .main_title_box .tit {margin-top:50px;font-weight:bold;}
.call_about .main_title_box .desc {margin-top:20px;line-height:30px;color:#666}
.call_about .main_title_box .desc span {display:block;}
.call_about .imgbox {display:none;}

.businesscont {padding:80px 0;background:#f4f4f4;}
.businesscont .inner {position:relative;width:100%;margin:0 auto;}
.businesscont h2.subject_title {font-family:'Roboto';font-size:73px;text-align:center;}

.businesscont .business_count_mok {overflow:hidden;margin-top:45px;text-align:center;}
.businesscont .business_count_mok ul {margin-left:-24px;}

.businesscont .business_count_mok li {display:inline-block;width:23%;margin-left:18px;vertical-align: top;text-align:center;border:2px solid #d3d4d4}

.businesscont .business_count_mok li.up_ch {margin-top:24px;}

.businesscont .business_count_mok .box {vertical-align:top;padding:80px 40px;background:#fff;}
.businesscont .business_count_mok .num {font-family:'Roboto';font-size:18px;}
.businesscont .business_count_mok .subject_title {margin-top:10px;font-size:20px;font-weight:bold;}
.businesscont .business_count_mok .desc {margin-top:15px;font-size:16px;color:#666;line-height:30px;}
.businesscont .business_count_mok .business_link {margin-top:40px;}
.businesscont .business_count_mok .free_order_link {display:inline-block;margin-left:4px;width:124px;height:36px;line-height:36px;text-align:center;font-size:14px;font-weight:bold;color:#fff;background:red;vertical-align:middle;}
.businesscont .business_count_mok .business_link_kakaotok {display:inline-block;width:90px;height:36px;line-height:34px;border:2px solid #000;font-size:14px;font-weight:bold;text-align:center;vertical-align:middle;}
.businesscont .business_count_mok .business_link_kakaotok.ing {color:#000000;border-color:#efc607;}


.businesscont .business_count_mok2 {overflow:hidden;margin-top:45px;text-align:center;}
.businesscont .business_count_mok2 ul {margin-left:-24px;}

.businesscont .business_count_mok2 li {display:inline-block;width:23%;margin-left:18px;vertical-align: top;text-align:center;border:2px solid #d3d4d4}

.businesscont .business_count_mok2 li.up_ch {margin-top:24px;}

.businesscont .business_count_mok2 .box {vertical-align:top;padding:80px 40px;background:#fff;}
.businesscont .business_count_mok2 .num {font-family:'Roboto';font-size:18px;}
.businesscont .business_count_mok2 .subject_title {margin-top:10px;font-size:20px;font-weight:bold;}
.businesscont .business_count_mok2 .desc {margin-top:15px;font-size:16px;color:#666;line-height:30px;}
.businesscont .business_count_mok2 .business_link {margin-top:40px;}
.businesscont .business_count_mok2 .free_order_link {display:inline-block;margin-left:4px;width:124px;height:36px;line-height:36px;text-align:center;font-size:14px;font-weight:bold;color:#fff;background:red;vertical-align:middle;}
.businesscont .business_count_mok2 .business_link_kakaotok {display:inline-block;width:90px;height:36px;line-height:34px;border:2px solid #000;font-size:14px;font-weight:bold;text-align:center;vertical-align:middle;}
.businesscont .business_count_mok2 .business_link_kakaotok.ing {color:#000000;border-color:#efc607;}



.foot_co {min-height:800px;background:#232629 url(../images/bttom_bg.jpg) no-repeat center top;}
.foot_co .inner {position:relative;width:1200px;margin:0 auto;}
.foot_co .customerbox {position:absolute;top:10px;right:0;width:1200px;height:300px;padding:5px 30px 5px;background:none;color:#fff}
.foot_co .customerbox h2.subject_title {font-size:31px;padding-bottom:20px;border-bottom:2px solid #fff;text-align:center;}
.foot_co .customerbox li {position:relative;padding:20px 0 20px 107px;border-bottom:2px solid #d3d4d4}
.foot_co .customerbox li .tit {position:absolute;top:20px;left:0; font-family: 'NanumGothic-Bold';font-weight:bold;color:#fff}
.foot_co .customerbox li .box p {line-height:15px;}

.foot_co .customerbox .number {display:inline-block;vertical-align:middle; font-family: 'NanumGothic-Bold';font-weight:300;}
.foot_co .customerbox .btnview {display:block;margin-top:34px;font-weight:bold;}
.foot_co .customerbox .btnview span {padding-right:23px;background: url(images/ico_arr_r.png) no-repeat right center;-webkit-background-size:8px auto;
background-size:8px auto;}
.foot_co .customerbox .line span {position:relative;display:inline-block;vertical-align:middle;margin-left:14px;padding-left:14px}
.foot_co .customerbox .line span:after {content:'';display:block;position:absolute;top:4px;left:-1px;width:2px;height:14px;background:#c8c8c8}
.foot_co .customerbox .line span:first-child {margin-left:0;padding:0;}
.foot_co .customerbox .line span:first-child:after {display:none;}
.foot_co .customerbox .line span:first-child:after {display:none;}
.foot_co .customerbox li:last-child {padding-bottom:0;border-bottom:none;}
.foot_co .imgbox {display:none;}



#footer {background:#fff}
#footer .inner {max-width:1200px;margin:0 auto;padding:65px 0 105px;text-align:center;}
#footer .copy {margin-top:45px;font-family:'Roboto';font-weight:300;color:#666}
#footer .company_info {margin-top:6px}
#footer .company_info div + div {margin-top:8px;}
#footer .company_info span {position:relative;display:inline-block;margin-left:20px;vertical-align:middle;font-size:16px;color:#666}
#footer .company_info span:after {content:'';display:block;position:absolute;top:50%;left:-10px;width:1px;height:14px;margin-top:-7px;background:#c8c8c8}
#footer .company_info span:first-child:after {display:none}


.mobile_menu{display:none;}


.left_co{width:45%;display:inline-block;margin-left:32px;}
.right_co{width:48%;display:inline-block;margin-left:28px;float:right;vertical-align:top;}
.left_co_right_co{width:1150px;margin-left:32px;}
.banner-form-agileinfo{width:1150px;margin:0 auto;padding-top:30px;}
.banner-form-agileinfo h5{font-size:1.1rem;color:#fff;padding-bottom:20px;}
.banner-form-agileinfo input[type="text"], .banner-form-agileinfo input[type="tel"], .banner-form-agileinfo textarea,.banner-form-agileinfo .form-control {
    border: none;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    padding: 10px 15px;
    margin-bottom: 15px;
    outline: none;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 1px;
	border-radius:10px;
	border:0px solid #fff;
}


.banner-form-agileinfo input[type="submit"] {
    width: 100%;
    margin-top: 0px;
    padding: 12px 0px;
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    background: #e01f3d;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}
.banner-form-agileinfo input[type="submit"]:hover {
    background: #23B684;
}


.form-control {
    height: 38px;
    border-radius: 0px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
::-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
::-moz-placeholder { /* Firefox 18- */
  color: #fff;
}


@media screen and (max-width: 1300px) and (min-width:1199px) {

    .businesscont .business_count_mok .desc {margin-top:15px;font-size:14px;color:#666;line-height:30px;letter-spacing:-1px;}

	.businesscont .business_count_mok .free_order_link {display:inline-block;margin-left:4px;width:100px;height:36px;line-height:36px;text-align:center;font-size:14px;font-weight:bold;color:#fff;background:#222;vertical-align:middle;}

    .banner-form-agileinfo{width:100%;margin:0 auto;padding:30px 0 30px 0px;} 

}


@media screen and (max-width: 1200px) {
	
	.call_about .inner {max-width:1024px}
	.foot_co .inner {max-width:1024px}
	.businesscont .inner {max-width:1024px;}
	
	.businesscont .business_count_mok ul{}
	.businesscont .business_count_mok li {vertical-align: top;width:330px;margin-left:20px;border:2px solid red}
	
	.businesscont .business_count_mok .box {padding-left:30px;padding-right:30px;}
	.businesscont .business_count_mok .free_order_link {display:inline-block;margin-left:4px;width:100px;height:36px;line-height:36px;text-align:center;font-size:14px;font-weight:bold;color:#fff;background:#222;vertical-align:middle;}

	.businesscont .business_count_mok .business_link {margin-top:30px;}
 	
 	.businesscont .business_count_mok2 ul{}
	.businesscont .business_count_mok2 li {vertical-align: top;width:330px;margin-left:20px;border:2px solid black}
	
	.businesscont .business_count_mok2 .box {padding-left:30px;padding-right:30px;}
	.businesscont .business_count_mok2 .free_order_link {display:inline-block;margin-left:4px;width:100px;height:36px;line-height:36px;text-align:center;font-size:14px;font-weight:bold;color:#fff;background:#222;vertical-align:middle;}

	.businesscont .business_count_mok2 .business_link {margin-top:30px;}
 	
 	
 	
 	
	.main_control {width:1024px;margin-left:-512px;}
	
	.businesscont .business_count_mok li.up_ch {margin-top:0px;}
	
	.left_co{width:45%;display:inline-block;margin-left:0px;}
    .right_co{width:48%;display:inline-block;margin-left:28px;float:right;vertical-align:top;}
    .left_co_right_co{width:100%;margin-left:0px;padding-bottom:20px;}
	
	
}


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

 
	body, html {min-width:1px; width:100%}
	.pctxt {display:none}
	.mbtxt {display:block}

	#header {display:none;}
	.mobile_menu{display:block;}
	
	.left_co{width:45%;display:inline-block;margin-left:20px;}
    .right_co{width:48%;display:inline-block;margin-left:17px;float:right;vertical-align:top;}
    .left_co_right_co{width:100%;margin-left:0px;padding-top:20px;padding-bottom:20px;}
	

	.main_business_section_banner {max-width:100%;height:auto;}
	.main_business_section_banner .slide {width:100%;height:auto;background:none !important;}
	.main_business_section_banner .mimg {display:block}
	.main_business_section_banner .mimg img {width:100%;max-width:100%}
	
	.main_business_section_banner .slide:nth-child(1) .main_title_box {top:40%;}
	.main_business_section_banner .slide:nth-child(2) .main_title_box {top:26%;}
	.main_business_section_banner .slide:nth-child(3) .main_title_box {top:32%;}
	
	.main_business_section_banner .main_title_box {top:34%;left:0;width:100%;margin-left:0;}
	.main_business_section_banner .main_title_box .subject_title {font-size:32px;}
	.main_business_section_banner .main_title_box .subject_title em {display:block;line-height:1.4;}
	.main_business_section_banner .main_title_box .desc {line-height:22px;font-size:15px;}
	.main_business_section_banner .main_title_box .msubject_title {font-size:22px}
	.main_business_section_banner .main_title_box .free_order_link {margin-top:27px;width:122px;height:40px;line-height:40px;}
	.main_business_section_banner .main_title_box .free_order_link a {height:40px;line-height:40px;font-size:14px;}
	.main_control {width:94%;height:2px;bottom:10%;left:3%;margin-left:0}
	.main_control .paging_count {font-size:14px;}
	.paging_bar {width:92%;}
	.slide_prev,
	.slide_next {top:-10px;}
	.slide_prev {width:25px;height:25px;right:30px;border-width:1px;-webkit-background-size:8px auto;background-size:8px auto;}
	.slide_next {width:25px;height:25px;border-width:1px;-webkit-background-size:8px auto;background-size:8px auto;}

	.call_about {padding:0;}
	.call_about .inner {width:100%;padding:30px 20px 50px;min-height:auto;background:none;}
	.call_about .main_title_box {position:relative;top:inherit;width:100%;}
	.call_about .main_title_box .subject_title {font-size:35px;line-height:1.3}
	.call_about .main_title_box .tit {margin-top:14px;font-size:13px;}
	.call_about .main_title_box .desc {margin-top:14px;font-size:13px;line-height:1.6}
	.call_about .main_title_box .desc span {display:inline;}
	.call_about .imgbox {display:block;margin-top:25px;}
	.call_about .imgbox img {width:100%;max-width:100%}

	
	.businesscont {padding:35px 0 40px}
	.businesscont .inner {width:100%;}
	.businesscont h2.subject_title {font-size:37px;}
	
	
	.businesscont .business_count_mok {}
	.businesscont .business_count_mok {position:relative;height:285px;margin-top:25px;background:none;z-index:100}
	.businesscont .business_count_mok ul {position:relative;overflow:hidden;overflow-x:auto;width:100%;white-space:nowrap;height:285px;margin-left:0;padding:0 14px 0 7px;-webkit-overflow-scrolling: touch;}
	.businesscont .business_count_mok ul li {position:relative;display:inline-block;float:none;width:252px;height:235px;margin-left:20px;}
	.businesscont .business_count_mok .box {padding:30px 30px 30px 25px;height:auto}
	.businesscont .business_count_mok .num {font-size:13px;}
	.businesscont .business_count_mok .subject_title {font-size:17px;}
	.businesscont .business_count_mok .desc {line-height:1.5;font-size:12px;white-space:pre-wrap;}
	.businesscont .business_count_mok .desc span {display:block}
	.businesscont .business_count_mok .business_link {margin-top:23px;}
	.businesscont .business_count_mok .free_order_link {width:118px;height:29px;line-height:29px;font-size:11px;}
	.businesscont .business_count_mok .business_link_kakaotok {width:73px;height:29px;line-height:26px;font-size:11px;}

	.businesscont .business_count_mok2 {}
	.businesscont .business_count_mok2 {position:relative;height:285px;margin-top:25px;background:none;z-index:100}
	.businesscont .business_count_mok2 ul {position:relative;overflow:hidden;overflow-x:auto;width:100%;white-space:nowrap;height:285px;margin-left:0;padding:0 14px 0 7px;-webkit-overflow-scrolling: touch;}
	.businesscont .business_count_mok2 ul li {position:relative;display:inline-block;float:none;width:252px;height:235px;margin-left:20px;}
	.businesscont .business_count_mok2 .box {padding:30px 30px 30px 25px;height:auto}
	.businesscont .business_count_mok2 .num {font-size:13px;}
	.businesscont .business_count_mok2 .subject_title {font-size:17px;}
	.businesscont .business_count_mok2 .desc {line-height:1.5;font-size:12px;white-space:pre-wrap;}
	.businesscont .business_count_mok2 .desc span {display:block}
	.businesscont .business_count_mok2 .business_link {margin-top:23px;}
	.businesscont .business_count_mok2 .free_order_link {width:118px;height:29px;line-height:29px;font-size:11px;}
	.businesscont .business_count_mok2 .business_link_kakaotok {width:73px;height:29px;line-height:26px;font-size:11px;}
     .businesscont .business_count_mok2 ul li.up_ch {margin-top:0px;}


	.foot_co {min-height:auto;padding:0 20px 70px;background:none;background-color:#4da2e4;}
	.foot_co .inner {width:100%;}
	.foot_co .imgbox {display:block;margin:0 -20px;}
	.foot_co .imgbox img {width:100%;max-width:100%}
	.foot_co .customerbox {position:relative;top:30px;width:100%;height:auto;padding:22px 20px 25px}
	.foot_co .customerbox h2.subject_title {padding-bottom:15px;font-size:25px;}
	.foot_co .customerbox li {padding:20px 0}
	.foot_co .customerbox li .tit {position:relative;top:0;font-size:16px;}
	.foot_co .customerbox li .box {margin-top:12px;font-size:15px;}

	.foot_co .customerbox .btnview {margin-top:20px;}
	.foot_co .customerbox .btnview span {padding-right:17px;-webkit-background-size:6px auto;background-size:6px auto;}
	.foot_co .customerbox .line span {padding-left:10px;margin-left:10px;}
	.foot_co .customerbox .line span:after {height:9px}
	.foot_co .customerbox .line span:after {width:1px}
	
	
	#footer .inner {width:100%;padding:35px 0}
	#footer .company_info {margin-top:0;text-align:center;}
	#footer .company_info span {display:block;margin-left:0;line-height:20px;font-size:13px;}
	#footer .company_info .fir {position:relative;display:inline-block;margin-left:0;line-height:20px;font-size:11px;}
	#footer .company_info .name {position:relative;display:inline-block;margin-left:20px;line-height:20px;font-size:11px;}
	#footer .copy {margin-top:15px;font-size:11px;font-weight:500}
	
	
	.banner-form-agileinfo{width:100%;margin:0 auto;padding:30px 0 30px 0px;} 
	.banner-form-agileinfo input[type="text"], .banner-form-agileinfo input[type="tel"], .banner-form-agileinfo textarea,.banner-form-agileinfo .form-control {
    border: none;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 15px;
    margin-bottom: 15px;
    outline: none;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
	border-radius:10px;
	border:0px solid #fff;
    }
	 
	 
	 
	 
}




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

 
	body, html {min-width:1px; width:100%}
	.pctxt {display:none}
	.mbtxt {display:block}

	#header {display:none;}
	.mobile_menu{display:block;}
	
	
	.left_co{width:100%;display:inline-block;margin-left:0px;}
    .right_co{width:100%;display:inline-block;margin-left:0px;}
    .left_co_right_co{width:100%;margin-left:0px;padding-bottom:20px;}
	

	.main_business_section_banner {max-width:100%;height:auto;}
	.main_business_section_banner .slide {width:100%;height:auto;background:none !important;}
	.main_business_section_banner .mimg {display:block}
	.main_business_section_banner .mimg img {width:100%;max-width:100%}
	
	.main_business_section_banner .slide:nth-child(1) .main_title_box {top:40%;}
	.main_business_section_banner .slide:nth-child(2) .main_title_box {top:26%;}
	.main_business_section_banner .slide:nth-child(3) .main_title_box {top:32%;}
	
	.main_business_section_banner .main_title_box {top:21%;left:0;width:100%;margin-left:0;}
	.main_business_section_banner .main_title_box .subject_title {font-size:20px;}
	.main_business_section_banner .main_title_box .subject_title em {display:block;line-height:1.0;}
	.main_business_section_banner .main_title_box .desc {line-height:12px;font-size:12px;}
	.main_business_section_banner .main_title_box .msubject_title {font-size:22px}
	.main_business_section_banner .main_title_box .free_order_link {margin-top:17px;width:122px;height:30px;line-height:30px;}
	.main_business_section_banner .main_title_box .free_order_link a {height:40px;line-height:30px;font-size:13px;}
	.main_control {width:94%;height:2px;bottom:10%;left:3%;margin-left:0}
	.main_control .paging_count {font-size:14px;}
	.paging_bar {width:92%;}
	.slide_prev,
	.slide_next {top:-10px;}
	.slide_prev {width:25px;height:25px;right:30px;border-width:1px;-webkit-background-size:8px auto;background-size:8px auto;}
	.slide_next {width:25px;height:25px;border-width:1px;-webkit-background-size:8px auto;background-size:8px auto;}

	.call_about {padding:0;}
	.call_about .inner {width:100%;padding:30px 20px 50px;min-height:auto;background:none;}
	.call_about .main_title_box {position:relative;top:inherit;width:100%;}
	.call_about .main_title_box .subject_title {font-size:35px;line-height:1.3}
	.call_about .main_title_box .tit {margin-top:14px;font-size:13px;}
	.call_about .main_title_box .desc {margin-top:14px;font-size:13px;line-height:1.6}
	.call_about .main_title_box .desc span {display:inline;}
	.call_about .imgbox {display:block;margin-top:25px;}
	.call_about .imgbox img {width:100%;max-width:100%}

	
	.businesscont {padding:35px 0 40px}
	.businesscont .inner {width:100%;}
	.businesscont h2.subject_title {font-size:37px;}
	.businesscont .business_count_mok {}
	.businesscont .business_count_mok {position:relative;height:285px;margin-top:25px;background:none;z-index:100}
	.businesscont .business_count_mok ul {position:relative;overflow:hidden;overflow-x:auto;width:100%;white-space:nowrap;height:285px;margin-left:0;padding:0 14px 0 7px;-webkit-overflow-scrolling: touch;}
	.businesscont .business_count_mok ul li {position:relative;display:inline-block;float:none;width:252px;height:235px;margin-left:20px;}
	.businesscont .business_count_mok .box {padding:30px 30px 30px 25px;height:auto}
	.businesscont .business_count_mok .num {font-size:13px;}
	.businesscont .business_count_mok .subject_title {font-size:17px;}
	.businesscont .business_count_mok .desc {line-height:1.5;font-size:12px;white-space:pre-wrap;}
	.businesscont .business_count_mok .desc span {display:block}
	.businesscont .business_count_mok .business_link {margin-top:23px;}
	.businesscont .business_count_mok .free_order_link {width:118px;height:29px;line-height:29px;font-size:11px;}
	.businesscont .business_count_mok .business_link_kakaotok {width:73px;height:29px;line-height:26px;font-size:11px;}
	
	
	.businesscont .business_count_mok2 {}
	.businesscont .business_count_mok2 {position:relative;height:285px;margin-top:25px;background:none;z-index:100}
	.businesscont .business_count_mok2 ul {position:relative;overflow:hidden;overflow-x:auto;width:100%;white-space:nowrap;height:285px;vertical-align:top;margin-left:0;padding:0 14px 0 7px;-webkit-overflow-scrolling: touch;}
	.businesscont .business_count_mok2 ul li {position:relative;display:inline-block;float:none;width:252px;height:235px;margin-left:20px;vertical-align:top;}
	.businesscont .business_count_mok2 .box {padding:30px 30px 30px 25px;height:auto}
	.businesscont .business_count_mok2 .num {font-size:13px;}
	.businesscont .business_count_mok2 .subject_title {font-size:17px;}
	.businesscont .business_count_mok2 .desc {line-height:1.5;font-size:12px;white-space:pre-wrap;}
	.businesscont .business_count_mok2 .desc span {display:block}
	.businesscont .business_count_mok2 .business_link {margin-top:23px;}
	.businesscont .business_count_mok2 .free_order_link {width:118px;height:29px;line-height:29px;font-size:11px;}
	.businesscont .business_count_mok2 .business_link_kakaotok {width:73px;height:29px;line-height:26px;font-size:11px;}
    .businesscont .business_count_mok2 ul li.up_ch {margin-top:0px;}

	.foot_co {min-height:auto;padding:0 20px 70px;background:none;background-color:#4da2e4;}
	.foot_co .inner {width:100%;}
	.foot_co .imgbox {display:block;margin:0 -20px;}
	.foot_co .imgbox img {width:100%;max-width:100%}
	.foot_co .customerbox {position:relative;top:30px;width:100%;height:auto;padding:22px 20px 25px}
	.foot_co .customerbox h2.subject_title {padding-bottom:15px;font-size:25px;}
	.foot_co .customerbox li {padding:20px 0}
	.foot_co .customerbox li .tit {position:relative;top:0;font-size:16px;}
	.foot_co .customerbox li .box {margin-top:12px;font-size:15px;}

	.foot_co .customerbox .btnview {margin-top:20px;}
	.foot_co .customerbox .btnview span {padding-right:17px;-webkit-background-size:6px auto;background-size:6px auto;}
	.foot_co .customerbox .line span {padding-left:10px;margin-left:10px;}
	.foot_co .customerbox .line span:after {height:9px}
	.foot_co .customerbox .line span:after {width:1px}
	
	
	#footer .inner {width:100%;padding:35px 0}
	#footer .company_info {margin-top:0;text-align:center;}
	#footer .company_info span {display:block;margin-left:0;line-height:20px;font-size:13px;}
	#footer .company_info .fir {position:relative;display:inline-block;margin-left:0;line-height:20px;font-size:11px;}
	#footer .company_info .name {position:relative;display:inline-block;margin-left:20px;line-height:20px;font-size:11px;}
	#footer .copy {margin-top:15px;font-size:11px;font-weight:500}
	
	
	.banner-form-agileinfo{width:100%;margin:0 auto;padding:30px 0 30px 0px;} 
	.banner-form-agileinfo input[type="text"], .banner-form-agileinfo input[type="tel"], .banner-form-agileinfo textarea,.banner-form-agileinfo .form-control {
    border: none;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 15px;
    margin-bottom: 15px;
    outline: none;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
	border-radius:10px;
	border:0px solid #fff;
    }
	 
	 
	 
	 
}