.p_r{position: relative;} .cont01 .u_name{position: absolute;top: 72.6%;left: 21.1%;width: 39vw;height: 6vw;font-size: 3.3vw;text-align: center;line-height: 8vw;letter-spacing: -0.3vw;color: #1a1a1a;font-weight: bold;} .cont01 .con01_sd{position: absolute;top: 62.1%;left: 30.8%;width: 20vw;} .cont04 {background: #fcf2d7;} .cont04 .v_wrap { width: 92%; padding-top: 52%; margin: 0 auto; position: relative;} .cont04 .v_wrap iframe {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .cont04 .v_wrap iframe:first-of-type {display: block;} .cont05 {background:#d3e4fe;} .cont05 .scroll_box{width:90%; background:#fff; margin: 0 auto; height:60vw; overflow-y: auto;} .somun{background:#cad8fb} .somun .somun_txt{position: absolute;bottom: 13.8%;width: 100%;padding: 0 5%;box-sizing: border-box;} .somun .somun_txt::after{content: ''; display:block; clear:both} .somun .somun_txt input[type='text']{width: 100%;height: 9vw;border: 0;background: #fff;} .somun .somun_txt > a{display:block; width:29%; background:#006ae0; color:#fff; text-align:center} .somun .somun_txt #tel_input{margin-top: 3.3%;} .cont06{background: #5653e2; padding:0 0 8%;} .cont06 ul{padding:0 3%;} .cont06 ul li{margin:0 0 3%;} .cont06 ul li a{display: block;} .cont06 ul li a img{width:100%;} /* popup */ /* .layer_pop { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0;} .layer_pop .layer_bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background:rgba(0,0,0,0.5);} .layer_pop .pop_img {position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%); width: 90%;} .layer_pop .btn_close{color: #fff;font-size: 6vw;position: absolute; right: 0; top: -5vw;background: #000;width: 5vw;line-height: 0.6;height: 5vw;text-align: center;} */ .layer_pop .layer_bg{position: absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;display: none;z-index: 11;} .layer_pop{display:none;position: fixed;top:0;left:0;width:100%;height:100%;z-index:20;} .layer_pop .close{position:absolute; top:-30px; right:0; background:#1e1e1e; color:#fff; font-size:19px; width:30px; height:30px; line-height:27px; text-align: center;} .layer_pop .pop_img{position: absolute;top:48%;left:50%;transform: translate(-50%,-50%);width: 90%;z-index: 21;} .layer_pop .pop_img img{width: 100%;} .layer_pop .type1 #Keyword{vertical-align: middle;color: #1b1b1b;height: 35px;background: none;border: 0;width: 85%;height: 18vw;text-align: center;position: absolute;top: 41.5%;left: 7.5%;font-size: 4.5vw;font-weight: bold;} .somun_date {position: absolute; left:19%; bottom: 16.9%; font-size: 2vw; color: #888;} /*°ø BTI Å×½ºÆ® */ .gbti_test{display: block;position: relative;} .gbti_test .gbti_con {display: none;position: absolute; top: 0; width: 100%; height: 100%; text-align: center;} .gbti_test .gbti_con.on{display:block;} .gbti_test .gbti_con h1 {color: #f83365;font-size: 7vw;width: 100%;height: 15vw;margin: 0 auto;margin-top: 24.5%;padding-top: 6%;} .gbti_test .gbti_con h4 {color: #000;font-size: 6vw;width: 100%;height: 17vw;margin: 0 auto;margin-top: 2.5%;letter-spacing: -0.5vw;} .gbti_test .gbti_con h4 b {color: #f83365; font-weight: 700;} .gbti_test .gbti_con .choice {display: flex;margin: 0 auto;padding: 7%;flex-flow: nowrap column;width: 82%;height: auto;} .gbti_test .gbti_con .choice li {display: flex;justify-content: center;align-items: center;margin-bottom: 5%;height: 16.2vw;background: #ffecf2;border-radius: 8vw;border: 1vw solid transparent;} .gbti_test .gbti_con .choice li:hover {background: #f83466;box-shadow: 0.5vw 1vw 4vw 0.5vw #ffb2c6;} .gbti_test .gbti_con .choice li:hover p {color: #fff;font-weight: bold;} .gbti_test .gbti_con .choice li p {color: #000;font-size: 4vw;} .gbti_test .gbti_con .choice3 li p,.gbti_test .gbti_con .choice5 li p{font-size: 4.1vw;} .gbti_test .gbti_con .choice5 li {height: 16.5vw;} .gbti_test .gbti_con .choice5 li:nth-child(-n+2){width: 48%;} .gbti_test .gbti_con .choice5 li:nth-child(2){margin-top: -30%;margin-left: 52%;} /* .gbti_test .gbti_con .choice5 li:last-child {margin-bottom: 0;} */ /* °ø BTI Å×½ºÆ® °á°ú */ .result_bnr1 {background: #ff0050;padding-bottom: 10%;} .result_bnr2 {background: #fff3ea;} .result_bnr1 .r_bnr1{width: 93%;margin: 0 auto; display: flex;justify-content: space-between; flex-flow: row wrap;} .result_bnr1 .r_bnr1 a {display: block; width: 100%; height: 100%;} .result_bnr2 .r_bnr2{width: 92%;margin: 0 auto;} .result_bnr1 .r_bnr1 > li{width: 49%;height: 35vw;background: #fff;border-radius: 10px;box-shadow: 0vw 2vw 5vw -2vw rgb(0 0 0 / 50%); text-align: center; padding: 2%; margin-bottom: 2%;} .result_bnr1 .r_bnr1 > li dt {height: 12vw; border-bottom:1px solid #e5e5e5; padding-bottom: 1.67vw; margin-bottom: 2.4vw; text-align: center;} .result_bnr1 .r_bnr1 > li dd {font-size: 2.5vw; text-align: left; padding: 0 1%; line-height: 1.5;} .result_bnr1 .r_bnr1 > li img {object-fit: contain; width: 100%; height: 100%;} .result_bnr2 .r_bnr2 > li{width: 100%; border-radius: 10px; margin-bottom: 2vw;} .result_bnr2 .r_bnr2 > li:last-child {margin-bottom: 0;} .blur_box {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;overflow: hidden; background: url("//mpublic.hackers.com/images/event/2021/1021/re_220113/blur_bg.png");padding-top: 65%;box-sizing: border-box;} /* Ç÷ÎÆùè³Ê */ .float_bn{position: fixed; bottom:0; left:50%; transform: translateX(-50%); width:100%;} @media screen and (max-width:380px) { .result_bnr1 .r_bnr1 > li {padding: 2% 2% 4%;} .result_bnr1 .r_bnr1 > li {height: initial; } }