@charset "utf-8";

.over_zum { background:#; 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:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
	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:1600px) {
	
.view_pc{ display:block; }
.view_mob { display:none; }

#special { padding:140px 0; background:url(../images/main_special_bg.jpg) bottom center no-repeat; background-size:90%; }
#special article { margin:0 auto; width:90%; max-width:1600px; text-align:center; }
#special article h2 { position:relative; font-size:2.5em; color:#222; }
#special article h2 span { display:inline-block; border-bottom:10px solid #ffc600; }
#special article p { display:block; margin:25px 0 0; }
#special .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px auto 0; width:80%; max-width:1600px; }
#special .content_wrap .content { width:23%; text-align:center; z-index:2; }
#special .content_wrap .content .pic { margin:0 0 30px; text-align:center; }
#special .content_wrap .content span { display:inline-block; border-radius:30px; background:#2155bb; padding:1px 15px; font-size:0.9em; font-weight:600; color:#fff; letter-spacing:0; text-align:center; }
#special .content_wrap .content h2 { display:block; margin:15px 0 5px; font-size:1.3em; color:#222; }

#middle { display:flex; justify-content:space-between; flex-wrap:wrap; background:url(../images/main_middle_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0; }
#middle .doro { width:50%; }
#middle .doro .wrapper { margin-left:auto; width:90%; max-width:800px; }
#middle .doro article { margin:0 auto; width:70%; text-align:center; }
#middle .doro article h2 { position:relative; font-size:2.5em; color:#fff; line-height:1.5em; }
#middle .doro article h2 span { display:inline-block; border-bottom:10px solid #ffc600; line-height:0.7em; }
#middle .doro article p { display:block; margin:20px 0 0; color:#fff; }
#middle .doro ul { width:70%; margin:50px auto 0; }
#middle .doro ul li { border-bottom:1px solid rgba(255,255,255,0.5); background:url(../images/main_doro_arr.png) 98% 50% no-repeat; }
#middle .doro ul li a { display:flex; padding:10px; }
#middle .doro ul li p { margin:auto 0; font-size:1.5em; color:#fff; }
#middle .doro ul li span { display:inline-block; margin:0 8% 0 0; }

#middle .shuttle { width:50%; }
#middle .shuttle .wrapper { width:90%; max-width:800px; background:url(../images/main_shuttle_bg.png) 50% 80% no-repeat; background-size:75%; }
#middle .shuttle article { margin:0 auto; width:80%; text-align:center; }
#middle .shuttle article h2 { position:relative; font-size:2.5em; color:#fff; line-height:1.5em; }
#middle .shuttle article h2 span { display:inline-block; border-bottom:10px solid #ffc600; line-height:0.7em; }
#middle .shuttle article p { display:block; margin:20px 0 0; color:#fff; }
#middle .shuttle ul { display:flex; justify-content:center; flex-wrap:wrap; margin:50px 0 0; }
#middle .shuttle ul li { border-radius:30px; background:#fff; padding:2px 15px; margin:3px; color:#222; text-align:center; }
#middle .shuttle .btn { margin:350px auto 0; text-align:center; }
#middle .shuttle .btn a { display:inline-block; border-radius:30px; background:#0c3fa5; padding:15px 30px; font-size:1.1em; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#middle .shuttle .btn a:hover { background:#fff; color:#0c3fa5; }

#license { margin:150px auto; width:90%; max-width:1600px; }
#license article { text-align:center; }
#license article h2 { position:relative; font-size:2.5em; color:#222; }
#license article h2 span { display:inline-block; border-bottom:10px solid #ffc600; }
#license article p { display:block; margin:25px 0 0; }
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px 0 0; height:100%; }
#license .content_wrap .content { width:24%; border-radius:20px; background:#0c3fa5; }
#license .content_wrap .content .pic { border-radius:20px 20px 0 0; overflow:hidden; }
#license .content_wrap .content .pic img { width:100%; }
#license .content_wrap .content .desc { border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid rgba(255,255,255,0); background:#fff; padding:40px 40px 30px; }
#license .content_wrap .content .desc h2 { font-size:1.7em; color:#222; text-align:center; }
#license .content_wrap .content .desc ul { margin:20px 0;}
#license .content_wrap .content .desc ul li { background:url(../images/main_lic_chk.png) 0 5px no-repeat; padding-left:25px; margin:5px 0; font-size:1.1em; line-height:1.5em; }
#license .content_wrap .content .desc ul li span { display:block; margin:5px 0 5px 73px; }
#license .content_wrap .content .desc p { font-size:0.9em; color:#555; line-height:1.5em; }
#license .content_wrap .content .price { margin-top:auto; padding:20px; text-align:center; }
#license .content_wrap .content .price strong { font-size:1.5em; color:#fff; }
#license .content_wrap .content .price p { font-size:0.9em; color:#99acd0; }
#license .content_wrap .content a:hover .desc
 { border-left:#0c3fa5; border-right:#0c3fa5; border-bottom:1px solid rgba(255,255,255,1); background:#0c3fa5; color:#fff; transition:.5s; }
#license .content_wrap .content a:hover .desc h2,
#license .content_wrap .content a:hover .desc p
 { border:#0c3fa5; color:#fff; transition:.5s; }

 
#review { margin:150px auto; background:#f4f4f4; padding:120px 0 100px; }
#review article { text-align:center; }
#review article h2 { position:relative; font-size:2.5em; color:#222; }
#review article h2 span { display:inline-block; border-bottom:10px solid #ffc600; }
#review article p { display:block; margin:25px 0 0; }
#review .content { border-radius:20px; box-shadow:0 0 7px rgba(162,177,181,0.3); background:url(../images/star.png) #fff 95% 8% no-repeat; padding:15% 10% 5%; margin:10px 0; }
#review .content h2 { font-size:1.1em; color:#222; text-align:left; }
#review .content p { display:block; margin:10px 0; font-size:0.9em; color:#444; line-height:1.5em; text-align:left; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
#review .content span { display:block; font-size:0.7em; color:#b5b5b5; text-align:left; }

#gallery { width:90%; margin:130px auto; }
#gallery article { text-align:center; }
#gallery article h2 { position:relative; font-size:2.5em; color:#222; }
#gallery article h2 span { display:inline-block; border-bottom:10px solid #ffc600; }
#gallery article p { display:block; margin:25px 0 0; }
#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; 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 { display:block; margin:0 auto; text-align:center; }
#gallery .btn a { display:inline-block; border-radius:30px; border:1px solid #1b55c7; background:#1b55c7; padding:12px 25px; margin:60px auto 0; font-family: 'GmarketSansMedium'; font-size:0.8em; color:#fff; text-align:center; transition:0.5s; }
#gallery .btn a:hover { background:#fff; border:1px solid #1b55c7; color:#1b55c7;}

#keyword { margin:150px auto 0; background:#2e2e2e; padding:120px 0 100px; }
#keyword article { text-align:center; }
#keyword article h2 { position:relative; font-size:2.5em; color:#fff; }
#keyword article h2 span { display:inline-block; border-bottom:10px solid #ffc600; }
#keyword article p { display:block; margin:25px 0 0; color:#fff; }
#keyword ul { display:flex; justify-content:center; flex-wrap:wrap; width:90%; max-width:1600px; margin:50px auto 0; }
#keyword ul li { margin:5px; }
#keyword ul li a { display:inline-block; border-radius:30px; background:#737373; padding:5px 15px; font-size:0.9em; color:#fff; text-align:center; transition:.3s; }
#keyword ul li a:hover { background:#fff; font-weight:600; color:#2155bb;}



/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #dedede; padding:20px 0 10px; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:75%; font-size:1.2em; font-weight:500; color:#; 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:1.0em; color:#909090; line-height:1.7em; letter-spacing:0.5px;}


}


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

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

#special { padding:120px 0; background:url(../images/main_special_bg.jpg) bottom center no-repeat; background-size:90%; }
#special article { margin:0 auto; width:90%; text-align:center; }
#special article h2 { position:relative; font-size:2.2em; color:#222; }
#special article h2 span { display:inline-block; border-bottom:7px solid #ffc600; }
#special article p { display:block; margin:20px 0 0; }
#special .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px auto 0; width:90%; }
#special .content_wrap .content { width:23%; text-align:center; z-index:2; }
#special .content_wrap .content .pic { margin:0 0 20px; text-align:center; }
#special .content_wrap .content span { display:inline-block; border-radius:30px; background:#2155bb; padding:1px 15px; font-size:0.8em; font-weight:600; color:#fff; letter-spacing:0; text-align:center; }
#special .content_wrap .content h2 { display:block; margin:15px 0 5px; font-size:1.2em; color:#222; }

#middle { display:flex; justify-content:space-between; flex-wrap:wrap; background:url(../images/main_middle_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0; }
#middle .doro { width:50%; }
#middle .doro .wrapper { margin-left:auto; width:90%; }
#middle .doro article { margin:0 auto; width:80%; text-align:center; }
#middle .doro article h2 { position:relative; font-size:2.2em; color:#fff; line-height:1.5em; }
#middle .doro article h2 span { display:inline-block; border-bottom:7px solid #ffc600; line-height:0.7em; }
#middle .doro article p { display:block; margin:20px 0 0; color:#fff; }
#middle .doro ul { width:80%; margin:40px auto 0; }
#middle .doro ul li { border-bottom:1px solid rgba(255,255,255,0.5); background:url(../images/main_doro_arr.png) 98% 50% no-repeat; }
#middle .doro ul li a { display:flex; padding:10px; }
#middle .doro ul li p { margin:auto 0; font-size:1.3em; color:#fff; }
#middle .doro ul li span { display:inline-block; margin:0 5% 0 0; }

#middle .shuttle { width:50%; }
#middle .shuttle .wrapper { width:90%; background:url(../images/main_shuttle_bg.png) 50% 80% no-repeat; background-size:85%; }
#middle .shuttle article { margin:0 auto; width:80%; text-align:center; }
#middle .shuttle article h2 { position:relative; font-size:2.2em; color:#fff; line-height:1.5em; }
#middle .shuttle article h2 span { display:inline-block; border-bottom:7px solid #ffc600; line-height:0.7em; }
#middle .shuttle article p { display:block; margin:20px 0 0; color:#fff; }
#middle .shuttle ul { display:flex; justify-content:center; flex-wrap:wrap; margin:40px 0 0; }
#middle .shuttle ul li { border-radius:30px; background:#fff; padding:2px 15px; margin:3px; color:#222; text-align:center; }
#middle .shuttle .btn { margin:300px auto 0; text-align:center; }
#middle .shuttle .btn a { display:inline-block; border-radius:30px; background:#0c3fa5; padding:15px 30px; font-size:1.1em; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#middle .shuttle .btn a:hover { background:#fff; color:#0c3fa5; }

#license { margin:130px auto; width:90%; }
#license article { text-align:center; }
#license article h2 { position:relative; font-size:2.2em; color:#222; line-height:1.5em; }
#license article h2 span { display:inline-block; border-bottom:7px solid #ffc600; line-height:0.7em; }
#license article p { display:block; margin:20px 0 0; }
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px 0 0; height:100%; }
#license .content_wrap .content { width:24%; border-radius:20px; background:#0c3fa5; }
#license .content_wrap .content .pic { border-radius:20px 20px 0 0; overflow:hidden; }
#license .content_wrap .content .pic img { width:100%; }
#license .content_wrap .content .desc { border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid rgba(255,255,255,0); background:#fff; padding:30px 20px 20px; }
#license .content_wrap .content .desc h2 { font-size:1.4em; color:#222; text-align:center; }
#license .content_wrap .content .desc ul { margin:12px 0;}
#license .content_wrap .content .desc ul li { background:url(../images/main_lic_chk.png) 0 5px no-repeat; background-size:12px; padding-left:20px; margin:5px 0; font-size:0.9em; line-height:1.5em; }
#license .content_wrap .content .desc ul li span { display:block; margin:5px 0 5px 60px; }
#license .content_wrap .content .desc p { font-size:0.8em; color:#555; line-height:1.5em; }
#license .content_wrap .content .price { margin-top:auto; padding:20px; text-align:center; }
#license .content_wrap .content .price strong { font-size:1.5em; color:#fff; }
#license .content_wrap .content .price p { font-size:0.8em; color:#99acd0; }
#license .content_wrap .content a:hover .desc
 { border-left:#0c3fa5; border-right:#0c3fa5; border-bottom:1px solid rgba(255,255,255,1); background:#0c3fa5; color:#fff; transition:.5s; }
#license .content_wrap .content a:hover .desc h2,
#license .content_wrap .content a:hover .desc p
 { border:#0c3fa5; color:#fff; transition:.5s; }

#review { margin:130px auto; background:#f4f4f4; padding:120px 0 100px; }
#review article { text-align:center; }
#review article h2 { position:relative; font-size:2.2em; color:#222; line-height:1.5em; }
#review article h2 span { display:inline-block; border-bottom:7px solid #ffc600; line-height:0.7em; }
#review article p { display:block; margin:20px 0 0; }
#review .content { border-radius:20px; box-shadow:0 0 7px rgba(162,177,181,0.3); background:url(../images/star.png) #fff 95% 8% no-repeat; background-size:60px; padding:10% 10% 5%; margin:10px 0; }
#review .content h2 { font-size:1.1em; color:#222; text-align:left; }
#review .content p { display:block; margin:6px 0; font-size:0.9em; color:#444; line-height:1.5em; text-align:left; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
#review .content span { display:block; font-size:0.7em; color:#b5b5b5; text-align:left; }

#gallery { width:90%; margin:130px auto; }
#gallery article { text-align:center; }
#gallery article h2 { position:relative; font-size:2.2em; color:#222; line-height:1.5em; }
#gallery article h2 span { display:inline-block; border-bottom:7px solid #ffc600; line-height:0.7em; }
#gallery article p { display:block; margin:20px 0 0; }
#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; 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 { display:block; margin:0 auto; text-align:center; }
#gallery .btn a { display:inline-block; border-radius:30px; border:1px solid #1b55c7; background:#1b55c7; padding:12px 25px; margin:60px auto 0; font-family: 'GmarketSansMedium'; font-size:0.8em; color:#fff; text-align:center; transition:0.5s; }
#gallery .btn a:hover { background:#fff; border:1px solid #1b55c7; color:#1b55c7;}

#keyword { margin:130px auto 0; background:#2e2e2e; padding:120px 0; }
#keyword article { text-align:center; }
#keyword article h2 { position:relative; font-size:2.2em; color:#fff; line-height:1.5em; }
#keyword article h2 span { display:inline-block; border-bottom:7px solid #ffc600; line-height:0.7em; }
#keyword article p { display:block; margin:20px 0 0; color:#fff; }
#keyword ul { display:flex; justify-content:center; flex-wrap:wrap; width:90%; margin:40px auto 0; }
#keyword ul li { margin:5px; }
#keyword ul li a { display:inline-block; border-radius:30px; background:#737373; padding:5px 15px; font-size:0.9em; color:#fff; text-align:center; transition:.3s; }
#keyword ul li a:hover { background:#fff; font-weight:600; color:#2155bb;}

/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #dedede; padding:20px 0 10px; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:75%; font-size:1.1em; font-weight:500; color:#; 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:1.0em; color:#909090; line-height:1.7em; letter-spacing:0.5px;}

}



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


#special { padding:90px 0 50px; background:url(../images/main_special_bg_mob.jpg) bottom center no-repeat; background-size:90%; }
#special article { margin:0 auto; width:85%; text-align:center; }
#special article h2 { position:relative; font-size:1.4em; color:#222; }
#special article h2 span { display:inline-block; border-bottom:4px solid #ffc600; }
#special article p { display:block; margin:15px 0 0; }
#special .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px auto 0; width:85%; }
#special .content_wrap .content { margin:7% 0; width:45%; text-align:center; z-index:2; }
#special .content_wrap .content .pic { margin:0 0 15px; text-align:center; }
#special .content_wrap .content .pic img { width:60%; }
#special .content_wrap .content span { display:inline-block; border-radius:30px; background:#2155bb; padding:1px 10px; font-size:0.8em; font-weight:600; color:#fff; letter-spacing:0; text-align:center; }
#special .content_wrap .content h2 { display:block; margin:10px 0 2px; font-size:1.0em; color:#222; }

#middle { background:url(../images/main_middle_bg_mob.jpg) center no-repeat; background-size:cover; }
#middle .doro { padding:80px 0; background:rgba(12,63,165,0.8); }
#middle .doro .wrapper { width:85%; margin:0 auto;  }
#middle .doro article { margin:0 auto; width:80%; text-align:center; }
#middle .doro article h2 { position:relative; font-size:1.4em; color:#fff; line-height:1.5em; }
#middle .doro article h2 span { display:inline-block; border-bottom:4px solid #ffc600; line-height:0.7em; }
#middle .doro article p { display:block; margin:15px 0 0; color:#fff; }
#middle .doro ul { margin:20px auto 0; }
#middle .doro ul li { border-bottom:1px solid rgba(255,255,255,0.5); background:url(../images/main_doro_arr.png) 98% 50% no-repeat; background-size:6%; }
#middle .doro ul li a { display:flex; padding:10px; }
#middle .doro ul li p { margin:auto 0; font-size:1.2em; color:#fff; }
#middle .doro ul li span { display:inline-block; margin:0 5% 0 0; }
#middle .doro ul li span img { height:50px; }

#middle .shuttle { padding:80px 0; background:rgba(0,171,255,0.8); }
#middle .shuttle .wrapper { width:85%; margin:0 auto; background:url(../images/main_shuttle_bg.png) 50% 80% no-repeat; background-size:85%; }
#middle .shuttle article { margin:0 auto; width:80%; text-align:center; }
#middle .shuttle article h2 { position:relative; font-size:1.4em; color:#fff; line-height:1.5em; }
#middle .shuttle article h2 span { display:inline-block; border-bottom:4px solid #ffc600; line-height:0.7em; }
#middle .shuttle article p { display:block; margin:15px 0 0; color:#fff; }
#middle .shuttle ul { display:flex; justify-content:center; flex-wrap:wrap; margin:30px 0 0; }
#middle .shuttle ul li { border-radius:30px; background:#fff; padding:4px 12px; margin:3px; font-weight:500; color:#222; text-align:center; }
#middle .shuttle .btn { margin:150px auto 0; text-align:center; }
#middle .shuttle .btn a { display:inline-block; border-radius:30px; background:#0c3fa5; padding:12px 25px; font-size:1.1em; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#middle .shuttle .btn a:hover { background:#fff; color:#0c3fa5; }

#license { margin:80px auto; width:85%; }
#license article { text-align:center; }
#license article h2 { position:relative; font-size:1.4em; color:#222; line-height:1.5em; }
#license article h2 span { display:inline-block; border-bottom:4px solid #ffc600; line-height:0.7em; }
#license article p { display:block; margin:15px 0 0; }
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px 0 0; height:100%; }
#license .content_wrap .content { width:48%; margin:2% 0; border-radius:15px; background:#0c3fa5; }
#license .content_wrap .content .pic { border-radius:15px 15px 0 0; overflow:hidden; }
#license .content_wrap .content .pic img { width:100%; }
#license .content_wrap .content .desc { border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid rgba(255,255,255,0); background:#fff; padding:20px 10px; }
#license .content_wrap .content .desc h2 { font-size:1.0em; color:#222; text-align:center; }
#license .content_wrap .content .desc ul { margin:12px 0;}
#license .content_wrap .content .desc ul li { background:url(../images/main_lic_chk.png) 0 5px no-repeat; background-size:8px; padding-left:14px; margin:5px 0; font-size:0.9em; line-height:1.5em; }
#license .content_wrap .content .desc ul li span { display:block; margin:5px 0; }
#license .content_wrap .content .desc p { font-size:0.8em; color:#555; line-height:1.5em; }
#license .content_wrap .content .price { margin-top:auto; padding:15px; text-align:center; }
#license .content_wrap .content .price strong { font-size:1.3em; color:#fff; }
#license .content_wrap .content .price p { display:block; margin:8px 0 0; font-size:0.8em; color:#99acd0; line-height:1.5em; }
#license .content_wrap .content a:hover .desc
 { border-left:#0c3fa5; border-right:#0c3fa5; border-bottom:1px solid rgba(255,255,255,1); background:#0c3fa5; color:#fff; transition:.5s; }
#license .content_wrap .content a:hover .desc h2,
#license .content_wrap .content a:hover .desc p
 { border:#0c3fa5; color:#fff; transition:.5s; }

#review { margin:80px auto; background:#f4f4f4; padding:70px 0 50px; }
#review article { width:85%; margin:0 auto; text-align:center; }
#review article h2 { position:relative; font-size:1.4em; color:#222; line-height:1.5em; }
#review article h2 span { display:inline-block; border-bottom:4px solid #ffc600; line-height:0.7em; }
#review article p { display:block; margin:15px 0 0; }
#review .content { border-radius:20px; box-shadow:0 0 7px rgba(162,177,181,0.3); background:url(../images/star.png) #fff 95% 8% no-repeat; background-size:40px; padding:12% 10% 5%; margin:10px 0; }
#review .content h2 { font-size:1.0em; color:#222; text-align:left; }
#review .content p { display:block; margin:6px 0; font-size:0.9em; color:#444; line-height:1.5em; text-align:left; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
#review .content span { display:block; font-size:0.7em; color:#b5b5b5; text-align:left; }

#gallery { width:85%; margin:70px auto; }
#gallery article { width:85%; margin:0 auto; text-align:center; }
#gallery article h2 { position:relative; font-size:1.4em; color:#222; line-height:1.5em; }
#gallery article h2 span { display:inline-block; border-bottom:4px solid #ffc600; line-height:0.7em; }
#gallery article p { display:block; margin:15px 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:10px; 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 { display:block; margin:0 auto; text-align:center; }
#gallery .btn a { display:inline-block; border-radius:30px; border:1px solid #1b55c7; background:#1b55c7; padding:10px 20px; margin:30px auto 0; font-family: 'GmarketSansMedium'; font-size:0.6em; font-weight:600; color:#fff; text-align:center; transition:0.5s; }
#gallery .btn a:hover { background:#fff; border:1px solid #1b55c7; color:#1b55c7;}

#keyword { margin:80px auto 0; background:#2e2e2e; padding:70px 0; }
#keyword article { width:85%; margin:0 auto; text-align:center; }
#keyword article h2 { position:relative; font-size:1.4em; color:#fff; line-height:1.5em; }
#keyword article h2 span { display:inline-block; border-bottom:4px solid #ffc600; line-height:0.7em; }
#keyword article p { display:block; margin:15px 0 0; ; color:#fff;}
#keyword ul { display:flex; justify-content:center; flex-wrap:wrap; width:90%; margin:30px auto 0; }
#keyword ul li { margin:5px; }
#keyword ul li a { display:inline-block; border-radius:30px; background:#737373; padding:5px 15px; font-size:0.9em; color:#fff; text-align:center; transition:.3s; }
#keyword ul li a:hover { background:#fff; font-weight:600; color:#2155bb;}

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