@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%; }

#sb01{ padding:150px 40px; background-color:#fff; }

.sb01_img.img01{ max-width:1015px; width:100%; margin:0 auto 75px; }
.sb01_st{ max-width:867px; width:100%; margin:140px auto 160px; position:relative; z-index:1; padding:30px 40px; text-align:center; word-break:keep-all; font-family:'ns',serif; font-size:43px; font-weight:400; color:#000; min-height:176px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.sb01_st:before{ content:''; position:absolute; z-index:1; top:0; left:10px; width:48px; height:100%; border:1px solid #000; border-right:none; box-sizing:border-box; border-radius:48px 0 0 48px; }
.sb01_st:after{ content:''; position:absolute; z-index:1; top:0; right:10px; width:48px; height:100%; border:1px solid #000; border-left:none; box-sizing:border-box; border-radius:0 48px 48px 0; }
.sb01_st > img{ position:absolute; z-index:1; }
.sb01_st > img:first-child{ top:50%; left:0; transform:translate(0, -50%); }
.sb01_st > img:last-child{ top:50%; right:0; transform:translate(0, -50%); }
.sb01_st > span{ display:inline-block; position:relative; z-index:1; }
.sb01_st > span:after{ content:''; position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:35%; background-color:#EFD7C5; }
.sb01_txt{ max-width:953px; width:100%; margin:100px auto 200px; }
.sb01_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.5em; }

.sb01_pw{ display:flex; align-items:center; max-width:890px; width:100%; margin:0 auto 100px; }
.sb01_pt.lf{ position:relative; z-index:1; width:100%; padding:16px 0 0 5px; }
.sb01_img.img02{ position:absolute; z-index:2; top:0; left:0; }
.sb01_pt.rt{ max-width:182px; width:100%; }
.sb01_mp{ position:relative; z-index:1; width:calc(100% - 30px); background-color:#fff; filter:drop-shadow(5px 5px 5px rgba(0,0,0,.2)); border-radius:30px; padding:50px; }
.sb01_mp:after{ content:''; position:absolute; z-index:1; top:50%; left:100%; border-left:30px solid #fff; border-top:16px solid transparent; border-bottom:16px solid transparent; transform:translate(0, -50%); }
.sb01_mp > p{ max-width:512px; width:100%; font-family:'ns', serif; font-size:46px; font-weight:600; color:#000; line-height:1.5em; margin:0 auto; }
.sb01_mp > p > span{ display:inline-block; position:relative; z-index:1; }
.sb01_mp > p > span:after{ content:''; position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:35%; background-color:#B4CCEB; }

.sb01_img.img04{ max-width:902px; margin:0 auto 100px; }
.sb01_img.img05{ max-width:224px; width:60%; margin:0 auto 100px; }

.sb01_txt2{ position:relative; max-width:937px; width:100%; margin:0 auto 160px; z-index:1; padding:9% 0 0 30px; }
.sb01_txt2 > p{ position:relative; z-index:2; font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.4em; }
.sb01_img.img06{ max-width:138px; width:20%; position:absolute; z-index:1; top:0; left:0; }
.sb01_txt2 > img{ max-width:225px; width:30%; float:right; margin:-10px 0 0 40px; shape-outside:url(./img/01-07.png); shape-margin:30px; }

.sb01_pw2{ display:flex; flex-flow:row wrap; max-width:1088px; width:100%; margin:0 auto; }
.sb01_pt2.lf{ width:55.8%; }
.sb01_pt2.rt{ width:44.2%; padding-left:25px; }
.sb01_pt2.rt > p{ font-family:'na', serif; font-size:43px; font-weight:400; color:#000; line-height:1.4em; }
.sb01_img.img08{ max-width:602px; width:100%; }
.sb01_img.img09{ max-width:225px; width:60%; margin:0 0 50px; }

@media(max-width:991px){
    #sb01{ padding:150px 15px; }
    .sb01_mp > p{ max-width:400px; font-size:36px; }
    .sb01_txt{ margin:80px auto 150px; }
    .sb01_txt > p{ font-size:22px; }
    .sb01_txt2 > p{ font-size:22px; }
    .sb01_st{ font-size:32px; padding:20px 30px; margin:100px auto 120px; min-height:140px; }
    .sb01_st:before{ width:32px; }
    .sb01_st:after{ width:32px; }
    .sb01_pt2.rt > p{ font-size:36px; }
}
@media(max-width:768px){
    .sb01_img.img01{ margin:0 auto 40px; }
    .sb01_pw{ flex-direction:column; margin:0 auto 80px; }
    .sb01_pt.lf{ margin-bottom:30px; }
    .sb01_mp{ width:100%; margin-bottom:30px; border-radius:20px; padding:25px; }
    .sb01_mp:after{ top:100%; left:50%; transform:translate(-50%, 0); border-top:30px solid #fff; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:none; }
    .sb01_txt{ margin:60px auto 100px; }
    .sb01_txt > p{ font-size:16px; }
    .sb01_txt2{ padding:9% 0 0 0; }
    .sb01_txt2 > p{ font-size:16px; }
    .sb01_st{ font-size:24px; padding:20px 20px; margin:80px auto; min-height:initial; }
    .sb01_st:before{ width:24px; }
    .sb01_st:after{ width:24px; }
    .sb01_pt2.rt > p{ font-size:28px; }
    .sb01_img.img09{ margin:0 0 40px; }
}
@media(max-width:600px){
    .sb01_mp > p{ max-width:310px; font-size:28px; }
    .sb01_pt2.lf, .sb01_pt2.rt{ width:100%; padding:0; }
    .sb01_img.img09{ margin:0 0 30px; }
}



#sb02{ padding:150px 40px; }
.sb02_st{ max-width:867px; width:100%; margin:0 auto 100px; position:relative; z-index:1; padding:30px 40px; text-align:center; word-break:keep-all; font-family:'ns',serif; font-size:43px; font-weight:400; color:#000; min-height:176px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.sb02_st:before{ content:''; position:absolute; z-index:1; top:0; left:10px; width:48px; height:100%; border:1px solid #000; border-right:none; box-sizing:border-box; border-radius:48px 0 0 48px; }
.sb02_st:after{ content:''; position:absolute; z-index:1; top:0; right:10px; width:48px; height:100%; border:1px solid #000; border-left:none; box-sizing:border-box; border-radius:0 48px 48px 0; }
.sb02_st > img{ position:absolute; z-index:1; }
.sb02_st > img:first-child{ top:50%; left:0; transform:translate(0, -50%); }
.sb02_st > img:last-child{ top:50%; right:0; transform:translate(0, -50%); }
.sb02_st > span{ display:inline-block; position:relative; z-index:1; }
.sb02_st > span:after{ content:''; position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:35%; background-color:#EFD7C5; }

.sb02_ix{ position:relative; z-index:1; max-width:996px; width:100%; margin:0 auto; padding:min(291px, 26.96941612604263vw) 0 0;  }
.sb02_ix > p{ font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.4em; }
.sb02_ix > .img01{ position:absolute; z-index:1; max-width:979px; width:100%; top:min(125px, 13vw); right:18%; }
.sb02_ix > .img02{ position:absolute; z-index:1; max-width:184px; width:20%; top:min(107px, 10vw); left:30%; }
.sb02_ix > .img03{ position:relative; z-index:2; max-width:482px; width:49%; float:right; shape-outside: url(./img/02-03.png); shape-margin:42px; margin:-29.22% 0 0; }

.sb02_img.img01{ position:relative; z-index:1; max-width:846px; width:100%; margin:230px auto; }
.sb02_img.img01 > img:first-child{ width:100%; }
.sb02_img.img01 > img:nth-child(2){ position:absolute; z-index:1; top:8%; right:0; max-width:144px; width:15%; }
.sb02_img.img01 > img:nth-child(3){ position:absolute; z-index:1; bottom:3%; left:3%; max-width:141px; width:15%; }

.sb02_txt{ max-width:953px; width:100%; margin:0 auto 100px; }
.sb02_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.5em; }
.sb02_txt2{ max-width:953px; width:100%; margin:0 auto 190px; }
.sb02_txt2 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.5em; }
.sb02_img.img02{ max-width:1010px; width:100%; margin:0 auto 140px; }

.sb02_qt{ max-width:1020px; background-color:#F4EEE9; border:2px solid #E8DFD9; border-radius:1000px 1000px 0 0; padding:11% 40px 125px; margin:0 auto; }
.sb02_qt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.5em; text-align:center; margin:65px auto; padding:0 50px; }
.sb02_img.img03{ max-width:56px; width:100%; margin:0 auto; }
.sb02_img.img04{ max-width:905px; width:100%; margin:95px auto 0; border:4px solid #fff; box-shadow:4px 4px 9px 0 rgba(0,0,0,.2); }

@media(max-width:991px){
    #sb02{ padding:0 15px 150px; }
    .sb02_st{ font-size:32px; padding:20px 30px; margin:0 auto 80px; min-height:140px; }
    .sb02_st:before{ width:32px; }
    .sb02_st:after{ width:32px; }
    .sb02_ix > p{ font-size:22px; }
    .sb02_img.img01{ margin:150px auto; }
    .sb02_txt{ margin:0 auto 80px; }
    .sb02_txt > p{ font-size:22px; }
    .sb02_img.img02{ margin:0 auto 100px; }
    .sb02_txt2{ margin:0 auto 150px; }
    .sb02_txt2 > p{ font-size:22px; }
    .sb02_qt{ padding:11% 15px 100px; }
    .sb02_qt > p{ font-size:24px; margin:50px auto; padding:0 35px; }
    .sb02_img.img04{ margin:80px auto 0; }
}
@media(max-width:768px){
    .sb02_st{ font-size:24px; padding:20px 20px; min-height:initial; }
    .sb02_st:before{ width:24px; }
    .sb02_st:after{ width:24px; }
    .sb02_ix > p{ font-size:16px; }
    .sb02_img.img01{ margin:100px auto; }
    .sb02_txt{ margin:0 auto 60px; }
    .sb02_txt > p{ font-size:16px; }
    .sb02_img.img02{ margin:0 auto 80px; }
    .sb02_txt2{ margin:0 auto 100px; }
    .sb02_txt2 > p{ font-size:16px; }
    .sb02_qt{ padding:11% 15px 60px; }
    .sb02_qt > p{ font-size:20px; margin:40px auto; padding:0 20px; }
    .sb02_img.img04{ margin:60px auto 0; }
}


#sb03{ padding:150px 40px; }
.sb03_bar{ max-width:1200px; width:100%; margin:0 auto 90px; background-image:url(./img/03-02.png); background-position:center; background-size:contain; background-repeat:no-repeat; }
.sb03_bar img{ margin:0 auto; max-width:101px; width:30%; }

.sb03_st{ max-width:867px; width:100%; margin:0 auto 80px; position:relative; z-index:1; padding:30px 40px; text-align:center; word-break:keep-all; font-family:'ns',serif; font-size:43px; font-weight:400; color:#000; min-height:176px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.sb03_st:before{ content:''; position:absolute; z-index:1; top:0; left:10px; width:48px; height:100%; border:1px solid #000; border-right:none; box-sizing:border-box; border-radius:48px 0 0 48px; }
.sb03_st:after{ content:''; position:absolute; z-index:1; top:0; right:10px; width:48px; height:100%; border:1px solid #000; border-left:none; box-sizing:border-box; border-radius:0 48px 48px 0; }
.sb03_st > img{ position:absolute; z-index:1; }
.sb03_st > img:first-child{ top:50%; left:0; transform:translate(0, -50%); }
.sb03_st > img:last-child{ top:50%; right:0; transform:translate(0, -50%); }
.sb03_st > span{ display:inline-block; position:relative; z-index:1; }
.sb03_st > span:after{ content:''; position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:35%; background-color:#EFD7C5; }

.sb03_txt{ max-width:915px; width:100%; margin:0 auto 100px; }
.sb03_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.5em; }

.sb03_txt > h5{ font-family:'ns', serif; font-size:36px; font-weight:300; color:#000; line-height:1.5em; text-align:center; max-width:463px; width:100%; margin:0 auto; }
.sb03_txt > h5 > span{ color:#fff; }
.sb03_txt > h5 > span.sp01{ background-color:#89b5e4; }
.sb03_txt > h5 > span.sp02{ background-color:#f6b072; }

.sb03_ix{ overflow:hidden; max-width:812px; margin:0 auto; background-image:url(./img/03-13a.png); background-position:top left; background-size:contain; background-repeat:no-repeat; padding:130px 30px 30px 130px; }
.sb03_ix > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.5em; }
.sb03_ix > img{ float:right; shape-outside:url(./img/03-13b.png); shape-margin:20px; margin:21% 0 0; width:56%; }

.sb03_iw{ max-width:980px; width:100%; margin:0 auto 65px; display:flex; gap:2.36%; align-items:center; }
.sb03_img.img01{ width:86.42%; }
.sb03_img.img02{ width:11.22%; margin-top:50px; }

.sb03_iw2{ max-width:1013px; width:100%; margin:0 auto 200px; display:flex; align-items:flex-end; }
.sb03_img.img03{ width:83.90%; margin:0 0 0 -14%; padding:0 0 7%; }
.sb03_img.img04{ width:30.10%; margin-top:50px; }

.sb03_img.img05{ position:relative; z-index:1; max-width:1092px; width:100%; margin:0 auto 120px; padding:0 2% 3.5%; }
.sb03_img.img05 > img:last-child{ position:absolute; z-index:1; bottom:0; right:0; max-width:489px; width:65%; }

.sb03_bar2{ max-width:740px; width:100%; margin:110px auto; display:flex; align-items:center; gap:30px; justify-content:space-between; }
.sb03_bar2 > figure{ margin:0; }

.sb03_pw{ display:flex; flex-flow:row wrap; max-width:1053px; width:100%; margin:0 auto; }
.sb03_pt.lf{ width:64.67%; display:flex; flex-direction:column; }
.sb03_pt.rt{ width:44.91%; margin:0 0 0 -9.58%; }

.sb03_px{ display:flex; flex:1 auto; align-items:center; justify-content:center; padding:80px 15% 80px 0; }
.sb03_px > p{ max-width:486px; font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.5em; }
.sb03_img.img06{ max-width:681px; width:100%; }
.sb03_img.img07{ position:relative; z-index:2; max-width:273px; width:58%; padding-top:39.545%; margin:0 0 0 auto; }
.sb03_img.img08{ max-width:409px; width:87%; margin:-18% auto 0 0; }


@media(max-width:991px){
    #sb03{ padding:150px 15px; }
    .sb03_st{ font-size:32px; padding:20px 30px; min-height:140px; }
    .sb03_st:before{ width:32px; }
    .sb03_st:after{ width:32px; }
    .sb03_txt{ margin:0 auto 80px; }
    .sb03_txt > p{ font-size:22px; }
    .sb03_iw2{ margin:0 auto 150px; }
    .sb03_txt > h5{ font-size:32px; }
    .sb03_ix > p{ font-size:clamp(16px, 2.8vw,24px); }
    .sb03_px > p{ font-size:22px; }
}
@media(max-width:768px){
    .sb03_st{ font-size:24px; padding:20px 20px; min-height:initial; }
    .sb03_st:before{ width:24px; }
    .sb03_st:after{ width:24px; }
    .sb03_txt{ margin:0 auto 60px; }
    .sb03_txt > p{ font-size:16px; }
    .sb03_iw2{ margin:0 auto 100px; }
    .sb03_txt > h5{ font-size:28px; }
    .sb03_px > p{ font-size:16px; }
    .sb03_pt.lf, .sb03_pt.rt{ width:100%; margin:0; }
    .sb03_img.img07{ padding-top:0; }
}
@media(max-width:650px){
    .sb03_ix{ padding:15% 20px 20px 15%; }
}



#sb04{ padding:0 40px 200px; }
.sb04_bar{ max-width:460px; width:85%; margin:0 auto 100px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.sb04_bar > figure{ margin:0; }
.sb04_txt{ max-width:550px; width:100%; margin:0 auto 100px; text-align:center; }
.sb04_txt > p{ font-family:'ns',serif; font-size:48px; font-weight:600; color:#000; line-height:1.4em; }
.sb04_img.img01{ position:relative; z-index:2; max-width:971px; width:100%; margin:0 auto; padding:0 3% 5%; }
.sb04_img.img01 > img:last-child{ position:absolute; z-index:1; bottom:0; left:0; max-width:485px; width:50%; }
.sb04_img.img02{ max-width:1200px; width:100%; margin:-11% auto 0; }
.sb04_img.img03{ max-width:12px; width:100%; margin:140px auto 120px; }
.sb04_img.img04{ max-width:224px; width:60%; margin:0 auto; }

@media(max-width:991px){
    #sb04{ padding:0 15px 150px; }
    .sb04_txt > p{ font-size:40px; }
    .sb04_img.img03{ margin:120px auto 100px; }
}
@media(max-width:768px){
    .sb04_txt > p{ font-size:32px; }
    .sb04_img.img03{ margin:100px auto 80px; }
}