@charset "utf-8";




/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 학과소개
	연관단어 : #part_intro

////////////////////////////////////////////////////////////////////////////// */
#part_intro .intbox,
#part_intro .intbox .photos,
#part_intro .intbox .txts,
#part_intro .intbox .txts [class*="infos_"]
{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#part_intro .intbox{position:relative; width:100%; height:360px;}
#part_intro .intbox .photos{overflow:hidden; height:100%; margin-right:45px; box-sizing:border-box;}
#part_intro .intbox .photos img{display:block; height:100%;}
#part_intro .intbox .txts{position:absolute; bottom:0; right:0; width:50%; height:auto; min-height:312px; padding:35px 40px; background:#084897 url(../../../images/site/kor/content/part_intro_logo.jpg) no-repeat right bottom; background-size:auto 280px; box-sizing:border-box;}
#part_intro .intbox .txts .tt{position:relative; display:block; line-height:31px; margin-bottom:20px; font-size:27px; font-weight:500; color:#fff;}
#part_intro .intbox .txts .tt:after{content:""; position:absolute; top:15px; left:-40px; width:25px; height:2px; background-color:rgba(255,255,255,0.6);}
#part_intro .intbox .txts [class*="infos_"]{color:#fff;}
#part_intro .intbox .txts [class*="infos_"] .sub_tts{position:relative; display:block; line-height:25px; margin-bottom:10px; padding-left:39px; font-size:16px; font-weight:500; box-sizing:border-box;}
#part_intro .intbox .txts [class*="infos_"] .sub_tts:before{content:""; position:absolute; top:-1px; left:0; display:inline-block; width:27px; height:27px; margin-right:12px; background-repeat:no-repeat; background-position:left top; vertical-align:middle;}
#part_intro .intbox .txts [class*="infos_"] ul{overflow:hidden;}
#part_intro .intbox .txts [class*="infos_"] ul li{float:left; width:50%; line-height:22px; font-weight:300; box-sizing:border-box;}
#part_intro .intbox .txts [class*="infos_"] ul li:nth-child(1){padding-right:8px;}
#part_intro .intbox .txts [class*="infos_"] ul li:nth-child(3){width:100%; margin-top:5px;}
#part_intro .intbox .txts [class*="infos_"] ul li .new_ico{color:#fff;}
#part_intro .intbox .txts [class*="infos_"] ul li .new_ico:after{content:""; display:inline-block; width:13px; height:13px; margin-left:5px; background:url(../../../images/site/kor/content/part_intro_new.png) no-repeat left top; vertical-align:middle;}
#part_intro .intbox .txts [class*="infos_"] ul li strong{margin-right:13px; font-weight:500; color:#86c7ff;}
#part_intro .intbox .txts .infos_01{margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed rgba(255,255,255,0.4);}
#part_intro .intbox .txts .infos_01 .sub_tts:before{background-image:url(../../../images/site/kor/content/part_intro_icon01.png);}
#part_intro .intbox .txts .infos_02 .sub_tts:before{background-image:url(../../../images/site/kor/content/part_intro_icon02.png);}

#part_intro .img_bx+p{margin-top:20px;}
#part_intro p+p{margin-top:10px;}
#part_intro ul li > .table_scroll,
#part_intro ol li > .table_scroll{margin-top:10px;}


/*bg박스*/
#part_intro .bg_box{width:100%; height:auto; padding:32px 40px; background-color:#f7f7f7; box-sizing:border-box;}
#part_intro .bg_box strong{display:block; line-height:27px; margin-bottom:12px; font-size:17px; font-weight:500; text-align:center; color:#084897;}

@media screen and (max-width:1090px) and (min-width:1025px){
	#part_intro .intbox .txts [class*="infos_"] ul li{width:100%;}
	#part_intro .intbox .txts [class*="infos_"] ul li:nth-child(1){padding-right:0;}
	#part_intro .intbox .txts [class*="infos_"] ul li:nth-child(3){margin-top:0;}
}
@media screen and (max-width:840px){
	#part_intro .intbox{height:340px;}
	#part_intro .intbox .photos{margin-right:40px;}
	#part_intro .intbox .txts{min-height:298px; padding:25px 34px; background-size:auto 225px;}
	#part_intro .intbox .txts .tt{line-height:27px; margin-bottom:15px; font-size:23px;}
	#part_intro .intbox .txts .tt:after{top:13px; left:-34px; width:22px;}
	#part_intro .intbox .txts [class*="infos_"] .sub_tts{margin-bottom:7px;}
	#part_intro .intbox .txts [class*="infos_"] ul li{width:100%;}
	#part_intro .intbox .txts [class*="infos_"] ul li:nth-child(1){padding-right:0;}
	#part_intro .intbox .txts [class*="infos_"] ul li:nth-child(3){margin-top:0;}
	
	#part_intro .g_box{height:132px; padding:25px 5%;}
	#part_intro .g_box:before{top:25px; left:5%;}
	#part_intro .g_box .g_wr{padding-left:102px;}
	#part_intro .g_box .g_wr p.lines{margin-bottom:22px; padding-bottom:22px;}
}
@media screen and (max-width:640px){
	#part_intro .intbox{height:auto; padding-bottom:0;}
	#part_intro .intbox .photos{height:auto; margin-right:0;}
	#part_intro .intbox .photos img{width:100%; height:auto;}
	#part_intro .intbox .txts{position:static; width:100%; min-height:auto; padding:25px 35px; background-size:130px;}
	#part_intro .intbox .txts .tt{line-height:24px; margin-bottom:13px; font-size:20px;}
	#part_intro .intbox .txts .tt:after{top:10px; left:-35px; width:22px;}
	#part_intro .intbox .txts [class*="infos_"] .sub_tts{line-height:22px; padding-left:31px;}
	#part_intro .intbox .txts [class*="infos_"] .sub_tts:before{top:1px; width:22px; height:22px; background-size:100%;}
}
@media screen and (max-width:640px) and (min-width:421px){
	#part_intro .intbox .txts [class*="infos_"] ul li{width:50%;}
	#part_intro .intbox .txts [class*="infos_"] ul li:nth-child(1){padding-right:8px;}
}
@media screen and (max-width:420px){
	#part_intro .intbox .txts{padding:25px 35px;}
	#part_intro .intbox .txts .tt{margin-bottom:8px; font-size:18px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 학과소개 > 교수진
	연관단어 : #professor_lst

////////////////////////////////////////////////////////////////////////////// */
#professor_lst .boxs,
#professor_lst .boxs .photos,
#professor_lst .boxs .txts,
#professor_lst .boxs .txts .tt,
#professor_lst .boxs .txts ul > li,
#professor_lst .boxs.on .btns .toggle_btns
{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#professor_lst .boxs{position:relative; width:100%; height:auto; min-height:215px; margin-top:20px; padding:40px; background-color:#f4f4f4; background-image:url(../../../images/site/kor/content/professor_bg.jpg); background-repeat:no-repeat; background-position:right bottom; background-size:180px; box-sizing:border-box;}
#professor_lst .boxs.on{padding:40px 55px 40px 40px;}
#professor_lst .boxs .photos{position:absolute; top:40px; left:40px; width:100px; height:135px; background-color:#f4f4f4;}
#professor_lst .boxs .photos img{display:block; width:100%;}
#professor_lst .boxs .txts{padding-left:135px; box-sizing:border-box;}
#professor_lst .boxs .txts .tt{display:block; padding-bottom:5px; border-bottom:1px solid #e7e7e7; font-size:15px; font-weight:500; color:#222222;}
#professor_lst .boxs .txts .tt span{display:inline-block; margin-right:8px; font-size:25px; font-weight:700; color:#084897;}
#professor_lst .boxs .txts ul{margin-top:15px;}
#professor_lst .boxs .txts ul > li{position:relative; margin-top:6px; padding-left:120px; box-sizing:border-box;}
#professor_lst .boxs .txts ul > li span,
#professor_lst .boxs .txts ul li ol li{color:#666666;}
#professor_lst .boxs .txts ul > li strong{position:absolute; top:0; left:0; width:95px; font-weight:500;}
/*숨긴정보*/
#professor_lst .boxs .txts .hide_ul{overflow:hidden; margin-top:0;}
/*버튼*/
#professor_lst .boxs .btns{display:none; position:absolute; bottom:0; right:0;}
#professor_lst .boxs.on .btns{display:block;}
#professor_lst .boxs.on .btns .toggle_btns{overflow:hidden; display:block; width:50px; height:50px; background-color:#084897; background-image:url(../../../images/site/kor/content/professor_plus_icon.png); background-repeat:no-repeat; background-position:center; text-indent:-2000px;}
#professor_lst .boxs.on .btns .toggle_btns.on{background-image:url(../../../images/site/kor/content/professor_minus_icon.png);}

@media screen and (max-width:840px){
	#professor_lst .boxs{min-height:195px; padding:30px; background-size:160px;}
	#professor_lst .boxs.on{padding:30px 47px 30px 30px;}
	#professor_lst .boxs .photos{top:30px; left:30px;}
	#professor_lst .boxs .txts{padding-left:130px;}
	#professor_lst .boxs .txts .tt span{font-size:23px;}
	#professor_lst .boxs .txts ul{margin-top:12px;} 
	#professor_lst .boxs .txts ul > li{margin-top:4px;}
	#professor_lst .boxs.on .btns .toggle_btns{width:42px; height:42px;}
}
@media screen and (max-width:640px){
	#professor_lst .boxs{min-height:171px; margin-top:12px; padding:25px; background-size:135px;}
	#professor_lst .boxs.on{padding:25px 40px 25px 25px;}
	#professor_lst .boxs .photos{top:25px; left:25px; width:90px; height:121px;}
	#professor_lst .boxs .txts{padding-left:115px; padding-top:3px;}
	#professor_lst .boxs .txts .tt{padding-bottom:8px;}
	#professor_lst .boxs .txts .tt span{font-size:21px;}
	#professor_lst .boxs .txts ul > li{line-height:21px; padding-left:100px;}
	#professor_lst .boxs.on .btns .toggle_btns{width:36px; height:36px;}
}
@media screen and (max-width:480px){
	#professor_lst .boxs{min-height:auto; padding:20px; background-size:120px;}
	#professor_lst .boxs.on{padding:20px 40px 20px 20px;}
	#professor_lst .boxs .photos{top:20px; left:20px; width:70px; height:94px;}
	#professor_lst .boxs .txts{padding-left:90px;}
	#professor_lst .boxs .txts .tt span{font-size:19px;}
	#professor_lst .boxs .txts ul{margin-top:10px;}
	#professor_lst .boxs .txts ul > li{padding-left:100px;}
}
@media screen and (max-width:420px){
	#professor_lst .boxs{background-size:145px;}
	#professor_lst .boxs .txts ul > li{padding-left:0;}
	#professor_lst .boxs .txts ul > li strong{position:static; display:block; width:auto;}
}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 학과소개 > 교과과정
	연관단어 : #study_process

////////////////////////////////////////////////////////////////////////////// */
#study_process ul li .g_box{width:100%; height:auto; padding:18px 28px; background-color:#f7f7f7; box-sizing:border-box;}
#study_process ul li h4 span{display:inline-block; line-height:21px; margin-left:8px; font-size:15px; font-weight:400; color:#666;}

@media screen and (max-width:640px){
	#study_process ul li h4 span{display:block; margin-left:0; margin-top:2px; font-size:14px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : 학사일정
	연관단어 : #school_cal

////////////////////////////////////////////////////////////////////////////// */
#school_cal .date_lst,
#school_cal .date_lst .pt_wrap,
#school_cal .date_lst .years,
#school_cal .date_lst ol,
#school_cal .date_lst ol li a,
#school_cal .month_lst li,
#school_cal .month_lst li .calbox,
#school_cal .month_lst li .conts
{transition:all 0.3s ease; -wekbit-transition:all 0.3s ease;}

#school_cal .date_lst{position:relative; width:100%; height:auto; margin-bottom:45px; padding:5px; background:url(../../../images/site/kor/content/school_cal_pattern.gif) repeat left top; box-sizing:border-box;}
#school_cal .date_lst .pt_wrap{width:100%; height:100%; padding:25px 35px; background-color:#fff; box-sizing:border-box;}
#school_cal .date_lst .years{position:absolute; top:27px; left:40px; width:128px;}
#school_cal .date_lst .years a{overflow:hidden; display:inline-block; width:9px; height:100%; background:url(../../../images/site/kor/content/school_cal_arrow.gif) no-repeat left center; text-indent:-2000px; vertical-align:middle;}
#school_cal .date_lst .years .right_btn{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#school_cal .date_lst .years strong{display:inline-block; line-height:33px; padding:0 15px; font-size:31px; font-weight:500; vertical-align:middle;}

#school_cal .date_lst ol{overflow:hidden; padding-left:150px; box-sizing:border-box;}
#school_cal .date_lst ol li{position:relative; float:left; padding:0 5px; box-sizing:border-box;}
#school_cal .date_lst ol li:last-child{padding:0 0 0 5px;}
#school_cal .date_lst ol li:after{content:""; position:absolute; top:50%; right:0; display:block; width:1px; height:14px; margin-top:-7px; background-color:#aaa;}
#school_cal .date_lst ol li:last-child:after{display:none;}
#school_cal .date_lst ol li a{display:block; width:100%; height:28px; line-height:26px; padding:0 8px; font-size:16px; text-decoration:none; box-sizing:border-box;}
#school_cal .date_lst ol li a:hover,
#school_cal .date_lst ol li.on a{background-color:#0798a8; color:#fff;}

#school_cal .month_lst.all_m > li{padding:50px 0;}
#school_cal .month_lst.all_m > li:first-child{padding:0 0 50px;}
#school_cal .month_lst.all_m > li{border-top:1px dashed #dedede;}
#school_cal .month_lst.all_m > li:first-child{border-top:0;}
#school_cal .month_lst li .tt{display:block; line-height:22px; margin-bottom:12px; font-size:20px; font-weight:400; color:#084897;}
#school_cal .month_lst li .tt span{display:inline-block; margin-left:10px; color:#999;}
#school_cal .month_lst li .calbox{position:relative; min-height:245px; padding-left:315px;}
#school_cal .month_lst li .cals{position:absolute; top:0; left:0;}
#school_cal .month_lst li .cals table{width:315px; border-top:2px solid #646464; border-bottom:1px solid #d7d7d7;}
#school_cal .month_lst li .cals table th,
#school_cal .month_lst li .cals table td{width:14.28%; height:40px; text-align:center;}
#school_cal .month_lst li .cals table th{background-color:#eee; font-size:14px;}
#school_cal .month_lst li .cals table td{font-size:11px; font-weight:300;}
#school_cal .month_lst li .cals table td.on span{
	display:inline-block; width:22px; height:22px; line-height:22px; background-color:#084897; color:#fff;
	border-radius:50%; -webkit-border-radius:50%;
}
#school_cal .month_lst li .conts{width:100%; padding-left:11%; box-sizing:border-box;}
#school_cal .month_lst li .conts ol li{position:relative; line-height:25px; font-size:15px;}
#school_cal .month_lst li .conts ol li:first-child{margin-top:0;}
#school_cal .month_lst li .conts ol li strong{position:absolute; top:0; left:0; padding-left:10px; font-weight:400; color:#666666; box-sizing:border-box;}
#school_cal .month_lst li .conts ol li strong:before{content:""; position:absolute; top:11px; left:0; width:3px; height:3px; background-color:#1aa0af;}
#school_cal .month_lst li .conts ol li ol{width:100%; padding-left:130px; box-sizing:border-box;}
#school_cal .month_lst li .conts ol li ol li{line-height:22px; padding-left:10px; box-sizing:border-box;}
#school_cal .month_lst li .conts ol li ol li:after{content:""; position:absolute; top:12px; left:0; width:5px; height:1px; background-color:#222222;}
#school_cal .month_lst li .conts > ol > li{margin-top:7px;}

@media screen and (max-width:840px){
	#school_cal .month_lst li .conts{padding-left:14%;}
	#school_cal .month_lst li .conts ol li ol{padding-left:120px;}
}
@media screen and (max-width:740px){
	#school_cal .month_lst li .conts ol li ol{padding-left:105px;}
}
@media screen and (max-width:740px) and (min-width:641px){
	#school_cal .month_lst li .calbox{min-height:220px; padding-left:280px;}
	#school_cal .month_lst li .cals table{width:280px;}
	#school_cal .month_lst li .cals table th,
	#school_cal .month_lst li .cals table td{height:36px;}
	#school_cal .month_lst li .cals table td.on span{width:20px; height:20px; line-height:20px;}
}
@media screen and (max-width:640px){
	#school_cal .date_lst{margin-bottom:30px;}
	#school_cal .date_lst .pt_wrap{padding:22px 25px;}
	#school_cal .date_lst .years{position:static; width:100%; margin-bottom:10px; text-align:center;}
	#school_cal .date_lst ol{padding-left:0;}
	
	#school_cal .month_lst.all_m > li{padding:30px 0;}
	#school_cal .month_lst.all_m > li:first-child{padding:0 0 30px;}
	#school_cal .month_lst li .tt{margin-bottom:10px; font-size:18px;}
	#school_cal .month_lst li .calbox{min-height:auto; padding-left:0;}
	#school_cal .month_lst li .cals{position:static;}
	#school_cal .month_lst li .cals table{width:100%;}
	#school_cal .month_lst li .conts{padding-left:0;}
	#school_cal .month_lst li .conts > ol > li{margin-top:4px;}
	#school_cal .month_lst li .conts > ol > li:first-child{margin-top:20px;}
}
@media screen and (max-width:480px){
	#school_cal .date_lst .pt_wrap{padding:20px 22px;}
	#school_cal .date_lst .years strong{padding:0 12px; font-size:28px;}
	#school_cal .date_lst ol li a{height:25px; line-height:25px; font-size:15px;}
	#school_cal .month_lst li .conts > ol > li:first-child{margin-top:15px;}
}
@media screen and (max-width:380px){
	#school_cal .date_lst{margin-bottom:25px;}
	#school_cal .date_lst .pt_wrap{padding:15px 20px;}
	#school_cal .date_lst .years{margin-bottom:8px;}
	#school_cal .date_lst .years strong{font-size:25px;}
	#school_cal .month_lst.all_m > li{padding:25px 0;}
	#school_cal .month_lst.all_m > li:first-child{padding:0 0 25px;}
	#school_cal .month_lst li .cals table th,
	#school_cal .month_lst li .cals table td{height:36px;}
	#school_cal .month_lst li .cals table td.on span{width:20px; height:20px; line-height:20px;}
	#school_cal .month_lst li .conts ol li{line-height:20px; font-size:14px;}
	#school_cal .month_lst li .conts ol li strong:before{top:9px;}
	#school_cal .month_lst li .conts ol li ol li{line-height:18px;}
	#school_cal .month_lst li .conts ol li ol li:after{top:9px;}
	#school_cal .month_lst li .conts > ol > li:first-child{margin-top:13px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : pdf 뷰어
	연관단어 : pdf
	
////////////////////////////////////////////////////////////////////////////// */
.user .pdf_nodata,
.user .pdf_nodata .no_box
{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

/*다운로드*/
.pdf_down{position:relative; padding:28px 30px; background:#f2f2f2; box-sizing:border-box;}
.pdf_down .titles{display:block;line-height:23px;font-weight:500;font-size:16px;color:#444;padding-right: 48%;}
.pdf_down .btn_group{position:absolute; right:30px; top:50%; display:block; margin-top:-18px;}
@media screen and (max-width:640px){
	.pdf_down .titles{padding-right: 0px;}
}


/*pdf 뷰어부분*/
.pdf_box{overflow:hidden; position:relative; padding-left:230px; margin-top:30px; box-sizing:border-box;}
.pdf_box .pdf_menu{position:absolute; left:0; top:0; width:230px;}
.pdf_box .pdf_menu ul li a{display:block; line-height:20px; padding:14px 15px; border-bottom:1px solid #ccc; font-size:14px; text-decoration:none; box-sizing:border-box;}
.pdf_box .pdf_menu ul li:first-child a{border-top:1px solid #ccc;}
.pdf_box .pdf_menu ul li a:hover,
.pdf_box .pdf_menu ul li a.on:link,
.pdf_box .pdf_menu ul li a.on:visited,
.pdf_box .pdf_menu ul li a.on:active,
.pdf_box .pdf_menu ul li a.on:hover{background-color:#084897; text-decoration:none; color:#fff;}
.pdf_box .pdf_view{width:100%; height:900px;}
.pdf_box .pdf_view iframe{width:100%; height:100% !important; border:none;}

/*노데이터*/
.user .pdf_nodata .no_box{display:table; table-layout:fixed; width:100%; height:835px; background-color:#f7f7f7;}
.user .pdf_nodata .no_box .cells{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.user .pdf_nodata .no_box .cells img{width:106px;}
.user .pdf_nodata .no_box .cells strong{display:block; margin:15px 0 10px; font-size:21px;}

/*모바일일때 뷰어*/
.user .pdf_viewer{display:none; margin-top:30px;}
.user .pdf_viewer .mobile .titles{display:block; line-height:19px; padding:15px 4%; background:#4f5f79; font-size:16px; font-weight:400; color:#fff;}
.user .pdf_viewer .mobile .cons{padding:25px 6%; background:#fff; border:1px solid #dcdcdc; border-top:0; text-align:center;}
.user .pdf_viewer .mobile .cons p{display:inline-block; margin-bottom:15px; text-align:center; vertical-align:top;}
.user .pdf_viewer .mobile .cons p strong{font-weight:400;}

@media screen and (max-width: 840px){
	.user .pdf_nodata .no_box{height:700px;}
}
@media screen and (max-width: 640px){
	.pdf_box,
	.pdf_box .pdf_menu{display:none;}
	
	.pdf_down{padding:22px 25px;}
	
	.pdf_down .btn_group{ position: static; margin-top: 13px; text-align: center;}

	

	.user .pdf_nodata .no_box{height:500px;}
	.user .pdf_nodata .no_box .cells img{width:80px;}
	.user .pdf_nodata .no_box .cells strong{margin:12px 0 10px; font-size:20px;}
	
	.user .pdf_viewer{/*display:block;*/}
}
@media screen and (max-width: 480px){
	.user .pdf_nodata .no_box{height:300px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
  
   notice_list_custom
   PDF 모집요강

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.notice_list_custom ul li,
.notice_list_custom ul li p{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.notice_list_custom{margin-top:20px; border-top:2px solid #333; border-bottom:1px solid #646464;}
.notice_list_custom ul{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
.notice_list_custom ul li{position:relative; display:table-row; border-bottom:1px solid #d7d7d7;}
.notice_list_custom ul li:hover{background:#f7f7f7;}
.notice_list_custom ul li:last-child{border-bottom:0;}
.notice_list_custom ul li p,
.notice_list_custom ul li .subject,
.notice_list_custom ul li.thead strong{display:table-cell; text-align:center; vertical-align:middle;}
.notice_list_custom ul li p,
.notice_list_custom ul li .subject{padding:12px 10px;}

.notice_list_custom ul li .no{width:55px;}
.notice_list_custom ul li .subject{width:auto;}
.notice_list_custom ul li .writer{width:75px; word-break:break-all;}
.notice_list_custom ul li .date{width:110px;}
.notice_list_custom ul li .counter{width:50px;}
.notice_list_custom ul li .file_atch{width:60px;}
/*헤드 항목*/
.notice_list_custom ul li.thead{border-bottom:1px solid #989898;}
.notice_list_custom ul li.thead:hover{background:transparent;}
.notice_list_custom ul li.thead strong{padding:17px 10px; font-weight:500;}
/*공지글*/
.notice_list_custom ul li.notice{background:#fbfbfb;}
.notice_list_custom ul li.notice .no{overflow:hidden; background-image:url(../../../images/site/skin/icon_board_notice.png); background-repeat:no-repeat; background-position:center center; text-indent:-1000px;}
.notice_list_custom ul li.notice .subject a strong{font-weight:500;}
/*제목부분*/
.notice_list_custom ul li .subject a{display:block;}
.notice_list_custom ul li .subject a strong{display:inline-block; font-weight:400;}
.notice_list_custom ul li .subject a:hover strong{text-decoration:underline;}
/*아이콘*/
.notice_list_custom ul li .subject a strong .new,
.notice_list_custom ul li .subject a strong .re_end{overflow:hidden; display:none; margin:0 2px; vertical-align:middle;}
.notice_list_custom ul li .subject a.new strong .new,
.notice_list_custom ul li .subject a.re_end strong .re_end{display:inline-block;}
.notice_list_custom ul li .subject a strong .new{width:13px; background:url(../../../images/site/skin/icon_board_new.gif) no-repeat left center; text-indent:-2000px;}
.notice_list_custom ul li .subject a strong .re_end{width:auto; height:20px; line-height:20px; padding:0 5px; background:#337b08; font-size:13px; font-weight:400; color:#fff;}
.notice_list_custom ul li .board_file{overflow:hidden; display:inline-block; width:12px; height:16px; background:url(../../../images/site/skin/icon_file_02.gif) no-repeat center center; vertical-align:middle; text-indent:-2000px;}

@media screen and (max-width:840px){
  .notice_list_custom ul,
  .notice_list_custom ul li,
  .notice_list_custom ul li{display:block;}
  .notice_list_custom ul li{padding:12px 10px;}
  .notice_list_custom ul li.thead{display:none;}
  .notice_list_custom ul li p:after{content:""; display:inline-block; width:1px; height:10px; margin:0 10px; background-color:#000; vertical-align:middle;}
  .notice_list_custom ul li p:last-child:after{display: none;}
  .notice_list_custom ul li .subject:after,
  .notice_list_custom ul li .no:after{display: none;}
  .notice_list_custom ul li .no{width:40px; height:18px; line-height:18px; padding:0; background:#e2e1e1; border-radius:5px; -webkit-border-radius:5px; font-size:13px;}
  .notice_list_custom ul li .writer,
  .notice_list_custom ul li .date,
  .notice_list_custom ul li .counter,
  .notice_list_custom ul li .file_atch{display: inline-block; width:auto; padding:0; font-size:13px;}
  /*제목부분*/
  .notice_list_custom ul li .subject{display:inline-block; width:100%; padding:10px 0 5px 0; box-sizing:border-box;}
  .notice_list_custom ul li .subject a strong{overflow:hidden; position:relative; width:auto; max-width:100%; min-height:18px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;}
  /*아이콘*/
  .notice_list_custom ul li .subject a strong{position:relative; max-width:100%;}
  .notice_list_custom ul li .subject a strong .re_end,
  .notice_list_custom ul li .subject a strong .js_secret,
  .notice_list_custom ul li .subject a strong .new{position:absolute; top:0; margin:0;}
  .notice_list_custom ul li .subject a.re_end.new strong{padding-right:78px;}
  .notice_list_custom ul li .subject a.re_end.new strong .re_end{right:16px;}
  .notice_list_custom ul li .subject a.re_end.new strong .new{right:0;}
  .notice_list_custom ul li .subject a.re_end strong{padding-right:62px;}
  .notice_list_custom ul li .subject a.re_end strong .re_end{right:0;}
  .notice_list_custom ul li .subject a.new strong{padding-right:16px;}
  .notice_list_custom ul li .subject a.new strong .new{right:0;}
}
@media screen and (max-width:640px){
  .notice_list_custom ul li{padding:10px;}
  .notice_list_custom ul li .no{width:36px; height:16px; line-height:16px; font-size:12px;}
  .notice_list_custom ul li .subject{padding:6px 0 0px 0;}
  /*아이콘*/
  .notice_list_custom ul li .subject a strong .re_end{line-height:18px;}
  .notice_list_custom ul li .subject a.re_end.new strong{padding-right:77px;}
  .notice_list_custom ul li .subject a.re_end strong{padding-right:61px;}
}



.btn_group a{ margin-bottom: 4px;}