@charset "utf-8";

/*** Main_Common ***/
.main_wrap {margin:122px 0 0;}

/* Main Visual */
.mv_sec {position:relative;}
.mv_sec .mv_info {position:absolute;left:0;top:39%;width:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.mv_sec .mv_info .tit {font-family:"nanumsquare";font-size:47px;color:#fff;line-height:57px;font-weight:900;}
.mv_sec .mv_info .txt {padding-top:30px;font-size:19px;color:#fff;}
.mv_sec .swiper-slide {height:800px;}
.mv_sec .swiper-slide.mv01 {background:url(../../images/main/main_visual_1.jpg) no-repeat center bottom;}
.mv_sec .swiper-slide.mv02 {background:url(../../images/main/main_visual_2.jpg) no-repeat center bottom;}
.mv_sec .swiper-slide.mv03 {background:url(../../images/main/main_visual_3.jpg) no-repeat center bottom;}
.mv_sec .swiper-slide.mv04 {background:url(../../images/main/main_visual_4.jpg) no-repeat center bottom;}
.mv_sec .swiper-pagination {top:91%;left:0;width:100%;margin-left:-13px;}
.mv_sec .swiper-pagination-bullet {margin:0 3px;width:40px;height:5px;background:rgba(255,255,255,0.5);border-radius:0;opacity:1;transition:0.4s;}
.mv_sec .swiper-pagination-bullet:hover ,
.mv_sec .swiper-pagination-bullet-active {background:#fff;}
.mv_sec .swiper-button {width:7px;height:11px;position:absolute;top:92.4%;left:50%;z-index:10;margin-left:96px;cursor:pointer;}


.msec01 {position:relative;}
.msec01 .arti01 {position:relative;}
.msec01 .arti01:after {display:block;content:'';position:absolute;top:22%;left:50%;margin-left:-31px;width:62px;height:62px;background:url(../../images/main/main_icon1.png) no-repeat center center;}
.msec01 .arti01 > a {padding-top:160px;box-sizing:border-box;height:340px;background:#e8eaed url(../../images/main/main_bg1.png) no-repeat center bottom;transition:0.4s;text-align:center;}
.msec01 .arti01 .arti_tit {position:relative;}
.msec01 .arti01 .arti_stit {padding-top:20px;}
.msec01 .arti01 .etc_info {position:absolute;bottom:-35px;left:0;width:100%;text-align:center;}
.msec01 .arti01 .etc_info > p {display:inline-block;margin:0 3px;width:380px;height:68px;}

.msec02 {padding:110px 0 0 0;}
.msec02 .arti01 {position:relative;text-align:center;}
.msec02 .arti01 .arti_tit {margin-bottom:45px;text-align:center;}
.msec02 .arti01 .swiper-slide {position:relative;}
.msec02 .arti01 .swiper-slide:after {display:block;content:'';position:absolute;top:0;right:-14.15%;width:1px;height:100%;background:url(../../images/main/main_dot1.gif)}
.msec02 .arti01 .swiper-slide .mb_info {text-align:left;}
.msec02 .arti01 .swiper-slide .mb_info .img {box-sizing:border-box;border:2px solid #dbdbdb;transition:0.4s;}
.msec02 .arti01 .swiper-slide .mb_info .tit {padding-top:25px;width:100%;font-size:15px;font-weight:500;color:#505050;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:0.4s;}
.msec02 .arti01 .swiper-slide .mb_info .txt {position:relative;padding-left:8px;width:100%;box-sizing:border-box;font-size:15px;color:#808080;transition:0.4s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.msec02 .arti01 .swiper-slide .mb_info .txt:after {display:block;content:'';position:absolute;top:50%;left:0;margin-top:1px;width:3px;height:3px;background:#808080;border-radius:50%;}
.msec02 .arti01 .swiper-slide .mb_info:hover .img {border:2px solid #396cae;}
.msec02 .arti01 .swiper-slide .mb_info:hover .tit ,
.msec02 .arti01 .swiper-slide .mb_info:hover .txt {color:#396cae;}
.msec02 .arti01 .swiper-button2 {display:inline-block;position:relative;padding:0 20px;margin-top:37px;font-size:14px;color:#505050;cursor:pointer;transition:0.4s;}
.msec02 .arti01 .swiper-button2:after {display:block;content:'';position:absolute;top:50%;right:-2px;margin-top:-5px;width:1px;height:10px;background:#dbdbdb;}
.msec02 .arti01 .swiper-button2:hover {color:#e6ab00;}
.msec02 .arti01 .swiper-button-more2 a {color:#396cae;}
.msec02 .arti01 .swiper-button-more2:after {display:none;}

.msec03 {padding-top:73px;}
.msec03 .arti01 .arti_box {float:left;margin-right:3.845%;width:30.77%;}
.msec03 .arti01 .arti_box.notice {}
.msec03 .arti01 .arti_box.notice header h2 {float:left;}
.msec03 .arti01 .arti_box.notice header a {float:right;color:#808080;}
.msec03 .arti01 .arti_box.notice header a:hover {color:#396cae;}
.msec03 .arti01 .arti_box.notice .n_box {padding:5% 0 7.5%;border-bottom:1px solid #dbdbdb;}
.msec03 .arti01 .arti_box.notice .n_box > img {float:left;width:30%;}
.msec03 .arti01 .arti_box.notice .n_box .cont {float:right;width:65%;font-size:14px;}
.msec03 .arti01 .arti_box.notice .n_box .cont:hover .tit ,
.msec03 .arti01 .arti_box.notice .n_box .cont:hover .txt {color:#396cae;}
.msec03 .arti01 .arti_box.notice .n_box .cont .tit {width:100%;font-size:17px;font-weight:500;color:#303030;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:0.4s;}
.msec03 .arti01 .arti_box.notice .n_box .cont .txt {padding-top:5px;line-height:26px;height:52px;color:#505050;transition:0.4s;overflow:hidden;}
.msec03 .arti01 .arti_box.notice .n_box .cont .data {padding-left:25px;margin-top:2%;color:#808080;background:url(../../images/main/main_icon3.png) no-repeat left center;transition:0.4s;}
.msec03 .arti01 .arti_box.notice .n_list {padding-top:5%;}
.msec03 .arti01 .arti_box.notice .n_list li {padding:1px 0;font-size:14px;}
.msec03 .arti01 .arti_box.notice .n_list li:after {display:block;content:'';clear:both;}
.msec03 .arti01 .arti_box.notice .n_list li a {float:left;position:relative;padding-left:9px;width:75%;color:#505050;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:0.4s;box-sizing:border-box;}
.msec03 .arti01 .arti_box.notice .n_list li a:hover {color:#396cae;}
.msec03 .arti01 .arti_box.notice .n_list li a:after {display:block;content:'';position:absolute;top:50%;left:0;margin-top:-1px;width:3px;height:3px;background:#505050;border-radius:50%;}
.msec03 .arti01 .arti_box.notice .n_list li span {display:block;float:right;width:20%;text-align:right;color:#808080;}
.msec03 .arti01 .arti_box.business {position:relative;background:#000;}
.msec03 .arti01 .arti_box.business img {transition:0.4s;}
.msec03 .arti01 .arti_box.business:hover img {opacity:0.7;}
.msec03 .arti01 .arti_box.business .b_box {position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;text-align:center;}
.msec03 .arti01 .arti_box.business .b_box header .arti_tit {padding-top:9.8%;}
.msec03 .arti01 .arti_box.business .b_box header .arti_stit {padding-top:2.8%;margin-bottom:9%;}
.msec03 .arti01 .arti_box.business .b_box .cont {position:relative;margin:0 auto;width:80%;background:#fff;}
.msec03 .arti01 .arti_box.business .b_box .cont:before {display:block;content:'';position:absolute;top:50%;left:50%;margin-left:-40%;width:80%;height:1px;background:url(../../images/main/main_dot3.gif);}
.msec03 .arti01 .arti_box.business .b_box .cont:after {display:block;content:'';position:absolute;top:50%;left:50%;margin:-3px 0 0 -40%;width:80%;height:7px;background:url(../../images/main/main_dot2.gif) no-repeat left center,url(../../images/main/main_dot2.gif) no-repeat right center;}
.msec03 .arti01 .arti_box.business .b_box .cont p {font-size:15px;line-height:60px;text-align:center;color:#505050;}
.msec03 .arti01 .arti_box.business:hover .b_box .cont p {}
.msec03 .arti01 .arti_box.etc {margin-right:0;text-align:center;background:#000;}
.msec03 .arti01 .arti_box.etc .contact {float:left;width:50%;}
.msec03 .arti01 .arti_box.etc .location {float:left;width:50%;}
.msec03 .arti01 .arti_box.etc > a {position:relative;}
.msec03 .arti01 .arti_box.etc > a img {transition:0.4s;}
.msec03 .arti01 .arti_box.etc > a:hover img {opacity:0.7;}
.msec03 .arti01 .arti_box.etc > a header {position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;}
.msec03 .arti01 .arti_box.etc > a header h2 {position:absolute;top:12%;left:0;width:100%;}
.msec03 .arti01 .arti_box.etc > a header p {position:absolute;bottom:18%;left:0;width:100%;font-size:14px;color:#fff;}

.msec04 {padding:77px 0;}
.msec04 .arti01 {position:relative;padding:5px 6.923%;box-sizing:border-box;background:#e8eaed url(../../images/main/main_banner_bg.png) no-repeat right bottom;}
.msec04 .arti01 .banner {position:relative;}
.msec04 .arti01 .swiper-button {position:absolute;top:50%;margin-top:-20px;width:40px;height:41px;cursor:pointer;}
.msec04 .arti01 .swiper-button-prev3 {left:1.5%;}
.msec04 .arti01 .swiper-button-next3 {right:1.5%;}
.msec04 .arti01 .banner .swiper-slide img {box-sizing:border-box;border:1px solid #dbdbdb;}