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

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

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

}



/*공통 생상*/
.color_m{color:#07abad;}
.color_y{ color:#f0ff00;}
.color_w{ color:#ffffff;}
.color_blck{ color:#000000;}
.color_v{ color:#343688;}
.color_o{ color:#fe7445;}
.color_y{ color:#f0ff00;}
.color_g{ color:#67ac16;}
.color_j{ color:#0e73a2;}
.color_b{ color:#0e84a2;}
.color_p{ color:#ff7777;}
.color_pu{ color:#ac167d;}
.color_r{ color:#b51a25;}
.color_b2{ color:#3e66a3;}
.color_br{color:#a16311;}
.color_b3{ color:#0084a6;}
.color_b4{ color:#1140a1;}

.bg_m{ background-color:#07abad;}
.bg_g1{background-color:#eeeeee;}
.bg_g2{background-color:#424242;}
.bg_g3{ background-color:#49a20e;}
.bg_g4{ background-color:#0e84a2;}
.bg_b{ background-color:#2282e9;}
.bg_b2{ background-color:#0057b4;}
.bg_b3{ background-color:#0084a6;}
.bg_nv{background-color:#08334c;}
.bg_lb{ background-color:#309bd8;}
.bg_v{ background-color:#23274f;}
.bg_y{ background-color:#f0ff00;}


.bg_o{background-color:#fe7445;} 
.bg_lg{background-color:#07abad;}
.bg_lg2{ background-color:#08bdc6;}
.bg_p{ background-color:#ff7777;}
.bg_br{ background-color:#a16311;}
.bg_br2{ background-color:#472e0e;}
.bg_jj_{ background-color:#1140a1;}
.bg_jj2{ background-color:#0e73a2;}
.bg_jj3{ background-color:#525b6d;}
.bg_pu{ background-color:#430e47;}
.bg_pu2{ background-color:#b4007a;}

.bg_r{ background-color:#ed5148;}
.bg_r2{ background-color:#87050f;}
.bg_gray{ background-color:#353535;}
.bg_db{ background-color:#406171;}
.bg_db2{ background-color:#34464e;}

.bg_mh2{background-color:#3e66a3;}
.bg_mh3{background-color:#04b7c2;}
.bg_mh4{background-color:#4c5a6f;}


/*배경이미지*/
.bg_silbi{background-image: url(https://cancerok.speedgabia.com/denti/m/img/main_bg_silbi.png);
          background-repeat: no-repeat; background-position: right top; background-size:100%;}
.bg_denti{background-image: url(https://cancerok.speedgabia.com/denti/m/img/main_bg_denti.png); 
          background-repeat: no-repeat; background-position: right top; background-size:100%;}
.bg_am{background-image: url(https://cancerok.speedgabia.com/denti/m/img/main_bg_am.png); 
          background-repeat: no-repeat; background-position: right top; background-size:100%;}
.bg_baby{background-image: url(https://cancerok.speedgabia.com/denti/m/img/main_bg_baby.png); 
          background-repeat: no-repeat; background-position: right top; background-size:100%;}
.bg_chid{background-image: url(https://cancerok.speedgabia.com/denti/m/img/main_bg_chid.png); 
          background-repeat: no-repeat; background-position: right top; background-size:100%;}		  	
.bg_ji{background-image: url(https://cancerok.speedgabia.com/denti/m/img/main_bg_ji.png); 
          background-repeat: no-repeat; background-position: right top; background-size:100%;}	
.bg_jj{background-image: url(https://cancerok.speedgabia.com/denti/m/img/main_bg_jj.png); 
          background-repeat: no-repeat; background-position: right top; background-size:100%;}			  
.bg_su{background-image: url(https://cancerok.speedgabia.com/denti/m/img/main_bg_su.png); 
          background-repeat: no-repeat; background-position: right top; background-size:100%;}		  
.bg_ubj{background-image: url(https://cancerok.speedgabia.com/denti/m/img/main_bg_db.png); 
          background-repeat: no-repeat; background-position: right top; background-size:100%;}		  
.bg_mh{background-image: url(https://cancerok.speedgabia.com/denti/m/img/main_bg_mh.png); 
          background-repeat: no-repeat; background-position: right top; background-size:100%;}			  		  	  
.bg_c{background-image: url(https://cancerok.speedgabia.com/denti/m/img/main_bg_c.png); 
          background-repeat: no-repeat; background-position: right top; background-size:100%;}		 	



/*top*/

#top{border-bottom:2px solid #2d2d2d; padding:2%;}

.logo{width:65%; 
      float:left;
	  font-family:'Nanum Square';
	  font-size:22px;
	  letter-spacing:-1.5px;
	  font-weight:bold;
	  line-height:38px;
	  padding-top:7px;}
	  
.top_bt{width:33%;
        float:right;
        padding-top:8px;
		display:flex;			
		justify-content:space-between;}

.top_bo_box{ width:42%;
             padding:7px 5% 0 0;
             height:28px;
             border:1px solid #999;
			 background-image: url(https://cancerok.speedgabia.com/denti/m/img/tel_img.png);
			 background-repeat:no-repeat;
			 background-position:15% 50%;
			 background-size:30%;
			 font-family:'돋움';
			 font-size:12px;
			 line-height:12px;
			 font-weight:600;
			 text-align: right;}
.top_bo_box a{ display:block;}			 
			 
.top_bo_box_{width:42%;
	         padding:7px 5% 0 0;
             height:30px;
			 background-image: url(https://cancerok.speedgabia.com/denti/m/img/kakao_img.png);
			 background-repeat:no-repeat;
			 background-position:15% 50%;
			 background-size:33%;
			 font-family:'돋움';
			 font-size:12px;
			 line-height:12px;
			 font-weight:600;
			 text-align: right;
             background-color:#fff313;}
.top_bo_box_ a{ display:block;}			 






/*메인부분*/
#main{ font-family:'Nanum Square','돋움'; }

.main_txt1{ padding-left:6%; padding-top:40px;}
.m_txt1{font-size:16px;
        line-height:20px; 
		font-weight:600;
		letter-spacing:-0.5px;}
.m_txt2{font-size:36px;
         line-height:50px;
		 letter-spacing:-2px;
		 }
.m_txt3{ font-size:16px;
         line-height:20px;  
		 letter-spacing:-0.5px;}
.m_txt4{ font-size:27px;
         line-height:50px; 
		 letter-spacing:-1px;}
		
		

/*입력폼*/			
.main_form{padding:20px 3%;  }

.main_form_title{ border-top-left-radius:15px;
			      border-top-right-radius:15px;
			      border:1px solid #2d2d2d;			   
			      padding:10px 0;
			      text-align:center;
			      font-weight:600;			   
			      font-size:18px;
			      line-height:30px; 
			      color:#ffffff; 
			      letter-spacing:-1px;}
			   
.main_form ul{ border-bottom-left-radius:15px;
			   border-bottom-right-radius:15px;                
			   border:1px solid #2d2d2d;
			   border-top:0;
			   padding:20px 3%; 
			   background-color:#ffffff;}
			   
.main_form ul li{ margin-bottom:7px;
                  height:45px;
                  display:flex;			
                  justify-content:space-between;
				   }
				  
.n_form2_b1{ width:70%; }
.n_form2_b_{ width:100%; }
.n_form2_b1_tmp{ width:100%; }



.n_form2_b2m{ width:14%; 
			   text-align:center;
			   line-height:45px;
			   font-size:15px;			   
			   border:1px solid #333;}
			   
.n_form2_b2m_on{ width:14%; 
                line-height:45px;
                text-align:center;
                font-size:14px;
				background-color:#424242;
			    color:#ffffff;}



.check_text{font-size:14px; line-height:40px;}
.check_text_{font-family:'돋움'; font-size:12px; text-decoration:underline;}

.check_bt{ background-color:#494949; text-align:center;
             font-weight:bold;			   
             font-size:18px;
             line-height:45px;		  
             color:#ffffff;
			 letter-spacing:-1px;
			 }
		 

.form_bt{display:block;
          text-align:center;
		  font-weight:600;			   
          font-size:25px;
		  line-height:60px;
		  border:1px solid #2d2d2d;
		  letter-spacing:-1px;  
         }

	
#estimate_result_name{}
#estimate_result_age{}
#estimate_result_name2{}
#estimate_result_nextdate{}
				  
.main_2{ padding:20px 1%; }

.main_2_title{padding:0 4%;
	          font-family:'Nanum Square','돋움';
              font-weight:600;
			  line-height:30px; 
              display:flex;			
              justify-content:space-between;
			  }

.name_box1{width:20%; 
           border-bottom:1px solid #f0ff00;
		   font-size:16px;
		   color:#f0ff00;		  
		   height:26x;
		   text-align:center;}
		   
.name_text1{width:35%;  
            font-size:16px;
			color:#ffffff; }
.age_box1{width:20%;
		  border-bottom:1px solid #fff;
		  font-size:16px; color:#ffffff;
		  height:26px;
		  text-align:center;
		}
.name_text1_{width:25%;
			font-size:16px;
			color:#ffffff;
			}

.main_2_title_2{padding:0 5%;
	          font-family:'돋움';
			  line-height:30px; 
			  font-size:16px;
			  text-align:center;			  
              display:flex;
			  color:#ffffff;			
              justify-content:space-between;
                 }
				 
.name_box2{width:18%; height:26px;
           border-bottom:1px solid #fff;
		  }

.name_box2_{ width:2%;  }
.name_text2{width:41%;}
.age_box2{width:45%; }
/*.name_text2_{width:15%; }*/







#content{ background-color:#ecedee; }

#footer{ background-color:#747474;
         padding-top:20px;
		 padding-bottom:70px;
                
		 text-align:center;
		 font-family: "돋움",Tahoma, Geneva, sans-serif;
		 font-size:16px;
		 color:#dbdbdb;
		 line-height:22px; letter-spacing: -1px;
		 }
		 

/*팝업*/
/*.popup_re{ width:80%; height:460px; background-color:#FFF;  position:absolute; top:20%; margin-top:10%x; z-index:5; right:10%;  border:5px solid #151515; }*/
.popup_re{ margin-top:10%x;
           z-index:5;
		   right:10%;
		   border:3px solid #151515;
		   padding:2%;
		   font-family: "Nanum Square";
		   background-color:#FFF }
.popup_content{}
.pop_title{ 
             background-color:#e7e7e7;
			 
			 font-size:25px;
			 color:#2d2d2d;
			 font-weight:600;
			 text-align:center;
			 line-height:45px;   }
.pop_form{  }
.pop_form ul{padding:20px;}
.pop_form ul li{ margin-bottom:7px;
                  height:45px;
                  display:flex;			
                  justify-content:space-between;}

.popup_bt{ 
           background-color:#161616;
           font-size:18px;
		   color:#ffffff;
           font-weight:600;
		   text-align:center;
		   letter-spacing:-1px;
          line-height:35px;}
		  
		  

			   
	  
		  
		  
/* 변경 리스트*/		  
.list_n{
       padding:20px 2% ;}
	   
.n_list_title{color:#333333;
              font-family:"Nanum Square";
			  font-size:27px;
			  font-weight:600;
			  text-align:center;
			  line-height:50px;}

.list_box{ padding:10px 2%; 
           display:flex;
		   flex-wrap:wrap;
		   justify-content:space-between;
		  
           }

.p_box{ width:43%; 
        padding:20px 3%; 
        border:1px solid #dfdfdf;
		background-image: url(http://cancerok.speedgabia.com/cancerok/2015/mobile/mark.png) ;
		background-repeat: no-repeat;
		background-position:left top; background-size:20%;
		margin-bottom:5px;
		}
.p_box2{ width:43%; 
        padding:20px 3%;   
        border:1px solid #dfdfdf;
		margin-bottom:5px;
		
		}		
		

.pbox_logo{ text-align:center;
            height:40px; 
			}

.pbox_title{ height:40px;  
			 font-family:'돋움';  
			 font-size:16px;
			 line-height:20px;
			  font-weight:600;
			  text-align:center;
			  letter-spacing:-1px;
			  overflow:hidden;
			  }
			  

.n_best_list_p3{ width:80%; height:40px; 
				 font-size:24px;
				 border-bottom:2px solid #2d2d2d;
				 line-height:45px;
				 text-align:center;
				 color:#ed5148;				 
				 float:left;}

.n_best_list_p2{ font-size:16px;
                 line-height:20px; 
				 width:20%;
				 text-align:center;
				 padding-top:20px;
				 float:right;
				 color:#2d2d2d;}

.n_best_list_no{font-size:13px;
                
				 text-align:center; 
				 line-height:16px;   letter-spacing:-1px;
				 }
	

	
	
/*하단 bar*/	
.n_f_button{font-family:'Nanum Square','돋움'; text-align:center;
	            font-size:14px; letter-spacing:-1px;}
.n_f_bu1{ width:50%; float: left;  background-color:#dbdbdb;}
.n_f_bu1 a{ display:block; line-height:60px; color:#202020;}
.n_f_bu2{ width:50%; float:right;  background-color:#1962db;}
.n_f_bu2 a{display:block; line-height:60px; color:#ffffff;}
.line_bn{background-color:#26269b; opacity:90%; color:#ffffff; font-size:16px; letter-spacing:-1px; font-weight:bold; padding:15px 0;}
	
	
.f_info_box_{ margin:20px 2%;}
.f_info_box{ padding:10px; background-color:#f7f6f6; border:1px solid #d7d7d7; box-sizing:border-box; text-align:left;}
.f_info_box_title{ font-size:16px; font-weight:bold; line-height:30px;}
.f_info_box_content{ font-size:16px; line-height:1.5;  letter-spacing:-0.5px;}	
	
	

			  


/********* 모달 창 2021-04-14 조재필 추가 *********************/			

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

	/******** 간편 상담신청 모달 *****************/
	.simple_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;
    }

    .simple_modal-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        height: 70%;
    }
/*
    .simple_close-button {
		position:absolute;
		right:5px;
		top:5px;
		width:40px;
		height:40px;
		background:url("https://cancerok.speedgabia.com/admincenter/close_45_.png");
		cursor:pointer;
    }

    .simple_close-button:hover {
        background-color: darkgray;
    }
*/
    .simple_show-modal {
        opacity: 1;
        visibility: visible;
        transform: scale(1.0);
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    }