@charset "utf-8";
/*¸ÞÀÎÆäÀÌÁö ·¹À̾ƿô*/

/*¸ÞÀν½¶óÀ̵å*/
#main_gal .banner_container{position:relative;width:100%;overflow:hidden;}
#banner_content {position:relative;width:100%; height:900px;}
#banner_content>div {position:absolute;top:0;left:0;width:100%;height:100%; overflow:hidden;}
#banner_content div.img1 {background: url('../../img/images/main_img1.jpg') center center no-repeat;background-size:cover;}
#banner_content div.img2 {background: url('../../img/images/main_img2.jpg') center center no-repeat;background-size:cover;}
#banner_content div.img3 {background: url('../../img/images/main_img3.jpg') center center no-repeat;background-size:cover;}
#main_gal .banner_container .slogan {position:absolute;width:100%;bottom:350px;overflow:hidden;color:#fff;text-shadow:1px 1px 1px #777; font-weight:400;text-align:center;}
#main_gal .banner_container .slogan span.tit{font-size:50px;line-height:60px;font-family:Gotham-Book;}
#main_gal .banner_container .slogan p{font-size:17px;line-height:20px;margin-top:15px;color:#fff;}
#banner_nav{position:absolute;width:100%;height:21px;bottom:-45px;left:0;z-index:1000;text-align:center;}
#banner_nav li{display:inline-block;}
#banner_nav li a{display:inline-block;width:19px;height:21px;margin:0;overflow:hidden;padding:0;background:url('../../img/images/arrow.png') 0 0 no-repeat;text-indent:-9999px}
#banner_nav li a.select {background-position:0 -21px} 
#btn_prev_banner{position:absolute;width:28px;height:45px;top:50%;left:5%;text-indent:-9999px;overflow:hidden;background:url(../../img/images/visual_arrow_left.png) no-repeat 0 0;cursor:pointer;z-index:1;opacity:0.5;transition:all 0.3s ease}
#btn_prev_banner:hover{background-position:0 0px;opacity:1;}
#btn_next_banner{position:absolute;width:28px;height:45px;top:50%;right:5%;text-indent:-9999px;overflow:hidden;background:url(../../img/images/visual_arrow_right.png) no-repeat 0 0;cursor:pointer;z-index:1;opacity:0.5;transition:all 0.3s ease}
#btn_next_banner:hover{background-position:0 0px;opacity:1;}

@media screen and (max-width:1280px){
#banner_content {height:650px;}
#main_gal .banner_container .slogan {bottom:200px;text-align:center;padding:20px;box-sizing:border-box;}
#btn_prev_banner{left:1%;}
#btn_next_banner{right:1%;}
}

@media screen and (max-width:940px){
#banner_content {height:550px;}
#main_gal .banner_container .slogan {bottom:120px;}
#main_gal .banner_container .slogan span.tit{font-size:40px;line-height:45px;}
#main_gal .banner_container .slogan p{font-size:15px;}
#btn_prev_banner{left:1%;}
#btn_next_banner{right:1%;}
}

@media screen and (max-width:768px){
#banner_content {height:480px;}
#btn_prev_banner,#btn_next_banner{display:none;}
#main_gal .banner_container .slogan span.tit{font-size:35px;line-height:35px;}
#main_gal .banner_container .slogan p{font-size:13px;line-height:18px;margin-top:5px;}
}

@media screen and (max-width:650px){
#main_gal .banner_container .slogan span.tit{font-size:30px;line-height:30px;}
#main_gal .banner_container .slogan p{font-size:13px;line-height:18px;margin-top:5px;}
#main_gal .banner_container .slogan img{width:30%}
}

@media screen and (max-width:480px){
#main_gal .banner_container .slogan span.tit{font-size:30px;line-height:30px;}
#main_gal .banner_container .slogan p{font-size:13px;line-height:18px;margin-top:5px;}
#main_gal .banner_container .slogan img{width:30%}
}

@media screen and (max-width:380px){
#main_gal .banner_container .slogan span.tit{font-size:25px;}
}
/*¸ÞÀν½¶óÀ̵å*/

/*¸ÞÀÎSTAFF*/
#main_icon{position:relative;width:100%;background:#21bbb1;}
#main_icon .title{text-align:center;}
#main_icon .title h3{font-size:50px;line-height:1;color:#fff;letter-spacing:-2px;}
#main_icon .title p{color:#fff;font-size:20px;letter-spacing:-1px;}
#main_icon .icons{position:relative;margin:0 auto;overflow:auto;}
#main_icon .icons li{position:relative;float:left;width:32%;margin-right:2%;}
#main_icon .icons li:last-child{margin-right:0px;}
#main_icon .icons li a:hover{text-decoration:none;}
#main_icon .icons li a p {color:#fff;}
#main_icon .icons .icon_line{width:50px;height:1px;margin:0 auto;background:#fff;margin-top:20px;margin-bottom:20px;}

@media screen and (max-width:768px){
#main_icon {background:#21bbb1;} 
#main_icon .title h3 {font-size:40px;line-height:40px;}
#main_icon .icons li {padding:10px;}
#main_icon .icons li {width:100%;margin-right:0px;}
}
/*¸ÞÀÎSTAFF*/

/*¸ÞÀÎÁß°£À̹ÌÁö*/
#middle_bg{background:url(../../img/images/middle_bg.jpg) 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='20')}

@media screen and (max-width:768px){
#middle_bg a {padding:60px 0 60px 0;font-size:40px;}
}
/*¸ÞÀÎÁß°£À̹ÌÁö*/

/*¸ÞÀÎÇϴܸµÅ©¹è³Ê*/
#main_info{position:relative;width:100%;}
#main_info .main_box ul{float:left;width:33.333%;background:#f1f1f1 url();color:#4a4a4a;}
#main_info .main_box li{position:relative;float:left;width:50%;height:300px;text-align:center;}
#main_info .main_box li.pic{background:url(../../img/images/sample000.jpg)top center no-repeat;background-size:cover;}
#main_info .main_box li.pic2{background:url(../../img/images/sample002.jpg)top center no-repeat;background-size:cover;}
#main_info .main_box li.pic3{background:url(../../img/images/sample003.jpg)top center no-repeat;background-size:cover;}
#main_info .main_box li.pic4{background:url(../../img/images/sample001.jpg)top center no-repeat;background-size:cover;}
#main_info .main_box li.pic5{background:url(../../img/images/sample004.jpg)top center no-repeat;background-size:cover;}
#main_info .main_box li.pic6{background:url(../../img/images/sample005.jpg)top center no-repeat;background-size:cover;}
#main_info .main_box li p {font-family:"Gotham-Book","NanumBarunGothic"}
#main_info .main_box li p span{font-size:10px;}
#main_info .main_box li.txt {padding:10px;}
#main_info .main_box li.txt h4{font-size:20px;line-height:24px;margin-top:105px;}
#main_info .main_box li.txt a.bt{display:block;margin:0 auto;width:90px;text-align:center;color:#fff;margin-top:20px;}
#main_info .main_box li.txt a.bt:hover{text-decoration:none;}
#main_info .main_box li.txt a.bt.txt1{background:#21bbb1;transition:all .3s ease}
#main_info .main_box li.txt a.bt.txt1:hover{background:#000;}

@media screen and (max-width:1280px){
#main_info .main_box ul{width:50%}
}

@media screen and (max-width:900px){
#main_info .main_box li.txt h4{margin-top:55px;}
}

@media screen and (max-width:768px){
#main_info .main_box ul{width:100%}
#main_info .main_box li.txt h4{margin-top:55px;}
}

@media screen and (max-width:650px){
#main_info .main_box li.txt h4{margin-top:55px;}
}
/*¸ÞÀÎÇϴܸµÅ©¹è³Ê*/

/*¸ÞÀÎÇÏ´Ü4°³¹è³Ê*/
.main_picture {background: #21bbb1;padding:80px 0 80px;text-align: center;}
.main_picture .title {color: #fff;font-size: 46px;margin-bottom: 20px;}
.main_picture .contents {color: #fff;font-size: 16px;line-height: 24px;margin-top: 20px;}
.main_picture_list {width: 1280px;margin: 0 auto;margin-top: 70px;}
.main_picture_list ul {list-style-type: none;}
.main_picture_list ul li {float: left;margin-right: 83px;}
.main_picture_list ul li.last {margin-right: 0;}
.main_picture_list ul li a {text-decoration: none;}
.main_picture_list ul li p {color: #fff;font-size: 18px;margin-top: 20px;font-family: arial;}

@media screen and (max-width:1280px){
.main_picture {padding: 10% 0 10% 0;}
.main_picture .title {font-size: 38px;}
.main_picture .contents {font-size: 14px;line-height: 22px;padding:20px;}
.main_picture_list {width: 100%;margin-top: 55px;}
.main_picture_list ul {padding: 0 2%;}
.main_picture_list ul li {margin-right: 4%;width: 22%;}
.main_picture_list ul li p {font-size: 16px;}
}

@media screen and (max-width:768px){
.main_picture .title {font-size: 22px;padding: 0 40px;line-height: 30px;margin-bottom: 10px;}
.main_picture .contents {font-size: 12px;padding: 0 30px;margin-top: 10px;}
.main_picture_list {margin-top: 5px;}
.main_picture_list ul {padding: 0 4%;}
.main_picture_list ul li {margin-right: 4%;margin-left: 4%;width: 42%;margin-top: 20px;}
}
/*¸ÞÀÎÇÏ´Ü4°³¹è³Ê*/