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

.sub_tit {border-bottom: 1px solid #ddd; padding-bottom: 60px; margin-bottom:110px; 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: 55px; 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: 35px; font-weight:500; line-height: 1.3; }
.fs_34 {font-size: 34px; font-weight:500; line-height: 1.3; }
.fs_33 {font-size: 33px; 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: 25px; font-weight:700; line-height: 1.3;  }
.fs_24 {font-size: 24px; font-weight:700; line-height: 1.4;}
.fs_23 {font-size: 23px; 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: 20px; 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: 16px; 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: 150px;}
#sec1::before {content: ''; display: block; width: calc(100% - 100px); position: absolute; z-index: -1; left: 0; bottom:0 ;border-radius: 0 80px 80px 0; height: 552px; background:#d7e7f6;}
#sec1 .flex {display: flex; justify-content: space-between;}

#sec1 .bg_box {width: 1011px; border-radius: 20px; display: flex; align-items: flex-start; justify-content:space-between; text-align:left;
background:url("../img/b1_sec1_bg.jpg") 50%/cover no-repeat; padding-left: 150px; flex-direction: column; padding: 90px 50px 80px; }
#sec1 .bg_box h3 { font-weight: 400; color:#fff;  line-height: 1.6; padding-left: 50px;}
#sec1 .bg_box .list { display: flex; text-align: center; width: 100%;}
#sec1 .bg_box .list > li {width: 25%; position: relative;}
#sec1 .bg_box .list p {font-weight: 700;  color: rgba(255, 255, 255, 0.6); margin-bottom: 15px; }
#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 {border-radius: 20px; width: 431px; background: #095eab; display: flex; flex-direction: column; justify-content: center; padding: 25px;
text-align: center;}
#sec1 .btn_wrap .logo {background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 448px; width: 100%;}
#sec1 .btn_wrap a {display: flex; align-items: center;justify-content: space-between; border-radius: 10px;height: 70px; font-size: 18px; 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: 15px; 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::before {content: ''; display: block; width: 100%; position: absolute; z-index: -1; left: 0; top:764px; border-radius: 80px 0 0 0; height:200px; background:#497ABC;}
#sec2.fixed::before {position: fixed; top:auto; bottom: 0;}
#sec2.end::before {position: absolute; top:auto; bottom: 0;}

#sec2 .flex {display: flex; justify-content: space-between;}
#sec2 .left_txt {width: 385px;text-align: right; padding-top: 150px;}
#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: 11px; height: 11px; border-radius: 50%; background-color: #095eab; left: -17px; top:-0;  position: absolute; }
#sec2 .left_txt .tit h2 {font-family:'Pretendard'; font-weight: 800; color:#095eab; letter-spacing: normal; margin-top: 15px;}
#sec2 .left_txt .tit h3 {font-weight: 600; color:#000;}
#sec2 .left_txt p {border-top: 1px solid #000; padding-top: 40px; margin-top: 35px; 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: 940px; padding-top: 100px;}
#sec2 .img_list > li {position: relative; border-radius:20px; overflow: hidden; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.15); scroll-margin-top: 250px;}
#sec2 .img_list > #b4 {scroll-margin-top: 460px;}
#sec2 .img_list > li + li {margin-top: 100px; }
#sec2 .img_list .txt {position: absolute; left: 0; bottom: 0; padding: 0 70px 70px; width: 100%; }
#sec2 .img_list .txt h4 {color:#fff; font-weight: 700; }
#sec2 .img_list .txt p {color:#fff; font-weight: 500; margin-top: 20px; }






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



}