@charset "utf-8";
* { margin:0; padding:0;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

body{font-size:12px; height:100%;}
/*common*/
#wrap	{position:relative;overflow:hidden;width:100%; min-width:320px; max-width:768px; margin:0 auto;}


/* nav */
#nav_m	{position:fixed; top:0; right:-320px; width:320px; height:100%; overflow-y:scroll;  background-color:#333;  z-index:99999;}
#nav_m img	{width:100%;}
#nav_m a	{color:#fff;}
#nav_m>li>a{display:block;   font-weight:600; background-color:#333; border-bottom:1px solid #555; font-size:15px; padding:12px;color:#adaeb0}
#nav_m .dep2	{display:none;}
#nav_m .dep2>li>a	{display:block;  border-bottom:1px solid #555; background-color:#444; font-size:13px; padding:8px 12px;}

.nav_top {overflow:hidden; background-color:#000}
#nav_m .nav_top>a	{display:block; float:left;width:55%; padding:3.2% 0; margin-left:4%;border-bottom:0;background-color:#000}
#nav_m .nav_top .nav_close	{display:block; float:right; margin-right:2.6%;padding:5% 0 0;width:10%;}

.resi>ul	{ overflow:hidden; background-color:#f27179;}
.resi>ul>li	{float:left; width:33%; border-right:1px solid #222}
.resi>ul>li:last-child	{border-right:0;}
.resi>ul>li a	{display:block;padding:5px 0; text-align:center; color:#222; font-weight:600; font-size:14px;}
/*----------------------*/

/* visual */
#visual	{width:100%;}
#visual li	{width:100%;}
#visual img	{width:100%;}
#visual .bx-wrapper {position:relative}
#visual .bx-has-pager {position:absolute;bottom:5%;left: 50%;transform:translate(-50%);}
#visual .bx-has-pager .bx-pager-item {float:left;margin:0 4px}
#visual .bx-has-pager .bx-pager-item a {display:inline-block;font-size:0;width:12px;height:12px;border-radius:12px;background-color:rgba(255,255,255,0.8)}
#visual .bx-has-pager .bx-pager-item a.active {background-color:#333}
/* cont01*/
#content img	{width:100%;}
#cont01	{width:100%;overflow:hidden; margin-top:3%; }
#cont01>a	{display:block;width:100%;}
#cont01>a>img	{width:100%;}
#cont01>div	{position:relative; float:left; width:50%;}
#cont01 .slide li img	{width:100%;}

#cont02	{width:100%;overflow:hidden; /*margin-top:3%; */}
#cont02>a	{display:block; float:left; width:50%;}
#cont02>a>img	{width:100%;}
#cont02>div	{position:relative; float:right; width:50%;}
#cont02 .slide li img	{width:100%;}

#cont03	{}
#cont03 > div {float:left;width:33.4%}
#cont03 > div:last-child {width:33.2%}
#cont03 > div:last-child a {display:block;width:100%}
#cont03 img	{width:100%;}

#cont04	{margin:8% 0;padding:0 6.5%; }
#cont04 ul	{margin-top:3.9%;}
#cont04 li	{padding:2% 0;border-bottom:1px solid #ddd;position:relative }
#cont04 li span {position:absolute;right:0;top:14px}
#cont04 .lt {border-bottom:none;padding:0}
#cont04 .lt .lt_title {display:none}
#cont04 .lt .lt_more {display:none}

/* footer */
#footer	{}
#footer img	{width:100%;}
#footer .info	{border-top:2px solid #d9d9d9;padding:10px 0}
#footer .info img {float:left;width:50%}
#footer .info img:first-child {border-right:1px solid #d9d9d9;box-sizing:border-box}

#footer .set_contact	{overflow:hidden;}
.set_contact li	{float:left; width:33.3333%;}

.set_copy	{padding:8% 6.5%; background-color:#282828;}
.set_copy p	{text-align:center; color:#fff; line-height:18px;}
.addr span	{padding:0 5px; }
.copyright	{margin-top:3.9%;}
.made_core a {color:#fff}


/* snb */
#sub_top_tab	{display:none;}
#sub_top #snb ul>li>a {background:none;height:35px;padding-left:0;margin-right:0;line-height:35px;font-size:14px;text-align:center}
#sub_top #snb ul>li:first-child {border-left:0}
#sub_top #snb ul>li:last-child {border-right:0}

/* sub */
#sub_top>img:first-child	{max-width:185%;width:185%;margin-left:-42.5%}
#sub_contents img	{width:185%;max-width:185%;margin-left:-42.5%}
.sp_title>img	{width:100%;}
.set_site_map {display:none}

/*sub footer*/
.set_copyright {background-color:#282828;color:#fff;padding:8% 6.5%;text-align: center;}
.set_copyright #footer_logo {display:none}
.set_copyright .ho_info .wrap_info:first-child {display:none}
.set_copyright .ho_info .wrap_info .addr {display:block}
.set_copyright .ho_info .wrap_info span:nth-child(2), .set_copyright .ho_info .wrap_ceo span:first-child {margin-right:8px}
.set_copyright .ho_info .wrap_info em, .set_copyright .ho_info .wrap_ceo em {font-style:normal;margin-right:3px}
#footer .set_copyright .management {display:none;margin-top:5px}
#footer .set_copyright .management img {width:auto}

/*sub이미지 미디어쿼리*/
@media (max-width:1024px) {
    /*#contents #sub_top {height:400px;overflow:hidden}*/
    #sub_contents .doc_info {width:200%;max-width:200%;margin-left:-50%}
}
/*@media (max-width:680px) {
    #contents #sub_top {height:350px;overflow:hidden}
}
@media (max-width:580px) {
    #contents #sub_top {height:240px;overflow:hidden}
}
@media (max-width:380px) {
    #contents #sub_top {height:215px;overflow:hidden}
}
@media (max-width:320px) {
    #contents #sub_top {height:185px;overflow:hidden}
}*/




/*상세페이지*/
#contents {min-width:320px !important}
#sub_contents .sub_info {width:100%;max-width:100%}
#contents #snb ul>li {height:35px;line-height:35px}

.subTileText {width:45%;opacity:0;position: absolute;top: 50%;transform:translateY(-50%);left: 0px;animation: subtop_ani1 .5s .3s 1 linear forwards}
@keyframes subtop_ani1 {
    0% {left:0;opacity:0}
    100% {left:5%;opacity:1}
}
#sub_top .star1, #sub_top .star2, #sub_top .star3 {display:none}
#sub_contents .sub_info {background:#fff;padding:30px 0 !important}
#sub_contents .sub_info div:first-child h2 br {display:none}
#sub_contents .sub_info > div:first-child {float:none !important;text-align:center;margin-bottom:20px}
#sub_contents .sub_info div:first-child h2 {font-size:30px !important}
#sub_contents .sub_info div:first-child b {font-size:33px !important}

#contents #sub_contents .sub_info .sub_infoCont {float:none;width:95%;margin:0 auto}
#contents #sub_contents .sub_info .sub_infoCont > div {width:33.333%;height:130px;margin-left:0;float:left;/*background-size:100%*/}
#contents #sub_contents .sub_info .sub_infoCont > div span {font-size:17px;padding-top:90px}

.regio_area {width:100%}
.regio_area > img {width:100%;max-width:100% !important;margin:0}

#sub_contents .sub_info .sub_infoCont > div {float:none}
#sub_contents .sub_info div:first-child h2, #sub_contents .sub_info > div:first-child > span {padding-left:0 !important}

@media (max-width:410px) {
    #contents #sub_contents .sub_info .sub_infoCont > div {width:30%;height:120px;margin:0 1.6%;background-size:100%}
    #contents #sub_contents .sub_info .sub_infoCont > div span {padding-top:80px}
}

.doc_text p {font-size:20px;margin-top:35px;padding: 0 1%;}
.doc_text span {font-size:15px;padding: 0 1%;margin:0 auto 35px}
.map_text span {font-size:15px;padding: 0 1%;margin:0 auto 50px}
.map_text p {font-size:20px;padding: 0 1%;margin-top:35px;}
.hos_text p {letter-spacing:-2px}
#sub_contents .cont_center {width:100%;}
#snb .cont_center {width:100%}

#gallery {padding:0}
#gallery .lightboxgallery-gallery-item {width:100%}
#gallery .gallery-header-center-right-links {font-size:13px;padding:8px 15px;margin:0 5px;width:auto}
#gallery .cate_under_p {font-size:16px;margin-bottom: 15px;}
#gallery .lightboxgallery-gallery-item-content {font-size:16px}

#sub_contents .root_daum_roughmap {width:100% !important;height:250px !important}
#contents.in #sub_contents .map_address {font-size:17px;height: auto;line-height: 1.4;}
#contents.in #sub_contents .map_address span {display:block;padding-left:0;font-weight:600;margin-top:10px}
.map_btn1 ul {float:none;width:380px;margin:0 auto 30px}
.map_btn1 ul li {margin:0 5px}
.map_btn1 ul li a {font-size:17px;width:auto;height:auto;padding:8px 12px 10px;line-height:1.5;}
.root_daum_roughmap .wrap_map {height:300px}
.map_address {font-size:18px;height:auto;line-height:1.4;margin-bottom:40px;padding:15px 3px}

.map_btn2 .btn_wrap {margin-bottom:15px}
.map_btn2 .btn_wrap ul {width:380px}
.map_btn2 .btn_wrap ul li a {font-size:17px;width:auto;height:auto;padding:8px 12px 10px;line-height:1.5;}
.map_btn2 .map_info {width:100%;height:auto;padding:30px 0;margin:0}
.map_btn2 .map_info1 h3, .map_btn2 .map_info2 h3 {font-size:24px;margin-top:10px}
.map_btn2 .map_info h3 span {margin-bottom:25px}
.map_btn2 .map_info ul li {font-size:17px;width:100%;padding:0 20px;text-align:left;margin-bottom:15px}
.map_btn2 .map_info ul li:last-child {margin-bottom:0}
.map_btn2 .map_info2 ul li, .map_btn2 .map_info3 ul li {margin-bottom:15px;width:100%}

@media (max-width:376px) {
    .map_btn1 ul {width:320px}
    .map_btn1 ul li {margin:0 2px}
    .map_btn1 ul li a {font-size:15px;padding:8px 10px 10px}
    
    .map_btn2 .btn_wrap ul {width:288px}
    .map_btn2 .btn_wrap ul li a {margin:0 3px;font-size:15px;padding:8px 10px 10px}
}

#contents.in .hos_info {margin:35px auto}
#contents.in .hos_text span:last-child {width:98%;font-size:16px;height: auto;line-height: 1.3;padding: 10px 0;}
#contents.in .hos_info > div {float:none;width:100%}
#contents.in .hos_info > div:nth-child(2), .hos_info > div:nth-child(3) {padding:5%}
#contents.in .hos_info > div:nth-child(2) {height:auto;margin-bottom:5px}
#contents.in .hos_info > div:nth-child(2) h3, .hos_info > div:nth-child(3) h3 {font-size:24px;margin-bottom:15px}
#contents.in .hos_info > div:nth-child(2) > span {font-size:15px;line-height: 1.6;}
#contents.in .hos_info > div:nth-child(2) ul li {font-size:18px;line-height:1.6}
#contents.in .hos_info > div:nth-child(2) ul li span {width:120px}
#contents.in .hos_info > div:nth-child(2) ul li b {font-size:16px}
#contents.in .hos_info > div:nth-child(2) ul {margin-bottom:20px}
#contents.in .hos_info > div:nth-child(3) {height:auto}
#contents.in .hos_info > div:nth-child(3) p {margin-bottom:20px;font-size:40px}
#contents.in .hos_info > div:nth-child(3) span {font-size: 15px;line-height: 1.6;}
#contents.in .hos_btn > div {width:100%;padding-left:2%}
#contents.in .hos_btn a {width:32%;margin:0 1% 0 0}
#contents.in .hos_btn a:nth-of-type(3) {margin-right:0}
#sub_contents img.hos_btn {}

#fregister {width:100%;position:relative;padding-bottom:50px;margin-bottom:0}
#fregister .btn_top {bottom:0;left:50%;transform:translateX(-50%);top:auto}
#fregisterform {position:relative;padding-bottom:40px;margin-bottom:0}
#fregisterform .btn_top {bottom:0;left:0;top:auto}

#bo_list, #bo_gall, #bo_w, #bo_v {width:100%;margin:0 auto 30px}
#container_title {display:none}

.board_snb {position:absolute}
.board_cont #sub_con > img:first-child, .ho_menu {display:none}
a.btn_b02, .btn_b02 {padding:5px 8px}
.frm_input {height:auto}