
.more_btn { width: 150px; height: 40px; border-radius: 9px; background: url(../img/more_btn.png) right 20px center no-repeat transparent; border: solid 1px #fff; color: #fff; text-align: left; padding-left: 20px; font-size: 0.8em; transition: all ease 0.5s; }
.more_btn:hover { padding-left: 45px; }


/* 메인 visual */
#visual { width: 100%; overflow: hidden; }
#visual .main_visual_wrap { position:relative; }
#visual .main_visual_wrap .main_visual .item { position: relative; box-sizing: border-box; height: 884px; }
#visual .main_visual_wrap .main_visual .item>p {font-size:6em;color: rgba(255, 255, 255, 0.5); font-weight:bold;  text-align:center; position: relative; top:45%; letter-spacing: -3px;  } 

#visual .main_visual_wrap .main_visual .item1 { background:url(../img/main_visual1.jpg) center no-repeat; background-size: cover; }
#visual .main_visual_wrap .main_visual .item2 { background:url(../img/main_visual2.jpg) center no-repeat; background-size: cover; }
#visual .main_visual_wrap .main_visual .item3 { background:url(../img/main_visual3.jpg) center no-repeat; background-size: cover; }

#visual .main_visual_wrap .main_visual .item .main_visual_txt { position: absolute; width: 90%; max-width: 1200px; bottom: 40px; left: 80%; box-sizing: border-box; color: #fff; padding: 0 0 70px 30px;
transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); font-size: 1em; border-left:1px solid #fff; }
#visual .main_visual_wrap .main_visual .item .main_visual_txt h1 { width: 72% ;font-size:3em; font-weight: bold; }
#visual .main_visual_wrap .main_visual .item .main_visual_txt h1 img { max-width: 100%;  }
#visual .main_visual_wrap .main_visual .item .main_visual_txt span { display: block; font-size: 2em; color:#93acdb; font-weight: 700; margin-bottom: 20px;}
#visual .main_visual_wrap .main_visual .item .main_visual_txt p { margin-top: 20px; line-height: 180%; font-size: 1.3em; }
#visual .main_visual_wrap .main_visual_btn { position: absolute; width: 90%; max-width: 1200px; bottom: 40px; left: 80%; box-sizing:border-box; padding: 0 30px;
transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
#visual .main_visual_wrap .main_visual_btn button { width: 48px; height: 48px; }
.slick-slide img { max-width: none; }

/* 메인visual : end*/



/*메인 배너_01*/
.main_section_01 { background-color: #f5f5f5; padding:  60px 0 100px; position: relative;}

/*메인 포폴 슬라이드 css*/

/* example*/
.example {width: 100%;/* max-height: 150px; */padding: 3% 0;box-sizing: border-box;}
.gallery{border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; padding: 50px 0; }
.gallery_wrap { position: relative; margin: 0 auto}
.gallery_list { overflow: hidden; position: relative; }
.gallery_list > div { width: 100%; }
.gallery_list .slick-slide { margin: 0 5px; width: 100%; height: 100%; }
.gallery_list .slick-slide .latest-thumb img { height: 100%; }

.btn_list > a { position: absolute; bottom: 70px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 70px; height: 70px; font-size: 0 }
.btn_list .prev { background-image: url(../img/btn_left.png); background-repeat: no-repeat; left: 0px; display: none;}
.btn_list .next { background-image: url(../img/btn_right.png); background-repeat: no-repeat; right: 0px; display: none;}
.gallery_wrap:hover .btn_list .prev { display: block; }
.gallery_wrap:hover .btn_list .next { display: block; }

/* end */



/*메인 배너_02*/
.line_banner { background: url(../img/line_banner.jpg) center center no-repeat; height: 467px; position: relative; }
.line_banner .line_banner_cont_wrap { width: 50%; min-width: 600px; height: 422px; position: absolute; top: -40px; left: 0; background-color: #59656c; border-bottom:5px solid #4a555b; box-sizing: border-box;}
.line_banner .line_banner_cont_wrap .line_banner_cont { color: #fff; text-align: center; width: 600px; position: absolute; right: 0; top: 50%;
 transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.line_banner .line_banner_cont_wrap .line_banner_cont h1 { font-size: 3em; font-weight: 300; }
.line_banner .line_banner_cont_wrap .line_banner_cont .hr { width: 50px; height: 1px; background-color:#fff; margin: 30px auto; }
.line_banner .line_banner_cont_wrap .line_banner_cont p { line-height: 150%; word-break: keep-all; }
.line_banner .line_banner_cont_wrap .line_banner_cont .more_btn { margin-top: 60px; } 

.main_banner_wrap { padding: 100px; }
.main_banner_left { float: left; width: 49%; margin-right: 2%; }
.main_banner_right { float:left; width: 49%; }

.main_banner { position: relative; }
.main_banner > div { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; color: #fff;
 transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.main_banner h3 { font-size: 2em; font-weight: 600; }
.main_banner .hr { width: 50px; height: 1px; margin: 30px auto; background-color: #fff; }
.main_banner p { line-height: 150%; }
.main_banner p.phone > span { color: #fff; }
.main_banner p.phone { color: #f6c40d; font-size: 2.2em; }
.main_banner .more_btn { margin-top: 60px; }

.main_banner_1 { background:url(../img/main_banner_1.jpg) center center no-repeat; height: 520px; background-size: cover; }
.main_banner_2 { height: 250px; margin-bottom: 3.2%; background:url(../img/main_banner_2.jpg) center center no-repeat; background-size: cover;}
.main_banner_2 p { font-weight: 600; }
.main_banner_3 { background:url(../img/main_banner_3.jpg) center center no-repeat; height: 250px; background-size: cover; }





/* Desktop ? 1280px 이하 */
@media (max-width:1280px){
	.main_section_01 { padding: 7.5% 0 11.5%; }
	.main_banner_wrap { padding: 7% 0; }
    .gallery:hover .btn_list .prev { display: none; }
    .gallery:hover .btn_list .next { display: none; }
    #visual .main_visual_wrap .main_visual .item>p {font-size:5em;  } 
}

@media (max-width:900px){
	#visual .main_visual_wrap .main_visual .item .main_visual_txt { font-size: 0.9em; left:50%; }
	#visual .main_visual_wrap .main_visual .item .main_visual_txt h1 { width: 90% }
    #visual .main_visual_wrap .main_visual_btn{left:50%; }
    #visual .main_visual_wrap .main_visual .item>p {font-size:4em;  } 


}

/* Mobile ? 768px 이하 */
@media (max-width:768px){
	#visual .main_visual_wrap .main_visual .item { height: 80vh; }
	#visual .main_visual_wrap .main_visual .item .main_visual_txt { font-size: 0.7em;}
	  #visual .main_visual_wrap .main_visual .item>p {display: none;} 
    
    .line_banner .line_banner_cont_wrap { width: 90%; min-width: 250px; top: -4%; }
	.line_banner .line_banner_cont_wrap .line_banner_cont { width: 90%; right: 5%; }
	.line_banner .line_banner_cont_wrap .line_banner_cont h1 { font-size: 2.5em; }
	.main_banner_left { float: left; width: 100%; margin: 0 0 2% 0; }
	.main_banner_right { float:left; width: 100%; }
	
	.main_banner_2 { margin-bottom: 2%; }
}

/* Mobile ? 468px 이하 */
@media (max-width:468px){
	#visual .main_visual_wrap .main_visual .item .main_visual_txt { word-break: keep-all; }
	#visual .main_visual_wrap .main_visual .item .main_visual_txt br {display: none;}

	.line_banner .line_banner_cont_wrap .line_banner_cont h1 { font-size: 2em;}
	
	.main_banner_1 { height: auto; padding-top: 80%; }
.main_banner .more_btn { margin-top: 4vh; }
	
}

/* Mobile ? 320px 이하 (ex. iphone5) */
@media (max-width:320px){
	.line_banner .line_banner_cont_wrap .line_banner_cont p br {display: none; }
	.main_banner .hr { margin : 15px auto;}
	.main_banner .more_btn { margin-top: 30px; }
	.main_banner p.phone { font-size: 1.9em; }
}