@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face {
    font-family: 'Grandpa_sharing';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Grandpa_sharing.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


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

#sb01{ padding:150px 40px 200px; background-color:#fff; }
.sb01_tt{ max-width:930px; width:100%; margin:20px auto 130px; position:relative; z-index:1; padding:50px 40px; text-align:center; }
.sb01_tt:before{ content:''; position:absolute; z-index:1; top:0; left:0; width:35px; height:100%; border:2px solid #DBDBDB; 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 #DBDBDB; border-left:none; box-sizing:border-box; }
.sb01_tt > h2{ max-width:840px; 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_pw{ display:flex; flex-flow:row wrap; max-width:1028px; width:100%; margin:0 auto 90px; gap:4.86%; }
.sb01_pt.lf{ width:44.94%; }
.sb01_img.img01{ max-width:462px; width:100%; margin:0 0 20px; }
.sb01_img.img02{ margin:0 0 40px; }
.sb01_de{ display:flex; align-items:center; gap:15px; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:400; color:#000; line-height:1em; }
.centered{ justify-content:center; }
.sb01_pt.rt{ width:50.2%; display:flex; flex-direction:column; justify-content:space-between; padding-bottom:30px; }
.sb01_pt.rt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }

.sb01_iw1{ display:flex; flex-flow:row wrap; max-width:1028px; width:100%; margin:0 auto 90px; gap:30px; align-items:flex-end; }
.sb01_iw2{ display:flex; flex-flow:row wrap; max-width:1028px; width:100%; margin:0 auto 90px; gap:30px; align-items:flex-end; justify-content:flex-end; }

.sb01_txt{ max-width:955px; width:100%; margin:0 auto; }
.sb01_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }
.sb01_txt2{ max-width:675px; width:100%; margin:0 auto; text-align:center; }
.sb01_txt2 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }

.sb01_img.img05{ max-width:958px; width:100%; margin:110px auto 40px; }
.sb01_de.de04{ justify-content:center; max-width:226px; margin:0 auto 110px; }

.sb01_bx{ position:relative; z-index:1; max-width:1104px; width:100%; padding:198px 30px 198px 90px; margin:200px auto 0; background-image:url(./img/01-06.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; }
.sb01_bx > p{ width:100%; max-width:834px; margin:0 auto; font-family:'ns',serif; font-size:22px; font-weight:300; color:#000; line-height:1.7em; }

@media(max-width:991px){
    #sb01{ padding:150px 15px; }
    .sb01_tt{ margin:20px auto 60px; padding:30px 30px; }
    .sb01_tt > img{ width:45px; height:auto;; }
    .sb01_tt > h2{ font-size:24px; }
    .sb01_pt.rt > p{ font-size:20px; }
    .sb01_de{ font-size:20px; }
    .sb01_txt > p{ font-size:20px; }
    .sb01_txt2 > p{ font-size:20px; }
    .sb01_bx{ margin:150px auto 0; padding:100px 30px 150px 30px; }
    .sb01_bx > p{ font-size:18px; }
}
@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_pw{ gap:40px; }
    .sb01_pt.lf{ width:100%; }
    .sb01_pt.rt{ width:100%; }
    .sb01_pt.rt > p{ font-size:16px; }
    .sb01_pt.rt > p > br.pc_br{ display:none; }
    .sb01_de{ font-size:16px; }
    .sb01_txt > p{ font-size:16px; }
    .sb01_txt2 > p{ font-size:16px; }
    .sb01_bx{ margin:100px auto 0; padding:80px 15px 100px 15px; }
    .sb01_bx > p{ font-size:16px; }
}


#sb02{ padding:0 40px 200px; background-color:#fff; }
#sb02 > .sb_con{ max-width:960px; }
.sb02_img img{ width:100%; }

.sb02_tt{ text-align:center; margin:0 auto 120px; }
.sb02_tt > h2{ font-family:'ns', serif; font-size:38px; font-weight:300; color:#000; line-height:1.3em; margin-bottom:10px; }
.sb02_tt > h4{ font-family:'ns', serif; font-size:28px; font-weight:300; color:#000; line-height:1em; }

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

.sb02_img.img01{ margin:0 auto 50px; }

.sb02_pw{ display:flex; flex-flow:row wrap; }
.sb02_pt.lf{ width:45%; padding-right:20px; display:flex; flex-direction:column; justify-content:space-between; }
.sb02_pt.rt{ width:55%; }

.sb02_de{ display:flex; align-items:center; gap:15px; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:400; color:#000; line-height:1em; }
.sb02_de.de01{ margin:0 0 40px; }
.sb02_lfbt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.4em; margin-bottom:70px; }

.sb02_img.img02{ width:100%; }
.sb02_img.img03{ max-width:364px; width:100%; }

.sb02_qt{ margin:110px auto; text-align:center; }
.sb02_qt > img{ margin:0 auto; }
.sb02_qt > p{ max-width:720px; width:100%; margin:75px auto; font-family:'ns', serif; font-size:24px; font-weight:300; color:#000; line-height:1.5em; }

.sb02_img.img04{ width:100%; margin:20px 0; }
.sb02_de.de02{ margin:0 0 120px; }

.sb02_pw2{ display:flex; flex-flow:row wrap; gap:25px; align-items:flex-end; }
.sb02_pt2{ width:calc(50% - 12.5px); }
.sb02_de.de03{ margin:0 0 20px; }

.sb02_txt2{ max-width:955px; width:100%; margin:120px auto; }
.sb02_txt2 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }

.sb02_img.img07{ margin:0 0 25px }
.sb02_pw3{ display:flex; flex-flow:row wrap; gap:25px; margin:0 0 70px; }
.sb02_pt3{ width:calc(50% - 12.5px);  }
.sb02_img.img08{ margin:0 0 20px }
.sb02_img.img09{ margin:0 0 20px }

@media(max-width:991px){
    #sb02{ padding:0 15px 150px; }
    .sb02_tt > h2{ font-size:32px; }
    .sb02_tt > h4{ font-size:24px; }
    .sb02_de{ font-size:20px; }
    .sb02_lfbt > p{ font-size:20px; }
    .sb02_qt > p{ font-size:20px; margin:40px 0; }
    .sb02_qt > img{ max-width:65px; }
    .sb02_txt > p{ font-size:20px; }
    .sb02_txt2{ margin:100px auto; }
    .sb02_txt2 > p{ font-size:20px; }
}
@media(max-width:768px){
    .sb02_tt > h2{ font-size:28px; }
    .sb02_tt > h4{ font-size:20px; }
    .sb02_pw{ gap:20px; }
    .sb02_pt.lf{ width:100%; }
    .sb02_pt.rt{ width:100%; order:-1; }
    .sb02_de{ font-size:16px; }
    .sb02_lfbt > p{ font-size:16px; }
    .sb02_qt > p{ font-size:16px; margin:32px 0; }
    .sb02_qt > img{ max-width:50px; }
    .sb02_txt > p{ font-size:16px; }
    .sb02_txt2{ margin:80px auto; }
    .sb02_txt2 > p{ font-size:16px; }
    .sb02_img.img07{ margin:0 0 15px; }
    .sb02_pw3{ gap:15px; }
    .sb02_pt3{ width:calc(50% - 7.5px); }
}
@media(max-width:600px){
    .sb02_pt2{ width:100%; }
    .sb02_pt2.rt{ display:flex; flex-direction:column-reverse; gap:20px; }
}



#sb03{ background-color:#fff; }
.sb03_tp{ padding:0 40px 100px; background-color:#fff; }
.sb03_st{ max-width:867px; width:100%; margin:0 auto 80px; position:relative; z-index:1; padding:30px 40px; text-align:center; 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:#E2E2E2; }
.sb03_txt2{ text-align:center; margin:0 auto 100px; }
.sb03_txt2 > p{ max-width:610px; margin:0 auto; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }
.sb03_txt2 > h5{ max-width:700px; margin:0 auto; font-family:'Grandpa_sharing'; font-size:34px; color:#000; font-weight:400; line-height:1.5em; }

.sb03_img.img01{ max-width:680px; width:100%; margin:0 auto 65px; }
.sb03_img.img02{ max-width:96px; width:100%; margin:0 auto 50px; }

.sb03_hr{ margin:50px auto 85px; border:none; width:1px; height:400px; background-color:#BCBBBB; }
.sb03_img.img03{ max-width:217px; width:100%; margin:0 auto 150px; }

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

.sb03_md{ padding:120px 40px; background-color:#F4F4F4; text-align:center; }
.sb03_md > h5{ font-family:'ns',serif; font-size:24px; font-weight:300; color:#000; line-height:1.45em; }
.sb03_md > h3{ position:relative; z-index:1; max-width:937px; width:calc(100% - 60px); margin:80px auto; background-image:url(./img/03-04.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; }
.sb03_md > h3 > img:first-child{ position:absolute; top:-35px; right:-30px; }
.sb03_md > h3 > img:last-child{ position:absolute; bottom:-35px; left:-30px; }

.sb03_bt{ padding:170px 40px 130px; background-color:#fff; }
.sb03_pw{ max-width:994px; width:100%; margin:0 auto 130px; display:flex; flex-flow:row wrap; align-items:flex-end; }
.sb03_pt.lf{ width:46.88%; }
.sb03_pt.rt{ width:53.12%; padding-left:30px; }
.sb03_img.img04{ width:100%; }
.sb03_img.img04 img{ width:100%; }
.sb03_img.img05{ max-width:252px; width:70%; margin:0 0 40px; }
.sb03_de{ display:flex; align-items:center; gap:15px; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:400; color:#000; line-height:1em; }
.sb03_de.de01{ margin:0 0 40px; }
.sb03_pt.rt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:23px; font-weight:300; color:#000; line-height:1.7em; }

.sb03_ix{ position:relative; z-index:1; padding:80px 0; overflow:hidden; max-width:830px; margin:0 auto; }
.sb03_ix > p{ font-family:'ns', serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }
.sb03_ix > .ix_01{ margin-bottom:50px; }
.sb03_ix > img{ float:left; max-width:332px; width:45%; margin:20px 40px 20px 0; }
.sb03_img.img06{ position:absolute; z-index:1; top:0; left:0; max-width:394px; width:80%; }
.sb03_img.img07{ position:absolute; z-index:1; bottom:0; right:0; max-width:394px; width:80%; }

@media(max-width:991px){
    .sb03_tp{ padding:0 15px 150px; }
    .sb03_st{ font-size:32px; padding:20px 30px; margin:100px auto; min-height:140px; }
    .sb03_st:before{ width:32px; }
    .sb03_st:after{ width:32px; }
    .sb03_txt > p{ font-size:20px; }
    .sb03_txt2 > p{ font-size:20px; }
    .sb03_txt2 > h5{ font-size:28px; }
    .sb03_hr{ height:300px; }
    .sb03_md{ padding:120px 15px; }
    .sb03_md > h5{ font-size:20px; }
    .sb03_md > h3{ font-size:20px; padding:35px; margin:60px auto; }
    .sb03_md > h3 > img{ max-width:70px; }
    .sb03_md > h3 > img:first-child{ top:-25px; right:-20px; }
    .sb03_md > h3 > img:last-child{ bottom:-25px; left:-20px; }
    .sb03_bt{ padding:150px 15px 100px; }
    .sb03_pt.rt > p{ font-size:20px; }
    .sb03_de{ font-size:20px; }
    .sb03_ix > p{ font-size:20px; }
}
@media(max-width:768px){
    .sb03_st{ font-size:24px; padding:20px 20px; margin:80px auto; min-height:initial; }
    .sb03_st:before{ width:24px; }
    .sb03_st:after{ width:24px; }
    .sb03_txt > p{ font-size:16px; }
    .sb03_txt2 > p{ font-size:16px; }
    .sb03_txt2 > h5{ font-size:24px; }
    .sb03_hr{ height:200px; }
    .sb03_img.img03{ margin:0 auto 100px; }
    .sb03_md > h5{ font-size:16px; }
    .sb03_md > h3{ font-size:16px; padding:24px; margin:50px auto; }
    .sb03_md > h3 > img{ max-width:50px; }
    .sb03_md > h3 > img:first-child{ top:-20px; right:-15px; }
    .sb03_md > h3 > img:last-child{ bottom:-20px; left:-15px; }
    .sb03_pt.rt > p{ font-size:16px; }
    .sb03_de{ font-size:16px; }
    .sb03_ix > p{ font-size:16px; }
}
@media(max-width:500px){
    .sb03_pt.lf{ width:100%; }
    .sb03_pt.rt{ width:100%; padding-left:0; }
    .sb03_ix > img{ max-width:100%; width:100%; }
}



#sb04{ padding:0 40px 200px; }
.sb04_img.img01{ max-width:852px; width:100%; margin:0 auto 150px; }
.sb04_iw{ position:relative; z-index:1; max-width:900px; width:100%; margin:0 auto 20px; padding:0 50px; }
.sb04_img.img02{ position:relative; z-index:2; max-width:618px; width:100%; margin:0 auto; }
.sb04_img.img03{ position:absolute; z-index:1; top:0; left:0; }
.sb04_img.img04{ position:absolute; z-index:1; bottom:15%; right:0; }
.sb04_de{ display:flex; align-items:center; gap:15px; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:400; color:#000; line-height:1em; }
.sb04_de.de01{ justify-content:center; }

.sb04_ix{ overflow:hidden; max-width:934px; width:100%; margin:150px auto 200px; }
.sb04_ix > img{ float:right; shape-outside:url(./img/04-05.png); shape-margin:30px; margin-top:12%; }
.sb04_ix > p{ font-family:'NanumSquare','nt', sans-serif; font-size:23px; font-weight:300; color:#000; line-height:1.7em; }

.sb04_iii{ text-align:center; max-width:1050px; margin:0 auto 200px; }
.sb04_img.img05{ max-width:337px; margin:0 auto; }
.sb04_iii > p{ padding:128px 50px; background-image:url(./img/04-07.png); background-position:center; background-size:cover; background-repeat:no-repeat; font-family:'ns', serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; margin:55px auto; }
.sb04_img.img06{ max-width:800px; width:100%; margin:0 auto; transform:translate(-4%, 0); }

@media(max-width:991px){
    #sb04{ padding:0 15px 150px; }
    .sb04_de{ font-size:20px; }
    .sb04_ix > p{ font-size:20px; }
    .sb04_iii > p{ font-size:20px; }
}
@media(max-width:768px){
    .sb04_de{ font-size:16px; }
    .sb04_ix > p{ font-size:16px; }
    .sb04_iii > p{ font-size:16px; }
}
@media(max-width:600px){
    .sb04_ix > img{ float:none; margin:0 auto 30px; }

}


#sb05{ padding:0 40px 200px; }
#sb05 > .sb_con{ max-width:1200px; }
.sb05_pw{ display:flex; flex-flow:row wrap; gap:4px; }
.sb05_pw:not(:last-child){ margin-bottom:40px; }
.sb05_pw > h2{ width:100%; margin-bottom:40px; font-family:'ns',serif; font-size:36px; font-weight:500; color:#000; line-height:1em; }
.sb05_pt{ width:calc(25% - 3px); padding:40px 15px; border:2px dotted #ddd; }
.sb05_pt > h3{ font-family:'ns',serif; font-size:24px; font-weight:500; color:#000; line-height:1em; margin-bottom:10px; }
.sb05_pt > ul > li{ font-size:16px; font-weight:300; color:#666; }
.sb05_pt > ul > li:not(:last-child){ margin-bottom:15px; }
.sb05_pt > ul > li > a{ position:relative; z-index:1; display:inline-block; font-size:16px; color:#000; line-height:1em; padding:12px 30px; padding-left:0; border-radius:3px; overflow:hidden; transition:0.5s padding-left, 0.5s color; }
.sb05_pt > ul > li > a:before{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:100%; transition:0.3s right; background-color:#fea30b; }
.sb05_pt > ul > li > a:hover{ padding-left:30px; color:#fff; }
.sb05_pt > ul > li > a:hover:before{ right:0; transition:0.4s right 0.1s; }
.sb05_pt > ul > li > a > span{ position:relative; z-index:2; }

@media(max-width:991px){
    #sb05{ padding:0 15px 150px; }
    .sb05_pt{ width:calc(33.33333333% - 3px); }
}
@media(max-width:750px){
    .sb05_pt{ width:calc(50% - 3px); }
}
@media(max-width:600px){
    .sb05_pt{ width:100%; }
}