@charset "utf-8";
@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-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

*{margin:0; padding:0;}
ul, li {list-style:none;}
a{text-decoration:none; color:inherit; cursor:pointer;}
img{vertical-align:middle; border:0; }
body{}



.clearfix:after{content:''; display: block; clear: both;}
.popup_layer {
	position:absolute;
	display:none;
}

/* input 기본 스타일 초기화 */
input {
  
			border:0;
}


/* Select box 스타일 초기화 */ 
select {
  
			border:0;
}




/*공통*/
.bg_b{ background-color:#154594;}
.bg_lb{ background-color:#0092ca;}
.bg_b2{ background-color:#2d5369;}
.bg_v{ background-color:#6046b5;}
.bg_lv{ background-color:#997cd5;}
.bg_dv{ background-color:#601965;}
.bg_g{ background-color:#609306;}
.bg_dg{ background-color:#489514;}
.bg_dm{ background-color:#008c8a;}
.bg_m{ background-color:#04b7c2;}
.bg_br{ background-color:#88622c;} 
.bg_lp{ background-color: #ff7777;} 
.bg_gr{ background-color:#ededed;} 
.bg_naver{ background-color:#19ce60;}
 



.color_w{ color:#ffffff;}
.color_black{ color:#2b2b2b;}
.color_b{color:#154594;}
.color_lb{ color:#0092ca;}
.color_b2{color:#2d5369;}
.color_v{ color:#6046b5;}
.color_lv{ color:#997cd5;}
.color_dv{ color:#601965;}
.color_g{ color:#609306;}
.color_dg{ color:#489514;}
.color_dm{ color:#008c8a;}
.color_m{ color:#04b7c2;}
.color_br{ color:#88622c;}
.color_lp{ color:#ff7777;}
.color_y{ color:#ffee28;}



.form_box_c_b{border:2px solid #154594; font-size:16px; }
.form_box_c_lb{border:2px solid #0092ca; font-size:16px; }
.form_box_c_b2{border:2px solid #2d5369; font-size:16px; }
.form_box_c_g{border:2px solid #609306; font-size:16px; }
.form_box_c_dg{border:2px solid #489514; font-size:16px; }
.form_box_c_v{border:2px solid #6046b5; font-size:16px; }
.form_box_c_lv{border:2px solid #997cd5; font-size:16px; }
.form_box_c_dv{border:2px solid #601965; font-size:16px; }
.form_box_c_dm{border:2px solid #008c8a; font-size:16px; }
.form_box_c_m{border:2px solid #04b7c2; font-size:16px; }
.form_box_c_br{border:2px solid #88622c; font-size:16px; }
.form_box_c_lp{border:2px solid #ff7777; font-size:16px; }










.wrap{}
.top{ padding:5% 2%;
      display:flex;			
	  justify-content:space-between;
	  font-family: 'S-CoreDream-6Bold';
	  font-size:20px;
	  color:#ffffff;
	  line-height:150%;
	  letter-spacing:-0.3px; }
.top_{ padding:5% 2%;
      display:flex;			
	  justify-content:space-between;
	  font-family: 'S-CoreDream-6Bold';
	  font-size:22px;
	  color:#2b2b2b;
	  line-height:150%;
	  letter-spacing:-0.3px; }	  
.top_logo{ width:50%; font-size: 22px; 
		    
			 }
.top_tel{ width:50%; text-align:right; 
}


.main{}
.main_txt{ font-family: 'Nanum Square';
           text-align:center;
		   line-height:200%;		   
		   
		   padding-bottom:20px;
		  }
.main_t1{ font-size: 18px;
          color:#ffffff;
		  letter-spacing:-1px;
}
.main_t2{font-size: 33px;
         font-weight:bold;
          color:#ffee28;
		  letter-spacing:-3px;
}
.main_t3{font-size: 18px;
         font-weight:bold;
         color:#2b2b2b;
		 letter-spacing:-1px;
}

.main_t4{font-size:36px;
         font-weight:bold;
          color:#ff7777;
		  letter-spacing:-3px;
		  line-height:140%;
}

.main_t5{font-size:16px;
        
         color:#555555;
		 letter-spacing:-1px;
}



.main_form{background:url(https://cancerok.speedgabia.com/am/mobile/images/phone_bg_.png) no-repeat;
           background-size:100%;
		   padding-top:10px;
		   padding-bottom:20px;           
		    }
.main_form_title{ padding-top:60px; 
                  text-align:center;
				  font-size:20px;
				  font-family: 'Nanum Square';
				  font-weight:bold;				  
				  line-height:140%;
				  padding-bottom:10px;}
.main_form ul{ padding:0 10%;}
.main_form ul li{ height:45px;
                  margin-bottom:7px;
				  display:flex;			
                  justify-content:space-between;}				  
				  
				  


.n_form2_b1{ width:70%;}
.n_form2_b1_{ width:100%;}




.n_form2_b2m{ width:13%; 
		   text-align:center;
		   line-height:45px;
		   font-size:15px;			   
		   border:2px solid #cccccc; padding-left:0;}
		   
.n_form2_b2m_on{ width:13%; 
           line-height:45px;
           text-align:center;
           font-size:14px;
		   background-color:#424242;
		   color:#ffffff; padding-left:0;}



.form_box{ }		   


.check_bt{text-align:center; background-color:#424242; height:45px; 			color:#ffffff;}
.check_bt a{width:100%;
           font-size:16px;
		   line-height:45px;
			letter-spacing:-1px;
			display:block;
		   }
		 
.check_text{font-size:14px; line-height:160%;}
.check_text_{font-family:'돋움'; font-size:12px; text-decoration:underline;}
.check_text2{}

.form_bt{ border:2px solid #2b2b2b;
          border-radius:10px;
          font-size:24px;
		  line-height:60px;
		  text-align:center;
		  letter-spacing:-1.5px;
		  margin:10px 0;
		  font-family: 'Nanum Square';
		  font-weight:bold;

		  }
.form_bt_n{ 
          border-radius:10px;
          font-size:18px;
		  line-height:60px;
		  text-align:center;
		  letter-spacing:-1.5px;
		  margin:10px 0;
		  font-family: 'Nanum Square';
		  font-weight:bold;

		  }		  
		  
.form_bt a{ display:block;}		  



.list{ padding:2% 3%;
       background-color:#f5f5f5;
	   font-family: 'Nanum Square';}
	   
.insu_txt{padding:10px 5% 0 5%;
          font-size:20px;
		  font-weight:bold;
		  line-height:120%;
		  letter-spacing:-1.5px;
		  text-align:center;
		  }
		  
.sub_txt{ font-size:16px;
           color:#666;
		   font-weight:100;
		   line-height:160%;
		   text-align:center;}
.line{ border-bottom:1px solid #000;
       margin-bottom:-5px;
	   padding:0 3px;}
.line2{ border-bottom:1px solid #000;
        margin-bottom:-5px;
		padding:0 3px 0 40px;}

.list ul{ padding-top:10px;}
.list ul li{padding:10px 2%;
            background-color:#ffffff;
			border:1px solid #999;
			display:flex;			
            justify-content:space-between;
			margin-bottom:10px;					
             }
.list_logo{ width:30%;
            padding-top:30px;
            }
.list_txt{width:65%;}
.list_title{font-family: '돋움' ;
		   font-size:12x;
		   line-height:18px;
		   height:36px;
		   overflow:hidden;}
.list_re{border-bottom:1px solid #000;
         height:30px;
		 font-family: 'Nanum Square';
		 font-size:23px;
		 line-height:30px;
		 letter-spacing:-1px;
		 text-align: right;
		 padding-top:5px;
		 width:60%;
		 font-weight:bold;
		 margin-left:40%;
		 }
.list_re_line{ padding:0 25px; }			


.content{ background-color:#f5f5f5;}
.content_{ background-color:#ebe7e5;}


.c_img{ padding:20px 0;
       text-align:center;}



.footer{ padding:4% 2% ;
         background-color:#333;
		 font-family: '돋움' ;
		 font-size:16px;
		 text-align:center;
		 line-height:120%;
		 color:#ffffff; }



.p_no{ font-size:11px; padding-top:5px; font-family:'nanum gothic'; line-height:12px; overflow:hidden;}


.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.6;  letter-spacing:-1px;}	
	




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