@charset "UTF-8";
@import url('font.css');
@import url('default.css');


/*
=====================
1: Base Setting
2: Common Setting
	2-1: Layout
	2-2: Basic
3: Main
4: Contents
5: Mypage
=====================
*/


/* 1: Base Setting
=========================================================================================== */
.hidden {display:none;}
.blind {visibility:hidden;}


.cursor {cursor:pointer;}
.non-cursor {cursor:default;}

.ta-r {text-align:right !important;}
.ta-l {text-align:left !important;}
.ta-c {text-align:center !important;}

.va-t {vertical-align:top !important;}
.va-m {vertical-align:middle !important;}
.va-b {vertical-align:bottom !important;}

.clearfix {}
.clearfix:after {content:""; clear:both; display:block;}
.fl-l {float:left;}
.fl-r {float:right;}


.blind {display:none;}
.clear {clear:both; height:0;}


.c-black {color:#000 !important;}
.c-red {color:#ce0000 !important;}
.c-gray {color:#8f8d8d !important;}
.c-color {color:#52b767 !important;}

.fz-b1 {font-size: 18px;}

.d-b {display: block;}
.d-ib {display: inline-block;}


.pa-b1 {padding-bottom:120px;}
.pa-b2 {padding-bottom:100px;}

.ma-b1 {margin-bottom:120px;}
.ma-b2 {margin-bottom:100px;}


.f-en {font-family: serif;}
.f-bold {font-weight: 900; font-family: 'Roboto', 'Noto Sans KR', sans-serif;}


iframe[name='google_conversion_frame'] {border:0; width:0; height:0; padding:0; margin:0; position:absolute; z-index:-1; visibility:hidden;}

.t-dot-solo {overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}


 /* 2: Common Setting
=========================================================================================== */

/* 2-1: Basic
=========================== */
html {width:100%; font-size:62.5%;}
body {width:100%; font-family:'Noto Sans KR', serif; color:#5a5a5a; font-weight: 300; font-size:16px; line-height:1.2; -webkit-text-size-adjust: 100%; }
.inr-c {max-width:1300px; margin:0 auto;}


/*간격*/
.pr-mb0 {margin-bottom: 90px !important;}
.pr-mb1 {margin-bottom: 50px !important;}
.pr-mb2 {margin-bottom: 30px !important;}
.pr-mb3 {margin-bottom: 40px !important;}

.pr-pb0 {padding-bottom: 90px !important;}
.pr-pb1 {padding-bottom: 50px !important;}
.pr-pb2 {padding-bottom: 30px !important;}
.pr-pb3 {padding-bottom: 40px !important;}

.pr-pt1 {padding-top: 80px;}


/*버튼*/
.btn-bot {margin-top:40px;}
.btn-bot .btn-pk {min-width:110px;}

.btn-line {padding-top: 50px; border-top: 1px solid #ddd; text-align: center; font-size: 0;}
.mbtn_n2 .btn-pk {width: 200px; margin-left: 20px;}
.mbtn_n2 .btn-pk:first-child {margin-left: 0;}

.btn-pk {
	display:inline-block; *display:inline-block; *zoom:1; padding:8px 10px;
	color:#fff; font-size:14px; text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	border: 1px solid #cdcdcd;
	transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;
}
.btn-pk.bdrs {-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}

.btn-pk.b {min-width:160px; padding:15px 40px; font-size:18px;}
.btn-pk.bb {min-width:160px; padding:15px 40px; font-size:20px; font-weight: 700; border-width: 2px;}
.btn-pk.n {min-width:100px; padding:8px 15px; font-size:15px; }
.btn-pk.nb {min-width:100px; padding:15px 15px; font-size:16px; }
.btn-pk.s {min-width:40px; padding:5px 10px; font-size:14px; line-height: 1.2; }


/*.btn-pk.color {
	background: rgb(208,97,54);
	background: -moz-linear-gradient(90deg, rgba(208,97,54,1) 0%, rgba(229,28,125,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(208,97,54,1) 0%, rgba(229,28,125,1) 100%);
	background: linear-gradient(90deg, rgba(208,97,54,1) 0%, rgba(229,28,125,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d06136",endColorstr="#e51c7d",GradientType=1);
	color: #fff;
}*/
.btn-pk.color {color: #52b667; border-color: #52b667; background-color: #fff;}
.btn-pk.color.rv {color: #fff; border-color: #52b667; background-color: #52b667;}

.btn-pk.gray {color: #fff; border-color: #9a9899; background-color: #9a9899;}
.btn-pk.orange {color: #fff; border-color: #f8982a; background-color: #f8982a;}
.btn-pk.white {border-color: #fff; color: #000; background-color: #fff;}

.btn-pk.wid1 {width: 120px;}


input.btn-pk {color: #fff; border: 0; height: auto; min-width:200px; font-size: 21px; padding: 15px 30px; cursor:pointer;}

.mbtn_ty1 {}
.mbtn_ty1 .btn-pk {margin: 0 5px;}



/*탭*/
.tab {}
.tab ul {font-size: 0;}
.tab li {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
_::-moz-svg-foreign-content, :root .tab li {float: left;}


.tab.ty1 {margin-bottom: 45px;}
.tab.ty1 ul {display: flex; width: 100%; border-bottom: 1px solid #dcdcdc;}
.tab.ty1 li {flex:1; position: relative; }
.tab.ty1 li a {display: block; padding: 20px 10px; font-size: 18px; color: #666; text-align: center;}
.tab.ty1 li.on {}
.tab.ty1 li.on a {color: #52b666; font-weight: 700;}
.tab.ty1 li.on:after {content:""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background-color: #52b666;}

/*
.tab.ty1 {border-bottom: 1px solid #d5d5d5;}
.tab.ty1 ul {border-left: 1px solid #d5d5d5;}
.tab.ty1 li {border: 1px solid #d5d5d5; border-left: 0; margin-bottom: -1px; text-align: center;}
.tab.ty1 li a {display: block; padding: 10px; min-width:110px; font-size: 16px; line-height: 1.2; color: #555555;}
.tab.ty1 li.on {border-bottom-color: #fff;}
.tab.ty1 li.on a {color: #8d3d1d;}

.tab.ty2 {margin-bottom: 40px;}
.tab.ty2 ul {display: flex; width: 100%;}
.tab.ty2 li {flex:1; position: relative;}
.tab.ty2 li a {display: block; padding: 12px 10px; font-size: 24px; color: #1a1a1a; text-align: center;}
.tab.ty2 li.on a {color: #f89828;}
.tab.ty2 li.on a span {position: relative; display: inline-block; line-height: 1;}
.tab.ty2 li.on a span:after {content:""; position: absolute; left: -15px; top: -10px; width: 12px; height: 11px; background-image: url('../images/common/ico_common.png'); background-repeat: no-repeat; background-position: -71px -97px;}

.tab.ty3 {margin-bottom: 35px; border-top: 1px solid #f4f4f4;}
.tab.ty3 ul {display: flex; width: 100%; border-left: 1px solid #f4f4f4;}
.tab.ty3 li {flex:1; position: relative; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.tab.ty3 li a {display: block; padding: 24px 10px; font-size: 16px; color: #000; text-align: center;}
.tab.ty3 li.on {border-bottom-color: #fff;}
.tab.ty3 li.on a {color: #9c84d8;}
.tab.ty3 li.on:after {content:""; position: absolute; left: 0; top: -1px; width: 100%; height: 3px; background-color: #9c84d8;}

.tab.ty4 {margin-bottom: 30px;}
.tab.ty4 ul {display: flex; width: 100%;}
.tab.ty4 li {flex:1; position: relative; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f9f9f9;}
.tab.ty4 li:first-child {border-left: 0;}
.tab.ty4 li a {display: block; padding: 15px 10px; font-size: 16px; color: #000; text-align: center;}
.tab.ty4 li.on {border-bottom-color: #fff; background-color: #fff; border-left: 1px solid #ddd;}
.tab.ty4 li.on a {color: #9c84d8;}
.tab.ty4 li.on:after {content:""; position: absolute; left: 0; top: -1px; width: 100%; height: 3px; background-color: #9c84d8;}
*/

/*IR 기법 아이콘 세트*/
.i-aft{position: relative;display: inline-block;vertical-align: middle;*display: inline;*zoom: 1;}
.i-aft:after{content:""; position: absolute; left: 0;top: 50%;display: inline-block;overflow: hidden;width: 0;height: 0;content: '';text-align: left;text-indent: -9999px;background-image: url('../images/common/ico_common.png');background-repeat: no-repeat;*display: inline;*zoom: 1;}
.i-set{display: inline-block;overflow: hidden;text-align: left;vertical-align: middle;text-indent: -9999px;line-height: 0;background-image: url('../images/common/ico_common.png');background-repeat: no-repeat;*display: inline;*zoom: 1;}


.i-aft.i_m2_1 {padding-top: 65px;}
.i-aft.i_m2_1:after {left: 50%; top: 0; margin-left: -24px; width: 48px; height: 62px; background-position: -10px -10px;}
.i-aft.i_m2_2 {padding-top: 65px;}
.i-aft.i_m2_2:after {left: 50%; top: 0; margin-left: -25px; width: 50px; height: 62px; background-position: -77px -10px;}
.i-aft.i_m2_3 {padding-top: 65px;}
.i-aft.i_m2_3:after {left: 50%; top: 0; margin-left: -25px; width: 50px; height: 62px; background-position: -147px -10px;}
.i-aft.i_m2_4 {padding-top: 65px;}
.i-aft.i_m2_4:after {left: 50%; top: 0; margin-left: -25px; width: 59px; height: 62px; background-position: -217px -10px;}

.i-aft.i_prev {padding-left: 50px;}
.i-aft.i_prev:after {left: 0; top: 50%; margin-top: -12px; width: 12px; height: 24px; background-position: -10px -115px;}
.i-aft.i_next {padding-right: 50px;}
.i-aft.i_next:after {left: auto; right: 0; top: 50%; margin-top: -12px; width: 12px; height: 24px; background-position: -35px -115px;}


.i-set.i_home_w {width: 14px; height: 14px; background-position: -10px -83px;}
.i-set.i_home_b {width: 14px; height: 14px; background-position: -53px -83px;}

.i-set.i_arr1 {width: 7px; height: 14px; background-position: -34px -83px;}
.i-set.i_sch1 {width: 24px; height: 24px; background-position: -87px -83px;}

.i-set.i_disicon1 {width: 90px; height: 90px; background-position: -320px -10px;}
.i-set.i_disicon2 {width: 90px; height: 90px; background-position: -420px -10px;}
.i-set.i_disicon3 {width: 90px; height: 90px; background-position: -520px -10px;}
.i-set.i_disicon4 {width: 90px; height: 90px; background-position: -620px -10px;}
.i-set.i_disicon5 {width: 90px; height: 90px; background-position: -720px -10px;}

.i-set.i_forkicon1 {width: 90px; height: 90px; background-position: -320px -221px;}
.i-set.i_forkicon2 {width: 90px; height: 90px; background-position: -420px -221px;}
.i-set.i_forkicon3 {width: 90px; height: 90px; background-position: -520px -221px;}
.i-set.i_forkicon4 {width: 90px; height: 90px; background-position: -620px -221px;}
.i-set.i_forkicon5 {width: 90px; height: 90px; background-position: -720px -221px;}


.i-set.i_sterilize1 {width: 100px; height: 100px; background-position: -290px -110px;}
.i-set.i_sterilize2 {width: 100px; height: 100px; background-position: -400px -110px;}
.i-set.i_sterilize3 {width: 100px; height: 100px; background-position: -510px -110px;}
.i-set.i_sterilize4 {width: 100px; height: 100px; background-position: -622px -110px;}
.i-set.i_sterilize5 {width: 100px; height: 100px; background-position: -732px -110px;}



/* 2-2: Layout
=========================== */
#wrap {overflow:hidden; word-break:keep-all; word-wrap:break-word; padding-top: 100px; letter-spacing:-0.0325em;}

#header {z-index:102; position:fixed; left: 0; top: 0; width: 100%; height: 100px; border-bottom: 1px solid #ddd; background-color: #fff;}
#header .inner {position: relative; z-index: 2;}
#header .inr-c {position: relative;}
#header .logo {position: relative; float: left; display: inline-block; vertical-align: top; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
#header .logo a {display: block; line-height: 100px;}
#header .logo a img {vertical-align: top; margin-top: 26px;}

#header .gnbbox {position: relative; z-index: 1; margin-left: 145px; padding-right: 50px; text-align: right;}
#header .gnb {display: inline-block; vertical-align: top;}
#header .gnb > ul {font-size: 0; text-align: left;}
#header .gnb > ul > li {position: relative; display: inline-block; width: 170px; vertical-align: top;}
#header .gnb > ul > li > a {display: block;  font-size: 16px; line-height: 100px; color: #000; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
#header .gnb > ul > li:last-child > a {padding-right: 0;}
#header .depth2 {display: none; z-index: 1; position: absolute; left: 0; top: 90px; width: 100%; min-height:300px; padding-top: 10px; text-align: left;}
#header .depth2 ul {padding: 10px 0; }
#header .depth2 li {}
#header .depth2 li a {display: block; padding: 8px 0; font-size: 14px; color: #000;}
#header .btn_gnb {display: none;}

#header .g_banner {display: none; z-index: 2; position: absolute; right: 240px; top: 220px; width: 150px;}
#header .depth2 .g_banner {position: static;}


#header .gnb > ul > li.on > a,
#header .gnb > ul > li:hover > a {color: #52b667;}
#header .depth2 li.on a,
#header .depth2 li:hover a {color: #52b667;}


#header .rgh {z-index: 2; position: absolute; right: 0; top: 0; font-size: 0;}
#header .rgh a {position: relative; display: inline-block; vertical-align: top; padding-left: 10px; margin-left: 10px; line-height: 20px; font-size: 13px; color: #000; }
#header .rgh a:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -5px; width: 1px; height: 10px; background-color: #000;}
#header .rgh a:first-child:after {content:none;}

.btn_menu {
	z-index:1;
	position: absolute;
	right:0; top:20px;
	width: 60px; height: 60px;
	cursor: pointer; font-size: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_menu span {
	width: 20px;
	height: 2px;
	background-color: #313d47;
}
.btn_menu span:after,
.btn_menu span:before {
	content: "";
	position: absolute; right: 0;
	width: 100%;
	height: 100%;
	background-color: #313d47;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_menu span:after {-webkit-transform: translateY(-6px); transform: translateY(-6px);}
.btn_menu span:before { -webkit-transform: translateY(6px); transform: translateY(6px);}


#header .modal-cover {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3);}
#header.ovr .logo {z-index: 1; }
#header.ovr:after {content:""; z-index: 0; position: absolute; left: 0; top: 0; padding-top: 100px; width: 100%; height: 260px; background-color: #fff;}
#header.ovr:before {content:""; z-index: 100; position: absolute; left: 0; top: 100px; width: 100%; height: 1px; background-color: #ddd;}
#header.ovr .g_banner {display: block;}


/*
#header.scroll {
	height: 90px;
	background-color: #fff; border-bottom: 1px solid #ddd;
	/*-webkit-animation:hdtop 1s ease-in;  -moz-animation:hdtop 1s ease-in;  -o-animation:hdtop 1s ease-in;  animation:hdtop 1s ease-in; *
	transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;
}
#header.scroll .gnb {margin-top: 5px;}
#header.scroll .gnb li a {color: #000;}
#header.scroll .gnb li.on a {color: #ec6c79;}
#header.scroll .logo a {display: block; line-height: 90px;}
#header.scroll .logo img {height: 70px; vertical-align: top; margin-top: 10px;}
#header.scroll .rgh a {margin-top: 15px;}
*/

@-webkit-keyframes hdtop {
  from {top: -50%;}
  to {top: 0;}
}
@-moz-keyframes hdtop {
  from {top: -50%;}
  to {top: 0;}
}
@-o-keyframes hdtop {
  from {top: -50%;}
  to {top: 0;}
}
@keyframes hdtop {
  from {top: -50%;}
  to {top: 0;}
}



/*footer*/
#footer {padding-top: 80px; background-color:#f5f6f8;}
#footer img {max-height:26px;}
.footer .inr-c {padding: 50px 0;  border-top: 1px solid #787878;}
.footer p {line-height: 1.5; color: #4e4e4e;}
.footer p span {position: relative; margin-left: 20px; padding-left: 20px;}
.footer p span:after {content:""; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background-color: #aaa;}
.footer p span:first-child {margin-left: 0; padding-left: 0;}
.footer p span:first-child:after {content:none;}
.footer p.copy {margin-top: 15px;}
.foo_link {}
.foo_link .inr-c {padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #787878;}
.foo_link li {position: relative; display: inline-block; vertical-align: top;}
.foo_link li a {display: block; padding: 0 12px; font-weight: 700; font-size: 16px; color: #000;}
.foo_link li:first-child a {padding-left: 0;}
.foo_link li:after {content:""; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px; background-color: #959595;}
.foo_link li:first-child {padding-left: 0;}
.foo_link li:first-child:after {content:none;}

.foo_cont .inr-c {position: relative;}
.foo_cont p {margin-bottom: 15px;}
.foo_cont p.bb {margin-bottom: 0;}
.foo_cont p.tel {font-weight: 700; color: #53b667; letter-spacing:-0.0325em; font-size: 32px; line-height: 1;}
.foo_cont .rgh {position: absolute; right: 0; top: 50px; padding-right: 100px;}

.scroll_top {display: none;}







/*타이틀*/
.hd_tit1 {margin-bottom: 60px; text-align: center; color: #373636; letter-spacing:-0.0325em;}
.hd_tit1 .h {font-weight: 700; font-size: 45px;}
.hd_tit1 .ts {margin-bottom: 17px;font-size: 20px;}

.hd_tit2 {margin-bottom: 80px; text-align: center; color: #59585d; letter-spacing:-0.0325em;}
.hd_tit2 .h {position: relative; padding-top: 25px; font-size: 45px; font-weight: 700;}
.hd_tit2 .h:after {content:""; position: absolute; left: 50%; top: 0; width: 40px; height: 2px; margin-left: -20px; background-color: #53b667;}



/*메인*/
.bxMain {overflow:hidden; position: relative; height: 715px; background-color: #eee;}
.bxMain .slider_img {height: 715px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bxMain .slider_txt {position: absolute; top: 50%; left: 50%; margin-left: -590px; width: 1180px; z-index: 1; font-size: 35px; color: #fff;  text-align: center; line-height: 1.5; text-shadow:1px 0 1px rgba(0,0,0,.7); transform:translateY(-50%);}
.bxMain .slider_txt > div {display: inline-block;}
.bxMain .slider_txt .t0 {margin-bottom: 20px; font-size: 45px; font-weight: 700;}

.bxMain .item .slider_img {height: 715px;}
.bxMain .item .slider_img > span {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bxMain .item .slider_txt  {transition:all 1s linear; -webkit-transition:all 1s linear; -moz-transition:all 1s linear; -o-transition:all 1s linear; transition-delay: 1s; opacity:0;}
.bxMain .owl-dots {position: absolute; left: 0; bottom: 55px; width: 100%; text-align: center;}
.bxMain .owl-dots .owl-dot {display: inline-block; vertical-align: top; width: 11px; height: 11px; margin: 0 5px; border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bxMain .owl-dots .owl-dot.active {background-color: #52b667; border-color: #52b667;}

.bxMain .owl-nav {}
.bxMain .owl-nav > div {position: absolute; top: 50%; margin-top: -33px; width: 37px; height: 69px; text-indent: -9999px; background-position: center center; background-repeat: no-repeat;}
.bxMain .owl-nav > div.owl-prev {left: 90px; background-image: url('../images/common/btn_slider_perv.png');}
.bxMain .owl-nav > div.owl-next {right: 90px; background-image: url('../images/common/btn_slider_next.png');}

.bxMain .active .slider_txt {opacity:1;}


.area_main1, .area_main2, .area_main3, .area_main4, .area_main5, .area_main6 {padding: 100px 0;}


.area_main1 {text-align: right; background-color: #f5f6f8;}
.area_main1 .inr-c {max-width:1200px; position: relative;}
.area_main1 .hd_tit1 {text-align: left; margin-bottom: -50px;}
.area_main1 .tit {position: absolute; top: 190px; font-size: 25px; color: #59585d; text-align: left;}
.area_main1 .tit .t2 {font-weight: 700; font-size: 45px; color: #52b667;}
.area_main1 .box {position: relative; display: inline-block; vertical-align: top; max-width:48%; -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1); -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.1); box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.area_main1 .box .txt {position: absolute; left: 0; bottom: 0; width: 80%; max-width:440px; padding: 20px 25px 25px; text-align: left; background-color: #fff; box-sizing:border-box;}
.area_main1 .box .txt .h1 {margin-bottom: 10px; font-weight: 700; color: #52b667; font-size: 22px; letter-spacing:-0.0325em;}
.area_main1 .box.b1 {float: left; margin-top: 300px;}
.area_main1 .box.b2 {margin-bottom: 90px;}
.area_main1 .box.b3 {margin-right: 60px;}



.area_main2 {background-color: #fff;}
.area_main2 .list ul {font-size: 0;}
.area_main2 .list li {display: inline-block; vertical-align: top; width: 25%; padding: 30px 2% 0; text-align: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.area_main2 .list li .icon {padding: 0 0 40px;}
.area_main2 .list li .t1 {margin-bottom: 20px; font-weight: 700; font-size: 20px; color: #373636;}
.area_main2 .list li .t2 {font-size: 15px;}


.area_main3 {background-color: #52b667; color: #fff;}
.area_main3 .inr-c {position: relative; max-width:1200px;}
.area_main3 .hd_tit1 {position: absolute; right: 0; top: 0; width: 280px; color: #fff;}
.area_main3 .slider {margin-right: 325px;}
.area_main3 .slider .slider_img {height: 0; padding-bottom: 100%; background-repeat: no-repeat; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.area_main3 .slider .slider_txt {padding: 15px 0 0;}

.area_main3 .owl-carousel .owl-nav .owl-prev,
.area_main3 .owl-carousel .owl-nav .owl-next {position: absolute; bottom: 30px; width: 80px; height: 80px; font-size: 0; background-repeat: no-repeat; background-image: url(../images/common/ico_common.png);}
.area_main3 .owl-carousel .owl-nav .owl-prev {right: -190px; background-position: -10px -160px;}
.area_main3 .owl-carousel .owl-nav .owl-next {right: -272px; background-position: -91px -160px;}


.area_main3 .slider {position: relative;}
.area_main3 .slider_pageing {position: absolute; right: -270px; bottom: 125px; width: 160px; font-size: 20px; line-height: 1;}
.area_main3 .slider_pageing span.n1 {font-size: 30px; }

/*
.owl-dots {
	counter-reset: slides-num;
	right: -148px;
	position: absolute;
	bottom: 125px;
	margin-top: 15px;
}
.owl-dots:after {
	content: " / " counter(slides-num) ;
	display: inline-block;
	font-size: 20px; line-height: 1;
	vertical-align: middle;
	padding-left: 10px;
}

.owl-dot {
	display: inline-block; vertical-align: bottom;
	counter-increment: slides-num;
	margin-right: 5px;
}
.owl-dot span {
	display: none;
}

.owl-dot.active::before {
	content:  counter(slides-num) ;
	display: inline-block;
	vertical-align: middle;
	font-size: 30px; line-height: 1;
	position: absolute;
	left: 0;
	bottom: -2px;
}
*/



.area_main4 {background-color: #f5f6f8;}
.lst_client {}
.lst_client ul {font-size: 0; width: 102%;}
.lst_client li {display: inline-block; vertical-align: top; width: 18%; margin-right: 2%; margin-bottom: 3%; text-align: center; }
.lst_client li div {height: 120px; line-height: 120px; background-color: #fff; border: 1px solid #e1e1e1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.lst_client li img {max-height:90%; max-width:90%;}
.lst_client li p {margin-top: 10px; font-size: 15px; color: #777;}

.lst_client.typ2 li {width: 14.66%;}
.lst_client.typ2 div {height: 65px; line-height: 65px;}


.area_main5 {text-align: center; color: #fff; background-image: url(../images/main/img_main4.jpg); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.area_main5 .hd_tit1 {color: #fff;}
.area_main5 .btn-pk.b {width: 390px;}

.area_main6 {}
.lst_notice1 {}
.lst_notice1 ul {font-size: 0; width: 102%;}
.lst_notice1 li {display: inline-block; vertical-align: top; width: 31.33%; margin-right: 2%; border-bottom: 2px solid #eee; transition:all .5s linear; -webkit-transition:all .5s linear; -moz-transition:all .5s linear; -o-transition:all .5s linear;}
.lst_notice1 li > div {height: 100%;}
.lst_notice1 li:hover {border-color: #52b667;}
.lst_notice1 .imgs {margin-bottom: 55px;}
.lst_notice1 .imgs div {height: 0; padding-bottom: 60%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.lst_notice1 .txt {margin-bottom: 30px;}
.lst_notice1 .txt .t {margin-bottom: 10px; height: 60px; font-weight: 700; font-size: 20px; line-height: 1.5; color: #373636;}
.lst_notice1 .txt .d {font-size: 13px; color: #999999;}


/*팝업*/
.layerPopup {display: none; position: fixed; left: 50%; top: 50%; z-index: 1001;}
.layerPopup .popup {display: inline-block; *display: inline; *zoom: 1; width: 680px; padding: 40px; background-color: #fff; position: relative; text-align: left;}
.layerPopup .p_head {position: relative; height: 80px;}
.layerPopup .p_head .tit {font-size: 24px; color: #000; font-weight: 700;}
.layerPopup .popup .btn_close {position: absolute; right: 0; top: 0; width: 30px; height: 30px; font-size: 0; text-align: center;}
.layerPopup .popup .btn_close > span {display: inline-block; vertical-align: top; font-size: 0; width: 30px; height: 1px; background-color: #000; transform:rotate(45deg);}
.layerPopup .popup .btn_close > span:after {content:""; position: absolute; left: 0; top: 0; width: 30px; height: 1px; background-color: #000; transform:rotate(90deg);}

.popup_dim {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); z-index: 1000;}



/*alert 팝업*/
.popup_alert {display: none;}
.popup_alert .popup {z-index: 1001; overflow:hidden; position: fixed; left: 50%; top: 50%; min-width:370px; max-width:470px; text-align: center; font-size: 15px; line-height: 1.5; border-radius: 20px; transform:translate(-50%,-50%);}
.popup_alert .popup .txt {padding: 45px 30px 40px; background-color: #fff;}
.popup_alert .popup .txt .h1 {margin-bottom: 20px; font-weight: 700; font-size: 18px; color: #463c5a;}
.popup_alert .popup .btns {display: table; width: 100%; table-layout:fixed; background-color: #5a32d2;}
.popup_alert .popup .btns a {display: table-cell; vertical-align: top; font-size: 15px; line-height: 60px; font-weight: 700; color: #fff; border-left: 1px solid rgba(255,255,255,.3); box-sizing:border-box;}
.popup_alert .popup .btns a:first-child {border-left: 0;}



/*로케이션*/
#spot {margin-bottom: 100px;}
#spot .spot {display: table; width: 100%; height: 325px; text-align: center; color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover;}
#spot .spot.s1 {background-image: url('../images/spot/spot1.jpg');}
#spot .spot.s2 {background-image: url('../images/spot/spot2.jpg');}
#spot .spot.s3 {background-image: url('../images/spot/spot3.jpg');}
#spot .spot.s4 {background-image: url('../images/spot/spot4.jpg');}
#spot .spot.s5 {background-image: url('../images/spot/spot5.jpg');}
#spot .spot.s7 {background-image: url('../images/spot/spot7.jpg');}

.spot_txt {display: table-cell; vertical-align: middle; font-size: 14px;}
.spot_txt .i_arr1 {margin: 0 10px;}
.spot_txt .tit {margin-top: 30px; font-size: 36px; font-weight: 700;}

.path {z-index: 1; position: relative; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; background-color: #fff;}
.path > ul {font-size: 0; border-left: 1px solid #e0e0e0;}
.path > ul > li {position: relative; display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 158px; padding: 0 25px; line-height: 48px; border-right: 1px solid #e0e0e0;}
.path > ul > li span {display: inline-block; font-size: 16px; line-height: 1; vertical-align: middle; color: #59585d;}
_::-moz-svg-foreign-content, :root .path li {float: left;}
.path > ul > li:first-child {width: 50px; text-align: center; padding: 0;}
.path > ul > li.current {padding: 0; width: auto; background: url(../images/common/ico_arrow1.jpg) right center no-repeat;}
.path > ul > li.current > a {width: 158px; display: block; padding: 0 25px; }
.path > ul > li.current > a > span {color: #52b667;}

.path_depth2 {display: none; position: absolute; top: 48px; left: -1px; width: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff;}
.path_depth2 li {line-height: 40px; border-top: 1px solid #ddd;}
.path_depth2 li a {display: block; padding:  0 25px;}
.path_depth2 li a span {font-size: 14px; line-height: 1.2;}
.path_depth2 li:hover a {background-color: #f9f9f9;}
.path_depth2 li:hover a span {color: #52b667;}

.path_depth2.active {display: block;}


.path .on .i-aft.i_arr_r2:after {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}




/**********서브컨텐츠**********/
.contents {min-height:500px; padding-bottom: 100px; color: #666; line-height: 1.5;}
.contents .inr-c {max-width:1200px;}


.hd_stit1 {position: relative;}
.hd_stit1 .rgh {position: absolute; right: 0; bottom: 0;}
.stit1 {margin-bottom: 20px; font-weight: 700; color: #52b666; font-size: 24px;}
.stit2 {margin-bottom: 10px; font-weight: 700; color: #373636; font-size: 20px;}

/*
.stit {padding-bottom: 15px; margin-bottom: 75px; font-weight: 700; color: #000; font-size: 35px; line-height: 1; text-align: center;}
.stit span {border-bottom: 5px solid #f8982a;}
.stit2 {margin-bottom: 15px; font-size: 20px; color: #000; font-weight: 700;}
.stit3 {margin-bottom: 40px; font-weight: 700; font-size: 25px; color: #000; font-weight: 700;}
.stit3 span {position: relative; display: inline-block; vertical-align: top; padding-bottom: 20px;}
.stit3 span:after{content:""; position: absolute; left: 0; bottom: 0; width: 40px; height: 4px; background-color: #f8982a;}
*/


/**/
.bind_ty1 {font-size: 0; margin-bottom: 35px;}
.bind_ty1 > * {display: inline-block; vertical-align: top;}
.bind_ty1 .btn-pk.bb {min-width:auto; padding-left: 0; padding-right: 0;}
.bind_ty1.n3 > * {width: 32%; margin-left: 2%; box-sizing:border-box;}
.bind_ty1.n3 > *:first-child {margin-left: 0;}




/*테이블*/
.tbl_basic {font-size: 15px; color: #777; border-top: 2px solid #52b666; }
.tbl_basic table {table-layout:fixed;}
.tbl_basic td {padding: 20px 30px; height: 40px; text-align: left; color: #777; border: 1px solid #e0e0e0;}
.tbl_basic th {padding: 20px 30px; font-weight: normal; text-align: center; color: #000; font-size: 18px;  border: 1px solid #e0e0e0; background-color: #f5f5f5;}
.tbl_basic thead tr {border-bottom: 1px solid #e0e0e0;}
.tbl_basic thead th {padding-left: 10px; padding-right: 10px;}
.tbl_basic tbody tr {border-bottom: 1px solid #e0e0e0;}


.tbl_basic col.num {width: 145px;}
.tbl_basic col.th1 {width: 240px;}
.tbl_basic col.th2 {width: 120px;}
.tbl_basic col.th3 {width: 200px;}
.tbl_basic col.th4 {width: 130px;}
.tbl_basic col.th5 {width: 130px;}
.tbl_basic col.th6 {width: 80px;}
.tbl_basic col.w3 {width: 33.33%;}


.tbl_basic table.list {table-layout:fixed;}
.tbl_basic table.list tbody th {background-color: #fff;}
.tbl_basic table.list td {text-align: center; position: relative;}
.tbl_basic table.list td.subject {text-align: left; font-weight: 500; color: #000;}
.tbl_basic table.list td.subject a {overflow:hidden; display: block; max-width:100%; color: #000; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tbl_basic table.list td.subject a:hover {text-decoration: underline;}


.tbl_basic table.view th {padding-left: 70px; text-align: left;}
.tbl_basic table.view tr.pd th {padding-left: 0; padding-right: 0; text-align: center;}
.tbl_basic table.view td {font-size: 15px; position: relative;}


.tbl_basic table.write {}
.tbl_basic table.write th {padding-left: 40px; text-align: left;}
.tbl_basic table.write td {padding-right: 40px; color: #000;}
.tbl_basic table.write .textarea1 {height: 260px;}
.tbl_basic table.write .em {margin-left: 10px;}


.tbl_basic.small th,
.tbl_basic.small td {padding: 12px 10px; font-size: 15px;}

.tbl_basic.small.typ2 thead tr:first-child th {border-top-color: #52b666;}
.tbl_basic.small.typ2 th.bgg {background-color: #52b666; color: #fff;}
.tbl_basic.small.typ2 td.bgg {position: relative; }
.tbl_basic.small.typ2 td.bgg.bdr:before {content:none;}
.tbl_basic.small.typ2 td.bgg.bdl:after {content:none;}
.tbl_basic.small.typ2 td.bgg:after {
	content:"";
	position: absolute; left: 0; top: 0;
	width: 2px; height: 100%;
	background-color: #52b666;
}
.tbl_basic.small.typ2 td.bgg:before {
	content:"";
	position: absolute; right: 0; top: 0;
	width: 2px; height: 100%;
	background-color: #52b666;
}
.tbl_basic.small.typ2 tbody tr:last-child td.bgg {border-bottom-color: #52b666; border-bottom-width: 2px;}
.tbl_basic.small.typ2 .i-txt {display: inline-block; padding: .5em 2em; background-color: #ce0000; color: #fff;}
.tbl_basic.small.typ2 td.bg1 {background-color: #ccefff;}
.tbl_basic.small.typ2 td.bg2 {background-color: #fce7e7;}
.tbl_basic.small.typ2 tbody th.bgg {border-left-color: #52b666;}
.tbl_basic.small.typ2 tr.bgg {position: relative;}
.tbl_basic.small.typ2 tr.bgg:after {
	content:"";
	position: absolute; left: 0; top: 0;
	width: 100%; height: 2px;
	background-color: #52b666;
}
.tbl_basic.small.typ2 .c-blue {color: blue;}


.tbl_search {margin-bottom: 20px;}



.i_emp {color: #52b667; font-weight: 700;}


.tbl_basic2 {}
.tbl_basic2 th {padding: 10px 0; text-align: left; font-weight: 400; color: #000; font-size: 18px;}
.tbl_basic2 td {padding: 10px;}

.tbl_basic2 col.th1 {width: 165px;}
.tbl_basic2 .wid1 {width: 100%; max-width:400px;}
.tbl_basic2 .textarea1 {height: 250px;}


.tbl_et1 {padding: 95px 60px; background-color: #f5f5f5;}
.tbl_et1 .tbl {}
.tbl_et1 .tbl table {border-top: 1px solid #52b767; border-bottom: 1px solid #e0e0e0; font-size: 15px; background-color: #fff; table-layout:fixed;}
.tbl_et1 .tbl th {height: 40px; text-align: center; font-weight: 400; color: #000; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.tbl_et1 .tbl th:first-child {border-left: 0;}
.tbl_et1 .tbl td {position: relative; height: 55px; border-left: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
.tbl_et1 .tbl td:first-child {border-left: 0;}
.tbl_et1 .tbl .abs {position: absolute; left: 0; top: 0; width: 100%; padding: 0 20px; box-sizing:border-box;}
.tbl_et1 .tbl .abs .h1 {width: 100%; max-width:230px; height: 30px; margin: 13px 0; line-height: 30px; font-size: 15px; text-align: center; color: #fff; border-radius: 50px;}
.tbl_et1 .tbl .abs .line {position: relative; width: 100%; height: 2px; background-color: #ddd;}
.tbl_et1 .tbl .abs .line:after {content:""; position: absolute; left: -12px; top: -6px; display:inline-block; width:0; height:0; border-style:solid; border-width:7px;}
.tbl_et1 .tbl .abs .line:before {content:""; position: absolute; right: -12px; top: -6px; display:inline-block; width:0; height:0; border-style:solid; border-width:7px; }

.tbl_et1 .tbl .abs.ty1 .line {background-color: #245593;}
.tbl_et1 .tbl .abs.ty1 .line:after {border-color:transparent #245593 transparent transparent;}
.tbl_et1 .tbl .abs.ty1 .line:before {border-color:transparent transparent transparent #245593;}
.tbl_et1 .tbl .abs.ty1 .h1 {background-color: #2d528c;}
.tbl_et1 .tbl .abs.ty1 .t1 {margin-left: 25px; margin-top: 10px; color: #2d528c;}
.tbl_et1 .tbl .abs.ty2 .line { background-color: #6c7c43;}
.tbl_et1 .tbl .abs.ty2 .line:after {border-color:transparent #6c7c43 transparent transparent;}
.tbl_et1 .tbl .abs.ty2 .line:before {border-color:transparent transparent transparent #6c7c43;}
.tbl_et1 .tbl .abs.ty2 .h1 {background-color: #6c7c43;}
.tbl_et1 .tbl .abs.ty3 {top: -100px; height: 220px; border: 2px solid #de1313; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: rgba(222,19,19,.05);}
.tbl_et1 .tbl .abs.ty3 .line { background-color: #de1313;}
.tbl_et1 .tbl .abs.ty3 .line:after {border-color:transparent #de1313 transparent transparent;}
.tbl_et1 .tbl .abs.ty3 .line:before {border-color:transparent transparent transparent #de1313;}
.tbl_et1 .tbl .abs.ty3 .h1 {max-width:none; margin-bottom: 120px; background-color: #de1313;}
.tbl_et1 .tbl .abs.ty3 .linetx {margin-bottom: 5px; color: #de1313; text-align: center;}

.tbl_et1 .tbl .abs.a2 {width: 202%;}
.tbl_et1 .tbl .abs.a3 {width: 303%;}
.tbl_et1 .tbl .abs.a4 {width: 404%;}
.tbl_et1 .tbl .abs.a7 {width: 707%;}



.a_line {font-size: 14px; line-height: 1.2; color: #000;}
.a_line span {display: inline-block; vertical-align: top; padding-bottom: 5px; border-bottom: 1px solid #000;}


.inp_btn {position: relative; padding-right: 110px;}
.inp_btn .btn-pk {position: absolute; right: 0; top: 0; width: 100px;}

.box_check {padding: 35px 40px; margin-top: 10px; font-size: 14px; color: #000; line-height: 1.5; border: 1px solid #cfcfcf; background-color: #f7f7f7;}
.box_check p strong {display: block; margin-bottom: 4px; font-size: 1.3em; color: #a84749;}
.box_check p strong i {font-style: italic;}



.bbs_view {border-top: 1px solid #52b767; border-bottom: 2px solid #222;}
.bbs_view .tit {text-align: center; border-bottom: 1px solid #ddd;}
.bbs_view .tit .h1 {display: table; width: 100%; height: 110px; font-weight: 700; font-size: 30px; color: #222; line-height: 1.3; border-bottom: 1px solid #ddd; table-layout: fixed;}
.bbs_view .tit .h1 > span {display: table-cell; vertical-align: middle; padding: 20px;}
.bbs_view .tit .t1 {padding: 20px; font-size: 18px; color: #555;}
.bbs_view .tit .t1 span {color: #222;}
.bbs_view .tit .t1 em {display: inline-block; vertical-align: middle; padding-right: 15px; margin-right: 15px; line-height: 1;}
.bbs_view .tit .t1 em:first-child {border-right: 1px solid #ccc;}
.bbs_view .info {padding: 50px 45px; font-size: 18px; color: #555; line-height: 1.7; border-bottom: 1px solid #ddd; white-space:pre-line;}
.bbs_view .info .img {text-align: center;}
.bbs_view .botm {overflow:hidden; padding: 20px 25px;}
.bbs_view .botm .lft {float: left; text-align: left; width: 50%;}
.bbs_view .botm .rgh {float: right; text-align: right; width: 50%;}
.bbs_view .botm .lft > a {width: 100%; box-sizing:border-box; border-right: 1px solid #ddd;}
.bbs_view .botm .rgh > a {width: 100%; box-sizing:border-box;}
.bbs_view .botm .lft span,
.bbs_view .botm .rgh span {display: inline-block; width:80%; font-size: 17px; color: #555; line-height: 1.1; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }







/*검색*/
.area_sch {text-align: center; margin-bottom: 50px;}
.area_sch .col {display: inline-block; vertical-align: top; border-bottom: 1px solid #000;}
.area_sch .select1 {position: relative; width: 150px; height: 50px; line-height: 50px; border: 0; font-size: 18px;}
.area_sch input.inp_txt {width: 350px; height: 50px; line-height: 50px; border: 0; font-size: 18px;}
.area_sch .btn-pk.n {width: 130px; height: 50px;}




/*1.회사소개*/
.area_business1 {}
.area_business1 .h1 {margin-bottom: 25px; font-size: 35px; color: #000; text-align: center; line-height: 1.4;}
.area_business1 .h2 {margin-bottom: 90px; font-size: 24px; color: #000; text-align: center;}

.area_business1 .img_st1 {overflow:hidden;}
.area_business1 .img_st1 > div {width: 48%;}
.area_business1 .img_st1 > div.lft {float: left;}
.area_business1 .img_st1 > div.rgh {float: right;}


.area_business2 {}
.area_business2 .txt {display: table; width: 100%; height: 240px; ;font-size: 18px; color: #fff; text-align: center; background: url(../images/sub/img_budiness2.jpg) center center no-repeat; background-size: cover;}
.area_business2 .txt p {display: table-cell; vertical-align: middle;}
.area_business2 .txt strong {font-size: 34px;}

.area_business2 .txt2 {position: relative; padding-left: 400px;}
.area_business2 .txt2 .tit {position: absolute; left: 40px; top: -70px; width: 360px; line-height: 137px; text-align: center; font-size: 34px; font-weight: 700; color: #fff; background-color: #52b767;}
.area_business2 .txt2 .list {position: relative; border-left: 1px solid #ddd; padding-top: 90px;}
.area_business2 .txt2 .list ul:after {content:""; position: absolute; left: -1px; bottom: 0; width: 1px; height: 55px; background-color: #f5f5f5;}
.area_business2 .txt2 .list li {position: relative; padding-left: 30px; margin-top: 70px;}
.area_business2 .txt2 .list li:first-child {margin-top: 0;}
.area_business2 .txt2 .list li:after {content:""; position: absolute; left: -13px; top: 3px; width: 9px; height: 9px; background-color: #fff; border: 7px solid #52b767; border-radius: 50%;}
.area_business2 .txt2 .list li p {margin-bottom: 5px;}
.area_business2 .txt2 .list li .h {float: left; font-weight: 700; font-size: 28px; color: #000; line-height: 1;}
.area_business2 .txt2 .list li .t {margin-left: 160px;}



.area_map {position: relative; overflow:hidden; height: 500px;}
.area_map .map {position: absolute; left: 50%; top: 0; margin-left: -600px; width: 1200px; height: 500px;}
.area_map .maptx {z-index: 10; position: absolute; left: 20px; top: 20px; background-color: #fff; padding: 25px;}

.area_vision1 .img_st1 {display: table; width: 100%; table-layout:fixed;}
.area_vision1 .img_st1 > div {display: table-cell; vertical-align: top; font-size: 24px; color: #000;}
.area_vision1 .img_st1 > div.lft p {margin-bottom: 20%;}
.area_vision1 .img_st1 > div.rgh p {margin-top: 10%;}


.area_organization1 {position: relative;}
.area_organization1 a {position: absolute; font-size: 0; }
.area_organization1 a.or1 {top: 5%; left: 23.5%; width: 14.3%; height: 4.5%;}
.area_organization1 a.or2 {top: 10.5%; left: 23.5%; width: 14.3%; height: 4.5%;}
.area_organization1 a.or3 {top: 18%; left: 6%; width: 6%; height: 4.5%;}
.area_organization1 a.or4 {top: 43%; left: 25%; width: 6%; height: 4.5%;}
.area_organization1 a.or5 {top: 64%; left: 17.5%; width: 6%; height: 4.5%;}
.area_organization1 a.or6 {top: 11.5%; left: 68.5%; width: 6%; height: 4.5%;}
.area_organization1 a.or7 {top: 26.5%; left: 78%; width: 6%; height: 4.5%;}
.area_organization1 a.or8 {top: 42.5%; left: 75%; width: 6%; height: 4.5%;}
.area_organization1 a.or9 {top: 65%; left: 64.5%; width: 6%; height: 4.5%;}



.lst_certificate1 {font-size: 0;}
.lst_certificate1 ul {width: 102%;}
.lst_certificate1 li {display: inline-block; vertical-align: top; width: 23%; margin-right: 2%; text-align: center;}
.lst_certificate1 li .img {overflow:hidden; border-radius:10px;}
.lst_certificate1 li p {text-align: center; padding: 15px 0; font-size: 16px;}



/*2.방역안내*/
.box_disicon1 {padding: 45px 0;}
.box_disicon1 .stit1 {margin-bottom: 45px;}
.box_disicon1 ul {display: flex;}
.box_disicon1 li {flex:1; border-left: 1px solid #d8d8d8;}
.box_disicon1 li:first-child {border-left: 0;}
.box_disicon1 li .icon {margin-bottom: 10px;}
.box_disicon1 li .h1 {margin: 3px 0 18px; font-weight: 700; color: #373636; font-size: 20px;}

.box_disicon1.ty2 {border: 0;}
.box_disicon1.ty2 li {border-left: 0;}


/*지게차 렌탈서비스*/
.box_forkicon1 {padding: 45px 0;}
.box_forkicon1 .stit1 {margin-bottom: 45px;}
.box_forkicon1 ul {display: flex;}
.box_forkicon1 li {flex:1;}
.box_forkicon1 li:first-child {border-left: 0;}
.box_forkicon1 li .icon {margin-bottom: 10px;display: flex;
	flex-basis: 100%;
	align-items: center;
	color: rgba(83, 182, 102, 100);}

.box_forkicon1 li .icon::before,
.box_forkicon1 li .icon::after {
	content: "";
	flex-grow: 1;
	background: rgba(83, 182, 102, 100);
	height: 1px;}
.box_forkicon1 li:first-child .icon::before {background: rgba(83, 182, 102, 0);}
.box_forkicon1 li:last-child .icon::after {background: rgba(83, 182, 102, 0);}
.box_forkicon1 li .h1 {margin: 3px 0 18px; font-weight: 700; color: #373636; font-size: 16px;}

.box_forkicon1.ty2 {border: 0;}
.box_forkicon1.ty2 li {border-left: 0;}

.lst_disin1 {}
.lst_disin1 ul {font-size: 0; width: 102%;}
.lst_disin1 li {display: inline-block; vertical-align: top; width: 23%; margin-right: 2%; border: 1px solid #cfcfcf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lst_disin1 .h1 {padding: 14px 0; font-size: 18px; text-align: center; color: #fff; background-color: #52b767;}
.lst_disin1 .t1 {display: table; width: 100%; height: 80px; background-color: #f5f5f5; font-size: 15px; color: #666;}
.lst_disin1 .t1 > span {display: table-cell; vertical-align: middle; padding: 0 20px; text-align: center;}

.lst_disin1.ty2 li {margin-bottom: 2%;}
.lst_disin1.ty2 .t1 {height: 60px;}

.lst_prd1 {}
.lst_prd1 ul {font-size: 0; width: 102%;}
.lst_prd1 li {display: inline-block; vertical-align: top; width: 23%; margin-right: 2%;}
.lst_prd1 .img {position: relative; height: 0; padding-bottom: 100%; border: 1px solid #cfcfcf; }
.lst_prd1 .img div {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.lst_prd1 .txt {display: table; width: 100%; height: 100px; text-align: center;}
.lst_prd1 .txt > div {display: table-cell; vertical-align: middle; line-height: 1.4;}
.lst_prd1 .txt .t1 {font-size: 13px;}
.lst_prd1 .txt .t2 {font-size: 24px; color: #000;}
.lst_prd1 .txt .t3 {font-size: 20px; color: #000;}

.lst_prd1.n5 li {width: 18%;}


.lst_prd2 {}
.lst_prd2 ul {font-size: 0; width: 102%;}
.lst_prd2 li {display: inline-block; vertical-align: top; width: 23%; margin-right: 2%; border: 1px solid #cfcfcf;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lst_prd2 .img {position: relative; height: 0; padding-bottom: 70%; }
.lst_prd2 .img div {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
.lst_prd2 .txt {display: table; width: 100%; height: 80px; text-align: center; background-color: #f5f5f5;}
.lst_prd2 .txt > div {display: table-cell; vertical-align: middle; line-height: 1.4;}
.lst_prd2 .txt .t1 {font-size: 13px;}
.lst_prd2 .txt .t2 {font-size: 24px; color: #000;}
.lst_prd2 .txt .t3 {font-size: 20px; color: #000;}

.lst_prd2.n3 li {width: 31.33%; margin-bottom: 2%;}


.t_info1 {padding: 25px 40px; text-align: center; color: #fff; background-color: #52b767;}
.t_info1 .h1 {font-size: 20px; }



/*3. 차별화서비스*/
.box_lstst1 {}
.box_lstst1 ul {width: 102%; font-size: 0;}
.box_lstst1 li {display: inline-block; vertical-align: top; width: 48%; margin-right: 2%; margin-bottom: 2%;}
.box_lstst1 li p {display: table; width: 100%; height: 80px; background-color: #52b767; text-align: center; font-size: 18px; color: #fff;}
.box_lstst1 li p span {display: table-cell; vertical-align: middle; padding: 0 10px;}


.box_lstst2 {}
.box_lstst2 > ul {width: 102%; font-size: 0;}
.box_lstst2 > ul > li {display: inline-block; vertical-align: top; width: 23%; margin-right: 2%; margin-bottom: 2%; font-size: 15px; border: 1px solid #d8d8d8; border-top: 2px solid #52b767; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box_lstst2 .h1 {text-align: center; line-height: 70px; font-size: 18px; color: #000; background-color: #f5f5f5;}
.box_lstst2 .lst_dot1 {padding: 30px; min-height: 125px;}

.box_lstst2.n2 > ul > li {width: 48%;}



.lst_dot1 {}
.lst_dot1 li {position: relative; padding-left: 11px; margin-top: 3px;}
.lst_dot1 li:after {content:"·"; position: absolute; left: 0; top: 0; color: #52b767;}
.lst_dot1 li:first-child {margin-top: 0;}


.lst_dot2 {padding: 0 5px;}
.lst_dot2 p {position: relative; padding-left: 14px; margin-top: 2px;}
.lst_dot2 p:after {content:"■"; position: absolute; left: 0; top: 5px; color: #666; font-size: .5em;}
.lst_dot2 p:first-child {margin-top: 0;}


.box_lstst3 {display: flex; padding-bottom: 40px;}
.box_lstst3 .col {flex:1; padding: 30px 40px 0; font-size: 15px; background-color: #f5f5f5; margin-left: 2%;}
.box_lstst3 .col:first-child {margin-left: 0;}
.box_lstst3 .col > .t1 {height: 70px;}
.box_lstst3 .h1 {font-size: 24px; color: #000; margin-bottom: 20px;}
.box_lstst3 ul {font-size: 0; width: 102%; margin-bottom: -40px;}
.box_lstst3 li {display: inline-block; vertical-align: top; width: 48%; height: 180px; margin-right: 2%; font-size: 15px; background-color: #fff; padding: 30px 40px; box-sizing:border-box; box-shadow:5px 5px 5px rgba(0,0,0,.2)}
.box_lstst3 li .h2 {margin-bottom: 10px; font-size: 18px; color: #52b767;}

.container.sub3 .box_lstst2.img .lst_dot1 .imgs {float: left;}
.container.sub3 .box_lstst2.img .lst_dot1 ul {margin-left: 180px;}



.box_lstst4 {}
.box_lstst4 > ul {width: 102%; font-size: 0;}
.box_lstst4 > ul > li {display: inline-block; vertical-align: top; width: 48%; margin-right: 2%; margin-bottom: 2%; font-size: 15px; border: 1px solid #d8d8d8; border-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.box_lstst4 .h1 {text-align: center; padding: 15px 20px; font-size: 18px; color: #fff; background-color: #52b767;}
.box_lstst4 .txt {padding: 20px 30px;}

.box_lstst4.n3 > ul > li {width: 31.33%;}




/*4. 고객서비스*/
.tbl_gallery1 {font-size: 0;}
.tbl_gallery1 ul {width: 102%; font-size: 0;}
.tbl_gallery1 li {display: inline-block; vertical-align: top; width: 31.33%; margin-right: 2%; margin-bottom: 40px;}
.tbl_gallery1 .imgs {overflow:hidden; margin-bottom: 30px;}
.tbl_gallery1 .imgs div {height: 0; padding-bottom: 60%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s;}
.tbl_gallery1 .txt {font-size: 13px; color: #666;}
.tbl_gallery1 .txt .h1 {margin-bottom: 10px; font-size: 24px; color: #000;}
.tbl_gallery1 .txt .t1.t-dot {line-height: 20px; height: 40px;}
.tbl_gallery1 li:hover .imgs div {transform:scale(1.1);}

.area_terms {overflow-y:auto; height: 100px; padding: 25px 30px; font-size: 15px; border-top: 2px solid #52b767; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}
.area_terms .box {white-space:pre-line; }
.area_terms .box strong {color: #000;}







/*5.소독증명서*/
.box_info1 {padding: 25px 30px; font-size: 15px; border-top: 2px solid #52b767; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}

.area_certinfo1 {padding: 100px 0; background-color: #f5f5f5;}
.area_certinfo1 .inpus {max-width:400px; margin: 0 auto;}
.area_certinfo1 .inpus > * {margin-bottom: 25px;}
.area_certinfo1 .text {padding-top: 20px; text-align: center; font-size: 15px; color: #52b767;}
.area_certinfo1 .text > ul {display: inline-block; vertical-align: top; text-align: left;}

.area_calendar {}
.area_calendar .tit {position: relative; margin-bottom: 50px; text-align: center; font-size: 30px; font-weight: 700; color: #000; line-height: 1;}
.area_calendar button {position: absolute; left: 50%; top: 50%; margin-top: -11px; font-size: 0; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.area_calendar button.btn_prev {margin-left: -150px;background-image: url(../images/common/ico_tbl_prev.png);}
.area_calendar button.btn_next {margin-left: 150px; background-image: url(../images/common/ico_tbl_next.png);}
.area_calendar table {table-layout:fixed; border-top: 2px solid #52b767;}
.area_calendar th {height: 53px; border: 1px solid #d7d7d7; background-color: #f6f6f6; color: #000;}
.area_calendar td {height: 139px; border: 1px solid #d7d7d7; padding: 15px; vertical-align: top; color: #000; line-height: 1.2;}
.area_calendar td .num {display: block; text-align: right;}
.area_calendar td .b {padding-top: 5px;}
.area_calendar td .b p {margin-top: 10px;}
.area_calendar td .i-txt {display: inline-block; vertical-align: top; margin-right: 5px; font-size: 13px; line-height: 24px; text-align: center; color: #fff; width: 51px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #52b767;}
.area_calendar td .tt {vertical-align: middle;}
.area_calendar td.non {opacity:.5;}
.area_calendar .t_sun {color: #f61900;}
.area_calendar .t_sat {color: #005f98;}


.lst_gallery1 {overflow:hidden; padding-bottom: 50px; border-bottom: 1px solid #ddd;}
.lst_gallery1 ul {font-size: 0; width: 101%;}
.lst_gallery1 li {position: relative; display: inline-block; vertical-align: top; width: 19%; margin-right: 1%; padding-top: 40px; margin-top: 40px; border-top: 1px solid #ddd;}
.lst_gallery1 li a {display: block;}
.lst_gallery1 li .imgs {height: 0; padding-bottom: 60%; background-repeat: no-repeat; background-position: center center;}
.lst_gallery1 li:after {content:""; position: absolute; left: 0; top: -1px; width: 500%; height: 1px; background-color: #ddd;}
.lst_gallery1 li:nth-child(-n+5) {padding-top: 0; margin-top: 0;}
.lst_gallery1 li:nth-child(-n+5):after {content:none;}


.bdnon {border-bottom: 0 !important;}
.no_txt {padding: 200px 0; text-align: center; font-size: 18px; color: #666;}
.a_link {color: #52b767; border-bottom: 1px solid #52b767;}


.inp_checkbox.ty1 {position: static;}
.inp_checkbox.ty1 span > em {display: none;}
.inp_checkbox.ty1 input + span::after, .inp_checkbox.ty1 input + span:after {background-color: #52b767; background-image: url(../images/common/ico_check.png); background-size: 16px auto; background-repeat: no-repeat; background-position: center center;}
.inp_checkbox.ty1 input + span {z-index: 1;}
.inp_checkbox.ty1 input:checked + span {color: #fff;}
.inp_checkbox.ty1 input:checked + span > em {display: inline;}
.inp_checkbox.ty1 input:checked + span + div.bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #52b767;}


div.inp_checkbox.wait {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; color: #777;}
div.inp_checkbox.wait span {position: absolute; left: 50%; top: 50%; display: inline-block; vertical-align: middle; font-size: 15px; color: #777; transform:translate(-50%,-50%);}
div.inp_checkbox.end {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #52b767; color: #fff;}
div.inp_checkbox.end span {position: absolute; left: 50%; top: 50%; display: inline-block; vertical-align: middle; font-size: 15px; color: #fff; padding-left: 30px; background-image: url(../images/common/ico_check.png); background-size: 16px auto; background-repeat: no-repeat; background-position: 0 center; transform:translate(-50%,-50%);}


.bg_gray1 {background-color: #f5f6f8;}
.bg_gray1.ty2 {background-color: #f7f7f7;}
.bg_gray1.pd {padding-top: 90px; padding-bottom: 90px;}




.area_qna1 {background-color: #52b767; color: #fff;}
.area_qna1 ul {text-align: center;}
.area_qna1 li {position: relative; display: inline-block; vertical-align: top; width: 45%; font-size: 15px; height: 290px;}
.area_qna1 .t1 {font-size: 24px; padding-top: 40px;}
.area_qna1 .t2 {font-size: 28px;}
.area_qna1 li div {position: absolute; left: 0; bottom: 0; width: 100%;}



.box_dotted {display: flex; margin-top: 20px;}
.box_dotted p {
	flex:1; margin-left: 20px;
	display: inline-flex;
	align-items:center;
	justify-content: center;
	height: 60px; padding: 10px;
	background-color: #f5f5f5;
	font-size: 18px; font-weight: 700; text-align: center;
	color: #52b767;
	border: 2px dotted #52b767;
}
.box_dotted p:first-child {margin-left: 0;}

.box_lstst2.fixd {}
.box_lstst2.fixd > ul {display: flex; flex-wrap:wrap;}
.box_lstst2.fixd > ul > li {width: 47%;}
.box_lstst2.fixd > ul > li:first-child {position: relative; margin-right: 4%;}
.box_lstst2.fixd > ul > li:first-child:after {
	content:"";
	position: absolute; right: -4%; top: 50%;
	margin-top: -40px; margin-right: -40px;
	width: 80px; height: 80px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow:0 0 10px rgba(0,0,0,.2);
	background-image: url('../images/common/ico_bind_arrow.png');
	background-repeat: no-repeat;
	background-position: center center;
}


.box_lstst2.fixd > ul > li:last-child .h1 {background-color: #52b767; color: #fff;}


.gray_box1 {
	border: 1px solid #e0e0e0;
	display: flex; align-items:center; 
	padding: 20px 40px;
}
.gray_box1  .txt {margin-left: 20px; padding: 20px; background-color: #f5f5f5;}


.gray_box2 {padding: 1em; text-align: center; color: #000; border: 2px dashed #52b767; background-color: #f5f5f5;}
.gray_box2 .fz {font-size: 1.5em;}

.lst_certificate {}
.lst_certificate ul {font-size: 0; width: 102%;}
.lst_certificate li {display: inline-block; vertical-align: top; width: 18%; margin-right: 2%;}
.lst_certificate li div {border: 1px solid #ddd; height: 0; padding-bottom: 130%; background-repeat: no-repeat; background-size: 100% 100%;}
.lst_certificate li.long {width: 36%;}
.lst_certificate li.long > div {padding-bottom: 65%;}





/******************************************************************************************/
@media (max-width:1380px){
	.inr-c {margin-left: 4%; margin-right: 4%;}

}
@media (max-width:1180px){
	#header .logo {width: 130px;}
	#header .gnbbox {margin-left: 150px;}

	#header .gnb > ul > li {width: 120px;}

	.bxMain .slider_txt {margin: 0; width: 100%; left: 0; padding-left: 100px; padding-right: 100px;}
	.bxMain .owl-nav > div.owl-prev {left: 30px;}
	.bxMain .owl-nav > div.owl-next {right: 30px;}


	.lst_client li {width: 31.33%;}
}

@media (min-width:961px){
	.view-m {display: none !important;}
	#header .gnbbox {display: block !important;}

	#header.on2 .logo {z-index: 1; }
	#header.on2:after {content:""; z-index: 0; position: absolute; left: 0; top: 0; padding-top: 100px; width: 100%; height: 260px; background-color: #fff; border-bottom: 1px solid #ddd;}
	#header.on2:before {content:""; z-index: 100; position: absolute; left: 0; top: 100px; width: 100%; height: 1px; background-color: #ddd;}
	#header.on2 .depth2 {display: block !important;}

	#header .btn_menu.on span {background-color: #fff;}
	#header .btn_menu.on span:after {transform:rotate(45deg);}
	#header .btn_menu.on span:before {transform:rotate(-45deg);}


}