@charset "UTF-8";

:focus {outline: none;}

/* 텍스트 hover 효과 */
.item-text-effect .text-flow {
	padding-bottom:15px;
	background-image:linear-gradient(#dfecf6,#dfecf6);
	background-position:0 50%;
	background-repeat:no-repeat;
	background-size:0 15px;
	transition:all .5s ease;
}
.item-text-effect:hover .text-flow {background-size:100% 15px;}
span.line-feed {display:block;}

/* 결과 검색 없을 시 */
div.empty-result {
	display:flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height:300px;
	padding-top:110px;
	font-weight: 600;
	font-size: 18px;
	color: #999;
	background: url(/images/kccf/icon/icon-search-none.png) no-repeat 50% 50%;
}
.mypage-header .empty-result {
	display:flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height:150px;
	padding-top:0px;
	font-weight: 600;
	font-size: 18px;
	color: #999;
	background: url(/images/kccf/icon/icon-search-none.png) no-repeat 50% 50%;
	background-size:55px 55px;
	border-bottom:0 !important;
}
.mypage-header .empty-result p {margin-top:100px;font-size:16px;color:#999;}

.mypage-content .empty-result {
	display:flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height:230px;
	padding-top:0px;
	font-weight: 600;
	font-size: 18px;
	color: #999;
	background: url(/images/kccf/icon/icon-search-none.png) no-repeat 50% 50%;
	background-size:70px 70px;
	border-bottom:0 !important;
}
.mypage-content .empty-result p {margin-top:125px;font-size:18px;color:#999;}

/* mobile only */
.toggle-current-view {
	display:none;
	height:44px;
	padding:0 12px;
	border:1px solid #ddd;
	border-radius:5px;
	font-weight: 600;
	font-size:14px;
	line-height:44px;
	background-color:#e9f2f9;
	background-image:url('/images/kccf/btn/btn_down_arrow_size11x6_aaa.png');
	background-repeat:no-repeat;
	background-position:right 12px top 50%;
}
.toggle-current-view.open {background-image:url('/images/kccf/btn/btn_up_arrow_size11x6_aaa.png');}

/* 저작권 및 개인정보 가이드 */
div.rules-notice {}
div.rules-notice.default-style {padding:10px;background-color:#f2f2f2;}
div.rules-notice input[type=text] {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;}
div.rules-notice p {
	padding-left:20px;
	font-size:12px;
	line-height:16px;
	color:#777;
	background:url('/images/kccf/icon/ico_reference_mark_size10x9_777.png') no-repeat 0 4px;
}
div.rules-notice p span.manager-email {cursor:pointer;}

/* icon type */
.interest-a {
	display: inline-block;
	width: 60px;
	height: 20px;
	margin-top: -3px;
	border-radius: 10px;
	vertical-align: middle;
	font-family: 'dotum',sans-serif;
	font-weight: 400;
	font-size: 11px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	background-color: #2781c1;
}
.interest-a:after {content: ""; display: inline-block; height: 10px; width: 1px; background: #ccc; margin: 0 10px; display: none;}

/* 검색 */
.suggest-wrap {display: none; position: fixed; width: 100%; left: 0; background: #f2f4f7; top: 93px; padding: 30px 0;}
.suggest-wrap .popular .ol-column.right li:nth-child(1) a:before {content: "6";}
.suggest-wrap .popular .ol-column.right li:nth-child(2) a:before {content: "7";}
.suggest-wrap .popular .ol-column.right li:nth-child(3) a:before {content: "8";}
.suggest-wrap .popular .ol-column.right li:nth-child(4) a:before {content: "9";}
.suggest-wrap .popular .ol-column.right li:nth-child(5) a:before {content: "10";}
.suggest-wrap .popular li a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%;}
.suggest-wrap .suggest-con span {float: right;}
.suggest-wrap .suggest-con .btn-del {display:none; float: left;}
.suggest-wrap .suggest-con .date {float: left; font-size: 12px; font-family: 'dotum',sans-serif; color: #999;}
.suggest-wrap .auto .suggest-con li a {display: block; width: 100%; height: 28px; line-height: 28px; padding: 0 10px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.suggest-wrap .auto .suggest-con strong {color: #2781c1;}
.suggest-wrap .auto.off .suggest-con {background: #f8f8f8; width: 100%; height: 150px; padding-top: 44px;}
.suggest-wrap .auto.off .suggest-con:before {
	content: "현재 검색어 자동완성 기능이 꺼져있습니다.";
	display: block;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	color: #666;
}
.suggest-wrap .auto.off .suggest-con:after {
	content: "찾으려는 단어를 완성해주는 편리한 기능을 이용할 수 있습니다.";
	display:block;
	width:200px;
	padding-top:6px;
	margin:0 auto;
	font-weight:400;
	font-size:14px;
	text-align:center;
	color:#999;
}
.suggest-wrap .last .suggest-con {height: 150px; padding-top: 10px;}
.suggest-wrap .last .suggest-con li:after {content: ""; display: block; clear: both;}
.suggest-wrap .last .suggest-con li {float: left; width: 100%; height: 28px; line-height: 28px; padding: 0 10px; box-sizing: border-box;}
.suggest-wrap .last .suggest-con li a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: calc(100% - 60px); float: left;}

.suggest-wrap .last .btn-complete, .suggest-wrap .last .btn-all-del {display: none;}
.suggest-wrap .last.del-word .btn-complete, .suggest-wrap .last.del-word .btn-all-del {display: inline-block;}
.suggest-wrap .last.del-word .btn-word-del {display: none;}
.suggest-wrap .last.del-word .btn-del {
	overflow:hidden;
	display:inline-block;
	width:14px;
	height:14px;
	margin-top:6px;
	margin-left:10px;
	border:1px solid #ddd;
	font-size: 0;
	background:#fff url(/images/kccf/btn/btn-keyword-del.png)no-repeat center;
}
.suggest-wrap .last.no-save .suggest-con {background: #f8f8f8; width: 100%; height: 150px; padding-top: 44px;}
.suggest-wrap .last.no-save .suggest-con:before {
	content: "최신검색어 저장 기능이 꺼져 있습니다.";
	display: block;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	color: #666;
}
.suggest-wrap .last.no-save .suggest-con:after {
	content: "검색한 키워드를 자동 저장하여 손쉽게 검색할 수 있습니다";
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #999;
	width: 180px;
	margin: 0 auto;
	padding-top: 6px;
}

/* 팝업 공통 */
.popup {width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; z-index: 150; top: 0; left: 0;}
.popup .pop-wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.popup .btn-wrap {padding-top: 20px;}
.popup .pop-wrap input[type="password"] {
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px 0 40px;
	border: 1px solid #ddd;
	border-radius: 2px;
	line-height: 40px;
	background: #fff url(/images/kccf/icon/icon-scr.png) no-repeat 20px center;
}

/* 상세검색 팝업 */
.pop-advanced-search {display: none;}

/* 사용자맞춤정보 팝업 */
.pop-user-set {display: none;}
.pop-user-set .pop-inner-wrap {width: 720px; height: 640px; position: relative; border-radius: 5px; overflow: hidden;}
.pop-user-set .title-wrap {text-align: center; padding-top: 39px; color: #fff; background: url(/images/kccf/bg/bg-user-set-visual.png)no-repeat center; background-size: cover; height: 290px; position: relative;}
.pop-user-set .title-wrap:after {content: ''; display: block; position: absolute; left: 50%; margin-left: -117px; width: 235px; height: 145px; bottom: -35px; background: url(/images/kccf/icon/icon-user-set-visual.svg) no-repeat;}
.pop-user-set .title-wrap h1 {font-size: 36px;}
.pop-user-set .title-wrap p {font-size: 15px; margin-top: 9px;}
.pop-user-set .con-wrap {padding: 60px 125px 0; background: #fff; height: 390px;}
.pop-user-set .con-wrap .title-legend {font-size: 20px; font-weight: 800;width: 165px;line-height: 42px;}
.pop-user-set .con-wrap .title-legend em {font-size: 14px; font-weight: 400;}
.pop-user-set .con-wrap select {
	width: 100%;
	max-width:212px;
	height: 42px;
	padding-right: 35px;
	padding-left: 15px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	line-height: 42px;
	background: url(/images/kccf/icon/icon-select-arrow.svg)no-repeat center right 20px;
	background-size: 12px auto;
}
.pop-user-set .con-wrap select:focus,
.pop-user-set .con-wrap select:hover {border-color: #2781c1;}
.pop-user-set .w-input {display:flex;align-items:center;margin-top:10px;}
.pop-user-set #local_sec1 {margin-top:0;}
.pop-user-set #local_sido1,
.pop-user-set #local_sido2,
.pop-user-set #local_sido3 {margin-right:16px;}
.pop-user-set .w-input span.numbering {width:31px;}
.pop-user-set fieldset {}
.pop-user-set .list-check li {float: left;}
.pop-user-set .list-check .check label {border: 1px solid #dfdfdf; padding: 0 20px; margin-right: 10px; margin-bottom: 10px; line-height: 28px; height: 30px; border-radius: 15px;}
.pop-user-set .list-check .check input[type="checkbox"]:focus + label,
.pop-user-set .list-check .check input[type="checkbox"]:hover + label {color: #000; border-color: #333;}
.pop-user-set .list-check .check input[type="checkbox"]:checked + label {border-color: #2781c1; color: #2781c1;}
.pop-user-set .list-check .check label:before {display: none;}
.pop-user-set .week-no-show {padding-top: 10px; color: #fff;}
.pop-user-set .week-no-show .check input[type="checkbox"]:checked + label:before {background: #2781c1 url(/images/kccf/icon/icon-checked-wh.svg)no-repeat center; background-size: 14px; width: 20px; height: 20px; top: 0;}
.pop-user-set .week-no-show .check input[type="checkbox"]:focus + label,
.pop-user-set .week-no-show .check input[type="checkbox"]:hover + label {color: #fff;}
.pop-user-set .btn-wrap {border-top: 1px solid #ddd; margin-top: 20px;}
.pop-user-set .btn-wrap .btn {width: 120px;}

/* 공유하기 팝업 */
.pop-sharing {display: none; z-index: 200;}
.pop-sharing .pop-wrap {width: 404px; height: auto; border-radius: 5px; overflow: hidden; padding: 0 0px; background: #fff;}
.pop-sharing .pop-wrap .sharing-bg {background: url(/images/kccf/bg/bg-sharing-pop.jpg) no-repeat;background-size:cover;}
.pop-sharing p {font-size: 18px; color: #fff; font-weight: 300; letter-spacing: -.025em; text-align: center; padding-top: 44px;}
.pop-sharing .btn-close-pop {position: absolute; right: 16px; top: 20px; width: 20px; height: 20px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/kccf/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
.pop-sharing .sns-list {text-align: center; padding-top: 16px;}
.pop-sharing .sns-list li {font-size: 0; display: inline-block;margin:1%;}
.pop-sharing .sns-list li img {display: inline-block;width:34px;height:34px;padding:20px;border-radius:50%;}
.pop-sharing .sns-list .kstory-icon img {background:#ffc20e;}
.pop-sharing .sns-list .nblog-icon img {background:#2db400;}
.pop-sharing .sns-list .fb-icon img {background:#3a5daa;}
.pop-sharing .sns-list .tw-icon img {background:#1d9bf0;}
.pop-sharing .sns-list li p {padding-top:5px;font-size:12px;color:#fff;}
.pop-sharing .link-copy {text-align: center; padding:20px 0px 40px;}
.pop-sharing .link-copy .link-txt {border: 1px solid #ddd; height: 32px; line-height: 32px; width: 205px; border-radius: 17px; padding: 0 10px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; margin-right: 5px; font-weight: 400;}
.pop-sharing .link-copy .btn {width: 90px; height: 34px; color: #fff;background:#666;line-height: 32px; font-weight: 400; display: inline-block; margin-top: -27px; margin-right: 0;}
.pop-sharing .link-copy .btn:focus,
.pop-sharing .link-copy .btn:hover {color: #fff;}
.pop-sharing .pop-wrap .Qr {padding:35px;}
.pop-sharing .pop-wrap .Qr .inner {background:#f5f5f5;border-radius:10px;padding:66px 0px 0px 0px;box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.pop-sharing .pop-wrap .Qr .inner .Qrimg {display:inline-block;text-align:center;padding:0px 66px 66px;}
.pop-sharing .pop-wrap .Qr .inner .Qrtext {display:inline-block;width:100%;text-align:center;background:#333;border-radius:0px 0px 10px 10px;padding:13px 0px;}
.pop-sharing .pop-wrap .Qr .inner .Qrtext p {padding:0;font-size:16px;}
.pop-sharing .pop-wrap .Qr .inner .Qrtext p strong {color:#ffc71e;}
.pop-sharing .pop-wrap .Qr .inner .Qrimg img {width:100%;}
.pop-sharing .pop-wrap .Qr .inner .Qrimg canvas {width:100% !important;height:100% !important;}

/* 이전 이벤트 팝업
.pop-event {position:absolute;top:0;left:0;width:100%;height:0;z-index: 99;}
.pop-event div.inner {position:relative;width:100%;max-width:1400px;margin:0 auto;}
.pop-event .event{position: absolute; right:0; width: 296px;height:480px;}
.pop-event .event-list{display:flex; flex-direction:column;justify-content:center;align-items:center;width: 100%; height: 438px;}
.pop-event .event-list li {overflow:hidden;flex:1;width:100%;}
.pop-event .event-list li a {display:block;}
.pop-event .event-list li a img {width:100%;}
.pop-event .pop-foot{position: absolute; bottom: 0; width: 100%; height: 42px; background-color: #000;}
.pop-event .pop-foot .check{top:13px;left:15px;}
.pop-event .pop-foot .check input[type="checkbox"] + label{line-height:18px; padding-left: 26px;font-size: 12px; color:#fff;}
.pop-event .pop-foot .check input[type="checkbox"] + label:before{width:15px;height:15px;border-radius: 0;background-color:#fff}
.pop-event .pop-foot .check input[type="checkbox"]:focus + label,
.pop-event .pop-foot .check input[type="checkbox"]:hover + label {color: #fff;}
.pop-event .pop-foot .check input[type="checkbox"]:focus + label:before,
.pop-event .pop-foot .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}
.pop-event .pop-foot .btn-close{position: absolute; right: 15px; top: 7px; color:#666;}
.btn-close{min-width: 58px; height: 28px; background-color:#fff;}
*/

/* 이벤트 팝업 슬라이더 */
.pop-event {position:fixed;bottom:120px;left:0;width:100%;height:0;z-index: 99;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.pop-event .swiper-container {border-radius:15px 0px 0px 0px;}
.pop-event div.inner {position:relative;width:100%;max-width:1400px;margin:0 auto;}
.pop-event .event{position: absolute; right:0; width: 296px;height:480px;}
.pop-event .event-list{display:flex; flex-direction:column;justify-content:center;align-items:center;width: 100%; height: 438px;}
.pop-event .event-list li {overflow:hidden;flex:1;width:100%;}
.pop-event .event-list li a {display:block;}
.pop-event .event-list li a img {width:100%;}
.pop-event .mySwiper1 .swiper-slide a img.mimg {display:none;}
.pop-event .pop-foot{position: absolute; top: -42px; right:0px;width: 220px; height: 42px; background-color: #000;border-radius:15px 15px 0px 0px;}
.pop-event .pop-foot .check{top:13px;left:20px;}
.pop-event .pop-foot .check input[type="checkbox"] + label{line-height:18px; padding-left: 26px;font-size: 12px; color:#fff;}
.pop-event .pop-foot .check input[type="checkbox"] + label:before{width:15px;height:15px;border-radius: 0;background-color:#fff}
.pop-event .pop-foot .check input[type="checkbox"]:focus + label,
.pop-event .pop-foot .check input[type="checkbox"]:hover + label {color: #fff;}
.pop-event .pop-foot .check input[type="checkbox"]:focus + label:before,
.pop-event .pop-foot .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}
.pop-event .pop-pagination {position:absolute;bottom:10px;right:20px;}
.pop-event .pop-pagination .swiper-pagination {display:inline-block;right:70px;left:auto;color:#fff;}
.pop-event .pop-pagination .swiper-button-next {margin-top:-8px;right: 48px;left: auto;background:url(/images/kccf/btn/btn_remote_banner_next_size21x41_fa.png) no-repeat;background-size:100% 100%;width:8px;height:15px;}
.pop-event .pop-pagination .swiper-button-prev {margin-top:-8px;right: 120px;left: auto;background:url(/images/kccf/btn/btn_remote_banner_prev_size21x41_fa.png) no-repeat;background-size:100% 100%;width:8px;height:15px;}
.pop-event .pop-foot .btn-close{position: absolute; right: 20px; top: 15px; color:#666;z-index: 999;width:auto;height:auto;background:none;width:16px;height:16px;}
.pop-event .pop-foot .btn-close img {width:100%;}

.pop-event .loop-count-pop {display: inline-block;position:relative;top:50%;width:36px;height:36px;padding:2px;vertical-align: middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pop-event .loop-count-pop button.remote-pop {background:none !important;position:absolute;left:0;right:0;top:0;bottom:0;width:20px;height:20px;margin:auto;border:2px solid #fff;border-radius:50%;z-index:1;background-size:34px 34px;}
.pop-event .loop-count-pop button.remote-pop span {display:block;width:100%;height:100%;background:transparent url('/images/kccf/icon/btn-mainvisual-stop-white.png') no-repeat 50% 50%;}
.pop-event .loop-count-pop button.remote-pop:focus {outline:none;}
.pop-event .loop-count-pop button.remote-pop.restart span {background-image:url('/images/kccf/icon/btn-mainvisual-play-white.png');}

/* 딥링크 팝업 */
.pop-deep {display:none;}

/* 로그인 팝업 */
.pop-login {position:fixed;top:20%;left:calc(50% - 210px);width: 420px; height: auto; border-radius: 5px; overflow: hidden; padding: 0 0px; background: #fff;z-index:999;}
.pop-login .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:60px 0px;}
.pop-login .inner .row {padding:45px 60px 0px;text-align:center;}
.pop-login .Title {background: url(/images/kccf/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:45px 0px;}
.pop-login .Title h3 {font-size:36px;line-height:36px;margin-bottom:20px;color:#fff;}
.pop-login .Title p {font-size:16px;line-height:16px;color:#fff;}
.pop-login .inner .First {padding:0px 60px 10px;}
.pop-login .inner .First .Btn {background:#ccc;width:100%;height:45px;line-height:42px;border-radius:6px;margin-bottom:10px;}
.pop-login .inner .First .Btn.Naver {background:url(/images/kccf/icon/icon-naver-login.png) no-repeat #03c65a;background-position:15px center;}
.pop-login .inner .First .Btn.Kakao {background:url(/images/kccf/icon/icon-kakao-login.png) no-repeat #fee500;background-position:15px center;}
.pop-login .inner .First .Btn.Google {background:url(/images/kccf/icon/icon-google-login.png) no-repeat #fff;background-position:15px center;border:1px solid #ccc;}
.pop-login .inner .First .Btn.Naver button {color:#fff;}
.pop-login .inner .First .Btn.Kakao button {color:#111;}
.pop-login .inner .First .Btn.Google button  {color:#111;}
.pop-login .inner .First .Btn button {background:none;width:100%;display:inline-block;font-size:15px;font-weight:600;}
.pop-login .inner .Last {border-bottom:1px solid #ccc;margin:0px 60px 20px;padding:0px 0px 10px !important;}
.pop-login .inner .Last p {margin-bottom:15px;}
.pop-login .inner .Text {padding:20px 60px 0px;}
.pop-login .inner .Text p {font-size:14px;line-height:22px;}
.pop-login .inner .Text p strong {color:#2781c1;}
.pop-login .inner .login-close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/kccf/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
.pop-login .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}

/* 닉네임 팝업 */
.pop-nickname {position:fixed;top:20%;left:calc(50% - 210px);width: 420px; height: auto; border-radius: 5px; overflow: hidden; padding: 0 0px; background: #fff;z-index:999;}
.pop-nickname .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:30px 0px;}
.pop-nickname .inner .row {margin:0px 60px 30px;padding:0px 0px 20px;text-align:center;border-bottom:1px solid #ccc;}
.pop-nickname .Title {background: url(/images/kccf/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:45px 0px;}
.pop-nickname .Title h3 {font-size:36px;line-height:36px;margin-bottom:20px;color:#fff;}
.pop-nickname .Title p {font-size:16px;line-height:16px;color:#fff;}
.pop-nickname .Title p strong {display:block;padding:5px 0px;}
.pop-nickname .inner .row > div {position:relative;margin-bottom:8px;}
.pop-nickname .inner .row > div label {position:absolute;left:5%;top:12px;font-size:15px;color:#666;cursor:pointer;}
.pop-nickname .inner  input[type="checkbox"] {width:100%;height:45px;line-height:45px;padding:0% 60px 0px 5%;border:1px solid #ddd;border-radius:5px;cursor:pointer;}
.pop-nickname .inner  input[type="checkbox"]:checked {background:url(/images/kccf/icon/icon-nick-check.png) no-repeat #f4f9fc;background-position:93% center;border:1px solid #2781c1;}
.pop-nickname .inner .btn-box {text-align:center;}
.pop-nickname .inner .btn-box .btn-cancle {border:2px solid #ccc;background:none;}
.pop-nickname .inner .btn-box .btn-cancle:hover {background:#ddd;border:2px solid #ddd;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pop-nickname .inner .nickname-close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/kccf/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
.pop-nickname .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}

/* 월페이퍼 팝업 */
.pop-wallpaper {position:fixed;width:1280px;height:calc(100vh - 97px);top:calc(5% - 0px);left:calc(50% - 640px);background:#fff;z-index:999;border-radius:10px;overflow:hidden;}
.pop-wallpaper .inner {}
.pop-wallpaper .inner .Title {width:100%;height:auto;padding:40px 0px 60px;text-align:center;background: url(/images/kccf/bg/bg-wallpaper.jpg) no-repeat;background-size:cover;}
.pop-wallpaper .inner .Title h3 {font-size:44px;line-height:44px;padding-bottom:35px;color:#fff;font-weight:500;}
.pop-wallpaper .inner .Title p:nth-of-type(1) {font-size:18px;line-height:18px;padding-bottom:10px;color:#fff;}
.pop-wallpaper .inner .Title p:nth-of-type(2) {font-size:18px;line-height:18px;color:#ffce26;}
.pop-wallpaper .tab {position: relative;background: #fff;}
.pop-wallpaper .tabs {position: relative;top:-30px;overflow: hidden;width: 379px;margin:0 auto;box-shadow:1px 1px 5px rgba(0,0,0,0.2);border-radius:60px;text-align:center;}
.pop-wallpaper .tabs li {float: left;width:50%;overflow: hidden;padding: 0;position: relative;}
.pop-wallpaper .tabs a {background-color: #fff;font-size:16px;letter-spacing:-1px;height:60px;line-height:60px;color: #333;font-weight: 500;display: block;letter-spacing: 0;outline: none;text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.pop-wallpaper .tab_content {display:inline-block;width:100%;height:calc(100vh - 386px);overflow:auto;}
.pop-wallpaper .tab_content .mCSB_inside > .mCSB_container {margin-right:0px !important;}
.pop-wallpaper .tab_content .mCSB_scrollTools .mCSB_draggerContainer {left:-25px !important;}
.pop-wallpaper .tab_content .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(0,0,0,0.55);}
.pop-wallpaper .tabs_item {display: none;padding: 0px 0;}
.pop-wallpaper .tabs_item:first-child {display: block;}
.pop-wallpaper .tabs_item .List {display:inline-block;width:100%;height:auto;padding:15px 80px 15px;background:#fff;}
.pop-wallpaper .tabs_item .List:nth-of-type(even) {background:#f5f5f5;}
.pop-wallpaper .tabs_item .List .paper .Img {float:left;width:32%;margin-right:2%;}
.pop-wallpaper .tabs_item .List .paper .Img img {width:100%;}
.pop-wallpaper .tabs_item .List .paper .Img:last-child {margin-right:0;}
.pop-wallpaper .tabs_item .List .paper .Img .Size {padding-top:5px;text-align:center;}
.pop-wallpaper .tabs_item .List .paper .Img .Size div {border:1px solid #ddd;background:#fff;display:inline-block;width:32.3%;height:32px;line-height:29px;margin-right:1.5%;float:left;padding:0px 0px;font-size:14px;}
.pop-wallpaper .tabs_item .List .paper .Img .Size div a {display:block;}
.pop-wallpaper .tabs_item .List .paper .Img .Size div:hover {border:1px solid #2891c1;background:#2891c1;}
.pop-wallpaper .tabs_item .List .paper .Img .Size div:hover a {color:#fff;}
.pop-wallpaper .tabs_item .List .paper .Img .Size div:last-child {margin-right:0;}
.pop-wallpaper .tabs_item .List .paper .Img .Size div .Mo {font-size:10px;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:#555;color:#fff;display:inline-block;position:relative;top:-1px;left:-5px;}
.pop-wallpaper .tabs_item .List .Wall {font-size:20px;line-height:20px;padding-bottom:20px;font-weight:600;color:#444;}
.pop-wallpaper .current a {color: #000;background: #ffce26;font-weight:bold;}
.pop-wallpaper .inner .wallpaper-close {position:absolute;top:20px;right:20px;outline:0;background:none;}
.pop-wallpaper .inner .wallpaper-close img {width:22px;}
.pop-wallpaper .Bg {content:'';width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}


/* 서지 정보 내보내기 팝업 */
.pop-export {}
.pop-export .pop-wrap .pop-inner-wrap {height:687px;padding:25px 30px 20px;background-color:#f2f4f7;}
.pop-export .pop-wrap .pop-inner-wrap h1 {font-size:20px;}
.pop-export .pop-wrap .pop-inner-wrap div.guide {overflow:hidden;border:1px solid #ccc;border-radius:5px 5px 0 0;line-height:17px;}
.pop-export .pop-wrap .pop-inner-wrap div.guide.first {margin-top:17px;}
.pop-export .pop-wrap .pop-inner-wrap div.guide.next {margin-top:20px;}
.pop-export .pop-wrap .pop-inner-wrap div.guide div.guide-title {padding:12px 20px 13px;font-weight:800;background-color:#fff;}
.pop-export .pop-wrap .pop-inner-wrap div.guide div.guide-title.underline {border-bottom:1px solid #ccc;}
.pop-export .pop-wrap .pop-inner-wrap div.guide div.guide-contents {padding:17px 20px 30px;color:#666;background-color:#f4f4f4;}
.pop-export .pop-wrap .pop-inner-wrap div.guide.export ul.dot-list {margin-top:16px;}
.pop-export .pop-wrap .pop-inner-wrap div.guide.program ul.dot-list {margin-top:26px;}
.pop-export .pop-wrap .pop-inner-wrap div.guide.program p.caution {margin-top:16px;}
.pop-export .pop-wrap .pop-inner-wrap .btn-wrap {padding:0;border:none;}


/* 통합검색 필터 */
.filter-wrap {border: 1px solid #e7e7e7; padding: 30px;}
.filter-head {border-bottom: 1px solid #ccc; padding-bottom: 6px;}
.filter-head:after {content: ""; display: block; clear: both;}
.filter-head h2 {float: left; font-size: 18px;}
.filter-head .btn-filter-reset {float: right; background: url(/images/kccf/btn/btn-refresh.png) no-repeat left center; padding-left: 15px;}
.filter-wrap .choice-condition {padding-top: 14px; color: #707070;}
.filter-wrap .choice-condition .sign {margin: 0 10px;}
.filter-wrap .choice-condition em {color: #333;}
.filter-wrap .choice-condition .btn-del-filter {margin-left: 10px; text-indent: -9999px; overflow: hidden; width: 13px; height: 13px; vertical-align: sub; background: url(/images/kccf/btn/btn-cnl.jpg) no-repeat right center;}
.filter-wrap .filter {margin-top: 32px;}
.filter-wrap .filter-tit {border-bottom: 1px solid #ccc; padding-bottom: 6px; _margin-bottom: 16px;}
.filter-wrap .filter-tit h3 {color: #000; font-size: 16px; float: left;}
.filter-wrap .filter-tit .btn-toggle {float: right; background: url(/images/kccf/btn/btn-minus.jpg) no-repeat center right; text-indent: -9999px;}
.filter-wrap .filter-tit .btn-toggle.on {background: url(/images/kccf/btn/btn-plus.png) no-repeat center right;}
.filter-wrap .filter-tit:after {content: ""; display: block; clear: both;}
.filter-wrap .filter .depth-1 {margin-top: 11px; padding-left: 10px; }
.filter-wrap .filter .depth-1:after {content: ""; display: block; clear: both;}
.filter-wrap .filter .depth-1 .check {float: left;}
.filter-wrap .filter .depth-1 .btn-toggle {float: left; background: url(/images/kccf/btn/btn-arrow-down.png) no-repeat right center; text-indent: -9999px;}
.filter-wrap .filter .depth-1.on .btn-toggle {background: url(/images/kccf/btn/btn-arrow-up.png) no-repeat right center;}
.filter-wrap .filter .depth-2 {padding-left: 10px; display: none;}
.filter-wrap .filter .depth-2 li {margin-top: 6px;}
.filter-wrap .filter .depth-2 li label {padding-left: 15px;}

.btn-all-view,
.btn-toggle-more {width: 100%; font-size: 13px; background: #f8f8f8; color: #999; height: 30px; border: 1px solid #ddd; margin-top: 20px;}
.pop-choice-condition,
.pop-btn-wrap {display: none; text-align: center; padding-top: 30px;}

.filter-wrap .filter-list > ul > li:first-child .depth-1 {margin-top: 16px;}
.filter-wrap .f-area .filter-list > ul > li:nth-child(4) ~ li {display: none;}
.filter-wrap .tab-name {_display: none; background: transparent; position: absolute; width: 100%; top: 0; left: 0; text-indent: -9999px; overflow: hidden;}

.filter-wrap .depth-1.on + .depth-2 {display: block !important;}

.filter .check input[type="checkbox"] + label {padding-left: 0;}
.filter .check input[type="checkbox"] + label:focus,
.filter .check input[type="checkbox"] + label:hover {text-decoration: underline;}
.filter .check input[type="checkbox"] + label:before {display: none;}
.filter .depth-2 .check input[type="checkbox"] + label {padding-left: 15px; background: url(/images/kccf/icon/icon-sub-bullet.png) no-repeat left center;}
.filter .check input[type="checkbox"]:checked + label {color: #2781c1;}

/* list 검색 */
.list-header .list-search {margin-bottom: 10px;}
.list-header:after {content: ""; display: block; clear: both; height: 10px;}
.list-search {float: right;}
.list-search:after {content: ""; display: block; clear: both;}
.list-select select {background: url(/images/kccf/btn/btn-select.png) no-repeat center right;}

/* tab 메뉴 */
.tab-nav {width: 100%; border-radius: 4px; border: 1px solid #ddd; color: #999; letter-spacing: -0.025em; font-size: 16px; overflow: hidden; margin-bottom: 10px;}
.tab-nav:after {content: ""; display: block; clear: both;}
.tab-nav li {float: left; width: 16.666%; box-sizing: border-box; border-left: 1px solid #ddd; text-align: center; font-weight: 600;}
.tab-nav li.on {color: #fff; background: #2781c1;}
.tab-nav li a {line-height: 56px; display: block;}
.tab-nav li:first-child {border-left: none;}

/* button scroll-top */
.btn-go-top {border: 1px solid #999; text-indent: -999px; width: 50px; height: 50px;border-radius: 100%; background-color: #fff; background-image: url(/images/kccf/icon/icon-top-arrow.png); background-position: center; background-repeat: no-repeat; box-sizing: border-box; overflow: hidden; position: absolute; right: 15px; top: -65px; transition: all .2s ease; z-index: 20;}
.btn-go-top:hover,.btn-go-top:focus {background-color: #2781c1; background-image: url(/images/kccf/icon/icon-top-arrow-hover.png); border-color: #2781c1;}
.btn-go-top.go-top-fix {position: fixed;top: inherit;bottom: 15px;}
.btn-go-top.go-top-hide {opacity: 0;z-index: -1;}

/* BUTTON STYLE */
.btn-wrap {text-align: center;}
.btn {display: inline-block; width: 124px; height: 44px; border-radius: 22px; line-height: 42px; text-align: center; font-weight: bold; margin-right: 6px; color: #999;}
.btn-color {background: #2781c1; color: #fff;}
.btn-color:focus,
.btn-color:hover {background: #0061a6; transition: background .3s ease;}
.btn-gray {background: #666; color: #fff;}
.btn-gray:focus,
.btn-gray:hover {background: #2781c1; transition: background .3s ease;}
.btn-white {border: 1px solid #999; background: #fff;}
.btn-white:focus,
.btn-white:hover {color: #fff; background: #2781c1; border-color: #2781c1; transition: background .3s ease;}
.btn-view-original {width: 128px; height: 38px; color: #fff; background: #2781c1; border-radius: 3px; position: absolute; right: 0; top: 50%; margin-top: -19px; text-align: center; line-height: 38px;}

/* 2020 version button style */
div.button-area {display:flex;justify-content:center;align-items:center;height:30px;}
div.button-area.next-items {margin-top:20px;}
div.button-area.lazy-loading {margin-top:40px;position:relative;z-index:9;}
div.button-area.left-align {justify-content:flex-start;}
div.button-area a,
div.button-area button {box-sizing:border-box;min-width:30px;height:30px;margin-left:4px;border:1px solid #ddd;border-radius:3px;}
div.button-area a:first-child,
div.button-area button:first-child {margin-left:0;}
div.button-area a {display:inline-block;line-height:28px;vertical-align:middle;text-align:center;}
div.button-area button {background-color:transparent;}
div.button-area .no-line {border:none;}
div.button-area .toggle span {padding-right:25px;background:url('/images/kccf/btn/btn_down_arrow_size12x6_fff.png') no-repeat 100% 50%;}
div.button-area .toggle.open span {background-image:url('/images/kccf/btn/btn_up_arrow_size12x6_fff.png');}

div.button-area .only-icon {max-width:30px;text-indent:-9999px;background-color:#f4f4f4;background-repeat:no-repeat;background-position:50% 50%;}
div.button-area .original-viewer {width:100%;max-width:105px;font-weight:800;color:#222;background-color:#fff;}
div.button-area .only-icon.table-of-contents {background-image:url('/images/kccf/btn/btn_document_size14x16_666.png');}
div.button-area .only-icon.ris-viewer {background-image:url('/images/kccf/btn/btn_ris_size18x9_666.png');}
div.button-area .only-icon.sharing {background-image:url('/images/kccf/icon/ico_share_link_off.png');}
div.button-area span.only-word {padding:0 8px;font-weight:800;}

div.button-area .original-viewer:hover {border-color:#1d70aa;background-color:#2781c1;color:#fff;}
div.button-area .only-icon:hover {border-color:#555;background-color:#666;}
div.button-area .only-icon.table-of-contents:hover {background-image:url('/images/kccf/btn/btn_document_size14x16_fff.png');}
div.button-area .only-icon.ris-viewer:hover {background-image:url('/images/kccf/btn/btn_ris_size18x9_fff.png');}
div.button-area .only-icon.sharing:hover {background-image:url('/images/kccf/icon/ico_share_link_on.png');}

div.button-area.dark-mode {}
div.button-area.dark-mode .original-viewer {}
div.button-area.dark-mode .only-icon {border-color:#666;background-color:#666;}
div.button-area.dark-mode .only-icon:hover {border-color:#666;}
div.button-area.dark-mode .only-icon.table-of-contents {background-image:url('/images/kccf/btn/btn_document_size14x16_fff.png');}
div.button-area.dark-mode .only-icon.ris-viewer {background-image:url('/images/kccf/btn/btn_ris_size18x9_fff.png');}
div.button-area.dark-mode .only-icon.sharing {background-image:url('/images/kccf/icon/ico_share_link_on.png');}

div.button-area .defalt-type {height:35px;padding:0 25px;border-radius:20px;font-weight:600;}
div.button-area a.defalt-type {display:inline-block;line-height:35px;}

ol li {margin-bottom: 8px;}
ol li:last-child {margin-bottom: 0;}
ol li:nth-child(1) a:before {content: "1";}
ol li:nth-child(2) a:before {content: "2";}
ol li:nth-child(3) a:before {content: "3";}
ol li:nth-child(4) a:before {content: "4";}
ol li:nth-child(5) a:before {content: "5";}
ol li:nth-child(6) a:before {content: "6";}
ol li:nth-child(7) a:before {content: "7";}
ol li:nth-child(8) a:before {content: "8";}
ol li:nth-child(9) a:before {content: "9";}
ol li:nth-child(10) a:before {content: "10";}
ol li a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%;}

.tab-btn {border: 1px solid #ddd; border-radius: 5px; overflow: hidden; float: left; margin-right: 5px;}
.tab-btn:after {content: ""; display: block; clear: both;}
.tab-btn li {float: left; border-left: 1px solid #ddd;}
.tab-btn li:first-child {border: none;}
.tab-btn li.on button {color: #fff; background: #2781c1;}
.tab-btn button {min-width: 130px; padding: 0 10px; height: 36px; background: #fff; color: #999; display: block;}

/* check style */
.check {position: relative;}
.check input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.check input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; line-height: 22px;}
.check input[type="checkbox"] + label:before {content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #ddd; border-radius : 2px;}
.check input[type="checkbox"]:focus + label,
.check input[type="checkbox"]:hover + label {color: #000;}
.check input[type="checkbox"]:focus + label:before,
.check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}
.check input[type="checkbox"]:checked + label:before {background: url(/images/kccf/icon/icon-checked.svg) no-repeat center;}

/* 썸네일 */
.thumb {position: relative; overflow: hidden; float: left; width: 270px; height: 165px; border: 1px solid #ddd;}
.thumb .table-thumb { position: relative; width: 100%; height: 100%; }
.thumb a,
.thumb  span.frame {display: block; width: 100%; height: 100%; background: #f8f8f8; text-align: center; overflow: hidden; box-sizing: border-box;}
.thumb img {width: 100%;height: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; z-index: 1;}
/* 썸네일 출처표기 추가 */
.thumb a:after {content: ""; display: block; position: absolute; background:url(/images/kccf/img/img-no-image-hor.jpg); background-size: cover; width: 100%; height: 100%; top: 0; left: 0; opacity: .7;}
.source-origin {font-size: 11px; color: #ddd; position: absolute; left: 0; bottom: 0; z-index: 2; padding: 10px; box-sizing: border-box;}

/* list style */
.list-box {padding-top: 30px;}
.list-box.first-box {padding-top:0;}
.list-box:after {content: ""; display: block; clear: both;}

.list-box .title {width: 100%; border-bottom: 2px solid #2781c1; padding-bottom: 10px; clear: both;}
.list-box .title:after {content: ""; display: block; clear: both;}
.list-box .title h2 {font-size: 26px; font-weight:800; color: #000; float: left;}
.list-box .title .count {float: left; letter-spacing: -0.025em; color: #666; margin: 8px 0 0 10px;}
.list-box .title .count em {color: #2781c1; font-weight:800;}

.list-box .list > li {
	box-sizing: border-box;
	position: relative;
	display: table;
	table-layout: fixed;
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
	min-height: 206px;
	width: 100%;
}
.list-box .list > li:after {content: ""; display: block; clear: both;}
.list-box .thumb {display: table-cell; float: none;}
.list-box .thumb ~ .data-wrap {padding-left: 20px;}
.list-box .thumb ~ p ,
.list-box .thumb ~ ul {width: calc(100% - 290px); float: left;}

.list-box .data-wrap {display: table-cell; overflow:hidden;_padding-top:9px;width:100%;vertical-align:middle; color: #666;}
.list-box .data-wrap dl {letter-spacing: -.025em;}
.list-box .data-wrap dt {width:100%;font-size: 20px; color: #222; font-weight: 600; margin-bottom:8px;line-height: 1.4;}
.list-box .data-wrap dt a {display:block;}
.list-box .data-wrap .data-tit {font-size: 24px; color: #222; font-weight: 600; margin-bottom: 15px; line-height: 1.4;}
.list-box .data-wrap .data-tit a {display:block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.list-box .data-wrap dd {color: #666; line-height: 1.6; max-height: 24px; overflow: hidden;}
.list-box .data-wrap dd p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.list-box .list-info {color: #999;line-height: 1.8;}
.list-box .list-info:after {content: ""; display: block; clear: both;}
.list-box .list-info li {display: inline;}
.list-box .list-info li:before{display:inline-block; width: 1px; height: 10px; background-color: #ccc; margin:0 10px;content:""}
.list-box .list-info li:first-child::before{display:none}
.list-box .list-info em {color: #666; font-weight: 600;}

.list-box .classification {padding-bottom:5px;font-size: 14px; font-weight: 600;}
.list-box .classification .regional {color: #888 !important;}
.list-box .classification .data-type {color: #888;}
.list-box .classification .data-type .sign {text-indent: -999px;display: inline-block;vertical-align: middle;width: 1px;height: 10px;background: #ddd;margin: 0 4px;}
.list-box .classification .menu-type:before {content: "["}
.list-box .classification .menu-type:after {content: "]"}
.list-box .classification .menu-type {color: #2781c1;}
.list-box .classification .sub-count {color: #999; padding-left: 18px; margin-left: 4px; background: url(/images/kccf/icon/icon-sub-count.png) no-repeat left center;}
.list-box .classification .plan-name {display: none;}

.list-tag {margin-top: 12px; height: 58px; overflow: hidden;}
.list-tag:after {content: ""; display: block; clear: both;}
.list-tag li {height: 24px; line-height: 22px; padding: 0 10px; background: #f5f5f5; border-radius: 12px; box-sizing: border-box; border: 1px solid #ddd; float: left; margin: 0px 5px 8px 0px;}
.list-tag li a {display: block; line-height: 21px; color: #999;}
.list-tag li a:hover {color: #0087cc;}
.story-detail .list-box .list .list-tag {height:29px;}
.toon .list-tag {margin-top: 12px; height: 27px; overflow: hidden;}
.episode .list-tag {margin-top: 12px; height: 27px; overflow: hidden;}

.list-box .list-local-info li {float: none; line-height: 1.7; color: #666; vertical-align: middle; text-indent: -25px; padding-left: 25px;}
.list-box .list-local-info li.info-address em {background: url(/images/kccf/icon/icon-address.png) no-repeat center center;}
.list-box .list-local-info li.info-phone em {background: url(/images/kccf/icon/icon-tel.png) no-repeat center center;}
.list-box .list-local-info li.info-source em {background: url(/images/kccf/icon/icon-source.png) no-repeat center center;}
.list-box .list-local-info li em {font-size: 0; text-indent: -999px; display: inline-block; width: 20px; height: 20px; margin-right: 5px; border: 1px solid #666; border-radius: 20px; vertical-align: middle; box-sizing: border-box;}

.list-box .post-box .data-wrap dd {color: #666; max-height: 47px; overflow: hidden; white-space: normal;}
.list-box .resources-box .thumb {width: 300px;}
.list-box .resources-box .thumb img {width: auto; min-height: 0; height: 100%; top: 0; left: 50%; transform: translateX(-50%);}
.list-box .resources-box .data-tit {font-size: 20px; color: #222; font-weight: 800; margin-bottom: 3px;}
.list-box .resources-box .thumb:after {content: ""; display: block; position: absolute; background: url(/images/kccf/img/img-thumb-dimd.png) no-repeat center bottom; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; opacity: .7;}

.list-box .res-card .data-wrap .data-tit{ line-height: 1; margin-bottom: 7px;}
.list-box .res-card .thumb{width: 115px; height: 165px; border-radius: 2px;}
.list-box .res-card .thumb:after {content: ""; display: block; position: relative; background: url(/images/kccf/img/img-no-image.gif) no-repeat center bottom; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; opacity: 1;}
.list-box .res-card .tit-txt {font-size:20px}
.list-box .res-card .list-info {height: 70px; overflow: hidden; display: block;}

.list-box .list-info.other{height:20px;color:#707070; opacity:.8;}
.list-box .list-info.other li em{font-weight:normal; color:#707070; opacity:.8;}
.list-box .list-info.other li:before{display:inline-block; position:relative; top:2px; height:13px; margin: 0 8px; border-left: 1px solid #d7d7d7; opacity:.8; transform: rotate(15deg); content:""}
.list-box .list-info.other li:first-child:before{display:none}

.list-box .res-card .list-desc {overflow: hidden; height: 36px; margin-top:10px; padding-top: 7px; border-top: 1px solid #ebebeb; color:#636363}
.list-box .res-card .list-select-wrap{padding-top:8px}
.list-box .res-card .list-select{width: 200px;height: 30px;line-height: 28px;}
.list-box .res-card .list-select select{height: 30px;color: #666;}
.list-box .res-card .btn-view-original{display: inline-block; position: inherit; width: 115px; height: 30px; line-height: 30px; margin-top: 0; vertical-align: middle;}
.list-box .res-card .list-tag {display: block;}
.list-box .res-card .list-info li:after {display: none;}

.list-box .btn-view-original ~ .data-wrap {padding-right: 140px;}

.list-box .list.reverse > li {display:flex;flex-direction:row-reverse;justify-content:space-between;}
.list-box .list.reverse > li:after {content:none;}
.list-box .list.reverse > li.use-image .data-wrap {flex:1;padding-left:0;padding-right:20px;}
.list-box .list.reverse.card > li {display:block;}
.list-box .list.reverse.card > li.use-image .data-wrap {padding:25px 25px 18px;}

.culture .article-main .localculture-box .sharing-btn-wrap {width:84%;}
.culture .article-main .localculture-box .sharing-btn-wrap .btn-share {float:right;}
.culture .article-main .localculture-box .list.card li {height:470px;}
.culture .article-main .localculture-box .list.card .data-wrap dt {margin-top:25px;}

.list-box.post-box .item-text-effect .data-wrap dd {color: #666; line-height: 1.6; max-height: 47px;min-height:22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.list-box.post-box .item-text-effect .data-wrap .list-tag {height:27px;display:inline-block;}

/* 카드 형태 List */
.list-box .card {padding-bottom: 20px; _margin-top: -10px; border-bottom: 1px solid #ddd;}
.list-box .card:after {content: ""; display: block; clear: both;}
.list-box .card > li {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
	width: calc(25% - 30px);
	height: 440px;
	padding: 0;
	margin-right:40px;
	margin-top:30px;
	border:1px solid #ddd;
	border-radius:4px;
	background-color:#fff;
}
.list-box .card > li:hover {border-color: #2781c1;}
.list-box .card > li:nth-child(4n) {margin-right: 0;}
.list-box .card .thumb {float: none; width: 100%;height: 194px; border: none; border-bottom: 0px solid #ddd; border-radius: 0; display: block;}
.list-box .card .thumb a {border: none}
.list-box .card .data-wrap {float: none; width: 100%; padding: 25px 25px 18px; position: relative; display: block;}
.list-box .card .data-wrap dt a,
.gallery-list .list-box .card > li a div.data-wrap p  {min-height: 2.8em; max-height: 2.8em; overflow: hidden;line-height: 1.4;}
div.post-con ul.list.card .data-wrap dt a {min-height: 1.8em;}
.list-box .card .data-wrap dd {max-height: 15.9em; min-height: 15.9em;}
.list-box .card .data-wrap dd p {white-space: normal;}
.list-box .card .list-tag {margin-top: 30px;height:26px;}

.list-box .card .classification {border-left: 2px solid #2781c1; padding-left: 10px; margin-bottom: 15px; font-weight: 600; font-size: 14px; line-height: 1; min-height: 38px;}
.list-box .card .classification .interest-a:after {display: none;}
.list-box .card .classification .menu-type:before {display: none;}
.list-box .card .classification .menu-type:after {display: none;}
.list-box .card .classification .menu-type {display: block; margin-bottom: 10px;}
.list-box .card .classification .plan-name {color: #999; display: block;}

.list-box .card .list-info {display: none;}
.list-box .card .list-local-info {margin-top: 12px;}
.list-box .card .regional .sign {text-indent: -999px; display: inline-block; vertical-align: middle; width: 1px; height: 10px; background: #ddd; margin: 0 4px;}

/* 썸네일있을때 */
.list-box .card .thumb ~ .data-wrap dd {max-height: 3.2em; min-height: 3.2em;}
.list-box .card .thumb ~ .data-wrap .list-tag {margin-top: 10px;}

/* 지역문화정보 카드 */
.list-box .card .localculture-box .data-wrap dd {min-height: 188px; max-height: 188px;}
.list-box .card .localculture-box .thumb ~ .data-wrap dd {display: none}
.list-box .card .localculture-box .list-local-info li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box;margin-top: 4px;}
.list-box .card .localculture-box .list-local-info li:first-child {margin-top:0;}
.list-box .card .localculture-box .list-info {display: block;}

/* sub-visual */
.sub-visual {
	position: relative;
	width: 100%;
	min-height: 250px;
	padding-top: 87px;
	text-align: center;
	background: grey no-repeat center;
	background-image: url(/images/kccf/bg/bg-subvisual-tag.jpg);
	background-size: cover;
	z-index: 1;
}
.sub-visual:before {content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,.45); z-index: 0;}
.result-search .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-result.jpg);}
.pick .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-pick.jpg);}
.pick .sub-visual .inner-center{position:relative;max-width: 1786px;}
.post .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-post.jpg);}
.tag .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-tag.jpg);}
.story-all .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-story.jpg);}
.resources .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-resources.jpg);}
.local-culture .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-localculture.jpg);}
.notice .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-notice.jpg);}
.qna .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-qna.jpg);}
.faq .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-faq.jpg);}
.bookmark .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-openpage.jpg);}
.openpage .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-bookmark.jpg);}
.api-page .sub-visual {background-image: url(/images/kccf/bg/bg-subvisual-api.jpg);}
.sub-visual h1 {font-size: 32px; color: #fff; font-weight: 800; letter-spacing: .2em; position: relative; z-index: 1;}
.sub-visual h2 {font-size: 32px; color: #fff; font-weight: 800; letter-spacing: .2em; position: relative; z-index: 1;}
.sub-visual p {color: #fff; letter-spacing: -0.025em; margin-top: 7px; opacity: .8;}

div.overlap-visual {}
div.overlap-visual div.inner {position:relative;}
div.overlap-visual div.inner img {position:relative;}
div.overlap-visual div.visual-mask {position:absolute;left:0;right:0;bottom:0;width:100%;height:35%;z-index:1;}
div.overlap-visual div.visual-mask.empty {background: linear-gradient(transparent 50%, rgba(37, 43, 61, 0.8) 80%, rgb(37, 43, 61) 100%);}

.article-side {margin-top: 80px;}
.article-main {margin-top: 50px;}

.list-view-change {float: left; border-radius: 2px; border: 1px solid #ddd; overflow: hidden; margin-right: 5px;}
.list-view-change button {float: left; width: 36px; height: 36px; border-left: 1px solid #ddd; text-indent: -9999px; cursor: pointer; background-position: center; background-repeat: no-repeat; background-color: #fff;}
.list-view-change .btn-vtable {border-left: 0; background-image: url(/images/kccf/icon/icon-see-list.png);}
.list-view-change .btn-vcard {background-image: url(/images/kccf/icon/icon-see-card.png);}
.list-view-change .btn-vtable.on {background-image: url(/images/kccf/icon/icon-see-list-on.png);}
.list-view-change .btn-vcard.on {background-image: url(/images/kccf/icon/icon-see-card-on.png);}

.list-input:after {content: ""; display: block; clear: both;}
.list-input {float: left; height: 38px; width: 320px; border-radius: 4px; border: 1px solid #ddd; line-height: 34px; overflow: hidden;}
.list-input input {display:block; height: 36px; line-height: 32px; padding: 0 0 0 10px; float: left; width: 170px; box-sizing: border-box;}
.list-input input::placeholder { color:#999; }
.list-input button {float: right;width: 30px; height: 36px; background: url(/images/kccf/icon/icon-search.png) no-repeat center center; background-size: 13px 14px; margin-right:4px; }
.list-input .check-box { position:absolute; right:42px; top:-6px; }

.m-use {display: none;}

/* 게시판 renewal 2020 */
.list-box .title.view-total {padding-bottom:0;border-bottom:none;font-size:22px;color:#000;}
.list-box .title.view-total span.items-total {margin-left:10px;font-weight:500;font-size:14px;color:#666;}
.list-box .title.view-total span.items-total em {font-weight:800;color:#0087cc;}

ul.dot-list {}
ul.dot-list.type1 {}
ul.dot-list.type1 > li {padding-left:10px;background:url('/images/kccf/icon/bul_dot_size4x4.png') no-repeat 0 8px;}
ul.dot-list.blank-type1 > li {margin-top:8px;}
ul.dot-list.blank-type2 > li {margin-top:18px;}
ul.dot-list.blank-type1 > li:first-child,
ul.dot-list.blank-type2 > li:first-child  {margin-top:0;}

/* tab menu setting */
div.side-type-tab {}
div.side-type-tab.year-tab {}

/* 목차 팝업 */
#table-of-contents-viewer {display:none;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1000;}
#table-of-contents-viewer div.outer {
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:33.854166vw;
	min-width:320px;
	max-width:650px;
	height:63.611111vh;
	max-height:687px;
	padding-top:30px;
	margin:auto;
	border-radius:5px;
	background-color:#f2f4f7;
}
#table-of-contents-viewer div.outer h2.viewer-title {height:36px;padding:0 30px;font-weight:800;font-size:20px;}
#table-of-contents-viewer div.outer h3.viewer-sub-title {padding:14px 20px 15px;margin:0 30px;border:1px solid #ccc;font-size:16px;border-radius:5px 5px 0 0;background-color:#f4f4f4;}
#table-of-contents-viewer div.scroll-container{flex:1;overflow:hidden;}
#table-of-contents-viewer ul.menu-tree li {position:relative;padding-left:20px;}
#table-of-contents-viewer ul.menu-tree li a,
#table-of-contents-viewer ul.menu-tree li strong {display:inline-block;;background-repeat:no-repeat;background-position:0 50%;}
#table-of-contents-viewer ul.menu-tree li a {text-decoration:underline;background-image:url('/images/kccf/icon/bul_table_of_contents_link.png');}
#table-of-contents-viewer ul.menu-tree li strong {background-image:url('/images/kccf/icon/bul_table_of_contents_depth1.png');}
#table-of-contents-viewer ul.menu-tree li span.pages {position:absolute;right:20px;color:#666;z-index:1;}
#table-of-contents-viewer ul.menu-tree > li {border-bottom:1px solid #ddd;}
#table-of-contents-viewer ul.menu-tree > li > span.pages {top:15px;}
#table-of-contents-viewer ul.menu-tree > li > a,
#table-of-contents-viewer ul.menu-tree > li > strong {padding:15px 50px 15px 20px;font-weight:600;color:#222;}
#table-of-contents-viewer .mCustomScrollBox {padding:0 30px;}
#table-of-contents-viewer .mCustomScrollBox.mCSB_inside > .mCSB_container {margin:0;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff;}
#table-of-contents-viewer .mCustomScrollBox .mCSB_scrollTools {right:18px;width:4px;}
#table-of-contents-viewer .mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail {width:4px;background-color:#d9dbde;}
#table-of-contents-viewer .mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#999;}
#table-of-contents-viewer div.outer div.button-area {height:84px;margin:0 30px;border-top:1px solid #ccc;}
#table-of-contents-viewer div.outer div.button-area a,
#table-of-contents-viewer div.outer div.button-area button {width:120px;height:44px;border-radius:25px;line-height:44px;}
#table-of-contents-viewer div.outer div.button-area a {display:inline-block;border-color:#2781c1;text-align:center;color:#fff;background-color:#2781c1;}
#table-of-contents-viewer div.outer div.button-area button {border-color:#999;color:#999;background-color:#fff;}

/* 마이페이지 */
.mypage-header {background:url(/images/kccf/bg/bg-mypage.jpg) no-repeat center;background-size: cover;width:100%;height:390px;margin-bottom:50px;}
.mypage-header .inner {width:1400px;height:auto;margin:0 auto;padding:55px 0px;}
.mypage-header .inner .sec {float:left;width:50%;background:#fff;border-radius: 3px;height:280px;overflow: hidden;}
.mypage-header .inner .sec-1 {width:320px;margin-right:40px;padding:0px;}
.mypage-header .inner .sec-2 {width:1040px;padding:30px 30px;height:280px;}

.mypage-header .inner .sec-1 .title {padding:15px 30px 20px;font-size:34px;font-weight: bold;line-height:48px;}
.mypage-header .inner .sec-1 .title br {display:none;}
.mypage-header .inner .sec-1 .title .myinfo-modify-btn {float:right;border-radius: 30px;background: #2781C1;box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.30);height: 30px;line-height:28px;padding: 0px 16px;margin:10px 0px;font-size: 14px;font-weight: 500;color: #FFF;}
.mypage-header .inner .sec-1 .info {padding:0px 30px 20px;display:inline-block;width:100%}
.mypage-header .inner .sec-1 .data {padding: 23px 0%;background: #f9f9fa;clear: both;display: inline-block;width: 100%;}

.mypage-header .inner .sec-1 .info .name {font-size:18px;color:#444;font-weight:600;padding:10px 0px;}
.mypage-header .inner .sec-1 .info .name .my-workplace-btn {border-radius: 30px;background: var(--unnamed, linear-gradient(270deg, #794507 0%, #AA610B 100%));box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.30);height: 30px;line-height:28px;padding: 0px 16px;font-size: 14px;font-weight: 500;color:#fff;margin:0px 0px 5px 10px;}
.mypage-header .inner .sec-1 .info .name .my-workplace-btn img {vertical-align:middle;margin:0px 5px 3px 0px;}
.mypage-header .inner .sec-1 .info .sns-info {float:left;width:auto;padding-right:10px;position:relative;top:-2px;}
.mypage-header .inner .sec-1 .info .date-info {float:left;width:auto;}
.mypage-header .inner .sec-1 .info .date-info .time,
.mypage-header .inner .sec-1 .info .date-info .date {display:inline;font-size:12px;color:#666;}
.mypage-header .inner .sec-1 .info .date-info .date {display:inline-block;border-left:1px solid #ddd;height:16px;padding-left:10px;}
.mypage-header .inner .sec-1 .info .sns-info > div img {vertical-align:middle;margin:0px 5px 0px 0px;}

.mypage-header .inner .sec-1 .data > div {float:left;width:33.3%;padding: 0% 2%;text-align:center;border-right:1px solid #ddd;}
.mypage-header .inner .sec-1 .data > div:last-child{border-right:0;}
.mypage-header .inner .sec-1 .data > div p:nth-of-type(1) {font-size:14px;color:#444;}
.mypage-header .inner .sec-1 .data > div p:nth-of-type(1) span {font-size:22px;font-weight:600;color:#008da6;padding-right:3px;}
.mypage-header .inner .sec-1 .data > div p:nth-of-type(2) {font-size:12px;color:#919191;padding-top:3px;}

.mypage-header .inner .sec-2 .con {position:relative;float:left;width:325px;height:230px;padding:0px 30px 0px 30px;border-right:1px solid #eee;}
.mypage-header .inner .sec-2 .con-1 {padding:0px 30px 0px 0px;}
.mypage-header .inner .sec-2 .con-3 {padding:0px 0px 0px 30px;border-right:0;}
.mypage-header .inner .sec-2 .con .title {font-size:22px;color:#000;font-weight:bold;padding-bottom:15px;}

.mypage-header .inner .sec-2 .con-1 .content {margin-top:-12px;}
.mypage-header .inner .sec-2 .con-1 .content .row {position: relative;border-bottom:1px solid #eee;padding:10px 0px;}
.mypage-header .inner .sec-2 .con-1 .content .row .ti {font-size:14px;color:#444;padding-bottom:3px;font-weight:300;}
.mypage-header .inner .sec-2 .con-1 .content .row .de {font-size:12px;color:#666;}
.mypage-header .inner .sec-2 .con-1 .content .row .po {font-size:12px;font-weight:bold;background:#ccc;display:inline-block;border-radius:4px;padding:1px 6px 3px;position:absolute;right:0px;top:20px;}
.mypage-header .inner .sec-2 .con-1 .content .row .po.plus {background:#e5f3f6;color:#008da6;}
.mypage-header .inner .sec-2 .con-1 .content .row .po.minus {background:#fef2e9;color:#f4802b;}
.mypage-header .inner .sec-2 .con-1 .total-point {position: absolute;right:46px;top:5px;}
.mypage-header .inner .sec-2 .con-1 .total-point a {display:block;font-weight: bold;}
.mypage-header .inner .sec-2 .con-1 .total-point a .total {font-size:22px;color:#008da6;}
.mypage-header .inner .sec-2 .con-1 .total-point a .arr {font-size:16px;color:#000;margin-left:-3px;}
.mypage-header .inner .sec-2 .con-1 .total-point a .arr:after {content: '';width: 6px;height: 6px;border-top: 2px solid #adadad;border-right: 2px solid #adadad;display: inline-block;position: absolute;top: 13px;right: -15px;
transform: rotate(45deg);
}

.mypage-header .inner .sec-2 .con-2 .content .row:nth-of-type(1) p {font-size:14px;color:#666;margin-bottom:15px;font-weight:300;}
.mypage-header .inner .sec-2 .con-2 .content .row:nth-of-type(2) {background:#f9f9fa;padding:20px;}
.mypage-header .inner .sec-2 .con-2 .content .row:nth-of-type(2) p {margin-bottom:5px;}
.mypage-header .inner .sec-2 .con-2 .content .row:nth-of-type(2) p:last-child {margin-bottom:0px;}
.mypage-header .inner .sec-2 .con-2 .content .row:nth-of-type(2) p span.round {display:inline-block;width:4px;height:4px;background:#008da6;border-radius:50%;margin:0px 10px 3px 0px;}
.mypage-header .inner .sec-2 .con-2 .content .row:nth-of-type(2) p span.city {font-size:14px;color:#444;}
.mypage-header .inner .sec-2 .con-2 .content .row:nth-of-type(2) p span.town {font-size:14px;color:#008da6;}
.mypage-header .inner .sec-2 .con-2 .content .row:nth-of-type(2) p span.sign {font-size:14px;padding:0px 10px;}

.mypage-header .inner .sec-2 .con-2 .setting {position: absolute;right:30px;top:5px;font-size:14px;color:#919191;font-weight: 300;}
.mypage-header .inner .sec-2 .con-2 .setting span.set-icon {display:inline-block;position:relative;top:4px;width:18px;height: 18px;border: 1px solid #ccc;border-radius: 50%;background: url(https://port-dev.nculture.org/images/kccf/icon/icon-sp-int-chng.png) no-repeat 4px 4px;}

.mypage-header .inner .sec-2 .con-3 .content .row .list-tag {margin-top: 12px;height: 100px;overflow: hidden;}
.mypage-header .inner .sec-2 .con-3 .content .row .list-tag li {height: 24px;line-height: 22px;padding: 0 10px;background: #fff;border-radius: 12px;box-sizing: border-box;border: 1px solid #ddd;float: left;margin: 0px 5px 10px 0px;}
.mypage-header .inner .sec-2 .con-3 .content .row .list-tag li a {display: block;line-height: 21px;font-size:14px;color:#444;}
.mypage-header .inner .sec-2 .con-3 .content .row .list-tag li:hover {background: #008da6;border:1px solid #008da6;}
.mypage-header .inner .sec-2 .con-3 .content .row .list-tag li:hover a {color:#fff;}

/* 220124 N포인트 display:none */
.mypage-header .inner .sec-2 .con-1 {display:none;}
.mypage-header .inner .sec-2 .con-2 {width:50%;padding: 0px 30px 0px 0px;}
.mypage-header .inner .sec-2 .con-3 {width:50%;}

/* list style */
.mypage-content {width:100%;margin:0 auto;}
.mypage-content .inner {width:1400px;margin:0 auto;}

.mypage-content .list-box {position: relative;margin-bottom:55px;}
.mypage-content .list-box.first-box {padding-top:0;}
.mypage-content .list-box:after {content: "";display: block;clear: both;}

.mypage-content .list-box .title {width: 100%;border-bottom: 2px solid #2ea1b6;padding-bottom: 10px;clear: both;}
.mypage-content .list-box .title:after {content: "";display: block;clear: both;}
.mypage-content .list-box .title h2 {font-size: 26px;font-weight:800;color: #000;float: left;}
.mypage-content .list-box .title .count {float: left;letter-spacing: -0.025em;color: #666;margin: 8px 0 0 10px;}
.mypage-content .list-box .title .count em {color: #2ea1b6;font-weight:800;}
.mypage-content .list-box .More {position: absolute;right:0px;top:40px;font-size:14px;color:#666;}
.mypage-content .list-box .More img {vertical-align: middle;margin:0px 0px 3px 5px;}
.mypage-content .list-box.inquiry-box .title {border-bottom:0;}

.mypage-content .list-box .list > li {box-sizing: border-box;position: relative;display: table;table-layout: fixed;border-bottom: 1px solid #ddd;padding: 20px 0;min-height: 206px;width: 100%;}
.mypage-content .list-box .list > li:after {content: "";display: block;clear: both;}
.mypage-content .list-box .thumb {display: table-cell;float: none;}
.mypage-content .list-box .thumb ~ .data-wrap {padding-left: 20px;}
.mypage-content .list-box .thumb ~ p ,
.mypage-content .list-box .thumb ~ ul {width: calc(100% - 290px);float: left;}

.mypage-content .list-box .data-wrap {display: table-cell;overflow:hidden;width:100%;vertical-align:middle;color: #666;}
.mypage-content .list-box .data-wrap dl {letter-spacing: -.025em;}
.mypage-content .list-box .data-wrap dt {width:100%;font-size: 20px;color: #222;font-weight: 600;margin-bottom:8px;line-height: 1.4;}
.mypage-content .list-box .data-wrap dt a {display:block;}
.mypage-content .list-box .data-wrap .data-tit {font-size: 24px;color: #222;font-weight: 600;margin-bottom: 15px;line-height: 1.4;}
.mypage-content .list-box .data-wrap .data-tit a {display:block;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.mypage-content .list-box .data-wrap dd {color: #666;line-height: 1.6;max-height: 24px;overflow: hidden;}
.mypage-content .list-box .data-wrap dd p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.mypage-content .list-box .list-info {color: #999;line-height: 1.8;}
.mypage-content .list-box .list-info:after {content: "";display: block;clear: both;}
.mypage-content .list-box .list-info li {display: inline;}
.mypage-content .list-box .list-info li:before{display:inline-block;width: 1px;height: 10px;background-color: #ccc;margin:0 10px;content:""}
.mypage-content .list-box .list-info li:first-child::before{display:none}
.mypage-content .list-box .list-info em {color: #666;font-weight: 600;}

.mypage-content .list-box .classification {padding-bottom:5px;font-size: 14px;font-weight: 600;}
.mypage-content .list-box .classification .regional {color: #888 !important;}
.mypage-content .list-box .classification .data-type {color: #888;}
.mypage-content .list-box .classification .data-type .sign {text-indent: -999px;display: inline-block;vertical-align: middle;width: 1px;height: 10px;background: #ddd;margin: 0 4px;}
.mypage-content .list-box .classification .menu-type:before {content: "["}
.mypage-content .list-box .classification .menu-type:after {content: "]"}
.mypage-content .list-box .classification .menu-type {color: #008da6;}
.mypage-content .list-box .classification .sub-count {color: #999;padding-left: 18px;margin-left: 4px;background: url(/images/kccf/icon/icon-sub-count.png) no-repeat left center;}
.mypage-content .list-box .classification .plan-name {display: none;}

.mypage-content .list-box .list-tag {margin-top: 12px;height: 58px;overflow: hidden;}
.mypage-content .list-box .list-tag:after {content: "";display: block;clear: both;}
.mypage-content .list-box .list-tag li {height: 24px;line-height: 22px;padding: 0 10px;background: #f5f5f5;border-radius: 12px;box-sizing: border-box;border: 1px solid #ddd;float: left;margin: 0px 5px 8px 0px;}
.mypage-content .list-box .list-tag li a {display: block;line-height: 21px;color: #999;}
.mypage-content .list-box .list-tag li a:hover {color: #008da6;}

.mypage-content .list-box .post-box .data-wrap dd {color: #666;max-height: 47px;overflow: hidden;white-space: normal;}
.mypage-content .list-box .resources-box .thumb {width: 300px;}
.mypage-content .list-box .resources-box .thumb img {width: auto;min-height: 0;height: 100%;top: 0;left: 50%;transform: translateX(-50%);}
.mypage-content .list-box .resources-box .data-tit {font-size: 20px;color: #222;font-weight: 800;margin-bottom: 3px;}
.mypage-content .list-box .resources-box .thumb:after {content: "";display: block;position: absolute;background: url(/images/kccf/img/img-thumb-dimd.png) no-repeat center bottom;background-size: cover;width: 100%;height: 100%;top: 0;left: 0;opacity: .7;}
.mypage-content .list-box .res-card .data-wrap .data-tit{ line-height: 1;margin-bottom: 7px;}
.mypage-content .list-box .res-card .thumb{width: 115px;height: 165px;border-radius: 2px;}
.mypage-content .list-box .res-card .thumb:after {content: "";display: block;position: relative;background: url(/images/kccf/img/img-no-image.gif) no-repeat center bottom;background-size: cover;width: 100%;height: 100%;top: 0;left: 0;opacity: 1;}
.mypage-content .list-box .res-card .tit-txt {font-size:20px}
.mypage-content .list-box .res-card .list-info {height: 70px;overflow: hidden;display: block;}
.mypage-content .list-box .list-info.other{height:20px;color:#707070;opacity:.8;}
.mypage-content .list-box .list-info.other li em{font-weight:normal;color:#707070;opacity:.8;}
.mypage-content .list-box .list-info.other li:before{display:inline-block;position:relative;top:2px;height:13px;margin: 0 8px;border-left: 1px solid #d7d7d7;opacity:.8;transform: rotate(15deg);content:""}
.mypage-content .list-box .list-info.other li:first-child:before{display:none}
.mypage-content .list-box .res-card .list-desc {overflow: hidden;height: 36px;margin-top:10px;padding-top: 7px;border-top: 1px solid #ebebeb;color:#636363}
.mypage-content .list-box .res-card .list-select-wrap{padding-top:8px}
.mypage-content .list-box .res-card .list-select{width: 200px;height: 30px;line-height: 28px;}
.mypage-content .list-box .res-card .list-select select{height: 30px;color: #666;}
.mypage-content .list-box .res-card .btn-view-original{display: inline-block;position: inherit;width: 115px;height: 30px;line-height: 30px;margin-top: 0;vertical-align: middle;}
.mypage-content .list-box .res-card .list-tag {display: block;}
.mypage-content .list-box .res-card .list-info li:after {display: none;}
.mypage-content .list-box .btn-view-original ~ .data-wrap {padding-right: 140px;}
.mypage-content .list-box .list.reverse > li {display:flex;flex-direction:row-reverse;justify-content:space-between;}
.mypage-content .list-box .list.reverse > li:after {content:none;}
.mypage-content .list-box .list.reverse > li.use-image .data-wrap {flex:1;padding-left:0;padding-right:20px;}
.mypage-content .list-box .list.reverse.card > li {display:block;}
.mypage-content .list-box .list.reverse.card > li.use-image .data-wrap {padding:25px 8% 18px;width:100%;}
.mypage-content .list-box.post-box .item-text-effect .data-wrap dd {color: #666;line-height: 1.6;max-height: 47px;min-height:22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.mypage-content .list-box.post-box .item-text-effect .data-wrap .list-tag {height:27px;display:inline-block;}

/* 카드 형태 List */
.mypage-content .list-box .card {padding-bottom: 20px;border-bottom:0;}
.mypage-content .list-box .card:after {content: "";display: block;clear: both;}
.mypage-content .list-box .card > li {box-sizing: border-box;display: block;overflow: hidden;position: relative;float: left;width: calc(25% - 30px);height: 440px;padding: 0;margin-right:40px;margin-top:30px;border:1px solid #ddd;border-radius:4px;background-color:#fff;}
.mypage-content .list-box .card > li:hover {border-color: #008da6;}
.mypage-content .list-box .card > li:nth-child(4n) {margin-right: 0;}
.mypage-content .list-box .card .thumb {float: none;width: 100%;height: 180px;border: none;border-bottom: 0px solid #ddd;border-radius: 0;display: block;}
.mypage-content .list-box .card .thumb a {border: none}
.mypage-content .list-box .card .thumb a img {width:100%;}
.mypage-content .list-box .card .data-wrap {float: none;width: 100%;padding: 25px 25px 18px;position: relative;display: block;}
.mypage-content .list-box .card .data-wrap dt a,
.mypage-content .list-box .card > li a div.data-wrap p  {min-height: 2.8em;max-height: 2.8em;overflow: hidden;line-height: 1.4;}
.mypage-content .list-box .card .data-wrap dd {max-height: 15.9em;min-height: 15.9em;}
.mypage-content .list-box .card .data-wrap dd p {white-space: normal;}
.mypage-content .list-box .card .list-tag {margin-top: 30px;height:26px;}

.mypage-content .list-box .card .classification {border-left: 2px solid #008da6;padding-left: 10px;margin-bottom: 15px;font-weight: 600;font-size: 14px;line-height: 1;min-height: 38px;}
.mypage-content .list-box .card .classification .interest-a:after {display: none;}
.mypage-content .list-box .card .classification .menu-type:before {display: none;}
.mypage-content .list-box .card .classification .menu-type:after {display: none;}
.mypage-content .list-box .card .classification .menu-type {display: block; margin-bottom: 10px;}
.mypage-content .list-box .card .classification .plan-name {color: #999;display: block;}

.mypage-content .list-box .card .list-info {display: none;}
.mypage-content .list-box .card .list-local-info {margin-top: 12px;}
.mypage-content .list-box .card .regional .sign {text-indent: -999px;display: inline-block;vertical-align: middle; width: 1px; height: 10px; background: #ddd; margin: 0 6px;}

.mypage-content .list-box .sharing-btn-wrap {position: absolute; top: 25px; right: 25px;}
.mypage-content .list-box .btn-share {width: 16px; background: url(/images/kccf/icon/icon-card-share.png) no-repeat; text-indent: -9999px; }
.mypage-content .list-box .btn-share:first-child {margin-right: 8px;}
.mypage-content .list-box .btn-bookmark {width: 14px; background: url(/images/kccf/icon/icon-card-scrap.png) no-repeat; text-indent: -9999px;}
.mypage-content .list-box .btn-bookmark.on {background: url(/images/kccf/icon/icon-card-scrap-on.png) no-repeat;background-size:100%}

/* 썸네일있을때 */
.mypage-content .list-box .card .thumb ~ .data-wrap dd {max-height: 3.2em; min-height: 3.2em;}
.mypage-content .list-box .card .thumb ~ .data-wrap .list-tag {margin-top: 10px;}

/* 동네마스터 */
.local-master img {width:100%;}
.local-master .mo {display:none;}
.local-master .inner-center {padding-bottom: 80px;}

/*
#contents .check input[type="checkbox"]:checked + label:before {background: url(/images/kccf/icon/icon-checked-green.png) no-repeat center;background-size: 12px 10px;}
*/

/* 동네마스터 신청안내 */
.writing-togo section {padding:80px 0px;}
.writing-togo section .inner {width:1400px;margin:0 auto;}
.writing-togo section h3 {color: #222;text-align: center;font-size: 40px;font-weight: 700;letter-spacing: -0.8px;margin-bottom:48px;}
.writing-togo section h1 span {color: #0C505C;}
.writing-togo .sec1 {position:relative;width:100%;height:600px;padding:0;text-align:center;background: url(/images/kccf/bg/bg-writingtogo-sec1.png) center no-repeat;background-size:cover;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.writing-togo .sec1 h1 {color: #FFF;font-size: 48px;font-weight: 700;letter-spacing: -0.96px;margin-bottom:16px;}
.writing-togo .sec1 p:nth-of-type(1) {display:inline-block;border-radius: 50px;background: #000;padding: 8px 32px 10px;color: #FEE675;font-size: 16px;font-weight: 700;letter-spacing: -0.32px;margin-bottom:16px;}
.writing-togo .sec1 p:nth-of-type(2) {color: #FFF;font-size: 20px;font-weight: 200;letter-spacing: -0.4px;margin-bottom:32px;}
.writing-togo .sec1 p:nth-of-type(2) strong {font-weight: 400;}
.writing-togo .sec1 p:nth-of-type(3) {display:inline-block;padding: 24px 32px;border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.20);background: rgba(255, 255, 255, 0.15);color: #FFF;font-size: 18px;font-weight: 200;letter-spacing: -0.36px;}
.writing-togo .sec1 p:nth-of-type(3) span {color: #FEE675;}
.writing-togo .sec1 .scroll-down {display: block;}
.writing-togo .sec1 .scroll-down a {position:absolute;bottom:30px;left:calc(50% - 20px);display:inline-block;width:40px;height:40px;}
.writing-togo .sec1 .scroll-down a::before {content: '';background:url(/images/kccf/icon/icon-writingtogo-sec1-arr.png) center no-repeat;position: absolute;top:5px;left:calc(50% - 10px);width:20px;height:20px;
-webkit-animation: fade1 1.0s ease-out infinite;
animation: fade1 1.0s ease-out infinite;
}
@keyframes fade1 {
0% {opacity: 0;}
30% {opacity: 1;}
100% {opacity: 0;}
}
.writing-togo .sec1 .scroll-down a::after {content: '';background:url(/images/kccf/icon/icon-writingtogo-sec1-arr.png) center no-repeat;position: absolute;top:15px;left:calc(50% - 10px);width:20px;height:20px;
-webkit-animation: fade2 1.0s 0.5s ease-out infinite;
animation: fade2 1.0s 0.5s ease-out infinite;
}
@keyframes fade2 {
0% {opacity: 0;}
30% {opacity: 1;}
100% {opacity: 0;}
}
.writing-togo .sec2 .list-box {display: flex;justify-content:space-between;padding:0;}
.writing-togo .sec2 .list-box::after {display:none;}
.writing-togo .sec2 .list-box .list {width:31%;height:580px;border-radius: 12px;padding:32px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-end;}
.writing-togo .sec2 .list-box .list:nth-of-type(1) {background: url(/images/kccf/img/img-writingtogo-sec2-1.png) center no-repeat;background-size:cover;}
.writing-togo .sec2 .list-box .list:nth-of-type(2) {background: url(/images/kccf/img/img-writingtogo-sec2-2.png) center no-repeat;background-size:cover;}
.writing-togo .sec2 .list-box .list:nth-of-type(3) {background: url(/images/kccf/img/img-writingtogo-sec2-3.png) center no-repeat;background-size:cover;}
.writing-togo .sec2 .list-box .list p {color:#fff;}
.writing-togo .sec2 .list-box .list p:nth-child(1) {color: #FFF;font-size: 24px;font-weight: 500;letter-spacing: -0.48px;}
.writing-togo .sec2 .list-box .list p:nth-child(2) {opacity: 0;height:0px;}
.writing-togo .sec2 .list-box .list p:nth-child(2) a {display:inline-block;border-radius: 50px;border: 1px solid #FFF;background: #FFF;height: 48px;line-height: 48px;padding: 0px 24px;color: #008DA6;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;margin-top:16px;}
.writing-togo .sec2 .list-box .list p:nth-child(2) a img {vertical-align: middle;margin:0px 0px 3px 15px;}
.writing-togo .sec2 .list-box .list:hover p:nth-child(2) {opacity: 1;height:70px;
-webkit-transition : all 0.3s ease;
-moz-transition : all 0.3s ease;
-o-transition : all 0.3s ease;
transition : all 0.3s ease;
}
.writing-togo .sec3 {background: #EFFDFF;padding:80px 0px 160px;}
.writing-togo .sec3 h1 {margin-bottom: 30px;}
.writing-togo .sec3 .inner {width:100%;}
.writing-togo .swiper {width: 100%;height: 100%;overflow: hidden;position: relative;padding-top:80px;}
.writing-togo .swiper-slide {height:480px;padding:48px;box-sizing:border-box;background: #fff;display: flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;border-radius: 16px;}
.writing-togo .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.writing-togo .swiper-slide .txt-box {width:30%;}
.writing-togo .swiper-slide p:nth-of-type(1) {position: absolute;top:48px;left:48px;border-radius: 50px;background: rgba(255, 255, 255, 0.20);color: #FFF;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;padding: 8px 24px;}
.writing-togo .swiper-slide p:nth-of-type(2) {color: #FFF;font-size: 18px;font-weight: 400;letter-spacing: -0.36px;margin-bottom:0px;}
.writing-togo .swiper-slide p:nth-of-type(3) {color: #FFF;font-size: 36px;font-weight: 700;letter-spacing: -0.72px;margin-bottom:16px;}
.writing-togo .swiper-slide p:nth-of-type(4) {color: #FFF;text-align: justify;font-size: 16px;font-weight: 300;letter-spacing: -0.32px;}
.writing-togo .swiper-slide.slide1 {background:url(/images/kccf/bg/bg-writingtogo-sec3-1.png) center no-repeat;background-size:cover;}
.writing-togo .swiper-slide.slide2 {background:url(/images/kccf/bg/bg-writingtogo-sec3-2.png) center no-repeat;background-size:cover;}
.writing-togo .swiper-slide.slide3 {background:url(/images/kccf/bg/bg-writingtogo-sec3-3.png) center no-repeat;background-size:cover;}
.writing-togo .swiper-slide.slide4 {background:url(/images/kccf/bg/bg-writingtogo-sec3-4.png) center no-repeat;background-size:cover;}
.writing-togo .swiper .swiper-pagination {bottom:auto;top:0px;}
.writing-togo .swiper .swiper-pagination .swiper-pagination-bullet {opacity:1;background:#fff;width:auto;height:auto;border-radius: 50px;border:1px solid #008DA6;padding:10px 20px;color: #008DA6;text-align: center;font-size: 16px;}
.writing-togo .swiper .swiper-pagination .swiper-pagination-bullet-active {background: #008DA6;color:#fff;}
.writing-togo .swiper .swiper-button-next, .writing-togo .swiper .swiper-button-prev {top:58%;border-radius: 50%;}
.writing-togo .swiper .swiper-button-next {width:46px;height:46px;right:13.4%;background:url(/images/kccf/btn/btn_remote_banner_next_size21x41_fa.png) center no-repeat #ccc;background-size:25%;}
.writing-togo .swiper .swiper-button-prev {width:46px;height:46px;left:13.4%;background:url(/images/kccf/btn/btn_remote_banner_prev_size21x41_fa.png) center no-repeat #ccc;background-size:25%;}
.writing-togo .swiper .swiper-button-next:hover,
.writing-togo .swiper .swiper-button-prev:hover {background-color: #000;}
.writing-togo .subscription-btn {position:fixed;bottom:0px;left:0px;z-index:99;text-align: center;background:rgba(0, 0, 0, 0.8);width:100%;height:80px;line-height: 80px;}
.writing-togo .subscription-btn a {display: block;color: #FEE675;font-size: 24px;font-weight: 500;letter-spacing: -0.48px;}
.writing-togo .subscription-btn a img {vertical-align: middle;margin:0px 0px 3px 5px;}
.writing-togo .subscription-btn.off {background:rgba(0, 0, 0, 1.0);position: relative;}
.writing-togo .subscription-btn.on {background:rgba(0, 0, 0, 0.8);position: fixed;}

/* 동네마스터 테이블 */
section .inner .con-box .required-txt {text-align: right;padding:16px 0px;color: #444;font-family: Noto Sans CJK KR;font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;}
section .inner .con-box .required-txt span {color:#E84C29;}
section .inner .con-box .sub-write-table table.type10 {border-top:1px solid #2B2B2B;width:100%;}
section .inner .con-box .sub-write-table table.type10 caption {display: none;}
section .inner .con-box .sub-write-table table.type10 tr {border-bottom: 1px solid #DDD;}
section .inner .con-box .sub-write-table table.type10 tr th {padding:24px 24px;background: #F6F6F6;text-align: left;color: #2B2B2B;font-size: 16px;font-weight: 500;letter-spacing: -0.5px;}
section .inner .con-box .sub-write-table table.type10 tr th .required {color:#E84C29;padding:0px 5px;display:inline-block;}
section .inner .con-box .sub-write-table table.type10 tr td .input-box {position: relative;}
section .inner .con-box .sub-write-table table.type10 tr td {padding:16px 24px;}
section .inner .con-box .sub-write-table table.type10 tr td textarea {width:100%;border-radius: 4px;border: 1px solid #DDD;min-height: 140px;padding: 16px 16px;box-sizing: border-box;}
section .inner .con-box .sub-write-table table.type10 tr td input[type="text"] {width:100%;border-radius: 4px;border: 1px solid #DDD;height: 40px;padding: 0px 16px;box-sizing: border-box;}
section .inner .con-box .sub-write-table table.type10 tr td input::placeholder {color:#777;}
section .inner .con-box .sub-write-table table.type10 tr td .lengthCnt {position: absolute;right:0px;bottom:-24px !important;}
section .inner .con-box .sub-write-table table.type10 tr td p {color: #777;font-size: 12px;font-weight: 400;letter-spacing: -0.5px;margin-top:5px;}
section .inner .con-box .sub-write-table table.type10 tr td select {width:100%;border-radius: 4px;border: 1px solid #DDD;height: 40px;padding: 0px 16px;box-sizing: border-box;background: url(/images/kccf/icon/icon-contents-select-arr.png) no-repeat 95% center;}
section .inner .con-box .sub-write-table table.type10 tr.email td .input-box {display: flex;align-items: center;justify-content: space-between;}
section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.request #email {width:88%;}
section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.request #request-btn {width:11%;border-radius: 4px;background: #006F83;height:40px;color:#fff;font-size:14px;font-weight: 500;}
section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number #timer {border:0;height: auto;padding: 0;width: 80px;display: inline;color: #008DA6;font-size: 14px;font-weight: 500;letter-spacing: -0.5px;padding-left:5px;}
section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number {margin-top:10px;display: none;}
section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number #typingcode {width:60%;}
section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number span {display: flex;width:15%;}
section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number #resend-btn {width:11%;border-radius: 4px;background: #777;color: #FFF;font-size: 14px;font-weight: 500;height:40px;cursor: pointer;}
section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number #check-btn {width:11%;border-radius: 4px;background: #444;color: #FFF;font-size: 14px;font-weight: 500;height:40px;}
section .inner .con-box .sub-write-table table.type10 tr.mobile .input-box {display: flex;justify-content: space-between;align-items: center;}
section .inner .con-box .sub-write-table table.type10 tr.mobile .input-box input {width:30%;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file {position: relative;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file-input {height:32px;margin-bottom:0px;display: flex;align-items: center;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file-input-file {position: absolute;opacity: 0;display: none;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file-input-label {margin-bottom: 0;cursor: pointer;color:#fff;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file-input-label:after {content: attr(data-text-btn);width: auto;padding: 8px 12px;border-radius: 4px;background: #444;color: #fff;cursor: pointer;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file-input span {color: #777;font-size: 14px;font-weight: 400;padding-left:10px;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file-value {display: flex;justify-content: space-between;align-items: center;color: rgba(0, 0, 0, 0.6);border-radius: 4px;border: 1px solid #DDD;background: #EBEBEB;height:40px;padding:0px 16px;margin-top:10px;position: relative;width: 752px;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file-value:hover:after {color: #333;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file-value:after {content: '';}
section .inner .con-box .sub-write-table table.type10 tr.attach .file-value:after:hover {color: #333;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file-value-remove {background:url(/images/kccf/icon/icon-fileupload-del.png) center no-repeat;width:30px;height:30px;cursor: pointer;position: absolute;right:-30px;top:15px;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file-value .file-value-text {width:80%;overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: keep-all;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file-value .file-value-size {width:20%;text-align: right;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file .refDiv {display:flex;justify-content: space-between;position:relative;padding:10px 0px;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file .refDiv select {width:29%;margin-right:1%;}
section .inner .con-box .sub-write-table table.type10 tr.attach .file .refDiv input {width:70%;}

section .inner .con-box .sub-write-table table.type10 tr.about td,
section .inner .con-box .sub-write-table table.type10 tr.antecedents td,
section .inner .con-box .sub-write-table table.type10 tr.content td,
section .inner .con-box .sub-write-table table.type10 tr.introduce td,
section .inner .con-box .sub-write-table table.type10 tr.title td {padding-bottom:35px;}


section .inner .btn-box {text-align: center;margin:32px 0px;}
section .inner .btn-box button {width: 200px;height: 56px;background: #000;color: #FFF;font-size: 18px;font-weight: 500;letter-spacing: -0.36px;margin:0px 3px;}
section .inner .btn-box button.Bg-white {border: 1px solid #777;background: #FFF;color: #222;}
section .inner .btn-box button.Bg-gray {background: #777;}
section .inner .btn-box button.Bg-black {background: #000;}

/* 동네마스터 신청하기 */
.subscription section .inner {width:1000px;margin:0 auto;}
.subscription section .inner .tit-box {text-align: center;padding:60px 0px 32px;}
.subscription section .inner .tit-box h1 {color: #222;font-size: 30px;font-weight: 700;letter-spacing: -0.5px;margin-bottom:5px;}
.subscription section .inner .tit-box p {color: #444;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;}
.subscription section .inner .con-box .privacy-box {border-radius: 4px;border: 1px solid #DDD;background: #F2F8F9;padding: 24px;margin-top:32px;}
.subscription section .inner .con-box .privacy-box h3 {color: #444;font-size: 16px;font-weight: 700;letter-spacing: -0.32px;margin-bottom:8px;}
.subscription section .inner .con-box .privacy-box p {color: #444;font-size: 14px;font-weight: 300;letter-spacing: -0.28px;}
.subscription section .inner .con-box .privacy-box p:nth-of-type(1) {margin-bottom:15px;}
.subscription section .inner .con-box .privacy-box p input {appearance: auto;width:20px;height:20px;border-radius: 2px;border: 1px solid #006F83;background: #FFF;margin-right:5px;}
.subscription section .inner .con-box .privacy-box p label {color: #444;font-size: 14px;font-weight: 400;letter-spacing: -0.28px;}
.subscription section .inner .con-box .privacy-box .check input[type="checkbox"]:checked + label:before {background: url(/images/kccf/icon/icon-checked-green.png) no-repeat center;background-size: 12px 10px;}


/* 동네마스터 신청하기 반려사유 */
.subscription.reject section .inner .con-box .reject-box {border-radius: 4px;border: 1px solid #DDD;background: #F2F8F9;padding: 24px;margin-top:32px;}
.subscription.reject section .inner .con-box .reject-box h3 {color: #444;font-size: 16px;font-weight: 700;letter-spacing: -0.32px;margin-bottom:8px;}
.subscription.reject section .inner .con-box .reject-box p {color: #444;font-size: 14px;font-weight: 300;letter-spacing: -0.28px;}
.subscription.reject section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number {display:flex;}
.subscription.reject section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.request #request-btn {background: #ccc;cursor: default;}
.subscription.reject section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number #resend-btn {background:#ccc;cursor: default;}
.subscription.reject section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number #check-btn {background:#ccc;cursor: default;}

/* 집필작업실 */
.workplace-header {background: url(/images/kccf/bg/bg-workplace-header.png) no-repeat center;background-size: cover;width: 100%;height: 390px;margin-bottom: 50px;display: flex;align-items: center;}
.workplace-header .inner {width: 1400px;height: auto;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-end;}
.workplace-header .inner .tit-box .tit {color: #FFF;font-size: 48px;font-weight: 400;line-height: 60px;letter-spacing: -0.96px;margin-bottom:32px;}
.workplace-header .inner .tit-box .btn {width: auto;height: auto;border-radius: 0;line-height: normal;margin:0;}
.workplace-header .inner .tit-box .btn button {width: 200px;height: 56px;background: linear-gradient(270deg, #794507 0%, #AA610B 100%);box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.18);color: #FFF;font-size: 18px;font-weight: 500;letter-spacing: -0.36px;}
.workplace-header .inner .count-box {border-radius: 4px;background: rgba(0, 0, 0, 0.25);backdrop-filter: blur(5px);display: inline-flex;justify-content: center;align-items: center;height:124px;}
.workplace-header .inner .count-box > div {padding:0px 56px;height: 74px;border-right:1px solid rgba(221, 221, 221, 0.50);display:flex;align-items: center;justify-content:center;flex-direction: column;}
.workplace-header .inner .count-box > div:last-child {border:0;}
.workplace-header .inner .count-box > div p:nth-child(1) {color: #FFF;font-size: 14px;font-weight: 200;letter-spacing: -0.28px;line-height:30px;margin-bottom:5px;}
.workplace-header .inner .count-box > div p:nth-child(1) strong {color: #FE5;font-size: 32px;font-weight: 700;letter-spacing: -0.64px;padding-right:3px;}
.workplace-header .inner .count-box > div p:nth-child(2) {color: #FFF;font-size: 16px;font-weight: 200;letter-spacing: -0.32px;}

.workplace .inner {width: 1400px;margin: 0 auto 80px;display: flex;justify-content: space-between;}
.workplace .inner .left-con {width:320px;}
.workplace .inner .right-con {width:1040px;}
.workplace .inner .left-con .comment-box {margin-bottom:20px;padding: 30px;border-radius: 3px;border: 1px solid #DDD;background: #FFF;}
.workplace .inner .left-con .comment-box h3 {margin-bottom:20px;color: #000;font-size: 20px;font-weight: 500;letter-spacing: -0.7px;}
.workplace .inner .left-con .comment-box h3 span {color: #008DA6;font-weight: 700;}
.workplace .inner .left-con .list-box {padding-top:0;}
.workplace .inner .left-con .list-box .list {border-bottom:1px solid #ddd;padding-bottom:16px;margin-bottom:16px;display: flex;justify-content: space-between;}
.workplace .inner .left-con .list-box .list:last-child {border-bottom:0px solid #ddd;padding-bottom:0px;margin-bottom:0px;}
.workplace .inner .left-con .list-box .list .ico {width:20%;height:52px;}
.workplace .inner .left-con .list-box .list .ico.reply {background:url(/images/kccf/icon/icon-workplace-reply.png) center no-repeat;}
.workplace .inner .left-con .list-box .list .ico.comment {background:url(/images/kccf/icon/icon-workplace-comment.png) center no-repeat;}
.workplace .inner .left-con .list-box .list .txt {width:75%;}
.workplace .inner .left-con .list-box .list .txt p a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;overflow: hidden;color: #444;text-overflow: ellipsis;font-size: 14px;font-weight: 400;letter-spacing: -0.7px;margin-bottom:5px;}
.workplace .inner .left-con .list-box .list .txt p:nth-of-type(2) {overflow: hidden;color: #777;text-overflow: ellipsis;font-size: 12px;font-weight: 400;letter-spacing: -0.7px;}
.workplace .inner .left-con .list-box .list .txt p:nth-of-type(2) span:nth-child(1) {margin-right:8px;padding-right:8px;border-right:1px solid #ddd;height:12px;line-height:12px;display: inline-block;}
.workplace .inner .left-con .popular-content {margin-bottom:20px;padding: 30px;border-radius: 3px;border: 1px solid #DDD;background: #FFF;}
.workplace .inner .left-con .popular-content h3 {margin-bottom:20px;color: #000;font-size: 20px;font-weight: 500;letter-spacing: -0.7px;}
.workplace .inner .left-con .popular-content h3 span {color: #008DA6;font-weight: 700;}
.workplace .inner .left-con .popular-content .list-box .list {box-sizing: initial;height: 50px;}
.workplace .inner .left-con .popular-content .list-box .list .ico {background:url(/images/kccf/icon/icon-workplace-doc.png) center no-repeat;}
.workplace .inner .left-con .unsubscribe button {background:none;color: #006F83;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;}
.workplace .inner .left-con .unsubscribe button img {vertical-align: middle;margin:0px 0px 3px 5px;}
.workplace .inner .left-con .list-box .no-result {display: flex;min-height: 190px;justify-content: center;align-items: center;flex-direction: column;border-bottom:0;}
.workplace .inner .left-con .list-box .no-result p:nth-child(1) {margin-bottom:5px;}
.workplace .inner .left-con .list-box .no-result p:nth-child(2) {color: #777;font-size: 14px;font-weight: 400;letter-spacing: -0.7px;}

.workplace .inner .right-con .tab {position: relative;}
.workplace .inner .right-con .tab-menu {display: flex;justify-content: space-between;margin-bottom:10px;}
.workplace .inner .right-con .tab-menu ul {display: flex;border-radius: 5px;overflow: hidden;border:1px solid #ddd;}
.workplace .inner .right-con .tab-menu ul li {width:110px;height:38px;line-height:38px;text-align: center;border-right:1px solid #ddd;margin-right: 0px;}
.workplace .inner .right-con .tab-menu ul li:last-child {border-right:0;}
.workplace .inner .right-con .tab-menu ul li a {display: block;color: #999;font-size: 14px;font-weight: 500;letter-spacing: -0.35px;}
.workplace .inner .right-con .tab-menu ul li.active a {background: #006F83;color:#fff;}
.workplace .inner .right-con .tabContent{display:none}
.workplace .inner .right-con .tabContent.active{display:block}
.workplace .inner .right-con .tabContent ul.list {border-top: 2px solid #2EA1B6;}
.workplace .inner .right-con .tabContent ul.list li {padding:20px 0px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #DDD;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap {width:810px;margin-right:20px;height:140px;}
.workplace .inner .right-con .tabContent ul.list li .thumb {width:230px;height:140px;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap dl dt {margin-bottom:10px;cursor:pointer;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap dl dt .text-flow {overflow: hidden;color: #222;text-overflow: ellipsis;white-space: nowrap;font-size: 20px;font-weight: 500;letter-spacing: -0.35px;}
.workplace .inner .right-con .tabContent ul.list li:hover .data-wrap dl dt .text-flow {color: #008DA6;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap dl dd { display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 14px;font-weight: 400;letter-spacing: -0.7px;margin-bottom:10px;color:#444;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap .list-path {margin-bottom:10px;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap .list-path p {color: #777;font-size: 14px;font-weight: 400;letter-spacing: -0.7px;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap .list-info {display: flex;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap .list-info > div {border-right:1px solid #ddd;height:12px;line-height:12px;padding-right:10px;margin-right:10px;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap .list-info > div:last-child {border-right:0;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap .list-info .comment {padding-left:20px;background:url(/images/kccf/icon/icon-workplace-comment-small.png) left center no-repeat;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap .list-info .comment strong {padding-left:3px;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap .list-info .privacy {width:auto;margin:0;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap .list-info .reject {color: #F4802B;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap .list-info .request {color: #2781C1;}
.workplace .inner .right-con .tabContent ul.list li .data-wrap .list-info .checking {color: #008DA6;}
.workplace .inner .right-con .tabContent ul.list li.only-txt .data-wrap {width:100%;}
.workplace .inner .right-con .tabContent ul.list .no-result {display: flex;min-height: 500px;text-align:center;justify-content: center;align-items: center;flex-direction: column;border-bottom:0;}
.workplace .inner .right-con .tabContent ul.list .no-result p:nth-child(1) {margin-bottom:5px;}
.workplace .inner .right-con .tabContent ul.list .no-result p:nth-child(2) {color: #777;font-size: 18px;font-weight: 400;letter-spacing: -0.7px;}

/* 콘텐츠 작성 */
.contents-write section .inner {width:1000px;margin:0 auto;}
.contents-write section .inner .tit-box {text-align: center;padding:60px 0px 32px;}
.contents-write section .inner .tit-box h1 {color: #222;font-size: 30px;font-weight: 700;letter-spacing: -0.5px;margin-bottom:5px;}
.contents-write section .inner .tit-box p {color: #444;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;}
.contents-write section .inner .con-box .top-sec {display: flex;justify-content: space-between;align-items: center;}
.contents-write section .inner .con-box .top-sec .small-btn button {border-radius: 4px;background: #777;width: 100px;height: 32px;line-height:28px;color: #FFF;text-align: center;font-size: 14px;font-weight: 500;margin-right:5px;}
.contents-write section .inner .con-box .top-sec .small-btn .caution-btn {background: #444;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr th .notation-btn {width: 80px;height: 28px;padding: 0px 0px;box-sizing: border-box;color: #FFF;text-align: center;font-size: 12px;font-weight: 500;background: #000;margin-top:5px;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.subject td .input-box {display: flex;justify-content: space-between;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.subject td .input-box select {width:49.5%;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.content td .input-box textarea {min-height:260px;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td p {margin-top:0;margin-bottom:5px;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box {display: flex;align-items: center;justify-content: space-between;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box:nth-of-type(1) {margin-bottom:10px;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box #place {width: 88%;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box #place-btn {width: 11%;border-radius: 4px;background: #006F83;height: 40px;color: #fff;font-size: 14px;font-weight: 500;cursor: pointer;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label {display: flex;justify-content: space-between;align-items: center;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label:nth-of-type(1) {width:39%;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label:nth-of-type(2) {width:29%;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label:nth-of-type(3) {width:29%;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label span {width:25%;color: #777;font-family: Noto Sans CJK KR;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.5px;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label input {width:80%;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label:nth-of-type(1) span {width:15%;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label:nth-of-type(1) input {width:40%;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.attach .value-box {display: flex;justify-content: space-between;align-items: center;margin-top:10px;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.attach .value-box select {width:24%;}
.contents-write section .inner .con-box .sub-write-table table.type10 tr.attach .value-box .file-value {width:75%;margin:0;}
.contents-write section .inner .con-box .type-box {display: flex;align-items:center;padding:0px 18px;background: #2781C1;height:40px;margin-bottom:16px;}
.contents-write section .inner .con-box .type-box .date {border-right:1px solid rgba(255, 255, 255, 0.4);padding-right:10px;margin-right:10px;height:12px;line-height: 12px;color: #FFF;font-size: 14px;font-weight: 400;letter-spacing: -0.28px;}
.contents-write section .inner .con-box .type-box .date img {margin-right:5px;vertical-align: middle;}
.contents-write section .inner .con-box .type-box .tit {color: #FFF;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;}
.contents-write section .inner .con-box .type-box.request {display: flex;align-items:center;padding:0px 18px;background: #2781C1;height:40px;margin-bottom:16px;}
.contents-write section .inner .con-box .type-box.checking {display: flex;align-items:center;padding:0px 18px;background: #675A4D;height:40px;margin-bottom:16px;}


/* 임시저장글 팝업 */
.pop-temporary .pop-wrap {border-radius: 5px;background: #F5F5F5;width: 784px;overflow: hidden;}
.pop-temporary .pop-wrap .tit-box {background: url(/images/kccf/bg/bg-contents-pop.png) center no-repeat;background-size:cover;height:162px;}
.pop-temporary .pop-wrap .tit-box h3 {color: #FFF;text-align: center;font-size: 24px;font-weight: 700;letter-spacing: -1px;padding:26px 0px;}
.pop-temporary .pop-wrap .con-box {margin:0px 32px 32px;padding:32px;border-radius: 3px;border: 1px solid #DDD;background: #FFF;margin-top:-75px;}
.pop-temporary .pop-wrap .con-box .top-sec {display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #222;padding-bottom:16px;}
.pop-temporary .pop-wrap .con-box .top-sec .total {color: #333;font-size: 18px;font-weight: 700;letter-spacing: -1px;}
.pop-temporary .pop-wrap .con-box .top-sec .total span {color: #008DA6;}
.pop-temporary .pop-wrap .con-box .top-sec .btn-sec button {width: 100px;height: 32px;border-radius: 4px;background: #777;color:#fff;margin-left:5px;}
.pop-temporary .pop-wrap .con-box .top-sec .btn-sec button.sel-del {background: #444;}
.pop-temporary .pop-wrap .con-box .mid-sec {height: 475px;overflow-y: auto;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box {padding-top:0;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list {padding:16px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #DDD;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list:hover {background: #E5F3F6;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list .check {width:5%;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list .tit {width:90%;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list .del {width:5%;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list .check input[type="checkbox"] + label {padding:0;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list .check input[type="checkbox"] + label:before {display: inline-block;position: static;width:13px;height:13px;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list .check input[type="checkbox"]:checked + label:before {background: url(/images/kccf/icon/icon-checked-green.png) no-repeat center;border: 1px solid #008DA6;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list .tit p:nth-child(1) {color: #333;font-size: 16px;font-weight: 500;letter-spacing: -1px;overflow: hidden;color: #222;text-overflow: ellipsis;white-space: nowrap;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list:hover .tit p:nth-child(1) {color: #008DA6;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list .tit p:nth-child(2) {color: #777;font-size: 14px;font-weight: 400;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list .del button {background:url(/images/kccf/icon/icon-contents-del.png) center no-repeat;width:30px;height:30px;opacity: 0;}
.pop-temporary .pop-wrap .con-box .mid-sec .list-box .list:hover .del button {opacity: 1;}
.pop-temporary .pop-wrap .btn-box {position: absolute;top:32px;right:32px;}
.pop-temporary .pop-wrap .btn-box button {background: url(/images/kccf/icon/icon-contents-pop-close.png) center no-repeat;font-size:0;width:30px;height:30px;}
.pop-temporary .mCSB_inside > .mCSB_container {margin:0;}
.pop-temporary .mCSB_scrollTools .mCSB_draggerContainer {left:11px;}

/* 집필 유의사항 팝업 */
.pop-caution .pop-wrap {border-radius: 5px;background: #F5F5F5;width: 784px;overflow: hidden;}
.pop-caution .pop-wrap .tit-box {background: url(/images/kccf/bg/bg-contents-pop.png) center no-repeat;background-size:cover;height:162px;}
.pop-caution .pop-wrap .tit-box h3 {color: #FFF;text-align: center;font-size: 24px;font-weight: 700;letter-spacing: -1px;padding:26px 0px;}
.pop-caution .pop-wrap .con-box {margin:0px 32px 32px;padding:32px;border-radius: 3px;border: 1px solid #DDD;background: #FFF;margin-top:-75px;height:753px;overflow-y: auto;}
.pop-caution .pop-wrap .con-box h2 {color: #333;font-size: 18px;font-weight: 700;letter-spacing: -1px;margin-bottom:16px;}
.pop-caution .pop-wrap .con-box h2 p {text-indent:20px;color: #333;font-size: 14px;font-weight: 600;letter-spacing: -1px;}
.pop-caution .pop-wrap .con-box h2:nth-of-type(2) {margin-top:30px;}
.pop-caution .pop-wrap .con-box h3 {text-indent:15px;color: #333;font-size: 16px;font-weight: 600;letter-spacing: -1px;margin:8px 0px 3px;display: inline-block;position: relative;}
.pop-caution .pop-wrap .con-box h3::before {content:'';display:inline-block;width:4px;height:4px;border-radius: 50%;background: #000;position: absolute;top:10px;left:0px;}
.pop-caution .pop-wrap .con-box ul {padding-left: 15px;}
.pop-caution .pop-wrap .con-box ul li {color: #333;font-size: 14px;font-weight: 400;letter-spacing: -1px;margin-bottom:5px;}
.pop-caution .pop-wrap .con-box ul li b {font-weight: 600;}
.pop-caution .pop-wrap .con-box ul li.yellow {background: #ffeb35;display: inline-block;}
.pop-caution .pop-wrap .con-box ul li button {background: #000;height: 26px;line-height:26px;padding: 0px 12px;color:#fff;color: #FFF;text-align: center;font-size: 12px;font-weight: 500;margin-left:10px;}
.pop-caution .pop-wrap .btn-box {position: absolute;top:32px;right:32px;}
.pop-caution .pop-wrap .btn-box button {background: url(/images/kccf/icon/icon-contents-pop-close.png) center no-repeat;font-size:0;width:30px;height:30px;}
.pop-caution .mCSB_inside > .mCSB_container {margin:0;}
.pop-caution .mCSB_scrollTools .mCSB_draggerContainer {left:11px;}

/* 참고자료 표기법 팝업 */
.pop-notation .pop-wrap {border-radius: 5px;background: #F5F5F5;width: 884px;overflow: hidden;}
.pop-notation .pop-wrap .tit-box {background: url(/images/kccf/bg/bg-contents-pop.png) center no-repeat;background-size:cover;height:162px;}
.pop-notation .pop-wrap .tit-box h3 {color: #FFF;text-align: center;font-size: 24px;font-weight: 700;letter-spacing: -1px;padding:26px 0px;}
.pop-notation .pop-wrap .con-box {margin:0px 32px 32px;padding:32px;border-radius: 3px;border: 1px solid #DDD;background: #FFF;margin-top:-75px;height:753px;overflow-y: auto;}
.pop-notation .pop-wrap .con-box .info-box p {color: #333;font-size: 14px;font-weight: 400;letter-spacing: -1px;margin-bottom:3px;}
.pop-notation .pop-wrap .con-box .info-box p span {display:inline-block;text-indent:15px;color: #666;font-size: 12px;font-weight: 400;letter-spacing: -1px;}
.pop-notation .pop-wrap .con-box .table-box table {margin-top:25px;border: 1px solid #DDD;}
.pop-notation .pop-wrap .con-box .table-box table caption {display: none;}
.pop-notation .pop-wrap .con-box .table-box table th,
.pop-notation .pop-wrap .con-box .table-box table td {min-height:48px;}
.pop-notation .pop-wrap .con-box .table-box table tr {border-bottom:1px solid #ddd;}
.pop-notation .pop-wrap .con-box .table-box table th {color: #333;font-size: 14px;font-weight: 500;letter-spacing: -1px;text-align: center;border-right: 1px solid #DDD;background: #EEE;padding:14px 10px;}
.pop-notation .pop-wrap .con-box .table-box table td {padding:10px;border-right:1px solid #ddd;color: #333;font-size: 14px;font-weight: 400;letter-spacing: -1px;}
.pop-notation .pop-wrap .con-box .table-box table td.bg {background: #F2F8F9;}
.pop-notation .pop-wrap .btn-box {position: absolute;top:32px;right:32px;}
.pop-notation .pop-wrap .btn-box button {background: url(/images/kccf/icon/icon-contents-pop-close.png) center no-repeat;font-size:0;width:30px;height:30px;}
.pop-notation .mCSB_inside > .mCSB_container {margin-left:5px;}
.pop-notation .mCSB_scrollTools .mCSB_draggerContainer {left:0px;}

/* 콘텐츠 디테일 */
.contents-detail-header {background: url(/images/kccf/bg/bg-contents-header.png) no-repeat center;background-size: cover;width: 100%;min-height: 260px;margin-bottom: 50px;display: flex;align-items: center;padding:20px 0px;}
.contents-detail-header .inner {position:relative;width: 1040px;height: auto;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-end;}
.contents-detail-header .inner .tit-box .tit p:nth-of-type(1) {color: #FFF;font-size: 16px;font-weight: 200;letter-spacing: -1px;}
.contents-detail-header .inner .tit-box .tit p:nth-of-type(2) {color: #FFF;font-size: 34px;font-weight: 400;letter-spacing: -1px;}
.contents-detail-header .inner .tit-box .type {display:inline-flex;align-items:center;height: 38px;line-height:38px;padding:0px 20px;border-radius: 50px;border: 1px solid rgba(0, 0, 0, 0.20);background: #006F83;margin-top:60px;}
.contents-detail-header .inner .tit-box .type .date {color: #FFF;text-align: center;font-size: 14px;font-weight: 200;letter-spacing: -0.28px;margin-right:10px;padding-right:10px;display: inline-block;position:relative;}
.contents-detail-header .inner .tit-box .type .date img {vertical-align: middle;padding:0px 3px 7px 0px;}
.contents-detail-header .inner .tit-box .type .date::before {content: '';display:inline-block;width:1px;background:#c1c1c1;height:12px;position: absolute;top:13px;right:0px;}
.contents-detail-header .inner .tit-box .type .txt {color: #FFF;text-align: center;font-size: 14px;font-weight: 700;letter-spacing: -0.28px;}
.contents-detail-header .inner .btn-box {position:absolute;right:0px;bottom:0px;}
.contents-detail-header .inner .btn-box button {margin-left:5px;width: 80px;height: 38px;padding: 8px 16px;border-radius: 100px;border: 1px solid rgba(255, 255, 255, 0.80);background:none;color: #FFF;text-align: center;font-size: 14px;font-weight: 400;text-indent: 20px;}
.contents-detail-header .inner .btn-box .type-btn {width:100px;background: url(/images/kccf/icon/icon-contents-private-on.png) 12px center no-repeat rgba(255, 255, 255, 0.80);color: #008DA6;}
.contents-detail-header .inner .btn-box .del-btn {background: url(/images/kccf/icon/icon-contents-del2.png) 12px center no-repeat;}
.contents-detail-header .inner .btn-box .modify-btn {background: url(/images/kccf/icon/icon-contents-modify.png) 12px center no-repeat;}

.contents-detail .inner {max-width: 1040px;margin: 0 auto;display: flex;justify-content: space-between;}
.contents-detail .con-left {overflow: hidden;line-height: 1.7;font-size: 16px;width: 700px;margin-right: 64px;margin-bottom:80px;}
.contents-detail .con-left .mygallery {margin-bottom: 50px;padding-bottom: 60px;border-bottom: 1px solid #ddd;}
.contents-detail .con-left .section {border-top: 0 !important;margin-top: 0 !important;padding-top: 0 !important;}
.contents-detail .con-left .con-top {overflow: hidden;padding-bottom: 30px;font-weight: 500;color: #444}
.contents-detail .con-left .con-top .field-left {float: left;padding-top: 10px}
.contents-detail .con-left .con-top .field-left li {float: left;font-size: 16px}
.contents-detail .con-left .con-top .field-left li span {display: inline-block;padding-right: 5px;font-weight: bold;color: #0087cc}
.contents-detail .con-left .con-top .field-right {float: right}
.contents-detail .con-left .summary {clear: both;margin-bottom: 50px;padding-bottom: 24px;border-bottom: 1px solid #ddd;color: #777}
.contents-detail .con-left p {color: #444;text-align: justify;font-size: 16px;font-weight: 300;line-height: 26px;}
.contents-detail .con-left p strong {font: 16px 'noto sansM';color: #222}
.contents-detail .con-left img {width:auto;height:auto;max-width:100%;max-height:100%;}
.contents-detail .con-left .Sec {display: inline-block;height: auto;}
.contents-detail .con-left .Sec h3 {float: left;width: 120px;font-size: 16px;font-weight: bold;color: #000;}
.contents-detail .con-left .Sec .cl-inner {float: left;width: 580px;}
.contents-detail .con-left .Sec .cl-inner .Text {display: flex;width: 100%;}
.contents-detail .con-left .Sec .cl-inner .Text span {margin-bottom:8px;}
.contents-detail .con-left .Sec .cl-inner .Text span b {color: #555;font-size: 14px;font-weight: 400;letter-spacing: -0.7px;}
.contents-detail .con-left .reference {margin-bottom: 30px;}
.contents-detail .con-left .reference .btn-rectangle {float: left;width: 70px;height: 25px;line-height: 23px;border: 1px solid #008DA6;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;background-color: #fff;color: #008DA6;text-align: center;font-size: 12px;}
.contents-detail .con-left .reference .reference-name {float: left;width: calc(100% - 70px);padding-left: 10px;font-size: 14px;color: #555;}
.contents-detail .con-left .reference .reference-name a {display: inline-block;width: 45px;height: 20px;line-height:20px !important;margin-left: 8px;padding: 1px 0;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;background-color: #363434;font: 11px 'noto sansM';color: #fff;text-align: center;}
.contents-detail .con-left .writer .cl-inner .Text span {font-size: 14px;margin-bottom:0;}
.contents-detail table {border: none;border-collapse: collapse;padding: 0;border-spacing: 0;border-color: gray}
.contents-detail .detail-table-10 table {width: 100%;max-width: 700px;border-top: 2px solid #999999;border-bottom: 2px solid #999999;}
.contents-detail .detail-table-10 table tr {border-bottom: 1px solid #E5E5E5;height: 56px;}
.contents-detail .detail-table-10 table tr th, .detail-table-10 table tr td {text-align: left;padding: 2% 3%;}
.contents-detail .detail-table-10 table tr th {background: #F5F5F5;font-weight: 500;font-size: 16px;}
.contents-detail .detail-table-10 table tr td {font-weight: 300;font-size: 16px;}
.contents-detail .detail-table-10 table tr td p {margin-bottom: 5px;}
.contents-detail .detail-table-11 table {width: 100%;max-width: 700px;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;}
.contents-detail .detail-table-11 table tr {border-bottom: 1px solid #E5E5E5;height: 42px;}
.contents-detail .detail-table-11 table tr th, .detail-table-11 table tr td {text-align: left;padding: 1% 3%;}
.contents-detail .detail-table-11 table tr th {background: #F5F5F5;font-weight: 500;font-size: 16px;text-align: center;}
.contents-detail .detail-table-11 table tr td {font-weight: 300;font-size: 16px;}
.contents-detail .tit-date {font-weight: 500;font-size: 20px;}
.contents-detail .tit-date img {vertical-align: middle;}
.contents-detail .index-word {width: 100%;height: auto;max-width: 700px;background: #F5F5F5;border: 1px solid #E5E5E5;border-radius: 5px;display: flex;align-items: center;padding: 2% 3%;margin-top: 10px;}
.contents-detail .index-word p {font-weight: 300;font-size: 16px;display: flex;align-items: center;width: 100%;}
.contents-detail .index-word p span.b1 {background: #0087CC;border: 1px solid #0087CC;border-radius: 5px;padding: 8px 16px;color: #fff;margin-right: 15px;width: 20%;min-width: 120px;text-align: center;}
.contents-detail .index-word p span.b2 {line-height: 22px;width: 80%;}
.contents-detail .con-right {width: 276px;}
.contents-detail .con-right h3 {font-size: 20px;color: #000;padding-bottom: 20px;font-weight: bold;}
.contents-detail .con-right .Sec {border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 30px;display: inline-block;width: 100%;height: auto;}
.contents-detail .con-right .Sec:last-child {border-bottom: 0;}
.contents-detail .con-right .Sec .cr-inner ul li {padding-bottom: 5px;}
.contents-detail .con-right .keywords h3 span {color: #2781c1;}
.contents-detail .con-right .tags h3 span {color: #f0a233;}
.contents-detail .con-right .list-tag {min-height: 26px;overflow: hidden;height: auto;}
.contents-detail .con-right .list-tag li {margin-bottom: 6px;background: #fff;padding: 1px 15px;text-align: center;height: 26px;line-height: 30px;}
.contents-detail .con-right .list-tag li a {font-size: 14px;color: #444;display: block;}
.contents-detail .con-right .elementary .cr-inner ul li span {color: #2781c1;}
.contents-detail .con-right .elementary .cr-inner ul li span strong {font-size: 10px;padding: 0px 5px;font-weight: 100;}
.contents-detail .con-right .related-info .map {position: relative;margin-bottom:20px;width: 276px;height: 192px;border: 1px solid #EEE;}
.contents-detail .con-right .related-info .map img {width: 100%;height: 192px;}
.contents-detail .con-right .related-info .map .map-zoom {background: url(/images/icon/icon-map-zoom.png) center no-repeat rgba(255,255,255,.95);text-indent: -99999px;background-size: 100%;position: absolute;left: 5px;top: 50%;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);width: 35px;height: 35px;border: 1px solid rgba(0,0,0,.05);}
.contents-detail .con-right .related-info .location-info span.location img {width: 26px;height: 32px;}
.contents-detail .con-right .related-info .location-info span.info-address {line-height: 20px;}
.contents-detail .con-right .related-info .around-list .council ul li {display: inline-block;width: 100%;padding-bottom: 12px;}
.contents-detail .con-right .related-info .around-list .council ul li .council-icon {float: left;width: 13%;}
.contents-detail .con-right .related-info .around-list .council ul li .council-text {float: left;width: 87%;}
.contents-detail .con-right .related-info .around-list .council ul li .council-icon img {padding: 5px 0px;}
.contents-detail .con-right .related-info .around-list .council ul li .council-text p:nth-of-type(1) {font-size: 16px;color: #444;}
.contents-detail .con-right .related-info .around-list .council ul li .council-text p:nth-of-type(2) {font-size: 12px;color: #666;}
.contents-detail .con-right .related-info .around-list .council ul li .council-text a {width: 26px;height: 16px;line-height: 13px;font-weight: 100;font-size: 10px;position: relative;top: -3px;left: 5px;}
.contents-detail .con-right .multimedia ul > li:nth-child(6) ~ li {display: none;}
.contents-detail .con-right .multimedia .source-origin {position: absolute;bottom: 5px;left: 10px;right: 10px;font-size: 11px;color: #fff;text-shadow: rgb(0 0 0 / 50%) 1px 1px 2px;}
.contents-detail .con-right .multimedia .overlay a span {text-align: center;}
.contents-detail .con-right .multimedia .overlay .point {margin-top: -15px;font-size: 12px;}
.contents-detail .con-right .multimedia .overlay .text {font-size: 14px;top: 60px;}
.contents-detail .con-right .multimedia .overlay .overlay-origin {font-size: 10px;color: #c2c2c2;margin-top: 0;text-align: center;letter-spacing: -0.5px;}
.contents-detail .con-right .multimedia .btn-wrap {margin-top: 20px;display: inline-block;width: 100%;text-align: center;}
.contents-detail .con-right .keywords .list-tag li:hover {background-color: #0087cc}
.contents-detail .con-right .list-tag li:hover a {color: #fff}
.contents-detail .con-right .tags .list-tag li:hover {background-color: #fa9f35}
.contents-detail .con-right .btn-link-go {display: inline-block;width: 45px;height: 20px;margin-left: 5px;padding: 1px 0;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;background-color: #363434;font: 11px 'noto sansM';color: #fff;text-align: center}
.contents-detail .con-right .multimedia .overlay .text.Box {width: 100%;max-height: 150px;height: 36px;overflow: hidden;letter-spacing: -0.5px;text-align: left;}
.contents-detail figcaption {font-size: 13px;color: #555;text-align: center}
.contents-detail .mygallery .images a {display: inline-block;width: 100%;border: 1px solid #ddd}
.contents-detail .mygallery .images img {width: 100%;height: 100%;vertical-align: top;}

/* 100% 이미지 */
.contents-detail .mygallery .one-image {margin: 40px 0}
.contents-detail .mygallery .one-image a {width: 100%;}

/* 이미지 1개 */
.contents-detail .mygallery .mygallery1.center {width: 50%;margin: 40px auto;}
.contents-detail .mygallery .mygallery1.img-left {float: left;width: 50%;margin: 40px;margin-left: 0}
.contents-detail .mygallery .mygallery1.img-right {float: right;width: 50%;margin: 40px;margin-right: 0}
.contents-detail .mygallery .mygallery1 {display: flex;justify-content: space-between;}
.contents-detail .mygallery .mygallery1 .img {width:48%;}
.contents-detail .mygallery .mygallery1 .img p:nth-of-type(2) {color: #000;text-align: center;font-size: 13px;font-weight: 300;letter-spacing: -0.7px;margin-bottom:8px;}
.contents-detail .mygallery .mygallery1 .txt {width:48%;}

/* 이미지 2개 */
.contents-detail .mygallery .mygallery2 figure {float: left;margin: 40px 0}
.contents-detail .mygallery .mygallery2 figure:first-child {margin-right: 4px}
.contents-detail .mygallery .mygallery2 a {width: 100%;height: 233px;}
.contents-detail .mygallery .mygallery2.vertical a {height: 465px;}
.contents-detail .mygallery .mygallery2.img-small-left a, .mygallery .mygallery2.img-small-right a {width: 100%;height: 310px}
.contents-detail .mygallery .mygallery2 figure {width: calc(50% - 2px)}
.contents-detail .mygallery .mygallery2.img-small-left figure:first-child, .mygallery .mygallery2.img-small-right figure:last-child {width: calc(30% - 2px)}
.contents-detail .mygallery .mygallery2.img-small-left figure:last-child, .mygallery .mygallery2.img-small-right figure:first-child {width: calc(70% - 2px)}

/* 이미지 3개 */
.contents-detail .mygallery .mygallery3 figure {float: left;width: calc(33.238% - 2px);margin: 40px 0}
.contents-detail .mygallery .mygallery3 figure a {width: 100%;height: 153px}
.contents-detail .mygallery .mygallery3.vertical figure a {width: 100%;height: 306px}
.contents-detail .mygallery .mygallery3 figure:first-child {margin-right: 4px}
.contents-detail .mygallery .mygallery3 figure:last-child {margin-left: 4px}
.contents-detail .con-left blockquote {margin: 40px 0;font-size: 18px;font-style: italic;font-weight: 600;color: #555;text-align: center}
.contents-detail .con-left blockquote:before, .con-left blockquote:after {content: "";display: block;width: 28px;height: 20px}
.contents-detail .con-left blockquote:before {margin: 0 auto 20px;background: url(/images/icon/icon-quote-top.png) no-repeat}
.contents-detail .con-left blockquote:after {margin: 20px auto 0;background: url(/images/icon/icon-quote-bottom.png) no-repeat}
.contents-detail .tit-table {margin-bottom: 10px;font-size: 14px;text-align: center}
.contents-detail .table-detail {width: 100%;margin: 0 auto;border-top: 1px solid #ddd;border-right: 1px solid #ddd;font-size: 13px}
.contents-detail .table-detail th, .table-detail td {padding: 10px 5px;text-align: center}
.contents-detail .table-detail th {background: #efefef;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd}
.contents-detail .table-detail td {border-bottom: 1px solid #ddd;border-left: 1px solid #ddd}

/* 본문 내 table */
.contents-detail .mygallery .detail-table01 {padding-bottom: 20px;width: 100%;overflow: auto;}
.contents-detail .mygallery .detail-table01 table {table-layout: fixed;font-size: 0.9rem;}
/*.contents-detail .mygallery .detail-table01 caption {display: table-caption; padding-bottom: 10px;}*/
.contents-detail .mygallery .detail-table01 caption {text-indent: 0;width: 100%;height: 30px;line-height: 30px;font-size: 13px;color: #555;text-align: center;margin-top: 10px;}
.contents-detail .mygallery .detail-table01 tr {border: 1px solid #ddd;}
.contents-detail .mygallery .detail-table01 th, .mygallery .detail-table01 td {border: 1px solid #ddd;text-align: center;padding: 5px 10px;}
.contents-detail .mygallery .detail-table01 th {background: #efefef;font-weight: 500;}
.contents-detail .mygallery .detail-table02 {padding-bottom: 20px;width: 100%;overflow: auto;}
.contents-detail .mygallery .detail-table02 table {table-layout: fixed;font-size: 0.9rem;}
/*.contents-detail .mygallery .detail-table02 caption {display: table-caption; padding-bottom: 10px;}*/
.contents-detail .mygallery .detail-table02 caption {text-indent: 0;width: 100%;height: 30px;line-height: 30px;font-size: 13px;color: #555;text-align: center;margin-top: 10px;}
.contents-detail .mygallery .detail-table02 tr {border: 1px solid #ddd;}
.contents-detail .mygallery .detail-table02 th, .mygallery .detail-table02 td {border: 1px solid #ddd;text-align: center;padding: 5px 10px;}
.contents-detail .mygallery .detail-table02 th {background: #efefef;font-weight: 500;}
.contents-detail .mygallery .detail-table03 {padding-bottom: 20px;width: 100%;overflow: auto;}
.contents-detail .mygallery .detail-table03 table {table-layout: fixed;font-size: 0.9rem;}
/*.contents-detail .mygallery .detail-table03 caption {display: table-caption; padding-bottom: 10px;}*/
.contents-detail .mygallery .detail-table03 caption {text-indent: 0;width: 100%;height: 30px;line-height: 30px;font-size: 13px;color: #555;text-align: center;margin-top: 10px;}
.contents-detail .mygallery .detail-table03 tr {border: 1px solid #ddd;}
.contents-detail .mygallery .detail-table03 th, .mygallery .detail-table03 td {border: 1px solid #ddd;text-align: center;padding: 5px 10px;}
.contents-detail .mygallery .detail-table03 th {background: #efefef;font-weight: 500;}
.contents-detail .mygallery .detail-table03 tbody th {background: #eee;}

.contents-detail .comment-sec {width:100%;padding-bottom:30px;}
.contents-detail .comment-sec h3 {border-bottom: 1px solid #DDD;color: #000;font-size: 20px;font-weight: 700;letter-spacing: -0.7px;padding-bottom:16px;}
.contents-detail .comment-sec h3 span {color: #008DA6;}
.contents-detail .comment-sec .list-box {padding:0;}
.contents-detail .comment-sec .list-box .list {border-bottom: 1px solid #DDD;}
.contents-detail .comment-sec .list-box .list .com-box {position: relative;padding: 24px 170px 24px 16px;}
.contents-detail .comment-sec .list-box .list .nic {color: #000;font-size: 14px;font-weight: 700;letter-spacing: -0.7px;margin-bottom:4px;}
.contents-detail .comment-sec .list-box .list .nic .date {color: #777;font-size: 14px;font-weight: 300;letter-spacing: -0.7px;margin-left:5px;}
.contents-detail .comment-sec .list-box .list .det {color: #444;font-size: 16px;font-weight: 350;letter-spacing: -0.7px;}
.contents-detail .comment-sec .list-box .list .det pre {white-space: pre-line;word-break: break-all;}
.contents-detail .comment-sec .list-box .list .btn {position: absolute;right:16px;bottom:24px;width: auto;height: auto;line-height: normal;margin:0;}
.contents-detail .comment-sec .list-box .list .btn button {border-radius: 4px;border: 1px solid #DDD;background: #FFF;height: 32px;line-height: 29px;padding: 0px 16px;color: #777;text-align: center;font-size: 14px;font-weight: 500;letter-spacing: -0.7px;}
.contents-detail .comment-sec > .register-box {margin-top:24px;}
.contents-detail .comment-sec .register-box {position: relative;}
.contents-detail .comment-sec .register-box textarea {width:100%;height:144px;border: 1px solid #DDD;background: #FFF;padding: 24px 165px 24px 24px;box-sizing: border-box;resize:none;}
.contents-detail .comment-sec .register-box .counter {position: absolute;left:0px;bottom:-22px;color: #444;font-size: 12px;font-weight: 400;letter-spacing: -0.24px;}
.contents-detail .comment-sec .register-box .reg-btn {position: absolute;right:24px;bottom:24px;border-radius: 2px;background: #006F83;width: 115px;height: 42px;color: #FFF;font-size: 14px;font-weight: 500;letter-spacing: -1px;}
.contents-detail .comment-sec .reply-box {position:relative;display: block !important;border-top: 1px solid #DDD;background: #FAFAFA;padding:24px 16px;}
.contents-detail .comment-sec .reply-box .det .nic {color: #222;font-size: 14px;font-weight: 500;letter-spacing: -0.7px;border-radius: 4px;background: #E6E6E6;padding:4px;margin-right:10px;}
.contents-detail .comment-sec .list-box .list .register-box {position:relative;display: block !important;background: #FAFAFA;padding: 24px 16px;}
.contents-detail .comment-sec .list-box .list .register-box .reg-btn {right:40px;bottom:48px;}
.contents-detail .comment-sec .list-box .list .register-box .counter {left:18px;bottom:4px;}

/* 콘텐츠 작성 반려 */
.contents-write.reject section .inner .con-box .reject-box {border-radius: 4px;border: 1px solid #DDD;background: #F2F8F9;padding: 24px;margin-top:32px;}
.contents-write.reject section .inner .con-box .reject-box h3 {color: #444;font-size: 16px;font-weight: 700;letter-spacing: -0.32px;margin-bottom:8px;}
.contents-write.reject section .inner .con-box .reject-box p {color: #444;font-size: 14px;font-weight: 300;letter-spacing: -0.28px;}
.contents-write.reject section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number {display:flex;}
.contents-write.reject section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.request #request-btn {background: #ccc;cursor: default;}
.contents-write.reject section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number #resend-btn {background:#ccc;cursor: default;}
.contents-write.reject section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number #check-btn {background:#ccc;cursor: default;}

/* 탈퇴 */
.secession section .inner {width:1000px;margin:0 auto;}
.secession section .inner .tit-box {text-align: center;padding:60px 0px 32px;}
.secession section .inner .tit-box p {margin-bottom:16px;}
.secession section .inner .tit-box h1 {color: #222;font-size: 30px;font-weight: 700;letter-spacing: -0.5px;margin-bottom:5px;}
.secession section .inner .tit-box h1 span {color: #AA610B;border-bottom:1px solid #AA610B;}
.secession section .inner .con-box > div {margin-bottom:32px;}
.secession section .inner .con-box > div .tit {color: #2B2B2B;font-size: 18px;font-weight: 700;letter-spacing: -0.5px;margin-bottom:10px;}
.secession section .inner .con-box .guide .con {padding:24px;border-radius: 4px;border: 1px solid #DDD;background: #F2F8F9;}
.secession section .inner .con-box .guide .con h3 {color: #444;font-size: 16px;font-weight: 600;letter-spacing: -0.32px;}
.secession section .inner .con-box .guide .con p {color: #444;font-size: 14px;font-weight: 300;letter-spacing: -0.28px;margin-bottom:16px;}
.secession section .inner .con-box .guide .con p:last-child {margin-bottom:0;}
.secession section .inner .con-box .reason .con textarea {padding:16px;box-sizing:border-box;width:100%;height:140px;border-radius: 4px;border: 1px solid #DDD;background: #FFF;resize:none ;}
.secession section .inner .con-box .agree {margin:32px 0px;text-align: center;}
.secession section .inner .con-box .agree p {color: #444;font-size: 16px;font-weight: 500;letter-spacing: -0.5px;margin-bottom:16px;}
.secession section .inner .con-box .agree label {color: #444;font-size: 14px;font-weight: 400;letter-spacing: -0.28px;}
.secession section .inner .con-box .agree label input {width:20px;height:20px;}

/* 우리지역N 목록 */
.region-list-header {background: linear-gradient(90deg, #0883A9 0%, #11ADC0 100%);background-size: cover;width: 100%;min-height: 378px;margin-bottom: 50px;display: flex;}
.region-list-header .inner {width: 1400px;height: auto;margin: 0 auto;padding:55px 0px;}
.region-list-header .inner .search-box {padding:0px 0px 24px;display: flex;}
.region-list-header .inner .search-box .search {position: relative;margin-right:8px;}
.region-list-header .inner .search-box .search .search-input {border-radius: 29px;border: 2px solid #006F83;background: #FFF;width: 600px;height: 58px;padding:0px 60px 0px 30px;box-sizing: border-box;}
.region-list-header .inner .search-box .search .search-btn {background:url(/images/kccf/icon/icon-region-list-search.png) center no-repeat;position: absolute;top:0px;right:10px;font-size: 0;width:58px;height:58px;}
.region-list-header .inner .search-box .detail-btn {background:url(/images/kccf/icon/icon-region-arr-up.png) 80% center no-repeat #185A6F;border-radius: 29px;width: 135px;height: 58px;color: #FFF;font-size: 16px;font-weight: 500;letter-spacing: -0.7px;text-indent: -15px;margin-right:8px;}
.region-list-header .inner .search-box .detail-btn.on {background:url(/images/kccf/icon/icon-region-arr-down.png) 80% center no-repeat #185A6F;}
.region-list-header .inner .search-box .writer-btn {width: 180px;height: 58px;border-radius: 29px;background: #222;color: #FFF;font-size: 16px;font-weight: 500;letter-spacing: -0.7px;}

.region-list-header .inner .search-detail {border-top:1px solid rgba(255, 255, 255, 0.40);}
.region-list-header .inner .search-detail .story {padding:24px 0px;border-bottom:1px solid rgba(255, 255, 255, 0.30);display: flex;}
.region-list-header .inner .search-detail .story .select-box {width:10%;margin-right:2%;display: flex;align-items: center;}
.region-list-header .inner .search-detail .story .select-box select {min-width: 150px;height: 38px;padding: 0px 16px;box-sizing: border-box;background: url(/images/kccf/icon/icon-select-arr-white.png) no-repeat 95% center;color:#fff;}
.region-list-header .inner .search-detail .story .select-box select option {color:#222;}
.region-list-header .inner .search-detail .story .button-box {width:88%;display: flex;align-items: center;}
.region-list-header .inner .search-detail .story .button-box button {background:none;border-radius: 50px;border: 1px solid rgba(255, 255, 255, 0.50);display: flex;padding: 0px 16px;color: #FFF;text-align: center;font-size: 14px;font-style: normal;font-weight: 400;height:38px;line-height: 36px;letter-spacing: -0.7px;margin-right:1%;box-sizing: border-box;}
.region-list-header .inner .search-detail .story .button-box button:hover {background: #fff;color: #008DA6;}
.region-list-header .inner .search-detail .story .button-box button.on {background: #fff;color: #008DA6;}

.region-list-header .inner .search-detail .area {padding:24px 0px;border-bottom:1px solid rgba(255, 255, 255, 0.30);display: flex;justify-content: space-between;align-items: flex-start;}
.region-list-header .inner .search-detail .area .select-box {width:9%;margin-right:2%;display: flex;align-items: center;}
.region-list-header .inner .search-detail .area .select-box select {min-width: 150px;height: 38px;padding: 0px 16px;box-sizing: border-box;background: url(/images/kccf/icon/icon-select-arr-white.png) no-repeat 95% center;color:#fff;}
.region-list-header .inner .search-detail .area .select-box select option {color:#222;}
.region-list-header .inner .search-detail .area .button-box {width:79%;display: flex;align-items: center;white-space: nowrap;height: 38px;overflow: hidden;}
.region-list-header .inner .search-detail .area .button-box button {background:none;border-radius: 50px;border: 1px solid rgba(255, 255, 255, 0.50);display: flex;align-items:center;padding: 0px 16px;color: #FFF;text-align: center;font-size: 14px;font-style: normal;font-weight: 400;height:38px;line-height: 36px;letter-spacing: -0.7px;box-sizing: border-box;margin-right:1%;}
.region-list-header .inner .search-detail .area .button-box button:hover {background: #fff;color: #008DA6;}
.region-list-header .inner .search-detail .area .button-box button span {border-left:1px solid rgba(255, 255, 255, 0.40);display: inline-block;height:12px;line-height: 12px;padding-left:8px;margin-left:8px;}
.region-list-header .inner .search-detail .area .button-box button:hover span {border-left:1px solid #008DA6;}
.region-list-header .inner .search-detail .area .button-box button.on {background: #fff;color: #008DA6;}
.region-list-header .inner .search-detail .area .more {width:8%;text-align: right;border-left:1px solid rgba(255, 255, 255, 0.60);margin-left:1%;}
.region-list-header .inner .search-detail .area .more button {width:90px;box-sizing:border-box;border-radius: 50px;border: 1px solid rgba(255, 255, 255, 0.50);background: #FFF;color: #333;text-align: center;font-size: 14px;font-weight: 400;height:38px;line-height: 36px;letter-spacing: -0.7px;}

.region-list .inner {width: 1400px;margin: 0 auto;}
.region-list .inner .title {height:auto;display: flex;justify-content: space-between;align-items: center;padding-bottom:10px;}
.region-list .inner .title .count {color: #666;font-size: 16px;font-weight: 400;letter-spacing: -0.3px;}
.region-list .inner .title .count .theme-color {color: #2EA1B6;font-weight: 700;padding:0px 3px;}

.region-list .inner ul.list {border-top: 2px solid #2EA1B6;}
.region-list .inner ul.list li {padding:20px 0px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #DDD;}
.region-list .inner ul.list li .data-wrap {width:100%;margin-right:20px;height:140px;position: relative;}
.region-list .inner ul.list li .data-wrap .sharing-btn-wrap {position:absolute;top:4px;right:0px;}
.region-list .inner ul.list li .thumb {width:230px;height:140px;}
.region-list .inner ul.list li .data-wrap dl dt {margin-bottom:10px;height:29px;overflow:hidden;}
.region-list .inner ul.list li .data-wrap dl dt .text-flow {color: #222;font-size: 20px;font-weight: 500;letter-spacing: -0.35px;overflow: hidden;white-space: normal;text-overflow: ellipsis;display: inline;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: keep-all;padding-bottom:0;}
.region-list .inner ul.list li:hover .data-wrap dl dt .text-flow {color: #008DA6;}
.region-list .inner ul.list li .data-wrap dl dd {font-size: 14px;font-weight: 400;letter-spacing: -0.7px;margin-bottom:10px;color:#444;min-height:40px;}
.region-list .inner ul.list li .data-wrap .list-path {margin-bottom:10px;}
.region-list .inner ul.list li .data-wrap .list-path p {color: #777;font-size: 14px;font-weight: 400;letter-spacing: -0.7px;}
.region-list .inner ul.list li .data-wrap .list-info {display: flex;margin-top:40px;}
.region-list .inner ul.list li .data-wrap .list-info > div {border-right:1px solid #ddd;height:12px;line-height:12px;padding-right:10px;margin-right:10px;}
.region-list .inner ul.list li .data-wrap .list-info > div:last-child {border-right:0;}
.region-list .inner ul.list li .data-wrap .list-info .comment {padding-left:20px;background:url(/images/kccf/icon/icon-workplace-comment-small.png) left center no-repeat;}
.region-list .inner ul.list li .data-wrap .list-info .comment strong {padding-left:3px;}
.region-list .inner ul.list li .data-wrap .list-info .reject {color: #F4802B;}
.region-list .inner ul.list li .data-wrap .list-info .request {color: #2781C1;}
.region-list .inner ul.list li .data-wrap .list-info .checking {color: #008DA6;}
.region-list .inner ul.list .no-result {display: flex;min-height: 500px;text-align:center;justify-content: center;align-items: center;flex-direction: column;border-bottom:0;}
.region-list .inner ul.list .no-result p:nth-child(1) {margin-bottom:5px;}
.region-list .inner ul.list .no-result p:nth-child(2) {color: #777;font-size: 18px;font-weight: 400;letter-spacing: -0.7px;}
.region-list .inner ul.list.reverse > li {display:flex;flex-direction:row-reverse;justify-content:space-between;}
.region-list .inner ul.list.reverse > li:after {content:none;}
.region-list .inner ul.list.reverse > li.use-image .data-wrap {flex:1;padding-left:0;padding-right:55px;}
.region-list .inner ul.list.reverse.card > li {display:block;}
.region-list .inner ul.list.reverse.card > li.use-image .data-wrap {padding:25px 25px 18px;}
.region-list .inner ul.list .classification {position: absolute;bottom:30px;color: #777;font-size: 14px;font-weight: 400;letter-spacing: -0.7px;}

/* 카드 형태 List */
.region-list .inner ul.list.card {padding-bottom: 20px;}
.region-list .inner ul.list.card:after {content: ""; display: block; clear: both;}
.region-list .inner ul.list.card > li {box-sizing: border-box;display: block;overflow: hidden;position: relative;float: left;width: calc(25% - 30px);height: 440px;padding: 0;margin-right:40px;margin-top:30px;border:1px solid #ddd;border-radius:4px;background-color:#fff;}
.region-list .inner ul.list.card > li:hover {border-color: #2781c1;}
.region-list .inner ul.list.card > li:nth-child(4n) {margin-right: 0;}
.region-list .inner ul.list.card .thumb {float: none; width: 100%;height: 194px; border: none; border-bottom: 0px solid #ddd; border-radius: 0; display: block;}
.region-list .inner ul.list.card .thumb a {border: none}
.region-list .inner ul.list.card .data-wrap {float: none; width: 100%;padding: 25px 25px 18px; position: relative; display: block;}
.region-list .inner ul.list.card .data-wrap dl {height:355px;}
.region-list .inner ul.list.card li .data-wrap .list-info {margin-top:15px;}
.region-list .inner ul.list.card li .data-wrap .sharing-btn-wrap {top:25px;right:25px;}
.region-list .inner ul.list.card .data-wrap dd p {white-space: normal;}
.region-list .inner ul.list.card li .data-wrap dl dt .text-flow {white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;padding-bottom:0;margin-bottom:10px;}
.region-list .inner ul.list.card .list-tag {margin-top: 30px;height:26px;}
.region-list .inner ul.list.card .classification {position:relative;bottom:0;border-left: 2px solid #008DA6; padding-left: 10px; margin-bottom: 15px; font-weight: 600; font-size: 14px; line-height: 1; min-height: 38px;}
.region-list .inner ul.list.card .classification .interest-a:after {display: none;}
.region-list .inner ul.list.card .classification .menu-type:before {display: none;}
.region-list .inner ul.list.card .classification .menu-type:after {display: none;}
.region-list .inner ul.list.card .classification .menu-type {display: block; margin-bottom: 10px;color: #008DA6;font-size: 14px;font-weight: 700;line-height: 14px;letter-spacing: -0.5px;}
.region-list .inner ul.list.card .classification .plan-name {color: #999; display: block;}
.region-list .inner ul.list.card .classification .sign {display: none;}
.region-list .inner ul.list.card .list-info {display: none;}
.region-list .inner ul.list.card .list-local-info {margin-top: 12px;}
.region-list .inner ul.list.card .regional {color: #777;font-size: 14px;font-weight: 400;letter-spacing: -0.7px;}
.region-list .inner ul.list.card .regional .sign {text-indent: -999px; display: inline-block; vertical-align: middle; width: 1px; height: 10px; background: #ddd; margin: 0 4px;}
.region-list .inner ul.list.card li .data-wrap dl dt {width:100%;height:auto;overflow: initial;display: inline-block;}
.region-list .inner ul.list.card li .data-wrap dl dt .text-flow {display:inline;}
.region-list .inner ul.list.card li.only-txt .data-wrap dd {
max-height: 15.9em;
min-height: 15.9em;
line-height: 1.6;
overflow: hidden;
}
.region-list .inner ul.list.card li.use-image .data-wrap dl {height:auto;}

/*  우리지역N 디테일 */
.region-detail-header {position:relative;background: url(/images/kccf/bg/bg-contents-header.png) no-repeat center;background-size: cover;width: 100%;height: 260px;margin-bottom: 50px;display: flex;align-items: center;}
.region-detail-header .inner {width: 1040px;height: auto;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-end;}
.region-detail-header .inner .tit-box .tit p:nth-of-type(1) {color: #FFF;font-size: 16px;font-weight: 200;letter-spacing: -1px;}
.region-detail-header .inner .tit-box .tit p:nth-of-type(2) {color: #FFF;font-size: 34px;font-weight: 400;letter-spacing: -1px;}
.region-detail-header .inner .tit-box .util {margin-top:60px;}
.region-detail-header .inner .tit-box .util li {float: left;position: relative;margin-right: 10px}
.region-detail-header .inner .tit-box .util .btn-bookmark {width:38px;background:none;}
.region-detail-header .inner .tit-box .util .btn-scrap {left: 0 !important;}
.region-detail-header .inner .tit-box .util .btn-scrap button {display: block;width: 38px;height: 38px;background: url(/images/kccf/btn/btn-sp-scrap.png) no-repeat 0 0;text-indent: -9999em}
.region-detail-header .inner .tit-box .util .btn-scrap button.on {background-position: 0 -50px}
.region-detail-header .inner .tit-box .util .btn-share {width:38px;height:38px;text-indent: initial;background:none;}
.region-detail-header .inner .tit-box .util .btn-share button {background:none;}
.region-detail-header .inner .tit-box .util li .sns-menu {overflow: hidden;display: none;position: absolute;top: 0;left: 48px;width: 240px;height: 40px}
.region-detail-header .inner .tit-box .util li .sns-menu, .detail .util li .sns-menu li {float: left}
.region-detail-header .inner .tit-box .util li .sns-menu li:last-child {margin-right: 0}
.region-detail-header .inner .tit-box .font-controller {text-align: center;overflow: hidden;width: 90px;height: 36px;line-height: 30px;border: 1px solid #fff;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px}
.region-detail-header .inner .tit-box .font-controller span {display: inline-block;width: 40%;text-align: center;}
.region-detail-header .inner .tit-box .font-controller span.line {width: 1px;height: 10px;background: #fff;}
.region-detail-header .inner .tit-box .font-controller span button {display: inline-block;width: 100%;height: 33px;line-height: 33px;color: #fff;background:none;}
.region-detail-header .inner .tit-box .font-controller .btn-zoomout button {font-size: 14px}
.region-detail-header .inner .tit-box .font-controller .btn-zoomin button {font-weight: 500;font-size: 18px}

.region-detail .inner {max-width: 1040px;margin: 0 auto 60px;display: flex;justify-content: space-between;}
.region-detail .con-left {overflow: hidden;line-height: 1.7;font-size: 16px;width: 700px;margin-right: 64px;margin-bottom:80px;}
.region-detail .con-left .mygallery {margin-bottom: 50px;padding-bottom: 60px;border-bottom: 1px solid #ddd;}
.region-detail .con-left img {max-width:100%;max-height:100%;width:auto;height:auto !important;}
.region-detail .con-left .section {border-top: 0 !important;margin-top: 0 !important;padding-top: 0 !important;}
.region-detail .con-left .con-top {overflow: hidden;padding-bottom: 30px;font-weight: 500;color: #444}
.region-detail .con-left .con-top .field-left {float: left;padding-top: 10px}
.region-detail .con-left .con-top .field-left li {float: left;font-size: 16px}
.region-detail .con-left .con-top .field-left li span {display: inline-block;padding-right: 5px;font-weight: bold;color: #0087cc}
.region-detail .con-left .con-top .field-right {float: right}
.region-detail .con-left .summary {clear: both;margin-bottom: 50px;padding-bottom: 24px;border-bottom: 1px solid #ddd;color: #777}
.region-detail .con-left p {color: #444;text-align: justify;font-size: 16px;font-weight: 300;line-height: 26px;}
.region-detail .con-left p strong {font: 16px 'noto sansM';color: #222}
.region-detail .con-left .Sec {display: inline-block;height: auto;}
.region-detail .con-left .Sec h3 {float: left;width: 120px;font-size: 16px;font-weight: bold;color: #000;}
.region-detail .con-left .Sec .cl-inner {float: left;width: 580px;}
.region-detail .con-left .Sec .cl-inner .Text {display: flex;width: 100%;}
.region-detail .con-left .Sec .cl-inner .Text span {margin-bottom:8px;}
.region-detail .con-left .Sec .cl-inner .Text span p {color: #555;font-size: 14px;font-weight: 400;letter-spacing: -0.7px;}
.region-detail .con-left .reference {margin-bottom: 30px;}
.region-detail .con-left .reference .btn-rectangle {float: left;width: 70px;height: 25px;line-height: 23px;border: 1px solid #008DA6;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;background-color: #fff;color: #008DA6;text-align: center;font-size: 12px;}
.region-detail .con-left .reference .reference-name {float: left;width: calc(100% - 70px);padding-left: 10px;font-size: 14px;color: #555;}
.region-detail .con-left .reference .reference-name a {display: inline-block;width: 45px;height: 20px;line-height:20px !important;margin-left: 8px;padding: 1px 0;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;background-color: #363434;font: 11px 'noto sansM';color: #fff;text-align: center;}
.region-detail .con-left .writer .cl-inner .Text span {font-size: 14px;margin-bottom:0;}
.region-detail table {border: none;border-collapse: collapse;padding: 0;border-spacing: 0;border-color: gray}
.region-detail .detail-table-10 table {width: 100%;max-width: 700px;border-top: 2px solid #999999;border-bottom: 2px solid #999999;}
.region-detail .detail-table-10 table tr {border-bottom: 1px solid #E5E5E5;height: 56px;}
.region-detail .detail-table-10 table tr th, .detail-table-10 table tr td {text-align: left;padding: 2% 3%;}
.region-detail .detail-table-10 table tr th {background: #F5F5F5;font-weight: 500;font-size: 16px;}
.region-detail .detail-table-10 table tr td {font-weight: 300;font-size: 16px;}
.region-detail .detail-table-10 table tr td p {margin-bottom: 5px;}
.region-detail .detail-table-11 table {width: 100%;max-width: 700px;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;}
.region-detail .detail-table-11 table tr {border-bottom: 1px solid #E5E5E5;height: 42px;}
.region-detail .detail-table-11 table tr th, .detail-table-11 table tr td {text-align: left;padding: 1% 3%;}
.region-detail .detail-table-11 table tr th {background: #F5F5F5;font-weight: 500;font-size: 16px;text-align: center;}
.region-detail .detail-table-11 table tr td {font-weight: 300;font-size: 16px;}
.region-detail .tit-date {font-weight: 500;font-size: 20px;}
.region-detail .tit-date img {vertical-align: middle;}
.region-detail .index-word {width: 100%;height: auto;max-width: 700px;background: #F5F5F5;border: 1px solid #E5E5E5;border-radius: 5px;display: flex;align-items: center;padding: 2% 3%;margin-top: 10px;}
.region-detail .index-word p {font-weight: 300;font-size: 16px;display: flex;align-items: center;width: 100%;}
.region-detail .index-word p span.b1 {background: #0087CC;border: 1px solid #0087CC;border-radius: 5px;padding: 8px 16px;color: #fff;margin-right: 15px;width: 20%;min-width: 120px;text-align: center;}
.region-detail .index-word p span.b2 {line-height: 22px;width: 80%;}
.region-detail .con-right {width: 276px;}
.region-detail .con-right h3 {font-size: 20px;color: #000;padding-bottom: 20px;font-weight: bold;}
.region-detail .con-right .Sec {border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 30px;display: inline-block;width: 100%;height: auto;}
.region-detail .con-right .Sec:last-child {border-bottom: 0;}
.region-detail .con-right .Sec .cr-inner ul li {padding-bottom: 5px;}
.region-detail .con-right .keywords h3 span {color: #2781c1;}
.region-detail .con-right .tags h3 span {color: #f0a233;}
.region-detail .con-right .list-tag {min-height: 26px;overflow: hidden;height: auto;}
.region-detail .con-right .list-tag li {margin-bottom: 6px;background: #fff;padding: 1px 15px;text-align: center;height: 26px;line-height: 30px;}
.region-detail .con-right .list-tag li a {font-size: 14px;color: #444;display: block;}
.region-detail .con-right .elementary .cr-inner ul li span {color: #2781c1;}
.region-detail .con-right .elementary .cr-inner ul li span strong {font-size: 10px;padding: 0px 5px;font-weight: 100;}
.region-detail .con-right .related-info .map {position: relative;margin-bottom:20px;width: 276px;height: 192px;border: 1px solid #EEE;}
.region-detail .con-right .related-info .map img {width: 100%;height: 192px;}
.region-detail .con-right .related-info .map .map-zoom {background: url(/images/icon/icon-map-zoom.png) center no-repeat rgba(255,255,255,.95);text-indent: -99999px;background-size: 100%;position: absolute;left: 5px;top: 50%;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);width: 35px;height: 35px;border: 1px solid rgba(0,0,0,.05);}
.region-detail .con-right .related-info .location-info span.location img {width: 26px;height: 32px;}
.region-detail .con-right .related-info .location-info span.info-address {line-height: 20px;}
.region-detail .con-right .related-info .around-list .council ul li {display: inline-block;width: 100%;padding-bottom: 12px;}
.region-detail .con-right .related-info .around-list .council ul li .council-icon {float: left;width: 13%;}
.region-detail .con-right .related-info .around-list .council ul li .council-text {float: left;width: 87%;}
.region-detail .con-right .related-info .around-list .council ul li .council-icon img {padding: 5px 0px;}
.region-detail .con-right .related-info .around-list .council ul li .council-text p:nth-of-type(1) {font-size: 16px;color: #444;}
.region-detail .con-right .related-info .around-list .council ul li .council-text p:nth-of-type(2) {font-size: 12px;color: #666;}
.region-detail .con-right .related-info .around-list .council ul li .council-text a {width: 26px;height: 16px;line-height: 13px;font-weight: 100;font-size: 10px;position: relative;top: -3px;left: 5px;}
.region-detail .con-right .multimedia ul > li:nth-child(6) ~ li {display: none;}
.region-detail .con-right .multimedia .source-origin {position: absolute;bottom: 5px;left: 10px;right: 10px;font-size: 11px;color: #fff;text-shadow: rgb(0 0 0 / 50%) 1px 1px 2px;}
.region-detail .con-right .multimedia .overlay a span {text-align: center;}
.region-detail .con-right .multimedia .overlay .point {margin-top: -15px;font-size: 12px;}
.region-detail .con-right .multimedia .overlay .text {font-size: 14px;top: 60px;}
.region-detail .con-right .multimedia .overlay .overlay-origin {font-size: 10px;color: #c2c2c2;margin-top: 0;text-align: center;letter-spacing: -0.5px;}
.region-detail .con-right .multimedia .btn-wrap {margin-top: 20px;display: inline-block;width: 100%;text-align: center;}
.region-detail .con-right .keywords .list-tag li:hover {background-color: #0087cc}
.region-detail .con-right .list-tag li:hover a {color: #fff}
.region-detail .con-right .tags .list-tag li:hover {background-color: #fa9f35}
.region-detail .con-right .btn-link-go {display: inline-block;width: 45px;height: 20px;margin-left: 5px;padding: 1px 0;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;background-color: #363434;font: 11px 'noto sansM';color: #fff;text-align: center}
.region-detail .con-right .multimedia .overlay .text.Box {width: 100%;max-height: 150px;height: 36px;overflow: hidden;letter-spacing: -0.5px;text-align: left;}
.region-detail figcaption {font-size: 13px;color: #555;text-align: center}
.region-detail .mygallery .images a {display: inline-block;width: 100%;border: 1px solid #ddd}
.region-detail .mygallery .images img {width: 100%;height: 100%;vertical-align: top;}

.region-detail .caution-box {margin-top:30px;padding: 16px;border-radius: 4px;background: rgba(170, 97, 11, 0.70);color: #FFF;font-size: 14px;font-weight: 500;letter-spacing: -0.7px;}

/* 100% 이미지 */
.region-detail .mygallery .one-image {margin: 40px 0}
.region-detail .mygallery .one-image a {width: 100%;}

/* 이미지 1개 */
.region-detail .mygallery .mygallery1.center {width: 50%;margin: 40px auto;}
.region-detail .mygallery .mygallery1.img-left {float: left;width: 50%;margin: 40px;margin-left: 0}
.region-detail .mygallery .mygallery1.img-right {float: right;width: 50%;margin: 40px;margin-right: 0}
.region-detail .mygallery .mygallery1 {display: flex;justify-content: space-between;}
.region-detail .mygallery .mygallery1 .img {width:48%;}
.region-detail .mygallery .mygallery1 .img p:nth-of-type(2) {color: #000;text-align: center;font-size: 13px;font-weight: 300;letter-spacing: -0.7px;margin-bottom:8px;}
.region-detail .mygallery .mygallery1 .txt {width:48%;}

/* 이미지 2개 */
.region-detail .mygallery .mygallery2 figure {float: left;margin: 40px 0}
.region-detail .mygallery .mygallery2 figure:first-child {margin-right: 4px}
.region-detail .mygallery .mygallery2 a {width: 100%;height: 233px;}
.region-detail .mygallery .mygallery2.vertical a {height: 465px;}
.region-detail .mygallery .mygallery2.img-small-left a, .mygallery .mygallery2.img-small-right a {width: 100%;height: 310px}
.region-detail .mygallery .mygallery2 figure {width: calc(50% - 2px)}
.region-detail .mygallery .mygallery2.img-small-left figure:first-child, .mygallery .mygallery2.img-small-right figure:last-child {width: calc(30% - 2px)}
.region-detail .mygallery .mygallery2.img-small-left figure:last-child, .mygallery .mygallery2.img-small-right figure:first-child {width: calc(70% - 2px)}

/* 이미지 3개 */
.region-detail .mygallery .mygallery3 figure {float: left;width: calc(33.238% - 2px);margin: 40px 0}
.region-detail .mygallery .mygallery3 figure a {width: 100%;height: 153px}
.region-detail .mygallery .mygallery3.vertical figure a {width: 100%;height: 306px}
.region-detail .mygallery .mygallery3 figure:first-child {margin-right: 4px}
.region-detail .mygallery .mygallery3 figure:last-child {margin-left: 4px}
.region-detail .con-left blockquote {margin: 40px 0;font-size: 18px;font-style: italic;font-weight: 600;color: #555;text-align: center}
.region-detail .con-left blockquote:before, .con-left blockquote:after {content: "";display: block;width: 28px;height: 20px}
.region-detail .con-left blockquote:before {margin: 0 auto 20px;background: url(/images/icon/icon-quote-top.png) no-repeat}
.region-detail .con-left blockquote:after {margin: 20px auto 0;background: url(/images/icon/icon-quote-bottom.png) no-repeat}
.region-detail .tit-table {margin-bottom: 10px;font-size: 14px;text-align: center}
.region-detail .table-detail {width: 100%;margin: 0 auto;border-top: 1px solid #ddd;border-right: 1px solid #ddd;font-size: 13px}
.region-detail .table-detail th, .table-detail td {padding: 10px 5px;text-align: center}
.region-detail .table-detail th {background: #efefef;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd}
.region-detail .table-detail td {border-bottom: 1px solid #ddd;border-left: 1px solid #ddd}

/* 본문 내 table */
.region-detail .mygallery .detail-table01 {padding-bottom: 20px;width: 100%;overflow: auto;}
.region-detail .mygallery .detail-table01 table {table-layout: fixed;font-size: 0.9rem;}
/*.region-detail .mygallery .detail-table01 caption {display: table-caption; padding-bottom: 10px;}*/
.region-detail .mygallery .detail-table01 caption {text-indent: 0;width: 100%;height: 30px;line-height: 30px;font-size: 13px;color: #555;text-align: center;margin-top: 10px;}
.region-detail .mygallery .detail-table01 tr {border: 1px solid #ddd;}
.region-detail .mygallery .detail-table01 th, .mygallery .detail-table01 td {border: 1px solid #ddd;text-align: center;padding: 5px 10px;}
.region-detail .mygallery .detail-table01 th {background: #efefef;font-weight: 500;}
.region-detail .mygallery .detail-table02 {padding-bottom: 20px;width: 100%;overflow: auto;}
.region-detail .mygallery .detail-table02 table {table-layout: fixed;font-size: 0.9rem;}
/*.region-detail .mygallery .detail-table02 caption {display: table-caption; padding-bottom: 10px;}*/
.region-detail .mygallery .detail-table02 caption {text-indent: 0;width: 100%;height: 30px;line-height: 30px;font-size: 13px;color: #555;text-align: center;margin-top: 10px;}
.region-detail .mygallery .detail-table02 tr {border: 1px solid #ddd;}
.region-detail .mygallery .detail-table02 th, .mygallery .detail-table02 td {border: 1px solid #ddd;text-align: center;padding: 5px 10px;}
.region-detail .mygallery .detail-table02 th {background: #efefef;font-weight: 500;}
.region-detail .mygallery .detail-table03 {padding-bottom: 20px;width: 100%;overflow: auto;}
.region-detail .mygallery .detail-table03 table {table-layout: fixed;font-size: 0.9rem;}
/*.region-detail .mygallery .detail-table03 caption {display: table-caption; padding-bottom: 10px;}*/
.region-detail .mygallery .detail-table03 caption {text-indent: 0;width: 100%;height: 30px;line-height: 30px;font-size: 13px;color: #555;text-align: center;margin-top: 10px;}
.region-detail .mygallery .detail-table03 tr {border: 1px solid #ddd;}
.region-detail .mygallery .detail-table03 th, .mygallery .detail-table03 td {border: 1px solid #ddd;text-align: center;padding: 5px 10px;}
.region-detail .mygallery .detail-table03 th {background: #efefef;font-weight: 500;}
.region-detail .mygallery .detail-table03 tbody th {background: #eee;}

.region-detail .comment-sec {width:100%;padding-bottom:30px;}
.region-detail .comment-sec h3 {border-bottom: 1px solid #DDD;color: #000;font-size: 20px;font-weight: 700;letter-spacing: -0.7px;padding-bottom:16px;}
.region-detail .comment-sec h3 span {color: #008DA6;}
.region-detail .comment-sec .list-box {padding:0;}
.region-detail .comment-sec .list-box .list {border-bottom: 1px solid #DDD;}
.region-detail .comment-sec .list-box .list .com-box {position: relative;padding: 24px 170px 24px 16px;}
.region-detail .comment-sec .list-box .list .nic {color: #000;font-size: 14px;font-weight: 700;letter-spacing: -0.7px;margin-bottom:4px;}
.region-detail .comment-sec .list-box .list .nic .date {color: #777;font-size: 14px;font-weight: 300;letter-spacing: -0.7px;margin-left:5px;}
.region-detail .comment-sec .list-box .list .det {color: #444;font-size: 16px;font-weight: 350;letter-spacing: -0.7px;overflow:hidden;}
.region-detail .comment-sec .list-box .list .det pre {white-space: pre-line;word-break: break-all;}
.region-detail .comment-sec .list-box .list .btn {position: absolute;right:16px;bottom:24px;width: auto;height: auto;line-height: normal;margin:0;}
.region-detail .comment-sec .list-box .list .btn button {border-radius: 4px;border: 1px solid #DDD;background: #FFF;height: 32px;line-height: 29px;padding: 0px 16px;color: #777;text-align: center;font-size: 14px;font-weight: 500;letter-spacing: -0.7px;}
.region-detail .comment-sec > .register-box {padding-top:24px;}
.region-detail .comment-sec .register-box {position: relative;}
.region-detail .comment-sec .register-box textarea {width:100%;height:144px;border: 1px solid #DDD;background: #FFF;padding: 24px 165px 24px 24px;box-sizing: border-box;resize:none;}
.region-detail .comment-sec .register-box .counter {position: absolute;left:0px;bottom:-22px;color: #444;font-size: 12px;font-weight: 400;letter-spacing: -0.24px;}
.region-detail .comment-sec .register-box .reg-btn {position: absolute;right:24px;bottom:24px;border-radius: 2px;background: #006F83;width: 115px;height: 42px;color: #FFF;font-size: 14px;font-weight: 500;letter-spacing: -1px;}
.region-detail .comment-sec .reply-box {position:relative;display: block !important;border-top: 1px solid #DDD;background: #FAFAFA;padding:24px 170px 24px 50px;}
.region-detail .comment-sec .reply-box .det .nic {color: #222;font-size: 14px;font-weight: 500;letter-spacing: -0.7px;border-radius: 4px;background: #E6E6E6;padding:4px;margin-right:10px;}
.region-detail .comment-sec .list-box .list .register-box {position:relative;display: block !important;background: #FAFAFA;padding:24px 16px 24px;}
.region-detail .comment-sec .list-box .list .register-box .reg-btn {right:40px;bottom:48px;}
.region-detail .comment-sec .list-box .list .register-box .counter {left:18px;bottom:4px;}




.point-pop {position:fixed;top:calc(50% - 300px);left:calc(50% - 320px);width:640px;height:600px;overflow: hidden;z-index: 999;border-radius:3px;}
.point-pop::before {content:'';position: fixed;top:0px;left:0px;background: rgba(0,0,0,0.7);width:100%;height:100%;z-index: -1;}
.point-pop .inner {padding:70px 20px 10px;height:540px;overflow: auto;border-radius:3px;background:#f5f5f5;}
.point-pop .inner .point-box {background:url(/images/kccf/bg/bg-point-pop.png) no-repeat;background-size: 100% 100%;border-radius: 5px;padding:20px 20px 5px;}
.point-pop h2 {font-size:24px;color:#333;position:relative;top:50px;left:20px;display:inline-block;}
.point-pop .point-close {position: absolute;top:55px;right:20px;cursor:pointer;}
.point-pop .inner .point-box .row:nth-of-type(1) {border-bottom:1px solid #ddd;padding:0px 0px 14px;}
.point-pop .inner .point-box .row:nth-of-type(1) p:nth-of-type(1) {font-size:18px;color:#fff;font-weight:200}
.point-pop .inner .point-box .row:nth-of-type(1) p.total {text-align:center;color:#fff;font-size:30px;}
.point-pop .inner .point-box .row:nth-of-type(1) p.total span {font-size:40px;font-weight:400;color:#fde777;}
.point-pop .inner .point-box .row:nth-of-type(2) {padding:14px 0px;display:inline-block;width:100%;height:auto;}
.point-pop .inner .point-box .row:nth-of-type(2) .left {float:left;width:76%;margin-right:4%;}
.point-pop .inner .point-box .row:nth-of-type(2) .left .month-select {}
.point-pop .inner .point-box .row:nth-of-type(2) .left .month-select input {cursor:pointer;width:23.5%;margin-right:1%;height:35px;line-height:35px;border:0;outline:0;background:#0c8ba2;border:1px solid #2aa8c0;border-radius: 3px;color:#fff;font-size:14px;}
.point-pop .inner .point-box .row:nth-of-type(2) .left .month-select input.on {background:#064b5a;border:1px solid #064b5a;}
.point-pop .inner .point-box .row:nth-of-type(2) .left .month-select input:last-child {margin-right:0;}
.point-pop .inner .point-box .row:nth-of-type(2) .left .dete {margin:10px 0px;position:relative;color:#fff;}
.point-pop .inner .point-box .row:nth-of-type(2) .left .dete input.detepicker {color:#222;width:44.3%;height:36px;line-height:36px;border-radius:3px;border:0;outline:0;padding:0% 2%;}
.point-pop .inner .point-box .row:nth-of-type(2) .left .dete .ui-datepicker-trigger:nth-of-type(1) {position: absolute;top:11px;right:220px;}
.point-pop .inner .point-box .row:nth-of-type(2) .left .dete .ui-datepicker-trigger:nth-of-type(2) {position: absolute;top:11px;right:14px;}
.point-pop .inner .point-box .row:nth-of-type(2) .right {float:left;width:20%;}
.point-pop .inner .point-box .row:nth-of-type(2) .right button {width:100%;height:80px;line-height:80px;background:#06424c;color:#fff;border-radius:5px;font-size:18px;}
.point-pop .inner .point-text {margin:10px 0px 20px;font-size:12px;color:#888;}
.ui-datepicker-title select {padding:0px 10px;}

.point-pop .tab {position: relative;}
.point-pop .tabs {position: relative;overflow: hidden;width: 50%;text-align:center;}
.point-pop .tabs li {float: left;width:32%;margin-right:2%;overflow: hidden;padding: 0;position: relative;}
.point-pop .tabs li:last-child {margin-right:0;}
 .point-pop .tabs a {background-color: #ddd;border-radius:5px;font-size:13px;letter-spacing:-1px;height:36px;line-height:36px;color: #333;font-weight: 500;display: block;letter-spacing: 0;outline: none;text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.point-pop .tabs li.current a {background: #008da8;color:#fff;}
.point-pop .tab_content {display:inline-block;width:100%;height:auto;}
.point-pop .tab_content .mCSB_inside > .mCSB_container {margin-right:0px !important;}
.point-pop .tab_content .mCSB_scrollTools .mCSB_draggerContainer {left:-25px !important;}
.point-pop .tab_content .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(0,0,0,0.55);}
.point-pop .tabs_item {display: none;padding: 10px 0;}
.point-pop .tabs_item:first-child {display: block;}

.point-pop .tabs_item .list {width:100%;display:inline-block;height:80px;margin-bottom:10px;background:#fff;border-radius:5px;box-shadow:1px 1px 3px rgba(0,0,0,0.1);}
.point-pop .tabs_item .list .con-1 {float:left;width:15%;text-align: center;margin:14px 0px;}
.point-pop .tabs_item .list .con-2 {float:left;width:65%;margin:14px 0px;}
.point-pop .tabs_item .list .con-3 {float:left;width:20%;text-align: center;margin:20px 0px;}

.point-pop .tabs_item .list .con-1 p {display:inline-block;font-size:13px;width:50px;height:50px;line-height:50px;border-radius:50%;background:#fef2e9;color:#f58c41;}
.point-pop .tabs_item .list .con-2 p:nth-of-type(1) {font-size:18px;font-weight:bold;}
.point-pop .tabs_item .list .con-2 p:nth-of-type(2) {font-size:14px;font-weight:100;color:#888;}
.point-pop .tabs_item .list .con-3 p {font-size:18px;color:#f58c41;}
.point-pop .tabs_item .list .con-3 p span {font-size:24px;}

.point-pop .tabs_item .list.plus .con-1 p {background:#e5f3f6;color:#008da8;}
.point-pop .tabs_item .list.plus .con-3 p {color:#008da8;}
.point-pop .tabs_item .list.minus .con-1 p {background:#fef2e9;color:#f58c41;}
.point-pop .tabs_item .list.minus .con-3 p {color:#f58c41;}


/*수정*/
.paging {
	text-align: center;
	padding: 40px 0 0;
	margin-top: 0;
	clear: both;
}
/*수정*/

/*수정*/
.paging.local-culture {
	text-align: center;
	padding: 40px 0 0;
	margin-top: 0;
	clear: both;
	margin-left: calc(100% - 1040px);
}
/*수정*/ 

.paging li {font-size: 0; display: inline-block; vertical-align: middle; box-sizing: border-box; min-width: 30px; height: 30px; text-align: center; line-height: 30px;}
.paging .btn {width: 30px;}
.paging li a {display: block; font-size: 16px; letter-spacing: -.05em;}
.paging li.on {color: #2781c1;}
.paging li.on a {text-decoration: underline;}
.paging .btn {overflow: hidden; text-indent: -9999px; border: 1px solid #dedede; margin-right: 5px; background-position: center; background-repeat: no-repeat;}
.paging .btn-next {margin-left: 15px; background-image: url(/images/kccf/btn/btn-paging-next.png);}
.paging .btn-prev {margin-right: 15px; background-image: url(/images/kccf/btn/btn-paging-prev.png);}
.paging .btn-first {background-image: url(/images/kccf/btn/btn-paging-first.png);}
.paging .btn-last {background-image: url(/images/kccf/btn/btn-paging-last.png);}

#contents {position:relative;}
#Npoint {display:inline-block;position: absolute;z-index:99;}
#Npoint a {position:absolute;top:-60px;left:-60px;}
.pop-Npoint {position:fixed;top:calc(50% - 250px);left:calc(50% - 245px);width:490px;z-index:9999;display:none;}
.pop-Npoint .inner {background:#fff;border-radius:3px;padding: 75px 0px 0px;}
.pop-Npoint .inner .icon {text-align:center;position:absolute;top:-57px;left: calc(50% - 56px);}
.pop-Npoint .inner .con-1 {text-align:center;}
.pop-Npoint .inner > div p {color:#444;}
.pop-Npoint .inner .con-1 p:nth-of-type(1) {font-size:32px;font-weight:bold;}
.pop-Npoint .inner .con-1 p:nth-of-type(2) {font-size:18px;}
.pop-Npoint .inner .con-1 p:nth-of-type(2) strong {color:#f3873b;}
.pop-Npoint .inner .con-1 p:nth-of-type(3) {display:inline-block;width:228px;height:98px;line-height:98px;margin:25px 0px 45px;background:url(/images/kccf/bg/bg-npoint-popbg2.png) no-repeat;font-size:44px;color:#f3873b;}
.pop-Npoint .inner .con-1 p:nth-of-type(3) span {font-size:28px;}
.pop-Npoint .inner .con-2 {text-align:center;background:#f1f3f4;padding:15px 0px;}
.pop-Npoint .inner .con-2 p:nth-of-type(1) {font-size:16px;font-weight:bold;}
.pop-Npoint .inner .con-2 p:nth-of-type(2) {font-size:14px;padding-top:4px;}
.pop-Npoint .inner .con-3 {background:#0b92b0;height:85px;padding:20px 30px;border-radius:0px 0px 3px 3px;}
.pop-Npoint .inner .con-3 p:nth-of-type(1) {float:left;width:50%;font-size:18px;color:#fff;}
.pop-Npoint .inner .con-3 p:nth-of-type(1) strong {color:#fde777;}
.pop-Npoint .inner .con-3 p:nth-of-type(2) {float:left;width:50%;text-align:right;}
.pop-Npoint .inner .con-3 p:nth-of-type(2) a {font-size:30px;font-weight:600;color:#fde777;display:block;}
.pop-Npoint .inner .con-3 p:nth-of-type(2) a span {font-size:20px;color:#fff;font-weight:200;}
.pop-Npoint .inner .con-3 p:nth-of-type(2) a img {vertical-align:middle;margin-left:15px;}
.pop-Npoint .Npoint-close {position: absolute;top:20px;right:20px;color: #fff;background:none;}
.pop-Npoint::before {content:'';position: fixed;top:0px;left:0px;background: rgba(0,0,0,0.7);width:100%;height:100%;z-index: -1;}
.pop-Npoint::after {content:'';background:url(/images/kccf/bg/bg-npoint-popbg.png) no-repeat;display:inline-block;position:absolute;top:-100px;left:-65px;z-index:-1;width:627px;height:230px;}

.pop-user-info .pop-inner-wrap {width:576px;height:auto;background: #F5F5F5;border-radius:5px;text-align:center;padding-bottom:22px;}
.pop-user-info .pop-inner-wrap .title-wrap {background:url(/images/kccf/bg/bg-user-info-pop.png) center no-repeat;height:162px;display:flex;align-items:center;justify-content:center;flex-direction: column;}
.pop-user-info .pop-inner-wrap .title-wrap h3 {color: #FFF;font-size: 24px;font-weight: 500;letter-spacing: -1px;margin-bottom:8px;}
.pop-user-info .pop-inner-wrap .title-wrap h3 span {color:#FFE853;}
.pop-user-info .pop-inner-wrap .title-wrap p {color: #FFF;font-size: 16px;font-weight: 200;letter-spacing: -1px;}
.pop-user-info .pop-inner-wrap .con-wrap {background:#fff;border-radius: 3px;border: 1px solid #DDD;margin:22px 32px;padding:46px 0px;}
.pop-user-info .pop-inner-wrap .con-wrap h3 {color: #333;font-size: 18px;font-weight: 700;line-height: normal;letter-spacing: -1px;margin-bottom:14px;}
.pop-user-info .pop-inner-wrap .con-wrap p {color: #666;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: -1px;}
.pop-user-info .btn-wrap {border-top:1px solid #ddd;padding:21px 0px;margin:0px 32px;}

.pop-user-step .pop-inner-wrap {width:576px;height:auto;background: #F5F5F5;border-radius:5px;text-align:center;padding-bottom:22px;overflow:hidden;}
.pop-user-step .pop-inner-wrap .title-wrap {background:url(/images/kccf/bg/bg-user-info-pop.png) center no-repeat;height:162px;display:flex;align-items:center;justify-content:center;flex-direction: column;}
.pop-user-step .pop-inner-wrap .con-wrap {background:#fff;border-radius: 3px;border: 1px solid #DDD;margin:22px 32px;padding:46px 0px 46px 0px;margin-top:-80px;height:522px;overflow-y:auto;text-align:left;}
.pop-user-step .pop-inner-wrap .con-wrap .tab {position:static;padding:0px 32px;}
.pop-user-step .pop-inner-wrap .title-wrap .tab-menu {position:absolute;top:25px;left:0;width:100%;justify-content: center;display: flex;}
.pop-user-step .pop-inner-wrap .title-wrap .tab-menu ul li {margin:0px 10px;}
.pop-user-step .pop-inner-wrap .title-wrap .tab-menu ul li {display:inline-block;width: 80px;height: 32px;line-height:30px;background:none;border-radius: 50px;border: 1px dashed #FFF;opacity: 0.8;color: #FFF;text-align: center;font-size: 16px;font-weight: 500;letter-spacing: -1px;text-transform: uppercase;}
.pop-user-step .pop-inner-wrap .title-wrap .tab-menu ul li.active {color: #FFE853;border: 1px dashed #FFE853;opacity:1;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent h3 {text-align:center;color: #333;font-size: 18px;font-style: normal;font-weight: 700;line-height: 24px;letter-spacing: -1px;border-bottom: 1px solid #DDD;margin-bottom:24px;padding-bottom:24px;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent h3 span {color: #2781C1;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .input-group {margin-bottom:24px;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .input-group .tit {margin-bottom:8px;color: #333;font-size: 16px;font-weight: 500;letter-spacing: -1px;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .input-group .tit span:nth-child(2) {font-size: 12px;font-weight: 400;padding-left:10px;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .input-group .inp {display:flex;align-items:center;justify-content: space-between;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .input-group .inp select {width:100%;height: 42px;padding: 0px 15px;border-radius: 3px;border: 1px solid #DFDFDF;background: url(/images/kccf/btn/btn_down_arrow_size11x6_aaa.png) no-repeat center right 15px;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .input-group.jop .inp select {width:49%;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .input-group.jop .inp input {width:49%;height: 42px;padding: 0px 15px;border-radius: 3px;border: 1px solid #DFDFDF;box-sizing: border-box;}
.pop-user-step .pop-inner-wrap .con-wrap .mCSB_inside > .mCSB_container {margin-right: 10px;}
.pop-user-step .pop-inner-wrap .con-wrap .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#757575;width:3px;}
.pop-user-step .pop-inner-wrap .con-wrap .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {width:3px;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .area-group .inp {display:inline-block;width:100%;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .area-group .inp .area {display:flex;align-items:center;width:100%;margin-bottom:8px;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .area-group .inp .area span {display:inline-block;width:4%;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .area-group .inp .area select {width:44%; margin-right: 16px;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .subject-group .inp {flex-wrap: wrap;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .subject-group .inp .subject {margin-bottom:8px;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .route-group .inp {display:inline-block;width:100%;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .route-group .inp .route-input {width:100%;height: 42px;padding: 0px 15px;border-radius: 3px;border: 1px solid #DFDFDF;box-sizing: border-box;margin-bottom:8px;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .route-group .inp .route-box {display:flex;justify-content:space-between;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .route-group .inp .route-box .route {width:32%;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .field-group .inp {flex-wrap: wrap;justify-content: flex-start;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .field-group .inp .field {width:32%;margin-bottom:8px;margin-right:2%;}
.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .field-group .inp .field:nth-child(3n+3) {margin-right:0;}

.pop-user-complete .pop-inner-wrap {width:576px;height:auto;background: #fff;border-radius:5px;text-align:center;padding-bottom:22px;}
.pop-user-complete .pop-inner-wrap .title-wrap {background:url(/images/kccf/bg/bg-user-info-pop.png) center no-repeat;height:162px;display:flex;align-items:center;justify-content:center;flex-direction: column;}
.pop-user-complete .pop-inner-wrap .title-wrap p {margin-top:160px;}
.pop-user-complete .pop-inner-wrap .con-wrap {margin:0px 32px;padding:100px 0px 80px;}
.pop-user-complete .pop-inner-wrap .con-wrap h3 {color: #2781C1;font-size: 24px;font-weight: 700;letter-spacing: -1px;margin-bottom:14px;}
.pop-user-complete .pop-inner-wrap .con-wrap p:nth-of-type(1) {color: #666;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -1px;margin-bottom:14px;}
.pop-user-complete .pop-inner-wrap .con-wrap p:nth-of-type(2) {color: #666;font-size: 14px;font-weight: 700;line-height: 24px;letter-spacing: -1px;}
.pop-user-complete .btn-wrap {border-top:1px solid #ddd;padding:21px 0px;margin:0px 32px;}

.pop-myinfo-modify .pop-inner-wrap {width:576px;height:auto;background: #F5F5F5;border-radius:5px;text-align:center;padding-bottom:22px;overflow:hidden;}
.pop-myinfo-modify .pop-inner-wrap .title-wrap {background:url(/images/kccf/bg/bg-user-info-pop.png) center no-repeat;height:162px;display:flex;align-items:center;justify-content:center;flex-direction: column;}
.pop-myinfo-modify .pop-inner-wrap .title-wrap h3 {color: #FFF;font-size: 24px;font-weight: 700;letter-spacing: -1px;margin-bottom:80px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap {background:#fff;border-radius: 3px;border: 1px solid #DDD;margin:22px 32px;padding:46px 32px 46px 32px;margin-top:-80px;height:522px;overflow-y:auto;text-align:left;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap h3 {text-align:center;color: #333;font-size: 18px;font-style: normal;font-weight: 700;line-height: 24px;letter-spacing: -1px;border-bottom: 1px solid #DDD;margin-bottom:24px;padding-bottom:24px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap h3 span {color: #2781C1;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .input-group {margin-bottom:24px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .input-group .tit {margin-bottom:8px;color: #333;font-size: 16px;font-weight: 500;letter-spacing: -1px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .input-group .tit span:nth-child(2) {font-size: 12px;font-weight: 400;padding-left:10px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .input-group .inp {display:flex;align-items:center;justify-content: space-between;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .input-group .inp select {width:100%;height: 42px;padding: 0px 15px;border-radius: 3px;border: 1px solid #DFDFDF;background: url(/images/kccf/btn/btn_down_arrow_size11x6_aaa.png) no-repeat center right 15px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .input-group.jop .inp select {width:49%;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .input-group.jop .inp input {width:49%;height: 42px;padding: 0px 15px;border-radius: 3px;border: 1px solid #DFDFDF;box-sizing: border-box;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .mCSB_inside > .mCSB_container {margin-right: 10px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#757575;width:3px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {width:3px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .area-group .inp {display:inline-block;width:100%;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .area-group .inp .area {display:flex;align-items:center;width:100%;margin-bottom:8px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .area-group .inp .area span {display:inline-block;width:4%;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .area-group .inp .area select {width:44%; margin-right:16px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .subject-group .inp {flex-wrap: wrap;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .subject-group .inp .subject {margin-bottom:8px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .route-group .inp {display:inline-block;width:100%;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .route-group .inp .route-input {width:100%;height: 42px;padding: 0px 15px;border-radius: 3px;border: 1px solid #DFDFDF;box-sizing: border-box;margin-bottom:8px;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .route-group .inp .route-box {display:flex;justify-content:space-between;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .route-group .inp .route-box .route {width:32%;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .field-group .inp {flex-wrap: wrap;justify-content: flex-start;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .field-group .inp .field {width:32%;margin-bottom:8px;margin-right:2%;}
.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .field-group .inp .field:nth-child(3n+3) {margin-right:0;}
.pop-myinfo-modify  .mCSB_scrollTools .mCSB_draggerContainer {left:10px;}

/* radio, checkbox CSS  */
.pop-user-step .radio {width:49%;}
.pop-user-step .radio input[type=radio] {position: absolute;opacity: 0;}
.pop-user-step .radio input[type=radio] + .radio-label:after {content: "";background:url(/images/kccf/icon/icon-user-info-check.png) 92% center no-repeat #fff;border-radius: 3px;border: 1px solid #DFDFDF;display: inline-block;width: 99%;height: 42px;position: relative;vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;}
.pop-user-step .radio input[type=radio]:checked + .radio-label:after {background:url(/images/kccf/icon/icon-user-info-check-on.png) 92% center no-repeat #F4F9FC;border:1px solid #2781C1;}
.pop-user-step .radio input[type=radio]:focus + .radio-label:after {outline: none;border-color: #279CE7;}
.pop-user-step .radio input[type=radio]:disabled + .radio-label:after {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.pop-user-step .radio input[type=radio] + .radio-label:empty:after {margin-right: 0;}
.pop-user-step .radio input[type=radio] + .radio-label {position:relative;}
.pop-user-step .radio input[type=radio] + .radio-label span {position:absolute;top:11px;left:10px;z-index:1;font-size:14px;color:#666;cursor:pointer;}
.pop-user-step .radio input[type=radio]:checked + .radio-label span {color:#2781C1;font-weight: 700;}
.pop-user-step .checkbox {width:49%;}
.pop-user-step .checkbox input[type=checkbox] {position: absolute;opacity: 0;}
.pop-user-step .checkbox input[type=checkbox] + .check-label:after {content: "";background:url(/images/kccf/icon/icon-user-info-check.png) 92% center no-repeat #fff;border-radius: 3px;border: 1px solid #DFDFDF;display: inline-block;width: 99%;height: 42px;position: relative;vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;}
.pop-user-step .checkbox input[type=checkbox]:checked + .check-label:after {background:url(/images/kccf/icon/icon-user-info-check-on.png) 92% center no-repeat #F4F9FC;border:1px solid #2781C1;}
.pop-user-step .checkbox input[type=checkbox]:focus + .check-label:after {outline: none;border-color: #279CE7;}
.pop-user-step .checkbox input[type=checkbox]:disabled + .check-label:after {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.pop-user-step .checkbox input[type=checkbox] + .check-label:empty:after {margin-right: 0;}
.pop-user-step .checkbox input[type=checkbox] + .check-label {position:relative;}
.pop-user-step .checkbox input[type=checkbox] + .check-label span {position:absolute;top:11px;left:10px;z-index:1;font-size:14px;color:#666;cursor:pointer;}
.pop-user-step .checkbox input[type=checkbox]:checked + .check-label span {color:#2781C1;font-weight: 700;}

.pop-myinfo-modify .radio {width:49%;}
.pop-myinfo-modify .radio input[type=radio] {position: absolute;opacity: 0;}
.pop-myinfo-modify .radio input[type=radio] + .radio-label:after {content: "";background:url(/images/kccf/icon/icon-user-info-check.png) 92% center no-repeat #fff;border-radius: 3px;border: 1px solid #DFDFDF;display: inline-block;width: 99%;height: 42px;position: relative;vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;}
.pop-myinfo-modify .radio input[type=radio]:checked + .radio-label:after {background:url(/images/kccf/icon/icon-user-info-check-on.png) 92% center no-repeat #F4F9FC;border:1px solid #2781C1;}
.pop-myinfo-modify .radio input[type=radio]:focus + .radio-label:after {outline: none;border-color: #279CE7;}
.pop-myinfo-modify .radio input[type=radio]:disabled + .radio-label:after {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.pop-myinfo-modify .radio input[type=radio] + .radio-label:empty:after {margin-right: 0;}
.pop-myinfo-modify .radio input[type=radio] + .radio-label {position:relative;}
.pop-myinfo-modify .radio input[type=radio] + .radio-label span {position:absolute;top:11px;left:10px;z-index:1;font-size:14px;color:#666;cursor:pointer;}
.pop-myinfo-modify .radio input[type=radio]:checked + .radio-label span {color:#2781C1;font-weight: 700;}
.pop-myinfo-modify .checkbox {width:49%;}
.pop-myinfo-modify .checkbox input[type=checkbox] {position: absolute;opacity: 0;}
.pop-myinfo-modify .checkbox input[type=checkbox] + .check-label:after {content: "";background:url(/images/kccf/icon/icon-user-info-check.png) 92% center no-repeat #fff;border-radius: 3px;border: 1px solid #DFDFDF;display: inline-block;width: 99%;height: 42px;position: relative;vertical-align: top;cursor: pointer;text-align: center;transition: all 250ms ease;}
.pop-myinfo-modify .checkbox input[type=checkbox]:checked + .check-label:after {background:url(/images/kccf/icon/icon-user-info-check-on.png) 92% center no-repeat #F4F9FC;border:1px solid #2781C1;}
.pop-myinfo-modify .checkbox input[type=checkbox]:focus + .check-label:after {outline: none;border-color: #279CE7;}
.pop-myinfo-modify .checkbox input[type=checkbox]:disabled + .check-label:after {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.pop-myinfo-modify .checkbox input[type=checkbox] + .check-label:empty:after {margin-right: 0;}
.pop-myinfo-modify .checkbox input[type=checkbox] + .check-label {position:relative;}
.pop-myinfo-modify .checkbox input[type=checkbox] + .check-label span {position:absolute;top:11px;left:10px;z-index:1;font-size:14px;color:#666;cursor:pointer;}
.pop-myinfo-modify .checkbox input[type=checkbox]:checked + .check-label span {color:#2781C1;font-weight: 700;}

/* 스폐셜로고 */
/* html, body {height:100%;} */
.special-logo .tab {position: relative;}
.special-logo .tab-menu {}
.special-logo .tab-menu ul {display: flex;}
.special-logo .tab-menu ul li {margin-right:5px;}
.special-logo .tab-menu ul li a {background:#fff;width: auto;height: auto;padding:5px 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.special-logo .tab-menu ul li.active a {background: #333;color:#fff;}
.special-logo .tabContent{display:none}
.special-logo .tabContent.active{display:block}
.special-logo .tabContent .inner {display: flex;align-items: flex-end;background: #EFFCFF;border:8px solid #fff;border-radius: 8px;}

.special-logo section .inner {width:1400px;margin:0 auto;}
.special-logo {background: #F8FBFF;min-height: 100%;}
.special-logo .top-sec {padding: 80px 0px;background: #FFFEF5;}
.special-logo .top-sec .inner {display: flex;align-items: center;justify-content: space-between;}
.special-logo .top-sec .inner .img {width:35%;margin-right:5%;}
.special-logo .top-sec .inner .img img {width:100%;}
.special-logo .top-sec .inner .info {width:60%;position: relative;}
.special-logo .top-sec .inner .info .date {margin-bottom:16px;}
.special-logo .top-sec .inner .info .date .txt{color: #222;font-size: 28px;font-weight: 700;letter-spacing: -0.5px;}
.special-logo .top-sec .inner .info .date .num {color: #666;font-size: 20px;font-weight: 400;letter-spacing: -0.5px;margin-left:10px;}
.special-logo .top-sec .inner .info .desc {color: #666;text-align: justify;font-size: 18px;font-weight: 200;letter-spacing: -0.5px;margin-bottom:54px;display: -webkit-box;/* -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; */}
.special-logo .top-sec .inner .info .more a {display:inline-block;width: 200px;height: 56px;line-height:56px;background: #154B92;text-align: center;color: #FFF;font-size: 18px;font-weight: 400;}
.special-logo .top-sec .inner .info .share {position: absolute;right:0px;top:0px;}
.special-logo .top-sec .inner .info .share a {background:url(/images/kccf/btn/btn-special-share.png) center no-repeat;width:32px;height:32px;display:inline-block;text-indent: -999999px;}

.special-logo .bot-sec {padding: 64px 0px;}
.special-logo .bot-sec .inner .tab .tab-menu {display: flex;align-items: center;justify-content: space-between;}
.special-logo .bot-sec .inner .tab .tab-menu ul li a {border-radius: 4px;background: #E8EDF5;padding: 10px 16px;color: #154B92;text-align: justify;font-size: 16px;font-weight: 400;letter-spacing: -0.32px;}
.special-logo .bot-sec .inner .tab .tab-menu ul li.active a {background: #154B92;color:#fff;}
.special-logo .bot-sec .inner .tab .tab-menu .search .search-input {padding: 0px 8px 0px 16px;width: 400px;height: 44px;border-radius: 4px;border: 1px solid #DDD;background: #FFF;}
.special-logo .bot-sec .inner .tab .tab-menu .search .search-btn {border-radius: 4px;background: #154B92;width: 100px;height: 44px;padding: 0px 16px;color:#fff;font-size:16px;font-weight: 400;margin-left:5px;}
.special-logo .bot-sec .inner .tab .tab-menu .search .search-btn img {vertical-align: middle;margin:0px 5px 3px 0px;}
.special-logo .bot-sec .inner .tab .result-txt {margin-top:24px;}
.special-logo .bot-sec .inner .tab .result-txt p {color: #333;font-size: 16px;font-weight: 400;letter-spacing: -0.32px;}
.special-logo .bot-sec .inner .tab .result-txt p span {color: #154B92;font-weight:500;}

.special-logo .bot-sec .inner .tab .tabContent {padding-top:50px;}
.special-logo .bot-sec .inner .tab .tabContent .list-box {display: flex;flex-wrap: wrap;padding-top:0px;}
.special-logo .bot-sec .inner .tab .tabContent .list-box .list {cursor:pointer;width:23.5%;height:262px;margin:0% 2% 64px 0%;border-radius: 8px;background: #FFF;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
.special-logo .bot-sec .inner .tab .tabContent .list-box .list:nth-child(4n+4) {margin-right:0;}
.special-logo .bot-sec .inner .tab .tabContent .list-box .list .logo {margin-bottom:30px;}
.special-logo .bot-sec .inner .tab .tabContent .list-box .list .logo img {width:100%;}
.special-logo .bot-sec .inner .tab .tabContent .list-box .list .type {display:inline-block;padding:2px 8px;border-radius: 50px;border: 1px solid #943500;background: #FFF;color: #943500;font-size: 13px;font-weight: 500;letter-spacing: -0.5px;margin-bottom:8px;}
.special-logo .bot-sec .inner .tab .tabContent .list-box .list .date .txt {color: #222;text-align: center;font-size: 18px;font-weight: 400;letter-spacing: -0.5px;}
.special-logo .bot-sec .inner .tab .tabContent .list-box .list .date .num {color: #777;font-size: 16px;font-weight: 200;letter-spacing: -0.5px;margin-left:10px;}
.special-logo .bot-sec .inner .tab .tabContent .list-box .list .desc {display: none;}
.special-logo .bot-sec .inner .tab .tabContent .list-box .list:hover {outline: 2px solid #154B92;box-shadow: 0px 0px 10px 0px rgba(21, 75, 146, 0.20);}

.special-logo .bot-sec .inner .tab .tabContent .list-box .list .type1 {border: 1px solid #943500;color:#943500;}
.special-logo .bot-sec .inner .tab .tabContent .list-box .list .type2 {border: 1px solid #722ACC;color:#722ACC;}
.special-logo .bot-sec .inner .tab .tabContent .list-box .list .type3 {border: 1px solid #00A7B2;color:#00A7B2}
.special-logo .bot-sec .inner .tab .tabContent .list-box .list .type4 {border: 1px solid #2D77E7;color:#2D77E7;}










/********************* PC **********************/
@media only screen and (min-width: 769px) {
	/* search-wrap */
	.search-wrap {position: absolute; top: calc(50% - 23px); left: calc(50% - 262px); width: 525px;}
	.search-wrap form {float: left;}
	.search-wrap .search-input {width: 415px; height: 44px; background: #f3f3f3; border-radius: 5px; vertical-align: middle; float: left; background: #fff;}
	.search-wrap .search-input:after {content: ""; display: block; clear: both;}
	.search-wrap .search-input input[type=text],
	.search-wrap .search-input input[type=search]  {
		box-sizing:border-box;
		display: block;
		float: left;
		width: 320px;
		height: 42px;
		padding: 0 15px 0px 100px;
		border:1px solid #ddd;
		border-radius: 22px;
		line-height:44px;
		background-color:#f5f5f5;
	}
	.search-wrap .search-input .btn-search,
	.search-wrap .btn-search-detail {
		box-sizing:border-box;
		overflow: hidden;
		display: block;
		float: left;
		width:90px;
		height:40px;
		margin:1px 0 0 5px;
		border-radius:22px;
		vertical-align:middle;
		color:#fff;
		transition: background-color .3s ease;
	}
	.search-wrap .search-input .btn-search {background-color:#59a543;}
	.search-wrap .search-input .btn-search span {
		display:inline-block;
		height:20px;
		padding-left:24px;
		background:url(/images/kccf/btn/btn-search-wh.png) no-repeat 0 50%;
		background-size:19px 20px;
	}
	.search-wrap .search-input .btn-search:focus,
	.search-wrap .search-input .btn-search:hover {background-color:#469330;}
	.search-wrap .btn-search-detail {border: 1px solid #ddd;color:#999;background-color: #fff;}
	.search-wrap .btn-search-detail:focus,
	.search-wrap .btn-search-detail:hover {background-color:#999; color: #fff;}

	.search-wrap	.condition_sear{position:absolute; left:0px; display:inline-block; padding-left:25px;width:90px; height:42px;line-height:42px;font-size:14px;color:#666; }
	.search-wrap	.condition_sear::after{position:absolute;right:0;top:0;width:90px;height:42px;content:"";display:block;background: url("/images/kccf/btn/btn_up.png") no-repeat right top; }
	.search-wrap	.condition_sear .sear_depth{width:70px;height:42px;position:absolute;left:18px;right:0;top:0px;background:none;border:0px solid #ddd; border-radius:2px; padding:0px 5px;z-index:60;font-weight:bold;}

	.suggest-wrap {min-width: 1263px;}
	.suggest-wrap form {float: left; width: calc(100% - 65px);}
	.suggest-wrap .search-advanced {width: 100%;}
	.suggest-wrap .search-advanced:after {content: ""; display: block; clear: both;}
	.suggest-wrap .search-advanced input {border: 1px solid #ddd; display: block; float: left; height: 44px; line-height: 44px; padding: 0 19px; margin-left: 10px; border-radius: 3px; box-sizing: border-box; width: calc(33.333% - 68.555px);}
	.suggest-wrap .search-advanced input:first-child {margin-left: 0;}
	.suggest-wrap .search-advanced button {width: 110px; border-radius: 3px; font-weight: 400; margin: 0; display: block; float: left; margin-left: 10px;}
	.suggest-wrap .search-advanced .btn-reset-advanced {width: 55px; float: right; background-image: url(/images/kccf/btn/btn-reset-white.svg); background-repeat: no-repeat; background-size: 20px; background-position: center; text-indent: -9999px; overflow: hidden; background-color: #767676;}
	.suggest-wrap .btn-close-suggest {width: 55px; border-radius: 3px; font-weight: 400; float: left; display: block; margin-left: 10px; margin-right: 0;}
	.suggest-wrap .suggest-box {float: left; margin-top: 10px; width: calc(33.333% - 6.666px); background: #fff; border: 1px solid #ddd; margin-right: 10px; height: 252px; padding: 30px;}
	.suggest-wrap .suggest-box .suggest-tit {font-size: 18px; font-weight: 800; margin-bottom: 14px;}
	.suggest-wrap .suggest-box .suggest-tit:after {content: ""; display: block; clear: both;}
	.suggest-wrap .suggest-box .suggest-tit h3 {float: left;}
	.suggest-wrap .suggest-box .btn-wrap {float: right;}
	.suggest-wrap .suggest-box .btn-wrap button {background: #fff; font-family: 'dotum', sans-serif; font-size: 12px; color: #999; margin-right: 5px;}
	.suggest-wrap .suggest-box .btn-wrap button:after {content: ""; display: inline-block; height: 10px; width: 1px; margin-left: 6px; background: #ddd;}
	.suggest-wrap .suggest-box .btn-wrap button:last-child {margin-right: 0;}
	.suggest-wrap .suggest-box .btn-wrap button:last-child:after {display: none;}
	.suggest-wrap .suggest-box.popular {margin-right: 0; float: right;}
	.suggest-wrap .popular .suggest-con {padding-top: 10px;}
	.suggest-wrap .popular .ol-column {width: 50%; float: left;}
	.suggest-wrap .auto .suggest-con li:hover {background: #f2f2f2;}
	.suggest-wrap .last .suggest-con li:hover {background: #f2f2f2;}

	/* contents */
	.sharing-btn-wrap {position: absolute; top: 25px; right: 25px;}
	.btn-share {width: 16px; background: url(/images/kccf/icon/icon-card-share.png) no-repeat; text-indent: -9999px; }
	.btn-share:first-child {margin-right: 8px;}
	.btn-bookmark {width: 14px; background: url(/images/kccf/icon/icon-card-scrap.png) no-repeat; text-indent: -9999px;}
	.btn-bookmark.on {background: url(/images/kccf/icon/icon-card-scrap-on.png) no-repeat;background-size:100%}

	.side-box {border: 1px solid #ddd; padding: 30px; margin-bottom: 20px; letter-spacing: -.025em;}
	.side-box h2 {font-size: 24px; font-weight: 800;}
	.side-box h2 em {color: #2781c1;}
	.side-box .side-keyword {margin: 14px 0 -4px;}
	.side-box .side-keyword:after {content: ""; display: block; clear: both;}
	.side-box .side-keyword li {float: left; border: 1px solid #ddd; border-radius: 14px; margin: 0 5px 4px 0;}
	.side-box .side-keyword li a {display: block; padding: 0 10px; line-height: 26px;}
	.side-box .side-keyword li a:hover,
	.side-box .side-keyword li a:focus {color: #008da6;}
	.last-keyword .side-keyword li a:hover,
	.last-keyword .side-keyword li a:focus {color: #ffba00;}

	.aside-tab {width: 100%; margin-top: 4px;   }
	.aside-tab .tab-tit {width: 100%; margin-bottom: 11px;}
	.aside-tab .tab-tit:after {content: ""; display: block; clear: both;}
	.aside-tab .tab-tit li {float: left; width: 50%;}
	.aside-tab .tab-tit button {width: 100%; background: #eee; border: 1px solid #e7e7e7; color: #999; font-weight: 600; font-size: 13px; height: 28px;}
	.aside-tab .tab-tit li:first-child button {border-right: 1px solid #ccc;}
	.aside-tab .tab-tit li:last-child button {border-left: none;}
	.aside-tab .tab-tit .on button {background: #0087cc; border: 1px solid #0477b2; color: #fff;}
	.aside-tab .tab-con ol {display: none;}
	.aside-tab .tab-con ol.on {display: block;}

	ol li a:before {font-size: 11px; display: inline-block; margin-right: 10px; padding: 2px; width: 14px; border-radius: 2px; background: #767676; color: #fff; font-family: 'dotum', sans-serif; text-align: center; font-weight: bold; vertical-align: bottom;}
	ol li a:hover,
	ol li a:focus {color: #2781c1;}
	ol li a:hover:before,
	ol li a:focus:before {background: #2781c1;}

	.hot-contents h2 {font-size: 20px;}
	.hot-contents ul {margin-top: 14px;}
	.hot-contents li {overflow: hidden;margin-bottom: 15px;}
	.hot-contents li:last-child {margin-bottom: 0;}
	.hot-contents li a{display: block;}
	.hot-contents li a:after {content: ""; display: block; clear: both;}
	.hot-contents .thumb {width: 94px; height: 58px; margin-right: 10px;}
	.hot-contents .thumb ~ dl{width: calc(100% - 104px);}
	.hot-contents dl {float: left;width:100%;padding-top: 3px;}
	.hot-contents dt {font-weight: 600; color: #222; margin-bottom: 4px;}
	.hot-contents dd {font-family: 'dotum',sans-serif; font-size: 12px; color: #999; max-height: 29px; overflow: hidden;}
	.hot-contents a:hover dt,
	.hot-contents a:focus dt {color: #2781c1;}

	.list-search-wrap {float: right;}
	.list-search-wrap .list-select {margin-left: 5px;}

	.list-select {border: 1px solid #ddd; border-radius: 2px; float: left; height: 38px; line-height: 34px; margin-right: 5px;}
	.list-select.page-size {min-width: 120px;}
	.list-select.type {min-width: 92px;}

	/*수정*/
	.list-select select {
		width: 100%;
		padding: 0px 25px;
		color: #999;
		display: block;
		height: 35px;
	}
	/*수정*/

	.list-select.empty-blank {margin:0;}

	/* 필터 팝업 상태 */
	.pop-filter {overflow: hidden;}

	.pop-filter .pop-culture-center .tab-name {display: block; background: transparent; position: absolute; width: 100%; height: 50px; top: 0; left: 0; text-indent: -9999px; overflow: hidden;}
	.pop-filter:before {content: ""; display: block; position: fixed; width: 100%; height: 100%; z-index: 200; background: rgba(0,0,0,.5);}
	.pop-filter .pop-culture-center {position: fixed; max-width: 1400px; width: 100%; height: 570px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f2f4f7; z-index: 200; margin: 0; padding: 30px; border-radius: 4px; overflow: auto;}
	.pop-filter .pop-culture-center .filter-list {position: relative; border: 1px solid #ccc; border-bottom: none; border-right: none; background: #fff;}
	.pop-filter .pop-culture-center .filter-list > ul {border-right: 1px solid #ccc; background: #f4f4f4;}
	.pop-filter .pop-culture-center .filter-list > ul:after {content: ""; display: block; clear: both;}
	.pop-filter .pop-culture-center .filter-list > ul > li {display: block !important; float: left; width: 16.666%; color: #666; background: #f4f4f4; border-right: 1px solid #ccc; box-sizing: border-box; text-align: center;}

	.pop-filter .pop-culture-center .depth-1 {margin: 0; height: 49px; line-height: 49px;  border-bottom: 1px solid #ccc; padding: 0; background: none;}
	.pop-filter .pop-culture-center .depth-1 .check {width: 100%;}
	.pop-filter .pop-culture-center .depth-1 .btn-toggle {margin: 0; display: inline-block; display: none;}
	.pop-filter .pop-culture-center .depth-1.on {background: #fff; border-bottom: none;}
	.pop-filter .pop-culture-center .depth-1:first-child {border-left: none;}
	.pop-filter .pop-culture-center .depth-1:last-child {float: right;}
	.pop-filter .pop-culture-center .filter-list > ul > li:first-child .depth-1 {margin: 0;}

	.pop-filter .pop-culture-center .depth-1 + .depth-2 {position: absolute; width: 100%; background: #fff; left: 0; height: auto; z-index: 10; box-sizing: border-box; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
	.pop-filter .pop-culture-center .depth-2 {padding: 20px;}
	.pop-filter .pop-culture-center .depth-2 li {float: left; text-align: left; font-family: 'dotum', sans-serif; font-size: 12px; width: 16%; line-height: 34px;}

	.pop-filter .btn-all-view {display: none;}
	.pop-filter .pop-choice-condition {border: 1px solid #ccc; border-bottom: none; background: #fff; padding-top: 15px; min-height: 65px;}

	.pop-filter .pop-choice-condition,
	.pop-filter .pop-btn-wrap {display: block;}

	.pop-choice-condition:after {content: ""; display: block; clear: both;}
	.pop-choice-condition li {margin-right: 10px; float: left; margin-bottom: 5px;}
	.pop-choice-condition li button { border: 1px solid #ccc; background: #f4f4f4; font-family: 'dotum',sans-serif; font-size: 12px; padding: 0 15px; line-height: 32px; border-radius: 16px;}
	.pop-choice-condition li button:after {content: ""; display: inline-block; margin-left: 10px; width: 10px; height: 10px; background: url(/images/kccf/btn/btn-close-maplayer.png) no-repeat center; background-size: 7px;}
	.pop-choice-condition li button:hover,
	.pop-choice-condition li button:focus {color: #000; border-color: #666;}
	.pop-choice-condition ul:after {content: ""; display: block; clear: both;}
	.pop-choice-condition ul {float: left;width: calc(100% - 115px); padding-bottom: 10px;}
	.pop-choice-condition p {float: left; width: 115px; text-align: center; color: #333; font-weight: 600; vertical-align: middle;}
	.pop-choice-condition p button {width: 20px; height: 20px; text-indent: -9999px; overflow: hidden; border: 1px solid #ddd; background: #f4f4f4; border-radius: 2px; background: url(/images/kccf/btn/btn-refresh.png) no-repeat center; margin-left: 4px; vertical-align: middle;}
	.pop-choice-condition p button:hover,
	.pop-choice-condition p button:focus {border-color: #2781c1; background-color: #2781c1; background-image: url(/images/kccf/btn/btn-refresh-wh.png);}

	.pop-filter .pop-culture-center .filter-tit {font-size: 18px; border:none;}
	.pop-filter .pop-culture-center .filter-tit button {display: none;}

	.pop-filter .filter-list ul .line-1:nth-child(6) {border-right: none; float: right;}
	.pop-filter .filter-list ul .line-2:nth-child(12) {border-right: none; float: right;}
	.pop-filter .filter-list ul .line-3:nth-child(17) .depth-1 {position: relative;}
	.pop-filter .filter-list ul .line-3:nth-child(17) .depth-1:after {content: ""; display: block; width: calc(100% + 3px); height: 1px; background: #ccc; position: absolute; left: 100%; bottom: -1px; z-index: 150;}

	.pop-filter .check input[type="checkbox"] + label:before {display: block;}

	.pop-filter .depth-1 .check input[type="checkbox"] + label {width: 100%;}
	.pop-filter .depth-1 .check input[type="checkbox"] + label:before {left: 10px; top: 6px; border: none;}

	.pop-filter .depth-2 .check input[type="checkbox"] + label {font: 12px 'dotum', '돋움', sans-serif; padding-left: 20px; line-height: 15px; background: none;}
	.pop-filter .depth-2 .check input[type="checkbox"] + label:before {top: 0; width: 13px; height: 13px;}
	.pop-filter .depth-2 .check input[type="checkbox"]:focus + label,
	.pop-filter .depth-2 .check input[type="checkbox"]:hover + label {color: #000;}
	.pop-filter .depth-2 .check input[type="checkbox"]:focus + label:before,
	.pop-filter .depth-2 .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}
	.pop-filter .depth-2 .check input[type="checkbox"]:checked + label {color: #2781c1; font-weight: bold;}
	.pop-filter .depth-2 .check input[type="checkbox"]:checked + label:before {background-size: 10px; border-color: #2781c1;}

	/* 2단 레이아웃 */
	.article-main .list-box .card > li {width: calc(33.333% - 26.666px);}
	.article-main .list-box .card > li:nth-child(4n) {margin-right: 40px;}
	.article-main .list-box .card > li:nth-child(3n) {margin-right: 0;}

	.popup {min-width: 1263px;}

	/* 상세검색 팝업 */
	.pop-advanced-search .pop-wrap {background: #f2f4f7; padding: 30px; width: 90%; max-width: 1400px; padding-right: 10px; height: 80%; overflow: auto; border-radius: 4px;}
	.pop-advanced-search .scroll-wrap {width:100%; height: 771px; _height: calc(100% - 103px); overflow: auto;}

	.advanced-form-table {border: 1px solid #ccc; border-bottom: none; border-radius: 4px; overflow: hidden;}
	.advanced-form-table:after {content:""; display: block; clear: both;}
	.advanced-form-table li {display: table; border-bottom: 1px solid #ccc; width: 100%; float: left; min-height: 59px;}
	.advanced-form-table .row-control-num {width: 50%;}
	.advanced-form-table .row-issued-year {width: 50%;}
	.advanced-form-table .row-age {width: 50%;}
	.advanced-form-table .row-times {width: 50%;}
	.advanced-form-table .row-times .check {margin-right: 14px;}
	.advanced-form-table .tit {display: table-cell; vertical-align: middle; width: 100px; background: #f4f4f4; padding: 10px 25px; box-sizing: border-box; word-spacing: 1.5em;text-align: center;}
	.advanced-form-table .input-area {display: table-cell; vertical-align: middle; padding: 10px 20px; background: #fff;  box-sizing: border-box; height: 60px;}
	.advanced-form-table .input-area input {display: block; float: left; border: 1px solid #ddd; padding: 0 20px; box-sizing: border-box; border-radius: 3px; height: 38px; line-height: 36px; width: 100%;}
	.advanced-form-table .input-area input:focus,
	.advanced-form-table .input-area input:hover {border-color: #2781c1; transition: border .3s ease; color: #000;}
	.advanced-form-table .row-keyword-detail input {width: calc(33.333% - 10px); margin-right: 15px;}
	.advanced-form-table .row-keyword-detail input:last-child {margin-right: 0;}
	.advanced-form-table .row-issued-year input {width: calc(50% - 15px);}
	.advanced-form-table .row-age input {width: calc(50% - 15px);}
	.advanced-form-table .input-area .tilde {display: block; float: left; line-height: 38px; color: #999; margin: 0 11px; }
	.advanced-form-table .check {display: inline-block;}

	.pop-advanced-search .conditions-wrap {margin-top: 20px; padding-bottom: 10px;}
	.pop-advanced-search .conditions-title {position: static; width: auto; height: auto; line-height: 1; font-size: 18px; font-weight: 800; visibility: visible; margin-bottom: 10px;}
	.conditions-wrap .selected-conditions {border: 1px solid #ccc; background: #fff; border-bottom: none; padding: 15px 10px; border-radius: 4px 4px 0 0;}
	.conditions-wrap .selected-conditions:after {content: ""; display: block; clear: both;}
	.conditions-wrap .selected-conditions .title {float: left; width: 100px; color: #333; padding-top: 6px;}
	.conditions-wrap .selected-conditions .title p {float: left; margin-right: 10px; font-weight: 600;}
	.conditions-wrap .selected-conditions .title button {float: left; width: 20px; height: 20px; text-indent: -9999px; overflow: hidden; border: 1px solid #ddd; border-radius: 2px; background:#f4f4f4 url(/images/kccf/btn/btn-refresh.png) no-repeat center;}
	.conditions-wrap .selected-conditions .title button:hover,
	.conditions-wrap .selected-conditions .title button:focus {border-color: #2781c1; background-color: #2781c1; background-image: url(/images/kccf/btn/btn-refresh-wh.png);}
	.conditions-wrap .selected-conditions .conditions {float: left; width: calc(100% - 120px);}
	.conditions-wrap .selected-conditions .conditions li {display: inline-block; margin-right: 6px; overflow: hidden;}
	.conditions-wrap .selected-conditions .conditions li button {background: #f4f4f4; height: 30px; padding: 0 15px; font: 12px 'dotum','돋움', sans-serif; color: #666; border: 1px solid #ddd; border-radius: 16px;}
	.conditions-wrap .selected-conditions .conditions li button:after {content: ""; display: inline-block; margin-left: 10px; width: 10px; height: 10px; background: url(/images/kccf/btn/btn-close-maplayer.png) no-repeat center; background-size: 7px;}
	.conditions-wrap .selected-conditions .conditions li button:hover,
	.conditions-wrap .selected-conditions .conditions li button:focus {color: #000; border-color: #666;}
	.conditions-wrap .conditions-box {border: 1px solid #ccc; background: #f4f4f4; border-bottom: none; border-radius: 0 0 4px 4px;}
	.pop-advanced-search .line:after {content: ""; display: block; clear: both;}
	.pop-advanced-search .depth1 {float: left; width: 16.666%;}
	.pop-advanced-search .depth2 {display: none;}
	.pop-advanced-search .conditions-subject .depth1 {width: 11.111%; }
	.pop-advanced-search .conditions-story .depth1 {width: 25%;}
	.pop-advanced-search .conditions-datype .depth1 {width: 14.285%;}

	.pop-advanced-search .conditions-wrap .depth1 {text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; height: 50px; background: #f4f4f4; color: #666;}
	.pop-advanced-search .conditions-wrap .depth1.on {background: #fff; border-bottom: none;}
	.pop-advanced-search .conditions-wrap .depth1:first-child {border-left: none;}
	.pop-advanced-search .conditions-wrap .depth1:last-child {float: right;}
	.pop-advanced-search .tab-name {background: transparent; position: absolute; width: 100%; height: 50px; top: 0; left: 0;}
	.pop-advanced-search .tab-name:hover,
	.pop-advanced-search .tab-name:focus {color: #2781c1;}
	.pop-advanced-search .conditions-wrap .line {position: relative;}
	.pop-advanced-search .conditions-wrap .line:after {content: ""; display: block; clear: both;}
	.pop-advanced-search .conditions-wrap .line3 .depth1:last-child{float: left; border-right: 1px solid #ddd;}
	.pop-advanced-search .conditions-wrap .depth1 .depth2 {display: none; background: #fff; position: absolute; width: 100%; z-index: 5; top: 50px; left: 0; border-bottom: 1px solid #ddd; padding: 20px; box-sizing: border-box; text-align: left;}
	.pop-advanced-search .conditions-wrap .depth1 .depth2 li {display: inline-block; width: 14.285%; margin-right: -4px; line-height: 34px;}
	.pop-advanced-search .conditions-wrap .line3 .depth1 .depth2 {border-bottom: none;}
	.pop-advanced-search .conditions-wrap .depth1.on .depth2 {display: block;}

	.pop-advanced-search .check input[type="checkbox"] + label {font: 12px 'dotum', '돋움', sans-serif; padding-left: 20px; line-height: 15px;}
	.pop-advanced-search .check input[type="checkbox"] + label:before {top: 0; width: 13px; height: 13px;}
	.pop-advanced-search .check input[type="checkbox"]:focus + label,
	.pop-advanced-search .check input[type="checkbox"]:hover + label {color: #000;}
	.pop-advanced-search .check input[type="checkbox"]:focus + label:before,
	.pop-advanced-search .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}
	.pop-advanced-search .check input[type="checkbox"]:checked + label {color: #2781c1; font-weight: bold;}
	.pop-advanced-search .check input[type="checkbox"]:checked + label:before {background-size: 10px; border-color: #2781c1;}

	.pop-advanced-search .depth1-check input[type="checkbox"] + label {text-indent: -9999px; overflow: hidden; width: 30px; height: 30px; position: absolute; left: 0; padding: 0;}
	.pop-advanced-search .depth1-check input[type="checkbox"] + label:before {border: none; width: 33px; height: 33px;}
	.pop-advanced-search .depth1-check input[type="checkbox"]:checked + label:before {background-size: 13px;}

	.mobile-filter {display: none;}
}

@media only screen and (max-width: 1700px) {
	.search-wrap {left: calc(50% - 400px);}
}

@media only screen and (max-width: 1400px) {
	.search-wrap {left: calc(50% - 330px);}
}

/********************* tablet **********************/
@media only screen and (max-width: 1024px) {

	.list-box .card > li {width: calc(50% - 20px);margin-bottom: 20px;}
	.list-box .card > li:nth-child(2n) {margin-right: 0;}


	/* 2단 레이아웃 */
	.article-main .list-box .card > li:nth-child(2n),
	.article-main .list-box .card > li:nth-child(4n) {margin-right: 4.585%;}
	.article-main .list-box .card > li:nth-child(3n) {margin-right: 0;}

}

/********************* mobile **********************/
@media only screen and (max-width: 768px) {

	.m-use {display: block;}

	/* sub-visual */
	.sub-visual {min-height: 150px; padding: 50px 4vw 0;}
	.sub-visual h1 {font-size: 20px;}
	.sub-visual p {margin-top: 4px; font-size: 12px;}

	/* 이벤트팝업 */
	.pop-event{ width: 100%;height:auto;bottom:0;}
	.pop-event .event{position: relative; width: 100%;height: auto;}
	.pop-event .event img{width:100%;}
	.pop-event .event-list {height:auto;}
	.pop-event .mySwiper1 .swiper-slide {width:100% !important;}
	.pop-event .mySwiper1 .swiper-slide a img.pcimg {display:none;}
	.pop-event .mySwiper1 .swiper-slide a img.mimg {display:inline-block;width:100%;}
	.pop-event .pop-foot{bottom: -42px;}
	.pop-event .pop-pagination {bottom:0px;right:10px;}

	/* 딥링크 팝업 */
	.pop-deep {display:inline-block;width:100%;padding:0% 8%;position:fixed;top:calc(50% - 100px);z-index:120;}
	.pop-deep .inner {z-index:10;}
	.pop-deep .inner .row {clear:both;display:inline-block;width:100%;padding:10px 0px;}
	.pop-deep .inner .row:nth-of-type(3) {text-align:center;}
	.pop-deep .inner .Logo {float:left;width:25%;margin-right:5%;}
	.pop-deep .inner .Logo img {width:100%;}
	.pop-deep .inner .Title {float:left;width:70%;color:#fff;font-size:24px;line-height:30px;letter-spacing:-0.5px;padding:4vw 0px;}
	.pop-deep .inner .Text {display:inline-block;width:100%;border-radius:50px;color:#fff;text-align:center;background:#2880c0;font-size:20px;padding:22px 0px;}
	.pop-deep .inner .Text span {display:inline-block;margin-left:10px; width:10px;}
	.pop-deep .inner .Text span img {width:100%;vertical-align:middle;margin-bottom:3px;}
	.pop-deep .inner .deep-close {text-align:center;font-size:18px;color:#fff;outline:0;background:none;border-bottom:1px solid rgba(255,255,255,0.5);padding-bottom:4px;}
	.pop-deep .inner .deep-close img {width:17px;margin-left:5px;vertical-align:middle;margin-bottom:3px;}
	.pop-deep .Bg {content:'';width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}

	/* 로그인 팝업 */
	.pop-login {width:90%;top:calc(30% - 120px);left:auto;margin:0% 5%;}
	.pop-login .Title {padding:25px 0px;}
	.pop-login .inner {padding:10% 0%;}
	.pop-login .inner .Last {margin:0px 10% 20px;}
	.pop-login .inner .First {padding:0% 10% 10px;}
	.pop-login .inner .Text {padding:20px 10% 0px;}
	.pop-login .inner .Text p {font-size:12px;line-height:20px;}
	.pop-login .inner .Text p br {display:none;}

	/* 닉네임 팝업 */
	.pop-nickname {width:90%;top:calc(30% - 120px);left:auto;margin:0% 5%;}
	.pop-nickname .Title {padding:25px 0px;}
	.pop-nickname .inner {padding:10% 0%;}
	.pop-nickname .inner .row {margin:0px 5% 30px;}


	/* 월페이퍼 팝업 */
	.pop-wallpaper {width:90%;height: calc(100vh - 90px);margin:0% 5%;top:calc(5% - 0px);left:auto;}
	.pop-wallpaper .inner .Title {padding:20px 30px;height:170px;}
	.pop-wallpaper .inner .Title h3 {font-size:26px;line-height:26px;padding-bottom:15px;}
	.pop-wallpaper .inner .Title p:nth-of-type(1) {font-size:14px;line-height:18px;}
	.pop-wallpaper .inner .Title p:nth-of-type(2) {font-size:14px;line-height:18px;}
	.pop-wallpaper .tabs {width:300px;top:-25px;}
	.pop-wallpaper .tabs a {font-size:14px;height:50px;line-height:50px;}
	.pop-wallpaper .tabs_item .List:first-child {padding:10px 20px 20px;}
	.pop-wallpaper .tabs_item .List {padding:40px 20px 40px;}
	.pop-wallpaper .tab_content {height: calc(100vh - 342px);}
	.pop-wallpaper .tabs_item .List .Wall {font-size:16px;line-height:16px;padding-bottom:10px;}
	.pop-wallpaper .tabs_item .List .paper .Img {width:100%;margin-right:0;margin-bottom:20px;}
	.pop-wallpaper .tab_content .mCSB_scrollTools .mCSB_draggerContainer {left: -2px !important;}

	/* object */
	ol li a:before {display: inline-block; font-size: 18px; color: #2781c1; width: 20px; margin-right: 10px;}


	.btn-go-top {width: 30px; height: 30px; margin-top: 20px; background-size: 24%;}

	.btn {font-size: 12px; height: 36px; line-height: 34px; border-radius: 18px;}
	.btn-view-original {top: inherit; bottom: 20px; height: 28px; line-height: 28px; font-size: 12px; right: 0; margin-right: 0; width: 100%;}

	.tab-btn{display:table;width: 100%;table-layout: fixed;margin-right:0;}
	.tab-btn li{display: table-cell;float:none;width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;}
	.tab-btn button {width: 100%;min-width: inherit; font-size: 12px;}

	.thumb {width: 131px; height: 80px;}

	/* 팝업공통 */
	.popup {min-height: 100%; overflow: auto;}

	/* 사용자설정 팝업 */
	.pop-user-set .pop-inner-wrap {width: 90.625vw; height: auto; max-width: 440px;}
	.pop-user-set .title-wrap:after {width: 154px; height: 100px; margin-left: -77px;}
	.pop-user-set .title-wrap {padding-top: 24px; height: 192px;}
	.pop-user-set .title-wrap h1 {font-size: 22px;}
	.pop-user-set .title-wrap p {font-size: 13px;}
	.pop-user-set .con-wrap {padding: 32px 20px 0; padding-bottom: 20px; height: auto;}
	.pop-user-set .w-input {width: 100%; float: none;}
	.pop-user-set .con-wrap .title-legend {float: none; display: block; width: 100%; text-align: center; font-size: 16px; line-height: 32px;}
	.pop-user-set .con-wrap select {float: left; margin-right: 12px; width: calc(50% - 6px); padding-right: 30px; padding-left: 10px; background-position: center right 20px;}
	.pop-user-set .con-wrap select:last-child {float: right; margin-right: 0;}
	.pop-user-set fieldset {padding-bottom: 11px;}
	.pop-user-set .list-check .check label {padding: 0px 10px; margin-right: 5px; height: 26px; line-height: 27px;}
	.pop-user-set .btn-wrap {margin-top: 11px;}
	.popup.pop-user-set .btn-wrap .btn  {width: 110px;}

	/* 공유팝업 */
	.pop-sharing .pop-wrap {width: 310px;}
	.pop-sharing .link-copy .link-txt {width: 130px;}
	.pop-sharing .link-copy .btn {width:70px;}
	.pop-sharing .sns-list li {width:50px;height:50px;display:inline-block;}
	.pop-sharing .sns-list li img {width:100%;}
	.pop-sharing .sns-list li img {display: inline-block;width:30px;height:30px;padding:10px;border-radius:50%;}
	.pop-sharing .sns-list li p {display:none;}
	.pop-sharing .pop-wrap .Qr {padding:25px 45px;}
	.pop-sharing .pop-wrap .Qr .inner {padding:25px 0px 0px 0px;text-align:center;}
	.pop-sharing .pop-wrap .Qr .inner .Qrimg {padding: 0px 15px 25px;width:150px;display:inline-block;}
	.pop-sharing .pop-wrap .Qr .inner .Qrimg img {width:100%;}
	.pop-sharing .pop-wrap .Qr .inner .Qrtext p {font-size:13px;}
	.pop-sharing .pop-wrap .Qr .inner .Qrimg canvas {width:100% !important;height:100% !important;}

	/* list style */
	.list-header .list-search {width: 100%; margin-bottom: 5px; }
	.list-header:after {height: 5px;}
	.list-select {display: none;}
	.list-input {width: calc(100% - 96px); height: 40px; position:relative; }
	div.culture .list-input{width:100%} /* 검색결과 */
	section.culture .list-input{width:calc(100% - 50px);} /* 지역문화툰 */
	#res-theme .list-input input {width: calc(100% - 170px); height: 100%; font-size: 13px; line-height: 40px; vertical-align: middle;}
	.list-input button {width: 30px; height: 38px; float: right; margin-right:8px; }
	.list-input .check-box { position:absolute; right:50px; top:-6px; }


	.article-main .title h2 {font-size: 20px;}

	.list-box {padding-top: 0;}
	.list-box .title {padding-bottom: 3px;}
	.list-box .title h2 {font-size: 19px}
	.list-box .title .count {font-size: 12px;}

	.list-box .list > li {min-height: 0;}

	.list-box .thumb {display: block; float: left;}

	.list-box .data-wrap .data-tit {font-size: 16px;}
	.list-box .data-wrap dt {font-size: 16px;}
	.list-box .data-wrap dt a{overflow:hidden;max-height:45px}
	.list-box .data-wrap dd {font-size: 12px; line-height: 1.5; max-height: 18px;}
	.list-box .thumb ~ .data-wrap {float: none; width: 100%; padding-left: 0; display: inline;}
	.list-box .thumb ~ .data-wrap dl {padding-left: 140px; height: auto;}
	.list-box .thumb ~ .data-wrap .data-tit {float: left; width: calc(100% - 131px); margin-bottom: 10px; padding-left: 10px; min-height: 75px;}
	.list-box .thumb ~ .data-wrap .data-tit a {white-space: normal;}
	.story-detail .article-main .list-box .thumb ~ .data-wrap dl {height:auto;}

	.list-box.post-box .item-text-effect .data-wrap dd {max-height: 40px;}

	.list-box .list-info {font-size: 12px;}

	.list-box .classification {font-size: 12px;}
	.list-box .classification .interest-a {font-size: 10px; width: 50px; line-height: 18px; height: 18px; margin-top: 0px; margin-bottom: 2px;}
	.list-box .classification .sub-count {font-size: 11px; padding-left: 14px; background-size: 12px;}

	.result-search .article-main .list .item-text-effect .data-wrap .list-tag {height:26px;}
	.result-search .article-main .list-box .list .item-text-effect .thumb ~ .data-wrap dl {height:94px;}
	.result-search .article-main .list-box .list.card .item-text-effect .thumb ~ .data-wrap dl {height:auto;}

	.list-tag {_margin-top: 4px; _height: 29px;}
	.list-tag li a {font-size: 12px;}

	.list-box .list-local-info li {line-height: 1.5;}
	.list-box .list-local-info li em {width: 16px; height: 16px;}
	.list-box .list-local-info .info-address {overflow: hidden; font-size: 12px; max-height: 18px;}

	.list-box .btn-view-original ~ .data-wrap {padding-right: 0;}
	.list-box .btn-view-original ~ .data-wrap > :last-child {padding-right: 0; margin-bottom: 40px;}

	.list-box .resources-box .thumb {width: 100%;}
	.list-box .resources-box .thumb ~ .data-wrap .data-tit {width: calc(100% - 57px);}

	.list-box .card > li {height: auto; margin-right: 10px; width: calc(50% - 5px); min-height: 261px; margin-top: 15px;}
	.list-box .card > li:nth-child(2n) {margin-right: 0;}
	.list-box .card .thumb {height: 100px;}
	.list-box .card .thumb ~ .data-wrap {display: block;}
	.list-box .card .thumb ~ .data-wrap dl {padding-left: 0; height: auto;}
	.list-box .card .thumb ~ .data-wrap .data-tit {width: 100%; float: none; margin-bottom: 3px; padding-left: 0; min-height: 0;}
	.list-box .card .data-wrap {padding: 15px 12px 12px;}
	.list-box .card .data-wrap dd {max-height: 10.5em; min-height: 10.5em;}
	.list-box .card .list-local-info {margin-top: 5px; font-size: 12px;}
	.list-box .card .thumb ~ .data-wrap dd {max-height: 3em; min-height: 3em;}
	.list-box .card .localculture-box .data-tit a {min-height: 23px; max-height: 23px;}
	.list-box .card .localculture-box .data-wrap dd {max-height: 92px; min-height: 92px;}
	.list-box .card .classification {min-height: auto; border-left: none; padding-left: 0; min-height: 18px; margin-bottom: 4px; font-size: 11px;}
	.list-box .card .classification .menu-type {display: none;}
	.list-box .card .localculture-box .list-local-info li.info-address {margin-bottom: 3px;}
	.list-box .card .regional .sign {display: none;}
	.list-box .card .list-tag {}
	.list-box .res-card .thumb {display: table-cell;float: none;}
	.list-box .res-card .thumb ~ .data-wrap { display: table-cell;padding-left: 10px;}
	.list-box .res-card .thumb ~ .data-wrap .data-tit {overflow:hidden;float: none;width:100%;min-height: 0; padding-left: 0; margin-bottom: 5px;word-wrap:normal;}
	.list-box .res-card .list-tag {display: block;}
	.list-box .res-card .btn-view-original{font-size:14px}

	/* 2단 레이아웃 */
	.article-main .list-box .card > li:nth-child(even){margin-right: 0;}
	.article-main .list-box .card > li:nth-child(odd) {margin-right: 10px;}

	/* 지방문화원자료 */
	.list-box .res-card .tit-txt{font-size:16px}

	/* renewal 2020 */
	.list-box .list.reverse > li {display:table;}
	.list-box .list.reverse > li .thumb {float:right;}
	.list-box .list.reverse > li.use-image .data-wrap dl {box-sizing:border-box;width:100%;padding-left:0;padding-right:140px;}
	.list-box .list.reverse.card > li.use-image .data-wrap {padding: 15px 12px 10px;display:inline-block;}
	.list-box .list.reverse.card > li.use-image .data-wrap dl {padding:0;}

	#searchHeaderForm { position:relative;  }
	#header .search-wrap.mobile .search-input input { padding-left:100px; width: calc(75% - 30px); }
	.search-wrap	.condition_sear{position:absolute; left:0px; top:-10px; display:inline-block; padding-left:25px;width:90px; height:42px;line-height:42px;font-size:14px;color:#666;  }
	.search-wrap	.condition_sear::after{position:absolute;right:0;top:0;width:90px;height:42px;content:"";display:block;background: url("/images/kccf/btn/btn_up.png") no-repeat right top; }
	.search-wrap	.condition_sear .sear_depth{width:70px; position:absolute;left:18px;right:0;top:0px;background:none;border:0px solid #ddd; border-radius:2px; padding:0px 5px;z-index:60;font-weight:bold;}

	/* 마이페이지 */
    .mypage-header {background:url(/images/kccf/bg/bg-mypage-m.jpg) no-repeat center;background-size: 100% 100%;width:100%;height:auto;margin-bottom:50px;}
    .mypage-header .inner {display:inline-block;width:90%;margin:5% 5% 3%;padding:0px;}
    .mypage-header .inner .sec-1 {width:100%;height:auto;margin-right:0;margin-bottom:10px;}
    .mypage-header .inner .sec-1 .info {width:84%;padding:0% 8% 3%}
    .mypage-header .inner .sec-1 .info .sns-info {width:auto;}
    .mypage-header .inner .sec-1 .info .date-info {width:auto;}
    .mypage-header .inner .sec-1 .info .date-info .date {height: 16px;padding-left: 10px;}
    .mypage-header .inner .sec-1 .title {padding:5% 8% 4%;}
    .mypage-header .inner .sec-1 .title br {display:none;}
    .mypage-header .inner .sec-1 .data {padding:20px 6%;vertical-align: top;}


    .mypage-header .inner .sec-2 {width:100%;height: auto;padding:0% 0%;overflow:visible;}
    .mypage-header .inner .sec-2 .con {width:100%;height:280px;padding:30px 8%;border-right:0;border-bottom:1px solid #eee;}
    .mypage-header .inner .sec-2 .con:last-child {border-bottom:0;}
    .mypage-header .inner .sec-2 .con-1 .total-point {top:32px;right:12%;}
    .mypage-header .inner .sec-2 .con-2 .setting {top:32px;right:10%;}
    .mypage-header .inner .sec-2 .con-3 {height:auto;}

    .mypage-content .inner {width:90%;margin:0% 5%;}
    .mypage-content .list-box .More {top:15px;}
    .mypage-content .list-box .card > li {box-sizing: border-box;display: block;overflow: hidden;position: relative;float: left;width: calc(50% - 5px);height: 270px;padding: 0;margin-right:10px;margin-top:30px;border:1px solid #ddd;border-radius:4px;background-color:#fff;}
    .mypage-content .list-box .card > li:hover {border-color: #008da6;}
    .mypage-content .list-box .card > li:nth-child(2n) {margin-right: 0;}
    .mypage-content .list-box .card .thumb {height:100px;}
    .mypage-content .list-box .card .classification .menu-type {display:none;}
    .mypage-content .list-box .card .classification {border-left:0;padding-left:0px;min-height:auto;margin-bottom:0;}
    .mypage-content .list-box .sharing-btn-wrap {display:none;}
    .mypage-content .list-box .classification .regional {font-size:11px;}
    .mypage-content .list-box .card .data-wrap dt a {font-size:16px;}
    .mypage-content .list-box .data-wrap dd {font-size:12px;}
    .mypage-content .list-box .card .thumb ~ .data-wrap .list-tag {display:none;}

    .point-pop {width:90%;left:auto;margin:0% 5%;height: calc(100vh - 100px);}
    .point-pop .inner .point-box .row:nth-of-type(2) .left {width:100%;}
    .point-pop .inner .point-box .row:nth-of-type(2) .right {width:100%;}

    .point-pop .inner .point-box .row:nth-of-type(2) .left .month-select input {width:23.2%;}
    .point-pop .inner .point-box .row:nth-of-type(2) .left .dete input.detepicker {width:43.3%;}
    .point-pop .inner .point-box .row:nth-of-type(2) .left .dete .ui-datepicker-trigger:nth-of-type(1) {top:9px;right:143px;}
    .point-pop .inner .point-box .row:nth-of-type(2) .left .dete .ui-datepicker-trigger:nth-of-type(2) {top:9px;right:10px;}
    .point-pop .inner .point-box .row:nth-of-type(2) .right button {height:38px;line-height:40px;}

    .point-pop .tabs {width:90%;}

    .point-pop .tabs_item .list .con-1 {width:25%;}
    .point-pop .tabs_item .list .con-2 {width:45%;}
    .point-pop .tabs_item .list .con-3 {width:30%;}

    .point-pop .tabs_item .list .con-2 {margin:22px 0px;}
    .point-pop .tabs_item .list .con-2 p:nth-of-type(1) {font-size:14px;}
    .point-pop .tabs_item .list .con-2 p:nth-of-type(2) {font-size:12px;}
    .point-pop .tabs_item .list .con-3 {margin:26px 0px;}
    .point-pop .tabs_item .list .con-3 p {font-size:12px;}
    .point-pop .tabs_item .list .con-3 p span {font-size:14px;}

	.pop-Npoint {left: auto;width: 90%;margin: 0% 5%;}
	#Npoint a {left:-60px;}

	.mypage-content .list-box .list.reverse.card > li.use-image .data-wrap {padding:15px 8% 18px;}

	.pop-user-info .pop-wrap {width:100%;}
	.pop-user-info .pop-inner-wrap {width:90%;margin:0% 5%;}
	.pop-user-info .pop-inner-wrap .title-wrap {height:120px;}
	.pop-user-info .pop-inner-wrap .title-wrap h3 {font-size:20px;margin-bottom:0px;}
	.pop-user-info .pop-inner-wrap .con-wrap {overflow-y:auto;padding:20px;margin:20px;}
	.pop-user-info .pop-inner-wrap .con-wrap p br {display:none;}

	.pop-user-step .pop-wrap {width:100%;}
	.pop-user-step .pop-inner-wrap {width:90%;margin:0% 5%;}
	.pop-user-step .pop-inner-wrap .title-wrap {height:120px;}
	.pop-user-step .pop-inner-wrap .title-wrap h3 {font-size:20px;margin-bottom:0px;}
	.pop-user-step .pop-inner-wrap .con-wrap {height:350px;margin:20px;margin-top:-30px;padding:20px 0px;}
	.pop-user-step .pop-inner-wrap .con-wrap .tab {padding:0px 20px;}
	.pop-user-step .pop-inner-wrap .con-wrap .tabContent h3 {font-size:16px;}
	.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .route-group .inp .route-box {flex-wrap: wrap;}
	.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .route-group .inp .route-box .route {width:49%;margin-bottom:8px;}
	.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .field-group .inp .field {width:49%;}
	.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .field-group .inp .field:nth-child(3n+3) {margin-right:2%;}
	.pop-user-step .pop-inner-wrap .con-wrap .tabContent .input-box .field-group .inp .field:nth-child(2n+2) {margin-right:0%;}

	.pop-user-complete .pop-wrap {width:100%;}
	.pop-user-complete .pop-inner-wrap {width:90%;margin:0% 5%;}
	.pop-user-complete .pop-inner-wrap .title-wrap {height:120px;}
	.pop-user-complete .pop-inner-wrap .title-wrap p {width:100px;height:100px;margin-top:115px;}
	.pop-user-complete .pop-inner-wrap .title-wrap p img {width:100%;}
	.pop-user-complete .pop-inner-wrap .con-wrap {overflow-y:auto;padding:20px;margin:20px;}
	.pop-user-complete .pop-inner-wrap .con-wrap h3 {font-size:18px;}
	.pop-user-complete .pop-inner-wrap .con-wrap p:nth-of-type(1) br {display:none;}

	.pop-myinfo-modify .pop-wrap {width:100%;}
	.pop-myinfo-modify .pop-inner-wrap {width:90%;margin:0% 5%;}
	.pop-myinfo-modify .pop-inner-wrap .title-wrap {height:120px;}
	.pop-myinfo-modify .pop-inner-wrap .title-wrap h3 {font-size:20px;margin-bottom:0px;}
	.pop-myinfo-modify .pop-inner-wrap .con-wrap {height:350px;margin:20px;margin-top:-30px;padding:20px 20px;}
	.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content h3 {font-size:16px;}
	.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .route-group .inp .route-box {flex-wrap: wrap;}
	.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .route-group .inp .route-box .route {width:49%;margin-bottom:8px;}
	.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .field-group .inp .field {width:49%;}
	.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .field-group .inp .field:nth-child(3n+3) {margin-right:2%;}
	.pop-myinfo-modify .pop-inner-wrap .con-wrap .Content .input-box .field-group .inp .field:nth-child(2n+2) {margin-right:0%;}

	.special-logo section .inner {width:90%;margin:0% 5%;}
	.special-logo .top-sec {padding:24px 0px;}
	.special-logo .top-sec .inner {flex-direction: column;}
	.special-logo .top-sec .inner .img {width:100%;margin:0;margin-bottom:16px;}
	.special-logo .top-sec .inner .info {width:100%;}
	.special-logo .top-sec .inner .info .share {top:5px;}
	.special-logo .top-sec .inner .info .date .txt {font-size:22px;}
	.special-logo .top-sec .inner .info .date .num {font-size:16px;}
	.special-logo .top-sec .inner .info .desc {font-size:14px;-webkit-line-clamp: 5;margin-bottom:24px;}
	.special-logo .top-sec .inner .info .more a {width:100%;font-size:14px;height:48px;line-height:48px;}

	.special-logo .bot-sec {padding:24px 0px;}
	.special-logo .bot-sec .inner .tab .tab-menu {flex-direction: column;}
	.special-logo .bot-sec .inner .tab .tab-menu ul {margin-bottom:10px;overflow-x: auto;white-space: nowrap;display:block;width:100%;height:36px;padding-bottom:10px;}
	.special-logo .bot-sec .inner .tab .tab-menu ul li {display:inline-block;}
	.special-logo .bot-sec .inner .tab .tab-menu ul li a {font-size:14px;padding: 8px 16px;}
	.special-logo .bot-sec .inner .tab .tab-menu .search {width:100%;display:flex;}
	.special-logo .bot-sec .inner .tab .tab-menu .search .search-input {width:64%;}
	.special-logo .bot-sec .inner .tab .tab-menu .search .search-btn {width:27%;font-size:14px;}
	.special-logo .bot-sec .inner .tab .tabContent {padding-top:32px;}
	.special-logo .bot-sec .inner .tab .tabContent .list-box {flex-direction: column;}
	.special-logo .bot-sec .inner .tab .tabContent .list-box .list {width:100%;margin: 0% 0% 16px 0%;}

	.local-master img {width:100%;}
	.local-master .pc {display:none;}
	.local-master .mo {display:block;}

	    .writing-togo section {padding:60px 0px;}
    .writing-togo section .inner {width:90%;margin:0% 5%;}
    .writing-togo section h3 {font-size:28px;}

    /* 동네마스터 신청안내 */
    .writing-togo .sec1 {height:500px;}
    .writing-togo .sec1 p:nth-of-type(1) {font-size: 14px;margin-bottom:5px;}
    .writing-togo .sec1 h1 {font-size:30px;}
    .writing-togo .sec1 p:nth-of-type(2) {font-size:16px;}
    .writing-togo .sec1 p:nth-of-type(3) {font-size:14px;padding:16px 24px;}
    .writing-togo .sec2 .list-box {flex-direction: column;}
    .writing-togo .sec2 .list-box .list {width:100%;height:260px;margin-bottom:16px;padding:24px;}
    .writing-togo .sec2 .list-box .list p:nth-child(1) {font-size:20px;}
    .writing-togo .sec3 {padding:60px 0px 80px;}
    .writing-togo .sec3 .inner {width:95%;margin:0 0 0 5%;}
    .writing-togo .swiper {padding-top:145px;}
    .writing-togo .swiper .swiper-pagination .swiper-pagination-bullet {margin-bottom:10px;font-size:14px;}
    .writing-togo .swiper .swiper-button-next, .writing-togo .swiper .swiper-button-prev {display: none;}
    .writing-togo .swiper-slide.slide1 {background: linear-gradient(90deg, #0883A9 0%, #11ADC0 100%);}
    .writing-togo .swiper-slide.slide2 {background: linear-gradient(90deg, #4561BF 0%, #5478F0 100%);}
    .writing-togo .swiper-slide.slide3 {background: linear-gradient(90deg, #094A85 0%, #0864B8 100%);}
    .writing-togo .swiper-slide.slide4 {background: linear-gradient(90deg, #0E8087 0%, #089EA8 100%);}
    .writing-togo .swiper-slide p:nth-of-type(1) {left:24px;top:24px;font-size:12px;}
    .writing-togo .swiper-slide p:nth-of-type(2) {font-size:16px;}
    .writing-togo .swiper-slide p:nth-of-type(3) {font-size:26px;word-break: keep-all;}
    .writing-togo .swiper-slide p:nth-of-type(4) {font-size:14px;}
    .writing-togo .swiper-slide p:nth-of-type(4) br {display: none;}
    .writing-togo .swiper-slide {padding:24px;}
    .writing-togo .swiper-slide .txt-box {width:100%}

    section .inner .con-box .sub-write-table table.type10 tr {display: grid;padding:24px 0px 0px;border-bottom:0;}
    section .inner .con-box .sub-write-table table.type10 tr th {background:#fff;padding:0px 0px 10px;}
    section .inner .con-box .sub-write-table table.type10 tr td {padding:0px 0px 10px;}
    section .inner .con-box .sub-write-table table.type10 tr.email td .input-box {flex-direction: column;}
    section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.request #email {width:100%;margin-bottom:8px;}
    section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.request #request-btn {width:100%;}

    section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number {flex-wrap: wrap;flex-direction: initial;justify-content: space-between;}
    section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number #typingcode {width:70%;margin-bottom:8px;}
    section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number span {width:30%;margin-bottom:8px;justify-content: flex-end;}
    section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number #timer {text-align: right;}
    section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number #resend-btn {width:49%;}
    section .inner .con-box .sub-write-table table.type10 tr.email td .input-box.number #check-btn {width:49%;}

    section .inner .con-box .sub-write-table table.type10 tr.attach .file-input {height:auto;flex-direction: column;text-align: left;align-items: flex-start;}
    section .inner .con-box .sub-write-table table.type10 tr.attach .file-input-label {width:100%;}
    section .inner .con-box .sub-write-table table.type10 tr.attach .file-input-label::after {width:100%;box-sizing: border-box;display: inline-block;padding: 10px 12px;text-align:center;margin-bottom:8px;}
    section .inner .con-box .sub-write-table table.type10 tr.attach .file-input span {padding-left:0;margin-bottom:15px;}
	section .inner .con-box .sub-write-table table.type10 tr.attach td input[type="text"] {padding:0px 30px 0px 16px;}

    section .inner .btn-box button {width:100%;margin:0;}

    /* 동네마스터 신청하기 */
    .subscription section .inner {width:90%;margin:0% 5%;}

    /* 내작업실 */
    .workplace-header {margin-bottom:16px;}
    .workplace-header .inner {width:90%;margin:0% 5%;flex-direction: column;align-items: flex-start;}
    .workplace-header .inner .tit-box {width:100%;}
    .workplace-header .inner .tit-box .tit {font-size:30px;width:100%;line-height: normal;margin-bottom:24px;}
    .workplace-header .inner .tit-box .btn {width:100%;margin-bottom:40px;}
    .workplace-header .inner .tit-box .btn button {width:100%;}
    .workplace-header .inner .count-box {width:100%;justify-content: space-between;}
    .workplace-header .inner .count-box > div {padding:0px 0%;text-align: center;width: 33%;}
    .workplace .inner {width:90%;margin:0% 5%;flex-direction: column;}
    .workplace .inner .left-con {width:100%;}
    .workplace .inner .left-con .comment-box {display: none;}
    .workplace .inner .left-con .popular-content {display: none;}
    .workplace .inner .left-con .unsubscribe {margin-bottom:30px;text-align: right;width: 100%;}
    .workplace .inner .right-con {width:100%;}
    .workplace .inner .right-con .tab-menu {margin-bottom:0;border-bottom: 1px solid #DDD;}
    .workplace .inner .right-con .tab-menu ul {border:0;border-radius: 0;}
    .workplace .inner .right-con .tab-menu ul li {width: auto;margin-right:16px;border:0;height:50px;line-height: 50px;}
    .workplace .inner .right-con .tab-menu ul li.active {border-bottom: 2px solid #008DA6;}
    .workplace .inner .right-con .tab-menu ul li.active a {background: none;color: #008DA6;font-weight: 700;}
    .workplace .inner .right-con .tabContent ul.list {border: 0px;}
    .workplace .inner .right-con .tabContent ul.list li {align-items: flex-start;position: relative;border-bottom: 1px solid #DDD;}
    .workplace .inner .right-con .tabContent ul.list li .data-wrap {width:100%;}
    .workplace .inner .right-con .tabContent ul.list li .thumb {width:45%;height:96px;position: absolute;top:20px;right:0;}
    .workplace .inner .right-con .tabContent ul.list li .data-wrap dl {min-height: 100px;}

    .workplace .inner .right-con .tabContent ul.list li .data-wrap dl dt .text-flow {white-space:normal;font-size:16px;}
    .workplace .inner .right-con .tabContent ul.list li .data-wrap .list-info > div {width:auto;margin:0;margin-right:10px;padding:0;padding-right:10px;}
    .workplace .inner .right-con .tabContent ul.list li .data-wrap .list-path {margin-bottom:6px;}
    .workplace .inner .right-con .tabContent ul.list li .data-wrap .list-path p {font-size:12px;white-space:normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}

	.workplace .inner .right-con .tabContent ul.list li.use-image .data-wrap dl dt a {padding-right:45%;white-space:normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
	.workplace .inner .right-con .tabContent ul.list li.use-image .data-wrap dl dd {padding-right:45%;font-size:12px;}


    /* 콘텐츠작성 */
    .contents-write section .inner {width:90%;margin:0% 5%;}
    .contents-write section .inner .con-box .top-sec {flex-direction: column;}
    .contents-write section .inner .con-box .top-sec .small-btn {width:100%;display:flex;justify-content: space-between;}
    .contents-write section .inner .con-box .top-sec .small-btn button {width:49%;margin:0;height:40px;}
    .contents-write section .inner .con-box .top-sec .required-txt {width: 100%;}
    .contents-write section .inner .con-box .sub-write-table table.type10 colgroup col {width:auto !important;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.subject td .input-box {flex-direction: column;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.subject td .input-box select {width:100%;margin-bottom:8px;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box {flex-direction: column;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box #place {width:100%;margin-bottom:8px;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box #place-btn {width:100%;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label {width:100% !important;margin-bottom:8px;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label span {width:70px !important;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label input {width:100%;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label:nth-of-type(1) input {width:48%;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.place td .input-box label:nth-of-type(1) input:nth-of-type(1) {margin-right:2%;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr th .notation-btn {margin-top:0;float:right;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.attach .value-box {flex-direction: column;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.attach .value-box select {margin-bottom:8px;width:100%;}
    .contents-write section .inner .con-box .sub-write-table table.type10 tr.attach .value-box .file-value {width:100%;}
    .contents-write section .inner .btn-box {display: flex;flex-wrap: wrap;justify-content: space-between;}
    .contents-write section .inner .btn-box .cancel-btn {width:49%;}
    .contents-write section .inner .btn-box .save-btn {width:49%;}
    .contents-write section .inner .btn-box .register-btn {margin-top:8px;}

    .pop-temporary .pop-wrap {width:90%;margin:0% 0%;}
    .pop-temporary .pop-wrap .tit-box {height:86px;}
    .pop-temporary .pop-wrap .con-box {margin:0;border-radius:0;border:0;padding:20px;}
    .pop-temporary .pop-wrap .con-box .top-sec {flex-direction: column;}
    .pop-temporary .pop-wrap .con-box .top-sec .total {width:100%;text-align: left;margin-bottom:10px;}
    .pop-temporary .pop-wrap .con-box .top-sec .btn-sec {width:100%;display: flex;justify-content: space-between;}
    .pop-temporary .pop-wrap .con-box .top-sec .btn-sec button {margin:0;width:49%;height:40px;}
    .pop-temporary .pop-wrap .con-box .mid-sec {height:340px;}
    .pop-temporary .pop-wrap .con-box .mid-sec .list-box .list .check {width:10%;}
    .pop-temporary .pop-wrap .con-box .mid-sec .list-box .list .tit {width:80%;}
    .pop-temporary .pop-wrap .con-box .mid-sec .list-box .list .del {width:10%;}

    .pop-caution .pop-wrap {width:90%;margin:0% 0%;}
    .pop-caution .pop-wrap .tit-box {height:86px;}
    .pop-caution .pop-wrap .con-box {margin:0;border-radius:0;border:0;padding:20px;height:460px;}

    .pop-notation .pop-wrap {width:90%;margin:0% 0%;}
    .pop-notation .pop-wrap .tit-box {height:86px;}
    .pop-notation .pop-wrap .con-box {margin:0;border-radius:0;border:0;padding:20px;height:460px;}
    .pop-notation .pop-wrap .con-box .table-box {width: 100%;min-width: 280px;overflow-x: scroll;white-space: nowrap;}

    /* 콘텐츠디테일 */
    .contents-detail-header {height:auto;padding:30px 0px;}
    .contents-detail-header .inner {width:90%;margin:0% 5%;flex-direction: column;justify-content: center;align-items:flex-start;}
    .contents-detail-header .inner .tit-box {margin-bottom:8px;}
    .contents-detail-header .inner .tit-box .tit p:nth-of-type(1) {font-size:14px;}
    .contents-detail-header .inner .tit-box .tit p:nth-of-type(2) {font-size:22px;}
    .contents-detail .inner {flex-direction: column;width:90%;margin:0% 5%;}
    .contents-detail .con-left {width:100%;margin:0px 0% 35px;border-bottom:1px solid #eee;padding:0px 0px 35px 0px;}
    .contents-detail .con-right {width:100%;margin:0px 0%;}
    .contents-detail .mygallery .mygallery1 {flex-direction: column;}
    .contents-detail .mygallery .mygallery1 .img {width:100%;}
    .contents-detail .mygallery .mygallery1 .txt {width:100%;}
    .contents-detail .con-right .related-info .map {width:100%;height:233px;}
    .contents-detail .con-right .related-info .location-info span.location img {vertical-align: middle;margin-right:5px;}
    .contents-detail .con-right .related-info .location-info span.info-address {font-size:16px;}
    .contents-detail .comment-sec .register-box {padding:24px 0px 100px;}
    .contents-detail .comment-sec .register-box textarea {padding:24px;height:130px;}
    .contents-detail .comment-sec .list-box .list .btn {margin-top:10px;bottom:12px;}
    .contents-detail .comment-sec .list-box .list .com-box {padding:24px 16px 48px;}
    .contents-detail .comment-sec .list-box .list .register-box {padding:24px 16px 100px;}
    .contents-detail .comment-sec .list-box .list .nic {margin-bottom:8px;}
    .contents-write.reject section .inner .con-box .reject-box {margin-top:0;margin-bottom:10px;}
    .contents-detail .comment-sec .register-box .reg-btn {right:0;bottom:42px;}

    .contents-detail .comment-sec .reply-box {padding:24px 16px 48px;}
    .contents-detail .comment-sec .register-box .counter {left:0px;top:160px;bottom:auto;}
    .contents-detail .comment-sec .list-box .list .register-box .counter {left:16px;bottom:auto;}
    .contents-detail .comment-sec .list-box .list .register-box .reg-btn {right:16px;bottom:42px;}
    .contents-detail .comment-sec .list-box .list .det {overflow:hidden;}

    /* 탈퇴하기 */
    .secession section .inner {width:90%;margin:0% 5%;}
    .secession section .inner .tit-box h1 {font-size:20px;}
    .secession section .inner .btn-box button.Bg-white {margin-bottom:8px;}

    /* 우리지역N 목록 */
    .region-list-header .inner {width:90%;margin:0% 5%;}
    .region-list-header .inner .search-box {flex-wrap: wrap;justify-content: space-between;}
    .region-list-header .inner .search-box .search .search-input {width:100%;}
    .region-list-header .inner .search-box .search {width:82%;margin-bottom:8px;margin-right:0;}
    .region-list-header .inner .search-box .detail-btn {width:19%;max-width:58px;text-indent: -999999px;margin-right:0;background:url(/images/kccf/icon/icon-region-filter.png) center no-repeat #185A6F;}
    .region-list-header .inner .search-box .detail-btn.on {background:url(/images/kccf/icon/icon-region-filter.png) center no-repeat #185A6F;}
    .region-list-header .inner .search-box .writer-btn {width:100%;}

    .region-list .inner {width:100%;margin:0% 0%;}
    .region-list-header .inner .search-detail .story {flex-direction: column;}
    .region-list-header .inner .search-detail .story .select-box {width:100%;margin-bottom:8px;}
    .region-list-header .inner .search-detail .story .select-box select {padding-left:0;}
    .region-list-header .inner .search-detail .story .button-box {display: inline-block;white-space: nowrap;}
    .region-list-header .inner .search-detail .story .button-box button {white-space: nowrap;margin-bottom:8px;}

    .region-list-header .inner .search-detail .area {flex-wrap: wrap;}
    .region-list-header .inner .search-detail .area .select-box {width:100%;margin-bottom:8px;}
    .region-list-header .inner .search-detail .area .select-box select {padding-left:0;}
    .region-list-header .inner .search-detail .area .button-box {width:85%;margin:0;}
    .region-list-header .inner .search-detail .area .more {width:15%;margin:0;}
    .region-list-header .inner .search-detail .area .more button {width:38px;height:38px;text-indent: -9999999px;background: url(/images/kccf/icon/icon-region-more.png) center no-repeat #fff;}
    .region-list-header .inner .search-detail .area .more button.on {background: url(/images/kccf/icon/icon-region-more-on.png) center no-repeat #fff;}

    .region-list .inner ul.list li {align-items: flex-start;position: relative;border-bottom: 1px solid #DDD;}
    .region-list .inner ul.list li .data-wrap {width:100%;}
    .region-list .inner ul.list.reverse > li.use-image .data-wrap {padding-right:0;margin-right:0;}
    .region-list .inner ul.list li .thumb {width:auto;min-width:150px;height:96px;}
    .region-list .inner ul.list li .data-wrap dl {min-height: 100px;margin-right:15px;}
    .region-list .inner ul.list li .data-wrap dl dt a {white-space:normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    .region-list .inner ul.list li .data-wrap dl dt .text-flow {-webkit-line-clamp: 2;font-size:16px;height:45px;padding-bottom:0;}
    .region-list .inner ul.list li .data-wrap dl dd {font-size:12px;}
    .region-list .inner ul.list li .data-wrap .list-info {margin-top:30px;}
    .region-list .inner ul.list li .data-wrap .list-info > div {width:auto;margin:0;margin-right:10px;padding:0;padding-right:10px;font-size:12px;}
    .region-list .inner ul.list li .data-wrap .list-path {margin-bottom:6px;}
    .region-list .inner ul.list li .data-wrap .list-path p {font-size:12px;white-space:normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
    .region-list .inner ul.list .classification {bottom:auto;top:100px;white-space:normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
	.region-list .inner ul.list li .data-wrap dl dt {height:48px;}
	.region-list .inner ul.list li.only-txt .data-wrap dl {padding-right:0;width:100%;}

	.list-search-wrap {padding-top: 8px; clear: both;}
	.list-search-wrap:after {content: ""; display: block; clear: both;}
	.mobile-filter {display: block; width: 40px; height: 40px; float: right; margin-right: 7px;}
	.mobile-filter button {display: block; width: 100%; height: 100%; background: url(/images/kccf/btn/btn-filter-open.png) no-repeat center center; background-size: 21px;  text-indent: -9999px; border: 1px solid #ddd; border-radius: 2px;}
	.list-view-change {float: right; width: 40px; height: 40px; position: relative; _margin: 42px 0 0; margin: 0;}
	.list-view-change button {position: absolute; left: 0; top: 0; border: none; width: 100%; height: 100%;}
	.list-view-change button.on {z-index: -1;}
	.story-detail .list-input {_margin-top: 17px;}

	/* 카드 형태 List */
	.region-list .inner ul.list.card {padding-bottom: 20px;}
	.region-list .inner ul.list.card:after {content: ""; display: block; clear: both;}
	.region-list .inner ul.list.card > li {height: auto; margin-right: 10px; width: calc(50% - 5px); min-height: 310px; margin-top: 15px;}
	.region-list .inner ul.list.card > li:nth-child(2n) {margin-right: 0;}
	.region-list .inner ul.list.card > li:hover {border-color: #2781c1;}
	.region-list .inner ul.list.card .thumb {height: 100px;top:0;position:static;}
	.region-list .inner ul.list.card .thumb img {position:relative;top:0;transform: initial;}
	.region-list .inner ul.list.card .thumb a:after {position:relative;top:0;transform: initial;}
	.region-list .inner ul.list.reverse.card > li.use-image .data-wrap {padding:15px;}
	.region-list .inner ul.list.card .thumb ~ .data-wrap {display: block;}
	.region-list .inner ul.list.card .thumb ~ .data-wrap dl {padding-left: 0; height: auto;padding-right:0;}
	.region-list .inner ul.list.card .thumb ~ .data-wrap .data-tit {width: 100%; float: none; margin-bottom: 3px; padding-left: 0; min-height: 0;}
	.region-list .inner ul.list.card .thumb ~ .data-wrap dd {padding-right:0;}
	.region-list .inner ul.list.card li .data-wrap .list-info {margin-top:15px;width:100%;}
	.region-list .inner ul.list.card li .data-wrap .sharing-btn-wrap {top:25px;right:25px;}
	.region-list .inner ul.list.card .data-wrap {padding:15px;}
	.region-list .inner ul.list.card .data-wrap dd p {white-space: normal;}
	.region-list .inner ul.list.card li .data-wrap dl {padding-right:0;}
	.region-list .inner ul.list.card li .data-wrap dl dt a {padding:0;width:100%;}
	.region-list .inner ul.list.card li .data-wrap dl dt .text-flow {white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;padding-bottom:0;margin-bottom:0px;}
	.region-list .inner ul.list.card .list-tag {margin-top: 30px;height:26px;}
	.region-list .inner ul.list.card .classification {position:relative;bottom:auto;top:0;border-left: 2px solid #008DA6; padding-left: 10px; margin-bottom: 15px; font-weight: 600; font-size: 14px; line-height: 1; min-height: 38px;display:block;}
	.region-list .inner ul.list.card .classification .interest-a:after {display: none;}
	.region-list .inner ul.list.card .classification .menu-type:before {display: none;}
	.region-list .inner ul.list.card .classification .menu-type:after {display: none;}
	.region-list .inner ul.list.card .classification .menu-type {display: block; margin-bottom: 5px;color: #008DA6;font-size: 12px;font-weight: 700;line-height: 14px;letter-spacing: -0.5px;}
	.region-list .inner ul.list.card .classification .plan-name {color: #999; display: block;}
	.region-list .inner ul.list.card .classification .sign {display: none;}
	.region-list .inner ul.list.card .list-info {display: none;}
	.region-list .inner ul.list.card .list-local-info {margin-top: 12px;}
	.region-list .inner ul.list.card .regional {color: #777;font-size: 12px;font-weight: 400;letter-spacing: -0.7px;}
	.region-list .inner ul.list.card .regional .sign {text-indent: -999px; display: inline-block; vertical-align: middle; width: 1px; height: 10px; background: #ddd; margin: 0 4px;}
	.region-list .inner ul.list.card li .data-wrap .list-info > div:last-child {margin-right:0;padding-right:0;}
	.region-list .inner ul.list.card .data-wrap dl {height:248px;}

	/* 2단 레이아웃 */
	.region-list .inner ul.list.card > li:nth-child(even){margin-right: 0;}
	.region-list .inner ul.list.card > li:nth-child(odd) {margin-right: 10px;}

    /* 우리지역N 상세 */
    .region-detail-header .inner {width:90%;margin:0% 5%;}
    .region-detail .inner {width:90%;margin:0% 5%;flex-direction: column;}
    .region-detail .con-left {width:100%;}
    .region-detail .con-right {width:100%;}
    .region-detail .con-left {width:100%;margin:0px 0% 35px;border-bottom:1px solid #eee;padding:0px 0px 35px 0px;}
    .region-detail .con-right {width:100%;margin:0px 0%;}
    .region-detail .mygallery .mygallery1 {flex-direction: column;}
    .region-detail .mygallery .mygallery1 .img {width:100%;}
    .region-detail .mygallery .mygallery1 .txt {width:100%;}
    .region-detail .con-right .related-info .map {width:100%;height:233px;}
    .region-detail .con-right .related-info .location-info span.location img {vertical-align: middle;margin-right:5px;}
    .region-detail .con-right .related-info .location-info span.info-address {font-size:16px;}
    .region-detail .comment-sec .register-box textarea {padding:24px;height:130px;}
    .region-detail .comment-sec .list-box .list .btn {}
    .region-detail .comment-sec .list-box .list .com-box {padding:24px 15px 60px 15px;}
    .region-detail .comment-sec .list-box .list .register-box {padding:24px 16px 100px;}
    .region-detail .comment-sec .list-box .list .nic {margin-bottom:8px;}

    .region-detail .comment-sec .list-box .list .register-box .reg-btn {right:16px;bottom:42px;}

    .region-detail .comment-sec .register-box {padding:24px 0px 100px;}
    .region-detail .comment-sec .register-box .reg-btn {right:0px;bottom:42px;}

    section .inner .con-box .sub-write-table table.type10 tr.attach .file-value {width:250px;text-align: center;margin: 0 auto;}
	section .inner .con-box .sub-write-table table.type10 tr.attach .file-value .file-value-text {width:60%;}
	section .inner .con-box .sub-write-table table.type10 tr.attach .file-value .file-value-size {width:40%;text-align:center;}

	.region-list .inner ul.list.card li.only-txt .data-wrap dd {
	max-height: 10.5em;
    min-height: 10.5em;
    line-height:1.5;
	}

	.region-detail-header {padding:30px 0px;height:auto;}
	.region-detail-header .inner .tit-box .tit p:nth-of-type(1) {font-size:14px;}
	.region-detail-header .inner .tit-box .tit p:nth-of-type(2) {font-size:22px;}

	.region-detail .con-left .Sec .cl-inner {width:100%;}
	.region-detail .comment-sec .reply-box {padding:24px 15px 60px 15px;}

	.contents-detail-header .inner .btn-box {position:static;}
	.contents-detail-header .inner .btn-box .type-btn {width:90px;}

	section .inner .con-box .sub-write-table table.type10 tr.attach .file-value-remove {right:0;}

	.contents-detail-header .inner .btn-box button {font-size:12px;}

	.region-detail .comment-sec .register-box .counter {top:160px;}
}

@media only screen and (max-width: 420px) {
	.pop-deep .inner .Title {font-size:20px;line-height:25px;padding:2.5vw 0;}
	.pop-deep .inner .Text {font-size:17px;}
}

@media only screen and (max-width: 330px) {
	/* 아이폰5/SE */
	.pop-user-set .title-wrap:after {width: 120px; height: 80px; margin-left: -60px;}
	.pop-user-set .title-wrap {height: 160px;}
	.pop-user-set .title-wrap h1 {font-size: 20px;}
	.pop-user-set .title-wrap p {font-size: 12px;}
	.pop-user-set .con-wrap select {font-size: 12px; height: 32px; line-height: 32px;}
	.pop-user-set .list-check .check label {font-size: 12px;}
	.pop-user-set .btn-wrap {margin-top: -11px;}
	.popup .btn-wrap {padding-top: 10px;}
	.btn {height: 36px; line-height: 36px;}

	/* list-style */
	.list-box .card .classification {min-height: 36px; margin-bottom: 4px;}

	.data-wrap .data-tit {font-size: 13px;}
	.data-wrap dt {font-size: 13px;}
	.data-wrap dd {font-size: 11px;}

	/* 월페이퍼 팝업 */
	.pop-wallpaper {top: calc(5% - 0px);height: calc(100vh - 100px);}
	.pop-wallpaper .tabs {width:260px;}
	.pop-wallpaper .tabs a {font-size:12px;}
	.pop-wallpaper .inner .wallpaper-close {top:10px;right:10px;}
	.pop-wallpaper .tab_content {height: calc(100vh - 352px);}
	.pop-wallpaper .tabs_item .List .paper .Img .Size div {font-size:12px;}
	.pop-wallpaper .tabs_item .List .paper .Img .Size div .Mo {width:14px;height:14px;line-height:14px;left:-3px;}

	.region-list .inner ul.list li .thumb {min-width: 110px;height: 76px;}
}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ie-scroll {overflow: auto;}
}

/* IE9,10 */
@media screen and (min-width:0\0) {
	.ie-scroll {overflow: auto;}
}