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

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

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-Bold';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/public/font/Pretendard-Bold.subset.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/public/font/Pretendard-SemiBold.subset.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard-Medium';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/public/font/Pretendard-Medium.subset.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/public/font/Pretendard-Regular.subset.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard-Light';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(/public/font/Pretendard-Light.subset.woff2) format('woff2');
}


@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: 8rem;
}
.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;     justify-content: space-between;}
.wjList:nth-child(1){
	margin:0rem 1.4rem 0rem 0rem;
	/* width:58rem; */
	width: calc(100% / 3);
}
.wjList:nth-child(2){
	/* width:41.2rem; */
	width: calc(100% / 3);
}
.wjList:nth-child(3){margin:0rem 0rem 0rem 1.4rem; width: calc(100% / 3);
	/* 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;
	
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 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;}
.marT20{margin-top:2rem;}
.marT15{margin-top: 1.5rem;}
.marT50{margin-top:5rem;}
.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;
}
.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: 2.6rem;font-family: 'Pretendard-Bold';line-height: 3.2rem;letter-spacing: 0em;text-align: left;color: #222;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;}

.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:1.95rem;}
.toplogo img{height:2.5rem;}

.admHlogo {
    width: auto;
    height: 2rem;
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    box-sizing: content-box;
}
.admHlogo img {width: auto; height: 100%;}

.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;}
.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;opacity:0;}
.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; cursor: pointer;}
/* .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.6rem;letter-spacing: 0em;text-align: left;color: #fff;margin-bottom: 2.4rem; cursor: pointer;}
.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: 50%;
    display: inline-block;
    margin: 0;
    left: -3.4rem;
    position: absolute;
    height: 2.4rem;
    transform: translateY(-50%);
}
.subNav ul li.onedepth.home img {top: 50%; transform: translateY(-50%);}
.subNav ul li.onedepth::before {
    content: '';
    right: 0;
    top: 50%;
	left: unset;
    bottom: unset;
    width: 10px;
    height: 6px;
	position: absolute;
    transform: translateY(-50%);
    background: url(../img/sideMenuArrow.png) no-repeat center / cover;
}
.navMenu.hidden ul li.onedepth::before  {display:none;}
.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;}
.subNav ul li a:hover {color:#fff;}

.subNav.hidden ul li {display: none;}
.subNav.hidden ul li.onedepth {display: flex!important; margin-bottom: 0;}
.subNav.hidden ul li.onedepth::before {transform:translateY(-50%) rotate(180deg);}



.subNav ul li.onedepth.home {display: flex; justify-content: flex-end;}
.subNav ul li.onedepth.home::before {display:none;}
.toggleBtnBox {
	background: rgba(255, 255, 255, 0.20);
	width: 4.6rem;
	height: 2.6rem;
	border-radius:99px;
	margin-left:1rem;
	position:relative;
}

.toggleBtnBox::before {
	content:'';
	width:2rem;
	height:2rem;
	border-radius:50%;
	opacity: 0.2;
	background: #FFF;
	position:absolute;
	right:unset!important;
	left:0.3rem!important;
	top:50%;
	transform:translateY(-50%);
}


.allHid .subNav.all .onedepth .toggleBtnBox::before  {left:unset!important; right: 0.3rem!important; background: #00EB88!important; opacity: 1!important;} 
.subNav.all.green .onedepth .toggleBtnBox::before  {left:0.3rem!important; right: 0!important; background: #FFF!important; opacity: 0.2!important;}
.subNav.all.hidden .onedepth .toggleBtnBox::before  {left:unset!important; right: 0.3rem!important; background: #00EB88!important; opacity: 1!important;} 

.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 영역 ==== */


.navMenuCloseArrow {
    margin-top: 3rem;
    width: 3rem;
    height: 3rem;
    background: #FFF;
    border-radius: 50%;
    poai: initial;
    position: absolute;
    right: 0;
    transform: translateX(50%);
    z-index: 1;
	cursor:pointer;
    /* top: 0; */
}

.navMenuCloseArrow img {width:100%; height:auto;}


.navMenu.hidden {width:8.4rem;}
.navMenu.none {transform: translateX(-90%); z-index:0;}
.show .bodyWrap {padding-left: 8.4rem;}
.show .contentInnerWrap {padding: 3rem 4rem 10rem 4rem;}
.hidden .navMenuCloseArrow img {transform: rotate(180deg);}

.navMenu.hidden .subNav ul li {
    display: none;
    margin-bottom: 0;
}
.navMenu.hidden .subNav ul li p {display:none;}
.navMenu.hidden li.onedepth {display: flex!important; cursor:pointer;}

.navMenu.hidden .subNav {
    width: 100%;
    position: relative;
    padding: 3.1rem 3rem 3.1rem 3rem;
}

.navMenu.hidden .subNav ul li.onedepth img {
    top: -unset;
    display: inline-block;
    margin: 0;
    left: unset;
    position: relative;
    height: 2.4rem;
}

.navMenu.hidden .subNav ul:after {
    content: '';
    position: absolute;
    left: 0rem;
    bottom: -3rem;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.2);
}
.subNav ul li.onedepth.home {margin-bottom:0!important;}
/* .subNav ul li.onedepth.home::before {display:none;} */


/* .navMenu.hidden .subNav li {display:none!important;} */
.fisrtMenu {display:none!important; height: 2.4rem; width:auto;}
.fisrtMenu img {height:100%; width:auto;}
.navMenu.hidden .fisrtMenu {display:block!important;}
.navMenu.hidden .subNav ul li {display:none!important;} 
/*-----------------------------------------------------------------------------------------
# 박스 레이아웃
-----------------------------------------------------------------------------------------*/
.bodyWrap{background: #F8F8F8;min-height: 100vh;width:100%;position:relative;padding-left:26rem;padding-top:6.4rem;z-index:5;}
.contentInnerWrap {background: #F8F8F8;padding: 3rem 5rem 10rem 5rem;width: 100%;height: 100%;}
.admcontwrap {
    background: #fff;
    position: relative;
    width: 100%;
    padding:4rem;
    border-radius: 1.4rem;
}

.show.bodyWrap {padding-left: 8rem;}
@media (max-width: 1700px) {.contentInnerWrap {padding: 3rem 4rem 10rem 4rem;}}
@media (max-width: 1450px) {
	.contentInnerWrap {padding: 3rem 3rem 10rem 3rem;}
	.admcontwrap {padding: 3rem;}
	
	.infoGraphic .columnchart_material g text {font-size:10px!important;}
}


/*-----------------------------------------------------------------------------------------
# 페이지 상단 검색영역
-----------------------------------------------------------------------------------------*/
.pageTitleBtn {
    width: auto;
    position: relative;
    text-align: left;
    position: fixed;
    z-index: 100;
    margin-bottom: 0!important;
    left: 50%;
    top: 1.7rem;
    transform: translateX(-50%);
}
.pageTitleBtn h1 {
    display: inline-block;
    font-size: 3.5rem;
    font-family: 'Pretendard-Bold';
    line-height: 4rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
    color: var(--Gray-60, #222);
    font-family: Pretendard;
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3rem;
}
.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{display:block;}
.topsealine form{display:block; padding:0; margin:0;}
.topsealineInner {display: flex; align-items: center;}

@media (max-width:1600px) {
	.pageTitleBtn h1 {font-size: 2.5rem;}
	.pageTitleBtn.marB30 {margin-bottom: 2rem;}
}

/* ==== 검색 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 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;
}
.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;
}

.asALL_line.flexBox {display:flex;}
.flexBox .TitleBtn .addbtn {white-space: nowrap; background:none; border:1px solid #14335A; color:#14335A;}
.flexBox .TitleBtn .addbtn:hover {
	border:1px solid rgb(20 51 90 / 80%); 
    background: rgb(20 51 90 / 80%);
	color: #FFF;
}
.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;
}


textarea.sa_textbox{
	padding: 2rem;
    background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 0.6rem;
    font-size: 1.6rem;
    font-family: Pretendard;
    color: #333333;
	resize:none;
}
textarea.sa_textbox::placeholder{
	font-family: Pretendard;
	color:#AAAAAA;
}

.inputFlexBoxWrap .asALL_line {
    padding-left: 0;
    display: flex;
    align-items: center;
}
.inputFlexBoxWrap .asa_t {
    position: relative;
    left: unset;
    top: unset;
    width: 13rem;
    min-width: 13rem;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.4rem;
    letter-spacing: 0px;
    color: #222;
    padding:0rem;
}
.inputFlexBox {
	width:100%;
	display:flex; 
	position:relative; 
	justify-content: space-between;
}


.one-two  {width:calc(50% - 0.5rem);}
.one-three {width:calc(33.3333% - 0.5rem);}
.two-three {width:calc(66.6666% - 0.5rem);}
/* ==== // 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;
}
/* ==== 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;}

.prjList .sa_select {
    border: 1px solid #EEE;
    border-radius: 0.5rem;
    padding: 1rem;
    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;
	line-height: 5.4rem;
}
.prjList .sa_select label {
    display: flex;
    padding: 1.5rem 1.5rem;
    height: auto;
    border-bottom: 1px solid #EEE;
    align-items: center;
    height: 6.5rem;
    color: #333;
    text-align: center;
    font-family: "Pretendard";
    font-size: 1.7rem;
    line-height: 2rem;
	cursor:pointer;
}
.prjList .sa_select label:hover {
    background: #f0f0f0;
}
.prjList .sa_select.sa_select input {
    width: auto;
    margin-right: 1rem;
}
.prjList .sa_select:hover {
    border: 1px solid #222;
}


.hover-container:hover .checkbox-list {
    display: block;
    padding: 0;
    width: 100%;
    left: 0;
}

.sa_select.one-two  {width:calc(50% - 0.5rem);}
.sa_select.one-three {width:calc(33.3333% - 0.5rem);}
.sa_select.two-three {width:calc(66.6666% - 0.5rem); margin-right:0.5rem;}
.sa_select.one-four {width:calc(25% - 0.5rem);}

.one-two  {width:calc(50% - 0.5rem);}
.one-three {width:calc(33.3333% - 0.5rem);}
.two-three {width:calc(66.6666% - 0.5rem);}
.one-four {width:calc(25% - 0.5rem);}



/* ==== 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 5rem 0.5rem 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;
    min-height: 2rem;
	min-width: 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%);
    border-radius: 50%;
}
.poprCheck input {
    position: absolute;
    display: none;
}
.poprCheck label {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    cursor: pointer;
    position: relative;
    line-height: 2.4rem;
    color: #888;
	font-family: "Pretendard-Medium";
    margin-bottom: 0rem;
	white-space: nowrap;
	width: auto!important;
    margin-right: 0;
}

.seradio .popRadio {
    display: flex;
	flex-wrap: wrap;
	align-items: center;
    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;
}
.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;
}


.usetBtn {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

/* 키워드 리서치 */
.keyWordReearach .sa_input input {margin-right: 0.9rem;}
.keyWordReearach .sa_input input:last-child {margin-right: 0rem;}
.keyWordReearach .TitleBtn button {margin: 0rem 0.9rem!important;}

.flexBox.keyWordRTableBox {justify-content: space-between;}
.keyWordRTableBox .admtable {width:calc(100%/3 - 1.3rem);}
.keyWordRTableBox .admTBox {width:100%;}

.keyWordRTableBox .thead .admTBox {justify-content: flex-start;}
.keyWordRTableBox .thead .admTBox.alignright {justify-content: flex-end;}
.keyWordRTableBox .thead {border-bottom: 1px solid #111; background: #F6FAFF;}




/*-----------------------------------------------------------------------------------------
# 환경설정 > 리스트
-----------------------------------------------------------------------------------------*/
.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;
	}
}

.testBox {position:absolute;top:150px; background:#fff; z-index:10;}


/* 키워드 탐색기 */


.keywordTableGroup .admTBox {
    width: 100%!important;
}

.keywordTableGroup .admTBox {
    align-items: flex-start!important;
    flex-direction: column;
}

.keywordTitleT {
    width: auto;
    padding: 1rem 0;
    font-size: 2.1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.keywordTitleT input {
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
}
.keywordTitleT img {
    transform: translateY(2px);
}
.refkeywordTableGroup {
    padding: 0rem 1rem;
}

.refkeywordTableGroup {
    padding: 0;
    /* height: 0; */
    overflow: 0;
}

.refkeywordTableGroup.show {
    height: auto;
}

.refkeywordTableGroup p {
    padding-left: 0;
    position: relative;
    margin-bottom: 0;
    font-size: 1.8rem;
    line-height: 3rem;
    cursor: pointer;
    /* text-align: center; */
    width: 100%;
    display: block;
    text-align: right;
}

.refkeywordTableGroup p.refKeySub {
    padding-left: 1.6rem;
	text-align:left;
}

.refkeywordTableGroup p.refKeySub::before {
    content: '';
    width: 1rem;
    height: 1.6rem;
    background: url(../img/addIcon.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(25%);
    min-width: 1rem;
    min-height: 1.6rem;
    background-size: contain;
}
.refkeywordTableGroup p:hover {
	text-decoration:underline;
}

.refkeywordTableGroup input {
    position: relative;
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
}


span.numRefKeywords {
    font-size: 1.6rem;
    margin: 0 0 0 0.4rem;
    padding-right: 2.5rem;
    position: relative;
}

span.numRefKeywords::before {
    content: '';
    width: 1rem;
    height: 1.2rem;
    background: url(../img/allHiddenArrow.png) no-repeat center / cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.show span.numRefKeywords::before {
    transform: translateY(-50%) rotate(180deg);
}


.keywordMLine {
    position: relative;
    display: flex;
    align-items: center;
}

.keywordMLine.tableLine {
    height: auto;
	display: flex;
    border-top: 1px solid #EEE;
}

.tableLine.tableLinekeywordMLine {
	min-height: auto;
}

.keywordMLine .admTBox {
    display: flex;
    flex-direction: row;
}

.titleKeyWordLine {
    border-bottom: 1px solid #EEE;
    border-top: 1px solid #111!important;
}
.titleKeyInner {
	width: 100%;
    display: flex;
	align-items: center;
    justify-content: flex-start;
}
.titleKeyInner p {width:auto;}
.keywordVRankTable .thead {border-bottom:none;}


/* ================== ::::::::: 키워드 랭크 ::::::::: ================== */
.keyWordRankPopUpWrap {
    top: 52%;
    right: 0;
    position: fixed;
    transform: translate(0,-50%);
    width: 100%;
    height: 100%;
    background: rgb(34 34 34 / 40%);
    justify-content: center;
    align-items: center;
    padding-left: 26rem;
    display: none;
}

.keyWordRankPopUpWrap.active {
    display: flex;
    z-index: 5;
}

.keyWordRankPopUp {
    padding: 4rem 4rem 9rem 4rem;
    position: relative;
    background: #FFF;
    width: 82%;
    z-index: 1;
    height: 83vh;
    margin-top: 1rem;
    border-radius: 1.4rem;
}

.keywordVRankTable {
    background: #FFF;
    border: 1px solid #EEE;
    width: 100%;
    height: 94%;
    overflow-x: hidden;
    overflow-y: scroll;
}
.keyWordRankPopUpcloseIcon {
    margin-right: 0;
    position: absolute;
    right: 2.4rem;
    top: 2.4rem;
    cursor: pointer;
}

.keyWordRankPopUpcloseIcon img {
    width: 1.8rem;
    height: auto;
}
.gpt.TitleBtn .addbtn {
	color: #111;
    display: flex;
    cursor: pointer;
    font-size: 1.7rem;
    align-items: center;
    cursor: pointer;
	background: #EEE;
	border-radius: 0.6rem;
	padding: 0.8rem 2.8rem 0.8rem 2.8rem;
}

.keyRankBtn {
    margin: 0 0.6rem;
    font-size: 1.7rem;
    position: relative;
    padding: 1.4rem 2.2rem 1.4rem 4rem !important;
	color: #111;
    padding: 1rem;
    line-height: 1;
    font-size: 1.5rem;
    margin: 0 0.25rem;
    background: #00EB88;
    border-radius: 0.8rem;
    font-family: "Pretendard-SemiBold";
	color: #111;
}

.keyRankBtnGroup {
    margin: 2rem 0 0;
    display: flex;
    justify-content: center;
}
.keyRankBtn::before {
    content: '';
    width: 2rem;
    height: 2rem;
    background: url(/public/img/keywordPlusIcon.png) no-repeat center / cover;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.keyRankBtn:last-child::before {
    background: url(/public/img/copyIconU.png) no-repeat center / cover;
}

.kmTitle {
    color: #111;
    text-align: center;
    font-family: Pretendard;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    margin-bottom: 1.4rem;
}

 
.keywordVRankTable .refkeywordTableGroup p:hover {text-decoration:none; cursor: default;}
.keywordVRankTable .refkeywordTableGroup p.refKeywordT:hover {cursor: pointer;}

.refkeywordTableGroup.refkeyChildTable {   
    height: 0;
    overflow: hidden;
}

.refkeywordTableGroup.refkeyChildTable.show {
    height: auto;
}


.keywordRankGraph {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
    background: rgb(34 34 34 / 40%);
    padding-left: 13.6%;
	display:none;
}
.keywordRankGraph.active {display:block;}
.keywordRankGraphInner {
    position: relative;
    width: 100%;
    height: 100%;
}

.keywordRankGraphpop {
    padding: 4rem;
    width: 88%;
    height: auto;
    background: #FFF;
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%,-50%);
    border-radius: 1.4rem;
    max-height: 72%;
}

.keywordRankGraphDim {
    width: 100%;
    height: 100%;
    position: absolute;
}


/* =============== :::::::::: gpt 포트스 CSS :::::::::: =============== */
.contentCopyBtn {display: flex; margin-top: 2rem; justify-content: center;}