@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

/* common */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: 'Noto Sans KR', sans-serif;
	font: inherit;
	color:#333;
	vertical-align: baseline;
}

html {overflow-x:hidden;}
body {height: 100%;overflow-x:hidden;position:relative;}
body.lock {overflow:hidden;}
body.lock::after {content:'';width:100%;height:600%;display:block;background:rgba(0,0,0,.7);position:absolute;left:0;top:0;z-index:3000;margin-top:112px;}

a {font-family: 'Noto Sans KR', sans-serif;color:#333;text-decoration:none;display:block;}
li {list-style:none;}

 .clearfix:before, .clearfix:after {
    display: block;
    content: '';
    line-height: 0;
}

.clearfix:after {
    clear:both;
}
.container {width:100%; max-width:1200px; margin:0 auto;}

/* HEADER */
.header .container {padding: 2rem 0 0;}
.header .logo_box {float:left;}
.header .gnb_box {float:right;padding-top:12px;}
.header .gnb_box > ul > li {display:inline-block;vertical-align:top;position:relative;}
.header .gnb_box > ul > li > a {font-size:18px;font-weight:700;padding:0 1.5rem 2.7rem;}
.header .gnb_box > ul > li:hover > ul {display:block;}
.header .gnb_box > ul > li > ul {display:none;position:absolute;left:50%;top:69px;transform:translateX(-50%);z-index:999;background:rgba(0,0,0,.5);}
.header .gnb_box > ul > li > ul > li > a {width:120px;color:#fff;padding:1rem 1.5rem 0;text-align:center;}
.header .gnb_box > ul > li > ul > li:last-of-type > a {padding-bottom:1rem;}
.header .gnb_box > ul > li > ul > li > a:hover {color:#abcd05;}
.header .m_gnb_btn {display:none;float:right;margin-top: 9px;}
.header .m_gnb_btn .close {display:none;}
.header .m_gnb_btn.on .close {display:block;}
.header .m_gnb_btn.on .open {display:none;}
.header .m_gnb {display:none;min-width:310px;min-height:930px;background:#fff;position:absolute;top:112px;right:-320px;z-index:5000;padding: 1rem 40px;box-sizing:border-box;transition:all .3s;}
.header .m_gnb.on {right:0;}
.header .m_gnb > ul > li {margin-bottom:1rem;}
.header .m_gnb > ul > li > a {font-weight:600;font-size:18px;}
.header .m_gnb > ul > li > ul {padding-top:3px;display:none;}


/* mainVisual */
.mainVisual {width:100%;max-width:1920px;overflow:hidden;margin:0 auto 100px;}
.mainVisual .swiper {position:relative;}
.mainVisual .swiper-wrapper {width: 100%; height: 680px;}
.mainVisual .swiper-slide {position:relative;text-align:center;overflow: hidden;}
.mainVisual .swiper-slide > img {height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.mainVisual .swiper-slide > p {text-align:center;font-size:48px;font-weight:700;color:#fff;text-shadow: #444 1px 0 10px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.mainVisual .swiper-button-prev {width:36px;height:36px;transform: translateY(-50%);background: url('/design/default/images/main/visual_prev.png') no-repeat center center;left:310px;}
.mainVisual .swiper-button-next {width:36px;height:36px;transform: translateY(-50%);background: url('/design/default/images/main/visual_next.png') no-repeat center center;right:310px;}
.mainVisual .swiper-pagination-bullet {width:12px;height:12px;background:#fff;opacity:.5;}
.mainVisual .swiper-pagination-bullet-active {background:#aacc01;opacity:1;}

/* product */
.product {margin-bottom:100px;}
.product .product_box {width:50%;float:left;box-sizing:border-box;}
.product .product_box:nth-of-type(2n-1) {border-right:1px solid #d7d7d7;}
.product .product_box .product_tit {color:#fff;background:#005e3c;font-size:26px;font-weight:700;padding:15px 0;text-align:center;}
.product .product_swiper {width:100%;height:370px;overflow:hidden;display:inline-block;position:relative;}
.product .product_swiper .swiper-slide {text-align:center;position:relative;}
.product .product_swiper .swiper-slide > a {height:370px;position:relative;}
.product .product_swiper .swiper-slide > a::after {content:'';width:100%;height:370px;display:block;transition:all .3s;opacity:0;background:rgba(0,0,0,.5);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.product .product_more {z-index:999;opacity:0;transition:all .3s;}
.product .product_swiper .swiper-slide > a:hover::after {opacity:1;}
.product .product_swiper .swiper-slide > a:hover .product_more {opacity:1;}
.product .product_swiper .swiper-slide > a > img {max-height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%, -70%);}
.product .product_swiper .swiper-slide > a > p {position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#5f5f5f;font-size:26px;font-weight:700;text-shadow: #bfbfbf 2px 2px 3px;}
.product .product_swiper .product-swiper-button-prev {width:36px;height:36px;background: url('/design/default/images/main/product_prev.png') no-repeat center center;left:35px;}
.product .product_swiper .product-swiper-button-next {width:36px;height:36px;background: url('/design/default/images/main/product_next.png') no-repeat center center;right:35px;}


/* bottom */
.bottom .tit {color:#005e3c;font-size:22px;font-weight:700;border-bottom:2px solid #b6b6b6;padding-bottom:10px;}
.bottom .bottom_menu {width:50%;display:inline-block;vertical-align:top;margin:0 4%;}
.bottom .bottom_menu_sm {width:20%;margin:0;}

/* Cooperation */
.cooperation > ul {margin-top:1rem;}
.cooperation > ul > li {width:50%;float:left;position:relative;box-sizing:border-box;}
.cooperation > ul > li:nth-of-type(1), .cooperation > ul > li:nth-of-type(4) {background:#f5f5f5;}
.cooperation > ul > li > a {height:115px;box-sizing:border-box;}
.cooperation > ul > li > a > img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.cooperation > ul > li > a:hover {border:1px solid #d7d7d7;}

/* °øÁö»çÇ× */
.notice_menu > ul > li > a {padding:1rem 0;border-bottom:1px solid #d7d7d7;}
.notice_menu > ul > li > a > p {max-width:75%;display:inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight:600;color:#666;}
.notice_menu > ul > li > a .date {float:right;font-size:14px;color:#888;padding-top:1px;}
.notice_menu > ul > li > a .new {color:#fff;background:#58b531;padding: 3px 5px; border-radius: 10px;font-size: 14px;margin-left: 8px;vertical-align:bottom;}
.notice_menu > ul > li > a:hover > p {text-decoration:underline;}

/* °í°´Áö¿ø¼¾ÅÍ */
.help {position:relative;overflow:hidden;}
.help > p {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:26px;font-weight:700;text-align:center;text-shadow: #444 1px 0 10px;}
.help img {max-width:100%;}

/* FOOTER */
.footer {background:#202020;margin-top:100px;padding:50px 0;}
.footer .ft_box {display:inline-block;vertical-align:top;}
.footer .ft_logo {margin-right:70px;}
.footer .ft_info > ul > li {color:#fff;padding-bottom:5px;}
.footer .ft_info .tel {display:inline-block;margin-right:20px;}
.footer .ft_info .fax {display:inline-block;}
.footer .ft_info .mail {font-weight:600;}
.footer .ft_info .mail_link {display:inline-block;margin-left: 10px;}
.footer .ft_info .copyright {display:inline-block;}
.footer .ft_info .login {display:inline-block;}
.footer .ft_info .login > a {color:#fff;border:1px solid #fff;border-radius:20px;padding:5px 7px;font-size:14px;}
.footer .ft_info .login > a:hover {color:#333;background:#fff;}