@charset "utf-8";
@import url(https://use.fontawesome.com/releases/v5.0.12/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&subset=korean);


*{margin:0;padding:0;}
* html {height: 1px;}
body{-webkit-text-size-adjust:none}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
margin: 0;padding: 0;font-family: 'Noto Sans KR', sans-serif;box-sizing: border-box;-webkit-font-smoothing: antialiased}
h1,h2,h3,h4,h5,h6{font-weight: normal}

ul,li,dd{list-style: none}
dl,dt,dd{margin: 0}
img{border: none}
hr{display: none}
fieldset{border: 0}
caption{display: none}
legend{display: none}
form{ margin : 0}
em{font-style: normal}
label{cursor: pointer}
button{outline: none;cursor: pointer}
table{border-collapse: collapse;border-spacing:0; border: 0}

a{color: inherit}
a:link,a:visited{text-decoration: none}
a:hover,a:active{text-decoration: none}
.cur{cursor: pointer}
.noline{border-width: 0}
.none{display: none}
.blk{display: block}
.clear{clear: both}
.clear:after{content: ''; display: block;clear: both}
.float_l{float: left}
.float_r{float: right}
.txt_c{text-align: center}
.half{width: 50%}




  #header{width: 100%;height: 120px;background: #fff;border-bottom: 3px solid #333}
  #contents{width: 100%;min-height: 500px}
  #footer{overflow: hidden;width: 100%;background: #f3f3f3}
  .container{position: relative;width: 1200px;margin: 0 auto}

  .logo{float: left;margin-top: 15px}
  .menu {display: none}
  .gnb{float: left;margin: 38px 0 0 66px}
  .gnb span{float: left;margin: 5px 10px 0 0;color: #333;font-size: 18px;letter-spacing: -1px}
  .gnb ul{float: left}
  .gnb li {position: relative;float: left;margin-right: 38px;font-size: 23px}
  .gnb li:last-child{margin-right: 0}
  .gnb li a{display: block;color: #000;font-weight: 500}
  .gnb li a:hover{padding-bottom: 5px;border-bottom: 1px solid #107d3b;color: #107d3b}
  .gnb li.active a{padding-bottom: 5px;border-bottom: 1px solid #107d3b;color: #107d3b}

  .dimmed{display: none}
  .sidebar{display: none}
  .call{display: none}
  .aside_m{display: none}
  .simg_m{display: none}

  .aside{position: fixed;top: 160px;left: 50%;margin-left: 640px;z-index: 1000001}
  .aside li{overflow: hidden;width: 124px;height: 124px;margin-bottom: 12px;border: 3px solid #107d3b;border-radius: 10px}
  .aside li img{vertical-align: top}
  .aside li a{display: block}

  .vimg_wrap{position: relative;border-bottom: 3px solid #333}/* border-bottom: 3px solid #107d3b */
  .vimg_wrap .vimg01{width: 100%;height: 100%;background: url(../images/vimg01.jpg) 50% 50% no-repeat;background-size: cover}
  .vimg_wrap .vimg02{width: 100%;height: 100%;background: url(../images/vimg02.jpg) 50% 50% no-repeat;background-size: cover}
  .vimg_wrap .vimg{max-height: 537px}
  .vimg_wrap .vimg img{width: 100%;vertical-align: top}
  .simg{height: 268px;margin-bottom: 86px;border-bottom: 3px solid #333;text-align: center}
  .simg img{vertical-align: top}

  h2{margin-bottom:24px;color: #111;font-size: 34px;font-weight: 500;letter-spacing: -2px;text-align: center}
  h3{color: #333;font-size: 24px;font-weight: 400;letter-spacing: -1px}
  h3 strong{color: #DB6EA2;font-weight: 500}

  .event_wrap {overflow: hidden;box-sizing: border-box}
  .event_list li{float: left;width: 388px;height: 295px;max-height: 295px;margin: 0 18px 18px 0;padding: 34px 34px;border: 1px solid #808080;border-radius: 10px}
  .event_list li:nth-child(3n){margin: 0 0 18px 0}
  .event_list li span{display: block;font-size: 20px;text-align: center}
  .event_list li span strong{display: block;color: #DB6EA2;font-size: 24px;font-weight: 600;letter-spacing: -1px}
  .event_list li span em{display: block;font-size: 13px}
  .event_list li span.imgs{margin: 10px 0;max-height: 106px}
  .event_list li span img{vertical-align: middle}
  .event_list li span.tt{margin-bottom: 10px;color: #111;font-size: 22px;font-weight: 700;letter-spacing: -1px}

  .item_wrap {overflow: hidden;box-sizing: border-box}
  .item_list li{float: left;width: 388px;height: 86px;margin-right: 18px;border: 1px solid #808080;border-radius: 10px;line-height: 84px}
  .item_list li:nth-child(3n){margin: 0}
  .item_list li a{display: block;padding-right: 20px;background: url(../images/more.png) 30px center no-repeat;line-height: 84px;text-align: right}
  .item_list li a span{font-size: 20px;letter-spacing: -1px;text-align: center}
  .item_list li a img{display: inline-block;margin: 13px 0 0 5px;vertical-align: top}


  .about_wrap{overflow: hidden;height: 760px;background: url(../images/about_bg.jpg) no-repeat center center;border-bottom: 3px solid #333;text-align: left}
  .about_wrap h2{margin-top: 90px;color: #111;text-align: left}
  .about_wrap p{margin-top: 10px;color: #111;font-size: 20px;font-weight: 300;line-height: 148%}

  .custom_wrap{position: relative;overflow: hidden;margin: 100px auto}
  .custom_wrap h2{text-align: left;border-bottom: 1px solid #333;line-height: 33px}
  .notice{float: left;width: 400px}
  .notice ul{overflow: hidden;max-width: 350px;margin: 20px 50px 0 0}
  .notice li{padding: 10px 0;color: #111;font-size: 15px;letter-spacing: -0.5px}
  .notice li span{display: block;margin-bottom: 2px;color: #999;font-size: 14px}
  .notice li:last-child{border-bottom: none}

  .review{float: left;width: 400px}
  .review ul{overflow: hidden;margin: 20px 50px 0 0}
  .review li{padding: 7px 0;color: #111;font-size: 16px;letter-spacing: -0.5px}
  .review li span{display: inline-block;width: 55px;color: #999;font-size: 14px}
  .review li:last-child{border-bottom: none}

  .customer{float: left;width: 400px}
  .customer p{margin: 42px 0 30px}
  .customer span{display: inline-block;margin: 0 0 0 5px;color: #333;font-size: 14px;letter-spacing: -0.5px;line-height: 148%}
  .customer span strong{font-size: 16px;font-weight: 500;letter-spacing: -0.5px}
  .customer span a.talk{display: inline-block;margin-left: 15px}
  .customer span img{vertical-align: top;margin-right: 2px}
  .customer span.chk{margin-top: 15px}
  .customer span.chk a{color: #014e04;text-decoration: underline}


  .blogo{float: right;margin-top: 57px}
  .addrbx{float: left;margin: 42px 0}
  .addrbx .bm {margin-bottom: 24px}
  .addrbx .bm img{display: inline-block;margin-right: 20px}
  .addrbx .addr{margin-bottom: 4px;color: #333;font-size: 14px;line-height: 155%}
  .addrbx .addr span{margin-right: 8px}
  .addrbx .copy{color: #ababab;font-size: 12px;letter-spacing: 0}

  .btnup{position: fixed;bottom: 154px;left: 50%;margin-left: 680px;display:none}
  .btnup a{display: block;width: 55px;height: 55px;background: #014e04;border-radius: 10px;text-align: center}


  .navi{margin-bottom: 15px;color: #636363;font-size: 14px}
  .navi strong{color: #111;font-weight: 500}
  .page_title{margin-bottom: 77px;text-align: center}
  .page_title h2{margin-bottom: 0}
  .page_title span.slogan{padding: 0 10px 10px;color: #DB6EA2;border-bottom: 1px solid #000;font-size: 13px}


  .contents_txt{padding: 0 20px}
  .contents_txt p{font-size: 20px;color: #333;font-weight: 300;letter-spacing: -0.5px}


  .tab{margin-bottom: 85px}
  .tab ul{overflow: hidden;width: 640px;margin: 0 auto}
  .tab li{float: left;width: 300px;height: 56px;margin-right: 20px;border: 1px solid #DB6EA2;border-radius: 10px;font-size: 18px;text-align: center;line-height: 54px}
  .tab li:last-child{margin-right: 0}
  .tab li.on{background: #DB6EA2;color: #fff}
  .tab li a{display: block}

  .quick_custom{overflow: hidden;margin: 80px 0 18px;padding: 40px 60px 12px 80px;border: 1px solid #808080;border-radius: 10px}
  .quick_custom h2{float: left;margin-right: 30px}
  .quick_custom p{float: left;margin-right:40px;font-size: 15px}
  .quick_custom span{margin-bottom: 5px;display: block;}
  .quick_custom span.chk{font-size: 14px}
  .quick_custom span.chk a{color: #014e04;text-decoration: underline}
  .quick_custom span a.talk{display: inline-block;margin-left: 10px}
  .quick_custom span img{vertical-align: top}

  .btn_chat{margin-top: 40px;text-align: center}
  .btn_chat a{display: inline-block;padding: 14px 40px;border: 3px solid #107D3B;border-radius: 10px;color: #107D3B;font-size: 22px}
  .btn_chat a strong{font-weight: 400}
  .btn_chat a img{vertical-align: top}


  .about{background: url(../images/about_content_bg.jpg) 90% bottom no-repeat}
  .about p strong{color: #DB6EA2;font-weight: 400}
  .location{margin: 80px 20px 50px}
  .location p{margin: 10px 0 10px;font-size: 18px}

  .voucher .voucher_info{margin-top: 10px;border: 2px solid #333;border-radius: 10px;padding: 50px 70px 30px}
  .voucher .voucher_info p{color: #DB6EA2;font-weight: 400}
  .voucher .voucher_info p em{display: inline-block;width: 15px;height: 15px;background: #DB6EA2;border-radius: 50%;color: #fff;text-align: center;line-height: 15px}
  .voucher .voucher_info span{display: block;margin-bottom: 30px;font-size: 18px;font-weight: 300}
  .voucher span.txt_unit{display: block;margin: -18px 5px 5px 0;font-size: 13px;text-align: right}
  .voucher table{width: 100%;margin: 0 0 5px 0;border: 2px solid #333}
  .voucher th{padding: 15px 0 15px 0;border: 1px solid #808080;color: #000;font-size: 15px;font-weight: 700}
  .voucher td{padding: 15px 0 15px 0;border: 1px solid #808080;text-align: center;font-size: 15px;letter-spacing: -0.5px}
  .voucher th strong{color: #DB6EA2;font-weight: 800;letter-spacing: -0.5px}
  .voucher td strong{color: #DB6EA2;font-weight: 800;letter-spacing: -0.5px}
  .voucher td span{line-height: 185%}
  .voucher td.txtlt{padding: 15px 0 15px 15px;text-align: left}

  .txt_noti{margin-bottom: 30px;font-size: 16px;text-align: center}
  .txt_noti span{display: block;margin-top: 5px;color: #107D3B;font-size: 14px;}
  .cost span.txt_unit{display: block;margin: -18px 5px 5px 0;font-size: 13px;text-align: right}
  .cost table{width: 100%;margin: 0 0 5px 0;border: 2px solid #333}
  .cost th{padding: 15px 0;border: 1px solid #808080;color: #000;font-size: 15px;font-weight: 700}
  .cost td{padding: 15px 8px;border: 1px solid #808080;text-align: center;font-size: 15px;letter-spacing: -0.5px}
  .cost th strong{color: #DB6EA2;font-weight: 800;letter-spacing: -0.5px}
  .cost td strong{color: #DB6EA2;font-weight: 800;letter-spacing: -0.5px}
  .cost td span{margin-right: 10px}
  .cost td span.tbb{font-weight: 500}
  .cost td em{color: #DB6EA2;font-size: 13px;font-weight: 500}
  .cost td.txtlt{padding: 15px 10px 15px 10px;text-align: left}
  .cost h3.txtpt{color: #107D3B}
  .cost ul{margin-top: 20px}
  .cost li{margin-bottom: 20px;font-size: 18px;font-weight: 300;line-height: 145%}
  .cost li strong{color: #DB6EA2;font-weight: 400;border-bottom: 1px solid #333}
  .cost li span{display: block;margin-top: 5px;font-size: 16px;line-height: 185%;}
  .cost h3.add_pro{margin-bottom: 7px}
  .cost span.txt_add{display: block;margin-top: 10px;font-size: 15px;line-height: 185%}

  .recruit ul{margin-top: 20px}
  .recruit li{margin-bottom: 20px;font-size: 18px;font-weight: 300;line-height: 145%}
  .recruit li strong{border-bottom: 1px solid #107D3B}
  .recruit p span{margin-left: 10px;color: #DB6EA2;font-weight: 400;line-height: 185%;}

  .program .box{border: 10px solid #333;border-radius: 10px;padding: 70px 0 50px;background: url(../images/logo.png) 95% 50px no-repeat}
  .program .box h3{margin-left: 180px}
  .program .box h3 strong{color: #DB6EA2}
  .program .box ul{overflow: hidden;margin-left: 180px;text-align: left}
  .program .box li{margin-bottom: 20px;font-size: 18px;font-weight: 300;line-height: 145%}
  .program .box span{display: inline-block;width: 24px;height: 24px;margin-right: 5px;background: #DB6EA2;border-radius: 25px;color: #fff;font-size: 14px;text-align: center;line-height: 24px}
  .program .box p{margin: 20px 180px 20px}
  .program h4{color: #333;font-size: 22px;font-weight: 400}
  .program h4 em{display: inline-block;width: 15px;height: 15px;margin-top: 10px;background: #DB6EA2;border-radius: 50%;color: #fff;font-size: 11px;text-align: center;line-height: 15px;vertical-align: top}
  .program ul{margin-top: 30px}
  .program li{margin-bottom: 10px;font-size: 18px;font-weight: 300;line-height: 145%}
  .program p{margin-top: 18px;text-align: left;line-height: 175%}
  .program span{display: block;margin: 10px 0 0 21px;color: #444;font-size: 18px;text-align: left;font-weight: 300;line-height: 175%}

  .bbs th{font-size: 18px;font-weight: 400}
  .bbs td{font-size: 16px;font-weight: 300}
  .bbs td a{font-size: 16px;font-weight: 300;text-decoration: none}

  .btn_mng{display: block;padding: 5px 0;background: #fff;border: 2px solid #107d3b;border-radius: 7px;text-align: center}
  .mbr{display: none}
  .adm{display: none}

 @media screen and (max-width:796px){

    #header{height: auto}
    .container{width: 96%;word-break: keep-all}

    .logo{float: none;margin: 8px 0;text-align: center}
    .logo img{width: 49px;vertical-align: top}
    .menu{display: block;position: absolute;top: 50%;left: 5px;margin-top: -10px}
    .call{display: block;position: absolute;top: 50%;right: 5px;margin-top: -13px}
    .gnb{display:none}

    .dimmed {display:none;z-index:2000;position:fixed;top: 0;width:100%;height:100%;background:#000;opacity:0.7;transition: all 0.3s ease}
    .sidebar {display: block;position:fixed;top:0;left:-260px;width:220px;height:100vh;background:#fff;font-size: 14px;text-align:left;z-index:9999;overflow-y:scroll;transition: all 0.3s ease}

    .sidebar .mlogo{padding: 8px 0 8px 14px;border-bottom: 1px solid #ddd}
    .sidebar .mlogo img{width: 49px;vertical-align: top}
    .sidebar .m-close-btn{position: absolute;top: 12px;right: 15px}
    .sidebar .m-tel{padding: 12px 0 12px 0;background: #FB762C;letter-spacing: -0.5px;text-align: center}
    .sidebar .m-tel a{display: block;color: #fff;font-size: 18px;font-weight: 500}
    .sidebar .nav-menu ul li {border-bottom: 1px solid #ddd}
    .sidebar .nav-menu ul li > p {padding: 10px 17px;background: url('../images/icon-m-down.png') no-repeat 92% center;color: #555;font-size: 16px}
    .sidebar .nav-menu ul li > p.active {background: #333 url('../images/icon-m-up.png') no-repeat 92% center;color: #fff}
    .sidebar .nav-menu ul li > a {display: block;padding: 10px 17px;color: #111;font-size: 15px;font-weight: 500}
    .sidebar .nav-menu ul li > p.active + ul li:last-child{border-bottom: none;border-bottom: 1px solid #333}
    .m-sub-menu {display: none}
    .m-sub-menu li a{color: #222}

    .aside{display: none}
    .aside_m{display: block;position: fixed;bottom: 10px;left: 10px;z-index: 1000001}
    .aside_m li{overflow: hidden;width: 60px;height: 60px;margin-top: 5px;border: 3px solid #107d3b;border-radius: 10px}
    .aside_m li img{vertical-align: top;width: 54px;opacity: 0.9}
    .aside_m li a{display: block}

    .vimg_wrap{display: none}
    h2{margin-bottom:24px;font-size: 24px}
    h3{font-size: 20px}
    .simg{display: none}
    .simg_m{display: block;border-bottom: 3px solid #333}
    .simg_m img{max-width: 100%;vertical-align: top}

    .event_list li{float: none;width: 100%;height: 100%;max-height: 100%;margin: 0 0 10px 0}
    .event_list li:nth-child(3n){margin: 0 0 10px 0}
    .event_list li span{font-size: 16px}
    .event_list li span strong{font-size: 20px}
    .item_list li{float: none;width: 100%;margin: 0 0 10px 0}
    .about_wrap{height: auto;background-image: none;background: #FEF3F1}
    .about_wrap h2{margin: 42px 10px 20px 10px;color: #333}
    .about_wrap p{margin: 0 10px 54px 10px;color: #333;font-size: 18px;font-weight: 400}
    .custom_wrap{margin: 34px auto}
    .notice{float: none;width: auto;margin: 0 10px 34px}
    .notice ul{max-width: 100%;margin: -10px 0 0 0}
    .notice li{font-size: 16px}
    .review{float: none;width: auto;margin: 0 10px 34px}
    .review ul{max-width: 100%;margin: -10px 0 0 0}
    .customer{float: none;width: auto;margin: 0 10px}
    .customer p{margin: 22px 0 15px}
    .customer p img{max-width: 100%}
    .customer span{display: block}
    .customer span a.talk{display: block;margin: 10px 0 0 0}
    .blogo{display: none}
    .addrbx{margin: 34px 0 20px}
    .addrbx .bm{margin: 0}
    .addrbx .bm img{margin: 0 20px 10px 0}
    .addrbx .addr{font-size: 12px}
    .addrbx .copy{font-size: 11px}
    .addrbx .adm{margin-top: 10px;text-align: center}
    .btnup{bottom: 10px;left: auto;right: 10px;margin: 0}

    .contents_txt{padding: 10px}
    .contents_txt p{font-size: 16px;font-weight: 400}
    .page_title{margin: 44px 0}
    .quick_custom h2{float: none;margin: 0;text-align: left}
    .quick_custom{margin: 40px 10px 10px;padding: 20px 20px}
    .quick_custom p{float: none;margin: 10px 0 0 0}
    /*.quick_custom p a{display: block;margin: 5px 0 5px}*/
    .quick_custom p.s_tel img{width: 100%}
    .quick_custom span a.talk{margin: 0}
    .event_wrap{margin: 0 10px}
    .item_wrap{margin: 0 10px}
    .item_list li a span{font-size: 16px}


    .about{background: none}
    .location{margin: 40px 10px 40px}
    .location .root_daum_roughmap{height: 300px}
    .recruit li{font-size: 16px;font-weight: 400}
    .tab{margin: 0 10px 40px}
    .tab ul{width: 100%}
    .tab li{width: 100%;margin-bottom: 10px;font-size: 16px}
    .br{display: none}
    .mbr{display: block}

    .table_scroll{overflow-x: scroll;width: 100%}
    .table_scroll table{width: 100%;margin: 0}
    .voucher td.txtsm{font-size: 12px}
    .voucher td strong{display: block}
    .voucher th{font-size: 13px}
    .voucher td{font-size: 13px}
    .cost table{width: 100%}
    .cost table.w{width: 600px}
    .cost th{font-size: 13px}
    .cost td{font-size: 13px}
    .cost li{font-size: 16px}
    .cost li strong{display: inline-block;margin-bottom: 5px}
    .program li{font-size: 16px;font-weight: 400}
    .program .box{padding: 30px 20px 30px;background: none;border: 3px solid #333}
    .program .box h3{margin: 0 0 20px 0}
    .program .box ul{margin: 0}
    .program .box li{margin-bottom: 10px;font-size: 16px;font-weight: 400}
    .program .box p{margin: 20px 0 0 0}
    .program .box span{width: 20px;height: 20px;margin-right: 3px;font-size: 12px;line-height: 20px}
    .program span{margin: 10px 0 0 0;font-size: 15px;font-weight: 400}
    .txt_noti{margin: 10px 10px 30px;font-size: 14px;text-align: left}
    .btn_chat{margin-top: 15px}
    .btn_chat a{font-size: 18px}

    #bo_list .tbl_head01 a{padding-left: 0;font-weight: 400}
    #bo_v{padding: 0}
    #bo_v_con{font-size: 16px}
    .tbl_wrap th:last-child{display: none}
    .tbl_wrap td.td_datetime{display: none}
    .tbl_wrap .col_date{display: none}

    .voucher .voucher_info{padding: 30px 20px 0}
    .voucher .voucher_info span{font-size: 15px}


    #hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
    #hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
    .hd_pops {position:absolute;top: 52px !important;left: 0 !important;border:1px solid #e9e9e9;background:#fff;}
    .hd_pops img{width:100%;max-width: 100%;height:auto;vertical-align: top}
    .hd_pops_con {width: 100% !important;height: 100% !important} /* padding: 10px  */
    .hd_pops_footer {background:#000;color:#fff}
    .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}


} @media screen and (max-width:440px){



}