/*  怨듯넻 */
.con_wrap { max-width: 1420px; padding:0 60px; margin:0 auto; width:100%; }

.sub_title { line-height: 1; text-align: center; }
.sub_title h1 { position:relative; display: block; padding-bottom: 45px; font-size: 38px; font-weight: 900; }
.sub_title h1:before { content:""; display: block; width:50px; height:1px; background:#000; margin:0 auto 20px; }

.sub_title p { position:relative; font-size: 24px; font-weight:900; word-break: keep-all; line-height: 42px; }
.sub_title p:before { content:""; display: block; width:50px; height:1px; background:#000; margin:0 auto 45px; }
.sub_title p span { color:#007ad6; font-weight: 600; }
.sub_title p i { font-style: normal; font-weight: 400; }

/* .bg_bot { width:100%; height: 500px; background:url('../img/s2_bg.jpg') no-repeat center / cover; } */

#bu3 { padding-top: 35px; position:relative; z-index: 1; }

/* contents */
#s1 { padding-bottom: 100px; }
.s1_bg { width:100%; height: 450px; background:url('../img/bu3_bg.jpg') no-repeat center / cover; }
.s1_bg img { display: none; }
.s1_con { text-align: center; }
.s1_con h2 { margin:55px 0 45px; font-size: 24px; font-weight: bold; line-height:38px; color:#000; word-break: keep-all; }
.s1_con p {  font-size: 16px; font-weight: 300; line-height:30px; word-break: keep-all; }

/* s2 */
#s2 { padding:80px 0 100px; background:url('../img/bus_patbg.jpg') repeat center; }
.s2_list {margin-top:30px; width: 100%; display: flex; justify-content: center; text-align: center; position: relative; z-index: 1;}
.s2_list::before {content: ''; width: 100%; height: 1px; background:#ddd; position: absolute; left:0; top:3px;}
.s2_list li { display: flex; flex-direction: column; align-items: center; margin-right: 180px; line-height: 1; }
.s2_list li:last-child {margin-right: 0;}
.s2_list li .s2_dot {width: 7px; height: 7px; background: #656565; border-radius: 50%; position: relative; z-index: 1; transition: all .3s ease;}
.s2_list li .s2_dot::before {content: ''; display: block; width: 21px; height: 21px; position: absolute; z-index: -1; background: rgba(101,101,101,.2); transition: all .3s ease; left:-7px; top:-7px; border-radius: 50%; }
.s2_list li h2 {font-size:14px; font-weight: 500; color:#007bd7; font-family: 'Montserrat';  margin:40px 0 15px; text-transform: uppercase; }
.s2_list li h1 {font-size:21px; font-weight: 500; color:#000; }

/* s2-active */
.s2_list li.active .s2_dot {background-color: #007bd6;}
.s2_list li.active .s2_dot::before {background-color: rgba(0,123,214,.2);}
.s2_ico {height: 55px; line-height: 55px; margin-top: 50px; }

/* s3 */
#s3 { padding:80px 0 130px; }
.s3_list { display: flex; justify-content: space-between; margin-top: 45px; }
.s3_list li ~ li { margin-left: 25px; }
.s3_list li { position:relative; display: flex; flex-direction: column; align-items: center; width:calc(33% - 17px); height: 290px; border:2px solid #007bd7; padding-top: 80px; }
.s3_list h2 { position:absolute; left:50%; transform: translateX(-50%); top:-36px; display: inline-block; padding:0 30px; font-size:60px; color:#007bd7; background:#fff; font-family: 'Montserrat'; font-weight: 700; }
.s3_list .s3_ico { height: 65px; line-height: 65px; }
.s3_list p { position:relative; font-size:21px; font-weight: 700; word-break: keep-all; text-align: center; }
.s3_list p:before { content:""; display: block; width:20px; height:2px; background:#007bd7; margin:45px auto 23px; }

/* list block.ver */
.s3_list li:nth-child(even) { border: 2px solid #333; }
.s3_list li:nth-child(even) h2 { color:#333; }
.s3_list li:nth-child(even) p:before { background: #333; }



@media screen and (max-width:1420px){
    .s1_bg { height: auto; background:0; }
    .s1_bg img { display: block; width:100%; }


    .s2_list li { margin-right: 100px; }
}

@media screen and (max-width:1024px){
    .s1_con h2 br { display: none; }

    .s2_list { flex-wrap: wrap; justify-content: flex-start; }
    .s2_list li { position:relative; width:50%; margin:0 0 50px; padding:0; }
    .s2_list li:nth-child(odd):before { content: ''; width: 200%; height: 1px; background:#ddd; position: absolute; left:0; top:3px;}
    .s2_ico { margin-top: 25px; }
    .s2_list .txt { text-align: center; }
    .s2_list li h1 {font-size:18px; }
    .s2_list li h2 { margin:20px 0 10px; }

    .s3_list { flex-wrap: wrap; }
    .s3_list li { width:calc(50% - 12.5px); height: auto; padding:60px 20px;}
    .s3_list li:nth-child(odd) { margin-left: 0; }
    .s3_list li:nth-child(n+3) { margin-top:50px; }

    .s3_list p { font-size: 19px; }
    .s3_list h2 { top: -30px; font-size: 50px; }
}


@media screen and (max-width:768px){
    #bu1 { padding-top: 20px; }
    .con_wrap { padding: 0 40px; }
    .sub_title { padding:0 15px; }
    .sub_title h1 { font-size: 28px; line-height: 35px; }

    #s1 { padding-bottom: 70px; }
    .s1_con h2 { margin: 50px 0 30px; font-size: 18px; line-height: 32px; }
    .s1_con p { font-size: 15px; line-height: 28px; }
    .s1_con p br { display: none; }

    #s2 { padding: 70px 0; }
    .s2_ico { width:80px; }
    .s2_ico img { transform: scale(.8);}

    #s3 { padding: 70px 0; }
}

@media screen and (max-width:640px){
    .con_wrap { padding: 0 20px; }
}

@media screen and (max-width:480px){
    .s3_list { justify-content: center; }
    .s3_list li { width:90%; padding:50px 20px 40px;}
    .s3_list li ~ li { margin:35px 0 0 0; }
    .s3_list li:nth-child(n+3) { margin-top:35px; }

    .s3_list p { font-size: 18px; }
    .s3_list h2 { top: -25px; font-size: 40px; }
    .s3_list p:before { margin: 30px auto 10px; }
}