@import url('font.css');
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
html,body{font-family: 'Noto Sans KR';font-size:1em;font-weight:400;background:#fff}
html,body { font-family: 'Noto Sans KR', sans-serif !important; }
#wrap{width:100%; height:100%;position:relative;display:block;text-align:center;color:#343434}
#wrap *{box-sizing:border-box;-moz-box-sizing:border-box}
/*Kendo Style*/
/*Kendo Grid*/
.k-grid{border-radius:0;border:none;box-shadow:none}
.k-grid .k-grid-header{border-radius:0;border-top:2px solid #cdcdcd;background:#edf0f6;border-bottom:none}
.k-grid .k-grid-header .k-grid-header-wrap{border-color:#dfdfdf;background:#edf0f6;border-right:none}
.k-grid .k-grid-header .k-grid-header-wrap table{border-collapse:collapse}
.k-grid .k-grid-header .k-grid-header-wrap table th{background:#edf0f6;border-radius:0; font-size: 13px; text-align:center;vertical-align:middle}
.k-grid .k-grid-header .k-grid-header-wrap table th.k-header:first-child{border-left:none}
.k-grid .k-grid-content{border-bottom:1px solid #cdcdcd;}
.k-grid .k-grid-content table{border-collapse:collapse;}
.k-grid .k-grid-content table tr td{padding:10px;border:1px solid #dbdbdb; font-size: 13px; line-height:1.4em}
.k-grid .k-grid-content table tr td a{color:#343434;text-decoration:underline}
.k-grid .k-grid-content table tr.k-state-selected td a{color:#fff}
.k-grid .k-grid-content table tr td:first-child{border-left:none}
.k-grid-header-wrap table thead tr th.k-header{border:1px solid #dbdbdb}

.k-loading-mask{ left: 0; right: 0; margin: 0 auto;}

/*Kendo Window*/
.k-window{border:1px solid #dbdbdb;border-radius:0}
.k-window .k-window-titlebar{background:#343434;text-align:left;color:#fff;border-radius:0}
.k-window .k-window-titlebar .k-window-actions{padding-top:.5em}
.k-window .k-window-titlebar .k-window-actions a.k-link{width:20px;height:20px;background:url(../../images/solution/pop_close.gif) no-repeat center center;border:none;border-radius:0;display:block}
.k-window .k-window-titlebar .k-window-action{padding:0}
.k-window .k-window-titlebar .k-window-actions a.k-link:hover{border:none;box-shadow:none}
.k-window .k-window-titlebar .k-window-actions a.k-state-hover{border:none;box-shadow:none}
.k-window .k-window-titlebar .k-window-actions a.k-link span{display:none}
.k-window .k-window-content{width:100%;display:inline-block;padding:15px}
.k-window .k-window-content textarea,
.k-window .k-window-content input[type="text"]{ padding: 5px 10px; border: 1px solid #dbdbdb; -webkit-box-sizing: border-box; box-sizing: border-box;}
/*Kendo Select*/
.k-dropdown{background:#fff;height:40px;border:1px solid #dbdbdb;color:#343434;font-size:16px;text-align:left;border-radius:0!important}
.k-dropdown .k-dropdown-wrap{border:none;border-radius:0; height: 100%;}
.k-dropdown .k-dropdown-wrap .k-input{border-radius:0;border-right:1px solid #dbdbdb;height:40px;line-height:35px}
.k-dropdown .k-dropdown-wrap .k-select{background:#f1f1f1;border-radius:0;line-height:38px}
/*.k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-s{margin-top:12px}*/
.k-dropdown .k-state-hover{background:#fff;box-shadow:none}
.k-numerictextbox{background:#fff;height:40px;border:1px solid #dbdbdb;color:#343434;font-size:16px;text-align:left;border-radius:0;box-shadow:none}
.k-numerictextbox .k-numeric-wrap{border:none;border-radius:0}
.k-numerictextbox .k-numeric-wrap .k-input{border-radius:0;border-right:1px solid #dbdbdb;height:38px;line-height:38px}
.k-numerictextbox .k-numeric-wrap .k-select{background:#f1f1f1;border-radius:0;line-height:38px}
.k-numerictextbox .k-numeric-wrap .k-select .k-i-arrow-n{margin-top:7px}
.k-numerictextbox .k-numeric-wrap .k-select .k-i-arrow-s{margin-top:3px}
.k-numerictextbox .k-state-hover{background:#fff;box-shadow:none}
/*Kendo Date*/
.k-datepicker{background:#fff;height:40px;border:1px solid #dbdbdb;color:#343434;font-size:16px;text-align:left;border-radius:0}
.k-datepicker .k-picker-wrap{ height: 38px; border:none;border-radius:0}
.k-datepicker .k-picker-wrap .k-input{border-radius:0;border-right:1px solid #dbdbdb;height:38px}
.k-datepicker .k-picker-wrap .k-select{background:#f1f1f1;border-radius:0;border:none}
/*.k-datepicker .k-picker-wrap .k-select .k-i-calendar{margin-top:12px}*/
.k-datepicker .k-state-hover{background:#fff;box-shadow:none}
/*Kendo Tab*/
.k-tabstrip-items{width:100%;display:inline-block;background:url(../../images/solution/Common/tab_under_bg.gif) repeat-x left bottom;text-align:left;box-sizing:border-box;margin:0;padding:0}
.k-tabstrip-items li.k-item{display:inline-block;height:56px;text-align:center;line-height:56px;vertical-align:top;margin:0 5px 0 0;border-radius:0;padding:0;border:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;box-sizing:border-box}
.k-tabstrip-items li.k-item span.k-loading{display:none}
.k-tabstrip-items li.k-item span.k-link{width:100%;color:#fff;display:block;line-height:54px;height:54px;background:#606163;border-radius:0;padding:0 20px;box-sizing:border-box}
.k-tabstrip-items li.k-state-active{border:1px solid #dbdbdb;border-bottom:1px solid #fff}
.k-tabstrip-items li.k-state-active span.k-link{background:#fff;color:#343434}
.k-tabstrip-items li:hover{border:1px solid #dbdbdb;border-bottom:1px solid #fff}
.k-tabstrip-items li:hover span.k-link{background:#fff;color:#343434}
.k-tabstrip-wrapper .k-tabstrip{box-shadow:none}
.k-tabstrip-wrapper .tab_cont{border:1px solid #dbdbdb;border-top:none;width:100%;box-sizing:border-box;padding:20px 2%}
/*File upload*/
.k-upload{width:100%;display:inline-block;border-radius:0;border:1px solid #dbdbdb;background:#f3f3f3}
.k-upload .k-dropzone{width:100%;padding:10px;display:inline-block}
.k-upload .k-dropzone .k-upload-button{background:#dcdcdc;border-radius:0;color:#343434;border:1px solid #a9a9a9}
.k-upload .k-dropzone em{visibility:visible}
/*Kendo Pager*/
.k-grid .k-pager-wrap{background-color:transparent;box-shadow:none;padding:15px 0;border:none;border-radius:0;position:relative}
.k-grid .k-pager-wrap a.k-pager-nav{width:30px;height:30px;display:inline-block;float:inherit;border:none;min-width:30px;line-height:inherit;background:url(../../images/solution/Common/pager.gif) no-repeat;border-radius:0}
.k-grid .k-pager-wrap a.k-pager-nav:first-child{background-position:0 -30px}
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(2){background-position:-30px -30px;margin-left:-1px}
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(4){background-position:-60px -30px;margin-left:-1px}
.k-grid .k-pager-wrap a.k-pager-nav:nth-child(5){background-position:-90px -30px;margin-left:-1px}
.k-grid .k-pager-wrap a.k-pager-nav.k-state-disabled{background-position-y:0}
.k-grid .k-pager-wrap a.k-pager-nav span{display:none}
.k-grid .k-pager-wrap ul.k-pager-numbers{display:inline-block;float:inherit;margin-left:-1px}
.k-grid .k-pager-wrap ul.k-pager-numbers li{width:30px;height:30px}
.k-grid .k-pager-wrap ul.k-pager-numbers li span.k-state-selected{line-height:28px;min-width:30px;box-shadow:none;background:#4c505c;border-color:#4c505c}
.k-grid .k-pager-wrap ul.k-pager-numbers li a.k-link{line-height:28px;min-width:30px;color:#4c505c}
.k-grid .k-pager-wrap span.k-pager-sizes{position:absolute;left:0;top:11px;padding:0;margin:0;line-height:30px}
.k-grid .k-pager-wrap span.k-pager-sizes .k-widget.k-dropdown{height:30px;margin-top:0}
.k-grid .k-pager-wrap span.k-pager-sizes .k-dropdown-wrap .k-input{height:28px;line-height:28px;padding:0}
.k-grid .k-pager-wrap span.k-pager-sizes .k-dropdown-wrap .k-select{line-height:28px;min-height:inherit}
.k-grid .k-pager-wrap span.k-pager-sizes span.k-i-arrow-s{margin-top:7px}
.k-grid .k-pager-wrap a.k-pager-refresh{background-color:#fff;border:1px solid #dbdbdb;border-radius:5px}
.k-grid .k-pager-wrap a.k-pager-refresh:hover{background:#dbdbdb}
.k-grid .k-pager-wrap a.k-pager-refresh span.k-i-refresh{margin-top:8px}
.k-grid .k-pager-wrap .k-pager-info{position:absolute;right:0;top:10px}

/*sub_top_네비*/
#SNB { position: absolute; bottom: 0; width: 100%; background-color:rgba(0,0,0,.7);}
.SNBWrap{ width: 1280px; margin: 0 auto;}
.SNBWrap .menu {height:49px; font-size:13px; color:#212121;}
.SNBWrap .menu > li {float:left; position: relative; height:49px; padding-right: 33px; line-height:49px; text-align:center; font-size:14px; font-family: 'Noto Sans KR', Sans-Serif; font-weight: 300; color: #fff; letter-spacing: -1px; }
.SNBWrap .menu > li:after{ content: ''; position: absolute; top: 0; right: 0; width: 30px; height: 49px; background: url("../../images/renewal/icon/icon_sub.png") no-repeat -80px -2px;}
.SNBWrap .menu > li.home a {display: block; text-align: left;}
.SNBWrap .menu > li.title {min-width:70px; position:relative; padding-right:36px;cursor:pointer; text-align:left;}
.SNBWrap .menu > li.title .one {display:none; position:absolute; left:-1px; top:49px; z-index:50; width:100%; padding:10px 0; text-align:left; background-color:#fff; border:1px solid #dfdfdf;}
.SNBWrap .menu > li.title .one > li {padding:0 10px; text-indent:0px; line-height:40px;}

/*MainPage UI*/
.MainPage_UI{width:100%;display:block;position:relative;background:#f6f6f6}
/*Top*/
.mp_top_area{width:100%;height:520px;background-repeat:no-repeat;background-position:center center;background-size:cover;display:block; margin-top: 45px;}
.mp_header{width:100%;display:block; background:#f4f6f7; font-size: 0;}
.mp_header_top{width:1280px;display:block; margin: 0 auto; padding:10px 0px 10px 0px;}
.mp_header_top:after{ content: ''; display: block; clear: both;}
.mp_header_top ul li{ margin: 0 5px 0 0;}
.mp_header h1{float:left}
.mp_header h1 img{height:39px}
.mp_header ul.left_munu{ float:left; margin-left: 20px; margin-top: 7px;}
.mp_header ul.left_munu a{ text-shadow:none; font-size:13px; font-weight:300; color:#212121;}
.mp_header ul.left_munu li{ margin-right:10px;}
.mp_header ul{float:right;margin-top: 7px;}
.mp_header ul li{display:inline-block;font-size:13px;color:#212121;line-height:25px;text-shadow:none;}
.mp_header ul li.user_info{ background:url(/images/common/login_icon.png) no-repeat; padding-left: 33px; font-size:12px; font-weight: 300; margin-right:15px}
.mp_header ul li.user_info span{font-size:13px; font-weight: 300;}
.mp_header ul li a{color:#212121;vertical-align:middle}
.mp_header ul li a:hover{text-decoration:underline}
.mp_header ul li a.h_logout{ border-radius: 50px;  padding: 3px 10px 3px 10px; background:#c1c6ca; font-weight: 300; color:#fff;}
.mp_header ul li a.h_head{ border-radius: 50px; border: 1px solid #cdcdcd; padding: 3px 10px 3px 10px; font-weight: 300;}
.mp_header ul li.line{margin:0 10px;font-size:8px}
.mp_header ul li.master{position:relative}
.h_pwd{ font-weight: 300;}

/* 부서장메뉴 css */
.menu_list{position:absolute; width: auto; background:#fff;padding:10px;padding-top:0;border:1px solid #dbdbdb; right: 0; top:35px;display:none; z-index: 999;}
.menu_list div.arrow{width:100%;position:absolute;left:0;top:-18px;text-align:right;padding-right:15px}
.menu_list .part{ width:200px; max-width: 200px; min-width: 200px; padding: 0 10px; float:left; border: 0;}
.menu_list .part:last-child span{width:100%;display:inline-block;text-align:left;font-size:16px;color:#343434;text-shadow:none;font-weight:500;border-bottom:1px solid #dbdbdb;/*line-height:35px;*/ z-index:99}
.menu_list span{width:100%;display:inline-block;text-align:left;font-size:16px;color:#343434;text-shadow:none;font-weight:500;border-bottom:1px solid #dbdbdb;margin-top:15px;padding-bottom:5px;z-index:99; line-height: 25px;}
.menu_list ul{width:100%;display:inline-block}
.menu_list ul li{width:100%;display:block;text-align:left;border-bottom:1px dashed #dbdbdb; line-height: 25px !important;}
.menu_list ul li a{font-size:14px; font-weight: 300; width:100%;display:block;padding:5px;culor:#343434;text-shadow:none;text-decoration:none}
.menu_list ul li a:hover{background:#f1f1f1}
.menu_list ol{width:100%;display:inline-block}
.menu_list ol li{width:100%;display:block;text-align:left;border-bottom:1px dashed #dbdbdb; line-height: 25px !important;}
.menu_list ol li a{font-size:14px; font-weight: 300; width:100%;display:block;padding:5px;color:#343434;text-shadow:none;text-decoration:none}
.menu_list ol li a:hover{background:#f1f1f1}

.menu_list .part > p{ border-bottom: 1px solid #dbdbdb; text-align: left; color: #323232; text-shadow: none; font-size: 17px; font-weight: 500; border-bottom: 1px solid #dbdbdb; margin-top: 15px; padding-bottom: 5px; z-index: 99; line-height: 25px;}

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .menu_list .part{ width:180px; padding: 0 10px; float:left; border: 0;}
}

/*GNB&Slogan*/
.gnb-slogan{width:1280px;display:inline-block;margin:20px auto 0 auto}
ul.mp_gnb{float:left;text-align:left}
ul.mp_gnb li.one_dep{margin-bottom:15px;font-size:20px;font-weight:500;color:#fff;text-shadow:1px 1px 2px #000}
ul.mp_gnb li.one_dep span{cursor:pointer}
ul.mp_gnb li.one_dep a{color:#fff}
ul.mp_gnb li.one_dep ol{display:none;border-top:1px solid #afafaf;margin:10px 0;border-bottom:1px solid #000;background:url(../../images/solution/main/gng_bg.png);width:220px}
ul.mp_gnb li.one_dep ol li{width:100%;display:block}
ul.mp_gnb li.one_dep ol li:first-child{border-top:1px solid #000}
ul.mp_gnb li.one_dep ol li a{font-size:16px;width:100%;display:block;padding:8px 0;font-weight:300;text-indent:20px}
ul.mp_gnb li.one_dep ol li a:hover{background:url(../../images/solution/main/gng_over_bg.png)}
ul.mp_gnb li.one_dep ol li:last-child{border-bottom:1px solid #afafaf}
div.mp_slogan{ text-align:center;color:#fff; margin-top: 100px;}
div.mp_slogan h2{font-size:38px;font-weight:500;line-height:1.2em}
div.mp_slogan h3{font-size:18px;font-weight:normal;line-height:1.2em;margin-top:10px;}
div.mp_slogan a{padding:0 60px;border:1px solid #fff;display:inline-block;color:#fff;font-size:16px;height:50px;line-height:50px}
div.mp_slogan a img{vertical-align:super;margin-left:10px}
/*Portlet*/
.portlet_zone{width:1280px; background:#fff;border:1px solid #cdcdcd;display:inline-block;margin:-200px auto 0 auto;padding:10px 0 20px 0;text-align:left}
.portlet_list{width:420px;height:365px;position:relative;display:inline-block;text-align:center;vertical-align:middle;margin-left:2px; padding:15px;overflow: hidden; border-right: 1px dotted #e5e5e5;}
.portlet_list:last-child{ border:0;}
.portlet_list h4{color:#343434;font-weight:500;font-size:18px;position:relative; text-align:left;}
.portlet_list h4 span{width:100%;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.portlet_list h4 a{font-size:14px;position:absolute;right:10px;top:5px;color:#343434;font-weight:400; background:url(../../images/common/more_icon.png) no-repeat; width:13px; height:13px;padding-right:10px}
.portlet_list h4 a:hover{text-decoration:underline}
.portlet_list .btn_area{width:100%;position:absolute;bottom:33px;display:inline-block;left:0}
.portlet_list a.detail_btn{display:inline-block;height:40px;border:1px solid #676767;color:#676767;font-size:13px;line-height:38px;background:url(../../images/solution/main/portlet_btn_arrow_off.png) no-repeat 79% center;padding:0 48px 0 30px}
.portlet_list a.detail_btn:hover{color:#fff;background:#343434 url(../../images/solution/main/portlet_btn_arrow_on.png) no-repeat 79% center;border:1px solid #343434}
.portlet_data{width:100%;display:inline-block;margin-top:30px}
.portlet_list .data_st1{padding:0 50px;margin-top:60px}
.portlet_list .data_st1 table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;text-align:left}
.portlet_list .data_st1 th{width:26%;padding:5px 0}
.portlet_list .data_st1 th span{width:100%;background:#989ea6;display:inline-block;text-align:center;color:#fff;height:30px;line-height:30px;font-weight:normal}
.portlet_list .data_st1 td{width:74%;padding:5px 5%}
.portlet_list .pass-fail{padding:0 60px}
/*         .portlet_list .pass-fail h4{width:100%;background:#d4ebf8;border-radius:30px;font-size:20px;font-weight:400;margin-top:30px} */
/*20190325-ysj추가수정*/
.portlet_list .pass-fail h4 span em {display: inline-block; vertical-align: middle; margin-right: 15px;}
.portlet_list .pass-fail h4 span{font-size:40px;font-weight:500; text-align:center; color: #ee6971;}
.portlet_list .pass-fail h4 span.pass_yes {color: #38aba5;}
.portlet_list .pass-fail table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;margin-top:0;border-bottom:1px solid #343434;}
/*20190325-ysj추가수정*/
.portlet_list .pass-fail th{background:#989ea6;color:#fff;font-size:15px;font-weight:400;padding:10px 0}
.portlet_list .pass-fail th.cell_a{border-right:1px solid #dbdbdb}
.portlet_list .pass-fail td{font-size:45px;padding:30px 0;font-weight:500}
.portlet_list .pass-fail td.cell_a{border-right:1px solid #dbdbdb;color:#27b2a5}
.portlet_list .pass-fail td.cell_b{color:#e55b68}
.portlet_list .execution_data .img_data{width:100%;display:inline-block}
.portlet_list .execution_data .img_data img{height:200px}
.portlet_list .execution_data ul{ width: 100%; display: inline-block;}
.portlet_list .execution_data ul li{ width: 50%; float: left; font-size: 14px; margin-top: 10px;}
.portlet_list .execution_data ul li span{font-weight:500}
.portlet_list .execution_data ul li.st1{text-align:right;padding-right:10px}
.portlet_list .execution_data ul li.st2{text-align:left;padding-left:10px}
.portlet_list .execution_data ul li.exe_percent{ width: 100%; font-size:24px}
.portlet_list .execution_data ul li.exe_percent span{font-size:24px;font-weight:500}
.execution_data .img_data{ float: left; width: 210px;display:inline-block}
.execution_data .img_data img{height:200px}
.execution_data ul{ float: left; width: calc(100% - 210px);display:inline-block}
.execution_data ul li{ width: 50%; float: left; text-align: center; font-size: 14px; margin-top: 10px;}
.execution_data ul li span{ text-align: center; font-size: 25px; font-weight: 500;}
.execution_data ul li > p{ width: 100%; height: 32px; padding: 0 16px; margin-bottom: 15px; line-height: 32px; text-align: center; border-radius: 50px; font-size: 13px; box-sizing: border-box;}
.execution_data ul li.st1{ padding-right: 10px; color: #20aeca;}
.execution_data ul li.st1 > p{ color: #20aeca; border: 1px solid #20aeca;}
.execution_data ul li.st1> span{ color: #20aeca;}
.execution_data ul li.st2{ padding-left: 10px; color: #01a97f;}
.execution_data ul li.st2 > p{ color: #01a97f; border: 1px solid #01a97f;}
.execution_data ul li.st2 > span{ color: #01a97f;}
.execution_data ul li.exe_percent{ width: 100%; height: 84px; margin-bottom: 10px; line-height: 84px; text-align: center; background: #f7f7f7; box-sizing: border-box;}
.execution_data ul li.exe_percent span{ width: 100%; text-align: center; font-size: 38px; font-weight: bold; letter-spacing: -0.02em;}
.portlet_list .my_class{width:100%;display:inline-block}
.portlet_list .my_class ul{width:100%;height:320px;display:inline-block;overflow-y:auto;padding:0 50px}
.portlet_list .my_class ul li{width:100%;display:inline-block;padding:5px 0;border-bottom:1px dashed #dbdbdb;text-align:left}
.portlet_list .my_class ul li a{width:100%;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#343434;font-size:18px}
.portlet_list .my_class ul li a:hover{text-decoration:underline}
.portlet_list .my_class ul li span{font-size:14px}
.portlet_data .no_data{width:100%;text-align:center;font-size:18px;font-weight:500}
.portlet_data .no_data img{display:block;margin-bottom:20px}
/*Favorite Menu*/
.favorite_menu{width:1280px;margin:50px auto 70px auto;display:inline-block}
.favorite_menu h3{font-size:46px;font-weight:300;color:#3f3f3f;}
.favorite_menu h4{font-size:18px;font-weight:400;color:#666666;}
.favorite_menu ul{width:100%;display:inline-block;text-align:center;margin-top:70px;}
.favorite_menu ul li{width:200px;height:192px;position:relative;display:inline-block;margin-top:20px;background:url(../../images/solution/Common/favorite_line.png) no-repeat left center}
.favorite_menu ul li .fa_link{width:100%;display:inline-block}
.favorite_menu ul li .fa_link img{vertical-align:25px;border-radius:100%}
.favorite_menu ul li .fa_link span{width:100%;display:inline-block;font-size:14px;margin-top:5px}
.favorite_menu ul li .fa_link span a{color:#3f3f3f;font-size: 16px;}
.favorite_menu ul li .fa_link:hover img{background:#e9f7f6}
.favorite_menu ul li .fa_link:hover a{color:#3f3f3f}
.favorite_menu ul li.item_add .fa_link:hover img{background-color:transparent}
.favorite_menu ul li a.item_del{position:absolute;right:40px;top:7px}
.favorite_menu ul li:first-child{background:none}
.favorite_menu ul li:nth-child(7){background:none}
.favorite_menu ul li:nth-child(13){background:none}
#window_quick{overflow-x:hidden;padding:0}
#window_quick .menu_add{width:100%;display:inline-block}
#window_quick .menu_add h4{text-align: left; background: #f4f6f7; padding: 5px 15px; color: #515151; font-size: 15px; font-weight: 400;  border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
#window_quick .menu_add .item_list{width:100%;display:inline-block;text-align:left;padding:15px 0}
#window_quick .menu_add .item_list a{width:200px;height:182px;position:relative;display:inline-block}
#window_quick .menu_add .item_list a span.des{width:100%;text-align:center;display:inline-block}
#window_quick .menu_add .item_list a span.des span.img{width:100%;display:inline-block}
#window_quick .menu_add .item_list a span.des span.img img{vertical-align:middle;border-radius:100%}
#window_quick .menu_add .item_list a span.des span.img:hover img{background:#e3efe4}
#window_quick .menu_add .item_list a span.des span.stit{width:100%;text-align:center;font-size:16px;display:inline-block;color:#343434;font-weight:400;margin-top:10px}
/*공지사항&승인현황*/
.notice-status{width:100%;display:inline-block;padding-bottom:60px}
.notice-status .ns_con{width:1280px;margin:0 auto;display:inline-block;background:#fff;padding:15px 0}
.ns_con .data{width:580px;display:inline-block;margin:0 28px;vertical-align:top}
.ns_con .data h3{width:100%;display:inline-block;text-align:left;font-size:20px;color:#343434;line-height:32px;position:relative;font-size: 16px;  font-weight: 400;}
.ns_con .data h3 a{position:absolute;right:0;top:10px;font-size:14px;font-weight:300;color:#676767;line-height:18px}
.ns_con .data h3 a img{margin-left:5px;vertical-align:middle}
.mp_status table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;margin-top:30px;font-size:14px}
.mp_status table th{background:#b4b4b4;padding:15px 0 16px 0;color:#fff;font-weight:300}
.mp_status table tr{border-bottom:1px solid #dbdbdb}
.mp_status table td{padding:24px 0;color:#828282}
.mp_status table td a{text-decoration:none}
.mp_status table td:nth-child(2) a{color:#3499da; margin-right:3px; margin-left:3px; text-decoration: underline; font-weight: 600; font-size: 16px;} /*20190325 - ysj수정*/
.mp_status table td:nth-child(3) a{color:#e55b68; margin-right:3px; margin-left:3px; text-decoration: underline; font-weight: 600; font-size: 16px;} /*20190325 - ysj수정*/
.mp_latest ul{width:100%;height:225px;margin-top:15px;overflow-y:auto;text-align:left;border-bottom:1px solid #dbdbdb}
.mp_latest ul li{width:100%;display:inline-block;padding:15px 0;border-bottom:1px solid #dbdbdb;color:#656565}
.mp_latest ul li::before{content:'▪';vertical-align:middle}
.mp_latest ul li a{width:450px;display:inline-block;color:#656565;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle}
.mp_latest ul li span{float: right; font-size: 14px; color: #959595; font-weight: 300;}
.mp_latest ul li img.new_latest_i{margin-left:5px}
.mp_latest ul li:last-child{border-bottom:none}
/*SubPage UI*/
/*Header*/
.header .top_area{width:100%;height:41px;background: #f4f6f7 !important; border-bottom: 1px solid #e5e5e5;}
.header .con{width:1280px;display:inline-block;position:relative}
.header .top_menu{float:left}
.header .top_menu a{width:100px;height:41px;text-align:center;float:left;line-height:41px;color:#fff;font-size:14px}
.header .top_menu a.btn1{background:#99ca3b}
.header .top_menu a.btn2{background:#38b549}
.header .top_menu a.btn3{background:#7a868e}
.header ul.user_info{float:right}
.header ul.user_info li{display:inline-block;font-size:12px;color:#212121 !important;line-height:41px}
.header ul.user_info li a{font-size:13px; color:#212121 !important;}
.header ul.user_info li a.h_head { border-radius: 50px; border: 1px solid #cdcdcd; padding: 3px 10px 3px 10px; font-weight: 300;}
.header ul.user_info li a.h_logout { border-radius: 50px; padding: 3px 10px 3px 10px;  background: #c1c6ca; color: #fff !important; font-weight: 300;}
.header ul.user_info li.user_info{ background:url(../../images/common/login_icon.png) no-repeat;padding-left: 30px; background-position: 0px 9px; font-weight: 300; }
.header ul.user_info li.line{margin:0 10px;color:#fff;font-size:8px;vertical-align:top}
.header ul.user_info li.master{position:relative; font-weight: 300;}

.header ul.left_munu{ float:left; margin-top:0px;}
.header ul.left_munu li{ display: inline-block;  font-size: 12px; color: #212121 !important; line-height: 41px; margin-right:10px;}
.header ul.left_munu a { text-shadow: none; font-size: 13px; font-weight: 300; color: #212121; }
.header ul.left_munu a:hover { text-shadow: none; font-size: 13px; color: #212121;text-decoration: underline; }
.header .gnb{width:100%;display:inline-block;background:#fff;padding:0px 0;border-bottom: 1px solid #e5e5e5;height: 50px;}
.header .gnb h1.logo{float:left;margin:0;padding:0;font-size:0;line-height:0}
.header .gnb h1.logo a{float:left}
.header .gnb h1.logo a img{height:39px; margin-top: 5px;}
.header ul.main_menu{position:absolute;right:0;top:0px}
.header ul.main_menu li.one_dep{display:inline-block;vertical-align:top;position:relative;width: 150px;line-height: 50px;}
.header ul.main_menu li.one_dep span{cursor:pointer;color:#3f3f3f;font-size:16px;padding-bottom:25px; }
.header ul.main_menu li.one_dep span:hover{color:#fff; background:#343434; display:block;}
.header ul.main_menu li.one_dep span.on{color:#fff; background:#343434; display:block;}
.header ul.main_menu ol{position:absolute;/*width:150px;*/ width: 100%; /*left:50%;*/ right:0; margin-left:-75px;background:#fff; border:1px solid #e5e5e5;padding:15px 0;top:50px;display:none;z-index:9; color:#515151!important;}
.header ul.main_menu ol li a{width:100%;display:block;line-height:35px;color:#515151;font-size:14px}
.header ul.main_menu ol li a:hover{background:#c1c6ca; color:#fff;}
.header .gnb.move{position:fixed;left:0;top:0;z-index:99;margin-top:0;border-bottom:1px solid #dbdbdb}
.header .gnb.move ul.main_menu{top:5px}
.header .gnb.move ul.main_menu ol{top:43px}

/*top_menu*/
#realHeader{ width:100%; height:55px !important; position:absolute;}
    #headerWrap{width:100%; position:absolute;left:0;top:0; z-index: 99; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
    #headerWrap .header_bg{ position:absolute; z-index:1; width:100%; height:55px; border-bottom:1px solid #e5e5e5;}
    #header{width:1280px;margin:0 auto;}
    #header>#gnb{display: table; position:relative; z-index: 1; float:none; margin-top:0;}
    #header>#gnb>li{/*width:16.6%;height: 45px;float:left;*/display: table-cell; width: 1280px; height: 45px; position: relative; text-align:center;
        /*border-right: 1px solid #f4f6f7; border-left: 1px solid #f4f6f7;*/}
    #header>#gnb>li:hover{ background:transparent; /*border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;*/}
    #header>#gnb>li:after{ content: ''; display: block; clear: both;}
    #header>#gnb>li a{/*line-height: 43px;*/ padding: 15px 0 14px; display: block; font-size:18px;text-decoration: none;}
    #header>#gnb>li>ul{/*width:16.6%;*/ display: block; width: 100%; height: auto; position:relative;left:0;top:0px; bottom:0; z-index: 99; margin: 0;
        border-right: 1px solid rgba(0,0,0,0.1); opacity: 1 !important; float: none;}
    #header>#gnb>li:first-child>ul{/*border-left: 1px solid #e5e5e5;*/ border-left: 1px solid rgba(0,0,0,0.1);}
    #header>#gnb>li>ul.on{}
    /*#header #gnb li.m1 ul{left:0;}*/
    /*#header #gnb li.m2 ul{left:16.6%;}*/
    /*#header #gnb li.m3 ul{left:33.2%;}*/
    /*#header #gnb li.m4 ul{left:49.8%;}*/
    /*#header #gnb li.m5 ul{left:66.4%;}	*/
    /*#header #gnb li.m6 ul{left:83%;}*/
    #header>#gnb>li>ul>li{padding:15px 10px 0px 23px;width: 100%; text-align: left;}
    #header>#gnb>li>ul>li:last-child{ margin-bottom: 15px;}
    #header>#gnb>li>ul>li>a{display:inline-block; position: relative; height: 26px; font-size:15px; font-weight: 300; padding: 0;}
    #header>#gnb>li>ul>li>a:hover, #header>#gnb>li>ul>li>a:active, #header>#gnb>li>ul>li>a:focus{ font-weight:500; }
    #header .close{position:absolute;left:-99999%;}
    #headerWrap:hover #header>#gnb>li > a{ border-right: 1px solid rgba(0,0,0,0.1);}
    #headerWrap:hover #header>#gnb>li:first-child > a{ border-left: 1px solid rgba(0,0,0,0.1);}
    #headerWrap:hover #header>#gnb>li>ul>li>a:after{ content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; -webkit-transition: width .3s; transition: width .3s;}
    #headerWrap:hover #header>#gnb>li>ul>li>a:hover:after, #headerWrap:hover #header>#gnb>li>ul>li>a:active:after,
    #headerWrap:hover #header>#gnb>li>ul>li>a:focus:after{ width: 100%; }

/*Contents*/
.container{width:100%;display:inline-block;position:relative; margin-top: 100px;}
/*Sub Common*/
/* 서브페이지 상단 이미지 각 회사별로 업로드 된 이미지 사용. 아래 스타일 main-subpage.jsp 로 이동 */
/*.com_top_tit{width:100%;height:140px;background:url(/images/solution/Common/sub_top_img.jpg) no-repeat center center;background-size:cover;position:relative}*/
.com_top_tit{ position: relative; width:100%; height:225px; margin-top: -50px; overflow: hidden; text-align: center;}
.com_top_tit h2{color:#ffffff;font-size:40px;font-weight:bold;width:100%; margin: 52px 0 15px; letter-spacing: -1px;}
.my_position{width:100%;display:inline-block;border-bottom:1px solid #dbdbdb;display:none}
.my_position ul{width:1280px;display:inline-block;text-align:left;border-left:1px solid #dbdbdb}
.my_position ul li{display:inline-block;padding:15px 30px;border-right:1px solid #dbdbdb;color:#828282;font-size:13px}
.my_position ul li a{height:15px;display:inline-block;margin-top:4px}
.my_position ul li.my_pos{color:#343434;font-weight:500}
.contents{width:1280px;display:inline-block;margin-top:5px;margin-bottom:20px;min-height:900px}
.contents > h4{color:#343434;text-align:left;font-size:18px;font-weight:400;margin-bottom:10px;margin-top:10px;display:none}
.contents > h3{color:#343434;text-align:left;font-size:18px;font-weight:400;margin-bottom:10px;margin-top:10px}
h3.page_tit{text-align:left;font-size:24px;color:#343434;padding-bottom:5px;font-weight:500}
h3.page_tit a.t_direct_btn{display:inline-block;margin-left:10px;color:#fff;padding:3px 15px;background:#d25448;font-size:12px;vertical-align:middle;margin-top:-4px}
h3.page_tit span{font-size:13px;color:#828282;font-weight:300}
.table_tin{width:100%;display:inline-block;border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background: #f6f6f6;}
.table_tin ul{width:50%;float:left}
.table_tin ul:first-child{border-right:1px solid #dfdfdf}
.table_tin ul li{text-align:left;color:#828282;padding:20px 2%;width:100%;display:block;font-size:16px}
.table_tin ul li.line{border-bottom:1px solid #dfdfdf}
.table_tin ul.colspan{width:100%}
.table_tin ul.colspan li{padding-left:13px}

/*.tab_menu{text-align:left;margin-top:30px}*/
/*.tab_menu ul{width:100%;display:inline-block;background:url(../../images/solution/Common/tab_under_bg.gif) repeat-x left bottom}*/
/*.tab_menu ul li{width:150px;display:inline-block;height:56px;text-align:center;line-height:56px;vertical-align:top}*/
/*.tab_menu ul li.on{border:1px solid #dbdbdb;border-bottom:none;color:#343434;border-bottom:1px solid #fff}*/
/*.tab_menu ul li a.tab01{width:100%;color:#fff;display:block;line-height:56px;height:56px;border:1px solid #dbdbdb;background:#606163}*/
/*.tab_menu ul li a.tab01:hover{border:1px solid #dbdbdb;border-bottom:1px solid #fff;background:#fff;color:#343434}*/
.tab_box{width:100%;display:inline-block;border:1px solid #dbdbdb;border-top:none;margin-top:-1px;text-align:left;padding:30px 2%;margin-bottom:30px}
.tab_box span{background-position:left center!important}
/*Popup Content*/
.k-window-content .pop_step{width:100%;display:inline-block;font-size:15px}
.k-window-content .pop_step .inner{width:100%;border-top:2px solid #4c4c4c;padding-bottom:10px;border-bottom:1px solid #4c4c4c}
.k-window-content .pop_step .inner li.fir{text-align:left;padding:10px 0;border-bottom:1px solid #dbdbdb}
.k-window-content .pop_step .inner li.fir p{display:inline-block;margin:0;padding:0;background:url(../../images/solution/Common/add_btn.png) no-repeat left center;padding-left:10px}
.k-window-content .pop_step .inner li.fir p.tit{background:none;color:#6f6f6f}
.k-window-content .pop_step .inner li.sec .comm{width:100%;text-align:left;border:1px solid #dbdbdb;border-top:none;padding:10px;box-sizing:border-box;line-height:20px}
.k-window-content .pop_step .inner li.sec .comm p{padding:0;margin:0}
.k-window-content .btn_center{width:100%;margin-top:20px;display:inline-block}
.k-window-content .btn_center .k-button{height:34px;display:inline-block;font-size:15px;border:1px solid #424465;background:#424465;line-height:20px;color:#fff}
.d_step{width:100%;text-align:left;display:inline-block;padding-bottom:10px;border-bottom:1px solid #424465}
.d_step .step_tit{color:#3499da;font-size:20px;font-weight:500}
.d_step strong{color:#fe9a04;font-size:16px}
.d_step .des{font-size:14px;color:#828282}
h4.g_tit{text-align:left;font-size:16px;font-weight:500;margin-top:10px;margin-bottom:5px;padding-left:10px;background:url(../../images/solution/Common/green_square.gif) no-repeat left center;width:100%}
.goal_inp{ margin-bottom: 30px; border-bottom:1px solid #dbdbdb}
textarea.g_textarea,
.k-window .k-window-content textarea{width:100%; height: 150px; padding:20px;text-align:left; border: 1px solid #e1e1e1; font-size:14px; font-family: 'Nanum Square', Sans-Serif !important; color:#888888;resize:none;box-sizing:border-box}
textarea.g_textarea{ margin-bottom: 30px;}
ul.select_Area01{text-align:left;padding:20px 0;border-bottom:1px dashed #dbdbdb}
ul.select_Area01 li{display:inline-block;font-size:15px;color:#6f6f6f}
ul.select_Area01 li.tit{ width: 150px; font-size:16px;font-weight:500;margin-right:10px;color:#333; padding-left:10px;background:url(../../images/solution/Common/green_square.gif) no-repeat left center}
ul.select_Area02 li.tit{ width: 150px; font-size:16px;font-weight:500;color:#333;padding-left:10px;background:url(../../images/solution/Common/green_square.gif) no-repeat left center;text-align:left}
.table_type03{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.table_type03 th{background:#989ea6;color:#fff;font-size:15px;font-weight:300;border-right:1px solid #fff;padding:5px 0}
.table_type03 th:last-child{border-right:none}
.table_type03 td{border:1px solid #dbdbdb;padding:5px 0}
.table_type03 tr td:first-child{border-left:none}
.table_type03 tr td:last-child{border-right:none}

/*희망부서popup - 20190404 ysj 추가*/
.k-treeview {font-size: 13px;}
.k-treeview .k-item {border-bottom: 1px solid #efefef;}
.k-treeview .k-item.k-last {border-bottom: none;}
.k-item > .k-group {background-color: #f9f9f9 !important;}
.k-treeview-lines> .k-item> .k-bot >.k-in, 
.k-treeview-lines> .k-item> .k-top >.k-in,  
.k-treeview-lines> .k-item> .k-mid:first-child>.k-in{color: #0c5594; font-size: 16px; font-weight: 600;}
.k-in.k-state-selected {color: #fff !important;}

/*Graph*/
.graph_list{width:100%;display:inline-block;position:relative;border:1px solid #dbdbdb; }
.graph_list .graph_tab{position:absolute;right:20px;top:20px; border: 1px solid #e1e1e1; border-right: 0;}
.graph_list .graph_tab a{float:left; width: 40px; height:40px; border-right: 1px solid #e1e1e1;}
.graph_list .graph_tab a .icon{ width: 23px; height: 24px; margin-top: 7px; text-indent: -999999px;}
.graph_list .graph_tab a .icon-re{ background:url(../../images/renewal/icon/icon_re.png) no-repeat center center;}
.graph_list .graph_tab a .icon-ba{ background:url(../../images/renewal/icon/icon_ba.png) no-repeat center center;}
.graph_list .graph_tab a .icon-te{ background:url(../../images/renewal/icon/icon_te.png) no-repeat center center;}
.graph_list .graph_tab a.on .icon-re{ background:url(../../images/renewal/icon/icon_re_on.png) no-repeat center center;}
.graph_list .graph_tab a.on .icon-ba{ background:url(../../images/renewal/icon/icon_ba_on.png) no-repeat center center;}
.graph_list .graph_tab a.on .icon-te{ background:url(../../images/renewal/icon/icon_te_on.png) no-repeat center center;}
.graph_list .graph_tab a.on{ border: 1px solid #4550a5; background-color: #4e5bc2;}
.graph_list .graph_area{width:100%;display:inline-block}
.graph_list .graph_data{width:100%;display:inline-block;padding:100px 0 60px 0}
.graph_list .graph_data div{display:inline-block}
.graph_list .g_check_list{position:absolute;left:20px;top:20px;padding-right: 100px;}
.graph_list .g_check_list li{float:left;margin-right:10px;margin-bottom: 10px;}
.graph_list .g_check_list li input[type=checkbox]{transform: scale(1.2);-webkit-transform: scale(1.2)}

/*Common Button*/
a.com_detail_btn{width:180px;height:40px;display:inline-block;border:1px solid #707070;color:#676767;line-height:38px}
a.com_detail_btn img{margin-left:10px;vertical-align:middle;display:inline-block}
a.com_detail_btn img.on{display:none}
a.com_detail_btn:hover{background:#343434;border:1px solid #343434;color:#fff}
a.com_detail_btn:hover img.on{display:inline-block}
a.com_detail_btn:hover img.off{display:none}
.ptree_btn{ display:inline-block; padding:10px 20px; font-size:13px;margin:0 5px; border-radius: 0 10px 0 10px;cursor:pointer;box-sizing:border-box; box-shadow: rgba(0,0,0,.15) 1px 1px 2px; /*transition: background .5s; -webkit-transition: background .5s;*/}
.ptree_btn span{display:block; border-radius: 0 10px 0 10px; border: 0; font-weight:700; color: #0f9171; letter-spacing: -1px; box-sizing:border-box;text-align:center}
.ptree_btn.ptree_btn{border:1px solid #01a97f;background:#ffffff;}
.ptree_btn.pt_white span{color:#0f9171}
.ptree_btn.pt_white:hover{background:#01a97f}
.ptree_btn.pt_white:hover span{color:#ffffff;}
.ptree_btn.pt_navy{border:1px solid #4e5bc2;background:#4e5bc2; color: #ffffff;}
.ptree_btn.pt_navy span{border:0;color:#fff}
.ptree_btn.pt_navy:hover{background:#ffffff; color: #4e5bc2;}
.ptree_btn.pt_navy:hover span{color:#4e5bc2}
.ptree_btn.pt_red{ border:1px solid #d25448;background:#f27569}
.ptree_btn.pt_red span{color:#fff}
.ptree_btn.pt_red:hover{background:#f1f1f1}
.ptree_btn.pt_red:hover span{color:#e46053}
.ptree_btn.pt_green{border:1px solid #01a97f;background:#ffffff}
.ptree_btn.pt_green span{color:#01a97f}
.ptree_btn.pt_green:hover{background:#01a97f}
.ptree_btn.pt_green:hover span{color:#ffffff}
.ptree_btn.pt_green2{border:1px solid #01a97f;background:#01a97f; color: #ffffff;}
.ptree_btn.pt_green2 span{color:#ffffff}
.ptree_btn.pt_green2:hover{background:#ffffff}
.ptree_btn.pt_green2:hover span{color:#01a97f}
.ptree_btn.pt_orange{border:1px solid #d37e37;background:#f29c54}
.ptree_btn.pt_orange span{border:1px solid #ffcea6; border: 0; color:#fff;}
.ptree_btn.pt_orange:hover{background:#f1f1f1}
.ptree_btn.pt_orange:hover span{color:#f29c54}
.ptree_btn.pt_mint{border:1px solid #6fa597;background:#8dbcb0}
.ptree_btn.pt_mint span{color:#fff}
.ptree_btn.pt_mint:hover{background:#f1f1f1}
.ptree_btn.pt_mint:hover span{color:#8dbcb0}
.ptree_btn.pt_blue{border:1px solid #00a2c2;background:#ffffff;}
.ptree_btn.pt_blue span{color:#00a2c2}
.ptree_btn.pt_blue:hover{background: #00a2c2;}
.ptree_btn.pt_blue:hover span{color:#ffffff}
.ptree_btn.pt_blue3{border:1px solid #00a2c2;background:#00a2c2;}
.ptree_btn.pt_blue3 span{color:#ffffff}
.ptree_btn.pt_blue3:hover{background: #ffffff;}
.ptree_btn.pt_blue3:hover span{color:#00a2c2}
.ptree_btn.pt_blue2{border:1px solid #4f5cc2;background:#ffffff;}
.ptree_btn.pt_blue2 span{color:#4f5cc2}
.ptree_btn.pt_blue2:hover{background: #4f5cc2;}
.ptree_btn.pt_blue2:hover span{color:#ffffff}
.ptree_btn.pt_cancel{border:1px solid #7f7f7f;background:#ffffff; color:#7f7f7f;}
.ptree_btn.pt_cancel span{ color:#7f7f7f;}
.ptree_btn.pt_cancel:hover{background: #7f7f7f; color: #ffffff;}
.ptree_btn.pt_cancel:hover span{color:#ffffff}
.ptree_btn.pt_orange2{border:1px solid #f36558;background:#ffffff;}
.ptree_btn.pt_orange2 span{color:#f36558}
.ptree_btn.pt_orange2:hover{background: #f36558;}
.ptree_btn.pt_orange2:hover span{color:#ffffff}
.ptree_btn.pt_bora{border:1px solid #6749b4;background:#ffffff;}
.ptree_btn.pt_bora span{color:#6749b4}
.ptree_btn.pt_bora:hover{background: #6749b4;}
.ptree_btn.pt_bora:hover span{color:#ffffff}
.ptree_btn.pt_yellow{border:1px solid #eb772a;background:#ffffff;}
.ptree_btn.pt_yellow span{color:#eb772a}
.ptree_btn.pt_yellow:hover{background: #eb772a;}
.ptree_btn.pt_yellow:hover span{color:#ffffff}
.ptree_btn.pt_bora2{ border: 1px solid #6749b4; background: #8364d1;}
.ptree_btn.pt_bora2 span{ color: #ffffff;}
.ptree_btn.pt_bora2:hover{background: #f1f1f1;}
.ptree_btn.pt_bor2a:hover span{color:#8364d1}
.ptree_btn.pt_nemo{border:1px solid #919191; border-radius: 0; background:#a6a6a6;}
.ptree_btn.pt_nemo span{color:#ffffff}
/*.ptree_btn.pt_nemo:hover{background: #ffffff;}*/
/*.ptree_btn.pt_nemo:hover span{color:#a6a6a6}*/
.ptree_btn.btn-nemo{ border-radius: 0;}
.ptree_btn span.pt_c_red{color:#8a443d}
.btn_right{width:100%;display:inline-block;padding:20px 0;text-align:right}
.btn_right .in_align_left{float:left}
.btn_center{width:100%;display:inline-block;padding:20px 0;text-align:center}
.ptree_looup_btn{height:36px;display:inline-block;font-size:14px; font-weight: 500; padding:0;margin:0;border:1px solid #606168; border-radius: 0 10px 0 10px; background:#6e6f77;vertical-align:middle}
.ptree_looup_btn span{display:block;padding:0 30px;line-height:36px; color:#fff}
.ptree_looup_btn:hover{background:#f1f1f1}
.ptree_looup_btn:hover span{color:#6e6f77}
/*Common 조회*/
.pt_date_select{display:inline-block;text-align:left}
.pt_date_select span.text_info{display:inline-block;font-size:16px;line-height:40px;margin:0 10px; color: #212121; letter-spacing: -1px; vertical-align:middle}
.pt_search_select{display:inline-block;text-align:left;float:left}
.pt_search_select span.text{display:inline-block;vertical-align:middle;margin-right:10px}
.pt_search_select div.demo-section{display:inline-block}
.pt_search_multiple{width:100%;display:inline-block;text-align:left}
.pt_search_multiple li{margin-top:10px}
.pt_search_multiple li .text{margin-right:10px}
.pt_search_multiple li .ptree_btn{height:40px;vertical-align:middle;}
/*.pt_search_multiple li .ptree_btn span{height:38px;line-height:38px}*/

.pt_date_select .ptree_looup_btn{ margin-left: 10px;}
/*Detail Pane*/
.k-splitter{border:none;box-shadow:none}
.detail_Info h4.d_tit{width:100%;display:block;text-align:center;font-weight:500;color:#fff;background:#606163;padding:17px 10px;}
.detail_Info table.data_list{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:2px solid #afafaf}
.detail_Info table.data_list tr{border-bottom:1px solid #dbdbdb}
.detail_Info table.data_list th{background:#edf0f6;padding:17px 10px;font-weight:400;text-align:left;width:200px;max-width:30%}
.detail_Info table.data_list th span.compulsory{color:#d25448}
.detail_Info table.data_list td{padding:5px;text-align:left}
.detail_Info table.data_list td span.k-datepicker{float:left}
.detail_Info table.data_list td span.k-numerictextbox{float:left}
.detail_Info table.data_list td span.k-dropdown{float:left}
.detail_Info table.data_list td span.m_text{text-align:center;line-height:37px;float:left}
.detail_Info table.data_list td input.k-textbox{float:left; height: 40px; border-radius: 0;}
.detail_Info table.data_list td input.k-textbox+span{ display: block; float: left; margin-top: 5px;}
.detail_Info table.data_list th.table-header-cell{padding:10px 0;text-align:center}
.detail_Info table.data_list td textarea{width:100%;box-sizing:border-box;font-family: 'Noto Sans KR';font-size:15px;border:1px solid #dbdbdb;padding:15px}
.detail_Info .info{width:100%;display:inline-block;font-size:14px}
.detail_Info .area{margin:5px 0}
.detail_Info table.table_type04{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:15px;border-top:2px solid #4c4c4c}
.detail_Info table.table_type04 th{padding:5px 0;text-align:center;text-indent:0;background:#989ea6;color:#fff}
.detail_Info table.table_type04 th:first-child{border-right:1px solid #dbdbdb}
.detail_Info .detail_pane{padding-left:15px}
.detail_Info .k-scrollable .btn_top{width:100%;background:#fff;text-align:center;position:absolute;bottom:0;left:0;padding-top:10px}
.detail_Info .k-scrollable h4.tit2{width:100%;display:inline-block;text-align:left;margin:0;font-size:18px;border-bottom:1px solid #dbdbdb;padding-bottom:5px}
.detail_Info .dl_wrap{overflow:auto;overflow-x:hidden}
.dl_wrap .dl-info > span.dl-trng{ display: inline-block; float: left; padding-bottom: 9px; line-height: 21px; text-align: left; font-size: 15px; color: #25282d; font-weight: 500; letter-spacing: -0.02em; border-bottom: 2px solid #25282d;}
.dl_wrap .dl-info > h3{ float: left; width: 100%; margin: 25px 0; line-height: 44px; text-align: left; font-size: 32px; color: #25282d; font-weight: 500; letter-spacing: -0.02em;}
.dl_wrap .dl-info > p{ float: left; width: 100%; margin-bottom: 50px; line-height: 26px; text-align: left; font-size: 15px; color: #676767; font-weight: 400; letter-spacing: -0.02em;}
table.table_type02{border-top:3px solid #4c4c4c;width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;text-align: center;}
table.table_type02 th{border:1px solid #dbdbdb;background:#edf0f6;padding:10px 0;font-size:16px;font-weight:400;line-height:1.2em}
table.table_type02 th:first-child{border-left:none}
table.table_type02 th:last-child{border-right:none}
table.table_type02 td{padding:5px;border:1px solid #dbdbdb}
table.table_type02 td:first-child{border-left:none}
table.table_type02 td:last-child{border-right:none}
table.table_type02 td .k-button{background:#f4f4f4;border:1px solid #d3d3d3;color:#8a443d;border-radius:0}

/*마이페이지*/
.MyPage .mc_my_info{width:100%;display:inline-block}
.MyPage .info{width:100%;height:80px; position:relative; border-bottom: 2px solid #212121;}
.MyPage .info font{width:100%;vertical-align:middle;font-size:20px!important;font-weight:500;color:#fff!important;display:inline-block;text-align:left;padding:10px 30px;margin:10px 0}
.detail{width:100%;height:73px; padding: 0 30px; background:#f6f6f6;line-height:73px;color:#212121;display:block; letter-spacing: -1px;}
.MyPage a.detail img{vertical-align:middle;margin-left:10px}
.MyPage .i_data1{float:left;margin-top:28px}
.MyPage .i_data1 li{display:inline-block; margin-right: 40px; font-size: 17px; color:#212121; letter-spacing: -1px;}
.MyPage .i_data1 li span{color:#515151;}
.MyPage .i_data2{float:right;margin-top:28px;}
.MyPage .i_data2 li{display:inline-block;line-height:27px;vertical-align:middle; font-size: 17px; color:#212121; letter-spacing: -1px;}
.MyPage .i_data2 li.line{margin:0 20px}
.MyPage .i_data2 li.select_li:last-child{ margin-left: 10px;}
.MyPage .i_data2 li select{height:27px;color:#38b549;padding-left:5%;min-width:120px}
.MyPage .i_data3{float:left;margin-left:30px}
.MyPage .i_data3 li{display:inline-block;line-height:27px;vertical-align:middle;margin-top:20px;color:#212121}
.MyPage .i_data3 li img{vertical-align:middle}
.MyPage .i_data3 li img.line{margin:0 20px}
.MyPage .i_data3 li select{min-width:120px;height:27px;padding-left:5%}
.MyPage .i_data3 li.line{margin:0 15px}
.MyPage .data_box{width:100%;display:inline-block;display:none;}
.MyPage .data1{width:100%;display:inline-block;margin:40px 0}
/*Start-2019404-ysj수정*/
.MyPage .data1 ul{width:25%;display:inline-block; border-right: 1px solid #d9d9d9; margin:0 -2px;vertical-align:top}
.MyPage .data1 ul:last-child{background:none; border-right: 0;}
.MyPage .data1 ul li.tit{font-size:18px;color:#212121;margin-bottom:0px; padding-left: 25px; text-align: left; letter-spacing: -1px;}
.MyPage .data1 ul li.data_area{position: relative; height:280px; margin-top: 30px; padding: 0 20px; transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg);}
.MyPage ul.pass-fail{}
.MyPage ul.pass-fail li.tit{margin-bottom:10px}
.MyPage ul.pass-fail h4{width:100%;font-size:20px;font-weight:400}
.MyPage ul.pass-fail h4 span{font-size:40px;font-weight:500;text-align: center; color: #ee6971;}
.MyPage ul.pass-fail h4 span em {display: inline-block; vertical-align: middle; margin-right: 15px;}
.MyPage ul.pass-fail h4 span.pass_yes {color: #38aba5;}
.MyPage ul.pass-fail table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;margin-top:0;border-bottom:1px solid #343434}
.MyPage ul.pass-fail th{background:#989ea6;color:#fff;font-size:15px;font-weight:400;padding:15px 0}
.MyPage ul.pass-fail th.cell_a{border-right:1px solid #dbdbdb}
.MyPage ul.pass-fail td{font-size:45px;padding:30px 0;font-weight:500}
/*End-2019404-ysj수정*/
.MyPage ul.pass-fail td.cell_a{border-right:1px solid #dbdbdb;color:#27b2a5}
.MyPage ul.pass-fail td.cell_b{color:#e55b68}
.MyPage .data2{width:100%;display:inline-block; padding: 0 30px;}
.MyPage .data2 h5{font-size:18px;text-align:left;color:#828282;font-weight:300}
.MyPage .data2 h5 span{color:#343434;font-weight:500}
.MyPage .data2 table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;margin-top:15px;border-top:1px solid #dbdbdb}
.MyPage .data2 tr{border-bottom:1px solid #dbdbdb}
.MyPage .data2 th{width:280px;background:#f1f1f1;padding:15px 0;font-size:15px;font-weight:400;color:#212121}
.MyPage .data2 td{text-align:left;padding:0 15px;color:#828282}
.MyPage .data2 td span{color:#5b9cda}
.MyPage .data2 ul{margin-top:20px; margin-bottom: 30px;}
.MyPage .data2 ul li{ padding-left: 15px; text-align:left;font-size:13px;line-height:1.8; color: #828282;}
.MyPage .data3{ position: relative; width:100%;display:inline-block; border: 1px solid #e1e1e1;}
.MyPage .data3 h5{font-size:20px;text-align:left;margin-bottom:35px}
.MyPage .data3 .percent{ position: relative; width:638px;float:left;padding:40px 0 20px 0; background: #ffffff;}
/*.MyPage .data3 .percent:after{ content: ''; display: inline-block; position: absolute; top: 0; right: -43px; width: 84px; height: 260px; background: url("../../images/renewal/sub/cdp_bg.png") no-repeat 0 0; background-size: 100%;}*/
.MyPage .data3 .percent .img_data{display:inline-block}
.MyPage .data3 .percent .data_area{display:inline-block;width:300px;vertical-align:bottom;margin-left:50px; }
.MyPage .data3 .percent .data_area h3{width:100%; height: 84px; margin-bottom: 10px; line-height: 84px; background:#f7f7f7; font-size: 38px; font-family: 'Noto Sans KR', Sans-Serif; color: #5e4ec2; letter-spacing: -1px;}
.MyPage .data3 .percent .data_area h3 span{ }
.MyPage .data3 .percent .data_area table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;margin-top:10px;border-bottom:1px solid #343434}
.MyPage .data3 .percent .data_area th{background:#989ea6;color:#fff;font-size:15px;font-weight:400;padding:10px 0}
.MyPage .data3 .percent .data_area th.cell_a{border-right:1px solid #dbdbdb}
.MyPage .data3 .percent .data_area td{font-size:26px;padding:15px 0;font-weight:500}
.MyPage .data3 .percent .data_area td.cell_a{border-right:1px solid #dbdbdb;color:#027fc7}
.MyPage .data3 .percent .data_area td.cell_b{color:#d32327}
.MyPage .data3 .text_area{ overflow-y: auto; width:640px; height: 234px; margin-top: 40px; float:right; font-size: 14px; text-align:left;padding:0 45px 0 60px; transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg);}
.MyPage .data3 .text_area table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.MyPage .data3 .text_area table th{ vertical-align:top;text-align:left; color: #444444;}
.MyPage .data3 .text_area table td{ padding-bottom:20px; color:#888888; word-break: keep-all;}
.MyPage .data3 .text_area table td li{margin-bottom:5px}
.MyPage .data3 .text_area table td li span{}
.MyPage .class_list{width:100%;display:inline-block; min-height: 500px; margin-top:20px;}
.MyPage .class_list table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;margin-top:20px}
.MyPage .class_list tr{border-bottom:1px solid #d3d3d3}
.MyPage .class_list th{width:130px;background:url(../../images/solution/Common/class_list_th.gif) no-repeat right center;color:#3c3c3c;font-weight:500; background-size: 1px 80%;} /* 20180726 ysj modify */
.MyPage .class_list td{text-align:left;padding:15px 2%}
.MyPage .class_list ul{position: relative; width:100%;display:inline-block;} /* 20180726 ysj modify */

.MyPage .data3 .text_area table th .icon-nemo{ display: inline-block; width: 4px; height: 4px; margin-right: 10px; background: #4e5bc2; vertical-align: middle;}

/* 20180726 ysj add */
.MyPage .class_list ul:nth-child(2) {border-top: 1px dashed #e2e2e2; margin: 15px 0 0 0; padding: 15px 0 0 0;}
.MyPage .class_list ul:nth-child(n+2) {padding: 15px 0 15px 60px; border-bottom: 1px dashed #e2e2e2;}
.MyPage .class_list ul:nth-child(n+2) li.tit a {font-size: 16px;}
.MyPage .class_list ul:nth-last-child(1) {border-bottom: none;}
.MyPage .class_list .sub_check {position: absolute; left: 15px; top: 20px; text-align: center; font-size: 13px; color: #666;}
.MyPage .class_list .sub_apply {position: absolute; right: 5px; top: 30%;}
.MyPage .class_list  li.tit span.loc {background: #cdbdb4; padding: 3px 10px; border-radius: 3px; color: #fff !important; font-size: 12px !important; font-weight: bold;}
/* 20180726 ysj add End */

/* 20190521 KHJ add */
/*.table_type05 tr th{ border-right: 1px solid rgb(219, 219, 219); background: rgb(237, 242, 246); color: rgb(51, 51, 51); text-align: center;}*/
/*.table_type05 tr th:last-child{ border: 0;}*/
/*.table_type05 tr td{ border-right: 1px solid rgb(219, 219, 219); color: rgb(51, 51, 51); text-align: center;}*/
/*.table_type05 tr td:last-child{ border: 0;}*/
/*.tr-color th{ border-right: 1px solid #ee96c5; background: #eed2e1; color: #000000;}*/
/*.tr-color td{ border-right: 1px solid #ee96c5; background: #eed2e1; color: #000000;}*/
/* 20190521 KHJ add END */

/* 20190604 KHJ add */
.MyPage .class_list .t_wrap{ display: block; float: left;}
.MyPage .class_list table.table_type05{ width: 90%;}
.MyPage .class_list table.table_type05 thead tr th{ border-top: 1px solid #dbdbdb;}
.MyPage .class_list table.table_type05 thead tr th:last-child{ border-right: 0;}
.MyPage .class_list table.table_type05 th{ background:#edf0f6;padding:17px 10px;font-weight:400;font-size:12px;text-align:center;width:200px;max-width:30%; word-break: keep-all;}
.MyPage .class_list table.table_type05 td{ border-bottom: 1px solid #dbdbdb; font-size: 12px; text-align: center;}
.MyPage .class_list table.table_type05 th,
.MyPage .class_list table.table_type05 td{ border-right: 1px solid #dbdbdb;}
.MyPage .class_list table.table_type05 td:last-child{ border-right: 0;}
.MyPage .class_list table.table_type05 .tr-color th,
.MyPage .class_list table.table_type05 .tr-color td{ border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; background: #e0e0e0;}
.MyPage .class_list table.table_type05 .tr-color td:last-child{ border-right: 0;}
/*.MyPage .class_list table.table_type05 tbody tr.tr-color th{ border-right: 0;}*/
/* 20190604 KHJ add END */

.MyPage .class_list li{ display: inline-block; color: #000000;}
.MyPage .class_list li.tit{width:100%;margin-bottom:10px}
.MyPage .class_list li.tit a{font-size:18px;color:#343434;display:inline-block;max-width:740px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle}
.MyPage .class_list li.tit a:hover{text-decoration:underline}
.MyPage .class_list li.tit span.date{font-size:14px;color:#828282;margin:0 15px;display:inline-block;vertical-align:middle}
.MyPage .class_list li.tit span.check{vertical-align:middle;color:#fff;padding:5px 10px;font-size:11px; border: 1px solid #5b67b2; background:#6673c5}
.MyPage .class_list li.tit button.link{vertical-align:middle;color:#fff;padding:5px 20px 5px 15px;font-size:14px;border-radius:20px;background:#4f73f1 url(../../images/solution/Common/link_arrow_w.png) no-repeat 90% center;border:none}
.MyPage .class_list li.text{margin-right:50px;background:url(../../images/solution/Common/gray_bullet.gif) no-repeat left center;text-indent:5px;font-size:15px;color:#828282}
.MyPage .class_list div.btn_area{text-align:right; margin: 15px 0 0 0;} /* 20180726 ysj modify */
.MyPage .class_list tr.add_view{border-bottom:none}
.MyPage .class_list tr.add_view td{text-align:center;padding:0}
.MyPage .class_list tr.add_view td a{width:100%;height:52px;color:#fff;line-height:52px;background:#606163;display:block}
.MyPage .class_list tr.add_view td a img{vertical-align:middle;margin-left:5px}
.MyPage .class_list tr.add_view td a:hover{background:#383838}
.MyPage .class_list tr.none_data td{text-align:center;font-size:18px}

/*교육훈련*/
.EeducationTraining .result_info{margin-top:10px;position:relative}
.EeducationTraining .k-tabstrip-wrapper{width:100%;display:inline-block}
.EeducationTraining #tabstrip{box-shadow:none}
.EeducationTraining .tab_cont{ overflow: inherit; width: 100%; padding: 30px 0; border:none;}
.EeducationTraining .tab_cont h4.tit{width:100%;display:inline-block;text-align:left;margin:15px 0 16px 0;font-size:20px; color: #212121; letter-spacing: -1px;}
.EeducationTraining p.point2{width:100%;text-align:left;margin:10px 0 5px 0;padding:0;font-size:14px}
.EeducationTraining #cmptgrid{width:100%;display:inline-block;overflow:hidden;overflow-x:auto}
.EeducationTraining .date_select{width:100%;display:inline-block;text-align:right;margin:30px 0px 22px 0; padding-right: 25px;}
.EeducationTraining .date_select p.text{display:inline-block;font-size:16px;vertical-align:middle;font-weight:500;margin:0; margin-right: 20px; padding:0; color: #212121; letter-spacing: -1px;}
.EeducationTraining .btn_right{padding:20px 0 5px 0}
.EeducationTraining .k-grid-content>.k-grid-norecords>.k-grid-norecords-template{top:30%;margin-top:0}
.EeducationTraining .k-reorderable{margin-bottom:30px}

/*교육훈련-20190314 ysj 추가*/
.cal_wrap {margin-bottom: 40px;}
.control_wrap {float: left; width: 100%; margin: 30px auto 40px auto; font-size: 30px; color: #535353;}
.m_control {position: relative; width: 23%; margin: 0 auto; text-align: center;}
.m_control span {font-size: 34px;}
.m_control i {position: absolute; top: 9px; width: 18px; height: 30px; cursor: pointer;}
.icon_left {left: 0; background: url(../../images/bg/i_left_arrow.png) no-repeat 0 0;}
.icon_right {right: 0; background: url(../../images/bg/i_right_arrow.png) no-repeat 0 0;}
.tb_cal { width:100%; border-collapse: collapse; box-sizing: border-box; table-layout: fixed; font-size: 13px;}
.tb_cal caption {display: none;}
.tb_cal th {text-align: center; border-bottom:1px solid #e8eaeb; border-left:1px solid #e8eaeb;  line-height:2.0rem; padding-top:10px; padding-bottom:11px; padding-left: 10px; padding-right: 10px;  border-top: 2px solid #606470 !important; color: #606470 !important; background-color: #fafafa !important;}
.tb_cal td {position: relative; height: 100px; text-align: center; border:1px solid #e8eaeb; line-height:2.0rem; padding-top:0; font-weight: 400; color:#888888;}
.tb_cal td span {position: absolute; left: 10px; top: 5px; z-index: 9;}	
.tb_cal td.blank {background-image: none;}
.tb_cal td > div.class_state {position: relative; width: 100%; height: 100%; background-color: #eef8ff; font-size: 13px;}
.tb_cal td > div.class_state > span {position: relative; width: 100%; top: 37%; left: inherit; color: #444; font-weight: bold;}
.tb_cal td > div.class_state > span > em {display: block; margin-top: 10px;}
.tb_cal td > div.class_state > span > a {cursor: pointer;}


.pop_wrap {position: absolute; padding-top: 37px; min-width: 90px; min-height: 50px; width: 1000px; display: block; top: 1200px; left: 451.5px; z-index: 10003; opacity: 1; transform: scale(1); background: #fff;}
.pupup_header{float: left; width: 100%; padding: 18px 20px 17px 30px; background-color: #2c364a; color: #fff; letter-spacing: -0.025em;}
.pop_close {float: right;}
.tit_pop {float: left; font-size: 18px; font-weight: 400; margin: 0; color: #fff;}
.popup_inner {float: left; width: 100%; padding: 30px; background-color: #fff; max-height:700px;}	
	
/*경력관리*/
.CareerManagement .btn_right{padding:0 0 5px 0}
/*승인하기*/
.Approve .btn_right{padding:0 0 5px 0}
/*역량진단결과*/
.CDResult .btn_right{padding:0 0 5px 0}
/*교육훈련결과*/
.ETResult .btn_right{padding:0 0 5px 0}
/*경력개발계획*/
ol.method_Info{width:100%;display:inline-block;position:relative}
ol.method_Info li{float:left}
ol.method_Info li dl{width:426px;height:93px;border:1px solid #d3d3d3}
ol.method_Info li dt{width:315px;float:right;text-align:left;font-size:17px;font-weight:400;margin:15px 0 5px 0}
ol.method_Info li dd{width:315px;float:right;text-align:left;font-size:14px}
ol.method_Info li dd span{margin-right:5px;padding-left:5px;background:url(../../images/solution/Common/gray_bullet.gif) no-repeat left center}
ol.method_Info li.arr1{position:absolute;left:412px;top:34px}
ol.method_Info li.arr2{position:absolute;left:839px;top:34px}
ol.method_Info li.fir dl{background:url(../../images/solution/method_Info_i_01.gif) no-repeat 28px center}
ol.method_Info li.fir dt{color:#3499da}
ol.method_Info li.cen dl{border-left:none;background:url(../../images/solution/method_Info_i_02.gif) no-repeat 38px center}
ol.method_Info li.cen dt{width:290px;color:#fe9a04}
ol.method_Info li.cen dd{width:290px}
ol.method_Info li.last2 dl{border-left:none;background:url(../../images/solution/method_Info_i_03.gif) no-repeat 30px center}
ol.method_Info li.last2 dt{color:#e55b68}

/*게시판목록*/
.PTreeBoardMain .btn_right{padding:0 0 5px 0}
/*게시판보기*/
.PTreeBoardDetail h3.page_tit{border-bottom:none;}
.PTreeBoardDetail table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.PTreeBoardDetail table.data{border-top:1px solid #cdcdcd}
.PTreeBoardDetail table.data tr{border-bottom:1px solid #dbdbdb}
.PTreeBoardDetail table.data tr:last-child{border-bottom:none}
.PTreeBoardDetail table.data th{padding:10px 0;text-align:center;border-right:1px solid #dbdbdb; font-size:15px; font-weight:500;}
.PTreeBoardDetail table.data td{text-align:left;padding:10px}
.PTreeBoardDetail table.data td.btn{padding:10px 0;text-align:right}
.PTreeBoardDetail table.data td p{margin:0;padding:0}
.PTreeBoardDetail .comment{text-align:left;margin:10px 0 30px 0}
.PTreeBoardDetail .comment h4{padding-bottom:5px;margin-bottom:5px; font-weight:500; font-size:15px;}
.PTreeBoardDetail .comment .enter{width:100%;display:inline-block}
.PTreeBoardDetail .comment textarea{width:1180px;padding:10px;height:80px;border:1px solid #dbdbdb;float:left;font-family: 'Noto Sans KR';font-size:15px}
.PTreeBoardDetail .comment button{width:100px;height:80px;float:right;background:#424465;border:none;color:#fff;font-size:16px;font-weight:500}
.PTreeBoardDetail .comment_list{box-shadow:none}
.PTreeBoardDetail .comment_list .k-content{border:1px solid #dbdbdb;border-top:none;text-align:left}
.PTreeBoardDetail .comment_list dt{text-align:left;width:100%;display:inline-block}
.PTreeBoardDetail .comment_list dt .id{font-weight:500;font-size:16px;display:inline-block}
.PTreeBoardDetail .comment_list dt .date{display:inline-block;color:#5f5f5f;margin-left:10px}
.PTreeBoardDetail .comment_list dt .del_btn{display:inline-block;margin-left:10px;color:#343434;padding:3px 15px;background:#f4f4f4;font-size:12px;cursor:pointer;border:1px solid #d3d3d3}
.PTreeBoardDetail .comment_list dd{width:100%;display:inline-block;padding:5px 0 15px 0;border-bottom:1px dashed #dbdbdb;margin:10px 0}
.PTreeBoardDetail .comment_list dd.none_txt{text-align:center;padding:20px 0;font-size:16px;border-bottom:none;margin:0}
/*게시판등록*/
.PTreeBoardUpdate h3.page_tit{border-bottom:none}
.PTreeBoardUpdate table.data{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;    border-top: 1px solid #cdcdcd;}
.PTreeBoardUpdate table.data tr{border-bottom:1px solid #dbdbdb}
.PTreeBoardUpdate table.data th{border-right:1px solid #dbdbdb; font-weight: 500; font-size: 15px;}
.PTreeBoardUpdate table.data td{padding:10px}
.PTreeBoardUpdate table.data td.txt{text-align:left}
.PTreeBoardUpdate table.data td.tit input{border-radius:0;box-shadow:none}
.PTreeBoardUpdate table.data td.file .k-dropzone{text-align:left}
/*역량진단*/
.top_cont{width:100%;display:inline-block;background:#f1f1f1;padding:25px}
.top_cont strong{width:100%;text-align:left;font-size:18px;border-bottom:1px solid #e0e0e0;display:block;padding-bottom:10px}
.top_cont .des{width:100%;display:block;text-align:left;font-size:16px;color:#828282;border-top:1px solid #fff;padding-top:10px}
.cmpt_info_area1{width:100%;display:inline-block}
.cmpt_info_area1 table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #dbdbdb}
.cmpt_info_area1 tr{border-bottom:1px solid #dbdbdb}
.cmpt_info_area1 th{width:280px;background:#989ea6;padding:15px 0;font-size:15px;font-weight:400;color:#fff}
.cmpt_info_area1 td{text-align:left;padding:0 15px;color:#828282}
.Info01{width:100%;background:#edf0f6;padding:25px;display:inline-block}
.Info01 dt{float:left;color:#343434}
.Info01 dd{float:left;margin-left:5px;color:#828282}
.Info01 dd.d03{padding-right:20px;margin-right:20px;background:url(../../images/solution/Common/part_line.gif) no-repeat right center}
.cmpt_edu_table_info{width:100%;display:inline-block}
.cmpt_edu_table_info #example{width:100%;display:inline-block}
.cmpt_edu_table_info #example #cmptgrid{width:100%;/*height:120px;*/display:inline-block;overflow-y:hidden}
/*.cmpt_edu_table_info #example #cmptgrid .k-button{background:#f4f4f4;border:1px solid #d3d3d3;color:#8a443d;border-radius:0}*/
/*.cmpt_edu_table_info #example #cmptgrid .k-button:hover{background:#8a443d;color:#fff;border:1px solid #62231d}*/
.cmpt_edu_table_info .all_list_view{width:100%;display:inline-block;margin:20px 0;text-align:left}
.cmpt_edu_table_info .all_list_view span.info_text{display:inline-block;margin-left:15px}
.coments_area{width:100%;display:inline-block;text-align:left;padding:0px 30px 15px; margin: 0 auto;}
.coments_area .none_data{text-align:center}
.coments_area .coments_data{width:100%}
.coments_area .coments_data table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
/*.coments_area .coments_data table tr{border-top:1px dashed #dbdbdb}*/
/*.coments_area .coments_data table tr:first-child{border-top:none}*/
/*.coments_area .coments_data table th{padding:10px 10px 10px 0;width:200px;text-align:center}*/
/*.coments_area .coments_data table td{padding:10px 0 10px 20px;background:url(../../images/solution/coments_arrow.png) no-repeat left center}*/
/*.coments_area .coments_data table td div{width:100%;background:#e4e4e4;border-radius:10px;padding:10px}*/
.answer_state{text-align:right;margin:25px 0 10px 0}
.answer_state p{font-size:16px}
.answer_state p span{font-weight:500;font-size:18px}
.answer_state p span#eNum{color:#d25448}
.d_question{width:100%;display:inline-block;position:relative;border-bottom:2px solid #4c4c4c;border-top:3px solid #4c4c4c}
.d_question .d_info{width:280px;float:left;height:100%;position:absolute;left:0;bottom:0;border-left:1px solid #dbdbdb}
.d_question .d_info > h4{color:#343434;text-align:left;font-size:18px;font-weight:400;margin-bottom:10px}
.d_question .d_info .i_text{padding:10px}
.d_question .d_info .i_text h5{padding-bottom:5px;border-bottom:1px solid #343434;margin-bottom:10px;font-size:16px;text-align:left}
.d_question .d_info .i_text li{text-align:justify;font-size:15px;margin-bottom:10px;padding-left:8px;background:url(../../images/solution/Common/gray_bullet.gif) no-repeat left 10px}
.d_question .d_info .i_text li span{color:#38b549;font-weight:700}
.d_question .d_info table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
.d_question .d_info table tr{border-bottom:1px solid #dbdbdb}
.d_question .d_info thead th{background:#989ea6;padding:15px 0;font-size:15px;font-weight:400;color:#fff}
.d_question .d_info tbody th{background:#edf0f6;padding:15px 0;font-size:15px;font-weight:400;text-align:center;border-right:1px solid #dbdbdb}
.d_question .d_info tbody td{text-align:left}
.d_question .d_info .u_wrap{width:100%;display:inline-block;overflow:hidden;overflow-x:auto;white-space:nowrap}
.d_question .d_info .u_wrap ul{display:inline-block}
.d_question .d_info .u_wrap ul li{width:72px;display:inline-block}
.d_question .d_info .u_wrap ul p{margin:0;text-align:center;line-height:1.2em}
.d_question .d_info .u_wrap ul.user{margin-left:10px}
.d_question .d_info .u_wrap ul.user li{padding-top:45px;height:92px}
.d_question .d_info .u_wrap ul.user.g01 li{background:url(../../images/ico/group01.png) no-repeat center 10px}
.d_question .d_info .u_wrap ul.user.g02 li{background:url(../../images/ico/group02.png) no-repeat center 10px}
.d_question .d_info .u_wrap ul.user.g03 li{background:url(../../images/ico/group03.png) no-repeat center 10px}
.d_question .d_info .u_wrap ul.user.g04 li{background:url(../../images/ico/group04.png) no-repeat center 10px}
.d_question .diag_Area{width:1000px;float:right;padding:10px 15px;border:1px solid #dbdbdb;border-top:none;border-bottom:none}
.d_question .diag_Area > h4{color:#343434;text-align:left;font-size:18px;font-weight:400;padding-top: 10px}
.d_question .diag_Area > h4 .state{float:right;font-size:16px}
.d_question .diag_Area > h4 .state #eNum{color:#d25448;font-size:18px;font-weight:500}
.d_question .ques_txt{width:100%;display:inline-block;padding:10px 25px;text-align:left;border:1px solid #dbdbdb;margin:0 0 20px 0}
.mun_quest { font-size: 20px;  line-height: 27px; min-height: 125px; margin: 20px 0 !important; background: #ebeff6; border: 1px solid #d6dce7 !important; padding: 20px !important;} /*20190326 ysj추가*/
.ques_Area{width:100%;display:inline-block}
.ques_Area dl{overflow:hidden;border-bottom:1px dashed #d6d6d6}
.ques_Area dl.top {padding-right:17px;position:relative;width:100%;display:inline-block; padding: 0 0 20px 0;}
.ques_Area dl.top dt{width:180px;font-size:16px;color:#666666;line-height:18px;text-align:center;font-weight:bold;float:left;margin-top:40px}
.ques_Area dl.top dt span {display:block;color:#b2b2b2;font-weight:bold;font-size:12px;}
.ques_Area dl.top dd{width:760px;float:left}
.ques_Area dl.top ol{width:100%;display:inline-block}
.ques_Area dl.top ol li {float:left;text-align:center;width:20%}
.q_wrap {overflow-y:scroll;padding:0 10px 0 0;height:370px}
.q_wrap dl.user_val {width:100%;display:inline-block}
.q_wrap dl.user_val dt{width:180px;float:left;padding:15px 0}
.q_wrap dl.user_val dt span {font-weight:400;font-size:14px}
.q_wrap dl.user_val dd{width:760px;float:left;padding:22px 0 22px 0;overflow:hidden}
.q_wrap dl.user_val dt .b01 {background:url(../../images/ico/big_group01.png) no-repeat center 20px;padding:57px 0 10px 0;text-align:center;}
.q_wrap dl.user_val dt .b02 {background:url(../../images/ico/big_group02.png) no-repeat center 20px;padding:57px 0 10px 0;text-align:center;}
.q_wrap dl.user_val dt .b03 {background:url(../../images/ico/big_group03.png) no-repeat center 20px;padding:57px 0 10px 0;text-align:center;}
.q_wrap dl.user_val dt .b04 {background:url(../../images/ico/big_group04.png) no-repeat center 20px;padding:57px 0 10px 0;text-align:center;}
.q_wrap dl.user_val dd .k-slider-wrap ul li:first-child{display:none}
.q_wrap dl.user_val dd .k-slider-track{margin-left:-75px;border:none;box-shadow:none;background-color:transparent}
.q_wrap dl.user_val dd .k-slider-track .k-slider-selection{background-color:transparent;box-shadow:none}
.q_wrap dl.user_val dd .k-slider-track .k-slider-selection a{}
.q_wrap dl.user_val dd .demo-section.k-header{background:url(../../images/solution/k-slider_bg.gif) no-repeat right center}
.q_wrap dl.user_val dd .k-slider-horizontal .k-draghandle{width:30px;height:30px;background:url(../../images/solution/k-slider_check.png) no-repeat center center;border:none;box-shadow:none;top:-10px}
.q_wrap dl.user_val dd .textarea_input{width:100%;padding:10px;height:80px;border:1px solid #dbdbdb}
.layer_cont{width:100%;display:inline-block}
.layer_cont .layer_text > h4{text-align:left;color:#38b549;font-size:20px;padding:10px 0 20px 0}
.layer_cont .layer_text .data_table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;border-bottom:2px solid #4c4c4c;border-top:3px solid #4c4c4c;font-size:14px}
.layer_cont .layer_text .data_table tr{border-bottom:1px solid #dbdbdb}
.layer_cont .layer_text .data_table tr > th{width:26%;border-right:1px solid #dbdbdb;padding:5px 2%;font-weight:400;text-align:left}
.layer_cont .layer_text .data_table tr > td{width:74%;text-align:left;padding:5px 0}
.layer_cont .layer_text .data_table tr > td > div{width:100%;display:inline-block}
.layer_cont .layer_text .data_table tr > td > p{display:inline-block;padding-left:10px}

/* 20190305 popup */
table.table-sty{ width: 100%; margin: 10px 0; border-top: 2px solid #cccccc; border-left: 0; border-right: 0;}
.table-sty tr th,
.table-sty tr td{ padding: 10px; vertical-align: middle;}
.table-sty tr th{ border-right: 1px solid #dbdbdb; border-top: 0; border-bottom: 1px solid #dbdbdb; background: #edf0f6; font-weight: 400; text-align: center;}
.table-sty tr th:last-child{ border-right: 0;}
.table-sty tbody tr td{ border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; text-align: center; line-height: 1.5; vertical-align: middle;}
.table-sty tbody tr td:last-child{ border-right: 0;}
.table-sty tr:last-child td,
.table-sty tbody tr:last-child th{ border-bottom: 1px solid #cccccc;}
.table-sty tr td input,
.table-sty tr td textarea{ width: 100%;}
.table-sty tr td textarea{ min-height: 200px;}

.title{ margin: 30px 0 5px;}

.my-popup .pop_tit{ display: block; padding: 25px 0 10px;}
.my-popup .pop_tit_2 .pop_tit{ float: left;}
.my-popup .pop_tit_2:after{ content:''; display: block; clear:both;}
.my-popup .sel_pop .table_type03 tr td{ background: #edf0f6;}
.my-popup .sel_pop .table_type03 tr td ul li{ margin-left: 15px;}
.my-popup .app_search{ float: right; padding: 25px 0 10px;}

.clear { *zoom:1;}
.clear:after { content:''; display: block; clear:both;}

/* KHJ 20190402 교육신청 팝업 */
span.commend{ display: inline-block; float: left; margin-top: 6px; padding-left: 5px; font-size: 13px;}


/*Footer*/
.footer{width:100%;padding:20px 0;text-align:center;font-size:0.8em;display:inline-block;color:#777;border-top:1px solid #dbdbdb;position:relative}
.footer button{position:absolute;right:1%;top:20px;border:none;background:#fff url(../../images/solution/Common/gray_bullet.gif) no-repeat left center;padding:0 0 0 8px;color:#777}

/*개인정보처리방침*/
.privacy_wrap{text-align:left;padding:10px;font-size:14px}
.pv_top_tit{font-size:24px;padding-bottom:10px;border-bottom:1px solid #343434}
.pv_sub_tit{width:100%;display:inline-block;font-size:14px;color:#808080;margin-top:10px}
.pv_sub_tit strong{color:#343434}
.pv_part{margin-top:40px}
.pv_part h2{font-size:18px;font-weight:normal;margin-bottom:5px}
.pv_part .sub_tit{width:100%;display:inline-block;font-size:14px;color:#808080;margin-bottom:5px;text-align:justify}
.pv_part ul.depth_one{margin-top:10px;padding:0 8px}
.pv_part ul.depth_one > li{margin-bottom:5px}
.pv_part ul.depth_one h3{font-size:16px;font-weight:normal}
.pv_part .text{padding-left:18px;color:#808080;text-align:justify}
.pv_part .text strong{color:#343434}

/* 역량진단 리뉴얼 20190522 KHJ */
.top_cont.step-wrap{ display: block; padding: 40px 10px; background: #ffffff;}
.step-wrap .d_step{ border: 0;}
.step-wrap ul:after{ content: ''; display: block; clear: both;}
.step-wrap ul{ display: table;}
.step-wrap ul li{ display: table-cell; width: 440px; background: url(../../images/ico/ico_next.png) no-repeat; background-position: 376px center;}
.step-wrap ul li:after{ content: ''; display: block; clear: both;}
.step-wrap ul li:last-child{ background: 0;}
.step-wrap ul li .step-bg{ float: left; width: 100px; padding: 15px 0; text-align: center;}
.step-wrap ul li .step-bg .circle{ display: inline-block; width: 60px; height: 60px; margin: 0 auto; border-radius: 50%;}
.step-wrap ul li .step-bg .circle{ background: #cbced2 url(../../images/ico/ico_cmpt.png) no-repeat; background-position: center;}
.step-wrap ul li+li .step-bg .circle{ background: #cbced2 url(../../images/ico/ico_cmpt2.png) no-repeat; background-position: center;}
.step-wrap ul li+li+li .step-bg .circle{ background: #cbced2 url(../../images/ico/ico_cmpt3.png) no-repeat; background-position: center;}
.step-wrap ul li .step-box{ float: left; width: 300px;}
.step-wrap ul li .step-box > span{ font-size: 11px; font-weight: 300; color: #999999; text-transform: uppercase;}
.step-wrap ul li .step-box > strong{ border: 0; color: #666666; letter-spacing: -1px;}
.step-wrap ul li .step-box > p{ font-size: 13px; font-weight: 400; color: #9b9b9b; line-height: 1.3; letter-spacing: -1px;}

li.step.on .step-bg .circle{ background-color: #3d4495;}
li.step.on .step-box > strong{ color: #3d4495;}
li.step.on .step-box > p{ color: #5a5a5a;}

.contents > h4.mt40 .ptree_btn{ float: right;}
.contents > .btn-close{ position: absolute; top: -32px; right: -55px; z-index: 99999; width: 45px; height: 45px; border: 1px solid #000000; border-radius: 50%; background: #000000;}
.contents > .btn-close .icon-del{ width: 30px; height: 30px; background: url(../../images/renewal/icon/icon.png) no-repeat -455px -379px; text-indent: -999999px;}

/* 역량진단(다면진단) */
.cmpt-wrap .cmpt-box{ padding: 40px 0; border: 1px solid #e6e6e6; border-radius: 5px; background: #fbfbfb; text-align: center;}
.cmpt-wrap .cmpt-box h4{ font-size: 24px; font-weight: 400; color: #4c4c54;}
.cmpt-box p{ margin-top: 20px; font-size: 14px; font-weight: 300; color: #888888;}
.cmpt-box p span{ font-weight: bold; color: #3156a3;}
.cmpt-wrap .d_question{ border: 0; border-top: 2px solid #4c4c4c;}
.cmpt-wrap .d_question .d_info.table-cmpt{ float: none; position: static; width: 100%;}
.cmpt-wrap .d_question .d_info.table-cmpt tr th,
.cmpt-wrap .d_question .d_info.table-cmpt tr td{ border-bottom: 1px solid #dbdbdb;}
.cmpt-wrap .d_question .d_info.table-cmpt tr td{border-right: 1px solid #dbdbdb;}
.cmpt-wrap .d_question .d_info.table-cmpt tr td .u_wrap{ display: block; padding: 0 20px;}
.cmpt-wrap .d_question .d_info.table-cmpt tr td .u_wrap:after{ content: ''; display: block; clear: both;}
.cmpt-wrap .d_question .d_info.table-cmpt tr td .u_wrap li{ width: auto; height: 40px; padding: 0 23px 0 40px; background-position: left;}
.cmpt-wrap .d_question .d_info.table-cmpt tr td .u_wrap li p{ display: inline-block; line-height: 40px;}
.cmptMsd .step-wrap{ display: none;}

.d_question.cmpt-content{ margin-top: 67px; border: 0;}
.state{ float: right; margin: 0 36px 11px; font-size: 18px; color: #9b9b9b;}
.state #eNum{ color: #547acb;}
.d_question.cmpt-content .diag_Area{ position: relative; width: 100%; padding: 20px 40px 40px; border: 0; }
.circle-area{ display: inline-block; position: absolute; top: -25px; left: 14px; width: 53px; height: 53px; border-radius: 50%; background: #3c4394; font-size: 20px; color: #ffffff; text-align: center; line-height: 53px; letter-spacing: -1px;}
.area-top:after{ content: ''; display: block; clear: both;}
.area-top{ font-size: 14px;}
.area-top .group-nm{ float: left; margin-left: 50px; color: #4c4c54;}
.area-top .group-box{ float: right;}
.area-top .group-box ul li{ display: inline-block; padding: 0 15px; color: #888888;}
.area-top .group-box ul li:first-child{ border-right: 1px solid #e0e0e0;}
.d_question .diag_Area .ques_txt{ margin: 10px 0 0; padding: 27px 30px; /*border-top: 1px solid #d9dbe1;*/ background: #f5f5fa;}
.d_question .ques_txt p{ font-size: 22px; color: #3d4495;}
.cmpt-content .ques_Area .ques-ex{ height: 191px; min-height: 190px; overflow-y: auto; border: 1px solid #e5e5e5; border-top: 0; background: #f9f9f9;}
.cmpt-content .ques_Area .ques-ex > p{ padding: 12px 0; background: #5f649d; color: #ffffff; font-size: 15px; letter-spacing: 15px;}
.cmpt-content .ques_Area .ques-ex ol{ padding: 20px 52px;}
.cmpt-content .ques_Area .ques-ex ol li p{ color: #5e5e5e; font-size: 15px; text-align: left; line-height: 2;}
.q_wrap{ overflow: hidden;}
.user-wrap{ background: #90919b;}
.table-user{ display: block; width: 100%; border: 1px solid #dcdee2; border-right: 0;}
.table-head{ display: block; padding-right: 17px;}
.table-user tbody{ width: 100%; }
.table-head thead{ width: 100%; padding-right: 17px;}
.table-head thead tr th,
.table-user tbody tr td{ display: table-cell; width: 400px; padding: 10px;}
.table-user tbody tr td .textarea_input{ margin: 10px 0 5px;}
.table-head thead tr th{ border-right: 1px solid #dcdee2; border-bottom: 1px solid #dcdee2; background: #90919b; color: #ffffff;}
.table-user tbody tr td{ border-right: 1px solid #dcdee2; border-bottom: 1px solid #dcdee2;}
.table-user tbody tr td > div{ display: inline-block; width: auto;}
.table-user tbody tr:last-child td{ border-bottom: 0;}
.table-user tbody tr td:last-child{ border-right: 0;}
.table-user tbody tr td .b01 {background:url(../../images/ico/big_group01.png) no-repeat center 20px; padding: 10px 0 10px 50px; text-align: left; background-position: left;}
.table-user tbody tr td .b02 {background:url(../../images/ico/big_group02.png) no-repeat center 20px; padding: 10px 0 10px 50px; text-align: left; background-position: left;}
.table-user tbody tr td .b03 {background:url(../../images/ico/big_group03.png) no-repeat center 20px; padding: 10px 0 10px 50px; text-align: left; background-position: left;}
.table-user tbody tr td .b04 {background:url(../../images/ico/big_group04.png) no-repeat center 20px; padding: 10px 0 10px 50px; text-align: left; background-position: left;}
.table-scroll-body{ height: 315px; overflow: auto; overflow-y: scroll; border-bottom: 1px solid #dcdee2; background: #ffffff;}
.radio-td{ position: relative;}
.radio-td label{ display: block; position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; height: auto !important; /* ie ver */ height: 100%; cursor: pointer;}
.radio-td input{ width: 25px; height: 25px; border: 1px solid #ebebeb; background: #ffffff;}
.radio-td input[type="radio"]{ display: none;}
.radio-td label .circle-label{ position: relative; width: 25px; height: 25px; margin: 12px auto; border: 1px solid #bcbcbc; border-radius: 50%; background: #ffffff;}
.radio-td input[type="radio"]:checked + label .circle-label:after{ content: ''; display: inline-block; position: absolute; top: 4px; left: 4px; width: 15px; height: 15px; border-radius: 50%; background: #628df0;}
/*.radio-td label{ display: block; position: absolute; top: 0; left: 0; width: 100%; cursor: pointer;}*/

/* 자가진단 */
.answer_state .state{ float: none;}
.cmpt-jaga-wrap{ position: relative; margin-top: 20px; }
.cmpt-jaga-wrap .state{ display: block; float: none; margin: 0 36px 11px 0; text-align: right;}
.cmpt-jaga-wrap .state:after{ content: ''; display: block; clear: both;}
.cmpt-jaga-wrap .circle-area{ top: 10px; /*left: -27px;*/ left: 5px;}
.cmpt-jaga-wrap > ul{ height: 474px; overflow: auto;}
.cmpt-jaga-wrap > ul > li{ position: relative; height: 465px; /*border-left: 1px solid #e2e2e2;*/}
.cmpt-jaga-wrap > ul > li:before{ content: ''; display: inline-block; position: absolute; left: 30px; width: 1px; height: 100%; background: #e2e2e2;}
.ques_wrap{ padding: 10px;}
.ques_wrap .ques_box{ position: relative; z-index: 3; width: 1157px; margin-left: 80px; padding: 0 40px 30px; border: 1px solid #e2e2e2; background: #ffffff;}
.ques_wrap .ques_box:before{ position:absolute; top:17px; left:-8px; content: ''; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #ffffff; z-index:2;}
.ques_wrap .ques_box:after{ position:absolute; top:16px; left:-9px; content: ''; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid #e2e2e2; z-index:1;}
.ques_box .tit_emt{ padding: 28px 0 15px; font-size: 14px; color: #888888; text-align: right;}
.ques_box .tit_emt span:first-child{ margin-right: 10px; padding: 0 10px 0 0; border-right: 1px solid #e0e0e0;}
.ques_box .ques_title{ padding: 28px 25px; border-top: 1px solid #d9dbe1; border-bottom: 1px solid #d9dbe1; background: #f5f5fa; font-size: 22px; color: #3d4495; text-align: left;}

.ans_list ul li{ position: relative; font-size: 15px; text-align: left; line-height: 1.3;}
.ans_list ul{ padding-top: 10px;}
.ans_list label{ display: block; width: 100%; height: 100%; padding: 7px 22px; font-weight: 300; color: #5e5e5e; cursor: pointer;}
.ans_list input[type="radio"]{ display: none;}
.ans_list label .circle-label{ display: inline-block; float: left; position: relative; width: 20px; height: 20px; margin-right: 8px; border: 1px solid #bcbcbc; border-radius: 50%; background: #ffffff; }
.ans_list input[type="radio"]:checked + label{ background: #3d4495; color: #ffffff;}
.ans_list input[type="radio"]:checked + label .circle-label:after{ content: ''; display: inline-block; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; border-radius: 50%; background: #628df0;}

/* KHJ 20190709 추가css */
.container-a{ display: block; position: relative;}

/* KHJ 20190723 renewal_sub 추가 class */
.my-class-tit{ background:url("../../images/renewal/sub/visual_myclass.png") no-repeat center center; background-size: cover;}
.com_top_tit h3{ font-size: 14px; font-weight: 400; color: #ffffff; opacity: .7; line-height: 1.5; letter-spacing: -1px;}
.SNBWrap .home i{ display: inline-block; width: 30px; height: 49px;}
.icon.icon-home{ background: url("../../images/renewal/icon/icon_sub.png") no-repeat -22px -2px;}
.SNBWrap .menu > li:last-child,
.SNBWrap .menu > li:last-child:after{ background: none;}
.MyPage .i_data1 li span.info-raund{ min-width: 133px; padding: 11px 20px; border-radius: 50px; background: #4e5bc2; color: #ffffff;}
.info-raund{ display: inline-block; min-width: 133px; margin-left: 20px; padding: 11px 20px; border-radius: 50px; background: #4e5bc2; color: #ffffff;}
.MyPage .i_data2 li:first-child{ margin-right: 20px;}
.detail:after{ content: ''; display: block; clear: both;}
.detail h4{ float: left; font-size: 22px; font-weight: bold;}
.detail h4 span{ color: #333f9f;}
.detail .fl-r{ float: right; font-size: 14px; color: #888888;}
.detail .icon.icon-down{ float: right; width: 30px; height: 30px; margin-top: 19px; margin-left: 15px; background: url("../../images/renewal/icon/icon_sub.png") no-repeat -137px -7px;}
.MyPage .img-box{ overflow: hidden; position: relative; width: 100%; height: 118px; margin-top: 30px; margin-bottom: 30px; background: url("../../images/renewal/main/sample.jpg") no-repeat -184px -37px; font-family: 'NanumSquareRound', Sans-Serif !important; text-align: center;}
.MyPage .img-box .op-black{ position: absolute; top: 0; left: 0; background: rgba(0,0,0,.6)}
.MyPage .img-box p{ position: relative; z-index: 1; font-size: 40px; font-weight: bold; color: #ffffff; line-height: 133px; text-transform: uppercase;}
.MyPage .data1 .pf-box ul{ width: 100%;}
.pf-box ul:after{ content: ''; display: block; clear: both;}
.pf-box ul li{ float: left; width: 50%; padding: 0 18px; border-right: 1px dashed #cecece; text-align: center;}
.pf-box ul li:last-child{ border: 0;}
.pf-box ul li p.pf-tit{ width: 100px; height: 32px; padding: 0 16px; border: 1px solid #20aeca; border-radius: 50px; font-size: 13px; font-weight: bold; line-height: 32px; color: #20aeca;}
.pf-box ul li p.pf-tit.cell_b{ border: 1px solid #01a97f; color: #01a97f;}
.pf-box ul li p.pf-tit+p{ margin-top: 28px; margin-bottom: 10px; font-size: 35px; color: #20aeca;}
.pf-box ul li p.pf-tit.cell_b+p{ color: #01a97f;}
/* //my-class chart */
.MyPage .data2{ transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg);}
.MyPage .data2 h4{ font-size: 18px; text-align: left; color: #212121;}
.MyPage .data2 h4 span{ font-weight: bold; color: #333f9f;}
.icon.icon-point{ width: 3px; height: 3px; margin-right: 10px; background: #4e5bc2; vertical-align: middle;}

.MyPage .class_list{ transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg);}
.MyPage .class_list ul.i_data3{ margin-left: 0; text-align: right;}
.MyPage .class_list ul.i_data3 li > span{ margin-left: 20px;}
.MyPage .class_list ul.i_data3 li{ font-size: 16px;}
.MyPage .class_list ul.i_data3 li:last-child{ margin-left: 52px;}

#esList > div{ padding: 30px; border-bottom: 1px solid #e0e0e0;}
#esList > div:after{ content: ''; display: block; clear: both;}
#esList > div > div{ float: left;}
#esList .check-tit{ width: 80px; height: 80px; padding-top: 15px; text-align: center; color: #ffffff;}
#esList .check-tit.ck-blue{ background: #6b89c2;}
#esList .check-tit.ck-green{ background: #70baa1;}
#esList .check-tit.ck-cancel{ background: #a6a6a6;}
#esList .check-tit.ck-red{ background: #f28e84;}
#esList .check-tit.ck-gray{ background: #96a1b4;}
#esList .check-tit .icon{ width: 40px; height: 25px; }
#esList .check-tit .icon.icon-pen{ background: url("../../images/renewal/icon/icon_sub.png") no-repeat -318px -15px;}
#esList .check-tit .icon.icon-comp{ background: url("../../images/renewal/icon/icon_sub.png") no-repeat -258px -15px;}
#esList .check-tit .icon.icon-cancel{ background: url("../../images/renewal/icon/icon_sub.png") no-repeat -442px -15px;}
#esList .check-tit .icon.icon-ok{ background: url("../../images/renewal/icon/icon_sub.png") no-repeat -196px -15px;}
#esList .check-tit .icon.icon-not{ background: url("../../images/renewal/icon/icon_sub.png") no-repeat -384px -15px;}
#esList .check-cont{ width: 1140px; padding-left: 30px; text-align: left;}
#esList > .add_view{ display: block; width: 100%; padding: 15px 30px; border: 1px solid #e0e0e0; border-top: 0; background: #f7f7f7;}
#esList > .add_view a{ display: block; color: #666666;}
.add_view .icon.icon-down{ width: 20px; height: 18px; background: url("../../images/renewal/icon/icon_sub.png") no-repeat -143px -13px; vertical-align: sub;}
#esList .none_data{ min-height: 200px;}
#esList .none_data p{ line-height: 200px;}

.t_wrap table.table_type05{ width: 100%;}
table.table_type05 tr{ }
table.table_type05 thead tr th{ border-bottom: 1px solid #dbdbdb;}
table.table_type05 thead tr th:last-child{ border-right: 0;}
table.table_type05 th{ background:#edf0f6; font-weight:400; text-align:center;width:200px;max-width:30%; border-bottom: 1px solid #dbdbdb; word-break: keep-all;}
table.table_type05 td{ border-bottom: 1px solid #dbdbdb; text-align: center;}
table.table_type05 th,
table.table_type05 td{ padding:17px 10px; border-right: 1px solid #dbdbdb; font-size:13px; transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg);}
table.table_type05 td:last-child{ border-right: 0;}
table.table_type05 .tr-color th,
table.table_type05 .tr-color td{ border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4; background: #e0e0e0;}
table.table_type05 .tr-color td:last-child{ border-right: 0;}

.detail_Info .table_type05 td{ text-align: left;}
.detail_Info .table_type05 td textarea{ width: 100%; box-sizing: border-box; font-family: 'Noto Sans KR'; font-size: 15px; border: 1px solid #dbdbdb; padding: 15px;}
.k-grid .k-grid-header .k-grid-header-wrap table th{ padding:12px 10px;}
.k-grid .k-grid-header .k-grid-header-wrap table thead th{ border-bottom: 1px solid #dbdbdb;}
.table_type05 .k-grid .k-grid-header{ border-top: 0;}
.table_type05 .k-grid-header-wrap table thead tr th.k-header:last-child{ border-right: 1px solid #dbdbdb;}

/* 나의 경력 */
.data_area .pf-box ul li p.pf-tit{ margin: 0 auto;}
.data_area .pf-box ul li p.pf-tit+p span{ font-size: 15px;}
.data3 .execution:after{ content: ''; display: block; clear: both;}
/*.MyPage .data3 .line-mark{ position: absolute; top: 0; right: 638px; bottom: 0; z-index: -1; width: 1px; height: 100%; border-right: 1px solid #e6e6e6; box-shadow: rgba(0,0,0,.35) 1px 0 4px;}*/
/*.MyPage .data3 .line-mark:after{ content: ''; display: inline-block; width: 0; height: 0; margin-top: 100px; margin-left: -5px; border-style: solid; border-width: 32px 0 32px 27px; border-color: transparent transparent transparent #ffffff; -webkit-filter: drop-shadow(1px 0px 4px rgba(0,0,0,.2)); filter: drop-shadow(1px 0px 4px rgba(0,0,0,.2));}*/
.MyPage .data3 .line-mark{ display: inline-block; position: absolute; top: -9px; bottom: 0; left: 573px; z-index: -1; width: 98px; height: 108%; background: url("../../images/renewal/sub/cdp_bg.png") no-repeat -5px center; background-size: cover;}
.none_data td{ padding: 40px; text-align: center;}
.btn_top{ margin: 15px 0 0;}

.tab_menu{ margin-top: 30px;}
.tab_menu ul{ border-bottom: 1px solid #4e5bc2; background: none; transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg);}
.tab_menu ul:after{ content: ''; display: block; clear: both;}
.tab_menu ul li{ float: left; position: relative; width: 33.3%; height: 53px; line-height: 53px; border: 1px solid #d1d4db; border-bottom: 0; border-right: 0; font-size: 16px; color: #afb4c0; letter-spacing: -1px; transition: all .3s; -webkit-transition: all .3s;}
.tab_menu ul li:last-child{ border-right: 1px solid #d1d4db;}
.tab_menu ul li a{ display: block; height: 100%; font-size: 16px; color: #afb4c0; letter-spacing: -1px;}
.tab_menu ul li:hover{ background: #ededed;}
.tab_menu ul li.on{ height: 63px; line-height: 63px; margin-top: -10px; border: 1px solid #4e5bc2; border-bottom: 0;}
.tab_menu ul li.on:after{ content: ''; display: inline-block; position: absolute; bottom: 0; right: -10px; width: 9px; height: 57px; background: url("../../images/renewal/sub/tab_bg.png") no-repeat 0 0;}
.tab_menu ul li.on a,
.tab_menu ul li.on{ height: 64px; border-bottom: 1px solid #ffffff; font-size: 18px; font-weight: bold; color: #4e5bc2;}
.tab_menu ul li.on:hover{ background: transparent;}
.tab-content > div{ display: none !important; opacity: 0; transition: opacity .8s; -webkit-transition: opacity .8s;}
.tab-content > .on{ display: block !important; opacity: 1;}
.tab-content .k-grid .k-grid-header{ border-top: 0;}

.tab-st .tab_menu{ border-bottom: 0; background: none; transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg);}
.tab-st .tab_menu:after{ content: ''; display: block; clear: both;}
.tab-st .tab_menu li{ float: left; position: relative; width: 33.3%; height: 53px; margin: 0; line-height: 53px; border: 1px solid #d1d4db; border-bottom: 0; border-right: 0; font-size: 16px; color: #afb4c0; letter-spacing: -1px; /*transition: all .3s; -webkit-transition: all .3s;*/}
.tab-st .tab_menu li:last-child{ border-right: 1px solid #d1d4db;}
.tab-st .tab_menu.k-tabstrip-items li.k-item.k-state-active{ height: 63px; margin-top: -10px; border: 1px solid #4e5bc2; border-bottom: 1px solid #ffffff;  font-size: 18px; font-weight: bold; color: #4e5bc2;}
.tab-st .tab_menu.k-tabstrip-items li.k-item.k-state-active:after{ content: ''; display: inline-block; position: absolute; bottom: 0; right: -10px; width: 9px; height: 57px; background: url("../../images/renewal/sub/tab_bg.png") no-repeat 0 0;}
.tab-st .tab_menu.k-tabstrip-items li.k-item span.k-link{ line-height: 53px; border-bottom: 0; background: transparent; color: #afb4c0;}
.tab-st .tab_menu.k-tabstrip-items li.k-item.k-state-active span.k-link{ line-height: 63px; border-bottom: 0; background: #ffffff; color: #4e5bc2;}
.tab-st .tab_cont{ margin-top: -5px; bord er-top: 1px solid #4e5bc2;}

/* 교육신청 탭 */
.tab-apply .tab_menu{ border-bottom: 0; background: none;}
.tab-apply .tab_menu li{ float: left; position: relative; width: 33.3%; height: 55px; margin: 0; line-height: 55px; border: 1px solid #e8e8e8; border-bottom: none; border-right: 0; font-size: 16px; color: #898989; letter-spacing: -0.04em;}
.tab-apply .tab_menu li:last-child{ border-right: 1px solid #e8e8e8;}
.tab-apply .tab_menu li:hover{ background: transparent;}
.tab-apply .tab_menu.k-tabstrip-items li.k-item.k-state-active{ border: 1px solid #444; border-bottom: 1px solid #ffffff; font-size: 16px; font-weight: bold; color: #333;}
.tab-apply .tab_menu.k-tabstrip-items li.k-item span.k-link{ line-height: 55px; border-bottom: 0; background: transparent; color: #898989;}
.tab-apply .tab_menu.k-tabstrip-items li.k-item.k-state-active span.k-link{ line-height: 63px; border-bottom: 0; background: #ffffff; color: #333;}
.tab-apply .tab_cont{ margin-top: -5px; border-top: 1px solid #e8e8e8;}

.k-grid .k-grid-header{ border-top: 0;}

/* 교육훈련 */
.edu-page-tit{ background:url("../../images/renewal/sub/visual_edu.png") no-repeat center center; background-size: cover;}
.result_info .tab_menu li{ width: 20%;}
.EeducationTraining .tab_cont{ }
.EeducationTraining .tab_cont h4.tit .fl-r{ float: right; margin-top: 4px; margin-right: 25px; font-size: 16px; font-weight: 500; transform: skew(-0.1deg); -webkit-transform: skew(-0.1deg);}
.EeducationTraining .tab_cont h4.tit .sp-name{ font-weight: bold; color: #333f9f;}
.EeducationTraining .tab_cont h4.tit .sp-date{ margin-left: 10px; font-size: 16px; font-weight: 500;}
.EeducationTraining .tab_cont h4.tit .remark{ font-size: 14px; color: #666666;}
.EeducationTraining .tab_cont h4.tit .jobinfo{ font-weight: bold; color: #212121;}
.EeducationTraining .tab_cont h4.tit .sp-jobinfo{ margin-left: 20px; padding: 7px 20px; border: 1px solid #444fa5; border-radius: 50px; color: #4e5bc2;}
.remark .icon-circle{ display: inline-block; width: 15px; height: 15px; margin: 0 3px; border: 1px solid #444fa5; border-radius: 50%; background: #4e5bc2; vertical-align: middle;}
/*.cmpt-category{ padding: 0 5px;}*/
/* .cmpt-category:after{ content: ''; display: block; clear: both;} */
/* .cmpt-category li{ float: left; position: relative; margin: 10px 31px 10px 5px; padding: 10px 36px; border: 1px solid #e0e0e0; border-radius: 50px; color: #666666; letter-spacing: -1px;} */
/* .cmpt-category li button{ position: absolute; top: 0; right: -28px; width: 38px; height: 38px; padding: 0; border: 1px solid #444fa5; border-radius: 50%; background: #4e5bc2; color: #ffffff; text-align: center;} */
/* .cmpt-category li button:hover, */
/* .cmpt-category li button:active, .cmpt-category li button:focus, .cmpt-category li button.active{ border: 1px solid #d9695e; background: #f27569; color: #ffffff; } */
/* button:focus, button:active{ outline: none !important; box-shadow: none !important;} */
/* .cmpt-category li.btn-all{ padding: 0; border: 0;} */
/* .cmpt-category li.btn-all button{ position: static; width: 100%; padding: 5px 36px; border: 1px solid #e0e0e0; border-radius: 50px; background: transparent; color: #666666;} */
.ptree_btn.sampleUrlBtn{ height: 39px; vertical-align: bottom;}

.EeducationTraining .date_select .ptree_looup_btn{ margin-left: 15px;}
.detail_Info table.data_list.table_type05{ border-top: 0;}
.detail_Info table.data_list .t_wrap th{ text-align: center;}
/*.result_info .tab-st .tab_menu{ margin-top: 70px;}*/
.detail_Info table.data_list .t_wrap .table_type05.table_type05_2 th,
.detail_Info table.data_list .t_wrap .table_type05.table_type05_2 td{ font-size: 13px;}
.t_wrap span{ display: block; margin: 5px 0;}


/* 경력관리 > 역량진단 */
.cmpt-page-tit{ background:url("../../images/renewal/sub/visual_cmpt.png") no-repeat center center; background-size: cover;}
.cmpt-content > h4{ display: block; margin: 40px 0 0; padding: 22px 0; border-top: 2px solid #212121; background: #f6f6f6; font-size: 16px; text-align: center; color: #212121; letter-spacing: -1px;}
.icon-import{ width: 25px; height: 25px; background: url("../../images/renewal/icon/icon_sub.png") no-repeat -25px -58px;}
.cmpt-content > h4 .icon{ margin-right: 10px; vertical-align: middle;}

/* 역량결과 */
.cmptEvlAnalysisCmpt .detail{ height: auto; margin-top: 40px; border-top: 2px solid #212121; border-bottom: 1px solid #e1e1e1; font-size: 16px; color: #212121; letter-spacing: -1px;}
.cmptEvlAnalysisCmpt .detail .fl-r{ font-size: 16px; color: #212121; letter-spacing: -1px;}
.cmptEvlAnalysisCmpt .detail:after{ content: ''; display: block; clear: both;}
.cmptEvlAnalysisCmpt .detail p{ display: inline-block; margin-right: 40px;}
.cmptEvlAnalysisCmpt .detail p:last-child{ margin-right: 0px;}
.fl-l{ float: left;}
.raund{ margin-right: 10px; padding: 8px 30px; border: 1px solid #6673c5; border-radius: 50px; color: #4e5bc2;}
.raund.bg-blue{ border: 1px solid #444fa5; background: #4e5bc2; color: #ffffff;}
.cmptEvlAnalysisCmpt .tab_menu ul li{ width: 25%;}
.cmptEvlAnalysisCmpt .tab_menu ul li.on{ bottom: -1px; margin-top: -11px;}
.cmptEvlAnalysisCmpt .tab_box{ margin-bottom: 0; padding: 0;}
.cmptEvlAnalysisCmpt .tab_box p{ padding: 30px; font-size: 16px; color: #666666; line-height: 1.8; letter-spacing: -1px;}
.cmptEvlAnalysisCmpt .tab_box .txt-box{ padding: 30px; background: #f9f9f9; font-size: 14px; color: #666666; line-height: 1.8; letter-spacing: -1px;}
.cmptEvlAnalysisCmpt .tab_box .txt-box .icon-nemo{ display: inline-block; width: 4px; height: 4px; margin-right: 15px; background: #828282; vertical-align: middle;}
.cmptEvlAnalysisCmpt .tab_box .txt-box .icon-nemo+span{ margin-right: 37px;}
.cmptEvlAnalysisCmpt .tab_box .txt-box .raund{ margin-right: 10px; padding: 8px 20px;}
.cmptEvlAnalysisCmpt .tab_box .txt-box > ul > li{ margin: 15px 0;}
.rstevlrun-name{ color: #f27569;}
.rstevlscore{ padding: 5px 14px; border: 1px solid #d9695e; border-radius: 50px; background: #f27569; font-weight: 300; color: #ffffff;}
.cmptEvlAnalysisCmpt h4{ display: block; margin-top: 30px; font-size: 20px; font-weight: bold; color: #212121; letter-spacing: -1px;}
.graph_list.mt30{ margin-top: 30px;}
.col-red{ color: #f27569;}
.coments_area .none_data{ padding: 30px; border-top: 1px solid #dbdbdb;}
.coments_data table tr th{ padding: 25px;}
.coments_data table tr td{ padding: 25px 30px; background: none; vertical-align: top;}
.coments_data table td div{ padding: 20px 30px; border: 1px solid #dbdbdb; border-radius: 0 30px 30px 30px; background: #ffffff; font-size: 14px; font-weight: 300; font-family: 'Noto Sans KR', sans-serif !important; line-height: 1.3; color: #888888;}
.coments_data table tr { border-top: 1px dashed #dbdbdb;}
.coments_data table tr:first-child{ border-top: 1px solid #dbdbdb;}
.coments_data tbody tr td.user-data .b0-normal { height: 40px; border: 0; background:url(../../images/renewal/sub/icon/cmpt_group_normal.png) no-repeat center 20px; font-size: 14px; padding: 5px 0 0 50px; line-height: 15px; text-align: left; background-position: left;}
.coments_data tbody tr td.user-data .b0-normal strong { font-weight: bold; color: #5e5e5e;}
.coments_data tbody tr td.user-data .b0-normal span{ font-weight: 300; color: #888;}
.coments_data tbody tr td.user-data .b01 {background:url(../../images/renewal/sub/icon/cmpt_group3.png) no-repeat; padding: 10px 0 10px 39px; text-align: left; background-position: left;}
.coments_data tbody tr td.user-data .b02 {background:url(../../images/renewal/sub/icon/cmpt_group2.png) no-repeat; padding: 10px 0 10px 39px; text-align: left; background-position: left;}
.coments_data tbody tr td.user-data .b03 {background:url(../../images/renewal/sub/icon/cmpt_group.png) no-repeat; padding: 10px 0 10px 39px; text-align: left; background-position: left;}
.coments_data tbody tr td.user-data .b04 {background:url(../../images/renewal/sub/icon/cmpt_group4.png) no-repeat; padding: 10px 0 10px 39px; text-align: left; background-position: left;}

.cmpt_edu_table_info.tab_box{ padding: 30px;}
.cmpt_edu_table_info.tab_box > img{ display: block; margin: 0 auto 13px;}
.cmpt_edu_table_info.tab_box > p{ padding: 0 0 30px; margin-bottom: 30px; line-height: 24px; text-align: center; font-size: 14px; color: #666; letter-spacing: -0.03em; border-bottom: 1px solid #dbdbdb;}
.cmpt_edu_table_info.tab_box .remark{ color: #666666; letter-spacing: -1px;}
.cmpt-category-box{ margin: 20px 0;}
.k-grid.k-widget{ text-align: center;}

/* 경력관리 > 역량진단 > 레이어팝업 */
.layerpop-cmpt .container{ margin-top: 0;}
.layerpop-cmpt{ display: none; position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0,0,0,.8); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.layerpop-cmpt.show{ display: block; opacity: 1; z-index: 10000;}
.layerpop-cmpt > .popup{ position: fixed; width: 1340px; height: 860px; border-radius: 20px; background: #ffffff;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.layerpop-cmpt > .popup{ -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.layerpop-cmpt > .popup.pop-show{ visibility: visible;}
.layerpop-cmpt > .popup.pop-show{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}
.layerpop-cmpt > .popup .pop-cont{ width: 98%; height: 97%; margin: 10px auto; /*overflow-y: auto;*/}

.cmptEvl .detail{ border-top: 2px solid #212121; border-bottom: 1px solid #e1e1e1;}
.cmptEvl .detail p{ display: inline-block; margin-right: 40px; font-size: 16px; color: #212121; letter-spacing: -1px;}
.cmptEvl .detail p:last-child{ margin-right: 0;}
.cmptEvl h4{ display: block; margin-top: 30px; font-size: 20px; font-weight: bold; color: #000000; letter-spacing: -1px;}
.popup .contents{ min-height: auto; margin-bottom: 0;}
.popup .top_cont.step-wrap{ padding: 15px 0px 5px;}
.raund.raund-red{ border: 1px solid #ff8276; color: #ff8276;}
.cmpt-jaga-wrap .state{ margin-right: 0; color: #888888;}
.cmpt-jaga-wrap .state #eNum{ color: #ff8276;}
.cmpt-jaga-wrap .state #tNum{ color: #212121;}
.cmpt-jaga-wrap table.table_type05 th{ width: auto;}
.cmpt-jaga-wrap table.table_type05 td{ position: relative;}
.cmpt-jaga-wrap table.table_type05 td label{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 52px;}
/*.cmpt-table-wrap{ position: relative; padding-top: 63px;}*/
/*.cmpt-table-form{ height: 345px; overflow-y: auto;}*/
/*.cmpt-table-form table{ width: 100%; table-layout: fixed;}*/
/*.cmpt-table-form table tr{ display: inline-block; width: 100%; table-layout: fixed;}*/
/*.cmpt-table-form table thead tr{ position: absolute; top: 0; left: 0; right: 0;}*/
/*.cmpt-table-form table tbody tr{ display: table-row;}*/
#userQuestArea.k-grid .k-grid-content table tr td{ padding: 24px 10px;}

.txt-left{ text-align: left !important;}

/* 다면진단 */
.cmptMsd:after{ content: ''; display: block; clear: both;}
.cmptEvl.cmptMsd .detail{ border-bottom: 1px solid #212121; background: #ffffff;}
.cmptEvl.cmptMsd li.step.on .step-bg .circle{ background-color: #8c8c8c;}
.cmptEvl .step-wrap .d_step{ padding-bottom: 0;}
.cmptMsd li.step.on .step-box > strong{ color: #212121;}
.cmptEvl .cmpt-title{ padding: 15px; font-size: 20px; text-align: left;}
.cmptEvl .cmpt-title span{ margin-right: 5px; font-size: 15px; font-weight: 500; vertical-align: text-top;}
.cmptMsd .cmpt-wrap{ float: left; position: relative; width: 100%; margin-top: -3px; border-bottom: 2px solid #212121;}
.cmptMsd .cmpt-wrap .d_question .d_info th{ padding: 15px 20px; border-right: 1px solid #e1e1e1; background: #f9f9f9; font-size: 16px; font-weight: 500; color: #010101; text-align: left;}
.cmptMsd .cmpt-wrap .d_question .d_info tbody th{ padding: 40px 20px; background: #ffffff; font-size: 12px; font-weight: 500; color: #5e5e5e;}
.cmptMsd .cmpt-wrap .d_question .d_info td{ padding: 15px 20px; font-size: 13px; font-weight: 500; color: #888888; line-height: 1.5; letter-spacing: -1px;}
.cmptMsd .d_question{ float: left; width: 20%;}
.cmptMsd .d_question.cmpt-content{ position: relative; width: 100%; margin-top: 0;}
.cmpt-wrap .d_question{ border-top: 0;}
.diag-area-wrap{ border-right: 1px solid #e1e1e1;}
.diag-area-tit{ padding: 15px 20px; border-bottom: 1px solid #e1e1e1; font-size: 14px; color: #888888; letter-spacing: -1px;}
.diag-area-tit:after{ content: ''; display: block; clear: both;}
.diag-area-tit p{ float: left; margin-top: 3px;}
.diag-area-tit .state{ margin: 0; font-size: 18px;}
.d_question.cmpt-content .diag_Area{ float: none; width: 1220px; height: 565px; margin: 0 auto; padding: 0; overflow: auto;}
.d_question.cmpt-content .diag_Area .ex-num{ display: inline-block; position: absolute; top: 0; left: 30px; width: 48px; height: 48px; border: 1px solid #d9695e; background: #f27569; font-size: 18px; color: #ffffff; text-align: center; line-height: 48px; letter-spacing: -1px;}
.d_question .diag_Area .ques_txt{ position: relative; min-height: 110px; margin: 0; padding: 25px 30px 25px 95px; border: 1px solid #e5e5e5; border-bottom: 0; background: #f9f9f9;}
.d_question .diag_Area .ques_txt p{ font-size: 20px; line-height: 1.5; color: #212121;}
.cmptMsd .table-head thead tr th{ padding: 17px 10px; font-size: 15px; font-weight: 400; letter-spacing: 1px;}
.cmptMsd .d_question.cmpt-info{ display: none;}
.cmptMsd .state #eNum{ color: #f27569;}
.cmptMsd .diag-area-wrap{ border: 0;}
.cmptMsd .diag-area-tit{ border: 0;}
.cmptMsd .table-user { border-left: 0;}
.cmptMsd .table-user tr td > div strong{ display: block; width: 100px; font-size: 14px; color: #5e5e5e;}
.cmptMsd .table-user tr td > div span{ font-size: 12px; font-weight: 400; color: #888888;}
.cmptMsd .table-scroll-body{ height: 202px; border-bottom: 0;}
.cmptMsd .table-scroll-body dl dd > div{ background: #ffffff;}
.cmptMsd .ques_Area{ position: relative;}
.cmptMsd .ques_Area dl{ border: 0;}
.cmptMsd .q_wrap{ position: relative; padding: 0;}
.q_wrap dl.user_val dd{ width: 100%; padding: 17px 0;}
.q_wrap dl.user_val dd .demo-section.k-header{ background: url(../../images/renewal/sub/k-slider_bg.png) right center; background-repeat: repeat-x;}
.q_wrap dl.user_val dd .k-slider-horizontal .k-draghandle{ width: 34px; height: 34px; background: url(../../images/renewal/sub/icon/icon_slider.png) no-repeat center center;}
.q_wrap dl.user_val dd .k-slider-track{ margin-left: -95px;}
.k-slider-horizontal .k-label{ display: none;}
.k-slider-horizontal .k-tick{ background-image: url(../../images/renewal/sub/icon/icon_slider_bar.png); background-position: center 7px;}
.table-user tbody{ border-left: 1px solid #e5e5e5;}
.table-user tbody tr td{ padding: 0px 10px;}
.table-user tbody tr td > div{ height: 48px; line-height: 1;}
.cmptMsd .table-user tbody tr td .b01 {background:url(../../images/renewal/sub/icon/cmpt_group3.png) no-repeat; padding: 10px 0 10px 39px; text-align: left; background-position: left;}
.cmptMsd .table-user tbody tr td .b02 {background:url(../../images/renewal/sub/icon/cmpt_group2.png) no-repeat; padding: 10px 0 10px 39px; text-align: left; background-position: left;}
.cmptMsd .table-user tbody tr td .b03 {background:url(../../images/renewal/sub/icon/cmpt_group.png) no-repeat; padding: 10px 0 10px 39px; text-align: left; background-position: left;}
.cmptMsd .table-user tbody tr td .b04 {background:url(../../images/renewal/sub/icon/cmpt_group4.png) no-repeat; padding: 10px 0 10px 39px; text-align: left; background-position: left;}
.cmptMsd .user-wrap .icon-import{ width: 18px; height: 18px; background: url("../../images/renewal/sub/icon/icon_import_red.png") no-repeat; vertical-align: bottom;}
.cmptMsd .q_wrap{ height: auto;}
.line-dott{ display: block; width: 95%; height: 1px; margin: 0 auto; border-top: 1px dashed #e5e5e5;}

.endFront{ display: none; padding: 300px 30px 30px; background: url("../../images/renewal/sub/icon/cmpt_end.png") no-repeat center 138px;}
.endFront .txt-box{ letter-spacing: -1px;}
.endFront .txt-box strong{ display: block; margin-bottom: 22px; font-size: 30px; font-weight: 500; color: #212121; }
.endFront .txt-box p{ font-size: 18px; color: #666666; line-height: 1.5;}
.endFront .txt-box p span{}
.endFront .btn-area{ margin-top: 68px;}
.endFront .btn-area button{ width: 90px;}

.cmptImport{ border: 0; background: transparent;}
.cmpt-info{ display: none; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; width: 85.5%; padding: 18px 33px; background: #5b5b5b; color: #ffffff; text-align: left;}
.cmpt-info.on{ display: block;}
.cmpt-info h5{ display: inline-block; padding: 0 10px; font-size: 18px; font-weight: 500;}
.cmpt-info .cmptImport{ float: right;}
.cmpt-info .cmptImport .icon-import{ width: 18px; height: 18px; background: url("../../images/renewal/sub/icon/icon_import_red.png") no-repeat; vertical-align: bottom;}
.cmpt-info .cmptImport .icon-del{ width: 20px; height: 20px; background: url("../../images/renewal/icon/icon.png") no-repeat -460px -385px;}
.cmpt-info .u_wrap > ul > li{ padding: 10px; border-bottom: 1px dashed rgba(255, 255, 255, .3);}
.cmpt-info .u_wrap > ul > li:last-child{ border: 0;}
.cmpt-info .u_wrap > ul > li:after{ content: ''; display: block; clear: both; }
.cmpt-info .u_wrap > ul > li > p{ display: inline-block; float: left; margin-top: 8px; padding: 8px 20px; border-radius: 50px; font-size: 13px; font-weight: bold;}
.cmpt-info .u_wrap > ul > li.g04 > p{ background: #f27569;}
.cmpt-info .u_wrap > ul > li.g03 > p{ background: #29bb97;}
.cmpt-info .u_wrap > ul > li.g02 > p{ background: #1cb8cb;}
.cmpt-info .u_wrap > ul > li.g01 > p{ background: #f6b265;}
.cmpt-info .u_wrap > ul > li.g04 ul li{ background: url("../../images/renewal/sub/icon/cmpt_group4.png") no-repeat;}
.cmpt-info .u_wrap > ul > li.g03 ul li{ background: url("../../images/renewal/sub/icon/cmpt_group.png") no-repeat;}
.cmpt-info .u_wrap > ul > li.g02 ul li{ background: url("../../images/renewal/sub/icon/cmpt_group2.png") no-repeat;}
.cmpt-info .u_wrap > ul > li.g01 ul li{ background: url("../../images/renewal/sub/icon/cmpt_group3.png") no-repeat;}
.cmpt-info .u_wrap > ul > li > div{ float: left; width: 857px; height: 48px; margin-left: 16px; overflow-x: auto; white-space: nowrap;}
.cmpt-info .u_wrap > ul > li > div li{ display: inline-block; height: 35px; margin-right: 20px; padding-left: 40px;}
.cmpt-info .u_wrap > ul > li > div li:last-child{ margin-right: 0;}
.cmpt-info .u_wrap > ul > li > div li p{ margin-top: 3px;}
.cmpt-info .u_wrap > ul > li > div li p span{ display: block; font-size: 12px;}
.cmpt-info .u_wrap > ul > li > div .data-none{ line-height: 45px;}

.btn-arrow{ display: inline-block; position: absolute; top: 50%; width: 40px; height: 54px; border: 1px solid #cccccc; border-radius: 5px 0 0 5px; background: #ffffff; text-align: center; box-shadow: rgba(0,0,0,.15) 1px 0 2px;}
.btn-arrow.arrow-l{ left: -10px; border-right: 0;}
.btn-arrow.arrow-r{ right: -10px; border-left: 0; border-radius: 0px 5px 5px 0px;}
.btn-arrow .icon{ width: 13px; height: 22px; margin-top: 15px; }
.btn-arrow .icon-arrow-l{ background: url("../../images/renewal/sub/icon/icon_arrow_l.png") no-repeat;}
.btn-arrow .icon-arrow-r{ background: url("../../images/renewal/sub/icon/icon_arrow_r.png") no-repeat;}
.col-red{ color: #f27569;}

/* 경력개발계획 */
.cdp-page-tit{ background:url("../../images/renewal/sub/visual_cdp.png") no-repeat center center; background-size: cover;}
.user-cdp .step-wrap{ margin: 40px 0 30px;}
.user-cdp .step-wrap ul li{ background-position: 360px center;}
.user-cdp .step-wrap ul li .step-bg{ width: 85px; margin: 0; padding: 0;}
.user-cdp .step-wrap ul li .step-bg .circle{ width: 60px; height: 60px; margin: 0; background-image: none; font-size: 19px; color: #ffffff; line-height: 1; text-transform: uppercase;}
.user-cdp .step-wrap ul li .step-bg .circle small{ display: inline-block; margin-top: 16px; font-size: 11px; }
.user-cdp .step-wrap ul li .step-box{ text-align: left;}
.user-cdp .step-wrap ul li .step-box strong{ display: block; margin-bottom: 8px; font-size: 20px; color: #3d4495; letter-spacing: -1px;}
.user-cdp .step-wrap ul li .step-box p{ font-size: 13px; color: #666666;}

.tab-st.tab-two .tab_menu li{ width: 50%;}
.user-cdp .tab_cont{ padding: 30px; text-align: left;}
.user-cdp .tab_cont h4{ display: inline-block; margin: 15px 0; font-size: 18px; color: #212121; letter-spacing: -1px;}
.user-cdp .tab_cont h4.mt30{ margin-top: 30px;}
.user-cdp .tab_cont h4 span{ margin-left: 20px; font-size: 13px; font-weight: 400; color: #888888; letter-spacing: -1px;}
ul.select_Area01{ padding: 20px 0; border-bottom: 1px solid #dbdbdb; }
ul.select_Area01 li:first-child{ width: 120px;}
ul.select_Area01 li{ margin-right: 10px;}
.goal_inp+ul.select_Area01{ padding: 0 0 20px;}
.user-cdp .ptree_looup_btn{ height: auto;}
.select_Area01 .ptree_btn.ptree_close{ width: 36px; height: 36px; padding: 10px;}
.user-cdp .ptree_close:hover{ background: #f1f1f1;}
.user-cdp .ptree_close .icon-close{ vertical-align: bottom;}
.ptree_btn.ptree_close{ border: 1px solid #a0a0a0; background: #ffffff;}
.ptree_looup_btn.del_btn{ border: 1px solid #919191; background: #a6a6a6;}
.ptree_looup_btn.del_btn:hover{ background: #ffffff;}
.user-cdp .plan01_wp+h4{ margin-top: 30px;}
.user-cdp .k-tabstrip-wrapper .tab_cont{ padding: 0; border: 0;}
.user-cdp .k-tabstrip-wrapper .tab_cont .tab_cont_cont{ border: 1px solid #dbdbdb; width: 100%; box-sizing: border-box; padding: 20px 2%;}
.user-cdp .tab-st .tab_menu li{ border-bottom: 1px solid #4e5bc2;}

.user-cdp .accordion h4{ display: inline-block; font-size: 22px;}
.user-cdp .accordion h4 span{ font-size: 22px; font-weight: bold; color: #333f9f; letter-spacing: -1px;}
.state_wrap .accordion dt #isEnoughReqNm.raund-nm{ display: inline-block; width: 220px; margin-left: 25px; padding: 16px 0; border-radius: 50px; background: #f27569; font-size: 22px; font-weight: bold; text-align: center; color: #ffffff; letter-spacing: -1px;}
.user-cdp .title button{ margin: 15px 0;}
#eduPlanGrid{ margin-top: -10px;}

/* 게시판 */
.board-page-tit{ background:url("../../images/renewal/sub/visual_sub2.png") no-repeat center center; background-size: cover;}
.PTreeBoardMain{ margin-top: 30px;}
.PTreeBoardMain .btn_right{ margin-bottom: 15px;}
.PTreeBoardDetail,
.PTreeBoardUpdate{ margin-top: 30px;}

/* 소개 */
.intro-page-tit{ background:url("../../images/renewal/sub/visual_sub.png") no-repeat center center; background-size: cover;}
#company_intro{ margin-top: 30px;}

/* 부서장 */
.master-page-tit{ background:url("../../images/renewal/sub/visual_sub3.png") no-repeat center center; background-size: cover;}
.result_info{ margin-top: 30px;}
.form-group{ margin-bottom: 5px; padding: 5px 0; border-bottom: 1px dashed #ededed;}
.btn_right{ margin-bottom: 10px;}
.f-group{ width: 100%;}
.f-group:after{ content: ''; display: block; clear: both;}
.line-dashed{ border-bottom: 1px dashed #e1e1e1;}
ul.select_Area02 li.tit:first-child{ padding: 15px 0 10px 10px;}
.CDResult .btn_right{ display: inline-block;}

.icon-close{ width: 15px; height: 15px; background: url("../../images/renewal/icon/icon_sub.png") no-repeat -64px -58px;}
.fl-r{ float: right;}

.table_type06{ width: 100%;}
.table_type06 th,
.table_type06 td{ padding: 11px 10px; border: 1px solid #dbdbdb; border-left: 0; border-top: 0; font-size: 14px; color: #333333; text-align: center; letter-spacing: -1px;}
.table_type06 th{ border-top: 1px solid #212121; background: #f3f4f5; font-weight: 400; }
.table_type06 th:last-child,
.table_type06 td:last-child{ border-right: 0;}

table .ptree_btn{ padding: 7px 20px;}
table .ptree_btn,
table .ptree_looup_btn{ border-radius: 0; }
table .ptree_looup_btn{ width: 65px;}
table .ptree_btn span,
table .ptree_looup_btn span{ font-size: 12px; font-weight: 400; line-height: 1.2;}

.k-grid .k-grid-content table tr td a.ptree_btn{ text-decoration: none;}
.k-window .k-window-titlebar{ padding: 15px 0;}
.k-window-title{ font-size: 18px;}
.k-window .k-window-titlebar .k-window-actions{ padding-top: 1em !important;}
.plan01_wp .k-grid .k-grid-content table tr td{ text-overflow: clip;}

div#change-password-window.k-window-content table tr td{ width: 25%; }
div#change-password-window.k-window-content table tr td:last-child{ width: 60%; }

input[type="checkbox"]{ width: 18px; height: 18px; }
input[type="checkbox"]+label span{ font-size: 16px; vertical-align: top;}
.g_check_list input[type="checkbox"]{ margin-left: 10px; margin-right: 6px;}
.k-grid-content input[type="checkbox"]{ vertical-align: middle;}
.k-grid .k-grid-header .k-grid-header-wrap table thead th input[type="checkbox"]{ margin-left: 5px; vertical-align: middle;}
.k-dropdown-wrap .k-input{ height: 34px;}

/* 20191021 KHJ 역량진단 */
.ans_list li:after { content: ''; display: block; clear: both;}
.ans_list textarea { width: 100%; height: 80px; padding: 10px; border: 1px solid #dbdbdb;}
.ans_list .user_val { float: left; width: 180px; padding: 10px;}
.ans_list .user_val .b01 {background:url(../../images/renewal/sub/icon/cmpt_group3.png) no-repeat; padding: 10px 0 10px 39px; text-align: left; background-position: left;}
.ans_list .user_val .b02 {background:url(../../images/renewal/sub/icon/cmpt_group2.png) no-repeat; padding: 10px 0 10px 39px; text-align: left; background-position: left;}
.ans_list .user_val .b03 {background:url(../../images/renewal/sub/icon/cmpt_group.png) no-repeat; padding: 10px 0 10px 39px; text-align: left; background-position: left;}
.ans_list .user_val .b04 {background:url(../../images/renewal/sub/icon/cmpt_group4.png) no-repeat; padding: 10px 0 10px 39px; text-align: left; background-position: left;}
.ans_list .user_val strong { display: block; width: 100px; font-size: 14px; color: #5e5e5e;}
.ans_list .user_val span { font-size: 12px; font-weight: 400; color: #888888;}

.ans_list .comm-txt { float: left; width: 890px; padding: 10px;}

#userList tr.user_val { position: relative;}

@media screen and (max-width : 1549px) {
    .container-a{ width: 1519px;}
}
@media screen and (max-width : 1300px) {
    .container-a{ width: 1280px;}
}

/* 20210517 교육신청페이지 리뉴얼 */
.pt_date_select .apply-dropdown{ float: left; border: 1px solid #e8e8e8;}
.pt_date_select .apply-dropdown.k-dropdown .k-dropdown-wrap .k-input{ font-size: 14px; color: #444; font-weight: 400; letter-spacing: -0.02em; border-right: none;}
.pt_date_select .apply-dropdown.k-dropdown .k-dropdown-wrap .k-select{ background: url(/images/ico/icon_dropdown.png) no-repeat 50% 50% #fff; }
.pt_date_select .apply-dropdown.k-dropdown .k-dropdown-wrap .k-select .k-icon{ display: none;}
.pt_date_select #btnFilter{ float: left; width: 100px; height: 40px; padding: 0 15px; margin-left: 8px; font-size: 14px; color: #444; font-weight: 400; letter-spacing: -0.02em; border: 1px solid #e8e8e8; background: #fff; box-sizing: border-box;}
.pt_date_select #btnFilter > img{ margin-left: 10px; vertical-align: middle;}
.pt_date_select .filter-wrap{ float: left;}
.pt_date_select .filter-box{ display: none; position: absolute; top: 39px; right: 0; padding: 20px; border-radius: 8px; border: 1px solid #ddd; background: #fff; box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.05); box-sizing: border-box;}
.pt_date_select .filter-box > ul{ display: inline-block;}
.pt_date_select .filter-box > ul > li{ float: left; width: auto; height: 38px; padding-left: 37px; padding-right: 20px; margin-right: 7px; line-height: 38px; font-size: 14px; color: #565656; font-weight: 400; letter-spacing: -0.02em; border-radius: 20px; border: 1px solid #dadada; background: url(/images/ico/icon_filter_off.png) no-repeat 17px 50% #fff; box-sizing: border-box; cursor: pointer;}
.pt_date_select .filter-box > ul > li:last-child{ margin-right: 0;}
.pt_date_select .filter-box > ul > li.on{ color: #fff; font-weight: bold; border-color: 5e6cdf; background: url(/images/ico/icon_filter_on.png) no-repeat 17px 50% #5e6cdf;}
.pt_date_select .search-wrap{ position: relative; float: left; width: 225px; height: 40px; margin-left: 8px; border: 1px solid #e8e8e8; box-sizing: border-box; overflow: hidden;}
.pt_date_select .search-wrap > input{ width: 100%; height: 100%; padding: 0 40px 0 15px; font-size: 14px; color: #b0b0b0; letter-spacing: -0.02em; border: none;}
.pt_date_select .search-wrap > span{ position: absolute; top: 0; right: 0; display: inline-block; width: 40px; height: 40px; background: url(/images/ico/icon_search.png) no-repeat 50% 50% #fff; cursor: pointer;}

/* 목록 */
.cmpt-tit{ display: inline-block; float: left; margin-top: 30px; margin-right: 10px; line-height: 40px; text-align: left; font-size: 25px; color: #222; font-weight: 400; letter-spacing: -0.03em;}
.cmpt-tit > span{ font-weight: bold;}
.cmpt-date{ display: inline-block; float: left; margin-top: 30px; line-height: 40px; text-align: left; font-size: 21px; color: #a9a9a9; font-weight: 300; letter-spacing: -0.03em;}
.cmpt-alert{ display: inline-block; width: 100%; margin: 30px 0 20px; line-height: 20px; text-align: left; font-size: 13px; color: #999; letter-spacing: -0.02em;}
.cmpt-alert > img{ line-height: 20px; margin-right: 7.5px; vertical-align: middle;}
#graph_list .cmpt-alert{ padding: 0; margin: 10px auto 0;}
.cmpt-date-wrap{ float: right; display: inline-block; margin-top: 30px;}
.cmpt-date-wrap #cmptDate{ display: inline-block; width: 40px; height: 40px; border-radius: 0; border: 1px solid #e8e8e8; background: url(/images/ico/icon_calendar.png) no-repeat 50% 50% #fff; cursor: pointer; box-sizing: border-box;}
.edu-list-wrap{ display: inline-block; width: 100%; border-bottom: 1px solid #e8e8e8;}
.edu-list-tit{ margin-bottom: 18px; line-height: 40px; text-align: left; font-size: 25px; color: #222; font-weight: 500; letter-spacing: -0.03em;}
.edu-list-tit > span{ font-weight: bold;}
.edu-list-wrap h3{ margin-bottom: 18px; line-height: 40px; text-align: left; font-size: 25px; color: #222; font-weight: 500; letter-spacing: -0.03em;}
.edu-list-wrap h3 > span{ font-weight: bold;}
.edu-list-wrap .edu-list{ position: relative; float: left; width: 30%; height: 425px; margin-right: 5%; margin-bottom: 30px;}
.edu-list-wrap .edu-list:nth-child(3n){ margin-right: 0;}
.edu-list-wrap .edu-list .edu-tag{ position: absolute; top: 0; right: 0; display: inline-block; width: 52px; height: 52px; line-height: 52px; text-align: center; font-size: 13px; color: #fff; letter-spacing: -0.05em;}
.edu-list-wrap .edu-list .edu-tag.tag-rq{ background: #7d89ec;}
.edu-list-wrap .edu-list .edu-tag.tag-op{ background: #44465c;}
.edu-list-wrap .edu-list .edu-tag.tag-pass{ background: #10c0b8;}
.edu-list-wrap .edu-list .thum-wrap{ width: 100%; height: 255px; line-height: 255px; text-align: center; overflow: hidden; cursor: pointer; background: #fbfbfb;}
.edu-list-wrap .edu-list .thum-wrap > img{ width: 100%; line-height: 255px; vertical-align: middle;}
.edu-list-wrap .edu-list .thum-wrap .none-img{ width: 100%; height: 100%; padding-top: 110px; border: 1px solid #e8e8e8; background: #fbfbfb; box-sizing: border-box;}
.edu-list-wrap .edu-list .thum-wrap .none-img > img{ display: block; margin: 0 auto 10px; -webkit-filter: grayscale(100%); filter: gray;}
.edu-list-wrap .edu-list .thum-wrap .none-img > p{ line-height: 20px; font-size: 14px; color: #b0b0b0; font-weight: 400; letter-spacing: -0.02em;}
.edu-list-wrap .edu-list .edu-info{ width: 100%; padding: 20px 0 22px; text-align: left; box-sizing: border-box;}
.edu-list-wrap .edu-list .edu-info .trng-nm{ display: inline-block; width: auto; padding-bottom: 5px; line-height: 21px; font-size: 14px; color: #25282d; font-weight: bold; letter-spacing: -0.02em; border-bottom: 2px solid #25282d;}
.edu-list-wrap .edu-list .edu-info .avg-star-list{ display: inline-block; float: right; margin-top: 3px;}
.edu-list-wrap .edu-list .edu-info .star-cnt{ display: inline-block; float: right; width: auto; line-height: 27px; font-size: 14px; color: #b0b0b0; font-weight: 500;}
.edu-list-wrap .edu-list .edu-info .star-cnt > img{ vertical-align: middle; margin-right: 5px;}
.edu-list-wrap .edu-list .edu-info .edu-tit{ width: 100%; height: 58px; margin: 12px auto 8px; line-height: 29px; text-align: left; font-size: 20px; color: #222; font-weight: 500; letter-spacing: -0.02em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; cursor: pointer;}
.edu-list-wrap .edu-list .edu-info .edu-date{ width: 100%; line-height: 21px; text-align: left; font-size: 14px; color: #676767; font-weight: 400; letter-spacing: -0.02em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.edu-list-wrap .edu-list .edu-cmplt{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 255px; padding-top: 85px; background: rgba(255,255,255,0.8); z-index: 90;}
.edu-list-wrap .edu-list .edu-cmplt > span{ display: inline-block; width: 94px; height: 94px; line-height: 94px; text-align: center; font-size: 20px; color: #fff; font-weight: bold; letter-spacing: -0.02em; border-radius: 100%; background: #e4534f;}
.btn-more{ width: 100%; padding: 30px 0; margin-bottom: 20px; text-align: center; line-height: 27px; font-size: 16px; color: #999; letter-spacing: -0.02em; border: none; background: none;}

.cmpt-category:after{ content: ''; display: block; clear: both;}
.cmpt-category li{ float: left; position: relative; margin: 5px 3.5px; border: none;}
.cmpt-category li button{ width: auto; height: 62px; padding: 10px 15px; line-height: 20px; font-size: 12px; color: #565656; font-weight: normal; letter-spacing: -0.02em; border-radius: 10px; border: none; background: #f8f8f8;}
.cmpt-category li button > span{ display: block;margin-bottom: 5px; line-height: 17px; text-align: center; font-size: 21px; color: #565656; font-weight: bold;}
.cmpt-category li button:hover{ color: #4e5bc2; background: #f4f6ff;}
.cmpt-category li button:hover > span{ color: #4e5bc2; font-weight: bold;}
.cmpt-category li button:active, .cmpt-category li button:focus, .cmpt-category li button.active{ color: #fff; font-weight: bold; background: #5e6cdf;}
.cmpt-category li button:active > span, .cmpt-category li button:focus > span, .cmpt-category li button.active > span{ color: #fff; font-weight: bold;}
/* button:focus, button:active{ outline: none !important; box-shadow: none !important;} */
/* .cmpt-category li.btn-all{ padding: 0; border: 0;} */
/* .cmpt-category li.btn-all button{ position: static; width: 100%; padding: 5px 36px; border-radius: 20px; background: #f7f7f7; color: #666666;} */

/* 데이터가 없는 경우 */
.none-data{ width: 100%; height: auto; padding: 200px 0; text-align: center;}
.none-data > img{ display: block; margin: 0 auto 15px;}
.none-data > p{ line-height: 25px; font-size: 16px; color: #b0b0b0; font-weight: 400; letter-spacing: -0.05em;}

/* 역량진단 > 추천교육탭 > 교육목록*/
#cmptEduList .edu-list .trng-nm{ padding: 0; padding-bottom: 5px;}
#cmptEduList .edu-list .edu-info .edu-tit{ padding: 0;}
#cmptEduList .edu-list .edu-info .edu-date{ padding: 0;}

/* 교육과정 상세페이지 */
.container .detail-top-wrap{ width: 100%; height: 545px; margin-top: -50px; overflow: hidden;}
.detail-top-wrap .title-wrap{ position: relative; width: 1280px; height: 100%; padding-top: 285px; margin: 0 auto; text-align: left; text-align: left;}
.container .state-wrap{ position: absolute; top: 50px; left: 0; right: 0; width: 1280px; margin: 0 auto;}
.container .state-wrap #eduState{ display: inline-block; float: right; width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 20px; color: #fff; font-weight: 700; letter-spacing: -0.02em; background: #e4534f; box-sizing: border-box;}
.detail-top-wrap .title-wrap .trng{ display: inline-block; width: auto; padding-bottom: 9px; margin-bottom: 20px; line-height: 21px; text-align: center; font-size: 18px; color: #fff; font-weight: 500; letter-spacing: -0.02em; border-bottom: 2px solid #fff; box-sizing: border-box;}
.detail-top-wrap .title-wrap > h2{ width: 100%; line-height: 53px; text-align: left; font-size: 50px; color: #fff; font-weight: bold; letter-spacing: -0.02em;}
.contents .detail-cont{ float: left; width: 880px; padding-top: 50px;}
.detail-cont .tag-box{ display: inline-block; float: left; width: auto; height: 26px; padding: 0 13px; margin-bottom: 10px; line-height: 26px; font-size: 13px; font-weight: 500; letter-spacing: -0.05em; border-radius: 2px; box-sizing: border-box;}
.detail-cont .tag-box.tag-rq{ color: #7d89ec; border: 1px solid #7d86ec;}
.detail-cont .tag-box.tag-op{ color: #44465c; border: 1px solid #44465c;}
.detail-cont .tag-box.tag-pass{ color: #00b0a8; border: 1px solid #00b0a8;}
.detail-cont .edu-tit{ float: left; width: 100%; margin: 10px 0 25px; line-height: 44px; text-align: left; font-size: 32px; color: #25282d; font-weight: 500; letter-spacing: -0.02em;}
.detail-cont .edu-cont{ float: left; width: 100%; margin-bottom: 25px; line-height: 26px; text-align: left; font-size: 15px; color: #676767; font-weight: 400; letter-spacing: -0.02em;}
.detail-cont .detail-tab{ display: inline-block; width: 100%;}
.detail-cont .detail-tab > ul > li{ float: left; width: 33.33%; height: 55px; margin: 0; padding: 0; line-height: 55px; text-align: center; border: 1px solid #e8e8e8; border-right: none; background: #fff; box-sizing: border-box;}
.detail-cont .detail-tab > ul > li:last-child{ border-right: 1px solid #e8e8e8;}
.detail-cont .detail-tab > ul > li:hover{ border: 1px solid #444; border-bottom: none;}
.detail-cont .detail-tab > ul > li:hover > a{ color: #333; font-weight: 500;}
.detail-cont .detail-tab > ul > li.tab-on{ border: 1px solid #444; border-bottom: none;}
.detail-cont .detail-tab > ul > li > a{ display: inline-block; width: 100%; height: 100%; font-size: 16px; color: #898989; font-weight: 400; letter-spacing: -0.03em; cursor: pointer;}
.detail-cont .detail-tab > ul > li.tab-on > a{ color: #333; font-weight: 500;}
.detail-cont .detail-tab .tab-cont{ display: inline-block; width: 100%; padding-top: 30px; margin-bottom: 30px; border: none;}
.detail-cont .detail-tab .tab-cont > h3{ display: inline-block; width: 100%; height: 50px; line-height: 50px; text-align: left; font-size: 20px; color: #333; font-weight: 500; letter-spacing: -0.02em; border-bottom: 1px solid #444;}
.detail-cont .detail-tab .tab-cont > h3 #satisfyCnt{ display: inline-block; width: auto; height: 27px; padding: 0 11px; margin-left: 8px; line-height: 27px; text-align: center; font-size: 16px; color: #4e5bc2; font-weight: 700; background: #f4f6ff;}
.detail-cont .detail-tab .tab-cont .course-cont{ width: 100%; padding: 20px 15px; border-bottom: 1px solid #e8e8e8; box-sizing: border-box;}
.detail-cont .detail-tab .tab-cont .course-cont > h4{ display: inline-block; width: 100%; margin-bottom: 15px; line-height: 23px; text-align: left; font-size: 16px; color: #444; font-weight: 500; letter-spacing: -0.02em;}
.detail-cont .detail-tab .tab-cont .course-cont > textarea{ width: 100%; height: auto; border: none;}
.detail-cont .detail-tab .tab-cont .course-cont > p{ display: inline-block; width: 100%; line-height: 26px; text-align: left; font-size: 15px; color: #767676; font-weight: 400; letter-spacing: -0.02em;}
.detail-cont .detail-tab .tab-cont .course-cont > p > pre{ font-family: 'Noto Sans', sans-serif; word-break: break-all; white-space: pre-line;}
.detail-cont .detail-tab .tab-cont .course-cont > ul{ display: inline-block; width: 100%;}
.detail-cont .detail-tab .tab-cont .course-cont > ul > li{ float: left; width: 100%; padding-left: 20px; line-height: 25px; text-align: left; font-size: 14px; color: #565656; font-weight: 400; letter-spacing: -0.02em; background: ;}

.detail-cont .detail-tab .tab-cont .satisfy-box{ display: inline-block; width: auto; padding: 30px 0; margin: 0 auto; text-align: center;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-total{ display: inline-block; float: left; width: 120px; height: 110px; margin-right: 40px;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-total > p{ margin-bottom: 5px; line-height: 18px; text-align: center; font-size: 13px; color: #999; font-weight: 500; letter-spacing: -0.02em;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-total > span{ display: block; margin-bottom: 23px; line-height: 37px; text-align: center; font-size: 42px; color: #35353a; font-weight: 700; font-family: 'Play', sans-serif; letter-spacing: -0.02em;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-total #avgStar > li{ margin-right: 2px;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list{ display: inline-block; float: left; width: 365px; height: 110px;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.avg-bar{ display: inline-block; float: left; width: 220px; margin-right: 32px;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.avg-bar > li{ float: left; width: 100%; height: 8px; margin: 5px 0 8.5px; border-radius: 3px; border: 1px solid #eaeaea; background: #f1f1f1; box-sizing: border-box;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.avg-bar > li > span{ display: inline-block; float: left; height: 100%; border-radius: 3px; background: #d7d9dc;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.avg-bar > li > span.best{ background: #6b7af8;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.star{ display: inline-block; float: left; width: 110px; height: 100px;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.star > li{ display: inline-block; float: left; width: 100%; height: 17px; margin-bottom: 4.5px;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.star > li > ul.star-list{ float: left;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.star > li > p{ float: left; margin-left: 10px; line-height: 17px; font-size: 14px; color: #cbcece; font-weight: 500;}
.detail-cont .detail-tab .tab-cont .satisfy-box .avg-list ul.star > li > p.best{ color: #6b7af8;}
ul.star-list{ display: inline-block;}
ul.star-list > li{ float: left; pointer-events: none;}
ul.star-list > li > img{ vertical-align: middle;}
.detail-cont .detail-tab .tab-cont .review-wrap{ display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #e8e8e8;}
.detail-cont .detail-tab .tab-cont .review-wrap .review-list{ display: inline-block; width: 100%; padding: 18px; text-align: left; border-bottom: 1px solid #e8e8e8; box-sizing: border-box;}
.detail-cont .detail-tab .tab-cont .review-wrap .review-list .user-nm{ display: inline-block; float: left; width: auto; margin-right: 13px; line-height: 26px; font-size: 14px; color: #333; font-weight: 500; letter-spacing: -0.02em;}
.detail-cont .detail-tab .tab-cont .review-wrap .review-list ul.star-list{ float: left; margin-top: 3px;}
.detail-cont .detail-tab .tab-cont .review-wrap .review-list .review-time{ display: inline-block; float: left; width: auto; padding-left: 13px; margin-left: 13px; line-height: 26px; color: #a7a7a7; font-weight: 400; letter-spacing: -0.02em; background: url(/images/bg/bg_list_line.png) no-repeat 0 50%;}
.detail-cont .detail-tab .tab-cont .review-wrap .review-list .btn-del-review{ float: left; width: 45px; height: 24px; margin-left: 15px; line-height: 22px; text-align: center; font-size: 11px; color: #565656; font-weight: 500; letter-spacing: -0.02em; border: 1px solid #dadada; background: #fff; box-sizing: border-box;}
.detail-cont .detail-tab .tab-cont .review-wrap .review-list .review-cmnt{ display: inline-block; float: left; width: 100%; margin-top: 10px; line-height: 22px; text-align: left; font-size: 13px; color: #565656; font-weight: 400; letter-spacing: -0.02em;}
.detail-cont .detail-tab .tab-cont .btn-back{ float: left; width: 76px; height: 40px; line-height: 38px; text-align: center; font-size: 14px; color: #676767; font-weight: 500; letter-spacing: -0.03em; border: 1px solid #e3e3e3; background: #fff; box-sizing: border-box;}
.detail-cont .detail-tab .tab-cont .btn-review-pop{ float: right; width: 103px; height: 40px; line-height: 38px; text-align: center; font-size: 14px; color: #444; font-weight: 500; letter-spacing: -0.03em; border: 1px solid #7f7f7f; background: #fff; box-sizing: border-box;}

.detail-cont table.detail-table{ width: 100%; border: 1px solid #e8e8e8; box-sizing: border-box;}
.detail-cont table.detail-table tr{ border-bottom: 1px solid #e8e8e8;}
.detail-cont table.detail-table tr > th{ padding: 8px 15px; vertical-align: middle; line-height: 30px; text-align: left; font-size: 13px; color: #333; font-weight: 500; letter-spacing: -0.02em; border-right: 1px solid #e8e8e8; background: #fcfbfb;}
.detail-cont table.detail-table tr > td{ padding: 8px 15px; vertical-align: middle; line-height: 30px; text-align: left; font-size: 13px; color: #565656; font-weight: 400; letter-spacing: -0.02em; border-right: 1px solid #e8e8e8; background: #fff; box-sizing: border-box;}
.detail-cont table.detail-table ul.cmplt-standard{ display: inline-block; float: left;}
.detail-cont table.detail-table ul.cmplt-standard > li{ float: left; width: auto; padding-right: 20px; margin-right: 20px; line-height: 30px; text-align: left; font-size: 13px; color: #565656; font-weight: 400; letter-spacing: -0.02em; background: url(/images/bg/bg_list_line.png) no-repeat 100% 50%;}
.detail-cont table.detail-table ul.cmplt-standard > li:last-child{ background: none;}
.detail-cont table.detail-table ul.cmplt-standard > li .cmplt-score{ display: inline-block; float: right; width: auto; height: 30px; padding: 3px 12px; margin-left: 10px; line-height: 24px; font-size: 13px; font-weight: 500; letter-spacing: -0.02em; border-radius: 30px; box-sizing: border-box;}
.detail-cont table.detail-table ul.cmplt-standard > li .cmplt-score.cmplt-1{ color: #d4564a; background: #fdf2f1;}	/*출석*/
.detail-cont table.detail-table ul.cmplt-standard > li .cmplt-score.cmplt-7{ color: #6c60b0; background: #f4f2ff;}	/*진도*/
.detail-cont table.detail-table ul.cmplt-standard > li .cmplt-score.cmplt-4{ color: #e77a31; background: #fff4e8;}	/*과제*/
.detail-cont table.detail-table ul.cmplt-standard > li .cmplt-score.cmplt-2{ color: #1a60a8; background: #f2f8ff;}	/*시험*/
.detail-cont table.detail-table ul.cmplt-standard > li .cmplt-score.cmplt-999{ color: #229a8f; background: #e9f4f3;}/*수료기준 최소점수*/
.detail-cont table.detail-table #typeGrid{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.detail-cont table.detail-table #typeGrid .k-grid-norecords{ height: 85px; line-height: 85px;}
.detail-cont table.detail-table #typeGrid tr > th{ height: 45px; padding: 8px 25px; border: none; border-bottom: 1px solid #ebebeb; background: #fafafa; box-sizing: border-box;}
.detail-cont table.detail-table #typeGrid tr > th > a{ line-height: 30px; font-size: 13px; color: #333; font-weight: 500; letter-spacing: -0.02em;}
.detail-cont table.detail-table #typeGrid tr > td{ border: none}
.detail-cont table.detail-table #typeGrid tr > td > a{ line-height: 30px; font-size: 13px; color: #565656; font-weight: 400; letter-spacing: -0.02em;}
.detail-cont table.detail-table #fileGrid{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.detail-cont table.detail-table #fileGrid .k-grid-header{ background: #fff;}
.detail-cont table.detail-table #fileGrid .k-grid-header .k-grid-header-wrap{ border-bottom: 1px solid #ebebeb;}
.detail-cont table.detail-table #fileGrid tr > th{ height: 45px; padding: 8px 25px; border: none; border-bottom: 1px solid #ebebeb; background: #fff; box-sizing: border-box;}
.detail-cont table.detail-table #fileGrid tr > th > a{ line-height: 30px; font-size: 13px; color: #333; font-weight: 500; letter-spacing: -0.02em;}
.detail-cont table.detail-table #fileGrid .k-grid-content{ border-bottom: none; overflow-y: hidden;}
.detail-cont table.detail-table #fileGrid .k-grid-content tr{ border-bottom: none;}
.detail-cont table.detail-table #fileGrid tr > td{ border: none}
.detail-cont table.detail-table #fileGrid tr > td > a{ line-height: 30px; font-size: 13px; color: #565656; font-weight: 400; letter-spacing: -0.02em;}
.detail-cont table.detail-table #fileGrid .k-grid-norecords-template{ position: unset; width: 100%; line-height: 60px; margin: 0; padding: 0; border: none;}
.btn-file-down{ display: inline-block; width: 33px; height: 33px; borer-radius: 3px; border: 1px solid #ebebeb; background: url(/images/ico/icon_file_down.png) no-repeat 50% 50% #fff; box-sizing: border-box;}

/* 유사추천과정 */
.rcmd-wrap{ display: inlien-block; float: left; width: 100%; margin-top: 40px;}
.rcmd-wrap > h3{ margin-bottom: 20px; line-height: 36px; text-align: left; font-size: 25px; color: #222; font-weight: 500; letter-spacing: -0.03em;}
.rcmd-wrap .rcmd-list{ float: left; width: 298px; height: 380px; margin-right: 29px;}
.rcmd-wrap .rcmd-list:nth-child(4n){ margin-right: 0;}
.rcmd-wrap .rcmd-list .rcmd-thum{ position: relative; width: 100%; height: 197px; line-height: 197px; background: #fbfbfb; cursor: pointer;}
.rcmd-wrap .rcmd-list .rcmd-thum > img{ width: 100%; line-height: 197px; vertical-align: middle;}
.rcmd-wrap .rcmd-list .rcmd-thum .none-img{ width: 100%; height: 100%; padding-top: 110px; border: 1px solid #e8e8e8; background: #fbfbfb; box-sizing: border-box;}
.rcmd-wrap .rcmd-list .rcmd-thum .none-img > img{ display: block; margin: 0 auto 10px; -webkit-filter: grayscale(100%); filter: gray;}
.rcmd-wrap .rcmd-list .rcmd-thum .rcmd-tag{ position: absolute; top: 0; right: 0; display: inline-block; width: 52px; height: 52px; line-height: 52px; text-align: center; font-size: 13px; color: #fff; font-weight: 700; letter-spacing: -0.05em;}
.rcmd-wrap .rcmd-list .rcmd-thum .rcmd-tag.rcmd-rq{ background: #7d89ec;}
.rcmd-wrap .rcmd-list .rcmd-thum .rcmd-tag.rcmd-op{ background: #44465c;}
.rcmd-wrap .rcmd-list .rcmd-thum .rcmd-tag.rcmd-pass{ background: #10c0b8;}
.rcmd-wrap .rcmd-list .rcmd-info{ position: relative; width: 100%; height: 179px; padding-top: 20px;}
.rcmd-wrap .rcmd-list .rcmd-info .rcmd-trng{ display: inline-block; float: left; width: auto; padding-bottom: 7px; line-height: 21px; text-align: left; font-size: 14px; color: #25282d; font-weight: 500; letter-spacing: -0.02em; border-bottom: 2px solid #25282d;}
.rcmd-wrap .rcmd-list .rcmd-info .star-cnt{ display: inline-block; float: right; width: auto; line-height: 17px; font-size: 14px; color: #b0b0b0; font-weight: 500;}
.rcmd-wrap .rcmd-list .rcmd-info .star-cnt > img{ float: left; margin-right: 5px;}
.rcmd-wrap .rcmd-list .rcmd-info .rcmd-tit{ float: left; width: 100%; height: 58px; margin: 12px 0 18px; line-height: 29px; text-align: left; font-size: 18px; color: #222; font-weight: 500; letter-spacing: -0.02em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; cursor: pointer;}
.rcmd-wrap .rcmd-list .rcmd-info .rcmd-date{ float: left; width: 100%; line-height: 22px; text-align: left; font-size: 13px; color: #676767; font-weight: 400; letter-spacing: -0.02em;}

/* 수강신청 */
.apply-box{ position: absolute; top: 75px; right: 0; float: right; width: 340px; height: 350px; padding: 20px 25px; border: 1px solid #e8e8e8; background: #fff; box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.03); box-sizing: border-box;}
.apply-box > ul{ display: inline-block; width: 100%;}
.apply-box > ul.apply-info1{ padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #eee;}
.apply-box > ul > li{ width: 100%; margin-bottom: 3px; line-height: 27px; text-align: left; font-size: 14px; letter-spacing: -0.02em;}
.apply-box > ul > li > p{ float: left; width: 100px; color: #333; font-weight: 500;}
.apply-box > ul > li > span{ display: inline-block; flaot: left; width: calc(100% - 100px); font-weight: 400; color: #565656;}
.apply-box .btn-apply{ width: 100%; height: 50px; margin-top: 15px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; font-weight: 500; letter-spacing: -0.02em; border-radius: 4px; border: none;background: #6b7af8; box-sizing: border-box;}

/* 후기작성 팝업 */
#reviewPop > h1{ width: 100%; padding: 30px 0; line-height: 36px; text-align: center; font-size: 25px; color: #444; font-weight: 500; letter-spacing: -0.04em; border-bottom: 1px solid #000;}
#reviewPop > ul.star-list{ margin: 34px auto;}
#reviewPop > ul.star-list > li{ cursor: pointer; pointer-events: auto;}
#reviewPop > textarea{ width: 100%; height: 128px; padding: 15px; font-size: 14px; color: #b0b0b0; border: 1px solid #e8e8e8; box-sizing: border-box;}

.review-wrap.k-grid .k-header{ display: none;}
.review-wrap.k-grid .k-grid-norecords{ line-height: 80px;}