@charset "utf-8";
* {max-height:1000000px;margin:0;padding:0;box-sizing:border-box;}
*::before,*::after {box-sizing:border-box;}
body {min-width:320px;background:#fff;;color:#000;font-family: 'Noto Sans KR', '맑은고딕',Apple Gothic,arial,helvetica,sans-serif;font-size:14px;font-weight:normal;line-height:1.5;-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;word-wrap:break-word;word-break:keep-all;white-space:normal;letter-spacing: -0.025em;}
body.hid { overflow: hidden;padding-right:15px;}
#wrap {position:relative;width:100%; min-width:1280px;}
img, fieldset, button {border:none;background: none;}
hr {display:none;}
li {list-style:none;}
a {color:#000;text-decoration:none;vertical-align:top; cursor: pointer;}
a:hover, a:active, a:focus, a:visited {text-decoration:none;}
textarea {overflow:auto;} 
table {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;text-align:center;}
table img {vertical-align:top;}
th, td {vertical-align:middle;word-wrap:break-word;word-break:break-all;}
form  {margin:0;padding:0;}
img {vertical-align:top;}
legend  {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;} 
caption {width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;visibility:hidden;}
em, strong, i {font-style:normal;}
.blind {position:absolute;left:-9999px;top:-9999px;}
.hidden {text-indent: -9999px;padding: 0 !important;display: inline-block;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
strong {font-weight:500;}
.bold {font-weight:700;}
:focus {border-width: 1px;}


input[type="text"],input[type="search"],input[type="password"],input[type="tel"], input[type="email"], .textarea {box-shadow:none;background:#fff;border:1px solid #c2c8d7; height:48px;padding:0 15px;box-sizing:border-box;color:#667890;font-family:'Malgun Gothic','맑은 고딕',Apple Gothic,arial,helvetica,sans-serif;font-weight:normal;font-size:14px;border-radius: 5px;width: 100%;}
button { font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',Apple Gothic,arial,helvetica,sans-serif; cursor: pointer; letter-spacing: -1px; }
select::-ms-expand{display:none; }
textarea { width: 100%; padding:20px; font-size:14px; line-height: 1.3; color: #222; vertical-align: middle; border-radius: 5px; }
::-ms-clear { display: none;}
::-webkit-input-placeholder {color:var(--bs-blue-V700) !important;}
:-moz-placeholder {color:var(--bs-blue-V700)!important;}
:-ms-input-placeholder {color:var(--bs-blue-V700) !important;}
:-moz-placeholder { color:var(--bs-blue-V700) !important;}
[readonly='readonly'] {pointer-events:none;cursor:default;}

textarea, input, select {
  text-decoration: none;
  font-family: 'Noto Sans KR', '맑은고딕';
  border: 1px solid #c2c8d7;
  border-radius: 10px;
  resize: none;
  box-shadow: none;
  box-sizing: border-box;
  padding: 0 20px;
  background: #fff;
  color: #667890;
  box-sizing: border-box;
  transition: all 0.25s;
  box-sizing: border-box;
  font-size: 14px
}


input[readonly]:focus,
input[readonly]:hover {cursor:default;border-color:#bbbbbb;transition:none;}
.show_placeholder {cursor:pointer !important;}
.show_placeholder:focus::placeholder {color:#aaaaaa !important;}
.show_placeholder:focus::-webkit-input-placeholder {color:#aaaaaa !important; } 
.show_placeholder:focus:-moz-placeholder { color:#aaaaaa !important; } 
.show_placeholder:focus::-moz-placeholder { color:#aaaaaa !important; } 
.show_placeholder:focus:-ms-input-placeholder { color:#aaaaaa !important; }
input:hover,input:focus,input.active, select:focus, .textarea:focus { color:#222; background-color: #fff; border-color: #222 !important; outline: none;  } 
button:focus {outline: none;border-color: #000;}
.fl {float:left;}
.fr {float:right;}
.ip_sp {padding-right:37px !important;}
.pt_color {color:#4FD1C5 !important;}
.i_ast {color:#e60012;}
.pre_line {white-space:pre-line;}
.blind {position:absolute;margin:-1px;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden;}
.i_at {display:block;float:left;width:20px;height:40px;line-height:38px;font-size:14px;color:#222222;text-align:center;}


::-webkit-input-placeholder {
  color: var(--bs-blue-V700);
}

:-moz-placeholder {
  color: var(--bs-blue-V700);
}

:-o-input-placeholder {
  color: var(--bs-blue-V700);
}
:-ms-input-placeholder {
  color: var(--bs-blue-V700);
}

.textarea::-webkit-input-placeholder {
  color: var(--bs-blue-V700);
}

.textarea:-moz-placeholder {
  color: var(--bs-blue-V700);
}

.textarea:-ms-input-placeholder {
  color: var(--bs-blue-V700);
}




/***  stlye ***/
:root {
  --bs-button-no: #E7EAEC;
  --bs-button-yes: #191B28;
  --bs-tab-on: #27414F;
  --bs-blue-V500: #97A6BD;
  --bs-blue-V700: #5F748F;
  --bs-blue-V800: #49566C;
  --bs-blue-V900: #2D3748;
  --bs-gray-V500: #949494;
  --bs-gray-V600: #767676;
  --bs-gray-V800: #444444;
  --bs-gray-V900: #2D3748;
  --bs-error-txt: #c60606;
  --bs-dark-red-txt: #C21E1E;
  --bs-information-txt: #0C70F2;
  --bs-success-txt: #138844;
  --bs-color-txt: #1aa598;
  --bs-default-border: #E2E8F0;
  --bs-dark-border: #667890;
  --bs-disabled-border: #E2E2E2;
  --bs-back-white: #fff;
  --bs-back-color: #4FD1C5;
  --bs-back-200: #F8F9FA;
  --bs-back-400: #EFEFEF;
  --bs-back-900: #191B28;
}


/*간격*/
.mt20 {margin-top:20px;}

/* btn */
/*[class^="btn_"] {display:inline-block;vertical-align:top;margin:0 5px;min-width:90px;height:40px;line-height:40px;padding:0 15px;box-sizing:border-box;text-align:center;transition:all 0.4s;border-radius: 5px;color: #fff;font-size:14px;transition:all 0.4s;} */
.btn_search {color: #fff !important;font-size: 14px;background: #333 url(../images/content/ico_search.png) 17px center no-repeat;background-size:18px;padding: 0 15px 0 45px !important;min-width: 90px !important;height: 40px !important;line-height: 40px !important;margin-left: 10px !important;}
.btn_print {color: #222;font-size: 16px;background: #fff url(../images/content/ico_print.png) 15px center no-repeat;background-size:20px 20px;padding-right:20px;border-color: #bbb;border:1px solid #bbb;border-radius: 5px;}
.btn_print span {display:inline-block;position:relative;top:-1px;left:12px;}
.download {background-image: url(../images/content/ico_down_white.png); background-repeat: no-repeat;background-position: 15px center;padding-left: 33px;}

.btn_b1 {background-color:#4FD1C5}
.btn_b2{background-color:#999}
.btn_b3{background-color:#333}

/* Btn Size */
[class^="btn_"][class*="_s"]{display: inline-block;min-width:89px;color: #222;height:30px;padding: 0 10px 0 28px;border-radius: 5px;color: #222;font-size: 14px;text-align: left;line-height:29px;background-repeat: no-repeat;background-position: 10px center;margin: 0;}
[class^="btn_"][class*="_m"] {margin-left:2.63%;margin-right:0;width:48.68%;}
[class^="btn_"][class*="_m"]:first-of-type {margin-left:0;}
[class^="btn_"][class*="_lg"] {margin:0;width:100%;}
[class^="btn_"][class*="_ty"] {margin: 0;margin-right: 10px;margin-top: 10px;}

/* Btn Color */
[class^="btn_"][class*="_c1"] {background-color:#fff;border:1px solid #bbb;color:#222;}
[class^="btn_"][class*="_c2"] {background-color:#333;border:1px solid #333;color:#fff;}
[class^="btn_"][class*="_c2"]:hover,[class^="btn_"][class*="_c2"]:focus {background-color:#222;border:1px solid #222;}
[class^="btn_"][class*="_c2"].red {background-color:#e60012;border:none;}

/* Btn Type */
.i01 {background-image: url(../images/content/ico_print02.png);}
.i02 {background-image: url(../images/content/ico_search02.png);}
.i03 {background-image: url(../images/content/ico_down.png);}
.i04 {background-image: url(../images/content/ico_plus05.png);padding-left: 25px !important;}
.i05 {background-image: url(../images/content/ico_star.png);}
.i06 {background-image: url(../images/content/ico_edit.png);}
.i07 {background-image: url(../images/content/ico_album.png);background-position: 18px center;padding-left: 28px !important;}
.i08 {background-image: url(../images/content/ico_list_ty.png);}
.i09 {background-image: url(../images/content/ico_up.png);}
.i10 {background-image: url(../images/content/ico_delete.png);}
.i11 {background-image: url(../images/content/ico_guide.png);}
.i12 {background-image: url(../images/content/ico_arrow_down.png);}
.i13 {background-image: url(../images/content/ico_arrow_up.png);}


/* btn_area */
.btn_area {width:100%;padding:0;font-size:0;height:auto;margin-top:29px;line-height:45px;}
.btn_area a {display: inline-block;font-size: 14px;}
.btn_area.p_area {margin:20px 0 0;}

/*hover focus*/
.btn_search:hover, .btn_search:focus{background-color:#000;}
.btn_b1:hover, .btn_b1:focus {background-color:#39ada2}
.btn_b2:hover, .btn_b2:focus {background-color:#777}
.btn_b3:hover, .btn_b3:focus {background-color:#000;}
[class^="btn_"]:hover, [class^="btn_"]:focus {border-color:#222;}
button:hover {border-color:#222;}
[class^="check_"]:hover,
.check:hover  {border-color:#222;}
input:hover {border-color:#222;transition:all 0.4s;}

a:hover,
button:hover {text-decoration: underline}
:focus-visible,
a:focus,
a:active,
button:focus,
button:active {outline: 3px dashed #f00 !important; }

/* 체크박스 */
input {
  border-radius: 0;
  color: #d1d1d1;
  font-size: 18px;
  font-weight: 300;
}
table label.hidden {padding: 0;width: 20px;}

.check_b {line-height: 15px;margin-top:20px;transition:all 0.4s;}
.check_b input[type="checkbox"] + label  {font-size: 14px;}
.check_b:nth-of-type(3) {margin-top:10px}
.check_b input[type="checkbox"] + label {line-height: 15px;}
.check_c {line-height:16px;transition:all 0.4s;display:inline-block;vertical-align: top;}
.check_c input[type="checkbox"] + label {line-height: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:150px;}
input[type="checkbox"]:focus {outline-color : #0078a5;outline-style: solid;outline-width : 1px;}

/*disabled*/
.disabled input[type="checkbox"] + label {cursor:auto !important;}
.disabled input[type="checkbox"] + label:before {background:#dedede !important;border:1px solid #dedede!important;color:#fff!important; }
.disabled input[type="checkbox"]:checked + label:before { width:15px;height:15px;}
.b_disabled {background-color: #dedede !important;border: 1px;border:1px solid #dedede!important;color: #666!important;cursor:auto !important;}
input:disabled {background: #ddd !important;cursor: default !important;}

input:focus::placeholder,textarea:focus::placeholder{color:transparent!important;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent !important;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent !important;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent !important;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent !important;}
[readonly]:focus::placeholder {color: #999 !important;}

/*셀렉트*/
select {min-width:130px;height:40px;border-radius: 5px;border:1px solid #bbb;display:inline-block;padding:0 34px 0 15px;background: #fff url(../images/content/select_arrow.png) no-repeat top 50% right 14px;font-size:14px;color:#222222;transition:all 0.4s;cursor: pointer;}
select:focus, select:hover {border-color:#222;} 

[class^="select_"][class*="_s1"] {min-width:100px;}
[class^="select_"][class*="_s1"].s_lang {margin-left:40px;}
[class^="select_"][class*="_s2"] {min-width:130px;}
[class^="select_"][class*="_s3"] {min-width:200px;}

/*radio*/
.radio > span {position:relative;display:inline-block;margin-left:23px;font-size:0;vertical-align: middle;}
.radio > span:first-of-type {margin-left:0;}
.radio span input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0,0,0,0);border:0;-webkit-appearance:none;}
.radio span label {font-size:14px; color:#222222; vertical-align:top;padding-left:29px;line-height:20px; cursor:pointer;}
.radio span label::after{content:''; display:block; position:absolute; top:0; left:0; width:20px;height:20px; background:url(../images/content/ico_radio_off.png) no-repeat;border:0;}
.radio span input:checked + label::after {background:url(../images/content/ico_radio_on.png) no-repeat;border:0;}
.radio input[type="radio"]:disabled + label::after {opacity:0.5;}
.radio span.disabled label::after {opacity:0.5;}
/*재직상태 정렬맞춤*/
.radio > span.state_icon1{width:87px; left: 4px;}
.radio > span.state_icon2{width:88px; margin-left:4px;}

/*textarea*/
textarea.textarea {width:100%;height:100px;border:1px solid #bbb;border-width:1px;padding:10px 18px;}
textarea.p02 {height:160px;}
textarea.p03 {height:540px;width:400px;}

/*guide레이아웃*/
.guide {margin-top:100px;margin-bottom:100px;position: relative;min-height: 100%;}
.guide #content {width:1600px;margin:0 auto;}
.guide #content.popup {width:1920px;}
.guide .cont {margin-top:100px;}
.guide .cont:after {content:'';display:block;clear:both;}
.guide .cont:first-child {margin-top:0;}
.guide .cont .table:first-child {margin-top:0px;}
.guide .cont .table {margin-top:40px}
.guide .cont h2 {margin-bottom:29px;}
.guide .popup {max-width:1920px;padding:0 30px;box-sizing: border-box;}
.guide .pop_content {float:left;margin-left:30px;}
.guide .pop_content:nth-of-type(1) {margin-left:0;}
.guide .pop_content .ex_tit {font-size: 26px;font-weight: bold;margin-bottom:22px;}
.pop_guide {margin:0 auto;width:1600px;}
.pop_guide p {margin-bottom:30px;}
.con_box {display:table;width:100%;background:#feebeb;}
.con_box .ex_txt {display:table-cell;vertical-align:middle;color:#d30000;text-align: center;}

.cont-prev,
.cont-next {width: 30px; height: 30px; border-radius: 50%; font-size: 0; z-index: 1; position: absolute; top: 50%; margin-top: -46px;}
.cont-prev {background: url(../images/content/ico_slider_prev.png) no-repeat 50% 50%; left: 0;}
.cont-next {background: url(../images/content/ico_slider_next.png) no-repeat 50% 50%; right: 0;}

/*** cont_area ***/
.cont_area {position:relative;width:1600px;margin:0 auto;transition:margin 0.4s;}
.cont_area .title {margin-bottom:25px;color:#000;font-size:30px;font-weight:700;line-height:24px;letter-spacing:-1px;transition:all 0.4s;}

/** board_view : 상세, 쓰기 **/
.board_view {position:relative;padding-top:4px;background:#fff;border-radius:0 0 5px 5px;box-shadow:1px 1px 10px 3px rgba(0,0,0,0.08);overflow:hidden;}
.board_view:before {position:absolute;left:0;top:0;width:100%;height:4px;background:#222;content:"";}
.board_view .li {display:table;position:relative;width:100%;background:#fff;border-top:1px solid #dfdfdf;box-sizing:border-box;overflow:hidden;   table-layout:fixed;}
.board_view .li:first-child {border-top:0;}
.board_view .li .t {display:table-cell;width:170px;height:50px;padding:12px ;background:#f7f7f7;border-left:1px solid #dfdfdf;box-sizing:border-box;font-weight:500;letter-spacing:-0.5px;;text-align:left;vertical-align:middle;word-wrap:break-word;word-break:break-all;font-weight: bold}
.board_view .li .t:first-child {border-left:0;}
.board_view .li .c {display:table-cell;height:50px;padding:12px 30px;border-left:1px solid #dfdfdf;box-sizing:border-box;text-align:left;vertical-align:middle;word-wrap:break-word;word-break:break-all;}
.board_view .li .c:first-child {border-left:0;}
.board_view .li .c .w_box button:first-child {margin-left:0;}
.board_view .li .c .w_box select {margin-left:0;}
.board_view .li .c .check_b {display:inline-block;margin-top:0;}
.board_view .btn_add_file {vertical-align:middle;}
.board_view .li .paginate.type02 {text-align: left;}
.board_view .li [class^="inp_box_"] {margin-left:0;}


/* 첨부파일 */
.b_file_area {position:relative;margin:8px 0;font-size:0;}
.b_file_area li {position:relative;margin-top:10px;overflow:hidden;}
.b_file_area li:first-child {margin-top:0;}
.b_file_area li .filepath {position:absolute;left:0;top:0;width:465px;height:45px;opacity:0;cursor:pointer;}
.b_file_area li span{min-width:114px;height:34px;padding:0 25px;font-size:16px;font-weight:400;line-height:33px;background:#425166;border:1px solid #425166;color:#fff;margin-left:20px;border-radius: 5px;margin-left:20px;}
.btn_add_file {width:200px;height:50px;background:#999;line-height: 50px;}


/*table*/
.table {width:1600px;margin:0 auto;border-top:1px solid #000;}
.table tbody tr th, .table thead tr th {background:#f7f7f7;border:1px solid #e5e5e5;color:#222;font-weight: 400;height:38px;font-weight: bold;}
.table thead tr th {height: 40px;}
.table tbody tr th {border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-weight: bold;height:38px;}
.table tbody tr th:first-child, .table thead tr th:first-child {border-left:0;}
.table tbody tr th:last-child, .table thead tr th:last-child {border-right:0;}
.table tbody tr:first-child th,
.table tbody tr:first-child td {border-top:0;}
.table tbody td {height:38px;border:1px solid #e5e5e5;border-right:0;padding:3px 0;box-sizing: border-box;}
.table tbody td:first-child {border-left:0;}
.table tbody td.notice_txt {background:#f7f7f7;border-left:1px solid #e5e5e5;font-weight: bold}
.table tbody tr.td_check td {font-weight: bold;}
.table tbody tr.td_check td p {text-decoration: underline;}
.table .inp_box {margin-left:5px;}
.table .w_box select {margin-left:10px;}
.table .w_box select:first-child {margin-left:0;}
.table.type02 {width:1330px;margin-left:20px;}
.table.tl_left th {text-align: left;padding:7px 20px;box-sizing: border-box;}

/* table style */
.table.tbl_style01 {width:100%;}
.table.tbl_style01 table {text-align:left;}
.table.tbl_style01 table th {padding:10px 20px;height:60px;font-size:14px;font-weight:bold;color:#222222;text-align:left;}
.i_ast {position:relative;margin-left:5px;font-size:14px;font-style:normal;font-weight:bold;color:#e60012;}
.table.tbl_style01 table td {padding:10px 20px;height:60px;font-size:14px;color:#222222;text-align:left;}
.table.tbl_style01 table .inp_box_ {display:block;margin:0;min-width:auto;width:100%;}
.table.tbl_style01 table select {display:block;margin:0;min-width:auto;width:100%;}
.table.tbl_style01 table td .radio > span {vertical-align:middle;}
.table.tbl_style01 table button:not(.input_del) {margin:0;height:40px;line-height:40px;}
.table.tbl_style01 table .devide_box:after {display:block;visibility:hidden;clear:both;content:""}

.w_box {display: table;}
.w_box.w100 {width:100%;text-align: left;} 
.w_box:after {content:'';display:block;clear:both;}
.w_box .notice_txt.t01 {padding-right:26px;}
.w_box .notice_txt.t02 {padding-left:40px;padding-right:26px;}

[class^="inp_box_"] {position:relative;display:inline-block;min-width:250px;vertical-align: top;margin-left:10px;}
[class^="inp_box_"] input {width:100%;}
[class^="inp_box_"][class*="_s1"] {min-width:200px;width:200px;}
[class^="inp_box_"][class*="_s2"] {min-width:250px;}
[class^="inp_box_"][class*="_s3"] {min-width:100%}
[class^="inp_box_"][class*="_tbl"] {width:100%;display: table-cell;}
.input_del {display:none;position:absolute;top:1px;right: 1px; width:37px;height:38px;border-radius:0 5px 5px 0;background-color:#ffffff;}
.input_del img {vertical-align: middle;position: relative;top: -2px;}

/*국적 입력 박스 */
.entry_box:after  {content:'';display:block;clear:both;}
.enter_box {padding:19px 14px;box-sizing: border-box;width:137px;border:1px solid #ddd;border-radius: 5px;margin-right:18px;}
.enter_box .e_tit {font-weight: 700;margin-bottom:6px;}
.pm_box {margin-top:5px;}
.entry_box .fl {position:relative;max-width:173px;padding:19px 14px;box-sizing: border-box;min-height:230px;}

/*pagenation*/
.paginate {display:inline-block;font-size:0;vertical-align: middle;width: 100%;text-align: center;margin-top: 40px;}
.paginate a {display:inline-block;width:40px;height:40px;line-height: 39px;border-radius: 5px;font-size: 14px;margin:0 2px;box-sizing: border-box;text-align: center;border: 1px solid transparent;transition: all 0.3s;}
.paginate a.prev02,.paginate a.prev,.paginate a.next,.paginate a.next02 {text-indent: -9999px;border:1px solid #bbb;background: #fff;background-repeat: no-repeat;background-position: center;}
.paginate a.prev02 {background-image:url(../images/content/ico_prev.png);} 
.paginate a.prev {background-image: url(../images/content/ico_prev02.png);margin-right: 14px;}
.paginate a.next {background-image: url(../images/content/ico_next02.png);margin-left: 14px;}
.paginate a.next02 {background-image: url(../images/content/ico_next.png);}
.paginate .current {display:inline-block;min-width:83px;height:40px;padding:0 15px;margin:0 3px;box-sizing:border-box;color: #fff;background:#f39800;border-color:#f39800;font-size: 16px;text-indent: 0;line-height: 39px;text-align: center;border-radius: 5px;}
.paginate a.on {background: #333;color: #fff;}
.paginate a:hover, .paginate a:focus {border-color: #222;}

/*tab*/
.tab_box {margin-top:45px;margin-bottom:30px;}
.tab_box:after {content:'';display:block;clear:both;}

.tab {width: 100%;height: 40px;font-size: 0;box-sizing: border-box;margin-left: 1px;position: relative;margin-bottom: 30px;}
.tab:after {display: block;content: '';width: 100%;height: 1px;background: #222;position: absolute;bottom: 0;left: 0;}
.tab li {display: inline-block;width: 12.5%;height: 39px;line-height: 39px;text-align: center;}
.tab li a {display: block;border: 1px solid #bbb;border-bottom: 0;border-radius: 5px 5px 0 0;background: #e6e6e6;color: #666;margin-left: -1px;font-size: 14px;}
.tab li.on a,.tab li a:focus {border-color: #222;background-color: #f1f1f1;color: #222;font-weight: bold;position: relative;z-index: 1;}

.tip_txt {margin-bottom:30px;height:40px;background:#f7f7f7;border-radius: 5px;padding:9px 20px;box-sizing: border-box;font-size: 14px;}
.tip_txt em {display:inline-block;width:32px;height:18px;background:#d30000;border-radius: 3px;text-align: center;font-size: 13px;color: #fff;line-height: 17px;margin-right:17px}


/*기본사항 이미지 슬라이더*/
.img_slider {padding:10px 9px 20px;max-width:250px;height:337px;border:1px solid #ddd;border-radius: 5px;box-sizing: border-box;}
.img_slider .title_img {width:100%;}
.img_slider .title_img li {width:225px;height:200px;background:#ddd;border-radius: 5px;}
.img_slider .thum_img {position:relative;margin:10px 0 0;display:block;padding:0 35px;box-sizing: border-box;}
.img_slider .thum_img:after {content:'';display:block;clear:both;}
.img_slider .thum_img li {float:left;width:50px;height:45px;background:#ddd;margin:0 3px;border-radius: 5px;}
.img_slider .thum_img img {height:45px;}
.img_slider .thum_img .slick-arrow {position:absolute;left:0;top:50%;transform: translateY(-50%);text-indent:-9999px;    width: 25px;height: 45px;border: 1px solid #bbb;border-radius: 5px;} 
.img_slider .thum_img .slick-prev:after {content:'';display:block;width:9px;height:26px;position:absolute;top:50%;margin-top:-13px;background:url(../images/content/ico_left.png) center no-repeat;background-size:6px 10px;left:0;left: 50%;margin-left: -3px;}
.img_slider .thum_img .slick-next {left:auto;right:0;}
.img_slider .thum_img .slick-next:after {content:'';display:block;width:9px;height:26px;position:absolute;top:50%;margin-top:-13px;background:url(../images/content/ico_right.png)  center no-repeat;background-size:6px 10px;right:0;left: 50%;
  margin-left: -3px;}
.img_slider  .btn_area {margin:20px 0 0;}
.img_slider img {width:100%;height:200px;}


/*이미지 관리 리스트*/
.img_list {max-width:1600px;}
.img_list ul {margin:0 -8px;}
.img_list ul:after {content:'';display: block;clear:both;}
.img_list ul li {float:left;width:calc( 25% - 16px );margin:0 8px 20px;border:1px solid #e5e5e5;box-sizing: border-box;border-radius: 5px;transition:all 0.4s;}
.img_list ul li:hover {border-color:#222}
.img_list .top_area {padding:14px 8px 0;box-sizing: border-box;}
.img_list .top_area:after {content:'';display:block;clear:both;}
.img_list .top_area label {text-indent: -9999px;}
.img_list .top_area .btn_small {padding:0 5px;}
.img_list .top_area .fr {font-size:0;}
.img_list .img_area {margin-top:16px;padding:0 8px;box-sizing: border-box;}
.img_list .img_area a {display: block;height:350px;}
.img_list .img_area img {width:100%;height:100%;background:#ddd;border-radius: 5px;}
.img_list .img_area img:focus {outline-width: 1px;}
.img_list .img_area p {margin-top:11px;font-size: 14px;color: #999;text-align: center;}
.img_list .bottom_area {margin-top:10px;text-align: center;border-top:1px solid #e1e1e1;padding:8px 0;box-sizing: border-box;}
.img_list .bottom_area label {color: #222;padding-left:29px;}

/*modal*/
.modal {display:none;position:relative;width:auto;}
.modal.on {z-index: 3000;margin: auto;position: absolute;left: 50%;transform: translateX(-50%);top: 50%;opacity: 1 !important;visibility: visible !important;}
.modal_wrap {position:relative;border-radius:10px;overflow:hidden;border:1px solid #222;}
.modal_header {position:relative;min-height:40px;height:55px;padding:15px 13px 15px 20px;background:#333;box-sizing:border-box;}
.modal_header h2 {color:#fff;font-size:16px;font-weight:700;text-align:left;margin-bottom:0;}
.modal_body {position:relative;padding:20px;background:#fff;box-sizing:border-box;text-align:left;}
.modal_body.scroll {padding-right:0;}
.modal .paginate {margin-top: 20px;}

/* pop_cont */
.pop_cont {position:relative;box-sizing: border-box;}
.pop_cont .w_box .btn_b3.fr {margin:0;margin-left:5px;}
.pop_cont.scroll {overflow-y: auto;overflow-x: hidden;}
.pop_cont h3 {margin-bottom:7px;font-size: 16px;}
.pop_cont .text_box {padding-top:10px;}
.pop_cont .text_box p {margin:16px 0 10px;font-size: 16px;font-weight: 700;}
.pop_cont .down_box:after {content:'';display:block;clear:both;}
.pop_cont .down_box {height:64px;padding:12px 20px;box-sizing: border-box;background:#f7f7f7;border-radius: 10px;margin-top:20px;}
.pop_cont .down_box p {font-size: 14px;line-height:20px;color:#222;}
.pop_cont .down_box .btn_s2.a2 {margin:5px 0;padding:0 15px;background-position-x: 15px;background-color:#fff;}
.pop_cont .check_list {display:flex;position:relative;margin:0 -20px;}
.pop_cont .check_list:after {content:'';display:block;position:absolute;bottom:-1px;right:0;width:100%;height:1px;background:#d9d9d9;z-index: 2;}
.pop_cont .check_list > div {position:relative;float:left;width:160px;margin:0 20px;padding-bottom:14px;padding-top:14px;}
.pop_cont .check_list:first-child > div {padding-top:0;}
.pop_cont .check_listBox {overflow: hidden;border:1px solid #bbb;border-radius: 10px;margin-top:20px;}
.pop_cont .check_listBox .check_list {width:100%;height:200px;;margin:0px auto 0;overflow-y: auto;overflow-x: hidden;}
.pop_cont .check_listBox .check_list > div {margin:0 10px;}
.pop_cont .check_listBox .check_list:after {display: none;}
.pop_cont .check_listBox .check_list ul {padding:14px 0;}
.pop_cont .check_c input[type="checkbox"] + label::before {left:1px;}
.pop_cont .right_box {float:right;margin-left:17px;}
.pop_cont .right_box ul {width:240px;height:205px;border:1px solid #bbb;border-radius: 10px;padding:13px;box-sizing: border-box;overflow-y: auto;}
.pop_cont .right_box ul li {font-size: 16px;line-height: 26px;color: #222;}
.pop_cont .right_box  .btn_s3 {margin:0;}
.pop_cont .right_box  .btn_s3:last-child {margin-left:10px;}
.pop_cont .w_box .notice_txt {display:table-cell;vertical-align: middle;font-weight: bold;padding-right:98px;}
.pop_cont .w_box #selectWord {font-family: 'Noto Sans TC', 'New Gulim', sans-serif,Apple Gothic,arial,helvetica,sans-serif;}
.pop_cont .waring_txt {margin-bottom:20px;width:100%;height:40px;font-size: 14px;color: #d30000;background:#feebeb;padding:10px 13px;box-sizing: border-box;border-radius: 5px;}
.pop_cont .table {width:100%;letter-spacing: -0.8px;}
.pop_cont .table th {padding: 10px 18px;position: relative;}
.pop_cont .table td {padding:10px 18px;box-sizing: border-box;border-right:0;height: 40px;}
.pop_cont .table td .inp_box_s3 {margin-left:0;}
.pop_cont .table .w_box select:first-child {margin-left:0;}
.pop_cont .text_box .tab_anchor ul:after {content:'';display:block;clear:both;}
.pop_cont .text_box .tab_anchor ul {border-top:1px solid #bbb;}
.pop_cont .text_box .tab_anchor ul li {float:left;width:12.5%;height:40px;line-height:39px;text-align: center;border:1px solid #bbb;box-sizing: border-box;border-collapse: collapse;border-width: 0 1px 1px 0}
.pop_cont .text_box .tab_anchor ul li.bleft {border-left:1px solid #bbb;}


.pop_cont .relictype_con {width: 100%; display: flex; padding-top: 20px;}
.pop_cont .relictype_con .relictype_table_scroll {width:40%; overflow-y: auto; height: 400px;}
.pop_cont .relictype_con .table.table02 {width:100%; letter-spacing: -0.8px; margin-left: 0; margin-right: 0;}
.pop_cont .relictype_con .table.table02 th {width:50%; padding: 6px 10px;position: relative; border-top: 1px solid #000;}
.pop_cont .relictype_con .table.table02 td {padding:6px 10px;box-sizing: border-box;border-right:0;height: 40px;}
.pop_cont .relictype_con .relictype_info {width: 60%; margin-left: 20px; padding: 10px; border: 1px solid #e7e7e7; background-color: #f7f7f7; }
.red_txt {color: red;}

.pop_cont .text_box .tab_anchor ul li a {display: block;font-family: 'Noto Sans TC', 'New Gulim', sans-serif;}
.pop_cont .text_box .tab_con ul:after {content:'';display:block;clear:both;}
.pop_cont .text_box .tab_con ul li {float:left;width:35px;text-align: center;}
.pop_cont .text_box .tab_con ul li a {display: block;padding:7px;font-family: 'Noto Sans TC', 'New Gulim', sans-serif;}

.tab_content {display: none;}
.tab_content.on {display: block;}
.pop_cont .text_box .tab_con ul li.big_txt {position:relative;width:70px;height:70px;font-size: 50px;font-family: 'Noto Sans TC', 'New Gulim', sans-serif;}

/* image popup */
.imgPop .modal_header {background-color: #fff;}
.imgPop .pop_close {background-image: url(../images/content/ico_close04.png);}
.imgPop .modal_body {padding: 0 30px 20px;}

/* popup textarea */
.textarea2 {padding: 0;}

/* btn_pop_close */
.pop_close,  .pop_close02 {position:absolute;right:10px;top:0;width:55px;height:55px;text-indent:-9999px;overflow:hidden;transition:none;z-index:11;background:url(../images/content/ico_close.png) center no-repeat;background-size:15px;}
.pop_close:focus, .book_pop_close:focus {border:2px solid #000;background:transparent;background:url(../images/content/ico_close.png) center no-repeat;background-size:15px;width:55px;height:55px;box-sizing: border-box;}

/* FileUpload */
.file_name {line-height: 28px;}
.filebox {position:relative;width:100%;}
.filebox .filename {float:left;display:block;width:237px; border-radius: 15px;}
.filebox .btn_file {float:left;margin:0;padding:0;height:55px;line-height:55px;font-size:14px;color:#ffffff;text-align:center;background:#333333;cursor:pointer;border:1px solid #222222;border-radius:10px;}
.filebox .btn_file:hover, .filebox .btn_file:focus {background-color:#000000;}
.filebox .btn_file span {display:inline-block; height:55px; line-height:55px; width:125px; /*background:url(../images/content/ico_up_white.png) no-repeat 0 50%;*/vertical-align:top;}
.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.filebox .btn_file a {display:inline-block; width:125px; /*background:url(../images/content/ico_up_white.png) no-repeat 0 50%;*/ height:55px;vertical-align:top; line-height:55px;}
.protile_box .filebox .filename {margin-right: 10px;}
.protile_box .filebox .btn_file {box-sizing: border-box; height: auto; border:0;line-height: 0;}
.protile_box .filebox .btn_file a{display:inline-block; width:125px;  height:55px;vertical-align:top; line-height:55px;vertical-align: bottom;color:#fff; box-sizing: border-box; color:#fff;}
.protile_box .filebox .btn_file a:hover,
.protile_box .filebox .btn_file a:focus,
.protile_box .filebox .btn_file a:active { border-color:#009f83; outline: 3px dashed #f00;background-color:#009f83; text-decoration: underline;border-radius:10px; overflow: hidden; }


.protile_box .filename. btn_file:hover,
.protile_box .filename .btn_file:focus,
.protile_box .filename .btn_file:active {outline: 3px dashed #f00; }
.protile_box #imgViewArea {text-align:center;}
.protile_box input[readonly] {
  background: var(--bs-back-400)
}

.filebox:after{clear: both; content: ""; display: block;}

/* margin */
.mb30 {margin-bottom: 30px;}
.mb48 {margin-bottom: 48px;}
.mt10 {margin-top: 10px;}

/* width */
.w90 {width: 90px !important;}
.w100 {width: 100% !important;}
.w200 {width: 200px !important;}
.w300 {width: 300px !important;}
.w720 {width: 720px !important;}
.w510 {width: 510px !important;}


/* etc */
.t_left {text-align: left !important;}
.center {text-align: center !important;}

.effect {border: 1px solid #eaeaea;background-color: #f7f7f7;padding: 10px;}