@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; align-items:center; }
.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 #d9c7b8; 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{ padding:0 40px 150px; background-color:#fff; }
#sb01 > .sb_con{ width:min(1200px, 100%); margin:0 auto; }

.sb01_img{ overflow:hidden; border-radius:0 min(120px, 9.4vw) 0 min(120px, 9.4vw); box-shadow:7px 7px 7px 0 rgba(0,0,0,.25); margin:0 0 80px; }
.sb01_img > img{ display:block; width:100%; height:auto; }

.sb01_tw{ width:min(800px, 100%); margin:0 auto 80px; word-break:keep-all; }
.sb01_tw > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }

.sb01_id{ width:min(800px, 100%); margin:0 auto; }
.sb01_iw{ position:relative; z-index:1; width:100%; padding-top:78.75%; margin:0 0 40px; }
.sb01_iw > img{ position:absolute; filter:drop-shadow(5px 5px 5px rgba(0,0,0,.2)); }
.sb01_iw > img.iw01{ width:53.8314875%; left:0; bottom:0; }
.sb01_iw > img.iw02{ width:55.54905%; right:0; top:0; }

@media(max-width:991px){
    #sb01{ padding:0 15px 150px; }
    .sb01_txt > p{ font-size:20px; }
    .sb01_id.id01{ font-size:20px; }
    .sb01_id.id01 > img{ width:19px; margin:2px 0 0; }
}
@media(max-width:768px){
    .sb01_tw > p{ font-size:20px; }
    .sb01_txt > p{ font-size:16px; }
    .sb01_id.id01{ font-size:16px; }
    .sb01_id.id01 > img{ margin:0; }
}
@media(max-width:500px){
    .sb01_tw > p{ font-size:16px; }
}


#sb02{ overflow:hidden; }
.sb02_pw{ width:min(1200px, 100%); display:flex; flex-flow:row wrap; gap:20px; }
.sb02_pt.lf{ width:58.33333333333333%; }
.sb02_pt.rt{ width:calc(41.66666666666667% - 20px); display:flex; align-items:flex-end; }
.sb02_pw2{ width:min(1200px, 100%); display:flex; flex-flow:row wrap; gap:20px; }
.sb02_pt2.lf{ width:calc(41.66666666666667% - 20px); display:flex; align-items:flex-end; }
.sb02_pt2.rt{ width:58.33333333333333%; }

.sb02_pi{ overflow:hidden; border-radius:6px 80px 6px 6px; box-shadow:5px 5px 5px 0 rgba(0,0,0,.25); }
.sb02_pi2{ overflow:hidden; border-radius:80px 6px 6px 6px; box-shadow:5px 5px 5px 0 rgba(0,0,0,.25); }

.sb02_iw{ width:min(1080px, 100%); margin:0 auto; }
.sb02_iw > img{ display:block; width:100%; height:auto; filter:drop-shadow(7px 7px 4px rgba(0,0,0,.25)); }
.sb02_iw2{ width:min(1200px, 100%); margin:0 auto; display:flex; flex-flow:row wrap; gap:20px; }
.sb02_iw2 > .sb02_ip{ width:calc(50% - 10px); }
.sb02_iw2 > .sb02_ip > img{ display:block; width:100%; height:auto; box-shadow:5px 5px 7px rgba(0,0,0,.25); }
.sb02_iw3{ width:100%; }
.sb02_iw3 > .sb02_iu{ width:100%; padding-top:clamp(100px, 5.208333333%, 200px); background:linear-gradient(180deg,#f0eae5 0%, #fff 100%); }
.sb02_iw3 > .sb02_ip{ padding-top:clamp(300px, 30.57291666666667%, 587px); background-image:url(./img/02-06.jpg);  background-position:85% 50%; background-size:cover; background-repeat:no-repeat; }

@media(max-width:768px){
    .sb02_pt.lf{ width:100%; }
    .sb02_pt.rt{ width:100%; }
    .sb02_pt2.lf{ width:100%; }
    .sb02_pt2.rt{ width:100%; order:-1; }
    
}
@media(max-width:500px){
    .sb02_iw2 > .sb02_ip{ width:100%; }
}



#sb03{ overflow:hidden; }
.sb03_iw{ width:min(1080px, 100%); margin:0 auto; }
.sb03_iw > img{ display:block; width:100%; height:auto; filter:drop-shadow(7px 7px 4px rgba(0,0,0,.25)); }

.sb03_ix{ width:min(1200px, 100%); margin:0 auto; padding:13.47% 15px; background-image:url(./img/03-02.png); background-position:center; background-size:contain; background-repeat:no-repeat; }
.sb03_ix > p{ width:min(800px, 100%); margin:0 auto; font-family:'ns',serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; text-align:center; }
.sb03_ix2{ width:min(800px, 100%); margin:0 auto; }
.sb03_ix2 > img{ float:left; width:max(68.25%, 300px); shape-outside:url(./img/03-03.png); shape-margin:4%; margin-top:110px; }
.sb03_ix2  > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; text-align:right; }

@media(max-width:991px){}
@media(max-width:850px){
    .sb03_ix > p{ font-size:20px; }
    .sb03_ix2 > img{ margin-top:60px; }
    .sb03_ix2 > p{ font-size:20px; }
}
@media(max-width:768px){
}
@media(max-width:500px){
    .sb03_ix > p{ font-size:16px; }
    .sb03_ix2 > img{ margin-top:50px; }
    .sb03_ix2 > p{ font-size:16px; }
}


#sb04{ overflow:hidden; }

.sb04_iw > img{ width:100%; height:auto; margin:0 0 20px; }
.sb04_iw2{ width:min(960px, 100%); margin:0 auto; }
.sb04_iw2 > img{ width:100%; height:auto; margin:0 0 40px; }
.sb04_iw2 > p{ width:min(800px, 100%); margin:0 auto; font-family:'ns',serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; text-align:center; }
.sb04_iw3{ display:flex; flex-direction:column; align-items:center; gap:80px; } 
.sb04_iw3 > img:first-child{ display:block; width:min(1200px, 100%); height:auto; } 
.sb04_iw3 > img:last-child{ display:block; width:min(526px, 70%); height:auto; } 
.sb04_iw3 > p{ width:min(810px, 100%); margin:0 auto; font-family:'ns',serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; text-align:center; }

@media(max-width:991px){}
@media(max-width:850px){
    .sb04_iw2 > p{ font-size:20px; }
    .sb04_iw3 > p{ font-size:20px; }
}
@media(max-width:768px){}
@media(max-width:500px){
    .sb04_iw2 > p{ font-size:16px; }
    .sb04_iw3 > p{ font-size:16px; }
}