@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:#0c0c0c; 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_container{ display:flex; flex-direction:column; gap:60px; align-items:center; margin:0 0 100px; }
.su_wrap{ position:relative; z-index:1; width:min(800px, 100%); min-height:175px; padding:40px 60px; display:flex; flex-direction:column; gap:20px; 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 > h3 span{ display:inline-block; position:relative; z-index:1; }
.su_wrap > h3 span:after{ content:''; position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:35%; background-color:#e7dfff; }
.su_wrap > p{ font-family:'NanumSquare','nt', sans-serif; font-size:16px; font-weight:400; color:#0c0c0c; line-height:1em; display:flex; gap:10px; align-items:center; }
.su_iw{ width:min(1200px, 100%); }
.su_iw > img{ display:block; width:100%; height:auto; }
.su_ix{ width:min(1080px, 100%); word-break:keep-all; }
.su_ix > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#0c0c0c; line-height:1.7em; text-align:center; letter-spacing:-0.015em; }
.su_px{ width:min(1200px, 100%); position:relative; z-index:1; padding:20px 0 0 20px; }
.su_px > img{ position:absolute; z-index:-1; width:50px; top:0; left:0; }
.su_px > h3{ font-family:'NanumSquare','nt', sans-serif; font-size:36px; font-weight:300; color:#0c0c0c; line-height:1.3em; margin-bottom:30px; }
.su_px > p{ font-family:'NanumSquare','nt', sans-serif; font-size:20px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.015em; }

@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; }
    .su_ix > p{ font-size:20px; }
    .su_px > h3{ font-size:32px; margin-bottom:20px; }
}
@media(max-width:500px){
    .su_wrap{ padding:20px 40px; }
    .su_wrap > h3{ font-size:28px; }
    .su_wrap > p{ font-size:14px; }
    .su_ix > p{ font-size:16px; }
    .su_px > h3{ font-size:28px; }
    .su_px > p{ font-size:16px; }
}



#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 #e7dfff; 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:#0c0c0c; line-height:1.5em; text-align:center; 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 200px; background-color:#fff; }

.sb01_pw{ width:min(1200px, 100%); margin:0 auto 100px; display:flex; flex-flow:row wrap; gap:15px; }
.sb01_pt{ width:calc(33.33333333% - 10px); }
.sb01_pt.pt02{ margin-top:12.5%; }
.sb01_pt.pt03{ margin-top:25%; }
.sb01_pt.pt04{ width:calc(66.66666667% - 5px); margin-top:-12.5%; }
.sb01_pt.pt04 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.015em; }
.sb01_pt > img{ display:block; width:100%; height:auto; }

.sb01_pw2{ width:min(1080px, 100%); margin:0 auto 100px; display:flex; flex-flow:row wrap; gap:40px; }
.sb01_pt2.lf{ width:46.2962962962963%; position:relative; z-index:1; padding-top:20px; }
.sb01_pi2.pi02{ position:absolute; z-index:1; top:0; right:0; width:50%; transform:translate(50%, -20px); }
.sb01_pt2.rt{ width:calc(53.7037037037037% - 40px); display:flex; flex-direction:column; justify-content:space-between; align-items:center; }
.sb01_pi2.pi03{ width:min(390px, 100%); }
.sb01_pi2.pi03 > img{ display:block; width:100%; height:auto; }
.sb01_pt2.rt > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.015em; }

.sb01_pw3{ width:min(1200px, 100%); margin:0 auto 100px; display:flex; flex-flow:row wrap; gap:40px 20px; }
.sb01_pt3.pt01{ width:100%; }
.sb01_pt3.pt01 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.015em; }
.sb01_pt3.pt02{ width:calc(50% - 10px); }
.sb01_pt3.pt03{ width:calc(50% - 10px); }
.sb01_pt3 > .de{ margin-top:20px; }

.sb01_pw4{ width:min(1080px, 100%); margin:0 auto 100px; display:flex; flex-direction:column; gap:40px; }
.sb01_pt4.pt01{ width:100%; }
.sb01_pt4.pt01 > .sb01_pi4 > img{ display:block; width:100%; height:auto; filter:drop-shadow(7px 7px 3px rgba(0,0,0,.35)); }
.sb01_pt4.pt02{ width:min(630px, 100%); }
.sb01_pt4.pt02 > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.015em; }

.sb01_pw5{ width:min(1080px, 100%); margin:0 auto; display:flex; flex-direction:column; gap:40px; }
.sb01_iw{ position:relative; z-index:1; padding-top:70.92592592592593%; }
.sb01_iw > img{ position:absolute; }
.sb01_iw > img.iw1{ top:0; left:0; width:45.37037037037037%; }
.sb01_iw > img.iw2{ z-index:2; top:4%; left:36%; width:44.72222222222222%; }
.sb01_iw > img.iw3{ z-index:2; bottom:12%; left:10%; width:24.44444444444444%; }
.sb01_iw > img.iw4{ bottom:0; right:0; width:72.22222222222222%; }
.sb01_pt5 > p{ width:min(950px, 100%); margin:0 auto; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.015em; text-align:center; }

@media(max-width:991px){
    #sb01{ padding:0 15px 200px; }
}
@media(max-width:850px){
    .sb01_pt.pt04 > p{ font-size:20px; }
}
@media(max-width:500px){
    .sb01_pt.pt04 > p{ font-size:16px; }
}



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

.sb02_sw{ width:min(1080px, 100%); margin:0 auto; position:relative; z-index:1; }
#sb02Sli{ margin:0 -103.7037037037037%; overflow:visible; }
.sb02Sli{ position:relative; z-index:1; overflow:hidden; }
.sb02_si{ width:100%; }
.sb02_si > img{ display:block; width:100%; height:auto; }
.sb02_sx{ position:absolute; bottom:0; left:0; right:0; padding:24px; background-color:rgba(0,0,0,.5); transform:translate(0, 101%); opacity:0; transition:0s transform 0.7s, 0s opacity 0.7s; }
.swiper-slide-active .sb02_sx{ transform:translate(0, 0%); opacity:1; transition:0.4s transform 0.7s, 0.4s opacity 0.7s; }
.sb02_sx > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#fff; line-height:1.7em; letter-spacing:-0.015em; }

.sb02_nav{ position:absolute; z-index:60; top:calc(50% - 25px); width:50px; height:50px; background-color:#e4dcff; border-radius:100%; display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; cursor:pointer; box-shadow:5px 5px 5px 0 rgba(0,0,0,.3); }
#sb02_pv{ left:-25px; }
#sb02_nx{ right:-25px; }

.sb02_de{ width:min(1080px, 100%); margin:80px auto 0; }
.sb02_de > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.015em; text-align:center; }

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



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

.sb03_pw{ width:min(1200px, 100%); margin:0 auto; position:relative; z-index:1; display:flex; flex-flow:row wrap; gap:20px; }
.sb03_pw > .sb03_pi{ position:absolute; z-index:1; }
.sb03_pw > .sb03_pi > img{ display:block; width:100%; height:auto; }
.sb03_pw > .sb03_pi.pv1{ width:min(157px, 25%); top:50%; left:50%; transform:translate(-50%, -50%); }
.sb03_pw > .sb03_pi.pv2{ width:min(227px, 35%); top:0; left:0; }
.sb03_pw > .sb03_pi.pv3{ width:min(235px, 37%); bottom:0; right:0; }
.sb03_pt{ width:calc(50% - 10px); }
.sb03_pt > .sb03_pi{ box-shadow:5px 5px 9px 0 rgba(0,0,0,.35); }
.sb03_pt > .sb03_pi > img{ display:block; width:100%; height:auto; }
.sb03_pt.pt1{ display:flex; align-items:flex-end; }
.sb03_pt.pt1 > .sb03_pi{ margin:0 0 0 auto; width:min(500px, 86%); }
.sb03_pt.pt4 > .sb03_pi{ margin:0 auto 0 0; width:min(500px, 86%); }

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




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

.sb04_pw{ width:min(1200px, 100%); margin:0 auto 40px; overflow:hidden; }
.sb04_pw > .pi1{ width:41.66666666666667%; float:left; shape-outside:url(./img/04-02.png); shape-margin:30px; }
.sb04_pw > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.015em; text-align:right; }
.sb04_pw > .pi2{ width:calc(58.33333333333333% - 20px); float:right; margin-top:5%; }

.sb04_pw2{ width:min(1200px, 100%); margin:0 auto 100px; display:flex; flex-flow:row wrap; gap:40px 20px; }
.sb04_pt2{ width:calc(50% - 10px); }
.sb04_pi2 > img{ display:block; width:100%; height:auto; }
.sb04_pi2.pi1{ overflow:hidden; border:10px solid #fff; border-radius:0 7vw 0 7vw; box-shadow:5px 5px 10px 0 rgba(0,0,0,.25); }
.sb04_pi2.pi2{ overflow:hidden; border:10px solid #fff; border-radius:7vw 0 7vw 0; box-shadow:5px 5px 10px 0 rgba(0,0,0,.25); }
.sb04_pt2.pt3{ width:100%; }
.sb04_pt2.pt3 > p{ width:min(1200px, 100%); margin:0 auto; font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.015em; text-align:center; }

.sb04_iw{ width:min(400px, 100%); margin:150px auto; }
.sb04_iw > img{ width:100%; height:auto; display:block; }
.sb04_iw2{ width:min(1200px, 100%); margin:0 auto 40px; }
.sb04_iw2 > img{ width:100%; height:auto; display:block; }
.sb04_bw{ width:min(1200px, 100%); margin:0 auto 40px; }
.sb04_bdo{ position:relative; z-index:1; width:100%; padding-top:56.25%; overflow:hidden; }
.sb04_bdo iframe{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }
.sb04_de{ width:min(1080px, 100%); margin:80px auto 0; }
.sb04_de > p{ font-family:'NanumSquare','nt', sans-serif; font-size:24px; font-weight:300; color:#0c0c0c; line-height:1.7em; letter-spacing:-0.015em; text-align:center; }

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