@font-face {
    font-family: "s-core-01";
    src: url("../font/SCDream1.otf");
}

@font-face {
    font-family: "s-core-02";
    src: url("../font/SCDream2.otf");
}

@font-face {
    font-family: "s-core-03";
    src: url("../font/SCDream3.otf");
}

@font-face {
    font-family: "s-core-04";
    src: url("../font/SCDream4.otf");
}

@font-face {
    font-family: "s-core-05";
    src: url("../font/SCDream5.otf");
}

@font-face {
    font-family: "s-core-06";
    src: url("../font/SCDream6.otf");
}

@font-face {
    font-family: "s-core-07";
    src: url("../font/SCDream7.otf");
}

@font-face {
    font-family: "s-core-08";
    src: url("../font/SCDream8.otf");
}

@font-face {
    font-family: "s-core-09";
    src: url("../font/SCDream9.otf");
}
@font-face {
    font-family: "s-core-09";
    src: url("../font/SCDream9.otf");
}


* { line-height: 1.2; margin: 0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; max-width: 720px;}
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;}

#main { width:100%; height:100%; overflow-x:hidden; overflow-y:auto; background-color: #FFFFFF; }
#menu1, #menu2 { position: relative; min-height: 100%;}

.additional_txt { text-align: right;}
.additional_txt span { font-size: 0.7rem; text-align: right; color: #707070; }
#downLoad_div { width: 100%; padding: 1rem; background-color: white; text-align: right; padding-bottom: 1rem;}
.downLoad_div { width: 100%; padding: 1rem; background-color: white; text-align: right; padding-bottom: 1rem;}
.downLoad { text-decoration: none; }
#downLoadBTN { font-size: 1rem; padding: 0.8rem 1rem; background-color: #0A8DF2; border: none; color: #FFFFFF; font-family: s-core-05; border-radius: 15px; box-shadow: 2px 2px 2px 2px #DEDDDD; }
.downLoadBTN { font-size: 1rem; padding: 0.8rem 1rem; background-color: #0A8DF2; border: none; color: #FFFFFF; font-family: s-core-05; border-radius: 15px; box-shadow: 2px 2px 2px 2px #DEDDDD; }


/* 메인 */
#main_header { width: 100%; height: 3rem; display: grid; align-items: center; text-align: right;}
#main_header .mainLogo img { width: 40%; margin-right: 1rem;}

#main_content .main_text { width: 95%; text-align: center; margin-top: 4rem !important; margin: 0 auto;}
#main_content .main_text span{ font-size: 1.4rem; color: #05274F;font-family: "s-core-07";}
#main_content .main_button { width: 100%; text-align: center; margin-top: 4rem; }
#main_content .buttons { margin-top: 2.5rem; }
#main_content .buttons button { font-family: 's-core-09'; border: none; background-color: #05274F; color: #FFFFFF; padding: 0.8rem 3rem; width: 65%; border-radius: 30px; font-size: 1.3rem;}
#main_content .buttons a{ color: #FFFFFF;text-decoration: none; font-weight: 900;}
#main_content .main_bottom { width: 100%; position: fixed; bottom: 0;}
/*#main_content .main_bottom div{ display: flex; }*/
#main_content .main_bottom img{ display: block;width: 100%; }

/* 메뉴 */
#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; }

#menu_content .buttons { width: 100%; text-align: center; margin-top: 1.5rem; }
#menu_content .buttons .menu_btn button{ font-family: s-core-09; color: #05274F; width: 80%; text-align: center; margin-top: 1.5rem; padding: 0.8rem 0; background: none; border: 1px solid #05274F; font-size: 1.3rem; }
#menu_content .buttons a{ color: #05274F; text-decoration: none; }
#main_bottom { width: 100%; position: absolute; bottom: 0;}
/*#main_bottom div{ display: flex; }*/
#main_bottom img{ display: block; width: 100%; }

/* 이해충돌방지법 */
#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 { height: 4.5rem; display: grid; align-items: center; }
#content .sub_title{ margin-top: 1rem; }
#content .sub_title span { font-family: s-core-07; color: #212970; font-size: 100%; line-height: 3; font-weight: 700;}
#content .sub_title .iconDiv { width: 10%; margin: 0 1rem;}
#content .sub_title .iconDiv img { width: 100%; vertical-align: middle; }
#content .cont01_textDiv { width: 90%; background-color: #E2E8FF; margin: 0 auto;padding: 0.5rem 1.3rem; word-break: keep-all;}
#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: 90%; margin: 1rem auto; background-color: #E2E8FF; padding: 1.5rem 0;  }
#content .List10 .list01_main { background-size: contain !important; }
#content .List10 .list01_main pre { padding: 2rem 0; line-height: 1.5; }
#content .List10 .list_title { font-family: s-core-05; text-align: center; padding: 0.5rem 0; font-size: 0.7rem; color: #FFFFFF; margin-left: 1rem; border-top-right-radius: 10px; border-top-left-radius: 10px; }
#content .List10 .list_content { font-family: s-core-04; width: 90%; margin: 0 auto; margin-bottom: 1rem !important; background-color: #FFFFFF; padding: 1rem; font-size: 0.6rem; word-break: keep-all; line-height: 1.5;text-align: center;padding-bottom: 0.3rem !important;}
#content .List10 .list_content .list_fee { width: 80%; margin: 1rem auto; background-color: #FF9900; color: #FFFFFF; padding: 0.3rem 0.5rem; font-size: 0.6rem; word-break: keep-all; line-height: 1.5;text-align: center;border-radius: 20px;}

#content .declare_div { width: 90%; margin: 1rem auto; background-color: #E2E8FF; }
#content .declare_div .declare_content { width: 90%; margin: 1rem auto; background-color: #E2E8FF; }
#content .declare_div .declare_content .declare_content_tit{ font-family: s-core-04; font-size: 0.8rem; background-color: #0579D1; color: #FFFFFF;padding: 0.5rem; text-align: center; border-radius: 10px; }
#content .declare_div .declare_content .declare_content_txt{ font-family: s-core-04; font-size: 0.6rem; margin-top: 1rem; font-size: 0.9rem; line-height: 1.5;}
#content .declare_div .declare_content pre{ color: #005CFB; font-family: s-core-05; }

#content .punishment_div { width: 90%; margin: 1rem auto; }
#content .punishment_tbl { word-break: keep-all; border: 1px solid #212970; border-spacing: 0;}
#content .punishment_tbl thead { background-color: #2E2AA8; color: #FFFFFF; font-size: 0.9rem;}
#content .punishment_tbl thead tr th {  padding: 0.5rem; border: 1px solid #212970; }
#content .punishment_tbl tbody { background-color: #E5E2FF; }
#content .punishment_tbl tbody tr td { padding: 0.7rem; border: 1px solid #212970; text-align: center; font-size: 0.85rem;line-height: 1.4;}
#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 { word-break: keep-all; border: 1px solid #212970; border-spacing: 0; margin-bottom: 1.5rem;}
#content .fine_tbl thead { background-color: #358FD4; color: #FFFFFF; font-size: 0.9rem;}
#content .fine_tbl thead tr th {  padding: 0.5rem; border: 1px solid #212970; }
#content .fine_tbl tbody { background-color: #E1F7FF; }
#content .fine_tbl tbody tr td { padding: 0.7rem; border: 1px solid #212970; text-align: center; font-size: 0.85rem;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 { width: 90%; margin: 0 auto; }

#content02 .content02_tit { font-family: s-core-07; font-size: 1.3rem; margin-top: 2rem; font-weight: 400; color: #0C4433; }

#content02 .light_green_div { background-color: #E2FFE5; padding: 1rem; margin-top: 1rem;}
#content02 .sub_title { font-family: s-core-04; width: 30%; text-align: center; color: #FFFFFF; padding: 0.5rem; border-radius: 30px; font-size: 0.8rem; }

#content02 .explain_text { margin-top: 1rem; word-break: keep-all; }
#content02 .explain_text span { font-family: s-core-04;  line-height: 1.4; font-size: 0.8rem; }
#content02 .explain_text .target_div { display: flex; }
#content02 .explain_text .target_div img{ width: 100%; }
#content02 .explain_text .target_img { width: 30%; }
#content02 .explain_text .target_txt { width: 70%; word-break: keep-all; margin-left: 1rem;}
#content02 .explain_text .target_txt .sub_text { font-size: 0.5rem; }

#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;}
#content02 .round_div .round_cont { width: 50%; padding: 1.5rem 1rem; font-size: 1rem; word-break: keep-all; }
#content02 .round_div .rount_left_div {  margin-right: 0.3rem;  border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
#content02 .round_div .rount_right_div { border-top-right-radius: 20px; border-bottom-right-radius: 20px; }


#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 { font-family: s-core-04; 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; font-family: s-core-04}

/* 공공재정환수법 핵심내용 */
#content03 { width: 90%; margin: 0 auto; }
#content03 { height: 4.5rem; display: grid; align-items: center; }
.div { display: grid; align-items: center; }
#content03 .sub_title{ margin-top: 1rem; }
#content03 .sub_title span { font-family: s-core-07; color: #212970; font-size: 1.2rem; line-height: 3; }
#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-family: s-core-05; font-size: 0.9rem; margin: 2rem 0; word-break: keep-all; line-height: 1.4; }
#content03 .light_purple_div { background-color: #E3E2FF; padding: 1rem; }
#content03 .light_purple_div .sub_tit { font-family: s-core-04; width: 30%; text-align: center; color: #FFFFFF; padding: 0.5rem; border-radius: 30px; font-size: 0.8rem; margin-bottom: 1rem; }
#content03 .light_purple_div .content03_txt { font-family: s-core-04; word-break: keep-all; line-height: 1.4; font-size: 0.9rem; margin-bottom: 1rem;}
#content03 .light_purple_div span { font-family: s-core-04; 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; }

/* 임직원윤리행동강령 */
#content04 { width: 90%; margin: 0 auto; }

#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; }

/* 퇴직자 취업제한 제도 */
/* 공공재정환수법 핵심내용 */
#content05 { width: 100%; margin: 0 auto; }
#content05 { height: 4.5rem; display: grid; align-items: center; }
#content05 .sub_title{ margin-top: 1rem; }
#content05 .sub_title span { font-family: s-core-07;color: #543609; font-size: 1rem; line-height: 3; }
#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 { font-family: s-core-04; word-break: keep-all; line-height: 1.4; }
#content05 .light_yellow_div { background-color: #FCFFE2; padding: 2rem 1rem; }
#content05 .sub_tit { font-family:s-core-04 ;width: 30%; text-align: center; color: #FFFFFF; padding: 0.5rem; border-radius: 30px; font-size: 0.7rem; margin: 1rem 0; }
#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; }





.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: #1A3B7D; }

.green01 { background-color: #63A149; }
.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: 90%; 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; }