/*main.css*/
.main_page{}
/*공통요소*/
.main_sec{width: 100%; padding: 80px 0;}
.main_tit_area{padding-bottom: 50px;}
.main_tit_area .main_tit{font-size: 40px; line-height: 42px; color: #033e8c; font-weight: 800; letter-spacing: -2px; text-align: center;}
.main_tit_area .sub_tit{display: block; margin-top: 20px; font-size: 17px; line-height: 23px; text-align: center; color: #666;}
.main_tit_area .sub_tit::after{display: block; margin: 40px auto 0; content: ""; width: 50px; height: 1px; background:#033e8c; }
.main_tit_area .main_desc{margin: 40px auto 0; width: 800px; text-align: center; word-break: keep-all; color: #666;}

/*banner*/
.main_banner{width: 100%; height: 850px; display: block;}
.main_banner .mb_slide{ background: url(../img/main/banner01.png); background-size: cover; background-position: center;}
.main_banner .mb_slide2{ background-image: url(../img/main/banner02.png);}
.main_banner .banner_tit{position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10;}
.main_banner .banner_tit h2{color: #fff; font-size: 80px; line-height: 1.1; font-weight: 800; text-align: left;}
.main_banner .banner_tit p{margin: 20px 0 40px; color: #fff; font-size: 24px; line-height: 28px;}
.main_banner .banner_tit .readmore{background: none; overflow: hidden;}
.main_banner .banner_tit .readmore a{background: #fff;}
.main_banner .banner_tit .readmore:hover a{background: #033e8c;}

/*ie9 banner*/
.ie9_banner{position: relative; background: url(../img/main/banner01.png); background-size: cover; background-position: center; display: none;}

/*about*/
.main_sec.about{}
.main_sec.about .list_area{}
.main_sec.about .list_area ul{ width:100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.main_sec.about .list_area li{float: left; width:32%; height:400px;}
.main_sec.about .list_area li:nth-child(2){margin: 0 15px;}
.main_sec.about .item_link{padding: 20px 35px 0; width: 100%; height: 100%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out;}
.main_sec.about .icon_area{margin: 0 auto 20px; width: 110px; height: 110px; background-color: #f1f1f1; border-radius: 50%; background-image: url(../img/main/about_icon01.png); background-size: 60%; background-position: center; background-repeat: no-repeat; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out;}

.main_sec.about .item_link.second .icon_area{background-image:url(../img/main/about_icon02.png);}
.main_sec.about .item_link.third .icon_area{background-image:url(../img/main/about_icon03.png);}
.main_sec.about .item_link:hover .icon_area{background-color:#033e8c; background-image: url(../img/main/about_icon01_over.png);}
.main_sec.about .item_link.second:hover .icon_area{background-image:url(../img/main/about_icon02_over.png);}
.main_sec.about .item_link.third:hover .icon_area{background-image:url(../img/main/about_icon03_over.png);}

.main_sec.about .text_area{margin-top: 25px;}
.main_sec.about .text_area h3{margin-bottom: 20px; height: 52px; text-align: center; font-size: 22px; font-weight: 700; line-height: 28px; word-break: keep-all;}
.main_sec.about .text_area p{text-align: center; word-break: keep-all; color: #666; font-size: 18px; line-height: 24px;}



/*effort*/
.main_sec.effort{padding: 0; height: 500px;}
.main_sec.effort .figure_area{float: left; width: 50%; height: 100%; background: url(../img/main/bg_img01.png); background-size: cover; background-position: center;}

.main_sec.effort .figure_area img{display: none;}
.main_sec.effort .text_area{float: left; display: table; width: 50%; height: 100%; background: #e9e9e9;}

.main_sec.effort .text_box{display: table-cell; padding: 10%; vertical-align: middle; text-align: center;}
.main_sec.effort .text_area h2{margin-bottom: 60px; font-size: 33px; line-height: 35px; font-weight: 700; text-align: left;}
.main_sec.effort .text_area p{text-align: left; margin-bottom: 50px; word-break: keep-all;}
.main_sec.effort .text_area .readmore{border: 1px solid #033e8c; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main_sec.effort .text_area .readmore a{background: transparent; color: #033e8c;}
.main_sec.effort .text_area .readmore a:hover{background: #033e8c; color: #fff;}


.pic_lt{margin-bottom: 0; border-color: #ededed;}
.pic_lt li.empty_li{width: 100%; height: 300px; line-height: 300px; text-align: center; color: #666;}
.pic_lt .lt_more{display: none;}
.pic_lt .lat_title{display: none; background: none; border-bottom: none;}
.pic_lt{margin-bottom: 0; border: none; background: none;}
.pic_lt ul{padding: 0;}
.pic_lt li{padding: 0;}
.pic_lt li .lt_img{margin: 0;}
.pic_lt .lat_title{padding: 0; border-bottom: none; color: #333; background: none;}
.pic_lt .lat_title a{color: #333;}
.pic_lt .lat_title a::after{background: none; display: none;}
.lat{border: none; background: none; margin-bottom: 0;}
.lat .lat_title{padding: 0; border-bottom: none; color: #333; background: none;}
.lat .lat_title a{color: #333;}
.pic_lt .lt_date{display: none;}
.lat .lat_title a::after{background: none; display: none;}
.pic_lt li .new_icon{display: none;}
.pic_lt .gall_title:hover{color: #333;}
.pic_lt .gall_text_area:hover{color: inherit;}
.pic_lt .gall_title{font-size: 22px; line-height: 28px; font-weight: 700;}
.pic_lt .gall_content{margin-top: 15px; color: #666; word-break: keep-all; -ms-transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg); transform: skew(-0.1deg);}

/*media*/
.main_sec.media{padding: 80px 0 130px;}
.main_sec.media .pic_lt li{width: 32%; margin-bottom: 1%; position: relative;}
.main_sec.media .pic_lt li:nth-child(3n-1){margin: 0 2%;}
.main_sec.media .pic_lt .lt_img{position: relative; overflow: hidden;}
.main_sec.media .pic_lt .lt_img img{ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.main_sec.media .pic_lt .lt_img_mask{position: absolute; left: 0; top: 0; width: 100%; background: rgba(0,0,0,0);}
.main_sec.media .pic_lt .gall_text_area{padding: 32px 25px; border: 1px solid #ededed; border-top: 1px solid transparent;}
.main_sec.media .pic_lt .view_more{margin-top: 57px;}
.main_sec.media .pic_lt .view_more p{color: #033e8c; font-weight: 700; font-size: 17px;}
.main_sec.media .pic_lt li:hover .lt_img img{ -webkit-transform: scale(1.2); transform: scale(1.2);}
.main_sec.media .pic_lt li:hover .lt_img_mask{background: rgba(0,0,0,0.5);}
.main_sec.media .pic_lt li .lt_img_mask::after{display: none; width: 100%; height: 100%; border: 10px solid #033e8c; content: "";}
.main_sec.media .pic_lt li:hover .lt_img_mask::after{display: block;}
/*gallery*/
.main_sec.gallery{padding: 80px 0 130px; background: #f5f5f5;}
.main_sec.gallery .pic_lt li{position: relative; width: 25%;}
.main_sec.gallery .pic_lt .gall_text_area{position: absolute; top:0; left: 0; border: 10px solid transparent; width: 100%; z-index: 10; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0,0,0,0);}
.main_sec.gallery .pic_lt li:hover .gall_text_area{border-color:#033e8c; background: rgba(0,0,0,0.5); }
.main_sec.gallery .pic_lt .lt_img{overflow: hidden;}
.main_sec.gallery .pic_lt .lt_img img{ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
.main_sec.gallery .pic_lt li:hover .lt_img img{ -webkit-transform: scale(1.2); transform: scale(1.2);}
.main_sec.gallery .pic_lt .text_area_box{padding: 10%; width: 100%; height: 100%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; opacity: 0;}
.main_sec.gallery .pic_lt li:hover .text_area_box{opacity: 1;} 
.main_sec.gallery .pic_lt .gall_title{color: #fff; font-weight: 300;}
.main_sec.gallery .pic_lt .gall_content{color: #fff; font-weight: 300;}

@media screen and (min-width:1200px){
    .main_sec.about .item_link:hover{-webkit-box-shadow: 4px 7px 17px -6px rgba(0,0,0,0.36); box-shadow: 4px 7px 17px -6px rgba(0,0,0,0.36);}
}
@media screen and (max-width:1199px){
    .main_banner .banner_tit{padding: 0 20px;}
    .main_banner .banner_tit h2{font-size: 70px;}
    .main_banner .banner_tit p{margin: 15px 0 35px; font-size: 22px; line-height: 24px;}
    .main_sec{padding: 70px 0;}
    .main_sec.media{padding: 70px 0 100px;}
    .main_sec.gallery{padding: 70px 0 100px;}
    .main_tit_area .main_tit{font-size: 35px; line-height: 38px;}
    .main_tit_area .sub_tit{font-size: 16px; line-height: 22px;}
    .main_tit_area .sub_tit::after{margin: 35px auto 0;}
    .main_tit_area .main_desc{margin: 35px auto 0; width: 90%; max-width: 700px; font-size: 16px; line-height: 22px;}
    .main_sec.about .list_area ul{width:90%;}
    .main_sec.about .list_area li{width: 32%; height: 400px;}
    .main_sec.about .list_area li:nth-child(2){margin: 0 2%}
    .main_sec.about .item_link{padding: 20px 25px 0;}
    .main_sec.about .icon_area{width: 100px; height: 100px;}
    .main_sec.about .text_area h3{height: 48px; font-size: 18px; line-height: 24px;}
    .main_sec.about .text_area p{font-size: 16px; line-height: 22px;}
    .main_sec.effort .text_box{padding: 8%;}
    .main_sec.effort .text_area h2{margin-bottom: 50px; font-size: 28px; line-height: 30px;}
    .main_sec.effort .text_area p{margin-bottom: 40px; font-size: 16px; line-height: 22px;}
    .pic_lt .gall_title{font-size: 18px; line-height: 24px;}
    .pic_lt .gall_content{font-size: 16px; line-height: 22px;}
    .main_sec.media .pic_lt .view_more p{font-size: 15px; line-height: 22px;}
    .main_sec.media .pic_lt .view_more{margin-top: 40px;}
    .main_sec.gallery .pic_lt li{width: 33.3333%;}
    .main_sec.gallery .pic_lt li:nth-child(7), .main_sec.gallery .pic_lt li:nth-child(8){display: none;}
    .main_sec.gallery .pic_lt .text_area_box{padding: 10%;}
}
@media screen and (max-width:1024px){
    .main_sec.about .list_area li{height: auto;}
    .main_sec.about .item_link{padding: 20px 25px;}
    .main_sec.about .text_area p{display: none;}
    .main_sec.effort{height: auto;}
    .main_sec.effort .figure_area{float: none; width: 100%; height: auto;}
    .main_sec.effort .figure_area img{display: block; width: 100%;}
    .main_sec.effort .text_area{float: none; width: 100%;}
    .main_sec.effort .text_box{padding: 10%;}
    .main_sec.media .pic_lt li{width: 100%;}
    .main_sec.media .pic_lt li:nth-child(3n-1){margin: 20px 0;}
}
@media screen and (min-width:768px) and (max-width:1024px){
    .main_sec.media .pic_lt .lt_img{float: left; width: 50%;}
    .main_sec.media .pic_lt .gall_text_area{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 50%; border-color: transparent;}
}
@media screen and (max-width:767px){
    .main_banner{height: 800px;}
    .main_banner .banner_tit h2{font-size: 50px;}
    .main_banner .banner_tit p{margin: 10px 0 30px; font-size: 20px; line-height: 22px;}
    .main_sec{padding: 60px 0;}
    .main_sec.media{padding: 60px 0 80px;}
    .main_sec.gallery{padding: 60px 0 80px;}
    .main_tit_area .main_tit{font-size: 30px; line-height: 34px;}
    .main_tit_area .sub_tit{font-size: 15px; line-height: 21px;}
    .main_tit_area .sub_tit::after{margin: 30px auto 0;}16
    .main_tit_area .main_desc{margin: 30px auto 0; font-size: 16px; line-height: 22px;} .main_sec.about .list_area ul{width:100%;}
    .main_sec.about .item_link{padding: 20px 20px;}
    .main_sec.about .icon_area{width: 80px; height: 80px;}
    .main_sec.about .text_area h3{height: auto;}
    .main_sec.about .text_area p{font-size: 16px; line-height: 22px;}
    .main_sec.media .pic_lt .view_more{margin-top: 30px;}
    .main_sec.gallery .pic_lt li{width: 50%;}
    .main_sec.gallery .pic_lt li:nth-child(7), .main_sec.gallery .pic_lt li:nth-child(8){display: block;}
    .main_sec.gallery .pic_lt .text_area_box{padding: 10%;}
}
@media screen and (max-width:480px){
    .main_banner{height: 600px;}
    .main_banner .banner_tit{padding: 0;}
    .main_banner .banner_tit h2{font-size: 35px;}
    .main_banner .banner_tit p{font-size: 16px; line-height: 20px; word-break: keep-all;}
    .main_sec{padding: 50px 0;}
    .main_sec.media{padding: 50px 0 60px;}
    .main_sec.gallery{padding: 50px 0 60px;}
    .main_tit_area .main_tit{font-size: 25px; line-height: 28px;}
    .main_tit_area .sub_tit{font-size: 14px; line-height: 20px;}
    .main_tit_area .sub_tit::after{margin: 25px auto 0;}
    .main_tit_area .main_desc{margin: 25px auto 0; font-size: 15px; line-height: 21px;}
    .main_sec.about .item_link{padding: 20px 0;}
    .main_sec.about .icon_area{width: 70px; height: 70px;}
    .main_sec.about .text_area h3{font-size: 16px; line-height: 22px;}
    .main_sec.about .text_area p{display: none;}
    .main_sec.effort .text_box{padding: 15% 20px;}
    .main_sec.effort .text_area h2{margin-bottom: 40px; font-size: 20px; line-height: 24px;}
    .main_sec.effort .text_area p{margin-bottom: 30px; font-size: 15px; line-height: 21px;}
    .pic_lt .gall_title{font-size: 16px; line-height: 22px;}
    .main_sec.media .pic_lt .view_more{margin-top: 20px;}
    .main_sec.gallery .pic_lt .text_area_box{display: table;}
    .main_sec.gallery .pic_lt .gall_title{display: table-cell; vertical-align: middle; text-align: center;}
    .main_sec.gallery .pic_lt .gall_content{display: none;}
    .pic_lt .gall_content{font-size: 15px; line-height: 21px;}
    .main_sec.media .pic_lt .view_more p{font-size: 13px; line-height: 20px;}
    .main_sec.gallery .pic_lt .text_area_box{padding: 10%;}
}