@charset "UTF-8";

/* 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%;}

/* Guide Layout */
.Guide_con h3.Guid_tit {position:relative; padding-top:8px; font-size:1.2rem; color:#111; font-weight:500;}
.Guide_con h3.Guid_tit:before {content:""; display:block; position:absolute; top:0; left:0; width:3rem; height:4px; background:#1976d2;}
.Guide_con .DG_list {padding-bottom:1.25rem; margin-bottom:1.25rem; 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:8.5rem; padding:0 1rem; text-align:center; font-size:0.9rem; line-height:2.25rem; 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 { min-width: 100%; width:100%; max-width: 100%; height:100px; font-size:0.6rem; font-family:'Dotum'; line-height:1.3; color:#000; border:none; background:#f7f7f7; }

/* Guide Title */
.Guide_titBox {margin:2rem 0 0.5rem; color:#000; }
.Guide_titBox h3 {position:relative; font-size:1.2rem; font-weight:700;}
.Guide_titBox p {margin-top:5px; font-size:0.8rem; font-weight:200;}
.Guide_titBox2 {position: relative; margin: 1.5rem 0 1rem; 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: -0.75rem 0 0 -1px; font-size: 0.75rem; line-height: 1.4; padding: 3px 1rem; line-height: 1rem; color: #fff; background: #333;}
.Guide_titBox2 div {padding: 0.5rem 0 0; line-height: 0.9rem;}


/* 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; }

/* 타이틀 */
h3[class^='tit'] span,
h4[class^='tit'] span,
h5[class^='tit'] span {display: block; margin-right: 1rem;}
h3[class^='tit'] p,
h4[class^='tit'] p,
h5[class^='tit'] p {font-size: 0.75rem; color: #848282; font-weight: 400; margin-top: 0.5rem; position: relative;}
h3[class^='tit'] p {bottom: 0.2rem;}
h4[class^='tit'] p {bottom: 0.15rem;}
h5[class^='tit'] p {bottom: 0.1rem;}
h3[class^='tit'] {margin-top: 3rem;}

h3[class^='tit'],
h4[class^='tit'],
h5[class^='tit'] {display: flex; flex-wrap: wrap; align-items: flex-end; font-weight: 700; margin-bottom: 0.5rem;}

div + h3[class^='tit'],
p + h3[class^='tit'] {margin-top: 2.5rem !important;}
h4[class^='tit'] {margin-top: 2.5rem;}
h5[class^='tit'] {margin-top: 2rem;}
[class^='tit'] + [class^="box_st"] {margin-top: 0.5rem;}
[class^="box_st"] [class^='tit']:nth-of-type(1),
.tab_st3 + h3[class^="tit"],
h3[class^="tit"]:nth-of-type(1),
h4[class^='tit']:nth-of-type(1),
h5[class^='tit']:nth-of-type(1) {margin-top: 0;}
h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2'],
h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3'],
h5[class^='tit'][class*='3'] + h6[class^='tit'][class*='4'] {margin-top: 0.5rem;}
*:not(h3) + h4[class^='tit'] {margin-top: 1.5rem !important;}
*:not(h4) + h5[class^='tit'] {margin-top: 1rem !important;}
.box_st2 h4[class^='tit']:nth-of-type(1),
.box_st2 h5[class^='tit']:nth-of-type(1) {margin-top: 0 !important;}
.tit1 {font-size: 1.2rem; color: #002270; margin-top: 2rem; position: relative; }
.tit2 { font-size: 1.1rem; color: #333; margin-top: 1.2rem; position: relative;}
.tit2::before { position: absolute; content:''; width: 1.15rem; height: 0.65rem; top: -0.75rem; left: 0; background:url('/images/web/grad/con_com/h2_bu_ico.png') no-repeat center / contain;}
.tit3 {font-size: 0.9rem; color: #333; margin-top: 1rem;}

/* 블릿 타입, 리스트 : 불릿 타입 */
[class^='bu_st'],
[class^='list_st'] > li {position: relative;}
.bu_st1,
.list_st1 > li {padding-left: 0.6rem; color: #2b2828; line-height:1.2rem;}
.bu_st2,
.list_st2 > li {padding-left: 0.55rem; font-size: 0.75rem; color: #505050;}
.bu_st3,
.list_st3 > li {padding-left: 0.65rem; font-size: 0.75rem; color: #504648;}
.bu_st4,
.list_st4 > li {padding-left: 0.75rem; font-size: 0.75rem; color: #504648;}
.bu_st1:before,
.list_st1 > li:before {content: ''; width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #1667c3; position: absolute; left: 0; top: 0.45rem;}
.bu_st2:before,
.list_st2 > li:before {content: ''; width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #999; position: absolute; left: 0; top: 0.45rem;}
.bu_st3:before,
.list_st3 > li:before {content: ''; width: 0.35rem; height: 2px; background: #999; position: absolute; left: 0; top: calc(0.65rem - 2px);}
.bu_st4:before,
.list_st4 > li:before {content: ''; width: 3px; height: 3px; background: #999; position: absolute; left: 0; top: 0.55rem;}
.bu_st2 {margin-left: 0.6rem;}
.bu_st3 {margin-left: 1.25rem;}
.bu_st4 {margin-left: 2.1rem;}
 
/* 리스트 : 불릿 타입 */
* ~ [class^='list_st'],
li [class^='list_st'] {margin-top: 0.25rem;}
[class^='list_st'] > li + li {margin-top: 0.25rem;}
li.bu_none:before {display: none;}

/* 리스트 : 텍스트 타입 */
.list_stT1 > li {color: #2b2828;}
ul .list_stT1 {padding-left: 1rem;}
[class^='list_stT'] > li ul,
[class^='list_stT'] > li ol {margin: 0.25rem 0 0 0.5rem;}
.list_stT1 > li ul li,
.list_stT1 > li ol li {font-size: 0.75rem; color: #505050;}

/* 리스트 : 가로 나열 */
ul[class*='li_w'] {display: flex; flex-wrap: wrap; overflow: hidden;}
ul[class*='li_w'] li {margin-top: 0; padding-right: 0.5rem;}
.li_w50 > li {width: 50%;}
.li_w50 > li:nth-child(n+3) {margin-top: 0.25rem;}
.li_w30 > li {width: calc(100% / 3);}
.li_w30 > li:nth-child(n+4) {margin-top: 0.25rem;}
.li_w25 > li {width: 25%;}
.li_w25 > li:nth-child(n+5) {margin-top: 0.25rem;}
.li_w20 > li {width: 20%;}
.li_w20 > li:nth-child(n+6) {margin-top: 0.25rem;}

/* 리스트 : 순차적 리스트 타입 */
[class^='list_ol'] > li + li {margin-top: 0.25rem;}
.list_ol1 > li {padding-left: 1.6rem; margin-left: 1rem; font-size: 0.75rem; color: #504648; position: relative;}
.list_ol1 > li > span.num {display: flex; justify-content: center; align-items: center; width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 1px solid #cecece; font-size: 0.7rem; color: #444; font-weight: 600; position: absolute; left: 0; top: 0;}

/* 텍스트 요소 : 주의&경고&말풍선 타입 */
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 {padding-left: 1rem; color: #222425; margin-top: 0.25rem; position: relative;}
.bu_atte:before {content: "\203b"; position: absolute; left: 0; top: 0;}
.bu_wnrn {padding-left: 1.1rem; color: #222425; margin-top: 0.25rem; position: relative;}
.bu_wnrn:before {content: "\e9a6"; font-family: 'xeicon'; font-size: 0.95rem; color: #002270; position: absolute; left: 0; top: -0.05rem;}
.bu_ment {padding-left: 1rem; color: #222425; margin-top: 0.25rem; position: relative;}
.bu_ment:before {content: "\ea1c"; font-family: 'xeicon'; position: absolute; left: 0; top: 0;}

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_gray {color: #333 !important;}
.pc_black {color: #000 !important;}
.pc_blue {color: #0397fd !important;}
.pc_red {color: #c00426 !important;}
.pc_navy {color: #004396 !important;}
.pc_org {color: #ff4400 !important;}
.pc_green {color: #008d64 !important;}
.pc_yellow {color: #f58a00 !important;}

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

/* 텍스트 요소 : 강조 타입 */
.Tline_b {text-decoration: underline !important;}
.Tline_bgB {background: url("/images/web/grad/con_com/bg_Tline_bgB.png") left bottom repeat-x; padding: 0 5px;}
.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_mail,
a.bu_down,
a.bu_tel {display: inline-block; color: #091f46; text-decoration: underline; position: relative; word-break: break-all;}
.txt_p > [class^="bu_"],
[class^="list_st"] > li > [class^="bu_"] {margin: 0 0.25rem;}
a.bu_link:before,
a.bu_mail:before,
a.bu_down:before,
a.bu_tel:before {display: inline-block; padding-right: 0.15rem; font-family: 'xeicon'; font-size: 0.8rem;}
a.bu_link:before {content: "\e980";}
a.bu_mail:before {content: "\ea07";}
a.bu_down:before {content: "\eb7c";}
a.bu_tel:before {content: "\e9d3";}

/* 테이블 : 테이블 기본 타입 */
div[class*='tbl_st'] {background: #fff; overflow: hidden; margin-top: 0.5rem; position: relative;}
div[class*='tbl_st']:after {content: ""; display: block; width: 100%; height: 1px; background: #c8c6c7; position: absolute; left: 0; bottom: 0;}
div[class*='tbl_st'] + div[class*='tbl_st'] {margin-top: 1rem;}
div[class*='tbl_st'] table {border-top: 2px solid #014195; text-align: center; position: relative; word-break: break-all;}

div[class*='tbl_st'] table th {border-bottom: 1px solid #e1e0e0; padding: 0.75rem 1rem; font-size: 0.8rem; color: #010101; font-weight: 600; vertical-align: middle;}
div[class*='tbl_st'] table td {border-bottom: 1px solid #e1e0e0; padding: 0.5rem 1.2rem; font-size: 0.75rem; color: #555; vertical-align: middle;}
div[class*='tbl_st'] table thead th {border-bottom: 1px solid #ccc; background: #f3f8fe; color: #2c3e52;}
div[class*='tbl_st'] table tbody th,
div[class*='tbl_st'] table tfoot th,
div[class*='tbl_st'] table tfoot td {background: #f9f9f9; color: #222425;}

div[class*='tbl_st'].scroll_wide { width:100%; overflow-x:auto; background-repeat:no-repeat; 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; }

.tbl_st table {width: calc(100% + 1px); margin-left: -1px;}
.tbl_st table th,
.tbl_st table td {border-left: 1px solid #e1e0e0;}

/* 테이블 : PC 스크롤 */
div[class*='tbl_st'].scroll_wide {overflow: auto;}

/* 테이블 : 세로테이블 */
.tbl_st_row table {width: calc(100% + 1px); margin-left: -1px;}
.tbl_st_row table th,
.tbl_st_row table td {border-left: 1px solid #e1e0e0;}

/* 테이블 :테이블 4면 선 */
.tbl_st2 table {width: 100%; border-left: 1px solid #e1e0e0; margin-left: 0;}
.tbl_st2 table th,
.tbl_st2 table td {border-right: 1px solid #e1e0e0;}

/* 테이블 - form */
table select,
table input {min-width: 8.3rem; height: 1.9rem; border-radius: 2px; border: 1px solid #ccc; padding: 0 0.75rem; font-size: 0.75rem; color: #555;}
table select {background: url('/images/web/grad/con_com/sel_arrow.png') right 0.75rem center no-repeat; padding-right: 2.1rem; appearance: none;}
table a[class^='btn_'] {padding: 0.3rem 0.75rem !important; font-size: 0.75rem; border: 2px solid #014195; color: #014195; }
table a[class^='btn_']:hover,
table a[class^='btn_']:focus { background: #014195; color: #fff; }
table a[class^='btn_'] i {width: 0.65rem; height: 0.65rem; padding-left: 0 !important; margin-left: 1rem;}
table a[class^='btn_'] i.xi-download {background: url('/images/web/grad/con_com/tbl_btn_downL.png') center no-repeat;}
table a[class^='btn_']:hover i.xi-download,
table a[class^='btn_']:focus i.xi-download {background: url('/images/web/grad/con_com/tbl_btn_downW.png') center no-repeat;}
table a[class^='btn_']:not([class$='L']) i.xi-download {background: url('/images/web/grad/con_com/tbl_btn_downW.png') center no-repeat;}
table a[class^='btn_']:not([class$='L']):hover i.xi-download,
table a[class^='btn_']:not([class$='L']):focus i.xi-download {background: url('/images/web/grad/con_com/tbl_btn_downL.png') center no-repeat;}
table a[class^='btn_'] i.xi-log-in {background: url('/images/web/grad/con_com/tbl_btn_outL.png') center no-repeat;}
table a[class^='btn_']:hover i.xi-log-in,
table a[class^='btn_']:focus i.xi-log-in {background: url('/images/web/grad/con_com/tbl_btn_outW.png') center no-repeat;}
table a[class^='btn_']:not([class$='L']) i.xi-log-in {background: url('/images/web/grad/con_com/tbl_btn_outW.png') center no-repeat;}
table a[class^='btn_']:not([class$='L']):hover i.xi-log-in,
table a[class^='btn_']:not([class$='L']):focus i.xi-log-in {background: url('/images/web/grad/con_com/tbl_btn_outL.png') center no-repeat;}
table a[class^='btn_'] i:before {display: none;}
table a[class^='btn_'].btn_icn_only {display: inline-flex; justify-content: center; align-items: center; width: 1.8rem; height: 1.8rem; border-radius: 0.25rem; padding: 0 !important;}
table a[class^='btn_'].btn_icn_only i {margin-left: 0;}
table a[class^='btn_'].tbBl { background: #014195; color: #fff; }
table a[class^='btn_'].tbBl:hover,
table a[class^='btn_'].tbBl:focus { background: #fff; color: #014195; }
.bu_st1.excpt { line-height: 1.3; }

div[class*='tbl_st'].scroll_gr,
div[class*='tbl_st'].scroll_wide { width:100%; overflow-x:auto; background-repeat:no-repeat;  background-position:right 5px; background-size:30px 100%; z-index:1;
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%); }
div[class*='tbl_st'].scroll_gr table,
div[class*='tbl_st'].scroll_wide table{ width:970px; }

/* 페이징 - 스킨A */
.bbs_pagerA { margin:1rem 0; text-align:center; line-height:0; font-size:0; }
.bbs_pagerA a, .bbs_pagerA span, .bbs_pagerA strong { display:inline-block; vertical-align:middle; }
.bbs_pagerA div { display:inline-block; margin:0 0.4rem; vertical-align:middle; }
.bbs_pagerA div.num_wrap { border: 1px solid #ccc; border-radius: 0.5rem; overflow:hidden; }
.bbs_pagerA .bbs_arr { width:1.9rem; height:1.9rem; line-height:1.9rem; font-size:1rem; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.bbs_pagerA .bbs_arr:hover, .bbs_pagerA .bbs_arr:focus { background-color:#014195; color:#fff; }
.bbs_pagerA .bbs_arr.pgeL1:hover, .bbs_pagerA .bbs_arr.pgeL1:focus, .bbs_pagerA .bbs_arr.pgeL2:hover, .bbs_pagerA .bbs_arr.pgeL2:focus { background-position:-3px center; }
.bbs_pagerA .bbs_arr.pgeR1:hover, .bbs_pagerA .bbs_arr.pgeR1:focus, .bbs_pagerA .bbs_arr.pgeR2:hover, .bbs_pagerA .bbs_arr.pgeR2:focus { background-position:3px center; }
.bbs_pagerA .bbs_pge_num { min-width:2rem; height:2rem; line-height:2rem; font-size:0.8rem; border-right:1px solid #ccc; }
.bbs_pagerA .bbs_pge_num:last-child { border-right:none;}
.bbs_pagerA .bbs_pge_num:hover, .bbs_pagerA .bbs_pge_num:focus { color:#555; background:#ededed; }
.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus { color:#fff; font-weight:400; background:#014195; } /* color */
.bbs_pagerA .w_paging { display:inline-block; }
.bbs_pagerA .m_paging { display:none; }
.bbs_pagerA .pagePrev,  
.bbs_pagerA .pageNext {border: 1px solid #ccc; border-radius: 0.5rem; overflow:hidden;}
.bbs_pagerA .pagePrev a,
.bbs_pagerA .pageNext a{ border-right:1px solid #ccc; color:#014195;}
.bbs_pagerA .pagePrev a:last-child,
.bbs_pagerA .pageNext a:last-child{ border-right:none;}
.bbs_pagerA .pagePrev a.pgeL1 i{ transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.bbs_pagerA .pageNext a.pgeR2 i{ transform:rotate(90deg); -webkit-transform:rotate(90deg);}

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

/* 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_Lbl { border:2px solid #014d9b !important;}/* 파랑 */
.tbl_Lre { border:2px solid #ff6363 !important;}/* 빨강 */
.tbl_Lgr { border:2px solid #099e5e !important;}/* 초록 */
.tbl_Lye { border:2px solid #f9ba00 !important;}/* 노랑 */

/* 상단 */
.tbl_L_T {border-top:2px solid #333 !important;}/* 기본 */
.tbl_Lbl_T {border-top:2px solid #014d9b !important;}/* 파랑 */
.tbl_Lre_T {border-top:2px solid #ff6363 !important;}/* 빨강 */
.tbl_Lgr_T {border-top:2px solid #099e5e !important;}/* 초록 */
.tbl_Lye_T {border-top:2px solid #f9ba00 !important;}/* 노랑 */

/* 하단 */
.tbl_L_B {border-bottom:2px solid #333 !important;}/* 기본 */
.tbl_Lbl_B {border-bottom:2px solid #014d9b !important;}/* 파랑 */
.tbl_Lre_B {border-bottom:2px solid #ff6363 !important;}/* 빨강 */
.tbl_Lgr_B {border-bottom:2px solid #099e5e !important;}/* 초록 */
.tbl_Lye_B {border-bottom:2px solid #f9ba00 !important;}/* 노랑 */

/* 왼쪽 */
.tbl_L_L {border-left:2px solid #333 !important;}/* 기본 */
.tbl_Lbl_L {border-left:2px solid #014d9b !important;}/* 파랑 */
.tbl_Lre_L {border-left:2px solid #ff6363 !important;}/* 빨강 */
.tbl_Lgr_L {border-left:2px solid #099e5e !important;}/* 초록 */
.tbl_Lye_L {border-left:2px solid #f9ba00 !important;}/* 노랑 */

/* 오른쪽 */
.tbl_L_R {border-right:2px solid #333 !important;}/* 기본 */
.tbl_Lbl_R {border-right:2px solid #014d9b !important;}/* 파랑 */
.tbl_Lre_R {border-right:2px solid #ff6363 !important;}/* 빨강 */
.tbl_Lgr_R {border-right:2px solid #099e5e !important;}/* 초록 */
.tbl_Lye_R {border-right: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:0.25rem; color:#555; font-weight:200; font-size:0.8rem; }

/* 박스 : 기본 */
.box_st1 {min-height: 6rem; border-radius: 0.75rem; border: 6px solid #eee; box-shadow: 0 0.15rem 0.15rem rgba(198,198,198,0.15); padding: 1rem 1.7rem; position: relative;}
* ~ .box_st1 {margin-top: 1rem;}
.box_st1:before {content: ""; display: block; width: 3.4rem; height: 2.6rem; border-radius: 0 0 3px 3px; background: url('/images/web/grad/con_com/box_deco.png') no-repeat center / contain; position: absolute; left: -6px; top: -6px; z-index: 1;}
.box_st1.box_ico {min-height: 8.4rem; padding: 1.85rem 1.7rem 1.85rem 7.75rem; margin-bottom: 0.5rem;}
.box_st1 .box_tit {color: #07398b; font-size: 1rem; font-weight: 600; margin-bottom:0.5rem;}
.box_st1 .inner > p {font-size: 0.8rem; color: #444;}
/* 박스 : 예외 */
.box_st2 {min-height: 6rem; border-radius: 0 0.5rem 0.5rem 0.5rem; border: 2px solid #dae5f7; box-shadow: 0 0.15rem 0.15rem rgba(198,198,198,0.15); padding: 1rem 1.7rem; position: relative;}
* ~ .box_st2 {margin-top: 1rem;}

/* 박스 : 아이콘 */
.box_st1.box_ico .ico {display: flex; justify-content: center; align-items: center; width: 5rem; height: 5rem; border-radius: 50%; background: #ecf1ff; position: absolute; left: 1.6rem; top: 1.65rem;}
.box_st1.box_ico [class^='tit'] {margin-top: 0 !important;}

/* 박스 : 이미지 */
.box_st_img {padding: 1rem; border: 2px dotted #e7e7e7; background: #fff; text-align: center;}
.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% - 5.5rem); height:2.25rem; padding:0 0.5rem; border:1px solid #e7e7e7;  border-radius:0; }
[class^="box_st"] .search_wrap  .btn_style3 { float:left; width:5rem;  margin:0 0 0 0.5rem; padding:0; text-align:center; line-height:2.25rem; }

/* 탭 : 공통 */
[class^="tab_st"] {font-weight: 400; text-align: left; margin-bottom: 1rem; position: relative;}
[class^="tab_st"] > .select {display: none;}
[class^="tab_st"] ul {display: flex; flex-wrap: wrap; margin: 0 -0.3rem;}
[class^="tab_st"] ul li {width: 25%; padding: 0 0.3rem;}
[class^="tab_st"] ul li:nth-child(n+5) {margin-top: 0.6rem;}
[class^="tab_st"] ul li a {display: block; height: 100%; padding-right: 2.25rem; font-weight: 500; position: relative;}
[class^="tab_st"] ul li a:after {content: "\e937"; font-family: 'xeicon'; color: #a4a4a4; position: absolute; right: 0.75rem;}
[class^="tab_st"] ul li a[target='_blank']:after {content: "\e980";}
/* 탭 : 공통 : active */
[class^="tab_st"] ul li a,
[class^="tab_st"] ul li a:after {transition: 0.3s;}

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

/* 탭 : 1차 탭 */
.tab_st1 ul li a {border-radius: 0.6rem 0.6rem 0 0; border: 2px solid #dedede; background: #fff; padding: 0.75rem 1rem;}
.tab_st1 ul li a:after {top: 0.75rem;}
/* 탭 : 1차 탭 : active */
.tab_st1 ul li a:hover,
.tab_st1 ul li a:focus {border-color: #014195; color: #014195; }
.tab_st1 ul li a:hover:after,
.tab_st1 ul li a:focus:after {color: #014195;}
.tab_st1 ul li.on a {border-color: #014195; background: #014195; color: #fff;border-radius: 0.6rem 0.6rem 0.6rem 0}
.tab_st1 ul li.on a:after {color: #fff;}

/* 탭 : 2차 탭 */
.tab_st2 ul { background:#f9f9f9;}
.tab_st2 ul li {padding: 0; position:relative;}
.tab_st2 ul li:after {content:''; display:block; top:0; right:0; width:1px; height:calc(100% - 3px); background: #ccc; opacity:0.3; position:absolute;}
.tab_st2 ul li.on:after,
.tab_st2 ul li:last-child:after { display:none;}
.tab_st2 li a { border-bottom: 3px solid #014195; padding: 0.85rem 1rem; text-align:center;}
.tab_st2 ul li a:after {display:none;}
/* 탭 : 2차 탭 : active */
.tab_st2 ul li a:hover,
.tab_st2 ul li a:focus,
.tab_st2 ul li a:hover:after,
.tab_st2 ul li a:focus:after {color: #014195;}
.tab_st2 ul li.on a,
.tab_st2 ul li.on a { position:relative; border: 3px solid #014195;border-bottom: none; padding-right: 1rem; border-radius:0.5rem 0.5rem 0 0;color: #014195;box-shadow: 0 0 7px rgba(25,99,209,0.53);font-weight: 700;}
.tab_st2 ul li.on a:before {content:''; display:block; width:calc(100% + 6px); height:0.5rem; background:#fff; position:absolute; bottom:-0.5rem; left:-3px;}

/* 탭 : 리스트 */
.tab_list ul {display: flex; flex-wrap: wrap; border:2px solid #dedede; border-radius:0.5rem 0.5rem 0 0.5rem; padding: 0.2rem 0.8rem;}
.tab_list ul li {width: 25%; padding: 0 0.3rem;}
.tab_list ul li a {display: block; padding: 0.55rem 0; padding-left: 1.05rem; color: #757675; font-weight: 500; position: relative;}
.tab_list ul li a:before {content: "\e92c"; font-family: 'xeicon'; font-size: 0.9rem; color: #757675; position: absolute; left: 0; top: 0.45rem;}
/* 탭 : 리스트 : active */
.tab_list ul li a:hover,
.tab_list ul li a:focus,
.tab_list ul li.on a {color: #000; font-weight:600;}
.tab_list ul li a:hover:before,
.tab_list ul li a:focus:before,
.tab_list ul li.on a:before {content: "\e92b"; color: #07398b;}

/* 탭 : 개수 지정 */
.Tab_w50 li {width: 50% !important;}
[class^="tab_st"].Tab_w50 li:nth-child(n+5) {margin-top: 0 !important;}
[class^="tab_st"].Tab_w50 li:nth-child(n+3) {margin-top: 0.6rem !important;}
.Tab_w30 li {width: calc(100% / 3) !important;}
[class^="tab_st"].Tab_w30 li:nth-child(n+5) {margin-top: 0 !important;}
[class^="tab_st"].Tab_w30 li:nth-child(n+4) {margin-top: 0.6rem !important;}
.Tab_w20 li {width: 20% !important;}
[class^="tab_st"].Tab_w20 li:nth-child(n+5) {margin-top: 0 !important;}
[class^="tab_st"].Tab_w20 li:nth-child(n+6) {margin-top: 0.6rem !important;}

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

/* 버튼 : 버튼들 감싸는 레이아웃 */
.btns {margin: 0.75rem -0.25rem 1.75rem;}

/* 버튼 : 기본 */
.btns [class^="btn_"] {min-width: 7.4rem;}
[class^="btn_"]:not(.btn_top) {display: inline-block; border-radius: 0.5rem; line-height: 1rem; text-align: center; margin: 0.25rem 0.1rem; transition: 0.15s;}
[class^="btn_"]:not(.btn_top) i {font-size: 0.8rem; padding-left: 1rem;}

.btn_bl {border: 2px solid #014195; background: #014195; color: #fff; padding: 0.55rem 2.7rem;}
.btn_bl:hover,
.btn_bl:focus {background: #fff; color: #014195;}
.btn_blL {border: 2px solid #014195; background: #fff; color: #014195; padding: 0.55rem 1.6rem;}
.btn_blL:hover,
.btn_blL:focus {background: #1963d1; color: #fff;}
.btn_gr {border: 2px solid #091f46; background: #091f46; color: #fff; padding: 0.55rem 2.7rem;}
.btn_gr:hover,
.btn_gr:focus {background: #fff; color: #091f46;}
.btn_grL {border: 2px solid #091f46; background: #fff; color: #091f46; padding: 0.55rem 1.6rem;}
.btn_grL:hover,
.btn_grL:focus {background: #091f46; color: #fff;}

/* 버튼 : 컬러 */
.btn_red {border: 2px solid #008abf; background: #008abf; color: #fff; padding: 0.55rem 1.4rem;}
.btn_red:hover,
.btn_red:focus {background: #fff; color: #008abf;}
.btn_redL {border: 2px solid #008abf; background: #fff; color: #008abf;}
.btn_redL:hover,
.btn_redL:focus {background: #008abf; color: #fff;}
.btn_indg {border: 2px solid #1574a6; background: #1574a6; color: #fff; padding: 0.55rem 1.4rem;}
.btn_indg:hover, 
.btn_indg:focus {background: #fff; color: #1574a6;}
.btn_indgL {border: 2px solid #1574a6; background: #fff; color: #1574a6;}
.btn_indgL:hover,
.btn_indgL:focus {background: #1574a6; color: #fff;}
.btn_org {border: 2px solid #15a689; background: #15a689; color: #fff; padding: 0.55rem 1.4rem;}
.btn_org:hover,
.btn_org:focus {background: #fff; color: #15a689;}
.btn_orgL {border: 2px solid #15a689; background: #fff; color: #15a689;}
.btn_orgL:hover,
.btn_orgL:focus {background: #15a689; color: #fff;}
.btn_mint {border: 2px solid #0fa0b3; background: #0fa0b3; color: #fff; padding: 0.55rem 1.4rem;}
.btn_mint:hover,
.btn_mint:focus {background: #fff; color: #0fa0b3;}
.btn_mintL {border: 2px solid #0fa0b3; background: #fff; color: #0fa0b3;}
.btn_mintL:hover,
.btn_mintL:focus {background: #0fa0b3; color: #fff;}
.btn_yel {border: 2px solid #ffc600; background: #ffc600; color: #353131; padding: 0.55rem 1.4rem;}
.btn_yel:hover,
.btn_yel:focus {background: #fff; color: #353131;}
.btn_yelL {border: 2px solid #ffc600; background: #fff; color: #353131;}
.btn_yelL:hover,
.btn_yelL:focus {background: #ffc600; color: #353131;}
.btn_navy {border: 2px solid #091f46; background: #091f46; color: #fff; padding: 0.55rem 1.4rem;}
.btn_navy:hover,
.btn_navy:focus {background: #fff; color: #091f46;}
.btn_navyL {border: 2px solid #091f46; background: #fff; color: #091f46;}
.btn_navyL:hover,
.btn_navyL:focus {background: #091f46; color: #fff;}

.btnIco {padding: 0.55rem 6.1rem 0.55rem 1rem !important; text-align: left !important; position: relative;}
.btnIco i {position: absolute; right: .85rem; top: .55rem;}

[class^="btn_"].mini {min-width: auto !important; padding: 0.2rem 0.5rem; border-radius: 0; border-width: 1px; font-size: 0.7rem;}

div + a[class^="btn_"],
table + a[class^="btn_"],
ul + a[class^="btn_"],
p + a[class^="btn_"],
br + a[class^="btn_"] {margin-top: 0.5rem;}

/* 콘텐츠 준비중 */
.Coming_soon {text-align: center;}
.Coming_soon img {max-width: 100%;}

/* 라인 */
.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; }
.mgt50{ margin-top:50px !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; }

/* 이미지 사이즈 :확대보기 */
.rsp_img { position:relative; width:auto; line-height:0; 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/web/grad/con_com/ico_rsp_img.png") no-repeat; text-indent:-9999em; overflow:hidden; }

/* 교수진소개 C안 수정*/ /* 190821 */
.professor_list_c > li {position:relative; margin-top:20px; border-bottom:1px solid #ccc; background:#fff url('/images/con_com/bg_Prof.png') no-repeat right bottom;}
.professor_list_c > li:first-child {margin-top:0; border-top:1px solid #ccc;}
.professor_list_c > li .pro_img {position:absolute; left:30px; top:30px; width:110px; border:1px solid #ddd;}
.professor_list_c > li .pro_img img {max-width:100%; height:140px;}
.professor_list_c > li .pro_txt {min-height:140px; padding:30px 30px 30px 170px;}
.professor_list_c > li .pro_txt .pro_name {position:relative; margin-bottom:30px; font-size:25px; color:#111; font-weight:600;}
.professor_list_c > li .pro_txt .pro_name:before {content:''; display:block; position:absolute; top:45px; left:0; width:40px; height:1px; background:#00F;}
.professor_list_c > li .pro_txt .pro_name span{font-size:20px; margin-left:5px;}
.professor_list_c > li .pro_txt ul li {line-height:38px;font-size:15px;padding-left:35px;}

.professor_list_c > li .pro_txt ul li.pr_list1 {background:url('/images/con_com/pr_ico_01.png') no-repeat left 8px;} /* 과목 */
.professor_list_c > li .pro_txt ul li.pr_list2 {background:url('/images/con_com/pr_ico_02.png') no-repeat left 8px;} /* 전화 */
.professor_list_c > li .pro_txt ul li.pr_list3 {background:url('/images/con_com/pr_ico_03.png') no-repeat left 8px;} /* 위치 */
.professor_list_c > li .pro_txt ul li.pr_list4 {background:url('/images/con_com/pr_ico_04.png') no-repeat left 8px;} /* 이메일 */
.professor_list_c > li .pro_txt ul li span.pro_ico {display:inline-block; width:35px; height:35px; margin-right:10px; font-size:18px; text-align:center; color:#fff; font-family:'NotoB'; background:#7f9fb7; border-radius:20px;}
.professor_list_c .btn_desc {position:absolute; top:30px; right:30px; display:block; width:200px; height:45px; padding-right:30px; line-height:45px; color:#ffffff; font-size:16px; letter-spacing:-1px; background:#9dacb7 url('/images/con_com/btn_Prof_more1.png') no-repeat right 50%;}
.professor_list_c .btn_desc_close {position:absolute; top:30px; right:30px; display:block; width:200px; height:45px; padding-right:30px; line-height:45px; color:#fff; font-size:16px; letter-spacing:-1px; background:#17335a url('/images/con_com/btn_Prof_more1.png') no-repeat right 50%;}
.professor_list_c li .desc {display:none}
.professor_list_c li.on .desc {display:block; padding:15px 30px 30px; border-top:1px solid #ddd; background:#f9f9f9;}

.professor_list_c li.on .desc .de_tit {margin:20px 0 0; font-size:22px; line-height:1.3; color:#17335a; letter-spacing:-1px;}



@media screen and (max-width: 1300px) {
 
}



@media screen and (max-width: 1200px) {
    /* 리스트 : 가로 나열 */
    .li_w20 > li {width: 25%;}
    .li_w20 > li:nth-child(n+5) {margin-top: 0.25rem;}

    /* 탭 : 공통 */
    .reactTab[class^="tab_st"] > .select {display: block; font-weight: 600;}
    .reactTab[class^="tab_st"] > .select:after {content: "\e943"; font-family: 'xeicon'; position: absolute; right: 0.75rem;}
    .reactTab[class^="tab_st"] ul {display: none; margin: 0;}
    .reactTab[class^="tab_st"] ul li {display: block; width: 100% !important; margin: 0 !important; padding: 0;}
    .reactTab[class^="tab_st"] ul li:nth-child(n+2) {margin: 0 !important;}
    .reactTab[class^="tab_st"] ul li a {border-radius: 0; background: none;}
    .reactTab[class^="tab_st"] ul li a:not([target='_blank']):after {display: none;}

    /* 탭 : 1차 탭 */
    .tab_st1 > .select {border-radius: 0.6rem 0.6rem 0.6rem 0; border: 1px solid #1963d1; background: #1963d1; box-shadow: 0 0 0.35rem rgba(25,99,209,0.53); padding: 0.75rem 1rem; padding-right: 2.25rem; color: #fff; font-weight: 600;}
    .tab_st1 > .select:after {top: 0.8rem;}
    .tab_st1 ul {border-radius: 0 0.6rem 0.6rem 0.6rem; border: 1px solid #c1cde7; overflow: hidden;}
    .tab_st1 ul li a {border: 0;}
    .tab_st1 ul li + li a {border-top: 1px solid #e0e6f3;}
    /* 탭 : 1차 탭 : active */
    .tab_st1 ul li.on a {box-shadow: none; background: none; color: #1963d1;}

    /* 탭 : 2차 탭 */
    .tab_st2 > .select {border-radius: 0.5rem;border: 1px solid #1961d1;padding: 0.8rem 1rem;color: #1963d1;}
    .tab_st2 > .select:after {top: 0.85rem;}
    .tab_st2 ul {border-radius: 0.5rem; border: 1px solid #dedede; margin-top: -1px; overflow: hidden;}
	.tab_st2 ul li:after {display:none;}
    .tab_st2 ul li a {border: 0;}
	.tab_st2 ul li.on a {border: none;background: #014195;color: #fff;}
    .tab_st2 ul li.on a:before {display: none;}
    .tab_st2 ul li + li a {border-top: 1px solid #eee;}

    /* 탭 : 개수 지정 */
    .Tab_w20 li {width: 25% !important;}

    /* 테이블 - 기타 */
    .tbl_utile {margin-top: 0;}
}



@media screen and (max-width: 1024px) {


    /* 타이틀 */
    .tit1 br {display: none;}

    /* 블릿 타입, 리스트 : 불릿 타입 */
    .bu_st4:before,
    .list_st4 > li:before {top: 10px;}

    /* 텍스트 요소 : 주의&경고&말풍선 타입 */
    .bu_wnrn:before {top: -0.1rem;}

    /* 리스트 : 가로 나열 */
    .li_w25 > li,
    .li_w20 > li {width: calc(100% / 3);}
    .li_w25 > li:nth-child(n+4),
    .li_w20 > li:nth-child(n+4) {margin-top: 0.25rem;}

    /* 박스 : 박스 기본 타입 */
    .box_st1.box_ico .ico img {transform: scale(0.9);}

    /* 탭 : 리스트 */
    .tab_list ul li {width: calc(100% / 3);}

    /* 탭 : 개수 지정 */
    .Tab_w20 li {width: 25% !important;}
}



@media screen and (max-width: 860px) {
    
    /* 리스트 : 가로 나열 */
    .li_w30 > li,
    .li_w25 > li,
    .li_w20 > li {width: 50%;}
    .li_w30 > li:nth-child(n+3),
    .li_w25 > li:nth-child(n+3),
    .li_w20 > li:nth-child(n+3) {margin-top: 0.25rem;}

    /* 탭 : 리스트 */
    .tab_list ul li {width: 50%;}

    /* 탭 : 개수 지정 */
    .Tab_w30 li,
    .Tab_w20 li {width: 50% !important;}

    /* 사이트맵 */
    .cont_sitemap .cont_sitemap_col { width:calc(50% - 30px); }

    div[class*='tbl_st'].scroll_gr table,
	div[class*='tbl_st'].scroll_wide table{ width:860px; }

    /* 교수진소개 C안 수정*/ /* 190821 */
	.professor_list_c > li .pro_txt .pro_name {font-size:22px;}
	.professor_list_c > li .pro_txt .pro_name:before { top:45px;}
	.professor_list_c > li .pro_txt .pro_name span{ font-size:15px;}
	.professor_list_c .btn_desc {width:170px; height:40px; line-height:40px; font-size:13px; right:20px;}
	.professor_list_c .btn_desc_close {width:170px; height:40px; line-height:40px; font-size:13px; right:20px}
	.professor_list_c > li .pro_txt {padding:30px 20px 30px 160px;}
}

@media screen and (max-width: 800px) {
    	/* 페이징 - 스킨A */
	.bbs_pagerA .bbs_pge_num { display:none; min-width:32px; }
	.bbs_pagerA .bbs_pge_num.mActive{ display:inline-block; }
	.bbs_pagerA div {margin:0 0.2rem;}
	.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus { display:inline-block; min-width:32px; color:#3e4e6f; background:none; } /* color */
	.bbs_pagerA .bbs_pge_num:hover, .bbs_pagerA .bbs_pge_num:focus{ color:#3e4e6f; background:none; text-decoration:underline; } /* color */
	.bbs_pagerA div a.bbs_pge_num:last-child { display:inline-block; min-width:auto; padding:0 0.75rem; background:url('/images/board/bbs_pgeNum_mb.png') no-repeat 4px center; }
	.bbs_pagerA .w_paging { display:none; }
	.bbs_pagerA .m_paging { display:inline-block; }
}

@media screen and (max-width: 768px) {

    /* 타이틀 */
    h3[class^='tit'] span,
    h4[class^='tit'] span,
    h5[class^='tit'] span {width: 100%;}
    h3[class^='tit'] p,
    h4[class^='tit'] p,
    h5[class^='tit'] p {width: 100%; margin-top: 0.25rem; position: static; bottom: 0;}
    h5[class^='tit'] p {font-size: 0.7rem;}

    /* 블릿 타입, 리스트 : 불릿 타입 */
    .bu_st4:before,
    .list_st4 > li:before {top: 9px;}

	/* 박스 : 박스 기본 타입 */
	.box_st1 {padding: 1rem;}

	/* 박스 : 아이콘 */
    .box_st1.box_ico {padding: 1rem; padding-left: 6.5rem;}
	.box_st1.box_ico .ico {width: 4.5rem; height: 4.5rem; left: 1rem; top: 1rem;}
    .box_st1.box_ico .ico img {transform: scale(0.8);}

	/* 탭 : 공통 */
	[class^="tab_st"] {margin-bottom: 1.5rem;}
    
    /* 탭 : 리스트 */
    .tab_list ul {padding: 0.2rem;}
    .tab_list ul li a:before {top: 0.5rem;}

    /* 콘텐츠 준비중 */
    .Coming_soon p {font-size: 0.8rem;}

	/* 배너이미지 */
	.banner_img  {width:100%; height:auto;}

	/* 고객만족도 조사 */
	.satisfaction .question{padding:0.75rem 1rem;}
	.satisfaction .satisfaction_list{ padding:1rem;}

    /* 교수진소개 C안 수정*/ /* 190821 */
	.professor_list_c > li .pro_txt {min-height:200px;}
	.professor_list_c > li .pro_txt ul li {padding-left:26px; font-size:14px}
} 
@media screen and (max-width: 620px) {
    	/* 교수진소개 C안 수정*/ 
	.professor_list_c > li {background:none;}
	.professor_list_c > li .pro_txt ul li {line-height:34px;letter-spacing: -1px;}
	.professor_list_c > li .pro_img {position:relative; left:auto; top:auto; width:110px; margin:20px auto 0;}
	.professor_list_c > li .pro_txt {min-height:140px; padding:15px 0 80px;}
	.professor_list_c > li .pro_txt .pro_name {margin-bottom:10px; font-size:20px; text-align:center;}
	.professor_list_c > li .pro_txt .pro_name:before {display:none;}
	.professor_list_c > li .pro_txt .pro_name span{ font-size:15px;}
	.professor_list_c .btn_desc {top:290px;}
	.professor_list_c .btn_desc_close {top:290px;}
	.professor_list_c li.on .desc {padding:20px;}
}

@media screen and (max-width: 480px) {

    /* 리스트 : 가로 나열 */
    .li_w50 > li,
    .li_w30 > li,
    .li_w25 > li,
    .li_w20 > li {width: 100%;}
    .li_w50 > li:nth-child(n+2),
    .li_w30 > li:nth-child(n+2),
    .li_w25 > li:nth-child(n+2),
    .li_w20 > li:nth-child(n+2) {margin-top: 0.25rem;}

    /* 박스 */
    [class^="box_st"].box_ico {padding: 1rem;}
    [class^="box_st"].box_ico .ico {display: none;}

    /* 기본 박스 : 검색 */
    [class^="box_st"] .search_wrap  input { width:100%; float:none; }
    [class^="box_st"] .search_wrap  .btn_style3 { width:100%; float:none; margin:0.5rem 0 0; }
    
    /* 탭 : 리스트 */
	.tab_list ul li {width: 100%;}

    /* 탭 : 개수 지정 */
    .Tab_w50 li,
    .Tab_w30 li,
    .Tab_w20 li {width: 100% !important;}

    /* 콘텐츠 준비중 */
    .Coming_soon p {word-break: keep-all;}
    .Coming_soon p br {display: none;}

    /* 사이트맵 */
    .cont_sitemap .titT1{ margin:1.5rem 0 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; }
}



@media screen and (max-width: 320px) {

    /* 박스 : 기본, 아이콘, 이미지 */
    .box_st1,
    [class^="box_st"].box_ico,
    .box_st_img {padding: 0.75rem;}

	/* 고객만족도 조사 */
	.satisfaction .satisfaction_list .opinion{ display:block;}
	.satisfaction .satisfaction_list .opinion input[type="text"]{ width:100%; margin-right:0; margin-bottom:0.25rem;}
	.satisfaction .satisfaction_list .opinion input[type="button"]{ width:100%; padding:0.35rem 0.25rem;}
}