@charset "utf-8";
@import url('global.css');
@import url('layout.css');
@import url('common.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;
}


#vision { margin:5% auto 8%; width:1300px;}
#vision .title { display:flex; justify-content:space-between; flex-wrap:wrap; }
#vision .title .desc {flex-basis:80%; }
#vision .title .desc h1 { font-family: 'GmarketSansBold', serif; font-size:1.2em; font-weight:600; color:#0151b0; letter-spacing:0.5px; }
#vision .title .desc h2 { display:block; margin:15px 0 35px; font-size:2.8em; font-weight:400; color:#222; line-height:1.1em; letter-spacing:-1.0px; }
#vision .title .desc p { display:block; }
#vision .title span { margin-top:auto; }
#vision .title span a { display:block; margin:120px 0 0; font-family: 'GmarketSansBold'; font-size:0.8em; color:#333; line-height:28px; letter-spacing:0;}
#vision .title span img { margin:8px 0 0 10px; }
#vision .pic { display:block; margin:5% 0 0; }
#vision .pic img { width:100%; }



#product { background-color:#f2f6fb; background:url(../images/main_product_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:4% 0; }
#product .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:1300px; }
#product .wrapper .desc { flex-basis:55%; margin:4% 0 0; }
#product .wrapper .desc h1 { font-family: 'GmarketSansBold', serif; font-size:1.2em; font-weight:600; color:#fff; letter-spacing:0.5px; }
#product .wrapper .desc h2 { display:block; margin:15px 0 35px; font-size:2.8em; font-weight:400; color:#fff; line-height:1.1em; letter-spacing:-1.0px; }
#product .wrapper .desc p { display:block; color:#fff; }
#product .wrapper .desc span { margin-top:auto; }
#product .wrapper .desc span a { display:inline-block; margin:120px 0 0; font-family: 'GmarketSansBold'; font-size:0.8em; color:#fff; line-height:28px; letter-spacing:1px;}
#product .wrapper .desc span img { margin:8px 0 0 10px; }

#product .wrapper .content { display:flex; justify-content:space-between; flex-wrap:wrap; flex-basis:45%; }
#product .wrapper .content span { margin:30px 0; width:50%; text-align:center; }
#product .wrapper .content span img { display:block; margin:0 auto 15px; text-align:center; }
#product .wrapper .content span p { font-size:1.5em; font-weight:500; color:#222; line-height:1.3em; letter-spacing:-0.5px; }
#product .wrapper .content span:hover p { font-weight:600; color:#0151b0; transition:0.5s; }



#model { background-color:#f2f6fb; background:url(../images/main_model_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:4% 0 7%; }
#model .wrapper { margin:0 auto; width:1300px; }
#model .wrapper .desc { margin:4% 0; }
#model .wrapper .desc h1 { font-family: 'GmarketSansBold', serif; font-size:1.2em; font-weight:600; color:#fff; letter-spacing:0.5px; }
#model .wrapper .desc h2 { display:block; margin:15px 0 35px; font-size:2.8em; font-weight:400; color:#fff; line-height:1.1em; letter-spacing:-1.0px; }
#model .wrapper .desc p { display:block; color:#fff; }

#model .wrapper .content { display:flex; justify-content:space-between; flex-wrap:wrap; }
#model .wrapper .content span { width:14%; text-align:center; }
#model .wrapper .content span img { display:block; margin:0 auto 15px; width:100%; text-align:center; }
#model .wrapper .content span p { display:inline-block; background:#0151b0; border-radius:30px; padding:5px 15px; font-size:1.0em; font-weight:500; color:#fff; line-height:1.3em; letter-spacing:-0.5px; }
#model .wrapper .content span:hover p { background:#fff; color:#0151b0; transition:0.5s; }



#support { margin:8% auto; width:1300px;}
#support .title {display:block; margin:0 0 4% ; }
#support .title h1 { font-family: 'GmarketSansBold', serif; font-size:1.2em; font-weight:600; color:#0151b0; letter-spacing:0.5px; }
#support .title h2 { display:block; margin:15px 0 35px; font-size:2.8em; font-weight:400; color:#222; line-height:1.1em; letter-spacing:-1.0px; }

#support .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
#support .content_wrap .content { width:31%; }
#support .content_wrap .content a { display:block; border:1px solid #dedede; padding:30px 1.5%; text-align:center; transition:0.5s; }
#support .content_wrap .content a:hover { border:1px solid #0151b0; transition:0.5s; }
#support .content_wrap .content p { display:block; margin:10px 0 0; font-size:0.9em; color:#9e9e9e; }
#support .content_wrap .content strong { display:block; font-size:1.2em; color:#222; }
#support .content_wrap .content span { display:block; margin:20px 0 0; }

#support .content_wrap .customer { background:url(../images/main_customer_bg.png); background-size:cover; width:23%; padding:40px 4%; transition:0.5s; }
#support .content_wrap .customer h1 { font-family: 'GmarketSansBold', serif; font-size:1.2em; font-weight:600; color:#fff; letter-spacing:0.5px; }
#support .content_wrap .customer ul { display:block; margin:19px 0 0;}
#support .content_wrap .customer ul li { margin:5px 0; font-family: 'GmarketSansMedium', serif; color:#fff; }
#support .content_wrap .customer ul li span { display:inline-block; font-size:0.8em; width:60px; }
#support .content_wrap .customer ul li strong { font-family: 'GmarketSansBold', serif; font-size:1.7em; color:#fff; }
#support .content_wrap .customer ul li p { display:inline-block; font-size:0.9em; }









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


/*갤러리게시판*/
.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; }