@charset "utf-8";


/******************************* main-modify : 2020.06.01 *******************************/

.eng-open{font-family:'Open+Sans' !important;}
.t-point{font-family:'NotoM';}
.t-bold{font-weight:600 !important;}
.common-container{padding:0 80px;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.new-inner{width:1300px;margin:0 auto;}
.common-container .ui.header{font-size:16px;color:#333;}
.common-container,.common-container .ui.input,.common-container .ui.button,.common-container .ui.list,.new-snb .ui.dropdown .menu > .item{font-size:14px;}
.common-container .ui.divider:not(.vertical):not(.horizontal){border-top:1px solid #eee;border-bottom:none;}
.common-container.new-dashboard{position:relative;}
.common-container.new-dashboard .ui.segment{border:1px solid #d5dee7;box-shadow:none;}
.common-container.new-dashboard .ui.segment.inverted{border:none;}

.common-container .new-officemain{padding:50px 0 100px 0;}
.new-officemain .ui.segment{}
.new-officemain .main-title.ui.segment{background:#002d6a;border:none;}
.new-officemain .main-title.ui.segment .header{color:#fff;text-transform:uppercase;}
.new-officemain .ui.segment .new-title{background:#e9eff4;padding:0.667em 0.667em 0.467em 0.667em;border-radius:0.28571429rem;}
.new-officemain .ui.segment .new-title .ui.header{font-size:1em;color:#333;}
.new-officemain .ui.segment .new-title .ui.header em.eng-open{font-size:14px;letter-spacing:0.5px;color:#ed4600;font-weight:600;}
.new-officemain .ui.segment .new-title .ui.header .icon{font-size:1.2em;margin-right:0.3em;}
.new-officemain .ui.segment .new-title span{padding-left:10px;color:#2185d0;font-family:'NotoM';}
.new-info.ui.segment{padding-bottom:2.5em;}
.new-info.ui.segment .info-level{text-align:center;margin:2.5rem auto;}
.new-info.ui.segment .info-level .img{width:100px;height:100px;margin:20px auto 10px auto;display:table;text-align:center;}
.new-info.ui.segment .info-level .img span{display:table-cell;vertical-align:middle;}
.new-info.ui.segment .info-level .img span img{width:100%;}
.new-info.ui.segment .info-level p{font-size:16px;color:#333;}
.new-info.ui.segment .info-level p em{padding-left:5px;}
.new-info.ui.segment .ui.list{margin:0;}
.new-info.ui.segment .ui.list .item{color:#888;padding:0.5em;font-size:15px;}
.new-info.ui.segment .ui.list .item span{width:80px;display:inline-block;color:#555;}
.new-info.ui.segment .one-button{width:33%;margin:0 auto;display:block;}

.data-box.segment .eng-open{color:#000;padding-left:30px;}
.data-box.segment .new-title .ui.header{display:flex;display:-webkit-flex;}
.data-box.segment .date-choose{text-align:center;padding:1rem 0 0 0;}
.data-box.segment .date-choose em{padding:0 10px;}
.data-box.segment .date-choose .icon{margin:0;}
.data-box.segment .center-top.segment{width:30%;margin:1.8rem auto 0 auto;text-align:center;position:relative;}
.data-box.segment .center-top.segment:after{content:'';position:absolute;bottom:-20px;left:50%;width:1px;height:20px;background:#ddd;}
.data-box.segment .unit{padding-left:5px;}
.data-box.segment .stackable.grid{position:relative;width:70%;margin:20px auto 0 auto;}
.data-box.segment .stackable.grid:before{content:'';position:absolute;top:0;left:25%;width:50%;height:1px;background:#ddd;}
.data-box.segment .center-middle.column{padding-top:20px;text-align:center;}
.data-box.segment .center-middle .ui.segment{position:relative;}
.data-box.segment .center-middle .ui.segment:before{content:'';position:absolute;top:-20px;left:50%;width:1px;height:20px;background:#ddd;}
.each-box .ui.segment .ui.message .ui.header{font-size:1rem;}
.segment-cont.ui.grid .each-box .ui.right.aligned.header span{font-size:20px;}

.segment-cont.ui.grid .each-box{margin-top:0;}
.segment-cont.ui.grid .each-box .unit{font-size:0.9em;font-family:'NotoR';font-weight:normal;}

.level-cont .data-box .each-box .ui.segment{border:none;box-shadow:none;}
.level-cont .data-box .each-box .column{position:relative;}
.level-cont .data-box .each-box .column:before{content:'';position:absolute;left:0;top:0;width:1px;height:100%;background:#e9eff4;}
.level-cont .data-box .each-box .column:first-child:before{content:none;}

.notice.ui.bulleted.list{margin:1em 0 1em 1em;}
.notice.ui.bulleted.list .item{color:#777;padding:0.5em 0 0.7em 0.1em;border-bottom:1px dotted #ddd;text-overflow:ellipsis;width:95%;white-space:nowrap;font-size:14px;overflow:hidden;}
.notice.ui.bulleted.list .item:hover{color:#333;}
.notice.ui.bulleted.list .item:before{margin-left:-0.7rem;}
.icon-banner{}
.icon-banner .menu .item{background:#fff;}
.icon-banner .menu .item .ui.header{margin:0 auto;font-size:15px;color:#888;}
.icon-banner .menu .item .ui.icon.header .icon{background:#002d6a;font-size:1.8em;width:2.2em;height:2.2em;line-height:2.2em;border-radius:50%;color:#fff;}
.icon-banner .ui.attached.menu:not(.tabular){border:1px solid #d5dee7;}
.icon-banner .ui.attached.menu .item{width:33.33%;float:left;display:inline-block;}



	@media (max-width:1550px){
        .new-officemain .new-inner{padding:2rem;width:100%;margin:20px auto;}
		.new-info.ui.segment .one-button{width:70%;}
		.data-box.segment .stackable.grid.current-situation{width:100%;margin-right:0 !important;margin-left:0 !important;}
		.stackable.grid.current-situation .center-middle.column{width:50% !important;padding-top:20px !important;}
		.data-box.segment .stackable.grid.current-situation .eng-open{padding-left:0;padding-right:0;}
		.new-info.ui.segment .ui.list .item,.icon-banner .menu .item .ui.header{font-size:1em;}
		.each-box.ui.four.column.grid .column{padding-left:10px;padding-right:10px;}
		.level-cont .data-box .each-box .ui.segment{margin:0;padding:0;}
		.level-cont .data-box .each-box .ui.segment .ui.center.header{font-size:1em;}
	}

	@media (max-width:1023px){
        .new-officemain .new-inner{margin:0 auto;}
	}

	@media (max-width:767px){
	    .each-box.ui.four.column.grid .column{width:100%;}
	    .data-box.segment .center-top.segment{width:80%;}
		.new-info.ui.segment .one-button{width:50%;}
	}

	@media (max-width:640px){
	}

	@media (max-width:520px){
        .new-officemain .new-inner{padding:1rem;}
		.new-officemain .ui.segment .new-title .ui.header{display:inline-block;}
		.new-officemain .ui.segment .new-title .ui.header em.eng-open{display:block;padding:0;margin:5px 0 0 0;}
		.new-officemain .ui.segment .new-title .ui.header .icon{display:none;}
	    .data-box.segment .center-top.segment{width:90%;}
	}






/******************************* common-main *******************************/

	.main-container{padding:1.5em;margin:1em auto;border:1px solid #d5dee7;background:#f5f8fb;border-radius:.28571429em;-webkit-border-radius:.28571429em;-moz-border-radius:.28571429em;}	
	.normal-title{width:100%;border-bottom:1px solid #dedede;height:35px;}
	.normal-title h4{float:left;font-size:1.2em;padding:0;margin:0;}
	.normal-title .right-cont{float:right;display:block;}
	.normal-title .right-cont i{margin-left:0.5em;}
	.normal-title a{color:#333;}

	.ui.header.tbl-title{display:inline-block;color:#333;font-size:16px;}
	.ui.header.tbl-title > .icon{font-size:1.2em;margin-right:0.4em;vertical-align:top;display:inline-block;}
	.ui.header.tbl-title .tbl-s-title{font-size:1rem;margin-left:0.3em;}
	.ui.header.tbl-title .tbl-s-title > .icon{font-size:0.9em;margin:0 0.2em;}
	.ui.header.bdb-title{border-bottom:1px solid #d5dee7;padding-bottom:0.7em;}

	.normal-dl{position:relative;height:35px;margin:0;}
	.normal-dl dt{width:45%;float:left;line-height:1.8;color:#333;}
	.normal-dl dd{width:55%;line-height:1.8;color:#777;margin:0;float:right;}
	.en .normal-dl dt,.en .normal-dl dd{line-height:1.3;}
	.en .normal-dl{height:auto;clear:both;padding:10px 0;}

	.main-container .table-wrap{margin:0 !important;}


	@media only screen and (max-width:991px){	
		.ui.header.tbl-title{width:100%;border-bottom:1px solid #dedede;height:35px;font-size:1.071em;}
		.ui.header.tbl-title .tbl-s-title{font-size:1em;margin-left:0.2em;}
		.ui.container.contents-wrap .main-container{border:none;padding:0;border-radius:0;}
	}

	@media only screen and (max-width:767px){
	    .ui.header.tbl-title{font-size:1em;}
	    .en .ui.header.tbl-title{padding-right:70px;}		
	}


/******************************* 메인 - 팝업 *******************************/

	.main-popup {z-index:9999;position: absolute; background-color: #ffffff; border: 1px solid #000;}
	.main-popup .pop-top {width:100%;/*z-index:999;position:absolute;top:0;left:0;height:50px;*/height:auto;text-align: center;background:#333;/*padding:0 14px;*/box-sizing:border-box;}
	.main-popup .pop-top h2 {font-size:16px;color:#fff;float:left;line-height:50px;width:100%;}
	.main-popup .pop-top a {/*float:right;*/color:#fff;font-size:14px;/*line-height:50px;*/padding: 10px 0;padding-left:14px;border-left:1px solid #888;margin-top:-1px;width:100%;background: #222;display: inline-flex;justify-content: center;align-items: center;}
	.main-popup .pop-top a span {font-size:18px;font-weight:bold; width: 25px;height: 25px;border-radius: 50%;background:#b40f2c;text-align: center;margin-right: 10px; }
	.main-popup .pop-top a:hover{background:#000;}
	.main-popup .pop-content { padding: 10px;}
	.main-popup .pop-btm {position:relative;bottom:0;left:0;width:100%; height:40px;padding:10px 14px;box-sizing:border-box;z-index:999;background:#eee; }
	.main-popup .pop-btm .close-check {float:right; margin: 0px;}
	.main-popup .visualslide {width: 100%;height: 100%; /*position:relative;*/}
	.main-popup .visualslide .slide-list li {width:100%;height:100%;position:relative;}
	.main-popup .visualslide .slide-list li img {width:100%; height:auto; overflow: hidden;}
	.main-popup .visualslide .slide-list li .imgbg{position:relative; left:0;top:0;}



/******************************* 메인상단 - 공지사항 *******************************/

	.ticker-notice-wrap{position:relative;}
	.ticker-notice-wrap .notice-title{position:absolute;margin:0;padding:0;font-size:1.2em;font-weight:bold;letter-spacing:0.5px;line-height:25px;}
	.ticker-notice-wrap .notice-ticker{padding-left:100px;height:25px;overflow:hidden;}
	.ticker-notice-wrap .notice-ticker li{height:25px;float:none;display:inline-block;width:100%;line-height:25px;}
	.ticker-notice-wrap .notice-ticker li a{font-size:1em;color:rgba(0,0,0,0.7);}
	.ticker-notice-wrap .notice-ticker li a:hover{color:#2986ce;}
	.ticker-notice-wrap .notice-ticker li .label-new{display:inline-block;width:16px;height:15px;line-height:13px;text-align:center;font-size:0.7em;color:#fff;font-weight:bold;border-radius:3px;margin-left:0.4em;}
	.ticker-notice-wrap .notice-ticker li .notice-date{float:right;color:rgba(0,0,0,0.5);font-size:1em;}

	@media only screen and (max-width:991px){
		.ticker-notice-wrap.contents-box{display:none;}
	}


/******************************* 메인상단 *******************************/

	.main-top-wrap,.main-middle-wrap,.main-middle2-wrap,.main-bottom-wrap{position:relative;clear:both;margin-top:1em;display:inline-block;width:100%;}

	/* 나의정보 */
	.main-top-wrap .main-profile{width:25%;float:left;}
	.main-top-wrap .main-profile .contents-box{margin-right:1em;height:375px;}
	.main-top-wrap .main-profile .contents-box .user-photo{width:100%;height:140px;background:#eaf2fa url('../../../images/myoffice/info-icon.png') no-repeat center top;}
	.main-top-wrap .main-profile ul li{float:none;}
	.en .main-top-wrap .main-profile ul{display:inline-block;width:100%;}
	.en .main-top-wrap .main-profile .contents-box{height:425px;}
	.en .main-top-wrap .main-profile .object-center{padding-top:20px;}
	.en .object-center .s-button.ui.button{line-height:1.3;}
	.en .user-explain{margin-top:10px !important;}

	/* 상단 오른쪽 컨텐츠 */
	.main-top-wrap .main-top-right{width:75%;float:right;}
	.main-top-wrap .main-top-right .main-color-box{margin-bottom:1em;}
	.main-top-right .main-color-box ul{display:inline-block;width:100%;}
	.main-top-right .main-color-box ul li{width:33.33%;float:left;}
	.main-top-right .main-color-box ul li .color-box{position:relative;margin-left:1em;display:block;padding:2em 1.5em;color:#fff;border-radius:.28571429em;}
	.color-box h4{font-size:1.2em;font-weight:normal;padding-bottom:2em;}
	.color-box .color-box-unit{font-size:2em;}
	.color-box .color-box-unit span{font-size:1em;padding-left:0.5em;}
	.color-box .color-box-icon{position:absolute;top:1.5em;right:1.5em;width:50px;height:50px;border-radius:50%;display:table;background:rgba(0,0,0,0.3);}
	.color-box .color-box-icon i{display:table-cell;vertical-align:middle;color:rgba(255,255,255,0.7);text-align:center;font-size:1.5em;}
	.en .main-top-right .color-box h4{margin-right:3em;min-height:65px;}

	.table-wrap{position:relative;}
	.table-wrap .ui.celled.table.tt-center{border-top:1px solid #011233;}
	.table-wrap .ui.celled.table.tt-center thead th{background:#eef3f8;color:#555;}
	.table-wrap .ui.celled.table.tt-center th{font-weight:normal;}
	.table-wrap .ui.celled.table.tt-center th,.table-wrap .ui.celled.table.tt-center td{text-align:center;}
	.en .table-wrap .ui.table{line-height:1.3 !important;}

	@media only screen and (max-width:1200px){
		.main-top-wrap .main-profile .contents-box{height:335px;}
		.main-top-right .main-color-box ul li .color-box{padding:1em;}
		.en .main-top-right .color-box h4{margin-right:4em;min-height:85px;}
	}

	@media only screen and (max-width:991px){
		.ui.container.contents-wrap .main-container .contents-box{margin:0.5em auto;height:auto;position:relative;}
		.main-top-wrap{margin-top:0;}
		.main-top-wrap .main-profile,.main-top-wrap .main-top-right{width:100%;}
		.main-top-wrap .main-profile ul li{float:left;}
		.main-top-wrap .main-profile ul li.first-child{width:40%;}
		.main-top-wrap .main-profile ul li.last-child{width:60%;}
		.main-top-wrap .main-profile .contents-box .user-photo{width:100px;height:100px;border-radius:50%;background-size:90% 90%;margin-top:1em;}
		
		.main-top-wrap .main-top-right .main-color-box{display:none;}
		.bg-title{position:relative;overflow:hidden;margin-bottom:8px;padding:0 3.125%;-webkit-border-radius:5px;border-radius:5px;line-height:40px;color:#fff;text-align:center;font-size:1.2em;font-weight:normal;}

		/* 모바일 - 슬라이드 */
		.slider-wrap{}
		.slider-wrap .slidecont{display:inline-block;}
		.slider-wrap .slidecont li{display:inline-block;float:left;/*height:110px;*/border-right:1px dashed #bfd0e1;padding-left:1em;}
		.slider-wrap .slidecont.height-70 li{/*height:70px;*/}
		.slider-wrap .slidecont.height-160 li{/*height:160px;*/}
		.slider-wrap .slidecont.height-160.height-plus li{/*height:210px;*/}
		.slider-wrap .slidecont.height-160 .slide-inner{margin-bottom:0.1em;}
		.slider-wrap .slidecont.height-160 .slide-inner .inner-box{width:95px;font-size:0.857em;padding:0.5em 0;}
		.slider-wrap .slidecont .slide-title{margin-bottom:5px;font-size:1.071em;color:#333;font-weight:normal;}
		.slider-wrap .slidecont .slide-inner{display:table;font-size:1.1em;line-height:1;letter-spacing:0;color:rgba(0,0,0,0.8);margin-bottom:0.5em;}
		.slider-wrap .slidecont .slide-inner span{display:table-cell;vertical-align:middle;}
		.slider-wrap .slidecont .slide-inner .inner-box{width:80px;padding:0.5em;display:block;font-size:0.857em;letter-spacing:-0.03em;float:left;margin-right:0.5em;color:#fff;border-radius:.28571429em;text-align:center;}
		.slider-wrap .slidecont .slide-inner .inner-num{line-height:2.2em;}
		.slider-wrap .slidecont .slide-inner .inner-bignum{font-size:1.5em;margin-right:0.5em;}
		.slider-wrap .bx-wrapper .bx-prev{background:url('../../../images/myoffice/controls.png') no-repeat 0 -32px;}
		.slider-wrap .bx-wrapper .bx-next{background:url('../../../images/myoffice/controls.png') no-repeat -34px -32px;}
		.slider-wrap .bx-wrapper .bx-prev:hover{background-position:0 0;}
		.slider-wrap .bx-wrapper .bx-next:hover{background-position:-34px 0;}
		.slider-wrap .bx-wrapper .bx-controls-direction{position:absolute;top:0.7em;right:1em;}
		.slider-wrap .bx-wrapper .bx-controls-direction a{display:block;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;float:left;margin-left:0.2em;}
		.slider-wrap .bx-wrapper .bx-controls-direction a.disabled{display:none;}
	}

	@media only screen and (max-width:767px){
		.main-top-wrap .main-profile .contents-box .user-photo{width:90px;height:90px;border-radius:50%;background-size:90% 90%;}
		.slider-wrap .slidecont .slide-title{font-size:1em;}
		.en .slider-wrap .slidecont .slide-title{font-size:0.94rem;}
		.en .contents-box#sponsor_leg_accum .ui.header.tbl-title{height:50px;}
		.en .contents-box#sponsor_leg_accum .leg-date{top:35px;}
	}


/******************************* 메인중앙 - 중앙1 컨텐츠 *******************************/

	/* 직추천매출현황 */
	.main-middle-wrap .middle-left{width:40%;float:left;}
	.main-middle-wrap .middle-right{width:60%;float:right;}
	.main-middle-wrap .middle-left .contents-box{margin-right:1em;height:287px;}
	.main-middle-wrap .leg-date{position:absolute;float:left;top:20px;left:50%;}
	.close_date{float:left;padding:0 10px;}




	@media only screen and (max-width:991px){
		.main-middle-wrap{margin-top:0;}
		.main-middle-wrap .middle-left,.main-middle-wrap .middle-right{width:100%;}
		.main-middle2-wrap{display:none;}
		.main-middle-wrap .leg-date{top:15px;margin-left:-40px;}
		.main-middle2-wrap .main-table{}
	}


/******************************* 메인-bottom 컨텐츠 *******************************/

	.main-bottom-wrap .bottom-notice{width:40%;float:left;}
	.main-bottom-wrap .bottom-notice .main-bottom-cont.contents-box{height:285px;}
	.main-bottom-wrap .bottom-notice ul{}
	.main-bottom-wrap .bottom-notice ul li{display:inline-block;width:100%;position:relative;border-bottom:1px solid #dedede;padding:0.2em 0 0.3em 0;}
	.main-bottom-wrap .bottom-notice ul li a{display:block;color:#555;width:370px;height:20px;text-overflow:ellipsis;float:left;overflow:hidden;}
	.main-bottom-wrap .bottom-notice ul li:hover a,.main-bottom-wrap .bottom-notice ul li:hover .notice-date{color:#000;cursor:pointer;}
	.main-bottom-wrap .bottom-notice ul li .notice-date{float:right;font-size:0.8em;color:#999;}

	.main-bottom-wrap .bottom-carlendar{width:40%;float:left;}
	.main-bottom-wrap .bottom-carlendar .main-bottom-cont.contents-box{margin:0 1em;padding:0;height:285px;padding:0 1em;}
	.hasDatepicker .ui-widget.ui-widget-content{border:0;max-width:100%;}
	.main-bottom-cont.contents-box .datepicker .ui-datepicker td a{padding:.25em;}

	.main-bottom-wrap .bottom-banner{width:20%;float:right;}
	.main-bottom-wrap .bottom-banner .main-bottom-cont.contents-box{display:inline-block;width:100%;padding:0.9em;}
	.main-bottom-wrap .bottom-banner a{display:block;}
	.main-bottom-wrap .bottom-banner .main-bottom-cont.contents-box:hover{border:1px solid #97a4b8;}
	.main-bottom-wrap .bottom-banner .ui.label{font-size:1em;background:#fff;}
	.main-bottom-wrap .bottom-banner .ui.label .icon{color:#97a4b8;font-size:1.5em;}

	@media only screen and (max-width:1200px){
		.main-bottom-wrap .bottom-banner .ui.label{font-size:0.9em;}
		.ui.label > .icon{margin:0em 0.4em 0em 0em;}
		.main-bottom-wrap .bottom-notice ul li a{width:250px;}
		.en .main-bottom-wrap .bottom-banner .ui.label i{display:none;}
		.en .main-bottom-wrap .bottom-banner .main-bottom-cont.contents-box{padding:1.35em;}
	}

	@media only screen and (max-width:991px){
		.main-bottom-wrap{display:none;}
		/*모바일 아이콘메뉴*/
		.m-bottom-banner{position:relative;}
		.m-bottom-banner ul.icon-menu-list{overflow:hidden;}
		.m-bottom-banner ul.icon-menu-list li{float:left;display:inline-block;width:25%;text-align:center;}
		.m-bottom-banner ul.icon-menu-list li a{display:block;padding:0 0.5em;}
		.m-bottom-banner ul.icon-menu-list li a .icon-menu{display:table;width:7em;height:7em;border-radius:50%;box-sizing:border-box;margin:0 auto;}
		.m-bottom-banner ul.icon-menu-list li a .icon-menu span{display:table-cell;vertical-align:middle;}
		.m-bottom-banner ul.icon-menu-list li a .icon-menu span img{width:45%;margin:0;padding:0;}
		.m-bottom-banner ul.icon-menu-list li p{font-size:1em;margin:1em 0 0 0;color:#555;}
		.m-bottom-banner ul.icon-menu-list li .mbg-blue{border:4px solid #bcd2e7;background:#00519c;background:-moz-linear-gradient(-45deg, #00519c 0%, #4990d1 100%);background:-webkit-linear-gradient(-45deg, #00519c 0%,#4990d1 100%);background:linear-gradient(135deg, #00519c 0%,#4990d1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00519c', endColorstr='#4990d1',GradientType=1 );}
		.m-bottom-banner ul.icon-menu-list li .mbg-mint{border:4px solid #b7e2e5;background:#1ca7b1;background:-moz-sit-linear-gradient(-45deg, #1ca7b1 0%,#6fc6cc 100%);background:linear-gradient(135deg, #1ca7b1 0%,#6fc6cc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ca7b1', endColorstr='#6fc6cc',GradientType=1 );}
		.m-bottom-banner ul.icon-menu-list li .mbg-grn{border:4px solid #c3e6cc;background:#3cbd5e;background:-moz-linear-gradient(-45deg, #3cbd5e 0%, #88cd9a 100%);background:-webkit-linear-gradient(-45deg, #3cbd5e 0%,#88cd9a 100%);background:linear-gradient(135deg, #3cbd5e 0%,#88cd9a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cbd5e', endColorstr='#88cd9a',GradientType=1 );}
		.m-bottom-banner ul.icon-menu-list li .mbg-rd{border:4px solid #f4cad4;background:#d51845;background:-moz-linear-gradient(-45deg, #d51845 0%, #d95171 100%);background:-webkit-linear-gradient(-45deg, #d51845 0%,#d95171 100%);background:linear-gradient(135deg, #d51845 0%,#d95171 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d51845', endColorstr='#d95171',GradientType=1 );}
	}

	@media only screen and (max-width:767px){
		.m-bottom-banner ul.icon-menu-list li a .icon-menu{width:6em;height:6em;}
	}

	@media only screen and (max-width:640px){
		.m-bottom-banner ul.icon-menu-list li a .icon-menu{width:5em;height:5em;}
		.m-bottom-banner ul.icon-menu-list li a .icon-menu span img{width:50%;}
	}
	@media only screen and (max-width:480px){
		.m-bottom-banner ul.icon-menu-list li a .icon-menu{width:4em;height:4em;}
		.m-bottom-banner ul.icon-menu-list li a .icon-menu span img{width:45%;}
		.m-bottom-banner ul.icon-menu-list li p{font-size:0.9em;}
	}




/******************************* office_renewal : 2022.07.20 : 2023.03.13 *******************************/

.site-cont .new-officemain,
.site-cont .dashboard_area{background:#f5f8fb;padding:3em 0 5em 0;}
.site-cont .new-officemain .cont_inner{}
.table_wrap{position:relative;}
.site-cont .dashboard_cont .ui.message.blue_box{background:#1b2751;text-align:center;box-shadow:0px 2px 4px rgba(0,0,0,0.08);border-radius:20px;}
.site-cont .dashboard_cont .ui.message.blue_box a .icon{font-size:2em;color:#2185D0;}
.site-cont .dashboard_cont .ui.message.blue_box a:hover .icon{color:#0062ac;}
.site-cont .dashboard_cont .ui.message.blue_box .date_center{margin:0 20px;background:#fff;padding:10px 70px;border-radius:20px;color:#000;}
.site-cont .dashboard_cont .ui.message.blue_box .date_center h3{padding-bottom:10px;font-weight:500;}
.site-cont .dashboard_cont .ui.message.blue_box small{font-size:15px;margin-top:10px;display:block;color:#777;line-height:1.5;}
.site-cont .dashboard_cont strong{color:#000;}
.site-cont .dashboard_cont .rank_image{display:none;}
.site-cont .dashboard_cont .im_point{background:#f2e8f9 !important;}
.site-cont .dashboard_cont .im_point strong{color:#54207d !important;}

/* 최근 3개월 매출 */
.sales_cont .obj{text-align:center;}
.sales_cont .obj h5,
.sales_cont .obj h4{padding:15px 0;border-radius:10px;display:inline-block;width:100%;}
.sales_cont .obj h5{color:#fff;background:#54207d;}
.sales_cont .obj h4{margin-top:10px;background:#eee;}


@media only screen and (max-width:991px){
    .site-cont .new-officemain,
    .site-cont .dashboard_area{padding:2em 0;}
	.dashboard_cont.sm_inner{padding:0;}
    .table_wrap{overflow-x:scroll;}

	.site-cont .dashboard_cont .ui.message.blue_box .date_center{margin:0 10px;padding:10px 50px;}
	.site-cont .dashboard_cont .ui.message.blue_box small{font-size:14px;}
	.site-cont .dashboard_cont .ui.grid > [class*="six wide"].column,
	.site-cont .dashboard_cont .ui.grid > [class*="ten wide"].column{width:100% !important}
}

@media only screen and (max-width:767px){
    
}