body.Main{ background:#fff; }

/*---------------------------------------------------------------------
    메인 중앙정렬 UI : 메인비주얼 : 중앙정렬 UI일 경우 출력되도록 설정함 : 삭제하지 말 것
---------------------------------------------------------------------*/


/* 메인 : Best Products */
.main_best_wrap{ padding:60px 0 70px; text-align:center; }

.best_title{ position:relative; display:inline-block; margin-bottom:40px; font:500 40px/42px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; text-transform:uppercase; }
.best_title:before{ position:absolute; left:-108px; top:23px; content:''; width:66px; height:16px; background:url(/img/title_bg_left.png) no-repeat right center; background-size:100%; }
.best_title:after{ position:absolute; right:-108px; top:23px; content:''; width:66px; height:16px; background:url(/img/title_bg_right.png) no-repeat left center; background-size:100%; }
.best_title b{ font-weight:500; }

.slick_hover_wrap{ width:32% !important; margin-left:2% !important; }
.slick-track .slick_hover_wrap:first-child{ margin-left:0 !important; }

/* 메인 : 메인 주요 제품 */
.main_products_wrap{ padding:90px 0 80px; background:url(/img/main_products_bg.jpg) no-repeat center bottom; }
.main_products{ overflow:hidden; margin-top:-50px; }
.main_products li{ float:left; width:32%; margin:50px 0 0 2%; text-align:center; }
.main_products li:nth-child(3n+1){ margin-left:0; clear:both; }
.main_products li a{ display:block; }
.main_products li a div{ overflow:hidden; border-radius:40px; background:#fff; }
.main_products li a h2{ margin-top:25px; font:500 24px/28px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#333; }

/* 메인 : 퀵배너, 버튼 */
.main_quick_wrap{ padding:90px 0 60px; }

.main_quick_banner{ overflow:hidden; }
.main_quick_banner li{ float:left; width:48%; margin-left:4%; }
.main_quick_banner li:first-child{ margin-left:0; }
.main_quick_banner li a{ display:block; padding:85px 0 70px; background:url(/img/main_quick_banner2.jpg) no-repeat left center; border-radius:40px; text-align:center; }
.main_quick_banner li:first-child a{ background:url(/img/main_quick_banner1.jpg) no-repeat center; }
.main_quick_banner li h2{ position:relative; font:400 20px/30px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.3); }
.main_quick_banner li h2:after{ display:block; margin:10px auto 0; content:''; width:30px; height:32px; padding-left:2px; font:normal 26px/32px 'Fontawesome'; color:rgba(255,255,255,0.9); text-shadow:none; border-radius:100em; border:2px solid rgba(255,255,255,0.9); }
.main_quick_banner li h2 strong{ display:block; margin-top:-5px; font-size:30px; font-weight:500; text-transform:uppercase; }

.main_quick{ overflow:hidden; margin-top:60px; }
.main_quick li{ position:relative; float:left; width:25%; padding:20px 0; text-align:center; }
.main_quick li:before{ position:absolute; left:0; top:0; content:''; width:1px; height:100%; background:#eee; }
.main_quick li:first-child:before{ display:none; }
.main_quick li a{ display:inline-block; }
.main_quick li div{ overflow:hidden; width:190px; height:190px; margin:0 auto; border-radius:100em; }
.main_quick li div:after{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; background:rgba(0,0,0,0.05); }
.main_quick li:first-child{ margin-left:0; }
.main_quick li h3{ position:relative; font:500 20px/20px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#333; text-transform:uppercase; }
.main_quick li h3:before{ display:block; width:25px; height:2px; content:''; margin:25px auto 17px; background:#243a72; }


/*------------------------------------
	메인
------------------------------------*/
.Main .basic-bs .basic-bs-main{ padding:0; position:inherit; }
.Main .basic-bs.basic-bs-wrap.container.content{ background:none; }
.Main .navbar.fixed{position:relative;}

.Main .basic-bs-body{  }

/* 메인 랩 */
.main_content{ overflow:hidden; }
.main_content:after{ content:""; display:block; clear:both; }

body.Main .basic-bs-wrap{ width:100%; padding:0; max-width:none; }


/*------------------------------------
	메인비주얼
------------------------------------*/
.main_visaulArea{ position:relative; /*padding-top:85px;*/margin : 0; padding : 0;  }
.main_visaulArea video { position : fixed; top:0; left:0; max-width:100%; min-height : 100%; width:auto; height:auto;object-fit: cover;}
.main_visaulArea video img{display:none;}




/*------------------------------------
	 메인 : product,technology 
------------------------------------*/

.centerWrap .two_section{overflow:hidden; max-width:100%; width:auto; margin:0 auto; max-height: 100%;}
.centerWrap .two_section li{float:left; width:50%; height:937px; background-size:cover; background:url('/img/product_background1.jpg') no-repeat;}

.centerWrap .two_section li .text_box {margin:150px 0 0 80px;}
.centerWrap .two_section li .text_box dt{font:600 33px 'Noto Sans KR','Malgun Gothic',Sans-serif; line-height:140%; color:#fff; margin-bottom:22px; }
.centerWrap .two_section li .text_box dd{font:400 18px 'Noto Sans KR','Malgun Gothic',Sans-serif; line-height:170%; color:rgba(255,255,255,.7); letter-spacing:-1px; }

.centerWrap .two_section li:hover .text_box dd{display:none;}
.centerWrap .two_section li:hover .text_open{display:block; margin:50px 0 0 80px;}

.centerWrap .two_section .text_open{color:#fff; overflow:hidden; width:100%; display:none; margin:150px 0 0 80px; }
.centerWrap .two_section .text_open dt{width:30%; float:left; }
.centerWrap .two_section .text_open dt img{max-width:100%; width:auto; margin:0 auto; border-radius:30px 0;}
.centerWrap .two_section .text_open dd{width:67%; margin-left:3%; float:right; margin-top:15px;}
.centerWrap .two_section .text_open dd p{padding-bottom:20px; font:500 22px 'Noto Sans KR','Malgun Gothic',Sans-serif; line-height:140%;}
.centerWrap .two_section .text_open dd p:after{display:block; content:''; width:40px; height:2px; margin-top:10px; background:#0068b7; }
.centerWrap .two_section .text_open dd span{ display:block; position:relative; font:300 16px 'Noto Sans KR','Malgun Gothic',Sans-serif; margin-left:10px; line-height:160%; padding-bottom:10px; color:rgba(255,255,255,.8);}
.centerWrap .two_section .text_open dd span:before{position:absolute; content:''; top:10px; left:-10px; width:3px; height:3px; border-radius:100%; background:#fff;}

#section1 .centerWrap .two_section li:hover .text_box dd{display:block; }
#section1 .centerWrap .two_section li:hover .text_box dt{ background: -webkit-linear-gradient( left, #1becff, #004ca1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: background 1s ease-out;}
#section1 .centerWrap .two_section .left:hover .text_box dd{ color:#000; }
#section1 .centerWrap .two_section .right:hover .text_box dd{ color:#fff; }

#section4 .centerWrap .two_section li:hover .text_box dd{display:block;}
#section4 .centerWrap .two_section li:hover .text_box dt{ background: -webkit-linear-gradient(left, #1becff, #004ca1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: background 1s ease-out;  }
#section4 .centerWrap .two_section .left:hover .text_box dd{ color:#000; }
#section4 .centerWrap .two_section .right:hover .text_box dd{ color:#fff; }

.main_product_wrap .centerWrap .two_section .right{background:url('/img/product_background2.jpg') no-repeat right; }
.main_product_wrap .centerWrap .two_section .left .text_box dt{color:#000;}
.main_product_wrap .centerWrap .two_section .left .text_box dt b{font-size:30px; color:#555;}
.main_product_wrap .centerWrap .two_section .left .text_box dd{color:rgba(0,0,0,.5); }

.main_technology1_wrap .centerWrap .two_section .left{background:url('/img/product_background3.jpg') no-repeat left; }
.main_technology1_wrap .centerWrap .two_section .right{background:url('/img/product_background4.jpg') no-repeat right; }

.main_technology2_wrap .centerWrap .two_section .left{background:url('/img/product_background5.jpg') no-repeat left; }
.main_technology2_wrap .centerWrap .two_section .right{background:url('/img/product_background6.jpg') no-repeat right; }

.main_customer_wrap .centerWrap .two_section .left{background:url('/img/product_background7.jpg') no-repeat left; }
.main_customer_wrap .centerWrap .two_section .right{background:url('/img/product_background8.jpg') no-repeat right; }

.main_customer_wrap .centerWrap .two_section .left .text_box.footer{ position:absolute; margin:0; bottom:100px; left:80px; }
.main_customer_wrap .centerWrap .two_section .left .text_box dd{color:rgba(0,0,0,.5); letter-spacing:.5; }
.main_customer_wrap .centerWrap .two_section .left .text_box dd a:hover{color:#0068b7;}

.main_customer_wrap .centerWrap .two_section .left .text_box.footer .original{ display:none; }
.main_customer_wrap .centerWrap .two_section .left:hover .text_box.footer .original{ display:block; }
.main_customer_wrap .centerWrap .two_section .left:hover .text_box.footer .black{ display:none; }

.main_technology1_wrap .centerWrap .two_section .left:hover:before{position:absolute; width:150px; height:150px; top:425px; right:210px; content:''; filter: brightness(100%); background:url('/img/main_icon_plus.png') no-repeat center;    }
.main_technology1_wrap .centerWrap .two_section .right:hover:before{position:absolute; width:150px; height:150px; top:425px; left:210px; content:''; filter: brightness(60%); background:url('/img/main_icon_plus.png') no-repeat center;  }
.main_technology2_wrap .centerWrap .two_section .left:hover:before{position:absolute; width:150px; height:150px; top:425px; right:210px; content:''; filter: brightness(100%); background:url('/img/main_icon_plus.png') no-repeat center;    }
.main_technology2_wrap .centerWrap .two_section .right:hover:before{position:absolute; width:150px; height:150px; top:425px; left:210px; content:''; filter: brightness(60%); background:url('/img/main_icon_plus.png') no-repeat center;  }


/*------------------------------------
	사업영역 Business Area
------------------------------------*/
.content_top_wrap{ padding:74px 0 80px; /* background:#fafafa  url(/img/bg_pattern_00.png) */ }
.content_top{ overflow:hidden; height:600px; max-width:1200px; margin:0 auto; padding:0 15px; box-sizing:content-box; }

/* 타이틀 */
.main_content_title{ margin-bottom:20px; font:500 39px/46px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; letter-spacing:-1px; text-align:center; }

/* 메인 롤링배너 */
.rolling_banner{ clear:both; position:relative; width:100%; height:auto; padding:0; margin:40px auto 0; }
.rolling_banner > a{ position:absolute; right:0; top:-54px; width:66px; height:25px; background:#2877d6; color:#dee7f2; font:600 14px/25px 'Noto Sans KR','Noto Sans KR'; text-align:center; }
.rolling_banner > a{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.rolling_banner > a:hover{ background:#1362c2; }
.rolling_banner > a:before{ display:inline-block; margin-right:2.5px; width:10px; height:10px; content:''; background:url(/img/plus_icon_s.png) no-repeat center; background-size:100%; }
.jcarousel-skin-tango { overflow:hidden; max-width:100%; width:auto; margin:0 auto; height:auto; }
#mycarousel{ padding:0 0 0 0 !important; overflow:auto !important; height:auto !important; }
.jcarousel-list.jcarousel-list-horizontal{width:100% !important; }
.jcarousel-skin-tango li{ float:left; width:23.5%; margin-left:2%; cursor:pointer; /* box-shadow:2px 2px 5px rgba(0,0,0,.1); */ padding:10px 0 20px 0;  border:solid 1px #e1e2e5; background:#fcfcfc; border-radius:3px;  }
.jcarousel-skin-tango li:nth-child(1){margin-left:0; }
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ display:none !important; position:absolute; top:-127px; left:37%; padding-right:1px; width:42px; height:42px; cursor:pointer; background:#fff; border:1px solid #e7e7e7; border-radius:100em; text-align:center; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after{ content:""; font:normal 35px/40px 'Fontawesome',Arial; color:#b9c2cb;  }
.jcarousel-skin-tango .jcarousel-prev-horizontal:before{  }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{ border-color:#0159b5; background:#0159b5 }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover:after{ color:#fff; }
.jcarousel-skin-tango .jcarousel-next-horizontal{ display:none !important; position:absolute; top:-127px; right:37%; padding-left:1px; width:42px; height:42px; cursor:pointer; background:#fff; border:1px solid #e7e7e7; border-radius:100em; text-align:center; }
.jcarousel-skin-tango .jcarousel-next-horizontal:after{ content:""; font:normal 35px/40px 'Fontawesome',Arial; color:#b9c2cb;  }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover{  border-color:#0159b5; background:#0159b5 }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover:after{ color:#fff; }

.jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }


/* 메인주요제품 배너 */
.main_goods_wrap{ position:relative; width:100%;  }
.main_goods_wrap{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.main_goods_wrap:hover{ border-color:#ccc; }
.main_goods_wrap dt{ width:100%; padding:20px 0 10px 0; font:500 17px/40px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#555;  text-transform:uppercase; letter-spacing:-0.5px; text-align:center; }
.main_goods_wrap dt b{ display:block; color:#0159b5; font-size:24px; }
.main_goods_wrap dd:after{ content:"view more"; display:block; margin:30px auto 0px; width:50%; text-align:center; border:solid 1px #e3e6ed; background:#aac7f4 url(/img/bg_top_1.png) top repeat-x; padding:2px 10px; color:#214b90; font:500 12px/18px 'NanumGothic','Malgun Gothic',Sans-serif; }
.main_goods_wrap:hover dt{  }
.main_goods_wrap dd{ width:100%; overflow:hidden; position:relative; background:#fcfcfc; text-align:center; padding-bottom:10px;}
.main_goods_wrap dd > img{ width:70%; transition:.2s ease  }
.main_goods_wrap:hover dd > img{-webkit-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09); }
.main_goods_wrap:hover dd:after{ background:#005d9e; color:#fff; border-color:#005d9e; }
.main_goods_wrap:hover dt b{  color:#fa5b75; }
.main_content_p{ text-align:center;  font:400 15px/24px 'Noto Sans KR'; color:#555;  /* background:#fff;*/  padding-bottom:40px;}


/* 타이틀 */
.main_content_title{ margin-bottom:20px; font:500 39px/46px 'Noto Sans KR','Malgun Gothic',Sans-serif; color:#333; letter-spacing:-1px; text-align:center; }


/* 메인비주얼 상단 검색단 */
.left_ui_wrap .main_search_wrap{ display:none; }

.Main .container1{ height:100%; min-height:960px;  }
.Main .section{ height:100%; position:relative; }

/* 메인 섹션 : page_nav */
ul.page_nav{ z-index:9; position:fixed; top:50%; right:2.5%; margin-top:-50px; }
ul.page_nav li{ margin:10px auto; }
ul.page_nav li a{ display:block; width:15px; height:15px; text-indent:-9999px; background:#b2b3b6; border-radius:10px; }
ul.page_nav li a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
ul.page_nav li a:hover, ul.page_nav li.active a:hover{ background:#00adef !important; }
ul.page_nav li.active_btn a{ position:relative; height:30px; background:#005bac; }

/* 메인 섹션 : 메인비쥬얼 */
.section_banner_wrap:before{ z-index:9; position:absolute; left:50%; bottom:240px; width:24px; margin-left:-12px; height:71px; content:''; background:url(/img/scroll_icon.png) no-repeat center; }
.section_banner_wrap .visual_ment{ z-index:1; padding-top:320px; text-align:center; }
.section_banner_wrap .visual_ment strong{ display:inline-block; margin-bottom:20px; padding:0 20px; font:500 20px/40px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#fff; background:#d81d31; border-radius:4px; }
.section_banner_wrap .main_title{ margin:10px 0 0; font:300 55px/58px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; text-align:center; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.4); }
.section_banner_wrap .main_title b{ display:block; font-weight:400; }

/* 메인 섹션 : 주요제품 */
.section_product_wrap{ padding:150px 0; }
.section_product_title{ margin-bottom:70px; text-align:center; }
.section_product_title strong{ display:inline-block; margin-bottom:20px; padding:0 24px; font:500 22px/44px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#fff; text-transform:uppercase; background:#005bac; border-radius:4px; }
.section_product_title h1{ font:300 18px/28px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#333; }

.section_product{ overflow:hidden; }
.section_product li{ float:left; width:23.5%; margin-left:2%; }
.section_product li:first-child{ margin-left:0; }
.section_product li a{ display:block; }
.section_product li .img_wrap{ overflow:hidden; }
.section_product li:hover .img_wrap img{ -webkit-transition:all 0.3s cubic-bezier(0.22, 0, 0.38, 1); -o-transition:all 0.3s cubic-bezier(0.22, 0, 0.38, 1); transition:all 0.3s cubic-bezier(0.22, 0, 0.38, 1); }
.section_product li:hover .img_wrap img{ -webkit-transform:scale(1.10); -ms-transform:scale(1.10); transform:scale(1.10); }

.section_product_contents{ padding:10px 5px; }
.section_product li a h2{ margin-top:12px; font:400 20px/26px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#333; }
.section_product li a p{ margin:10px 0 8px; font:300 15px/22px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#555; }
.section_product li a span{ display:inline-block; position:relative; font:300 14px/20px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#555; }
.section_product li a span:after{ display:inline-block; margin-left:7px; content:''; font:normal 14px/20px 'FontAwesome'; color:#005bac; }

/* 메인 섹션 : 하단 배너 */
.section_quick_wrap{ padding:140px 0; background:#fcfcfc; }
.section_quick{ overflow:hidden; }
.section_quick li{ float:left; width:50%; background:#005bac; }
.section_quick li a{ display:block; position:relative; padding:60px 70px; height:340px; color:rgba(255,255,255,1); }
.section_quick li a:before{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.section_quick li:hover a:before{ background:rgba(0,0,0,0.4); }
.section_quick li:nth-child(1){ background:url(/img/section_quick_img1.jpg) no-repeat center; }
.section_quick li:nth-child(2){ background:url(/img/section_quick_img2.jpg) no-repeat center; }
.section_quick li:nth-child(3){ background:#00adef; }
.section_quick li:nth-child(3):hover a:before{ background:rgba(0,0,0,0.2); }
.section_quick li:nth-child(4):hover a:before{ background:rgba(0,0,0,0.2); }

.section_quick li h3{ position:relative; font:400 30px/32px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#fff; }
.section_quick li h3:after{ display:block; margin:18px 0 20px 1px; content:''; width:25px; height:3px; background:rgba(255,255,255,1); }
.section_quick li p{ position:relative; font:300 16px/26px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; word-break:keep-all; }
.section_quick li span{ position:absolute; right:70px; bottom:60px; display:inline-block; border:1px solid rgba(255,255,255,0.6); }
.section_quick li span{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.section_quick li:hover span{ background:#005bac; border-color:#005bac; }
.section_quick li:nth-child(3):hover span{ background:#222; border-color:#222; }
.section_quick li:nth-child(4):hover span{ background:#222; border-color:#222; }
.section_quick li span b{ position:relative; display:block; padding:0 45px 0 20px; font:300 15px/36px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; }
.section_quick li:hover span b{  }
.section_quick li span:before{ position:absolute; right:20px; top:0; width:14px; height:100%; content:''; background:url(/img/plus_icon_s.png) no-repeat center; background-size:100%; opacity:0.7; }


/*--------------------------------------------------------
    메인: 게시글 불러오기 latest news : /inc/latest_news.php
--------------------------------------------------------*/
.latest_news_wrap{ padding:10px 0 80px 0; }
.latest_news{ overflow:hidden; }
.latest_news > li{ float:left; width:30.6666%; margin-left:4%; }
.latest_news > li:first-child{ margin-left:0; }

/* 타이틀 */
.latest_title{ overflow:hidden; padding:10px 0 5px; cursor:pointer; }
.latest_title h2{ float:left; font:600 20px/30px 'NanumGothic'; color:#333; }
.latest_title strong{ float:right; position:relative; display:inline-block; margin-top:4px; font:600 13px/20px 'NanumGothic'; color:#005bac; text-transform:uppercase; }
.latest_title strong:after{ display:block; content:''; width:100%; height:1px; background:#005bac; }

/* 게시글 리스트 */
.main_news{}
.main_news li{  }
.main_news li a{ display:block; overflow:hidden; }
.main_news li a strong{ float:left; display:inline-block; width:65%; font:300 16px/34px 'Noto Sans KR'; color:#333; }
.main_news li a strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.main_news li a b{ float:right; display:inline-block; width:33%; text-align:right; font:300 13px/34px 'Noto Sans KR'; color:#555; }

/* 메인 : 퀵배너, 버튼 */

.main_wide_banner{ overflow:hidden; }
.main_wide_banner li{ float:left; width:50%; }
.main_wide_banner li { display:block; padding:55px 60px; background:url(/img/main_research_02.jpg) no-repeat center; text-align:left; }
.main_wide_banner li:first-child {background:url(/img/main_research_01.jpg) no-repeat center;  text-align:right; }
.main_wide_banner li h2{ padding-bottom:15px; position:relative; font:500 25px/40px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.3); }
.main_wide_banner li p{ padding-bottom:50px; font:400 17px/23px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#eee; text-shadow:1px 1px 2px rgba(0,0,0,0.3); }
.main_wide_banner li a{ padding:5px 25px; font:400 16px/20px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#ddd; border:solid 1px #555; background:rgba(0,0,0,0.3);  }
.main_wide_banner li a:after{ display:inline-block; padding-left:15px; content:''; font:normal 14px/20px 'FontAwesome'; color:#ddd;  }


.main_quick{ overflow:hidden; margin-top:60px; }
.main_quick li{ position:relative; float:left; width:25%; padding:20px 0; text-align:center; }
.main_quick li:before{ position:absolute; left:0; top:0; content:''; width:1px; height:100%; background:#eee; }
.main_quick li:first-child:before{ display:none; }
.main_quick li a{ display:inline-block; }
.main_quick li div{ overflow:hidden; width:190px; height:190px; margin:0 auto; border-radius:100em; }
.main_quick li div:after{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; background:rgba(0,0,0,0.05); }
.main_quick li:first-child{ margin-left:0; }
.main_quick li h3{ position:relative; font:500 20px/20px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#333; text-transform:uppercase; }
.main_quick li h3:before{ display:block; width:25px; height:2px; content:''; margin:25px auto 17px; background:#243a72; }

/*------------------------------------
    메인: 타이틀
------------------------------------*/
.contents_title{ position:relative; margin:55px auto 15px; font:700 35px/45px 'Nunito','Nanumgothic',sans-serif; color:#242424; text-align:center; text-transform:uppercase; }
.contents_title:after{ display:block; position:relative; left:50%; content:''; width:62px; margin:10px 0 0 -31px; height:1px; background:#4c8cf5; }
.contents_title u{ text-decoration:none;}
.contents_title span{ display:inline-block; color:#FFF; }
.contents_title.white{ color:#fff; }





/*--------------------------------------------------------
    메인: 롤링배너, 퀵배너 컨텐츠 : /inc/main_rolling.php
--------------------------------------------------------*/
.main_rolling_wrap{ float:left; width:45%; overflow:hidden; }

/* 메인 : 우측 롤링 배너 */
.main_rolling_top{ height:460px; padding:45px 40px; background:#f9f9f9 url(/img/bg_pattern_01.png); }

.main_title_wrap{ margin-bottom:10px; }
.main_title_wrap h2{ position:relative; margin-bottom:15px; font:500 26px/28px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#242424; text-transform:uppercase; }
.main_title_wrap h2:before{ display:inline-block; display:none; margin:0 10px 0 0; content:''; width:3px; height:21px; background:#950b13; border-radius:100px; }
.main_title_wrap p{ position:relative; font:300 14px/24px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; word-break:keep-all; color:#555; }
.main_title_wrap p b{ font-weight:300; }

/* 메인 : 퀵배너 컨텐츠 */
.main_rolling_bottom{ overflow:hidden; }
.main_rolling_bottom li{ background:#333; }
.main_rolling_bottom li a{ display:block; position:relative; padding:40px; height:253px; color:rgba(255,255,255,0.5);}
.main_rolling_bottom li a:before{ position:absolute; left:0; top:0; content:''; width:100%; height:100%; -webkit-transition-duration:0.1s; -moz-transition-duration:0.1s; -o-transition-duration:0.1s; -ms-transition-duration:0.1s; transition-duration:0.1s; }

.main_rolling_bottom li:hover a:before{ background:rgba(0,0,0,0.4); }
.main_rolling_bottom li:nth-child(1){ background:#660e13; }
.main_rolling_bottom li:nth-child(1):hover a:before{ background:rgba(0,0,0,0.3); }
.main_rolling_bottom li:nth-child(2):hover a:before{ background:rgba(0,0,0,0.3); }
.main_rolling_bottom li:nth-child(1) a{ background:url(/img/section_quick_img1.jpg) no-repeat center; background-size:cover; }
.main_rolling_bottom li:nth-child(2) a{ background:url(/img/section_quick_img2.jpg) no-repeat center; background-size:cover; }

.main_rolling_bottom li h2{ color:#fff; }
.main_rolling_bottom li h2:after{ display:block; display:none; margin:18px 0 17px 1px; content:''; width:25px; height:2px; background:rgba(255,255,255,1); }
.main_rolling_bottom li p{ color:rgba(255,255,255,0.7); }
.main_rolling_bottom li span{ position:absolute; right:55px; bottom:30px; display:inline-block; border:1px solid rgba(255,255,255,0.7); }
.main_rolling_bottom li span{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.main_rolling_bottom li:hover span{ background:#222; border-color:#222; }
.main_rolling_bottom li:nth-child(2):hover span{ background:#660e13; border-color:#660e13; }
.main_rolling_bottom li span b{ position:relative; display:block; padding:0 45px 0 20px; font:300 13px/34px 'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:rgba(255,255,255,0.7); }
.main_rolling_bottom li:hover span b{  }
.main_rolling_bottom li span:before{ position:absolute; right:20px; top:0; width:12px; height:100%; content:''; background:url(/img/plus_icon_s.png) no-repeat center; background-size:100%; opacity:0.7; }


@media (max-width:1200px) {



}

@media (max-width:999px) {

.Main{height: 95vw; }

/*---------210107_jsy---------*/

.main_visaulArea video{position:absolute;object-fit: cover;}
.centerWrap .two_section li{float:none; width:100%; height:400px; }

/*---메인컨텐츠_텍스트----*/

.centerWrap .two_section .text_open dd span br{display:none;}

.centerWrap .two_section li .text_box{ margin:0; padding:20px 15px 0px 20px;}
.centerWrap .two_section li .text_box dt{ font-size:22px; margin-bottom:17px;}
.centerWrap .two_section li .text_box dd {font-size:13px; }

.centerWrap .two_section .text_open dd{width: 100%; padding:0 15px; margin-top:10px;}
.centerWrap .two_section .text_open dt{width: 100%; padding:0 15px;}
.centerWrap .two_section .text_open dt img { border-radius:10px;}
.centerWrap .two_section .text_open dd p{ font-size:18px; padding-bottom:5px;}
.centerWrap .two_section .text_open dd p:after{width:25px; height:1px; margin-top:5px; }
.centerWrap .two_section .text_open dd span{font-size:13px; line-height:140%;}
.centerWrap .two_section li:hover .text_open {margin:0; padding-bottom:20px;}

.main_product_wrap .centerWrap .two_section .left .text_box dt b{font-size:18px;}
.centerWrap .two_section li{background:url('/img/product_background1_m.jpg') no-repeat; background-size:cover;height: 95vw;  }
.main_product_wrap .centerWrap .two_section .right{background:url('/img/product_background2_m.jpg') no-repeat; background-size:cover;height: 95vw; }
.main_technology1_wrap .centerWrap .two_section .left {background:url('/img/product_background3_m.jpg') no-repeat; background-size:cover;height: 95vw; }
.main_technology1_wrap .centerWrap .two_section .right {background:url('/img/product_background4_m.jpg') no-repeat; background-size:cover;height: 95vw; }
.main_technology2_wrap .centerWrap .two_section .left {background:url('/img/product_background5_m.jpg') no-repeat; background-size:cover; height: 95vw;}
.main_technology2_wrap .centerWrap .two_section .right {background:url('/img/product_background6_m.jpg') no-repeat; background-size:cover;height: 95vw; }
.main_customer_wrap .centerWrap .two_section .left {background:url('/img/product_background7_m.jpg') no-repeat; background-size:cover; height: 95vw;}
.main_customer_wrap .centerWrap .two_section .right {background:url('/img/product_background8_m.jpg') no-repeat; background-size:cover;height: 95vw; }

.main_technology1_wrap .centerWrap .two_section li:hover{ height:auto;}
.main_technology2_wrap .centerWrap .two_section li:hover{ height:auto;}

.main_technology1_wrap .centerWrap .two_section .left:hover:before{display:none;}
.main_technology1_wrap .centerWrap .two_section .right:hover:before{display:none;}
.main_technology2_wrap .centerWrap .two_section .left:hover:before{display:none;}
.main_technology2_wrap .centerWrap .two_section .right:hover:before{display:none;}


/*---메인컨텐츠_텍스트 : footer----*/
.main_customer_wrap .centerWrap .two_section .left .text_box.footer{bottom:auto; top:0; left:0;}
.main_customer_wrap .centerWrap .two_section .left .text_box.footer dt img{width:140px;}

}