@charset "utf-8";

/*=================모바일 및 기본 세팅===================*/
html,body{ position:relative; width:100%; overflow-x:hidden }
html.open,body.open{ overflow: hidden;}
#skiptoContent { display:block; margin:0; padding:0; z-index:2000}
a.quick_menu {display:block; font-size:1em; left:0; text-align:center; top:-10000px; position:absolute; width:100%; z-index:500;}
a.quick_menu:hover, a.quick_menu:focus, a.quick_menu:active {background:#006dd8; color:#fff; font-weight:bold; height:40px; padding:10px 0; position:absolute; top:0; z-index:9000; }

.sprite{ background-image:url("/home/www/images/common/sprite_m02(2024).png"); background-repeat: no-repeat; background-size:650px }
.header_egov_area {border-bottom:1px solid #efefef; padding: 10px 0; font-size: 14px; }
.topinfo_egov {display:flex; align-items:center;}
.topinfo_egov:before {content:''; display: inline-block; width:24px; height: 20px; margin-right: 5px; background:url("/home/www/images/common/topicon_nuri.png") no-repeat;}
.cms_btn {display:none;}

#header_area .container{ padding:15px; }
#header_area .logo{ position:relative; display:inline-block; /*z-index: 3000*/ }
#header_area .logo a{ display:block;  }
#header_area .logo.open { margin-left:3px; }
#header_area .logo.open a.sprite{ background-position:-157px 0; transition: cubic-bezier(.2,.62,.51,.9) 0.6s }
#header_area .site_link_wrap{ display:none }
#header_area .callcenter, #header_area .organization{ display:none }
#header_area .flag { position:relative; display:inline-block;  z-index: 3000 }

.m_corona{ display:inline-block; position:absolute; right:60px; top:18px; color:#eb4141; border:#eb4141 solid 2px; font-size:14px; font-weight:500; padding:5px 10px; border-radius: 20px; }

/*모바일메뉴버튼*/
.m_menu{ position:absolute; right:15px; top:60px; width:30px; height:24px; padding-top:10px; z-index:3001  }
.m_menu span{ display:inline-block; text-indent:-9999px; width:30px; height:4px; border-radius:15px; background:#3b3e4a; }
.m_menu:before,.m_menu:after{ position:absolute; right:0; display:block; content:"";  height:4px; border-radius:10px; background:#3b3e4a;  transition:0.2s}
.m_menu:before{ top:0; width:30px; }
.m_menu:after{ bottom:0; width:30px;}
.m_menu.open{ left:auto; right:15px; top:20px;}
.m_menu.open span{ width:0px; }
.m_menu.open:before{ width:30px; top:9px; transform:rotate(45deg); transition:0.2s;  background-color:#fff }
.m_menu.open:after{ top:9px;  transform:rotate(-45deg); transition:0.2s;  background-color:#fff }
.m_service_open{ position:absolute; right:60px; top:19px; font-size:26px; color:#2b2b2b;  z-index:2000 }
.m_service_open.open{ color:#fff; right:15px;  z-index:5000 }

/*모바일메뉴*/
.m_gnb{ position:fixed; left:0; bottom:-200%;  width:100%; height:100%;  background:#eb4141;  z-index:3000; transition: cubic-bezier(.2,.62,.51,.9) 0.3s }
.m_gnb.open{  bottom:0; }
.m_gnb .m_login_box{ display:table; width:100%; border-top:#1a3e87 solid 1px;   border-bottom:#1a3e87 solid 1px; background:#243558; }
.m_gnb .m_login_box > a{ display:table-cell; width:50%; color:#fff; padding:15px 0; border-right:#000 solid 1px;  font-size:0.75em; font-weight:bold; text-align:center }
.m_gnb .m_login_box > a.m_join{ border-right:0 ;}
.m_gnb > ul{ position:relative; background:#eb4141; padding-top:70px;  }
.m_gnb > ul > li{  width:36%; }
.m_gnb > ul > li.open > a{ background:#fff; color:#eb4141;   }
.m_gnb > ul > li > a{ position:relative; display:block; font-size:1.2em; font-weight:bold; padding:20px 20px; background:#eb4141; color:#fff; }
.m_gnb > ul > li.open > ul{ display:block !important; }
.m_gnb > ul > li > ul{ display:none; position:absolute; top:70px; right:0; width:64%; padding:0 15px; background:#fff; overflow-y:scroll }
.m_gnb > ul > li > ul > li > a{ position:relative; display:block; padding:20px 8px; background:#fff; font-size:1em; font-weight:bold; border-bottom:#d1d1d1 solid 1px;  }
.m_gnb > ul > li > ul > li > ul{ display:none;  padding:5px 0; }
.m_gnb > ul > li > ul > li > ul > li > a{ display:block; padding:12px 20px; font-size:0.9em; font-weight:bold;   }
.m_gnb ul ul li.has_sub > a:before,.m_gnb ul ul li.has_sub > a:after{ position:absolute; content:"";  background-color:#4c4c4c; }
.m_gnb ul ul li.has_sub > a:before{ width:14px; height:2px; top:50%; right:8px; transform:translateY(-50%);  }
.m_gnb ul ul li.has_sub > a:after{ width:2px; height:14px; top:50%;  right:14px ; transform:translateY(-50%);  }
.m_gnb ul ul li.has_sub.open > a:after{ display:none }

.minfo_menus a.btn_mymenu {position: relative;display: flex;align-items: center;padding: 19px;object-fit: cover;background:#d1d1e3;} /* 나만의 메뉴 */
.minfo_menus a img {width: 26px;margin-right: 3px;}

.gnb_wrap{ display:none; }

.m_search_box{ padding:15px 0 0 0; }
.m_search_box .m_search_form{ padding:3px; background:linear-gradient(130deg, rgba(235,65,65,1) 0%, rgba(195,41,67,1) 100%); border-radius: 50px;}
.m_search_box .m_search_form form{ position:relative; background:#fff; border-radius: 50px; }
.m_search_box .m_search_form .m_sch_text{ width:100%;  height:40px; border:0; border-radius: 50px}
.m_search_box .m_search_form .m_sch_btn{ position:absolute; right:10px; top:5px;  text-indent:-9999px; border:0; background-color:transparent; background-size:490px; background-position:-60px -253px; width:30px; height:30px;  }

.util_menu_wrap.mobile_util{ position:absolute;}
.util_menu_wrap.pc_util{ display:none; }
.util_menu_wrap{  text-align: left; visibility: hidden; transition:all  step-end; }
.util_menu_wrap.open{display:block;position:absolute;z-index:3001;left:15px;top:18px;transition-delay: 0.3s; visibility: visible;}
.util_menu_wrap > a{  display:inline-block; font-size:12px; padding:0 10px; color:#fff; font-weight:500; vertical-align:middle }
.util_menu_wrap > a:first-child{ border-right:#fff solid 1px; }
.util_menu_wrap .lang{ display:inline-block; position:relative; }
.util_menu_wrap .lang.open{  display:inline-block; }
.util_menu_wrap .lang ul{ display:none; position:absolute; top:35px; width:100%; background:#fff; border-radius: 15px;  padding:8px 0; box-shadow: rgba(0,0,0,0.5) 1px 1px 3px;  }
.util_menu_wrap .lang ul li a{ display:block;  padding:5px 15px;  font-size:12px; color:#eb4141;  font-weight:bold}
.util_menu_wrap .lang .btn_lang{ position:relative; display:inline-block; padding:5px 30px 7px 10px; color:#fff;  border:#fff solid 1px; border-radius: 30px;  font-size:12px; font-weight:bold; vertical-align:middle }
.util_menu_wrap .lang .btn_lang i{ position:absolute; right:10px; top:8px; width:10px; height:10px; }
.util_menu_wrap .btn_trans{ display:none; background:#fff; line-height:normal; vertical-align:middle }
.goog-te-gadget-simple{ background:transparent !important; border:0 !important; line-height:28px; padding:0 !important; }
.util_menu_wrap .lang.open .btn_lang{ border:#fff solid 1px; color:#fff }
.util_menu_wrap .lang.open ul{  border:#eb4141 solid 1px; background:#fff }
.util_menu_wrap .lang.open ul li a{  color:#eb4141; }

/*광주광역시 배너모음*/
.total_banner{ padding:15px; background:#f1f1f1 }
.total_banner .total_title{ position:relative; margin-bottom:20px; }
.total_banner .total_title h3{ font-size:18px; font-weight:500 }
.banner_ctrl{ position:absolute; right:0; top:0; padding:0; }
.banner_ctrl a{ margin:0 1px; display:inline-block; }
.all_banner {border:1px solid #ddd; font-size:12px; padding:4px; background:#eee; border-radius:4px;}
.banner_list li{ float:left; font-size:14px; margin:0 15px }
.banner_list li a{ display:flex; align-items:center; padding:0 15px;  height:40px; background:#fff;  line-height:1.3;  transition:0.3s  }
.banner_list li a:hover{ color:#000; font-weight:500; transition:0.3s}

/*sns 버튼*/
.sns_links{ display:flex; justify-content: space-between; padding:15px 0; }
.sns_links a{display:inline-block;text-indent:-9999px;width:40px;height:40px; background-size:600px; }
.sns_links a.sns01{background-position: -11px -122px;}
.sns_links a.sns02{background-position: -71px -122px;}
.sns_links a.sns03{background-position: -131px -121px;}
.sns_links a.sns04{background-position: -191px -122px;}
.sns_links a.sns05{background-position: -251px -120px;}
.sns_links a.sns06{background-position: -311px -122px;}
.sns_links a.sns07{background-position: -372px -122px;}

/*footer*/
/*기관별사업소바로가기*/
.bottom_links:after{ display:block; clear: both; content:""}
.bottom_links .link_wrap{ position:relative; float:left; width:50%; background:#4f4f4f; }
.bottom_links .link_wrap a{ position:relative; display:block; font-size:14px; padding:15px 20px; color:#c5c5c5 }
.bottom_links .link_wrap a i{ position:absolute; right:10px; top:50%; transform:translateY(-50%) }
.bottom_links .link_wrap ul{ display:none; position:absolute; bottom:37px; width:100%; max-height:250px; overflow-y:auto; padding:10px; background:#4f4f4f;  }
.bottom_links .link_wrap ul li a{ display:block; padding:5px; font-size:14px;  }

/*카피라이트*/
.copyright{ padding:20px 15px 50px; background:#353535; text-align: center;  }
.copyright .sns_links{ padding-top:0; margin-bottom:20px; }
.copyright p{ font-size:12px; color:#aeaeae; line-height: 1.3 }
.logo_bottom{  display:inline-block; width:153px; height:37px; margin-bottom:20px; background-size:600px; background-position:-155px 0; transition: cubic-bezier(.2,.62,.51,.9) 0.3s }
.bottom_menu{ margin-bottom:20px; }
.bottom_menu li{ display:inline-block; font-size:14px;   }
.bottom_menu li:nth-child(1) a{font-size:18px; font-weight:bold; color:#f4da40; }
.bottom_menu li a{ display:block; color:#aeaeae; padding:5px 10px; }
.copyright p a{color:#aeaeae;}

.copyright_license img.taegugki {width:140px; margin-bottom:7px;}
.copyright_license img.license {width:80px; margin-top:10px;}

/*===============서브영역==============*/
#header_area.sub_header_area{ border-bottom:#eee solid 1px; }
#header_area.sub_header_area .m_service_open{ display:none; }
#header_area.sub_header_area .logo{ margin-left:0; }
#header_area.sub_header_area .m_menu{ right:15px; left:auto }

#header_area .sub_search_box{ position:absolute; width:100%; display:inline-block;  left:0;  top:0; height:0;   transition:0.3s; background:#fff;  z-index: 6000}
#header_area .sub_search_box.open{ height:auto; padding-top:40px; padding-bottom:30px; border-bottom:#eb4141 solid 5px; box-shadow: rgba(0,0,0,0.3) 2px 2px 30px;  }
#header_area .sub_search_box .sub_search_btn{ display:none;  }
#header_area .sub_search_box.open .sub_search_btn{ display:none; }
#header_area .sub_search_box .sub_search_con{ display:none }
#header_area .sub_search_box .sub_search_con.open{ display:block; }
#header_area .sub_search_box .sch_field{ text-align:center;  margin:0 6%; overflow:hidden }
#header_area .sub_search_box .sch_field .title{ font-family: 'Noto Serif KR', serif; display:block; font-weight:500; font-size:25px; text-align:center; line-height: 1.3; color:#eb4141; margin-bottom:20px;    }
#header_area .sub_search_box .sch_field .title em{ font-weight:bold;  }
#header_area .sub_search_box .sch_field.open{ display:block; }
#header_area .sub_search_box .sch_field .sub_sch_txt{ float:left; width:85%;  padding:10px;  height:40px; border:0; border:#eb4141 solid 1px; color:#eb4141; font-size:14px;   }
#header_area .sub_search_box .sch_field .sub_sch_txt::placeholder{ color:#eb4141; }
#header_area .sub_search_box .sch_field .sub_sch_btn{ float:left; text-align:center; margin-left:5px; width:40px; height:40px; background:#eb4141; border:0;  font-size:20px;  color:#fff; vertical-align: top; line-height:40px; }

#header_area .sub_search_box .ppl_word{  background:#eb4141;   margin:10px 6%;  padding:10px 15px; border-radius: 5px;  vertical-align: middle }
#header_area .sub_search_box .ppl_word:after{ display:block; content:""; clear: both }
#header_area .sub_search_box .ppl_word .word_title{ display:inline-block;  margin-right:10px;  color:#fff; text-align: center; font-weight:bold;}
#header_area .sub_search_box .ppl_word_list{ position:relative;  display:inline-block; width:180px;  height:20px; vertical-align: middle; overflow:hidden }
#header_area .sub_search_box .ppl_word_list.open{ height:253px; transition:all 0.6s ease 0.3s }
#header_area .sub_search_box ul{ position:relative;  background:#eb4141; padding:0 10px;  overflow: hidden }
#header_area .sub_search_box ul li { margin:0 0 6px; height:20px; }
#header_area .sub_search_box ul li a{ display:block; color:#fff; font-size:12px;   }
#header_area .sub_search_box ul li a span{ display:inline-block; padding:3px; border-radius: 3px; background:#c93636; color:#fff; font-size:12px;  width:20px; text-align:center; margin-right:10px;   }
#header_area .sub_search_box .ppl_word .btn_open_word{ position:absolute; right:25px; top:0;  color:#fff; }
#header_area .sub_search_box .ppl_word .pause{ position:absolute; right:0; top:0;  color:#fff;  }
#header_area .sub_search_box .sch_close_btn{ position:absolute; right:20px; top:20px;  display:inline-block; width:30px; height:30px;  font-size:20px;  background:#eb4141; color:#fff; text-align: center; line-height: 30px; }

#content_area{ padding:25px 18px 18px; background:#fafafa }

.left_menu{ display:none; }

.content_top{ position:relative; }
.content_top h3{ font-size:22px; color:#161011; margin-bottom:20px;   }
.share_box{ position:absolute; right:0; top:0; }
.share_box ul {display:flex;}
.share_box .print{ display:none  }
.share_box .exam_icon { display:inline-block; background:#fff; border:#ededed solid 1px; }
.font_big {background-position: -30px -700px; text-indent: -9999px; }
.font_small {background-position: -0 -700px; text-indent: -9999px; }
.font_reverse {background-position: -60px -700px; text-indent: -9999px;}

.share_box > ul > li {/* float:left; */} 
.share_box > ul > li > a {display:block; width:30px; height:30px; line-height: 29px; text-align: center; font-size:16px;}
.share_box .btn_share {border-radius: 3px; border:#eee solid 1px;}
.share_box .sns_share > a {background:#eb4141; color:#fff; border:0;}
.content_top .share_box .mymenu {border:#ededed solid 1px;background:#fff;} /* 나만의 메뉴 */
.content_top .share_box .mymenu.on a {color:#ffa631;}
.content_top .share_box .mymenu.on i {font-weight:900;}

.content_top .share_box .sprite{ background-image:url("/home/www/images/common/sprite_m.png"); background-repeat: no-repeat; background-size:650px }
.sns_links_wrap{ display:none; position:fixed; width:100%; height:100%;  left:0; top:0; background:rgba(0,0,0,0.8); z-index: 6000 }
.sns_links_wrap .sub_sns_links{ display:block; position:absolute; width:80%; left:10%; right:10%; top:50%; transform:translateY(-50%); padding:20px 10px; border:#eee solid 1px;  background:#fff;  overflow:hidden; z-index: 200;}
.sub_sns_links span{ display:block; text-align: center; margin-bottom:20px; font-size:18px;  font-weight:bold  }
.sub_sns_links ul{ display: flex; justify-content: center; }
.sub_sns_links ul li{ display:inline-block;  margin-right:3px; margin-bottom:3px;  }
.sub_sns_links ul li a{ display:block;  width:40px; height:40px; background-size:cover; background-position:center; background-repeat:no-repeat; text-indent: -9999px;}
.sub_sns_links .sns01{ background-image:url("/home/www/images/sub/sns01_icon.png")}
.sub_sns_links .sns02{ background-image:url("/home/www/images/sub/sns02_icon.png")}
.sub_sns_links .sns03{ background-image:url("/home/www/images/sub/sns03_icon.png")}
.sub_sns_links .sns04{ background-image:url("/home/www/images/sub/sns04_icon.png")}
.sub_sns_links .sns05{ background-image:url("/home/www/images/sub/sns05_icon.png")}
.sub_sns_links .sns_close_btn{ position:absolute; right:20px; top:20px; font-size:20px; color:#2a2a2a }
.sub_sns_links .copy_addr{ text-align: center;  padding:10px 0; overflow: hidden  }
.sub_sns_links .copy_addr .copy_addr_txt{ background:#f7f7f7; min-width:185px; color:#555; border:#e5e5e5 solid 1px; font-weight:300;  height:34px; padding:5px;   border-radius: 3px;  }
.sub_sns_links .copy_addr .copy_btn{ background:#1e1e1e; color:#fff; border:0; border-radius: 3px; height:34px; padding:0 10px;  }

.breadcrumb{ margin-bottom:20px; }
.breadcrumb:after{ display:block; content:""; clear: both }
.breadcrumb ul li{ position:relative; float:left; margin-right:12px;  }
.breadcrumb ul li:after{ display:block; position:absolute; right:-10px; top:50%; transform:translateY(-50%); color:#666; content:"\f105"; font-family:"font awesome 5 pro"; font-weight:300; }
.breadcrumb ul li:last-child:after{ display:none;  }
.breadcrumb ul li a{ display:block; font-size:1em; font-weight:500;  }

.con_tab_4depth ul{ position:relative; height:42px;  border-top:#000 solid 1px; z-index:200;  overflow:hidden  }
.con_tab_4depth ul:after{ display:block; position:absolute; right:15px; top:11px; color:#fff;   content:"\f078"; font-family:"font awesome 5 pro"; font-weight:900; z-index: 100 }
.con_tab_4depth ul li{ position:absolute; width:100%; font-size:16px;  font-weight:500;  border-bottom:#eee solid 1px;  }
.con_tab_4depth ul li a{ display:block; padding:12px 15px 14px; background:#fff; }
.con_tab_4depth ul li.active { z-index:  200 }
.con_tab_4depth ul li.active a{ background:#eb4141; color:#fff; }
.con_tab_4depth ul.open{ overflow:visible }
.con_tab_4depth ul.open li{ position:relative; }

.con_tab_5depth{  margin-bottom:15px; padding-bottom:10px; border-bottom:#eee solid 1px; }
.con_tab_5depth ul:after{ display:block; content:""; clear: both }
.con_tab_5depth ul li{ float:left; margin-right:5px; font-size:14px; font-weight:500;  margin-bottom:5px;  }
.con_tab_5depth ul li a{ display:block; background:#f1f1f1; border:#dadada solid 1px; border-radius: 3px; padding:10px 10px 12px; height:38px;   }
.con_tab_5depth ul li.active a{ background:#313131; color:#fff; border:#313131 solid 1px; }

.content{ margin:20px 0; background:#fff; padding:15px; border:#eee solid 1px;  }


/*===============서브영역 끝==============*/
@media all and (min-width:641px) and (max-width:767px) {
	#main_section02{ max-width:640px; margin:0 auto }
}

/*=================
태블릿 기본 세팅
===================*/
@media all and (min-width:768px) {
	.container, .topinfo_egov {position:relative;}
	.cms_btn {display:block; position:absolute; top:0; right:10px; border:1px solid #ddd; font-size:13px; padding:4px; background:#666; color:#fff; border-radius:4px;}

	.m_search_box{ max-width:50%; margin:0 auto; }

	/*기관별사업소바로가기*/
	.bottom_links .link_wrap{ width:25%; }

	/*================== 서브레이아웃 ====================*/
	#header_area .sub_search_box{ text-align:center; }
	#header_area .sub_search_box .container{ height:auto; }
	#header_area .sub_search_box .sch_field{ display:inline-block; margin:0; text-align: left   }
	#header_area .sub_search_box .sch_field .title{ text-align:left; }
	#header_area .sub_search_box .sch_field .title br{ display:none }
	#header_area .sub_search_box .ppl_word{ display:inline-block;  margin:0; vertical-align: bottom }
	#header_area .sub_search_box .ppl_word:after{ display:block; content:""; clear: both  }
	#header_area .sub_search_box .ppl_word .word_title{ float:left; padding:0; margin-right:20px; }
	#header_area .sub_search_box .ppl_word_list{ padding-right:30px; }

	.con_tab_4depth ul{ display:flex; flex-flow:wrap; border-left:#eee solid 1px;  height:auto; }
	.con_tab_4depth ul li{ position:relative; float:left; width:25%; border-right:#eee solid 1px;   }
	.con_tab_4depth ul li a{ text-align: center; }

	.copyright .sns_links {display:none;}
}
/*=================
데스크탑 기본 세팅
===================*/
@media all and (min-width:1024px){
	#header_area {height:145px;}
	#header_area .container {position:relative; padding:17px 0 0; height:auto; width:1000px; margin:0 auto;}
	.topinfo_egov {width:1400px; margin:0 auto;}

	/*모바일메뉴버튼 가림*/
	#header_area .m_menu,.m_service_open,.m_gnb,.m_corona{ display:none }
	#header_area .logo{ margin-left:0; }

	/*상단사이트바로가기*/
	#header_area .site_link_wrap{ display:block; position:absolute; top:24px; left:180px; width:370px; height:25px;  background:#f3f3f3; padding:0 50px 0 20px; border-radius: 20px; overflow:hidden }
	#header_area .site_link_wrap .site_link a{ display:block; float:left; font-size:13px; padding:0 10px; line-height: 25px;  /* border-right:#ccc solid 1px; */ }
	#header_area .site_link_wrap .site_link a:nth-child(3n){ border-right:0; }
	#header_area .site_link_wrap .site_ctrl{ position:absolute; top:3px;  left:0; width:100%; }
	#header_area .site_link_wrap .site_ctrl a{ position:absolute; display:inline-block; font-size: 18px;}
	#header_area .site_link_wrap .site_ctrl a.prev{ left:10px; }
	#header_area .site_link_wrap .site_ctrl a.next{ right:40px; }
	#header_area .site_link_wrap .site_ctrl a.pause{ right:10px; }

	#header_area .callcenter{ display:block; position:absolute;left: 180px;top: 22px;display:inline-block;opacity:1;width:100px;transition:all 0.6s step-end;}
	#header_area .callcenter:after{ display:none;}
	#header_area .callcenter img{ max-width:100%; }
	#header_area .callcenter.open{ opacity:0; transition:all 0.6s step-start }

	#header_area .organization{ display:block; position:absolute;left: 296px;top: 22px;display:inline-block;opacity:1;width:100px;transition:all 0.6s step-end; font-size:90%; color:#222; border:1px solid #bbb; border-radius:30px; padding:6px 0; text-align:center;}
	#header_area .organization:after{ display:none;}
	#header_area .organization.open{ opacity:0; transition:all 0.6s step-start }

	#header_area .callcenter{ left: 564px;}
	#header_area .callcenter.foundation{width:124px; left:680px; top:22px;}
	#header_area .organization{ left: 821px;}
	#header_area .organization.organization_1{ left:400px; width:84px }

	.m_search_box {display:none;}

	/*gnb*/
	#header_area .gnb_wrap{ display:block;  }
	#header_area .gnb_wrap .container{ padding-top:0; }
	#header_area .gnb_wrap .container:after{ display:block; content:""; clear: both }
	#header_area .gnb > ul > li{ position:relative; float:left; font-size:18px; margin-right:15px; max-width: 125px;max-height: 86px; }
	#header_area .gnb > ul > li > a{  display:block; color:#313131; font-weight:500; padding:33px 0; position:relative; }
	#header_area .gnb > ul > li:hover > a{ color:#eb4141; transition:all 0s ease;  }
	#header_area .gnb > ul > li > ul{display:none;position:absolute;top:88px;left:0;background:rgba(0,0,0,0.8);width: 260px;padding:20px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;z-index:4001}
	#header_area .gnb > ul > li > ul > li{ position:relative; }
	#header_area .gnb > ul > li > ul > li > a{display:block;color:#fff;font-size:16px;padding:10px 0;line-height: 1.05;word-break: keep-all;}
	#header_area .gnb > ul > li > ul > li:after{ position:absolute; right:0; top:10px; }
	#header_area .gnb > ul > li > ul > li.has_menu:after{  display:inline-block; content:"\f054"; color:#fff; font-family: "Font Awesome 5 Pro"; font-size:16px; font-weight:500; }
	#header_area .gnb > ul > li > ul > li > a:after{ position:absolute; right:0; top:10px; }
	#header_area .gnb > ul > li > ul > li.has_menu > a:focus + ul{ display:block; opacity: 1; visibility: visible; left:215px; transition: 0.3s}
	#header_area .gnb > ul > li > ul > li > ul{  position:absolute; top:-10px; left:250px; width:220px; background:#fff; padding:10px 20px; border-radius: 15px; opacity: 0; visibility: hidden; }
	#header_area .gnb > ul > li > ul > li > ul:before{ position:absolute; top:18px; left:-19px;  display:inline-block; width:0; height:0; border:transparent solid 10px; border-right:#fff solid 10px; content:"" }
	#header_area .gnb > ul > li > ul > li:hover > ul{ display:block; left:215px; opacity: 1; visibility: visible; transition: 0.3s }
	#header_area .gnb > ul > li > ul > li > ul > li {position:relative;}
	#header_area .gnb > ul > li > ul > li > ul > li > a {display:block;color:#424242;padding:5px 0;font-size:14px;font-weight:500;}
	#header_area .gnb > ul > li > ul > li > ul > li > a:hover{ color:#eb4141; transition:all 0s ease; }
	#header_area .gnb > ul > li > ul > li > ul > li > a:after{ position:absolute; right:0; top:5px; }
	#header_area .gnb > ul > li.sitemap{ margin-top:26px; }
	#header_area .gnb > ul > li.sitemap > a{ display:block; padding:8px 15px; border:#000 solid 1px; border-radius: 20px; font-size:14px;  }

	/* 나만의 메뉴 */
	#header_area .gnb > ul > li > ul > li {display: flex; align-items: center;} /* 2뎁스 */
	#header_area .gnb > ul > li > ul > li > a.on i {color:#ffa631; font-weight:900 !important;}
	#header_area .gnb > ul > li > ul > li > a > i {margin-right:6px;}
	#header_area .gnb > ul > li > ul > li > ul > li {display: flex; align-items: center;} /* 3뎁스 */
	#header_area .gnb > ul > li > ul > li > ul > li > a.on i {color:#ffa631; font-weight:900 !important;}
	#header_area .gnb > ul > li > ul > li > ul > li > a > i {margin-right:4px;}

	.util_menu_wrap{   visibility: visible;  z-index: 5000}
	.util_menu_wrap.mobile_util{ display:none; position:absolute;}
	.util_menu_wrap.pc_util{ display:block; position:relative; text-align:right; right:0; }

	/*==========   footer   ==========*/
	#footer_area .container{ width:1000px; margin:0 auto }
	.bottom_links{ background:#4f4f4f; }
	.bottom_links .link_wrap{ border-left:#6a6a6a solid 1px; }
	.bottom_links .link_wrap:last-child{ border-right:#6a6a6a solid 1px; }
	.bottom_links .link_wrap a{ padding:19px; }
	.bottom_links .link_wrap a i{ right:20px; font-size:25px;  }
	.bottom_links .link_wrap ul{ bottom:50px; padding:20px; }

	.copyright{ position:relative; padding:37px 0 95px;  text-align:left; }
	.copyright .sns_links{ max-width:400px; margin:0 auto 20px; }
	.logo_bottom{ float:left; width:166px; height:43px; background-position:-157px 0; margin-right:42px;  }
	.bottom_menu{ margin-bottom:15px; }
	.bottom_menu li{ margin-right:20px; }
	.bottom_menu li a{ padding:5px 0; }

	.copyright_license {position:absolute; top:80px; right:0;}

	/*===========서브영역===========*/
	#header_area.sub_header_area .logo{ position:absolute; top:65px; }
	#header_area.sub_header_area  .tnb_wrap{ position:relative;  height: 57px; padding:15px 0; border-bottom:#ccc solid 1px;}
	#header_area.sub_header_area  .tnb_wrap:after{ position:absolute; display:block; left:65%; right:0; top:0; height:100%; content:""; background: linear-gradient(130deg, rgba(235,65,65,1) 0%, rgba(195,41,67,1) 100%);}
	#header_area.sub_header_area  .container{ padding:0;  }
	#header_area.sub_header_area .site_link_wrap{ left:0; top:0; }
	#header_area.sub_header_area .gnb_wrap .container{ padding-left:200px; }
	#header_area.sub_header_area .gnb > ul > li{ margin-right:25px; }
	#header_area.sub_header_area .gnb > ul > li:last-child{ margin-right:0; }
	#header_area.sub_header_area .util_menu_wrap{ top:0; }
	#header_area.sub_header_area .callcenter{ left: 385px; top:0;}
	#header_area.sub_header_area .callcenter.foundation{width:124px; left:498px; top:1px;}
	#header_area.sub_header_area .organization{ left: 635px; top:0;}
	#header_area.sub_header_area .organization.organization_1{ left: 400px; width:84px}	 
	#header_area.sub_header_area .util_menu_wrap.mobile_util{ display:block; right:0; }

	#header_area .sub_search_box.open{ padding:50px 0;  }
	#header_area .sub_search_box .sub_search_btn{position:absolute;top:73px;right:0;display:inline-block;width:52px; height:52px; line-height: 50px; font-size:20px; background:#eb4141; color:#fff;text-align: center;border-radius:3px}
	#header_area .sub_search_box .sch_field .sub_sch_txt{ width:400px;}
	#header_area .sub_search_box .ppl_word{ height:45px; padding-top:13px; margin-left:10px;  vertical-align: bottom  }
	#header_area .sub_search_box .ppl_word_list{ width:200px;  text-align:left; }
	#header_area .sub_search_box .sch_field .sub_sch_txt{ height:45px; border-radius: 5px;  }
	#header_area .sub_search_box .sch_field .sub_sch_btn{ width:45px; height:45px;  border-radius: 5px; }

	.content_top h3 {font-size:35px; margin-top:35px; margin-bottom:30px;}
	.content_top .share_box {top:0;}
	.content_top .share_box > ul > li {border: #3c69ca solid 1px;}
	.content_top .share_box > ul > li > a {display:block; width:45px; height:45px; line-height: 43px; border-radius: 0; font-size:18px;}
	.content_top .share_box .print {display:inline-block; background:#fff; border:#ededed solid 1px;}
	.content_top .share_box .sprite {background-image:url("/home/www/images/common/sprite.png"); background-repeat: no-repeat; background-size:650px;}
	.sub_sns_links .sns_close_btn {font-size:35px;}

	/* 시험/인사정보 게시물 글자크기 확대,축소 */
	.content_top .share_box .exam_icon { display:inline-block; background:#fff; border:#ededed solid 1px; }
	.font_big {background-position: -45px -700px; text-indent: -9999px; }
	.font_small {background-position: 0 -700px; text-indent: -9999px; }
	.font_reverse {background-position: -90px -700px; text-indent: -9999px; }

	.breadcrumb{ margin-bottom:35px; }
	.breadcrumb ul li{ margin-right:20px; }
	.breadcrumb ul li:after{ font-size:24px; top:55%;  right:-15px; }
	.breadcrumb ul li a{ font-size:16px; text-decoration:underline;}

	.con_tab_5depth{ padding-bottom:20px; }
	.con_tab_5depth ul li{ font-size:14px;   margin:0 5px 5px 0;  }
	.con_tab_5depth ul li a{ padding:8px 15px 10px; height:34px;  }

	.content{ padding:30px; }

	.sns_links_wrap .sub_sns_links{ width:570px; left:50%; transform: translateX(-50%) translateY(-50%);  padding:30px; }
	.sub_sns_links span{ font-size:24px; margin-bottom:60px;  }
	.sub_sns_links ul li{ margin:0 5px; }
	.sub_sns_links ul li a{ width:60px; height:60px; }
	.sub_sns_links .copy_addr{ margin-top:20px; }
	.sub_sns_links .copy_addr .copy_addr_txt{ width:80%; }
	.sub_sns_links .copy_addr .copy_btn{ width:15%; cursor: pointer}
	.sub_sns_links .sns_close_btn{ right:30px; top:30px; }

/* 공공누리 스타일 추가 */
	.satisfy {display: flex; flex-direction: column;border:#e8e8e8 solid 1px;margin-top:50px;}
	.satisfy .charger {display: flex; border-bottom:#eee solid 1px; }
	.satisfy .charger span {display:inline-block; margin-right:15px; font-weight:bold;}
	.satisfy .charger dl {display:inline-block;}
	.satisfy .charger dl dt {display:inline-block;}
	.satisfy .charger dl dd {display:inline-block; margin-right:10px;}
	.satisfy .info_type { display: flex; flex-direction: column; padding:10px 25px; border-bottom: 1px solid #e8e8e8; gap: 10px; }
	.info_type .info span { display:inline-block; }
	.info_type .info { display:flex; align-items: center; gap: 10px; }
	.info_type .info a, .satisfy .info_type .info img { vertical-align: middle; }
	
	.satisfy .research {display: block;}
	.satisfy .research {padding:25px 40px; background:#fafafa;}
	.satisfy .research p {margin-bottom:15px; font-weight:bold; color:#2a2a2a;}
	.satisfy .research .radio_box {margin-bottom:20px;}
	.satisfy .research .text_box {overflow:hidden;}
	.satisfy .research .text_box .satisfy_txt {float:left; width:90%;  border:#e5e5e5 solid 1px; border-radius: 2px; height:34px; padding: 3px 8px;}
	.satisfy .research .text_box .btn_confirm {width:10%; height:34px; color:#fff; background:#313131; border:0; padding:0 20px;}
}

@media all and (max-width: 1023px) {
	.satisfy {display: flex;flex-direction: column;border:#e8e8e8 solid 1px;margin-top:50px;justify-content:center;font-size: 14px;} 
	.satisfy .charger {display: flex; border-bottom:#eee solid 1px; padding:20px 20px; }
	.satisfy .charger span {display:inline-block;margin-right:15px;font-weight:bold; }
	.satisfy .charger dl {display:inline-block;}
	.satisfy .charger dl dt {display:inline-block;}
	.satisfy .charger dl dd {display:inline-block; margin-right:10px;}
	.satisfy .info_type { display: flex; flex-direction: column; padding:15px 20px; gap: 10px; }
	.info_type .info { display:flex; align-items: center; gap:5px; }
	.satisfy .research {display: none;}
}

@media all and (max-width: 768px) {
	.satisfy .charger {display: flex; flex-direction: column; padding: 10px;}
	.satisfy .charger span { margin-bottom: 5px; }
	.satisfy .info_type {padding: 15px 10px; display: flex; flex-direction: column; gap: 15px; }
	.info_type .info span { display:inline-block; }
	.info_type .info { display:flex; flex-direction: column; align-items: flex-start; gap:5px; }
}
/* 공공누리 스타일 추가 끝 */


@media all and (min-width:1200px){
	.container{ width:1000px; margin:0 auto; }
	#header_area .gnb > ul > li{ font-size:20px; }
}
@media all and (min-width:1440px){
	.container, .topinfo_egov { width:1400px !important; margin:0 auto }

	#header_area .gnb > ul > li{margin-right:60px;}
	#header_area .gnb > ul > li > ul{left:50%; transform:translateX(-50%);}
	#header_area .gnb > ul > li:last-child > ul{left:50%; right:auto;}

	#footer_area .container{width:1400px; margin:0 auto;}
	.total_banner{padding:20px 0;}

	#header_area.sub_header_area .gnb_wrap .container{ padding-left:335px; }
	#header_area.sub_header_area .gnb > ul > li{ margin-right:50px; }
	.util_menu_wrap{ right:50px; }
	.util_menu_wrap .btn_trans{ display:inline-block; }
	#header_area.sub_header_area .util_menu_wrap{ top:0; right:0; }

	.left_menu{ display:block; float:left; width:290px;}
	.left_menu h2{ display:flex; align-items: center; padding-left:40px; padding-top:40px;  font-size:30px; height:200px; color:#fff; background:url(/home/www/images/sub/bg_title.gif) center no-repeat; background-size:cover; }
	.left_menu h2 i{ margin-right:10px;}
	.left_menu > ul{ border-left:#ccc solid 1px; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px;}
	.left_menu ul li { position:relative; border-top:#ccc solid 1px;}
	.left_menu ul li.has_sub:after{ position:absolute; right:15px; top:27px; color:#eb4141;  transform:translateY(-50%); content:"\f078"; font-family: 'font awesome 5 pro'; font-weight:700; transition:all 0.3s ease }
	.left_menu ul li.open:after{color:#fff;}
	.left_menu ul li.open > a{ background:#c32943; color:#fff;}
	.left_menu ul li.has_sub.open:after{ transform: rotate(-180deg);  margin-top:-10px; transition:all 0.3s ease }
	.left_menu ul li a{ display:block; background:#fff; padding:20px 25px; color:#353535; font-size:18px; font-weight:500;   }
	.left_menu ul li ul{ display:none; padding:10px 0 10px 30px; border-top:#ccc solid 1px; }
	.left_menu ul li ul li{ border-top:0;  }
	.left_menu ul li ul li a{ display:block;  font-size:16px; padding:8px 0; background:#fafafa}
	.left_menu ul li ul li a:hover,.left_menu ul li ul li.active a{ color:#eb4141;  }

	#content_area{ padding:35px 0; }
	#content_area:after{ display:block; content:""; clear: both }
	#content_area .container{ width:1400px; margin:0 auto; }
	.content_warp{ float:right; width:1070px;  }

	/*배너모음*/
	.total_banner{  padding:10px 0; margin-top:40px;  overflow:hidden  }
	.total_banner .total_title{  float:left; width:20%; margin-top:10px; width:auto; margin-bottom:0; }
	.total_banner .total_title h3{ font-size:18px;  margin-right:10px;  display:inline-block; vertical-align:middle }
	.banner_ctrl{ position:relative; top:0; display:inline-block; vertical-align:middle }
	.banner_list_wrap{ float:right; width:75%; }
	.banner_list li{font-size:16px; font-weight:500;}

	.copyright .container{ position:relative; }
	.copyright .sns_links{ position:absolute; right:0; width:480px;  }
	.copyright_license {top:10px; right:0;}
}
@media all and ( min-width:1600px){
	.util_menu_wrap{ right:10px; }
}	
@media all and ( min-width:1900px){
	.util_menu_wrap{ right:-160px; }
}

#header_area .util_menu_wrap .btn_trans{background:#fff; line-height:normal; vertical-align:middle }
.goog-te-gadget-simple{background:transparent !important; border:0 !important; line-height:28px; padding:0 !important;}

/* 나만의 메뉴 */
.layer_comm {display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; transition: all 0.3s;}
.layer_comm.on {opacity: 1; visibility: visible;}
.layer_comm .inner_layer {overflow: auto;position: relative;max-width: calc(100% - 40px);max-height: calc(100% - 150px);background: #fff;}
.layer_mymenu .inner_layer {width: 1000px;border-radius: 10px;}
.layer_mymenu .layer_head {position: relative;display: flex;justify-content: center;align-items: center;padding: 30px 20px 26px;background: #d1d1e3;flex-wrap: wrap;}
.layer_mymenu .layer_head img.mymenu_txt {height: 30px;margin: 0 0 0 5px;}
.layer_mymenu .layer_head p {display: block;width: 100%;color: #64518f;font-size: 16px;font-weight: 600;word-break: keep-all;text-align: center;padding-top: 5px;}

.layer_mymenu .group_mymenu {position: relative; padding: 20px;}
.layer_mymenu .group_mymenu + .group_mymenu {border-top: 1px solid #d1d1e3;}
.layer_mymenu .box_mymenu {text-align: center;}

.layer_mymenu .info_empty {min-height: 130px;display: flex;flex-direction: column;justify-content: center;background: #f7f7f7;border-radius: 10px;}
.layer_mymenu .info_empty > i {font-size: 26px;color: #ddd;margin-bottom: 10px;}
.layer_mymenu .info_empty em {font-weight: 700;font-size: 17px;color: #555;margin-bottom: 8px;}
.layer_mymenu .info_empty p {font-size: 15px;font-weight: 400;color: #747474;word-break: keep-all;letter-spacing: -0.03em;margin-bottom: 3px;}
.layer_mymenu .info_menu {min-height: 130px;}

.layer_mymenu .tit_mymenu {display: flex;padding: 0 100px 20px 0;color: #222;font-size: 20px;font-weight: bold;flex-direction: column;}
.layer_mymenu .tit_mymenu span {margin-top: 8px;color: #777;font-weight: 400;font-size: 14px;}
.layer_mymenu .btn_del {position: absolute;top: 15px;right: 20px;padding: 5px 13px;border: 1px solid #ddd;border-radius: 5px;font-size: 15px;line-height: 1.2;color: #555;background: #fff;letter-spacing: -0.03em;height: auto !important;}

.layer_mymenu .list_mymenu {display:flex;flex-wrap:wrap;}
.layer_mymenu .list_mymenu li {display:flex;align-items:center;justify-content:center;margin:0 10px 10px 0;padding:12px 6px 12px 10px;color:#555;background:#fff;border-radius:8px;font-size:16px;letter-spacing:-0.02em;text-align:left;box-shadow:rgb(0 0 0 / 15%) 2px 3px 10px;}
.layer_mymenu .list_mymenu li .fa-star {position: relative; z-index: 0; margin: -2px 5px 0 0;color: #ffa631;}
.layer_mymenu .list_mymenu li .fa-star:after {position:absolute; top:50%; left:50%; z-index:-1;width:60%;height:60%;border-radius: 50%;box-shadow: 0 5px 5px 1px rgba(255, 200, 0, 0.61);transform: translate(-50%, -50%);content: "";}
.layer_mymenu .list_mymenu a {display:inline-flex;padding: 0 7px 0 3px;}
.layer_mymenu .list_mymenu a[target="_blank"]:after {display: none;}
.layer_mymenu .list_mymenu .bookmarkDel {color: #888; font-size: 16px;}

.layer_mymenu .btn_close {position: absolute;top: 0;right: 0;padding: 20px 25px;font-size: 32px;line-height: 0;color: #000;}
.layer_mymenu .btn_close i {pointer-events: none;}

@media only screen and (min-width:768px) {
	.layer_mymenu .layer_head {flex-wrap: nowrap;}
	.layer_mymenu .layer_head img.mymenu_txt {height: 30px;margin: 0 13px 0 10px;}
	.layer_mymenu .layer_head p {width: auto;padding-top: 2px;font-size: 18px;}

	.layer_mymenu .tit_mymenu {flex-direction: row;align-items: flex-end;padding: 0 100px 25px 0;font-size: 22px;}
	.layer_mymenu .tit_mymenu span {margin-top:0;margin-left:15px;font-size: 16px;}
}
@media only screen and (min-width:1024px) {
	.layer_mymenu .inner_layer {border-radius: 25px;}
	.layer_mymenu .layer_head::after {content: "";position: absolute;top: 10px;right: 12%;width: 92px;height: 128px;background: url(/home/www/images/main/2025/bitdori_img2.png) 0 0 no-repeat;background-size: 100%;}

	.layer_mymenu .group_mymenu {padding: 35px 30px 32px;}
	.layer_mymenu .btn_del {top: 30px;right: 30px;padding: 6px 15px;}
	.layer_mymenu .list_mymenu li {margin: 0 12px 12px 0;padding: 14px 8px 14px 15px;border-radius: 10px;font-size:18px;}
	.layer_mymenu .list_mymenu a {padding: 0 8px 0 4px;}

	.layer_mymenu .btn_close {padding: 21px 28px; font-size: 32px;}	
}