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


/* description_integral */
.de{ display:flex; align-items:flex-start; gap:10px; width:100%; }
.de.rt{ flex-direction:row-reverse; }
.de > img{ display:block; height:20px; }
.de.rt > img{ transform:rotate(180deg); }
.de.up > img{ transform:rotate(-90deg); }
.de > p{ font-family:'NanumSquare','nt', sans-serif; font-size:20px; font-weight:300; color:#000; line-height:1em; }
.de.rt > p{ text-align:right; }

@media(max-width:850px){
    .de{ gap:8px; }
    .de > img{ height:16px; }
    .de > p{ font-size:16px; }
}
@media(max-width:500px){
    .de{ gap:6px; }
    .de > img{ height:14px; }
    .de > p{ font-size:14px; }
}

/* subtitle_integral */
.su_wrap{ position:relative; z-index:1; width:min(800px, 100%); margin:0 auto 80px; min-height:175px; padding:40px 60px; display:flex; align-items:center; justify-content:center; }
.su_wrap:before, .su_wrap:after{ content:''; position:absolute; z-index:1; top:0; bottom:0; width:45px; border:1px solid #0c0c0c; box-sizing:border-box; }
.su_wrap:before{ left:10px; border-right:none; border-radius:50px 0 0 50px; }
.su_wrap:after{ right:10px; border-left:none; border-radius:0 50px 50px 0; }
.su_wrap > img{ display:block; position:absolute; z-index:1; top:50%; width:21px; }
.su_wrap > img.st01{ left:0; transform:translate(0, -50%); }
.su_wrap > img.st02{ right:0; transform:translate(0, -50%); }
.su_wrap > h3{ font-family:'ns',serif; font-size:42px; font-weight:400; color:#0c0c0c; text-align:center; }
.su_wrap span{ display:inline-block; position:relative; z-index:1; }
.su_wrap span:after{ content:''; position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:35%; background-color:#efd7c5; }

@media(max-width:850px){
    .su_wrap{ padding:40px 40px; min-height:unset; }
    .su_wrap:before, .su_wrap:after{ width:30px; }
    .su_wrap > h3{ font-size:36px; }
}
@media(max-width:500px){
    .su_wrap > h3{ font-size:32px; }
}



#headline{ padding:150px 40px 150px; background-color:#fff; }
.hl_con{ position:relative; z-index:1; width:min(1200px, 100%); margin:0 auto; padding:50px 60px; }
.hl_con:before, .hl_con:after{ content:''; position:absolute; z-index:1; top:0; bottom:0; width:35px; border:2px solid #d9c7b8; box-sizing:border-box; }
.hl_con:before{ left:0; border-right:none; }
.hl_con:after{ right:0; border-left:none; }
.hl_con > img{ display:block; position:absolute; z-index:1; width:min(50px, 100%); height:auto; }
.hl_con > img.qt01{ top:0; left:55px; transform:translate(0, -50%); }
.hl_con > img.qt02{ bottom:0; right:55px; transform:translate(0, 50%); }
.hl_con > h2{ width:min(1080px, 100%); margin:0 auto; font-family:'ns',serif; font-size:28px; font-weight:400; color:#000; line-height:1.5em; text-align:center; letter-spacing:-0.025em; }

.hl_de{ width:min(1200px, 100%); margin:0 auto; text-align:center; }
.hl_de > h4{ font-family:'nc',serif; font-size:32px; font-weight:600; color:#0c0c0c; line-height:1em; margin-bottom:10px; }
.hl_de > p{ font-size:20px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.025em; }

@media(max-width:991px){
    #headline{ padding:150px 15px 100px; }
    .hl_con > h2{ font-size:24px; }
}
@media(max-width:768px){
    .hl_con{ padding:40px 30px; }    
    .hl_con:before, .hl_con:after{ width:30px; }
    .hl_con > h2{ font-size:20px; }
    .hl_con > img{ width:40px; }
    .hl_con > img.qt01{ left:45px; }
    .hl_con > img.qt02{ right:45px; }
}
@media(max-width:500px){
    .hl_con > h2{ font-size:16px; }
}



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

.sb01_ix{ width:min(1200px, 100%); margin:0 auto 150px; word-break:keep-all; }
.sb01_ix > img{ width:100%; height:auto; margin:0 0 40px; }
.sb01_ix > p{ font-family:'ns', serif; font-size:24px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.025em; text-align:center; }

.sb01_pw{ width:min(1200px, 100%); margin:0 auto 100px; /* display:flex; flex-flow:row wrap; gap:1.67%; */ overflow:hidden; }
.sb01_pt{ width:32.21999999666667%; float:left; }
/* .sb01_pt.pt02{ margin-top:8.33333333%; }
.sb01_pt.pt03{ margin-top:16.66666666%; }
.sb01_pt.pt04{ width:64%; margin-top:-7%; } */
.sb01_pt.pt02{ margin-left:1.67%; }
.sb01_pt.pt03{ margin:8.33333333% 0 0 1.67%; }
.sb01_pt.pt04{ width:67.78000000333333%; padding-left:1.67%; }
.sb01_pt.pt04 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:16px; font-weight:400; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.025em; margin-bottom:20px; }
.sb01_pt.pt05{ width:64%; padding-top:20px; margin-top:-8.33333333%; }
.sb01_pt.pt05 > h3{ font-family:'nc', serif; font-size:32px; font-weight:600; color:#0c0c0c; line-height:1em; margin-bottom:20px; }
.sb01_pt.pt05 > ul > li{ display:flex; font-size:20px; font-weight:300; color:#0c0c0c; line-height:1.3em; letter-spacing:-0.025em; }
.sb01_pt.pt05 > ul > li:not(:last-child){ margin-bottom:0.75em; }
.sb01_pt.pt05 > ul > li > b{ font-weight:500; margin-right:5px; }
.sb01_pt > img{ display:block; width:100%; height:auto; }

.sb01_pw2{ width:min(1200px, 100%); margin:0 auto; display:flex; flex-flow:row wrap; gap:20px 1.67%; }
.sb01_pt2.pt1{ width:65.83166667% }
.sb01_pt2.pt2{ width:32.49833333%; display:flex; align-items:flex-end; }
.sb01_pt2.pt2 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:20px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.025em; }
.sb01_pt2.pt3{ width:32.49833333%; }
.sb01_pt2.pt3 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:20px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.025em; text-align:right; }
.sb01_pt2.pt4{ width:65.83166667% }
.sb01_pt2 > img{ width:100%; height:auto; }

@media(max-width:991px){
    #sb01{ padding:0 15px; }
}
@media(max-width:850px){
    .sb01_ix > p{ font-size:20px; }
    .sb01_pt.pt05 > h3{ font-size:28px; }
    .sb01_pt.pt05 > ul > li{ font-size:18px; }

    .sb01_pt2.pt1, .sb01_pt2.pt2, .sb01_pt2.pt3, .sb01_pt2.pt4{ width:100%; }
    .sb01_pt2.pt3{ order:1; }
}
@media(max-width:768px){
    .sb01_pt{ width:49.165%; }
    .sb01_pt.pt02{ margin-left:0; float:right; }
    .sb01_pt.pt03{ margin:15px 1.67% 0 0; }
    .sb01_pt.pt04{ width:50.835%; }
    .sb01_pt.pt05{ width:100%; padding-top:15px; margin-top:0; }
}
@media(max-width:600px){
    .sb01_pw{ display:flex; flex-direction:column; gap:15px; }
    .sb01_pt{ width:100%; }
    .sb01_pt.pt02{ margin-left:0; float:right; }
    .sb01_pt.pt03{ margin:0; }
    .sb01_pt.pt04{ width:100%; padding-left:0%; order:-1; }
    .sb01_pt2.pt2 > p{ font-size:16px; }
    .sb01_pt2.pt3 > p{ font-size:16px; }

    .sb01_pt.pt05 > h3{ font-size:24px; }
    .sb01_pt.pt05 > ul > li{ font-size:16px; }
}
@media(max-width:500px){
    .sb01_ix > p{ font-size:16px; }
}

#sb02{ position:relative; z-index:1; padding:200px 40px; }
#sb02 > .sb_con{ position:relative; z-index:1; width:min(1200px, 100%); margin:0 auto; }

.sb02_pw{ width:min(1200px, 100%); display:flex; flex-flow:row wrap; margin:0 auto 80px; }
.sb02_pt.lf{ width:400px; }
.sb02_pt.rt{ width:calc(100% - 400px); padding-left:40px; }
.sb02_px{ width:100%; position:relative; z-index:1; padding:20px 0 0 20px; margin:0 0 40px; }
.sb02_px > img{ position:absolute; z-index:-1; width:50px; top:0; left:0; }
.sb02_px > h3{ font-size:36px; font-weight:300; color:#0c0c0c; line-height:1.3em; margin-bottom:30px; }
.sb02_px > p{ font-size:20px; font-weight:300; color:#0c0c0c; line-height:1.7em; }

.sb02_ix{ width:min(1200px, 100%); margin:0 auto 150px; word-break:keep-all; overflow:hidden; }
.sb02_ix > img{ float:right; width:50%; shape-outside:url(./img/02-02.png); shape-margin:32px; margin:0 0 0 40px; }
.sb02_ix > h4{ margin:60px 0 0; font-family:'nc',serif; font-size:20px; font-weight:300; color:#000; line-height:1.7em; }
.sb02_ix > h4 > b{ font-weight:600; color:#dd973f; }
.sb02_ix > p{ margin:60px 0 0; font-family:'NanumSquare','nt', sans-serif; font-size:20px; font-weight:300; color:#000; line-height:1.7em; }
.sb02_ix > p > strong{ display:block; margin:0 0 20px; font-size:32px; font-weight:500; }

.sb02_pw2{ width:min(1200px, 100%); display:flex; flex-flow:row wrap; margin:0 auto 40px; gap:20px 1.67%; }
.sb02_pt2{ width:49.165%; }
.sb02_de{ font-family:'ns',serif; font-size:24px; font-weight:300; color:#000; line-height:1.5em; text-align:center; }


@media(max-width:991px){
    #sb02{ padding:150px 15px; }
}
@media(max-width:850px){
    .sb02_ix > h4{ margin:40px 0 0; font-size:18px; }
    .sb02_ix > p{ margin:40px 0 0; font-size:18px; }
    .sb02_ix > p > strong{ font-size:28px; }
    
    .sb02_de{ font-size:20px; }
}
@media(max-width:768px){
}
@media(max-width:600px){
    .sb02_ix > h4{ margin:40px 0 0; font-size:16px; }
    .sb02_ix > p{ margin:40px 0 0; font-size:16px; }
    .sb02_ix > p > strong{ font-size:24px; }

    .sb02_de{ font-size:16px; }
}
@media(max-width:500px){
}



#sb03{ padding:150px 40px; }
#sb03 > .sb_con{ width:min(1200px, 100%); margin:0 auto; }

.sb03_iw{ width:min(1200px, 100%); margin:0 auto 80px; }
.sb03_iw > img{ display:block; width:100%; height:auto; }
.sb03_de{ width:min(1200px, 100%); margin:0 auto 200px; }
.sb03_de > p{ font-family:'ns', serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; text-align:center; }

.sb03_iw2{ width:min(400px, 70%); margin:0 auto 80px; }
.sb03_iw2 > img{ display:block; width:100%; height:auto; }
.sb03_de2{ width:min(1110px, 100%); margin:0 auto; }
.sb03_de2 > p{ font-family:'ns', serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; text-align:center; letter-spacing:-0.015em; }

@media(max-width:991px){
    #sb03{ padding:150px 15px; }
}
@media(max-width:850px){
    .sb03_de{ margin:0 auto 150px; }
    .sb03_de > p{ font-size:24px; }
    .sb03_de2 > p{ font-size:24px; }
}
@media(max-width:768px){
}
@media(max-width:600px){
}
@media(max-width:500px){
    .sb03_de > p{ font-size:20px; }
    .sb03_de2 > p{ font-size:20px; }
}



#sb04{ padding:150px 40px; }
.sb04_pw{ width:min(1200px, 100%); margin:0 auto 100px; position:relative; z-index:1; padding:20px; }
.sb04_pw > img{ position:absolute; width:80px; }
.sb04_pw > img.mk01{ top:-20px; left:-20px; }
.sb04_pw > img.mk02{ top:-20px; right:-20px; }
.sb04_pw > img.mk03{ bottom:-20px; left:-20px; }
.sb04_pw > img.mk04{ bottom:-20px; right:-20px; }
.sb04_pb{ background-color:#e6ddca; padding:100px 40px; }
.sb04_pi{ width:100%; margin:0 0 40px; }
.sb04_pi > img{ display:block; width:100%; height:auto; }
.sb04_px{ width:100%; border-radius:10px; padding:40px; background-color:#fff; }
.sb04_px > h3{ font-family:'ns', serif; font-size:50px; font-weight:700; color:#604c3f; line-height:1em; margin:0 0 40px; text-align:center; }
.sb04_px > p{ width:min(800px, 100%); margin:0 auto; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#000; line-height:1.7em; }

.sb04_iw{ width:min(400px, 100%); margin:0 auto 80px; }
.sb04_iw > img{ display:block; width:100%; height:auto; }
.sb04_de{ width:min(1110px, 100%); margin:0 auto; }
.sb04_de > p{ font-family:'ns', serif; font-size:28px; font-weight:300; color:#000; line-height:1.7em; text-align:center; letter-spacing:-0.015em; }

@media(max-width:991px){
}
@media(max-width:850px){
}
@media(max-width:768px){
}
@media(max-width:600px){
}
@media(max-width:500px){
}