@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

/* reset style [start] */

*{margin:0; padding:0;}

a:link{ text-decoration:none;}
a:hover{ text-decoration:none;}
a{ color:inherit; }


/* html5 block */
header,footer,section,article,aside,nav,hgroup,details,figure,figcaption {display:block;}


/* 헤더 폰트 사이즈 초기화 */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* 리스트의 스타일 제거 */
dl, ol, ul, li {list-style: none;}

/* 폰트 강조 특성 초기화 */
address, caption, cite, code, dfn, em, strong, th, var,i {font-style:normal;} /* font-weight:normal */


/* 테이블 스타일 초기화 */
/* table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;} */ /* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */
/* tbody, tfoot, thead, tr, th, td {word-break:break-all;} */
/* caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:static;left:0;top:-999999px;} */


/*이미지 초기화 */
img{vertical-align:middle; border:0;}

/* 인용구 표시 초기화 */
q:before, q:after {content:' ';}
blockquote, q {quotes: none;}


/* 웹 접근성 지침 Web Content Accessibility TTS(Text To Speech) Code */
.tts{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.hidden{clear:both;position:absolute;visibility:hidden;overflow:hidden;left:0;top:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-99999px}
.none{display:none;} 


.container { *zoom:1; }   /*IE 6~7 브라우저에서만 작용*/ 
.container:after { content: ""; clear: both; display: block; }  /*IE 6~7 브라우저에서만 작용*/ 
.clear { clear: both }

/*부트스트랩 에서 사용*/
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear:both; }


/*etc*/
address,em,i{font-style:normal;}
strong {font-weight:normal;}
hr{display:none;}


/* fieldset */
fieldset	{border:none; margin:0;padding:0;}
legend	{visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:absolute;left:0;top:-999999px;}



/* form */
input, button, select, textarea {vertical-align:middle; border:0;}
textarea{resize:none;}

.damoa{width:94%; margin:-1px 3.1% 5% 2.7%; border:1px solid #333; background-color:#ffffff;}





.fog_request {
	position:absolute;
	background-color:#111;
	opacity:0;
}

.request_center_layer {
	position:absolute;
	display:none;
}

.result_center_layer {
	position:absolute;
	display:none;
}

.fog_request2 {
	position:absolute;
	background-color:#111;
	opacity:0;
}

.bohum_view_layer {
	position:absolute;
	display:none;
}

.target {
 /* 한 줄 자르기 */
 display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 /* 여러 줄 자르기 추가 스타일 */
 white-space: normal; line-height: 1.2; height: 2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;

}

.gradient {
    background: blue; /* 그라데이션 지원하지 않는 브라우저 */
    background: -webkit-linear-gradient(left top, blue, white);
    background: -moz-linear-gradient(right bottom, blue, white);
    background: -o-linear-gradient(right bottom, blue, white);
    background: linear-gradient(to right bottom, blue, white);  /* 표준 */      
}









/*공통 생상*/
.bg_v{background-color: #5ea34d;}

.color_y{color: #f8f13a;}
.color_v{color:#5ea34d;}
/*배경이미지*/

/*폰트*/










/*상단*/
.top{ padding:  10px;  overflow: hidden;}
.logo{ width: 72%;  float: left; font-family: 'S-CoreDream-3Light'; font-weight: 800; font-size: 23px; line-height:2; letter-spacing: -1px;    }
.bt_kakao{width: 14%;  float: left;   text-align: center; }
.bt_tel{width: 14%;  float: left; text-align: center;}




/*메인부분*/
.main_box{ background: linear-gradient(#5ea34d,#2f5825); height: 330px; padding-top: 10px;  font-family: 'S-CoreDream-3Light'; color: #ffffff;}
.main_visual{ background-image: url(https://cancerok.speedgabia.com/mobile/j_mall/main_visual2.png); background-position: bottom right; background-repeat: no-repeat;  height: 330px; background-size: 50%; }
.main_text1{font-weight: 400; font-size: 18px; line-height: 1.5;  padding-bottom: 10px; padding-left: 8%; padding-top: 50px; }		
.main_text2{font-weight: 800; font-size: 30px; line-height: 1.2; letter-spacing: -1px; padding-left: 8%;}		

/*입력폼	*/
.main_content{padding: 10px;  margin-top: -70px;  border-radius: 60px 60px 0 0; background-color: #ffffff; }
.main_content_title{font-family: 'S-CoreDream-3Light'; font-weight: 800; font-size: 25px; line-height: 1.5; letter-spacing: -1.5px; color: #000000; text-align: center; padding:10px 0 5px 0; }
.main_content_txt{font-family: 'S-CoreDream-3Light'; font-weight: 500; font-size: 16px; line-height: 1.6; letter-spacing: -1px;color: #000000;text-align: center; padding-bottom: 5px;}
.select_button{height: 40px; border-radius: 20px; background-color: #f2f0fc;font-family: 'S-CoreDream-3Light'; color: #000000;text-align: center;font-size: 18px; line-height: 40px; overflow: hidden; margin-bottom: 20px;}
.select_bt{ width: 50%; float: left;}
.select_bt_on{ color: #ffffff; background-color: #5ea34d; width: 50%; border-radius: 20px; float: left;}
.select_bt a{display: block;}
.select_bt_on a{display: block;}

.form_box{}
.form_box li{height: 40px; margin-bottom: 10px;}


.box_boder1{border-bottom: 1px solid #c5c5c5; font-size: 16px; padding-left: 2%; width: 98%; line-height: 40px; height: 40px;}
.box_boder1_1{border-bottom: 1px solid #c5c5c5; font-size: 16px; padding-left: 2%; width: 60%; line-height: 40px; height: 40px; float: left;}
.box_boder2{border-radius: 20px; width: 25%; height: 40px; line-height: 40px; font-size: 16px;}
.box_boder3{border-bottom: 1px solid #c5c5c5; font-size: 16px; padding-left: 2%; width: 53%; line-height: 40px; height: 40px;}
.box_boder4{border-bottom: 1px solid #c5c5c5; font-size: 16px; padding-left: 2%; width: 79%; line-height: 40px; height: 40px;}
.box_boder5{font-size: 16px; padding: 0 2%;  line-height: 40px; height: 40px; }
.check_bt_on{ padding: 5px 18px; background-color: #5ea34d; border-radius: 25px; font-family:'Dotum'; font-weight: 400; font-size: 16px; line-height: 40px;color: #ffffff;text-align: center; }	

.check_bt{padding: 10px 23px; background-color: #6d6d6d; border-radius: 25px; font-family:'Dotum'; font-weight: 400; font-size: 16px; line-height: 40px;color: #ffffff;text-align: center;}	

.check_bt2{padding: 3px 13px ; background-color: #6d6d6d; border-radius: 25px; font-family:'Dotum'; font-weight: 400; font-size: 16px; color: #ffffff;text-align: center;}

.result_bt{ background-color: #5ea34d; border-radius: 30px; font-family: 'S-CoreDream-3Light'; font-weight: 600; font-size: 25px; line-height: 65px; color: #ffffff;text-align: center; height: 60px;}  
.result_bt a{display: block; letter-spacing: -1px;}

/*계산 결과값*/
.p_list{ margin-top: 20px; overflow: hidden; }
.p_list li{ padding: 10px; border: 1px solid #c5c5c5; border-radius: 8px; margin-bottom: 5px; width: 49.5%; margin-right: 1%;  float: left;  box-sizing: border-box;}
.p_list li:nth-child(2n){margin-right: 0;}
.p_logo{height: 40px; text-align: center; padding-top: 10px;}

.p_txt{ height: 30px; text-align: center; line-height: 30px; font-size: 16px; font-family:'S-CoreDream-3Light';font-weight: 600; }
.p_result{ padding: 0 15px; font-size: 18px;}




/* 변경 리스트*/		  


	
	
/*하단 bar*/	
.footer{ font-family:'Dotum'; }
.footer_info{border: 1px solid #c5c5c5; box-sizing: border-box; background-color: #f7f5f6; padding: 10px; font-size: 16px; line-height: 1.5; color: #3d3b3c; margin: 10px 0;letter-spacing: -1px;}
.f_info_t{font-size: 18px; text-align: left; line-height: 1.7; letter-spacing: -0.5px;}

.footer_txt{ padding:30px 5px; background-color: #333333; color: #d9d9d9; line-height: 1.3; font-size: 16px; text-align: left;  letter-spacing: -0.8px; }
.footer_txt_t{font-size: 14px; line-height: 1.3;  text-align: center; }



	

/********* 모달 창 *********************/			

	html, body {
		height:100%;
		overflow: auto;
	}

	.modal_result {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transform: scale(1.1);
        transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
		z-index:99999;
		overflow: hidden;
		overflow-y: scroll;
    }

    .modal-content {
        position: absolute;

        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 1rem 1.5rem;
        width: 80%;
        height: 90%;
        border-radius: 0.5rem;
    }

    .close-button {
		position:absolute;
		right:5px;
		top:5px;
		width:40px;
		height:40px;
		background:url("https://cancerok.speedgabia.com/admincenter/close_45_.png");
		cursor:pointer;
    }

    .close-button:hover {
        background-color: darkgray;
    }

    .show-modal {
        opacity: 1;
        visibility: visible;
        transform: scale(1.0);
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    }