.sub-container {display: flex;gap: 100px;padding: 50px 0 100px 0;}
.sub-left {width: 300px;}
.sub-right {width: 800px;}
.side-nav {display: block;}
.side-nav li {border-bottom: 1px solid #ddd;padding: 15px 20px;display: flex;}
.side-nav li a {font-weight: 600;font-size: 18px;color: #000;position: relative;display: flex;flex-grow: 1;}
.side-nav li.active {background-color: #2F5597;}
.side-nav li.active a {color: #fff;}
.side-nav li.active a:after {position: absolute;right: 0;top: 5px;content: "";width: 8px;height: 14px;display: flex;background-image: url("/resources/img/sub/leftmenu_arrow.svg");background-repeat: no-repeat;}

.subtop {height: 320px;-webkit-background-size: cover;
background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}   
.subtop.sub01 {background-image: url("/resources/img/sub/sub_visual01.png");}
.subtop.sub02 {background-image: url("/resources/img/sub/sub_visual02.png");}
.subtop.sub03 {background-image: url("/resources/img/sub/sub_visual03.png");}
.subtop.sub04 {background-image: url("/resources/img/sub/sub_visual04.png");}
.subtop.sub05 {background-image: url("/resources/img/sub/sub_visual05.png");}
.subtop.sub06 {background-image: url("/resources/img/sub/sub_visual06.png");}
.subtop.sub07 {background-image: url("/resources/img/sub/sub_visual07.png");}
.subtop.sub08 {background-image: url("/resources/img/sub/sub_visual08.png");}
.subtop.sub09 {background-image: url("/resources/img/sub/sub_visual08.png");}
.subtitle {position: absolute;display: flex;align-items: center;height: 100%;}
.subtitle h2 {font-weight: 700;font-size: 40px;color: #fff;}
.sub_common_tit {font-weight: 700;font-size: 30px;color: #000;position: relative;margin-bottom: 35px;padding-left: 20px;}
.sub_common_tit:before {position: absolute;left: 0;top: 50%;content: "";width: 6px;height: 6px;background-color: #2F5597;margin-top: -5px;}

.board_list {border-top: 2px solid #000;}
.board_list li {border-bottom: 1px solid #ddd;padding: 20px 24px;}
.board_link {display: flex; align-items: flex-start;justify-content: flex-start;gap: 10px;}
.board_cate {font-weight: 600;font-size: 18px;color: #2F5597;}
.board_title {font-weight: 600;font-size: 18px;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: 45px; height: 45px;text-align:center; background:none; font-size:14px; color:#000;font-weight: 700;}
.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: #2F5597;color: #fff;}

.news_view {border-top: 2px solid #21324e;}
.news_view .tit {font-size: 20px;color: #000;background-color: #fff;font-weight: 700;position: relative;border-bottom: 1px solid #ddd;padding: 30px 20px;line-height: 1.5;}
.news_view .info {position: absolute;top: 30px;right: 40px;}
.news_view .info span {font-size: 14px;font-weight: 700;color: #aaa;position: relative;}
.news_view .info span.dd {padding-right: 60px;}
.news_view .info span.red {color: #e1438c;}
.news_view .info span.bar {padding-right: 18px;margin-right: 18px;}
.news_view .info span strong {color: #0035ad;display: inline-block;margin-left: 10px;}
.news_view .info span.bar:after {content: "";display: block;background-color: #d2d2d2;width: 1px;height: 15px;position: absolute;right: 0;top: 2px;}
.news_view .cont {padding: 0 0 20px 0;border-bottom:1px solid #ddd;}
.news_view .cont .file {margin-bottom: 20px;}
.news_view .cont .file a {display: inline-block;text-decoration: underline;font-size: 15px;color: #6c6c6c;padding-left: 20px;position: relative;}
.news_view .cont .file a:before {position: absolute;content: "";display: block;width: 14px;height: 12px;left: 0;top: 5px;background-image: url('/resources/img/sub/ico_folder.png');-webkit-background-size: 14px 12px;background-size: 14px 12px;}
.news_view .cont .real {padding: 30px 20px 100px 20px;}
.news_view .cont .real,
.news_view .cont .real p,
.news_view .cont .real td,
.news_view .cont .real span {word-break:keep-all;}
.news_view .cont .real blockquote.tx-quote1 {border:3px solid #eeeeee;}
.news_view .cont img {width: auto !important;max-width:100% !important;height: auto !important;margin: 0 auto !important;display: block !important;}
.news_view .cont .real table {text-align: center !important;width: 100% !important;}
.news_btn {text-align: center;margin-top: 50px;}
.news_btn a {text-decoration: none;display: flex;align-items: center;justify-content: center;background-color: #2F5597;font-size: 15px; color: #fff;font-weight: 700;text-align: center;width: 180px;height: 50px;outline: none; border: none;border-radius:25px;margin: 0 auto;}  

.form_field {margin-bottom: 30px;}
.field_tit {font-weight: 700;font-size: 18px;color: #000;margin-bottom: 20px;}	
.field_tit span {color: #0091ff;}
.contact_input {width: 100%;height: 50px;background-color: #fff;border: 1px solid #ddd;border-radius: 10px;padding: 0 20px;font-size: 16px;}
.contact_textarea {resize: none;border: 1px solid #ddd;height: 250px; padding: 20px; width: 100%;border-radius: 10px;font-size: 16px;}
.board_form_btn {text-align: center;margin-top: 30px;}
.form_btn { display: inline-block; width: 160px;height: 50px;font-size: 16px;color: #fff;font-weight: 700;background-color: #0068b7; outline: none; border: 0;border-radius: 30px;cursor: pointer;}
.sub-right img {width: 100% !important;}
@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}
.btn_spin {position: relative;}
.btn_spin::after{
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}
.map {width: 700px;}
.root_daum_roughmap {width:100% !important;}
.bold_tit {font-size: 18pt;font-weight: 700;color: #000;}
.bold_tit .dot {padding-left: 30px;position: relative;}
.bold_tit .dot:before {position: absolute;left: 0;top: 6px;content: "";width: 19px;height: 19px;background-repeat: no-repeat;background-image: url("/resources/img/sub/icon_01.gif");background-position: center center;}
.bottom_line {border-width: 1px 0px 0px; border-style: dotted none none; border-color: black;height: 1px; display: block;}	
.tac {text-align: center;}
.text_dot {position: relative;padding-left: 20px;}
.text_dot:before {position: absolute;left: 0;top: 6px;content: "";width: 6px;height: 6px;background-repeat: no-repeat;background-image: url("/resources/img/sub/icon_02.gif");background-position: center center;}
.cback_tab {display: flex;gap: 1px;margin-bottom: 30px;}	
.cback_tab li {background-color: #ececec;width: 135px;padding: 10px 0;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.cback_tab li a {display: flex;justify-content: center;align-items: center;color: #6c6c6c;font-size: 16px;}
.cback_tab li.on {background: linear-gradient(0deg, #b71d1d 50%, #cb3535 50%);}
.cback_tab li.on a {color: #fff;}
.cbg_mid {padding: 10px 20px 10px 20px;font-family: "Nanum Gothic";font-size: 12px;line-height: 18px;color: #3465ad;    word-break: keep-all;}
.red_font_b {font-family: "Nanum Gothic"; font-size: 12px; line-height: 18px;color: #d00f0f;font-weight: bold;}
.user_container .container > p > img {display: block;max-width:100% !important;width: auto !important;}
@media (max-width: 1560px) {

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

}
@media (max-width: 1399px) {
	.news_view .tit {font-size: 18px;}
}
@media (max-width: 1259px) {

}
@media (max-width: 1219px) {
	.subtitle h2 {font-size: 30px;}
	.sub_common_tit {font-size: 25px;}
	.side-nav li a {font-size: 16px;}
	.sub-container {gap: 50px;}
	.board_title,.board_cate {font-size: 16px;}
}

@media (max-width: 991px) {
	.news_view .info {position: relative;top: auto;right: auto;margin-top: 10px;}
	.news_view .info span {font-size: 12px;}
	.news_view .tit {font-size: 16px;padding: 20px 10px;}
	.news_view .cont .real, .news_view .cont .real p, .news_view .cont .real td, .news_view .cont .real span {font-size: 14px;}
	.news_btn {margin-top: 20px;}
	.news_btn a {font-size: 14px;height: 45px;line-height: 45px;width: 160px;}
	.news_view .cont .real {padding: 20px 10px 70px 10px;}
	.subtop {height: 250px;}
	.side-nav li a {font-size: 14px;}
	.sub_common_tit {font-size: 20px;margin-bottom: 20px;}
	.map {width: 100%;}
	.sub-container {flex-direction: column;}
	.sub-right {width: 100%;}
	.board_title,.board_cate {font-size: 14px;}
	.board_list li {padding: 20px 10px;}
	.page_wrap {margin-top: 30px;}
	.page_nation a {font-size: 12px;width: 25px;height: 25px;}
	.field_tit {font-size: 16px;margin-bottom: 10px;}
	.form_field {margin-bottom: 15px;}
	.board_form_btn {margin-top: 15px;}
	.contact_input {font-size: 14px;height: 40px;padding: 0 10px;}
	.contact_textarea {font-size: 14px;padding: 10px;height: 200px;}
	.submit {font-size: 14px;}
}

@media (max-width: 767px) {
	.page_nation a {margin: 0 5px;}
	.sub-left {width: 100%;}
	.subtitle h2 {font-size: 25px;}
	.subtop {height: 200px;}
	.board_title,.board_cate {font-size: 12px;}
}

@media (max-width: 575px) {

}