/*서브-상단비주얼 */
#svisual{ width:100%; min-width:1200px; height:300px; background:url(../img/sub/s_top01.png) no-repeat center 0px; margin:0px auto; position:relative;}
#svisual.a{background:url(../img/sub/s_top01.png) no-repeat center 0px;}
#svisual.b{background:url(../img/sub/s_top01.png) no-repeat center 0px;}
#svisual.c{background:url(../img/sub/s_top01.png) no-repeat center 0px;}
#svisual.d{background:url(../img/sub/s_top01.png) no-repeat center 0px;}
#svisual.e{background:url(../img/sub/s_top01.png) no-repeat center 0px;}
#svisual.f{background:url(../img/sub/s_top01.png) no-repeat center 0px;}

#svisual .s_text{position:absolute; left:0; bottom:0; color:#fff; background:rgba(78,141,124,0.8); padding:22px; min-width:300px;}
#svisual .s_text h3{font-size:2em; display:inline-block; font-weight:400; letter-spacing:-3.3px;margin-bottom:8px; z-index:2; position:relative;}
#svisual .s_text span{display:block; font-size:1.25em;  font-weight:300; line-height:1.5em; letter-spacing:-1px; }


@media (max-width:1200px) {
#svisual { min-width:100%; height:120px; background-position:center top; background-size:cover; display:none;}

/*가로스크롤*/
.row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block;  margin:5px 0 5px 5px; font-size:11px; color:#999;}
.row-horizon {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;float: none; width: 100%;}
}




/*협의체 소개 > 인사말*/
.greet01{}
.greet01 .mg{ text-align:center;} 
.greet01 .info_table{margin-top:50px;}
.greet01 .info_table table{ width:100%; border-top:2px solid #004654}
.greet01 .info_table table th{background:#f8fbfa; text-align:left; padding:13px 0 13px 30px; border-bottom:1px solid #ddd; font-weight:500; color:#333; font-size:1.2em;}
.greet01 .info_table table td{text-align:left; padding:13px 15px; border-bottom:1px solid #ddd; font-size:1.18em;}
.greet01 .ct{border:1px solid #f1f1f1; box-shadow:0 0 12px #f1f1f1; font-size:1.02em; padding:20px 15px; text-align:center; margin-top:20px;}
@media (max-width:1200px) {
.greet01 .mg img{width:100%; height:auto;}
.greet01 .info_table{margin-top:30px;}
.greet01 .info_table table th{ padding:8px; font-size:1.06em;}
.greet01 .info_table table td{padding:8px; font-size:1em;}
.greet01 .ct{font-size:0.95em;padding:15px 10px; }
}


/*홍보관위치*/
.map{}
.map .location{float:left; width:50%; text-align:center }
.map .location .location_img img{border:1px solid #4e8d7c; padding:0; margin:0; line-height:0; }
.map .location .location_btn{position:relative; font-size:1.2em; color:#666; padding:25px 0; text-align:left; max-width:530px; margin:0 auto;}
.map .location .location_btn span{color:#004654; font-size:1.6em; display:block; font-weight:500; margin-bottom:15px;}
.map .location .location_btn a{position:absolute; top:18px; right:0; display:inline-block; padding:8px 20px; background:#fff; border:2px solid #c5a880; color:#b49161; text-align:center; transition:0.3s ease all;}
.map .location .location_btn a:hover{background:#c5a880; color:#fff; transition:0.3s ease all;}
@media (max-width:1200px) {
.map .location{width:100%; }
.map .location.fl{margin-bottom:20px;}
.map .location .location_img img{width:100%; height:auto; }
.map .location .location_btn{ font-size:1em; padding:12px 0; max-width:100%; }
.map .location .location_btn span{font-size:1.2em; margin-bottom:6px;}
}



/*커뮤니티*/
.info02{}
.info02 .top{ background:#f4ece9; padding:60px 40px; color:#2c2220;  margin-bottom:50px; position:relative;}
.info02 .top .tit{font-size:2.4em; font-weight:500; margin-bottom:20px;}
.info02 .top .cont{font-size:1.4em; line-height:1.55em;}
.info02 .top .dong{position:absolute; right:40px; top:40px; width:350px; height:auto;}
.info02 .top .dong img{width:100%; height:auto;}
.info02 .list{}
.info02 .list li{float:left; width:calc(50% - 25px); margin-right:50px; margin-bottom:50px;}
.info02 .list li:nth-child(2n){margin-right:0;}
.info02 .list li img{width:100%; height:auto;}
.info02 .list li .txt{margin-top:30px;}
.info02 .list li .txt h3{display:inline-block; font-size:1.65em; font-weight:600; color:#004654; margin-bottom:15px; position:relative; z-index:1;}
.info02 .list li .txt h3:after{display:block; content:""; position:absolute; bottom:0; height:8px; width:105%; background:#8bdcdc; z-index:-1;}
.info02 .list li .txt .con{font-size:1.2em;}
@media (max-width:1200px) {
 .info02 .top{ padding:30px 20px; margin-bottom:15px; text-align:center;}
.info02 .top .tit{font-size:1.35em; margin-bottom:12px;}
.info02 .top .cont{font-size:1em;}
.info02 .top .dong{display:none;}
.info02 .list{}
.info02 .list li{float:left; width:calc(50% - 8px); margin-right:15px; margin-bottom:15px;}
.info02 .list li .txt{margin-top:10px;}
.info02 .list li .txt h3{font-size:1.14em; margin-bottom:10px;}
.info02 .list li .txt h3:after{height:4px; width:102%;}
.info02 .list li .txt .con{font-size:0.95em;}
}





/*평면정보*/
.apt01{}
.apt01 .top{ text-align:center; margin-bottom:70px;}
.apt01 .top .tit{font-size:2.4em; color:#4e8d7c; font-weight:500; margin-bottom:20px;}
.apt01 .top .tit strong{color:#004654;}
.apt01 .top .cont{font-size:1.4em; line-height:1.55em;}
/*탭메뉴*/
.apt_cate{ margin-bottom:40px;}
.apt_cate li{width:calc(25% - 5px) !important; text-align:center; margin-right:5px; margin-bottom:5px; margin-left:0 !important; }
.apt_cate li:nth-child(4){margin-right:0;}
.apt_cate li a{ background:#FDFDFD; border-radius:0 !important; font-size:1.45em; color: #666; padding:15px; border-bottom:3px solid #eee;}
.apt_cate>li.active>a, .apt_cate>li.active>a:focus, .apt_cate>li.active>a:hover{ border-bottom:3px solid #4e8d7c; background:#FDFDFD;color:#4e8d7c; font-weight:600;}
.apt01 .con{}
.apt01 .con .bx{margin-bottom:40px;}
.apt01 .con .bx .left{float:left; width:400px; background:#4e8d7c; padding:63px 0; color:#fff; text-align:center; font-size:2.4em; font-weight:600;}
.apt01 .con .bx .left span{display:block; font-size:0.52em; font-weight:500; padding-top:15px;}
.apt01 .con .bx .right{ float:left; width:calc(100% - 400px);}
.apt01 .con .scon {margin-top:40px; border-top:2px solid #f1f1f1; padding-top:40px;}
.apt01 .con .scon span{display:block; padding-left:12px; font-size:1.1em; margin-bottom:6px; position:relative;}
.apt01 .con .scon span:after{display:block; content:"*"; position:absolute; left:0; top:0px; color:#696}
.apt01 .con .mg{ text-align:center;}
/* table */
.apt01 .responsive-table{width:100%; overflow-x:hidden; overflow-y:hidden;}
.ap_tb{width:100%; border:2px solid #4e8d7c; box-shadow:0 0 13px rgba(0,0,0,0.15);background:#fff; text-align:center; line-height:1.5em;}
.ap_tb caption{display:none}
.ap_tb th,.ap_tb td{padding:12px; border-bottom:1px solid #deeae7; border-right:1px solid #deeae7; font-size:1.15em; text-align:center; }
.ap_tb th{color:#000; font-size:1.2em; font-weight:500; background:#f2f9f7;}
.ap_tb th:first-child,.ap_tb td:first-child{border-left:none;}
.ap_tb th:last-child,.ap_tb td:last-child{border-right:none;}
.ap_tb tr:last-child td{border-bottom:none;} 
.ap_tb td.pt{ background:#fafafa; font-weight:600; width:15%;}
@media (max-width:1200px) {
.apt_cate{ margin-bottom:15px;}
.apt_cate li{width:calc(25% - 3px) !important; margin-right:3px;}
.apt_cate li a{font-size:1em; padding:10px 2px;}
.apt01 .top{margin-bottom:40px;}
.apt01 .top .tit{font-size:1.35em;margin-bottom:12px;}
.apt01 .top .cont{font-size:1em;}
.apt01 .con .bx .left{width:100%; padding:15px 0; font-size:1.4em; }
.apt01 .con .bx .left span{font-size:0.8em; padding-top:5px;}
.apt01 .con .bx .right{width:100%;}
.apt01 .con .mg img{width:100%; height:auto;}
.apt01 .responsive-table{overflow-x:scroll; white-space:nowrap;}
.ap_tb th,.ap_tb td{padding:8px; font-size:1em;}
.ap_tb th{ font-size:1em;}
.ap_tb td.pt{width: inherit;}
}

















/*가로스크롤*/
.row-horizon {
  position:relative;
  width:100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tbl{ margin-top:10px;}
.tbl table{ width:100%; border-top:1px solid #444; font-size:1.1em; letter-spacing:0; text-align:center;border-left:1px solid #e3e3e3; }
.tbl tr th{ vertical-align:middle; padding:10px 15px; border-bottom:1px solid #e3e3e3; background:#f5f5f5; color:#222;}
.tbl tr td { vertical-align:middle; padding:8px 15px; border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3; color:#333;}
.tbl thead th{ background:#f5f5f5; text-align:center; border-right:1px solid #e3e3e3;}
.tbl tbody th{ background:#F7F7F7; text-align:center; border-right:1px solid #e3e3e3;}



/* 준비중페이지 */
#ready{text-align:center; background:url(../img/common/ready.png) no-repeat 50% 0; margin:80px 0;  
        padding-top:130px; font-size:1.5em; line-height:1.3em; color:#333;}
#ready strong{font-weight:600; color:#32c0eb;}
#ready p{font-size:0.8em; color:#666;}

.ready{ text-align:center;}