@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face {
    font-family: 'Sungsil';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_10@1.0/Sungsil.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; }
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:#fff1e4; }
.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_wrap > ul{ display:flex; flex-flow:row wrap; gap:8px; justify-content:center; }
.su_wrap > ul > li{ font-family:'ns', serif; font-size:16px; font-weight:400; color:#0c0c0c; line-height:1em; padding:10px 15px; border-radius:4px; background-color:#fff1e4; }
.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_wrap > ul > li{ font-size:14px; padding:7px 10px; }
    .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 #fff1e4; 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:150px 40px 200px; background-color:#fff; overflow:visible; }
#sb01 > .sb_con{ width:min(1200px, 100%); margin:0 auto; }

.sb01_sb{ width:min(800px, 100%); margin:0 auto 150px; position:relative; z-index:1; overflow:hidden; }
.sb01_sb:before{ content:''; position:absolute; z-index:1; top:50%; right:16px; border-top:14px solid #0c0c0c; border-left:10px solid transparent; border-right:10px solid transparent; transform:translate(-50%, -50%); }
.sb01_sb > select{ display:block; width:100%; border:1px solid #ccc; background-color:#ededed; border-radius:6px; padding:20px 40px 20px 20px; font-family:'ns',serif; font-size:24px; line-height:1em; }
.sb01_sb > select{
    -webkit-appearance: none;
}

.sb01_sw{ position:relative; z-index:1; margin:0 auto 150px; padding:0 60px; }
.sb01_nw{ position:absolute; z-index:60; top:50svh; bottom:0; left:0; right:0; width:100%; pointer-events:none; display:flex; align-items:flex-start; justify-content:space-between; }
.sb01_nav{ position:sticky; z-index:1; top:50svh; text-align:center; pointer-events:all; cursor:pointer; }
.sb01_nav > i{ font-size:60px; color:#888; margin-bottom:5px; }
.sb01_nav > p{ font-size:12px; font-weight:300; color:#0c0c0c; }

.sb01_bdo{ max-width:450px; width:100%; margin:0 auto 80px; }
.sb01_bb{ position:relative; z-index:1; width:100%; padding-top:177.7777777777778%; overflow:hidden; }
.sb01_bb iframe{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }

.sb01_po{ position:relative; z-index:1; max-width:1000px; width:100%; margin:0 auto; text-align:center; }
.sb01_po > p{ position:relative; z-index:2; font-family: 'Sungsil'; font-size:30px; font-weight:400; color:#0c0c0c; line-height:1.5em; }
.sb01_po > p > span{ color:#ce957c; }
.sb01_po > .sb01_img{ position:absolute; z-index:1; }
.sb01_img.img01{ top:50%; left:0; }
.sb01_img.img02{ bottom:0; right:0; }

.sb01Sli2{ background-color:#fff; padding:30px 20px; height:auto; }
.sb01_dc{ max-width:min(1000px, 100%); width:100%; margin:0 auto; }
.sb01_dc > img{ display:block; width:100%; height:auto; }
.sb01_dc > img:first-child{ filter:drop-shadow(0 -13px 7px rgba(0,0,0,.15)); }
.sb01_dc > img:last-child{ filter:drop-shadow(0 13px 7px rgba(0,0,0,.15)); }
.sb01_dw{ display:flex; flex-flow:row wrap; background-image:url(./img/bk-md.svg); background-position:0% 50%; background-size:contain; background-repeat:repeat-y; padding:0 48px; box-shadow:0 -9px 16px 0 rgba(0,0,0,.15), 0 18px 16px 0 rgba(0,0,0,.15) }

.sb01_dp{ width:50%; font-family:'nt', sans-serif; padding:40px 30px; }
/* .sb01_dp:nth-child(-n + 2){ border-bottom:3px dotted #888; padding-bottom:40px; } */
.sb01_dp:nth-child(n + 3){ border-top:3px dotted #888; }
.sb01_dp:nth-child(2n - 1){ border-right:3px dotted #888; /* padding-right:40px; */ }
/* .sb01_dp:nth-child(2n){ padding-left:40px; } */

.sb01_dp > h3{ font-size:50px; font-weight:500; color:#0c0c0c; line-height:1em; margin-bottom:20px; }
.sb01_dp > h5{ font-size:24px; font-weight:400; color:#0c0c0c; line-height:1.3em; margin-bottom:10px; display:flex; align-items:flex-start; }
.sb01_dp > h5 > span{ font-size:0.8em; text-align:center; border:1px solid #0c0c0c; border-radius:4px; min-width:30px; margin-right:10px; }
.sb01_dp > p{ font-family:'nt', sans-serif; font-size:18px; font-weight:400; color:#0c0c0c; line-height:1.5em; letter-spacing:-0.015em; }

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

    .sb01_po > p{ font-size:28px; }
}
@media(max-width:850px){
    .sb01_pt.pt04 > p{ font-size:20px; }
}
@media(max-width:768px){
    .sb01_po > p{ font-size:24px; }
    .sb01_po > p > .pc_br{ display:none; }
}
@media(max-width:500px){
    .sb01_po > p{ font-size:20px; }
    .sb01_pt.pt04 > p{ font-size:16px; }
}


#sb02{ padding:0 40px 200px; }
.sb02_st{ max-width:867px; width:100%; margin:0 auto 60px; 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:#0c0c0c; 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 #0c0c0c; 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 #0c0c0c; 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_gr{ max-width:800px; width:100%; margin:0 auto;  }
.sb02_gr > li{ display:flex; align-items:flex-start; font-family:'NanumSquare','nt', sans-serif; font-size:26px; font-weight:300; color:#0c0c0c; }
.sb02_gr > li:not(:last-child){ margin-bottom:15px; }
.sb02_gr > li > strong{ display:flex; align-items:flex-end; font-family:'NanumSquare','nt', sans-serif; font-weight:600; color:#0c0c0c; margin-right:10px; white-space:nowrap; }
.sb02_gr > li > strong > span{ font-family:'NanumSquare','nt', sans-serif; font-size:0.8em; font-weight:400; color:#0c0c0c; margin-right:10px; border:1px solid #0c0c0c; border-radius:4px; padding:2px 4px; }

.sb02_hr{ max-width:1000px; width:100%; height:1px; margin:100px auto; border:none; background-color:#666; }

.sb02_img{ max-width:200px; width:60%; margin:0 auto 30px; }
.sb02_qr > p{ display:flex; align-items:center; justify-content:center; font-family:'NanumSquare','nt', sans-serif; font-size:28px; font-weight:600; color:#0c0c0c; }
.sb02_qr > p > img{ margin-right:10px; }

@media(max-width:991px){
    #sb02{ padding:0 15px 200px; }
    
    .sb02_st{ font-size:32px; padding:20px 30px; min-height:140px; }
    .sb02_st:before{ width:32px; }
    .sb02_st:after{ width:32px; }
    .sb02_gr > li{ font-size:20px; }
    .sb02_qr > p{ font-size:24px; }
}
@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_gr > li{ font-size:16px; }
    .sb02_qr > p{ font-size:20px; }
}