@charset "utf-8";

@media (max-width: 1850px) {
	/* layout */
		#gnb>ul>li {padding:0 30px;}
}

@media (max-width: 1600px) {
	/* layout */
		#gnb>ul {}
		#gnb>ul>li {padding:0 16px;}
		.scrolltop {right:15px; bottom:100px;}
		.quick-menu {right: 15px;}
		.quick-menu .wrap {width: 82px;}
		.quick-menu ul li .icon {width: 45px; height: 45px; background-size: 45px auto;}
		.quick-menu ul li p {font-size: 14px;}
		
}

@media (max-width: 1400px) {
	/* layout */
		#gnb>ul {justify-content:normal; margin-left:280px;}
		#gnb>ul>li>a {font-size:18px;}
		#gnb .submenu ul li a {font-size:16px;}
	/* main */
		.section01 .cnt {padding:90px 30px;}
		.section01 .question ul li label {font-size:28px;}
		.section01 .question .col .tit-box {max-width:480px;}
	/* sub07 */
		.location .img-box {max-width: 500px;}
		.location .img-box .wrap {left: 28px;}
}

@media (max-width: 1200px) {
	/* layout */
		#header .sitelogo a {background-size:contain; height:60px; margin-top:-30px;}
		#gnb>ul {margin-left:210px;}
		#gnb>ul>li {padding:0 15px;}
		.quick-menu {top: auto; bottom: 0; transform: none; right: auto; left: 0; width: 100%;}
		.quick-menu .wrap {width: 100%;}
		.quick-menu .title {display: none;}
		.quick-menu ul {display: flex; width: 100%;}
		.quick-menu ul li {width: 33.33333%; border-bottom: none; padding: 5px;}
		.quick-menu ul li .icon {width: 40px; height: 40px; background-size: 40px auto; margin: 0 auto 5px;}
		.quick-menu ul li p {font-size: 14px;}

	/* main */
	.main-visual .txt-box p br.pc-only {display: none;}
	/* sub07 */
		.location .img-box {max-width: 450px;}
		.location .img-box .wrap {left: 25px; width: 400px;}
		.location .img-box .wrap img {width: 400px;}
}

@media (max-width: 1024px) {
	/* layout */
		/* header */
		#header {position:absolute !important; height:100px !important;}
		#header.active {transform:translateY(0) !important;}
		#header.hide {transform:translateY(0) !important;}
		#header .sitelogo a {background-size:contain; height:60px; margin-top:-30px;}
		#gnb {display:none;}
		/* footer */
		.foot-btn {padding:20px 0;}
		.foot-btn ul li {padding-right:30px;}
		.foot-btn ul li:after {right:13px;} 
		.foot-btn ul li a {font-size:16px;}

		.foot-cnt {padding:80px 0 130px; /* padding:40px 0 100px; */ align-items:normal;}
		.foot-box {max-width:410px; flex-direction:column; align-items:normal;}
		.foot-box .foot-logo {width:100%; max-width:none; margin-bottom:40px;}
		.foot-box .foot-info {width:100%;}
		.foot-box .foot-info p {font-size:16px; }
		.foot-box .foot-info p strong {max-width: 90px;}
		.foot-box .foot-info p span {display:none;}
		.foot-box .foot-info p br {display:block;}

		.foot-link {max-width:260px; margin:0;}
		.foot-link .family .open {line-height:60px; padding:0 15px; font-size:15px;}
		.foot-link .family .open:after {right:15px;}
		.foot-link .family ul {top:60px;}
		.foot-link .family.family-open ul {height:124px;}
		.foot-link .family ul li a {line-height:40px; font-size:14px; padding:0 15px;}

		.foot-link .location {line-height:60px; padding:0 15px; font-size:26px;}
		.foot-link .tel {line-height: 40px; font-size:26px; padding: 0 15px;}
		
		.scrolltop {bottom:80px; width:50px; height:50px;}
		.scrolltop:after {width:24px; height:24px; margin-top:-12px; margin-left:-12px; background-size:cover;}
	
		.quick-menu {top: auto; bottom: 0; transform: none; right: auto; left: 0; width: 100%;}
		.quick-menu .wrap {width: 100%;}
		.quick-menu .title {display: none;}
		.quick-menu ul {display: flex; width: 100%; padding: 7px 0;}
		.quick-menu ul li {width: 33.33333%; border-bottom: none; padding: 0;}
		.quick-menu ul li .icon {width: 35px; height: 35px; background-size: 35px auto; margin: 0 auto 5px;}
		.quick-menu ul li p {font-size: 12px;}
		/* .quick-menu {right: -80px;}
		.quick-menu .wrap {width: 80px;}
		.quick-menu ul li {padding: 10px 5px;}
		.quick-menu ul li .icon {width: 50px; height: 50px; background-size: 50px auto; margin: 0 auto 8px;}
		.quick-menu ul li p {font-size: 14px;}
		.quick-menu .quick-btn {left: -40px; width: 40px; height: 40px;} */
	
	/* main */
		/* main-visual */
		.main-visual {margin-bottom:-9px;}
		.main-visual .txt-box h2 {font-size:50px; margin-bottom:20px;}
		.main-visual .txt-box p {font-size:32px;}
		.main-visual .item2 .txt-box p span {font-size: 38px;}
		.main-visual .scrolldown {font-size:13px; padding-bottom:60px; bottom:9px;}
		.main-visual .scrolldown:before {height:40px;}
		.main-visual .scrolldown:after {height:20px;}		
		/* section */
		#section .title p {font-size:28px; margin-bottom:18px;}
		#section .title h3 {font-size:48px;}
		#section .sec-btn {position:relative; margin-top:40px; justify-content:flex-end;}
		/* section01 */
		.section01 {padding:100px 0 140px;}
		.section01 .title {margin-bottom:100px;}
		.section01 .cnt {padding:60px 20px;}
		.section01 .cnt:after {display:none;}
		/* 질문 상단 제목 */
		.section01 .question .tit {top:-50px; height:70px; padding:0 20px;}
		.section01 .question .tit h4 {font-size:28px;}
		.section01 .question .tit h4 span {font-size:40px; margin-right:10px;}
		.section01 .question .tit p {font-size:20px; margin-left:15px; padding-left:15px; margin-top:6px;}
		.section01 .question .tit p:before {height:16px; margin-top:-8px;}
		/* 질문 */
		.section01 .question ul {flex-wrap:wrap; margin:0 -10px -20px;}
		.section01 .question ul li {width:50%; padding:0 10px; margin-bottom:20px;}
		.section01 .question ul li label {width:100%; height:100%; padding:80px 20px 20px; font-size:20px;}
		.section01 .question ul li label:before {border:3px solid transparent;}
		.section01 .question ul li label:after {width:28px; height:28px; top:40px; margin-left:-14px;}
		/* 5번째 정보입력 */
		.section01 .question .col {display:block; height: 100%;}
		.section01 .question .col .tit-box {max-width:none; margin-bottom:20px;}
		/* .section01 .question .col {height:100%;}
		.section01 .question .col .tit-box {max-width:360px;} */
		.section01 .question .col .txt-box {width:100%;}
		.section01 .question .col .tit-box h5 {font-size:28px; margin-bottom:20px;}
		.section01 .question .col .tit-box p {font-size:20px;}
		.section01 .question .col select,
		.section01 .question .col input {font-size:18px; line-height:48px; padding:0 15px;}
		.section01 .question .day .label-box {max-width: 145px;}
		.section01 .question .day label {font-size: 18px;}
		.section01 .question .time .label-box {max-width: 145px;}
		.section01 .question .time label {font-size: 18px;}
		/* 다음단계 버튼 */
		.section01 .navigation .btn {width:200px; line-height:60px; font-size:24px; padding:0 30px;}
		.section01 .navigation .btn:hover {padding:0 30px;}
		
		.section01 .navigation .btn-next:after {right:30px;}
		.section01 .navigation .btn-next:hover:after {right:30px;}
		.section01 .navigation .btn-prev:after {left:30px;}
		.section01 .navigation .btn-prev:hover:after {left:30px;}
		/* section02 */
		.section02 {padding:100px 0 140px;}
		.section02 .title {margin-bottom:20px;}
		.section02 .title p span {font-size: 35px;}
		.section02 .img-box {margin-bottom:24px;}
		.section02 .txt-box {padding:20px 0;}
		.section02 .txt-box .row {padding:15px;}
		.section02 .txt-box .row p {font-size:28px;}
		.section02 .txt-box .row strong {font-size:40px;}
		.section02 .txt-box .row strong span {font-size:60px;}
		/* section03 */
		.section03 {padding:100px 0 140px;}
		.section03 .title {margin-bottom:60px;}
		#section .section03 .title p.small {font-size: 30px; margin-top: 20px;}
		#section .section03 .sec-btn {bottom: 0; top: auto;}
		/* 슬라이드 버튼 */
		#section .sec-btn .arrows {margin-right:20px;}
		#section .sec-btn .arrows .slick-arrow {margin-left:20px;}
		/* 슬라이드 */
		.section03 .items {margin:0 -15px;}
		.section03 .item {padding:0 15px;}
		.section03 .inner {padding:25px;}
		.section03 .inner .tit-box {margin-bottom:20px;}
		.section03 .inner .tit-box p {font-size:18px; line-height:30px; margin-bottom:18px;}
		.section03 .inner .tit-box h4 {font-size:24px;}
		.section03 .inner .img-box {padding-bottom:30px;}
		.section03 .inner .txt-box {padding-top:20px;}
		.section03 .inner .txt-box p {font-size:18px; width:90px;}
		.section03 .inner .txt-box ul li .img {width:50px; height:50px;}
		/* section04 */
		.section04 {padding:100px 0 140px;}
		.section04 .title {margin-bottom:60px;}
		.section04 .items {margin:0 -15px;}
		.section04 .item {padding:0 15px;}
		.section04 .inner .txt-box p {font-size:24px;}
		/* section05 */
		.section05 {padding:160px 0 200px;} 
		.section05 p {font-size:28px;}
		.section05 p span strong {font-size: 32px;}
		.section05 h3 {font-size:50px; margin:22px 0;}
		.section05 .more {margin-top:30px;}
		.section05 .more a {font-size:25px; width:280px; line-height:60px; padding:0 30px;}
		.section05 .more a:after {right:30px;}
		.section05 a {font-size:40px; margin-top:30px;}
		/* section06 */
		.section06 {padding:60px 0;}
		.section06 .col {margin:0 -10px -20px; flex-wrap:wrap;}
		.section06 .col .row {padding:0 10px; margin-bottom:20px;}
	/* sub */	
		.real-cont {padding:80px 0 140px;}
		/* sub-visual */
		.sub-visual {height:300px; margin-top:100px;}
		.sub-visual .tit-box p {font-size:24px; margin-bottom:24px;}
		.sub-visual .tit-box h2 {font-size:50px;}
		.sub-visual .img {width:300px;}
		/* sub01 */
		.about .cnt01 {margin-bottom:100px;}
		.about .cnt01 .img-box {height:350px; margin-bottom:60px;}
		.about .cnt01 .col {display:block;}
		.about .cnt01 .tit-box {width:100%; max-width:none; margin-bottom:60px;}
		.about .cnt-tit p {font-size:24px; padding-top:24px; margin-bottom:12px;}
		.about .cnt-tit p:before {width:40px; height:3px;}
		.about .cnt-tit h4 {font-size:32px;}
		.about .cnt01 .txt-box {width:100%;}
		.about .cnt01 .txt-box p {font-size:20px; margin-bottom:24px;}		
		.about .cnt02 {padding:100px 0 120px;}
		.about .cnt02 .cnt-tit {margin-bottom:40px;}
		.about .cnt02 .col:before,
		.about .cnt02 .col:after {display:none;}
		.about .cnt02 .col .row {padding:40px 20px;}
		.about .cnt02 .col .row:before {display:none;}		
		.about .cnt02 .col .row .num {font-size:60px;}
		.about .cnt02 .col .row p {font-size:24px;}
		.about .cnt03 {padding:100px 0 0;}
		.about .cnt03 .map-box {margin-bottom:60px;}
		.about .cnt03 .cnt-tit {margin-bottom:50px;}
		.about .cnt03 .maps {height:350px; margin-bottom:30px;}
		.about .cnt03 .txt-box {padding-right:120px;}
		.about .cnt03 .txt-box dl {font-size:18px;}
		.about .cnt03 .txt-box dt {width:70px;}
		.about .cnt03 .txt-box .btns a {width:45px; height:45px;}
		/* 검색바 */
		.search_bar {margin:0 auto 80px; max-width:600px;}
		.search_bar .sch_input {font-size:18px;}
		.search_bar .sch_input::placeholder {font-size:18px;}
		/* members-list */
		.members-list .col {padding:0; margin:0 -30px;}
		.members-list .col .row {padding:0 30px; margin-bottom:80px;}
		.members-list .inner .txt-box {padding-right:40px; height:70px;}
		.members-list .inner .txt-box .name {font-size:28px;}
		.members-list .inner .txt-box .txt {font-size:20px;}
		/* members-visual */
		.members-visual {height:100%; padding-top:140px;}
		.members-visual .col {display:block; height:100%;}
		.members-visual .txt-box {max-width:none; padding-top:0; margin-bottom:40px;}
		.members-visual .txt-box .tit {padding-bottom:20px; margin-bottom:30px;}
		.members-visual .txt-box .tit:after {width:50px;}
		.members-visual .txt-box .tit p {font-size:20px; margin-bottom:18px;}
		.members-visual .txt-box .tit h2 {font-size:50px;}
		.members-visual .txt-box .tit h2 span {font-size:28px; margin-left:24px;}
		.members-visual .txt-box .txt li {font-size:18px; padding-left:10px;}
		.members-visual .txt-box .txt li:before {top:13px; left:0;}
		.members-visual .img-box {width:100%; max-width:300px; margin:0 0 0 auto;}
		/* members-view */
		.members-view .tit-box {padding-bottom:24px; margin-bottom:24px;}
		.members-view .tit-box h3 {font-size:32px;}
		.members-view .tit-box h3:before {display:none;}
		.members-view .txt-box {margin-bottom:30px;}
		.members-view .txt-box p {font-size:16px;}
		/* sub03 */
		.drinking .cnt01 {margin-bottom:100px;}
		.drinking .cnt01 .title {margin-bottom:60px;}
		.drinking .cnt01 .title h3 {font-size:32px; margin-top:16px; padding-top:20px;}
		.drinking .cnt01 .title h3:after {width:40px; height:3px; margin-left:-20px;}
		.drinking .cnt01 .title p {font-size:20px;}
		.drinking .cnt01 .title p.red {font-size:32px;}
		.drinking .cnt01 .mob-col {display:none;}
		.drinking .cnt01 .pc-col {margin:0 -20px;}
		.drinking .cnt01 .col .row {width:50%; padding:0 20px;}
		.drinking .cnt01 .inner .img-box {margin-bottom:24px;}
		.drinking .cnt01 .inner .txt-box p {font-size:20px; margin-bottom:12px;}
		.drinking .cnt01 .inner .txt-box h4 {font-size:28px;}
		.drinking .cnt01 .inner01 {margin-bottom:140px;}
		.drinking .cnt01 .inner02 {margin-top:140px; margin-bottom:140px;}
		.drinking .doc-tit {margin-bottom:40px;}
		.drinking .doc-tit h4 {font-size:32px; padding-top:24px;}
		.drinking .doc-tit h4:before {width:40px; height:3px;}
		.drinking .cnt-tit {margin-bottom:24px;}
		.drinking .cnt-tit h5 {font-size:26px; padding-left:14px;}
		.drinking .cnt-tit h5:before {width:5px; height:5px; top:14px;}
		.drinking .table-box {margin-bottom:60px; display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
		.drinking table thead th {font-size:18px; padding:16px 10px; white-space:nowrap;}
		.drinking table tbody th {font-size:18px; padding:16px 10px; white-space:nowrap;}
		.drinking table tbody td {font-size:18px; padding:16px 10px; white-space:nowrap;}
		.drinking .cnt02 {margin-bottom:100px;}
		.drinking .cnt02 .col .row {width:33.333333%;}
		.drinking .cnt02 .inner {padding:20px;}
		.drinking .cnt02 .inner .icon {padding-bottom:20px; margin-bottom:15px;}
		.drinking .cnt02 .inner .icon:after {width:24px; height:3px; margin-left:-12px;}
		.drinking .cnt02 .inner p {font-size:20px;}
		.drinking .cnt02 .inner p br {display:none;}
		.drinking .cnt03 .box {padding:40px 20px; margin-bottom:60px;}
		.drinking .cnt03 .box ol {flex-wrap:wrap; justify-content:center; margin-bottom:-30px;}
		.drinking .cnt03 .box ol li {width:160px; margin-bottom:30px;}
		.drinking .cnt03 .box ol li:after {display:none;}
		.drinking .cnt03 .box ol li .num {font-size:16px;}
		.drinking .cnt03 .box ol li .icon {margin-bottom:18px;}
		.drinking .cnt03 .box ol li p {font-size:18px;}
		/* sub04 */
		.notable-list .col{margin:0 -15px;}
		.notable-list .row {padding:0 15px; width:50%;}
		.notable-list .inner {padding:25px;}
		.notable-list .inner .tit-box {margin-bottom:20px;}
		.notable-list .inner .tit-box p {font-size:18px; line-height:30px; margin-bottom:18px;}
		.notable-list .inner .tit-box h4 {font-size:24px;}
		.notable-list .inner .img-box {padding-bottom:30px;}
		.notable-list .inner .txt-box {padding-top:20px;}
		.notable-list .inner .txt-box p {font-size:18px; width:90px;}
		.notable-list .inner .txt-box ul li .img {width:50px; height:50px;}
		/* sub04 view */
		.notable-view .title p {font-size:18px; line-height:30px;}
		.notable-view .title h3 {font-size:32px;}
		.notable-view .content {min-height:200px; padding:24px 0; margin-bottom:60px;}
		.notable-view .content p {font-size:18px;}
		.notable-view .people {padding-bottom:80px;}
		.notable-view .people h4 {font-size:28px; margin-bottom:40px;}
		.notable-view .people .col {display:block;}
		.notable-view .people .txt-box {max-width:none; margin:0 0 40px;}
		.notable-view .people .txt-box p {font-size:60px;}
		.notable-view .people .txt-box p br {display:none;}
		.notable-view .people .img-box {max-width:none;}
		.notable-view .people ul {justify-content:flex-end;}
		.notable-view .people ul li {margin-left:15px;}
		.notable-view .people ul li .pic {width:160px; height:160px;}
		/* sub05 */
		.column-list {padding:0;}
		.column-list ul {margin:0 -30px;}
		.column-list ul li {padding:0 30px; margin-bottom:80px;}
		.column-list ul li a .txt-box {padding:30px 0;}
		.column-list ul li a .txt-box .tit {font-size:24px; margin-bottom:18px;}
		.column-list ul li a .txt-box .txt {font-size:16px;}
		/* sub07 */
		.location .wrap {flex-direction: column-reverse;}
		.location .img-box {max-width: none;}
		.location .img-box .wrap {position: relative; left: 0; width: 350px; margin: 30px auto 0;}
		.location .img-box .wrap img {width: 350px;}
		.location .tab-wrap {max-width: none;} 
		.location .tab-menu .tabs {margin-bottom: 20px;}
		.location .tab-menu .tabs li a {font-size: 18px;}
		.location .map {height: 350px;}
		.location .tab-cont .text-box {padding: 35px 40px;}
		.location .tab-cont .text-box .title {margin-bottom: 10px;}
		.location .tab-cont .text-box .title h3 {font-size: 28px;}
		.location .tab-cont .text-box .title .icon {margin-right: 10px;}
		.location .tab-cont .text-box .title .icon img {width: 40px;}
		.location .tab-cont .text-box .title p {font-size: 20px;}
		.location .tab-cont .text-box .address p {font-size: 20px;}
}

@media (max-width: 640px) {
	/* layout */
		/* header */
		#header {height:80px !important;}
		#header .sitelogo a {height:50px; margin-top:-25px; width:200px;}
		/* footer */
		.foot-btn {padding:15px 0;}
		.foot-btn ul {flex-wrap:wrap; margin-bottom:-10px; justify-content:center;}
		.foot-btn ul li {padding-right:0; padding-left:0; padding:0 5px; margin-bottom:10px;}
		.foot-btn ul li:after {display:none;} 
		.foot-btn ul li a {font-size:14px;}

		.foot-cnt {padding:80px 0 130px; /* padding:30px 0 100px; */ flex-direction:column-reverse;}
		.foot-box {max-width:none; width:100%; text-align:center;}
		.foot-box .foot-logo {width:100%; max-width:none; margin:30px 0;}
		.foot-box .foot-logo img {/* width:100px; */}
		.foot-box .foot-info p {font-size:16px;}
		.foot-box .foot-info p.copyright {font-size: 13px;}
		.foot-box .foot-info p strong {max-width: none; width: auto;}

		.foot-link {max-width:none; width:100%;}
		.foot-link .family {max-width:240px; width:100%; margin:0 auto 10px;}
		.foot-link .family .open {line-height:50px; padding:0 15px; font-size:13px;}
		.foot-link .family .open:after {right:15px;}
		.foot-link .family ul {top:50px;}
		.foot-link .family.family-open ul {height:124px;}
		.foot-link .family ul li a {line-height:40px; font-size:14px; padding:0 15px;}

		.foot-link .location {max-width:240px; width:100%; margin: 0 auto 10px; line-height:50px; padding:0 15px; font-size:22px; font-weight: 600;}
		.foot-link .tel {max-width:240px; width:100%; margin: 0 auto 10px; line-height:30px; padding:0 15px; font-size:22px; text-align: center; font-weight: 600;}
		
		.scrolltop {bottom:80px; width:40px; height:40px;}
		.scrolltop:after {width:20px; height:20px; margin-top:-10px; margin-left:-10px;}

		.quick-menu ul {display: flex; width: 100%; padding: 7px 0;}
		.quick-menu ul li {/* width: 33.33333%; */ border-bottom: none; padding: 0;}
		.quick-menu ul li:nth-child(1) {width: 60%;}
		.quick-menu ul li:nth-child(2) {width: 20%;}
		.quick-menu ul li:nth-child(3) {width: 20%;}
		.quick-menu ul li:nth-child(1) a {max-width: 120px; width: 100%; margin-left: 20px;}
		.quick-menu ul li .icon {width: 35px; height: 35px; background-size: auto 35px; margin: 0 auto 5px;}
		.quick-menu ul li:nth-child(1) .icon {width: 120px; background-image: url('../img/layout/quick-tel-mob.png');}
		.quick-menu ul li p {font-size: 12px;}
	/* main */
		/* main-visual */
		.main-visual {min-height:60vh;}
		.main-visual video {height:100vh;}
		.main-visual .txt-box h2 {font-size:38px;}
		.main-visual .txt-box p {font-size:24px;}
		.main-visual .item2 .txt-box p {font-size: 30px; line-height: 2em;}
		.main-visual .item2 .txt-box p span {font-size: 34px;}
		.main-visual .scrolldown {font-size:12px;}	
		/* section */
		#section .title p {font-size:20px; margin-bottom:12px;}
		#section .title h3 {font-size:32px;}
		#section .sec-btn {margin-top:30px;}
		/* section01 */
		.section01 {padding:80px 0 100px; background-image:url('../img/main/m-sec01bg.jpg');}
		.section01 .title {margin-bottom:80px;}
		.section01 .cnt {padding:20px;}
		.section01 .cnt:after {display:none;}
		/* 질문 상단 제목 */
		.section01 .question .tit {top:0; height:100%; background-size:cover; width:100%; position:relative; padding:15px; background:none; margin-bottom:20px;}
		.section01 .question .tit h4 {font-size:24px; margin-bottom:8px; line-height:1.4em; width:auto;}
		.section01 .question .tit h4 span {font-size:40px; display:inline-block; vertical-align:middle; margin-top:-.4em;}
		.section01 .question .tit p {font-size:16px; margin-top:0;}
		/* 질문 */
		.section01 .question ul {display:block; margin:0 0 -10px;}
		.section01 .question ul li {width:100%; padding:0; margin-bottom:10px;}
		.section01 .question ul li label {padding:15px 15px 15px 60px; font-size:16px; text-align:left;}
		.section01 .question ul li label:before {border:2px solid transparent;}
		.section01 .question ul li label:after {width:20px; height:20px; top:50%; margin-top:-10px; margin-left:0; left:20px;}
		/* 5번째 정보입력 */
		.section01 .question .col {display:block;}
		.section01 .question .col .tit-box {max-width:none; margin-bottom:20px;}
		.section01 .question .col .tit-box h5 {font-size:24px; margin-bottom:16px;}
		.section01 .question .col .tit-box p {font-size:16px;}
		.section01 .question .col .txt-box {width:100%;}
		.section01 .question .col select,
		.section01 .question .col input {font-size:16px; line-height:38px; padding:0 10px; height:40px;}
		.section01 .question .col select {background-position: right 10px center;}
		.section01 .question .day .label-box {max-width: 115px;}
		.section01 .question .day label {font-size: 16px; line-height: 38px;}
		.section01 .question .time .label-box {max-width: 115px;}
		.section01 .question .time label {font-size: 16px; line-height: 38px;}
		/* 다음단계 버튼 */
		.section01 .navigation {position:relative; bottom:0; right:0; margin-top:30px; display:flex; justify-content:space-between;}
		.section01 .navigation .btn {width:150px; line-height:50px; font-size:16px; padding:0 20px; margin:0;}
		.section01 .navigation .btn:hover {padding:0 20px;}
		.section01 .navigation .btn-next {display:block;}
		.section01 .navigation .btn-next:after {right:20px;}
		.section01 .navigation .btn-next:hover:after {right:20px;}
		.section01 .navigation .btn-prev:after {left:20px;}
		.section01 .navigation .btn-prev:hover:after {left:20px;}
		/* section02 */
		.section02 {padding:60px 0 80px;}
		.section02 .title p span {font-size: 22px;}
		.section02 .txt-box .row {padding:10px;}
		.section02 .txt-box .row p {font-size:24px;}
		.section02 .txt-box .row strong {font-size:32px;}
		.section02 .txt-box .row strong span {font-size:50px;}
		/* section03 */
		.section03 {padding:60px 0 80px;}
		.section03 .title {margin-bottom:40px;}
		#section .section03 .title p.small {font-size: 22px; margin-top: 15px;}
		/* 슬라이드 */
		.section03 .items {margin:0 -5px;}
		.section03 .item {padding:0 5px;}
		.section03 .inner {padding:20px; max-width:400px; margin:0 auto;}
		.section03 .inner .tit-box p {font-size:16px; line-height:28px; margin-bottom:10px;}
		.section03 .inner .tit-box h4 {font-size:20px;}
		.section03 .inner .img-box {padding-bottom:20px;}
		.section03 .inner .txt-box p {font-size:16px;}
		/* section04 */
		.section04 {padding:60px 0 80px;}
		.section04 .title {margin-bottom:40px;}
		.section04 .items {margin:0 -5px;}
		.section04 .item {padding:0 5px;}
		.section04 .inner {max-width:500px; width:100%; margin:0 auto;}
		.section04 .inner .txt-box p {font-size:20px;}
		/* section05 */
		.section05 {padding:100px 0 150px;} 
		.section05 p {font-size:24px; line-height: 2em;}
		.section05 p span strong {font-size: 28px;}
		.section05 h3 {font-size:32px; margin:16px 0;}
		.section05 .more {margin-top:20px;}
		.section05 .more a {font-size:22px; width:240px; line-height:50px; padding:0 20px;1}
		.section05 .more a:after {right:20px;}
		.section05 a {font-size:28px; margin-top:20px;}
		/* section06 */
		.section06 {padding:30px 0;}
		.section06 .col .row a {width:80px;}
	/* sub */
		.real-cont {padding:80px 0 100px;}
		/* sub-visual */
		.sub-visual {height:240px;}
		.sub-visual .tit-box p {font-size:20px; margin-bottom:18px;}
		.sub-visual .tit-box h2 {font-size:32px;}
		.sub-visual .img {width:200px;}
		/* sub01 */
		.about .cnt01 {margin-bottom:80px;}
		.about .cnt01 .img-box {height:300px; margin-bottom:40px;}
		.about .cnt01 .img-box .logo {width:60%;}
		.about .cnt01 .tit-box {margin-bottom:40px;}
		.about .cnt-tit p {font-size:20px; padding-top:20px; margin-bottom:10px;}
		.about .cnt-tit p:before {width:30px; height:2px;}
		.about .cnt-tit h4 {font-size:24px;}
		.about .cnt01 .txt-box p {font-size:16px; margin-bottom:14px;}		
		.about .cnt02 {padding:60px 0 80px; background: url('../img/sub/m-about02bg.jpg') center center no-repeat; background-size:cover;}
		.about .cnt02 .cnt-tit {margin-bottom:30px;}
		.about .cnt02 .col {display:block;}
		.about .cnt02 .col .row {padding:20px; width:100%;}
		.about .cnt02 .col .row:before {display:none;}		
		.about .cnt02 .col .row .num {font-size:40px;}
		.about .cnt02 .col .row p {font-size:20px;}
		.about .cnt03 {padding:60px 0 0;}
		.about .cnt03 .map-box {margin-bottom:40px;}
		.about .cnt03 .cnt-tit {margin-bottom:30px;}
		.about .cnt03 .maps {height:240px; margin-bottom:20px;}
		.about .cnt03 .txt-box {padding-right:0;}
		.about .cnt03 .txt-box dl {font-size:16px;}
		.about .cnt03 .txt-box dt {width:50px;}
		.about .cnt03 .txt-box .btns {position:relative;}
		/* 검색바 */
		.search_bar {margin:0 auto 60px; max-width:400px; padding:10px;}
		.search_bar .sch_input {font-size:16px; line-height:40px; width:calc(100% - 40px);}
		.search_bar .sch_input::placeholder {font-size:16px;}
		.search_bar .sch_btn {width:40px; height:40px;}
		/* members-list */
		.members-list .col {padding:0; margin:0 -10px;}
		.members-list .col .row {padding:0 10px; margin-bottom:40px; width:100%;}
		.members-list .inner .txt-box {padding:10px; height:100%; display:block;}
		.members-list .inner .txt-box span {display:none;}
		.members-list .inner .txt-box .name {font-size:24px; width:100%; margin-bottom:10px;}
		.members-list .inner .txt-box .txt {font-size:16px; width:100%; padding-left:0;}
		/* members-visual */
		.members-visual {padding-top:120px; background: url('../img/sub/m-members-visual.jpg') center center no-repeat; background-size:cover;}
		.members-visual .txt-box {margin-bottom:30px;}
		.members-visual .txt-box .tit {padding-bottom:15px; margin-bottom:20px;}
		.members-visual .txt-box .tit:after {width:40px;}
		.members-visual .txt-box .tit p {font-size:16px; margin-bottom:10px;}
		.members-visual .txt-box .tit h2 {font-size:32px;}
		.members-visual .txt-box .tit h2 span {font-size:24px; margin-left:20px;}
		.members-visual .txt-box .txt li {font-size:16px;}
		.members-visual .txt-box .txt li:before {top:12px; left:0;}
		.members-visual .img-box {max-width:240px; margin:0 auto;}
		/* members-view */
		.members-view .tit-box {padding-bottom:16px; margin-bottom:16px;}
		.members-view .tit-box h3 {font-size:26px;}
		.members-view .txt-box {margin-bottom:20px;}
		.members-view .txt-box p {font-size:14px;}
		/* sub03 */
		.drinking .cnt01 {margin-bottom:60px;}
		.drinking .cnt01 .title {margin-bottom:40px;}
		.drinking .cnt01 .title h3 {font-size:24px; margin-top:10px; padding-top:14px;}
		.drinking .cnt01 .title h3:after {width:30px; height:2px; margin-left:-15px;}
		.drinking .cnt01 .title p {font-size:16px;}
		.drinking .cnt01 .title p.red {font-size:24px;}
		.drinking .cnt01 .mob-col {display:block;}
		.drinking .cnt01 .pc-col {display:none;}
		.drinking .cnt01 .col .row {width:100%; padding:0; margin-bottom:40px;}
		.drinking .cnt01 .inner .img-box {margin-bottom:20px;}
		.drinking .cnt01 .inner .txt-box p {font-size:16px; margin-bottom:12px;}
		.drinking .cnt01 .inner .txt-box h4 {font-size:24px;}
		.drinking .cnt01 .inner01 {margin-bottom:0;}
		.drinking .cnt01 .inner02 {margin-top:0; margin-bottom:0;}
		.drinking .doc-tit {margin-bottom:30px;}
		.drinking .doc-tit h4 {font-size:24px; padding-top:20px;}
		.drinking .doc-tit h4:before {width:30px; height:2px;}
		.drinking .cnt-tit {margin-bottom:18px;}
		.drinking .cnt-tit h5 {font-size:22px; padding-left:10px;}
		.drinking .cnt-tit h5:before {width:4px; height:4px; top:13px;}
		.drinking .table-box {margin-bottom:40px;}
		.drinking table thead th {font-size:16px; padding:12px 10px; white-space:nowrap;}
		.drinking table tbody th {font-size:16px; padding:12px 10px; white-space:nowrap;}
		.drinking table tbody td {font-size:14px; padding:12px 10px; white-space:nowrap;}
		.drinking .cnt02 {margin-bottom:60px;}
		.drinking .cnt02 .col .row {width:50%;}
		.drinking .cnt02 .inner {padding:15px;}
		.drinking .cnt02 .inner .icon {padding-bottom:0; margin-bottom:24px;}
		.drinking .cnt02 .inner .icon:after {display:none;}
		.drinking .cnt02 .inner p {font-size:16px;}
		.drinking .cnt03 .box {padding:30px 20px; margin-bottom:40px;}
		.drinking .cnt03 .box ol li {width:120px; padding:0 10px;}
		.drinking .cnt03 .box ol li .icon {margin-bottom:10px;}
		.drinking .cnt03 .box ol li p {font-size:14px;}
		/* sub04 */
		.notable-list .col {margin:0 -10px;}
		.notable-list .row {padding:0 10px;}
		.notable-list .inner {padding:15px;}
		.notable-list .inner .tit-box p {font-size:16px; line-height:24px; margin-bottom:10px;}
		.notable-list .inner .tit-box h4 {font-size:20x;}
		.notable-list .inner .img-box {padding-bottom:20px;}
		.notable-list .inner .txt-box p {font-size:14px; width:90px;}
		.notable-list .inner .txt-box ul li .img {width:50px; height:50px;}
		.notable-list .col  {margin:0 -10px;}
		.notable-list .row {padding:0 10px;}
		.notable-list .inner {padding:20px; max-width:400px; margin:0 auto;}
		.notable-list .inner .tit-box p {font-size:16px; line-height:28px; margin-bottom:10px;}
		.notable-list .inner .tit-box h4 {font-size:20px;}
		.notable-list .inner .img-box {padding-bottom:20px;}
		.notable-list .inner .txt-box {display:block;}
		.notable-list .inner .txt-box p {font-size:16px; width:100%; margin-bottom:8px;}
		.notable-list .inner .txt-box ul {width:100%;}
		/* sub04 view */
		.notable-view .title p {font-size:16px; line-height:24px;}
		.notable-view .title h3 {font-size:24px;}
		.notable-view .content {min-height:160px; padding:20px 0; margin-bottom:40px;}
		.notable-view .content p {font-size:16px;}
		.notable-view .people {padding-bottom:60px;}
		.notable-view .people h4 {font-size:24px; margin-bottom:30px;}
		.notable-view .people .txt-box p {font-size:40px;}
		.notable-view .people ul li {margin-left:10px;}
		.notable-view .people ul li .pic {width:100px; height:100px;}
		/* sub05 */
		.column-list ul {margin:0 -10px;}
		.column-list ul li {padding:0 10px; margin-bottom:40px; width:100%;}
		.column-list ul li a .txt-box {padding:20px 0;}
		.column-list ul li a .txt-box .tit {font-size:20px; margin-bottom:12px;}
		.column-list ul li a .txt-box .txt {font-size:14px;}
		/* sub07 */
		.location .img-box .wrap {position: relative; left: 0; max-width: 350px; width: 100%; margin: 20px auto 0;}
		.location .img-box .wrap img {width: 100%;}

		.location .tab-menu .tabs {flex-wrap: wrap; margin-bottom: 15px;}
		.location .tab-menu .tabs li {width: 33.33333%;}
		.location .tab-menu .tabs li:after {margin-top: -7px; height: 14px;}
		.location .tab-menu .tabs li:nth-child(3n):after {display: none;}
		.location .tab-menu .tabs li a {font-size: 16px;}
		.location .map {height: 280px;}
		.location .tab-cont .text-box {padding: 30px 25px;}
		.location .tab-cont .text-box .title {display: block; margin-bottom: 20px;}
		.location .tab-cont .text-box .title h3 {font-size: 24px; margin-bottom: 10px;}
		.location .tab-cont .text-box .title .icon {margin-right: 10px;}
		.location .tab-cont .text-box .title .icon img {width: 30px;}
		.location .tab-cont .text-box .title p {font-size: 18px;}
		.location .tab-cont .text-box .address p {font-size: 16px;}

		
}

@media (max-width: 500px) {
	.main-visual .txt-box p br.mob-only {display: block;}
	.notable-list .row {width:100%;}
}
@media (max-width: 400px) {
	/* main */
		#section .title p {font-size:16px;}
		#section .title p span {display:block;}
		#section .title h3 {font-size:28px;}
		
		.section01 .question .tit {padding:15px 0; display:block;}
		.section01 .question .tit p {padding-left:0; margin-left:0; width:100%;}
		.section01 .question .tit p:before {display:none;}
		
		.section01 .navigation .btn {width:120px; padding:0 15px; line-height:44px;}
		.section01 .navigation .btn:after {background-size:cover; width:20px; height:14px; margin-top:-7px;}
		.section01 .navigation .btn-prev:after {left:15px;}
		.section01 .navigation .btn-next:after {right:15px;}

		.section02 .title p span {font-size: 18px;}

		.section05 p span br {display: none;}
	/* sub */
	
}