@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap');
@import url('aos.css');
@import url('swiper.min.css');

body,h1,h2,h3,h4,h5,h6,h7,p,div,ul,li,a,button,input { font-family: 'Play', 'Noto Sans KR', sans-serif }
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.mb6 { margin-bottom:6px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mb110 { margin-bottom:110px !important }
.mb150 { margin-bottom:150px !important }
.mb190 { margin-bottom:190px !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }


.checkbox { position: absolute;left: -9999px; }
.checkbox + p { display: inline-block; vertical-align: middle; cursor: pointer; }
.checkbox + p em { display: inline-block; vertical-align: middle; width:18px; height: 18px; border: 1px solid #dddddd; border-radius:2px; position: relative;transition: all 0.3s ease; position: relative;}
.checkbox + p em:before { content: ''; position: absolute;left: 0; top:0; right:0; bottom:0; background:#769c59 url(../img/common/checkbox.png) no-repeat 50% 50%; transition: all 0.3s ease; opacity:0;  }
.checkbox + p span { display: inline-block; vertical-align: middle; font-size:16px; margin-left: 6px; color: #999;}
.checkbox:checked + p em:before { opacity:1; }
.checkbox:checked + p em { border-color:#769c59; }
.checkbox:checked + p span { color: #222; }

.radio { position: absolute;left: -9999px; }
.radio + p { display: inline-block; vertical-align: middle; cursor: pointer; }
.radio + p em { display: inline-block; vertical-align: middle; width:19px; height: 19px; border: 1px solid #dddddd; border-radius:100%; position: relative;transition: all 0.3s ease; position: relative;}
.radio + p em:before { content: ''; position: absolute;left: 3px; top:3px; right:3px; bottom:3px; background:#000; transform: scale(0.3); transition: all 0.3s ease; opacity:0; border-radius:100%; }
.radio + p span { display: inline-block; vertical-align: middle; font-size:16px; margin-right: 3px; color: #000;}
.radio:checked + p em:before { opacity:1; transform: scale(1); }
.labels label { margin-right:30px; }
.labels label:last-child{ margin-right:0; }

/************************************************************************************************************************************
	Sub
************************************************************************************************************************************/
/*
font-family: 'Montserrat';
*/
/* site.css 에 삽입 예정 */
#header.sub { background: none; border-bottom: 0; }
#header.sub .gnb .gnb_area .gnb_1 a,
#header.sub .head_info .language_area .on_lang a,
#header.sub .head_info .careers_area .careers_btn .care_btn,
#header.sub .head_info .global_area .global_icon{ color: #fff; }
#header.sub .top_logo a { background-image: url(../img/common/logo_white.png); }
#header.sub.sub_top .top_logo a { background-image: url(../img/common/logo.png); }

#header.drop { background: #fff; }
#header.drop .gnb .gnb_area .gnb_1 a,
#header.drop .head_info .language_area .on_lang a,
#header.drop .head_info .global_area .global_icon{ color: #181818; }
#header.drop .top_logo a { background-image: url(../img/common/logo.png); }

#header.sub #gnb2_back { border-bottom: 0;}
/* 여기까지 */

.inner { max-width:1400px; margin: 0 auto; }
.sub-container { color: #222;  }
.sub-head { height: 630px; background: url(../img/sub1/bg_head1.jpg) no-repeat 50% 50%; background-size:cover; margin-bottom: 120px;  }
.sub-head.sub1-1 { background-image: url(../img/sub1/bg_head1.jpg);}
.sub-head.sub2 { background-image: url(../img/sub2/bg_head1.jpg);margin-bottom: 0;}
.sub-head.sub3 { background-image: url(../img/sub3/bg_head1.jpg);}
.sub-head.sub4 { background-image: url(../img/sub4/bg_head1.jpg);}
.sub-head.sub5 { background-image: url(../img/sub5/bg_head1.jpg);}
.sub-head.sub6 { background-image: url(../img/sub6/bg_head1.jpg);}
.sub-head.sub7 { background-image: url(../img/sub7/bg_head1.jpg);}
.sub-head .inner { height: 100%; display: flex; justify-content: center; flex-direction: column; }
.sub-head h2 { font-size:70px; font-weight: 700; color: #fff; font-family: 'Montserrat', 'Noto Sans KR';}
.sub-head h2 strong { font-weight: 600; }
.sub-head h2 small { font-size:22px; font-weight: 400; margin-left: 20px; }

.path { border-bottom: 1px solid #eeeeee; margin-bottom: 140px; position: relative; z-index:2; background: #fff; }
.path .inner { display: flex; }
.path .inner .btn-home { display: inline-block; width:60px; height: 59px; background: #769c59 url(../img/common/ico_home.png) no-repeat 50% 50%; text-indent: -9999px; }
.path .inner .btn-box { border-right:1px solid #eee; position: relative; }

.path .inner .btn-box .btn-dep1 { display: block; width:308px; height: 59px; font-size:16px; color: #666; text-align: left; padding-left: 20px; position: relative; border: 0; outline:none;  background: none; z-index:10;  }
.path .inner .btn-box .btn-dep1:before { content: ''; position: absolute; right:20px; top:0; height: 100%; width:18px; background: url(../img/common/ico_path.png) no-repeat 0 50%; transition: all 0.3s ease; }
.path .inner .btn-box .btn-dep1.active { color: #000;}
.path .inner .btn-box .btn-dep1.active:before { transform:rotate(180deg);}
.path .inner .btn-box ul { display: none; position: absolute;left: 0; right:0; top:0; border: 1px solid #000000; border-top:0; background: #fff; padding-top:59px;  }
.path .inner .btn-box ul li a { display: block; line-height: 50px; font-size:16px; color: #666666; padding-left: 20px; transition: all 0.3s ease;}
.path .inner .btn-box ul li a:hover{ background: #f7f7f7; }

.h3  {text-align: center; margin-bottom: 35px;  }
.h3 strong { display: inline-block; vertical-align: middle; font-size:52px; font-weight: 700; position: relative; line-height: 1;}
/*.h3 strong:before { content: ''; position: absolute; right:-17px; top:-10px; width:11px; height: 11px; border-radius:100%; background: #3085c8; }*/
.h3-desc { text-align: center; font-size:22px; line-height: 1.4; margin-bottom: 70px; }

.tabs { margin-bottom: 90px; text-align: center; }
.tabs a { display: inline-block; vertical-align: middle; width:180px; height: 60px; line-height: 58px; border: 1px solid #666666; border-radius:60px; font-size:16px; color: #888; transition: all 0.3s ease; margin:0 10px; }
.tabs a.active,
.tabs a:hover { background: #769c59; border-color:#769c59; color: #fff; }

/* 1 회사소개 */
.about { overflow: hidden}
.about .t1 { text-align: center; padding:0 20px; font-size:22px; line-height: 1.4; margin-bottom: 90px;}

.about .map-wrap { position: relative;}
.about .map-wrap .map-cont > div { height: 730px; background: #eee; }
.about .map-wrap .map-cont > div > div { height: 100%; }
.about .map-wrap .map-info { position: absolute; left:180px; top:90px;  width:480px; padding: 40px; background: #fff; border-radius:28px; box-shadow: 40px 40px 62px rgba(75,99,150,0.14); }
.about .map-wrap .map-info h4{ font-size:18px; font-weight: 700; color: #769c59; margin-bottom: 5px; }
.about .map-wrap .map-info .locs {   }
.about .map-wrap .map-info .locs a { display: block; font-size:30px; line-height: 1.7; color: #cccccc; font-weight: 600; letter-spacing: -0.5px; transition: all 0.5s ease; }
.about .map-wrap .map-info .locs a.active{  color: #000; }
.about .map-wrap .map-info .loc-cont {  border-top:1px solid #eeeeee; margin-top:20px; padding-top:20px;  }
.about .map-wrap .map-info .loc-cont .tit { font-size:30px; font-weight: 700; line-height: 1.1; margin-bottom: 19px; display: none; }
.about .map-wrap .map-info .loc-cont .tit p { display: inline-block; vertical-align: middle; position: relative;word-break: keep-all;}
.about .map-wrap .map-info .loc-cont .tit p:before { content: ''; position: absolute; right:-7px; top:-4px; width:9px; height: 9px; border-radius:100%; background: #3085c8; }
.about .map-wrap .map-info .loc-cont dl:after { display: block; content: ''; clear: both; }
.about .map-wrap .map-info .loc-cont dl + dl { margin-top:28px; }
.about .map-wrap .map-info .loc-cont dl { font-size:18px; line-height: 1.6;  }
.about .map-wrap .map-info .loc-cont dl dt {  color: #000; font-weight: 700;margin-bottom: 7px; }
.about .map-wrap .map-info .loc-cont dl dd { color: #333;  }
.about .map-wrap .map-info .loc-cont dl dd small { font-size:15px; }
.about .map-wrap .map-info .loc-cont dl dd span { display: inline-block; vertical-align: middle; }

.since-box {height: 954px; background: url(../img/sub1/img1_1.jpg) no-repeat 50% 0; position: relative; margin-bottom: 150px; }
.since-box .inner  {position: relative; height: 954px;}
.since-box .text-box { position: absolute;left: 0; bottom:0; width:985px; height: 556px;  font-size:18px; color: #e3e2e2; line-height: 34px; }
.since-box .text-box h4 { position: absolute;left: 0; top:-173px; font-size:130px; color: #fff; font-weight: 100;font-family: 'Montserrat';line-height: 1;  }
.since-box .text-box h4 strong { font-size:200px; }
.since-box .text-box:before { content: ''; position: absolute;left: -500px; width:calc(100% + 500px); height: 556px; background: linear-gradient(270deg, rgba(116,156,90,1) 0%, rgba(153,172,100,1) 100%); transform: skewX(-7deg);  }
.since-box .text-box .txt { position: relative; z-index:2; padding-top:80px; }
.since-box .text-box .txt p{
	font-size: 14px;
    line-height: 23px;
}
.since-box .text-box .txt div { font-size:22px; line-height: 38px; color: #fff; margin-bottom: 30px; }
.since-box .btn-box { position: absolute; right:-75px; bottom:95px; display: flex; justify-content: flex-end; width:540px;  }
.since-box .btn-box:before { content: ''; position: absolute;left: 0; right:0; top:50%; height: 1px; background: #769c59; }
.since-box .btn-box > div  { display: flex; align-items: center; font-size:15px; color: #000; padding-left: 20px; background: #fff; z-index:2; position: relative; }
.since-box .btn-box a { display: inline-block; width:40px; height: 40px; border-radius:100%; text-align: center; line-height: 39px; font-size:10px; background: #769c59; color: #fff;  margin-left: 10px; }
.cp-info { margin-bottom: 230px; display: flex; justify-content: space-between; }
.cp-info dl { flex: 1; text-align: center; position: relative;}
.cp-info dl:before { content: ''; position: absolute; right:0; top:22px; bottom:22px; width:1px; background: #efefef; }
.cp-info dl dt strong {  display: block; font-size:22px; font-weight: 600; padding:20px 0 40px; }
.cp-info dl dd { display: flex; height: 44px; align-items: center; justify-content: center; flex-direction: column;  font-size:16px; line-height: 1.4; color: #666666; }
.about-prd { display: flex; justify-content: space-between; align-items: center; }
.about-prd .left {}
.about-prd h3 { font-size:21px; line-height: 1.7; margin-bottom: 25px;  }
.about-prd .t2 { font-size:18px; line-height: 1.7; color: #333333; margin-bottom: 50px; }
.btn-now { display: inline-block; vertical-align: middle; padding:0 35px; height: 55px; line-height: 53px; font-size:16px; color: #222; border: 1px solid #000000; border-radius:55px; font-family: 'Montserrat';font-weight: 600; transition: all 0.3s ease; }
.btn-now i { font-size:22px; margin:-5px 0 0 10px; vertical-align: middle}
.btn-now:hover { background:#1ea135; border-color:#1ea135; color:#fff;  box-shadow:8px 8px 20px rgba(0,0,0,0.3); } 

.core{ margin-bottom: 190px;}
.core .in { height: 640px; position: relative;  background: url(../img/sub1/bg1.jpg) no-repeat 50% 0; }
.core .c1 { position: absolute;left: 0; right:0; top:90px; text-align: center; font-size:43px; color: #769c59; font-weight: 600; line-height: 1.1; }
.core .tit { position: absolute;  }
.core .tit strong { display: block; font-size:32px; color: #fff; line-height: 1; text-transform: uppercase; }
.core .tit p { font-size:18px; color: #e3e2e2; font-weight: 200; }
.core .tit1  {left: 246px; top:295px; }
.core .tit2  {left: 0; width:100%; top:295px; text-align: center; }
.core .tit3  {right: 246px; top:295px; text-align: right; }
.core dl { position: absolute; top:443px;}
.core dl dt { font-size:20px; line-height: 1.5; margin-bottom: 14px; font-weight: 500;}
.core dl dd {font-size:16px; line-height: 1.5; color: #777; }
.core dl.box1 { left:121px;  }
.core dl.box2 { left:0; width:100%; text-align: center; }
.core dl.box3 { right:121px; text-align: right; }

.vision { background: url(../img/sub1/bg2.jpg) no-repeat 50% 50%; background-size:cover; padding: 120px 0; }
.vision h4 { text-align: center; color: #fff; margin-bottom: 50px;  }
.vision h4 small { font-size:16px; font-weight: 600; margin-bottom: 20px; display: block; }
.vision h4 strong { display: block; font-size:50px; font-weight:200; line-height: 1; }
.vision .boxs { background: url(../img/sub1/img2.png) no-repeat 0 0; width:929px; height: 346px; margin: 0 auto; display: flex; justify-content: space-between; padding:0 40px; }
.vision .boxs > div { flex: 1; text-align: center; padding-top:137px; color: #fff;  }
.vision .boxs > div strong { display: block; font-size:24px; color: #fff; font-weight: 600;  padding:18px 0 3px; }
.vision .boxs > div p { font-size:18px; }
.vision .boxs .center { padding-top:200px; }


.quick { position: fixed; top:50%;right:0;  width:158px;z-index:9969;transform:translateY(-50%);border-radius:20px 0px 0px 20px;background: #fff; border:1px solid #eeeeee;transition:.5s all;}
.quick.active{right:-158px;}
.quick .bts{cursor:pointer;width:45px;height:130px;background-image:url("../img/quick_back.png");background-repeat:no-repeat;background-size:cover;background-position:center;display:block;text-align:center;line-height:130px;position:absolute;left:-45px;top:50%;transform:translateY(-50%);}
.quick .top { padding: 30px 20px 0px; text-align: center;margin-bottom: 12px;}
.quick .top .tit {font-size:18px; color: #666; margin-bottom: 6px; }
.quick .top p img { height: auto; }
.quick .top .control { text-align: center; font-size:0; margin:20px 0;     display: flex;
    justify-content: center;}
.quick .swiper-button-next, 
.quick .swiper-button-prev { width:20px; height: 20px; line-height: 16px; background: #fff; border: 1px solid #8c8c8c; font-size:17px; color: #8c8c8c; position: static; margin: 0;  }
.quick .btns a { display: block; height: 37px; line-height: 36px; border-radius:36px; background: #00589d; font-size:17px; color: #fff; margin-bottom: 4px;  }
.quick .btns a:first-child { background: #3085c8; }
.quick .cs { padding:20px 0; border-radius:0px; text-align: center; border-top:1px solid #eeeeee;}
.quick .cs a img{display:block;margin:0 auto;margin-bottom:10px;max-width:100%;}
.quick .cs a{text-align:center;display:block;color:#888888;font-size:13px;}
.quick .cs .tit2{  font-size:16px; color: #666; margin-bottom: 10px; font-weight: 500;}
.quick .cs .time { font-size:15px; line-height: 22px; color: #989898;  margin-bottom: 8px; letter-spacing: -1px;}
.quick .cs .tel { font-size:17px; line-height: 22px; color: #222222; font-weight: 600;letter-spacing:-.25px; margin-bottom:5px;}
.quick .cs .inq_b{width:110px;height:35px;background:#1ea135;color:#fff;border:0;border-radius:17.5px;font-size:14px;font-weight:400;}
.quick .cs .inq_b i{margin-right:5px;}



.shop_tail_quick{
	position: fixed; right:45px; bottom: 18px; width:90px;z-index:9999; 
	border-top:1px solid #eeeeee;
}

.shop_tail_quick li{
	width:90px;
	height:90px;
	border:1px solid #eeeeee;
	border-top:0;
	background:#fff;
	text-align:center;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.shop_tail_quick li .t{
	color:#181818;
	font-size:12px;
	font-weight:300;
	line-height:16px;
	letter-spacing:-.20px;
	text-align:center;
	margin-top:12px;
}

.shop_tail_quick li a{
	display:block;
}

/* 3 밸리데이션 */
.validation img { max-width:100%; }
.validation {}
.validation .val1 { background: url(../img/sub3/bg1.png) repeat-x 50% 0; }
.validation h3 { text-align: center; margin-bottom: 70px;  padding-top:235px; text-transform: uppercase; }
.validation h3 strong { display: inline-block; vertical-align: middle; position: relative; font-size:150px; line-height: 1; color: #333; font-weight: 400; }
.validation h3 strong:after { content: ''; display: inline-block;width:25px; height: 25px; border-radius:100%; background: #333333; margin-left: 10px;  }
.validation h4 { font-size:17px; color: #769c59; font-weight: 400; margin-bottom: 15px;  text-transform: uppercase; }
.validation h5 { font-size:52px; color: #333; font-weight: 200; line-height: 1.25; margin-bottom: 35px; }
.validation h5 small { display: block; font-size:44px;font-family: 'Montserrat';font-weight: 500; text-transform: uppercase; }
.validation .txt1 { font-size:18px; line-height: 1.8; color: #333; margin-bottom: 55px; }
.validation .txt1 small { font-size:16px; }
.validation .val1 h3 { margin-bottom: 70px;  }
.validation .val1 h4 { text-align: center; margin-bottom: 35px; }
.validation .val1 h5 { text-align: center; padding-bottom: 75px; margin-bottom: 25px; position: relative; }
.validation .val1 h5:before { content: ''; position: absolute; left: 50%; bottom:0; width:1px; height:60px; background: #cdcdcd;  }
.validation .val1 .txt1 { text-align: center; margin-bottom:270px; }
.validation .article { padding-left: 355px; position: relative;}
.validation .article .q { position: absolute;left: 0; top:-20px; font-size:170px; color: #1c1c1c; font-family: 'Noto Serif'; font-weight: 200;  line-height:1;}
.validation .val3  { background: url(../img/sub3/bg2.png) no-repeat 0 0; padding-top:140px; margin-top:20px; margin-bottom: 280px;}
.validation .val4  { background: url(../img/sub3/bg3.png) no-repeat 0 0; padding-top:90px; margin-bottom: 180px; }
.validation .val4 h5 { font-size:50px; margin-bottom: 80px; text-align: center; font-family: 'Noto Sans KR'; }
.validation .val4 .box { display: flex; justify-content: center;}
.validation .val4 ul { display:flex; padding: 25px 2px; border: 6px solid #e8e8e8; border-radius:100px; background: #fff; margin-bottom: 100px; }
.validation .val4 ul li { flex: 1; padding:0 22px; position: relative; }
.validation .val4 ul li:before { content: ''; position: absolute;left: -22px; top:50%; width:44px; height: 1px; background: url(../img/sub3/dot.png) repeat-x 0 0; }
.validation .val4 ul li:first-child:before { display: none; }
.validation .val4 ul li p { width:130px; height: 130px; border: 1px solid #799e5c; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:13px; color: #769c59;border-radius:100%; letter-spacing: -1px;  font-weight: 300; }
.validation .val4 ul li p strong { font-weight: 500; }
.validation .val4 .btn-box  { display: flex; justify-content: center; }
.validation .val4 .btn-box a { display: flex; align-items: center; font-size:18px; color: #aaaaaa; font-weight: 500; transition:all 0.5s ease; }
.validation .val4 .btn-box a em { width:40px; height: 40px; border-radius:100%; background: #aaaaaa url(../img/sub3/arr.png) no-repeat 0 50%;position: relative; transition:all 0.5s ease;}
.validation .val4 .btn-box a em:before { content: ''; position: absolute;left: -47px; width:47px; height: 1px; background: #aaaaaa; top:50%; margin-top:-1px;transition:all 0.5s ease; }
.validation .val4 .btn-box a span { margin-right:75px; }
.validation .val4 .btn-box a:hover{ color: #799e5c; }
.validation .val4 .btn-box a:hover em:before,
.validation .val4 .btn-box a:hover em { background-color: #799e5c;}
.validation .val5 { position: relative; }
.validation .val5 .dls {background-size:cover; display: flex; justify-content: space-between; position: absolute;left: 0; top:0; width:100%; height: 100%; z-index:100;}
.validation .val5 dl { flex: 1; position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.validation .val5 dl:before { content: '01'; font-family: 'Noto Serif'; display: inline; position: absolute; right:0;bottom:20px; font-size:180px; color: #aaaaaa; opacity:0.4; line-height: 1; transition:all 0.5s ease;}
.validation .val5 dl:nth-child(2):before {content: '02';}
.validation .val5 dl:nth-child(3):before {content: '03';}
.validation .val5 dl dt strong { color:#769c59; font-size:16px;  transition:all 0.5s ease;}
.validation .val5 dl dt p  { font-size:30px; color: #aaa; font-weight: 300; margin:10px 0 30px; transition:all 0.5s ease;}
.validation .val5 dl dd { font-size:16px; line-height: 1.6; color: #aaaaaa; font-weight: 300 ;transition:all 0.5s ease;}
.validation .val5 dl.active dt strong { color: #8bd752;}
.validation .val5 dl.active dt p  { color: #fff;}
.validation .val5 dl.active dd { color: #fff;}
.validation .val5 dl.active:before { color: #fff;  }
.validation .val6 { padding:140px 0 230px;}
.validation .val6 h4 { text-align: center; font-size:16px; }
.validation .val6 h5 { text-align: center; font-size:40px; font-weight: 600;}
.validation .val6 ul { display: flex; flex-wrap: wrap; width:1070px; margin: 0 auto; justify-content: space-between;  }
.validation .val6 ul li {width:25%; padding-bottom: 65px; position: relative; }
.validation .val6 ul li div { margin: 0 auto; width:223px; height: 223px; border-radius:100%; border-radius:100%; border: 1px solid #729e5d; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index:2; background: #fff;text-align: center; }
.validation .val6 ul li div strong { font-size:20px; font-weight: 600; color: #769c59; line-height: 1.2; letter-spacing: -1px; }
.validation .val6 ul li div p {font-size:16px; font-weight: 300; color: #666666; padding-top:10px; letter-spacing: -0.5px; }
.validation .val6 ul li.logo { width:50%; }
.validation .val6 ul li.logo div{  width:auto;  border: 0; }
.validation .val6 ul li:before { content: ''; position: absolute;left: -40px; height: 10px; background: #e4ebde; top:calc(50% - 40px); width:80px; }
.validation .val6 ul li:first-child:before,
.validation .val6 ul li:nth-child(5):before,
.validation .val6 ul li:nth-child(6):before,
.validation .val6 ul li:nth-child(7):before,
.validation .val6 ul li:nth-child(8):before{ display: none; }
.validation .val6 ul li:nth-child(1):after,
.validation .val6 ul li:nth-child(4):after,
.validation .val6 ul li:nth-child(5):after,
.validation .val6 ul li:nth-child(7):after{ content: ''; position: absolute;left: 50%; bottom:0; width:10px; height: 80px; background: #e4ebde; margin-left: -5px;  }

/* 4 프로젝트 */
.prj-list { margin-bottom:190px; }
.prj-list ul li { margin-bottom: 20px;  }
.prj-list ul li .btn-flip { width:100%; height: 92px; font-size:32px; color: #222; text-align: left; position: relative; background: none; outline:none; border: 0; position: relative; border-bottom: 2px solid #222; }
.prj-list ul li .btn-flip small  { font-size:18px; margin-left: 12px; }
.prj-list ul li .btn-flip:before{  content: ''; position: absolute; right:10px; top:50%; width:27px; height: 5px; background: url(../img/sub4/ico_flip.png) no-repeat 0 0; }
.prj-list ul li .btn-flip:after{  content: ''; position: absolute; right:10px; top:50%; width:27px; height: 5px; background: url(../img/sub4/ico_flip.png) no-repeat 0 0; transform: rotate(90deg); transition: all 0.5s ease;}
.prj-list ul li .view { display: none; padding: 50px 0 120px;}
.prj-list ul li .view .img-box img { width:100%; box-shadow:10px 10px 24px rgba(0,0,0,0.16); border-radius:30px;  }
.prj-list ul li .view .img-box { display: flex; justify-content: space-between; margin-bottom: 70px;  }
.prj-list ul li .view .img-box > p { width:calc(50% - 13px); }
.prj-list ul li .view .slider { margin-bottom: 70px;position: relative; }
.prj-list ul li .view .slider .swiper-button-next, 
.prj-list ul li .view .slider .swiper-button-prev { position: absolute; top:50%; transform: translateY(-50%); margin: 0; width:40px; height: 40px; border: 0; outline:none; opacity:1; background: none; font-size:25px; color: #fff; }
.prj-list ul li .view .slider .swiper-button-prev { left: 10px; }
.prj-list ul li .view .slider .swiper-button-right { right: 10px; }
.prj-list ul li .view .info { padding-left: 380px; position: relative; display: flex;}
.prj-list ul li .view .info .logo { position: absolute;left: 0; width:360px; text-align: center; }
.prj-list ul li .view .info .article { width:50%; padding-left: 15px; }
.prj-list ul li .view .info .article dl:after { display: block; content: ''; clear: both; }
.prj-list ul li .view .info .article dl { line-height: 27px; margin-bottom: 22px; }
.prj-list ul li .view .info .article dl dt{ float:left; margin-right:20px; font-size:18px; color: #666; font-weight: 600; }
.prj-list ul li .view .info .article dl dt img { vertical-align: middle; margin:-4px 10px 0 0;}
.prj-list ul li .view .info .article dl dd{  overflow: hidden; font-size:16px; color: #666666; letter-spacing: -0.5px;}
.prj-list ul li.active .btn-flip:after { transform: rotate(0); opacity:0;}

/* 5 고객지원 */
.gallery-list { border-top:2px solid #333; margin-bottom: 70px; }
.gallery-list ul li {  }
.gallery-list ul li a { display: flex; justify-content: space-between; align-items: center; padding:20px 30px;  transition: all 0.3s ease; min-height: 163px;border-bottom: 1px solid #eee;}
.gallery-list ul li a .date { flex: 0 0 180px; width:180px;  text-align: center; margin-right:25px; color: #cccccc; transition: all 0.3s ease; }
.gallery-list ul li a .date strong { font-size:58px; line-height: 1; }
.gallery-list ul li a .date small { display: block; font-size:15px; font-weight: 600; padding-top:7px; }
.gallery-list ul li a .text { flex: 1; min-width: 0;}
.gallery-list ul li a .text .subj { font-size:20px; font-weight: 400; margin-bottom: 10px;   transition: all 0.3s ease;white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.gallery-list ul li a .text .txt { font-size:16px; color: #777; line-height: 1.8;  transition: all 0.3s ease; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  }
.gallery-list ul li a .thum { width:207px; flex:0 0 207px; position: relative; margin-left: 80px;}
.gallery-list ul li a .thum img { vertical-align: top; width:100%; }
.gallery-list ul li a .thum span { position: absolute;left: 0; top:0; width:100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size:50px; color: #fff; background: rgba(0,0,0,0.3); }
.gallery-list ul li a .thum span i { transform: rotate(-90deg); }
.gallery-list ul li a:hover { border-color:#769c59;  }
.gallery-list ul li a:hover .date { color: #769c59; }
.gallery-list ul li a:hover .text .subj,
.gallery-list ul li a:hover .text .txt { color: #9cb28c; }

.board-view { margin-bottom: 170px; }
.board-view .head { padding:0 0 55px; border-bottom: 2px solid #222;text-align: center; }
.board-view .head h3{ font-size:40px; color: #000; font-weight: 600; margin-bottom: 14px; line-height: 1.4; }
.board-view .head .date { font-size:15px; color: #666666; font-family: 'Montserrat';}
.board-view .body { border-bottom: 1px solid #eeeeee; margin-bottom: 30px; margin-top:60px;}
.board-view .body .text-area { padding:0 140px 100px; font-size:17px; line-height: 1.7; color: #666;  }
.board-view .foot { position: relative; text-align: center; }
.board-view .foot .btn-list { display: inline-block; vertical-align: middle; width:58px; height: 58px; background: #769c59 url(../img/sub5/ico_list.png) no-repeat 50% 50%; text-align: left; text-indent: -9999px; }
.board-view .foot .left { position: absolute;left: 0; top:0;}
.board-view .foot .right { position: absolute;right: 0; top:0;}
.btn-type1 { display: inline-block; vertical-align: middle; padding:0 40px; height: 58px; line-height: 56px; border: 1px solid #dddddd; font-size:17px; color: #666; border-radius:55px;  transition: all 0.3s ease;}
.btn-type1:hover { background: #769c59; color: #fff; }
.btn-type2 { display: inline-block; vertical-align: middle; padding:0 40px; height: 58px; line-height: 56px; border: 1px solid #222; background: #222; font-size:17px; color: #fff; border-radius:55px;  transition: all 0.3s ease;}
.btn-type2:hover { background: #769c59; border-color:#769c59; }
.btn-type3 { display: inline-block; vertical-align: middle; font-size:12px; color: #fff; padding:0 20px; background: #000; height: 30px; line-height: 30px;border: 0;  border-radius:5px;  transition: all 0.3s ease;}
.btn-type4 { display: inline-block; vertical-align: middle; font-size:12px; color: #fff; padding:0 20px; background: #3c5dbe; height: 30px; line-height: 30px;border: 0;  border-radius:5px;  transition: all 0.3s ease;}
.btn-type5 { display: inline-block; vertical-align: middle; font-size:12px; color: #fff; padding:0 20px; background: #d21e1e; height: 30px; line-height: 30px;border: 0;  border-radius:5px;  transition: all 0.3s ease;}

.download {}
.download ul { display: flex; flex-wrap: wrap; margin:0 -15px 40px;  }
.download ul li { width:33.3333%; padding: 0 15px 30px; box-sizing: border-box; }
.download ul li a { display: block; height: 370px; border-radius:30px; background: #fff; border: 1px solid #e6e6e6; padding: 40px; position: relative; transition: all 0.5s ease; }
.download ul li a dl dt { font-size:30px; color: #222222; font-weight: 600; line-height: 1.3; margin-bottom: 10px;  }
.download ul li a dl dd { font-size:18px; color: #555; line-height: 1.3; }
.download ul li a .file { position: absolute; left: 30px; right:30px; bottom:40px; display: flex; justify-content: space-between; align-items: center;font-family: 'Montserrat','Noto Sans KR'; }
.download ul li a .file strong { font-size:13px; color: #999999; text-transform: uppercase; }
.download ul li a .file em { display: inline-block; vertical-align: middle; width:46px; height: 46px; border-radius:100%;background: #83a669 url(../img/sub5/ico_down.png) no-repeat 50% 50%; }
.download ul li a:hover { border-color:#769c59; box-shadow:11px 11px 21px rgba(0,0,0,0.1);  }
 

.common-more { text-align: center; margin:60px 0; }
.common-more .btn-more { display: inline-block; vertical-align: middle; padding:0 35px; height: 57px; border: 1px solid #000; border-radius:57px; font-size:16px; font-family: 'Montserrat'; font-weight: 600; background: none; transition: all 0.5s ease;}
.common-more .btn-more i {font-size:24px; vertical-align: middle;margin:-4px 0 0 5px;}
.common-more .btn-more:hover { background: #769c59; border-color:#769c59; box-shadow: 8px 8px 21px rgba(0,0,0,0.3); color: #fff; }


/* 6 상담문의 */
.inp { width:100%; height: 40px; border: 0; border-bottom: 1px solid #dddddd; font-size:16px; color: #000; padding-left: 8px; transition: all 0.5s ease; outline:none;}
.inp:focus { border-color:#769c59; }
.textarea { width:100%; height: 260px; border: 0; border-bottom: 1px solid #dddddd; font-size:16px; color: #000; padding-left: 8px; transition: all 0.5s ease; outline:none;}
.textarea:focus { border-color:#769c59; }
.select { width:100%; height: 40px; border: 0; border-bottom: 1px solid #dddddd; font-size:16px; color: #000; padding:0 40px 0 8px; background: url(../img/common/bu_select.png) no-repeat right 50%; background-position: right 14px center; transition: all 0.5s ease; -webkit-appearance:none;font-family:'Noto Sans KR';outline:none; }
.select:focus { border-color:#769c59; }
.select2 { width:100%; height: 40px;border: 1px solid #dddddd; font-size:14px; color: #222; padding:0 40px 0 8px; background: url(../img/sub2/bu_select.png) no-repeat right 50%; background-position: right 10px center; transition: all 0.5s ease; -webkit-appearance:none;font-family:'Noto Sans KR';outline:none;} 
.select2:focus { border-color:#769c59; }

.board-write-desc { text-align:right; padding-bottom:20px; font-size:15px; color:#999999; }
.board-write-desc em { color:#769c59; }
.board-write { border-bottom: 1px solid #eeeeee; margin-bottom: 25px; }
.board-write .section { display: flex; justify-content: space-between; margin-bottom: 50px; }
.board-write .section .article { width:calc(50% - 27px); display: flex; align-items: center; justify-content: space-between;  }
.board-write .section .article.w33 { width:33%; }
.board-write .section .article .tit { font-size:16px; color: #999999; flex:0 0 100px; width:100px;  }
.board-write .section .article .tit em { color: #769c59; }
.board-write .section .article .tit.top { align-self: baseline;}
.board-write .section .article .inp-box { flex: 1; position: relative; }
.board-write .section .article .col2 { display: flex; justify-content: space-between; }
.board-write .section .article .col2 .inp { flex:0 0 140px; width:140px; }
.board-write .section .article .col2 .select { width:100%; flex: 1; margin-left: 20px; }
.board-write .section .article.solo { width:100%; }
.board-write .section .article .name-box { display: flex; justify-content: space-between; }
.board-write .section .article .name-box .inp { width:calc(50% - 20px); }
.board-write .section .article .photo-box {display: flex; align-items: flex-end;  }
.board-write .section .article .photo-box .photo {  }
.board-write .section .article .photo-box .photo img { width:86px; height: 119px; border: 1px solid #ddd;  }
.board-write .section .article .photo-box .up { margin-left: 15px;}
.board-write .section .article .photo-box .up span { font-size:14px; color: #000; opacity:0.5; }
.board-write .section .article .addr-box .btn-addr { position: absolute; right:0; bottom:0; }
.board-write .section .article .addr-box .inp { width:calc(100% - 115px); }
.board-write .section .article .right { position: absolute; right:20px; bottom:0; line-height: 40px; font-size:16px; color: #000; }
.board-write .section .article .right + .inp { padding-right:80px; }
.board-write .section .article .family { display: flex; justify-content: space-between; }
.board-write .section .article .family .inp { width:calc(33.3333% - 20px); }
.board-write .section .article.mili { display: flex; justify-content: space-between; }
.board-write .section .article.mili .col { display: flex; justify-content: space-between; align-items: center; }
.board-write .section .article.mili .col .mili-box { white-space: nowrap; }
.board-write .section .article.mili .col + .col { margin-left: 70px; }
.board-write .section .article.mili .col .mili-box2 { display: flex; justify-content: space-between; align-items: center; }
.board-write .section .article.mili .col .mili-box2 span { flex:0 0 30px; width:30px;text-align: center; }
.board-write .section .article .school1 { display: flex; justify-content: space-between; align-items: center; }
.board-write .section .article .school1 span { flex:0 0 45px; width:45px;text-align: center; font-size:16px; }
.board-write .section .article .date-box1 { display: flex; justify-content: space-between; }
.board-write .section .article .date-box1 > div  { width:calc(50% - 10px); position: relative;}
.board-write .section .article .date-box2 { display: flex; justify-content: space-between; }
.board-write .section .article .date-box2 span { flex:0 0 45px; width:45px;text-align: center; font-size:16px; line-height: 40px; }
.board-write .section .article .date-box2 .inp { width:auto; flex: 1; }
.board-write .section .article .date-box2 .select-box { width:44%; margin-left: 40px; }
.board-write .section .article .pos-box { display: flex; justify-content: space-between; }
.board-write .section .article .pos-box > div{ flex: 1;  position: relative;}
.board-write .section .article .pos-box > div + div { margin-left: 15px; }
.board-write .section .article .pos-box p { margin-left: 10px; font-size:14px; font-weight: 300; white-space: nowrap; line-height: 40px;  }
.board-write .section.col3 .article { width:calc(33.33333% - 27px); }
.board-write .section.auto { margin:0 -27px 50px; }
.board-write .section.auto .article { width:auto; flex:1; margin:0 27px; }
.board-write .section .article .point-box { display: flex; justify-content: space-between; }
.board-write .section .article .point-box > div  { width:calc(50% - 6px); position: relative;}
.board-write .section .article .point-box > div .right{ right:5px; }
.board-write .section .article .point-box > div .right + .inp { padding-right:40px; }

.board-write .section-btns { text-align: right; margin-top:-30px;}
.board-write .section-btns button { margin-left: 7px; }
.board-write.border-top{  border-top:2px solid #222; padding-top:30px; }

.cari6 .board-write { border-bottom: 0; }


.file-upload { width:100%; padding-right:228px; position: relative; box-sizing:border-box;}
.file-upload label { position: absolute; right:0; bottom:0; width:194px; height: 45px; line-height: 46px; text-align: center; background: #222; border-radius:5px; font-size:16px; color: #fff; transition: all 0.3s ease; cursor: pointer; }
.file-upload label:hover { background: #769c59; }
.file-upload .file-hidden { position: absolute;left: -9999px; opacity:0; }
.agree-box { position: relative; }
.agree-box .btn-type2 { position: absolute; right:0; top:0; }

/* 7 인재채용 */
.h4 { margin-bottom: 50px;  }
.h4 strong { display: block; padding-left: 44px; position: relative; font-size:28px; font-weight: 700; color: #222; line-height: 1; position: relative;}
.h4 strong:before{ content: ''; position: absolute;left: 0; top:50%; width:30px; height: 2px; background: #769c59; }
.h4 strong span { font-size:28px; }
.h4-desc { padding-left: 44px; font-size:22px; line-height: 1.7; margin-bottom: 90px; }
.cari1 {padding: 105px 0 115px; background: url(../img/sub7/bg_logo.png) no-repeat 50% 0; }
.cari1 .box { background: url(../img/sub7/bg1.png) no-repeat 0 0; width:1051px; height: 351px; display: flex; justify-content: space-between; margin: 0 auto; }
.cari1 .box dl { flex: 1; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.cari1 .box dl dt { font-size:28px; color: #666; opacity:0.25; text-transform: uppercase; font-weight: 600; }
.cari1 .box dl dd { padding-top:16px; }
.cari1 .box dl dd p { font-size:17px; font-weight: 500; padding-top:20px; }
.cari2 { padding: 120px 0 155px; background: #f7f7f7; }
.cari2 .h4 { margin-bottom: 60px; }
.cari2 ul { display: flex; flex-wrap: wrap; margin:0 -26px;  }
.cari2 ul li { width:25%; padding:0 26px 25px; }
.cari2 ul li .item { height: 100%; background: #fff; padding: 62px 20px 55px; text-align: center; box-shadow:14px 14px 46px rgba(0,0,0,0.1);  }
.cari2 ul li .item .num { font-size:40px; color: #c7c7c7; font-weight: 600; margin-bottom: 16px; }
.cari2 ul li .item .t1 { font-size:16px; color: #769c59;  font-weight: 600; margin-bottom: 2px;}
.cari2 ul li .item .t2 { font-size:24px; color: #222;  font-weight: 600; margin-bottom: 25px; }
.cari2 ul li .item .t3 { font-size:16px; color: #686868; line-height: 1.6;  font-weight: 200;}
.cari3 { padding:130px 0 0; }
.tabs2 { text-align: center; margin-bottom: 120px; }
.tabs2 a { display: inline-block; vertical-align: middle; font-size:22px; line-height: 41px; margin:0 18px; font-weight: 600; position: relative; transition: all 0.5s ease;}
.tabs2 a:before { content: ''; position: absolute;left: 0;bottom:0;width:0; height: 3px; background: #769c59; }
.tabs2 a.active,
.tabs2 a:hover { color: #769c59; }
.tabs2 a.active:before { width:100%; }
.c-tit { text-align: center; margin-bottom: 100px; }
.c-tit strong { display: inline-block; vertical-align: middle; font-weight: 200; padding:0 40px; font-size:40px; line-height: 55px; position: relative; letter-spacing: -1px;}
.c-tit strong b { font-weight: 500; }
.c-tit strong small { font-size:32px; }
.c-tit strong:before { content: ''; position: absolute;left: 0; top:0; background: url(../img/sub7/ico_dq.png) no-repeat 0 0; width:15px; height: 13px; }
.c-tit strong:after { content: ''; position: absolute;right: 0; top:0; background: url(../img/sub7/ico_dq.png) no-repeat 0 0; width:15px; height: 13px;  transform: rotate(180deg);}
.cari3 .txt-box1 {margin-bottom: 140px; }
.cari3 .txt-box1 .in { background: url(../img/sub7/bg2.png) no-repeat 0 0; width:825px; height: 789px; margin: 0 auto; position: relative;}
.cari3 .txt-box1 .first { position: absolute; left:440px; top:348px; width:340px; text-align: center; font-size:25px; line-height: 1.5; font-weight: 600; }
.cari3 .txt-box1 .first small { font-size:24px; }
.cari3 .txt-box1 .points dl { position: absolute;left: 0; left: 47px; width:247px; text-align: center;font-weight: 600; }
.cari3 .txt-box1 .points dl dt { font-size:16px; color: #769c59;  margin-bottom: 4px; }
.cari3 .txt-box1 .points dl dd { font-size:20px;}
.cari3 .txt-box1 .points dl:nth-child(1) { top:136px;}
.cari3 .txt-box1 .points dl:nth-child(2) { top:363px;}
.cari3 .txt-box1 .points dl:nth-child(3) { top:584px;}
.cari3-2 { padding: 180px 0 230px; background: #f7f7f7; }
.cari3-2 .c-tit { margin-bottom: 160px; }
.cari3-2 .h4 { margin-bottom: -45px; }
.cari3-2 .txt-box2 { margin-bottom: 130px; }
.cari3-2 .txt-box2 .in { background: url(../img/sub7/bg3.png) no-repeat 0 0; width:802px; height: 921px; position: relative; margin: 0 auto; }
.cari3-2 .txt-box2 .box1 div { position: absolute;left: 0px; top:3px; width:230px; height: 110px; text-align:center;display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:14px; color: #769c59; line-height: 28px;  }
.cari3-2 .txt-box2 .box1 div:nth-child(2) { left: 283px;}
.cari3-2 .txt-box2 .box1 div:nth-child(3) { left: 565px;}
.cari3-2 .txt-box2 .box2 div { position: absolute;left: 0px; top:260px;  width:230px; height: 200px; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:14px; text-align:center;color: #769c59; line-height: 26px;  }
.cari3-2 .txt-box2 .box2 div:nth-child(1) { left: 10px;}
.cari3-2 .txt-box2 .box2 div:nth-child(2) { left: 283px;}
.cari3-2 .txt-box2 .box2 div:nth-child(3) { left: 565px;}
.cari3-2 .txt-box2 .box3 { position: absolute;left: 283px; top:650px;  width:230px; height: 230px; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:17px;text-align:center; color: #fff; line-height: 1.5; font-weight: 600;}
.edu-list { }
.edu-list ul { border-top:2px solid #222;  }
.edu-list ul li { border-bottom: 1px solid #dddddd; padding: 60px 40px 30px 344px; background: url(../img/sub7/ico2_1.png) no-repeat 87px 50%; }
.edu-list ul li:nth-child(2) { background-image: url(../img/sub7/ico2_2.png);}
.edu-list ul li:nth-child(3) { background-image: url(../img/sub7/ico2_3.png);}
.edu-list ul li .item { position: relative; }
.edu-list ul li .item h5 { font-size:32px; font-weight: 600; margin-bottom: 20px; }
.edu-list ul li .item > div { padding-bottom: 30px; }
.edu-list ul li .item p { font-size:18px; line-height: 1.7; color: #666666; }
.edu-list ul li .item p + p { margin-top:7px; }
.edu-list ul li .item > strong { position: absolute; right:0; bottom:0; font-size:50px; font-weight: 600; text-transform: uppercase; color: #222; opacity:0.1; }

.apply { padding: 100px 20px 115px; text-align: center; background: url(../img/sub7/bg_bottom.jpg) no-repeat 50% 50%; color: #fff; background-size:cover;  }
.apply .txt1 { padding:53px 0 25px; font-size:30px; line-height: 1.6; font-weight: 600; background: url(../img/sub7/ico_dq2.png) no-repeat 50% 0; }
.apply .txt2 { font-size:22px; line-height: 1.7; margin-bottom: 40px; }
.apply a { display: inline-block; vertical-align: middle; padding: 0 35px; height: 56px; line-height: 54px; border: 1px solid #fff; border-radius:56px; font-size:16px; font-weight: 600; color: #fff; transition:all 0.3s ease; }
.apply a i {vertical-align: middle; margin:-4px 0 0 10px; font-size:22px;  }
.apply a:hover { background:#769c59; border-color:#769c59; }

.cari3 { overflow: hidden; }
.cari3 .txt-box3 .in { background: url(../img/sub7/bg4.png) no-repeat 0 0; width:1112px; height: 342px; position: relative; margin: 0 auto 40px; }
.cari3 .txt-box3.type2  .in { background: url(../img/sub7/bg5.png) no-repeat 0 0; width:1112px; height: 342px; position: relative; margin: 0 auto; }
.cari3 .txt-box3  strong { position: absolute;left: 34px; top:30px; width:264px; height: 264px; border-radius:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:30px; font-weight: 600; }
.cari3 .txt-box3  ul li { position: absolute;left: 446px; top:38px; width:250px; height: 250px; border-radius:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:24px; font-weight: 600; }
.cari3 .txt-box3  ul li span { display: block; font-size:16px; color: #769c59; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; }
.cari3 .txt-box3  ul li:nth-child(2) { left: 658px;}
.cari3 .txt-box3  ul li:nth-child(3) { left: 862px;}
.cari3 .txt-box4 .in { background: url(../img/sub7/bg6.png) no-repeat 0 0; width:561px; height:529px; position: relative; margin: 0 auto 190px; }
.cari3 .txt-box4 strong { position: absolute;left: 0; width:100%; top:264px; text-align: center; font-size:35px; font-weight: 600; color: #769c59; }
.cari3 .txt-box4  ul li { position: absolute;left: 200px; top:0; width:160px; height: 160px; background: #e4ebde; border-radius:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size:20px; line-height: 1.45; font-weight: 600; text-align: center; }
.cari3 .txt-box4  ul li:nth-child(2) { left: inherit; right:0; top:312px;}
.cari3 .txt-box4  ul li:nth-child(3) {left:0; top:312px;}
.re-slider {position: relative; max-width:992px; margin: 0 auto 190px; }
.re-slider .swiper-container{ overflow:inherit; ; margin-bottom: 62px; }
.re-slider .swiper-slide { width:992px !important; }
.re-slider .swiper-slide .item { background: #fff; box-shadow:12px 12px 38px rgba(0,0,0,0.16); display: flex;justify-content: space-between; }
.re-slider .swiper-slide .item .info { width:53%; padding:70px 30px 60px 55px;  }
.re-slider .swiper-slide .item .info .num { font-size:26px; color: #769c59; font-weight: 600; margin-bottom: 10px; }
.re-slider .swiper-slide .item .info h6 { font-size:30px; font-weight: 600; margin-bottom: 35px; }
.re-slider .swiper-slide .item .info ul li { padding-left: 11px; position: relative; font-size:16px; line-height: 1.5; color: #666666; font-weight: 300; }
.re-slider .swiper-slide .item .info ul li + li { margin-top:6px; }
.re-slider .swiper-slide .item .info ul li:before { content: ''; position: absolute; left: 0; top:9px; width:4px; height: 4px; background: #666666; }
.re-slider .swiper-slide .item .img { width:47%; }
.re-slider .swiper-slide .item .img img { width:100%; height: 100%; object-fit: cover;}
.re-slider .control { position: relative; padding-top:22px;}
.re-slider .control .swiper-pagination-progressbar { width:calc(100%  - 135px); height: 2px; background: #e5e5e5; }
.re-slider .control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #769c59; height: 4px; top:-1px; }
.re-slider .control .btns { position: absolute; right:0; top:0;}
.re-slider .control .btns .swiper-button-next, 
.re-slider .control .btns .swiper-button-prev { position: static; margin: 0;  display: inline-block; vertical-align: middle; width:47px; height: 47px; font-size:14px; padding: 0;  color: #fff; background: #000; border: 0; outline:none;  border-radius:100%; margin-left: 14px; transition: all 0.5s ease; }
.re-slider .control .btns .swiper-button-next.swiper-button-disabled, 
.re-slider .control .btns .swiper-button-prev.swiper-button-disabled { background: #e8e8e8; opacity:1;}

.re-list { margin-bottom: 190px;}
.re-list ul li { margin-bottom: 15px;  }
.re-list ul li .btn-flip { width:100%; height: 100px; font-size:32px; color: #222; text-align: left; position: relative; background: none; outline:none; border: 0; position: relative; border-bottom: 2px solid #222; font-weight: 600; }
.re-list ul li .btn-flip:before{  content: ''; position: absolute; right:10px; top:50%; width:27px; height: 5px; background: url(../img/sub4/ico_flip.png) no-repeat 0 0; }
.re-list ul li .btn-flip:after{  content: ''; position: absolute; right:10px; top:50%; width:27px; height: 5px; background: url(../img/sub4/ico_flip.png) no-repeat 0 0; transform: rotate(90deg); transition: all 0.5s ease;}
.re-list ul li .view { display: none; padding:50px 0 110px;  word-break: keep-all; }
.re-list ul li .view .h4 { margin-bottom: 20px; }
.re-list ul li .view .h4-txt { padding-left: 44px; }
.re-list ul li .view .h4-txt + .h4 { margin-top:80px; }
.re-list ul li .view .h4-txt .r1 { font-size:18px; color: #333; line-height: 1.8; margin-bottom: 25px; letter-spacing: -0.4px; }
.re-list ul li .view .h4-txt h5 { font-size:16px; color: #333; margin-bottom: 5px;  }
.re-list ul li .view .h4-txt p { font-size:16px; color: #333; padding-left: 7px; }
.re-list ul li.active .btn-flip:after { transform: rotate(0); opacity:0;}

.cari4 { margin-bottom: 100px; }
.cari4 .txt-box5 .in { background: url(../img/sub7/bg7.png) no-repeat 0 0; width:1047px; height: 340px; margin: 0 auto; position: relative;}
.cari4 .txt-box5 ul { display: flex; justify-content: space-between; }
.cari4 .txt-box5 ul li { flex: 1; display: flex; flex-direction: column;text-align: center; }
.cari4 .txt-box5 ul li strong { font-size:14px; color: #769c59; font-weight: 600; display: block; margin-bottom: 50px; }
.cari4 .txt-box5 ul li strong span { display: block; font-size:18px; color: #101010; font-weight: 400; line-height: 1; padding-top:5px; }
.cari4 .txt-box5 ul li p { width:167px; height: 167px; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.cari4 .txt-box5 ul li:nth-child(even) { flex-direction: column-reverse; padding-top:85px; }
.cari4 .txt-box5 ul li:nth-child(even) strong { margin:40px 0 0;}
.cari5 { padding: 100px 0 75px; background: #f8f8f8;  }

.cari6 { padding:130px 0 190px; }
.cari6 .tabs2 { margin-bottom: 80px; }
.h5-board { font-size:24px; color: #333; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 2px solid #222; }
.h5-board small { font-size:15px; margin-left: 10px; font-weight: 400; }


/* 2 제품소개 */
.product-detail { padding-top:70px;}
.product-detail .prd-head { display: flex; justify-content: space-between; margin-bottom: 240px;  }
.product-detail .prd-head .img-box { flex: 1; margin-right:50px;  }
.product-detail .prd-head .img-box .img { text-align: center; margin-bottom: 20px;  }
.product-detail .prd-head .img-box .img p { display: none;}
.product-detail .prd-head .img-box .img p img { max-width:100%; }
.product-detail .prd-head .img-box .img p:first-child { display:block; }
.product-detail .prd-head .img-box .thum { display: flex; justify-content: space-between; }
.product-detail .prd-head .img-box .thum p { border:1px solid transparent; transition: all 0.5s ease; }
.product-detail .prd-head .img-box .thum p img { max-width:100%; vertical-align: top;  }
.product-detail .prd-head .img-box .thum p.active { border: 1px solid #769c59;}
.product-detail .prd-head .info-box { flex: 1; margin-left: 50px; }
.product-detail .prd-head .info-box .name { padding-bottom: 20px; margin-bottom: 40px; border-bottom: 2px solid #222; }
.product-detail .prd-head .info-box .name strong { font-size:42px; font-weight: 600; }
.product-detail .prd-head .info-box .name small { font-size:18px; color: #769c59; margin-left: 10px;  }
.product-detail .prd-head .info-box dl { margin-bottom: 35px; }
.product-detail .prd-head .info-box dl dt { font-size:16px; font-weight: 600; margin-bottom: 8px;  }
.product-detail .prd-head .info-box dl dd { font-size:16px; line-height: 1.5;  color: #666666;  letter-spacing: -0.3px;}
.product-detail .prd-head .info-box dl.opt { display: flex; align-items: center; }
.product-detail .prd-head .info-box dl.opt dd { margin-left: 20px; }
.product-detail .prd-head .info-box .btn-box { padding-top:40px; margin-top:40px; border-top:1px solid #dddddd; }
.product-detail .prd-head .info-box .btn-box a { display: inline-block; vertical-align: middle; height: 58px; line-height: 57px; padding:0 34px; font-size:15px; color: #fff; background: #111111; }
.product-detail .prd-head .info-box .btn-box a i {vertical-align: middle; margin:-3px 0 0 10px; }
.product-detail .prd-tabs { display: flex; justify-content: space-between; margin-bottom: 120px; }
.product-detail .prd-tabs a {flex: 1; height: 75px; line-height: 74px; text-align: center; font-size:19px; color: #111; font-weight: 300; background: #f1f6ed; border-top:1px solid #f1f6ed; transition: all 0.5s ease; }
.product-detail .prd-tabs a.active { font-weight: 600; background: #fff; border-top:1px solid #769c59; }
.product-detail .h4-box { padding-left: 44px; margin-bottom: 190px; }
.product-detail .h4-box .rec img { max-width:100%; }

.fea-list > ul > li { margin-bottom: 20px;  }
.fea-list > ul >li .btn-flip { width:100%; height: 70px; font-size:24px; padding-left: 20px; color: #222; text-align: left; position: relative; background: none; outline:none; border: 0; position: relative; border-bottom: 2px solid #222; font-weight: 600; }
.fea-list > ul >li .btn-flip:before{  content: ''; position: absolute; right:30px; top:50%; width:14px; height: 3px; background: url(../img/sub2/ico_flip.png) no-repeat 0 0; }
.fea-list > ul >li .btn-flip:after{  content: ''; position: absolute; right:30px; top:50%; width:14px; height: 3px; background: url(../img/sub2/ico_flip.png) no-repeat 0 0; transform: rotate(90deg); transition: all 0.5s ease;}
.fea-list > ul >li .view { display: none; padding:45px 18px;  word-break: keep-all; }
.fea-list > ul >li .view ul li { padding-left: 44px; background: url(../img/sub2/ico_chk.png) no-repeat 0 3px; margin-bottom: 30px;  }
.fea-list > ul >li .view ul li strong { display: block; font-size:20px; line-height: 1.4; margin-bottom: 5px;  }
.fea-list > ul >li .view ul li p {font-size:17px; line-height: 1.5; }
.fea-list > ul >li.active .btn-flip:after { transform: rotate(0); opacity:0; }

.h4-box > .rec > ul > li { margin-bottom: 20px;  }
.h4-box .rec ul {padding: 45px 18px;}
.h4-box .rec ul li { padding-left: 44px; background: url(../img/sub2/ico_chk.png) no-repeat 0 3px; margin-bottom: 30px;  }
.h4-box .rec ul li strong { display: block; font-size:20px; line-height: 1.4; margin-bottom: 5px;  }
.h4-box .rec ul li p {font-size:17px; line-height: 1.5; }


.h4-box .rec table {
    margin: 8px 0;
    width: -webkit-fill-available !important;
    border-color: #d3d3d3 !important;
}

.h4-box .rec table{ border-top:2px solid #222 !important; }
.h4-box .rec table { width:100%; border-collapse: collapse; }
.h4-box .rec table th { padding: 10px 5px; text-align: center; font-size:18px !important; color: #222 !important; font-weight: 600; background: #fafafa !important; border-right:1px solid #ddd !important; border-bottom: 1px solid #ddd !important; letter-spacing: -0.5px; }
.h4-box .rec table td { padding: 10px 5px; text-align: center; font-size:18px !important; color: #222 !important; text-align: center; border-left:0 !important; border-right:1px solid #ddd !important; border-bottom: 1px solid #ddd !important; line-height: 1.5 !important; }
.h4-box .rec table td.text-left { padding:30px 50px !important; }
.table1.type2 table { font-family: 'Montserrat', 'Noto Sans KR'; }
.table1.type2 table thead th:last-child { border-right:0;}
.table1.type2 table tbody td:last-child { border-right:0;}
.table1.type2 table thead th { font-size:18px; }
.table1.type2 table tbody th,
.table1.type2 table tbody td { font-size:16px; }
.table1.down table thead th { padding: 20px 5px; }
.table1.down table tbody td { padding:20px 5px; }
.table1.down table tbody td.subj { text-align: left; padding-left: 50px; }
.table1.down table tbody tr { transition: all 0.5s ease;}
.table1.down table tbody tr:hover { background: #fafafa;}


.table-top-desc { text-align: right; font-size:14px; font-weight: 500; color: #666666; margin-bottom: 14px; }
.table1 { border-top:2px solid #222; }
.table1 table { width:100%; border-collapse: collapse; }
.table1 table th { padding: 10px 5px; text-align: center; font-size:18px; color: #222; font-weight: 600; background: #fafafa; border-right:1px solid #ddd; border-bottom: 1px solid #ddd; letter-spacing: -0.5px; }
.table1 table td { padding: 10px 5px; text-align: center; font-size:18px; color: #222; text-align: center; border-right:1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 1.5; }
.table1 table td.text-left { padding:30px 50px; }
.table1.type2 table { font-family: 'Montserrat', 'Noto Sans KR'; }
.table1.type2 table thead th:last-child { border-right:0;}
.table1.type2 table tbody td:last-child { border-right:0;}
.table1.type2 table thead th { font-size:18px; }
.table1.type2 table tbody th,
.table1.type2 table tbody td { font-size:16px; }
.table1.down table thead th { padding: 20px 5px; }
.table1.down table tbody td { padding:20px 5px; }
.table1.down table tbody td.subj { text-align: left; padding-left: 50px; }
.table1.down table tbody tr { transition: all 0.5s ease;}
.table1.down table tbody tr:hover { background: #fafafa;}
.drawing { text-align: center; }
.drawing img { max-width:100%; }
.auth-list {}
.auth-list ul { display: flex; flex-wrap: wrap;  }
.auth-list ul li {  padding:0 55px 55px; text-align: center; }
.auth-list ul li .item p { display: inline-block; vertical-align: middle; border: 1px solid #dddddd; box-shadow:7px 7px 24px rgba(0,0,0,0.15); }
.auth-list ul li .item p img { vertical-align: top; }
.auth-list ul li .item div { padding-top:20px; font-size:16px; color: #333;  }
.prd-list ul { display: flex; flex-wrap: wrap; margin:0 -50px 120px; }
.prd-list ul li { width:33.3333%; padding:0 50px 70px; }
.prd-list ul li .item { text-align: center; }
.prd-list ul li .item .btn-item { display: block; }
.prd-list ul li .item .btn-item .img { margin-bottom: 30px; }
.prd-list ul li .item .btn-item .img p img{ vertical-align: top; max-width:100%; }
.prd-list ul li .item .btn-item .subj { font-size:22px; font-weight: 600; color: #000; margin-bottom: 20px;line-height: 1.4;  }
.prd-list ul li .item .btn-item .colors { margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #ececec;  }
.prd-list ul li .item .btn-item .colors i { display: inline-block; vertical-align: middle; width:25px; height: 25px; border-radius:100%; border: 1px solid #000; background: #000; margin:0 4px; cursor: pointer; position: relative; }
.prd-list ul li .item .btn-item .colors i:before { content: ''; position: absolute;left: -2px; right:-2px; top:-2px; bottom:-2px; border-radius:100%; border: 2px solid #769c59; opacity:0;  transition: all 0.5s ease; }
.prd-list ul li .item .btn-item .colors i.gray { background: #bbb; border-color:#bbb;}
.prd-list ul li .item .btn-item .colors i.white { background: #fff; border-color:#bbb;}
.prd-list ul li .item .btn-item .colors i:hover:before { opacity:1; }
.prd-list ul li .item .btn-item .desc { font-size:13px; line-height: 1.4; color: #aaa; }
.prd-list ul li .item .cart { padding-top:20px; }
.prd-list ul li .item .cart a { display: inline-block; vertical-align: middle; height: 50px;  line-height: 48px; border-radius:50px; padding:0 30px; border: 1px solid #000; background: #fcfcfc; transition: all 0.3s ease; font-size:15px; }
.prd-list ul li .item .cart a i {vertical-align: middle; margin:-5px 0 0 10px; }
.prd-list ul li .item .cart a:hover {background: #000; color: #fff; }




.mobile-scroll  { display: none; align-items: center; justify-content  : flex-end; font-size:18px;margin-right:20px;  } 
.mobile-scroll span { width:15px; height: 15px; border-left:1px solid #000; border-bottom: 1px solid #000; transform: rotate(225deg);  animation: sdb 2s infinite; }
.mobile-scroll span:nth-child(2) { animation-delay:0s;}
.mobile-scroll span:nth-child(3) { animation-delay:0.15s;}
.mobile-scroll span:nth-child(4) { animation-delay:0.3s;}
@keyframes sdb {
	0% {    opacity: 0;  } 
	50% {    opacity: 1;  }
	100% {    opacity: 0;  }
}


.mobile { display: none; }
@media (max-width: 1560px){
	.since-box .btn-box { position: absolute; width:auto; left: 20px; bottom:-20px; right:inherit; background: none; }
	.since-box .btn-box:before { display: none; }
	.since-box .btn-box > div { padding-left: 0; background: none; color: #fff;  }
	.since-box .btn-box a { background: #fff; color: #769c59; }
	.since-box { height: auto; padding-top:25%; margin-bottom: 70px;  }
	.since-box .text-box h4 { top:-80px; }
	.since-box .text-box h4 strong { font-size:80px; }
	.since-box .text-box h4 small { font-size:50px;}
	.since-box .inner { height: auto; padding: 0;  }
	.since-box .text-box { width:auto; position: relative; padding:30px 20px;  height: auto; font-size:14px; line-height: 1.6;  }
	.since-box .text-box:before { transform: skewX(0);  height: 100%; }
	.since-box .text-box .txt { padding-top:30px; }
	
}

/* Tablet */
@media (max-width: 1400px){
	.tablet { display: flex; }
	.core { overflow: auto; margin:0 -20px;  }
	.core .in { width:1400px; }
	.boxs-box { overflow: auto; margin:0 -20px; padding:0 20px; }
	.boxs-box {}
}

@media (max-width: 1024px){
	.pc { display: none; }
	.mobile { display: block; }
	p,h2,span,h3,h1,dd,strong,dt{
		word-break:keep-all !important;
	}


.tab-cont span{font-size:16px !important;padding-left:0 !important;}
	.prd-list ul li .item .btn-item .img p img{height:auto !important;}
.tab-cont img{max-width:100% !important;height:auto !important;}	
	.mb45 { margin-bottom: 22px !important; }
	.mb60 { margin-bottom: 30px !important; }
	.mb90 { margin-bottom:45px !important; }
	.mb150 { margin-bottom: 80px !important; }
	.mb190 { margin-bottom: 90px !important; }
	
	.mobile-scroll { display: flex; }
	
	
	.inner { padding:0 20px;}
	.sub-head { height: 250px; margin-bottom: 60px; }
	.sub-head h2 { font-size:36px; padding-top:75px; line-height: 1; }
	.sub-head h2 strong { display: block; }
	.sub-head h2 small { margin-left: 0; font-size:18px;  }
	.sub-nav { margin-bottom: 60px; }
	.sub-nav a { line-height: 60px; font-size:14px; padding:0 7px;  }
	.sub-container { }
	.h3 { margin-bottom: 20px;}
	.h3 strong { font-size:30px; }
	
	.about .map-wrap .map-cont > div { height: 250px; }
	.about .map-wrap .map-info { position: static; width:auto; box-shadow:none; border: 1px solid #eee; border-radius:0; display: block; padding:15px;   border-left: 0; border-right:0; }
	.about .map-wrap .map-info .locs a { font-size:18px; line-height: 25px; }
	.about .map-wrap .map-info .loc-cont { padding-left: 0; }
	.about .map-wrap .map-info .loc-cont .tit { font-size:20px; margin-bottom: 10px; }
	.about .map-wrap .map-info .loc-cont dl { font-size:14px; line-height: 20px; }
	.about .t1 { font-size:15px; margin-bottom: 45px; }
	.since-box .text-box .txt div { font-size:18px; margin-bottom: 20px; line-height: 1.5; }
	.cp-info  { flex-wrap: wrap;  margin-bottom: 60px; }
	.cp-info dl { flex:1 1 50%; margin-bottom: 25px; }
	.cp-info dl:nth-child(2):before,
	.cp-info dl:nth-child(4):before,
	.cp-info dl:nth-child(5):before{ display: none; }
	.cp-info dl dt img { height: 40px; }
	.cp-info dl dt strong { font-size:18px; padding:15px 0 ; }
	.cp-info dl dd { font-size:13px; height: 35px; line-height: 17px;}
	.about-prd { display: block; }
	.about-prd h3 { font-size:18px; margin-bottom: 15px; word-break: keep-all; }
	.about-prd h3 br { display: none; }
	.about-prd .t2 {font-size:14px; margin-bottom: 30px; }
	.about-prd .right { text-align: center; margin-top:30px; }
	.about-prd .right img { max-width:100%; }
	.btn-now { padding:0 25px; height: 45px; line-height: 43px; font-size:14px; }
	
	.vision { padding:60px 0; }
	.vision h4 small { font-size:14px; margin-bottom: 12px; }
	.vision h4 strong { font-size:30px; }
	.vision .mobile-scroll { color: #fff; }
	.vision .mobile-scroll span { border-color:#fff; }
	
	.path { margin-bottom: 50px; }
	.path .inner { position: relative; padding-left: 40px; padding-right:0;  }
	.path .inner .btn-home { position: absolute;left: 0; top:0;  width:40px;background-size:17px auto;  }
	.path .inner .btn-box { flex: 1; }
	.path .inner .btn-box .btn-dep1 { width:100%; line-height:inherit;  font-size:14px;  }
	.path .inner .btn-box .btn-dep1:before { right:10px; }
	.path .inner .btn-box ul { padding-top:45px; }
	.path .inner .btn-box ul li a { font-size:14px; line-height: 45px; }
	
	.tabs { margin-bottom: 45px; }
	.tabs a { width:auto; padding:0 15px; height: 45px; line-height: 43px; font-size:13px; margin:0 5px 10px;}
	
	.h4 { margin-bottom: 25px; }
	.h4 strong { padding-left: 24px; font-size:20px; letter-spacing: -1px; }
	.h4 strong span { font-size:20px; }
	.h4 strong:before { width:19px; top:10px; margin-top:-2px;  }
	.h4-desc { padding-left: 24px; font-size:14px; margin-bottom: 40px; }
	
	.product-detail { padding-top:20px; }
	.product-detail .prd-head { display: block;  margin-bottom: 100px; }
	.product-detail .prd-head .img-box { margin:0 0 30px; }
	.product-detail .prd-head .info-box { margin-left: 0; }
	.product-detail .prd-head .info-box .name { padding-bottom: 15px; margin-bottom: 20px; }
	.product-detail .prd-head .info-box .name strong { font-size:25px; }
	.product-detail .prd-head .info-box .name small { font-size:14px; }
	.product-detail .prd-head .info-box dl { margin-bottom: 15px; }
	.product-detail .prd-head .info-box dl dt { font-size:14px; margin-bottom: 5px; }
	.product-detail .prd-head .info-box dl dd { font-size:14px; }
	.product-detail .prd-head .info-box .btn-box { margin-top:20px; padding-top:20px; }
	.product-detail .prd-head .info-box .btn-box a { height: 45px; line-height: 44px;padding:0 20px; font-size:14px; }
	.product-detail .prd-tabs  {margin-bottom: 60px; }
	.product-detail .prd-tabs a { height: 55px; line-height: 54px; font-size:16px; }
	.product-detail .h4-box { padding-left: 24px; margin-bottom: 80px; }
	.fea-list > ul > li { margin-bottom: 10px; }
	.fea-list > ul >li .btn-flip { height: 50px; font-size:17px; padding-left: 15px; }
	.fea-list > ul >li .btn-flip:before { right:5px; }
	.fea-list > ul >li .btn-flip:after { right:5px; }
	.fea-list > ul >li .view { padding:25px 10px; }
	.fea-list > ul >li .view ul li { padding-left: 32px; background-size:20px auto; margin-bottom: 15px;  }
	.fea-list > ul >li .view ul li strong { font-size:17px; }
	.fea-list > ul >li .view ul li p { font-size:15px; }
	
	.table1.scroll-type { overflow: auto; }
	.table1.scroll-type table { width:1024px; }
	.table1 table th { font-size:13px; padding:6px 3px; }
	.table1 table td { font-size:13px; padding:6px 3px; }
	.table1 table td.text-left { padding:10px 15px; }
	
	.table1.type2 table thead th { font-size:14px; }
	.table1.type2 table tbody th, .table1.type2 table tbody td { font-size:13px; }
	.table1.down table tbody td.subj { padding-left: 5px; }
	.table-top-desc { font-size:13px; margin-bottom: 9px; }
	.auth-list ul {margin:0 -10px;}
	.auth-list ul li { padding:0 10px 30px; width:50%; }
	.auth-list ul li img { max-width:100%; }
	.auth-list ul li .item div { padding-top:12px; font-size:14px; }
	.prd-list ul { margin:0 -5px 80px; }
	.prd-list ul li { width:50%; padding:0 5px 30px; }
	.prd-list ul li .item .btn-item .subj { font-size:16px; margin-bottom: 10px; }
	.prd-list ul li .item .btn-item .desc { font-size:12px; }
	.prd-list ul li .item .cart { padding-top:12px; }
	.prd-list ul li .item .cart a { height: 40px; line-height: 38px;padding:0 15px; font-size:13px; }
	
	.validation .val1 h3 { padding-top:80px; margin-bottom: 30px; }
	.validation h3 strong { font-size:45px; }
	.validation h3 strong:after { width:15px; height: 15px; }
	.validation h4 { font-size:15px; margin-bottom: 20px; }
	.validation h5 { font-size:25px; margin-bottom: 20px;  }
	.validation .val1 h5 { margin-bottom: 30px; padding-bottom: 40px; }
	.validation h5 small { font-size:24px; }
	.validation .val1 h5:before { height: 30px; }
	.validation .txt1 { font-size:14px; margin-bottom: 25px; }
	.validation .val1 .txt1 { margin-bottom: 60px; }
	
	.validation .article { padding-left: 0; }
	.validation .article .q { position: static; font-size:70px; margin-bottom: 30px; }
	.validation .val3 { margin-bottom: 90px; }
	.validation .val4 { padding-top:40px; margin-bottom: 90px; }
	.validation .val4 h5 { font-size:25px; margin-bottom: 40px; }
	.validation .val4 ul { flex-direction: column; margin-bottom: 60px; }
	.validation .val4 ul li:before { display: none; }
	.validation .val5 .swiper-slide { height: 600px !important; background: url(../img/sub3/bg_step.jpg) no-repeat 50% 50%; background-size:cover; }
	.validation .val5 .swiper-slide img { display: none; }
	.validation .val5 .swiper-slide:nth-child(2) {background-image: url(../img/sub3/bg_step2.jpg);}
	.validation .val5 .swiper-slide:nth-child(3) {background-image: url(../img/sub3/bg_step3.jpg);}
	.validation .val5 .dls { display: block; }
	.validation .val5 dl { height: auto; padding:30px 20px;  }
	.validation .val5 dl dt strong { font-size:12px; }
	.validation .val5 dl dt p { font-size:20px; margin:5px 0 10px;}
	.validation .val5 dl dd { font-size:12px; }
	.validation .val5 dl:before { right:20px; bottom:-20px; font-size:60px; }
	
	.validation .val6 { padding:60px 0 90px; }
	.validation .val6 h4 { font-size:15px; margin-bottom: 10px;  }
	.validation .val6 h5 { font-size:25px; }
	.validation .val6 ul {  width:auto; justify-content: flex-start;  flex-wrap: wrap; }
	.validation .val6 ul li { width:50%; padding-bottom: 30px; }
	.validation .val6 ul li div { width:150px; height: 150px;letter-spacing: -0.4px;  }
	.validation .val6 ul li div strong { font-size:15px; }
	.validation .val6 ul li div p { font-size:12px; }
	.validation .val6 ul li:after { display: none !important; }
	.validation .val6 ul li:before { display: none !important; }
	.validation .val6 ul li.logo { display: none; }
	
	.h3-desc { font-size:14px; margin-bottom: 30px; }
	.prj-list { margin-bottom: 90px; }
	.prj-list ul li { margin-bottom: 10px; }
	.prj-list ul li .btn-flip { font-size:18px; height: 60px; }
	.prj-list ul li .btn-flip small { font-size:13px; margin-left: 7px; }
	.prj-list ul li .btn-flip:before { width:16px; height: 3px; background-size:16px auto;}
	.prj-list ul li .btn-flip:after { width:16px; height: 3px; background-size:16px auto;}
	.prj-list ul li .view { padding:20px 0 50px; }
	.prj-list ul li .view .img-box{margin-bottom: 20px; }
	.prj-list ul li .view .img-box > p { width:calc(50% - 3px); }
	.prj-list ul li .view .slider {margin-bottom: 20px; }
	.prj-list ul li .view .slider img { width:100%; }
	.prj-list ul li .view .info { padding: 0; flex-direction: column; }
	.prj-list ul li .view .info .logo { width:auto; position: static;}
	.prj-list ul li .view .info .logo img { height: 60px; }
	.prj-list ul li .view .info .article { width:auto; padding-left: 0; }
	.prj-list ul li .view .info .article dl  { margin-bottom: 10px; line-height: 24px; }
	.prj-list ul li .view .info .article dl dt { font-size:14px; margin-right:15px; }
	.prj-list ul li .view .info .article dl dd { font-size:14px; }
	
	.download ul { margin:0 0 20px; }
	.download ul li { width:100%; padding:0 0 25px; }
	.download ul li a { display: block; height: auto; padding:20px 20px 80px; border-radius:20px; }
	.download ul li a dl dt { font-size:20px; }
	.download ul li a dl dd { font-size:14px; }
	.download ul li a .file { left: 20px; right:20px; bottom:20px; }
	.download ul li a .file strong { font-size:12px; }
	
	.gallery-list { margin-bottom: 30px; }
	.gallery-list ul li a { display: block; padding:15px; min-height: inherit; }
	.gallery-list ul li a .date { display: block; text-align: left; margin-right:0; }
	.gallery-list ul li a .date strong { font-size:28px; }
	.gallery-list ul li a .date small { font-size:14px; }
	.gallery-list ul li a .text {margin:10px 0;}
	.gallery-list ul li a .text .subj { font-size:16px; margin-bottom: 5px; }
	.gallery-list ul li a .text .txt { font-size:13px; }
	.gallery-list ul li a .thum { width:auto; margin-left: 0; }
	.gallery-list ul li a .thum img { width:100%; }
	
	.board-view .head { padding-bottom: 25px; margin-bottom: 25px; }
	.board-view .head h3 { font-size:25px; margin-bottom: 10px; }
	.board-view .body .text-area { padding: 0 0 30px; font-size:13px; }
	.board-view .body .text-area img { max-width:100%; }
	
	.common-more { margin:30px 0;}
	.common-more .btn-more { padding:0 20px; height: 50px; line-height: 48px; font-size:14px; }
	
	.cari1 { padding:60px 0; background-size:contain; }
	.cari1 .box { background: none;  width:auto; height: auto; justify-content: space-around; flex-wrap: wrap; }
	.cari1 .box dl { width:160px; height: 160px; border-radius:100%; border: 1px solid #ddd; background: #fff; flex:0 1 auto;}
	.cari1 .box dl dt { font-size:14px;  }
	.cari1 .box dl dd { font-size:14px; padding-top:10px;  }
	.cari1 .box dl dd img { height: 45px; }
	.cari1 .box dl dd p { font-size:13px; padding-top:10px;  }
	.cari2 { padding:60px 0; }
	.cari2 .h4 { margin-bottom: 25px; }
	.cari2 ul { margin:0 -5px; }
	.cari2 ul li { width:50%; padding:0 5px 20px; }
	.cari2 ul li .item { height: auto; padding:30px 10px; }
	.cari2 ul li .item .num { font-size:25px; margin-bottom: 10px; }
	.cari2 ul li .item .t1 { font-size:13px; }
	.cari2 ul li .item .t2 { font-size:18px; margin-bottom: 15px; }
	.cari2 ul li .item .t3 { font-size:13px; word-break: keep-all; }
	.cari2 ul li .item .t3 br { display:none; }
	.cari3 { padding:60px 0 0;}
	
	.tabs2 { margin-bottom: 40px; }
	.tabs2 a { font-size:15px; line-height: 35px; margin:0 10px; }
	.c-tit { margin-bottom: 40px; }
	.c-tit strong { font-size:20px; line-height: 1.4; padding:0 20px;word-break: keep-all;}
	.c-tit strong small { font-size:16px; }
	.cari3 .txt-box1 { margin-bottom: 60px; }
	.cari3-2 { padding:60px 0; }
	.cari3-2 .c-tit { margin-bottom: 40px; }
	.cari3-2 .h4 { margin-bottom: 25px; }
	.cari3-2 .txt-box2 { overflow: auto; margin:0 -20px 40px; padding:0 20px; }
	.cari3 .txt-box3 { overflow: auto; margin:0 -20px 40px; padding:0 20px; }
	.cari3 .txt-box4 { overflow: auto; margin:0 -20px 40px; padding:0 20px; }
	.edu-list ul li { padding:20px 15px; background: none !important;  }
	.edu-list ul li .item h5 { font-size:24px; margin-bottom: 12px; }
	.edu-list ul li .item > div { margin-bottom: 10px; }
	.edu-list ul li .item > div p { font-size:14px; padding-left: 9px; text-indent: -9px; }
	.edu-list ul li .item > strong { font-size:25px; }
	.apply { padding:50px 20px; }
	.apply .txt1 {padding:30px 0 15px; font-size:20px; background-size:15px auto; }
	.apply .txt2 { font-size:15px; margin-bottom: 20px; word-break: keep-all; }
	.apply a { padding:0 20px; height: 45px; line-height: 43px; font-size:14px; }
	.apply a i { font-size:17px; }
	.re-list { margin-bottom: 90px; }
	.re-list ul li { margin-bottom: 7px; }
	.re-list ul li .btn-flip { height: 60px; font-size:20px; }
	.re-list ul li .btn-flip:before { width:16px; height: 3px; background-size:16px auto;}
	.re-list ul li .btn-flip:after { width:16px; height: 3px; background-size:16px auto;}
	.re-list ul li .view { padding:25px 0 40px; }
	.re-list ul li .view .h4-txt { padding-left: 24px; }
	.re-list ul li .view .h4 { margin-bottom: 10px; }
	.re-list ul li .view .h4 strong { font-size:17px; }
	.re-list ul li .view .h4-txt .r1 { font-size:14px; margin-bottom: 15px; }
	.re-list ul li .view .h4-txt h5 { font-size:13px; }
	.re-list ul li .view .h4-txt p { font-size:13px; padding-left: 5px;}
	.re-list ul li .view .h4-txt + .h4 { margin-top:30px; }
	.cari4 { margin-bottom: 50px;}
	.cari4 .txt-box5 { overflow: auto; margin:0 -20px; padding:0 20px;}
	.cari5 { padding:50px 0 30px; }
	.cari6 { padding:70px 0; }
	.cari6 .tabs2 { margin-bottom: 30px; }
	.h5-board { font-size:16px;padding-bottom: 8px; margin-bottom: 12px; }
	.h5-board small { display: block; font-size:12px; margin:4px 0 0;}
	.board-write .section-btns { margin-top:0; }
	
	
	.btn-type1 { height: 45px; line-height: 43px; font-size:14px; padding:0 20px; }
	.board-view .foot .btn-list { height: 45px; width:45px; background-size:14px auto; }
	.board-write-desc { font-size:13px; padding-bottom: 10px; }
	
	.btn-type2 { height: 45px; line-height: 44px; font-size:14px; padding:0 20px; }
	.inp { font-size:14px; }
	.select { font-size:14px; }
	.textarea { font-size:14px; height: 120px; }
	.checkbox + p span { font-size:14px; margin-left: 4px; }
	.checkbox + p em { width:15px; height: 15px; }
	.checkbox + p em:before { background-size:12px auto; }
	.radio + p span { font-size:13px; }
	.labels label { display: inline-block; vertical-align: middle; margin:0 15px 5px 0;}
	
	.board-write .section { display: block; margin-bottom: 0; }
	.board-write .section .article { width:auto; margin-bottom: 15px; }
	.board-write .section .article .tit { font-size:14px; flex:0 0 80px; width:80px; letter-spacing: -0.5px; }
	.file-upload { padding-right:130px; }
	.file-upload label { width:120px; height: 40px; line-height: 39px; font-size:14px;}
	.board-write .section .article .photo-box .up span { display: block; font-size:13px; }
	.board-write .section .article .col2 .inp { flex:0 0 90px; width:90px; }
	
	.board-write .section .article .name-box .inp { width:calc(50% - 5px);}
	.board-write .section .article .date-box2 { flex-wrap: wrap; }
	.board-write .section .article .date-box2 .select-box { width:100%; margin-left: 0; }
	.board-write .section .article.mili { flex-wrap: wrap; }
	.board-write .section .article.mili .col + .col { margin-left: 0; }
	.board-write .section .article .pos-box { flex-wrap: wrap; }
	.board-write .section .article .pos-box p { margin-left: 0; font-size:13px; line-height: 1.5; padding-top:10px; }
	.board-write .section .article .addr-box .inp { width:calc(100% - 90px)}
	.board-write .section .article .right { right:5px; font-size:14px; }
	.board-write .section .article .family .inp { width:calc(33.33333% - 5px); }
	.board-write .section.col3 .article { width:100%; }
	.board-write .section .article .date-box2 .inp { width:50%; }
	.board-write .section.auto { margin:0 }
	.board-write .section.auto .article { margin:0 0 15px;}
	.board-write .section .article.w33 { width:100%; }
	.re-slider { margin-bottom: 90px; }
	.re-slider .swiper-slide { width:700px !important; }
	.re-slider .swiper-slide .item .info { padding:20px 25px; }
	.re-slider .swiper-slide .item .info .num { font-size:16px; margin-bottom: 7px; }
	.re-slider .swiper-slide .item .info h6 { font-size:20px; margin-bottom: 15px; }
	.re-slider .swiper-slide .item .info ul li { padding-left: 8px; font-size:13px; }
	.re-slider .swiper-slide .item .info ul li + li { margin-top:4px; }
	.re-slider .control { margin:0 20px;}
}


@media (max-width: 820px){
	.re-slider .swiper-container { margin-bottom: 20px; }
	.re-slider .swiper-slide { width:300px !important; }
	.re-slider .swiper-slide .item { display: block; }
	.re-slider .swiper-slide .item .info { width:auto; min-height: 380px;  }
	.re-slider .swiper-slide .item .img { display: none; width:auto; }
	.re-slider .control .btns { display: none; }
	.re-slider .control .swiper-pagination-progressbar { width:200px; margin: 0 auto; position: static; }
}