@charset "utf-8";

.over_zum { background:#; overflow: hidden; }
.over_zum  img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	opacity:1.0;
}
.over_zum:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
	opacity:1.0;
}

/* 사각 +버튼 */
.btn-plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border: 1px solid #333;
  border-radius: 0;
  background: transparent;
  position: relative;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
  text-decoration: none;
}

.btn-plus::before,
.btn-plus::after {
  content: '';
  position: absolute;
  background: #333;
  border-radius: 0;
}
.btn-plus::before {
  width: 25px;
  height: 1px;
}
.btn-plus::after {
  width: 1px;
  height: 25px;
}
.btn-plus:hover::before,
.btn-plus:hover::after {
  content: '';
  position: absolute;
  background: #fff;
  border-radius: 0;
}
.btn-plus:hover {
  background: #aa2d29; border: 1px solid #aa2d29;
}

/* 반응형 */
@media (min-width:768px) and (max-width:1599px){
  .btn-plus {
    width: 60px;
    height: 60px;
  }
  .btn-plus::before { width: 20px; }
  .btn-plus::after  { height: 20px; }
}
@media (max-width: 768px) {
  .btn-plus { margin:0 auto;
    width: 40px;
    height: 40px;
  }
  .btn-plus::before { width: 14px; }
  .btn-plus::after  { height: 14px; }
}
/* //사각 +버튼 */

#value { padding:120px 0; background:url(../images/m_value_bg.png) left bottom/60% no-repeat; }
#value .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1600px; }
#value .wrapper article { display:flex; flex-direction:column; width:35%; margin:30px 2% 0; }
#value .wrapper article h2 { margin:25px 0; font-size:2.2rem; color:#111; line-height:3.0rem; }
#value .wrapper article h3 { font-size:1.2rem; color:#aa2d29; line-height:1.5rem; }
#value .wrapper article p { font-size:1.05rem; color:#555; }
#value .wrapper article a { margin-top:auto; }
#value .wrapper .pic { display:flex; width:25%; }
#value .wrapper .pic img { object-fit:cover; width:100%; }
#value .wrapper .content_wrap { width:30%; margin:auto 0; }
#value .wrapper .content_wrap ul { display:flex; flex-wrap:wrap; border-bottom:1px solid #dedede; padding:25px 15px; }
#value .wrapper .content_wrap ul:last-child { border-bottom:0px solid #dedede; }
#value .wrapper .content_wrap ul li.tit { width:30%; font-size:1.2rem; font-weight:700; color:#aa2d29; }
#value .wrapper .content_wrap ul li { width:70%; }
#value .wrapper .content_wrap ul li strong { display:block; font-size:1.1rem; color:#111; }
#value .wrapper .content_wrap ul li p { display:block; margin:8px 0 0; font-size:0.9rem; color:#777; line-height:1.3rem; }

#product { margin:120px 0; }
#product > article { text-align:center; }
#product > article h2 { margin:20px 0 10px; font-size:2.2rem; color:#111; line-height:3.0rem; }
#product > article h3 { font-size:1.2rem; color:#aa2d29; line-height:1.5rem; }
#product > article p { font-size:1.05rem; color:#555; }
#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:70px auto; width:90%; max-width:1600px; }
#product .content_wrap .content { display:flex; flex-direction:column; width:48%; }
#product .content_wrap .content .pic { display:flex; width:100%; }
#product .content_wrap .content .pic img { object:cover; width:100%; }
#product .content_wrap .content article { display:flex;flex-wrap:wrap; margin:40px 0; }
#product .content_wrap .content article h2 { width:17%; font-size:2.7rem; color:#111; }
#product .content_wrap .content article .item { width:65%; margin:0 2%; }
#product .content_wrap .content article .item h3 { font-size:1.2rem; font-weight:600; color:#aa2d29; }
#product .content_wrap .content article .item p { display:block; margin:8px 0 0; font-size:0.9rem; color:#777; line-height:1.3rem; }
#product .content_wrap .content article .item ul { display:flex; flex-wrap:wrap; margin:8px 0 0; }
#product .content_wrap .content article .item ul li { border-radius:30px; border:1px solid #dedede; padding:2px 6px; margin:5px 5px 0 0; font-size:0.7rem; color:#bdbdbd; line-height:1.0rem; text-align:center; }
#product .content_wrap .content article a { margin-left:auto; }
#product .content_wrap .content:nth-child(2) .pic { order:2; }
#product .content_wrap .content:nth-child(2) article { display:flex;flex-wrap:wrap; margin:20px 0 40px; }

#result { background:url(../images/m_result_bg.jpg) center/cover no-repeat; background-attachment:fixed; padding:110px 0; }
#result article { text-align:center; }
#result article h2 { margin:20px 0 10px; font-size:2.2rem; color:#fff; line-height:3.0rem; }
#result article h3 { font-size:1.2rem; color:#fff; line-height:1.5rem; }
#result article p { font-size:1.05rem; color:#fff; }
#result .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px auto 0; width:90%; }
#result .content { margin:0; width:100%; }
.post_list { width:100%; }
.post_list ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.post_list li.content { }
.post_list li.content img { border:0px solid #598dd4; width:95%; height:100%; margin:0 auto; aspect-ratio: 2 / 1.5; } /* aspect-ratio: 1 / 1; 이미지 1:1 비율*/
#pager{ display:none; margin-top:40px; text-align:center; }
.prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; margin:0 5px; cursor:pointer; transition:all 0.2s; }
.next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; margin:0 5px; cursor:pointer; transition:all 0.2s; }
.prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
.next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }
#result .gallbtn { margin:30px 0 0; text-align:center; }
#result .gallbtn a { display:inline-block; border-radius:30px; background:#d5b995; padding:10px 25px; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#result .gallbtn a:hover { background:#c7aa84; }

#support { display:flex; justify-content:space-between; flex-wrap:wrap; margin:100px auto; width:90%; max-width:1600px; }
#support .bbs_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:47%; }
#support .bbs_wrap article { display: flex; flex-direction:column; width:25%; }
#support .bbs_wrap article h2 { margin:10px 0; font-size:1.5rem; color:#111; line-height:1.9rem; }
#support .bbs_wrap article h3 { font-size:1.1rem; color:#aa2d29; line-height:1.5rem; }
#support .bbs_wrap article a { margin-top:auto; width:40px; height:40px; }
#support .bbs_wrap .list { width:70%; }
#support .content { width:47%; margin:auto 0; }
#support .content article { padding: 0 10px; }
#support .content article img { height: 35px; }
#support .content .item { display:flex; flex-wrap:wrap; border-bottom:1px solid #dedede; padding:25px 10px; }
#support .content .item:last-child { border:0; }
#support .content .item h2 { margin:auto 5%; font-size:1.2rem; color:#111; }
#support .content .item p { margin:auto 0; font-size:0.9rem; }
#support .content .item img { margin:auto 0; }
#support .content .item a { margin-left:auto; width:40px; height:40px; }




@media (min-width:1600px) {
	
.view_pc{ display:block; }
.view_mob { display:none; }







/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #dedede; padding:20px 0 10px; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:75%; font-size:1.0rem; font-weight:500; color:#222; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:1.0em; color:#909090; line-height:1.7em; letter-spacing:0.5px;}


}


@media (min-width:768px) and (max-width:1599px){

.view_pc{ display:block; }
.view_mob { display:none; }

#value { padding:100px 0; background:url(../images/m_value_bg.png) left bottom/60% no-repeat; }
#value .wrapper { width:90%; }
#value .wrapper article { display:flex; flex-direction:column; width:28%; margin:30px 1% 0; }
#value .wrapper .pic { display:flex; width:28%; }
#value .wrapper .content_wrap { width:35%; margin:auto 0; }
#value .wrapper .content_wrap ul li.tit { width:100%; font-size:1.2rem; font-weight:700; color:#aa2d29; }
#value .wrapper .content_wrap ul li { width:100%; }

#product { margin:100px 0; }
#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px auto; width:90%; }
#product .content_wrap .content article h2 { font-size:2.2rem; color:#111; }
#product .content_wrap .content article h2 { width:100%; font-size:2.7rem; color:#111; }
#product .content_wrap .content article .item { width:100%; margin:15px 0; }

#result { padding:100px 0; }

#support .bbs_wrap article a { margin-top:auto; width:30px; height:30px; }
#support .content article img { height: 30px; }
#support .content .item { display:flex; flex-wrap:wrap; border-bottom:1px solid #dedede; padding:25px 10px; }
#support .content .item:last-child { border:0; }
#support .content .item h2 { margin:auto 5%; font-size:1.2rem; color:#111; }
#support .content .item p { margin:auto 0; font-size:0.9rem; }
#support .content .item img { margin:auto 0; height: 15px; }
#support .content .item a { margin-left:auto; width:30px; height:30px; }


/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #dedede; padding:20px 0 10px; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:60%; font-size:1.0rem; font-weight:500; color:#; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:1.0em; color:#909090; line-height:1.7em; letter-spacing:0.5px;}

}



@media (max-width:767px){
	
.view_pc{ display:none; }
.view_mob { display:block; }	

#value { padding:70px 0; background:url(../images/m_value_bg.png) left bottom/70% no-repeat; }
#value .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#value .wrapper article { display:flex; flex-direction:column; width:100%; margin:0; text-align:center; }
#value .wrapper article h2 { margin:15px 0; font-size:1.3rem; color:#111; line-height:1.9rem; }
#value .wrapper article h3 { font-size:1.1rem; color:#aa2d29; line-height:1.5rem; }
#value .wrapper article p { font-size:1.05rem; color:#555; }
#value .wrapper article a { margin-top:30px; }
#value .wrapper .pic { display:flex; width:70%; margin:40px auto 20px; }
#value .wrapper .pic img { object-fit:cover; width:100%; }
#value .wrapper .content_wrap { width:100%; margin:auto 0; }
#value .wrapper .content_wrap ul { display:flex; flex-wrap:wrap; border-bottom:1px solid #dedede; padding:20px 0; }
#value .wrapper .content_wrap ul:last-child { border-bottom:0px solid #dedede; }
#value .wrapper .content_wrap ul li.tit { width:30%; font-size:1.0rem; font-weight:700; color:#aa2d29; }
#value .wrapper .content_wrap ul li { width:62%; margin-left:3%; }
#value .wrapper .content_wrap ul li strong { display:block; font-size:1.0rem; color:#111; }
#value .wrapper .content_wrap ul li p { display:block; margin:8px 0 0; font-size:0.9rem; color:#777; line-height:1.3rem; }

#product { margin:70px 0; }
#product > article { text-align:center; }
#product > article h2 { margin:15px 0; font-size:1.3rem; color:#111; line-height:1.9rem; }
#product > article h3 { font-size:1.1rem; color:#aa2d29; line-height:1.5rem; }
#product > article p { font-size:1.05rem; color:#555; }
#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto; width:90%; }
#product .content_wrap .content { display:flex; flex-direction:column; width:100%; }
#product .content_wrap .content .pic { display:flex; width:100%; }
#product .content_wrap .content .pic img { object:cover; width:100%; }
#product .content_wrap .content article { display:flex; flex-wrap:wrap; margin:25px 0; }
#product .content_wrap .content article h2 { width:100%; font-size:1.8rem; color:#111; }
#product .content_wrap .content article .item { width:100%; margin:15px 0 0; }
#product .content_wrap .content article .item h3 { font-size:1.2rem; font-weight:600; color:#aa2d29; }
#product .content_wrap .content article .item p { display:block; margin:8px 0 0; font-size:0.9rem; color:#777; line-height:1.3rem; }
#product .content_wrap .content article .item ul { display:flex; flex-wrap:wrap; margin:8px 0 0; }
#product .content_wrap .content article .item ul li { border-radius:30px; border:1px solid #dedede; padding:2px 6px; margin:5px 5px 0 0; font-size:0.7rem; color:#bdbdbd; line-height:1.0rem; text-align:center; }
#product .content_wrap .content article a { margin:20px 0 0; }
#product .content_wrap .content:nth-child(2) { margin:35px 0 0;  }
#product .content_wrap .content:nth-child(2) article { order:2; margin:25px 0 0; }

#result { background:url(../images/m_result_bg.jpg) center/cover no-repeat; background-attachment:fixed; padding:60px 0; }
#result article { text-align:center; }
#result article h2 { margin:15px 0; font-size:1.3rem; color:#fff; line-height:1.9rem; }
#result article h3 { font-size:1.1rem; color:#fff; line-height:1.5rem; }
#result article p { font-size:1.05rem; color:#fff; }
#result .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:35px auto 0; width:90%; }
#result .content { margin:0; width:100%; }
.post_list { width:100%; }
.post_list ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
.post_list li.content {  }
.post_list li.content img { border:0px solid #598dd4; width:95%; height:100%; margin:0 auto; /* aspect-ratio: 1 / 1; */ } /* aspect-ratio: 1 / 1; 이미지 1:1 비율*/
#pager{ display:none; margin-top:40px; text-align:center; }
.prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; margin:0 5px; cursor:pointer; transition:all 0.2s; }
.next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; margin:0 5px; cursor:pointer; transition:all 0.2s; }
.prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
.next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }
#result .gallbtn { margin:30px 0 0; text-align:center; }
#result .gallbtn a { display:inline-block; border-radius:30px; background:#d5b995; padding:10px 25px; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#result .gallbtn a:hover { background:#c7aa84; }

#support { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px auto; width:90%; }
#support .bbs_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; }
#support .bbs_wrap article { width:100%; }
#support .bbs_wrap article h2 { margin:10px 0 0; font-size:1.4rem; color:#111; line-height:1.9rem; }
#support .bbs_wrap article h3 { font-size:1.1rem; color:#aa2d29; line-height:1.5rem; }
#support .bbs_wrap article a { margin:15px 0 0; width:30px; height:30px; }
#support .bbs_wrap .list { width:100%; margin: 20px 0 0; }
#support .content { width:100%; margin:60px 0 0; }
#support .content article { padding: 0 0; }
#support .content article img { height: 25px; }
#support .content .item { position:relative; display:flex; flex-wrap:wrap; border-bottom:1px solid #dedede; padding: 20px 0; }
#support .content .item:last-child { border:0; }
#support .content .item h2 { margin:auto 5%; font-size:1.0rem; color:#111; }
#support .content .item p { margin:auto 0; font-size:0.9rem; }
#support .content .item img { margin:auto 0; height:12px; }
#support .content .item a { position:absolute; right:0; margin-top:-5px; width:30px; height:30px; }




/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #dedede; padding:10px 0 6px; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:65%; font-size:1.0rem; font-weight:400; color:#; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0;}


}








/*갤러리게시판
.latestGallery li { float:left; width:200px; margin:0 10px 20px 10px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:198px; border:1px #e3e3e3 solid; }
.latestGallery li .caption { width:200px; height:30px; margin-top:10px; font-size:16px; font-weight:400; text-align:center; overflow:hidden; z-index:9; }
*/
