@charset "utf-8";

b{font-weight: 600;}
html, body, #wrap{overflow: hidden; height:100%;}
html, body{}
.scrollbar-dynamic{width: 100%; height: 100%;}
/* **********
 * header
 * **********/
/*header*/
#header{position: absolute; top: 0; width: 250px; height: 100%; background-color: #313d52; background : #2a3042;}
#header .logo{display: table; width: 100%; height: 58px; line-height:57px; border-bottom:1px solid rgba(255,255,255,.2); background: -moz-linear-gradient(-45deg,  #2a3042 0%, #3c3c50 100%); background: -webkit-linear-gradient(-45deg,  #2a3042 0%,#3c3c50 100%); background: linear-gradient(135deg,  #2a3042 0%,#3c3c50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3042', endColorstr='#3c3c50',GradientType=1 ); text-align : center;}
#header .logo img{width: 100px;height: 30px;}
#header .logo a{display: table-cell; width: 100%; height: 100%; line-height:1; font-size: 13px; font-weight: 600; letter-spacing:1px; color: #fff; vertical-align: middle;}
#header .logo span{position: relative; display: block; float : left; font-size : 13px; margin-left : 10px; margin-top : 8px;}
/*
#header .logo span:before{content:""; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -10px; width: 20px; height: 20px; background:no-repeat 0 50%; background-size:contain;}
#header .logo span:before{background-image:url(/assets/img/logo.png);}
*/
#header nav{display: block; padding: 10px 0; border-bottom:1px solid rgba(255,255,255,.2);}
#header nav a,
#header nav span{display: block; position: relative;}
#header ul li{position: relative; margin-left : 15px;}
#header ul li:before{opacity: 0; visibility: hidden; content:""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background-color: #3cc9de; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#header ul li a{padding: 8px 8px; margin:2px 0; color: rgba(255,255,255,.5); -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;} 
#header ul li a:before{content:""; position: absolute; top: 0; left: 0; z-index:4; width: 100%; height: 100%; background: -moz-linear-gradient(left,  rgba(

) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left,  rgba(75,215,236,0.3) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to right,  rgba(75,215,236,0.3) 0%,rgba(0,0,0,0) 100%); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;  -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease;}
#header ul li a span{z-index:10; letter-spacing:.5px; font-size : 13px;}
#header ul li a[data-main] span{padding-left: 28px;}
#header ul li a[data-main] span:before{opacity: .7; content:""; display: block; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; background:no-repeat 50% 50%; background-size:18px auto;}
#header ul li a[data-main="home"] span:before{background-image:url(/admin/images/icon_home_white.svg);}
#header ul li.on a[data-main] span:before{opacity: 1;}
#header nav h2{font-size: 13px;}
#header nav h2 a{padding: 0 10px; color: rgba(255,255,255,.7);}
#header nav h2 span{display: block; font-size : 13px;}
#header nav h2 + ul{margin-top: 20px;}

/*header : hover, on*/
#header ul li:hover a{color: #fff;} 
#header ul li.on:before{opacity: 1; visibility: visible;}
#header ul li:hover a:before,
#header ul li.on a:before{-webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}
#header ul li:hover a,
#header ul li.on a{color: #fff;}

/*header depth_menu*/
#header .depth_menu ul{display: none;}
#header .depth_menu ul li a{font-size: 13px;}
#header .depth_menu [data-depth] span{padding-left: 28px;}
#header .depth_menu [data-depth] span:before{opacity: .7; content:""; display: block; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; background:no-repeat 50% 50%; background-size: 18px auto;}
#header .depth_menu [data-depth="user"] span:before{background-image:url(/admin/images/icon_user_white.svg);}
#header .depth_menu [data-depth="board"] span:before{background-image:url(/admin/images/icon_board.svg);}
#header .depth_menu [data-depth="businessApply"] span:before{background-image:url(/admin/images/icon_businessapply.svg);}
#header .depth_menu [data-depth="site"] span:before{background-image:url(/admin/images/icon_site.svg);}
#header .depth_menu [data-depth="letter"] span:before{background-image:url(/admin/images/icon_letter_white.svg);}
#header .depth_menu [data-depth="business"] span:before{background-image:url(/admin/images/icon_business.svg);}
#header .depth_menu [data-depth="businessM"] span:before{background-image:url(/admin/images/icon_businessM.svg);}
#header .depth_menu [data-depth="businessExpense"] span:before{background-image:url(/admin/images/icon_businessexpense.svg);}
#header .depth_menu [data-depth="evaluation"] span:before{background-image:url(/admin/images/icon_evaluation.svg);}
#header .depth_menu [data-role="toggle"] span{padding-right: 20px;}
#header .depth_menu [data-role="toggle"] span:after{opacity: .7; content:""; display: block; position: absolute; top: 50%; right: 0; width: 20px; height: 20px; margin-top: -10px; background:url(/admin/images/icon_arw_down_white.svg) no-repeat 50% 50%; background-size:auto 28px; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s;}
#header .depth_menu.toggle [data-role="toggle"] span:after{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
#header .depth_menu.toggle h2 a{color: #fff;}
#header .depth_menu.toggle h2 span:before,
#header .depth_menu.toggle h2 span:after{opacity: 1;}

#header .depth_menu.current{background: rgba(0,0,0,.14);}
#header .depth_menu.current h2 a{color: #fff;}
#header .depth_menu.current ul{display: block;}
#header .depth_menu.current h2 span:before,
#header .depth_menu.current h2 span:after{opacity: 1;}
#header .depth_menu.current [data-role="toggle"] span:after{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
#header .depth_menu.current.toggle [data-role="toggle"] span:after{-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}

/* **********
 * utiltop
 * **********/
/*utiltop*/
#utiltop{position: relative; height: 58px; border-bottom:1px solid #dee2e6; position: fixed; top: 0; left: 0; background-color: #fff;}
#utiltop a,
#utiltop span{display: block; position: relative;}
#utiltop .btn_toggle{display: block; position: relative; width: 58px; height: 58px; border-right:1px solid #dee2e6; cursor:pointer;}
#utiltop .btn_toggle:before{content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#utiltop ul{position: absolute; top: 0; right: 0; font-size: 0;}
#utiltop ul > li{display: inline-block; height: 58px; line-height:57px; font-size: 1rem; border-left:1px solid #dee2e6; vertical-align: top;}
#utiltop ul > li:first-child{border-left-width:0;}
#utiltop ul > li[data-util="user"]{padding: 0 20px; font-size: 14px; color: #999;}
#utiltop ul > li[data-util="user"] b{color: #333;}
#utiltop ul > li[data-util] a{width: 58px; height: 100%;}
#utiltop ul > li[data-util] a:before,
#utiltop ul > li[data-util] a:after{display: block; position: absolute;}

#utiltop ul > li a[data-util-tag]:before{opacity: 0; visibility: hidden; content: attr(data-util-tag); top: 100%; left: 50%; z-index:5; width: 50px; line-height:1; padding:6px 16px; margin-top:-10px; font-size:12px; background: #3cc9de; background: -moz-linear-gradient(left,  #3cc9de 0%, #7db9e5 100%); background: -webkit-linear-gradient(left,  #3cc9de 0%,#7db9e5 100%); background: linear-gradient(to right,  #3cc9de 0%,#7db9e5 100%); border-radius:20px; color:#fff; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#utiltop ul > li:last-child a[data-util-tag]:before{left: auto; right: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
#utiltop ul > li[data-util="homepage"] a[data-util-tag]:before{width: 90px;}

#utiltop ul > li[data-util] a:after{opacity: .8; content:""; top: 0; left: 0; width: 100%; height: 100%; background:no-repeat 50% 50%; background-size:18px auto;}
#utiltop ul > li[data-util="homepage"] a:after{background-image:url(/admin/images/icon_homepage.svg); background-color: #f9f9f9;}
#utiltop ul > li[data-util="login"] a:after{background-image:url(/admin/images/icon_logout.svg); background-color: #f9f9f9;}

#utiltop ul > li a[data-util-tag]:hover:before{opacity: 1; visibility: visible; margin-top: 0;}
#utiltop ul > li a[data-util-tag]:hover:after{opacity: 1;}

/* **********
 * container
 * **********/
/*container*/
#container{padding-top: 59px; height: 100%; background-color: #f4f6f9;}
#content{padding: 20px 30px;}
.container_header{position: relative; padding-bottom: 20px;}
.container_header h2{font-size: 22px; font-weight: 600;}
.container_header h3{position: relative; font-size: 17px; padding-top: 10px; margin-top: 7px; color: #2dc9e0;}
.container_header h3:before{content:""; display: block; position: absolute; top: 0; left: 0; width: 24px; height: 2px; background-color: #2dc9e0;}
.container_header .location{position: absolute; top: 8px; right: 0;}
.location{font-size: 0;}
.location > li{display: inline-block; position: relative; line-height:17px; padding-left: 8px; margin-left: 7px; font-size: 14px; color:#6c757d; vertical-align: top;}
.location > li:before{opacity: .3; content:""; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #6c757d;}
.location > li.home{font-size: 0;}
.location > li.home a{opacity: .3; display: block; width: 16px; height: 16px; background:url(/admin/images/icon_home.svg) no-repeat 50% 50%; background-size:16px auto;}
.location > li:first-child{margin-left: 0; padding-left: 0;}
.location > li:first-child:before{content:none;}

.container_body{padding-bottom: 40px; font-size: 14px;}
.divider{margin-top: 20px; padding: 20px 20px; background-color: #fff; box-shadow:2px 2px 2px rgba(0,0,0,.05); border:1px solid #dee2e6; color: #666;}
.divider:first-child{margin-top: 0;}
.divider.bg_gradient{border-color:transparent; background: #649bc9; background: -moz-linear-gradient(-45deg,  #649bc9 0%, #5576b9 100%); background: -webkit-linear-gradient(-45deg,  #649bc9 0%,#5576b9 100%); background: linear-gradient(135deg,  #649bc9 0%,#5576b9 100%);}
.divider .divider_tit{margin-bottom: 20px;}
.divider .divider_tit h3{position: relative; padding-left: 16px; font-size: 18px; font-weight: 600;}
.divider .divider_tit h3:before{content:""; display: block; position: absolute; top: 6px; left: 0; width: 3px; height: 16px; background-color: #3cc9de;}

.divider_col_wrap{overflow-x: hidden;}
.divider_col{display: inline-block; width: 102%; font-size: 0;}
.divider_col .divider{display: inline-block; position: relative; width: 31.33%; margin:0 2% 2% 0; padding: 0; font-size: 1rem; vertical-align: top;}
.divider_col .divider h3{position: relative; padding: 15px 20px; padding-right: 94px; border-bottom:1px solid #DEE2E6; font-size: 17px; font-weight: 600; color: #000;}
.divider_col .divider h3:before{content:""; display: block; position: absolute; top: 50%; left: -1px; width: 3px; height: 26px; margin-top: -13px; background-color: #3cc9de;}
.divider_col .divider h3 a{display: inline-block; position: absolute; top: 50%; right: 15px; padding: 0 16px; height:30px; line-height:28px; font-size: 12px; color: #fff; border-radius:30px; background: #3cc9de; background: -moz-linear-gradient(left, #3cc9de 0%, #7db9e5 100%); background: -webkit-linear-gradient(left, #3cc9de 0%,#7db9e5 100%); background: linear-gradient(to right, #3cc9de 0%,#7db9e5 100%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.divider_col .divider h3 a:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.divider_col .divider .box{width: 100%; height: 100%; min-height:350px; font-size: 14px;}
.divider_col .divider .box_table{display: table; position: relative; width: 100%; height: 100%; text-align: center;}
.divider_col .divider .box_table_cell{display: table-cell; vertical-align: middle;}

.divider_list > li{border-bottom:1px dotted #dee2e6;}
.divider_list > li:hover{background-color: #f4feff;}
.divider_list > li:last-child{border-bottom:0;}
.divider_list > li > a{display: block; position: relative; padding: 15px 20px; padding-right: 100px;}
.divider_list > li .ellip + span{display: inline-block; position: absolute; top: 50%; right: 20px; color:#999; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.divider_list > li.nodata a{background: #f9fafb; color: #999;}

.work_percentage_wrap:after{opacity: .7; content:""; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #DEE2E6;}
.work_percentage{font-size: 0;}
.work_percentage > li{display: inline-block; width: 48%; padding: 20px 1%; font-size: 1rem; vertical-align: top;}
.work_percentage > li:first-child{border-left:0;}
.work_percentage > li strong{display: inline-block; padding: 3px 30px; margin-bottom: 20px; border:1px solid rgba(0,0,0,.3); border-radius:30px; font-size: 14px; font-weight: 600;}
.work_percentage > li .word_num{margin: 16px 0;}
.word_num{color:#999;}
.word_num .num{display: inline-block; line-height:1; font-size: 60px; font-weight: 600; color:#3cc9de;}

.divider.bg_gradient h3{color: #fff; border-color:rgba(255,255,255,.4);}
.divider.bg_gradient h3:before{content:none;}
.divider.bg_gradient h3 a{background:rgba(255,255,255,.4) !important;}
.bg_gradient .work_percentage_wrap:after{background-color: rgba(255,255,255,.2);}
.bg_gradient .work_percentage > li strong{background-color: rgba(255,255,255,.2); color: #fff; border-color:transparent; font-weight: 400;}
.bg_gradient .word_num{color: #fff;}
.bg_gradient .percent{color: #fff;}
.bg_gradient .word_num .num{color: #fff;}
.bg_gradient .word_num .num + span{opacity: .7;}

.lnb_wrap{margin-bottom: 20px;}
.lnb{margin-left: -5px; font-size: 0;}
.lnb > li{display: inline-block; margin:5px; font-size: 14px;}
.lnb > li > a{display: inline-block; padding: 10px 30px; color:#999; border:1px solid #dee2e6; /*border-radius:30px; */-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.lnb > li > a span{display: inline-block; line-height:1;}
.lnb > li:hover > a{border-color:#666; box-shadow:2px 2px 2px rgba(0,0,0,.12);}
.lnb > li.on > a{border-color:#313D52; background-color: #313D52; color: #fff; box-shadow:2px 2px 2px rgba(0,0,0,.12);}

/*.divider_col.type1 .divider.bg_gradient{background: #fd4f72; background: -moz-linear-gradient(135deg,  #c16161 1%,#337dd8 100%); background: -webkit-linear-gradient(135deg,  #c16161 1%,#337dd8 100%); background: linear-gradient(135deg,  #c16161 1%,#337dd8 100%);}
.divider_col.type1 .divider h3 a{background: #fd4f72; background: -moz-linear-gradient(-45deg,  #ff7257 1%, #fd4f72 100%); background: -webkit-linear-gradient(-45deg,  #ff7257 1%,#fd4f72 100%); background: linear-gradient(135deg,  #ff7257 1%,#fd4f72 100%);}
.divider_col.type1 .divider h3:before{background: #fd4f72;}
.divider_col.type1 .divider_list > li:hover{background-color: #fff7f4;}*/
.divider_col.type1 .divider h3 a{background: #23a2de; background: -moz-linear-gradient(135deg,  #23a2de 0%,#44c2db 100%);  background: -webkit-linear-gradient(135deg,  #23a2de 0%,#44c2db 100%); background: linear-gradient(135deg,  #23a2de 0%,#44c2db 100%);}
.divider_col.type1 .divider.bg_gradient{background: #23a2de; background: -moz-linear-gradient(135deg,  #23a2de 0%,#4ab8bd 100%);  background: -webkit-linear-gradient(135deg,  #23a2de 0%,#4ab8bd 100%); background: linear-gradient(135deg,  #23a2de 0%,#4ab8bd 100%);}


/* **********
 * menu_toggle
 * **********/
#header{left: 0;}
#utiltop{width: calc(100% - 250px); width: calc(100% - 250px); margin-left: 250px;}
#container{margin-left: 250px;}
@media (min-width:1024px){
#utiltop .btn_toggle:before{background:url(/admin/images/icon_arw_left.svg) no-repeat 50% 50%; background-size:36px auto;}
.menu_toggle #header{left: -250px;}
.menu_toggle #container{margin-left: 0;}
.menu_toggle #utiltop{width: 100%; margin-left: 0;}
.menu_toggle #utiltop .btn_toggle{box-shadow:2px 2px 2px rgba(0,0,0,.05);}
.menu_toggle #utiltop .btn_toggle:before{opacity: .6; background-image:url(/admin/images/icon_arw_left_dark.svg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
}

/* **********
 * transition
 * **********/
#header,
#utiltop,
.btn_top,
#utiltop .btn_toggle:before,
#container{-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.ie #header,
.ie #utiltop,
.ie .btn_top,
.ie #utiltop .btn_toggle:before,
.ie #container{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
/*************
* btn - top 
************/
a.btn_top{opacity: 0; position: fixed; z-index:10; bottom:24px; right:24px; display: block; width:46px; height:46px; line-height:56px; border-radius:3px; text-align: center; background:#2A3042; color:#fff; font-size:20px;}
a.btn_top.visible{opacity: 1; transition:opacity .3s ease;}
a.btn_top:hover{background-color:#434b65;}

/* **************************************** *
 * 1600px
 * **************************************** */
@media (max-width:1600px){
	.divider_col .divider{width: 48%;}
	.divider_col .divider h3{padding: 15px; padding-right: 94px;}
	.divider_list > li > a{padding: 15px; padding-right: 100px;}
	.divider_list > li .ellip + span{right: 15px;}

}

/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width:1200px){
	#content{padding: 20px;}
	.container_header h2{font-size: 20px;}
	.divider_col .divider h3{font-size: 16px;} 
	.divider_col .divider .box{min-height:300px;}
	
	.lnb > li{font-size: 14px;}
	.lnb > li > a{padding: 8px 20px;}
}


/* **************************************** *
 * 1024px : mobile
 * **************************************** */
@media (max-width:1024px){
	.location > li{font-size: 13px;}
	.container_body{font-size: 13px;}
	
	/* **********
	* menu_toggle
	* **********/
	#header{position: fixed; left: -250px;}
	#utiltop{width: 100%; min-width:320px; margin-left: 0;}
	#container{width: 100%; min-width:320px; margin-left: 0;}
	#utiltop .btn_toggle{box-shadow:2px 2px 2px rgba(0,0,0,.05);}
	#utiltop .btn_toggle:before{opacity: .4; background:url(/admin/images/icon_arw_left_dark.svg) no-repeat 50% 50%; background-size:36px auto; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
	
	.menu_toggle #header{left: 0px;}
	.menu_toggle #utiltop .btn_toggle{}
	.menu_toggle #utiltop .btn_toggle:before{opacity: 1; background-image:url(/admin/images/icon_arw_left.svg); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);}
	
	.container_header{display:flex; flex-direction: column-reverse; }
	.container_header .location{position:static; text-align: right;}
	.container_header .location > li{font-size:14px;}
    .container_header .location > li.current{color:var(--point_color);}
    .location > li.home a{font-size:0; color:transparent; text-indent: -9999px;}

	.content{padding-top:20px;}
}

/* **************************************** *
 * 767px
 * **************************************** */
@media (max-width:767px){
	/*font-size small 13px*/
	#utiltop ul > li[data-util="user"]{font-size: 0;}
	#utiltop ul > li[data-util="user"] b{font-size: 13px;}
	#utiltop ul > li a[data-util-tag]:before{font-size: 11px;}
	
	.lnb_wrap{margin-top: 10px;}
	.lnb{margin-left: -3px;}
	.lnb > li{margin:3px; font-size: 13px; font-size: 1rem;}
	.lnb > li > a{padding: 6px 16px 5px;}
	
	
	#content{padding: 20px 3%;}
	.container_header{padding: 0 0 12px;}
	.container_header h2{font-size: 18px;}
	.container_header h3{font-size: 15px; padding-left: 10px;  margin-top: 2px; padding-top: 0; margin-bottom: 16px;}
	.container_header h3:before{top: 6px; width: 2px; height: 12px;}
	.divider{padding: 12px; margin-top: 10px;}
	.divider .divider_tit h3{font-size: 16px; padding-left: 10px;} 
	.divider .divider_tit h3:before{top: 5px;}
	
	.divider_col{width: 100%;}
	.divider_col .divider{width: 100%; margin-right: 0;}
	.divider_col .divider h3{font-size: 14px; padding: 12px; padding-right: 80px;}
	.divider_col .divider h3:before{height: 18px; margin-top: -9px;}
	.divider_col .divider h3 a{right: 12px; height:28px; line-height:28px; font-size: 11px;}
	.divider_col .divider .box{min-height:auto; height: auto !important;}
	.divider_list > li > a{padding: 12px; padding-right: 100px;}
	.divider_list > li .ellip + span{right: 12px;}
	
	.work_percentage > li strong{margin-bottom: 14px; padding: 4px 20px; font-size: 13px;}
}

/* **************************************** *
 * 576px
 * **************************************** */
@media (max-width:576px){
	/*font-size small 12px*/
	#utiltop ul > li[data-util="user"] b,
	.location > li{font-size: 12px;}
	
	#content{padding: 20px 2.5%;}
	.container_header h2{font-size: 18px;}
	
	.divider_list > li > a{padding: 12px;}
	.divider_list > li .ellip + span{display: block; position: static; margin-top: 4px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
}

@media (max-width:420px){
	.divider_col .divider .box_table{display: block;}
	.divider_col .divider .box_table_cell{display: block;}
	.work_percentage_wrap:after{content:none;}
	.work_percentage > li{display: block; width: 100%; border-bottom:1px dashed #DEE2E6;}
	.work_percentage > li:last-child{border-bottom:0;}
	.work_percentage > li .word_num{margin: 0;}
	.bg_gradient .work_percentage > li{border-bottom-color:rgba(255,255,255,.2);}
}