/* common form */
::placeholder,
::-webkit-input-placeholder,
::-ms-input-placeholder { color:#333; font-weight:400; }

label { display: inline-block; vertical-align:middle; margin-right:0.2rem; }
label input { margin-right:0.25rem; vertical-align:middle; }
input.w100, select.w100 { width:100%; }
input.w90, select.w90 { width:90%; }
input.w80, select.w80 { width:80%; }
input.w70, select.w70 { width:70%; }
input.w60, select.w60 { width:60%; }
input.w50, select.w50 { width:50%; }
input.w40, select.w40 { width:40%; }
input.w30, select.w30 { width:30%; }
input.w20, select.w20 { width:20%; }
input.w15, select.w15 { width:15%; }
input.w10, select.w10 { width:10%; }
input.mx-w5, select.mx-w5 { width:100%; max-width:5rem; }
input.mx-w10, select.mx-w10 { width:100%; max-width:10rem; }
input.mx-w20, select.mx-w20 { width:100%; max-width:20rem; }
input.mx-w30, select.mx-w30 { width:100%; max-width:30rem; }
input.mx-w40, select.mx-w40 { width:100%; max-width:40rem; }

input, input[type="text"], input[type="password"], select{max-width:100%; height: 2.1rem; border: 1px solid #b9bec7; border-radius: 0.35rem; padding: 0 0.5rem; color: #666; font-size: 14px; margin: 0.1rem 0 !important;}
input.cal{background:#fff url('/resource/images/con_com/ico_cal.png') no-repeat right 0.75rem center;}

textarea{border: 1px solid #b9bec7; border-radius: 0.25rem; width: 100%; resize: none; padding: 0.5rem; margin-top: 0.25rem;}

input.hasDatepicker{margin-right:0.2rem !important;}
.ui-datepicker-trigger{vertical-align:middle;}

/* 들여쓰기 */
.indent { margin-left:1rem; }

/* 타이틀(공통) */
[class^='titT'] { font-size:1.1rem; }
h3[class^='tit'] { line-height:1.3; font-weight:700; margin-top:3rem; }
[class^="box_st"] [class^='tit']:nth-of-type(1) { margin-top:0rem !important; }
h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2'] { margin-top:0.75rem; }
.tab_st3 + h3[class^="tit"],
h3[class^="tit"]:nth-child(1) { margin-top:0; }
div + h3[class^='tit'], p + h3[class^='tit'] { margin-top:2.5rem !important; }
h4[class^='tit'] { line-height:1.3; font-weight:700; margin-top:2.5rem; }
h4[class^='tit']:nth-child(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-child(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; color:#060606; font-size:1.1rem; margin-top:2rem; padding-left: 0.75rem;}
.tit1:before { content:''; display:inline-block; width:0.3rem; height:1.2rem; margin-right:.25rem; background:url('/resource/images/con_com/bu_tit1.png')no-repeat center/100% 100%; position: absolute; left: 0; top: 0.15rem;}
.tit1_1 { position:relative; color:#060606; font-size:1.1rem; margin-top:2rem; }
.tit2 { position:relative; color:#2a76c4; font-size:1rem; margin:1.5rem 0 0.5rem; }
.tit3 { position:relative; color:#060606; font-size:.95rem; margin-top:1rem; }

.tit1 + .indent{ margin-top:.5rem;}

/* 블릿 */
.bu_st1, .bu_st2, .bu_st3, .list_st1 > li, .list_st2 > li, .list_st3 > li { position:relative; margin-top:0.25rem; padding-left:1rem; color:#060606; font-size:.8rem; }
.bu_st2 { font-size:.8rem; margin-left:0.25rem; padding-left:.8rem; }
.bu_st3 { font-size:.75rem; margin-left:0.5rem; padding-left:.7rem; color:#606060; }
.bu_st1:before, .list_st1 > li:before { content:''; position:absolute; top:0.55rem; left:0; width:.4rem; height:.1rem; background:#2a76c4; }
.bu_st2:before, .list_st2 > li:before { content:''; position:absolute; top:0.45rem; left:0; width:.25rem; height:.25rem; border-radius:50%; background:#8f8f8f; }
.bu_st3:before, .list_st3 > li:before { content:''; position:absolute; top:0.55rem; left:0; width:.25rem; height:.1rem; background:#999; }

/* 리스트 :블릿 타입 */
.list_st2 > li { padding-left:.85rem; font-size:.75rem; }
.list_st3 > li { font-size:.75rem; color:#606060; }

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

/* 리스트 :텍스트 타입 */
.list_stT1 > li { font-size:.75rem; margin-top:.25rem; }
.list_stT1 ol li,
.list_stT1 ul li { padding-left:10px; }
.list_stT1 li ul[class^="list_st"] { margin-left:10px; }
.list_stT2 > li { font-size:.75rem; margin-top:.15rem; color:#444; }
.list_stT2 ol li,
.list_stT2 ul li { padding-left:10px; }
.list_stT2 li ul[class^="list_st"] { margin-left:10px; }

/* 리스트 :순차적 리스트 타입 */
.list_ol1 > li { position:relative; padding-left:1.4rem; margin-top:0.5rem; color:#060606; line-height:1.2rem; }
.list_ol1 > li > span.num { position:absolute; z-index:1; left:0; top:0.15rem; width:1rem; height:1rem; line-height:calc(1rem - 2px); font-size:.65rem; border-radius:.25rem; color:#1493c8; overflow:hidden; text-align:center; font-weight:700; background:#fff; border:1px solid #1493c8; } 
.list_ol2 > li { position:relative; padding-left:1.25rem; margin-top:0.5rem; color:#060606; line-height:1.2rem; }
.list_ol2 > li > span.num { position:absolute; z-index:1; left:0; top:0.1rem; width:1rem; height:1rem; line-height:calc(1rem - 2px); font-size:.65rem; border-radius:.25rem; color:#555; overflow:hidden; text-align:center; font-weight:700; background:#fff; border:1px solid #999; } 

/* 리스트 :가로 나열 */
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_bl { color:#045ba6 !important; }
.pc_gr { color:#777 !important; }
.pc_navy { color:#2e415a !important; }
.pc_sky { color:#0082BC !important; }
.pc_org { color:#d53c03 !important; }
.pc_grn { color:#008489 !important; }
.pc_red { color:#c5007a !important; }


/* 텍스트 요소 :텍스트 배경색 */
.bg_bl, .bg_gr, .bg_navy, .bg_sky, .bg_org, .bg_org, .bg_grn, .bg_yel { padding:1px 0.5rem !important; display:inline-block; border-radius: 0.2rem;}
.bg_bl { color:#fff !important; background-color:#045ba6 !important; }
.bg_gr { color:#000 !important; background-color:#a6a6a6 !important; }
.bg_navy { color:#fff !important; background-color:#2e415a !important; }
.bg_sky { color:#fff !important; background-color:#0082BC !important; }
.bg_org { color:#fff !important; background-color:#d53c03 !important; }
.bg_grn { color:#fff !important; background-color:#008489 !important; }
.bg_yel { color:#000 !important; background-color:#fed652 !important; }

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

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

/* 텍스트 요소 :링크 타입 */
a.bu_link, a.bu_linkL, a.bu_mail, a.bu_mailL, a.bu_dow, a.bu_downL, a.bu_tel, a.bu_telL, a.bu_down { position:relative; display:inline-block; word-break:break-all; text-decoration:underline; } 
.txt_p > [class^="bu_"],
[class^="list_st"] > li > [class^="bu_"] { margin:0 .25rem; }
a.bu_link:before, a.bu_linkL:before, a.bu_mail:before, a.bu_mailL:before, a.bu_down:before, a.bu_downL:before, a.bu_tel:before, a.bu_telL:before { display:inline-block; font-size:0.75rem; font-family:'xeicon'; padding-right:0.15rem; }
a.bu_link { color:#2a76c4; }
a.bu_link:before { content:"\e980"; }
a.bu_mail { color:#2a76c4; }
a.bu_mail:before { content:"\ea07"; }
a.bu_down { color:#2a76c4; }
a.bu_down:before { content:"\eb7c"; }
a.bu_tel { color:#2a76c4; }
a.bu_tel: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; }
.bu_atte:before { content:"※"; position:absolute; left:0; top:0; display:block;  color:#000; }
.bu_wnrn { position:relative; margin-top:0.25rem; padding-left:1.25rem;  }
.bu_wnrn:before { content:"\e9a6"; position:absolute; left:0; top:0.1rem; display:block; font-family:'xeicon'; color:#007e30; font-size:1rem; line-height:1; }
.bu_wnrnL { position:relative; margin-top:0.25rem; padding-left:1.25rem; color: #007e30; }
.bu_wnrnL:before { content:"\e9a7"; position:absolute; left:0; top:0.1rem; display:block; font-family:'xeicon'; color:#007e30; font-size:1rem; line-height:1; }
.bu_ment { position:relative; margin-top:0.25rem; padding-left:1rem; }
.bu_ment:before { content:"\ea1c"; position:absolute; left:0; top:0.2rem; display:block; font-family:'xeicon'; color:#2c51aa; line-height:1; }

/* 테이블 :테이블 기본 타입 */
div[class*='tbl_st'] { position:relative; width:100%; background:#fff; overflow:hidden; margin-top:0.5rem; }
div[class*='tbl_st'] > table { table-layout: fixed; position:relative; width:100%; margin-left:-1px; text-align:center; border-top:2px solid #333; -webkit-overflow-scrolling:touch; word-break:keep-all; /* word-break:break-all; 강제 줄바꿈 */ }
div[class*='tbl_st'] > table th { padding:0.5rem 0.3rem; color:#000; font-weight:600; vertical-align:middle; line-height:1.4; border-left:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; background:#f4f5f7; }
div[class*='tbl_st'] > table td { padding:0.5rem 0.3rem; line-height:1.5; color:#333; border-bottom:1px solid #b5b5b5; border-left:1px solid #b5b5b5; word-break: break-all; }
div[class*='tbl_st'] > table thead th { background:#f6f6f6; padding:1rem 0.5rem; border-bottom:1px solid #b5b5b5; }
div[class*='tbl_st'] > table tbody th { background:#f6f6f6; border-left:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; }
div[class*='tbl_st'] > table tfoot th { background:#f6f6f6; border-left:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; }
div[class*='tbl_st'] label{display: inline-block;}

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

/* 테이블 :테이블2 라인 타입 */
.tbl_st2 > table { margin-left:0 !important; border-right:1px solid #dad8d9; }

/* 테이블 - form */
table select, table input { height:2.1rem; line-height:2.1rem; border:1px solid #b9bec7; border-radius: 0.35rem; padding:0 .5rem; color:#666; font-size:14px; }
table a[class^='btn_'] { padding:.3rem 0.5rem; font-size:0.7rem; margin:0; }
table .list_st3 > li, 
table .list_st4 > li { color:#333; }

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

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

/* tr 색상 */
.tbl_bg_bl, .tbl_bg_bl th { color:#111; background-color:#dfe9f8 !important; }/* 블루 */
.tbl_bg_ye, .tbl_bg_ye th { color:#111; background-color:#f5f0df !important; }/* 옐로우 */
.tbl_bg_re, .tbl_bg_re th { color:#111; background-color:#fceff0 !important; }/* 레드 */
.tbl_bg_gr, .tbl_bg_gr th { color:#111; background-color:#effcf6 !important; }/* 그린 */
.tbl_l { border:2px solid #333 !important; }
.tbl_L_t { border-top:2px solid #333 !important; }
.tbl_L_b { border-bottom:2px solid #333 !important; }
.tbl_L_l { border-left:2px solid #333 !important; }
.tbl_Lbl { border:2px solid #014d9b !important; }
.tbl_Lbl_t { border-top:2px solid #014d9b !important; }
.tbl_Lbl_b { border-bottom:2px solid #014d9b !important; }
.tbl_Lbl_l { border-left:2px solid #014d9b !important; }
.tbl_Lre { border:2px solid #ff6363 !important; }
.tbl_Lre_t { border-top:2px solid #ff6363 !important; }
.tbl_Lre_b { border-bottom:2px solid #ff6363 !important; }
.tbl_Lre_l { border-left:2px solid #ff6363 !important; }
.tbl_Lgr { border:2px solid #099e5e !important; }
.tbl_Lgr_t { border-top:2px solid #099e5e !important; }
.tbl_Lgr_b { border-bottom:2px solid #099e5e !important; }
.tbl_Lgr_l { border-left:2px solid #099e5e !important; }
.tbl_Lye { border:2px solid #f9ba00 !important; }
.tbl_Lye_t { border-top:2px solid #f9ba00 !important; }
.tbl_Lye_b { border-bottom:2px solid #f9ba00 !important; }
.tbl_Lye_l { border-left:2px solid #f9ba00 !important; }

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

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

/* 박스 :박스 기본 타입 */
[class^="box_st"] {position:relative;margin-top:0.5rem;border-radius:.25rem 1rem .25rem .25rem;z-index:0;}
.box_st1 { position:relative; width:100%; overflow:hidden; border: 1px solid #a6d9ff; border-radius: 1.25rem; padding: 1.5rem; box-shadow: 0 0.25rem 0.25rem rgba(139, 205, 255,.11);}
.box_st2 { padding:.15rem; background:url('/resource/images/con_com/ptrn_box_st2.png') repeat; border-radius:1rem; }
.box_st1 .inner, .box_st2 .inner { padding:1.5rem; border-radius:.9rem; background:#fff; }
.box_st3 { padding:1.5rem; border:1px solid #ccc; border-radius:1rem; }
.box_st4 { padding:1.5rem; background:#f7f7f7; border-radius:1rem; }
div + [class*="box_st"],
ul + [class*="box_st"] { margin-top:1.5rem; }

/* 이미지 박스 */
.box_st_img { padding:1rem; text-align:center; }
.box_st_img img { max-width:100%; }

/* 박스 :강조박스 */
.box_st1.ico_box{padding-left: 9rem; min-height: 8.5rem; }
.box_st1.ico_box .ico{position: absolute; top: 1.25rem; left: 1.5rem; width:5.75rem; height: 5.75rem; border-radius: 50%; background: #dcf0ff; }
.box_st1.ico_box .ico::before{width: 100%; height: 100%; border-radius: 50%; background: url('/resource/images/con_com/ptrn_box_ico.png') repeat; position: absolute; top: 0.25rem; left: 0.25rem; z-index: -1; content: '';}
.box_st1.ico_box .ico::after{width: 1.9rem; height: 1.95rem; background: url('/resource/images/con_com/box_ico_bg.png') no-repeat; position: absolute; top: -0.1rem; left: -0.1rem; content: '';}
.box_st1.ico_box .ico img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

/* 탭 :공통 */
div[class^="tab_st"] { position:relative; font-weight:600; margin-bottom:1.5rem; }
div[class^="tab_st"] > .select { display:none; }
div[class^="tab_st"] a { position:relative; display:block; line-height:1.25rem; word-break:break-all; color:#666; font-weight:400; }
div[class^="tab_st"] a[target='_blank'].down:after { content:"\eb7c"; }
div[class^="tab_st"] a,
div[class^="tab_st"] ::before { -webkit-transition:all .15s ease; transition:all .15s ease; }
/* 탭 :공통 : 하위메뉴 있을 시 */
div[class^="tab_st"] li a[target='_blank']:before { display:none; }
div[class^="tab_st"] li a[target='_blank'] > span:after,
div[class^="tab_st"] > .select[target='_blank'] > span:after { content:"\e980"; display:inline-block; margin-left:.25rem; font-family:'xeicon'; z-index:1; }

/* 탭 :1차 탭 */
.tab_st1 { margin-top:.75rem; background:#f4f4f4; border-radius: 0.75rem 0.75rem 0 0; border-bottom: 2px solid #023d81;}
.tab_st1 ul { display:flex;/*gap:.2rem;*/ }
.tab_st1 li { position:relative; width:100%; /* padding:0 .5rem; */}
.tab_st1 li:not(.on) + li:before { content:''; position:absolute; top:50%; left:0; width:1px; height:1rem; border-left:2px dotted #999; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.tab_st1 li a,
.tab_st1 > .select { display:table; table-layout:fixed; width:100%; z-index:1; height:3.15rem;/*line-height:3.15rem;*/ padding:0 1.8rem 0 1rem; border-radius:.75rem 0.75rem 0 0; }
.tab_st1 li a > span,
.tab_st1 > .select > span { display:table-cell; width:100%; vertical-align:middle; }
.tab_st1 li a { color:#333; font-size:.8rem; border: 2px solid transparent;}
.tab_st1 li a:before,
.tab_st1 > .select:before { content:"\e944"; position:absolute; right:.5rem; top:0.8rem; width:1.45rem; height:1.45rem; text-align:center; line-height:1.45rem; font-family:'xeicon'; border-radius:.25rem; font-size:.9rem; z-index:1; }
.tab_st1 li.on a { font-weight:700; color:#fff; background:#0e488b; border-color: #023d81; box-shadow:3px 0 10px rgba(0,162,184,.2);  }
.tab_st1 > .select { font-weight:700; color:#fff; background:#0e488b; box-shadow:3px 0 10px rgba(0,162,184,.2); }
/* 탭 :1차 탭 : active */
.tab_st1 li.on a:before,
.tab_st1 > .select:before { content:"\e928"; color: #fff; }
.tab_st1 li a:focus{outline-offset:-3px;outline:2px dotted;}

/* 탭 :2차 탭 */
.tab_st2 ul { display:flex; width:calc(100% + 1rem); margin-left:-.5rem; flex-wrap:wrap; align-items:flex-start; }
.tab_st2 li { width:25%; padding:.25rem; }
.tab_st2 li a,
.tab_st2 > .select { display:table; table-layout:fixed; width:100%; height:2.85rem; border-width:1px; border-style:solid; border-color:#ccc; border-radius:.5rem; color:#333; font-size:.8rem; text-align:center; }

.tab_st2 > .select:before { content:"\e929"; position:absolute; left:50%; bottom:-1rem; width:1.1rem; height:1.1rem; line-height:calc(1.1rem - 4px); border:2px solid #1861ac; background:#fff; border-radius:.25rem; font-family:'xeicon'; font-size:.9rem; color:#2a76c4; font-weight:400 !important; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.tab_st2 li a > span,
.tab_st2 > .select > span { display:table-cell; width:100%; vertical-align:middle; }
/* 탭 :2차 탭 : active */
.tab_st2 li.on a:before,
.tab_st2 > .select:before { bottom:-.75rem; opacity:1; }
.tab_st2 li.on a,
.tab_st2 > .select { font-weight:700; color:#2a76c4; border-color:#1861ac; box-shadow:0 0 5px rgba(13,45,134,.3); }

/* 탭 :3차 탭 */
.tab_st3 { position:relative; padding:1px; overflow:hidden; background:#ccc; border-radius:.6rem; overflow:hidden; }
.tab_st3 ul { position:relative; display:flex; width:100%; padding:1rem 1.5rem; overflow:hidden; flex-wrap:wrap; align-items:flex-start; background:#fff; border-radius:.5rem; z-index:1; }
.tab_st3 li { width:25%; padding:.25rem 0;}
.tab_st3 li a,
.tab_st3 > .select { display:inline-block; padding-left:1.25rem; color:#606060; }
.tab_st3 li a:before,
.tab_st3 > .select:before { content:'\e9c6'; position:absolute; left:0; top:.15rem; font-family:'xeicon'; font-size: 1rem; color:#999; font-weight:400 !important; }
/* 탭 :3차 탭 : 하위메뉴 있을 시 */
div.tab_st3 li a[target='_blank']:before { display:block; }
/* 탭 :3차 탭 : active */
.tab_st3 li.on a,
.tab_st3 > .select {font-weight: 700;color: #2a76c4;}
.tab_st3 li.on a:before,
.tab_st3 > .select:before {content: '\e92b'; color: #2a76c4;}
.tab_st3 li.on a span,
.tab_st3 > .select span{box-shadow: inset 0 -8px 0 #ebf2f9;}

/* 탭 :개수 지정 */
div[class^="tab_st"][class*="Tab_w"] ul { flex-wrap:wrap; }
div[class^="tab_st"]:not(.tab_st1)[class*="Tab_w"] ul li { padding:.45rem .5rem; }
.Tab_w50 li { width:50%; }
.Tab_w30 li { width:33%; }
.Tab_w20 li { width:20%; }
.Tab_flex li { flex:1; }
.Tab_flex2 li { width: 12.5%; flex: none !important; display: flex; align-self: stretch;}
.Tab_flex2 li a{height: auto; min-height: 2.5rem;}

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

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

/* 버튼 :기본 */
.btn_bl { color:#fff; background:#2a76c4; border:1px solid #2a76c4; }
.btn_blL { color:#000; border:2px solid #2a76c4; }
.btn_gr { color:#fff; background:#555; border:1px solid #555; }
.btn_grL { color:#000; border:2px solid #555; }
.btn_navy { color:#fff; background:#2e415a; border:1px solid #2e415a; }
.btn_navyL { color:#000; border:2px solid #2e415a; }
.btn_sky { color:#fff; background:#1093da; border:1px solid #1093da; }
.btn_skyL { color:#000; border:2px solid #1093da; }
.btn_red { color:#fff; background:#db2430; border:1px solid #db2430; }
.btn_redL { color:#000; border:2px solid #db2430; }
.btn_org { color:#fff; background:#d53c03; border:1px solid #d53c03; }
.btn_orgL { color:#000; border:2px solid #d53c03; }
.btn_grn { color:#fff; background:#009eb3; border:1px solid #009eb3; }
.btn_grnL { color:#000; border:2px solid #009eb3; }
.btn_yel { color:#000; background:#fed652; border:1px solid #fed652; }
.btn_yelL { color:#000; border:2px solid #fed652; }
.btn_pur { color:#fff; background:#305cc0; border:1px solid #305cc0; }
.btn_purL { color:#000; border:2px solid #305cc0; }
.btn_mint { color:#fff; background:#00caad; border:1px solid #00caad; }
.btn_mintL { color:#000; border:2px solid #00caad; }
.btn_bl, .btn_gr, .btn_navy, .btn_sky, .btn_org, .btn_grn, .btn_yel, .btn_red, .btn_grL, .btn_pur, .btn_mint,
.btn_blL, .btn_grL, .btn_navyL, .btn_skyL, .btn_orgL, .btn_grnL, .btn_yelL, .btn_redL, .btn_grL, .btn_purL, .btn_mintL { display:inline-block; margin:2px 1px; padding:0.5rem .75rem; border-radius:.25rem; vertical-align:middle; line-height:1rem; font-weight:600; -webkit-transition:all .15s; transition:all .15s; }
.btn_bl i, .btn_gr i, .btn_navy i, .btn_sky i, .btn_org i, .btn_grn i, .btn_yel i, .btn_red i, .btn_grL i, .btn_pur i,  .btn_mint i,
.btn_blL i, .btn_grL i, .btn_navyL i, .btn_skyL i, .btn_orgL, .btn_grnL i, .btn_yelL i, .btn_redL i, .btn_grL i, .btn_purL i, .btn_mintL i { font-size:0.8rem; line-height:1rem; padding-left:0.3rem; vertical-align:top; }

[class^="btn_"]:not([class*="L"]){text-shadow:1px 1px 2px rgba(0,0,0,0.5);}

/* 버튼 :작은버튼 */
a[class^="btn_"].mini,
button[class^="btn_"].mini { padding:.3rem .5rem; font-size:13px; }
a[class^="btn_"].mini:hover,
a[class^="btn_"].mini:focus
button[class^="btn_"].mini:hover,
button[class^="btn_"].mini:focus { border-top-right-radius:.75rem; }

/* 버튼 :큰 버튼 */
a[class^="btn_"].large,
button[class^="btn_"].large { padding:.65rem 1.25rem; font-size:.9rem; }

/* 버튼 :아이콘만 */
a[class^="btn_"].ico i,
button[class^="btn_"].ico i { padding-left:0; }

[class^="btn_"]:focus{outline:2px dotted;outline-offset:-3px;}

/* 버튼 :예외버튼 */
.btn_fileDown { position:relative; padding:.35rem 2.5rem .35rem .5rem; border-radius:.25rem; background:#f7f7f7; border:1px solid #aaa; overflow:hidden; }
.btn_fileDown em { display:inline-block; width:1.15rem; height:1.15rem; border-radius:50%; margin-right:.35rem; text-align:center; font-size:.7rem; line-height:1.15rem; }
.btn_fileDown > i { position:absolute; right:0; top:0; width:2rem; height:100%; display:flex; align-items:center; justify-content:center; background:#fff; font-size:.9rem; color:#777; border-left:1px solid #aaa; border-radius:0 .2rem .2rem 0; }
.btn_fileDown em.pdf { background:#888; color:#fff; }
.btn_fileDown, .btn_fileDown em, .btn_fileDown i { transition:all .2s; -webkit-transition:all .2s; }

/* 버튼 :여백 */
div + a[class^="btn_"],
table + a[class^="btn_"],
ul + a[class^="btn_"],
p + a[class^="btn_"],
br + a[class^="btn_"] { margin-top:0.5rem; }
/* 이미지 사이즈 :확대보기 */
.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("/resource/images/con_com/ico_rsp_img.png") no-repeat; text-indent:-9999em; overflow:hidden; }

/* 콘텐츠 준비중 */
.Coming_soon { padding:5rem 1rem; text-align:center;}
.Coming_soon h3 { font-size:1.5rem; color:#000; margin-top:1rem; }
.Coming_soon h3 span { font-weight:700; box-shadow:0 -15px 0 0 inset #e5f6f8; }
.Coming_soon h3 em { color:#2a76c4; }
.Coming_soon p { position:relative; margin-top:1.5rem; font-size:.85rem; color:#000; }
.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; }
.disFx { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.disFx > *{flex: 1; margin: 0 0.1rem !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; }
.pdl150 { padding-left:150px !important; }
.pdl210 { padding-left:210px !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; }

/* 웹 화면 none / 태블릿 모바일 block :이미지맵 사용시 */
.WnTMb { display:none; }
 
.page_txt{margin-bottom: 0.5rem; margin-top: 1rem;}
.page_txt em{font-weight: 700;}

/* 영역 요소 */
.psit_rel{position: relative;}
.psit_abs{position: absolute; top: 1rem; left: 0; margin: 0;}
.psit_abs2{position: absolute; top: 1.5rem; left: 1rem; margin: 0;}

/* hashPop */
.hashPop_wrap::before{content: ''; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 999998;}
.hashPop_wrap .hashPop{position: fixed; width: 90%; max-width: 50rem; max-height:60vh; z-index: 999999; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 2rem 2.5rem; border-radius: 1.5rem;}
.hashPop_wrap .hashPop .hashPopCon{ max-height:40vh; overflow-y: auto;}
.hashPop_wrap .hashPop .hashPopCon [class^="tit"]:first-of-type{margin-top: 0;}
.hashClose{position: absolute; right: .5rem; top: -2.5rem; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; background: #044ca4; border-radius: 50%; color: #fff; font-size: 1rem;}

@media screen and (min-width:769px) { 
	/* 탭 :2차 탭 : action */
	.tab_st1 li:not(.on) a:hover { color:#2a76c4; font-weight:600; }
	.tab_st1 li:not(.on) a:hover:before { font-weight:400; }
	
	/* 탭 :2차 탭 : action */
	.tab_st2 li:not(.on) a:hover { color:#2a76c4; font-weight:600; border-color:rgba(0,119,136,.5); }

	/* 탭 :3차 탭 : action */
	.tab_st3 li:not(.on) a:hover { color: #2a76c4; font-weight:600;}
	.tab_st3 li:not(.on) a:hover:before { content:'\e92c'; }
	.tab_st3 li:not(.on) a:hover:before { content:'\e92c'; }
	
	/* 버튼 :기본 : action */
	.btn_bl:hover { box-shadow:0 0 5px rgba(0, 72, 152,.6); }
	.btn_blL:hover { box-shadow:0 0 5px rgba(0, 72, 152,.6); }
	.btn_gr:hover { box-shadow:0 0 5px rgba(85, 85, 85,.6); }
	.btn_grL:hover { box-shadow:0 0 5px rgba(85, 85, 85,.6); }
	.btn_navy:hover { box-shadow:0 0 5px rgba(46, 65, 90,.6); }
	.btn_navyL:hover { box-shadow:0 0 5px rgba(46, 65, 90,.6); }
	.btn_sky:hover { box-shadow:0 0 5px rgba(16, 147, 218,.6); }
	.btn_skyL:hover { box-shadow:0 0 5px rgba(16, 147, 218,.6); }
	.btn_red:hover { box-shadow:0 0 5px rgba(0,162,184,.6); }
	.btn_redL:hover { box-shadow:0 0 5px rgba(0,162,184,.6); }
	.btn_org:hover { box-shadow:0 0 5px rgba(213, 60, 3,.6); }
	.btn_orgL:hover { box-shadow:0 0 5px rgba(213, 60, 3,.6); }
	.btn_grn:hover { box-shadow:0 0 5px rgba(0,162,184,.6); }
	.btn_grnL:hover { box-shadow:0 0 5px rgba(0,162,184,.6); }
	.btn_yel:hover { box-shadow:0 0 5px rgba(254, 214, 82,.6); }
	.btn_yelL:hover { box-shadow:0 0 5px rgba(254, 214, 82,.6); }
	.btn_pur:hover { box-shadow:0 0 5px rgba(48, 92, 192,.6); }
	.btn_purL:hover { box-shadow:0 0 5px rgba(48, 92, 192,.6); }
	.btn_mint:hover { box-shadow:0 0 5px rgba(0,202,173,.6); }
	.btn_mintL:hover { box-shadow:0 0 5px rgba(0,202,173,.6); }
	
	/* 버튼 :예외버튼 : action */
	.btn_fileDown:hover { border-color:#2e415a; }
	.btn_fileDown:hover > i { border-color:#2e415a; background:#2e2e2e; color:#fff; }
	.btn_fileDown:hover em { background-color:#2e415a; }

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

  /* 탭 :공통 */
  .reactTab[class^="tab_st"]{min-width:7rem;overflow:visible;margin:0;}
  .reactTab[class^="tab_st"] a { text-align:left; }
  .reactTab[class^="tab_st"] > .select { display:block; height:auto; padding:.75rem 1rem .75rem .75rem;}
  .reactTab[class^="tab_st"] ul { display:none; text-align:left;position:absolute;z-index:10;margin-top:.1rem;}
  .reactTab[class^="tab_st"] li { display:block; width:100% !important; margin:0 !important; }
   div[class^="tab_st"]:not(.tab_st1)[class*="Tab_w"] ul li { padding:.25rem 0; }
	
  /* 탭 :1차 탭 */
  .tab_st1 { border:0; }
  .tab_st1 > .select { padding:.75rem .5rem .75rem 1rem;line-height:1.25rem; }
  .tab_st1 > .select:before { content:'\e944'; top:.6rem; right:.75rem; }
  .tab_st1 ul { width:100%; margin:0; border:1px solid #023d81; background:#fff;border-radius:0 0 .75rem .75rem; overflow:hidden; }
  .tab_st1 li { margin:0; }
  .tab_st1 li + li { border-top:1px solid #ddd; }
  .tab_st1 li a { display:block; height:auto; padding:.5rem 1rem;line-height:1.25rem; }
  .tab_st1 li.on a { border:0; background:#fff; color:#2a76c4; border-radius: 0; -webkit-transform:translateY(0); transform:translateY(0); box-shadow:none; }
  .tab_st1 li.on a:after,
  .tab_st1 li:not(.on) + li:before { display:none; }
  .tab_st1 li a:not([target="_blank"]):before { display:none; }
  .tab_st1 > .select:before { content:'\e941'; }
  .tab_st1.ov > .select:before { content:'\e944'; }

  /* 탭 :2차 탭 */
  .tab_st2 { padding:0; border-width:1px; }
  .tab_st2 > .select { padding:.75rem .5rem .75rem 1rem; box-shadow:none; }
  .tab_st2 > .select:before { content:'\e944'; left:auto; top:.85rem; bottom:auto; right:.75rem; font-size:.7rem; text-align:center; line-height:calc(1.1rem - 2px); border: 0; font-size: 1rem;}
  .tab_st2 ul { width:100%; padding:0 1rem; margin:0; background:#f7f7f7;border:1px solid #1861ac; border-radius:.75rem; overflow:hidden; }
  .tab_st2 li { margin:0; padding:0; }
  .tab_st2 li + li { border-top:1px solid #ddd; }
  .tab_st2 li.on a { box-shadow:none; font-weight:400; }
  .tab_st2 li a { display:block; height:auto; border:0; padding:.5rem 0; }
  .tab_st2 li a:before { display:none; }
  .tab_st2 > .select:before { content:'\e941'; }
  .tab_st2.ov > .select:before { content:'\e944'; }
  
  /* 탭 :3차 탭 */
  .tab_st3 { background:#fff; }
  .tab_st3:before { display:none; }
  .tab_st3 ul { background: #f7f7f7;border:1px solid #ccc; padding: 0.5rem 1rem;}
  .tab_st3 > .select { padding:.75rem .5rem .75rem 1rem; background:#fff; border:1px solid #ccc; border-radius:.75rem; }
  .tab_st3 > .select:before { content:'\e941'; top:.75rem; left:auto;right:.75rem; }
  .tab_st3.ov > .select:before { content:'\e944'; }
  
  
  /* 탭 :개수 지정 */
  .Tab_w20 > li { width:25%; }
  /* 리스트 :가로 나열 */
  .li_w20 > li { width:25%; }

  /* 테이블 :유틸 */
  .tbl_utile { margin-top:0; }
  
  /* 웹 화면 none / 태블릿 모바일 block :이미지맵 사용시 */
	.WnTMb { display:block; }
}
@media screen and (max-width:1024px) { 
  /* 테이블 스크롤 */
  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:1024px; }

  /* 테이블 : 모바일 100% */
  .tbl_st.mob_tbl table, .tbl_st.mob_tbl table thead, .tbl_st.mob_tbl table tbody, .tbl_st.mob_tbl tr, .tbl_st.mob_tbl th, .tbl_st.mob_tbl td{display: block; width: 100%;}
  .mob_w45{width: 45% !important;}
  .mob_w100{width: 100% !important;}
  .tbl_st .mob_ac{text-align: center !important;}

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

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

  /* 리스트 :가로 나열 */
  .li_w25 > li { width:33%; }
  .li_w20 > li { width:33%; }

}

@media screen and (max-width:860px) { 
  /* 탭 :리스트 */
  .tab_list li { width:50%; }

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

  /* 리스트 :가로 나열 */
  .li_w30 > li { width:50%; }
  .li_w25 > li { width:50%; }
  .li_w20 > li { width:50%; }

  /* 탭 :1차 탭 */
  .tab_st1 > li { width:100%; }
  .tab_st1 > li a { padding:.75rem 1rem .75rem .5rem; }

   /* 테이블 스크롤 */
   div[class*='tbl_st'].scroll_gr table,
   div[class*='tbl_st'].scroll_wide table{ width:860px; }
}

@media screen and (max-width:800px) {
	.reactTab[class^="tab_st"]{width:100%;}
}
@media screen and (max-width:640px) { 
  /* 탭 */
  .tab_list { margin:0; }
  .tab_list li { width:100%; }
  .tab_list li a { padding:.3rem 0 .3rem 1.25rem; }

  /* 박스 */
}

@media screen and (max-width:560px) { 
  /* 박스 :강조박스 */
  .box_st1.ico_box{padding: 1.25rem; min-height: auto;}
  .box_st1.ico_box .ico{display: none;}
  
  /* 박스 :박스 기본 타입 */
  .box_st1,
  .box_st2 .inner,
  .box_st3,
  .box_st4 { padding:1rem; }
}

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

  /* 탭 :개수 지정 */
  .Tab_w50 li { width:100%; }
  .Tab_w30 li { width:100%; }
  .Tab_w20 li { width:100%; }
  /* 리스트 :가로 나열 */
  .li_w50 > li { width:100%; }
  .li_w30 > li { width:100%; }
  .li_w25 > li { width:100%; }
  .li_w20 > li { width:100%; }

  
  /* 영역 요소 */
  .psit_abs2{position: relative; top: auto; left: auto;}

  /* 패딩 */
  .pdl210{padding-left: 1rem !important;}

  /* hashPop */
  .hashPop_wrap .hashPop{padding: 2rem 1rem;}

}

/* 인력풀 상세보기 박스 */
ul[class*="list_st"] > li {position:relative; }
ul[class*="list_st"] > li:before{content:''; position:absolute; } 
ul[class*="list_st"] > li > ul[class*="list_st"] { margin-top:5px; }
.list_st > li{padding:0.15rem 0 0.15rem 1rem; font-size: 0.8rem; font-weight:600;}
.list_st > li::before{width: 7px; height: 7px; background: #0e488b; border-radius: 50%; position: absolute; left: 0; top: 0.7rem; content: '';}
.list_st > li::after{width: 7px; height: 7px; background: #b5e0ff; border-radius: 50%; position: absolute; left: 6px; top: 0.7rem; content: '';}
.list_st > li .li_tit{width: 5.5rem; float: left;}
.list_st > li .li_tit + ul[class*="list_st"]{width: calc(100% - 5.5rem); float: left;}
.con_reserve_box .list_st{position: relative; padding-right: 5rem;}
.con_reserve_box .list_st::after{display: block; content: ''; clear: both;}
.con_reserve_box .list_st + .list_st{margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px dashed #ccc;}
.con_reserve_box .list_st li{width: 50%; float: left; padding-left: 8rem; padding-right: 1rem; min-height: 1.75rem;}
.con_reserve_box .list_st li .li_tit{position: absolute; left: 1.25rem; top: 0.5rem;}