@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {src:url("/skin/view/images/Jalnan.ttf") format('truetype'); font-family: 'jalnan';}
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

.btn1{/*form control 객체에 버튼 요소만 추가 함*/
		width:80%;height:38px;border:1px solid #cc3300;font-weight:bold;padding:0px;font-size:20px;padding-bottom:2px;margin-left:10px;
		transition:0.3s;
	}

	.box1{
		height: 55px;
		border: 1px #c5c5c5 solid;
		padding: 10px 20px;
		font-size: 20px;
		color: #000;
		background: #fff;
		border-radius: 0px;
		box-shadow: none;
	}

	.box2{
		height:50px;border:0px;padding:10px 20px;font-size:20px;color: white;
        background: #fe8c12;float: left
	}

	.btn1:hover{
		background-color:#eaeaea;
	}

	.select1{
		height:50px;border:0px;padding:10px 20px;font-size:20px;color:#333;
        background: #fff
	}

	.tr1{
        overflow-x:hidden;background-color:#fff;font-size:12px;resize:none;height:40px;margin-top: 20px;float: left
	}

	.test_title{/*타이틀 효과*/
	  font: 50px jalnan, Sans-Serif;
	  text-align: center;
	  color: #f483a4;
	  }

	.test_title2{/*타이틀 효과*/
      font-size: 25px;
	  color: #000;
      margin-bottom: 10px;
	  font-weight: 700;
	}

    .test_title3{/*타이틀 효과*/
      font-size: 20px;
	  color: #333
      margin-bottom: 10px
	}

	.result-text{
	  font: 14px Georgia Bold, Sans-Serif;
	  color: #fff;
	  text-shadow: 0px 1px 4px #2a2a2a;
	  float:left;
	  width:100%;
	  padding:30px;	
	}


	/*#### 금글자 class ####*/
	.golden-base {
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  font-weight:bold;
	  -webkit-margin-before: 0.3em; 
	  -webkit-margin-after: 0.2em;
	}

	.golden1 {
	  background-image: -webkit-linear-gradient(#FFF65C, #3A2C00);
	  text-shadow: -0.02em -0.03em 0.005em rgba(255, 223, 0, 0.60);

	}

	.golden-text{
		  font-size:30px;padding-left:20px;margin-top:15px;
	}
	/*#### 금글자 class #### */

	.wid_33 { width:50%;float:left;height:55px;line-height:55px;padding-top:13px;padding-bottom:13px;}
	.wid_50 { width:50%;float:left;height:55px;line-height:55px;padding-top:13px;padding-bottom:13px; }
	.in1 { font-size:20px;cursor:pointer;width:100px;height:55px;line-height:55px;text-align:center;color:white;background:#000;float:left;}
	.in2 { font-size:20px;cursor:pointer;width:100px;height:55px;line-height:50px;text-align:center;color:white;background:#000;float:left;}
	
	.plno { padding-left:0px !important; }
	.r1 {float: left; width:100px;margin-right: 10px;height:55px;border: 1px #c5c5c5 solid;color: #000;background: #fff !important;border-radius: 0px;box-shadow: none; padding:3px 20px;}
	.r2 {float: left; width:320px;margin-right: 10px;height:55px;border: 1px #c5c5c5 solid;color: #000;padding:3px 20px;font-size:20px;color:#000;background: #fff !important; }
	@media all and (max-width:1500px){ 
	.in1 { cursor:pointer;width:120px;height:55px;line-height:55px;text-align:center;color:white;background:#000;margin-left:10px;font-size:20px; }
	.in2 { font-size:20x;cursor:pointer;width:120px;height:55px;line-height:55px;text-align:center;color:white;background:#000;float:left;margin-left:10px;}
	.wid_33 { width:100%;float:left;height:99px;line-height:99px;padding-top:13px;padding-bottom:13px; }
	.wid_50 { width:100%;float:left;height:99px;line-height:99px;padding-top:13px;padding-bottom:13px; }
	.plno { padding-left:0px !important; }
    .test_title2{/*타이틀 효과*/
	  font-size: 20px;
	  color: #000;
      margin-bottom: 10px;
	  font-weight: 600;
	}
    .test_title3{/*타이틀 효과*/
	  font-size: 20px;
	  color: #333;
      margin-bottom: 10px
	}
	select {  }
	input[type=text] {  }
	input[type=checkbox] {
    transform: scale(2);margin-right:10px;margin-left:10px;
}
input[type=radio] {
    transform: scale(2);margin-right:10px;margin-left:10px;
}
 .nb { width:180px; }
 .r1 { float: left;width:calc( 32.6% - 56px ) !important; }
 .pb { width:180px; }

 .r2 {  float: left;width:calc( 100% - 170px ) !important; }
	}
.select1{
	height: 55px;
    border: 1px #c5c5c5 solid;
    padding: 3px 20px;
    font-size: 20px;
    color: #000;
    background: #fff;
    border-radius: 0px;
    box-shadow: none;
	}


/*leftmenu*/
.ul{list-style:none;margin: 0;padding: 0}
.lnb_style{width:200px;position:relative;float:left;margin-right:70px;margin-top:-20px;}
.ul_style li .ul_top{text-align:center;}
.ul_style li{width:100%;float:left;padding-top:5px;padding-bottom:5px;font-size:12px;}
.ul_style li div{width:180px;margin-right:auto;margin-left:auto;padding:5px;}
.ul_style li .sel{width:180px;margin-right:auto;margin-left:auto;background:#f9eae1;padding:8px;}
.clear{clear:both;}

/*---------------외주코딩-------------------*/


/*이상형찾기 리뉴얼*/
.noto{font-family: 'Noto Sans KR', sans-serif;}
.jal{font-family: 'jalnan', Sans-Serif;}
.hakgyo{font-family: 'HakgyoansimGaeulsopungL', Sans-Serif;}
.pretendard{font-family: 'pretendard', Sans-Serif;}
.nanummj{font-family: 'nanummyeongjo', Sans-Serif;}


#div2{display:none;}
#div3{display:none;}
#div4{display:none;}
#div5{display:none;}
#div6{display:none;}
#div7{display:none;}
#div8{display:none;}
#div9{display:none;}
#result1{display:none}
#result2{display:none}
#result3{display:none}
#result4{display:none}

/*제목*/
.swid {font-family: 'pretendard', sans-serif;}
.swid .lovetest_1{width:100%; background: url(/skin/view/images/test_9_back.png);background-size: cover; padding: 70px 17px;}

.swid #gradient{background: linear-gradient(to right,rgba(255,121,148,0),rgba(255,121,148,.6),rgba(255,121,148,0));width: 100%;margin: 0 auto;}

.swid .lovetest_1 #up_title{width: 100%; margin-bottom:50px;}
.swid .test_cont_logo{}
.swid .test_cont_logo img{display: block; margin: 0 auto}
.swid .test_cont_logo img:last-child{padding-top:20px;}
.swid .warn1{color: white;} 
.swid .italic{font-style: italic;font-family: 'GowunBatang-Regular';} 
.swid .warn1 .impact{font-style: italic;font-weight: bold;background: linear-gradient(180deg,rgba(255,255,255,0) 50%, #53cfd9 50%);}
.swid .warn1 span{font-weight: bold;color:white;}
.swid .warn2{color: white;line-height: 30px;font-style: italic;font-family: 'GowunBatang-Regular';} 
.swid .warn2 .underline1 {height: 5px;width: 150px; position: absolute;margin-left: -155px} 
.swid .warn2 .underline2 {height: 5px;position: absolute;margin-left: -65px} 
.swid .warn2 .underline3 {height: 5px;position: absolute;margin-left: -75px} 
.swid .warn2 span{font-weight: bold;color:white;}
.swid .title{text-align:center;color: white;font-weight: 300;}
.swid .t_under{text-align:center;}




/*테스트 내용*/
.sel_box{ background:#fff; width:90%;padding: 80px 0 ; margin: 0 auto;}

.sel_box .warn3{font-family: 'Noto Sans KR', sans-serif;color: white;text-align: left;line-height: 30px;border: 1px solid white;margin: 0 auto;font-size: 15px;width: 400px;padding: 10px 20px} 
.sel_box .warn3 span{font-weight: bold;color:#ff7994;}
.swid .warn3 .impact{font-style: italic;font-weight: bold;border-bottom: 2px solid #ff7994;color: #ff7994} 
.sel_box #warn4_box{font-family: 'Noto Sans KR', sans-serif;text-align: center} 
.sel_box #warn4_box li{display: inline-block} 
.sel_box #warn4_box img{height: 75px;margin-top: -50px} 
.sel_box .warn4{color: white;text-align: left;line-height: 25px;font-size: 15px;word-break: break-all;width: 350px;margin: 0 15px 0 20px} 

.sel_box .intitle span{background:#cbffbb;}
.sel_box .intitle{font-size: 37px;color: #000;position: relative;z-index:10;text-align:center; font-weight: 700;}
.sel_box .line{margin:0 auto;border: 3px dotted #00ff0000;border-bottom-color:white;}

.sel_box .margin_5{margin-bottom: 5%}
.sel_box .btn_1{font-size: 25px;margin: 0 auto;color: white;}
.sel_box .btn_1 ul{text-align: center;}
.sel_box .btn_1 li{height:70px;background: #ededed;border-radius:50px;text-align: center;line-height: 70px;cursor: pointer;display: inline-block; color:#333} 
.sel_box .btn_1 li:first-child{margin-right:2%}
.sel_box .btn_1 li:hover{background: #cbffbb;
 -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;}




/*div2 버튼*/

.swid .lovetest_2{width:100%; background: url(/skin/view/images/test_9_back.png);background-size: cover; padding: 70px 17px;}
.swid .lovetest_2 #up_title{}

.sel_box .btn_2{font-size: 25px;;margin: 0  auto;color: white}
.sel_box .btn_2 ul{text-align: center;}
.sel_box .btn_2 li{height:70px;border-radius: 100px;text-align: center;line-height: 70px;cursor: pointer;display: inline-block;color: #333; background: #ededed;}
.sel_box .btn_2 li:first-child{margin-right: 5%}
.sel_box .btn_2 li:hover{background: #cbffbb;
 -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;}




/*div3*/
.swid .lovetest_3{width:100%; background: url(/skin/view/images/test_9_back.png);background-size: cover; padding: 70px 17px;}

.sel_box .btn_3{font-size: 25px;margin: 0 auto;color: #333}
.sel_box .btn_3 li{height:70px;background: #ededed;margin: 0 auto;border-radius: 100px;text-align: center;line-height:70px;cursor: pointer; margin-bottom:5%}
.sel_box .btn_3 li:last-child{margin-bottom: 0}
.sel_box .btn_3 li:hover{background: #cbffbb;
 -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;}



/*div4*/
.swid .lovetest_4 {width:100%; background: url(/skin/view/images/test_9_back.png);background-size: cover; padding: 70px 17px;}


/*div5*/
.swid .lovetest_5{width:100%; background: url(/skin/view/images/test_9_back.png);background-size: cover; padding: 70px 17px;}


/*div6*/
.swid .lovetest_6{width:100%; background: url(/skin/view/images/test_9_back.png);background-size: cover; padding: 70px 17px;}

/*div7*/
.swid .lovetest_7{width:100%; background: url(/skin/view/images/test_9_back.png);background-size: cover; padding: 70px 17px;}


/*div8*/
.result1 {font-size: 25px;margin: 0 auto;height:70px;background: #000;border-radius: 100px;text-align: center;line-height: 70px;cursor: pointer; color: #fff}
.result1:hover{background: #cbffbb; color: #000;
 -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;}

.ticket{text-align: center;}
.ticket img{width: 50%; margin: 80px 0;}
.ticket p{color: white;text-align: center}
.ticket span{color: #f483a4;}
.ticket .small{color: #f483a4;font-size: 23px;text-align: center;font-weight: 100}

/*div9*/
#div9{font-family: 'Noto Sans KR', sans-serif;}

.result {font-size: 25px;height:70px;margin: 0 auto;background: #ededed;border-radius: 100px;text-align: center;line-height: 70px;cursor: pointer; color:#000}
.result:hover{background: #cbffbb;
 -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;}

.info {margin-bottom: 70px;}
.info ul{margin-bottom: 30px}

.div9_name li:last-child{width:50%;}
.div9_gender li span{margin-right: 50px}
.div9_gender li input{margin-top: -2px;}
.div9_year li:last-child{width:50%;}
.div9_numb li:last-child{margin-bottom: 110px}
.div9_numb2 li:last-child{margin-bottom: 110px}
.div9_agree {margin-top: 10px; width: 100%; display:inline-block;text-align:left;}
.div9_agree li{float: left;}
.div9_agree li:last-child {margin-right: 0}


/*result1*/
.end{margin-bottom: 50px;width: 100%;text-align: center;}
.end .about{margin-top: 40px;font-size: 25px;color: #000;font-weight: 400; line-height:50px}
.end span{color: #2d4127;font-size: 40px; font-weight: 700; line-height:70px;}
.end .tada{font-size: 25px;color:#000}
.end .tada .in{margin-top: 40px;text-align: center}
.end .tada .numb{text-align: center;margin: 15px auto;border-radius: 10px; font-size: 50px; color: #2d4127; font-weight: 700;}

.end img{width: 100%;}