/* common */
.subpage { overflow: hidden; position:relative; text-align: left; }
.subpage > section { position: relative; color:#000;}
.subpage img {max-width: inherit;}
.subpage > section:nth-of-type(even) {background: #f7f7f7; }
.sub_inner {margin: 0 auto; max-width: 1560px; width: 100%; position: relative;}

.sub_tit {border-bottom: 1px solid #ddd; padding-bottom: 25px; margin-bottom:35px; position: relative; text-align: center;}
.sub_tit::before {content: ''; display: block; width: 176px; height: 3px; position: absolute; left: 50%;  transform: translateX(-50%); bottom:-1px; background: #000; }
.sub_tit span {color:#dc0c15; }

/* font size */
.fs_55 {font-size: 26px; font-weight :700; line-height: 1.1; font-family: 'Welcome';letter-spacing: -1.1px;}
.fs_54 {font-size: 54px; font-weight :800; line-height: 1.43;}
.fs_50 {font-size: 50px; font-weight :800; line-height: 1.43;}
.fs_37 {font-size: 37px; font-weight :700; line-height: 1.39;}
.fs_36 {font-size: 36px; font-weight :700; line-height: 1.39;}
.fs_35 {font-size: 24px; font-weight:500; line-height: 1.3; }
.fs_34 {font-size: 34px; font-weight:500; line-height: 1.3; }
.fs_33 {font-size: 17px; font-weight:700; line-height: 1.3;}
.fs_31 {font-size: 31px; font-weight:700; line-height: 1.3;  }
.fs_32 {font-size: 32px; font-weight:700; line-height: 1.3; letter-spacing: -.64px; }
.fs_30 {font-size: 30px; font-weight:700; line-height: 1.3;}
.fs_29 {font-size: 29px; font-weight:700; line-height: 1.3;}
.fs_28 {font-size: 28px; font-weight:700; line-height: 1.3;}
.fs_27 {font-size: 27px; font-weight:700; line-height: 1.3;}
.fs_26 {font-size: 26px; font-weight:700; line-height: 1.3;  }
.fs_25 {font-size: 18px; font-weight:700; line-height: 1.3;  }
.fs_24 {font-size: 24px; font-weight:700; line-height: 1.4;}
.fs_23 {font-size: 16px; font-weight:700; line-height: 1.4;}
.fs_22 {font-size: 22px; font-weight:600; line-height: 1.4; }
.fs_21 {font-size: 21px; font-weight:600; line-height: 1.67; }
.fs_20 {font-size: 14px; font-weight:400; line-height: 1.67; }
.fs_19 {font-size: 19px; font-weight: 400; line-height: 1.67; }
.fs_18 {font-size: 18px; font-weight: 400;  line-height: 1.83; }
.fs_17 {font-size: 17px; font-weight: 400; line-height: 1.72; }
.fs_16 {font-size: 14px; font-weight: 400;  line-height: 1.72; }
.fs_15 {font-size: 15px; font-weight: 400;  line-height: 1.72; }

.sub_table {width: 100%; overflow-x: auto;  border-top: 3px solid #095eab; }
.sub_table table { width: 100%; border-collapse: collapse; text-align: center; }
.sub_table table th { padding:20px 20px; border: 1px solid #ccc; line-height: 1.3; color:#000; background-color: #f7f7f7; font-weight: 700;}
.sub_table table td {padding:20px 30px; border: 1px solid #ddd;  line-height: 1.65; background-color: #fff; color:#333; font-weight: 500;}
.sub_table table tr th:first-child {border-left: 0;}
.sub_table table tr th:last-child {border-right: 0;}
.sub_table table tr td:first-child {border-left: 0;}
.sub_table table tr td:last-child {border-right: 0;}


/*Content CSS*/
#sec1 {position: relative; z-index: 1; padding-bottom: 80px;}
#sec1::before {content: ''; display: block; width: 248px; position: absolute; z-index: -1; left: 0; bottom:45px ;border-radius: 0 80px 80px 0; height: 700px; background:#d7e7f6;}
#sec1 .bg_box {width: 100%; height: 445px; display: flex; justify-content:space-between; text-align:left; background:url("../img/b1_sec1_bg.jpg") 50%/cover no-repeat; flex-direction: column; padding: 35px 20px; }
#sec1 .bg_box h3 { font-weight: 400; color:#fff;  line-height: 1.6; text-align: center;}
#sec1 .bg_box .list {text-align: center; width: 100%;}
#sec1 .bg_box .list > li {width: 100%; position: relative; padding: 10px 0}
#sec1 .bg_box .list > li:nth-child(n+2) {border-top: 1px solid rgba(255,255,255,.5)}
#sec1 .bg_box .list p {font-weight: 700;  color: rgba(255, 255, 255, 0.6); margin-bottom: 0px; }
#sec1 .bg_box .list h4 {font-weight: 700;  color: rgba(255, 255, 255,1);}
/* #sec1 .bg_box .list > li::after {content: ''; display: block; width: 1px; height: 64px; background: rgba(255,255,255,.5); position: absolute; bottom:0; right: 0;} */
#sec1 .bg_box .list > li:last-child::after {display: none; }

#sec1 .btn_wrap {width: 100%; background: #095eab; display: flex; flex-direction: column; justify-content: center; padding: 20px;
text-align: center; margin-top: 20px;}
#sec1 .btn_wrap .logo {background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 168px; width: 100%; padding: 20px;}
#sec1 .btn_wrap .logo img {width: 100; height: 100%; object-fit: contain;}
#sec1 .btn_wrap a {display: flex; align-items: center;justify-content: space-between; border-radius: 10px;height: 50px; font-size: 15px; font-weight: 700;
color: rgba(255, 255, 255, 0.8); background-color: rgba(255,255,255,.2); transition: all .3s; margin-top: 15px;  padding: 0 30px;}
#sec1 .btn_wrap a i {display: block; width: 15px; height: 11px; background:url("../img/btn_arrow.png") 50%/contain no-repeat; }
#sec1 .btn_wrap a:hover {background: rgba(0,0,0,.5); }

/* sec2 */
#sec2 {background: #fff; padding-top: 0;position: relative; z-index: 1; }

#sec2 .left_txt {text-align: center;}
#sec2.fixed .left_txt {position: fixed; left: 50%; transform: translateX(-730px); top:0;  }
#sec2.end .left_txt {position: absolute; top:auto; bottom: 385px;}

#sec2 .left_txt .tit {display: inline-block; position: relative; }
#sec2 .left_txt .tit::before {content: ''; display: block; width: 9px; height: 9px; border-radius: 50%; background-color: #095eab; left: -14px; top: 3px;  position: absolute; }
#sec2 .left_txt .tit h2 {font-family:'Pretendard'; font-weight: 800; color:#095eab; letter-spacing: normal; margin-top: 10px;}
#sec2 .left_txt .tit h3 {font-weight: 600; color:#000;}
#sec2 .left_txt p {border-top: 1px solid #ddd; padding: 0px 20px; padding-top: 20px; margin-top: 30px; color:#333; line-height: 1.74; font-weight: 400;}

#sec2.fixed .img_list {margin: 0 0 0 auto; }
#sec2.end .img_list {margin: 0 0 0 auto; }
#sec2 .img_list {width: 100%; padding-top: 32px; padding-bottom: 50px;}
#sec2 .img_list img {width: 100%; height: 100%; object-fit: contain;}
#sec2 .img_list > li {position: relative;  overflow: hidden; scroll-margin-top: 250px;}
#sec2 .img_list > #b4 {scroll-margin-top: 460px;}
#sec2 .img_list > li + li {margin-top: 10px; }
#sec2 .img_list .txt {position: absolute; left: 0; bottom: 0; padding: 0 20px 20px; width: 100%; }
#sec2 .img_list .txt h4 {color:#fff; font-weight: 700; }
#sec2 .img_list .txt p {color:#fff; font-weight: 500; margin-top: 12px; }






@media screen and (max-width:1400px) {
    /* common */



}