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; }
.flexslider { position:relative; width:100%; height:100%; top:85px;margin:0 auto; zoom: 1; overflow:hidden; /* background:#fff url(../img/loading.gif) no-repeat center;  */}
.flexslider .slides {zoom: 1;  width:100%;  }
.flexslider .slides > li { width:100%; height:937px; /* display:none;  */ -webkit-backface-visibility: hidden; background-repeat:no-repeat; background-position:top center; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li > img{ width:auto; max-width:100%; }
.flexslider .slides > li > div {position:relative; top:50%; width:100%;  box-sizing:border-box; text-align:center; }
.visual_box {padding: 0 15px;}
.visual_box .left_img {float:left; width:35%; text-align:right; opacity:0; transform:translateY(50px);-webkit-transform:translateY(50px); transition: all .3s .3s ease-in-out;-webkit-transition: all .4s .4s ease-in-out;}
.visual_box .left_img img {max-width:100%;}
.visual_box .visual_text {float:left; width:30%;text-align:center;}
.visual_box .right_img {float:left; width:35%;text-align:left; opacity:0; transform:translateY(50px);-webkit-transform:translateY(50px); transition: all .3s .3s ease-in-out;-webkit-transition: all .4s .4s ease-in-out; }
.visual_box .right_img img {max-width:100%;}
.fp-slide.active .left_img{opacity: 1;transform:translateY(0);-webkit-transform:translateY(0); transition-duration:1.2s;}
.fp-slide.active .right_img{opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);  transition-duration:1.2s;}

#slide1 .visual_box .right_img{margin-top:-70px;}
#slide2 .visual_box {margin-top:-50px;}
#slide3 .visual_box {margin-top:-20px;}
#slide4 .visual_box {margin-top:-30px;}
#slide5 .visual_box {margin-top:-80px;}
#section1 {background:url('/img/product_bg.jpg') no-repeat;}
#section1 .top_title {display:block; position:relative; text-align:center; margin-bottom:40px; padding-bottom:30px;}
#section1 .top_title:after {display:block; content:''; width:40px; height:1px; margin-left:-20px; position:absolute; left:50%; bottom:0; background:#333;}
#section1 .top_title h2 {font-size:45px; font-weight:400; text-transform:uppercase}
#section1 .top_title p {font-size:17px;}


/* 메인비주얼 텍스트 */
.visual_text{ }
.visual_text:after{ content:""; display:block; clear:both; }
.flex-active-slide .visual_text{opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}
.visual_text span {display:block; color:#fff; font-family:'Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif;}
.visual_text .txt01 {margin-bottom:10px; font-weight:400; font-size:18px; text-transform:uppercase;}
.visual_text .txt02 {margin-bottom:30px; font-weight:300; font-size:55px; line-height:60px;}
.visual_text p {font-size:17px; color:#fff; line-height:28px; letter-spacing:-0.5px; word-break:keep-all;}
.visual_text .btn_more {position:relative; display:inline-block; margin-top:70px; color:#fff; font-size:15px; padding:12px 50px 8px; outline: none; text-decoration: none; text-transform: uppercase; letter-spacing: 1px;}
.visual_text .btn_more::before, .visual_text .btn_more::after { position: absolute; top: 100%; left: 0; width: 100%; height: 3px; background: #337ab7; content: ''; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); }
.visual_text .btn_more::after { opacity: 0; -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: top 0.3s, opacity 0.3s, transform 0.3s; }
.visual_text .btn_more:hover::before,
.visual_text .btn_more:hover::after,
.visual_text .btn_more:focus::before,
.visual_text .btn_more:focus::after { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.visual_text .btn_more:hover::after,
.visual_text .btn_more:focus::after { top: 0%; opacity: 1; }
.visual_text .btn_more:hover,
.visual_text .btn_more:focus { outline: none; }

.visual_text{ opacity:0; transform:translateY(50px);-webkit-transform:translateY(50px); transition: all .4s .4s ease-in-out;-webkit-transition: all .4s .4s ease-in-out; }
.fp-slide.active .visual_text{opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}

/*------------------------------------
	메인 : detail 부분
------------------------------------*/

.product_details .main_detail{overflow:hidden; padding-top:40px; }
.product_details .main_detail li{float:left !important; width:49%; margin-left:2%; }
.product_details .main_detail li:first-child{ margin-left:0; }
.product_details .main_detail li:nth-child(2){ margin-bottom:2%; }
.product_details .main_detail img{ max-width:100%; width:auto; margin:0 auto; }
.product_details .main_detail:hover img{cursor:pointer; }


/*------------------------------------
    메인 : product
------------------------------------*/
.main_product_wrap .centerWrap{ max-width:1300px !important; padding:0 15px;  }
.product_list {max-width:1300px; margin:0 auto;}
.product_list li {float:left; width:32%; margin-left:2%; background:#fff; height:400px;}
.product_list li:first-child {margin-left:0}
.product_list li a {display:table; width:100%; height:100%;}
.product_list li a dl {display:table-cell; height:400px; position:relative; vertical-align:middle; text-align:center; }
.product_list li a dl strong {color:#337ab7; font-size:16px; font-weight:400}
.product_list li a dl h3 {font-size:32px; color:#000; font-weight:500;}
.product_list li a dl p {display:none; color:#fff; font-size:17px; letter-spacing:-0.5px;}
.product_list li a dl .detail_btn {display:none; background:rgba(0,90,169,.4);  margin-top:50px; padding:0 23px; font:400 13px/31px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; text-transform:uppercase; border:1px solid rgba(255,255,255,.2); border-radius:100px; color:rgba(255,255,255,.5)}
.product_list li a dl dd {display:table; width:100%; text-align:center; position:relative;}
.product_list li a dl dt {position:relative; z-index:5; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s;}
.product_list li a .img_wrap {display:table-cell; vertical-align:middle; /* height:210px; */ padding-top:20px;}
 .main_products_spec {-webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -o-transition-duration:0.7s; -ms-transition-duration:0.7s; transition-duration:0.7s;}

.product_list li a:hover dt{ position:absolute; left:0; top:0; width:100%; height:400px; background:rgba(0,90,169,.8);  }
.product_list li a:hover .main_products_spec{ padding-top:95px; box-sizing:border-box;}
.product_list li a:hover .main_products_spec strong{ color:rgba(255,255,255,0.8); }
.product_list li a:hover .main_products_spec h3{ margin-bottom:17px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2); }
.product_list li a:hover .main_products_spec p{ display:block; }
.product_list li a:hover dl a .img_wrap:before {z-index:-1;}
.product_list li a:hover .main_products_spec .detail_btn.white{ display:inline-block; }
.product_list li a:hover dd {z-index:0;}





.main_wide_wrap .box_wrap {display:table; max-width:100% !important; width:100%; text-align:center;}
.main_video_wrap {display:table-cell; vertical-align:middle; height:410px; background:url('/img/video_bg.jpg') no-repeat center; background-size:cover;}
.main_video_wrap a {display:block;}
.main_video_wrap h2 {display:block; margin-top:80px; font-size:32px; font-weight:500; text-shadow:1px 1px 10px #000; color:#fff;}
.main_video_wrap p {display:block; margin-bottom:30px; color:#fff; font-size:16px;}
.about_wrap {background:#edf1f5; padding:60px 15px; overflow:hidden;}
.about_wrap .centerWrap {max-width:1300px !important; margin:0 auto;}
.about_wrap .centerWrap .title {width:240px; float:left; text-align:left;}
.about_wrap .centerWrap .title span {display:block; margin-bottom:10px; font-size:16px; color:#000; font-weight:300;}
.about_wrap .centerWrap .title h2 {display:block; margin-bottom:25px; padding-bottom:20px; position:relative; font-size:45px; font-weight:400; text-transform:uppercase; line-height:50px;}
.about_wrap .centerWrap .title h2:after {content:''; position:absolute; left:0; bottom:0; width:50px; height:1px; background:#000; }
.about_wrap .centerWrap .title p {font-size:16px; color:#444; letter-spacing:-0.5px;}
.about_wrap .centerWrap .about_list {float:left; width:calc(100% - 240px)}
.about_wrap .centerWrap .about_list ul {overflow:hidden; width:100%;}
.about_wrap .centerWrap .about_list ul li {float:left; width:32%; display:table; margin-left:2%; height:225px;}
.about_wrap .centerWrap .about_list ul li a {display:table-cell; vertical-align:middle; text-align:center; color:#fff; background:rgba(0,0,0,.4); padding:0 15px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s;}
.about_wrap .centerWrap .about_list ul li a:hover {background:rgba(0,0,0,.7);}
.about_wrap .centerWrap .about_list ul li a h3 {font-size:22px; display:block; margin-bottom:5px; text-shadow:1px 1px 6px #333;}
.about_wrap .centerWrap .about_list ul li a p {font-size:15px;text-shadow:1px 1px 6px #333;}
.about_wrap .centerWrap .about_list ul li:nth-child(1) {margin-left:0; background:url('/img/about01.jpg') no-repeat;}
.about_wrap .centerWrap .about_list ul li:nth-child(2) {background:url('/img/about02.jpg') no-repeat;}
.about_wrap .centerWrap .about_list ul li:nth-child(3) {background:url('/img/about03.jpg') no-repeat;}


/*------------------------------------
	메인스토리
------------------------------------*/
.main_story_wrap{ padding:115px 0 150px; background:#f9f9f9; }
.main_title{ margin-bottom:45px; text-align:center; }
.main_title h2{ margin-bottom:15px; font:500 48px/56px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#242424; }
.main_title p{ font:400 15px/24px 'Noto Sans KR','NanumGothic',Sans-serif; color:#6b6b6b; }

.main_story{  }
.main_story:after{ display:block; clear:both; content:''; }
.main_story li{ position:relative; float:left; width:31.6666%; margin-left:2.5%; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.main_story li:before{ z-index:1; position:absolute; left:50%; bottom:-25px; margin-left:-60%; width:120%; height:72px; display:block; content:''; background:url(/img/box_shadow.png) no-repeat center; }
.main_story li:first-child{ margin-left:0; }
.main_story li a{ display:block; position:relative; z-index:2; background:#fff; }
.main_story li dl{}
.main_story li dl dd{}
.main_story li dl dt{ padding:40px; }
.main_story li dl dt b{ display:block; color:#005d9e; font:400 14px/16px 'Roboto','Malgun Gothic',Sans-serif; text-transform:uppercase; }
.main_story li dl dt h3{ margin:10px 0 30px; font:400 20px/34px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#393939; letter-spacing:-1px;}
.main_story li dl dt span{ display:block; font:300 15px/16px 'Roboto','Malgun Gothic',Sans-serif; text-align:right; color:#818181; }
.main_story li dl dt span:after{ display:inline-block; margin-left:5px; content:''; font:normal 12px 'FontAwesome'; }
.main_story li .img_wrap {overflow:hidden;}
.main_story li img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out;}
.main_story li:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }


/*------------------------------------
	사업영역 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:1024px) {
.product_list li a dl {height:350px;}
.product_list li a:hover dt {height:350px;}
.product_list li a:hover .main_products_spec {padding-top:80px;}

.main_visaulArea {padding-top:60px;}
.visual_box .left_img {width:30%}
.visual_box .visual_text {width:40%;}
.visual_box .right_img {width:30%}
.visual_text .txt01 {font-size:15px; margin-bottom:5px;}
.visual_text .txt02 {font-size:40px; line-height:45px}
.visual_text p {font-size:14px; line-height:22px;}
/* .visual_text .btn_more {font-size:14px; padding: 0 10px 5px;}
.visual_text .btn_more:after {width:100px; margin-left:-50px;} */
#slide5 .visual_box {margin-top:-30px;}
#slide5 .visual_box .left_img {padding-top:40px;}
.visual_text p br {display:none;}


#section1 {}
#section1 .fp-tableCell {}
#section1 .top_title {margin-top:0; padding-bottom:20px; margin-bottom:20px;}
#section1 .top_title h2 {font-size:34px; line-height:37px;}
#section1 .top_title p {font-size:12px;}
.product_list li {height:350px;}
.product_list li a dl strong {font-size:14px;}
.product_list li a dl p {font-size:15px;}
.product_list li a dl h3 {font-size:25px; font-weight:400; line-height:30px;}
.product_list .img_wrap img {width:60%}
.product_list li a:hover .main_products_spec {height:250px;}


.about_wrap .centerWrap .title h2 {font-size:34px; line-height:37px; padding-right:15px;}
.about_wrap .centerWrap .title p {font-size:14px;}
.about_wrap .centerWrap .about_list ul li a h3 {font-size:18px;}
.about_wrap .centerWrap .about_list ul li a p {font-size:13px;}
}

@media (max-width:767px) {


.product_list li a dl {height:250px;}
.product_list li a:hover dt {height:250px;}
.product_list li a:hover .main_products_spec {padding-top:60px;}

#section0 {height:450px !important;}
#section0 .fp-tableCell {height:300px !important;}
#section0 .tit_box h1{font-size:30px !important;}
#section0 .tit_box p{font-size:20px !important;}
#section0 .grid2 dd h4{font-size:17px;}
#section0 .grid2 dd p{font-size:13px;}

#section1 .tit_box, #section2 .tit_box{font-size:22px;}

.visual_text .txt01 {opacity:.8}
.visual_box .left_img {display:none;}
.visual_box .right_img {display:none;}
.visual_box .visual_text {width:100%; opacity:.8}
.visual_txt .txt01 {margin-bottom:0; font-size:13px;}
.visual_text .txt02 {font-size:24px; font-weight:400; margin-bottom:20px; line-height:35px;}
.visual_text p { letter-spacing:0; padding:0 15px; font-size:13px;}
.fp-controlArrow {top:60% !important;}
.fp-controlArrow.fp-next,
.fp-controlArrow.fp-prev {width:30px !important; height:30px !important;}
.visual_text .btn_more {margin-top:30px; font-size:13px; padding:10px 20px 6px}

#section1 .top_title {padding-top:30px;}
#section1 .top_title h2 {font-size:18px; margin:0; padding:0; line-height:30px;}
.product_list li {width:100%; height:250px; margin-bottom:15px; margin-left:0;}
.product_list li:nth-child(3) {margin-bottom:30px;}
.product_list .img_wrap img {max-height:90%; width:auto}
.product_list li a .img_wrap {height:160px;}
.product_list li a:hover dd div{ height:160px; }
.product_list li a:hover .main_products_spec{ padding-top:40px; }
.product_list li a dl p {font-size:12px; }
.product_list li a dl .detail_btn {margin-top:30px;}
.product_list li a dl h3 {font-size:18px; line-height:25px;}
.main_video_wrap {height:320px;}
.main_video_wrap h2 {margin-top:30px; font-size:18px;}
.main_video_wrap p {font-size:12px;}
.main_video_wrap img {width:80px;}
.about_wrap {padding:30px 15px}
.about_wrap .centerWrap .title {width:100%; text-align:center;}
.about_wrap .centerWrap .title h2 {font-size:18px; margin:0; padding:0; line-height:30px;}
.about_wrap .centerWrap .title h2:after {display:none;}
.about_wrap .centerWrap .title p {font-size:12px;}
.about_wrap .centerWrap .title p br {display:none;}
.about_wrap .centerWrap .title span {margin-bottom:0; font-size:13px; line-height:13px;}
.about_wrap .centerWrap .about_list {margin-top:20px; width:100%}
.about_wrap .centerWrap .about_list ul li a p {font-size:12px;}
.about_wrap .centerWrap .about_list ul li a h3 {font-size:15px; font-weight:400; line-height:15px;}

.copyright h3{display:block !important;}
.copyright h3 img{ width:145px;}
}

@media (max-width:640px) {

.about_wrap {padding:30px 15px 20px;}
.about_wrap .centerWrap .about_list ul li {width:100%; background-size:cover !important; margin:0 0 15px 0}

}
/*
@media(max-width:1600px){
.main_wide_wrap ul li {height:220px;}
.main_wide_wrap h2 {top:180px;}
.main_wide_wrap p {top:250px;}

}
@media(max-width:1500px){
.main_visaulArea{ height:700px; }
.main_rolling_top {height:400px;}
.visual_text{ bottom:100px; }

.main_left_content{ width:40%; }
.main_right_content{ width:60%; }
메인비주얼
.main_visaulArea{ height:700px; background-size:cover !important; }
.main_left_content ul li p.text br{ display:none;  }
.visual_text{ left:150px; bottom:320px; }
.content_top{ max-width:1130px }


}

############### 태블릿 반응형 ###############
@media (max-width:1200px) {

메인비주얼

.main_left_content ul li .call{ padding-left:70px; }
.main_left_content ul li .call:before{ display:block;  }
메인비주얼
.main_visaulArea{ height:500px; }
.main_visaulArea:before{ display:none; }
.main_left_content ul li .call{ display:block; margin-top:25px;  }
.visual_text{ left:4%; bottom:27%; top:56%;}

.visual_text h2{ font-size:35px; line-height:45px;}
.visual_text p{ font-size:15px; line-height:22px; }
.visual_text .txt01 {font-size:14px; margin-bottom:8px; opacity:.7;}
.visual_text .txt02 {font-size:40px; line-height:40px; margin-bottom:20px;}
.visual_text .txt03 {font-size:15px; line-height:24px;}

설치사례
.main_wide_wrap ul li {height:180px;}
.main_wide_wrap h2 {top:140px; font-size:34px; margin-left:-100px;}
.main_wide_wrap p {top:200px; font-size:14px;  margin-left:-159px;}
------------------------------------
	사업영역 Business Area
------------------------------------
.content_top_wrap{ padding:54px 0 0; }
.content_top{ height:645.233px;}
.main_content_title{ margin-bottom:15px; font-size:30px; }
.main_content_p{ font-size:14px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal{ width:40px; height:40px; top:-70px; left:1%; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after{ line-height:38px; }
.jcarousel-skin-tango .jcarousel-next-horizontal{ width:40px; height:40px; top:-70px; right:3%; }
.jcarousel-skin-tango .jcarousel-next-horizontal:after{ line-height:38px; }

.rolling_banner{ margin-top:30px; }


.contents_title.white{ font-size:30px; }
.main_vedio_wrap p{ font-size:14px;}



--------------------------------------------
    메인: 하단 컨텐츠 : solution 및 research
--------------------------------------------

.main_wide_banner li{ height:307px; }
.main_wide_banner li p{ font-size:15px; line-height:22px; }
.main_wide_banner li h2{ font-size:23px; }

.solution_content li{ height:650px; padding:0 15px;  }
.solution_content li dt{ font-size:20px; line-height:30px; }
.solution_content li dd{ font-size:14px; }


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

메인 : Best Products
.main_best_wrap{ padding:55px 0 60px; }
.best_title{ margin-bottom:30px; font-size:28px; line-height:30px; }
.best_title:before{ left:-80px; top:15px; content:''; width:50px; }
.best_title:after{ right:-80px; top:15px; content:''; width:50px; }
.best_title b{ font-weight:500; }
.main_title_wrap h2 {font-size:22px;}

메인 : 메인 주요 제품
.main_products_wrap{ padding:70px 0 60px; }
.main_products{ margin-top:-30px; }
.main_products li{ margin:30px 0 0 2%; }
.main_products li a div{ border-radius:20px; background:#fff; }
.main_products li a h2{ margin-top:20px; font-size:20px; line-height:22px;}
.main_rolling_top {height:100%;}
.main_rolling_bottom li a {padding:20px;}
.main_rolling_bottom li span {right:20px; bottom:20px;}

메인 : 퀵배너, 버튼
.main_quick_wrap{ padding:65px 0 40px; }
.main_quick_banner li{ width:49%; margin-left:2%; }
.main_quick_banner li a{ padding:65px 0 50px; border-radius:20px; background-size:auto 100% !important; }
.main_quick_banner li h2{ font-size:14px; line-height:24px; }
.main_quick_banner li h2 strong{ font-size:22px; }
.main_quick_banner li h2:after{ margin-top:5px; width:22px; height:24px; font-size:18px; line-height:24px; }

.main_quick{ margin-top:42px; }
.main_quick li{ padding:15px 0; }
.main_quick li div{ width:160px; height:160px; }
.main_quick li h3{ font-size:18px; line-height:18px; }
.main_quick li h3:before{ width:20px; margin:20px auto 15px; }


20190725_메인: 사업소개 : jsy추가
.main_business img{ max-width:100%; }

------------------------------------
    메인: 스토리
------------------------------------
.main_story_wrap{ padding:75px 0 95px; }
.main_title{ margin-bottom:40px; text-align:center; }
.main_title h2{ margin-bottom:10px; font-size:34px; line-height:44px; }
.main_title p{ font-size:14px; line-height:24px; }

.main_story{  }
.main_story li{ width:32%; margin-left:2%; }
.main_story li:before{ margin-left:-52%; width:104%; height:55px; background-size:auto 100% !important; opacity:0.5; }
.main_story li dl{}
.main_story li dl dd{}
.main_story li dl dt{ padding:30px; }
.main_story li dl dt b{ font-size:13px; }
.main_story li dl dt h3{ margin:8px 0 25px; font-size:18px; line-height:28px; }
.main_story li dl dt span{ font-size:14px; }

---------------------------------------------------------------------
    메인 섹션 : 네비게이션 : 좌측 UI일 경우 출력되도록 설정함 : 삭제하지 말 것
---------------------------------------------------------------------

.Main.left_ui_wrap .container_wrap{ padding:0; }

메인: 검색
.left_ui_wrap .main_search_wrap{ display:block; width:80%; max-width:460px; padding:5px 7px; margin:30px auto 0; background:#fcfcfc; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.left_ui_wrap .main_search_wrap form{ overflow:hidden; position:relative; padding:0 120px 0 30px; }
.left_ui_wrap .main_search_wrap form:before{ position:absolute; left:14px; top:5px; content:''; font:normal 16px/22px 'FontAwesome'; color:#7f7f7c; }
.left_ui_wrap .main_search_wrap form input{ position:relative; width:100%; padding:0 0 0 15px; height:32px; border:none; background:none; color:rgba(0,0,0,1); font:300 13px/32px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; }
.left_ui_wrap .main_search_wrap input::-ms-input-placeholder { color:rgba(0,0,0,1); } Internet Explorer 10 이상에 적용
.left_ui_wrap .main_search_wrap input::-webkit-input-placeholder { color:rgba(0,0,0,1); } Webkit, Blink, Edge에 적용
.left_ui_wrap .main_search_wrap input::-moz-placeholder { color:rgba(0,0,0,1); } Mozilla Firefox에 적용
.left_ui_wrap .main_search_wrap form button{ position:absolute; right:0; top:0; width:100px; font:500 14px/32px 'Noto Sans KR','NanumGothic',Sans-serif; border:none; background:#005bac; color:rgba(255,255,255,0.7); }

메인 섹션 : 메인비쥬얼
.section_banner_wrap:before{ display:none; bottom:30px; }
.section_banner_wrap .visual_ment{ padding:133px 0 0 0; }
.section_banner_wrap .visual_ment strong{ margin-bottom:10px; padding:0 15px; font-size:14px; line-height:32px; }
.section_banner_wrap .main_title{ font-size:40px; line-height:50px; }
.section_banner_wrap .main_title b{ }

메인 섹션 : 네비게이션
.Main .container1{ min-height:auto; }
ul.page_nav{ display:none; }

메인 섹션 : 주요제품
.section_product_wrap{ padding:70px 0 60px; }
.section_product li a p br{ display:none; }
.section_product_title{ margin-bottom:40px; }
.section_product_title strong{ margin-bottom:10px; padding:0 15px; font-size:14px; line-height:32px; }
.section_product_title h1{ font-size:15px; line-height:25px; }
.section_product li a h2{ margin-top:7px; font-size:18px; line-height:24px; }
.section_product li a p{ margin:7px 0 7px; font-size:14px; line-height:22px; }
.section_product li a span{ font-size:13px; }
.section_product li a span:after{ font-size:13px; }

메인 섹션 : 하단 배너
.section_quick_wrap{ padding:0; }
.Main .container_wrap .section_quick_wrap .centerWrap{ padding:0; }
.section_quick li a{ padding:40px 45px; height:280px; }
.section_quick li h3{ font-size:24px; line-height:26px; }
.section_quick li p{ font-size:14px; line-height:22px; }
.section_quick li p br{}
.section_quick li span{ right:45px; bottom:40px; }
.section_quick li span:before{ width:10px; right:15px; }
.section_quick li span b{ padding:0 40px 0 15px; font-size:13px; line-height:32px; }

}

@media(max-width:999px){



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


메인비주얼
.main_visaulArea{ height:400px; }

.visual_text{ left:0; bottom:0; top:0; width:100%; text-align:center !important; left:0; bottom:0; margin-top:0; height:100%; padding:150px 15px 0; background:rgba(0,0,0,.3)}
.visual_text h2{ display:inline-block; margin:0; padding:7px 0; font-size:25px; line-height:35px; background:rgba(0,0,0,0.1); border-radius:0 0 0; text-align:center; }
.visual_text h2:before{ display:none; }
.visual_text p{ display:none; margin:0; }
.visual_text a{ display:none; }
.visual_text .txt02 {font-size:25px; line-height:25px; text-shadow:1px 1px 1px #666}
.visual_text .txt03 {font-size:14px; line-height:22px; box-sizing:border-box;  letter-spacing:-0.5px; opacity:.8;}

설치사례
.main_wide_wrap  {padding:115px 0 0;}
.main_wide_wrap ul li {width:50%; height:235px;}
.main_wide_wrap ul li:nth-child(odd) {padding:15px 7.5px 15px  15px ;}
.main_wide_wrap ul li:nth-child(even) {padding:15px 15px 15px 7.5px;}
.main_wide_wrap ul li .bg {display:none;}
.main_wide_wrap h2 {top:40px; font-size:20px; color:#000; width:100%; left:0; text-align:center; margin-left:0;}
.main_wide_wrap p {top:85px; font-size:12px;  line-height: 20px; color:#555; letter-spacing: -0.3px; word-break: keep-all;width:100%; left:0; text-align:center; margin-left:0; padding:0 15px;}


------------------------------------
	사업영역 Business Area
------------------------------------
.content_top_wrap{ padding-top:48px; background:#fff url(/img/bg_pattern_01.png) repeat left top; padding:15px 15px 40px;  }
.content_top{ display:inline; height:400px;}
.main_content_title{ margin-bottom:5px; font-size:22px; }
.main_content_p{ padding-bottom:20px; font-size:12px; word-break:keep-all;  }
.jcarousel-skin-tango{max-width:700px !important; width:auto; margin:0 auto; }
.jcarousel-skin-tango li{ width:49%; margin-left:2%; margin-bottom:10px; }
.jcarousel-skin-tango li:nth-child(2n+1){ margin-left:0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ width:36px; height:36px; top:-89px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after{ line-height:34px; }
.jcarousel-skin-tango .jcarousel-next-horizontal{ width:36px; height:36px; top:-89px; }
.jcarousel-skin-tango .jcarousel-next-horizontal:after{ line-height:34px; }

.search-open{ width:215px; font-size:14px; }

.main_goods_wrap dt b{ font-size:14px !important;}

------------------------------------
	메인 : detail 부분
------------------------------------

.product_details .main_detail li{float:none !important; width:100%; margin-bottom:2%; margin-left:0; }
.product_details .main_detail img{ max-width:100%; width:auto; margin:0 auto; }

.product_details .main_detail:hover img{cursor:pointer; }

메인 : Best Products
.main_best_wrap{ padding:27px 0 32px; }
.best_title{ margin-bottom:24px; font-size:22px; line-height:24px; }
.best_title:before{ left:-50px; top:10px; width:30px; }
.best_title:after{ right:-50px; top:10px; width:30px; }
.best_title b{ font-weight:500; }

.slick_hover_wrap{ width:33.33333% !important; margin-left:0 !important; }
.slick-track .slick_hover_wrap:first-child{ margin-left:0 !important; }
.main_rolling_bottom li a {height:230px; padding:20px 15px; text-align:center;}
.main_rolling_bottom li:nth-child(1){ background-size:cover; }
.main_rolling_bottom li:nth-child(2){ background-size:cover; }
.main_rolling_bottom li span {width:130px; left:50%; margin-left:-65px;}
.main_rolling_bottom li span b {font-size:12px;}
.main_title_wrap h2 {text-align:center; font-size:18px;}
.main_title_wrap p {font-size:12px; line-height:20px; text-align:center;}


------------------------------------
    메인 : 사업분야 배너:이지스로직:jsy
------------------------------------
.main_business_field_wrap{ padding:24px 0 35px; }

슬라이드 배너
.main_business{ padding:0; }
.main_business dd{ margin-top:40px; width:100%; max-width:400px; }
.main_business dt{ right:0; top:0; width:100%; max-width:400px; height:267px; padding:30px 50px 0; }
.main_business dt h2{ margin:0; padding:0; font-size:16px; line-height:28px; }
.main_business dt p{ margin:8px 0; font-size:12px; line-height:22px; }
.main_business dt p strong{ font-size:16px; }
.main_business dt span{ bottom:35px; margin-left:-46px; padding:0 25px 5px 15px; font-size:11px; line-height:20px; }

.main_business:hover{ padding-bottom:0; }
.main_business:hover dd{ margin-top:40px; }
.main_business:hover dt{ top:0; background:#008cd6; background:linear-gradient(45deg, #03aeb9, #008cd6); }

---------------------------------------------
    메인 : 솔루션 및 research 배너:이지스로직:jsy
--------------------------------------------------

.main_wide_banner li{ float:none; width:100%; height:auto; padding:30px 0; text-align:center; }
.main_wide_banner li h2{ padding-bottom:10px; font-size:20px; line-height:30px; }
.main_wide_banner li p{ padding-bottom:25px; font-size:13px; line-height:20px; font-weight:300; word-break:keep-all; }
.main_wide_banner li:first-child{text-align:center;}
.main_wide_banner li a{ font-size:11px; }

---------------------------------------------
    메인 : 솔루션 및 research 배너:이지스로직:jsy
--------------------------------------------------

.solution_content li{ float:none; width:100%; height:350px; background-size:100% auto; }
.solution_content li:nth-child(2){ background-size:100% auto; }
.solution_content li:nth-child(3){ background-size:100% auto; }

.solution_content li h3{ padding-top:35px; font-size:23px; }
.solution_content li dl{ padding:20px 15px; }
.solution_content li dt{padding-bottom:25px; font-size:20px; line-height:28px; }
.solution_content li dd{ font-size:12px; line-height:17px; color:#555; }


메인 : 메인 주요 제품
.main_products_wrap{ padding:38px 0 32px; background-size:cover; }
.main_products{ margin-top:-15px; }
.main_products li{ width:49%; margin:15px 0 0 2%; }
.main_products li:nth-child(3n+1){ clear:none; margin-left:2%; }
.main_products li:nth-child(2n+1){ clear:both; margin-left:0; }
.main_products li a div{ }
.main_products li a h2{ padding:0 5px; margin-top:12px; font-size:14px; line-height:16px; word-break:keep-all; }

메인 : 퀵배너, 버튼
.main_quick_wrap{ padding:38px 0 30px; max-width:600px; margin:0 auto; }
.main_quick_banner li{ float:none; width:100%; margin-left:0; }
.main_quick_banner li:first-child{ margin-bottom:14px; }
.main_quick_banner li a{ padding:28px 0 25px; background-size:100% auto !important; }
.main_quick_banner li h2{ font-size:12px; line-height:20px; }
.main_quick_banner li h2 strong{ font-size:16px; }
.main_quick_banner li h2:after{ margin-top:5px; width:18px; height:20px; font-size:13px; line-height:20px; border-width:1px; }

.main_quick{ margin-top:33px; }
.main_quick li{ width:50%; padding:5px 0 20px; }
.main_quick li:before{ display:none; }
.main_quick li:nth-child(3){ padding:0; }
.main_quick li:nth-child(3):before{ display:none; }
.main_quick li:nth-child(4){ padding:0; }
.main_quick li div{ width:140px; height:140px; }
.main_quick li h3{ font-size:14px; line-height:16px; }
.main_quick li h3:before{ width:15px; margin:15px auto 9px; }

.contents_title.white{ font-size:25px; }

---------------------------------------------------------------------
    메인 섹션 : 네비게이션 : 좌측 UI일 경우 출력되도록 설정함 : 삭제하지 말 것
---------------------------------------------------------------------
메인 섹션 : 검색
.left_ui_wrap .main_search_wrap{ max-width:400px; padding:5px; margin-top:20px; }
.left_ui_wrap .main_search_wrap form{ padding:0 85px 0 20px; }
.left_ui_wrap .main_search_wrap form:before{ left:5px; font-size:14px; line-height:18px; }
.left_ui_wrap .main_search_wrap form input{ padding:0 0 0 10px; height:28px; font-size:11px; line-height:28px; }
.left_ui_wrap .main_search_wrap form button{ width:80px; font-size:12px; line-height:28px; }

메인 섹션 : 메인비쥬얼
.left_ui_wrap .visual_ment{ padding-top:65px; }
.left_ui_wrap .visual_ment strong{ margin-bottom:3px; padding:0 10px; font-size:11px; line-height:20px; font-weight:400; }
.left_ui_wrap .main_title{ font-size:22px; line-height:28px; text-shadow:1px 1px 2px rgba(0,0,0,0.3); }
.left_ui_wrap .main_title b{ font-weight:500; }

메인 섹션 : 주요제품
.section_product_wrap{ padding:50px 0 20px; }
.section_product_title{ margin-bottom:25px; }
.section_product_title strong{ margin-bottom:10px; padding:0 10px; font-size:12px; line-height:22px; }
.section_product_title h1{ font-size:12px; line-height:20px; }
.section_product{ max-width:500px;margin:0 auto; text-align:center; }
.section_product li{ float:none; width:100%; margin:0 0 20px; }
.section_product li .img_wrap{ background:#f7f7f7; text-align:center; }
.section_product li .img_wrap img{ max-height:270px !important; }
.section_product li a h2{ margin-top:7px; font-size:16px; font-weight:500; }
.section_product li a p{ margin:8px auto 8px; max-width:90%; font-size:12px; line-height:20px; word-break:keep-all; }
.section_product li a span{ font-size:12px; }
.section_product li a span:after{ font-size:12px; }

메인 섹션 : 하단 배너
.section_quick li{ float:none; width:100%; background-size:cover !important; }
.section_quick li a{ padding:30px 15px 34px; height:auto; text-align:center; }
.section_quick li h3{ font-size:16px; line-height:20px; }
.section_quick li h3:after{ width:20px; height:2px; margin:12px auto; }
.section_quick li p{ font-size:12px; line-height:20px; }
.section_quick li:nth-child(1) p br{ display:none; }
.section_quick li:nth-child(2) p br{ display:none; }
.section_quick li:nth-child(4) p br{ display:none; }
.section_quick li span{ position:relative; margin-top:20px; right:auto; bottom:auto; border:1px solid rgba(255,255,255,0.5); }
.section_quick li:nth-child(1) span{ background:rgba(0,0,0,0.1); }
.section_quick li:nth-child(2) span{ background:rgba(0,0,0,0.1); }
.section_quick li:nth-child(1):hover span{ background:#005bac; }
.section_quick li:nth-child(2):hover span{ background:#005bac; }
.section_quick li span:before{ width:8px; }
.section_quick li span b{ padding:0 30px 0 15px; font-size:11px; line-height:26px; }

------------------------------------
    메인: 스토리
------------------------------------
.main_story_wrap{ padding:50px 0 55px; }
.main_title{ margin-bottom:20px; text-align:center; }
.main_title h2{ margin-bottom:7px; font-size:20px; line-height:30px; font-weight:500; }
.main_title p{ font-size:13px; line-height:20px; color:#555; letter-spacing:-0.3px; word-break:keep-all; }
.main_title p br{ display:none; }

.main_story{ max-width:540px; margin:0 auto; }
.main_story li{ float:none; width:100%; margin-left:0; margin-top:15px; }
.main_story li:before{ background-size:100% auto !important; background-position:center bottom; opacity:0.3; }
.main_story li:first-child{ margin-top:0; }
.main_story li dl{}
.main_story li dl dd{}
.main_story li dl dd .img_wrap img{ width:100% !important; }
.main_story li dl dt{ padding:23px 25px 25px; text-align:center; }
.main_story li dl dt b{ font-size:12px; }
.main_story li dl dt h3{ margin:2px 0 12px; margin-bottom:3px; font-size:14px; line-height:20px; font-weight:500; }
.main_story li dl dt span{ display:none; font-size:12px; text-align:center; }

--------------------------------------------------------
    메인: 게시글 불러오기 latest news : /inc/latest_news.php
--------------------------------------------------------
.latest_news_wrap{ padding:0 0 50px 0; text-align:center; }
.latest_news{ padding:0 1%; }
.latest_news > li{ float:none; width:100%; margin:13px 0 0 0; padding-top:10px; border-top:1px dotted #ddd; }
.latest_news > li:first-child{ padding-top:0; border:none; }
.latest_title h2{ font-size:16px; }
.latest_title strong{ font-size:12px; }
.main_news li a strong{ font-size:12px; line-height:30px; text-align:left; }
.main_news li a b{ font-size:12px; line-height:30px; }

}
@media (max-width:640px){
설치사례
.main_wide_wrap ul li {height:140px;}
}

@media (max-width:600px){

------------------------------------
    사업분야
------------------------------------
.business_wrap{ max-width:500px; margin:0 auto; }
.business li{ float:none; width:100%; margin:0 0 30px 0; }

.business li:nth-child(3n+1){ margin-left:0; }
.business li:last-child{ margin-bottom:0; }


------------------------------------
    메인 : 사업분야 배너
------------------------------------
.main_business_field_wrap{ padding:24px 0 33px; }

슬라이드 배너
.main_business{ overflow:initial; display:inline-block; }
.main_business dd{ float:none; margin-top:0; }
.main_business dt{ position:relative; top:auto; right:auto; height:auto; padding:20px 15px; }
.main_business dt span{ display:none; position:relative; bottom:auto; left:auto; margin:0; padding-top:5px; }
.main_business dt p{ display:none; }

.main_business:hover dd{ margin-top:0; }
.main_business:hover dt{ top:auto; }



}

@media (max-width:370px){
.main_wide_wrap ul li {height:120px;}

}
 */