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

@media (min-width:1500px) {
	
.pc_view { display:block; }
.tab_view { display:none; }
.mob_view { display:none; }
	
#main_copy { display:flex; justify-content:flex-end; background:url(../images/main_copy_bg.png) left bottom no-repeat; padding:200px 0 0; margin:0 auto; width:90%; min-width:1500px; }	
#main_copy .content { flex-direction:column; text-align:right; }	
#main_copy .content h1 { font-size:2.5em; font-weight:400; color:#222;}
#main_copy .content span { display:block; margin:30px 0 0;}

#mainvisual { background:url(../images/mainvisual_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:180px 0; }
#mainvisual .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1500px; }
#mainvisual .content_wrap .slogan { margin:auto 0; font-size:3.2em; font-weight:600; color:#fff; line-height:1.4em; }
#mainvisual .content_wrap .eng { font-family: 'GmarketSansBold'; font-size:2.5em; font-weight:400; color:#fff; line-height:1.4em; text-align:right; }


#product { background:url(../images/main_product_bg.jpg) right no-repeat; background-attachment:fixed; background-size:cover; padding:170px 0;}
#product .title h1 { display:block; font-family: 'GmarketSansBold'; font-size:3.0em; color:#222; letter-spacing:0; text-align:center; }
#product .title h2 { display:block; margin:30px 0 0; font-size:1.2em; font-weight:400; color:#333; letter-spacing:-0.5px; text-align:center;}
#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; max-width:1500px; margin:60px auto 0; }
#product .content_wrap .content { position:relative; border-radius:10px; width:23.5%; text-align:center; overflow:hidden; }
#product .content_wrap .content .pic { width:100%; overflow:hidden;}
#product .content_wrap .content .pic img { width:100%; }
#product .content_wrap .content .desc { display: flex; flex-direction: column; align-items: center; position:absolute; padding:40px 0; width:100%; height:100%; text-align:; z-index:6; }
#product .content_wrap .content .desc h1 { font-size:1.8em; font-weight:500; color:#fff; line-height:1.3em; letter-spacing:-0.5px; text-align:left; }
#product .content_wrap .content .desc p { display:block; margin:10px 0 0; font-size:1.2em; color:#333; text-align:left; }
#product .content_wrap .content a:hover .desc { display:; background:rgba(54,101,201,0.0); color:#; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
#product .content_wrap .content a:hover .desc h1, #product .content_wrap .content a:hover .desc p { background:none; color:#; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}	


#about { background:#fafafa; padding:100px 0;}
#about .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1500px; }
#about .content_wrap .desc { width:45%; margin:auto 0; }
#about .content_wrap .desc h1 { font-family: 'GmarketSansBold'; font-size:3.0em; color:#222; letter-spacing:0; }
#about .content_wrap .desc h2 { display:block; margin:30px 0 20px; font-size:1.4em; font-weight:500; color:#222; letter-spacing:0; }
#about .content_wrap .desc p { display:block; }
#about .content_wrap .desc .motto { margin:50px 0 40px; }
#about .content_wrap .desc .motto ul { background:#fff; border-radius:8px; border:1px solid #e5e5e7; padding:15px; margin:10px 0 0;}
#about .content_wrap .desc .motto ul li { text-align:center; }
#about .content_wrap .desc .motto ul li.tit { display:block; margin:0 0 5px; font-size:1.2em; font-weight:600; color:#2650a5; }
#about .content_wrap .desc .current { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px 0 0; }
#about .content_wrap .desc .current .content { width:33%; text-align:center; }
#about .content_wrap .desc .current .content .ico { display:block; margin:0 0 15px; }
#about .content_wrap .desc .current .content .ico img { height:60px; }
#about .content_wrap .desc .current .content h1 { font-family: 'GmarketSansBold'; font-size:1.2em; color:#222; letter-spacing:0; }
#about .content_wrap .desc .current .content h2 { font-family: 'GmarketSansBold'; font-size:2.5em; color:#fe6f05; letter-spacing:0; }
#about .content_wrap .pic { width:45%; }
#about .content_wrap .pic img { width:100%; }


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

#main_copy { display:flex; justify-content:flex-end; background:url(../images/main_copy_bg.png) left bottom no-repeat; padding:150px 0 0; margin:0 auto; width:90%; }	
#main_copy .content { flex-direction:column; text-align:right; }	
#main_copy .content h1 { font-size:2.0em; font-weight:400; color:#222;}
#main_copy .content span { display:block; margin:30px 0 0;}
#main_copy .content span img { width:95%; }

#mainvisual { background:url(../images/mainvisual_bg.jpg) center no-repeat; background-attachment:fixed; background-size:100%; padding:160px 0; }
#mainvisual .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#mainvisual .content_wrap .slogan { margin:auto 0; font-size:2.5em; font-weight:600; color:#fff; line-height:1.4em; }
#mainvisual .content_wrap .eng { font-family: 'GmarketSansBold'; font-size:2.0em; font-weight:400; color:#fff; line-height:1.4em;  text-align:right;}

#product { background:url(../images/main_product_bg.jpg) right no-repeat; background-attachment:fixed; background-size:cover; padding:150px 0;}
#product .title h1 { display:block; font-family: 'GmarketSansBold'; font-size:2.5em; color:#222; letter-spacing:0; text-align:center; }
#product .title h2 { display:block; margin:25px 0 0; font-size:1.1em; font-weight:400; color:#333; letter-spacing:-0.5px; text-align:center;}
#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%;  margin:50px auto 0; }
#product .content_wrap .content { position:relative; border-radius:10px; width:23.5%; overflow:hidden; }
#product .content_wrap .content .pic { width:100%; overflow:hidden;}
#product .content_wrap .content .pic img { width:100%; }
#product .content_wrap .content .desc { display: flex; flex-direction: column; align-items: center; position:absolute; padding:30px 0; width:100%; height:100%; text-align:; z-index:6; }
#product .content_wrap .content .desc h1 { font-size:1.6em; font-weight:500; color:#fff; line-height:1.3em; letter-spacing:-0.5px; text-align:left; }
#product .content_wrap .content .desc p { display:block; margin:10px 0 0; font-size:1.1em; color:#333; text-align:left; }
#product .content_wrap .content a:hover .desc { display:; background:rgba(54,101,201,0.0); color:#; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
#product .content_wrap .content a:hover .desc h1, #product .content_wrap .content a:hover .desc p { background:none; color:#; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}

#about { background:#fafafa; padding:100px 0;}
#about .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#about .content_wrap .desc { width:45%; margin:auto 0; }
#about .content_wrap .desc h1 { font-family: 'GmarketSansBold'; font-size:2.5em; color:#222; letter-spacing:0; }
#about .content_wrap .desc h2 { display:block; margin:30px 0 20px; font-size:1.3em; font-weight:500; color:#222; letter-spacing:0; }
#about .content_wrap .desc p { display:block; }
#about .content_wrap .desc .motto { margin:50px 0 40px; }
#about .content_wrap .desc .motto ul { background:#fff; border-radius:8px; border:1px solid #e5e5e7; padding:15px; margin:10px 0 0;}
#about .content_wrap .desc .motto ul li { text-align:center; }
#about .content_wrap .desc .motto ul li.tit { display:block; margin:0 0 5px; font-size:1.2em; font-weight:600; color:#2650a5; }
#about .content_wrap .desc .current { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px 0 0; }
#about .content_wrap .desc .current .content { width:33%; text-align:center; }
#about .content_wrap .desc .current .content .ico { display:block; margin:0 0 15px; }
#about .content_wrap .desc .current .content .ico img { height:60px; }
#about .content_wrap .desc .current .content h1 { font-family: 'GmarketSansBold'; font-size:1.1em; color:#222; letter-spacing:0; }
#about .content_wrap .desc .current .content h2 { font-family: 'GmarketSansBold'; font-size:2.0em; color:#fe6f05; letter-spacing:0; }
#about .content_wrap .pic { width:45%; }
#about .content_wrap .pic img { width:100%; }



/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #dedede; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:70%; font-size:0.95em; font-weight:400; color:#333; 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_copy { display:flex; justify-content:flex-end; background:url(../images/main_copy_bg.png) left bottom no-repeat; background-size:70%; padding:100px 0 0; margin:0 auto; width:90%; }	
#main_copy .content { flex-direction:column; text-align:right; }	
#main_copy .content h1 { font-size:1.6em; font-weight:400; color:#222;}
#main_copy .content span { display:block; margin:10px 0 0;}
#main_copy .content span img { width:80%; }

#mainvisual { background:url(../images/mainvisual_mob_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:100px 0; }
#mainvisual .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:80%; }
#mainvisual .content_wrap .slogan { display:block; margin:0 0 20px; width:100%; font-size:1.8em; font-weight:600; color:#fff; line-height:1.4em; letter-spacing:0.5px; text-align:center; }
#mainvisual .content_wrap .eng { width:100%; font-family: 'GmarketSansBold'; font-size:1.2em; font-weight:400; color:#fff; line-height:1.4em; letter-spacing:0.5px; text-align:center; }

#product { background:url(../images/main_product_bg_mob.jpg) right no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0 90px;}
#product .title h1 { display:block; font-family: 'GmarketSansBold'; font-size:1.6em; color:#222; letter-spacing:0; text-align:center; }
#product .title h2 { display:block; margin:10px 0 0; font-size:1.0em; font-weight:400; color:#333; letter-spacing:-0.5px; text-align:center;}
#product .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:20px auto 0; }
#product .content_wrap .content { position:relative; border-radius:10px; width:80%; margin:4% auto; overflow:hidden; }
#product .content_wrap .content .pic { width:100%; overflow:hidden;}
#product .content_wrap .content .pic img { width:100%; }
#product .content_wrap .content .desc { display: flex; flex-direction: column; align-items: center; position:absolute; padding:30px 0; width:100%; height:100%; text-align:; z-index:6; }
#product .content_wrap .content .desc h1 { font-size:1.6em; font-weight:600; color:#fff; line-height:1.3em; letter-spacing:0; text-align:left; }
#product .content_wrap .content .desc p { display:block; margin:5px 0 0; font-size:1.2em; color:#333; text-align:left; }
#product .content_wrap .content a:hover .desc { display:; background:rgba(54,101,201,0.0); color:#; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}
#product .content_wrap .content a:hover .desc h1, #product .content_wrap .content a:hover .desc p { background:none; color:#; 
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;}	


#about { background:#fafafa; padding:80px 0;}
#about .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#about .content_wrap .desc { width:100%; margin:auto 0; text-align:center; }
#about .content_wrap .desc h1 { font-family: 'GmarketSansBold'; font-size:1.6em; color:#222; letter-spacing:0; }
#about .content_wrap .desc h2 { display:block; margin:15px 0 20px; font-size:1.1em; font-weight:600; color:#222; letter-spacing:0; }
#about .content_wrap .desc p { display:block; }
#about .content_wrap .desc .motto { margin:30px 0; }
#about .content_wrap .desc .motto ul { background:#fff; border-radius:8px; border:1px solid #e5e5e7; padding:10px; margin:6px 0 0;}
#about .content_wrap .desc .motto ul li { text-align:center; }
#about .content_wrap .desc .motto ul li.tit { display:block; margin:0 0 3px; font-size:1.2em; font-weight:600; color:#2650a5; letter-spacing:0.5px; }
#about .content_wrap .desc .current { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px 0 0; }
#about .content_wrap .desc .current .content { width:33%; text-align:center; }
#about .content_wrap .desc .current .content .ico { display:block; margin:0 0 15px; }
#about .content_wrap .desc .current .content .ico img { height:30px; }
#about .content_wrap .desc .current .content h1 { font-family: 'GmarketSansBold'; font-size:0.9em; color:#222; line-height:1.3em; letter-spacing:0; }
#about .content_wrap .desc .current .content h2 { display:block; margin:10px 0; font-family: 'GmarketSansBold'; font-size:1.4em; color:#fe6f05; letter-spacing:0; }
#about .content_wrap .pic { width:100%; margin:50px 0 0; }
#about .content_wrap .pic img { width:100%; }


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