@charset "utf-8";






.main_visual {margin:0 2%; padding-top:180px;}
.main_visual ul#main_visual_wrap {text-align:center; position:relative; z-index:1; }
.main_visual li.list {/*background-repeat:no-repeat; background-position:center top; width:100%; height: 700px;  background-size:110% 110%; */transition: all 4s; }
.main_visual li.list img {vertical-align:middle; width:100%; border-radius:80px;}
.main_visual li.cycle-slide-active{/* background-size:100% 100%;transition: all 4s; ;*/}



.main_visual .main_visual_text {position:absolute;  left:3%; top:-140px;  color:#000; z-index:2;    }
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:0px; text-align:left; }
.main_visual .main_visual_text .t1 {font-size:50px; line-height:55px;  letter-spacing:-1px;  font-family: 'Pretendard';  }
.main_visual .main_visual_text .t1 span {display:block;}


.main_visual li.cycle-slide-active .main_visual_text .text {background:none;}


.main_visual_pager {position:absolute; right:5%; top:100px; z-index:2;}
.main_visual_progress_wrap {display:inline-block; width:140px; vertical-align:middle;   background:#ddd; margin:0px 20px;}
.main_visual_progress_wrap #main_visual_progress{background:#db1a22; height:3px;}



.main_visual_pager .si_pager {display:inline-block;   font-weight:900;  font-size:13px; color:#999;font-weight:normal;  font-family: 'Pretendard';}
.main_visual_pager .si_pager span{color:#000; font-weight:600;}
.main_visual_pager .si_pager span.last{position:absolute; left:190px;}

.main_visual_pager .s_btn_box {margin-left:30px; display:inline-block;}
.main_visual_pager .s_btn {display:inline-block; margin-left:5px; border:1px #999 solid; width:30px; height:30px; border-radius:30px; line-height:28px; text-align:center; color:#999; font-size:12px; cursor:pointer;}
.main_visual_pager .s_btn:hover {border-color:#000; color:#000} 



.main_title_text_wrap {margin-top:60px; font-family: 'ChosunNm'; font-size:20px; line-height:30px; color:#444; text-align:center;}
.main_title_text_wrap .line{text-align:center; margin-bottom:50px;}
.main_title_text_wrap .line span{display:inline-block; width:1px; height:90px; background:#ddd;}



.main_brian_wrap {margin-top:150px; position:relative;}
.main_brian_wrap .bg {position:absolute; left:0px; top:0px; height:400px; width:50%; background:#f8f8f8; border-radius:0px 200px 200px 0px;}
.main_brian_wrap .photo {position:absolute; left:20%; top:-89px; }
.main_brian_wrap .photo img {vertical-align:middle;}

.main_brian_wrap .text {margin-left:800px; padding-top:30px;}
.main_brian_wrap .text .t1 {font-family: 'Pretendard'; font-weight:900; color:#000; font-size:40px;}
.main_brian_wrap .text .t2 {font-family: 'ChosunNm'; margin-top:30px; color:#000; font-size:25px; line-height:30px;}
.main_brian_wrap .text .t3 {font-family: 'ChosunNm'; margin-top:20px; color:#666; font-size:17px; line-height:25px;}
.main_brian_wrap .text .t3 span{display:block;}


.main_tube_wrap {margin-top:220px;}
.main_tube_wrap .title{font-family: 'Pretendard'; font-weight:900; color:#000; font-size:40px; padding-bottom:50px;}
.main_tube_wrap .col_box_wrap{/*border-top:1px #cec5b8 solid; border-bottom:1px #cec5b8 solid; */ } 
.main_tube_wrap .col_box{display:table; width:100%; table-layout:fixed; text-align:center; overflow:hidden;}  
.main_tube_wrap .col_box .col{display:table-cell;  /*padding:80px 0px;*/ padding-right:30px; position:relative;}
.main_tube_wrap .col_box .col .t1 {font-size:25px; color:#000;  font-weight:bold; margin-bottom:20px;     transition: all 0.3s; text-align:left; line-height:40px;}
.main_tube_wrap .col_box .col:last-child{/*border-left:1px #cec5b8 solid;*/ padding-right:0px; padding-left:30px;}
.main_tube_wrap .col_box .col .photo{cursor:pointer; width:100%; overflow:hidden; border-radius:20px;     transition: all 0.3s;}
.main_tube_wrap .col_box .col .photo img{width:100%;    vertical-align:middle;   -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_tube_wrap .col_box .col:hover .photo img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.main_tube_wrap .col_box .col:hover .t1 {color:#db1a22;}


.main_tube_wrap .col_box .col .detail {position:absolute; right:30px; top:0px; }
.main_tube_wrap .col_box .col:last-child .detail {right:0px;}
.main_tube_wrap .col_box .col .detail a{display:inline-block; border:1px #999 solid; color:#000; line-height:40px; padding:0 30px; font-size:16px;font-family: 'ChosunNm';  border-radius:45px;}
.main_tube_wrap .col_box .col .detail a:hover{color:#fff; border-color:#000; background:#000;}




.main_review_wrap {padding-top:100px;}
.main_review_wrap .title{font-family: 'Pretendard'; font-weight:900; color:#000; font-size:40px; padding-bottom:50px; text-align:left;}
.main_review_wrap .col_box_wrap{ overflow:hidden; } 
.main_review_wrap .col_box{display:table; width:100%; table-layout:fixed; text-align:center; overflow:hidden;}  
.main_review_wrap .col_box .col{display:table-cell;  padding:0px 0px 100px;;  position:relative; /*border-right:1px #ddd solid;*/ z-index:0; transition: all 0.3s;}
.main_review_wrap .col_box .col.jump{width:60px; border:0px; }
.main_review_wrap .col_box .col .pic{ margin-bottom:40px; width:100%; overflow:hidden;   transition: all 0.3s;  border-radius:20px;}
.main_review_wrap .col_box .col:hover .pic{ background:#db1a22;}
.main_review_wrap .col_box .col .pic img {vertical-align:middle; max-width:100%; border-radius:20px;  vertical-align:middle;   -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_review_wrap .col_box .col:hover .pic img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); opacity:0.6;}
.main_review_wrap .col_box .col:last-child{border-right:0px;}
.main_review_wrap .col_box .col .info {font-size:16px; color:#777; text-align:left; position:relative;}
.main_review_wrap .col_box .col .info .info_text { min-height:160px;}

.main_review_wrap .col_box .col .info .info_text_etc {margin-top:5px;   color:#000;}
.main_review_wrap .col_box .col .info .info_text_etc span {font-weight:bold; color:#000; display:block;}



.main_wide_view_wrap { margin:150px 0px 30px;  position:relative; overflow:hidden;    overflow:hidden; background:url(../images/main/main_wide_view_wrap_bg_new.jpg) center top no-repeat;} 
.main_wide_view_wrap .bg {background:rgba(0,0,0,0.6);   position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1;} 
.main_wide_view_wrap .col_box {display:table; width:100%; table-layout:fixed; position:relative; z-index:2;} 
.main_wide_view_wrap .col_box .col {display:table-cell; vertical-align:middle;  padding:200px 0px;; } 
.main_wide_view_wrap .col_box .col.m1 {border-right:1px rgba(255,255,255,0.2) solid; overflow:hidden;}  
.main_wide_view_wrap .col_box .col.m1 .text {color:#fff; text-align:Center;}  
.main_wide_view_wrap .col_box .col.m1 .text .t1 {font-size:30px;  font-family: 'Pretendard'; font-weight:900; margin-bottom:30px;} 
.main_wide_view_wrap .col_box .col.m1 .text .t2 {font-size:18px; font-family: 'ChosunNm'; color:rgba(255,255,255,0.8); line-height:30px;} 







.main_portfolio {margin-top:60px; margin:0 10%;}


.main_portfolio { padding:60px; margin:40px 0px;}
.main_portfolio .title_box{position:relative; text-align:center;}
.main_portfolio .title_box .line {text-align:center;}
.main_portfolio .title_box .line span {display:inline-block; width:1px; height:90px; background:#ddd;}
.main_portfolio .title_box .brand {font-family: 'Pretendard'; font-weight:900; color:#000; font-size:40px; padding-bottom:50px;margin-top:50px;}
.main_portfolio .title_box .title { font-size:40px;  line-height:40px; color:#fff; margin:}


.main_portfolio .event_cate  {margin-top:20px; text-align:center;  font-size:0px;}
.main_portfolio .event_cate ul {displaY:inline-block; background:#f8f8f8; border-radius:45px; overflow:hidden;}
.main_portfolio .event_cate ul li{display:inline-block;  font-size:13px;  border-radius:45px; position:relative; transition: all 0.3s;}
.main_portfolio .event_cate ul li a{display:block; line-height:45px; color:#888; padding:0 40px; transition: all 0.3s; font-weight:bold;}
.main_portfolio .event_cate ul li.on {background:#000; border-color:#000; color:#fff;}
.main_portfolio .event_cate ul li.on a{color:#fff;}
.main_portfolio .event_cate ul li a:hover{color:#db1a22; }
.main_portfolio .event_cate ul li.on a:hover{color:#fff;}

.main_portfolio .event_cate ul li:after {    display: block;    position: absolute;    top: 17px;    right:0px;    width: 1px;    height: 8px;    background: #ddd;    content: '';}
.main_portfolio .event_cate ul li.on:after {display:none;}
.main_portfolio .event_cate ul li:last-child:after { content:none;}




.main_portfolio ul.main_list_box_photo {overflow:hidden; margin-top:60px; text-align:center;font-size:0px;}
.main_portfolio ul.main_list_box_photo li {display:inline-block; vertical-align:top; width:325px; margin-right:30px; margin-bottom:40px;font-size:0px; }
.main_portfolio ul.main_list_box_photo li:nth-child(4n+4)  {margin-right:0px;}

.main_portfolio ul.main_list_box_photo li .photo img{width:100%; vertical-align:middle; border-radius:20px;}
.main_portfolio ul.main_list_box_photo li .text {text-align:center; padding:10px; position:relative; font-size:16px; color:#000;  }


.main_portfolio .load_more {margin-top:40px; text-align:center; }
.main_portfolio .load_more a{display:inline-block; padding:0 30px; font-size:18px; line-height:45px;   color:#000; vertical-align:middle;}
.main_portfolio .load_more a .cycle {display:inline-block;margin:0 10px; border:1px #ddd solid; width:30px; height:30px; line-height:30px; border-radius:30px; text-align:center;  font-size:16px;}
.main_portfolio .load_more a .cycle .fonti {color:#000; position:relative; left:2px; top:-1px; font-size:13px;}
.main_portfolio .load_more a div{display:inline-block; }
.main_portfolio .load_more a div.cont{margin-left:7px;}
.main_portfolio .load_more a .paging_total {color:#db1a22;}



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


.main_visual {margin:0 20px; padding-top:120px; }
.main_visual li.list img {border-radius:20px;  }

.main_visual .main_visual_text {left:0px; top:-80px;}
.main_visual .main_visual_text .t1 {font-size:30px; line-height:35px;  }
.main_visual .main_visual_text .t1 span {display:block;}
.main_visual_pager {position:relative; right:0; top:0px; padding:0px;  margin-top:30px; font-size:17px;}

.main_visual_pager .s_btn_box {margin-left:20px; top:-2px; position:relative;}

.main_title_text_wrap {margin-top:50px; font-size:17px; line-height:25px; padding:0 20px;}
.main_title_text_wrap .line{padding:0 15px; text-align:center; margin-bottom:30px; ;}
.main_title_text_wrap .line span{height:60px;}






.main_brian_wrap {margin-top:150px; position:relative;}
.main_brian_wrap .bg {position:absolute; left:0px; top:0px; height:300px; width:100%;  border-radius:0px;}
.main_brian_wrap .photo {position:relative; left:0%; bottom:auto; top:-65px;  text-align:center;}
.main_brian_wrap .photo img {vertical-align:middle; width:250px;}

.main_brian_wrap .text {margin-left:0px; padding:0 20px; padding-top:0px; text-align:left; margin-top:-20px;}
.main_brian_wrap .text .t1 {font-size:35px; }
.main_brian_wrap .text .t3 {font-size:16px; }



.main_tube_wrap {padding:0 20px;  margin-top:100px;}
.main_tube_wrap .title{font-size:35px; padding-bottom:30px;}

.main_tube_wrap .col_box{display:block; width:auto;} 
.main_tube_wrap .col_box .col{display:block;  padding:0px !important; margin-bottom:20px;}
.main_tube_wrap .col_box .col .t1 {font-size:17px; margin-bottom:10px;  line-height:40px;}
.main_tube_wrap .col_box .col:first-child {border-bottom:1px #ddd solid; padding-bottom:30px !important;   margin-bottom:10px; }
.main_tube_wrap .col_box .col .detail {top:5px; right:0px}
.main_tube_wrap .col_box .col .detail a{line-height:30px; padding:0 15px; font-size:13px; border-radius:30px;}




.main_review_wrap {margin:0 20px; padding-top:100px;}
.main_review_wrap .title{ font-size:35px; padding-bottom:30px;}
.main_review_wrap .col_box{display:block; width:auto;}  
.main_review_wrap .col_box .col{display:block;  padding:0px;  border:0px; padding:0px; margin-bottom:20px;}
.main_review_wrap .col_box .col.jump{display:none;}

.main_review_wrap .col_box .col .pic{ margin-bottom:0px;  border-radius:20px 20px 0px 0px; }
.main_review_wrap .col_box .col .pic img {width:100%; border-radius:0px;}


.main_review_wrap .col_box .col .info { padding:30px; border:1px #ddd solid; border-top:0px;  border-radius:0px 0px 20px 20px}
.main_review_wrap .col_box .col .info .info_text {min-height:auto;}
.main_review_wrap .col_box .col .info div.info_text_etc {margin-top:15px;   }



.main_wide_view_wrap { margin:80px 0px 30px;} 
.main_wide_view_wrap .col_box .col {padding:80px 0px;; } 
.main_wide_view_wrap .col_box .col.m1 .text {padding:0 20px;}  
.main_wide_view_wrap .col_box .col.m1 .text .t1 {margin-bottom:20px;} 
.main_wide_view_wrap .col_box .col.m1 .text .t2 {font-size:16px; line-height:24px;} 



.main_portfolio {margin:0 20px; margin-top:60px; padding:0px;}
.main_portfolio .title_box .line span { height:60px;}
.main_portfolio .title_box .brand { font-size:35px; padding-bottom:30px;margin-top:50px;}
.main_portfolio .title_box .title {font-size:35px;  line-height:40px;}


.main_portfolio .event_cate  {margin-top:20px;}
.main_portfolio .event_cate ul {border-radius:30px; font-size:0px; line-height:30px; }
.main_portfolio .event_cate ul li{font-size:12px;  border-radius:30px; vertical-align:middle;}
.main_portfolio .event_cate ul li a{line-height:30px;   padding:0 10px; font-weight:normal;}


.main_portfolio .event_cate ul li:after {    display: block;    position: absolute;    top: 17px;    right:0px;    width: 1px;    height: 8px;    background: #ddd;    content: '';}
.main_portfolio .event_cate ul li.on:after {display:none;}
.main_portfolio .event_cate ul li:last-child:after { content:none;}




.main_portfolio ul.main_list_box_photo {margin-top:20px;}
.main_portfolio ul.main_list_box_photo li {float:left; width:48%; margin:0px 0px 15px; }
.main_portfolio ul.main_list_box_photo li:nth-child(2n)  {float:right;}
.main_portfolio ul.main_list_box_photo li .text {text-align:center; padding:10px; position:relative;  height:80px;; overflow:hidden;  font-size:15px;  }

}


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



.main_visual li.list img {  border-radius:50px;  }



.main_visual .main_visual_text {position:absolute;  left:2%; top:-140px;  }
.main_visual .main_visual_text .t1 {font-size:45px; line-height:50px;  }
.main_visual .main_visual_text .t1 span {display:block;}







.main_brian_wrap .bg { height:350px; width:45%; bottom:auto; top:25px; }
.main_brian_wrap .photo {position:absolute; left:5%; top:-20px; }
.main_brian_wrap .photo img {width:270px;}

.main_brian_wrap .text {margin-left:50%; padding-top:30px; margin-right:2%;}



.main_tube_wrap {margin:0 2%; margin-top:220px;}
.main_tube_wrap .col_box .col {padding-right:15px;}
.main_tube_wrap .col_box .col:last-child {padding-left:15px;}
.main_tube_wrap .col_box .col .t1 {font-size:22px; }




.main_review_wrap {margin:0 2%; padding-top:100px;}
.main_review_wrap .col_box .col.jump{width:30px;}

.main_review_wrap .col_box .col .info {font-size:16px; color:#777; text-align:left; position:relative;}
.main_review_wrap .col_box .col .info .info_text {min-height:200px;}




.main_wide_view_wrap { margin:100px 0px 30px; } 
.main_wide_view_wrap .col_box .col {display:table-cell; vertical-align:middle;  padding:120px 0px;; } 






.main_portfolio {margin-top:60px; margin:0 2%; padding:0px;}




.main_portfolio ul.main_list_box_photo li { width:23%; margin-right:0% !important;margin-left:2%; margin-bottom:40px;font-size:0px; }
.main_portfolio ul.main_list_box_photo li:nth-child(4n+1)  {margin-left:0%;}

}