@charset "utf-8";

@media (max-width: 1530px) {

	/* 부천만화대상 */
	.sub-visual .contain {padding-top:60px;}
	.sub-visual .event {left:-100px;}
}

@media (max-width: 1330px) {
	
	/* header */
	#gnb {margin-right:150px;}
}

@media (max-width: 1230px) {
	
	/* header */
	
	/* main */
	.main-visual .slider {height:300px;}
	
	.main-sns {padding:40px 0;}
	.main-sns .contain {height:auto;}
	.main-sns .title {width:40%;}
	.main-sns .title .des {font-size:24px;}
	.main-sns .title .tit {font-size:36px;}
	.main-sns .info ul {margin:0 -12px;}
	.main-sns .info ul li {padding:0 12px;}
	.main-sns .info ul li a {width:80px; height:80px;}
	/*content*/
	
	/* 부천만화대상 */
	.sub-visual .img-group {position:absolute; top:0; right:-190px; width:643px; z-index:2}
	.sub-visual .img-group ul {display:flex; flex-wrap:wrap; align-items:center; margin:0 -21px -50px;}
	.sub-visual .img-group ul li {padding:0 21px; margin-bottom:50px;}
	.sub-visual .img-group ul li .pic {box-shadow:-2px 2px 10px 0px rgba(0,0,0,.4)}
	.sub-visual .img-group ul li:nth-child(3) {margin-left:100px;}
	.sub-visual .img-group ul li:nth-child(4) {margin-top:-150px;}

	.bicof-visual .text-box {width:100%}
	.bicof-visual .img-group {position:static; right:0; width:auto; margin:30px -15px 0;}
	.bicof-visual .img-group ul {display:flex; margin:0 -5px -10px;}
	.bicof-visual .img-group ul li {width:25%; position:static; padding:0 5px; margin-bottom:10px;}
	.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;}
}

@media (max-width: 1200px) {
	/* 부천만화대상 */
	.sub-visual .img-group {position:absolute; top:0; right:-220px; width:643px; z-index:2}
	.sub-visual .img-group ul {display:flex; flex-wrap:wrap; align-items:center; margin:0 -21px -50px;}
	.sub-visual .img-group ul li {padding:0 21px; margin-bottom:50px;}
	.sub-visual .img-group ul li .pic {box-shadow:-2px 2px 10px 0px rgba(0,0,0,.4)}
	.sub-visual .img-group ul li:nth-child(3) {margin-left:100px;}
	.sub-visual .img-group ul li:nth-child(4) {margin-top:-150px;}
}

@media (max-width: 1150px) {
	/* 부천만화대상 */
	.sub-visual .img-group {position:absolute; top:0; right:-300px; width:643px; z-index:2}
	.sub-visual .img-group ul {display:flex; flex-wrap:wrap; align-items:center; margin:0 -21px -50px;}
	.sub-visual .img-group ul li {padding:0 21px; margin-bottom:50px;}
	.sub-visual .img-group ul li .pic {box-shadow:-2px 2px 10px 0px rgba(0,0,0,.4)}
	.sub-visual .img-group ul li:nth-child(3) {margin-left:100px;}
	.sub-visual .img-group ul li:nth-child(4) {margin-top:-150px;}

}


@media (max-width: 1080px) {
	/* 부천만화대상 */
	.sub-visual .img-group {position:absolute; top:0; right:-350px; width:643px; z-index:2}
	.sub-visual .img-group ul {display:flex; flex-wrap:wrap; align-items:center; margin:0 -21px -50px;}
	.sub-visual .img-group ul li {padding:0 21px; margin-bottom:50px;}
	.sub-visual .img-group ul li .pic {box-shadow:-2px 2px 10px 0px rgba(0,0,0,.4)}
	.sub-visual .img-group ul li:nth-child(3) {margin-left:100px;}
	.sub-visual .img-group ul li:nth-child(4) {margin-top:-150px;}


}


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

	/* header */
	#header .contain {height:80px;}
	#gnb {margin-right:130px;}
	#gnb ul {margin:0 -30px;}
	#gnb ul > li {padding:0 30px;}
	#gnb ul > li > a {font-size:17px; line-height:80px;}
	
	
	/* main */
	.main-visual .head {height:500px;}

	.main-btn {width:280px; height:56px; font-size:18px;}

	.main-best {padding:100px 0 30px;}
	.main-best h2 {margin-bottom:1.2em; font-size:40px;}
	.main-best p {font-size:18px;}

	.main-subscribe {padding:100px 0;}
	.main-subscribe h2 {margin-bottom:40px; font-size:36px;}
	.main-subscribe h2 br {display:block;}
	.main-subscribe .form {max-width:860px;}
	.main-subscribe .form .item {gap:16px;}
	.main-subscribe .form .item label {font-size:16px;}
	.main-subscribe .agree {font-size:18px;}

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


	.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;}


	/* 메인 문의하기 팝업 */
	.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;}

	/* 부천만화대상 */
	.vote-heading {height:540px; padding:90px 0;}
	.vote-heading .pick {margin-left:-20px;}
	.vote-heading .pick img {height:50px;}
	.vote-heading h2 {font-size:6vw;}
	.vote-heading h2 span {display:inline-block;}
	.vote-heading h2 em {color:#023894;}
	.vote-heading dd {min-width:0; padding-top:2px; line-height:1.444em; font-size: 18px;}


	.sub-visual {padding:30px 0 60px;}
	.sub-visual .contain {padding-top:40px;}
	.sub-visual .event {top:80px; left:100px}
	.sub-visual .event img {height:100px}
	.sub-visual h2 {font-size:40px; margin-bottom:30px;}
	.sub-visual .event-box {width:100%; border-width:4px; padding:26px 40px 26px; margin-bottom:40px;}
	.sub-visual .event-box dl dt {width:87px; height:26px;font-size:15px; line-height:26px; border-radius:26px;}
	.sub-visual .event-box ul li {font-size:15px;}
	.sub-visual .img-group {position:static; right:0; width:100%;}
	.sub-visual .img-group ul { margin:0 -10px 0;}
	.sub-visual .img-group ul li {padding:0 10px; width:25%; margin-bottom:0;}
	.sub-visual .img-group ul li:nth-child(1) .pic img {transform:translateY(-42%); -ms-transform:translateY(-42%); -webkit-transform:translateY(-42%); }
	.sub-visual .img-group ul li .pic {position:relative; height:0; padding-bottom:139%; overflow:hidden;}
	.sub-visual .img-group ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
	.sub-visual .img-group ul li:nth-child(3) {margin-left:0;}
	.sub-visual .img-group ul li:nth-child(4) {margin-top:0;}
	.sub-visual .event-box img {width:80%;}

	.vote-title h2 {font-size:30px;}
	.vote-title h2:after {width:44px; height:5px; margin-top:18px;}


	.vote-event .prize .txt br {display:block;}

	.vote-intro {padding:60px 0;}

	.vote-event {padding:60px 0;}
	.vote-event dt {font-size:14px;}

	.comic-sec {padding:60px 0 50px; background-position:-400px 50%; text-align:center;}
	.comic-sec h2 {font-size:30px; padding-bottom:26px; margin-bottom:26px;}
	.comic-sec h2:after {left:50%; margin-left:-22px;width:44px; height:5px}
	.comic-sec .txt {font-size:16px; margin-bottom:20px;}
	.comic-sec p {position:relative; padding-left:0;}
	.comic-sec p:before {position:relative; top:0; left:0; display:inline-block; top:-2px; width:6px; height:6px; margin-right:5px;}

	.comic-wrap {padding:60px 0;}
	.comic-wrap .title {margin-bottom:40px;}
	.comic-wrap .title h2 {font-size:30px; padding-bottom:26px; margin-bottom:26px;}
	.comic-wrap .title h2:after {margin-left:-22px;width:44px; height:5px;}
	.comic-wrap .total {margin-bottom:15px;}

	.comic-list ul {margin:0 -7px -50px;}
	.comic-list ul li {width:25%; padding:0 7px; margin-bottom:50px;}
	.comic-list ul li .pic {margin-bottom:20px;}
	.comic-list ul li .tit {font-size:18px;}
	.comic-list ul li .name {font-size:16px;}
	.comic-list ul li .btn {padding:0 40px;font-size:15px; line-height:32px;}
	.comic-list ul li a:hover .pic:after {opacity:0;}
	.comic-list ul li a:hover .pic img {transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.comic-list ul li.active a .pic:after {opacity:1;}

	.real-cont {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 {margin-bottom:40px;}
	.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;}

	.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;}

	.event1-table table {font-size:15px;}
	.event1-table table thead th {padding:10px 3px;}
	.event1-table table tbody td {padding:10px 3px;}	


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

	.btn-pack.large {width:270px; 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;}

	/* 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;}
	
	.scroll-top {width:40px; height:40px; background-size:20px; right:20px; bottom:100px;}

	

} 


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

	/* main */
	.main-visual .head {height:400px;}
	.main-visual .head .inner {gap:30px;}
	.main-visual .head .box {width:350px; padding:24px 16px; border-radius:28px; box-shadow:0px 3px 12px 0px rgba(0, 0, 0, 0.42);}
	.main-visual .head .box .txt-area .txt {margin-left:6px;}
	.main-visual .head .box .txt-area .txt h3 {font-size:22px;}
	.main-visual .head .box .txt-area .txt p {font-size:14px;}
	.main-visual .head .box .txt-area .img {width:110px;}
	.main-visual .head .box .btn-area .btn {padding:10px 24px; font-size:16px;}

	.main-best {padding:100px 0; background-image:url('../images/main/m-best-bg.jpg'); text-align:center;}
	.main-best .wrap {display:block; max-width:520px;}
	.main-best .img {display:none; width:100%; margin:0 auto 30px;}
	.main-best .cnt {width:100%; padding-top:0;}
	.main-best .cnt .img {display:block;}
	.main-best h2 {margin-bottom:30px;}
	.main-best p {text-align:left;}
	.main-best .main-btn {margin-top:30px;}

	.main-subscribe .form {flex-direction: column; max-width:460px;}
	.main-subscribe .form .item {width:100% !important;}
	.main-subscribe .form .item label {width:80px; text-align:left;}

	.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 .title .genre {justify-content:center;}
	.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 {width:100%; 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;}

	
} 

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

	/* 부천만화대상 */
	.sub-visual .event-box .img {right: -130px;}
	.sub-visual .event-box img {width:50%;}
	.vote-event .prize .txt ul li {padding: 0 0 10px 0; line-height: 1.3em; }

	.vote-event ol li {width:80%; padding-right:24px; font-size:14px;}
	.vote-event ol li:after {width:24px; font-size:20px;}
	.vote-event ol li .box {width:100%; padding:12px; height:100px; border-radius:10px;}
	.vote-event ol li .box2 {width:130%; height: auto;padding:12px; border-radius:10px;}
	.vote-event ol li .v-line {border-left: 1px solid #000; height:60%; position:absolute; top:30%; left:60%; width:1px; }


}


/* 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 {border-bottom:1px solid #ddd;}
	#header .contain {height:70px;}
	#header .sitelogo {margin-top:-20px}
	#header .sitelogo img {height:40px;}
	#header .logo-50 {left:150px; margin-top:-22px; }
	#header .logo-50 img {height:44px;}


	
	#gnb {display:none;}

	.langs {display:none;}

	
	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}

	/* main */
	.main-visual {}
	.main-visual .head {height:auto; padding:45px 0; background-image:url('../images/main/visual-bg-m.jpg');}
	.main-visual .head .inner {flex-direction: column; gap:18px;}
	.main-visual .head .left img {width:240px;}
	.main-visual .head .box {width:auto; padding:20px 12px; border-radius:20px; box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.42);}
	.main-visual .head .box .txt-area .txt {margin-left:6px;}
	.main-visual .head .box .txt-area .txt h3 {font-size:18px;}
	.main-visual .head .box .txt-area .txt p {font-size:12px;}
	.main-visual .head .box .txt-area .img {width:80px;}
	.main-visual .head .box .btn-area {margin-top:12px;}
	.main-visual .head .box .btn-area .btn {padding:10px 18px; font-size:14px;}


	.main-visual .slider {margin:28px 0; height:160px;}
	.main-visual .slider .item {padding:0 4px;}
	.main-visual .slider .item img {border-radius:18px;}

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

	.main-best {padding:50px 16px;}
	.main-best h2 {margin-bottom:24px; font-size:22px;}
	.main-best p {font-size:14px;}
	.main-best p br.mo-hide {display:none;}
	.main-best .main-btn {margin-top:10px;}

	.main-subscribe {padding:50px 16px;}
	.main-subscribe h2 {margin-bottom:24px; font-size:20px;}
	.main-subscribe .form .item label {width:60px; font-size:14px;}
	.main-subscribe .agree {font-size:13px;}
	.main-subscribe .submit {margin-top:30px;}

	.main-sns {padding:30px 0;}
	.main-sns .contain {display:block;}
	.main-sns .title {width:100%; text-align:center; margin-bottom:20px;}
	.main-sns .title .des {font-size:16px;}
	.main-sns .title .tit {font-size:20px;}
	.main-sns .info {width:100%}
	.main-sns .info ul {margin:0 -4px -8px; justify-content:center; flex-wrap:wrap;}
	.main-sns .info ul li {padding:0 4px; margin-bottom:8px;}
	.main-sns .info ul li a {width:50px; height:50px; background-size:22px}

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

	/* 메인 문의하기 팝업 */
	.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-visual {padding:30px 0 40px;}
	.sub-visual .contain {padding-top:0;}
	.sub-visual .event {display:none;}
	.sub-visual h2 {font-size:25px; margin-bottom:20px; text-align:center;}
	.sub-visual .event-box {border-width:3px; padding:20px 15px 20px; margin-bottom:30px;}
	.sub-visual .event-box dl {display:block;}
	.sub-visual .event-box dl dt {margin-bottom:5px;}
	.sub-visual .event-box dl dd {padding-top:0; width:100%}
	.sub-visual .event-box ul li {font-size:14px; text-indent:-10px; padding-left:10px;}
	.sub-visual .event-box .img {bottom:auto; top:-5px; right: -30px; }
	.sub-visual .event-box .img img {height:170px; width:auto;}
	.sub-visual .img-group ul { margin:0 -4px 0;}
	.sub-visual .img-group ul li {padding:0 4px;}

	.vote-heading {height:350px; padding:40px 0; background-image:url('../images/sub/m-vote-top-bg.jpg') ;}
	/* .vote-heading .pick {margin-left:5px; margin-bottom:24px;} */
	.vote-heading .pick img {height:26px;}
	.vote-heading h2 {font-size:35px;}
	.vote-heading h2 br {display:none;}
	.vote-heading h2 em {display:block;}
	.vote-heading dl {display:flex; justify-content: center; margin-bottom:16px;}
	.vote-heading dt {width:74px; height:25px; margin-right:10px; font-size:14px; line-height:25px;}
	.vote-heading dd {min-width:0; padding-top:2px; line-height:1.444em; font-size: 16px;}



	.vote-title {margin-bottom:18px;}
	.vote-title h2 {font-size:22px;}
	.vote-title h2:after {width:30px; height:3px; margin-top:16px;}
	.vote-title p {font-size:13px;}

	.vote-intro {padding:50px 0;}
	.vote-intro p {margin-bottom:22px;}
	.vote-intro .etc {font-size:12px;}
	.vote-intro .etc:before {width:4px; height:4px;}

	.vote-event {padding:50px 0; background-image:url('../images/sub/m-vote-event-bg.jpg');}
	.vote-event dl {margin-bottom:8px;}
	.vote-event dt {width:74px; height:25px; margin-right:10px; font-size:13px; line-height:25px;}
	.vote-event ol {margin-right:-10px; display:flex; flex-direction:column;}
	.vote-event ol li {width:80%; padding-right:24px; font-size:14px;}
	.vote-event ol li:after {width:24px; font-size:20px;}
	.vote-event ol li .box {width:100%; padding:12px; height:100px; border-radius:10px;}
	.vote-event ol li .box2 {width:130%; height: auto;padding:12px; border-radius:10px;}
	.vote-event ol li .v-line {border-left: 1px solid #000; height:60%; position:absolute; top:30%; left:55%; width:1px; }

	.vote-event .sm-txt {margin:14px 0 4px; font-size:12px; line-height:1.5em;}
	.vote-event .prize {gap:8px;}
	/*.vote-event .prize .img img {height:60px;} */

	.comic-sec {padding:40px 0 30px; background-position:-300px 0; background-size:600px; text-align:center;}
	.comic-sec h2 {font-size:25px; padding-bottom:20px; margin-bottom:20px;}
	.comic-sec h2:after {margin-left:-20px;width:40px; height:3px}
	.comic-sec .txt {font-size:15px;}
	.comic-sec p:before {top:-3px; width:5px; height:5px;}

	.comic-wrap {padding:40px 0;}
	.comic-wrap .title {margin-bottom:30px;}
	.comic-wrap .title h2 {font-size:26px; padding-bottom:20px; margin-bottom:20px;}
	.comic-wrap .title h2:after {margin-left:-20px;width:40px; height:3px;}
	.comic-wrap .total {margin-bottom:10px;}

	.comic-wrap .vote-title {margin-bottom:30px;}
	.comic-wrap .vote-title h2:after {margin:10px auto;}

	.comic-list ul {margin:0 -5px -40px;}
	.comic-list ul li {width:50%; padding:0 5px; margin-bottom:40px;}
	.comic-list ul li .pic {margin-bottom:15px;}
	.comic-list ul li .pic:after {background-size:38px auto;}
	.comic-list ul li .tit {font-size:17px;}
	.comic-list ul li .name {font-size:13px;letter-spacing: -1px; word-spacing: -1px;}
	.comic-list ul li .btn {padding:0 30px;font-size:15px; line-height:30px;}



	.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:40px; 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 .award-name.view {display:none;}
	.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; text-align: center;}
	.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;}
	.award-list .group .mobile-btn {margin-bottom:20px;}
	.award-list .group .mobile-btn a {display:inline-block; padding:8px 22px 7px; color:#133080; font-size:16px; font-weight:500; line-height:1.3em; border:1px solid #133080; border-radius:40px;}

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

	.event1-table {overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.event1-table table {width:1000px; font-size:14px;}
	.event1-table table thead th {padding:10px 3px;}
	.event1-table table tbody td {padding:10px 3px;}


/* sub page */
	.sub-visual {height:130px;}
	.sub-visual .eng-bg {top:30px; font-size:4em;}
	.sub-visual h1 {font-size:26px;} 
	.sub-visual h1:after {height:2px;}

	.lnb {margin-bottom:30px;}
	.lnb ul {margin:0 -10px;}
	.lnb ul li {padding:0 10px;}
	.lnb ul li a {padding:15px 0;font-size:15px;}

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

	.lnb-menu {margin:0 auto 30px;}
	.lnb-menu ul li a {height:50px; font-size:0.8em; padding-left:1px;padding-right:2px}

	/* 축제소개 */
	.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}


	.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;}


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

	.btn-pack.large {width:270px; height:54px;padding:0 25px;line-height:52px;font-size:16px;}
	.btn-pack.submit {width:160px;height:54px;line-height:52px;font-size:16px;}
	.btn-pack.cancel {width:160px;height:54px;line-height:52px;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 .title .genre {justify-content:center; gap:3px 4px; margin-bottom:10px;}
	.pop-detail .title .genre span {padding:0 10px; font-size:13px; line-height:20px;}
	.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:40px;}
	
	.scroll-top {width:30px; height:30px; background-size:14px; right:10px;}

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





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

}