@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_tt{ max-width:900px; width:100%; margin:20px auto 80px; position:relative; z-index:1; padding:30px 40px; text-align:center; word-break:keep-all; }
.sb01_tt:before{ content:''; position:absolute; z-index:1; top:0; left:0; width:35px; height:100%; border:2px solid #e1efdf; 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 #e1efdf; border-left:none; box-sizing:border-box; }
.sb01_tt > h2{ max-width:610px; width:100%; margin:0 auto; font-family:'ns',serif; font-size:28px; 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:963px; width:100%; margin:0 auto 60px; }
.sb01_txt{ max-width:963px; width:100%; margin:0 auto 100px; word-break:keep-all; }
.sb01_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }
.sb01_img.img02{ max-width:567px; width:100%; margin:0 auto; }

@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_txt > p{ font-size:20px; }
}
@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; }
}



#sb02{ padding:150px 40px 200px; }
#sb02 > .sb_con{ max-width:940px; width:100%; margin:0 auto; }
.sb02_st{ max-width:926px; 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:#e1efdf; }

.sb02_img.img01{ width:min(704px, 90%); margin:100px 0 100px auto; }
.sb02_txt{ width:min(630px, 90%); margin:100px auto 100px 0; }
.sb02_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }
.sb02_img.img02{ width:min(704px, 90%); margin:100px 0 100px auto; }
.sb02_bx{ padding:28% 0; background-image:url(./img/02-03.png); background-position:center; background-size:contain; background-repeat:no-repeat; text-align:center; }
.sb02_bx > p{ max-width:900px; width:100%; margin:0 auto; font-family:'ns', serif; font-size:37px; font-weight:300; color:#000; line-height:1.5em; }

@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_txt > p{ font-size:20px; }

    .sb02_bx > p{ font-size:32px; }
}
@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_txt{ width:min(630px, 100%); }
    .sb02_txt > p{ font-size:16px; }

    .sb02_bx > p{ font-size:28px; }
}




#sb03{ padding:0 40px 150px; }
.sb03_txt{ width:min(885px, 100%); margin:0 auto 100px; }
.sb03_txt:last-child{ margin:0 auto; }
.sb03_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }

.sb03_iw{ width:min(808px, 100%); margin:0 auto 150px; }
.sb03_iw > .sb03_ib{ position:relative; z-index:1; padding-top:101.3613861386139%; }
.sb03_iw > .sb03_ib > .sb03_img.img01{ position:absolute; z-index:1; width:min(803px, 99%); top:0; left:0; }
.sb03_iw > .sb03_ib > .sb03_img.img02{ position:absolute; z-index:1; width:min(156px, 20%); top:5%; right:0; }
.sb03_iw > .sb03_ib > .sb03_img.img03{ position:absolute; z-index:1; width:min(175px, 30%); bottom:0; left:10%; }

.sb03_iw2{ width:min(1044px, 100%); margin:0 auto 150px; }
.sb03_iw2 > .sb03_ib{ position:relative; z-index:1; padding-top:69.0613%; }
.sb03_iw2 > .sb03_ib > .sb03_img.img04{ position:absolute; z-index:1; width:min(716px, 75%); bottom:0; left:0; }
.sb03_iw2 > .sb03_ib > .sb03_img.img05{ position:absolute; z-index:1; width:min(445px, 48%); top:1%; right:0; }
.sb03_iw2 > .sb03_ib > .sb03_img.img06{ position:absolute; z-index:0; width:min(244px, 25%); top:0; left:15%; }
.sb03_iw2 > .sb03_ib > .sb03_img.img07{ position:absolute; z-index:1; width:min(220px, 25%); bottom:0; right:18%; }


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

    .sb03_txt > p{ font-size:20px; }
}
@media(max-width:768px){
    .sb03_txt > p{ font-size:16px; }
}




#sb04{ padding:0 40px 200px; }
.sb04_st{ max-width:995px; 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; }
.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:#e1efdf; }

.sb04_iw{ width:min(962px, 100%); margin:0 auto 80px; }
.sb04_iw > .sb04_ib{ position:relative; z-index:1; padding-top:70.79%; }
.sb04_iw > .sb04_ib > .sb04_img.img01{ position:absolute; z-index:1; width:min(772px, 81%); top:0; left:50%; transform:translate(-50%, 0); }
.sb04_iw > .sb04_ib > .sb04_img.img02{ position:absolute; z-index:1; width:min(254px, 30%); bottom:0; right:0; }

.sb04_txt{ width:min(924px, 100%); word-break:keep-all; margin:0 auto; }
.sb04_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; }
.sb04_txt > h6{ position:relative; z-index:1; width:min(664px, 90%); padding:20px 0 0 30px; margin:60px 0 0 auto; font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; }
.sb04_txt > h6 > img{ position:absolute; z-index:-1; top:0; left:0; }

.sb04_img.img03{ width:min(1000px, 100%); margin:0 auto 80px; }
.sb04_img.img03 img{ width:min(414px, 100%); height:auto; display:block; }

.sb04_img.img04{ width:min(792px, 100%); margin:100px auto; }

.sb04_txt2{ width:min(910px, 100%); word-break:keep-all; margin:0 auto; }
.sb04_txt2 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; }
.sb04_txt2 > h6{ position:relative; z-index:1; padding:20px 0 0 30px; margin:60px 0 0 -30px; font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; }
.sb04_txt2 > h6 > img{ position:absolute; z-index:-1; top:0; left:0; }
.sb04_txt2 > img{ width:min(414px, 50%); float:right; shape-outside:url(./img/04-05.png); shape-margin:30px; margin:max(15%, 60px) 0 0; }

.sb04_img.img05{ width:min(944px, 100%); margin:100px auto 0; }

@media(max-width:991px){
    #sb04{ padding:0 15px 150px; }
    .sb04_st{ font-size:32px; padding:20px 30px; margin:0 auto 80px; min-height:140px; }
    .sb04_st:before{ width:32px; }
    .sb04_st:after{ width:32px; }

    .sb04_txt > p{ font-size:22px; }
    .sb04_txt > h6{ padding:20px 0 0 30px; margin:60px 0 0 auto; font-size:22px; }

    .sb04_txt2 > p{ font-size:22px; }
    .sb04_txt2 > h6{ padding:20px 0 0 30px; margin:60px 0 0 auto; font-size:22px; }
}
@media(max-width:768px){
    .sb04_st{ font-size:24px; padding:20px 20px; min-height:initial; }
    .sb04_st:before{ width:24px; }
    .sb04_st:after{ width:24px; }

    .sb04_txt > p{ font-size:16px; }
    .sb04_txt > h6{ width:100%; padding:20px 0 0 30px; margin:60px 0 0 auto; font-size:16px; }

    .sb04_txt2 > p{ font-size:16px; }
    .sb04_txt2 > h6{ padding:20px 0 0 30px; margin:60px 0 0 auto; font-size:16px; }
}



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

.sb05_txt{ width:min(900px, 100%); word-break:keep-all; margin:0 auto; }
.sb05_txt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; }
.sb05_txt > p:not(:first-child){ margin-top:60px; }

.sb05_iw{ width:min(1129px, 100%); margin:100px auto 0; }
.sb05_iw > .sb05_in{ position:relative; z-index:1; width:100%; padding-top:73.07351638618246%; }
.sb05_iw > .sb05_in > .sb05_img.img01{ position:absolute; z-index:1; width:min(866px, 85%); top:0; left:50%; transform:translate(-50%, 0); }
.sb05_iw > .sb05_in > .sb05_img.img02{ position:absolute; z-index:1; width:min(448px, 40%); bottom:0; right:0; }

.sb05_txt2{ width:min(1020px, 100%); word-break:keep-all; margin:0 auto; }
.sb05_txt2 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; }
.sb05_txt2 > h6{ width:60%; position:relative; z-index:1; padding:20px 0 0 30px; margin:-15% 0 0; font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; }
.sb05_txt2 > h6 > img{ position:absolute; z-index:-1; top:0; left:0; }

.sb05_img.img03{ width:min(866px, 100%); margin:100px auto 0; }

@media(max-width:991px){
    #sb05{ padding:0 15px 150px; }
    
    .sb05_txt > p{ font-size:22px; }
    .sb05_txt2 > h6{ font-size:22px; }
}
@media(max-width:768px){
    .sb05_txt > p{ font-size:16px; }
    .sb05_txt2 > h6{ width:100%; margin:3% 0 0; font-size:16px; }
}




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

.sb06_txt{ text-align:center; word-break:keep-all; margin:0 auto 100px; }
.sb06_txt > h5{ width:min(500px, 100%); margin:0 auto; font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; }
.sb06_txt > h3{ width:min(710px, 100%); margin:0 auto; font-family:'ns', serif; font-size:43px; font-weight:500; color:#000; line-height:1.3em; }

.sb06_img.img01{ width:min(889px, 100%); margin:0 auto 100px; }
.sb06_img.img02{ width:min(10px, 100%); margin:0 auto 40px; }
.sb06_img.img03{ width:min(233px, 100%); margin:0 auto; }

@media(max-width:991px){
    #sb06{ padding:0 15px 150px; }
    .sb06_st{ font-size:32px; padding:20px 30px; margin:0 auto 80px; min-height:140px; }
    .sb06_st:before{ width:32px; }
    .sb06_st:after{ width:32px; }

    .sb06_txt > h5{ font-size:22px; }
    .sb06_txt > h3{ font-size:36px; }
}
@media(max-width:768px){
    .sb06_st{ font-size:24px; padding:20px 20px; min-height:initial; }
    .sb06_st:before{ width:24px; }
    .sb06_st:after{ width:24px; }

    .sb06_txt > h5{ font-size:16px; }
    .sb06_txt > h3{ font-size:28px; }
}