@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');


* { line-height: 1.2; margin: 0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-family: "Nanum Gothic"}
html { width:100%; height:100%; background-color: #FFFFFF}
body { width:100%; height:100%; background-color: #FFFFFF}
ul { padding-left: 0 !important; list-style: none;}
li { line-height: 1.4; }
li span { font-size: 0.8rem; word-break: keep-all;}
a, button { cursor: pointer; }

#main_PC { width:100%; height:100%; overflow-x:hidden; overflow-y:auto;}
.backgroundImg { background-repeat: no-repeat !important; background-size: cover !important; }
#menu1, #menu2 { min-height: 100%;}

.additional_txt { text-align: right;}
.additional_txt span { font-size: 18px; text-align: right; color: #707070; }
#downLoad_div { width: 100%; padding: 1rem; background-color: white; text-align: right; padding-bottom: 0 !important;}
.downLoad_div { width: 100%; padding: 1rem; background-color: white; text-align: right; padding-bottom: 1rem;}
.downLoad { text-decoration: none; }
#downLoadBTN { font-size: 20px; padding: 10px 25px; background-color: #0A8DF2; border: none; color: #FFFFFF; border-radius: 15px; box-shadow: 0px 2px 2px 2px #DEDDDD; font-weight: bold }
.downLoadBTN { font-size: 20px; padding: 10px 25px; background-color: #0A8DF2; border: none; color: #FFFFFF; border-radius: 15px; box-shadow: 0px 2px 2px 2px #DEDDDD; font-weight: bold }


/* 메인 */
#main_content_inner { width: 30%; background-color: #FFFFFF; border-radius: 30px; margin: 0 auto;padding: 50px; box-shadow: 2px -1px 116px -54px black;}
#main_content { display: grid; align-items: center; }
#main_content_inner .main_text { width: 95%; text-align: center;  margin: 0 auto; margin-bottom: 20px !important;}
#main_content_inner .main_text span{ font-size: 20px; color: #05274F; font-family: "Nanum Gothic"}
#main_content_inner .main_button { width: 100%; text-align: center; }
#main_content_inner .buttons { margin-top: 15px; }
#main_content_inner .buttons button { font-weight: bold; border: none; background-color: #05274F; color: #FFFFFF; padding: 0.5rem 3rem; width: 60%; border-radius: 30px; font-size: 20px;}
#main_content_inner .buttons a{ color: #FFFFFF;text-decoration: none; font-weight: 900;}

/* 메뉴 */
#menu_header { width: 100%; height: 5rem; background-color: #05274F; display: grid; align-items: center;}
#menu_header span{ font-family: s-core-09; color: #FFFFFF; font-size: 1.6rem; margin-left: 1rem; }

.menuBtn { width: 100%; text-align: center; margin-top: 1.5rem; }
.menuBtn button{ font-family: "Nanum Gothic"; font-weight: 900; color: #05274F; width: 60%; text-align: center; margin-top: 1.5rem; padding: 20px 0; background: #E1F7FF; border: none; font-size: 18px; }
.menuBtn a{ color: #05274F; text-decoration: none; }
.backBtn { background-color: #FFFFFF; text-align: center; border: none; padding: 15px 18px; border-radius: 50px; }

/* 이해충돌방지법 */
#content_header { height: 4.5rem; display: grid; align-items: center; }
#content_header span { font-family: s-core-07; color: #FFFFFF; margin: 0 1rem; font-size: 1.2rem; line-height: 2; }
#content_header img { width: 55%; vertical-align: middle; }

#content { display: grid; align-items: center; }
#content .sub_title{ margin-top: 1rem; }
#content .sub_title span { color: #212970; font-size: 22px; line-height: 3; font-weight: 900;}
#content .sub_title .iconDiv { width: 10%; margin: 0 1rem;}
#content .sub_title .iconDiv img { width: 100%; vertical-align: middle; }
#content .cont01_textDiv { width: 100%; background-color: #F5F5FB; margin: 0 auto;padding: 30px; word-break: keep-all; font-size: 16px; border-radius: 25px;}
#content .cont01_textDiv p { line-height: 1.3 !important; }

#content .applicable_div { width: 90%; margin: 0 auto; display: flex; }
#content .applicable_div .applicable_txt01 { font-size: 1.5rem; color: #212970; display: grid; align-items: center; width: 43%; }
#content .applicable_div .applicable_img {  }
#content .applicable_div .applicable_img img { width: 100%; vertical-align: middle;}
#content .applicable_div .applicable_txt02 { width: 44%; word-break: keep-all; display: grid; align-items: center; }
#content .applicable_div .applicable_txt02 span { font-size: 1.5rem;margin: 0 auto; }
#content .appicable_foot { width: 90%; margin: 1rem auto; color: #393939; font-size: 0.8rem; }

#content .List10 { width: 100%; margin: 1rem auto;  border-radius: 25px; background-color: #F5F5FB; padding: 40px;  }
#content .List10 .listSubject { display: flex; width: 100%; margin: 0 auto;  border-radius: 25px; background-color: #FFFFFF; padding: 30px;  }
#content .List10 .list01_main { background-size: contain !important; }
#content .List10 .list_title { width: 35%; margin-top:30px; text-align: left; padding: 10px 15px; font-size: 16px; color: #FFFFFF; border-radius: 10px; font-weight: 700; }
#content .List10 .list_content { width: 100%; margin: 0 auto; margin-bottom: 1rem !important; font-size: 16px; word-break: keep-all; line-height: 1.5; padding-bottom: 0.3rem !important; margin-top: 20px;}
#content .List10 .list_content b { font-weight: 800;}
#content .List10 .list_content .list_fee { width: 100%; font-weight:bold; color: #E24A4A; font-size: 15px; word-break: keep-all; line-height: 2;}

#content .declare_div { width: 100%; margin: 1rem auto; background-color: #F5F5FB; border-radius: 25px;  padding: 40px; }
#content .declare_div .declare_content { display: flex; width: 100%; margin: 0 auto;}
#content .declare_div .declare_content span { font-size: 16px; line-height: 1.7 }

#content .punishment_div { width: 100%; margin: 1rem auto; }
#content .punishment_tbl { word-break: keep-all; border: 1px solid #FFFFFF; border-spacing: 0;}
#content .punishment_tbl thead { background-color: #2E2AA8; color: #FFFFFF; font-size: 16px}
#content .punishment_tbl thead tr th { padding: 0.5rem; border: 1px solid #FFFFFF; }
#content .punishment_tbl tbody { background-color: #E5E2FF; }
#content .punishment_tbl tbody tr td { padding: 0.7rem; border: 1px solid #FFFFFF; font-size: 16px;line-height: 1.4; text-align: center}
#content .punishment_tbl tbody tr:nth-child(2),
#content .punishment_tbl tbody tr:nth-child(3),
#content .punishment_tbl tbody tr:nth-child(8) ,
#content .punishment_tbl tbody tr:nth-child(9){ background-color: #AAAAFF;}

#content .fine_tbl { width: 100%; word-break: keep-all; border: 1px solid #FFFFFF; border-spacing: 0; margin-bottom: 1.5rem;}
#content .fine_tbl thead { background-color: #358FD4; color: #FFFFFF; font-size: 16px;}
#content .fine_tbl thead tr th {  padding: 0.5rem; border: 1px solid #FFFFFF; }
#content .fine_tbl tbody { background-color: #E1F7FF; }
#content .fine_tbl tbody tr td { padding: 0.7rem; border: 1px solid #FFFFFF; text-align: center; font-size: 16px;line-height: 1.4;}
#content .fine_tbl tbody tr:nth-child(4),
#content .fine_tbl tbody tr:nth-child(5),
#content .fine_tbl tbody tr:nth-child(6),
#content .fine_tbl tbody tr:nth-child(7),
#content .fine_tbl tbody tr:nth-child(8),
#content .fine_tbl tbody tr:nth-child(9) { background-color: #AACFFF;}

/* 청탁금지법 */
#content02 { display: grid; align-items: center; }

#content02 .light_green_div { background-color: #EBF9ED; padding: 40px; border-radius: 25px; margin-bottom: 20px;}
#content02 .light_green_div .sub_title span{ color: #FFFFFF !important; font-size: 16px; line-height: 0 !important;}
#content02 .light_green_div .sub_title { width: 15%; padding: 10px 13px; border-radius: 10px;}

#content02 .sub_title span { color: #212970; font-size: 22px; line-height: 3; font-weight: 900;}
#content02 .sub_title .iconDiv { width: 10%; margin: 0 1rem;}
#content02 .sub_title .iconDiv img { width: 100%; vertical-align: middle; }
#content02 .cont01_textDiv { width: 100%; background-color: #F5F5FB; margin: 0 auto;padding: 30px; word-break: keep-all; font-size: 16px; border-radius: 25px;}
#content02 .cont01_textDiv p { line-height: 1.3 !important; }

#content02 .explain_text { word-break: keep-all; }
#content02 .explain_text span { line-height: 1.4; font-size: 16px; }
#content02 .explain_text .target_div { display: flex; margin-top: 20px; }
#content02 .explain_text .target_div img{ width: 100%; }
#content02 .explain_text .target_img { width: 7%; }
#content02 .explain_text .target_txt { width: 90%; word-break: keep-all; margin-left: 35px;}
#content02 .explain_text .target_txt .sub_text { font-size: 16px; }
.target_name { font-size: 18px !important; font-weight: 800; color:#137B7B}

#content02 .sanctions_div { margin-bottom: 3rem;}
#content02 .round_div { display: flex; text-align: center; margin-top: 0.3rem;}
#content02 .round_div .round_tit { width: 50%; padding: 0.7rem 0; font-size: 16px; font-weight: 700;}
#content02 .round_div .round_cont { width: 50%; padding: 1.5rem 1rem; font-size: 16px; word-break: keep-all; }
#content02 .round_div .rount_left_div {  margin-right: 0.3rem;  }


#content02 .exception_div li::before { content: "●"; color: #218279; font-size: 0.6rem;}
#content02 .exception_div02 li::before { content: "●"; color: #2C9748; font-size: 0.6rem;}
#content02 .explain_text li::before { content: "●"; color: #2C9748; font-size: 0.6rem;}
#content02 .declare_div02 li::before { content: "●"; color: #05BCD1; font-size: 0.6rem;}

#content02 .declare_div02 { background-color: #CFF1F6; padding: 1rem; word-break: keep-all;font-size: 0.8rem; line-height: 1.4; }
#content02 .declare_div02 ul li{ font-size: 0.9rem; }

/* 공공재정환수법 핵심내용 */
/*#content03 { width: 90%; margin: 0 auto; }*/
/*#content03 { height: 4.5rem; display: grid; align-items: center; }*/
#content03 { display: grid; align-items: center; }
.div { display: grid; align-items: center; }
#content03 .sub_title{ margin-top: 30px; }
#content03 .sub_title span { color: #212970; font-size: 22px; line-height: 3; font-weight: 900; }
#content03 .sub_title .iconDiv { width: 10%; margin: 0 1rem; margin-left: 0 !important;}
#content03 .sub_title .iconDiv img { width: 100%; vertical-align: middle; }
#content03 .content_txt { font-size: 0.9rem; margin: 2rem 0; word-break: keep-all; line-height: 1.4; }
#content03 .light_purple_div { background-color: #F5F5FB; padding: 40px; border-radius: 25px; }
#content03 .light_purple_div .content03_txt { word-break: keep-all; line-height: 1.4; font-size: 0.9rem; margin-bottom: 1rem;}
#content03 .light_purple_div .sub_txt_div { width: 100%; margin: 1rem auto; padding: 1rem 2rem; background-color: #FFFFFF; word-break: keep-all; }
#content03 .light_purple_div .text_div { display: flex; }
#content03 .light_purple_div .text_div .sub_tit{ font-size: 16px; font-weight: 800; color: #8853E5; line-height: 2; width: 16%; }
#content03 .light_purple_div .text_div .sub_cont { font-size: 16px; line-height: 2 }
#content03 .light_purple_div .right_cont { font-size: 16px; }
#content03 .light_purple_div .right_cont .raw_div { font-size: 13px !important; background: #6DBBFF;padding: 10px;width: 20%; text-align: center; color: #FFFFFF; font-weight: 700; border-radius: 30px;}
#content03 .light_purple_div .prpl_div { background-color: #8853E5; color: #FFFFFF; font-size: 16px; font-weight: 800; width: 25%; padding: 10px; text-align: center; border-radius: 10px; display: inline-block;vertical-align: top }
#content03 .light_purple_div .prpl_div_txt { display: inline-block; margin-left: 30px; font-size: 16px; }
#content03 .light_purple_div .prpl_div_txt div{ }
#content03 .light_purple_div .prpl_div_txt span{ line-height: 1.8;font-size: 16px; }


/* 임직원윤리행동강령 */
#content04 { display: grid; align-items: center; }

#content04 .light_green_div { background-color: #CEF1F5; padding: 1rem; margin-top: 1rem;}
#content04 .sub_title { font-family: s-core-04; width: 30%; text-align: center; color: #FFFFFF; padding: 0.5rem; border-radius: 30px; font-size: 0.9rem; }
#content04 .content02_tit { font-family: s-core-07; font-size: 1.1rem; margin-top: 2rem; font-weight: 400; color: #1E85A5; }
#content04 .explain_text { word-break: keep-all; }
#content04 .explain_text span { font-family: s-core-04;  line-height: 1.4; font-size: 1.1rem; }
#content04 .explain_text .target_div { display: flex; }
#content04 .explain_text .target_div img{ width: 100%; }
#content04 .explain_text .target_img { width: 30%; }
#content04 .explain_text .target_txt { font-family: s-core-04; width: 70%; word-break: keep-all; margin-left: 1rem;}
#content04 .explain_text .target_txt .sub_text { font-size: 0.7rem; }

.light_blue_div { background-color: #E8F9FF; padding: 40px; border-radius: 25px; margin-bottom: 20px; }
.blue_tit { color: #1F6AEC; font-size: 16px; font-weight: 800; margin-top: 20px; }


/* 퇴직자 취업제한 제도 */
/* 공공재정환수법 핵심내용 */
#content05 { display: grid; align-items: center; }
#content05 .sub_title span { color: #212970; font-size: 22px; line-height: 3; font-weight: 900; }
#content05 .sub_title .iconDiv { width: 10%; margin: 0 1rem; margin-left: 0 !important;}
#content05 .sub_title .iconDiv img { width: 100%; vertical-align: middle; }
#content05 .content05_txt { word-break: keep-all; line-height: 1.4; font-size: 16px; }
#content05 .light_yellow_div { background-color: #FBF7EB; padding: 40px; margin-top: 20px; border-radius: 25px; }
#content05 .sub_tit { width: 30%; text-align: center; color: #FFFFFF; padding: 0.5rem; border-radius: 30px; font-size: 18px; margin: 1rem 0; font-weight: bold }
#content05 .light_purple_div .content03_txt { word-break: keep-all; line-height: 1.4; font-size: 0.9rem; margin-bottom: 1rem;}
#content05 .light_purple_div span { word-break: keep-all; line-height: 1.4; font-size: 0.9rem; margin-bottom: 1rem;}
#content05 .light_purple_div .sub_txt_div { width: 100%; margin: 1rem auto; padding: 1rem 2rem; background-color: #FFFFFF; word-break: keep-all; }
.orange_cont_tit { vertical-align: top; display: inline-block; width: 21%; padding: 10px 15px; background-color: #F16A10; color: #FFFFFF; font-weight: bold; font-size: 16px; border-radius: 10px;}
.cont_div { display: inline-block; background-color: #FFFFFF; border-radius: 10px; width: 75%; padding: 20px; margin-left: 20px }
.light_orange_div { background-color: #FB9600; font-size: 18px; font-weight: bold;width: 100%;color: #FFFFFF; padding: 10px 20px;margin-top: 20px; }
.white_div { background-color: #FFFFFF; font-size: 16px; line-height: 1.4; padding: 20px 20px}

.header_blue { background-color: #212970; }
.header_blue02 { background-color: #1F6AEC; }
.header_green { background-color: #1C6050; }
.header_purple { background-color: #34208B; }
.header_orange { background-color: #F16A10; }

.light_blue { background-color: #01A8FF;}
.blue { background-color: #014DFF; }
.dark_blue { background-color: #212970; }

.green01 { background-color: #137B7B; }
.green02 { background-color: #218279; }
.green03 { background-color: #16654A; color: #FFFFFF; }
.green04 { background-color: #52C49C; color: black; }
.green05 { background-color: #7FDBBB; color: black; }
.green06 { background-color: #2C9748; }
.green07 { background-color: #246B05; color: #FFFFFF; }
.green08 { background-color: #7FC452; color: black; }
.green09 { background-color: #B5F56B; color: black; }
.green10 { background-color: #6FAA5B; }

.aqua { background-color: #05BCD1; }
.aqua02 { background-color: #0B99EB; }

.orange01 { background-color: #FB9600; }
.orange02 { background-color: #EC7418 }

.red { color: #F90909; }

.purple01 { background-color: #8853E5; }

.font_size_small { font-size: 0.6rem;}
.ScoreDream05 { font-family: s-core-05 }
.bold { font-weight: bold; }
.float_left { float: left }
.grid_center { display: grid; align-items: center; }
.text_center { text-align: center; }
.div { width: 100%; margin: 1rem auto; }
.back_IMG {width: 100%; background-size: contain !important;}
.triangle {display:inline-block; width:0; height:0; border-style:solid; border-width:30px;}
.triangle.triangleSpan {border-color:#E2E8FF transparent transparent transparent; margin-left: 4rem; border-bottom-width: 0px; }
.short_border { width: 35%; height: 3px; background-color: #05274F; }
.menu_name { color: #05274F; font-weight: 900; font-size: 23px;}
.font { color: #212970; font-weight: 900;}
.extra_bold { font-weight: 700; }
.text_align_left { text-align: left !important; }
fieldset { border-radius: 15px; border: 3px solid rgba(136, 83, 229, 0.3); padding: 40px 100px}
legend { text-align: center; padding: 0 20px; font-size: 20px; font-weight: 800; color: #8853E5; }
fieldset span { font-size: 16px; line-height: 1.6}

/* 배경 이미지 */
.main_bg { background: url("../images/main_bg.png"); background-position-y: 33% !important;}
.menu1_bg { background: url("../images/menu1_bg.svg"); background-position-y: 11% !important; background-position-x: 10%;}
.bg_icon { background: url("../images/bg_icon.svg"); background-position-y: 11% !important; background-position-x: 10%;}
.view_bg { background: url("../images/view_bg.svg"); background-position-y: 0% !important; background-position: center; background-repeat: no-repeat; }

/* tab */
ul.tabs{
    margin: 50px 0;
    padding: 0px;
    list-style: none;
    width: 100%;
}
ul.tabs li{
    color: #05274F;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    /*width: 260px;*/
    width: 24.5%;
    text-align: center;
    background-color: #E1F7FF;
    font-size: 18px;
    font-weight: 900;

}

ul.tabs li.current{
    background: #ededed;
    color: #222;
}

.tab-content{
    display: none;
    height:auto;
}

ul.tabs li.currenttab-1{
    background: #212970;
    color: #FFFFFF;
}
ul.tabs li.currenttab-2{
    background: #137B7B;
    color: #FFFFFF;
}
ul.tabs li.currenttab-3{
    background: #8853E5;
    color: #FFFFFF;
}
ul.tabs li.currenttab-4{
    background: #1F6AEC;
    color: #FFFFFF;
}
ul.tabs li.currenttab-5{
    background: #F16A10;
    color: #FFFFFF;
}
.tab-content.currenttab-1{
    display: inherit;
}
.tab-content.currenttab-2{
    display: inherit;
}
.tab-content.currenttab-3{
    display: inherit;
}
.tab-content.currenttab-4{
    display: inherit;
}
.tab-content.currenttab-5{
    display: inherit;
}