@charset "utf-8";
@media (max-width: 1430px) {
	#gnb{padding-right:120px;}
}

@media (max-width: 1230px) {
	/* header */
	#header:after{top:80px;}
	#header .contain{height:80px;}
	#header .sitelogo {top:15px;}
	#header .sitelogo img{height:50px;}

	#gnb>ul {margin:0 -40px;} 
	#gnb>ul>li {padding:0 40px;}
	#gnb>ul>li>a {font-size:18px; line-height:80px;}

	#gnb .submenu {top:80px;}
	#gnb .submenu>ul {padding:20px 0;}
	#gnb .submenu>ul>li>a {font-size:15px;}

	.submenu-bg {top:80px;}

	.sec1 .fp-tableCell,
	.sec2 .fp-tableCell,
	.sec3 .fp-tableCell,
	.sec4 .fp-tableCell,
	.sec5 .fp-tableCell,
	.sec6 .fp-tableCell{padding-top:80px;}

	#fp-nav{display:none !important;}

	.quick{right:20px;}
	.quick .group ul li a{width:70px;height:70px;}
	.quick .group ul li a .ic{margin-bottom:5px;}
	.quick .group ul li a .ic img{height:30px;}
	.quick .group ul li a p{font-size:13px;}
	.quick .scroll-top{height:36px;font-size:16px;}

	/* main */ 
	.tt20 br{display:none;}
	.sec1 .left .link ul{margin:0 -10px -30px;}
	.sec1 .left .link ul li{margin-bottom:30px;}
	.sec1 .left .link ul li .ic img{height:50px;}

	.sec1 .img{height:calc(100vh - 80px);}
	.dot-list>li br{display:none;}

	.main-busi .item .img{width:350px;}
	.main-busi .item .img .hover .wrap p{margin-bottom:10px;}
	.main-busi .item .img .hover .wrap .plus{width:40px;height:40px;}
	.main-busi .item .tt-wrap{padding-left:40px;padding-top:0;}

	.main-busi .btns{position:relative;padding-left:0;width:100%;margin:30px 0;}
	.main-busi .btns .slick-dots li button{height:34px;padding:0 15px;}

	.doc-arrs{right:0;top:-5px;left:auto;bottom:auto;padding-left:0;}
	.doc-arrs .slick-arrow{width:40px;height:40px;background-size:20px;}
	.main-busi .doc-arrs{display:none;}
	.btn-more{width:190px;height:50px;}

	.sec4 .tit-wrap{padding-bottom:25px;}
	.sec4 .tit-wrap .sec-tit{margin-right:30px;}
	.sec4 .tit-wrap .cate ul{gap:55px;}
	.sec4 .tit-wrap .cate ul li a{padding-bottom:3px;}
	.sec4 .tit-wrap .cate ul li a:after{bottom:-26px;width:calc(100% + 20px);height:3px;}

	.board-sld .slick-list{margin:0 -10px;}
	.board-sld .item{padding:0 10px;}
	.board-sld .item .box{min-height:300px;padding:30px;}
	.board-sld .item .box .tag{height:26px;margin-bottom:15px;padding:0 10px;border-radius:5px;}
	.board-sld .item .box .tit{margin-bottom:10px;}

	/* footer */
	#footer {padding:35px 0;}
	#footer .contain{flex-direction:column;}
	#footer .foot-info{margin-right:0;width:100%;order:2;}
	#footer .foot-info .logo{margin-bottom:25px;}
	#footer .foot-info .logo img{height:50px;}
	#footer .foot-info address{margin:0 -15px -5px;}
	#footer .foot-info address dl{padding:0 15px;margin-bottom:5px;}
	#footer .foot-info address dl dt{margin-right:8px;}
	#footer .foot-info .copy{margin-top:20px;font-size:12px;}
	#footer .foot-right{order:1;width:100%;margin-bottom:30px;}
	#footer .foot-right .foot-menu{margin-bottom:20px;}
	#footer .foot-right .foot-menu ul{justify-content:flex-start;gap:30px;}
	#footer .foot-right .foot-menu ul li a{padding-left:22px;font-size:14px;}
	#footer .foot-right .foot-menu ul li a:before{top:.2em;width:14px;height:14px;}

	.family {max-width:260px;margin:0;}
	.family .tit {height:40px;font-size:14px;}
	.path-wrap .home a{background-position:50% 50%;}

	/* sub page */
	.sub-visual {height:300px;}
	.sub-visual .tt-wrap{padding:80px 15px 0;}

	.greeting .tt-wrap .wrap p br{display:none;}

	.table01 table th,
	.table01 table td{padding:10px 15px;height:50px;}

	.history .row .year{width:180px;}

	.location .content .tt-wrap .info dl dt{width:100px;}
	.location .content .tt-wrap .info dl dd{padding-top:0;}
	.location .content .tt-wrap .btns ul li a{width:120px;height:40px;font-size:14px;}
	 
	.location .content .maps{width:350px;}
	.location .content .maps .root_daum_roughmap {height:300px !important;}
	.location .content .maps .root_daum_roughmap .wrap_map {height:300px !important;}

	.dot-list.type2 li{margin-bottom:15px;}

	.ic-feature ul{margin:0 -20px -35px;}
	.ic-feature ul li{margin-bottom:35px;}
	.ic-feature ul li .ic{width:140px;height:140px;border-width:6px;}
	.ic-feature ul li .tt br{display:none;}

	.order-feature ol{margin:0 -10px -30px;}
	.order-feature ol li{padding:0 10px;margin-bottom:30px;}
	.order-tit .num{width:30px;height:30px;font-size:14px;}

	.ic-title .tit:before{top:-.1em;}
	.ic-title .pl{padding-left:0;}
	.doc-cnt .cnt-inner{padding-left:0;}
	.flex-x2-con{margin:0 -10px;}
	.flex-x2-con .col{padding:0 10px;}

	.doc-cnt .cnt-inner.type2 .flex-x2-con .col:first-child .ic-title{margin-left:0;}

	.flex-x4-con{margin:0 -10px;}
	.flex-x4-con .col{padding:0 10px;}

	.range-txt .arr{margin:0 3px;font-size:12px;}

	.table01.type2 table td{padding:10px;}
	.table01.type2 table th{padding:10px;}

	.busi .table01 table br{display:none;}

	.flex-x3-con{margin:0 -10px;}
	.flex-x3-con .col{padding:0 10px;}

	.top-flex-con.type2{margin:0 -20px 40px;}
	.top-flex-con.type2 .left{padding:0 20px;}
	.top-flex-con.type2 .tt-wrap{padding:0 20px;}
	.top-flex-con .tt18 br{display:none;}

	.busi-order ol{margin:0 -10px -35px;}
	.busi-order ol li{padding:0 10px;margin-bottom:35px;}

	.ramen ul{margin:0 -10px -40px;}
	.ramen ul li{padding:0 10px;margin-bottom:40px;}
	.ramen ul li.wide .item .flex{margin:0 -10px;}
	.ramen ul li.wide .item .flex .col{padding:0 10px;}
	.table02 table th,
	.table02 table td{height:30px;padding:5px;font-size:12px;}

	.property-list ul{margin:0 -10px -55px;}
	.property-list ul li{width:33.3333%;padding:0 10px;margin-bottom:55px;}
	.property-list ul li .tit{margin-top:20px;min-width:auto;}

	.resort .top-con{flex-direction:column;align-items:flex-start;}
	.resort .top-con .tt-wrap{order:2;}
	.resort .top-con .tt-wrap .info dl{margin-bottom:20px;}
	.resort .top-con .tt-wrap .info dl dt{padding-left:40px;width:130px;}
	.resort .top-con .tt-wrap .info dl dt:before{top:-.25em;width:30px;height:30px;background-size:16px;}
	/* .resort .top-con .tt-wrap .info dl dd{padding-bottom:1px;} */
	.resort .top-con .maps{order:1;margin-bottom:30px;width:100%;}
	.resort .top-con .maps .root_daum_roughmap {height:300px !important;}
	.resort .top-con .maps .root_daum_roughmap .wrap_map {height:300px !important;}
	
	.resort .sld-con .origin-wrap{margin-bottom:10px;}
	.resort .sld-con .name-wrap{bottom:20px;width:180px;}
	.resort .sld-con .name p{line-height:44px;}
	/* .resort .sld-con .name .slick-arrow{margin-top:-8px;height:16px;} */
	/* .resort .sld-con .name .slick-prev{left:20px;}
	.resort .sld-con .name .slick-next{right:20px;} */

	.resort .sld-con .thumb{padding:0 50px;}
	.resort .sld-con .thumb .slick-list{margin:0 -5px;}
	.resort .sld-con .thumb .item{padding:0 5px;}
	.resort .sld-con .thumb .slick-arrow{margin-top:-15px;height:30px;}
	.resort .sld-con .thumb .slick-prev{left:-50px;}
	.resort .sld-con .thumb .slick-next{right:-50px;}

}

@media (max-width: 1024px) {
	#gnb{display:none;}
}

@media (max-width: 768px) {
	/* header */
	#header{position: fixed;}
	#header.header-up{transform:translateY(-100%);}
	#header:after{top:60px;}
	#header .contain{height:60px;}
	#header .sitelogo {top:10px;left:15px;}
	#header .sitelogo img{height:40px;}

	.sec1 .fp-tableCell,
	.sec2 .fp-tableCell,
	.sec3 .fp-tableCell,
	.sec4 .fp-tableCell,
	.sec5 .fp-tableCell,
	.sec6 .fp-tableCell{padding-top:0;}
	.sec1 .img{height:auto;}

	.quick{right:10px;border-radius:6px;}
	.quick .group{border-radius:6px 6px 0 0;}
	.quick .group ul li a{width:50px;height:50px;}
	.quick .group ul li a .ic img{height:20px;}
	.quick .group ul li a p{font-size:11px;}
	.quick .scroll-top{height:26px;font-size:12px;border-radius:0 0 6px 6px;}
	
	.quick{top:auto;bottom:30px;right:15px;transform:translateY(0);border-radius:100%;}
	.quick .group{display:none;}
	.quick .scroll-top{width:36px;height:36px;border-radius:100%;font-size:12px;letter-spacing:0;}

	/* main */ 
	.main-visual .tt-wrap{padding:0 15px;}
	.main-visual .tt-wrap .tit{font-size:24px;}
	.main-visual .tt-wrap .tt{font-size:15px;}
	.main-visual .controls{bottom:30px;padding:0 15px;}
	.main-visual .controls .btns .arrs{padding:0 15px;height:30px;margin-right:6px;}
	.main-visual .controls .btns .arrs .paging{margin:0 10px;}
	.main-visual .controls .btns .arrs .paging li {font-size:12px;}
	.main-visual .controls .btns .arrs .paging li .bar{height:8px;margin:0 8px;}
	.main-visual .controls .btns .arrs .paging li .num{padding-top:1px;}
	.main-visual .controls .btns .act{width:30px;height:30px;background-size:9px;}

	.fp-viewing-Home .quick{display:none;}
	.section{padding:70px 0;}
	.section#section0{padding:0;}

	.sec-tit .tit{font-size:28px;}

	.sec1 .contain{flex-direction:column;}
	.sec1 .left{width:100%;padding:0 15px;order:2;}
	.sec1 .left .inner{max-width:100%;padding-right:0;}
	.sec1 .left .link ul{margin:0 -5px -25px;}
	.sec1 .left .link ul li{width:33.3333%;padding:0 5px;margin-bottom:25px;}
	.sec1 .left .link ul li .ic{margin-bottom:13px;}
	.sec1 .left .link ul li .ic img{height:44px;}
	.sec1 .left .link ul li p{font-size:14px;}

	.sec1 .img{height:auto;order:1;width:100%;padding:0 15px;margin-bottom:25px;}
	.sec1 .img img{position:relative;}
	
	.main-busi .item .group{display:block;}
	.main-busi .item .img{width:100%;}
	.main-busi .item .img .hover .wrap p{margin-bottom:10px;}
	.main-busi .item .img .hover .wrap .plus{width:40px;height:40px;}
	.main-busi .item .tt-wrap{padding:0;width:100%;margin-top:20px;}

	.main-busi .btns{margin:20px 0;}
	.main-busi .btns .slick-dots{gap:6px;}
	.main-busi .btns .slick-dots li button{height:30px;}
		
	.sec3 .sec-tit{margin-bottom:20px;}
	.sec3 .tt br{display:none;}
	.tt18 br{display:none;}
	.btn-more{width:170px;height:44px;}

	.sec4 .tit-wrap{display:block;padding-bottom:10px;margin-bottom:20px;}
	.sec4 .tit-wrap .sec-tit{margin-bottom:20px;}
	.sec4 .tit-wrap .cate{width:100%;}
	.sec4 .tit-wrap .cate ul{gap:30px;}
	.sec4 .tit-wrap .cate ul li a{}
	.sec4 .tit-wrap .cate ul li a:after{width:100%;bottom:0;height:2px;}
	.sec4 .doc-arrs{margin-top:15px;}

	.board-sld .item .box{min-height:250px;padding:20px;}

	.doc-arrs{position:relative;top:auto;gap:6px;}
	.doc-arrs .slick-arrow{width:32px;height:32px;background-size:15px;}

	.section#section6{padding:0;}

	/* footer */
	#footer {padding:30px 0;text-align:center;}
	#footer .foot-info .logo{margin-bottom:20px;}
	#footer .foot-info .logo img{height:44px;}
	#footer .foot-info address{margin:0;display:block;}
	#footer .foot-info address dl{padding:0;margin-bottom:5px;display:block;}
	#footer .foot-info address dl:last-child{margin-bottom:0;}
	#footer .foot-info address dl dt{margin-right:5px;display:inline;}
	#footer .foot-info address dl dd{display:inline;}
	#footer .foot-info .copy{margin-top:20px;font-size:12px;}
	#footer .foot-right{margin-bottom:25px;}
	#footer .foot-right .foot-menu ul{justify-content:center;}
	#footer .foot-right .foot-menu ul li a{font-size:13px;}
	#footer .foot-right .foot-menu ul li a:before{top:.1em;}

	.family {max-width:250px;margin:0 auto;}
	.family .tit {height:36px;font-size:13px;}
	.family .tit .arr{font-size:7px;}

	/* sub page */
	.sub-visual {height:250px;}
	.sub-visual .tt-wrap{padding:60px 15px 0;}

	.sub-title{margin-bottom:50px;}
	.sub-title p{font-size:13px;margin-top:5px;}

	.greeting .top-wrap{display:block;}
	.greeting .top-wrap .tit-wrap{margin-right:0;margin-bottom:25px;}
	.greeting .top-wrap .tit-wrap .tit{font-size:20px;}
	.greeting .top-wrap .tit-wrap .tit br{display:none;}
	.greeting .top-wrap .tit-wrap p {margin-top:5px;font-size:14px;}
	.greeting .top-wrap .img{width:100%;}
	.greeting .tt-wrap .tit br{display:none;}
	.greeting .tt-wrap .wrap p{margin-bottom:15px;}
	.greeting .tt-wrap .ceo .sign{margin-left:20px;}
	.greeting .tt-wrap .ceo .sign img{height:28px;}
	
	.overview .logo{padding:30px;}
	.overview .logo img{height:50px;}
	.table01 table th,
	.table01 table td{padding:10px;height:44px;}
	
	.history .row{display:block;margin-bottom:20px;}
	.history .row:last-child{margin-bottom:0;}
	.history .row .year{width:100%;margin-right:0;padding:10px;font-size:20px;border-top:2px solid var(--dark);}
	.history .row .info{padding:15px 20px;border-top:none;width:100%;}
	.history .row:first-child .info{border-top:none;}
	.history .row .info ul li{display:block;padding-left:15px;margin-bottom:10px;}
	.history .row .info ul li:last-child{margin-bottom:0;}
	.history .row .info ul li:before{top:8.5px;width:5px;height:5px;}
	.history .row .info ul li .month{width:100%;}
	.history .row .info ul li .txt{width:100%;}
	.history .row .info ul li .txt p{margin-bottom:5px;}

	.location .content{flex-direction:column;margin-bottom:60px;}
	.location .content .tt-wrap{margin-right:0;order:2;width:100%;}
	.location .content .tt-wrap .info dl dt{width:90px;padding-left:25px;line-height:1.6em;}
	.location .content .tt-wrap .info dl dt:before{top:.2em;width:15px;height:15px;}
	.location .content .tt-wrap .info dl dd{padding-top:0;line-height:1.6em;}
	.location .content .tt-wrap .btns{margin-top:20px;}
	.location .content .tt-wrap .btns ul li a{width:110px;height:32px;font-size:13px;}
	 
	.location .content .maps{width:100%;order:1;margin-bottom:30px;}
	.location .content .maps .root_daum_roughmap {height:200px !important;}
	.location .content .maps .root_daum_roughmap .wrap_map {height:200px !important;}
	
	.busi .top-flex-con{display:block;}
	.busi .top-flex-con .bd-img{width:100%;margin-bottom:25px;}
	.busi .top-flex-con .tt-wrap{width:100%;padding:0;}
	.dot-list.type2 li{margin-bottom:5px;}

	.ic-feature ul{justify-content:flex-start;}
	.ic-feature ul li{width:50%;}
	.ic-feature ul li .ic{width:120px;height:120px;border-width:4px;margin-bottom:15px;}
	.ic-feature ul li .ic img{height:60px;}

	.order-feature ol{margin:0;display:block;}
	.order-feature ol li{width:100%;padding:0;margin-bottom:30px;}
	.order-feature ol li:last-child{margin-bottom:0;}
	.order-tit .num{width:26px;height:26px;margin-right:6px;font-size:12px;}

	.doc-title{margin-bottom:40px;}
	.doc-title .tit{font-size:22px;}

	.ic-title{margin-bottom:20px;}
	.ic-title .tit{padding-left:28px;font-size:17px;}
	.ic-title .tit:before{top:.1em;height:18px;}
	.ic-title .pl{padding-left:0;}
	.doc-cnt .cnt-inner{padding-left:0;}
	.flex-x2-con{margin:0 -5px;}
	.flex-x2-con .col{padding:0 5px;}

	.doc-cnt .cnt-inner.type2 .flex-x2-con{display:block;margin:0;}
	.doc-cnt .cnt-inner.type2 .flex-x2-con .col{margin-bottom:50px;width:100%;padding:0;}
	.doc-cnt .cnt-inner.type2 .flex-x2-con .col:last-child{margin-bottom:0;}
	.doc-cnt-wrap .doc-cnt{margin-bottom:50px;}
	.img-tit{margin-top:15px;}

	.flex-x4-con{margin:0 -5px -30px;flex-wrap:wrap;}
	.flex-x4-con .col{width:50%;padding:0 5px;margin-bottom:30px;}

	.range-txt{margin-top:15px;}
	.range-txt p{margin-bottom:10px;line-height:1.6em;}
	.range-txt p:last-child{margin-bottom:0;}
	.range-txt .arr{margin:0 3px;font-size:12px;}

	.table01.type2 table td{padding:10px;}
	.table01.type2 table th{padding:10px;}

	.table01.table-responsive table{}
	.table01.table-responsive table th{font-size:12px;line-height:1.6em;}
	.table01.table-responsive table td{font-size:12px;line-height:1.6em;}

	.flex-x3-con{margin:0 -3px;}
	.flex-x3-con .col{padding:0 3px;}

	.top-flex-con.type2{margin:0 0 40px;}
	.top-flex-con.type2 .left{width:100%;padding:0;}
	.top-flex-con.type2 .tt-wrap{padding:0;width:100%;}

	.busi-order ol{margin:0 -5px -30px;}
	.busi-order ol li{width:50%;padding:0 5px;margin-bottom:30px;}

	.ramen ul{margin:0;display:block;}
	.ramen ul li{width:100%;padding:0;margin-bottom:30px;}
	.ramen ul li:last-child{margin-bottom:0;}
	.ramen ul li .item .tit{height:38px;}
	.ramen ul li .item .wrap{height:auto;}
	.ramen ul li .item .wrap .txt{min-height:auto;}
	.ramen ul li.wide .item .flex{margin:0;display:block;}
	.ramen ul li.wide .item .flex .col{padding:0;width:100%;}
	.ramen ul li.wide .item .flex .col .gr-tit{height:36px;font-size:14px;}
	.ramen ul li.wide .item .flex .col.type2 .row{margin-bottom:15px;}

	.construction ul{margin:0 -30px -60px;}
	.construction ul li{padding:0 30px;margin-bottom:60px;}
	.construction ul li:after{right:-15px;margin-top:-15px;width:30px;height:30px;}
	.construction ul li .bd-img{border-radius:10px;}
	.construction ul li .bd-img:after{border-radius:10px;}
	.construction ul li .tit{height:32px;font-size:14px;}

	.construction ul li:nth-child(2):after,
	.construction ul li:nth-child(4):after,
	.construction ul li:nth-child(6):after{margin-left:-15px;bottom:-45px;}
	.construction ul li:nth-child(3):after,
	.construction ul li:nth-child(7):after{left:-15px;}

	.board-search .search .sch-wrap{width:100%;}
	.board-search .search input.input{width:100%;}

	.example ul{margin:0 -10px -35px;}
	.example ul li{width:50%;padding:0 10px;margin-bottom:35px;}
	.example ul li p{margin-top:15px;}

	.property-list ul{margin:0 -5px -35px;}
	.property-list ul li{width:50%;margin-bottom:35px;padding:0 5px;}
	.property-list ul li .tit{margin-top:10px;font-size:13px;line-height:1.3em;}

	.table01.table-responsive table{width:768px;}

	.resort .top-con .tt-wrap .tit{font-size:18px;}
	.resort .top-con .tt-wrap .info dl{display:block;margin-bottom:20px;}
	.resort .top-con .tt-wrap .info dl dt{padding-left:36px;width:100%;margin-bottom:3px;}
	.resort .top-con .tt-wrap .info dl dt:before{top:-.25em;width:26px;height:26px;background-size:14px;}
	.resort .top-con .tt-wrap .info dl dd{width:100%;padding-bottom:0;padding-left:36px;line-height:1.6em;}
	.resort .top-con .maps{order:1;margin-bottom:25px;width:100%;}
	.resort .top-con .maps .root_daum_roughmap {height:200px !important;}
	.resort .top-con .maps .root_daum_roughmap .wrap_map {height:200px !important;}
	
	.resort .sld-con .origin-wrap{margin-bottom:10px;}
	.resort .sld-con .name-wrap{bottom:15px;width:120px;}
	.resort .sld-con .name p{line-height:30px;font-size:12px;}
	.resort .sld-con .name .slick-arrow{margin-top:-6px;height:12px;}
	.resort .sld-con .name .slick-prev{left:15px;}
	.resort .sld-con .name .slick-next{right:15px;}

	.resort .sld-con .thumb{padding:0 35px;}
	.resort .sld-con .thumb .slick-arrow{margin-top:-12px;height:24px;}
	.resort .sld-con .thumb .slick-prev{left:-35px;}
	.resort .sld-con .thumb .slick-next{right:-35px;}
}