@charset "UTF-8";
 

@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,300");
@import url("https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css");

/*
font-family: 'NanumSquareLight';
font-family: 'NanumSquare';
font-family: 'NanumSquareBold';
font-family: 'NanumSquareExtraBold';
*/
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 100;
	src: url('../font/NotoSans-Thin.eot');
	src: url('../font/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
		 url('../font/NotoSans-Thin.woff2') format('woff2'),
		 url('../font/NotoSans-Thin.woff') format('woff');
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 200;
	src: url('../font/notokr-light.eot');
	src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-light.woff2') format('woff2'),
		 url('../font/notokr-light.woff') format('woff');
}
 
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 300;
	src: url('../font/notokr-regular.eot');
	src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-regular.woff2') format('woff2'),
		 url('../font/notokr-regular.woff') format('woff');
}
 
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 500;
	src: url('../font/notokr-medium.eot');
	src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-medium.woff2') format('woff2'),
		 url('../font/notokr-medium.woff') format('woff');
}
 
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 700;
	src: url('../font/notokr-bold.eot');
	src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/notokr-bold.woff2') format('woff2'),
		 url('../font/notokr-bold.woff') format('woff');
}



/* common */

html,body{width:100%;height:100%;margin: 0; padding: 0;}
body, ul, ol, li, dl, dt, dd, form, table, th, td, fieldset, input, textarea, select, button, h1, h2, h3, h4, h5, h6, pre, form, legend { margin: 0; padding: 0;  font-family:'NotoSans', 'NanumSquare', 'Roboto', '맑은 고딕', 'Malgun Gothic', Dotum, Arial, sans-serif;vertical-align: middle; }
ul, ol { list-style: none outside none;}
li { list-style: none;}
/*legend { *width:0}*/
/* 위에 구분은 IE6/7 이다. */
legend { 
  width: 0;
}
table { border-collapse: collapse; border-spacing:0;}
textarea {font-family:'NotoSans', 'NanumSquare', 'Roboto', '맑은 고딕', 'Malgun Gothic', Dotum, Arial, sans-serif;vertical-align: middle;}
label { display: inline-block; cursor:pointer;}
/*select { border: 1px solid #e1e1e1; height: 30px; line-height: 30px; width: 140px; font-size: 12px; color: #333; text-indent: 5px;}*/
input, select, button, label { vertical-align: middle; outline-width: 0;}

button { border:none 0; background:none; cursor:pointer;}
a { text-decoration: none; display: inline-block;}
a img { border: none;}
img {vertical-align:top; font-size: 1px;vertical-align: middle; border: 0; }
caption { overflow: hidden; visibility: hidden; height: 0; font-size: 0;}
legend { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden;}

.clear { clear: both;}
.hide { display: none !important; /*visibility: hidden; height: 0; line-height: 0; font-size: 1px; */}
.png24 {tmp:expression(setPng24(this));}
.radio {width: 15px !important; height: 15px !important;}
.ir  { display: block; text-indent: -99999px; overflow: hidden; z-index: -1; font-size: 1px; height:1; width: 1; line-height: 0;}
.ellipsis {overflow:hidden;word-break:break-all; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
*, *::before, *::after { box-sizing: border-box;}

input::placeholder { color: #999;}
input.custom-search::placeholder { color: #fff;}
.login_area input::placeholder { color: #999;}
input.sel_in::placeholder { color: #7e8eb5;}
.main_search_area input::placeholder { color: #b6d5ff !important;}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d5e6ee;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #d5e6ee;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #d5e6ee;
}
:-moz-placeholder { /* Firefox 18- */
  color: #d5e6ee;
}



/* 스크롤 투명 
.menu_list, .autocomplete, .top_quick_menu, .notice {-ms-overflow-style: none;}
.menu_list::-webkit-scrollbar {display:none;}
*/ 


/* input */
.seacrh_area { display: inline-block;float: left;}
.seacrh_area .sel_item { min-height: 43px; height: auto;line-height: 43px;font-size: 15px; color: #444;  position: relative; box-shadow:0;border-left:0; }
.seacrh_area .sel_item input, .seacrh_area .sel_item select, .seacrh_area .sel_item p, .seacrh_area .radio_top p, item_check label { 
 font-size: 14px; height: 42px; line-height: 42px; margin:0; border: 1px solid #dadee6; border-right: 0; color: #444; font-family:'NotoSans'; text-align:left;
}
.seacrh_area .item_date input { text-indent: 13px; width: 120px;}

.sel_item p { float: right; margin-right: 14px;padding-right: 21px; text-align: right; float: left;}
.sel_item span {font-size: 14px; color: #111; font-family: "NanumSquare"; font-weight: 600; margin: 0; text-align: right; background: #f1f6fc;}
.sel_item input { float: left;text-indent: 12px; height: 30px; line-height: 30px; width: 100%;}
.sel_item label { float:left;}
.sel_item label.on { color:#499aef;}
.btn_search { display: inline-block; width: 60px; height: 42px; line-height: 42px; color: #fff; background-color: #667da3;text-align: center; font-size: 16px; font-family:'NotoSans'; float: left;}

.item_select, .regi_text, .item_text, .item_textarea, .item_date, .item_search, .radio_top, .item_radio, .item_check  {position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
 }
.item_select select {background: #fff url(../images/bg_sel.png) no-repeat right 12px center; background-size: 23px 22px; float: right; 
 position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
  font-size: 15px; color: #000; font-family: "NanumSquare"; margin: 0; text-align: right;padding-left: 10px;
}

.item_text input, .item_text p {
 position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
  font-size: 15px; color: #000; font-family: "NanumSquare"; margin: 0; text-align: left; padding-left: 10px;}


.check_area {
	background:#fff; border: 1px solid #e1e1e1; border-left: 0;
 position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
  font-size: 14px; color: #000; font-family: "NotoSans"; margin: 0; text-align: left; padding-left: 10px; height: 42px;}
.check_area label {font-size: 13px; color: #333; margin-right:15px; margin-left:5px;}
.check_area input { height: 40px !important; line-height: 40px !important;}

.cs_btns_right .check_area {  height: 30px; line-height: 30px; min-height: 30px !important; border-right:0;}
.cs_btns_right .check_area input { height: 30px !important; line-height: 30px !important;}
.item_date input {background: url(../images/icon_date.png) no-repeat right 11px center; background-size: 14px 14px; float: right; border: 1px solid #e1e1e1;
 position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
  font-size: 15px; color: #000; margin: 0; text-align: right;  padding-right: 32px; text-align: left; font-family:'Roboto' !important; letter-spacing:0 !important; font-weight: 400 !important; line-height:30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
 
}
.radio_top p, .item_radio p {position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
  font-size: 15px; color: #000; font-family: "NanumSquare"; margin: 0; text-align: right;height: 20px;
}
.radio_top p label { margin-left: 5px;}
.radio_top p .radio_btn {margin-left: 15px !important;}
  
.item_select select option { text-align: left;}

.item_select select[multiple], .item_select select[size]:not([size="1"]) {
  height: auto;
  padding-right: 5px;
  background-image: none;
}

.item_select select::-ms-expand {
  opacity: 0;
}

.input-group-text {  font-size: 13px; color: #000;}
.item_select select { float: right;
-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;}

.seacrh_area .sel_item b { font-size: 14px; font-family:'NanumSquare'; color: #888; text-align: left; margin-right: 0; margin-left: 0; text-align: left; float: left; margin-bottom: 1px; border: 1px solid #e1e1e1; border-right: 0; background: #fff; height: 42px; line-height: 42px; border-right:0; position: relative; font-weight:300; padding-right:15px; padding-left: 10px;  display: flex;}


.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  float: left;
text-align: right;
}
.input-group-prepend,
.input-group-append {
  display: -ms-flexbox;
  display: flex;
}
.search_pop_go {background:#fff url(../images/icon_search.png) no-repeat right 12px center; background-size: 14px 14px; min-width: 14px; display: inline-block; height: 20px;  float: right; padding-right: 14px; text-indent: -9999px; overflow: hidden; padding-left: 24px; width: 37px; height: 42px; line-height: 42px; display: inline-block; border:1px solid #e1e1e1; border-left:0; }
.cs_coltrol { float: left !important;}
.cs_coltrol li { float: left; margin-right: 5px; margin-top:5px; height: 43px; line-height:43px;}
.cs_coltrol li:last-child { margin-right: 0 !important;}
.cs_coltrol li.item_date input { border-right: 1px solid #e1e1e1; background-color:#fff;}
.cs_coltrol li:last-child { border-right: none !important; }
.cs_coltrol li.ml0 input { border-left: 0 !important; }
.cs_coltrol .sel_item b { background-color: #fff; color: #2984d2; font-family: "NotoSans"; font-weight: 600; padding-right: 10px !important; font-size: 13.5px; font-weight: normal;}

/* erp 스타일 input */
.con_box { width:100%; display: inline-block; position: relative; margin-bottom: 20px;}
.con_box .seacrh_area { width: 100%;}
.con_box .seacrh_area li:first-child { margin-top:0;}
.con_box .seacrh_area .item_btn { line-height: 44px; height: 43px; display: inline-block; float: left;}
.con_box .seacrh_area .sel_item { background: #fff; height: auto; width: 100%; font-size: 15px; color: #606273; position: relative; margin-bottom: 7px; box-shadow:0;border-left:0; }
.con_box .seacrh_area .sel_item input, .con_box .seacrh_area .sel_item select, .con_box .seacrh_area .sel_item p, .con_box .seacrh_area .radio_top p { 
background-color: #fff; font-size: 14px; height: 42px; line-height: 42px; border: 1px solid #e1e1e1; border-left: 0; text-align: right; padding-right: 14px; letter-spacing: -0.025em;
}

.con_box .seacrh_area .sel_item b { font-size: 15px; font-family:'NotoSans'; font-weight:300; color: #888; text-align: left; margin-right: 0; margin-left: 0; text-align: left; float: left; margin-bottom: 1px; border: 1px solid #e1e1e1;background: #fff; height: 42px; line-height: 42px; border-right:0; position: relative; padding-right:15px; padding-left: 10px;  display: flex; letter-spacing: -0.025em;}
.con_box .seacrh_area .sel_item b i { font-size: 17px; color: #f00; position: absolute; right: 0px; top: 3px; font-style:normal;}

.con_box .seacrh_area .item_search input { border-right: 0; border-radius: 0; text-align: right;}
.con_box .seacrh_area input, .con_box .seacrh_area select {font-family:'NotoSans'; font-weight: 400; }
.con_box .seacrh_area select {text-align: right !important; padding-right:36px !important;}
.con_box .seacrh_area select option {text-align: left !important;}

.cs_con .con_box li.sel_item, .cs_con .con_box li.item_btn { float: left; margin-right: 3px; margin-bottom: 3px;}
.comment_send { width: 100% !important; font-size: 14px;font-family:'NotoSans'; font-weight:300; color: #3273bd; display: inline-block; margin-top: 20px;}
.comment_send strong { color:#667da3; font-size: 14px; margin-right: 10px;}
.comment_send strong::after { content: ""; width:1px; height: 12px; background-color: #e0e0e0; margin-left: 10px; display: inline-block;}

@media only screen and (max-width:599px){
.cs_con .con_box li.sel_item { width: 100% !important;}
.right_btn { float: right !important;}
}

/* 웹토스트 알람 */
#com_snackbar {
    visibility: hidden;
    width: 290px;
    margin-left: -145px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1999;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
  font-family: "NotoSansR";
}

#com_snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}




/*   ---------- head --------   */
/*
.gnb_menu { display: inline-block; margin: 0 auto; text-align: left; margin-top: 37px; } 
.gnb_menu li { float: left; margin-right: 34px; transition: all .5s; padding-bottom: 10px; position: relative;}
*/

.head { text-align: center; height: 90px; background: #fff; position: fixed; width: 100%; z-index: 60;box-shadow:0px 8px 8px rgba(0, 0, 0, 0.05);}
.head.scsc { z-index: 100;}
.head .head_wrap {position: relative;margin: 0 auto;height: 90px;}

.head .logo {height:31px; width: 160px; background: url(../images/logo.svg) no-repeat left center; background-size: contain; position: absolute; top: 30px; left: 20px; text-indent: -9999px; overflow: hidden;transition: all .5s;}

.gnb_menu {padding-top: 35px !important; display: flex; width: calc(100% - 500px); margin: auto 250px; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-around; align-items: center; }
.gnb_menu li:last-child { margin-right: 0 !important;}
.gnb_menu li > a {color: #000;font-size: 19px;padding-left:24px;background-size: 19px 19px;font-family: "NotoSans";font-weight: 500;letter-spacing: -0.015em;transition: all .5s;line-height: 17px;padding-bottom: 37px;}
.gnb_menu li a .new { position: relative; top: 2px; background-size: 15px 15px; width:15px; height: 15px;}


/*
.gnb_menu li ul { display: inline-block; display: none; }

.gnb_menu li:hover ul {display: inline-block; text-align: left; width: 200px; position: absolute; top: 34px; left: 0; border: 1px solid #e1e1e1; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.1); background: #fff; padding: 10px 0 !important; z-index: 60; }

.gnb_menu li ul li { width: 100%; padding-bottom: 0;}
.gnb_menu li ul li:last-child { border-bottom: 0 !important;}

.gnb_menu li ul li a { display: inline-block; height: 44px; color: #333; font-size: 18px; padding-left: 42px; background-size: 21px 21px; font-family:"NotoSans"; font-weight: 200; text-shadow:0px 0px 0.65px rgba(0, 0, 0, 1); letter-spacing: -0.015em; transition: all .5s; line-height: 44px;width: 100%; }
*/
/* 메뉴 효과 */
.gnb_menu li { position: relative;}
.gnb_menu li a::after { opacity: 0; position:absolute;bottom: 0; height: 4px; content:" "; background-color:#3273bd; width: 0; left: 50%; right: 50%;-webkit-transition-delay: 0.03s; transition-delay: 0.03s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.gnb_menu li a:hover::after { opacity: 1; height: 4px; width: 100%; left: 0; right:0;}

/* 
.gnb_menu li.on a::after  { opacity: 1; height: 4px; width: 100%; left: 0; right:0;}
.gnb_menu li.on ul li a::after { display: none;} 

.gnb_menu li ul li a::after { opacity: 0; left: 0; width: 4px; height: 100%; content:" ";background-color:#3273bd;width: 0px; height: 48px; -webkit-transition-delay: 0.0s; transition-delay: 0.0s;transition: 0.2s ease; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease;}
.gnb_menu li ul li a:hover::after { opacity: 1; left: 0; width: 5px; height: 48px; background-color: #3273bd;}
*/

/* 드롭메뉴 */
.gnb_menu li .bg_2dth a:hover::after { display: none;}
.gnb_menu li .ul_2dth li:nth-child(4).li_2dth { padding-bottom: 130px;}
@media only screen and (max-width:1228px){
.gnb_menu li .ul_2dth li:nth-child(4).li_2dth { padding-bottom: 100px;}
}

.bg_2dth { display: none; background: #fff; position: absolute; top: 55px; border:1px solid #e1e1e1; left:-45px;}
.ul_2dth { float: left; display: inline-block; box-sizing: content-box;}
.li_2dth { width: 200px; margin-top: 30px; margin-bottom: 30px;}
.ul_2dth .a_2dth {margin-top: 30px;width: 100%;padding-left:40px;text-align: left;font-size: 17.4px !important;font-family: "NotoSans";width: 100%;font-weight: 600;cursor: default;margin-top:0;}
.ul_3dth { display: inline-block !important; width: 200px; text-align: left;}
.ul_3dth li { padding-left: 40px; position: relative;}
.ul_3dth li a {display: inline-block;padding-left:0;font-size: 15px !important;font-family: "NotoSans";font-weight: 300;color: #666;padding-bottom:0;margin-bottom: 15px;}
.ul_3dth li a:hover { color: #1e76d4; font-weight: 400;}
.ul_3dth li::after { content:""; display: inline-block; opacity:0; background: url(../images/icon_left.gif) no-repeat right center; margin-left:0; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;transition: 0.2s ease; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease;}
.ul_3dth li:hover::after { display: inline-block; content: ""; opacity:1;width: 11px; height: 11px; background: url(../images/icon_left.gif) no-repeat right center; margin-left:3px;}
.ul_3dth li:last-child a { margin-bottom:0;}
.li_2dth { float: left;}


li.drop_board .bg_2dth { width: 100%; left:0; top:90px; position: fixed; background:#fff;}
.wrap_bg_2dth {display: inline-block;background: #fff;}
li.drop_board .ul_2dth {/*column-width:150px; column-gap:0;*/display: flex;flex-direction: column;flex-wrap: wrap;max-height: 400px;align-content: center;}
li.drop_board .li_2dth { float: left;}
li.drop_board .li_2dth, li.drop_board .ul_3dth  { width: 150px;}
li.drop_board .ul_2dth .li_2dth .ul_3dth li, .li_2dth .a_2dth { padding-left: 20px;}
li.drop_board .ul_3dth li:hover::after { display: none;}
li.drop_board .ul_3dth li a {background: transparent; background-position: right center; padding-right: 13px; -webkit-transition-delay: 0.2s; transition-delay: 0.2s;transition: 0.2s ease; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease;}
li.drop_board .ul_3dth li a:hover {background: url(../images/icon_left.gif) no-repeat right center; padding-right: 14px; font-weight: 300 !important;}

li.drop_system .bg_2dth { width: 720px; left: auto; right: -150px;}
li.drop_system .bg_2dth .ul_2dth, 
li.drop_system .bg_2dth .ul_2dth .li_2dth, 
li.drop_system .ul_3dth { width: 720px; display: flex !important; flex-direction: column; flex-wrap: wrap; height: 440px; padding-bottom:15px; align-content: flex-start;}
li.drop_system .ul_3dth li { float: left; width: 240px; border-right: 1px solid #e9e9e9;}

/*
li.drop_system .ul_3dth li a:hover { background: url(../images/icon_left.gif) no-repeat right center; padding-right: 20px;}
li.drop_system .ul_3dth li a::after { display: none !important;}
li.drop_system .ul_3dth li a:hover::after { display: none !important;}
li.drop_system .ul_3dth li a::before { content:""; display: inline-block; height: 12px; width: 12px; background: url(../images/go_link.gif) no-repeat center center; position: relative; top: 1px; margin-right:5px;}
*/
li.drop_board:hover .bg_2dth { display: inline-block !important;}
li.drop_drive:hover .bg_2dth { display: inline-block !important;}
li.drop_system:hover .bg_2dth { display: inline-block !important;}
li.drop_conf:hover .bg_2dth { display: inline-block !important;}

li.drop_drive .bg_2dth, li.drop_conf .bg_2dth { width: 200px;}
li.drop_drive .bg_2dth .ul_3dth li a, li.drop_conf .bg_2dth .ul_3dth li a {padding-left: 20px;}
li.drop_drive .ul_2dth .a_2dth, li.drop_drive .ul_3dth li,
li.drop_system .ul_2dth .a_2dth, li.drop_system .ul_3dth li,
li.drop_conf .ul_2dth .a_2dth, li.drop_conf .ul_3dth li { padding-left: 22px;}
.li.drop_system .bg_2dth {}

.sr_box { z-index: 60;}
.sr_wrap { z-index: 60;}
.gnb_menu li ul { z-index: 60;}



.gmail { background: url(../images/icon_gmail.svg) no-repeat left top;}
.drive { background: url(../images/icon_drive.svg) no-repeat left top;}
.calendar { background: url(../images/icon_calendar.svg) no-repeat left top;}
.chat { background: url(../images/icon_chat.svg) no-repeat left top;}
.conf { background: url(../images/icon_conf.svg) no-repeat left top;}
.board { background: url(../images/icon_board.svg) no-repeat left top;}
.address { background: url(../images/icon_address.svg) no-repeat left top;}
.guide { background: url(../images/icon_guide.svg) no-repeat left top;}
.help { background: url(../images/icon_helpdesk.svg) no-repeat left top;}
.system { background: url(../images/icon_system.svg) no-repeat left top;}


.docs {background: url(../images/icon_docs.svg) no-repeat left center;}
.sheets {background: url(../images/icon_sheets.svg) no-repeat left center;}
.ppt {background: url(../images/icon_ppt.svg) no-repeat left center;}
.noti_group {background: url(../images/icon_noti.svg) no-repeat left center;}
.noti_hr {background: url(../images/icon_noti.svg) no-repeat left center;}
.noti_rm {background: url(../images/icon_noti.svg) no-repeat left center;}
.conf_li {background: url(../images/icon_conf2.png) no-repeat left center; background-size: 18px 20px !important; line-height: 20px !important; padding-left: 24px !important;}
.conf_li2 {background: url(../images/icon_conf3.png) no-repeat left center; background-size: 18px 20px !important; line-height: 20px !important; padding-left: 24px !important;}
.icon_drive_share {background: url(../images/icon_drive_share.png) no-repeat left center; background-size: 18px 20px !important; line-height: 20px !important; padding-left: 24px !important;}
.icon_drive_my {background: url(../images/icon_drive_my.png) no-repeat left center; background-size: 18px 20px !important; line-height: 20px !important; padding-left: 24px !important;}


.gnb_right { position: fixed; right: 10px; top: 30px;}
.gnb_right div {}
.main_search {background: url(../images/icon_search.svg) no-repeat left center; text-indent: -9999px; overflow: hidden; display: inline-block; width: 22px; height: 22px; background-size: 22px 22px;}
.jira_help { display: inline-block; }
.icon_ogn { background:url(../images/icon_ogn.png) no-repeat center left; background-size: 22px; padding-left: 26px; height:34px; line-height: 34px; display:inline-block; margin-left:10px; font-size: 14px; color: #333; font-family:"NotoSans"; cursor:pointer; font-size: 14px;}
.admin_pop_btn { display: inline-block; padding: 0 13px; height:28px; line-height: 28px; font-size: 13px; color: #fff; font-weight: 400; font-family:'Roboto'; text-align: center; background:#182f5c; border-radius: 50px; position: absolute; right: 10px; top: -26px;}






/* 서브이미지 */
.board_group_img { height: 270px; background: #f9f5f5 url(../images/group_img.gif) no-repeat center -20px; margin: 0 auto; background-attachment: fixed;box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.07) inset; margin-top:90px; width: 100%; float: left; display:none;}

/* nav */
.nav { height: 53px; line-height: 53px; background: #464f74/*27344f*/; text-align: center; width:100%; display: inline-block; float: left; margin-top: 90px;}
.nav .nav_inner { max-width:1190px; width: 100%; margin: 0 auto; text-align: left; display: inline-block; /* height: 53px */}
.nav .nav_inner li { float: left; position: relative;}
.nav .nav_inner li .home { width:53px; height: 53px; background: url(../images/home.svg) no-repeat center center; background-size: 22px 22px; text-indent: -9999px; overflow: hidden;border-left: 1px solid #3c4862;border-right: 1px solid #3c4862; opacity: 0.6;transition: all .5s;}
.nav .nav_inner li a:hover.home { opacity: 1;} 
.nav .nav_inner li a.depth1 { float: left; color: #f3f5f8; font-size: 17px; padding: 0 30px; width: 250px;  border-right: 1px solid #3c4862;font-family: 'NanumSquare'; }
.nav .nav_inner li a.depth1::after { content: ''; opacity: 0.6; width:22px; height: 57px; display:inline-block; background: url(../images/nav_arrow.svg) no-repeat center center; background-size: 22px 22px; position: absolute; right: 30px; top:0;transition: all .5s;}
.nav .nav_inner li a:hover.depth1 {color: #fff;}
.nav .nav_inner li a:hover.depth1::after { opacity: 1; }
.nav .nav_inner li a:active.depth1::after { opacity: 1; transform: rotate(90deg); transition: opacity 0.1s ease, transform 0.1s ease;}
.nav .nav_inner li a.on.depth1::after, .nav .nav_inner li a.on2.depth1::after { opacity: 1; transform: rotate(90deg); transition: opacity 0.1s ease, transform 0.1s ease;}

.nav .nav_inner li ul.depth2 { display: inline-block; width: 250px; background: #fff; border: 1px solid #e6e8ec; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05); position: absolute; left:0; top: 53px; z-index:50;}
.nav .nav_inner li ul.depth2 li { width: 100%; float: left; border-bottom: 1px solid #e6e8ec; text-align: left; line-height: 50px;}
.nav .nav_inner li ul.depth2 li a {font-family: 'NanumSquare'; font-size: 16px; color: #666; text-indent: 30px; width:100%; display: inline-block; float: left;}
.nav .nav_inner li ul.depth2 li a:hover { background: #f2f4f7; color: #222; font-weight: bold;}

/* nav */
.section_left h2, .noti_left h2 { font-size: 24px; color: #000; letter-spacing: -0.025em;font-family: 'NanumSquareBold'; margin-bottom: 50px; margin-top: 17px;}
.left_menu li { position: relative;}
.left_menu li a { color: #777; font-size: 18px; line-height: 18px; margin-bottom: 22px; width: 100%; text-align: left; display: inline-block;font-family: 'NanumSquare';background: url(../images/menu_arrow.png) no-repeat left -500px bottom 13px; position: relative; cursor: pointer;}
.left_menu li.on a { /*background: url(../images/menu_arrow.png) no-repeat right bottom 13px; background-size: 65px auto;*/ color:#000; font-family: 'NanumSquareBold';}
.left_menu li a:hover {/*background: url(../images/menu_arrow.png) no-repeat right bottom 13px; background-size: 65px auto;*/font-family: 'NanumSquareBold';}
/*.left_menu li.on::after  { content: ""; display: inline-block; width: 31px; height: 31px; border-radius: 51px; background: #000; opacity:0; position: absolute; bottom: -12px; left: calc(100% - 15px); transform:translateX(178px) scale(.1); -webkit-transform:translateX(178px) scale(.1); animation:pagedownFillarc 2s linear 0s infinite; -webkit-animation:pagedownFillarc 2s linear 0s infinite;} 
.left_menu li.on a::after {content:""; display: inline-block; width: 100%; height: 1px; background:#ccc; position: absolute; right:0; bottom: 3px;}
*/

.pop_scroll {position: absolute; bottom:130px;left: 120px; width:160px;height: 160px;z-index: 40;display: inline-block;}
.down_scroll {opacity:1; visibility:visible; display:block; position:absolute; bottom:20px; width:100%; transition:all 0.5s ease-out 0s; z-index: 42; text-align: center;}
.down_scroll::before {content:''; display:block; width:1px; height:70px; background: #fff; opacity:0.7; position: absolute; left: 50%; bottom:0; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);}
.down_scroll:after{content:''; display:block; width:1px; height:70px; margin:20px auto 0; background:#fff; vertical-align:middle; z-index: 42;}
.down_scroll:after{ z-index: 42;content:''; opacity:0; display:block; position:absolute; left:50%; top: -24px; width: 50px; height:50px; margin:0 0 0 -25px; background:#fff; border-radius:100%; transform:translateY(70px) scale(.1); -webkit-transform:translateY(70px) scale(.1); animation:pagedownFillarc 1.5s linear 0s infinite; -webkit-animation:pagedownFillarc 1.5s linear 0s infinite;}
.pop_scroll u { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4); border-radius: 160px; background: #03aada; opacity: 0.6;width:160px; height: 160px; display: inline-block;}
.down_scroll i { color: #fff; font-size: 15px !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); font-style: normal; position: absolute; top: -113px; left: 50%; margin-left: -46px; font-family: 'NotoSans'; font-weight: 200; line-height: 19px;}

@media only screen and (max-width:1024px){
.pop_scroll { display: none;}

}


@keyframes pagedownFillarc{
	0%{opacity:0; -webkit-transform:translateY(-70px) scale(.1); transform:translateY(-70px) scale(.1);}
	10%{opacity:1; -webkit-transform:translateY(-70px) scale( .1 ); transform:translateY(-70px) scale( .1 );}
	50%{-webkit-transform:translateY(0) scale( .1 ); transform:translateY(0) scale( .1 );}
	55%{opacity:1; -webkit-transform:scale( .1 ); transform:scale( .1 );}
	60%{opacity:.5;}
	80%{opacity:0; -webkit-transform:scale(1); transform:scale(1);}
	100%{opacity:0; -webkit-transform:scale(1); transform:scale(1);}
}

@keyframes pagedownFillarc_back{


	0%{opacity:0; -webkit-transform:translateX(-178px) scale(.1); transform:translateX(-178px) scale(.1);}
	10%{opacity:1; -webkit-transform:translateX(-178px) scale( .1 ); transform:translateX(-178px) scale( .1 );}
	50%{-webkit-transform:translateX(0) scale( .1 ); transform:translateX(0) scale( .1 );}
	55%{opacity:1; -webkit-transform:scale( .1 ); transform:scale( .1 );}
	60%{opacity:.5;}
	80%{opacity:0; -webkit-transform:scale(1); transform:scale(1);}
	100%{opacity:0; -webkit-transform:scale(1); transform:scale(1);}
}
/* layout */
.container {margin-top: 32px; text-align: center; display: inline-block; width: 100%; }
.container_wrap { margin: 0 auto; width: 100%; max-width: 1190px; text-align: left; margin: 0 auto; display: inline-block;}
.help_wrap { width: 100%; max-width: 1700px;}
.section_left { width: 200px; padding-left:20px; float: left;}
.section_right { width: calc(100% - 200px); padding-left:61px; float: left; padding-right:10px; max-width: 939px;}
.main .section_right { max-width: 100%;}
.div_wrap { display: inline-block; width: 100%; display: inline-block;}
.divide_50 { display: inline-block; width: calc(50% - 15px); margin-right: 30px; float: left;}
.divide_72 { display: inline-block; width: calc(72% - 15px); margin-right: 30px; float: left;}
.divide_28 { display: inline-block; width: calc(28% - 15px); margin-right: 30px; float: left;}
.div_last { margin-right:0 !important; float: left;}

.wraper {display: flex; flex-direction: column; height: 100%; }
.footer { background: #e8ebf0; width: 100%; height: 50px;margin-top: auto;}
.footer p { margin:0; color: #7e8794; font-size: 13px; text-align: center; line-height: 50px;font-family:"NanumSquare"; }



/* lnb */

[data-layout="lnb"] .inr_box button,
[data-lnb="home"]{display:block; position:relative; height:4.063rem; line-height:4.063rem; border-right:1px solid rgba(255,255,255,0.1); color:#fff; font-size:1.063rem; transition:height 0.3s ease;}
[data-layout="lnb"] .inr_box button{min-width:250px; box-sizing:border-box; padding:0 3.125rem 0 1.875rem; background:transparent; font-weight:200; text-align:left;}
[data-layout="lnb"] .inr_box button span{display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
[data-layout="lnb"] .inr_box button:focus{outline:none;}
[data-layout="lnb"] .inr_box button:after{content:''; opacity:0.8; display:block; position:absolute; right:20px; top:50%; width:20px; height:20px; margin-top:-12px; background:url(../images/common/icon_arrow.png) no-repeat 50% 50%; background-size:100%; transform:rotate(0deg); transform-origin:50% 50%; transition:opacity 0.3s ease, transform 0.3s ease;}
[data-layout="lnb"] .inr_box button:hover:after,
[data-layout="lnb"] .inr_box button.active:after{opacity:1;}
[data-layout="lnb"] .inr_box button.active:after{transform:rotate(90deg);}
[data-layout="lnb"] .inr_box button.active{background:#14295b;}


/* board_control */
.board_control { padding-bottom: 12px; display: inline-block; width: 100%; min-height: 58px; height: auto; position: relative; border-bottom:2px solid #333;}
.board_control .count_list { font-size: 16px; color: #777;font-family: 'NotoSans'; font-weight: 500; display: inline-block; position: absolute; bottom: 8px; z-index: 20;}
.board_control .count_list b { font-size:20px; color: #000; font-family: 'Roboto'; font-weight:700;}

.count_list { font-size: 16px; color: #777;font-family: 'NotoSans'; font-weight: 500; display: inline-block; float: left; }
.count_list b { font-size:20px; color: #000; font-family: 'Roboto'; font-weight:700;}

.board_control .search_board { float: right;display: inline-block;}
.board_control .search_board .seacrh_area { float: left;}
.board_control .search_board .item_select {width: 88px; float: left; }
.board_control .search_board .list_type { float: left; display: inline-block;}
.board_control .search_board .list_type li { float: left;}
.board_control .search_board .list_type li button { display: inline-block; width:42px; height: 42px; border: 1px solid #dadee6; border-left: 0; text-indent: -9999px; overflow: hidden;}


.board_control .search_board .list_type li button.on { border: none; background-color: #2b8adb;}
.type_title { background: url(../images/view_title.png) no-repeat center center; background-size: 13px 13px;}
.type_summary { background: url(../images/view_summary.png) no-repeat center center; background-size: 13px 13px;}
.type_photo { background: url(../images/view_photo.png) no-repeat center center; background-size: 13px 13px;}

.type_title.on  { background: url(../images/view_title_on.png) no-repeat center center; background-size: 13px 13px;}
.type_summary.on  { background: url(../images/view_summary_on.png) no-repeat center center; background-size: 13px 13px;}
.type_photo.on  { background: url(../images/view_photo_on.png) no-repeat center center; background-size: 13px 13px;}

.btn_write { width: 85px; height: 42px; line-height: 42px; color: #fff; background: #182f5c; text-align: center; font-size: 14px; margin-left:5px; position: relative; z-index:30;}
.btn_white { width: 85px; height: 42px; line-height: 42px; color: #667da3; background: #fff; border: 1px solid #c0cada; text-align: center; font-size: 14px;}

.list_item.read h3 { color: #999 !important;}

/* 리스트 제목형 요약형 */
.list { width: 100%;}
.list.list_title li .list_txt { margin: 6px 0;}
.list.list_title .list_etc { position: relative; left:0; bottom:0;}
.list.list_title > li:nth-child(5n) { margin-bottom: 30px;}
.list.list_title > li:nth-child(5n)::after {  background: #e1e1e1; content:""; display: inline-block; width: 100%; height: 1px; position: relative; bottom: -10px; }
.list.list_summary li.list_item { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e1e1e1;}
.list.list_summary li .list_txt { float: left; padding-left: 30px; width: calc(100% - 173px); position: relative; display: inline-block; height: 157px; text-align: left;}
.list.list_summary li .list_txt p { width: 100%; padding-top: 10px; font-size: 15px; color: #777; line-height: 22px;font-family:"NotoSans";font-weight:300;letter-spacing: -0.025em; height: 78px; overflow: hidden; margin-bottom: 10px;}
.list.list_summary .list_etc { position: absolute; bottom: -7px; left: 30px; width: auto;}

.list { margin-top: 20px;display: inline-block;}
.list li.list_item { width: 100%; float: left;}
.list li .list_txt { float: left; width: 100%; display: inline-block;}
.list li .list_txt h3 { font-size: 20px; color: #000;font-family:"NotoSans"; font-weight:700; letter-spacing: -0.03em; display:inline-block; float: left; line-height: 25px; display: inline; text-align: left; cursor:pointer;}
.list li .list_txt .etc_box .etc_count { line-height: 17px;}
.list li .list_txt .etc_box .etc_count b { line-height: 17px;}
.list_item p, .link_area { cursor: pointer; }


/* 리스트 포토형 */
.list_photo { margin-top:40px;}
.list_photo .list_item { cursor: pointer; max-width: 290px; width: calc(33.3% - 16px); float: left; margin-right: 24px;display: inline-block;margin-bottom: 60px; box-shadow: 5px 5px 18px rgba(0, 0, 0, 0.1); }
.list_photo li:nth-child(3n) { margin-right: 0;}
.list_photo .list_txt {width: 100%; padding: 27px 30px; border:1px solid #e1e1e1; border-top: 0; display: inline-block; position: relative;}

.list_photo .list_txt .etc_box { display: inline-block; width: 100%; margin-bottom: 15px; text-align: right;}
.list_photo .list_txt .etc_box a {text-align: left; position:relative; top: 2px;} 
.list_photo .list_txt .etc_box strong { float: left; display: inline-block; border: 1px solid #e1e1e1; font-size: 12px; color: #777; padding:5px 7px; font-family: 'NotoSans'; font-weight: 300; }
.list_photo .list_txt .etc_box span { float: right;}

.list_photo .list_txt .etc_box .etc_count { font-size:13px;line-height: 20px; margin-top:5px; text-decoration: none;}
.list_photo .list_txt .etc_box .etc_count b { font-size: 14px; margin-right: 0px;line-height: 20px; font-weight: 500; color: #555; position: relative; top: 0;}
.list_photo .list_txt .etc_box .etc_count b::after { content: ""; display: inline-block; background-color:#ddd; width: 1px; height: 12px; float: right;  position: relative; right: -6px;top: 3px; margin-right: 8px; margin-right: 4px; }

.list_photo .list_txt h3 {font-size: 18px; color: #000;font-family:"NotoSans"; font-weight:700; letter-spacing: -0.035em; margin-bottom: 15px; height: 50px; overflow: hidden; width: 100%;}
.list_photo .list_txt p {font-size: 14px; color: #777; line-height: 22px;font-family:"NotoSans";font-weight:300;letter-spacing: -0.025em; height: 40px; overflow: hidden; width: 100%;}
.list_photo .list_txt ul.list_etc { width: 100%; display: inline-block; margin-top: 40px;}
.list_photo .list_txt ul.list_etc li { width: 100%; font-size: 14px; color: #777; line-height: 22px;font-family:"NotoSans";font-weight:300;}
.list_photo .list_txt ul.list_etc li::after { display: none;}
.list_photo .list_txt ul.list_etc span { float: right;font-size: 14px; color: #777;font-family:"NotoSans";font-weight:300;}

.list_photo i.new { position: absolute; right:0; top:0; background: url(../images/new2.png) no-repeat center center; width: 28px; height: 28px; font-style:normal;}

/* 게시판 기타 정보_포토형 */
.list_photo .go_reply { background: url(../images/repy.svg) no-repeat left center; display: inline-block !important; padding-left: 17px; background-size:14px 14px; line-height: 20px; position: relative; top: -1px !important; margin-top: 0 !important; }
.list_photo .go_reply::after { content: ""; display: inline-block; background-color:#ddd; width: 1px; height: 12px; float: right;  position: relative; right: -3px;top: 3px; margin-right: 10px; }
.list_photo .go_reply i { font-size: 14px !important; font-weight: 500 !important; font-style:normal;}
.list_photo .date { font-size: 14px !important;}


/* 게시판 기타 정보_공통 */
 ul.list_etc { display: inline-block; float: left; line-height: 27px; width: 100%;}
 ul.list_etc li { float: left;font-size: 14px; color: #999; font-family:"NotoSans"; font-weight:300; letter-spacing: -0.025em;}
 ul.list_etc li::after { content: ""; display: inline-block; background:#ddd; width: 1px; height: 11px; margin: 0 6px; color: #e1e1e1; position: relative; top: 0px;}
 ul.list_etc li:last-child::after { display:none;}
/*.more { height: 44px; width: 100%; display: inline-block; background: #fff; border: 1px solid #bcbcbc; line-height: 44px; font-size:15px; text-align: center; color: #515762; margin-top: 20px; 
margin-bottom: 80px;}*/
.date { font-family: 'Roboto' !important; font-weight: 500 !important; color: #666 !important;}
.mo_prev { transition:opacity 0.15s ease; border-radius: 100px; z-index: 60; text-indent:-9999px; overflow: hidden; position: absolute; left: -34px; top: calc(50% - 34px);background: #5b687f url(../images/arrow_prev.png) no-repeat center center; opacity: 0.4; width: 68px; height: 68px; display: inline-block;}
a:hover.mo_prev { transition:opacity 0.15s ease;background: #0052cc url(../images/arrow_prev.png) no-repeat center center;; opacity:0.7;}
.mo_next {  transition:opacity 0.15s ease;border-radius: 100px; z-index: 60; text-indent:-9999px; overflow: hidden; position: absolute; right: -1px; top: calc(50% - 34px);background: #5b687f url(../images/arrow_next.png) no-repeat center center; opacity: 0.4;width: 68px; height: 68px; display: inline-block;}
a:hover.mo_next { transition:opacity 0.15s ease; background: #0052cc url(../images/arrow_next.png) no-repeat center center; opacity:0.7;}


/* 게시판 기타 정보_제목형 요약형 */
.go_reply { color:#5ba7ea !important; font-size: 15px !important; font-family:'Roboto' !important; font-weight: 600 !important;margin-left: 5px; letter-spacing:0 !important; vertical-align: middle; position: relative; top: -1px;}
.go_reply i {color:#5ba7ea !important; font-size: 15px !important; font-family:'Roboto' !important; font-weight: 600 !important;margin: 0 2px; letter-spacing:0 !important; vertical-align: middle; position: relative; top: -1px; font-style:normal;}
.icon_file { background:url(../images/clip.svg) no-repeat left top; background-size: 14px 14px; width: 14px; height: 14px; text-indent: -9999px; overflow: hidden; position:relative; top:1px; display: inline-block !important;}
.etc_count { color:#999; font-size: 14px; font-family: 'NotoSans'; font-weight: 300;  display: inline-block; text-decoration: none;}
.etc_count b { border: none; color: #777; font-size: 14px; padding:0; display: inline-block; margin-left: 5px; font-family: 'Roboto'; font-weight: 500; border: 0 !important; position: relative; top: -1px;}

/* 사진 효과 */
li:hover.list_item { -webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} /* 리스트에 */
li:hover.list_item img, li:hover.list_item .link_area:hover img {-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07); object-fit: cover;}
.link_area {width:100%; height: 262px; overflow:hidden; text-align: center;}
.link_area img { width: 100%; height: 100%; object-fit: cover; -webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.list_summary .link_area { width:173px !important; height: 157px;float: left;}

.event_area .link_area img {-webkit-animation: bgScaleNo 8000ms 1 ease-out; -o-animation: bgScaleNo 8000ms 1 ease-out; animation: bgScaleNo 8000ms 1 ease-out;
	-webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); overflow: hidden;}
	
@-webkit-keyframes bgScale {
	0% { -webkit-transform: scale(1.2); }
	100% { -webkit-transform: scale(1); }
}
@-o-keyframes bgScale {
	0% { -o-transform: scale(1.2); }
	100% { -o-transform: scale(1); }
}
@keyframes bgScale {
	0% { transform: scale(1.2); }
	100% { transform: scale(1) rotate(0.02deg); }
}


@-webkit-keyframes bgScale {
	0% { -webkit-transform: scale(1.2); }
	100% { -webkit-transform: scale(1); }
}
@-o-keyframes bgScale {
	0% { -o-transform: scale(1.2); }
	100% { -o-transform: scale(1); }
}
@keyframes bgScale {
	0% { transform: scale(1.2); }
	100% { transform: scale(1) rotate(0.02deg); }
}



/*   ---------- 글보기 --------   */

.title { padding-top: 10px; }
.title a.etc_box b { font-size: 20px; color: #3273bd; line-height: 35px;font-family:"NotoSans";font-weight:500;letter-spacing: -0.025em; background: url(../images/icon_left.gif) no-repeat right center; padding-right: 16px;}
.title h3 { font-size: 28px; line-height: 40px; color: #000;font-family:"NotoSans"; font-weight:700; letter-spacing: -0.03em; margin-bottom: 14px; display: inline-block; width: 100%;}

.title .article_info { width: 100%; border-top: 2px solid #505c78; border-bottom: 1px dotted #8c92a3; padding: 10px 0; margin-top: 10px; display: inline-block;}
.title ul.list_etc { display: inline-block; float: left; line-height: 27px;}
.title ul.list_etc li { float: left;font-size: 14px; color: #999; font-family:"NotoSans"; font-weight:300; letter-spacing: -0.025em;}
.title ul.list_etc li b {font-size: 14px; color: #555; font-family:"NotoSans"; font-weight:500; letter-spacing: -0.025em; margin-left: 8px;}
.title ul.list_etc li::after { content: ""; display: inline-block; background:#ddd; width: 1px; height: 13px; margin: 0 10px; color: #bfbfbf; position: relative; top: 1px;}
.title ul.list_etc li:last-child::after { display:none;}
.title ul.view_etc { float: right;}

.article h5 { font-size: 14px; color: #999; }
.article .con_box .seacrh_area b { color: #667da3; font-weight: 600; font-size: 14px; line-height: 41px;}
.article .con_box .seacrh_area b, .article .con_box .seacrh_area select { background-color: #f2f4f7;}
.file_down {  border-bottom: 1px solid #e1e1e1; padding: 10px 0;}
.file_down_list { width: 100%; display: inline-block;margin-top: 10px;}
.file_down_list li { margin-bottom:5px; float: left;}
.file_down_list .down { background:#f5f5f5 url(../images/down_file.gif) no-repeat right 13px center; background-size: 16px 16px;display: block; min-width: 240px; height: 40px; margin-right: 5px; line-height: 40px; border:1px solid #e0e0e0; padding: 0 20px;overflow: hidden; padding-right: 60px;}
.file_down_list .down span { color: #555; font-size: 14px; }
.file_down_list .link { background:#f5f5f5 url(../images/link_file.gif) no-repeat right 13px center; background-size: 16px 16px;display: block; min-width: 240px; height: 40px; margin-right: 5px; line-height: 40px; border:1px solid #e0e0e0; padding: 0 20px;overflow: hidden; padding-right: 60px;}
.file_down_list .link span { color: #555; font-size: 14px; }


.ver_table .file_down_list li a { line-height: 40px !important; padding-right:36px; padding-left: 13px; min-width: 140px; width: 218px;}


.text_area { display: inline-block; width: 100%; padding-bottom: 30px; margin-top: 30px; margin-bottom: 10px;border-bottom: 1px solid #e1e1e1;}
.pre { width: 100%; font-family: auto; word-break:break-all; white-space:pre-wrap; display: inline-block;}

.bnts_area { text-align:center; width: 100%; margin: 30px 0 60px 0; position: relative; display:inline-block;}


/*   ---------- 댓글 --------   */
.area_reply { margin-top: 20px; border-bottom:  2px solid #182f5c; padding-bottom: 20px; display: inline-block; width: 100%;}
.area_reply h5 { border-bottom: 1px solid #182f5c; padding-bottom: 8px; display: inline-block; width: 100%; color: #182f5c; margin-bottom: 20px; font-weight: 600;}
.area_reply h6 {font-size: 14px; color: #999;}
.area_reply textarea { width: 100%; height: 80px; border: 1px solid #182f5c; margin-top: 10px; margin-bottom: 8px; padding: 10px; font-size: 14px; color: #000; font-family: 'NotoSans'; font-weight: 500; letter-spacing: -0.025em; line-height: 20px;}
.btn_sky { background: #fff; border: 1px solid #182f5c; color: #182f5c; font-size: 15px; width: 60px; height: 34px; line-height:34px; font-family: 'NotoSans'; font-weight: 500;}
.f_r { float: right !important;}
.reply_1 { margin-top: 10px; border-bottom: 1px solid #e1e1e1; margin-bottom: 10px; width:100%; display:inline-block;} /*width:100%; display:inline-block;*/
.area_reply .user_info { display: inline-block; width: 100%;}
.area_reply .user_info li { color: #000; font-family: "NotoSans"; font-weight: 600; font-size: 15px; }
.area_reply pre { padding: 7px 0 15px 0; font-size: 15px;}
.reply_list pre { color: #555; letter-spacing: -0.025em; line-height:20px;font-family:'NotoSans';}
.area_reply .etc_count { font-size: 15px;}
.area_reply .etc_count b { color: #5ba7ea; font-size: 15px;}
ul.list_etc li.no_line::after { display: none !important;}

.area_reply ul.list_etc li button::before { content:""; display: inline-block; width:1px; height: 10px; background:#d5d5d5; margin-right: 7px; margin-left: 7px;}
.area_reply ul.list_etc li button:first-child::before { display: none;}
.btn_txt { color: #3273bd; font-family:'NotoSans';}

.reply_reply { width: calc(100% - 50px); float: right; display: inline-block;}
.reply_reply_write button { margin-left: 3px;}
.reply_reply pre { margin-bottom: 0;}
.reply_reply_write { margin-bottom: 20px; display: inline-block; width: 100%;}
.reply_reply .list_etc { border-top: 1px solid #e1e1e1; padding-top: 10px;}

/*   ---------- 글쓰기 --------   */

.write h4 { font-size: 18px; color: #333; font-weight: normal; text-align: left; line-height: 21px; padding-bottom: 15px; padding-top: 10px; font-family:'NotoSans';font-weight:500;}
.write h4 span { font-size: 14px; color: #888; font-weight: 300; margin-left: 10px;}
.editor { width: 100%; margin-bottom: 30px; background: #fff;}
.editor th { width:17%; text-align: left; background: #f2f4f7; font-weight: normal; padding-left: 15px; padding-right: 15px; line-height: 18px; color: #666; border: 1px solid #e1e1e1; font-size: 14px;font-family: "NotoSans"; font-weight: 300; }
.editor th i {color: #f00;font-size: 18px;font-style: normal;position: relative;top: 6px;margin-left: 3px;}
.editor td { text-align: left; border: 1px solid #e1e1e1;font-size: 14px; position: relative; padding: 6px 0;font-family: "NotoSans"; font-weight: 300;}
.editor td input { float: left; font-size: 14px; font-family:'NotoSans'; font-weight: 300; color: #000;}
.ma_100 { margin: 0 10px;}

.editor td .input_txt { height: 30px; line-height: 30px; border: 1px solid #e1e1e1; text-indent: 5px; font-size: 14px; width: 100%; padding-right: 0;font-family: "NotoSans"; font-weight: 300;}
.editor td .input_sel { font-size: 14px; height: 30px; width: 100%; padding-right: 0;font-family: "NotoSans"; font-weight: 300;}
.input_file_list { height: 80px; line-height: 28px; border: 1px solid #e1e1e1; text-indent: 10px; font-size: 14px; width: 100%; padding-right: 0; background: #fcfcfc; overflow-y:scroll;}
.input_file_list li { border-bottom: 1px solid #e1e1e1; font-size: 13px; color: #333; font-family: "NotoSans"; font-weight: 500; position: relative; text-align: left;}
.input_file_list li a {background:url(../images/btn_cancle_on.gif) no-repeat left top; width: 16px; height: 16px; position: absolute; right: 5px; top: 4px; text-indent: -9999px; overflow: hidden; }

.editor td input.ck_box { float: none; margin-right: 3px; height: 13px; width: 13px; }
.editor td label { margin-right: 10px; font-size: 14px; color: #555; position: relative; top: -1px; font-weight: 400;}
/* 글쓰기 모바일 */
@media only screen and (max-width:768px){
.user {background:url(../images/icon_user_m.png) no-repeat left center !important; background-size: 22px !important;}
.editor th { font-size: 13px;padding-left: 7px; padding-right: 7px; min-width: 90px; letter-spacing: -0.025em;}
.input_file_list { width: 100% !important; margin-top: 7px; float: left;}

.td_block th { display: block; width:80px !important; float: left; height: 44px; line-height: 32px; padding: 6px 7px;}
.td_block td { display: block; width:calc(100% - 90px) !important; float: left;}

.tumb_up .input_txt { width: calc(100% - 75px) !important;}
.btn_file, .input_file  { min-width: 70px !important; }
}
@media only screen and (max-width:479px){
.write h4 span { width: 100%; display: inline-block; margin-left:0; padding-top: 5px;}

}

.btn_file { width: 18%; background: #27344f; text-align: center; color: #fff; font-size: 14px; height: 30px; line-height: 30px; display: inline-block; cursor:hand; float: right;font-family: "NotoSans"; font-weight: 300; font-size: 14px;}
.input_file { opacity: 0; position: absolute; right:10px; top:6px; height: 30px; width: 18%; cursor:hand}
.btn_01 { background-color: #2b8adb; display: inline-block; width: 120px; height: 45px; color: #fff; font-size: 17px; font-family: "NotoSans"; font-weight: 300;  text-align: center; margin: 2px; line-height: 45px;}
.btn_02 { background-color: #9097a5; display: inline-block; width: 120px; height: 45px; color: #fff; font-size: 17px; font-family: "NotoSans"; font-weight: 300;  text-align: center; margin: 2px; line-height: 45px; }
.btn_03 { background-color: #182f5c; display: inline-block; width: 120px; height: 45px; color: #fff; font-size: 17px; font-family: "NotoSans"; font-weight: 300;  text-align: center; margin: 2px; line-height: 45px; }
.btn_04 { background-color: #fff; border:1px solid #d0d0d0; position: absolute; left:0; top:0; display: inline-block; width: 120px; height: 45px; color: #777; font-size: 17px; font-family: "NotoSans"; font-weight: 300;  text-align: center; line-height: 45px; }
.btn_05 { background: #fff url(../images/icon_ok.png) no-repeat left 10px center; border:1px solid #d0d0d0; position: absolute; right:0; top:0; display: inline-block; width: 140px; height: 45px; color: #777; font-size: 17px; font-family: "NotoSans"; font-weight: 300;  text-align: center; line-height: 45px; text-indent:22px; text-indent:22px;}
.btn_05.on { background: #fff url(../images/icon_okok.png) no-repeat left 10px center; border:1px solid #ff5622; color: #ff5622; }
.btn_06 { background-color: #ff5622; border:1px solid #ff5622; position: absolute; top:0; display: inline-block; width: 120px; height: 45px; color: #fff; font-size: 17px; font-family: "NotoSans"; font-weight: 300;  text-align: center; line-height: 45px; }


@media only screen and (max-width:1024px){
.bnts_area a {width: 80px;}
.title h3 { font-size: 22px; line-height: 28px;}
.title a.etc_box b { font-size: 16px;}
.btn_print { display: none;}
}
@media only screen and (max-width:550px){
.bnts_area {width: 100%;}
.admin_btn { float: right;}
.bnts_area a {width: 60px; font-size: 15px;}
.btn_03 { float:left;}
}

.close_pop { background:url(../images/btn_close.png) no-repeat left top; width: 20px; height: 19px; display: inline-block; position: absolute; right: 20px; top: 20px;}
.area_textedior { margin-bottom: 20px;}



/* pop */
.pop_con { position: fixed; top: 0; left: 50%; margin-left: -290px; width: 580px; text-align: center; background: #fff; z-index: 999;}
.pop_con .tt_top { width: 100%; height: 60px; line-height: 60px; background-color: #182f5c; position: relative; color: #fff; font-size: 20px; text-align: left; text-indent: 20px; margin:0;}
.pop_con .tt_top span { font-size: 14px; margin-left: 10px; opacity: 0.8;}
.pop_con { margin-top: 26px; max-height: calc(100vh - 120px); box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.2);}
.pop_pop {padding: 40px 20px;overflow-y: scroll;text-align: left;/* background: #f5f5f5; */ height:calc(100vh - 180px); position: relative;}

/* 조직도 */
.ogn_pop .pop_con { max-width: 1100px; width: 100%; left: calc(50% - 550px); margin-left:0; display: inline-block; height:calc(100vh - 60px); max-height:calc(100vh - 60px);}
.ogn_pop .pop_pop { padding-top: 24px; padding-bottom: 24px; height:calc(100% - 60px);}
.ogn_pop .pop_pop h4 p { cursor: default;}

.wrap_ogn { width: 100%; display: inline-block; float: left;}
.list_ogn { width: 210px !important; float: left; height:calc(100vh - 240px); overflow-y:scroll;}
.wrap_people {width: calc(100% - 230px);margin-left: 20px;/* background: #e9ecf3; */float: left;border: 1px solid #e1e1e1; }
.wrap_people h3 { margin-bottom: 0 !important;}
.ogn_pop .con_box { float: left; width: auto; display: inline-block;}
/* 조직도 - 리스트 */
.ogn_pop .list {/* padding: 30px; */ margin-top:0;}
.ogn_pop .list_box {position: relative; height: 195px; padding: 10px 5px 20px 20px;/* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05); *//* border-radius:0; *//* background: #f7f7f7; */border: 1px solid #e7e7e7;/* margin-right: 20px; */}
.ogn_pop .list_box h4 {margin-left: 0;margin-bottom: 0;line-height: 18px;width: 100%;position: absolute;left: -3px;top: auto;bottom: 20px;width: 120px;text-align: center;margin-right:0;}
.ogn_pop .list_box h4 span { margin-left:0;font-size: 13px;font-family: "NotoSans";font-weight: 500;color: #666;letter-spacing: 0;}
h4 p.title_name { width: 100%; text-align: center; font-size: 18px;font-family: "NotoSans";font-weight: 700;color: #000;letter-spacing: -1px;cursor: pointer; display:inline-block;margin: 0; line-height: 20px;}
/*h4 p.title_name::before {content: "";display: inline-block;position: absolute;left: 0;top: 25px;width: 5px;height: 23px;background-color: #5ba7ea;}*/

.ogn_pop .list_box strong {width: 70px;margin-top: 15px; margin-right: 14px; height: 100px; overflow: hidden; background: #e1e1e1; display: inline-block; float: left;}
.ogn_pop .list_box strong img {width: 100%; height: 100%; object-fit: cover;}

.list_con_m {margin-right: 15px;width: 100%;}
.list_con {margin-top: 9px;display: inline-block; float: left; width: calc(100% - 96px); padding-left: 16px;}
.list_con li {font-size: 13px;color: #333;font-family: "NotoSans"; font-weight:300;position: relative;display: block;height: auto;padding-left: 50px;margin-top: 5px;line-height: 18px; min-height: 18px;width: 100%; overflow:hidden;white-space: normal;word-break:break-all;}
.list_con li span {display: inline-block;width: 50px;position: absolute;color: #aaa;top: 0;left: -0px;font-family: "NotoSans";font-weight: 300;font-size: 13px;}
.list_con li span::before {/* content: ""; */display: inline-block;height: 4px;width: 4px;border-radius: 20px; background:#5ba7ea  ;margin-right: 6px;position: relative;top: -3px;}
.list_con li.name_last {padding-bottom: 0;color: #3273bd;font-weight: 700;}
/*ul.list_con::before { content:""; display: inline-block; width:1px; height: 145px; background-color: #e9e9e9; position: absolute; top: 26px; left:110px; }*/


.btn-primary {color: #fff;background-color: #2b8adb;border-color: #007bff; display: inline-block; height: 38px; line-height: 38px; width: 60px; border-radius: 3px; text-align: center; font-size: 15px; font-family: "NotoSans"; font-weight: 300;}
.ogn_pop h3 { font-family: "NotoSans"; font-weight: 700; margin-bottom: 10px; margin-left: 15px;margin-right: 15px; font-size: 15px; border-bottom: 1px solid #e9e9e9; padding-bottom: 13px; padding-top: 16px;}
.ogn_pop h3 p { font-weight: 300; color: #777; font-size: 14px; display: inline-block; margin-left: 7px; margin-bottom: 4px;}
.ogn_pop h4 { font-family: "NotoSans"; font-weight: 700; margin-bottom: 10px; font-size: 15px; width: auto; float: left; display: inline-block; position:relative; top: 7px; margin-right: 17px;}


.orn_search { width: 100%;}
.orn_search ul { display: inline-block; width: 100%;}
.orn_search li { width: 190px !important; float: left !important; margin-top: 0 !important; margin-right: 4px; margin-bottom: 0;}
.orn_search li:last-child { width:60px !important;}
.ogn_pop .con_box { float: left; width: 100%; display: inline-block;}
.scroll_area_ogn { overflow-y: scroll; height:calc(100vh - 290px); padding: 0 10px; padding-top: 10px;}

.detail .list_con_m { margin-left:130px;}
.detail .list_con_m_100 { width: 100%; display: inline-block;}
.detail .list_con li span { display: inline-block; width: 75px; color: #888; font-size: 12px;}
.detail .list_box { margin: 0 2% 30px 2%; width: 46%;}

.detail .list_con { min-width: 250px; float: left; width: 55%; padding-right: 15px;}
.detail .list_etc { margin-right:0%; margin-left:0; width:auto; margin-right:2%; min-width: 100px; padding-right:0;}


.list_box_one .list_etc { width: 35%; margin-right:0%; min-width:0;}
.list_box_one .list_con { width: 60%; margin-right:2%; min-width:0;}
.list_box_one .detail .list_etc { width: 35%; margin-right:0%;}
.list_box_one .list_con li span { display: inline-block; width: 85px; color: #888; font-size: 12px; background: url(../../images/tt_line.gif) no-repeat right center; }
.scroll_area_ogn .list_con li input { border: 1px solid #e1e1e1; font-size:12px; text-indent:5px; color: #2b8adb;}
.scroll_area_ogn button { border-radius: 20px; font-weight:300; padding: 0 7px;  font-size:11px; height: 21px; line-height: 20px; color: #fff; background-color: #2b8adb; position: absolute; bottom: 10px; right: 10px;}
.scroll_area_ogn button.canc { right: 48px; background-color: #737e97;}

.list { width: 100%; display: inline-block;}
.list_box {float: left;background: #fff;border-radius: 3px;width: calc(50% - 20px);margin: 0 10px 20px 10px;}
.m_720 {display: none !important;}

.pp_close { background: url(../../images/pp_close.gif) no-repeat left top; width: 41px; height: 41px; position: fixed; left:375px; top:18px; display: block;cursor: pointer; z-index: 100;}
.pp_open { background: url(../../images/pp_open.gif) no-repeat left top; width: 41px; height: 41px; position: fixed; left:375px; top:18px; display: block;cursor: pointer; z-index: 100;}





/*  admin */
.admin .title h3 { border-bottom: 2px solid #505c78; padding-bottom: 12px; margin-bottom: 40px;}
.admin h3 span { font-size: 14px; color: #888; font-weight: 300; margin-left: 10px;}
.admin h4 { font-size: 20px; color: #000; text-align: left; margin-bottom: 10px; font-weight: 500; letter-spacing: -0.025em;font-family:"NanumSquareBold";}
.admin h5 { font-size: 15px; color: #777; text-align: left; margin-bottom: 7px; font-weight: 500; letter-spacing: -0.025em;font-family:"NanumSquareBold";}
.admin .input_file_list li { color: #000 !important;}
.admin_btn { display: inline-block; margin:0;}
.ctr_btns button, .ctr_btns a { cursor:pointer; width: 10px; height: 10px; font-size:13px; display: inline-block; padding-left: 20px; float: left; text-align:right; width: 63px; height: 30px; line-height: 28px; border: 1px solid #e0e0e0; border-radius: 3px; float: right; padding-right: 10px; margin-left: 5px;}
.arr {background:url(../images/arr.gif) no-repeat left 10px center; }
.plus {background:url(../images/plus.gif) no-repeat left 10px center; }
.del {background:url(../images/del.gif) no-repeat left 10px center; }
.save {background:url(../images/save.gif) no-repeat left 10px center; }
.scroll_v {height: 800px; display: inline-block; overflow-y: scroll;width: 100%; }

.thum { float: left; width: 100%; text-align: center; background:#f5f5f5; padding: 10px; border: 1px solid #e1e1e1; margin-top: 3px;}
.thum img { width:120px; margin: 0 auto;}
.wrap_obj_group { display: inline-block;overflow-y:scroll; float: left; display: inline-block; width: 100%;border: 1px solid #e1e1e1;}
.wrap_obj_group input { margin: auto 10px;} /* display:none; */
.wrap_obj_group li p  {line-height: 21px; padding: 10px 10px;}
.wrap_obj_group li p span p { margin-right: 8px; font-weight: bold; display: inline-block; width: 100%; margin-bottom: 4px;}
.wrap_obj_group.adit_arr p {font-family:"NotoSans"; font-size: 14px; display: inline-block;display: inline-block; width: 100%; float: left; margin: 0;}
.wrap_obj_group.adit_arr p button { width: calc(100% - 0);/*120*/ }
.wrap_obj_group.adit_arr p input { height: 15px; width: 15px;}

.obj_1depth {ine-height: 34px; border-bottom: 1px solid #e1e1e1; width: 100%;float: left;}
.obj_1depth > li { border-top: 1px solid #e1e1e1;}
.obj_1depth li { display: inline-block; float: left; width: 100%; font-size: 15px; color: #333; font-family: "NotoSans"; font-weight: 300; text-align: left;}
.obj_1depth li button { display: inline-block; float: left; width: 100%; line-height: 19px; padding: 10px 0px 10px 35px; font-size: 15px; color: #333; font-family: "NotoSans"; font-weight: 300; background:url(../images/check_off.gif) no-repeat left 13px center; background-size: 17px 16px; text-align: left;}
.obj_1depth li button.on { color:#000; background:url(../images/check_on.gif) no-repeat left 13px center; background-size: 17px 16px; font-weight:600;}
.obj_1depth li button span { margin-right: 8px; font-weight: bold; display: inline-block; width: 100%; margin-bottom: 4px;}
.obj_2depth { display: inline-block; background:#fcfcfc; float: left; width: 100%; }
.obj_2depth li { border-top: 1px solid #e1e1e1; display: inline-block; width: 100%; }
.obj_2depth li button { padding-left: 55px; background-position: left 32px center;}
.obj_1depth li ul li button.on {background:url(../images/check_on.gif) no-repeat left 32px center;background-size: 17px 16px; }


.tree_wrap { border: 1px solid #e1e1e1; padding: 15px 0;}

.treejs .treejs-switcher { height: 26px !important; line-height: 26px !important;}
.treejs .treejs-checkbox { height: 26px !important; line-height: 26px !important;}
.treejs-label { font-family: 'NotoSans'; font-weight: 300; font-size: 14px;}
.treejs .treejs-checkbox:before { top: 4px !important;}
.treejs .treejs-node__halfchecked > .treejs-checkbox:after { top: 11px !important;}
.treejs .treejs-node__checked > .treejs-label { font-weight: 600; color:#3273bd;}
.treejs .treejs-node__checked > .treejs-checkbox:after { top: 7px !important;}
.treejs .treejs-node__checked > .treejs-checkbox:before, .treejs .treejs-node__halfchecked > .treejs-checkbox:before { background-color: #53aeff !important; border-color: #53aeff !important;}

.files { position: relative;}
.files input { border-top: 0 !important; border-right: 0 !important; border-bottom: 1px solid #e1e1e1;}
.files input.input_txt { border-bottom: 0 !important; height: 36px !important; color: #000; width: calc(100% - 80px);}
.files input.input_file { position: absolute; right:0; top: 0; width: 80px; }
.files .btn_file { font-family:'NotoSans'; font-weight: 300; font-size: 14px; height: 38px; width: 80px; color: #fff; position: relative; top: -1px; right: -14px; line-height: 38px; text-align: center;}

.event_text { background:#3172bb; width: 370px; height: 315px; padding: 36px; text-align: left; margin: 0 auto;}
.event_text textarea { color: #fff; font-size: 28px; font-family:'NanumSquareLight'; text-align: left; background: none; height: 142px; border: 1px solid #09F; line-height:35px; width: 100%;}
.event_text input { width: 100%; background: none; color: #fff; border: 1px solid #09F; height:30px; line-height: 30px; margin-top:10px; font-size: 24px;font-family:'NanumSquareLight';}
.event_text .cate { font-size:17px;font-family:'NanumSquareLight';}

.comment { padding: 10px;}
.comment p { font-size: 14px; color: #666; text-align: left; line-height: 24px; font-family:'NotoSans'; font-weight:300; letter-spacing: -0.025em; margin:0;}


.pt_15 { padding-top: 15px;}
.f_l { float: left;}
.f_n { float: none !important;}
/* 페이징 */
.page { text-align: center; height: 34px; margin: 20px auto 120px auto; line-height: 34px; width: 100%; display: inline-block;}

.page a { color: #888; margin: 0 auto;padding: 0 13px;border: 1px solid #ccc; text-align: center; vertical-align: middle; display: inline-block; font-family: 'NanumS'; line-height: 38px;display: inline-block;}
.page a:hover, .page a.on { background-color: #182f5c; color: #fff; border: 1px solid #182f5c;}
.page a#on_page { background-color: #182f5c; color: #fff; border: 1px solid #182f5c;}
.page a:hover.prev, .page a:hover.next  { background-color: #fff;}
.prev { padding: 0 !important;  width: 19px; height: 19px; border: none !important; vertical-align: top; line-height: 34px;background:url(../images/p_prev.gif) no-repeat left center;}
.next { padding: 0 !important;  width: 19px; height: 19px; border: none !important; vertical-align: top; line-height: 34px; background:url(../images/p_next.gif) no-repeat left center;}
.page li { display: inline-block;}

/* 테이블 리스트 */
.table_style { border-top: 2px solid #182f5c; width: 100%; margin-bottom:50px;}
.table_style thead th { background-color:#f7f7f7; color: #000; font-size: 15px; font-weight: 600; font-family:'NotoSans'; line-height: 25px; padding: 13px 5px; text-align: center;border-bottom: 1px solid #e1e1e1;}
.table_style tbody td { color: #000; font-size: 15px; font-weight: 300; font-family:'NotoSans'; line-height: 25px; padding: 14px 0; text-align: center; border-bottom: 1px solid #e1e1e1;} 
.table_style tbody td a {color: #000; font-size: 15px; font-weight: 300; font-family:'NotoSans'; line-height: 25px; text-align: left;}
.t_l { text-align: left !important;}
.t_c { text-align: center !important;}
i.new { background: url(../images/new.png) no-repeat left center; width: 17px; height: 17px; display: inline-block; line-height: 25px; text-indent: -9999px; overflow: hidden; margin-left: 4px;}
i.new_grey { background: url(../images/new_grey.png) no-repeat left center; width: 17px; height: 17px; display: inline-block; line-height: 25px; text-indent: -9999px; overflow: hidden; margin-left: 4px;}
i.new3 { background: url(../images/new3.png) no-repeat left center; width: 17px; height: 17px; display: inline-block; line-height: 25px; text-indent: -9999px; overflow: hidden; margin-left: 4px; position: relative; top: 1px;}
.table_style i.new { top: 4px; font-style:normal;}



/*   ---------- 메인 --------   */
.main {width: 100%;height: 100vh;background: #f0f5fb;padding-top: 90px;}
.main_con {max-width:1370px; width: 100%; margin: 0 auto; position: relative;background: #f0f5fb;}
.total_search_main { width: 100%; margin:0 auto; text-align: center; padding-bottom: 20px; display: inline-block; margin-top: 25px;}
.total_search_main input { width: 413px; height: 53px; border: 4px solid #00a5da; border-radius: 50px; margin: 0 auto; text-align: left; line-height: 53px; text-indent: 20px; font-size: 17px; color: #000;}
.total_search_main input::placeholder { color: #737a99; font-size: 17px; font-family: "NanumSquareBold";line-height: 53px; letter-spacing: -0.025em;}
.total_search_main div { display: inline-block; position: relative;}
.total_search_main button { position: absolute; right: 11px; top: 1px;}
.total_search_main button.click_search { background: url(../images/main_search.png) no-repeat center center !important; background-size: 20px !important;}

.wig_list { position: absolute; left: 10px; top: 27px; display: inline-block;}
.wig_list li { display: inline-block; float: left; margin-right: 10px;}
.wig_list li a { border-radius: 50px; padding: 8px 18px 8px 48px; color: #5a6387; font-family:'NotoSans'; font-weight: 600; text-align: left; display: inline-block; font-size: 13px; line-height: 16px;}
.wig_gws { background: #fff url(../images/wig_gws.png) no-repeat left 12px center;}
.wig_app { background: #fff url(../images/wig_app.png) no-repeat left 12px center;}

.pop_wig_app { background: #f0f5fb; width: 820px !important;}

.pop_wig_app img { width: 800px;}

.wrap_tab { border-bottom: 1px solid #d0d4ea; margin-bottom: 50px; width: 100%; padding-bottom: 30px;}
.wrap_tab ul { width: 70%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center; margin: 0 auto;}
.wrap_tab ul li { float: left; display: inline-block;}
.wrap_tab ul li a { font-size: 16px; color: #333; font-family:'NotoSans'; font-weight: 600; padding: 10px 25px; border-radius: 30px;background: #fff url(../images/down_file.gif) no-repeat right 20px center; padding-right:45px; background-size: 15px;} 
.wrap_tab ul li a:hover { color: #1284fd;}

.app_comeent { display: inline-block; margin: 0 auto; text-align: center; color: #464f74; font-family:'NanumSquare'; font-size: 17px; margin:50px 0 20px 0; letter-spacing: -0.025em;} 
.app_comeent b {font-family:'NanumSquareBold'; color:#1284fd; }

.main_sec_left {width: 808px; float: left; margin: 0 9px;}
.event_area { width: 100%; position: relative; overflow:hidden; }
.event_area .event_img { width: 808px; float: left;}
.event_area .event_img .link_area { height: 374px; border-radius: 5px;}
.event_area .event_img img { object-fit: cover; }

.carousel-inner { overflow: visible !important;}
.carousel-caption { position: absolute; top: 40px; right:-35.6% !important; left: auto !important; display: inline-block; width: 31%; z-index: 40; text-align: left !important;transition: all .5s; opacity:1;}
.carousel-caption h5 { color: #fff; font-size: 1.2vw; font-family:'NanumSquareLight'; letter-spacing: -0.025em; margin-bottom: 15px; text-align: left; font-weight: normal;}
.carousel-caption div pre { color: #fff; font-size: 2.2vw; font-family:'NanumSquareLight'; letter-spacing: -0.05em; line-height: 1.28; text-align: left;}
.event_detail { display: inline-block; width: 128px; height: 44px; line-height: 42px; border: 1px solid #fff; color: #fff; font-size: 1vw; font-family:'NanumSquareLight'; text-align: center !important; margin-top: 57px; letter-spacing:-0.025em;}
.carousel-caption div span {color: #fff; font-size: 24px; font-family:'NanumSquareLight'; text-align: center !important; display:inline-block; letter-spacing: -0.025em;}
.carousel-item.carousel-item-start .carousel-caption, .carousel-item.carousel-item-end .carousel-caption, .carousel-item.carousel-item-prev .carousel-caption{ opacity:0;transition: all .5s;}
.carousel-item.carousel-item-start .carousel-caption p {}
.event_title { width: 29%; height: 865px; background: #3172bb; float: right; position: relative; top: 0; z-index: 30; box-shadow:-10px -10px 30px rgb(0 0 0 / 25%);}

.noti_list { position: relative;}
.list_more {position: absolute; left: 0px;top: -23px;font-size: 16px;letter-spacing: -0.045em;color: #000;background: url(../images/icon_more.gif) no-repeat right top 3px;padding-right: 14px;font-family:'Roboto';font-weight: 300;}
.user { font-family:"NotoSans"; color: #333; font-size: 14px;background:url(../images/icon_user.png) no-repeat left center; height: 34px; line-height: 34px; padding-left: 26px; background-size: 20px; display: inline-block; margin: auto 12px;}
.top_search {font-family:"NotoSans"; color: #333; font-size: 14px;background:url(../images/top_search.png) no-repeat left center; height: 34px; line-height: 34px; padding-left: 26px; background-size: 20px; display: inline-block; margin: auto 0; cursor: pointer;}
.total_search {margin-left: 30px; width: cacl(100 - 30px); background: #e9ecf3; height: 150px; top: -30px; position: relative; text-align: center;}
.total_search div { display: inline-block; margin: 0 auto; position: relative; margin-top:45px}
.total_input {background: #fff; padding-right: 60px; color: #0151ca; width: 480px; height: 60px; line-height: 60px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); margin: 0 auto; text-align: left; border: none; border-radius: 60px;; padding-left:30px; font-size: 22px; letter-spacing: -0.025em;}
.click_search { background:url(../images/total_search.png) no-repeat center center; position: absolute; top:5px; right: 10px; text-indent: -9999px; overflow: hidden; width:50px; height: 50px;}
.gnb_menu_mobile { display: none;}

/* 투데이 */
.today  { border-radius: 50px; font-size: 13px; color: #3b4469; display: inline-block; padding: 0px 18px; line-height: 14px; text-align: center; font-family:"NanumSquare"; font-weight: bold; background: #e1e6ef; position: absolute; right:10px; top: 36px;}
.today b i { color:#1284fd; font-style: normal;}

/* 바로메뉴 */
.quick_main { display: inline-block; width: 100%; border-radius: 5px; background-color:#fff; margin-top:18px; height: 82px;}
.quick_main ul { display: inline-block; width:100%;}
.quick_main ul li { width: 25%; float: left; display: table;}
.quick_main ul li a { color: #5a6387; font-size: 14px; line-height: 18px; text-align: center; height: 82px; width: 100%; vertical-align: middle; display:table-cell; }
.quick_main ul li a::after { content:""; display: inline-block; width:1px; height:42px; background-color:#eaeaea; float: left; margin-top: 5px;}
.quick_main ul li:first-child a::after { width:0; display:none;}
.quick_main ul li a img { margin-right: 9px;}
.quick_main ul li a b { display: inline-block; text-align: left; vertical-align: middle; font-family:"NotoSans"; font-weight: 600;}

/* 메인_공지사항 */
.main_sec_right { margin: 0 9px; width: calc(100% - 808px); max-width:526px; float: left;}
.main_board { float: left; display: inline-block; margin-bottom: 18px; width: 100%;}

.tab_area { width: 100%; float: left; position: relative;padding-top: 7px; border-radius: 5px 5px 0 0;}
.tab_area ul {display: flex;width: calc(100% - 90px);float: left;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;}
.tab_area ul li {display: flex;height:42px;flex-grow: 1;/* float: left; *//* min-width: 90px; */padding: auto 24px;/* margin-left: 0px; */border-radius: 4px;}
.tab_area ul li:first-child {margin-left: 7px;}
.tab_area ul li a {display: flex;width: 100%;height: 42px;line-height: 42px;color: rgba(255, 255, 255, 0.6);font-size: 15px;font-family:"NanumSquare";font-weight: bold;background: none;text-align: center;webkit-transition-delay: 0.01s;transition-delay: 0.01s;transition: 0.1s ease;-moz-transition: 0.1s ease;-webkit-transition: 0.1s ease;-o-transition: 0.1s ease;justify-content: space-evenly;}
.tab_area ul li a.on, .tab_area ul li a:hover { color: #5a6387; background: #fff; border-radius: 4px 4px 0 0;}
.tab_notice { background-color: #2b8adb;}
.tab_people { background-color: #14b8c7;}
.more { display: inline-block; height: 15px; color: #fff; font-size: 12px; font-family: "NotoSans"; position: absolute; right: 16px; top: 16px;}
.more i { width: 15px; height: 15px; border-radius: 15px; display: inline-block; position: relative; top:3px; margin-left: 5px;}
.tab_area .more {position: relative;float: right;top: 9px;}
.tab_notice .more i {background: #0068d7 url(../images/p_more.png) no-repeat left 6px center;}
.tab_people .more i {background: #0096a4 url(../images/p_more.png) no-repeat left 6px center;}


.list_area {background-color: #fff;width:100%;border-radius: 0 0 5px 5px;display: inline-block;padding: 10px 28px;float: left;height: 179px;}
.list_area li { width:100%; float: left; display: inline-block; border-bottom: 1px solid #eaeaea; vertical-align: middle;}
.list_area li a { height: 36px; line-height: 36px; width: 100%; float: left;}
.list_area li a strong { display: flex; min-width: 0; flex: 1; align-items: center; color: #333; font-size: 14px; font-family: "NotoSans"; font-weight: 400; letter-spacing: -0.025em; width:calc(100% - 130px); overflow: hidden; float: left; height: 36px; line-height: 36px; margin-right: 12px;}
.list_area li a strong b { font-weight: 400; overflow: hidden; float: left; height: 100%; text-overflow: ellipsis; display: inline-block; white-space: nowrap;}

.list_area li a strong.new0.imp b { max-width:calc(100% - 80px);}
.list_area li a strong.new0 b { max-width:calc(100% - 37px);}
.list_area li a strong.imp::before { color: #04ada7; font-size: 12px; font-family: "NotoSans"; display: inline-block; padding: 2px 4px; border-radius: 3px; border: 1px solid #42d1cd; line-height: 14px; letter-spacing: -0.025em; vertical-align: middle;font-style: normal; margin-right: 6px; content:"중요"; min-width: 37px; text-align: center;}
.list_area li a strong.new0::after { content:""; background:url(../images/new.png) no-repeat left center; width: 17px; height: 17px; display: inline-block; float: left; margin-left:2px;}


.list_area li a span { color: #999; font-size: 13px;  font-family: "NotoSans"; width: 72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; height: 36px; line-height: 36px; float: left;}
.list_area li a span.date { color: #999 !important; width: 40px; text-align: right; float: right;}
.list_area li:last-child { border-bottom: 0;}


/* 메인 _ 하단 */
.group_web { display: inline-block;}
.group_mobile { display: none;}
.main_sec_bottom { display: inline-block; width: 100%; margin-bottom: 20px;}
.wrap_board { display: inline-block; background:#fff; border-radius: 5px; padding: 24px 28px; width: 395px; margin: 0 9px; float: left;}
.wrap_board.dark { width:calc(100% - 808px); max-width: 526px; background: #5a6387;}
.wrap_board_tt { position: relative; border-bottom: 1px solid #e1e1e1; padding-bottom: 14px; float: left; width: 100%;}
.wrap_board_tt h3 { font-family: "NanumSquare"; color: #000; font-size: 18px; letter-spacing: -0.025em; line-height: 20px; }
.wrap_board_tt .more { color: #5a6387; right: 0; top: 0;}
.wrap_board_tt .more i { background:#c0c6dd url(../images/p_more.png) no-repeat left 6px center;} 


/* 채널S - 이미지 리스트 */
.ch_s_w { position: relative; display: inline-block; width: 100%;}
.ch_s_w .wrap_board { overflow: hidden; padding:0; margin: 0; height: 148px; width: 100%;}
.ch_s_w .swiper-pagination3 { display: inline-block; position: absolute; bottom:-22px; top: auto; left: 50%;}
.ch_s_w .swiper-pagination3 span { margin-right: 2px;}
.ch_s_w .swiper-button-prev { position: absolute; left:-40px !important; top:50%; border-radius: 50px; width: 36px; height: 36px; background-color:  rgba(100, 122, 147, 0.2);}
.ch_s_w .swiper-button-next { position: absolute; right:-40px; top:50%; border-radius: 50px; width: 36px; height: 36px; background-color: rgba(100, 122, 147, 0.15);}
.ch_s_w .swiper-wrapper { margin-top: 0;}
.ch_s_w .swiper-slide { height: 160px;}
.ch_s_w .img_list { overflow: hidden !important;}

.img_list { margin-top: 15px; float: left; width: 100%; height:140px;}
.img_list li { height: 64px; margin-bottom: 5px;}

/*.img_list li:last-child { margin-bottom:0;}*/
.img_list li a u { text-decoration: none; overflow: hidden; float: left; border: 1px solid #e1e1e1; width: 138px; height: 64px; display: inline-block; margin-right: 20px;}
.img_list li a u img { width: 100%; height: auto;}
.img_list li a strong { display: inline-block; color: #333; font-size: 14px; font-family: "NotoSans"; font-weight: 400; letter-spacing: -0.025em; width:calc(100% - 158px); line-height: 20px;}
.img_list li a strong b { font-weight: 400;word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.img_list li a span { color: #999; font-size: 13px;  font-family: "NotoSans"; width: 72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; height: 24px; line-height: 24px;}
.img_list li u { position: relative;}
.img_list li u i { position: absolute; right: 0; top: 0; background: url(../images/new2.png) no-repeat center center; width: 24px; height: 24px; background-size: 24px;}

/* 뉴스룸 - 텍스트 리스트 */
.text_list { display: inline-block; margin-top: 15px; width: 100%; height:140px;}
.text_list li { width:100%; float: left; display: inline-block;}
.text_list li a { height: 28px; line-height: 28px; width: 100%; float: left; }
.text_list li a strong { display: flex; min-width: 0; flex: 1; align-items: center; color: #333; font-size: 14px; font-family: "NotoSans"; font-weight: 400; letter-spacing: -0.025em; width:calc(100% - 52px); float: left; height: 36px; line-height: 36px;}

.text_list li a strong b { font-weight: 400;font-weight: 400; overflow: hidden; float: left; height: 100%; text-overflow: ellipsis; display: inline-block; white-space: nowrap; max-width:calc(100% - 0px);}
.text_list li a span { color: #999; font-size: 13px;  font-family: "NotoSans"; width: 72px; margin-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; height: 36px; line-height: 36px;text-align:right; float: right; width: 40px;}
.text_list li a span.date{ color: #999 !important;}

.text_list li a strong.new0.imp b { max-width:calc(100% - 70px);}
.text_list li a strong.new0 b { max-width:calc(100% - 27px);}
.text_list li a strong.imp b { max-width:calc(100% - 47px);}
.text_list li a strong.imp::before { color: #04ada7; font-size: 12px; font-family: "NotoSans"; display: inline-block; padding: 2px 4px; border-radius: 3px; border: 1px solid #42d1cd; line-height: 14px; letter-spacing: -0.025em; vertical-align: middle;font-style: normal; margin-right: 6px; content:"중요"; min-width: 37px; text-align: center;}
.text_list li a strong.new0::after { content:""; background:url(../images/new.png) no-repeat left center; width: 17px; height: 17px; display: inline-block; float: left; margin-left:2px;}


/* 전자결재 */
.dark .wrap_board_tt .more { color: #fff;}
.dark .wrap_board_tt .more i { background:#444d72 url(../images/p_more.png) no-repeat left 6px center;} 
.dark .wrap_board_tt h3 { color: #fff; font-weight: 200 !important; display: inline-block; float: left;}
.dark .wrap_board_tt { border-bottom: 1px solid #757c99; display: inline-block; width: 100%;}
.wrap_board_menu { display: inline-block; position: absolute; left: 74px; top: -7px;}
.wrap_board_menu li { display: inline-block; float: left; font-size: 14px;font-family: "NotoSans"; font-weight: 300;}
.wrap_board_menu li a {display: inline-block;float: left;padding: 6px 8px;background: #5a6387;color: rgba(255, 255, 255, 0.6);border-radius:50px;}
.wrap_board_menu li a.on, .wrap_board_menu li a:hover { background: #464f74 !important; color: #76aae8 !important; border-radius:50px;}
.dark .text_list { display: inline-block; }

.dark .text_list li a strong { display: flex; align-items: center; color: #fff; font-weight: 300; width:calc(100% - 124px); margin-right: 10px;}
.dark .text_list.dark_scr_style li a strong { display: flex; align-items: center; color: #fff; font-weight: 300; width:calc(100% - 174px); margin-right: 10px;}
.dark .text_list li a strong b { font-weight: 400;}
.dark .text_list li a b.step { float: left; font-size: 14px; color: #7bb6f8; height: 34px; line-height: 34px; margin-right: 10px; letter-spacing: 0.025em; width: 30px;}
.dark .text_list li a span { float: left; color: rgba(255, 255, 255, 0.6);font-weight: 300;}
.dark .text_list li a span.date { float: right; color: rgba(255, 255, 255, 0.6) !important;}

/* 전자결재 스크롤 스타일 */
.dark_scr_style  {scrollbar-3dLight-Color: #8ba440; scrollbar-arrow-color: #a8c060; scrollbar-base-color: #8ba440; scrollbar-Face-Color: #a8c060; scrollbar-Track-Color: #8ba440; scrollbar-DarkShadow-Color: #8ba440; scrollbar-Highlight-Color: #8ba440; scrollbar-Shadow-Color: #8ba440; overflow-y: scroll; height: 140px; padding-right: 14px;}

.dark_scr_style::-webkit-scrollbar {width: 8px; height: 8px;}
.dark_scr_style::-webkit-scrollbar-button:start:decrement{display: block; height: 10px; background: rgba(0,0,0,.5); border-radius: 8px 8px 0 0;} 
.dark_scr_style::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: rgba(0,0,0,.5); border-radius: 0 0 8px 8px;}
.dark_scr_style::-webkit-scrollbar-track {background: rgba(0,0,0,.5); -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2);}
.dark_scr_style::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(255,255,255,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);}

.work_sys { display: none;}
.search_orn_mobile { display: none;}
.menu_mobile { display: none;}
.mobile_conf { display: none;}


/* 상단메뉴 */
@media only screen and (min-width:1700px){
.gnb_menu {padding-top: 35px !important; width: calc(100% - 600px); margin: auto 300px;}
}

@media only screen and (min-width:1421px) and (max-width:1530px){
.gnb_menu {padding-top: 35px !important; width: calc(100% - 450px); margin: auto 225px;}
.gnb_menu li a { font-size: 18px; background-size: 18px 18px; padding-left: 23px;}
.ul_3dth li a {padding-left:0;}
.head .logo { height: 26px; width: 140px;}
}
@media only screen and (max-width:1420px){
.gnb_menu {padding-top: 50px !important; width: calc(100% - 200px); margin: auto 100px;}
.gnb_menu li a { font-size: 18px; background-size: 18px 18px;}
.gnb_menu li > a {padding-bottom: 21px;}
.ul_3dth li a {padding-bottom:0;}
.bg_2dth { top: 40px;}
.head .logo { height: 26px; width: 140px; top: 10px;}
.gnb_right { top: 5px !important;}
.gnb_right a {right: 175px !important; top: 5px;}
}

@media only screen and (max-width:1200px){
.gnb_menu {padding-top: 50px !important; width: calc(100% - 100px); margin: auto 50px;}
.gnb_menu li a { font-size: 16px; background-size: 16px 16px;}
}
@media only screen and (max-width:1200px){
.gnb_menu {padding-top: 50px !important; width: calc(100% - 60px); margin: auto 30px;}
.gnb_menu li a { font-size: 17.5px; background-size: 15px 15px; background-position: top 2px left;}
}

/* 메인 */
@media only screen and (max-width:1386px){
.main_con { width: 100%;}
.main_sec_right, .wrap_board.dark { min-width: calc(100% - 844px); width: calc(100% - 844px);}
}
@media only screen and (min-width:1280px){
.main {min-height: 946px;}

}
@media only screen and (min-width:769px) and (max-width:1280px){
/* .main_sec_right, .wrap_board.dark { max-width: 419px;} */
.event_area { width: 808px; margin: 0 auto; }
.event_area .event_img { margin: 0 auto; float: none;}
.main_sec_left { width: calc(100% - 18px);}
.main_sec_right { width: calc(100% - 18px); max-width: 100%; margin-top:9px;}
.main_board { width: calc(50% - 9px);}
.main_sec_bottom { width: 100%;}
.main_sec_bottom .wrap_board { width: calc(50% - 18px) !important;  float: left;}
.main_sec_bottom .wrap_board:last-child { float: right;}
.main_sec_bottom .ch_s_w .wrap_board { width: 100% !important;}
.main_board:last-child { float: right;}
.main_sec_right, .wrap_board.dark { min-width: calc(100% - 18px); width: calc(100% - 18px); margin-top: 18px;}
}
@media only screen and (max-width:1325px){
.wrap_board_menu li a { font-size: 12px; margin-top: 2px;}
}
@media only screen and (max-width:1004px){
.tab_area ul li { min-width: 90px;}
}
/*   ---------- 메인 모바일 --------   */
@media only screen and (max-width:768px){

.main_board { margin-bottom: 0; margin-top: 10px;}
.group_web { display: none;}
.group_mobile { display: inline-block; float: left;}
.wrap_board_tt { border-bottom: none; padding:3px 9px; margin-top: 5px;}
.wrap_board_tt h3 { color: #79828b; font-size: 14px;}
.main_sec_bottom .wrap_board { height: 71px; margin:0 9px; float: left; position: relative; }
.main_sec_bottom .wrap_board li { margin-bottom:0; float: left; height: 100%; width: 100%;}
.main_sec_bottom .wrap_board .img_list { margin-top: 0;}
.main_sec_bottom .text_list { margin-top: 6px;}
.img_list li a { width: 100%;}
.img_list li a u { height: 71px;}
.img_list li a strong { text-align: left; margin-top: 15px; padding-right: 20px;}
.img_list li a strong b { line-height: 20px;}
.img_list li a span { position: absolute; right: 26px; color: #999 !important; text-align:right; bottom: 5px; display: none;}

.newsroom { background: #fff; border-radius: 5px; margin: 0 9px; width: calc(100% - 18px) !important; float: left; margin-top: 20px; padding-left: 110px; padding-right: 17px; height: 46px;}
.newsroom .wrap_board { height: 46px; }
.newsroom.group_mobile .wrap_board_tt { width: 100px; position: absolute; left:15px; top: 5px; z-index: 50;background: url(../images/icon_newsroom.png) no-repeat left center; background-size: 25px 25px; padding-left: 34px;}
.newsroom.group_mobile .wrap_board_tt h3 { color: #000;}
.newsroom.group_mobile .wrap_board_tt::after { content: ""; display: inline-block; width: 1px; height: 13px; background: #e1e1e1; position:absolute; right: 12px; top: 6px;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { position: absolute; bottom: -17px !important;}
.swiper_group { position: relative; display: inline-block; float: left; width: 100%;}
.swiper-pagination2 { text-align: center; transition:.3s opacity; transform: translate3d(0,0,0); z-index: 10; width:100%; left:0; bottom: -15px; position: absolute;}

/* 메인 슬라이딩 베너 */
.swiper {
        width: 100%;
        height: 100px;
}

.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
		
        /* Center slide text vertically */
        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-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
}


.work_sys { display: inline-block; width: 100%;}
.work_sys ul { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-around; align-items: flex-start; background: #fff; border-radius: 5px; padding: 10px; margin: 0 9px; width: calc(100% - 18px);column-gap:10px;}
.work_sys ul li { display: flex; flex-direction:column; align-items: center; margin-top: 5px;}
.work_sys ul li img { width: 50px; height: auto; margin-bottom: 3px;}
.work_sys ul li span { font-size: 12px; color: #79828b; font-family: "NotoSans"; font-weight: 400; text-align: center;}

/*전자결재*/
.wrap_board.dark { display: none;}
.wrap_board.dark .wrap_board_tt { display: none;}
.wrap_board_tt h3 { font-size: 14px;}
.wrap_board { width: calc(100% - 18px); max-width:auto; margin-bottom: 20px;}
.wrap_board.dark { width: calc(100% - 18px); max-width:100%; margin-bottom: 20px;}
.dark .text_list li a strong {width:calc(100% - 102px); margin-right: 10px;}
.dark .text_list li a span { display: none; }
.dark .text_list  li a span.date { display: inline-block !important; float: right;}

.wrap_board_menu { position: relative; width: 100%; left: 0; top: 9px;}
.wrap_board_menu li { margin-right: 0;}
.wrap_board_menu li a { padding: 6px 7px; font-size: 13px;}

.tab_area ul li a { font-size: 13px;}
.tab_area ul li { min-width: 65px;}
.list_area li a span { display: none;}
.list_area li a span.date { display: inline-block !important; float: right;}

.list_area li a strong { width:calc(100% - 48px) !important; margin-right:7px;}
.list_area li a strong.new0.imp b { max-width:calc(100% - 65px);}
.list_area li a strong.new0 b { max-width:calc(100% - 22px);}
.list_area {height: 90px;}
.list_area li:nth-child(2) { border-bottom: none;}
.list_area li:nth-child(3), .list_area li:nth-child(4) { display: none;}


.text_area li a strong { width:calc(100% - 48px) !important; margin-right:7px;}
.text_area li a strong.new0.imp b { max-width:calc(100% - 65px);}
.text_area li a strong.new0 b { max-width:calc(100% - 22px);}

.list_area li a strong b, .text_list li a strong b, .img_list li a strong b {font-size: 14px;}
.img_list li a strong b {}
.list_area li a strong.new { background: url(../images/new.png) no-repeat center center; width: 14px; height: 14px; background-size: 14px;}
}

/*   ---------- 공통 모바일 --------   */
@media only screen and (max-width:1024px){
	
.nav { display: none !important;}

.container { margin-top: 246px;}
.main_con { min-width: 0;}
.main { padding-top: 124px;}
.main_sec_left { display: none;} 
.main_sec_right { width: calc(100% - 18px); max-width:calc(100% - 18px); padding-top: 0; margin-left: 9px; margin-right: 9px; float: left;}
.today, .wig_list { display: none;}
.total_search_main { display: none;}

.user { display: none;}
.top_search { margin-top: 6px;}

.admin_pop_btn { display: none;}

.head { float: left; width: 100%; height: 124px !important; /*216px !important;*/ background:#fff !important;}
.head .head_wrap { display:inline-block; float: left; width: 100%; height:124px; position: relative; }
.head .logo { width: 130px; top: 15px;}
.gnb_right {top: 19px;}
.admin_pop_btn { display: none;}

.ogn_pop .pop_con { position: fixed; left:0; top:0; right:0; bottom:0;}
.tree_wrap { display: none;}
.wrap_people { width: 100%; margin-left: 0;}
.orn_search li { width: 100% !important; margin-bottom: 4px; float: left;}
.orn_search .seacrh_area .sel_item input, .orn_search .seacrh_area .sel_item select, .orn_search .seacrh_area .sel_item p, .orn_search .seacrh_area .radio_top p { width: auto !important;}
.scroll_area_ogn { overflow: auto !important; height: auto; padding: 0 !important;}


.m_hide { display:none !important;}

.gnb_menu { display: none;}
.gnb_menu li { display: none;}
.gnb_menu li { margin: 0 12px;}
.gnb_menu li a { font-size: 18px; padding-left: 27px; background-size: 18px 18px; } 

.gnb_menu_mobile { display: inline-block; width: 100%; overflow-x:scroll; display: inline-block; float: left; background: #f4f4f4;}
.gnb_menu_mobile table td {font-size: 14px; color: #000;white-space:nowrap; line-height: 46px; height: 46px;}
.gnb_menu_mobile table td a {font-size: 15px; color: #000; font-family: "NotoSans"; letter-spacing: -0.025em; background: none; position: relative; display: inline-block; height: 46px; line-height: 46px;}
.gnb_menu_mobile ul li { float: left;}
.gnb_menu li.mobile_view_none, .mobile_view, .gnb_menu li ul.mobile_view li { display: inline-block !important;}
.gnb_menu li.mobile_view_none > a { display: none !important;}
.gnb_menu li ul.mobile_view li { width: auto; }
.gnb_menu li ul.mobile_view li a {background: none; padding-left:0; font-size: 16px;}
.gnb_menu li:hover ul {display: inline-block; text-align: left; width: 100%; height: 44px; position: relative; top: -7px !important; left: 0; border:0; box-shadow: none; /* padding: 0 !important; */background: none; padding:auto !important;}
.gnb_menu li ul li a::after { opacity: 0; left: 50%; bottom:0; right:0; content:" ";background-color:#3273bd;width: 0; height: 4px; -webkit-transition-delay: 0.0s; transition-delay: 0.0s;transition: 0.2s ease; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease;}
.gnb_menu li ul li a:hover::after { opacity: 1; left: 0; width: 100%; height: 4px; background-color: #3273bd;}


.gnb_menu_mobile.mo_2dep td a::after { opacity:0; content:""; background-color:#1482ff; display: inline-block; position:absolute; bottom: 0; height: 4px;  width: 100%; left: 0; right: 0;-webkit-transition-delay: 0.03s; transition-delay: 0.03s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.gnb_menu_mobile.mo_2dep td a.on::after { opacity:1; content:""; background-color:#2b8adb; display: inline-block; position:absolute; bottom: 0; height: 4px;  width: 100%; left: 0; right: 0;-webkit-transition-delay: 0.03s; transition-delay: 0.03s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.gnb_menu_mobile.mo_2dep td a:hover::after { opacity: 1;}
.total_search { display: none;}

.mo_1dep { background: #00a5da; position: fixed; top: 124px; left:0; border-top: 1px solid #7cb9ee; z-index: 50;}
.mo_2dep { background: #ebf0f7; position: fixed; top: 170px; left:0;z-index: 50;}

.gnb_menu_mobile.mo_1dep { border-top: 1px solid #7cb9ee;}
.gnb_menu_mobile.mo_1dep table td:first-child { padding-left: 14px;}
.gnb_menu_mobile.mo_1dep table td a { padding: 0 17px; }
.gnb_menu_mobile.mo_1dep table td a { border-radius: 50px; height: 32px; line-height: 32px; color: #fff;}
.gnb_menu_mobile.mo_1dep table td a.on { background-color: #23c0f1;}

.gnb_menu_mobile.mo_2dep { border-bottom: 1px solid #e1e1e1;}
.gnb_menu_mobile.mo_2dep table td{ padding: 0 12px; }
.gnb_menu_mobile.mo_2dep table td:first-child { padding-left: 24px;}
.gnb_menu_mobile.mo_2dep table td a.on { color:#2b8adb; font-weight: 600;}
.gnb_menu_mobile.mo_2dep table td a { color: #79828b;}

.tab_area ul li { min-width: 60px; }
.tab_area ul li a {font-size: 14px;}

	
/* 모바일 gnb */
.head { background:#00a5da/*5ba7ea*/ !important; box-shadow: none;}
.head .logo { background: url(../images/login_logo.png) no-repeat center center !important; background-size: 131px 17px !important; width: 131px !important; height: 17px !important; top: 24px; left: calc(50% - 65px) !important;}
.gnb_right { top: 10px !important; right: 20px !important;}
.top_search { background:url(../images/top_search_m.png) no-repeat left center; background-size: 13px !important; color: #fff; font-size: 12px; padding-left: 16px !important;}
.user {}
.head_wrap { height: 124px;}

.slide_menu { cursor:pointer; position: absolute; left: 24px; top: 25px; width: 24px; height: 16px; display: inline-block;}
.slide_menu b { position: relative; width: 100%; height: 100%;}
.slide_menu i {display: inline-block; width: 24px; height: 2px; background: #fff; position: absolute; left:0;}
.slide_menu i::before { content: "";  width: 24px; height: 2px; background: #fff; display: inline-block; position: relative; top: 7px; left:0; position: absolute;}
.slide_menu i::after { content: "";  width: 24px; height: 2px; background: #fff; display: inline-block; position: relative; top: 14px; left:0; position: absolute;}

.menu_mobile { display: block; height: 100%; width: 0; position: fixed; z-index:60; top:0; left:0; transition: 0.5s; background: #fff; overflow-x: hidden;}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.menu_mobile a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;   
}

.search_orn_mobile { display: block; width: 100%; position: absolute; top: 63px; height: 43px !important; padding:0 20px;}
.search_orn_mobile.board_control .search_board { width: 100%;}
.search_orn_mobile .item_select { width: 100px !important;}
.search_orn_mobile .item_select, .search_orn_mobile .item_select select { border-radius: 50px 0 0 50px; }
.search_orn_mobile .item_select select { height: 43px !important; border: none; line-height: 43px; padding-left:16px; color: #607eae; font-size: 14px;}
.search_orn_mobile .item_select::after { content:""; width: 1px; height: 16px; background-color: #c0cfe0; display: inline-block; position: relative; top: 13px;}

.search_orn_mobile .item_search { height: 43px !important; line-height: 43px; border-radius: 0px 50px 50px 0; width: calc(100% - 150px) !important; float: left;}
.search_orn_mobile .item_search input, .search_orn_mobile .item_search a { height: 43px !important; line-height: 43px !important; border: none;font-size: 14px !important; color: #000;}
.search_orn_mobile .item_search input::placeholder { color: #607eae; font-size: 14px !important; }
.search_orn_mobile .search_board .sel_item.item_search input { width: calc(100% - 51px) !important; }
.search_orn_mobile .item_search a { border-radius: 0 50px 50px 0; background: #aebeda; color: #fff; font-size: 13px; text-align: center; text-indent:0; width: 51px; line-height: 43px; padding:0 !important; position: relative; right: -1px;}
.search_orn_mobile.board_control { border-bottom: 0;}

.btn_ogn { cursor: pointer; width: 43px; height: 43px; background:url(../images/btn_ogn.png) no-repeat center center; border-radius: 50px; float: right; text-indent: -9999px; overflow: hidden; background-size: 43px;}
.mobile_conf { display: block; cursor: pointer; background: #fff url(../images/icon_gogo.gif) no-repeat right 20px center !important; background-size: 11px 11px !important; border-radius: 5px; width: calc(100% - 18px); margin: 9px; margin-bottom: 0; height: 50px; line-height: 50px; float: left; padding-left: 20px; text-align: left; float: left;}
.mobile_conf strong { font-size: 14px !important; color: #333; font-family:"NotoSans"; font-weight: 600; letter-spacing: -0.025em;}
.mobile_conf strong::after { content: ""; display: inline-block; width: 1px; height: 13px; background: #c0cfe0; margin-left: 12px; margin-right: 12px; position: relative; top: 2px;}
.mobile_conf span { font-size: 14px; color: #939393;font-family:"NotoSans";}
.mobile_conf b { background: #12bfac; color: #fff !important; text-align: center; padding: 0 15px; display: inline-block; height: 22px; line-height: 23px; margin-left: 8px; border-radius: 20px; font-size: 14px;}


/* 슬라이딩 메뉴 */
.top_bar { height: 58px; background: #00a5da/*86c6ff*/; text-align: left; line-height: 58px;}
.top_bar a { display: inline-block;  color: #fff; position: absolute; right: 10px; top: -10px;}
.top_bar .user { display: inline-block; background: url(../images/icon_user.png) no-repeat left center !important; background-size: 19px 20px !important; color: #fff; font-size: 15px; font-family: "NotoSans"; font-weight: 400; margin-left: 24px; float: left; margin-top: 13px;}
.top_bar .log_out { color: #fff; text-decoration: underline; font-size: 12px !important; font-family: "NotoSans"; font-weight: 400; float: left; margin-top: 22px;}

.menu_mobile { overflow: hidden;}
.menu_mobile .scroll_v { height: calc(100vh - 58px);}
.menu_mobile .mobile_conf { margin-bottom: 9px;}
.menu_mobile .mobile_conf strong { font-size: 17px !important;}

.menu_mobile .mobile_conf span { font-size: 16px !important;}
.menu_mobile h3 { height: 36px; line-height: 36px; width: 100%; background: #8692af/*aebeda*/; color: #fff; font-size: 15px; padding-left: 20px; float: left; text-align: left;font-family: "NotoSans"; font-weight: 600; letter-spacing: -0.025em;}
.menu_mobile h4 { font-size: 17px; color: #333; text-align: left; padding-left: 30px;font-family: "NotoSans"; font-weight: 600;letter-spacing: -0.025em; margin-top: 22px; line-height: 17px; float: left; width: 100%;}
.menu_list { display: inline-block; float: left; width: 100%; border-bottom: 1px solid #e1e1e1; padding-bottom: 12px; margin-top: 11px;}
.menu_list li a { width: 100%; text-align: left; padding-left: 55px; font-size: 16px; color: #939393;font-family: "NotoSans"; font-weight: 600; letter-spacing: -0.025em; text-align: left; background: url(../images/m_bul.png) no-repeat left 30px center !important; height: 38px; line-height: 38px; padding-top: 0; padding-bottom: 0;}
.menu_list li.on a {background: url(../images/m_bul_on.png) no-repeat left 30px center !important; color: #2b8adb;}


/* 모바일 서브 */
.board_group_img { display: none !important;}


/* 모바일 리스트 */
.list { margin-top: 10px;}
.list li .list_txt h3 { font-size: 17px; line-height: 22px;}
.list.list_title li .list_txt h3 {position: relative; top: 5px; margin-bottom:4px;}
.list li.list_item {border-bottom: 1px solid #e1e1e1;}
.list.list_title > li:nth-child(5n) { margin-bottom: 0;}
.list.list_title > li:nth-child(5n)::after { display: none;}
.list_type li:last-child { display: none;}

/* 헬프데스크 모바일 */
.heldesk_container { margin-top: 146px;}
.heldesk_container .board_control { height: auto !important;}
.heldesk_container .board_control .search_board .seacrh_area { width: 100%;}
.heldesk_container .board_control .search_board .seacrh_area li { width: 100% !important;}
.heldesk_container .board_control .search_board .seacrh_area .sel_item input, .heldesk_container .board_control .search_board .seacrh_area .sel_item select, .heldesk_container .board_control .search_board .seacrh_area .sel_item p, .heldesk_container .board_control .search_board .seacrh_area .radio_top p { height: 42px; line-height: 42px;}
.heldesk_container .board_control .search_board .seacrh_area li.date_range { width: calc(50% - 0px) !important; float: left;}
.heldesk_container .board_control .search_board .seacrh_area li.la_b { border-right: 1px solid #e1e1e1 !important;}
.heldesk_container .board_control .search_board .seacrh_area li.date_pick {height: 33px !important;}
.heldesk_container .board_control .search_board .seacrh_area li.date_pick div { height: 33px !important; float: right; padding-right: 0; border: none;}
.heldesk_container .board_control .search_board .seacrh_area li.date_pick div button { top: 0;}
.heldesk_container .board_control .search_board .seacrh_area li.no_tt select { width: 100px !important; }
.heldesk_container .board_control .search_board .seacrh_area li.no_tt div { width: calc(100% - 100px) !important; }
.heldesk_container .board_control .search_board .seacrh_area li.no_tt div input { width: 100% !important;}

.heldesk_container .board_control .search_board .seacrh_area li.date_range.item_date input { width: 1%;}
.tearcs { margin: 0 20px !important;}
.cs_table { margin-top: 8px !important;}
.down_excel { display: none !important;}
.heldesk_container h3 { font-family:"NanumSquare"; font-size: 17px; margin-bottom: 8px; display: inline-block !important;}

/* 전자결재 미결함 모바일 */
.conf_pop { width: 100% !important; margin-top:0 !important; left:0 !important; height: 100vh !important; max-height: 100vh !important;}
.conf_pop .pop_pop { padding: 24px 20px !important; position: relative; max-height: calc(100vh - 60px) !important; height: calc(100vh - 60px) !important;}
.conf_pop table thead { display:none;}
.conf_pop table tbody tr { display: inline-block; width: 100%; position: relative; border-bottom: 1px solid #e1e1e1; float: left; padding-bottom: 17px;}

.conf_pop table td { display: inline-block; float: left; padding: 0; margin-top: 43px; border: none; font-size: 13px; line-height:16px !important; text-align: left; position: relative; white-space: nowrap; letter-spacing: -0.025em;}
.conf_pop table td a { font-size: 15px; text-decoration: none; letter-spacing: -0.025em; text-decoration: none !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 100%; font-weight: 500;}
.conf_pop table colgroup { display: none;}
.conf_pop table td:nth-child(1) { display: none;}
.conf_pop table td:nth-child(2) { display: none;}
.conf_pop table td:nth-child(3) { width: 100%; position: absolute; left:0; top: 17px; margin-top: 0;}
.conf_pop table td:nth-child(4) { width: 32%;}
.conf_pop table td:nth-child(5) { width: 15%; text-align: center;}
.conf_pop table td:nth-child(6) { width: 32%; text-align: center;}
.conf_pop table td:nth-child(7) { width: 21%; text-align: right;}

.conf_pop table td:nth-child(4), .conf_pop table td:nth-child(5) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.conf_pop .refresh_btn { position: absolute !important; left: 10px; top: 60px; }
.conf_pop .comt { position: relative; width: 100%; top: -5px;display: inline-block; margin-left: 0;}
.conf_pop .conf_go { position: relative; top: 40px;}
.conf_pop h3 { padding-bottom: 35px !important;}
}

/*   ---------- 600 모바일 --------   */
@media only screen and (max-width:600px){
.tab_area ul li { min-width: 60px; }
.tab_area ul li a {font-size: 13px;}
.tab_area .more {right: 8px}
}

/* 헬프데스크 태블릿 */
@media only screen and (max-width: 1260px){
.heldesk_container .contents .wrap_sroll_con { width: 100%; overflow-x: scroll;}
.heldesk_container .contents .wrap_sroll_con table { margin-bottom: 0;}
}

/*모바일 조직도*/
@media only screen and (max-width: 1120px){
.ogn_pop .pop_con { position: absolute; left:0 !important;top:0 !important; margin-left:0 !important; margin-top:0 !important; bottom:0 !important; height: calc(100vh - 13px); max-height: 100vh !important; }

}
@media only screen and (max-width: 1023.9px){
.ogn_pop .list_box { width: calc(100% - 20px);}
}



/* 스크롤 스타일 */
.scroll_style  {scrollbar-3dLight-Color: #8ba440; scrollbar-arrow-color: #a8c060; scrollbar-base-color: #8ba440; scrollbar-Face-Color: #a8c060; scrollbar-Track-Color: #8ba440; scrollbar-DarkShadow-Color: #8ba440; scrollbar-Highlight-Color: #8ba440; scrollbar-Shadow-Color: #8ba440; }

.scroll_style::-webkit-scrollbar {width: 8px; height: 8px;}
.scroll_style::-webkit-scrollbar-button:start:decrement{display: block; height: 10px; background: rgba(0,0,0,.5); border-radius: 8px 0 0 8px;} 
.scroll_style::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: rgba(0,0,0,.5); border-radius: 0 8px 8px 0;}
.scroll_style::-webkit-scrollbar-track {background: rgba(0,0,0,.5); -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2);}
.scroll_style::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(255,255,255,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}


/* tab */
@media only screen and (min-width:769px) and (max-width:1023.9px){

.section_left { display: none;}

.section_right { width: calc(100%); padding-left: 20px; padding-right: 20px; max-width: 100%;}
.contents { text-align: center; width: 100%;}
.contents ul.list_photo { display: inline-block; max-width: 918px;}
.contents ul.list_photo li.list_item { text-align: left; }
.list_type li:last-child { display: none;}

}

@media only screen and (min-width:769px) and (max-width:910px){

.list_photo li .list_txt h3 {font-size: 16px; margin-bottom: 10px;}
.list_photo li .list_txt ul.list_etc { margin-top: 35px;}
.list_photo li .list_txt ul.list_etc li { font-size: 13px;}
.list_photo li .list_txt ul.list_etc li span {  font-size: 13px;}
}

@media only screen and (max-width:840px){
.list_photo li.list_item { max-width: 290px; width: calc(50% - 12px);}
.list_photo li:nth-child(3n) { margin-right: 24px;}
.list_photo li:nth-child(2n) { margin-right: 0 !important; }
.contents { text-align: center; width: 100%;}
.contents ul.list_photo { display: inline-block; max-width: 604px;}
.contents ul.list_photo li.list_item { text-align: left; }
}

/* mobile 가로~ tab 세로*/
@media only screen and (max-width:624px){
.btn_write { float: right;margin-right: 5px;height: 35px;line-height: 35px;margin-top:32px;}
}
@media only screen and (min-width:1201px) and (max-width:1340px){
.total_search {  top: -40px;}
}

@media only screen and (min-width:0px) and (max-width:1200px){
.total_input { margin-top: 15px; font-size:19px; }
.click_search { top: 20px;}
}

@media only screen and (max-width:1440px){
.bg_notice { background: url(../images/bg_notice_1440.gif) repeat-x left top 60px !important; padding-bottom: 80px;}
}
@media only screen and (max-width:1200px){
.notice .section_left { padding-left:20px;}
}



/* 부트스트랩 캐러셀 */
.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: #212529;
}





/**/
.main .section_right { overflow: hidden;}
.notice { width:100%; display: inline-block; text-align: left; margin-top: 20px;}
.notice .section_left { margin-left: 30px; width: 200px; }
.notice .section_right { width: calc(100% - 230px); padding-left:70px;}

.notice .list_photo { margin-top: 0px;}
.noti_list { margin-top: 20px;}
.noti_list .list_photo .list_item { width: 100%; max-width: 100% !important; margin-right: 0; margin-bottom:0; box-shadow: none !important;}
.mainCon1 .tabCon .swiper-slide { box-shadow:15px 15px 30px rgb(0 0 0 / 10%) !important;}
.mainCon1 {position:relative; padding:0px 0 30px;}
.mainCon1 .tabCon { padding-bottom: 50px;padding-top: 50px; width: auto !important;}
.bg_notice { background: url(../images/bg_notice.gif) repeat-x left top 60px; padding-bottom: 80px;}


@media only screen and (min-width:1440px){
.notice h2 { font-size: 33px;}
.notice .section_left { margin-left: 40px; width: 220px; }
.notice .section_right { width: calc(100% - 260px); padding-left:80px;}
.notice .list_photo .list_txt {padding: 27px 30px 30px 30px;}
.notice .list_photo .list_txt .etc_box strong { font-size: 14px;}
.notice .list_photo .list_txt .etc_box .etc_count { font-size:15px;}
.notice .list_photo .go_reply i { font-size: 15px !important; font-style:normal;}
.notice .list_photo .list_txt h3 { font-size: 22px; margin-bottom: 24px; height: 63px;}
.notice .list_photo .list_txt p { font-size: 15px; letter-spacing: -0.025em; height: 42px;}
.notice .list_photo .list_txt ul.list_etc { margin-top: 54px; font-size: 15px;}
.notice .list_photo .list_txt ul.list_etc span { font-size: 15px;}
.notice .list_photo .list_txt ul.list_etc li { font-size: 15px; margin-bottom:3px;}
.notice .list_photo .list_txt .date { font-size: 15px !important;}
.notice .list_photo .list_txt .etc_box .etc_count b { font-size: 15px !important;}
.notice .link_area { height: 323px;}

.notice div:hover.list_item { -webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} /* 리스트에 */
.notice div:hover.list_item img, li:hover.list_item .link_area:hover img {-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07); object-fit: cover;}

.mainCon1 .tabCon .swiper-slide {width:346px !important;margin-left:48px !important; }
}

.swiper-container-horizontal>.swiper-scrollbar { height: 3px !important; }
/*.mainCon1 .tabCon.first {position:relative; left:100%; opacity:0} 2019-10-31 삭제*/
.mainCon1 .tabCon.first {position:relative;}/* 2019-10-31 추가 */
.mainCon1 .tabCon .swiper-slide {width:290px; margin-left:30px; background:#fff; box-shadow:15px 15px 60px rgba(0,0,0,0.1);}
.mainCon1 .tabCon .swiper-slide a {display:block;}
.mainCon1 .tabCon .swiper-slide:first-child {margin-left:0 !important;}
.mainCon1 .tabCon .swiper-scrollbar {width:1180px; background:#e2e2e2;}
.mainCon1 .tabCon .swiper-scrollbar-drag{background:#333;}

.mainCon1 .tabCon .mark {position:absolute; top:17px; right:29px; z-index:1; display:block; width:22px; height:22px; background:url("/common/images/mainCon1_mark.png") no-repeat center; }
.mainCon1 .tabCon .mark.on {background-image:url("/common/images/mainCon1_mark_on.png"); }


.mainCon1 .moreDiv {width:70px; position:absolute; top:80px; right:calc(50% - 623px); transform:translateX(-50%); text-align:right;} /* 2019-11-05  개발자 임의 추가 */
.mainCon1 .moreDiv .moreBtn {display:inline-block; padding-right:19px; font-family:'HyundaiSansHeadKRBold', sans-serif; font-size:18px; color:#002c5f; background:url("/common/images/mainCon1_more.png") no-repeat top 2px right;}
.mainCon1 .mobileMoreDiv {display:none;}
.mainCon1 .tabCon .swiper-slide a:hover .txtArea .tit {text-decoration:underline;}
.mainCon1 .tabCon .swiper-slide a:hover .txtArea .txt {text-decoration:underline;}



/* 모바일 태블릿 1024  */
@media only screen and (max-width:1024px){
.list li .list_txt h3 { font-size: 17px;}
.section_left { display: none;}
.section_right { width: calc(100%); padding-left: 20px; padding-right: 20px;}

.mainCon1 .tabCon { padding-top: 70px;}

.section_left h2, .noti_left h2 { font-size: 20px;}
.total_search { height: 140px;}
.total_input { width: 380px; height:50px; line-height: 50px; font-size: 18px;margin-top: 15px !important;}
.click_search { top: 15px;}


}



/* mobile 세로 */
@media only screen and (max-width:479px){

.footer { background: #e8ebf0; width: 100%; height: 40px;}
.footer p { color: #7e8794; font-size: 13px; text-align: center; line-height: 40px;font-family:"NanumSquare"; }
.visually-hidden { display: none;}

.mobile_view_none { width: calc(100vw - 24px); display: inline-block; overflow: hidden;}
.sr {overflow-x: scroll; width: 100%; display: inline-block;}
.mobile_view{ white-space:nowrap;text-align:center;overflow-x: auto; }

.mobile_view li { float: none;}

.top_search { padding-left: 18px; background-size:16px;}
.head .logo { left: 10px; width:100px;}
.icon_ogn { padding-left:21px; background-size: 17px; margin-left: 2px;}

}

@media only screen and (max-width:1024px){
.list.list_summary li.list_item { padding-top: 25px; padding-bottom: 25px;}
.list_summary .link_area { width: 100px !important; height: 91px;}
.list.list_summary li .list_txt { height: 147px;}
.list.list_summary li .list_txt p { font-size: 14px; line-height: 20px; height: 70px;}
ul.list_etc li { font-size: 13px;}

.reply_list pre { font-size: 14px;}


}

@media only screen and (max-width:624px){ /*540*/
.count_list { width: 100%; text-align: left;}
.board_control { height: 110px;}
.search_board { float: left; width: 100%;}
.board_control .search_board .seacrh_area { width: calc(100% - 69px);}
.board_control .search_board .item_select { width: 78px; font-size: 13px !important;}
.seacrh_area .sel_item { width: calc(100% - 78px); font-size: 13px !important;}
.seacrh_area .sel_item input, .seacrh_area .sel_item select, .seacrh_area .sel_item p, .seacrh_area .radio_top p { height: 34px; line-height: 34px;font-size: 13px !important;}
.board_control .search_board .list_type li button { width: 34px; height: 34px;}
.search_pop_go { height: 34px;}
.search_board .sel_item.item_search input {width: calc(100% - 39px) !important;}
.list li .list_txt h3 { font-size: 16px; line-height: 22px;}
ul.list_etc li { font-size: 13px;}
ul.list_etc { margin-top:0;}

.list_summary .link_area { width: 56px !important; height: 56px;}
.list.list_summary li .list_txt p { padding-top: 6px; font-size: 14px; line-height: 20px; height: 46px; }
.list.list_summary li .list_txt {width: calc(100% - 56px); padding-left: 16px; height: 90px;}

.list.list_summary li ul.list_etc { position: relative; left:0; bottom:0;margin-top: 3px;}
.list.list_summary li ul.list_etc li { line-height: 18px; font-size: 13px;}
.list.list_summary li ul.list_etc li:nth-child(1), .list.list_summary li ul.list_etc li:nth-child(2) { display: none;}
.list.list_summary li ul.list_etc .etc_count, .list.list_summary li ul.list_etc .etc_count b { font-size:13px; }
.list.list_summary li .list_txt p { padding-top: 8px; margin-bottom: 6px; height: 42px; }
.list.list_summary li .list_txt { height: auto;}
.list.list_summary li .list_txt h3 a { font-size: 14px; line-height: 18px;}
.list_summary i.new { height: 15px; width: 15px; background-size: 15px; top: 2px; font-style:normal;}

.list.list_summary li.list_item { padding-top: 21px; padding-bottom: 18px;}

.count_list { font-size: 13px !important;}
.count_list b { font-size: 16px !important;}
}
@media only screen and (max-width:595px){
.contents ul.list_photo li.list_item { width: 100%; margin-right: 0;}
.list_photo { width: 290px;}
.cs_btns { width: 100%; margin-bottom: 8px;}
}
/* mobile 폴드 */
@media only screen and (max-width:280px){
.head .logo { width: 66px; background-position: center left; background-size: 100px 15px;}
.gnb_menu li { margin:0 8px !important;}
.gnb_menu li ul.mobile_view li a { font-size: 14px;}

}



/* 로그인 */
.login_bg { width: 100%; height: 100vh; background:url(../images/login_bg.jpg) no-repeat center center; background-size: cover; -webkit-animation: bgScale 8000ms 1 ease-out; -o-animation: bgScale 8000ms 1 ease-out; animation: bgScale 8000ms 1 ease-out;
	-webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.bg_area { width: 100%; height: 100vh; overflow: hidden; display: inline-block; float: left;}
.login_con { position: absolute; left: 0; top: 0; z-index: 50; width: 100%; left:0; top:0; right:0; bottom:0; text-align: center;}
.login_con h1 { position: absolute; left: 20px; top: 10px;}
.login_con p { position: relative;top: calc(50% - 220px);}
#my-signin2 { position: relative; top: calc(50% - 140px); cursor: pointer; display:inline-block !important;}
#my-signin { display:inline-block !important;}
.web_v { display:block;}
.mo_v { display: none;}

@media only screen and (max-width:1024px){
.login_con h1 img { width: 150px;}
.login_con p { position: relative; top: calc(50% - 230px);}
.login_con p img { width: 80%; max-width: 500px;}
}
@media only screen and (max-width:479px){
.login_con h1 img { width: 120px;}
.login_con p { margin-top: 30%;}

.login_con p img { width: 85%; max-width: 240px;} /* 추가 max-width: 240px; */
.web_v { display: none;}
.mo_v { display: block; width: calc(100% - 140px); margin: auto 70px; margin-top:0 !important;}

}

.thum ul li { float: left; margin: auto 10px; padding-bottom: 10px;}
.thum ul { display: inline-block; margin: 0 auto;}
.thum ul li input { width: 14px !important; height: 14px !important; }

/* 테이블 스타일 */
.form_table { width: 100%;}
.form_table thead th { border: 1px solid #e1e1e1; background: #f2f4f7; color: #5981bb; font-family:"NotoSans"; font-size:14px; line-height: 40px; text-align: center; border-collapse: collapse;}
.form_table tbody td { line-height: 50px; height:50px; border: 1px solid #e1e1e1; text-align: center;  font-size:13px; font-family:"NotoSans"; letter-spacing: -0.025em;}
.form_table tbody tr { background-color: #fff; cursor: pointer;} 
/*.form_table tbody tr.on td, .form_table tbody tr:hover td, .form_table tbody tr:active td { cursor:pointer; background: #fcf9ed !important;}*/

.text_box  { border: 1px solid #e1e1e1; height: 38px; line-height: 38px; width: calc(100% - 16px); text-indent:10px;}
.form_table select { border: 1px solid #e1e1e1; height: 38px; line-height: 38px;}
.form_table .files { border: 1px solid #e1e1e1; width: 150px; height: 38px; line-height: 38px; flex: none;}
.form_table .files .text_box { width: 150px; }

.thum_img{ float: left; margin-left: 15px;}
.thum_img img { width: 100px;}
.thum_img input { width: 15px; height: 15px !important; position: absolute; left: 5px; top: 5px;}
.thum_img span { display: inline-block; position: relative;margin-left: 5px;}

.form_table button.del {width: 10px; height: 10px; display: inline-block; padding-left: 20px; width: 33px; height: 30px; line-height: 28px; border: 1px solid #e0e0e0; border-radius: 3px; text-align:center; text-indent: -9999px; overflow: hidden; background-color: #f1f1f1;}

.multi_line td { line-height: 21px !important; height: 21px !important; padding: 7px !important;}
.holder_grey { color: #999;}

.area_reply .etc_count { text-decoration: none;}


.pop_search { position:fixed; left:0; top:0; width: 100vw; height: 100vh;z-index: 999;}
.pop_search .dark_layer { background-color: #000; opacity:0.7; width: 100vw; height: 100vh; }
.search_box { position: absolute; width: 100%; left: 0; top: calc(50% - 30px);text-align: center; z-index: 9999;}
.search_box div { display: inline-block; position: relative;}
.total_input { text-align: left;}
.btn_close {background:url(../images/btn_close.png) no-repeat center center; position: absolute; top: -40px;right:15px; width: 20px; height: 19px; display: inline-block; text-indent: -9999px; overflow: hidden;}

/* top */
.top_scroll.show_top { width: 50px; height: 50px; display: inline-block; text-align: center; background: url(../images/go_top_w.png) no-repeat center center;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;


	position:fixed;
	bottom: 0;
	right:20px;
	z-index: 999;

	}

.top_scroll.go{
	bottom: 0px;
}

.top_scroll:hover{
	background-color:#5DBA9D;
	color:#FFFFFF;
}
.top_scroll { bottom: -50px; position: fixed;}

@media only screen and (max-width:479px){
.search_box div {margin-left:30px; margin-right: 30px;}
.total_input { width: 100%; }
.btn_close { top: -20px;}

.top_scroll.show_top { width: 34px; height: 34px; background: url(../images/go_top.png) no-repeat center center;right:30px;}
.top_scroll { bottom: -34px; }
}

.conf_pop {width: 1000px; left:calc(50% - 500px); margin-left: 0; margin-top: 120px;}
.conf_pop .pop_pop { padding: 36px; max-height: calc(100vh - 200px);}
.conf_pop .pop_pop table { margin-bottom: 0;}
.conf_pop .pop_pop table thead th { line-height: 18px;}
.conf_pop .pop_pop table tbody td  { line-height: 18px;}
.conf_pop .pop_pop table tbody td a { line-height: 19px;}
.yet { font-style: normal; margin-left: 6px; background: #f00; border-radius: 50px; display: inline-block; padding: 0px 5px; height: 20px; line-height: 20px; color: #fff; font-size: 13px; font-weight: bold;}
.conf_go { float: right; font-size: 15px; color: #3273bd; background:url(../images/icon_left.gif) no-repeat right center; padding-right: 16px; display: inline-block; font-family:"NotoSans"; letter-spacing: -0.025em; }
.conf_pop h3 {font-size: 20px; color: #000;font-family:"NotoSans"; font-weight: normal; letter-spacing: -0.025em;margin-bottom: 16px;}
.refresh_btn { background:url(../images/refresh_mi.png) no-repeat left 10px center; background-size: 18px; margin-left: 10px; position: relative; top: -1px; border-radius: 20px; font-weight: 400;font-family:"NotoSans";  padding: 0 15px 0 32px; height: 28px; line-height: 28px; color: #fff; text-align: center; background-color: #3273bd; font-size: 14px;}
.comt { font-weight: 300;font-family:"NotoSans"; font-size: 14px; color: #666;}
.conf_pop .t_l a { color: #3273bd; cursor:pointer; margin-right: 15px; font-weight: 500; letter-spacing: -0.025em; line-height: 22px;}

.heldesk_container h3 { display: none;}
.mb0 { margin-bottom:0;}
.btn_helpdesk {position:fixed; bottom: 10px; right:10px; background:#0052cc; text-align: center; padding: 5px 15px 5px 5px; color: #fff; font-size: 14px; z-index: 555; font-family:"NotoSans"; letter-spacing: -0.025em; border-radius: 60px; box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.1);}
.btn_helpdesk img { width: 40px;}
.sub_con_title { padding: 30px 0 20px 0; letter-spacing: -0.045em;}
.help_t { width: 100%;}
.help_t th { width: 110px !important; }
.tearcs { margin: 0 30px;}
.tearcs .board_control { border: 1px slid #e1e1e1; padding: 15px 20px 20px 20px; border: 1px solid #e1e1e1; padding: 15px 20px 20px 20px; border: 1px solid #e1e1e1; background: #f5f5f5;}
.tearcs .board_control .sel_item b::after { content:""; height: 16px; width: 1px; background:#ddd; margin-top: 13px; margin-left: 11px;}
.tearcs .board_control .sel_item.la_b b::after { display:none;}
.cs_table { border-top: 1px solid #e1e1e1; margin-top: 20px; min-width: 1200px;}
.cs_table.table_style tr:hover { background: #faf9f1; cursor:pointer;}
.cs_table.table_style tr.late { background: #eefaf9; cursor:pointer;}
.cs_table.table_style th { font-size: 13px; border: 1px solid #e1e1e1; padding: 7px 5px; line-height: 16px;}
.cs_table.table_style td { font-size: 13px; padding: 0; height: 58px; word-break: break-all; line-height: 18px;}
.cs_table.table_style td.tt_cs { font-size: 13px; padding-left:5px;padding-right:5px; color: #3273bd;line-height: 18px; }
.cs_grey { color: #999 !important;}
.cs_red { color: #f00 !important;}
.cs_blue { color: #06F !important;}
.cs_coltrol .seacrh_area .sel_item b { padding-right: 0;}
.cs_list { display: inline-block; width:100%; padding-top:16px;position: relative; font-size: 14px; line-height: 29px; font-family:"NotoSans"; color: #444; text-align: left;}
.cs_list u { text-decoration: none;}
.cs_list u::before { content:""; display: inline-block; margin: 0 10px; background:#bbb; width: 1px; height: 12px; position: relative; top: 1px;}
.cs_btns { margin-right: 10px; display: inline-block; float: left;}
.cs_btns a { margin-right: 4px;}

.down_excel { position: absolute; right: 0; top: 16px; background: #146d3e url(../images/excel.gif) no-repeat left 5px center; padding-left: 34px; text-align: center; padding-right: 12px; height: 30px; line-height: 30px; letter-spacing: -1px; font-size: 13px; color: #fff; }
.send_mail { position: absolute; right: 0; top: 14px; background: #ff5622 url(../images/admin_sati.png) no-repeat left 9px center; padding-left: 34px; text-align: center; padding-right: 12px; height: 30px; line-height: 30px; letter-spacing: -1px; font-size: 13px; color: #fff; }
.btn_bb {display:inline-block; padding:0 12px; height: 30px; line-height: 30px; color: #fff; background:#2b8adb; font-size: 13px; letter-spacing: -0.025em; float: left;}
.btn_gr {display:inline-block; padding:0 12px; height: 30px; line-height: 30px; color: #fff; background:#667da3; font-size: 13px; letter-spacing: -0.025em; float: left;}
.btn_wt {display:inline-block; padding:0 12px; height: 30px; line-height: 30px !important; color: #666; background:#fff; font-size: 13px; letter-spacing: -0.025em; float: left; border: 1px solid #e1e1e1; border-bottom: 1px solid #bbb; font-size: 13px !important;}
.btn_gt {display:inline-block; padding:0 12px; height: 30px; line-height: 30px !important; color: #666; background:#f5f5f5; font-size: 13px; letter-spacing: -0.025em; float: left; border: 1px solid #e1e1e1; border-bottom: 1px solid #ddd; font-size: 13px !important;}


.title span.etc_box b { font-size: 20px; color: #3273bd; line-height: 35px;font-family:"NotoSans";font-weight:500;letter-spacing: -0.025em; background: url(../images/icon_left.gif) no-repeat right center; padding-right: 16px;}
.cs_save { background: #27344f; color: #fff; font-size: 14px; width: 58px; text-align: center; line-height: 38px; height: 38px; margin-left:2px;}


.check_area { display: inline-block;}
.check_area input { width: 12px; height: 12px; line-height: 28px; vertical-align: middle; margin-top: 8px;}
.check_area li { line-height: 28px; margin-righ: 10px; display: inline-block;}
.check_area li label { line-height: 28px; vertical-align: middle; margin-left: 5px;}
.input_search { width: 100%;  background:url(../images/icon_search.gif) no-repeat right 5px center; border: 1px solid #e1e1e1; font-size: 14px; line-height: 30px; height: 30x; font-family:"NotoSans"; padding-left: 5px;}

.help_th th { line-height: 45px; width: auto !important; text-align: center;}

@media only screen and (max-height:627px){
.hv_scroll {height: calc(100vh - 410px); overflow-y:scroll; border-bottom: 1px solid #ddd;}
}


.bln { border-left: none !important;}
.ml0 { margin-left:0 !important; }

/* 헬프데스크 팝업 */
.pop_helpdesk {position: fixed;right: 20px;bottom: 10px;height: calc(100vh - 40px);max-height: 740px;background: #fff;border-radius: 6px;box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.3);z-index: 70;width: 650px;pa: 28px 0 16px 0;padding: 28px 0 9px 0;}
.pop_helpdesk h3 {letter-spacing: -0.035em;padding-bottom: 25px;padding-left: 36px;font-size: 20px;font-family:"NotoSans";font-weight:400;color: #000;position: relative;/* line-height: 24px; */width: 100%;}
.pop_helpdesk h3 .comt {letter-spacing: -0.02em;display: inline-block;width: 100%;margin-left: 0;padding-right:36px;float: left;margin-top: 5px;margin-bottom: 18px;}

.help_cate {display: inline-block;height: calc(100vh - 273px);max-height: 513px;overflow-y:scroll;padding: 0 36px;padding-bottom: 20px;}
.help_cate li { width: 100%; margin-bottom: 14px; float: left;}
.help_cate li a { float: left; display: inline-block;width: 100%;border: 1px solid #dbdee3;border-radius: 4px;background: #fafbfc url(../images/icon_left.gif) no-repeat right 15px center;padding: 13px 20px; boder-bottom:1px solid #ccc;}
.help_cate li a:hover { border: 1px solid #7eb7ec;}
.help_cate li a:hover strong { color: #006dde; }
.help_cate li a strong { font-family:"NotoSans";font-weight:600;letter-spacing: -0.025em;font-size: 17px;color: #3273bd;margin-bottom: 8px;width: 100%;display: inline-block;float: left;}
.help_cate li a span {display: inline-block;width: 100%;margin-bottom: 4px;float: left;}
.help_cate li a span b { font-family:"NotoSans";font-weight:400;letter-spacing: -0.025em;font-size: 13px;float: left;color: #222;margin-right: 8px;width: 112px;position: relative;display: inline-block;}
.help_cate li a span b::after { display: inline-block; content: ""; background-color:#bbb; width:1px; height: 10px; position: absolute; right:0; top:5px;}
.help_cate li a span u { font-family:"NotoSans";font-weight:400;font-size: 13px;color: #999;display: inline-block;width: calc(100% - 120px);float: left;text-decoration: none;line-height: 18px;}
.help_cate li:last-child { margin-bottom:0;}

.pop_helpdesk h3 .close {  background:url(../images/btn_close2.png) no-repeat center center;position: absolute;right: 28px;top: -0px;left: auto !important;display: inline-block; width:20px;height: 19px;text-indent: -9999px;overflow: hidden;}
.cate2 { padding: 0 36px;}
.cate2 h4 {letter-spacing: -0.035em;padding-bottom: 13px ;font-size: 17px; font-family:"NotoSans";font-weight:600;color: #3273bd; position: relative;/* line-height: 24px; */width: 100%;}
.cs_con #idate i { color: #ccc; margin: 0 5px; position: relative;}
.cs_con .list_etc li { position: relative;}
.cs_con .list_etc li u { text-decoration:none; position:absolute; left: 45px; top: 18px;}
.cs_con .con_box { width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
.date_pick { margin-left:0 !important; border-left: 0;}
.date_pick div { border:1px solid #e1e1e1; border-left: 0; height: 42px; line-height: 40px; padding-right: 5px; background: #fff;}
.date_pick div button { height: 28px; line-height: 28px; border: 1px solid #e0e6ee; font-size: 12px !important; color: #666; background-color: #f5f7fa; padding: 0 5px; position:relative; top: 6px; float: left;}
.date_pick div button:first-child { border-radius: 3px 0 0 3px; border-right: 0 !important;}
.date_pick div button:last-child { border-radius: 0 3px 3px 0; border-left: 0 !important;}
.date_pick div button.on { background-color: #99abc9; color: #fff; border: 1px solid #8398b9;}
.call_cen {  float: left;width: calc(100% - 54px);background-color: #f0f9fe;padding: 14px 20px 17px 20px;border-radius: 4px;margin-bottom: 14px;}
.call_cen strong {font-size: 17px; font-weight: 600;}
.call_cen strong b {font-family:'Roboto';color: #ff7a40;font-size: 20px;margin-left: 6px;}
.comt2 {margin-bottom: 0 !important;color: #888 !important;font-size: 13px !important;}
.comt2 b {color:  #000;font-weight: 500;}

@media only screen and (max-width:770px){
.pop_helpdesk { width: calc(100% - 30px); left: 15px; right: 15px; height: calc(100vh - 30px);}
.pop_helpdesk h3 {}
.pop_helpdesk h3 .comt {width: 100%;}
.help_cate {
		   height: calc(100% - 231px);
		   padding-bottom: 20px;
		   }
.help_cate li a span b { width: 100%;} 
.help_cate li a span b::after { display: none;}
.help_cate li a span u { width: 100%; margin-top: 0; margin-bottom: 0;}
.help_t th { width: 100% !important;}
.help_t td { width: calc(100% - 0px) !important;}
.m_scroll { overflow-y: scroll; display: inline-block; width: 100%; height: calc(100vh - 257px);}
.pop_helpdesk .bnts_area { margin:0; position: absolute !important; bottom: 0; left: 0; background-color: #f5f5f5; border-radius: 0 0 10px 10px; padding: 10px 0;}
.pop_helpdesk .bnts_area a { height: 40px; line-height: 40px;}
#pop_cate2 { float: left; width: 100%;}
}
.bootstrap-timepicker-widget table td input {
  border: none !important;
}


/* 캘린더 */
.xdsoft_datetimepicker { border-radius: 10px; padding: 16px !important; border: 0 !important; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);}
.xdsoft_datepicker { margin-left:0 !important;}
.xdsoft_datetimepicker .xdsoft_month { text-align: center; width:70px !important;}
.xdsoft_year {  width: 65px !important; }
.xdsoft_datepicker { margin-left:0 !important;}
.xdsoft_datetimepicker .xdsoft_month i , .xdsoft_year i { margin-left: 5px;}
.xdsoft_today_button { background: none !important;}
.xdsoft_datetimepicker .xdsoft_calendar td { background: #fff !important; border: 0 !important; text-align: center !important; text-indent: 5px;}
.xdsoft_datetimepicker .xdsoft_calendar th { background: #fff !important; border-top:0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid #e1e1e1;}

 .xdsoft_datetimepicker .xdsoft_calendar { margin-right: 20px;}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_date.xdsoft_current { background-color: #00C !important; color: #fff !important; border-radius: 50px;}
body .xdsoft_datetimepicker.xdsoft_noselect .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#06F !important;} 
body .xdsoft_datetimepicker.xdsoft_noselect .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#06F !important;}
body .xdsoft_datetimepicker.xdsoft_noselect .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#06F !important;box-shadow:none !important}
body .xdsoft_datetimepicker.xdsoft_noselect .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#06F !important}
body .xdsoft_datetimepicker.xdsoft_noselect .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#06F !important;box-shadow:none !important}
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current { background-color: #00C !important;}

.xdsoft_datetimepicker .xdsoft_calendar td:hover{ border-radius: 50px; background: #06F !important;}


.admin_pop .pop_pop { text-align: center;}
.admin_pop table td { line-height: 18px; padding: 10px 5px;}



/*   ---------- 로그인 --------   */
.wrap_login { max-width: 600px; width: calc(100% - 60px); margin-left: 30px; margin-right: 30px;margin: 0 auto; position: absolute; left:0; right:0; bottom:30px;}
.login_area { margin-top: 100px; width: 100%; display: inline-block; }
.login_area li { width: 100%; border-bottom: 1px solid #5d9fbd; height: 39px; margin-bottom: 8px; }
.login_area li div { padding-left: 25px; text-align: left; line-height: 39px; position: relative;}
.login_area li input { width: 100%; background: none; color: #d5e6ee; font-size: 14px; border: none; height: 38px; line-height: 38px;}
.login_area li input::placeholder { color: #fff; }
.login_area label {width: 17px; position: absolute; left:0; top: 0; display: inline-block; height: 17px;}
.id { background: url(../images/icon_id.png) no-repeat left center; background-size: 13px 17px; }
.pw { background: url(../images/icon_pw.png) no-repeat left center; background-size: 13px 17px ; }
.btn_login { width:100%; height: 40px; background-color: #41aeff; line-height: 40px; color: #fff; font-size: 14px; font-weight: bold; margin-top: 3px; margin-bottom: 17px;-webkit-transition-delay: 0.03s; transition-delay: 0.03s;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
a:active.btn_login { background-color: #fff; line-height: 40px; font-size: 14px; color: #096bd0;}
a:hover.btn_login { background-color: #fff; line-height: 40px; font-size: 14px; color: #096bd0;}
.login_option { text-align: left;  margin: 0 auto; }
.login_option label { color: #fff; font-size: 13px; margin-right: 20px;}
.login_option input { width: 16px; height: 16px; margin-right: 5px; border: 1px solid #fff;}
.login_con .comment { font-size: 12px; color: #8bdaf5; margin:0; padding: 0; margin-top: 15px !important; top: auto !important; text-align: center;}

.read { color: #999 !important;}


@media only screen and (max-width:730px){
.list_box .list_con { width:calc(100% - 96px);}
.list_box .list_con.etc_my { width:calc(100% - 96px) !important; position: relative !important; margin-left: 84px; bottom: 0 !important; margin-bottom: 0 !important;}
}
@media only screen and (max-width:535px){
.my_status { top:0;}
}

/* 채널S 특이사항 */
.ch_s .list_summary .link_area { width: 348px !important;}
.ch_s .list.list_summary li .list_txt { width: calc(100% - 348px);}


@media only screen and (max-width:624px){
.ch_s .list_summary .link_area { width: 100% !important; height: 100px !important;}    
.ch_s .list.list_summary li .list_txt { width: 100% !important;}
.list.list_summary li .list_txt p { height:45px;}
.pop_helpdesk .m_scroll { max-height: 450px; height:calc(100vh - 260px); border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.pop_helpdesk #cke_ckText { width:calc(100% - 2px) !important;}
}

/* 잡포스팅 */
.job .type_txt textarea { width: 100%; padding: 10px;}
.job .type_txt textarea::placeholder { color: #999; font-size: 14px; font-weight:300;}
.job {}
.job .editor th { width: auto; height: 43PX;}
.input_radio span { display: inline-block; margin-right:10px;}
.input_radio input { position: relative; top: 4px; margin-right: 5px;}
.btn_go { display: inline-block; width: 284px; height: 45px; color: #fff; font-size: 17px; font-family: "NotoSans"; font-weight: 300;  text-align: center; margin: 2px; line-height: 45px; }
.btn_go i { background: rgba(0, 0, 0, 0.3) url(../images/icon_fold.gif) no-repeat center center; width: 45px; height: 45px; display: inline-block; text-indent: -9999px; overflow: hidden; float: right;}

.comment_box {width: 100%; background: #f1f6fc;border: 1px solid #d5dde7;  box-sizing: border-box; margin-top: 10px; padding: 19px; position: relative;}
.comment_box p { font-size: 15px; color: #666; font-family: "NotoSans"; font-weight: 400; letter-spacing: -0.025em;}
.comment_box p b { font-weight: normal; color: #009bd9;}
.comment_box a { position: absolute; right:15px; top: 20px; height: 45px;}

.mb_100 { margin-bottom: 100px;}
.mb_15 { margin-bottom: 15px;}
.mt_20 { margin-top: 20px;}
.mb_20 { margin-bottom: 20px;}

.job .article_info { padding: 15px;}
.job .article_info li { font-size:16px; width: 100%; color: #555 !important; padding: 2px 0; letter-spacing: -0.7px;}
.job .article_info li::before { display: inline-block; content:""; width: 6px; height:6px; background-color:#2b8adb; margin-right: 10px; border-radius: 5px; position: relative; top: -2px;}
.job .article_info li b { font-size: 16px;}
.job .title .article_info ul.list_etc li::after { display: none !important;}
.job .article_info li span { display: inline-block; width: 100px; font-size:16px;}
.job .article_info li span::after { display: inline-block; content:""; height: 12px; width: 1px; background-color: #ccc; margin-right: 6px; float: right; margin-top: 7px;}

.job.article { padding-bottom: 100px;}
.job.article .type_txt { padding-top: 20px;}
.job.article .type_txt h4 { font-size: 18px; color: #333; font-family: "NotoSans"; font-weight: 400; margin-bottom: 10px;}
.job.article .type_txt h4 span { font-size: 14px; color: #888; margin-left:10px;}
.c_red { color: #F33 !important;}
.dday { font-style: normal; color: #999; font-size: 15px; font-family: "Roboto"; margin-left: 5px; font-weight:500; letter-spacing: 0;}
.job .title ul.list_etc li { float: left;font-size: 14px; color: #999; font-family:"NotoSans"; font-weight:300; letter-spacing: -0.7px;}
.job .title ul.list_etc li b {font-size: 16px; color: #555; font-family:"NotoSans"; font-weight:500; letter-spacing: -0.025em; margin-left: 8px;}
.job .editor td {height: 43px !important;}

.txtarea_con { height: 100px; border: 1px solid #e1e1e1; padding: 15px; overflow-y:scroll;font-family:"NotoSans"; font-weight:300; font-size:14px; color: #000; letter-spacing:-0em; line-height: 22px;}
.mt_30 { margin-top: 40px;}
.comment_box strong { display: inline-block; color: #fff; padding: 1px 5px; font-weight:500; margin: 0 3px; font-size:14px;}
.b_grren { background-color:#3C9; }
.b_blue { background-color:#06F; }
.txt_c th, .txt_c td, .txt_c td div { text-align:center;}

.del_icon { background:url(../images/del.gif) no-repeat center center; width: 26px; height: 26px; display: inline-block; text-indent:-9999px; overflow: hidden; border: 1px solid #e1e1e1; border-radius: 3px;}

.job .list li .list_txt h3 { padding-bottom: 15px;}
.job ul.list_etc h4 { display: inline-block; float: left; margin-right:10px;font-size: 15px; font-weight: 500; display: inline-block; width: 70px; text-align: left;}
.job ul.list_etc li ul { float: left;}
.job ul.list_etc li::after { display: none;}
.job ul.list_etc li u { font-size: 15px;}
.job ul.list_etc li ul li { font-size:15px;color: #555 !important; font-weight: 500;}
.job ul.list_etc li ul li::after { height: 11px; content:""; width: 1px; background-color:#ddd; display: inline-block; margin-left:10px; margin-right: 10px;}
.job ul.list_etc li ul li:last-child::after { display: none;}
.job ul.list_etc > li { width: 100%;}
.job .list .list_item { border-bottom: 1px solid #e1e1e1; padding: 20px 0; position: relative;}

.list_r { position: absolute; right:0; top: 35px;}
.list_r li strong { font-size:15px;color: #111; font-weight: 600;font-family:"NotoSans"; }
.list_r li {font-size:14px; font-weight: 500;font-family:"NotoSans"; text-align: right;}
.red_f { color: #F33 !important; font-size: 16px; font-weight:bold; line-height: 32px;}
.green_f { color: #30b35e !important; font-size: 16px; font-weight:bold; line-height: 32px;}
.ext { font-size: 13px; color: #999; font-style: normal;}

.job .green_d { color: #fff; background: #2db885; box-shadow: none; height: 28px; padding: 3px 10px; text-shadow: none; font-size: 12px;}
.job .blue_d { color: #fff; background: #1c62e3; box-shadow: none; height: 28px; padding: 3px 10px; text-shadow: none; font-size: 12px;}
.h36 { height: 36px; line-height: 36px; vertical-align: middle;}
.job .list .list_item.require { background: #f3f7fc; padding: 20px 30px !important;}
.job .list .list_item.require .list_r { right: 30px;}
.job .list .list_item .list_r li.date { font-size: 15px;}
.job .list .list_item.require .list_r li b { font-size: 13px;  }
.job .list.list_title > li:nth-child(5n) { margin-bottom: 0;}
.job .list.list_title > li:nth-child(5n)::after { display: none;}
.job .list_etc { margin-left:0;}

.hr_wrap_scroll { overflow-x: scroll; display: inline-block; width: 100%;}
.apply_man { margin-top: 15px; width: 100%; min-width: 1750px; display: inline-block;}
.apply_man li { border-bottom: 1p solid #e1e1e1; width: 100%; float: left; margin-bottom: 15px;}
.apply_man .man_tt { width: 100%; background-color:#f5f5f5; height: 36px; line-height:36px; color: #000; text-align: left; text-indent: 15px; margin-bottom: 10px;font-family:"NotoSans"; border-top: 1px solid #ccc;}
.apply_man .man_tt strong { width: 275px; display: inline-block; float: left; height: 36px; line-height: 36px; font-size: 14px;}
.apply_man .man_tt p { width: 300px; text-align: right; height: 36px; line-height: 36px; display: inline-block; float: left; margin:0; font-size: 14px; text-align: left;}
.apply_man .man_tt span { float: right; margin-right: 15px;font-size: 14px;}
.apply_man .man_tt i { font-style: normal; font-size: 14px; display: inline-block; width: 550px; text-align: center;float:left; margin-left: 360px;}

.apply_man dl { float: left; width: 260px; display: inline-block; margin-left: 15px;}

.apply_man dl dt { width: 100px; font-size: 14px; line-height: 20px; margin-bottom:7px; float: left; font-family:"NotoSans"; font-weight:300; color: #777;}
.apply_man dl dt::after { content: ""; display: inline-block; width: 1px; height: 12px; background:#ccc; float: right;  margin-top: 5px; margin-right: 10px;}
.apply_man dl dd { width: 160px; font-size: 14px; line-height: 20px; margin-bottom:7px; float: right; font-family:"NotoSans";font-weight:300; color: #000;}
.apply_man table { margin-left:40px; float: left; width: 550px;}
.apply_man table td, .apply_man table th {font-family:"NotoSans";font-weight:300; font-size: 13px; padding: 3px 7px; text-align: center; border-bottom:1px solid #e1e1e1; }
.apply_man table th { color: #777; height: 22px; text-align: center; padding-top:0;}
.apply_man table tr:last-child td { border-bottom: 0;}
.apply_man dl.school { width: 300px;}
.apply_man dl.school dd { width: 200px;}
.apply_man table.score { width: 130px;}
.apply_man table.score tbody th, .apply_man table.score tbody td { font-family:Roboto; font-weight:500;}
.apply_man table.score thead th { font-size: 14px; text-align: center; }
.apply_man table.score tbody tr:last-child th { border-bottom: 0;}
.apply_man table.score tbody th {text-align: left;}
.apply_man table.score tbody td { text-align: right;}
.btn_admin { border:1px solid #ddd; border-bottom: 1px solid #bbb; font-size: 14px; font-family:"NotoSans"; font-weight: 300; color: #555; padding: 5px 12px; text-align:center; border-radius:2px; float: right;}
.btn_okok {background: #ff5622;color: #fff;border: 1px solid #ff5622; border-radius: 80px;font-size: 13px; font-family:"NotoSans"; font-weight: 300; line-height:40px; height:40px; width: 40px; text-align:center; float: right; letter-spacing:-1px;}
.tearcs .job { border-top: 2px solid #505c78;}
.tearcs .job .list_item { padding: 0; padding-bottom: 5px; border-bottom: 1px dashed #888; margin-bottom: 5px;}
.tearcs .job .list.list_title { margin-top: 10px;}
.tearcs .job .list.list_title .list_r { top: 12px;}
.job_pop { margin-top: 20px; height: 100%; max-height:calc(100vh - 50px);}
.job_pop .pop_pop {max-height:calc(100vh - 110px); height:calc(100vh - 110px);}
.pop_pop.write.job h4 { margin-top: 0px; padding-bottom: 8px; font-size: 16px; color: #000;}

.job_pop .job .editor th { height: 34px; line-height: 34px;}
.job_pop .job .txtarea_con { height: auto; overflow: visible; font-size: 14px; line-height: 21px;}
@media only screen and (max-width:768px){
.job .list_r { position: relative; left:0; right: auto; top: auto; margin-bottom: 10px;}
.job .list_r li { text-align: left;}
.job .list li .list_txt h3 { width: 100%;}

}
@media only screen and (max-width:624px){
.comment_box { display: inline-block;}
.comment_box p { width: 100%; float: left; position: relative;}
.comment_box a { position: relative; float: right; right:0; top:0;}
.comment_box a.btn_02 { right:125px !important;}
.comment_box a:nth-child(1) { right: 0 !important;}
}
.comment_box select { height: 36px; border: 1px solid #e1e1e1; margin-left: 10px; min-width: 120px;}

/* 상세보기 _ 한명일때 */
.pic { background: #e1e1e1; width:99px; height: 122px; overflow:hidden; float: left;}
.pers_info { display: inline-block; width: 100%;}
.list_box_one  .detail_p { padding: 30px 0 15px 0; }
.list_box_one .detail .list_box { width: 100%; margin: 0 !important; margin-bottom: 30px !important; }
.list_box_one .prf_table { width: 100% !important; margin: 0 0 30px 0 !important;}
.list_box_one .detail_m { margin: 50px 100px 10px 100px;}
.list_box_one .list_comp { width: 56%; margin-right:2%; min-width:0;}
.list_box_one .list_in { width: 40%; margin-right:0%; min-width:0;}
.list_box_one .list_in li { font-family:"NotoSans"; }
.list_box_one .detail .list_in { width: 35%; margin-right:0%;}
.list_box_one .list_comp li span { font-family:"NotoSans"; font-weight:300; display: inline-block; width: 85px; color: #888; font-size: 13px; background: url(../../images/tt_line.gif) no-repeat right center; }
.pers_info .list_con_m_100 { width: calc(100% - 150px); float: left; margin-left: 40px; }
.list_box_one h4.title_name { font-family:"NotoSans";font-size: 22px !important; font-weight: 600; margin-left: 40px; float: left; padding: 0; display: inline-block; width: auto !important; margin-top:0 !important;}
.list_box_one h4.title_name span { font-family:"NotoSans";font-size: 16px !important; color: #777; font-weight: 500; margin-left: 0;}

.list_box_one .list_etc { margin-left: 0;}
.prf_table_line {border-bottom: 3px solid #e1e1e1;}
.prf_table_line td, .prf_table_line th { border-left: 1px solid #e1e1e1;}
.prf_table tbody th { background-color: #f5f5f5; border-bottom: 1px solid #e1e1e1;}
.prf_table_line th.st1 { background: url(../../images/bg_st1.gif) repeat-y left top !important; border: none; border-right: 1px solid #e1e1e1;}
.prf_table_line th.st2 { background: #eaf5fe;}

.prf_table_line td.txt_l { text-align: left; padding: 8px 10px; line-height: 20px;}
.prf_table_line td.table_eval {background: url(../../images/line.gif) repeat-y right top;}
.prf_table tbody tr.year_line th, .prf_table tbody tr.year_line td { border-top: 3px solid #e1e1e1;}

.btn_table { background: #a4bad1; font-size: 12px; color: #fff; text-align: center; height: 26px; padding: 0 15px; line-height: 26px; display: inline-block;}
a:hover.btn_table { background: #354052;}


.prf_table { border-top: 2px solid #555;; width: 46%; float: left; margin: 0 2% 0 2%; margin-bottom: 40px; }
.prf_table th { background: #f2f2f2; border-bottom: 1px solid #ccc; color: #666; text-align: center; padding: 10px 5px;font-family:"NotoSans"; font-weight: 400;font-size:13px; color: #000;}
.prf_table td { background: #fff; border-bottom: 1px solid #e5e5e5; color: #333; text-align: center; padding: 10px 5px; font-family:"NotoSans"; font-weight: 300; font-size:13px;}
.prf_table td.td_bgr { background: #eaf5fe;}
.prf_table td.td_txtc { color: #4b73eb;}

.h5_tt_01 { background: url(../../images/h5_tt.gif) no-repeat 0 -22px;}

.list_etc { position: relative; margin-left: 15px; float: left; width: 140px;}


.list_comp { margin-top: 13px; display: inline-block; float: left;}
.list_comp li {font-family:"NotoSans"; font-size: 13px; color: #333; display: block; height:23px; line-height: 23px; width: 100%; overflow:hidden; white-space: normal; word-break:break-all; }
.list_comp li span { font-family:"NotoSans"; display: inline-block; width: 61px; color: #888; font-size: 12px;}
.list_comp li.name_last { padding-bottom: 0;}


/*  idp */

.step_area { margin-bottom: 13px;}
.step_area .step { margin-bottom: 24px;}
.step_area::after { display: inline-block; content:""; width: 100%; height: 1px; border-bottom: 1px dashed #888;}
.step_area strong { display: inline-block; width: 100%; font-size: 22px; font-weight: 500; color: #000; font-family:"NotoSans"; margin-bottom:15px; letter-spacing: -0.025em;}
.step_area strong b {font-size: 22px; font-weight: 700; color: #2b8adb; font-family:"NotoSans";}

.step { display: flex; flex-direction: row; justify-content:space-between; width: calc(100% - 20px);}
.step li { background: #f1f4f7; border: 1px solid #ced6de; border-right:0; float: left; height: 60px; width: 100%; position: relative;}
.step li a { padding-left: 25px; display: flex; width: 100%; align-items: center; justify-content: center; height:60px; color: #000; font-size: 16px; text-align: center; font-weight:500; font-family:"NotoSans"; font-weight: 500;}
.step li span { width: 23px; height: 23px; display: inline-block; background:#c6d0db; color: #fff; border: 1px solid #b9c6d3; font-family:"Roboto"; font-size: 14px; font-weight:bold; border-radius: 20px; line-height: 21px; text-align:center; margin-right: 7px;}
.step li i { display: inline-block; width: 20px; height: 60px; position: absolute; right: -20px; top:-1px; background:url(../images/step_off.png) no-repeat right center; z-index: 10;}
.step li.on { background: #2b8adb; border: 1px solid #2b8adb;}
.step li.on a { color: #fff; font-weight:500;}
.step li.on span {  background: #076fc8; border: 1px solid #0662b1;}
.step li.on i { background:url(../images/step_on.png) no-repeat right center; }

.robo { font-family:"Roboto"; }
.box_btn { display: inline-block; width: 100%;border-left: 1px solid #ced6de; border-top: 1px solid #ced6de;  }
.box_btn li { float: left; width: 25%; height: 45px; border-right: 1px solid #ced6de; border-bottom: 1px solid #ced6de; }
.box_btn li a { width: 100%; text-align: center; height: 45px; line-height: 45px; color: #333;}
.box_btn li.on { box-shadow: 0px 0px 0 2px inset rgba(43, 138, 219, 1);}
.box_btn li.on a { color: #009ccf;}
.idp h4 { margin-top: 27px;}
.tab_sel { display: inline-block; width:100%; border-bottom: 2px solid #444d71;}
.tab_sel li { width: 50%; display: inline-block; float: left;}
.tab_sel li a { width: 100%; height: 51px; display: inline-block; color: #fff; background: #9097a5; font-size: 16px; font-weight: 500; line-height: 51px; text-align: center;}
.tab_sel li.on a { background: #444d71;}
.tab_sel li a i { display: none;}
.tab_sel li.on i { display: inline-block; width: 19px; height: 14px; background:url(../images/icon_ch.png) no-repeat right center; text-indent: -9999px; overflow: hidden; margin-right: 8px;}

.track { background:#f6f9fc; padding: 40px; display: inline-block; width: 100%; border:1px solid #d5dde7;}
.track .comment { background: #fff; border: 1px solid #7ec4ff; width: 100%; padding: 20px; font-size: 15px; color: #009ccf !important; margin: 0; text-align: center;}
.track h5 { margin-top: 36px; font-size: 16px; font-weight: 500; margin-bottom: 10px; width: 50%;}
.loadmap { border: 3px solid #ccd5df; background: #fff; padding: 20px; width: 100%; height: 500px;}
.track textarea { height: 100px; width: 100%; overflow-y:scroll; font-size: 14px; color: #000; padding: 15px; font-weight: 300; line-height: 21px;}
textarea::placeholder { color: #999; font-weight: 300; font-size: 14px;}

.track_imgarea { width: 100%;}

.track_imgarea img { width: 100%;}
.track_left { float: left; width: calc(50% - 15px); margin-right: 30px;}
.track_right { float: left; width: calc(50% - 15px);}
.mb_60 { margin-bottom: 60px; }
.mt_60 { margin-top: 60px;}
.mt0 { margin-top: 0px !important;}
.prf_table select { border: 1px solid #ccc; width: 100%; height: 34px;}
.prf_table textarea { width: 100%; padding: 10px;}


.idp h4 { font-weight: 600; padding-bottom: 18px; width: 100%; float: left;}
.blue_tt { background:url(../images/icon_write.png) no-repeat left top 10px; display: inline-block; padding-left: 28px; color:#2b8adb !important; font-size: 18px; font-family:"NotoSans"; font-weight: 600 !important;}
.step2 { display: flex; width: 100%; background:#f6f9fc; border:1px solid #d5dde7; padding: 25px; justify-content: center; margin-bottom: 10px;}
.step2 li {background:url(../images/icon_complete.png) no-repeat left center; display: inline-block; padding-left: 28px; color:#000; font-size: 15px; font-family:"NotoSans"; font-weight: 600 !important;}
.step2 li.on {background:url(../images/icon_write.png) no-repeat left center; color:#2b8adb; }
.step2 li.off {background:url(../images/icon_yet.png) no-repeat left center; color:#8c9fb5; }
.step2 li::after { height: 2px; width: 50px; display: inline-block; content:""; background: #2b8adb; margin: 0 10px; position: relative; top: -4px;}
.step2 li.off::after, .step2 li.on::after { background: #c0cbd8;}
.step2 li:last-child::after { display: none;}

.idp h4.step2_tt { font-size: 20px; color: #000; font-weight: 500; letter-spacing:-0.025em;}
.ver_table { border-top:1px solid #e1e1e1 !important; border-left: 2px solid #555;}
.ver_table th { border-right: 1px solid #e1e1e1;}
.ver_table td { text-align: left; padding-left: 10px; padding-right: 10px;}
.ver_table td input[type="text"] { height: 34px; border: 1px solid #ddd; text-indent: 8px;}
.calc140 { width:calc(100% - 140px); float: right;}
.add_sel {width: calc(100% - 50px); margin-bottom: 5px; display: inline-block; position: relative;}
.add_sel:last-child { margin-bottom: 0;}
.add_sel button { position: absolute; right: -50px; top: 0; height: 34px; line-height: 34px; color: #999; border: 1px solid #ddd; border-bottom: 1px solid #bbb; border-radius: 2px; text-align: center; width: 40px; font-size: 12px; font-weight:400;}

.w_100 { width: 100%;}
.radio_set { height: 34px; line-height: 34px;}
.radio_set input { margin-right: 5px;}
.radio_set label { font-size: 13px; font-weight: 500; margin-right: 20px;}



/* 탭 */
.tab { display: flex;align-items: center; justify-content:space-around; flex-wrap:nowrap; height: 48px; border-bottom: 2px solid #2b8adb; margin-bottom:30px}
.tab li { background: #f7f7f7; border:1px solid #ccc; height: 46px; display: inline-block; width: 100%; border-bottom:0; border-right:0; cursor:pointer;}
.tab li:last-child { border-right:1px solid #ccc;}
.tab li a {font-size: 14px; color: #666666; text-align: center; display: inline-block; width: 100%; height: 100%; line-height: 46px;}
.tab li.on a { background: #2b8adb; color: #fff; }
.tab li.on { border: 1px solid #2b8adb;}

.blue_f { color: #2b8adb !important;}
.pb_30 { padding-bottom:30px;}

.step2.btn_step { padding: 12px 25px; justify-content: flex-start;}
.step2.btn_step li a { color: #2b8adb; font-size: 14px; line-height: 26px; font-weight:400; }
.step2.btn_step li::after { width: 1px; height: 12px; margin-left: 20px; margin-right: 20px; background:#bbb; position: relative; top: 0;}
.step2.btn_step li { background: none; padding:0; }
.step2.btn_step li a.on { display: inline-block; padding: 0 9px; color: #fff; background: #2b8adb; border-radius: 3px; height: 26px; line-height: 26px;}
.step2.btn_step li a i { font-size: 13px; color: #888; font-style: normal;}
.step2.btn_step li a.on i { color: #fff;}
.td_border td { border-right: 1px solid #e1e1e1;}
.f400 { font-weight: 400;}
.floating_btns { position: absolute; bottom:0; left:0; right:0; height: 60px; line-height: 57px; background:#f6f9fc; text-align: center; border-top: 1px solid #e1e1e1;}
.floating_btns a { height: 40px; line-height: 40px; min-width: 100px; text-align: center; float: none;}

.date_range b::after { display:none;}

.radio_area { background:#fff; border: 1px solid #e1e1e1;}
.radio_area label { line-height: 38px; vertical-align: middle; color: #333; width: auto; margin-right: 10px;}
.radio_area input { margin: 5px; width: 13px; height: 15px;}
.radio_area label:last-child { margin-right: 0;}
.item_radio { }
.custom-radio { line-height: 38px;  margin-right: 6px;}

.option_day { position: absolute; right: 20px; top: 20px;}
.option_day .seacrh_area .sel_item b { font-family:"NotoSans"; color:#2b8adb; font-weight: 600;}
.btn_admin_g { background-color: #fff; border: 1px solid #e1e1e1; border-bottom: 1px solid #bbb; border-left:0; font-size: 14px !important; color: #333 !important; text-align: center !important; display: inline-block; width: 60px; height:42px; line-height: 42px !important;}
.btn_admin_g2 {background-color: #667da3; border:1px solid #667da3; font-size: 14x !important; color: #fff !important; text-align: center !important; display: inline-block; width: 60px; height:42px; line-height: 42px !important; margin-right:2px;}
.btn_admin_g3 {background-color: #2b8adb; border:1px solid #2b8adb; font-size: 14x !important; color: #fff !important; text-align: center !important; display: inline-block; width: 60px; height:42px; line-height: 42px !important; margin-right:2px;}


.idp_new td { height: 89px; font-family:'Roboto', "NotoSans" !important; font-weight: 400 !important; font-size:16px !important;}
.idp_new td .btn_01, .idp_new td .btn_02 { height: 42px; line-height: 42px; text-align:center; font-size:15px; color: #fff;}
.idp_new td .btn_04 { position: relative; left: auto; top:auto;height: 42px; line-height: 42px; text-align:center; font-size:15px;}
.idp_new table .seacrh_area { float: none; width: 380px;}
.cs_btns .item_date, .cs_btns .item_select { margin-right:0; margin-left:5px;}
.cs_btns .item_date input, .cs_btns .item_select select { border-left:1px solid #e1e1e1 !important; height: 30px; line-height: 30px; padding-right: 10px;}

.admin.tab { width: 360px; height: 40px; border-bottom:0 !important; margin-bottom: 0; margin-top: 10px;}
.admin.tab li { border: 0; height: 40px; background-color: #545a77;}
.admin.tab li.on { border: none !important;}
.admin.tab li.on a { background:#2b8adb; opacity:1;}
.admin.tab li a { height: 40px; line-height: 40px; color: #fff; opacity: 0.5;}

.cs_btns_right { position: absolute; right:0; top: 16px; margin-right:0;}
.cs_btns_right .down_excel { position: relative; right: auto; top: auto;}

.edit_btns { margin-top:5px;}

.btn_right {  float: right;}
.btn_right a { display: inline-block; font-size: 13px; height: 36px; line-height: 36px;margin-top: 10px; text-align: center; margin-left: 4px;}
.btn_op { background: #2b8adb; color: #fff; width: 120px; }
.btn_op2 { background: #182f5c; color: #fff; width: 120px; }
@media only screen and (max-width:1024px){
.btn_right { display: none;}
}
.bg_grey td {  background-color: #f5f5f5; color: #888 !important;}
.btn_right { text-align: right;}
.admin .cs_coltrol .sel_item b { padding-right:0 !important;}
.admin .cs_coltrol { display: flex; width: 100%; justify-content: space-between;}

.datepicker { z-index:100;}

/* 사이트 운영 가이드 */
.col_line2 { position: relative;}
.col_line2::after {content:"";width:1px;display: inline-block;border-right: 1px dashed #ccc;float: right;right: -50px;position: absolute;height:100%; top: 0;}

.comp_guide {  background:#fff; float: left; width: 100%; }
.comp_guide_con {max-width: 1024px; margin: 0 auto;}

.wrap_comp_guide { background: #1b8ad8;}
.wrap_comp_guide h1 {background-color: #1b8ad8; background-image: url("../images/logo_sampyo.png"), url("../images/bg_guide.png"); background-position: left top 80px, right bottom; background-repeat: no-repeat; padding-top: 120px; color: #fff; font-size: 46px; max-width: 1024px; margin:0 auto; height: 257px;}
.wrap_comp_guide h2 { font-size: 30px; color: #000; font-weight:700; letter-spacing: -1.5px;}
.wrap_comp_guide p { font-size: 16px; color: #838383; line-height: 26px; letter-spacing: -0.7px; margin-top:7px;}
.sitemap_cate { border-top: 2px solid #000; border-bottom: 2px solid #e5e5e5;}
.sitemap_cate li { border-bottom: 1px solid #e5e5e5; line-height: 44px;}
.sitemap_cate li b { font-size: 18px; color: #333; font-weight: 500; letter-spacing: -1px;}
.sitemap_cate li span { font-size: 16px; color:#838383; font-weight: 500; letter-spacing: -1px; text-align:right; float: right;}
.sitemap_cate li:first-child { padding-top:6px;}
.sitemap_cate li:last-child { padding-bottom:6px;}
.comp_guide_con section article p span { color: #1b8ad8;}
.comp_guide_con div { width: 100%; display: inline-block;}

.comment_box_tt { color: #000 !important; font-weight: bold !important; font-size:16px !important; display: inline-block; width: 100%; padding-bottom:5px !important;}
.con_half_left {width:calc(50% - 50px); margin-right:100px; float: left;}
.con_half_right {width:calc(50% - 50px); float: right;}


@media only screen and (max-width:1084px) {
.comp_guide_con, .wrap_comp_guide h1 { padding-left: 30px; padding-right: 30px;}
.wrap_comp_guide h1 {background-color: #1b8ad8; background-image: url("../images/logo_sampyo.png"); background-position:top 28px left 30px; background-size: 75px; background-repeat: no-repeat; padding-top: 48px; height:100px; font-size: 21px;}
}

@media only screen and (max-width: 768px) {
.con_half_left {width:100%;}
.con_half_right {width:100%;}
.comp_guide_con, .wrap_comp_guide h1 { width: calc(100% - 40px) !important; padding-left: 10px; padding-right: 10px;}
.con_half_right { margin-top:60px;}
.col_line2::after { display: none;}
.wrap_comp_guide .mt_60 { margin-top:30px !important; }
.wrap_comp_guide h2 { font-size: 24px;}
.wrap_comp_guide p { font-size: 14px; line-height: 22px;letter-spacing:-0.5px;}
.sitemap_cate li { line-height: 38px;}
.sitemap_cate li b { font-size: 17px; letter-spacing:-0.5px; }
.sitemap_cate li span { font-size: 14px;letter-spacing:-0.5px;}

.wrap_comp_guide h1 {background-color: #1b8ad8; background-image: url("../images/logo_sampyo.png"); background-position:top 28px left 10px; background-size: 75px; background-repeat: no-repeat; padding-top: 48px; height:100px; font-size: 21px;}
}


.bluehr { background: url(../images/icon_hr.png) no-repeat left top 2px; background-size: 26px 15px !important; padding-left:31px !important;}
.blue-sa { background: url(../images/icon_sa11.png) no-repeat left top -6px; background-size: 30px 30px !important; padding-left:31px !important;}

.quick_menu { position: fixed; right: 15px; top: 190px; width: 89px; display: inline-block; background: #fff; border-radius: 5px; box-shadow: 0 11px 22px  rgba(0, 0, 0, 0.12); text-align: center; padding: 17px 8px 0 8px; z-index:50;}
.quick_menu strong { font-size: 14px; color: #888888; border-bottom: 1px solid #e1e1e1; width: 100%; float: left; padding-bottom: 13px;}
.quick_menu ul {display: inline-block; width: 100%; float: left;}
.quick_menu ul li {margin-top: 14px;margin-bottom: 14px;}
.quick_menu ul li a {display: inline-block; width: 100%; text-align: center;}
.quick_menu ul li a span { font-size: 14px; color: #000; display: inline-block; width: 100%; text-align: center; margin-top: 5px;}
.quick_menu ul li a img { width: 32px; height: 36px;}


@media only screen and (max-width:1024px){
.quick_menu { display: none !important;}
}

.bg_qr { background: url(../images/app_qr_bg.png) no-repeat left top; width: 800px; height: 455px; position: relative;}
.bg_qr strong { font-size: 20px; color: #fff; font-weight: 500; display: inline-block; width: 100%; height: 47px; line-height: 47px; margin-bottom:27px;}
.bg_qr p { width: 274px; height: 336px; position: relative; display: inline-block; float: left; margin-top:0; text-align: center;}
.bg_qr .bg_aos { background: url(../images/bg_aos.jpg) no-repeat left top; margin-left: 100px;}
.bg_qr .bg_ios { background: url(../images/bg_oos.jpg) no-repeat left top; margin-left: 53px;}
.bg_qr p img { width: 192px; height: 192px; margin: 0 auto; margin-top: 33px;}