.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

body {font-family: "Nanum Gothic", sans-serif;letter-spacing: -0.7px;max-width: 1024px;margin: 0 auto;background-color:#fff}
.rp_img {width: 100%;height: auto}
.hf_img {width: 50%;height: auto}
.d_b {display: block}
.mb20 {margin-bottom: 20px}

#header {position: fixed;width: 100%;max-width: 950px;height:60px;background: rgba(7,54,106,0.85);z-index: 510}
#header #mn_btn {position: absolute;top:20px;left: 15px;cursor: pointer; color:#91b34a;text-align: center; font-size: 12px;}
#header #mn_btn span {position: absolute;width:25px;height:2px;background: #fff;display: block;-webkit-transition: .3s;transition: .3s}
#header #mn_btn span:nth-child(1) {top:0}
#header #mn_btn span:nth-child(2) {top:8px}
#header #mn_btn span:nth-child(3) {top:16px}
#header h1 {text-align: center;height:60px;font-size: 0}
#header h1:before {content: '';display: inline-block;height: 100%;vertical-align: middle}
#header h1 a {width:130px;display: inline-block;vertical-align: middle}
#header h1 a img {width: 100%;height: auto}
#header h1 a img {width: 100%;height: auto}
#header .top_tel {position: absolute;top:16px;right: 10px;color:#55aa00;text-align: center;}
#header .top_tel > img {width:25px;}
#header .top_tel > p {font-size: 12px; margin-top:5px;}
#nav {overflow: scroll;position: fixed;top: 0;padding-top:60px;background: #fff;height: 100%;z-index: 500;-webkit-box-sizing: border-box;box-sizing: border-box;margin-left: -365px;-webkit-transition: margin .4s;transition: margin .4s;display: none}
#nav .nav_con > li {}
#nav .nav_con > li h3 {color: #484848;font-weight: 300;font-size: 17px;display: block;border-top: 1px solid #ccc;padding: 18px 0 18px 15px;-webkit-transition: background .3s , color .3s;transition: background .3s , color .3s;cursor: pointer}
#nav .nav_con > li h3 br {display:none}
#nav .nav_con > li.on h3 {background: rgba(7,54,106,1);color: #fff}
#nav .nav_con > li:last-child {border-bottom: 10px solid rgba(7,54,106,1)}
#nav .nav_con .sm_mn {border-top: 1px solid #ccc;background: #efefef;;display: none;}
#nav .nav_con .sm_mn li {}
#nav .nav_con .sm_mn li a {color: #383838;padding: 12px 0 12px 15px;display: block;font-size: 14px;border-bottom: 1px solid #fff}
#nav .nav_con .sm_mn li:last-child a {border-bottom: 0}
#head_wrap.on #nav {margin-left: 0;max-width: 360px;min-width: 280px;width: 70%;overflow-y:scroll !important}
#head_wrap.on .dark_bg {position: fixed;width: 100%;height: 100%;-webkit-transition: .4s;transition: .4s;background: rgba(0,0,0,0.7);z-index: 400;}
#head_wrap.on #mn_btn span:nth-child(1) {top:10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#head_wrap.on #mn_btn span:nth-child(2) {-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity: 0}
#head_wrap.on #mn_btn span:nth-child(3) {top:10px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}

#m_snb {margin-top:60px;}
#m_snb:after {content: '';display: block;clear: both;}
#m_snb .snb_lr {position:relative;float:left;width: 50%;border-right: 1px solid #aaa;-webkit-box-sizing: border-box;box-sizing: border-box;z-index:10}
#m_snb .snb_lr ul {display: none;padding:5px!important;position:absolute;width:100%!important;background:#effffb;border:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box;z-index: 999;}
#m_snb .snb_l ul {background: #eee}
#m_snb .snb_lr ul li {border-bottom: 1px solid #ddd}
#m_snb .snb_lr ul li:first-child {border-top: 1px solid #ddd}
#m_snb .snb_lr ul a {display: block;font-size:14px;padding:11px 0}
#m_snb .snb_lr ul a br {display:none}

#m_snb > .snb_3deps{
    position: relative;
    display: none;
}
#m_snb .snb_3deps ul {
    position:absolute; 
    top:40px; 
    left: 0px;
    display: none; 
    padding:5px;
    width:100%;
    background:#effffb;
    border:1px solid #eee;
    z-index: 999;
}
#m_snb .snb_3deps ul li {border-bottom: 1px solid #ddd}
#m_snb .snb_3deps ul li:first-child {border-top: 1px solid #ddd}
#m_snb .snb_3deps ul a {display: block;font-size:14px;padding:11px 0}

#m_snb .snb_on1,
#m_snb .snb_on2, 
#m_snb .snb_on3 {
    display: flex;
    align-items: center;
    font-size: 1.4em;
    padding: 6px;
    font-weight: 500;
    height:40px;
    width:100%; 
}
#m_snb .snb_on1 {
    color: #333;
    background: #eee;
}
#m_snb .snb_on1 br {display:none}
#m_snb .snb_on2 {
    color: #fff;
    background: #03a4b2;
}
#m_snb .snb_on3 {
    position: relative;
    width: 100%;
    color: #fff;
    background: #5bbda5;
}

#m_snb .snb_on2:after, 
#m_snb .snb_on3:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    -webkit-transition: .3s;
    transition: .3s; 
    position:absolute; 
    top:17px; 
    right:5%; 
} 
#m_snb .snb_on2.on:after,
#m_snb .snb_on3.on:after{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#m_snb.depth03On .snb_lr,
#m_snb.depth03On .snb_3deps{
    width: 33.3%;
}
#m_snb.depth03On .snb_3deps{
    float: left;
    display: block;
}

#footer {background: url('../images/footerBg.jpg') no-repeat center;background-size: cover;padding:30px 10px}
#footer .ft1 {text-align: center;}
#footer .ft1 > a {width:35%;display:inline-block;margin-bottom: 20px;}
#footer .ft1 a img {width:100%}
#footer .ft1 ul {width:92%;margin:0 auto 20px}
#footer .ft1 ul li {float:left;width:31.2%;margin: 0 1%;}
#footer .ft1 ul li img {width:100%}
#footer .ft2 {text-align: center;}
#footer .ft2 p {font-size: 12px;line-height: 20px;color: #fff;word-break: keep-all}
#footer .ft2 p.copy {padding: 10px 0 0;font-size:11px}
#footer .ft2 .make {color:#fff;display:block}

#sub_con_right {/*padding: 0 10px*/}
#sub_con_left {display: none;}
.sp_title {padding-top: 70px;padding-bottom: 20px}
.sp_title img,
#sub_con_right img {max-width: 100%;height: auto}
.inte_slider {position: relative}
#inte_prev {position: absolute;left: 0;top: 47%;z-index: 100;}
#inte_next {position: absolute;right: 0;top: 47%;z-index: 100;}
#inte_prev img {width: 30px}
#inte_next img {width: 30px}
#inte_pager>li {float: left;width: 24%;margin-right: 1.33%;margin-bottom: 1%;}
#inte_pager>li:nth-child(4n) {margin-right: 0}
.pg_slider {width: 100%!important;margin-bottom: 15px}
.text_hidden {overflow: hidden;visibility: hidden;position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;}
#sub_con_right>img {margin-bottom: 15px}

.login {padding: 10px 10px 30px}
.login a {color: #444;margin-right: 10px;font-size: 13px}
.login a:before {content: '·';margin-right: 3px}


#wrap #snb {display: none;}
#wrap #snb2 {display: none;}
.s_top_bnr {padding-top: 0px; padding-bottom: 20px;}
.s_top_bnr img{max-width: 100%}

.bx-wrapper {
    position: relative;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-controls {
  position: absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
}
.bannerWrap .bx-wrapper .bx-controls {
	position: initial;
    left: 0;
    bottom: 0;
    width: auto;
    height: auto;
    transform: none;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  outline: 0;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #25aae1;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('../images/prev.png') no-repeat;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('../images/next.png') no-repeat;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 40%;
  outline: 0;
  width: 19px;
  height: 44px;
  text-indent: -9999px;
  z-index: 500;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}


/*메인 카카오맵*/
.m_map .wrap_controllers {display:none}

/*모바일 팝업*/
.hd_pops {top:80px !important;left:1% !important;width:98%}
.hd_pops .hd_pops_con {width:100% !important;height:auto !important}
.hd_pops .hd_pops_con img {width:100%}

/*회원가입*/
.register {margin-top:80px}
.register .form_01 .frm_info {line-height:1.5em}