@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', sans-serif; color:#333;}
div {display:block;}
h1,h2,h3,h4 {font-family: 'Nanum Gothic', sans-serif;font-weight:300;letter-spacing:-0.06em;line-height:125%}
p {font-size:15px;line-height:160%}
h1 {font-size:36px;}
h2 {font-size:32px}
h3 {font-size:24px;}
h4 {font-size:20px;}

.hide {
    display: inline-block;
    position: absolute;
    z-index: -10;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    filter: alpha(opacity=0);
    -ms-filter: 'alpha(opacity=0)';
    font-size: medium;
    line-height: normal;
    word-break: break-all;
}
.float {float:left;}
.float_r {float:right;}
.clearfix:after {content:""; clear:both; display:block;}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container_fluid {width:100%; }
/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}

.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}

.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}



#wrap {width:100%; /*text-align:center;*/ margin:0 auto;display:block;}

/* 상단 */
#header {width:100%; text-align:center;z-index:10;}

#header .wrap {position:relative; width:100%; margin:0.6rem auto; padding:0 0.6rem;}

#header .wrap a.logo {margin:0 auto; display:inline-block; width:150px;}
@media screen and (min-width:768px) {
  #header .wrap a.logo {width:initial;}
}
#header .wrap a.logo img {width:100%; }
#header .wrap:after {content:""; clear:both; display:block;}

#header .menu li {float:left; width:20%;}
#header .menu li a {position:relative;display:block;color:#262626; padding:17px 0; font-size:15px;}
#header .menu li a:after {position:absolute;right:0;content:"|"; color:#fff;font-weight:100;}
#header .menu li:last-child a:after {content:"";}


header .wrap .material-icons {font-size:2rem;}
@media (min-width: 768px) {
  header .wrap .material-icons {font-size:3rem;}
  }
@media (min-width: 1024px) {
  header .wrap .material-icons {font-size:4rem;}
  }

#header .btn-left {position:absolute;left:10px;top:0;}
#header .btn-right {position:absolute;right:10px;top:0;}
#header .hammenu {color:#4a4a4a;}
#header .tel {color:#006c93;}

/* 메인 */
#main { width:100%;}
.bx-slider a {width:100%;}
.bx-wrapper img {width:100%;}


.tit_box {position:absolute;top:0; bottom:0;left:0;right:0;width:100%;height:100%;z-index:11;}
.tit_box .table_box {
    display: table;
    position: static;
    width: 100%;
    height: 100%;
    padding: 0px 0 0;
}
.tit_box .table_box .table_cell {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    color:#fff;
}

#main #section1 {width:100%;}
#main #section1 .banner {position:relative;margin-left:auto;margin-right:auto;}
#main #section1 .banner img {width:100%;}

#section2 .icon a {float:left;width:25%;}
#section2 .icon a img {width:100%;}




/* 하단 */
footer {text-align:center; width:100%;}
.f_tel {background-color:#81ad39;}
.f_tel img {width:100%;}
.footer_txt {display:inline-block; padding:0 15px 15px;font-size:13px;color:#666;line-height:160%;}
.admin {}
.admin ul {display:inline-block;}
.admin li {float:left; margin:8px 0; font-weight:300;}
.admin li a {color:#666; padding:5px 18px; font-size:14px;}
.admin li:first-child:after {color:#666;content:"|";}

footer .sns {display:inline-block;padding-bottom:10px;}
footer .sns li {float:left; margin:0 5px;}

header, #main, footer {position:relative;}
/* ----------------------------------------------------------------------------

								서브
								
-----------------------------------------------------------------------------*/		

					
#sub  { width:100%; position:relative; }
.container_fix {padding-left:15px;padding-right:15px;}
.inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/* 서브 공통 */
.subtop {width:100%;}
.subtop.top1 {background:url(/base/img/pc/images/sub1_top.jpg) top center repeat-x;background-size:cover;}
.subtop.top2 {background:url(/base/img/pc/images/sub2_top.jpg) top center;background-size:cover;}
.subtop.top3 {background:url(/base/img/pc/images/sub3_top.jpg) top center;background-size:cover;}
.subtop.top4 {background:url(/base/img/pc/images/sub4_top.jpg) top center;background-size:cover;}
.subtop.top5 {background:url(/base/img/pc/images/sub5_top.jpg) top center;background-size:cover;}
.subtop.top6 {background:url(/base/img/pc/images/sub6_top.jpg) top center;background-size:cover;}
.subtop.top7 {background:url(/base/img/pc/images/sub7_top.jpg) top center;background-size:cover;}

.subtop_tit_box {
    display: table;
    position: static;
    width: 100%;
    height: 100%;
    padding: 40px 0 40px;
    text-align:center;
}
.subtop_tit_box h2 {font-size:30px;font-family: 'Playfair Display', serif; letter-spacing:0em;color:#fff;}
.subtop_tit_box h3 {color:#fff;font-size:20px;}

/* 서브메뉴표시 */
.snb {position:relative;}
.snb ul {width:100%;margin:0 auto;}
.snb ul li { float:left;text-align:center;}
.snb ul li a { font-size:13px; display:block; padding:15px 0;background:#f4f4f4;}
.snb ul li a:hover,.snb ul li a.on {background:#373737;color:#fff; }
.snb2 ul li a:hover,.snb2 ul li.active a {background:#8dc11c;color:#fff; }
.snb ul.full li {width:100%;}
.snb ul.p2 li {width:50%;}
.snb ul.p3 li {width:33.33%;}
.snb ul.p4 li {width:25%;}
.snb ul.p5 li {width:20%;}
.snb ul.p6 li {width:16.6665%;}
.snb ul.p7 li {width:14.285%;}

.quick_menu {text-align:center;margin-top:20px;margin-bottom:20px;}
.quick_menu ul {display:inline-block;}
.quick_menu ul li {float:left;font-size:15px;}
.quick_menu ul li:last-child:before {content:"";width:1px;height:20px;background:#333;display:inline-block;margin-top:4px;float:left;}
.quick_menu ul li a {padding:10px;font-size:15px;font-weight:400;}

@media screen and (max-width:321px) {
  #sub .snb li a {font-size:12px;}
}

.shadow {box-shadow: 1px 5px 15px rgba(0,0,0,0.2);}

/* 서브 본문 공통 */
p {color:#505050;}
p + p {margin-top:10px;}
#content {width: 100%;margin: 0; min-height: 600px;padding:30px 10px;position:relative;}
#content .t_center {text-align:center;}
#content .t_right {text-align:right;}
.content h2 {font-weight:600;margin-bottom:45px;font-size:30px;}
.content h3 {font-size:20px; color:#2f9410;font-weight:500;margin-bottom:25px;}
.b_border {border-bottom:1px solid #e5e5e5;}
.pb50 {padding-bottom:50px;}
.txt_info {padding:50px 0;}
.txt_info2 {padding:10px;}
.txt_info p {font-size:16px;letter-spacing:-0.06em;}
.txt_info p.big {font-size:18px;font-weight:400;}


.sub_visual img {width:100%;}

.service {padding:40px 0;}
h3.serif {font-size:28px;font-weight:normal;color:#8fa71d;margin-bottom:20px;font-family:'Nanum Myeongjo',serif;}


.service_list .service_box {width:100%;padding:10px;float:left;}
.service_list .service_box .txt {padding-top:20px;}
.service_list .service_box h4 {font-size:20px; color:#8fa71d;font-weight:400;margin-bottom:10px;}
.service_list .service_box p {}
.service_list .service_box img {width:100%;}


.service_free .img img {width:100%;}
.service_free .txt li {font-size:16px;margin-bottom:10px;list-style: disc;}
.service_free .txt {padding:20px;}

ul.figure_circle.f5 {width:100%;margin:0 auto;}
ul.figure_circle li {
    margin: 10px;
    text-align: center;
    border: 8px solid #ddd;
    padding: 5px;}
ul.figure_circle li span {display:inline-block;margin-top:0px;text-align:center;font-size:17px;font-weight:500;}

.service2 {padding:40px 0px;}
.course_tit b {font-size:26px;}
.service2 .menu .img {width:100%;}
.service2 .menu .img img {width:100%;}
.service2 .menu .txt {margin-top:20px;width:100%;}
.service2 .menu .txt li {width:50%;float:left;font-size:14px;margin-bottom:10px;letter-spacing:-0.06em;}


.service .gosa_wrap {background: #f5f5f5;padding: 30px;border-top: 5px solid green;}
.service ul.gosa li {float:left; width:33.33%;margin-bottom:10px;text-align:center;}

.home_place .place {margin-bottom:30px;}
.home_place .place > div {text-align:center;width:100%;}
.home_place .place .img {width:100%;}
.home_place .place .img img {width:100%;}
.home_place .place .txt {padding-top:10px;width:100%;}
.content h4 {font-size:20px; font-weight:500;}
.content h4 + * {margin-top:6px;}

ul.check li {position:relative;    padding-left:46px;    margin-bottom: 40px;width:100%;padding-right:10px;}
ul.check li:before {    position: absolute;
    content: "";
    background: url(/base/img/pc/images/bullet_check.png);
    background-repeat: no-repeat;
    margin-left: -42px;
    margin-top: 4px;
    margin-bottom: 15px;
    height: 20px;
    width: 25px;
    background-size:cover;}


.food_menu {margin-top:50px;}
.food_menu > div {float:left;}
.food_menu .food_tit {margin-bottom:30px;}
.food_menu .food_tit h3 {font-size:32px;font-weight:500;margin-bottom:10px;color:#262626;font-family:'Nanum Myeongjo',serif;}
.food_menu .food_tit p.price b {font-size:32px; color:#b61a00;font-family:'Nanum Myeongjo', serif;}
.food_menu .menu_wrap {width:100%;}
.menu_box + .menu_box {margin-top:30px;padding-top:30px;border-top:1px solid #e5e5e5;}
.menu_box > div {float:left;}
.menu_box .img {width:40%;}
.menu_box .img img {width:100%;}
.menu_box .txt {padding-left:20px; width:60%;}


.font-green {color:green;}
.font-red {color:red;}
.font-purple {color:purple;}
.font-orange {color:orange;}
.font-blue {color:blue;}


.modal-btn {
    position: fixed;
    top: 50%;
    right: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    padding: 6px 8px;
    border-radius: 5px 0 0 5px;
    border: 0;
}


/* 게시판 */
.board {border:0;}
.board_view td {
    border-bottom: 1px #e5e5e5 solid;
    border-top:0;
    padding: 4px;
}
.formmail_textarea_style { width:432px; }



/* 컨텐츠 보드 */
#sub #content .board textarea, #sub #content .board input {width:90%;}
/* #sub #content input {height:30px;} */
#sub #content td.formmail_cell_bgcolor {padding:10px; padding-left:10px;}
#sub #content input[name="phone_no1"],#sub #content input[name="phone_no2"],#sub #content input[name="phone_no3"] {width:25%;}
#sub #content input[type="radio"],#sub #content input[type="checkbox"] {width:auto;}
#sub #content textarea[name="description"] {height:60px !important;}
#sub #content select[name="category"] {width:90%;}

.board_view img {height:auto !important;}

.gallery_subject {width:90%;}
.gallery_title {font-size:11px; width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}
.gallery_subject font {vertical-align:top;}


#post_area img {width:100% !important; height:auto !important;} 


td#board {padding:4 5 5 5;font-size:12px;font-family:'Nanum Gothic' !important;color:#333333;}
.board {padding:4 5 5 5;font-size:12px;font-family:'Nanum Gothic' !important;color:#333333;}
.board a:link{padding:0 0 0 0;font-size:12px;font-family:'Nanum Gothic' !important;color:#000000;text-decoration:none;}
.board a:visited{padding:0 0 0 0;font-size:12px;font-family:'Nanum Gothic' !important;color:#000000;text-decoration:none;}
.board a:hover{padding:0 0 0 0;font-size:12px;font-family:'Nanum Gothic' !important;color:#000000;text-decoration:underline;}
.board a:active{padding:0 0 0 0;font-size:12px;font-family:'Nanum Gothic' !important;color:#000000;text-decoration:none;}



#search_table {vertical-align:top;}
#search_table tr {vertical-align:top;}
.est_cate_cell select {margin-top:1px;height:21px;vertical-align:top;}
.est_keyword_cell input {height:21px;margin-top:1px;vertical-align:top;}
.est_btn_cell input {margin-top:1px;height:21px;width:auto;vertical-align:top;}

.formmail_textarea_style {width:90%;}
#content textarea[name="description"] {width:97%;}

/*게시판 제목*/
.bbsnewf5 {padding:10 10 10 10;font-size:12px;font-family:'Nanum Gothic' !important;color:#333333;}

.trplus img {width:100%;height:auto;}
.gallery_subject {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: inline-block;
}


/* 테이블 */
.tg  {border-collapse:collapse;border-spacing:0;width:100%;}
.tg td{font-size:12px;padding:5px 8px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;color:#505050;border-color:#d5d5d5;}
.tg td:first-child {border-left:0;}
.tg td:last-child {border-right:0;}
.tg th{font-size:14px;padding:8px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-s6z2{text-align:center}
.tg .tg-hgcj{text-align:center; background:#8dc11c;color:#fff;border-color:#fff;}
.tg .tg-hgcj2 {text-align:center;font-size:14px;}
.tg .tg-031e {padding:15px 20px;line-height:1.5;font-size:14px;}