@charset "utf-8";

/*이미지 확대 버튼*/
.pic_btn a, .ds_no {display: none;}
.pic_btn a:hover{background-color:#236dc7;/*border-color:#348c01;*/color:#fff;transition: all 300ms ease-out }

@media(max-width:767px){
.pic_btn a {display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;}
.pic_img{text-align: center;}
}
@media(max-width:560px){
.pic_btn a {width: 75%;}
}
@media(max-width:450px){
.pic_btn a {width: 100%;}
}

.th_bg{background: #f1f3f8;}

/* 국가회계재정통계센터 - 홍보영상 */
.center_pr .vod_wrap {border: 1px solid #dcdcdc;}
.center_pr .vod_wrap .vod_box {padding: 35px 65px;}
.center_pr .vod_wrap .vod_box .vod_view {position: relative;width: 100%;height: auto;padding-bottom: 57.44%;background: #333;}
.center_pr .vod_wrap .vod_box .vod_view iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.center_pr .vod_wrap .subtit {padding: 35px 65px;background: #fbfbfb;border-top: 1px solid #dcdcdc;}
.center_pr .vod_wrap .subtit strong {float: left; margin-top: 10px; padding-bottom: 34px; width: 15%; background: url(/images/gafsceng/center/center_PR_img01.png)no-repeat left bottom; font-size: 16px; font-weight: 600; color: #be0100;}
.center_pr .vod_wrap .subtit .subtit_txt {float: right;padding: 10px;width: 83%;}
.center_pr .vod_wrap .subtit .subtit_txt .txtwrap {width: 100%;height: 150px;overflow-y: scroll;}
.center_pr .vod_wrap .subtit .subtit_txt pre {width: 100%; white-space: pre-line; word-wrap: break-word; word-break: keep-all; }
.center_pr .vod_wrap .subtit:after {content: "";display: block;clear: both;visibility: hidden;}

@media only screen and (max-width: 767px) {
	.center_pr .vod_wrap .vod_box {padding: 20px;}
	.center_pr .vod_wrap .subtit strong {padding-bottom: 0;background-image: none;}
	.center_pr .vod_wrap .subtit strong, .vod_wrap .subtit .subtit_txt {float: none;width: 100%}
	.center_pr .vod_wrap .subtit h4 {margin-bottom: 15px; padding: 0;background: none;}
	.center_pr .vod_wrap .subtit {padding: 20px}
	.center_pr .vod_wrap .subtit .subtit_txt {width:100%; margin-top:20px; padding:0;}
}
/* 국가회계재정통계센터 - 홍보영상 End */

/* 국가회계재정통계센터 - 설립목적 */
.center_pur tbody>tr>td>strong{font-weight:600;}
/* 국가회계재정통계센터 - 설립목적  End*/


/* 국가회계재정통계센터 - 역대소장 */
.center_pm .ui-photo-item{float:left;width:50%;}
.center_pm .ui-photo-item .figure{width:30%;vertical-align: top;}
.center_pm .ui-photo-item .figcaption{width:70%;}
.center_pm .ui-photo-item .figcaption h3{margin-top:0;}

@media only screen and (max-width: 900px){
    .center_pm .ui-photo-item{width:100%;}
    .center_pm .ui-photo-item .figure{width:20%;}
    .center_pm .ui-photo-item .figcaption{width:80%;}
}
@media screen and (max-width: 767px){
    .center_pm .ui-photo-item .figcaption, .center_pm .ui-photo-item .figure {width:100%;}
}

/* 국가회계재정통계센터 - 역대소장 End */


/* 인사말 */
.center_greeting {background-image:url(/images/gafsceng/center/center_message02_2022.png);}
.center_greeting .title {margin:0; padding-top:75px;}
.center_greeting .con {margin:85px 0 0;}
.center_greeting .sign span {width:140px; height:39px; background-image:url(/images/gafsceng/center/center_Message_img_02_01_2022.png);}

@media screen and (max-width:768px){
    .center_greeting {background:none;}
    .center_greeting .title {padding-top:0;}
}
/* History */
.center_history .title {padding:66px 0;}

/* center_Contact */
.center_Contact .ui-topbox .inner .h-box {font-weight:600; font-size:18px;}

/* The Regulations of National Accounting */
.link_wrap {margin:0 -2%;}
.link_wrap:after {display:block; clear:both; visibility:hidden ;content:'';}
.link_wrap .link_box {float:left; position:relative; width:46%;margin:0 2% 25px; padding:3px;background:#f0f0f0;  }
.link_wrap .link_box:before {display:block; position:absolute; left:0; top:0; z-index:2; width:180px; height:30px; background:#bdbdbd; content:''; }
.link_wrap .link_box:after {display:block;visibility:visible;position:absolute;right:0;top:0;z-index: 1;width:100%;height:30px;background:#e6e6e6;content:'';}
.link_wrap .link_box .inner {position:relative; z-index:10;min-height:206px;padding:30px 30px 30px 160px;border-bottom: 1px solid #e6e3e1;background:#fff;}
.link_wrap .link_box .inner.inner_high{min-height:260px;}
.link_wrap .link_box .inner.inner_middle{min-height:240px;}
.link_wrap .link_box .inner .ico {display:block; position:absolute; left:30px; top:30px; width:93px; height:93px; background:url(/images/kor/Center/center_ir.png)no-repeat; }
.link_wrap .link_box .inner .ico.ico1 {background-position:0 -130px;}
.link_wrap .link_box .inner .ico.ico2 {background-position:-96px -130px;}
.link_wrap .link_box .inner .ico.ico3 {background-position:-192px -130px;}
.link_wrap .link_box .inner .ico.ico4 {background-position:-288px -130px;}
.link_wrap .link_box .inner .ico.ico5 {background-position:-384px -130px;}
.link_wrap .link_box .inner .ico.ico6 {background-position:-484px -130px;}
.link_wrap .link_box .inner .ico.ico7 {background-position:-588px -130px;}
.link_wrap .link_box .inner .ico.ico8 {background-position:-689px -130px;}
.link_wrap .link_box .inner .ico.ico9 {background-position:-795px -130px;}
.link_wrap .link_box .inner .ico.ico10 {background-position:-902px -130px;}
.link_wrap .link_box .inner .ico.ico11 {background-position:0 -236px;}
.link_wrap .link_box .inner .ico.ico12 {background-position:-105px -236px;}
.link_wrap .link_box .inner .ico.ico13 {background-position:-210px -236px;}
.link_wrap .link_box .inner .ico.ico14 {background-position:-314px -236px;}
.link_wrap .link_box .inner .ico.ico15 {background-position:-419px -236px;}
.link_wrap .link_box .inner .ico.ico16 {background-position:-524px -236px;}
.link_wrap .link_box .inner .ico.ico16 {background-position:-626px -236px;}
.link_wrap .link_box .inner .ico.ico17 {background-position:-729px -236px;}
.link_wrap .link_box .inner .ico.ico18 {background-position:-833px -236px;}
.link_wrap .link_box .inner strong {display:block; font-size:16px; font-weight:600;}
.link_wrap .link_box .inner p {font-size: 15px;color: #666;}
.link_wrap .link_box .inner .btn_wrap {margin:15px 0 0;text-align:right;}
.link_wrap .link_box .inner .btn_wrap a {margin:10px 0 0;}
.link_wrap .link_box .inner .btn_wrap a.btn-secondary {min-width:203px;text-align:left;}

.link_wrap .link_box.box_1{width:96%;}
.link_wrap .link_box.box_con1 .inner{padding:30px;}
.link_wrap .link_box.box_con1 .inner .ico_btn{overflow:hidden;margin-left:120px;text-align:center;}
.link_wrap .link_box.box_con1 .inner .ico_btn li{float:left;display:inline-block;margin:0 3.5%;}
.link_wrap .link_box.box_con1 .inner .ico_btn li a{display:block;}
.link_wrap .link_box.box_con1 .inner .ico_btn .ico{position:inherit;}

@media screen and (max-width:1023px){ 
    .link_wrap {margin:0;}
    .link_wrap .link_box {float:none; width:100%; margin:0 0 25px;}
    .link_wrap .link_box .inner {min-height:auto;}
    .link_wrap .link_box .inner.inner_high{min-height:auto;}
    .link_wrap .link_box .inner.inner_middle{min-height:auto;}
    .link_wrap .link_box.box_1{width:100%;}    
    .link_wrap .link_box.box_con1 .inner{text-align:center;}
    .link_wrap .link_box.box_con1 .inner strong{margin-bottom:20px;}
    .link_wrap .link_box.box_con1 .inner .ico_btn{display:inline-block;margin-left:0;}
    .link_wrap .link_box.box_con1 .inner .ico_btn li{margin:20px;}
    
}
@media screen and (max-width:767px){
    .link_wrap .link_box:before {width:25%;}
    .link_wrap .link_box .inner {padding:25px;}
    .link_wrap .link_box .inner .ico {display:none;}
    .link_wrap .link_box.box_con1 .inner .ico_btn li{width:29%;margin:2%;}
    .link_wrap .link_box.box_con1 .inner .ico {display:block;margin:0 auto;}
    
}

@media screen and (max-width:680px){
    .link_wrap .link_box.box_con1 .inner .ico_btn li{width:29%;}
}
@media screen and (max-width:680px){
    .link_wrap .link_box.box_con1 .inner .ico_btn li{width:45%;}
}



/* Map - center_Map */ 
.about_location .map_wrap {width:100%; height:345px; }
.about_location .map_txt {position:relative; background:#3d4151; }
.about_location .map_txt:after{content:"";display:block;clear:both;visibility:hidden;}
.about_location .map_txt .txt {float:left; padding:30px 10px 40px 40px;}
.about_location .map_txt .txt1 {width:50%;}
.about_location .map_txt .txt2 {width:50%;}
.about_location .map_txt .txt p {font-size:15px;color:#fff;}
.about_location .map_txt .txt .tit + p {position: relative; padding-left:40px; line-height:27px;}
.about_location .map_txt .txt .tit + p:before {content:""; position: absolute; left:0; width:30px; height:30px; background:url(/images/gafsceng/center/info_Location_img01.png)no-repeat; vertical-align:middle;}
.about_location .map_txt .txt .tit + p.address:before {background-position:0 0;}
.about_location .map_txt .txt .tit + p.tel:before {background-position:-30px 0;}
.about_location .map_txt .txt .tit {font-size:19px; font-weight:bold;font-family:nsr;}
.about_location .map_txt .a_btn {position:absolute; top:50%; right:40px; margin-top:-20px;}
.about_location .map_txt a {position: relative; display:block; width:160px; height:40px; padding-left:30px; border:2px solid rgba(255,255,255,0.5); line-height:36px; color:#fff; text-align:center; font-size:15px;}
.about_location .map_txt a:before {content:""; position: absolute; left:20px; top:10px; width:16px; height:18px;margin-right:5px; background:url(/images/gafsceng/center/info_Location_img01.png)no-repeat -70px 0; vertical-align:middle;}
.about_location #map_tab_content .con {display:none;padding-top:40px;}
.about_location #map_tab_content .con.active { display:block; }
.about_location #map_tab_content .con strong {font-size:24px; color:#000; font-weight:bold;}
.about_location #map_tab_content .con .list_wrap .h3 { margin:10px 0 0 ;font-size:21px; font-weight:bold; color:#09257b;font-family:nsr;}
.about_location #map_tab_content .con .list_wrap .row_list {position:relative; min-height:200px;padding:40px 0 40px 190px; border-bottom:1px dashed #ccc;}
.about_location #map_tab_content .con .list_wrap .row_list .icon {position:absolute; left:30px; top:33px; font-size:18px; color:#09257b; text-align:center;}
.about_location #map_tab_content .con .list_wrap .row_list .icon span {display:block;width:125px; height:125px; margin-bottom:3px;background:url(/images/gafsceng/center/info_Location_img01.png)no-repeat}
.about_location #map_tab_content .con .list_wrap .row_list .icon.icon01 span {background-position:0 -135px;}
.about_location #map_tab_content .con .list_wrap .row_list .icon.icon02 span {background-position:-126px -135px;}
.about_location #map_tab_content .con .list_wrap .row_list .icon.icon03 span {background-position:-252px -135px;}
.about_location #map_tab_content .con .list_wrap .row_list ul li {font-size:15px; color:#4a4a4a; }
.about_location #txt .btn-ani.btn-file.bntime{padding:3px 6px 2px;background:#eee;}
.about_location #map_tab_content .con.content2 img,
.about_location #map_tab_content .con.content3 img{border:1px solid #ddd;}
.about_location .txt-tip-red {position:relative; padding-left:20px; color:#888;}
.about_location .txt-tip-red:before {top:4px; left:0; content:""; width:16px; height:16px; background:url(/images/gafsceng/center/info_Location_img01.png) 0 -264px no-repeat; display:block; position:absolute; overflow:hidden}

@media(max-width:850px){
    .about_location .map_txt .txt {float:none;}
    .about_location .map_txt .txt.txt1 {width:100%; padding:20px 25px 0;}
    .about_location .map_txt .txt.txt2 {width:100%; padding:10px 25px 20px;}
    .about_location .map_txt .a_btn {top:auto; right:25px; bottom:25px; margin-top:0;}
}

@media(max-width:580px){
    .about_location .map_txt .txt.txt2 { padding:10px 25px 70px;}
    .about_location .map_txt .a_btn {bottom:20px;}
    .about_location #map_tab_content .con .list_wrap .row_list {min-height:auto; padding:40px 0;}
    .about_location #map_tab_content .con .list_wrap .row_list .icon {position:static; margin:0 auto 20px;  }
    .about_location #map_tab_content .con .list_wrap .row_list .icon span {margin:0 auto 5px;}
}


/* center_OrganizationList 조직도 팀별 업무  */
/*orga 시작*/
.organization1 {position: relative; background-color: #f5f5f6; z-index: 9;}
.organization1 .org_ul {text-align: center;}
.organization1 .org_ul .lv {position: relative;}
.organization1 .org_ul .lv > span,
.organization1 .org_ul ul li span {display: inline-block; height: 50px; line-height: 48px; text-align: center; font-size: 16px;}
/*lv01*/
.organization1 .org_ul .lv.lv01 {padding: 30px 30px 0 30px;}
.organization1 .org_ul .lv.lv01 span {width: 200px; height: 200px; padding-top:80px; line-height: 1.5; margin: 0 auto 30px; background: url(/images/gafsc/center/jose1.png) no-repeat; text-align: center; color: #fff; font-size: 16px; font-weight: bold;}
.organization1 .org_ul .lv.lv01::before {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 200px; width: 1px; height: 450px; background-color: #949494; z-index: -1;}
.organization1 .org_ul .lv.lv01 span img {display: block; margin:50px auto 12px;}
.organization1 .org_ul .lv.lv01.lv01_02 {padding:0;}
.organization1 .org_ul .lv.lv01.lv01_02 span {width: 175px; height: 175px; line-height: 1; background: url(/images/gafsc/center/jose2.png) no-repeat; text-align: center; color: #fff; font-size: 16px; font-weight: bold;}

.organization1 .org_ul .lv.lv01_02::before{display:none;}
.organization1 .org_ul .lv.lv01_02::after {display: block; content: ""; position: absolute; top: -85px; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; border-radius: 50%; border: 1px solid #949494; z-index: 9; background-color: #f5f5f6;}

/*lv02*/
.organization1 .org_ul .lv.lv02 {text-align: right; width: 95%; height: 50px; margin: 0 auto 20px;}
.organization1 .org_ul .lv.lv02 a {box-sizing: border-box; display: block;}
.organization1 .org_ul .lv.lv02.lv02_01 span {width:31%;background-color:#786e69;color: #fff;}
.organization1 .org_ul .lv.lv02.lv02_02 span{width:31%;height: auto; padding: 1%; line-height: 1.5; background:#594940;color:#fff;}
.organization1 .org_ul .lv02_01::before {content: ""; display: block; position: absolute; left: 50%; top: 60px; right: 15%; width: auto; height: 1px; background-color: #949494;z-index: -2;}
.organization1 .org_ul .lv02_02::before {content: ""; display: block; position: absolute; right: 9.5%; top: -10px; transform: translateY(-50%); width: 25%; height: 70px; border: 1px solid #949494; border-right: none; background-color: #f5f5f6; z-index: -1;}
.organization1 .org_ul .lv02_02::after {content: ""; display: block; position: absolute; top:-10px; right:34%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%; border: 1px solid #949494; background-color: #f5f5f6; z-index: 9;}

/*lv03*/
.organization1 .org_ul .lv.lv03 {position: relative;margin:0 auto;}
.organization1 .org_ul .lv.lv03::after {content: "";display: block;clear: both;}
.organization1 .org_ul .lv.lv03 li.js-tab {float: left; width:31%;}
.organization1 .org_ul .lv.lv03 li.js-tab:nth-child(2){margin:0 3.5%;}
.organization1 .org_ul .lv.lv03 ul li span {width:100%;text-align: center;background-color:#744a4b;color:#fff;border-top:none;}
.organization1 .org_ul .lv.lv03::before { content: ""; display: block; position: absolute; left: 15%; top: 30px; width: 70%; height: 1px; background-color: #949494;}
.organization1 .org_ul .lv.lv03 .tabpanel {padding-top:30px;background-color: #fff;}
.organization1 .org_ul .lv.lv03 .tab-ul {width:95%; margin:0 auto; padding:0 0 30px 0;; background-color: #f5f5f6;}
.organization1 .org_ul .lv.lv03 .tab-ul::after {content: "";display: block;clear: both;} 

/* 20191021 추가 */
 .organization1 .ui-list__bodo.type1 .inner {text-align: left;}

@media (max-width: 750px) {
    .organization1 .org_ul .lv.lv01_02{padding:0 0 20px 0;}
    .organization1 .org_ul .lv.lv02 {text-align: center;}
    .organization1 .org_ul .lv.lv02 span {margin-left: 0;}
    .organization1 .org_ul .lv.lv02.lv02_01 span{width:100%;}
    .organization1 .org_ul .lv.lv02.lv02_02 span{width:100%; height: 50px; line-height: 48px; padding: 0;}
    .organization1 .org_ul .lv.lv02::before {display: none;}
    .organization1 .org_ul .lv.lv03::before {display: none;}
    .organization1 .org_ul .lv.lv03 li.js-tab {width: 100%;}
    .organization1 .org_ul .lv.lv03 li.js-tab:nth-child(2){margin:0;}
    .organization1 .org_ul .lv02_01::before {display: none;}
    .organization1 .org_ul .lv02_02::before {display: none;}
    .organization1 .org_ul .lv02_02::after {display: none;}
    .organization1 .org_ul .lv.lv01::after {display: none;}
    .organization1 .org_ul .lv.lv02 .tab-ul.type3 li a {text-align: center;}
}

@media (max-width: 450px) {
    .organization1 .org_ul .lv.lv02 a span,
    .organization1 .org_ul .lv.lv03 a span{font-size:15px;}
}

/*기능적인 부분*/
.organization1 .tabpanel.on {display: block; opacity: 1;}
.organization1 .tabpanel {display: none; opacity: 0;}
/*기존 스타일 적용되면 추가해서 빼야할 스타일 부분*/
.organization1 .tab-ul.type3 {border: none;}
.organization1 .tab-ul.type3 li {border: none;}
.organization1 .tab-ul.type3 li a:hover span, .organization1 .tab-ul.type3 li.on a span {color: none;}
.organization1 .tab-ul.type3 li a:hover:before, .organization1 .tab-ul.type3 li.on a:before {border: none;}
.organization1 .tabpanel {padding: 10px;}
.organization1 .tab-ul.type3 li {background-color: transparent;}
.organization1 .org_ul .lv.lv02 .tab-ul.type3 li {width: 100%;}
.organization1 .org_ul .lv.lv02 .tab-ul.type3 li a {text-align: right;}
.organization1 .tab-ul.type3 li a span {padding: 0;}
.organization1 .tabpanel .h2 {text-align: left;}

/* center_Purpose 센터개요 - 설립목적 20191022 */
.center_Purpose .ui-object.type2 .item .inner {min-height:170px;}
.center_Purpose .ui-object.type2 .item:nth-child(3) .inner,
.center_Purpose .ui-object.type2 .item:nth-child(4) .inner,
.center_Purpose .ui-object.type2 .item:nth-child(9) .inner,
.center_Purpose .ui-object.type2 .item:nth-child(10) .inner {min-height:225px;}
.center_Purpose .ui-object.type2 .item .inner strong {font-size:16px;}
.center_Purpose .ui-object.type2 .item .inner .circle.ypurple {background:#e1e1e1 !important;}
.center_Purpose .ui-object.type2 .item .inner {position: relative;}
@media only screen and (max-width: 970px){
    .center_Purpose .ui-object.type2 .item .inner {min-height:220px;}
    .center_Purpose .ui-object.type2 .item:nth-child(3) .inner,
    .center_Purpose .ui-object.type2 .item:nth-child(4) .inner,
    .center_Purpose .ui-object.type2 .item:nth-child(9) .inner,
    .center_Purpose .ui-object.type2 .item:nth-child(10) .inner {min-height:270px;}
}
@media only screen and (max-width: 768px){
    .center_Purpose .ui-object.type2 .item .inner {min-height:auto;}
    .center_Purpose .ui-object.type2 .item:nth-child(3) .inner,
    .center_Purpose .ui-object.type2 .item:nth-child(4) .inner,
    .center_Purpose .ui-object.type2 .item:nth-child(9) .inner,
    .center_Purpose .ui-object.type2 .item:nth-child(10) .inner {min-height:auto;}
    .center_Purpose .ui-object.type2 .item .inner strong {position: static;transform: none; padding-right: 0;}
}

/* center_History 설립목적 연혁 20191023 */
.center_History .profile_wrap{background-image: url(/images/gafsceng/center/center_profile01.jpg); background-repeat: no-repeat; background-position: right 513px; background-size:280px;}
.center_History .profile_wrap.cfa_history .progile_list li span {color:#927a6c; font-weight:bold;}
.center_History .profile_wrap h3 {font-size: 26px; font-weight: 600; color: #282828; margin-top: 50px;}
@media(max-width:1023px){
	.center_History .profile_wrap {background:none;}
}

/* regulations_Act1 20191023 */
.regulations_Act1 .ui-list__bodo .inner .ui-bodo__summary p {padding:20px}
/* public 20191023 */
.public .ui-list__bodo .inner .ui-bodo__summary p {padding:20px}
/* laws 20191024 */
.laws .ui-list__bodo .inner .ui-bodo__summary p {padding:20px;}