/*********** List *************/
/*.search_t_style select, .bbs_con select {background:url("/img/admin_arr.png")no-repeat center right 10px / 20px auto;}*/

.bbs_con{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid var(--white);}
.bbs_con th {font-weight:bold; padding:15px 10px; box-sizing:border-box; line-height:130%; letter-spacing:-0.5pt;  font-size:0.9rem; background-color:var(--grayBg); border-bottom:1px solid var(--border); border-right:1px solid var(--border); }
.bbs_con th:last-child {border-right:0;}
.bbs_con th.line {border-right:1px solid var(--border);}

.bbs_con td {border-bottom:1px solid var(--border); border-right:1px solid var(--border); text-align:center; padding:18px 10px; box-sizing:border-box; font-size:1rem; line-height:1.6;}
.bbs_con td h4 {color:#222; font-weight:bold; letter-spacing:-0.5pt;}
.bbs_con td a.downBtn {position:relative; display:inline-block; width:150px; line-height:38px; border:1px solid #005ead; box-sizing:border-box; color:#fff; background:#005ead; text-align:left !important; padding:0 15px; font-size:15px; font-weight:400; letter-spacing:-0.5pt; transition:all 0.3s; margin:0 auto;}
.bbs_con td a.downBtn span {position:absolute; right:13px; top:10px; font-size:16px; color:#fff; transition:all 0.3s;}

.bbs_con td a.downBtn:hover {color:#005ead; background:#fff; transition:all 0.3s;}
.bbs_con td a.downBtn:hover span {color:#005ead; transition:all 0.3s;}
.bbs_con td .wdate {display:inline-block; position:relative; vertical-align:middle;}
.bbs_con td .wdate .datepicker {padding-right:30px; box-sizing:border-box;}
.bbs_con td .wdate .ui-datepicker-trigger {position:absolute; right:11px; top:12px;}
.bbs_con td .wdateBtn {display:inline-block; border:1px solid var(--border);  font-size:1rem; height:40px; line-height:38px; width:50px; box-sizing:border-box; vertical-align:middle;}
.bbs_con td:last-child {border-right:0;}

.bbs_con.admin{border-top:2px solid var(--black);}
.bbs_con.admin th{color:var(--black); background-color:#f5f5f5;  }


.certi_td {display:flex; flex-wrap:wrap; align-items:flex-start;}
.certi_td .wdate {width:calc(100% - 50px); margin:0 0 10px;}
.certi_td .wdate input {width:100%;}
.certi_td .wdateBtn {margin:0; padding:0; margin:0 0 10px;}


.bbs_con td.state_cont {}
.bbs_con td.state_cont select {width:150px;}
.bbs_con td.state_cont a.stateBtn {display:block; width:150px; line-height:40px; color:#fff; background:#69737c; margin:4px 0 0; text-align:center; font-size:15px; letter-spacing:-0.5pt; font-weight:400;}
.bbs_con td.state_cont input.stateBtn {display:block; width:150px; line-height:40px; color:#fff; background:#69737c; margin:4px 0 0; text-align:center; font-size:15px; letter-spacing:-0.5pt; font-weight:400; border: none;}


.go_btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:Center; margin:0 auto; border-radius: 5px; background: var(--main); width: 36px; height: 36px; transition:all 0.3s linear;}
.go_btn:hover {background: var(--sub5); transition:all 0.3s linear;}
.go_btn:hover * {fill:var(--white); transition:all 0.3s linear;}


span.status {color: var(--LightFont); letter-spacing: -0.72px;}
span.status.ok {font-weight: 700; color: var(--main);}
span.status.cancel {}
.btn_ch {width:50px; height:50px; border:0; margin:0; padding:0; background:Var(--black); color:var(--white);}



/*********** View *************/
.completion_cont {border-top:5px solid var(--main); padding:180px 60px; box-sizing:border-box; background: var(--grayBg); text-align:center; margin:0 0 90px;}
.completion_cont h4 {font-size:4rem; line-height:113.889%;}
.completion_cont p {margin:25px 0 0;}

.bbs_view{border-top:2px solid var(--white_b);}
	.bbsView_tit{border-bottom:1px solid var(--border); padding:40px 100px 40px 20px; box-sizing:border-box; position: relative;}
	.bbsView_tit .subject{font-size:2.222rem; font-weight: 700; line-height:135%; letter-spacing: -2.4px; color:var(--white_b);}
	.bbsView_tit .subject span{display:inline-block; margin-right: 5px; letter-spacing:-1pt; font-weight:400;}
	.bbsView_tit .view_detail{margin:10px 0 0; display:flex; flex-wrap:wrap;}
	.bbsView_tit .view_detail li {font-size: 1rem; font-weight: 400; line-height:155.556%; letter-spacing: -0.72px; display:flex; flex-wrap:Wrap; align-items:center;}
	.bbsView_tit .view_detail li:after{content:''; display:block; width:1px; height:16px; background:var(--border); margin:0 18px; position:relative; }
	.bbsView_tit .view_detail li:last-child:after{display:none;}
	.bbsView_tit .view_detail li:last-child font {display:inline-block; margin-left:10px;}
	.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(--white_b);}
	.view_content{padding:35px 0; box-sizing:border-box;}
	.view_content .detailBtn {margin:50px auto 20px;}
	.view_content .detailBtn span {font-weight: 700; letter-spacing: -0.72px; font-family:'Noto Sans KR', 'Prompt', Malgun Gothic,'Malgun Gothic', sans-serif;}
	.view_content img{max-width:100%; height:auto !important;}

	.view_file{margin:50px 0 0; box-sizing:border-box; background:var(--grayBg); display:flex; flex-wrap:wrap; padding:6px 30px; box-sizing:border-box; border:1px solid var(--border); border-top:2px solid var(--white_b);}
	.view_file .btit {width:220px; color: var(--white_b); font-size: 1rem; font-weight: 700; line-height: 155.556%; letter-spacing: -0.72px; padding-top:19px;}
	.view_file .bstxt {width:calc(100% - 220px);}
	.view_file .bstxt br {display:none;}
	.view_file .bstxt a {display:flex; flex-wrap:wrap; align-items:center;  padding:17px 0; border-bottom:1px dashed var(--border);}
	.view_file .bstxt a:last-of-type {border-bottom:0;}
	.view_file .bstxt .file {width:38px; display:block; padding-left:5px; box-sizing:border-box;}
	.view_file .bstxt a p {width:calc(100% - 38px); text-overflow: ellipsis; white-space: nowrap; overflow:hidden; color: var(--white_b); font-size: 0.888rem; font-weight: 400; line-height:162.5%; letter-spacing: -0.64px;}

	.bbs_bottom{border-top:1px solid var(--border); display:flex; flex-wrap:wrap; padding:22px 20px;}
	.bbs_bottom.last{border-bottom:1px solid var(--border);}
	.bbs_bottom dt{width:200px;font-size:1rem; font-weight: 700; letter-spacing:-0.35pt; line-height: 120%; color:var(--white_b); box-sizing:border-box; position: relative;}
	.bbs_bottom dt .arrow{color:var(--white_b); opacity:0.5; position:absolute; right:0; top:50%; transform:translateY(-50%);}
	.bbs_bottom dd{width:calc(100% - 200px);  font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; box-sizing:border-box; padding-left:27px;}
	.bbs_bottom dd a{letter-spacing:inherit; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}



/*********** Input *************/
.input_wrap {/* font-size:0; */ display:flex; flex-wrap:wrap;}
.input_wrap .left_wrap {/* position:sticky; top:15px; left:0;  */width:480px; /* display:inline-block; vertical-align:top; */}
		.left_info {margin:0 0 10px;}
		.left_info h4 {padding:22px 35px; background:var(--main); box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:5px;}
		.left_info h4 span {display:block; font-size:1rem; color: var(--white); line-height:1.55;}
		.left_info .grayBox {background: var(--grayBg); padding:35px 35px 45px; box-sizing:border-box;}
		.left_info .grayBox p {font-size:1rem;}
		.left_info .grayBox p+p {margin:8px 0 0;}
		.left_info .grayBox .detailBtn {margin:40px 0 0; width:100%;}
		.left_info .grayBox .detailBtn:hover span::after {transform: scale(16);}
		.input_wrap .left_wrap .poster_img {}
		.input_wrap .left_wrap .poster_img img {width:100%;}
.input_wrap .right_wrap {width:calc(100% - 480px); padding-left:80px; box-sizing:border-box; /* display:inline-block; vertical-align:top; */}



.input_wrap input[type="radio"], .input_wrap input[type="checkbox"] {appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; width:22px !important; height:22px !important; border-radius: 2px; border:1px solid rgba(255,255,255,0.5); box-sizing:border-box; position:relative;  margin:0 !important;}
.input_wrap input[type="radio"]:checked, .input_wrap input[type="checkbox"]:checked {border:1px solid var(--sub3);}
.input_wrap input[type="radio"]:checked:after, .input_wrap input[type="checkbox"]:checked:after {content:''; width:calc(100% - 6px);  height:calc(100% - 6px); background:var(--sub3); display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}


.ptype_view input[type="radio"], .ptype_view input[type="checkbox"] {appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; width:22px !important; height:22px !important; border-radius: 2px; border:1px solid rgba(255,255,255,0.5); box-sizing:border-box; position:relative;  margin:0 !important;}
.ptype_view input[type="radio"]:checked, .ptype_view input[type="checkbox"]:checked {border:1px solid var(--sub3);}
.ptype_view input[type="radio"]:checked:after, .ptype_view input[type="checkbox"]:checked:after {content:''; width:calc(100% - 6px);  height:calc(100% - 6px); background:var(--sub3); display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}


.fs27.pointColor {margin:0 0 20px; color:Var(--white_b);}
.notice_box {letter-spacing: -0.72px; color:var(--main); margin:0 0 20px;}
.notice_box b {font-weight:700; letter-spacing:inherit; line-height:inherit;}
.notice_box b.underline {text-decoration:underline; text-underline-offset: 4px;}
.apply_input {border-top:2px solid var(--white_b);}
.apply_input, .check_list {margin:0 0 90px;}
.apply_input dl {display:flex; flex-wrap:wrap; align-items:center; padding:15px 0; box-sizing:border-box; border-bottom:1px solid var(--border);}
.apply_input dl dt {width:270px; font-weight: 700; letter-spacing: -0.72px; color:var(--white_b); font-size:1rem;}
.apply_input dl dt b {color:var(--main);}
.apply_input dl dd {width:calc(100% - 270px); font-size:1rem;}
.apply_input dl dd .input_txt, .apply_input dl dd .sub_txt {display:block; color: var(--LightFont); font-size: 0.833rem; font-weight: 400; line-height: 166.667%; letter-spacing: -0.3px; margin:8px 0 0;}
.apply_input dl dd .sub_txt a {line-height:inherit; letter-spacing:inherit;}

.apply_input dl dd .select, .apply_input dl dd .input {width:100%; height:54px;}
.apply_input dl dd label {display:flex; flex-wrap:wrap; align-items:center; gap:0 10px; font-size:1rem;}

.apply_input dl dd .norobot_img {padding:10px 0;}
.apply_input dl dd input[name="vcode"] {width:calc(100% - 84px); margin-left:4px;}

.apply_input dl dd .styled {width: 160px; height: 54px; background:rgba(255,255,255,0.3); border:0; padding:0; margin:0 0 0 4px; font-size: 1rem; font-weight: 400; letter-spacing: -0.72px; color:var(--white_b); cursor:pointer; transition:all 0.3s linear;}
.apply_input dl dd .styled:hover {background:var(--sub3); color:var(--white); transition:all 0.3s linear;}
.apply_input dl dd .input_email {width:calc(100% - 164px);}

.radio_list {display:flex; flex-wrap:wrap; align-items:center; gap:0 45px;}
.radio_list label {}
.radio_list label input[type="radio"], .radio_list label input[type="checkbox"] {border-radius:100%;}
.radio_list label input[type="radio"]:checked:after, .radio_list label input[type="checkbox"]:checked:after {width:calc(100% - 8px);  height:calc(100% - 8px); border-radius:100%;}

.check_list {border-top:2px solid var(--white_b);}
.check_list li {position:relative; border-bottom:1px solid var(--border);}
.check_list li label {display:flex; flex-wrap:wrap; align-items:center;  gap:0 10px; padding:22px; box-sizing:border-box; font-weight: 700; letter-spacing: -0.72px; font-size:1rem;}
.ptype_view .check_list li::after {content:''; width:100%; height:100%; position:absolute; top:0; left:0;}
.check_list li label span {font-weight: 400; font-size:inherit; display:inline-block; color:var(--white_b); margin-left:10px;}


/* 동의하기 */
.pri_box {margin:0; padding:0;}
.pri_box .textarea {height:280px; padding:30px; box-sizing:border-box; resize: none;}
.pri_box .textarea::-webkit-scrollbar {
    width: 3px;  /* 스크롤바의 폭 너비 */
}

.pri_box .textarea::-webkit-scrollbar-thumb {
    background: var(--white); /* 스크롤바 색상 */
}

.pri_box .textarea::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.35);  /*스크롤바 뒷 배경 색상*/
}

.pri_message {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px 57px; padding:28px 0 0;}
.pri_message span {margin:0; letter-spacing: -0.72px; color: var(--white); font-size:1rem;}
.pri_message .label_list {display:flex; flex-wrap:wrap; align-items:center; gap:0 45px;}
.pri_message .label_list label {display:flex; flex-wrap:wrap; align-items:center; gap:0 7px; font-size:1rem;}
.pri_message .label_list label input[type="radio"], .pri_message .label_list label input[type="checkbox"] {border-radius:100%;}
.pri_message .label_list label input[type="radio"]:checked:after, .pri_message .label_list label input[type="checkbox"]:checked:after {width:calc(100% - 8px);  height:calc(100% - 8px); border-radius:100%;}
/* 동의하기 */


.input_bbs_btn {display:flex; flex-wrap:wrap; justify-content:center; gap:0 4px; margin:100px 0 0;}
.input_bbs_btn .detailBtn input {padding:0; margin:0; border:0; background:transparent; display:block; width:100%; height:100%; cursor:pointer; font-size: 1rem; font-weight: 700; letter-spacing: -0.72px; color: var(--sub5); text-align:left; transition:all 0.3s linear;}
.input_bbs_btn a.detailBtn span {letter-spacing:-0.8pt; font-family: 'Noto Sans KR', 'Prompt', Malgun Gothic,'Malgun Gothic', sans-serif; }
.input_bbs_btn .detailBtn:hover input {color:var(--white); transition:all 0.3s linear;}
.input_bbs_btn .detailBtn.v2 {border:1px solid var(--white); background:transparent; transition:all 0.3s linear; box-sizing:border-box;}
.input_bbs_btn .detailBtn.v2 span {color: var(--white) !important;}
.input_bbs_btn .detailBtn.v2:hover {border:1px solid rgba(255,255,255,0.15); transition:all 0.3s linear;}
.input_bbs_btn .detailBtn.v2 input {color: var(--white) !important;}
.input_bbs_btn .detailBtn.v2 span::after {background:rgba(255,255,255,0.15);}







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

.apply_input dl dt {width:160px;}
.apply_input dl dd {width:calc(100% - 160px);}

}

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

.input_wrap .left_wrap {width:345px;}
			.left_info h4 {padding:15px 25px;}
			.left_info .grayBox {padding:20px 20px 30px;}
.input_wrap .right_wrap {width:calc(100% - 345px); padding-left:40px;}


.bbs_con th, .bbs_con td {word-break:break-all;}

}

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

/*********** List *************/
.bbs_con {}
.bbs_con th {}
.bbs_con td {}




/*********** View *************/
.completion_cont {padding:120px 40px;}
.completion_cont h4 {font-size:3rem;}
.completion_cont p {margin:10px 0 0;}

.bbsView_tit {padding:25px 80px 25px 15px;}
.bbsView_tit .subject {font-size:1.8rem;}
.view_file .btit {width:125px;}
.view_file .bstxt {width:calc(100% - 125px);}

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



.input_wrap .left_wrap {width:100%; margin:0 0 50px;}
			.left_info h4 {padding:15px 25px;}
			.left_info .grayBox {padding:20px 20px 30px;}
			.left_info .grayBox .detailBtn {margin:20px 0 0;}
			.left_info .grayBox .detailBtn:hover {background:var(--sub5);}
.input_wrap .right_wrap {width:100%; padding-left:0;}

.check_list li label span {margin-left:5px;}





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

/*********** List *************/
.bbs_con {}
.bbs_con th {display: none;}
.bbs_con td {padding:12px 8px; display:block; text-align:left; border-right:0; box-sizing:border-box;}
.bbs_con td p{display:inline-block; }
.bbs_con td p::after{content:'/'; display:inline-block; margin:0 5px}
.bbs_con td.mo_none{display:none; }
.bbs_con td::before{content:attr(data-th); display:block; word-break:keep-all; font-weight:500; padding:0 8px 12px; margin:0 0 12px;  font-size:0.9em; box-sizing:border-box; border-bottom:1px dashed var(--border); width:calc(100% + 16px); margin-left:-8px; color:rgba(255,255,255,0.7);}
.bbs_con tr td:last-child{border-bottom-color:var(--white);}


}


@media all and (max-width:680px){


/*********** List *************/

/*.bbs_con td.left {padding:10px;}
.bbs_con .pc_line{display:none;}
.bbs_con .mo_line{display:block; position: relative;}
.bbs_con .mo_line .m_notice{display:block; width:50px; height:25px; line-height:25px; text-align:center; color:var(--white_b); 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(--white_b); 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(--white_b); 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;}*/




.go_btn {width:100%; color:var(--black); height:32px; font-weight:500; letter-spacing:-0.7px; font-size:12px; margin:8px 0 0;}
.go_btn:hover {color:var(--white);}

/*********** View *************/
.completion_cont {padding:80px 30px; margin:0 0 40px;}
.completion_cont h4 {font-size:2.5rem;}
.completion_cont p {margin:10px 0 0;}

.bbsView_tit {padding:15px 60px 15px 10px;}
.bbsView_tit .subject {font-size:1.4rem;}
.bbsView_tit .count {transform:translateY(0); top:18px; right:0;}
.bbsView_tit .count span {font-size:18px;}
.bbsView_tit .view_detail {display:block; margin:10px 0 0;}
.bbsView_tit .view_detail li+li {margin:3px 0 0;}
.bbsView_tit .view_detail li:after {display:none;}
.view_content{padding:25px 0;}

.view_file {margin:25px 0 0; padding:5px 15px;}
.view_file .btit {width:100%; padding:8px 0 10px;}
.view_file .bstxt {width:100%;}
.view_file .bstxt .file img {max-width:16px;}
.view_file .bstxt a {padding:10px 0;}

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




.input_wrap input[type="radio"], .input_wrap input[type="checkbox"] {width:18px !important; height:18px !important;}

.fs27.pointColor {margin:0 0 10px;}
.notice_box {margin:0 0 15px;}
.apply_input, .check_list {margin:0 0 40px;}

.apply_input dl dt {width:100%; margin:0 0 13px;}
.apply_input dl dd {width:100%;}
.apply_input dl dd .select, .apply_input dl dd .input {height:42px;}
.apply_input dl dd .input_email {width:calc(100% - 89px);}
.apply_input dl dd .styled {width:85px; height:42px;}

.radio_list {gap:0 20px;}

.check_list li label {padding:12px;}
.check_list li label span {margin-left:0;}

.apply_input dl dd .norobot_img {padding:4px 0;}

.pri_box .textarea {height:150px; padding:15px;}

.pri_message {justify-content:center; padding:15px 0 0;}
.pri_message span {width:100%; text-align:center; }
.pri_message .label_list {gap:0 20px;}

.input_bbs_btn {margin:40px 0 0;}
.input_bbs_btn .detailBtn {width:calc((100% - 4px) / 2);}




}