@charset "utf-8";
@import url('font.css');

.over_zum { background:#fff; 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;
}
.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:0.7;
}



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

#product { width:90%; max-width:1500px; margin:120px auto; }
#product article { display:block; text-align:center; }
#product article h2 { font-size:2.5em; color:#111; line-height:1.5em; }
#product article h2 span { color:#f81e24; }
#product article p { display:block; margin:10px 0 0; font-size:1.1em; color:#333; line-height:1.5em; }
#product .content_wrap { margin:70px 0 0; }

#gallery { margin:120px 0; }
#gallery article { width:90%; max-width:1500px; margin:0 auto; }
#gallery article h2 { display:block; margin:10px 0; font-size:2.5em; color:#111; line-height:1.5em; }
#gallery article h3 { font-size:1.5em; color:#f81e24; line-height:1.5em; }
#gallery article p { display:block; margin:20px 0 0; font-size:1.1em; color:#333; line-height:1.5em; }
#gallery .content { margin:30px 0 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-radius:15px; border:0px solid #598dd4; width:95%; margin:0 auto; }
#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; }
#gallery .btn a { display:inline-block; border:1px solid #fff; padding:10px 20px; margin:60px auto 0; font-family: 'GmarketSansMedium'; font-size:0.7em; color:#fff; text-align:center; transition:0.5s; }
#gallery .btn a:hover { background:#fff; border:1px solid #fff; color:#0054c7;}

#builtin { background:url(../images/main_builtin_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:130px 0; }
#builtin .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1500px; }
#builtin .wrapper article { width:40%; }
#builtin .wrapper article h2 { display:block; margin:10px 0; font-size:2.5em; color:#fff; line-height:1.5em; }
#builtin .wrapper article h3 { font-size:1.5em; color:#f81e24; line-height:1.5em; }
#builtin .wrapper article p { display:block; margin:20px 0 0; font-size:1.1em; color:#fff; line-height:1.5em; }
#builtin .wrapper .content_wrap { width:40%; }
#builtin .wrapper .content_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
#builtin .wrapper .content_wrap ul li { margin:1.2% 0; width:49%; }
#builtin .wrapper .content_wrap ul li a { display:block; background:rgba(0,0,0,.3); border:1px solid #5f5e5c; padding:15px; font-size:1.0em; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#builtin .wrapper .content_wrap ul li a:hover { background:#f81e24; border:1px solid #f81e24; }

#healty { background:url(../images/main_healty_bg.jpg) #f6f6f6 right no-repeat; background-size:50%; padding:130px 0 0; }
#healty .wrapper { display:flex; flex-direction:column; margin:0 auto; width:90%; max-width:1500px; }
#healty .wrapper article { width:40%; }
#healty .wrapper article h2 { display:block; margin:10px 0; font-size:2.5em; color:#111; line-height:1.5em; }
#healty .wrapper article h3 { font-size:1.5em; color:#f81e24; line-height:1.5em; }
#healty .wrapper article p { display:block; margin:20px 0 0; font-size:1.1em; color:#333; line-height:1.5em; }
#healty .wrapper .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:auto 0; margin:150px 0 30px; width:40%; }
#healty .wrapper .content_wrap .content { width:19%; }
#healty .wrapper .content_wrap .content a { display:inline-block; transition:.3s; }
#healty .wrapper .content_wrap .content .pic { background:#fff; border:1px solid #d9d9d9; }
#healty .wrapper .content_wrap .content .pic img { width:100%; }
#healty .wrapper .content_wrap .content h2 { display:block; margin:10px; font-size:1.0em; color:#111; text-align:center; }
#healty .wrapper .content_wrap .content a:hover .pic { border:1px solid #f81e24; transition:.3s; }
#healty .wrapper .content_wrap .content a:hover h2 { color:#f81e24; transition:.3s; }
#healty .pic_mob { display:none; }

#subscribe { display:flex; flex-direction:column; margin:130px auto; width:90%; max-width:1500px; }
#subscribe article { display:block; margin:0 0 60px; }
#subscribe article h2 { display:block; margin:10px 0; font-size:2.5em; color:#111; line-height:1.5em; }
#subscribe article h3 { font-size:1.5em; color:#f81e24; line-height:1.5em; }
#subscribe article p { display:block; margin:20px 0 0; font-size:1.1em; color:#333; line-height:1.5em; }
#subscribe .pic2 { display:flex; background:url(../images/main_subs_pic.jpg) center; background-size:cover; padding:420px 0 0; } 
#subscribe .pic2 span { margin-top:auto; margin-left:auto; }
#subscribe .pic2 span a { display:inline-block; background:#f81e24; padding:30px 60px; font-size:1.2em; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#subscribe .pic2 span a:hover { background:#fff; color:#f81e24; }

#award { background:url(../images/main_award.jpg) center no-repeat; background-size:cover; padding:110px 0; }
#award .wrapper { margin:0 auto; width:90%; max-width:1500px; }
#award .wrapper article { width:40%; }
#award .wrapper article h2 { display:block; font-size:2.5em; color:#fff; line-height:1.4em; }
#award .wrapper article h3 { font-size:1.5em; color:#f81e24; line-height:1.5em; }
#award .wrapper article p { display:block; margin:30px 0 0; font-size:1.1em; color:#fff; line-height:1.5em; }
#award .wrapper ul { display:flex; margin:50px 0 0; }
#award .wrapper ul li { margin:0 10px 0 0; }
#award .wrapper ul li a { display:inline-block; border:1px solid #828181; padding:10px 25px; font-size:1.0em; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#award .wrapper ul li a:hover { border:1px solid #f81e24; color:#f81e24; }


/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:75%; font-size:1.0em; font-weight:400; color:#333; 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.5px;}
}


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

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

#product { width:90%; margin:110px auto; }
#product article { display:block; text-align:center; }
#product article h2 { font-size:2.2em; color:#111; line-height:1.5em; }
#product article h2 span { color:#f81e24; }
#product article p { display:block; margin:10px 0 0; font-size:1.1em; color:#333; line-height:1.5em; }
#product .content_wrap { margin:60px 0 0; }

#gallery { margin:110px 0; }
#gallery article { width:90%; margin:0 auto; }
#gallery article h2 { display:block; margin:10px 0; font-size:2.2em; color:#111; line-height:1.5em; }
#gallery article h3 { font-size:1.3em; color:#f81e24; line-height:1.5em; }
#gallery article p { display:block; margin:20px 0 0; font-size:1.1em; color:#333; line-height:1.5em; }
#gallery .content { margin:30px 0 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-radius:15px; border:0px solid #598dd4; width:95%; margin:0 auto; }
#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; }
#gallery .btn a { display:inline-block; border:1px solid #fff; padding:10px 20px; margin:60px auto 0; font-family: 'GmarketSansMedium'; font-size:0.7em; color:#fff; text-align:center; transition:0.5s; }
#gallery .btn a:hover { background:#fff; border:1px solid #fff; color:#0054c7;}

#builtin { background:url(../images/main_builtin_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0; }
#builtin .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#builtin .wrapper article { width:40%; }
#builtin .wrapper article h2 { display:block; margin:10px 0; font-size:2.2em; color:#fff; line-height:1.5em; }
#builtin .wrapper article h3 { font-size:1.3em; color:#f81e24; line-height:1.5em; }
#builtin .wrapper article p { display:block; margin:20px 0 0; font-size:1.1em; color:#fff; line-height:1.5em; }
#builtin .wrapper .content_wrap { width:40%; }
#builtin .wrapper .content_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
#builtin .wrapper .content_wrap ul li { margin:1.2% 0; width:49%; }
#builtin .wrapper .content_wrap ul li a { display:block; background:rgba(0,0,0,.3); border:1px solid #5f5e5c; padding:12px; font-size:1.0em; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#builtin .wrapper .content_wrap ul li a:hover { background:#f81e24; border:1px solid #f81e24; }

#healty { background:url(../images/main_healty_bg.jpg) #f6f6f6 right no-repeat; background-size:50%; padding:120px 0 0; }
#healty .wrapper { display:flex; flex-direction:column; margin:0 auto; width:90%; }
#healty .wrapper article { width:40%; }
#healty .wrapper article h2 { display:block; margin:10px 0; font-size:2.2em; color:#111; line-height:1.5em; }
#healty .wrapper article h3 { font-size:1.3em; color:#f81e24; line-height:1.5em; }
#healty .wrapper article p { display:block; margin:20px 0 0; font-size:1.1em; color:#333; line-height:1.5em; }
#healty .wrapper .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:auto 0; margin:130px 0 30px; width:45%; }
#healty .wrapper .content_wrap .content { width:19%; }
#healty .wrapper .content_wrap .content a { display:inline-block; transition:.3s; }
#healty .wrapper .content_wrap .content .pic { background:#fff; border:1px solid #d9d9d9; }
#healty .wrapper .content_wrap .content .pic img { width:100%; }
#healty .wrapper .content_wrap .content h2 { display:block; margin:10px; font-size:0.9em; color:#111; line-height:1.3em; text-align:center; }
#healty .wrapper .content_wrap .content a:hover .pic { border:1px solid #f81e24; transition:.3s; }
#healty .wrapper .content_wrap .content a:hover h2 { color:#f81e24; transition:.3s; }
#healty .pic_mob { display:none; }

#subscribe { display:flex; flex-direction:column; margin:130px auto; width:90%; }
#subscribe article { display:block; margin:0 0 50px; }
#subscribe article h2 { display:block; margin:10px 0; font-size:2.2em; color:#111; line-height:1.5em; }
#subscribe article h3 { font-size:1.3em; color:#f81e24; line-height:1.5em; }
#subscribe article p { display:block; margin:20px 0 0; font-size:1.1em; color:#333; line-height:1.5em; }
#subscribe .pic2 { display:flex; background:url(../images/main_subs_pic.jpg) center; background-size:cover; padding:350px 0 0; } 
#subscribe .pic2 span { margin-top:auto; margin-left:auto; }
#subscribe .pic2 span a { display:inline-block; background:#f81e24; padding:20px 50px; font-size:1.1em; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#subscribe .pic2 span a:hover { background:#fff; color:#f81e24; }

#award { background:url(../images/main_award.jpg) center no-repeat; background-size:cover; padding:110px 0; }
#award .wrapper { margin:0 auto; width:90%; }
#award .wrapper article { width:40%; }
#award .wrapper article h2 { display:block; font-size:2.2em; color:#fff; line-height:1.4em; }
#award .wrapper article h3 { font-size:1.3em; color:#f81e24; line-height:1.5em; }
#award .wrapper article p { display:block; margin:20px 0 0; font-size:1.1em; color:#fff; line-height:1.5em; }
#award .wrapper ul { display:flex; margin:50px 0 0; }
#award .wrapper ul li { margin:0 10px 0 0; }
#award .wrapper ul li a { display:inline-block; border:1px solid #828181; padding:8px 20px; font-size:1.0em; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#award .wrapper ul li a:hover { border:1px solid #f81e24; color:#f81e24; }


/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:70%; font-size:0.95em; font-weight:400; color:#333; 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.5px;}
}




@media (max-width:767px){

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

#product { width:85%; margin:80px auto; }
#product article { display:block; text-align:center; }
#product article h2 { font-size:1.6em; color:#111; line-height:1.5em; }
#product article h2 span { color:#f81e24; }
#product article p { display:block; margin:15px 0 0; font-size:1.1em; color:#333; line-height:1.5em; }
#product .content_wrap { margin:40px 0 0; }

#gallery { margin:80px 0; }
#gallery article { margin:0 auto; width:85%; }
#gallery article h2 { display:block; margin:5px 0; font-size:1.6em; color:#111; line-height:1.5em; }
#gallery article h3 { font-size:1.3em; color:#f81e24; line-height:1.5em; }
#gallery article p { display:block; margin:10px 0 0;}
#gallery .content { margin:20px 0 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-radius:15px; border:0px solid #598dd4; width:95%; margin:0 auto; }
#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; }
#gallery .btn a { display:inline-block; border:1px solid #fff; padding:10px 20px; margin:60px auto 0; font-family: 'GmarketSansMedium'; font-size:0.7em; color:#fff; text-align:center; transition:0.5s; }
#gallery .btn a:hover { background:#fff; border:1px solid #fff; color:#0054c7;}

#builtin { background:url(../images/main_builtin_mob.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:80px 0; }
#builtin .wrapper { margin:0 auto; width:85%; }
#builtin .wrapper article { width:100%; }
#builtin .wrapper article h2 { display:block; margin:5px 0; font-size:1.6em; color:#fff; line-height:1.5em; }
#builtin .wrapper article h3 { font-size:1.3em; color:#f81e24; line-height:1.5em; }
#builtin .wrapper article p { display:block; margin:10px 0 0; font-size:1.1em; color:#fff; line-height:1.5em; }
#builtin .wrapper .content_wrap { margin:30px 0 0; }
#builtin .wrapper .content_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
#builtin .wrapper .content_wrap ul li { margin:1.0% 0; width:49%; }
#builtin .wrapper .content_wrap ul li a { display:block; background:rgba(0,0,0,.3); border:1px solid #5f5e5c; padding:10px 0; font-size:1.0em; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#builtin .wrapper .content_wrap ul li a:hover { background:#f81e24; border:1px solid #f81e24; }

#healty { padding:80px 0 0; }
#healty .wrapper { display:flex; flex-direction:column; margin:0 auto; width:85%; }
#healty .wrapper article { width:100%; }
#healty .wrapper article h2 { display:block; margin:5px 0; font-size:1.6em; color:#111; line-height:1.5em; }
#healty .wrapper article h3 { font-size:1.3em; color:#f81e24; line-height:1.5em; }
#healty .wrapper article p { display:block; margin:10px 0 0; font-size:1.1em; color:#333; line-height:1.5em; }
#healty .wrapper .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; margin-top:auto 0; margin:30px 0; width:100%; }
#healty .wrapper .content_wrap .content { margin:5px; width:28%; }
#healty .wrapper .content_wrap .content a { display:inline-block; transition:.3s; }
#healty .wrapper .content_wrap .content .pic { background:#fff; border:1px solid #d9d9d9; }
#healty .wrapper .content_wrap .content .pic img { width:100%; }
#healty .wrapper .content_wrap .content h2 { display:block; margin:10px; font-size:0.9em; color:#111; line-height:1.3em; text-align:center; }
#healty .wrapper .content_wrap .content a:hover .pic { border:1px solid #f81e24; transition:.3s; }
#healty .wrapper .content_wrap .content a:hover h2 { color:#f81e24; transition:.3s; }
#healty .pic_mob { display:block; }
#healty .pic_mob img { width:100%; }

#subscribe { display:flex; flex-direction:column; margin:80px auto; width:85%; }
#subscribe article { display:block; margin:0 0 40px; }
#subscribe article h2 { display:block; margin:5px 0; font-size:1.6em; color:#111; line-height:1.5em; }
#subscribe article h3 { font-size:1.3em; color:#f81e24; line-height:1.5em; }
#subscribe article p { display:block; margin:10px 0 0; font-size:1.1em; color:#333; line-height:1.5em; }
#subscribe .pic2 { display:flex; background:url(../images/main_subs_mob.jpg) center; background-size:cover; padding:150px 0 0; } 
#subscribe .pic2 span { margin-top:auto; margin-left:auto; }
#subscribe .pic2 span a { display:inline-block; background:#f81e24; padding:15px 25px; font-size:1.0em; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#subscribe .pic2 span a:hover { background:#fff; color:#f81e24; }

#award { background:url(../images/main_award_mob.jpg) center no-repeat; background-size:cover; padding:80px 0 200px; }
#award .wrapper { margin:0 auto; width:85%; }
#award .wrapper article { }
#award .wrapper article h2 { display:block; font-size:1.6em; color:#fff; line-height:1.4em; }
#award .wrapper article h3 { font-size:1.3em; color:#f81e24; line-height:1.5em; }
#award .wrapper article p { display:block; margin:10px 0 0; font-size:1.1em; color:#fff; line-height:1.5em; }
#award .wrapper ul { display:flex; margin:30px 0 0; }
#award .wrapper ul li { margin:0 10px 0 0; }
#award .wrapper ul li a { display:inline-block; background:rgba(0,0,0,.6); border:1px solid #828181; padding:10px 20px; font-size:1.0em; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#award .wrapper ul li a:hover { border:1px solid #f81e24; color:#f81e24; }


/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:190px; font-size:1.0em; font-weight:400; 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: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; }