@charset "utf-8";

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


/* 공통 배경 */
.main_bg { background:url(../images/main_bg.jpg) top center; background-size:cover; }


@media (min-width:1500px) {
	
.pc_view { display:block; }
.tab_view { display:none; }
.mob_view { display:none; }

#product { background:url(../images/m_product_bg.png) top right no-repeat; background-size:50%; margin:150px 0; }
#product article { display:flex; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1500px; }
#product article .desc { width:50%; }
#product article .desc h1 { display:block; margin:30px 0 0; font-size:2.5em; font-weight:800; color:#222; line-height:1.3em; }
#product article .desc h2 { font-size:1.2em; color:#0f479e; }
#product article .pic { margin-top:auto; background:#fff; width:40%; }
#product article .pic img {  }
#product .btn a { display:block; border:1px solid #dedede; padding:20px; margin:0 auto; width:150px; font-size:1.1em; font-weight:600; color:#222; text-align:center; transition:0.3s; }
#product .btn :hover { background:#013064; border:1px solid #013064; color:#fff; }

#product .content { margin:50px auto; width:90%; }
.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 { background:#f2f5fa; 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; }


#rental { margin:120px 0; }
#rental h1 { display:block; margin:0 auto; width:90%; max-width:1500px; font-size:6.0em; font-weight:800; color:#013064; line-height:0.7em; }
#rental .content_wrap { background:url(../images/m_rental_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0; }
#rental .content_wrap h2 { margin:0 auto; width:90%; max-width:1500px; font-size:2.5em; font-weight:600; color:#fff; text-align:center; }
#rental .content_wrap .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto 0; width:90%; max-width:1500px; }
#rental .content_wrap .content .pic { width:45%; }
#rental .content_wrap .content .desc { margin:auto 0; width:50%; }
#rental .content_wrap .content .desc h3 { font-size:4.0em; font-weight:400; color:#6998e2; line-height:1.5em; }
#rental .content_wrap .content .desc h3 span { font-weight:800; }
#rental .content_wrap .content .desc p { display:block; margin:25px 0; width:70%; font-size:1.0em; color:#fff; line-height:1.5em; }
#rental .content_wrap .content .desc span a { display:inline-block; border:1px solid #5780bf; margin:30px 0 0; padding:20px; font-size:1.1em; font-weight:600; color:#fff; text-align:center; transition:0.3s; }
#rental .content_wrap .content .desc span a:hover { background:#0f479e; border:1px solid #0f479e; color:#fff; }

#business { background:url(../images/m_business_bg.jpg) left; margin:170px 0; }
#business .content_wrap { background:url(../images/m_business_pic.jpg) top right no-repeat; background-size:50%; }
#business .content_wrap article { margin:0 auto; width:90%; padding:0 0 2%; max-width:1500px; }
#business .content_wrap article h1 { display:block; margin:30px 0 0; font-size:2.5em; font-weight:800; color:#222; line-height:1.3em; }
#business .content_wrap article h2 { font-size:1.2em; color:#0f479e; }
#business .content_wrap article .content { display:flex; flex-direction:column; background:#fff; width:40%; padding:0 0 0 5%; margin:90px 0 0; }
#business .content_wrap article .content .desc { margin-left:auto;  }
#business .content_wrap article .content .desc h1 { display:block; margin:0 0 50px; font-size:5.5em; font-weight:800; color:#013064; line-height:0.7em; }

#contact { background:#fafafa; border-top:1px solid #b7bfcc; padding:80px 0; }
#contact .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1500px; }
#contact .wrapper article { margin:auto 0; width:25%; }
#contact .wrapper article h1 { display:block; margin:30px 0 0; font-size:2.5em; font-weight:800; color:#222; line-height:1.3em; }
#contact .wrapper article h2 { font-size:1.2em; color:#0f479e; }
#contact .wrapper .title { margin:auto 0; width:50%; font-size:5.5em; font-weight:800; color:#013064; line-height:0.7em; text-align:center; }
#contact .wrapper .content_wrap { margin-left:auto; width:22%; }
#contact .wrapper .content_wrap .content a { display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid #dedede; padding:15px 10px; }
#contact .wrapper .content_wrap .content .tit {}
#contact .wrapper .content_wrap .content .tit h1 { font-size:1.4em; color:#222; }
#contact .wrapper .content_wrap .content .tit h2 { font-size:1.0em; color:#a6a6a6; }


/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:500px; font-size:16px; font-weight:400; color:#555; line-height:50px; 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:14px; color:#909090; line-height:54px; letter-spacing:0.5px;}


}


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

.pc_view { display:none; }
.tab_view { display:block; }
.mob_view { display:none; }

#product { background:url(../images/m_product_bg.png) top right no-repeat; background-size:50%; margin:140px 0; }
#product article { display:flex; flex-wrap:wrap; margin:0 auto; width:90%; }
#product article .desc { width:50%; }
#product article .desc h1 { display:block; margin:30px 0 0; font-size:2.2em; font-weight:800; color:#222; line-height:1.3em; }
#product article .desc h2 { font-size:1.2em; color:#0f479e; }
#product article .pic { margin-top:auto; background:#fff; width:45%; }
#product article .pic img { width:100%;  }
#product .btn a { display:block; border:1px solid #dedede; padding:18px; margin:0 auto; width:150px; font-size:1.1em; font-weight:600; color:#222; text-align:center; transition:0.3s; }
#product .btn :hover { background:#013064; border:1px solid #013064; color:#fff; }

#product .content { margin:50px auto; width:90%; }
.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 { background:#f2f5fa; 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; }


#rental { margin:110px 0; }
#rental h1 { display:block; margin:0 auto; width:90%; font-size:5.0em; font-weight:800; color:#013064; line-height:0.7em; }
#rental .content_wrap { background:url(../images/m_rental_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:110px 0; }
#rental .content_wrap h2 { margin:0 auto; width:90%; font-size:2.2em; font-weight:600; color:#fff; text-align:center; }
#rental .content_wrap .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto 0; width:90%; }
#rental .content_wrap .content .pic { width:45%; }
#rental .content_wrap .content .pic img { width:100%; }
#rental .content_wrap .content .desc { margin:auto 0; width:50%; }
#rental .content_wrap .content .desc h3 { font-size:3.5em; font-weight:400; color:#6998e2; line-height:1.5em; }
#rental .content_wrap .content .desc h3 span { font-weight:800; }
#rental .content_wrap .content .desc p { display:block; margin:20px 0; width:70%; font-size:1.0em; color:#fff; line-height:1.5em; }
#rental .content_wrap .content .desc span a { display:inline-block; border:1px solid #5780bf; margin:20px 0 0; padding:20px; font-size:1.1em; font-weight:600; color:#fff; text-align:center; transition:0.3s; }
#rental .content_wrap .content .desc span a:hover { background:#0f479e; border:1px solid #0f479e; color:#fff; }

#business { background:url(../images/m_business_bg.jpg) left; margin:170px 0; }
#business .content_wrap { background:url(../images/m_business_pic2.jpg) top right no-repeat; background-size:50%; }
#business .content_wrap article { margin:0 auto; width:90%; padding:0 0 2%; }
#business .content_wrap article h1 { display:block; margin:30px 0 0; font-size:2.2em; font-weight:800; color:#222; line-height:1.3em; }
#business .content_wrap article h2 { font-size:1.2em; color:#0f479e; }
#business .content_wrap article .content { display:flex; flex-direction:column; background:#fff; width:40%; padding:0 0 0 5%; margin:90px 0 0; }
#business .content_wrap article .content .desc { margin-left:auto;  }
#business .content_wrap article .content .desc h1 { display:block; margin:0 0 50px; font-size:4.5em; font-weight:800; color:#013064; line-height:0.7em; }

#contact { background:#fafafa; border-top:1px solid #b7bfcc; padding:80px 0; }
#contact .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#contact .wrapper article { margin:auto 0; width:25%; }
#contact .wrapper article h1 { display:block; margin:30px 0 0; font-size:2.2em; font-weight:800; color:#222; line-height:1.3em; }
#contact .wrapper article h2 { font-size:1.2em; color:#0f479e; }
#contact .wrapper .title { margin:auto 0; width:50%; font-size:5.0em; font-weight:800; color:#013064; line-height:0.7em; text-align:center; }
#contact .wrapper .content_wrap { margin-left:auto; width:22%; }
#contact .wrapper .content_wrap .content a { display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid #dedede; padding:15px 10px; }
#contact .wrapper .content_wrap .content .tit {}
#contact .wrapper .content_wrap .content .tit h1 { font-size:1.3em; color:#222; }
#contact .wrapper .content_wrap .content .tit h2 { font-size:1.0em; color:#a6a6a6; }


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


}



@media (max-width:767px){
	
.pc_view { display:none; }
.tab_view { display:none; }
.mob_view { display:block; }

/* 공통 배경 */
.main_bg { background:url(../images/main_bg_mob.jpg) top center; background-size:cover; }

#product { background:url(../images/m_product_bg.png) top right no-repeat; background-size:50%; margin:100px 0; }
#product article { display:flex; flex-wrap:wrap; margin:0 auto; width:90%; }
#product article .desc { width:100%; }
#product article .desc h1 { display:block; margin:20px 0 0; font-size:1.6em; font-weight:600; color:#222; line-height:1.3em; }
#product article .desc h2 { font-size:1.2em; color:#0f479e; }
#product article .pic { margin-top:auto; background:#fff; width:100%; }
#product article .pic img { width:70%;  }
#product .btn a { display:block; border:1px solid #dedede; padding:15px 5%; margin:0 auto; width:80%; font-size:1.0em; font-weight:600; color:#222; text-align:center; transition:0.3s; }
#product .btn :hover { background:#013064; border:1px solid #013064; color:#fff; }

#product .content { margin:30px auto; width:90%; }
.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 { background:#f2f5fa; 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; }


#rental { margin:100px 0; }
#rental h1 { display:block; margin:0 auto; width:90%; font-size:3.0em; font-weight:800; color:#013064; line-height:0.7em; text-align:center; }
#rental .content_wrap { background:url(../images/m_rental_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:70px 0; }
#rental .content_wrap h2 { margin:0 auto; width:80%; font-size:1.6em; font-weight:600; color:#fff; line-height:1.3em; text-align:center; }
#rental .content_wrap .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto 0; width:90%; }
#rental .content_wrap .content .pic { margin:0 auto; width:80%; }
#rental .content_wrap .content .pic img { width:100%; }
#rental .content_wrap .content .desc { margin:30px 0 0; width:100%; text-align:center;}
#rental .content_wrap .content .desc h3 { font-size:3.0em; font-weight:400; color:#6998e2; line-height:1.2em; }
#rental .content_wrap .content .desc h3 span { font-weight:800; }
#rental .content_wrap .content .desc p { display:block; margin:20px auto; width:80%; font-size:1.0em; color:#fff; line-height:1.5em; }
#rental .content_wrap .content .desc span a { display:inline-block; border:1px solid #5780bf; margin:10px 0 0; padding:15px 5%; font-size:1.0em; font-weight:600; color:#fff; text-align:center; transition:0.3s; }
#rental .content_wrap .content .desc span a:hover { background:#0f479e; border:1px solid #0f479e; color:#fff; }

#business { background:url() left; margin:100px 0; }
#business .content_wrap { background:url(../images/m_business_pic.jpg) top center no-repeat; background-size:90%; }
#business .content_wrap article { margin:0 auto 0; padding:60% 0 0; width:90%; }
#business .content_wrap article h1 { display:block; margin:20px 0 0; font-size:1.6em; font-weight:600; color:#222; line-height:1.3em; }
#business .content_wrap article h2 { font-size:1.2em; color:#0f479e; }
#business .content_wrap article .content { display:flex; flex-direction:column; background:#fff; margin:30px 0 0; }
#business .content_wrap article .content .desc { margin-left:auto;  }
#business .content_wrap article .content .desc h1 { display:block; margin:0 0 30px; font-size:2.8em; font-weight:800; color:#013064; line-height:0.7em; }

#contact { background:#fafafa; border-top:1px solid #b7bfcc; padding:60px 0; }
#contact .wrapper { margin:0 auto; width:90%; }
#contact .wrapper article { width:100%; }
#contact .wrapper article h1 { display:block; margin:20px 0 0; font-size:1.6em; font-weight:800; color:#222; line-height:1.3em; }
#contact .wrapper article h2 { font-size:1.2em; color:#0f479e; }
#contact .wrapper .title { margin:30px 0; font-size:3.0em; font-weight:800; color:#013064; line-height:0.7em; text-align:center; }
#contact .wrapper .content_wrap { margin-left:auto; width:100%; }
#contact .wrapper .content_wrap .content a { display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid #dedede; padding:15px 10px; }
#contact .wrapper .content_wrap .content .tit {}
#contact .wrapper .content_wrap .content .tit h1 { font-size:1.2em; color:#222; }
#contact .wrapper .content_wrap .content .tit h2 { font-size:1.0em; color:#a6a6a6; }
#contact .wrapper .content_wrap .content .pic img { margin:auto 0; }
#contact .wrapper .content_wrap .content .pic img { height:30px; }


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