@import url('common.css'); 




/********** ## 서브탑 **********/
.sub_tit_wrap {position:relative; margin:80px auto 50px;}
.sub_tit_wrap .sub_title {font-size: var(--fs50); font-weight: 700; line-height:110%; letter-spacing: -0.125rem; color:var(--black); text-align:center; max-width:1350px; width:90%; margin:0 auto;}
.sub_tit_wrap .fs20 {text-align:center; margin:24px 0 0;}

.visual_lnb {margin:0 0 20px; position:relative; z-index:99;}
.visual_lnb dl {display:flex; /* flex-wrap:nowrap; */ align-items:center; justify-content:center; }
.visual_lnb dl dt {width:auto;}
.visual_lnb dl dt a {display:block; font-size:0;}
.visual_lnb dl dt a::before {content:'\e88a'; font-size:24px; font-family:var(--icon); color:rgba(34,34,34,0.4); display:block;}
.visual_lnb dl dd {width:auto; position:relative;}
.visual_lnb dl dd a.txt {display:flex; flex-wrap:wrap; align-items:center; font-weight: 400; line-height:155.556%; letter-spacing: -0.045rem; }
.visual_lnb dl dd a.txt.nonArr::after {display:none;}
.visual_lnb dl dd a.txt::before {content:''; width:1px; height:16px; background:rgba(34,34,34,0.2); display:block; margin:0 16px;}
.visual_lnb dl dd a.txt::after {content:'\e5cf'; font-family:var(--icon); font-size:16px; width:22px; height:22px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid var(--border); box-sizing:Border-box; border-radius:100%; margin-left:6px; line-height:16px; color:rgba(34,34,34,0.4); font-weight:500; transition:all 0.6s ease;}
.visual_lnb dl dd a.txt.on::after {transform:rotate(180deg); transition:all 0.6s ease;}
.visual_lnb dl dd .dlst {position:absolute; left:16px; margin-top:15px; padding:20px 0; box-sizing:border-box; border:1px solid var(--border); min-width:180px; background:var(--white); box-shadow:0px 8px 20px rgba(0, 0, 0, 0.08);  display:none;}
.visual_lnb dl dd .dlst a {display:block; width:100%; padding:0 25px; line-height:30px; font-size:var(--fs16); transition:all 0.4s ease; box-sizing:border-box; margin:0 0 5px;}
.visual_lnb dl dd .dlst a.on {color:var(--main);}
.visual_lnb dl dd .dlst a:last-of-type {margin:0;}
.visual_lnb dl dd .dlst a:hover {background:var(--gray_bg); color:var(--main); transition:all 0.4s ease;}

.categoryBtn {position:absolute; bottom:9px; left:5%; font-size: 0.875rem; line-height:157.143%; font-weight: 400; letter-spacing: -0.035rem; padding:5px 10px 5px 8px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  border:1px solid var(--border); display:none; border-radius: 5px; display:none !important;}
.categoryBtn::before {content:'\e5d2'; font-size:20px; font-family:var(--icon); color:rgba(34,34,34,0.5); display:block; margin-right:5px;}
/********** ## 서브탑 **********/


/********** ## 테이블 컨텐츠 **********/
.category_cont {margin:0 0 30px;}
.category_cont ul {}
.category_cont .depth2_line {display:flex; flex-wrap:wrap;  justify-content:center;}
.category_cont .depth2_line li {margin-right:3px; margin-bottom:3px;}
.category_cont .depth2_line li:last-of-type {margin-right:0; }
.category_cont .depth2_line li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius: 50px; height:60px; padding:0 25px; box-sizing:border-box; background: var(--gray_bg);  letter-spacing: -0.045rem; color:rgba(34,34,34,0.5); line-height:1; transition:all 0.4s ease;}
.category_cont .depth2_line li a:hover {background:var(--main); color:var(--white); transition:all 0.4s ease;}
.category_cont .depth2_line li.hover a {background:var(--main); color:var(--white);}
.category_cont .depth3_line {background: var(--gray_opa7); margin:10px 0 0; overflow:hidden;}
.category_cont .depth3_line .swiper-wrapper {height:auto;}
.category_cont .depth3_line ul {justify-content:center;}
.category_cont .depth3_line ul li {width:auto;}
.category_cont .depth3_line ul li a {position:relative; padding:0 15px; height:65px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:rgba(34,34,34,0.5); font-size:var(--fs16); letter-spacing: -0.045rem; }
.category_cont .depth3_line ul li a::after {content:''; width:0; height:3px; background:var(--main); position:absolute; bottom:0; left:50%; z-index:10; transform:translateX(-50%);}
.category_cont .depth3_line ul li.hover a {color: var(--main); font-weight: 500;}
.category_cont .depth3_line ul li.hover a::after {width:calc(100% - 30px);}
.category_cont .depth3_line ul li a:hover {color:var(--main);}

.lnb_table {display:flex; flex-wrap:wrap;}
.lnb_table .left_lnb {width:265px;}
		.lnb_table .left_lnb .left_tit {display:none;}
		.left_lnb_fixed {position:sticky; top:20px; left:0; transition:all 1s ease;}
		.left_lnb_fixed.scrolling_up {top:166px; transition:all 1s ease;}
		.left_lnb_fixed dl {border:1px solid var(--border); border-radius: 15px; background:var(--white); margin:0 0 5px; overflow:hidden; transition:all 0.4s ease;}
		.left_lnb_fixed dl .dep1_tit, .left_lnb_fixed dl .dep2_tit {padding:15px 20px; padding-right:50px; border-bottom:1px solid var(--border); box-sizing:border-box; display:block;  font-weight: 500; letter-spacing: -0.045rem; color:rgba(34,34,34,0.6); position:relative;  transition:all 0.4s ease;}
		.left_lnb_fixed dl .dep1_tit {border-bottom:0;}
		.twoDep {display:none;}
		.threeDep:last-of-type ul {border-bottom:0 !important;}
		.left_lnb_fixed dl .dep1_tit::after, .left_lnb_fixed dl .dep2_tit::after {content:'\e5cf'; font-family:var(--icon); font-size:20px; color:rgba(34,34,34,0.5); font-weight:500; position:absolute; right:20px; top:50%; margin-top:-10px; line-height:20px; transition:all 0.4s ease;}
		.left_lnb_fixed dl ul {padding:13px 20px; box-sizing:border-box; display:none; border-bottom:1px solid var(--border);}
		.left_lnb_fixed dl ul li {opacity:0.5; transition:all 0.4s ease;}
		.left_lnb_fixed dl ul li a {display:block; font-size:var(--fs16); color:var(--black); padding-left:13px; box-sizing:border-box; position:relative; transition:all 0.4s ease;}
		.left_lnb_fixed dl ul li a::before {content:''; width:5px; height:2px; background:var(--black); position:absolute; top:11px; left:0; transition:all 0.4s ease;}

		.left_lnb_fixed dl ul li:hover {opacity:1; transition:all 0.4s ease;}
		.left_lnb_fixed dl ul li:hover a { color:var(--main); transition:all 0.4s ease;}
		.left_lnb_fixed dl ul li:hover a::before {background:var(--main); transition:all 0.4s ease;}

		.left_lnb_fixed dl.on {border:1px solid var(--main); transition:all 0.4s ease;}
		.left_lnb_fixed dl.on .dep1_tit.on {background:var(--main); color:var(--white); transition:all 0.4s ease;}
		.left_lnb_fixed dl.on .dep1_tit.on::after {color:var(--white); transform:rotate(180deg); transition:all 0.4s ease;}
		
		.left_lnb_fixed dl.on .dep2_tit.on {color:var(--main); background: var(--gray_opa7);}
		.left_lnb_fixed dl.on .dep2_tit.on::after {color:var(--main); transform:rotate(180deg); transition:all 0.4s ease;}
		.left_lnb_fixed dl.on ul {background: var(--gray_opa7);}

		.left_lnb_fixed dl ul li.on {opacity:1;}
		.left_lnb_fixed dl ul li.on a { color:var(--main);}
		.left_lnb_fixed dl ul li.on a::before {background:var(--main);}
/********** ## 테이블 컨텐츠 **********/


/********** ## 게시판 상단 **********/
.top_category {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 20px;}
.top_category h4 {font-size: 1.11rem; font-weight: 500; line-height: 32px; /* 160% */ letter-spacing: -0.8px; color:var(--black); margin-right:15px;}
.top_category .select {max-width:500px; width:50%;}
.grayBox_dot {padding:30px; box-sizing:border-box; background: var(--gray_opa7); margin:0 0 20px;}
.lnb_table .right_cont {width:calc(100% - 265px); padding-left:80px; box-sizing:border-box;}

.bbs_top_info {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 15px;}
.searchArea {display:flex; flex-wrap:wrap; align-items:center;}
.searchArea label {letter-spacing: -0.72px; display:block; margin-right:30px;}
.searchArea.right {justify-content:flex-end;}
.searchArea.right .bbs_search {width:auto !important;}
.total_txt {letter-spacing: -0.045rem;}
.total_txt span {font-size: var(--fs25); font-weight: 700; line-height: 128%;  letter-spacing: -1px; color:var(--black); display:inline-block; margin-right:20px;}
.total_txt b {font-weight:700; color: var(--black); letter-spacing:inherit;}

.listType {display:flex; flex-wrap:wrap; align-items:center; margin-right:30px;}
.listType li {margin-right:20px; opacity:0.3; transition:all 0.4s ease;}
.listType li.up {opacity:1; transition:all 0.4s ease;}
.listType li:last-of-type {margin-right:0;}

.bbs_search {display:flex; flex-wrap:wrap; align-items:center;}
.bbs_search dt {margin-right:4px; width:120px;}
.bbs_search.long_ver2 dt {width:360px;}
.bbs_search dt.grade {letter-spacing: -0.72px; color:rgba(34,34,34,0.5);}
.bbs_search dt.grade b {font-weight: 500; letter-spacing: -0.72px; color: var(--black);}
.bbs_search.long_ver dt { width:180px;}
.bbs_search dt.sm_select {width:80px;}
.bbs_search dd {width:250px; position:relative;}
.bbs_search dd .searchBtn {position:absolute; top:50%; transform:translateY(-50%); right:20px;}
.bbs_search dd .searchBtn::before {content:'\e8b6'; font-size:20px; font-family:var(--icon); display:block; color:var(--black);  font-weight:500;}

.bbs_search dd.wato_list {width:auto; display:flex; flex-wrap:nowrap;}
.bbs_search dd.wato_list .watoBtn {padding:0 15px;}
.bbs_search dd.wato_list .watoBtn.examBtn1 {background:var(--main);}
.bbs_search dd.wato_list .watoBtn.examBtn2 {background:var(--blue_gray);}

.bbs_search.bbs_search2 dd { width:370px; }
/********** ## 게시판 상단 **********/




/********** ## Step List **********/
.member_process {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 60px;}
.member_process dl {display:flex; flex-wrap:wrap; align-items:center;}
.member_process dl::after {content:'\e5e1';  font-size:20px; color:var(--black); font-family:var(--icon);  opacity:0.3; margin:0 30px;}
.member_process dl:last-of-type::after {display:none;}
.member_process dl dt {position:relative; width:60px; height:60px; background:var(--basic); border-radius:100%;  opacity:0.5;}
.member_process dl dt::after {content:''; width:calc(100% - 8px); height:calc(100% - 8px); border-radius:100%; border: 1px dashed var(--white); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.member_process dl dt span {display:block; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.member_process dl dt span::before {content:''; font-size:28px; color:var(--white); font-family:var(--icon);}
.member_process dl.st01 dt span::before {content:'\ea17';}
.member_process dl.st02 dt span::before {content:'\f4ca';}
.member_process dl.st03 dt span::before {content:'\e22b';}
.member_process dl.st04 dt span::before {content:'\f84a';}

.member_process.cart_ver dl.st01 dt span::before {content:'\e8cc';}
.member_process.cart_ver dl.st02 dt span::before {content:'\eff1';}

.member_process dl dd {padding-left:12px; opacity:0.5;}
.member_process dl dd span {font-size: 0.777rem; font-weight: 700; line-height: 142.857%; display:block; color:var(--black);}
.member_process dl dd p {font-weight: 500; letter-spacing: -0.72px; color:var(--black);}

.member_process dl.on dt {opacity:1; background:var(--main);}
.member_process dl.on dd {opacity:1;}
/********** ## Step List **********/



/********** ## 카테고리 **********/
.cate_tab {overflow:hidden; margin: 0 auto 41px; box-sizing:border-box; position: relative;}
.cate_tab ul{display:flex; flex-wrap:wrap; justify-content: center;}
.cate_tab ul li{width:auto; margin: 0 15px;}
.cate_tab ul li a{display:inline-block; font-size:1rem; line-height:48px; height: 50px; border-radius:50px; letter-spacing:-0.04em; color:rgbA(34,34,34,0.5); box-sizing:border-box; transition:all .3s linear; position:relative; text-align:center; background:var(--white); border:0;}
.cate_tab ul li:hover a{color:var(--black);}
.cate_tab ul li.hover a{ padding:0 26px; background:var(--main) !important; color:var(--white) !important;}


/* 임수수정_240729 */
/* 게시판 */
.cate_tab.swiper-container .swiper-wrapper{ height: auto }
.cate_tab.swiper-container .swiper-wrapper .swiper-slide { height: auto; }



/********** ## 카테고리 **********/



/*********** 일반게시판 > 버튼 *************/
.bbs_btn { position:relative; margin:30px 0 0; display:flex; justify-content:flex-end; }
.bbs_btn.space {justify-content:space-between;}
.bbs_btn a { display:block; width:120px; height:50px; line-height:48px; box-sizinG:border-box; border:1px solid var(--border); border-radius:5px; text-align:center; font-size:0.8889rem; letter-spacing:-0.04em; color:Rgba(34,34,34,0.5);  transition:all .2s linear; margin-right:4px;}
.bbs_btn a:last-child { margin-right:0; }
.bbs_btn a:hover { border-color:var(--black); color:var(--black); transition:all .2s linear; }
.bbs_btn a.listBtn { position:Absolute; left:0; top:0; }
.bbs_btn.center { justify-content:center; }
.bbs_btn.center a.listBtn { position:static; }

.bbs_btn a.black_btn { background:var(--black); border-color:var(--black); color:var(--white); transition:all .2s linear; }
.bbs_btn a.black_btn:hover { background:var(--main); border-color:var(--main); transition:all .2s linear; }

.bbs_btn a.main_btn {background:var(--main); border-color:var(--main); color:var(--white); transition:all .2s linear;}
.bbs_btn a.main_btn:hover { background:var(--black); border-color:var(--black); transition:all .2s linear; }

.write_con .bbs_btn { margin:50px 0 0; justify-content:center; }
.bbs_btn a.long {width:180px;}

.bbs_btn .excel_btn {margin:0 4px 0 0; width:auto; padding:0 20px; border-color:#207245; color:#207245;}
/*********** 일반게시판 > 버튼 *************/



/*********** 일반게시판 > List *************/
.bbs_descript {padding:16px 20px; border-radius: 5px; border: 1px solid var(--border); background: var(--gray_opa7); letter-spacing: -0.72px; line-height:155.556%;}
.descript_top {margin:0 0 20px;}
.descript_btm {margin:30px 0;}
.page_num.pad0 {padding:0 !important;}
.bbs_con {width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid var(--black); text-align:center;}
.bbs_con th {position:relative; font-size:1rem; letter-spacing:-0.03em; line-height:166%; font-weight:700; color:var(--black); box-sizing:border-box; padding:15px 10px; border-bottom:1px solid #aaa; cursor:pointer;}
.bbs_con th .align_ico {position:absolute; right:0; top:50%; transform:translateY(-50%); font-style:normal;}
.bbs_con th .align_ico::before {content:'\e5d7'; font-size:20px; font-family:var(--icon); color:var(--black); font-weight:400;  opacity:0; visibility:hidden;  transition:all 0.3s ease;} /* 기본형 */
.bbs_con th.up .align_ico::before {content:'\f778'; opacity:1; visibility:visible; display:block; transform: scaleY(-1);} /* 오름차순 */
.bbs_con th.down .align_ico::before {content:'\f778'; opacity:1; visibility:visible;} /* 내림차순 */
.bbs_con th:hover .align_ico::before {opacity:1; visibility:visible; transition:all 0.3s ease;}
.bbs_con td {font-size:1rem; letter-spacing:-0.03em; line-height:166%; font-weight:400; color:var(--basic); box-sizing:border-box; padding:15px 10px; border-bottom:1px solid var(--border);}
.bbs_con td .progress {border-radius: 15px; background: #E7EBF2; width:100%; display:block; height:40px; position:relative;}
.bbs_con td .progress i {line-height:40px; display:block; font-style:normal; padding-left:7px; box-sizing:border-box; color: var(--white); position:relative; z-index:10; text-align:left;}
.bbs_con td .progress span {display:block; border-radius: 15px; background: #434C5E; position:absolute; top:0; left:0; height:100%;}
.bbs_con td a { font-size:inherit; letter-spacing:-0.04em; line-height:inherit; font-weight:inherit; color:inherit;  margin-right:8px;}
.bbs_con td a.pointColor {font-weight:500;}
.bbs_con td font {font-size:inherit; letter-spacing:inherit; line-height:inherit; font-weight:inherit; }
.bbs_con td font.pink {color: var(--point);}
.bbs_con td.left {text-align:left; padding:15px 20px;}
.bbs_con td.left .cate {display:inline-block; min-width:80px; height:30px; line-height:30px; padding:0 10px; box-sizing:border-box; font-size: 14px; font-weight: 600; letter-spacing: -0.56px; color:var(--white); background:var(--main); margin-right:12px; text-align:center;}
.bbs_con td .noClick {opacity:0.5; cursor:auto;}
.bbs_con td .grade {display:flex; flex-wrap:wrap; justify-content:center;}
.bbs_con td .grade input {width:62px; height:38px; border-radius:5px 0 0 5px; border-right:0;}
.bbs_con td .grade span {width:38px; height:38px; line-height:36px; font-size:var(--fs16); color:Var(--black); border:1px solid var(--border); border-radius:5px; box-sizing:border-box;}

.total_grade {border: 3px solid var(--black); box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:35px 40px; margin:20px 0 0;}
.total_grade dt {font-size: 1.111rem; font-weight: 500; line-height:160%; letter-spacing: -0.8px; color:var(--black);}
.total_grade dd {color:var(--black); font-size:1.222rem; letter-spacing: -0.88px; line-height:160%;  width:22%; text-align:right;}
.total_grade dd b {font-weight:700; color:inherit; font-size:inherit; letter-spacing: -0.88px; line-height:160%; display:inline-block; margin-right:2px;}

.bbs_con td .upfile_ico {margin:0 auto; display:block;}
.bbs_con td .upfile_ico::before {content:'\e226'; font-size:24px; color:var(--main); font-family:var(--icon);}


.th_icon.mobile {display:none;}
.th_icon {position:absolute;  right:-50px; top:50%; transform:translateY(-50%); display:flex; flex-wrap:wrap; align-items:center;  z-index:10;}
.th_icon a {display:block; line-height:1; margin-right:10px;}
.th_icon a:last-of-type {margin-right:0;}
.th_icon a::before {font-size:20px; font-family:var(--icon); color:var(--black); font-weight:500;}
.th_icon a.unfold_more::before {content:'\e5d7';}
.th_icon a.flex_direction::before {content:'\f778';}
.th_icon a.flex_direction_up {transform: scaleY(-1); position:relative; top:-3px;}
.th_icon a.flex_direction_up::before {content:'\f778';}


i.lock {line-height:1;font-style:normal; display:inline-block; margin-right:3px; vertical-align:middle;}
i.lock::before {content:'\e897'; font-size:20px; color:var(--black); font-family:var(--icon);   font-variation-settings:'FILL' 1; line-height:1;}
i.hot {padding:4px 6px 2px 8px; border-radius:50px; color:var(--white); background:var(--red); font-size: 11px; font-weight: 800; line-height: 12px; font-style:normal; display:inline-block; margin-right:3px; vertical-align:middle;}
i.new {padding:3px 5px; box-sizing:border-box; font-size: 11px; font-weight: 800; line-height: 12px; border-radius: 50px; background: var(--main); color:var(--white); font-style:normal; display:inline-block; margin-right:3px; vertical-align:middle;}
i.file {line-height:1; position:relative; top:2px; font-style:normal; display:inline-block; margin-right:3px; vertical-align:middle;}
i.file::before {content:'\e226'; font-size:20px; color:var(--black); font-family:var(--icon); line-height:1;}
i.reply {padding:3px; width:20px; height:20px; box-sizing:border-box; background:#bdc3cd; border-radius: 5px; line-height:1; margin-right:5px; margin-left:18px; font-style:normal; display:inline-block; margin-right:3px; vertical-align:middle;}
i.reply::before {content:'\e5da'; font-size:14px; color:var(--white); font-family:var(--icon); line-height:1;}


.bbs_con td.left .cate.end {background:#919191;}
.bbs_con tr.point td{background:var(--gray_bg);}
.bbs_con td img{display:inline-block; vertical-align:middle; margin:0 3px 2px 3px;}
.bbs_con .notice {}
.bbs_con .notice span{color:var(--main); transform: translateY(3px);}
.bbs_con .mo_line{display:none;}
/*********** 일반게시판 > List *************/




/*********** 일반게시판 > View *************/
.bbs_view{border-top:2px solid var(--black);}
.bbsView_tit{border-bottom:1px solid var(--border); padding:33px 100px 33px 20px; box-sizing:border-box; position: relative;}
.bbsView_tit .subject{font-size:26px; letter-spacing:-1pt; line-height:130%; font-weight:700; color:var(--black);}
.bbsView_tit .subject span{display:inline-block; font-size:1rem; line-height:30px; letter-spacing:-0.04em; font-weight:400; box-sizing:Border-box; padding:0 10px; border:1px solid rgba(34,34,34,0.5); border-radius:5px; margin-right:12px; color: rgba(34, 34, 34, 0.5);}
.bbsView_tit .view_detail{margin:10px 0 0; display:flex;}
.bbsView_tit .view_detail li{font-size:1rem; color:var(--basic); line-height:150%; letter-spacing:-0.04em; padding:0 37px 0 0; position:relative;}
.bbsView_tit .view_detail li span { font-size:inherit; line-height:inherit; letter-spacing:-0.04em; color:var(--black); display:inline-block; padding-right:8px; }
.bbsView_tit .view_detail li:last-child{padding:0;}
.bbsView_tit .view_detail li:after{content:''; display:block; width:1px; height:16px; background:#ccc; position:absolute; right:18px; top:50%; margin-top:-8px;}
.bbsView_tit .view_detail li:last-child:after{display:none;}
.bbsView_tit .count{font-size:1rem; color:var(--basic); line-height:120%; position:absolute; right:20px; top:50%; transform:translateY(-50%);}
.bbsView_tit .count span{display:inline-block; vertical-align:middle; margin:-2px 7px 0 0; color:var(--black);}
.view_content{padding:44px 0; box-sizing:border-box; border-bottom:1px solid var(--border);}
.view_content p, .view_content span { font-size:1rem; line-heighT:1.66; letter-spacing:-0.03em; }
.view_content img{max-width:100%; height:auto !important;}




/*추가_241128*/
.bbsView_tit .view_detail.type2 li{ font-size: 16px; }




.view_file{margin:59px 0 0; box-sizing:border-box; background:var(--gray_opa7); display:flex; flex-wrap:wrap; align-items:flex-start;}
.view_file .btit{width:170px; padding:20px; font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; color:var(--black); box-sizing:border-box; position: relative; display:flex; align-items:center;}	
.view_file .bstxt{width:calc(100% - 170px); padding:20px; font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; box-sizing:border-box;}	
.view_file .bstxt a{display:flex; flex-wrap:wrap; align-items:center; font-size:1rem; letter-spacing:-0.25pt; line-height:150%; color:var(--black); text-decoration:underline; margin: 0 0 5px; text-underline-offset: 4px;}
.view_file .bstxt a:last-child{margin: 0;}
.view_file .bstxt span {display: inline-block; vertical-align: middle; margin-left: -5px; font-size:0; color:var(--black); line-height:1;  top:-4px; position:relative;  }
.view_file .bstxt span::before {content:'\e226'; font-size:20px; color:var(--black); font-family:var(--icon); position:relative; top:4px;}


.device_info {padding:25px; box-sizing:border-box; background: var(--gray_opa7); margin:10px 0 0;}
.device_info h4 {font-weight: 500; line-height:166.667%; letter-spacing: -0.72px; color:Var(--black); margin:0 0 2px; }
.device_info .dots {margin: 0 0 1px;}

.bbs_view .videoArea { position:Relative; padding-bottom:56.25%; margin:0 0 30px; }
.bbs_view .videoArea iframe { position:absolute; left:0; top:0; width:100%; height:100%; }


/* qna 답변상태 */
.qna_status { display:inline-block; min-width:100px; border-radius:5px; line-height:38px; text-align:center; font-size:0.8889rem ; color:var(--white) !important; letter-spacing:-0.04em; border:none !important; }
.qna_status.ing { background:rgba(119,119,119,0.7); }
.qna_status.completion { background:var(--main); }

/* qna td 패딩 */
.qna_con td { padding:11px 15px; }
/*********** 일반게시판 > View *************/



/*********** 일반게시판 > Comment *************/
.comments {margin:57px 0 -5px; padding:30px; background:var(--gray_opa7); border-bottom:1px solid var(--border);}
.comments  h5 { font-weight:700; padding:0 0 9px; }
.comments ul{overflow:hidden; display: flex;}
.comments ul li{width:calc(100% - 80px);}
.comments ul li.btn{width: 80px; height: 80px;}
.comments textarea {height:80px; width:100%; font-size:1rem; border:1px solid var(--border); box-sizing: border-box; padding:12px 17px;}
.comments .comm_btn_confirm{display:inline-block; width:100%; height:80px; box-sizing:border-box; text-align:center; border:1px solid var(--black); background:var(--black); display:inline-block; color:var(--white); font-weight:400; letter-spacing:-0.35pt; font-size:0.875rem; cursor:pointer; transition:all .3s linear; -webkit-appearance: none; -webkit-border-radius: 0;}
.comments .comm_btn_confirm:hover{background:var(--main); border-color:var(--main);}

.comments_wrap {border-top:1px solid var(--black);}
.comments_wrap.borderNone {border:0;}
.comments_wrap .comments {margin:0; border-bottom:0;}
.comments_wrap .comments_body {padding-left:10px; padding-right:10px;}
.comments_body{overflow:hidden; border-bottom:1px solid var(--border); padding:30px;}
.comments_body p.cont{padding:6px 0 0; font-size:var(--fs16); line-height:1.75; letter-spacing:-0.04em; }
.comments_body .info{color:#888; font-size:0.9222rem;}
.comments_body .info li { display: inline-block; font-size:0.8889rem; line-height:1.75; letter-spacing:-0.04em; color:var(--black); position:relative; margin:0 15px 0 0; padding:0 15px 0 0; }
.comments_body .info li::After { content:''; display:block; width:1px; height:16px; background:var(--black); opacity:.2; position:absolute; right:0; top:50%; transform:translateY(-50%); }
.comments_body .info li:nth-child(2) { color:rgba(34,34,34,0.5); }
.comments_body .info li:nth-child(3), .comments_body .info li:nth-child(4) { padding:0; margin:0 3px 0 0; }
.comments_body .info li:nth-child(3)::After, .comments_body .info li:nth-child(4)::After { display:none; }
.comments_body .info li strong{color:var(--black); font-weight:400;}
.comments_body .info li i{margin-right:3px; font-size:22px; transform:translateY(3px);}
.comments_body .info li a { font-size:inherit; line-height:inherit; letter-spacing:-0.04em; color:inherit; }
/*********** 일반게시판 > Comment *************/



/*********** 일반게시판 > 작성페이지 *************/
.input_msg {padding:15px 0 10px 0; text-align:right;}
.bbs_input {width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid var(--black);}
.bbs_input tr { display:flex; border-bottom:1px solid var(--border); box-sizing:border-box; align-items: center; }
.bbs_input th {width:199px; color:var(--black); text-align:left; padding:15px 0; letter-spacing:-0.04em; font-weight:600; box-sizing:border-box;}
.bbs_input th p {font-size: var(--fs16); font-weight: 400; line-height:137.5%; letter-spacing: -0.64px; color:rgba(34,34,34,0.7);}
.bbs_input th span { color:var(--main); }
.bbs_input th sup{font-size:13px; font-weight:600;}
.bbs_input td {width:calc(100% - 199px); padding:15px 0; text-align: left; box-sizing:border-box;}
.bbs_input td.radio_list {}
.bbs_input td.radio_list label {margin-right:20px; line-height:166.667%; letter-spacing: -0.72px;}
.bbs_input .input_txt{display:inline-block; font-size:1rem; letter-spacing: -0.35pt;}
.bbs_input td .select_wrap{display: flex; align-items:center;}
.bbs_input td .select_wrap .hipen{display: inline-block; width: 20px; text-align:center;}
.bbs_input td .select_wrap .select_num{width: calc((50% - 40px)/3); margin: 0;}
.bbs_input td .select_wrap .input_num{width: calc((50% - 40px)/3);}
.bbs_input td .no_txt {font-size: var(--fs16); font-weight: 400; line-height: 175%; letter-spacing: -0.04rem; color:var(--main); margin:1px 0 0;}

.bbs_input td .input { width:100%; font-size:0.8889rem; letter-spacing:-0.04em; color:rgba(34,34,34,0.5); }
.bbs_input td .input_s {width:30%; max-width:150px;}
.bbs_input td .input_sm {width:30%; max-width:100px;}
.bbs_input td .input_m {width:calc((100% - 4px) / 2); max-width:315px;}
.bbs_input td .input_date {position:relative; background-image:url("/teacher_learning/img/calendar_month.svg"); background-repeat:no-repeat; background-position:center right 15px;}
.bbs_input td select { width:100%; max-width:315px; font-size:0.8889rem; letter-spacing:-0.04em; color:rgba(34,34,34,0.5); }
.bbs_input td textarea, .bbs_input td .editArea { margin:12px 0; height: 345px; color:rgba(34,34,34,0.5); box-sizing: border-box; border:1px solid var(--border); border-radius:5px; }

.bbs_input .file { align-items: flex-start; }
.bbs_input .file td input.form-control.form-control { width:calc(100% - 189px); margin-right:-1px; border-radius:5px 0 0 5px; }
.bbs_input .file td .fileDrop { display: flex; margin:0 0 10px;}
.bbs_input .file td .fileDrop:last-of-type {margin:0;}
.bbs_input .file td .file_btn { display:flex; }
.bbs_input .file td .file_btn a { display:inline-block; width:95px; height:45px; font-size:0.8889rem; letter-spacing:-0.04em; box-sizing:border-box; border:1px solid var(--main); line-height:43px; text-align:center; font-weight:500; }
.bbs_input .file td .file_btn a.file_delete { border-radius:5px 0 0 5px; color:var(--main); background:var(--white); transition:All .2s linear; }
.bbs_input .file td .file_btn a.file_delete:hover { color:var(--white); background:var(--main); transition:All .2s linear; }
.bbs_input .file td .file_btn a.file_find { border-left:0; border-radius:0 5px 5px 0; color:var(--white); background:var(--main); transition:All .2s linear; }
.bbs_input .file td .file_btn a.file_find:hover { color:var(--main); background:var(--white); transition:All .2s linear; }

.bbs_input .file td .textarea {width:100%; height:110px;  margin:0 !important; padding:12px 17px;}



.subject_table {width:100%;border-collapse:separate; border-spacing:0px;}
.subject_table td {border:none; padding:0;}

.input_contents{width: 100% !important; box-sizing:border-box !important;}
.cheditor-tb-wrapper{height: auto !important;}

.bbs_input p.bbsRemark{color:rgba(34,34,34,0.5); padding:8px 0 0; font-size:0.8889rem; letter-spacing:-0.04em; line-height:1.75; }
.bbs_input span.bbsRemark{color:rgba(34,34,34,0.5); padding-left:8px; font-size:0.8889rem; letter-spacing:-0.04em; line-height:1.75;}
.bbs_input td.bbsRemark{color:rgba(34,34,34,0.5); font-size:0.8889rem; letter-spacing:-0.04em; line-height:1.75;}


.input-file { visibility: hidden; position: absolute;}
.upfile_input {width:100%; margin:0 0 5px; position:relative;}
.upfile_input:last-of-type {margin:0;}
.upfile_input .input-group {width:100%; display:flex; flex-wrap:wrap;}
.upfile_input .form-control {width:calc(100% - 190px); background:var(--white); border-radius:5px 0 0 5px !important; border-right:0;}
.upfile_input .input-group-btn {display:flex; flex-wrap:wrap;}
.upfile_input button {cursor:pointer; width:95px; height:45px; display:flex; flex-wrap:Wrap; align-items:center; justify-content:center;  text-align:center; font-size: var(--fs16); font-weight: 500; line-height:175%; letter-spacing: -0.64px; text-align:center; }
.upfile_input .address_btn {background:var(--main); color:var(--white); border-radius: 0px 5px 5px 0px; border:0;  color:var(--white);}
.upfile_input .delete_btn {border-radius: 5px 0px 0px 5px; border: 1px solid var(--main); background: var(--white); color:var(--main); }



/* 평점 선택 */
.bbs_input .review_td { display:flex; flex-wrap:wrap; }
.bbs_input .review_td label { display: flex; align-items:center; margin-right:30px; }
.bbs_input .review_td label:last-child { margin-right:0; }
.bbs_input .review_td label input { width:16px; height:16px; margin: 0 4px 0 0 !important; }
.bbs_input .review_td label input[type="radio"]:checked::before {width:calc(100% - 5px);  height:calc(100% - 5px); }
/*********** 일반게시판 > 작성페이지 *************/







/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


/********** ## 테이블 컨텐츠 **********/
.lnb_table .right_cont {padding-left:40px;}
/********** ## 테이블 컨텐츠 **********/

/********** ## 게시판 상단 **********/
.total_txt {margin:0 0 10px;}
.searchArea {width:100%; justify-content:flex-end;}


.bbs_top_info.basic_top .searchArea { width:auto; }
/********** ## 게시판 상단 **********/


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 


.th_icon.pc {display:none;}
.th_icon.mobile {display:flex; position:relative;  right:0; top:0; transform:translateY(0); margin:0 0 10px;}

}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

/********** ## 서브탑 **********/
.sub_tit_wrap {margin:60px auto 35px;}
/********** ## 서브탑 **********/

/********** ## 테이블 컨텐츠 **********/
.category_cont .depth2_line li a {height:50px; padding:0 20px;}
.category_cont .depth3_line ul {justify-content:flex-start;}
.category_cont .depth3_line ul li a {height:55px;}

.lnb_table .left_lnb {}
.left_lnb_fixed dl .dep1_tit, .left_lnb_fixed dl .dep2_tit {padding:12px 15px; padding-right:50px;}
.left_lnb_fixed dl .dep1_tit::after, .left_lnb_fixed dl .dep2_tit::after {right:15px;}
/********** ## 테이블 컨텐츠 **********/


/********** ## 게시판 상단 **********/
.total_txt {/* text-align:center;  */width:100%;}
.lnb_table .right_cont {width:100%; padding-left:0;}

.bbs_search.long_ver dt {width:calc((100% - 4px) / 2) !important; margin-bottom:4px;}
.bbs_search.long_ver dt:last-of-type {margin-right:0;}
.bbs_search.long_ver2 dt {width:100%; margin-right:0; margin-bottom:4px;}
.bbs_search dd.wato_list {width:100% !important;}


/****** 카테고리 팝업 ******/
.categoryBtn {display:flex; bottom:2px;}
.left_lnb {position:fixed; width:100%; height:var(--vh); z-index:9999999; top:0; left:0; background:var(--white); padding:20px 25px; box-sizing:border-box; min-width:320px; transform:translateX(100%); transition:all 0.8s ease;}
.left_lnb.active {transform:translateX(0); transition:all 0.8s ease;}
.left_lnb .left_tit {display:block; position:relative; margin:0 0 20px;}
.left_lnb .left_tit .fs20 {font-weight: 700; line-height:160%; letter-spacing: -0.05rem; color:var(--black); text-align:center; }
.left_lnb .left_tit .cate_close {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.left_lnb .left_tit .cate_close::before {content:'\e5cd'; font-family:var(--icon); color:var(--black); font-size:30px; height:30px; display:block; line-height:30px; font-weight:500; }
.left_lnb_fixed {top:0 !important;}
/****** 카테고리 팝업 ******/


.searchArea.right .bbs_search {width:100% !important;}
.searchArea label {margin-right:0; margin-bottom:5px;}
.bbs_search {width:calc(100% - 92px);}
.bbs_search dt {width:calc(20% - 4px);}
.bbs_search dt.sm_select {width:calc(15% - 4px);}
.bbs_search dd {width:45%;}

.bbs_top_info.basic_top .searchArea { width:100%; }
.bbs_top_info.basic_top .bbs_search { width:100%; /* justify-content: center; */ }
.bbs_top_info.basic_top .bbs_search dd { width:80%; }
.bbs_top_info.basic_top .bbs_search.bbs_search2 dd { width:100%; }

.bbs_top_info.basic_top .bbs_search.mobile_normal {}
.bbs_top_info.basic_top .bbs_search.mobile_normal dt {width:calc(100% - 84px) !important; margin:0 4px 0 0;}
.bbs_top_info.basic_top .bbs_search.mobile_normal dd {width:80px !important;}
.bbs_top_info.basic_top .bbs_search.mobile_normal dd .watoBtn {width:100%; height:40px; margin:0; line-height:40px;}
/********** ## 게시판 상단 **********/



/********** ## Step List **********/
.member_process dl::after {margin:0 25px;}
.member_process dl dt {width:50px; height:50px;}
.member_process dl dt span::before {font-size:24px;}
/********** ## Step List **********/



/********** ## 카테고리 **********/
.cate_tab {margin: 0 auto 30px;}
.cate_tab ul{}
.cate_tab ul li a{line-height:38px; height: 40px;}
.cate_tab ul li a.hover{padding:0 15px;}
/********** ## 카테고리 **********/



/*********** 일반게시판 > 버튼 *************/
.bbs_btn { margin:20px 0 0; }
.bbs_btn a { width:100px; height:40px; line-height:38px;}

.write_con .bbs_btn { margin:30px 0 0; }
/*********** 일반게시판 > 버튼 *************/




/*********** 일반게시판 > List *************/
.bbs_con {}
.bbs_con th {padding:15px 8px;}
.bbs_con td {padding:12px 8px;}
.bbs_con td.left {padding:12px 15px;}

.bbs_con td .progress {height:30px; margin:5px 0 0; border-radius:5px;}
.bbs_con td .progress i {line-height:30px; border-radius:5px;}
/*********** 일반게시판 > List *************/




/*********** 일반게시판 > View *************/
.bbsView_tit{padding:25px 100px 25px 15px;}
.bbsView_tit .subject{font-size:20px;}
.bbsView_tit .subject span{margin-right: 8px; padding: 0 7px; line-height: 26px;}
.bbsView_tit .view_detail{margin:5px 0 0;}
.bbsView_tit .view_detail li{padding:0 20px 0 0;}
.bbsView_tit .view_detail li:after{height:12px; right:10px; margin-top:-6px;}
.bbsView_tit .count{right:15px;}
.view_content{padding:25px 0;}

.view_file{margin:25px 0 0;}	
.view_file .btit{width:120px; padding:15px;}	
.view_file .bstxt{width:calc(100% - 120px); padding:15px;}	

.bbs_bottom{}
.bbs_bottom.last{}
.bbs_bottom dt{width:120px; padding:15px;}
.bbs_bottom dd{width:calc(100% - 120px); padding:15px;}

.bbs_view .videoArea { margin:0 0 20px; }


/* qna 답변상태 */
.qna_status { min-width:80px; line-height:35px; }

/* qna td 패딩 */
.qna_con td { padding:9px 10px; }


.device_info {padding:20px;}
/*********** 일반게시판 > View *************/



/*********** 일반게시판 > Comment *************/
.comments {margin:40px 0 -5px; padding:20px;}
.comments  h5 { padding:0 0 5px; }
.comments ul li{width:calc(100% - 60px);}
.comments ul li.btn{width: 60px; height: 60px;}
.comments textarea {height:60px;}
.comments .comm_btn_confirm{height:60px;}


.comments_body{padding:20px;}
.comments_body p.cont{padding:6px 0 0; }
.comments_body .info li { margin:0 10px 0 0; padding:0 10px 0 0; }
.comments_body .info li::After { height:13px; }
.comments_body .info li i{font-size:18px;}
/*********** 일반게시판 > Comment *************/



/*********** 일반게시판 > 작성페이지 *************/
.bbs_input th {width:150px;}
.bbs_input td {width:calc(100% - 150px);}
.bbs_input td .select_wrap{display: flex; align-items:center;}
.bbs_input td .select_wrap .hipen{display: inline-block; width: 20px; text-align:center;}
.bbs_input td .select_wrap .select_num{width: calc((50% - 40px)/3); margin: 0;}
.bbs_input td .select_wrap .input_num{width: calc((50% - 40px)/3);}
.upfile_input button {height:40px;}

.bbs_input td textarea, .bbs_input td .editArea { margin:0 0; height: 240px; }

.bbs_input .file td input.form-control { width:calc(100% - 189px); }
.bbs_input .file td .file_btn a { width:80px; height:40px; line-height:38px; }

/* 평점 선택 */
.bbs_input .review_td label { margin-right:20px; }
.bbs_input .review_td label img { width:86px; }
.bbs_input .review_td label input { width:14px; height:14px; }

.bbs_input th p br {display:none;}
/*********** 일반게시판 > 작성페이지 *************/


}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


/********** ## 서브탑 **********/
.sub_tit_wrap {margin:25px auto;}
.sub_tit_wrap .fs20 {margin:12px 0 0;}

.visual_lnb_wrap {position:relative;}
.visual_lnb_wrap::before {content:''; width:7%; height:100%; background:linear-gradient(90deg, rgba(255,255,255, 0.9) 35%, rgba(255,255,255, 0.00) 100%); position:absolute; left:0; top:0; z-index:100;}
.visual_lnb_wrap::after {content:''; width:7%; height:100%; background:linear-gradient(270deg, rgba(255,255,255, 0.9) 35%, rgba(255,255,255, 0.00) 100%); position:absolute; right:0; top:0; z-index:100;}
.visual_lnb {padding-right:5%; box-sizing:border-box; position:relative; margin:0 0 22px;}
.visual_lnb dl {justify-content:flex-start;}
.visual_lnb dl dt a::before {font-size:20px; font-weight:500;}
/* .visual_lnb dl dd {width:calc((100% - 24px) / 2);}
.visual_lnb.ver4 dl dd {width:calc((100% - 24px) / 4);} */
.visual_lnb dl dd a.txt {position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap;  text-overflow:ellipsis; padding-left:20px; padding-right:35px; box-sizing:border-box;}
.visual_lnb dl dd a.txt::after {position:absolute; right:0; top:50%; width:18px; height:18px; line-height:14px; font-size:14px; margin-top:-9px;}
.visual_lnb dl dd a.txt::before {height:14px; margin:0; position:absolute; top:50%; left:10px; margin-top:-7px;}
.visual_lnb dl dd .dlst {padding:12px 0; width:100%; left:0;}
.visual_lnb dl dd .dlst a {padding:0 15px; line-height:26px;}

.visual_lnb.ver4 dl dd:nth-of-type(3) .dlst {left:auto; right:0;}
.visual_lnb.ver4 dl dd:nth-of-type(4) .dlst {left:auto; right:0;}
/********** ## 서브탑 **********/

/********** ## 테이블 컨텐츠 **********/
.category_cont .depth2_line li a {height:36px; padding:0 12px;}
.category_cont .depth3_line ul {justify-content:flex-start;}
.category_cont .depth3_line ul li a {height:45px; padding:0 10px;}
.category_cont .depth3_line ul li.hover a::after {width:calc(100% - 20px);}

.categoryBtn {padding:3px 8px 3px 4px; bottom:0;}
.categoryBtn::before {font-size:16px; margin-right:3px;}

.left_lnb_fixed dl {border-radius:10px;}
.left_lnb_fixed dl .dep1_tit, .left_lnb_fixed dl .dep2_tit {padding:10px 12px; padding-right:45px;}
.left_lnb_fixed dl .dep1_tit::after, .left_lnb_fixed dl .dep2_tit::after {right:15px;}
.left_lnb_fixed dl ul {padding:10px 15px;}
.left_lnb_fixed dl ul li a::before {top:10px;}
.left_lnb_fixed dl .dep1_tit::after, .left_lnb_fixed dl .dep2_tit::after {font-size:17px; right:12px;}

.left_lnb .left_tit .cate_close::before {font-size:24px; height:24px; line-height:24px;}
.left_lnb_fixed dl ul li a {padding-left:8px;}
.left_lnb_fixed dl ul li a::before {width:3px;}
/********** ## 테이블 컨텐츠 **********/

/********** ## 게시판 상단 **********/
.grayBox_dot {padding:13px;}
.top_category h4 {margin-right:0; width:100%; margin:0 0 5px;}
.top_category .select {width:100%;}
.bbs_top_info {position:relative; margin:0 0 22px;}
.total_txt {padding-right:50px; box-sizing:border-box;}
.listType {position:absolute; top:0; right:0; margin-right:0; margin-bottom:0;}
.search_cont .listType {position:relative; }
.search_cont .bbs_search {width:calc(100% - 55px); justify-content:flex-end; margin:10px 0 0;}
.search_cont .bbs_search dt {width:100px;}
.search_cont .total_txt {margin:0;}
.search_cont .total_txt span {display:block; margin-right:0;}
.listType li {margin-right:20px;}
.listType li img {max-width:17px; height:auto;}
.bbs_search {width:100%;}
.bbs_search dt {width:calc(35% - 4px);}
.bbs_search.ver2 dt {width:calc(50% - 4px);}
.bbs_search dt:last-of-type {margin-right:0;}
.bbs_search dt.sm_select {width:30%;}
.bbs_search.ver2 dt.sm_select {width:50%;}
.bbs_search dd {width:100%; margin:4px 0 0;}

.bbs_top_info.basic_top .bbs_search dt { width:100%; }
.bbs_top_info.basic_top .bbs_search dd { width:100%; }

.th_icon.mobile {margin:20px 0 10px}
.th_icon a::before {font-size:17px;}
.th_icon a.flex_direction_up {top:-2px;}
.bbs_search dd.wato_list .watoBtn {padding:0 5px; font-size:12px;}

.bbs_top_info.basic_top .bbs_search.mobile_normal {}
.bbs_top_info.basic_top .bbs_search.mobile_normal dt {width:calc(100% - 69px) !important; margin:0 4px 0 0;}
.bbs_top_info.basic_top .bbs_search.mobile_normal dd {width:65px !important; margin:0;}
.bbs_top_info.basic_top .bbs_search.mobile_normal dd .watoBtn {width:100%; height:36px; margin:0; line-height:36px;}

.bbs_top_info.basic_top .bbs_search dt {text-align:center;}
.bbs_search dd.wato_list.ver4 {flex-wrap:wrap; justify-content:space-between;}
.bbs_search dd.wato_list.ver4 .watoBtn.examBtn1 {width:100%; margin-right:0;}
.bbs_search dd.wato_list.ver4 .examBtn2:nth-of-type(3) {margin-right:0;}

.bbs_btn .excel_btn {padding:0 10px; display:flex; flex-wrap:nowrap;}
/********** ## 게시판 상단 **********/


/********** ## Step List **********/
.member_process {margin:0 0 30px;}
/* .member_process dl {position:relative; margin-right:15px;}
.member_process dl:last-of-type {margin-right:0;}
.member_process dl::after {margin:0; font-size:15px; position:absolute; top:50%; right:-15px; margin-top:-7px;}
.member_process dl dt {width:44px; height:44px; margin:0 auto 10px;}
.member_process dl dt span::before {font-size:20px;}
.member_process dl dd {padding-left:0px; width:100%; text-align:center;} */


.member_process dl::after {font-size:12px; margin:0 5px;}
.member_process dl dt {width:35px; height:35px;}
.member_process dl dt span::before {font-size:16px;}
.member_process dl dd {padding-left:8px;}

/********** ## Step List **********/



/********** ## 카테고리 **********/
.cate_tab {margin: 0 auto 20px; padding:0 30px; display:block;}
.cate_tab:before{content:''; display:block; box-sizing:border-box; width:100%; height:100%; border:1px solid var(--border); position:absolute; left:0; bottom:0;}
.cate_tab ul{display:block; white-space:nowrap; text-align:center; font-size:0;}
.cate_tab ul li{float:none; display:inline-block; margin:0; width: auto; padding:0 10px;}
.cate_tab ul li a{min-width:auto; line-height:165%; height: auto; padding:8px 0; border-radius:0; border:0; background:none;}
.cate_tab ul li a:after{content:''; display:block; width:0; height:2px; background:var(--main); position:absolute; left:0; bottom:-7px; z-index:2; transition:all .3s linear;}
.cate_tab ul li.hover a{padding:0;background:transparent !important; color:var(--main) !important; }
.cate_tab ul li.hover a:after{width:100%;}
/********** ## 카테고리 **********/




/*********** 일반게시판 > 버튼 *************/
.bbs_btn { margin:20px 0 0; }
.bbs_btn a { width:80px; height:35px; line-height:33px;}

.write_con .bbs_btn { margin:20px 0 0; }
/*********** 일반게시판 > 버튼 *************/



/*********** 일반게시판 > List *************/
.bbs_descript {padding:12px 15px;}
.descript_top {margin:0 0 15px;}
.descript_btm {margin:15px 0;}

.bbs_con {}
.bbs_con th {display: none;}
.bbs_con td {padding:0;}
.bbs_con td.left {padding:10px;}
.bbs_con td.left .cate {padding:0 6px; min-width:70px; font-size:12px; line-height:26px; height:26px; margin-right:8px;}
.bbs_con .pc_line{display:none;}
.bbs_con .mo_line{display:block; position: relative;}
.bbs_con .mo_line .m_notice{display:block; width:40px; height:22px; line-height:22px; text-align:center; color:var(--white); font-size:11px; font-weight:700; background:var(--main); margin: 0 0 4px;}
.bbs_con .mo_line .subject,
.bbs_con .mo_line .subject a{display:inline-block; font-size:14px; letter-spacing:-0.35pt; line-height:150%; color:var(--black); font-weight:500;}
.bbs_con .mo_line .writer{display:flex; margin: 4px 0 0;}
.bbs_con .mo_line .writer li{padding:0 20px 0 0; position:relative; font-size:13px; line-height: 120%; letter-spacing:0; color:#999;}
.bbs_con .mo_line .writer li:last-child{padding:0;}
.bbs_con .mo_line .writer li:after{content:''; display:block; width:1px; height:8px; background:var(--border); position:absolute; right:10px; top:50%; margin-top:-4px;}
.bbs_con .mo_line .writer li:last-child:after{display: none;}
.bbs_con .recom{font-size:1rem; line-height: 20px; font-weight: 500; color:var(--black); font-family:var(--eng); position: absolute; right: 0; top:0;}
.bbs_con .recom span{color:#ff0000; font-weight: 700; font-size:16px; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0;}

.bbs_input td .input_date {background-position:center right 10px; background-size:16px;}

.bbs_con td .upfile_ico::before {font-size:18px;}

i.lock::before {font-size:15px;}
i.hot {font-size:10px; padding:2px 5px 3px 6px;}
i.new {font-size:10px; padding:2px 4px;}
i.file::before {font-size:15px;}
i.reply {width:17px; height:18px; margin-left:10px; margin-right:3px;}
i.reply::before {font-size:12px;}

.bbs_con td .progress {height:26px; margin:5px 0 0; border-radius:5px;}
.bbs_con td .progress i {line-height:26px; border-radius:5px;}

.total_grade {padding:15px;}
/*********** 일반게시판 > List *************/




/*********** 일반게시판 > View *************/
.bbsView_tit{padding:15px 50px 15px 0;}
.bbsView_tit .subject{font-size:18px; padding:0 0 4px;}
.bbsView_tit .subject span{font-size:14px; }
.bbsView_tit .count{right:0; /* transform:translateY(0); top:20px; */}
.bbsView_tit .count span{font-size:20px; margin: -2px 5px 0 0;}
.bbsView_tit .view_detail { display:block; }
.bbsView_tit .view_detail li { width:100%; padding:0 0 2px; }



.bbsView_tit .view_detail li::after { display:none; }
.bbsView_tit .view_detail li span { padding-right: 6px; }




.bbsView_tit:has(.view_detail.type2){ padding-right:0 }
.bbsView_tit .view_detail.type2 { display: flex; row-gap: 2px; flex-wrap:wrap; font-size: 13px; }
.bbsView_tit .view_detail.type2 li { 
	width:auto; font-size: 1em; padding:0;
	display: inline-flex;
	align-items: center;
}
.bbsView_tit .view_detail.type2 li::before { 
	content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100em;
    background-color: var(--border);
    margin: 0 7px;
}


.view_content{padding:25px 0;}

.view_file{margin:20px 0 0;}	
.view_file .btit{width:100px; padding:12px;}	
.view_file .bstxt{width:calc(100% - 100px); padding:12px;}	

.bbs_bottom{}
.bbs_bottom.last{}
.bbs_bottom dt{width:100px; padding:12px;}
.bbs_bottom dd{width:calc(100% - 100px); padding:12px;}
.bbs_bottom dt .arrow{font-size:20px;}

.view_file .bstxt span::before {font-size:17px;}


/* qna 답변상태 */
.qna_status { min-width:60px; line-height:23px; margin-bottom:3px; }
.device_info {padding:12px;}
/*********** 일반게시판 > View *************/



/*********** 일반게시판 > 작성페이지 *************/
.bbs_input th {width:100%; padding:15px 0 10px;}
.bbs_input td {width:100%; padding:0 0 15px;}

.bbs_input td select { max-width:unset; }
.bbs_input td textarea, .bbs_input td .editArea { margin-top:15px; height: 150px; }

.bbs_input .file td input.form-control { width:calc(100% - 140px); }
.upfile_input button {width:70px; height:36px;}
.bbs_input .file td .file_btn a { width:65px; height:36px; line-height:34px; }

.bbs_input p.bbsRemark { padding: 4px 0 0; }

/* 평점 선택 */
.bbs_input .review_td label { margin-right:15px; }
.bbs_input td.radio_list label {margin-right:10px;}
.bbs_input .file td .textarea {padding:10px; height:80px;}
/*********** 일반게시판 > 작성페이지 *************/




}
/*******************************************************************************
	@media 420px
*******************************************************************************/
@media all and (max-width:420px) { 

.member_process dl dt {display:none;}

}