@charset "utf-8";

/******************************* office_renewal : 2023.04.27 *******************************/

.new-officemain .tb_wrap{position:relative;width:100%;}

.new-officemain h3.ui.header{word-break:keep-all;line-height:1.3;}
.new-officemain h3.ui.header small{font-size:75%;font-weight:normal;padding-top:10px;}
.tb_wrap .ui.table{font-size:1.063em;}
.tb_wrap .ui.table th{font-weight:500;color:#000;}
.tb_wrap .ui.teal.table thead th{background:#eaf9fe;}
.tb_wrap .ui.teal.table tbody th{background:#f9feff;}
.tb_wrap .ui.table tbody th{border-bottom:1px solid #dedede;}
.tb_wrap .ui.table tbody tr:last-child th{border-bottom:none;}
.tb_wrap .ui.olive.table thead th{background:#fdfef9;}
.tb_wrap p{font-size:0.875em;color:#777;}
.tb_wrap a{position:relative;color:#2185D0;padding-bottom:2px;}
.tb_wrap a:after{content:'';position:absolute;bottom:0px;left:0px;width:100%;height:1px;background:#2185d0;}
.tb_wrap a:hover{color:#065087;}
.tb_wrap a:hover::after{background:#065087;}

.office_main.popup-wrap .tb_wrap .ui.table{font-size:0.938em;}
.office_main.popup-wrap .tb_wrap .ui.table td{padding:0.7em;}
.office_main.popup-wrap .tb_wrap{height:400px;overflow-y:scroll;}



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

@media only screen and (max-width:991px){
    .tb_wrap{overflow-x:scroll;}    
    .office_main.popup-wrap{width:90%;}
	.office_main.popup-wrap .tb_wrap .ui.table td{padding:0.5em 0.2em;}
}


@media screen and (max-width:767px){
    .tb_wrap .ui.table{font-size:1em;}
    .tb_wrap .ui.teal.inverted.segment .obj{padding:10px;}
}


@media only screen and (max-width:520px){
	.office_main.popup-wrap .content{padding:2em 1em;}
}

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


/******************************* 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;}
	.office-cont .t_explain{font-size:14px;color:#999;font-family:'NotoR';}

	.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:'NotoM';}


	@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;overflow-y:auto;}
	.main-popup .popup-content{position:fixed;/*top:0;left:0;height:100%;*/overflow-y:scroll;}
	.main-popup .pop-top{width:100%;/*z-index:999;position:absolute;top:0;left:0;*/height:auto;text-align:center;background:#333;box-sizing:border-box;}
	.main-popup .pop-top h2{font-size:1.063em;padding-left:20px;color:#fff;line-height:50px;width:100%;display:inline-block;}
	.main-popup .pop-content{}
	.main-popup .pop-btm {position:relative;bottom:0;left:0;width:100%;box-sizing:border-box;z-index:999;background:#000;}
	.main-popup .inner_close{padding:10px;background:#000;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
	.main-popup .inner_close .close-check label{color:#eee;}
	.main-popup .main-popup-close{display:inline-flex;justify-content:center;align-items:center;color:#fff;}
	.main-popup .main-popup-close span{font-size:20px;width:25px;height:25px;border-radius:50%;background:var(--ep-primary);text-align:center;margin-right:10px;color:#000;}
	.main-popup .main-popup-close:hover span{background:var(--ep-primary-hover);}

	.main-popup .visualslide{width: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;}



/******************************* 메인 : _2021.01.24 / 2023.05.30 modify *******************************/


	/*.top_tab{margin-top:50px;}
	.top_tab span{padding:15px 0;font-size:1.250em;text-align:center;color:rgba(255,255,255,0.3);background:#000f22;border-top:2px solid #000f22;border-bottom:2px solid #000f22;cursor:pointer;}
	.top_tab span.on{background:#fff;color:#000f22;border-bottom:2px solid #fff;border-left:2px solid #000f22;border-right:2px solid #000f22;}
	.new-officemain{padding:50px;border-left:2px solid #000f22;border-right:2px solid #000f22;border-bottom:2px solid #000f22;}*/
	.new-officemain{padding:30px 0 0 0px;}
	.new-officemain .cont-inner{padding:2rem;margin:20px auto;border-radius:5px;background:#f5f8fb;}
	.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 .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;}
	.unit_text{font-size:0.875em;color:#777;padding-left:0.5em;}

	.main-inner .my-info .info-inner{display:flex;}
	.main-inner .my-info.ui.grid .column .ui.right.header{padding-top:1.2em;}
	.main-inner .my-info .segment{min-height:auto;display:table;width:100%;}
	.main-inner .my-info.ui.grid .column a{display:table-cell;vertical-align:middle;}
	.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.3em;color:#999;}
	.info-cont .info-inner .ui.list .item span{padding-left:0.2em;color:#000;}
	.info-cont .info-inner .image-area{position:absolute;top:20px;right:1em;}
	.info-cont .info-inner .image-area .info-image{width:80px;height:80px;background-position:top center;background-repeat:no-repeat;}
	.info-cont .info-inner .image-area .info-image{background-image:url('../../../images/myoffice/info-icon.png');background-size:100% 100%;}
	.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;}
	.my-info .info-right .three.column{padding-top:0px;padding-left:0px;}
	.my-info .info-right .three.column .column{}
	.my-info .info-right .three.column .column .content{font-weight:600;}
	.my-info .info-right .three.column .column .sub.header{font-weight:normal;color:#999;font-size:15px;}

	.main-inner .my-info.ui.grid,.main-inner .main-link.ui.grid{margin-top:-5px;margin-bottom:-5px;margin-left:-5px;margin-right:-5px;}
	.main-inner .my-info.ui.grid + .grid,.main-inner .main-link.ui.grid + .grid{margin-top:5px;}
	.main-inner .my-info.ui.grid .column,.main-inner .main-link.ui.grid .column{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;}

	.main-cumulative{}
	.main-cumulative .ui.selectable.table tbody th{padding:10px;color:#333;}
	.main-cumulative .circle_cont{display:flex;width:100%;align-items:center;justify-content:center;}
	.main-cumulative .circle_cont span{width:60px;height:60px;line-height:60px;margin:0 10px;border-radius:50%;text-align:center;color:#fff;background:#004098;}
	.main-cumulative .circle_cont.percent span{background:#ff7200;}

	.main-direct{}
	.main-direct .ui.header{display:flex;align-items:center;}
	.main-direct .ui.header .content{}
	.main-direct .calculate-wrap{margin-left:100px;display:inline-flex;align-items:center;}
	.main-direct .calculate-wrap .title{padding-right:10px;font-family:'NotoR';color:#555;font-size:15px;}

	.main_row .table_inner{width:100%}
	.main_row .table_inner .ui.table{}
	.main_row .table_inner .ui.table thead tr th{padding:10px;}
	.main_row .table_inner .ui.table tbody tr th{color:#333;}
	.main_row.first .table_inner .ui.table thead tr th{border-top:none;background:#f5f8fb;color:#000;font-family:'NotoM';}
	.main_row.second .table_inner .ui.table thead tr th{padding:7px;border-top:1px solid #dedede;background:#f5f8fb;color:#000;}
	.main_row.second .table_inner .ui.table thead tr:first-child th{border-top:2px solid #8f9cc0;background:#e9eff5;border-bottom:none;}
	.main_row.second .table_inner .ui.table thead td{border-top:1px solid #8f9cc0;}
	.main_row.second .table_inner .ui.table th{background:#F9FAFB;border-top:1px solid #dedede;}
	/*.new-officemain.main-inner .table-inner .ui.table{table-layout:fixed;}*/

	@media only screen and (max-width:991px){
		.new-officemain{padding:0px;}
		.main-inner .my-info.ui.grid .four.wide.column{width:50% !important;}
		.main-inner .main-link.ui.grid.five.column .column{width:50%;}
		.main-inner .main-link.ui.grid.five.column .column.last_column{width:100%;}
		.main-inner .my-info.ui.grid .column,.main-inner .main-link.ui.grid .column{width:50%;}
	}

	@media only screen and (max-width:767px){
	    .site-cont .office-cont .modify_main{margin-top:-50px;}
		.info-cont .info-inner .image-area{top:10px;}
		.info-cont .info-inner .image-area .info-image{width:60px;height:60px;}
	    .main_row2 .table_inner{overflow-x:scroll;}
		.main-inner .my-info .segment{min-height:auto;}
		.main-inner .my-info.ui.grid .four.wide.column{width:100% !important;}
	}

	.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{border-top:1px solid #8f9cc0;background:#e9eff5;color:#000;}
	.main-inner .ui.table thead td{border-top:1px solid #8f9cc0;}
	.main-inner .ui.table th{background:#F9FAFB;border-top:1px solid #dedede;}
	.main-inner .ui.table .bdt{border-top:1px solid #dedede !important;}
	.main-inner .ui.table .bdl{border-left:1px solid #dedede !important;}
	.main-inner .ui.table tbody tr:first-child th{border-top:none;}

	.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;}
	.main-bottom .ui.selection.list.notice .item{color:#777;}
	.main-bottom .notice .notice-date{float:right;font-size:0.875em;}

	@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,.main-inner .main-bottom.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;}
		.main-inner .ui.table thead th{word-break:keep-all;white-space:nowrap;}
	}

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

	@media only screen and (max-width:767px){	
		.new-officemain.main-inner{padding: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:auto;}
	}




/******************************* office_main : B *******************************/

	.office_B.new-officemain{padding:50px 0 30px 0;}
	.office_B .main-link.ui.column.grid{margin:15px auto 10px auto;}
	.office_B .main-bottom{}
	.office_B .main-bottom .ui.segment{padding:20px 0;}
	.office_B .main-bottom .ui.icon.header .icon{font-size:2.2em;color:#aaa;}
	.office_B .main-bottom a.ui.button{margin:0 auto;}
	.office_B .main-bottom .ui.icon.center.aligned.header{margin:0 auto;}
	.office_B .main-bottom .ui.center.aligned.header{margin:20px auto 0 auto;}


	@media only screen and (max-width:991px){
		.office_B.main-inner .my-info.ui.grid.three.column .column{width:33.33333333% !important;}
	}

	@media only screen and (max-width:767px){
        .office_B.new-officemain{padding:0;}
		.office_B.main-inner .my-info.ui.grid.three.column .column,
		.office_B.main-inner .main-bottom.ui.three.column.grid .column{width:100% !important;}
	}