@charset "utf-8";
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');

html{overflow-y:scroll;}
body{margin:0;padding:0;}
img{border: 0;}
.s_content{position:relative; width: 100%;}

/*상단*/
.s_top{position: relative;width: 100%; height: 140px;}
.s_top_area{position:relative; width: 980px; margin: 0 auto; height: 100px;}
.top_logo{ position:absolute; top:18px; left:0px; }
.top_logo img {width: 180px;}

/*상단메뉴*/
.top_menu{ position:absolute; top:0px; right:10px; height: 53px; border-top:3px solid #aa1313;}
.top_menu ul{list-style:none;margin:0;zoom:1; float:left; padding:5px 0;}
.top_menu ul:after{content:"";display:block;clear:both}
.top_menu li{float:left;list-style:none;padding-left:2px;position:relative;white-space:nowrap}
.top_menu li.first{padding:0;background:none}
.top_menu li a{float:left;padding:0 10px 0 0; color:#888; white-space:nowrap;text-decoration:none; font-size:11px}
.top_menu li a:hover,
.top_menu li a:active,
.top_menu li a:focus{ color:#333;}
.top_menu li.active a{font-weight:bold;color:#666;}

/*메인메뉴1.4*/
.gnb{position:absolute; top:40px;  right:0px; margin:0; padding:0; white-space:nowrap;z-index:91; }
.gnb ul{list-style:none;margin:0;padding:0;zoom:1}
.gnb ul:after{content:"";display:block;clear:both}
.gnb li{position:relative;float:left; display: block; margin: 0 15px;}
.gnb li.first{padding:0;background:none}
.gnb li a{float:left; text-decoration: none; color:#333; font-weight:bold; padding: 5px 5px 10px; white-space:nowrap;}
.gnb li a:hover{ color:#aa1313; border-bottom:2px solid #aa1313;}
.gnb ul ul{display:none;position:absolute;left:0;top:40px;padding:5px 0;background:#fff;border:1px solid #ddd; border-top:2px solid #aa1313;*z-index:91; margin: 0; width: 150px; }
.gnb li li{float:none;background:none;padding:0 5px;left:0;border-bottom:0px solid #ddd;text-decoration: none;margin: 0;}
.gnb li li a{float:left;display:block;padding:7px 15px !important;background:none !important;height:auto;font-weight:normal !important;text-decoration: none;white-space:nowrap; width: 110px;}
.gnb li li a:hover,
.gnb li li.active a{color:#fff; border:0px solid #aa1313; background-color:#aa1313 !important; }
.gnb li:last-child .menu_high {color: #b72027;}
.menulist{position:relative;float:right; width: 100%;}
.menu_high {font-size: 16px;}

/*공지사항_검색창*/
.s_top_bottom{width: 100%; height: 38px; bottom: 0; left: 0; margin: 0; position:relative;  border-top:2px solid #2a3044; border-bottom:1px solid #cfcfcf; z-index: 10; *z-index: -1;}
.s_info_search{position:relative;  width: 960px; margin: 0 auto; height: 23px; padding:5px 10px 12px 10px;}
.s_info_search .info1{float: left;padding: 5px 0 0;width: 78px;height: 19px;color: #fff;text-align: center;font-size:11px;margin-top:2px;background-color: #b72027;border-radius: 5px;line-height: 14px;}
.s_info_search .info{float: left; width: 500px; padding:2px 0 0;}
.s_info_search .search{position:absolute;top:0;right:12px;width: 290px;height: 34px;background-color: #2a3044;border-radius: 0 0 10px 10px;}
.s_info_search .search .iText{position:relative;line-height:27px;border:0px;background: #000000;height: 23px;margin: 4px 0 0 7px;width: 220px;color: #fff;float:left;border-radius: 3px;padding: 0 0 0 5px;}
.s_info_search .search .submit{position:absolute;height:25px;width:59px; right:12px; top:3px; border:0px;}
.xi-search {float: left;color: #bbb;font-size: 22px;}
.search-button {background-color: #2a3044;border: 1px solid #2a3044;margin: 3px 0 0 20px;width: 30px;padding: 0;}

/*본문*/
.s_body_area{position: relative; width: 980px; margin: 0 auto;*z-index: -1;}
.content_slider{position:relative; z-index: 1;*z-index: -1; padding: 0 10px; width: 960px; margin: 0 auto;}
.content2{position:relative; padding: 0 10px 10px; width: 960px; margin: 0 auto;/*1.1*/overflow:hidden;}
.content2:after{content:"";display:block;clear:both;}
.content_image{position:relative; border-bottom:2px solid #d8d8d8; width:960px; margin: 0 auto; height:170px; z-index: 1;*z-index: -1;}
.content_image2{position:relative; height:170px; z-index: 1;*z-index: -1; width: 100%;}
.content_image2 img {width: 100%;}
.content_box{position:relative; width: 960px;}
.content_box:after{content:"";display:block;clear:both;}
.content_box1{width: 288px;height: 197px;padding: 15px 10px 5px 10px;float: left;overflow:hidden;border: 1px solid #e3e3e3;border-top: 5px solid #2a3044;border-radius: 5px;}
.content_box1 p{*padding-top: 10px;}
.content_box2{ width:646px; height: 217px; float:right;}
.banner_box1{width: 386px;height: 131px;padding: 10px 5px 10px 5px;float:left;margin: 0 4px 4px 0;overflow:hidden;border: 1px solid #e3e3e3;border-top: 5px solid #2a3044;border-radius: 5px;}
.banner_box1 p{*padding-top: 10px;}
.banner_box1 img {width: 385px;}
.banner_box2{width: 230px;height: 131px;padding: 12px 5px 8px 5px;margin: 0 0 4px 0;float:left;overflow:hidden;border: 1px solid #e3e3e3;border-top: 5px solid #2a3044;border-radius: 5px;}
.banner_box2 p{*padding-top: 10px;}
.logo_box{width: 622px;height: 50px;padding: 10px 10px 0;clear:both;overflow:hidden;border: 1px solid #e3e3e3;border-radius: 5px;}

:root{--marquee-duration:20s}
.pm-marquee{overflow:hidden;width:100%}
.pm-track{display:flex;width:max-content;animation:marquee var(--marquee-duration) linear infinite;will-change:transform}
.pm-slide{display:flex}
.pm-item{display:flex;align-items:center;justify-content:center}
.pm-item img{width:7rem;margin-right:2rem;object-fit:contain;display:block;filter:grayscale(0.2);opacity:.95;transition:transform 200ms ease,filter 200ms ease,opacity 200ms ease}
.pm-item img:hover{transform:scale(1.04);filter:grayscale(0);opacity:1}
@keyframes marquee {
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
/*왼쪽+본문*/
.content_side_left_box{position:relative; float:left; width:190px; padding:13px 0 15px; *z-index:-1;}
.content_side_left{position:relative;}
.content_side_left h2 a {text-transform: uppercase; font-size: 20px;}
.content_side_left h3 {border-bottom: 1px dotted #bbb;margin: 10px;}
.center_content{position:relative; float:right; min-height:200px; width:740px; padding: 6px 0px 10px 0px;*z-index:-1;}
.center_content:after{content:"";display:block;clear:both}
.content_side_banner_left{clear:left;}

/*세로형 2차메뉴*/
.content_side_left h2{ margin: 0;}
.content_side_left h2 a{display:block;font-size: 20px;text-decoration:none;color:#444!important; padding:8px 0 15px; text-transform: uppercase;}
.locNav {padding:0;width:100%;margin:0;list-style:none;border-top:2px solid #d8d8d8;border-bottom:2px solid #d8d8d8;}
.locNav li{padding:0;vertical-align:top; display:inline;}
.locNav li a{padding:10px;display: inline-block;border-top:1px dotted #e8e8e8;color: #5b5b5b;position:relative;z-index:80;text-decoration:none;width:170px;font-weight: 500;}
.locNav li a:hover,
.locNav li.active a{color:#000; background-color:#f6f6f6;}
.locNav li .patch{padding-bottom: 0;}
.locNav li ul{position:relative;width:100%;padding:0;margin:0;overflow:hidden;color:#818181; background-color:#f6f6f6; }
.locNav li li{position:relative;top:-1px;width:100%;display:block;padding:0 5px; }
.locNav li li a{color: #818181 !important;border:none;background:none !important;}
.locNav li li a:hover{background:#FF372C; color:#000 !important;}
.locNav li.active li.active a{color: #333333 !important;font-weight:bold !important; background:#CCCCCC;}
.locNav li:first-child a{border-top: 0px;}

/* 현재위치 */
.sub_title{position:relative; clear: both;}
.sub_title2{position:relative;height: 40px;color:#333;font-size: 0;font-weight:bold;border-bottom: 1px solid #d8d8d8;margin-bottom:10px;padding: 20px 20px 0px 10px;}
.sub_location {position: absolute;color:#999;height:22px;right:0px;top: 35px;}
.sub_location ul { float:right; margin:0; padding:0; list-style:none; overflow:hidden;}
.sub_location li { float:left; padding:0px;}
.sub_location li:last-child {background:none;  }
.sub_location a { color:#999; text-decoration:none; padding:5px 6px; font-size: 11px; }
.sub_location a:hover { color:#999;}

/*하단*/
.bottom_deco{position:absolute; width: 960px;top:-5px;left:0;}
.bottom_deco_bottom{position:absolute; width: 960px;bottom:-6px; left:0;}
.bottom_info{padding:20px 0;position:relative;width: 960px;margin: 0 auto;border: 1px solid #e3e3e3;border-top: 5px solid #2a3044;border-radius: 5px;}
.bottom_info:after{content:"";display:block;clear:both;}
.bottom_info .logo{position:relative;float:left;padding-left: 50px;padding-top: 10px;width: 130px;height: 70px;}
.bottom_info .copyright{position:relative;float:left;color:#999999;font-size: 12px;padding-left: 50px;line-height:20px;}
.bottom_info .copyright ul{list-style:none;margin:0;zoom:1; padding:0;}
.bottom_info .copyright ul:after{content:"";display:block;clear:both}
.bottom_info .copyright li{float:left;list-style:none;position:relative;white-space:nowrap}
.bottom_info .copyright li.first{padding:0;background:none}
.bottom_info .copyright li a{float:left;padding:0 10px 5px 0; color:#888; white-space:nowrap;text-decoration:none;font-weight:bold;}
.bottom_info .copyright li a:hover,
.bottom_info .copyright li a:active,
.bottom_info .copyright li a:focus{ color:#666666;}
.bottom_info .copyright li.active a{font-weight:bold;color:#666;}
.bottom_info .copyright li:first-child a {color: #333;}