/**********************************************
note : design custom style page
**********************************************/
/**********************************************
note : 관리자모드
name : 김종화
**********************************************/
/* 편집 우측패널(1279px) */
@media screen and (max-width: 79.9375em){
	/*220324
	#admin-wrap:not(.only-pc) #admin-aside.option {-ms-transform:translate(300px);transform:translate(300px)}
	*/
	#admin-aside .option-aside-btns>[class*=icon-]::before {-ms-transform: rotate(0deg);transform: rotate(0deg)}
}
/* 기사뷰 사진 */
.article-veiw-body.view-page .photo-layout img {border:1px solid #000}
/**********************************************
note : 메인
name : 최혜진
**********************************************/
.height-270 {min-height:270px}
#skin-192 {padding-right:0 !important}

/* 폰트 */
.auto-fontR {color:#ff0000}
.auto-fontO {color:#e46231}
.box-skin .header .thin {font-weight:300}

/* 배너 */
.columnBanner img {padding:0 !important}
.view-aside.right-wing {left:calc(100% + 35px)}
.view-aside.left-wing {right:calc(100% + 35px)}
.beb_box {width:120px}

/* 화촉/부고/인사/동정 */
.cus-tabs-pc .tabs-navs {border-bottom:1px solid rgba(0,0,0,.12)}
.cus-tabs-pc .tabs-navs::before {border:0}
.cus-tabs-pc .tabs-navs .tabs-item:first-child::before {content:'';position:absolute;top:40%;right:0;width:1px;height:14px;background-color:rgba(0,0,0,.12);transform:translateY(-50%)}
.cus-tabs-pc .tabs-navs .tabs-item a {padding:0 .9375rem .5rem;border:0}
.cus-tabs-pc .tabs-panel {padding:0.75rem 0 0}

/* 인기뉴스/댓글설전/실시간댓글 */
.comment-tab .tabs-navs {border-bottom:1px solid #1597cd}
.comment-tab .tabs-navs .tabs-item a {padding:0 .5rem .5rem;border:0}
.comment-tab .tabs-navs .tabs-item.active {position:relative}
.comment-tab .tabs-navs .tabs-item.active::before {content:'';position:absolute;bottom:0;left:50%;width:30px;height:2px;background-color:#1597cd;transform:translateX(-50%)}
.comment-tab .tabs-panel {padding:.75rem 0 0}

/**********************************************
note : 모바일
**********************************************/
.box-skin.blue--bg {background-color:#4d6fc8}
@media screen and (max-width: 39.9375em) {
	/* 부고/화촉 탭 */
	.comment-tab.comment-m {background-color:#f4f4f6}
	.comment-tab.comment-m .tabs-navs {padding:0 20px 0px;border-bottom:1px solid rgba(0,0,0,.12) !important}
	.comment-tab.comment-m .tabs-navs::before {border-top:0}
	.comment-tab.comment-m .tabs-navs .tabs-item a {font-size:1rem;font-weight:500}
	.comment-tab.comment-m .tabs-navs .tabs-item a {background-color:#f4f4f6 !important}
	.comment-tab.comment-m .tabs-navs .tabs-item.active a {color:#06358f !important}
	.comment-tab.comment-m .tabs-navs .tabs-item.active::before {height:1px;background-color:#06358f}
	.comment-tab.comment-m .tabs-navs .tabs-item.active a, .comment-tab.comment-m .tabs-wrap .tabs-panel {background-color:#f4f4f6}
	.comment-tab.comment-m .tabs-panel {padding:20px}

	/* 인기뉴스/댓글설전/실시간댓글 탭 */
	.comment-tab.comment-m .tabs-navs {border-bottom:1px solid #2d4d96}
	.comment-tab.comment-m .tabs-navs .tabs-item.active::before {width:100%;height:2px;background-color:#2d4d96}
	.idx--text {position:relative;top:30px;right:20px;display:block;font-size:13px;color:rgba(0,0,0,.55) !important;text-align:right}
}

@media screen and (max-width: 39.9375em) {
	#article-view {margin-top:30px}
	#article-view .heading {margin:1.375rem 0 1.8rem}
}
/**********************************************
note : 숏코드
**********************************************/
/* 지난 오피니언 */
.old-series {padding:1.25rem 1.5rem 1.5rem;margin-bottom:5rem;background-color:#f8f8fa;border:1px solid #e7e7e7;border-radius:.2em;text-align:left}
.old-series .titles {margin-bottom:1.25rem;font-size:1.063rem;font-weight:700;line-height:1.25em;letter-spacing:-0.05em}
.old-series .content::after {content:'';display:table;clear:both}
.old-series .content > a {float:left;width:23.5%;margin-left:2%;margin-top:.75rem;font-size:.9rem;line-height:1.25em;letter-spacing:-0.05em;color:#707070}
.old-series .content > a:hover {color:#303030}
.old-series .content > :first-child, .old-series .content > :nth-child(4n + 1) {margin-left:0;clear:both}
.old-series .content > :nth-child(1), .old-series .content > :nth-child(2), .old-series .content > :nth-child(3), .old-series .content > :nth-child(4) {margin-top:0}

/* 우리동네 */
.jeju-map {margin-bottom:2rem;border:1px solid #d6d6d6;text-align:center}
.jeju-map area {outline-width:0}
.jeju-map .only-pc {overflow:hidden;position:relative}
.jeju-map .inner {position:relative;max-width:720px;margin-left:auto;margin-right:auto}
.jeju-map .title {margin-bottom:2rem;font-size:2.25em;line-height:1em;letter-spacing:-0.05em}
.jeju-map .area {display:inline-block;position:absolute;z-index:1;padding:.625rem;font-size:1rem;line-height:1.25em;letter-spacing:-0.05em;color:#505050;text-decoration:none;-webkit-transition:color .25s;transition:color .25s}
.jeju-map .area.active {font-weight:700}
.jeju-map .area > i.fa {display:block;margin-top:.25rem}
.jeju-map .area.point-1 {left:0;top:51.2%}
.jeju-map .area.point-2 {left:9.5%;top:39%}
.jeju-map .area.point-3 {left:22.5%;top:29%}
.jeju-map .area.point-4 {left:42%;top:21.5%}
.jeju-map .area.point-5 {right:33%;top:18%}
.jeju-map .area.point-6 {right:13%;top:11%}
.jeju-map .area.point-7 {left:7.5%;bottom:17.5%}
.jeju-map .area.point-8 {left:16.5%;bottom:26.5%}
.jeju-map .area.point-9 {left:35%;bottom:28%}
.jeju-map .area.point-10 {right:35%;bottom:32%}
.jeju-map .area.point-11 {right:23.5%;bottom:45%}
.jeju-map .area.point-12 {right:8%;bottom:53.5%}
.jeju-map .map-body {padding:2rem;-webkit-transition:padding .25s;transition:padding .25s}
.jeju-map.is-active .map-body {padding-right:340px}
.jeju-map .map-aside {overflow-y:auto;position:absolute;z-index:1;right:0;top:0;width:320px;height:100%;padding:1.25rem;background-color:#f8f8fa;border-left:1px solid #e7e7e7;-ms-transform:translateX(320px);transform:translateX(320px);-webkit-transition:transform .25s;transition:transform .25s}
.jeju-map.is-active .map-aside {-ms-transform:translateX(0);transform:translateX(0)}
.jeju-map .area-link {display:none;margin-bottom:1.5rem}
.jeju-map .area-link:last-child {margin-bottom:0}
.jeju-map .area-link .area-titles {display:block;margin-bottom:1rem;font-size:1.125rem;font-weight:700;line-height:1.25em;letter-spacing:-0.05em;color:#303030;text-align:left}
.jeju-map .area-link .area-content {font-size:0;text-align:left}
.jeju-map .area-link .area-content > a {display:inline-block;width:calc(50% - 1px);margin-bottom:2px;padding:.5rem;font-size:.8rem;line-height:1.25em;letter-spacing:-0.05em;color:#707070;background-color:#fefefe;border:1px solid #e7e7e7;text-align:center;text-decoration:none;-webkit-transition:color .25s, border-color .25s;transition:color .25s, border-color .25s}
.jeju-map .area-link .area-content > a:hover, .jeju-map .area-link .area-content > a.active {color:#303030;border-color:#808080}
.jeju-map .area-link .area-content > :nth-child(2n) {margin-left:2px}
/* image map */
.jejumap-image {overflow:hidden;position:relative;width:638px;height:356px;margin:0 auto}
.jejumap-image::after {content:'';display:table;clear:both}
.jejumap-image .origin {position:absolute;z-index:99;left:0;top:0;width:100%;height:100%}
.jejumap-image .bg-to {position:relative;z-index:1;height:100%;background:url(/image/jejuMap/jeju-maps-origin.png) 0 0 no-repeat}
.jejumap-image .area-map {display:none;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0}
.jejumap-image .area-map.active {display:block !important}
.jejumap-image .area-map.choice1 {background-image:url(/image/jejuMap/jeju-over1.png)}
.jejumap-image .area-map.choice2 {background-image:url(/image/jejuMap/jeju-over2.png)}
.jejumap-image .area-map.choice3 {background-image:url(/image/jejuMap/jeju-over3.png)}
.jejumap-image .area-map.choice4 {background-image:url(/image/jejuMap/jeju-over4.png)}
.jejumap-image .area-map.choice5 {background-image:url(/image/jejuMap/jeju-over5.png)}
.jejumap-image .area-map.choice6 {background-image:url(/image/jejuMap/jeju-over6.png)}
.jejumap-image .area-map.choice7 {background-image:url(/image/jejuMap/jeju-over7.png)}
.jejumap-image .area-map.choice8 {background-image:url(/image/jejuMap/jeju-over8.png)}
.jejumap-image .area-map.choice9 {background-image:url(/image/jejuMap/jeju-over9.png)}
.jejumap-image .area-map.choice10 {background-image:url(/image/jejuMap/jeju-over10.png)}
.jejumap-image .area-map.choice11 {background-image:url(/image/jejuMap/jeju-over11.png)}
.jejumap-image .area-map.choice12 {background-image:url(/image/jejuMap/jeju-over12.png)}
.only-mobile {margin-top:1rem}
.only-mobile::after {content:'';display:table;clear:both}
.only-mobile > a {overflow:hidden;float:left;width:33.333333%;padding:.625rem .25rem;font-size:.8rem;line-height:1.25em;letter-spacing:-0.05em;color:#505050;border-right:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);text-overflow:ellipsis;white-space:nowrap}
.only-mobile > a.active {font-weight:700}
.only-mobile > :first-child, .only-mobile > :nth-child(3n + 1) {border-left:1px solid rgba(0,0,0,.1);clear:both}
.only-mobile > :nth-child(1), .only-mobile > :nth-child(2), .only-mobile > :nth-child(3) {border-top:1px solid rgba(0,0,0,.1)}

/**********************************************
note : 회원가입
**********************************************/
#ipin-modal.reveal .reveal-msg {font-size:.9rem;line-height:1.625em;color:rgba(0,0,0,.85);font-weight:normal;margin-bottom:1.5rem;}
.member-ipin {max-width:320px;margin-bottom:1.25rem;margin-left:auto;margin-right:auto}
.member-ipin::after {content:'';display:table;clear:both}
.member-ipin .ipin-button {float:left;width:50%;padding:1.25rem;border:1px solid rgba(0,0,0,.12);cursor:pointer;background-color:rgb(255,255,255);border-radius:0 .2rem .2rem 0}
.member-ipin form:first-child .ipin-button {border-right:none;border-radius:.2rem 0 0 .2rem}
.member-ipin .ipin-button strong {display:block;margin-bottom:1rem;font-size:1.25rem;line-height:1.25em}
.member-ipin .ipin-button p {padding:0;margin:0 0 0.5rem;font-size:.9rem;line-height:1.25em;color:rgba(0,0,0,.7)}
.member-ipin .ipin-button .icon {font-size:2rem;color:rgba(0,0,0,.25);-webkit-transition:all .25s;transition:all .25s}
.member-ipin .ipin-button:hover .icon {color:rgba(0,0,0,.9)}

.find-info .member-links {margin:20px 0 35px; font-size:.75rem; text-align:center !important;}
.find-info .member-links .contentNone::before {content:none !important;}

/**********************************************
note : 소개페이지
**********************************************/
.about-us {text-align:justify}

/**********************************************
note : bbs
**********************************************/
.bbs-skin.default table thead th {padding:.875rem .1rem}

/* 기사리스트,기사페이지에서 사이드 배너제거 */
#user-container .page-on.for-view {display:none}
 
/* 기사뷰페이지 관련기사 */
#article-view .relation .list.tiles-2x {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#article-view .relation .list.tiles-2x li {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:0 .625rem}
#article-view .relation .list.tiles-2x li a::before {top:10px !important}

/* 배진희 / 1142300 / 20220314 */
.comment-item .textbox-info > .ip:hover {width:112px !important;}

/* 배진희 / 1142452 / 20220314 */
.social-group .sns .txt{display:none;}
.reveal .social-group.for-other .sns .txt{display:block;margin-top:.5rem;font-size:.8rem;}
@media screen and (max-width: 39.9375em) {
.reveal .social-group.for-other .sns .txt{font-size:.65rem;}
}

/* 윤미정 / 1145784 / 20220324 */
@media screen and (max-width: 1439px) {
  #admin-content {width: calc(100% - 352px);}
}

/* 강수현 / 1147300 / 20220330 */
.admin-layout table td, .admin-layout table th {font-size:1rem !important;}
table tbody td, table tbody th {font-size:1rem !important;}
/*
신경훈 / 1157444 / 20220502
.article-veiw-body.view-page figure+p {font-size:1rem !important;}
.article-veiw-body.view-page p strong {font-size:1rem !important;}
*/


/* 윤미정 / 1149890 / 20220407 */
.auto-images {image-rendering: -webkit-optimize-contrast;}

/* 배진희 / 1155449 / 20220426 */
#article-view:not(.mobile) .info-group>:first-child:nth-last-child(2){width:70%;}
#article-view:not(.mobile) .info-group>:first-child:nth-last-child(2)~.item{width:30%;}

/* 임희은 / 1158519 / 20220504 */
@media screen and (max-width: 39.9375em) {
	.row #article-view .account>.email {display:inline-block;}
}

/* 강수현 / 1164410 / 20220519 */
.view-aside {top:-80px}

/* 임희은 / 1165819 / 20220520 */
#vote_close {position:relative;}
#vote_close .closebtn {position:absolute;right:0;top:-5px;}

/* 임희은 / 1220170 / 20221128 */
#gallery-wrap .gallery-btn.prev-btn {left:-10rem;}
#gallery-wrap .gallery-btn.next-btn {right:-10rem;}


/* 윤미정 / 1282548 / 20230627 */
.article-veiw-body.view-page.font-size21 {font-size: 1.313rem;}
.article-veiw-body.view-page.font-size22 {font-size: 1.375rem;}
@media screen and (max-width: 39.9375em) {
	.row .article-veiw-body.view-page.font-size21 {font-size: 1.438rem;}
	.row .article-veiw-body.view-page.font-size22 {font-size: 1.5rem;}
}