@charset "utf-8";
/* CSS Document */
:root{

  --headerT: 5.5em;
  
  --siteC: #009c4e;
  --siteC2: #005cb9;
  --siteC3: #4d585a;
  
  --siteBG1: #f3f4f7;
  --siteBG2: #f8f9ff;
  
  --crWhitefil: brightness(0) invert(1);
  --crBlackfil: brightness(0) invert(0);
  --crfilRE: invert(1);
  
  --crGrad1: linear-gradient(to right,var(--gradC1),var(--gradC2));
  --crGrad2: linear-gradient(to bottom,var(--gradC1),var(--gradC2)); 
  
  --snsIn:#e82155;
  --snsFb:#2167be;
  --snsYt:#ed3023;
  --snsKa:#FAE100;
  --snsNv:#07bb58;
  --snsTw:#1d9bf0;
  }

.fl_wrap { *zoom: 1; } 
.fl_wrap:after { content: ""; display: block; clear: both; } 
.fl_wrap > * { float: left; } 
.fl_wrap > .left { float: left; } 
.fl_wrap > .right { float: right; } 
.fl_wrap > * > .in { display: block; } 

.di_table,
.di_table .tr,
.di_table .th,
.di_table .td { box-sizing: border-box; } 
.di_table { display: table; table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; } 
.di_table .tr { display: table-row; } 
.di_table .th,
.di_table .td { display: table-cell; vertical-align: middle; } 

.flex { display: flex; box-sizing: border-box; min-width: 0; } 
.flex > * { box-sizing: border-box; min-width: 0; } 
.flex.di { display: inline-flex; } 
.flex.wrap { flex-wrap: wrap; } 
.flex.col { flex-direction: column; } 
.flex.col > * { width: 100%; } 
.flex.space { justify-content: space-between; } 
.flex.vspace { align-content: space-between; } 
.flex.hc { justify-content: center; } 
.flex.hr { justify-content: flex-end; } 
.flex.vt { align-content: flex-start; align-items: flex-start; } 
.flex.vc { align-content: center; align-items: center; } 
.flex.vb { align-content: flex-end; align-items: flex-end; } 
.flex.ac { align-content: center; align-items: center; justify-content: center; text-align: center; } 
.flex.ah { align-items: stretch; } 
.flex .mgL { margin-left: auto; } 
.flex .mgR { margin-right: auto; } 
.flex .mgT { margin-top: auto; } 
.flex > .wAuto { flex: 1; } 

.flex.gap05{ gap:.5em;}
.flex.gap1 { gap:1em;}
.flex.gap15{ gap:1.5em;}
.flex.gap2{ gap:2em;}
.flex.gap25{ gap:2.5em;}
.flex.gap3{ gap:3em;}
.flex.gap4{ gap:4em;}
.flex.gap5{ gap:5em;}

.vm_wrap { display: block; text-align: center; white-space: nowrap; } 
.vm_wrap:before { content: ""; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 0; height: 100%; } 
.vm_wrap .vm { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; max-width: 100%; height: auto; white-space: normal; box-sizing: border-box; } 
.vm_wrap img { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; max-width: 100%; max-height: 100%; } 

.resize { position: relative; display: block; height: 0; padding-bottom: 100%; box-sizing: border-box; } 
.resize .re { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; box-sizing: border-box; } 
.resize.s1 { padding-bottom: 66.66%; } 
.resize.s2 { padding-bottom: 56.25%; } 
.resize.s3 { padding-bottom: 36%; } 
.resize.s4 { padding-bottom: 28%}

.bgfix { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } 
.bgfix.fix { background-attachment: fixed; } 
.bgfix.bgT { background-position-y: top; } 
.bgfix.bgB { background-position-y: bottom; } 
.bgfix.bgY25 {background-repeat: no-repeat;background-position: 50% 25%;background-size: cover; } 

.movBg_wrap { } 
.movBg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } 
.movBg > .vod { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); } 
.movBg.movT > .vod { top: 0; transform: translate(-50%, 0); } 
.movBg.movB > .vod { top: auto; bottom: 0; transform: translate(-50%, 0); } 

.tt_cp { cursor: pointer; } 
.tt_cut { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 
.tt_cutNo { white-space: normal !important; overflow: visible; } 

.cutstr { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: 100%}

.tt_word,
.tt_word * { word-break: break-all; word-wrap: break-word; } 

/*BOARD*/
.board_st { } 

.board_st th,
.board_st td { height: 2em; padding: .75em .5em; border-bottom: 1px solid #ddd; } 
.board_st th { color: #111; } 
.board_st td { color: #444; } 
.board_st ~ div.no_con { border-top: none; } 

.board_st.list.tit th { border-top: 3px solid #323d8f; border-bottom: 1px solid #666; } 
.board_st.list td { text-align: center; } 
.board_st.list td.w_tit { text-align: left; } 
.board_st.list td.w_tit > a { display: inline-block; vertical-align: middle; max-width: calc(100% - 6em); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1.4; } 
.board_st.list td.w_tit > .bd_tit { display: inline-block; color: #111; line-height: 1.4; } 

.board_st.list a:hover,
.board_st.view a:hover { text-decoration: underline; } 
.board_st.view a { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 

.board_st.list.notice td { background: #f3f6f8; } 
.board_st.list .reply td { background: #f7f7f7; } 

.board_st.write { border-top: 3px solid #323d8f; } 
.board_st.write th { padding-left: 1.5em; text-align: left; } 

.board_info { display: flex; flex-wrap: wrap; min-width: 0; font-size: .875em; color: #72727d; } 
.board_info > li { display: flex; align-content: center; align-items: center; padding-right: 2em; position: relative; box-sizing: border-box; } 
.board_info > li:before { content: ""; position: absolute; right: 1em; top: 15%; width: 1px; height: 70%; background: #ccc; } 
.board_info > li:last-child { padding-right: 0; } 
.board_info > li:last-child:before { display: none; } 
.board_info > li .xi { margin-right: .3em; } 
.board_info > li .xi:before { color: inherit; } 
.board_info > li .tt + .input_st { margin-left: 1.5em; } 
.board_info.flex.col > li { padding: .375em 0; } 
.board_info.flex.col > li:before { display: none; } 

.board_file { font-size: .938em; line-height: 1.2; } 
.board_file > li { padding: .125em 0; } 
.board_file a { position: relative; display: inline-block; padding-left: 1.5em; word-break: break-all; word-wrap: break-word; } 
.board_file a .xi { position: absolute; top: 0; left: 0; } 
.board_file a,
.board_file a .xi:before { color: #111; } 
.board_file a:hover { text-decoration: underline; } 
span.board_file,
strong.board_file { display: inline-block; } 

.board_view_top { border-bottom: 1px solid #ddd; } 
.board_view_top .tit { padding: 1em; border-top: 3px solid #323d8f; font-size: 1.250em; font-weight: 500; } 
.board_view_top .tit:last-child { border-bottom: 1px solid #333; } 
.board_view_top .board_info { padding: 1em 1em 1.5em 1em; } 
.board_view_top .board_file { padding: .75em 1.25em; background: #f5f5f5; border: dashed #ddd; border-width: 1px 0 0 0; } 
.board_view_top + .board_view_middle { padding: 3em 1em; } 
.board_view_middle { box-sizing: border-box; color: #000; } 
.board_view_middle * { box-sizing: border-box; max-width: 100% !important; } 
.board_view_middle:after { content: ""; display: block; clear: both; } 
.board_view_middle img { height: auto !important; } 
.board_view_middle .videoCon { margin-bottom: 2em; } 
.board_view_middle #viewIframe { width: 100%; height: 100%; } 
.board_view_bottom { border-top: 1px solid #666; } 

/*table*/
.board_st2{ border-top: 1px solid #111;}
.board_st2.h1 th,
.board_st2.h1 td{ height: 1.5em; padding: .3em 1.5em;}
.board_st2 th,
.board_st2 td { height: 2.25em; padding: 1em 1.5em; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #fff; } 
.board_st2 td:last-of-type,
.board_st2 th:last-of-type { border-right: none; } 
.board_st2 th { color: #111; background: #f9f9f9; font-weight: 800; font-size: 1.1em;} 
.board_st2 td { color: #333; font-weight: 500; } 
.board_st2 td.bgC{ background: #f1f1f1;}
.board_st2 th.br,
.board_st2 td.br{ border-right: 1px solid #e5e5e5;}
.board_st2~div.no_con { border-top: none; } 

/**/
.commentWrap { margin: 3em 0; padding: 2em 2em; background: #f3f6f8; border: 1px solid #e5e5e5; border-radius: .75em; } 
.commentWrap:first-child { margin-top: 0; } 
.commentWrap:last-child { margin-bottom: 0; } 
.commentWrap .comm_tit { padding-bottom: .5em; } 
.commentWrap .comm_tit > * { display: inline-block; vertical-align: middle; } 
.commentWrap .comm_tit .tt { padding-left: .5em; } 
.commentWrap .comm_list { } 
.commentWrap .comm_list > li { padding: 1.5em 0; border-top: 1px solid #e5e5e5; } 
.commentWrap .comm_list > li .comm_in { position: relative; } 
.commentWrap .comm_list > li .comm_in .name { padding: 0 4.5em .5em 0; } 
.commentWrap .comm_list > li .comm_in .name > * { display: inline-block; vertical-align: middle; } 
.commentWrap .comm_list > li .comm_in .name .tt { padding-left: .25em; } 
.commentWrap .comm_list > li .comm_in .text .tt { font-size: .938em; line-height: 1.5; } 
.commentWrap .comm_list > li .comm_in .info { margin-top: .75em; } 
.commentWrap .comm_list > li .comm_in .info .tt { font-size: .813em; color: #999; } 
.commentWrap .comm_list > li .comm_in .edit { position: absolute; top: 0; right: 0; } 
.commentWrap .comm_list > li .comm_in .edit .btn { display: block; margin: 0 .063em; width: 1.75em; line-height: 1.75em; background: #386fc8; border-radius: 50%; text-align: center; color: #fff; } 
.commentWrap .comm_list > li .comm_in .edit .btn .tt { font-size: .813em; } 
.commentWrap .comm_list > li .comm_in .edit .btn:hover { background: #333; } 

.commentWrap .comm_write { padding: 1.25em 1.5em; background: #fff; border: 2px solid #d4d5d8; border-radius: .5em; } 
.commentWrap .comm_write .name_wrap .number { font-size: .813em; color: #999; } 
.commentWrap .comm_write .write_wrap { margin: .75em 0; } 
.commentWrap .comm_write .write_wrap .comm_txt { display: block; box-sizing: border-box; width: 100%; height: 6em; background: transparent; border: 0; } 
.commentWrap .comm_write .btn_wrap { text-align: right; } 

/**/
.board_st .board_chk { margin-bottom: 1em; } 

/**/
.board_st.faq { border-top: 4px solid #323d8f; } 
.board_st.faq .list .BScon { padding: 1.5em 0; background: #f7f7f7; } 
.board_st.faq .list > li { border-bottom: 1px solid #ddd; text-align: center; line-height: 1.5; } 
.board_st.faq .list > li .con .w_tit { flex: 1; padding: 1.75em 1em; text-align: left; } 
.board_st.faq .list > li .con .w_faq { padding: .75em 0; } 
.board_st.faq .list > li .con .faqQ { font-size: 1.125em; } 
.board_st.faq .list > li .con .faqA { font-size: 1.063em; } 
.board_st.faq .list > li .con .faqA * { box-sizing: border-box; max-width: 100% !important; } 
.board_st.faq .list > li .con .faqA img { width: auto !important; height: auto !important; } 
.board_st.faq .list > li .con .faq_tit { font-size: 2.000em; font-weight: 700; } 
.board_st.faq .list > li .con .faq_tit.c1 { color: #323d8f; } 
.board_st.faq .list > li .con .faq_tit.c2 { color: #333; } 
.board_st.faq .list > li .con .board_more .xi { font-size: 1.500em; color: #333; transform: rotate(0); transition: .2s; } 
.board_st.faq .list > li .con .board_more .xi:before { content: "\e941"}
.board_st.faq .list > li.on .con .faqQ { color: #323d8f; } 
.board_st.faq .list > li.on .con .board_more .xi { transform: rotate(-180deg); } 

/**/
.board_photo { display: flex; flex-wrap: wrap; margin: -2em 0 0 -2em}
.board_photo > li { width: 25%; cursor: pointer; } 
.board_photo > li .wrap_in { margin: 2em 0 0 2em; display: block; } 
.board_photo > li .wrap_in .img_wrap { box-shadow: 0 0 1em rgba(0, 0, 0, .1); overflow: hidden; border-radius: .5em}
.board_photo > li .wrap_in .img_wrap .resize { padding-bottom: 88%; } 
.board_photo.movieSt > li .wrap_in .img_wrap .resize { padding-bottom: 150%; } 
.board_photo.bookSt > li .wrap_in .img_wrap .resize { padding-bottom: 142%; } 
.board_photo > li .wrap_in .con_wrap { padding: 1em; text-align: center}
.board_photo > li .wrap_in .con_wrap .t1 { font-size: 1em; font-weight: 500; color: #555; } 

.layer_more_wrap { position: relative}
.layer_more { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .5); transition: .3s}
.layer_more .icon { font-size: 1.5em; width: 2em; line-height: 2em; text-align: center; border-radius: 50%; color: #fff; transition: 1s; } 
.layer_more.zoom .icon:before { content: "\e97b"}
.layer_more_wrap:hover .layer_more { } 
.layer_more_wrap:hover .layer_more .icon { background: #323d8f; transition: 1s; color: #fff; } 

/**/
.hover_st .hoverShow { opacity: 0; transition: .3s}
.hover_st:hover .hoverShow { opacity: 1}
.hover_st:hover .hoverX { transition: .3s; transform: translateX(.5em)}
.hover_st:hover .hoverLine { text-decoration: underline}
.hover_st:hover .hoverBg { transition: .3s; transform: scale(1.1)}
.hover_st:hover .hoverBgRed { background: #dc504b; color: #fff !important; border-color: transparent}
.hover_st:hover .hoverBgPink { background: #ef8783; color: #fff !important; border-color: transparent}
.hover_st:hover .hoverBgBlue { background: #75afdf; color: #fff !important; border-color: transparent}
.hover_st:hover .hoverShadow { transition: .3s; box-shadow: 0 0 .5em rgba(0, 0, 0, .2)}
.hover_st:hover .hoverRed { color: #dc504b !important}
.hover_st:hover .hoverBlue { color: #75afdf !important}
.hover_st:hover .hoverNavy { color: #1a4e87 !important}
.hover_st:hover .hoverWhite { color: #fff !important}
.hover_st .hoverBorder { position: relative}
.hover_st .hoverBorder:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid transparent; border-radius: .5em; opacity: 0; transition: .3s}
.hover_st .hoverBorder.red:after { border-color: #c00000}
.hover_st:hover .hoverBorder:after { opacity: 1}

/************/
/*TABLE*/
.table_st { border-top: 3px solid #323d8f; } 
.table_st th,
.table_st td { height: 3em; padding: 1em; border: 1px solid #d4d5d8; border-width: 1px 0 1px 1px; background: #fff; color: #444; line-height: 1.3; box-sizing: border-box; } 
.table_st td a[href]:hover { text-decoration: underline; } 
.table_st thead tr th:first-child,
.table_st tbody tr th:first-child,
.table_st tbody tr td:first-child { border-left-width: 0; } 
.table_st thead th { background: #f3f6f8; text-align: center; color: #111; } 
.table_st tbody th { background: #fafafa; text-align: center; color: #111; } 
.table_st tr.row ~ tr td:first-child { border-left-width: 1px; } 
.table_st a[href*="mailto"] { word-break: break-all; word-wrap: break-word; } 

.table_st .content { padding: 2em 2em; } 

.table_st.trColor tbody tr:nth-child(2n) th { background: #f5f5f5; } 
.table_st.trColor tbody tr:nth-child(2n) td { background: #f9f9f9; } 

.table_st .total th,
.table_st .total td { background: #f1f1f1; color: #000; } 

.table_st.page tbody th.al { padding-left: 1.5em; } 

.table_st.form th,
.table_st.form td { text-align: left; height: 3.5em; border-width: 1px !important; } 
.table_st.form tbody th:not(.ac) { padding-left: 1.5em; } 

.table_st.list { } 
.table_st.list th,
.table_st.list td { padding-left: .5em; padding-right: .5em; border-width: 1px 0; text-align: center; } 
/*.table_st.list .w_tit { text-align:left; } */

.table_st.total { border-top: none; } 
.table_st.total th,
.table_st.total td { border-width: 0}
.table_st.total th { background: linear-gradient(to bottom, #fff, #eaedf0); /* background:#f1f5fa*/}
.table_st.total td { } 

/**/
.w_check { width: 3em; } 
.w_no { width: 6em; } 
.w_no2 { width: 8em; } 
.w_tit { width: auto; } 
.w_name { width: 7em; } 
.w_date { width: 8em; } 
.w_date2 { width: 13em; } 
.w_hit { width: 7em; } 
.w_file { width: 4em; } 
.w_btn { width: 9em; } 
.w_faq { width: 5em; } 
.w_more { width: 4em; } 
.w_place { width: 14em; } 
.w_state { width: 6.5em; } 
.w_btn { width: 8.5em; } 
.w_btn2 { width: 5em; } 
.w_form_tit { width: 14em; } 
.w_form_tit2 { width: 10em; } 
.w_form_tit3 { width: 15em; } 
.w_auto { width: auto; } 
.w_time { width: 6em; } 
.w_time2 { width: 9em; } 
.w_type { width: 8em; } 
.w_school { width: 12em; }

.w_num{ width: 6em;}

.w_ico{ width: 5em; } 
.w_asso{ width: 11em; } 

.w_subject { width: 15em; } 
/*종목,과목*/
.w_receipt { width: 14em; } 
/*원서접수*/
.w_examdate { width: 8em; } 
/*시험일*/
.w_presentation { width: 8em; } 
/*합격자발표*/
.w_book { width: auto; } 
/*도서명*/
.w_author { width: auto; } 
/*저자,출판사*/
.w_year { width: 6em; } 
/*년도*/
.w_year { width: 6em; } 
/*회차*/
.w_place { width: 10em; } 
/*장소*/
.w_testnum { width: 10em; } 
/*수험번호*/
.w_photo { width: 11em; } 
.w_company { width: 11em; } 

.ico_st{ width:2em; height:2em; border-radius:50%; border:1px solid #ddd; display:inline-flex; align-items:center; justify-content:center}
.ico_st .xi{ font-size:1em}
.ico_st:hover{ text-decoration:none !important; background:#323d8f; border-color:transparent; color:#fff}
.ico_st.home .xi:before{ content:"\eb8f"}

.table_st .w_th { width: 10em; } 
.table_st .w_th2 { width: 8em; } 
.table_st .w_td { width: 25em; } 
.table_st .w_small { width: 8em; } 
.table_st .w_ssmall { width: 6em; } 
.table_st .w_middle { width: 12em; } 
.table_st .w_big { width: 20em; } 

/**/
.board_search_wrap { margin-bottom: 1.5em; } 
.board_search_wrap .total_wrap { margin-top: 1em; } 
.board_search_wrap .sel { width: 6em; } 
.board_search_wrap .inp { width: 15em; } 

.total_wrap { color: #111; text-transform: uppercase; } 
.total_wrap .tt { display: inline-block; vertical-align: middle; padding: 0 .25em; } 
.total_wrap .tt:first-child { padding-left: 0; } 
.total_wrap .t1 { font-size: .938em; } 
.total_wrap .t2 { font-size: 1.125em; color: #323d8f; font-weight: 700; } 

.photo_group { display: block; text-align: center}
.photo_group > .photo { border: 1px solid #ccc; width: 10em; display: inline-block}
.photo_group > .photo .resize { padding-bottom: 140.35%; overflow: hidden; padding-bottom: 128.5714%; } 
.photo_group > .photo img { width: 100%; height: 100%; } 

/**/
.board_paging { text-align: center; margin-top: 5em; font-size: .813em; } 
.board_paging button { vertical-align: top; min-width: 3em; height: 3em; padding: 0 .5em; background: #fff; border: 1px solid #ddd; border-radius: .3em; color: #313851; font-weight: 500; } 
.board_paging button:hover,
.board_paging button.on { background: #313851; border-color: #313851; color: #fff}
.board_paging button.icon { background: #f1f1f1; } 
.board_paging button.icon:hover { background: #aaa; border-color: #aaa; } 
.board_paging .xi.first:before { content: "\ea47"}
.board_paging .xi.last:before { content: "\ea48"}
.board_paging .xi.prev:before { content: "\e93c"}
.board_paging .xi.next:before { content: "\e93f"}

.pop .board_paging { margin-top: 2em; } 
.pop .board_paging button { min-width: 2.5em; height: 2.5em; } 

.board_btn_wrap { margin-top: 4em; text-align: center; } 
.pop .board_btn_wrap { margin-top: 2em; } 

/**/
.label_st.mg { margin: .125em 1.5em .125em 0; } 
.label_st.mg:last-child { margin-right: 0; } 

.label_st { display: inline-flex; align-content: flex-start; align-items: flex-start; position: relative; min-width: 5.5em !important; } 
.label_st,
.label_st > * { min-width: 0; box-sizing: border-box; } 
.label_st > * { cursor: pointer; } 
.label_st .xi { font-size: 1.500em; line-height: 1; } 
.label_st .xi:before { font-family: xeicon !important; font-style: normal; } 
.label_st input ~ .xi ~ span { flex: 1; padding-left: .5em; padding-top: .188em; font-weight: 500; } 
.label_st input ~ .xi ~ span,
.label_st input ~ .xi:before { color: #434343; } 
.label_st input:checked ~ .xi ~ span,
.label_st input:checked ~ .xi:before { color: #323d8f; } 
.label_st input[type=checkbox] ~ .xi:before { content: "\ea0e"; } 
.label_st input[type=checkbox]:checked ~ .xi:before { content: "\e92d"; } 
.label_st input[type=radio] ~ .xi:before { content: "\e9c6"; } 
.label_st input[type=radio]:checked ~ .xi:before { content: "\e9c7"; } 
.label_st input[type=checkbox],
.label_st input[type=radio] { position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0; } 
.label_st input[disabled=disabled] ~ *,
.label_st input[disabled=disabled] ~ .xi:before { color: #434343; } 
.label_st input[disabled=disabled] ~ * { cursor: default; opacity: .8; } 

.label_select { position: relative; display: inline-block; *display: inline; zoom: 1; background: #fff; box-sizing: border-box; } 
.label_select:after { content: "\e941"; font-family: xeicon !important; position: absolute; z-index: 0; right: .75em; top: 50%; margin-top: -.438em; line-height: 1; } 
.label_select select { position: relative; z-index: 1; padding-right: 2.25em !important; background: none; width: 100%; box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0; } 
.label_select select::-ms-expand { display: none; } 

.label_file { position: relative; display: inline-block; *display: inline; zoom: 1; box-sizing: border-box; padding-right: 6.25em; } 
.label_file .file { position: absolute; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } 
.label_file .inp { width: 100%; } 
.label_file .btn { position: absolute; top: 0; right: 0; bottom: 0; width: 6em; background-color: #8f8f8f; border: 1px solid #787878; color: #fff; transition: .2s; } 
.label_file:hover .inp { border-color: #0f2945; } 
.label_file:hover .btn { background-color: #0f2945; border-color: #0f2945; color: #fff; } 

.input_st { box-sizing: border-box; display: inline-block; vertical-align: middle; background: #fff; border: 1px solid #e5e7eb; max-width: 100%; height: 2.625em; line-height: 1.625em; padding: .5em .750em; color: #000; font-weight: 500; } 
input[type=file].input_st { background: none; border: none; padding: 0; } 
input[type=text].input_st,
input[type=password].input_st { min-width: inherit !important; } 
textarea.input_st { padding: 1em; width: 100%; height: 10em; line-height: 1.4; } 
textarea.input_st.h1 { height: 20em; } 

input[type=text].input_st:focus,
input[type=password].input_st:focus,
input[type=tel].input_st:focus { border-color: #323d8f; color: #000; } 

input[type=text].input_st:focus::placeholder,
textarea:focus::placeholder { color: #ccc; } 

a.input_st { text-align: center; } 
a.input_st:hover { text-decoration: none; } 

.input_st[disabled=disabled] { cursor: default; opacity: .5; } 
.input_st[disabled=disabled]:not([type=button]):not([type=submit]):not(button) { background: #f5f5f5; border-color: #ddd !important; color: #666; opacity: 1; } 

.input_st > .xi,
.input_st > .tt { display: inline-block; vertical-align: top; padding: 0 .25em; line-height: inherit; } 
.input_st > .xi { font-size: 1em; } 
.input_st > .xi:before { font-size: 1.250em; } 

.input_st.s1 { height: 3.5em; line-height: 2.375em; padding: .5em .75em; min-width: 9em; font-size: 1.063em; font-weight: 700; } 
.input_st.s2 { height: 2.5em; line-height: 1.375em; padding: .5em .75em; min-width: inherit !important; } 
.input_st.s3 { height: auto; line-height: 1.2; min-width: inherit !important; font-size: .875em; } 

.input_st.round { border-radius: 10em; } 

.input_st.c1 { background: #323d8f; border-color: #323d8f; color: #ffffff !important; } 
/*포인트색 청색*/
.input_st.c1.re { background: #ffffff; border-color: #323d8f; color: #323d8f !important; } 
.input_st.c2 { background: #386fc8; border-color: #386fc8; color: #ffffff !important; } 
/*파랑*/
.input_st.c2.re { background: #ffffff; border-color: #386fc8; color: #386fc8 !important; } 
.input_st.c3 { background: #6cb7cc; border-color: #6cb7cc; color: #ffffff !important; } 
/*하늘색*/
.input_st.c3.re { background: #ffffff; border-color: #6cb7cc; color: #6cb7cc !important; } 
.input_st.c4 { background: #a3d063; border-color: #a3d063; color: #ffffff !important; } 
/*연두*/
.input_st.c4.re { background: #ffffff; border-color: #a3d063; color: #a3d063 !important; } 
.input_st.c5 { background: #dc232d; border-color: #dc232d; color: #ffffff !important; } 
/*빨강*/
.input_st.c5.re { background: #ffffff; border-color: #dc232d; color: #dc232d !important; } 
.input_st.c6 { background: #f57440; border-color: #f57440; color: #ffffff !important; } 
/*오렌지*/
.input_st.c6.re { background: #ffffff; border-color: #f57440; color: #f57440 !important; } 
.input_st.c7 { background: #2d3951; border-color: #2d3951; color: #ffffff !important; } 
/*진한회색*/
.input_st.c7.re { background: #ffffff; border-color: #2d3951; color: #2d3951 !important; } 
.input_st.c8 { background: #000000; border-color: #000000; color: #ffffff !important; } 
/*블랙*/
.input_st.c8.re { background: #ffffff; border-color: #000000; color: #000000 !important; } 
.input_st.c9 { background: #999999; border-color: #999999; color: #ffffff !important; } 
/*흐린회색*/
.input_st.c9.re { background: #f5f5f5; border-color: #cccccc; color: #444444 !important; } 

.input_st.w1 { width: 13.375em; } 
.input_st.w2 { width: 8.375em; } 
.input_st.w3 { width: 28.375em; } 
.input_st.w4 { width: 18.438em; } 
.input_st.w5 { width: 10em; } 
.input_st.w6 { width: 5em; } 

.w50 { width: 50% !important; } 
.w60 { width: 60% !important; } 
.w70 { width: 70% !important; } 
.w80 { width: 80% !important; } 
.w85 { width: 85% !important; } 
.w90 { width: 90% !important; } 
.w100 { width: 100% !important; } 

.input_sec { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; text-align: center; width: 1.25em; } 
.flex > .input_sec { width: 1.688em; width: 1em; } 
.input_row { display: block; padding: .25em 0; } 

.input_tt { display: inline-block; vertical-align: middle; margin: 0 .375em; } 
.input_tt:first-child { margin-left: 0 !important; } 
.input_tt:last-child { margin-right: 0; } 
div.input_tt,
p.input_tt { display: block; margin: .375em 0; } 

.input_tt.t1 { font-size: .938em; } 

.file_down_tit { display: inline-block; background: #323d8f; padding: .25em .5em; } 
.file_down_tit > * { vertical-align: middle; color: #fff; } 
.file_down_tit .tt { font-size: .875em; } 
.file_down_tit .xi { font-size: 1em; padding-left: 3px; } 

input::-webkit-input-placeholder { color: inherit}
input::-moz-placeholder { color: inherit}
input:-moz-placeholder { color: inherit}
input:-ms-input-placeholder { color: inherit}

.input_st::-webkit-input-placeholder { color: #888; font-weight: 500; } 
.input_st::-moz-placeholder { color: #888; font-weight: 500; } 
.input_st:-moz-placeholder { color: #888; font-weight: 500; } 
.input_st:-ms-input-placeholder { color: #888; font-weight: 500; } 


/*****************/
/*input group*****/
.group_file { display: flex; flex-wrap: wrap; align-content: center; align-items: center; } 
.group_file .label_file { flex: 1; } 
.group_file .label_file ~ button { margin-left: .25em; } 
.group_file .input_row { width: 100%; } 

.group_fileList { padding: .125em 0; } 
.group_fileList > .input_st ~ .tt { margin-left: .5em; } 
.group_fileList.flex > .input_st ~ .tt { flex: 1; } 
.group_file + div .group_fileList:first-child { margin-top: 1em; } 

.group_inp.flex > .label_select,
.group_inp.flex > .input_st { flex: 1; margin-left: .25em; } 
.group_inp.flex > .label_select:first-child,
.group_inp.flex > .input_st:first-child { margin-left: 0; } 
.group_inp.flex > .input_sec + .label_select,
.group_inp.flex > .input_sec + .input_st { margin-left: 0; } 
.group_inp.flex > .input_tt { margin-left: 1.5em; } 

.group_inpBtn.flex > .label_select,
.group_inpBtn.flex .input_st[type=text],
.group_inpBtn.flex .input_st[type=password] { flex: 1; } 
.group_inpBtn.flex > .label_select ~ .input_st[type=text],
.group_inpBtn.flex > .label_select ~ .input_st[type=password] { margin-left: .25em; } 
.group_inpBtn.flex .input_st[type=submit],
.group_inpBtn.flex .input_st[type=button],
.group_inpBtn.flex button.input_st { margin-left: .25em; min-width: inherit; font-weight: 500; } 

.group_inpTit { padding: .375em 0; } 
.group_inpTit.flex > .tit { width: 9em; padding-right: .5em; } 

.group_btn.flex .input_st { flex: 1; } 
.group_btn .input_st { margin-left: .25em; } 
.group_btn .input_st:first-child { margin-left: 0; } 

.group_year .input_st[type=text] { cursor: pointer; } 
.group_year.flex .input_st[type=text] { flex: 1; } 
.group_year.flex .input_st[type=button],
.group_year.flex button.input_st { margin-left: .25em; } 

.form_lableList { } 
.form_lableList > li { line-height: 1.5; } 
.form_lableList > li > div { padding-right: 1em; } 

/*inc*/
.BSbtn { cursor: pointer; } 
.BScon { display: none; } 

.no_con { padding: 5.5em 0 !important; background: #fff !important; color: #999 !important; text-align: center; } 
.no_con:before { content: "\e9d8"; font-family: xeicon !important; font-size: 3.5em; color: #ddd; display: block; margin: 0 auto .25em auto; } 
div.no_con { border: solid #ddd; border-width: 1px 0; } 

.pic { background: #f5f5f5; position: relative; } 
.pic:before { content: "No Image"; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: .938em; color: #999; text-transform: uppercase; letter-spacing: 0; } 
.pic.pers { background: #e9e9e9; } 
.pic.pers:before { content: "\e9f5"; font-family: xeicon; font-size: 3.5em; color: #fff; } 

.xi.input_cal { font-size: 1em; color: #333; } 
.xi.input_cal:before { content: "\e9a5"; font-size: 1.625em; } 

.ess,
.ess + span { display: inline-block; vertical-align: middle; color: #dc232d; } 
.ess { padding-top: .25em; font-size: 1em; line-height: 1; } 
.ess:before { content: "*"; font-size: 1.375em; font-weight: 700; } 
.essW { position: relative; display: inline-block; padding-right: 1.125em; } 
.essW .ess { position: absolute; right: 0; top: 50%; margin-top: -.75em; } 

*[class^="xi bd_"] { vertical-align: middle; } 
*[class^="xi bd_"]:before { color: #111; line-height: 1; } 
*[class^="xi bd_"].big:before { font-size: 1.250em; } 
.xi.bd_new:before { content: "\e9a8"; color: #ff7e00; } 
.xi.bd_notice:before { content: "\ea5b"; color: #323d8f; } 
.xi.bd_reply:before { content: "\e9fa"; color: #666; display: inline-block; transform: rotateX(180deg); } 
.xi.bd_sub:before { content: "\e981"; color: #06aba1; font-size: 1.375em; } 
.xi.bd_lock:before { content: "\e966"; } 
.xi.bd_docu:before { content: "\e9b4"; } 
.xi.bd_name:before { content: "\e9f5"; } 
.xi.bd_date:before { content: "\ea1f"; } 
.xi.bd_hit:before { content: "\e951"; } 
.xi.bd_file:before { content: "\e9b9"; } 
.xi.bd_calen:before { content: "\e9a4"; } 
.xi.bd_plus:before { content: "\e913"; } 
.xi.bd_tel:before { content: "\e9d3"; } 
.xi.bd_fax:before { content: "\e9bc"; } 
.xi.bd_email:before { content: "\ea07"; } 
.xi.bd_location:before { content: "\eb59"; } 

.bd_num { display: inline-block; vertical-align: middle; } 

*[class^="xi bd_"].circle { margin: 0 .375em; text-align: center; font-size: .938em; } 
*[class^="xi bd_"].circle:before { display: block; width: 1.875em; line-height: 1.875em; background: #2f415b; border-radius: 50%; color: #fff; } 
*[class^="xi bd_"].circle:first-child { margin-left: 0; } 
*[class^="xi bd_"].circle:last-child { margin-right: 0; } 
*[class^="xi bd_"].circle + * { display: inline-block; vertical-align: middle; } 

a[class^="xi bd_"]:hover { text-decoration: none !important; } 
a[class^="xi bd_"]:hover:before { color: #323d8f; } 

.tb_basic { table-layout: auto; } 

.pl0 { padding-left: 0 !important; }