@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; }
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:600px; 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 #DDCBBC; 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 #DDCBBC; 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_bdo{ max-width:600px; 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 100px; text-align:center; padding:0 0 80px; }
.sb01_po > p{ position:relative; z-index:2; font-family: 'Sungsil'; font-size:30px; font-weight:400; color:#000; line-height:1.7em; }
.sb01_po > p > span{ position:relative; z-index:2; padding:0 5px 5px; }
.sb01_po > p > span:after{ content:''; position:absolute; z-index:-1; bottom:0; left:0; right:0; height:35%; background-color:#efd7c5; }
.sb01_po > p > span > span{ position:absolute; top:100%; left:50%; transform:translate(-50%, 0); font-size:0.73em; line-height:1.2em; color:#ef934e; white-space:nowrap; }
.sb01_po > .sb01_img{ position:absolute; z-index:1; }
.sb01_img.img01{ top:50%; left:0; }
.sb01_img.img02{ bottom:0; right:0; }

.sb01_dc{ max-width:1023px; width:100%; margin:0 auto 150px; background-image:url(./img/01-05.png); background-position:center; background-size:contain; background-repeat:no-repeat; display:flex; flex-flow:row wrap; padding:210px 73px 100px; }
.sb01_dp{ width:50%; padding:6% 5%; }
.sb01_dp:nth-child(-n + 4){ border-bottom:3px dotted #666; }
.sb01_dp > h3{ margin-bottom:20px; font-family:'nt', sans-serif; font-size:clamp(40px, 6.5vw, 73px); font-weight:500; color:#000; line-height:1em; }
.sb01_dp > h5{ display:flex; align-items:center; font-family:'NanumSquare','nt', sans-serif; font-size:clamp(24px, 3.15vw, 35px); font-weight:600; color:#000; margin-bottom:10px; }
.sb01_dp > h5 > span{ border:1px solid #000; border-radius:4px; padding:0 5px; margin-right:10px; font-size:0.8em; }
.sb01_dp > p{ display:flex; /* font-family:'NanumSquare','nt', sans-serif; */ font-size:clamp(14px, 1.8vw, 20px); font-weight:400; color:#000; align-items:flex-start; line-height:1.5em; }
.sb01_dp > p > span{ margin-right:10px; }

.sb01_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:#000; min-height:176px; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.sb01_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; }
.sb01_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; }
.sb01_st > img{ position:absolute; z-index:1; }
.sb01_st > img:first-child{ top:50%; left:0; transform:translate(0, -50%); }
.sb01_st > img:last-child{ top:50%; right:0; transform:translate(0, -50%); }
.sb01_st > span{ display:inline-block; position:relative; z-index:1; }
.sb01_st > span:after{ content:''; position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:35%; background-color:#EFD7C5; }

.sb01_gr{ max-width:790px; width:100%; margin:0 auto;  }
.sb01_gr > li{ display:flex; align-items:flex-start; font-family:'NanumSquare','nt', sans-serif; font-size:26px; font-weight:300; color:#000; }
.sb01_gr > li:not(:last-child){ margin-bottom:15px; }
.sb01_gr > li > strong{ display:flex; align-items:flex-end; font-family:'NanumSquare','nt', sans-serif; font-weight:600; color:#000; margin-right:10px; white-space:nowrap; }
.sb01_gr > li > strong > span{ font-family:'NanumSquare','nt', sans-serif; font-size:0.8em; font-weight:400; color:#000; margin-right:10px; border:1px solid #000; border-radius:4px; padding:2px 4px; }

.sb01_hr{ max-width:1036px; width:100%; height:1px; margin:150px auto 85px; border:none; background-color:#666; }

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

@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_po > p{ font-size:28px; }
    .sb01_st{ font-size:32px; padding:20px 30px; min-height:140px; }
    .sb01_st:before{ width:32px; }
    .sb01_st:after{ width:32px; }
    .sb01_gr > li{ font-size:20px; }
    .sb01_qr > p{ font-size:24px; }
}
@media(max-width:768px){
    #sb01{ padding:100px 15px 150px; }
    .sb01_tt{ margin:20px auto 60px; padding:30px 30px; }
    .sb01_tt > img{ width:40px; }
    .sb01_tt > h2{ font-size:20px; }
    .sb01_po > p{ font-size:24px; }
    .sb01_po > p > .pc_br{ display:none; }
    .sb01_st{ font-size:24px; padding:20px 20px; min-height:initial; }
    .sb01_st:before{ width:24px; }
    .sb01_st:after{ width:24px; }
    .sb01_gr > li{ font-size:16px; }
    .sb01_qr > p{ font-size:20px; }
}
@media(max-width:700px){
    .sb01_dc{ background-image:none; padding:0; }
    .sb01_dp:nth-child(2n - 1){ border-right:3px dotted #666; }
}
@media(max-width:500px){
    .sb01_dp{ width:100%; border-bottom:2px dotted #666; padding:40px 0; }
    .sb01_dp:nth-child(-n + 2){ border-bottom:2px dotted #666; }
    .sb01_dp:nth-child(2n - 1){ border-right:none; }
}