@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
.content_container{ padding:0 !important; }
@font-face { font-family:'gs'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Grandpa_sharing.woff') format('woff'); font-weight:normal; font-style:normal; }
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 300px; 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:710px; 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_hr{ width:2px; height:180px; background-color:#000; margin:80px auto; }
.sb01_txt{ max-width:580px; width:100%; margin:0 auto; text-align:center; }
.sb01_txt > p{ font-family:'ns', serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; }
.sb01_txt > img{ display:block; max-width:27px; width:100%; height:auto; margin:20px auto; }

@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_hr{ height:120px; margin: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_hr{ height:80px; margin:40px auto; }
}


#sb02{ padding:0 40px 300px; }

.sb02_st{ max-width:867px; width:100%; margin:0 auto 120px; 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; }
.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{ max-width:900px; width:100%; margin:0 auto 40px; overflow:hidden; }
.sb02_ix > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }
.sb02_ix > p > strong{ font-family:'ns',serif; font-size:34px; font-weight:400; color:#ac5968; }
.sb02_ix > img{ float:right; display:block; width:min(316px, 45%); shape-outside:url(./img/02-01.png); shape-margin:30px; margin:7% 0 0; }

.sb02_img.img01{ max-width:1018px; width:100%; margin:180px auto 0; }

@media(max-width:991px){
    #sb02{ padding:0 15px 150px; }
    .sb02_st{ font-size:32px; padding:20px 30px; margin:0 auto 100px; }
    .sb02_st:before{ width:32px; }
    .sb02_st:after{ width:32px; }
    .sb02_ix > p{ font-size:20px; }
    .sb02_ix > p > strong{ font-size:30px; }
    .sb02_img.img01{ margin:140px auto 0; }
}
@media(max-width:768px){
    .sb02_st{ font-size:24px; padding:20px 20px; margin:0 auto 80px; }
    .sb02_st:before{ width:24px; }
    .sb02_st:after{ width:24px; }
    .sb02_ix > img{ shape-margin:18px; }
    .sb02_ix > p{ font-size:16px; }
    .sb02_ix > p > strong{ font-size:28px; }
    .sb02_img.img01{ margin:100px auto 0; }
}




#sb03{ padding:0 40px 300px; }

.sb03_st{ max-width:867px; width:100%; margin:0 auto 120px; 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; }
.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:840px; width:100%; margin:0 auto; word-break:keep-all; }
.sb03_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }

.sb03_img.img01{ max-width:1018px; width:100%; margin:100px auto 0; }

@media(max-width:991px){
    #sb03{ padding:0 15px 200px; }
    .sb03_st{ font-size:32px; padding:20px 30px; margin:0 auto 100px; }
    .sb03_st:before{ width:32px; }
    .sb03_st:after{ width:32px; }
    .sb03_txt > p{ font-size:20px; }
    .sb03_img.img01{ margin:80px auto 0; }
}
@media(max-width:768px){
    #sb03{ padding:0 15px 150px; }
    .sb03_st{ font-size:24px; padding:20px 20px; margin:0 auto 80px; }
    .sb03_st:before{ width:24px; }
    .sb03_st:after{ width:24px; }
    .sb03_txt > p{ font-size:16px; }
    .sb03_img.img01{ margin:60px auto 0; }
}



#sb04{ padding:0 40px 200px; }

.sb04_st{ max-width:867px; width:100%; margin:0 auto 120px; 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_ix{ max-width:1015px; width:100%; margin:0 auto; overflow:hidden; }
.sb04_ix > img{ width:min(567px, 55.86206896551724%); float:left; shape-outside:url(./img/04-01.png); shape-margin:40px; }
.sb04_ix > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; padding:13% 0 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_ix > p{ font-size:20px; }
}
@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_ix > img{ shape-margin:20px; }
    .sb04_ix > p{ font-size:16px; }
}




#sb05{ padding:0; }
#sb05 > .sb_con{ background:linear-gradient(180deg, #fcf3ed 0%, #ffffff 40%); padding:80px 40px 200px; }
.sb05_tp{ padding-top:min(14.16666666666667vw, 170px); background-image:url(./img/05-01.png); background-position:center; background-size:contain; background-repeat:repeat-x; }
.sb05_qt{ word-break:keep-all; max-width:510px; width:100%; margin:0 auto 150px; text-align:center; }
.sb05_qt > img{ display:block; max-width:50px; width:auto; height:auto; margin:0 auto 40px; }
.sb05_qt > p{ font-family:'gs'; font-size:40px; font-weight:400; color:#000; line-height:1.2em; }

.sb05_img.img01{ max-width:846px; width:100%; margin:0 auto 20px; }
.sb05_id{ display:flex; align-items:flex-start; gap:10px; max-width:860px; width:100%; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.3em; }
.sb05_id.id01{ justify-content:center; margin:0 auto 60px; }
.sb05_id > img{ display:block; width:21px; height:auto; margin:4px 0 0; }
.sb05_txt{ max-width:908px; width:100%; margin:150px auto 100px; word-break:keep-all; }
.sb05_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }

.sb05_pw{ display:flex; flex-flow:row wrap; max-width:930px; width:100%; margin:0 auto 100px; }
.sb05_pt.pi{ width:52.68817204301075%; }
.sb05_pw:nth-child(even) .sb05_pt.pi{ order:1; }
.sb05_pt.pd{ width:47.31182795698925%; display:flex; align-items:flex-end; }
.sb05_pw:nth-child(odd) .sb05_pt.pd{ padding-left:40px; }
.sb05_pw:nth-child(even) .sb05_pt.pd{ padding-right:40px; }

.sb05_id.id03{ flex-direction:row-reverse; text-align:right; }
.sb05_id.id03 > img{ transform:rotate(180deg); }

.sb05_img.img02{ max-width:491px; width:100%; margin:0 auto 20px; }
.sb05_img.img03{ max-width:491px; width:100%; margin:0 auto 20px; }
.sb05_id.id05{ justify-content:center; margin:0 auto 120px; }
.sb05_id.id06{ justify-content:center; margin:0 auto 120px; }

.sb05_txt2{ max-width:980px; width:100%; margin:150px auto 0; word-break:keep-all; }
.sb05_txt2 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }


@media(max-width:991px){
    #sb05 > .sb_con{ padding:80px 15px 150px; }
    .sb05_qt{ margin:0 auto 80px; }
    .sb05_qt > p{ font-size:30px; }
    .sb05_id{ font-size:20px; }
    .sb05_id > img{ width:18px; margin:3px 0 0; }
    .sb05_txt{ margin:120px auto 80px; }
    .sb05_txt > p{ font-size:20px; }
    .sb05_pw:nth-child(odd) .sb05_pt.pd{ padding-left:20px; }
    .sb05_pw:nth-child(even) .sb05_pt.pd{ padding-right:20px; }
    .sb05_txt2{ margin:120px auto 0; }
    .sb05_txt2 > p{ font-size:20px; }
}
@media(max-width:768px){
    .sb05_qt > p{ font-size:24px; }
    .sb05_id{ font-size:16px; }
    .sb05_txt{ margin:100px auto 60px; }
    .sb05_txt > p{ font-size:16px; }
    .sb05_txt2{ margin:80px auto 0; }
    .sb05_txt2 > p{ font-size:16px; }
}



#sb06{ padding:0; }
#sb06 > .sb_con{ background-color:#fcf3ed; padding:60px 40px 100px; }
.sb06_bt{ padding-top:min(14.16666666666667vw, 170px); background-image:url(./img/06-00.png); background-position:center; background-size:contain; background-repeat:repeat-x; }

.sb06_tt{ text-align:center; word-break:keep-all; margin:0 auto 80px; }
.sb06_tt > img{ display:block; max-width:72px; margin:0 auto 30px; }
.sb06_tt > h3{ font-family:'ns', serif; font-size:43px; font-weight:400; color:#000; line-height:1.3em; }

.sb06_pw{ max-width:960px; width:100%; margin:0 auto 50px; display:flex; flex-flow:row wrap; gap:16px; }
.sb06_pt{ width:calc(50% - 8px); }
.sb06_pt img{ width:100%; height:auto; display:block; }

.sb06_rc{ background-color:#fff; border-radius:40px; box-shadow:3px 3px 8px 0 rgba(0,0,0,.3); padding:60px 30px; max-width:961px; width:100%; margin:0 auto 200px; display:flex; align-items:center; justify-content:center; word-break:keep-all; }
.sb06_rb{ text-align:center; }
.sb06_rb > h3{ display:inline-block; position:relative; z-index:1; font-family:'ns', serif; font-size:32px; font-weight:400; color:#000; line-height:1em; text-align:center; padding:0 5px 8px; margin:0 0 10px; }
.sb06_rb > h3:after{ content:''; position:absolute; z-index:-1; bottom:0; top:50%; left:0; width:100%; background-color:#f4e0d3; }
.sb06_rb > h4{ font-family:'ns', serif; font-size:21px; font-weight:400; color:#ddb49e; line-height:1em; text-align:center; margin:0 auto 40px; }
.sb06_rb > ul{ max-width:710px; text-align:left; }
.sb06_rb > ul > li{ display:flex; align-items:flex-start; gap:10px; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.5em; }
.sb06_rb > ul > li:not(:last-child){ margin-bottom:15px; }
.sb06_rb > ul > li > span{ background-color:#ddb49e; border-radius:100%; color:#fff; font-size:20px; font-weight:500; line-height:1em; padding:5px 9px; margin:3px 0 0; }

.sb06_txt{ max-width:981px; width:100%; margin:150px auto 0; word-break:keep-all; }
.sb06_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }

.sb06_md > h3{ position:relative; z-index:1; max-width:937px; width:calc(100% - 60px); margin:100px auto; background-image:url(./img/06-09.png); background-position:center; background-size:cover; background-repeat:no-repeat; padding:46px; font-family:'ns',serif; font-size:24px; font-weight:300; color:#000; line-height:1.45em; text-align:center; }
.sb06_md > h3 > img:first-child{ position:absolute; top:-35px; right:-30px; }
.sb06_md > h3 > img:last-child{ position:absolute; bottom:-35px; left:-30px; }

.sb06_img.img01{ max-width:942px; width:100%; margin:0 auto; }

@media(max-width:991px){
    #sb06 > .sb_con{ padding:60px 15px 100px; }
    
    .sb06_tt{ margin:0 auto 60px; }
    .sb06_tt > h3{ font-size:36px; }

    .sb06_rc{ border-radius:30px; padding:40px 20px; margin:0 auto 150px; }

    .sb06_rb > ul > li{ font-size:20px; }
    .sb06_rb > ul > li:not(:last-child){ margin-bottom:10px; }
    .sb06_rb > ul > li > span{ font-size:16px; padding:5px 9px; margin:2px 0 0; }

    .sb06_txt{ margin:120px auto 0; }
    .sb06_txt > p{ font-size:20px; }

    .sb06_md > h3{ margin:80px auto; padding:40px; font-size:20px; }
}
@media(max-width:768px){
    .sb06_tt{ margin:0 auto 40px; }
    .sb06_tt > h3{ font-size:30px; }
    .sb06_rc{ border-radius:20px; padding:30px 15px; margin:0 auto 100px; }
    .sb06_rb > ul > li{ font-size:16px; }
    .sb06_rb > ul > li > span{ font-size:14px; padding:5px 9px; margin:0; }

    .sb06_txt{ margin:80px auto 0; }
    .sb06_txt > p{ font-size:16px; }

    .sb06_md > h3{ margin:60px auto; padding:32px; font-size:16px; }
}



#sb07{ padding:200px 40px; }
.sb07_img.img01{ max-width:670px; width:100%; margin:0 auto 100px; }
.sb07_de{ max-width:945px; margin:0 auto 100px; }
.sb07_de > h3{ position:relative; z-index:1; padding:30px 0 0 35px; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; margin-bottom:80px; }
.sb07_de > h3 img{ position:absolute; z-index:-1; top:0; left:0; }
.sb07_de > p{ max-width:793px; margin:0 0 0 auto; border-left:11px solid #f4e0d3; padding:0 0 0 26px; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }

.sb07_iw{ max-width:910px; width:100%; margin:0 auto 100px; display:flex; align-items:center; justify-content:space-between; gap:40px; }

.sb07_img.img04{ max-width:600px; width:100%; margin:0 auto; }
.sb07_img.img04 img{ display:block; width:100%; height:auto; }
.sb07_hr{ width:2px; height:180px; background-color:#000; margin:80px auto; }
.sb07_txt{ max-width:920px; width:100%; margin:0 auto; text-align:center; }
.sb07_txt > p{ font-family:'ns', serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; }

@media(max-width:991px){
    #sb07{ padding:150px 15px; }
    
    .sb07_de > h3{ font-size:20px; margin-bottom:60px; }
    .sb07_de > p{ border-left:8px solid #f4e0d3; padding:0 0 0 20px; font-size:20px; }
    
    .sb07_iw{ margin:0 auto 80px; gap:30px; }

    .sb07_hr{ height:150px; margin:60px auto; }
    .sb07_txt > p{ font-size:24px; }
}
@media(max-width:768px){
    .sb07_de > h3{ padding:20px 0 0 25px; font-size:16px; margin-bottom:40px; }
    .sb07_de > h3 img{ width:45px; }
    .sb07_de > p{ border-left:6px solid #f4e0d3; padding:0 0 0 16px; font-size:16px; }
    
    .sb07_iw{ margin:0 auto 60px; gap:20px; }

    .sb07_hr{ height:100px; margin:40px auto; }
    .sb07_txt > p{ font-size:20px; }
}



#sb08{ padding:0 40px 200px; }

.sb08_txt{ max-width:990px; width:100%; margin:0 auto; word-break:keep-all; }
.sb08_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }
.sb08_bar{ max-width:1012px; width:100%; height:47px; background-image:url(./img/08-01.png); background-position:0 0; background-size:contain; background-repeat:repeat-x; margin:80px auto 120px; }
.sb08_pw{ display:flex; flex-flow:row wrap; max-width:1073px; width:100%; margin:0 auto 200px; }
.sb08_pt.lf{ /* width:35.41%; */ width:100%; display:flex; align-items:center; }
.sb08_img.img01{ max-width:381px; width:100%; margin:0 auto; opacity:0.2; }
.sb08_pt.rt{ /* width:64.59%; padding-left:40px; */ width:100%; margin-left:-100%; word-break:keep-all; display:flex; align-items:center;  }
.sb08_pt.rt > p{ width:100%; font-family:'ns', serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; text-align:center; }
.sb08_pt.rt > p > span{ font-size:34px; color:#905a1f; }

.sb08_img.img02{ max-width:952px; width:100%; margin:80px auto; }
.sb08_img.img03{ max-width:732px; width:100%; margin:0 auto 80px; }

.sb08_pw2{ display:flex; flex-flow:row wrap; gap:20px; max-width:1020px; width:100%; margin:0 auto; }
.sb08_pt2{ width:calc(50% - 10px); }

.sb08_img.img04{ max-width:508px; width:100%; margin:0 auto; }
.sb08_pt2.rt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }
.sb08_img.img05{ max-width:222px; width:100%; margin:40px 0 0 auto; }


/* added */
.sb08_pw3{ display:flex; flex-flow:row wrap; width:min(969px, 100%); margin:0 auto 100px; }
.sb08_img.img06{ width:min(762px, 100%); margin:0 auto -1.5% 0; }
.sb08_px3{ width:52.43%; padding:40px 40px 0; display:flex; align-items:center; }
.sb08_px3 > p{ width:min(375px, 100%); margin:0 auto; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; text-align:center; }
.sb08_img.img07{ width:min(461px, 47.57%); margin:0 auto; }

.sb08_img.img08{ width:min(890px, 100%); margin:0 auto; }
.sb08_img.img09{ width:min(479px, 50%); margin:100px auto; }



@media(max-width:991px){
    #sb08{ padding:0 15px 150px; }

    .sb08_txt > p{ font-size:20px; }
    
    .sb08_pw{ margin:0 auto 150px; }
    .sb08_pt.rt > p{ font-size:24px; }
    .sb08_pt.rt > p > span{ font-size:30px; }
    
    .sb08_pt2.rt > p{ font-size:20px; }

    .sb08_px3 > p{ font-size:20px; }
    .sb08_img.img09{ margin:80px auto; }
}
@media(max-width:768px){
    .sb08_txt > p{ font-size:16px; }
    
    .sb08_pw{ margin:0 auto 100px; }
    .sb08_pt.rt > p{ font-size:20px; }
    .sb08_pt.rt > p > span{ font-size:28px; }
    
    .sb08_pt2{ width:100%; }
    .sb08_pt2.rt > p{ font-size:16px; }
    
    .sb08_px3{ width:100%; padding:80px 0; }
    .sb08_px3 > p{ font-size:16px; }
    .sb08_img.img07{ width:min(461px, 80%); }
    .sb08_img.img09{ margin:60px auto; }
}
@media(max-width:500px){
    .sb08_pt.rt > p > .pcbr{ display:none; }
}