@charset "utf-8";
 
/* 인프라개발팀 JIS 최초 20190408 */
/* Layout Style - Side menu St*/
#header {background-color:#373331; height:58px; width:100%;}
#title_bar {background-color:#f8f9f9; height:50px; width:100%;}
#footer {background-color:#f6f6f6; padding:20px 0; text-align:center; width:100%;}
#header:after,#title_bar:after,#footer:after,#contents:after {clear:both; display:block; content:'';}
.body {width:100%; min-height:100%;}

/* 로그인임시 */
#login_page {width:100%; height:100%; position:relative; overflow-y: scroll; background-color:#fff;}
.login_icon {background:url(../images/login_icon.png) 100% no-repeat; display:inline-block; zoom:1; *display:inline;   background-size:101px 31px; vertical-align:middle; text-indent:-9999px; *text-indent:0;}
.bg_login {position:fixed; z-index:20; top:0; left:0; right:0; bottom:0; min-width:120px;}
.background_image {opacity:1; visibility:visible; height:100%; position:absolute; width:100%; z-index:0; overflow:hidden;  -webkit-animation:bg_effect 2s 1 ; animation: bg_effect 2s 1 ; opacity:1;}
.background_image.basic { background:url(../images/login_bg.jpg) center no-repeat; background-size:cover; }
.background_image.spring { background:url(../images/login_spring.jpg) center no-repeat; background-size:cover; }
.background_image.summer { background:url(../images/login_summer.jpg) center no-repeat; background-size:cover; }
.background_image.autumn { background:url(../images/login_autumn.jpg) center no-repeat; background-size:cover; }
.background_image.winter { background:url(../images/login_winter.jpg) center no-repeat; background-size:cover; }
.background_image.newyear { background:url(../images/login_newyear.jpg) center no-repeat; background-size:cover; }
.background_image.christmas { background:url(../images/login_christmas.jpg) center no-repeat; background-size:cover; }
.login_wrap {position: absolute; left:50%; top:50%; margin-top:-274px; margin-left:-241px; color:#222; z-index:1;}
.login_wrap .login_form {background-color:rgba(255,255,255,0.8); border:1px solid #fff; border-radius:3px; box-shadow:2px 2px 4px rgba(30,30,30,0.2);}
.login_wrap .login_cont{padding:40px; }
.login_wrap .login_form .front_title{ text-align:center; font-size:24px; margin:-15px 0 15px 0; color:#444; font-family:arial; text-shadow: 0 1px 0 rgba(255,255,255,0.8);}
.login_wrap .login_form .front_notice{ background-color:#eae5f2; padding:10px; text-align:center; margin-top:20px; color:#5a5c5f;}
.login_wrap .login_form .inner_addon {position:relative; margin-bottom:8px;}
.login_wrap .login_form .inner_addon i {position: absolute; left:9px; top:9px;}
.login_wrap .login_form .inner_addon .icon_bg {position:absolute; top:1px; left:1px; width:48px; height:48px;}
.login_wrap .login_form .inner_addon input {padding-left:55px; width:400px; }
.login_wrap .login_form .checkbox {margin:0;}
.login_wrap input[type="text"],.login_wrap input[type="password"] {background-color:transparent; height:50px; padding:5px;  font-size:18px; color:#444; width:100%; border:1px solid #999;}
.login_wrap .login_logo {height:75px; line-height:75px; text-align:center;}
.login_wrap .login_logo .login_title {color:#777 ; display:inline-block; margin-left:5px; vertical-align:0; font-size:24px;}
.login_wrap .login_logo .logo {width:90px; height:28px; background:url(../images/big_logo_color.png) no-repeat; display:inline-block;}
.login_wrap .btn_login {width:100%; text-align:center; color:#fff; font-size:18px; border:none; background-image: linear-gradient(to right, #3d3393 0%, #2b76b9 37%, #41b2c2 65%, #00c566 100%); height:56px; margin-top:15px; font-weight:bold; border-radius:2px;}
.login_wrap .btn_login:hover,.login_wrap .btn_login:active {transition: all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; background-color:#41b2c2;}
.login_wrap .btn_login:active {background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .2); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .2);}
.login_form .check_st{ float:left;}
.login_form .find_pass { float:right; display:inline-block; color:#444; margin-top:5px; font-size:13px; text-decoration:underline;}
.login_form .find_pass .ar_right {border-bottom:6px solid #444; margin-right:4px;}
.login_form .checkbox-inline{overflow:hidden;}
.login_form .checkbox-inline:after {clear:both; display:inline-block; content:'';}
.login_footer {position:fixed; bottom:0; width:100%; text-align:center; padding:10px; height:50px; color:#fff; background-image: linear-gradient(to right, #3d3393 0%, #2b76b9 37%, #41b2c2 65%, #00c566 100%);  opacity:0.5;}
.login_footer .copyright {color:#ddd;}
.login_footer .link_txt {color:#d9ddff;}
.login_form .ico_user {width:31px; height:31px; background-position:0 0;}
.login_form .ico_password{width:31px; height:31px; background-position:-70px 0;}
.login_form .ico_email{ width:31px; height:31px; background-position:-36px 0;}
.login_form .login_title {padding:10px 40px; font-size:17px; color:#4183d7; font-weight:bold;}
.background_image.basic + .login_wrap .logo,.background_image.summer + .login_wrap .logo,.background_image.winter + .login_wrap .logo  {background:url(../images/logo_white.png) no-repeat;}
.background_image.basic + .login_wrap .login_title,.background_image.summer + .login_wrap .login_title,.background_image.winter + .login_wrap .login_title {color:#fff;}

/* 로그인임시 */

/* Layout */
.portlet {margin-bottom:20px; background:#fff; border-top:2px solid #ddd; border-radius:3px; padding:15px;}
.portlet:after {clear:both; content:''; display:block;}
.portlet .cont {padding:15px 0;}
.portlet .cont:after {display:block; clear:both; content:'';}
.portlet .portlet_title {border-bottom:1px solid #ccc; padding-bottom:15px;}
.portlet .portlet_title:after {display:block; clear:both; content:'';}
.portlet .portlet_title .title {font-weight:bold; font-size:18px; color:#222;}
.portlet .portlet_title .attach {float:right; display:inline-block; color:#999; margin-top:5px;}
.portlet .portlet_title .attach i {margin-left:3px;}

/* panel */
.panel-heading {margin-bottom:20px;}
.panel-heading .txt {vertical-align:text-bottom;}
.panel-heading:after {display:block; clear:both; content:'';}
.panel-heading .md_title {letter-spacing:-.04em; color:#222; font-size:16px;}
.panel-heading .panel_left {float:left;}
.panel-heading .panel_left .btn_area {display:inline-block;}
.panel-heading .panel_left .btn_area .btn {margin-left:5px;}
.panel-heading .panel_right {float:right;}

.panel-heading .title {font-size:18px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.panel-heading .title > i.fa {margin-right:8px;}
.panel-heading .md_title {letter-spacing:-.04em; color:#222; font-size:16px;}
.panel-heading .sub_title {color:#999; font-size:14px; display:inline-block; margin-left:8px;}
.panel-heading .panel_left {float:left;}
.panel-heading .panel_right {float:right;}
.panel-heading + .cont {padding-top:0 !important;}
.panel-heading + .cont {padding-top:0 !important;}
.panel-heading .panel_left .btn + .btn {margin-right:5px;}
.panel-heading .panel_right .btn + .btn {margin-left:5px;}
.panel-heading.head_style {border-bottom: 1px dotted #ccc; padding-bottom: 8px;}
.panel-heading  .head_text {border-bottom: 3px solid #41b2c2; padding-bottom:8px; font-size:18px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.panel-heading.border {border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:0;}
.panel-heading.tabs {border-bottom:1px solid #ddd; margin-bottom:0;}
.panel-heading.tabs .title {padding-top:4px;}
.panel-heading .panel_right .nav_tabs {border:none;}
.panel-heading .panel_right .nav_tabs li {margin-bottom:0;}
.panel-heading .panel_right .nav_tabs li .tab_title { color:#888; font-weight:bold;}
.panel-heading .panel_right .nav_tabs li .tab_title,.panel-heading .panel_right .nav_tabs li .tab_title:hover, .panel-heading .panel_right .nav_tabs li .tab_title:focus {border:none;}
.panel-heading .panel_right .nav_tabs li.active .tab_title {border-bottom:3px solid #2ecd99; color:#222;}
.panel-heading .panel_right .nav_tabs li .tab_title:hover {background:none; color:#222;}

.panel-content {border-radius:10px; box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); position:relative; padding:15px; width:100%; display: inline-block; background-color:#fff; border:1px solid rgba(155, 155, 155, 0.1); -webkit-column-break-inside: avoid;  -moz-column-break-inside: avoid; column-break-inside: avoid; opacity: 1; -moz-transition: all .8s ease-in-out;  -o-transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out;   -ms-transition: all .8s ease-in-out; transition: all .8s ease-in-out; margin-bottom:20px;}
.panel-content .panel-body {}
.panel-content .panel-heading + .panel-body {padding:5px 0 15px 0}

/* Aside */
aside.left-panel {background-color:#fff; width:230px; position:fixed; height:100%; top:0px; left:0px; box-shadow:2px 2px 2px rgba(30,30,30,0.15); z-index:10;}
aside.left-panel.collapsed {overflow:visible !important; position:fixed; bottom:0px;}
aside.left-panel.lg {width:250px;}
aside.left-panel.lg + .content {margin-left:250px;}
    
/* Logo */
.logo {line-height:40px; background-color:#41b2c2;}
.logo a:hover {text-decoration:none;}
.logo_img {display:block; margin:8px auto 0 auto; text-indent:-9999px; text-align:center} 
.logo_img.wips {background:url(../images/big_logo_color.png) no-repeat; width:84px; height:27px; background-size:contain; }
.logo_img.d_pa {background:url(../images/d_pa_logo.png) no-repeat; width:100px; height:30px; }
.logo-expanded {line-height:48px; font-size: 22px; font-weight:bold; color:#fff !important; text-transform:uppercase; display:block; padding-left:25px;}
.logo-expanded span {}
.profile {background-color:#e7e3f1;}
.profile .user_info {color:#666; font-size:13px; font-weight:bold; padding:3px 25px; display:block;}
/*
.profile .user_info:hover .user_name {color:#fff;}
.profile .user_info:hover .user_g { background-position:-22px 0;}
*/
.profile .user_info .nav-label {font-size:14px;display:inline-block;font-weight:normal;padding-left:3px;vertical-align: middle;} /* vertical-align: 0; 추가 */
.profile .user_name {display:inline-block; padding-left:5px;}
.dropdown {position:relative; display:block;}
.dropdown-content {display:none; position:absolute; top:0; left:200px; z-index:200; background-color:#565f7c; color:#dbdbdb; min-width:160px; padding:12px 16px; overflow:visible !important;}
.dropdown-content  li a {color:#dbdbdb;}
.dropdown:hover .dropdown-content {display: block;}

/* Aside Collapsed */
aside.left-panel.collapsed {width:75px; text-align:center;}
aside.left-panel.collapsed + .content {margin-left:75px;}
aside.left-panel.collapsed .navigation > ul > li > a {padding:20px;}
aside.left-panel.collapsed .fa {font-size:13px;}
aside.left-panel.collapsed .user .user-login,aside.left-panel.collapsed .nav-label,aside.left-panel.collapsed .navigation > ul > li.has-submenu:after,aside.left-panel.collapsed .navigation > ul > li.has-submenu .nav-label + i,aside.left-panel.collapsed .user_number,aside.left-panel.collapsed .footer {display:none;}
aside.left-panel.collapsed .navigation ul li ul {position:absolute; z-index:10; left:100%; top:0px; background-color:#f5f6f7; box-shadow:none; padding:10px 0px; min-width:200px;}
aside.left-panel.collapsed .navigation > ul > li:hover > ul {display:block !important;}
aside.left-panel.collapsed .navigation ul li ul li a {border:0px; color:#888; padding: 8px 40px 8px 20px;}
aside.left-panel.collapsed .navigation ul li ul li a:hover {color:#222;}
aside.left-panel.collapsed .navigation ul li ul li a.ico_right {padding:0;}
aside.left-panel.collapsed .navigation ul li ul li a i {color:#fff; right:5px !important;}
aside.left-panel.collapsed .navigation ul li a i {float: none;}
aside.left-panel.collapsed .navigation ul li .user_info i,aside.left-panel.collapsed .navigation ul li.profile i {display:none;}
aside.left-panel.collapsed .logo-expanded {padding:0 10px;}
aside.left-panel.collapsed .logo_img {background:url(../images/sm_logo.png) no-repeat; width:43px; height:23px; display:inline-block;}
aside.left-panel.collapsed .user_info {padding:0 10px !important;}
aside.left-panel.collapsed .user_name {display:block; line-height:16px; padding:5px 0; letter-spacing:-0.08em; font-size:11px;}
aside.left-panel.collapsed .dropdown-content {left:75px;}
aside.left-panel.collapsed .aside_info {display:none;}

/* Navigation */
.navigation {overflow-y: auto; height: calc(100% - 172px);}
.navigation > ul > li {position:relative;}
.navigation > ul > li.has-submenu:first-child > a,.navigation > ul > li.has-submenu:first-child > .list_title {border-top:none;} 
.navigation > ul > li a > .nav-label + i,.navigation > ul > li .list_title .nav-label + i {float:right; color:#ccc; text-align:right; font-size:15px; display: none; margin-top:8px;} 
.navigation > ul > li.active.has-submenu:after,.navigation > ul > li.has-submenu:hover:after {color: #fff;}
.navigation > ul > li > a,.navigation > ul > li > .list_title {display:block; padding:7px 25px; color:#222; font-size:15px; font-weight:bold; text-decoration:none; outline:none !important; border-top:1px dotted #e7e3f1; margin-top:-1px;} 
.navigation > ul > li > a:hover {color:#2f80ba; background-color:#fdfdfd; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition: all 0.2s;}
.navigation > ul > li.profile > a:hover {color:#fff; background-color:#41b2c2; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition: all 0.4s;}
.navigation > ul > li.profile > a:hover .ar_smB { background-position:-168px -11px;}
.navigation > ul > li.active:hover > a,.navigation > ul > li.active > a,.navigation > ul > li.active .list_title {color:#2f80ba;  border-left:6px solid #2f80ba;}
.navigation > ul > li.active:hover .ar_smB,.navigation > ul > li.active .ar_smB {background-position:-157px 0;}
.navigation > ul > li.profile.active:hover > a,.navigation > ul > li.profile.active > a {color:#fff; background-color:#41b2c2; border-left:none;}
.navigation > ul > li.profile.active:hover .user_g,.navigation > ul > li.profile.active .user_g { background-position:-22px 0;}
.navigation > ul > li.profile.active:hover .ar_smB,.navigation > ul > li.profile.active .ar_smB { background-position:-157px -11px;}
.navigation ul li a i + span + i {margin-top:8px; font-size:18px;}
.navigation ul li a .nav-label {vertical-align:middle;}

/* Sub Menu */
.navigation ul li ul {display:block; padding-bottom:10px; border-bottom:1px dotted #e7e3f1;}
aside:not(.collapsed) .navigation ul li.active ul {display:block;}
.navigation ul li ul li {position:relative;}
.navigation ul li ul li a {padding:3px 30px 3px 30px; color:#555; text-decoration:none; white-space:nowrap; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; font-size:13px; border-left:0px solid #75798b; text-align:left; display:block; outline:none !important;}
.navigation ul li ul li a:hover,.navigation ul li ul li.active a {color:#444; padding-left:40px; font-weight:bold;}
.navigation ul li ul li a:hover {color:#2b76b9 ;}
.navigation ul li ul li.active a {color:#41b2c2 ;}
.navigation ul li ul li a:before {content:'-'; display:inline-block; padding-right:5px;}
.navigation ul li ul li.active a:before {content:'';  width: 0px;height: 0px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right: 4px solid none;  border-left: 4px solid #41b2c2; border-radius:2px;}
.navigation ul li ul li a i {position:absolute; font-size:14px; top:4px; right:15px; padding:8px; margin-right:0;}
.navigation ul li.profile ul li a i {left:28px; font-size:17px; top:0px;}

/* Top Header */    
.top_head {
background-image: linear-gradient(15deg, #3d3393 0%, #2b76b9 37%, #41b2c2 65%, #00c566 100%);
padding:8px 25px; margin-right:auto; margin-left:auto; position:relative;}
.top_head .title_info {color:#fff; font-size:20px; line-height:34px; display: inline-block; font-weight:normal;}
.top_head .title_info::-moz-selection {color:#1d84df; background:#fff;}
.top_head .title_info::selection {color:#1d84df; background:#fff;}
.top_head .title_info + .btn {margin-left:10px; min-width:100px; border-radius:2px;}
.top_head .title_info + .btn:hover {background-color:rgba(255,255,255,0.85); transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.top_head .title_info + .menual {height:35px; float:right; color:#fff; border-color:#fff;}
.top_head .title_info + .menual:hover {background-color:transparent;}
.top_head .title_info + .search_area + .menual {color:#fff; border-color:#fff; margin-right:80px; height:35px; float:right;}
.top_head .title_info + .search_area + .menual:hover {color:#fff;}

.sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.sr-only-focusable:active,.sr-only-focusable:focus {position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto;}  
.navbar-toggle {display:block; position:relative; padding:9px 10px 9px 0; margin-right:15px; background-color:transparent; background-image:none; border:1px solid transparent; border-radius:4px;}
.navbar-toggle:focus {outline:0;}
.navbar-toggle .icon-bar {background-color:#fff; display:block; width:22px; height:2px; border-radius:1px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top:4px;}
.navbar-toggle .icon-bar {display:block; width:22px; height:2px; border-radius:1px;}
.search_area {position:absolute; right:25px; bottom:0;}
.search_area .toggle_search {display:inline-block; width:50px; height:40px; background-color:#fff;text-align:center; border-radius:3px 3px 0 0;}
.search_area .toggle_search i {font-size:18px;	margin-top:12px; background-position:-100px -104px;}
.search_area .toggle_search:hover i {-webkit-animation:zoomIn 0.8s infinite; animation:zoomIn 0.8s infinite; display:inline-block;}

.top_head:before,.top_head:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.cont:before,.cont:after,.body:before,.body:after,.content:before,.content:after{display:table; content:''; clear:both;} 

/* header */
.header_wrap {line-height:58px; display:table;}
.header_wrap .logo {display:table-cell; width:220px; height:24px;}
.header_wrap .logo a {display:inline-block; background:url(../images/admin_logo.png) center no-repeat; width:220px; height:24px; text-indent:-9999px;}
.header_wrap .lnb {margin-left:50px;}
.header_wrap .lnb:after {clear:both; display:block; content:'';}
.header_wrap .lnb li {float:left;}
.header_wrap .lnb li a {display:inline-block; color:#777; font-size:16px; padding:0 15px;}
.header_wrap .lnb li a:hover {color:#aaa; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.header_wrap .lnb li.active a {background:url(../images/menu_active.png) bottom no-repeat;  background-size:10px 6px; color:#00cb87; font-weight:bold;}
.header_wrap .user_name {display:table-cell; text-align:right; color:#fff;}
.ico_fill_user {background:url(../images/user_img.png) no-repeat; width:18px; height:18px; display:inline-block;  margin-right:4px; vertical-align:-4px;}

/* Title Bar */
.title_wrap {line-height:50px;}
.title_wrap .title {color:#444; font-size:16px; display:table-cell; width:550px; }
.title_wrap .top_btn_wrap {display:table-cell; width:550px; text-align:right;}
.title_wrap .top_btn_wrap .btn {display:inline-block; vertical-align:middle; padding:6px 20px;}
.title_wrap .top_btn_wrap .btn:last-child {margin-left:10px;}
.title_wrap:after {clear:both; display:block; content:'';}

/* Footer */
.footer {padding:10px 15px; text-align:center; position:absolute; bottom:0; background-color:#fff; width:100%;}
.footer .it_info {border:4px solid #dedfdf;	padding:3px 10px; text-align:left; font-size:12px;}
.footer .copyright {font-size:11px; color:#999; margin-top:5px; line-height:12px;}
.footer .call_info { color:#565f7c; font-size:14px; font-weight:bold; text-align:center; display:block;}
.footer .call_info:hover {color:#;}
.footer .call_info .ico_call {vertical-align:-3px;}
.footer .call_number {color:#13547a;	font-size:17px; font-weight:bold; vertical-align:middle; font-family:tahoma;}
.aside_info {width:calc(100% - 30px); text-align:center; position:absolute; bottom:20px; font-size:11px; color:#999; padding:10px; margin:0 15px;}
.call_layer .layer_popup {left:50%; top:30%; position: absolute; margin-left: -240px;}

.btn_top {display:none; margin-top:5px; border:1px solid #ccc; color:#999; padding:2px 4px; border-radius:3px;}
.btn_top i {margin-right:5px; vertical-align:1px;}
.btn_top:hover {background-color:#f7f7f7; webkit-transition:background-color ease-in-out .15s; -o-transition:background-color ease-in-out .15s; transition:background-color ease-in-out .15s;}
.footer_wrap {font-size:11px; color:#999; margin-top:80px;}
.footer_wrap .inquiry {padding-bottom:5px;}

/* search */
.search_wrap {padding:8px 25px; background-color:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.2);}
.search_wrap .btn_wrap,.search_wrap .btn_wrap_line {margin-top:10px;}
.search_wrap .btn_wrap button,.search_wrap .btn_wrap_line button {width:100px;}

.search_wrap .monthly {width:40%; display:inline-block;}
.search_wrap .monthly .check_st {display:inline-block;}
.search_wrap .monthly .check_st li {float:left; margin-right:3px;}
.search_wrap .monthly {display:inline-block;}
.search_wrap .monthly input[type="checkbox"] + .ra_st {width:auto;}
.search_wrap .monthly .check_st.diabled  input[type="checkbox"] + .ra_st {background-color:#eee; cursor:not-allowed; color:#999; border:1px solid #ddd;}

.search_wrap .inline_form .form_control {width:18%; margin:8px 1% 5px 1%; display:inline-block;}
.search_wrap .inline_form .form_control,.search_wrap .inline_form .form_checkbox {width:auto;}
.search_wrap .inline_form .form_control:first-child {margin-left:0;}
.search_wrap .inline_form .form_control label {display:inline-block; vertical-align:middle; margin-bottom:0; margin-right:5px;}
.search_wrap .inline_form .form_control select {width:auto;}
.search_wrap .inline_form .form_control input,.search_wrap .inline_form .select_inclusive select {width:80px;}	
.search_wrap.filters_wrapper .form_checkbox {margin-bottom:3px; width:100%;}

.form_control {position:relative;}
.search_wrap .form_control {float:left;}
.search_wrap .form_control:after {display:block; clear:both; content:'';}
.search_wrap .colume_5:after,.search_wrap .colume_6:after,.search_wrap .colume_7:after,.search_wrap .colume_8:after,.search_wrap .colume_9:after {display:block; clear:both; content:'';}

.search_wrap .colume_5 .form_control {width:18%; margin:8px 1.5% 5px 1%; display:inline-block;}
.search_wrap .colume_5 .form_control:first-child,.search_wrap .colume_5 .form_control:nth-child(5n+1) {margin-left:0;clear:both;}
.search_wrap .colume_5 .form_control:last-child,.search_wrap .colume_5 .form_control:nth-child(5n) {margin-right:0;}
.colume_5 .form_control.day:after {content:'~'; position:absolute; right:-6%; bottom:10px; width:2%; text-align:center;}

.search_wrap .colume_6 .form_control {width:14.5%; margin:5px 1.5% 5px 1.1%; display:inline-block;}
.search_wrap .colume_6 .form_control:first-child,.search_wrap .colume_6 .form_control:nth-child(6n+1) {margin-left:0;clear:both;}
.search_wrap .colume_6 .form_control:nth-child(6n) {margin-right:0;}
.colume_6 .form_control.day:after {content:'~'; position:absolute; right:-8.5%; bottom:10px; width:2%; text-align:center;}

.search_wrap .colume_7 .form_control {width:13%; margin:5px 0.8% 5px 0.7%; display:inline-block;}
.search_wrap .colume_7 .form_control:first-child,.search_wrap .colume_7 .form_control:nth-child(7n+1) {margin-left:0;clear:both;}
.search_wrap .colume_7 .form_control:nth-child(7n) {margin-right:0;}
.colume_7 .form_control.day:after {content:'~'; position:absolute; right:-8%; bottom:10px; text-align:center;}

.search_wrap .colume_8 .form_control {width:11%; margin:5px 0.9% 5px 0.8%; display:inline-block;}
.search_wrap .colume_8 .form_control:first-child,.search_wrap .colume_8 .form_control:nth-child(8n+1) {margin-left:0; clear:both;}
.search_wrap .colume_8 .form_control:nth-child(8n) {margin-right:0;}
.colume_8 .form_control.day:after {content:'~'; position:absolute; right:-8%; bottom:10px; width:2%; text-align:center;}

.search_wrap .colume_9 .form_control {width:10.2%; margin:5px 0.5% 5px 0.5%; display:inline-block;}
.search_wrap .colume_9 .form_control:first-child,.search_wrap .colume_9 .form_control:nth-child(9n+1) {margin-left:0;clear:both;}
.search_wrap .colume_9 .form_control:nth-child(9n) {margin-right:0;}
.colume_9 .form_control.day:after {content:'~'; position:absolute; right:-7%; bottom:10px;  text-align:center;}

.search_wrap label {display:block; text-align:left; margin-bottom:5px; font-size:13px;}
.search_wrap label:before {content:''; margin-right:3px; background-color:#ccc; width:3px; height:3px; display:inline-block; vertical-align:3px;}
.search_wrap .custom label:before {content:''; margin-right:0; background-color:#fff; width:0; height:0; display:inline-block; vertical-align:0;}
.search_wrap .custom + .custom {margin-left:15px;}
.search_wrap input,.search_wrap select {width:100%;}
.search_wrap input {height:36px;}
.search_wrap .manager .box .form_control label {display:inline-block;}

input.inp_date {background:#fff url(../images/icon_date.png) right no-repeat; padding-right:25px; background-size:18px; }
.inp_calender {position:relative; width:100%; display:inline-block;}
input.inp_date +.btn {margin-left:-18px; position:absolute; right:0;top:0; bottom:0; border:1px solid #d1d2d4;}
.inp_calender input[readonly]:focus,.inp_calender input[readonly]:hover {background:#fff;}

.search_wrap .tbl_row {padding-top:5px;}
.search_wrap .tbl_row .title {display:inline-block; width:100px;}
.search_wrap .tbl_row .wrap {display:inline-block; width:calc(100% - 120px); }
.search_wrap .tbl_row .choice_box {display:inline-block; background-color:#e7e3f1; margin:0; width:100%; min-height:42px;}
.search_wrap .tbl_row .choice_box .option_choice {border:none; background-color:#fff;}
.search_wrap .tbl_row .choice_box .text.option_choice { background-color:transparent;}

/* Content Area (right) */
.content {margin-left:230px; padding-bottom:50px;}
.content .container-fluid {padding:25px; margin-right:auto; margin-left:auto;}
.container:after,.container-fluid:after {clear:both;}
.content {min-width:1100px;}

/* Dashboard */
.main {width:32%; margin: 0 0.5% 1% 0.5%; float:left;}
.main_lst { display:inline-block; width:100%;}
.main_lst + .main_lst {margin-left:40px;}
.main_lst:after {clear:both; content:''; display:block;}
.main_lst.flex5 li{width:20%;}
.main_lst.flex8 li{width:12.5%;}
.main_lst .select_st {text-align:center;}
.main_lst + .hr_line {margin:15px 0;}
.main_lst li {float:left; width:50%; border-right:1px solid #e4e4e4; padding:0 10px; }
.main_lst li:last-child {border-right:none;}
.main.col2 li {width:33.33%;}
.main.col1 {width:14.8%; float:left}
.main.col1 .main_lst li {width:100%}
.main.col2 {clear:inherit; margin-left:0.5%; width:49% !important}
.main.col2 .main_lst.flex4 li {width:25%}
.main.full { clear:both; width:100%; }
.main.full .main_lst {display:table;}
.main.full li {display: table-cell; width: auto; float: inherit;}
.main .panel-heading {height:48px;}
.user_main .panel-heading {height:auto;}
.main_lst li .box {display:block; width:100%; text-align:center; padding: 10px;}
.main_lst li .box .number {color:#6b767c; font-size:24px; font-weight:bold; padding:5px 0; height:50px;}
.main_lst li .box .number .total {color:#aaa; font-size:15px; font-weight:bold; padding: 0 5px; display:inline-block; vertical-align:-2px}
.main_lst li .box .number small {font-weight:normal; font-size:16px;}
.main_lst li .box:hover {background-color:#f8f8f8; border-radius:5px; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.main_lst li .box:hover .number { color:#444;  transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.main_lst li .box:hover .title { color:#fff; background-color:#00c566 ;  transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s;}
.main_lst li .box .title {font-size:14px; color:#6b767c; background-color:#f5f2f9; border-radius:1.2em; display:inline-block; padding:2px 10px;}
.main .main_wrap .panel-heading .head_text {padding-bottom:17px;}
.user_main .main .main_wrap .panel-heading .head_text {padding-bottom:8px;}
.main .main_wrap .panel-heading .sel_st {width:100px;}
.main .tooltip .tooltiptext {padding:15px; width:300px; bottom: 100%; left:20%; margin-left:-60px;  background-image: linear-gradient(135deg, rgba(61, 51, 147, 0.7) 0%, rgba(43, 118, 185, 0.8) 37%, rgba(65, 178, 194, 0.8) 65%, rgba(0, 197, 102, 0.8) 100%); background-color:transparent;}
.sel_st select {width:100%;}

/* 재직증명서 */
.career_certificate_wr {margin-right:10px; width:calc(20% - 10px); float:left;}
.career_certificate { float:left; width:80%;}
.career_certificate_wr:after,.career_certificate:after {display:block; content:''; clear:both;}
td p.text_info {font-size:12px; margin-top:5px; color:#e04452;}
.career_certificate td .btn {min-width:80px;}
.career_certificate_wr .table_write .wr_wrap .title {display:block; margin-bottom:10px; font-size:14px; font-weight: bold; color: #444;}
.career_certificate_wr .table_write .wr_wrap  {margin-top:30px;}
.career_certificate_wr .table_write .wr_wrap:first-child {margin-top:15px;}
.career_certificate_wr .table_write .wr_wrap input,.career_certificate_wr .table_write .wr_wrap select {width:100%; border:none; border-bottom:1px solid #999; width:100%; padding:10px 8px; font-size:14px;}
.career_certificate_wr .table_write .wr_wrap input:hover,.career_certificate_wr .table_write .wr_wrap input:focus,.career_certificate_wr .table_write .wr_wrap select:hover ,.career_certificate_wr .table_write .wr_wrap select:focus {border-bottom:1px solid}
.career_certificate_wr .table_write .wr_wrap .title:before {content: ''; width: 4px; height: 4px; background-color: #aaa; border-radius: 5px; margin-right: 3px; display: inline-block; vertical-align:3px;}
.career_certificate_wr .table_write + .btn_wrap {margin-top:15px;}
.career_certificate_wr .table_write .wr_wrap .fs-label-wrap {border:none; border-bottom:1px solid #999; border-radius:2px; font-size:14px; padding:8px;}
.career_certificate .right_ct .year_ch {display:inline-block; width:120px; margin-right:30px; padding:3px; vertical-align:bottom; padding:5px 15px 5px 8px !important;}
.career_certificate .right_ct .check_st {display:inline-block;}
.career_certificate .right_ct .check_st .dot_round {margin: 0 8px;}
.left_ct .al_num {font-size:14px; display:inline-block; }
.left_ct .al_num + .btn {margin-left:10px;}

/* 멀티 증명 */
.multi_certificate {}
.multi_certificate .left_ct  .al_num {margin-top:12px;}
.multi_certificate_wr {}
.multi_certificate_wr .tbl_row {margin-bottom:10px;}
.multi_certificate_wr .tbl_row:last-child {margin-bottom:0;}
.multi_certificate_wr .tbl_row input {width:%;}
.multi_certificate_wr .tbl_row .title {display:inline-block; margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #444; width:140px;}
.multi_certificate_wr .tbl_row .title:before {content: ''; width: 4px; height: 4px; background-color: #aaa; border-radius: 5px; margin-right: 3px; display: inline-block; vertical-align:3px;}
.multi_certificate_wr .tbl_row .choice_box {border:none; padding:0; margin:4px 0 0 140px; display:block;}
.multi_certificate_wr .tbl_row  .btn {margin-left:10px;}
.multi_certificate_wr .tbl_row .multi_slc_form {width:calc(100% - 160px); padding:4px; display:inline-block;  border: 1px solid #d1d2d4; font-size: 14px; color: #666;  border-radius: 2px; background-color: #fff; letter-spacing: -.01em;}
.multi_certificate_wr .tbl_row .multi_slc_form  .choice_box {margin:0; }
.multi_certificate_wr .tbl_row .multi_slc_form +.btn {margin:10px 0 0 145px;}
.multi_certificate_wr .tbl_row .cont_txt {display:inline-block; font-size:14px;}
.multi_certificate_wr .tbl_row + .hr_line_dash {margin-bottom:15px;}

.multi_certificate_wr .panel-heading + .panel-body {padding-bottom:0;}
.multi_certificate_wr .multi_tble_wrap .th_inc .custom,.multi_certificate_wr .multi_tble_wrap .th_inc .btn {display:block; text-align:center; margin:5px auto 0 auto;}
.multi_certificate_wr .multi_tble_wrap input[type="text"] {width:100%;}

.popup_body.multi_certificate_wr .tbl_row .title:hover {cursor:text;}
.popup_body.multi_certificate_wr .choice_box {margin:0; }
.popup_body.multi_certificate_wr .choice_box li {float:inherit;}
.popup_body.multi_certificate_wr .left_ct  .al_num .title {font-size:14px; color:#333; font-weight:bold; display:inline-block; vertical-align:0;}
.popup_body.multi_certificate_wr .left_ct  .al_num .title + b {font-size:17px; display:inline-block; margin:0 4px 0 6px; font-family:tahoma;}
.popup_body.multi_certificate_wr .table span.num {color:#aaa; font-size:12px; text-align:center; border:1px solid #aaa; border-radius:2em; padding:0 4px;}

/* 관리자 aside Tab */
.ls_tab {}

.ls_tab:after {clear:both; display:block; content:'';}
.ls_tab li {width:50%; float:left; text-align:center; }
.ls_tab li:first-child {}
.ls_tab .aside_tab {padding:8px 10px; background-color:#e7e3f1; display:block; text-align:center; font-size:13px; color:#aaa; width:100%; border-bottom: none; }
.ls_tab .aside_tab:hover {color:#41b2c2;background-color:#e7e3f1; }
.ls_tab .on .aside_tab {background-color:rgba(255,255,255,.1); color:#41b2c2; } 
.ls_sub02 {display:none;}

/* 시스템 관리 */
.admin_system .nav_tabs {width:10%; margin-right:1%; border:none;  float:left;}
.admin_system .nav_tabs  li {display:block; width:100%; margin-bottom:6px; background-color:#fff; }
.admin_system .nav_tabs  li .tab_title {width:100%; display:block; line-height:24px; text-align:left;}
.admin_system .nav_tabs  li .tab_title:hover {border-color:transparent;}
.admin_system .panel-content {width:89%; float:left;}

/* 조직관리-인사발령 */
.promote_wr .panel-content{ position:relative;}
.promote_wr .tbl_v3 td input,.promote_wr .tbl_v3 td select {width:100%;}
.promote_wr .top_prom {background-color:#f2f8f9;}
.promote_wr .top_prom .table,.promote_wr .top_prom th,.promote_wr .top_prom td {background-color:transparent;}
.promote_wr .hr_line_dash {margin:15px 0 5px 0;} 
.promote_wr .table td,.promote_wr .table th {height:30px; padding:8px 10px; text-align:left;}
.promote_wr .middle_wrap .md {width:60%; float:left; }
.promote_wr .middle_wrap .md .panel-heading .panel_right .btn {padding:2px 8px;}
.not_allowed:after {border-radius:5px; z-index:10; content:''; position:absolute; background-image:linear-gradient(135deg, rgba(61, 51, 147, 0.7) 0%, rgba(43, 118, 185, 0.7) 37%, rgba(65, 178, 194, 0.7) 65%, rgba(0, 197, 102, 0.7) 100%); width:100%; height:100%; top:0; left:0; bottom:0; right:0; pointer-events:none;}
.not_allowed:before {content:'입력하실 수 없습니다.'; text-align:center; width:200px;   position:absolute; left:50%; top:40%; font-size:20px; color:#fff; z-index:20; margin-left:-100px; pointer-events:none;   }
.middle_wrap .wrap {width:40%; float:left; }
.middle_wrap .wrap:after ,.middle_wrap:after {clear:both; display:block; content:'';}
.middle_wrap .wrap .panel-content {width:49%; float:left; margin-right:1%; margin-bottom:10px;}
.middle_wrap .table td input,.middle_wrap .table td select {padding:5px 8px;}
.promote_wr .textarea_wrap textarea {margin-right:1%;padding:10px;border-radius:10px; font-size:14px;  border: 1px solid rgba(155, 155, 155, 0.1); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);}
.promote_wr .textarea_wrap {margin-right:1%;}
.panel-content.not_allowed {z-index:-2; cursor:none;}
.promote_wr .panel_left .title_style {display:inline-block;}

.multi_prom.mdl,.multi_prom.mdr {width:49%; float:left;}
.multi_prom.mdl {margin-right:1%;}
.multi_prom .auto_complete {padding:10px; background-color:#f2f8f9;}
.multi_prom .auto_complete .wd100p {padding:15px 10px; font-size:16px;}
.multi_prom .top_prom {background-color:#f2f8f9;}
.multi_prom .top_prom .table,.multi_prom .top_prom th,.multi_prom .top_prom td {background-color:transparent;}
.multi_prom .lst_wrap td .num {color:#aaa; font-size:12px; text-align:center; border:1px solid #aaa; border-radius:2em; padding:0 4px;}
.multi_prom .lst_wrap td {text-align:left;}
.multi_prom .lst_wrap .point_txt { font-size:18px; font-weight:bold; text-align:center; padding:30px 0;}
.multi_prom .lst_wrap .point_txt .round_icon { margin-right:10px; border-radius:2em; width:25px; height:25px; text-align:center; padding:0 5px; display:inline-block;}
.multi_prom .lst_wrap .point_txt .round_icon .icon {vertical-align:0;}
.multi_prom .top_prom .ad_btn .line_bar {margin-left:20px;}
.multi_prom .top_prom .ad_btn {border-right:20px solid #fff; text-align:center;}

.orgz_prom .mdl {width:29%; float:left; margin-right:1%; height:500px;}
.orgz_prom .mdr {width:70%; float:left;}
.orgz_prom .mdr .tbl_row {width:80%; margin:0 auto;}
.orgz_prom  .mdr .tbl_row .title {width:120px;}
.orgz_prom .mdr .tbl_row input {width:calc(100% - 150px);}
.orgz_prom .mdr .tbl_row input +.btn {margin-left:10px;}
.orgz_prom .mdr .tbl_row + .tbl_row {margin-top:15px;}
.orgz_prom .mdr .tbl_row.modify { width:80%; text-align:center;}
.orgz_prom .mdr .tbl_row.modify  input {width:50%;}
.orgz_prom .mdr .tbl_row.modify .round_icon {margin-right:10px;}
.orgz_prom .mdr .tbl_row.del {text-align:center;}
.orgz_prom .mdr .btn_wrap {margin-top:50px;}
.orgz_prom .notice_wrap {float:left;  background-color:#e7e3f1; padding:10px;border-radius:10px; font-size:14px;  width:70%;}
.orgz_prom .notice_wrap li {font-size:14px; line-height:2em; color:#555;}
.orgz_prom .notice_wrap li i {margin-right:8px; }

.count_wrap {width:900px; margin:0 auto;}
.count_wrap .dash_wrap {position: relative; padding-bottom:20px; }
.count_wrap .dash_wrap li {background-color:#e7e3f1; border-radius:10px; padding:10px 20px; float: left; position: relative; min-width: 150px; margin-right:30px;}
.count_wrap .dash_wrap li .inner {position: relative; min-height: 83px; padding-left: 60px;}
.count_wrap .dash_wrap li .inner .round_cl {text-align:center; top:30px; display: inline-block; position: absolute; background-image:linear-gradient(125deg, #3d3393 0%, #2b76b9 37%, #41b2c2 65%, #00c566 100%); left: 0; bottom: 0; width: 50px; height: 50px; border-radius:2.5em;}
.count_wrap .dash_wrap li.all .inner .round_cl {background-color:#41b2c2; }
.count_wrap .dash_wrap li .inner .round_cl i {margin-top:12px;}
.count_wrap .dash_wrap li .inner dt {margin-left: -65px;width:60px; display:block; text-align:center; font-weight:bold; color:#fff; font-size:14px }
.count_wrap .dash_wrap li .com_num {margin-top: 5px; padding: 15px 0 14px; margin-left: -3px;}
.count_wrap .dash_wrap li .com_num .num {display: inline-block; float: left; line-height:40px;  font-size:30px; font-family:verdana; margin-left: 10px; font-style:normal; letter-spacing:-.08em; color:#666}
.count_wrap .dash_wrap li .com_num .num i {margin-left:5px;}
.count_wrap .dash_wrap li.wait  .com_num .num {color:#4e9de6;}
.count_wrap .dash_wrap li.comp  .com_num .num {color:#999;}
.count_wrap .dash_wrap li.excep  .com_num .num {color:#00c566;}
.count_wrap .dash_wrap li .com_num .link_txt_ef:before {background-color:#41b2c2}
.count_wrap .dash_wrap li .com_num .link_txt_ef:after {background-color:#e7e3f1}
.count_wrap .dash_wrap li.line {width:10px; min-width:10px; height:100%; padding:0; background-color:transparent;}
.count_wrap .dash_wrap li .left_bar {width:1px; height:103px; display:inline-block; background-color:#ddd;}
.count_wrap .dash_wrap:after {display:block; content:''; clear:both;}

.pop_prom .table_write {clear:both;}
.pop_prom .table_write .wr_wrap .title {display:block; margin-bottom:10px; font-size:14px; font-weight: bold; color: #444;}
.pop_prom .table_write .wr_wrap  {margin-top:20px;}
.pop_prom .table_write .wr_wrap:first-child {margin-top:15px;}
.pop_prom .table_write .wr_wrap input,.pop_prom .table_write .wr_wrap select {width:100%; border:none; border-bottom:1px solid #999; width:100%; padding:8px; font-size:14px;}
.pop_prom .table_write .wr_wrap input:hover,.pop_prom .table_write .wr_wrap input:focus,.career_certificate_wr .table_write .wr_wrap select:hover ,.career_certificate_wr .table_write .wr_wrap select:focus {border-bottom:1px solid}
.pop_prom .table_write .wr_wrap .title:before {content: ''; width: 4px; height: 4px; background-color: #aaa; border-radius: 5px; margin-right: 3px; display: inline-block; vertical-align:3px;}
.pop_prom .notice_wrap {background-color:#e7e3f1; padding:10px;border-radius:10px; font-size:14px;  width:100%;}
.pop_prom .notice_wrap li {font-size:14px; line-height:2em; color:#555;}
.pop_prom .notice_wrap li i {margin-right:8px; }
.pop_prom .notice_wrap:after {display:block; content:''; clear:both;}
.pop_prom .right_ct {display:inline-block; position:absolute; right:80px; top:8px;}
.pop_prom .right_ct .txt {font-size:14px;}
.pop_prom .right_ct .txt b {color:#41b2c2;font-size:17px; }
.pop_search_wrap .autocomplete {width:100%; border:3px solid #41b2c2; padding:12px; font-size:15px;}
.pop_search_wrap .autocomplete:hover ,.pop_search_wrap .autocomplete:focus{border-width:3px;}
.pop_search_wrap {margin-bottom:20px;}
.pop_prom .lst_wrap .table td {text-align:left;}
.pop_prom .tbl_top_wrap .left_ct {font-size:15px;}
.pop_file .tbl_border {border-top:none;}
.pop_file .tbl_border td {font-size:12px; padding:4px; text-align:left;}
.pop_file .popup_body {position:relative;}
.pop_file .file_wrap {overflow-y :auto; height:400px; border:1px solid #ddd;}
.pop_file .file_wrap li {padding:6px 4px; text-align:left; line-height:22px;width:33.333%; float:left; border-bottom:1px dashed #e4e4e4; border-right:1px dashed #e4e4e4;}
.pop_file .file_wrap li:nth-child(3n) {border-right:none;}
.pop_file .popup_body .tbl_top_wrap .al_num {margin-top:10px; display:inline-block;}
.pop_file .popup_body .tbl_top_wrap .right_ct .al_num {color:#e04452;}

.admin_multi .multi_certificate_wr .tbl_row .title:hover {cursor:text;}
.admin_multi .multi_certificate_wr .choice_box {margin:0; }
.admin_multi .multi_certificate_wr .choice_box li {float:inherit;}
.admin_multi .multi_certificate_wr  .left_ct  .al_num .title {font-size:14px; color:#333; font-weight:bold; display:inline-block; vertical-align:0;}
.admin_multi .multi_certificate_wr  .left_ct  .al_num .title + b {font-size:17px; display:inline-block; margin:0 4px 0 6px; font-family:tahoma;}
.admin_multi .multi_certificate_wr .table span.num {color:#aaa; font-size:12px; text-align:center; border:1px solid #aaa; border-radius:2em; padding:0 4px;}

.password_memo .empty_txt {display:inline-block;}
.password_memo .inp_pass {width:80%;}

/* 인사기록카드-마이페이지 */
.mypage {margin:0 auto; width:80%;}
.mypage .nav_tabs {margin-bottom:10px;}
.mypage .my_info .table {border-top:none;}
.mypage .my_info .user_img {position:relative; max-width: 120px; height: 160px; margin: 0 auto; background: #e3e9f5 url(../images/unknown_image.jpg) center no-repeat; background-size: contain;}
.mypage .my_info .user_img img {width:100%; }
.mypage .my_info .user_img:after {content:''; display:block; border:1px solid #222; opacity:0.1; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; z-index:1;}
.mypage .my_info .table th,.mypage .my_info .table td {border-color:#c8c8c8; text-align:left; padding:6px 10px;  }
.mypage .my_info .table th {font-weight:bold; font-size:13px; color:#666; text-align:right}
.mypage .my_info .table td {font-size:14px; color:#444;}
.mypage .my_info .table .photo_box {text-align:center; background-color:#f5f8f9}
.mypage .my_info .table td input {padding:4px 6px;}
.mypage .my_info .table td input + .btn.inp {padding:4px 15px; }
.mypage .my_info .table td input + .btn.inp + input {margin-left:5px;}
.mypage .my_info .rows + .rows {margin-top:30px;}
.mypage .my_info .table_s th {font-size:12px;}

.admin_certifi .tbl_border td .btn,.admin_receipt .tbl_border td .btn {padding:5px 12px}

/* 임금계약 20190821 */
.salary_contract .right_ct .year_ch {display:inline-block; width:120px; margin-right:30px; padding:3px; vertical-align:bottom; padding:5px 15px 5px 8px !important;}
.salary_contract .right_ct .check_st {display:inline-block;}
.salary_contract .right_ct .check_st .dot_round {margin: 0 8px;}
.left_ct .al_num {font-size:14px; display:inline-block;}
.left_ct .al_num + .btn {margin-left:10px;}
.pop_wrap.salary_pop .noti_txt {text-align:center; font-size:16px; margin-top:-15px; margin-bottom:15px;}
.pop_wrap.salary_pop .tbl_v  button {margin-left:5px;}
.pop_wrap.salary_pop .tbl_v  .link_txt {vertical-align:bottom;}
.pop_wrap.salary_pop .lst_noti {margin-top:15px; }
.pop_wrap.salary_pop .error_txt {padding:5px 20px; text-align:center; background-color:#f3f1f7; margin:10px 50px;}
.pop_wrap.salary_pop .info_txt {padding:5px 20px; text-align:center; background-color:#f3f1f7; color:#666; margin:10px 50px;}
/* 임금계약 추가 */
.salary_add .tbl_v th,.salary_add .tbl_v td {height:50px; padding:5px 10px;}
.salary_add .dash_top {border-top-style:dashed; vertical-align:top;}
.salary_add .dash_bottom {border-bottom-style:dashed;}
.salary_add .tbl_v td .total {font-weight:bold; font-size:18px; color:#222;}
.salary_add .tbl_v td .decimal_point {font-size:16px; color:#333;}
.salary_add .tbl_v .display_tbl span  {display:inline-block; }
.salary_add .tbl_v .display_tbl {display:table; width:100%;}
.salary_add .tbl_v .display_tbl .math_symbol{display:table-cell; width:8%; text-align:left;}
.salary_add .tbl_v .display_tbl .tt_txt{display:table-cell; text-align:left; width:47%; color:#999; font-size:13px;}
.salary_add .tbl_v .display_tbl .price{display:table-cell; text-align:right; width:45%;}
.salary_add .tbl_v .display_tbl .math_symbol .round {padding:0 2px; width:15px; line-height:13px; border:1px solid #aaa; border-radius:2em;  display:inline-block; text-align:center;}
.salary_add .tbl_v .kinds label {margin-right:50px;}
.salary_add .tbl_v .txt_info {color:#aaa; font-size:12px;}
.salary_agreement { margin:0 auto; width:70%; display:block;}
.salary_agreement .info_txt { font-size:13px; color:#c12439; padding:7px 0;}
.salary_agreement .cont_txt {font-size:12px; color:#888; line-height:1.8em}
.salary_agreement .cont_txt .indent {text-indent:10px;}
.salary_agreement .confirm {text-align:center; font-size:18px; margin:30px 0;}
.salary_agreement .date {text-align:center; font-size:18px; margin-bottom:30px;}
.salary_agreement .price {color:#222; font-size:16px; font-weight:bold;}
.salary_agreement .tbl_sign_area {width:85%; margin:0 auto;}
.salary_agreement .footer_info {width:70%; padding:15px; background-color:#ece8f3; color:#444; margin:20px auto 0 auto;  text-align:center; font-size:15px; color:#f31717; font-weight:bold;}
.salary_agreement .cont_wrap_header { text-align:center; padding:10px 0; height:60px;}
.salary_agreement .cont_wrap_header .logo.wips {background:url(../images/big_logo_color.png) no-repeat; width:90px; height:28px; margin-top:6px;}
.salary_agreement .cont_wrap_header .logo.dpa {background:url(../images/d_pa_logo.png) no-repeat; width:100px; height:30px; margin-top:5px;}
.salary_agreement .cont_wrap_header .logo {display:inline-block; float:left;}
.salary_agreement .cont_wrap_header .title {font-size:26px; margin-left:-45px; display:inline-block; color:#333;}
.salary_agreement .cont_wrap_header:after {display:block; content:''; clear:both;}
.salary_agreement .cont_txt li {margin-left:10px; list-style-position:outside;}
/*부서장님 제거요청
.salary_agree_fix {position:fixed; bottom:0; left:0; right:0; text-align:center;  background-image: linear-gradient(135deg, rgba(61, 51, 147, 0.7) 0%, rgba(43, 118, 185, 0.8) 37%, rgba(65, 178, 194, 0.8) 65%, rgba(0, 197, 102, 0.8) 100%); padding:20px;}
.salary_agree_fix  .salary_footer_wrap {width:calc(100% - 230px); padding:20px; background:#fff url(../images/dot_ptr.png) repeat; margin-left:230px;}*/
.salary_agree_fix  .salary_footer_wrap {width:100%; text-align:center; padding:20px; margin-top:-150px;}
.salary_agree_fix  .salary_footer_wrap .hr_line {display:none;}
.salary_agree_fix  .salary_footer_wrap .check_st {font-size:18px; margin-bottom:20px;}
.salary_agree_fix  .salary_footer_wrap .hr_line {margin-bottom:20px;} 

/* 공통 */
.gap {display:inline-block; text-align:center; width:20px; color:#999; font-style:normal;}
.error_txt {display:block; color:#fb3601; font-size:14px; margin-top:8px;}
.error_txt i {margin-right:5px; vertical-align:-2px}
.sm_del {width:16px; height:16px; background-color:#cebfde; color:#fff; font-size:14px; line-height:12px; text-align:center; display:inline-block; margin-left:5px; font-weight: bold; border-radius: 4px;}
label.title {display:inline-block; font-size: 14px; font-weight: bold; color: #444; }
label.title:before {content: ''; width: 4px; height: 4px; background-color: #aaa; border-radius: 5px; margin-right: 3px; display: inline-block; vertical-align:3px;}
.round_num {color:#aaa; font-size:11px; text-align:center; border:1px solid #aaa; border-radius:2em; padding:0 4px;}
.cont_bottom_wrap {position:relative; margin:50px 0; clear:both;}
.cont_bottom_wrap .left_ct {position:absolute; left:0;}
.cont_bottom_wrap .right_ct {position:absolute; right:0; top:0}
.cont_bottom_wrap .center_ct {text-align:center;}
.cont_bottom_wrap .btn + .btn {margin-left:8px;}
.middle_wrap:after {display:block; content:''; clear:both;}
.multi_certificate .table th:last-child,.career_certificate .table th:last-child,.admin_certifi .th_emp_cert_btn,.admin_certifi .th_whd_cert_btn,.admin_receipt th:last-child {min-width:80px;}

/* 성과관리표 201910 추가 */
.kpi_user_detail .lst_st {margin:0 auto; display:table;}
.kpi_user_detail .lst_st li {float:inherit; display:table-cell;}
.kpi_user_detail .panel-heading .status {font-size:14px; font-weight:bold; margin-top:5px;}
.kpi_user_detail .panel-heading .status .badge {font-size:16px; font-weight:normal;}
.kpi_user_detail .panel-heading .head_select_st { display:inline-block; margin-left:30px; vertical-align:bottom; margin-bottom:-5px;}
.kpi_user_detail .grade .txt_lst {text-align:left;}
.kpi_user_detail .grade .txt_lst li {}
.kpi_user_detail .grade .txt_lst li:before {content:'-'; display:inline-block; padding-right:10px;}
.kpi_user_detail .panel-heading .info_txt {font-size:12px; color:#999; vertical-align:bottom; margin-bottom: -10px; display: inline-block;}
.kpi_user_detail .panel-body {padding:5px 0 30px 0;}
.kpi_user_detail .tb_ability .if_txt {text-align:left; color:#888; letter-spacing:-.08em }
.kpi_user_detail .table th {color:#444;}
.kpi_user_detail .table td {word-break:break-all;}
.kpi_user_detail .table .th_tit {background-color:#; font-weight:bold; font-size:14px; }
.sam {width:300px; height:300px;}

/* 성과관리추가 2020 04 24 */
.kpi_user_detail .tb_btn_wrap .tit_label {display:inline-block; font-size:14px; font-weight:bold; margin-right:10px; vertical-align:middle; color:#666}
.kpi_user_detail .tb_btn_wrap .btn_area {display:inline-block;}

.kpi_user .tbl_border .custom input[type="checkbox"] + .check_st .checkbox_icon,.kpi_user .tbl_border .custom input[type="checkbox"] + input + .check_st .checkbox_icon,.kpi_execu .tbl_border .custom input[type="checkbox"] + .check_st .checkbox_icon,.kpi_execu .tbl_border .custom input[type="checkbox"] + input + .check_st .checkbox_icon{ margin-right:0;}
.tbl_top_wrap .left_ct .checkbox_inline + .line_bar {margin-left:-8px;}

.kpi_result { text-align:center; width:35%; margin:0 auto; display:block; overflow:hidden; position:relative; }
.kpi_result .kpi_left_img { position:absolute; left:0; top:0; width:100%; height:260px; background:url(../images/curtain_left.png) left no-repeat;}
.kpi_result .kpi_right_img {position:absolute; right:0; top:0; width:100%; height:260px; background:url(../images/curtain_right.png) right no-repeat; }
.kpi_result .result_txt {font-size:18px; font-weight:bold; padding:30px;}
.kpi_result .result_txt .point {font-size:45px; display:inline-block; margin-bottom:5px; padding-bottom:10px;background:url(../images/kpi_line.png) bottom no-repeat; background-size:contain; transition-delay:1s; }
.kpi_result .result_txt .point.s {color:#ffbc00;}
.kpi_result .result_txt .point.a {color:#41b2c2;}
.kpi_result .result_txt .point.b {color:#a0bba8;}
.kpi_result .result_txt .point.c {color:#c9c2d6;}
.kpi_execu .right_ct .check_st {display:inline-block;}
.kpi_step1 .evaluation .table th {min-width:50px;}
.kpi_step1 .evaluation .table th.contA {min-width:70px}
.kpi_step1 .evaluation .table th.contB  {min-width:50px}
.kpi_step1 .evaluation .table td {font-size:11px;}
.kpi_step1 .evaluation .table .last_evol {font-size:18px;}
.kpi_avg_lst .tbl_top_wrap .line_box {display:inline-block; vertical-align: middle;}
.kpi_avg_lst .tbl_top_wrap .line_box input[type="radio"] + .check_style {min-width: 80px;font-size: 14px; padding: 8px 12px;}
.kpi_avg_lst .tbl_top_wrap .check_st li {margin-left:0;}
/* 20191219 is.수정 */
.kpi_avg_lst .tbl_top_wrap .average_lst {display:inline-block; border:1px solid #aaa;}
.kpi_avg_lst .tbl_top_wrap .left_ct span {margin-right:0}
.kpi_avg_lst .tbl_top_wrap .average_lst dd,.kpi_avg_lst .tbl_top_wrap .average_lst dt {display:table-cell; font-size:13px; padding:5px 8px;}
.kpi_avg_lst .tbl_top_wrap .average_lst dd { font-size:16px; font-weight:bold; color:#222; text-align:center; width:70px;border-left:1px solid #aaa; position:relative}
.kpi_avg_lst .tbl_top_wrap .average_lst dt + dd + dt {border-left:1px solid #aaa;}
.kpi_avg_lst .tbl_top_wrap .average_lst dt { background-color:#f5f7f8;}
/*.kpi_avg_lst .tbl_top_wrap .average_lst dd:before {background:rgba(0, 0, 0, 0.1); content:''; height:6px; position:absolute; bottom:2px; width:85%; display:inline-block; left:0;}*/
.kpi_avg_lst .tbl_top_wrap .average_lst.total .sum:before {background:rgba(232, 12, 12, 0.2); content:''; height:6px; position:absolute; bottom:7px; width:70%; display:inline-block; left:10px;}
.kpi_avg_lst .tbl_top_wrap .average_lst.total dt {background-color:#e8e2fd;}
.kpi_avg_lst .tbl_top_wrap .average_lst .avg_tlt {display:inline-block;}
.kpi_avg_lst .tbl_top_wrap .average_lst dt { color:#444;}
/*.kpi_avg_lst .tbl_top_wrap .average_lst .sum {color:#41b2c2; }
.kpi_avg_lst .tbl_top_wrap .average_lst .sum:before {background:rgba(87, 85, 216, 0.2);}
.kpi_avg_lst .tbl_top_wrap .average_lst .total {color:#ef560d; }
.kpi_avg_lst .tbl_top_wrap .average_lst .total:before {background:rgba(232, 12, 12, 0.2);}*/

.evaluation.table_s {width:100%; overflow-x:auto;}
.evaluation .table th {min-width:50px; font-size:12px; word-break: keep-all; }
.evaluation .table td {font-size:12px; border:none; border-bottom:1px solid #ccc;}
.evaluation .table td.align_left {letter-spacing: -.08em;}
.evaluation .table .last.line {border-right:3px double #bbb; }
.evaluation .table  td.last.st {font-size:16px;  color:#222;}
.evaluation .table  td input {width:35px; text-align:right; padding:6px 2px; vertical-align:-1px;}
.evaluation .table  td .link_txt {word-break:inherit;}
.evaluation .table .last_evol {font-size:18px; font-family:tahoma; color: #ef560d;}
.evaluation .table .badge {font-size:11px;}
.evaluation .table  td input[disabled] {border-color:#eee;}
.kpi_execu1 .evaluation .table  td input {width:60px; text-align:center;}
.kpi_execu1 .evaluation .table th {min-width:55px; font-size:12px; word-break: keep-all; }
.kpi_execu1 .right_ct .check_st {display:inline-block; }
.popup .popup_body .file_lst:after {content:''; display:block; clear:both;}
.grade_file .file_wrap {overflow-y :auto;  }
.grade_file .file_wrap li {padding:10px 4px; text-align:left; line-height:22px; width:33.333%; float:left; border:1px dashed #e4e4e4;  }
.grade_file .grade {min-height: 200px; max-height: 400px; height:auto;}
.grade_file .grade .file_lst {display:table; width:100%; padding-left:1px}
.grade_file .grade .file_lst li {width:10%; text-align:center; display:table-cell; margin-left:-1px; margin-top:-1px;}
.grade_file .grade .file_title { font-size:16px; line-height:35px;  font-weight:normal; color:#222; clear:both; padding-bottom:5px;}
.grade_file .grade .file_lst + .file_title {padding-top:30px;}
.page_grade.empty_txt .text{font-size:20px;}

.page_not {padding:80px 0;}
.page_not.empty_txt .text {font-size:22px;}
.bd_notice {background:url(../images/box_line.jpg) repeat-x;  width:940px; height:7px; position:absolute; z-index:1;}
.system {margin:0 auto; width:940px; margin-top:150px;}
.system .left_img {display:table-cell; text-align:center;}
.system .right_cont {display:table-cell;}
.system .box {border:7px solid #00c566; background-color:#fff; padding:40px 30px; overflow:hidden; width:940px;  box-sizing: border-box; display:table;}
.system .box { border-image: linear-gradient(to right, #3d3393 0%, #2b76b9 37%, #41b2c2 65%, #00c566 100%);  border-image-slice: 1;  border-image-width: 7px }
.system .error_cont .txt {font-size:30px; font-weight:bold; color:#4183d7; letter-spacing:-.09em; line-height:1.8em;}

/* KPI popup */
.popup .popup_body .txt_lst li:before {content:'-'; display:inline-block; padding-right:10px;}
.popup .popup_body .txt_lst li.ex { color:#999; margin-top:5px;}
.popup .popup_body .txt_lst li.ex:before {content:'예)'; padding-left:15px;}
.popup .popup_body .file_lst:after {content:''; display:block; clear:both;}
.pop_file .grade {min-height: 200px; max-height: 400px; height:auto; padding:10px;}
.pop_file .grade .file_lst {display:table; width:100%; padding-left:1px;}
.pop_file .grade .file_lst li {width:20%; text-align:center; display:table-cell;border:1px dashed #e4e4e4;  margin-top:-1px; margin-left:-1px;}
.pop_file .grade .file_lst li:nth-child(3n) {border-right:1px dashed #e4e4e4;}
.pop_file .grade .file_title {font-size:16px; padding:5px 10px; font-weight:normal; color:#222; clear:both;}
.pop_file .grade .file_lst + .file_title {padding-top:20px;}
.popup_body .evaluation .tbl_border td {text-align:center; font-size:12px}
.popup_body .evaluation .table .last_evol,.popup_body .evaluation .table td.last.st {font-size:15px;}
.popup_body .evaluation .tbl_border th { min-width:35px; font-size:11px;}
.popup_body .kpi_user_detail .tbl_border td {text-align:center; }
.popup_body .kpi_user_detail .tb_ability .if_txt{text-align:left; }

.kpi_pop .tbl_border td select,.kpi_pop .tbl_border td input {width:100%;}
.kpi_pop {display:table; width:100%;}
.kpi_pop .col_left {width:60%;   padding-right:2%; float:left; border-right:3px double #aaa; }
.kpi_pop .col_left .panel-body { height:500px; overflow-y:auto; }
.kpi_pop .col_right {width:36%; padding-left:2%;float:left;}
.kpi_pop .nav_tabs {border-bottom:none; display:inline-block; margin:0 0 -4px 30px; vertical-align:inherit;}
.popup_body .sv_info_right {line-height:25px; display:inline-block;}
.popup_body .sv_info_right .color_red {font-size:18px;}
.kpi_noti .noti_txt {font-size:15px; font-weight:bold; color:#fb3601;}
.kpi_noti .noti_txt i {vertical-align:-2px; margin-right:4px;}
.kpi_noti .lst_noti  {padding: 10px 20px; text-align: center; background-color: #f3f1f7; color: #666; margin: 10px 0;}
.kpi_noti .lst_noti li {text-align:left; margin-bottom:4px; padding-left:15px; color:#444; word-break: keep-all;}
.kpi_noti .lst_noti li:before {content:''; width:4px; height:4px; background-color:#41b2c2; display:inline-block; vertical-align:middle;  margin-right:5px; margin-left:-8px;}

/* sms_popup & page */
.pop_sms .panel-body + .panel-heading {margin-top:20px;}
.pop_sms .tbl_top_wrap {margin-bottom:5px}
.pop_sms .choice_box {border:none; margin-top:0;}
.pop_sms .tbl_top_wrap .total {color:#444; font-weight:bold; font-size:14px;}
.pop_sms .tbl_row .title {width:60px; display:inline-block;}
.pop_sms .tbl_row .cont_txt {display:inline-block; font-size:14px;} 
.message_wrap .phone_wrap {width:350px; height:430px; border:1px solid #ccc; border-radius:15px; margin:0 auto;}
.message_wrap .phone_status {width:349px; height:30px; background:#444 url(../images/phone_status.png) center no-repeat; border-radius:15px 15px 0 0;}
.message_wrap .phone_body .day_cont_txt { background-color: #bbb7d6; display: inline-block; color: #fff; font-size: 14px; padding: 0 10px; border-radius: 2em; margin-bottom:8px;}
.message_wrap .phone_body {width:348px; height:350px; background-color:#f5f2f9; text-align:center; padding:10px 20px; border-bottom:1px solid #ccc;}
.message_wrap .phone_body .message_box {width:100%; background-color:#fff; height:280px;  margin:0 auto;}
.message_wrap .phone_body .message_box textarea { border:none; background-color:transparent; max-height:280px; padding:15px; overflow-x: hidden;}
.message_wrap .phone_number li {padding:10px;  height:50px;}
.message_wrap .phone_number li .title {vertical-align:middle; width:60px; display:inline-block;}
.message_wrap .phone_number li .cont_txt {color:#444; font-size:16px; display:inline-block;}
.message_wrap .phone_body .byte_box {width:100%; display:table; padding-top:8px;}
.message_wrap .phone_body .byte_box .byte {display:table-cell;width:80%; text-align:right}
.message_wrap .phone_body .byte_box b {vertical-align:middle;}
.message_wrap .phone_body .byte_box .sms_mms {display:table-cell; width:20%; text-align:left}
.sms_user:after {content:''; display:block; clear:both;}
.sms_user .message_wrap .phone_body .message_box {margin-top:15px;}
.sms_user .message_wrap .phone_number .title {width:90px;}
.sms_user .message_wrap .cont_txt{width:calc(100% - 100px);}
.sms_user .message_wrap .cont_txt select {width:100%;}
.sms_user .message_wrap .phone_wrap {height:440px;}
.sms_user .tbl_top_wrap .left_ct .total {font-weight:bold; display:inline-block; }
.sms_user .tbl_top_wrap .left_ct .total + .btn {margin-left:15px;}
.sms_user .tbl_top_wrap + .choice_box {margin-bottom:20px;}
.sms_user .phone_wrap + .btn_wrap .btn {font-size:16px;}
.sms_user .writer {width:28%; margin-right:2%; float:left}
.sms_user .receiver {width:70%;float:left}
.sms_searching {width:100%; margin-bottom:20px; text-align:center;}
.sms_searching .form_control {width:30%; display:inline-block; margin:0 1%;}
.sms_searching .form_control label {display:block; font-size:14px; margin-bottom:5px; font-weight:bold; text-align:left; position:relative;}
.sms_searching .form_control input,.sms_searching .form_control select {width:100%;}
.sms_searching .form_control .more {position:absolute; right:0; font-size:12px; font-weight:normal; color:#666;}
.sms_searching .more_wrap {background-color:#f5f7f8; margin-top:10px; text-align:center; padding:10px;}
.sms_searching .more_wrap .btn {vertical-align:bottom;}
.sms_user .receiver_wrap {background-color:#eef3f5; padding:15px;}
.receiver_wrap .choice_box {background-color:#fff; border:none;}
.sms_box_lst .lst_box {width:18.7%; border:1px solid #ccc; padding:10px; text-align:center; display:inline-block; margin:0 0.5% 15px 0.5%;}
.sms_box_lst .lst_box .info {display:table; width:100%; padding-bottom:8px;}
.sms_box_lst .lst_box .info .date {display:table-cell; width:50%; text-align:left; color:#999;}
.sms_box_lst .lst_box .info .re_num {display:table-cell; width:50%; text-align:right; color:#444;}
.sms_box_lst .lst_box .text_area {background-color:#f5f7f8; padding:10px; height:150px;  overflow-y:auto; margin-bottom:10px; text-align:left; word-break: break-all;}
.sms_admin .table td .link_txt {display:inline-block; border-bottom:none; text-decoration:underline;}

/* 동호회지원금 */
.club_content {width:80%;}
.club_content .panel-heading .head_text {border-bottom:none; padding-bottom:0;}
.club_user .table td .link_txt {font-size:15px;}
.club_user .table td .link_txt .info {vertical-align:0; color:#666; font-size:13px;}
.ico_tri.up{width: 0px;height: 0px; display:inline-block; border-top:6px solid  transparent; border-bottom:8px solid #e04452; border-right: 6px solid transparent; border-left: 6px solid  transparent; margin-right:4px;}
.ico_tri.down{width: 0px;height: 0px; display:inline-block; border-top:8px solid  #448ae2; border-bottom:6px solid transparent; border-right: 6px solid transparent; border-left: 6px solid  transparent; margin-right:4px; vertical-align:-4px;}
.club_title {border-bottom: 4px solid #3454a6; padding:20px; width:100%; margin-bottom:50px; margin-bottom:40px; background: #fff url(../images/dot_ptr.png) repeat; color:#222;}
.club_title .info {font-size:24px; display:inline-block;}
.club_title .title {font-size:26px; display:inline-block; font-weight:normal; margin-left:10px; font-weight:bold; color:#222;}
.club_user_l {width:73%; margin-right:2%;  float:left;}
.club_user_r {width:24%; float:right; vertical-align:top}
.club_user_l .inform_month { border-bottom:1px solid #ededed; padding:10px 0 20px 0; color:#222; width:100%;}
.club_user_l .inform_month label {font-size:16px; margin-right:10px; color:#666;}
.club_user_l .inform_month select {width:150px;}
.club_user_l .inform_wrap { padding: 20px 0; display:table; width:100%; border-bottom:1px solid #ededed; }
.club_user_l .inform {display:table-cell; width:30%;}
.club_user_l .personnel_lst {display:table-cell; width:30%; text-align:right}
.club_user_l .sb_tit {color:#444;display:inline-block; font-size:16px;margin-right:15px; cursor: inherit;}
.club_user_l .inform p {display:inline-block; font-size:28px;  vertical-align:-2px; color:#444; }
.club_user_l .personnel_lst li {float:left; width:33.33%;  border-left:1px dashed #bbb; text-align:center;}
.club_user_l .personnel_lst li:first-child {border-left:none;}
.club_user_l .personnel_lst span,.club_user_l .personnel_lst .qty_box  {display:block; height:42px; font-size:22px; margin-bottom:5px;}
.club_user_l .personnel_lst .qty_box input {line-height:38px; height:38px; padding:0 35px;}
.club_user_l .personnel_lst .qty_box input:hover,.club_user_l .personnel_lst .qty_box input:active,.club_user_l .personnel_lst .qty_box input:focus {border:none; box-shadow:none;}
.club_user_l .personnel_lst .qty_box {float:none; width:130px; margin:0  auto 5px auto;}
.club_user_l .personnel_lst .qty_box .ea_qty {height:40px; line-height:38px;}
.club_user_l .personnel_lst label {color:#888; font-size:14px; margin-left:-4px; display:block;}
.club_user_l .remit_area {padding:30px 0; margin-bottom:40px; display:table; width:100%;border-bottom:1px solid #ededed;}
.club_user_l .remit_area .price {display:table-cell; width:25%;}
.club_user_l .remit_area .price .txt {font-size:28px; color:#41b2c2;}
.club_user_l .remit_area .price .txt .icon {vertical-align:-2px;}
.club_user_l .remit_area .inp_form {}
.club_user_l .remit_area .inp_form input {width:25%;}
.club_user_l .remit_area .inp_form .account {width:40%;}
.club_user_l .remit_area .price_oth {display:table-cell; width:75%; text-align:right}
.club_user_r .panel-body + .panel-body {margin-top:40px;}
.club_user_r .panel-body + .panel-body .panel-heading {margin-bottom:28px;}
.club_user_r .btn_wrap,.club_user_r .btn_wrap .btn {width:100%;}
.club_user_r .btn_wrap .btn {height:60px; font-size:20px;}
.club_user_r .btn_wrap .btn +.btn {margin-left:0; margin-top:15px;}

.pop_club .club_title {border:none; background:#f5f8f9; margin-bottom:20px;}
.pop_club .club_title .badge {margin-top:4px;}
.pop_club .club_user_l .sb_tit {font-size:14px; vertical-align: inherit;}
.pop_club .club_user_l .inf_txt {font-size:20px; display:inline-block;} 
.pop_club .personnel_lst span {font-size:16px;}
.pop_club .personnel_lst li:first-child span {font-size:18px;color:#444;}
.pop_club .club_user_l .inform {width:15%;}
.pop_club .remit_area .price .txt {font-size:20px; color:#444;}
.pop_club .remit_area .price_oth .inp_form {background:url(../images/line_bar.gif) right no-repeat; display:inline-block; vertical-align:middle; padding:0 10px; font-size:16px;}
.pop_club .remit_area .price_oth .inp_form:last-child {background:none;}
.pop_club .remit_area .price_oth .inp_form input {width: 100px;}
.pop_club .remit_area .price_oth .inp_form:nth-child(3) input {width: 150px;}
.pop_club .remit_area .price {display:table-cell; }
.pop_club .club_user_l .text_area .txt {background:#f5f8f9; padding:10px; font-size:14px;}
.pop_club .club_user_r .area_wrap .txt {background:#f5f8f9; padding:10px; font-size:14px;}
.pop_club .club_user_r .area_wrap .txt .link_txt {line-height:24px; margin-bottom:3px;}
.pop_club .club_user_r .area_wrap .txt .link_txt:before {content:''; margin-right:3px; background-color:#bbb; width:4px; height:2px; display:inline-block; vertical-align:3px;}
.pop_club.popup_btn .right { float:right; margin-right:15px;}
.pop_club .info_notice {border:3px solid #e04452; padding:10px; margin-bottom:20px;}
.pop_club .club_user_r .panel-body + .panel-body .panel-heading {margin-bottom:20px;}
.pop_club .info_notice .info_img {display:inline-block;}
.pop_club .info_notice .text {color:#e04452; font-size:16px; font-weight:bold; display:inline-block; margin-left:15px;}
.pop_club .info_notice .text i {margin-right:5px; vertical-align:0;}
.pop_club .info_notice .text .title {color:#666; margin-bottom:5px;}
.pop_club .inform_month .inf_appli { width:50%; display:table-cell; float:right; }
.pop_ad_detail .scroll_y {overflow-y:auto; height:500px;}
.pop_ad_detail .table td {word-break:break-all;}
.pop_ad_detail .table .relative .sm_del {position:absolute; right:-5px; top:-5px;}
.cl_noti_txt {text-align:center;  margin:-5px 0 15px 0; font-size:16px; padding: 8px 20px; background-color: #f3f1f7;}

/* 온라인서비스 ID 신청 리스트 */
.online_user .article_table .h3_title {font-size:18px; font-weight:normal;}
.online_user .article_table .table {margin-top:30px;}
.online_user .article_table .form_radio .radio_inline { width:150px;}
.online_user .article_table .info_txt {color:#3d3393; font-size:14px;display:inline-block; margin-left:50px;}
.online_user .article_table td .info_txt {color:#999; font-size:13px;margin-left:20px;}
.online_user .article_table .tbl_v4 th {font-weight:bold;}
.online_user .article_table .tbl_v4 th,.online_user .article_table .tbl_v4 td {text-align:left;}
.online_user .article_table .disabled input[type="radio"] + label {color:#ccc;}
.online_user .article_table .disabled input[type="radio"] + label .radio_icon {background-position:0 -40px;}
.online_user .article_table .table + .h3_title {margin-top:40px;}
.online_user .article_table .kinds .custom {margin-right:40px;}
.online_user .article_table .round_num {margin-bottom:10px; display:inline-block;}
.online_user .article_table .heading .h3_title {display:inline-block;}
.online_user.not_allowed:before {content: '신청 정보를 먼저 입력해주세요.'; width:300px; margin-left:-150px;}
.online_user .article_table .btn_wrap {margin:40px 0}
.online_user .article_table .info_box {width:80%; padding:15px; background-color:#ece8f3; color:#444; margin:40px auto 0 auto;  text-align:center; font-size:17px; line-height:40px; }
.online_user .article_table .notice_box {margin-top:20px;position:relative; font-size:14px; display:inline-block; color:#888;}
.online_user .article_table .notice_box:before {content:''; position:absolute; bottom:-1px; height:8px; left:0; right:0; background-color:rgba(216, 167, 167, 0.2);}
.online_user .checkbox_inline .check_st {vertical-align:5px;}
.pop_online .panel-heading .status {margin-top:6px;}
.pop_online .panel-body + .panel-heading {margin-top:30px;}
.pop_online .panel-body .table td {text-align:left; word-break:break-all;}
.pop_online .panel-body .table + .table {margin-top:15px;}
.pop_online .info_notice {border:3px solid #e04452; padding:10px; margin-bottom:20px;}
.pop_online .club_user_r .panel-body + .panel-body .panel-heading {margin-bottom:20px;}
.pop_online .info_notice .info_img {display:inline-block;}
.pop_online .info_notice .text {color:#e04452; font-size:16px; font-weight:bold; display:inline-block; margin-left:15px;}
.pop_online .info_notice .text i {margin-right:5px; vertical-align:0;}
.pop_online .info_notice .text .title {color:#666; margin-bottom:5px;}
.pop_online .on_num,.online_user .on_num  {vertical-align:1px; color:#448ae2; font-size:15px;}
.online_user .on_num {vertical-align:2px}

/* EDMS */
.pop_emds_file .pp_title {font-size:16px; text-align:center; margin-bottom:8px;}
.edms_mgr .scroll_y .tbl_h tr {cursor: pointer;}

/* 메일관리 20200424 */
.pw_change_wrap {text-align:center; display:table; width:100%;}
.pw_change .info_img { background:url(../images/password_image.png) no-repeat; width:150px; height:150px; margin:10px 0 30px 0; background-size: cover; display:inline-block;}
.pw_change .pw_wrap {width:20%;}
.pw_change .form_wrap,.pw_change .pw_wrap {display:table-cell; }
.pw_change .form_control {margin-bottom:12px;}
.pw_change .form_control label {width:30%; display:inline-block; text-align:left; font-size:15px;}
.pw_change .form_control input {width:60%; padding:10px 15px; font-size:16px;}
.pw_change .form_control .txt {width:60%; display:inline-block; text-align:left; font-size:20px;}
.pw_change .notice_wrap {background:#f5f8f9; padding:20px;}
.pw_change .notice_wrap li	{ font-size:14px; line-height:1.6em;}

.pop_mail .data_name {margin-top:6px;}
.pop_mail .lst_noti {margin-top:15px;}
.pop_mail .lst_noti li {line-height:1.6em;}
.pop_mail .noti_txt {text-align:center; font-size:16px; padding:0 20px;}
.pop_mail .notice_wrap {margin-top:10px;}
.pop_mail .pw_change {text-align:left; margin-top:40px;}
.pop_mail .pw_change .pw_wrap {width:200px;}
.pop_mail .pw_change .form_control label {width:150px}
.pop_mail .pw_change .form_control input,.pop_mail .pw_change .form_control .txt {width:400px; font-size:14px;}
.pop_mail .pw_change .form_wrap .txt .btn {min-width:130px; }
.pop_mail .mail_form .txt_input {width:45%}
.pop_mail .mail_form .txt_mail {width:45%; padding: .6em .4em !important;  vertical-align: -2px;}
.pop_mail .mail_form .badge {margin-right:10px;}
.pop_mail .mail_form .badge.br_bd {color:#666; border:1px solid;}
.pop_mail .mail_form .mail_name {font-size:20px; font-weight:normal;}

.pop_mail .pw_change_cont .pw_change {margin-top:0;}
.pop_mail .pw_change_cont .cont_bottom_wrap {margin-bottom:0;}

.mail_apply_wr .table_write .mail_form .txt_input {width:45%}
.mail_apply_wr .table_write .mail_form .txt_mail {width:45%; padding:10px 8px !important;}
.mail_apply_wr .notice_wrap {margin-top:10px;}
.mail_apply_wr .notice_wrap li {margin-bottom:5px;}
.mail_apply_wr {width:calc(30% - 10px);}
.mail_apply {width:70%}
.mail_apply_wr .notice_box {margin-top:20px; position:relative; font-size: 13px; padding:5px;text-align:center; background-color:rgba(216, 167, 167, 0.2); }
.mail_apply .table td:nth-child(3) {text-overflow:ellipsis; word-break:break-all;}

.mail_apply_wr  .table_write .wr_wrap .radio_inline {margin-right:10px; margin-bottom:5px; }
.mail_apply_wr  .table_write .wr_wrap .form_tooltip .tooltip  {width:150px; padding:5px; font-size:12px;}
.form_tooltip input[type="radio"]:checked + .check_st + .tooltip.top_left { right: auto; left: 0; margin-bottom: 5px;}

/* 메모 로그- History */
.log_wrap {position:relative; width:100%; height:205px; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; background-color:#f5f6f7; margin-top:15px; border:1px solid #ddd;}
.log_wrap .scroll_area {position:absolute; width:100%; height:200px; overflow-y:auto;}
.log_wrap .conetnes_wrapper {padding:10px;}
.log_wrap .conetnes_wrapper p {margin-bottom:8px; clear:both;}
.log_wrap .message { position:relative;margin-bottom:10px; clear:both; }
.log_wrap .message  .text {display:inline-block; padding:4px 10px; box-sizing:border-box;  -moz-box-sizing: border-box; -webkit-box-sizing:border-box; line-height:1.5em; color:#615f5f;background-color:#e8eff4; border-radius:10px; font-size:12px;}
.log_wrap .message  .status {display:inline-block; line-height:1.5em; padding-left:4px; font-size:12px; color:#222;}
.log_wrap .message:after {clear:both; display:block; content:'';}
.log_wrap .title_bar { height: 18px; line-height: 18px; text-align: center; font-size: 12px; color:#666; background-color: #e2dfea;  border-radius: 18px;}
.writing_form {position: absolute; width:100%; bottom:0; border-top: 1px solid #d8d8d9;}
.writing_form .wr_textarea {width: calc(100% - 100px); height: 50px; background: #fff; padding: 5px; border: none; resize: none; font-size:13px; overflow:auto;}
.writing_form .btn_submit {position: absolute; right:0; display: inline-block; width: 100px; height: 50px; background-color:#41b2c2; text-align:center; color:#fff; font-weight:400; font-size:15px;}
.btn_submit:before {content:''; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%;	background: rgba(25,9,75,0.05); transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.btn_submit:active {background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);}
.memo .log_wrap {height:250px;}
.memo .log_wrap .scroll_area {height:200px;}
.memo .log_wrap .status {color:#888;}
.pop_mail .top_prom {background-color:#f2f8f9; margin-bottom:15px;}
.pop_mail .top_prom .table,.pop_mail .top_prom th,.pop_mail .top_prom td {background-color:transparent;}

/* arlet_popup */
.popup_layer_bg {width:100%; height: 100%; background:rgba(0,0,0,0.4); position:fixed; top:0px; left:0px; bottom:0; z-index: 10;}
.pop_alert {width:400px; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#60000000, endColorstr=#60000000); border-radius:3px; }
.pop_alert.alret_white {background: rgb(255,255,255); box-shadow: 0 10px 10px -10px rgba(0,0,0,.8) }
.pop_alert.alret_black {background:rgba(0,0,0,0.5); box-shadow:0 10px 10px -10px rgba(255,255,255,.5); border-top:3px solid #fff;  }
.pop_wrap {padding:20px 0;}
.pop_task_id_wrap{padding:0; margin-bottom: 10px;}
.popup_body {overflow:hidden;}
.pop_alert .popup_body:after {display:block; clear:both; content:'';}
.pop_alert .pop_wrap {margin:0 40px; }
.pop_alert .popup_header {padding-top:30px;text-align:center; position:relative;}
.pop_alert .popup_header:after {display:block; clear:both; content:'';}
.pop_alert .popup_title {font-size:16px; color:#333; display:inline-block; float:left;}
.pop_alert .popup_header .top_icon {top:12px; right:12px;}
.popup_header .top_icon {display:inline-block; position:absolute; right:14px; width:28px; height:28px;}
.popup_header .top_icon .ico_close {width:28px; height:28px; background-position:0 -21px;}
.ico_close:hover {-webkit-animation: close_spin 0.5s; animation: close_spin 0.5s;}
.pop_alert .pop_wrap {text-align:center; padding-top:0; min-height:60px;}
.alret_black .pop_wrap .txt {font-size:14px; color:#fff;}
.alret_white .pop_wrap .txt {font-size:14px; color:#444;}
.alret_white .pop_wrap .title {display:block; font-size:18px; font-weight:normal; margin-bottom:10px;}

.popup_btn {text-align:center; padding:20px 0;  background-color:#f5f2f9; clear:both;}
.popup_btn .btn {min-width:110px; height:38px; font-size:14px;}
.popup_btn .btn + .btn {margin-left:12px;} 
.alret_black .popup_btn {padding:10px 0 20px 0;}
.alret_white .popup_btn {text-align:center; padding:20px 0; background-color:#f5f2f9; border-radius: 0 0 5px 5px;}

/* Popup */
/*.layer_position {width: 100%; display:none; height: 100%; background: rgba(0,0,0,0.4); position: fixed; top: 0px; left: 0; bottom: 0; z-index: 100;}*/
.layer_popup {background-color:#fff; z-index:100;}
.layer_popup .popup_header {width:100%; border-bottom:3px solid #14b9dc; line-height:50px; padding:0 15px; overflow:hidden;}
.layer_popup .popup_header .popup_title {font-size:16px; color:#333; display:inline-block; float:left;}
.layer_popup .popup_header,.popup .popup_header {width:100%; border-bottom:3px solid #80d0c7; line-height:50px; padding:0 15px; overflow:hidden; position:relative; }
.layer_popup .popup_header .popup_title,.popup .popup_header .popup_title {font-size:18px; color:#333; display:inline-block; float:left; font-weight:normal;}
.layer_popup .popup_body,.popup .popup_body {background:#fff; padding:15px;}

.popup {background-color:#fff;}
.popup_header .nav_tabs:after {display:block; content:''; clear:both;}
.popup_header .nav_tabs .tab_title:before {content:''; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%;	background: rgba(65,178,194,0.05); transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.popup_header .nav_tabs .tab_title:hover:before {width: 100%;}
.popup_header .nav_tabs .active .tab_title {background-color:#fff; color:#444; border: 1px solid #80d0c7; font-weight:bold;}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
.popup_header .nav_tabs .active .tab_title  {font-weight:bold;} }
.popup_header .nav_tabs .active .tab_title:hover,.popup_header .nav_tabs .active .tab_title:active,.popup_header .nav_tabs .active .tab_title:focus { background-color:transparent;border: 1px solid #80d0c7;}
.popup_header .nav_tabs .active .tab_title:before {background:none; }
.popup_header .nav_tabs .tab_title {min-width:180px; background-color:#f6f8f9; color:#aaa;}
.popup_header .nav_tabs .tab_title:hover {color:#444;}
.popup_header .nav_tabs li {margin-bottom:-2px;}

.pop_wrap .wr_wrap {margin-bottom:20px;}
.pop_wrap .wr_wrap input,.pop_wrap .wr_wrap select {width:100%; border:none; border-bottom:1px solid #999; width:100%; padding:10px; font-size:14px;}
.pop_wrap .wr_wrap input:hover,.pop_wrap .wr_wrap input:focus,.pop_wrap .wr_wrap select:hover ,.pop_wrap .wr_wrap select:focus {border-bottom:1px solid;}
.file_add {margin:15px 0; }

/* 내용 없을 때 */
.info_img {display:inline-block; width:100px; height:100px; background-size:cover;}
.info_img.md {width:180px;height:180px;}
.info_img.xl {width:250px;height:250px;}
.info_img.common {background:url(../images/notice_image3.png) no-repeat; background-size:cover;}
.info_img.sorry {background:url(../images/notice_image1.png) no-repeat; background-size:cover;}
.info_img.notice {background:url(../images/notice_image4.png) no-repeat; background-size:cover;}
.info_img.info {background:url(../images/notice_image5.png) no-repeat; background-size:cover;}
.info_img.question {background:url(../images/notice_image2.png) no-repeat; background-size:cover;}
.info_img.password {background:url(../images/notice_image6.png) no-repeat; background-size:cover;}
.info_img.angry {background:url(../images/notice_image7.png) no-repeat; background-size:cover;}
.info_img.not {background:url(../images/notice_image7-1.png) no-repeat; background-size:cover;}
.info_img.joy {background:url(../images/notice_image8.png) no-repeat; background-size:cover;}
.info_img.unknown {background:url(../images/notice_image9.png) no-repeat; background-size:cover;}
.info_img.search {background:url(../images/notice_image10.png) no-repeat; background-size:cover;}
.info_img.thx {background:url(../images/notice_image11.png) no-repeat; background-size:cover;}
.info_img.mail {background:url(../images/notice_image12.png) no-repeat; background-size:cover;}
.empty_txt {font-size:16px; color:#41b2c2; text-align:center; padding:10px}
.empty_txt  .text {color:#41b2c2; font-size:16px; font-weight:bold; margin-top:10px;}
.empty_txt  .text i { margin-right:5px; vertical-align:0;}
.text .round_info {text-align: center; border-radius:2em; border:1px solid #41b2c2; width:18px; height:18px; font-size:14px; line-height:15px; display:inline-block;}

/* icon */
.icon {background:url(../images/icon.png) 100% no-repeat; display:inline-block; zoom:1; *display:inline;   background-size:200px 200px; vertical-align:middle; text-indent:-9999px; *text-indent:0;}
.icon2 {background:url(../images/icon2.png) no-repeat; display:inline-block; background-size:300px 300px; vertical-align:-4px; text-indent:-9999px;}
.icon_user {background:url(../images/user_icon.png) 100% no-repeat; display:inline-block; zoom:1; *display:inline;   background-size:30px 122px; vertical-align:middle; text-indent:-9999px; *text-indent:0;}

.user_all {width:30px; height:29px; background-position:0 0;}
.user_wait {width:30px; height:29px; background-position:0 -31px;}
.user_comp {width:30px; height:29px; background-position:0 -62px;}
.user_excep {width:30px; height:29px; background-position:0 -93px;}

.ico_yn {background:url(../images/icon_yn.png) center no-repeat; display:inline-block; zoom:1; *display:inline;   background-size:81px 25px; vertical-align:middle; text-indent:-9999px; *text-indent:0; text-align:center;}
.ico_yn.yes {width:25px; height:25px; background-position:0 0;}
.ico_yn.no {width:25px; height:25px; background-position:-27px 0;}
.ico_yn.point_yes {width:25px; height:25px; background-position:-53px 0;}

/* pagenation */
.ar_left {width:12px; height:12px; background-position:-128px -17px; vertical-align:-2px;}
.ar_right{ width:12px; height:12px; background-position:-115px -17px; vertical-align:-2px;}
.ar_first {width:12px; height:12px; background-position:-115px -31px; vertical-align:-2px;}
.ar_end { width:12px; height:12px; background-position:-128px -31px; vertical-align:-2px;}

/* user */
.user_g {width:18px; height:18px; background-position:0 0;}
.user_w {width:18px; height:18px; background-position:-22px 0;}

/* del */
.xs_del {width:10px; height:10px; background-position:0  -96px;}
.xs_delW {width:10px; height:10px; background-position:0 -109px;}
.xs_delG {width:10px; height:10px; background-position:0 -83px;}

.ico_uploadW {width:18px; height:16px; background-position:-110px 0;}
.ico_upload {width:18px; height:16px; background-position:-66px 0;}
.ico_downloadW {width:18px; height:16px; background-position:-88px 0;}
.ico_download {width:18px; height:16px; background-position:-44px 0;}

.ico_new {width:11px; height:11px; background-position:0 -122px;}
.ico_pdf {width:19px; height:17px; background-position:-31px -21px;}
.ico_xml {width:19px; height:17px; background-position:-52px -21px;}
.ico_hwp {width:19px; height:17px; background-position:-73px -21px;}

.big_closeW {width:28px; height:28px; background-position:0 -52px;}
.big_close {width:28px; height:28px; background-position:0 -21px; vertical-align: inherit;}

.radio_check {width:12px; height:12px; background-position:-13px -142px;}
.check_st input[type="checkbox"]:checked + .check_style .radio_check, .check_st input[type="radio"]:checked + .check_style .radio_check {width:12px; height:12px; background-position:0 -142px;}

.ar_smT {width:9px; height:9px; background-position:-157px 0;}
.ar_smL {width:9px; height:9px; background-position:-179px 0;}
.ar_smB {width:9px; height:9px; background-position:-168px 0;}
.ar_smR {width:9px; height:9px; background-position:-190px 0;}
.ar_wsmT {width:9px; height:9px; background-position:-157px -11px;}
.ar_wsmL {width:9px; height:9px; background-position:-179px -11px;}
.ar_wsmB {width:9px; height:9px; background-position:-168px -11px;}
.ar_wsmR {width:9px; height:9px; background-position:-190px -11px;}
.arw_smT {width:9px; height:9px; background-position:-190px -22px;}
.arw_smL {width:9px; height:9px; background-position:-157px -22px;}
.arw_smB {width:9px; height:9px; background-position:-179px -22px;}
.arw_smR {width:9px; height:9px; background-position:-168px -22px;}
.arw_wsmT {width:9px; height:9px; background-position:-190px -32px;}
.arw_wsmL {width:9px; height:9px; background-position:-157px -32px;}
.arw_wsmB {width:9px; height:9px; background-position:-179px -32px;}
.arw_wsmR {width:9px; height:9px; background-position:-168px -32px;}
.ar_mdT {width:17px; height:17px; background-position:-20px -104px;}
.ar_mdL {width:17px; height:17px; background-position:-40px -84px;}
.ar_mdB {width:17px; height:17px; background-position:-40px -104px;}
.ar_mdR {width:17px; height:17px; background-position:-60px -84px;}
.sm_search {width:9px; height:9px; background-position:-190px -44px;}
.ico_cancel {width:17px; height:17px; background-position:-31px -44px;}
.ico_del {width:17px; height:17px; background-position:-51px -44px;}
.ico_save {width:17px; height:17px; background-position:-71px -44px;}
.ico_file {width:17px; height:17px; background-position:-91px -44px;}
.ico_setting {width:17px; height:17px; background-position:-111px -44px;}
.ico_move {width:17px; height:17px; background-position:-131px -44px; }
.ico_twoway {width:17px; height:17px; background-position:-151px -44px;}
.ico_speech {width:17px; height:17px; background-position:-171px -44px;}
.ico_mail {width:17px; height:17px; background-position:-31px -64px;}
.ico_lock {width:17px; height:17px; background-position:-51px -64px;}
.ico_shuttle {width:17px; height:17px; background-position:-71px -64px;}
.ico_list {width:17px; height:17px; background-position:-91px -64px;}
.ico_write {width:17px; height:17px; background-position:-111px -64px;}
.ico_receipt {width:17px; height:17px; background-position:-131px -64px;}
.ico_money {width:17px; height:17px; background-position:-151px -64px;}
.ico_plan {width:17px; height:17px; background-position:-171px -64px;}
.ico_enter {width:17px; height:17px; background-position:-20px -84px;}
.ico_search {width:17px; height:17px; background-position:-80px -84px;}
.ico_notice {width:17px; height:17px; background-position:-100px -84px;}
.ico_refresh {width:17px; height:17px; background-position:-120px -84px;}
.ico_newtab {width:17px; height:17px; background-position:-140px -84px;}
.ico_reverse {width:17px; height:17px; background-position:-160px -84px;}
.ico_mail_open {width:17px; height:17px; background-position:-180px -84px;}
.ico_error {width:17px; height:17px; background-position:-60px -104px;}
.ico_call {width:17px; height:17px; background-position:-80px -104px;}
.ico_searchW {width:17px; height:17px; background-position:-120px -104px;}
.ico_lineuser {width:17px; height:17px; background-position:-140px -104px;}
.ico_plus {width:17px; height:17px; background-position:-160px -104px;}
.ico_minus {width:17px; height:17px; background-position:-180px -104px;}
.ico_question {width:17px; height:17px; background-position:-20px -124px;}
.ico_info {width:17px; height:17px; background-position:-40px -124px;}
.ico_calender {width:17px; height:17px; background-position:-60px -124px;}
.ico_copy {width:17px; height:17px; background-position:-80px -124px;}
.ico_won {width:22px; height:22px; background-position:0 -157px;}
.ico_favicon_sm{position:relative; top:2px; display:inline-block; width:20px; height:20px; background:url(../images/ico_favicon_sm.png) no-repeat;}

@media all and (max-width: 1600px) {
.content .table th,.content .table td {padding:15px 8px !important;}
.content .table th { font-size: 12px !important; }
.content .evaluation .table th { min-width: 40px;}
.content .table td {font-size: 13px !important;}
.content .table_s th,.content .table_s td {padding:10px 4px !important;}
.content .table_s th { font-size: 11px !important; }
.content .table_s td,.content .table_s td .badge {font-size: 11px !important;}
.content button,.content input,.content select,.content a.btn,.content label,.multiple.fs-wrap .fs-option,.fs-label-wrap .fs-label {font-size: 12px !important;}
.fs-label-wrap .fs-label {padding-top:12px !important;}
.main .main_wrap .panel-heading .head_text {padding-bottom:12px;}
.content .tbl_v th,.content .tbl_v td {padding:8px 8px !important;}
.main .main_wrap .panel-heading {height:43px;}
}

/* reset */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border:1px solid #fff !important; background: #41b2c2 !important; font-weight: normal; color: #fff !important;}
.ui-menu-item {padding:6px 10px !important;}
.fs-label-wrap .fs-label {height:34px !important;}
.fs-search input {padding:6px 4px !important;}
.fs-arrow {top:10px;}
.fs-label-wrap {border-radius:2px;}
.multiple.fs-wrap .selected.fs-option .fs-checkbox i {background-color:#3d3393 !important}
.fs-wrap .fs-option:hover {background-color:#41b2c2 !important}
.multiple.fs-wrap .fs-option { height:auto !important; line-height:18px; letter-spacing:-.08em;}
.daterangepicker .btn_wrap .btn {min-width:75px;}

_:-ms-fullscreen, :root .fix_header {margin-left:-1px; }

/* 20191126 Is.기획 등급 수정 */
.evaluation .table .line_grade {font-size: 18px; font-family: tahoma; color: #ef560d;}
.result_last {display:inline-block; width:30%; text-align:center; margin-bottom:10px; }
.result_last:first-child {border-right:1px dashed #ddd}
.result_last strong {display:block;font-size:13px;}


/* 고객센터 */
.cs_list_wrap{background:#fff; padding:60px; border:1px solid #e7e7e7;}

.cs_list_wrap.inquiry_input{padding:20px 40px;}
.cs_list_wrap .editor{width:100%; height:288px; border:1px solid #d7d7d7; border-radius:2px;}

.cs_list > li{height:168px; font-size:17px; border-top:1px solid #f0f0f0;}
.cs_list > li:last-child{border-bottom:1px solid #f0f0f0;}
.cs_list > li > a{display:block; width:100%; height:100%; padding:35px 0;}
.cs_list > li:hover > a p{color:#1890ff; transition:0.4s;}
.cs_list p{font-weight:900;}
.cs_list span.date{display:block; line-height:28px; font-size:17px; color:#777;}
.cs_list span.tx{display:block; height:50px; font-size:17px; color:#222; margin-top:22px; overflow:hidden;}

.cs_list.qna > li{height:auto; padding:35px 0;}
.cs_list.qna span.tx{height:auto;}
.cs_list.qna > li > .answer{margin-top:20px; padding:30px; background:#f9fafb;}
.cs_list.qna > li > .answer span{display:block;}
.cs_list.qna > li > .answer span.date{margin-top:20px;}

/* 공지사항 팝업 */
/* .pop_notice{height:100vh; background-color:#303a58; background-image: url(../images/notice_pop_bg.png), url(../images/notice_pop_tit.png); background-position: right 20px top 42%, left 40px top 30px; background-repeat: no-repeat; padding:70px 40px; text-align:left; border-top:4px solid #333951; color:#ccc;} */
/* .pop_notice.h_auto{height:auto;} */
/* .pop_notice strong{color:#fff;} */
/* .pop_notice .pop-wrap{height:100vh; padding:0 0 39px;} */
/* .pop_notice .pop-wrap img{margin:0 auto;} */
.pop_notice .btn_wrap{position:fixed; bottom:0; left:0; width:100%; background:#f0f0f0; padding-top:0;}
.pop_notice .btn_wrap button{float:left; padding:10px;}
.pop_notice .btn_wrap button.day_close{width:70%; border-right:1px solid #dadada;}
.pop_notice .btn_wrap button.close{width:30%;}












/* wipsmodel */

/* .form_control */
.form_control .ico_favicon_sm{top:7px; margin-right:6px;}

/* btn */
.btn.hover_none:before{background-image:none;}
.btn_clip{line-height:26px; background:#fff; border:1px solid #f5af26; color:#e09400;}
.btn_clip:hover{color:#e09400;}
.btn_clip .ico_favicon_sm{position:absolute; left:10px; top:5px;}
.table .btn_clip.btn_xs{line-height:28px;}

.btn[class*="load"]{position:relative; padding:6.4px 20px 6.4px 40px; background:transparent;}
.btn[class*="load"]:after{position:absolute; content:''; display:inline-block; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:14px; background-image:url(../images/icon_download_blue.png);}
.btn[class*="load"]:hover{color:#1890ff; background:#eef7ff; transition:0.4s;}
.btn[class*="load"]:before{background:none;}
.btn[class*="load"].sm{padding:0; width:30px; height:30px; background:transparent;}
.btn[class*="load"].tx{font-size:12px; padding:3px 14px 4px 35px;}
.btn[class*="load"].tx:after{left:20px;}
.btn[class*="load"][class*="bg_"]:hover{color:#fff;}
.btn[class*="load"][class*="bg_"]:after{background-image:url(../images/icon_download_white.png);}
.btn.upload[class*="bg_"]:after{background-image:url(../images/icon_upload_white.png);}
.btn.upload[class*="br_"]:after{background-image:url(../images/icon_upload_blue.png);}

.btn.tag{display:inline-block; min-width:auto; font-family:'Malgun Gothic'; font-size:14px; border-radius:2px; padding:0px 7px 3px 7px; cursor:auto; letter-spacing:-1.8px;}
.btn.tag:focus,.btn.tag:active{box-shadow:none;}
.btn.tag:hover:before{display:none;}
.btn.tag.blue80{border:1px solid #1890ff; color:#1880ff; background:#f1f8ff;}
.btn.tag.green{border:1px solid #b7eb8f; color:#52c41a; background:#f6ffed;}
.btn.tag.red{border:1px solid #ffa39e; color:#f5222d; background:#fff1f0;}
.btn.tag.black{border:1px solid #999; color:#444; background:#f0f0f0;}
.btn.tag.orange{border:1px solid #ff8239; color:#ff8239; background:#fff7ec;}
.btn.tag.navy{border:1px solid #6678a0; color:#6678a0; background:#eff2f5;}
.btn.tag.radius50{border-radius:50px;}


/* color */
.btn_orange{background-color:#fec541; border-color:#eea236; color:#fff;}

.wipsmodel .nav_tabs li .tab_title{line-height:22px;}
.wipsmodel .nav_tabs li .tab_title .ico_favicon_sm{top:5px;}

/* img_wrap */
.rep_drawing.img_cover{width:400px}
.img_cover img{width:100%;}


/* radio */
.check_st.tp1 li{margin-left:0;}
.check_st.tp1 input[type="radio"] + .check_style{min-width:auto; height:21px; line-height:15px; font-size:12px; vertical-align:middle; color:#bbb; background:#f7f7fc; border-radius:0; padding:2px 8px;}
.check_st.tp1 input[type="checkbox"]:checked + .check_style,
.check_st.tp1 input[type="radio"]:checked + .check_style{color:#1890ff; background:#deefff;}

/* tab */
ul[class*="tab"].tp3 li{position:relative; float:left; width:280px; min-height:39px; padding:3px 10px 3px 20px; cursor:pointer; background-color:#fff; border-right:1px solid #f7f7fc; border-top-right-radius:15px; border-top-left-radius:15px;}
ul[class*="tab"].tp3 li.active{position:relative; z-index:2; border:0; background:#41b2c2;}
ul[class*="tab"].tp3 li.active a{color:#fff;}
ul[class*="tab"].tp3 li a{display:block; width:100%; height:100%; line-height:30px; font-size:14px; font-weight:bold; color:#444; letter-spacing:-1px; letter-spacing:-1.2px;}
ul[class*="tab"].tp3 li a i{top:5px; margin-right:10px;}

.portlet .column_3 {width:32.4%; margin-left:1.4%; float:left;}
.portlet > .column_3:first-child,.portlet .column_3:nth-child(3n+1) {margin-left:0;}
.portlet .column_3 .sm_title {margin-bottom:8px;}
.portlet .column_3 .table_vertical td,.portlet .column_3 .table_vertical th {padding:4px 6px;}
.portlet .column_3 .table_vertical td input,.portlet .column_3 .table_vertical td select {padding:.4em;}
.portlet .column_2 {width:49%; margin-left:1%; display:inline-block; vertical-align:top;}
.portlet .column_2:first-child {margin-left:0;}

.set_tb .radio_st li {float:left; display:inline-block;}
.set_tb .radio_st:after {display:block; clear:both; content:'';}
.set_tb input[type="radio"],.radio_st input[type="radio"],.panel_right.radio_st input[type="checkbox"],.radio_st input[type="checkbox"],.check_st input[type="checkbox"] {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; opacity:0; position:absolute; left:-9999px; z-index:-1;}
.set_tb input[type="radio"] + .ra_st,.set_tb input[type="checkbox"] + .ra_st {padding:4px; display:inline-block; border:1px solid #95a3ab; width:28px; height:28px; line-height:20px; margin-left:-1px; text-align:center;}
.radio_st li:first-child input[type="radio"] + .ra_st,.check_st li:first-child input[type="checkbox"] + .ra_st {margin-left:0;}
.set_tb input[type="radio"]:checked + .ra_st,.set_tb input[type="checkbox"]:checked + .ra_st  {border:1px solid #95a3ab; background-color:#95a3ab; color:#fff;}
.set_tb input[type="radio"]:disabled + .ra_st,.set_tb input[type="checkbox"]:disabled + .ra_st  {border:1px solid #ccc; background-color:#f2f2f2; color:#999; cursor:not-allowed;}

.client .radio_st input[type="radio"] + .radio_style,.client  .radio_st input[type="checkbox"] + .radio_style {padding:2px 4px; display:inline-block; background-color:#d3d3d3;  line-height:16px; margin-left:-1px; text-align:center; color:#fff; font-weight:normal; border-radius:3px;}
.client .radio_st input[type="radio"] + .radio_style i,.client  .radio_st input[type="checkbox"] + .radio_style i {margin-right:5px;}
.client .radio_st {float:right; margin-top:2px;}
.client .radio_st:after {display:block; clear:both; content:'';}
.client .radio_st li {float:left; margin-left:5px;}
.client .radio_st li:first-child input[type="radio"] + .radio_style,.client  .radio_st li:first-child input[type="checkbox"] + .radio_style {margin-left:0;}
.client .radio_st input[type="radio"]:checked + .radio_style,.client  .radio_st input[type="checkbox"]:checked + .radio_style { background-color:#337ab7; color:#fff;}
.client .radio_st li .dot_round_gray {background-color:#d6d2d2; margin-right:0;}
.client .check_st {float:right; margin-bottom:2px;}
.client .check_st:after {display:block; clear:both; content:'';}
.client .check_st li {float:left; margin-left:5px;}
.client .check_st input[type="checkbox"] + .check_style {padding:2px 4px; display:inline-block;  line-height:16px; margin-left:-1px; text-align:center; color:#ccc;  }
.client .check_st input[type="checkbox"] + .check_style i { margin-right:5px;}
.client .check_st input[type="checkbox"]:checked + .check_style {color:#3498db;}
.client .check_st li:first-child input[type="checkbox"] + .check_style {margin-left:0;}

.tab_radio .radio_st {border-bottom:1px solid #ccc;}
.tab_radio .radio_st:after {display:block; clear:both; content:'';}
.tab_radio .radio_st li { float:left;}
.tab_radio .radio_st input[type="radio"] + .radio_style {padding:8px 12px; display:inline-block;  line-height:16px; margin:0 0 -1px -1px; text-align:center; color:#ccc; border:1px solid #ccc; border-top-width:2px;  background-color:#f7f7f7;}
.tab_radio .radio_st input[type="radio"] + .radio_style i {margin-right:5px;}
.tab_radio .radio_st input[type="radio"]:checked + .radio_style {color:#3498db; border:1px solid #4698ff; border-bottom-color:#fff; border-top-width:2px; background-color:#fff;}

.client .sm_title,.client .box,.client .box .form_control {display:inline-block;}
.client .btn_icon {padding:2px 5px; line-height:1;}
.client .btn_icon i {margin-right:0; font-size:20px;}
.client .box {border:1px solid #d3d3d3; border-radius:4px; margin-top:15px;}
.client .box.column_3:nth-child(3n+1) {margin-left:0; clear:both;}
.client .box .box_title {background-color:#f5f2f9; padding:5px 10px; border-radius:3px;}
.client .box .box_cont {padding:10px; }
.client .wrap .box .box_title:after,.client .wrap .box_cont .cont_header:after,.client .box .box_cont .info .user_info_lst:after {clear:both; display:block; content:'';}

.icon_profile {background:url(../images/user_img.png) no-repeat; width:18px; height:18px; display:inline-block; vertical-align:-4px;}
.client .cont_header i + b {display:inline-block; margin-left:3px; font-size:14px; color:#444; letter-spacing:-.06em;}
.client .cont_header > .title {display:inline-block; font-size:14px; color:#444; letter-spacing:-.06em;}
.client .box_cont .user_info_lst {margin-top:4px;}
.client .box_cont .user_info_lst li {padding:2px 0; letter-spacing:-.04em; color:#444;}
.client .box_cont .user_info_lst li i {color:#ccc; margin-right:3px; width:16px; display:inline-block; font-size:16px; vertical-align:middle;}
.client .box_cont .user_info_lst li.col_2 {width:48%; display:inline-block;}
.client .box_cont .user_info_lst li textarea {width:100%; font-size:11px;}
.client .box_cont .user_info_lst li .link {color: #50a7e9; text-decoration:underline;}
.client .box_cont .user_info_lst li textarea[readonly] {background-color:#f7f7f7; border:none;}
.client .box_cont .cont_header {border-bottom:1px solid #ddd; padding-bottom:5px;}
.client .box_cont .cont_header:after {clear:both; content:''; display:block;}
.client .box_cont .user_info_lst.company li i {width:auto; margin-right:1px;}
.client .box_cont .user_info_lst.company li i.fa-paperclip {font-size:14px; margin-right:5px; color:#999 !important;}
.box .box_cont .info .user_info_lst.company li {display:table; width:100%;}
.box .box_cont .info .user_info_lst.company li span:first-child {font-size:11px; color:#bababa; display:table-cell; width:25%; min-width:90px;}
.box .box_cont .info .user_info_lst.company li > span + span {width:75%; color:#444;}

/* file_upload */
.file_wrap{width:100%; min-height:80px; background:rgba(113,112,107,0.1); border:1px solid #d1d2d4; border-radius:5px;}

/* 선행조사 - 문헌번호 동적 생성용 input */
#initPrSrch li input{float:left; margin-right:5px;}

/* 경쟁사 분석 */
.company_main .tx_wrap li{font-size:16px; margin-bottom:8px; color:#222;}
.company_main .tx_wrap li .dot_square4{margin-right:8px;}
.company_main .tx_sub_wrap li{margin-bottom:8px;}
.company_main .tx_sub_wrap li i{display:inline-block;}
.company_main .tx_sub_wrap li i.num{text-align:center; width:20px; height:20px; color:#fff; border-radius:100%; background:#ccc; margin-right:8px;}
.company_main .tx_sub_wrap li i.chk{float:left; width:20px; height:20px; background:url(../images/icon_chk_blue.png) no-repeat center center; margin-right:8px;}
.company_main .tx_sub_wrap li i.ico_filter{cursor:default;}
.company_main .panel-body .btn_wrap{border-top:1px dotted #ccc; margin-top:50px; padding-top:30px;}
.company_main .panel-body .btn_wrap .btn_clip{color:#222; font-size:14px; font-weight:bold; margin-bottom:20px;}
.company_main .panel-body .btn_wrap .btn_clip i{top:12px;}
@media(max-width: 1600px){
  .content.company_main .panel-body .btn_wrap .btn_clip{font-size:14px !important;}
}

/* 계약등록 */
.contract_reg .in_use_box{width:100%; border:1px solid #eee; border-top:2px solid #41b2c2; margin-top:20px;}
.contract_reg .in_use_box:first-child{margin:0;}
.contract_reg .in_use_box .in_use_tit{font-size:17px; background:#f2fafb; padding:16px 20px;}
.contract_reg .in_use_box .in_use_tit:after{content:''; display:block; clear:both;}
.contract_reg .in_use_box .in_use_tit p{float:left; width:147px; font-weight:bold; color:#41b2c2;}
.contract_reg .in_use_box .in_use_tit p.num{float:left; width:80%; font-weight:normal; color:#666;}
.contract_reg .in_use_box .in_use_cont{padding:20px;}
.contract_reg .in_use_box .in_use_cont .cont_top{background:#f5f7fa; padding:20px;}
.contract_reg .in_use_box .in_use_cont .cont_top:after{content:''; display:block; clear:both;}
.contract_reg .in_use_box .in_use_cont .cont_top p.tit{float:left; font-weight:bold; padding:5px 20px 0 0;}
.contract_reg .in_use_box .in_use_cont .cont_top ul{float:left;}
.contract_reg .in_use_box .in_use_cont .cont_top ul li{padding:10px;}
.contract_reg .in_use_box .in_use_cont .cont_top ul li:first-child{padding-top:0;}
.contract_reg .in_use_box .in_use_cont .cont_top ul li .label{display:inline-block; width:70px;}
.contract_reg .in_use_box .in_use_cont .cont_top + p.tit{padding:20px;}

.contract_reg #periodTbody em{font-style:normal;}
/* 계약상세 */
.contract_reg .regist_cont{width:100%; overflow:hidden;}
.contract_reg .regist_cont div{float:left; width:20%; font-size:16px; border:1px solid #f2f2f2; padding:16px 14px;}
.contract_reg .regist_cont:after{content:''; display:block; width:100%;}
.contract_reg table.border_top_1{border-top:1px;}


@media(max-width: 1680px){
  .contract_reg .regist_cont div{width:25%;}
}
@media(max-width: 1540px){
  .contract_reg .regist_cont div{width:33.33%;}
}

/* 컨텐츠등록 팝업 */
.cont_signup .col_3 > div{float:left;width:47%;}
.cont_signup .col_3 > div.center_wrap{width:6%; height:100%;}
.cont_signup .col_3 select{width:47%;}
.cont_signup .list_wrap{height:600px; border:1px solid #ccc; border-radius:5px; overflow-y:auto;}
.cont_signup .list_wrap.mt66{margin-top:66px !important;}
.cont_signup .list_wrap li{padding:6px 20px;}
.cont_signup .list_wrap li:hover{background:#f2fafb; transition:0.2s;}
.cont_signup .list_wrap li.active{background:#f2fafb;}
.cont_signup .center_wrap .ico_add{font-size:16px; margin-top:330px; min-width:auto; width:50px; padding:0 15px;}

.user_signup .file_upload{padding:40px; border:1px solid #eee; margin:8px 0;}
.user_signup .file_upload .btn_wrap{padding:0;}
.user_signup .file_upload .btn_wrap button{font-size:14px;}
.user_signup .input_wrap{padding:20px; border:1px solid #eee; margin:8px 0;}
.user_signup .article_table{max-height:500px; overflow-y:auto;}
.user_signup .article_table .border_top_n{position:relative; top:-1px; border-top:0;}



/* 계약상세 팝업 */
.info_history .article_table{max-height:600px; overflow-y:auto;}

.user_mail .article_table{max-height:600px; overflow-y:auto;}

.user_change .article_table{max-height:600px; overflow-y:auto;}

/* 설문 */
.survey_list table{table-layout:fixed;}
.survey_list tbody tr td:nth-child(4){overflow:hidden; text-overflow:ellipsis;}

.survey_signup .tbl_top_wrap{border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:20px;}
.survey_signup .ico_close {width:28px; height:28px; background-position:0 -21px;}
.survey_signup p.num{float:left;width:2%;}
.survey_signup .list_wrap{float:left; width:90%;}
.survey_signup .list_block:first-child{margin:0;}
.survey_signup .list_block{width:100%; margin-top:8px;}
.survey_signup .list_block:after{content:''; display:block; clear:both;}
.survey_signup .list_block li{float:left; padding-right:8px;}
.survey_signup .list_block input.bb_line{width:calc(100% - 80px); border:0; border-radius:0; border-bottom:1px solid #d1d2d4 }
.survey_signup .pagination{float:right; margin:0; clear:none; overflow:inherit;}
.survey_signup .pagination li{display:block; height:31px;}
.survey_signup .pagination li a{float:inherit; margin-top:2px; margin-left:0;}
.survey_signup .pagination li i{transform:rotate(90deg);}


.survey_reply tabl;e{table-layout:fixed;}
.survey_reply thead tr th,
.survey_reply tbody tr td{overflow:hidden; text-overflow:ellipsis;}



.ico_del_bl {width:20px; height:20px; background-position:-200px 0;}
.ico_del_wh {width:20px; height:20px; background-position:-220px 0;}
.ico_del_red {width:20px; height:20px; background-position:-280px -40px;}