@font-face {
	font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
	src: url('/common/css/fonts/NotoSansKR-Regular.eot');src: url('/common/css/fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
	url('/common/css/fonts/NotoSansKR-Regular.woff2') format('woff2'),
	url('/common/css/fonts/NotoSansKR-Regular.woff') format('woff'),
	url('/common/css/fonts/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: medium;
	font-weight: 500;
	src: url('/common/css/fonts/NotoSansKR-Medium.eot');src: url('/common/css/fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
	url('/common/css/fonts/NotoSansKR-Medium.woff2') format('woff2'),
	url('/common/css/fonts/NotoSansKR-Medium.woff') format('woff'),
	url('/common/css/fonts/NotoSansKR-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: bold;
	font-weight: 600;
	src: url('/common/css/fonts/NotoSansKR-Bold.eot');src: url('/common/css/fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
	url('/common/css/fonts/NotoSansKR-Bold.woff2') format('woff2'),
	url('/common/css/fonts/NotoSansKR-Bold.woff') format('woff'),
	url('/common/css/fonts/NotoSansKR-Bold.otf') format('opentype');
}

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  outline: 0;
  font-size: 100%;
  /*font: inherit;*/
  vertical-align: baseline;
  box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;
  word-break:keep-all;
}

body {
    line-height: 1;
    font-family:"Noto Sans KR", sans-serif; color:#333333;
}

table{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

a:active,
a:focus,
a:hover{text-decoration:none;}
a{
    text-decoration: none;
    color:#333333;
}

ol, ul, li{
	list-style: none;
}

input[type="text"]::-ms-clear{display:none;}


/*select {-webkit-appearance: none;  -moz-appearance: none;appearance: none;border:1px solid #cdd0d4; font-family: 'Noto Sans KR' , sans-serif !important; height:30px; line-height: 28px; padding: 0 15px 0 5px;  font-size: 14px; letter-spacing: -.05em;}
input[type="text"]{border:1px solid #cdd0d4; height:30px; line-height: 28px; padding: 0 8px; font-size: 14px; letter-spacing: -.05em;}
button {cursor:pointer;padding:0;font-size:inherit;outline:0;border:1px solid #aaaaaa; font-size: 14px; height:30px; line-height: 28px; padding: 0 8px; color:#1a1a1a; background-color:transparent; font-family: 'Noto Sans KR' , sans-serif !important;}*/

/* table */
.s_board{border-top: 1px solid #1a1a1a; width:100%; table-layout: fixed;}
.s_board *{font-family: 'Noto Sans KR' , sans-serif !important;}
.s_board th{background: #fafafa; border-bottom: 1px solid #e6e6e6; padding: 18px 5px;}
.s_board th, .s_board th *{font-size: 15px; font-weight: bold; color:#333; letter-spacing: -.025em; vertical-align:middle;}
.s_board th.last{background: #fafafa;}
.s_board td{padding: 18px 3px; text-align: center; border-bottom:1px solid #e6e6e6;}
.s_board td, .s_board td *{font-size: 14px; font-weight: 400; color:#666666; letter-spacing: -.025em;vertical-align: middle;}
.s_board td.left{text-align: left;}
.s_board td a{text-decoration: none;}
.s_board .c_red{color: #f00 !important;margin-top: -7px;display: inline-block;}

/* view */
.board_view{width: 100%;}
.board_view *{font-family: 'Noto Sans KR' , sans-serif !important; letter-spacing: -.025em; word-wrap: break-word;}
.board_view .bbs_top{border-top: 1px solid #1a1a1a; border-bottom: 1px solid #cccccc; padding: 25px 0; display:table; width:100%;}
.board_view .bbs_top>*{display:table-cell; vertical-align: middle; padding:0 10px;}
.board_view .bbs_top .subject{width:74%; position: relative;}
.board_view .bbs_top .subject::after{content:''; display:inline-block; width:1px; height:100%; background:#aaa; position: absolute; top:0; right:0;}
.board_view .bbs_top .subject h3{font-size: 18px; font-weight: 500; color:#333;}
.board_view .bbs_top .subject p span{font-size: 15px; font-weight: 500; color:#7c7c7c; margin:8px 0 0; display: inline-block;}
.board_view .bbs_top .subject p span:not(:last-of-type)::after{content:''; width:1px; height:13px; display:inline-block; margin:0 8px; background: #7c7c7c; vertical-align: bottom;}
.board_view .bbs_top .campus{width:5%; font-size: 16px; color:#666; text-align: left;}
.board_view .bbs_top .campus b{color:#cc0000;}
.board_view .bbs_body .pass_info{background: #FFFAFA; padding:30px 25px 20px; border-bottom: 1px solid #cccccc; text-align: center;}
.board_view .bbs_body .pass_info h2{font-size: 24px; font-weight: bold; color:#222222; margin-bottom:15px;}
.board_view .bbs_body .pass_info h2 b{color:#CC0000;}
.board_view .bbs_body .add_pass{position: relative; width: 460px; margin: 0 auto; padding:0 0 25px; text-align: center;}
.board_view .bbs_body .add_pass::before{content:''; display: block; width: 14px; height:1px; background: #AFAFAF; margin: 0 auto 14px;}
.board_view .bbs_body .add_pass p{font-size: 16px; font-weight: 500; color:#222; margin-bottom: 10px;}
.board_view .bbs_body .add_pass span{font-size: 15px; color:#666; letter-spacing: -.045em; line-height: 1.2em; margin-right: 10px; display: inline-block;}
.board_view .bbs_body .teacher_list{text-align: center;}
.board_view .bbs_body .teacher_list li{display:inline-block; width: calc((100% - 57px) / 5); margin: 0 14px 14px 0; background: #fff;}
.board_view .bbs_body .teacher_list li:nth-of-type(5n){margin-right: 0;}
.board_view .bbs_body .teacher_list li a{display:block; padding:10px 15px 14px; border: 1px solid #ffd4d4; border-radius: 20px; transition: all .2s ease;}
.board_view .bbs_body .teacher_list li a .thumb{display: block; width: 103px; margin: 0 auto 8px;}
.board_view .bbs_body .teacher_list li a .thumb img{width: 100%;}
.board_view .bbs_body .teacher_list li a span{font-size: 16px; color:#222; line-height: 1.2em;}
.board_view .bbs_body .teacher_list li a span b{display:block; }
.board_view .bbs_body .teacher_list li a .arrow{display: inline-block; margin: 8px auto 0; width: 27px; height:25px; background-image: url(https://cdn.hackersut.com/www/images/board/2021/teacher_arrow.png); background-repeat: no-repeat; background-size: 200%; background-position: left center;}
.board_view .bbs_body .teacher_list li a:hover {box-shadow: 0 3px 20px 3px rgba(195, 112, 122, .3); border: 1px solid #cc0000;}
.board_view .bbs_body .teacher_list li a:hover .arrow{background-position: right center;}
.board_view .btn_wrap{text-align: right; margin:0 0 10px;}
.board_view .btn_wrap a{display:inline-block; font-size: 15px; line-height: 30px; height:32px; border:1px solid #aaaaaa; padding:0 13px;}
.board_view .btn_wrap a + a{margin-left: 8px;}

/* write */
.board_write .s_board td{font-size: 15px; padding:13px 20px;}
.board_write .s_radio label:not(:last-of-type){margin:0 18px 0 0;}
.board_write .th-selected{padding:0 7px;font-size:15px; display: inline; color:#666666; letter-spacing:-.07em;}
.board_write .th-selected span[id^='sel_']{display: inline-block; position: relative; padding: 0 5px; line-height: 33px;}
.board_write .th-selected button{display:inline-block; margin-left:4px; border:0; width:15px; height:15px; background-image:url(https://cdn.hackersut.com/www/images/board/2021/ic_board.png); background-size:200%; background-repeat: no-repeat; background-position: left center; position: relative; top: -2px;}
.board_write .s_board input[type="text"]{font-size: 15px; color:#666666; height:33px; line-height:31px; border: 1px solid #CCC; padding: 0 14px;}
.board_write .s_board select{font-size: 15px; color:#666666; }
.board_write .s_board input[type="text"]::placeholder{color:#666666}
.board_write .s_board .grid1>*{width:100%;}
.board_write .s_board .grid3_pd input[type="text"], .board_write .s_board .grid3_pd select{width:calc((100% - 31px) / 3); margin-right:10px;}
.board_write .btn_add{height:33px; line-height:31px; padding:0 10px 0 30px; background:#F6F6F6; border:1px solid #CCC; border-radius:4px; font-size: 15px; color:#444; position:relative;}
.board_write .btn_add::before{content:''; width:15px; height:15px; background-image:url(https://cdn.hackersut.com/www/images/board/2021/ic_board.png); background-size:200%; background-repeat: no-repeat; background-position: right center; position:absolute; top:50%; transform: translateY(-50%); left:10px;}
.board_write select::-ms-expand{display: none;}
.board_write select{width:190px; height:33px; line-height:31px; -webkit-appearance: none;  -moz-appearance: none;appearance: none; background: #fff url(https://cdn.hackersut.com/www/images/board/2021/select_bt.png) no-repeat 95% center; border: 1px solid #CCC; padding: 0 20px 0 14px; font-family: 'Noto Sans KR' , sans-serif !important;}
.board_write button {cursor:pointer;padding:0;font-size:inherit;outline:0; background-color:transparent; font-family: 'Noto Sans KR' , sans-serif !important;}
.board_write #add_pass_div p{margin-top:10px;}

/* comment */
.comment_wrap{margin-top:20px; padding: 40px 0; border-top:1px solid #1e1e1e;}
.comment_wrap *{letter-spacing:-.025em;}
.bbs_count{font-size: 15px; }
.comment_wrap ul li{margin:15px 0 0; border:1px solid #cccccc; border-radius: 10px; overflow: hidden;}
.comment_wrap ul li .comment_info{padding:7px 22px; background:#FFF8F8; display:table; width:100%; position: relative;}
.comment_wrap ul li .comment_info>*{display:table-cell; vertical-align: middle;}
.comment_wrap ul li .comment_info .teacher_img{width: 50px; height: 50px; overflow: hidden; border-radius: 50%;}
.comment_wrap ul li .comment_info .teacher_img img{width:100%;}
.comment_wrap ul li .comment_info p b{font-size: 18px; font-weight: bold; color:#333333; margin-left: 13px;}
.comment_wrap ul li .comment_info p span{font-size: 15px; color:#888888;}
.comment_wrap ul li .comment_info p span::before{content:''; display:inline-block; width:1px; height:11px; background:#888;  margin:0 10px;}
.comment_wrap ul li .comment_info .btn_wrap{margin:0; position: absolute; top: 50%; transform: translateY(-50%); right:22px;}

.comment_wrap ul li .content{padding:20px 22px;}
.comment_wrap ul li .content .comment{font-size: 15px; color:#676767; line-height: 1.4em; margin-bottom:10px;}
.comment_wrap .write_area{border:1px solid #dbdbdb; background:#fff;}
.comment_wrap .write_area textarea {width:100%; -webkit-border-radius: 0;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none; border:0;background-color:transparent; font-family: "Noto Sans KR", sans-serif; padding:9px; font-size: 16px;}
.btn_wrap_write {border-top:1px solid #dfdfdf; display:block; text-align: right;}
.btn_wrap_write a{display:inline-block; height:45px; line-height: 43px; background:#222222; padding:0 35px; font-size: 16px; font-weight: 500; color:#fff;}
.btn_wrap_write span{font-size: 14px; color:#999; margin-right:10px;
vertical-align: middle;}

.comment_wrap ul li.modify .comment_info p .regdate{display: none;}
.comment_wrap ul li.write_comment .content{background: #FFF8F8;}

/* 코멘트입력 */

.write_comment{position: relative;}
.write_comment .sub_txt{position: absolute;right: 20px;top: 64px;font-size: 12px;}

/* 댓글없음 */
.comment_txt {padding:15px;border:#e9e9e9 solid 1px;background:#fcfcfc;margin-top: 15px;border-radius: 10px;}
.comment_txt .tt {position:relative;padding:0 0 2px 0;}
.comment_txt .tt span {font-weight:normal;font-size:12px;font-family:'nanum gothic';color:#888;letter-spacing:-1px;}

/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family: "Noto Sans KR", sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
	font-family: "Noto Sans KR", sans-serif;
}

/* input */
.s_radio input[type='radio']{display:none;}
.s_radio label{line-height:18px;display:inline-block; cursor: pointer;}
.s_radio label::before{content:'';display:inline-block;width:18px;height:18px;background:url(//cdn.hackersut.com/ingang/images/lecture/lecture_2021/ic_inputbox.png) no-repeat 0 0;background: size 400%;margin-right:5px;vertical-align:bottom;}
.s_radio input[type='radio']:checked + label::before{background-position:-18px 0;}
.s_radio input[type='radio']:checked + span::before{background-position:-18px 0;}

.popup_area{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;display: none;z-index: 20;}
.popup_area img{width: 100%;}
.popup_area .evt_popup{position: absolute;top: 30%;left: 50%;transform: translate(-50%,-50%);display: none;border: 1px solid #222;border-radius: 20px;}
.popup_area .evt_popup input[type="text"]{box-sizing: border-box;padding-left: 10px;}
.popup_area .evt_popup .content{width: 660px;max-height: 650px;background: #fff;}
.popup_area .evt_popup .user_id{position: absolute;color:#222;top: 340px;right: 75%;font-size: 24px;font-weight:bold;}

.evt_agree{background: #fff;box-sizing: border-box;margin: 5px 45px 0 ;z-index: 20;border: 1px solid #d8d8d8;border-radius: 10px; overflow-y: auto;height: 260px;overflow-x: hidden;}
.evt_agree ul > li{box-sizing: border-box;padding: 0 30px;margin-top: 30px;}
.evt_agree ul > li:first-child{background: #f9fafa;border-bottom: 1px solid #d8d8d8;height: 80px;line-height: 80px;margin-top: 0;}
.evt_agree ul > li:last-child{margin-bottom: 30px;}

.evt_agree input{display: none;}
.evt_agree input + label{background: url("https://cdn.hackersut.com/www/images/event/2021/12/2300/popup/chk_off.png") 100% 50% no-repeat; font-size: 18px;height: 35px;line-height: 35px;width: 100%;display: inline-block;font-weight: bold;}
.evt_agree input:checked + label{background: url("https://cdn.hackersut.com/www/images/event/2021/12/2300/popup/chk_on.png") 100% 50% no-repeat;}
.evt_agree .agree_detail{box-sizing: border-box;padding: 10px;height: 80px;overflow-y: auto; border-radius: 5px;border: 1px solid #d8d8d8;margin-top: 10px;line-height: 1.5;}
.evt_agree .agree_detail p strong{font-weight: bold; }
.under_line{font-size: 14px; border-bottom: 1px solid #000;}
.popup_area .under_line{font-size: 16px;}