@charset "utf-8";

@media (max-width: 1100px){
	.main-perform .perform-list {padding:19px; padding-bottom:10px;}
	.main-perform .perform-list li {margin-bottom:10px;}
	.main-perform .perform-list .img {width:40.5%; min-width:80px;}

}

/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:16px;}
	#wrapper {padding-top:80px;}
	#header {position:fixed; top:0; left:0; width:100%; box-shadow:0 0 3px rgba(0,0,0,.15);}
	#header .contain {height:80px;}
	#gnb {display:none;}
	.sitelogo {top:24px;}
	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}

	/* main */
	#main #container {padding:30px 0;}
	.main-section {margin-bottom:30px}
	.main-manage.left {width:100%}

	.main-perform .perform-list {padding:19px; padding-bottom:10px;}
	.main-perform .perform-list li {margin-bottom:10px;}
	.main-perform .perform-list .img {width:40.5%; min-width:80px;}
	.main-perform .perform-list .txt {padding-left:20px;}
	.main-perform .perform-list .txt h3 {font-size:15px;}
	.main-perform .perform-list .txt p  {font-size:13px;}

	.main-direction.right {width:100%;position:static; margin-top:30px;}

	/* footer */

	/* sub */
	.path-wrap {height:auto; border-bottom:0}
	.path-wrap .contain {padding-left:0;padding-right:0;}
	.path-wrap .home {display:none}
	.path-wrap .path {float:none; min-width:0; width:100%; line-height:0; z-index:2; border-bottom:1px solid #ddd; border-right:0;}
	.path-wrap .path:after {display:none;}
	.path-wrap .path > a {padding:0; text-align:center; font-size:15px; z-index:2; background:url("../images/common/path_arrow.png") 95.5% 50% no-repeat; -webkit-background-size:16px auto; background-size:16px auto;}
	.path-wrap .path ul {left:0; width:100%; z-index:10; background:#fafafa; padding:10px 0; border-top:1px solid #eaeaea;}
	.path-wrap .path ul li {border-left:0;border-right:0;}
	.path-wrap .path ul li a {display:block; text-align:center; padding:5px 15px; font-size:14px; line-height:25px;}
	.path-wrap .path.first {z-index:3;}
	.path-wrap .path.last {z-index:1;}
	.path-wrap .path ul li:hover a {background:none}

	.sub-title {margin:40px 0;}
	.sub-title h2 {font-size:30px;}

	/* content */
	.local-info {padding:40px 0 20px; font-size:16px; line-height:1.6em;}
	.local-info .left {float:none; width:100%;}
	.local-info .left .txt {padding-left:45px;}
	.local-info .left .txt:before {top:calc(50% - 15px); width:30px; height:30px; -webkit-background-size:contain; background-size:contain;}
	.local-info .right {float:none; width:100%;text-align:left; margin-top:10px;}
	.local-info .right .txt {padding-left:45px;}
	.local-info .right .txt span {display:inline-block; margin-left:20px;}
	.local-info .right .txt span:first-child {margin-left:0;}

	/* board */

}

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

	/* header */
	#wrapper {padding-top:60px;}
	#header .contain {height:60px;}
	.sitelogo {top:16px;}
	.sitelogo img {height:26px;}

	/* main */
	.main-section .left {width:100%;}
	.main-section .right {position:relative; width:100%; margin-top:30px; right:auto;}

	.main-visual {height:auto;}
	.main-visual .inner {width:100%; height:auto; margin-left:0; position:relative; transform:translateX(-50%);}

	.main-perform .perform-list {height:auto;}
	.main-perform .perform-list .txt h3 {font-size:15px; max-height:40px;}
	.main-perform .perform-list .txt p  {font-size:13px;}

	.main-direction .wrap_map {height:200px !important;}

	/* footer */
	#footer {padding:30px 0; text-align:center;}
	#footer .f-logo {position:static;}
	#footer address {margin-left:0; margin-top:20px;}

	.scroll-top { bottom:10px;right:10px; width:35px;}


	/* sub */
	.sub-visual {height:210px;}
	.sub-visual h2 {font-size:30px;}

	.sub-title {margin-bottom:40px;}
	.sub-title h2 {font-size:26px;}

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

	/* content */
	.history .group {margin-bottom:30px;}
	.history .group:before {top:22px;}
	.history .group .year {font-size:30px; margin-bottom:15px;}
	.history .group .year:before {top:7px;}
	.history .group .year:after  {top:12px;}
	.history .group li {font-size:15px}
	.history .group:last-child:before {height:0}

	.bsns-list.row-6 .col {padding:15px; width:33.333333%; position:relative;}
	.bsns-list.row-6 .col:before {top:15px; height:calc(100% - 15px); background:url('../images/main/dash.png'); background-position:0 0; background-repeat:repeat-y;}
	.bsns-list.row-6 .col:after  {content:""; position:absolute; top:0; width:calc(100% - 15px); height:1px; background:url('../images/main/dash.png'); background-position:0 0; background-repeat:repeat-x;}
	.bsns-list.row-6 .col:nth-child(3n+1) {clear:left;}

	.bsns-list.row-6 .col:nth-child(3n+1):before {display:none}
	.bsns-list.row-6 .col:nth-child(5):before,
	.bsns-list.row-6 .col:nth-child(6):before {top:0;}
	.bsns-list.row-6 .col:nth-child(1):after,
	.bsns-list.row-6 .col:nth-child(2):after,
	.bsns-list.row-6 .col:nth-child(3):after {display:none}
	.bsns-list.row-6 .col:nth-child(3n):after {left:0;}
	.bsns-list.row-6 .col:nth-child(3n+1):after {left:15px;}
	.bsns-list.row-6 .col:nth-child(3n+2):after {left:0;width:100%;}

	.bsns-list.row-6 .col h2 {font-size:19px; font-weight:500; line-height:1.2em; margin:10px 0 0;}
	.bsns-list.row-6 .col .ico {margin-top:0;}
	.bsns-list.row-6 .col .ico img {width:52px;}
	
	/* board */
	.board-search {margin-bottom:30px;}
	.board-search .search .select {width:25%; max-width:100px;}
	.board-search .search .input {width:45%; max-width:400px;}

	.board-list table thead th {font-size:15px;}
	.board-list table tbody td {font-size:14px;}
	.board-list table tbody td.no {width:10%;}
	.board-list table tbody td.name {width:12%;}
	.board-list table tbody td.date {width:12%;}
	.board-list table tbody td.hit {width:9%;}

	.gallery-list ul {margin:0 -7px;}
	.gallery-list ul li {padding:0 7px;}

	.board-view .head .tit {font-size:15px;}
	.board-view .head .info {font-size:14px;}

	.prev-next {font-size:14px;}

}

/* 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;}

	.contain {padding-left:15px; padding-right:15px;}

	/* header */
	#wrapper {padding-top:60px;}
	#header .contain {height:60px;}
	.sitelogo {top:18px; left:15px;}
	.btn-m-menu {width:32px; height:32px; right:13px;}
	.btn-m-menu span {height:3px; margin-top:-2px; left:3px; right:3px;}
	.btn-m-menu span:before, .btn-m-menu span:after {height:3px;}
	.btn-m-menu span:before {top:-8px;}
	.btn-m-menu span:after {bottom:-9px;}

	/* main */
	.main-section a.more {top:12px;right:20px; width:17px; height:17px; -webkit-background-size:contain;background-size:contain;}
	.main-tit h2 {font-size:17px; line-height:30px; padding:5px 19px;}

	.main-visual .slick-dots {bottom:25px;}
	.main-visual .slick-dots li button {width:12px; height:12px;}

	.bsns {margin-bottom:15px;}
	.bsns-list .col {padding:15px; width:50%; position:relative;}
	.bsns-list .col:before {top:15px; height:calc(100% - 15px); background:url('../images/main/dash.png'); background-position:0 0; background-repeat:repeat-y;}
	.bsns-list .col:after {content:""; position:absolute; top:0; width:calc(100% - 15px); height:1px; background:url('../images/main/dash.png'); background-position:0 0; background-repeat:repeat-x;}
	.bsns-list .col:nth-child(2n+1) {clear:left;}

	.bsns-list .col:last-child:before {top:0;}
	.bsns-list .col:nth-child(2n+1):before {display:none}
	.bsns-list .col:nth-child(2n):after {left:0;}
	.bsns-list .col:nth-child(2n+1):after {left:15px;}
	.bsns-list .col:nth-child(1):after,
	.bsns-list .col:nth-child(2):after {display:none;}
	.bsns-list .col:nth-child(3):after {display:block;}
	.bsns-list .col h2 {font-size:17px; font-weight:500; line-height:1.2em; margin:10px 0 0;}
	.bsns-list .col .ico {margin-top:0;}

	.bsns-list.row-6 .col {width:50%;}
	.bsns-list.row-6 .col:nth-child(3n+1) {clear:none;}
	.bsns-list.row-6 .col:nth-child(2n+1) {clear:left;}

	.bsns-list.row-6 .col:nth-child(4):before {top:0; height:100%;}
	.bsns-list.row-6 .col:last-child:before {top:0;}
	.bsns-list.row-6 .col:nth-child(3n+1):before {display:block}
	.bsns-list.row-6 .col:nth-child(2n+1):before {display:none}
	.bsns-list.row-6 .col:nth-child(2n):after {left:0;}
	.bsns-list.row-6 .col:nth-child(2n+1):after {left:15px;}
	.bsns-list.row-6 .col:nth-child(1):after,
	.bsns-list.row-6 .col:nth-child(2):after {display:none;}
	.bsns-list.row-6 .col:nth-child(3):after,
	.bsns-list.row-6 .col:nth-child(5):after {display:block;}
	.bsns-list.row-6 .col h2 {font-size:17px;}

	.main-manage .main-tit h2 {line-height:30px; padding:5px 19px;}
	.main-manage .manage-list {padding:0 15px 19px;}
	.main-manage ul {padding-top:19px;}
	.main-manage ul li {width:50%; font-size:14px;}
	.main-manage ul li:nth-child(3n+1) {clear:none;}
	.main-manage ul li:nth-child(2n+1) {clear:left;}
	.main-manage a.more {top:12px;right:20px;}

	/* footer */
	#footer {font-size:12px;}
	#footer address span {margin-right:12px;}

	.scroll-top {display:none;}

	/* sub */
	.sub-visual {height:140px;}
	.sub-visual h2 {font-size:22px;}

	#contArea {padding-left:15px; padding-right:15px;}

	.sub-title {margin-bottom:25px;}
	.sub-title h2 {font-size:22px;}

	.real-cont {padding-bottom:40px; min-height:200px;}

	/* content */
	.history {margin-left:-15px; margin-right:-15px; padding-bottom:100px;/* -webkit-background-size:contain;background-size:contain; */}
	.history .group {width:100%; padding:0 0 0 30px; margin:0 0 25px 0;}
	.history .group:before {top:17px; left:10px; height:calc(100% + 35px);}
	.history .group .year {font-size:20px; margin-bottom:10px}
	.history .group .year:before {top:5px; left:-28px; width:17px; height:17px;}
	.history .group .year:after  {top:9px; left:-24px; width:9px; height:9px;}
	.history .group .month {top:3px; left:7px;}
	.history .group li {font-size:14px; padding:0 0 0 3em; line-height:1.375em;}
	.history .group li.withdate {padding:0 0 0 5em;}

	.history .group:nth-child(even) {padding:0 0 0 30px; margin:0 0 25px 0; text-align:left;}
	.history .group:nth-child(even):before {right:auto; left:10px;}
	.history .group:nth-child(even) .year:before {right:auto;left:-28px;}
	.history .group:nth-child(even) .year:after  {right:auto;left:-24px;}
	.history .group:nth-child(even) .month {right:auto; left:7px;}
	.history .group:nth-child(even) li {padding:0 0 0 3em}
	.history .group:nth-child(even) li:before {right:auto;left:0;}
	.history .group:nth-child(even) li.withdate {padding:0 0 0 5em}

	.history .group:last-child {margin-bottom:0}

	.local-map .wrap_map {height:400px !important;}
	.local-info {padding:15px; font-size:14px;}
	.local-info .right .txt span {display:block; margin-left:0;}

	/* board  */
	.input {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.select {height:32px; padding:5px; font-size:14px; line-height:20px;}
	.textarea {padding:5px; font-size:14px; line-height:20px;}

	.board-search {margin-bottom:20px;}
	.board-search .total-page {display:none;}
	.board-search .search .select {width:25%; max-width:90px;}
	.board-search .search .input {width:45%; max-width:200px;}
	.board-search .search .btn-pack {width:calc(30% - 5px); max-width:80px; height:32px; line-height:30px; padding:0 10px;}

	.board-list {display:none;}
	.board-list-m {display:block;}

	.perform-list {display:none;}
	.main-perform .perform-list {display:block;}
	.perform-list-m {display:block;}

	.gallery-list {margin:0 -15px; padding:0 15px;}
	.gallery-list ul li {width:50%; margin-bottom:30px;}
	.gallery-list ul li:nth-child(3n+1) {clear:none;}
	.gallery-list ul li:nth-child(2n+1) {clear:left;}
	.gallery-list ul li .thumb {margin-bottom:8px;}


	.board-view {margin:0 -15px;}
	.board-view .head .tit {font-size:15px; padding:10px 15px;}
	.board-view .head .info {font-size:12px; padding:8px 15px;}
	.board-view .head .files {padding:10px 15px 0;}
	.board-view .head .files .fileLayer {max-width:60%; right:15px;}
	.board-view .head .files .fileLayer a {word-break:break-all; line-height:1.2em;}
	.board-view .head .files .fileLayer img {vertical-align:middle;}
	.board-view .body {padding:15px 15px 25px;}
	.board-view .body iframe {width:100% !important;}

	.board-write {margin:0 -15px;}
	.board-write .group {padding:5px 15px 5px 90px;}
	.board-write .title {top:10px; left:15px; width:75px;}
	.board-write .files_table .input {width:50% !important;}
	.board-write .textarea {width:100% !important;}
	.board-write input#title {width:75% !important;}
	.board-write .group.content {padding-left:15px;}
	.buttons {margin:10px 0;}

	.btn-pack.medium {height:32px; font-size:14px; line-height:30px; padding:0 10px;}
	.btn-pack.large {height:38px; line-height:36px; padding:0 18px; font-size:15px;}
	.btn-pack.xlarge {height:45px; line-height:43px; font-size:17px; padding:0 30px;}
	.btn-pack.xlarge.wide {max-width:200px;}
	.btn-pack.submit {height:50px; font-size:18px;}

	.prev_next {margin:0 -15px; font-size:14px;}
	.prev_next dt {width:73px; padding:0 0 0 15px; text-align:left; margin-right:0;}
	.prev_next dd {margin-left:80px; padding-right:15px; color:#777;}
	.prev_next dd a {display:inline-block; vertical-align:top; max-width:95%; color:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.board-password {width:100%; padding:75px 10px 35px; background-size:45px;}
	.board-password dl dt {font-size:15px;}
	.board-password .input {width:50% !important;}

	.paginate a, .paginate strong {margin:0 1px; width:32px; height:32px; line-height:30px;}

}

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

}