@charset "utf-8";

@import url("base.css");

/*서브*/
.sVisual {position:relative;height:370px; text-align:center; /*line-height:280px;*/ background-repeat:no-repeat; background-position:left top; background-size:cover; background:url('../img/sub/sub_visual01.jpg'); margin:0}
.sVisual.visual01 {background:url('../img/sub/sub_visual01.jpg') no-repeat top center; background-size:cover;}
.sVisual.visual02 {background:url('../img/sub/sub_visual02.jpg') no-repeat top center; background-size:cover;}
.sVisual.visual03 {background:url('../img/sub/sub_visual03.jpg') no-repeat top center; background-size:cover;}
.sVisual.visual04 {background:url('../img/sub/sub_visual04.jpg') no-repeat top center; background-size:cover;}
.sVisual.visual05 {background:url('../img/sub/sub_visual05.jpg') no-repeat top center; background-size:cover;}
.sVisual.visual06 {background:url('../img/sub/sub_visual06.jpg') no-repeat top center; background-size:cover;}
.sVisual.visual07 {background:url('../img/sub/sub_visual07.jpg') no-repeat top center; background-size:cover;}
.sVisual.visual08 {background:url('../img/sub/sub_visual08.jpg') no-repeat top center; background-size:cover;}

.sVisual > div {color:#fff; padding-top:100px;}
.sVisual > div h2 {font-size:45px; font-weight:900; text-shadow:2px 2px 5px rgba(0, 0, 0, 0.3);}
.sVisual > div p {margin-top:15px; font-size:20px; font-weight:bold; text-align:center; word-break:keep-all; }

/* 서브메뉴바 */
#m_sidebar {background:#fff; position:absolute; left:0; right:0; bottom:0; width:100%; height:70px;max-width:1400px; margin:0 auto; z-index:999;}
#m_sidebar .side_wrap {text-align:left;}
#m_sidebar .home {float: left; width:70px; height: 70px;background:#6f87a7; text-align:center; display:flex;align-items: center;justify-content: center;}
#m_sidebar .m_snb {position: relative; display:inline-block; width: 230px;}
#m_sidebar .m_snb > .over {position: relative; display: block; height: 70px; padding:0 30px;}
#m_sidebar .m_snb > .over:after {content:''; position:absolute; width:1px; height:30px; top:20px; right:0; background:#ddd;}
#m_sidebar .m_snb.snb2 > .over:after {content:none;}
#m_sidebar .m_snb > .over span {line-height: 70px; font-weight: 400; font-size:16px; padding-left: 3%; position: relative;display: block; width:100%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-break: normal;width: 100%;color: #777; transition:0.3s;}
#m_sidebar .m_snb > .over span:after {position:absolute; top:50%; right:0; margin-top:-4px; width:13px; height:8px; content:''; background:url('../img/sub/sub_tab01.png') no-repeat; transition:0.3s;}
#m_sidebar .m_snb > .over:hover span {color:#555; font-weight:500;}
#m_sidebar .m_snb > .over:hover span:after {background:url('../img/sub/sub_tab02.png') no-repeat;}
#m_sidebar .m_snb > .over .arrow {position: absolute; top: 50%; right: 30px; width: 20px; height: 20px; margin-top: -8px; font-size: 20px; }
#m_sidebar .m_snb > .over.open .arrow {transform: rotate(-180deg); margin-top: -10px; }
#m_sidebar .m_snb .snb_con {display: none; position: absolute; left: -0px; width: calc(100% - 0px) !important; background: #fafbfd; z-index: 11; border-right: 1px solid #eee; border-left: 1px solid #eee; font-size:16px; color:#555;}
#m_sidebar .m_snb .snb_con li {border-bottom: 1px solid #eee; text-align:center; transition:0.3s;}
#m_sidebar .m_snb .snb_con li a {display: block; padding: 9px 3%; font-size: 15px; transition:0.3s;}
#m_sidebar .m_snb .snb_con li:hover {background:#284873;}
#m_sidebar .m_snb .snb_con li:hover a {color:#fff; font-weight:500;}
#m_sidebar .m_snb .snb_con li.on {position: relative; }
#m_sidebar .m_snb .snb_con li.on a {padding-left: 25px; font-weight: 500; }
#m_sidebar .m_snb .snb_con li.on a:before {content: ""; position: absolute; top: 50%; left: 10px; width: 7px; height: 3px; margin-top: -1px; background: #1c202c; }

/*서브 공통*/

.sub__title__box{text-align:center;}
.sub__title__box .sub__title{}
.sub__title__box .sub__title i{display:none;}
.sub__title__box .sub__bar{display:block;background:#444;width:110px;height:2px; margin:10px auto 70px;}
.sub__middle__tit{position:relative;font-size:22px;display:inline-block;font-weight:600;}
.sub__middle_des{font-weight:400;font-size:18px;}
.sub__title__box .sub__title__des{display:block;}
.cf::after{content:"";display:block;clear:both;}

.sub_tit {position:relative; font-size:24px; padding-top:10px; margin-bottom:20px; color:#333; font-weight:bold; text-align:left;}
.sub_tit:before {content:''; position:absolute; width:30px; height:40px; background:url('../img/sub/s_tit.jpg') no-repeat; left:0; top:0;}
.sub_tit > span {font-size:22px; font-weight:500; color:#222;}
.sub_tit02 {position:relative; font-size:20px; color:#284873;margin-bottom:15px;}

.table th {vertical-align:middle;}
.table td {font-family:'Noto Sans KR', 'Sans-serif'; color:#666; border-right:1px solid #dee2e6; padding:15px 5px; letter-spacing:-0.5px; vertical-align:middle;}

.table_01 {text-align:center; border-bottom:1px solid #ddd;}
.table_01 tr.bg {background:#ffe0e4;}
.table_01 th {font-size:16px; font-weight:bold; color:#222; text-align:center; background:#f2f3f5; border-right:1px solid #ddd; border-top:2px solid #555; padding:15px 15px; word-break:keep-all;}
.table_01 td {font-size:16px; color:#555; border-right:1px solid #ddd; padding:15px 15px; letter-spacing:-0.5px; word-break:keep-all;}
.table_01 td:first-child {color:#222;}
.table_01 td.bg {background:#fbfbfb;}
.table_01 td span {font-weight:bold; vertical-align:baseline; word-break:keep-all;}
.table_01 td > a {transition:0.3s; color:#555;}
.table_01 td > a:hover {color:#139db8;}

.table_02 {border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.table_02 th {background:#fbfbfb; text-align:center; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding:15px 12px; vertical-align:middle; font-weight:500;}
.table_02 td {word-break:keep-all; padding:15px 15px;}
.table_02 .vc {background:#f4ffe7;}
.table_02 .ac {background:#eaf7ff;}

.sub_box > h1 {font-size:34px; line-height:1.4; color:#3a3a3a; text-align:center; margin-bottom:20px;}
.sub_box > p {font-size:20px; font-weight:300; line-height:1.5; color:#666; text-align:center;}

.table_wrap {}
.table_wrap > p {font-size:14px; font-family:'Noto Sans KR', 'Sans-serif'; font-weight:500; color:#000; margin-top:15px; display:none;}

.mt_30 {margin-top:30px;}
.mt_50 {margin-top:50px;}
.mb_50 {margin-bottom:50px;}

.con_box.sub_box > div {padding:30px 0 100px;}

.video{position:relative; padding-bottom:54.15%; height:0; overflow:hidden;}
.video iframe, .video object, .video embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.point {font-size:17px; font-weight:bold; color:#139db8; margin-top:10px; display:block;}
.left {text-align:left;}

.br_none {border-right:none !important;}
.bt_none {border-top:1px solid #ccc !important;}

.link {color:#555; font-size:15px; background:#f2f3f5; padding:10px 15px; border:1px solid #ddd; border-radius:50px; margin-left:10px; transition:0.3s;}
.link:hover {border-color:#6f87a7;}
.link img {padding-left:5px; vertical-align:bottom;}

.info_txt {position:relative; font-size:15px; color:#555; padding-left:25px;}
.info_txt:before {content:''; position:absolute; width:20px; height:20px; background:url('../img/sub/ic_info.png') no-repeat; background-size:cover; left:0; top:2px;}

.con_wrap {margin-bottom:70px; position:relative;}

/*소개*/
.intro {position:relative;}
.intro_bg {position:absolute; background:#f2f3f5; height:380px; width:100%;}
.intro_wrap h1 {font-size:120px; font-weight:bold; color:#000; opacity:0.1; font-family:'Montserrat'; text-align:right; text-transform:uppercase; display:block; line-height:0.75; padding-top:30px;}

.intro .video {margin-bottom:70px;}

.intro .list_04 {margin-bottom:30px;}
.intro .list_04 .point {font-size:15px; margin-top:0;}

.intro .list_05 > li {height:250px;}
.intro .list_05 > li:nth-child(1) {background:url('../img/sub/intro_01.png') right 30px top 40px no-repeat;}
.intro .list_05 > li:nth-child(2) {background:url('../img/sub/intro_02.png') right 30px top 40px no-repeat;}
.intro .list_05 > li:nth-child(3) {background:url('../img/sub/intro_03.png') right 30px top 40px no-repeat;}
.intro .list_05 li p {width:75%;}

.intro .list_05.list_05_2 > li {height:210px;}
.intro .list_05.list_05_2 > li:nth-child(1) {background:url('../img/sub/intro_04.png') right 30px top 40px no-repeat;}
.intro .list_05.list_05_2 > li:nth-child(2) {background:url('../img/sub/intro_05.png') right 30px top 40px no-repeat;}
.intro .list_05.list_05_2 .red {color: #f00909;}


.intro .list_06 > li {height:260px;}
.intro .list_06 > li:after {content:''; position:absolute; height:1px; width:100px; background:#ddd; top:0; bottom:0; margin:auto;}
.intro .list_06 > li:before {content:''; position:absolute; height:10px; width:10px; background:#284873; border-radius:50px; top:0; bottom:0; margin:auto; z-index:9;}
.intro .list_06 > li:nth-child(1):after {right:-105px;}
.intro .list_06 > li:nth-child(1):before {right:-10px;}
.intro .list_06 > li:nth-child(2):after {height:60px; width:1px; left:0; right:0; top:-324px;}
.intro .list_06 > li:nth-child(2):before {left:0; right:0; top:-274px;}
.intro .list_06 > li:nth-child(3):after {left:-105px;}
.intro .list_06 > li:nth-child(3):before {left:-10px;}
.intro .list_06 > li:nth-child(2) {margin-top:360px;}
.intro .list_06 > li .list_04 li {margin-bottom:0;}

.intro .center {position:absolute; width:300px; height:300px; border-radius:50%; border:20px solid #6f87a7; text-align:center; padding:50px; ; left:0; right:0; margin:0 auto; z-index:1; background:#fff;}
.intro .center h2 {font-size:27px; font-weight:500; color:#000; line-height:1.5;}


/* 연혁 */

.history .wrap > div {float:left; width:50%;}
.his_title {text-align:center;}
.his_title img {max-width:240px;}
.his_title p {font-size:25px; color:#222; line-height:1.4; font-weight:300;}
.his_title h1 {font-size:120px; font-weight:bold; color:#000; opacity:0.1; font-family:'Montserrat'; text-transform:uppercase; display:block; line-height:0.75; padding-top:50px;}

.his_wrap {position:relative;}
.his_wrap:before {content:''; position:absolute; height:100%; width:1px; background:#ddd; left:0; top:10px;}
.his_in {padding-left:90px; padding-bottom:40px;}
.his_in h4 {position:relative; font-size:30px; font-weight:500; color:#555; font-family:'Montserrat';}
.his_in h4:before {content:''; position:absolute; width:80px; height:1px; background:#aaa; top:0; bottom:0; margin:auto; left:-90px;}
.his_in h4:after {content:''; position:absolute; width:20px; height:20px; background:#fff; border-radius:50px; border:3px solid #284873; ; top:0; bottom:0; margin:auto; left:-99px;}
.his_in .txt div {margin-top:20px;}
.his_in .txt dl {overflow:hidden; padding-bottom:15px;}
.his_in .txt dt {float:left; width:45px; font-size:20px; font-weight:500; color:#284873; font-family:'Montserrat';}
.his_in .txt dd {float:left; font-size:18px; color:#555;}
.his_in .txt dd .point {display:inline-block; font-size:16px; vertical-align:baseline; margin-top:0;}


/* 운영프로그램 */

.con_box .pro_box {border:5px solid #efefef; ; padding:30px 40px; overflow:hidden; margin-bottom:30px;}
.pro_box > div {float:left; font-size:20px; font-weight:bold; color:#284873;}
.pro_box > div > img {margin-right:20px;}
.pro_box > div:first-child {border-right:1px solid #ddd; width:320px;}
.pro_box > div.txt {padding-left:50px; width:calc(100% - 320px);}
.pro_box > div.txt p {font-size:18px; color:#222; font-weight:500; margin-bottom:10px;}
.pro_box .point {font-size:15px; margin-top:0;}
.pro_box .link {vertical-align:top;}

/* 협력업체 */
.con_box .sub_tit02_2022{margin-top: 20px;}

/* 찾아오시는 길*/

.location {}

.map {height:500px;}
.map svg {display:none;}
.map .root_daum_roughmap_landing, .map .root_daum_roughmap, .map .root_daum_roughmap .wrap_map {width:100%; height:100%;}

.location .info {width:100%; height:180px; margin-top:-90px; position:relative; color:#fff; text-align:center; z-index:9;}
.location .info:before{content: ""; position: absolute; top: 0; left: 0; height: 100%; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); border-left-style: solid; border-top-style: solid; border-top-color: transparent; -webkit-border-left-width: 42px; border-top-width: 42px; border-left-color: #013c78;}
.location .info:after {content: ""; position: absolute; top: 0; right: 0; height: 100%; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); border-right-style: solid; border-bottom-style: solid; border-bottom-color: transparent; -webkit-border-right-width: 42px; border-bottom-width: 42px; border-right-color: #1299b5;}
.location .info .inner {padding:45px 20px 0; width:calc(100% - 84px); display:inline-block; height:100%; text-align:left; background:linear-gradient(to right, #013c78, #1299b5);}
.location .info .inner .add {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-weight: 800; font-size: 26px; color: #fff; letter-spacing: -0.2px; margin-right: 30px; line-height:1.5; word-break:keep-all;}
.location .info .inner ul {overflow:hidden;}
.location .info .inner ul li {float:left;}
.location .info .inner ul li:first-child {position:relative; padding-right:16px; margin-right:14px;}
.location .info .inner ul li:first-child:after {content: ""; position: absolute; right: 0; top: 7px; width: 1px; height: 12px; background: #b8efe5;}
.location .info .inner ul li span {word-break:keep-all;}

.transport {margin-top:60px;}
.transport > li {position:relative; float:left;}
.transport > li .tit {position: absolute; left: 0; top: 10px; font-weight: 600; font-size: 22px; color: #1299b5; letter-spacing: -0.2px;}
.transport > li .tit:before {content:''; position:absolute; left:0;}
.transport > li ul li {position:relative; padding-left:80px;}
.transport > li ul li span {font-weight: 400; font-size: 18px; color: #666; letter-spacing: -0.2px; line-height: 34px; word-break:keep-all;}
.transport > li ul li span.lb {position: absolute; left: 0; top: 0; color: #222;}

.transport .sub {width:570px; padding-left:168px;}
.transport .sub .tit {padding-left:50px;}
.transport .sub .tit:before {top: -3px;width: 31px; height: 39px;background: url("../img/sub/ic_contact1.png") no-repeat;}

.transport .public {width:630px; padding-left:160px;}
.transport .public .tit {padding-left:63px;}
.transport .public .tit:before {top: 3px;width: 46px; height: 30px;background: url("../img/sub/ic_contact2.png") no-repeat;}


/* 입주안내 */

.move_in .list_05 > li {height:160px;}
.move_in .list_05 li p {width:75%; margin-bottom:14px;}
.move_in .list_05 li .list_04 {width:75%;}
.move_in .list_05 > li:nth-child(1) {background:url('../img/sub/info01.png') right 30px top 40px no-repeat;}
.move_in .list_05 > li:nth-child(2) {background:url('../img/sub/info02.png') right 30px top 40px no-repeat;}
.move_in .list_05 > li:nth-child(3) {background:url('../img/sub/info03.png') right 30px top 40px no-repeat;}

.move_in .list_05_2  li .list_04 li{padding: 30px;}
.move_in .list_05_2 > li {height:490px;}
.move_in .list_05_2 > li:nth-child(1) {background:url('../img/sub/info04.png') right 30px top 40px no-repeat;}
.move_in .list_05_2 > li:nth-child(2) {background:url('../img/sub/info05.png') right 30px top 40px no-repeat;}

.selection_list {overflow:hidden; margin-bottom:40px;}
.selection_list li {position:relative; width:18%; margin-right:2.5%; float:left;}
.selection_list li:after {content:''; position:absolute; width:26px; height:26px; background:url("../img/sub/info_arrow.png") no-repeat; background-size:cover; top:0; bottom:0; right:-30px; margin:auto; z-index:1;}
.selection_list li:last-child {margin-right:0;}
.selection_list li:last-child:after {display:none;}
.selection_list li > span {text-align:center; font-size:17px; font-weight:500; color:#fff; padding:20px 10px; border-radius:50px; display:block; background:#464749;}
.selection_list li > span:first-child {margin-bottom:10px;}
.selection_list li:first-child > span:first-child {background:#139db8;}
.selection_list li:first-child > span:last-child {background:#284873;}
.selection_list li > div {background:#efefef; border:1px solid #ddd; text-align:center;}
.selection_list li > div p {font-size:17px; font-weight:500; color:#555; height:135px; vertical-align:middle; padding-top:40px; padding-left:20px;}
.selection_list li:nth-child(4) > div p {padding-top:50px;}



/* 층별안내 */

.floor .con_wrap > img {margin-bottom:70px; width:100%;}


/* 입주기업소개 */

.resident_box {border:5px solid #efefef; ; padding:30px 20px; overflow:hidden;}
.resident_box > div {float:left;}
.resident_box .img {width:210px; text-align:center; border-right:1px solid #ddd;}
.resident_box .txt {width:calc(100% - 210px); padding-left:30px;}
.resident_box .txt .sub_tit {margin-bottom:5px;}

.com_list td p {font-size:16px; font-weight:500; color:#222;}


/* 공간둘러보기 */
.place_wrap {height:600px;}


/*예약 안내*/
.booking_cal_inner {}
.booking_apply {display:block;position:relative;  width:100%; margin-bottom:20px;}
.booking_apply:after {}
.booking_apply h2 {text-align: center; font-size: 30px; font-weight:600;line-height:50px;}
.booking_apply a {position:absolute;  top:0px; width:50px; height:50px; border-radius:50px; border:1px solid #ccc; }
.booking_apply a.cal_prev {left:0px; right:auto;  background:url('../img/sub/cal_prev.png') no-repeat center center;}
.booking_apply a.cal_next { left:auto; right:0px; background:url('../img/sub/cal_next.png') no-repeat center center;}

.booking_tb {width:calc(100% - 300px);  display:inline-block;}
.booking_tb table th {text-align:center; max-width:143px; padding:10px 8px; border-top:1px solid #ccc; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.booking_tb table th span {padding:2px 3px; width:100%; display:inline-block; color:#222;  font-weight: 500; letter-spacing:1px;}

.booking_tb table th.sun span, .booking_tb table td.sun {color:#139db8;}
.booking_tb table th.sat span, .booking_tb table td.sat {color:#139db8;}

.booking_tb table td {padding:5px 5px; position:relative; vertical-align:top; height:100px; font-size:18px; width:14%; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background: rgba(111, 135, 167, 0.08);}

.booking_tb table th:first-child,
.booking_tb table td:first-child{ border-left:0;}

.booking_tb table td.over_day{background: #fff;}
.booking_tb table td span.possible {background:#fdeec0;}
.booking_tb table td span.possible a {width:100%; display:block;}

.booking_tb table td span p.time {color: #484848;}
.booking_tb table td span p.booking_name {font-weight: 500;font-size: 16px;height: 50px;}
.booking_tb table td span p.booking_complete {font-size: 17px;font-weight: 500; position:relative;}
.booking_tb table td span p.booking_complete:after {position:absolute; content:""; width:17px; height:17px; background:url(../img/sub/tour_com_icon.png) no-repeat 0 0;}
.booking_tb table td span p.booking_deadline {font-size: 17px;font-weight: 500; position:relative;}

.booking_tb table td div {text-align: left;font-size: 18px;height: 100%;color: #333;position: relative;}
.booking_tb table td strong {font-weight: 400;z-index: 9;display: block; font-size: 15px;}

.booking_tb table td div.mini_unposs {background: #eee; color: #9b9b9b;}
.booking_tb table > tbody > tr > td:first-child div strong {color:#f00909;}
.booking_tb table > tbody > tr > td:last-child div strong {color:#139db8;}

.booking_tb table td span.booking_room {background: #424242; color: #fff; text-align: center; font-size: 12px; margin: 2px; padding: 5px 0; word-break: keep-all;}
.booking_tb table td .booking_tex_box {font-size: 14px; color: #45838d; padding: 2px; font-size: 12px; font-weight:500; position:relative; line-height:1.3}
.booking_tb table td .booking_tex_box:before {position:absolute; content:""; width:17px; height:17px; background:url(../img/sub/evt_icon.png) no-repeat 0 0; left:0; margin-top:4px;}
.booking_tb table td .booking_tex_box span {display:inline-block; vertical-align:baseline;}


.booking_cal_desc {width: 270px;border-top: 1px solid #000;vertical-align: top;display: inline-block;margin-top: 0px;background: #fff;border: 1px solid #ddd; float:right;position:relative; padding:20px;}
.booking_cal_desc h4 {font-size: 20px;text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.booking_cal_desc dl dt {font-size: 18px;font-weight: 400;padding: 20px 0; text-align:center}
.booking_cal_desc dl dt span {display: inline-block;;vertical-align: baseline;color: #139db8; text-align:center}
.booking_cal_desc dl dd {background: #f1f1f1;padding: 15px 10px;border-bottom: 1px dashed #a7a7a7;font-size: 14px;}
.booking_cal_desc dl dd:last-child {border-bottom:0;}
.booking_cal_desc dl dd span {display: inline-block;margin-right: 10px;font-size: 16px;}
.booking_cal_desc span a {font-size: 20px;font-weight: 500;padding: 15px 0px;background: #139db8;color: #fff;border-radius: 4px;margin: 0;/*position: absolute;right: 0; */width:100%; text-align:center;}




.box01 {position: relative; background: #f9f9f9; padding: 30px; margin-bottom:30px;}
.box01:before {content:''; position:absolute; width:150px; height:3px; background:#139db8; top:0; left:0;}
.box01:after{content: 'Startup100'; color: #fff; font-weight: 900; font-size: 150px; position: absolute; right: 0; top: 40%; opacity: 0.8;}
.box01 h3 {color:#139db8; font-size:21px;}
.box01 ul + h3{margin-top:25px;}

.box02 {position: relative; border: 1px solid #ddd; padding: 30px; margin-top:50px;}
.box02:before {content:''; position:absolute; width:150px; height:3px; background:#139db8; top:0; left:0;}




ul.list {margin-top:10px;}
ul.list li {line-height:1.5; position:relative; padding-left:15px; margin-bottom: 5px;}
ul.list li:last-child {margin-bottom:0;}
ul.list li:before {position:absolute; top:11px; left:0; content:''; text-transform:uppercase; background:#139db8; width:6px; height:4px;}
ul.list + h2 {margin-top:30px;}

.time_list li {cursor: pointer;}
#day_tag td {cursor: pointer;}


.rent_box {position: relative; background: #f7f7f7; border-top: 2px solid #45838d; padding: 30px; margin-bottom:50px;}
.rent_box:after{content: 'startup100'; color: #fff; font-weight: 900; font-size: 150px; position: absolute; right: 0; bottom: 50px; opacity: 0.8;}

.cblue {font-size: 14px; color: #2176C6 !important;}
.cred {font-size: 14px; color: #DF2519 !important;}

.base_info {padding-top: 45px;}
.base_info, .coun_info {overflow: hidden;}
.coun_info {padding-top: 45px;}

.form_list {position: relative;}
h2 + .form_list {margin-top:15px;}
.form_list ul {position: relative;}
.form_list > ul > li {width: 100%; position: relative;}
.form_list > ul > li:after {clear: both; content: ''; display: block;}
.form_list > ul > li.li_l {width: 50%; float: left;}
.form_list > ul > li.li_r {width: 50%; float: right;}
.form_list > ul > li .frm_li {display: block; position: relative; width: 100%; border-bottom: 1px solid #d8d8d8; padding: 8px 0; line-height: 20px; color: #555; float: left;}
.form_list > ul > li .frm_li > label {position: absolute; left: 0; top: 50%; margin: -8px 0 0 0; width: 110px; vertical-align: middle; line-height: 16px; min-height: 16px; font-size: 15px; color: #333; letter-spacing: -1px;}
.form_list > ul > li .frm_li > label .essen {display: inline-block; vertical-align: middle; overflow: hidden; color: #f04e23; font-size: 12px;}
.form_list > ul > li .frm_li .fld {position: relative; margin-left: 130px; display: block; transition: background 0.4s ease; font-size: 16px; min-height: 30px;}
.form_list > ul > li .frm_li .fld .frm_input {border:0;}
.form_list > ul > li .frm_li .fld input[type="file"] {width: 100%;}
.form_list > ul > li .frm_li .fld input[type="text"].btn_open {background: #f0f0f0; width: 100%; max-width: 100%;  line-height: 18px; color: #555; border: 0;}
.form_list > ul > li .frm_li .fld textarea {background: #f0f0f0; max-width: 100%; height: 39px; padding: 5px 10px; line-height: 18px; color: #555; border: 0;}
.form_list > ul > li .frm_li .fld textarea {width: 100%; height: 100%; resize: none; padding: 10.5px 10px; display: block;}
.form_list > ul > li .frm_li .fld .f_text_30 {width: 30.5% !important;}
.form_list > ul > li .frm_li .fld .str {padding: 0 1%;}
.form_list > ul > li .frm_li .fld .datesel {position: relative; width: 300px;}
.form_list > ul > li .frm_li .fld .datesel .dateinp {display: block; margin: 0 40px 0 0; height: 40px; padding: 5px;}
.form_list > ul > li .frm_li .fld .datesel .dateinp button{line-height: 30px;}
.form_list > ul > li .frm_li .fld02 input[type="text"] {width: 60px !important; border:0;}
.form_list > ul > li .frm_li .fld03 input[type="text"] {width: 170px; }
.form_list > ul > li .frm_li button.fld03_btn { background: #1f4b53;color: #fff;height: 39px;padding: 0 20px;}

.form_list ul#participant_list li button { background: #7f7f7f;color: #fff;margin-left: 10px;}


.btn_open {position:absolute;right:0;top:0;width:39px;height:39px; background:#1f4b53; border:1px solid #1f4b53;}
.btn_open:hover, .btn_open:focus {}
.btn_open .ico {position:absolute;left:0;top:0;display:inline-block;width:39px;height:39px;border-right:0px solid rgba(255,255,255,0.3);background:url(../img/sub/cal_ctrls.png) no-repeat -6px -6px;}

.rdos input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.rdos input[type="radio"] + label {display:inline-block;position:relative;padding-left:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.rdos input[type="radio"] + label:before {content:'';position:absolute;left:0;top:50%;margin:-10px 0 0 0;width:20px;height:20px;text-align:center;background:#fff;border:2px solid #373737;border-radius:50%;overflow:hidden;}
.rdos input[type="radio"] + label:active:before,
.rdos input[type="radio"]:checked + label:active:before {}
.rdos input[type="radio"]:checked + label:before {background:#fff}
.rdos input[type="radio"]:checked + label:after {content:'';position:absolute;top:50%;margin:-3px 0 0 0;left:7px;width:6px;height:6px;background:#373737;border-radius:100%;box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3)}
.rdos input[type="radio"]:focus + label:before {outline:rgb(59, 153, 252) auto 5px}

.info_50 {width: 48%; margin: 0 1%; float: left;}
.rent_room {margin-bottom: 50px;}
.rent_form_inner {border: 1px solid #ccc; padding: 30px; width:100%; overflow:hidden;}

.s_fld02 {overflow: hidden; /*background: #6f87a7; padding: 2%;*/}
.s_fld02 > .rdos02 {width: 15%; margin:0 1% 30px 0; float: left; text-align:left; /*border: 1px solid #ddd; color: #fff;*/background: #f7f7f7; } 
.s_fld02 > .rdos02:nth-child(6) {margin-right:0;}

.rdos02 input[type="radio"] + label {/*padding-top: 20px; padding-bottom: 30px; */padding-left: 0px; text-align: left; display: block; width:100%;}

.rdos02 input[type="radio"]+ label:before {left: 15px; top:auto;bottom: 10px; border: 1px solid #fff !important; position: absolute;content:'\2713';  line-height: 20px; font-size:17px; font-weight:bold;}
.rdos02 input[type="radio"]:checked + label:before {color:#45838d; font-weight:bold;}
.rdos02 input[type="radio"] + label:after {display:none;}
.rdos02 #rq_ctype5:checked + label:after {left: 51.5%;}

.rdos02 input[type="radio"] + label p {background:#45838d; width:100%; text-align: center; color: #fff; padding:10px 5px;}
.rdos02 input[type="radio"] + label > span {display: block; padding:15px;padding-left:45px;position: relative; }

/* .form_list > ul > li:last-child .frm_li { border-bottom: 0;} */
.agree_box2 { border-top: 1px dashed #ddd; clear: both; position: relative;padding:20px 0; }
.agree_box { clear: both;position: relative;padding:20px 0 0;}
.agree_box ul li { display: inline-block;margin: 0 1%;}
.agree_box ul li input { margin-right: 5px;}
.agree_box dl { width: 47%;margin: 1%;display: inline-block;}
.agree_box dl dt { display: block;line-height: 1;margin: 0 0 20px 0;font-size: 22px;font-weight: 500;}
.ag1 { position: absolute;width: 430px;right: 0;top: 9px;}
.ag1 span { display: inline-block;position: relative;width: 49%; text-align: center;border: 1px solid #ddd;transition:all 0.4s; }
.ag1 span a { padding:10px; }
.ag1 span:hover { background: #e6e6e6;}
.agree_cont1 { max-height: 390px !important;}

#faci_desc { background: #fff;clear: both; border-top:1px dashed #ddd; border-bottom:1px solid #ddd;padding: 20px 0;}
#faci_desc img { width: 20%;display: inline-block;}
#faci_desc ul { display: inline-block;padding-left: 30px;width: 79%;}
#faci_desc > ul > li { position:relative; padding-left: 80px; }
#faci_desc ul li span { position:absolute; left:0; }

.step_result { text-align: center; border-top:1px solid #ddd; }
.step_result ul { background: #eaeaea;width: 100%;margin: 0 auto;padding: 20px; margin-top:20px; }


.layer_popup {display: none; position: fixed; top: 0px; left: 0; z-index: 3000; width: 100%; height: 100%;}
.calendar_view {z-index: 3000; position: absolute;/* left: 50%; top: 100px;*/ width:90%; max-width: 500px; /*margin: 0 0 0 -250px;  */top: 50%; left: 50%;  transform: translate(-50%, -50%);height: auto; max-height: 700px; overflow: auto; background: #fff;}
.calendar_view .pop_head {width: 100%; background: #1f4b53;}
.calendar_view .pop_head p {font-size: 18px; color: #fff; padding: 20px;}
.calendar_view .pop_con {margin: 20px; line-height: 1.6;}
.calendar_view .pop_list_box {height: 400px;} 
.calendar_view .pop_list_box h3 {margin-bottom: 10px; font-size: 18px; color: #333;}
.calendar_view .pop_list_box .p_line {border-width: 0; display: block; height: 2px; overflow: hidden; background: #000;}
.layer_popup .calendar_view .btn_type {position: absolute; right: 20px; top: 20px;}
.popup_bg {position: fixed; z-index: 2999; top: 0px; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); max-height: inherit; margin: 0;}
.not_scroll {overflow-y: hidden;}
.p_btn.mine {height: 21px; padding: 0 12px; line-height: 19px; font-size: 11px; font-weight: 400; position: relative; overflow: visible; display: inline-block; margin-bottom: 5px; vertical-align: top; white-space: nowrap; text-decoration: none; color: #fff; background-color: #000; border: 0px solid #000; border-width: 0 1px 1px 0; cursor: pointer;}
.p_btn.white {border: 1px solid #999; border-width: 1px; color: #666; background-color: #fff;}
.p_btn.black:hover {background: #fff; color: #000; border-width: 1px;}

.coun_time_box {margin-top: 20px; display: none;}
.sel_time .time_day {display: block; color: #333; line-height: 20px; padding: 7px 0; text-align: center;}
.sel_time .time_list li {display:inline-block;font-size:0.95em;vertical-align:middle;transition:all .25s ease;background:#fff;border:1px solid #aaa;color:#777;margin:2px;padding:0.25em 0.75em;}
.sel_time .time_list li:hover, .sel_time .time_list li:focus {background: #ccc;}
.sel_time .time_list li.time_null { background:#949494; }
.btn_complete {text-align:center;padding:0.75em 1em;background:#333;border:0;}
.btn_complete a span {color: #fff;}

div#time_box_result { text-align:center; margin-bottom:20px; }
div#time_box_result span button.btn { color: #fff;background: #7f7f7f; margin-left:10px; }














/* 지원사업공고 */

td .part {display:block; width:110px;font-size:15px;color:#fff;line-height:32px;text-align:center;font-weight:400; background:#eb9e31; margin:0 auto;}
td .part.pt1{background:#eb9e31}
td .part.pt2{background:#2c86c1}
td .part.pt3{background:#89bc4d}
td .part.pt4{background:#f26522}
td .part.pt5{background:#e83138}
td .part.pt6{background:#f8941d}
td .part.pt7{background:#84a003}
td .part.pt8{background:#a13ee6}
td .stat {display:block; width:110px;font-size:15px;color:#ba0404;line-height:30px;text-align:center;font-weight:400;background:#fff;border:1px solid #d20202; margin:0 auto;}

#bo_v #option {position:relative;padding:20px 120px 20px 20px;font-size:21px;color:#252525;font-weight:700;text-align:left;border-top:2px solid #363636;}
#head {position:relative;}
#head tr th {padding:15px 10px;color:#252525;font-weight:500;text-align:center;background:#f8f8f8;border:1px solid #e1e1e1;}
#head tr td {padding:15px 10px;border:1px solid #e1e1e1;}
#head td .stat {position:absolute; right:0; top:-50px;}
#head td.br_none {border:none;}

#bo_list > .wrap {padding:0;}


/* 장비사용신청 */

.on_air {overflow:hidden; margin-bottom:30px; position:relative;}
.on_air > div {width:48%; float:left;}
.on_air .img_box {margin-right:4%;}
.on_air .img_box img {width:100%;}
.on_air .txt_box{position:absolute; right:0; bottom:0;}
.on_air .txt_box h3 {font-weight:bold; font-size:26px; margin-bottom:40px;}
.on_air .txt_box p {font-size:18px; margin-bottom:30px; word-break:keep-all; color:#666;}
.on_air .txt_box span {font-size:16px; font-weight:500; color:#eb9e31;}
.application {font-size: 20px; color: #fff !important; padding: 10px 30px; border: 2px solid #eb9e31; border-radius: 5px; font-weight: 500; letter-spacing: -0.5px; transition:all 0.4s; background:#eb9e31; display:block !important; margin:50px auto 0; width:160px; text-align:center;}
.application:hover {border:2px solid #eb9e31;  color:#eb9e31 !important;  background:#fff;}


/* 멤버십 */

.cafe_box .table_02 td {text-align:center;}
.cafe_box .call p {font-size:18px; margin-top:15px;}
.cafe_box .call p a {padding-right:20px; transition:0.3s; vertical-align:baseline;}
.cafe_box .call p a:hover {color:#2c86c1}

.com_list {}


/* 프로그램 안내 */
.program__inner .sub__bar{margin:30px auto 30px;}
.program__box{margin:80px 0 100px;}
.program__box__item{display:flex;border:1px solid #ddd;margin-bottom:45px;}
.program__box__item:last-child{margin-bottom:0;}
.program__photo{width:30%}
.program__photo img{width:100%;height:auto;}

.program__text{width:70%;padding:45px 60px 0 60px;}
.program__text .sub__middle__tit{font-weight:600;margin-bottom:25px;line-height:32px;}
.program__text .sub__middle__tit>span{font-size:16px;}
.program__text__des{font-size:20px;font-weight:400;margin-bottom:22px;line-height:25px;}
.program__text p{font-size:16px;margin-bottom:35px;color:rgba(0,0,0,.7);}
.program__text buttom a{padding:10px 35px;font-size:18px;background:#f8aa1f;color:#fff;font-weight:500;border-radius:50px;}


/*공간구성*/
.space__inner .sub__middle__tit{left:50%;top:0;transform:translateX(-50%);}
.space__map{padding:35px 200px 70px;}
.space__map img{width:100%; height:auto;}

.space__photo{width:33.3333%;float:left;}
.space__photo__item{position:relative; margin:0 10px 40px;overflow:hidden;}
.space__photo__item img{width:100%;height:auto;}
.space__photo__text{position:absolute;bottom:0;left:5%;width:90%;height:30%;background:#fff;text-align:center;
display:flex;flex-direction:column;justify-content:center;align-items:center;letter-spacing:-1px;}
.photo__text__tit{font-size:22px;font-weight:600;margin-bottom:8px;}
.space__photo__text>span{line-height:20px;font-size:16px;}
.space__photo__item>span{position:absolute;top:10px;left:10px;display:block;
background:#f8aa1f;width:30px;height:30px;border-radius:50%;color:#fff;text-align:center;line-height:28px;}

.space__photo__box1{margin-bottom: 35px;}
.space__photo1{width:50%;}


.space__cont2{margin-top:70px;}
.tools__box{margin-top:35px;}
.tools__box li{float:left;width:20%;}
.tools__box__item{border:1px solid #ddd; margin: 0 10px;}
/*.tools__photo{ height:140px;overflow:hidden;}*/
.tools__photo img{width:100%; height:auto;}
.tools__box__item>p{text-align:center;padding:8px;}



/* 시설이용 안내*/
.facility__box__item{text-align:center;position:relative;margin-bottom:50px;}
.facility__num{background:#f8aa1f;width:47px;height:47px;border-radius:50%;color:#fff;font-size:20px;line-height:35px;
position:absolute;top:-30px;left:50%;transform:translateX(-50%);z-index:20;border:7px solid #fff;}
.facility__text{padding:25px;background:#f8f8f8;max-width:920px;margin:0 auto;}
.facility__text h3{font-size:20px;margin-bottom:15px;}
.facility__text span{font-size:16px; opacity:.7;letter-spacing:-1px;}
.facility__text1{padding:35px 25px 25px;}
.facility__text1, .facility__text2 {margin-bottom:10px;}




/*시설투어신청*/
.con_box .m_scroll {display:none; color:#de0e0e; font-weight:500; font-size:15px; }

.tour_apply {margin:40px 0 !important; position:relative; }
.tour_apply h2 {text-align: center;font-size: 28px;font-family: NanumSquare;font-weight: 800; }
.tour_apply a.cal_prev {position:absolute; top:0; left:-200px; right:0; margin:0 auto; width:37px; }
.tour_apply a.cal_next {position:absolute; top:0; left:0; right:-200px; margin:0 auto; width:37px; }

.tour_tb {width:100%; margin:20px 0 90px !important; }
.tour_tb table th {text-align:center; max-width:143px; padding:8px; border-top:3px solid #139db8; }
.tour_tb table th span {padding:2px 3px; width:100%; display:inline-block; color:#222; font-family:NanumSquare; font-size:20px; }

.tour_tb table th.sun, .tour_tb table td.sun {color:#ed595a;}
.tour_tb table th.sat, .tour_tb table td.sat {color:#398ede;}

.tour_tb table td {padding:5px 5px; position:relative; vertical-align:top; height:150px; font-size:18px; width:14%; }
/* .tour_tb table td div {text-align:left; padding:5px; font-size:18px; height:100%; overflow:hidden; }
.tour_tb table td strong {font-weight:400; position:absolute; z-index:9; } */

/* .tour_tb table td span {display: block;text-align: center;background: #f5f5f5;border-radius: 8px; position: absolute;top: 3px;left: 3px;z-index: 8;width: 97%;height: calc(100% - 5px); overflow:hidden; font-size:15px; padding:40px 10px 10px 10px; }
.tour_tb table td span.complete {background:#ffdf7e; }
.tour_tb table td span.deadline {background:#dcdcdc; } */
.tour_tb table td span.possible {background:#fdeec0;}
.tour_tb table td span.possible a {width:100%; display:block; }

.tour_tb table td span p.time {color: #484848; font-family:NanumSquare; }
.tour_tb table td span p.tour_name {font-weight: 500;font-size: 16px;height: 50px;}
.tour_tb table td span p.tour_complete {font-size: 17px;font-weight: 500; position:relative; }
.tour_tb table td span p.tour_complete:after {position:absolute; content:""; width:17px; height:17px; background:url(../img/sub/tour_com_icon.png) no-repeat 0 0; }
.tour_tb table td span p.tour_deadline {font-size: 17px;font-weight: 500; position:relative; }

/*틀 변경-200921*/
.tour_tb table td div {text-align: left;padding: 5px;font-size: 18px;height: 100%;color: #333;position: relative;background: #f5f5f5;border-radius: 8px;}
.tour_tb table td strong {font-weight: 400;z-index: 9;display: block;}
.tour_tb table td span {display: block; border-radius: 8px;top: 3px;left: 3px;z-index: 8;width: 97%;overflow: hidden;font-size: 15px;padding: 10px 10px 10px 10px;}
.tour_tb table td div.deadline {background: #dcdcdc;}
.tour_tb table td div.complete {background: #ffdf7e;}
.tour_tb table > tbody > tr > td:first-child div, .tour_tb table > tbody > tr > td:last-child div {background: #ddd;}



/*토요일 일요일*/
.tour_tb table > tbody > tr > td:first-child div strong {color:#f00909; }
.tour_tb table > tbody > tr > td:last-child div strong {color:#0041fb; }
/* .tour_tb table > tbody > tr > td:first-child span, .tour_tb table > tbody > tr > td:last-child span {background:#ddd; } */


/*시설투어 상세페이지*/
.equip_inner {padding-bottom:0 !important;}
.tour_info {margin-bottom:40px; }
.tour_info > h2 {word-break:keep-all; margin-bottom:10px;}
.tour_info > h2 + p {word-break:keep-all; margin-bottom:20px; color:#666;}
table.step_form + h2 {margin-top:50px;}
.tour_info .cont_box01 {overflow:hidden;}
.tour_info .cont_box01 .tour_img {overflow: hidden;width: 400px;display: inline-block; border:1px solid #ddd; text-align:center; position:relative; float:left; min-height:450px;}
.tour_info .cont_box01 .tour_img span {position: absolute;left: 0;top: 0px; background:#89bc4d; color:#fff; z-index:1; width:90px; height:90px; line-height:90px; box-shadow:3px 4px 7px rgba(0,0,0,0.1);}
.tour_info .cont_box01 .tour_img img {height:auto; width:100%;    position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.tour_info .cont_box01 .tour_desc {width: calc(100% - 450px);display: inline-block;vertical-align: top;position: relative;float: right;}
.tour_info .cont_box01 .tour_desc h3 {font-size: 25px; width:75%; word-break:keep-all; line-height:1.5; color:#139db8; margin-bottom:10px;}
.tour_info .cont_box01 .tour_desc p {font-size: 17px;}
.tour_info .cont_box01 .tour_desc p span {font-weight:500; vertical-align:top; }
.tour_info .cont_box01 .tour_desc button {position: absolute;right: 0;top: 10px;}
.tour_info .cont_box01 .tour_desc button {padding: 13px 50px;display: block;background: #139db8; color:#fff; border-radius:5px;font-size: 18px; transition:all 0.4s; }
.tour_info .cont_box01 .tour_desc button:hover {background:#fff; box-shadow:0px 0px 0px 2px #139db8 inset; color:#222; }
.tour_info .cont_box01 .tour_desc button.off a {background:#ddd; color:#9e9e9e; }
.tour_info .cont_box01 .tour_desc button.off a:hover {background:#ddd; box-shadow:none; color:#9e9e9e; }

.tour_info .cont_box01 .tour_desc ul {border-top: 1px solid #c0c0c0; padding-top:20px; margin-top:20px; clear:both}
.tour_info .cont_box01 .tour_desc ul:after{content:"";display:table;clear:both}
.tour_info .cont_box01 .tour_desc ul li {margin-bottom:10px; word-break:keep-all; line-height:45px; }
.tour_info .cont_box01 .tour_desc ul li span {display: inline-block; width:45px; height:45px; border-radius:50px; vertical-align:middle; margin-right:10px; }
.tour_info .cont_box01 .tour_desc ul li.tour_day span {background:url(../img/sub/tour_day_icon.png) #f5f5f5 no-repeat center center; }
.tour_info .cont_box01 .tour_desc ul li.tour_time span {background:url(../img/sub/tour_time_icon.png) #f5f5f5 no-repeat center center; }
.tour_info .cont_box01 .tour_desc ul li.tour_person span {background:url(../img/sub/tour_per_icon.png) #f5f5f5 no-repeat center center; }
.tour_info .cont_box01 .tour_desc ul li.tour_person strong {color:#e61d1d; word-break:keep-all;}


/*프로그램/행사 신청 글쓰기*/
.write_type_box {background: #f5f5f5;padding: 20px 25px;margin-top: 15px; position:relative; font-size:16px;}
.write_type_box ul li {display: inline-block; width:50%; }
.write_type_box ul li:first-child, .write_type_box ul li:nth-child(2) {width:100%;}
/*.write_type_box ul li:last-child {margin-bottom:0;}*/
.write_type_box ul li p {display: inline-block;font-weight: 500;width: 100px;text-align: left;  font-size: 16px;}
.write_type_box ul li input {margin-right: 5px;}

.res_type {position: absolute;top: 30px;right: 30px;}
.res_type select {border: 1px solid #139db8;width: 110px;padding: 3px 10px; font-size: 17px;}

.cke_sc > button {height: inherit;}
h2.small_title {font-size: 21px;margin-top: 30px;margin-bottom: 5px;padding-top: 20px;}

/*장비 트레이닝 상세페이지*/
.tour_info .cont_box01 .eq_item li {display: inline-block;width: 14%;margin: 0 1%;margin-bottom: 15px;text-align: center;height: 142px;overflow: hidden; }
.tour_info .cont_box01 .eq_item li:last-child {margin-right:0; }



/*장비 이용 예약*/
h2.adm_title {text-align: center;font-size: 25px;font-weight: 600;position: relative;}
h2.adm_title:after { position: absolute;content: "";width: 30px;height: 30px;border-radius: 50%;background: #139db8;z-index: -1;bottom: -10px;margin-left: -13px; }
p.adm_desc {text-align: center;font-weight: 300;margin-top: 10px;font-size: 16px;}

.equip_inner .equipmenttab {list-style: none;margin: 0;padding: 0;overflow: hidden; text-align:center; }
.equip_inner .equipmenttab li {display: inline-block;width: auto;text-align: center; margin:0 15px; }
.equip_inner .equipmenttab li a {display: inline-block;color: #c7c7c7;text-align: center;text-decoration: none;padding: 5px;font-size: 18px;transition: 0.3s;width: 100%;font-weight: 600;}
.equip_inner .tabcontent {display: none; padding: 0px 0 20px;}
.equip_inner ul.equipmenttab li.current a {color:#139db8; position:relative; }
.equip_inner ul.equipmenttab li.current a:after {position: absolute;content: "";width: 100%;height: 3px;background: #139db8;bottom: 0;left: 0;}
.equip_inner .tabcontent.current {display: block;}

.equip_inner .box {position: relative; width:100%; }
.equip_inner .box .box_img {border: 1px solid #ddd; height:278px; }
.equip_inner .equip_box img {width: 100%; height:100%;}
.equip_inner .equip_box .box_info {color: #fff;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;padding: 25px;opacity: 0;transition: opacity 0.35s ease-in-out;text-align: center;vertical-align: middle;}
.equip_inner .equip_box:hover .box_info {opacity: 1;}
.equip_inner .equip_box .box_info h3 {font-size: 20px;vertical-align: middle;line-height: 180px;word-break: keep-all;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.equip_inner .equip_box .box_info p {position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 80px;}
.equip_inner .equip_box .box_info p a {font-size: 18px;color: #fff;padding: 5px 30px;border: 2px solid #fff;border-radius: 30px;font-weight: 300;letter-spacing: -0.5px; transition:all 0.4s; }
.equip_inner .equip_box .box_info p a:hover {border:2px solid #139db8; background:#139db8; color:#fff; }

.equip_inner .tabcontent ul li {display:inline-block; width:31%; margin:0 1%; margin-bottom:20px !important; }
.equip_inner .tabcontent ul li p {text-align: center;font-size: 18px;font-weight: 500;letter-spacing: -0.5px;padding: 15px 0; word-break: keep-all;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

ul.page_pager {width: 100%;text-align: center;margin: 10px 0 60px;}
ul.page_pager li {display: inline-block;width: 30px;margin: 0 2px;text-align: center;}
ul.page_pager li a {background: #ececec;padding: 5px 0;border-radius: 3px;display: block;width: 100%;font-size: 13px;}
ul.page_pager li a.current {background: #eea417;color: #fff;text-align: center;}


/*장비 신청 폼*/
.equip_form > ul {width: 100%;text-align: center; border-bottom:1px dashed #ddd; margin-bottom:40px; }
.equip_form > ul li {display: inline-block;margin: 30px 100px; position:relative; transition:all 0.4s; }
.equip_form > ul li:after {position: absolute;content: "";width: 25px;height: 46px;background: url(../img/sub/step_arrow.png) no-repeat 0 0;background-size: 100%; top:45px; right:-115px; }
.equip_form > ul li:last-child:after {display:none; }
.equip_form > ul li img {display: block;margin: 0 auto;margin-bottom: 20px;}
.equip_form > ul li p {font-size: 17px;text-align: center;}
.equip_form > ul li p span {display: block;text-align: center;background: #f5f5f5;border-radius: 5px;padding: 5px;margin-bottom: 10px; width:140px; font-size:17px; font-weight:500; }
.equip_form > ul li.active p span {background: #139db8;color:#fff;font-weight:500; }

.cal_head {width:100%; position:relative; clear:both; height:75px;}
a.cal_prev {position: absolute; top:0; left: -200px;right: 0;margin: 0 auto;text-align: center; width:37px;}
a.cal_next {position: absolute; top:0; left: 0;right: -200px;margin: 0 auto;text-align: center; width:37px; }

#R_calendar {width: 100%;display:inline-block;text-align: center; }
#R_calendar > p {line-height:1.2; margin-bottom:10px;}
#R_calendar .cale_box {position: relative; display:flex;align-items: center; justify-content: space-around;margin: 0 0 15px;}

#R_calendar a.cal_prev {position: relative; left: auto; order:1;}
#R_calendar a.cal_next {position: relative; right: auto;order:3; }
#R_calendar .cale_box h3 {font-size: 24px;font-weight: 600; order:2;}


#R_calendar .cale_box ul.clae_ex {width: 80%;background: #f5f5f5;padding: 10px; margin:10px auto; }
#R_calendar .cale_box ul.clae_ex li {display: inline-block;vertical-align: middle;font-size: 14px; margin:0 5px; }
#R_calendar .cale_box ul.clae_ex li span {display: inline-block;width: 15px;height: 15px;border-radius: 50%;margin-right: 4px;vertical-align: middle;}
#R_calendar .cale_box ul.clae_ex li.ex_possible span {background: #ffe2b0; }
#R_calendar .cale_box ul.clae_ex li.ex_select span {background: #139db8; }
#R_calendar .cale_box ul.clae_ex li.ex_unposs span {background: #dadada; }
#R_calendar .cale_box ul.clae_ex li.ex_holi span {background: #ff9a9a; }

#R_calendar table {/*width:90%; margin:0 auto; */}
#R_calendar table thead tr {border-bottom: 1px solid #ddd;}
#R_calendar table thead tr th {padding: 10px 0; background:#f5f5f5;}
#R_calendar table tbody tr td {text-align: center;padding: 7px;}
#R_calendar table tbody tr td span {background: #ddd;width: 40px;height: 40px;display: block;border-radius: 50%;text-align: center;vertical-align: middle;padding: 9px;font-size: 14px;margin: 0 auto;}
#R_calendar table tbody tr td span.mini_unposs {background:#aaaaaa;}
#R_calendar table tbody tr td span.mini_holi {background:#ff9a9a; color:#fff; }
#R_calendar table tbody tr td span.mini_possible {background:#ffe2b0; cursor:pointer; }
#R_calendar table tbody tr td span.mini_select {background:#139db8; color:#fff;}

#L_calendar {display:none; width: 48%;float: right;}
#L_calendar > div {text-align: center;background: #f9f9f9;border-radius:3px; padding:40px; ; margin-bottom:30px;}
#L_calendar h3 {font-size: 18px;margin-bottom:25px;}
#L_calendar .slect_time select {display: inline-block;width: 40%;margin: 1.5%;background: #fff; border-radius:5px; padding:5px 5px; font-size:16px; font-weight:300; vertical-align:middle; transition:all 0.4s; border:1px solid #ddd;}

/*장소선택-체크박스*/

#L_calendar .slect_place ul li {display: inline-block;width: 40%;margin: 1.5%;background: #fff;box-shadow:2px 2px 4px 1px #dddd;border-radius: 30px;padding:6px 5px 6px 30px;font-size:16px; vertical-align:middle; transition:all 0.4s; }
#L_calendar .slect_place ul li {position:relative; }
#L_calendar .slect_place ul li label {background-color: #fff; border: 1px solid #d6d6d6;border-radius: 50%;cursor: pointer;height: 23px;left: 5px;position: absolute;top:5px;width: 23px;}
#L_calendar .slect_place ul li label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 5px;opacity: 0;position: absolute;top: 7px;transform: rotate(-45deg);width: 12px;}
#L_calendar .slect_place ul li input[type="checkbox"] {visibility: hidden;}
#L_calendar .slect_place ul li input[type="checkbox"]:checked + label {background-color: #139db8; border-color: #139db8;}
#L_calendar .slect_place ul li input[type="checkbox"]:checked + label:after {opacity: 1;}
#L_calendar .slect_place ul li.time_null {background: #d0d0d0; color:#ababab; }

/*장소마감*/

#L_calendar .slect_place ul li.n_click {color: #b9b9b9; background:#ddd; }
#L_calendar .slect_place ul li.n_click:after {position: absolute;content: "";width: 100%;height: 30px;z-index: 99;left: 0;top: 0;}
#L_calendar .slect_place ul li.n_click label {background: #e0e0e0;}


/*시간선택-체크박스 끝*/

/*시간선택-라디오버튼
#L_calendar .slect_time ul li {position:relative; }
#L_calendar .slect_time ul li input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
#L_calendar .slect_time ul li input[type="radio"] + label {display: inline-block;position: relative;padding-left: 36px;padding-top:4px;cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
width:100%;text-align:left;}
#L_calendar .slect_time ul li input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 0px;width: 30px;height: 30px;text-align: center;background: #f1f1f1;border-radius: 100%; }
#L_calendar .slect_time ul li input[type="radio"] + label:active:before,
#L_calendar .slect_time ul li input[type="radio"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
#L_calendar .slect_time ul li input[type="radio"]:checked + label:before {background: #139db8;}
#L_calendar .slect_time ul li input[type="radio"]:checked + label:after {content: '';position: absolute;top: 8px;left: 8px;width: 14px;height: 14px;background: #fff;border-radius: 100%;}
/*시간선택-라디오버튼 끝*/


/*시간선택-체크박스*/

#L_calendar .slect_time ul li {position:relative; }
#L_calendar .slect_time ul li label {background-color: #fff; border: 1px solid #d6d6d6;border-radius: 50%;cursor: pointer;height: 23px;left: 5px;position: absolute;top: 3px;width: 23px;}
#L_calendar .slect_time ul li label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 5px;opacity: 0;position: absolute;top: 7px;transform: rotate(-45deg);width: 12px;}
#L_calendar .slect_time ul li input[type="checkbox"] {visibility: hidden;}
#L_calendar .slect_time ul li input[type="checkbox"]:checked + label {background-color: #139db8; border-color: #139db8;}
#L_calendar .slect_time ul li input[type="checkbox"]:checked + label:after {opacity: 1;}
#L_calendar .slect_time ul li.time_null {background: #d0d0d0; color:#ababab; }

/*시간마감*/

#L_calendar .slect_time ul li.n_click {color: #b9b9b9; background:#ddd; }
#L_calendar .slect_time ul li.n_click:after {position: absolute;content: "";width: 100%;height: 30px;z-index: 99;left: 0;top: 0;}
#L_calendar .slect_time ul li.n_click label {background: #e0e0e0;}


/*시간선택-체크박스 끝*/


.click_result {margin-top: 60px; text-align:center; }
.click_result p {text-align: center;font-size: 18px;color: #2f2f2f;background: #fff8e4;padding: 20px;max-width: 500px;border-radius: 50px;margin: 0 auto; margin-bottom:30px; }
.click_result p span {font-weight: 600;color: #000;display: block;}

.click_result > a {display: inline-block;text-align: center;border-radius: 5px; padding: 10px 20px;font-weight: 500;width: 100%; max-width:300px; margin: 0 5px; color:#fff;}
.click_result > a.step_next {color: #fff; }
.click_result > a.step_cancel {}


.step_next, a.step_next {background: #139db8; color: #fff; }
.step_cancel a, a.step_cancel {display: inline-block; padding: 10px 20px; background: #b9b9b9;  margin:0 auto;text-align: center; border-radius: 3px;}

.step_form .frm_input {border-bottom:0;background:#f8f8f8;}

span.essen {font-size:14px;}


/*장비 신청 폼 2단계*/

.equip_form2 ul {border-bottom:none; margin-bottom:0; }
.equip_form2 .click_result {border-top:0; margin-top:30px; }

.step_box02{padding: 30px;background: #f9f9f9;}
.step_box02 p {font-weight: 600;margin-bottom: 15px;}
.step_box02 ul li span {display: block;}

.step_agree {display: block;position:relative;}
.step_agree h3 {margin-bottom:10px;}
.step_agree p {margin-bottom:10px;}
.step_agree span {display:inline-block; text-align:left; vertical-align:middle; }
.step_agree label {vertical-align:middle; margin-left:15px;}

table.step_form {border-top: 2px solid #000; border-bottom: 1px solid #ddd; max-width:768px;}
table.step_form tr {border-top: 1px solid #ddd;}
table.step_form th {background: #f5f5f5;padding: 15px 20px;font-weight: 500;width: 200px; text-align:left;word-break:keep-all;}
table.step_form th span {color: #ef1c1c;font-size: 21px;font-weight: 500;margin-left: 2px;}
table.step_form th span.personal_t {color:#a0a0a0; font-size:13px; font-weight:400; margin-left:0; line-height:1; word-break:keep-all; line-height:1.0;}
table.step_form td {padding:15px 20px;}
table.step_form td textarea {width: 100%; border:1px solid #ccc; }

table.step_form td input.step_person {width:10%; }

table.step_form .ev_chk input {width:auto;}
.ev_chk {overflow:hidden;}
.ev_chk ul {float:left;}
.ev_chk ul:nth-child(1) {width:70%;}
.ev_chk ul:nth-child(2) {width:30%; border-left:1px solid #ddd;}
.ev_chk ul li {display:inline-block; margin-right:2%; font-size:15px; letter-spacing:-0.5px;}
.ev_chk ul:nth-child(1) li {width:17%;}
.ev_chk ul:nth-child(2) li {margin-right:5%; width:44%; text-align:right;}

.br_t {border-top:1px dashed #a1a1a1 !important;}



/*프로그램 신청*/
.program_apply .box {position: relative; width:100%; }
.program_apply .box a {display: block; width:100%; height:100%;}
.program_apply .box .box_img {border: 1px solid #ddd; height:400px;}
.program_apply .program_box img {width: 100%; height:100%;}
.program_apply .box .box_img span {display: block; min-height:400px;background: url(../img/default_img.jpg) center center no-repeat;}
.program_apply .program_box .box_info {color: #fff;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;padding: 25px;opacity: 0;transition: opacity 0.35s ease-in-out;text-align: center;vertical-align: middle;}

.program_apply .program_box:hover .box_info {opacity: 1;}
.program_apply .program_box .box_info h3 {font-size: 20px;vertical-align: middle;line-height: 200px;word-break: keep-all;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color:#fff; width:95%; }
.program_apply .program_box .box_info p {display:inline-block; width:150px; position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 100px; font-size: 16px;color: #fff;padding: 5px 30px;border:1px solid #fff;border-radius: 5px;font-weight: 300; transition:all 0.4s; }
.program_apply .program_box .box_info p:hover {border:1px solid #139db8; background:#139db8; color:#fff; }

.program_apply .tabcontent ul li {display:inline-block; width:22%;/* margin:1%;*/ margin-bottom:20px; vertical-align:top;}
.program_apply .tabcontent ul li.empty_list {width:100%;}
.program_apply .tabcontent ul li p {text-align: center;font-size: 18px;font-weight: 500;letter-spacing: -0.5px;padding: 15px 5px; word-break: keep-all;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.program_apply .tabcontent ul li p span {display: block;margin-top: 10px;font-size: 15px;font-weight: 300;color:#4e4e4e; text-align:right; }

.program_apply .tabcontent ul li.deadline .box:after {position: absolute;content: "";background: url(../img/sub/dead_stamp.png) no-repeat 0 0;width: 100px;height: 100px;background-size: cover;right: 20px;bottom: 20px;}
.program_apply .tabcontent ul li.deadline .box_info {opacity:1; }
.program_apply .tabcontent ul li.deadline .box_info h3, .program_apply .tabcontent ul li.deadline .box_info p {display:none; }
.program_apply .tabcontent ul li.deadline:hover .box_info h3, .program_apply .tabcontent ul li.deadline:hover .box_info p {display:block; }

/*프로그램 신청 상세보기*/
.program_img {text-align:center; border:1px solid #eaeaea; }
.program_img img {width:60%; }



/*마이페이지-신청리스트*/
.mylisttab {list-style: none;margin: 0;padding: 0;overflow: hidden; text-align:center; ; margin:0 0 50px}
.mylisttab li {display: inline-block;width: auto;text-align: center; margin:0 20px; }
.mylisttab li a {display: inline-block;color: #c7c7c7;text-align: center;text-decoration: none;padding:15px 0px;font-size: 20px;transition: 0.3s;width: 100%;font-weight: 500;}
.con_box > div.tabcontent {display: none; /*padding:20px 0px;*/}
ul.mylisttab li.current a {color:#139db8; position:relative; }
ul.mylisttab li.current a:after {position: absolute;content: "";width: 100%;height: 3px;background: #139db8;bottom: 0;left: 0;}
.tabcontent.current {display: block;}
.con_box > div.tabcontent.current {display: block;}

table.my_list_inner thead {border-top: 2px solid #000;border-bottom: 1px solid #d3d3d3;}
table.my_list_inner thead th {padding: 12px 0;color: #383838;font-size: 0.95em;text-align: center;letter-spacing: -0.1em;}

table.my_list_inner tbody {border-bottom: 1px solid #d3d3d3;}
table.my_list_inner tbody td {padding: 15px 5px;border-top: 1px solid #ddd;line-height: 1.5em;word-break: break-all;position: relative; text-align:center; }
table.my_list_inner tbody td:after {position: absolute;content: "";width: 1px;height: 19px;background: #ddd;right: 0px; margin-top:4px; }
table.my_list_inner tbody td:last-child:after {display:none; }
table.my_list_inner tbody td.name_list {text-align:left; }
table.my_list_inner tbody td.name_list a {width: 100%;padding-left: 10px;}

.reser_cancel {margin-top: 20px;}
.reser_cancel a {background: #7f7f7f;color: #fff !important;padding: 5px 10px;border-radius: 3px;font-size: 14px;}

.mylistbox {width: 100%; margin-bottom: 20px; position:relative; border:1px solid #6f87a7; min-height:100px; border:5px solid #efefef; padding:30px 20px; overflow:hidden; text-align:center;}
.mylistbox .img {width:210px; text-align:center; float:left }
.mylistbox > ul {max-width: calc(100% - 210px); padding-left:30px;float:left; border-left:1px solid #ddd; text-align:left;}
.mylistbox > ul > li {display: inline-block; }
.mylistbox > ul > li:first-child {margin-right:50px;}
.mylistbox > ul > li#month_search_tag a {display: inline-block;background: #ddd;padding: 5px 10px;border-radius: 3px; cursor:pointer; }
.mylistbox > ul > li#month_search_tag a.current {background: #139db8;}
.mylistbox ul li p {display: inline-block;margin-right: 10px;}
.mylistbox ul li button {background: #ccc;padding: 3px 8px;border-radius: 3px;}
.mylistbox > ul > li dl dt {display: inline-block; width: 40%;}
.mylistbox > ul > li dl dt input {width: 95%; border: 1px solid #ddd; padding:5px 10px; height:40px; border-radius:3px;}
.mylistbox > ul > li dl dt img {float:right;display:inline-block;height:40px;}
.mylistbox > ul > li dl dd {display: inline-block;}
.mylistbox > ul > li dl span {display: inline-block; padding:0 10px;}
.mylistbox > span {display: inline-block; /*position: absolute; right: 40px; top: 50px;*/ transition:0.3s; float: left; margin-top:20px;}
.mylistbox > span > a { background: #139db8; border:1px solid #139db8; width: 100px; text-align: center; border-radius: 3px; font-weight: 500; padding: 20px; color: #fff; font-weight:500;}
.mylistbox > span > a:hover {background:#fff; color:#139db8;}

.first_count {
width: 19%;
display: inline-block;
border-right: 1px solid #cacaca;
}
.first_count img {width: 140px;display: block;margin: 0 auto;}

.con_box > div.my_list_box {margin-top:0px; padding:0}



















@media all and (max-width:1400px){

.sub_tit {font-size:22px;}
.booking_tb {width:calc(100% - 280px);}
.booking_cal_desc {width: 250px;padding:15px;}
.rent_box:after{font-size: 100px;}

.box01:after{ font-size: 100px; position: absolute; top: 60%}
}

@media all and (max-width:1200px){
.intro__time{padding:35px 35px 0; min-width:215px;height:300px;}
.intro__text{padding-left:60px;}

.location .info .inner {padding:25px 20px; margin-right:0;}

.transport > li {width:100% !important; padding-left:170px !important; margin-bottom:20px;}
.transport > li .tit {padding-left:65px !important;}

.transport .sub .tit:before {top:-8px; left:7px;}

}

@media all and (max-width:1100px){
.facility__bg{width:20%;}
.program__text{padding:40px 0 0 60px;}
.program__text .sub__middle__tit{margin-bottom:20px;line-height:32px;}
.program__text__des{margin-bottom:18px;}
.program__text p{margin-bottom:25px;}
.facility__bg{width:18%;}


.list_05 > li {padding:25px 20px;}
.list_05 > li .sub_tit02 {margin-bottom:10px;}

.move_in .list_05 > li {height: 180px;}
.move_in .list_05 li p {  width: 60%;}
.con_wrap .list_05 li { padding: 24px 30px;}
.move_in .list_05_2 li .list_04 li {padding: 20px;}
.move_in .list_05_2 > li {height:383px;}



}

@media all and (max-width:1024px){
.intro__time{width:30%;}
.intro__text{width:70%;padding-left:80px;}

.navi__text__item1{flex-direction:column;}
.navi__text__item1 p:first-child{width:100%;margin-bottom:35px;}
.navi__text__item1 p:last-child{width:100%;}
.navi__text__item2{margin-top:10px;}
.navi__text__item>p{display:flex;align-items:center;}
.navi__text__item>p>span{display:block;}

.space__map{padding:35px 150px 70px;}
.program__photo{width:32%}
.program__text{padding:40px 20px 0 40px;}
.program__text .sub__middle__tit{margin-bottom:18px;line-height:25px;}
.program__text__des{margin-bottom:15px;font-size:18px;}
.program__text__des>br{display:none;}
.program__text p{margin-bottom:20px;}
.program__text buttom a{padding:8px 30px;font-size:16px}

.facility__bg{width:20%;}

.sub_box > h1 {font-size:28px;}


.tips_info li div {width:100%; padding:50px 15%;}

.info_wrap {padding:5%;}
.info_wrap .tit {padding:55px 15px 55px 0;}
.info_wrap .company_info {padding:15px;}
.info_wrap .company_info .txt {font-size:22px;}
.info_wrap .company_info ul {margin-top:10px;}
.info_wrap .company_info .s_txt {font-size:16px;}

.list_05 > li {width:32.5%; margin-right:1%;}
.list_05_2 > li {width:49.5%;}

.pro_box > div:first-child {width:250px;}
.pro_box > div.txt {width:calc(100% - 250px)}
.pro_box .link {margin-top:10px; margin-left:0;}


.booking_tb table th span {font-size:15px;letter-spacing: -0.5px;}
.booking_tb table td div {font-size: 17px;}

.rent_box {padding: 25px;}
.s_fld02 > .rdos02 {width: 32%;}
.s_fld02 > .rdos02:nth-child(1),.s_fld02 > .rdos02:nth-child(2), .s_fld02 > .rdos02:nth-child(3)  {margin-bottom:10px}
.s_fld02 > .rdos02:nth-child(3n) {margin-right:0;}
.rdos02 input[type="radio"] + label p {padding:7px 5px;}
.rdos02 input[type="radio"] + label > span {padding:10px; padding-left: 40px;}
#faci_desc img { width: 45%;}
#faci_desc ul {width: 50%;}


.form_list > ul > li .frm_li .fld .datesel { width: auto;max-width: 300px;}
.box01 {padding: 20px;}
.box01:after{ font-size:65px;  top: 70%}
}


@media all and (max-width:1000px){
#m_sidebar {border-bottom:1px solid #ddd;  height:60px;}
#m_sidebar .m_snb > .over {height: 60px; padding:0 15px;}
#m_sidebar .m_snb > .over span {line-height: 60px; }


.sub_tit {font-size:20px;}
.booking_tb {width:100%;}
.booking_cal {overflow-x:auto;margin-bottom:10px;}
.booking_tb table {min-width:600px;}
.booking_cal_desc {width:100%; margin-top: 30px;padding: 10px;}
.booking_cal_desc span a {font-size: 18px;}



.rent_box:after{display:none;}
.rent_form_inner {padding: 25px;}

span.essen {/*display:block;*/}
.ag1 {position: relative;width: 100%;right: 0;top: auto; margin-top:10px}

}


@media all and (max-width:960px){
.list_06 > li {padding:15px 15px;}
.list_06 > li p {font-size:18px; padding:15px 0 10px;}
.list_06 > li h4 {padding-bottom:15px;}
.list_06 > li h4 img {width:40px;}
.intro .list_06 > li {height:230px;}
.intro .list_06 > li:nth-child(2) {margin-top:310px;}
.intro .list_06 > li:nth-child(2):before {top:-245px;}
.intro .list_06 > li:nth-child(2):after {top:-315px;}
.intro .center {width:250px; height:250px; padding:20px;}
.intro .list_05 > li:nth-child(1) {background: url('../img/sub/intro_01.png') right 13px top 12px no-repeat;}
.intro .list_05 > li:nth-child(2) {background:url('../img/sub/intro_02.png') right 13px top 12px no-repeat;}
.intro .list_05 > li:nth-child(3) {background:url('../img/sub/intro_03.png') right 13px top 12px no-repeat;}

}

@media all and (max-width:900px){
.intro__time{width:30%;}
.intro__text{width:70%;padding-left:30px;}

.photo__text__tit{font-size:18px;margin-bottom:4px;}
.space__photo__text>span{line-height:16px;font-size:14px;}
.space__cont2{margin-top:20px;}
.tools__box__item{margin: 0 4px;}
.tools__box__item>p{font-size:14px;}

.program__box__item{flex-direction:column;}
.program__photo{width:100%;}
.program__text{width:100%;padding:40px 20px 40px 40px;}
.program__text__des>br{display:block;}

.facility__bg{width:25%;}

.list_05 li p {font-size:16px; line-height:1.4;}
.intro .list_05 > li {; padding:24px; }
.intro .list_05 > li:nth-child(1) {background:url('../img/sub/intro_01.png') right 10px top 20px no-repeat;  background-size: 30%;}
.intro .list_05 > li:nth-child(2) {background:url('../img/sub/intro_02.png') right 10px top 20px no-repeat; background-size: 30%;}
.intro .list_05 > li:nth-child(3) {background:url('../img/sub/intro_03.png') right 10px top 20px no-repeat; background-size: 30%;}

.point { margin-top:2px;}


.intro .list_05.list_05_2 > li {height:180px;}
.intro .list_05.list_05_2 > li:nth-child(1) {background:url('../img/sub/intro_04.png') right 10px top 20px no-repeat;}
.intro .list_05.list_05_2 > li:nth-child(2) {background:url('../img/sub/intro_05.png') right 10px top 20px no-repeat;}

.move_in .list_05 li p {width: 70%;}
.move_in .list_05 > li:nth-child(1) {background:url('../img/sub/info01.png') right 10px top 20px no-repeat;}
.move_in .list_05 > li:nth-child(2) {background:url('../img/sub/info02.png') right 10px top 20px no-repeat;}
.move_in .list_05 > li:nth-child(3) {background:url('../img/sub/info03.png') right 10px top 20px no-repeat;}


.move_in .con_wrap .list_05_2 > li:nth-child(1) {background:url('../img/sub/info04.png') right 10px top 20px no-repeat; background-size:20%;}
.move_in .con_wrap .list_05_2 > li:nth-child(2) {background:url('../img/sub/info05.png') right 10px top 20px no-repeat; background-size:20%;}

}

@media all and (max-width:850px){

.move_in .list_05 > li:nth-child(1) {background-size: 30%;}
.move_in .list_05 > li:nth-child(2) {background-size: 30%;}
.move_in .list_05 > li:nth-child(3) {background-size: 30%;}

}


@media all and (max-width:840px){
.info_wrap .tit {width:100%; text-align:center; padding:10px 0 30px 0; border-bottom:1px solid #545454; border-right:none;}
.info_wrap .company_info {padding:25px 0; width:100%;}

.list_05 li p { font-size: 16px;}
.point { font-size: 16px;}
.list_05 > li .sub_tit02 { margin-bottom: 5px;}

.con_wrap .list_05 li {padding: 25px;}
}



@media all and (max-width:768px){

.sub_tit {font-size:19px; margin-bottom: 15px;}

.sub_tit02 {font-size:18px; font-weight:500;}
.sub_box > h1 {font-size:22px;}
.con_box.sub_box > div {padding:0;}

.con_box h2 {font-size: 20px;}
.con_box h3 { font-size: 18px;line-height: 25px;}
ul.list + h2 {margin-top:20px;}


.intro__box{flex-direction:column; height:auto;}
.intro__time{width:100%;height:auto;padding:0 35px 0; margin-bottom:50px;border:0;}
.intro__time ul{display:flex;}
.intro__time li{border-bottom:0; border-left:1px solid rgba(0,0,0,.2);padding-left:30px;padding-right:30px;}
.intro__time li:nth-child(1){border-left:0;padding-left:0;}
.intro__text{padding-left:35px; width:100%;}
.intro__text__item p:nth-child(2) br{display:none;}
.intro .list_05 li p { width: 80%;}


.space__map{padding:35px 100px 70px;}
.space__photo{width:50%;}
/*.space__photo__item img{height:300px;}*/
.space__photo__item img{height:330px;}
.space__photo1 .space__photo__item{overflow:hidden;}


.space__photo__item{margin-bottom:20px;}
.space__photo__box1{margin-bottom: 20px;}


.navi__text__item p i{margin-left:10px;}
.navi__text__item .navi_ico3{display:inline-block;}

.tools__box li{float:left;width:50%;margin-bottom:20px;}

.facility__bg{width:22%;}

.facility__box__item .sub__middle__tit{margin-left:40px;margin-bottom:20px;}
.facility__box__text{padding:10px 20px 30px 180px;background-repeat:no-repeat;background-size: 60px auto;}
.facility__box__text1, .facility__box__text2, .facility__box__text3, .facility__box__text4, .facility__box__text5,
.facility__box__text6, .facility__box__text7, .facility__box__text8{background-position:40px 8px;}

.point {font-size:15px;}



.support li:nth-child(2n) .txt_wrap {padding-top:25px;}
.support li .txt_wrap h4 {font-size:22px;}
.support li .txt_wrap p {margin-top:10px;}

.table_wrap {overflow-x:scroll;}
.table_wrap02 > table {width:770px !important;}
.table_wrap02 > p {display:block !important;}


.intro_wrap h1 {font-size:80px;}

.intro .list_05 > li:nth-child(1) { background-size: 27%;}
.intro .list_05 > li:nth-child(2) { background-size: 27%;}
.intro .list_05 > li:nth-child(3) { background-size: 27%;}

.intro .list_05.list_05_2 > li:nth-child(1) { background-size: 20%;  }
.intro .list_05.list_05_2 > li:nth-child(2) { background-size: 20%;  }

.list_05 > li {width:49%; margin-bottom:10px;}

.con_wrap .list_06 > li { margin-bottom:10px; padding:20px;}
.list_06 > li:nth-child(2n) {margin-right:2%;}
.intro .list_06 > li {height: 260px;}


.intro .center {display:none;}

.intro .list_06 > li:nth-child(2) {margin-top:inherit;}
.intro .list_06 > li:before {display:none;}
.intro .list_06 > li:after {display:none;}


.history .wrap > div {width:100%;}
.his_title {text-align:left; margin-bottom:20px;}
.his_title h1 {position:absolute; right:0; top: 180px;}
.his_title p {display:inline-block; text-align:left; vertical-align:bottom;}
.his_wrap {padding-left:10px;}
.his_wrap:before {left:10px;}

.con_box .pro_box {padding:20px 25px;}
.pro_box > div:first-child {width:100%; border-right:none; margin-bottom:25px;}
.pro_box > div.txt {width:100%; padding-left:0;}
.pro_box > div.txt p {font-size:16px;}
.pro_box > div > img {max-width:60px; margin-right:10px;}
.location .info .inner {padding:20px 10px;}
.location .info .inner .add {margin-right:0; font-size:23px;}










.move_in .list_05 > li { height: 200px;}
.move_in .list_05_2 > li {height:378px;}
.move_in .list_05_2 li .list_04 li {padding: 15px 10px;}
.list_05_2 > li .sub_tit02 {margin-bottom: 20px;}

.selection_list li {width:30%; margin-bottom:20px;}
.selection_list li:after {right:-22px;}

.board_wrap {overflow-x:scroll;}
.board_box {width:810px;}

.booking_apply {margin-bottom:10px;}
.booking_apply h2 {line-height:30px;}
.booking_apply a {width:30px; height:30px; background-size:50% !important;}
.booking_cal_desc h4 {font-size:18px; padding-bottom: 10px;}

.booking_tb table th {padding:5px;}
.booking_tb table th span {font-size:14px;}
.booking_tb table td {padding:0px 3px;  height:80px; }
.booking_tb table td div {font-size: 16px;}
.booking_tb table td strong {font-size: 14px;}
.booking_cal_desc dl dt {font-size: 16px;padding: 15px;}
.booking_cal_desc dl dd {padding: 10px 10px;font-size: 13px;}
.booking_cal_desc span a {font-size: 16px; padding: 10px 0px;}
.booking_cal_desc {margin-top: 20px;}
.rent_box {padding: 20px;}

.rent_form_inner {padding: 20px;}

.box01 {padding: 15px; margin-bottom:25px;}
.box01:after{ display:none}



table.step_form td input {width:70%;}
.ev_chk ul:nth-child(1) li {width:30%; padding-bottom:5px;}


.tour_info .cont_box01 .tour_img {width: 300px;min-height:350px;}
.tour_info .cont_box01 .tour_desc {width: calc(100% - 330px);}
.tour_info .cont_box01 .tour_desc button {position: relative; right: auto; top: auto; margin:10px 0 20px; float:right;}




.tour_info .cont_box01 .tour_desc h3 {font-size: 20px; }
.tour_info .cont_box01 .tour_desc ul {padding-top: 15px;margin-top:15px; }

.tour_info .cont_box01 .tour_desc ul li {margin-bottom:5px;}
.tour_info .cont_box01 .tour_desc ul li span {width:40px; height:40px; }



.equip_form > ul {margin-bottom:20px; }
.equip_form > ul li img {margin-bottom: 10px;width: 50px;}
.equip_form > ul li:after {right:-50%; top:30px; }
.equip_form > ul li p span {width:100px; font-size:14px; padding:1px 5px; margin:0 auto; margin-bottom:5px; }


.equip_form > ul li p {font-size:15px; }




#register_form h2.con_title {font-size: 25px;}
.form_01 div ul li {padding-left: 100px}




.mylisttab {margin:-50px 0 30px}
.mylisttab li {margin:0 15px; }
.mylisttab li a {font-size: 17px;}


/*.mylistbox .img {display:none;}
.mylistbox > ul {width: calc(100% - 0px);padding-left: 0px; border-left:0;}
.mylistbox > ul > li dl dt {width:45%;}
.mylistbox > span {width: 100%; position: relative; right: auto; top: auto; float:left; text-align:center; margin-top:20px;}
.mylistbox > span > a {width: 50%; padding:10px; }*/

table.my_list_inner tbody td {padding: 10px 5px;}
#fregisterform .form_01 div ul {margin-bottom: 50px;}


table.step_form th {padding: 10px 15px;width: 160px; }
table.step_form th span {color: #ef1c1c;font-size: 21px;font-weight: 500;margin-left: 2px;}
table.step_form td {padding: 10px 15px;}


.click_result {margin-top:30px; }
.click_result > a {max-width:47%;}












.calendar_view .pop_head p {font-size: 17px; padding: 15px;}
.calendar_view .pop_con {margin: 15px;}

.layer_popup .calendar_view .btn_type { right: 15px; top: 15px;}
}

@media all and (max-width:700px){

.intro .list_05 li p {width: 85%;}
}



@media all and (max-width:690px){
#R_calendar {}
#R_calendar table tbody tr td span {width: 37px;height: 37px;padding: 7px;font-size: 15px;}
#L_calendar {width: 90%;float: inherit;margin: 0 auto;margin-top: 30px;padding: 25px;}
#L_calendar .slect_time ul li {width: 30%;margin: 1%;}



.equip_inner .mylisttab li {width:150px; margin-bottom:10px; }
.res_type {top: -100px;right: 5px;}
}















@media all and (max-width:680px){
.public_wrap > ul > li {width:100%; min-height:auto;}
.public_wrap > ul > li:first-child {border-bottom:1px solid #e6e6e6; border-right:none;}
.list_05 > li .sub_tit02 {margin-top: 17px;}
.intro .list_05 li p { width: 100%;}
.con_wrap .list_05 li {padding: 10px 15px;}
}

@media all and (max-width:650px){
.con_wrap .list_06 > li  p {font-size:16px;}
.con_wrap .list_06 > li { padding: 17px;}
.intro .list_06 > li { height: 280px;}

.form_list > ul > li .frm_li.tel {padding-top:30px;}
.form_list > ul > li .frm_li.tel > label {top:20px;}
.form_list > ul > li .frm_li .fld { font-size: 15px}
.form_list > ul > li .frm_li.tel .fld {width:100%; margin-left:0; }
.form_list > ul > li .frm_li.tel .fld input {width:28% !important;}


.rent_room {margin-bottom: 30px;}
#faci_desc {padding: 10px 0;}
#faci_desc img { width: 100%;}
#faci_desc ul {width: 100%; margin:10px 0; padding-left: 0px;}
}

@media all and (max-width:600px){
.sub_title {padding-bottom:20px;}
.sub_title h2 {font-size:26px;}


.intro__time{padding:0 20px 0;}
.intro__time ul{flex-direction:column;}
.intro__time li{border-bottom:0; border-left:0;padding-left:0;padding-right:0;
border-bottom:1px solid rgba(0,0,0,.2);padding:8px 0;display:flex;justify-content:space-between;}
.intro_bg { height: 200px;}

.intro__time li:last-child{border-bottom:none;}
.intro__text{padding-left:20px;padding-right:20px;}
.photo__text__tit{font-size:16px;}

.space__photo__item img{height:260px;}
.space__photo__text>span{font-size:14px;}
.space__photo__text>span br{display:none;}

.list_04 li {font-size:16px;}
.con_wrap .list_05 > li {display:block; width:100%; padding: 20px 30px ;}
.point { font-size: 17px;}
.list_05 > li .sub_tit02{margin-top:0;}
.intro .list_05 > li { height: 180px;}
.intro .list_05 li p {width: 60%;}
.intro .list_05 > li:nth-child(1) { background: url('../img/sub/intro_01.png') right 20px top 20px no-repeat; background-size:20%;}
.intro .list_05 > li:nth-child(2) { background: url('../img/sub/intro_02.png') right 20px top 20px no-repeat; background-size:20%;}
.intro .list_05 > li:nth-child(3) { background: url('../img/sub/intro_03.png') right 20px top 20px no-repeat; background-size:20%;}

.move_in .list_05 > li:nth-child(1) {  background: url('../img/sub/info01.png') right 30px top 40px no-repeat; background-size:20%;}
.move_in .list_05 > li:nth-child(2) {  background: url('../img/sub/info02.png') right 30px top 40px no-repeat; background-size:20%;}
.move_in .list_05 > li:nth-child(3) {  background: url('../img/sub/info03.png') right 30px top 40px no-repeat; background-size:20%;}
.move_in .list_05 > li{padding:40px 30px;}

.list_05 > li:nth-child(2n) {margin-right:0;}



}

@media all and (max-width:560px){
.intro_wrap h1 {font-size:50px;}

.list_05 > li {width:100%; margin-right:0;}
.list_05 > li {height:auto; min-height:130px;}

.intro .list_05 > li {height:auto;}
.intro .list_05.list_05_2 > li {height:auto;}

.intro .list_06 > li {width:100%; margin-right:0; height:auto;}

.list_06 > li h4 {font-size:18px;}
.list_06 > li h4 img {width:35px; padding-right:5px;}
.list_06 > li p {font-size:16px;}

.history .wrap > div {margin-bottom:60px;}
.his_title h1 {top:180px; font-size:80px;}

.his_title img {max-width:160px;}
.his_title p {font-size:22px;}
.his_in {padding-left:40px; padding-bottom:20px;}
.his_in h4 {font-size:24px;}
.his_in h4:before {left:-40px; width:30px;}
.his_in h4:after {left:-49px;}
.his_in .txt div {margin-top:10px;}
.his_in .txt dt {width:30px; font-size:18px;}

.resident_box .img {display:none;}
.resident_box .txt {width:100%; padding-left:0;}

.move_in .list_05_2 > li {height:auto;}

.selection_list li {width:46%;}
.selection_list li:after {right:-16px;}
.selection_list li:last-child {width:100%;}
}

@media all and (max-width:500px){

.navi__map{height:350px;}
.navi__text .sub__middle__tit{font-size:18px; margin:50px 10px 15px;}
.navi__text__item p i{background-size:60px auto;padding-left:50px;}
.navi__text__item .navi_ico3{padding-right:30px;}
.navi__text__item1 p:first-child{margin-bottom:0;}
.navi__text__item2 p:first-child{margin-bottom:10px;}
.navi__text__item2 .navi_c3 span{display:block; font-size:14px;}

.space__map{padding:35px 0 70px;}
.space__photo__item img{height:200px;}

.program__text__des br{display:none;}
.program__text__des .program__br4{display:block;}

.facility__bg{width:28%;}
.facility__box__item .sub__middle__tit{margin-left:30px;margin-bottom:20px;}
.facility__box__text{padding:0 20px 30px 140px;}

.facility__box__text1, .facility__box__text2,   .facility__box__text3,  .facility__box__text4,  .facility__box__text5,
.facility__box__text6,  .facility__box__text7,  .facility__box__text8{background-position:33px 8px;}



.sub_tit02 {margin-bottom:10px;}
.sub_box > p {font-size:16px;}
.list_wrap li {font-size:16px;}

.support li .txt_wrap h4 {font-size:20px;}
.support li .txt_wrap p {font-size:16px;}
.support li:nth-child(2n-1) .txt_wrap {padding-left:20px;}
.support li:nth-child(2n) .txt_wrap {padding-right:20px; padding-top:15px;}

.transport > li {padding-left: 0 !important;}
.transport > li .tit {position:inherit; display:block; margin-bottom:20px;}

.transport .sub .tit:before {top:-12px;}
.transport .public .tit:before {top:-3px;}

.location .info{height:auto}
.location .info .inner .add {font-size:20px; padding-bottom:10px; margin-bottom:10px;}
}

@media all and (max-width:470px){
.table_wrap > table {width:480px;}
.table_wrap > p {display:block;}
}

@media all and (max-width:460px){
.con_box h2 {font-size: 18px;}
.con_box h3 { font-size: 16px;}
ul.list + h2 {margin-top:15px;}

h2 + .form_list {margin-top:10px;}

.sub_tit {font-size:17px; margin-bottom: 10px;}
.booking_tb table th span {font-size:13px;}
.form_list > ul > li .frm_li {padding:2px 0;}
.form_list > ul > li .frm_li > label {font-size:14px;}
.form_list > ul > li .frm_li .fld { margin-left:90px;}

.booking_cal_desc dl dt {font-size: 15px;padding: 10px;}

.booking_cal_desc {margin-top: 15px;}

.rent_box {padding: 15px;}
.rent_form_inner {padding: 15px;}

.layer_popup .calendar_view .btn_type { right: 10px; top: 10px;}
.calendar_view .pop_head p {font-size: 16px; padding: 10px;}
.calendar_view .pop_con {margin: 10px;}
}



@media all and (max-width:430px){
.space__photo{width:100%;}
.space__photo__item{margin:0;margin-bottom:20px;}
.space__photo__box1{margin-bottom: 20px;}
.space__photo__box2 .space__photo{width:100%;}
.space__photo__item img{height:auto;}
.photo__text__tit{font-size:22px;margin-bottom:8px;}
.space__photo__text>span{line-height:20px;font-size:16px;}


.support li .txt_wrap {width:100%;}
.support li:nth-child(2n) .txt_wrap {padding-top:0;}
.support li .img_wrap {display:none;}

.info_wrap .tit {font-size:25px; padding:10px 0 20px 0;}
.info_wrap .company_info .txt {font-size:20px;}
.public_wrap > ul > li {padding:30px;}
.public_wrap > ul > li .tit {font-size:20px; padding-left:45px;}
.subway_wrap .tit:before {width:35px; height:38px;}
.bus_wrap .tit:before {width:35px; height:36px;}

.his_title img {max-width:220px;}
.his_title h1 {top:210px; font-size:60px;}
.his_title p{display:none;}

.s_fld02 > .rdos02 {width: 49%;}
.s_fld02 > .rdos02:nth-child(1),.s_fld02 > .rdos02:nth-child(2), .s_fld02 > .rdos02:nth-child(3), .s_fld02 > .rdos02:nth-child(4)   {margin-bottom:10px}
.s_fld02 > .rdos02:nth-child(3n) {margin-right:1%;}
.s_fld02 > .rdos02:nth-child(2n) {margin-right:0;}

}

@media all and (max-width:400px){

.booking_tb table th span {font-size:12px;}
}


@media all and (max-width:375px){
.facility__bg{width:30%;}
.facility__box__item .sub__middle__tit{margin-left:20px;margin-bottom:20px;}
.facility__box__text{padding:0 20px 30px 130px;}

.facility__box__text1, .facility__box__text2, .facility__box__text3, .facility__box__text4, .facility__box__text5, .facility__box__text6,
.facility__box__text7, .facility__box__text8{background-position:28px 8px;}

}