@charset "UTF-8";

/* 팝업창 : 시작 **************************************************************/
.PopBox h1.popTit {padding:1rem; font-size:1.2rem; line-height:1.4; color:#fff; background:#343f55;}
.PopBox .PopCon {position:relative; padding:1rem;}

/* 팝업창 : 끝 **************************************************************/

/* pdf 뷰어 : 시작 **************************************************************/
.pdfBox { padding:0.5rem; border:1px solid #e0e0e0; background:#f6f6f6; }
.pdfBox .pdf_inner {position:relative; padding:1rem; background:#fff;}
.pdfBox .pdf_inner .pdf_view {position:relative; height:40rem;}
.pdfBox .pdf_inner .pdf_view object {width:100%; height:100%;}
.pdfBox .pdf_inner .pdf_view object embed {width:100%; height:100%;}
/* pdf 뷰어 : 끝 **************************************************************/

/* Guide Layout */
.Guide_con h3.Guid_tit { position:relative; padding-top:8px; font-size:24px; color:#111; font-weight:500; }
.Guide_con h3.Guid_tit:before { content:""; display:block; position:absolute; top:0; left:0; width:60px; height:4px; background:#1976d2; }
.Guide_con .DG_list { padding-bottom:25px; margin-bottom:25px; border-bottom:1px dashed #c3c3c3; overflow:hidden; }
.Guide_con .DG_list li { margin:5px; float:left; }
.Guide_con .DG_list li a { display:block; min-width:170px; padding:0 20px; text-align:center; font-size:18px; line-height:45px; color:#fff; border:1px solid #07174a; background:#07174a; }
.Guide_con .DG_list li a:hover, .Guide_con .DG_list li a:focus { border:1px solid #064584; background:#1976d2; }
.Guide_con #con_com_box { margin-top:2rem; }
.Guide_con .com_code { width:100%; height:100px; font-size:12px; font-family:'Dotum'; line-height:1.3; color:#000; border:none; background:#f7f7f7; }

/* Guide Title */
.Guide_titBox { margin:20px 0 20px; padding:0 20px 20px; color:#000; text-align:center; border-bottom:2px dotted #999; background:#fff; }
.Guide_titBox h3{ position:relative; padding-bottom:10px; margin-bottom:10px; font-size:1.2rem; font-weight:600; }
.Guide_titBox h3:before { content:""; display:block; position:absolute; bottom:0; left:50%; width:60px; height:2px; margin-left:-30px; border-radius:1px; background:#000; }
.Guide_titBox p { margin-top:5px; font-size:14px; }
.Guide_titBox2{ position:relative; margin:30px 0 40px; color:#000; border-top:2px solid #333; border-bottom:1px solid #666; background:#f7f7f7; line-height:0; font-size:0; }
.Guide_titBox2 h3{ display:inline-block; margin:-15px 0 0 -1px; padding:3px 20px; line-height:20px; font-size:16px; color:#fff; background:#333; }
.Guide_titBox2 div { padding:10px 0; font-size:14px; line-height:18px; }

/* common form */
label { vertical-align:middle; font-size:0.8rem; margin-right:0.5rem; }
label input { margin-right:0.25rem; vertical-align:middle; }
input.w100{ width:100%; }
input.w80{ width:80%; }
input.w60{ width:60%; }
input.w50{ width:50%; }
input.w40{ width:40%; }
input.w30{ width:30%; }
input.w20{ width:20%; }
input.mx-w5{ width:100%; max-width:5rem; }
input.mx-w10{ width:100%; max-width:10rem; }
input.mx-w20{ width:100%; max-width:20rem; }
input.mx-w30{ width:100%; max-width:30rem; }
input.mx-w40{ width:100%; max-width:40rem; }

/* 타이틀(공통) */
[class^='titT']{ font-size:1.2rem; }
h3[class^='tit']{ line-height:1.3; font-weight:700; margin-top:3rem; }
[class^="box_st"] [class^='tit']:nth-of-type(1){ margin-top:0rem; }
h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2']{ margin-top:0.5rem; }
.tab_st3 + h3[class^="tit"],
h3[class^="tit"]:first-of-type { margin-top:0; }
div + h3[class^='tit'], p + h3[class^='tit']{ margin-top:2.5rem !important; }
h4[class^='tit']{ line-height:1.3; font-weight:700; margin-top:2.5rem; }
h4[class^='tit']:nth-of-type(1){ margin-top:0rem; }
h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3']{ margin-top:0.5rem; }
*:not(h3) + h4[class^='tit']{ margin-top:1.5rem !important; }
h5[class^='tit']{ line-height:1.3; font-weight:700; margin-top:2rem; }
h5[class^='tit']:nth-of-type(1){ margin-top:0rem; }
h5[class^='tit'][class*='3'] + h6[class^='tit'][class*='4']{ margin-top:0.5rem; }
*:not(h4) + h5[class^='tit']{ margin-top:1rem !important; }
.box_st2 h4[class^='tit']:first-of-type { margin-top:0 !important; }
.box_st2 h5[class^='tit']:first-of-type { margin-top:0 !important; }

/* 타이틀(텍스트 타입) */
.titT1{ margin-top:2rem; color:#254aa5; }
.titT2{ position:relative; margin-top:1.2rem; padding-left:1.3rem; color:#333; font-size:1.1rem; background:url('../images/con_com/bu_titT2.png') no-repeat left top 5px; }
.titT3{ margin-top:1rem; color:#3857a7; font-size:.9rem; }

/* 블릿 */
.bu_st1, .bu_st2, .bu_st3, .bu_st4, .list_st1 > li, .list_st2 > li, .list_st3 > li, .list_st4 > li { position:relative; padding-left:0.75rem; margin-top:0.25rem; color:#555; font-size:.8rem; }
.bu_st1:before, .list_st1 > li:before { content:''; position:absolute; top:0.45rem; left:0; width:6px; height:6px; border-radius:50%; background:#254aa5; }
.bu_st2:before, .list_st2 > li:before { content:''; position:absolute; top:0.45rem; left:0; width:6px; height:6px; border-radius:50%; background:#999; }
.bu_st3:before, .list_st3 > li:before { content:''; position:absolute; top:0.6rem; left:0; width:7px; height:2px; background:#999; }
.bu_st4:before, .list_st4 > li:before { content:''; position:absolute; top:0.45rem; left:0; width:3px; height:3px; background:#999; }
.bu_st2{ font-size:0.75rem; margin-left:0.25rem; }
.bu_st3{ font-size:0.75rem; margin-left:0.5rem; color:#666; }
.bu_st4{ font-size:0.7rem; margin-left:0.75rem; color:#666; }

/* 리스트 :블릿 타입 */
.list_st2 > li { font-size:.8rem; }
.list_st3 > li { font-size:.75rem; color:#666; }
.list_st4 > li { font-size:.75rem; color:#666; }

li.bu_none:before { display:none !important; }

/* 리스트 :순차적 리스트 타입 */
.list_ol1 > li { position:relative; padding-left:1.5rem; margin-top:0.5rem; font-size:.8rem; color:#555; line-height:1.25rem; }
.list_ol1 > li > span.num { position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; line-height:1.25rem; color:#22499d; text-align:center; font-weight:700; } 

.list_ol2 > li { position:relative; padding-left:1.5rem; margin-top:0.25rem; font-size:.8rem; color:#555; line-height:1.25rem; }
.list_ol2 > li > span.num { position:absolute; left:0; top:0; width:1.25rem; height:1.25rem; line-height:1.25rem; color:#111; text-align:center; font-weight:600; }

/* 리스트 :가로 나열 */
ul[class*='li_w']{ overflow:hidden; }
.li_w50 > li { width:50%; float:left; }
.li_w30 > li { width:33%; float:left; }
.li_w25 > li { width:25%; float:left; }
.li_w20 > li { width:20%; float:left; }

/* 텍스트 요소 :폰트컬러 타입 */
.pc_gray { color:#333 !important; }
.pc_black { color:#000 !important; }
.pc_blue { color:#254ba6 !important; }

.pc_red { color:#c00426 !important; }
.pc_navy { color:#091f46 !important; }
.pc_org { color:#ff4400 !important; }
.pc_green { color:#099e5e !important; }
.pc_yellow { color:#eb8809 !important; }

/* 텍스트 요소 :텍스트 배경색 */
.bg_red, .bg_gray, .bg_blue, .bg_navy, .bg_org, .bg_black, .bg_green, .bg_yellow { padding:1px 0.5rem !important; color:#fff !important; display:inline-block; }
.bg_gray { background:#333 !important; }
.bg_black { background:#000 !important; }
.bg_blue { background:#254ba6 !important; }

.bg_red { background:#c00426 !important; }
.bg_navy { background:#091f46 !important; }
.bg_org { background:#ff4400 !important; }
.bg_green { background:#099e5e !important; }
.bg_yellow { background:#eb8809 !important; }

/* 텍스트 요소 :강조 타입 */
.Tline_b { text-decoration:underline !important; }
.f_weightB { font-weight:bold; }
.font_Fr { font-weight:400 !important; }
.font_Fm { font-weight:600 !important; }
.font_Fb { font-weight:700 !important; }

/* 텍스트 요소 :폰트 크기 */
.fs12{ font-size:0.6rem !important; }
.fs13{ font-size:0.65rem !important; }
.fs14{ font-size:0.7rem !important; }
.fs16{ font-size:0.8rem !important; }
.fs18{ font-size:0.9rem !important; }
.fs20{ font-size:1rem !important; }
.fs22{ font-size:1.1rem !important; }
.fs24{ font-size:1.2rem !important; }
.fs26{ font-size:1.3rem !important; }

/* 텍스트 요소 :링크 타입 */
a.bu_link, a.bu_linkL, a.bu_mail, a.bu_mailL, a.bu_dow, a.bu_downL, a.bu_tel, a.bu_telL, a.bu_down { position:relative; display:inline-block; word-break:break-all; text-decoration:underline;} 
.txt_p > [class^="bu_"],
[class^="list_st"] > li > [class^="bu_"]{ margin:0 .25rem; }
a.bu_link:before, a.bu_linkL:before, a.bu_mail:before, a.bu_mailL:before, a.bu_down:before, a.bu_downL:before, a.bu_tel:before, a.bu_telL:before { display:inline-block; font-size:0.8rem; font-family:'xeicon'; padding-right:0.15rem; }
/*a.bu_link:after, a.bu_linkL:after, a.bu_mail:after, a.bu_mailL:after, a.bu_down:after, a.bu_downL:after, a.bu_tel:after, a.bu_telL:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; }*/
a.bu_link { color:#091f46; }
a.bu_link:after { background:#091f46; }
a.bu_link:before { content:"\e980"; }
a.bu_linkl { color:#666; }
a.bu_linkL:after { background:#666; }
a.bu_linkL:before { content:"\e980"; }
a.bu_mail { color:#091f46; }
a.bu_mail:after { background:#091f46; }
a.bu_mail:before { content:"\ea07"; }
a.bu_maill { color:#666; }
a.bu_mailL:after { background:#666; }
a.bu_mailL:before { content:"\ea07"; }
a.bu_down { color:#091f46; }
a.bu_down:after { background:#091f46; }
a.bu_down:before { content:"\eb7c"; }
a.bu_downl { color:#666; }
a.bu_downL:after { background:#666; }
a.bu_downL:before { content:"\eb7c"; }
a.bu_tel { color:#091f46; }
a.bu_tel:after { background:#091f46; }
a.bu_tel:before { content:"\e9d3"; }
a.bu_tell { color:#666; }
a.bu_telL:after { background:#666; }
a.bu_telL:before { content:"\e9d3"; }

/* 텍스트 요소 :주의&경고&말풍선 타입 */
div + .bu_atte, div + .bu_wnrn, div + .bu_ment, table + .bu_atte, table + .bu_wnrn, table + .bu_ment, ul + .bu_atte, ul + .bu_wnrn, ul + .bu_ment { margin-top:1rem; }
.bu_atte { position:relative; margin-top:0.25rem; padding-left:1rem; color:#000; font-weight:500; font-size:.8rem; }
.bu_atte:before { content:"※"; position:absolute; left:0; top:0; display:block;  color:#2c51aa; vertical-align:middle; }
.bu_wnrn { position:relative; margin-top:0.25rem; padding-left:1rem; color:#000; font-weight:500; font-size:.8rem; }
.bu_wnrn:before { content:"\e9a6"; position:absolute; left:0; top:0.2rem; display:block; font-family:'xeicon'; color:#2c51aa; font-size:1rem; vertical-align:middle; }
.bu_ment { position:relative; margin-top:0.25rem; padding-left:1rem; color:#000; font-weight:500; font-size:.8rem; }
.bu_ment:before { content:"\ea1c"; position:absolute; left:0; top:0.2rem; display:block; font-family:'xeicon'; color:#2c51aa; vertical-align:middle; }

.bu_atte_line { position:relative; margin-top:0.25rem; padding-left:1rem; color:#666; font-size:.8rem; }
.bu_atte_line:before { content:"※";  position:absolute; left:0; top:0; display:block; color:#666; vertical-align:middle; }
.bu_wnrn_line { position:relative; margin-top:0.25rem; padding-left:1rem; color:#666; font-size:.8rem; }
.bu_wnrn_line:before { content:"\e9a7"; position:absolute; left:0; top:0; display:block; font-family:'xeicon'; color:#666; font-size:1rem; vertical-align:middle; }
.bu_ment_line { position:relative; margin-top:0.25rem; padding-left:1rem; color:#666; font-size:.8rem; }
.bu_ment_line:before { content:"\ea1d"; position:absolute; left:0; top:0; display:block; font-family:'xeicon'; color:#666; vertical-align:middle; }

/* 테이블 :테이블 기본 타입 */
div[class*='tbl_st']{ position:relative; width:100%; background:#fff; overflow:hidden; margin-top:0.25rem; }

div[class*='tbl_st'] table { position:relative; width:100%; margin-left:-1px; text-align:center; border-top:2px solid #3857a7;-webkit-overflow-scrolling:touch; word-break:keep-all;/* word-break:break-all; 강제 줄바꿈 */}

div[class*='tbl_st'] table li { font-size:0.8rem; }

div[class*='tbl_st'] table li:before { top:0.5rem; }
.tbl_st table td { padding:0.5rem; line-height:1.2rem; color:#555; font-size:.8rem; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; }
.tbl_st table th { padding:0.65rem 0.5rem; color:#3857a7; font-weight:600; vertical-align:middle; line-height:1.5rem; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; font-size:.8rem; }
.tbl_st table thead th { background:#f0f3fb; }
.tbl_st table tbody th { background:#f9f9f9; color:#3857a7; }
.tbl_st table tfoot th { background:#f9f9f9; color:#3857a7; }
.tbl_st table tfoot td { border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background:rgba(0, 0, 0, 0.02); }

/* 테이블 :세로테이블 */
.tbl_st_row table td { padding:0.5rem; line-height:1.2rem; color:#666; font-size:0.8rem; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; }
.tbl_st_row table th { padding:0.65rem 0.5rem; color:#3857a7; font-weight:600; vertical-align:middle; line-height:1.5rem; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; font-size:.8rem; }
.tbl_st_row table tbody th { background:#f0f3fb; }
.tbl_st_row table tfoot th { background:#f9f9f9; }
.tbl_st_row table tfoot td { background:rgba(0, 0, 0, 0.02); }

/* 테이블 :테이블 4면 선 */
.tbl_st2 table { margin-left:0 !important; border-left:1px solid #d7d7d7; }
.tbl_st2 table th { padding:0.65rem 0.25rem; color:#3857a7; font-weight:600; vertical-align:middle; line-height:1.5rem; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.tbl_st2 table td { padding:0.5rem 0.25rem; line-height:1.2rem; color:#666; font-size:0.8rem; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.tbl_st2 table thead th { background:#f0f3fb; }
.tbl_st2 table tbody th { background:#f9f9f9; }
.tbl_st2 table tfoot th { background:#f9f9f9; }
.tbl_st2 table tfoot td { background:rgba(0, 0, 0, 0.02); }

/* 테이블 - form */
table select, table input { height:38px; border:1px solid #ddd; padding:0 .4rem; color:#666; }

table a[class^='btn_']{ padding:.3rem 0.5rem; font-size:0.75rem; vertical-align:middle; margin:0; }

table .list_st3 > li, table .list_st4 > li { color:#333; }

/* 테이블 - 기타 */
.tbl_utile { margin-top:-20px; text-align:right; line-height:16px; font-size:0.75rem; }

/* 유틸 */
/* td 정렬사용 */
.tb_txtL td { text-align:left; }
.tb_txtC td { text-align:center; }
.tb_txtR td { text-align:right; }

/* tr 색상 */
.tbl_bg_bl, .tbl_bg_bl th { color:#111; background-color:#dfe9f8 !important; }

/* 블루 */
.tbl_bg_ye, .tbl_bg_ye th { color:#111; background-color:#f5f0df !important; }

/* 옐로우 */
.tbl_bg_re, .tbl_bg_re th { color:#111; background-color:#fceff0 !important; }

/* 레드 */
.tbl_bg_gr, .tbl_bg_gr th { color:#111; background-color:#effcf6 !important; }

/* 그린 */
.tbl_l { border:2px solid #333 !important; }
.tbl_L_t { border-top:2px solid #333 !important; }
.tbl_L_b { border-bottom:2px solid #333 !important; }
.tbl_L_l { border-left:2px solid #333 !important; }
.tbl_Lbl { border:2px solid #014d9b !important; }
.tbl_Lbl_t { border-top:2px solid #014d9b !important; }
.tbl_Lbl_b { border-bottom:2px solid #014d9b !important; }
.tbl_Lbl_l { border-left:2px solid #014d9b !important; }
.tbl_Lre { border:2px solid #ff6363 !important; }
.tbl_Lre_t { border-top:2px solid #ff6363 !important; }
.tbl_Lre_b { border-bottom:2px solid #ff6363 !important; }
.tbl_Lre_l { border-left:2px solid #ff6363 !important; }
.tbl_Lgr { border:2px solid #099e5e !important; }
.tbl_Lgr_t { border-top:2px solid #099e5e !important; }
.tbl_Lgr_b { border-bottom:2px solid #099e5e !important; }
.tbl_Lgr_l { border-left:2px solid #099e5e !important; }
.tbl_Lye { border:2px solid #f9ba00 !important; }
.tbl_Lye_t { border-top:2px solid #f9ba00 !important; }
.tbl_Lye_b { border-bottom:2px solid #f9ba00 !important; }
.tbl_Lye_l { border-left:2px solid #f9ba00 !important; }

/* 선 없음 :테이블 좌, 우 선 없는 테이블 사용시 필요 */
.tbl_LT_none { border-top:none !important; }
.tbl_LB_none { border-bottom:none !important; }
.tbl_LL_none { border-left:none !important; }
.tbl_LR_none { border-right:none !important; }

/* 기본 텍스트 */
.txt_p { margin-top:.25rem; color:#555; font-weight:400; font-size:.8rem; }

/* 박스 :박스 기본 타입 */
[class^="box_st"]{ position:relative; margin-top:1rem; }
.box_st1 { padding:0.3rem; border:1px solid #e1e0e0; background:#f0f3fb; }
.box_st1 .txt_wrap { position:relative; min-height:3rem; padding:1.5rem 2rem; background:#fff; } 
.box_st2 { padding:0.3rem; border:1px solid #e1e0e0; background:#f0f3fb; }
.box_st2:before { content:""; position:absolute; left:0; top:0; width:97px; height:91px; border-top:1px solid #3857a7; border-left:1px solid #3857a7; }
.box_st2:after { content:""; position:absolute; right:0; bottom:0; width:97px; height:91px; border-right:1px solid #3857a7; border-bottom:1px solid #3857a7; }
.box_st2 .txt_wrap { position:relative; min-height:3rem; padding:1.5rem 1.25rem; background:#fff; }
.box_st2.box_img .txt_wrap { min-height:7.5rem; padding-left:7.5rem; }
.box_st2.box_img .ico { position:absolute; left:1.5rem; top:1.5rem; display:block; width:5rem; height:5rem; background:#f0f4ff; border-radius:50%; box-shadow:3px 3px 0 #e7e7e7; z-index:3; }
.box_st2.box_img .ico img { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.box_st3 { padding:0.5rem 1rem; background:#f6f6f6; }
.box_st_img { padding:1rem; text-align:center; border:2px dotted #e7e7e7; background:#fff; }
.box_st_img img { max-width:100%; }

/* 기본 박스 : 검색 */
[class^="box_st"] .search_wrap { overflow:hidden; }
[class^="box_st"] .search_wrap  input { float:left; width:calc(100% - 110px); height:45px; padding:0 .5rem; border:1px solid #e7e7e7;  border-radius:0; }
[class^="box_st"] .search_wrap  .btn_style3 { float:left; width:100px;  margin:0 0 0 10px; padding:0; text-align:center; line-height:45px; }


/* 탭 :공통 */
div[class^="tab_st"]{ position:relative; font-weight:400; text-align:left; margin-bottom:2.5rem; }
div[class^="tab_st"]:after { display:block; clear:both; content:""; }
ul[class^="tab_st"]:after { display:block; clear:both; content:""; }
ul[class^="tab_st"] + *[class^="tit"]{ margin-bottom:0; }
ul[class^="tab_st"] a[target='_blank'] > span:after { font-size:.89rem; content:"\e980"; font-family:'xeicon'; display:inline-block; padding-left:0.35rem; }
ul[class^="tab_st"] a, ul[class^="tab_st"]:before {-webkit-transition:all 0.3s ease; transition:all 0.3s ease; }

/* 탭 :1차 탭 */
.tab_st1 { margin:-.125rem; }
.tab_st1 > li { font-size:0.8rem; line-height:1; padding:.125rem; float:left; width:25%; }
.tab_st1 > li a { position:relative; display:block; padding:1rem 1rem 1rem .5rem; color:#555; background:#fff; border:2px solid #dcdcdc; }
.tab_st1 > li a:after { position:absolute; top:50%; right:.5rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:'xeicon'; color:#797979; font-size:1rem; content:"\e942"; -webkit-transition:color .3s; transition:color .3s; }
.tab_st1 > li a > span { position:relative; display:inline-block; }
.tab_st1 > li.on a:before { color:#fff; }
.tab_st1 > li.on a[target='_blank']:before { color:#fff; }
.tab_st1 > li.on a { border:2px solid #3857a7; background:#3857a7; }
.tab_st1 > li a:hover,
.tab_st1 > li a:focus { color:#3857a7; border-color:#3857a7; }
.tab_st1 > li a:hover:after,
.tab_st1 > li a:focus:after { color:#3857a7; }
.tab_st1 > li.on a { color:#fff; }
.tab_st1 > li.on a:after,
.tab_st1 > li.on a:hover:after,
.tab_st1 > li.on a:focus:after { color:#fff; }

/* 탭 :2차 탭 */
.tab_st2{ margin:-.125rem; }
.tab_st2 li { position:relative; width:25%; float:left; padding:.125rem; }
.tab_st2 li a { position:relative; display:block; padding:1rem 2rem 1rem 1rem; line-height:1; font-size:.8rem; color:#555;  border:1px solid #dcdcdc; }
.tab_st2 li a:after { position:absolute; top:50%; right:.5rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:'xeicon'; color:#797979; font-size:1rem; content:"\e942"; -webkit-transition:color .3s; transition:color .3s; }
.tab_st2 li a:hover,
.tab_st2 li a:focus,
.tab_st2 li a:hover:before,
.tab_st2 li a:focus:before { color:#333; border:1px solid #999; background:#f7f7f7; }
.tab_st2 li.on a,
.tab_st2 li.on a:hover,
.tab_st2 li.on a:focus,
.tab_st2 li.on a:before { color:#2856a4; font-weight:600; border:1px solid #2856a4; background:#f5f8ff; }
.tab_st2 li.on a:hover:after,
.tab_st2 li.on a:focus:after,
.tab_st2 li.on a:after { color:#2856a4; font-weight:600; }

/* 탭 :리스트 */
.tab_list { padding:0.5rem 0; overflow:hidden; border:2px solid #ddd; }
.tab_list li { width:25%; float:left; padding:0 1rem; }
.tab_list li a { position:relative; display:block; padding:.5rem 0 .5rem 1.25rem; line-height:1rem; font-size:.8rem; color:#999; -webkit-transition:all .3s ease; transition:all .3s ease; }
.tab_list li a:after { position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:'xeicon'; color:#797979; font-size:1rem; content:'\e92c'; -webkit-transition:color .3s; transition:color .3s; }
.tab_list li a:hover, .tab_list li a:focus { color:#333; }
.tab_list li.on a,
.tab_list li#current a { color:#22499d; font-weight:600; }
.tab_list li.on a:after,
.tab_list li#current a:after { color:#22499d; content:'\e92b'; }

/* 탭 :개수 지정 */
.Tab_w50 > li { width:50%; }
.Tab_w30 > li { width:33%; }
.Tab_w20 > li { width:20%; }

/* 탭 :반응형 */
.reactTab { display:block; }
.reactTab a.selectTab { display:none; }

/* 버튼 :버튼들 감싸는 레이아웃 */
.btns { margin:1rem 0 2rem; }

/* 버튼 :기본 */
.btn_style1{ display:inline-block; padding:.5rem 1rem; background:#3857a7; color:#fff; font-size:.8rem; font-weight:500; }
.btn_style1:hover,
.btn_style1:focus { background:#113ba5; }
.btn_style2{ display:inline-block; padding:.5rem 1rem; background:#444; color:#fff; font-size:.8rem; font-weight:500; }
.btn_style2:hover,
.btn_style2:focus { background:#111; } 
.btn_style3{ display:inline-block; padding:.5rem 1rem; background:#c00426; color:#fff; font-size:.8rem; font-weight:500; }
.btn_style3:hover,
.btn_style3:focus { background:#8f001a; } 
.btn_style4{ display:inline-block; padding:.5rem 1rem; background:#5074cf; color:#fff; font-size:.8rem; font-weight:500; }
.btn_style4:hover,
.btn_style4:focus { background:#2d5cd1; } 
.btn_style5{ display:inline-block; padding:.5rem 1rem; background:#f16c24; color:#fff; font-size:.8rem; font-weight:500; }
.btn_style5:hover,
.btn_style5:focus { background:#e95100; } 
.btn_style6{ display:inline-block; padding:.5rem 1rem; background:#008f5b; color:#fff; font-size:.8rem; font-weight:500; }
.btn_style6:hover,
.btn_style6:focus { background:#006d45; } 
.btn_style7{ display:inline-block; padding:.5rem 1rem; background:#fbca1a; color:#333; font-size:.8rem; font-weight:500; }
.btn_style7:hover,
.btn_style7:focus { background:#ffb107; } 

.btn_line_style1{ display:inline-block; padding:.5rem 1rem; border-width:2px; border-style:solid; border-color:#3857a7; color:#3857a7; font-size:.8rem; font-weight:500; }
.btn_line_style1:hover,
.btn_line_style1:focus { border-color:#113ba5; color:#113ba5; }
.btn_line_style2{ display:inline-block; padding:.5rem 1rem; border-width:2px; border-style:solid; border-color:#444; color:#444; font-size:.8rem; font-weight:500; }
.btn_line_style2:hover,
.btn_line_style2:focus { border-color:#111; color:#111; } 

div + a[class^="btn_"], table + a[class^="btn_"], ul + a[class^="btn_"], p + a[class^="btn_"], br + a[class^="btn_"]{ margin-top:0.5rem; }
[class^="btn_style"],
[class^="btn_line_style"]{ margin:.15rem; -webkit-transition:all .3s; transition:all .3s; }
[class^="btn_style"] i,
[class^="btn_line_style"] i { margin-left:.25rem; -webkit-transition:transform .3s; transition:transform .3s; }
[class^="btn_style"]:hover i,
[class^="btn_style"]:focus i,
[class^="btn_line_style"]:hover i,
[class^="btn_line_style"]:focus i {-webkit-transform:translateX(2px); transform:translateX(2px); }

div[class^="box_st"] .btn_wrap { margin:1rem -.25rem 0; padding-top:1rem; border-top:1px dashed #e7e7e7; }

/* 게시판상세보기안에 버튼 - 쓰지마세요.(다음 프로젝트시 삭제요망) */
.btn_wrap2 a[class^='btn_']{ padding:.5rem 1rem !important; font-size:1rem !important; }
/* //게시판상세보기안에 버튼 - 쓰지마세요.(다음 프로젝트시 삭제요망) */

/* 이미지 사이즈 :확대보기 */
.rsp_img { position:relative; width:auto; max-width:100%; }
.rsp_img img { max-width:100%; }
.rsp_img .btn-zoom { position:absolute; bottom:0; right:0; width:45px; height:45px; display:block; z-index:100; background:url("../images/con_com/ico_rsp_img.png") no-repeat; text-indent:-9999em; overflow:hidden; }

/* 이미지 사이즈 :100% */
.img_w100{ max-width:100%; }

/* 콘텐츠 준비중 */
.Coming_soon { padding:50px 20px; border:5px solid #dfe6ee; text-align:center; }
.Coming_soon h3{ font-size:1.5rem; color:#222; }
.Coming_soon p { position:relative; margin-top:1.5rem; padding-top:1.5rem; }
.Coming_soon p:before { content:''; position:absolute; top:0; left:50%; width:2rem; height:3px; margin-left:-1rem; background:#222; }

/* 라인 */
.line_dot { margin-bottom:1rem; padding-top:1rem; border-bottom:2px dotted #d2d2d2; }
.line_dot_b { border-bottom:2px dotted #d2d2d2; }

/* display */
.disIb { display:inline-block !important; }

/* input select px */
.InpSel_50{ width:50px !important; }
.InpSel_80{ width:80px !important; }
.InpSel_100{ width:100px !important; }
.InpSel_150{ width:150px !important; }
.InpSel_200{ width:200px !important; }
.InpSel_250{ width:250px !important; }
.InpSel_300{ width:300px !important; }
.InpSel_350{ width:350px !important; }
.InpSel_400{ width:400px !important; }
.InpSel_450{ width:450px !important; }
.InpSel_500{ width:500px !important; }

/* input select  % */
.InpSel_w10{ width:10% !important; }
.InpSel_w20{ width:20% !important; }
.InpSel_w30{ width:30% !important; }
.InpSel_w40{ width:40% !important; }
.InpSel_w50{ width:50% !important; }
.InpSel_w60{ width:60% !important; }
.InpSel_w70{ width:70% !important; }
.InpSel_w80{ width:80% !important; }
.InpSel_w90{ width:90% !important; }
.InpSel_w100{ width:100% !important; }

/* 패딩 */
.pd0{ padding:0 !important; }
.pd5{ padding:5px !important; }
.pd10{ padding:10px !important; }
.pd15{ padding:15px !important; }
.pd20{ padding:20px !important; }
.pd30{ padding:30px !important; }
.pdt5{ padding-top:5px !important; }
.pdt10{ padding-top:10px !important; }
.pdt15{ padding-top:15px !important; }
.pdt20{ padding-top:20px !important; }
.pdt30{ padding-top:30px !important; }
.pdt40{ padding-top:40px !important; }
.pdr5{ padding-right:5px !important; }
.pdr10{ padding-right:10px !important; }
.pdr15{ padding-right:15px !important; }
.pdr20{ padding-right:20px !important; }
.pdr30{ padding-right:30px !important; }
.pdb5{ padding-bottom:5px !important; }
.pdb10{ padding-bottom:10px !important; }
.pdb15{ padding-bottom:15px !important; }
.pdb20{ padding-bottom:20px !important; }
.pdb30{ padding-bottom:30px !important; }
.pdl5{ padding-left:5px !important; }
.pdl10{ padding-left:10px !important; }
.pdl15{ padding-left:15px !important; }
.pdl20{ padding-left:20px !important; }
.pdl30{ padding-left:30px !important; }

/* 마진 */
.mg0{ margin:0 !important; }
.mg5{ margin:5px !important; }
.mg10{ margin:10px !important; }
.mg15{ margin:15px !important; }
.mg20{ margin:20px !important; }
.mg30{ margin:30px !important; }
.mgt5{ margin-top:5px !important; }
.mgt10{ margin-top:10px !important; }
.mgt15{ margin-top:15px !important; }
.mgt20{ margin-top:20px !important; }
.mgt30{ margin-top:30px !important; }
.mgt40{ margin-top:40px !important; }
.mgt5n { margin-top:-5px !important; }
.mgt10n { margin-top:-10px !important; }
.mgr5{ margin-right:5px !important; }
.mgr10{ margin-right:10px !important; }
.mgr15{ margin-right:15px !important; }
.mgr20{ margin-right:20px !important; }
.mgr30{ margin-right:30px !important; }
.mgb0{ margin-bottom:0 !important; }
.mgb5{ margin-bottom:5px !important; }
.mgb10{ margin-bottom:10px !important; }
.mgb15{ margin-bottom:15px !important; }
.mgb20{ margin-bottom:20px !important; }
.mgb30{ margin-bottom:30px !important; }
.mgl5{ margin-left:5px !important; }
.mgl10{ margin-left:10px !important; }
.mgl15{ margin-left:15px !important; }
.mgl20{ margin-left:20px !important; }
.mgl30{ margin-left:30px !important; }

/*사이트맵 191106 */
.cont_sitemap .cont_sitemap_row { margin-top:20px; margin-left:-15px; margin-right:-15px; }
.cont_sitemap .cont_sitemap_row:first-child { margin-top:0; }
.cont_sitemap .cont_sitemap_row::after { content:''; display:block; clear:both; }
.cont_sitemap .cont_sitemap_col { float:left; width:calc(33.3% - 30px); margin:0 15px; }
.cont_sitemap .cont_sitemap_col2{ width:calc(50% - 30px)}
.cont_sitemap .cont_sitemap_col2 > div { float:left; width:calc(50% - 15px)}
.cont_sitemap .cont_sitemap_col2 > div:last-child { margin-left:30px; }
.cont_sitemap h4{ border-top:2px solid #22499d; border-bottom:1px solid #cccccc; text-align:center; padding:.25rem; }
.cont_sitemap h4 a { font-size:.9rem; color:#111; }
.cont_sitemap_col a { display:inline-block; }
.cont_sitemap_col ul > li { border-top:1px dotted #ccc; position:relative; }
.cont_sitemap_col ul { border-bottom:1px solid #ccc; }
.cont_sitemap_col ul > li:first-child { border-top:0; }
.cont_sitemap_col ul > li > a { display:block; font-size:14px; padding:.5rem 1rem; }
.cont_sitemap_col ul ul { margin-left:22px; display:none; padding-bottom:15px; border-bottom:0; }
.cont_sitemap_col ul ul li { margin-top:5px; border:0; }
.cont_sitemap_col ul ul li:first-child { margin-top:0; }
.cont_sitemap_col ul ul a { color:#333333; font-size:14px; position:relative; padding:0 0 0 10px; display:inline-block; line-height:1.2em; font-weight:normal; margin-right:auto; }
.cont_sitemap_col ul ul a::after { content:''; position:absolute; left:0; top:6px; width:3px; height:3px; background:#444444; }
/* 5차메뉴추가 START *//* 191105 */
.cont_sitemap_col ul ul ul { background:#f5f5f5; margin:5px 0; padding:10px; overflow:hidden; }
.cont_sitemap_col ul ul ul a { font-size:13px; color:#555; }
.cont_sitemap_col ul ul ul a::after { width:4px; height:1px; top:5px; }
.cont_sitemap_col ul ul ul a:hover { font-family:'NotoR'; font-weight:normal; color:#444; text-decoration:underline; }

/* 5차메뉴추가 END */
.cont_sitemap_col .mgnavi_depth_open,
.cont_sitemap_col .mgnavi_depth_close { display:block; border:1px solid #bababa; background:#fff; font-size:0; width:17px; height:17px; cursor:pointer; position:relative; position:absolute; right:0; top:12px; }
.cont_sitemap_col .mgnavi_depth_close { display:none; }
.cont_sitemap_col .mgnavi_depth_open::after { content:''; width:8px; height:1px; background:#000; position:absolute; left:5px; top:8px; }
.cont_sitemap_col .mgnavi_depth_open::before { content:''; width:1px; height:8px; background:#000; position:absolute; left:8px; top:5px}
.cont_sitemap_col .mgnavi_depth_close::after { content:''; width:8px; height:1px; background:#000; position:absolute; left:5px; top:8px; }
.cont_sitemap_col .active .mgnavi_depth_open { display:none; }
.cont_sitemap_col .active .mgnavi_depth_close { display:block; }
.cont_sitemap_col .active ul { display:block; }
.cont_sitemap_col .link { padding-left:25px;  background:url("./../images/con_com2/btn_linkG_SML.png") no-repeat 7px center; }

/* 교수소개 : 공통 */
.info_lst_com { margin:-.5rem 0; }
.info_lst_com > li { position:relative; margin:.5rem 0; border:1px solid #cbcbcb; overflow:hidden; }
.info_lst_com > li:before { position:absolute; top:0; left:0; width:47.702%; height:2px; background:#22499d; content:""; }
.info_lst_com > li .info_box { position:relative; padding:1.35rem; overflow:hidden; }
.info_lst_com > li .img_box { position:relative; float:left; width:180px; }
.info_lst_com > li .img_box:before { position:absolute; top:0; left:-1.35rem; width:100%; height:4rem; background:url(./../images/con_com2/info_lst_com_imgBg.jpg)no-repeat center/cover; content:""; z-index:-1; }
.info_lst_com > li .img_box > .img { position:relative; display:block; width:114px; height:145px; margin-top:1.25rem; background:#e8ecf4; box-shadow:0 0 5px rgba(0,0,0,.3); overflow:hidden; }
.info_lst_com > li .img_box > .img:after { position:absolute; top:50%; left:50%; width:82px; height:63px; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:url(./../images/con_com2/info_lst_com_imgBg.png)no-repeat center/cover; content:""; }
.info_lst_com > li .img_box > .img > img { position:absolute; top:50%; left:50%; width:100%; height:100%; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:1; }
.info_lst_com > li .txt_box_wrap { position:relative; float:left; width:calc(100% - 180px); }
.info_lst_com > li .txt_box_wrap .name { display:block; width:calc(100% - 130px); color:#000; font-size:1rem; font-weight:700; }
.info_lst_com > li .txt_box_wrap .name > em { display:inline-block; font-weight:100; font-size:.9rem; }
.info_lst_com > li .txt_box_wrap .info_lst_ctt { overflow:hidden; margin:.25rem -.75rem 0; }
.info_lst_com > li .txt_box_wrap .info_lst_ctt > li { float:left; padding:.25rem .75rem; color:#333; font-size:.75rem; }
.info_lst_com > li .txt_box_wrap .info_lst_ctt > li > i { display:inline-block; vertical-align:middle; width:30px; height:30px; background:#666; color:#fff; text-align:center; font-size:.9rem; line-height:30px; border-radius:50%; content:""; vertical-align:middle; }
.info_lst_com > li .txt_box_wrap .info_lst_ctt > li > span { display:inline-block; vertical-align:middle; margin-left:.5rem; }
.info_lst_com > li .txt_box_wrap .btn_line_style1 { position:absolute; top:-.75rem; right:0; margin:0; }
.info_lst_com > li .txt_box_wrap .list_st1 { margin-top:1rem; padding-top:.75rem; border-top:1px dashed #ccc; }
.info_lst_com > li .txt_box_wrap .list_st1 > li > strong{ display:inline-block; width:80px; padding-right:.25rem; color:#22499d; vertical-align:top; }
.info_lst_com > li .txt_box_wrap .list_st1 > li > span { display:inline-block; width:calc(100% - 100px); vertical-align:top; }
.info_lst_com > li .txt_box_wrap a.bu_mail:before { content:"\e9fa"; }
.info_lst_com > li .details { padding:1.35rem; background:#f9fafc; border-top:1px solid #cbcbcb; }

/*
@media screen and (max-width:1570px){ 
  .tab_st1 > li { width:33.333%; } 
  .tab_st2 li { width:33.333%; } 
  .tab_list li { width:33.333%; }
}*/
@media screen and (max-width:1300px){
  /* 테이블 스크롤 */
  div[class*='tbl_st'].scroll_gr { width:100%; overflow-x:auto; background-repeat:no-repeat; background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0))); background-image:linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background-position:right 5px; background-size:30px 100%; z-index:1; }
  div[class*='tbl_st'].scroll_gr table { width:100px; min-width:1200px; }
} 
@media screen and (max-width:1200px){
  /* 탭 :반응형 */
  ul[class^="tab_st"]{ margin-bottom:1.5rem; }
  .reactTab { height:0; margin-bottom:1.5rem; overflow:hidden; }
  .reactTab ul[class^="tab_st"]{ text-align:left; margin-bottom:0; }
  .reactTab ul[class^="tab_st"] > li { width:100% !important; display:block; padding:0; table-layout:auto; }
  .reactTab ul[class^="tab_st"] > li.on { position:absolute; left:0; top:0; width:100%; }
  .reactTab ul[class^="tab_st"] > li.on > a:after { display:block; position:absolute; right:1rem; font-size:18px; line-height:45px; font-family:'xeicon'; z-index:1; background:transparent; bottom:auto; left:auto; height:auto; width:auto; -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition: transform .3s; transition: transform .3s;  }
  .reactTab.tab_st1_box { padding-top:45px; }
  .reactTab.tab_st1_box ul { background:#f5f5f5; }
  .reactTab.tab_st1_box ul > li { margin:0; }
  .reactTab.tab_st1_box ul > li a { padding:15px 10px; background:transparent; border:0; overflow:hidden; font-size:15px; }
  .reactTab.tab_st1_box ul > li.on > a:after { color:#fff; }
  .reactTab.tab_st1_box ul > li + li { margin-left:0; }
  .reactTab.tab_st2_box { padding-top:47px; }
  .reactTab.tab_st2_box ul { background:#f3f3f3; overflow:hidden; }
  .reactTab.tab_st2_box ul > li { border:0; }
  .reactTab.tab_st2_box ul > li a { display:block; padding:15px 10px; font-size:15px; border:0; }
  .reactTab.tab_st2_box ul > li a:hover,
  .reactTab.tab_st2_box ul > li a:focus { background:transparent; color:#000; }
  .reactTab.tab_st2_box ul > li.on a {  border:1px solid #2856a4; color:#2856a4; }
  .reactTab .tab_st > li a:before,
  .reactTab ul > li a:after { display:none; }
  .reactTab.tab_st1_box ul > li.on a { background:#3857a7; }
  .reactTab ul[class^="tab_st"] > li:last-of-type { border-bottom:0; }

  .reactTab.ov ul[class^="tab_st"] > li.on > a:after {-webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }
  .reactTab.ov ul > li.on a { padding-right:50px; }
  /* 탭 :개수 지정 */
  .Tab_w20 > li { width:25%; }
  /* 리스트 :가로 나열 */
  .li_w20 > li { width:25%; }
  /* 테이블 - 기타 */
  .tbl_utile { margin-top:0; }
  /* 유틸 & 스크롤있을때 */
}
@media screen and (max-width:1184px){
  /* 탭 :1차 탭 */
  .tab_st1 > li { width:50%; }
}
@media screen and (max-width:1024px){
	/* pdf 뷰어 : 시작 **************************************************************/
	.pdfBox .pdf_inner .pdf_view {height:30rem;}
	/* pdf 뷰어 : 끝 **************************************************************/


  /* 타이틀(블릿 타입) */
  .tit1Box { overflow:hidden; margin-top:1.5rem; padding-left:0; }
  .tit1Box div[class^='box_st']{ margin-top:0.5rem; margin-left:0; }
  .tit1{ position:relative; left:auto; top:auto; width:auto; margin-bottom:0.75rem; }
  .tit1 br { display:none; }
	/* 블릿 */
  .bu_st1:before, .list_st1 > li:before { top:10px; }
  /* 탭 :리스트 */
  .tab_list li { width:33.33%; }
  /* 탭 :개수 지정 */
  .Tab_w20 > li { width:33%; }
  /* 리스트 :가로 나열 */
  .li_w25 > li { width:33%; }
  .li_w20 > li { width:33%; }

}

@media screen and (max-width:860px){
  /* 탭 :리스트 */
  .tab_list li { width:50%; }
  /* 탭 :개수 지정 */
  .Tab_w30 > li { width:50%; }
  .Tab_w20 > li { width:50%; }
  /* 리스트 :가로 나열 */
  .li_w30 > li { width:50%; }
  .li_w25 > li { width:50%; }
  .li_w20 > li { width:50%; }
  /* 탭 :1차 탭 */
  .tab_st1 > li { width:100%; }
  .tab_st1 > li a { padding:.75rem 1rem .75rem .5rem; }
  /* 사이트맵 */
  .cont_sitemap .cont_sitemap_col { width:calc(50% - 30px); }
}
@media screen and (max-width:640px){
  /* 탭 :1, 2차 탭 */
  div[class^="tab_st"]{ margin-bottom:1.5rem; }
  .tab_st2 li { width:100%; padding:0; }
  .tab_st2 li > a { padding:.75rem; }
  .tab_list { margin:0; }
  .tab_list li { width:100%; }
  .tab_list li a { padding: .3rem 0 .3rem 1.25rem; }
  /* action초기화 :시작 *******************************/
  /* 버튼 :기본 */
  .btn_style1:hover,
  .btn_style1:focus { background:#22499d; }
  .btn_style2:hover,
  .btn_style2:focus { background:#00a0a8; }
  .btn_style3:hover,
  .btn_style3:focus { background:#525c6e; }
  .btn_line_style1:hover,
  .btn_line_style1:focus { border-color:#22499d; color:#22499d; }
  .btn_line_style2:hover,
  .btn_line_style2:focus { border-color:#00a0a8; color:#00a0a8; }
  .btn_line_style3:hover,
  .btn_line_style3:focus { border-color:#525c6e; color:#525c6e; }
  [class^="btn_style"]:hover i,
  [class^="btn_style"]:focus i,
  [class^="btn_line_style"]:hover i,
  [class^="btn_line_style"]:focus i {-webkit-transform:translateX(0); transform:translateX(0); }
  /* action초기화 :끝 *******************************/

  /* 타이틀(텍스트 타입) */
  .titT1{ font-size:1rem; }
  .titT2{ font-size:.95rem; background-size:15px 15px; padding-left:1.2rem;}

  /* 타이틀(블릿 타입) */
  .tit1{ padding-left:1.25rem; }
  .tit1:before { width:0.75rem; top:1.15rem; }
  /* 박스 :박스 기본 타입 */
  .box_st_ico { padding-left:0; }
  .box_st_ico .ico_boxImg { position:relative; left:auto; top:auto; margin:0 auto 10px; text-align:center; }
  /* 박스 아이콘 */
  .box_st_ico .inner { padding-left:1.35rem; }
  .box_st1 { padding: 0.25rem; } 
  .box_st2 { padding:.5rem; border:1px solid #ccc; background:#fff; }
  .box_st2.box_img .txt_wrap { min-height:auto; padding:7rem 1rem 1rem; }
  .box_st2.box_img .ico { left:50%; margin-left:-2.5rem; z-index:3; }
  .box_st3 { padding:0.25rem 0.5rem; background:#f6f6f6; }

  .box_st_img { padding:1rem; text-align:center; border:2px dotted #e7e7e7; background:#fff; }
  .box_st_img img { max-width:100%; }

  /* 교수소개 : 공통 */
  .info_lst_com > li .info_box { padding:1rem; }
  .info_lst_com > li .img_box { width:110px; }
  .info_lst_com > li .txt_box_wrap { width:calc(100% - 110px);}
  .info_lst_com > li .img_box:before { display:none; }
  .info_lst_com > li .img_box > .img { width:95px; height:120px; margin:0; }
  .info_lst_com > li .txt_box_wrap .btn_line_style1 { position:relative; top:auto; right:auto; width:100%; margin-top:.5rem; text-align:center; }
  .info_lst_com > li .txt_box_wrap .name { width:100%; }
  .info_lst_com > li .txt_box_wrap .list_st1 { width:calc(100% + 120px); margin-left:-120px; }
  .info_lst_com > li .txt_box_wrap .info_lst_ctt { margin:0; }
  .info_lst_com > li .txt_box_wrap .info_lst_ctt > li { width:100%; padding:.25rem 0; float:none; }
  .info_lst_com > li .txt_box_wrap .info_lst_ctt > li > span { width:calc(100% - 50px); margin-left:.5rem; }
  .info_lst_com > li .txt_box_wrap .info_lst_ctt > li > span > a { word-break:break-all; }
  .info_lst_com > li .txt_box_wrap .info_lst_ctt > li > i {width:25px; height:25px; line-height:25px; font-size:.75rem; }
  .info_lst_com > li .details { padding:1rem; }
}
@media screen and (max-width:480px){
  /* 탭 :개수 지정 */
  .Tab_w50 > li { width:100%; }
  .Tab_w30 > li { width:100%; }
  .Tab_w20 > li { width:100%; }
  /* 리스트 :가로 나열 */
  .li_w50 > li { width:100%; }
  .li_w30 > li { width:100%; }
  .li_w25 > li { width:100%; }
  .li_w20 > li { width:100%; }

  /* 사이트맵 */
  .cont_sitemap .titT1{ margin:1.5rem 0 .5rem !important; }
  .cont_sitemap .cont_sitemap_row { margin:0; }
  .cont_sitemap .cont_sitemap_row + .cont_sitemap_row,
  .cont_sitemap .cont_sitemap_col + .cont_sitemap_col { margin-top:1rem; }
  .cont_sitemap .cont_sitemap_col { width:100%; margin:0; }

  /* 기본 박스 : 검색 */
  [class^="box_st"] .search_wrap  input { width:100%; float:none; }
  [class^="box_st"] .search_wrap  .btn_style3 { width:100%; float:none; margin:.5rem 0 0; }

  /* 교수소개 : 공통 */
  .info_lst_com > li .img_box { display:block; margin:auto; float:none; }
  .info_lst_com > li .txt_box_wrap { float:none; width:100%; margin-top:1rem; text-align:center; }
  .info_lst_com > li .txt_box_wrap .info_lst_ctt { margin:.25rem -.5rem 0; }
  .info_lst_com > li .txt_box_wrap .info_lst_ctt > li { text-align:left; float:left; width:auto; padding:.25rem .5rem; }
  .info_lst_com > li .txt_box_wrap .info_lst_ctt > li > span { width:auto; margin:0; }
  .info_lst_com > li .txt_box_wrap .list_st1 { width:100%; margin-left:0; }
  .info_lst_com > li .txt_box_wrap .list_st1 > li { text-align:left; }
}