@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbit&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@font-face {src:url("/skin/view/images/Jalnan.ttf") format('truetype'); font-family: 'jalnan';}
@font-face {
    font-family: 'HeirofLightBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/HeirofLightBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@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;
}

.orbit-regular {
  font-family: "Orbit", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.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:50px;border:0px;padding:10px 20px;font-size:20px;color: #2a2a2a; width:70% !important;
        background: #fff;
		border: 1px solid #ccc;
	}

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

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

	.select1{
		height:50px;border:0px;padding:10px 20px;font-size:20px;color: #2a2a2a;
        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: #2a2a2a;
	  }

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

    .test_title3{/*타이틀 효과*/
      font-size: 20px;
	  color: #2a2a2a;
      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:50px;line-height:50px;text-align:center;color:#fff;background:#818181;border-radius:4px;float:left;}
	.in2 { font-size:20px;cursor:pointer;width:100px;height:50px;line-height:50px;text-align:center;color:#fff;background:#5c47a9;border-radius:4px;float:left;}
	
	.plno { padding-left:0px !important; }
	.r1 {float: left; width:100px;margin-right: 10px;height:50px;border:0px;color: #2a2a2a;background: #fff !important;border: 1px solid #ccc; }
	 .r2 {float: left; width:320px;margin-right: 10px;height:50px;border:0px;padding:3px 20px;font-size:20px;color: #2a2a2a;background: #fff !important; }
	@media all and (max-width:1500px){ 
		.in1 { cursor:pointer;width:120px;height:58px;line-height:58px;text-align:center;color:#fff;background:#818181;border-radius:4px;margin-left:10px;font-size:25px; }
	.in2 { font-size:25px;cursor:pointer;width:120px;height:58px;line-height:58px;text-align:center;color:#fff;background:#5c47a9;border-radius:4px;float:left;margin-left:10px;border: 1px solid #ccc;}
	.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: 30px;
	  color: #2a2a2a;
      margin-bottom: 10px
	}
    .test_title3{/*타이틀 효과*/
	  font-size: 30px;
	  color: #2a2a2a;
      margin-bottom: 10px
	}
	select { height:58px !important;font-size:30px !important; }
	input[type=text] { height:58px !important;font-size:30px !important;border: 1px solid #ccc;}
	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; border: 1px solid #ccc; }
 .pb { width:180px; }

 .r2 {  float: left;width:calc( 100% - 170px ) !important; }
	}
.select1{
		height:50px;border:0px;padding:3px 20px;font-size:20px;color: #2a2a2a;
        background: #fff;
		border: 1px solid #ccc;
	}


/*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;}

#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: 'Noto Sans KR', sans-serif;}
.swid .lovetest_1{width:100%;}

.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%;background: url(/skin/view/images/lovetest2_1_1.jpg);background-size: cover;margin-bottom: -10px;}
.swid .logo img{display: block; margin: 0 auto}
.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%, #fc7001 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: bold;}
.swid .t_under{text-align:center;}



/*테스트 내용*/
.sel_box{background:url(/skin/view/images/sub3/test_11_bg.png);
	background-repeat: no-repeat;
    background-position: top;
    background-color: #ffa7cb;
    padding: 70px;}
.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:#fc7001;}
.swid .warn3 .impact{font-style: italic;font-weight: bold;border-bottom: 2px solid #fc7001;color: #fc7001} 
.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: #5c47a9;}
.sel_box .intitle{font-size: 37px;color: white;position: relative;z-index:10;text-align:center;padding-bottom: 40px;}
.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: #5c47a9;}
.sel_box .btn_1 ul{text-align: center;}
.sel_box .btn_1 li{height:70px;background: #fff;border-radius: 10px;text-align: center;line-height:70px;cursor: pointer;display: inline-block;font-weight:600;}
.sel_box .btn_1 li:first-child{margin-right: 5%}
.sel_box .btn_1 li:hover{background: #5c47a9;
 -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;
color: #fff}




/*div2 버튼*/
.swid .lovetest_2 #up_title{width: 100%;background: url(/skin/view/images/lovetest2_2_1.jpg);background-size: cover;}




/*div3*/
.swid .lovetest_3 #up_title{width: 100%;background: url(/skin/view/images/lovetest2_3_1.jpg);background-size: cover;}

.sel_box .btn_3{font-size: 25px;margin: 0 auto;color: #5c47a9}
.sel_box .btn_3 li{height:70px;background: #fff;margin: 0 auto;border-radius: 10px;text-align: center;line-height:70px;cursor: pointer;margin-bottom: 5%; font-weight:600;}
.sel_box .btn_3 li:last-child{margin-bottom: 0}
.sel_box .btn_3 li:hover{background: #5c47a9;
 -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;color: #fff}



/*div4*/
.swid .lovetest_4 #up_title{width: 100%;background: url(/skin/view/images/lovetest2_4_1.jpg);background-size: cover;}


/*div5*/
.swid .lovetest_5 #up_title{width: 100%;background: url(/skin/view/images/lovetest2_5_1.jpg);background-size: cover;}


/*div6*/
.swid .lovetest_6 #up_title{width: 100%;background: url(/skin/view/images/lovetest2_6_1.jpg);background-size: cover;}

/*div7*/
.swid .lovetest_7 #up_title{width: 100%;background: url(/skin/view/images/lovetest2_7_1.jpg);background-size: cover;}


/*div8*/
.result1 {font-size: 25px;margin: 0 auto;height:70px;background: #fff;border-radius: 10px;text-align: center;line-height: 70px;cursor: pointer;color:#4b3730; font-weight: 600;}
.result1:hover{background: #d8a357; color:#ffffff;
 -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;color: #fff}

.ticket img{width: 100%;}
.ticket p{color: white;text-align: center}
.ticket span{color: #fc7001;}
.ticket .small{color: #fc7001;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: #ffffff;border-radius: 10px;text-align: center;line-height: 70px;cursor: pointer;color: #4b3730; font-weight: 600;}

.result:hover{background: #d8a357; color:#ffffff;
 -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;color: #fff}

.info {margin-bottom: 70px; background:#f8f5e8; margin:0 7% 5%;}
.info ul{margin-bottom: 50px;}

.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: #4b3730;font-weight:500}
.end span{color: #4b3730;font-size: 30px;font-weight:700}
.end .tada{font-size: 25px;color: #4b3730; font-family: "Orbit", sans-serif;  font-weight: 600;  font-style: normal;  letter-spacing: -1px;}
.end .tada .in{margin-top: 40px;text-align: center}
.end .tada .numb{text-align: center;width: 20%;margin: 15px auto;border-radius: 10px; font-size: 45px;font-weight: 600;}

.end img{width: 100%;}


.test_top_logo .myungjo{ font-family: "Nanum Myeongjo", serif; font-weight: 700; margin: 10px 0 0 0;font-size: 19px;letter-spacing: -1.5px;color: #8d8159;}
.test_top_logo p:nth-child(3){font-size: 13px; color: #8d8159;}
.sel_box .test_top_logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 40px 0;}

.sel_box_new .test_top_logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 40px 0;}

.sel_box_new .test_top_logo img{max-width:125px;}

/*테스배경 변경 sel_box_new 251105*/ 
.sel_box_new{background:#ede8d3; background-repeat: no-repeat;
    background-position: top; padding: 6% 0;}

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

.sel_box_new .intitle span{/*background: #5c47a9;*/ font-family: "Orbit", sans-serif;  font-weight: 600;  font-style: normal;}
.sel_box_new .intitle{letter-spacing: -1px;font-size: 37px; color:#4b3730; position: relative; z-index:10;text-align:center; padding-bottom: 40px; font-family: "Orbit", sans-serif;  font-weight: 400;  font-style: normal;}
.sel_box_new .line{margin:0 auto;border: 3px dotted #00ff0000;border-bottom-color:white;}

.sel_box_new .margin_5{margin-bottom: 2.3%}
.sel_box_new .btn_1{font-size: 2.3rem; margin: 0 auto;color: #4b3730;}
.sel_box_new .btn_1 ul{text-align: center;}
.sel_box_new .btn_1 li, .sel_box_new .btn_3 li{height:70px;background: #ffffff; border-radius: 8px;text-align: center;line-height:70px; cursor: pointer; display: inline-block;font-weight:600; width:24%; margin-right:2%;}
.sel_box_new .btn_1 li:first-child{margin-right: 3%;}
.sel_box_new .btn_1 li:hover{background: #d8a357;
 -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;
color: #ffffff;}

.test_top_logo_new{text-align:center;}



/*div2 버튼*/
.sel_box_new .swid .lovetest_2 #up_title{width: 100%;background: url(/skin/view/images/lovetest2_2_1.jpg);background-size: cover;}

/*div3*/
.sel_box_new .swid .lovetest_3 #up_title{width: 100%;background: url(/skin/view/images/lovetest2_3_1.jpg);background-size: cover;}
.sel_box_new .btn_3{font-size: 2.3rem;margin: 0 auto;color: #4b3730; text-align:center; }
.sel_box_new .btn_3 li:last-child{margin-bottom: 0}
.sel_box_new .btn_3 li:hover{background: #d8a357;
 -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;color: #fff}



/*div4*/
.sel_box_new .swid .lovetest_4 #up_title{width: 100%;background: url(/skin/view/images/lovetest2_4_1.jpg);background-size: cover;}


/*div5*/
.sel_box_new .swid .lovetest_5 #up_title{width: 100%;background: url(/skin/view/images/lovetest2_5_1.jpg);background-size: cover;}


/*div6*/
.sel_box_new .swid .lovetest_6 #up_title{width: 100%;background: url(/skin/view/images/lovetest2_6_1.jpg);background-size: cover;}

/*div7*/
.sel_box_new .swid .lovetest_7 #up_title{width: 100%;background: url(/skin/view/images/lovetest2_7_1.jpg);background-size: cover;}


/*div8*/
.result1 {font-size: 25px;margin: 0 auto;height:70px;background: #fff;border-radius: 10px;text-align: center;line-height: 70px;cursor: pointer;color:#4b3730; font-weight: 600;}
.result1:hover{background: #d8a357;
 -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;color: #fff}

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


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



.swid,
.sel_box_new,
.info {
  display: flow-root;
}

.clearfix::after { content: ""; display: block; clear: both; }

.swid,
.sel_box_new,
.info { overflow: auto; }


.test_top{max-width:400px;}