@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;500&display=swap);body,html{max-width:100%}body,h2,p{margin:0}p.split,p.split-margin{height:50px}#stu1,#stu2{max-width:240px}#ending,#reselect,#select2,#selection1,#selection2,.stu12{display:none}#background,#intro,.section,.selection,body{text-align:center}.portrait_box.b_box .img_box,body{padding:0}.b_table>div>div,.case-box h2,p.split{border-bottom:1px solid #000}#ending h2,.case-box h2,body{font-family:'Spoqa Han Sans Neo'}.bridge,.btn_no,.btn_yes,.c_table .data,p span{font-weight:700}.c_table .graph>div,.p_box .img_box,.quotation>div{right:0;position:absolute}.bubble.visible,.credit .btn,h1>span{display:block}*{-webkit-box-sizing:border-box;box-sizing:border-box}.hvh100{height:100vh}.tvh60{top:60vh}html{-webkit-overflow-scrolling:auto}body{font-size:17px;word-break:keep-all}.quotation>div>div,h2{font-family:'Noto Serif KR',serif}.cb{clear:both}h2{font-size:min(5vw, 40px);line-height:150%}h2.title{font-size:min(7vw, 60px);padding:60px 0 20px}p{font-size:min(4.5vw, 24px);line-height:180%;padding:25px 0}#intro{padding:0 5px;display:flex;justify-content:center;align-items:center}#intro_inner{max-width:1180px}#intro img,.section img{width:100%}#background{width:90%;max-width:740px;margin:0 auto}#background h2,#img_container h2{font-size:30px;line-height:150%;padding-bottom:20px}#img_container h2{display:none;padding-top:90px}#img_container{position:absolute;width:100%;background:0 0;left:0;display:flex;justify-content:center;align-items:center}#stu1{margin-right:400px}#stu2{margin-left:400px}#reselect{justify-content:center;align-items:center}.btn_no,.btn_yes,.selection{justify-content:center;display:flex}#reselect h2{padding-bottom:20px}#reselect img,.imgL,.imgR{width:80%;max-width:420px}#btn_reselect{border:1px solid #000;padding:20px;font-size:35px;background-color:#f3cc00;cursor:pointer;color:#000}.stu12{width:100%;max-width:410px}.section_inner .contents,.selection{width:90%;max-width:740px;margin:0 auto}.selection{align-items:center}.selection_inner{position:relative;width:100%}.selection_inner h2{padding:0 0 50px}.btn_no,.btn_yes{position:absolute;top:300px;left:-35px;width:120px;height:120px;border-radius:120px;background-color:#00aae4;align-items:center;font-size:25px;cursor:pointer;border:1px solid #000;color:#000}.bridge,.portrait_box{justify-content:center}.btn_no{background-color:#00a79b;left:auto;right:-35px}#reselect.a,.selectionA{background-color:#00aae4}#reselect.b,.selectionB{background-color:#00a79b}.conclustion{background-color:#ff594c}.imgR{transform:scaleX(-1)}.bridge{font-size:min(8vw, 40px);width:100%;position:relative;display:flex;align-items:center}#teaImg{width:100%;max-width:420px}.bubble{position:absolute;display:none}.p_box,.portrait_box,.quotation{position:relative}#bubble1{width:min(89%,320px);left:max(-240px,calc(-240px + (937px - 100vw)/ 562 * 170));top:max(-170px,calc(-170px + (937px - 100vw)/ 562 * 15))}#bubble2{width:min(100%,365px);bottom:min(10px,calc(10px + (937px - 100vw)/ 562 * -95));right:max(-185px,calc(-185px + (937px - 100vw)/ 562 * 115))}#bubble3{width:min(115%,425px);right:max(-100px,calc(-100px + (937px - 100vw)/ 562 * 10));top:max(-250px,calc(-250px + (937px - 100vw)/ 562 * 190))}#bubble4{width:min(186%,810px);bottom:min(-65px,calc(-65px + (937px - 100vw)/ 562 * -75));left:max(-250px,calc(-250px + (937px - 100vw)/ 562 * 160))}.gradation1{background:linear-gradient(180deg,#fff 0,#00aae4 100%);width:100%;height:500px}.gradation2{background:linear-gradient(180deg,#fff 0,#00a79b 100%);width:100%;height:500px}.gradation3{background:linear-gradient(180deg,#00aae4 0,#ff594c 100%);width:100%;height:500px}.gradation4{background:linear-gradient(180deg,#ff594c 0,#fff 100%);width:100%;height:500px}.portrait_box{height:min(100vw,700px);display:flex;align-items:flex-end}.portrait_box .img_box{padding:0 5%;position:absolute;left:0;right:0;bottom:80px;overflow:hidden}.portrait_box .img_box>div{max-width:1100px;margin:0 auto;position:relative}.portrait_box .gradient_line{height:150px;width:100%;background:linear-gradient(to bottom,#2e3192,#00aae4);border-top:3px solid #000}.portrait_box.b_box .gradient_line{border-top:solid #000;height:min(70vw,350px);background:#f3cc00}.p-margin{height:150px}.q-margin{height:100px}#a_portrait_1 img{width:48%;float:left}#a_portrait_1 img:first-child{margin-right:4%}#a_portrait_2 .img_box{bottom:129px}#a_portrait_2 img{width:90%;max-width:736px}.quotation{max-width:766px;width:90%;margin:25px auto;overflow:hidden}.quotation>div{left:0;top:10%;height:80%}.quotation>div>div{position:absolute;left:-1000%;width:100%;text-align:center;font-size:30px;top:0;display:flex;justify-content:center;align-items:flex-end}.bridge-flex,.quotation>div>div>div{display:flex;justify-content:center;align-items:center}#quotation10>div>div:nth-child(6),#quotation11>div>div:nth-child(6),#quotation12>div>div:nth-child(5),#quotation13>div>div:nth-child(5),#quotation1>div>div:nth-child(4),#quotation2>div>div:nth-child(6),#quotation3>div>div:nth-child(3),#quotation4>div>div:nth-child(5),#quotation7>div>div:nth-child(8),#quotation8>div>div:nth-child(5),#quotation9>div>div:nth-child(3),.quotation>div>div:first-child>div{height:100%}#quotation10>div>div:nth-child(3),#quotation11>div>div:nth-child(3),#quotation1>div>div:nth-child(2),#quotation2>div>div:nth-child(3),#quotation6>div>div:nth-child(5),#quotation7>div>div:nth-child(4),.quotation>div>div:nth-child(2)>div{height:50%}#quotation10>div>div:nth-child(2),#quotation11>div>div:nth-child(2),#quotation2>div>div:nth-child(2),#quotation3>div>div:first-child,#quotation9>div>div:first-child,.quotation>div>div:nth-child(3)>div{height:33.3333%}#quotation1>div>div:first-child,#quotation7>div>div:nth-child(2),.quotation>div>div:nth-child(4)>div{height:25%}#quotation12>div>div:first-child,#quotation13>div>div:first-child,#quotation4>div>div:first-child,#quotation6>div>div:nth-child(2),#quotation8>div>div:first-child,.quotation>div>div:nth-child(5)>div{height:20%}#quotation10>div>div:first-child,#quotation11>div>div:first-child,#quotation2>div>div:first-child,.quotation>div>div:nth-child(6)>div{height:16.6666%}.quotation>div>div:nth-child(7)>div{height:14.2857%}#quotation7>div>div:first-child,.quotation>div>div:nth-child(8)>div{height:12.5%}#quotation1>div>div:nth-child(3),#quotation7>div>div:nth-child(6){height:75%}#quotation10>div>div:nth-child(4),#quotation11>div>div:nth-child(4),#quotation2>div>div:nth-child(4),#quotation3>div>div:nth-child(2),#quotation9>div>div:nth-child(2){height:66.6666%}#quotation10>div>div:nth-child(5),#quotation11>div>div:nth-child(5),#quotation2>div>div:nth-child(5){height:83.3333%}#quotation12>div>div:nth-child(2),#quotation13>div>div:nth-child(2),#quotation4>div>div:nth-child(2),#quotation6>div>div:nth-child(4),#quotation8>div>div:nth-child(2){height:40%}#quotation12>div>div:nth-child(3),#quotation13>div>div:nth-child(3),#quotation4>div>div:nth-child(3),#quotation6>div>div:nth-child(6),#quotation8>div>div:nth-child(3){height:60%}#quotation12>div>div:nth-child(4),#quotation13>div>div:nth-child(4),#quotation4>div>div:nth-child(4),#quotation6>div>div:nth-child(8),#quotation8>div>div:nth-child(4){height:80%}#quotation5>div>div:first-child{height:14.6666%}#quotation5>div>div:nth-child(2){height:31.3333%}#quotation5>div>div:nth-child(3){height:48%}#quotation5>div>div:nth-child(4){height:64.6666%}#quotation5>div>div:nth-child(5){height:81.3333%}#quotation6>div>div:first-child{height:10%}#quotation6>div>div:nth-child(3){height:30%}#quotation6>div>div:nth-child(7){height:70%}#quotation7>div>div:nth-child(3){height:37.5%}#quotation7>div>div:nth-child(5){height:62.5%}#quotation7>div>div:nth-child(7){height:87.5%}.bridge.normal{padding:0 20px}.bridge.ending h2{font-size:50px;font-weight:600}.bridge.normal h2{font-family:inherit;padding:0}#bridge2 h2{padding-bottom:210px}.p_box{height:min(50vw,600px)}.p_box .img_box{left:0;bottom:0;overflow:hidden;line-height:0}.p_box_gradient{height:125px;border-top:solid #000;background:linear-gradient(to bottom,#f3cc00 0,#00a79b 100%)}.p_box_static{border-top:solid #000;height:min(60vw,350px);background:#f3cc00}.p_box_gradient_a_to_end,.p_box_gradient_b_to_end,.p_box_static_a_to_re,.p_box_static_b_to_re{height:250px;border-top:solid #000}.p_box_static_a_to_re{background:#00aae4}.p_box_static_b_to_re{background:#00a79b}.p_box_gradient_a_to_end{background:linear-gradient(to bottom,#00aae4 0,#ff594c 100%)}.p_box_gradient_b_to_end{background:linear-gradient(to bottom,#00a79b 0,#ff594c 100%)}#a_portrait_3 .img_box{bottom:146px}#a_portrait_3 img{width:70%;max-width:435px}#a_portrait_4 .img_box{bottom:112px}#a_portrait_4 img{width:90%;max-width:826px}#a_portrait_5,#b_portrait_3,#b_portrait_4,#b_portrait_5{white-space:nowrap}#a_portrait_5 .img_box,#b_portrait_5 .img_box{bottom:-203px}#a_portrait_5 img:first-child,#b_portrait_5 img:first-child{max-width:561px;width:48%;margin-left:-200%}#a_portrait_5 img:nth-child(2),#b_portrait_5 img:nth-child(2){max-width:561px;width:48%;margin-left:400%}#b_portrait_1 img{max-width:1280px;width:100%}#b_portrait_1 .img_box{bottom:-182px}#b_portrait_2 .img_box{bottom:-43px}#b_portrait_2 .img_box>div{display:flex;justify-content:center}#b_portrait_2 img:first-child{max-width:780px;width:70%}#b_portrait_3 .img_box{bottom:-23px}#b_portrait_3 img{max-width:280px;width:20%;margin-left:100%}#b_portrait_3 img:nth-child(2){margin-left:200%}#b_portrait_3 img:nth-child(3){margin-left:300%}#b_portrait_3 img:nth-child(4),#b_portrait_4 img:nth-child(2){margin-left:400%}#b_portrait_4 .img_box{bottom:-6px}#b_portrait_4 img{max-width:400px;width:40%;margin-left:-200%}.b-first-portrait-after{background:linear-gradient(to bottom,#f3cc00 0,#00a79b 100%)}#b-case-box{margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-flow:wrap;max-width:1130px}#b-case-box img{width:212px;float:left;margin:7px;cursor:pointer}#b-case-box img:hover{transform:rotate(-10deg)}.case-box{position:fixed;left:-200%;top:50%;transform:translate(-50%,-50%);max-width:754px;width:90%;padding:15px;background-color:#f3cc00;text-align:left;border:1px solid #000;z-index:100}.c_table .header,.d_table .header,.reply{border-bottom:2px solid #000}.case-box h2{padding-bottom:5px;margin-bottom:5px}.case-box p{padding:5px 0}.b_table{padding:20px 0;font-size:min(4.5vw, 20px)}.last,.semi-quotation{font-family:'Noto Serif KR',serif;padding:100px 0;font-weight:500}.b_table>div.left{float:left;width:50%;text-align:left}.b_table>div>div{padding:15px 0}.b_table>div>div:first-child{border-bottom:3px solid #000;font-weight:700}.semi-quotation{font-size:34px;font-size:min(5.5vw, 34px)}.last{font-size:min(6vw, 34px)}.reply{font-size:20px;padding:20px 0;font-size:min(4.5vw, 28px)}.select-b-title{padding-top:200px}.kakao{max-width:1280px;width:100%;margin:0 auto}.kakao .left{margin-left:142px;float:left}.kakao .right{margin-right:142px;float:right}.kakao img{margin:min(3vw,25px) 0;opacity:0}.kakao img.visible{opacity:1}#kakao1 .left{max-width:868px;width:90%}#kakao1 .right{max-width:580px;width:60%}#kakao2 .left{max-width:861px;width:90%;opacity:1}#ending h2{padding:200px 0 100px}.c_table .data{font-size:min(4.5vw, 28px);padding:20px 0}.c_table .graph_score,.d_table .graph_bar span{font-size:min(5vw, 40px);font-family:'Noto Serif KR',serif}.c_table .data .first{float:left;width:20px}.c_table .data .left{float:left;margin-left:30px}.c_table .data .right{float:right}.c_table .graph{height:min(15vw,115px);margin-left:50px;background-color:#000;margin-bottom:10px;position:relative}.c_table .graph>div{top:0;left:0;bottom:0;background-color:#e6e6e6;display:flex;justify-content:flex-start;align-items:center}.c_table .graph_score{margin-left:10px;font-weight:500}.c_table .calc{margin-top:50px;border-top:2px solid #000}.d_table .header{font-weight:700;font-size:min(4.5vw, 28px);padding:20px 0;margin-bottom:50px}#bridge2>div>div,.d_table .data{position:relative;margin:0 auto}.d_table .data{max-width:680px;width:100%;height:575px}.d_table .graph_bar{position:absolute;left:0;bottom:0;width:60%;height:0%;text-align:left}.d_table .graph_bar .y{background-color:#f3cc00;width:100%;position:relative}.d_table .graph_bar .g{background-color:#00a79b;width:100%;position:relative}.d_table .graph_bar span{margin-left:5px;display:none}.d_table .graph_bar .legend{position:absolute;left:105%;width:65%;font-weight:700;font-size:min(4.5vw, 28px);display:none;top:5px}#bridge2>div>div{width:min(50vw,420px)}.credit .btn{color:#000;font-size:23px;padding:50px 0 10px;text-align:center;border-top:1px solid #000;font-family:'Noto Serif KR',serif;text-decoration:none}.credit .btn:hover{color:#000}.credit .sns{display:flex;justify-content:space-around}.credit .sns a{max-width:50px}.credit .foundation{padding-top:0}.credit .foundation img{max-width:300px}h1{position:static;left:auto;right:auto;font-size:min(6vw, 70px);padding:0 10px}h1 span:first-child{margin-right:0}@media (max-width:1919px){#background h2,#stu1,#stu2{display:none}#img_container .stu12{display:inline}#background{padding-top:280px}#img_container{display:block;top:100%}#img_container_inner{background-color:#fff;padding-bottom:16px}#img_container h2{display:block}}@media (max-width:1279px){#background{padding-top:90px}#background h2{display:block}#img_container{display:none}#intro img{width:100%;max-width:924px}#background .stu12{display:inline}.btn_no,.btn_yes{position:static;margin:0 10px}.btn_container{margin:10px 0;display:flex;justify-content:center}.imgL,.imgR{max-width:60%}#bridge2 h2{padding:50px 0;position:absolute;top:0;left:0;right:0}#a_portrait_1 img:first-child{width:max(50%,270px);position:absolute;right:35%}#a_portrait_1 img:nth-child(2){width:max(50%,270px);float:left;margin-left:40%}.quotation>div>div{font-size:min(4vw, 30px)}.bridge.ending h2{font-size:min(6vw, 50px)}h2.first{padding:0 0 100px}#b-case-box img{width:28%;margin:7px 2%}#b_portrait_2 img:nth-child(2){top:max(-25vw,-150px);left:50%}#bridge2>div,.b_table>div.left{width:100%}.kakao .left{margin-left:5vw}.kakao .right{margin-right:5vw}}.sticky{position:sticky;top:0}