@charset "utf-8";





.main_visual {text-align:center; position:relative; width:100%; ;  z-index:1; background:#000;}
.main_visual ul#main_visual_wrap {height:950px; position:relative; z-index:1; }
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; height:950px; background-size:105% 105%; transition: all 7s; }
.main_visual li.cycle-slide-active{ ;background-size:100% 100%;transition: all 7s;}

.main_visual .main_visual_text {position:absolute; width:100%; height:950px; top:0px;  color:#fff; z-index:2;    }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:0; }
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:200px; color:#fff; text-align:center; }
.main_visual .main_visual_text .t1 {font-size:40px;  letter-spacing:-1px; line-height:30px;  top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%;  font-family: 'Pretendard';   }
.main_visual .main_visual_text .t2 {font-size:60px;  letter-spacing:-1px; line-height:70px; font-weight:900;   margin-top:10px; top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%;  font-family: 'Pretendard';}
.main_visual .main_visual_text .t3 {font-size:20px;  letter-spacing:-1px; line-height:24px;   margin-top:30px; top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%;  font-family: 'Pretendard';}



.main_visual li.cycle-slide-active .main_visual_text .t1 {top: 160px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .t2 {top: 200px;    transition: all 1.6s;    transition-delay: 1s;    opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .t3 {top: 280px;    transition: all 1.6s;    transition-delay: 1s;    opacity: 1; } 



.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:120px;  z-index:99999999;  text-align:center; display:none;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:14px; height:14px; margin:0 3px; border-radius:14px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{background:#73594b; }










.main_con01_wrap {padding-top:200px}
.main_con01_wrap .title{ margin-bottom:60px;  text-align:left; color:#000; line-height:50px; font-size:45px; font-family: 'Pretendard'; font-weight:900;}
.main_con01_wrap .title span {display:block; font-family: 'Pretendard'; font-weight:normal;}


.main_con01_wrap .col_box {text-align:center; display:table; width:100%; table-layout:fixed;}
.main_con01_wrap .col_box .col {display:table-cell; vertical-align:middle;  vertical-align:top; background-size:cover;  overflow:hidden; }
.main_con01_wrap .col_box .col .photo {width:100%;   overflow:hidden;border-radius:10px; }
.main_con01_wrap .col_box .col .photo img{max-width:100%; vertical-align:middle; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; }
.main_con01_wrap .col_box .col:hover .photo img{-moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
.main_con01_wrap .col_box .col.jump{width:60px; background:none !important; }
.main_con01_wrap .col_box .col .box {padding:30px 0px; text-align:left;}


.main_con01_wrap .col_box .col .box .s_title{font-size:25px; color:#000; font-weight:900; transition: all 0.2s; position:relative;}
.main_con01_wrap .col_box .col .box .s_title span {display:inline-block;   font-size:18px;   margin-left:20px; color:#666; font-weight:normal;}
.main_con01_wrap .col_box .col .box .t1{font-size:16px; color:#444; line-height:25px; margin-top:15px;     transition: all 0.2s; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}

.main_con01_wrap .col_box .col .box  .more{margin-top:10px;}
.main_con01_wrap .col_box .col .box  .more a {display:inline-block; margin-top:20px; border:1px #666 solid; padding:0 30px; line-height:40px; color:#666;  transition: all .2s; font-size:12px; border-radius:5px;}
.main_con01_wrap .col_box .col:hover .more a{background:#00643e; border-color:#00643e; color:#fff;}



.main_con01_wrap .col_box .col .box ul {margin-top:30px;}
.main_con01_wrap .col_box .col .box ul li{display:inline-block; }
.main_con01_wrap .col_box .col .box ul li a{display:block; border:1px #000 solid; line-height:45px; color:#000; padding:0 20px;     transition: all 0.3s;}
.main_con01_wrap .col_box .col .box ul li a:hover{background:#00643e; color:#fff; border-color:#00643e;}

.main_con01_wrap .col_box .col:hover .box .s_title {color:#00643e;}



.main_con02_wrap {padding:120px 0px; margin:120px 0px 0px; text-align:center;  background:url(../images/main/main_con02_wrap_bg.jpg) center top no-repeat; width:100%;  background-attachment:fixed; position:relative; overflow:hidden; }
.main_con02_wrap .bg {background:rgba(0, 0, 0, 0.3); position:absolute; left:0px; top:0px; width:100%; height:100%;} 
.main_con02_wrap .default_layout {position:relative; z-index:2;} 
.main_con02_wrap .title {color:#fff;   font-family: 'Pretendard'; }
.main_con02_wrap .title .t1{font-size:25px; font-weight:900; }
.main_con02_wrap .title .t2{font-size:50px; font-weight:900;  margin-top:20px;}
.main_con02_wrap .title .t3{font-size:18px; margin-top:40px;}


.main_con02_wrap ul {margin-top:80px; text-align:center;  }
.main_con02_wrap ul li {display:inline-block;  margin:0 45px; vertical-align:top; text-align:center;}
.main_con02_wrap ul li .icon{height:120px; width:120px; background:#666;  line-height:120px; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; border-radius:20px; display:inline-block;}
.main_con02_wrap ul li .icon img {vertical-align:middle; position:relative; transition: all 0.3s;}


.main_con02_wrap ul li .icon img {vertical-align:middle;}
.main_con02_wrap ul li .text {font-size:17px;   color:#fff; margin-top:20px; transition: all 0.3s; font-weight:bold;}
.main_con02_wrap ul li:hover .icon img{margin-top:-20px;}
.main_con02_wrap ul li:hover .text {color:#3d6bb1;}
.main_con02_wrap ul li:last-child{margin-right:0px; }



.main_about_wrap {padding:200px 0px;}
.main_about_wrap .col_box {display:table; width:100%;  table-layout:fixed;}
.main_about_wrap .col_box .col {display:table-cell; vertical-align:middle;}
/*.main_about_wrap .pic {position:absolute; left:0px; top:0px;;}*/
.main_about_wrap .pic img {vertical-align:middle; max-width:100%; border-radius:20px;}
.main_about_wrap .pic img {vertical-align:middle; max-width:100%; border-radius:20px;}

.main_about_wrap .text {/*margin-left:850px; padding-top:160px;*/ padding-left:100px;}
.main_about_wrap .text .t1{ font-size:25px;  font-weight:900; color:#00643e;   font-weight:bold;}
.main_about_wrap .text .t2 {font-size:45px; line-height:50px; font-weight:900; margin-top:20px; color:#000; font-family: 'Pretendard';}
.main_about_wrap .text .t3 {font-size:18px; color:#000; margin-top:30px; font-family: 'Pretendard';}
.main_about_wrap .text .t4 {margin-top:30px; font-family: 'Pretendard';}
.main_about_wrap .text .t4 a{display:inline-block; border:1px #00643e solid; line-height:55px; padding:0 30px; color:#00643e; font-size:16px; border-radius:30px;}






.main_product_wrap {padding:200px 0px; background:#f8f8f8; position:relative; overflow:hidden; font-family: 'Pretendard';}
.main_product_wrap .title {}
.main_product_wrap .title .t1{font-size:25px; font-weight:bold; color:#3d6bb1;}
.main_product_wrap .title .t2{font-size:44px; line-height:50px; font-weight:900; margin-top:20px; color:#000;}
.main_product_wrap .title .t2 span{font-weight:200; margin-top:20px; color:#000;}
.main_product_wrap .title .t3{font-size:18px; color:#000; margin-top:30px;}
.main_product_wrap .title .t4{margin-top:40px;}
.main_product_wrap .title .t4 .box{display:inline-block; background:#fff; padding:15px 30px; position:relative; border-radius:30px; text-align:center;}
.main_product_wrap .title .t4 .box a{display:inline-block; width:40px; margin:0px 5px; }





.main_product_wrap .slider_wrap{position:absolute; left:550px; top:-40px; width:1200px;}
.main_product_wrap .slider_wrap ul {overflow:hidden; margin-top:0px;  z-index:1;}
.main_product_wrap .slider_wrap ul li {width:300px; margin-right:30px; text-align:center;   border-radius:10px;}
.main_product_wrap .slider_wrap ul li .pic {border:1px #ddd solid; border-radius:20px; overflow:hidden;}
.main_product_wrap .slider_wrap ul li .pic img {vertical-align:middle;}
.main_product_wrap .slider_wrap ul li .subject {font-size:20px; color:#000; margin-top:20px; font-weight:bold; letter-spacing:-1px;}
.main_product_wrap .slider_wrap ul li .subject a{color:#000;}


















@media all and (max-width:1024px) {


body{background:#ededed;}

.main_visual {; width:auto; ; min-width:auto;    overflow:hidden; } 
.main_visual ul#main_visual_wrap {height:400px; }
.main_visual li.list {height:400px; background-size:cover !important; }

.main_visual .main_visual_text { height:400px; top:0px; }
.main_visual .main_visual_text .text {  padding-top:10px; }
.main_visual .main_visual_text .t1 {font-size:18px; line-height:30px; }
.main_visual .main_visual_text .t2 {font-size:40px; line-height:40px;   margin-top:10px;}
.main_visual .main_visual_text .t3 {font-size:15px; line-height:20px;   margin-top:30px; }

.main_visual li.cycle-slide-active .main_visual_text .t1 {top: 100px;} 
.main_visual li.cycle-slide-active .main_visual_text .t2 {top: 130px;}
.main_visual li.cycle-slide-active .main_visual_text .t3 {top: 120px;} 






.main_con01_wrap {padding-top:30px; margin:15px;}
.main_con01_wrap .title{ margin-bottom:30px; line-height:40px; font-size:30px;  }


.main_con01_wrap .col_box {display:block;}
.main_con01_wrap .col_box .col {display:block; margin-bottom:10px; }
.main_con01_wrap .col_box .col .photo  {border-radius:10px 10px 0px 0px; }
.main_con01_wrap .col_box .col .photo img {border-radius:10px 10px 0px 0px; width:100%;}

.main_con01_wrap .col_box .col.jump{display:none;}
.main_con01_wrap .col_box .col .box {padding:30px; background:#fff;  border-radius:0px 0px 10px 10px; }


.main_con01_wrap .col_box .col .box .s_title{font-size:25px;}
.main_con01_wrap .col_box .col .box .s_title span { font-size:14px; margin-left:10px; }
.main_con01_wrap .col_box .col .box .t1{font-size:16px; line-height:25px; margin-top:5px; }

.main_con01_wrap .col_box .col .box  .more{margin-top:5px;}


.main_con01_wrap .col_box .col .box ul {margin-top:30px;}
.main_con01_wrap .col_box .col .box ul li{display:inline-block; }
.main_con01_wrap .col_box .col .box ul li a{display:block; border:1px #000 solid; line-height:45px; color:#000; padding:0 20px;     transition: all 0.3s;}
.main_con01_wrap .col_box .col .box ul li a:hover{background:#00643e; color:#fff; border-color:#00643e;}

.main_con01_wrap .col_box .col:hover .box .s_title {color:#00643e;}



.main_con02_wrap {padding:120px 0px; margin:120px 0px 0px;}


.main_con02_wrap .title .t1{font-size:25px; font-weight:bold; }
.main_con02_wrap .title .t2{font-size:40px; font-weight:900; line-height:40px; margin-top:10px;}
.main_con02_wrap .title .t3{font-size:14px; margin-top:20px; padding:0 20px; line-height:18px;}


.main_con02_wrap ul {margin-top:80px; text-align:center;  }
.main_con02_wrap ul li {display:inline-block; float:left; width:48%; margin:1% 1% 3%;}



.main_con02_wrap ul li .text {font-size:16px;   margin-top:5px; }




.main_about_wrap {padding:0px 0px;}
.main_about_wrap .col_box {display:block;}
.main_about_wrap .col_box .col {display:block; }
/*.main_about_wrap .pic {position:absolute; left:0px; top:0px;;}*/
.main_about_wrap .pic img { width:100%; border-radius:0px;}

.main_about_wrap .text {padding:60px 25px;}
.main_about_wrap .text .t1{ font-size:22px;   }
.main_about_wrap .text .t2 {font-size:35px; line-height:40px;  margin-top:20px;}






.main_product_wrap {padding:60px 25px;}
.main_product_wrap .title {}
.main_product_wrap .title .t1{font-size:22px;}
.main_product_wrap .title .t2{font-size:35px; line-height:40px; margin-top:20px; color:#000;}





.main_product_wrap .slider_wrap{position:relative; left:0px; top:0px; width:auto; margin-top:30px;}
.main_product_wrap .slider_wrap ul {overflow:hidden; margin-top:0px;  z-index:1;}
.main_product_wrap .slider_wrap ul li {width:250px; margin-right:20px;  border-radius:10px;}
.main_product_wrap .slider_wrap ul li .pic {border:1px #ddd solid; border-radius:20px; overflow:hidden;}
.main_product_wrap .slider_wrap ul li .pic img {vertical-align:middle;}
.main_product_wrap .slider_wrap ul li .subject {font-size:20px; color:#000; margin-top:20px; font-weight:bold; letter-spacing:-1px;}
.main_product_wrap .slider_wrap ul li .subject a{color:#000;}





}


@media all and (min-width:1025px) and (max-width:1440px) {






.main_visual ul#main_visual_wrap ,
.main_visual li.list,
.main_visual .main_visual_text {height:700px;}
.main_visual .main_visual_text .text {padding-top:100px; }



.main_con01_wrap {padding-left:1%; padding-right:1%;}
.main_con01_wrap .col_box .col.jump {width:20px;}


.main_con02_wrap ul li {margin:0 20px;}


.main_about_wrap ,
.main_product_wrap {padding-left:1%; padding-right:1%;}


}