/*basic_bbs_list*/
.basic_bbs_list,.basic_bbs_list th,.basic_bbs_list td{border:0}
.basic_bbs_list{width:100%; border-top:2px solid #222; border-bottom:1px solid #ddd; }
.basic_bbs_list tr:hover{background:#fafafa; }
.basic_bbs_list tr.tbl_th:hover{background:none; }
.basic_bbs_list th{padding:18px 0; text-align:center; border-bottom:1px solid #ddd; color:#222; word-break:keep-all;}
.basic_bbs_list td{padding:18px 0; border-bottom:none; border-top:none; text-align:center; line-height:18px; font-size: 16px; color:#484848; border-bottom:1px solid #ddd; word-break:keep-all; font-weight: 400;}
.basic_bbs_list td img {margin-left:5px;}
.basic_bbs_list .left {text-align:left; padding-left:25px;}


/* search */
.bbs_search {margin:0 auto; padding:15px 0; border:1px solid #ddd; background:#fafafa;}
.bbs_search fieldset {text-align:center; }
.bbs_search input {vertical-align:middle;}
.bbs_search .input_txt {width:124px; height:30px; padding:4px 12px; vertical-align:middle; border:1px solid #d0d0d0; font-size:14px;}
.bbs_search select {overflow:visible; color:#555;min-width:120px; height:30px; padding:4px 8px; vertical-align:middle; border:1px solid #d0d0d0; font-size:14px; line-height:24px; zoom:1;}
.bbs_search select:focus {border:1px solid #da0b85;}
.bbs_search select.disabled {border:1px solid #d0d0d0; background-color:#e9e9e9; color:#909090;}
.btn {display:inline-block; margin:0; padding:0; background:none; text-align:center; vertical-align:middle; border:none; white-space:nowrap; cursor:pointer;}
.btn_sm {min-width:88px; height:30px; padding:2px 15px; background-color:#555; border:1px solid #555; color:#fff; font-size:14px;font-weight:bold;}
/*bbs_view*/
.bbs_view,.bbs_view th,.bbs_view td{border:0}
.bbs_view{width:100%; border-top:2px solid #222; border-bottom:1px solid #ddd; }
.bbs_view th{padding:18px 5px; border-bottom:1px solid #ddd; color:#222; word-break:keep-all; overflow:hidden; position:relative; }
.bbs_view td{padding:24px 5px; border-bottom:none; border-top:none; line-height:18px; color:#555; border-bottom:1px solid #ddd; word-break:keep-all;}
.bbs_view .left {float:left; padding-right:95px; padding-left:15px;}
.bbs_view .left .title {font-size:18px; text-align:left;}
.bbs_view .left .con {font-size:14px; text-align:left; color:#555; font-weight:normal; margin-top:10px;}
.bbs_view .right {border-left:1px solid #ddd; width:80px; text-align:center; position:absolute; right:0; top:18px; }
.bbs_view .right .title {font-size:14px; color:#555;padding-top:3px;}
.bbs_view .right .con {font-size:24px; color:#f22e36; font-weight:normal; margin-top:2px;}
/*reply*/
.reply {}
.reply .title {color:#444; font-weight:bold;}
.reply .title span {color:#f22e36; }
.bbs_reply,.bbs_reply th,.bbs_reply td{border:0}
.bbs_reply{width:100%; border-top:1px solid #222; border-bottom:1px solid #222; }
.bbs_reply th{padding:18px 0px; border-top:1px solid #ccc; color:#222; word-break:keep-all; overflow:hidden; text-align:left;  font-weight:normal;}
.bbs_reply td{padding:18px 0px; background: #fafafa url(/images/sub/reply_arrow.png) 30px 18px no-repeat; line-height:18px; color:#555; border-top:1px solid #222; border-bottom:1px solid #ccc; word-break:keep-all;}
.bbs_reply .con p em {color:#222;  font-weight:bold; display:inline-block; margin-right:10px;}
.bbs_reply .con p span {font-size:13px; color:#777; display:inline-block; margin-left:10px;}
.bbs_reply .admin {overflow:hidden; background:#ddd; border:1px solid #ddd; padding:20px 30px; }
.bbs_reply .admin p {float:left; color:#222;  font-weight:bold; }
.bbs_reply .admin textarea {float:left; margin-left:30px; border:1px solid #ddd;}
.bbs_reply .admin p.btn {width:85px; height:64px; line-height:64px; color:#fff; background:#444; font-sizE:13px; margin-lefT:10px;}
.reply .people {padding:20px 30px; background:#ddd; color:#222; font-weight:bold;}
.reply .people input {height:30px; border:1px solid #ddd; margin-lefT:30px;}
.reply .people .con {overflow:hidden;margin-top:20px; }
.reply .people .con p { float:left;}
.reply .people .con p textarea { width:750px; vertical-align:top; border:1px solid #ddd; margin-lefT:42px;}
.reply .people .con p.btn {width:85px; height:64px; line-height:64px; color:#fff; background:#444; font-sizE:13px; margin-lefT:10px;}
/*prev_next*/
.prev_next,.prev_next th,.prev_next td{border:0}
.prev_next{width:100%; border-top:1px solid #222; border-bottom:1px solid #222; }
.prev_next th{padding:18px 5px; border-bottom:1px solid #ddd; color:#222; word-break:keep-all; overflow:hidden;}
.prev_next td{padding:18px 5px; border-bottom:none; border-top:none; line-height:18px; color:#484848; font-size: 16px; border-bottom:1px solid #ddd; word-break:keep-all;}
.prev_next .none {border:none;}
.prev_next span {padding-left:15px; border-left:1px solid #999;}
/*bbs_writing*/
.bbs_writing,.bbs_writing th,.bbs_writing td{border:0}
.bbs_writing{width:100%; border-top:2px solid #222; border-bottom:1px solid #222; }
.bbs_writing th{padding:15px 5px; border-bottom:1px solid #ddd; color:#222; word-break:keep-all; overflow:hidden; background:#f1f1f1;}
.bbs_writing td{padding:15px 20px; border-bottom:none; border-top:none; line-height:18px; color:#555; border-bottom:1px solid #ddd; word-break:keep-all;}
.bbs_writing input {height:30px; border:1px solid #ddd;}
/*btn*/
.admin_btn {overflow:hidden; width:100%;}
.admin_btn .btn_center{ width:190px;margin:0 auto;}
.admin_btn .btn01 {float:left; border:1px solid #777; height:35px; font-size:13px; color:#444; font-weight:bold; width:90px; text-align:center; line-height:34px;}
.admin_btn .btn02 {float:right; border:1px solid #777; height:35px; font-size:13px; color:#444; font-weight:bold; width:90px; text-align:center; line-height:34px;}
.admin_btn .btn03 {float:right; height:35px; font-size:13px; color:#fff; background:#444; font-weight:bold; width:90px; text-align:center; line-height:34px;}
.admin_btn .btn04 {float:left; height:35px; font-size:13px; color:#fff; background:#444; font-weight:bold; width:90px; text-align:center; line-height:34px;}

/* ¼­ºê¸Þ´º */
.menu_list ul{width: 100%; overflow: hidden; margin-bottom:20px;}
.menu_list ul li{float:left; width:240px; height:357px; margin-right: 20px; }
.menu_list ul li:last-child{margin-right: 0;}
.menu_list ul li a {display:block; width:100%; height:100%;}
.menu_list ul li .mimg {position: relative; display:table-cell; text-align:center; vertical-align:middle; width:240px; height:224px; overflow:hidden;}
.menu_list ul li .mimg img {width:100%; height:100%; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s;}
.menu_list ul li .mimg span{font-family: 'NanumMyeongjo'; display: inline-block; text-align: center; font-size: 14px; line-height: 18px;  color: #fff; width: 60px; height: 60px; padding-top: 12px;background: #212121; border-radius: 50%; position: absolute; top:10px; left: 10px;}
.menu_list ul li .mtxt {width:100%; height:132px; padding:30px 20px; text-align:center;   background: url(/images/main/sec2_hover.jpg) no-repeat center top; background-size:cover; transition:all 0.4s; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;} 
.menu_list ul li .mtxt h4 {font-family:'NanumMyeongjo'; font-size:20px; font-weight:normal; line-height:1; color:#222;  margin-bottom:10px; 
overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.menu_list ul li .mtxt span {overflow: hidden; display:block; font-size:14px; font-weight:400; color:#6c6c6c;
white-space: normal; line-height: 20px; height: 40px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.menu_list ul li:hover .mimg img {transform:scale(1.1); -webkit-transform:scale(1.1);}

/* ¸Þ´º - view */
.menu_view{}
.menu_view_top{width: 100%; height: 374px; overflow: hidden; position: relative;}
.menu_view_img{position: relative; float: left; width: 400px; height: 374px; }
.menu_view_img span{font-family: 'NanumMyeongjo'; display: inline-block; text-align: center; font-size: 16px; color: #fff; width: 70px; height: 70px; padding-top: 12px;background: #212121; border-radius: 50%; position: absolute; top:20px; left: 20px;}
.menu_view_txt{float: right; width: 560px; margin-top: 35px;}
.menu_view_btn{height:45px; width:150px; background:#110F14;  text-align:center; line-height:45px; position: absolute; bottom:0; right: 0; }
.menu_view_btn a{width: 100%; height: 100%; cursor: pointer; display: block; color:#fff; font-size:16px; font-weight:400; }
.menu_view_txt dl dt{position: relative; font-family: 'NanumMyeongjo'; font-weight: bold; font-size: 25px; color: #484848; margin-bottom: 30px; padding-bottom: 20px;}
.menu_view_txt dl dt::before{position: absolute; bottom:0; left: 0; width:50px; height: 1px; content: ''; background: #484848;}
.menu_view_txt dl dd{overflow: hidden; font-size: 16px; line-height: 28px;  height: 140px;  font-weight: 400;  color: #484848;  white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.menu_view_con{margin-top: 50px;}

/* ´ëÇ¥¸Þ´º */
.menu_list2 ul{width: 100%; overflow: hidden; margin-bottom:20px;}
.menu_list2 ul li{float:left; width:500px; height:224px; margin-right: 20px; }
.menu_list2 ul li:last-child{margin-right: 0;}
.menu_list2 ul li a {display:block; width:100%; height:100%;}
.menu_list2 ul li .mimg {position: relative; float: left;  display:table-cell; text-align:center; vertical-align:middle; width:240px; height:224px; overflow:hidden;}
.menu_list2 ul li .mimg img {width:100%; height:100%; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s;}
.menu_list2 ul li .mimg span{font-family: 'NanumMyeongjo'; display: inline-block; text-align: center; font-size: 14px; line-height: 18px;  color: #fff; width: 60px; height: 60px; padding-top: 12px;background: #212121; border-radius: 50%; position: absolute; top:10px; left: 10px;}
.menu_list2 ul li .mtxt {float: right; width: 260px; height:224px; padding: 80px 20px 30px ; text-align:center; background: url(/images/main/sec2_hover.jpg) no-repeat center top; background-size:cover; transition:all 0.4s; border-right: 1px solid #ddd;  border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;} 
.menu_list2 ul li .mtxt h4 {font-family:'NanumMyeongjo'; font-size:20px; font-weight:normal; line-height:1; color:#222;  margin-bottom:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.menu_list2 ul li .mtxt span {overflow: hidden; display:block; font-size:14px; font-weight:400; color:#6c6c6c; white-space: normal; line-height: 20px; height: 40px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.menu_list2 ul li:hover .mimg img {transform:scale(1.1); -webkit-transform:scale(1.1);}


/*¸ÅÀåÃ£±â*/
.map_wrapper{position:relative; height:480px; overflow:hidden; background: #fff;  padding:40px;}
.map_wrapper .left{float:left; width:400px; border: 1px solid #ddd;}
.map_wrapper .right{float:left;width:500px;margin-left:40px; }
.map_areaBox{width:400px; height:10 0%; margin:0 auto;}
.map_area{width:297px; height:395px; margin:0 auto;}
.map_caption{height:100%;position:relative;}
.map_caption h4 {margin-top: 45px; position: relative; font-family: 'NanumMyeongjo'; font-weight: bold;   font-size: 25px;  color: #484848;  margin-bottom: 30px;  padding-bottom: 20px;}
.map_caption h4::before{position: absolute; bottom: 0; left: 0; width: 50px; height: 1px; content: '';  background: #484848;}
.map_caption p { font-size: 16px;  line-height: 24px; font-weight: 400; color: #484848;  margin-bottom: 30px;}
.m_serach {width:100%;}
.m_serach select {margin-right:10px;float:left;width:245px; height:45px;background:#fff url(/images/sub/map_s_arrow.png) no-repeat 95%; border:1px solid #eaeaea; font-size: 16px;font-weight: 400;  color: #484848;  vertical-align:middle;
padding-left:20px; outline:none; cursor:pointer;
-moz-appearance:none; /* Firefox */			
-webkit-appearance:none; /* Safari and Chrome */
appearance:none; 
font-family:'Noto Sans KR';}
select::-ms-expand{
  display:none;
}
.m_serach input[type="text"] {margin-top: 10px; float:left; width:500px; height:45px; border:1px solid #eaeaea; padding-left:20px; font-size:16px; font-weight:400;}
.m_serach input[type="text"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#dbdbdb; font-size:16px; font-weight:400;}
.m_serach input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#dbdbdb; font-size:16px; font-weight:400;}
.m_serach input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */color:#dbdbdb; font-size:16px; font-weight:400; }
.m_serach input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#dbdbdb;}
.m_serach input[type="text"]:placeholder-shown { 
/* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */color:#6c6c6c; font-size:16px;}
.mapsearchbtn {margin-top:30px; width:100%; height:45px; display:inline-block; text-align:right; }
.mapsearchbtn a {width:180px; height:45px; display:inline-block; text-align:center; line-height:45px; background:#000; font-size:14px; font-weight:400; color:#fff;}
.search_area_wrap{margin-top:70px; background:#fff; padding:30px; border:1px solid #eaeaea; }
.search_area_wrap h4{font-size:20px; color:#444444; float:left; line-height:38px; width:100px; font-weight:500; }
.search_option2_wrap{font-size:0; width:806px; float:right;/*  border:1px solid red */ }
.search_option2_wrap input{width:180px; height:45px; display:inline-block; text-align:center; line-height:45px; background:#000; font-size:14px; font-weight:400; color:#fff; border:none; cursor:pointer; margin-left:20px;}
.search_option2_wrap span{font-size:14px; color:#666666; line-height:40px; display:inline-block; margin-left:20px; vertical-align:middle; margin-right:10px; }
.search_option2_wrap select{ margin-right:10px;width:200px; height:45px;background:#fff url(/images/sub/map_s_arrow.png) no-repeat 95%; border:1px solid #eaeaea; color:#555;font-size:15px; font-weight:400; vertical-align:middle;
padding-left:20px; outline:none; cursor:pointer;
-moz-appearance:none; /* Firefox */			
-webkit-appearance:none; /* Safari and Chrome */
appearance:none; 
font-family:'Noto Sans KR'; }
.map_list {width:100%; border-top:1px solid #eaeaea; margin-top:30px;}
.map_list > li {padding:20px 0;border-bottom:1px solid #eaeaea;position: relative;}
.map_list > li:after {content:""; display:block; clear:both;}
.map_list > li .mimg {float:left;width:285px;height: 205px;margin-right:30px;}
.map_list > li .mtxt {position: relative; float:right;width:700px;height: 205px;}
.map_list > li .mtxt h4 {margin-top:15px; font-size: 20px; color: #000; font-weight: 600; margin-bottom:20px;}
.map_list > li .mtxt > ul > li {width:100%; font-size: 16px;   color: #484848; line-height: 28px; margin-bottom:10px;}
.map_list > li .mtxt > ul > li span {display:inline-block; width:100px; color:#000;}
.map_list > li .mtxt a {border: 1px solid #777; height: 35px; font-size: 13px;  color: #444; font-weight: bold;  width: 90px; text-align: center; line-height: 34px; transition:all 0.3s ease-in-out;position: absolute;right: 0;bottom: 0;}
.map_list > li .mtxt a:hover {background:#000; color:#fff; transition:all 0.3s ease-in-out;}

/*¸ÅÀå view*/
.map_view_wrap {width:100%;}
.map_view_wrap > h4 {font-size: 18px;font-weight: 500; color: #222; margin-bottom: 30px; margin-top: 50px; padding-bottom: 10px;  padding: 18px 5px;  border-top: 1px solid #000; border-bottom: 1px solid #ddd;}
#map_rolling_wrap {position:relative; width:100%; height:575px; overflow:hidden;}
#map_rolling {width:800px; margin:0 auto;}
.map_loca {width:100%;}
.map_v_list li {font-size:16px; font-weight:400; color:#484848; margin-bottom:10px;}
.map_v_list li span {display:inline-block; width:100px; color:#222;}
.map_view_wrap .mlist_btn {margin:0 auto; margin-top:50px;display:block; width: 150px; height: 45px;  display: inline-block;   text-align: center;  line-height: 45px; background: #000;  font-size: 16px;font-weight: 400; color: #fff;  border: none;border-right: 0px;  border-top: 0px;}
.map_btn {width:100%; font-size:0; margin-top:25px; text-align:right;}
.map_btn a {vertical-align:middle; display:inline-block; width:90px; height:35px; line-height:33px; font-size:13px; color:#444; text-align:center; border:1px solid #777;
font-weight:500; background:#fff;}
.map_btn a:first-child {margin-right:10px; }

/* ÀÎÅ×¸®¾î  */
.interior_wrap{width: 100%; overflow: hidden; }
.interior_txt{float: left; width: 320px; height:500px; padding: 80px 0 0 30px; font-family: 'NanumMyeongjo'; background:url(/images/main/sec1_icon.png) no-repeat 179px 301px; background-size: 26px;  }
.interior_txt p {display:inline-block; writing-mode: vertical-lr; writing-mode: tb-rl\9; writing-mode: tb-rl; vertical-align:top; 
font-size:20px; color:#564c44; letter-spacing:-1px; line-height:42px;} 
.interior_txt p:nth-child(2) {text-indent:-1px;}
.interior_txt h2 {display:inline-block; writing-mode: vertical-lr; writing-mode: tb-rl\9; writing-mode: tb-rl;  vertical-align:top; position:relative;
font-size:30px; color:#000; font-weight:normal; letter-spacing: 22px; text-indent:-5px; padding:0px 10px 10px 24px; margin-left:23px; }
.interior_txt h2::before {width:1px; height:370px; content:''; background:#564b44; position:absolute; left:0; top:0;}
.interior_img{float: right; width: 700px;}
#image-gallery li {opacity:0;}
#image-gallery li.active {opacity:1;}