@charset "UTF-8";

.gnb_header {background-color: #efefef;}
.call_btn {/*background-color: rgba(92,58,47,1.0);*/}

/* sub_common */
.sub_each {margin-bottom:50px;}
.sub_each:last-of-type {margin-bottom:0;}
.sub_tit1 {position:relative; margin-bottom:20px; padding-top:10px; padding-left: 20px; color:#333; font-size:1.5em; font-weight:500;}
.sub_tit1:before {content:''; display:block; position:absolute; left:0; top:0; width:12px; height:12px; background-color:#13216a;}
.sub_tit1:after {content:''; display:block; position:absolute; left:4px; top:4px; width:12px; height:12px; background-color:#bc955a;}
.sub_tit2 {margin-bottom:40px; font-size: 2em; font-weight:700;}
.sub_tit2:before {display: inline-block; content:''; width: 4px; height: 30px; background-color: #6fa045; vertical-align: middle; margin-top: -5px; margin-right: 15px;}
.unit {float:right; font-size:0.625em;}
.unit1 {float:right; font-size:1.1em;color:#c00000}

/* sub_layout */
.sub_con {padding-bottom:120px;}

/* sub_top */
.sub_top { margin-bottom:60px; }
.sub_top .sub_top_tit {position: relative; background-color: #041d45;height: 180px; overflow:hidden; }
.sub_top_tit .title {display: table; width: 100%;height: 180px;text-align:center;font-size: 2.2em;font-weight:500; color: #d6e4ca;}
.sub_top_tit .title span {display: table-cell;vertical-align: middle;}
.sub_top_tit .title span em {display: block; font-size: 0.65em; margin-top: 7px; font-weight: 300; color: #fff;}
.sub_top_tit .sub_bg .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/images/sub_top_bg.jpg')  no-repeat ; background-position: center center ; -webkit-background-size: cover; background-size: cover; }


/* bread_box */
.bread_box  {position: relative; border-bottom:1px solid #2f463e; border-top: 1px solid #2f463e; background: #2f463e;}
.bread_box .container {z-index: 10;}
.breadcrumb > li {display:inline-block; position: relative; float:left; color:#6fa045; }
.breadcrumb > li > a {display: block; min-width: 160px; padding-left: 30px; padding-right: 60px; height: 50px; line-height: 50px; border-right: 1px solid #6fa045;  color: #fff; }
.breadcrumb > li.home > a {display: inline-block; min-width: inherit; width: 65px;  border-left: 1px solid #6fa045; padding: 0; text-align: center; font-size: 18px;  color: #fff; }
.breadcrumb > li.not {display:none;}
.breadcrumb > li .depth_list {display: none; position: absolute; left: 0; top: 50px; width: 100%; background-color: #ecedec; border: 1px solid #6fa045;}
.breadcrumb > li .depth_list li {border-bottom: 1px solid #fff;}
.breadcrumb > li .depth_list li:last-child {border-bottom: 0;}
.breadcrumb > li .depth_list li a {display: block; height: 40px; line-height: 40px; padding-left: 30px; font-size: 0.867em;}
.breadcrumb > li .depth_list li a:hover {background-color: #fff;}
.breadcrumb > li:not(.home) i {display:inline-block; position: absolute; right: 15px; top: 50%; margin-top: -8px; vertical-align:middle;  color: #6fa045; }
.breadcrumb > li:not(.home).on i {transform: rotate(180deg);}
.bread_box .btn_list {position: absolute; right: 0; top: 1px; border-right: 1px solid #6fa045;}
.bread_box .btn_list > li {position: relative; float: left;}
.bread_box .btn_list > li > a {display: block; width: 60px; height: 50px; line-height: 50px; border-left: 1px solid #6fa045; text-align: center; color: #fff; font-size: 18px;}
.sub_share_box {display: none; position: absolute; left: -40px; top: 50px; width: 150px; margin-top: 10px;}
.sub_share_box li {float: left; margin-left: 3px;}
.sub_share_box li:first-child {margin-left: 0;}
.sub_share_box li a {display: block; width: 26px; height: 26px; line-height: 26px; background-color: #3b5998; border-radius: 2px; color: #fff; font-size:17px; text-align: center;}
.sub_share_box li.twitter a {background-color: #55acee;}
.sub_share_box li.kakaostory a {background-color: #fccb00;}
.sub_share_box li.googleplus a {background-color: #da4835;}
.sub_share_box li.blog a {background-color: #00c73c;}


.sq_list > li {position: relative; line-height: 1.5; padding-left: 13px; margin-bottom: 10px;}
.sq_list > li:before {display: block; content:''; position: absolute; left: 0; top: 11px; width: 4px; height: 4px; background-color: #000e42;}
.sq_list > li:last-child {margin-bottom: 0;}

.bg_box {padding: 30px 27px; background-color: #f9f9f9; border-bottom: 1px solid #ddd; border-top: 2px solid #2f463e;}
.bd_box {border: 1px solid #ddd; text-align: center;}

.ie9 img[src$=".svg"] {
  width: 100%; 
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.summary_wrap table.summary td {text-align:center;}

.location_wrap .addr_box {border: 1px solid #ddd; border-radius: 50px; text-align: center;}
.location_wrap .addr_box p {display: inline-block; margin: 5px 0; font-weight: 300;}
.location_wrap .addr_box p:after {display: inline-block; content:'|'; margin: -3px 16px 0 20px; color: #ddd; font-size: 1.3em; vertical-align: middle;}
.location_wrap .addr_box p:last-child:after {display: none;}
.location_wrap .addr_box p:first-child span {display: inline-block; color: #07478e; padding: 20px 0 20px 30px; margin-right: 10px; font-weight: 500; background:url('/images/common/add_ico.png') no-repeat left center;}
.location_wrap .addr_box p:last-child span {display: inline-block; color: #07478e; padding: 20px 0 20px 30px; margin-right: 10px; font-weight: 500; background:url('/images/common/tel_ico.png') no-repeat left center;}
.location_wrap .map_box > div {width: 100% !important;}
.transport_box .each {display:table; width:100%; border-top:1px solid #e4e4e4; border-collapse:collapse; table-layout:fixed;}
.transport_box .each:last-child {border-bottom:1px solid #e4e4e4;}
.transport_box .left {display:table-cell; width:28%; border-right:1px solid #e4e4e4; text-align:center; vertical-align:middle;}
.transport_box .tit {line-height:50px; font-size:1.33em;}
.transport_box .tit img {margin-right:30px; animation:transport_ani1 0.8s ease;}
.transport_box .right {display:table-cell; height:130px; padding:10px 30px; vertical-align:middle;}
.transport_box .dot_list li {margin-bottom:10px;}

@keyframes transport_ani1 {
	0% {transform:scale(0.3);}
	80% {transform:scale(1.2);}
	100% {transform:scale(1);}
}


.environment_wrap .tit_box {display: inline-block; position: relative; margin-top: 30px; padding: 0 75px; word-break: keep-all;}
.environment_wrap .tit_box:before {display: inline-block; content: '“'; position: absolute; left: 0; top: -40%; color: #d6d6d6; font-size: 6em;}
.environment_wrap .tit_box:after {display: inline-block; content: '”'; position: absolute; right: 0; top: 57%; color: #d6d6d6; font-size: 6em;}
.environment_wrap .tit_box .t1 {margin-bottom: 10px; color: #666; font-family: 'NanumSquare'; font-size: 1.5em; font-weight: 700;}
.environment_wrap .tit_box .t2 {color: #303e48; font-family: 'NanumSquare'; font-size: 2.813em; font-weight: 900;}
.environment_wrap .info_box {display: table; width: 100%; table-layout:fixed;}
.environment_wrap .info_box .box1 {width: 24%; height: 130px; border-bottom: 1px solid #fff; background-color: #7ed5e0; color: #fff; font-family: 'NanumSquare'; font-weight: 700; font-size: 1.8em; text-align: center;}
.environment_wrap .info_box .box1 span {font-size: 0.728em;}
.environment_wrap .info_box .box2 {padding: 10px 20px;  border-bottom: 1px solid #ddd; background-color: #f8f8f8;}
.environment_wrap .info_box .box2 .sq_list > li {margin-bottom: 5px; line-height: inherit;}
.environment_wrap .info_box .box2 .sq_list > li:last-child {margin-bottom: 0;}
.environment_wrap .info_box .img_box {display: table-cell; width: 47%; vertical-align: middle; }
.environment_wrap .info_box .txt_box {display: table-cell; vertical-align: middle; }
.environment_wrap .info_box .txt_box .sub_each {display: table; width: 100%; table-layout:fixed; margin-bottom: 0;}
.environment_wrap .info_box .txt_box .sub_each > div {display: table-cell; vertical-align: middle;}
.environment_wrap .info_box .txt_box .sub_each:last-child > div {border-bottom: 0;}
.environment_wrap .swot_box {display: table; width: 100%; table-layout:fixed;}
.environment_wrap .swot_box .box1 {width: 100%; padding: 20px; border-bottom: 1px solid #fff; background-color: #7ed5e0; color: #fff; font-family: 'NanumSquare'; font-weight: 700; font-size: 2.2em; text-align: center;}
.environment_wrap .swot_box .box1 span {font-size: 0.625em;}
.environment_wrap .swot_box .box2 {padding: 20px 20px;  height: 180px; border-bottom: 1px solid #ddd; background-color: #f5f5f5;}
.environment_wrap .swot_box .box2 .sq_list > li {margin-bottom: 10px;}
.environment_wrap .swot_box .box2 .sq_list > li:last-child {margin-bottom: 0;}
.environment_wrap .swot_box .box3 {width: 100%; padding: 20px;  text-align: center; font-size: 1.5em; font-weight: 700;}
.environment_wrap .swot_box .txt_box {width: 50%; padding: 10px; display: table-cell; vertical-align: top; }
.environment_wrap .swot_box .txt_box > div {display: table; width: 100%; table-layout:fixed; margin-bottom: 0;}

/*.plane_wrap .basic_tab > li {width: calc(11.11% - 8.88px);}*/
.plane_wrap .info_box {display: table; width: 100%; border: 1px solid #ddd; table-layout:fixed;}
.plane_wrap .info_box > div {display: table-cell; vertical-align: middle;}
.plane_wrap .info_box .box1 {width:25%; height: 250px; background-color: #7ed5e0; color: #fff; font-family: 'NanumSquare'; font-weight: 700; font-size: 5em; text-align: center;}
.plane_wrap .info_box .box1 span {font-size: 0.625em;}

.plane_wrap .info_box .box2 {padding: 20px 30px; background-color: #f5f5f5;}
.plane_wrap .info_box .box2 .sub_tit1 {margin-bottom: 20px;}
.plane_wrap .info_box .box2 .sq_list > li {float: left; width: 45%; margin-right: 10%; margin-bottom: 20px;}
.plane_wrap .info_box .box2 .sq_list > li:last-child {margin-bottom: 0;}
.plane_wrap .info_box .box2 .sq_list > li:nth-child(2n) {margin-right: 0;}
.plane_wrap .info_box .box2 .sq_list > li span {float: right; color: #868686;}
.plane_wrap .info_box .box3 {position: relative; width: 32%; padding: 20px;}
.plane_wrap .info_box .box3 .more_btn {position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; background-color: #8a8a8a; color: #fff; opacity: 0.8; font-size: 1.6em; text-align: center;}
.plane_wrap .img_box {position: relative; padding: 50px; border: 1px solid #dedede; text-align: center;}
.plane_wrap .txt {margin-top: 10px; color: #868686; font-weight: 300;}
.plane_wrap .txt1 {margin-top: 10px; color: #2f463e; font-weight: 500;}
.plane_wrap .img_box1 {position: relative; padding: 20px; border: 1px solid #dedede; text-align: center;}
.plane_wrap .img_box2 {position: relative; padding: 0px; border: 1px solid #eaeaea; text-align: center;}

.layer_popup {position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 10px; z-index: 9999; background-color: rgba(0,0,0,0.55); text-align: center; font-size: 0;}
.layer_popup:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}
.layer_popup .inner {display: inline-block; position: relative; max-width: 1280px; width: 100%; max-height: 95%; padding: 100px 50px; background-color: #fff; font-size: 16px; vertical-align: middle;}
.layer_popup .inner .close_btn {position: absolute; right: 0; top: 0; width: 50px; height: 50px; font-size: 1.6em; background-color: #8a8a8a; color: #fff; opacity: 0.8;}
.layer_popup .inner .close_btn i {transition: all 0.3s;}
.layer_popup .inner .close_btn:hover i {transform: rotate(90deg);}

.calendar_wrap .calendar-container {overflow: hidden; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); border-radius: 10px; background: #fff;;}
.calendar_wrap .calendar-header {text-align: center; padding: 20px 0; background: linear-gradient(to bottom, #fafbfd 0%, rgba(255, 255, 255, 0) 100%); border-bottom: 1px solid rgba(166, 168, 179, 0.3);}
.calendar_wrap .calendar-header p {font-family: 'NanumSquare'; font-size: 1.4em; font-weight: 700;}
.calendar_wrap .calendar {display: table; position: relative; width: 100%; table-layout: fixed;}
.calendar_wrap .calendar .row {display: table-row;}
.calendar_wrap .calendar .week, .calendar_wrap .calendar .day {display: table-cell; width: calc(100% / 7);}
.calendar_wrap .calendar .week {font-size: 12px; text-transform: uppercase; color: #99a1a7; text-align: center; border-bottom: 1px solid rgba(166, 168, 179, 0.3); line-height: 50px; font-weight: 500; text-align: center;}

.calendar_wrap .calendar .day {height: 120px; border-bottom: 1px solid rgba(166, 168, 179, 0.3); border-right: 1px solid rgba(166, 168, 179, 0.3); padding: 14px 20px; letter-spacing: 1px; font-size: 12px; box-sizing: border-box; color: #555; position: relative; pointer-events: none; z-index: 1;}
.calendar_wrap .calendar .day:nth-child(7n) {border-right: 0;}
.calendar_wrap .calendar .day:nth-child(7n+1), .calendar_wrap .calendar .day.holidays {color: #f00;}
.calendar_wrap .calendar .day .month {display: block; padding-top: 50px; color: #333; font-size: 1.6em; opacity: 0.5; font-weight: 500;}
.calendar_wrap .calendar .day .txt {display: inline-block; padding-left: 5px; opacity: 0.6;}
.calendar_wrap .calendar .day p {position: relative; width: 100%; height: 100%;}
.calendar_wrap .calendar .day.task1 {background: #002060;}
.calendar_wrap .calendar .day.task2 {background: #dae3f3;}
.calendar_wrap .calendar .day.task3 {background: #bf9000;}
.calendar_wrap .calendar .day.task4 {background: #ffe699;}
.calendar_wrap .calendar .day.task5 {background: #a8d08f;}
.calendar_wrap .calendar .day.task6 {background: #bfbcbc;}
.calendar_wrap .calendar .task {position: absolute; left: 0; top: 50%; width: 100%; margin-top: -4px; padding: 0 5px; font-size: 1.3em; text-align: center; word-break: keep-all;}
.calendar_wrap .calendar .task1 .task {color: #fff;}
.calendar_wrap .calendar .task2 .task {color: #002060;}
.calendar_wrap .calendar .task3 .task {color: #fff;}
.calendar_wrap .calendar .task4 .task {color: #806000;}
.calendar_wrap .calendar .task5 .task {color: #1d2c12;}
.calendar_wrap .calendar .task6 .task {color: #fff;}

.register_wrap .left_box {float: left; width: 65.5%;}
.register_wrap .left_box .board_write, 
.register_wrap .left_box .board_write tr, 
.register_wrap .left_box .board_write td {background: none;}
.register_wrap .left_box .board_write td {padding: 10px 10px 20px;}
.register_wrap .left_box .board_write td:first-child {padding-left: 0;}
.register_wrap .left_box .board_write td:last-child {padding-right: 0;}
.register_wrap .left_box .board_write label {display: block; color: rgba(85,85,85,.9); font-size: 1.063em;}
.register_wrap .left_box .board_write input {width: 100%; height: 50px; margin-top: 5px; border-color: #e1e1e1;}
.register_wrap .left_box .board_write input[type="number"] {width: 32.6%;}
.register_wrap .left_box .board_write select {width: 32.8%; height: 50px; margin-top: 5px; border-color: #e1e1e1;margin-right:2px}
.register_wrap .right_box {float: right; width: 34.5%; padding: 0 30px 0 100px;}
.register_wrap .right_box .tit {margin-bottom: 30px; font-size: 1.875em; font-weight: 500;}
.register_wrap .right_box .txt_list {padding: 30px 0; border-top: 2px solid #e1e1e1;}
.register_wrap .right_box .txt_list > li {margin-bottom: 25px;}
.register_wrap .right_box .txt_list > li.w50 {width: 50%; float: left;}
.register_wrap .right_box .txt_list > li:last-child {margin-bottom: 0;}
.register_wrap .right_box .txt_list > li .t1 {color: #555; font-weight: 500;}
.register_wrap .right_box .txt_list > li .txt {line-height: 1.4; margin-top: 5px; color: rgbA(85,85,85,.7); font-size: 0.875em; -ms-word-break: keep-all; word-break: keep-all;}
.register_wrap .right_box .txt_list > li .email a {display: inline-block; color: rgbA(85,85,85,.8); border-bottom: 1px solid rgba(85,85,85,.8); font-size: 1.2em;}
.register_wrap .right_box .sq_list > li {color: #f8254ec4; font-size: 0.9em;}
.register_wrap .right_box .sq_list > li:before {top: 8px; background-color: #f8254ec4;}
.register_wrap .common_btn {width: 48%; max-width: 282px; margin-left: 2%;}
.register_wrap .common_btn:first-child {margin-left: 0;}
.register_wrap .agree_box .chk_each .vchkbox {top: 0;}

.reservation_wrap .stit {position: relative; padding-left: 50px; padding-bottom: 20px; font-size: 1.250em; font-weight: 500;}
.reservation_wrap .stit img{margin-right:10px}
.reservation_wrap .tit {position: relative; padding-left: 50px; padding-bottom: 20px; font-size: 1.250em; font-weight: 500;}
.linein{border-bottom: 2px solid #333; }
.reservation_wrap .tit i {position: absolute; left: 10px; top: -3px; font-size: 30px;}
.reservation_wrap .cal_box {float: left; width: 50%;} 
.reservation_wrap .cal_box .date_box {position: relative; margin-top: 40px; margin-bottom: 50px; text-align: center;}
.reservation_wrap .cal_box .date_box .nav {position: absolute; top: 8px; font-size: 0.938em; color: #000e42; opacity: 0.6;}
.reservation_wrap .cal_box .date_box .nav.prev {left: 0;}
.reservation_wrap .cal_box .date_box .nav.prev i {margin-right: 5px;}
.reservation_wrap .cal_box .date_box .nav.next {right: 0;}
.reservation_wrap .cal_box .date_box .nav.next i {margin-left: 5px;}
.reservation_wrap .cal_box .date_box .date {font-size: 1.750em;}
.reservation_wrap .cal_box .calendar {margin-bottom:10px;}
.reservation_wrap .cal_box .calendar .row {display: table; width: 100%; text-align: center;}
.reservation_wrap .cal_box .calendar .row .week {display: table-cell; width: calc(100% / 7); font-size: 0.813em; color: #b7b7b7;}
.reservation_wrap .cal_box .calendar .row .day {display: table-cell; width: calc(100% / 7); padding: 7px 0; vertical-align: middle; text-align: center;}
.reservation_wrap .cal_box .calendar .row .day a {display: inline-block; width: 55px; height: 55px; line-height: 55px; font-size: 1.125em; color: #5c5c5c;}
.reservation_wrap .cal_box .calendar .row .day .on {border-radius: 50%; background-color: #7ed5e0; color: #fff !important;}
.reservation_wrap .cal_box .calendar .row .day .onons {border-radius: 50%; background-color: #333e68; color: #fff !important;}
.reservation_wrap .cal_box .calendar .row .day .onred {border-radius: 50%; background-color: #ff0000; color: #fff !important;}
.reservation_wrap .cal_box .calendar .row .day .ons {border-radius: 50%; background-color: #2f463e; color: #fff !important;}
.reservation_wrap .cal_box .calendar .row .day .onp {border-radius: 50%; background-color: #42b52d; color: #fff !important;}
.reservation_wrap .cal_box .calendar .row .day .todaysons {border-radius: 50%; background-color: #ffc107; color: #fff !important;}
.reservation_wrap .cal_box .calendar .row .day:nth-child(7n) a,
.reservation_wrap .cal_box .calendar .row .sat {color: #2196f3;}
.reservation_wrap .cal_box .calendar .row .day:nth-child(7n+1) a,
.reservation_wrap .cal_box .calendar .row .day a.holidays {color: #f00;}
.reservation_wrap .cal_box .state_box .sq_list {margin-top: 20px; padding: 0 10px;}
.reservation_wrap .cal_box .state_box .sq_list:after {display: block; content:''; clear: both;}
.reservation_wrap .cal_box .state_box .sq_list > li {width: 49%; float: left; margin-right: 2%; color: #555;}
.reservation_wrap .cal_box .state_box .sq_list > li:nth-child(2n) {margin-right: 0;}
.reservation_wrap .info_box {float: right; width: 45%;}
.reservation_wrap .info_box .board_write {border: none;}
.reservation_wrap .info_box .board_write th, 
.reservation_wrap .info_box .board_write td {border: none; background: none;}
.reservation_wrap .info_box .board_write th {height: 80px; padding-left: 10px; padding-right: 10px; color: rgba(85,85,85,.9);}
.reservation_wrap .info_box .board_write input {height: 50px; border-color: #e1e1e1;}
.reservation_wrap .info_box .board_write .tel_input {font-size: 0;}
.reservation_wrap .info_box .board_write .tel_input input {width: 32%; margin-right: 2%; font-size: initial;}
.reservation_wrap .info_box .board_write .tel_input input:last-child {margin-right: 0;}
.reservation_wrap .info_box .board_write select {padding-left:10px;padding-right:10px; height: 50px; border-color: #e1e1e1;margin-right:2%;}
.reservation_wrap .info_box .agree_box {padding-top: 20px; margin-bottom: 50px;}
.reservation_wrap .info_box .common_btn {width: 48%; max-width: 282px;}
.reservation_wrap .info_box .time_select_box {position: relative;}
.reservation_wrap .info_box .time_select_box .time_select {display: block; height: 50px; line-height: 48px; border: 1px solid #ddd; padding: 0 10px;}
.reservation_wrap .info_box .time_select_box i {position: absolute; right: 10px; top: 16px; transition: all 0.3s;}
.reservation_wrap .info_box .time_select_box .time_select.on + i {transform: rotate(-180deg);}
.reservation_wrap .info_box .time_select_box .time_list {display: none; position: absolute; z-index: 10; left: 0; top: 50px; width: 100%; border: 1px solid #ddd; border-top: 0; background-color: #fff;}
.reservation_wrap .info_box .time_select_box .time_list > li {border-bottom: 1px dashed #ddd;}
.reservation_wrap .info_box .time_select_box .time_list > li:last-child {border-bottom: 0;}
.reservation_wrap .info_box .time_select_box .time_list > li a {display: block; padding: 10px 15px; color: #555; transition: all 0.1s;}
.reservation_wrap .info_box .time_select_box .time_list > li a span {margin-left: 5px; vertical-align: top;}
.reservation_wrap .info_box .time_select_box .time_list > li.disabled a {color: #bbb;}
.reservation_wrap .info_box .time_select_box .time_list > li:not(.disabled) a:hover {padding-left: 20px; font-weight: 500;}
.reservation_wrap .info_box.confirm {float: none; width: 100%;  margin: 0 auto;}
.reservation_wrap .info_box.confirm .tit {border-bottom: 2px solid #333;}
.reservation_wrap .info_box.confirm .board_write {margin-bottom: 30px;}
.reservation_wrap .info_box.confirm .board_write th {height: 92px; padding: 15px 20px; font-size: 1.063em; color: #333; font-weight: 500;}
.reservation_wrap .info_box.confirm .board_write th i {margin-right: 5px; margin-top: -2px; font-size: 20px;}
.reservation_wrap .info_box.confirm .board_write td {padding: 15px 20px;}
.reservation_wrap .result_box {margin: 50px auto 30px;}
.reservation_wrap .result_box .board_write th {height: 92px; background: none; border-right: 0; font-size: 1.063em; font-weight: 500;}
.reservation_wrap .result_box .board_write th i {margin-right: 5px; margin-top: -3px; font-size: 20px;}

.pattern_box {padding: 6px; background: url('/images/sub/pattern_bg.jpg') repeat 0 0;}
.pattern_box .inner_box {display: table; width: 100%; padding: 45px 20px; background-color: #fff;}
.pattern_box .inner_box .left {display: table-cell; width: 25%; text-align: center;}
.pattern_box .inner_box .right {display: table-cell; width: 75%; padding-right: 8%; vertical-align: middle;}
.pattern_box .inner_box .right p {margin-bottom: 10px; line-height: 1.5em; font-size: 1.125em; -ms-word-break: keep-all; word-break: keep-all;}
.pattern_box .inner_box .right p em {color: #1879ba; font-weight: 500;}
.pattern_box .inner_box .right .common_btn {max-width: 200px; width: 100%; margin-top: 20px;}
.pattern_box .inner_box .right .common_btn i {margin-left: 10px; margin-top: -3px; font-size: 20px; vertical-align: middle;}


.special_wrap .shadow_box {box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); background: #f5f5f5 url('/images/sub/tenant_img02.jpg') no-repeat right bottom;}
.special_wrap .img_box {position: relative;}
.special_wrap .img_box .pdf_box {position: absolute; right: 47px; bottom: -61px; overflow: hidden;}
.special_wrap .img_box .pdf_box .pdf_btn {display: block; float: left; width: 309px; height: 203px; padding: 30px 18px; background: #48b4a8 url('/images/sub/tenant_ico01.png') no-repeat right 17px bottom 22px; color: #fff; transition: all 0.3s;}
.special_wrap .img_box .pdf_box .pdf_btn.blue {background-color: #13216a;}
.special_wrap .img_box .pdf_box .pdf_btn:hover {background-color: #058488;}
.special_wrap .img_box .pdf_box .pdf_btn.blue:hover {background-color: #006bbc;}
.special_wrap .img_box .pdf_box .pdf_btn .tit {line-height: 1.4em; margin-bottom: 10px; font-size: 1.500em; font-weight: 500;}
.special_wrap .img_box .pdf_box .pdf_btn .txt {line-height: 1.5em; color: #d6d6d6; font-weight: 300;}
.special_wrap .adobe_box {padding: 50px 54px;}
.special_wrap .adobe_box .tit {margin-bottom: 15px; color: #000e42; font-size: 1.8em; font-weight: 700;}
.special_wrap .adobe_box .txt {margin-bottom: 35px; color: #5d5d5d; font-size: 1.125em; font-weight: 300;}
.special_wrap .adobe_box .icon_list > li {display: inline-block; margin-right: 72px; vertical-align: middle;}
.special_wrap .adobe_box .icon_list > li:last-child {margin-right: 0;}
.special_wrap .adobe_box .icon_list > li:nth-child(1) {position: relative; padding-left: 62px;}
.special_wrap .adobe_box .icon_list > li:nth-child(1) .ico {position: absolute; left: 0; top: -4px;}
.special_wrap .adobe_box .icon_list > li:nth-child(2) {position: relative; padding-left: 77px;}
.special_wrap .adobe_box .icon_list > li:nth-child(2) .ico {position: absolute; left: 0; top: -4px;}
.special_wrap .adobe_box .icon_list > li p {margin-bottom: 5px; color: #5d5d5d; font-size: 1.125em; font-weight: 300;}
.special_wrap .adobe_box .icon_list > li p:last-child {margin-bottom: 0;}
.special_wrap .adobe_box .icon_list > li .adobe_btn {display: block; position: relative; padding: 15px; padding-left: 77px; border: 1px solid #ccc; border-radius: 10px; background-color: #fff; transition: all 0.3s;}
.special_wrap .adobe_box .icon_list > li .adobe_btn .ico {position: absolute; left: 15px; top: 15px;}
.special_wrap .adobe_box .icon_list > li .adobe_btn .logo {display: block; margin-bottom: 5px; font-size: 0;}
.special_wrap .adobe_box .icon_list > li .adobe_btn:hover {background-color: #f0cecc;}


.tenant_wrap .shadow_box {box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2); background: #f5f5f5 url('/images/sub/tenant_img02.jpg') no-repeat right bottom;}
.tenant_wrap .img_box {position: relative;}
.tenant_wrap .img_box .pdf_box {position: absolute; right: 47px; bottom: -61px; overflow: hidden;}
.tenant_wrap .img_box .pdf_box .pdf_btn {display: block; float: left; width: 209px; height: 203px; padding: 30px 18px; background: #48b4a8 url('/images/sub/tenant_ico01.png') no-repeat right 17px bottom 22px; color: #fff; transition: all 0.3s;}
.tenant_wrap .img_box .pdf_box .pdf_btn.blue {background-color: #13216a;}
.tenant_wrap .img_box .pdf_box .pdf_btn:hover {background-color: #058488;}
.tenant_wrap .img_box .pdf_box .pdf_btn.blue:hover {background-color: #006bbc;}
.tenant_wrap .img_box .pdf_box .pdf_btn .tit {line-height: 1.4em; margin-bottom: 10px; font-size: 1.500em; font-weight: 500;}
.tenant_wrap .img_box .pdf_box .pdf_btn .txt {line-height: 1.5em; color: #d6d6d6; font-weight: 300;}
.tenant_wrap .adobe_box {padding: 50px 54px;}
.tenant_wrap .adobe_box .tit {margin-bottom: 15px; color: #000e42; font-size: 1.8em; font-weight: 700;}
.tenant_wrap .adobe_box .txt {margin-bottom: 35px; color: #5d5d5d; font-size: 1.125em; font-weight: 300;}
.tenant_wrap .adobe_box .icon_list > li {display: inline-block; margin-right: 72px; vertical-align: middle;}
.tenant_wrap .adobe_box .icon_list > li:last-child {margin-right: 0;}
.tenant_wrap .adobe_box .icon_list > li:nth-child(1) {position: relative; padding-left: 62px;}
.tenant_wrap .adobe_box .icon_list > li:nth-child(1) .ico {position: absolute; left: 0; top: -4px;}
.tenant_wrap .adobe_box .icon_list > li:nth-child(2) {position: relative; padding-left: 77px;}
.tenant_wrap .adobe_box .icon_list > li:nth-child(2) .ico {position: absolute; left: 0; top: -4px;}
.tenant_wrap .adobe_box .icon_list > li p {margin-bottom: 5px; color: #5d5d5d; font-size: 1.125em; font-weight: 300;}
.tenant_wrap .adobe_box .icon_list > li p:last-child {margin-bottom: 0;}
.tenant_wrap .adobe_box .icon_list > li .adobe_btn {display: block; position: relative; padding: 15px; padding-left: 77px; border: 1px solid #ccc; border-radius: 10px; background-color: #fff; transition: all 0.3s;}
.tenant_wrap .adobe_box .icon_list > li .adobe_btn .ico {position: absolute; left: 15px; top: 15px;}
.tenant_wrap .adobe_box .icon_list > li .adobe_btn .logo {display: block; margin-bottom: 5px; font-size: 0;}
.tenant_wrap .adobe_box .icon_list > li .adobe_btn:hover {background-color: #f0cecc;}


#pano {height: 800px !important;}


.community_wrap .tit_box {display: inline-block; position: relative; margin-bottom: 80px; margin-top: 30px; padding: 0 75px; word-break: keep-all;}
.community_wrap .tit_box:before {display: inline-block; content: '“'; position: absolute; left: 0; top: -40%; color: #d6d6d6; font-size: 6em;}
.community_wrap .tit_box:after {display: inline-block; content: '”'; position: absolute; right: 0; top: 57%; color: #d6d6d6; font-size: 6em;}
.community_wrap .tit_box .t1 {margin-bottom: 10px; color: #666; font-family: 'NanumSquare'; font-size: 1.5em; font-weight: 700;}
.community_wrap .tit_box .t2 {color: #ed7100; font-family: 'NanumSquare'; font-size: 2.813em; font-weight: 900;}
.community_wrap .sub_tit1 em {color: #ed7100;}
.community_wrap .img_list > li {float: left; width: calc(33.3% - 20px); margin-right: 30px; margin-bottom: 30px; box-shadow: 10px 20px 40px rgba(0, 0, 0, 0.15);}
.community_wrap .img_list > li:nth-child(3n) {margin-right: 0;}
.community_wrap .img_list > li .img_box {position: relative; padding-bottom: 67%; background-color: #eee; text-align: center; overflow: hidden;}
.community_wrap .img_list > li .img_box .inner {position: absolute; left: 50%; top: 50%; width: 120%; height: 100%; font-size: 0; transform: translate(-50%, -50%);}
.community_wrap .img_list > li .img_box .inner img {vertical-align: middle;}
.community_wrap .img_list > li .txt_box {position: relative; min-height: 160px; padding: 60px 11% 45px; background-color: #fff;}
.community_wrap .img_list > li .txt_box .tit {position: absolute; right: 0; top: -35px; padding: 13px 40px; background-color: #000e42; color: #fff; font-size: 1.563em;}
.community_wrap .img_list > li .txt_box .txt {line-height: 1.875em; font-size: 1.063em; text-align: center; word-break: keep-all;}
.community_wrap .txt1 {margin-bottom: 50px; text-align: center; font-size: 1.5em;}
.community_wrap .txt1 span {display: inline-block; position: relative;}
.community_wrap .txt1 span:after {display: inline-block; content: ''; position: absolute; left: -3%; bottom: 0; width: 106%; height: 12px; background-color: #bbdef9; z-index: -1;}


.buildings_wrap .sub_each.top {padding-top: 20px;}
.buildings_wrap .tit {margin-bottom: 30px; color: #000e42; font-size: 2em; font-weight: 500;}
.buildings_wrap .img_box {padding-bottom: 20px;}
.buildings_wrap .img_box .img {margin-top: 30px;}
.buildings_wrap .sq {display: inline-block; width: 41px; height: 17px; border: 1px solid #6a6a6a; margin-left: 3px; margin-top: -4px; vertical-align: middle;}


.material_wrap {padding: 30px;}
/* .material_wrap .basic_tab > li {width: calc(11.11% - 8.88px);} */
.material_wrap .title {margin-bottom: 30px; color: #000e42; font-size: 2em; font-weight: 500;}
.material_wrap .title2 {margin-bottom: 15px; font-size: 1.2em; font-weight: 500;}
.material_wrap .basic_table td {vertical-align: middle;}
.material_wrap .basic_table td:first-child {vertical-align: middle;}
.material_wrap .img_box {display: inline-block; position: relative; max-width: 100%;}
.material_wrap .t1 {display: inline-block; position: absolute; right: 0; top: 0; padding: 5px 10px; background-color: rgba(0,0,0,0.7); color: #fff; font-size: 0.9em; font-weight: 300;}
.material_wrap .t2 {display: block; padding: 5px 10px; background-color: rgba(0,0,0,0.7); color: #fff; font-size: 0.9em; font-weight: 300;}
.material_wrap .basic_table td .basic_table {font-size: 0.9em;}
.material_wrap .basic_table td .basic_table td {vertical-align: middle;}
.material_wrap .img_list {overflow: hidden;}
.material_wrap .img_list .img_box {float: left; width: 32%; margin-right: 2%;}
.material_wrap .img_list .img_box:last-child {margin-right: 0;}

.video_wrap .video_box {position: relative; padding-bottom: 56%;}
.video_wrap .video_box .inner {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.video_wrap iframe {width: 100%; height: 100%;}

.fred{color:#ff0000 !important;}
.fblue{color:#2196f3 !important;}

/**  modal  **/
.modal {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
	font-size: 0;
	text-align: center;
}

.modal:after {display: inline-block; content:''; width: 0; height: 100%; vertical-align: middle;}

.modal-content {
	display: inline-block;
	position: relative;
    background-color: #fefefe;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #888;
    width: 470px;
    min-height: 204px;
	max-width: 80%;
    max-height: 38%;
	font-size: 16px;
	vertical-align: middle;
}

.modal_btn {
    position: absolute;
    right: 20px;
    cursor: pointer;
}

.modal-header{
 border-bottom: 1px solid #e9ecef;
  display: flex;
  align-items: flex-start;
 justify-content: space-between;
 padding:0.5rem 0.5rem;
 
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
	font-size: 1.15rem;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding:1.5rem 0.5rem;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
	 
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: center;
    padding: .75rem;
    border-top: 1px solid #e9ecef;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}

.hand{cursor:pointer;}

#page-loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: table;
    background: rgba(0,0,0,0.15 );
    z-index: 9999;
    text-align: center;
}

.blind {
    display: none !important;
}

.fcsz09{font-size:0.95em; line-height: 1.5;}
.fcsz01{font-size:1.1em; line-height: 1.5;}
.fcsz01_mg10{font-size:1.2em; line-height: 1.5;}
.fcsz02{font-size:1.7em; line-height: 1.5;text-align:center}
.fcsz02_mg10{margin:10px;}
.fcsz02_mg20{margin:10px 40px;}
.fcsz03_pd20{padding:30px 0px;}

.fc_bold{font-weight:700}
.fc_color1{color:#3d9ae2}


.ww10{width:100% !important}




.section7 {}
.section7 .container > div {float: left; }
.section7 .container .notice_box {width: 100%;}
.section7 .container .video_box {width: 37%;}
.section7 .container > div .tit {position: relative; margin-bottom: 20px; font-size: 2em; font-weight: 500;}
.section7 .container > div .tit a {position: absolute; right: 0; top: 4px; transition: all 0.5s;}
.section7 .container > div .tit a:hover {transform: rotate(180deg);}
.section7 .container .notice_box .notice_list > li {float: left; width:calc(32.3% - 8.88px); margin-right: 2%; margin-bottom: 2%; border: 1px solid #dedede;}
.section7 .container .notice_box .notice_list > li:nth-child(3n) {margin-right: 0;}
.section7 .container .notice_box .notice_list > li a {display: block; padding: 40px 30px; background-color: #fff; transition: background-color 0.3s;}
.section7 .container .notice_box .notice_list > li a .t1 {margin-bottom: 20px; font-size: 1.3em; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.section7 .container .notice_box .notice_list > li a .t2 {display: -webkit-box; height: 7.8em; line-height: 1.4em; margin-bottom: 5px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.section7 .container .notice_box .notice_list > li a .date {position: relative; color: #898989; font-size: 0.9em;}
.section7 .container .notice_box .notice_list > li a .date span {position: absolute; right: 0; top: 1px; font-size: 16px; color: #2f463e; transition: all 0.5s;}
.section7 .container .notice_box .notice_list > li a:hover {background-color: #2f463e; color: #fff;}
.section7 .container .notice_box .notice_list > li a:hover .date {color: #fff;}
.section7 .container .notice_box .notice_list > li a:hover .date span {transform: rotate(90deg); color: #fff;}
.section7 .container .video_box .inner {position: relative; padding-bottom: 75%; background-color: #eee; overflow: hidden;}
.section7 .container .video_box .inner .img {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section7 .container .video_box .inner .img:after {display: inline-block; content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url('/images/basic/video_bg.png') no-repeat center; transition: all 0.3s;}
.section7 .container .video_box .inner .img:hover:after {transform: scale(1.2);}



.padd10{padding:10px 10px}

.tabtd1{padding: 5px 10px !important;}
.me-10{margin-bottom:10px}
.me-20{margin-bottom:20px}
.me-30{margin-bottom:30px}
.me-40{margin-bottom:40px}
.me-50{margin-bottom:50px}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}

.fnt11{font-size:0.8em !important;}
.txt01{color:#c00000;}


.table {
  table-layout:fixed;
  width:100%;
  text-align:center;
}
.table th { 
  background:#ccc;
}
.table td, .table th {
  
  word-break:break-all
}
.table--min {
  min-width:800px;
}

.mbline{text-align:left;color:#c00000}

.bgcolors1{background-color:#f9f9f9}



.tblhauto1{
width:100%; 
height:1200px; 
overflow:auto
}


#landTable{
  border: 0px;
    border-collapse: collapse;
}

#landTable th{
   position: sticky;
    top: 0px;
}