.sub_container {padding-bottom: 150px;}
.subtop {height: 300px;background-position: center center;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;}
.subtop.visual01 {background-image: url("/resources/img/sub/sub_bg1.png");}
.subtop.visual02 {background-image: url("/resources/img/sub/sub_bg2.png");}
.subtop.visual03 {background-image: url("/resources/img/sub/sub_bg3.png");}
.subtop.visual04 {background-image: url("/resources/img/sub/sub_bg4.png");}
.subtop.visual05 {background-image: url("/resources/img/sub/sub_bg5.png");}
.subtop.visual06 {background-image: url("/resources/img/sub/sub_bg6.png");}
.subtop.visual07 {background-image: url("/resources/img/sub/sub_bg7.png");}
.subtop-title {text-align: center;font-size: 56px;font-weight: 700;color: #fff;align-content: center;height: 100%;}

.subnav {width: 100%;height: 60px;background-color: #000;}
.submenu-wrap {display: flex;height: 100%;width: 100%;align-items: center;}
.submenu-wrap > li {position: relative;display: flex;height: 100%;align-items: center;width: 250px;padding: 0 20px;border-left: 1px solid rgb(255 255 255 / 30%);}
.submenu-wrap > li.nav_home {width: 70px;padding: 0;}
.nav_home a {display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.nav_name {font-size: 16px;font-weight: 700;color: #fff;position: relative;width: 100%;display: flex;align-items: center;cursor: pointer;}
.nav_name:after {position: absolute;right: 0;content: "";background-image: url("/resources/img/sub/nav_arrow.svg");width: 16px;height: 10px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.nav_menu.on .nav_name:after {transform: rotate(180deg);}
.submenu {display: none;position: absolute;left: 0;top: 60px;width: 100%;z-index: 3;}
.submenu li a {width: 100%;height: 70px;display: flex;align-items: center;background-color: #fff;border-bottom: 1px solid #ddd;padding: 0 20px;font-size: 16px;color: #000;font-weight: 700;}
.submenu li a.on,
.submenu li a:hover {background-color: #D0131C;color: #fff;}
.nav_menu.bg {background-color: #D0131C;}
.sub-title {margin-top: 80px;margin-bottom: 40px;font-size: 40px;font-weight: 700;color: #000;}

.page_wrap {text-align:center;margin-top: 60px;}
.page_wrap.no-mar {margin-top: 0;}
.page_nation {display:flex;justify-content: center; align-items: center;}
.page_nation .none {display:none;}
.page_nation a {display: flex;align-items: center;justify-content: center;width: 50px; height: 50px;text-align:center; background:none; font-size:14px; color:#000;font-weight: 700;border-radius: 50%;}
.page_nation .pprev {background:url("/resources/img/sub/page_pprev.png") no-repeat center center;}
.page_nation .prev {background:url("/resources/img/sub/page_prev.png") no-repeat center center;}
.page_nation .next {background:url("/resources/img/sub/page_next.png") no-repeat center center;}
.page_nation .nnext {background:url("/resources/img/sub/page_nnext.png") no-repeat center center;}
.page_nation a.active {background-color: #D0131C;color: #fff;}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb100 {margin-bottom: 100px;}

.greeting-tit {font-size: 30px;font-weight: 700;color: #000;}   
.greeting-txt {font-size: 18px;color: #444;line-height: 1.5;white-space: pre-line;}
.sign {display: flex;gap: 10px;align-items: center;}
.sign span {font-size: 16px;color: #000;}

.bar-tit {position: relative;font-size: 30px;font-weight: 700;color: #000;padding-left: 20px;}   
.bar-tit:before {position: absolute;left: 0;top: 50%;content: "";width: 16px;height: 20px;background-repeat: no-repeat;background-image: url("/resources/img/sub/bar.svg");transform: translateY(-50%);}

.ex-df {display: flex;}
.ex-left {width: 17%;}
.ex-right {width: 83%;}

.common-table {border-top: 2px solid #000;}
.common-table th {background-color: #F9F9F9;border-bottom: 1px solid #ddd;text-align: center;font-size: 18px;font-weight: 700;color: #000;padding: 20px 0;vertical-align: middle;}
.common-table td {border-bottom: 1px solid #ddd;font-size: 18px;color: #000;padding: 20px 0 20px 30px;}

.president-df {display: flex;gap: 70px;}
.president-name {font-size: 30px;font-weight: 700;color: #000;margin-bottom: 10px;}   
.president-position {font-size: 20px;font-weight: 700;color: #000;}
.president-cont {font-size: 18px;color: #444;line-height: 1.5;white-space: pre-line;}

.history-list {border-top: 2px solid #000;}   
.history-item {border-bottom: 1px solid #ddd;padding: 50px 0;display: flex;gap: 80px;justify-content: flex-start;align-items: center;}
.hyear {font-size: 66px;font-weight: 800;color: #D0131C;align-self: self-start;}
.hcont {display: flex;gap: 60px;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
.hmonth {font-size: 24px;font-weight: 700;color: #000;align-self: self-start;}
.htxt {font-size: 18px;color: #000;}
.htxt span {font-size: 16px;color: #666;}

.policy-wrap {background-color: #F9F9F9;padding: 60px;}   
.policy-df {display: flex;margin-bottom: 60px;}
.policy-left {width: 15%;}
.policy-right {width: 85%;}
.policy-tit {font-size: 20px;font-weight: 700;color: #000;}
.policy-stit {font-size: 18px;font-weight: 600;color: #D0131C;margin-bottom: 10px;}
.policy-txt {font-size: 18px;color: #000;line-height: 1.3;margin-bottom: 10px;}
.policy-bold {font-size: 20px;font-weight: 700;color: #000;padding-top: 40px;}

.search-wrap {background-color: #F9F9F9;padding: 30px 0;text-align: center;margin-bottom: 50px;}   
.search-df {display: inline-flex;}
.search-select {font-size: 15px;color: #000;border-top: none;border-right: none;border-bottom: 1px solid #000;border-left: none;padding: 20px 10px;outline: none;margin-right: 20px;width: 200px;height: 60px;background-color: transparent;}
.search-input {font-size: 15px;color: #000;border-top: none;border-right: none;border-bottom: 1px solid #000;border-left: none;padding: 20px 30px 20px 10px;outline: none;width: 350px;height: 60px;background-color: transparent;}
.search-btn {background-image: url("/resources/img/sub/search.svg");background-repeat: no-repeat;background-position: center center;width: 24px;height: 24px;cursor: pointer;border: none;outline: none;background-color: transparent;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 2;}

.board-list {border-top: 2px solid #000;}
.board-list li {border-bottom: 1px solid #ddd;padding: 30px 0;}
.board-item {display: flex;}
.board-item .item1 {width: 7%;text-align: center;font-size: 18px;color: #000;} 
.board-item .item2 {width: 78%;}
.board-item .item2 a {font-size: 18px;font-weight: 700;color: #000;text-overflow: ellipsis; white-space: nowrap;word-wrap: normal;overflow: hidden;}
.board-item .item3 {width: 15%;text-align: center;font-size: 16px;color: #999;}

.sites-menu {display: flex;gap: 10px;margin-bottom: 40px;}   
.sites-menu a {text-align: center;padding: 15px 20px;font-size: 18px;font-weight: 700;color: #000;background-color: #F3F2F2;border-radius: 30px;}
.sites-menu a.on {background-color: #D0131C;color: #fff;}
.sites-list {border-top: 2px solid #000;}
.sites-list li {border-bottom: 1px solid #ddd;padding: 30px 0;display: flex;align-items: center;gap: 60px;}
.sites-kor {font-size: 30px;font-weight: 700;color: #000;margin-bottom: 10px;}
.sites-eng {font-size: 18px;color: #000;margin-bottom: 40px;}

.more-btn {border-radius: 30px;background-color: #000;padding: 15px 20px;display: inline-flex;align-items: center;justify-content: center;gap: 20px;}
.more-btn span {font-size: 18px;font-weight: 700;color: #fff;}

.member-df {display: flex;gap: 80px;}  
.member-left {width: 15%;}
.member-right {width: 85%;}
.member-tit {font-size: 18px;font-weight: 700;color: #444;}
.member-txt {font-size: 18px;color: #444;white-space: pre-line;}

.box {background-color: #F9F9F9;padding: 50px 10px;text-align: center;margin-bottom: 100px;}   
.box-tit {font-size: 18px;font-weight: 700;color: #000;}
.box-tit .red {color: #D0131C;}

.online-df {display: flex;}
.online-left {width: 32%;}
.online-right {width: 68%;padding-left: 70px;}
.online-tit {font-size: 18px;font-weight: 700;color: #444;}
.online-txt {font-size: 18px;color: #444;line-height: 1.5;white-space: pre-line;}
.more-btn-wrap {display: flex;flex-wrap: wrap;gap: 10px;}

.speeches-section {margin-bottom: 120px;}
.speeches-imgs {display: flex;gap: 30px;margin-bottom: 50px;}   
.speeches-imgs > div {width: 50%;}
.speeches-df {display: flex;gap: 80px;}
.speeches-left {width: 25%;}
.speeches-right {width: 75%;}
.speeches-tit {font-size: 30px;font-weight: 700;color: #000;margin-bottom: 10px;}
.speeches-date {font-size: 20px;font-weight: 700;color: #000;}
.speeches-info {margin-bottom: 40px;}
.speeches-info li {display: flex;gap: 30px;padding: 5px 0;}
.speeches-info li .cell1 {font-size: 18px;font-weight: 600;color: #000;flex-basis: 65px;}
.speeches-info li .cell2 {font-size: 18px;color: #000;}
.speeches-cont {font-size: 18px;color: #444;line-height: 1.3;white-space: pre-line;}

/**게시판 상세**/
.view_tit_wrap {border-top: 2px solid #000;border-bottom: 1px solid #ddd;padding: 40px 10px;display: flex;justify-content: space-between;}
.view_tit {font-size: 20px;font-weight: 700;color: #000;margin-bottom: 30px;}
.view_con_wrap {padding: 40px 10px 100px 10px;border-bottom: 1px solid #ddd;margin-bottom: 50px;}
.viewCon,
.viewCon p,
.viewCon td,
.viewCon span {word-break:keep-all;font-size: inherit;line-height: inherit;}
.list_btn {display: inline-flex; align-items: center;justify-content: center;width: 170px;height: 50px;background-color: #D0131C;font-size: 16px;font-weight: 700;color: #fff;}
.view_con .file {margin-bottom: 20px;}
.view_con .file a {display: inline-block;text-decoration: underline;font-size: 15px;color: #6c6c6c;padding-left: 20px;position: relative;}
.view_con .file a:before {position: absolute;content: "";display: block;width: 14px;height: 12px;left: 0;top: 3px;background-image: url('/resources/img/sub/ico_folder.png');-webkit-background-size: 14px 12px;background-size: 14px 12px;}
.view_con img  {width: auto !important;max-width:100% !important;height: auto !important;margin: 0 auto !important;display: block !important;}
.viewCon table {text-align: center !important;width: 100% !important;}
.view_con a {display: initial;}
/**게시판 상세**/
.board_list_tit {font-size: 22px;font-weight: 700;color: #000;}
.board_list_info {font-size: 16px;color: #666;align-self: center;margin-left: 20px;}

.sites-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.grid-item {border: 1px solid #ddd;padding: 50px;}
.mb40 {margin-bottom: 40px;}
@media (max-width: 1560px) {	

}
@media (max-width: 1499px) {
}

@media (max-width: 1429px) {
	.speeches-df {gap: 20px;}
	.box-tit {font-size: 17px;}
	.member-left {width: 18%;}
	.member-right {width: 82%;}
}
@media (max-width: 1399px) {
	.subtop-title {font-size: 40px;}
	.sub-title {font-size: 35px;}
	.greeting-tit {font-size: 25px;}
	.sites-grid {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 1259px) {
	.hyear {font-size: 50px;}
	.history-item {gap: 40px;}
	.hmonth {font-size: 20px;}
	.hcont {gap: 30px;}
	.speeches-tit {font-size: 25px;}
	.sites-list li {gap: 30px;}
	.board_list_tit {font-size: 20px;}
}
@media (max-width: 1219px) {
	.bar-tit {font-size: 25px;}
	.common-table th,
	.common-table td {font-size: 16px;}
	.policy-left {width: 20%;}
	.policy-right {width: 80%;}
	.more-btn span {font-size: 16px;}
	.online-txt {font-size: 16px;}
	.online-right {padding-left: 30px;}
	.online-tit {font-size: 16px;}
	.member-df {gap: 40px;}
	.sites-kor {font-size: 25px;}
}

@media (max-width: 991px) {
	.sub-title {font-size: 30px;margin-top: 40px;margin-bottom: 20px;}
	.greeting-tit {font-size: 20px;}
	.greeting-txt {font-size: 16px;}
	.mb40 {margin-bottom: 20px;}
	.mb50 {margin-bottom: 25px;}
	.mb60 {margin-bottom: 30px;}
	.mb100 {margin-bottom: 50px;}
	.sub_container {padding-bottom: 100px;}
	.bar-tit {font-size: 20px;}
	.president-cont {font-size: 16px;}
	.president-position {font-size: 18px;}
	.president-name {font-size: 25px;}
	.president-df {gap: 30px;}
	.history-item {padding: 25px 0;}
	.hyear {font-size: 40px;}
	.htxt span {font-size: 14px;}
	.htxt {font-size: 16px;}
	.hmonth {font-size: 18px;}
	.hcont {gap: 10px;}
	.history-item {gap: 20px;}
	.policy-wrap {padding: 30px;}
	.policy-tit {font-size: 18px;}
	.policy-stit {font-size: 16px;}
	.policy-txt {font-size: 14px;}
	.policy-df {margin-bottom: 30px;}
	.policy-bold {font-size: 18px;padding-top: 20px;}
	.search-wrap {margin-bottom: 25px;padding: 20px 0;} 
	.board-item .item1 {font-size: 16px;}
	.board-item .item2 a {font-size: 16px;}
	.board-item .item3 {font-size: 14px;}
	.page_wrap {margin-top: 30px;}
	.page_nation a {font-size: 12px;width: 25px;height: 25px;}
	.speeches-tit {font-size: 20px;}
	.speeches-date {font-size: 16px;}
	.speeches-info li .cell1,.speeches-info li .cell2 {font-size: 16px;}
	.speeches-info {margin-bottom: 20px;}
	.speeches-cont {font-size: 16px;}
	.speeches-section {margin-bottom: 60px;}
	.speeches-imgs {margin-bottom: 25px;gap: 15px;}
	.box {margin-bottom: 50px;padding: 25px 10px;}
	.box-tit {font-size: 16px;}
	.more-btn span {font-size: 14px;}
	.member-tit {font-size: 16px;}
	.member-txt {font-size: 16px;}
	.member-df {gap: 20px;}
	.member-left {width: 20%;}
	.member-right {width: 80%;}
	.sites-list li {padding: 20px 0;}
	.sites-menu a {font-size: 16px;padding: 10px 20px;}
	.sites-menu {margin-bottom: 20px;}
	.sites-kor {font-size: 20px;}
	.sites-eng {font-size: 16px;margin-bottom: 20px;}
	.board_list_tit {font-size: 18px;}
	.grid-item {padding: 30px;}
	.more-btn {gap: 10px;}
}	

@media (max-width: 767px) {
	.subtop {height: 150px;}
	.subtop-title {font-size: 25px;}
	.nav_name {font-size: 14px;}
	.subnav {height: 40px;}
	.submenu {top: 40px;}
	.submenu li a {font-size: 14px;height: 40px;padding: 0 10px;}
	.submenu-wrap > li {padding: 0 10px;}
	.sub-title {font-size: 20px;}
	.greeting-txt {font-size: 14px;}
	.greeting-tit {font-size: 16px;}
	.sign span {font-size: 14px;}
	.sub_container {padding-bottom: 50px;}
	.ex-df,.president-df,.policy-df {flex-direction: column;gap: 20px;}
	.common-table th,
	.common-table td {font-size: 14px;}
	.ex-left,.ex-right {width: 100%;}
	.bar-tit {font-size: 18px;padding-left: 10px;}
	.bar-tit:before {width: 8px;height: 10px;-webkit-background-size: 8px auto;	background-size: 8px auto;}
	.president-cont {font-size: 14px;}
	.president-position {font-size: 16px;}
	.president-name {font-size: 20px;}
	.history-item {flex-direction: column;}
	.hyear {font-size: 25px;}
	.hmonth {font-size: 16px;}
	.htxt span {font-size: 12px;}
	.htxt {font-size: 14px;}
	.policy-tit {font-size: 16px;}
	.policy-stit {font-size: 14px;}
	.policy-txt {font-size: 12px;}
	.policy-bold {font-size: 16px;}
	.policy-left,.policy-right {width: 100%;}
	.search-df {flex-direction: column;gap: 10px;}
	.search-select {width: 100%;margin-right: 0;padding: 10px 5px;height: 40px;}
	.search-input {width: 100%;height: 40px;padding: 10px 30px 10px 5px;}
	.board-item {flex-direction: column;gap: 10px;}
	.board-list li {padding: 20px 0;}
	.board-item .item1 {font-size: 14px;text-align: left;}
	.board-item .item2 a {font-size: 14px;}
	.board-item .item3 {font-size: 12px;text-align: left;}
	.board-item .item1,.board-item .item2,.board-item .item3 {width: 100%;}
	.speeches-df {flex-direction: column;}
	.speeches-left,.speeches-right {width: 100%;}
	.speeches-tit {font-size: 18px;}
	.speeches-date {font-size: 14px;}
	.speeches-info li .cell1,.speeches-info li .cell2 {font-size: 14px;}
	.speeches-cont {font-size: 14px;}
	.online-df {flex-direction: column;}
	.online-left,.online-right {width: 100%;}
	.online-right {padding-left: 0;}
	.online-tit,.online-txt {font-size: 14px;}
	.member-df {flex-direction: column;}
	.member-left {width: 100%;}
	.member-right {width: 100%;}
	.sites-list li {flex-direction: column;gap: 20px;align-items: start;}
	.sites-kor {font-size: 18px;}
	.sites-eng {font-size: 14px;}
	.board_list_info {font-size: 14px;margin-left: 0;margin-top: 10px;align-self: flex-start;}
	.view_tit_wrap {padding: 20px 10px;flex-direction: column;}
	.board_list_tit {font-size: 16px;}
	.view_con_wrap {padding: 20px 10px 50px 10px;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
	.list_btn {font-size: 14px;width: 150px;}
	.sites-grid {grid-template-columns: repeat(1, 1fr);}
}	

@media (max-width: 575px) {
}