@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;}
	.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-top a{width:100%;display:inline-flex;justify-content:center;align-items:center;color:#fff;padding:10px 0;background:#222;font-size:14px;margin-top:-1px;}
	.main-popup .pop-top a span{font-size:20px;width:25px;height:25px;border-radius:50%;background:#ff7200;text-align:center;margin-right:10px;}
	.main-popup .pop-top a:hover{background:#000;}
	.main-popup .pop-content{}
	.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%;/*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 *******************************/


	.new-officemain{padding:50px 0 100px 0;}
	.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:200px;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{display:inline-block;width:100%;}
	.info-cont .info-inner .ui.list .item{padding:0.4em;color:#777;}
	.info-cont .info-inner .ui.list .item span{padding-left:0.2em;color:#000;float:right;}
	.info-cont .info-inner .ui.list .item:after{content:'';clear:both;}
	.info-cont .info-inner .image-area{display:none;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 .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;}

	/*.new-officemain.main-inner .table-inner .ui.table{table-layout:fixed;}*/

	@media only screen and (max-width:991px){
		.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){
		.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:#fff;border-top:1px solid #dedede;color:#000;}
	.main-inner .ui.table td.bdt{border-top:1px solid #dedede;}
	.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;}

    /* 2020.05.11 */
	.main-inner .ui.yellow.table thead th,
	.main-inner .ui.olive.table thead th,
	.main-inner .ui.blue.table thead th{border-top:none;}
	.main-inner .ui.blue.table thead th{padding:7px;}
	.main-inner .ui.yellow.table thead th,
	.main-inner .ui.olive.table thead th{background:#f4f7f9;}
	.main-inner .ui.blue.table thead tr:nth-child(2) th{background:#f4f7f9;}
	.main-inner .ui.blue.table thead tr:nth-child(2) th:first-child{border-left:1px solid #dedede;}
	.main-inner .bottom_info{}
	.main-inner .bottom_info .ui.list{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
	.main-inner .bottom_info .ui.list .item{padding:10px;flex:1 auto;border-left:1px dotted #dedede;}
	.main-inner .bottom_info .ui.list .item i{display:block;margin:0 auto 5px auto;}
	.main-inner .bottom_info .ui.list .item:first-child{border-left:none;}
	.main-inner .bottom_info .ui.list .item span{display:block;margin-top:10px;word-break:keep-all;float:none;}

	@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;}

		.main-inner .ui.stackable.grid > .column.row > .column, 
		.main-inner .ui.stackable.grid > .row > .column{padding-left:0px !important;padding-right:0px !important;}
		.main-inner .bottom_info .ui.list{display:inline-block;}
		.main-inner .bottom_info .ui.list .item{border-top:1px dotted #dedede;border-left:none;}
		.main-inner .bottom_info .ui.list .item:first-child{border-top:none;}
	}

	@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;}
	}


