@charset "utf-8";

/*!
*  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {font-family: 'FontAwesome';src: url('/fonts/fontawesome-webfont.eot?v=4.7.0');src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;}

/*********************
CSS 초기화 
*********************/
* { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
/*font: 16px/1.5 "pretendard GOV";letter-spacing: -0.05em; border-radius: 0px;*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color:transparent;font-size: inherit;
}
body, input, textarea, select, button, table {
font-size: 1em; line-height: 1.25em; font: 16px/1.5 "pretendard"; letter-spacing: -0.05em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
html { width:100%; height:100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 10px;}
body { width:100%; height:100%; position: relative; -webkit-text-size-adjust: none;}
img { max-width:100%; height:auto; border: 0 none; -webkit-tap-highlight-color:transparent;}
fieldset {border: 0; margin: 0; padding: 0; -webkit-tap-highlight-color:transparent;}
dl, ul, ol, menu, li {	list-style: none; }
address, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
a { text-decoration: none; -webkit-tap-highlight-color:transparent; background-color: transparent; color: inherit; }
/*a:link, a:hover, a:active, a:focus { text-decoration: none; outline: 0;}*/
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
caption {visibility: hidden; overflow: hidden; position: absolute; width: 0; height: 0; margin: 0; padding: 0; line-height: 0;}
article, aside, details, figcaption, figure, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
b, strong { font-weight: bold; }
hr { -moz-box-sizing: content-box;	box-sizing: content-box; height: 0;}
pre { overflow: auto; white-space: pre-wrap;}

optgroup { color: inherit; font: inherit; font-weight: bold;}
select { color: inherit; font: inherit; text-transform: none; background-repeat:no-repeat; vertical-align: middle; }
select::-ms-expand { display: none; }
button { border: 0 none; background-repeat:no-repeat; background-color: transparent; cursor: pointer; text-transform: none; -webkit-tap-highlight-color:transparent; vertical-align: middle; color: inherit; font: inherit;}
button::-moz-focus-inner, input::-moz-focus-inner {	border: 0; padding: 0; -webkit-tap-highlight-color:transparent; }
button, button[disabled], input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; vertical-align: middle; color: inherit; font: inherit;}
input::-ms-clear { display: none; }
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
input[type="checkbox"] { box-sizing: border-box; appearance:checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox; }
input[type="radio"] { box-sizing: border-box; appearance:radio; -webkit-appearance: radio; -moz-appearance: radio;  width: 16px; height: 16px; border: 2px solid transparent;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="number"] { -moz-appearance: textfield; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box;	-webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="file"] {}

/*
input[type="password"] { font: 17px/1.5 "NotoSansKR";}
input[type="password"]::placeholder { font: 17px/1.5 "Pretendard"; }
input[type="password"]::-webkit-input-placeholder { font: 17px/1.5 "Pretendard";}
input[type="password"]:-ms-input-placeholder { font: 17px/1.5 "Pretendard";}
*/
textarea { overflow: auto; vertical-align: middle; color: inherit; font: inherit;}
legend { border: 0; }
table {	border-collapse: collapse; 	border-spacing: 0;}
table caption {position: relative; width: 0; height: 0; font-size: 0; line-height: 0;}
td, th { padding: 0; text-align: left;}

/*********************
공통 CSS 
*********************/
/* 웹접근성 NONE */
.none { overflow: hidden; position: absolute; top: -100px; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; z-index:0;}

.show_tb {display: block !important};

/* focus */
a:focus, button:focus, textarea:focus, input:focus, btn:focus{
  outline-color: #101010;
  outline-offset: -1px;
  outline-width: 2px;
}

/* 텍스트 정렬 */
.tc { text-align: center !important;}
.tl { text-align: left !important;}
.tr { text-align: right !important;}

/* 폰트사이즈 */
.fs_9 { font-size: 9px !important;}
.fs_11 { font-size: 11px !important;}
.fs_13 { font-size: 13px !important;}
.fs_15 { font-size: 15px !important;}
.fs_17 { font-size: 17px !important;}
.fs_19 { font-size: 19px !important;}
.fs_21 { font-size: 21px !important;}
.fs_23 { font-size: 23px !important;}
.fs_25 { font-size: 25px !important;}
.fs_27 { font-size: 27px !important;}
.fs_29 { font-size: 29px !important;}
.fs_31 { font-size: 31px !important;}
.fs_33 { font-size: 33px !important;}
.fs_35 { font-size: 35px !important;}
.fs_37 { font-size: 37px !important;}
.fs_39 { font-size: 39px !important;}
.fs_41 { font-size: 41px !important;}

/* 폰트 굵기 */
.f_light { font-weight: 200 !important;}
.f_normal { font-weight: normal !important;}
.f_medium { font-weight: 500 !important;}
.f_bold { font-weight: bold !important;}

/* 폰트 색상 */
.f_white { color: #fff !important;}
.f_black { color: #363636 !important;}
.f_blue { color: #006999 !important;}
.f_red { color: #c40014 !important;}

/* 가운데 줄 */
.line_through {text-decoration:line-through !important;}

/* 배경 색상 */
.bg_white { background-color: #fff !important;}
.bg_grey { background-color: #f9f9f9 !important;}
.bg_black { background-color: #363636 !important;}
.bg_blue { background-color: #006999 !important;}

/* 마진  */
.mg_none {margin:0 !important;}

.mt_none {margin-top: 0!important;}
.mt_10 {margin-top: 10px !important;}
.mt_12 {margin-top: 12px !important;}
.mt_14 {margin-top: 14px !important;}
.mt_16 {margin-top: 16px !important;}
.mt_18 {margin-top: 18px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_22 {margin-top: 22px !important;}
.mt_24 {margin-top: 24px !important;}
.mt_26 {margin-top: 26px !important;}
.mt_28 {margin-top: 28px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_32 {margin-top: 32px !important;}
.mt_34 {margin-top: 34px !important;}
.mt_36 {margin-top: 36px !important;}
.mt_38 {margin-top: 38px !important;}
.mt_40 {margin-top: 40px !important;}
.mt_60 {margin-top: 60px !important;}

.mb_none {margin-bottom: 0!important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_12 {margin-bottom: 12px !important;}
.mb_14 {margin-bottom: 14px !important;}
.mb_16 {margin-bottom: 16px !important;}
.mb_18 {margin-bottom: 18px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_22 {margin-bottom: 22px !important;}
.mb_24 {margin-bottom: 24px !important;}
.mb_26 {margin-bottom: 26px !important;}
.mb_28 {margin-bottom: 28px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_32 {margin-bottom: 32px !important;}
.mb_34 {margin-bottom: 34px !important;}
.mb_36 {margin-bottom: 36px !important;}
.mb_38 {margin-bottom: 38px !important;}
.mb_40 {margin-bottom: 40px !important;}
.mb_60 {margin-bottom: 60px !important;}

.mr_10{margin-right: 10px !important;}

/* 너비  */
.w_full {width: 100% !important;}
.w_100 {width: 100px !important;}
.w_120 {width: 120px !important;}
.w_140 {width: 140px !important;}
.w_160 {width: 160px !important;}
.w_180 {width: 180px !important;}
.w_200 {width: 200px !important;}
.w_220 {width: 220px !important;}
.w_240 {width: 240px !important;}
.w_260 {width: 260px !important;}
.w_280 {width: 280px !important;}
.w_300 {width: 300px !important;}
.w_320 {width: 320px !important;}
.w_340 {width: 340px !important;}
.w_360 {width: 360px !important;}
.w_380 {width: 380px !important;}
.w_400 {width: 400px !important;}
.w_420 {width: 420px !important;}
.w_440 {width: 440px !important;}
.w_460 {width: 460px !important;}
.w_480 {width: 480px !important;}
.w_500 {width: 500px !important;}
.w_520 {width: 520px !important;}
.w_540 {width: 540px !important;}
.w_560 {width: 560px !important;}
.w_580 {width: 580px !important;}
.w_600 {width: 600px !important;}

/* 너비  (퍼센트) */
.wp_auto{width:auto!important}.wp_1{width:1%!important}.wp_2{width:2%!important}.wp_3{width:3%!important}.wp_4{width:4%!important}.wp_5{width:5%!important}.wp_6{width:6%!important}.wp_7{width:7%!important}.wp_8{width:8%!important}.wp_9{width:9%!important}.wp_10{width:10%!important}.wp_11{width:11%!important}.wp_12{width:12%!important}.wp_13{width:13%!important}.wp_14{width:14%!important}.wp_15{width:15%!important}.wp_16{width:16%!important}.wp_17{width:17%!important}.wp_18{width:18%!important}.wp_19{width:19%!important}.wp_20{width:20%!important}.wp_21{width:21%!important}.wp_22{width:22%!important}.wp_23{width:23%!important}.wp_24{width:24%!important}.wp_25{width:25%!important}.wp_26{width:26%!important}.wp_27{width:27%!important}.wp_28{width:28%!important}.wp_29{width:29%!important}.wp_30{width:30%!important}.wp_31{width:31%!important}.wp_32{width:32%!important}.wp_33{width:33%!important}.wp_34{width:34%!important}.wp_35{width:35%!important}.wp_36{width:36%!important}.wp_37{width:37%!important}.wp_38{width:38%!important}.wp_39{width:39%!important}.wp_40{width:40%!important}.wp_41{width:41%!important}.wp_42{width:42%!important}.wp_43{width:43%!important}.wp_44{width:44%!important}.wp_45{width:45%!important}.wp_46{width:46%!important}.wp_47{width:47%!important}.wp_48{width:48%!important}.wp_49{width:49%!important}.wp_50{width:50%!important}.wp_51{width:51%!important}.wp_52{width:52%!important}.wp_53{width:53%!important}.wp_54{width:54%!important}.wp_55{width:55%!important}.wp_56{width:56%!important}.wp_57{width:57%!important}.wp_58{width:58%!important}.wp_59{width:59%!important}.wp_60{width:60%!important}.wp_61{width:61%!important}.wp_62{width:62%!important}.wp_63{width:63%!important}.wp_64{width:64%!important}.wp_65{width:65%!important}.wp_66{width:66%!important}.wp_67{width:67%!important}.wp_68{width:68%!important}.wp_69{width:69%!important}.wp_70{width:70%!important}.wp_71{width:71%!important}.wp_72{width:72%!important}.wp_73{width:73%!important}.wp_74{width:74%!important}.wp_75{width:75%!important}.wp_76{width:76%!important}.wp_77{width:77%!important}.wp_78{width:78%!important}.wp_79{width:79%!important}.wp_80{width:80%!important}.wp_81{width:81%!important}.wp_82{width:82%!important}.wp_83{width:83%!important}.wp_84{width:84%!important}.wp_85{width:85%!important}.wp_86{width:86%!important}.wp_87{width:87%!important}.wp_88{width:88%!important}.wp_89{width:89%!important}.wp_90{width:90%!important}.wp_91{width:91%!important}.wp_92{width:92%!important}.wp_93{width:93%!important}.wp_94{width:94%!important}.wp_95{width:95%!important}.wp_96{width:96%!important}.wp_97{width:97%!important}.wp_98{width:98%!important}.wp_99{width:99%!important}.wp_100{width:100%!important}

/* 높이  */
.h_40 {height: 40px !important;}
.h_80 {height: 80px !important;}
.h_120 {height: 120px !important;}
.h_160 {height: 160px !important;}
.h_200 {height: 200px !important;}
.h_240 {height: 240px !important;}
.h_280 {height: 280px !important;}
.h_320 {height: 320px !important;}
.h_360 {height: 360px !important;}
.h_400 {height: 400px !important;}

.pd_none {padding:0 !important;}

/* FLOAT */
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float: none !important;}

/* 말줄입표 */
.mw{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: static;}

/* BORDER */
.bt_none {border-top: 0 !important;}
.br_none {border-right: 0 !important;}
.bb_none {border-bottom: 0 !important;}
.bl_none {border-left: 0 !important;}

/* NOSCRIPT */
.noscript {width:100%; margin:auto; text-align:center; padding:10px 0; background:#393f49; color:#fff;}

/* ie_error */
.ie_error {width:100%; height: 100%; margin:auto; position: fixed; z-index: 99999999; background: url("/images/common/ie_back.png");}
.ie_error p {width:100%; padding:10px 0;text-align:center; background:#006999; color:#fff; }
.ie_error a {margin-left:20px; border-bottom:1px solid #fff; color:#fff;}

/* 네비게이션 */
.skip_navigation { position: relative; }
.skip_navigation ul { position: relative; }
.skip_navigation ul li { position: relative; }
.skip_navigation a { float: left; position: fixed; top: -200px; left: 0; background: #333; color:#fff; text-align: center;  width: 1px; height: 1px; font-size: 0; line-height: 0; z-index:0;}
.skip_navigation a:focus {  width:100%; height:25px; line-height:25px; left:0; top:0; z-index:9999; font-size:16px;}

/* IR 기법 */
.ir { display:block; background-repeat: no-repeat; background-size: 100% 100%; z-index:2;}
.ir span { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; z-index: -1; }

/* 커스톰 스크롤 */
.custom_scroll {overflow-y:scroll;overflow-x:hidden;scrollbar-arrow-color: #efefef; scrollbar-Track-Color: #efefef; scrollbar-base-color: #dfdfdf; scrollbar-Face-Color: #dfdfdf; scrollbar-3dLight-Color: #dfdfdf; scrollbar-DarkShadow-Color: #dfdfdf; scrollbar-Highlight-Color: #dfdfdf; scrollbar-Shadow-Color: #dfdfdf;-ms-overflow-style: none;}
.custom_scroll::-webkit-scrollbar {width: 4px; height: 3px;}
.custom_scroll::-webkit-scrollbar-button:start:decrement, 
.custom_scroll::-webkit-scrollbar-button:end:increment {display: block; width: 4px;height: 3px; background: url() rgba(0,0,0,.05);}
.custom_scroll::-webkit-scrollbar-track { background: rgb(63, 75, 92);} /* 배경 */
.custom_scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.5);} /* 스크롤색 */

/* 스크롤 리스트 */
.scroll_list {display: block;overflow-y: auto;max-height: calc(100vh - 200px);}

/* 컨테이너  */
.wrap {width:100%; position:relative; margin:auto; clear:both;}
.inner_wrap {position:relative;}
.container {margin:auto; position:relative;}
.grid_wrap { width:100%; position:relative; margin:auto; overflow:hidden; clear:both; }
.grid_wrap .row { width:100%; position:relative; margin:auto; overflow:hidden; clear:both; }
.grid_wrap .col_inner {position:relative; margin:10px;}
.grid_wrap .col_title {padding-left:37px; margin:0 10px; background-image:url("/images/common/ico/sub_tit.png"); background-size:24px 25px; background-repeat:no-repeat;}
.grid_wrap .col_title p{font-size: 19px; color: #333;}  
.grid_wrap .col10 {width:10%; float:left;}
.grid_wrap .col15 {width:15%; float:left;}
.grid_wrap .col20 {width:20%; float:left;}
.grid_wrap .col25 {width:25%; float:left;}
.grid_wrap .col30 {width:30%; float:left;}
.grid_wrap .col35 {width:35%; float:left;}
.grid_wrap .col40 {width:40%; float:left;}
.grid_wrap .col45 {width:45%; float:left;}
.grid_wrap .col50 {width:50%; float:left;}
.grid_wrap .col55 {width:55%; float:left;}
.grid_wrap .col60 {width:60%; float:left;}
.grid_wrap .col65 {width:65%; float:left;}
.grid_wrap .col70 {width:70%; float:left;}
.grid_wrap .col75 {width:75%; float:left;}
.grid_wrap .col80 {width:80%; float:left;}
.grid_wrap .col85 {width:85%; float:left;}
.grid_wrap .col90 {width:90%; float:left;}
.grid_wrap .col95 {width:95%; float:left;}
.grid_wrap .col100 {width:100%; float:left;}

/*************************
폼 필드
*************************/
/* INPUT  */
input[type="text"] ,input[type="password"] ,input[type="number"] ,input[type="search"], input[type="date"], input[type="month"]  { height: 4.4rem; line-height:4.4rem; padding: 0 1rem; border:1px solid #e8e8e8; box-sizing: border-box;border-radius: 4px;}
.ty2 input[type="text"] ,.ty2 input[type="password"] ,.ty2 input[type="number"] ,.ty2 input[type="search"], .ty2 input[type="date"], .ty2 input[type="month"]{height: 30px; padding: 0 1rem; line-height: 30px; font-size: 15px;}
.ty3 input[type="text"] ,.ty3 input[type="password"] ,.ty3 input[type="number"] ,.ty3 input[type="search"], .ty3 input[type="date"], .ty3 input[type="month"]{height: 30px; padding: 0 1rem; line-height: 30px; font-size: 15px;}
/* FILE  */
input[type="file"] { height:40px; padding: 8px 10px; border:1px solid #e8e8e8; box-sizing: border-box;}
/* SELECT  */
select { min-width:70px; height:44px; padding: 0 36px 0 10px; border:1px solid #e8e8e8; box-sizing: border-box; background-image:url("/images/common/form/select.png"); background-size:15px auto; background-position:calc(100% - 10px) center; background-repeat:no-repeat;border-radius: 4px;}
.ty2 select, .ty3 select{height: 30px; font-size: 15px;}
/* DATE */
input[type=date]::-webkit-datetime-edit-text {-webkit-appearance: none; display: none;}
input[type=date]::-webkit-datetime-edit-month-field{ -webkit-appearance: none; display: none;}
input[type=date]::-webkit-datetime-edit-day-field { -webkit-appearance: none; display: none;}
input[type=date]::-webkit-datetime-edit-year-field {-webkit-appearance: none; display: none;}
/* TEXTAREA  */
textarea { width:100%; min-height: 200px; padding: 5px 10px; border:1px solid #e8e8e8; box-sizing: border-box; resize: none;border-radius: 4px;}
label.textarea { width:100%; padding: 5px 10px 35px 10px; border:1px solid #e8e8e8; box-sizing: border-box; display:block; position:relative; background:#fff;}
label.textarea>textarea { border:0; padding:0; }
label.textarea>span.count { position:absolute; right:10px; bottom:10px; color:#e12323; }

input:-moz-read-only {background-color: #f6f6f6;}
input:read-only {background-color: #f6f6f6;}

textarea:-moz-read-only {background-color: #f6f6f6;}
textarea:read-only {background-color: #f6f6f6;}  

/*************************
커스텀 폼 필드
*************************/
/* 폼태그 에러 */
.form_error {color:#cc0000; font-size:14px; display: block; word-break: keep-all;}

/* 폼태그 */
.form_success{color:#1172F1; font-size:14px;}

/* CHECKBOX */
label.check{height:40px; line-height: 40px; padding: 10px 0; cursor: pointer; box-sizing: border-box;}
label.check + label.check{ margin-left: 10px;}
label.check>input[type="checkbox"]{width: 20px;height: 20px;box-sizing:border-box;margin: 0 5px 0 0;border-radius: 4px;border: 1px solid #e3e3e3;position: inherit;opacity: 1;appearance: auto;}
label.check>input[type="checkbox"] + i{ display: none;}
label.check>input[type="checkbox"]:checked + i{ display: none;}
label.check>input[type="checkbox"]:focus + i,
label.check:hover>input[type="checkbox"] + i{ display: none;}

/* RADIO  */
label.radio{ height:40px; line-height: 40px; padding: 10px 0; cursor: pointer; box-sizing: border-box;}
label.radio + label.radio{ margin-left: 10px;}
label.radio>input[type="radio"]{width: 20px;height: 20px;box-sizing:border-box;padding:0;opacity: 1;position: relative;-webkit-appearance: none;-moz-appearance: none;appearance: auto;margin: 0 5px 0 0;}
label.radio>input[type="radio"] + i { display: none;}
label.radio>input[type="radio"]:checked + i { display: none}
label.radio>input[type="radio"]:focus + i,
label.radio:hover>input[type="radio"] + i {display: none}

/* DATE  */
.input_date { background-image:url(/images/common/form/i_time.png); background-size:13px auto; background-position:calc(100% - 10px) 50%; background-repeat:no-repeat; cursor: pointer;}
label.date>input[type="text"] { width:120px; padding-right:30px; background-image:url("/images/common/form/date.png"); background-size:15px auto; background-position:calc(100% - 10px) 50%; background-repeat:no-repeat; cursor: pointer;}
div.period { height:44px; padding: 0 10px; border:1px solid #e8e8e8; background:#fff; box-sizing: border-box; overflow: hidden; float:left; margin-right: 5px;}
div.period label{ height: 40px; line-height: 44px; vertical-align: middle;}
div.period input[type="text"] { width:140px; border:0; padding-right:30px; background-image:url("/images/common/form/date.png") !important; background-size:15px auto; background-position:calc(100% - 10px) 50% !important; background-repeat:no-repeat; height: 38px; line-height: 38px; margin: 1px 0; cursor: pointer;}


/* EMAIL  */
div.email { display:inline-block; border:1px solid #e8e8e8; background:#fff; box-sizing: border-box; padding: 0 1px; overflow:hidden; }
div.email>.hipen{float:left;height:40px;line-height:40px; padding: 0 0.5rem;}
div.email>input[type="text"] { width:120px; float:left;}

.ty2 div.email, .ty3 div.email { display:inline-block; border:1px solid #e8e8e8; background:#fff; box-sizing: border-box; padding: 0 1px; overflow:hidden; }
.ty2 div.email>.hipen, .ty3 div.email>.hipen{float:left;height:30px;line-height:30px;}
.ty2 div.email>input[type="text"], .ty3 div.email>input[type="text"] { width:120px; border:0; float:left;  height: 30px;}
.ty2 div.email>select, .ty3 div.email>select {border:0;}

/* TEL */
div.tel { height:40px; padding: 0 1px; border:1px solid #e8e8e8; background:#fff; box-sizing: border-box; overflow: hidden; float:unset; width: fit-content;}
div.tel select{border:0; width:80px; height: 36px; line-height: 36px; margin: 2px 0;}
div.tel input[type="text"] { width:80px; border:0; height: 36px; line-height: 36px; margin: 2px 0;}
.ty2 div.tel, .ty3 div.tel { height:30px; padding: 0 1px; border:1px solid #e8e8e8; background:#fff; box-sizing: border-box; overflow: hidden; float:left;}
.ty2 div.tel select, .ty3 div.tel select{border:0; width:80px; height: 30px; line-height: 30px; margin: 2px 0;     box-sizing: border-box;}
.ty2 div.tel input[type="text"], .ty3 div.tel input[type="text"] { width:80px; border:0; height: 30px; line-height: 30px; margin: 2px 0;}

/* FILE  */
label.file { position:relative; width:300px; max-width:100%; height: 40px; line-height:40px; padding: 0 10px; border:1px solid #e8e8e8; box-sizing: border-box; display: inline-block; cursor: pointer;}
label.file:hover { border: 1px solid #2196F3; }
label.file>input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
label.file>input[type="file"]:focus + span.btn { border: 1px solid #2196F3; }
label.file>span.btn { position:absolute; top:3px; right:10px; min-width: 30px; height: 20px; line-height:20px; padding: 5px 15px; color: #fff; background-color: #006999; cursor: pointer; display:inline-block; display:inline; zoom:1; border: 1px solid #006999;}
label.file>span.name { width: calc(100% - 80px); height:40px; line-height:40px; display:inline-block; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* input_cert */
div.input_cert {position:relative; border:1px solid #e8e8e8; box-sizing:border-box;}
div.input_cert input[type="text"] {width:100%; border:0;}
div.input_cert span {position:absolute;top:8px;right:10px;color:#ff9007;}

/* 필수시 class */
.required { background-image: url("/images/common/form/required.png") !important; background-repeat: no-repeat !important; background-position: right top !important;}

/*************************
공통 테이블
*************************/
.list_table { width:100%; border-top: 2px solid #141414; background:#fff; border-bottom: 2px solid #bdbdbd;}
.list_table thead {border-bottom: 1px solid #cecece;}
.list_table thead tr {background-color: #f3f6f8;}
.list_table tr + tr { border-top:1px solid #e3e3e3 }
.list_table th {padding: 15px 10px;box-sizing: border-box;color: #141414;text-align: center;font-weight: 700;}
.list_table td { padding: 15px 10px;box-sizing: border-box;color:#535353;text-align: center;word-break: keep-all;}
.list_table td a.link {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; width: auto; text-overflow: ellipsis;}
.list_table th a.link:focus, 
.list_table th a.link:hover, 
.list_table td a.link:focus, 
.list_table td a.link:hover {text-decoration: underline; cursor: pointer;}
.list_table thead { border-bottom: 1px solid #141414}
.list_table tbody tr:hover{ background-color: #f9fbfc; }
.list_table tfoot { border-top: 1px solid #ddd; }
.list_table tfoot tr { background-color: #ececec; }
.list_table tfoot td { text-align: center;}
.list_table .no_data {text-align:center;}
.list_table td>.tit {text-align:center;}
.list_table td>.tit.secret{display: flex; align-items: center;}
.list_table td>.tit[data-depth="1"] {margin-left:0;}
.list_table td>.tit[data-depth="2"] {margin-left:10px;}
.list_table td>.tit[data-depth="3"] {margin-left:20px;}
.list_table td>.tit[data-depth="4"] {margin-left:30px;}
.list_table td>.tit[data-depth="5"] {margin-left:40px;}

.list_table th .order {position:relative; padding-right:18px; box-sizing:border-box;}
.list_table th .order.desc,
.list_table th .order.asc {font-weight:bold;}
.list_table th .order:after { content:''; background-image:url("/images/common/btn/order_btn.png"); background-size:10px auto; background-repeat:no-repeat; background-position:center; position:absolute; top:0; right:0; width:14px; height:18px; }
.list_table th .order.desc:after {background-image:url("/images/common/btn/order_desc_btn.png");}
.list_table th .order.asc:after {background-image:url("/images/common/btn/order_asc_btn.png");}

.list_table.ty2 { }
.list_table.ty2 th { padding:2px;}
.list_table.ty2 td { padding:2px;}

.list_table.ty3 { }
.list_table.ty3 td{word-break: auto-phrase;}
.list_table.ty3 th, .list_table.ty3 td { padding:5px; border-right: 1px solid #ddd;}
.list_table.ty3 th:last-child, .list_table.ty3 td:last-child{border-right: none;}

.list_table2{border-top: 2px solid #141414;table-layout: fixed;width: 100%;margin-top: 20px;}
.list_table2 th, .list_table2 td{padding: 15px 10px;text-align: center;}
.list_table2 thead th{border-bottom: 1px solid #141414;color: #141414;font-weight: 700;}
.list_table2 td{border-bottom: 1px solid #e3e3e3;}
.list_table2 tbody tr:hover{background: #FFF9ED;}
.list_table2 td.tit, .list_table2 td .tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;}
.list_table2 .tit a{display: block;font-weight: 700;color: #141414;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.list_table2 .tit .ico_reply + a{display: inline-block;width: calc(100% - 40px);}

@media (max-width: 910px) {
.list_table .subj{text-align: left;}
.list_table [data-cell-header]:before{content: attr(data-cell-header);display: inline-block;color: ##2b65ed;;font-size: 14px;margin-right: 4px;}
.list_table2 tr{display: flex;flex-wrap: wrap;padding: 20px 15px;border-bottom: 1px solid #e3e3e3;}
.list_table2 th, .list_table2 td{padding: 0;border: none;}
.list_table2 td:after{content: "";width: 1px;height: 10px;background: #ddd;display: inline-block;margin: 0 10px;}
.list_table2 td.subj{display: block;width: 100%;text-align: left;margin: 4px 0;}
.list_table2 td.tit{display: block;width: 100%;text-align: left;margin: 10px 0;}
.list_table2 td.subj:after, .list_table2 td.tit:after{display: none;}
.list_table2 .tit{font-size: 18px;padding: 0 0 10px;border-bottom: 1px dashed #cecece;margin-bottom: 20px;}
.list_table2 [data-cell-header]:before{content: attr(data-cell-header);display: inline-block;color: #666;font-size: 14px;margin-right: 4px;}
}

.detail_table.ty2{}
.detail_table.ty2 th, .detail_table.ty2 td{padding: 8px 15px;}

.table_scroll02{overflow-x: scroll;}
.table_scroll02 .list_table{width: max-content;}

.list_table .title a {font-weight: 700;font-size: 18px;color: #141414;}
.list_table .chip {color: #fff;padding: 4px 6px;border-radius: 4px;}
.list_table .chip.c1 {background-color: #eef3fb;color: #2b65ed;}
.list_table .chip.c2 {background-color: #e7f6ee; color: #1f9d57;}
.list_table .chip.c3 {background-color: #b2d6d4; color: #054642;}
.list_table .chip.c4 {background-color: #fdf3e0;color: #d98a00;}
.list_table .chip.c5 {background-color: #efeafa;color: #6d4bb8;}
.list_table .chip.c6 {background-color: #faf6ee;color: #c0810e;}
.list_table .chip.c7 {background-color: #e2e8ec; color: #102736;;}
.list_table .chip.done {background-color: #f4f5f7;color:#102736;}

.rt_line{border-right: 1px solid #ddd !important;}

.modal_flex{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: center;}

/*모달팝업*/
.modal {position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;}
.modal .bg {position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
.modal .popup {position: absolute; top: 50%; left: 50%; width: 500px; box-sizing: border-box; transform: translate(-50%, -50%); background-color: #fff; overflow: hidden;}
.modal .popup .head {position: relative; height: 40px; background: #091a4d; display: flex; align-items: center; justify-content: space-between; padding: 0 3rem;}
.modal .popup .head h5 {color: #fff; font-size: 2rem; font-weight: 666;}
.modal_close { width: 28px; height: 28px; position: relative; background: #eaeaea; border-radius: 50%; text-indent: -9999px; float: right; z-index: 99; cursor: pointer;}
.modal_close:before {transform: translate(-50%,-50%) rotate(-45deg);}
.modal_close:after {transform: translate(-50%,-50%) rotate(45deg);}
.modal_close:before, .modal_close:after {content: ''; width: 16px; height: 2px; position: absolute; left: 50%; top: 50%; border-radius: 4px; background: #091a4d;}
.modal .popup .body{padding: 3rem; max-height: 80vh; overflow-y: auto;}
.modal .btn_wrap {margin-bottom: 0;}
.modal h6{margin-bottom: 1rem; text-align: left; font-weight: 700 !important; font-size: 1.8rem; color: #027cb5;}

/*상단공지*/
.tr_notice{background: #f9f9f9;}
.tr_notice .no_fir{background: #f05d23; color: #fff; padding: 3px 10px; border-radius: 20px; font-weight: 500; font-size: 1.5rem; }
.tr_notice td a.link{font-weight: 600;}

.adm_table_category {width: 100%; border-top: 2px solid #cecece; border-bottom: 1px solid #cecece; background-color: #fff; margin-bottom: 20px;}
.adm_table_category ul { display:block; padding: 5px 10px; box-sizing: border-box; overflow: hidden;}
.adm_table_category ul li a{ color: #757575; text-align: center; float: left; box-sizing: border-box;}
.adm_table_category ul li a:hover,
.adm_table_category ul li a:focus { box-shadow:0 0 0 1px #1a2f69; border-radius : 5px; box-sizing: border-box; color: #1a2f69; font-weight: 600;}
.adm_table_category ul li.active a{ font-weight: bold; background-color: #1a2f69; border-radius :5px;}
.adm_table_category ul li.active:hover a{border: 0;}
.adm_table_category ul li a { font-size: 15px; color: #333; padding: 5px 20px; margin-right: 5px;}
.adm_table_category ul li.active a { color: #fff;}
.adm_table_category + .list_table {border-top:1px solid #bbb;}

.detail_table { width:100%; border-top: 2px solid #000; border-bottom: 1px solid #cecece; background:#fff;}
.detail_table tr + tr { border-top: 1px solid #ddd; }
.detail_table tr.comment {border-top: 0;}
.detail_table th, .detail_table td { padding:15px 15px; box-sizing:border-box; text-align: left; line-height: 2.4rem;}
.detail_table .td_contents{padding: 20px 40px;}
.detail_table .td_contents img{/*object-fit: cover;*/}
.detail_table th {background-color: #f3f6f8;text-align:right; font-weight: 600; border-left: 1px solid #ddd; white-space: nowrap;}
.detail_table th:first-child{border-left: 0;}
.detail_table th label{font-weight: 600;}
.detail_table th + th, .detail_table th + td, .detail_table td + td{ border-left: 1px solid #ddd;}
.detail_table th a:focus, .detail_table th a:hover, .detail_table td a:focus, .detail_table td a:hover{text-decoration: underline;}
.detail_table thead { border-bottom: 1px solid #ddd;}
.detail_table thead tr { background-color: #ececec; }
.detail_table thead th { padding: 20px 10px; }
.detail_table tfoot { border-top: 1px solid #ddd; }
.detail_table tfoot tr { /* background-color: #ececec;  */}
.detail_table tfoot td { text-align: center;}
.detail_table .pre_wrap {white-space: pre-wrap;}
#progApplyForm #detailForm .pa2_card_b {padding: 12px;}
.mr-info #stdNo {margin: 0 5px 0 0;}
.job_url{}
.job_url .btn-wrap02{/*display: inline-block; float: right;*/}
.job_url .btn-wrap02 a:hover{border: 0;}

.prev_next_table {}
.prev_next_table table {width:100%; border-top: 2px solid #bbb; border-bottom: 2px solid #bdbdbd;}
.prev_next_table table tr + tr { border-top: 1px solid #ddd; }
.prev_next_table table th,
.prev_next_table table td {padding: 10px; box-sizing:border-box; text-align: left;}
.prev_next_table table th {width:120px; background-color: #f3f6f8; text-align: right; font-weight: 600;}
.prev_next_table table td.title {}
.prev_next_table table td.writer {width:130px; text-align: center;}

.no_border {border:0 !important;}
.no_border thead, 
.no_border tbody,
.no_border tfoot,
.no_border tr,
.no_border th,
.no_border td {border:0 !important;}

.add_remove_wrap {width:100%; position:relative;}
.add_remove_wrap .top_box {}
.add_remove_wrap .middle_box {}
.add_remove_wrap .bottom_box {}

/* 스크롤 table */
.scroll_table_wrap {height:500px; max-height:100%; overflow-y:auto; border-top: 2px solid #bbb; border-bottom: 2px solid #bdbdbd; background:#fff;}
.scroll_table_wrap table {border:0;}
.scroll_table_wrap table thead {}
.scroll_table_wrap table thead th{position: -webkit-sticky; position:sticky; top:0; background-color: #ececec;}
.scroll_table_wrap table tbody tr {border-bottom: 1px solid #ddd;}
.scroll_table_wrap table tbody tr + tr {border-top:0;}

/* 댓글 박스 */
.comment_wrap {margin-bottom: 20px;}
.comment_wrap .comment_top {display: none;}
.comment_wrap .comment_top .comment_btn{}
.comment_wrap .comment_body {display:block;}
.comment_wrap .comment_body.open {display:block;}
.comment_wrap .comment_input {position:relative; border:1px solid #bdbdbd; margin: 0; padding: 20px;}
.comment_wrap .comment_input .writer {margin: 0; padding: 0 0 1rem; border: 0;}
.comment_wrap .comment_input .writer ul {overflow:hidden;}
.comment_wrap .comment_input .writer ul li{float:left;}
.comment_wrap .comment_input .writer ul li + li{margin-left:10px;}
.comment_wrap .comment_input .writer ul li label{}
.comment_wrap .comment_input .writer ul li input{}
.comment_wrap .comment_input .writer ul li span{font-weight: 600; font-size: 1.8rem;}
.comment_wrap .comment_input span {}
.comment_wrap .comment_input .comment_text{width: 100%; display: flex; align-items: center; background: #fff;}
.comment_wrap .comment_input textarea {border: inherit; min-height: 50px; flex: 1;}
.comment_wrap .comment_input .button {position: unset; background: #1172F1;  border: 0; color: #fff; margin: 0 2rem;}
.comment_wrap .comment_list {}
.comment_wrap .comment_list ul {}
.comment_wrap .comment_list ul li {border-bottom:1px solid #e8e8e8;padding:10px;position:relative;}
.comment_wrap .comment_list ul li .writer {font-weight:bold;}
.comment_wrap .comment_list ul li .txt {}
.comment_wrap .comment_list ul li .date {color: #bdbdbd;font-size:15px;margin-top:10px;}
.comment_wrap .comment_list ul li .button {position:absolute;bottom:10px;right:10px;}
.comment_wrap .comment_paging {}

/* 설문관리 */
.survey_table { width:100%; border-top: 2px solid #bbb; border-bottom: 2px solid #bdbdbd;}
.survey_table tr + tr { border-top: 1px solid #ddd; }
.survey_table>tbody tr:nth-child(even){ background-color: #f9f9f9; }
.survey_table th + th , .survey_table td + td { border-left: 1px solid #ddd; }
.survey_table>thead { border-bottom: 1px solid #ddd;}
.survey_table>thead tr { background-color: #ececec; }
.survey_table>thead th { padding: 20px 10px; text-align:center;}
.survey_table>tbody td {text-align:center;}
.survey_table>tbody>tr>td:first-child {background-color: #ececec;}

.survey_table .item_table {width:100%; border-top: 1px solid #bbb; border-bottom: 1px solid #bdbdbd;}
.survey_table .item_table>thead tr { background-color: #ececec; }
.survey_table .item_table>thead th {padding:5px 2px; text-align:center;}
.survey_table .item_table>tbody td {padding:5px 2px; text-align:center;}

.question_content {}
.question_content dl{width:100%; overflow:hidden;}
.question_content dl + dl{border-top:1px solid #e8e8e8;}
.question_content dt{float:left;width:100px;text-align:center;padding:10px;font-weight:bold;}
.question_content dd{float:left;width:calc(100% - 140px);text-align:left;padding:10px;}

.question_row input[type="text"].quesSort {width:70px;}
.question_row input[type="text"].itemTitle {width:100%;}
.question_row input[type="text"].itemPoint {width:70px;}
.question_row input[type="text"].itemSort {width:70px;}

/*****************
슬라이드 공통 swiper
*******************/
.swiper-container { width: 100%; height: auto; margin: 0 auto; overflow: hidden; position: relative; z-index: 1; margin-right: auto;}
.swiper-wrapper { position: relative; width: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.swiper-slide { -webkit-flex-shrink: 0;-ms-flex: 0 0 auto; flex-shrink: 0;width: 100%; height: 100%; position: relative; text-align: center;font-size: 18px; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.swiper-pagination { position: absolute; bottom: 26px; left: 20px; width: calc(100% - 40px); height: 16px; text-align: center; z-index: 1; color: rgba(0, 0, 0, 0); font-size: 1px; text-indent: -11px; overflow:hidden;}
.swiper-pagination .swiper-pagination-bullet { display: block; float:left; margin-top: 1px; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; transition:all 0.3s; border:1px solid #006999; cursor:pointer;}
.swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left: 7px}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px; border-radius: 8px; background-color: #006999;}

.swiper-pagination .play_btn{width:16px; height:16px; display: block; float:left; margin-left: 7px; text-indent: -9999px; background-color: #006999; background-image: url("/images/common/btn/slide_pause.png"); background-size: 6px; background-position: 50%; border-radius: 50%; outline: none; cursor:pointer;}
.swiper-pagination .play_btn.stop{background-image: url("/images/common/btn/slide_play.png"); background-size: 5px}

/*********************
레이어 팝업 
*********************/
.layer_pop { width: 400px; max-width: calc(100% - 30px); margin: auto; height: auto; background-color: #fff; position : relative; top: 50%; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); border-radius: 5px;}
.layer_pop.search_pop { width:auto; max-width: calc(100% - 800px); margin: auto; height: auto; background-color: #fff; position : relative; top: 50%; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%);}
.layer_pop .layer_title { font-weight: bold;  font-size: 20px; padding: 5px 10px; }
.layer_pop .layer_content { text-align: center; font-size: 18px; padding: 10px; word-break: keep-all;}
.layer_pop .layer_bottom { }
.layer_pop .layer_bottom ul.layer_button { overflow:hidden; width: 100%; margin: auto;}
.layer_pop .layer_bottom ul.layer_button li { float:left; width:100%; text-align:center;}
.layer_pop .layer_bottom ul.layer_button.two li { width:50%;}
.pop_btn { background-color: #e2e2e2; color: #363636; width: 120px; height: 30px; line-height: 30px; }
.pop_btn.agree, .pop_btn.disagree{width: 90%; height: 40px; font-weight: 500; border-radius: 5px; cursor: pointer;}
.pop_btn.agree { background-color: #118ccf; color: #fff; }
.pop_btn.disagree { background-color: #757575; color: #fff;}
.scroll_box {position: relative; overflow: auto; min-height:150px; max-height: 300px; padding: 20px; border: 1px solid #dadada; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; scrollbar-base-color: #d9d9d9; scrollbar-arrow-color: #8e8e8e; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2; -webkit-overflow-scrolling: touch;}

/* 메인 팝업 */
.modal_popup {  max-width: calc(100% - 20px); margin: auto; height: auto; background-color: #fff; position : fixed; top: 100px; left:100px; display:block; border: 1px solid #bdbdbd;}
.modal_popup .tit{ height: 35px; line-height: 35px; text-align: center; background-color: #393f49; color: #fff; font-size: 16px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.modal_popup .close {position: absolute; right: 0; top: 0; width: 35px; height: 35px; background: #20252b url("/images/common/btn/close_btn.png") center center no-repeat;}
.modal_popup .con{ }
.modal_popup .con a.ir > img{width: 100%;}
.modal_popup .bot{ height: 35px; line-height: 35px; text-align: center; background-color: #393f49; color: #fff; font-size: 16px; font-weight: 500;}

@media (max-width: 767px) {
.modal_popup .con
, .modal_popup .con a.ir{
    width: 100% !important;
    height: auto !important;
    display: flex;
    /* height: 100% !important; */
}
.modal_popup {
  max-width: 300px;
  max-height: 500px;
  top: 0 !important;
  left: 0 !important;
      right: 0 !important;
}
}


/*********************
배너
*********************/
.banner_box { width: 100%; position:relative; display:inline-block;  zoom:1;}
.banner_box .tit {font-size:21px; margin-bottom:18px; color:#222222; font-weight:bold; min-height:30px;}
.banner_box .swiper-pagination {width:auto;position:absolute;bottom:10px; left: initial; right:10px;}
.banner_box .swiper-pagination li{float:left;}
.banner_box .swiper-slide a {display:block; width:100%; height:200px; background-size:100% 100%; background-repeat:no-repeat;}

/*************************
공통 리스트 태그
*************************/

/* 계층형 구조 */
.tree_wrap {border-top: 2px solid #bbb; border-bottom: 2px solid #bdbdbd; padding: 15px 8px; background:#fff;}
.tree_wrap.ty2 {border:0;}
.tree_list {}
/* .tree_list ul {display:none;} */
.tree_list li li {margin-left:27px;}
.tree_list li > a{ display:inline-block; /*padding-left:27px;*/ position:relative; color:#333333; font-size:16px;vertical-align: middle;}
.tree_list li > a.present {color:#ff0000;}
.tree_list li > a:before {content:""; background-image:url("/images/common/ico/tree_file.png"); background-size:16px auto; background-position:center; background-repeat:no-repeat; display: inline-flex; width:24px; height:24px;vertical-align: middle;}
/*
.tree_list li > a.folder:before {background-image:url("/images/common/ico/tree_open.png");}
.tree_list li > a.folder.open:before {background-image:url("/images/common/ico/tree_close.png");}
*/
.tree_list li > a.folder:before{display: none;}
.tree_list li > button.folder{display: inline-flex; background-image:url("/images/common/ico/tree_open.png");background-size:16px auto;background-position:center;background-repeat:no-repeat;width:24px;height:24px;font-size: 0;}
.tree_list li > button.folder.open{background-image:url("/images/common/ico/tree_close.png");}
.tree_list li > a.folder.open + ul {display:block;}
.tree_list li + li>a,
.tree_list li ul > li a{ margin-top : 5px;}
.tree_list .no_data {text-align:center;}

.tree_check_list {}
.tree_check_list ul {display:none;}
.tree_check_list li {position:relative}
.tree_check_list li li {margin-left:27px;}
.tree_check_list li > a{ position:absolute; width:24px; height:24px; top:0; left:0;}
.tree_check_list li > a.present {background-color:#e8e8e8; color:red;}
.tree_check_list li > a:before {content:""; background-image:url("/images/common/ico/tree_file.png"); background-size:16px auto; background-position:center; background-repeat:no-repeat; position:absolute; top:0; left:0; width:24px; height:24px;}
.tree_check_list li > a.folder:before {background-image:url("/images/common/ico/tree_open.png");}
.tree_check_list li > a.folder.open:before {background-image:url("/images/common/ico/tree_close.png");}
.tree_check_list li > a.folder.open + label + ul {display:block;}
.tree_check_list li > label {margin-left: 24px;}
.tree_check_list .no_data {text-align:center;}

/* 탭 구조 */
.tab_wrap { position:relative; }
.tab_wrap .tab_list {overflow: hidden;}
.tab_wrap .tab_list>li {float:left; box-sizing:border-box; border-top:2px solid transparent; border-bottom:2px solid transparent;}
.tab_wrap .tab_list>li.active { background: #fff; border-top:2px solid #006999;}
.tab_wrap .tab_content{ width: calc(100% - 30px); display:none; position: absolute; top: 50px; left: 0; padding:15px; background:#fff;}
.tab_wrap .tab_list>li.active .tab_content{display:block;}
.tab_wrap .tab_list>li>a {display:inline-block;  zoom:1; padding: 12px 20px;}

.tab_wrap02 {width:100%;}
.tab_wrap02 .tab_btn {width:100%; overflow:hidden;}
.tab_wrap02 .tab_btn ul {width:100%; overflow:hidden;border-bottom:1px solid #006999;}
.tab_wrap02 .tab_btn ul li{float:left; border:1px solid #2a3866; border-bottom:0;}
.tab_wrap02 .tab_btn ul li + li {margin-left:3px;}
.tab_wrap02 .tab_btn ul li a{display:block; width:100px; line-height:40px; text-align:center; color:#333333;}
.tab_wrap02 .tab_btn ul li.active{background-color: #006999;}
.tab_wrap02 .tab_btn ul li.active a{color:#fff}
.tab_wrap02 .tab_content {padding:20px 0;}
.tab_wrap02 .tab_content>ul {}
.tab_wrap02 .tab_content>ul>li {display:none;}
.tab_wrap02 .tab_content>ul>li.active {display:block;}

/* 삼각형 모양 리스트 */
.triangle_list {}
.triangle_list>li{ padding-left:20px; position:relative; color:#333333;}
.triangle_list>li:before {content:'▶'; position:absolute; top:0; left:0; }
.triangle_list>li + li { margin-top : 5px;}

/* 점 모양 리스트 */
.dot_list {}
.dot_list>li{ padding-left:15px; position:relative; color:#333333;}
.dot_list>li:before {content:'·'; position:absolute; top:0; left:0;}
.dot_list>li + li { margin-top : 5px;}

/* 하이픈 모양 리스트 */
.hipen_list {}
.hipen_list>li{ padding-left:15px; position:relative; color:#333333; word-break: keep-all;}
.hipen_list>li:before {content:'-'; position:absolute; top:0; left:0;}
.hipen_list>li + li { margin-top : 10px;}

/* 숫자 모양 리스트 */
.num_list {}
.num_list>li{ padding-left:25px; position:relative; color:#333333; word-break: keep-all;}
.num_list>li:before {content:''; position:absolute; top:0; left:0; line-height:16px;}
.num_list>li:nth-child(1):before {content:'1.';}
.num_list>li:nth-child(2):before {content:'2.';}
.num_list>li:nth-child(3):before {content:'3.';}
.num_list>li:nth-child(4):before {content:'4.';}
.num_list>li:nth-child(5):before {content:'5.';}
.num_list>li:nth-child(6):before {content:'6.';}
.num_list>li:nth-child(7):before {content:'7.';}
.num_list>li:nth-child(8):before {content:'8.';}
.num_list>li:nth-child(9):before {content:'9.';}
.num_list>li:nth-child(10):before {content:'10';}
.num_list>li + li { margin-top : 10px;}

/* 체크박스 리스트 */
.check_list {overflow:hidden;}
.check_list>li {float:left;margin-right:10px;}
.check_list>li>label {font-size:15px;}
.check_list>li>label.check>input[type="checkbox"] + i {width: 18px;height: 18px;margin-right: 3px;vertical-align: -4px;background-size: 18px auto;}

/* 첨부파일 목록 */
.file_list {}
.file_list>li{ padding-left:15px; position:relative; color:#333333;}
.file_list>li a {display:inline-block; padding-left: 1.5rem;}
.file_list>li:before {content:''; background: url("/images/common/ico/file_download.png"); width: 24px; height: 24px; position:absolute; top:0; left:0;}
.file_list>li + li { margin-top : 5px;}

.upload_list {}
.upload_list>.file_add{ padding-left:15px; position:relative; color:#333333; }
.upload_list>.file_add:before {content:'·'; position:absolute; top:0; left:0; }
.upload_list>.file_add + .file_add { margin-top : 5px;}

.file_list + .upload_list>.file_add,
input[type=file] + .file_list>li ,
input[type=file] + .upload_list>.file_add {margin-top : 5px;}

.upload_list button,
.file_list button { padding: 2px 5px; background-color: #bdbdbd; color: #f9f9f9;}

/* DROPDOWN */
.dropdown {width:100%; position:relative; height: 40px;line-height: 40px; background-color: #f9f9f9; border:1px solid #bdbdbd;box-sizing:border-box; z-index:9;}
.dropdown>span {width:calc(100% - 20px);height:40px; line-height:40px; display:inline-block;  zoom:1;  padding:0 10px;}
.dropdown>button {position:absolute; top:0; right:0; width:100%; height:40px; display:inline-block;  zoom:1; cursor:pointer; background-color: transparent; background-image: url("/images/common/btn/drop_down.png"); background-repeat: no-repeat; background-size: 20px auto; background-position: 90% center;}
.dropdown>ul {position:absolute; display:none; width:100%; top:40px; left:0; background-color: #f9f9f9; border:1px solid #bdbdbd;box-sizing:border-box;}
.dropdown>ul>li {}
.dropdown>ul>li>a {display:block;height: 40px;line-height: 40px; padding:0 10px;}
.dropdown.open ul {display:block;}

/* 컨텐츠 분할 */
.sub_ul {}
.sub_ul>li {width:100%; position:relative;}
.sub_ul>li + li {margin-top:44px;}
.sub_ul>li>.sub_tit {width:100%; padding-left:37px; font-size:19px; color:#333333; background-image:url("/images/common/ico/sub_tit.png"); background-size:24px 25px; background-repeat:no-repeat;}
.sub_ul>li>.sub_cont {width:100%; position:relative; overflow:hidden;}
.sub_ul>li>.sub_tit + .sub_cont {margin-top:10px;}

/* 관리자페이지 */
.top_info{background: #fff; border: 1px solid #cecece; display: flex; align-items: center; padding: 10px 20px; margin-bottom: 10px;}
.top_info .top_text span{margin-right: 10px; font-size: 15px;}
.top_info .top_text .t1{font-weight: 600;}
.top_info div + div{margin-left: 50px;}
.top_text .input-box{display: inline-block;}
.top_text .input-box input{height: 30px;}
.top_text .input-box .search_btn{width: 30px; height: 30px; background-size: 18px auto;}
.radio_wrap.sys{display: inline-block; font-size: 15px;}
.radio_wrap.sys label.radio>input[type="radio"]{appearance: radio; width: 12px; height: 12px; opacity: 1; position: static; margin-right: 2px;}
.sys_title{display: flex; align-items: center; height: 6rem;}
.sys_title p{width: 100%; font-weight: 600; font-size: 2rem; position: relative;}
.sys_title p::before{/*content: '>'; display: inline-block; color: #333; border: 1px solid #333; background: #fff; border-radius: 20px; width: 12px; height: 12px;
  vertical-align: middle; font-size: 1rem; line-height: 12px; text-align: center; margin-right: 0.5rem;*/}
.top_info .input-box select{height: 30px; font-size: 14px; background-size: 11px auto;}
.sys_box{margin-top: 2rem;}
.sys_box .btn_wrap{margin: 0;}
/*************************
공통 버튼
*************************/
.button {min-width: 50px;height: 35px;line-height: 35px;padding: 0 25px;color: #111;background: #fff;border:1px solid #aaa;cursor: pointer;display:inline-block;zoom:1;text-align:center;vertical-align:middle;box-sizing: border-box;border-radius: 5px;}

/*.button { outline: 0;}*/

.button:hover{background: #2b65ed; color: #fff; border:1px solid #2b65ed; transition: .2s;}
.button.btn_green{border: 0;}
.button.btn_green:hover, .button.btn_green:focus{background: #1172F1;}
.btn_wrap { width:100%; overflow:hidden; margin: 15px 0;;}
.btn_wrap ul { float:right; overflow:hidden;}
.btn_wrap ul li { float:left; }
.btn_wrap ul li + li { margin-left: 8px; }
.btn_wrap.mp{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.btn_wrap.mp02{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.btn_wrap.mp ul{margin-left: auto;}
.out{font-size: 15px; color: #666; text-decoration: underline !important; margin-left: auto; vertical-align: middle;}

/* 회원등급버튼 */
.btn_wrap_auth { width:100%; overflow:hidden; margin: 15px 0;}
.btn_wrap_auth ul { float:left; overflow:hidden;}
.btn_wrap_auth ul li { float:left; }
.btn_wrap_auth ul li + li { margin-left: 8px; }
.btn_wrap_auth ul li.active a {background: #1172F1; color: #fff; }

/* 검색버튼 */
.search_btn { width: 44px; height: 44px; font-size:0; vertical-align: middle; background: #121212; border: 1px solid transparent; background-image: url("/images/common/btn/search_btn.png"); background-repeat: no-repeat; background-size: 20px auto; background-position: center; cursor: pointer;border-radius: 4px;margin-left: 5px;}
.ty2 .search_btn{width: 30px; height: 30px; background-size: 16px auto;}
.reset_btn {min-width: 44px;height: 44px;vertical-align: middle;background: #121212;color:#fff;border: 1px solid transparent;cursor: pointer;margin-left: 5px;border-radius: 4px;width: 60px;}
.top_text .input-box .reset_btn{width: 30px; height: 30px;}
/* 테이블버튼 */
.table_btn { min-width: 30px; height: 28px; line-height: 28px; padding: 0 15px; color: #006999; background: transparent; border:1px solid #006999; border-radius: 5px; cursor: pointer; display:inline-block;  zoom:1; text-align:center;vertical-align:middle; box-sizing: border-box;}
.table_btn:hover,
.table_btn:focus {background: #006999; color: #fff; transition: .2s;}

/* 모달팝업 버튼 */
.modal_btn{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;gap: 2rem; margin-top: 2rem}
.btn_green{background: #1172F1; color: #fff;}
.btn_white_gr{background: #fff; border: 1px solid #1172F1; color: #1172F1;}
.btn_white_gr:hover{background: #1172F1; color: #fff; transition: all .2s ease; border: inherit;}

/* 무재해인증 버튼 */
.btn02 {padding: 5px 12px; border-radius: 5px; box-sizing: border-box;}
.btn_blue {background: #027cb5; color: #fff;}


/* CRUD */
/*.button.list_btn:before {content: "\f03a"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
.button.register_btn:before {content: "\f040"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
.button.modify_btn:before {content: "\f044"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
.button.remove_btn:before {content: "\f1f8"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
.button.download_btn:before {content: "\f019"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
.button.upload_btn:before {content: "\f093"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
.button.save_btn:before {content: "\f0c7"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
.button.cancel_btn:before {content: "\f05e"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
.button.comment_btn:before {content: "\f086"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
.button.reply_btn:before {content: "\f112"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
.button.add_btn:before {content: "\f067"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
.button.code_btn:before {content: "\f121"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
.button.restore_btn:before {content: "\f0e2"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right:5px;}
*/
/*********************
  페이지네이션 
*********************/
.paging{ width:100%; overflow:hidden; text-align:center; margin-top:10px;}
.page_btn { display: inline-block; width:30px; vertical-align:middle; border:1px solid #e8e8e8; box-sizing:border-box;}
.page_btn:focus, .page_btn:hover { border: 1px solid #2b5fb3; }
.page_btn span{display:block; width:100%; line-height:30px; color:#666; position:relative; text-align:center;}
.page_btn + .page_btn { margin-left:2px; }
.page_btn img {width: 30px; height: auto; vertical-align:middle;}
.page_btn.current_page { border-color: #121212; background:#121212;}
.page_btn.current_page span {color:#fff !important;  }
.page_first, .page_prev, .page_next, .page_last { background:#f1f1f1; }

/*****************
다운로드 버튼
*******************/
/*
.download_btn {display:inline-block; padding-left:35px; position:relative;}
.download_btn:before { content:''; position:absolute; left:8px; width:20px; height:20px; background-image: url("/images/common/btn/download_btn.png"); background-repeat:no-repeat; background-position: center; background-size:20px auto;}
.download_btn.etc:before {background-image: url("/images/common/ico/file_etc.png");}
.download_btn.video:before {background-image: url("/images/common/ico/file_video.png");}
.download_btn.jpg:before {background-image: url("/images/common/ico/file_jpg.png");}
.download_btn.png:before {background-image: url("/images/common/ico/file_png.png");}
.download_btn.gif:before {background-image: url("/images/common/ico/file_gif.png");}
.download_btn.excel:before {background-image: url("/images/common/ico/file_excel.png");}
.download_btn.hwp:before {background-image: url("/images/common/ico/file_hwp.png");}
.download_btn.pdf:before {background-image: url("/images/common/ico/file_pdf.png");}
.download_btn.ppt:before {background-image: url("/images/common/ico/file_ppt.png");}
.download_btn.word:before {background-image: url("/images/common/ico/file_word.png");}
.download_btn.txt:before {background-image: url("/images/common/ico/file_txt.png");}
.download_btn.jpg:before {background-image: url("/images/common/ico/file_jpg.png");}
*/

/*****************
아이콘
*******************/
.ico_reply:before {content:url("/images/common/ico/ico_reply.png"); margin-right:5px;}
.ico_secret {content:url("/images/common/ico/ico_secret.png"); margin-right: 1rem;}
.ico_refresh {width:15px; height:17px;}
.ico_refresh:before {content: "\f021"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.ico_logout {width:15px; height:17px;}
.ico_logout:before {content: "\f08b"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.ico_setting {width:15px; height:17px;}
.ico_setting:before {content: "\f013"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}


/*****************
다중 탭 게시판
*******************/
.multi_board { position:relative; padding-bottom: 300px; }
.multi_board>ul {background-color: #f9f9f9; overflow: hidden;}
.multi_board>ul>li {float:left; box-sizing:border-box; border-top:2px solid transparent; border-bottom:2px solid transparent;}
.multi_board>ul>li.active { background: #fff; border-top:2px solid #006999;}
.multi_board .list{ width: calc(100% - 30px); display:none; position: absolute; top: 60px; left: 0; padding:15px;}
.multi_board>ul>li.active .list{display:block;}
.multi_board>ul>li>a {display:inline-block;  zoom:1; padding: 12px 15px;}
.multi_board .list ul {}
.multi_board .list ul li{ width:calc(100% - 95px); padding: 0 80px 0 15px; position:relative; font-size:15px;}
.multi_board .list ul li:before {content:'·'; position:absolute; top:0; left:0;}
.multi_board .list ul li + li { margin-top : 10px;}
.multi_board .list ul li a {display:inline-block;  zoom:1; max-width:100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.multi_board .list ul li a span {color:#006999; margin-right:5px;}
.multi_board .list ul li .date {position:absolute; top:0; right:0; color:#bdbdbd;}
.multi_board .list ul li.more { position: absolute; width:50px; height:50px; top: -60px; right: 0; padding:0; margin:0;}
.multi_board .list ul li.more a {width:50px; height:50px; display:inline-block;  zoom:1; background-image: url("/images/common/btn/more_btn.png"); background-repeat:no-repeat; background-position: center; background-size:20px auto;}
.multi_board .list ul li.more:before {content:'';}

/*****************
달력
*******************/
.calendar {width:100%;}
.calendar .cal_tit {width:100%; position:relative; margin-bottom:15px;margin-top: 20px;padding: 4px;}
.calendar .cal_tit p {text-align:center; font-size:17px; font-weight:500;}
.calendar .cal_btn{position:absolute; top:0; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 7px auto; background-position: center; cursor: pointer;}
.calendar .cal_btn.prev{left:0;background-image: url("/images/common/arrow_left2.png");}
.calendar .cal_btn.next{right:0;background-image: url("/images/common/arrow_right2.png");}
.calendar .cal_cont {width:100%; }
.calendar .cal_cont table{width:100%;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}
.calendar .cal_cont tr {}
.calendar .cal_cont th,
.calendar .cal_cont td {width:14.28%; text-align:center; border-bottom:1px solid #cecece;}
.calendar .cal_cont table span{display:block; margin:auto; padding:5px;}
.calendar .cal_cont table span.not{color:#bdbdbd;}
.calendar .cal_cont table span.sat{color:#006999}
.calendar .cal_cont table span.sun{color:#f57c7c;}
.calendar .cal_cont table span.hol{color:#f57c7c;}
.calendar .cal_cont table span.active {color:#fff; background-color:#b6c1d0;border-radius: 25px;}

/*****************
에러페이지
*******************/
.error_page {width:100%; height:100%; display:table;}
.error_page .error_wrap{display:table-cell; vertical-align:middle;text-align:center;background:#f9f9f9;}
.error_page .error_box{width:500px; margin:auto;text-align:left; border:1px solid #e8e8e8; padding: 50px;background:#fff;border-radius: 30px;}
.error_page .error_tit{text-align:center;}
.error_page .error_tit p {font-size:32px; font-weight:bold; color:#006999;}
.error_page .error_cont{margin:50px 0;}
.error_page .error_cont .txt1{font-size: 21px; font-weight: 700; text-align:center;word-break: keep-all;}
.error_page .error_cont .txt2{font-size: 19px; margin-top:20px;word-break: keep-all;}
.error_page .error_btn {text-align:center;}
.error_page .error_btn a{display:inline-block;zoom:1;padding:10px 30px;background-color: #bdbdbd;color: #f9f9f9;}
.error_page .error_btn a.btn1 {background-color: #bdbdbd;color: #f9f9f9;}
.error_page .error_btn a.btn2 {background-color: #bdbdbd;color: #f9f9f9;}

/*****************
설문조사
*******************/
.survey_wrap {margin:10px; border:4px solid #cecece; padding:30px;}
.survey_wrap .survey_info {}
.survey_wrap .survey_tit{text-align:center;font-weight:bold;font-size:25px;margin-bottom:30px;}
.survey_wrap .survey_cont {}
.survey_wrap .survey_list {}
.survey_wrap .survey_list>li {}
.survey_wrap .survey_list>li+li {margin-top:20px;}
.survey_wrap .survey_ques {position:relative; color:#333;}
.survey_wrap .survey_ques .num {position:absolute;top:0;left:0; font-weight:700;}
.survey_wrap .survey_ques .tit {display:inline-block;  zoom:1; padding:0 15px 0 20px; font-weight:700;}
.survey_wrap .survey_ques .memo {margin:15px 0;}
.survey_wrap .survey_ques .point {display:inline-block;  zoom:1; color:red;}
.survey_wrap .survey_item {}
.survey_wrap .survey_item ul {overflow:hidden;}
.survey_wrap .survey_item ul>li {float:left; margin-right:20px;}
.survey_wrap .survey_item textarea {min-height:80px;}
.survey_wrap .survey_btn {background-color:#006999; background-image: url("/images/common/btn/survey_btn.png"); background-repeat: no-repeat;background-position: calc(100% - 20px) 17px; background-size: 30px auto; border:2px solid #006999; border-radius:8px;color:#fff; display:inline-block; cursor: pointer;  zoom:1; text-align:center; vertical-align:middle;padding:12px 70px 12px 26px; font-weight:bold; box-sizing: border-box;}

/*****************
게시판
*******************/
.board_search_form {width:100%; overflow:hidden; margin-bottom: 1rem;}
.board_search_form .search_box {width: auto; display: flex; justify-content: flex-end;}
.board_search_form .search_box select{margin-right: 0.5rem;}

.board_total_count {display:inline-block;zoom:1;color:#444;}
.board_total_count > b {color:#006999; font-weight:bold;}
.board_total_count + .list_table {margin-top:5px;}

.board_wrap {position:relative;}
.board_wrap .board_top {position:relative;}
.board_wrap .board_cont {position:relative;}
.board_wrap .board_bottom {position:relative;}

.board_wrap {position:relative;}
.board_wrap .board_top {position:relative;}
.board_wrap .board_cont {position:relative;}
.board_wrap .board_bottom {position:relative;}

/*****************
인증팝업
*******************/
.certification_pop {display:none; z-index: 9991; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5);}
.certification_pop.open {display:block;}
.certification_pop .inner { position : absolute; top:0; left:0; right:0; bottom: 0; width: 100%; max-width: 400px; height:28%; margin: auto; background-color: #fff; padding:20px;}
.certification_pop .msg { text-align:center;padding: 20px 30px; word-break: keep-all; line-height:1.5;}
.certification_pop .input { padding:0 020px 0; overflow:hidden; font-size:15px; display: flex;}
.certification_pop .input div.input_cert {width:calc(100% - 60px); float:left;}
.certification_pop .input a {width:60px; float:left; line-height: 46px; background:#ff9007;color:#fff;text-align:center;}
.certification_pop .bottom {overflow:hidden; width:100%; margin:auto;}
.certification_pop .bottom ul {overflow: hidden; gap: 10px; display: flex; justify-content: center; align-items: center; gap: 1rem; margin-top: 30px;}
.certification_pop .bottom ul li{float:unset;width:unset;text-align:center;}
.certification_pop .bottom ul li .button {width:100px;}
.certification_pop .bottom ul li .button.ty2 {background-color:#bdbdbd;border:1px solid #bdbdbd; color: #fff;}

/*****************
검색 form
*******************/
.search_form {position:relative; padding:30px; overflow:hidden; border: 1px solid #b8dae6; margin-bottom:20px; background-color:rgba(184, 216, 255, 0.3);}
.search_row {width:100%; position:relative;}
.search_row + .search_row {margin-top:10px;}
.search_row label {display:inline-block;  zoom:1; height:40px; line-height:40px; min-width:100px; margin-right:20px;}
.search_bottom {position:absolute; right:10px; bottom: 10px;}

/** 팝업 wrap */
.pop_wrap {position:relative; padding-bottom:40px;}
.pop_wrap .pop_bottom_btn {width:100%; position:fixed;bottom:0;right:0;z-index:10;background-color:#fff; border-top:1px solid #bdbdbd;}

/*****************
아이디 & 비밀번호 찾기
*******************/
.find_wrap {position:relative; max-width: 520px; width: 100%; margin:auto; padding:0;}
.find_wrap .find_title {font-size:27px;}
.find_wrap .find_list {}
.find_wrap .find_list li {margin:20px 0;}
.find_wrap .find_list li + li {border-top:1px solid #e8e8e8; padding-top:20px;}
.find_wrap .find_list li .find_radio{font-size:23px;}
.find_wrap .find_list li .find_input{display:none;margin-top:20px;}
.find_wrap .find_list li .find_input.active{display:block;}
.find_wrap .find_list li .find_btn { margin:20px 30px 0 30px;}
.find_wrap .find_list li .find_btn .button{width:100%; height:60px; line-height:60px;}
.find_wrap .find_result {width:500px; margin:20px auto;}
.find_wrap .find_result>p {width:90%; margin:120px auto; font-size:25px;}
.find_wrap .find_result>p span {color:#006999;}
.find_wrap .find_result>ul {}
.find_wrap .find_result>ul li{position:relative; width:100%; height:40px; margin:auto;}
.find_wrap .find_result>ul li + li {margin-top:20px;}
.find_wrap .find_result>ul li span{position:absolute;left:0; top:0; line-height:45px;font-size:20px;}
.find_wrap .find_result>ul li a{position:absolute;right:0; top:0; }
.find_wrap .find_result .result_btn {margin:50px 0;}
.find_wrap .find_result .result_btn ul{text-align:center;}
.find_wrap .find_result .result_btn ul li{display:inline-block;*display:inline;zoom:1;width:40%;}
.find_wrap .find_result .result_btn ul li .button{width:100%;height:60px; line-height:60px;}

/* 260807 */
.input_wrap {display: flex; align-items: center;gap: 20px;margin: 0 0 10px 0;}
.input_wrap label {width: 50px;font-size: 18px;color: #535353;}
.input_wrap input[type="text"] {height: 50px;line-height: 50px;}
div.email {border: 0;display:inline-block;background:#fff; box-sizing: border-box;overflow:hidden;padding: 0 10px;}
div.email>input[type="text"] {width: 160px;}
label.radio {font-size: 18px;}
.find_list div.email {display: flex;background: #fff;align-items: center;padding: 0;}
.find_list .domain {min-width: 50px;height: 50px;}
.find_btn {margin: 35px auto 40px;text-align: center;}
.find_btn .button {width: 100%;line-height: 60px;height: 60px;border-radius: 8px;background: #121212;color: #fff;}
.find_btn .button:hover,.find_btn .button:focus {background: #2b65ed;color: #fff;border: 1px solid #2b65ed;transition: .2s;}


@media screen and (max-width: 425px){
  .input_wrap {align-items: flex-start;gap: 5px;flex-direction: column;}
  div.email {display: flex;height: auto;line-height: inherit;flex-direction: column;justify-content: center;align-items: flex-start;}
}

/*****************
회원가입 
*******************/
.join_wrap { width:100%; position:relative;}
.join_title { text-align:center; }
.join_title p { font-size: 25px; font-weight:500;}
.join_step { width :100%; overflow:hidden; margin: 40px 0 60px 0;}
.join_step ul {max-width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: center;gap: 120px;}
.join_step ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.join_step ul li + li:before {content:''; position:absolute; width:18px; height:32px; top:20px; left: 0; background:url(/images/common/arrow_right.png) no-repeat; background-size:16px auto;}
.join_step ul li span { display: block;}
.join_content {max-width: 1200px;min-height:140px;padding-bottom:80px;margin: auto;position:relative;}
.join_content .btn_wrap {position: relative;bottom:0;left:0;margin: 20px 0;}
.join_content .btn_wrap ul {width:100%;display: flex;gap: 10px;align-items: center;justify-content: center;}
.join_content .btn_wrap ul li { width:50%; float:left; margin:0;}
.join_content .btn_wrap ul li a{width:100%;/* height: 50px; *//* line-height: 50px; */display:block;color:#141414;background-color: #fff;border: 1px solid#141414;font-size: 15px;cursor: pointer;text-align:center;vertical-align:middle;box-sizing: border-box;padding: 0;}
.join_content .btn_wrap ul li a.agree {background-color: #141414;color:#fff;}
.join_content .btn_wrap ul li a.agree:hover,.join_content .btn_wrap ul li a.agree:focus {background-color: #2b65ed;border-color: #2b65ed;}
.term_wrap {margin:10px 0;}
.term_wrap ul{}
.term_wrap ul li{}
.term_wrap ul li + li {margin-top: 10px;}
.join_table { width:100%; }
.join_table tr {display:block; }
.join_table tr + tr {margin-top: 20px;}
.join_table th { display:block; box-sizing:border-box; color: #444; text-align: left; overflow:hidden; font-weight:500; font-weight: 500; font-size: 17px;}
.join_table th label{ font-weight:500; font-weight: 500; font-size: 17px;}
.join_table td { display:block; box-sizing:border-box; color: #444; text-align: left; overflow:hidden;}
.join_table th + td {margin-top : 10px;}
.join_table th a:focus, .join_table th a:hover, .join_table td a:focus, .join_table td a:hover{border-bottom: 1px solid #444;}
.join_table + .table_title { margin-top: 25px; }
.join_result { text-align:center; padding: 60px 0 80px 0;}
.join_result h2 { font-size: 31px; font-weight:500;}
.join_result p { font-size: 21px; margin: 50px 0 10px 0; line-height: 1.6;}
.mine.join_result p { font-size: 21px; margin: 50px 0 10px 0; line-height: 1.6;}

.popup_table thead th{padding: 10px; text-align: center;}
.popup_table th, .popup_table td{padding: 5px 15px; text-align: center;}
.popup_table .dept_info dl {margin-top:5px; text-align: left;}
.popup_table .dept_info dl dt {display: inline-block; vertical-align: middle; min-width: 6rem; padding: 0 5px; border-radius: 5px; margin-right: 5px; 
  text-align: center; font-size: 14px; color: #fff; background: #3596c4; font-weight: 500;}
.popup_table .dept_info dl dd {display:inline-block;vertical-align:middle;color:#333; font-size: 15px;}
.popup_table .btn02{padding: 0 10px; width: 50px;}


#DAY_TABLE, #TIME_TABLE{display: none;}



/*****************
반응형 css
*******************/


@media all and (max-width:910px){
.mobile {display: none !important;}
table.list_table tbody > tr {padding: 1.5rem; display: block;}
table.list_table td {padding: 1.5rem 1rem; box-sizing: border-box; color: #333; text-align: center;}
table.list_table td {padding: 0; border: 0; padding-right: 1rem; margin-right: 0.5rem; position: relative;}
table.list_table td.mobile_td::after{position: absolute;top: 0.4rem; right: 0; content: ""; display: block; width: 0.1rem; height: 1.6rem; background: #cecece;}
table.list_table td.mobile_td:last-child::after{display: none;}
table.list_table td, table.list_table th {display: inline-block; border: 0;}
table.list_table td.subj {display: block; width: 100%; padding: 0 0 0.5rem 0 !important; border: 0;}
table.list_table td a.link {font-weight: 700; font-size: 1.8rem;}
table.list_table tr.tr_notice{/*padding-left: 7rem;*/ position: relative;}
table.list_table tr.chk{/*padding-left: 4.4rem;*/ position: relative;}
table.list_table tr.tr_notice td.noti, table.list_table tr.chk td.chk-box{/*position: absolute; left: 1.5rem; top: 50%; transform: translateY(-50%);*/ display: none;}

.board_search_form .search_box{background: #f4f4f4; padding: 20px 5%; width: 100%; justify-content: center;}
.board_search_form .search_box .inbox{width: calc(100% - 120px) !important; float: left; padding-left: 0; border: 0; background: transparent;}
.board_search_form .search_box .inbox input{width: calc(100% - 48px);}

}
/* 모바일 가로 & 테블릿 세로 */
@media all and (max-width:767px) {

/***** 공통테이블 view *****/
.detail_table tr + tr{border-top: 0;}
.detail_table th, .detail_table td{text-align: left; border-right: none; border-left: none; padding: 10px; border-top: 1px solid #ddd;}
.detail_table, .detail_table tbody, .detail_table tr, .detail_table th, .detail_table td{display: block;}
.detail_table th + th, .detail_table th + td, .detail_table td + td{border: 0;} 

.detail_table.ty2 th, .detail_table.ty2 td{}
.detail_table.ty2, .detail_table.ty2 tbody, .detail_table tr, .detail_table th, .detail_table td{}
.detail_table.ty2 th + th, .detail_table.ty2 th + td, .detail_table.ty2 td + td{} 

.detail_table .td_contents{padding: 0;}

.prev_next_table, .prev_next_table tbody, .prev_next_table tr, .prev_next_table th, .prev_next_table td{display: block;}
.prev_next_table table th{width: 100%; text-align: left;}
.prev_next_table table td.writer{display: none;}


.r48 .join_result p { font-size: 21px; margin: 50px 0 10px 0; line-height: 1.6;}

}


@media all and (max-width:480px) {
.board_search_form .search_box{display: inline;}
.board_search_form .search_box select{width: 100%; margin: 0 0 0.5rem 0;}
.board_search_form .search_box .inbox{width: 100% !important;}

}

/* 파일 업로드 모달 */
.fum-overlay{position: fixed;inset: 0;background: rgba(0,0,0,.5);z-index: 9000;display: flex; align-items: center;justify-content: center;}
.fum-dialog{background: #F4F7F8;overflow: hidden;border-radius: 8px;width: 90vw;max-width: 480px;}
.fum-header{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px;background: #fff;}
.fum-header span{font-family: "SUITE", "pretendard";font-size: 20px;font-weight: 700;color: #111;}
.fum-close{font-size: 20px;font-weight: 700;color: #444;cursor: pointer;}
.fum-toolbar{padding: 10px;}
.fum-btn{font-size: 12px;padding: 2px 10px;border: 1px solid #444;background: #fff;border-radius: 4px;cursor: pointer;}
.fum-btn-down{border-color: #E55902;color: #E55902;}
.fum-btn-add{border-color: #E55902;color: #E55902;}
.fum-btn-del{}
.fum-btn-confirm{border-color: #1172F1;background: #1172F1;color: #fff;}
.fum-btn-cancel{}
.fum-btn:hover, .fum-btn:focus{background: #111;color: #fff;border-color: #111;}
.fum-body{padding: 0 10px;}
.fum-dropzone{border: 2px dashed #feb2b2;border-radius: 4px;min-height: 194px;display: flex;align-items: center;justify-content: center;background: #fff9f9;cursor: pointer;transition: background .2s, border-color .2s;}
.fum-body.fum-drag-over{background: #ebf8ff;outline: 2px dashed #63b3ed;outline-offset: -4px;border-radius: 4px;}
.fum-dropzone:hover, .fum-dropzone.fum-drag-over{background: #ebf8ff;border-color: #63b3ed;}
.fum-drop-msg{color: #bbb;font-size: 14px;pointer-events: none;}
.fum-file-list{display: flex;flex-wrap: wrap;flex-direction: column;gap: 4px;max-height: 150px;overflow-y: auto;}
.fum-file-list.fum-drag-over{background: #ebf8ff;outline: 2px dashed #63b3ed;outline-offset: -2px;}
.fum-file-item{display: flex;flex-wrap: wrap;gap: 10px;padding: 5px;border-radius: 8px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.05);margin: 5px 0;}
.fum-file-item:last-child{}
.fum-file-icon{display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 4px;text-transform: uppercase;color: #fff;}
.fum-file-icon.fum-clickable{cursor: pointer;}
.fum-icon-img{background: #48bb78;}
.fum-icon-xls{background: #38a169;}
.fum-icon-doc{background: #4299e1;}
.fum-icon-pdf{background: #fc8181;}
.fum-icon-zip{background: #ed8936;}
.fum-icon-mp4{background: #9f7aea;}
.fum-icon-etc{background: #a0aec0;}
.fum-file-icon.fum-uploading{background: #cbd5e0; animation: fum-pulse .8s infinite;}
@keyframes fum-pulse{0%,100%{opacity:1} 50%{opacity:.4}}
.fum-file-info{display: flex;flex-wrap: wrap;flex-direction: column;gap: 4px;}
.fum-file-name{color: #111;}
.fum-file-size{font-size: 12px;color-interpolation-filters: #666;}
.fum-file-remove{margin: 0 0 0 auto;cursor: pointer;}
.fum-progress{margin-top: 8px;}
.fum-progress-bar{height: 6px;background: #e2e8f0;border-radius: 3px;overflow: hidden;}
.fum-progress-fill{height: 100%;width: 0%;background: #4299e1;transition: width .3s;}
.fum-progress span{font-size: 11px;color: #718096;margin-top: 3px;display: block;}
.fum-footer{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 10px;}
.fum-preview-tip{font-size: 12px;}
.fum-footer-btns{}
.fum-preview-overlay{position: fixed;inset: 0;background: rgba(0, 0, 0, .8);z-index: 9500;display: flex;align-items: center;justify-content: center;}
.fum-preview-overlay img{max-width: 90vw;max-height: 85vh;border-radius: 4px;}
.fum-preview-close{position: absolute;top: 16px;right: 20px;color: #fff;font-size: 30px;cursor: pointer;background: none;border: none;line-height: 1;}
@media (min-width: 768px) {
.fum-dialog{border-radius: 12px;}
.fum-header{padding: 20px;}
.fum-header span{font-size: 24px;}
.fum-footer-btns .fum-btn{font-size: 14px;padding: 4px 16px;}
}

/* 인물 검색 자동완성 드롭다운 (js/common/gf_field.js gf_personSearch 공용) */
.gf_person_search_list{position:absolute;z-index:50;top:100%;left:0;right:0;margin:4px 0 0;padding:4px;list-style:none;background:#fff;border:1px solid #d4dce2;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.1);max-height:220px;overflow-y:auto}
.gf_person_search_list li{padding:9px 10px;border-radius:6px;font-size:14px;color:#253542;cursor:pointer}
.gf_person_search_list li:hover{background:#f1f5f8}