@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

.content_container{ padding:0 !important; }
section{ position:relative; z-index:1; overflow:hidden; }
section, section *{ box-sizing:border-box; word-break:keep-all; }
img{ display:block; max-width:100%; }

/* interview_integral */
.int_wrap{ background-color:#f0eae5; padding:150px 40px; display:flex; flex-direction:column; gap:80px; }
.int_wrap > .int{ width:min(1200px, 100%); margin:0 auto; padding:80px 60px; background-color:#fff; border-radius:30px; word-break:keep-all; }
.int_wrap > .int > h3{ display:flex; gap:10px; font-family:'NanumSquare','nt', sans-serif; font-size:32px; font-weight:400; color:#0c0c0c; line-height:1.3em; }
.int_wrap > .int > h3 > strong{ font-size:40px; font-weight:600; color:#aea299; }
.int_wrap > .int > hr{ margin:40px 0; }
.int_wrap > .int > p{ display:flex; gap:10px; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#0c0c0c; line-height:1.7em; }
.int_wrap > .int > p > strong{ font-size:40px; font-weight:600; color:#aea299; }
@media(max-width:991px){
    .int_wrap{ padding:150px 15px; gap:60px; }
    .int_wrap > .int{ padding:60px 30px; border-radius:28px; }
    .int_wrap > .int > h3{ font-size:30px; }
    .int_wrap > .int > h3 > strong{ font-size:32px; }
    .int_wrap > .int > p{ font-size:20px; }
    .int_wrap > .int > p > strong{ font-size:32px; }
    .int_wrap > .int > hr{ margin:30px 0; }
}
@media(max-width:768px){
    .int_wrap{ padding:100px 15px; gap:40px; }
    .int_wrap > .int{ padding:40px 20px; border-radius:20px; }
    .int_wrap > .int > h3{ font-size:24px; }
    .int_wrap > .int > h3 > strong{ font-size:28px; }
    .int_wrap > .int > p{ font-size:16px; }
    .int_wrap > .int > p > strong{ font-size:28px; }
    .int_wrap > .int > hr{ margin:20px 0; }
}

/* between_integral */
.bet_wrap{ padding:150px 40px; display:flex; flex-direction:column; align-items:center; gap:80px; }
.bet_wrap > .bet{ width:min(1200px, 100%); margin:0 auto;  }

@media(max-width:991px){
    .bet_wrap{ padding:150px 15px; }
}
@media(max-width:768px){
    .bet_wrap{ padding:100px 15px; }
}

/* description_integral */
.de{ display:flex; align-items:flex-start; gap:10px; width:100%; }
.de.rt{ flex-direction:row-reverse; }
.de > img{ display:block; height:20px; }
.de.rt > img{ transform:rotate(180deg); }
.de > p{ font-family:'NanumSquare','nt', sans-serif; font-size:20px; font-weight:300; color:#000; line-height:1em; }
.de.rt > p{ text-align:right; }

@media(max-width:850px){
    .de{ gap:8px; }
    .de > img{ height:16px; }
    .de > p{ font-size:16px; }
}
@media(max-width:500px){
    .de{ gap:6px; }
    .de > img{ height:14px; }
    .de > p{ font-size:14px; }
}


#headline{ padding:150px 40px 100px; background-color:#fff; }
.hl_con{ position:relative; z-index:1; width:min(1200px, 100%); margin:0 auto; padding:50px 60px; }
.hl_con:before, .hl_con:after{ content:''; position:absolute; z-index:1; top:0; bottom:0; width:35px; border:2px solid #efe9e4; box-sizing:border-box; }
.hl_con:before{ left:0; border-right:none; }
.hl_con:after{ right:0; border-left:none; }
.hl_con > img{ display:block; position:absolute; z-index:1; width:50px; height:auto; }
.hl_con > img.qt01{ top:0; left:55px; transform:translate(0, -50%); }
.hl_con > img.qt02{ bottom:0; right:55px; transform:translate(0, 50%); }
.hl_con > h2{ width:min(1080px, 100%); margin:0 auto; font-family:'ns',serif; font-size:28px; font-weight:400; color:#000; line-height:1.5em; text-align:center; letter-spacing:-0.025em; }

@media(max-width:991px){
    #headline{ padding:150px 15px 100px; }
    .hl_con > h2{ font-size:24px; }
}
@media(max-width:768px){
    .hl_con{ padding:40px 30px; }    
    .hl_con:before, .hl_con:after{ width:30px; }
    .hl_con > h2{ font-size:20px; }
    .hl_con > img{ width:40px; }
    .hl_con > img.qt01{ left:45px; }
    .hl_con > img.qt02{ right:45px; }
}
@media(max-width:500px){
    .hl_con > h2{ font-size:16px; }
}



#sb01{ background-color:#fff; }

.sb01_img{ max-width:1200px; width:calc(100% - 80px); margin:0 auto; overflow:hidden; box-shadow:7px 7px 7px 0 rgba(0,0,0,.25); margin:0 auto 80px; }
.sb01_img > img{ display:block; width:100%; height:auto; }

.sb01_sw{ margin:0; }
#sb01Sli > .swiper-wrapper{ transition-timing-function:linear; }
.sb01Sli > img{ width:100%; height:auto; }

@media(max-width:991px){
    .sb01_img{ width:calc(100% - 30px); }
}
@media(min-width:599px){
    .sb01_sw{ margin:0 -13.8%; }
}



#sb02{ overflow:hidden; }
.sb02_pw{ width:min(1200px, 100%); display:flex; flex-flow:row wrap; gap:1.67%; }
.sb02_pt{ width:49.165%; display:flex; flex-direction:column; justify-content:space-between; }
.sb02_pt > img{ width:100%; height:auto; filter:drop-shadow(7px 7px 4px rgba(0,0,0,.25)); }

.sb02_pw2{ width:min(1200px, 100%); margin:0 auto 40px; display:flex; flex-flow:row wrap; gap:1.67%; }
.sb02_pt2{ width:32.21999999666667%; display:flex; flex-direction:column; justify-content:space-between; }

.sb02_pw3{ width:min(1200px, 100%); display:flex; flex-flow:row wrap; gap:1.67%; }
.sb02_pt3{ width:49.165%; }
.sb02_pt3 > img{ margin:0 0 20px; }

.sb02_de{ width:min(1200px, 100%); margin:0 auto; font-size:24px; font-weight:300; color:#000; line-height:1.7em; text-align:center; }

@media(max-width:850px){
    .sb02_de{ font-size:20px; }
}
@media(max-width:768px){
    .sb02_pw2{ gap:15px; }
    .sb02_pt2{ width:100%; }
    .sb02_pt2.ct{ flex-flow:row wrap; gap:15px; }
    .sb02_pt2.ct > img{ width:calc(50% - 7.5px); }

    .sb02_pw3{ gap:40px; }
    .sb02_pt3{ width:100%; }
}
@media(max-width:500px){
    .sb02_pt2.ct > img{ width:100%; }

    .sb02_de{ font-size:16px; }
}



#sb03{ overflow:hidden; }
.sb03_pw{ width:min(1200px, 100%); margin:0 auto; display:flex; flex-flow:row wrap; gap:1.67%; }
.sb03_pt{ width:32.21999999666667%; }
.sb03_pt > img{ width:100%; height:auto; margin:0 0 20px; }

.sb03_de{ width:min(1200px, 100%); margin:0 auto; font-size:24px; font-weight:300; color:#000; line-height:1.5em; letter-spacing:-0.05em; text-align:center; }

@media(max-width:850px){
    .sb03_de{ font-size:20px; }
}
@media(max-width:768px){
    .sb03_pw{ gap:40px; }
    .sb03_pt{ width:100%; }
}
@media(max-width:500px){
    .sb02_de{ font-size:16px; }
}



#sb04{ overflow:hidden; }
.sb04_pw{ width:min(1200px, 100%); margin:0 auto; display:flex; flex-flow:row wrap; gap:15px 1.67%; }
.sb04_pt{ width:49.165%; }
.sb04_pt > img{ width:100%; height:auto; }

.sb04_ix{ width:min(1200px, 100%); margin:0 auto; }
.sb04_ix > img{ width:100%; height:auto; margin:0 0 40px; }
.sb04_ix > p{ width:min(1200px, 100%); margin:0 auto; font-family:'ns',serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; letter-spacing:-0.025em; text-align:center; }
.sb04_ix > p > strong{ display:block; font-weight:600; margin:0 0 10px; }

/* .sb04_pw2{ width:min(1200px, 100%); margin:0 auto; display:flex; flex-flow:row wrap; background-color:#efe9e4; border-radius:20px; overflow:hidden; }
.sb04_pt2{ width:50%; display:flex; }
.sb04_pt2.rt{ padding:40px; align-items:center; }  */
.sb04_pw2{ width:min(1200px, 100%); margin:0 auto; }
.sb04_pt2.lf{ width:50%; float:left; margin:0 3.33333333333333% 1.67% 0; }

.sb04_pi2{ width:100%; background-image:url(./img/04-04.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; padding-top:70.83333333333333%; border:8px solid #fff; border-radius:14px; box-shadow:3px 3px 5px 0 rgba(0,0,0,.25); }
.sb04_px2{ word-break:keep-all; }
.sb04_px2 > h3{ font-size:32px; font-weight:500; color:#0c0c0c; line-height:1em; margin:0 0 20px; }
.sb04_px2 > p{ font-size:20px; font-weight:300; color:#0c0c0c; line-height:1.5em; }

@media(max-width:991px){}
@media(max-width:850px){
    .sb04_ix > p{ font-size:20px; }

    .sb04_pt2.lf{ width:100%; margin:0 0 30px; }
    .sb04_px2 > h3{ font-size:24px; }
    .sb04_px2 > p{ font-size:18px; }
}
@media(max-width:768px){
    .sb04_pt{ width:100%; }
}
@media(max-width:500px){
    .sb04_ix > p{ font-size:16px; }
    .sb04_pt2.rt{ padding:20px; } 
    .sb04_px2 > h3{ font-size:20px; margin:0 0 10px; }
    .sb04_px2 > p{ font-size:16px; }
}