@charset "utf-8";

@media (max-width: 1530px) {
	.bicof-visual .img-group {width:50%; right:0;}
	.bicof-visual .img-group ul {margin:0 -10px -30px;}
	.bicof-visual .img-group ul li {padding:0 10px; margin-bottom:30px;}
	.bicof-visual .img-group ul li:nth-child(3) {margin-left:20px;}
	.bicof-visual .img-group ul li:nth-child(4) {margin-top:-150px;}
	
}

@media (max-width: 1330px) {
	

}

@media (max-width: 1280px) {
	
	/* header */
	#gnb > ul > li {padding:0 clamp(0px, calc( 30 / var(--inner) * 100vw ), 30px);}
	#gnb > ul > li > a {font-size:16px;}
	#gnb .submenu ul li a {font-size:15px;}
	
	/* main */
	
	.main-section3 {padding:40px 0;}
	.main-section3 .contain {height:auto;}
	.main-section3 .title {width:40%;}
	.main-section3 .title .des {font-size:24px;}
	.main-section3 .title .tit {font-size:36px;}
	.main-section3 .info ul {margin:0 -12px;}
	.main-section3 .info ul li {padding:0 12px;}
	.main-section3 .info ul li a {width:80px; height:80px;}
	/*content*/
	
	.bicof-visual .text-box {width:100%}
	.bicof-visual .img-group {position:static; width:100%; right:0; margin-top:30px;}
	.bicof-visual .img-group ul li {width:25%}
	.bicof-visual .img-group ul li:nth-child(3) {margin-left:0;}
	.bicof-visual .img-group ul li:nth-child(4) {margin-top:0;}
	.bicof-visual .img-group ul li .pic {position:relative; height:0; padding-bottom:139%; overflow:hidden;}
	.bicof-visual .img-group ul li .pic img {position:absolute; top:0; left:0; transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
	
	.bicof-sec {padding:80px 0;}
	.bicof-sec .title {margin-bottom:60px;}
	.bicof-sec ul {margin:0 -20px -50px;}
	.bicof-sec ul li {padding:0 20px; margin-bottom:50px;}
	.bicof-sec ul li .box {width:200px; height:154px;}
	.bicof-sec ul li .box .tit {font-size:22px;}
}


/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:16px;}	

	/* header */
	#gnb {display:none;}

	#header {border-bottom:1px solid #ddd;}
	#header .contain {height:80px;}


	.langs {display:none;}

	
	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}
	
	
	/* main */
	.main-visual .slide-btn {width:30px; height:30px;}
	.main-visual .caption {padding:12px 20px;}
	.main-visual .caption h2 {font-size:20px;}
	.main-visual .caption p {font-size:14px;}
	.main-visual .pagination {bottom:85px;}

	.main-links .link-item {padding:20px; background-size:60px;}
	.main-links .link-item .tt {margin-bottom:10px; font-size:14px; font-weight:700; line-height:1.3em;}
	.main-links .link-item .tit {margin-bottom:5px; font-size:22px;}
	.main-links .link-item .txt {font-size:12px;}

	.main-course .link-item .cnt {padding:20px;}
	.main-course .link-item .cnt .tit {font-size:20px;}
	.main-course .link-item .cnt .txt {font-size:14px;}


	
	.main-section1 {padding:50px 0;}
	.main-section1 .contain {height:auto;}
	.main-section1 .title .des {font-size:24px;}
	.main-section1 .title .tit {font-size:30px; margin-bottom:30px;}
	.main-section1 .title .day {font-size:22px;}
	.main-section1 .info {font-size:17px;}
	.main-section1 .info div {margin-bottom:25px;}

	.main-section2 {background:none; padding:50px 0 80px;}
	.main-section2 .with {top:160px; right:-50px;}
	.main-section2 .with img {height:120px;}
	.main-section2 .contain:after {bottom:50px; left:-30px; width:90px; background-size:contain}
	.main-section2 .title {font-size:30px; height:150px; background-size:cover}
	.main-section2 .group {margin-right:-20px; }
	.main-section2 .group .col {width:45%; margin-right:20px; border-width:4px; padding:20px;}
	.main-section2 .group .img img{height:300px;}
	.main-section2 .group .btn .submit {width:180px; height:56px; font-size:16px; line-height:56px;}
	.main-section2 .group .form-wrap {align-items:flex-end;}
	.main-section2 .group .form {width:70%; margin-left:0; z-index:2; position:relative;}
	.main-section2 .group .form .txt {font-size:18px;padding-bottom:26px; margin-bottom:26px; margin-right:-20%;}
	.main-section2 .group .form .txt:after {width:44px; height:5px;}
	.main-section2 .group .form .tit {font-size:16px;}
	.main-section2 .group .form ul li {margin-bottom:6px;}
	.main-section2 .group .form .input {height:50px; padding:0 12px; font-size:16px; line-height:48px;}
	.main-section2 .group .form .submit {height:56px; font-size:16px; line-height:56px;}
	.main-section2 .group .form .btn {margin-top:25px;}
	.main-section2 .group .pic {width:50%; margin-left:-20px;}

	.main-section3 .title .des {font-size:20px;}
	.main-section3 .title .tit {font-size:28px;}
	.main-section3 .info ul {margin:0 -8px;}
	.main-section3 .info ul li {padding:0 8px;}
	.main-section3 .info ul li a {width:60px; height:60px; background-size:30px}

	.main-section4 {padding:60px 0 70px;}
	.main-section4 ul {margin:0 -20px;}
	.main-section4 ul li {margin:0 20px; border-width:4px; padding:26px 40px;}
	.main-section4 ul li p {font-size:22px;}
	.main-section4 ul li h2 {font-size:30px; margin-bottom:26px; padding-bottom:26px;}
	.main-section4 ul li h2:after {width:44px; height:5px;}
	.main-section4 ul li .icon {bottom:26px; right:26px;}
	.main-section4 ul li .icon img {height:120px;}
	.main-section4 ul li .btn {width:180px; height:56px; font-size:16px; line-height:56px;}

	.main-title {margin-bottom:45px;}
	.main-title h2 {font-size:25px;}

	.main-program {padding:60px 0;}


	.main-btns {margin-top:70px;}

	.main-maps {padding:60px 0;}

	.main-notice {padding:60px 0;}
	.main-notice .list {border-top-width:3px;}
	.main-notice .list ul li {padding:12px 20px;}
	.main-notice .list ul li .date {width:76px; height:76px; margin-right:30px; font-size:17px;}
	.main-notice .list ul li .info .tit {font-size:18px;margin-bottom:4px;}
	.main-notice .list ul li .info p {font-size:16px;}

	.fam-slider {padding:25px 0;}
	.fam-slider .slick-slide {padding:0 25px;}
	.fam-slider .slick-slide img {height:40px;}
	.fam-slider .slick-arrow.slick-prev {left:-10px;}
	.fam-slider .slick-arrow.slick-next {right:-10px;}
	.press-section {padding:12px 0;}
	
	.ater-section {height:auto;}
	.ater-section .inner {position:static; margin-left:0; left:0; width:auto; height:auto;}
	
	.main-video {position:absolute; top:100px; left:50%; max-width:1230px; width:100%; transform:translateX(-50%); z-index:10}


	.main-gall {padding:50px 0;}
	.main-gall .title {margin-bottom:40px;}
	.main-gall .title p {font-size:24px; margin-bottom:5px;}
	.main-gall .title .id {font-size:30px;}
	.main-gall ul {margin:0 -10px;}
	.main-gall ul li {padding:0 10px;}
	.main-gall ul li .photo {padding:10px; border-radius:2px;}

	/* 메인 문의하기 팝업 */
	.pop-layout {border-radius:25px;}
	.pop-layout .title {font-size:30px; line-height:60px; padding:0 30px;}
	.pop-layout .box {padding:20px 30px 30px;}
	.pop-layout .close {top:12px; right:15px; width:40px; height:40px; background-size:contain;}
	.pop-layout h2 {font-size:16px;}

	.table table {border-top-width:3px; border-bottom-width:2px;}
	.table table thead th {padding:8px 5px; font-size:16px;}
	.table table tbody td {padding:8px 5px; font-size:16px;}

	/* 메인 프레스 신청 */
	.press-form ul {margin-bottom:28px;}
	.press-form ul li {margin-bottom:10px;}
	.press-form ul li .tit {width:100px; font-size:16px; }
	.press-form .btn .submit {width:180px; height:56px; font-size:16px; line-height:56px;}

	/* sub page */
	.sub-hero {height:200px;}

	.real-cont {padding-top:40px;  padding-bottom:80px;}

	.lnb-menu {margin:0 auto 40px;}
	.lnb-menu ul li a {height:60px; font-size:16px;}


	/* 축제소개 */
	.bicof-cnt .pic {width:300px; margin-right:30px;}
	.bicof-cnt .info .top {font-size:22px; margin-bottom:25px;}
	.bicof-cnt .info .top strong {font-size:30px;}
	.bicof-cnt .info .cnt {font-size:16px; margin-bottom:20px;}
	.bicof-cnt .info .cnt br {display:none}

	.table01 table tbody th {height:40px; padding:9px 5px; font-size:16px;}
	.table01 table tbody td {height:40px; padding:9px 10px; font-size:16px;}

	.bicof-history-list ul {margin:0 -10px -30px;}
	.bicof-history-list ul li {padding:0 10px; width:33.333333%; margin-bottom:30px;}
	.bicof-history-list .tit {margin-top:12px; font-size:15px;}

	.bicof-history-view .photo {width:300px; margin-right:30px;}
	.bicof-history-view .info .tit {font-size:30px; margin-bottom:20px;}
	.bicof-history-view .info .cnt {font-size:16px; margin-bottom:20px;}

	.bicof-content {margin-bottom:40px;}
	.bicof-bi-title {margin-bottom:30px;}
	.bicof-bi-title h2 {font-size:25px;}
	.bicof-bi-title p {font-size:16px;}
	.bicof-bi-list ul {margin:0 -20px -20px;}
	.bicof-bi-list ul li {padding:0 20px; margin-bottom:20px;}
	.bicof-bi-list .tit {font-size:16px}

	.bicof-bi-color {padding:20px;}
	.bicof-bi-color .row {margin:0 -20px;}
	.bicof-bi-color .col {width:33.333333%; padding:0 20px;}
	.bicof-bi-color .col .tit {font-size:25px;}
	.bicof-bi-color .col .bar {height:30px; margin-bottom:20px;}
	.bicof-bi-color .col dl {font-size:16px;}

	.bi-mascot {padding:20px;}

	.bi-mascot-list ul {margin:0 -6px -20px;}
	.bi-mascot-list ul li {width:33.333333%; padding:0 6px; margin-bottom:20px;}
	.bi-mascot-list .tit {font-size:20px; margin-bottom:10px;}

	.location-addr .tit {font-size:20px; padding-left:30px; margin-bottom:25px;}
	.location-addr .tit:before {top:-2px; width:18px}
	.location-addr .info {padding-left:30px; font-size:16px;}

	.location-maps {margin:0 -15px 50px;}
	.root_daum_roughmap {height:500px !important;}
	.root_daum_roughmap .wrap_map {height:500px !important;}

	.map-title {padding-left:40px; font-size:25px; margin-bottom:15px;}
	.map-title:before {width:30px; height:30px;}

	.location-cnt {margin-bottom:40px;}
	.location-cnt .group {margin-bottom:30px;}
	.location-cnt .tit {font-size:20px;}
	.location-cnt dl {font-size:16px;}
	.location-cnt dl dt {width:70px;}
	.location-cnt dl dt.subway {width:110px}
	.location-cnt .txt {font-size:16px; padding-left:10px; margin-bottom:15px;}
	.location-cnt .txt:before {top:6px; width:6px; height:6px;}

	.partners h3 {margin-bottom:40px; font-size:25px;}
	.partners h3 small {font-size:18px;}
	.partners .img {margin-bottom:50px;}
	.partners .list {font-size:15px;}
	.partners .list ul {gap:24px;}
	.partners .list ul li img {width:38px;}

	.program-list ul {margin:0 -10px -30px;}
	.program-list ul li {width:50%; padding:0 10px; margin-bottom:30px;}
	.program-list ul li .title {top:-40px; padding:20px;}
	.program-list ul li .more {bottom:80px; left:20px; width:130px; height:40px; font-size:16px; line-height:40px;}
	.program-list ul li .text-box {margin-top:-30px; border-radius:10px; padding:0 16px;}
	.program-list ul li .text-box:before {top:-10px; left:40px;height:10px;}
	.program-list ul li .text {height:90px;}
	.program-list ul li .name {font-size:14px;}
	.program-list ul li .tit {font-size:20px;}
	.program-list ul li .text-hover-box {margin-top:-30px; padding:0 20px; border-radius:10px;}
	.program-list ul li .text-hover-box:before {top:-12px; left:40px; height:12px;} 
	.program-list ul li .text-hover-box p {padding-left:12px; font-size:15px;}
	.program-list ul li .text-hover-box p:before {top:8px; width:4px; height:4px;}
	.program-list ul li a:hover .more {bottom:120px;}

	.program-view {padding:24px 0 20px 20px;}
	.program-view .head {margin-bottom:40px;}
	.program-view .head .title {width:300px; padding-right:20px;}
	.program-view .head .title .tit {border-radius:26px; padding:0 10px; font-size:16px; line-height:26px;}
	.program-view .head .title h2 {font-size:26px;}
	.program-view .head .info dl {font-size:16px; margin-bottom:10px;}
	.program-view .head .info dl dt {width:140px; padding-left:15px;}
	.program-view .body .group { margin-bottom:20px;}
	.program-view .body .group .pic {width:150px; margin-right:20px;}
	.program-view .body .group .info .tit {font-size:16px; margin-bottom:20px;}
	.program-view .body .group .info .cnt {font-size:14px}

	.bicof-visual {padding:0 0 50px; text-align:center;}
	.bicof-visual .text-box {padding-top:0;}
	.bicof-visual .text-box h2 {font-size:30px;margin-bottom:30px; padding-bottom:30px;}
	.bicof-visual .text-box h2:after {left:50%; margin-left:-20px;width:40px; height:5px;}
	.bicof-visual .text-box .cnt {font-size:16px; margin-bottom:20px;}


	.bicof-sec {padding:60px 0; background-size:500px;}
	.bicof-sec .title {margin-bottom:40px; text-align:center;}
	.bicof-sec .title h2 {font-size:30px; margin-bottom:30px; padding-bottom:30px;}
	.bicof-sec .title h2:after {left:50%; margin-left:-20px;width:40px; height:4px;}
	.bicof-sec .title p {font-size:16px;}
	.bicof-sec ul {margin:0 -15px -40px;}
	.bicof-sec ul li {width:33.333333%; padding:0 15px; margin-bottom:40px;}
	.bicof-sec ul li .box {width:200px; height:154px;}
	.bicof-sec ul li .box .tit {font-size:20px;padding-bottom:25px;}

	.award-head {margin-bottom:50px;}
	.award-head .info {padding-right:30px;}
	.award-head .info h2 {font-size:25px; margin-bottom:15px;}
	.award-head .info dl dt {width:87px; font-size:15px; line-height:26px; border-radius:26px;}
	.award-head .info dl dd {font-size:16px; line-height:26px;}

	.award-list .group {margin-bottom:30px;}
	.award-list .group .photo {width:220px; margin-right:20px;}
	.award-list .group .info .award-name {height:30px; border-radius:30px; font-size:16px; line-height:30px;margin-bottom:12px;}
	.award-list .group .info h3 {font-size:25px ;}
	.award-list .group .info .name {font-size:20px; margin-bottom:15px;}
	.award-list .group .info .btn {margin-bottom:15px;}
	.award-list .group .info .btn a {width:180px; height:54px; font-size:16px ;line-height:54px;}
	.award-list .group .info .cnt {font-size:16px;}

	.event-title {font-size:25px; padding-left:26px; margin-bottom:25px;}
	.event-title:before {top:2px; width:18px;}

	.event-table table {font-size:16px;}
	.event-table table thead th {padding:16px 5px;}
	.event-table table tbody td {padding:16px 5px;}

	.event-list .link-item .cnt {padding:20px;}
	.event-list .link-item .cnt .tit {font-size:20px;}
	.event-list .link-item .cnt .txt {font-size:14px;}

	.event-content {padding:30px;}

	/* 버튼 */
	.buttons {margin:60px auto 0;}
	.buttons .cen .btn-pack {margin:0 4px;}

	.btn-pack.large {width:200px; height:54px;padding:0 25px;line-height:52px;font-size:16px;}
	.btn-pack.submit {width:180px;height:54px;line-height:52px;font-size:16px;}
	.btn-pack.cancel {width:180px;height:54px;line-height:52px;font-size:16px;}

	.board-view .head {padding:20px 0;}
	.board-view .head .tit {font-size:25px;}
	.board-view .head .date {font-size:16px ;}
	.board-view .files {padding:12px 0;  font-size:16px;}
	.board-view .body {padding:15px 0;}

	
	.board-search {margin:40px auto 0;}
	.board-search form {display:flex; justify-content:center;}
	.board-search .select {height:50px; line-height:50px;}
	.board-search .input {width:250px; height:50px; line-height:50px; margin:0 6px;}
	.board-search button {height:50px; font-size:18px; line-height:50px;}

	.board-list table tbody td {font-size:16px;}

	.press-list ul li {padding:20px 0;}
	.press-list ul li .photo {width:220px; margin-right:20px;}
	.press-list ul li .info .tit {font-size:22px; margin-bottom:10px;}
	.press-list ul li .info .cnt {font-size:16px; margin-bottom:15px;}
	.press-list ul li .info .date {font-size:14px;}

	.news-list ul {margin:0 -10px -50px;}
	.news-list ul li {padding:0 10px; margin-bottom:50px;}
	.news-list ul li .tit {margin-top:10px; font-size:20px;}

	.custom-select .select-input {padding:0 40px 0 10px; height:42px; font-size:15px; line-height:40px;}
	.custom-select .select-options {max-height:330px; font-size:15px;}

	.gallery-head {margin-bottom:30px;}
	.gallery-head h2 {font-size:25px;}
	.gallery-head .select-wrap {margin-left:10px;}

	.gallery-list ul {margin:0 -10px -26px;}
	.gallery-list ul li {width:50%; padding:0 10px; margin-bottom:26px;}

	.faq {margin:0 auto 26px;}
	.faq .tit:after {top:6px; width:70px; font-size:25px;}
	.faq .tit a {padding:12px 60px 12px 70px; font-size:18px;}
	.faq .tit .icon {right:20px; width:10px; height:10px;}
	.faq .cnt {padding:12px 20px 12px 70px;font-size:14px;}
	.faq .cnt:after {top:10px; width:70px; font-size:25px}


	/* layout */
	.input {height:54px; padding:6px 14px; font-size:16px;}
	
	/* footer */
	#footer {padding:30px 0;}
	#footer .bar {padding:0 10px;}

	.foot-info address {margin-bottom:20px;}
	.foot-logo {width:120px;}
	
	.scrollTop {width:54px; right:20px; bottom:100px;}
	.scrollTop a {background-size:20px;}

	

} 


/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* main */
	.main-visual {}
	.main-poster {display:none;}

	.main-links {grid-template-columns: repeat(2, 1fr);}

	.main-section4 ul li .icon {bottom:20px; right:20px;}
	.main-section4 ul li .icon img {height:100px;}
	
	.comic-list ul {margin:0 -6px -40px;}
	.comic-list ul li {width:33.333333%; padding:0 6px; margin-bottom:40px;}


	.pop-detail {border-radius:26px;}
	.pop-detail .title {padding:40px 30px 50px; text-align:center;}
	.pop-detail .title h1 {font-size:18px; padding-bottom:16px; margin-bottom:16px;}
	.pop-detail .title h1:after {left:50%; margin-left:-20px;width:40px; height:5px;}
	.pop-detail .title h2 {font-size:30px;}
	.pop-detail .title .name {font-size:20px;}
	.pop-detail .box {padding:0 30px 30px; margin-top:-30px;}
	.pop-detail .group {display:block;}
	.pop-detail .group .big {width:200px; margin:0 auto 20px;}
	.pop-detail .group .info {width:100%; display:flex; flex-wrap:wrap;}
	.pop-detail .group .info .btn {order:3; width:180px; height:56px; margin:0 auto; font-size:16px; line-height:56px;}
	.pop-detail .group .info .txt {font-size:16px; padding:25px 0; order:2}
	.pop-detail .group .info .img {order:1; width:100%;}
	.pop-detail .group .info .img ul {display:flex; flex-wrap:wrap; margin:0 -4px;}
	.pop-detail .group .info .img ul li {margin:0; padding:0 4px; width:33.333333%;}
	.pop-detail .close {top:20px; right:20px; width:40px; height:40px; background-size:contain;}

	.pop-apply {border-radius:26px; padding:30px 40px 50px;}
	.pop-apply h1 {font-size:18px; padding-bottom:16px; margin-bottom:30px;}
	.pop-apply h1:after {width:44px; height:5px;}
	.pop-apply h2 {font-size:20px; margin-bottom:10px;}
	.pop-apply .form {padding:30px 30px; margin-bottom:20px;}
	.pop-apply .form .group {margin-bottom:15px;}
	.pop-apply .form .group .tit {width:115px; font-size:16px;}
	.pop-apply .txt {font-size:20px; margin-bottom:20px;}
	.pop-apply .close {width:40px; height:40px; background-size:contain;}
	.pop-apply .buttons {margin:0 auto;}

	.form-agree .check {margin-bottom:25px;}

	
} 

/* Landscape phone */
@media (max-width: 640px) {
	body, input, textarea, select, button, table {font-size:15px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	/* header */
	#header {background:#fff;}
	#header .contain {height:70px;}
	#header .sitelogo img {height:30px;}
	#header .logo-50 {left:150px; margin-top:-22px; }
	#header .logo-50 img {height:44px;}
	

	/* main */
	.main-hero {padding:0;}
	.main-hero .contain {padding:0;}
	.hero-wrap {margin:0;}
	.main-visual .slide-btn {display:none;}
	.main-visual .caption {padding:12px 5px; text-align:center;}
	.main-visual .caption h2 {font-size:17px;}
	.main-visual .caption p {font-size:11px;}
	.main-visual .pagination {bottom:73px;}

	.main-links .link-item {padding:15px 17px; background-size:50px;}
	.main-links .link-item .tt {font-size:11px;}
	.main-links .link-item .tit {font-size:18px; margin-bottom:0;}
	.main-links .link-item .txt {font-size:10px;}

	.main-course {padding:40px 0 50px;}
	.main-course .swiper {margin:0 -15px; padding:0 15px;}
	.main-course .swiper-slide {width:220px;}

	.main-comm {padding:40px 0;}
	.main-comm .row {display:block;}
	.main-comm .row:first-child {margin-bottom:0;}
	.main-comm .col {width:100%;}
	.main-comm .posts {margin-bottom:40px;}
	.main-comm .posts h2 {font-size:20px;}
	.main-comm .posts .more {width:28px; height:28px;}
	.main-comm .posts ul li a {padding:14px 0;}
	.main-comm .posts ul li .num {width:60px; margin-right:6px;}
	.main-comm .bnr {height:90px; padding:10px 20px; border-radius:10px; background-size:auto 70% !important; background-position:95% 50% !important;}
	.main-comm .bnr.st1 {margin-bottom:20px;}

	.main-btn {width:220px; height:48px; font-size:16px;}

	.main-subscribe {padding:40px 0; text-align:left;}
	.main-subscribe h2 {margin-bottom:16px; font-size:18px;}
	.main-subscribe h2 br {display:block;}
	.main-subscribe .form {}
	.main-subscribe .form .item {flex-direction:column; gap:4px;}
	.main-subscribe .form .item label {width:100%; font-size:14px;}
	.main-subscribe .form .item .input {width:100%;}
	.main-subscribe .agree {font-size:13px;}
	.main-subscribe .submit {margin-top:24px; text-align:center;}

	.main-sns {padding:40px 0;}
	.main-sns .title-area {flex-direction:column; gap:20px;}
	.main-sns .info ul {justify-content: flex-start}
	.main-sns .info ul li a {width:44px; height:44px;}
	.main-sns .slider .swiper {margin:0 -15px; padding:0 15px;}
	.main-sns .slider .swiper-slide {width:140px;}

	.main-section1 {padding:40px 0; background-image:url('../images/main/bg1_m.jpg');}
	.main-section1 .contain {height:auto; display:block;}
	.main-section1 .title {width:100%; margin-bottom:20px;}
	.main-section1 .title .des {font-size:20px;}
	.main-section1 .title .tit {font-size:24px; margin-bottom:20px;}
	.main-section1 .title .day {font-size:18px;}
	.main-section1 .info {width:100%; font-size:15px;}
	.main-section1 .info div {margin-bottom:15px;}

	.main-section2 {padding:30px 0 50px;}
	.main-section2 .with {top:90px; right:-100px;}
	.main-section2 .with img {height:80px;}
	.main-section2 .contain:after {bottom:50px; left:10px; width:50px;}
	.main-section2 .title {font-size:20px; height:100px;}
	.main-section2 .group {margin-right:0;display:block; margin-left:30px;}
	.main-section2 .group .col {width:100%; margin-right:0; border-width:3px; padding:16px; margin-bottom:20px;}
	.main-section2 .group .col:nth-child(2) {width:100%; margin-bottom:0;}
	.main-section2 .group .img {text-align:center; margin-bottom:-40px;}
	.main-section2 .group .img img{height:200px;}
	.main-section2 .group .btn {text-align:left;}
	.main-section2 .group .btn .submit {width:100%; max-width:220px; text-align:center; height:46px; font-size:15px; line-height:46px;}
	.main-section2 .group .form-wrap {align-items:flex-start;}
	.main-section2 .group .form {width:70%; margin-left:0; z-index:2; position:relative;}
	.main-section2 .group .form .txt {font-size:15px;padding-bottom:20px; margin-bottom:20px;}
	.main-section2 .group .form .txt:after {width:30px; height:4px;}
	.main-section2 .group .form .tit {font-size:16px;}
	.main-section2 .group .form ul li {margin-bottom:6px;}
	.main-section2 .group .form .input {height:40px; padding:0 12px; font-size:15px; line-height:38px;}
	.main-section2 .group .form .submit {height:46px; font-size:15px; line-height:46px;}
	.main-section2 .group .form .btn {margin-top:20px;}
	.main-section2 .group .form .btn .submit {max-width:100%;}
	.main-section2 .group .pic {width:50%; margin-left:-20px; padding-top:40px;}

	.main-section3 {padding:30px 0; background-image:url('../images/main/bg4_m.jpg');}
	.main-section3 .contain {display:block;}
	.main-section3 .title {width:100%; text-align:center; margin-bottom:20px;}
	.main-section3 .title .des {font-size:16px;}
	.main-section3 .title .tit {font-size:20px;}
	.main-section3 .info {width:100%}
	.main-section3 .info ul {margin:0 -4px -8px; justify-content:center; flex-wrap:wrap;}
	.main-section3 .info ul li {padding:0 4px; margin-bottom:8px;}
	.main-section3 .info ul li a {width:50px; height:50px; background-size:22px}

	.main-section4 {padding:40px 0 50px;}
	.main-section4 ul {margin:0; display:block; }
	.main-section4 ul li {margin:0; width:100%; margin-bottom:20px; border-width:3px; padding:20px 20px;}
	.main-section4 ul li:last-child {margin-bottom:0;}
	.main-section4 ul li p {font-size:18px;}
	.main-section4 ul li h2 {font-size:25px; margin-bottom:20px; padding-bottom:20px;}
	.main-section4 ul li h2:after {width:40px; height:3px;}
	.main-section4 ul li .icon {bottom:20px; right:20px;}
	.main-section4 ul li .icon img {height:90px;}
	.main-section4 ul li .btn {width:160px; height:46px; font-size:15px; line-height:46px;}

	.main-title {margin-bottom:30px;}
	.main-title h2 {font-size:25px;}

	.main-program {padding:40px 0;}


	.main-btns {margin-top:40px;}

	.main-maps {padding:30px 0;}

	.main-notice {padding:30px 0;}
	.main-notice .list {border-top-width:2px;}
	.main-notice .list ul li {padding:10px 10px;}
	.main-notice .list ul li .date {width:60px; height:60px; margin-right:10px; font-size:15px;}
	.main-notice .list ul li .info .tit {font-size:15px;margin-bottom:4px;}
	.main-notice .list ul li .info p {font-size:14px;}

	.fam-slider {padding:20px 0;}
	.fam-slider .slick-slide {padding:0 20px;}
	.fam-slider .slick-slide img {height:30px;}
	.press-section {padding:10px 0;}

	.main-gall {padding:30px 0;}
	.main-gall .title {margin-bottom:25px;}
	.main-gall .title p {font-size:18px;}
	.main-gall .title .id {font-size:20px;}
	.main-gall ul {margin:0 -5px;}
	.main-gall ul li {width:50%; padding:0 5px;}
	.main-gall ul li:nth-child(3) {display:none;}
	.main-gall ul li .photo {padding:5px;}

	/* 메인 문의하기 팝업 */
	.pop-layout {border-radius:20px;}
	.pop-layout .title {font-size:20px; line-height:50px; padding:0 20px;}
	.pop-layout .box {padding:20px 20px 20px;}
	.pop-layout .close {top:10px; width:30px; height:30px;}
	.pop-layout h2 {font-size:15px;}

	.table table {border-top-width:2px; border-bottom-width:1px;}
	.table table thead th {padding:6px 5px; font-size:.9em;}
	.table table tbody td {padding:6px 5px; font-size:.9em;}

	/* 메인 프레스 신청 */
	.press-form ul {margin-bottom:20px;}
	.press-form ul li {margin-bottom:8px;}
	.press-form ul li .tit {width:90px; font-size:.9em; }
	.press-form .btn .submit {width:160px; height:46px; font-size:15px; line-height:46px;}


	/* sub page */
	.sub-hero {height:90px;}

	.lnb {padding:0 10px; text-align:center;}
	.lnb ul {gap:12px; justify-content:space-evenly;}
	

	.real-cont {padding-top:30px; padding-bottom:60px;}

	.lnb-menu {margin:0 auto 30px;}
	.lnb-menu ul li a {height:40px; font-size:13px;}

	/* 축제소개 */
	.bicof-cnt {display:block;}
	.bicof-cnt .pic {width:100%; max-width:260px; margin-right:0; margin:0 auto 30px;}
	.bicof-cnt .info {width:100%}
	.bicof-cnt .info .top {font-size:18px; margin-bottom:20px;}
	.bicof-cnt .info .top strong {font-size:25px;}
	.bicof-cnt .info .cnt {font-size:15px; margin-bottom:15px;}
	.bicof-cnt .info .cnt br {display:none}

	.table01 table tbody th {height:auto; padding:6px 5px; font-size:15px;}
	.table01 table tbody td {height:auto; padding:6px 10px; font-size:15px;}

	.bicof-history-list ul {margin:0 -5px -25px;}
	.bicof-history-list ul li {padding:0 5px; width:50%; margin-bottom:25px;}
	.bicof-history-list .tit {margin-top:10px; font-size:14px;}
	
	.bicof-history-view {display:block;}
	.bicof-history-view .photo {width:100%; max-width:260px; margin-right:0; margin:0 auto 30px;}
	.bicof-history-view .info {width:100%}
	.bicof-history-view .info .tit {font-size:25px; margin-bottom:15px;}
	.bicof-history-view .info .cnt {font-size:15px; margin-bottom:15px;}

	.bicof-content {margin-bottom:30px;}
	.bicof-bi-title {margin-bottom:20px;}
	.bicof-bi-title h2 {font-size:20px;}
	.bicof-bi-title p {font-size:14px;}
	.bicof-bi-title br {display:none}
	.bicof-bi-list ul {margin:0 -5px -15px;}
	.bicof-bi-list ul li {padding:0 5px; margin-bottom:15px;}
	.bicof-bi-list .tit {font-size:14px}

	.bicof-bi-color {padding:15px;}
	.bicof-bi-color .row {display:block; margin:0;}
	.bicof-bi-color .col {width:100%; padding:0; margin-bottom:20px;}
	.bicof-bi-color .col:last-child {margin-bottom:0;}
	.bicof-bi-color .col .tit {font-size:18px;}
	.bicof-bi-color .col .bar {height:20px; margin-bottom:15px;}
	.bicof-bi-color .col dl {font-size:15px;}

	.bi-mascot {padding:5px;}

	.bi-mascot-list ul {margin:0 -4px -20px;}
	.bi-mascot-list ul li {width:50%; padding:0 4px;}
	.bi-mascot-list .tit {font-size:18px}

	.partners h3 {font-size:18px; padding-left:30px; margin-bottom:20px;}
	.partners h3:before {top:-3px; width:24px; height:24px;}
	.partners h3 small {font-size:14px;}
	.partners .img {margin-bottom:30px;}
	.partners .list {border-radius:16px; padding:24px; font-size:13px;}
	.partners .list ul {grid-template-columns: repeat(2, 1fr); gap:16px; margin-left:0;}
	.partners .list ul li img {width:24px;}


	.location-addr {margin-bottom:30px;}
	.location-addr .tit {font-size:18px; padding-left:20px; margin-bottom:10px;}
	.location-addr .tit:before {top:-3px; width:15px}
	.location-addr .info {padding-left:20px; font-size:15px;}

	.location-maps {margin:0 -15px 30px;}
	.root_daum_roughmap {height:300px !important;}
	.root_daum_roughmap .wrap_map {height:300px !important;}

	.map-title {padding-left:30px; font-size:20px; margin-bottom:15px;}
	.map-title:before {width:24px; height:24px;}

	.location-cnt {margin-bottom:30px;}
	.location-cnt .group {margin-bottom:20px;}
	.location-cnt .tit {font-size:18px;}
	.location-cnt dl {font-size:15px;}
	.location-cnt dl dt {width:60px;}
	.location-cnt dl dt.subway {width:100px}
	.location-cnt .txt {font-size:15px; margin-bottom:15px;}
	.location-cnt .txt:before {top:6px; width:4px; height:4px;}

	.program-list ul {margin:0 0 -20px;}
	.program-list ul li {width:100%; padding:0; margin-bottom:20px;}
	.program-list ul li .title {top:-30px; padding:20px;}
	.program-list ul li .more {bottom:80px; left:20px; width:100px; height:36px; font-size:15px; line-height:36px;}
	.program-list ul li .text-box {margin-top:-30px; border-radius:10px; padding:0 16px;}
	.program-list ul li .text-box:before {top:-10px; left:30px;height:10px;}
	.program-list ul li .text {height:70px;}
	.program-list ul li .tit {font-size:18px;}
	.program-list ul li .text-hover-box {margin-top:-30px; padding:0 20px;}
	.program-list ul li .text-hover-box:before {top:-10px; left:30px; height:10px;} 
	.program-list ul li .text-hover-box p {padding-left:12px; font-size:14px; margin-bottom:2px;}
	.program-list ul li .text-hover-box p:before {top:8px; width:4px; height:4px;}
	.program-list ul li a:hover .more {bottom:100px;}


	.program-view {padding:20px 0 20px 0;}
	.program-view .head {display:block; margin-bottom:20px;}
	.program-view .head .title {width:100%; padding-right:0; margin-bottom:20px;}
	.program-view .head .title .tit {border-radius:26px; padding:0 10px; font-size:16px; line-height:26px;}
	.program-view .head .title h2 {font-size:22px; margin-top:10px;}
	.program-view .head .info {width:100%}
	.program-view .head .info dl {font-size:16px; margin-bottom:10px;}
	.program-view .head .info dl dt {width:100px; padding-left:15px;}
	.program-view .body .group { margin-bottom:20px;}
	.program-view .body .group .pic {width:100px; margin-right:10px;}
	.program-view .body .group .info .tit {font-size:15px; margin-bottom:10px;}
	.program-view .body .group .info .cnt {font-size:14px}
	.program-view .body .group .info br {display:none}

	.bicof-visual {padding:0 0 30px;}
	.bicof-visual .text-box h2 {font-size:25px;margin-bottom:25px; padding-bottom:25px;}
	.bicof-visual .text-box h2:after {margin-left:-15px;width:30px; height:3px;}
	.bicof-visual .text-box .cnt {font-size:15px; margin-bottom:15px;}
	.bicof-visual .img-group ul {margin:0 -3px 0;}
	.bicof-visual .img-group ul li {padding:0 3px; margin-bottom:0;}


	.bicof-sec {padding:40px 0; background-size:400px;}
	.bicof-sec .title {margin-bottom:30px; text-align:center;}
	.bicof-sec .title h2 {font-size:25px; margin-bottom:20px; padding-bottom:20px;}
	.bicof-sec .title h2:after {margin-left:-15px;width:30px; height:3px;}
	.bicof-sec .title p {font-size:16px;}
	.bicof-sec ul {margin:0 -15px -40px;}
	.bicof-sec ul li {width:50%; padding:0 15px; margin-bottom:40px;}
	.bicof-sec ul li .box {width:160px; height:123px;}
	.bicof-sec ul li .box .tit {font-size:16px;padding-bottom:20px;}

	.award-head {flex-wrap:wrap; margin-bottom:50px;}
	.award-head .info {padding-right:0; width:100%; order:2; text-align:center;}
	.award-head .info h2 {font-size:20px; margin-bottom:10px;}
	.award-head .info dl {display:flex; text-align:left;}
	.award-head .info dl dt {width:80px;}
	.award-head .info dl dd {font-size:15px;}
	.award-head .select-wrap {width:100%; order:1; margin-bottom:15px;}
	.custom-select {min-width:100%}

	.award-list .group {margin-bottom:30px; text-align:center;}
	.award-list .group .photo {width:200px; margin:0 auto 20px;}
	.award-list .group .info .award-name {height:26px; border-radius:26px; font-size:15px; line-height:26px;margin-bottom:10px;}
	.award-list .group .info h3 {font-size:20px ;}
	.award-list .group .info .name {font-size:18px; margin-bottom:10px;}
	.award-list .group .info .btn {margin-bottom:10px;}
	.award-list .group .info .btn a {width:auto; min-width:150px; height:44px; font-size:15px ;line-height:44px;}
	.award-list .group .info .cnt {font-size:15px; text-align:left;}

	.event-title {font-size:20px; padding-left:20px; margin-bottom:20px;}
	.event-title:before {top:-2px; width:14px;}
	
	.event-table {margin:0 -15px; padding:0 15px; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.event-table table {width:760px; font-size:14px;}
	.event-table table thead th {padding:10px 5px;}
	.event-table table tbody td {padding:10px 5px;}

	.event-list {grid-template-columns:unset; gap:20px;}
	.event-view {margin-bottom:30px;}
	.event-summary {flex-direction:column; gap:20px; padding:18px 0 24px;}
	.event-summary .title-area {width:100%;}
	.event-summary .title-area .cate {font-size:14px;}
	.event-summary .title-area .tit {font-size:20px;}
	.event-summary .info-area {width:100%;}
	.event-summary .info-area table {font-size:14px;}
	.event-summary .info-area th {padding:8px;}
	.event-summary .info-area td {padding:8px;}
	.event-content {padding:15px;}
	.event-content-inner {padding:25px 15px;}

	.event-view-table {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.event-view-table col {width:auto !important;}
	.event-view-table table {width:640px; border-top-width:2px; border-bottom-width:2px;}
	.event-view-table table th {padding:.2rem; border-bottom-width:2px;}
	.event-view-table table td {padding:.4rem .4rem; border-bottom-width:2px;}

	.venue-location {margin-bottom:30px;}

	.btn-center {margin-top:50px;}

	.btn-list {min-width:150px; height:44px; font-size:15px;}
	.btn-list.wide {min-width:250px; height:44px;}

	.scroll-info-wrap {display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:50; background:rgba(0,0,0,.7);}
	.scroll-info-wrap .inner {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items: center; color:#fff; text-align:center;}
	.scroll-info-wrap img {width:120px;}
	.scroll-info-wrap p {margin:25px 0 30px; font-family:'GmarketSans',sans-serif; font-size:18px; font-weight:500; line-height:1.5em;}
	.scroll-info-wrap .btn {padding:8px 38px; color:#000; border:0; background:#fff;}

	/* board */
	.m-board-list {display:block}

	.board-list table colgroup col {width:auto !important;}
	.board-list table thead th {height:44px; padding:8px; font-size:14px;}
	.board-list table tbody td {height:44px; padding:8px; font-size:14px;}

	/* 페이지목록 */
	.paginate {margin:20px 0;}
	.paginate a,
	.paginate strong{width:30px;height:30px;font-size:14px;line-height:28px;}  
	.paginate strong{margin:0 3px;}  
	.paginate a.direction.first {background-size:10px;}
	.paginate a.direction.prev {background-size:5px;  margin-right:6px;}
	.paginate a.direction.next {background-size:5px;  margin-left:6px;}
	.paginate a.direction.last {background-size:10px;}

	.board-search {margin:40px auto 0;}
	.board-search form {display:flex;}
	.board-search .select {width:100px; height:40px; line-height:40px; padding-left:10px;}
	.board-search .input {flex:1 1 auto; min-width:0; width:1%; height:40px; line-height:40px;padding-left:10px; margin:0 3px;}
	.board-search button {width:60px; height:40px; border:0;border-radius:0; font-size:16px; line-height:40px}

	.board-view .head {padding:15px 0; display:block;}
	.board-view .head .tit {width:100%; font-size:18px ;}
	.board-view .head .date {width:100%; margin-left:0; text-align:left; font-size:15px; margin-top:10px;}
	.board-view .files {font-size:15px;}

	.press-list ul li {padding:17px 8px;}
	.press-list ul li .photo {display:none;}
	.press-list ul li .info .tit {font-size:15px;}
	.press-list ul li .info .cnt {font-size:13px;}
	.press-list ul li .info .date {font-size:12px;}

	.news-list ul {margin:0 -5px -30px;}
	.news-list ul li {width:50%; padding:0 5px; margin-bottom:30px;}
	.news-list ul li .tit {font-size:18px;}

	.gallery-head {margin-bottom:20px; flex-wrap:wrap;}
	.gallery-head h2 {font-size:20px; width:100%; order:2}
	.gallery-head .select-wrap {margin-left:0; order:1; width:100%; margin-bottom:20px;}

	.gallery-list ul {margin:0 0 -20px;}
	.gallery-list ul li {width:100%; padding:0; margin-bottom:20px;}
	.gallery-list ul li .thumb.video:after {background-size:60px;}

	.faq {margin:0 auto 20px;}
	.faq .tit:after {width:40px; font-size:20px;}
	.faq .tit a {padding:12px 30px 12px 40px; font-size:16px;}
	.faq .tit .icon {right:10px; width:10px; height:10px;}
	.faq .cnt {padding:12px 20px 12px 40px;}
	.faq .cnt:after {top:8px; width:40px; font-size:20px}

	/* 버튼 */
	.buttons {margin:60px auto 0;}
	.buttons .cen .btn-pack {margin:0 4px;}
	
	.btn-pack.small {height:32px;padding:0 10px;line-height:30px;font-size:14px;}
	.btn-pack.medium {height:40px;padding:0 15px;line-height:38px;font-size:15px;}
	.btn-pack.large {width:120px; height:44px;padding:0 20px;line-height:42px;font-size:16px;}
	.btn-pack.large.big {width:45%;}
	.btn-pack.submit {width:120px;height:44px;line-height:42px;font-size:16px;}
	.btn-pack.cancel {width:120px;height:44px;line-height:42px;font-size:16px;}

	.pop-detail {border-radius:20px;}
	.pop-detail .title {padding:30px 15px 40px;}
	.pop-detail .title h1 {font-size:16px;}
	.pop-detail .title h1:after {height:3px;}
	.pop-detail .title h2 {font-size:26px;}
	.pop-detail .title .name {font-size:16px;}
	.pop-detail .box {padding:0 15px 25px;}
	.pop-detail .group .info .btn {width:170px; height:46px; font-size:15px; line-height:46px;}
	.pop-detail .group .info .txt {font-size:15px; padding:20px 0;}
	.pop-detail .group .info .img ul {margin:0 -3px;}
	.pop-detail .group .info .img ul li {padding:0 3px;}
	.pop-detail .close {width:30px; height:30px;}

	.pop-apply {border-radius:20px; padding:30px 20px 30px;}
	.pop-apply h1 {font-size:17px; padding-bottom:14px; margin-bottom:25px;}
	.pop-apply h1:after {width:44px; height:5px;}
	.pop-apply h2 {font-size:15px;}
	.pop-apply .form {padding:20px 20px; margin-bottom:20px;}
	.pop-apply .form .group {margin-bottom:15px;}
	.pop-apply .form .group .tit {width:90px; font-size:15px;}
	.pop-apply .txt {font-size:15px; margin-bottom:15px;}
	.pop-apply .close {width:30px; height:30px;}
	.pop-apply .btn-pack.submit {width:46%;}
	.pop-apply .btn-pack.cancel {width:46%;}

	.form-agree .box {padding:16px 20px;}
	.form-agree .check {margin-bottom:20px;}


	.input {height:44px; padding:6px 10px; font-size:15px;}

	.radiobox label:before {width:20px; height:20px; }
	.radiobox input:checked + label:before {background-size:12px;}

	.checkbox label:before {width:20px; height:20px; }
	
	/* footer */
	#footer {padding:25px 0; text-align:center;}
	#footer .bar {padding:0 6px;}
	#footer .contain {flex-wrap:wrap;}


	.foot-info {width:100%; order:2}
	.foot-info address {margin-bottom:10px;}
	.foot-logo {width:100%; order:1; text-align:center; margin-bottom:20px;}
	.foot-logo img {height:30px;}
	
	.scrollTop {gap:8px; width:48px; right:10px; bottom:44px;}

	.buttons {margin:15px 0;}
	.buttons .cen .btn-pack {margin:0 1px;}


/* Landscape phones and down */
@media (max-width: 320px) {

}