@charset "UTF-8";

/* index */
.content{padding: 0;}
/* intro_section */
.intro_section{position: relative; margin-bottom: -60px;}

.main_tv_btn{position: absolute; right: 20px; bottom: 20px; z-index: 100; width: 55px; height: 55px; background: url("http://m.omegavalve.kr/res/images/video/video_play_icon.png") 55% 50% no-repeat rgba(10,50,84,.5); border: 1px solid rgba(255,255,255,.3); border-radius: 50%; font-size: 0; text-indent: -9999px;}

.main_slide_btn{position: absolute; left: 20px; bottom: 20px; z-index: 100; width: 55px; height: 55px; background: url("http://m.omegavalve.kr/res/images/main/slide_menu_icon.png") 50% no-repeat #f60; border-radius: 50%; font-size: 0; text-indent: -9999px;}

/* Auto Height */
.swiper-container-autoheight,
.visual_slider.swiper-container-autoheight .swiper-slide {height: auto;}

/* main_slide_wrap */
.main_slide_wrap{position: relative; height: 100vh;}
.main_slide_wrap .swiper-container{height: 100%;}
.main_slide_wrap .visual_slider .slide{overflow: hidden; height: 100%;}
.main_slide_wrap .visual_slider .slide img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main_slide_wrap .visual_slider .txt_box{position: absolute; left: 20px; right:10px; bottom: 50px; z-index: 3; width: calc(100% - 40px); letter-spacing: -.05em; opacity: 0; transition: bottom .5s .5s ease-in, opacity .5s .5s ease-in; -webkit-transition: bottom .5s .5s ease-in, opacity .5s .5s ease-in;}
.main_slide_wrap .visual_slider .swiper-slide-active .txt_box{bottom: 130px; opacity: 1;}
.main_slide_wrap .visual_slider .txt{margin-bottom: 15px; font-weight: 300; font-size: 14px; color: #fff; line-height: 32px;}
.main_slide_wrap .visual_slider .txt span{margin-bottom: 15px; font-weight: 700; font-size: 23px; color: #fff; line-height: 32px;font-family:'Kanit';letter-spacing:1px;}
.main_slide_wrap .visual_slider .txt strong{margin-bottom: 15px; font-weight: 700; font-size: 14px; color: #fff; line-height: 32px;letter-spacing:-0.8px;border-bottom:1px solid rgba(255,255,255,0.3); width:37%;}

.main_slide_wrap .visual_slider .txt1{margin-top:-10px; margin-bottom: 5px; font-weight: 300; font-size: 16px; color: #fff; line-height: 28px;}
.main_slide_wrap .visual_slider .txt1 strong {margin-bottom: 5px; font-weight: 500; font-size: 18px; color: #fff; line-height: 28px; letter-spacing:-0.8px;font-family:'Kanit';}
.main_slide_wrap .visual_slider .txt2 {margin-top: 0px; font-weight: 700; font-size: 36px; color: #fff; line-height: 36px; letter-spacing:1px;font-family:'Kanit';}

.main_slide_wrap .visual_slider .tit{margin-top:10px; font-weight: 300; font-size: 14px; color: #fff; line-height: 1.4;}
.main_slide_wrap .visual_slider .swiper-pagination{bottom: 45px;}
.main_slide_wrap .visual_slider .swiper-pagination-bullet{background-color: #fff; opacity: 1; transition: all .5s ease-in;}
.main_slide_wrap .visual_slider .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px; background: #f60; border-radius: 8px;}


/* 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("http://m.omegavalve.kr/res/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("http://m.omegavalve.kr/res/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("http://m.omegavalve.kr/res/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("http://m.omegavalve.kr/res/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("http://m.omegavalve.kr/res/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("http://m.omegavalve.kr/res/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("http://m.omegavalve.kr/res/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;}