@charset 'utf-8';

/* 1000px */
@media (max-width: 1040px) {
	.btn-nav { display:flex; }
	#hd .nav-wr{ position:fixed; left:0; top:0; bottom:0; width:100vw; z-index:1001; background-color:#111; border:0; display:none; }
	#hd .nav-wr.open { opacity: 1; visibility: visible; }
	#hd .nav-top { display:block; }
	#nav ul { display:block; }
	#nav ul li { font-weight:400; }
	#nav ul li a { color:#fff; height:50px; }
	
	.filter-bx { grid-template-columns:27% 1fr; }

	.basic-info { padding-top:0; }
	.tabs-menu { gap:15px; }
	.tabs-menu li { font-size:17px; }
	.tabs-menu li a, .tabs-menu li span { padding:0 30px; }

	.biz-list-box .biz-list.ic002, .biz-list-box .biz-list.ic003 { grid-template-columns: repeat(3, 1fr); }

	.list-gallery { grid-template-columns: repeat(2, 1fr); }

	.contents h4 { text-align:center; }
	.ic002#gallery-wr, .ic003#gallery-wr { padding-left:0; }
	.ic002#gallery-wr #gallery-slide .swiper, .ic003#gallery-wr #gallery-slide .swiper { height:auto; }
	.ic002#gallery-wr #gallery-slide-thumbs, .ic003#gallery-wr #gallery-slide-thumbs { position:static; margin:0 auto; margin-top:30px; width:100%; max-width:540px; }
	.ic002#gallery-wr #gallery-slide-thumbs .swiper, .ic003#gallery-wr #gallery-slide-thumbs .swiper { height:120px; }
	#gallery-slide-thumbs.ic002 .swiper-slide, #gallery-slide-thumbs.ic003 .swiper-slide { height: calc((100% - 40px) / 1) !important; }
}

/* 765px */
@media (max-width: 765px) {
	#hd .head { height:70px; }
	#hd .head h1 { padding-top:10px; width:65px; }
	
	.contents { padding:30px 0 50px 0; }
	.contents h3.tit {  font-size:30px; }
	.contents .sub-top { margin-bottom:30px; } 
	.contents .sub-top .summary { font-size:14px; margin-top:5px; }
	.form-box dl { grid-template-columns: 150px 1fr; }
	.form-box dt, .form-box dd { font-size:15px; }
	.form-box dd .terms-textarea { font-size:13px; padding:15px; }
	.fr-input { height:45px; font-size:15px; }
	.select-box { height:45px; font-size:15px; }
	.check-box { font-size:14px; }
	.form-box dd .tel { grid-template-columns: 1fr 5px 1fr 5px 1fr; }
	.tail-btns { margin-top:30px; }
	.tail-btns .btn-basic { font-size:21px; width:200px; height:50px; }
	
	.search-bx { height:54px; }
	.search-bx input[type="text"] { height:50px; line-height: 50px; padding-left:30px; }
	.search-bx .btn-search { background-size:40% auto; width: 60px; }
	
	.filter-bx { display:block; }
	.filter-bx .filter-opt { border-top:1px solid #dcdbdb; }
	.filter-bx .filter-opt dl:first-child { border-left:0; }
	.filter-bx .filter-opt dl dd .custom-select-wrapper .custom-select-trigger { padding-right:30px; }
	
	.basic-info .conts .img { }
	.basic-info .conts { display:block; } 
	.basic-info .conts .info { padding-top:0; margin-top:30px; }
	.basic-info .conts .info dl { margin-bottom:10px; }
	
	.tab-menu li a { height:50px; line-height: 50px; }
	.v-contents { position:relative; padding: 30px 0; }
	#img-slide { padding:0 40px; }
	#img-slide .swiper-button-prev, #img-slide .swiper-button-next { background-size:50% auto;  }

	#inf-hall .hall-info { grid-template-columns: repeat(4, 1fr); }
	#inf-hall .hall-info dt,
	#inf-hall .hall-info dd { font-size:15px; }

	#inf-request h4.h4 { font-size:30px; margin-bottom:10px; }
	#inf-request .text { font-size:15px; }

	#inf-loaction .conts { grid-template-columns: repeat(1, 1fr); gap:20px; }
	#map { height:300px !important; }
	#inf-loaction .conts .info dl { margin-bottom:5px; }
	#inf-loaction .conts .info dl.summary dt { display:inline-block; }
	
	.tabs-menu { gap:10px; }
	.tabs-menu li { font-size:17px; }
	.tabs-menu li a, .tabs-menu li span { height: 45px; padding: 0 25px; }
	.biz-list-box .biz-list { grid-template-columns: repeat(2, 1fr); }


	.hgroup .text-summary { font-size:20px; }
	.login-rel a { font-size:15px; }

	.biz-list-box .biz-list.ic002, .biz-list-box .biz-list.ic003 { grid-template-columns: repeat(2, 1fr); }
	.biz-list-box .biz-list li .item-tail a { font-size:14px; }

 }

/* 480px */
@media (max-width: 480px) {
	#hd .head { height:50px; }
	#hd .head h1 { padding-top:10px; width:45px; }
	.btn-nav { width:30px; height:40px; left:10px; }
	#hd .nav-top { height:50px; }
	#btn-nav-close .top { transform: translateY(8px) rotate(45deg); }
	#btn-nav-close .bottom { transform: translateY(-8px) rotate(-45deg); }
	#nav ul li { font-size:17px; }
	#nav ul li a { height:40px; }
	#hd #unit { right:10px; }
	#hd #unit .mypage { background-size:20px auto; }
	#ft .foot { font-size:12px; padding:20px 0; color:#555; }
	#ft .content-list { gap:15px; }
	.container { padding:0 10px; padding-bottom:40px; }
	.form-box dl { display:block; padding:20px 0; }
	.form-box dt { padding-left:0; margin-bottom:7px; }
	.form-box dd { padding-right:0; }
	.fr-input { height:42px; }
	.select-box { height:42px;  }
	.check-box input + span:before { width:18px; height:18px; }
	
	.search-bx { padding-right:50px; height:46px; margin-bottom: 20px; }
	.search-bx input[type="text"] { height:42px; line-height:42px; padding-left:20px; font-size:15px; }
	.search-bx .btn-search { width:50px; }

	.filter-bx .fr-input { font-size:15px; padding:0 15px; }
	.filter-bx .filter-opt { height: auto; display:block; border-top:0; }
	.filter-bx .filter-opt dl { border-left:0; border-top:1px solid #dcdbdb; }
	.filter-bx .filter-opt dl dt, .filter-bx .filter-opt dl dd { font-size:15px; }
	.filter-bx .filter-opt .custom-select-wrapper { height: 40px; }
	.filter-bx .filter-opt dl dd .custom-select-wrapper .custom-select-trigger { font-size:15px; height:40px; line-height:40px; padding: 0 38px 0 15px; }
	.filter-bx .filter-opt dl dd .custom-select-wrapper .custom-select-trigger:after { width:40px; height:40px; }
	.filter-bx .filter-opt .custom-select.opened .custom-options { left: -1px; }
	.filter-bx .filter-opt dl dd .custom-option { padding:0 10px; font-size:15px; line-height: 28px; }
	
	.result-hd { font-size:15px; margin-bottom:10px; }
	.result-hd .count { font-size:17px; }
	
	.basic-info .conts .info dl { gap:20px; }
	.basic-info .conts .info dl dt, .basic-info .conts .info dl dd { font-size:15px; }

	.list-gallery { grid-template-columns: repeat(2, 1fr); gap: 40px 10px;  }
	.list-gallery li .itembx .location { font-size:13px; }
	.list-gallery li .itembx .title { font-size:17px; }
	
	.tab-menu ul { display:flex; align-items:center; justify-content:center; }
	.tab-menu li { font-size:15px; }
	.tab-menu li a { padding: 0 17px; }
	#inf-hall .hall-info { grid-template-columns: repeat(3, 1fr); }
	#img-slide { padding:0; margin-bottom: 10px; }
	#img-slide .swiper-button-prev, #img-slide .swiper-button-next { background-size:30% auto; }
	#img-slide .swiper-pagination { font-size:15px; margin-top:15px; }
	
	#inf-hall .about-hall { margin-bottom:50px; }
	#inf-hall h4.h4 { font-size:21px; }
	#inf-request h4.h4 { font-size:21px; }
	#inf-request .text { font-size:13px; }
	#inf-loaction h4.h4 { font-size:21px; margin-bottom:10px; }

	#inf-request .form-bx .fr-input { font-size:21px;  height: 50px; }

	input[type="checkbox"] + label { font-size:15px; }
	#inf-request .terms-area .btn-terms-view { width:100px; }
	#inf-loaction .conts .info dt, #inf-loaction .conts .info dd { font-size:15px; }
	
	.tabs-menu { gap:5px; }
	.tabs-menu li { font-size:15px; }
	.tabs-menu li a, .tabs-menu li span { height:40px; padding:0 15px; }

	.biz-list-box .biz-list { grid-template-columns: repeat(1, 1fr); }
	
	.fr-bx .fr-input { padding-right:95px; }
	.fr-bx .btn-confirm { width:90px; font-size:13px;  }
	.form-bx dd + dd { margin-top:10px; }
	
	.form-bx .terms-list { margin:50px 0; }
	.form-bx .terms-list li { padding-right:100px; margin-top:20px; }
	.form-bx .terms-list li .btn-terms_view { width:80px; font-size:13px;  }
	.btns { font-size:17px; height:55px; line-height:55px; }
	.btns.submit, .btns.inquiry, .btns.red { font-size:17px; }
	.btns.submit { margin-top:30px; }
	
	.contents { padding:20px 0; }
	.contents h3.tit { margin-bottom:30px; }
	.hgroup .text-summary { font-size:15px; }
	.login-rel a { font-size:14px; margin: 0 10px; } 
	.login-service .text { font-size:15px; }
	.login-service .btns { margin-bottom:10px; }

	.contents .sub-top h3.tit { font-size:24px; }
	.terms-textarea { font-size:13px; }

	.biz-list-box .biz-list.ic002, .biz-list-box .biz-list.ic003 { grid-template-columns: repeat(1, 1fr); }
	.biz-list-box .biz-list li .item-tail a { font-size:13px; height: 40px;}

	.list-gallery { grid-template-columns: repeat(1, 1fr); }
	
	.introduction-text p strong { font-size: 22px; }
	.introduction-text { max-width: 100%; padding: 0 20px; font-size: 15px; }
}

/* 375px */
@media (max-width: 375px) {
	#ft .content-list a { font-size:12px; }
	
	.list-gallery { grid-template-columns: repeat(1, 1fr); gap: 30px 10px;  } 
	.tab-menu li { font-size:14px; }
	.tab-menu li a { padding: 0 10px; } 
	
	#inf-request .terms-area .btn-terms-view { margin-left:0; margin-top:10px; }
	#inf-request .terms-area { margin-bottom:70px; }
	input[type="checkbox"] + label { font-size:14px; }

	.tabs-menu { margin-bottom:20px; }
	.tabs-menu li { font-size:13px; }
	.tabs-menu li a, .tabs-menu li span { height:38px; padding:0 12px; } 

	.contents h4  { font-size:25px; }

	.login-rel a { font-size:12px; margin: 0 5px; } 
}

