﻿.sub_container {padding-bottom: 200px;padding-top: 100px;}
.sub_visual {height: 580px;background-position: center center;-webkit-background-size: cover;background-size: cover;}
.sub01 .sub_visual {background-image: url('/skin/default/img/sub/sub01.jpg');}
.sub02 .sub_visual {background-image: url('/skin/default/img/sub/sub02.jpg');}
.sub03 .sub_visual {background-image: url('/skin/default/img/sub/sub03.jpg');}
.sub04 .sub_visual {background-image: url('/skin/default/img/sub/sub04.jpg');}
.sub05 .sub_visual {background-image: url('/skin/default/img/sub/sub05.jpg');}

.sub_sv {display: flex;height: 100%;align-items: center;}
.location {margin-bottom: 30px;display: flex;align-items: center;color: #FFF;font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;}
.location .home img {display: block;}
.location .bar {padding-right: 20px;margin-right: 12px;position: relative;}
.location .bar:after {background-image: url('/skin/default/img/sub/location_arrow.svg');content: '';display: block;width: 10px;height: 10px;position: absolute;right: 0;top: 50%;margin-top: -5px;}
.sub_vtit {margin-bottom: 30px;color: #FFF;font-family: Poppins;font-size: 70px;font-style: normal;font-weight: 700;line-height: normal;}
.sub_vtxt {color: #FFF;font-size: 24px;font-style: normal;font-weight: 600;line-height: 34px;}

.sub_tit {color: #000;font-size: 34px;font-style: normal;font-weight: 700;line-height: 48px;}
.sub_stit {color: #000;font-size: 22px;font-style: normal;font-weight: 700;line-height: 32px;}
.sub_txt {color: #666;font-size: 18px;font-style: normal;font-weight: 500;line-height: 28px;}

.notice_lst {border-top: 1px solid #000;}
.notice_lst li {border-bottom: 1px solid #ddd;}
.notice_lst .link {position: relative;padding: 40px 0 40px 150px;display: block;}
.notice_lst .link:hover {background-color: #F6F6F6;}
.notice_lst .date {position: absolute;left: 0;top: 0;height: 100%;display: flex;align-items: center;justify-content: center;width: 150px;}
.notice_lst .date .day {color: #1D55B9;text-align: center;font-family: "Gowun Batang";font-size: 50px;font-weight: 700;line-height: 1;}
.notice_lst .date .yearm {color: #1D55B9;text-align: center;font-family: "Gowun Batang";font-size: 16px;font-weight: 700;}
.notice_lst .cont .tit {color: #000;font-size: 24px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 5px;}
.notice_lst .cont .txt {color: #666;font-size: 18px;font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.7;}

.page_wrap {display: flex;align-items: center;margin-top: 60px;justify-content: center;}
.page_wrap.end {justify-content: end;}
.page_nation {-webkit-box-align: center;align-items: center;display: flex;justify-content: center;}
.page_nation a {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;display:block;margin:0 4px;float:left;width:32px;height:32px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;text-align:center;color: #999;font-family: "Gowun Batang";font-size: 16px;font-weight: 700;text-decoration:none;line-height: 1;border-radius: 50%;}
.page_nation .arrow {background-color: #fff;background-repeat: no-repeat;background-size: 32px auto;background-position: center center;opacity: 0.5;}
.page_nation .prev {background-image: url('/skin/default/img/sub/page_prev.svg');}
.page_nation .next {background-image: url('/skin/default/img/sub/page_next.svg');}
.page_nation .prev:hover,
.page_nation .next:hover {background-color: #fff;opacity: 1;}
.page_nation a:hover,
.page_nation a.active {background-color:#0C8DE9;color: #fff;}

.dflex {display: flex;align-items: center;}
.dflex .mar {margin-right: 10px;}
.help-inline {font-size: 13px;color: #ff7a5a;font-weight: 400;padding: 2px 5px;background-color: #fff;display: inline-flex;border: 1px solid #ddd;-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);-ms-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);-o-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);z-index: 1;margin-left: 10px;}

.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 122px 30px 20px;line-height: 1.5;}
.news_view .info {position: absolute;top: 27px;right: 20px;margin-top: 0;}
.news_view .info span {font-size: 14px;font-weight: 500;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('/skin/default/img/sub/ico_folder.png');-webkit-background-size: 14px 12px;background-size: 14px 12px;}
.news_view .cont .real .img {margin-bottom: 40px;}
.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 {line-height: 1.5;word-break:keep-all;font-size: 16px;color: #666;font-weight: 300;font-family: 'Pretendard','Malgun Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif !important;}
.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_btn {text-align: center;margin-top: 40px;}
.news_btn a {text-decoration: none;display: inline-block;background-color: #0C8DE9;font-size: 16px; color: #fff;font-weight: 700;text-align: center;width: 200px;height: 50px;line-height: 50px;outline: none; border: none;border-radius:25px;}  

.about_item {display: flex;}
.about_item .img {padding-right: 80px;}
.about_item .txt {flex: 1;}
.sub_tab {display: flex;align-items: center;}
.sub_tab a {padding: 16px 30px;display: flex;justify-content: center;align-items: center;gap: 10px;border-radius: 40px;background: #F2F5F8;color: #666;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;}
.sub_tab .item {margin-right: 10px;}
.sub_tab .item:last-child {margin-right: 0;}
.sub_tab a.on {background-color: #0C8DE9;color: #fff;}
.value_box {margin-bottom: 24px;background: #F4F9FB;height: 330px;display: flex;justify-content: center;align-items: center;padding: 0 70px;}
.value_box .img {height: 75px;display: flex;justify-content: center;align-items: center;}
.value_box .img img {display: block;max-width: 100%;margin: 0 auto;}
.value_box .tit {margin: 30px 0 15px 0;color: #000;text-align: center;font-size: 22px;font-style: normal;font-weight: 700;line-height: normal;}
.value_box .txt {color: #666;text-align: center;font-size: 18px;font-style: normal;font-weight: 500;line-height: 1.5;}
.solu_list {overflow: hidden;margin: 0 -15px;}
.solu_list .item {float: left;width: 20%;padding: 0 15px;}
.solu_box .img {margin-bottom: 40px;height: 83px;display: flex;justify-content: center;align-items: center;}
.solu_box .img img {max-height: 100%;display: block;max-width: 100%;margin: 0 auto;}
.solu_box .txt {color: #000;text-align: center;font-size: 18px;font-weight: 500;line-height: 1.5;}
.is_box {margin-bottom: 100px;}
.is_box .img {margin-bottom: 40px;}
.is_box .sub_stit {margin-bottom: 10px;}
.sc_box {padding: 50px;background-color: #F4F9FB;height: 354px;}
.v_list li {color: #666;font-size: 18px;font-weight: 500;line-height: 1.5;position: relative;padding-left: 30px;padding-top: 3px;padding-bottom: 3px;letter-spacing: -1px;}
.v_list li:before {width: 20px;height: 20px;background: url('/skin/default/img/sub/list_v.svg') no-repeat 0 0;position: absolute;left: 0;top: 6px;content: '';display: block;}
.sc_box {margin-bottom: 50px;}
.notice_box {margin-bottom: 60px;}
.notice_box .img img {margin: 0 auto;display: block;max-width: 100%;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.notice_box .tit {color: #000;font-size: 22px;font-weight: 700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 10px;margin-top: 20px;}
.notice_box .tit a {color: #000;font-size: 22px;font-weight: 700;}
.notice_box:hover .tit a {text-decoration: underline;}
.notice_box:hover .img img {transform: scale(1.03);}
.notice_box .date {color: #AAA;font-size: 15px;font-weight: 600;}
.notice_box .img {overflow: hidden;position: relative;}
.notice_box .img a img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.notice_box .img a {display: block;position: relative;height: 241px;overflow: hidden;}
.notice_box .img a::after {display: block;content: "";padding-bottom: 100%;}
.contact_form .input,
.contact_form .select,
.contact_form .textarea {width: 100%;border: 1px solid #ddd;outline: none;}
.contact_form .textarea {resize: none;}
.contact_form .input:focus,
.contact_form .select:focus,
.contact_form .textarea:focus {border-color: #259aed;}
.contact_form .input,
.contact_form .select {padding: 0 15px;height: 60px;}
.contact_form .textarea {padding: 15px;height: 220px;}
.contact_info {padding-right: 50px;}
.contact_submit .submit {width: 180px;height: 44px;border-radius: 30px;background: #0C8DE9;border: none;color: #FFF;font-family: Poppins;font-size: 15px;font-weight: 700;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.contact_submit .submit:hover {background-color: #259aed;}
.h64 {height: 64px;}
.sub020300 .sub_container {padding-bottom: 0;}
.fund_wrap .sub_tit {color: #fff;}
.fund_wrap {background-color: #2B3D53;padding: 100px 0 150px 0;}
.fund_list {overflow: hidden;margin: 0 -12px;}
.fund_list .item {float: left;width: 25%;padding: 0 12px;}
.fund_box {height: 280px;padding: 50px 40px;background-color: #1F3147;}
.fund_box .f1 {color: #fff;font-size: 22px;font-weight: 700;line-height: 1.5;margin-bottom: 10px;line-height: 1.5;}
.fund_box .f2 {color: #96A2B0;font-size: 18px;font-weight: 500;line-height: 1.5;}

.mb150 {margin-bottom: 150px;}
.mb140 {margin-bottom: 140px;}
.mb130 {margin-bottom: 130px;}
.mb120 {margin-bottom: 120px;}
.mb110 {margin-bottom: 110px;}
.mb100 {margin-bottom: 100px;}
.mb90 {margin-bottom: 90px;}
.mb80 {margin-bottom: 80px;}
.mb70 {margin-bottom: 70px;}
.mb60 {margin-bottom: 60px;}
.mb50 {margin-bottom: 50px;}
.mb40 {margin-bottom: 40px;}
.mb30 {margin-bottom: 30px;}
.mb20 {margin-bottom: 20px;}
.mb10 {margin-bottom: 10px;}

.filebox {position: relative;height: 60px;border: 1px solid #ddd;padding: 0 15px;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {display: inline-block;font-size: 0;width:100%;height: 60px;line-height: 60px;vertical-align: middle;cursor: pointer;position:absolute;right:0;bottom:0;z-index:4;margin-bottom:0;}
.filebox .upload-name {position: relative;z-index: 1;height: 60px;top: 0;border: none;background: transparent;font-size: 18px;color: #666;font-weight: 500;outline: none;width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

@media (max-width: 1599px) {
   
}

@media (max-width: 1429px) {
	.sub_visual {height: 350px;padding-top: 100px;}
	.sub_vtit {font-size: 40px;margin-bottom: 20px;line-height: 1.5;margin-bottom: 0;}
	.sub_vtxt {font-size: 16px;}
	.location {margin-bottom: 15px;}
	.sub_tit {font-size: 30px;}
	.value_box {padding: 0 50px;}
	.fund_box {padding: 35px;}
	.fund_box .f2 {font-size: 17px;}
}

@media (max-width: 1219px) {
	.mb150 {margin-bottom: 80px;}
    .mb100 {margin-bottom: 50px;}
    .mb90 {margin-bottom: 50px;}
	.mb70 {margin-bottom: 50px;}
	.mb80 {margin-bottom: 40px;}
    .mb60 {margin-bottom: 30px;}
    .mb40 {margin-bottom: 20px;}
	.solu_list .item {width: 33.333333333%;margin-bottom: 50px;}
	.solu_box .img {margin-bottom: 10px;}
	.value_box .tit {font-size: 20px;}
	.value_box .txt {font-size: 16px;}
	.value_box {padding: 0 25px;}
	.fund_box {padding: 25px;height: 210px;}
	.fund_box .f1 {font-size: 18px;}
	.fund_box .f2 {font-size: 15px;}
}

@media (max-width: 991px) {
	.mb150 {margin-bottom: 50px;}
	.mb80 {margin-bottom: 20px;}
	.mb70 {margin-bottom: 20px;}
	.sub_container {padding: 50px 0 100px 0;}
	.sub_tit {font-size: 20px;}
	.sub_stit {font-size: 16px;line-height: 1.5;}
	.sub_txt {font-size: 14px;line-height: 1.5;}
	.about_item .img {padding-right: 40px;}
	.value_box {padding: 0 15px;height: 190px;}
	.value_box .img img {width: 35px;}
	.value_box .img {height: 37px;}
	.value_box .tit {font-size: 18px;margin: 15px 0 10px 0;}
	.value_box .txt {font-size: 13px;}
	.value_box_wrap.row {margin: 0 -5px;}
	.value_box_wrap .col-sm-6 {padding: 0 5px;}
	.solu_box .img img {height: 42px;}
	.solu_box .txt {font-size: 15px;height: 45px;}
	.solu_box .img {margin-bottom: 0;}
	.is_box .img {margin-bottom: 20px;}
	.is_box .img img {width: 60px;}
	.is_box {margin-bottom: 30px;margin-top: 50px;}
	.notice_box .tit {font-size: 18px;}
	.notice_box .date {font-size: 13px;}
	.fund_wrap {padding: 50px 0;}
	.fund_box .f1 br {display: none;}
	.fund_box {height: 150px;}
	.fund_list .item {width: 50%;margin-bottom: 25px;}
}

@media (max-width: 767px) {
	.about_item .img img {width: 60px;}
	.about_item .img {padding-right: 20px;}
	.sub_tab a {padding: 15px 15px;font-size: 15px;}
	.mb30 {margin-bottom: 10px;}
	.is_box .img {margin-bottom: 10px;}
	.sc_box {padding: 25px;margin-bottom: 20px;height: auto;}
	.notice_box_wrap .row {margin: 0 -5px;}
	.notice_box_wrap .col-xs-6 {padding: 0 5px;}
	.contact_form {margin-top: 50px;}

	.contact_form .row {margin-left: -5px;margin-right: -5px;}
	.contact_form .col-xs-6,
	.contact_form .col-xs-12 {padding-left: 5px;padding-right: 5px;}
	.contact_form .input {padding: 0 10px;height: 50px;}
}

@media (max-width: 575px) {
	.sub_visual {height: 230px;}
	.sub_visual {padding-top: 60px;}
	.sub_vtit {font-size: 25px;}
	.sub_vtxt {font-size: 13px;line-height: 1.5;}
	.sub_tit {font-size: 18px;}
	.sub_stit {font-size: 15px;}
	.mb20 {margin-bottom: 10px;}
	.sub_txt {font-size: 13px;}
	.sub_tab {display: block;margin: 0 -3px;overflow: hidden;}
	.sub_tab .item {float: left;width: 50%;padding: 0 3px;margin-right: 0;margin-bottom: 6px;}
	.sub_tab a {padding: 15px 15px;font-size: 12px;}
	.value_box {height: auto;padding: 20px 25px;}
	.solu_box .img {border: 1px solid #ddd;margin-bottom: 10px;}
	.solu_list .item {width: 50%;}
	.v_list li {font-size: 13px;padding-left: 18px;}
	.v_list li:before {-webkit-background-size: 15px auto;background-size: 15px auto;top: 5px;}
	.notice_box_wrap {margin-top: 50px;}
	.notice_box_wrap .row {margin: 0 0;}
	.notice_box_wrap .col-xs-6 {padding: 0 0;width: 100%;}
	.page_wrap {margin-top: 0;}
	.news_view .tit {padding: 15px 0;font-size: 18px;}
	.news_view .info {position: static;text-align: right;margin-top: 15px;border-top: 
	1px solid #ddd;padding-top: 10px;margin-bottom: 0;}
	.news_view .info span {font-size: 13px;}
	.fund_box {height: auto;}
	.fund_list .item {width: 100%;margin-bottom: 10px;}
	.fund_box .f1 {font-size: 15px;}
	.fund_box .f2 {font-size: 13px;}
}