@charset "utf-8";

/* 일반 게시판 작성 - bn-write-common */
.bn-write-common fieldset{min-width:initial;letter-spacing:-0.025em;}
.bn-write-common .b-table-outer{border-top:2px solid var(--color06);border-bottom:1px solid var(--color17);}
.bn-write-common .b-table-wrap{padding:5rem 3rem;box-sizing:border-box;}
.bn-write-common .b-table-box{display:flex;flex-wrap:wrap;gap:10rem;padding:0 0 3rem;}
.bn-write-common .b-table-box:last-of-type{padding:0;}
.bn-write-common .b-table-box .b-col-box{display:flex;flex:1;}
.bn-write-common .b-table-box .b-col-box > div{display:flex;}
.bn-write-common .b-table-box .b-col-box .b-title-box{padding:1.4rem 0 0;width:16rem;box-sizing:border-box;}
.bn-write-common .b-table-box .b-col-box .b-title-box label,
.bn-write-common .b-table-box .b-col-box .b-title-box p{font-size:1.6rem;font-weight:var(--font-weight-semibold);color:var(--black100);line-height:2.2rem;}
.bn-write-common .b-table-box .b-col-box .b-title-box .b-wr-required{display:inline-block;padding:0 0 0 4px;font-size:1.6rem;font-weight:var(--font-weight-bold);color:var(--color01);line-height:2.2rem;}
.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .btn-popup-open::after{content:'';display:inline-block;margin: 2px 0 0 8px;width:1.5rem;height:1.5rem;background:url(../img/sj-board/ico-board-tooltip%402x.png) no-repeat 0 0/100%;}
.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .tooltip{display:none;width:0;height:0;}
.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .tooltip .b-popup-box{top:2.6rem;left:-1.7rem;padding:2.1rem 2.6rem;min-width:38rem;max-width:38rem;border:1px solid var(--color08);border-radius:2rem;overflow-y:visible;}
.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .tooltip .b-popup-box::before{content:'';position:absolute;top:-6px;left:2.7rem;width:1rem;height:6px;background:url(../img/sj-board/ico-tooltip-box-arrow.png) no-repeat 0 0/100%;overflow: visible;}
.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .tooltip .b-popup-box p{padding:0 0 6px;font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--black03);line-height:2rem;}
.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .tooltip .b-popup-box p:only-child{padding:0;}
.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .tooltip .b-popup-box span{display:inline-block;font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--color49);line-height:2rem;word-break:break-all;}
.bn-write-common .b-table-box .b-col-box .b-con-box{display:flex;align-content:center;flex-wrap:wrap;width:calc(100% - 16rem);}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con{display:flex;align-items:center;gap:10px;width:100%;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con.b-secure-box .b-secure-con-box{}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con.b-secure-box .b-input{margin:0 0 0 1rem;max-width:28.8rem;}

.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret-wrap{position:relative;font-size:0;line-height:1;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret{position:absolute;margin:0;width:100%;height:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret-label{display:inline-block;position:relative;width:4.6rem;height:2.4rem;border:1px solid var(--color40);border-radius:1.2rem;transition:0.3s ease;cursor:pointer;box-sizing:border-box;}  
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret-label .b-secret-btn{display:inline-block;position:absolute;top:50%;left:2.6rem;width:1.4rem;height:1.4rem;border-radius:50%;background-color:var(--color40);transform:translateY(-50%);transition:0.3s ease;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret:checked + .b-secret-label{display:inline-block;position:relative;width:4.6rem;height:2.4rem;border:1px solid var(--color48);border-radius:1.2rem;transition:0.3s ease;cursor:pointer;box-sizing:border-box;}  
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret:checked + .b-secret-label .b-secret-btn{display:inline-block;position:absolute;top:50%;left:4px;width:1.4rem;height:1.4rem;border-radius:50%;background-color:var(--color54);transform:translateY(-50%);}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret-txt{display:flex;align-items:center;padding:0 0 0 4px;font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--balck07);line-height:2.1rem;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret-wrap.on+.b-secret-txt{color:var(--color54);}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-file-btn{width:11rem;height:100%;border:1px solid var(--color48);border-radius:5px;background-color:var(--white100);transition:0.3s ease;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-file-btn:hover{background-color:var(--color48);}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-file-btn span{display:inline-block;font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--color54);line-height:2rem;vertical-align:middle;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-file-btn:hover span{color:var(--white100);}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-file-btn::after{content:'';display:inline-block;margin:0 0 0 1rem;width:1.8rem;height:1.4rem;background:url(../img/sj-board/ico-board-write-file%402x.png) no-repeat 0 0/100%;;vertical-align:middle;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-file-btn:hover::after{background-image:url(../img/sj-board/ico-board-write-file-w%402x.png);}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-youtube-txt{display:flex;align-items:center;padding:0 1rem 0 0;font-size:1.5rem;font-weight:var(--font-weight-medium);color:var(--black07);line-height:2.1rem;word-break:break-all;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-youtube-txt span{font-weight:var(--font-weight-bold);color:var(--color54);}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box{padding:1rem 0 0;width:100%;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box ul{display:flex;flex-wrap:wrap;gap:1rem;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box ul li{display:flex;align-items:center;gap:5px;padding:5px 0 0;width:100%;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box ul li:last-of-type{padding:0;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box ul li a{display:block;font-size:1.4rem;color:var(--black05);line-height:2rem;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box ul li a:hover{text-decoration:underline;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box .b-file-del-btn{display:inline-block;padding:2px 1rem;border-radius:2.4rem;border:1px solid var(--color48);font-size:1.3rem;font-weight:var(--font-weight-semibold);color:var(--color54);line-height:1;text-align:center;transition:0.3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box .b-file-del-btn:hover{border-color:var(--color49);color:var(--color49);}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box .attach-data{padding:0 0 1rem;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box .attach-data .attach-box{display:flex;align-items:center;gap:1rem;padding:0 0 1rem;width:100%;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box .attach-data .attach-box p{}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box .attach-data .attach-box p .attch-del-check{display:none;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box .attach-data .attach-box label{}

.bn-write-common .b-table-box .b-col-box .b-con-box .b-wr-pw-guide{display:flex;lex-wrap:wrap;padding:7px 0 0;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-wr-pw-guide::before{content:'*';display:inline-block;margin:5px 3px 0 0;font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--color01);line-height:1;}
.bn-write-common .b-table-box .b-col-box .b-con-box .b-wr-pw-guide span{display:inline-block;width:clac(100% - 1rem);font-size:1.4rem;font-weight:var(--font-weight-medium);color:var(--color01);line-height:2rem;}
.bn-write-common .cms-multi-upload{width:100%;}

/* 뉴스룸 - 웹진구독 */
.bn-write-common .b-webzine-table-outer{padding:0 0 3.5rem;border-bottom:4px solid var(--color44);}
.bn-write-common .b-webzine-table-box{padding:3.5rem 0;border-bottom:1px solid var(--color13);}
.bn-write-common .b-webzine-table-box:first-of-type{padding-top:0;}
.bn-write-common .b-webzine-table-box:last-of-type{border-bottom:0;}
.bn-write-common .b-webzine-table-box .mark-p01{padding:1.5rem 0 0;}
.bn-write-common .b-webzine-table-box .mark-p01::before{display:none;}
.bn-write-common .b-webzine-table-box .b-table-box .b-col-box .b-con-box{width:100%;}

.b-term-wrap{padding:2.5rem 0 3.5rem;}
.b-term-box{padding:6rem;border:1px solid var(--color69);border-radius:6px;background:var(--color12);box-sizing:border-box;}
.b-term-title{display:flex;align-items:center;gap:0 1rem;padding:0 0 2rem;font-size:2rem;line-height:2.8rem;font-weight:var(--font-weight-bold);color:var(--color01);}
.b-term-title:before{content:'';display:block;width:2.4rem;height:2.4rem;background:url(../img/sj-board/ico-term%402x.png) no-repeat center center / 100%;}
.b-term-content{height:15rem;font-size:1.5rem;line-height:3rem;font-family:inherit;font-weight:var(--font-weight-bold);color:var(--black05);}
.b-term-check-box{display:flex;justify-content:flex-end;padding:2rem 0 0;}

@media screen and (max-width:1024.98px){
	/* 일반 게시판 작성 - bn-write-common */
	.bn-write-common .b-table-wrap{padding:2rem 1rem;}
	.bn-write-common .b-table-box{gap:1.5rem;padding:0 0 1.5rem;}
	.bn-write-common .b-table-box .b-col-box{position:relative;flex:auto;width:100%;}
	.bn-write-common .b-table-box .b-col-box .b-title-box{padding:8px 0 0;width:12rem;}
	.bn-write-common .b-table-box .b-col-box .b-title-box label,
	.bn-write-common .b-table-box .b-col-box .b-title-box p{font-size:1.4rem;line-height:2rem;}
	.bn-write-common .b-table-box .b-col-box .b-title-box .b-wr-required{padding:0 0 0 3px;font-size:1.3rem;line-height:1.8rem;}
	.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap{position:static;}
	.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .btn-popup-open::after{margin:2px 0 0 6px;}
	.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .tooltip .b-popup-box{top:3rem;left:0;padding:1.5rem;min-width:50%;max-width:50%;}
	.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .tooltip .b-popup-box::before{display:none;}
	.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .tooltip .b-popup-box p{font-size:1.3rem;line-height:1.9rem;}
	.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .tooltip .b-popup-box span{font-size:1.3rem;line-height:1.9rem;}
	.bn-write-common .b-table-box .b-col-box .b-con-box{width:calc(100% - 12rem);}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-con.b-secure-box .b-secure-con-box{width:100%;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-con.b-secure-box .b-input{margin:0;max-width:100%;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret-label{width:4rem;height:2rem;}  
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret-label .b-secret-btn{left:2.2rem;width:1.2rem;height:1.2rem;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret:checked + .b-secret-label{width:4rem;height:2rem;} 
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret:checked + .b-secret-label .b-secret-btn{width:1.2rem;height:1.2rem;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-secret-txt{font-size:1.4rem;line-height:2rem;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-file-btn{width:10rem;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-file-btn span{font-size:1.3rem;line-height:1.9rem;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-file-btn::after{margin:0 0 0 8px;width:1.6rem;height:1.3rem;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-con .b-youtube-txt{display:block;width:100%;padding:0 8px 0 0;font-size:1.4rem;line-height:2rem;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box{padding:8px 0 0;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box ul{gap:5px;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box ul li{padding:3px 0 0;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box ul li a{font-size:1.3rem;line-height:1.9rem;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box .b-file-del-btn{padding:2px 8px;font-size:1.2rem;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-file-box .attach-data{padding:0 0 5px;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-con{flex-wrap:wrap;gap:6px;width:100%;}
	.bn-write-common .b-table-box .b-col-box .b-con-box .b-wr-pw-guide{padding:5px 0 0;font-size:1.3rem;;line-height:1.9rem;}

	/* 뉴스룸 - 웹진구독 */
	.bn-write-common .b-webzine-table-outer{padding:0 0 2rem;border-width:2px;}
	.bn-write-common .b-webzine-table-box{padding:2rem 0;}

	.b-term-wrap{padding:0 0 2rem;}
	.b-term-box{padding:2rem;}
	.b-term-title{font-size:1.8rem;line-height:2.6rem;}
	.b-term-content{font-size:1.4rem;line-height:2.9rem;}
}

@media screen and (max-width:768px){
	/* 일반 게시판 작성 - bn-write-common*/
	.bn-write-common .b-table-box .b-col-box{flex-wrap:wrap;}
	.bn-write-common .b-table-box .b-col-box .b-title-box{padding:0 0 8px;width:100%;}
	.bn-write-common .b-table-box .b-col-box .b-con-box{width:100%;}
	.bn-write-common .b-table-box .b-col-box .b-title-box .b-popup-outer-wrap .tooltip .b-popup-box{top:2rem;min-width:100%;max-width:100%;}
}