@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('default.css');
@import url('aos.css');
@import url('swiper.min.css');
@import url('slick.css');
@import url('fullpage.css');

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(../fonts/NotoSansKR-Thin-Hestia.eot),
    url(../fonts/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../fonts/NotoSansKR-Light-Hestia.eot),
    url(../fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../fonts/NotoSansKR-DemiLight-Hestia.eot),
    url(../fonts/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../fonts/NotoSansKR-Regular-Hestia.eot),
    url(../fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 600;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../fonts/NotoSansKR-Medium-Hestia.eot),
    url(../fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../fonts/NotoSansKR-Bold-Hestia.eot),
    url(../fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(../fonts/NotoSansKR-Black-Hestia.eot),
    url(../fonts/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}

@font-face{
  font-family: 'nq';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/NanumSquareL.eot'); 
  src: local('※'), url('../fonts/NanumSquareL.woff') format('woff'), url('../fonts/NanumSquareL.ttf') format('truetype'); 
}  
@font-face{
  font-family: 'nq';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/NanumSquareR.eot'); 
  src: local('※'), url('../fonts/NanumSquareR.woff') format('woff'), url('../fonts/NanumSquareR.ttf') format('truetype'); 
} 
@font-face{
  font-family: 'nq';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/NanumSquareB.eot'); 
  src: local('※'), url('../fonts/NanumSquareB.woff') format('woff'), url('../fonts/NanumSquareB.ttf') format('truetype'); 
} 
@font-face{
  font-family: 'nq';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/NanumSquareEB.eot'); 
  src: local('※'), url('../fonts/NanumSquareEB.woff') format('woff'), url('../fonts/NanumSquareEB.ttf') format('truetype'); 
} 

/**************************************************************************************************************
	공통
**************************************************************************************************************/
.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 }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none-bor { border:0 !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f12 { font-size:12px !important; line-height: 1.4em; }
.f16 { font-size:16px !important; line-height: 1.4em; }
.f17 { font-size:17px !important; line-height: 1.4em; }
.f18 { font-size:18px !important; line-height: 1.4em; }
.f19 { font-size:19px !important; line-height: 1.4em; }
.f20 { font-size:20px !important; line-height: 1.4em; }
.f24 { font-size:24px !important; line-height: 1.4em; }
.f25 { font-size:25px !important; line-height: 1.4em; }
.f29 { font-size:29px !important; line-height: 1.4em; }
.f31 { font-size:31px !important; line-height: 1.4em; }
.f34 { font-size:34px !important; line-height: 1.4em; }

.lh34 { line-height: 34px !important; }
.lh44 { line-height: 44px !important; }
.clear:after { display: block; content: ''; clear: both; }
.fl { float:left; }
.fr { float:right; }

/***********************************************************************************
	Common
************************************************************************************/
html { font-size:10px; }
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#626366;  }
address,
em { font-style:normal }
body,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-family:'noto', sans-serif; color: #626366; }
body,textarea,input,select { font-family:'noto',sans-serif;  text-decoration: none; color: #626366; } 
textarea,.inp,select { border:0; outline:none; border-radius:0; resize:none; box-shadow:none; -webkit-appearance:none; appearance:none; font-weight: normal;}
a:hover { text-decoration: none;}
body { -webkit-text-size-adjust: none; background:none; }
form { padding: 0; margin: 0; }
* {box-sizing: border-box; -webkit-box-sizing:border-box;}
ul:after { display: block; content: ''; clear: both; }
::-ms-clear { display: none;}
select::-ms-expand { display:none; }
strong { font-weight: 600;}
b { font-weight: 700;}
.inner { max-width:982px; margin: 0 auto; }
.inner1200 { max-width:1230px; margin:0 auto; padding:0 15px; }
.inner1444 { max-width:1444px; margin:0 auto; padding:0 15px; }
.inner1800 { max-width:1500px; margin:0 auto; padding:0 15px; }

/* Form */
.select { height: 40px; border: 1px solid #d3d4d5; padding:0 30px 0 15px; font-size:1.8rem; background: #fff url(../img/common/bu_select.png) no-repeat 100% 50%; background-position: right 15px center; }
.select-fm { height: 34px; border-radius:34px; border: 1px solid #8d8e91; padding:0 30px 0 20px; font-size:1.6rem; color: #808184; background: transparent url(../img/common/bu_select.png) no-repeat 100% 50%; background-position: right 15px center; margin-left: 15px; }
.inp { vertical-align:middle; padding:0 0 0 15px; height:40px; background:#fff; border:1px solid #d3d4d5; font-size:1.8rem;  }
.textarea { vertical-align:middle; padding:10px 15px;  background:#fff; border:1px solid #d3d4d5; font-size:1.8rem; line-height: 1.4; resize:none;  }

/* Button */
.btn { display:inline-block !important; vertical-align:middle !important; height:50px !important; line-height:47px !important; color:#626366 !important; background: #fff !important; border: 1px solid #c9cacb !important; border-radius:50px !important; text-align: center; font-size:2rem !important; padding:0 25px !important;}
.btn.btn-blue { background: #3f7ad2; color: #fff; }


#wr_content { padding:15px 10px; height:300px; background:#f8f8f8; border:1px solid #ddd; font-size:1.8rem; line-height:1.6; border-radius:0;box-shadow:none; }
.w100 { width:100%; }
.btn-type0 { display:inline-block; vertical-align:middle; border:0; height:50px; line-height:47px; background: #fff; border: 1px solid #c9cacb; border-radius:50px; text-align: center; font-size:2rem; padding:0 25px; }
.btn-type1 { display:inline-block; vertical-align:middle; border:0; height:50px; line-height:47px; background: #fff; border: 1px solid #c4d8a5; border-radius:50px; text-align: center; font-size:2rem; padding:0 25px; }
.btn-type2 { display:inline-block; vertical-align:middle; border:0; height:50px; line-height:47px; background: #ef7e20; border: 1px solid #c4d8a5; border-radius:50px; text-align: center; font-size:2rem; padding:0 25px; color: #fff !important; }

::-webkit-input-placeholder { color: #a6a8ab;}
:-moz-placeholder { color: #a6a8ab;}
:-ms-input-placeholder {  color: #a6a8ab;}
:-moz-placeholder {  color: #a6a8ab;}

a,a:active,a:visited { text-decoration:none !important; }
p,div { word-break:keep-all;  }
img { max-width:100%; }
/* Text */
.red { color: #ad0e1a !important; } 
.blue { color: #4900fb !important;}
.orange { color: #f29100 !important; }
.orange2 { color: #e95a0c !important; }


/*********************************************************************************************************************************************************************
	Common
*********************************************************************************************************************************************************************/
#s-header { left: 0; right:0; top:0; height:130px; position: fixed;  z-index:1000; background: #fff; }
#s-wrap.main #s-header { position: fixed; background: #fff; }
#s-header .header-inner { max-width:1530px; padding:0 15px; height:130px; margin:0 auto; position: relative; }
#s-header h1 a { position: absolute; left: 19px; top:36px; background: url(../img/common/logo.png) no-repeat 0 0; width:190px; height: 59px; text-indent: -9999px; }
#s-header .mi-logo { position: absolute; right:140px; top:30px; }
#s-header .etc  { position: absolute; right:20px; top:40px; }
#s-header .etc a { display: inline-block; vertical-align: middle; width:48px; height: 49px; background-repeat: no-repeat; background-position: 50% 50%; }
#s-header .etc .btn-srch { background-image:url(../img/common/ico_srch.png);}
#s-header .etc .btn-srch.active { background-image:url(../img/common/ico_srch_close.png); }
#s-header .etc .btn-allmenu { background-image:url(../img/common/ico_menu.png);}
#s-gnb { padding:40px 0 0 300px;  }
#s-gnb ul:after { display: block; content: ''; clear: both; }
#s-gnb ul li { float:left; }
#s-gnb ul li a { display: block; font-size:1.7rem; color: #48494b; height:80px; line-height: 49px; padding:0 30px; position: relative;  transition:all 0.3s ease; font-family:'nq';}
#s-gnb ul li + li a:before { content: ''; position: absolute;left: 0; top:14px; height:21px; width:1px; background: #bccba6; }
#s-gnb ul li.active a { color:#90af59; }

.search { display: none; position: fixed;left: 0; right:0; top:130px; background: #f1f1f2; height: 200px; padding-top:45px; text-align: center; }
.search .inp-box { display: inline-block; width:580px; border-bottom: 2px solid #88b04b;position: relative; }
.search .inp-box .inp { width:100%; height: 70px; padding-left: 15px; font-size:2.5rem; font-weight: 200; border: 0; background: transparent; }
.search .inp-box .inp:focus { border: 0 !important; }
.search .inp-box button { position: absolute; right:0; top:5px; height: 55px; border-radius:100%; width:55px; border: 0; background:#88b04b url(../img/common/ico_search.png) no-repeat 50% 50%; transition: all 0.5s ease; }
.search .inp-box button:hover { opacity:0.7; }

.submenu { display: none; position: absolute;left: 0; right:0; top:130px; right:0; background: #f1f1f2; height: 200px; z-index:10;  }
.submenu > div { display: none; max-width:1500px; margin: 0 auto; padding:15px 0; position: relative; height: 200px; }
.submenu .head { position: absolute; left: 0; top:35px; width:245px; letter-spacing: -2px; bottom:35px; border-right:2px solid #88b04b; text-align: right; padding-right:45px;  }
.submenu .head strong { font-size:3.8rem; color: #6d6e70; line-height: 1; font-weight: 400; font-family: 'Exo','nq';}
.submenu .head p { position: absolute; right:45px; bottom:5px; font-size:2.2rem; color: #6d6e70;  font-weight: 400; font-family: 'nq';}
.submenu .body { padding-left: 255px; padding-top:20px; }
.submenu .body ul:after { display: block; content: ''; clear: both; }
.submenu .body ul li { float:left; position: relative; }
.submenu .body ul li a { display: block; text-align: center; padding:0 35px; height: 165px; position: relative; }
.submenu .body ul li + li a:before { content: ''; position: absolute;left: 0; top:30px; width:1px; height: 60px; background: #bebfc1;}
.submenu .body ul li p { padding-top:20px; font-size:1.7rem;; color: #626366; transition:all 0.3s ease; letter-spacing: -1px; font-family:'nq';}
.submenu .body ul li img { transition:all 0.3s ease;}
.submenu .body ul li a:hover p { color:#90af59; }
.submenu .body ul li a:hover img  { opacity:0.7; }
.submenu .body ul li:hover .dep3 { display: block; }
.submenu .body .dep3 { display: none; position: absolute;left: 0;  bottom:-80px; height: 80px; padding-top:20px; white-space: nowrap; background: #fff; }
.submenu .body .dep3 ul li { float:none; display: inline-block; vertical-align: middle; padding:0 14px; }
.submenu .body .dep3 .btn-dep3 { display: inline-block; padding:0 30px; height: 40px; line-height: 38px; text-align: center; font-size:15px; font-weight: 400; border-radius:40px;border: 1px solid #b3b4b7; transition: all 0.3s ease; }
.submenu .body .dep3 .btn-dep3:hover { background: #88b04b; border-color:#88b04b; color: #fff !important; }
.submenu .body .dep3  a:before { display: none; }
.bg-dep3 { display: none; position: absolute;left: 0; right:0; top:330px; height: 80px; background: #fff; }
.submenu > div.nav2 li:nth-child(6) .dep3,
.submenu > div.nav2 li:nth-child(7) .dep3{ left: inherit; right:0; }

.all-menu { display: none;position:fixed; left:0; right:0; bottom:0; top:0; background:#f3f3f4; z-index:1100; background-size:cover;  padding-top:90px;  } 
.all-menu .logo { display: none; }
.all-menu .btn-close { position:absolute; right:30px; top:30px; background: url(../img/common/btn_all_close.png) no-repeat 0 0; width:34px; height:34px; }
.all-menu .body {  background: #fff;}
.all-menu .body .menu { max-width:1230px; padding:30px 15px; margin:0 auto; border-top:5px solid #88b04b;}
.all-menu .body .menu dl:after { display: block; content: ''; clear: both; }
.all-menu .body .menu dl { margin-bottom: 14px;}
.all-menu .body .menu dl dt { float:left; width:140px; margin-right:70px;  }
.all-menu .body .menu dl dt a { display: block; font-size:2rem; color: #88b04b !important;   font-weight: 600; padding-bottom: 15px; border-bottom: 3px solid #88b04b; }
.all-menu .body .menu dl dd { overflow: hidden; }
.all-menu .body .menu dl dd ul:after { display: block; content: ''; clear: both; }
.all-menu .body .menu dl dd ul li { float:left; width:20%; padding:0 20px 20px; ; }
.all-menu .body .menu dl dd ul li a { display: block; padding-bottom: 15px; border-bottom: 1px solid #ddd; font-size:1.7rem; white-space: nowrap; transition: all 0.3s ease;}
.all-menu .body .menu dl dd ul li a:hover { color: #88b04b; border-color:#88b04b; }


/*********************************************************************************************************************************************************************
	Main
*********************************************************************************************************************************************************************/
.hidden { overflow: hidden; } /* 애니메이션 하단 잘리는 효과 적용 */

.main1-1 { width:100%; height: 48%; background: #bcd095;}
.main1-2 { width:100%; height: 52%; background: url(../img/main/section1.jpg) no-repeat 50% 50%; background-size:cover;}

#section1 { background:#868686; }
#section1 video { position: absolute; object-fit: fill; left: 0; right:0; top:0; bottom:0;  width:100%; height:100%;}
#section1 video + .main1-1 { position: absolute;left: 0; right:0;top:0; background:transparent; }
#section1 video + .main1-1 + .main1-2{ position: absolute;left: 0; right:0;bottom:0;  background:transparent;}

#section1 iframe { position: absolute; object-fit: fill; left: 0; right:0; top:0; bottom:0;  width:100%; height:100%;}
#section1 iframe + .main1-1 { position: absolute;left: 0; right:0;top:0; background:transparent; }
#section1 iframe + .main1-1 + .main1-2{ position: absolute;left: 0; right:0;bottom:0;  background:transparent;}

#section1 .video-box {  position: absolute; object-fit: fill; left: 0; right:0; top:0; bottom:0;  width:100%; height:100%;}
#section1 .video-box  + .main1-1 { position: absolute;left: 0; right:0;top:0; background:transparent; }
#section1 .video-box  + .main1-1 + .main1-2{ position: absolute;left: 0; right:0;bottom:0;  background:transparent;}
#section1 .videoWrapper {    position: relative;    padding-bottom: 56.25%; /* 16:9 */    padding-top: 25px;    height: 0;}
#section1 .videoWrapper iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}



#section1 .swiper-wrapper { padding-top:150px; }
#section1 .in div > div { transform: translateY(150px); opacity:0; }
#section1 .visual1 .main1-inner {max-width:730px; margin: 0 auto; height: 580px; position: relative; }
#section1 .visual1 .only-pc .p1 { padding-top:30px; }
#section1 .visual1 .p1 { text-align: center; transition: all 0.5s ease; transition-delay: 0.5s; }
#section1 .visual1 .p2 { text-align: center;  transition: all 0.7s ease; transition-delay: 0.7s; margin:33px 0 50px;}
#section1 .visual1 .p3 { text-align: center; transition: all 0.9s ease; transition-delay: 0.9s;}
#section1 .visual1 .p4 { position: absolute; right:20px; bottom:60px; transition: all 1.1s ease; transition-delay: 1.2s; }
#section1 .visual1 .p5 { position: absolute; right:20px; bottom:30px; transition: all 1.3s ease; transition-delay: 1.4s; }

#section1 .visual2 .main1-inner  { max-width:1000px; margin:0 auto; }
#section1 .visual2 .p1 { text-align: center; transition: all 0.3s ease; transition-delay: 0.5s; }
#section1 .visual2 .p2 { text-align: center;  transition: all 0.5s ease; transition-delay: 0.7s; margin:50px 0 55px; }
#section1 .visual2 .p3 { text-align: left; transition: all 0.7s ease; transition-delay: 0.8s; }
#section1 .visual2 .p4 { text-align: right; transition: all 0.9s ease; transition-delay: 1s; }

#section1 .visual3 .main1-inner  { max-width:1000px; margin:0 auto; position: relative; }
#section1 .visual3 .p1 { text-align: center; transition: all 0.3s ease; transition-delay: 0.5s; }
#section1 .visual3 .p2 { text-align: center; transition: all 0.5s ease; transition-delay: 0.7s; margin:40px 0; }
#section1 .visual3 .p3 { text-align: center; transition: all 0.7s ease; transition-delay: 0.9s; margin-bottom:17px; }
#section1 .visual3 .p4 { text-align: center; transition: all 0.9s ease; transition-delay: 1.2s; margin-bottom:17px; }
#section1 .visual3 .p5 { text-align: center; transition: all 1.2s ease; transition-delay: 1.5s; margin-bottom:17px; }
#section1 .visual3 .p6 { text-align: center; transition: all 1.5s ease; transition-delay: 1.8s; margin-bottom:17px; }
#section1 .visual3 .p7 { text-align: right; transition: all 1.7s ease; transition-delay: 2s; margin-bottom:17px; }

#section1 .visual4 .main1-inner  { max-width:1060px; margin:0 auto; position: relative; height: 700px;  }
#section1 .visual4 .p1 { text-align: center; transition: all 0.3s ease; transition-delay: 0.5s; }
#section1 .visual4 .p2 { position: absolute; left: 0; top:130px; transition: all 0.5s ease; transition-delay: 0.7s;  }
#section1 .visual4 .p3 { position: absolute; right: 0; top:0; transition: all 0.8s ease; transition-delay: 0.8s;  }
#section1 .visual4 .p4 { text-align: center; padding-top:320px; transition: all 1s ease; transition-delay: 1s;  }
#section1 .visual4 .p5 { position: absolute; right: 0; bottom:0;  transition: all 1.2s ease; transition-delay: 1.2s; }
#section1 .swiper-slide-active .in div > div { transform: translateY(0); opacity:1;}

#section1 .swiper-pagination {  display:none;  position:absolute;left:0;right:0;bottom:50px; text-align:center; }


#section1 .only-pc {  }
#section1 .only-mobile { display: none; }


#s-wrap.main { overflow-y:hidden;  }
#section1 .scroll { position: absolute; left: 50%; bottom:50px; background: url(../img/main/ico_scroll.png) no-repeat 0 0; width:55px; height: 27px; margin-left: -28px; z-index:20; cursor:pointer;}
#section1 { background: #868686;   }
#section1 .box { max-width:1830px; height: 100%; position: relative; margin:0 auto;}
#section1 .box .t1 { position: absolute; right:200px; bottom:40px; text-align: right; font-size:3.6rem; line-height: 1.22; color: #fff; font-family:'Exo'; }
#section1 .box .t-box { position: absolute;left: 0; top:70px; bottom:90px; right:0; border-left:2px solid #88b04b; }
#section1 .box .t-box .t2 { position: absolute;left: 50px; bottom:25px; font-size:6.5rem; line-height: 1.15; font-weight: 300; color: #fff; letter-spacing: -1px;}
#section1 .box .t-box .t2 strong { font-weight: 400;}
#section1 .main1-2 .box { max-width:1800px; }


#section2 .swiper-container { height:100%; }
#section2 .swiper-container .swiper-slide { height:100%; background: url(../img/main/section1_img1.jpg) no-repeat 50% 50%; background-size:cover;}
#section2 .swiper-container .swiper-slide.visual1 {  background: url(../img/main/section1_img1.jpg) no-repeat 50% 50%; background-size:cover;}
#section2 .swiper-container .swiper-slide.visual2 {  background: url(../img/main/section1_img2.jpg) no-repeat 50% 50%; background-size:cover;}
#section2 .swiper-container .swiper-slide.visual3 {  background: url(../img/main/section1_img3.jpg) no-repeat 50% 50%; background-size:cover;}
#section2 .swiper-container .swiper-slide.visual4 {  background: url(../img/main/section1_img4.jpg) no-repeat 50% 50%; background-size:cover;}
#section2 .swiper-container .swiper-slide.visual5 {  background: url(../img/main/section1_img5.jpg) no-repeat 50% 50%; background-size:cover;}
#section2 .swiper-container .swiper-slide.visual6 {  background: url(../img/main/section1_img7.jpg) no-repeat 50% 50%; background-size:cover;}
#section2 .main2-inner { max-width:1200px; margin: 0 auto; height: 100%;  }
#section2 .main2-inner .in { display: table; width:100%; height: 100%; }
#section2 .main2-inner .in div { display: table-cell; vertical-align: top; padding-top:250px; }
#section2 .main2-inner .in div a { display:block; }
#section2 .main2-inner .in div .t1 { font-size:8rem; line-height: 1; color: #fff; font-weight: 300; transform:translateY(70px); transition:all 0.9s ease; opacity:0; transition-delay:0.4s; font-family:'Exo';}
#section2 .main2-inner .in div .t1 strong {font-weight: 500; color: #ffffff; }
#section2 .main2-inner .in div .t2 { transform:translateY(70px); transition:all 0.8s ease; transition-delay:0.5s; opacity:0; display: inline-block; margin: 60px 0; font-size:2.5rem; color: #fff; height: 50px; line-height: 47px; border-radius:50px; border:1px solid #fff; padding:0 22px; font-family: 'noto'; font-weight: 300;}
#section2 .main2-inner .in div .t3 {vertical-align: middle;}


/*#section2 .visual2 .main2-inner .in div { vertical-align: middle; padding-top:0; }*/
#section2 .visual3 .main2-inner .in div .t1 { color: #575e7a; font-weight: 500; font-family:'Exo'; }
/*#section2 .visual1 .main2-inner .in div .t2 { color: #808184; border-color:#808184;}*/
#section2 .swiper-slide-active .in div .t1 { transform:translateY(0); opacity:1; }
#section2 .swiper-slide-active .in div .t2 { transform:translateY(0); opacity:1; }


#section2 .swiper-container .swiper-button-prev { position: absolute;left: 200px; top:50%;  background: url(../img/main/slider_prev.png) no-repeat 0 0 ;width:56px; height: 113px; transition:all 0.5s ease; }
#section2 .swiper-container .swiper-button-prev:hover { transform:translateX(-20px);width:76px;  opacity:0.6;}
#section2 .swiper-container .swiper-button-next { position: absolute;right: 200px; top:50%;  background: url(../img/main/slider_next.png) no-repeat 100% 0 ;width:56px; height: 113px; transition:all 0.5s ease;}
#section2 .swiper-container .swiper-button-next:hover { transform:translateX(20px);width:76px; opacity:0.6;}
#section3 .main3-inner { max-width:1230px; padding:140px 0 15px; margin: 0 auto;}
#section3 .title { font-size:9.3rem; color: #88b04b; font-weight: 400; line-height: 1; font-family:'Exo'; }
#section3 .desc { font-size:2.6rem; color: #626366; font-weight: 300; padding:20px 0; }
#section3 ul:after { display: block; content: ''; clear: both; }
#section3 ul { margin:0 -8px; }
#section3 ul li { float:left; width:25%; padding:0 8px 16px; }
#section3 ul li a { display: block; height: 500px; padding:35px 30px; position: relative; background: #dde7c8;  transition: all 0.3s ease;}
#section3 ul li a .t1 { font-size:3.1rem; color: #88b04b; padding-bottom: 30px; margin-bottom: 35px; position: relative; transition: all 0.3s ease; }
#section3 ul li a .t1:before { content: ''; position: absolute;left: 0; bottom:0; width:50px; height: 2px; background: #88b04b; transition: all 0.3s ease;}
#section3 ul li a .t2 { font-size:2.6rem; color: #626366; font-weight: 300; line-height: 1.2; padding-bottom: 30px; margin-bottom: 15px; position: relative;  transition: all 0.3s ease; font-family:'Exo';}
#section3 ul li a .t2:before { content: ''; position: absolute;left: 0; bottom:0; width:25px; height: 2px; background: #88b04b; transition: all 0.3s ease;}
#section3 ul li a .t3 { font-size:1.4rem; line-height: 1.2; color: #626366; font-weight: 300; transition: all 0.3s ease;}
#section3 ul li a .ico { position: absolute;left: 28px; bottom:20px; background-repeat: no-repeat; background-position: 50% 50%; width:102px; height: 95px; }
#section3 ul li a .ico.ico1 { background-image:url(../img/main/section4_ico1_off.png); }
#section3 ul li a .ico.ico2 { background-image:url(../img/main/section4_ico2_off.png); }
#section3 ul li a .ico.ico3 { background-image:url(../img/main/section4_ico3_off.png); }
#section3 ul li a .ico.ico4 { background-image:url(../img/main/section4_ico4_off.png); }
#section3 ul li.active a .ico.ico1,
#section3 ul li a:hover .ico.ico1{ background-image:url(../img/main/section4_ico1_on.png); }
#section3 ul li.active a .ico.ico2,
#section3 ul li a:hover .ico.ico2{ background-image:url(../img/main/section4_ico2_on.png); }
#section3 ul li.active a .ico.ico3,
#section3 ul li a:hover .ico.ico3{ background-image:url(../img/main/section4_ico3_on.png); }
#section3 ul li.active a .ico.ico4,
#section3 ul li a:hover .ico.ico4{ background-image:url(../img/main/section4_ico4_on.png); }
#section3 ul li a:before { content: ''; position: absolute;left: 0; bottom:0; width:5px; height: 185px; background: #88b04b; transition: all 0.3s ease; }
#section3 ul li.active a:before,
#section3 ul li a:hover:before { background: #fff;}
#section3 ul li.active a,
#section3 ul li a:hover { background: #88b04b;}
#section3 ul li.active a .t1,
#section3 ul li a:hover .t1,
#section3 ul li.active a .t2,
#section3 ul li a:hover .t2,
#section3 ul li.active a .t3,
#section3 ul li a:hover .t3{ color: #fff;}
#section3 ul li.active a .t1:before,
#section3 ul li a:hover .t1:before,
#section3 ul li.active a .t2:before,
#section3 ul li a:hover .t2:before { background: #fff; }
#section3 { position: relative;}
#section3:before { content: ''; position: absolute;left: 0; right:0; bottom:0; height: 263px; background: #e6e7e8; }

#section4 { background: #b2c985; }
#section4 .main4-inner { max-width:1090px; margin: 0 auto; padding:0 15px; }
#section4 .title { font-size:7rem; color: #fff; line-height: 1.2; font-family:'Exo'; }
#section4 .desc { font-size:2.6rem; color: #fff; margin-bottom: 50px; }
#section4 .slider-box .tit { font-size:4.4rem; height:68px; color: #6d7d54; font-weight: 400; padding-bottom: 10px; position: relative; margin-left: 25px; z-index:2; font-family:'Exo','noto';}
#section4 .slider-box .tit:before { content: ''; position: absolute;left: 0; bottom:-2px; height: 5px; background: #fff; width:100px; }
#section4 .slider-box .tit em { font-size:3.7rem; }
#section4 .slider-box .tit em b { font-size:3.9rem; font-weight: 400;}
#section4 .slider-box .box { }
#section4 .slider-box .box a { display: block;padding: 80px 18px; height: 320px; background: #6d7d54; position: relative; }
#section4 .slider-box .box a:before { content: ''; position: absolute; right:10px; bottom:10px; width:24px; height: 24px; background: url(../img/main/ico_news_more.png) no-repeat 0 0; transition: all 0.5s ease; }
#section4 .slider-box .box a:hover:before { transform: rotate(180deg);}
#section4 .slider-box .box .date { line-height: 1; position: relative;}
#section4 .slider-box .box .date span { display: inline-block; vertical-align: middle; padding-right:15px; background: #6d7d54; font-size:1.6rem; color: #fff; font-weight: 300; position: relative; z-index:2; }

#section4 .slider-box .box .date:before { content: ''; position: absolute; right:0; top:50%; left:0; height: 1px; background: rgba(255,255,255,0.3); }
#section4 .slider-box .box .subj { font-size:2.2rem; line-height: 26px; height: 52px; overflow: hidden; color: #fff; font-weight: 500; margin:15px 0 25px;  }
#section4 .slider-box .box .text { font-size:1.5rem; line-height: 1.2; color: #fff; font-weight: 300; padding-top:15px; position: relative; font-family: 'noto' }
#section4 .slider-box .box .text:before { content: ''; position: absolute;left: 0; top:0; width:20px; height: 1px; background: #fff; }
#section4 .swiper-pagination { display: none; }

#fp-nav ul { padding:90px 30px 10px; background: rgba(0,0,0,0.25); transform: translateY(40px)}
#fp-nav ul li { width:50px; height: 95px;  }
#fp-nav ul li .fp-tooltip { display: none; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { display: block; position: static; border-radius:0; width:auto; height: auto; font-size:1.6rem; color: #fff; font-weight: 300; transform: rotate(90deg);transition: all 0.5s ease; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { width:auto; height: auto; margin:0; border-radius:0; }
#fp-nav ul li:nth-child(1) { height: 135px; }
#fp-nav ul li:nth-child(2) { height: 80px; }
#fp-nav ul li + li { margin-bottom: 40px; }
#fp-nav ul li a:before { content: ''; position: absolute;left: 8px; bottom:0; width:0; height: 2px; background: #4d7022; opacity:0; transition: all 0.5s ease;}
#fp-nav ul li a.active:before { width:95px; opacity:1;}
#fp-nav ul li a.active span { color: #4d7022; font-weight: 600; font-size:1.7rem; }

#s-footer { padding:25px 0;  background:#e6e7e8; margin-top:150px;  clear:both; }
#s-footer .foot-inner { max-width:1230px; padding:0 15px; position:relative;  font-family:'noto'; margin:0 auto;  font-weight: 300;  }
#s-footer .logo { position:absolute; left:15px; top:50px; }
#s-footer .info { margin-left:255px; font-size:1.6rem;  }
#s-footer .info .menu { padding-bottom: 15px; border-bottom: 1px solid #c6c8c9; margin-bottom: 15px;}
#s-footer .info .menu a { display:inline-block; vertical-align:middle; color:#88898c; font-size:1.7rem; position:relative; font-weight: 400; color: #808184 !important;}
#s-footer .info .menu a + a { margin-left:20px; padding-left:21px; }
#s-footer .info .menu a + a:before { content:''; position:absolute; left:0; top:4px; bottom:2px; width:1px;  background:#88898c; }

#s-footer .info .menu2 { padding-bottom: 15px; }
#s-footer .info .menu2 a { display:inline-block; vertical-align:middle; color:#808184; font-size:1.7rem; position:relative; }
#s-footer .info .menu2 a + a { margin-left:15px; padding-left:16px; }
#s-footer .info .menu2 a + a:before { content:''; position:absolute; left:0; top:4px; bottom:2px; width:1px;  background:#88898c; }

#s-footer .info .addr {  font-size:1.7rem; color: #808184; letter-spacing: -1px;}
#s-footer .info .addr strong { font-weight: 500; }
#s-footer .info .copy { font-size:1.5rem; font-weight: 'noto';  color: #808184; }
#s-footer .info .copy strong { font-weight: 400;}
#s-footer .etc { position: absolute; right:15px; top:0; }
#s-footer .etc  p { display: inline-block; vertical-align: middle; font-size:1.7rem; color: #808184; margin-right:12px; font-weight: 400;}
#s-footer .etc  a { display: inline-block; vertical-align: middle; width:26px; height: 26px; text-align: center; border-radius:3px; background: #808184; padding-top:3px; margin:0 2px;}
#s-footer .etc  a img { vertical-align: top; }


#topBtn { position:fixed; right:50px; bottom:50px; width:60px; height:60px; border-radius:100%; background:#00514b url(../img/common/ico_scroll_top.png) no-repeat 50% 50%; z-index:20; }





.pg_wrap { }
.pg_page { width:44px; height:44px; background:#fff; border:0; line-height:44px; font-size:1.8rem; color:#626366; margin:0; border-radius:100%; font-weight: 400; transition:all 0.3s ease;}
.pg_page:hover { background-color:#f5f5f5; bordeR:0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.pg_current { width:44px; height:44px; background:#88b04b; border: 0;  font-size:1.8rem; line-height:44px; color:#fff; border-radius:100%; font-weight: 400;box-shadow:none;}
.pg_start { border:0; background:url(../img/common/page_first.png) no-repeat 50% 50%; }
.pg_prev{ border:0; background:url(../img/common/page_prev.png) no-repeat 50% 50%; }
.pg_next { border:0; background:url(../img/common/page_next.png) no-repeat 50% 50%; }
.pg_end { border:0; background:url(../img/common/page_last.png) no-repeat 50% 50%; }
#bo_cate {display:none; }
.auth-img img { max-width:550px; width:100%;}



.inner1020 { max-width:1050px; padding:0 15px; margin:0 auto; }

/****************************************************************************************************************************
	서브페이지
****************************************************************************************************************************/

.title1 {  margin-bottom: 15px; position: relative; }
.title1 strong { font-size:2.2rem; color: #58595b; font-weight: 600; font-family: 'nq'}
.title1 .pull-right { position: absolute; right:0; bottom:0; font-size:1.4rem;}
.title2 { text-align: center; font-size:4.2rem; color: #88b04b; margin-bottom: 60px; font-family: 'Exo', 'nq'; }

.sub-head { max-width:1500px; margin:130px auto 0; padding:0 15px;background:#d9d8d6 url(../img/common/bg_sub_head.png) no-repeat 50% 0; border-top:5px solid #88b04b;  position: relative; z-index:2; }
.sub-head .inner1200 { height: 165px;  }
.sub-head .inner1200 .title { font-size:3.2rem; color: #fff; font-weight: 600; padding-top:60px; font-family: 'nq'; letter-spacing: 10px; text-align: center; }
.sub-head.head-company { height: 219px; background-repeat: no-repeat; background-position: 50% 50%;background-size:cover; border-top:0; }
.sub-head.head-company + .mobile + .location { margin-bottom: 0;}
.sub-head.head-company .title { font-size:50px; color: #fff; line-height: 1.2; font-family: 'Exo';font-weight: 400; text-align: left; }
.sub-head.company1 { background-image: url(../img/company/sub_head1.jpg); position: relative;}
.sub-head.company1:before { content: ''; position: absolute; background: url(../img/company/img1_1.png) no-repeat 0 0; background-size:300px auto; width:300px; height: 300px; left:50%; margin-left: -150px; top:55px; opacity:0.7;}
.sub-head.company2 { background-image: url(../img/company/sub_head2.jpg); position: relative;}
.sub-head.company3 { background-image: url(../img/company/sub_head3.jpg); position: relative;}
.sub-head.company4 { background-image: url(../img/company/sub_head4.jpg); position: relative;}
.sub-head.company5 { background-image: url(../img/company/sub_head5.jpg); position: relative;}
.sub-head.company6 { background-image: url(../img/company/sub_head6.jpg); position: relative;}
.sub-head.company7 { background-image: url(../img/company/sub_head7.jpg); position: relative;}
.sub-head .dep2 { position: absolute; right:15px; bottom:10px; }
.sub-head .dep2 a { display: inline-block; vertical-align: middle; font-size:1.7rem; letter-spacing: -1px; color: #626366; margin-left:40px; line-height: 50px; font-weight: 400; }
.sub-head .dep2 a.active { font-weight:600; }
.location { padding-top:125px; background: #efefef url(../img/common/bg_sub_location.png) repeat 50% 100%; margin-top:-125px; margin-bottom: 60px; }
.location .inner1800 { text-align: right; }
.location .inner1800 a { display: inline-block; vertical-align: middle; font-size:1.7rem; letter-spacing: -1px; color: #626366; margin-left:40px; line-height: 35px; font-weight: 300; }
.location .inner1800 a.active { font-weight: 600;}

.table1 {}
.table1 table { width:100%; border-collapse: collapse; border-top:2px solid #646465; }
.table1 table thead th { border-bottom: 1px solid #d3d4d5; padding:15px 10px; font-size:1.8rem; font-weight: 300; }
.table1 table thead th + th { border-left: 1px solid #d3d4d5; }
.table1 table tbody td { border-bottom: 1px solid #d3d4d5; padding:17px; font-size:1.7rem; }
.table1 table tbody td + td { border-left: 1px solid #d3d4d5; }
.table1 table tbody td dl:after { display: block; content: ''; clear: both; }
.table1 table tbody td dl dt { float:left; }
.table1 table tbody td dl dd { float:right; }
.table1 table tbody td .arr { width:14px;}
.table1.no-border table thead th + th,
.table1.no-border table tbody td + td { border-left:0;}

.board-write { border-top:2px solid #646465; margin-bottom: 15px; }
.board-write table { width:100%; border-collapse: collapse; }
.board-write table tbody th { width:20%; padding-left: 40px; font-size:1.8rem; text-align: left; font-weight: 300; border-bottom: 1px solid #d3d4d5;  }
.board-write table tbody td { border-bottom: 1px solid #d3d4d5; padding:10px;  }
.board-bottom-desc { font-size:1.6rem; letter-spacing: -1px; line-height: 1.4; margin-bottom: 60px;}


.board-head { position: relative; text-align: right; }
.board-head .sort { position: absolute;left: 0; top:0; }
.board-head .sort a { display: inline-block; vertical-align: middle; padding:0 23px; height: 48px; line-height: 46px; border-radius:48px; border: 1px solid #dcddde; font-size:2.2rem; margin-right:10px; }
.board-head .sort a img { margin:-5px 10px 0 0; vertical-align: middle;}
.inp-srch { display: inline-block; max-width:293px; position: relative; border-bottom: 1px solid #acadb0; height: 45px;  }
.inp-srch .inp-srch { width:100%; padding:0 40px 0 20px; height: 45px; background: none; border: 0; outline:none; font-size:1.7rem; }
.inp-srch .inp-srch:focus { border: 0 !important; }
.inp-srch .btn-srch { position: absolute; right:0; top:0; width:45px; height: 45px; border: 0; background: url(../img/common/ico_srch.png) no-repeat 50% 50%; text-align: left; text-indent: -9999px; }




.board-view {  font-weight:300;  margin-bottom:70px; }
.board-view .subject { text-align:center; padding:22px 15px; font-size:1.8rem; line-height:1.4;border-top:2px solid #646465; border-bottom:1px solid #dedfe0; }
.board-view .subject div { margin-bottom:5px;  word-break:break-all; }
.board-view .subject p {  }
.board-view .text-area { padding:50px 70px; font-size:1.7rem; line-height:1.7;  border-bottom:1px solid #646465; }
.board-view .files { border-bottom:1px solid #d9d9d9;  }
.board-view .files dl { padding:20px 15px 20px 160px; position:relative; line-height:1.7;  font-size:1.7rem; } 
.board-view .files dl:after { display:block; content:''; clear:both; }
.board-view .files dl dt { position:absolute; left:15px; top:20px;  padding:0 26px; background:url(../img/common/ico_file.png) no-repeat 100% 50%; }
.board-view .files dl dd { }
.board-view .files dl dd a { color:#444; }
#bo_v_con { font-size:1.7rem; text-align: left; }
.board-desc1 { text-align: center; font-size:1.8rem; line-height: 1.6; color: #777777; margin-bottom: 50px;}
.replay-label { display: inline-block; vertical-align: middle; height: 30px; padding:0 20px; border-radius:30px; line-height: 29px; background: #a6a8ab; font-size:1.4rem; color: #fff;  min-width:92px;}
.replay-label.on { background: #88b04b; }


/****************************************************************************************************************************
	3. 보건위생
****************************************************************************************************************************/
.clean1 { max-width:1053px; margin:0 auto; padding:0 15px; font-family: 'noto' }
.clean1 .txt-box1 { margin-bottom: 20px; }
.clean1 .txt-box1 .tit { text-align: center; padding:10px; font-size:2.1rem; color: #3c3c3b; font-weight: 600; background: #f5f5f5; }
.clean1 .txt-box1 .box { display: flex; justify-content: space-around; padding:0 60px; position: relative; }
.clean1 .txt-box1 .box dl { flex: 3;  text-align: center;  }
.clean1 .txt-box1 .box:before { content: ''; position: absolute;left: 0; right:0; top:0; height: 35px;background: #ececec; z-index:-1;}
.clean1 .txt-box1 .box dl:first-child { flex: 1.5; }
.clean1 .txt-box1 .box dl dt { line-height: 35px; font-size:1.8rem; color: #575756; margin-bottom: 20px; }
.clean1 .txt-box1 .box dl dd { font-size:1.7rem; letter-spacing: -1px; font-weight: 200; color: #6f6f6e; line-height: 2; border-left: 1px solid #eee; font-weight: 400;}
.clean1 .txt-box1 .box dl dd p { line-height: 1.1; }
.clean1 .txt-box1 .box dl:first-child dd { text-align-last: justify; padding:0 20px; letter-spacing: -1px; border-left: 2px solid #888; }
.clean1 .txt-box2 { max-width:845px; margin: 0 auto; }
.clean1 .txt-box2 table { width:100%; border-collapse: collapse; }
.clean1 .txt-box2 table thead th { border: 1px solid #bfbfbf; background: #ececec; height: 52px; font-size:1.8rem; color: #3c3c3b; font-weight: 400; text-align: center; line-height: 1.2;}
.clean1 .txt-box2 table tbody td { border: 1px solid #bfbfbf; background: #f5f5f5; padding:7px ; text-align: center; font-size:1.6rem; color: #3c3c3b; font-weight: 400; text-align: center; }
.clean1 .txt-box2 table tbody td:first-child { font-size:1.8rem; }
.clean1 .txt-box2 table tbody td[rowspan] { font-size:3.6rem; font-family: 'nq'; font-weight: 700; color: #fff; background: #e73a4a; }


/****************************************************************************************************************************
	4. CAR TO HOME 
****************************************************************************************************************************/
.car1 { max-width:1130px; margin:0 auto; padding:0 15px; }
.car1 .img-box { background: #f1f2f2; padding:7px; text-align: center; }
.car1 .img-box .t1 {  font-size:2.2rem; padding: 50px 0; font-family:'nq'; }
.car1 .txt-box { margin:-90px 0 80px; text-align: center; }

.car2 { max-width:790px; margin:0 auto; padding:0 15px; }
.car2 .t1 { text-align: center; font-size:2.2rem; margin-bottom: 90px; font-weight: 400; font-family:'nq';}
.car2 .img-box1 { display: flex; justify-content: space-around; margin-bottom: 200px; }
.car2 .img-box1 .img { width:210px; height:515px; background: #eee; border-radius:515px; position: relative;}
.car2 .img-box1 .img .t2 { width:210px; height: 210px; border-radius:100%; border: 7px solid #fff; background: #eee; display: flex; text-align: center; align-items: center;  }
.car2 .img-box1 .img .t2 p { width:100%; font-size:2rem; color: #575756; }
.car2 .img-box1 .img .t3 { text-align: center; padding:13px 0; font-size:1.7rem; line-height: 1.4; font-weight: 300;}
.car2 .img-box1 .img .ico { position: absolute;left: 0; right:0; bottom:35px; text-align: center; }
.car2 .img-box2 ul { overflow: hidden; }
.car2 .img-box2 ul li { float:left; width:25%; text-align: center; margin-bottom: 90px; }
.car2 .img-box2 ul li p { font-size:1.7rem; padding-top:5px; font-weight: 300; }

.car3 { text-align: center; padding:0 15px; }
.car3 .txt-box { max-width:680px; margin:0 auto 100px; border: 5px solid #eeeeee;  }
.car3 .txt-box .tit { padding: 15px 0; font-size:2.4rem; font-weight: 600; background: #eee; font-family:'nq'; }
.car3 .txt-box > div + div { border-top:1px solid #eee; }
.car3 .txt-box dl { max-width:440px; margin:0 auto; padding:12px 0 19px; text-align: left; }
.car3 .txt-box dl dt { font-size:1.9rem; font-weight: 600; margin-bottom: 5px;  text-align: center;  font-family:'nq';}
.car3 .txt-box dl dd { font-size:1.7rem; font-weight: 300; line-height: 1.4; padding-left:10px; text-indent: -10px;}
.car3 .t1 { font-size:2.2rem; line-height: 1.4; margin-bottom: 55px;  font-family:'nq';}
.car3 .t2 { font-size:2.4rem; line-height: 1.4; margin-bottom: 55px; color: #88b04b; font-weight: 500; font-family:'nq';}
.car3 .t3 { max-width:285px; margin:0 auto 40px;}
.car3 .t3 li { padding: 12px 0; font-size:2rem; border-bottom: 2px dashed #eee; letter-spacing: -1px;font-family:'nq'; }

.car4 { max-width:1030px; margin:0 auto; padding:0 15px; }
.car4 .box1:after { display: block; content: ''; clear: both; }
.car4 .box1 { margin-bottom: 35px;}
.car4 .box1 .img { float:left; width:48%;text-align: right; padding-right:50px; }
.car4 .box1 .txt-box { float:left; width:52%; }
.car4 .box1 .txt-box dl {text-align: center; padding-bottom: 25px; margin-bottom: 35px; border-bottom: 1px solid #bbb; }
.car4 .box1 .txt-box dl dt { font-size:2.7rem; color: #575756; font-weight: 500; font-family: 'Exo'; padding:100px 0 10px;   }
.car4 .box1 .txt-box dl dd {font-size:2.3rem;  color: #575756; line-height: 1.4;  text-align: center; font-family: 'Exo';}
.car4 .box1 .txt-box ul li { text-align: left; font-size:2.3rem; font-weight: 300; color: #575756; line-height: 1.4; margin-bottom: 24px; 
}
.car4 .box2 { text-align: center; margin-bottom: 70px; }
.car4 .box2 .t1 { font-size:2.7rem; font-weight: 600; color: #3c3c3b; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; font-family:'nq';  }
.car4 .box2 .t2 { font-size:2.3rem; line-height: 1.4; color: #575756;  margin-bottom: 30px;font-family:'nq';  }
.car4 .box2 .t3 { font-size:2.3rem; line-height: 1.4; color: #575756;  margin-bottom: 30px;font-family:'nq';  }
.car4 .box2 .txt-box { max-width:815px; margin:0 auto 15px; height: 190px; border-radius:190px; background: #f9f9f9; padding-left: 200px; position: relative; display: flex; align-items: center;  font-family:'nq'; }
.car4 .box2 .txt-box .tit { position: absolute;left: 10px; top:10px; bottom:10px; width:170px; border-radius:100%; background: #f29100; border: 5px solid #fff; display: flex; align-items: center; }
.car4 .box2 .txt-box .tit p { width:100%; font-size:2.3rem; color: #fff; line-height: 1.2; font-weight: 500; }
.car4 .box2 .txt-box ul li { text-align: left; font-size:2.3rem; font-weight: 300; line-height: 1.4; color: #575756; padding-left: 14px; text-indent: -14px; letter-spacing: -1px; padding-right:50px; }
.car4 .img2 { text-align: center; }
.car4 .box3 { padding-top:70px; }
.car4 .box3 .tit { text-align: center; font-size:2.7rem; color: #575756; font-weight: 600; margin-bottom: 20px; font-family: 'Exo'; }
.car4 .box3 .table {  }
.car4 .box3 .table table { width:100%; border-collapse: collapse; border-top:1px solid #c3c3c3; }
.car4 .box3 .table table tbody th { font-size:1.8rem; color: #777777; text-align: center; text-align-last: justify; padding:15px 30px; font-weight: 500; vertical-align: top;  border-bottom: 1px solid #eee;  letter-spacing: -3px;white-space: nowrap; }
.car4 .box3 .table table tbody td { font-size:1.8rem; color: #777777; line-height: 1.2; vertical-align: top; padding:15px; border-bottom: 1px solid #eee; font-weight: 300;}
.car4 .box3 .table table tbody td dl:after { display: block; content: ''; clear: both; }
.car4 .box3 .table table tbody td dl dt { float:left; width:90px; text-align: center; text-align-last: justify; letter-spacing: -2px; margin-right:30px; white-space: nowrap; }
.car4 .box3 .table table tbody td dl dd { overflow: hidden; }
.car4 .box3 .table table tbody td .ml { margin-left: 115px; }



/****************************************************************************************************************************
	5. 사업분야
****************************************************************************************************************************/
.biz1 {max-width:870px; margin:0 auto; padding:0 15px;}
.biz1 .box { margin-bottom: 45px;}
.biz1 .box .tit { width:210px; height: 210px; border-radius:100%; border: 24px solid #e6e7e8; text-align: center; display: flex; margin:0 auto; align-items: center;}
.biz1 .box .tit p { width:100%; font-size:2.6rem; color: #575756; font-weight: 500; line-height: 1.3; font-family:'nq';font-weight:600; }
.biz1 .box .round { padding:50px 50px 50px 100px; border-radius:100px; border: 1px solid #e6e7e8;}
.biz1 .box .tit + .round { margin-top: -23px; }
.biz1 .box .round ul li { font-size:1.8rem; line-height: 1.55; font-weight: 300; }
.biz1 .box .round div { text-align: center; font-size:2rem; color: #575756; font-weight: 300; }

.biz2 { max-width:796px; margin:0 auto; padding:0 15px;}
.biz2 .img { margin-bottom: 150px; text-align: center; }
.biz2 .box { display: flex; align-content: space-around; margin-bottom: 25px; }
.biz2 .box .tit { display: flex; align-items: center; width:180px; height: 180px; border-radius:90px; background: #fff; border: 18px solid #f1f2f2; position: relative; z-index:2; flex-shrink: 0; }
.biz2 .box .tit p { flex:1; text-align: center; font-size:2.6rem; line-height: 1.3; color: #575756; letter-spacing: -1px;font-family:'nq'; }
.biz2 .box .txt { display: flex; align-items: center; flex:1 1 auto; margin-right: -50px;  border: 5px solid #f1f2f2; border-radius:90px; text-align: left; font-size:1.7rem; line-height: 1.3; font-weight: 300; padding:0 60px 0 100px;  background: #fff; }
.biz2 .box .tit + .txt { margin-left:-50px; margin-right:0; background: #f1f2f2;}

.biz3 { max-width:963px; margin:0 auto; padding:0 15px; }
.biz3 .title2 { font-size:6.3rem; margin-bottom: 40px; }
.biz3 .t1 { font-size:2.2rem; line-height: 1.3; margin-bottom: 120px; text-align: center; font-weight: 400; font-family:'nq'; }
.biz3 .t2 { text-align: center; font-size:1.9rem; font-weight: 400; line-height: 1.2; padding: 25px 30px; border-radius:90px; border: 5px solid #eeeeee; margin: 80px 0 15px; font-family:'nq'; }
.biz3 .img2 { margin-bottom: 150px; text-align: center; }
.biz3 .img3 { margin-bottom: 33px; text-align: center; }
.biz3 .txt-box { max-width:770px; margin:0 auto; border: 5px solid #eee; text-align: center; color:#777777; }
.biz3 .txt-box .tit { padding: 28px 10px; background: #eee; font-size:2.8rem; font-weight: 600; }
.biz3 .txt-box div { font-size:1.8rem; line-height: 1.4; padding:25px 45px; text-align: left; }

.biz4{ max-width:1230px; margin:0 auto; padding:0 15px;}
.biz4 .box { display: flex; justify-content: space-between; margin-bottom: 100px;  font-family:'nq'; }
.biz4 .box .section { border: 1px solid #e6e7e8; padding:25px 30px; width:49%; position: relative; }
.biz4 .box .section:before { content: ''; position: absolute;left: 0; top:0; width:2px; height:49%; background: #e6e7e8;}
.biz4 .box .section:after { content: ''; position: absolute;right: 0; top:0; width:2px; height:49%; background: #e6e7e8;}
.biz4 .box .section .title { float:left; }
.biz4 .box .section .title p { font-size:3.2rem; font-weight: 400; font-family: 'Exo'; line-height: 1.2; }
.biz4 .box .section .title span { font-size:2rem; color: #868686; font-weight: 300; }
.biz4 .box .section .img { float:right; }
.biz4 .box .section .t1 { font-size:1.8rem; line-height: 1.3; font-weight:600; clear: both; padding-top:25px; }
.biz4 .box .section .t2 { font-size:1.9rem; line-height: 1.3; position: relative; padding-top:13px; margin-top:13px; }
.biz4 .box .section .t2:before {content: ''; position: absolute;left: -5px; right:-5px; top:0; height: 1px; background: #eee; }
.biz4 .box .section strong { color: #88b04b; }

/****************************************************************************************************************************
	6. 투자정보 
****************************************************************************************************************************/
.stock { }
.stock .clear {margin-bottom: 70px;}
.stock .clear .fl { width:49%; }
.stock .clear .fr { width:49%; }
.stock .clear .fl .table1.sise { margin-bottom: 33px;}
.stock .clear .fl .table1.sise table { height: 200px; }
.stock .clear .fl .table1.sise table tbody td  { font-size:1.8rem; }
.stock .clear .fl .table1.sise table tbody td dl dt { text-align: center; width:50%; }
.stock .clear .fl .table1.sise table tbody td dl dd { text-align: center; width:50%;  }
.stock .clear .fl .table1.sise table tbody td[rowspan] { background: #e6e7e8; text-align: center; font-size:4rem; }
.stock .clear .fl .table1.sise table tbody td[rowspan] .arr { width: auto; }
.stock .clear .fl .table1.hoga table tbody td { text-align: center; }
.stock .clear .fl .table1.hoga table tbody td dl dt,
.stock .clear .fl .table1.hoga table tbody td dl dd { float:none; }
.stock .clear .fl .table1.hoga table tbody td dl dt { font-size:18px; margin-bottom: 20px; }
.stock .clear .fr .table1 table tbody td { padding-top:21px; padding-bottom:21px;}

.finance .table1 { margin-bottom: 50px; }
.finance .table1 table thead th { background: #e6e7e8;}
.finance .table1 table .bdl0 { border-left: 0; }
.finance .table1 table tbody td { text-align: center; }
.finance .table1 table tbody td:first-child { padding-left: 15px; padding-right:15px; white-space: nowrap; }
.finance .table1.last table tbody td:first-child { text-align: left; }


/****************************************************************************************************************************
	7. 고객센터
****************************************************************************************************************************/
.event-list { padding-top:20px; border-top:2px solid #646465; }
.event-list ul li { margin-bottom: 30px; }
.event-list ul li a{ display: block; }
.event-list ul li a .img img { width:100%; }
.event-list ul li a .info { padding-top:20px; }
.event-list ul li a .info .tit { font-size:2.1rem; margin-bottom: 15px; }
.event-list ul li a .info .txt { font-size:1.7rem; line-height: 1.3; }

.ascenter { }
.ascenter .t1 { text-align: center; font-size:2.6rem; color: #58595b; font-weight: 600; margin-bottom: 65px; }
.ascenter .t2 { text-align: center; font-size:2rem; color: #6d6e70; max-width:1020px; margin:0 auto;  }
.ascenter .t2 + .t2 { padding-top:20px; margin-top:20px; border-top:1px solid #d3d4d5; margin-bottom: 30px; }
.ascenter .t2 p { padding-top:20px;}

.cscenter .box { border: 1px solid #e6e7e8; border-left-width:5px;  padding: 45px; margin-bottom: 40px; }
.cscenter .box .tb { display: table; width:90%; }
.cscenter .box .tb .td { display: table-cell; font-size:0;  vertical-align: middle;}
.cscenter .box .tb .td .lg { text-align: center; display: inline-block; vertical-align: middle; width:40%;}
.cscenter .box .tb .td .tel { text-align: center; display: inline-block; vertical-align: middle; width:60%;}
.cscenter .box .tb .td .tel p { font-size:3.2rem; font-weight: 300;}
.cscenter .box .tb .td .tel strong { font-size:4rem; color: #ef7e20; font-weight: 600;}
.cscenter .box .tb .td.td2 { width:50%; padding-left: 40px; border-left: 5px solid #f1f1f2; }
.cscenter .box .tb .td .time .t1 { font-size:2.5rem;  }
.cscenter .box .tb .td .time dl:after { display: block; content: ''; clear: both; }
.cscenter .box .tb .td .time dl { font-size:2rem; line-height: 1.7; }
.cscenter .box .tb .td .time dl dt{  float:left; width:180px;}
.cscenter .box .tb .td .time .t2 { font-size:2.1rem; }
.cscenter .t3 { text-align: center; font-size:2.8rem; margin:60px 0 40px; }
.cscenter .btns { text-align: center; margin-bottom: 35px; }
.cscenter .t4 { font-size:1.8rem; text-align: center; }



/****************************************************************************************************************************
	0. 회사소개
****************************************************************************************************************************/
.cp-tit { text-align: center; font-size:2.2rem; padding: 10px; background: #eee; font-weight: 600;   font-family:'nq';}
.cp-table table { width:100%; border-collapse: collapse; }
.cp-table table tbody th { font-size:1.9rem; text-align: left; font-weight: 400; padding:10px 15px 10px 30px; border-bottom: 1px solid #dadad9;vertical-align: top;   }
.cp-table table tbody td { font-size:1.9rem;padding:10px 15px; border-bottom: 1px solid #dadad9; vertical-align: top; font-weight: 300;}
.cp-table.no-border table { border-bottom: 1px solid #dadad9;}
.cp-table.no-border table tbody th,
.cp-table.no-border table tbody td{ border-bottom: 0;}
.cp1 { }
.cp1 .t1 { text-align: center; font-size:3.7rem; color: #58595b; line-height: 1.4; font-weight: 300; background: #eee; padding:85px 0 30px ;  font-family:'nq';}
.cp1 .inner { max-width:850px; padding:0 15px; }
.cp1 .t2 { font-size:1.8rem; line-height: 1.4; padding:40px 0 100px; text-align: center; }

.cp2 { }
.cp2 .t1 { text-align: center; background: #eee; padding:90px 0 30px ; }
.cp2 .history { max-width:850px; margin: 0 auto; padding-top:100px; }
.cp2 .history .section { padding-left: 105px; position: relative; margin-bottom: 30px; padding-top:7px;}
.cp2 .history .section .year { position: absolute; left: 0; top:0; font-size:33px; font-weight: 500; font-family: 'Exo'; }
.cp2 .history .section .cont { border-bottom: 1px solid #eee; padding-bottom: 30px;  }
.cp2 .history .section .cont dl:after { display: block; content: ''; clear: both; }
.cp2 .history .section .cont dl dt { float:left; width:45px; font-size:1.9rem; color: #3c3c3b; }
.cp2 .history .section .cont dl dd { font-size:1.8rem; font-weight: 300; overflow: hidden; }
.cp2 .history .section .cont dl + dl { margin-top:5px;}

.cp3 { }
.cp3 .t1 { text-align: center; background: #eee; font-size:2rem; line-height: 1.55;  padding:80px 0 50px ;margin-bottom: 90px;   font-family:'nq';}
.cp3 .title { font-size:5rem; line-height: 1.2; color: #88b04b; font-weight: 300; margin-bottom: 20px; font-family: 'Exo'; }
.cp3 .in { max-width:750px; margin: 0 auto;  }
.cp3 .in + .title { margin-bottom: -30px; }
.cp3 dl:after { display: block; content: ''; clear: both; }
.cp3 dl { margin-bottom: 80px; color: #575756;  }
.cp3 dl dt { float: left; font-size:1.8rem; font-weight: 500; width:120px; }
.cp3 dl dd {  font-size:1.7rem; letter-spacing: -1px; font-weight: 300; overflow: hidden; line-height: 1.3;}
.cp3 dl dd .logo { padding-top:80px; }
.cp3 dl dd .download { padding-top:90px; }
.cp3 dl dd .download a { display: inline-block; width:204px; height: 44px; background: #747578 url(../img/company/ico_down.png) no-repeat 90% 50%;font-size:2rem; color: #fff !important; line-height: 43px; padding-left: 23px; }

.sub-head.company4 + .mobile + .location { padding-bottom: 140px; margin-bottom: -75px; }
.cp4 { }
.cp4 .board-head .sort a{ border-color:#88b04b; color: #88b04b !important; }

.sub-head.company5 + .mobile + .location { padding-bottom: 100px; margin-bottom:0;}
.cp5 .head { background: #eee; padding-bottom: 55px;  margin-bottom: 30px; }
.cp5 .head .process { text-align: center;  }
.cp5 .head .process .desc { font-size:2.2rem; color: #58595b; line-height: 1.4; margin-bottom: 80px;    font-family:'nq';}
.cp5 .head .process ol li { display: inline-block; vertical-align: middle; width:215px; height: 215px; border-radius:100%; border: 1px solid #c7c9ca; text-align: center; margin:0 10px 15px; }
.cp5 .head .process ol li strong { display: inline-block; font-size:2rem; color: #88b04b; font-weight: 400; padding:25px 7px 10px; margin-bottom: 10px; border-bottom: 1px solid #b7b8b9;  font-family: 'Exo' }
.cp5 .head .process ol li p { font-size:1.8rem; font-weight: 300; margin-bottom: 25px;}

.cp6 { }
.cp6 .t1 { text-align: center; font-size:2rem;  line-height: 1.5; font-weight: 300; background: #eee; padding:100px 0 50px ; margin-bottom: 120px; font-family:'nq'; }
.cp6 .t1 p { padding-top:74px;}
.cp6 .inner { max-width:850px; padding:0 15px; }

.sub-head.company7 + .mobile +  .location { padding-bottom: 220px; margin-bottom: -100px; }
.cp7 #map { height: 700px; margin-bottom: 120px; border: 1px solid #ddd; background: #f5f5f5; }
.cp7 .contact dl:after { display: block; content: ''; clear: both; }
.cp7 .contact dl { font-size:0;  font-family:'nq'; }
.cp7 .contact dl dt { display: inline-block; vertical-align: top; width:65%; padding-left: 15px;}
.cp7 .contact dl dd { display: inline-block; vertical-align: top; width:30%; margin-left: 5%; font-size:2.2rem; line-height: 1.6; color: #575756;  }
.cp7 .contact dl + dl dt { border-top:1px solid #ddd; padding-top:22px; margin-top:22px; }
.cp7 .contact dl + dl dd { border-top:1px solid #ddd; padding-top:22px; margin-top:22px; }
.cp7 .contact dl dt .t1 { font-size:2.3rem; font-weight: 600; }
.cp7 .contact dl dt .t2 { font-size:2rem; font-weight: 300; }
.cp7 .contact dl dt .t2 strong { font-weight: 500;}
.cp7 .contact dl dd span,
.cp7 .contact dl dd span a { color: #88b04b !important;}



/****************************************************************************************************************************
	스마트폰
****************************************************************************************************************************/
.phone-wrap { padding-bottom:80px; }
.phone-wrap .top-banner { margin-bottom: 35px;  }
.phone-wrap .top-banner .slide { height: 520px; background: #e6e7e8; background-size:cover; overflow: hidden;}
.phone-wrap .top-banner .inner1020 { position: relative; height: 520px;}
.phone-wrap .top-banner .slide .tb { display: table; width:100%; height: 100%; }
.phone-wrap .top-banner .slide .tb .td { display: table-cell; vertical-align: middle; color: #58595b }
.phone-wrap .top-banner .slide .tb .td .t1 { font-size:7.4rem; line-height: 1.2; font-weight: 600; font-family:'nq';}
.phone-wrap .top-banner .slide .tb .td .t3 { font-size:6.8rem; line-height: 1.2; font-weight: 600; font-family:'nq';}
.phone-wrap .top-banner .slide .tb .td .t2 { font-size:2.3rem; line-height: 1.4; margin:38px 0 35px;  font-weight: 300; font-family:'nq';}
.phone-wrap .top-banner .slide .tb .td a { display: inline-block; vertical-align: middle; padding:0 35px; height: 42px; border: 2px solid #88b04b; border-radius:42px; line-height: 37px; font-size:1.8rem; color: #88b04b;}
.phone-wrap .top-banner .slide .tb .td.img { text-align: right; }
.phone-wrap .top-banner .slide .tb .td.img img { display:inline; }
.phone-wrap .top-banner .slick-prev { position: absolute;left: 200px; top:50%; margin-top:-60px;  background: url(../img/phone/slider_prev_gray.png) no-repeat 0 0 ;width:56px; height: 113px;  z-index:100; text-indent: -9999px; }
.phone-wrap .top-banner .slick-next { position: absolute;right: 200px; top:50%; margin-top:-60px;  background: url(../img/phone/slider_prev_gray.png) no-repeat 0 0 ;width:56px; height: 113px; transform: rotate(180deg); z-index:100; text-indent: -9999px; }

.prd-list1 { }
.prd-list1 ul:after{ display: block; content: ''; clear: both; }
.prd-list1 ul { margin:0 -12px; display:flex;   flex-flow:wrap; }
.prd-list1 ul li {  width:49%; padding:0 12px 24px; }
.prd-list1 ul li a { display: block; height:100%; /*height: 600px;*/ padding-bottom:15px; position: relative; /*background: #ffffff;*/ }
.prd-list1 ul li a .img { text-align: center; padding-top:55px; position: relative; z-index:2; transition:all 1s ease; }
.prd-list1 ul li a .img img { height:auto !important; }
.prd-list1 ul li a:hover .img { transform:scale(1.1); }
.prd-list1 ul li a .info { padding: 20px 30px;  position: relative; z-index:2; }
.prd-list1 ul li a .info strong { display: block;font-size:3.0rem; color: #58595b;margin-bottom: 10px; font-weight: 600; }
.prd-list1 ul li a .info .desc0 { display:none; }
.prd-list1 ul li a .info .desc1 { font-size:1.6rem; letter-spacing: -1px; color: #6d6e70; line-height: 1.4; }
.prd-list1 ul li a:before { content: ''; position: absolute; left: 0; right:0; bottom:0; height:50%; background: #e6e7e8; }
.prd-list1 ul li:nth-child(2) a:before,
.prd-list1 ul li:nth-child(3) a:before{ background: #d0d2d3; }

.prd-list-dep3 {  }
.prd-list-dep3 .swiper-container { height:100%; }
/*
.prd-list-dep3 .swiper-container .swiper-slide { height:100%; background: url(../img/main/section1_img1.jpg) no-repeat 50% 50%; background-size:cover;}
.prd-list-dep3 .swiper-container .swiper-slide.visual1 {  background: url(../img/main/section1_img1.jpg) no-repeat 50% 50%; background-size:cover;}
.prd-list-dep3 .swiper-container .swiper-slide.visual2 {  background: url(../img/main/section1_img2.jpg) no-repeat 50% 50%; background-size:cover;}
.prd-list-dep3 .swiper-container .swiper-slide.visual3 {  background: url(../img/main/section1_img3.jpg) no-repeat 50% 50%; background-size:cover;}
*/
.prd-list-dep3 .main2-inner { }
.prd-list-dep3 .main2-inner .in { }
.prd-list-dep3 .main2-inner .in div { }
.prd-list-dep3 .main2-inner .in a { display:block; position: relative; overflow: hidden; }
.prd-list-dep3 .main2-inner .in a img { transition: all 20s ease; width:100%;}
.prd-list-dep3 .main2-inner .in a:hover img { transform: scale(1.5); }
.prd-list-dep3 .main2-inner .in a div { position: absolute;left: 50%; width:1000px; margin-left:-650px; top:25%; transform: translateY(-50%); }
.prd-list-dep3 .main2-inner .in a div .t1 { font-size:8.5rem; line-height: 1; color: #fff; font-weight: 250;  transition:all 0.9s ease;  transition-delay:0.4s; font-family:'nq';  }
.prd-list-dep3 .main2-inner .in a div .t1 strong { display: block;font-weight: 400; color: #88b04b; font-weight: 400; }
.prd-list-dep3 .main2-inner .in a div .t2 {  transition:all 0.8s ease; transition-delay:0.5s;display: inline-block; margin: 60px 0; font-size:2.5rem; color: #fff; height: 50px; line-height: 47px; border-radius:50px; border:1px solid #fff; padding:0 22px; font-family: 'noto'; font-weight: 300;}
.prd-list-dep3 .visual2 .main2-inner .in div { vertical-align: middle; padding-top:0; }
.prd-list-dep3 .visual1 .main2-inner .in div .t1 { color: #808184; }
.prd-list-dep3 .visual1 .main2-inner .in div .t2 { color: #808184; border-color:#808184;}
.prd-list-dep3 .swiper-slide-active .in div .t1 { transform:translateY(0); opacity:1; }
.prd-list-dep3 .swiper-slide-active .in div .t2 { transform:translateY(0); opacity:1; }


.prd-list-dep3 .swiper-container .swiper-button-prev { position: absolute;left: 200px; top:50%;  background: url(../img/phone/slider_prev_gray.png) no-repeat 0 0 ;width:56px; height: 113px; transition:all 0.5s ease; margin-top:-55px; }
.prd-list-dep3 .swiper-container .swiper-button-prev:hover { transform:translateX(-20px);width:76px;  opacity:0.6;}
.prd-list-dep3 .swiper-container .swiper-button-next { position: absolute;right: 200px; top:50%;  background: url(../img/phone/slider_next_gray.png) no-repeat 100% 0 ;width:56px; height: 113px; transition:all 0.5s ease; margin-top:-55px;}
.prd-list-dep3 .swiper-container .swiper-button-next:hover { transform:translateX(20px);width:76px; opacity:0.6;}
.prd-list-dep3 .btn-box { display:none; }
.prd-list-dep3 .swiper-container-horizontal .btn-box { display:block; }




/****************************************************************************************************************************
	제품 상세
****************************************************************************************************************************/
.prd-detail { max-width:1230px; margin: 0 auto; padding:100px 15px; }
.prd-detail:after { display: block; content: ''; clear: both; }
.prd-detail .fl { width:51.1%; }
.prd-detail .fr { width:44.1%; }
.prd-detail .img-box { text-align: center; position: relative; overflow: hidden;}
.prd-detail .img-box .slick-slide img { display: inline-block; vertical-align: top;  height:auto !important;}
.prd-detail .img-box .slick-prev { position: absolute;left: 14px; top:50%; margin-top:-60px;  background: url(../img/common/slider_prd_prev.png) no-repeat 0 0 ;width:28px; height: 57px;  z-index:100; text-indent: -9999px; }
.prd-detail .img-box .slick-next { position: absolute;right: 14px; top:50%; margin-top:-60px;  background: url(../img/common/slider_prd_prev.png) no-repeat 0 0 ;width:28px; height: 57px;  z-index:100; text-indent: -9999px; transform: rotate(180deg);  }
.prd-detail .img-box .slick-dots { text-align: center; padding-top:60px; }
.prd-detail .img-box .slick-dots li { display: inline-block; vertical-align: middle; margin:0 3px; }
.prd-detail .img-box .slick-dots li button { font-size:0; width:35px; height: 2px; background: #aeaead; }
.prd-detail .img-box .slick-dots li.slick-active button { background: #92b75a; }
.prd-detail .info-box .t1 { font-size:3.4rem; color: #58595b; font-weight: 500; margin-bottom: 15px; }
.prd-detail .info-box .t2 { font-size:1.6rem; letter-spacing: -1px; color: #626366; line-height: 1.3; margin-bottom: 50px; }
.prd-detail .info-box .t2 .desc0 { margin-bottom: 15px; font-weight: 300;}
.prd-detail .info-box .opt { margin-bottom: 35px; }
.prd-detail .info-box .opt dl:after { display: block; content: ''; clear: both; }
.prd-detail .info-box .opt dl { display: flex; justify-content: space-between; }
.prd-detail .info-box .opt dl + dl { margin-top:30px;}
.prd-detail .info-box .opt dl dt{ font-size:1.7rem; color: #626366; line-height: 1.4; border-bottom: 1px solid #dee0e1; flex:1; padding-bottom: 5px; margin-right:30px; } 
.prd-detail .info-box .opt dl dd{ font-size:1.8rem; color: #626366; line-height: 1.4; border-bottom: 1px solid #dee0e1; flex:3; padding-bottom: 5px; } 
/*.prd-detail .info-box .btns  { display:none; }*/
.prd-detail .info-box .btns a { display: inline-block; vertical-align: middle; padding:0 30px; height: 50px; border: 2px solid #88b04b; border-radius:50px; line-height: 45px; font-size:2.2rem; color: #88b04b;}
.prd-detail-view .body .detail { text-align: center; }




.dropdown button { display: block; width:100%; height:45px; background: #dcd8d6 url(../img/common/bu_dropdown.png) no-repeat 95% 50%; background-size:auto 10px; font-size:1.5rem; padding-left: 15px; line-height: 42px; border-bottom: 1px solid #ccc; text-align: left; }
.dropdown {
  position: relative; border-top:1px solid #ccc;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: -10000px;
  left: 0;
	right:0; 
  z-index: 1000;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc; border-left: 0; border-right:0; box-shadow:0 5px 5px rgba(0,0,0,0.1);
	transition: opacity .6s,top 0s .6s,transform .6s,-webkit-transform .6s;
	transform: translate3d(0,-5px,0); -webkit-transform: translate3d(0,-5px,0);
	opacity:0;
  
}
.open > .dropdown-menu { top:42px; opacity:1; transition:opacity .6s,top 0s,transform .6s,-webkit-transform .6s; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); }
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 7px 15px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}



.location .inner1800.hide  { height:50px; }
.location .inner1800.hide a { display:none; }
#s-wrap { overflow-y:scroll; }
body { overflow-x:hidden !important; }
.terms { font-size:1.5rem; line-height:1.7; }

/* GNU */
#sct { background:#f1f1f2;  }
#sct + #s-footer { margin-top:0; }
#sct_sortlst { display:none; }
.sct_sns { display:none; }
.bo_fx { padding-top:20px; }
#bo_vc { font-size:1.4rem; }
.sct_admin { position:fixed; right:20px; bottom:20px; }
#sct,
#sit{ margin-top:130px; }
#sct_location { display:none; }
.sit_admin { position:fixed; right:20px; bottom:20px;  }
#sct_ct_1 { display:none; }
#sit_hhtml { display:none; }

#ssch_frm h2 { text-align:center; }
#ssch_frm form { display:none; }

.mobile { display: none; }
	
@media all and (max-width:1750px) {
	.sub-head.company1:before {  display: none; }
}

@media all and (max-width:1660px) {
	#s-gnb { padding-left: 220px; }
	#s-gnb ul li a { padding:0 15px; }
	.submenu > div { max-width:1200px; }
	.submenu .head { width:190px; padding-right:20px;}
	.submenu .head strong { font-size:3rem; }
	.submenu .head p { font-size:1.8rem; }
	.submenu .body { padding-left: 185px;}
	.submenu .body ul li a { padding:0 17px; }

	#section2 .swiper-container .swiper-button-prev { left: 15px; }
	#section2 .swiper-container .swiper-button-next { right:15px; }
	.phone-wrap .top-banner .slick-prev { left:15px; }
	.phone-wrap .top-banner .slick-next { right:15px; }
	.prd-list-dep3 .swiper-container .swiper-button-prev {left:15px; }
	.prd-list-dep3 .swiper-container .swiper-button-next { right:15px; }
}

@media all and (max-width:1380px) {
	#s-header h1 a { width:140px; background-size:140px auto; }
	#s-gnb { padding-left: 160px; }
	#s-header .mi-logo { top:50px; }
	#s-header .mi-logo img { width:130px; }
	#section1 .box .t1 { right:50px;}
	#section2 .main2-inner { max-width:900px; }
	#section2 .swiper-container .swiper-button-prev { left: 15px; }
	#section2 .swiper-container .swiper-button-next { right:15px; }
	#section3 .main3-inner { padding-left: 15px; padding-right:15px; max-width:1090px; }
}

@media all and (max-width:1280px) {
	#section1 .videoWrapper { position:static; }
}
@media all and (max-width:1240px) {
	.mb80 { margin-bottom: 40px !important; }
	
	html { font-size:8px; }
	#s-gnb { display: none; }
	#s-header { height: 100px; }
	#s-header .header-inner { height: 100px; }
	#s-header h1 a { top:40px; }
	#s-header .mi-logo { top:30px; }
	#s-header .etc { top:40px; right:15px;}
	
	#s-footer { margin-top:50px; padding:15px 0; }
	#s-footer .logo { position: static; padding-bottom: 50px; }
	#s-footer .logo img { width:100px; }
	#s-footer .info { margin: 0; }
	#s-footer .etc p { display: none; }
	#s-footer .info .menu { padding-bottom: 8px; margin-bottom: 4px;}
	#s-footer .info .menu a,
	#s-footer .info .menu2 a,
	#s-footer .info .addr { font-size:1.4rem; }
	#s-footer .etc { right:inherit; left: 15px; top:40px;}
	.search { top:100px; }
	.sub-head  { margin-top:100px; }
	.sub-head .inner1200 { height: 60px; }
	.sub-head .inner1200 .title { padding-top:20px; font-size:2rem; letter-spacing: 2px;}
	.sub-head.head-company { height: 100px;}
	.location { margin-top:0; padding-top:0; margin-bottom: 35px;}
	.location .inner1800 { text-align: center; }
	.location .inner1800 a { line-height: 40px; margin:0 20px; font-size:1.6rem; }
	.title2 { font-size:3rem; margin-bottom: 30px; }
	.table1 table thead th { padding:10px 5px;font-size:1.4rem; }
	.table1 table tbody td { padding:10px 5px;font-size:1.4rem; }
	.replay-label { padding:0 10px; min-width:40px; }
	.board-head  { text-align: center; }
	.board-head .sort { position: static; text-align: center; }
	.board-head .sort a { font-size:1.6rem; height: 35px; line-height: 33px; padding:0 20px; }
	.board-head .sort a img { height:23px; margin:0 5px 0 0; }
	.board-head .inp-srch { width:100%; display: block; max-width:100%; }
	
	
	.clean1 .txt-box1 .box { padding:0; }
	.clean1 { padding:0 5px;}
	.sub-head.company4 + .location { padding-bottom: 0; margin-bottom: 20px; }
	.sub-head.company5 + .location { padding-bottom: 30px;}
	.sub-head.company7 + .location { padding-bottom: 100px;}
	.cp1 .t1 { padding:30px 15px 15px; font-size:2rem;}
	.cp1 .t2 { padding: 20px 0 30px;}
	.cp-table table tbody th { padding-left: 15px;}
	.cp2 .t1 { padding:30px 15px 15px; }
	.cp2 .history { padding:50px 15px 0; }
	.cp3 .t1 { padding:30px 15px 20px;}
	.cp3 dl { margin-bottom: 30px;}
	.cp3 dl dd .logo { padding-top:30px; }
	.cp3 .in + .title { margin-bottom: 20px; }
	.cp3 dl dd .download { padding-top:30px;}
	.cp5 .head { padding-bottom: 30px; margin-bottom: 15px;}
	.cp5 .head .process .desc { margin-bottom: 30px; padding-top:30px; }
	.cp5 .head .process ol li { width:120px; height: 120px; }
	.cp5 .head .process ol li img { display: none; }
	.cp6 .t1 { padding:30px 15px 20px; margin-bottom: 40px; }
	.cp6 .t1 p { padding-top:25px; }
	.cp7 #map { height: 300px; margin-bottom: 40px;}
	.cp7 .contact dl dt .t1 { font-size:1.7rem; }
	.cp7 .contact dl dt .t2 { font-size:1.4rem;}
	.cp7 .contact dl dd { font-size:1.4rem; }
	.cp7 .contact dl + dl dd,
	.cp7 .contact dl + dl dt { padding-top:10px; margin-top:10px; }
	.cscenter .box { padding:20px; margin-bottom: 25px;}
	.cscenter .box .tb .td.td2 { width:50%; }
	
	.phone-wrap .top-banner .slick-prev { left:15px; bottom:15px; top:inherit; width:30px; height:61px; background-size:30px auto; }
	.phone-wrap .top-banner .slick-next { left:60px; bottom:15px; right:inherit; top:inherit; width:30px; height:61px; background-size:30px auto; }
	.phone-wrap .top-banner .slide .tb .td .t1 { font-size:5rem; }
	.phone-wrap .top-banner .slide .tb .td .t3 { font-size:3.6rem; }
	.phone-wrap .top-banner .slide .tb .td .t2 { font-size:2.2rem; }
	

	
	/* GNU */
	#sct,#sit {margin-top:100px; }
	
}
	
@media all and (max-width:1024px) {
	#fullpage { overflow-x:hidden; }
	.pc { display: none; }
	.mobile { display: initial; }
	#s-header { height: 60px; }
	#s-header .header-inner { height: 60px; }
	#s-header h1 a { width:110px; height: 40px; top:20px; background-size:110px auto; }
	#s-header .mi-logo { display: none; }
	#s-header .etc { top:15px; }
	#s-header .etc a { width:40px; height: 40px; }
	#s-header .etc .btn-srch { background-size:22px auto; }
	#s-header .etc .btn-allmenu { background-size:22px auto; }
	.sub-head { margin-top:60px;}
	.search { top:60px; height: 100px; padding-top:15px; }
	.search .inp-box { display: block; width:auto; margin:0 15px;}
	.search .inp-box .inp { height: 50px; padding-left: 10px; font-size:2.2rem; }
	.search .inp-box button { width:35px; height:35px; background-size:20px auto; }
	.location .inner1800.hide { display:none;  }
	.btn { height:35px !important; line-height:33px !important; font-size:1.4rem !important; padding:0 15px !important; }	
	.btn-type1 { height:35px; line-height:33px; font-size:1.4rem; padding:0 15px; }
	.dropdown button { margin-bottom:30px; }
	.sub-head.head-company + .mobile .dropdown button { margin-bottom:0; }
	.sub-head.head-company.company7 + .mobile .dropdown button { margin-bottom:30px; }


	.all-menu { display: block; left:inherit; width:300px; right:-300px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background-image:url(../img/common/bg_menu_all_mobile.jpg); }	
	.all-menu:before { content: ''; position: absolute;left: 15px; right:15px; top:0; height: 4px; background: #88b04b; }
	.all-menu .logo { display: block; position: absolute;left: 15px; top:20px; width: 100px; height: 35px; background: url(../img/common/logo.png) no-repeat 0 0; background-size:100px auto; }
	.all-menu .btn-close { right:15px; top:20px; width:27px; height: 27px; background:url(../img/common/btn_all_close.png) no-repeat 50% 50%; background-size:22px auto; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
	body.mobile .all-menu .head .btn-close { transform: rotate(180deg)}
	.all-menu .body { position: absolute; left: 0; right:0; top:70px; bottom:0; overflow: auto; background: none; }
	.all-menu .body .menu { position: static; transform: translateY(0); -webkit-transform: translateY(0); padding:0;border: 0;}
	.all-menu .body .menu dl { margin-bottom: 0;}
	.all-menu .body .menu dl dt { float: none; width:auto; margin: 0; }
	.all-menu .body .menu dl dt a { line-height: 40px; padding:5px 0 0 15px; border-bottom: 1px solid #ccc; background: url(../img/common/ico_mobile_menu_plus.png) no-repeat 94% 50%; background-size:14px auto;}
	.all-menu .body .menu dl dt.active a { background-image:url(../img/common/ico_mobile_menu_minus.png); border-color:#88b04b;}
	.all-menu .body .menu dl dd { display: none; background: #fff; padding:10px 0; }
	.all-menu .body .menu dl dd ul li { float:none; width:auto; padding:0; }
	.all-menu .body .menu dl dd ul li a { padding:5px 0 5px 15px; font-size:1.5rem; border: 0;}
	
	body.mobile .all-menu { right:0; opacity:1;}
	body.mobile .bg-allmenu { content: ''; position: fixed; left: 0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.7); z-index:1050;}
	
	#section1 .videoWrapper { position:static; }
	#section1 .swiper-wrapper { padding-top:0; }
	
	#section1 .visual1 .main1-inner { max-width:600px; height:auto;  }
	#section1 .visual1 .p2 { margin:15px 0 20px; }
	#section1 .visual2 .main1-inner { max-width:600px; height:auto;  }
	#section1 .visual2 .p2 img { max-width:350px; }
	#section1 .visual2 .p2 { margin:20px 0; }
	#section1 .visual2 .p3 { margin-bottom:25px; }
	#section1 .visual3 .main1-inner { max-width:600px; height:auto;  }
	#section1 .visual3 .p1 img { max-width:350px; }
	#section1 .visual3 .p2 img { max-width:400px; }
	#section1 .visual4 .main1-inner { max-width:700px; height:auto;  }
	#section1 .visual4 .p1 img { max-width:500px; }
	#section1 .visual4 .p2 { top:160px; }
	#section1 .visual4 .p2 img { max-width:400px; }
	#section1 .visual4 .p3 img { max-width:350px; }
	#section1 .visual4 .p4 { padding-top:200px; }
	#section1 .visual4 .p4 img { max-width:200px; }
	
	#section2 .main2-inner { padding:0 90px;}
	#section2 .swiper-container .swiper-button-prev,
	#section2 .swiper-container .swiper-button-next{ width:30px; height: 61px; background-size:30px auto; margin-top:-30px;  }

	#section3 .main3-inner { max-width:850px; }
	#section3 ul li a { padding:10px; height:400px; }

	#section4 .main4-inner { max-width:850px; }
	#section4 .slider-box .tit { margin-left: 10px; font-size:3.3rem; height: 45px;  }
	#section4 .slider-box .tit em { font-size:3.7rem; }
	#section4 .slider-box .box a { padding:40px 18px; height: 260px; }
	
	.title2 { font-size:2.2rem; }
	.sub-head .dep2 { display:none;}	
	
	.clean1 .txt-box1 .box dl:first-child dd { padding:0 5px; white-space: nowrap; }
	.clean1 .txt-box1 .box dl dt,
	.clean1 .txt-box1 .box dl dd { font-size:1.4rem; }	
	.ascenter .t1 { font-size:3rem; margin-bottom: 30px; }
	.ascenter .t2 { font-size:2.2rem; }
	.cscenter .box .tb { display: block; }
	.cscenter .box .tb .td { display: block; width:auto !important; }
	.cscenter .box .tb .td.td2 { padding-left: 0; border-left: 0; padding-top:20px; }
	.cscenter .box .tb .td .time .t1 { font-size:2rem; margin-bottom: 10px; }
	.cscenter .box .tb .td .time dl { font-size:1.7rem; }
	.cscenter .box .tb .td .time .t2 { font-size:1.6rem; padding-top:10px; }
	.cscenter .box .tb .td .lg { width:auto; }
	.cscenter .box .tb .td .tel { width:auto; margin-left: 15px; text-align: left; }
	.cscenter .box .tb .td .lg img { height: 50px; }
	.cscenter .box .tb .td .tel p { font-size:2rem; }
	.cscenter .box .tb .td .tel strong { font-size:2.5rem; }
	.cscenter .box .tb .td .time dl dt { width:100px; }
	.cscenter .t3 { margin:30px 0 20px; font-size:2.4rem; }
	
	.prd-list-dep3 .btn-box { display: none; }
	.prd-list-dep3 .main2-inner .in a div { left: 15px; top:15px; transform: translateY(0); }
	.prd-list-dep3 .main2-inner .in a div .t1 { font-size:3.5rem; }
	.prd-list-dep3 .main2-inner .in a div .t2 { font-size:1.8rem; margin:15px 0;  height: 40px; line-height: 38px; }
	.prd-list-dep3 .main2-inner .in a div { margin-left:0; left:15px; top:30px; }


	/* GNU */
	#sct, #sit { margin-top:60px; }
}


@media all and (max-width:768px) {
	#section3 .title { font-size:7rem; }
	
	#section3 ul li a .t1 { font-size:2.5rem; }
	#section4 .title { font-size:6rem; }
	#section3 .main3-inner,
	#section4 .main4-inner { padding:0 50px; }
	
	.prd-list-dep3 .swiper-container .swiper-wrapper { display: block; height: auto; }
}

@media all and (max-width:767px) {
	.location .inner1800 a  { font-size:1.4rem; margin:0 5px; }
	.clean1 .txt-box2 table tbody td[rowspan] { font-size:2rem; }	

	#section1 .video-box { display:none; }
	#section1 .box .t1 { right:15px; bottom:30px; font-size:3rem;  }
	#section1 .box .t-box { border-left: 0; }
	#section1 .box .t-box .t2 { left: 15px; font-size:3rem;}
	#section1 .swiper-pagination { display:block; }
	#section1 .swiper-pagination .swiper-pagination-bullet { width:8px; height:8px; background:transparent; border:1px solid #fff; opacity:1; transition:all 0.3s ease; margin:0 4px; }
	#section1 .swiper-pagination .swiper-pagination-bullet-active { background:#fff; opacity:1; }
	#section1 .scroll { bottom:15px; width:40px; margin-left:-20px; height:17px; background-size:auto 17px; background-position:50% 50%; }


	#section1 .only-pc { display: none; }
	#section1 .only-mobile { display: block; }
	
	/* 세로 100% flex */
	#section1 .fp-tableCell {display: flex; align-items: center; height: 100% !important;  }
	#section1 .swiper-container { display: flex; align-items: center; height: 100%; }
	#section1 .swiper-slide { display: flex; align-items: center;  }
	#section1 .visual1 { background: #88b04b; }
	#section1 .visual2 { background: url(../img/main/m_ani2_bg.png) no-repeat 50% 50%; background-size:cover; }
	#section1 .visual3 { background: url(../img/main/m_ani3_bg.png) no-repeat 50% 50%; background-size:cover; }
	#section1 .visual4 { background: url(../img/main/m_ani4_bg.png) no-repeat 50% 50%; background-size:cover; }
	
	#section1 .in { padding:0 40px; }
	#section1 .visual1 .p4 { position: static; text-align: center; }
	#section1 .visual2 .p2 { margin:40px 0;}
	#section1 .visual2 .p2 img { width:280px; }
	#section1 .visual3 .p1 img { width:280px; }
	#section1 .visual3 .p3 { margin:0 -40px; }
	#section1 .visual4 .p4 { padding: 0; position: absolute;left: 20px; bottom:30px; }
	#section1 .visual4 .p2 { position: static; margin:30px -40px;}
	#section1 .visual4 .p3 { margin:0 -40px; position: static; text-align: right; padding-left: 50%; padding-right:10%; }
	#section1 .visual4 .p3 img { width:100%; }
	#section1 .visual4 .p4 { position: static; text-align: left; margin-top:-30px;}
	
	#section2 .main2-inner { position: relative; padding:0 15px;}
	#section2 .main2-inner:before { content: ''; position: absolute;left: 0; right:0; top:50%; height: 200px; background: rgba(0,0,0,0.7); margin-top:-100px;}
	#section2 .main2-inner .in div { padding-top:50px; }
	#section2 .main2-inner .in div .t1 {  font-size:4.5rem; color: #fff;  }
	#section2 .main2-inner .in div .t1 strong {  }
	#section2 .main2-inner .in div .t2 { margin: 20px 0 0; }
	#section2 .main2-inner .in div .t2 + .t1 { margin-top:20px; }
	.m-w230 { width:230px; }
	#section2 .visual1 .main2-inner .in div .t1,
	#section2 .visual1 .main2-inner .in div .t2 { }
	#section2 .swiper-container .swiper-button-next:hover,
	#section2 .swiper-container .swiper-button-prev:hover { transform: translateX(0)}
	#section3 .main3-inner { padding: 50px 15px;}
	#section3 .title { font-size:5rem; }
	#section3 ul li { width:50%; }
	#section3 ul li a { height: 350px; }
	#section3 ul li a .t1 { font-size:2.7rem; padding-bottom: 15px; margin-bottom: 15px; }
	#section3 ul li a .t2 { font-size:2rem; padding-bottom: 15px; margin-bottom: 10px; }
	#section4 .title { font-size:5rem; }
	#section4 .desc { font-size:2rem; margin:10px 0 25px;}
	#section2 .swiper-wrapper {display: block; height: auto; }
	#section2 .main2-inner { height: 390px; }
	#section2 .main2-inner:before { display:none; }
	#section2 .main2-inner .in div .t1 { opacity:1; transform:translateY(0); }
	#section2 .main2-inner .in div .t2 { opacity:1; transform:translateY(0); }
	#section2 .btn-box { display:none; }
	
	#section3 .title { padding-top:30px; }
	#section3 .main3-inner,
	#section4 .main4-inner { padding:0 15px; }

	#section4 .swiper-container { padding-bottom:40px; }
	#section4 .swiper-pagination { display:block; }
	#section4 .swiper-pagination-bullet { width:35px; height:2px; opacity:1; border-radius:0; background:#999; }
	#section4 .swiper-pagination-bullet-active { background:#6d7d54; }
	
	.biz1 .box .tit { width:150px; height: 150px; border-width:10px; position: relative; z-index:2;background: #fff; }
	.biz1 .box .round { padding:35px 30px 20px; border-radius:50px;}
	.biz1 .box .tit p { font-size:2rem; }
	.biz2 .img { margin-bottom: 50px;}
	.biz2 .img .mobile { display:block; }
	.biz2 .box .tit { width:100px; height: 100px; border-width:8px; }
	.biz2 .box .tit p { font-size:1.6rem; }
	.biz2 .box .txt { border-radius:20px; padding:10px 55px 10px 20px; }
	.biz2 .box .tit + .txt { padding-left:55px; padding-right:20px;}
	.biz3 .title2 { margin-bottom: 25px; font-size:4rem; }
	.biz3 .t1 { margin-bottom: 40px; }
	.biz3 .img2 { margin-bottom: 50px; }
	.biz3 .txt-box .tit { padding:15px 10px; }
	.biz4 .box { display: block; margin-bottom: 0;  }
	.biz4 .box .section { width:auto; padding:15px; margin-bottom: 15px;  }
	.car2 .t1 { margin-bottom:30px; }
	.car2 .img-box1 { display: block; margin-bottom:40px; }
	.car2 .img-box1 .img { display: flex; width:auto; height: auto; border-radius:100px; margin-bottom: 15px; align-items:center; }
	.car2 .img-box1 .img .t2 { width:100px; height: 100px; border-width:5px; }
	.car2 .img-box1 .img .t2 p { font-size:1.6rem; }
	.car2 .img-box1 .img .t3 { flex:1; padding-right:80px; line-height: 1.2;  }
	.car2 .img-box1 .img .ico { left: inherit; right:0; bottom:0; top:0; display: flex; align-items: center; text-align: center; width:80px;}
	.car2 .img-box1 .img .ico img { width:60px; }
	.car2 .img-box2 ul li { margin-bottom:30px; }
	.car3 .txt-box { margin-bottom:40px; }
	.car3 .txt-box dl { padding:10px; }
	.car3 .t1,
	.car3 .t2{ margin-bottom:25px; }
	.car4 .box1 .img { float:none; width:auto; text-align:center; padding:0 25%; margin-bottom:20px; }
	.car4 .box1 .txt-box { float:none; width:auto; }
	.car4 .box1 .txt-box dl { margin-bottom:15px; padding-bottom:10px; }
	.car4 .box1 .txt-box dl dt { padding:0 0 10px; }
	.car4 .box1 .txt-box ul li { font-size:2.1rem; line-height:1.5;  margin-bottom:10px;}
	.car4 .box2 .t2 { font-size:2rem; }
	.car4 .box2 .t3 { margin-bottom:70px; }
	.car4 .box2 .txt-box { padding:60px 20px 15px; border-radius:20px; height:auto; }
	.car4 .box2 .txt-box .tit { width:100px; height:100px; left:50%; margin-left:-50px; top:-50px; } 
	.car4 .box2 .txt-box ul li { padding:0 0 0 10px; text-indent:-10px; font-size:1.8rem; }
	.car4 .box2 .txt-box .tit p { font-size:1.7rem; }
	.car4 .box2 .txt-box  + .txt-box { margin-top:60px; }
	.car4 .box3 .table table colgroup { display:none; }
	.car4 .box3 .table table tbody th { font-size:1.4rem; padding:10px 5px; letter-spacing:0; }
	.car4 .box3 .table table tbody td { font-size:1.4rem; padding:10px 5px; }
	.car4 .box3 .table table tbody td dl dt { width:50px; letter-spacing:0;  margin-right:5px;}
	.car4 .box3 .table table tbody td .ml { margin-left:0; }
		
	.board-view .text-area { padding:15px; }
	.stock .clear { margin-bottom:30px; }
	.stock .clear .fl { float:none; width:auto; }
	.stock .clear .fr { float:none; width:auto; }
	.stock .clear .fl .table1.hoga table tbody td dl dt { margin-bottom:10px; }
	.board-desc1 { font-size:1.8rem; }
	.board-write table tbody th { font-size:1.5rem; padding-left:10px; }


	.pg_page { width:24px !important; height:24px !important; line-height:24px !important;  }
	.pg_current{ width:24px !important; height:24px !important; line-height:24px !important; padding:0; min-width:24px;  }

	.scroll-wrap { overflow:auto; }
	.scroll-wrap .scroll-box { min-width:700px; }
	
	.prd-detail { padding:30px 15px 0;  margin-bottom:30px; }
	.prd-detail .fl { float:none; width:auto; }
	.prd-detail .fr { float:none; width:auto; }
	.prd-detail .img-box .slick-prev { left:0; }
	.prd-detail .img-box .slick-next { right:0; }
	.prd-detail .img-box .slick-dots { padding-top:30px; margin-bottom:30px; }
	.prd-detail .info-box .btns  { text-align:center; }

	.phone-wrap .top-banner .slide .tb { display:flex;  flex-flow:column; padding-top:30px; text-align:center;  }
	.phone-wrap .top-banner .slide .tb .td.info { margin-bottom:15px; }
	.phone-wrap .top-banner .slide .tb .td { display:block; }
	.phone-wrap .top-banner .slide .tb .td .t1 { font-size:4rem;  }
	.phone-wrap .top-banner .slide .tb .td .t2 { font-size:1.8rem; margin:10px 0 15px;}
	.phone-wrap .top-banner .slide .tb .td.img { padding:0 15%; text-align:center; height:220px; display:flex; align-items:center; flex-direction:column; }
	.phone-wrap .top-banner .slide .tb .td.img img { display:inline; max-height:100%; }
	.prd-list1 ul li { width:100%; }
	.phone-wrap .top-banner .slick-prev { width:15px; height:30px; background-size:auto 30px; left:50%; margin-left:-20px;  }
	.phone-wrap .top-banner .slick-next { width:15px; height:30px; background-size:auto 30px; left:50%; margin-left:5px; }
	
}