@charset "utf-8";


/****************************
tablet
****************************/
@media (min-width: 768px) and (max-width: 1366px){
	/* header */
	main{padding-top:78px;}
	header{height:78px;background:#fff;padding:10px;}
	.top-header{padding:0;}
	.logo{width:30%;}
	.logo a{height:55px;background:url('/img/logo.png')no-repeat 50% !important;}
	.login-box, .topMenu, ul.menu{display:none;}
	.menu-title, .menu-title01, .left_nav{display:none;}
	.banner-box {left: 7%;}
	.breadcrumb{margin:0;margin-right:10px;}
	.breadcrumb-box{justify-content:left;}
	.breadcrumb-title{left:28%;}
	
	
	.container{width:89%;}
	.sub-contents-box{margin:20px auto;}
	.all-box .left{width:54%;}
	.all-box .left .video{height:250px;}
	.all-box .right .weather{height:175px;}
	.all-box .right .list-box ul li a{height:90px;}
	
	.board-box{height:210px;}
	.notice-item{width: 145px;height:180px;padding:20px 15px;}
	.notice-item .title{height:45px;font-size:1.3em;}
	.notice-item .contents{height:45px;}
	a.more{right:0;}
	
	.section01{min-width:100%;}
	.section01 img, .bg-dark{height:300px;}
	.slide-box {top: 47%;left: 11%;}
	.slide-box p{font-size: 3em;}
	.slide-box span{font-size: 1.5em;}
	.box02{position:static;width:100%;}
	.mySwiper1 .swiper-slide{height:300px;}
	.box02 .box-contents .box-top h4, .box02 .box-contents .box-top p{text-align:center;margin-top:5px;}
	.box02 .box-contents .box-top{margin-top:0;margin-bottom:10px;}
	.box02 .box-contents{margin-bottom: 0;padding-bottom:20px;}
	.box02 .box-contents.box-contents01{width:70%;margin:0 auto;border-bottom:none;}
	.box02 .box-contents.box-contents02{border-top:1px solid #ddd;}
	.box02 .bottom-menu{display:none;}
	.section02{margin-left:0;width:100%;padding:0 20px;}
	.calendar-box{width:100%;border-left: none;}
	.calendar-box .calendar{width:50%;} 
	.calendar-box .calendar-list{width:48%;}
	.business-area .business-item{width:23.9%;}
	.notice-bg{position:relative;width:100%;height:200px;}
	.notice-bg .main-notice{left:10%;margin:50px 0;}
	.section03{height:365px;}
	.box03{position: static;margin-top: 0;margin: 0 auto;width: 100%;}
	.section04{height:auto;}
	.view-more{top:13%;right:7%;}
	
	.fast-menu ul li:nth-child(1) p{background-position: 50% 40%;background-size: 20%;}
	.fast-menu ul li:nth-child(2) p{background-position: 50% 30%;background-size: 25%;}
	.fast-menu ul li:nth-child(3) p{background-position: 50% -2px;background-size: 33%;}
	.fast-menu ul li:nth-child(1):hover, .fast-menu ul li:nth-child(2):hover, .fast-menu ul li:nth-child(3):hover{background:none;}
	
	/* responsive-menu */
	.mBtn{position:absolute;right:0;display:inline-block;margin:15px;}
	.responsive{width:40%;}
	
	/* sub-page */
	.list-tab ul li{width:15%;}
	.list-tab ul li a{font-size:1em;}
	.menu-contents{padding:50px;}
	.menu-contents h2.title{margin-top:100px;}
	.img-size img{width:100%;}
	.photo-box li{width:32.5%;}
	
	/* 회원가입 */
	.choose-box > ul > li{width:48%;margin-right:2%;}
	.choose-box > ul > li:last-child{margin:0;}
	.choose-box ul li a{padding:10px;height:370px;}
	.join-btn{left:19%;bottom:8%;}
	.office-item select {width: 19% !important;}
	.join-write ul li input, .join-write ul li select{width:71%;}
	.join-write ul li select#mtel1, .join-write ul li input#mtel2, .join-write ul li input#mtel3{width:21.5%;}
	.join-write ul li input#email1, .join-write ul li select#email2, .join-write ul li input#email3{width: 22.5%;}
	.join-write .addr {width: 71%;}
	.join-write ul li button#authBtn {margin-top: 0;}
	.join-write ul li span#authTime {left: 67%;}
	.join-write ul li#office-list div select {width: 17.5%;}
	button.same-btn {width: 22%;}
	
	.de-textbox{margin-left:25px;}
	.c-wrap01>.c-left01-title{margin-bottom:0;}
	.adventages{margin-top:0;}
	
	.platform>li{width:35%;margin-bottom:15px;}
	.file_directory img{width: 100%;}

	.table-img-box{width:200px;height:200px;margin:27px;}
	.img-box-top{height:100px;}
	.img-box-bot{height:100px;}
	.img-box-bot>h4>a{font-size:16px;}
}

@media (min-width: 768px) and (max-width: 1023px){
	.section04{height:auto;}
	.choose-box > ul > li a h4{padding-bottom: 80px;}
	.contents-area{margin:0 50px;}
	.join-btn{left:11%;}
	.menu-title, .menu-title01, .left_nav{display:none;}
	button.same-btn{width:20%;}
	.join-write ul .join-title{font-size:1.1em;}
	.join-write ul li select#mtel1{width:21.5%;}
	.office-item select {width: 19% !important;}
	.join-write ul li input#email1, .join-write ul li select#email2, .join-write ul li input#email3{width:29%;}
	.join-write ul li span#authTime {left: 66%;}
	button.same-btn {width: 25%;}
	.sub-contents-box{margin:20px auto;}
	.section04{height:auto;}
	.view-more{top:13%;right:13%;}
	
	.de-img{width:450px;}
	.de-textbox{margin-left:20px;}
	.de-textbox>p{font-size:1.5em;}
	.c-wrap01>.c-left01-title{margin-bottom:0;}
	.adventages{margin-top:0;}
	.adventages>li>p{font-size:12px;}
	
	.c-intro{width:100%;flex-direction:column;height:auto;}
	.c-intro>img{width:100%;}
	.adv-img{width:100%;}
	.platform>li{width:45%;margin-bottom:15px;}
	.file_directory img{width: 100%;}
	.file_directory>li>ul>li{overflow:auto;}

	.table-img-box{width:200px;height:200px;margin:19px;}
	.img-box-top{height:100px;}
	.img-box-bot{height:100px;}
	.img-box-bot>h4>a{font-size:14px;}
}


/*****************************
mobile
*****************************/
@media (max-width: 767px) {
	.section{padding:15px;}
	.section h4{font-size:1.5em;text-align:center;}
	.menu-title, .menu-title01, .left_nav{display:none;}
	main{padding-top:78px;}
	.tdp01{margin:30px auto;}
	.breadcrumb-title{margin-top:11px !Important;left:2%;bottom:12%;}
	.breadcrumb-title01{margin-top:6px !Important;}
	.breadcrumb{margin:0;margin-right:10px;padding-bottom:0px;left:11%;}
	.breadcrumb a{font-size:14px;}
	.breadcrumb01 a{font-size:12px;}
	.breadcrumb-box{justify-content:left;align-items:center;height:40px;}
	
	.main-banner{height:150px;}
	.banner-box{top: 22%;left: 7%;}
	.banner-box p{font-size:1.5em;}
	.banner-box span{font-size:1.1em;}
	.c-right{display:none;}
	.c-left{width:100%;text-align:center;}
	.c-title{font-size:2em;}
	.c-left>p:nth-child(2){font-size:16px;margin-bottom:10px;}
	.c-btns{justify-content:center;}
	.c-btn01{width:98px;font-size:1em;padding:5px;}	
	
	.title-box{display:none;}
	.contents_01{width:98%;}
	.sub-contents-box{margin:0 auto;}
	
	.page-container01{padding:10px;}
	
	.section01 .left{float:none;width:100%;}
	.c-left01{width:100%;}
	.c-right01{display:none;}
	
	/* .main-notice .notice-tab li{width: 24%;font-size: 1.2em;padding: 10px 5px;}
	.main-notice-new{padding-bottom:10px;}
	.main-notice-new .notice-new-date{width:18%;padding-left:7px;}
	.main-notice-new .notice-new-title{width:80%;}
	.main-notice-new .notice-new-date span{font-size:1em;}
	.main-notice-new .notice-new-date p{font-size:1.3em;}
	.main-notice-new .notice-new-title span{font-size:1em;}
	.main-notice-new .notice-new-title p{width:auto;font-size:1.3em;padding-top:8px;}
	ul.main-notice-list li{padding: 8px 10px 13px 10px;}
	ul.main-notice-list li a p{font-size:1.2em;width: 260px;}
	ul.main-notice-list li a span{top:20%;font-size:1.1em;}
	.section01 .right{float:none;width:100%;margin-top:20px;}
	.calendar-box .calendar .calendar-head{margin-top:0;}
	.calendar-box > div{width:100%;}
	.calendar-box .calendar .calendar-head h4{font-size:1.5em;margin-bottom:0;}
	.calendar-box .calendar .calendar-body table th{padding-bottom:5px;}
	.calendar-box .calendar .calendar-body{padding:10px 0;}
	.calendar-box .calendar-list ul{margin-top:0;height:200px;}
	.calendar-box .calendar-list ul li .right{margin-top:0;}
	.calendar-box .calendar-list .left .date{padding:5px 10px;}
	.calendar-box .calendar-list .left .date h4{font-size:1.3em;}
	.calendar-box .calendar-list .right .list-contents h4{font-size:1.2em;margin-bottom:0;text-align:left;}
	.calendar-box .calendar-list .right .list-contents p{font-size:1.1em;} */
	
	.section02 .left{display:none;}
	.c-wrap02{width:100%;flex-direction:column;justify-content:center;align-items:center;}
	.de-img{width:100%;}
	.de-textbox{text-align:center;}
	.de-textbox>p{margin-bottom:20px;}
	
	
	/* .section02 .left-mobile{display:block;text-align:center;}
	.section02 .left-mobile h4{font-size:1.5em;margin-bottom:0;}
	.section02 .left-mobile h4 span{color:#0838a3;}
	.section02 .left-mobile p{font-size:1.2em;color:#777;}
	.section02 .right{float:none;width:100%;}
	.section02 .right ul li{width: 49%;background:#fff;border-radius:5px;}
	.section02 .right ul li:nth-child(2),.section02 .right ul li:nth-child(3){margin-bottom:2%;} 
	.section02 .right ul li:nth-child(2), .section02 .right ul li:nth-child(4){margin-right:2%;}
	.section02 .right ul li::after{display:none;}
	.section02 .right ul li:nth-child(1){width:100%;margin-bottom: 2%;}
	.section02 .right ul li a{padding: 15px;}
	.section02 .right ul li a img{width:40px;}
	.section02 .right ul li a p{font-size:1.2em;margin-top:0;} */

	
	.section03{padding-bottom:30px !important;height:auto;}
	.advantages{display:inline-block;}
	.adventages>li{width:100%;height:auto;flex-direction:row;margin:0 0 10px 0;}
	.adventages>li>p{width:calc(100% - 70px);}
	.section03 .left{float:none;width:100%;}
	.video-box .item{height:200px;}
	.section03 .right{float:none;width:100%;}
	.section03 .right .board-box li a .board-box-contents p{font-size:1.3em;}
	.bx-wrapper .bx-pager{bottom: -15px !important;}
	
	.section04{padding-bottom:30px !important;height:auto;}
	.section04 .store-box li a .store-box-contents p{font-size:1.3em;}
	.site-box .site-item{margin:0;}
	.bx-wrapper .bx-controls-direction a{display:none;}
	
	.notice-slide01 ul.slick-dots, .notice-slide02 ul.slick-dots{bottom:0;}
	.bx-wrapper .bx-pager.bx-default-pager a{display:block !important;width:5px !important;height:5px !important;}
	h4.title{font-size:2em;}
	
	.view-more{top:13%;right:7%;}
	
	.btns{margin-top:0;}
	.btns a{padding:10px;}
	.all-box .left, .all-box .right{float:none;width:100%;}
	.all-box .left .video{height:210px;}
	.board-list{margin-top:20px;}
	.all-box .right .list-box ul li a{height:85px;}
	.all-box .right .list-box ul li a p, .btns a, .all-box .right .weather h4{font-size:1.2em;}
	.all-box .right .list-box ul li a span{font-size:1em;}
	h2.title{font-size:2em;margin-top:0;padding-bottom:0;}
	p.sub-title{font-size;1.3em;}
	.business-area .business-item{width:50%;padding: 45px 15px 15px 15px;height: 140px;}
	.business-area .business-item h4{font-size:1.2em;height: 35px;}
	.business-area .business-item a{font-size:1em;right: 15px;}
	span.date{left:15px;font-size:1em;}
	span.tag{font-size: 1em;top: 10px;left:15px;}
	.menu-list li a{font-size:1em;padding:10px;}
	.menu-list li a i{display:none;}
	.td-tell{margin-top:15px;}

	
	/* header */
	header{height:78px;background:#fff;padding:10px;}
	.top-header{padding:0;}
	.logo{width:35%;}
	.logo a{height:55px;background:url('/img/logo.png')no-repeat 50% !important;background-size:100% !important;}
	.login, .topMenu, ul.menu{display:none;}
	
	/* responsive-menu */
	.mBtn{display:inline-block;margin:20px;}
	.mBtn a{width:22px;height:22px;}
	.closeBtn a{margin-top:24px;margin-right:24px;}
	
	/* sub-page */
	.list-tab ul{height:54px;}
	.list-tab ul li{width:30%;}
	.list-tab ul li a{font-size:1em;}
	.sub-contents-box{width:100%;margin:10px auto;}
	.menu-contents{padding: 20px 0;background-position: center;height: 170px;}
	.menu-contents h2.title{font-size:1.8em;margin-top: 10px;padding-bottom:0;}
	.menu-contents p{font-size:1.2em;}
	.sub-box li a{font-size:1em;}
	.img-size img{width:100%;}
	.photo-box li{width:32%;}
	h3.title{font-size: 1.3em;margin-bottom: 5px;}
	
	.notice-table th, .notice-table td{padding: 15px 10px;font-size:1.1em;}
	

	/* 공통 css */
	h2.title{font-size:1.5em;}
	.contents-box .info-box{margin:10px 0;padding:15px;}
	.contents-box .info-box p, p.list-style{font-size:1.1em;}
	
	/* 소개 */
	.img-size{margin-bottom:20px;}
	.photo-box{margin-top:10px;}
	.photo-box li{width:31%;}
	
	/* 층별안내 */
	ul.sub-tab li{width:25%;padding:15px 10px;font-size:1em;}
	ul.sub-tab{margin-bottom:10px;}
	
	/* 오시는길 */
	.map-box .addr, .map-box .tel{font-size:1.2em;}
	.map-box .addr img, .map-box .tel img{width:20px;}
	
	/* 로그인 */
	p.login-memo{font-size:1.2em;}
	.login-div{width:100%;}
	ul.login-bottom{width:100%;}
	button.login-btn{font-size:1.3em;padding:15px;}
	
	/* 입주기업 */
	.tab-menu ul li{font-size:1em;width:23%;padding:12px;}
	.company-contents .company-box{width:23%;height:105px;}
	.company-contents .company-box h4, .company-contents .company-box p{font-size:1em;}
	.company-contents .company-box p{padding:5px 0;}
	
	.company-area h4{font-size:1.8em;}
	.company-area .left, .company-area .right{float:none;width:100%;}
	.company-area .left{height:300px;margin-bottom:10px;}
	
	/* 아이디/비밀번호 찾기 */
	.tab-btn-box{width:100%;margin-bottom:20px;}
	ul.tab-btns li a{font-size:1.3em;}
	.find-txt{height:40px;}
	button.find-btn{font-size:1em;height:40px;}
	
	/* 회원가입 */
	.choose-box > ul > li{width:100%;margin-right:0;}
	.choose-box > ul > li a{height:250px;margin-bottom:10px;padding: 10px;}
	.choose-box > ul > li h4{padding-bottom: 50px;}
	.choose-box ul li:nth-child(1) h4{background-position: 50% 95%;background-size: 17%;}
	.choose-box ul li:nth-child(2) h4{background-position: 50% 95%;background-size: 17%;}
	.choose-box ul li a h4{font-size: 1.5em;padding-top:0;margin:0;padding-bottom:20%;height: 90px;}
	.choose-box ul li a ul{height: 85px;}
	.choose-box > ul > li a > ul > li{font-size:1.2em;}
	.join-btn {bottom: 10%;left: 19%;font-size: 1.2em;}
	.chk-button label {font-size: 1.2em;}
	
	
	.step-box ul li{padding:10px;}
	.step-box ul li i{font-size:2em;}
	.step-box ul li p, .step-box ul li span{font-size:1em;}
	.step-box ul li:nth-child(2) img, .step-box ul li:nth-child(4) img{width:20px;}
	.contents-area{margin:0;}
	.text-title{font-size:1.5em;}
	.check-read{margin:20px 0  20px 0;}
	.check-read p{font-size:1.2em;}
	.all-checkbox{padding:0;margin:0;}
	.btn-style{font-size:1em;width: 35%;}
	.join-write ul .join-title, .join-write ul li, .join-write ul li input{width:100%;}
	.join-write .addr{width:100%;}
	.join-write ul .join-title{font-size:1.2em;margin-bottom:5px;}
	.join-write ul li{padding: 0;}
	.join-write ul li input, .join-write ul li select{height:40px;font-size:1em;}
	select#carType{width: 100%;}
	.join-write ul li select{padding:5px;}
	.join-write ul li input#userId, .join-write ul li input#bizNum{width:74%;}
	.join-write ul li select#mtel1{width:30%;}
	.join-write ul li input#mtel2, .join-write ul li input#mtel3{width: 27%;}
	.join-write ul li input#email1, .join-write ul li select#email2, .join-write ul li input#email3{width: 30%;}
	.join-write ul li input.txt-width {width:75%;}
	.join-write ul li .office-item select{width:49.5% !important;margin-bottom:5px;}
	.join-contents button{width:23%;font-size: 1em;height: 40px;vertical-align: bottom;}
	button.office-btn{width:14%;}
	button.del-btn{width:31px;height: 31px;}
	.join-write ul li input.tel{width:30%;}
	.join-write ul li .qt{width:5%;}
	.last-txt p{font-size: 1.3em;padding-top:100px;margin-bottom: 30px;background-size: 18%;}
	.last-txt{margin-bottom:10px;}
	.join-write ul li input[type='radio']{width:5px !important;}
	.id-title, .name-title, .birth-title {display:inline-block;width: 20% !important;}
	.id-txt, .name-txt, .birth-txt{display:inline-block;width:78% !important;}
	.car-info{padding-bottom: 45px;}
	.text-sub-title{top:60em;left:1em;}
	
	/* 첨부파일 */
	.join-write ul li .file_list {width: 100%;}
	.join-write ul li .file_list .file_input {width: 300px;}
	.join-write ul li .file_list label {font-size: 1em; width: 75px;height: 40px;line-height: 40px;}
	.join-write ul li .file_list input:not([type='file']) {font-size: 1em;height: 40px;}
	.join-write ul li .file_list button.del_btn {height: 40px; width: 40px;line-height:40px; background-size: 16px;}
	.join-write ul li .file_list button.fn_add_btn {width:18%;height: 40px;line-height: 40px;padding: 0 5px;margin-left:1px;}
	.join-write ul li .file_list button span {padding:0 3px; font-size: 1em;}
	.file_input {padding-right: 78px;}
	
	/* 휴대폰 인증 */
	.join-write ul li input#authCode {width: 74%;}
	.join-write ul li button#authBtn {margin-left: 74%;}
	.join-write ul li span#authTime {left: 56%;}
	
	/* 마이페이지 */
	.my-box{padding-top:0;margin-bottom:0;}
	.my-box .profile img{width:75px;}
	.my-box .name{font-size:1.5em;}
	.my-box .profile ul{margin-left: 1.2em;width: 40%;display: contents;}
	.my-box .profile ul li{font-size:1.1em;width: 135px;}
	ul.list-box{height: 255px;}
	ul.list-box li{width:49%;font-size:1.1em;height: 85px;}
	.mybox-list-box{padding:15px;}
	a.add{font-size:1em;}
	a.add i{margin: 5px 0 0 5px;font-size: .8em;}
	.my-box .list-box li p.title{font-size:1em;font-weight:500;}
	ul.list-box li:nth-child(1), ul.list-box li:nth-child(2), ul.list-box li:nth-child(3), ul.list-box li:nth-child(4){background-size:20%;}
	ul.list-box li:before{display:none;}
	.mypage-box{padding:20px 10px;}
	.mybox-item{width:32%;}
	.mybox-item p{font-size:1.1em;margin-bottom:0;}
	.mybox-item span{font-size:1.2em;}
	.mybox-item span a{font-size:1.2em;margin-right:0;}
	.btn3 button {width: 30%;}
	ul.list-box li.detail-area{width:100%;}
	ul.list-box li.detail-area .detail-btn{top:3px;width: 100%;text-align: center;}
	

	/* 회의실 예약 */
	.room-item{width: 100%;margin: 1%;height: 360px;}
	.room-item p{font-size:1.2em;margin: 10px 0;padding-bottom: 5px;}
	.room-info dl dt, .room-info dl dd{font-size:1.1em;}
	.tb_type01 th, .tb_type01 td{font-size:1em;}
	.time-list li{width:48%;font-size: 1em;}
	.room-list .slick-prev{left:-18px;}
	.room-list .slick-next{right:0;}
	
	/* 신청/예약 */
	.no-date{padding:20px;}
	.no-date p{font-size: 1.2em;}
	
	/* 게시판 */
	.search-form{float:none;display:inline-block;width:100%;margin:10px 0;}
	.search-form .form-control{float:none;height:40px;font-size:1em;}
	.search-form select.form-control{float:left;width: 27%;}
	input#searchKeyword0 {float: left;width:72%;margin-bottom:5px;}
	.searchBtn{display:inline-block;height:40px;width: 49%;margin-right: 1%;vertical-align: middle;}
	.search-form #btn_search{position:absolute;top: 0; right: 0; height: 40px;width: 50px;color: #fff;}
	.search-form #btn_new{width: 100%;height: 40px;box-shadow: none;font-weight:500;}
	.responsive-table{overflow: auto;clear:both;padding:20px;}
	
	.notice-title{font-size:1.8em;}
	.notice-sub-txt{width:100%;}
	.notice-down a{width:85%;}
	
	ul.list-style li{font-size:1.2em;}
	
	.c-intro{width:100%;flex-direction:column;height:auto;}
	.c-intro>img{width:100%;}
	.text-box{width:100%;}
	.text-box>h4{border-bottom:none;text-align:center;}
	.text-box>p{width:90%;margin:0 auto;}
	.text-box02{width:100%;}
	.text-box02>h4{border-bottom:none;text-align:center;}
	.text-box02>p{width:90%;margin:0 auto;}
	.text-box03{width:100%;}
	.text-box03>h4{border-bottom:none;text-align:center;}
	.text-box03>p{width:90%;margin:0 auto;}
	.text-box04{width:100%;}
	.text-box04>h4{border-bottom:none;text-align:center;}
	.text-box04>p{width:90%;margin:0 auto;}
	.text-box05{width:100%;}
	.text-box05>h4{border-bottom:none;text-align:center;}
	.text-box05>p{width:90%;margin:0 auto;}
	.text-box06{width:100%;}
	.text-box06>h4{border-bottom:none;text-align:center;}
	.text-box06>p{width:90%;margin:0 auto;}
	.adv-img{width:100%;}
	.develop-img{width:100%;margin:0;}
	.util>li{width:30%;}
	.platform>li{width:50%;padding:15px;}
	.platform>li>p{width:100%;}
	
	.license-index{display:block;}
	.license-index>li:nth-child(1){background:url(../img/l-1.png) no-repeat 94% 50%;}	
	.license-index>li:nth-child(2){background:url(../img/l-2.png) no-repeat 94% 50%;}
	.license-index>li:nth-child(3){background:url(../img/l-3.png) no-repeat 94% 50%;}
	.license-index>li{width:100%;padding:10px;border-radius:0px;margin-bottom:10px;}
	.file_directory img{width: 100%;}
	.file_directory>li{font-size:15px;}
	.file_directory>li>ul{margin-left:15px;}
	.file_directory>li>ul>li{font-size:14px;overflow:auto;}
	.tb_type07{width: 100% !Important;}
	.title-dep02{font-size:1.5em;}
	

	.table-img-box{width:150px;height:200px;margin:20px;}
	.img-box-top{height:100px;}
	.img-box-bot{height:100px;}
	.img-box-bot>h4>a{font-size:11px;}
	
	
	
}