@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_m01(2023).png"); background-repeat: no-repeat; background-size:650px }

#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:25px; 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; }
.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 }

.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;  text-indent: -9999px; 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(2) a{font-size:18px; font-weight:bold; color:#f4da40; }
.bottom_menu li a{ display:block; color:#aeaeae; padding:5px 10px; }

.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 15px 15px; 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 .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 .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{ text-align: 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; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 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;  }

.satisfy{ display:none; }

/*===============서브영역 끝==============*/

/*==================
사이즈별 추가코드
==================*/

/*smartphones ( portrait )*/
@media all and (max-width:320px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:321px) and (max-width:360px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:361px) and (max-width:375px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:376px) and (max-width:414px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:415px) and (max-width:480px) {

}

/*tablet( portrait )*/
@media all and (min-width:640px) {



}
@media all and (min-width:641px) and (max-width:767px) {
	#main_section02{ max-width:640px; margin:0 auto }
}

/*=================
태블릿 기본 세팅
===================*/
@media all and (min-width:768px) {

	.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{ 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:769px) and (max-width:1023px) {

}
/*=================
데스크탑 기본 세팅
===================*/
 @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;  }

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

	 /*헤더*/
	#header_area .logo{ margin-left:0; }
	/*#header_area .logo a{ width:160px; height:40px;  background-size:645px; }*/

	 /*상단사이트바로가기*/
	#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:240px; 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; }
	#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 > a{ position:relative; 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;  }

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

 .con_tab_4depth ul{ display:table;   width:100%;  border-radius: 0; border-left:0;   }
 .con_tab_4depth ul li{ display:table-cell; width:20%; font-size:16px; border-left:#eee solid 1px;   }
 .con_tab_4depth ul li.active{ border-left:#eb4141 solid 1px; border-right:#eb4141 solid 1px;  border-bottom:#eb4141 solid 1px;  }
 .con_tab_4depth ul li a{ padding:16px 0;  height:50px; font-size:15px;}
 .con_tab_4depth ul:after{ display:none; }


	 /*==========   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{ float:left;  }
	 .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; }


	 .con_tab_5depth{ padding-bottom:20px; }
	 .con_tab_5depth ul{   }
	 .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{ position:relative; display:block; border:#e8e8e8 solid 1px; margin-top:50px;  }
	  .satisfy .charger{  border-bottom:#eee solid 1px; padding:30px 40px;  }
	  .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{ position:absolute; right:30px; top:20px; }
	  .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;  }
	  .satisfy .research .text_box .btn_confirm{ width:10%; height:34px; color:#fff; background:#313131; border:0; padding:0 20px;  }

 }
@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{ 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; }
		.banner_list li a{ /*line-height:50px;*/  }

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