@charset "utf-8";

/******************************* 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;}
	.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;}
	.main-inner h4.ui.header{font-family:'OpenSansM','NotoM',serif;}


	@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;background:#333;padding:0 14px;box-sizing:border-box;}
	.main-popup .pop-top h2 {font-size:16px;color:#fff;float:left;line-height:50px;}
	.main-popup .pop-top a {float:right;color:#fff;font-size:14px;line-height:50px;padding-left:14px;border-left:1px solid #888;margin-top:-1px;}
	.main-popup .pop-top a span {font-size:18px;font-weight:bold;}
	.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;}



/******************************* 메인 : asher_2021.01.24 *******************************/

    .new-officemain{padding:50px 0;}
	.new-officemain .cont-inner{padding:2rem;margin:20px auto;border-radius:5px;background:#f5f8fb;}
	.main-inner{}
	.main-inner .ui.grid{margin-top:-10px;margin-bottom:-10px;margin-left:-10px;margin-right:-10px;}
	.main-inner .ui.grid + .grid{margin-top:10px;}
	.main-inner .ui.grid .column{padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;}
	.main-inner .ui.grid .ui.segment{box-shadow:0 10px 30px 0 rgba(24, 28, 33, 0.05);border:1px solid #e8e8f7;}
	.main-inner .ui.grid .ui.header > .icon + .content{padding-left:0.2em;}
	.main-inner .active{width:40px;height:40px;margin:0 auto;text-align:center;display:block;background:url('../../../images/myoffice/active_image.gif') no-repeat center center;text-indent:-9999px;}
	.main-inner .noactive{width:40px;height:40px;margin:0 auto;text-align:center;display:block;background:url('../../../images/myoffice/noactive_image.gif') no-repeat center center;text-indent:-9999px;}

	.main-inner .my-info .info-inner{display:flex;}
	.main-inner .my-info .segment{min-height:185px;display:table;width:100%;}
	.main-inner .my-info .info-cont .header{padding-left:0.3em;}
	.my-info .info-cont .header .content{line-height:30px;padding-right:10px;}
	.info-cont .info-inner .ui.list .item{padding:0.6em;color:#999;}
	.info-cont .info-inner .ui.list .item span{padding-left:0.2em;color:#000;}
	.info-cont .info-inner .image-area{position:absolute;width:120px;top:0px;right:1em;}
	.info-cont .info-inner .image-area .info-image{width:120px;height:120px;background-position:top center;background-repeat:no-repeat;}
	/*.info-cont .info-inner .image-area .info-image{background-image:url('../../../images/myoffice/info-icon.gif');}
	.info-cont .info-inner .image-area .info-image.president{background-image:url('../../../images/myoffice/info-icon-president.gif');}*/
	.info-cont .info-inner .image-area .info-image{background-image:url('../../../images/myoffice/info-icon.png');}
	.info-cont .info-inner .image-area .info-image.president{background-image:url('../../../images/myoffice/info-icon.png');}

	.info-cont .info-inner .image-area .rank-name{text-align:center;padding:10px 0 0 0;}
	.my-info .ui.segment .v-middle .ui.header{position:relative;color:#fff;padding-bottom:20px;}
	.my-info .ui.segment .v-middle .ui.header:after{content:'';position:absolute;bottom:0px;left:50%;width:40px;height:1px;margin-left:-20px;background:rgba(255,255,255,0.48);}
	.main-inner .my-info .active.info{background:url('../../../images/myoffice/active_blue_image.gif') no-repeat center center;}
	.main-inner .my-info .noactive.info{background:url('../../../images/myoffice/active_blue_image.gif') no-repeat center center;}
	.new-officemain table .point_obj{}
	.new-officemain table.ui.table .point_obj th.other{background:#679bdb;color:#fff;}
	.new-officemain table.ui.table .point_obj th.other:hover{background:#679bdb;}
	.new-officemain table.ui.table .point_obj th{background:#0157c0;}
	.new-officemain table.ui.table .point_obj th:hover{background:#014ba5;}
	.new-officemain table.ui.table .point_obj td,.new-officemain table.ui.table .point_obj th.normal{background:#eef5fd;color:#333;}
	.new-officemain table.ui.table .point_obj th a{color:#fff;text-decoration:underline;}
	.new-officemain table.ui.table .point_obj label{color:#d20110;font-weight:500;}

	@media only screen and (max-width:991px){
		.main-inner .my-info .four.wide.column{width:50% !important;}
	}

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

	.main-inner .main-link{}
	.main-inner .main-link h4{}
	.main-inner .main-link h4 i{}
	.main-inner .main-link h4 span{display:block;color:#999;font-size:14px;}
	.main-inner .main-link .ui.segment{padding:1em 1em 2em 1em;}
	.main-inner .main-link .ui.segment span{color:rgba(255,255,255,0.7);}
	.main-inner .main-link .ui.icon.header .icon{color:#fff;}
	.main-inner .main-link .center.aligned.header{margin-top:10px;}
	.main-inner .main-link .ui.basic.button{background:#fff !important;}

	.main-inner .ui.table thead th{background:#e9eff5;}
	.main-inner .ui.table th.left_border,
	.main-inner .ui.table td.left_border{border-left:1px solid rgba(34, 36, 38, 0.1) !important;}
	.main-inner .ui.table thead td{border-top:1px solid #8f9cc0;}
	.main-inner .ui.table th{background:#F9FAFB;color:#000;}
	.main-inner .ui.table td.bdt,.main-inner .ui.table tbody tr th{border-top:1px solid #dedede;}
	.main-inner .ui.table tbody tr:first-child th{border-top:none;}
	.main-inner .bonus_area .ui.table th strong{display:block;color:#333;font-weight:500;}
	.main-inner .ui.table.center th,.main-inner .ui.table.center td{text-align:center;}

	.record-inner .ui.segment{box-shadow:none !important;}
	.record-inner .center-top.segment{width:80%;margin:1.8rem auto 0 auto;text-align:center;position:relative;}
	.record-inner .center-top.segment:after{content:'';position:absolute;bottom:-40px;left:50%;width:1px;height:40px;background:#ddd;}
	.record-inner .unit{padding-left:5px;}
	.record-inner .stackable.grid{position:relative;width:100%;margin:40px auto 0 auto;padding-left:0px !important;padding-right:0px !important;}
	.record-inner .stackable.grid:before{content:'';position:absolute;top:0;left:25%;width:50%;height:1px;background:#ddd;}
	.record-inner .center-middle.column{padding-top:40px;text-align:center;}
	.record-inner .center-middle .ui.segment{position:relative;}
	.record-inner .center-middle .ui.segment:before{content:'';position:absolute;top:-20px;left:50%;width:1px;height:20px;background:#ddd;}

	@media only screen and (max-width:1280px){	
		.new-officemain .cont-inner{margin:0 auto;}
		.main-inner .my-info .ui.grid > [class*="six wide"].column,.main-inner .my-info .ui.grid > [class*="ten wide"].column{width:100% !important;}
		.main-inner .main-link.ui.grid > [class*="four wide"].column{width:50% !important;}
		.main-inner .ui.grid > [class*="eight wide"].column{width:100% !important;}
		.main-inner .my-info .right-info{padding:0px !important;}
	}

	@media only screen and (max-width:991px){	
		.new-officemain .cont-inner{padding:1.5rem;}
	}

	@media only screen and (max-width:767px){	
		.new-officemain{padding:0px 0 0 0;}
		.new-officemain .cont-inner{padding:1rem;}
		.main-inner .ui.grid .column{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;}
		.main-inner .table-inner{overflow-x:scroll;}
	}



/******************************* 메인 : 2021.12.17 ******************************

	.active_cont .ui.header{position:relative;}
	.active_cont .ui.header span{font-size:0.9rem;padding:5px 10px;background:#F9FAFB;border:1px solid #e8e8f7;border-radius:1.28571429rem;position:absolute;right:0px;top:-5px;}
	.active_cont .table-inner strong{color:#000;}
*/

/******************************* 메인 : 2022.02.21 *******************************/

.date_area{margin:0 auto 30px auto;background:#fff;border:2px solid #ef8543;padding:10px 20px;border-radius:0.28571429rem;box-shadow:0 10px 30px 0 rgb(24 28 33 / 5%);-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
.date_area .top_text{font-size:1.063em;color:#333;}
.date_area .top_text strong{color:#000;padding-right:20px;}
.date_area .top_text img{padding-left:20px;}
.main-inner h4.ui.header{padding:12px;background:#011e41;color:#fff;border-radius:0.28571429rem;}
.main-inner .ui.table th,
.main-inner .ui.table td{padding:0.5em;line-height:1.3;}
.main-inner .ui.table td.padding_td{padding:40px 0;font-weight:600;}
.main-inner .ui.table td em{padding-left:5px;}
.main-inner .ui.table thead th.f_th{background:#90b0d0;color:#fff;border-top:none;}
.main-inner .ui.table thead th.f_th.th_span{background:#dde7f0;color:#011e41;}
.main-inner .ui.table tfoot{background:#F9FAFB;}
.main-inner .ui.table tfoot td{border-top:1px solid #dedede;}
.main-inner .active_cont .ui.header .content span{font-size:0.9rem;padding:2px 15px;margin:0 3px 0 10px;background:#F9FAFB;border:1px solid #e8e8f7;color:#011e41;border-radius:5px;}
.main-inner .active_cont .ui.header .content span strong{color:#738eaa;padding-right:10px;}
.main-inner .t_small{color:#777;font-size:0.875rem;}
.main-inner .active_cont .t_small{padding-top:10px;}

@media only screen and (max-width:1280px){	
	.main-inner .ui.grid > [class*="ten wide"].column,
	.main-inner .ui.grid > [class*="seven wide"].column,
	.main-inner .ui.grid > [class*="six wide"].column,
	.main-inner .ui.grid > [class*="five wide"].column,
	.main-inner .ui.grid > [class*="four wide"].column{width:100% !important;}
	.main-inner .ui.table td.padding_td{padding:20px 0;}
}

@media only screen and (max-width:767px){	
	.main-inner .active_cont .ui.header .content span{display:block;margin:3px 0 3px 0;}
}