@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);


body {font-family: 'Nanum Square', 'NanumSquare', 'Nanum Gothic', 'Malgun Gothic', sans-serif; line-height:1.3; letter-spacing: -0.3px; color: #434343;}
a {color: inherit;}
label {cursor: pointer;}

/*-bxSlider 재정의-*/
.bx-wrapper,
.bx-wrapper .bx-viewport {position: relative; margin: 0 auto; border: none; box-shadow: none; background: none;}
.bx-controls {display: none;}

/*공통스타일*/
.contents {position: relative;}
.container:before, .container:after {content: ""; display: table;}
.container:after {clear: both;}
.container {position: relative; width: 96%;}
.f-nm {font-weight: 400 !important;}
.thColor {color: #395ee1;}
.block {display: block;}
.wrap {box-sizing: border-box;}

.wrapper {position: relative; max-width: 768px; margin: 0 auto;}

.v_pc {display: none !important;}
.v_mo {display: block !important;}
.contents .area span.block {font-size: 12.5px; line-height: 1.5; text-align: center;}

/*header*/
.header,
.header .wrap {position: relative; z-index: 10;}
.header {min-height: 74px;}
.header .wrap {position: relative;}
.header .wrap .area {width: 100%; height: 100%; display: flex; flex-direction: column;}
.header .wrap .area .logo-box {padding: 4px 0 6px;}
.header .wrap .area .logo-box .logo {display:inline-block;}
.header .wrap .area .logo-box .logo .logo-tit { font-size: 28px;}
.header .wrap .area .logo-box .logo .logo-right {margin-left: 12px;}
.header .wrap .area .logo-box .logo .logo-sub-tit {font-size: 13px; margin-top: -8px;}
.header .wrap .area .logo-box .logo .logo-adr, 
.header .wrap .area .logo-box .logo .logo-adr span {font-size:10px;}
.header .wrap .area .logo-box .logo .logo-adr {padding-left: 1px; line-height: 0px;}
.header .wrap .area .gnb {margin-top: 8px;}
.header .wrap .area .gnb .menu li {display: inline-block;}
.header .wrap .area .gnb .menu li a {padding: 5px 3px; font-size: 12px;}
.header .wrap .area .gnb .menu li a:before {width: 4px; height: 4px; margin-top: -2px;}
.header.fixed .wrap .gnb {background: rgba(81, 81, 81, 0.9);}

/*footer*/
.footer {background: #576480; padding: 20px 0 35px; text-align: center;}
.footer .f-area {display: flex; flex-direction: column; align-items: center; padding: 1rem 0 0;}
.footer .f-area::before, .footer .f-area::after {content: none;}
.footer .f-area .logo-box .logo-tit {font-size: 0.875rem; line-height: 1;}
.footer .f-area .logo-box .logo-tit::before {content: 'ayajin'; display: block; font-family: "NanumSquare", sans-serif; font-size: 34px; color: #607cdc; text-shadow: 1px 2px 1px rgba(10, 2, 4, 0.23); font-weight: 300; position: relative; top: -8px;}
.footer .f-area .logo-box .logo-txt {display: none;}
.footer .f-area .txt-box {font-size: 11px; line-height: 1.6; width: 100%;}
.footer .f-area .txt-box span {margin-top: .75rem; display: block;}
.footer .wrap .logo {margin-bottom: 5px;}
.footer .wrap .logo img {width: 85px;}
.footer .wrap address {color: #fff; font-size: 11px; line-height: 1.6; word-break: keep-all; margin-top: 0; text-align: center; width: 100%;}

/*TOP버튼*/
.btn-top {
	right: 15px;
	bottom: 15px;
	width: 42px;
	height: 42px;
	background: #fff;
	z-index: 10;
	border: 1px solid #b8b7b1;
	color: #363636;
	text-align: center;
	border-radius: 50%;
	box-sizing: border-box;
	padding-top: 4px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -0.9px;
	font-size: 14px;
	-webkit-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.btn-top .arr {
	display: block;
	font-family: "Nanum Gothic", sans-serif;
	transform: rotateX(45deg);
	-webkit-transform: rotateX(45deg);
	-ms-transform: rotateX(45deg);
	-o-transform: rotateX(45deg);
	font-size: 15px;
}

/*공통스타일*/
.contents .wrap.cmStyle {padding: 20px 0 0;}

.contents .tit-box .tit { margin-bottom:20px; line-height:17px;}
.contents .tit-box .tit .tit-txt {font-size:17px;}
.contents .tit-box .tit .tit-sub-txt {margin-left:4px; font-size:12px;}

.contents .con-tit {padding-left: 10px;}
.contents .con-tit .row-1 {font-size: 12px;}
.contents .con-tit .row-2 {font-size: 19px; margin: 2px 0 0 -1px;}
.contents .con-tit .sokcho {font-size: 10px;}
.contents .con-tit:before {top: 0; width: 3px; height: 100%;}

/*공통 서브비쥬얼*/
.contents .subVisual {position:relative; width:100%; margin:0 auto; padding: 35px 0;  text-align:center; color:#fff; background:url(../img/m/common/subVisual.jpg) no-repeat center center; background-size:cover}
.contents .subVisual .mainTxt {position:relative; display:inline-block; margin:0 auto; padding:13px 0 13px 27px; text-align:left; background:url(../img/m/common/bg_top_box.png) no-repeat 0 center; background-size:auto 100%}
.contents .subVisual .mainTxt .tit {font-size:23px; font-weight:500; line-height:23px;}
.contents .subVisual .mainTxt .sub-logo-txt {margin:3px 0 0 2px; font-size:10px; line-height:10px;}


/*메인비쥬얼*/
.contents .visual {position: relative; height: 300px; text-align: center;}
.contents .visual .slide {position: relative; box-sizing: border-box; color: #fff; height: 300px;}
.contents .visual .slide-1 {background: #e9d4bd url(../img/m/main/visual.jpg) no-repeat center / cover;}
.contents .visual .mainTxt {width: 100%; padding-top: 110px;}
.contents .visual .mainTxt h2 {margin: 5px auto 7px; font-size: 30px; line-height: 30px; letter-spacing: 0px;}
.contents .visual .mainTxt .p-2 {height: 18px; line-height: 18px; padding: 0 30px; font-size: 10px; font-weight: 700;}
.contents .visual .mainTxt .p-3 {margin-top: 8px; font-size: 12.5px; line-height: 18px;}

/*소개*/
.contents .about .area {padding: 20px 0;}
.contents .about .area + .area {padding-top: 10px;}
.contents .about .area .h3-tit {position: relative; font-size: 20px; margin: 0; letter-spacing: -0.9px; text-align: center; line-height: 1.4;}
.contents .about .area .h3-tit [class*=row-] {display: block;}
.contents .about .area .h3-tit .row-1 {line-height: 1;}
.contents .about .area .h3-tit .row-2 {font-size: 18px; margin-top: 2px;}
.contents .about .area .h3-tit .sampo {text-transform: uppercase; font-size: 11px; display: inline-block; text-indent: 2px; margin-left: 3px;}
.contents .about .area figure {margin-top: 10px;}
.contents .about .area figure.half img:first-child {margin-right: 2%;}
.contents .about .area figure.half img {width: 49%;}
.contents .about .area .p-0 {margin-top: 10px; font-size: 13px; line-height:1.5; letter-spacing: -0.7px; font-family: "NanumSquare", sans-serif; word-break: keep-all;}
.contents .about .area .p-1 {font-size: 13px; margin-top: 10px; line-height: 1.5;}

/*이벤트*/
.contents .event {background: #f6f6f6;}
.contents .event .evt-area .outer {padding: 20px 0;}
.contents .event .evt-area .outer .area {flex-direction: column;}
.contents .event .evt-area .outer:first-child .area {padding-top: 0;}
.contents .event .evt-area .outer:first-child .h3-tit {margin-top: 20px;}
.contents .event .evt-area .area .evt-img {position: relative; width: 100%;}
.contents .event .evt-area .area .evt-img img {width: 100%;}
.contents .event .evt-area .area .evt-img iframe {height: 237px; margin-top: 10px;}
.contents .event .evt-area .area .h3-tit {position: relative; font-size: 14px; color: #5a5a5a; font-weight: 700; padding-bottom: 8px;  word-break: keep-all; text-align: center;}
.contents .event .evt-area .area .h3-tit:after {content: ""; display: block; position: absolute; width: 30%; bottom: 0; left: 35%; border-bottom: 1px solid #a8a8a8;}
.contents .event .evt-area .area .evt-info {width: 100%; min-width: fit-content;}
.contents .event .evt-area .area .evt-info .detail {padding-top: 0;}
.contents .event .evt-area .area .evt-info dl {margin-top: 5px; font-size: 13px; display: flex; justify-content: center;}
.contents .event .evt-area .area .evt-info dt, .contents .event .area .evt-info dd {display: inline-block;}
.contents .event .evt-area .area .evt-info dd {margin-left: 5px; letter-spacing: -0.5px;}
.contents .event .evt-area .showing {font-size: 13px; line-height: 1.5;}
.contents .event .evt-area .area .h3-tit,
.contents .event .evt-area .area .evt-info dd,
.contents .event .evt-area .showing {letter-spacing: -0.9px;}

/*고성 8경*/
.contents .view .p-1 {font-size: 13px; text-align: center; margin: 10px 0 12px; word-break: keep-all;}
.contents .view .area {padding-top: 1rem;}
.contents .view .area .h3-tit {font-size: 20px; text-align: center; line-height: 1.4;}
.contents .view .area .p-0 {font-size: 13px; line-height: 1.6; margin-top: 12px; text-align: center;}
.contents .view .area.sokcho {margin-top: 0px; padding-top: 0;}
.contents .view .area.sokcho .view-map img {box-sizing: border-box; border: 1px solid #adadad; border-radius: 15px;}
.contents .view .area .view-map {border-radius: 10px; overflow: hidden; text-align: center;}
.contents .view .area .view-map .info {font-size: 12px; line-height: 1.4; margin: 12px 0;}
.contents .view .area.sokcho .area {padding-top: 0;}
.contents .view .area.sokcho .area .list {margin: 0 0 2rem;}
.contents .view .area.sokcho .area .list:last-child {margin-bottom: 0;}

.contents .view .area .list {grid-template-columns: repeat(2, 1fr);}
.contents .view .area .list + .list {margin-top: 0px;}
.contents .view .area.addType .list > li {margin-bottom: 10px;}
.contents .view .area .list > li .tour-img {box-sizing: border-box; width: 100%; margin: 0 auto; text-align: center;}
.contents .view .area .list > li dl {margin-top: 8px;}
.contents .view .area .list > li dl dt {color: 0; padding-bottom: 5px; margin-bottom: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.contents .view .area .list > li dl dt h4 {font-size: 14px;}
.contents .view .area .list > li dl dt h4 .num {width: 18px; height: 18px; line-height: 1.6; font-weight: 400; font-size: 13px;}
.contents .view .area:not(.addType) .list > li dl dd {font-size: 10.5px; color: #4c4c4c; line-height: 1.4; padding: 0 0px; height: fit-content; letter-spacing: -1.5px; word-break: keep-all;}
.contents .view .area.addType .list > li dl dd {font-size: 11.5px; color: #4c4c4c; line-height: 1.4; padding: 0 0px; letter-spacing: -1px; word-break: keep-all;}
.contents .view .area .list > li:nth-child(2n) dl dd {padding-left: 2px;}
.contents .view .area .list > li:nth-child(2n-1) dl dd {padding-right: 2px;}
.contents .view .row-btn {text-align: center;}
.contents .view .row-btn .btn-more {display: inline-block; padding: 4px 9px; border-radius: 15px; font-size: 12.5px; background: #fff; border: 1px solid #4286b0; color: #165e88; }

/*관광지*/
.contents .tour .tourist {background: #fff; padding-top: 0;}
.contents .tour .tourist .container {padding: 8px 0;}
.contents .tour .tourist .area .h3-tit {font-size: 16px; margin: 15px 0 5px;}
.contents .tour .tourist .area .h3-tit .sampo {text-transform: uppercase; font-size: 16px; display: inline-block; text-indent: 2px; margin-bottom: 4px;}
.contents .tour .tourist .area .h3-tit:before {width: 6px; height: 16px; margin-right: 5px;}


/*오시는길*/
.contents .waycome {padding: 55px 0 70px;}
.contents .waycome .c-blue {color: #0039ff;}
.contents .waycome .area {margin-top: 12px;}
.contents .waycome .area .way-float {padding-top: 0.25rem;}
.contents .waycome .area .way-float .way-info {width: 100%;}
.contents .waycome .area .way-float .way-map {border: 1px solid #cccacb;}
.contents .waycome .area .way-info.type-02 {display: none;}
.contents .waycome .area .way-info .p-1 {margin-top: 15px; font-size: 14px;}
.contents .waycome .area .way-info dl {font-size: 12px; line-height: 1.6; word-break: keep-all;}
.contents .waycome .area .way-info dt {margin-top: 3px;}
.contents .waycome .area .way-info dd p.dot {padding-left: 10px;}
.contents .waycome .area .way-info dd p .dot {display: inline-block; position: absolute; left: 5px;}
.contents .waycome .area .way-info .row-btn {gap: .375rem; margin-top: 1.5rem;}
.contents .waycome .area .way-info .row-btn a {max-width: 150px;}

/*게시판*/
/* 게시판 너비 */
.contents .board .container {position: relative; box-sizing:border-box; width: 100%; margin: 0 auto; padding: 20px 10px 50px;} 

/*게시판 list*/
.contents .board {min-height: 330px;}
.contents .board .tb-list {font-size: 12px; table-layout: fixed;}
.contents .board .tb-list col.nth-1 {width: 75%;}
.contents .board .tb-list tr a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.contents .board .tb-list th, .contents .board .tb-list td {padding: 10px 4px;}
.contents .board .tb-list td:nth-child(1) {text-align: left; padding-left: 5px;}
.contents .board .tb-list thead tr {background: #f2f2f2; border-top: 1px solid #3c3b3b;}
.contents .board .pagenation {margin-top: 20px;}
.contents .board .pagenation a {font-size: 12px; width: 24px; height: 24px; line-height: 2em; border-left: 0; font-family: "Nanum Gothic";}
.contents .board .pagenation a[class*="prev"], .contents .board .pagenation a[class*="next"] {font-size: 11px; line-height: 2.3em;}
.contents .board .pagenation a.prev {margin-right: 5px;}
.contents .board .pagenation a.next {margin-left: 5px;}

/*게시판 read*/
.contents .board .tb-read th {padding: 10px 10px; font-size: 12.5px;}
.contents .board .tb-read td {padding: 10px; font-size: 12.5px; line-height: 1.6; word-break: keep-all;}
.contents .board .tb-read thead tr {border-top: 1px solid #3c3b3b; background: #f2f2f2;}
.contents .board .tb-read tbody tr {border-bottom: 1px solid #d9d9d9;}
.contents .board .tb-read thead tr th .flt-r {margin-left: 5px;}

.contents .board .row-btn {margin-top: 20px;}
.contents .board .row-btn.v_mo {margin-top: 0;}
.contents .board .row-btn.v_mo [class*=btn-] {padding: 0 15px; height: 32px; min-width: fit-content; font-size: 12.5px;}
.contents .board .row-btn .btn-list {font-size: 13px; padding: 5px 30px;}

/*추억 게시판*/
.contents .subVisual.board-memory {background: #eee url(../img/m/board/subVisual_bm.jpg) no-repeat right top / cover;}
.contents .board-memory .tb-list tr.reply td a {text-indent: 15px;}
.contents .board-memory .tb-list tr.reply td a .re {position: relative; display: inline-block; font-size: 12px; text-indent: 0; background: #898989; color: #fff; padding: 0 5px;}
.contents .board-memory .tb-list col.nth-3 {width: 30%;}
.contents .board-memory .area-1+form {display: flex; justify-content: center; gap: .625rem;}
.contents .board-memory .area-1 [class*=btn-] {padding: 7px 14px; font-size: 13px; min-width: 68px;}
.contents .board-memory .area-1 [class*=btn-]:first-child + button {margin-left: 1px;}
.contents .board .area+form {display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-top: 20px;}
.contents .board .row-search {margin-top: 0;}
.contents .board .row-search > * {height: 32px; font-size: 12.5px; color: #383838;}
.contents .board .row-search .sltDiv {width: 70px;}
.contents .board .row-search .sltDiv:after {right: 5px;}
.contents .board .row-search .category {padding-left: 5px; font-size: 13px; color: #383838;}
.contents .board .row-search .keword {margin: 0 2px; width: 90px;}
.contents .board .row-search .btn-search {padding: 0 12px;}
.contents .board .row-search .btn-write {border-radius: 20px; padding: 0 15px; margin-left: 5px;}

/*추억 게시판 read*/
.contents .board-memory .tb-list tr.post td {padding: 10px; font-size: 12.5px; line-height: 1.6;}

/*수정 시 팝업*/
.popWrapper .pop-password {width: 250px; left: 50%; margin-left: -125px; margin-top: -71px;}
.popWrapper .pop-password .pop-header h2 {background: #c9c9c9; font-size: 16px; padding: 10px 0;}
.popWrapper .pop-password .pop-header .btn-x {width: 32px; height: 40px;}
.popWrapper .pop-password .pop-header .btn-x .a-x {top: 7px; right: 5px;}
.popWrapper .pop-password .pop-header .btn-x .a-x:before, .popWrapper .pop-password .pop-header .btn-x .a-x:after {width: 17px;}
.popWrapper .pop-password .pop-body {padding: 20px 20px; font-size: 13px;}
.popWrapper .pop-password .pop-body .row-inp > * {height: 32px; font-size: 13px;}
.popWrapper .pop-password .pop-body .row-inp .pwd {padding: 0 5px; width: 110px;}
.popWrapper .pop-password .pop-body .row-inp .btn-ok {padding: 0 15px; min-width: 54px; margin-left: 2px;}

/*게시판 글쓰기*/
.contents .board-memory .tb-write {border-top: 1px solid #3d3d3d; margin-top: 0px;}
.contents .board-memory .tb-write col.nth-1 {width: 20%;}
.contents .board-memory .tb-write col.nth-2 {width: 80%;}
.contents .board-memory .tb-write tbody tr th {font-size: 13px; background: #F2F2F2;}
.contents .board-memory .tb-write tbody tr td {font-size: 12.5px; padding: 8px 5px;}
.contents .board-memory .tb-write .appe-reset,
.contents .board-memory .tb-write input[class*=w-] {border: 1px solid #c9c9c9; height: 32px; box-sizing: border-box;}
.contents .board-memory .tb-write .w-1 {width: 100px;}
.contents .board-memory .tb-write .w-2 {width: 100px;}
.contents .board-memory .tb-write .w-full {width: 100%;}
.contents .board-memory .tb-write tbody tr td textarea {width: 100%; height: 380px; padding: 10px; font-size: 12.5px; font-family: "Nanum Square", sans-serif; line-height: 1.5; resize: none; color: #383838; box-sizing: border-box; border-color: #c9c9c9;}
.contents .board-memory .tb-write tbody tr td label {display: block; color: #d3213e; font-size: 12px; margin-top: 2px;}

/*파일박스 커스터마이징*/
.filebox label, .filebox .upload-name {font-size: 12px; height: 32px;}
.filebox label {width: 58px; line-height: 32px;}
/* named upload */
.filebox .upload-name {padding-left: 5px;}

.contents .board-memory .tb-write .inp-reset {height: 32px; width: 58px; font-size: 12px; line-height: 32px;}
.contents .board-memory .tb-write .tr-secure img {width: 68px;}
.contents .board-memory .tb-write .tr-secure .w-1 {margin: 0 2px; padding-left: 5px; width: 70px;}
.contents .board-memory .tb-write .tr-secure .s-1 {font-size: 11px; letter-spacing: -0.7px;}
.contents .board-memory .row-cause {font-size: 12px; word-break: keep-all; letter-spacing: -0.9px;}



/*리스트 컨트롤*/
.contents .tourist .area .list {
  gap: 1rem .5rem;
}

.contents .tourist .area .cf::after{
  display: none;
}

.contents .tourist .area .cf::before{
  display: none;
}

.contents .tourist .area .list + .list {
	margin-top: 1rem;
}
.contents .tourist .area .list + .list:last-child {
	margin-bottom: 2rem;
}
.contents .tourist .area .list > li {
	width: calc(50% - 4px);
}
.contents .tourist .area .list > li:nth-child(2n - 1) {
	margin-left:0;
}
.contents .tour .tourist + .tourist {
	padding-top: 1rem;
}
.contents .tour .tourist .area .list > .link-tour {
	cursor:pointer}
.contents .tour .tourist .area .list > li .tour-img {
	border:1px solid #a19e9f;
	box-sizing:border-box;
}
.contents .tour .tourist .area .list > li .tour-img img {
	width:100%;
}
.contents .tour .tourist .area .list > li dl {
	margin-top:5px;
	letter-spacing:-0.9px;
	word-break:keep-all;
}
.contents .tour .tourist .area .list > li dl dt {
	font-size:11.5px;
	color:0;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #c8c8c8;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.contents .tour .tourist .area .list > li dl dt h4 {
	font-size:14px;
	color:#008ead;
	font-weight:700;
	margin-bottom:2px;
}
.contents .tour .tourist .area .list > li dl dd {
	font-size:13px;
	color:#4c4c4c;
	line-height:1.5;
}

/* 반응형 */
@media (max-width: 360px) {
	.header .wrap .area .gnb .menu li a {padding-left: 5px; padding-right: 5px;}

	.contents .waycome .area .way-info .row-btn {padding-left: 0;}
	.contents .waycome .area .way-info .row-btn a {max-width: 100%;}
}