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

#slogan { display:flex; justify-content:center; flex-wrap:wrap; width:80%; max-width:1600px; margin:60px auto; }
#slogan .pic { margin:auto 0; width:; text-align:center; }
#slogan ul { display:flex; flex-wrap:wrap; margin:auto 0; width:50%; padding-left:5%; }
#slogan ul li { width:40%; margin:0 1%; background:url(../images/chk.png) top center no-repeat; font-size:1.8rem; color:#222; line-height:2.5rem; text-align:center; }
#slogan ul li p { margin:60px 0 0; }
#slogan ul li span { color:#ff9000; }

#orange_banner { background:#ff9000; padding:35px 0; }
#orange_banner .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; max-width:1600px; margin:0 auto; }
#orange_banner .wrapper .customer { width:25%; }
#orange_banner .wrapper .customer h2 { background:url(../images/m_tel.png) left no-repeat; padding-left:55px; font-size:2.5rem; color:#fff; line-height:50px; }
#orange_banner .wrapper .customer h3 { font-size:1.5rem; color:#222; }
#orange_banner .wrapper .customer p { margin:10px 0; font-size:1.0rem; color:#222; }
#orange_banner .wrapper .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:73%; }
#orange_banner .wrapper .content_wrap a { display:flex; align-items:flex-end; border-radius:15px; width:10%; padding:1%; font-weight:500; transition:.3s; }
#orange_banner .wrapper .content_wrap a:nth-child(1) { background:url(../images/mq_01.png) #fff 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:nth-child(2) { background:url(../images/mq_02.png) #fff 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:nth-child(3) { background:url(../images/mq_03.png) #fff 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:nth-child(4) { background:url(../images/mq_04.png) #fff 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:nth-child(5) { background:url(../images/mq_05.png) #fff 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:nth-child(6) { background:url(../images/mq_06.png) #fff 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:nth-child(7) { background:url(../images/mq_07.png) #fff 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:nth-child(8) { background:url(../images/mq_08.png) #fff 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:hover { margin:-10px 0 10px; box-shadow: 0px 0px 10px #ce7400; }
#orange_banner .wrapper .content_wrap a:hover:nth-child(1) { background:url(../images/mq_01.png) #fff282 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:hover:nth-child(2) { background:url(../images/mq_02.png) #fff282 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:hover:nth-child(3) { background:url(../images/mq_03.png) #fff282 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:hover:nth-child(4) { background:url(../images/mq_04.png) #fff282 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:hover:nth-child(5) { background:url(../images/mq_05.png) #fff282 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:hover:nth-child(6) { background:url(../images/mq_06.png) #fff282 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:hover:nth-child(7) { background:url(../images/mq_07.png) #fff282 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a:hover:nth-child(8) { background:url(../images/mq_08.png) #fff282 50% 35% no-repeat; }
#orange_banner .wrapper .content_wrap a p { margin:0 auto; }

#license { background:#f4f4f4; padding:60px 0 70px; }
#license article { text-align:center; }
#license article h2 { font-size:2.2rem; color:#222; line-height:3.3rem; }
#license article h2 span { color:#ff9000; }
#license article p { display:block; margin:10px 0 0; } 
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; max-width:1600px; margin:30px auto 0; }
#license .content_wrap .content { position:relative; width:32.5%; margin:0.6% 0; }
#license .content_wrap .content .item { position:absolute; bottom:0; background:rgba(0,0,0,0.6); padding:15px 0; width:100%; color:#fff; text-align:center; }
#license .content_wrap .content .item strong { font-size:1.5rem; }
#license .content_wrap .content .item p { display:inline-block; margin-left:10px; }
#license .content_wrap .content .pic img { width:100%; }

#midanner { background:url(../images/m_midbanner_bg.jpg) right/cover no-repeat; background-size:50%; }
#midanner .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; max-width:1600px; margin:0 auto; }
#midanner .shuttle { width:50%; padding:70px 0 90px; }
#midanner .shuttle article h2 { font-size:2.2rem; color:#222; line-height:3.3rem; }
#midanner .shuttle article h2 span { color:#ff9000; }
#midanner .shuttle article p { display:block; margin:10px 0 0; } 
#midanner .shuttle .content_wrap { display:flex; flex-wrap:wrap; margin:40px 0 0; }
#midanner .shuttle .content_wrap .pic { }
#midanner .shuttle .content_wrap .pic img {  }
#midanner .shuttle .content_wrap ul { margin:auto 0; margin-left:5%; width:50%; }
#midanner .shuttle .content_wrap ul li { margin:20px 0; }
#midanner .shuttle .content_wrap ul li strong { font-size:1.2rem; color:#222; }
#midanner .shuttle .content_wrap ul li p { margin:6px 0 0; }
#midanner .doro { width:45%; padding:70px 0 0 5%; }
#midanner .doro article h2 { font-size:2.2rem; color:#fff; line-height:3.3rem; }
#midanner .doro article h2 span { color:#ffc100; }
#midanner .doro article p { display:block; margin:10px 0 0; color:#fff; } 
#midanner .doro ul { display:flex; flex-wrap:wrap; margin:30px 0 0;  }
#midanner .doro ul li { background:#ffc81d; border-radius:30px; padding:6px 15px; margin-right:5px; font-weight:600; color:#7a5600; text-align:center; }
#midanner .doro a { display:inline-block; border:1px solid rgba(255,255,255,0.5); border-radius:30px; margin-top:200px; padding:8px 20px; font-weight:600; color:#fff; text-align:center; }

#review { background:#f4f4f4; padding:70px 0; }
#review article { text-align:center; }
#review article h2 { font-size:2.2rem; color:#222; line-height:3.3rem; }
#review article h2 span { color:#ff9000; }
#review article p { display:block; margin:10px 0 0; } 
#review .review_list { position:relative; margin:30px auto 0; width:90%; max-width:1600px; display:flex; justify-content:space-between; flex-wrap:wrap; }
#review .review_list .content { box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:15px; background:#fff; margin:20px; }
#review .review_list .content .txt { padding:20px 30px; }
#review .review_list .content .txt h2 { font-size:1.0rem; color:#111; }
#review .review_list .content .txt h2 span { float:right; font-size:0.8rem; font-weight:400; color:#999; }
#review .review_list .content .txt p {margin:10px 0 0; height:75px; font-size:0.9rem; color:#7c7c7c; line-height:1.4rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#review .review_list .content > span { display:flex; padding:20px 0 0; text-align:center; }
#review .review_list .content > span img { margin:auto; }
#review .review_list_wrap #pager{ margin-top:40px; text-align:center; }
.prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
.next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; 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; }

#promise { width:90%; max-width:1600px; margin:70px auto; }
#promise article { text-align:center; }
#promise article h2 { font-size:2.2rem; color:#222; line-height:3.3rem; }
#promise article h2 span { color:#ff9000; }
#promise article p { display:block; margin:10px 0 0; } 
#promise .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px auto 0; width:80%; }
#promise .content_wrap ul { width:25%; text-align:center; }
#promise .content_wrap ul li { color:#; text-shadow:none; }
#promise .content_wrap ul li img { height:;
  display:inline-block;
  padding:;
  border-radius:;
  background:#;
  box-sizing:content-box;
}
#promise .content_wrap ul li .counter { display:inline-block; margin:50px 0 30px; font-size:4.0rem; font-weight:800; color:#222; text-shadow:none; }
#promise .content_wrap ul li i { font-size:2.5rem; font-weight:600; color:#202121; text-shadow:none; }

#bot_banner { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; max-width:1600px; margin:70px auto; }
#bot_banner .item { width:50%; }
#bot_banner .item:nth-child(1) { background:url(../images/bot_banner_01.png) right/cover no-repeat; border-radius:25px 0 0 25px; }
#bot_banner .item:nth-child(2) { background:url(../images/bot_banner_02.png) right/cover no-repeat; border-radius:0 25px 25px 0; }
#bot_banner .item a { display:block; padding:100px 60px; }
#bot_banner .item a h2 { margin:20px 0 0; font-size:2.5rem; color:#fff; }
#bot_banner .item a p { font-size:1.1rem; color:#fff; }


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

#gallery { display:none; margin:100px 0 0; }
#gallery article { text-align:center; }
#gallery article h1 { display:block; margin:10px 0 0; font-size:2.2em; color:#111; line-height:1.3em; }
#gallery article h2 { font-size:1.2em; color:#0045c9; line-height:1.3em; }
#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; 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; }
#gallery .btn a { display:inline-block; border:1px solid #fff; padding:10px 20px; margin:60px auto 0; font-family: 'GmarketSansMedium'; font-size:0.7em; color:#fff; text-align:center; transition:0.5s; }
#gallery .btn a:hover { background:#fff; border:1px solid #fff; color:#0054c7;}


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


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

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

#slogan { margin:40px auto; }
#slogan .pic img { width:80%; }
#slogan ul li { width:40%; margin:0 1%; background:url(../images/chk.png) top center no-repeat; background-size:20%; font-size:2.0vw; color:#222; line-height:2.7vw; text-align:center; }
#slogan ul li p { margin:30% 0 0; }

#orange_banner .wrapper .customer p { margin:5px 0; }
#orange_banner .wrapper .content_wrap a:nth-child(1),
#orange_banner .wrapper .content_wrap a:nth-child(2),
#orange_banner .wrapper .content_wrap a:nth-child(3),
#orange_banner .wrapper .content_wrap a:nth-child(4),
#orange_banner .wrapper .content_wrap a:nth-child(5),
#orange_banner .wrapper .content_wrap a:nth-child(6),
#orange_banner .wrapper .content_wrap a:nth-child(7),
#orange_banner .wrapper .content_wrap a:nth-child(8),
#orange_banner .wrapper .content_wrap a:hover:nth-child(1),
#orange_banner .wrapper .content_wrap a:hover:nth-child(2),
#orange_banner .wrapper .content_wrap a:hover:nth-child(3),
#orange_banner .wrapper .content_wrap a:hover:nth-child(4),
#orange_banner .wrapper .content_wrap a:hover:nth-child(5),
#orange_banner .wrapper .content_wrap a:hover:nth-child(6),
#orange_banner .wrapper .content_wrap a:hover:nth-child(7),
#orange_banner .wrapper .content_wrap a:hover:nth-child(8) { background-size:35%; }

#license article h2 { font-size:2.0rem; color:#222; line-height:3.0rem; }
#license article p { display:block; margin:6px 0 0; } 
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:20px auto 0; }
#license .content_wrap .content { position:relative; width:32.5%; margin:0.6% 0; }
#license .content_wrap .content .item { position:absolute; bottom:0; background:rgba(0,0,0,0.6); padding:15px 0; width:100%; color:#fff; text-align:center; }
#license .content_wrap .content .item strong { font-size:1.3rem; }
#license .content_wrap .content .item p { display:inline-block; margin-left:10px; }
#license .content_wrap .content .pic img { width:100%; }

#midanner .shuttle article h2 { font-size:2.0rem; color:#222; line-height:3.0rem; }
#midanner .shuttle article h2 span { color:#ff9000; }
#midanner .shuttle article p { display:block; margin:6px 0 0; } 
#midanner .shuttle .content_wrap { display:flex; flex-wrap:wrap; margin:20px 0 0; }
#midanner .shuttle .content_wrap .pic { width:90%; margin:auto 0; }
#midanner .shuttle .content_wrap .pic img { width:100%; }
#midanner .shuttle .content_wrap ul li { margin:15px 0; }
#midanner .shuttle .content_wrap ul li p { margin:5px 0 0; line-height:1.5rem; }
#midanner .doro article h2 { font-size:2.0rem; color:#fff; line-height:3.0rem; }
#midanner .doro article h2 span { color:#ffc100; }
#midanner .doro article p { display:block; margin:6px 0 0; color:#fff; } 
#midanner .doro ul { display:flex; flex-wrap:wrap; margin:30px 0 0;  }
#midanner .doro ul li { background:#ffc81d; border-radius:30px; padding:6px 15px; margin-right:5px; font-weight:600; color:#7a5600; text-align:center; }
#midanner .doro a { display:inline-block; border:1px solid rgba(255,255,255,0.5); border-radius:30px; margin-top:130px; padding:8px 20px; font-weight:600; color:#fff; text-align:center; }

#review article { text-align:center; }
#review article h2 { font-size:2.0rem; color:#222; line-height:3.0rem; }
#review article h2 span { color:#ff9000; }
#review article p { display:block; margin:6px 0 0; } 
#review .review_list .content .txt p {margin:10px 0 0; height:65px; font-size:0.9rem; color:#7c7c7c; line-height:1.4rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#review .review_list .content > span img { height:50px; }

#promise { width:90%; margin:70px auto; }
#promise article { text-align:center; }
#promise article h2 { font-size:2.0rem; color:#222; line-height:3.0rem; }
#promise article h2 span { color:#ff9000; }
#promise article p { display:block; margin:6px 0 0; } 
#promise .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto 0; width:90%; }
#promise .content_wrap ul { width:25%; text-align:center; }
#promise .content_wrap ul li { color:#; text-shadow:none; }
#promise .content_wrap ul li img { height:90px;
  display:inline-block;
  padding:;
  border-radius:;
  background:#;
  box-sizing:content-box;
}
#promise .content_wrap ul li .counter { display:inline-block; margin:30px 0 15px; font-size:3.0rem; font-weight:800; color:#222; text-shadow:none; }
#promise .content_wrap ul li i { font-size:2.0rem; font-weight:600; color:#202121; text-shadow:none; }

#bot_banner { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; max-width:1600px; margin:70px auto; }
#bot_banner .item { width:50%; border-radius:20px; }
#bot_banner .item:nth-child(1) { background:url(../images/bot_banner_01_mob.png) right no-repeat; }
#bot_banner .item:nth-child(2) { background:url(../images/bot_banner_02_mob.png) right no-repeat; }
#bot_banner .item a { display:block; padding:80px 40px; }
#bot_banner .item a h2 { margin:15px 0 0; font-size:2.0rem; color:#fff; }
#bot_banner .item a p { font-size:1.1rem; color:#fff; }

#gallery { display:none; margin:100px 0 0; }
#gallery article { text-align:center; }
#gallery article h1 { display:block; margin:10px 0 0; font-size:2.0em; color:#111; line-height:1.3em; }
#gallery article h2 { font-size:1.2em; color:#0045c9; line-height:1.3em; }
#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; 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; }
#gallery .btn a { display:inline-block; border:1px solid #fff; padding:10px 20px; margin:60px auto 0; font-family: 'GmarketSansMedium'; font-size:0.7em; color:#fff; text-align:center; transition:0.5s; }
#gallery .btn a:hover { background:#fff; border:1px solid #fff; color:#0054c7;}

/*기본게시판*/
.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.95em; font-weight:400; color:#333; 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.5px;}
}




@media (max-width:767px){

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

#slogan { display:flex; justify-content:center; flex-wrap:wrap; width:90%; margin:40px auto; }
#slogan .pic { margin:auto 0; width:100%; text-align:center; }
#slogan .pic img { height:150px; }
#slogan ul { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:30px 0 0; }
#slogan ul li { width:45%; margin:0 1%; background:url(../images/chk.png) top center no-repeat; background-size:30px; font-size:1.4rem; color:#222; line-height:2.0rem; text-align:center; }
#slogan ul li p { margin:40px 0 0; }
#slogan ul li span { color:#ff9000; }

#orange_banner { background:#ff9000; padding:30px 0; }
#orange_banner .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
#orange_banner .wrapper .customer { width:100%; margin:0 0 20px; }
#orange_banner .wrapper .customer h2 { background:url(../images/m_tel.png) left no-repeat; background-size:30px; padding-left:40px; font-size:2.2rem; color:#fff; line-height:30px; }
#orange_banner .wrapper .customer h3 { font-size:1.5rem; color:#222; }
#orange_banner .wrapper .customer p { margin:10px 0; font-size:1.0rem; color:#222; }
#orange_banner .wrapper .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; }
#orange_banner .wrapper .content_wrap a { display:flex; align-items:flex-end; border-radius:15px; width:23%; padding:50px 0 8px; margin:1.5% 0; font-weight:500; transition:.3s; }
#orange_banner .wrapper .content_wrap a:nth-child(1),
#orange_banner .wrapper .content_wrap a:nth-child(2),
#orange_banner .wrapper .content_wrap a:nth-child(3),
#orange_banner .wrapper .content_wrap a:nth-child(4),
#orange_banner .wrapper .content_wrap a:nth-child(5),
#orange_banner .wrapper .content_wrap a:nth-child(6),
#orange_banner .wrapper .content_wrap a:nth-child(7),
#orange_banner .wrapper .content_wrap a:nth-child(8) { background-position:50% 27%; background-size:33%;}

#license { background:#f4f4f4; padding:60px 0 70px; }
#license article { text-align:center; }
#license article h2 { font-size:1.5rem; color:#222; line-height:2.2rem; }
#license article h2 span { color:#ff9000; }
#license article p { display:block; margin:10px 0 0; } 
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:30px auto 0; }
#license .content_wrap .content { position:relative; width:49%; margin:1.5% 0; }
#license .content_wrap .content .item { position:relative; bottom:0; background:rgba(0,0,0,0.8); padding:15px 2%; width:96%; color:#fff; text-align:center; }
#license .content_wrap .content .item strong { font-size:1.3rem; }
#license .content_wrap .content .item p { display:inline-block; margin-left:0; }
#license .content_wrap .content .pic img { width:100%; }

#midanner { background:none; margin:60px 0; }
#midanner .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:0 auto; }
#midanner .shuttle { width:90%; margin:0 auto; padding:0; text-align:center; }
#midanner .shuttle article h2 { font-size:1.5rem; color:#222; line-height:2.2rem; }
#midanner .shuttle article h2 span { color:#ff9000; }
#midanner .shuttle article p { display:block; margin:10px 0 0; } 
#midanner .shuttle .content_wrap { display:flex; flex-wrap:wrap; margin:40px 0 0; }
#midanner .shuttle .content_wrap .pic { width:80%; margin:auto; }
#midanner .shuttle .content_wrap .pic img { width:100%; }
#midanner .shuttle .content_wrap ul { margin:20px 0 0; width:100%; }
#midanner .shuttle .content_wrap ul li { margin:20px 0; }
#midanner .shuttle .content_wrap ul li strong { font-size:1.2rem; color:#222; }
#midanner .shuttle .content_wrap ul li p { margin:6px 0 0; }
#midanner .doro { background:url(../images/m_midbanner_bg.jpg) center/cover no-repeat; width:100%; padding:60px 0; margin:50px 0 0; text-align:center; }
#midanner .doro article h2 { font-size:1.5rem; color:#fff; line-height:2.2rem; }
#midanner .doro article h2 span { color:#ffc100; }
#midanner .doro article p { display:block; margin:10px 0 0; color:#fff; } 
#midanner .doro ul { display:flex; justify-content:center; flex-wrap:wrap; margin:30px 0 0; }
#midanner .doro ul li { background:#ffc81d; border-radius:30px; padding:6px 15px; margin:0 3px; font-weight:600; color:#7a5600; text-align:center; }
#midanner .doro a { display:inline-block; border:1px solid rgba(255,255,255,0.5); border-radius:30px; margin-top:100px; padding:8px 20px; font-weight:600; color:#fff; text-align:center; }

#review { background:#f4f4f4; padding:60px 0 50px; }
#review article { text-align:center; }
#review article h2 { font-size:1.5rem; color:#222; line-height:2.2rem; }
#review article h2 span { color:#ff9000; }
#review article p { display:block; margin:10px 0 0; } 
#review .review_list { position:relative; margin:20px auto 0; width:90%; display:flex; justify-content:space-between; flex-wrap:wrap; }
#review .review_list .content { box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:15px; background:#fff; margin:20px; }
#review .review_list .content .txt { padding:20px 30px; }
#review .review_list .content .txt h2 { font-size:1.0rem; color:#111; }
#review .review_list .content .txt h2 span { float:right; font-size:0.8rem; font-weight:400; color:#999; }
#review .review_list .content .txt p {margin:10px 0 0; height:70px; font-size:0.9rem; color:#7c7c7c; line-height:1.4rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#review .review_list .content > span { display:flex; padding:20px 0 0; text-align:center; }
#review .review_list .content > span img { margin:auto; }
#review .review_list_wrap #pager{ margin-top:40px; text-align:center; }
.prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
.next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; 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; }

#promise { width:90%; margin:60px auto; }
#promise article { text-align:center; }
#promise article h2 { font-size:1.5rem; color:#222; line-height:2.2rem; }
#promise article h2 span { color:#ff9000; }
#promise article p { display:block; margin:10px 0 0; } 
#promise .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px auto 0; width:100%; }
#promise .content_wrap ul { width:24%; text-align:center; }
#promise .content_wrap ul li { color:#; text-shadow:none; }
#promise .content_wrap ul li img { height:40px;
  display:inline-block;
  padding:;
  border-radius:;
  background:#;
  box-sizing:content-box;
}
#promise .content_wrap ul li .counter { display:inline-block; margin:20px 0 10px; font-size:2.0rem; font-weight:800; color:#222; text-shadow:none; }
#promise .content_wrap ul li i { font-size:1.1rem; font-weight:600; color:#202121; text-shadow:none; }

#bot_banner { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:60px auto; }
#bot_banner .item { width:100%; }
#bot_banner .item:nth-child(1) { background:url(../images/bot_banner_01_mob.png) right no-repeat; border-radius:20px 20px 0 0; }
#bot_banner .item:nth-child(2) { background:url(../images/bot_banner_02_mob.png) right no-repeat; border-radius:0 0 20px 20px; }
#bot_banner .item a { display:block; padding:50px 40px; }
#bot_banner .item a h2 { margin:10px 0 0; font-size:1.5rem; color:#fff; }
#bot_banner .item a p { font-size:1.1rem; color:#fff; }






#gallery { display:none; margin:70px 0 0; }
#gallery article { text-align:center; }
#gallery article h1 { display:block; margin:10px 0 0; font-size:1.5em; color:#111; line-height:1.3em; }
#gallery article h2 { font-size:1.1em; color:#0045c9; line-height:1.3em; }
#gallery article p { display:block; margin:10px 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:15px; 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; }
#gallery .btn a { display:inline-block; border:1px solid #fff; padding:10px 20px; margin:60px auto 0; font-family: 'GmarketSansMedium'; font-size:0.7em; color:#fff; text-align:center; transition:0.5s; }
#gallery .btn a:hover { background:#fff; border:1px solid #fff; color:#0054c7;}

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