@charset "utf-8";
/* 공통 */
html{width:100%; height: 100%;}
body{ min-width:320px; height: 100%;}
html,body{font:14px 'Nanum Gothic', sans-serif;  width:100%; min-width:360px; max-width:1920px; height: 100% ; position: relative;}
a{text-decoration: none;}
li{list-style: none;}
img{border: 0;}
body {-webkit-text-size-adjust:none}
/* 전체너비 */
#wrap{    overflow: hidden;   position: relative;  min-height: 100%;   width: 100%;}
#wrap.expand{height: 100%;}


/* top:헤더 */
div.m_header{width:100%; background: #fff; height: 80px;padding:0px 10px;box-sizing: border-box;}
#navi{position: relative;  height: 60px; padding: 0px 10px;}

/*top logo*/
div.m_header h1{  display: flex;   align-items: center;   height: 100%;   margin:0; width: 80%;float: left;}
div.m_header  h1 a img{display: block;}

/* 햄버거버튼 */
 #right{  background: url(/m/skin3/img/menu_icon.png) center no-repeat; width: 28px; height: 25px;  cursor: pointer; background-size: 100%;   float: right;   display: flex;   align-items: center;   height: 100%; }


 /*토글박스 활성화창*/
 #toggle_gnb_wrap{ top:0;left:0; width:100%; z-index:100;height: 100%;}


/* 닫기버튼 */
#slide_header label.menu_close{ float: right; cursor: pointer; background: url(/m/skin3/img/menu_close.png) center no-repeat;
    width: 15px;  height: 100%;  display: block;  background-size: 15px;  padding-right: 22px; padding-left: 10px;
}

/* 탑메뉴 */
#slide_header{width: 100%; height: 70px;  border-bottom: 1px solid #e7e7e7;}
#slide_header > ul {display: flex; align-items: center; height: 100%;  margin:0px; padding:0; margin-left:10px;}
#slide_header > ul > li{color: #ccc; font-size: 1.5rem;margin-right:5px;float: left;}

#slide_header > ul > li > a{color: #000;  display:flex; justify-content: center; align-items: center; width:70px; font-size: 0.8em;display: inline-block;border:1px solid #ececec; text-align: center;background: #fff; padding:5px 10px;}
#slide_header > ul > li > a:hover{    color: #ffbe00;}

/*해당메뉴선택*/
.m_menu_sel  > .navi_sec_m{display: block  !important;}
#slide_navi > ul > li.m_menu_sel > a{color: #33654C;}

/*토글박스 메인메뉴*/
#slide_navi a{display: block;}
#slide_navi{position: relative; width:100%; box-sizing: border-box;padding:10px;}
#slide_navi > ul{display:flex; flex-direction: column; height: 80%; width:100%; overflow:hidden;margin:0px; padding:0px;border:1px solid #ececec; background: #fff}
#slide_navi > ul > li{ width: 100%;}
#slide_navi > ul > li > a{color:#3e3e3e; padding:12px 20px; ; display: block; font-weight: bold; font-size: 1.1rem; position: relative; border-bottom:1px solid #eae7e2; }
#slide_navi > ul > li > a:hover{color: #33654C;}
#slide_navi > ul > li.on > a{color: #33654C;}
#slide_navi > ul > li.on > a::after{content: ""; right:20px; top:50%; margin-top: -7px; background:url(/m/skin3/img/arrow_toggle.png) 0 0 no-repeat; width: 15px; height: 15px; position: absolute;}
#slide_navi > ul > li > a::after{content: ""; right:20px; top:50%; margin-top: -7px; background:url(/m/skin3/img/arrow_toggle_on.png) 0 0 no-repeat; width: 15px; height: 15px; position: absolute;}
#slide_navi >ul>li ul li.m_menu_sel{color:yellow}

/* 중메뉴부터*/
.navi_sec_m > ul{padding:20px 18px; border-bottom: 1px solid #ccc;    background: #fff;}
.navi_sec_m > ul > li > a{color: #000; font-size:1rem; padding:8px 0}
.navi_sec_m > ul > li > a:before{content: "- "}
.navi_sec_m > ul > li > a:hover{ text-decoration: underline;}
.navi_sec_m > ul > li > ul{padding:0 10px; overflow: hidden;}
.navi_sec_m > ul > li > ul > li{float: left; }
.navi_sec_m > ul > li > ul > li > a{color: #3e3e3e; font-size: 1rem; padding:6px 0px; padding-right:25px;}
.navi_sec_m > ul > li > ul > li > a:before{content: "· "}
 .navi_sec_m >ul> li.m_menu_sel > a{color:#33654C}

/*탑버튼*/
.go_top{position: fixed; bottom:35px; right:6%; display: none;z-index: 9999}
.go_top img{width: 50px;}


/*로케이션 네비*/
#location_navi{box-sizing:border-box; height: 40px; border-bottom: 1px solid #ccc;  background: #fff;      padding: 0 20px;    line-height: 40px; }
#location_navi div.director{font-size: 1rem;width: 100%;}
#location_navi div.director a{color:#000; }

/* 서브타이틀 */
#a_content_area #sub_title{height: 60px; margin-bottom:15px;}
#a_content_area #sub_title h1{color: #000;  display: flex;  justify-content: center;    flex-direction: column;   align-items: center;}
#sub_title  h1  span { background: #2b97a8; width: 50px;  height: 3px; display: flex; justify-content: center; margin-top: 20px;}
/* 서브페이지 상세내용 */
div.sub_contents{width: 98%; margin:0 auto;}

/*슬라이드*/
div.hero{position: relative;}
.swiper-container {width:100%;max-width:1920px;margin:0;}
.swiper-wrapper{width: 100%;}
.swiper-slide {width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 18px; background: #fff; overflow: hidden;}
.swiper-pagination{bottom:10% !important;}
.swiper-slide img{width:auto; height: auto; max-width:600px; /*min-height:300px;*/ vertical-align:bottom;}
.swiper-slide a{position: relative;}
.img_ch{display: none;}
.swiper-slide span.name{}
.swiper-slide span.visual_title{text-align: center;    color: #fff;    top: 50%;    position: absolute;    width: 100%;
    left: 0;    padding: 0px 10px;font-size: 1.5rem}
.swiper-button-next, .swiper-button-prev{top:40%;}
/* 나중에 백그라운드로 사용하고싶을때 */
/* .img_ch{width: 100%; height:100%; display:block; top:0; position: absolute; z-index:100;} */
.swiper-pagination-bullet{width: 25px!imprtant; height: 3px!important;}
.swiper-container{height: 184px;}

/* 모바일슬라이드메뉴 */
#aside{ z-index: -1; visibility: hidden;  position: absolute;  left: 0px;   top: 0px;  bottom: 0; overflow: auto;  overflow-x: hidden;  min-width: 225px;   width: 87%;   font-size: 11px;      background-color: #f5f5f5;}
#dimmedSlider {  display: none;  position: fixed; left: 0px; top: 0; right: 0px; bottom: 0px;
    z-index: 500;  background: rgba(0, 0, 0, 0.2);}
#wrap.expand #aside {  z-index: 999;  overflow-x: hidden;}
#wrap.expand #container {
    -webkit-transform: translate(13%,0);
    -moz-transform: translate(13%,0);
    -ms-transform: translate(13%,0);
    -o-transform: translate(13%,0);
    transform: translate(13%,0);
}
#container {   z-index: 100;  position: relative; overflow: hidden;   margin-left: -1px;   background-color: #fff;
  -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* 서브비주얼 */
#sub_visual {min-height: 120px;}

/* 서브콘텐츠 테이블 너비 */
.sub_contents >table{width: 100%;}