@charset "utf-8";

@import "fonts.css";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* linkStyle */
a{color:#222; text-decoration:none;}
a:link,
a:visited{color:#222; text-decoration:none;}
a:active,
a:focus,
a:hover{color:#222; text-decoration:none;}

/* blind */
.blind, .skip, legend, caption, .hidden{position: absolute; left: -5000px; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
caption{position:static;}

/* 공통 */
#wrap{overflow:hidden;}
.cfixed:after{display:block; content:""; clear:both;}
.table{display:table;}
.table_cell{display:table-cell;}
.ms_inner{max-width:1300px; margin:0 auto;}
.ms_title{font-size:4.5rem; font-weight:700; text-align:center; padding-bottom:80px;}
.content_cursor .ms_title{font-size:4.5rem; font-weight:700; text-align:center; padding-bottom:40px;}
.ms_title span{padding-bottom:40px; display:inline-block;}
.ms_sc{padding:130px 0;}
#wrap img{max-width:100%;}

/*header*/
#header_wrap{position:fixed; top:0; left:0; height:110px; border-bottom:1px solid rgba(255,255,255,0.5); width:100%; background:rgba(0,0,0,0.5); border-bottom:none; z-index:99999;}
#header_wrap.new{position:absolute; background:rgba(0,0,0,0.5); border-bottom:none;}
#header{max-width:1300px; margin:0 auto;}
#header .logo{float:left; margin-top:40px; margin-right:5%;}
#nav{float:left; width:50%;}
.main1{width:100%;}
.main1 > li{float:left; width:16.66%; position:relative; line-height:110px; text-align:center;}
.main1 > li > a{font-size:1.8rem; color:#fff;}
.main1 > li:hover > a{color:#18d654;}

#nav ul >li:hover .main2 {left:-30px;}
#nav .main2 {position:absolute; top:110px; left:-9999px; background:rgba(0,0,0,0.6); width:140%; padding:10px 0 10px 0;}
#nav .main2 > li {position:relative; border-bottom:1px dotted rgba(255,255,255,0.5); text-align:left; padding-left:15px;  line-height:50px;}
#nav .main2 > li:last-child {border-bottom:0;}
#nav .main2 > li a{margin:0 10px; font-size:1.5rem; text-align:left; color:#fff;}

#tnb{float:right; margin-top:38px;}
#tnb li {float:left;}
#tnb li a{display:block; padding:5px 18px; background:#4c9e45; color:#fff; font-size:1.6rem; border-radius:30px; color:#fff;}
#tnb li.join{margin-left:7px;}
#tnb li.join a{background:#fff; color:#222;}
#tnb li.tnb_admin a{background:#222;}

#header_wrap.scroll{background:rgba(0,0,0,0.7); border-bottom:none;}

/*커서*/
 .cursor {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -50%;
  left: -50%;
  margin: -15px 0 0 -15px;
  border-radius: 50%;
  background-color: white;
  backface-visibility: hidden;
  transition: transform 0.2s ease-out;
  mix-blend-mode: difference;
  z-index: 1000;
  pointer-events: none;
}
.cursor.is-moving {
  transform: scale(0.8);
}

.content_cursor {
  position:relative;
  height:100%;
}

/*Gboy 추가 */
.cursor.is-moving-big { transform: scale(2.8); }

/*메인 스크롤바*/
	#main-scrollbar{position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	body{ -ms-overflow-style: none; } 
	::-webkit-scrollbar { display: none; }

/*로딩*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

.preloader .preloader-before,
.preloader .preloader-after {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  background: #090808;
}

.preloader .preloader-before {
  top: 0;
}

.preloader .preloader-after {
  bottom: 0;
}

.preloader .preloader-block {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
}

.preloader .preloader-block .title {
  position: absolute;
  left: 0;
  bottom: calc(50% + 16px);
  width: 100%;
  text-align: center;
  z-index: 2;
  font-size: 50px;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: #fff;
}

.preloader .preloader-block .percent {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  font-weight: 700;
  letter-spacing: 8px;
  font-size: 28vw;
  color: rgba(54, 54, 53, 0.1);
  z-index: 1;
}

.preloader .preloader-block .loading {
  position: absolute;
  top: calc(50% + 16px);
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 2;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: #fff;
  -webkit-animation: blink-animation 2.2s linear infinite;
}

.preloader .preloader-bar {
  position: absolute;
  z-index: 1;
  top: calc(50% - 1px);
  right: 0;
  width: 100%;
  height: 1px;
  background: #1d1d1d;
}

.preloader .preloader-bar .preloader-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  height: 100%;
  width: 0;
  background: #fff;
}

@-webkit-keyframes blink-animation {
  0% {
    opacity: 0;
  }
}

@-moz-keyframes blink-animation {
  0% {
    opacity: 0;
  }
}

@keyframes blink-animation {
  0% {
    opacity: 0;
  }
}

.hidden{display:none !important;}

.main_con{position:relative; width:100%; z-index:999;}
.c-scrollbar{display:none !important;}


@media ( min-width:1040px ) {
	.main-scroll-content .scroll-content{/*transform:inherit !important;*/}
	#main-scrollbar.main-scroll-content .scroll-content{transform:translate3d(0, 0, 0) !important;}
}


/* 펼침메뉴-버튼 */
.btn_all_menu {
    display: none; position: absolute; right: 3%; top: 15%; z-index: 999;
    transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
    width: 32px; height: 28px; border: 5px solid transparent; background: transparent; cursor: pointer;
}
.btn_all_menu .bar {
    position: absolute;
    display: block; width: 100%; height: 2px;
    background: #fff; transition: all 0.3s;
}
.btn_all_menu span:nth-child(1) {top: 0;}
.btn_all_menu span:nth-child(2) {top: 50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.btn_all_menu span:nth-child(3) {bottom: 0;}

.btn_all_menu.on {z-index: 999;}
.btn_all_menu.on .bar {}
.btn_all_menu.on span:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
}
.btn_all_menu.on span:nth-child(2) {opacity: 0;}
.btn_all_menu.on span:nth-child(3) {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
    -webkit-transform: translateY(50%) rotate(-45deg);
    -ms-transform: translateY(50%) rotate(-45deg);
}

/*모바일메뉴*/
/*mobileCateogry*/
.mobileNav { height: 100%; width: 280px; right: 0; top: 0; z-index: 99999; position: fixed; overflow-y: auto; overflow-x: visible; transition:all .3s; -webkit-transition:all .3s; transform:translate3d(100%,0,0); -webkit-transform:translate3d(100%,0,0); overflow:hidden;}
.mobileNav.off {display:none; animation: fade-out 1s; animation-fill-mode: forwards;}
.mobileNav.on { transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); display:block; animation: fade-in 1s; animation-fill-mode: forwards; display: flex;}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;

  }
  to {
    opacity: 0;
  }
}
.m_bg { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5);  z-index: 9999; opacity:0; transition:all .3s; -webkit-transition:all .3s; }
.m_bg.on { opacity:1; display: block;}
.mobileNav > div { position:absolute; right:0; height:100%; width:280px;background:#fff; overflow-y:scroll;}
.mobileNav .top { overflow: hidden; height: 90px; box-sizing:border-box; position: relative; background: #fff; border-bottom:1px solid #ddd;}
.mobileNav .top p img{width:150px;}
.mobileNav .top p{color:#fff; font-weight:700; font-size:2.5rem; padding-top:30px; padding-left:5%;}
.mobileNav .top ul { overflow: hidden; margin:35px 0 0 20px; }
.mobileNav .top li { float: left; position: relative; }
.mobileNav .top li:not(:first-child):before { content: ""; display: block; width: 1px; height: 10px; background: #ddd; float: left; margin:5px 10px 0; }
.mobileNav .top li a { color: #eee; }
.mobileNav .top .close { display: block; width: 22px; height: 22px; position: absolute; top: 35px; right: 15px; overflow: hidden; text-indent:-9999px; }
.mobileNav .top .close:before { content: ""; display: block; width: 2px; height: 30px; background: #222; position: absolute; top: -5px; left: 10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); border-radius:1px;  }
.mobileNav .top .close:after { content: ""; display: block; width: 2px; height: 30px; background: #222; position: absolute; top: -5px; right:10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); border-radius:1px; }
#gnbM { width:100%; overflow:hidden; border-bottom:1px solid #ddd; }
#gnbM > li { border-top:1px solid #ddd; }
#gnbM li:first-child { border-top:none; }
#gnbM li a { display:block; width:100%; text-indent:20px; position:relative;   }
#gnbM li a:before,
#gnbM li a:after { content: ""; display: block; position: absolute;  }
#gnbM > li > a { height:55px; line-height:55px; color:#555; font-size:1.9rem; font-weight:500; box-sizing:border-box; }
#gnbM > li > a:before { width: 2px; height: 12px; background: #fff; top:22px; right:25px;  }
#gnbM > li > a:after { width: 12px; height: 2px; background: #fff; top:27px; right:20px;  }
#gnbM > li.on > a { background:#4a944f; color: #fff; }
#gnbM > li.on > a:before { width:10px; height:10px; top: 19px; right:20px; background:none; box-sizing:border-box; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
#gnbM > li.on > a:after { display: none; }
#gnbM > li ul { display:none; background:#f5f5f5; overflow: hidden; }
#gnbM > li li { border-top:1px solid #ddd; }
#gnbM > li li a { height:45px; line-height:45px; color:#666; font-size:1.8rem; }
#gnbM > li li.on a { color:#0c4da2; background:#fff; }
#gnbM > li li a:before { width:10px; height:10px; top: 17px; right:20px; background:none; box-sizing:border-box; border-right:2px solid #999; border-bottom:2px solid #999; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
#gnbM > li li.on a:before { border-color:#0c4da2; }


/*main_visual*/
#main_visual {position: relative; height: 100vh;}
#main_visual .bx-wrapper, #main_visual .bx-viewport, #main_visual .bxslider, #main_visual .slider {height: 100%!important;}
#main_visual .bx-wrapper img {display: inline;}
#main_visual .bx-wrapper .bx-controls-direction a {display:block; width:36px; height:70px; text-indent:-999999px; position:absolute; top:50%; margin-top:-25px; z-index:9999;}
#main_visual .bx-wrapper .bx-prev {left: 50%; margin-left: -816px; background: url("/images/main/btn_prev.png") no-repeat left top;}
#main_visual .bx-wrapper .bx-next {right:50%; margin-right: -816px; background: url("/images/main/btn_next.png") no-repeat left top;}
#main_visual .bx-pager {position:absolute; bottom:220px; z-index:99;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager{width:100%; left:50%; margin-left:-650px; height:2px;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager div{display:inline-block;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a {display:block; width: 50px; height: 4px; box-sizing:border-box; text-indent:-999999px; background:rgba(255,255,255,0.5);}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus, #main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #fff;}
#main_visual .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff;}

#main_visual .slider_bg {background: url("../img/visual_bg.jpg") no-repeat bottom center; background-size: cover; animation: grow2 30s linear infinite;  -webkit-animation: grow2 30s linear infinite; -moz-animation: grow2 30s linear infinite;
}

@-moz-keyframes grow2 {
    0%   { background-size: auto 100%; }
    50% { background-size: auto 130%; }
    100% { background-size: auto 100%; }
}

@-webkit-keyframes grow2 {
    0%   { background-size: auto 100%; }
    50% { background-size: auto 130%; }
    100% { background-size: auto 100%; }
}

@keyframes grow2 {
    0%   { background-size: auto 100%; }
    50% { background-size: auto 130%; }
    100% { background-size: auto 100%; }
}

#main_visual .txt_wrap{max-width:1600px; padding-left:150px; margin:0 auto; vertical-align:middle; height:100%; width:100%; position:relative;}
#main_visual .txt_wrap > div{vertical-align:middle; color:#fff;}
#main_visual .txt_wrap > div.left{padding-bottom:50px;}
#main_visual .txt_wrap > div.right{padding:5% 0 0 0; position:relative;}
#main_visual .txt_wrap > div.right .txt{text-align:right; text-transform:uppercase; font-size:1.8rem; font-weight:100; letter-spacing:1px; padding:0 18% 10% 0;}
#main_visual .txt_wrap .title{font-size:8.0rem; font-weight:700; margin-bottom:30px;}
#main_visual .txt_wrap .txt{font-size:3.0rem; line-height:1.5;}

/*main_visual new*/
#main_visual_new {/*height: 100vh; position:fixed; top:0; left:0; width:100%;*/ position:relative; height: 100vh; background:#000;}
#main_visual_new .bx-wrapper, #main_visual_new .bx-viewport, #main_visual_new .bxslider, #main_visual_new .slider {height: 100%!important;}
#main_visual_new .bx-wrapper img {display: inline;}
#main_visual_new .bx-wrapper .bx-controls-direction a {display:block; width:36px; height:70px; text-indent:-999999px; position:absolute; top:50%; margin-top:-25px; z-index:9999;}
#main_visual_new .bx-wrapper .bx-prev {left: 50%; margin-left: -816px; background: url("/images/main/btn_prev.png") no-repeat left top;}
#main_visual_new .bx-wrapper .bx-next {right:50%; margin-right: -816px; background: url("/images/main/btn_next.png") no-repeat left top;}
#main_visual_new .bx-pager {position:absolute; bottom:250px; z-index:99;}
#main_visual_new .bx-wrapper .bx-pager.bx-default-pager{width:100%; left:50%; margin-left:-650px; height:2px;}
#main_visual_new .bx-wrapper .bx-pager.bx-default-pager div{display:inline-block;}
#main_visual_new .bx-wrapper .bx-pager.bx-default-pager a {display:block; width: 60px; height: 3px; box-sizing:border-box; text-indent:-999999px; background:rgba(255,255,255,0.5);}
#main_visual_new .bx-wrapper .bx-pager.bx-default-pager a:focus, #main_visual_new .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #fff;}
#main_visual_new .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff;}
#main_visual_new .slider01 {background: url("/new/img/visual_new01.jpg") no-repeat center center; 
	animation: grow 30s linear infinite; 
	-webkit-animation: grow 30s linear infinite;
    -moz-animation: grow 30s linear infinite;
    -ms-animation: grow 30s linear infinite;
    -o-animation: grow 30s linear infinite;}
#main_visual_new .slider02 {background: url("/new/img/visual_new02.jpg") no-repeat center center; 
	animation: grow 30s linear infinite; 
	-webkit-animation: grow 30s linear infinite;
    -moz-animation: grow 30s linear infinite;
    -ms-animation: grow 30s linear infinite;
    -o-animation: grow 30s linear infinite;}
#main_visual_new .slider03 {background: url("/new/img/visual_new03.jpg") no-repeat center center; 
	animation: grow 30s linear infinite; 
	-webkit-animation: grow 30s linear infinite;
    -moz-animation: grow 30s linear infinite;
    -ms-animation: grow 30s linear infinite;
    -o-animation: grow 30s linear infinite;}
#main_visual_new .txt_wrap{width:100%; height:100%; max-width:1300px; margin:0 auto;}
#main_visual_new .txt_wrap .table_cell{vertical-align:middle; color:#fff; padding-bottom:50px;}
#main_visual_new .txt_wrap .title{font-size:8.0rem; font-weight:700;line-height: 1;}
#main_visual_new .txt_wrap .title .green{color: #57e54b;}
#main_visual_new .txt_wrap .title .sml{font-size: 4rem;}
#main_visual_new .txt_wrap .txt{font-size:3.0rem; font-weight:300; padding-top:40px;}

@keyframes grow {
	 0%   { background-size: 100% auto; }
	 50% { background-size: 140% auto; }
	 100% { background-size: 100% auto; }
}

@-webkit-keyframes grow { 
	 0%   { background-size: 100% auto; }
	 50% { background-size: 140% auto; }
	 100% { background-size: 100% auto; }
	}
@-moz-keyframes grow { 
	 0%   { background-size: 100% auto; }
	 50% { background-size: 140% auto; }
	 100% { background-size: 100% auto; }
}
@-ms-keyframes grow { 
	 0%   { background-size: 100% auto; }
	 50% { background-size: 140% auto; }
	 100% { background-size: 100% auto; }
}
@-o-keyframes grow { 
	 0%   { background-size: 100% auto; }
	 50% { background-size: 140% auto; }
	 100% { background-size: 100% auto; }
}



/*.main_con_wrap{position:relative; top:100vh; width:100%; height:100%; background:#fff;}*/

/*메인 섹션*/
.product_in img{position:relative; left:50%; margin-left:-990px;}

/*제품소개1*/
#product01{background:#131313; color:#fff; overflow:hidden;}
#product01 .details{float:left; width:50%; margin-right:5%;}
#product01 .details li{position:relative; float:left; width:50%; cursor:pointer;}
#product01 .details li .over {position:absolute; left:0; top:0; opacity:0; transition:0.3s;}
#product01 .details li:hover .over {opacity:1;}
/* #product01 .details li:hover h2 {color:#1edb2b;} */
#product01 .details li.list1,
#product01 .details li.list2{margin-bottom:110px;}
#product01 .details h2{font-size:2.4rem; text-transform:uppercase; padding:40px 0 15px 0; transition:0.3s;}
#product01 .details p{font-size:1.6rem; font-weight:100;}
#product01 .vod{position:relative; float:right; max-width:555px; width:40%;line-height: 1;}
#product01 .vod video{width: 100%;}
#product01 .vod iframe{width: 100%;height: 300px;margin-top: 20px;}
#product01 .vod img{vertical-align:middle; max-width:100%; border: 8px solid #424242;}
#product01 .vod .details_img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; transition:0.2s;}
#product01 .vod .details_img.on {background-color: #131313;z-index:99;}
#product01 .vod .details_img div {display:none; position:absolute; top:50%; transform:translateY(-50%);}
#product01 iframe{/* margin:80px 0 0 8px; */}

/*제품소개2*/
#product02{background:url(../img/product02_bg.jpg) no-repeat bottom left; background-size:100% auto;}
#product02 .ms_title,
#product02_2 .ms_title{font-weight:400; border-bottom:3px solid #293645; text-transform:uppercase;}
#product02_2 .ms_title{border-bottom:none;}
#product02 .ms_title span.dot{position:relative; padding-top:20px; display:inline-block;}
#product02 .ms_title span.dot::before{content:""; display:block; position:absolute; width:7px; height:7px; border-radius:50%; left:50%; top:10px; margin-left:-4px; background:#222;}
#product02 .details > div {padding-bottom:85px;}
#product02 .details li{float:left; max-width:630px; width:49%;}
#product02 .details li:nth-child(2n){float:right;}
#product02 .details h3{font-size:3.0rem; font-weight:700; margin-bottom:20px; padding-top:45px;}
#product02 .details .txt{font-size:2.0rem; margin-bottom:35px;}
/* #product02 .pdt_list2 li:last-child img{margin-top:22px;} */
#product02 .pdt_list2 li,
#product02 .pdt_list3,
#product02 .pdt_list4{border-top:3px solid #293645;}
#product02 .pdt_list4 li:last-child img{margin-top:50px;}
#product02 .pdt_list3 li{width:auto; font-size:1.8rem; padding-top:130px; width:30%; margin-right:5%;}
#product02 .pdt_list3 li:first-child{background:url(../img/pdt_list3_ico1.png) left 20px no-repeat;}
#product02 .pdt_list3 li:nth-child(2){float:left; background:url(../img/pdt_list3_ico2.png) left 35px no-repeat;}
#product02 .pdt_list3 li:last-child{margin-right:0; background:url(../img/pdt_list3_ico3.png) left 15px no-repeat;}
#product02 .pdt_list3 li span{display:inline-block; width:39px; padding:1px 0; text-align:center; background:#b9b9b9; color:#fff; border-radius:30px; margin-right:10px;}

/*제품소개2_2*/
#product02_2 {background:#fafdf9;}
#product02_2 .details h3{font-size:3.0rem; font-weight:700; margin-bottom:20px; padding-top:45px; text-align:center;}
#product02_2 .pdt_list3{margin-bottom:50px;}
#product02_2 .pdt_list3 li{float:left; width:30%;  background:#fff; box-shadow:2px 3px 9px 0 rgba(0,0,0,0.1); padding:180px 2% 45px 2%; text-align:center; border:1px solid #e5e5e5; border-top:3px solid #39a214;}  
#product02_2 .pdt_list3 li.list2{margin:0 5%;}
#product02_2 .pdt_list3 li.list1{background:#fff url(/new/img/pdt_list3_ico1.jpg) center 45px no-repeat;}
#product02_2 .pdt_list3 li.list2{background:#fff url(/new/img/pdt_list3_ico2.jpg) center 45px no-repeat;}
#product02_2 .pdt_list3 li.list3{background:#fff url(/new/img/pdt_list3_ico3.jpg) center 45px no-repeat;}
#product02_2 .pdt_list3 li .num{font-size:2.2rem; display:block; margin-bottom:10px; font-weight:700;}
#product02_2 .pdt_list3 li p{font-size:1.8rem;}
#product02_2 .pdt_list4 p{font-size:2.0rem; text-align:center; margin-bottom:65px;}  
#product02_2 .pdt_list4 p span{font-weight:500;}
#product02_2 .pdt_list4 li{float:left;}
#product02_2 .pdt_list4 li:nth-child(2){float:right;}

#product02_2 .pdt_list5 {margin-top:4rem;}
#product02_2 .pdt_list5 h3 {/* margin-bottom:3rem; */ }
#product02_2 .pdt_list5 ul {display:flex; flex-wrap:wrap; justify-content: center; }
#product02_2 .pdt_list5 li {width:18%; margin:0 1%;margin-bottom:2rem;  -webkit-box-shadow: 2px 3px 9px 0 rgba(0,0,0,0.1); box-shadow: 2px 3px 9px 0 rgba(0,0,0,0.1); }
#product02_2 .pdt_list5 li img {width:100%;}

/*제품소개3*/
#product03{background:url(../img/product03_bg.jpg) no-repeat center center; background-size:cover;}
#product03 .ms_title{font-weight:400;}
#product03 li{float:left; max-width:560px; width:45%; text-align:center;}
#product03 li:nth-child(2n){float:right;}
#product03 li:nth-child(1),
#product03 li:nth-child(2){margin-bottom:100px;}
#product03 li h3{font-size:3.0rem; font-weight:700; padding-bottom:28px; border-bottom:2px solid #333333; margin-bottom:45px;}

/*제품소개4*/
#product04{background:url(../img/product04_bg.jpg) no-repeat center center; background-size:cover;}
#product04 .s_txt{color:#fff; margin-bottom:10px; font-size:1.5rem; font-weight:300; text-align:right;}
#product04 .s_txt > div{display:inline-block;}
#product04 .ms_title{font-weight:400; color:#fff;}
#product04 .details{background:#fff;}
#product04 li{float:left; width:20%; padding:60px 0; text-align:center; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6;}
#product04 li:nth-child(5),
#product04 li:nth-child(10){border-right:none;}
#product04 li h3{font-size:2.4rem; font-weight:700; margin-bottom:35px;}
#product04 li h3 span{font-size:1.8rem; font-weight:400;}
#product04 li img{margin-bottom:40px;}
#product04 li .time{background:#4c9e45; color:#fff; font-size:1.8rem; width:130px; padding:8px 0; margin:0 auto;} 

/*제품사양*/
.spec_wrap{overflow-x: scroll;}
.spec_wrap::-webkit-scrollbar{width: 6px;height: 6px;}
.spec_wrap::-webkit-scrollbar-thumb{width: 35px;height: 6px;border-radius: 3px;background: #606060;}
.table_basic {min-width: 500px; width: 100%; table-layout:fixed; border-spacing: 5px;}
.table_basic td, 
.table_basic th {text-align: center; vertical-align: middle; font-size:2.0rem; word-break:break-all;}
.table_basic thead th {padding:30px 2%; background:#293645; font-weight: 500; font-size:2.2rem; color:#fff;}
.table_basic thead th span{color:#ff6600;}
.table_basic thead th.bg_green{background:#8ab935;}
.table_basic tbody td {padding:20px 2%; word-break:break-all; background:#f7f8fa;}
/* .table_basic tbody td.kamp{background:#e6e9ef;} */
.table_basic tbody th {background:#eef5e1; font-weight: 700;}
.table_basic .s_txt{font-size:1.6rem; font-weight:400;}
.table_basic .bd{background:#eef5e1; border:1px solid #8ab935;}

.table_basic .img_wrap td{padding:20px 0;}
.table_basic .img_wrap td img{max-width: 100%;}


/*갤러리*/
#gallery{background:#1b1f2e; padding:130px 0 190px 0;}
#gallery .ms_inner{position:relative;}
#gallery .tt_wrap{margin-bottom:75px;}
#gallery .title{color:#fff; font-size:4.5rem; font-weight:700; float:left;}
#gallery .btn_more{float:right; margin-top:12px;}
#gallery .swiper-slide a{position:relative; padding-bottom:75px; display:block;}
#gallery .swiper-slide img{width:100%;}
#gallery .swiper-slide .txt_box{position:absolute; right:0; top:60%; background:#838383; width:90%; height:124px; float:right; padding:30px 0 0 30px;}
#gallery .swiper-slide .txt_box p{color:#fff; font-size:2.0rem; margin-bottom:18px;}
#gallery .swiper-slide .txt_box .date{color:#fff; font-size:1.5rem; font-weight:100;}
.swiper-button-next, .swiper-button-prev{display:none !important;}
#gallery .swiper-pagination{text-align:center; width:100%; margin-top:65px;}
#gallery .swiper-pagination-bullet{width:35px; height:4px; background:rgba(255,255,255,0.3); border-radius:0; margin:0 7px;}
#gallery .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}

#gallery.gallery2 {background:#f7f7f7; }
#gallery.gallery2 .title {color:#222;}
#gallery.gallery2 .swiper-slide .txt_box {background:#1b1f2e;}
#gallery.gallery2 .swiper-pagination-bullet{background:rgba(0,0,0,0.3);}
#gallery.gallery2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#222;}

/*게시판*/
#board .notice{float:left; max-width:580px; width:48%;}
#board .question{float:right; max-width:580px; width:48%;}
#board .tt_wrap{border-bottom:2px solid #4c9e45; padding-bottom:40px; margin-bottom:30px;}
#board .tt_wrap::after{content:""; display:block; clear:both;}
#board .tt_wrap h2{float:left; font-size:4.0rem; font-weight:700;}
#board .tt_wrap .btn_more{float:right;}
#board li{margin-bottom:18px;}
#board li:last-child{margin-bottom:0;}
#board li::after{content:""; display:block; clear:both;}
#board li a{font-size:2.0rem; max-width:480px; width:80%; float:left;}
#board li .date{float:right; font-size:1.7rem; font-weight:100;}

/*접수*/
#receipt{padding:120px 0; background:url(../img/receipt_bg.jpg) center center; background-size:cover; color:#fff;}
#receipt h2{font-size:3.5rem; font-weight:700; margin-bottom:60px;}
#receipt .receipt01{float:left; width:30%;}
#receipt .receipt02{float:left; width:30%; margin:0 5%;}
#receipt .receipt03{float:right; width:30%;}
#receipt li{margin-bottom:15px; width:100%;}
#receipt li:last-child{margin-bottom:25px;}
#receipt li::after{content:""; display:block; clear:both;}
#receipt li .left{float:left; width:30%; font-size:2.0rem; line-height:42px;}
#receipt li .right{float:left; width:70%;}
#receipt li input, 
#receipt li textarea,
#receipt li select{width:100%; height:46px; background:rgba(255,255,255,0.1); border:1px solid #fff; color:#fff;}
#receipt li select{color:#fff;}
#receipt li select option{background:none; color:#222;}
#receipt .receipt02 li:nth-child(2){margin-bottom:35px;}
#receipt .receipt02 li textarea{height:218px;}
#receipt .agree{font-size:2.0rem; margin-left:30%; margin-bottom:40px; cursor:pointer;}  
#receipt .agree .agree_box{width:19px; height:19px; margin-right:5px; border:1px solid #fff;}
#receipt .agree .agree_more{background:#4c9e45; border-radius:30px; font-size:1.4rem; display:inline-block; padding:3px 10px; margin-left:10px;}
#receipt .btn_receipt{width:137px; height:53px; background:#fff; border-radius:5px; border:none; font-size:2.0rem; margin-left:30%; color:#222;}

/*footer*/
#footer_wrap{background:#181b1e; padding:60px 0;}
#footer_wrap .f_logo{float:left; max-width:350px; width:25%; margin-right:5%;}
#footer_wrap .add_wrap{float:left; max-width:930px; width:70%; color:#fff;}
#footer_wrap .f_link{margin-bottom:25px;}
#footer_wrap .f_link li{float:left; padding:0 14px; position:relative;}
#footer_wrap .f_link li:first-child{padding-left:0;}
#footer_wrap .f_link li:last-child{padding-right:0;}
#footer_wrap .f_link li::before{position:absolute; content:""; display:block; left:0; top:50%; margin-top:0; width:4px; height:4px; border-radius:50%; background:#808183;}
#footer_wrap .f_link li:first-child::before{display:none;}
#footer_wrap .f_link li a{color:#fff; font-size:1.8rem; font-weight:500;}
#footer_wrap address{font-style:normal; font-weight:100; font-size:1.7rem; line-height:1.6;} 
#footer_wrap address span{display:block;}
#footer_wrap address span.copy{opacity:0.4; padding-top:8px;}
#footer_wrap address span a{color:#fff;}

.quick_banner{position:fixed; z-index:9999; top:50%; right:3%; color:#fff;background:#4c9e45; padding:0 10px 30px 10px; border-radius:50px; text-align:center;transform: translateY(-50%);}
.quick_banner .q_box1 a {padding:80px 0 20px;  background: url(/new/img/quick_ico2.png) center 30px no-repeat; }
.quick_banner .q_box2 a {padding:70px 0 20px;  background: url(/new/img/quick_ico.png) center 20px no-repeat; border:1px solid #eee; border-width:1px 0 0px;  }
.quick_banner .q_box3 a {padding:80px 0 0px;  background: url(/new/img/quick_ico4.png) center 30px no-repeat; border:1px solid #eee; border-width:1px 0 0px; }
.quick_banner .q_box4 a {padding:70px 0 20px;  background: url(/new/img/quick_ico5.png) center 22px no-repeat; border:1px solid #eee; border-width:1px 0 0px; }
.quick_banner span{font-size:15px; font-weight:300;}
.quick_banner p{font-size:14px; font-weight:500;}
.quick_banner a{color:#fff; display:block;}

/*서브비주얼*/
#sub_visual{background:url(../img/sub_visual.jpg) center center; background-size:cover; height:400px; color:#fff; text-transform:uppercase;}
#sub_visual .sc_inner{max-width:1300px; margin:0 auto;}
#sub_visual h2{font-size:5.5rem; font-weight:700; padding-top:165px; padding-bottom:22px; margin-bottom:15px; position:relative;}
#sub_visual h2::after{content:""; display:block; width:39px; height:2px; background:#fff; position:absolute; bottom:0; left:0;}
#sub_visual p{font-size:2.5rem;}

/*개인정보이용동의*/
.popup-wrap {display: none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.popup-wrap .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.popup-wrap .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50% !important; left: 50%; width: 716px; height:auto;  background-color:#fff; border: 0 none; z-index: 10;}	
.pop-layer .pop-container {position: relative; padding: 0;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .close {position: absolute; right: 20px; top: 20px; border-top: 0 none;}
.pop-layer .close .close-btn{cursor:pointer;}

#agree {background-color: #fff;}
#agree .pop-container {}
#agree .pop-conts {overflow: hidden; margin: 0 auto; color: #515151;}
#agree .pop-conts h2 {display: block; padding: 20px 20px 0; font-size: 2.2rem; font-weight: 400;}
#agree .personal {padding: 15px 20px 30px 20px; font-size: 1.5rem; line-height: 1.5em;}

/*게시판 스타일*/
.bd_title{font-size:4.5rem; font-weight:700; text-align:center; margin-bottom:40px;}
#bo_list,
#bo_v,
#bo_w,
#bo_gall,
.ctt_privacy{max-width:1300px; margin:120px auto 130px;}
#bo_cate,
#faq_wrap{max-width:1300px; margin:50px auto;}
#faq_wrap{margin-bottom:130px;}
#faq_sch{max-width:1300px; margin:0 auto;}
.btn_bo_user{font-size:1.4rem;}
.register{max-width:1000px; margin:120px auto 130px;}
.faq_title{margin-top:120px;}

/*내용관리 타이틀*/
#ctt_con .sb_title{font-size:4.5rem; font-weight:700; text-align:center; margin-bottom:80px;}
#ctt_con .ms_title span{padding-bottom:0;}

/*개인정보처리방침*/
.privacy {/*overflow-y: scroll; height: 650px; border: 1px solid #d5d5d5; padding: 10px;*/ margin:80px 0 100px 0;}



@media screen and ( max-width:1300px ){

	/*공통*/
	.ms_inner{padding:0 3%;}

	/*header*/
	#header{padding:0 3%;}
	#header .logo{margin-right: 20px;}
	#nav{width: 45%;}

	/*main_visual*/
	#main_visual_new .txt_wrap{padding:0 3%;}
	#main_visual_new .bx-wrapper .bx-pager.bx-default-pager{left:3%; margin:0;}

	/*제품소개4*/
	#product04 li{width:25%;}
	#product04 li h3{font-size:2.2rem; margin-bottom:15px;}
	#product04 li:nth-child(5){border-right:1px solid #d6d6d6;}
	#product04 li:nth-child(8){border-right:none;}
	#product04 li:nth-child(9),
	#product04 li:nth-child(10){width:50%;}
	#product04 li img{margin-bottom:20px;}

	/*게시판 CSS조절*/
	/*.sub_wrap{padding:0 3%;}*/
	.gall_row .col-gn-4{width:33.333%;}
	.gall_img{height:auto !important;}
	#bo_list, #bo_v, #bo_w, #bo_gall, #faq_wrap{margin-bottom:60px;}

	/*서브비주얼*/
	#sub_visual .sc_inner{padding:0 3%;}

	/*게시판 스타일*/
	#bo_list,
	#bo_v,
	#bo_w,
	#bo_gall,
	.ctt_privacy{padding:0 3%; margin:60px auto 60px;}
	#bo_cate,
	#faq_wrap{padding:0 3%; margin:50px auto;}
	.register{padding:0 3%; margin:50px auto 50px;}

	/*.sub_wrap{margin-top:60px !important;}*/

}

/* Tablet CSS */ 
@media screen and ( max-width:1024px ){

	/*공통*/
	.ms_title br{display:none;}
	.content_cursor img{max-width:100%;}

	/*header*/
	#header_wrap{height:100px; overflow:hidden;}
	#header .logo{margin-right:5%; margin-top:55px;}
	#header .logo img{width:180px;}
	#tnb{margin-right:0; margin-top:0; position:absolute; right:3%; top:15px;}

	 /*펼침메뉴*/
    .btn_all_menu {display: block; top:70px; outline:none;}
    #lnb_wrap.mo_nav {
        position: fixed; top: 0; right: 0; z-index: 900;
        width: 70%;  height:100vh; background: #fff; background-size:cover; color: #222;
    }
	.mo_nav_bg{background: rgba(0, 0, 0, 0.5); z-index: 99; top: 0; left: 0; width: 100%; height: 100%; position: fixed;}
    
     /*로컬메뉴*/
     .mo_nav .lnb, .mo_nav .lnb {float: none;}
     .mo_nav .lnb {padding: calc(0.5rem + 61px) 1rem 0.5rem 2rem;}
     #lnb_wrap.mo_nav .lnb li {float: none; margin: 0; padding: 10px 0; font-weight: 500; width:100%; text-align:left;}
     .mo_nav .lnb li:hover {}
     #lnb_wrap.mo_nav .lnb a {color: #222; font-size:2.2rem;}

	#nav.pc{display:none;}

	#main_visual .txt_wrap > div{display:block; text-align:center;}
	#main_visual .txt_wrap > div.left{padding:180px 0 20px 0;}
	#main_visual .txt_wrap > div.right{padding:0 5% 0 5%;}
	#main_visual .txt_wrap > div.right img{max-width:100%;}

	/*main_visual*/
	#main_visual_new .slider01 {background: url("/new/img/visual_new01.jpg") no-repeat center center; background-size:cover; animation: none;}
	#main_visual_new .slider02 {background: url("/new/img/visual_new02.jpg") no-repeat center center; background-size:cover; animation: none;}
	#main_visual_new .slider03 {background: url("/new/img/visual_new03.jpg") no-repeat center center;  background-size:cover; animation: none;}

	#main_visual_new .txt_wrap .title{font-size: 60px;}
	#main_visual_new .txt_wrap .title .sml{font-size: 30px;}
	#main_visual_new .txt_wrap .txt{font-size: 22px;padding-top: 30px;}


	/*제품소개1*/
	#product01 .details{width:100%; margin-bottom:100px; float:none;}
	#product01 .details ul::after{content:""; display:block; clear:both;}
	#product01 .details li.list1, #product01 .details li.list2{margin-bottom:80px;}
	#product01 .details li{text-align:center; width:48%; padding:0 1%;}
	#product01 .details li .over {left:50%; transform:translateX(-50%);}
	#product01 .vod{width:100%; height:auto; line-height:1; background:none; margin:0 auto; float:none;}
	#product01 iframe{margin:0; width:100%; height:300px;}

	/*제품소개4*/
	#product04 li h3{font-size:1.8rem; margin-bottom:10px;}
	#product04 li h3 span{font-size:1.7rem; display:block;}
	#product04 li{width:33.3333%; padding:15px 0 15px 0;}
	#product04 li img{height:50px; margin-bottom:10px;}
	#product04 li:nth-child(7), #product04 li:nth-child(8){width:50%;}
	#product04 li .time{margin:0 3%; width:94%;}

	/*마우스커서*/
	.cursor{display:none;}
}


/* Mobile CSS */
@media screen and ( max-width:797px ){

	html{ /*공통 폰트 적용*/
	font-size: 8px;
	overflow: hidden;
	}

	/*공통*/
	.ms_sc{padding:60px 0;}
	.ms_title{font-size:2.9rem; line-height:1.3; padding-bottom:40px;}
	.content_cursor .ms_title{font-size:2.6rem; line-height:1.3;}
	.ms_title span{padding-bottom:0;}
	.content_cursor {overflow:hidden;}

	/*main_visual*/
	#main_visual_new{height: calc(100vh - 70px);}
	#main_visual_new .bx-wrapper .bx-pager.bx-default-pager{bottom:30%; left:50%; margin-left:-60px;}
	#main_visual_new .bx-wrapper .bx-pager.bx-default-pager a{width:45px;}
	#main_visual_new .txt_wrap .table_cell{text-align:center; padding-bottom:20px;}
	#main_visual_new .txt_wrap .title{font-size: 28px;}
	#main_visual_new .txt_wrap .title .sml{font-size: 20px;}
	#main_visual_new .txt_wrap .txt{font-size: 16px;padding-top: 10px;}
	#main_visual_new .slider01 {background: url(/new/img/m_visual01.jpg) no-repeat center center; background-size: cover; animation: none;}
	#main_visual_new .slider02 {background: url(/new/img/m_visual02.jpg) no-repeat center center; background-size: cover; animation: none;}
	#main_visual_new .slider03 {background: url(/new/img/m_visual03.jpg) no-repeat center center; background-size: cover; animation: none;}

	/*제품소개1*/
	#product01 .details{margin-bottom:50px;}
	#product01 .details li img{height:70px;}
	#product01 .details h2{padding:15px 0 5px 0; line-height:1.3;}
	#product01 .details li.list1, #product01 .details li.list2{margin-bottom:30px;}
	#product01 .vod iframe{width: 100%;height: 250px;margin-top: 20px;}

	/*제품소개2*/
	#product02 .details > div,
	#product02 .details .pdt_list2 li:first-child{padding-bottom:40px;}
	#product02 .ms_title span{padding-top:5px;}
	#product02 .ms_title span::before{width:4px; height:4px; margin-left: -2px; top: 5px;}
	#product02 .details li{width:100%; max-width:inherit;}
	#product02 .details li:first-child{margin-bottom:40px;}
	#product02 .details h3{font-size:2.8rem; padding-top:30px;}
	#product02 .details .txt{margin-bottom:15px;}
	#product02 .details .txt br{display:none;}
	#product02 .pdt_list2 li:last-child img{margin-top:0;}
	#product02 .pdt_list3 li{width:30%; margin-right:5%;}
	#product02 .pdt_list3 li span{display:block; margin-bottom:8px;}
	#product02_2 .pdt_list5 li {width:31%;}

	/*제품소개2-2*/
	#product02_2 .pdt_list3 li{width:100%; padding:100px 2% 30px 2%;}
	#product02_2 .pdt_list3 li.list2{margin:20px 0;}
	#product02_2 .pdt_list3 li.list1{background:#fff url(/new/img/pdt_list3_ico1.jpg) center 20px no-repeat; background-size:auto 70px;}
	#product02_2 .pdt_list3 li.list2{background:#fff url(/new/img/pdt_list3_ico2.jpg) center 20px no-repeat; background-size:auto 70px;}
	#product02_2 .pdt_list3 li.list3{background:#fff url(/new/img/pdt_list3_ico3.jpg) center 20px no-repeat; background-size:auto 70px;}

	/*제품소개3*/
	#product03 li{width:100%; max-width:inherit;}
	#product03 li:nth-child(1), #product03 li:nth-child(2), #product03 li:nth-child(3){margin-bottom:50px;}
	#product03 li h3{font-size: 2.8rem; padding-bottom:15px; margin-bottom: 30px;}
	#product02_2 .pdt_list4 p{margin-bottom:30px;}
	#product02_2 .pdt_list4 li:first-child{margin-bottom:20px;}
	#product02_2 .details h3{padding-top:0;}

	/*제품사양*/
	.table_basic thead th{padding:10px 2%; font-size:1.8rem;}
	.table_basic td, .table_basic th{font-size:1.6rem;}

	/*갤러리*/
	#gallery .title{font-size:3.0rem;}
	#gallery .btn_more {margin-top:5px;}
	#gallery .btn_more img{width:50px;}
	#gallery .tt_wrap{margin-bottom:40px;}
	#gallery{padding:60px 0 90px 0;}
	#gallery .swiper-pagination{margin-top:20px;}
	#gallery .swiper-pagination-bullet{width:25px; height:2px;}

	/*게시판*/
	#board .notice,
	#board .question{width:100%; max-width:inherit;}
	#board .notice{margin-bottom:40px;}
	#board .tt_wrap h2{font-size:3.0rem;}
	#board .tt_wrap .btn_more img{width:50px;}
	#board .tt_wrap{padding-bottom:20px; margin-bottom:10px;}

	/*접수*/
	#receipt{padding:60px 0;}
	#receipt .receipt01,
	#receipt .receipt02,
	#receipt .receipt03{width:100%; margin:0 0 50px 0;}
	#receipt .receipt03{margin-bottom:0;}
	#receipt h2{font-size:3.0rem; margin-bottom:20px;}
	#receipt li,#receipt .receipt02 li:nth-child(2),#receipt li:last-child{margin-bottom:10px;}
	#receipt li .left{line-height:30px; width:25%;}
	#receipt li .right{width:75%;}
	#receipt li input, #receipt li textarea, #receipt li select{height:35px;}
	#receipt .receipt02 li textarea{height:100px;}
	#receipt .agree{margin-bottom:20px; margin-left: 25%;}
	#receipt .btn_receipt{height:38px;  margin-left: 25%;}

	.pop-layer{width:90%; margin:0 5%;}
	.pop-layer .close .close-btn img{width:18px;}

	/*footer*/
	#footer_wrap{padding:40px 0 100px;}
	#footer_wrap .f_logo{width:100%; max-width:inherit; margin-bottom:20px; text-align:center;}
	#footer_wrap .f_logo img{width:180px;}
	#footer_wrap .add_wrap{width:100%; max-width:inherit; text-align:center;}
	#footer_wrap .f_link{display:inline-block; margin-bottom:15px;}
	#footer_wrap .f_link li{padding:0 8px;}
	#footer_wrap .f_link li::before{width:3px; height:3px; margin-top:-2px; left: -1px;}

	.quick_banner{top:inherit; bottom:0; right:0; background:#4c9e45; background-size:25px; border-radius:0; width:100%; padding:10px 0; height:70px; transform: none; z-index:9999;}
	.quick_banner span{font-size:13px;}
	.quick_banner p{font-size:13px;}
	.quick_banner .q_box a {float:left; margin:0; padding:0; padding-top:32px; width:25%; border:0; border-right:1px solid #fff;}
	.quick_banner .q_box1 a { background: url(/new/img/quick_ico2.png) center top no-repeat; background-size:28px; }
	.quick_banner .q_box2 a { background: url(/new/img/quick_ico.png) center top no-repeat; background-size:28px; }
	.quick_banner .q_box3 a {	border: 0; background: url(/new/img/quick_ico4.png) center top no-repeat; background-size:28px; }
	.quick_banner .q_box4 a { background: url(/new/img/quick_ico5.png) center top no-repeat; background-size:28px; }
	.quick_banner .q_box1 span {display:none;}
	.quick_banner .q_box span {font-weight:600;}
	.quick_banner .q_box2 p,
	.quick_banner .q_box3 p{display:none;}

	/*서브비주얼*/
	#sub_visual {height:300px;}
	#sub_visual h2{padding-bottom: 15px; margin-bottom: 15px; font-size: 4.5rem; padding-top:140px;}
	#sub_visual h2::after{width:25px;}
	#sub_visual p {font-size: 1.8rem;}

	/* .quick_banner {top:inherit; bottom:0; width:100%;}
	.quick_banner  > div {width:50%; float:left; border-radius:0; } */
	
	/*게시판 CSS조절*/
	.gall_row .col-gn-4{width:50%;}

	/*회원가입*/
	#fregister p{height:auto; line-height:1.5; padding-bottom:5px;}

	/*게시판 스타일*/
	.bd_title{font-size:3rem; text-align:center; margin-bottom:30px;}
	#bo_list,
	#bo_v,
	#bo_w,
	#bo_gall,
	.ctt_privacy{max-width:1300px; margin:60px auto 60px;}
	#bo_cate,
	#faq_wrap{max-width:1300px; margin:50px auto;}
	#faq_wrap{margin-bottom:50px;}
	.btn_bo_user{font-size:1.4rem;}
	.register{max-width:1000px; margin:50px auto 50px;}
	.faq_title{margin-top:50px;}

	#bo_list .td_name{width:50px;}

	/*내용관리 타이틀*/
	#ctt_con .sb_title{font-size:3rem; margin-bottom:50px;}

} 


@media screen and ( max-width:440px ){
	
	/*제품소개1*/
	#product01 .details li.list1 h2,
	#product01 .details li.list2 h2{min-height:75px;}
	#product01 .details p br{display:none;}
	#product01 .details p{min-height:60px;}

}


/* 2024 제품소개 */
#sub_product{font-family: 'Pretendard', sans-serif;word-break: keep-all;padding: 90px 0 40px;}
#sub_product .inner{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 20px;}

#sub_product .top_box{display: flex;justify-content: space-between;align-items: end;}
#sub_product .top_box h3{font-size: 60px;font-weight: bold;line-height: 1.2;}
#sub_product .top_box a{display: block;height: fit-content;font-size: 16px;font-weight: bold;color: #fff;line-height: 1;padding: 18px 40px;background-color: #4C9E45;border: #4C9E45 solid 2px;border-radius: 999px;transition: color 0.3s, background-color 0.3s;}
#sub_product .top_box a span{padding-right: 30px;}
#sub_product .top_box a:hover{color: #4C9E45;background-color: #fff;}

#sub_product .products_list{display: flex;flex-wrap: wrap;gap: 40px;padding-top: 20px;}
#sub_product .products_list > li{position: relative;width: calc(50% - 20px);margin-top: 30px;}
#sub_product .products_list > li .img_box{position: relative;border: #E5E5E5 solid 1px;border-radius: 33px;overflow: hidden;}
#sub_product .products_list > li .img_box img{max-width: 100%;}
#sub_product .products_list > li.best_pd .img_box{border: #43AF3A solid 5px;}
/* #sub_product .products_list > li .img_box .hover_box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);opacity: 0;transition: opacity 0.3s;}
#sub_product .products_list > li:hover .img_box .hover_box{opacity: 1;}
#sub_product .products_list > li .img_box .hover_box a{position: relative;display: block;width: 100%;height: 100%;}
#sub_product .products_list > li .img_box .hover_box a span{position: absolute;top: 50%;left: 50%;display: flex;align-items: center;gap: 10px;font-size: 18px;font-weight: bold;background-color: #fff;border-radius: 999px;padding: 20px 40px;transform: translate(-50%, -50%);}
#sub_product .products_list > li .img_box .hover_box a img{width: 30px;height: 30px;} */
#sub_product .products_list > li .best{position: absolute;left: 50%;top: 0;font-size: 24px;font-weight: bold;color: #fff;line-height: 1;padding: 18px 50px;background-color: #43AF3A;border-radius: 30px 0 30px 0;transform: translate(-50%, -50%);z-index: 89;}

#sub_product .products_list > li .txt_box{display: flex;justify-content: space-between;align-items: start;flex-wrap: nowrap;text-align: center;margin-top: 30px;}
#sub_product .products_list > li .txt_box h4{min-width: 62%;font-size: 32px;font-weight: bold;color: #4C9E45;text-align: left;}
#sub_product .products_list > li .txt_box h4 a{color: #4C9E45;}
#sub_product .products_list > li .txt_box p{position: relative;min-width: 38%;font-size: 36px;font-weight: bold;text-align: right;}
#sub_product .products_list > li .txt_box p .hover_box{position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;gap: 10px;width: 100%;height: 100%;font-size: 18px;font-weight: bold;color: #fff;background-color: #43AF3A;border-radius: 999px;opacity: 0;transition: opacity 0.3s;}
#sub_product .products_list > li:hover .txt_box p .hover_box{opacity: 1;}
#sub_product .products_list > li .txt_box p span{transition: opacity 0.3s;}
#sub_product .products_list > li:hover .txt_box p span{opacity: 0;}
#sub_product .products_list > li .txt_box p .hover_box img{width: 30px;height: 30px;}


@media screen and (max-width:1024px) {
	#sub_product{padding: 60px 0 30px;}

	#sub_product .top_box h3{font-size: 42px;}
	#sub_product .top_box a{padding: 16px 32px;}
	#sub_product .top_box a span{padding-right: 20px;}

	#sub_product .products_list{gap: 30px;padding-top: 16px;}
	#sub_product .products_list > li{width: calc(50% - 15px);margin-top: 24px;}
	#sub_product .products_list > li.best_pd .img_box{border: #43AF3A solid 4px;}
	/* #sub_product .products_list > li .img_box .hover_box a span{width: 197px;gap: 8px;font-size: 17px;padding: 18px 36px;} */
	#sub_product .products_list > li .best{display: inline-block;width: 203px;font-size: 21px;padding: 16px 42px;border-radius: 26px 0 26px 0;}
	
	#sub_product .products_list > li .txt_box{flex-wrap: wrap;margin-top: 24px;}
	#sub_product .products_list > li .txt_box h4{width: 100%;font-size: 26px;text-align: center;}
	#sub_product .products_list > li .txt_box p{width: 100%;font-size: 30px;text-align: center;}
	#sub_product .products_list > li .txt_box p .hover_box{gap: 8px;font-size: 17px;}
	#sub_product .products_list > li .txt_box p .hover_box img{width: 26px;height: 26px;}
	
}
@media screen and (max-width:768px) {
	#sub_product{padding: 40px 0 20px;}
	.main_con #sub_product{padding: 60px 0 60px;}
	
	#sub_product .top_box{flex-direction: column;align-items: start;gap: 6px;}
	#sub_product .top_box h3{font-size: 28px;}
	#sub_product .top_box a{padding: 8px 16px;font-style: 15px;}
	#sub_product .top_box a span{padding-right: 10px;}
	
	#sub_product .products_list{gap: 20px;padding-top: 12px;}
	#sub_product .products_list > li{width: 100%;margin-top: 20px;}
	#sub_product .products_list > li:nth-child(4){display: none;}
	#sub_product .products_list > li .img_box{border-radius: 23px;}
	#sub_product .products_list > li.best_pd .img_box{border: #43AF3A solid 3px;}
	/* #sub_product .products_list > li .img_box .hover_box a span{width: 182px;gap: 6px;font-size: 16px;padding: 12px 32px;}
	#sub_product .products_list > li .img_box .hover_box a img{width: 26px;height: 26px;} */
	#sub_product .products_list > li .best{width: fit-content;font-size: 16px;padding: 12px 30px;border-radius: 20px 0 20px 0;}

	#sub_product .products_list > li .txt_box{margin-top: 18px;}
	#sub_product .products_list > li .txt_box h4{font-size: 20px;}
	#sub_product .products_list > li .txt_box p{font-size: 24px;}
	#sub_product .products_list > li .txt_box p .hover_box{gap: 6px;font-size: 16px;}
	#sub_product .products_list > li .txt_box p .hover_box img{width: 22px;height: 22px;}

}

/* 2024 악세서리 */
#sub_accessory{font-family: 'Pretendard', sans-serif;word-break: keep-all;padding: 90px 0 100px;}
#sub_accessory *{word-break: keep-all;}
#sub_accessory .inner{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 20px;}

#sub_accessory h3{font-size: 60px;font-weight: bold;line-height: 1.2;}

#sub_accessory .accessory_list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
#sub_accessory .accessory_list > li{width: 31.78%;padding-bottom: 80px;}
#sub_accessory .accessory_list > li .img_box{position: relative;}
#sub_accessory .accessory_list > li .img_box .hover_box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);opacity: 0;transition: opacity 0.3s;}
#sub_accessory .accessory_list > li:hover .img_box .hover_box{opacity: 1;}
#sub_accessory .accessory_list > li .img_box .hover_box a{position: relative;display: block;width: 100%;height: 100%;}
#sub_accessory .accessory_list > li .img_box .hover_box a span{position: absolute;top: 50%;left: 50%;display: flex;align-items: center;gap: 10px;font-size: 18px;font-weight: bold;background-color: #fff;border-radius: 999px;padding: 20px 40px;transform: translate(-50%, -50%);}
#sub_accessory .accessory_list > li .img_box .hover_box a img{width: 30px;height: 30px;}

#sub_accessory .accessory_list > li .txt_box{display: flex;justify-content: space-between;align-items: start;flex-wrap: nowrap;margin-top: 30px;}
#sub_accessory .accessory_list > li .txt_box h4{flex: 1.2;font-size: 27px;font-weight: bold;color: #404040;}
#sub_accessory .accessory_list > li .txt_box p{position: relative;flex: 0.8;font-size: 35px;font-weight: bold;text-align: right;}
#sub_accessory .accessory_list > li .txt_box p .hover_box{position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;gap: 8px;width: 100%;height: 100%;font-size: 17px;font-weight: bold;color: #fff;background-color: #43AF3A;border-radius: 999px;opacity: 0;transition: opacity 0.3s;}
#sub_accessory .accessory_list > li:hover .txt_box p .hover_box{opacity: 1;}
#sub_accessory .accessory_list > li .txt_box p span{transition: opacity 0.3s;}
#sub_accessory .accessory_list > li:hover .txt_box p span{opacity: 0;}
#sub_accessory .accessory_list > li .txt_box p .hover_box img{width: 30px;height: 30px;}


@media screen and (max-width:1024px) {
	#sub_accessory{padding: 60px 0 60px;}
	
	#sub_accessory h3{font-size: 42px;}
	
	#sub_accessory .accessory_list{margin-top: 30px;}
	#sub_accessory .accessory_list > li{padding-bottom: 60px;}
	#sub_accessory .accessory_list > li .img_box .hover_box a span{width: 197px;gap: 8px;font-size: 17px;padding: 18px 36px;}
	
	#sub_accessory .accessory_list > li .txt_box{flex-wrap: wrap;margin-top: 20px;}
	#sub_accessory .accessory_list > li .txt_box h4{flex: none;width: 100%;font-size: 22px;text-align: center;}
	#sub_accessory .accessory_list > li .txt_box p{flex: none;width: 100%;font-size: 26px;text-align: center;}
	#sub_accessory .accessory_list > li .txt_box p .hover_box{gap: 6px;font-size: 16px;}
	#sub_accessory .accessory_list > li .txt_box p .hover_box img{width: 26px;height: 26px;}

}
@media screen and (max-width:768px) {
	#sub_accessory{padding: 40px 0 40px;}
	
	#sub_accessory h3{font-size: 28px;}
	
	#sub_accessory .accessory_list{margin-top: 20px;}
	#sub_accessory .accessory_list > li{width: 48.5%;padding-bottom: 40px;}
	#sub_accessory .accessory_list > li .img_box .hover_box a span{width: 90px;height: 90px;flex-direction: column;gap: 4px;font-size: 15px;padding: 12px;text-align: center;border-radius: 50%;line-height: 1.2;}
	#sub_accessory .accessory_list > li .img_box .hover_box a img{width: 26px;height: 26px;}

	#sub_accessory .accessory_list > li .txt_box{margin-top: 18px;}
	#sub_accessory .accessory_list > li .txt_box h4{font-size: 18px;}
	#sub_accessory .accessory_list > li .txt_box p{font-size: 22px;}
	#sub_accessory .accessory_list > li .txt_box p .hover_box{gap: 4px;font-size: 15px;}
	#sub_accessory .accessory_list > li .txt_box p .hover_box img{width: 22px;height: 22px;}

}