@charset "utf-8";


#content_sect0 {overflow-y:hidden !important;}

/*¸ÞÀÎÀ̹ÌÁö½º¿ÍÀÌÇÁ*/
#main_gal .banner_container{position:relative;width:100%;height:100%;background-color:#222;}
#main_gal .typo{position:absolute;width:100%;height:100px;top:50%;left:0;margin-top:-50px;z-index:2000;text-align:center;font-size:70px;color:#fff;line-height:30px;}
#main_gal .typo span{color:#21bbb1;}
#main_gal .typo span.small{font-size:20px;margin-top:30px;color:#fff;display:block;}
#banner_content {position:relative;width:100%;}
#banner_content>div {position:absolute;top:0;left:0;width:100%;overflow:hidden;z-index:1;}
#banner_content div.area{display:block;}
#banner_content div.img1 {background: url('../../img/images/main_visual1.jpg') center center no-repeat;background-size:cover;}
#banner_content div.img2 {background: url('../../img/images/main_visual2.jpg') center center no-repeat;background-size:cover;}
#banner_content div.img3 {background: url('../../img/images/main_visual3.jpg') center center no-repeat;background-size:cover;}
#banner_content div.img4 {background: url('../../img/images/main_visual4.jpg') center center no-repeat;background-size:cover;}
#banner_content div.img5 {background: url('../../img/images/main_visual5.jpg') center center no-repeat;background-size:cover;}
/*¸ÞÀÎÀ̹ÌÁö½º¿ÍÀÌÇÁ*/

/*¸ÞÀÎ3°³ÅؽºÆ®*/
.main_content_section{width:100%;height:600px;}
.main_content_section .align_wrap{display:block;width:1280px;padding:0;margin:0px auto;}
.main_content_section .left_side{margin-top:50px;display:inline-block;width:33%;padding:0 15px;vertical-align:top;}
.main_content_section .content_section_title{color:#4DC1B4;font-size:50px;text-align:center;line-height:100%;margin:50px 0 0 0;}
.main_content_section .content_section_summary{margin:50px 0 0 0;color:#5d5d5d;line-height:200%;font-size:12px;}
.main_content_section .content_section_btn{margin:50px 0 0 0;color:#fff;font-weight:bold;width:100%;height:100px;text-align:center;}
.main_content_section .content_section_btn a>div{background:#000 url("") no-repeat;width:100px;height:100px;display:inline-block;text-align:center;color:#fff;border-radius:100px;transition:all .3s ease}
.main_content_section .content_section_btn a>div:hover {background:#21bbb1;}
.main_content_section .second_content_section_btn .btn_txt{margin:30px 0 0 2px;}
/*¸ÞÀÎ3°³ÅؽºÆ®*/

/*¸ÞÀÎÁß°£À̹ÌÁö*/
#middle_bg{background:url(../../img/images/middle_bg.png) no-repeat 50% 40%;background-attachment: fixed;text-align:center;}
#middle_bg a {position:relative; display:block; height:100%; padding:100px 0 100px 0; overflow:hidden;font-size:50px;color:#fff;}
#middle_bg a:after {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#21bbb1; opacity:0; filter:alpha(opacity='0'); transition:all .3s ease}
#middle_bg a:hover:after {opacity:.2; filter:alpha(opacity='30')}
/*¸ÞÀÎÁß°£À̹ÌÁö*/

/*¸ÞÀÎÇÏ´Ü8°³¹è³Ê*/
#cont li{float:left;width:25%;position:relative;overflow:hidden;}
#cont li a{display:block;width:100%;height:100%;}
#cont li a h4{position:absolute;top:50%;left:0;margin-top:-30px;width:100%;height:60px;line-height:21px;font-size:21px;color:#fff;text-align:center;z-index:1000;}
#cont li a h4 span{font-size:16px;color:#d7d7d7;}
#cont li a .img_area{position:absolute;top:0;left:0;width:100%; }
#cont li a:hover h4{font-size:27px;color:#21BBB1;letter-spacing:-1px;font-weight:800;}
/*¸ÞÀÎÇÏ´Ü8°³¹è³Ê*/

@media screen and (max-width:1280px){
.main_content_section{width:100%; height:450px;margin:0px;background:#fff;position:relative;}
.main_content_section .align_wrap{width:100%;padding:0;margin-bottom:0px;}
.main_content_section .content_section_title{font-size:40px;text-align:center;line-height:100%;margin:25px 0 0 0;}
.main_content_section .content_section_summary{margin:25px 0 0 0;color:#5d5d5d;line-height:200%;}
.main_content_section .content_section_btn{margin:25px 0 0 0;}
}

@media screen and (max-width:980px){
.main_content_section{padding:0 0 20px 0;height:auto;position:relative;}
.main_content_section .align_wrap{width:100%;padding:0;}
.main_content_section .left_side{margin:30px 0 0 0;width:100%;height:auto;padding:0;}
.main_content_section .left_side_box{width:90%;margin:0 5%;}
.main_content_section .content_section_title{font-size:40px;text-align:center;line-height:100%;/* margin:50px 0 0 0; */margin:0 0 20px 0;}
.main_content_section .content_section_title div{/* float:left; */}
.main_content_section .content_section_summary{margin:0;color:#5d5d5d;line-height:200%;}
.main_content_section .content_section_btn{margin:25px 0;}
}

@media screen and (max-width:890px){
#main_gal .typo {font-size:40px;color:#fff;line-height:30px; }
#middle_bg a {padding:50px 0 50px 0;font-size:30px;}
#cont li {float:left;width:50%;box-sizing:border-box;}
#cont li a h4 {font-size:16px;}
#cont li a h4 span {font-size:14px;}
}

@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
#cont li {float:none;width:100%;}
}