@font-face {
    font-family: 'KBIZ';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumMyungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.control a	{display:inline-block;border-radius:50%;width:10px;height:10px;margin-right:5px;}

#main-visual		{border-top-left-radius:10px;border-top-right-radius:10px;height:830px;overflow:hidden;position:relative;padding-left:50px;}
#main-visual.mv-rotate1		{background:url(../img/mvbg.jpg) no-repeat 45% 50%;background-size:cover;}
#main-visual.mv-rotate2		{background:url(../img/mvbg2.jpg) no-repeat top left;background-size:cover;}
#main-visual.mv-rotate1 .photo-info:after	{content:"* 포스코 형산강 야경";font-size:14px;color:#fff;background:rgba(255,255,255,0.5);padding:2px 5px;display:block;position:absolute;left:20px;bottom:20px;z-index:99;}
#main-visual.mv-rotate2 .photo-info	{display:none;}
#main-visual .d_width	{height:100%;}
#main-visual .l-cont	{float:left;height:100%;width:calc(100% - 520px);}
#main-visual .r-cont	{float:right;height:100%;background:#14367C;width:520px;position:relative;z-index: 2;}
#main-visual .r-cont:after	{content:"";display:block;width:calc(100% + 20px);height:100%;position:absolute;right:-102%;top:0;background:#14367C;}
#main-visual .mvtit	{color:#fff;margin:180px 0 140px;}
#main-visual .mvtit span	{display:inline-block;transform:translateY(-50px);opacity:0;animation:titleAni 1.6s ease 0.6s forwards;}
#main-visual .mvtit .t1	{font-size:70px;font-weight:500;line-height:1.2;}
#main-visual .mvtit .t2	{font-size:70px;font-weight:600;line-height:1.2;animation-delay:0.4s;}
#main-visual .mvtit .t3	{font-size:70px;font-weight:600;line-height:1.2;animation-delay:0.8s;}
#main-visual .mvtit .t2 em	{color:#FF7F00;font-weight:600;}
#main-visual:after	{content:"";display:block;width:100%;height:50%;position:absolute;bottom:0;left:0;background:linear-gradient(transparent 0%, rgba(0,0,0,0.3) 100%);}

@keyframes titleAni {
	0%	{transform:translateY(-50px);opacity:0;-webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);}
	100%{transform:translateY(0);opacity:1;-webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 0);}
}
#main-visual .mvquick	{position:relative;z-index:2;display: flex;flex-wrap: wrap;}
#main-visual .mvquick a	{display:inline-block;padding-left:80px;width:50%;}
#main-visual .mvquick a:nth-child(1)	{background:url(../img/mv_ico4.png) no-repeat top left;margin-bottom:20px;}
#main-visual .mvquick a:nth-child(2)	{background:url(../img/mv_ico1.png) no-repeat top left;margin-bottom:20px;}
#main-visual .mvquick a:nth-child(3)	{background:url(../img/mv_ico2.png) no-repeat top left;}
#main-visual .mvquick a:nth-child(4)	{background:url(../img/mv_ico3.png) no-repeat top left;margin-right:0;}
#main-visual .mvquick .tit	{color:#fff;font-size:21px;}
#main-visual .mvquick .txt	{color:#A3BDD7;font-size:15px;margin-top:10px;}
#main-visual .mvquick a .tit	{overflow:hidden;display:inline-block;font-weight:600;}
#main-visual .mvquick a .tit em	{position:relative;}
#main-visual .mvquick a .tit:before{background:rgba(255,127,0,0.8);}
#main-visual .mvquick a:hover .txt	{color:#fff;transition:0.4s;}

#main-visual .tit-month	{color:#fff;font-size:22px;padding:40px 50px;border-bottom:1px solid rgba(255,255,255,0.1);}
#main-visual .tit-month span	{font-size:32px;}

#main-visual:before		{content: "";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color: #f8f8f8;transform-origin:100% 0;transition:transform 0.8s ease;-webkit-transition:transform 0.8s ease;-moz-transition:transform 0.8s ease;-ms-transition:transform 0.8s ease;z-index:2;animation:show 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s forwards;-webkit-animation:show 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s forwards;-ms-animation:show 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s forwards;}

@keyframes show {
  100% {transform:scaleX(0);transition:cubic-bezier(0.25, 0.1, 0.25, 1);-webkit-transition:cubic-bezier(0.25, 0.1, 0.25, 1);-ms-transition:cubic-bezier(0.25, 0.1, 0.25, 1);-moz-transition:cubic-bezier(0.25, 0.1, 0.25, 1);}
}

#main-project	{position:relative;z-index:2;}
#main-project li	{}
#main-project li a	{display:block;position:relative;padding:50px;padding-left:140px;transition:0.3s;}
/* #main-project li a:before	{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0D2A65;border-left:4px solid #F7AD38;transform: scaleX(0);transform-origin: top right;}
#main-project li a:hover:before	{transform: scaleX(1.05);transition:0.3s;} */
#main-project li a .badge	{position:absolute;top:50px;left:50px;background:#F7AD38;color:#14367C;font-size:12px;padding:10px 15px;z-index:1;}
#main-project li a .badge-before	{background:#80f9ff;color:#14367C;}
#main-project li a .badge-ing	{background:#F7AD38;color:#14367C;}
#main-project li a .badge-done	{background:#0b51a1;color:#68a2db;}
#main-project li a .tit	{color:#fff;font-size:20px;margin-bottom:20px;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;z-index:1;max-height:60px;}
#main-project li a .txt	{color:#68A2DB;font-size:13px;position:relative;z-index:2;}
#main-project li a .txt span	{margin-right:10px;}
/* #main-project li a:hover	{background:#0D2A65;border-left:4px solid #F7AD38;transform:translateX(-20px);width:calc(100% + 20px);transition:0.3s;} */
#main-project li a:before	{content:"";display:block;width:250%;height:100%;position:absolute;right:98%;top:0;background:#0D2A65;border-left:4px solid #F7AD38;z-index:1;transform:translateX(+200%);}
#main-project li a:hover:before	{transform:translateX(98%);transition:all 0.2s;}
#main-project .bx-viewport	{overflow:visible !important;}
#main-project .p-btn	{margin-top:20px;padding:0 50px;}
#main-project .control	{float:left;}
#main-project .control a	{background:#435E96;border:2px solid #435E96;}
#main-project .control a:hover,
#main-project .control a.on	{background:none;border:2px solid #F7AD38;}
#main-project a.more	{float:right;position:relative;display:block;color:#F7AD38;font-size:13px;padding-right:20px;}
#main-project a.more i	{position:absolute;top:50%;right:0;transform: translateY(-50%);animation: horizontal 0.7s ease-in-out infinite;}
#main-project a.more:hover	{color:#fff;}
#main-project a.more:hover i	{animation:none;color:#fff;}
#main-project .nodata	{padding:180px 30px;border:1px dashed rgba(255,255,255,0.2);margin:40px 50px;color:rgba(255,255,255,0.7);font-size:14px;text-align:center;}
#main-project .nodata i	{opacity:0.2;font-size:70px;}
#main-project li.delay4	{animation-delay: 0.8s;}
#main-project li.delay5	{animation-delay: 0.9s;}
#main-project li.delay6	{animation-delay: 1s;}

@keyframes horizontal {
  0% {right:0px;}
  50% {right:4px;}
  100% {right:0px;}
}

.main-container section	{padding:120px 0;}
.titlewrap	{text-align:center;word-break:keep-all;}
.titlewrap span	{display:inline-block;margin:0 auto;background:#F7AD38;padding:6px 20px;border-radius:5px;color:#fff;font-size:14px;}
/*.titlewrap .tit	{font-family:'Noto Serif KR', serif;font-size:60px;color:#000;font-weight:700;letter-spacing:-1px;line-height: 1.2;}*/
.titlewrap .tit{padding:5px 0 50px;font-size:38px;font-weight:700;color:#000;}
.titlewrap .txt	{font-size:20px;color:#000;margin:30px 0 50px;line-height: 1.5;}

#main-biz	{position:relative;}
#main-biz .cont	{margin:-20px;}
#main-biz .cont a	{display:block;float:left;width:calc(20% - 20px);margin:10px;height:410px;text-align:center;padding:60px 20px;border-radius:5px;overflow:hidden;}
#main-biz .cont a p	{font-size:25px;color:#fff;line-height:1.2;font-weight:500;margin-top:20px;word-break:keep-all;}
#main-biz .cont a.bg1	{background:url(../img/business_img1.png) no-repeat 50% 100%;background-size:cover;}
#main-biz .cont a.bg2	{background:url(../img/business_img2.png) no-repeat 50% 100%;background-size:cover;}
#main-biz .cont a.bg3	{background:url(../img/business_img3.png) no-repeat 50% 100%;background-size:cover;}
#main-biz .cont a.bg4	{background:url(../img/business_img4.png) no-repeat 50% 100%;background-size:cover;}
#main-biz .cont a.bg5	{background:url(../img/business_img5.png) no-repeat 50% 100%;background-size:cover;}

#main-biz .cont .ico	{display:block;width:64px;height:62px;margin:0 auto;}
#main-biz .cont a.bg1 .ico	{background:url(../img/business_ico1.png) no-repeat;}
#main-biz .cont a.bg2 .ico	{background:url(../img/business_ico2.png) no-repeat;}
#main-biz .cont a.bg3 .ico	{background:url(../img/business_ico3.png) no-repeat;}
#main-biz .cont a.bg4 .ico	{background:url(../img/business_ico4.png) no-repeat;}
#main-biz .cont a.bg5 .ico	{background:url(../img/business_ico5.png) no-repeat;}
#main-biz:before	{content:"";display:block;width:100%;background:#F3F6F8;position:absolute;top:0;height:calc(100% + 335px);}
#main-biz .cont a:hover	{transform:translateY(-10px);box-shadow:2px 2px 10px rgba(0,0,0,0.2);transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out;}

#main-area	{padding:40px 0 0;position:relative;}
#main-area .titlewrap	{position:absolute;left:0;top:0;width:410px;height:100%;z-index:1;}
#main-area .titlewrap .tit	{font-family:'Noto Sans KR', sans-serif;font-size:29px;margin:10px 0;padding:0;}
#main-area .titlewrap .txt	{font-size:17px;color:#666;margin:30px 0 0;min-height:100px;}
#main-area .titlebx	{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#fff;width:100%;padding:50px 50px 80px;border-radius:8px;box-shadow:2px 2px 15px rgba(0,0,0,0.05);}
#main-area .cont	{position:relative;}
#main-area .thumb	{width:calc(100% - 90px);position:relative;border-radius:5px;overflow:hidden;float:right;}
#main-area .thumb img	{odject-fit:cover;height:590px;width:100%;}
#main-area .thumb:before	{content:"";display:block;width:100%;height:100%;position:absolute;bottom:0;background:linear-gradient(transparent 0%, rgba(0,0,0,0.3) 100%);border:none;}
#main-area .desc	{position:absolute;width:60%;right:70px;top:355px;color:#fff;z-index:1;}
#main-area .desc .tit	{font-family: 'Noto Serif KR', serif;font-size:50px;font-weight:700;margin-bottom:30px;line-height:1;}
#main-area .desc .txt	{font-size:20px;}
#main-area .btnarea a	{font-size:15px;color:#666;margin:0 15px;border-bottom:1px solid #ccc;padding-bottom:10px;}
#main-area .btnarea a i	{color:#ccc;margin-left:20px;}
#main-area .btnarea a:hover	{color:#14367C;border-color:#14367C;}
#main-area .btnarea a:hover i	{color:#14367C;}
#main-area .control	{position:absolute;width:410px;left:0;bottom:120px;text-align:center;z-index:999;}
#main-area .control a	{background:#ccc;border:2px solid #ccc;}
#main-area .control a:hover,
#main-area .control a.on	{background:none;border:2px solid #435E96;}
#main-area:before	{content:"";display:block;width:100%;background:#F8FAFB;position:absolute;top:-40px;height:calc(100% + 1200px);}

#main-rent	{padding:120px 0 0;}
#main-rent .main-room .cont .thumb	{border-radius:3px;overflow:hidden;}
#main-rent .main-room .cont .thumb:before	{content:none;}
#main-rent .main-room .cont .thumb img	{height:240px;width:100%;}
#main-rent .main-room .cont .bx	{float:left;width:calc(33.33% - 40px);margin:20px;text-align:center;}
#main-rent .main-room .cont .bx .tit	{display:block;font-size:23px;color:#000;margin:20px 0;}
#main-rent .main-room .cont .bx .txt	{font-size:17px;color:#666;word-break:keep-all;margin-bottom:30px;min-height:50px;}
#main-rent .main-room .cont .bx .btn-d	{font-size:15px;background:#14367C;border-color:#14367C;padding:0 30px;line-height:48px;}
#main-rent .main-room .cont .bx .btn-d i	{color:#F7AD38;}
#main-rent .main-room .control	{text-align:center;}
#main-rent .main-room .control a	{background:#ccc;border:2px solid #ccc;}
#main-rent .main-room .control a:hover,
#main-rent .main-room .control a.on	{background:none;border:2px solid #435E96;}


.main-equip	{margin:60px auto 0;border-radius: 8px;overflow:hidden;background:#eaeef3;}
.main-equip .titlewrap 	{float:left;width:440px;height:510px;padding:50px;position:relative;border-right:1px dashed #d6dadf;}
.main-equip .titlewrap .tit	{font-family:'Noto Sans KR', sans-serif;font-size:29px;margin:10px 0;font-weight:700;padding:0;}
.main-equip .titlewrap .txt	{padding:20px 50px;font-size:17px;color:#333;margin:30px 0 0;}
.main-equip .titlewrap .titlebx	{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.main-equip .btnarea a	{font-size:15px;color:#666;margin:0 15px;border-bottom:1px solid #ccc;padding-bottom:10px;}
.main-equip .btnarea a i	{color:#ccc;margin-left:20px;}
.main-equip .btnarea a:hover	{color:#14367C;border-color:#14367C;}
.main-equip .btnarea a:hover i	{color:#14367C;}
.main-equip .cont	{float:left;width:calc(100% - 440px);height:510px;padding:50px;position:relative;margin:0;}
#main-equip-list	{margin:-20px;}
#main-equip-list > li	{float:left;width:calc(330px - 40px) !important;margin:20px;background:#fff;}
.main-equip .subject	{font-size:17px;color:#000;font-weight:600;text-align:center;}
.main-equip .cont .txt	{font-size:15px;color:#666;background:#fff;}
.main-equip .cont .txt ul	{padding: 20px;}
.main-equip li:after	{content:"";display:block;float:none;clear:both;}
.main-equip li span	{display:block;float:left;height:24px;overflow:hidden;}
.main-equip li .stit	{width:60px;color:#697C8F;margin-right:10px;}
.main-equip li .stxt	{width:calc(100% - 70px);color:#666;}
.main-equip .btn-ani	{background:#14367C;color:#fff;display:block;padding:15px 0;text-align:center;font-size:14px;border: 1px solid #14367C;}
.main-equip .btn-ani i	{font-size:10px;}
.main-equip .btn-ani:hover	{transform:translateY(-5px);transition:all 0.2s;}
.main-equip .thumb	{position:relative;height:180px;overflow:hidden;background:#fff;}
.main-equip .thumb:before	{content:none;}
.main-equip .thumb img	{min-width:70%;max-height:70%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.main-equip .cont .control	{position:absolute;right:50px;bottom:50px;}
.main-equip .cont .control a	{float:left;display:block;width:30px;height:30px;background:none;line-height:30px;text-align:center;color:#999;}
.main-equip .cont .bx-controls	{display:none;}
.main-equip .cont .control a.prev,
.main-equip .cont .control a.next	{font-size:14px;color:#999;}
.main-equip .cont .control a.pause,	
.main-equip .cont .control a.play	{font-size:11px;color:#999;}
.main-equip .bx-wrapper	{width:100% !important;max-width: 100% !important;}


#main-news	{}
#main-news .l-cont	{float:left;width:610px;}
#main-news .r-cont	{float:right;width:calc(100% - 610px);padding-left:40px;height:565px;}

#popupzone	{height:250px;border-radius:5px;overflow:hidden;background:#f7f7f7;position:relative;}
#popupzone img	{width:100%;}
#popupzone .cont	{position:relative;z-index:7;height:250px;overflow:hidden;}
#popupzone .nodata	{}
#popupzone .nodata:before	{content:"등록된 알림이 없습니다.";position:absolute;left:0;top:0;width:100%;text-align:center;font-size:14px;line-height:250px;background:rgba(0,0,0,0.05);z-index:2;color:#ccc;}
#popupzone li		{position:relative;overflow:hidden;height:250px;}
#popupzone li img	{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
/* #popupzone li img	{width:100%;} */
#popupzone .control	{position:absolute;right:0;bottom:0;z-index:9;}
#popupzone .control a	{display:block;float:left;margin:0 1px 0 0;width:50px;height:50px;background:rgba(0,0,0,0.4);border-radius:0;}
#popupzone .control .prev:before,
#popupzone .control .next:before,
#popupzone .control .stop:before	{border-color:#fff;}
#popupzone .control .play:before	{border-left-color:#fff;}
#popupzone .control a:hover	{background:rgba(0,0,0,0.7);}

#main-video			{margin-top:40px;}
#main-video a		{position:relative;border-radius:5px;overflow:hidden;display:block;height:275px;width:100%;}
#main-video a:before	{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:1;background:rgba(0,0,0,0.05);transition:all 0.2s ease-out;}
#main-video a:hover:before	{background:rgba(0,0,0,0.3);}
#main-video .tit	{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align:center;font-size:23px;color:#fff;font-weight:500;z-index:2;}
#main-video .ico	{display:block;background:#FF7F00;width:62px;height:62px;line-height:62px;border-radius:50%;margin:0 auto 20px;font-size:16px;transition:all 0.2s ease-out;}
#main-video .img	{position:relative;height:330px;overflow:hidden;}
#main-video .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#main-video a:hover .ico	{transform:scale(1.3);}
#main-video .nodata		{width:100%;border-radius:5px;overflow:hidden;height:275px;line-height:275px;}
#main-video .nodata		{display:block;background:rgba(0,0,0,0.05);text-align:center;}
#main-video .nodata:before{content:"등록된 영상이 없습니다.";color:#ccc}

#main-notice				{position:relative;margin-right:50px;width: 100%;}
#main-notice .tab_on > a,
#main-notice .tab_off > a	{display:block;float:left;height:65px;line-height:50px;font-size:20px;font-weight:700;letter-spacing:-1px;margin-right:20px;}
#main-notice .tab_on > a	{color:#14367C}
#main-notice .tab_off > a	{color:#666}
#main-notice .tab_on > a:after,
#main-notice .tab_off > a:after{content:"";display:inline-block;width:1px;height:7px;background:#ccc;margin-left:20px;vertical-align:middle;}
#main-notice #notice03 a:after	{content:none;}
#main-notice .more			{position:absolute;right:0;top:0;height:65px;line-height:50px;}
#main-notice .more a		{display:block;float:right;color:#0A50A1;font-size:13px;padding-right:20px;position:relative;}
#main-notice .more a i	{position:absolute;right:0;top:50%;transform:translateY(-50%);}
#main-notice .more a:hover 	{padding-right:30px;}
#main-notice .date			{display:inline-block;width:70px;text-align:center;line-height:1.3;color:#999;font-size:14px;}
#main-notice .date em		{display:block;font-size:22px;font-weight:700;color:#14367C;}
#main-notice .tabcontent	{position:absolute;left:0;top:65px;width:100%;height:500px;border-top:2px solid #14367C;text-align:left}
#main-notice .tabcontent ul	{height:calc(100% + 2px);}
#main-notice .tabcontent li	{display:flex;align-items: center;height:20%;border-bottom:1px solid #E1E1E1;}
#main-notice .tabcontent a	{display:inline-block;width: calc(100% - 70px);margin-left:20px;height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
#main-notice .tabcontent .tit{font-size:20px;letter-spacing:-1px;color:#000;margin-bottom:5px;vertical-align: middle;}
#main-notice .tabcontent a:hover .tit	{color:#14367C;}
#main-notice .tabcontent .ico-new	{display:inline-block;background:#F7AD38;color:#fff;font-size:11px;padding:2px 5px;border-radius:3px;margin-left:10px;vertical-align: middle;}

#main-quick	{margin:60px 0;}
#main-quick p	{float:left;width:130px;margin-right:100px;font-size:30px;color:#000;font-weight:700;line-height:1;display:inline-block;position:relative;}
#main-quick p span	{display:block;padding-left:20px;}
#main-quick p span:after	{content:"";display:block;position:absolute;right:10px;top:5px;border-radius:50%;transform:rotate(-30deg);background:#FF7F00;width:50px;height:35px;z-index:-1;}
#main-quick .qmn	{float:left;width:calc(100% - 230px);}
#main-quick a	{float:left;display:block;width:14.285%;text-align:center;color:#000;font-size:17px;}
#main-quick a span	{display:block;width:62px;height:56px;margin:0 auto 20px;}
#main-quick a span.ico1	{background:url(../img/mquick_ico1.png) no-repeat;background-size:contain;}
#main-quick a span.ico2	{background:url(../img/mquick_ico2.png) no-repeat;background-size:contain;}
#main-quick a span.ico3	{background:url(../img/mquick_ico3.png) no-repeat;background-size:contain;}
#main-quick a span.ico4	{background:url(../img/mquick_ico4.png) no-repeat;background-size:contain;}
#main-quick a span.ico5	{background:url(../img/mquick_ico5.png) no-repeat;background-size:contain;}
#main-quick a span.ico6	{background:url(../img/mquick_ico6.png) no-repeat;background-size:contain;}
#main-quick a span.ico7	{background:url(../img/mquick_ico7.png) no-repeat;background-size:contain;}
#main-quick a:hover	{color:#FF7F00;}

@media (max-width:1920px){ /*1440*/
	
	
}
@media (max-width:1440px){ /*1200*/
	#main-visual	{height:740px;}
	#main-visual .d_width	{width:100%;}
	#main-visual .mvtit	{margin:100px 0 70px;}
	#main-visual .mvtit .t1	{font-size:40px;}
	#main-visual .mvtit .t2,
	#main-visual .mvtit .t3	{font-size:56px;}
	#main-visual .mvquick   {flex-direction: column;}
	#main-visual .mvquick a	{display:block;margin:0 0 20px;width:auto;padding-right:20px;}
	#main-visual .mvquick a .va-pc	{display:none;}
	#main-visual .mvquick .tit {font-size:18px;}
	#main-visual .mvquick .txt {margin-top:0;}
	

	#main-project li a	{padding:40px;padding-left:130px;}

	.main-container section,
	#main-rent{padding:80px 0;}
	#main-rent .main-room .cont .bx .txt	{min-height:80px;}
	#main-equip-list > li	{width:calc(360px - 40px) !important;}
	

}
@media (max-width:1240px){ /*960*/
	#main-visual .l-cont	{width:calc(100% - 480px);}
	#main-visual .r-cont	{width:480px;}
	#main-project li a .badge	{left:40px;}

	/*.titlewrap .tit	{font-size:50px;}*/
	.titlewrap .txt	{font-size:18px;}

	#main-biz .cont	{margin:-10px;}
	#main-biz .cont a	{width:calc(25% - 20px);margin:10px;height:300px;}

	#main-biz:before,
	#main-area:before	{width:calc(100% + 40px);left:-20px;}
	
	#main-area	{padding:0;}
	#main-area .desc	{width:45%;right:100px;top:295px;word-break:keep-all;}
	#main-area .desc .tit	{font-size:34px;}
	#main-area .thumb img	{height:500px;}
	#main-area .titlewrap	{height:100%;width:390px;background:#fff;}
	#main-area .titlebx	{padding:40px 50px 60px;}
	#main-area .control	{width:390px;top:390px;}

	#main-rent .main-room .cont	{margin:-10px;}
	#main-rent .main-room .cont .bx	{width:calc(33.33% - 20px);margin:10px;}
	
	.main-equip .titlewrap	{width:300px;}
	.main-equip .cont	{width:calc(100% - 300px);}

	#main-news .l-cont	{float:none;width:100%;}
	#main-news .r-cont	{float:none;width:100%;padding-left:0;margin-top:20px;}
	#main-video				{margin-top:20px;}
	#main-notice .tabcontent	{height:450px;}
}
@media (max-width:1017px){/*720*/
	#main-visual	{height:auto;padding:0;}
	#main-visual.mv-rotate1 .photo-info:after	{content:none;}
	#main-visual .l-cont	{float:none;width:100%;padding:0 0 50px 100px;}
	#main-visual .r-cont	{float:none;width:100%;}
	#main-visual .mvtit .t1	{font-size:40px;}
	#main-visual .mvtit .t2,
	#main-visual .mvtit .t3	{font-size:48px;}
	#main-visual .mvquick a	{display:inline-block;padding-left:60px;}
	#main-visual .mvquick a:nth-child(1),
	#main-visual .mvquick a:nth-child(2),
	#main-visual .mvquick a:nth-child(3),
	#main-visual .mvquick a:nth-child(4)	{background-size:45px;}
	#main-visual .mvquick .tit	{font-size:18px;}
	#main-visual .mvquick .txt	{display:none;}
	#main-visual .tit-month	{padding:20px 100px;}
	#main-project li a	{padding:20px 100px;padding-left:190px;}
	#main-project li a .tit	{font-size:17px;-webkit-line-clamp:1;margin-bottom:5px;}
	#main-project li a .txt	{font-size:12px;}
	#main-project li a .badge	{top:20px;left:100px;}
	#main-project .p-btn	{padding:20px 100px;margin:0;}
	#main-project .nodata	{padding:50px 30px;}

	
	.titlewrap .tit{font-size:28px;padding:0 0 30px;}
	.titlewrap .txt	{font-size:16px;margin:20px 0 40px;}
	.titlewrap span	{margin-bottom:10px;}

	.main-container section	{padding:60px 20px;}

	#main-biz .cont a	{height:auto;min-height:225px;padding:40px 20px;}
	#main-biz .cont a p	{font-size:18px;}
	
	/* #main-area .desc .txt	{font-size:16px;}
	#main-area .titlewrap	{width:310px;padding:30px;}
	#main-area .titlewrap .txt	{display:none;}
	#main-area .titlebx	{padding:50px 30px 80px;} */
	#main-area .cont	{overflow:hidden;}	
	#main-area .desc	{width:calc(100% - 60px);bottom:30px;left:30px;}
	#main-area .desc .tit	{font-size:28px;margin-bottom:10px;}
	#main-area .thumb	{width:100%;}	
	#main-area .thumb img	{height:250px;}
	#main-area .titlewrap	{position:relative;width:100%;border:1px solid #dadada;box-shadow:none;border-radius:0;padding:20px;}
	#main-area .titlewrap .txt	{display:none;}
	#main-area .titlewrap .tit	{font-size:24px;margin:0;}
	#main-area .titlebx	{position:relative;width:100%;transform:none;box-shadow:none;padding:0;}
	#main-area .btnarea	{margin:1.2rem 0;}
	#main-area .control	{width:100%;top:0;position:relative;margin:20px 0;}
	
	#main-rent .main-room .cont .bx .txt	{font-size:16px;min-height:95px;}
	#main-rent .main-room .cont .thumb img	{height:110px;}
	
	#main-quick 	{margin:0 0 50px;}
	#main-quick p	{margin-right:30px;}
	#main-quick .qmn	{width:calc(100% - 160px);}
	#main-quick a	{font-size:16px;}
	#main-quick a span	{width:55px;height:45px;}
	
}
@media (max-width:778px){/*mobile-l*/	
	#main-visual .mvquick a	{display:block;margin:0 0 20px;}
	#main-visual .mvquick a:nth-child(4)	{margin:0;}
	#main-visual .l-cont	{padding:0 0 50px 30px;}
	#main-visual .tit-month	{padding:20px 50px;}
	#main-project li a	{padding:20px 50px;padding-left:130px;}
	#main-project .p-btn	{padding:20px 50px;}
	#main-project li a .badge	{left:50px;}
	#main-project .nodata i	{font-size:30px;}
	.titlewrap .tit{font-size:22px;padding:0 0 20px;}
	.titlewrap span	{padding:5px 15px;}

	.main-container section, #main-rent	{padding:40px 0;}

	#main-biz .cont a	{width:calc(50% - 20px);min-height:auto;padding:20px;}
	
	.main-equip .titlewrap .tit	{font-size:24px;margin:0;}
	
	#main-rent .main-room .cont .bx .tit	{margin:10px 0;font-size:19px;}
	#main-rent .main-room .cont .bx .txt	{font-size:15px;margin-bottom:20px;}
	#main-rent .main-room .cont .bx .btn-d	{width:100%;}	
	#main-rent .main-room .control	{margin-top:20px;}

	.main-equip .titlewrap	{float:none;width:100%;margin:0;border-right:none;height:auto;padding:50px 0 0;}
	.main-equip .titlewrap .titlebx	{position:relative;top:0;left:0;transform:none;}
	.main-equip .titlewrap .txt	{margin:0;}
	.main-equip .titlewrap .btnarea	{margin-top:0;}
	.main-equip .cont	{float:none;width:100%;margin:0;height:auto;padding:0 20px 30px;}
	.main-equip .cont .control	{position:relative;bottom:0;right:0;text-align:center;margin-top:20px;}
	.main-equip .cont .control a	{float:none;display:inline-block;}
	
	#popupzone	{height:auto;}
	#popupzone .cont	{height:auto;}
	#popupzone .nodata:before	{line-height:auto;}
	#popupzone li		{height:auto;}

	#main-news .r-cont	{height:450px;}
	#main-notice .tabcontent	{height:400px;top:50px;}
	#main-notice .tab_on > a, #main-notice .tab_off > a	{height:50px;line-height:50px;}
	#main-notice .tabcontent .tit	{font-size:17px;}
	#main-notice .more	{height:50px;}

	#main-quick	{margin:30px 0;}
	#main-quick p	{margin:0 0 30px 0;float:none;width:100%;font-size:25px;}
	#main-quick p span	{display:inline;padding:0;position:relative;}
	#main-quick p span:after	{right:-10px;}
	#main-quick .qmn	{float:none;width:100%;}
	#main-quick a	{font-size:15px;}

	#main-video a	{height:auto;}
	#main-video .tit	{font-size:19px;}
	#main-video .ico	{width:50px;height:50px;line-height:50px;}

	
}
@media (max-width:576px){/*mobile-s*/
	#main-visual .l-cont	{padding:40px;}
	#main-visual .mvtit	{margin:0 0 30px;}
	#main-visual .mvtit .t1	{font-size:30px;}
	#main-visual .mvtit .t2,
	#main-visual .mvtit .t3	{font-size:38px;}
	#main-visual .tit-month	{padding:20px 30px;font-size:18px;}
	#main-visual .tit-month span	{font-size:20px;}
	#main-visual .mvquick a,
	#main-visual .mvquick a:nth-child(1),
	 #main-visual .mvquick a:nth-child(2) {margin-bottom:10px;}
	#main-project li a	{padding:10px 30px;}
	#main-project li a .badge	{position:relative;top:0;left:0;padding:5px 10px;margin-bottom:5px;}
	#main-project .p-btn	{padding:20px 30px;}
	#main-project .nodata	{margin:20px;padding:30px;}
	
	.titlewrap .txt	{margin:20px 0;}
	
	#main-area .thumb img	{min-height:300px;object-fit:cover;}	
	#main-rent .main-room .cont	{margin:0;}
	#main-rent .main-room .cont .bx	{float:none;width:100%;margin:0 0 20px;}
	#main-rent .main-room .cont .bx .txt	{min-height:45px;}
	#main-rent .main-room .thumb img	{max-height:200px;object-fit:cover;}
	
	.main-equip .titlewrap .txt{padding:20px;}
	
	#main-news .r-cont	{height:510px;}
	#main-video .ico	{margin-bottom:10px;}
	#main-notice .tab_on > a, #main-notice .tab_off > a	{font-size:18px;margin-right:10px;}
	#main-notice .tab_on > a:after, #main-notice .tab_off > a:after	{margin-left:10px;}
	#main-notice .date em	{font-size:20px;}
	#main-notice .more	{top:460px;background:#0A50A1;float:none;width:100%;}
	#main-notice .more a	{display:block;width:100%;color:#fff;text-align:center;}
	#main-notice .more a i	{display:none;}

	#main-quick p	{margin-bottom:0;}
	#main-quick a	{width:33.33%;}
	#main-quick a span	{margin-bottom:10px;margin-top:20px;}
}
@media(max-width:474px){#main-biz .cont a{width:95%;}}
@media (max-width:415px){/*mobile-xs*/
	#main-visual .mvtit .t1	{font-size:22px;}
	#main-visual .mvtit .t2,
	#main-visual .mvtit .t3	{font-size:30px;}

	#main-biz .cont	{margin:0;}
	#main-biz .cont a	{width:100%;margin:5px 0;}
	
	#main-area .btnarea a	{display:block;margin:0 40px 10px;}
	.main-equip .cont	{padding:0 20px 20px;}
	.main-equip .titlewrap .btnarea a	{display:block;margin:0 40px 10px;}
	#main-equip-list > li	{width:calc(280px - 40px) !important;}
	
	#main-news .r-cont	{height:450px;}
	#main-notice .tabcontent	{height:340px;}
	#main-notice .tabcontent .tit	{font-size:16px;}
	#main-notice .more	{top:400px;}

}
@media (max-width:320px){/*mobile-xs*/	
	#main-visual .l-cont	{padding:40px 30px;}
}