@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;
}

#main_bg { background:url(../images/main_bg.jpg) top center no-repeat; background-size:cover; }

@media (min-width:1500px) {
	

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


#product { margin:120px 0 0;}
#product article { display:flex; width:80%; max-width:1500px; margin:0 auto; }
#product article h1 { display:inline-block; margin:0 30px 0 0; font-size:4.0em; font-weight:800; color:#222; line-height:1.1em; }
#product article span { margin-top:auto; }
#product article span h2 { display:block; margin:0 0 10px; }

#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px 0 0; }
#product .content_wrap .left { background:url(../images/m_product_01.jpg) right no-repeat; background-attachment:; background-size:cover; padding:110px 0; width:50%; }
#product .content_wrap .left .content { margin-left:auto; padding:0 15%; width:80%; max-width:750px; text-align:center; }
#product .content_wrap .left .content h1 { display:block; margin:30px 0; font-size:2.5em; color:#fff; }
#product .content_wrap .left .content p { color:#fff; }
#product .content_wrap .left .content span { display:block; margin:30px 0 0; }
#product .content_wrap .left .content span a { display:inline-block; border-radius:30px; border:1px solid rgba(255,255,255,0.6); padding:8px 15px; font-size:0.9em; font-weight:500; color:#fff; text-align:center; transition:.3s;  }
#product .content_wrap .left .content span a:hover { background:#1149a5; border:1px solid #1149a5; }
#product .content_wrap .right { background:url(../images/m_product_02.jpg) left no-repeat; background-attachment:; background-size:cover; padding:110px 0; width:50%; }
#product .content_wrap .right .content { padding:0 15%; width:80%; max-width:750px; text-align:center; }
#product .content_wrap .right .content h1 { display:block; margin:30px 0; font-size:2.5em; color:#222; }
#product .content_wrap .right .content p { color:#222; }
#product .content_wrap .right .content span { display:block; margin:30px 0 0; }
#product .content_wrap .right .content span a { display:inline-block; border-radius:30px; border:1px solid rgba(0,0,0,0.6); padding:8px 15px; font-size:0.9em; font-weight:500; color:#222; text-align:center; transition:.3s;  }
#product .content_wrap .right .content span a:hover { background:#c52521; border:1px solid #c52521; color:#fff; }

#estimate { background:url(../images/estimate_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:90px 0 70px; margin:0 0 120px; }
#estimate .wrapper { width:80%; max-width:1500px; margin:0 auto;}
#estimate .wrapper article { text-align:center; }
#estimate .wrapper article h1 { font-size:2.2em; color:#fff; }
#estimate .wrapper article p { display:block; margin:30px 0 0; color:#fff; }
#estimate .wrapper .content { margin:40px 0 0; text-align:center; }
#estimate .wrapper .content a { display:inline-block; }
#estimate .wrapper .content .pic { display:inline; margin:0 20px 0 0;}
#estimate .wrapper .content .pic img { height:; }
#estimate .wrapper .content h1 { display:inline; font-size:3.5em; color:#46efb2; vertical-align:middle; }

#capacity { width:80%; max-width:1500px; margin:0 auto; }
#capacity article { text-align:center; }
#capacity article h1 { font-size:2.2em; color:#222; }
#capacity article p { display:block; margin:20px 0 0; }
#capacity .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px 0 0; }
#capacity .content_wrap .content { border-left:0px solid #dedede; width:20%; text-align:center; }
#capacity .content_wrap .content .pic { display:block; margin:0 0 20px; }
#capacity .content_wrap .content h1 { font-size:1.3em; color:#222; }
#capacity .content_wrap .content h1 span { font-size:1.3em; }
#capacity .content_wrap .content p { display:block; margin:10px 0 0; }
#capacity .content_wrap .content:first-child { border:0; }

#works { background:url(../images/m_works_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0; margin:120px 0 0; }
#works article { text-align:center; }
#works article h1 { font-size:4.0em; color:#fff; }
#works article p { display:block; margin:35px 0 0; color:#fff; }
#works .content_wrap { margin:40px auto 0; width:80%; max-width:1500px; }
#works > span { display:flex; justify-content:space-between; flex-wrap:wrap; width:80%; max-width:1500px; margin:50px auto 0; }
#works > span a { display:block; background:#fff; border-radius:10px; padding:20px 0; width:100%; font-size:1.2em; font-weight:600; color:#333; text-align:center; transition:.3s; }
#works > span a:hover { background:#ff2b2b;color:#fff;  }

#about { background:url(../images/m_about_bg.jpg) center no-repeat; background-size:cover; padding:120px 0; }
#about .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:80%; max-width:1500px; margin:0 auto; }
#about .content_wrap article { width:45%; margin:40px 0 0; }
#about .content_wrap article h1 { font-size:3.0em; color:#fff; }
#about .content_wrap article p { display:block; margin:35px 0 0; color:#fff; }
#about .content_wrap article span { display:block; margin:70px 0 0; }
#about .content_wrap article span a { font-size:1.1em; font-weight:500; color:#fff; }
#about .content_wrap .movie { width:50%; }

#banner { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px auto; width:80%; height:100%; max-width:1500px; }
#banner .content { width:32.5%; margin:0.7% 0; }
#banner .content a { display:flex; justify-content:space-between; flex-wrap:wrap; background:#fff; border:1px solid #dedede; padding:5% 9% 6% 9%; transition:.3s; }
#banner .content a:hover { background:#f4f4f4; border:1px solid #1149a5; }
#banner .content .desc { width:65%; }
#banner .content .desc h1 { display:block; margin:0 0 6px; font-size:1.3em; color:#222; }
#banner .content .desc h2 { font-size:1.0em; color:#222; }
#banner .content .desc p { line-height:1.4em; }
#banner .content .pic { margin:auto 0; }






}


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


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


#product { margin:110px 0 0;}
#product article { display:flex; width:90%; margin:0 auto; }
#product article h1 { display:inline-block; margin:0 30px 0 0; font-size:3.6em; font-weight:800; color:#222; line-height:1.1em; }
#product article span { margin-top:auto; }
#product article span h2 { display:block; margin:0 0 8px; }

#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px 0 0; }
#product .content_wrap .left { background:url(../images/m_product_01.jpg) right no-repeat; background-attachment:; background-size:cover; padding:100px 0; width:50%; }
#product .content_wrap .left .content { margin-left:auto; padding:0 15%; width:90%; text-align:center; }
#product .content_wrap .left .content img { height:75px; }
#product .content_wrap .left .content h1 { display:block; margin:30px 0; font-size:2.5em; color:#fff; }
#product .content_wrap .left .content p { color:#fff; }
#product .content_wrap .left .content span { display:block; margin:30px 0 0; }
#product .content_wrap .left .content span a { display:inline-block; border-radius:30px; border:1px solid rgba(255,255,255,0.6); padding:8px 15px; font-size:0.9em; font-weight:500; color:#fff; text-align:center; transition:.3s;  }
#product .content_wrap .left .content span a:hover { background:#1149a5; border:1px solid #1149a5; }
#product .content_wrap .right { background:url(../images/m_product_02.jpg) left no-repeat; background-attachment:; background-size:cover; padding:110px 0; width:50%; }
#product .content_wrap .right .content { padding:0 15%; width:90%; text-align:center; }
#product .content_wrap .right .content img { height:75px; }
#product .content_wrap .right .content h1 { display:block; margin:30px 0; font-size:2.5em; color:#222; }
#product .content_wrap .right .content p { color:#222; }
#product .content_wrap .right .content span { display:block; margin:30px 0 0; }
#product .content_wrap .right .content span a { display:inline-block; border-radius:30px; border:1px solid rgba(0,0,0,0.6); padding:8px 15px; font-size:0.9em; font-weight:500; color:#222; text-align:center; transition:.3s;  }
#product .content_wrap .right .content span a:hover { background:#c52521; border:1px solid #c52521; color:#fff; }

#estimate { background:url(../images/estimate_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:80px 0 60px; margin:0 0 110px; }
#estimate .wrapper { width:90%; margin:0 auto;}
#estimate .wrapper article { text-align:center; }
#estimate .wrapper article h1 { font-size:2.1em; color:#fff; }
#estimate .wrapper article p { display:block; margin:25px 0 0; color:#fff; }
#estimate .wrapper .content { margin:35px 0 0; text-align:center; }
#estimate .wrapper .content a { display:inline-block; }
#estimate .wrapper .content .pic { display:inline; margin:0 20px 0 0;}
#estimate .wrapper .content .pic img { height:; }
#estimate .wrapper .content h1 { display:inline; font-size:3.0em; color:#46efb2; vertical-align:middle; }

#capacity { width:90%; margin:0 auto; }
#capacity article { text-align:center; }
#capacity article h1 { font-size:2.1em; color:#222; line-height:; }
#capacity article p { display:block; margin:20px 0 0; }
#capacity .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px 0 0; }
#capacity .content_wrap .content { border-left:0px solid #dedede; width:20%; text-align:center; }
#capacity .content_wrap .content .pic { display:block; margin:0 0 20px; }
#capacity .content_wrap .content h1 { font-size:1.3em; color:#222; }
#capacity .content_wrap .content h1 span { font-size:1.3em; }
#capacity .content_wrap .content p { display:block; margin:5px 0 0; }
#capacity .content_wrap .content:first-child { border:0; }

#works { background:url(../images/m_works_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:110px 0; margin:110px 0 0; }
#works article { text-align:center; }
#works article h1 { font-size:3.6em; color:#fff; }
#works article p { display:block; margin:30px 0 0; color:#fff; }
#works .content_wrap { margin:40px auto 0; width:90%; }
#works > span { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:50px auto 0; }
#works > span a { display:block; background:#fff; border-radius:10px; padding:20px 0; width:100%; font-size:1.1em; font-weight:600; color:#333; text-align:center; transition:.3s; }
#works > span a:hover { background:#ff2b2b;color:#fff;  }

#about { background:url(../images/m_about_bg.jpg) center no-repeat; background-size:cover; padding:110px 0; }
#about .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
#about .content_wrap article { width:45%; margin:30px 0 0; }
#about .content_wrap article h1 { font-size:2.8em; color:#fff; }
#about .content_wrap article p { display:block; margin:35px 0 0; color:#fff; }
#about .content_wrap article span { display:block; margin:60px 0 0; }
#about .content_wrap article span a { font-size:1.1em; font-weight:500; color:#fff; }
#about .content_wrap .movie { width:50%; }

#banner { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px auto; width:90%; height:100%; }
#banner .content { width:32.5%; margin:0.7% 0; }
#banner .content a { display:flex; justify-content:space-between; flex-wrap:wrap; background:#fff; border:1px solid #dedede; padding:5% 9% 6% 9%; transition:.3s; }
#banner .content a:hover { background:#f4f4f4; border:1px solid #1149a5; }
#banner .content .desc { width:65%; }
#banner .content .desc h1 { display:block; margin:0 0 5px; font-size:1.2em; color:#222; }
#banner .content .desc h2 { font-size:1.0em; color:#222; }
#banner .content .desc p { line-height:1.4em; }
#banner .content .pic { margin:auto 0; }









/*기본게시판*/
.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.95rem; font-weight:400; color:#333; line-height:1.7rem; 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.7rem; letter-spacing:0.5px;}


}




@media (max-width:767px){


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


#product { margin:70px 0 0;}
#product article { width:85%; margin:0 auto; }
#product article h1 { display:block; margin:0 0 15px; font-size:2.0em; color:#222; line-height:1.1em; }
#product article span { margin-top:auto; }
#product article span h2 { display:block; margin:0 0 5px; font-size:1.1em; color:#222; }

#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px 0 0; }
#product .content_wrap .left { background:url(../images/m_product_01.jpg) right no-repeat; background-attachment:; background-size:cover; padding:70px 0; width:100%; }
#product .content_wrap .left .content { margin:0 auto; padding:0; width:85%; text-align:center; }
#product .content_wrap .left .content img { height:60px; }
#product .content_wrap .left .content h1 { display:block; margin:20px 0; font-size:2.5em; color:#fff; }
#product .content_wrap .left .content p { color:#fff; }
#product .content_wrap .left .content span { display:block; margin:30px 0 0; }
#product .content_wrap .left .content span a { display:inline-block; border-radius:30px; border:1px solid rgba(255,255,255,0.6); padding:8px 15px; font-size:0.9em; font-weight:600; color:#fff; text-align:center; transition:.3s;  }
#product .content_wrap .left .content span a:hover { background:#1149a5; border:1px solid #1149a5; }
#product .content_wrap .right { background:url(../images/m_product_02.jpg) left no-repeat; background-attachment:; background-size:cover; padding:110px 0; width:100%; }
#product .content_wrap .right .content { margin:0 auto; padding:0; width:85%; text-align:center; }
#product .content_wrap .right .content img { height:60px; }
#product .content_wrap .right .content h1 { display:block; margin:20px 0; font-size:2.5em; color:#222; }
#product .content_wrap .right .content p { color:#222; }
#product .content_wrap .right .content span { display:block; margin:30px 0 0; }
#product .content_wrap .right .content span a { display:inline-block; border-radius:30px; border:1px solid rgba(0,0,0,0.6); padding:8px 15px; font-size:0.9em; font-weight:600; color:#222; text-align:center; transition:.3s;  }
#product .content_wrap .right .content span a:hover { background:#c52521; border:1px solid #c52521; color:#fff; }

#estimate { background:url(../images/estimate_bg_mob.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:50px 0; margin:0 0 70px; }
#estimate .wrapper { width:85%; margin:0 auto;}
#estimate .wrapper article { text-align:center; }
#estimate .wrapper article h1 { font-size:1.6em; color:#fff; }
#estimate .wrapper article p { display:block; margin:10px 0 0; color:#fff; }
#estimate .wrapper .content { margin:25px 0 0; text-align:center; }
#estimate .wrapper .content a { display:inline-block; }
#estimate .wrapper .content .pic { display:inline; margin:0 10px 0 0;}
#estimate .wrapper .content .pic img { height:40px; }
#estimate .wrapper .content h1 { display:inline; font-size:2.0em; color:#46efb2; vertical-align:middle; }

#capacity { }
#capacity article { width:85%; margin:0 auto; text-align:center; }
#capacity article h1 { font-size:1.6em; color:#222; line-height:1.3em; }
#capacity article p { display:block; margin:10px 0 0; }
#capacity .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; margin:20px 0 0; }
#capacity .content_wrap .content { border-left:0px solid #dedede; width:50%; padding:0 5%; margin:10px 0; text-align:center; }
#capacity .content_wrap .content .pic { display:block; margin:0 0 10px; }
#capacity .content_wrap .content img { height:30px; }
#capacity .content_wrap .content h1 { font-size:1.0em; color:#222; }
#capacity .content_wrap .content h1 span { font-size:1.2em; }
#capacity .content_wrap .content:nth-child(1), #capacity .content_wrap .content:nth-child(3)  { border:0; }

#works { background:url(../images/m_works_bg_mob.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:70px 0; margin:70px 0 0; }
#works article { text-align:center; }
#works article h1 { font-size:2.0em; color:#fff; }
#works article p { display:block; margin:15px auto 0; width:70%; color:#fff; }
#works .content_wrap { margin:30px auto 0; width:85%; }
#works > span { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:20px auto 0; }
#works > span a { display:block; background:#fff; border-radius:8px; padding:12px 0; width:100%; font-size:1.0em; font-weight:600; color:#333; text-align:center; transition:.3s; }
#works > span a:hover { background:#ff2b2b;color:#fff;  }

#about { background:url(../images/m_about_bg_mob.jpg) center no-repeat; background-size:cover; padding:70px 0; }
#about .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:0 auto; }
#about .content_wrap article { width:100%; text-align:center; }
#about .content_wrap article h1 { font-size:1.6em; color:#fff; }
#about .content_wrap article p { display:block; margin:10px 0 0; color:#fff; }
#about .content_wrap article span { display:block; margin:20px 0 0; }
#about .content_wrap article span a { font-size:1.0em; font-weight:500; color:#fff; }
#about .content_wrap .movie { margin:50px 0 0; width:100%; }

#banner { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto; width:85%; height:100%; }
#banner .content { width:100%; margin:1.5% 0; }
#banner .content a { display:flex; justify-content:space-between; flex-wrap:wrap; background:#fff; border:1px solid #dedede; padding:5% 9% 6% 9%; transition:.3s; }
#banner .content a:hover { background:#f4f4f4; border:1px solid #1149a5; }
#banner .content .desc { width:65%; }
#banner .content .desc h1 { display:block; margin:0 0 5px; font-size:1.2em; color:#222; }
#banner .content .desc h2 { font-size:1.0em; color:#222; }
#banner .content .desc p { line-height:1.4em; }
#banner .content .pic { margin:auto 0; }
#banner .content .pic img { height:35px; }




/*기본게시판*/
.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.0rem; font-weight:400; color:#222; line-height:1.7rem; 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.7rem; 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; }