@charset "utf-8";


@font-face {
		font-family: 'Chosunilbo_myungjo';
		src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}


#container {position:relative; z-index:0;}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:900px; min-width:1300px; overflow:hidden;background:#000; z-index:0;}
.main_visual ul { width:100%; left:0px;top:0px; height:900px; position:absolute; overflow:hidden;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:900px; background-size:120% 120%; transition: all 0.5s;}
.main_visual li.cycle-slide-active{ ;background-size:100% 100%;transition: all 5s;}


.main_visual .main_visual_text {position:absolute; width:100%; height:900px; top:0px;  color:#000; z-index:2; }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:130%; background:rgba(0,0,0,0); z-index:0; display:none;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  ; color:#fff;   margin-left:5%; text-align:left;  }
.main_visual .main_visual_text .t1 {font-size:30px; letter-spacing:-1px;   top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%; }
.main_visual .main_visual_text .t2 {display:block;font-size:100px;  padding:27px 0px 37px; letter-spacing:-6px;      top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%;   font-weight:900;  }
.main_visual .main_visual_text .t3 {font-size:20px;  top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%; }
.main_visual .main_visual_text .btn {top: 0px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 0; position:absolute; left:0px; width:100%;  }


.main_visual li.cycle-slide-active .main_visual_text .t1 {top: 280px;    transition: all 1.4s;    transition-delay: 0.5s;    opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .t2 {top: 330px;    transition: all 1.6s;    transition-delay: 1s;    opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .t3 {top: 450px;    transition: all 1.7s;    transition-delay: 1.5s;    opacity: 1; color:rgba(255,255,255,0.7)}  
.main_visual li.cycle-slide-active .main_visual_text .btn  {top: 570px;  transition: all 1.7s;    transition-delay: 1.5s;    opacity: 1; } 
.main_visual li.cycle-slide-active .main_visual_text .btn a  {display:inline-block; line-height:45px; padding:0 40px; border-radius:5px; background:#0b3b6c; color:#fff;} 




.main_visual .main_pager {position:absolute; width:100%;  bottom:130px; text-align:center;   z-index:99999999 !important;  }
.main_visual .main_pager span{display:inline-block;  margin:0 5px; width:34px; height:34px;   background:url(../images/main/main_visual_dot.png) left top no-repeat; cursor:pointer;}
.main_visual .main_pager .cycle-pager-active{background-position:right top; }

.main_visual .main_visual_btn {position:absolute; width:100%; left:0px; top:42%; z-index:999999;display:none; }
.main_visual .main_visual_btn a{float:left;  margin:0 100px; width:41px; height:80px; background:url(../images/main/main_visual_btn.png) left top no-repeat; text-indent:-9999px;}
.main_visual .main_visual_btn a#visual_next{background-position:right top; float:right;}



.main_wrap {margin:150px 5% 0px;;}
.common_main_title {font-size:60px; color:#fff; text-align:center; margin:120px 0px;  font-family: 'S-CoreDream-3Light'; line-height:60px;}
.common_main_title span {display:block; font-size:18px;  color:rgba(255,255,255,0.6); line-height:20px; margin-top:15px;}

.main_about  {margin-top:-220px; position:relative; z-index:1;}
.main_about .col_box {display:table; width:100%; table-layout:fixed;}
.main_about .col_box .col {display:table-cell; vertical-align:top; padding:80px;}
.main_about .col_box .col.m1 {background:#0b3b6c}
.main_about .col_box .col.m2 {background:#333;}
.main_about .col_box .col .t1 {font-size:40px; color:#fff; margin-bottom:20px; font-family: 'Chosunilbo_myungjo';}
.main_about .col_box .col .t2 {font-size:16px; color:rgba(255,255,255,0.6); font-family: 'Chosunilbo_myungjo';}
.main_about .col_box .col .btn  {margin-top:30px;}
.main_about .col_box .col .btn a {display:inline-block; padding:0 20px; line-height:45px; border:1px rgba(255,255,255,0.3) solid; color:rgba(255,255,255,0.6);}


.main_products_wrap {margin-top:20px; font-size:0px;}

.main_products_wrap ul li {text-align:left;display:inline-block; position:relative; width:32%; margin-bottom:4%; position:relative; }
.main_products_wrap ul li:nth-child(3n+2) {margin:0 2% 4%;}


.main_products_wrap ul li .photo a{display:block; padding-top:70%; background-position:center 50%; background-repeat:no-repeat; background-size:cover;     transition: all 0.2s;  cursor:pointer; overflow:hidden;   position:relative; border:3px #000 solid; transition: 0.2s all ease;  filter: grayscale(100%); z-index:0; position:relative;}
.main_products_wrap ul li:hover .photo a{ filter: grayscale(0%); }



.main_products_wrap ul li .t0 { position:relative; top:-80px; z-index:1; font-size:16px;}
.main_products_wrap ul li .t0 span {display:inline-block;  background:#0b3b6c; color:#fff; font-size:16px; font-weight:normal; padding:15px 10px; transition: all 0.2s; }
.main_products_wrap ul li .t1 { color:#fff; font-size:18px; margin-top:-30px;}
.main_products_wrap ul li .t2 { color:rgba(255,255,255,0.6); font-size:13px;}


.main_products_wrap ul li .btn {margin-left:0px; margin-top:20px;}
.main_products_wrap ul li .btn a{display:inline-block;color:rgba(255,255,255,0.6); border:1px rgba(255,255,255,0.6) solid; font-size:12px; line-height:35px; padding:0 20px;;   transition: all 0.2s;}
.main_products_wrap ul li .btn a:hover{background-color:#0b3b6c; color:#fff;}

.main_products_wrap ul li:hover .t0 span {padding:15px 40px;}


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

.main_visual { width:auto; height:500px; min-width:auto; padding-top:0px}
.main_visual ul {height:500px; position:relative; }
.main_visual li { width:100%; height:500px;  background-size:100% 100%; background-size:cover !important; }




.main_visual .main_visual_text .text { margin-left:10px;;  }
.main_visual .main_visual_text .t1 {font-size:17px; letter-spacing:0px;  }
.main_visual .main_visual_text .t2 {display:block;font-size:30px;  padding:15px 0px; letter-spacing:-1px;    }
.main_visual .main_visual_text .t3 {font-size:14px; line-height:20px;}

.main_visual .main_visual_text .btn {top: 0px;     }

.main_visual li.cycle-slide-active .main_visual_text .t1 {top: 160px;} 
.main_visual li.cycle-slide-active .main_visual_text .t2 {top: 180px; } 
.main_visual li.cycle-slide-active .main_visual_text .t3 {top: 220px;}  
.main_visual li.cycle-slide-active .main_visual_text .btn  {top: 280px; } 

.main_visual .main_pager {bottom:30px; }


.main_wrap {margin:0px;;}
.common_main_title {font-size:28px;  margin:30px 0px;   line-height:30px;}
.common_main_title span {display:block; font-size:16px; line-height:18px; margin-top:5px;}

.main_about  {margin-top:0px; }
.main_about .col_box {display:block; }
.main_about .col_box .col {display:block;  padding:30px;}
.main_about .col_box .col .t1 {font-size:22px; margin-bottom:20px;;}
.main_about .col_box .col .t2 {font-size:14px;line-height:18px;}



.main_products_wrap {margin:50px 10px 0px; width:auto; font-size:0px;}

.main_products_wrap ul li {display:block; width:auto; margin-bottom:60px;}
.main_products_wrap ul li:nth-child(2n+2) {margin:0px 0px 60px;;}



.main_products_wrap ul li .t1 { font-size:18px; margin-top:-50px;}
.main_products_wrap ul li .t2 { font-size:13px; line-height:18px;}




}