body, .wrap {
    margin:0;padding:0;
    font-size: 14px;
	padding: 0;
	margin: 0;
	/* height: 100%; */
}

a{color: #afbfde;text-decoration:none}
a:hover{color: #fff;text-decoration:none}

table {table-layout:fixed; width:100%; border-collapse:collapse;}
select,input,img,textarea {font-size: 16px;vertical-align:top; margin:0; padding:0;}
select {color:#333;  }
-ms-select {color:#333;  }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-size:inherit;}
div { box-sizing: border-box; }
*{padding:0; margin:0;}
ul,li,ol {list-style-type:none;}

@font-face {
	font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
	font-family: Pretendard;
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

/*---------------------------------------------------------------------------------------------
# 로그인 페이지
---------------------------------------------------------------------------------------------*/
#joinWrap {width:100%; height:auto; position:relative;}
.joinCont {
    width: 100%;
    height: auto;
    min-height: 100vh;
    display: flex;
    justify-content: center;
}
.joinBg {
	/* width:10%; */
	width: 67.5%; 
background: #ECF1F0;}
.joinBg {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/join_right_bg.png)  no-repeat center / contain;
    background-color: #ECF1F0;
}
.joinContArea {
    width: 33.334%;
    height: auto;
    background: #fff;
    position: relative;
    padding: 10rem 10rem 7rem;
	min-width:64rem;
}

.login .joinContArea  {
    display: flex;
    flex-direction: column;
	padding: 18rem 10rem 7rem;
    justify-content: space-between;
}

.j_logo {width:100%; text-align:center; margin:0 auto;}
.j_logo img {
    max-width: 100%;
    display: inline-block;
    height: 4rem;
}
.j_logotxt {
	font-family: Pretendard;
	color:#888;
	font-size: 2.2rem;
	line-height: 2.6rem;
	letter-spacing: 0em;
	text-align:center;
	margin-top:2.4rem;
}

.j_inputArea {margin-top:8rem;}
.input-field {position:relative;}

.joinContBox input[type="text"], .joinContBox input[type="password"] {
	width: 100%;
    padding: 2rem 0;
	position: relative;
	box-sizing: border-box;
	border-bottom:1px solid #EEE;
	
	font-family: Pretendard;
	font-size: 2rem;
	line-height: 2.7rem;
	letter-spacing: 0em;
	text-align: left;
}
.joinContBox input::placeholder{font-size:1.6rem;color:#aaa;}
.joinContBox input:focus {box-sizing: border-box; border-bottom:1px solid #14335A;}

.input-field label {
    font-family: Pretendard;
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: 0em;
    text-align: left;
    color: #BBBBBB;
}

.j_inputArea .input-field label span {
    /* left: 0; */
    /* top: 50%; */
	/* position: absolute; */
	/* transition: all 0.38s; */
    /* transform: translateY(-50%); */
}
.input-field input:focus + label span, .input-field input:valid + label span {
    top: 0;
	color: #9A9A9A;
	font-weight: 400;
	transform: inherit;
    font-size: 1.5rem;
    line-height: 1.8rem;
	transform: translateY(-100%);
}
.input-field input:-webkit-autofill,
.input-field input:-webkit-autofill:hover,
.input-field input:-webkit-autofill:focus,
.input-field input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
.input-field.filled span {
    top: 0!important;
    left: 0!important;
    width: 100%!important;
	position: absolute!important;
}

.mt30 {margin-top:3rem;}
.mt16 {margin-top:1.6rem;}

.id_re {display: flex; align-items: center;}
.checkArea {
    display: flex;
	margin-top:3rem;
	align-items: center;
	justify-content: space-between;
}

.id_re input[type="checkbox"] {
    margin: 0;
    width: 1.8rem;
    height: 1.8rem;
	position:relative;
}
.id_re input[type="checkbox"]::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
	background:url(/kokonut/member/public/img/join/uncheckBox.jpg) no-repeat center / cover;
}
.id_re input[type="checkbox"]:checked:after  {
	content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
	background:url(/kokonut/member/public/img/join/checkBox.jpg) no-repeat center / cover;
}
.id_re label p {
	margin-left:0.8rem;
	font-size: 1.5rem;
	line-height: 1.8rem;
	font-family: Pretendard;
	letter-spacing: 0em;
	text-align: left;
	color:#666;
	cursor:pointer;
}
.go_find {
	font-family: Pretendard;
	font-size: 1.5rem;
	line-height: 1.8rem;
	color:#9A9A9A;
}
.join_bottom {margin-top:6rem;}
.join_bottom button {
	width:100%;
	padding:2.3rem 0;
	background: #14335A;
	font-size: 2rem;
	font-family: 'Pretendard-SemiBold';
	line-height: 2.4rem;
	letter-spacing: 0em;
	text-align: center;
	color:#fff;
	border-radius: 1rem;
}
.join_bottom button:hover {
	background: #14335A; 
}
.joinmember {text-align: center;}
.joinmember{
	font-family: 'Pretendard-Medium';
	font-size: 1.6rem;
	line-height: 1.9rem;
	color: #9A9A9A;
	text-align:center;
}
.joinmember span {color:#14335A; padding:0 2.1rem 0 0.6rem; position:relative;}
.joinmember span::before {
    content: '';
	right: 0;
    top: 50%;
    width: 1.9rem;
    height: 1.9rem;
	position: absolute;
    transform: translateY(-50%);
    background: url(../img/join/joinArrow.png) no-repeat center / cover;
}

.find_info {
    margin-top: 3rem;
    display: flex;
    justify-content: flex-end;
}
.find_info a {
    margin-left: 16px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #9a9a9a;
}
/*-----------------------------------------------------------------------------------------
# 아이디 찾기/비밀번호 찾기
-----------------------------------------------------------------------------------------*/
.findzonewrap {
    height: 100vh;
    position: relative;
    width: 100%;
}
.findzonesidebox {
    width: 100%;
    height: 100%;
    max-width: 58rem;
    padding: 0rem 2rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jcfindtitle{
font-family: 'Pretendard-Bold';
	display:block;
	text-align:center;
	font-size:4rem;
	line-height:4rem;
	color:#222;
	padding-bottom:3rem;
}
.findzonesidebox .joinContArea {
    border-radius: 1rem;
    border: 1px solid #ddd;
    width: 33.334%;
    height: auto;
    background: #fff;
    position: relative;
    padding: 7rem 6rem;
    min-width: 54rem;
}
.findzonesidebox .j_inputArea {
    margin-top: 3rem;
}
.findzonesidebox .input-field label {
    font-family: Pretendard;
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: 0em;
    text-align: left;
    color: #444;
}
.findzonesidebox .joinContBox input{
    width: 100%;
    padding: 1.5rem 0;
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid #EEE;
    font-family: Pretendard;
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: 0em;
    text-align: left;
}

.find_areaBox {
    width: 100%;
    position: relative;
    background: #f5f5f5;
    padding: 3rem 2rem;
    border-radius: 1rem;
}
.msgarea {
    text-align: center;
    display: block;
    color: #222;
    font-family: Pretendard;
    font-size: 1.6rem;
}
.msgarea span{
	font-size:2rem;
	font-family: 'Pretendard-Bold';
	color:#14335A;
}
/*-----------------------------------------------------------------------------------------
# 관리자 메인
-----------------------------------------------------------------------------------------*/
.bodyWrap{width:100%;position:relative;padding-left:30rem;padding-top:6.4rem;z-index:5;}
.contentInnerWrap {padding: 6rem 8rem 10rem 8rem;width: 100%;height: 100%;background-color: #fff;}

.maincontent{width:100%;position:relative;}

.pageH1_type01{display:block;margin-bottom:3rem;}
.pageH1_type01 h1 {display: block;font-size: 3rem;font-family: 'Pretendard-Light';line-height: 5rem;letter-spacing: 0em;text-align: left;color: #1F1F1F;}
.pageH1_type01 h1 span{font-family: 'Pretendard-ExtraBold';}

/* ============ 상단 현황 바 ============ */
.currentWrap{width: 100%;padding:3rem;position:relative;background: #FFFFFF;border: 1px solid #EBEDEF;
/* box-shadow: 0px 3px 5px rgba(179, 179, 179, 0.15); */
border-radius: 1.4rem;overflow:hidden;margin-bottom:2.8rem;}

.curTitmeInfoBox {position: relative;left: 0rem;top: 0rem;display: block;}
.curTitmeInfoBox span{margin-bottom:3rem;display: block;font-family: 'Pretendard-Bold';font-size: 2.6rem;line-height: 3.2rem;letter-spacing: 0em;text-align: left;color:#222;}
.curTitmeInfoBox dl{font-family: Pretendard;font-size: 1.5rem;font-weight: 600;line-height: 2.4rem;letter-spacing: 0em;text-align: left;color:#666;}

.currentSlideBox{height:14.6rem;width:100%;overflow:hidden;}
.currentSlideBox .swiper {width: 100%;height: 100%;}

.currentSlideBox .swiper-slide {background: #fff;display: flex;justify-content: flex-start;align-items: center;}
.currentSlideBox .swiper-slide a{width:100%;height:100%;}
.cursItemInner{
	width:100%;
	position:relative;
	padding-left:6rem;
	height:14.6rem;
}
.curscount {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0.8rem;
    font-family: 'Pretendard-ExtraBold';
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 2.4rem;
    letter-spacing: 0em;
    text-align: center;
    color: #14335A;
}

.cursItembox{
	width:100%;
	position:relative;
	padding-left:24rem;
}
.cursimg{
	position:absolute;
	left:0rem;
	top:0rem;
}
.cursimg figure{
	position:relative;
	overflow:hidden;
	width:22.1rem;
	height:14.6rem;
	border-radius: 1rem;
}
.cursimg figure:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.3rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 6;
}
.cursimg img{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
	max-width:100%;
}

.cursItem{display: block;font-family: Pretendard;}
.curCou{margin:0.4rem 0rem 2rem 0rem;font-size:3rem;line-height:4.2rem;color:#222;font-family: 'Pretendard-SemiBold';
display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

}
.cursItem dt{display:block;font-size: 1.7rem;line-height:2.8rem;color: #14335A;display:inline-block;font-family: 'Pretendard-Bold';}


.regcntbox {
    height: 3.4rem;
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
}
.regcntbox dl {
    position: relative;
    display: flex;
    margin-right: 4.1rem;
}
.regcntbox dl span {
    font-size: 1.4rem;
    font-family: 'Pretendard-Medium';
    line-height: 3.4rem;
    letter-spacing: 0em;
    text-align: left;
    color: #888;
    margin-right: 1rem;
    display: inline-block;
}
.regcntbox dl b {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 1.4rem;
    font-family: 'Pretendard-SemiBold';
    line-height: 3.4rem;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
.regcntbox dl:after {
    content: '';
    position: absolute;
    right: -2rem;
    top: 1rem;
    width: 1px;
    height: 1.4rem;
    background: #EEEEEE;
}
.contnone {
    margin-right: 0rem!important;
}
.contnone:after{
	content:none!important;
}





.curs_btnBox {
    z-index: 20;
    position: absolute;
    right: 0rem;
    top: 0.1rem;
    height: 14.6rem;
    width: 4rem;
}
.curs_btnInner{position:relative;width:100%;height:100%;}
.swiper-button-next:after, .swiper-button-prev:after{content:none!important;}
.curs_btnInner .swiper-button-prev{position: absolute;left:0rem;top: 2.3rem;width: 4rem;height: 4rem;margin-top: 0;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;background-image: url(../img/swiper_prev.png);background-size: 4rem;background-repeat: no-repeat;background-position: center;}
.curs_btnInner .swiper-button-next{position: absolute;bottom:2.3rem;left:0rem;top: inherit;width: 4rem;height: 4rem;margin-top: 0;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;background-image: url(../img/swiper_next.png);background-size: 4rem;background-repeat: no-repeat;background-position: center;}

.curUpdateBox {text-align: right;position: absolute;right: 6.6rem;top: 2.6rem;display: inline-block;z-index: 50;}
.curUpdateBox button{padding-left:2rem;display:inline-block;position:relative;font-family: Pretendard;font-size: 1.4rem;font-weight: 500;line-height: 2.2rem;letter-spacing: 0em;text-align: right;color:#666;}
.curUpdateBox button:before{content:'';width:1.6rem;height:1.6rem;position:absolute;left:0rem;top:0.3rem;background-image: url(../img/main/updateicon.png);background-size: 1.6rem;background-repeat: no-repeat;background-position: center;}
.curUpdateBox dl{display:block;margin-top:0.2rem;font-family: Pretendard;font-size: 1.2rem;font-weight: 400;line-height: 1.8rem;letter-spacing: 0em;text-align: right;color:#aaa;}
/* ============ // 상단 현황 바 ============ */

/* ============ 위젯 레이아웃 ============ */
.wjListBox{display:flex;margin-top:2.8rem;}
.wjList:nth-child(1){margin:0rem 1.4rem 0rem 0rem;width:58rem;}
.wjList:nth-child(2){width:41.2rem;}
.wjList:nth-child(3){margin:0rem 0rem 0rem 1.4rem;width:41.2rem;}
.wjList{
	/* width:33.333333333333%; */
display:block;
margin:0rem 1.4rem 0rem 1.4rem;}
.wjItem{margin-bottom:2.8rem;position:relative;    height: 100%;}
.wjItem:last-child{margin-bottom:0rem;}
.wjItem img{max-width:100%;position:relative;}
.wj_contentBox{padding:2.4rem 2.6rem;width:100%;position:relative;background: #FFFFFF;border: 1px solid #EBEDEF;border-radius: 1.4rem;}
.wj_contentBoxnonescroll{padding:3rem;width:100%;position:relative;background: #FFFFFF;border: 1px solid #EBEDEF;border-radius: 1.4rem;}

.wjpcount .wjtitle a span{left: 15rem;position: absolute;}

.wjtool_01 {left: -6.7rem;width: 14.7rem;bottom: 2.6rem;}
.wjtitle .tiptool {cursor: pointer;position: relative;display: inline-block;width: 1.4rem;height: 1.4rem;background-image: url(../img/main/wjtooltip_icon.png);background-size: cover;background-repeat: no-repeat;background-position: center;margin-left: 0.4rem;top: 0;}
.wjtitle {position:relative;display: flex;align-items: center;justify-content: flex-start;}
.wjtitle dt {display: flex;font-family: Pretendard;font-size: 2rem;font-weight: 700;line-height: 3rem;letter-spacing: 0em;text-align: left;color: #444;align-items: center;justify-content: flex-start;}
/* .wjtitle a {display: flex;font-family: Pretendard;font-size: 2rem;font-weight: 700;line-height: 3rem;letter-spacing: 0em;text-align: left;color: #444;align-items: center;justify-content: flex-start;} */
/* .wjtitle a span {margin-left: 0.4rem;width: 2rem;height: 2rem;background-image: url(../img/main/wj_arrow.png);background-size: 2rem;background-repeat: no-repeat;background-position: center;display: inline-block;} */

@media (max-width: 1600px) {
	.wjList:nth-child(1) {margin: 0rem 1rem 0rem 0rem;}
	.wjList {margin: 0rem 1rem 0rem 1rem;}
	.wjList:nth-child(3) {margin: 0rem 0rem 0rem 1rem;}
	.wjItem {margin-bottom: 2rem;}
}
/* ============ // 위젯 레이아웃 ============ */

/* ============ 사용자 검색어 현황 ============ */
.wj_adminCurBox {
	display: flex;
	position: absolute;
	right: 1.4rem;top: 0rem;
	align-items: center;justify-content: center;
	
}
.wj_adminCurBox a{
	display: flex;
	align-items: center;justify-content: center;
	
	font-family: 'Pretendard-SemiBold';
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 3.2rem;
	letter-spacing: 0em;
	text-align: center;
	color:#222;	
}
.wj_adminCurBox span{
	margin-left:1.2rem;
	font-family: 'Pretendard-Bold';
	color:#14335A;
}
.wj_adminCurBox b{
	display:inline-block;
	margin-left:1rem;
	font-family: 'Pretendard-SemiBold';
	color:#222;	
}
.wj_adminCurBox img{height:1.6rem;margin-left:0.4rem;}

.wj_adminContentBox {
    width: 100%;
    position: relative;
    max-height: 50.6rem;
    padding-right: 2rem;
    overflow: auto;
}
.wj_adminContentBox::-webkit-scrollbar{width: 0.4rem;}
.wj_adminContentBox::-webkit-scrollbar-track{background-color: #fff;border-radius: 9.9rem;}
.wj_adminContentBox::-webkit-scrollbar-thumb{background-color: #dddddd;border-radius: 9.9rem;}

.wjseacurbox{
	width:100%;
	position:relative;
	padding-bottom:3rem;
}
.wj_admin:nth-child(1){padding-top:0rem;}
.wj_admin:nth-child(1) .wjaTime {
    top: 0rem;
    transform: inherit;
}
.wj_admin {
    padding: 1.5rem 0rem;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.wjCircleBox{position:absolute;left:0rem;top:50%;transform: translateY(-50%);width:3.6rem;height:3.6rem;}

.wjCircle.toppest_admin{background: #FFECEA;color:#FF6752;}
.wjCircle.top_admin{background: #FFF4D9;color:#EB920E}
.wjCircle.guest{background: #EEF4FF;color:#4070E0}
.wjCircle.admin{background: #E9F9F4;color:#14335A}
.wjCircle {display: flex;width: 3.6rem;height: 3.6rem;border-radius: 50%;font-family: Pretendard;font-size: 1.6rem;font-weight: 500;line-height: 2.2rem;letter-spacing: 0px;text-align: left;align-items: center;justify-content: center;}

.wjdot_on {bottom: 0rem;position: absolute;right: 0rem;height: 0rem;width: 0.8rem;height: 0.8rem;background: #14335A;border: 2px solid #FFFFFF;border-radius: 50%;}
.wjdot_off {bottom: 0rem;position: absolute;right: 0rem;height: 0rem;width: 0.8rem;height: 0.8rem;background: #D3D6DA;border: 2px solid #FFFFFF;border-radius: 50%;}

.wjaText{display:block;text-align:left;}
.wjaText span{display:block;text-align:left;font-family: Pretendard;font-size: 1.3rem;font-weight: 500;line-height: 1.8rem;letter-spacing: 0em;color:#aaa;margin-bottom:0.2rem;}
.wjaText dl {
    font-family: 'Pretendard-Bold';
    display: block;
    text-align: left;
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: 0em;
    color: #444;
}
.wjaTime {top: 50%;position: absolute;right: 0rem;font-family: Pretendard;font-size: 1.4rem;font-weight: 400;line-height: 2.4rem;letter-spacing: 0em;text-align: right;color: #aaa;transform: translateY(-50%);}
/* ============ // 사용자 검색어 현황 ============ */

/* ============ 베스트 게시물 top3 ============ */
.marT30{margin-top:3rem;}
.wjthirdBox {
    padding-bottom: 3rem;
    width: 100%;
    position: relative;
}
.wjthird {
    min-height: 9.5rem;
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 2.8rem 14.2rem 2.8rem 0rem;
    display: block;
}
.wjthird:nth-child(1){padding-top:0rem;}
.wjthird:nth-child(1) .wjthird_figure{top:0rem;transform: inherit;}
/* .wjthird:last-child{border-bottom:none;padding:1.2rem 0rem 0rem 0rem;} */

.wjthirdIcon {
    padding: 0rem 0rem 0rem 0rem;
    text-align: left;
    display: block;
}
.wjthirdIcon dt{
font-family: 'Pretendard-Bold';
font-size: 1.5rem;
line-height: 1.8rem;
letter-spacing: 0em;
text-align: left;
color:#14335A;
display:block;
}
.wjthirdIcon dl {
    margin: 0.6rem 0rem 1rem 0rem;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    font-size: 2rem;
    font-family: 'Pretendard-Medium';
    line-height: 3rem;
    letter-spacing: 0em;
    color: #222;
}
.wjthirdIcon span {
    display: block;
    text-align: left;
    font-family: Pretendard;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.8rem;
    letter-spacing: 0em;
    color: #aaa;
    margin-top: 0.6rem;
}
.wjthirdIcon img{height:4rem;margin-right:1rem;}
.on_third{padding:0.5rem 1rem;background: #E4F8F2;border-radius: 1.4rem;font-family: Pretendard;font-size: 1.4rem;font-weight: 600;line-height: 1.7rem;letter-spacing: 0em;text-align: center;color:#14335A;}
.off_third{padding:0.5rem 1rem;background: #F4F5F7;border-radius: 1.4rem;font-family: Pretendard;font-size: 1.4rem;font-weight: 500;line-height: 1.7rem;letter-spacing: 0em;text-align: center;color:#888;}
.wjthird_figure {
    transform: translateY(-50%);
    position: absolute;
    right: 0rem;
    top: 50%;
    width: 12.2rem;
    height: 8rem;
}
.wjthird_figure figure{
	width: 12.2rem;
    height: 8rem;
	position:relative;
	border-radius: 0.8rem;
    overflow: hidden;
}
.wjthird_figure figure:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.3rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-top-color: rgba(0, 0, 0, 0.06);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(0, 0, 0, 0.06);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 6;
}
.wjthird_figure figure img{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}
/* ============ // 베스트 게시물 top3 ============ */

/* ============ 카운트 현황 ============ */
.wj_contentBox {
    padding: 3rem 0.6rem 0rem 3rem;
    width: 100%;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #EBEDEF;
    border-radius: 1.4rem;
}

.wjcountBox {
    padding-bottom: 4.4rem;
    padding-top: 1rem;
    width: 100%;
    display: block;
}
.wjcount {
    padding: 2.8rem 0rem;
    width: 100%;
    height: auto;
    position: relative;
    margin-right: 0rem;
}
.wjcount:nth-child(1){
	padding-top:0rem;
}
.wjcount:last-child{margin: 0rem 0rem 0rem 0rem;}
.wjcount:last-child:after{content:none;}
.wjcount:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #EBEDEF;
    position: absolute;
    right: 0rem;
    bottom: 0rem;
}
.wjcount span {
	margin-bottom:1rem;
    font-family: 'Pretendard-SemiBold';
    display: block;
    font-size: 1.8rem;
    line-height: 2.4rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
}
.fontcol{color:
#14335A!important;}
.wjcount dl{display:block;font-family: Pretendard;font-size: 5rem;font-family: 'Pretendard-Bold';line-height: 6rem;letter-spacing: 0em;text-align: right;color:#222;}
/* ============ // 카운트 현황 ============ */

/*---------------------------------------------------------------------------------------------
# 관리자 레이아웃 및 헤더 css
---------------------------------------------------------------------------------------------*/
#header{position:fixed;top:0rem;width:100%;left:0rem;z-index:20;}
.topHeadInner{width:100%;position:relative;height:6.4rem;background-color:#fff; }
.topHeadInner:after{content:'';position:absolute;left:0rem;bottom:0rem;width:100%;height:1px;background:#eee;}

.menuBtn{position:absolute;left:2.8rem;top:2.3rem;}
.menuBtn img{height:1.8rem;}

.toplogo{position:absolute;left:3rem;top:2.2rem;}
.toplogo img{height:2.1rem;}

.topmyinfoBox {position: absolute;right: 6rem;top: 2rem;display: flex;align-items: center;}
.myinfoBox {margin-left:2rem;display: flex;align-items: center;}
.myinfoIcon {margin-right: 1rem;border-radius: 50%;width: 3rem;height: 3rem;background: #444;
background-image: url(../img/menu_icon_admin.png);
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: center;
}
.myinfoIcon2 {margin-right: 1rem;border-radius: 50%;width: 3rem;height: 3rem;background: #f4f5f7;
background-image: url(../img/adm_logout.png);
    background-size: 1.4rem;
    background-repeat: no-repeat;
    background-position: center;
}
.myinfoBox span{cursor:pointer; font-family: 'Pretendard-SemiBold';font-size: 1.6rem;line-height: 2.4rem;letter-spacing: 0em;text-align: left;color:#222;}
.myinfoBox a{cursor:pointer; font-family: 'Pretendard-SemiBold';font-size: 1.6rem;line-height: 2.4rem;letter-spacing: 0em;text-align: left;color:#222;}
.myinfoMenu{display:inline-block;position:relative;}
.notiText{
	font-family: 'Pretendard-Medium';font-size: 1.8rem;line-height: 2.2rem;letter-spacing: 0em;text-align: left;color:#888;
}
.notiText:hover{cursor:pointer;}

/* ==== 좌측 nav 영역 ==== */
.navMenu {position:fixed;left: 0px;top: 0px;height: 100%;width: 26rem;background: #051123;z-index: 10;padding:6.4rem 0rem 0rem 0rem;}
.navMenu:after{content:'';position:absolute;right:0rem;top:0rem;width:1px;height:100%;background:#EBEDEF;}
.navMenuInner{position:relative;width:100%;height:100%;overflow: auto;}
.navMenuInner::-webkit-scrollbar {width: 0px; height: 0px; }
.navMenuInner::-webkit-scrollbar-track-piece {background-color: inherit;}
.navMenuInner::-webkit-scrollbar-thumb {background-color: inherit;}

.navName {width: 100%;position: relative;font-size: 1.8rem;font-weight: 600;line-height: 2.2rem;letter-spacing: 0em;text-align: left;color: #888;padding: 2.4rem 3rem 2.4rem 3rem;}
.navName:after{content:'';position:absolute;left:0rem;bottom:0rem;width:100%;height:1px;background:#EBEDEF;}

.subNav {width: 100%;position: relative;padding: 3rem 3rem 3rem 6.4rem;}
/* .subNav:after{content:'';position:absolute;left:0rem;bottom:0rem;width:100%;height:1px;background:#EBEDEF;} */
.subNav ul{width:100%;position:relative;}
.subNav ul:after {
    content: '';
    position: absolute;
    left: 0rem;
    bottom: -3rem;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.2);
}
.subNav ul li {list-style:none;width: 100%;position: relative;display: block;margin-bottom: 2rem;}
.subNav ul li:last-child{margin-bottom:0rem;}
.subNav ul li.onedepth{display: flex;justify-content: flex-start;align-items: center;font-size: 1.8rem;font-weight: 600;line-height: 2.2rem;letter-spacing: 0em;text-align: left;color: #fff;margin-bottom: 2.4rem;}
.subNav ul li.onedepth a{display: flex;justify-content: flex-start;align-items: center;font-size: 1.8rem;font-weight: 600;line-height: 2.2rem;letter-spacing: 0em;text-align: left;color: #fff;}
.subNav ul li.onedepth img {
    top: -0.1rem;
    display: inline-block;
    margin: 0;
    left: -3.4rem;
    position: absolute;
    height: 2.4rem;
}
.subNav ul li a{position:relative;display:block;font-size: 1.5rem;font-weight: 500;line-height: 2.2rem;letter-spacing: 0em;text-align: left;color:rgba(255,255,255,0.6);padding-left:0rem;}

.navSet {width: 100%;position: relative;padding: 2.6rem 3rem 2.8rem 3rem;}
.navSet a{position:relative;display:block;font-size: 1.8rem;font-weight: 600;line-height: 2.16rem;letter-spacing: 0em;text-align: left;color:#444;padding-left:3rem;}
.navSet a img {position: absolute;left: 0rem;top: 0.1rem;height: 2rem;}
.noneMarB{margin-bottom:0rem!important;}
/* ==== // 좌측 nav 영역 ==== */


/*-----------------------------------------------------------------------------------------
# 박스 레이아웃
-----------------------------------------------------------------------------------------*/
.bodyWrap{background: #F8F8F8;min-height: 100vh;width:100%;position:relative;padding-left:26rem;padding-top:6.4rem;z-index:5;}
.contentInnerWrap {background: #F8F8F8;padding: 6rem 8rem 10rem 8rem;width: 100%;height: 100%;}
.admcontwrap{background:#fff;position:relative;width:100%;
padding:4rem;border-radius:1.4rem;}
@media (max-width: 1700px) {.contentInnerWrap {padding: 6rem 6rem 10rem 6rem;}}


/*-----------------------------------------------------------------------------------------
# 페이지 상단 검색영역
-----------------------------------------------------------------------------------------*/
.pageTitleBtn{width:100%;position:relative;text-align:left;}
.pageTitleBtn h1{display:inline-block;font-size: 4.2rem;font-family: 'Pretendard-Bold';line-height: 5rem;letter-spacing: 0em;text-align: left;color:#222;}
.pageTitleBtn dl{display:block;margin-top:2.4rem;font-family: Pretendard;font-size: 1.8rem;font-weight: 500;line-height: 2.8rem;letter-spacing: 0em;text-align: left;color:#666;}

.TitleBtnWrap{
	position:absolute;right:0rem;top:0rem;
}
.TitleBtn{display:flex;}
.TitleBtn button{margin-left:1rem;}


.TitleBtn .contlinkbtn {margin: 0rem 0.5rem!important;padding: 1.4rem 2.6rem 1.4rem 2.4rem;background: #14335A;border-radius: 0.6rem;font-family: 'Pretendard-Bold';font-size: 1.8rem;line-height: 2.2rem;letter-spacing: 0em;text-align: center;color: #fff;}
.TitleBtn .contlinkbtn img {margin-right: 0.6rem;max-width: 100%;height: 2.2rem;}
.TitleBtn .contlinkbtn:hover{background: #14335A;}

.TitleBtn .addbtn {padding: 1.4rem 2.6rem 1.4rem 2.4rem;background: #14335A;border-radius: 0.6rem;font-family: 'Pretendard-Bold';font-size: 1.8rem;line-height: 2.2rem;letter-spacing: 0em;text-align: center;color: #fff;}
.TitleBtn .addbtn img {margin-right: 0.6rem;max-width: 100%;height: 2.2rem;}
.TitleBtn .addbtn:hover{background: #14335A;}

.TitleBtn .cancelbtn {padding: 1.4rem 2.6rem 1.4rem 2.4rem;background: #666666;border-radius: 0.6rem;font-family: 'Pretendard-Bold';font-size: 1.8rem;line-height: 2.2rem;letter-spacing: 0em;text-align: center;color: #fff;}
.TitleBtn .cancelbtn img {margin-right: 0.6rem;max-width: 100%;height: 2.2rem;}
.TitleBtn .cancelbtn:hover{background: #666666;}

.TitleBtn .listbtn {padding: 1.4rem 2.6rem 1.4rem 2.4rem;background: #666666;border-radius: 0.6rem;font-family: 'Pretendard-Bold';font-size: 1.8rem;line-height: 2.2rem;letter-spacing: 0em;text-align: center;color: #fff;}
.TitleBtn .listbtn img {margin-right: 0.6rem;max-width: 100%;height: 2.2rem;}
.TitleBtn .listbtn:hover{background: #666666;}

.TitleBtn .delbtn {padding: 1.4rem 2.6rem 1.4rem 2.4rem;background: #666666;border-radius: 0.6rem;font-family: 'Pretendard-Bold';font-size: 1.8rem;line-height: 2.2rem;letter-spacing: 0em;text-align: center;color: #fff;}
.TitleBtn .delbtn img {margin-right: 0.6rem;max-width: 100%;height: 2.2rem;}
.TitleBtn .delbtn:hover{background: #666666;}





.seaWrap{width:100%;position:relative;}
.seaWrap .kotopBtn {display: inline-block;position: absolute;right: 0px;top: 0.3rem;}
.seaWrap .kotopBtn button{padding:1.2rem 1.6rem 1.2rem 1.6rem;background: #E4F8F2;border-radius: 0.8rem;font-family: Pretendard;font-size: 1.6rem;font-weight: 600;line-height: 2.4rem;letter-spacing: 0em;text-align: center;color:#14335A;}
.seaWrap .kotopBtn button:hover{background: #D9F5ED;}

.page_backLine{width:100%;text-align:left;}
.page_backarrow{display:inline-block;width:2.8rem;height:2.8rem;background-image: url(../img/common/page_backarrow.png);background-size: cover;background-repeat: no-repeat;background-position: center;}

.topsealine{
	position:relative;
	width:100%;
	display:block;
	min-height: 5.4rem;
}
.topsortBox {
    position: absolute;
    left: 0rem;
    top: 0rem;
    height: 5.4rem;
    display: flex;
    align-items: center;
}
.topsort{
	margin-right:1rem;
	width:12rem;
	height:4rem;
	position:relative;
	display:inline-block;
}
.onsort a{
	color: #fff!important;
	border:1px solid #263B5F!important;
	background: #263B5F!important;
}
.topsort a {
    line-height: 3.8rem;
    display: block;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
    border: 1px solid #222;
    background: #fff;
    border-radius: 0.6rem;
    font-family: 'Pretendard-Bold';
    font-size: 1.7rem;
    letter-spacing: 0em;
    text-align: center;
    color: #222;
}
.topsealine form{
	display:block;
	padding:0;
	margin:0;
}
.topsealineInner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* ==== 검색 input + 버튼 영역 ==== */
.koinput{display:inline-block;position:relative;}
.koinput input{position:relative;height:5.4rem;background: #F8F8F8;border-radius: 1rem;padding:0rem 4.4rem 0rem 2rem;font-family: 'Pretendard-Medium';font-size: 1.6rem;letter-spacing: 0em;text-align: left;color:#444444;z-index:10;}
/* .koinput input:focus{padding:0rem 4.3rem 0rem 0.9rem;background:#fff;border:2px solid #14335A;} */
.koinput input::placeholder{font-family: Pretendard;font-size: 1.6rem;letter-spacing: 0em;text-align: left;color:#aaa;}
.koinput input:-webkit-autofill,
.koinput input:-webkit-autofill:hover,
.koinput input:-webkit-autofill:focus,
.koinput input:-webkit-autofill:active {-webkit-text-fill-color: #444444;-webkit-box-shadow: 0 0 0px 1000px #F8F8F8 inset;box-shadow: 0 0 0px 1000px #F8F8F8 inset;transition: background-color 5000s ease-in-out 0s;}

.koinput button {position: absolute;right: 1rem;top: 1.2rem;width: 3rem;height: 3rem;z-index: 20;}
.koinput button img{height:2rem;} 
/* ==== // 검색 input + 버튼 영역 ==== */

.seaContentBox{width:100%;position:relative;}
.seaContentBox:before{content:'';position:absolute;left:0rem;top:0rem;width:100%;height:1px;background:#E2E5EA;z-index:10;}
.seaContentBox:after{content:'';position:absolute;left:0rem;bottom:0rem;width:100%;height:1px;background:#E2E5EA;z-index:10;}

.seaContentLine{position:relative;display:flex;}
.seaCont{display:block;position:relative;padding-left:20rem;}
.seaCont dl {display: flex;position: absolute;left: 0px;top: 0px;width: 20rem;height: 100%;background: #F4F5F7;font-family: Pretendard;font-size: 1.8rem;font-weight: 600;line-height: 2.8rem;letter-spacing: 0em;text-align: left;color: #444;padding-left: 2rem;align-items: center;justify-content: flex-start;}
.scBox{display:block;position:relative;min-height:5.2rem;}

.sctextBox {min-height:5.6rem;padding: 1.4rem 2rem 1.4rem 2rem;display: block;width: 100%;position: relative;}
.sctextBox span {display: inline-block;font-family: Pretendard;font-size: 1.8rem;font-weight: 500;line-height: 2.8rem;letter-spacing: 0em;text-align: left;color: #666;}
.sctextBox span.font400{font-weight:400!important}
/* ==== 조회기간 캘린더 영역 ==== */
.calenderBox {height: 100%;display: flex;position: relative;padding: 1.5rem 2rem 1.5rem 2rem;align-items: center;}
.calenderInput{width:100%;position:relative;}
.calenderInput input {background-image: url(../img/common/callendericon.png);background-size: 2.4rem;background-repeat: no-repeat;background-position: right;cursor:pointer;padding: 0;width: 100%;position: relative;font-family: Pretendard;height: 2.6rem;font-family: Pretendard;font-size: 1.8rem;font-weight: 500;line-height: 2.8rem;letter-spacing: 0em;text-align: left;color: #666;box-sizing: border-box;}
.calenderInput img {top: 0.1rem;height: 2.4rem;position: absolute;right: 0rem;}
.callenderBox input:after{content:'';width:2.4rem;height:2.4rem;position:absolute;right:0rem;top:0rem;background-image: url(../img/common/callendericon.png);background-size: cover;background-repeat: no-repeat;background-position: center;}

.daterangepicker .drp-calendar.left .calendar-table {padding-right: 0px!important;}
.daterangepicker .calendar-table thead tr:nth-child(2) {
    /* border-bottom: 0.6rem solid #fff; */
    /* border-top: 1.2rem solid #fff; */
}
.daterangepicker .calendar-table thead tr:nth-child(2) th {font-weight: 500;font-family: Pretendard;padding-top: 0rem;min-width: 3.2rem!important;width: 3.2rem!important;height: 3.2rem!important;line-height: 3.2rem!important;font-size: 1.3rem!important;text-align:center;}
.daterangepicker .calendar-table tbody tr{
	border-bottom: 0.6rem solid #fff;
}
.daterangepicker .prev.available:hover{background:#fff!important;cursor:pointer;}
.daterangepicker .next.available:hover{background:#fff!important;cursor:pointer;}
.daterangepicker .next.available{text-align:right;}
.drp-buttons .cancelBtn{color: #888;background: #EBEDEF;border-radius: 6px;padding: 0.5rem 1.4rem 0.5rem 1.4rem!important;font-family: Pretendard;font-size: 1.4rem!important;font-weight: 500!important;line-height: 2.2rem!important;letter-spacing: 0em;text-align: center;}
.drp-buttons .cancelBtn:hover{background:#E4E7EB;}
.drp-buttons .applyBtn {color: #fff;background: #14335A;border-radius: 6px;padding: 0.5rem 1.4rem 0.5rem 1.4rem!important;font-family: Pretendard;font-size: 1.4rem!important;font-weight: 500!important;line-height: 2.2rem!important;letter-spacing: 0em;text-align: center;}
.drp-buttons .applyBtn:hover{background:#00BA83;}
/* ==== // 조회기간 캘린더 영역 ==== */

/* ==== radio 버튼 영역 ==== */
.seaRadioBox{display:block;position:relative;}
.seaRadio {padding: 1.5rem 2rem 1.5rem 2rem;display: block;}
.radioCheck {height: 2.2rem;margin: 0rem 3rem 0.4rem 0rem;display: inline-block;}
.radioCheck:last-child{margin: 0rem 0rem 0.4rem 0rem;}
.radioCheck input{position:absolute;display:none;}
.radioCheck:last-child{margin-right:0rem;}
.radioCheck label {font-weight: 500;font-size: 1.8rem;cursor: pointer;position: relative;line-height: 2.8rem;color: #666666;}

.seaRadio .radioCheck input[type=radio].radio+label em {position: relative;top: -0.1rem;display: inline-block;margin-right: 0.8rem;vertical-align: middle;width: 2.2rem;height: 2.2rem;border: 2px solid #E2E5EA;border-radius: 50%;}
.seaRadio .radioCheck input[type=radio].radio+label em dt{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width:1.2rem;height:1.2rem;border-radius:50%;}
.seaRadio .radioCheck input[type=radio].radio:checked+label em dt{background: #14335A;}
/* .seaRadio .radioCheck input[type=radio].radio+label em {position: relative;top: -0.1rem;display: inline-block;margin-right: 0.8rem;vertical-align: middle;width: 2.2rem;height: 2.2rem;border: 2px solid #E2E5EA;border-radius: 50%;} */
/* .seaRadio .radioCheck input[type=radio].radio+label em dt{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width:2.2rem;height:2.2rem;border-radius:50%;} */
/* .seaRadio .radioCheck input[type=radio].radio:checked+label em {border:none;} */
/* .seaRadio .radioCheck input[type=radio].radio:checked+label em dt{background: url(../img/common/radio_check.png) no-repeat center/cover;} */

/* ==== // radio 버튼 영역 ==== */

/* ==== 테이블 영역 ==== */
.kotable{width:100%;position:relative;}

.kt_tableTopBox {display: flex;position: relative;width: 100%;height: 4.4rem;background: #fff;align-items: center;justify-content: space-between;}
.kt_total{display:inline-block;font-family: Pretendard;font-size: 1.6rem;font-weight: 500;line-height: 2.4rem;letter-spacing: 0em;text-align: left;color:#444;}
.kt_total span{font-weight: 600;}
.kt_selbox{padding: 1rem 1.4rem;position:relative;}
.kt_selbox .selectBox .label {font-size: 1.5rem;line-height: 2.4rem;}
.kt_selbox .selectBox .label:after {top: 0.5rem;width: 1.6rem;height: 1.6rem;background-size: 1.6rem;}
.kt_selbox .selectBox .optionList{top: 3.6rem;width: 12rem;left: -1.4rem;}
.kt_selbox .selectBox .optionItem {font-size: 1.5rem;line-height: 2.4rem;padding: 1rem 1.4rem 1rem 1.4rem;}

.kotable table{width:100%;position:relative;}
.kotable table caption{display:none;}
.kotable table thead{position:relative;}
/* .kotable table thead:before{content:'';position:absolute;left:0rem;top:0rem;width:100%;height:1px;background:#E2E5EA;z-index:10;} */
.kotable table thead:after{content:'';position:absolute;left:0rem;bottom:0rem;width:100%;height:1px;background:#222;z-index:10;}
.kotable table thead tr{background: #fff;position:relative;}
.kotable table thead tr th {vertical-align: middle;font-family: 'Pretendard-SemiBold';font-size: 1.6rem;line-height: 2.4rem;letter-spacing: 0em;text-align: center;color: #444;padding: 1.3rem 0.4rem 1.3rem 0.4rem;}

.kotable table tbody tr{position:relative;}
.kotable table tbody tr:after{content:'';position:absolute;left:0rem;bottom:0rem;width:100%;height:1px;background:#E2E5EA;z-index:10;}
.kotable table tbody tr{background: #fff;position:relative;}

.adminManagement table tbody tr td {padding: 1.8rem 0.8rem 1.8rem 0.8rem;}
.adminActivityManagement table tbody tr td {padding: 1.1rem 0.4rem 1.1rem 0.4rem;}
.kotable table tbody tr td{vertical-align: middle;position:relative;font-family: 'Pretendard-Medium';font-size: 1.6rem;line-height: 2.4rem;letter-spacing: 0em;text-align: center;color:#666;}
.kotable table tbody tr td .normal{display: inline-block;width:auto;position: relative;padding-left: 2.6rem;font-size: 1.5rem;line-height: 1.8rem;}
.kotable table tbody tr td .normal:before {content: '';width: 2rem;height: 2rem;position: absolute;left: 0rem;top: -0.1rem;background: url(../img/normal_check.png) no-repeat center/cover;}
.kotable table tbody tr td .dormancy {display: inline-block;width: auto;position: relative;padding-left: 2.6rem;font-size: 1.5rem;line-height: 1.8rem;}
.kotable table tbody tr td .dormancy:before {content: '';width: 2rem;height: 2rem;position: absolute;left: 0rem;top: -0.1rem;background: url(../img/dormancy.png) no-repeat center/cover;}
.kotable table tbody tr td .secession{display: inline-block;width: auto;position: relative;padding-left: 2.6rem;font-size: 1.5rem;line-height: 1.8rem;}
.kotable table tbody tr td .secession:before {content: '';width: 2rem;height: 2rem;position: absolute;left: 0rem;top: -0.1rem;background: url(../img/secession.png) no-repeat center/cover;}
.kotable table tbody tr td .wait{display: inline-block;width: auto;position: relative;padding-left: 2.6rem;font-size: 1.5rem;line-height: 1.8rem;}
.kotable table tbody tr td .wait:before {content: '';width: 2rem;height: 2rem;position: absolute;left: 0rem;top: -0.1rem;background: url(../img/wait.png) no-repeat center/cover;}
.kotable table tbody tr td .link{text-align:left;cursor:pointer;}
.kotable table tbody tr td .link:hover{color:#222;text-decoration:underline;}
.kotable table tbody tr td .searchword{text-align:left;}

.kotable table tbody tr td button {margin: 0rem 0.1rem 0rem 0.1rem;font-family: Pretendard;font-size: 1.4rem;font-weight: 600;line-height: 2.2rem;letter-spacing: 0em;text-align: center;color: #666;padding: 0.4rem 1rem 0.4rem 1rem;background: #E9EBED;border-radius: 0.6rem;}
.kotable table tbody tr td button:hover{background: #E2E5EA;}
.kotable table tbody tr td .reason {padding: 0rem 1rem 0rem 1rem;text-align: left;display: block;display: -webkit-box;overflow: hidden;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/* .kotable table tbody tr td a{text-decoration:underline;} */
.kotable table tbody tr td dt{display:inline-block;margin:0;padding:0;color:#14335A;}
.kotable table tbody tr td .mastericon {background-image: url(../img/common/mastericon.png);background-size: 2rem;background-repeat: no-repeat;background-position: center;margin-left: 0.2rem;position: relative;display: inline-block;width: 2rem;height: 2rem;opacity: 1;border-radius: 0.4rem;top: 0.4rem;}
/* ==== // 테이블 영역 ==== */

/* ==== 커스텀 셀렉트 박스 영역 ==== */
.sc_SelBox{position:relative;}
.selectBox{position: relative;border-radius: 0.4rem;cursor: pointer;display: inline-block;padding: 1.4rem 2rem 1.4rem 2rem;}

.selectBox .label:after{content:'';position:absolute;top: 0.5rem;right:0rem;width:1.8rem;height:1.8rem;background-image: url(../img/common/select-nav-arrow.png);background-size: 1.8rem;background-repeat: no-repeat;background-position: right;}
.selectBox .label {position: relative;display: flex;align-items: center;width: 100%;height: inherit;border: 0 none;outline: 0 none;padding-left: 0px;background: transparent;cursor: pointer;color:#666;font-family: Pretendard;font-size: 1.8rem;font-weight: 500;line-height: 2.8rem;letter-spacing: 0px;text-align: left;padding-right:0;}

.selectBox .optionList {position: absolute;top: 6.2rem;left: 0;width: 100%;color: #666;list-style-type: none;padding: 0;overflow: hidden;height: 0;transition: .3s ease-in;background: #FFFFFF;border: 1px solid #EEEEEE;box-shadow: 0px 6px 15px rgba(122, 124, 129, 0.15);border-radius:0.8rem;display:none;}
.selectBox .optionList::-webkit-scrollbar {width: 6px;}
.selectBox .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox .optionList::-webkit-scrollbar-thumb {background: #F8F8F8; border-radius: 45px;}
.selectBox .optionList::-webkit-scrollbar-thumb:hover {background: #F8F8F8;}
.selectBox.active .optionList {display:block;opacity:1;z-index: 20;height:auto;border: 1px solid #EEE;box-shadow: 0px 5px 20px 0px #0000001a;}
.selectBox .optionItem {position:relative;font-family: Pretendard;font-size: 1.7rem;font-weight: 500;line-height: 2rem;letter-spacing: 0px;text-align: left;color:#666;padding: 1.6rem 2rem 1.6rem 2rem;transition: .1s;}
.selectBox .optionItem:hover {background: #F8F8F8;}
.selectBox .optionItem:last-child {border-bottom: 0 none;}

.master:before {position: absolute;right: 2.8rem;top: 0.4rem;content: '';width: 2rem;height: 2rem;background-image: url(../img/common/mastericon.png);background-size: 2.4rem;background-repeat: no-repeat;background-position: right;border-radius: 0.4rem;}
.masterSel span {background-image: url(../img/common/mastericon.png);background-size: 2.4rem;background-repeat: no-repeat;background-position: right;margin-left: 0.8rem;position: absolute;display: inline-block;width: 2rem;height: 2rem;opacity: 1;border-radius: 0.4rem;}
.popmaster:before {position: absolute;left: 8.6rem;top: 0rem;content: '';width: 2rem;height: 2rem;background-image: url(../img/common/mastericon.png);background-size: 2.4rem;background-repeat: no-repeat;background-position: right;border-radius: 0.4rem;}
.popmasterSel span {background-image: url(../img/common/mastericon.png);background-size: 2.4rem;background-repeat: no-repeat;background-position: right;margin-left: 0.8rem;position: absolute;display: inline-block;width: 2rem;height: 2rem;border-radius: 0.4rem;}
/* ==== // 커스텀 셀렉트 박스 영역 ==== */

/* ==== 커스텀 멀티 체크 박스 영역 ==== */
.sc_multiBox{position:relative;padding:1.8rem 2rem 1.8rem 2rem;}

.fccheckText{display:block;}
.fccheckText span{cursor:pointer;display:inline-block;font-family: Pretendard;font-size: 1.7rem;font-weight: 500;line-height: 2rem;letter-spacing: 0em;text-align: left;color:#666;padding-right:8rem;position:relative;}
.fccheckText span:after {content: '';position: absolute;top: 0.1rem;right: 0rem;width: 1.8rem;height: 1.8rem;background-image: url(../img/common/select-nav-arrow.png);background-size: 1.8rem;background-repeat: no-repeat;background-position: right;}

.floatCheckBox {display:none;width: 72rem;background: #fff;position: absolute;left: 0rem;top: 6rem;border: 1px solid #EEEEEE;filter: drop-shadow(0px 6px 15px rgba(122, 124, 129, 0.15));z-index: 40;border-radius:0.8rem ;}
.floatCheckList{position:relative;padding:1.8rem 1.8rem 0.7rem 1.8rem;border-radius:0.8rem 0.8rem 0rem 0rem;}

.actCheck{display:inline-block;position:relative;}
.actCheck input{position:absolute;display:none;}
.actCheck:last-child{margin-right:0rem;}
.actCheck input[type=checkbox]+label {cursor:pointer;border-radius: 1.7rem;position: relative;display: inline-block;margin-right: 0.6rem;margin-bottom:1.2rem;vertical-align: middle;background: #F4F5F7;border: 1px solid #F4F5F7;padding: 0.3rem 1.3rem 0.3rem 1.3rem;font-family: Pretendard;font-size: 1.4rem;font-weight: 500;line-height: 2.2rem;letter-spacing: 0em;text-align: center;color: #666;}
.actCheck input[type=checkbox]+label:hover{border: 1px solid #ACE2D2;}
.actCheck input[type=checkbox]:checked+label {border: 1px solid #14335A;background: #fff;color:#14335A;}

.floatBtnList {position: relative;border-radius: 0rem 0rem 0.8rem 0.8rem;padding: 1.2rem 1.8rem 1.2rem 1.8rem;display: flex;justify-content: flex-end;}
.activityConfirm{margin-left:1rem;display:inline-block;cursor:pointer;width: 8rem;height: 3.2rem;background: #14335A;border-radius: 0.8rem;color:#fff;font-family: Pretendard;font-size: 1.4rem;font-weight: 500;line-height:3.2rem;letter-spacing: 0em;text-align: center;}
.activityConfirm:hover{background: #00BA83;}
.activityCancel{display:inline-block;cursor:pointer;width:  8rem;height:3.2rem;background: #EBEDEF;border-radius: 0.8rem;color:#888;font-family: Pretendard;font-size: 1.4rem;font-weight: 500;line-height:3.2rem;letter-spacing: 0em;text-align: center;}
.activityCancel:hover{background:#E4E7EB;}
/* ==== // 커스텀 멀티 체크 박스 영역 ==== */

/* ==== 페이징 영역 ==== */
.paginationBox{justify-content: center;display:flex;}
.pagination {display: flex;padding-left: 0;list-style: none;align-items: center;}
.page-item{margin:0rem 0.2rem 0rem 0.2rem;display:inline-block;cursor: pointer;}
.page-item.active a{background: #14335A;color:#fff;font-weight:500;}
.page-item.active a:hover{color:#fff;}
.page-item a {width: 3.6rem;height: 3.6rem;font-family: Pretendard;font-size: 1.6rem;font-weight: 400;line-height: 2.4rem;letter-spacing: 0em;text-align: center;color: #aaa;border-radius: 0.6rem;padding: 0.6rem 1.095rem 0.6rem 1.095rem;}
.page-item a:hover{color:#14335A;}
.page-pre.disabled{background-image: url(../img/common/page_arrow_prev_disabled.png);}
.page-pre {width: 3.2rem;background-image: url(../img/common/page_arrow_prev.png);background-size: cover;background-repeat: no-repeat;background-position: center;height: 3.2rem;}
.page-next {width: 3.2rem;background-image: url(../img/common/page_arrow_next.png);background-size: cover;background-repeat: no-repeat;background-position: center;height: 3.2rem;}
.page-next.disabled{background-image: url(../img/common/page_arrow_next_disabled.png);}
/* ==== // 페이징 영역 ==== */

/* ==== 페이징 영역 ==== */
.adm_paging_line{text-align: center;margin-top: 4rem;}
.adm_paging_box{display: inline-block;}
.flex_box{display: flex;}

.prev_page{text-align: center;width: 3.4rem;height: 3.4rem;line-height: 3.4rem;background-color: #fff;margin-right: 4px;cursor: pointer;border: none;background-image: url(/blogmanage/public/img/adm_prev.png);background-size:3.4rem;background-repeat: no-repeat;background-position: center;}
.prev_page:hover{background-image: url(/blogmanage/public/img/adm_prev_ho2.png);}

.next_page {transform: rotate(180deg);text-align: center;width: 3.4rem;height: 3.4rem;line-height: 3.4rem;background-color: #fff;margin-left: 4px;cursor: pointer;border: none;background-image: url(/blogmanage/public/img/adm_prev.png);background-size: 3.4rem;background-repeat: no-repeat;background-position: center;}
.next_page:hover{background-image: url(/blogmanage/public/img/adm_prev_ho2.png);}

.adm_paging_number_box{height: 3.4rem;}
.adm_paging_number_box ul{
	display: flex;
}
.adm_paging_number_box ul li{display: inline-block;height: 3.4rem;width: 3.4rem;text-align: center;cursor: pointer;line-height:3.4rem;font-size:1.6rem;font-family: 'Pretendard-Medium';color:#666666;margin:0px 2px 0px 2px;border-radius: 0.6rem;background-color:#fff;}

.on_adm_paging{font-family: 'Pretendard-Bold'!important;color:#fff!important;background-color:#14335A!important;}
.adm_paging_number_box ul li:hover{background-color: #14335A;color:#fff;}
/* ==== // 페이징 영역 ==== */


/* ==== 노출순서 영역 ==== */
.up_down_img {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.ud_img{
	text-align: center;
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
	border: 1px solid #fff;
}

.ud_img img{
	display: inline-block;
}

.ud_img:hover{
	border: 1px solid #ededed;
	background-color: #fff;
}
/* ==== // 노출순서 영역 ==== */

/* ==== 초기화 버튼 영역 ==== */
.cateResetBtn {
	margin-left: 2rem;
    position: relative;
    display: inline-block;
}
.cateResetBtn a{
	padding-left: 2.4rem;
	position: relative;
	font-family: Pretendard;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0em;
    text-align: left;
    color: #9A9A9A;
}
.cateResetBtn a:before {
    content: '';
    position: absolute;
    left: 0rem;
    top: 0.1rem;
    width: 2rem;
    height: 2rem;
    background-image: url(../img/reset_icon.png);
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 20;
}
/* ==== 초기화 버튼 영역 ==== */

/*-----------------------------------------------------------------------------------------
# 등록 페이지
-----------------------------------------------------------------------------------------*/
.set_nmadm_table{
	width:100%;
	position:relative;
}
.astitle{
	margin-bottom:1.4rem;
	border-bottom:1px solid #000;
	padding-bottom:3rem;
	display:block;
font-family: 'Pretendard-Medium';
font-size: 2.4rem;
font-weight: 500;
line-height: 2.4rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}
.astitlever2 {
    padding-top: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #000;
    padding-bottom: 2rem;
    display: block;
    font-family: 'Pretendard-Medium';
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: 0em;
    text-align: left;
    color: #444;
}
.marb14{margin-bottom:1.4rem;}

/* ==== 컨텐츠 열고 닫기 영역 ==== */
.showbasicInfo{
	width:100%;
	position:relative;
	height:100%;
	opacity: 1;
	display:block;
}
.showbasicInfo.nonevisible{
	height:0px;
	opacity: 0;
	display:none;
}

.showaddInfo{
	width:100%;
	position:relative;
	height:100%;
	opacity: 1;
	display:block;	
}
.showaddInfo.nonevisible{
	height:0px;
	opacity: 0;
	display:none;
}

.showpostingInfo{
	width:100%;
	position:relative;
	height:100%;
	opacity: 1;
	display:block;	
}
.showpostingInfo.nonevisible{
	height:0px;
	opacity: 0;
	display:none;
}

.guoff_btn {
	position:relative;
	cursor:pointer;
    margin-bottom:1.4rem;
	border-bottom:1px solid #000;
	padding-bottom:3rem;
	display:block;
font-family: 'Pretendard-Medium';
font-size: 2.4rem;
font-weight: 500;
line-height: 2.4rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}
.guoff_on{
		position:relative;
	cursor:pointer;
	display:none;
margin-bottom:1.4rem;
	border-bottom:1px solid #000;
	padding-bottom:3rem;
font-family: 'Pretendard-Medium';
font-size: 2.4rem;
font-weight: 500;
line-height: 2.4rem;
letter-spacing: 0em;
text-align: left;
color:#222;
}

.bnbtn {
    top: 0rem;
    height: 2.4rem;
    width: 5.4rem;
    position: absolute;
    right: 0rem;
    font-family: Pretendard;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
}
.artn:after{
	content:'';
	position:absolute;
	right:0rem;
	top:0.1rem;
	width:2rem;
	height:2rem;
	background-image: url(../img/arbn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.arbn:after{
	content:'';
	position:absolute;
	right:0rem;
	top:0.1rem;
	width:2rem;
	height:2rem;
	background-image: url(../img/artn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* ==== // 컨텐츠 열고 닫기 영역 ==== */

.asALL_line {
    width: 100%;
    position: relative;
    padding-left: 13rem;
}
.asDOU_line{display:flex;width:100%;}
.asDOU{width:100%;position:relative;padding-left:13rem;
	margin:0rem 1.5rem;
}
.asDOU:nth-child(1){
	margin-left:0rem;
}
.asDOU:nth-child(2){
	margin-right:0rem;
}

.asa_t {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 13rem;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.4rem;
    letter-spacing: 0px;
    color: #222;
    padding: 1.5rem 0rem;
}

.asa_sub {
    line-height: 5.4rem;
    padding: 0px 2rem;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 0.6rem;
    height: 5.4rem;
    font-size: 1.6rem;
    font-family: Pretendard;
    color: #333333;
}

/* ==== input 영역 ==== */
.sa_input {
    width: 100%;
    position: relative;
}
.sa_input input {
	padding: 0px 2rem;
    width: 100%;
    background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 0.6rem;
    height:5.4rem;
    font-size: 1.6rem;
    font-family: Pretendard;
    color: #333333;
}
.sa_input input::placeholder{
	font-family: Pretendard;
	color:#AAAAAA;
}
.sa_input input:focus{
	background:#fff;
	border: 1px solid #222;
}
.sa_input input:read-only{
	background:#F8F8F8;
}
/* ==== // input 영역 ==== */

/* ==== textarea 영역 ==== */
.sa_textarea{width:100%;position:relative;}
.sa_textarea textarea{    border:none;font-family: Pretendard;width:100%;min-height:15rem;position:relative;padding:1.5rem 2rem;font-size: 1.6rem;font-weight: 300;line-height: 2.4rem;color: #222;background: #F8F8F8;border-radius:0.6rem;}
.sa_textarea textarea::placeholder{font-size: 1.6rem;line-height: 2.4rem;color: #AAAAAA;font-family: Pretendard;}

.sa_textarea2{width:100%;position:relative;}
.sa_textarea2 textarea{    border:none;font-family: Pretendard;width:100%;min-height:8rem;position:relative;padding:1.5rem 2rem;font-size: 1.6rem;font-weight: 300;line-height: 2.4rem;color: #222;background: #F8F8F8;border-radius:0.6rem;}
.sa_textarea2 textarea::placeholder{font-size: 1.6rem;line-height: 2.4rem;color: #AAAAAA;font-family: Pretendard;}

.sa_textarea3{width:100%;position:relative;}
.sa_textarea3 textarea{    border:none;font-family: Pretendard;width:100%;min-height:26rem;position:relative;padding:1.5rem 2rem;font-size: 1.6rem;font-weight: 300;line-height: 2.4rem;color: #222;background: #F8F8F8;border-radius:0.6rem;}
.sa_textarea3 textarea::placeholder{font-size: 1.6rem;line-height: 2.4rem;color: #AAAAAA;font-family: Pretendard;}


.asALL_line dt{display:block;text-align:left;padding-top:0.6rem;}
.asALL_line dt span{
	font-family: Pretendard;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0em;
text-align: left;
color:#14335A;
}
.asALL_line dt span a {
    text-decoration: underline;
    color: blue;
}
.asALL_line.postiing{
	padding:0;
}
/* ==== textarea 영역 ==== */


/* ==== select 영역 ==== */
.sa_select{width:100%;position:relative;}
.sa_select select{position:relative;cursor:pointer;width:100%;
border:none;height:5.4rem;font-size: 1.6rem;color: #222;
padding:0rem 2rem;font-family: Pretendard;
background-color: #F8F8F8!important;
border-radius: 0.6rem;

background:url('../img/icon_arrow_open.png') no-repeat right 2rem center;
}
.sa_select select {appearance:none;}
/* ==== select 영역 ==== */


/* ==== checkbox 영역 ==== */
.koko_check {margin-top: 1.5rem;display: flex;position: relative;align-items: center;}
.koko_check p {font-family: Pretendard;font-size: 1.5rem;font-family: Pretendard;line-height: 2.4rem;letter-spacing: 0em;text-align: left;color:#14335A;}
.koko_check p .colgr{color:#14335A;}
.koko_check p .colred{color:#FF6752;}
.koko_check b{display:inline-block;font-family: Pretendard;font-size: 1.4rem;font-weight: 400;line-height: 1.4rem;letter-spacing: 0em;text-align: left;color:#9A9A9A;margin-left:0.8rem;text-decoration:underline;}
.koko_check input {display: none;}
.koko_check label{cursor:pointer;position:relative;padding-left:2.4rem;}
.koko_check input[type=checkbox]+label em {left: 0rem;border-radius: 0.4rem;position: absolute;top: 0.3rem;display: inline-block;margin-right: 0.8rem;vertical-align: middle;width: 1.8rem;height: 1.8rem;border: 2px solid #E2E5EA;}
.koko_check input[type=checkbox]:checked+label em {border:none;background: url(../img/adm_check_icon.png) no-repeat center/cover;}
/* ==== checkbox 영역 ==== */

/* ==== radio 영역 ==== */
.seradio .popRadio .poprCheck {align-items: center;display:flex;margin: 0rem 8rem 0rem 0rem;}

.popRadio .poprCheck input[type=radio].radio:checked+label{
	color:#222222;
	font-family: 'Pretendard-Medium';
}
.popRadio .poprCheck input[type=radio].radio+label em {
    position: relative;
    top: -0.1rem;
    display: inline-block;
    margin-right: 0.8rem;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
    border: 2px solid #E2E5EA;
    border-radius: 50%;
}
.popRadio .poprCheck input[type=radio].radio:checked+label em dt {
    background: #14335A;
}
.popRadio .poprCheck input[type=radio].radio+label em dt {
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* width: 1rem; */
    /* height: 1rem; */
    border-radius: 50%;
}
.poprCheck input {
    position: absolute;
    display: none;
}
.poprCheck label {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 1.6rem;
    cursor: pointer;
    position: relative;
    line-height: 2.4rem;
    color: #888;
	font-family: Pretendard;
    margin-bottom: 0rem;
}

.seradio .popRadio {
    align-items: center;
    display: flex;
    padding: 1.5rem 0rem 1.5rem 0rem;
}
/* ==== // radio 영역 ==== */

.cgsinfo {
    background: #444;
    width: 100%;
    position: relative;
    display: flex;
    padding: 1rem;
    margin-bottom: 2rem;
    border-radius: 0.6rem;
    align-items: center;
    justify-content: flex-start;
}
.cgsinfo dl{
	line-height: 2.4rem;
	font-family: Pretendard;
	font-size:1.6rem;
	color:#fff;
}
.cgsinfo dl span{
color: #FFBD29;
}
.cgsinfo a {
	font-family: Pretendard;
	font-size:1.6rem;
    margin-left: 2rem;
    border-radius: 0.6rem;
    padding: 1rem;
    color: #222;
    background: #FFBD29;
}

.viodline {
    margin: 4rem 0rem 2.5rem 0rem;
    width: 100%;
    height: 1px;
    background: #eee;
}

/* ==== 블로그 에디터 영역 ==== */
.blogpostbox {
    margin-top: 4rem;
    background: #fff;
    position: relative;
    width: 100%;
    padding: 4rem 0rem 0rem 0rem;
    /* border-radius: 1.4rem; */
}

.blogpostbox .editerbox {
    /* width: 900px; */
	width:100%;
}
.blogpostbox .sa_textarea textarea{
	font-size: 1.6rem!important;
    line-height: 3rem!important;
    font-family: 'Pretendard-Light';
}
.editerbox table tbody tr td {
    padding: 1rem;
    border: 1px solid #ddd;
}
.editerbox table tbody tr:nth-child(1){
	background:#444;
	color:#fff;
}
/* ==== // 블로그 에디터 영역 ==== */

/* ==== 하단 버튼 영역 ==== */
.bottomBtnWrap{
	width:100%;
	margin-top:3rem;
}
.bottomBtnWrap .TitleBtnWrap{
	position:relative;
}
.bottomBtnWrap .TitleBtn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.TitleBtn button{
	margin:0rem 0.5rem!important;
}
/* ==== // 하단 버튼 영역 ==== */

.saItemBox{
	width:100%;
	position:relative;
}
.saItemBox table{
	table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}
.saItemBox table td {
    font-size: 16px;
	padding:0px 10px 8px 0px;
}

.file_input_textbox {
    float:left;
    height:29px;
}
.file_input_div {
    display: flex;
    text-align: center;
    position: absolute;
    width: 5.4rem;
    height: 5.4rem;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.file_input_img_btn {
	text-align: center;
	width: 2rem;
	height: 2rem;
}

.file_input_img_btn img{
	display: inline-block;
	width: 100%;
}

.file_input_hidden {
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

.file_up_load_box{
	height: 5.4rem;
	position:relative;
    width: 100%;
}

.file_up_load_box input {
    font-family: Pretendard;
    border-radius: 0.6rem;
    box-sizing: border-box;
    height: 5.4rem !important;
    width: 100% !important;
    background-color: #f8f8f8;
    font-size: 1.6rem;
    padding-left: 7rem!important;
    border: none !important;
	color:#222;
}

.file_up_load_box input::placeholder{
	color: #aaa;
	 font-family: Pretendard;
	font-size: 1.6rem;
}

.flieDelBtn{
	border-radius: 0.6rem 0rem 0rem 0.6rem;
	width: 5.4rem;
    height: 5.4rem;
    font-size: 1rem;
    position: absolute;
    left: 0px;
	background-color:#222222;
	border:1px solid #222222;
	color:#fff;
	
	background-image: url(../img/write_del.png);
        background-size: 2.2rem;
    background-repeat: no-repeat;
    background-position: center;
}

/*-----------------------------------------------------------------------------------------
# 블로그 에디터
-----------------------------------------------------------------------------------------*/
/* .ck.ck-editor__main h2{ */
	/* font-size:4rem; */
/* } */

.ck.ck-editor__main h2{
	font-family: 'Pretendard-Bold';
    line-height: 3.6rem;
    font-size: 2.8rem;
	margin:0rem 0rem 1.6rem 0rem;
}
.ck.ck-editor__main h2 span {
    line-height: 3.6rem!important;
    font-size: 2.8rem!important;
}

.ck.ck-editor__main h3{
	font-family: 'Pretendard-SemiBold';
    line-height: 3rem;
    font-size: 2.4rem;
	margin:0rem 0rem 1.2rem 0rem;
}
.ck.ck-editor__main h3 span {
    line-height: 3rem!important;
    font-size: 2.4rem!important;
}

.ck.ck-editor__main h4{
	font-family: 'Pretendard-SemiBold';
    line-height: 3rem;
    font-size: 2.4rem;
	margin:0rem 0rem 1.2rem 0rem;
}
.ck.ck-editor__main h4 span {
    line-height: 3rem!important;
    font-size: 2.4rem!important;
}

.ck.ck-editor__main a{
	color:blue;
}

.ck.ck-editor__main{
	overflow:hidden;
	font-size:1.8rem;
    line-height: 3.4rem;
	font-family: 'Pretendard-Light';
}

.ck.ck-editor__main p {
	overflow:hidden;
	font-size:1.8rem;
    line-height: 3.4rem;
	font-family: 'Pretendard-Light';
}
.ck.ck-editor__main p span{
	font-family: 'Pretendard-Light';
}


.ck.ck-editor__main .marker
{
	font-family: 'Pretendard-Medium';
	background-color: Yellow;
}

.ck.ck-editor__main .marker2
{
	font-family: 'Pretendard-Medium';
	background-color: Cyan;
}

.ck.ck-editor__main img{
	max-width:100%;
	display:inline-block;
}

.ck.ck-editor__main ul li {
    font-size: 1.7rem;
    line-height: 2.7rem;
    position: relative;
    padding: 0rem 1rem 1rem 1rem;
    font-family: 'Pretendard-Light';
}
.ck.ck-editor__main ul li span{
	font-family: 'Pretendard-Light';
}
.ck.ck-editor__main ul li:before {
    border-radius: 50%;
    display: inline-block;
    content: '';
    position: absolute;
    left: 0rem;
    top: 1.1rem;
    width: 0.4rem;
    height: 0.4rem;
    background: #444;
}

.ck.ck-editor__main ol li {
	font-size: 1.7rem;
    line-height: 2.7rem;
	position:relative;
	padding: 0rem 1rem 1rem 1rem;
	font-family: 'Pretendard-Light';
}
.ck.ck-editor__main ol li span{
	font-family: 'Pretendard-Light';
}
.ck.ck-editor__main ol li:before {
    border-radius: 50%;
    display: inline-block;
    content: '';
    position: absolute;
    left: 0rem;
    top: 1.1rem;
    width: 0.4rem;
    height: 0.4rem;
    background: #444;
}

.tacenter table{
	margin:0 auto;
	float:none;
}
.taleft table{
	margin:0 auto 0 0;
	float:none;
}
.taright table{
	margin:0 0 0 auto;
	float:none;
}

.ck.ck-editor__main table{width:100%;}
.ck.ck-editor__main table tbody tr td {
    padding: 1rem;
    border: 1px solid #ddd;
	font-size:1.5rem;
	font-family: Pretendard;
}
.ck.ck-editor__main table tbody tr:nth-child(1){
	background:#444;
	color:#fff;
	font-size:1.6rem;
	font-family: Pretendard;
}

.ck.ck-editor__main table tbody tr td p{
	font-size:1.5rem;
	font-family: Pretendard;
}
.ck.ck-editor__main table tbody tr td ul li{
	padding: 0rem 0rem 0rem 1rem;
	font-size:1.5rem;
	font-family: Pretendard;
}

/* .ck.ck-editor__main blockquote { */
    /* font-style: italic; */
   /* font-family: 'Pretendard-Light'; */
    /* padding: 2px 0; */
    /* border-style: solid; */
    /* border-color: #ccc; */
    /* border-width: 0; */
	/* padding-left: 2rem; */
    /* padding-right: 0.8rem; */
    /* border-left-width: 0.5rem; */
	/* font-size: 1.6rem; */
    /* line-height: 2.4rem; */
	
/* } */
/* .ck.ck-editor__main blockquote p { */
    /* font-size: 1.7rem; */
    /* line-height: 2.8rem; */
    /* font-family: 'Pretendard-Light'; */
/* } */


/* .ck.ck-editor__main blockquote { */
	/* position:relative; */
    /* margin: 0 0 0 8rem; */
    /* border-radius: 0px 1rem 1rem 1rem; */
    /* border: 1px solid #E5E5E5; */
    /* background: #FFF; */
    /* box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.05); */
    /* padding: 2rem; */
/* } */
/* .ck.ck-editor__main blockquote:before{ */
	/* content:''; */
	/* position:absolute; */
	/* left: -8rem; */
	/* top:0; */
	/* width:5.4rem; */
	/* height:5.4rem; */
	/* background: url(/public/img/blog/blockquote_preson.png) no-repeat center / cover; */
/* } */
/* .ck.ck-editor__main blockquote:after { */
    /* content: ''; */
    /* position: absolute; */
    /* left: -1.7rem; */
    /* top: -1px; */
    /* width: 1.7rem; */
    /* height: 1.7rem; */
    /* background: url(/public/img/blog/blockquote_corner.png) no-repeat center / cover; */
/* } */
/* .ck.ck-editor__main blockquote p{ */
	/* color: #000; */
	/* font-family: Pretendard; */
	/* font-size: 1.7rem; */
	/* font-style: normal; */
	/* font-weight: 400; */
	/* line-height: 2.8rem; */
/* } */
/* .ck.ck-editor__main blockquote p span{ */
	/* font-size: 1.5rem!important; */
/* } */
/* .ck.ck-editor__main blockquote a span { */
    /* font-family: 'Pretendard-SemiBold'; */
    /* font-style: inherit!important; */
    /* background-color: inherit!important; */
    /* color: #2167FF; */
    /* text-decoration: underline; */
/* } */

.ck.ck-editor__main iframe {
    width: 100%!important;
	height: 47.3rem!important;
}

/*-----------------------------------------------------------------------------------------
# 환경설정 > 리스트
-----------------------------------------------------------------------------------------*/
.marB30{margin-bottom:3rem;}
.setListWrap{width:100%;position:relative;}
.setListWrap ul {text-align: left;max-width:146rem;width: 100%;display: flex;flex-flow: row wrap;list-style: none;padding: 0;margin: 0;}
.setListWrap ul li {border-radius: 2rem;float: left;text-align: center;width: calc(25% - 1.8rem);position: relative;display: inline-block;list-style: none;margin: 0 2.4rem 2.4rem 0px;background-color: #fff;}
.setListWrap ul li:nth-child(4n){margin: 0 0rem 2.4rem 0px;}
.setlistBox {display: block;min-height: 29rem;background: #FFFFFF;position: relative;border: 1px solid #eee;border-radius: 1.4rem;padding: 4rem;transition:all 0.5s;}
.setlistBox:hover{border: 1px solid #000;transition:all 0.5s;}
.setitemBox{display:block;text-align:left;}
.seticon{display:inline-block;}
.seticon img {
    top: 4rem;
    left: 4rem;
    position: absolute;
    max-width: 100%;
    height: 6rem;
}
.settitle {
    bottom: 4rem;
    left: 4rem;
    position: absolute;
    width: 100%;
}
.settitle span{
	display: block;
    color: #222;
    font-size: 2.4rem;
    font-family: 'Pretendard-Medium';
    line-height: 3.2rem;
	position:relative;
	width:100%;
}
.setlistBox:after {
    position: absolute;
    right: 4rem;
    bottom: 4rem;
    content: '';
    width: 0.8rem;
    height: 1.4rem;
    background-image: url(../img/settarrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media (max-width: 1700px){
	.setlistBox {min-height: 27rem;border-radius: 2rem;padding: 3rem;}
	.settitle {bottom:3rem;left:3rem;font-size: 2.4rem;line-height: 3.4rem;}
	.seticon img {
		top: 3rem;
		left: 3rem;
		position: absolute;
		max-width: 100%;
		height: 6rem;
	}
	.setlistBox:after{
		right:3rem;
		bottom:3rem;
	}
}