/* all Base ───── 전체공통기본 */

/* font */

/* tag */
html,body {height:100%; padding:0; margin:0;}
body{position:relative;  margin:0; overflow-y:scroll; color:#222222; font-size:75%; line-height:1.5; font-family:'NotoSansKR',sans-serif; font-weight:600;
-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; font-style:normal;}

table, pre{}
a{text-decoration:none;}
a:link, a:visited{color:#36c;}
a:hover, a:active, a:focus{color:#380;text-decoration:underline;}



body {margin:0 !important; font-size:75% !important; font-family:'NotoSansKR',sans-serif !important;}

img{border:0;}
em{color:#e00;}
pre{white-space:pre-wrap;word-wrap:break-word;}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, menu, blockquote, fieldset, form, pre{margin:0;}
ul li img{vertical-align:top;}
/* class */
* html .png24{tmp:expression(setPng24(this));}
.skip, .blind{position:absolute;left:-9999%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;filter:alpha(opacity=0);opacity:0;}
.clear, .brclear{display:block;clear:both;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}

.hasDatepicker input {width:100px}
p,span {}
/*서식*/

input[type=text],input[type=password],input[type=number]  {vertical-align:middle; height:29px; line-height:31px; font-size:14px; font-family:'NotoSansKR',sans-serif; padding:0 10px; border:1px solid #b5b5b5; border-radius:3px; color:#393c3e;}
input[type=checkbox] {position:relative; top:-1px; vertical-align:middle; font-size:14px;font-family:'NotoSansKR',sans-serif;  }
label {margin-left:3px;font-family:'NotoSansKR',sans-serif; }
select {font-size:12px; vertical-align:middle; margin-right:5px; height:31px;  font-size:14px; border:1px solid #b5b5b5; color:#393c3e; background:#fff; border-radius:3px; font-size:14px; font-family:'NotoSansKR',sans-serif;}
textarea {margin-top:5px; width:100%; min-height:70px; color:#393c3e; font-size:14px;  border-radius:3px; font-size:14px; font-family:'NotoSansKR',sans-serif;}
button {font-family:'NotoSansKR',sans-serif; }
button span {font-family:'NotoSansKR',sans-serif; }


/*개별 스타일*/
.db {display:block !important;}
.di {display:inline !important;}
.tac {text-align:center;}
.tal {text-align:left !important;}
.fix_table {table-layout:fixed;}
.fix_table th {width:auto !important;}
.ts12 {font-size:12px;}
.last_th {padding-right:18px !important;}
.mr5 {margin-right:5px;}
.mt10 {margin-top:10px;}
.pa0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.ma0 {margin:0 !important;}
.yellow {background-color:#d5f0f4 !important;}
.yellow>td {color:#393c3e !important; font-weight:600}
.mwa {max-width:none !important;}
.fll {float:left}
.flr {float:right}
.tduo {cursor:pointer}
.tduo:hover {text-decoration: underline;}
.fwn {font-weight: normal;}
.fwb {font-weight: bold;}
.fd12 {font-family: dotum; font-size: 12px;}

.vam {vertical-align: middle !important; margin-left:5px !important}
.pr8 {padding-right:8px !important;}
.pl0 {padding-left:0px !important;}

.w100txa {width:calc(100% - 10px);}
.w100txa2 {width:calc(100% - 22px);}


.mobile_header {display:none;}
.board_body .view_cont img {max-width:100%; height:auto !important;}
.work_write .work_list .work_box .content table td p {font-size:14px !important; font-weight:600 !important; font-family: 'NotoSansKR' !important;}
.work_write .work_list .work_box .content table td span {font-size:14px !important; font-weight:600 !important; font-family: 'NotoSansKR' !important;}

.fc-header-toolbar {display:block !important; margin-top:-45px;}
.fc-header-toolbar .fc-toolbar-chunk {width:100%; text-align:center;}
.fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {display:inline-block; position: relative; z-index: 2; font-weight:600}
.totalschedule_layout .fc-h-event .fc-event-main-frame {font-size:13px; }
.totalschedule_layout.croom .fc-h-event .fc-event-main-frame {font-size:13px; color:#fff}

.fc-view-harness.fc-view-harness-active {max-height:calc(100vh - 289px)}



.fc-theme-standard .fc-scrollgrid {border-top:1px solid #dadada !important}
.fc-theme-standard th {background:#f8f8f8;}
.fc .fc-daygrid-day-number {cursor:pointer;}
.fc .fc-col-header-cell-cushion {color:#484b4d; font-size:14px}

@media all and (max-width:1024px) /*768px까지 - 모바일 형식*/
{
	.mpl0 {padding-left:0 !important;}
	.mb0 {top:auto !important; bottom:0 !important;}
	.mmr5 {margin-right:5px !important;}
	.mmw1200 {min-width:1200px !important;}
	.mpl120 {padding-left:120px !important;}
	.mdn {display:none !important;}
	.mpl100 {padding-left:100px !important;}
	.mp0 {padding:0px !important;}
	.board_info {margin-top:35px !important;}


	.m_line {display:block; margin-top:5px;}
	.m_line button {margin:0 5px 0 0 !important;}

}


.mobile_sub_title {display:none;}
/*버튼 */
.default_sbtn {cursor:pointer; background:#84919a; border:none; color:#fff; font-size:12px; height:20px; line-height:20px; padding:0 5px; border-radius:3px}
.default_sbtn:hover {opacity:0.9}

.default_btn {cursor:pointer; background:#84919a; border:none; color:#fff;height:24px; line-height:24px; padding:0 10px; border-radius:3px; vertical-align:middle}
.default_btn span {padding:2px 0 2px 20px; color:#55768c; font-size:12px;}
.default_btn:hover {background:#4e606c;}
.default_btn.up_btn {background:#fff; border:1px solid #85a1b4; border-radius:14px;}
.default_btn.down_btn {background:#fff; border:1px solid #85a1b4; border-radius:14px; }
.default_btn.del_btn {background:#fff; border:1px solid #85a1b4; border-radius:14px; }
.default_btn.search_btn {width:31px; height:31px; margin-left:5px; padding:0; vertical-align:middle;}

.default_btn.up_btn span {background:url(/img/all/btn_bu_up.png) no-repeat 0 50%;}
.default_btn.down_btn span {background:url(/img/all/btn_bu_down.png) no-repeat 0 50%;}
.default_btn.del_btn span {background:url(/img/all/btn_bu_del2.png) no-repeat 0 50%;}
.default_btn.search_btn span {display:block; width:100%; height:100%; padding:0; background:url(/img/board/search_bu.png) no-repeat 50% 48%; text-indent:-9999px; overflow:hidden; color:#ffffff;}

.page_title {font-size:18px; background:url(/img/all/mymenu_bu4.png) no-repeat 0 50%; padding-left:20px; margin-bottom:10px;}

ol,ul,li {margin:0;}


@media all and (min-width:769px) /*768px보다 클때 - PC 형식*/
{
#header.type2 {height:163px}

#header {position:relative; z-index:102;}
#header .line {height:34px; }
#header .line .bg {z-index:4;position:absolute; left:0; top:0; width:100%; height:34px;  opacity:1 !important;
background: #669ece;
background: -moz-linear-gradient(left, #669ece 0%, #67bcce 50%);
background: -webkit-linear-gradient(left, #669ece 0%,#67bcce 50%);
background: linear-gradient(to right, #669ece 0%,#67bcce 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669ece', endColorstr='#67bcce',GradientType=1 );}
/*#header.main .line .bg {opacity:0 !important}
#header.main.open .line .bg {opacity:1 !important}*/

#header .line .line_wp {position:relative; height:34px;}
#header.main .line .line_wp {max-width:1420px; margin:0 auto; }
#header .line .line_wp .depart_select {cursor:pointer; z-index:6; position:absolute; left:18px; top:0px; color:#ffffff; background:#5798be; box-sizing:border-box; border:1px solid #2e698a; border-width:0px 1px 1px 1px; border-radius:0; height:27px; line-height:26px; font-weight:600; }
#header .line .line_wp .depart_select h4 {padding-left:17px; padding-right:47px;}
#header .line .line_wp .depart_select span.bu {position:absolute; right:0; top:0; width:28px; height:26px; border-left:1px solid #2e698a; background:url(/img/all/depart_selec_bu2.png) no-repeat 50% 50%;}
/*
#header.main .line .line_wp .depart_select {border-radius:0 0 5px 5px; background:#ffffff;  border:1px solid #d2d2d2; color:#354b69; border-width:0px 1px 1px 1px; }
#header.main .line .line_wp .depart_select span.bu {border-left:1px solid #d2d2d2; background:url(/img/all/depart_selec_bu.png) no-repeat 50% 50%;}

#header.main.open .line .line_wp .depart_select {background:#5ba7b7;  border:1px solid #448b9a; color:#ffffff; border-width:0px 1px 1px 1px; }
#header.main.open .line .line_wp .depart_select span.bu {border-left:1px solid #448b9a; background:url(/img/all/depart_selec_bu2.png) no-repeat 50% 50%;}
*/
#header.main .line .line_wp .depart_select {left:0px;}

#header .line .line_wp .depart_select.open {border-radius:0; border-width:0px 1px 1px 1px; }
#header .line .line_wp .depart_select.open .depart_list {display:block}

#header .line .line_wp .depart_list {display:none; position:absolute; left:0; top:26px; width:100%}
#header .line .line_wp .depart_list ul {margin:0; padding:0; list-style:none;}
#header .line .line_wp .depart_list ul li {cursor:pointer; z-index:6; background:#5798be; color:#ffffff; border:1px solid #11678d; border-width:1px 1px 1px 1px; height:26px; line-height:25px; font-weight:600; padding-left:17px; margin:0 -1px; padding-right:47px;}
/*
#header.main .line .line_wp .depart_list ul li {cursor:pointer; z-index:6; background:#ffffff; color:#354b69; border:1px solid #d2d2d2; border-width:0px 1px 1px 1px; height:26px; line-height:25px; font-weight:600; padding-left:17px; margin:0 -1px; padding-right:47px;}
#header.main.open .line .line_wp .depart_list ul li {cursor:pointer; z-index:6; background:#5ba7b7; color:#ffffff; border:1px solid #448b9a; border-width:0px 1px 1px 1px; height:26px; line-height:25px; font-weight:600; padding-left:17px; margin:0 -1px; padding-right:47px;}
*/


#header .line .line_wp .right_menulist {position:relative; z-index:10; float:right; height:34px; margin-right:18px}
#header.main .line .line_wp .right_menulist {margin-right:0px}
#header .line .line_wp .right_menulist>div {float:left; margin-left:15px; margin-top:7px}
#header .line .line_wp .right_menulist>div a {display:block; background:url(/img/all/logout_bu.png) no-repeat 0 -25px; color:#fff; padding-left:20px; font-weight:600;}

#header .line .line_wp .right_menulist>div.ips a {background:url(/img/all/ips_bu.png) no-repeat 0 50%; padding-left:18px}
#header .line .line_wp .right_menulist>div.userlist a {background:url(/img/all/userlist_bu.png) no-repeat 0 50%;}
#header .line .line_wp .right_menulist>div.user_menu>a {background:url(/img/all/mymenu_bu.png) no-repeat 0 -23px;}
#header .line .line_wp .right_menulist>div.logout a {background:url(/img/all/logout_bu.png) no-repeat 0 -25px;}
#header .line .line_wp .right_menulist>div.sub_allmenu a {background:url(/img/all/logout_bu.png) no-repeat 0 -25px;}

#header .line .line_wp .right_menulist>div.sub_allmenu.on {display:none}
#header .line .line_wp .right_menulist>div.sub_allmenu {display:block; cursor:pointer; margin-top:4px; background:#297c8e; height:24px; line-height:24px; border-radius:12px; padding:0 15px}
#header .line .line_wp .right_menulist>div.sub_allmenu span {background:url(/img/all/allmenu_bu.png) no-repeat 0 5px; padding-left:16px; color:#fff; }
/*
#header.main .line .line_wp .user_menu>a {background:url(/img/all/mymenu_bu.png) no-repeat 0 4px; color:#434343}
#header.main.open .line .line_wp .user_menu>a {background:url(/img/all/mymenu_bu.png) no-repeat 0 -23px; color:#fff}
*/
#header .line .line_wp .user_menu_list.on {display:block; }
#header .line .line_wp .user_menu_list {display:none; position:absolute; left:50%; top:30px; padding:5px 10px; margin:0; margin-left:-55px; width:110px; background:#fff; border:1px solid #a0a0a0;}
#header .line .line_wp .user_menu_list ul {list-style:none; margin:0; padding:0;}
#header .line .line_wp .user_menu_list ul li {}
#header .line .line_wp .user_menu_list ul li a {background:url(/img/all/li_bu.png) no-repeat 0 50%; padding-left: 8px; color:#000}

/*
#header.main .line .line_wp .logout a {background:url(/img/all/logout_bu.png) no-repeat 0 2px; color:#434343}
#header.main.open .line .line_wp .logout a {background:url(/img/all/logout_bu.png) no-repeat 0 -25px; color:#fff}
*/
#header .line2 {display:none; height:79px;}
#header .line2.main_on {display:block}
/*#header.sub .line2 {display:none;}*/
#header .line2 .line_wp2 {position:relative;  max-width: 1420px; margin:0 auto;}
#header .line2 .line_wp2 h1.logo {margin:0; position:absolute; left:50%; top:15px; margin-left:-80px; display:block; background:url(/img/main/logo.png) no-repeat 0 0; background-size:162px 48px; width:162px; height:48px}
#header .line2 .line_wp2 h1.logo img {width:162px; height:48px}
#header .line2 .line_wp2 .main_menu {position:absolute; left:0px; top:24px;}
#header .line2 .line_wp2 .main_menu ul {margin:0; padding:0; list-style:none;}
#header .line2 .line_wp2 .main_menu ul li {float:left;}
#header .line2 .line_wp2 .main_menu ul li a{display:block; background:linear-gradient(#ffffff 50%,#ebf0f5); border:1px solid #8da3b4; margin-right:8px; border-radius:15px; text-align:center; padding:1px 14px 0; color:#222222;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#header .line2 .line_wp2 .main_menu ul li a span{display:block;  padding-left:22px; height:27px; line-height:25px; font-size:14px; font-weight:700;}
#header .line2 .line_wp2 .main_menu ul li a:hover {background:#354b69; border-color:#354b69; text-decoration:none; color:#fff;}
#header .line2 .line_wp2 .main_menu ul li.m1 a span{background:url(/img/all/mymenu_bu1.png) no-repeat 0 50%;}
#header .line2 .line_wp2 .main_menu ul li.m2 a span{background:url(/img/all/mymenu_bu2.png) no-repeat 0 50%;}
#header .line2 .line_wp2 .main_menu ul li.m3 a span{background:url(/img/all/mymenu_bu3.png) no-repeat 0 50%;}
#header .line2 .line_wp2 .main_menu ul li.set a {margin-right:0px; padding:0;}
#header .line2 .line_wp2 .main_menu ul li.set a span{background:url(/img/all/mymenu_bu4.png) no-repeat 50% 50%; text-indent:-9999px; overflow:hidden}

#header .line2 .line_wp2 .all_menu {cursor:pointer; position:absolute; right:10px; top:27px; width:24px; height:23px; background:url(/img/all/all_menu.png) no-repeat 50% 50%;}
#header .line2 .line_wp2 .all_menu.on {background:url(/img/all/all_menu_close.png) no-repeat 50% 50%;}
#header .line2 .line_wp2 .mobile_all_menu {display:none;}
#header .line2 .line_wp2 .mobile_back_btn {display:none;}


#all_menu_list {height:0px; width:100%; overflow:hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
#all_menu_list.on {height:auto;}
#all_menu_list .cont {background: #ffffff;  border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding-bottom:30px}
#all_menu_list.sub .cont {background:#f8f8f8}
#all_menu_list .cont .wp {position:relative; width:1420px; overflow-x:auto; margin:0 auto; }
#all_menu_list .cont .wp ul {padding:0;  margin:0; list-style:none;  overflow:hidden}
#all_menu_list .cont .wp>ul>li {float:left; width:216px; margin-right:20px;}
#all_menu_list .cont .wp>ul>li:nth-child(6n) {margin:0}
#all_menu_list .cont .wp ul li a {text-decoration:none; color:#000000}
#all_menu_list .cont .wp ul li .d1 {font-size:24px; font-weight:600; display:block; padding:25px 0 15px; border-bottom:1px solid #c8c8c8}
#all_menu_list .cont .wp ul li ul {margin-top:10px;}
#all_menu_list .cont .wp ul li ul li a {cursor:pointer; display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding:3px 10px; padding-left:27px; font-size:14px; background:url(/img/all/allmenu_list_bu.png) no-repeat 12px 50%;}
#all_menu_list .cont .wp ul li ul li a:hover {background-color:#dce6e6}

/*.bottom { position:fixed;  bottom:0; width:100%; }
.bottom .bg {position:absolute; left:0; bottom:0; width:360px; height:174px; background:url(/img/all/bg.png) no-repeat 0 100%; }*/

.sidebar_wp {position:relative; padding-left: 223px; min-height:calc(100vh - 93px);  overflow: hidden;}
.sidebar_wp.side_none {min-height:calc(100vh - 136px); padding:0; background:#e9eff4;}

#sidebar {position: absolute; left: 0; top:0; width:223px; height: calc(100vh - 93px); min-height:100%; box-sizing:border-box; border-right:1px solid #c7d3dc;}
#sidebar h3 {font-size:16px; height:42px; line-height:42px; overflow:hidden; border-bottom:1px solid #bac7cb; font-weight:700; text-align:center; background: linear-gradient(#ffffff 10%, 70%, #e9f1f2 90%, #ffffff 100%);}
#sidebar h3 span {}
#sidebar ul {margin:0; padding:0;  list-style:none; overflow:hidden;}
#sidebar ul li {border-bottom:1px solid #dce3e5;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#sidebar ul li a {display:block; height:42px; line-height:42px; width:132px; font-size:14px; background: url(/img/all/li_bu.png) no-repeat 28px 50%; color:#686767; padding-left:38px; padding-right:20px; text-overflow: ellipsis; overflow:hidden; white-space: nowrap;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#sidebar ul li:hover {background-color:#f5f8fa; }
#sidebar ul li a:hover {text-decoration:none;}
#sidebar ul li a:focus {text-decoration:none;}
#sidebar ul li.on {background: #e9f4f5 url(/img/all/side_bar_sub_bu.png) no-repeat 100% 50%;}
#sidebar ul li.on a {color:#000; }
/*#sidebar .bottom {position:absolute; width:100%; right:0px; bottom:0px; border-top:1px solid #bac7cb; overflow:hidden; padding-right:1px}
#sidebar .bottom .wp {background:#fff url(/img/all/side_bar_menu_bg.png) repeat-x 0 0;}
#sidebar .pin_btn {cursor:pointer; float:right; width:44px; height:44px; padding:0; border:none; border-left:1px solid #bac7cb; text-indent:-9999px; background:#fff url(/img/all/side_bar_menu_bg.png) repeat-x 0 0;}
#sidebar .pin_btn:hover {background-color:#f4f7f8;}
#sidebar .pin_btn span {background:url(/img/all/side_pin_off.png) no-repeat 50% 50%; display:block; height:100%;}
#sidebar .pin_btn.on span {background:url(/img/all/side_pin.png) no-repeat 50% 50%;}
*/
/*#sidebar.hide {left:-173px;}*/
#sidebar.hide .menu_wp {width:43px;}
#sidebar.hide .menu_wp h3 {padding-left:10px;}
#sidebar.hide .menu_wp ul li {border-color:#fff; background-color: #fff; background-position: 200% 50%;}
#sidebar.hide .menu_wp ul li a {width:0px; padding:0; background-position: -10px 50%;}

#sub_navi {position:relative; border-bottom:1px solid #8da3b4; border-top:1px solid #eeeeee; box-sizing:border-box; box-shadow:0px 4px #ccd7e17d; background:url(/img/all/sub_navi_bg2.png) repeat-x 0 100%; z-index:100;}
#sub_navi.type2 {position:fixed; background:#fff; z-index:200; top:0; left:0; width:100%}
#sub_navi .mobile_bg {display:none;}
#sub_navi .wp {position:relative; max-width: 1330px; margin: 0 auto; height:57px; padding-left:0px; padding-right:90px}
#sub_navi.active {box-shadow: none; background:url(/img/all/sub_navi_bg3.png) repeat-x 0 100%;}
#sub_navi.active .wp {padding-left:237px; max-width:none; margin:0;}
#sub_navi .wp .menu_list_parent {position:relative; overflow:hidden;}
#sub_navi .wp .menu_list_parent .navi_line {position:absolute; left:-200px; top:55px; height:3px; min-width:50px; background:#2e81bb;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}
#sub_navi .wp ul {margin:0; padding:0; list-style:none; }
#sub_navi .wp ul li {position:relative; float:left; }
#sub_navi .wp ul li a {display:block; height:57px; line-height:57px; font-size:16px; letter-spacing:-0.3px; color:#363636;  font-weight:700; text-decoration:none; }

#sub_navi .wp .home {position:absolute; left:50px; top:10px;}
#sub_navi .wp .home h1 a {width:204px; min-width:204px; padding:0; vertical-align:top;}
#sub_navi .wp .home h1 a img {vertical-align:top;}

#sub_navi .wp .menu_controller {position:absolute; right:18px; top:7px;}
#sub_navi .wp .menu_controller button {overflow:hidden; text-indent:-9999px; margin-left:10px; background:transparent; width:45px; min-width:45px; height:42px; cursor:pointer; padding:0; box-sizing:border-box; border:none;}
#sub_navi .wp .menu_controller button.prev {background:transparent url(/img/all/sub_navi_prev.png) no-repeat 50% 14px; border-width:0px 0px 0px 1px}
#sub_navi .wp .menu_controller button.next {background:transparent url(/img/all/sub_navi_next.png) no-repeat 50% 14px; border-width:0px 1px 0px 1px}
#sub_navi .wp .menu_controller button.off {background-position:50% -73px;}
#sub_navi .wp .menu_controller button:hover {background-color:#eee; border-radius:23px;}

#sub_navi .wp ul.menu_list {overflow:hidden; padding-left:8px}
#sub_navi .wp ul.menu_list li {overflow:hidden; padding:15px 0px; padding-right:18px}
/*
#sub_navi .wp ul.menu_list li.child .child_wp {display:block; padding-right:18px; background:url(/img/all/sub_navi_children_bu1.png) no-repeat 100% 11px;}
#sub_navi .wp ul.menu_list li.on.child .child_wp {background:url(/img/all/sub_navi_children_bu1on.png) no-repeat 100% 11px;}*/
#sub_navi .wp ul.menu_list li:last-child {background:none}
#sub_navi .wp ul.menu_list li.first {}
#sub_navi .wp ul.menu_list li a {float:left; cursor:pointer; height:28px; line-height:24px; padding-left:18px;}
#sub_navi .wp ul.menu_list li a:hover {color:#54b2d1}

/*#sub_navi .wp ul.menu_list li a:hover {background:#dfecef; border-radius:14px;}
#sub_navi .wp ul.menu_list li a:hover .child_wp {background-position:100% -47px;}
/*#sub_navi .wp ul.menu_list li.over a {background:#dfecef; border-radius:14px;}
#sub_navi .wp ul.menu_list li.over a .child_wp {background-position:100% -47px;}
#sub_navi .wp ul.menu_list li.on a:hover .child_wp {background-position:100% -47px;}
#sub_navi .wp ul.menu_list li.over.on a .child_wp {background-position:100% -47px;}*/
#sub_navi .wp ul.menu_list li.on a {/*background:#70aebf; border-radius:14px; color:#fff*/color:#54b2d1}

#sub_navi .wp ul.menu_list li button {display:none; cursor:pointer; float:left; width:18px; height:28px; border:none; margin-left:5px; text-indent:-9999px; background:url(/img/all/sub_navi_children_bu4.png) no-repeat 50% 5px;}
#sub_navi .wp ul.menu_list li button:hover {background-image:url(/img/all/sub_navi_children_bu3.png)}
#sub_navi .wp ul.menu_list li.child button {display:block;}
#sub_navi .wp ul.menu_list li.child button.over {background-position:50% -41px;}


#sub_navi .wp ul.menu_list li.on button {background-image:url(/img/all/sub_navi_children_bu3.png)}

#sub_navi .d2_navi {z-index:100; position:absolute; left:0; top:58px; width:100%;  background:#fff url(/img/all/sub_navi_bg.png) repeat-x 0% 100%; box-sizing:border-box; overflow:hidden; height:0; }
#sub_navi .d2_navi.over {height:100px;}
#sub_navi .d2_navi .d_wp {max-width: 1420px; position:relative; margin:0 auto; overflow:hidden;}
#sub_navi.active .d2_navi .d_wp {padding-left:215px; max-width: none}
#sub_navi .d2_navi .d_wp2 {position:relative; padding-left:200px;}
#sub_navi .d2_navi h3 {position:absolute; left:0; top:0; width:200px; text-align:center; height:98px; line-height:98px; font-size:24px; background:url(/img/all/d_list_sep.png) no-repeat 100% 50%;}
#sub_navi .d2_navi .d2_list {line-height:98px; padding-left:30px; }
#sub_navi .d2_navi .d2_list>ul {display:inline-block; margin:0; padding:0; list-style:none; vertical-align:middle;}
#sub_navi .d2_navi .d2_list>ul>li {position:relative; float:left; height:28px; line-height:26px; margin-right:15px;}
#sub_navi .d2_navi .d2_list>ul>li>a {display:block; padding:0 10px; height:100%; font-size:14px; color:#5b5b5b;  font-weight:600; text-decoration:none; background:url(/img/all/d_list_bu.png) no-repeat 0 12px;}
#sub_navi .d2_navi .d2_list>ul>li>button {display:none}
#sub_navi .d2_navi .d2_list>ul>li>a:hover {color:#000000; background:url(/img/all/d_list_bu.png) no-repeat 0 -19px; text-decoration:underline}
#sub_navi .d2_navi .d2_list>ul>li.on>a {color:#000000; background:url(/img/all/d_list_bu.png) no-repeat 0 -19px; text-decoration:underline}

#sub_navi .d2_navi #menu_d2_list.over>li {padding-bottom: 24px;}
#sub_navi .d2_navi #menu_d2_list>li .d3_list {visibility:hidden}
#sub_navi .d2_navi #menu_d2_list>li.over .d3_list {visibility:visible}
#sub_navi .d2_navi #menu_d2_list>li.over>a {color:#d51e18; text-decoration:underline}

#sub_navi .d2_navi #menu_d2_list>li.child .child_wp {display:block; padding-right:22px; background:url(/img/all/sub_navi_children_bu2.png) no-repeat 100% 7px;}
#sub_navi .d2_navi #menu_d2_list>li.child.over .child_wp  {background-position:100% -52px;}


#sub_navi .d2_navi .d3_list {z-index:10; position:absolute; left:0; bottom:0;}
#sub_navi .d2_navi .d3_list ul {height:24px; padding:0 10px; border-radius:12px; background:#9aa5a5; margin:0; list-style:none; overflow:hidden; width:100%;}
#sub_navi .d2_navi .d3_list li {float:left; height:24px; line-height:24px; padding:0 10px;}
#sub_navi .d2_navi .d3_list li a {color:#fff; white-space: nowrap;}




#navigator {position:relative; border:1px solid #c7d3dc; border-width:0 0 1px; box-sizing:border-box; /*background:#f2f6f9;*/}
#navigator:after {display:block; clear:both; content:''}
#navigator.navi_none {display:none;}
#navigator .wp {position:relative; height:42px; padding-left:18px}
#navigator .wp ul {padding:0; margin:0; list-style:none;}
#navigator .wp ul li {position:relative; float:left; border-width:1px 0px 1px 0px; box-sizing:border-box; background:url(/img/all/sub_navi_sep.png) no-repeat 100% 0}
#navigator .wp ul li a {display:block; height:42px; min-width:80px; line-height:42px; padding:0 64px 0 18px; font-size:14px; color:#5b5b5b;  font-weight:600; text-decoration:none; background:url(/img/all/sub_navi_type1.png) no-repeat 90% 13px;}


#navigator .wp>ul>li:first-child {border-left:1px solid #c8c8c8; box-sizing:border-box}
#navigator .wp ul li.home a {overflow:hidden; text-indent:-9999px; width:45px; min-width:45px; padding:0; background:url(/img/all/sub_navi_home2.png) no-repeat 50% 50%;  border-left:1px solid #d8d8d8;}
#navigator .wp ul li.current {/*background-color:#f5f9fb*/}
#navigator .wp ul li.current>a {background:url(/img/all/sub_navi_type3.png) no-repeat 90% 13px;}

#navigator .wp ul li.home a:hover { background:#769bc0 url(/img/all/sub_navi_home.png) no-repeat 50% 50%; border-left:1px solid #fff; }
#navigator .wp ul li ul {z-index:10; position:absolute; left:-1px; top:42px; width:100%; height:0px; overflow:hidden; border:1px solid transparent; border-width:0 1px 1px 1px;

}
#navigator .wp ul li ul li {padding:0; margin:0; width:100%; border:none; border-bottom:1px solid #354e6f}
#navigator .wp ul li ul li:last-child {border-bottom:none}
#navigator .wp ul li ul li a {padding:0 0 0 18px; margin:0; background:#50688a;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}

#navigator .wp .over {border-color:#354b69;}
#navigator .wp .over>a {color:#fff; background:#354b69 url(/img/all/sub_navi_type2.png) no-repeat 90% -44px;}
#navigator .wp .current.over>a {color:#fff; background:#354b69 url(/img/all/sub_navi_type2.png) no-repeat 90% -44px;}
#navigator .wp .over li a {border-color:#354b69; color:#fff }
#navigator .wp .over li a:hover {background-color:#769bc0}
#navigator .wp .over ul {border-color:transparent;  height:auto; overflow:hidden; }


#navigator2 {clear:both; background:#354b69; position:relative; top:-2px}
#navigator2.type2 {z-index:5; position:fixed; top:43px; width:100%; height:42px; background:#354b69;}
#navigator2 .wp {position:relative; top:-1px; max-width: 1420px; margin:0 auto; height:42px;}
#navigator2 .wp ul {margin:0; padding:0; list-style:none; }
#navigator2 .wp ul li {position:relative; float:left; box-sizing:border-box;}
#navigator2 .wp ul li a {display:block; height:42px; line-height:42px; padding:0 26px; font-size:14px; color:#c9d8ec;  font-weight:600; text-decoration:none;background:url(/img/sub/sub_tab_sep2.png) no-repeat 100% 50%;}
#navigator2 .wp ul li:last-child a {background:none;}
#navigator2 .wp ul li.on a {color:#c0e3ef}
#navigator2 .wp ul li a:hover {color:#fff}

/*
#footer {padding-bottom:35px}
#footer .footer_bg {position: fixed; bottom: 0; height: 34px; background: #676973; width: 100%; line-height: 34px; text-align: center; z-index: 10;}
*/
/* 서브 기본 */
#content .content_wp {padding:24px 25px 0 40px;}
#content .content_wp.webhard {padding:24px 25px 0 25px}
#content .content_wp .cont_title {position:relative; left:-2px; text-align:left; font-size:35px; padding:0 0 27px; overflow:hidden;}
#content .content_wp .cont_title span {display:block; float:left;  height:40px; line-height:40px;}

/*결재 관리자*/
#content.app_admin {clear:both; background:#fff; border:1px solid #96a3aa;}
#content.app_admin .content_wp {position:relative; max-width:none; margin:0; padding:16px 26px}
#content.app_admin .content_wp .cont_title {position:relative; left:0; text-align:left; font-size:28px; padding:0 0 15px; overflow:hidden;}
#content.app_admin .content_wp .cont_title span {display:block; float:left;  height:40px; line-height:40px;}

#content.app_admin .content_wp .sub_title {position:relative; top:-5px; text-align:left; font-size:21px; padding:0px; padding-left:5px; overflow:hidden;}
#content.app_admin .content_wp .sub_title span {display:block; float:left;  height:40px; line-height:40px;}

#content.app_admin .content_wp .sub_title2 {text-align:left; font-size:21px; padding:0px; margin-bottom:10px; overflow:hidden;}




.page_tab {float:left; text-align:center; height:38px; padding-top:2px; margin-left:8px}
.page_tab .list_wp {display:inline-block; }
.page_tab .list_wp ul {position:relative; left:-2px; margin:0; padding:0; list-style:none;}
.page_tab .list_wp ul li {float:left; background:url(../../img/all/sub_tab_sep.png) no-repeat 100% 50%; height:40px; line-height:40px;}
.page_tab .list_wp ul li:last-child {background:none}
.page_tab .list_wp ul li a {cursor:pointer; display:block; font-size:18px; color:#a0a0a0; padding:0 12px; }
.page_tab .list_wp ul li.on a {color:#d51e18; text-decoration:underline}

.page_tab.admin {float:none; text-align:left; margin:0; padding:0; margin-bottom:10px;}
.page_tab.admin li:first-child a {padding-left:0;}

.page_info {padding:0; margin-bottom:10px}
.page_info p {padding:12px 16px 12px 16px; margin:0; font-size:14px; background:#fff; border:1px solid #d4d4d4; border-top:1px solid #84919a}
.page_info p span { background:url(/img/sub/pageinfo_bu.png) no-repeat 0 2px; padding:2px 0 4px 36px;}

.tab_cont {display:none}
.tab_cont.on {display:block}

.sub_title {margin:0;}
.sub_title h4 {padding:0px; margin:30px 0 15px; font-size:23px}
.sub_title h5 {padding:0px; margin:15px 0 5px; font-size:15px}
.info_list {list-style:none; margin:0 0 15px 0; padding-left:10px;}
.info_list li {padding:1px 0 1px 10px; background:url(/img/all/li_bu.png) no-repeat 0 11px; font-size:12px}
.info_list li .important {color:red; font-weight:bold}
.info_list ul {list-style:none; margin:5px 10px;}
.info_list ul li {color:#444; font-weight:normal;}



.dep3_list {text-align:center; margin-bottom:30px;}
.dep3_list .list_wp {display:inline-block; }
.dep3_list .list_wp ul {position:relative; left:-2px; margin:0; padding:0; list-style:none;}
.dep3_list .list_wp ul li {float:left; background:url(/img/all/sub_tab_sep.png) no-repeat 100% 50%;}
.dep3_list .list_wp ul li:last-child {background:none}
.dep3_list .list_wp ul li a {font-size:18px; color:#5b5b5b; padding:0 26px}
.dep3_list .list_wp ul li.on a {color:#d51e18;}

.date_line #txtStartTime {width:20px !important}
.date_line>span {margin-bottom:5px;}
.date_line #txtStartMinute {width:20px !important}
.date_line #txtEndTime {width:20px !important}
.date_line #txtEndMinute {width:20px !important}

.date_line .vdpComponent.vdpWithInput>input {width:80px}

.data_line {}
.data_line .line {margin-right:10px}



.mobile_wp {min-height:59px;}

}

@media all and (max-width:1440px) and (min-width:769px)
{
	html, body {}
	#header .line2 .line_wp2 h1.logo {left:0px; top:15px; margin-left:25px;}
	#header .line2 .line_wp2 .main_menu {position:absolute; left:auto; right:70px; top:24px;}
	#header .line .line_wp {/*min-width:1240px;*/}
	#header .line .line_wp .logout {right:25px;}
	#header .line .line_wp .user_menu {right:115px;}
	/*#sub_navi .d2_navi .d_wp2 {padding-left:200px;}
	#sub_navi .d2_navi h3 {left:0px;}
	#sub_navi .wp {max-width: 920px; padding-right:140px; }
	#sub_navi.active .wp {max-width: 1086px; padding-left:244px;}
	#sub_navi .d2_navi .d_wp {max-width: 1060px;}
	#sub_navi .wp .home {left:75px;}
	#header .line .line_wp .right_menulist {padding-right:25px;}

	#sub_navi .wp {padding-left:204px; padding-right:115px;}
	#sub_navi .wp ul.home {position:absolute; left:25px; top:0;}
	*/
	#sub_navi .wp .menu_controller {position:absolute; right:25px; top:7px; max-width:1255px}

	#header .line2 .line_wp2 .all_menu {right:25px}
	#header .line2 .line_wp2 .main_menu {right:85px}

	#all_menu_list .cont .wp {max-width: 1060px;}
	#all_menu_list .cont .wp>ul>li {width:165px; margin-right:14px;}
	#all_menu_list .cont .wp ul li .d1 {font-size:21px}
}

@media all and (max-width:1440px) and (min-width:769px) {
	#sub_navi .wp {max-width: 960px;}
}
@media all and (max-width:1440px) /*768px까지 - 모바일 형식*/
{

	.vdpComponent {vertical-align:top;}
    .app_search_box .select_date .vdpComponent.vdpWithInput>input {width:calc(100% - 42px);}
	.date_line #txtStartTime {width:20px !important}
	.date_line>span {margin-bottom:5px;}
	.date_line #txtStartMinute {width:20px !important}
	.date_line #txtEndTime {width:20px !important}
	.date_line #txtEndMinute {width:20px !important}

	.date_line .line {display:block;}
	.date_line .vdpComponent.vdpWithInput>input {width:75px; vertical-align: top;}

	#content .content_wp .cont_title {padding-bottom:15px; font-size:30px}

}

@media all and (max-width:768px) /*768px까지 - 모바일 형식*/
{

	input[type=text],input[type=password],input[type=number]  {border:1px solid #84919a}
	select {border:1px solid #84919a;}
	textarea {border:1px solid #84919a; }
	body#mobile {background:#f2f6f9;}
	/*
	.mobile_header {display:block; position:absolute; width:100%; height:227px; background:#bcd5e0; left:0px; top:0px; text-align:center }
	.mobile_header .logo {position:absolute; left:20px; top:15px;}
	.mobile_header .logo img {width:104px;}
	.mobile_header .wp {padding:0 20px}
	*/
	#sidebar {display:none;}
	.sub_title {margin:0;}
	.sub_title h4 {padding:0px; margin:15px 0 15px; font-size:23px}
	.sub_title h5 {padding:0px; margin:15px 0 5px; font-size:15px}

	.page_info {padding:0; margin-bottom:10px}
	.page_info p {padding:12px 16px 12px 16px; margin:0; font-size:14px; background:#fff; border:1px solid #d4d4d4; border-top:1px solid #84919a}
	.page_info p span { background:url(/img/sub/pageinfo_bu.png) no-repeat 0 2px; padding:2px 0 4px 36px; font-size:12px}

	.mobile_sub_title {display:block;}
	.mobile_sub_title h2 {font-size:18px; line-height:50px; padding:0; position:static; text-align:center; background: url(/img/all/sub_navi_bg2.png) repeat-x 0 100%; height:50px; border-bottom: 1px solid #62676b;}
	.mobile_sub_title h2 span {float:none; display:inline}
	.mobile_sub_title h2 .mobile_back_btn {display:block; z-index: 10;
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/img/all/m_back_btn.png) no-repeat 50% 50%;
    background-size: 13px;}

	body.mobile_menu_open {overflow:hidden}
	.depart_select {position:absolute; left:80px; top:53px; cursor:pointer; z-index:9999; color:#354b69; background:#ffffff; box-sizing:border-box; border:1px solid #69a6b3; border-radius:15px; height:23px; line-height:20px; font-weight:600;}
	.depart_select h4 {padding-left:16px; padding-right:34px; text-align:left; font-size:12px; width:135px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}
	.depart_select span.bu {position:absolute; right:0; top:0; width:34px; height:23px; background:url(/img/all/m_depart_select_bu.png) no-repeat 50% 2px;}
	.depart_select.on {background:#5ba7b7;  border:1px solid #448b9a; color:#fff;}
	.depart_select.on span.bu {border-left:1px solid #448b9a; background:url(/img/all/m_depart_select_bu.png) no-repeat 50% 5px;}

	.depart_select.open {border-radius:5px 5px 0 0; }
	.depart_select.open .depart_list {display:block}

	.depart_list {display:none; position:absolute; left:0; top:22px; width:100%}
	.depart_list ul {margin:0; padding:0; list-style:none;}
	.depart_list ul li {cursor:pointer; z-index:6; background:#ffffff; text-align:left; color:#354b69; border:1px solid #69a6b3; border-width:0px 1px 1px 1px; height:28px; line-height:27px; font-weight:600; padding-left:17px; margin:0 -1px; font-size:12px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}
	.depart_list ul li:last-child {border-radius:0 0 5px 5px; }

	#header {position:relative; border-bottom:1px solid #c7d3db;  background:#fff url(/img/all/mobile_header_bg.png) no-repeat 50% 0;}
	#header.main {position:relative; border-bottom:none;}
	#header .user_menu>a {display:none;}
	#header .user_menu_list {position:absolute; left:0; top:79px; width:100%; height:58px; line-height:58px; width:1000px}
	#header .user_menu_list ul {position:absolute; padding:0; padding-left:18px; margin:0; list-style:none; overflow:hidden }
	#header .user_menu_list ul li {float:left;}
	#header .user_menu_list ul li a {display:inline-block; height:58px; padding-left:21px; margin-right:18px; color:#fff; text-decoration:none; background:url(/img/all/mh_link_m1.png) no-repeat 0 50%;}
	#header .user_menu_list li a.m1 {background:url(/img/all/mh_link_m1.png) no-repeat 0 50%;}
	#header .user_menu_list li a.m2 {background:url(/img/all/mh_link_m2.png) no-repeat 0 50%;}

	#header .logout {position:absolute; top:5px; right:48px; overflow:hidden; z-index: 9999;}
	#header .logout a {cursor:pointer; float:left; height:40px; width:40px; text-indent:-9999px; border:none; overflow:hidden; background:url(/img/all/mh_logout_btn.png) no-repeat 50% 50%; background-size:18px;}

	#header #all_menu_list {display:none;}
	#header .line {display:none;}
	#header .line.mobile_on {display:block;}

	#header .logo {position:absolute; left:20px; top:2px; background:url(/img/main/logo.png) no-repeat 0 50%; background-size:135px auto; width:135px; height:60px}
	#header.main .logo {position:absolute; left:25px; top:22px; display:block; background:url(/img/main/logo.png) no-repeat 0 0; background-size:160px auto; width:170px; height:55px}
	#header .logo a {display:block; height:100%;}
	#header .logo.mobile_on {display:none;}
	#header .line2 .line_wp2 .all_menu {display:none;}
	#header .line2 .line_wp2 .mobile_all_menu {cursor:pointer; position:absolute; right:0px; top:0px; width:60px; height:60px; background:url(/img/all/m_all_menu2.png) no-repeat 50% 50%; background-size:23px;}
    #header .line2.main_on .line_wp2 .mobile_all_menu {right:10px; top:14px;}
	#header .line2 .line_wp2 .mobile_back_btn {z-index:10; cursor:pointer; position:absolute; left:0px; top:60px; width:50px; height:50px; text-indent:-9999px; overflow:hidden; background:url(/img/all/m_back_btn.png) no-repeat 50% 50%; background-size:13px;}
	#header.main .line2 .line_wp2 .mobile_back_btn {display:none;}
	#header.side_none .line2 .line_wp2 .mobile_back_btn {display:none;}
	#header .line2 .line_wp2 .mobile_all_menu.mobile_on {cursor:pointer; position:absolute; top:5px; right:8px;left:auto; z-index:9999; overflow:hidden;cursor:pointer; float:left; height:40px; width:40px; text-indent:-9999px; border:none; overflow:hidden;background:url(/img/all/mh_close_btn.png) no-repeat 50% 50%; background-size:18px; }

	#header .line_wp2 {height:60px}
	#header.main .line_wp2 {height:auto}
	#header .main_menu {display:none;}
	#header.main .line_wp2 {padding:90px 20px 20px;    box-shadow: 0px 4px #ccd7e17d; background: url(/img/all/sub_navi_bg2.png) repeat-x 0 100%; border-bottom: 1px solid #8fa2b9;}
	#header.main .main_menu {display:block;}
	#header.main .main_menu ul {margin:0; padding:0; list-style:none; overflow:hidden;}
	#header.main .main_menu ul li {float:left; width:33.3%; box-sizing:border-box;}
	#header.main .main_menu ul li.m1 {padding-right:8px}
	#header.main .main_menu ul li.m2 {padding:0 4px; width:33.4%;}
	#header.main .main_menu ul li.m3 {padding-left:8px}
	#header.main .main_menu ul li a {display:block; border:1px solid #c3d0df; border-radius:15px; padding-top:80px; padding-bottom:12px; text-align:center; font-size:15px; color:#000;}
	#header.main .main_menu ul li.m1 a {background:#fff url(/img/main/m_main_menu1.png) no-repeat 50% 7px; background-size:77px; }
	#header.main .main_menu ul li.m2 a {background:#fff url(/img/main/m_main_menu2.png) no-repeat 50% 7px; background-size:77px; }
	#header.main .main_menu ul li.m3 a {background:#fff url(/img/main/m_main_menu3.png) no-repeat 50% 7px; background-size:77px; }




	/*
	#header {z-index:99; position:fixed; bottom:0; left:0; width:100%; height:63px;}
	#header .line {display:none;}
	#header .line2 {width:100%; background:#354b69; overflow:hidden}
	#header .all_menu_list {display:none;}
	#header .logo {display:none;}

	#header .line2 .line_wp2 {padding-right:63px; height:63px; }
	#header .line2 .line_wp2 .main_menu {position:static; }
	#header .line2 .line_wp2 .main_menu ul {margin:0; padding:0; list-style:none;}
	#header .line2 .line_wp2 .main_menu ul li {float:left; width:33%; }
	#header .line2 .line_wp2 .main_menu ul li:nth-child(2) {width:34%}
	#header .line2 .line_wp2 .main_menu ul li a{display:block; background:#354b69; height:63px; text-align:center; color:#ffffff;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#header .line2 .line_wp2 .main_menu ul li a span{display:block;  padding-top:32px; font-size:14px; font-weight:600;}
	#header .line2 .line_wp2 .main_menu ul li a:hover {background:#354b69; border-color:#354b69; text-decoration:none; color:#fff;}
	#header .line2 .line_wp2 .main_menu ul li.m1 a span{background:url(/img/all/mymenu_bu1.png) no-repeat 50% 11px;}
	#header .line2 .line_wp2 .main_menu ul li.m2 a span{background:url(/img/all/mymenu_bu2.png) no-repeat 50% 11px;}
	#header .line2 .line_wp2 .main_menu ul li.m3 a span{background:url(/img/all/mymenu_bu3.png) no-repeat 50% 11px;}
	#header .line2 .line_wp2 .main_menu ul li.set {display:none;}


	#header .line2 .line_wp2 .all_menu {cursor:pointer; position:absolute; right:0px; top:0px; width:62px; height:63px; border-left:1px solid #5b7797; background:url(/img/all/m_all_menu.png) no-repeat 50% 50%;}
	#header .line2 .line_wp2 .all_menu.on {background:url(/img/all/m_all_menu_close.png) no-repeat 50% 50%;}
	*/


	/* 서브 기본 */
	#content {clear:both}
	#content .content_wp {position:relative; margin:0 auto; padding:0 10px}
	#content .content_wp.m_p0 {padding:0;}
	#content .content_wp .cont_title {text-align:center; margin:0 -10px 10px; padding-bottom:0 !important; overflow:hidden; border-bottom: 1px solid #62676b; background: url(/img/all/sub_navi_bg2.png) repeat-x 0 100%;}
	#content .content_wp .cont_title span {display:block;font-size:18px; height:50px; line-height:50px; font-weight:700}

	.page_tab {display:none; text-align:center; height:38px; margin-top:-10px; padding-bottom:10px;}
	.page_tab .list_wp {display:inline-block; }
	.page_tab .list_wp ul {position:relative; left:-2px; margin:0; padding:0; list-style:none; overflow:hidden;}
	.page_tab .list_wp ul li {float:left; background:url(../../img/all/sub_tab_sep.png) no-repeat 100% 50%; height:40px; line-height:40px;}
	.page_tab .list_wp ul li:last-child {background:none}
	.page_tab .list_wp ul li a {cursor:pointer; display:block; font-size:18px; color:#a0a0a0; padding:0 10px; }
	.page_tab .list_wp ul li:first-child a {}
	.page_tab .list_wp ul li.on a {color:#d51e18; text-decoration:underline}

	.page_tab.m3 .list_wp ul li {float:left; width:33%;}
	.page_tab.m3 .list_wp ul li a { overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}



	.bottom { position:fixed;  bottom:0; width:100%; }
	.bottom .bg {display:none; position:absolute; left:0; bottom:0; width:360px; height:174px; background:url(/img/bg.png) no-repeat -100px 100%; }


	.mobile_wp {display:none; background:#fff; position:absolute; left:0; top:0; width:100%; height:100%; z-index:100;}
	.mobile_wp.mobile_on {display:block;}
	.mobile_header {position:relative; display:block; height:100px; background: #ffffff; border-bottom:1px solid #d9dfe0}
	.mobile_header .user_info {padding-top:27px; padding-left:18px; overflow:hidden;}
	.mobile_header .user_info .user_pic {float:left; position:relative; border-radius:26px; overflow:hidden; width:52px; height:52px; background:#dbe2e6}
	.mobile_header .user_info .user_pic img {}
	.mobile_header .user_info .info {float:left; margin-left:18px}
	.mobile_header .user_info .info .name {display:block; font-size:16px;  color:#000;}
	.mobile_header .user_info .info .department {display:block; font-size:12px; color:#fff;}
/*
	.mobile_header .header_control {position:absolute; top:5px; right:8px; overflow:hidden;}
	.mobile_header .header_control button {cursor:pointer; float:left; height:40px; width:40px; text-indent:-9999px; border:none; overflow:hidden;}
	.mobile_header .header_control button.logout {background:url(/img/all/mh_logout_btn.png) no-repeat 50% 50%;}
	.mobile_header .header_control button.close {background:url(/img/all/mh_close_btn.png) no-repeat 50% 50%;}

	.mobile_header .link {height:58px; line-height:58px; padding-left:18px;}
	.mobile_header .link ul {padding:0; margin:0; list-style:none; overflow:hidden }
	.mobile_header .link ul li {float:left;}
	.mobile_header .link ul li a {display:inline-block; height:58px; padding-left:21px; margin-right:18px; color:#fff; text-decoration:none;}
	.mobile_header .link ul li a.m1 {background:url(/img/all/mh_link_m1.png) no-repeat 0 50%;}
	.mobile_header .link ul li a.m2 {background:url(/img/all/mh_link_m2.png) no-repeat 0 50%;}
*/
	.mobile_header .menu_tab_btn {position:absolute; left:0; bottom:0; width:100%; height:46px; background:#fff; border-top:1px solid #bebebe; border-bottom:2px solid #e8ebec}
	.mobile_header .menu_tab_btn ul {padding:0; margin:0; padding-left:10px; list-style:none; overflow:hidden }
	.mobile_header .menu_tab_btn ul li {float:left;}
	.mobile_header .menu_tab_btn ul li button {cursor:pointer; height:46px; line-height:46px; border:none; width:85px; background:#fff; font-size:15px; font-weight:600 }
	.mobile_header .menu_tab_btn ul li button.on {color:#67a4ce; border-bottom: 2px solid #67a4ce;}

	#sub_navi {position:relative; height:calc(100% - 101px); padding-left:132px; }
	#sub_navi .wp {position:absolute; left:0; top:0; z-index:1; height:100%; width:132px; padding:0; background:url(/img/all/mh_m1_bg.png) repeat-y 0 0;}
	#sub_navi .mobile_bg {display:block; position:absolute; left:0; top:0; width:100%; box-sizing:border-box; padding-left:132px; height:100%;}
	#sub_navi .mobile_bg span {position:absolute; left:50%; top:50%; margin-top:-120px; padding-top:110px; display:inline-block; width:126px; text-align:center; background:url(/img/all/mh_select_bg.png) no-repeat 50% 0; background-size:96px; font-size:15px;}

	#sub_navi .wp .home {display:none}

	#sub_navi .wp .menu_list {padding:0; margin:0; list-style:none; padding-top:21px;}
	#sub_navi .wp .menu_list li {display:block !important}
	#sub_navi .wp .menu_list li.on {background:url(/img/all/mh_m1_bg_on.png) no-repeat 8px 0; padding-bottom:8px; margin-bottom:-8px}
	#sub_navi .wp .menu_list li a {display:block; font-size:15px; font-weight:600; height:42px; line-height:40px; color:#000; padding-left:30px;}
	#sub_navi .wp .menu_list li.on a {color:#fff}

	#sub_navi .d2_navi {display:none; position:relative; z-index:1; padding-left:24px; padding-right:24px; height:100%; overflow:auto; background:#fff;}
	#sub_navi .d2_navi.over {display:block}
	#sub_navi .d2_navi .d_wp {padding-bottom:24px;}
	#sub_navi .d2_navi h3 {display:none;}
	#sub_navi .d2_navi .d2_list {padding-top:22px;}
	#sub_navi .d2_navi .d2_list>ul {padding:0; margin:0; list-style:none; }
	#sub_navi .d2_navi .d2_list>ul>li {position:relative;}
	#sub_navi .d2_navi .d2_list>ul>li>a {display:block; font-size:14px; padding:10px 0; color:#000; background:url(/img/all/li_bu.png) no-repeat 0 50%; padding-left:8px;}

	#sub_navi .d2_navi .d2_list>ul>li>button {display:none; position:absolute; border:none; text-align:left; left:0; top:0; width:100%; height:41px; font-size:14px; padding:10px 0; color:#000; font-weight:700; background:#fff url(/img/all/li_bu.png) no-repeat 0 50%; padding-left:8px;}
	#sub_navi .d2_navi .d2_list>ul>li.child>button {display:block;}

	#sub_navi .d2_navi #menu_d2_list>li .d3_list {display:none;}
	#sub_navi .d2_navi #menu_d2_list>li.over .d3_list {display:block;}
	#sub_navi .d2_navi #menu_d2_list>li.over>a {color:#d51e18; text-decoration:underline}


	#sub_navi .d2_navi .d3_list {background:#eeeeee; width:auto !important}
	#sub_navi .d2_navi .d3_list ul {padding:0; margin:0; list-style:none; }
	#sub_navi .d2_navi .d3_list li a {display:block; color:#000; font-size:12px; background:url(/img/all/li_bu.png) no-repeat 14px 50%; padding-left:25px; padding-top:7px; padding-bottom:7px; }

	#sub_navi .menu_list_parent {}
	#sub_navi .wp ul.home {display:none}
	#sub_navi .wp .menu_controller {display:none}

	#sub_navi .wp ul.menu_list li {position:relative;}
	#sub_navi .wp ul.menu_list li button {display:none; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
	#sub_navi .wp ul.menu_list li.child button {display:block; }
	#sub_navi .wp ul.menu_list li.child button.over {text-indent:0px; opacity:1; background:url(/img/all/mh_m1_bg2_on.png) no-repeat 0 50%; border:none; text-align:left; padding-left:30px; font-weight:600; color:#0f7894; font-size:15px;}
    #sub_navi .wp ul.menu_list li.child.on button.over {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}

	#navigator {display:none; position:relative; border:1px solid #c8c8c8; border-width:1px 0 ; box-sizing:border-box;}
	#navigator .wp {position:relative; margin:0 auto; height:42px; padding:0 15px;}
	#navigator .wp ul {padding:0; margin:0; list-style:none;}
	#navigator .wp ul li {position:relative; float:left; width:33%; max-width:150px; border-width:1px 0px 1px 0px; box-sizing:border-box; background:url(/img/all/sub_navi_sep.png) no-repeat 100% 0}
	#navigator .wp ul li a {display:block; height:42px;  line-height:42px; padding:0 34px 0 18px; font-size:14px; color:#5b5b5b;  font-weight:600; text-decoration:none; background:url(/img/all/sub_navi_type1.png) no-repeat 90% 13px;}
	#navigator .wp>ul>li>a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	#navigator .wp>ul>li:first-child {border-left:1px solid #c8c8c8; box-sizing:border-box}
	#navigator .wp ul li.home a {overflow:hidden; text-indent:-9999px; width:45px; min-width:45px; padding:0; background:url(/img/all/sub_navi_home2.png) no-repeat 50% 50%;  border-left:1px solid #d8d8d8;}
	#navigator .wp ul li.current {background-color:#f5f9fb}
	#navigator .wp ul li.current>a {background:url(/img/all/sub_navi_type3.png) no-repeat 90% 13px;}

	#navigator .wp ul li.home a:hover { background:#769bc0 url(/img/all/sub_navi_home.png) no-repeat 50% 50%; border-left:1px solid #fff; }
	#navigator .wp ul li ul {z-index:999; position:absolute; left:-1px; top:42px; width:100%; height:0px; overflow:hidden; border:1px solid transparent; border-width:0 1px 1px 1px; }
	#navigator .wp ul li ul li {padding:0; margin:0; width:100%; border:none; border-bottom:1px solid #354e6f}
	#navigator .wp ul li ul li:last-child {border-bottom:none}
	#navigator .wp ul li ul li a {padding:0 0 0 18px; margin:0; background:#50688a;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;}

	#navigator .wp ul li ul li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:10px}
	#navigator .wp .over {border-color:#354b69;}
	#navigator .wp .over>a {color:#fff; background:#354b69 url(/img/all/sub_navi_type2.png) no-repeat 90% -44px;}
	#navigator .wp .current.over>a {color:#fff; background:#354b69 url(/img/all/sub_navi_type2.png) no-repeat 90% -44px;}
	#navigator .wp .over li a {border-color:#354b69; color:#fff }
	#navigator .wp .over li a:hover {background-color:#769bc0}
	#navigator .wp .over ul {border-color:transparent;  height:auto; overflow:hidden; }



	.v--modal-box {width:100% !important; height:600px !important}
	.v--modal-box .popup_body {overflow-y:scroll; height:488px}

	.data_line {}
	.data_line .line {display:block; margin-bottom:5px; margin-right:10px}


    .fc-scroller {overflow:visible !important; height:auto !important;}
	.fc-widget-header {margin:0 !important; border-right-width:0 !important;}
	.fc-header-toolbar {margin-top:-10px; margin-bottom:10px !important}
	.fc-header-toolbar .fc-toolbar-chunk {text-align:left; padding-left:5px;}

	.popup_btn_list button {min-width:80px !important}


    .board_top_info .search_box.select_date .vdpComponent.vdpWithInput>input {width:calc(100% - 45px)}

}

/*팝업*/

.v--modal-overlay .v--modal-box {overflow:visible !important; min-height: calc(100% - 112px) !important;}
.vdpOuterWrap.vdpFloating {z-index:100 !important}

.popup_box {background:#fff; }
.popup_box.modal {position:relative; height:100%}
.popup_header {background:#33a2bb; height:52px; line-height:52px; padding-left:21px;}
.popup_header .popup_title {float:left; font-size:18px; color:#fff}
.popup_header .close_btn {cursor:pointer; float:right; width:52px; height:52px; background:url(/img/all/popup_close_bu.png) no-repeat 50% 50%; border:none; overflow:hidden; text-indent:-9999px}
/*
.popup_tab {padding:11px 22px;}
.popup_tab button {cursor:pointer; margin-right:5px; border-radius:14px; border:none; height:28px; line-height:28px; padding:0 10px; background:#e8e8e8; color:#404040;}
.popup_tab button.tabon {background:#354b69; color:#ffffff;}
*/
.popup_tab {border-bottom:1px solid #8390a5; background:#ebeef3;}
.popup_tab .list_wp {padding:5px 5px 0 5px; height:37px; box-sizing:border-box;}
.popup_tab .list_wp ul {list-style:none; overflow:hidden; padding:0;}
.popup_tab .list_wp li {float:left; margin-right:5px;}
.popup_tab .list_wp li a {background:#b8c1d0; display:block; color:#fff; height:32px; line-height:32px; padding:0 10px; font-weight:bold; font-family:dotum; font-size:12px;}
.popup_tab .list_wp li.on a {background:#2e5861;}


#wide_pc .popup_box {height:100%}
#wide_pc .popup_body {max-height: calc(100% - 112px); overflow-y: auto;}

.popup_body.organization {position:relative; padding-left:261px;}
#wide_pc .popup_body.organization {overflow-y:hidden;}
.popup_body.organization.phone_manage {}
.popup_body.organization .left_cont {position:absolute; left:0; top:0; width:260px; height:558px; border-right:1px solid #c6c6c6}
.popup_body.organization .left_cont .cont_head {border-bottom:1px solid #c6c6c6; overflow:hidden; height:39px; padding-left:21px}
.popup_body.organization .left_cont .cont_head h4 {font-size:14px; padding-top:15px;}
.popup_body.organization .left_cont .cont_body {padding-left:18px;}
.popup_body.organization .ztree {padding:10px 0 0 0}

.popup_body.organization .center_cont {position:relative; height:558px; padding-right:220px;}
.contact .popup_body.organization .center_cont {padding-right:0;}
.popup_body.organization .center_cont .cont_head {border-bottom:1px solid #c6c6c6; overflow:hidden; height:39px;}
.popup_body.organization .center_cont .cont_head>.search_box {padding-left:5px; padding-top:5px;}
.popup_body.organization.phone_manage .center_cont {padding-right:0px;}

.popup_body.organization .left_cont .cont_body.tree_box {overflow:auto; height:522px}
.popup_body.webhard_mail {overflow:auto; height:688px}

.contact_list ul {padding:0; margin:5px 15px 0 2px; list-style:none;}
.contact_list ul li {cursor:pointer; padding:7px 0; padding-left:14px; border-bottom:1px dashed #ccc; background:url(/img/all/li_bu.png) no-repeat 5px 50%;}
.contact_list ul li.all {border-bottom:1px solid #ccc; padding-left:0px; background:none;}
.contact_list ul li span {font-size:13px;}

.popup_body.form_select {position:relative; padding-left:261px;}
.popup_body.form_select .left_cont {position:absolute; left:0; top:0; width:260px; height:362px; border-right:1px solid #c6c6c6}
.popup_body.form_select .left_cont .cont_head {border-bottom:1px solid #c6c6c6; overflow:hidden; height:39px; padding-left:21px}
.popup_body.form_select .left_cont .cont_head h4 {font-size:14px; padding-top:10px;}
.popup_body.form_select .left_cont .cont_body {padding-left:18px;}
.popup_body.form_select .ztree {padding:10px 0 0 0}

.popup_body.form_select .center_cont {position:relative; height:327px;}
.popup_body.form_select .center_cont .cont_head {border-bottom:1px solid #c6c6c6; overflow:hidden; height:39px;}

.popup_body.form_select .list_btns {padding-top:6px; height:30px;}
.popup_body.form_select .list_btns .right_btns {float:right; padding-right:10px;}
.popup_body.form_select .list_btns .right_btns button {float:left; margin-left:5px;}

.popup_body .search_box {padding-top:5px; padding-left:7px; padding-bottom:5px; overflow:hidden;}
.popup_body .search_box #searchOption {float:left; height:28px; margin-right:6px; padding-left:10px; border-radius:0px;}
.popup_body .search_box .search_text {float:left; height:26px; margin-right:6px; border-radius:0px; }
.popup_body .search_box .search_btn {cursor:pointer; float:left; height:28px; line-height:28px; font-size:15px; padding:0 20px; border:none; background:#4e606c; color:#fff;}
.popup_body .search_box .search_btn:hover {background:#84919a;}

.popup_body .search_box2 {/*border-top:1px solid #b5b5b5; border-bottom:1px solid #dadada; */ background:#eceff1;padding:6px 0 6px 22px; overflow:hidden;}
.popup_body .search_box2 .search_category {float:left; height:28px; font-size:14px; line-height:28px; margin-right:6px;}
.popup_body .search_box2 .search_text {float:left; height:24px; line-height:22px; font-size:12px; padding:0; margin:0; margin-right:6px; border-radius:0px; padding-left:5px; }
.popup_body .search_box2 .search_btn {cursor:pointer; border-radius:3px; float:left; height:26px; line-height:26px; font-size:12px; padding:0 10px; border:none; background:#4e606c; color:#fff;}
.popup_body .search_box2 .search_btn:hover {background:#84919a;}

.popup_body .search_box3 {background:#eceff1;padding:6px 0 6px 5px; overflow:hidden; border-bottom: 1px solid #d2d9dd;}
.popup_body .search_box3 #searchOption {float:left; height:28px; margin-right:6px; padding-left:10px; border-radius:0px;}
.popup_body .search_box3 .search_category {float:left; height:28px; font-size:14px; line-height:28px; margin-right:6px;}
.popup_body .search_box3 .search_text {float:left; height:24px; line-height:22px; font-size:12px; padding:0; margin:0; margin-right:6px; border-radius:0px; padding-left:5px; }
.popup_body .search_box3 .search_btn {cursor:pointer; border-radius:3px; float:left; height:26px; line-height:26px; font-size:12px; padding:0 10px; border:none; background:#4e606c; color:#fff;}
.popup_body .search_box3 .search_btn:hover {background:#84919a;}
.popup_body .search_box3 .percent {float:right; font-size:14px; line-height:24px; padding-right:10px;}

.popup_body.organization .right_cont {position:absolute; right:0; top:0; width:220px; height:558px !important; border-left:1px solid #c6c6c6; background:#f7f9f9}
.popup_body.organization .right_cont .cont_head {border-bottom:1px solid #c6c6c6; overflow:hidden; height:39px; padding-left:21px}
.popup_body.organization .right_cont .cont_head h4 {font-size:14px; padding-top:15px;}
.popup_body.organization.phone_manage .right_cont {display:none;}

.popup_body.app_setting {overflow:hidden;}

.popup_btns {position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #b5b5b5; height:45px; overflow: hidden;}
.popup_btns .left_btn {float:left; padding-left:22px; padding-top:6px;}
.popup_btns .right_btn {float:right; padding-right:22px; padding-top:6px;}
.popup_btns button {float:left; margin-right:5px; cursor:pointer; margin:0; background: #ffffff; color: #000; padding:0 12px; border: 1px solid #84919a;  font-size: 14px; height: 31px; line-height: 29px; text-align: center; overflow: hidden;}
.popup_btns button:hover {background:#eceff1; text-decoration:none}

.popup_body .search_text_box {padding:6px 0; text-align:center;border-top:1px solid #b5b5b5; background:#eceff1; border-bottom:1px solid #dadada; }
.popup_body .search_text_box input {height:24px; vertical-align:middle; line-height:22px; font-size:12px; padding:0; margin:0; margin-right:6px; border-radius:0px;}
.popup_body .search_text_box .default_btn {vertical-align:middle; height:28px; line-height:28px; font-size:12px; padding:0 10px; }
.popup_body .search_text_box .default_btn:hover {background:#84919a;}

.popup_body .popup_tree {border:1px solid #84919a; height:150px; padding:10px; overflow-y:scroll}
.popup_body .popup_search .search_box {overflow:hidden; padding:0; margin-top:10px; margin-bottom:10px;}
.popup_body .popup_search .search_box select {width:auto !important; height:31px;}
.popup_body .popup_search .popup_search_result {clear:both; border:1px solid #84919a; height:150px; overflow-y:scroll}
.popup_body .popup_search .popup_search_result table {border-top:none;}
.popup_body .popup_search .popup_search_result table th {padding:3px;}
.popup_body .popup_search .popup_search_result table td {padding:3px;}
.popup_body .popup_search_select {border:1px solid #84919a; height:373px; overflow-y:scroll}
.popup_body .popup_search_select table {border-top:none;}
.popup_body .popup_search_select table th {padding:3px;}
.popup_body .popup_search_select table td {padding:3px;}

.popup_body .msg_box {padding:10px; display:table; width:100%; box-sizing:border-box}
.popup_body .msg_box .wp {border:1px solid #c4cdd4; text-align:center; display:table-cell; vertical-align:middle;}
.popup_body .msg_box .wp p {font-size:16px;}
.popup_body .msg_box .wp p.txt {width:320px; margin:20px auto 0;}
.popup_body .msg_box .wp .sub {color:#949494;}
.popup_body .msg_box .wp .opinion {padding:10px; padding-bottom:10px; margin-top:10px;}
.popup_body .msg_box .wp .opinion h3 {text-align:left; padding-left:17px; background:url(/img/sub/ts_share_bu.png) no-repeat 5px 8px;}
.popup_body .msg_box .wp .opinion textarea {width:370px; height:100px}

.popup_body .half_column .col_center {top:60px !important;}
.popup_body .input_opinion {padding:15px}
.popup_body .input_opinion label {font-size:14px; vertical-align:middle;}
.popup_body .input_opinion input[type=radio] {vertical-align: middle; position:relative; top:2px}

.popup_btn_list {position:relative; z-index:10; padding:10px; background:#344555; overflow:hidden;}
.popup_btn_list .btn_wp { position: relative; max-width: 1420px; margin: 0 auto;}

.popup_btn_list .left_btns {float:left;}
.popup_btn_list .left_btns button, .popup_btn_list .left_btns a {margin-right:5px;}
.popup_btn_list .right_btns {float:right;}
.popup_btn_list .right_btns button, .popup_btn_list .right_btns a {margin-left:5px;}

.popup_btn_list button {float:left; border-radius:0; cursor:pointer; background: #4e606c; color: #fff; padding:0 20px; border: 1px solid #4e606c;  font-size: 14px; min-width:125px; height: 40px; line-height: 38px; text-align: center; overflow: hidden;}
.popup_btn_list a {float:left; cursor:pointer; background: #4e606c; color: #fff; padding:0 20px; border: 1px solid #4e606c;  font-size: 14px; min-width:90px; height: 38px; line-height: 36px; text-align: center; overflow: hidden;}


.popup_btn_list button.add, .popup_btn_list a.add {background:#4e606c; border:1px solid #8698a9}
.popup_btn_list button.ok, .popup_btn_list a.ok {background:#4e606c; border:1px solid #8698a9}
.popup_btn_list button.save, .popup_btn_list a.save {background:#4e606c; border:1px solid #8698a9}
.popup_btn_list button.write, .popup_btn_list a.write {background:#4e606c; border:1px solid #8698a9}
.popup_btn_list button.del, .popup_btn_list a.del {background:#8e3a3a; border:1px solid #d94f4f;}


.popup_btn_list button:hover, .popup_btn_list a:hover {background:#607889;  border: 1px solid #84919a; text-decoration:none}
.popup_btn_list button:focus, .popup_btn_list a:focus {background:#607889;  border: 1px solid #84919a; text-decoration:none}
/*.popup_btn_list button span, .popup_btn_list a span {padding-left:22px;  font-weight:bold}*/
.popup_btn_list button.add:hover, .popup_btn_list a.add:hover {background:#76b3c0; border:1px solid #87d1e1}
.popup_btn_list button.ok:hover, .popup_btn_list a.ok:hover {background:#76b3c0; border:1px solid #87d1e1}
.popup_btn_list button.save:hover, .popup_btn_list a.save:hover {background:#76b3c0; border:1px solid #87d1e1}
.popup_btn_list button.write:hover, .popup_btn_list a.write:hover {background:#76b3c0; border:1px solid #87d1e1}
.popup_btn_list button.del:hover, .popup_btn_list a.del:hover {background:#ac3f3f; border:1px solid #d94f4f;}

/*
.popup_btn_list button.add span, .popup_btn_list a.add span {background:url(/img/board/btn_bu_add.png) no-repeat 0 50%;}
.popup_btn_list button.ok span, .popup_btn_list a.ok span {background:url(/img/board/btn_bu_ok.png) no-repeat 0 50%;}
.popup_btn_list button.save span, .popup_btn_list a.save span {background:url(/img/board/btn_bu_save.png) no-repeat 0 50%;}
.popup_btn_list button.del span, .popup_btn_list a.del span {background:url(/img/board/btn_bu_del.png) no-repeat 0 50%;}
.popup_btn_list button.list span, .popup_btn_list a.list span {background:url(/img/board/btn_bu_list.png) no-repeat 0 50%;}
.popup_btn_list button.write span, .popup_btn_list a.write span {background:url(/img/board/btn_bu_write.png) no-repeat 0 50%;}

.popup_btn_list button:hover span, .popup_btn_list a:hover span {background:url(/img/board/btn_bu_add.png) no-repeat 0 50%;}
*/

.add_value_list {padding-top:40px;}
.add_value_list .add_value {position:relative;  padding-left:70px; padding-right:5px; margin-bottom:10px;}
.add_value_list .add_value .wp {}
.add_value_list .add_value h3 {margin:0 0 5px 0; padding:0; font-size:12px;}
.add_value_list .add_value .control_btn {position:absolute; left:5px; top:38%; width:45px;}
.add_value_list .add_value .control_btn button {margin-bottom:5px;  line-height:20px;}

.add_value_list .add_value .list {}
.add_value_list .add_value .list select {width:100%;}
.add_value_list.one_row .add_value .list select {height:390px;}
.add_value_list.two_row .add_value .list select {height:180px;}
.add_value_list.three_row .add_value .list select {height:110px;}
.add_value_list.four_row .add_value .list select {height:75px;}

.cell_inputbtn {position:relative; width:calc(100% - 50px); padding-right:50px;}
.cell_inputbtn input {width:calc(100% - 22px)}
.cell_inputbtn button {position:absolute; right:0; top:0;}


.tree_list {padding:10px 0 0 0}
.tree_list .tree_name{display:none;}
.tree_list .top_tree {padding:0; margin:0; background:none;}
.tree_list ul {margin:0; padding:0 0 0 18px; list-style:none; background:url(/img/all/line_conn.gif) 0 0 repeat-y;}
.tree_list ul li>span {padding:0 0 0 20px; background:url(/img/all/tree_plus.png) 4px 50% no-repeat}
.tree_list ul li.active>span {background:url(/img/all/tree_minus.png) 4px 50% no-repeat}
.tree_list ul li>span.nochild {background:url(/img/all/tree_null.png) 4px 50% no-repeat}
.tree_list ul li a {text-decoration:none;}
.tree_list ul .icon {padding:0 0 0 22px; background:url(/img/all/tree_bu_folder.png) 0 50% no-repeat}
.tree_list ul .icon.nochild { background:url(/img/all/tree_bu_user.png) 0 50% no-repeat}
.webhard_explorer .tree_list ul .icon.nochild { background:url(/img/all/document_bu.png) 0 50% no-repeat}
.tree_list ul .node_name {font-size:12px; color:#333}
.tree_list ul .node_name:hover {background:#e4ebf1}
.tree_list ul .node_name.on {background:#FFE6B0;}
.tree_list ul.list {display:none;}
.tree_list .top_tree>li>ul.list {background:none}
.tree_list .active>ul.list {display:block;}


.owa16_layout .content .cbody .mail_list ul li {
	-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.owa16_layout .content .cbody .mail_list table{
	-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;

}


/*
.work_report {position:relative; padding-left:600px;}
.work_report table {width:100%}
.work_report table thead {}
.work_report table td {text-align:center}
.work_report table th {background:#eee}

.user_select {position:absolute; left:0; top:0; width:600px; overflow:hidden;}
.user_list {float:right; width:49%; min-height:200px; box-sizing:border-box; margin-bottom:20px; border:1px solid #c6c6c6; padding:20px;}
.dept_list {float:left; width:49%; min-height:200px; box-sizing:border-box; margin-bottom:20px}

.work_box {border:1px solid #c6c6c6; padding:20px; margin-top:10px}
*/
@media print{
	#header {display:none}
	#navigator {display:none}
	.mobile_header {display:none}
	#sub_navi {display:none}
	body {print-color-adjust: exact; -webkit-print-color-adjust: exact;}
	.popup_footer {display:none}
	.popup_body > button {display:none}
	.popup_body > .input_opinion {display:none}
	.popup_header > button {display:none}
}

/*팝업*/
.tooltip {
	display: block !important;
	z-index: 10000;
  }

  .tooltip .tooltip-inner {
	background: black;
	color: white;
	border-radius: 16px;
	padding: 5px 10px 4px;
  }

  .tooltip .tooltip-arrow {
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	margin: 5px;
	border-color: rgba(255, 255, 255, 0);
	z-index: 1;
  }

  @media all and (max-width:1440px) /*768px까지 - 모바일 형식*/
{
	#pc .owa16_layout .content .cheader {height:auto; line-height:50px;}
	#pc .owa16_layout .content .cheader::after {clear:both; content:""; display:block; }
	#pc .owa16_layout .content .cheader .search_box input {width:150px;}
	#pc .owa16_layout .content .cheader h3 {margin-right:16px}
	#pc .owa16_layout .content .cheader .sep {background:none; margin:0;}
	#pc .owa16_layout .content .cheader .btn_list {position:relative; border-top:1px dashed #c7d3db; left:-10px; float:none; /*overflow:hidden; overflow-x:auto;*/ margin:0; padding:0;border-bottom:none; }
	#pc .owa16_layout .content .cheader .btn_list button {float:left; height:50px; line-height:45px; background:transparent;}

	#pc .owa16_layout .content .cheader .search_box {float:none; margin-left:15px;}
	#pc .owa16_layout .content .cheader .type_list {position:absolute; right:0; top:3px;}

	#pc .owa16_layout .content .cbody {height:calc(100% - 103px)}

	#pc .popup_box {position:relative; padding-top: 52px; padding-bottom: 60px; width: 100%; height:100%; box-sizing:border-box;}
	#pc .popup_header {position: absolute; width:calc(100% - 21px); left: 0; top: 0; z-index: 10;}
	#pc .popup_footer {position: absolute; bottom: 0; left: 0; width: 100%;}
	#pc .popup_body {height:100%; overflow-y:auto;}
	#pc .popup_body.organization {height:calc(100% - 38px); border-bottom:1px solid #c6c6c6}
	#pc .popup_body.organization .cont_body {width:100%; overflow-x:auto;}
	#pc .popup_body.organization>div {height:100% !important;;}
	#pc .popup_body.organization .right_cont {height:100% !important;}
	#pc .popup_body.organization .left_cont {height:100% !important;}
	#pc .popup_body.organization .center_cont {height:100% !important;}
	#pc .popup_body.organization .cont_body {height: calc(100% - 40px);}
	#pc .popup_body.organization .cont_body table {height:100%; margin:0;}
	#pc .popup_body.organization .cont_body table tbody {height: calc(100% - 31px);}
	#pc .v--modal-box.v--modal {top:25px !important; height:calc(100vh - 50px) !important;}

	#pc .popup_body.form_select .left_cont {height:100%;}
	#pc .popup_body.form_select .center_cont {height:calc(100% - 36px)}

	#pc .cheader .btn_list.mail_list button.newwin {margin-left:-32px; margin-right:10px; background:url(/img/sub/mail_new_win2.png) no-repeat 50% 50%; padding:0;}
	#pc .cheader .btn_list.mail_list button.newwin span {padding-left:14px;}

	
	#pc .owa16_layout .content .cbody .mail_list table td {font-family:'NotoSansKR',sans-serif !important; font-size:14px}
	#pc .owa16_layout .content .cbody .mail_list table td span { font-family:'NotoSansKR',sans-serif !important; font-size:14px}
}

/*모달*/
@media all and (max-width:768px) /*768px까지 - 모바일 형식*/
{
	.v--modal-box.v--modal {top:auto !important; left:auto !important; width:auto !important; height:100vh !important;}
	.popup_body {height:calc(100vh - 172px) !important;}
	.popup_footer {position:fixed; bottom:0; width:100%;}

	.popup_body.organization {position:relative; padding-left:0px;}
	.popup_body.organization .left_cont {z-index:10; position:fixed; left:0; bottom:60px; top:auto; width:100%; height:200px; border:1px solid #c6c6c6; border-width:1px 0px 0px 0px; background:#fff}
	.popup_body.organization .left_cont .cont_head {border-bottom:1px solid #c6c6c6; overflow:hidden; height:39px; padding-left:21px; background:#eceff1}
	.popup_body.organization .left_cont .cont_head h4 {font-size:14px; padding-top:10px;}
	.popup_body.organization .left_cont .cont_body.tree_box {padding-left:18px; height:calc(100% - 40px);}
	.popup_body.organization .ztree {padding:10px 0 0 0}

	.popup_body.organization.notice_popup .left_cont {z-index:10; position:static;  width:100%; height:300px; border:1px solid #c6c6c6; border-width:.0px 0px 1px 0px; background:#fff}
	.popup_body.organization.notice_popup .left_cont .cont_body {height:calc(100% - 40px); overflow-y:scroll}


	.popup_body.organization .center_cont {position:relative; height:562px; padding-right:220px;}
	.popup_body.organization .center_cont .cont_head {border-bottom:1px solid #c6c6c6; overflow:hidden; height:39px;}
	.popup_body.organization .center_cont .cont_head>.search_box {position:relative; padding-left:83px; padding-top:5px; padding-right:78px;}
	.popup_body.organization .center_cont .cont_head>.search_box select {position:absolute; left:5px; top:5px;}
	.popup_body.organization .center_cont .cont_head>.search_box input {width:calc(100% - 22px);}
	.popup_body.organization .center_cont .cont_head>.search_box .search_btn {position:absolute; right:5px; top:5px;}

	.popup_body.organization.notice_popup .center_cont {height:260px; padding:0;}
	.popup_body.organization.notice_popup .right_cont {position:static; width:100%; height:100%; border:none; }
	.popup_body.organization.notice_popup .right_cont .add_value_list {padding:0;}
	.popup_body.organization.notice_popup .right_cont .add_value_list .add_value {padding:0; padding-top:10px}
	.popup_body.organization.notice_popup .right_cont .add_value_list .add_value h3 {float:left; font-size:14px; padding-left:21px; margin-right:10px;}
	.popup_body.organization.notice_popup .right_cont .add_value_list .add_value .control_btn {float:left; position:static; width:auto;}
	.popup_body.organization.notice_popup .right_cont .add_value_list .add_value .control_btn button {margin-right:5px; margin-bottom:10px}
	.popup_body.organization.notice_popup .right_cont .add_value_list .add_value .list {clear:both}
	.popup_body.organization.notice_popup .right_cont .add_value_list.one_row .add_value .list select {margin:0; height:205px; padding:10px; padding-left:15px}

	.popup_body.organization.mail_popup .right_cont {position:static; width:100%; height:100%; border:none; }
	.popup_body.organization.mail_popup .right_cont .add_value_list {padding:0;}
	.popup_body.organization.mail_popup .right_cont .add_value_list .add_value {padding:0; padding-top:10px}
	.popup_body.organization.mail_popup .right_cont .add_value_list .add_value h3 {float:left; font-size:14px; padding-left:21px; margin-right:10px;}
	.popup_body.organization.mail_popup .right_cont .add_value_list .add_value .control_btn {float:left; position:static; width:auto;}
	.popup_body.organization.mail_popup .right_cont .add_value_list .add_value .control_btn button {margin-right:5px; margin-bottom:10px}
	.popup_body.organization.mail_popup .right_cont .add_value_list .add_value .list {clear:both}
	.popup_body.organization.mail_popup .right_cont .add_value_list.one_row .add_value .list select {margin:0; height:205px; padding:10px; padding-left:15px}

	.popup_body.form_select {position:relative; padding-left:0px;}
	.popup_body.form_select .left_cont {position: static;width:100%; height:calc(50% - 36px); border-right:none; border-bottom:1px solid #c6c6c6}
	.popup_body.form_select .left_cont .cont_head {border-bottom:1px solid #c6c6c6; overflow:hidden; height:39px; padding-left:21px}
	.popup_body.form_select .left_cont .cont_head h4 {font-size:14px; padding-top:10px;}
	.popup_body.form_select .left_cont .cont_body {padding-left:18px;height:calc(100% - 40px); overflow-y:scroll}
	.popup_body.form_select .ztree {padding:10px 0 0 0}

	.popup_body.form_select .center_cont {position:relative; height:50%; overflow-y:scroll}
	.popup_body.form_select .center_cont .cont_head {border-bottom:1px solid #c6c6c6; overflow:hidden; height:39px;}

	.popup_body.form_select .list_btns {border-top:1px solid #ccc; padding-top:5px; height:30px;}
	.popup_body.form_select .list_btns .right_btns {float:right; padding-right:10px;}
	.popup_body.form_select .list_btns .right_btns button {float:left; margin-left:5px;}

	.popup_body .file_controll {padding:10px !important;}

	.table_1 select {margin:0; margin-top:5px;}
	.table_1 button {margin:0; margin-top:5px;}

	/*메일*/
	#mobile .owa16_layout {position:relative; padding:0; border:none;}
	#mobile .owa16_layout .side {position:absolute; left:0; top:45px; width:100%; height:0px; overflow:visible;z-index:10; border-width:0;  padding-top:0px; background:transparent;}
	#mobile .owa16_layout .side .mail_tree {display:none;}
	#mobile .owa16_layout .side.hidden .mail_tree {display:block;}
	#mobile .owa16_layout .side .menu_list {padding:0px; border-top: 1px dashed #c3c7cb;}
	#mobile .owa16_layout .side.hidden .menu_list {padding:10px; border-bottom:2px solid #444e58}
	#mobile .owa16_layout .side .bottom {display:none;}
	#mobile .owa16_layout .content {width:100%; border:none;}
	#mobile .cheader h3 {font-size:18px}
	#mobile .owa16_layout .content .cheader {height:auto; line-height:auto; box-shadow:none; border:none;padding:0;     background: url(/img/all/sub_navi_bg3.png) repeat-x 0 100%;}
	#mobile .owa16_layout .content .cheader h3 {height:45px; line-height:43px; float:none; padding-left: 22px; border-bottom:1px dashed #c7d3db; overflow:hidden;}
	#mobile .owa16_layout .content .cheader h3 .chk {float:left;}
	#mobile .owa16_layout .content .cheader h3 .mobile_back_btn {float:left; display: block; z-index: 10; cursor: pointer; width: 40px; height: 45px; text-indent: -9999px; overflow: hidden; background: url(/img/all/m_back_btn.png) no-repeat 50% 50%; background-size: 13px;}
	#mobile .owa16_layout .content .cheader h3 .name {float:left; margin-left:6px;}

	#mobile .owa16_layout .content .cheader h3.mail_title {text-align:center; padding:0;}
	#mobile .owa16_layout .content .cheader h3.mail_title .mobile_back_btn {float:none; position:absolute; left:0; top:0; width:50px; z-index: 10;}
	#mobile .owa16_layout .content .cheader h3.mail_title .name {float:none; margin:0;}

	#mobile .owa16_layout .content .cheader .sep {display:none;}
	#mobile .owa16_layout .content .cheader .type_list {display:none}

	#mobile .owa16_layout .content .cheader .btn_list {float:none; overflow:hidden; overflow-x:auto; margin:0; padding:0 0 0 15px;border-bottom:1px solid #62676b; }
	#mobile .owa16_layout .content .cheader .btn_list button {float:left; height:50px; line-height:45px; background:transparent;}
	#mobile .owa16_layout .content .cheader .btn_list .mwp {display:block; width:450px;}

	.cheader .btn_list.mail_list button.m3 {padding-right:0px !important}
    .cheader .btn_list.mail_list button.m4 {padding-right:0px !important}
	.cheader .btn_list.mail_list button.m5 {padding-right:0px !important}

	.cheader .btn_list.mail_list button.newwin {display:none;}


	#mobile .owa16_layout .content .cheader .search_box {position:relative; line-height:31px; padding-left:82px; padding-right:41px; padding-top:5px; float:none; margin:0;}
	#mobile .owa16_layout .content .cheader .search_box select {vertical-align:middle; position:absolute; left:5px; top:6px}
	#mobile .owa16_layout .content .cheader .search_box input {vertical-align:middle; width:100%}
	#mobile .owa16_layout .content .cheader .search_box button {vertical-align:middle; position:absolute; right:5px; top:6px}
	#mobile .owa16_layout .content .cbody .mail_list table td {font-family:'NotoSansKR',sans-serif !important; font-size:14px}
	#mobile .owa16_layout .content .cbody .mail_list table td span { font-family:'NotoSansKR',sans-serif !important; font-size:14px}
	#mobile .owa16_layout .users .value {font-family:'NotoSansKR',sans-serif !important; font-size:14px}
	#mobile .owa16_layout .content .cbody {height:100%}
	#mobile .owa16_layout .content .cbody .paging {background:#fff; border:none;}

	#mobile .owa16_layout .content .cbody .mail_view.list_l {padding:20px 20px 0px 30px}
	#mobile .owa16_layout .content .cbody .mail_view.list_l .body {width:100%; overflow:auto;}

	#mobile .owa16_layout .content .cbody .mail_view .header>.title {font-size:18px}
	#mobile .owa16_layout .content .cbody .mail_view .header>.title a {margin:0;}
	#mobile .owa16_layout .content .cbody .mail_view .header>.users {margin-top:10px}

	#mobile .owa16_layout .mail_list {overflow-x:auto;}
	#mobile .owa16_layout .mail_list>table {min-width:600px}
	#mobile .owa16_layout .menu_list {background:#fff;}
	#mobile .owa16_layout .menu_list .mail_tree {height: calc(100vh - 300px); max-height: 500px; overflow-y: auto; overflow-y: auto;}
	#mobile .owa16_layout .menu_list .top_btns {background:none; border-bottom:0px solid #aaaebf; padding-bottom:0px; position:absolute; right:7px; top:-42px}
	#mobile .owa16_layout .menu_list .top_btns>button {display:none; float: left; background: #113a5c; cursor: pointer; width: 84%; border: none;text-align: center; font-size: 14px; color: #fff; font-weight: bold;padding: 6px 0px 10px;}
	#mobile .owa16_layout .menu_list .top_btns .mobile_view_btn {display:block; width:45px; box-sizing:border-box;}
    #mobile .owa16_layout .menu_list .top_btns .mobile_view_btn button {width:100%; height:36px; text-indent:-9999px; overflow:hidden; border:1px solid #8da3b4; border-radius:5px; box-sizing:border-box; background:url(/img/sub/app_sub_menu_bu.png) no-repeat 50% -60px;}
	#mobile .owa16_layout .side.hidden .menu_list .top_btns .mobile_view_btn button {background-position: 50% 14px;}

	#mobile .owa16_layout .mail_write {padding:10px}
	#mobile .owa16_layout .mail_view.list_l {padding:15px}

	.fc-view-harness.fc-view-harness-active {max-height:none; height:auto !important}
	.fc .fc-view-harness-active>.fc-view {position:static !important;}
	.fc .fc-scroller-liquid-absolute {position:static !important;}
}



@media print {
	* {
		-webkit-print-color-adjust: exact !important; /*Chrome, Safari */
		color-adjust: exact !important;  /*Firefox*/
		
	}
	/*html, body {
			 width: 210mm;
			 height: 297mm;
			 margin: 0 auto;
	}*/
	/*body {padding-top:50px} */
	header, footer {display: none;}
}
	
@page 
{
		size: auto;
		margin: 0;
}

.samwon_wp iframe {border:none !important; vertical-align:top;}

/* 여기서 html 요소에 적용되는 부모 속성들 리셋해 줘야할듯... */
.samwon_wp .html_cont {
	font-weight: initial;
	font-size:initial; 
	line-height:initial; 
	font-family:initial;
}