@charset "UTF-8";

/* 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.1rem; margin-bottom:0.5rem; }
h3[class^='tit']{ line-height:2.3; font-weight:700; margin-top:3rem; }
[class^='tit'] + [class^="box_st"] { margin-top:.5rem; }
[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:2.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; }

/* 타이틀(텍스트 타입) */
.tit1{ position:relative; margin-top:2rem; /*padding-left:1.3rem; */color:#333; font-size:1.1rem; background:url('/images/template/common/con_com/bu_tit1.png') no-repeat left top 5px; }
.tit2{ position:relative; margin-top:1.2rem; padding-left:0.5rem; color:#333; font-size:1rem; background:url('/images/template/common/con_com/bu_tit2.png') no-repeat left top; }
.tit3{ margin-top:1rem; color:#0e5290; font-size:0.9rem; }
.tit5 {margin-top:1rem; color:#2c61a2; font-size:0.9rem; font-weight:700; }

/* 타이틀(블릿 타입) 2019*/
.tit1_2019 {margin-bottom:10px; padding-bottom:10px; font-size:24px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; background:url("/images/template/common/con_com/bu_tit1.png") no-repeat left bottom;}
.tit2_2019 {margin-bottom:10px; padding-left:10px; font-size:20px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; background:url("/images/template/common/con_com/bu_tit2.png") no-repeat left 3px;}
.tit3_2019 {margin-bottom:10px; padding-left:15px; font-size:18px; line-height:1.3; font-family:'NotoM'; color:#333; letter-spacing:-1px; background:url("/images/template/common/con_com/bu_tit3.png") no-repeat left 5px;}



/* 블릿 */
.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:0.8rem; }
.bu_st1:before, .list_st1 > li:before {content:'';position:absolute;top:0.55rem;left:0;width:6px;height:6px;border-radius:50%;background: #005fd4;}
.bu_st2:before, .list_st2 > li:before { content:''; position:absolute; top:0.55rem; left:0; width:7px; height:2px; background:#00b3f6; }
.bu_st3:before, .list_st3 > li:before { content:''; position:absolute; top:0.6rem; left:0; width:3px; height:3px; background:#868f9a; }
.bu_st4:before, .list_st4 > li:before { content:''; position:absolute; top:0.45rem; left:0; width:5px; height:2px; background:#bebebe; }
.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:0.8rem; }
.list_st3 > li { font-size:0.75rem; color:#666; }
.list_st4 > li { font-size:0.75rem; color:#666; }

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

.list_stT1 > li { margin-top:0.25rem; color:#555; font-size:0.8rem; }
ul .list_stT1 { padding-left:1rem; }
.list_stT1 > li > [class^='list_st'],
.list_stT1 > li > [class^='list_ol'] { padding-left:1rem; }


/* 리스트 :순차적 리스트 타입 */
.list_ol1 > li { position:relative; padding-left:1.5rem; margin-top:0.5rem; font-size:0.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:#fff; text-align:center; font-weight:700; background: #868f9a; border-radius: 50%;}

.list_ol2 > li { position:relative; padding-left:1.5rem; margin-top:0.25rem; font-size:0.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:#196bd1 !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 { padding:1px 0.5rem !important; color:#fff !important; display:inline-block; }
.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; }
.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 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:0.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:0.8rem; }
.bu_wnrn:before { content:"\e9a6"; position:absolute; left:0; top:-.1rem; 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:0.8rem; }
.bu_ment:before { content:"\ea1c"; position:absolute; left:0; top:0rem; 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:0.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:0.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:0.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 #005fd4; -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; }
div[class*='tbl_st'] + div[class*='tbl_st'] { margin-top:1rem;}

.tbl_st table td { padding:0.5rem; line-height:1.2rem; color:#555; font-size:0.8rem; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; vertical-align:middle; }
.tbl_st table th {padding:0.65rem 0.5rem;color: #2c3e52;font-weight:600;vertical-align:middle;line-height:1.4;border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;font-size:0.8rem;}
.tbl_st table thead th {background: #f2f7fc;color: #2c3e52;}
.tbl_st table tbody th {background: #f9f9f9;color:#222425;}
.tbl_st table tfoot th {background: #f9f9f9;color:#222425;}
.tbl_st table tfoot td { border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background:rgba(0, 0, 0, 0.02); }

.tbl_st table.s_p th{font-size:13px;}
.tbl_st table.s_p td{font-size:12px;}

.tbl_st table.s_p2 th{font-size:12px;}
.tbl_st table.s_p2 td{font-size:11px;}

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

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

/* 테이블 :세로테이블 */
.tbl_st_row table td { padding:0.5rem; line-height:1.2rem; color:#555; 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:#222425; font-weight:500; vertical-align:middle; line-height:1.5rem; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3; font-size:0.8rem; }
.tbl_st_row table tbody th {background: #f9f9f9;}
.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:#222425; 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:#555; font-size:0.8rem; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.tbl_st2 table thead th {background: #f2f7fc; color: #24374e;}
.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 #ccc; padding:0 0.5rem; color:#555; }
table a[class^='btn_']{ padding:.3rem 0.5rem; font-size:0.75rem; vertical-align:middle; margin:0; /*border: 2px solid #005fd4; color: #005fd4;*/ border-radius: 0;}
table a[class^='btn_'] i{ padding: 0;}
table a[class^='btn_']:not([class$='L']){color: #fff;}
table a[class$='_blFull']{background: #005fd4; color: #fff;}
table a[class$='_blFull'] i{color: #fff;}
table .list_st3 > li, table .list_st4 > li { color:#333; }

/*2019개편 기존홈페이지 css 추가*/
h3.h3_tit {margin-bottom:10px; padding-bottom:10px; font-size:24px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; background:url("/images/template/common/con_com/bu_tit1.png") no-repeat left bottom;}
h4.h4_tit {margin-bottom:10px; padding-left:15px; font-size:18px; line-height:1.3; font-family:'NotoM'; color:#333; letter-spacing:-1px; background:url("/images/template/common/con_com/bu_tit3.png") no-repeat left 5px;}
h5.h5_tit {padding-left:25px; font-size:15px; line-height:2.6; font-family:"NotoM"; color:#111; background:url("/images/template/com/sub_com/tit_2.png") no-repeat 1px 15px; }
.h2_title {margin-bottom:10px; font-size:20px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px;}
.tb_tit {margin-bottom:10px; padding-left:10px; font-size:20px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; background:url("/images/template/common/con_com/bu_tit2.png") no-repeat left 3px;}

/* 테이블 : 테이블 기본 타입 */
/*.table {position:relative; width:100%; background:#fff; -webkit-overflow-scrolling:touch; word-break:keep-all;}*/
.table {position:relative; width:100%; margin:5px 0 10px -1px; text-align:center; border-top:2px solid #000; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.table thead th {padding:5px 5px; vertical-align:middle; color:#222; font-family:"NotoM"; border-right:1px solid #ddd; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#f3f3f3;}
.table tbody th {padding:5px 5px; vertical-align:middle; color:#222; font-family:"NotoM"; border-right:1px solid #ddd; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fdfdfd;}
.table td {vertical-align:middle; padding:5px 5px; border-bottom:1px solid #d2d2d2; border-right:1px solid #ddd; border-left:1px solid #d2d2d2; font-family:"NotoR"; font-size: 14px;}

.table.s_p tbody th{font-size:13px;}
.table.s_p td{font-size:12px;}

.table.s_p2 tbody th{font-size:12px;}
.table.s_p2 td{font-size:11px;}

/*테이블 스타일 추가*/
.tbl_basic{width:100%;margin-bottom:30px;border-top:2px solid #646464;border-left:1px solid #ddd;}
.tbl_basic caption{height:0;line-height:0}
.tbl_basic th{padding:5px;border-right:1px solid #999;border-bottom:1px solid #999;background:#f3f3f3;text-align:center;}
.tbl_basic td{padding:5px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#333;text-align:center;}
.tbl_basic thead th{color:#252525; background:#e8e8e8;}
.tbl_basic tbody th{border-bottom:1px solid #e5e5e5;background:#fcfcfc}
.tbl_basic tbody td{}
.tbl_basic tbody td.bg_tbl{background:url(/images/template/00581/common/bg_tbl_head.gif) no-repeat right 50%}
.tbl_basic .t_end{border-right:0}
.tbl_basic tfoot{background:none}

/* 테이블 : 테이블 기본 타입 */
/*.tblTy01 {position:relative; width:100%; background:#fff; -webkit-overflow-scrolling:touch; word-break:keep-all;}*/
.tblTy01 {position:relative; width:100%; margin:5px 0 10px -1px; text-align:center; border-top:2px solid #000; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.tblTy01 thead th {padding:5px 5px; vertical-align:middle; color:#222; font-family:"NotoM"; border-right:1px solid #ddd; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#f3f3f3;}
.tblTy01 tbody th {padding:5px 5px; vertical-align:middle; color:#222; font-family:"NotoM"; border-right:1px solid #ddd; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fdfdfd;}
.tblTy01 td {padding:5px 5px; border-bottom:1px solid #d2d2d2; border-right:1px solid #ddd; border-left:1px solid #d2d2d2; font-family:"NotoR"; font-size: 14px;}

/* 테이블 - 기타 */
.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:0.25rem; color:#555; font-weight:200; font-size:0.8rem; }

/* 박스 :박스 기본 타입 */
[class^="box_st"]{ position:relative; margin-top:1rem; }
.box_st1 {padding: 1rem 2rem; border: 1px dashed #cdd2d9; background: #fff;}
.box_st1 .txt_wrap { position:relative; min-height:3rem; padding:1rem 1rem; background:#fff; }
.box_st1_1 { position:relative; padding:1.5rem 1.25rem 1.3rem; margin-top:1rem; border-radius:1rem; border: 1px solid #006cd9; background: #fff; box-shadow:inset 0 0 10px rgba(43, 102, 179, 0.1); }
.box_st2 {position: relative; padding: 1rem 2rem; background: #f7f7f7;}
.box_st2::before{content: ''; position: absolute; left: -3px; top: -4px; display: block; width: 6.2rem; height: 100%; max-height: 3.3rem; background: url('/images/template/common/con_com/img_boxBg.png') no-repeat left top / cover;}
.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: #f2f6fa;border-radius:50%;box-shadow: 3px 3px 3px rgba(0, 133, 216, 0.2);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 {position: relative; padding: 1rem 2rem; background:#fff; border: 2px dotted #9da5af; border-top: 2px solid #dddddd; z-index: 1;}
.box_st3::before{content: ''; position: absolute; left: -3px; top: -4px; display: block; width: 6.8rem; height: 100%; max-height: 3.3rem; background: #fff url('/images/template/common/con_com/img_boxBg.png') no-repeat left top / cover; z-index: -1;}
[class^="box_st"].box_ico { min-height:8rem; padding-left:8rem; }
[class^="box_st"].box_ico .ico {position:absolute; left:2rem; top:1.6rem; display:block; width:4.75rem; height:4.75rem; background: #e9f3ff; border-radius:1rem; overflow: hidden;}
[class^="box_st"].box_ico .ico::before{content: ''; width: 6rem; height: 5rem; border-radius: 50%; background: #d6e7fc; position: absolute; right: -2.5rem; bottom: -2.4rem;}
[class^="box_st"].box_ico .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_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 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:""; }
div[class^="tab_st"] > .select { display:none; }
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:0.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_layer {margin-bottom:20px; overflow:hidden;}
.tab_layer li {width:25%; float:left; margin:1px 0;}
.tab_layer li a {position:relative; display:block; margin-right:2px;font-family:"NotoM"; padding:15px 55px 15px 15px; line-height:20px; font-size:15px; color:#444; text-align:center; border:1px solid #d3d3d3; background:#f2f2f2 url("/images/template/common/con_com/tab_off.png") no-repeat right center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_layer li.on a, .tab_layer li.on a:hover, .tab_layer li a:hover {font-family:"NotoM"; color:#fff; border:1px solid #4a4d54; background:#4a4d54 url("/images/template/common/con_com/tab_on.png") no-repeat right center;}
.tab_layer li a[target='_blank'] {background-image:url("/images/template/common/con_com/tab_off_blank.png") ;}
.tab_layer li a:hover[target='_blank'] {background-image: url("/images/template/common/con_com/tab_on_blank.png") ;}

/* 탭 :리스트 탭 */
.tab_st {margin-bottom:20px; padding:20px 0; border:4px solid #dfe6ee; overflow:hidden; background:url("/images/template/common/2021/con_com/bg_tab_list.png") no-repeat left top;}
.tab_st li {width:25%; float:left; margin:1px 0;}
.tab_st li a {position:relative; display:block; margin:0 20px; padding-left:23px; line-height:30px; font-size:0.8rem; color:#444; background:url("/images/template/common/2021/con_com/tab_list_off.png") no-repeat left 7px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_st li.on a, .tab_st li.on a:hover, .tab_st li a:hover {font-weight:400; color:#024289; background:url("/images/template/common/2021/con_com/tab_list_on.png") no-repeat left 7px;}
.tab_st li a[target='_blank']:after {content:''; display:inline-block; width:13px; height:13px; margin-left:10px; background:url("/images/template/common/2021/con_com/tab2_off_blank.png") no-repeat right center;}

/* 탭 :1차 탭 */
.tab_st1 { margin:-0.125rem; }
.tab_st1 ul{background: #fafafb; border-radius: 1rem;}
.tab_st1 ul::after{content: ''; display: block; clear: both;}
.tab_st1 li { position: relative; font-size:0.8rem; line-height:1; float:left; width:25%; }
.tab_st1 li::before{content: ''; display: block; position: absolute; width: 1px; height:1rem; background: #9f9f9f; left: 0; top: 50%; transform: translateY(-50%);}
.tab_st1.Tab_w50 li:nth-child(odd)::before{display: none !important;}
.tab_st1 li:first-child::before{display: none;}
.tab_st1 li.on::before{display: none;}
.tab_st1 li.on + li::before{display: none;}
.tab_st1 li a { position:relative; display:block; padding:1rem 1rem 1rem 0.5rem; color:#000; font-weight: 600; }
.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 { background:linear-gradient(to right, #007eea, #006aca); border-radius: 0 0 1rem 0; box-shadow: 0 0 0.5rem #8bbeff;}
.tab_st1 li a:hover,
.tab_st1 li a:focus { color:#0085d8; border-color:#0085d8; }
.tab_st1 li a:hover:after,
.tab_st1 li a:focus:after { color:#0085d8; }
.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:-0.125rem; }
.tab_st2 ul{display: flex; flex-wrap: wrap; font-weight: 600;}
.tab_st2 li { position:relative; flex-shrink: 0; width:25%; padding:0.125rem; }
.tab_st2 li a { position:relative; display:flex; align-items: center; justify-content: center; height: 100%; padding:1rem 0.5rem ; line-height:1.3; font-size:0.8rem; border:2px solid #dcdcdc; text-align: center; border-radius: 0.5rem;}
.tab_st2 li a span{position: relative; padding: 0 0.5rem; z-index: 1;}
.tab_st2 li.on a span::before{content: ''; display: block; position: absolute; left: 0; right: 0; top: 0.3rem; bottom: -.2rem; background: #eaf0fa; border-radius: 0.2rem; z-index: -1;}
.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:2px solid #999; }
.tab_st2 li.on a,
.tab_st2 li.on a:hover,
.tab_st2 li.on a:focus,
.tab_st2 li.on a:before {color: #005fd4;font-weight:700;border:2px solid #005fd4;}
.tab_st2 li.on a:hover:after,
.tab_st2 li.on a:focus:after,
.tab_st2 li.on a:after {color: #1161bc;font-weight:600;}

/* 탭 :리스트 */
.tab_list{ margin:-0.125rem; }
.tab_list ul{display: flex; flex-wrap: wrap; border: 1px solid #d1d8e3; border-radius: .3rem; font-weight: 600;}
.tab_list li { position:relative; flex-shrink: 0; width:25%; padding:.125rem 0.5rem; }
.tab_list li ~ li::before{content: ''; display: block; width: 1px; height: 1rem; background: #bbb; position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.tab_list li:nth-child(4n) + li::before{display: none;}
.tab_list li a { position:relative; display:flex; align-items: center; justify-content: center; height: 100%; padding:0.8rem 0.5rem; line-height:1.3; font-size:0.8rem; text-align: center; }
.tab_list li a:hover,
.tab_list li a:focus,
.tab_list li a:hover:before,
.tab_list li a:focus:before { font-weight: 700; }
.tab_list li.on a,
.tab_list li.on a:hover,
.tab_list li.on a:focus,
.tab_list li.on a:before {color: #005fd4;font-weight:700;}
.tab_list li.on a:hover:after,
.tab_list li.on a:focus:after,
.tab_list li.on a:after {color: #1161bc;font-weight:600;}
.tab_list li.on a span{position: relative;}
.tab_list li.on a span::after{content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: #005fd4; position: absolute; right: -.7rem; top: 50%; transform: translateY(-50%);}
/* 탭 :리스트 개수 지정 */
.tab_list.Tab_w50 li:nth-child(2n) + li::before{display: none !important;}
.tab_list.Tab_w50 li:nth-child(4n) + li::before{display: block;}
.tab_list.Tab_w30 li:nth-child(3n) + li::before{display: none !important;}
.tab_list.Tab_w30 li:nth-child(4n) + li::before{display: block;}
.tab_list.Tab_w20 li:nth-child(5n) + li::before{display: none !important;}
.tab_list.Tab_w20 li:nth-child(4n) + li::before{display: block;}

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

.ul_list> li.tit{ margin-bottom:20px;}
.ul_list> li.tit>strong{margin-bottom:10px; display:block; padding-left:10px; font-size:16px; font-weight:bold; color:#2b2b2b; background:url(/images/template/00569/sub/h5.gif) no-repeat 2px 3px;}
.ul_list> li li strong{ margin-bottom:5px; padding-left:10px; font-size:15px; font-weight:bold; color:#2b2b2b; background:url(/images/template/00569/sub/h6.gif) no-repeat 0 2px;}
.ul_list> li li { padding-left:15px; }
.ul_list> li li p{ margin-left:10px;}

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

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

/* 동영상 게시판 */
.dwb:before {content:url(/images/comm/board/icon/view_file.png);position: relative;left: -12px;}
.bu_atte3 {text-align: center;position: relative;color: #7b8383;font-size: 15px;}
.btn_bl2 {padding: 10px 15px;color: #fff !important; background:#155eb6;position: relative;top: -17px;border: 2px solid #252525;}

/* 버튼 :기본 */
.btn_bl { color:#fff; background:#005fd4; border:1px solid #005fd4; }
.btn_blL { color:#000; border:2px solid #005fd4; }
.btn_gr { color:#fff; background:#414b52; border:1px solid #414b52; }
.btn_grL { color:#000; border:2px solid #414b52; }

.btn_navy { color:#fff; background:#004396; border:1px solid #004396; }
.btn_navyL { color:#000; border:2px solid #004396; }
.btn_yel { color:#fff; background:#f58a00; border:1px solid #f58a00; }
.btn_yelL { color:#000; border:2px solid #f58a00; }
.btn_mint { color:#fff; background:#00928d; border:1px solid #00928d; }
.btn_mintL { color:#000; border:2px solid #00928d; }
.btn_green { color:#fff; background:#008d64; border:1px solid #008d64; }
.btn_greenL { color:#000; border:2px solid #008d64; }
.btn_pink { color:#fff; background:#f374a4; border:1px solid #f374a4; }
.btn_pinkL { color:#000; border:2px solid #f374a4; }

.btns [class^="btn_"]{min-width: 7rem;}
/*[class^="btn_"]:not(.btn_top){ display:inline-block; text-align: center; margin:2px 1px; padding:0.5rem 0.75rem; border-radius:.5rem; vertical-align:middle; line-height:1rem; font-weight:600; -webkit-transition:all .15s; transition:all .15s; }*/
[class^="btn_"]:not(.btn_top) i { font-size:0.8rem; line-height:1rem; padding-left:0.3rem; vertical-align:top; }

.btnIco{text-align: left; position: relative; padding-right: 1.8rem;}
.btnIco i{position: absolute; right: .8rem; top: .5rem;}
.btn_bl.btnIco{background: none; border: 2px solid #005fd4; color: #005fd4;}
.btn_gr.btnIco{background: none; border: 2px solid #414b52; color: #414b52;}
.btn_navy.btnIco{background: none; border: 2px solid #004396; color: #004396;}
.btn_yel.btnIco{background: none; border: 2px solid #f58a00; color: #f58a00;}
.btn_mint.btnIco{background: none; border: 2px solid #00928d; color: #00928d;}
.btn_green.btnIco{background: none; border: 2px solid #008d64; color: #008d64;}
.btn_pink.btnIco{background: none; border: 2px solid #f374a4; color: #f374a4;}

[class^="btn_"].mini{font-size: 0.7rem; border-radius: 0; padding: 0.2rem 0.5rem; min-width: auto !important; border-width: 1px;}
[class^="btn_"].btn_navyL.mini { color: #004396; }
[class^="btn_"].btn_yelL.mini { color:#f58a00; }
[class^="btn_"].btn_mintL.mini { color:#00928d; }
[class^="btn_"].btn_greenL.mini { color:#008d64; }
[class^="btn_"].btn_pinkL.mini { color:#f374a4; }

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:0.15rem; -webkit-transition:all .3s; transition:all .3s; }
[class^="btn_style"] i,
[class^="btn_line_style"] i { margin-left:0.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 -0.25rem 0; padding-top:1rem; border-top:1px dashed #e7e7e7; }


/* 이미지 사이즈 :확대보기 */
.rsp_img { position:relative; width:auto; max-width:100%; line-height: 0; }
.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/template/common/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:3px 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; }

/*배너이미지*/
.banner_img {width:9rem; height:3.1rem}

/*정보공개*/
.common_dl{ padding:15px 20px 10px; padding-bottom:30px;  margin:15px 0; display: inline-block;}
.common_dl dt{ /*width:50%; float:left;*/  margin:0 10px 5px 0; font-weight:bold; color:#4063af;  background:url('/images/template/common/con_com/bu_tit3.png') no-repeat 0 50%; padding-left:20px;}
.common_dl dd{ /*float:left; */padding-bottom:5px; width:100%; text-align:left;}

#container{font-family:"NotoR";}
.common_ul {font-size:15px; font-family:"NotoM"; padding-bottom:10px;}
.gray_box{ margin:5px 0; background:#f6f6f6; padding:10px;}

/*시설안내*/
dl.template_view {width:730px; text-align:center;}
dl.template_view dt img {width:670px; height:500px; border:2px solid #ddd;}
dl.template_view dd {margin-top:20px;}

.thumbnail_ul { text-align:center;} 
.thumbnail_ul li { display:inline-block; height:80px; margin-right:22px; border:1px solid #ccc; width:120px; height:80px; zoom:1; *display:inline; vertical-align:top;}

.thumbnail_left {width:32px !important; height:72px !important; border:0 !important;}
.thumbnail_right { width:32px !important; height:72px !important; border:0 !important;}

/*오시는길*/
.directions dt { margin-top:10px; font-weight:bold; font-size:16px; color:#136fbc; background:url(/images/template/00610/sub/arrow_blue.gif) no-repeat 0 10px; padding-left:10px;}
.directions dd { margin-top:2px;}

/*앨범,홍보 및 틀*/
.picture_wrap{ position:relative; height:753px; text-align:center; background:url(/images/template/00487/sub/picture_bg.jpg) no-repeat;}
.picture_wrap h4{ display:block; text-align:center; font-size:28px; padding-top:20px; font-family:맑은 고딕,Malgun Gothic; letter-spacing:-1px; line-height:35px; color:#fff;}
.picture_layout{ float:left; width:400px; margin:120px 0 0 165px;}
.picture_layout li{ display:inline-block; padding:0 20px 50px; zoom:1; *display:inline;}
.picture_layout li img{ border-bottom:2px solid #ddd; border-right:2px solid #ddd; margin-bottom:8px;}
.picture_layout li span{ display:block;}
.page_num {width:100%;float:left;padding-left: 147px;bottom: -50px;margin-bottom:100px;position:absolute;left:0;text-align:left;height:20px;}
.page_num2 {width:100%; float:left; padding-left:290px; bottom:0; margin-bottom:100px;position:absolute;left:0; text-align:left; height:20px;}
.page_num3 {width:100%; float:left; padding-left:320px; bottom:0; margin-bottom:100px;position:absolute;left:0; text-align:left; height:20px;}
.page_num4 {width:100%; float:left; padding-left:320px; bottom:0; margin-bottom:100px;position:absolute;left:0; text-align:left; height:20px;}
.page_num li{width: auto;padding: 17px;}

/*정보공개관련법령*/
.public-info .tbl-director {border-collapse:collapse; border-spacing:0; text-align:center; margin:2em auto;}
.public-info .tbl-director td, .public-info .tbl-director th {border:1px solid #ddd; padding:10px;}
.public-info .tbl-director th {border-top:2px solid #ddd; background:#f9f9f9;}	

.box1 {margin-bottom:2.5em; border:1px solid #ddd; padding:10px; padding-bottom:10px;}

.public-info {padding:0 10px; color:#666; font-family:'돋움', 'Dotum', '굴림', Verdana, Geneva, sans-serif; font-size:12px; line-height:1.5em;}
.public-info h2, .public-info h3, .public-info h4, .public-info p, .public-info ul, .public-info ol {padding:0; margin:0;}
.public-info h2 {font-size:12px; text-align:center; padding:10px 0; border:1px solid #ddd; background:#f5f5f5;}
.public-info li {list-style:none;}
.public-info h3 {font-size:14px; color:#333; padding-left:16px; background:url(/images/template/00559/sub/bu-square5.gif) no-repeat left 2px; margin: 1em 0 5px 0;}
.public-info h4, .public-info strong {display:block; background:url(/images/template/00559/sub/bu-circle5.gif) no-repeat left 5px; padding-left:8px; color:#2082bd;}
.public-info p {margin-bottom:15px;}
.public-info ul {margin-bottom:1.8em;}
.public-info ul ul {margin:8px 45px 8px 1em;}
.public-info ul ol {margin:0px 0 1.6em 1em;}
.public-info .ul-style1 {margin-bottom:3em;}
.public-info .ul-style1 li {margin-bottom:1em;}
.public-info li {margin:0 0 0 1em;}
.public-info span {color:#194ea6;}
.public-info .byMoe {padding:0; margin:0;}
.public-info table {border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:3em;}
.public-info thead th {background:#f5fcff; padding:10px 0; border:1px solid #ddd; color:#175E85; border-top:2px solid #82b6cc;}
.public-info tbody th, .public-info tbody td {border:1px solid #e3e3e3; padding:5px 0;}
.public-info tbody td {padding:5px 10px 5px 15px;}
.public-info table .thstyle1 {width:60px;}
.public-info table span {display:block; margin-left:1.5em; color:#666; margin-bottom:5px; font-size:11px;}
.public-info .tbl-style1 {text-align:center!important;}
.public-info .tbl-style1 tbody td {padding:5px 3px;}
.public-info .h3-style1 {text-align:center; background:none; padding:10px; border:1px solid #ddd; background-color:#f5f5f5;}
.rule h3 { background:url(/images/template/00559/sub/bu-square6.gif) no-repeat left 2px; color:#1378b5;}
.rule h4 {font-weight:normal; background:none; padding-left:0;}

@media screen and (max-width:1300px){
  /* 테이블 스크롤 */
  div[class*='tbl_st'].scroll_gr { 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; }
  div[class*='tbl_st'].scroll_gr table { width:100px; min-width:1200px; }
}
@media screen and (max-width:1200px){

  /* 탭 :공통 */
  .reactTab[class^="tab_st"] > .select{display:block; height:auto; padding: 0.7rem; }
  .reactTab[class^="tab_st"] ul { display:none; text-align:left; margin-bottom:0; }
  .reactTab[class^="tab_st"] li { display:block; width:100% !important; margin:0 !important; }
  .reactTab[class^="tab_st"] li a:before{display:none;}

  /* 탭 :1차 탭 */
  .tab_st1 .select{background: linear-gradient(to right, #007eea, #006aca); font-weight: 600; border-radius: 0 0 1rem 0; box-shadow: 0 0 0.5rem #8bbeff; padding: 1rem 1rem 1rem 0.5rem; color: #fff;}
  .tab_st1 .select::after { position: absolute; top: .5rem; right: 0.5rem; font-family: 'xeicon'; color: #797979; font-size: 1rem; content: "\e942"; -webkit-transition: color .3s; transition: color .3s; color: #fff;}
  .tab_st1 ul{width:100%; margin:0; border:1px solid #ccc; border-radius:0 0.5rem 0.5rem 0.5rem; overflow:hidden; background: #f2f2f2;}
  .tab_st1 li{margin:0;}
  .tab_st1 li + li{border-top:1px dashed #ddd;}
  .tab_st1 li::before{display: none;}
  .tab_st1 li a{ display:block; height:auto; border:0; padding: 0.7rem; }
  .tab_st1 li a:after{display: none;}
  .tab_st1 li.on a{background:#007eea; color:#fff; box-shadow: none; font-weight: 700; padding: 0.7rem;}
  .tab_st1 > .select:before { top:0.5rem; }

  /* 탭 :2차 탭 */
  .tab_st2 .select{padding: 1rem 0.5rem; color: #005fd4; font-weight: 700; border: 2px solid #005fd4; border-radius: 0.5rem;}
  .tab_st2 .select span { position: relative; padding: 0 0.5rem; z-index: 1;}
  .tab_st2 .select span::before{ content: ''; display: block; position: absolute; left: 0; right: 0; top: 0.3rem; bottom: -0.2rem; background: #eaf0fa; border-radius: 0.2rem; z-index: -1;}
  .tab_st2 ul{width:100%; margin:0; overflow:hidden; border: 1px solid #ddd; border-radius: 0 0 0.5rem 0.5rem;}
  .tab_st2 li{margin:0;}
  .tab_st2 li + li{border-top:1px solid #ddd;}
  .tab_st2 li a{ display:block; height:auto; border: 2px solid transparent; text-align: left; border-radius: 0; padding: 0.7rem;}
  .tab_st2 li.on a{ background: #eaf0fa; color:#333; border-color: transparent; padding: 0.7rem; border-radius: 0;}
  .tab_st2 li a span{padding: 0;}
  .tab_st2 > .select:before { top:0.5rem; }

  /* 탭 :리스트 */
  .tab_list { padding:0.5rem 0; }
  .tab_list li a { font-size:0.8rem;}

  /* 탭 :개수 지정 */
  .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){
  /* 타이틀(블릿 타입) */
  .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_list li:nth-child(3n) + li::before{display: none !important;}
  .tab_list.Tab_w20 li:nth-child(5n) + li::before{display: block !important;}
  /* 탭 :개수 지정 */
  .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_list li:nth-child(3n) + li::before{display: block !important;}
  .tab_list li:nth-child(2n) + li::before{display: none !important;}
  /* 탭 :개수 지정 */
  .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:0.75rem 1rem 0.75rem 0.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:0.75rem; }
	.tab_list { margin:0; }
	.tab_list li { width:100%; }
	.tab_list li::before{display: none !important;}
	.tab_list li:nth-child(3n) + li::before{display: none !important; }
	.tab_list li:nth-child(5n) + li::before{display: none !important; }
	.tab_list.Tab_w20 li:nth-child(5n) + li::before{display: none !important; }
	.tab_list li a { padding: 0.3rem 0 ; }
	/* 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:0.95rem; background-size:15px 15px; padding-left:1.2rem;}
	.titT5 {margin-top:1rem; color:#2c61a2; font-size:0.9rem; font-weight:700; }

	/* 타이틀(블릿 타입) */
	.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:0.5rem; }
	.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; }

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

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

	/* 고객만족도 조사*/
	.satisfaction .question{padding:0.75rem 1rem;}
	.satisfaction .satisfaction_list{ padding:1rem;}
}
@media screen and (max-width:480px){
  /* 타이틀 :공통 */
  *:not(h4) + h5[class^='tit']{margin-top: 0.5rem !important;}

  /* 탭 :개수 지정 */
  .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%; }

  /* 기본 박스 : 검색 */
  [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; }

  /* 박스 */
  [class^="box_st"].box_ico{min-height: auto; padding-left: 0.5rem;}
  [class^="box_st"].box_ico .ico{display: none;}

}