@charset "utf-8";

@font-face {src:url("/skin/view/images/SCDream3.otf") format('truetype'); font-family: 'sclight';}
@font-face {src:url("/skin/view/images/SCDream5.otf") format('truetype'); font-family: 'scmid';}
@font-face {src:url("/skin/view/images/SCDream6.otf") format('truetype'); font-family: 'scbold';}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'GowunBatang-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {src:url("/skin/view/images/Cafe24Oneprettynight.ttf") format('truetype'); font-family: 'cafe24';}



/*폰트*/
.noto{font-family: 'Noto Sans KR', sans-serif;}
.sclight{font-family: 'sclight', Sans-Serif;}
.scmid{font-family: 'scmid', Sans-Serif;}
.scbold{font-family: 'scbold', Sans-Serif;}

.swid{padding: 0px;width: 100%}
.lovetest{width: 100%;}



/*menu*/
.menu ul{font-size: 17px;text-align: center;width: 100%; font-family: 'Pretendard'; padding-bottom:50px;}
.menu li:last-child{margin-right: 0}
.menu .nonsel{display: inline-block;position: relative;border: 1px solid #bdbdbd;padding: 13px 20px;border-radius: 50px;}
.menu .nonsel a{color: #3a3a3a;}
.menu .sel{display: inline-block;position: relative;padding: 13px 20px; border-radius: 50px;background: #ffb4e3;color: white; border:1px solid  #ffd9f1; font-weight:bold;}
.menu .sel a{color:#ffff;}


/*top*/
.top {text-align: center;line-height: 40px;margin-top: 100px}
.top .black{font-size: 25px;color: #596c73;font-family: 'sclight', Sans-Serif;}
.top .black span{font-size: 35px;color: #ff9689;font-family: 'scbold', Sans-Serif;text-shadow: 3px 3px #acdee7}
.top .pink{color: #ff9689;font-family: 'sclight', Sans-Serif;}
.top .pink span{font-family: 'scbold', Sans-Serif;text-shadow: 3px 3px #acdee7}
.top img{height: 100px;}



/*cont*/
.t_under2{font-family: 'sclight', Sans-Serif;color: #596c73;text-align: center;margin: 50px 0 100px 0}
.warn1{font-size: 20px;  } 
.italic{font-style: italic;font-family: 'GowunBatang-Regular';} 
.warn1 .impact{font-style: italic;background: linear-gradient(180deg,rgba(0,0,0,0) 50%, #ff9689 50%);font-size: 25px;}
.warn1 span{font-weight: bold;font-family: 'scbold', Sans-Serif;}
.warn2{line-height: 30px;font-style: italic;font-family: 'GowunBatang-Regular';font-size: 17px;} 
.warn2 .underline1 {margin-top: 30px;height: 5px;width: 130px; position: absolute;margin-left: -140px} 
.warn2 .underline2 {margin-top: 30px;height: 5px;position: absolute;margin-left: -65px} 
.warn2 .underline3 {margin-top: 30px;height: 5px;position: absolute;margin-left: -75px} 
.warn2 span{font-weight: bold;}


/*test_content*/

.test_content{display: flex; flex-wrap:wrap; max-width: 1000px; margin: 0 auto; justify-content:space-around; font-family: 'Pretendard';}
.test_images1{background:url(/skin/view/images/thum_test_1.png)no-repeat;}
.test_images2{background:url(/skin/view/images/thum_test_6.png)no-repeat;}
.test_images3{background:url(/skin/view/images/thum_test_3.png)no-repeat;}
.test_images4{background:url(/skin/view/images/thum_test_4.png)no-repeat;}
.test_images5{background:url(/skin/view/images/thum_test_5.png)no-repeat;}
.test_images6{background:url(/skin/view/images/thum_test_2.png)no-repeat;}
.test_images7{background:url(/skin/view/images/thum_test_7.png)no-repeat;}
.test_images8{background:url(/skin/view/images/thum_test_8.png)no-repeat;}
.test_thum{width:45%; margin-bottom:50px; text-align: center; background-size:cover; border-radius:1.2rem; background-position:center;}
.test_thum a{padding:113px 1rem; display: block; text-align: center;}
.test_thum p{text-align: center; font-size: 30px; font-weight: 600; padding-bottom: 10px;} 
.test_thum button{font-size:18px; padding:20px 40px ;border-radius: 100px; border:0; color: #232323; font-weight: 600; background-color: #fff; }
.test_thum button:hover{background: #ffb4e3; color: #fff; transition: all 0.5s;}
.font_white{color: #ffff;}
.font_gray{color: #232323;}
.warn_new{line-height: 30px;font-style: italic;font-family: 'GowunBatang-Regular';font-size: 20px; padding-top: 20px;} 
.warn_new .underline1 {margin-top: 30px;height: 5px;width: 190px; position: absolute;margin-left: -180px} 
.warn_new .underline2 {margin-top: 30px;height: 5px;position: absolute;margin-left: -65px} 
.warn_new .underline3 {margin-top: 30px;height: 5px;position: absolute;margin-left: -75px} 
.warn_new span{font-weight: bold;}

.outro_bg{background:url(/skin/view/images/bg_test_outro.png)no-repeat;}

      
@media (min-width: 250px) and (max-width:710px) {   

.test_thum{width:90%;}

}



/*cont_new*/

.test_main_cont {font-family: 'pretendard', Sans-Serif;color: #3a3a3a;text-align: center;margin: 50px 0 100px 0}
.test_benefit{font-size: 40px;  } 




.cont {margin: 0 auto;min-height: 900px;transition: all 0.5s}
.cont .flower img{height: 77px;position: absolute;z-index: 10}

#align{text-align: center}
#align .left{display: inline-block;margin-right: 10px}
#align .right{display: inline-block;}

.cont .left .text{font-family: 'sclight', Sans-Serif;color: #596c73;text-align: center;}
.cont .left .text span{font-family: 'scbold', Sans-Serif;color: #ff9689}
.blackbar {padding:20px 0;}
.blackbar ul{font-size: 20px;font-family: 'scbold', Sans-Serif;text-align: center;}
.blackbar li{display: inline-block;}
.blackbar li:nth-child(2){margin: 0 5px}
.blackbar li img{height: 10px}
.test_btn {padding: 10px;background: #ff9689;color: white;margin: 0 auto;border-radius: 50px;font-family: 'cafe24';font-style: italic;width: 200px;}
.test_btn span{font-family: 'scbold', Sans-Serif;font-size: 20px;}

.cont .matching .end {font-family: 'scbold', Sans-Serif;text-align: center;position: absolute;z-index: 9;font-size: 20px;color: white;cursor:default}
.cont .matching .in {color: #596c73;text-align: center;font-family: 'sclight', Sans-Serif;text-align: center}

.cont .find .end {font-family: 'scbold', Sans-Serif;text-align: center;position: absolute;z-index: 9;font-size: 20px;color: white;cursor:default}
.cont .find .in {color: #596c73;text-align: center;font-family: 'sclight', Sans-Serif;text-align: center}
.cont .find .blackbar .over {width: 90px}
.cont .find .blackbar .under {width: 85px;}

.cont .review .end {font-family: 'scbold', Sans-Serif;text-align: center;position: absolute;z-index: 9;font-size: 20px;color: white;cursor:default}
.cont .review .in{color: #596c73;font-family: 'sclight', Sans-Serif;text-align: center;}

.cont .level .end {font-family: 'scbold', Sans-Serif;text-align: center;position: absolute;z-index: 9;font-size: 20px;color: white;cursor:default}
.cont .level .in{color: #596c73;text-align: center;font-family: 'sclight', Sans-Serif;text-align: center}
.cont .level .blackbar .over {width: 90px}
.cont .level .blackbar .under {width: 85px;}

.cont .doctor .end {font-family: 'scbold', Sans-Serif;text-align: center;position: absolute;z-index: 9;font-size: 20px;color: white;cursor:default}
.cont .doctor .in{color: #596c73;font-family: 'sclight', Sans-Serif;text-align: center}





/*bot*/
.bot{width: 100%;height: 155px;}
.bot .award{width: 100%;height: 75px;font-family: 'sclight', Sans-Serif;color: #596c73;}
.bot .award span{font-size: 15px;font-family: 'scbold', Sans-Serif;color: #ff9689;}
.bot .award img{position: absolute;}
.bot .award li{float: left;}

.bot .numb{width: 100%;background: #d4f0f1;border-radius: 30px 0 30px 0}
.bot .numb .call{color: #ff9689;font-family: 'scbold', Sans-Serif;}

.bot .numb .btn1{height: 40px;background: #ff9689;border-radius: 30px;box-shadow: 0px 5px 10px rgba(0, 0, 0, .5);padding: 2px}
.bot .numb .btn1 p{font-family: 'sclight', Sans-Serif;color: white;position: absolute;}
.bot .numb .btn1 .go{height: 35px;width: 35px;font-family: 'scbold', Sans-Serif;color: #ff9689;background: white;border-radius: 100px;text-align: center}

.bot .numb .btn2{height: 40px;background: #ff9689;border-radius: 30px;box-shadow: 0px 5px 10px rgba(0, 0, 0, .5);padding: 2px}
.bot .numb .btn2 p{font-family: 'sclight', Sans-Serif;color: white;position: absolute;}
.bot .numb .btn2 .go{height: 35px;width: 35px;font-family: 'scbold', Sans-Serif;color: #ff9689;background: white;border-radius: 100px;text-align: center}

.bot .numb li:last-child{margin-right: 0;}