@charset "UTF-8";

/* index */
.slide_area{overflow:hidden; position:relative; width:100%; margin-bottom:35px;}
.slide_area .main_text{position:absolute; left:0; bottom:45%; z-index:11; text-align:center;}
.slide_area .main_text p{font-size:15px; color:#fff;}
.slide_area .main_text p span{display:inline-block; margin-bottom:10px; font-size:50px; font-weight:bold; line-height:1em;}
.slide_area .main_text p:after{display:block; width:1px; height:30px; margin:18px auto 0; background:#fff; content:"";}

.slide_area .swiper-container-horizontal .swiper-pagination-bullets{position:absolute; bottom:5%; left:0; z-index:11;}
.slide_area .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin-left:12px;}
.slide_area .swiper-pagination-bullet{width:8px; height:8px; background-color:#fff;}
.slide_area .swiper-pagination-bullet-active{width:15px; height:15px; background:transparent url(/Resources/Kor/images/index/index_bullet.png) 0 0 no-repeat; background-size:100% auto; vertical-align:middle;}
.new_area .inner{width:90%; margin:0 auto 40px;}
.new_area .top{overflow:hidden; margin-bottom:1px;}
.new_area h3{display:inline-block; font-size:22px; font-weight:400;}
.new_area a.btn_news{display:inline-block; float:right; width:17px; height:17px; margin-top:8px; background:url(/Resources/Kor/images/common/ico_common.png) -100px -60px no-repeat; background-size:140px auto; text-indent:-9999px;}
.new_area li{border-bottom:1px solid #ebebeb;}
.new_area li p.tit{padding:10px 0 8px; font-size:16px; font-weight:400;}
.new_area li p.data{padding-bottom:13px; font-size:13px; color:#999;}
.business_area{padding:120px 0 80px; background:#59a0d3 url(/Resources/Kor/images/index/index_sec3_bg.jpg) 0 top no-repeat; background-size:contain;}
.business_area .inner{width:90%; margin:0 auto;}
.business_area h3{margin-bottom:15px; font-size:22px; color:#fff;}
.business_area ul li{margin-bottom:10px; line-height:75px; background-color:#fff;}
.business_area ul li:last-child{margin-bottom:0;}
.business_area ul li a{display:block; padding:0 6%; background:url(/Resources/Kor/images/index/index_sec3_ico2.png) right 6% center no-repeat; background-size:12px auto; font-size:20px; font-weight:400;}
.business_area ul li a span{display:inline-block; margin-left:10px; font-size:12px; color:#666;}
.business_area ul li a:before{content:""; display:inline-block; width:54px; margin-right:20px; background-image:url(/Resources/Kor/images/index/index_sec3_ico.png); background-repeat:no-repeat; background-size:289px auto; vertical-align:middle;}
.business_area ul li.list1 a:before{height:44px; background-position:0 0;}
.business_area ul li.list2 a:before{height:45px; background-position:-60px 0;}
.business_area ul li.list3 a:before{height:48px; background-position:-125px 0;}
.business_area ul li.list4 a:before{height:44.5px; background-position:-180px 0;}
.business_area ul li.list5 a:before{height:46px; background-position:-235px 0;}

.layer_popup{display:none;}
.layer_popup.on{display:block; position:fixed; left:0; top:0; width:100%; height:100%; z-index:10001;}
.layer_popup .layer{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5;}
.layer_popup .cont{overflow:hidden; position:absolute; left:50%; top:50%; width:296px; margin-left:-40%; margin-top:-160px; background:url(/Resources/Kor/images/index/main_popup.jpg) 0 0 no-repeat; background-size:100% auto; border-bottom:1px solid #dfdfdf; z-index:10002;}
.layer_popup .cont .inner{width:85%; margin:0 auto; padding-top:60px;}
.layer_popup .cont p{margin-bottom:23px; line-height:120%; font-size:25px; color:#333; font-weight:500; letter-spacing:-3px; }
.layer_popup .cont a.link_btn{position:relative; width:155px; padding:0 15px; margin-bottom:25px; background-color:#6bb2e2;}
.layer_popup .cont a.link_btn:after{position:absolute; right:17px; top:50%; width:7px; height:13px; margin-top:-5px; background:url(/Resources/Kor/images/company/ico_link.png) no-repeat; content:""; background-size:cover;}
.layer_popup .cont span{display:block; position:relative; padding:10px 25px; background-color:#fff; font-size:12px; color:#999; box-sizing:border-box;}
.layer_popup .cont span a{position:absolute; right:25px; top:13px; padding:0 5px; border-left:1px solid #333; border-right:1px solid #333; line-height:100%; color:#333; font-weight:400;}
.layer_popup .cont span input{vertical-align:middle;}
.layer_popup .cont span label{color:#999;}
.layer_popup .cont input.custom_chk + label{position:relative; padding-left:5px; font-weight:400; vertical-align:middle; cursor:pointer;}