body.Main{ background:#fff; }
.Main.left_ui_wrap .container_wrap{ padding:0 0 0 260px; background:none; }

/*------------------------------------
    메인: 검색
------------------------------------*/
.main_search_wrap{ display:none; }


/*------------------------------------
    메인 섹션 : 네비게이션
------------------------------------*/
.Main .container1{ height:100%; min-height:960px;  }
.Main .section{ height:100%; /* min-height:960px; */ position:relative; }

/* page_nav */
ul.page_nav{ display:block; 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:#0092ef; }
/* ul.page_nav li:hover a, ul.page_nav li:hover a:focus, ul.page_nav li:hover a:active{ height:15px !important; background:#aaa !important; } */


/*------------------------------------
    메인: 메인비쥬얼
------------------------------------*/
.main_banner_wrap:before{ z-index:9; position:absolute; left:50%; bottom:35px; width:24px; margin-left:-12px; height:30px; content:''; background:url(/img/scroll_icon2.png) no-repeat center; }

.visual_ment{ z-index:1; padding-top:65px; }
.visual_ment strong{ display:inline-block; overflow:hidden; margin-bottom:200px; width:1000px; height:55px; padding:6px 5px 5px 30px;  font:500 20px/40px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; text-align:left; color:#ddd; background:#fff; }
.visual_ment strong:before{ display:inline-block; padding-right:35px; margin-left:10px; content:''; font:normal 20px'FontAwesome'; color:#014099; }

.visual_ment strong span{ float:right; padding:8px; background:#014099;  font:500 18px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; }

.main_title{ margin-left:60px; font:400 40px/45px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; text-align:left; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.4); }
.main_title b{ display:block; font-weight:400; }




/*------------------------------------
    메인: 타이틀
------------------------------------*/


/*------------------------------------
    메인: 주요제품
------------------------------------*/
.main_product_wrap{ padding:150px 0; }
.main_product_title{ margin-bottom:70px; text-align:center; }
.main_product_title strong{ display:inline-block; margin-bottom:30px; padding:0 24px; font:500 30px/50px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#fff; text-transform:uppercase; background:#014099; border-radius:4px; }
.main_product_title h1{ font:300 19px/28px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#333; }

/*.main_product{ overflow:hidden; }
.main_product li{ float:left; width:32%; margin-left:0; }
.main_product li:first-child{ margin-left:0; }*/
.main_product li a{ display:block; }
/*.main_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); }
.main_product li:hover .img_wrap img{ -webkit-transform:scale(1.10); -ms-transform:scale(1.10); transform:scale(1.10); }*/

.main_product_contents{ padding:10px 5px; }
.main_product li a h2{ margin-top:5px; font:400 19px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#333; }
.main_product li a p{ margin:10px 0; font:300 18px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#555; }
.main_product li a span{ display:inline-block; position:relative; font:300 16px/20px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#555; }
.main_product li a span:after{ display:inline-block; margin-left:7px; content:''; font:normal 14px/20px 'FontAwesome'; color:#014099; }


/*------------------------------------
    메인: 하단 배너
------------------------------------*/
.main_quick_wrap{ padding:140px 0; background:#fcfcfc; }
.main_quick{ overflow:hidden; }
.main_quick li{ float:left; width:50%; background:#014099; }
.main_quick li a{ display:block; position:relative; padding:60px 70px; height:340px; color:rgba(255,255,255,0.8); }
.main_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; }
.main_quick li:hover a:before{ background:rgba(0,0,0,0.4); }
.main_quick li:nth-child(1){ background:url(/img/main_quick_img1.jpg) no-repeat center; }
.main_quick li:nth-child(2){ background:url(/img/main_quick_img2.jpg) no-repeat center; }
.main_quick li:nth-child(3){ background:#00adef; }
.main_quick li:nth-child(3):hover a:before{ background:rgba(0,0,0,0.2); }
.main_quick li:nth-child(4):hover a:before{ background:rgba(0,0,0,0.2); }

.main_quick li h3{ position:relative; font:400 30px/32px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#fff; }
.main_quick li h3:after{ display:block; margin:18px 0 20px 1px; content:''; width:25px; height:3px; background:rgba(255,255,255,0.8); }
.main_quick li p{ position:relative; font:300 16px/26px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; word-break:keep-all; }
.main_quick li span{ position:absolute; right:70px; bottom:60px; display:inline-block; border:1px solid rgba(255,255,255,0.6); }
.main_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; }
.main_quick li:hover span{ background:#014099; border-color:#014099; }
.main_quick li:nth-child(3):hover span{ background:#222; border-color:#222; }
.main_quick li:nth-child(4):hover span{ background:#222; border-color:#222; }
.main_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; }
.main_quick li:hover span b{  }
.main_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.8; }


/*------------------------------------
    메인: 게시글 불러오기 latest news
------------------------------------*/
.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:#014099; text-transform:uppercase; }
.latest_title strong:after{ display:block; content:''; width:100%; height:1px; background:#014099; }

/* 게시글 리스트 */
.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; }


@media(max-width:1200px){


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


/*------------------------------------
    메인: 검색
------------------------------------*/
.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); }

.main_search_wrap form{ overflow:hidden; position:relative; padding:0 120px 0 30px; }
.main_search_wrap form:before{ position:absolute; left:14px; top:5px; content:''; font:normal 16px/22px 'FontAwesome'; color:#7f7f7c; }
.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,0.8); font:300 13px/32px 'Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; }
.main_search_wrap input::-ms-input-placeholder { color:rgba(0,0,0,0.8); } /* Internet Explorer 10 이상에 적용 */
.main_search_wrap input::-webkit-input-placeholder { color:rgba(0,0,0,0.8); } /* Webkit, Blink, Edge에 적용 */
.main_search_wrap input::-moz-placeholder { color:rgba(0,0,0,0.8); } /* Mozilla Firefox에 적용 */

.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:#014099; color:rgba(255,255,255,0.7); }


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


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


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


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

}

@media(max-width:999px){


/*------------------------------------
    메인: 검색
------------------------------------*/
.main_search_wrap{ max-width:400px; padding:5px; margin-top:20px; }
.main_search_wrap form{ padding:0 85px 0 20px; }
.main_search_wrap form:before{ left:5px; font-size:14px; line-height:18px; }
.main_search_wrap form input{ padding:0 0 0 10px; height:28px; font-size:11px; line-height:28px; }
.main_search_wrap form button{ width:80px; font-size:12px; line-height:28px; }


/*------------------------------------
    메인: 메인비쥬얼
------------------------------------*/
.visual_ment{ padding-top:10px; }
.visual_ment strong{ margin-bottom:3px; padding:0 10px; font-size:11px; line-height:20px; font-weight:400; }
.main_title{ font-size:19px; line-height:26px; text-shadow:1px 1px 2px rgba(0,0,0,0.3); margin:20px 0 0 18px; }
.main_title b{ font-weight:500; }


/*------------------------------------
    메인: 게시글 불러오기 latest news
------------------------------------*/
.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; }


/*------------------------------------
    메인: 주요제품
------------------------------------*/
.main_product_wrap{ padding:50px 0 20px; }
.main_product_title{ margin-bottom:25px; }
.main_product_title strong{ margin-bottom:10px; padding:5px 10px; font-size:15px; line-height:22px; }
.main_product_title h1{ font-size:13px; line-height:20px; }
.main_product{ /* max-width:500px;  */margin:0 auto; text-align:center; }
.main_product li{ float:none; width:100%; margin:0 0 20px; }
.main_product li .img_wrap{ background:#eee; text-align:center; }
.main_product li .img_wrap img{ max-height:270px !important; }
.main_product li a h2{ margin-top:7px; font-size:15px; font-weight:500; }
.main_product li a p{ margin:8px auto 8px; max-width:90%; font-size:14px; line-height:20px; word-break:keep-all; }
.main_product li a span{ font-size:13px; }
.main_product li a span:after{ font-size:12px; }


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


}