@charset "utf-8";
.main_container {width:100%; height:100%;position:relative;} 
.main_visual_01 {width:100%; height:100%; margin:0px auto 0; overflow:hidden; position:relative;}
.main_visual_01 .typo {width:100%;position:absolute;z-index:9;left:10%;top:40%;}
.main_visual_01 .typo span {font-family:NanumBarunGothic;color:#fff;font-size:40px;line-height:60px;text-shadow:1px 1px 1px #000;}
.main_visual_01 .typo p {width:80%;color:#c6c6c6;}
.main_visual_01 .imgs {width:100%; height:100%; position:relative; overflow:hidden; background-color:#000;}
.main_visual_01 .imgs li {width:100%; height:100%; position:absolute; top:0; left:100%;}
.main_visual_01 .imgs li.li_01 {left:0; background:url('../img/images/main_img1.png') center 0 no-repeat;background-size:cover;}
.main_visual_01 .imgs li.li_02 {background:url('../img/images/main_img2.png') center 0 no-repeat;background-size:cover;}
.main_visual_01 .imgs li.li_03 {background:url('../img/images/main_img3.png') center 0 no-repeat;background-size:cover;}
.main_visual_01 .imgs li.li_04 {background:url('../img/images/main_img4.png') center 0 no-repeat;background-size:cover;}
.main_visual_01 .indis {width:100%; position:absolute; left:0; bottom:30px; text-align:center;}
.main_visual_01 .indis ul {display:inline-block; margin:0 auto; overflow:hidden;}
.main_visual_01 .indis ul li {float:left; margin-right:5px; position:relative;}
.main_visual_01 .indis ul li a {width:100%; height:100%; display:block;}
.main_visual_01 .bn_wrap {width:100%; height:45px; position:absolute; top:50%;margin-top:-58px; z-index:10;}
.main_visual_01 .bn_wrap .bns {position:absolute; top:0;}
.main_visual_01 .bn_wrap .bns a {width:100%; height:100%; display:block;}
.main_visual_01 .bn_wrap .left_bn {left:10px;}
.main_visual_01 .bn_wrap .right_bn {right:10px;}

#cont li{float:left;width:33.3333%;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;font-weight:300;color:#fff;text-align:center;z-index:1000;font-family:Gotham-Black;}
#cont li a h4 span{font-family:NanumBarunGothic;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:#000000;letter-spacing:-1px;font-weight:800;}
#middle_bg{height: 600px;background: url(../img/images/middle_bg.png) no-repeat 50% 40%;background-attachment: fixed;text-align:center;font-family:Gotham-Black;font-size:50px;color:#000;}
#middle_bg span{font-family:Gotham-Book;line-height:600px;}

.main_content_section{width:100%;height:600px;/* background:#cacda6; */background:#fff;/* border-top:1px solid #ff8004;border-bottom:1px solid #ff8004; */}
.main_content_section .align_wrap{width:1200px;padding:0;margin:0px auto;}
.main_content_section .left_side{margin:50px 0 0 0;float:left;width:400px;padding:0 15px;/* position:relative; */}
.main_content_section .content_section_title{font-family: Gotham-Black;color:#000000;font-size:25px;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:11px;font-family:"NanumBarunGothic";}
.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;}
.main_content_section .first_content_section_btn .btn_txt{margin:45px 0 0 0;}
.main_content_section .second_content_section_btn .btn_txt{margin:30px 0 0 2px;}
.main_content_section .third_content_section_btn .btn_txt{margin:35px 0 0 2px;}

.main_content_section .right_side{width:650px;margin:90px 100px 0 0;float:left;}
.main_content_section .main_content_img{width:100%;}


@media screen and (max-width:1280px){
.main_content_section{width:100%; height:400px; /* padding:0 0 25px 0;  */margin:0px;background:#fff;position:relative;}
.main_content_section .align_wrap{width:100%;padding:0;margin-bottom:0px;}
.main_content_section .left_side{/* margin:50px 0 0 0; */margin:0px 0 0 0;float:left;width:33.333333333333333333%;padding:0 15px;}
.main_content_section .content_section_title{font-family: Gotham-Black;color:#000000;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%;font-size:11px;}
.main_content_section .content_section_btn{margin:25px 0 0 0;}
.main_content_section .right_side{width:55%;/* margin:25px 0 0 0; */margin:50px 50px 25px 50px;float:left;}

.main_content_section .main_content_img{width:100%;}
.main_content_section .main_content_img img{width:100%;height:auto;}
}


@media screen and (max-width:980px){
.main_content_section{padding:0 0 20px 0;height:1000px;position:relative;/* border-top:1px solid #ff8004;border-bottom:1px solid #ff8004; */}
.main_content_section .align_wrap{width:100%;padding:0;}
.main_content_section .left_side{margin:30px 0 0 0;width:100%;height:300px;padding:0;}
.main_content_section .left_side_box{width:90%;margin:0 5%;}
.main_content_section .content_section_title{font-family: Gotham-Black;color:#000000;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%;font-size:11px;/* padding:0 20px; */}
.main_content_section .content_section_btn{margin:25px 0;}
.main_content_section .right_side{/* width:100%;margin:0; *//* float:left; */width:90%;margin:20px 5%;}
.main_content_section .main_content_img{width:100%;margin:0;/* width:90%;margin:0 5%; */}
.main_content_section .main_content_img img{width:100%;height:auto;}
}
@media screen and (max-width:890px){
 #main_gal .typo{font-size:40px;color:#fff;line-height:30px; }
 #middle_bg{height: 500px;background: url(../img/images/middle_bg.png) no-repeat 50% 40%;background-attachment: fixed;text-align:center;font-family:Gotham-Black;font-size:30px;color:#fff;}
#middle_bg span{font-family:Gotham-Book;line-height:500px;}
}

@media screen and (max-width:768px){

.main_visual_01 .typo {width:100%;position:absolute;z-index:9;left:10%;top:30%;}
.main_visual_01 .typo span {font-family:Gotham-Black;color:#fff;font-size:24px;line-height:60px;text-shadow:1px 1px 1px #000; }
.main_visual_01 .typo p {width:80%;color:#FFFFFF;}

 /*Æ˾÷â À̹ÌÁö »çÀÌÁî Àç¼³Á¤ - Çʼö*/
.drag_pop{left:0 !important;top:0 !important;max-width:310px !important;height:auto !important;}
 #cont li{float:none;width:100%;}
 #cont li a h4{font-size:15px;font-weight:600;}
}
@media screen and (max-width:480px){
 #cont li a h4{font-size:21px;font-weight:300;}
 #cont li{float:none;width:100%;}
}