@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%; }
figure{ margin:0; padding:0; }

#sb01{ padding:150px 40px 400px; background-color:#fff; }
.sb01_tt{ max-width:930px; width:100%; margin:20px auto 100px; position:relative; z-index:1; padding:30px 40px; text-align:center; }
.sb01_tt:before{ content:''; position:absolute; z-index:1; top:0; left:0; width:35px; height:100%; border:2px solid #ddcbbc; border-right:none; box-sizing:border-box; }
.sb01_tt:after{ content:''; position:absolute; z-index:1; top:0; right:0; width:35px; height:100%; border:2px solid #ddcbbc; border-left:none; box-sizing:border-box; }
.sb01_tt > h2{ max-width:600px; width:100%; margin:0 auto; font-family:'ns',serif; font-size:27px; font-weight:300; color:#000; line-height:1.45em; }
.sb01_tt > img{ position:absolute; z-index:1; }
.sb01_tt > img:first-child{ top:-20px; left:50px; }
.sb01_tt > img:last-child{ bottom:-20px; right:50px; }
.sb01_img.img01{ max-width:934px; width:100%; margin:0 auto; }

.sb01_bar{ max-width:780px; margin:100px auto; display:flex; gap:30px; justify-content:space-between; align-items:flex-end; }

.sb01_ti{ max-width:1000px; width:100%; margin:0 auto 60px; }
.sb01_img.img02{ float:right; width:46.8%; margin-left:45px; }
.sb01_ti > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; padding-top:60px; }

.sb01_img.img03{ max-width:1063px; width:100%; margin:0 auto; }
.sb01_img.img04{ max-width:570px; width:75%; margin:100px -40px 100px auto; }

.sb01_txt{ max-width:860px; width:100%; margin:0 auto 60px; }
.sb01_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; padding-top:60px; }

.sb01_iw{ max-width:1054px; width:100%; margin:0 auto; }
.sb01_img.img05{ position:relative; z-index:1; width:100%; padding-top:133.2068311195446%; }
.sb01_img.img05 img{ position:absolute; z-index:2; }
.sb01_img.img05 .img01{ top:0; left:0; width:60.53%; }
.sb01_img.img05 .img02{ top:22.79%; right:5.882352941176471%; width:52.18%; }
.sb01_img.img05 .img03{ bottom:0; left:0; width:46.96%; }
.sb01_img.img05 .img04{ z-index:1; top:50%; right:0; width:83.3%; transform:translate(0,-50%); }

@media(max-width:991px){
    #sb01{ padding:150px 15px 200px; }
    .sb01_tt{ margin:20px auto 60px; padding:30px 30px; }
    .sb01_tt > img{ width:45px; height:auto;; }
    .sb01_tt > h2{ font-size:24px; }
    .sb01_txt > p{ font-size:20px; }
    .sb01_ti > p{ font-size:20px; }
    .sb01_img.img04{ margin:60px -15px 60px auto; }
}
@media(max-width:768px){
    .sb01_tt{ margin:20px auto 60px; padding:30px 30px; }
    .sb01_tt > img{ width:40px; }
    .sb01_tt > h2{ font-size:20px; }
    .sb01_txt > p{ font-size:16px; }
    .sb01_img.img02{ float:none; width:100%; margin-left:0; }
    .sb01_ti > p{ font-size:16px; }
    .sb01_ti > p > .pc_br{ display:none; }
}


#sb02{ padding:270px 40px; background-color:#F4EEE9; }
#sb02:before{ content:''; position:absolute; z-index:1; top:0; left:0; background-color:#fff; width:100%; height:98px; }
#sb02:after{ content:''; position:absolute; z-index:1; bottom:0; left:0; background-color:#fff; width:100%; height:98px; }
.sb02_img.img01{ position:absolute; z-index:2; top:0; left:50%; max-width:350px; width:100%; margin:0 auto; background-color:#F4EEE9; border-radius:100%; padding:64px 88px; transform:translate(-50%, 0); }
.sb02_img.img02{ max-width:873px; width:100%; margin:0 auto; }
.sb02_de{ max-width:935px; margin:0 auto 60px; }
.sb02_de > h3{ border-left:11px solid #DBB59C; padding-left:25px; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; margin-bottom:80px; }
.sb02_de > p{ position:relative; z-index:1; max-width:793px; margin:0 0 0 auto; padding:40px 0 0 26px; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; margin-bottom:80px; }
.sb02_de > p img{ position:absolute; z-index:-1; top:0; left:0; }

.sb02_pw{ position:relative; z-index:1; max-width:910px; margin:0 auto; display:flex; flex-flow:row wrap; padding:0 8% 9%; }
.sb02_pw > .sb02_img{ position:absolute; z-index:1; }
.sb02_pw > .sb02_img.img05{ bottom:0; left:0; width:min(156px, 40%); }
.sb02_pw > .sb02_img.img06{ top:0; right:0; width:min(90px, 25%); }
.sb02_pt{ width:50%; }

.sb02_hr{ margin:32px auto 78px; width:1px; height:113px; background-color:#000; border:none; }

.sb02_iw{ position:relative; z-index:1; max-width:1057px; width:100%; margin:0 auto 80px; }
.sb02_img.img07{ position:absolute; z-index:0; top:30%; right:50%; max-width:388px; width:50%; }
.sb02_img.img08{ position:relative; z-index:2; max-width:386px; width:100%; margin:0 auto; }
.sb02_img.img09{ position:absolute; z-index:0; bottom:0; right:0; max-width:562px; width:50%; }

.sb02_img.img10{ max-width:618px; width:100%; margin:0 auto; }
.sb02_img.img11{ position:absolute; z-index:2; bottom:0; left:50%; max-width:350px; width:100%; margin:0 auto; background-color:#F4EEE9; border-radius:100%; padding:64px 88px; transform:translate(-50%, 0); }

@media(max-width:991px){
    #sb02{ padding:200px 15px; }
    #sb02:before{ height:70px; }
    #sb02:after{ height:70px; }
    .sb02_img.img01{ max-width:250px; padding:50px 65px; }
    .sb02_img.img11{ max-width:250px; padding:50px 65px; }
}
@media(max-width:768px){
    #sb02:before{ height:60px; }
    #sb02:after{ height:60px; }
    .sb02_pt{ width:100%; }
    .sb02_img.img01{ max-width:200px; padding:40px 50px; }
    .sb02_img.img11{ max-width:200px; padding:40px 50px; }
    .sb02_de > h3{ border-left:7px solid #DBB59C; padding-left:15px; font-size:20px; margin-bottom:20px; }
    .sb02_de > p{ padding:30px 0 0 20px; font-size:20px; margin-bottom:60px; }
    .sb02_de > p img{ max-width:50px; }
}


#sb03{ padding:0; }
.sb03_tp{ padding:140px 40px; }
.sb03_iw1{ max-width:1022px; width:100%; margin:0 auto; }
.sb03_img.img01{ position:relative; z-index:1; width:100%; padding-top:68.1%; }
.sb03_img.img01 > img:first-child{ position:absolute; z-index:1; top:0; left:0; width:63.89%; }
.sb03_img.img01 > img:last-child{ position:absolute; z-index:2; bottom:0; right:0; width:63.89%; }
.sb03_cir{ position:relative; z-index:1; max-width:640px; width:100%; margin:200px auto; }
.sb03_in{ width:100%; padding-top:100%; background-image:url(./img/03-02.jpg); background-position:center; background-size:contain; background-repeat:no-repeat; }
.sb03_in > p{ position:absolute; z-index:1; top:50%; left:50%; width:calc(100% - 60px); transform:translate(-50%, -50%); font-family:'ns',serif; font-size:28px; font-weight:300; color:#000; line-height:1.5em; text-align:center; }

.sb03_mb{ padding:140px 40px; background-color:#f4eee9; }
.sb03_img.img07{ background-image:url(./img/03-07.png); padding-top:max(5.790297339593114%, 70px); background-position:center; background-size:contain; background-repeat:repeat-x; margin:0 0 -3px; }
.sb03_img.img08{ background-image:url(./img/03-08.png); padding-top:max(5.790297339593114%, 70px); background-position:center; background-size:contain; background-repeat:repeat-x; margin:-3px 0 0; }

.sb03_pw1{ max-width:1058px; width:100%; margin:0 auto; overflow:hidden; }
.sb03_pw1 > img{ float:right; max-width:603px; width:50%; shape-outside:url(./img/03-04.png); shape-margin:40px; margin:7% 0 0; }
.sb03_img.img03{ margin-bottom:30px; }
.sb03_pt1 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; padding:0 0 0 40px; }
.sb03_pt1 > p > strong{ float:left; font-family:'ns',serif; font-size:68px; font-weight:400; color:#C44323; line-height:1em; margin-right:10px; }

.sb03_pw2{ max-width:1058px; width:100%; margin:0 auto; overflow:hidden; }
.sb03_pw2 > img{ float:left; max-width:603px; width:50%; shape-outside:url(./img/03-05.png); shape-margin:40px; }
.sb03_pt2.rt{ padding:10% 0 0; }
.sb03_pt2 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; padding:0 0 0 40px; }
.sb03_pt2 > p > strong{ float:left; font-family:'ns',serif; font-size:68px; font-weight:400; color:#C29634; line-height:1em; margin-right:10px; }

.sb03_bt{ padding:200px 40px 140px; }
.sb03_img.img09{ max-width:1014px; width:100%; margin:0 auto 65px; }
.sb03_txt{ max-width:906px; width:100%; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sb03_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }

.sb03_hr{ margin:120px auto 0; width:1px; height:113px; background-color:#000; border:none; }


@media(max-width:991px){
    .sb03_tp{ padding:140px 15px; }
    .sb03_mb{ padding:140px 15px; }
    .sb03_bt{ padding:150px 15px 100px; }
}
@media(max-width:768px){
    .sb03_img.img07{ background-size:cover; }
    .sb03_img.img08{ background-size:cover; }
    .sb03_cir{ margin:100px 0 0; }
    .sb03_in > p{ font-size:20px; }
    
    .sb03_pw1{ margin:0 auto 80px; }
    .sb03_pt1 > p{ font-size:20px; padding:0; }
    .sb03_pt1 > p > strong{ font-size:50px; }

    .sb03_pw2{ margin:0 auto; }
    .sb03_pt2 > p{ font-size:20px; padding:0; }
    .sb03_pt2 > p > strong{ font-size:50px; }

    .sb03_hr{ margin:80px auto 0; }
    .sb03_txt > p{ font-size:20px; }
}
@media(max-width:600px){
    .sb03_pw1 > img{ float:none; width:100%; margin:0; }
    .sb03_pt1 > p{ font-size:16px; padding:0; }
    .sb03_pt1 > p > strong{ font-size:45px; }
    .sb03_img.img03{ max-width:150px; }
    .sb03_img.img06{ max-width:150px; }
    .sb03_pw2 > img{ float:none; width:100%; margin:0; }
    .sb03_pt2.rt{ padding:0; }
    .sb03_pt2 > p{ font-size:16px; padding:0; }
    .sb03_pt2 > p > strong{ font-size:45px; }
    
    .sb03_img.img10{ display:none; }
    .sb03_txt > p{ font-size:16px; }
}



#sb04{ padding:0 40px 200px; }
.sb04_st{ max-width:867px; width:100%; margin:0 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; }
.sb04_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; }
.sb04_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; }
.sb04_st > img{ position:absolute; z-index:1; }
.sb04_st > img:first-child{ top:50%; left:0; transform:translate(0, -50%); }
.sb04_st > img:last-child{ top:50%; right:0; transform:translate(0, -50%); }
.sb04_st > span{ display:inline-block; position:relative; z-index:1; }
.sb04_st > span:after{ content:''; position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:35%; background-color:#EFD7C5; }

.sb04_img.img01{ max-width:942px; width:100%; margin:0 auto 100px; }
.sb04_txt{ max-width:883px; width:100%; margin:0 auto; }
.sb04_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }

.sb04_iw{ position:relative; z-index:1; max-width:1200px; width:100%; margin:300px auto 50px; }
.sb04_iw > .sb04_img.img02{ position:absolute; bottom:18%; left:0; max-width:585px; width:49%; margin:0 auto; }
.sb04_iw > .sb04_img.img03{ position:absolute; top:8%; right:0; max-width:570px; width:49%; margin:0 auto; }
.sb04_iw > .sb04_img.img04{ max-width:502px; width:100%; margin:0 auto; }

.sb04_de{ max-width:870px; width:100%; margin:0 auto 170px; text-align:center; }
.sb04_de > p{ font-family:'ns', serif; font-size:28px; font-weight:400; color:#000; line-height:1.5em; }

.sb04_ix{ max-width:904px; width:100%; margin:0 auto 200px; overflow:hidden; }
.sb04_ix > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; padding:7% 0 0; }
.sb04_ix > img{ float:right; max-width:376px; width:50%; shape-outside:url(./img/04-06.png); shape-margin:30px; }

.sb04_bx{ max-width:1200px; margin:0 auto 140px; padding:13.3% 40px 13.3%; background-image:url(./img/04-07.png); background-position:center; background-size:cover; background-repeat:no-repeat; }
.sb04_bx > p{ max-width:720px; margin:0 auto; font-family:'ns', serif; font-size:27px; font-weight:400; color:#000; line-height:1.5em; text-align:center; }

.sb04_img.img06{ max-width:872px; margin:0 auto 80px; }
.sb04_img.img07{ max-width:300px; margin:150px auto 0;  }

@media(max-width:991px){
    #sb04{ padding:0 15px 150px; }
    .sb04_st{ font-size:32px; padding:20px 30px; margin:0 auto 100px; }
    .sb04_st:before{ width:32px; }
    .sb04_st:after{ width:32px; }
    .sb04_img.img01{ margin:0 auto 60px; }
    .sb04_txt > p{ font-size:20px; }
    .sb04_iw{ margin:150px auto 50px; }
    .sb04_de > p{ font-size:24px; }
    .sb04_ix{ margin:0 auto 150px; }
    .sb04_ix > p{ font-size:20px; }
    .sb04_ix > p > .pc_br{ display:none; }
    .sb04_bx > p{ font-size:24px; }
}
@media(max-width:768px){
    .sb04_st{ font-size:24px; padding:20px 20px; margin:0 auto 80px; }
    .sb04_st:before{ width:24px; }
    .sb04_st:after{ width:24px; }
    .sb04_txt > p{ font-size:16px; }
    .sb04_iw{ margin:100px auto 50px; }
    .sb04_de{ margin:0 auto 100px; }
    .sb04_de > p{ font-size:20px; }
    .sb04_ix > p{ font-size:16px; }
    .sb04_bx > p{ font-size:20px; }
    .sb04_img.img07{ margin:100px auto 0; }
}