@charset "utf-8";
/* CSS Document */

.fl_wrap{ *zoom:1;}
.fl_wrap:after{ content:""; display:block; clear:both;}
.fl_wrap > *     { float:left;}
.fl_wrap > .left { float:left;}
.fl_wrap > .right{ float:right;}
.fl_wrap > * > .in{ display:block;}

.resize{ display:block; height:0; padding-bottom:100%; position:relative}
.resize .re{ position:absolute; left:0; top:0; width:100%; height:100%}
.resize.s1{ padding-bottom:115%}
.resize.s2{ padding-bottom:100%}
.resize.s3{ padding-bottom:75%}

/*board*/ 
.table_wrap table{width:100%; table-layout:fixed; border-top:2px solid #005aab; border-bottom:1px solid #000; }

.table_wrap .no_con{ padding:150px 0 150px 0; text-align:center; font-weight:600; color:#333;}

.table_wrap thead tr th { border-bottom:1px solid #999; padding:12px 0 14px; color:#222; background:#f9f9f9; font-size:0.875em; }
.table_wrap tbody tr td { padding:13px 3px 15px; font-size:0.875em; border-bottom:1px solid #ddd; text-align:center; color:#333; }
.table_wrap tbody tr:last-child td { border-bottom:none; }
.table_wrap tbody tr td.tt { padding-left:18px; text-align:left; }
.table_wrap tbody tr td.tt p { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:0.875rem; }
.table_wrap tbody tr td.tt p a { display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:95%; vertical-align:middle; }
.table_wrap tbody tr.notice td { font-weight:600; }
.table_wrap tbody tr:hover td { background-color:#fbfbfb; }
.table_wrap tbody tr:hover td a { text-decoration:underline; }


.table_wrap .board_write .tit{border-top:1px solid #999; border-bottom:none; text-align:left; padding-left:20px; background-color:#f9f9f9; font-size:0.875em; }
.table_wrap .board_write tr:first-child .tit{ border-top:none}

.table_wrap .board_write td { text-align:left; padding-left:20px; }
.table_wrap .board_write td.pd{ padding:15px 10px;}
.table_wrap .board_write td span.table_in_txt{ font-size:12px; margin-left:10px;}
.table_wrap .board_write td p{ margin-top:4px;}
.table_wrap .board_write td .input_st1 { font-size:0.813rem; }
.table_wrap .board_write .id_font_st{ color:#0f75bc; font-size:14px; font-weight:600;}
.table_wrap .board_write .smarteditor{ padding:1% 0.5%; border-top:1px solid #999; }
.table_wrap .board_write td label { font-size:0.813rem; margin-right:10px; font-family:"맑은 고딕", "Malgun Gothic", sans-serif; }
.table_wrap .board_write td .input_file { font-size:0.813rem; }
.table_wrap .board_write tr:hover td { background-color:#fff; }
.table_wrap .board_write .input_st1:hover { background-color:#f9f9f9; }



/*icon*/
.board_list span.icon { width:24px; height:24px; display:inline-block; vertical-align:middle; border-radius:25px; line-height:23px; text-align:center; font-size:0.688rem; }
.board_list span.icon.new { background:#00294c; color:#fff; margin-left:3px; }
.board_list span.icon.reply { background:#1267bd; color:#fff; margin-right:3px; }
.board_list span.icon.file { width:17px; height:17px; margin-left:3px; }
.board_list span.icon.not { background:#666; border-radius:0; padding:3px 7px; width:auto; height:auto; color:#fff; line-height:normal; font-size:0.750rem; }

.board_view span.icon.file { width:17px; height:17px; margin-right:3px; display:inline-block; vertical-align:middle; }


/* view */
.board_view{width:100%;table-layout:fixed;}
.board_view th,
.board_view td{ padding:12px 0 12px 20px; line-height:20px; font-size:0.875em; border-bottom:1px solid #ccc;}
.board_view th{ background:#f9f9f9;}
.board_view td .a_file { vertical-align:middle; }
.board_view td a:hover{ color:#0774bd;}
.board_view td .icon_file{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:5px;}
.board_view th .icon_arrow{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-right:15px;}
.board_view td.view_con{ padding:40px 15px;}
.board_view td.view_con .ac { margin-bottom:20px; }
.board_view td.view_con img{ max-width:820px; }
.board_view td.view_con p { font-size:0.875rem; }
.board_view td .cut_link{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.board_view .title{ text-align:left; border-bottom:none; background:none; padding-left:20px; font-size:1em; }
.board_view .tit{ text-align:left; }
.board_view .tit strong { font-weight:normal; font-family:"notokrB"; }

.board_view td.view_con .view_gall { width:70%; margin:0 auto; }
.board_view td.view_con .view_gall .big { width:100%; height:360px; border:1px solid #ccc; }
.board_view td.view_con .view_gall .small { width:100%; margin:15px 0 20px; }
.board_view td.view_con .view_gall .small ul { margin:0 0 0 -15px; overflow:hidden; }
.board_view td.view_con .view_gall .small ul li { float:left; width:25%; }
.board_view td.view_con .view_gall .small ul li a { margin:0 0 0 15px; display:block; border:1px solid #ccc; }
.board_view td.view_con .view_gall .txt_box .tt { font-weight:600; font-size:1.063em; color:#222; background:url(../images/inc/mid_tit1.png) no-repeat left center; padding-left:15px; margin-bottom:15px; }
.board_view td.view_con .view_gall .txt_box .txt { font-size:0.875em; }


/**/
.board_title{ display:inline-block; *display:inline; zoom:1; width:50%; font-size:1.75em; font-weight:600; color:#111;}

/*
.board_qna.qq{ cursor:pointer}
.board_qna.aa{ display:none}
.board_qna .w_tit{ line-height:1.3; font-family:ns, sans-serif; background-repeat:no-repeat; background-position:right center; background-position:right 10px center; background-image:url(../images/board/qna_arrow.png)}
.board_qna .qna_icon{display:inline-block; *display:inline; zoom:1; text-align:center; margin:0 3px; font-size:2em; font-family:Arial, Helvetica, sans-serif}
.board_qna.qq .w_tit{ color:#000; font-weight:600; font-size:1.131em; padding-right:60px}
.board_qna.aa .w_tit{ color:#666; font-size:1.063em;}
.board_qna.qq .qna_icon{ color:#000}
.board_qna.aa .qna_icon{ color:#999}
.board_qna.aa td{background-color:#f9f9f9}
.board_qna.qq.on td{background-color:#f9f9f9}
.board_qna.qq.on .qna_icon{ color:#10b5fa}
.board_qna.qq.on .w_tit{ background-image:url(../images/board/qna_arrow_on.png)}
*/

/* faq */
.faq_area li dl { margin-bottom:5px; border:1px solid #ccc; }
.faq_area li dl dt a { display:block; color:#555; padding:15px 30px 16px; background:url(../images/board/faq_p.png) no-repeat right 30px center; }
.faq_area li dl dt a span.q_icon { font-size:1.9em; font-weight:600; font-family:Arial, Helvetica, sans-serif; display:inline-block; margin-right:10px; vertical-align:middle; }
.faq_area li dl dt a span.txt { font-size:0.875em;  font-family:"맑은 고딕", "Malgun Gothic", "sans-serif"; font-weight:600; vertical-align:middle; }  
.faq_area li dl dd { display:none; padding:25px 25px 25px 30px; border-top:1px solid #ccc; }
.faq_area li dl dd span.a_icon { font-size:2.5em; font-weight:600; color:#666; font-family:Arial, Helvetica, sans-serif; display:inline-block; margin-right:13px; vertical-align:top; }
.faq_area li dl dd span.txt { display:inline-block; font-family:"맑은 고딕", "Malgun Gothic", "sans-serif";  font-size:0.938em; color:#222; line-height:1.5; vertical-align:middle; width:90%; }

.faq_area li dl.open { border:3px solid #999; }
.faq_area li dl.open dt a { background:url(../images/board/faq_m.png) no-repeat right 28px center; }
.faq_area li dl.open dt a .q_icon { font-size:2.5em; color:#0064bb; }
.faq_area li dl.open dt a span.txt { font-size:1em; color:#000; }





/**/
.board_search{ text-align: right; padding-bottom:10px; }
.search_select{ border:1px solid #999; line-height:32px; height:32px;}
.search_inp{ border:none; border-bottom:1px solid #999; line-height:30px; height:30px; width:170px; min-width:150px; padding:0 5px; color:#aaa}
.search_inp:focus{ color:#111}
.search_btn { line-height:30px; background:#444; color:#fff; border:none; padding:0 15px; border:1px solid #444; }
.search_btn:hover { border:1px solid #444; background:#fff; color:#444; transition:0.3s; }

/**/
.faq_btn{}
.faq_btn .btn{ display:inline-block; *display:inline; zoom:1; vertical-align:bottom; padding:0 5px; border-radius:4px; min-width:25px; font-size:15px}
.faq_btn .btn.etc{ background:#fff; border:1px solid #F24E4E; color:#F24E4E}

/**/
.board_paging{ text-align:center; margin-top:30px;}
.board_paging button{ vertical-align:middle; width:30px; height:30px; color:#666; font-size:0.813em; border:none; background:none; }
.board_paging button:hover { color:#04397d; }
.board_paging button.on { color:#04397d; font-family:"notokrB"; font-size:0.938em; }
.board_paging button.icon.prev { background:url(../images/board/paging_prev.png) no-repeat center; }
.board_paging button.icon.prev1 { background:url(../images/board/paging_prev1.png) no-repeat center; }
.board_paging button.icon.next { background:url(../images/board/paging_next.png) no-repeat center; }
.board_paging button.icon.next1 { background:url(../images/board/paging_next1.png) no-repeat center; }
.board_paging button.icon.prev:hover { background:url(../images/board/paging_prev_on.png) no-repeat center; }
.board_paging button.icon.prev1:hover { background:url(../images/board/paging_prev1_on.png) no-repeat center; }
.board_paging button.icon.next:hover { background:url(../images/board/paging_next_on.png) no-repeat center; }
.board_paging button.icon.next1:hover { background:url(../images/board/paging_next1_on.png) no-repeat center; }



/*search_area*/
.search_area{ overflow:hidden; margin-bottom:10px; }
.search_area .total_area { float:left; }
.search_area .total_area .total{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ddd; border-radius:50%; width:26px; height:26px; position:relative; }
.search_area .total_area .total > li{ position:absolute; left:50%; top:50%; margin:-1px 0 0 -6px; width:12px; height:1px; background:#666;}
.search_area .total_area .total > li.bar_t{ margin:-5px 0 0 -6px;}
.search_area .total_area .total > li.bar_m{ margin:-1px 0 0 -6px;}
.search_area .total_area .total > li.bar_b{ margin:3px 0 0 -6px;}
.search_area .total_area p.num { display:inline-block; color:#555; font-size:1em; padding:7px 0; font-family:"notokrR"; letter-spacing:-0.5px; }
.search_area .total_area p.num strong { color:#005aab; font-family:"notokrB"; font-weight:600; }
.search_area .total_area p.num .small { font-size:0.9em; }

.search_area .searching { float:right; overflow:hidden; }
.search_area .searching select.input_st1{ background:#f8f8f8; border:1px solid #d2d2d2; height:38px; font-size:0.875em; padding:2px; vertical-align:top; margin-right:5px; float:left; }
.search_area .searching input.input_st1{ width:160px; background:#fff; height:26px; border:1px solid #d2d2d2; box-sizing:content-box; padding:5px; margin:0; float:left; }
.search_area .searching .btn_inc.search { margin:0; width:40px; height:38px; border:1px solid #5d5f63; background:#5d5f63 url(../images/board/btn_search.png) no-repeat center; float:left; vertical-align:top; }


/**/
.board_gallery{ overflow:hidden; margin:0 -24px -24px 0;}
.board_gallery > li{ float:left; width:33.33%;}
.board_gallery.pic1 > li { width:25%; }
.board_gallery > li .inner{ margin:0 24px 24px 0;}
.board_gallery > li .inner > a{ border:1px solid #ccc; display:block; transition:0.5s ease;}
.board_gallery > li:hover .inner > a{ border:1px solid #444; display:block; transition:0.5s ease;}
.board_gallery > li:hover .pic > img{ transform:scale(1.1,1.1); transition:0.5s ease;}
.board_gallery > li .pic > img{ transition:0.5s ease;}
.board_gallery > li .inner > a > dl{ padding:13px 20px 15px 20px;}
.board_gallery.pic1 > li .inner > a > dl { padding:13px 13px 20px 13px; }
.board_gallery > li .pic{ border-bottom:1px solid #ccc; position:relative;}
.board_gallery > li .gall_tit{ font-size:0.938em; font-weight:600; letter-spacing:-0.5px; color:#222; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #d2d2d2; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.board_gallery > li .gall_txt{ font-size:0.813em; letter-spacing:-0.5px; line-height:1.4; color:#444; padding:0 0 18px 0; width:100%; word-break:break-all; word-wrap:break-word; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; height:54px; }
.board_gallery > li .gall_info > ul{ overflow:hidden;}
.board_gallery > li .gall_info > ul > li{ font-size:0.813em; letter-spacing:-0.5px; color:#888;}
.board_gallery > li .gall_info > ul .hit{ float:left;}
.board_gallery > li .gall_info > ul .date{ float:right;}


/**/
.board_sub_tt{ color:#666; font-size:.938em; vertical-align: middle; letter-spacing:0; display:inline-block; *display:inline; zoom:1}

/**/
.w_no { width:7%;}
.w_tit { width:auto}
.w_auto{ width:auto}
.w_name { width:10%; }
.w_date { width:10%; }
.w_hit { width:8%; }

.s2_no { width:12%; } 
.s2_title { width:20%; } 
.s2_score { width:8%; } 

.s3_kind { width:12%; } 
.s3_date { width:20%; } 

.s3_2_year { width:8%; } 
.s3_2_kind { width:12%; } 
.s3_2_date { width:17%; } 
.s3_2_place { width:28%; } 

.s3_3_year { width:8%; } 
.s3_3_name { width:8%; }
.s3_3_academic { width:12%; }
.s3_3_journal { width:17%; }
.s3_3_date { width:13%; }
.s3_3_place { width:12%; }

.s3_4_kind { width:12%; } 
.s3_4_title { width:15%; } 
.s3_4_date { width:17%; } 


.w_img{ width:100px}
.w_vol{ width:150px}
.w_price{ width:100px}
.w_point{ width:150px}
.w_btn{ width:120px}

.inp_w1{ width:10%}
.inp_w15{ width:15%}
.inp_w2{ width:20%}
.inp_w3{ width:30%}
.inp_w4{ width:40%}
.inp_w5{ width:50%}
.inp_w6{ width:60%}
.inp_w7{ width:70%}
.inp_w8{ width:80%}
.inp_w9{ width:90%}
.inp_w100{ width:100%}
.textarea_w1{ width:100%; height:200px;}
.textarea_w2{ width:99%; height:200px;}
span.red { color:#c00; font-size:0.750rem; font-family:"맑은 고딕", "Malgun Gothic", sans-serif; }

.w50 { width:50% !important;}
.w60 { width:60% !important;}
.w70 { width:70% !important;}
.w80 { width:80% !important;}
.w85 { width:85% !important;}
.w90 { width:90% !important;}
.w100{ width:100% !important;}

.xi.ess,
.xi.ess + span{ display:inline-block; color:#dc232d;}
.xi.ess{ padding-top:.625em; font-family:inherit !important; font-size:1em; line-height:1;}
.xi.ess:before{ content:"*"; font-size:1.375em; font-weight:700;}
.xi.ess + span{ font-size:.938em;}
.essW{ position:relative; display:inline-block; padding-right:1.125em;}
.essW .xi.ess{ position:absolute; right:0; top:50%; margin-top:-1em;}


/*btn*/
.doc > .board_btn { margin-top:30px; text-align:right; }

.btn_area{ margin:40px 0 0 0; float:none; }
.btn_area.left{ overflow:hidden;}
.btn_area.left > div{ float:left; width:50%}
.btn_area.center{text-align:center;}

.btn_area2{ margin:20px 0 0 0;}


/**/
.label_st{display:inline-block; *display:inline; zoom:1; padding:0 10px;}
.label_st > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer;}
.label_st span{ margin-left:3px}

.btn_inc{ border:none; padding:8px 10px; text-align:center; vertical-align:middle; cursor:pointer; font-family:"notokrM"; *margin:0 2px; display:inline-block; font-size:0.875em; }
.btn_inc.write{ background:#0064ac;color:#fff;}
.btn_inc.write:hover { background:#014677; }
.btn_inc.write2{ background:#0064ac;color:#fff;padding:.5em 1.5em; font-size:1.1em;}
.btn_inc.write2:hover { background:#014677; }
.btn_inc.etc { background:#888888;color:#fff;}
.btn_inc.etc:hover { background:#656565; }
.btn_inc.del { border:1px solid #ccc; background:#f0f0f0;}
.btn_inc.del:hover { border:1px solid #555; background:#555; color:#fff;}
.btn_inc.modify{ border:1px solid #666; background:#777; color:#fff;}
.btn_inc.modify:hover{ border:1px solid #222; background:#222;}
.btn_inc.list { background:#fff; border:1px solid #444; color:#000; }
.btn_inc.apply{ border:1px solid #b6caee; background:#eaf1fe;}
.btn_inc.apply:hover{ border:1px solid #3265c2; background:#3265c2; color:#fff;}
.btn_inc.big{ width:130px; padding:12px 20px 14px; margin:0 2px; *margin:0 3px; border-radius:0;}
.btn_inc.btn_size{ padding:7px 0 9px 0; *padding:6px 8px; width:70px;}
.btn_inc.btn_size2{ width:110px; padding:10px 0;}
.btn_inc.small{ padding:4px 0 4px 0; *padding:4px 5px; width:75px; min-width:75px;}
.btn_inc.board_btn_size{ padding:10px 0; width:80px; border-radius:0;}


/* .input_st.c1{ background:#10b5fa !important; border-color:#10b5fa; color:#fff} */
.input_st.c1 { background:#003876 !important; border-color:#003876 !important; color:#ffffff !important;}/*파랑*/
.input_st.c1.re{ background:#ffffff !important; border-color:#003876 !important; color:#003876 !important;}

.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ccc; color:#666; box-sizing:border-box; font-size:inherit}
input[type=text].input_st,
input[type=password].input_st{ height:30px; padding:0 2px}
input[type=file].input_st{ background:none; border:none}
textarea.input_st{}
select.input_st{ height:30px;}
input[type=button].input_st,
input[type=submit].input_st{ font-weight:600; height:30px; background:#eee; padding:0 15px;}
input[type=button].input_st.size2,
input[type=submit].input_st.size2{line-height:20px; height:20px; background:#eee; padding:0 5px}

.input_st.c2{ background:#fff !important; border-color:#aaa; color:#333}
.input_st.c3{ background:#333 !important; border-color:#333; color:#fff}

.input_st.size3{ width:70px; text-align:center;}

.input_st.mb_bot{ margin-bottom:10px;}

.c_point {color: orange !important; font-weight: 500;}

.board_btn_wrap{ margin-top:3em; text-align:center;}
.di_table,
.di_table .tr,
.di_table .th,
.di_table .td{ box-sizing:border-box;}
.di_table{ display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
.di_table .tr{ display:table-row;}
.di_table .th,
.di_table .td{ display:table-cell; vertical-align:middle;}

/**/
.input_st1{ border:1px solid #ccc; vertical-align:middle; background:#fff; display:inline-block; height:28px; padding:0 3px; font-family:"맑은 고딕", "Malgun Gothic", "sans-serif"; }
.input_st1:hover, .input_st1:focus{ background:#f9f9f9; border:1px solid #aaa; color:#333;}
input.input_st1{ color:#333;}
select.input_st1{ color:#333; height:30px; }
textarea.input_st1{ padding:2%; color:#333;}
input[type=radio].input_st1, input[type=checkbox].input_st1{ border:none; padding:0;}
input[type=file].input_file{ height:30px; font-family:"맑은 고딕", "Malgun Gothic", "sans-serif"; }


@media screen and (max-width:1024px){

}


@media screen and (max-width:767px){
	
}