html {scroll-behavior: smooth;}
  
/* write.skin.php */
.ser_bbt {background-color: #333; color:#fff; padding: 10px 15px 14px 15px; text-align: center; border-radius: 4px;}/* 주소입력 */

.info_box {display:flex;flex-wrap:wrap;justify-content: flex-start; margin-bottom:5px;}

.two_wlinel {width:20%;height:40px;background:#1F363D;color:#FFF;text-align:center;line-height:40px;border:1px #F1F1F1 solid;border-radius:3px;margin-right:3px;margin-bottom:5px;}
.two_wliner {width:78%;height:40px;padding-left:10px;margin-bottom:5px;line-height:40px;}
.four_wlinel {width:20%;height:40px;background:#1F363D;color:#FFF;text-align:center;line-height:40px;border:1px #f1f1f1 solid;border-radius:3px;margin-right:3px;margin-bottom:5px;}
.four_wliner {width:28%;height:40px;padding-left:10px;margin-right:10px;margin-bottom:5px;line-height:40px;}

.file_up {width:100%;height:auto;margin:20px 0;}
.file_up ul {display:flex;flex-wrap:wrap;justify-content: flex-start;border-bottom:1px solid #f4f4f4;}
.file_up ul li {width:15%;height:auto;line-height:40px;display:inline-block;text-align:center;}
.file_up ul li:last-child {width:25%;}
.file_up ul li:nth-child(3) {line-height: 32px;}/* 이유를 모르겠슴 ㅜㅜ */

p.file_title {margin-top:50px;}

.room_wlinel {width:20%;height:40px;background:#3c6e71;color:#FFF;text-align:center;line-height:40px;border:1px #F1F1F1 solid;border-radius:3px;margin-right:3px;margin-bottom:5px;}
.room_wliner {width:78%;height:auto;padding-left:10px;margin-bottom:5px;line-height:40px;}
ul.facility {width:100%;}
ul.facility > li {width:100%;height:auto;border-bottom:1px solid #EBEBEB;}
/* ul.facility > li:nth-child(odd) {width:20%;border-right:none;background-color:#F3F3F3;text-align:right;padding-right:10px;}
ul.facility > li:nth-child(even) {width:80%;height:auto;} */
ul.facility > li > ul {width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;}
ul.facility > li > ul > li {width:12.5%;height:30px;line-height:30px;border-bottom:1px solid #f1f1f1;}
ul.facility > li > ul > li:first-child {font-weight:700;color:#FE642E;}
ul.facility > li > ul:last-child li {border-bottom:none;}


/* view.skin.php */
.menu_list {list-style:none;display:flex;justify-content:space-between;margin:30px 0 10px 0;}
.menu_list li {text-align:center;width:20%;height:40px;line-height:40px;border:1px solid #6C757D;border-right:none;}
.menu_list li:last-child {border-right:1px solid #6C757D;}
.menu_list li a {display:block;}
.menu_list li.here {background-color:#6C757D;color:#FFF;}

#apt_information {width:100%;padding:10px;background-color: #f8f9fa;}
.info_view {display:flex;flex-wrap:wrap;justify-content: flex-start;}
.four_linel {width:20%;height:40px;background:#6c757d;color:#FFF;text-align:center;line-height:40px;margin-bottom:5px;}
.four_liner {width:30%;height:40px;line-height:40px;padding-left:10px;overflow:hidden;margin-bottom:5px;}
.two_linel {width:20%;height:40px;background:#6c757d;color:#FFF;text-align:center;line-height:40px;}
.two_liner {width:80%;height:40px;line-height:40px;padding-left:10px;border-radius:3px;}
.top_space {margin-top:5px;}
.room_view {width:80%;height:auto;padding-left:10px;margin-bottom:5px;line-height:40px;}
.oneroom {color:#CCC}

.map_new {width:100%;padding:20px;border:1px solid #f8f9fa;background-color: #f8f9fa;}
.img_view {width:100%;min-height:200px;border:1px solid #f8f9fa;text-align: center;line-height: 200px;background-color: #f8f9fa;}
.floor_view {width:100%;min-height:auto;padding:20px;display:flex;flex-wrap:wrap;justify-content:flex-start;background-color: #f8f9fa;}
.floor_view div {width:49%;min-height:200px;margin-bottom:10px;padding:10px 10px 0 10px;background-color: #e9ecef;}
.floor_view div ul {display:flex;justify-content:flex-start;list-style:none;}
.floor_view div ul li {margin:0;height:36px;color:#FFF;padding:0 10px;}
.floor_view div ul li:first-child {background-color:#ef233c;line-height:26px;}
.floor_view div ul li:last-child {background-color: #52796f;line-height:36px;}
.floor_view div:nth-child(odd) {margin-right:2%;}
.floor_view .floor_img {position:relative;width:100%;height:0;padding-bottom:56.25%;;overflow:hidden;margin-top:10px;}
.floor_view .floor_img img {position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
.floor_view .no_view {width:100%;text-align:center;line-height:200px;background-color: #f8f9fa;}

/* list.skin.php  */
/* #bo_gall {border:2px solid red;} */
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {list-style:none;zoom:1;display:flex;flex-wrap:wrap;justify-content:flex-start;}
#bo_gall #gall_ul li {width:19.5%;border:1px solid #CCC;margin-right:0.5%;margin-bottom:30px;transition:all .5s}
#bo_gall #gall_ul li:nth-child(5n) {margin-right:0;}

#bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px;z-index:1}
#bo_gall .gall_box {position:relative;margin:0;border-radius:0 0 2px 2px;}
#bo_gall .gall_con {position:relative;}
.information {padding:6px;}

#bo_gall .gall_now .gall_text_href {padding:10px}
#bo_gall .gall_now .gall_text_href a {color:#ff3061;}
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_img {position:relative;width:100%;height:0;padding-bottom:56.25%;border-bottom:1px solid #eee;text-align:center;overflow:hidden}
#bo_gall .gall_img .image {position:absolute;top:0;left:0;width:100%;height:100%}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block}
#bo_gall .gall_img img, #bo_gall .gall_img video {max-width:100%;height:auto !important}
#bo_gall .gall_img span {display:inline-block;background:#eaeaea;text-align:center;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

#bo_gall .gall_text_href {margin:10px 0}
#bo_gall .gall_text_href a {font-weight:bold}
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit {display:block;line-height:30px;font-weight:bold;color:#000;font-size:1.2em}
#bo_gall .bo_tit .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}



@media (max-width:1200px) {
    .arc_view {padding:10px;margin:0 auto;}
    .floor_view div {width:48.5%;}
    .floor_view div:nth-child(odd) {margin-right:3%;}
    .map_new {padding:10px;}
    .menu_list {display:none;}
    #bo_gall {padding:20px;}  
    }

@media (max-width:768px) {
    /* write  */
    .two_wlinel {width:20%;height:40px;background:#1F363D;color:#FFF;text-align:center;line-height:40px;border:1px #F1F1F1 solid;border-radius:3px;margin-right:3px;margin-bottom:5px;}
    .two_wliner {width:78%;height:40px;padding-left:10px;margin-bottom:5px;line-height:40px;}
    .four_wlinel {width:20%;}
    .four_wliner {width:75%;}
    ul.facility > li > ul > li {width:25%;height:30px;line-height:30px;border-bottom:1px solid #f1f1f1;overflow:hidden;}

    .file_up ul {border-bottom:1px solid #DDD;}
    .file_up ul li {width:33.3%;height:40px;line-height:40px;display:inline-block;text-align:left;padding-left:5px;overflow:hidden}

    /* view  */
    .two_linel {width:30%;height:40px;}
    .two_liner {width:70%;height:auto;}
    .four_linel {width:30%;height:40px;}
    .four_liner {width:70%;height:40px;}
    .room_view {width:100%;height:auto;padding-left:10px;margin-bottom:5px;line-height:40px;}

    .floor_view {justify-content:center;}
    .floor_view div {width:98%;}
    .floor_view div:nth-child(odd) {margin-right:0;}

    #bo_gall #gall_ul li {width:48.5%;margin-bottom:20px;}
    #bo_gall #gall_ul li:nth-child(even) {margin-right:0;}
    #bo_gall #gall_ul li:nth-child(odd) {margin-right:2%;}
    }