@charset "UTF-8";

/****************************************************************
Last Updated : 2017-01-11
Author       : amy
Version      : 2.0
****************************************************************/
html, body {min-width:1200px;}
#header {width:100%; height:70px; overflow:hidden; background:#000000; position:fixed; top:0; left:0; z-index:9999; display:none;}
#header .header_conts {width:1200px; height:70px; margin:0 auto; overflow:hidden;}
#header .header_conts h1 {float:left; margin:6px 0;}
#header .header_conts .contact_infor {float:right; height:28px; margin:21px 0; color:#fff}
#header .header_conts .contact_infor span {display:inline-block; height:28px; margin-left:50px; line-height:28px; font-size:15px; font-weight:600; cursor:pointer;} 
#header .header_conts .contact_infor .call_number {padding-left:40px; background:url('/images/header/icon_call_number.png') no-repeat 0 center; }
#header .header_conts .contact_infor .inquiry {padding-left:38px; background:url('/images/header/icon_inquiry.png') no-repeat 0 center; }
#header .header_conts .contact_infor .map {padding-left:38px; background:url('/images/header/icon_map.png') no-repeat 0 center; }

#contents {width:100%; overflow:hidden;}

/* 메인배너 */
.mainbnr {width:100%; height:950px; overflow:hidden; background:url('/images/main/bg_mainbnr.jpg') no-repeat; background-size:cover; text-align:center; padding:300px 0; box-sizing:border-box;}

/*.mainbnr .logo {display:block; margin-bottom:50px;}*/
.mainbnr .logo {display:block; margin-bottom:50px; font-size:52px; color:#fff; font-weight:600; background: rgba(0,0,0, 0.8) no-repeat; width:700px; margin:0 auto; height:80px; line-height:80px;}
.mainbnr .logo.explan {font-size:24px; font-weight:100; background:rgba(255,255,255,0.8); color:#000000; height:50px; line-height:50px;}
.mainbnr .bar {width:60px;height:1px;margin:30px auto 25px;border:none;border-top:2px solid #c6aa94;}
.mainbnr .logo_title {display:block;color:rgb(198, 170, 148);font-size:20px;margin:20px;}
.mainbnr .contact_infor {color:#fff;}
.mainbnr .contact_infor span {display:inline-block; width:200px; line-height:50px; font-size:20px; font-weight:600; box-sizing:border-box; cursor:pointer; text-align:left;} 
.mainbnr .contact_infor .call_number {background:rgba(0,0,0, 0.8) url('/images/header/icon_call_number.png') no-repeat 30px center; padding-left:73px;}
.mainbnr .contact_infor .inquiry {background:rgba(0,0,0, 0.8) url('/images/header/icon_inquiry.png') no-repeat 50px center; padding-left:84px;}
.mainbnr .contact_infor .map {background:rgba(0,0,0, 0.8) url('/images/header/icon_map.png') no-repeat 50px center; padding-left:84px;}

/* 기본 정보 */
.villa_infor {width:100%; height:865px; overflow:hidden;}
.villa_infor .text_infor_area {float:left; width:45%; height:865px; padding:170px 0; box-sizing:border-box;}
.villa_infor .text_infor_area .title_area {display:block; text-align:center; margin-bottom:50px; font-size:30px; font-weight:600; color:#5e5e5e}
.villa_infor .text_infor_area table {width:600px; table-layout:fixed; margin:0 auto;}
.villa_infor .text_infor_area table th {background:#f2f2f2; font-weight:600; color:#4c4744; border-left:1px solid #d2c5b8; border-top:1px solid #d2c5b8; border-bottom :1px solid #d2c5b8;} 
.villa_infor .text_infor_area table td {color:#545454; border-right:1px solid #d2c5b8; border-top:1px solid #d2c5b8; border-bottom :1px solid #d2c5b8; padding:7px 20px; line-height:23px;}
.villa_infor .text_infor_area table td .bold {font-weight:600;}
.villa_infor .img_infor_area {float:left; width:55%; height:865px; box-sizing:border-box; background:url('/images/main/img_villa_infor.png') no-repeat center; background-size:cover; text-indent:-9999px;}
.villa_infor .img_infor_area img {width:100%;}

/* caelum design */
.caelum_design_wrap {width:100%; padding:100px 0; background:#f2f2f2;}
.caelum_design_cont {width:1200px; margin:0 auto; overflow:hidden; text-align:center;}
.caelum_design_cont .title_area {width:100%; overflow:hidden; font-family:'Nanum Barun Gothic', sans-serif; margin-bottom:70px;}
/*.caelum_design_cont .title_area .title {display:block; margin-bottom:40px;}*/
.caelum_design_cont .title_area .title {display:block; font-size:40px; font-family:'Nanum Barun Gothic', sans-serif; color:#381e05; font-weight:600; margin-bottom:40px; background:url('/images/main/bg_title_area.png') no-repeat center bottom; padding-bottom:70px;}
.caelum_design_cont .title_area .bold {display:block; color:#381e05; font-weight:600; font-size:17px; margin-bottom:20px;}
.caelum_design_cont .title_area p {font-size:14px; color:#545454; line-height:25px;}

.caelum_design_rolling {width:1200px; position:relative;}
.caelum_design_rolling ul {width:100%; margin-bottom:30px;}
.caelum_design_rolling .caelum_design_pager {text-align:center; position:relative;}
.caelum_design_rolling .caelum_design_pager .swiper-pagination-bullet {width:15px; height:15px; margin:0 5px;}
.caelum_design_rolling .caelum_design_pager .swiper-pagination-bullet-active {background:#000000;}
.caelum_design_rolling .detail_text {position:absolute; bottom:10px; left:0; font-size:12px; letter-spacing:-1px; color:#381e05; font-family:'Nanum Barun Gothic', sans-serif;}

.mobilever {display:none;}


.movie_design_wrap {width:100%; padding:100px 0; background:#eeeeee;}
.movie_design_cont {width:1200px; margin:0 auto; overflow:hidden; text-align:center;}
.movie_design_cont .title_area {width:100%; overflow:hidden; font-family:'Nanum Barun Gothic', sans-serif; margin-bottom:70px;}
.movie_design_cont .title_area .title {display:block; font-size:40px; font-family:'Nanum Barun Gothic', sans-serif; color:#381e05; font-weight:600; margin-bottom:40px; background:url('/images/main/bg_title_area.png') no-repeat center bottom; padding-bottom:70px;}
.movie_design_cont .title_area .bold {display:block; color:#381e05; font-weight:600; font-size:17px; margin-bottom:20px;}
.movie_design_cont .title_area p {font-size:14px; color:#545454; line-height:25px;}
.movie_design_cont .video_wrap {position:relative; width:100%; height:0; padding-bottom:56.25%;}
.movie_design_cont .video_wrap iframe{ position:absolute; width:100%; height:100%;top:0; left:0}


/* 단지 배치도 */
.block_plan_wrap {width:100%; height:865px; overflow:hidden;}
.block_plan_wrap .block_plan_left {float:left; width:50%; height:865px; box-sizing:border-box; text-align:center; padding:120px 0;}
.block_plan_wrap .block_plan_left .title {display:block; font-size:40px; font-family:'Nanum Barun Gothic', sans-serif; color:#381e05; font-weight:600; margin-bottom:40px;}
.block_plan_wrap .block_plan_left .block_plan_img_m {display:none;}
.block_plan_wrap .block_plan_right {float:left; width:50%; height:865px; box-sizing:border-box; background:url('/images/main/img_layout02.png') no-repeat; background-size:cover; text-indent:-9999px;}

/* 평면도 */
/*.ground_plan_wrap {width:100%; box-sizing:border-box; padding:100px 0; background:url('/images/main/bg_ground_plan.jpg') no-repeat; background-size:cover;}*/
.ground_plan_wrap {width:100%;box-sizing:border-box; padding:100px 0;}
.ground_plan_wrap .title_area {width:100%; overflow:hidden; font-family:'Nanum Barun Gothic', sans-serif; margin-bottom:70px;}
.ground_plan_wrap .title_area .title {display:block; font-size:40px; font-family:'Nanum Barun Gothic', sans-serif; color:#0000; font-weight:600; margin-bottom:40px;}
.ground_plan_wrap .ground_plan_cont {width:1400px; overflow:hidden; margin:0 auto; text-align:center;}
.ground_plan_wrap .ground_plan_cont .title {display:block; font-size:40px; font-family:'Nanum Barun Gothic', sans-serif; color:#5e5e5e; font-weight:600; margin-bottom:40px;}
.ground_plan_wrap .ground_plan_cont .ground_plan_rolling {width:100%; margin-bottom:30px;}
.ground_plan_wrap .ground_plan_pager {text-align:center; position:relative;}
.ground_plan_wrap .ground_plan_pager .swiper-pagination-bullet {width:15px; height:15px; margin:0 5px;}
.ground_plan_wrap .ground_plan_pager .swiper-pagination-bullet-active {background:#000000;}

/* 나인원 한남의 특징 */
.shunt_equipment {width:100%; overflow:hidden; text-align:center; padding:100px 0;}
.shunt_equipment .title_area {width:100%; overflow:hidden; font-family:'Nanum Barun Gothic', sans-serif; margin-bottom:70px;}
.shunt_equipment .title_area .title {display:block; font-size:40px; font-family:'Nanum Barun Gothic', sans-serif; color:#5e5e5e; font-weight:600; margin-bottom:40px;}
.shunt_equipment .title_area .bold {display:block; color:#381e05; font-weight:600; font-size:17px; margin-bottom:20px;}
.shunt_equipment .title_area p {font-size:14px; color:#545454; line-height:25px;}
.shunt_equipment .shunt_equipment_rolling {width:100%; margin-bottom:30px;}
.shunt_equipment .shunt_equipment_pager {text-align:center; position:relative;}
.shunt_equipment .shunt_equipment_pager .swiper-pagination-bullet {width:15px; height:15px; margin:0 5px;}
.shunt_equipment .shunt_equipment_pager .swiper-pagination-bullet-active {background:#381e05;}
.shunt_equipment.color {background:#f2f2f2;}
.shunt_equipment .inquiry {display:block; margin:50px auto; width:300px; height:50px; line-height:50px; background:#5e5e5e; box-sizing:border-box; color:#fff; font-size:18px; font-weight:600; cursor:pointer;}


/* 분양면적 및 분양대금 납입비율 */
.parcel_out_infor_area {width:100%; padding:100px 0; background:#f2f2f2;}
.parcel_out_infor_area .parcel_out_infor_cont {width:1200px; overflow:hidden; margin:0 auto; text-align:center; font-family:'Nanum Barun Gothic', sans-serif; }

.parcel_out_infor_area .parcel_out_infor_cont .tabmenu {margin-bottom:20px}
.parcel_out_infor_area .parcel_out_infor_cont ul li {display:inline-block; width:100px; text-align:center; border-right:1px solid; cursor:pointer;}
.parcel_out_infor_area .parcel_out_infor_cont ul li:last-child {border-right:0px solid;}

.parcel_out_infor_area .parcel_out_infor_cont ul li a {text-decoration:none;}
.parcel_out_infor_area .parcel_out_infor_cont ul li a:hover {border-bottom:1px solid #286555; padding-bottom:2px}
.parcel_out_infor_area .parcel_out_infor_cont ul li .on {border-bottom:1px solid #286555; padding-bottom:2px}




/* .parcel_out_infor_area .parcel_out_infor_cont ul li:hover {text-decoration:none; border-bottom:1px solid #286555; padding-bottom:3px;} */



.parcel_out_infor_area .parcel_out_infor_cont .title {display:block; font-size:40px; color:#5e5e5e; font-weight:600; margin-bottom:50px;}
.parcel_out_infor_area .parcel_out_infor_cont table {width:100%; table-layout:fixed; margin-bottom:70px;}
.parcel_out_infor_area .parcel_out_infor_cont table th {height:50px; background:#4c4744; color:#fff; border:1px solid #cccccc;}
.parcel_out_infor_area .parcel_out_infor_cont table th.type02 {background:#817e7c;}
.parcel_out_infor_area .parcel_out_infor_cont table tr.type03 {height:100px; line-height: 20px;}
.parcel_out_infor_area .parcel_out_infor_cont table td {height:50px; font-size:15px; color:#545454; border:1px solid #cccccc;}
.parcel_out_infor_area .parcel_out_infor_cont .inquiry {display:block; margin:0 auto; width:300px; height:50px; line-height:50px; background:#381e05; box-sizing:border-box; color:#fff; font-size:18px; font-weight:600; cursor:pointer;}

#footer {width:100%; background:#f2f2f2; padding:50px 0; box-sizing:border-box; border-top:1px solid #cccccc}
#footer .footer_infor {width:1200px; overflow:hidden; margin:0 auto;}
#footer .footer_infor h2 {float:left; margin-right:50px;}
#footer .text_area {float:left; width:990px; font-size:14px; line-height:25px; color:#545454;}
#footer .text_area span {display:block;}
#footer .text_area_m {display:none;}
#footer .copyright {margin:10px auto}


/* 오시는길 */
#directions_layer {width:100%; height:100%; overflow:hidden; position:fixed; top:0; left:0; z-index:9999;}
#directions_layer .directions_area {width:580px; height:580px; margin:100px auto; background:#fff; z-index:9999; position:relative; font-size:14px;}
#directions_layer .directions_area #directions_layer_close {position:absolute; top:0; right:-50px; cursor:pointer;}
#directions_layer .directions_area .title {width:100%; height:50px; overflow:hidden; color:#fff; background:#000000; line-height:50px; text-align:center; font-weight:600;}
#directions_layer .directions_area .conts_wrap {width:100%; height:580px; overflow:hidden; box-sizing:border-box; padding:40px 20px;}
#directions_layer .directions_area .conts_wrap .direction_conts {width:100%; overflow:hidden; margin-bottom:40px;}
#directions_layer .directions_area .conts_wrap .direction_conts .sub_title {display:block; height:20px; line-height:20px; border-left:6px solid #381e05; padding-left:10px; box-sizing:border-box; margin-bottom:13px;}
#directions_layer .dark_bg {width:100%; height:100%; background:url('/images/main/bg_dark.png') repeat; position:absolute; top:0; left:0; z-index:1;}

#daumRoughmapContainer1510020320325 {width:100%;}

/* 문의하기 */
#inquiry_layer  {width:100%; height:100%; overflow:hidden; position:fixed; top:0; left:0; z-index:9999;}
#inquiry_layer .inquiry_area {width:780px; height:700px; margin:100px auto; background:#fff; z-index:9999; position:relative; font-size:14px;}
#inquiry_layer .inquiry_area #inquiry_layer_close {position:absolute; top:0; right:-50px; cursor:pointer;}
#inquiry_layer .inquiry_area .title {width:100%; height:50px; overflow:hidden; color:#fff; background:#000000; line-height:50px; text-align:center; font-weight:600;}
#inquiry_layer .inquiry_area .conts_wrap {width:100%; height:650px; overflow:hidden; box-sizing:border-box; padding:40px 20px;}
#inquiry_layer .dark_bg {width:100%; height:100%; background:url('/images/main/bg_dark.png') repeat; position:absolute; top:0; left:0; z-index:1;}

/* 문의하기 _ 리스트 */
.board_list {width:100%; overflow:hidden;}
.board_list .btn_write {display:inline-block; width:120px; height:40px; line-height:34px; border:3px solid #381e05; color:#381e05; text-align:center; font-weight:600; margin-bottom:30px; box-sizing:border-box;}
.board_list table {width:100%; table-layout:fixed; margin-bottom:30px;}
.board_list table th {height:50px; border-top:2px solid #381e05; border-bottom:1px solid #cccccc;}
.board_list table td {height:40px; border-bottom:1px solid #cccccc; text-align:center; color:#545454;}
.board_list table td.board_title {text-align:left; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap; padding-left:20px;}
.board_list table td .ing {color:#d82217;}
.board_list table td .end {color:#6076ae;}

.board_list_m {display:none;}

/* 문의하기 _ 글쓰기 */
.board_write {width:100%; height:570px; overflow-y:auto;}
.board_write .btn_write {display:inline-block; width:120px; height:40px; line-height:34px; border:3px solid #381e05; color:#381e05; text-align:center; font-weight:600; margin-bottom:30px; box-sizing:border-box;}
.board_write table {width:100%; table-layout:fixed; margin-bottom:30px;}
.board_write table th {height:50px; border-bottom:1px solid #cccccc; background:#f2f2f2;} 
.board_write table td {height:50px; border-bottom:1px solid #cccccc; color:#545454; padding:10px; box-sizing:border-box;}
.board_write table td input {width:100%; height:40px; border:1px solid #cccccc;}
.board_write table td input[type='password'] {width:220px;}
.board_write table td textarea {width:100%; height:260px; border:1px solid #cccccc;}
.board_write table td .text_conts {width:100%; line-height:24px;}
.board_write table .first {border-top:2px solid #381e05;}

.inquiry_reply {width:100%; border-top:2px solid #333333; background:#f2f2f2 url('/images/main/bg_reply.png') no-repeat 40px 30px; overflow:hidden; padding: 30px 0 30px 145px; box-sizing:border-box; line-height:24px; margin-bottom:30px}

/* 비밀번호 */
.password_area {width:100%; height:570px; background:#f2f2f2 url('/images/main/bg_password.png') no-repeat center 100px; text-align:center; padding-top:260px; box-sizing:border-box;}
.password_area span {display:block; font-size:18px; margin-bottom:40px;}
.password_area input {width:400px; height:50px; border:1px solid #cccccc; margin-bottom:40px;}

/* 버튼 */
.button_area {width:100%; overflow:hidden; text-align:center;}
.button_area button, .button_area a {display:inline-block; width:120px; height:40px; line-height:40px; color:#fff; margin:0 1px; font-weight:600;}
.button_area button, .button_area a.cancel {background:#333333;}
.button_area a.delete {background:#666666;}
.button_area a {background:#381e05;}

/* 게시판 페이징 */
.paging {width:100%; height:25px; text-align:center;}
.paging strong, .paging a {display:inline-block; width:24px; height:24px; margin-right:1px; color:#9f9f9f; font-size:13px; line-height:24px; box-sizing:border-box;}
.paging a:hover {color: #381e05; border: 1px solid #381e05; line-height:22px}
.paging a.img_btn img, .paging a.img_btn:hover img {margin-top:-1px;}
.paging a.img_btn:hover {border:0;}
.paging strong {color: #381e05; border: 1px solid #381e05;}

/****************************************************************
모바일 
****************************************************************/
@media screen and (max-width:780px) {
html, body {min-width:auto;}
#header {width:100%; height:70px; overflow:hidden; background:#000000; position:fixed; top:0; left:0; z-index:9999; display:none; padding:0 3%; box-sizing:border-box;}
#header .header_conts {width:100%; height:70px; margin:0; overflow:hidden;}
#header .header_conts h1 {float:left; margin:20px 0;}
#header .header_conts h1 img {height:30px}
#header .header_conts .contact_infor {width:40%; float:right; height:28px; margin:21px 0; color:#fff}
#header .header_conts .contact_infor span {display:inline-block; width:40px; height:28px; margin-left:0; line-height:28px; font-size:15px; font-weight:600; cursor:pointer;} 
#header .header_conts .contact_infor .call_number {padding-left:0; background:url('/images/header/icon_call_number.png') no-repeat right center; text-indent:-9999px; }
#header .header_conts .contact_infor .inquiry {padding-left:0; background:url('/images/header/icon_inquiry.png') no-repeat right center; text-indent:-9999px }
#header .header_conts .contact_infor .map {padding-left:0; background:url('/images/header/icon_map.png') no-repeat right center;  text-indent:-9999px}

/* 메인배너 */
.mainbnr {width:100%; height:550px; background:url('/images/main/bg_mainbnr.jpg') no-repeat center; background-size:cover; text-align:center; padding:80px 0; box-sizing:border-box;}
/* .mainbnr .logo {display:block; margin-bottom:50px; color: #ffff;text-shadow: 0px 0px 2px black;} */

.mainbnr .logo {display:block; margin-bottom:50px; font-size:26px; color:#fff; font-weight:600; background: rgba(0,0,0, 0.8) no-repeat; width:300px; margin:0 auto; height:80px; line-height:80px;}
.mainbnr .logo.explan {font-size:16px; font-weight:100; background:rgba(255,255,255,0.8); color:#000000; height:50px; line-height:50px;}


.mainbnr .logo img {width:50%;}
.mainbnr .contact_infor span {display:block; width:50%; line-height:50px; font-size:18px; font-weight:600; box-sizing:border-box; cursor:pointer; text-align:left; margin:0 auto 8px;} 
.mainbnr .contact_infor .call_number {background:rgba(0,0,0, 0.7) url('/images/header/icon_call_number.png') no-repeat 20px center; padding-left:64px;}
.mainbnr .contact_infor .inquiry {background:rgba(0,0,0, 0.7) url('/images/header/icon_inquiry.png') no-repeat 20px center; padding-left:75px;}
.mainbnr .contact_infor .map {background:rgba(0,0,0, 0.7) url('/images/header/icon_map.png') no-repeat 20px center; padding-left:75px;}

/* 기본정보 */
.villa_infor {width:100%; height:auto; overflow:hidden;}
.villa_infor .text_infor_area {float:none; width:100%; height:auto; padding:60px 3%; margin:0;}
.villa_infor .text_infor_area .title_area {display:block; text-align:center; margin-bottom:25px;}
.villa_infor .text_infor_area .title_area img {width:50%;}
.villa_infor .text_infor_area table {width:100%; table-layout:fixed; margin:0;}
.villa_infor .img_infor_area {display:none;}

/* caelum design */
.caelum_design_wrap {width:94%; padding:100px 3%;}
.caelum_design_cont {width:100%; margin:0; overflow:hidden; text-align:center;}
.caelum_design_cont .title_area {margin-bottom:20px;}
.caelum_design_cont .title_area .title img {width:80%;}
.caelum_design_cont .title_area .bold {display:block; color:#381e05; font-weight:600; font-size:18px; line-height:26px; margin-bottom:20px; padding:0 3%; box-sizing:border-box;}
.caelum_design_cont .title_area p {font-size:14px; color:#545454; line-height:24px; padding:0 3%; box-sizing:border-box; letter-spacing:-1px;}



.movie_design_wrap {width:100%; height:auto; box-sizing:border-box; padding:60px 3%; background:#f2f2f2}
.movie_design_wrap .movie_design_cont {width:100%; overflow:hidden; margin:0; text-align:center;}
.movie_design_wrap .movie_design_cont .title {display:block; font-size:40px; font-family:'Nanum Barun Gothic', sans-serif; color:#381e05; font-weight:600; margin-bottom:40px;}

.movie_design_cont {width:100%; margin:0 auto; overflow:hidden; text-align:center;}

.caelum_design_rolling {width:100%; position:relative;}
.caelum_design_rolling ul {width:100%; height:auto; margin-bottom:10px;}
.caelum_design_rolling ul li img {width:100%;}
.caelum_design_rolling .caelum_design_pager {text-align:center; position:relative; bottom:0;}
.caelum_design_rolling .caelum_design_pager .swiper-pagination-bullet {width:15px; height:15px; margin:0 5px;}
.caelum_design_rolling .caelum_design_pager .swiper-pagination-bullet-active {background:#000000;}
.caelum_design_rolling .detail_text {display:block; position:static; font-size:12px; letter-spacing:-1px; color:#000000; font-family:'Nanum Barun Gothic', sans-serif; text-align:left; margin-bottom:10px;}

.mobilever {display:block}
.pcver {display:none}

/* 단지 배치도 */
.block_plan_wrap {width:100%; height:auto; overflow:hidden;}
.block_plan_wrap .block_plan_left {float:none; width:100%; height:auto; box-sizing:border-box; text-align:center; padding:60px 3%;}
.block_plan_wrap .block_plan_left img {width:100%;}
.block_plan_wrap .block_plan_left .title {display:block; font-size:40px; font-family:'Nanum Barun Gothic', sans-serif; color:#381e05; font-weight:600; margin-bottom:40px;}
.block_plan_wrap .block_plan_left .block_plan_img_m {display:block;}
.block_plan_wrap .block_plan_left .block_plan_img {display:none;}
.block_plan_wrap .block_plan_right {float:none; width:100%; height:auto; box-sizing:border-box; background:none; background-size:cover; text-indent:0;}
.block_plan_wrap .block_plan_right img {width:100%;}

/* 평면도 */
.ground_plan_wrap {width:100%; height:auto; box-sizing:border-box; padding:60px 3%;}
.ground_plan_wrap .ground_plan_cont {width:100%; overflow:hidden; margin:0; text-align:center;}
.ground_plan_wrap .title_area {width:100%; overflow:hidden; font-family:'Nanum Barun Gothic', sans-serif; margin-bottom:30px;}
.ground_plan_wrap .ground_plan_cont .title {display:block; font-size:40px; font-family:'Nanum Barun Gothic', sans-serif; color:#5e5e5e; font-weight:600; margin-bottom:40px;}
.ground_plan_wrap .ground_plan_cont .ground_plan_rolling {width:100%; height:auto; margin-bottom:30px;}
.ground_plan_wrap .ground_plan_cont .ground_plan_rolling ul li img{width:100%;}


/* 나인원 한남의 특징 */
.shunt_equipment {width:100%; overflow:hidden; text-align:center;}
.shunt_equipment .title_area {width:100%; overflow:hidden; font-family:'Nanum Barun Gothic', sans-serif; margin-bottom:30px;}
.shunt_equipment .title_area .title {display:block; font-size:40px; font-family:'Nanum Barun Gothic', sans-serif; color:#5e5e5e; font-weight:600; margin-bottom:40px; }
.shunt_equipment .title_area .bold {display:block; color:#381e05; font-weight:600; font-size:17px; margin-bottom:20px;}
.shunt_equipment .title_area p {font-size:14px; color:#545454; line-height:25px; box-sizing:border-box; padding:0 3%;}
.shunt_equipment .img_area img {width:100%;}

.shunt_equipment_rolling {width:100%; position:relative; overflow:hidden}
.shunt_equipment_rolling ul {width:100%; height:auto; margin-bottom:10px;}
.shunt_equipment_rolling ul li img {width:100%;}
.shunt_equipment_rolling .shunt_equipment_pager {text-align:center; position:relative; bottom:0;}
.shunt_equipment_rolling .shunt_equipment_pager .swiper-pagination-bullet {width:15px; height:15px; margin:0 5px;}

.shunt_equipment .shunt_equipment_pager .swiper-pagination-bullet-active {background:#381e05;}


/* 분양면적 및 분양대금 납입비율 */
.parcel_out_infor_area {width:94%; padding:60px 3%; background:#f2f2f2;}
.parcel_out_infor_area .parcel_out_infor_cont {width:100%; overflow:hidden; margin:0 auto; text-align:center; font-family:'Nanum Barun Gothic', sans-serif; }
.parcel_out_infor_area .parcel_out_infor_cont .title {display:block; font-size:40px; color:#5e5e5e; font-weight:600; margin-bottom:50px;}
.parcel_out_infor_area .parcel_out_infor_cont table {width:100%; table-layout:fixed; margin-bottom:70px;}
.parcel_out_infor_area .parcel_out_infor_cont table th {height:50px; background:#4c4744; color:#fff; border:1px solid #cccccc;}
.parcel_out_infor_area .parcel_out_infor_cont table th.type02 {background:#817e7c;}
.parcel_out_infor_area .parcel_out_infor_cont table td {height:50px; font-size:15px; color:#545454; border:1px solid #cccccc;}
.parcel_out_infor_area .parcel_out_infor_cont .inquiry {display:block; margin:0 auto; width:300px; height:50px; line-height:50px; background:#381e05; box-sizing:border-box; color:#fff; font-size:18px; font-weight:600; cursor:pointer;}
.parcel_out_infor_area .mobilever {display:table}


.parcel_out_infor_area .parcel_out_infor_cont ul li {display:inline-block; width:80px; text-align:center; border-right:1px solid; cursor:pointer;}

#footer {width:100%; height:auto; background:#EDECEC; padding:25px 3%; box-sizing:border-box;}
#footer .footer_infor {width:100%; height:auto; overflow:hidden; margin:0;}
#footer .footer_infor h2 {display:none;}
#footer .text_area {display:none;}
#footer .text_area_m {width:100%; font-size:12px; line-height:20px; color:#381e05;display:block;}
#footer .text_area_m span {display:block;}
#footer .copyright {margin:10px auto}

/* 오시는길 */
#directions_layer {width:100%; height:100%; overflow:hidden; position:fixed; top:0; left:0; z-index:9999;}
#directions_layer .directions_area {width:94%; height:480px; margin:15% auto; background:#fff; z-index:9999; position:relative; font-size:14px;}
#directions_layer .directions_area #directions_layer_close {position:absolute; top:-30px; right:0; cursor:pointer;}
#directions_layer .directions_area #directions_layer_close img {width:30px;}
#directions_layer .directions_area .title {width:100%; height:40px; overflow:hidden; color:#fff; background:#000000; line-height:40px; text-align:center; font-weight:600;}
#directions_layer .directions_area .conts_wrap {width:100%; height:480px; overflow-y:hidden; box-sizing:border-box; padding:15px 15px 0;}
#directions_layer .directions_area .conts_wrap .direction_conts {width:100%; overflow:hidden; margin-bottom:20px;}
#directions_layer .directions_area .conts_wrap .direction_conts .sub_title {display:block; height:20px; line-height:20px; border-left:#381e05 6px solid ; padding-left:10px; box-sizing:border-box; margin-bottom:13px;}
#directions_layer .dark_bg {width:100%; height:100%; background:url('/images/main/bg_dark.png') repeat; position:absolute; top:0; left:0; z-index:1;}

/* 문의하기 */
#inquiry_layer {width:100%; height:100%; overflow:hidden; position:fixed; top:0; left:0; z-index:9999;}
#inquiry_layer .inquiry_area {width:94%; height:380px; margin:15% auto; background:#fff; z-index:9999; position:relative; font-size:14px;}
#inquiry_layer .inquiry_area #inquiry_layer_close {position:absolute; top:-30px; right:0; cursor:pointer;}
#inquiry_layer .inquiry_area #inquiry_layer_close img {width:30px;}
#inquiry_layer .inquiry_area .title {width:100%; height:40px; overflow:hidden; color:#fff; background:#000000; line-height:40px; text-align:center; font-weight:600;}
#inquiry_layer .inquiry_area .conts_wrap {width:100%; height:340px; overflow:hidden; box-sizing:border-box; padding:15px;  -webkit-overflow-scrolling: touch; overflow-y:scroll;}
#inquiry_layer .inquiry_area .conts_wrap .direction_conts {width:100%; overflow:hidden; margin-bottom:20px;}
#inquiry_layer .inquiry_area .conts_wrap .direction_conts .sub_title {display:block; height:20px; line-height:20px; border-left:6px solid #381e05; padding-left:10px; box-sizing:border-box; margin-bottom:13px;}
#inquiry_layer .dark_bg {width:100%; height:100%; background:url('/images/main/bg_dark.png') repeat; position:absolute; top:0; left:0; z-index:1;}

/* 문의하기 _ 리스트 */
.board_list {display:none;}
.board_list_m {display:block;width:100%; overflow:hidden;}
.board_list_m .btn_write {display:inline-block; width:30%; height:35px; line-height:29px; border:3px solid #381e05; color:#381e05; text-align:center; font-weight:600; margin-bottom:20px; box-sizing:border-box;}
.board_list_m ul {overflow:hidden; border-top:2px solid #381e05; margin-bottom:20px}
.board_list_m ul li {overflow:hidden; padding:5% 3%; border-bottom:1px solid #cccccc; color:#545454;}
.board_list_m ul li .board_title {display:block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap; margin-bottom:5px; font-weight:600; font-size:14px; color:#545454}
.board_list_m ul li .ing {color:#d82217;}
.board_list_m ul li .end {color:#6076ae;}

/* 문의하기 _ 글쓰기 */
.board_write {width:100%; overflow:hidden;}
.board_write .btn_write {display:inline-block; width:120px; height:40px; line-height:34px; border:3px solid #381e05; color:#381e05; text-align:center; font-weight:600; margin-bottom:30px; box-sizing:border-box;}
.board_write table {width:100%; table-layout:fixed; margin-bottom:30px;}
.board_write table th {height:50px; border-bottom:1px solid #cccccc; background:#f2f2f2;} 
.board_write table td {height:50px; border-bottom:1px solid #cccccc; color:#545454; padding:10px; box-sizing:border-box;}
.board_write table td .detail {display:block; margin-top:5px; font-size:12px;}
.board_write table td input {width:100%; height:30px; border:1px solid #cccccc; padding-left:3%; box-sizing:border-box; font-size:12px;}
.board_write table td textarea {width:100%; height:100px; border:1px solid #cccccc; padding:3%; box-sizing:border-box; font-size:12px;}
.board_write table td .text_conts {width:100%; line-height:24px;}
.board_write table .first {border-top:2px solid #381e05;}

/* 문의하기 _ 글보기 */
.board_view {width:100%; overflow:hidden;}
.board_view .inquiry_question {width:100%; border-top:2px solid #381e05; margin-bottom:20px}
.board_view .inquiry_question .title_area {overflow:hidden; padding:5% 3%; border-bottom:1px solid #cccccc; color:#545454;}
.board_view .inquiry_question .title_area .board_title {display:block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap; margin-bottom:5px; font-weight:600; font-size:14px; color:#545454}
.board_view .inquiry_question .title_area .ing {color:#d82217;}
.board_view .inquiry_question .title_area .end {color:#6076ae;}
.board_view .inquiry_question .question_conts {box-sizing:border-box; padding:5% 3%; line-height:24px;}

.inquiry_reply {width:100%; border-top:2px solid #333333; background:#f2f2f2 url('/m/images/main/bg_reply.png') no-repeat 3% 18px; background-size:15%; overflow:hidden; padding: 15px 15px 15px 20%; box-sizing:border-box; line-height:24px; margin-bottom:30px}

/* 비밀번호 */
.password_area {width:100%; height:310px; background:#f2f2f2 url('/images/main/bg_password.png') no-repeat center 30px; text-align:center; padding:130px 0 50px; background-size:20%; box-sizing:border-box; overflow:hidden;}
.password_area span {display:block; font-size:18px; margin-bottom:20px;}
.password_area input {width:50%; height:25px; border:1px solid #cccccc; margin-bottom:20px;}

/* 버튼 */
.button_area {width:100%; overflow:hidden; text-align:center; margin-bottom:30px;}
.button_area button, .button_area a {display:inline-block; width:30%; height:30px; line-height:30px; color:#fff; margin:0 1px; font-weight:600;}
.button_area button, .button_area a.cancel {background:#333333;}
.button_area a.delete {background:#666666;}
.button_area a {background:#381e05;}

/* 게시판 페이징 */
.paging {width:100%; height:25px; text-align:center;}
.paging strong, .paging a {display:inline-block; width:24px; height:24px; margin-right:1px; color:#9f9f9f; font-size:13px; line-height:24px; box-sizing:border-box;}
.paging a:hover {color: #381e05; border: 1px solid #381e05; line-height:22px}
.paging a.img_btn img, .paging a.img_btn:hover img {margin-top:-1px;}
.paging a.img_btn:hover {border:0;}
.paging strong {color: #381e05; border: 1px solid #381e05;}

}