@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.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 */



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

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

.f16{font-size: 16px;}


/* 웹 접근성 지침 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;

}


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


/*폰트*/
@font-face {
    font-family: 'Cafe24Ohsquare';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


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


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

.w100{width:100%; margin:0 auto; float:left;}
.w95{width:95%; margin:0 auto; float:left;}
.w90{width:90%; margin:0 auto; float:left;}

.font_i{ font-style:italic;}
.font_b{ font-weight:bold;}




.color_g{ color:#6a6a6a;}
.color_green{color:#63980a;}
.color_b{color:#0b8fd1;}
.color_y{ color:#FF0;}
.color_r{ color:#ff0e0e;}

.bg_lb{ background-color:#6ab8df;}
.bg_db{ background-color:#2d2d2d;}



.h300{ height:300px;}

/*상단*/

.top_am{width:100%; height:60px; border-bottom:3px #275cab solid;}
.top_chia{width:100%; height:70px; border-bottom:3px #2794ab solid;}
.top_drive{width:100%; height:70px; border-bottom:3px #8d2cba solid;}
.top_oper{width:100%; height:70px; border-bottom:3px #5649b5 solid;}
.top_3th{width:100%; height:70px; border-bottom:3px #b5497b solid;}
.top_dis{width:100%; height:70px; border-bottom:3px #b59e49 solid;}
.top_mu{width:100%; height:70px; border-bottom:3px #49b556 solid;}
.top_adult{width:100%; height:70px; border-bottom:3px #84b549 solid;}






.top_logo{ float:left; margin:23px 0 13px 0; width:50%; padding-left:2%;}
.logo_txt{ padding-left:1%; margin:10px 0; font-family: 'Cafe24Ohsquare', '돋움'; font-size:20px; letter-spacing:-2px; color:#000;}
.top_award{ float:left;}
.top_tel{float:right;  margin:20px 10px 0 0; width:45%;}



/*메인비주얼*/
.main_visual{ background-image: url(https://cancerok.speedgabia.com/cencerdirect/images/bg.png); background-repeat:no-repeat; background-position:center;}

.visual_img{background-image: url(https://cancerok.speedgabia.com/cencerdirect/m/images/main_visual.png); background-repeat:no-repeat; background-position:center; background-size: cover; padding: 25px 0;}
.main_txt1{ padding-left:53%; padding-top:90px;
            font-family: 'Cafe24Ohsquare', '돋움'; font-size:42px;  line-height:50px; letter-spacing:-2px; color:#2d2d2d;}
.main_txt2{ padding-left:53%;
            font-family: 'Nanum Square', '돋움'; font-size:28px;  line-height:60px; letter-spacing:-2px; color:#2d2d2d;}
.visual_txt1{font-size: 16px; letter-spacing: -2px; }
.visual_txt2{font-size: 30px; letter-spacing: -2px; line-height: 130%; font-family: 'Cafe24Ohsquare', '돋움'; color: #000000;}


.title_txt2{font-size: 23px; font-weight: bold; line-height: 130%; font-family: 'Cafe24Ohsquare', '돋움'; padding-top: 20px; letter-spacing: -1px;}
.title_txt3{font-size: 25px; font-weight: bold; color:#ee0061; }
.title_txt4{text-align: center; padding-bottom: 5px;}

.txt{width: 50%; font-size: 16px; letter-spacing: -1.5px; text-align: center; float: left;}

/*입력폼*/
.form_insu_am{ width:95%; background-color:#73acd8; padding-left:5%; border-bottom:2px solid #000; }
.form_insu_chia{ width:95%; background-color:#73d1d8; padding-left:5%; border-bottom:2px solid #000; }
.form_insu_drive{ width:95%; background-color:#bd73d8; padding-left:5%; border-bottom:2px solid #000; }
.form_insu_oper{ width:95%; background-color:#7773d8; padding-left:5%; border-bottom:2px solid #000; }
.form_insu_3th{ width:95%; background-color:#d873aa; padding-left:5%; border-bottom:2px solid #000; }
.form_insu_dis{ width:95%; background-color:#d8ba73; padding-left:5%; border-bottom:2px solid #000; }
.form_insu_mu{ width:95%; background-color:#7ecd81; padding-left:5%; border-bottom:2px solid #000; }
.form_insu_adult{ width:95%; background-color:#afcd7e; padding-left:5%; border-bottom:2px solid #000; }





.form_l{ width:90%; float:left; padding-left:10px;}
.form_r{ width:100%; float:left; padding-bottom:30px; }

.f_box{ border:#000 solid 2px; width:97%; height:50px; font-size:16px; margin-bottom:5px; padding-left:10px;}
.f_box2{ border:#000 solid 2px; width:65%; height:50px; font-size:16px; margin-bottom:5px; padding-left:10px; margin-right:1%; float:left;}
.f_box2_{ border:#000 solid 2px; width:59%; height:50px; font-size:16px; margin-bottom:5px; padding-left:10px; margin-right:1%; float:left;}
.f_box3{ border:#000 solid 2px; width:34%; height:50px; font-size:16px; margin-bottom:5px; padding-left:10px; margin-right:1%; float:left; background-color:#fff;}
.f_box4{ border:#000 solid 2px; width:21%; height:50px; font-size:16px; margin-bottom:5px; padding-left:10px; margin-right:1%; float:left;}
.f_box5{ width:18%; height:24px; background-color:#000; color:#fff; font-family: '돋움'; font-size:15px; font-weight:500;  text-align:center; padding:15px 0 11px 0; float:left;}
.f_ok{border:#000 solid 2px; background-color:#ee0061; color:#fff; width:97%; height:60px; font-size:20px; font-weight:bold; margin-bottom:20px; letter-spacing:-2px;}

.f_rbox{width:49.6%; height:160px; float:left; padding-top:17px; border-bottom:2px solid #000; border-right:2px solid #000;}
.f_rbox_r{width:49.6%; height:160px; float:left; padding-top:17px; border-bottom:2px solid #000;}



.list{ height:560px; border:3px solid #000; border-radius:30px; margin-bottom:40px;}
.list_top{ height:65px; border-radius:25px 25px 0 0; background-color:#2f66d0; color:#fff; font-family: 'Cafe24Ohsquare', '돋움'; font-size:42px; padding-top:23px;}



.box_m{ width:15%; height:24px; background-color:#000; color:#ffffff; font-family: '돋움'; font-size:15px; font-weight:500;  text-align:center; padding:15px 0 11px 0; float:left;}
.box_m_on{ width:15%; height:24px; background-color:#275cab; color:#ffffff; font-family: '돋움'; font-size:15px; font-weight:500;  text-align:center; padding:15px 0 11px 0; float:left;}
.box_m a{ text-decoration:none;color:#ffffff; }
.box_w{width:15%; height:24px; background-color:#000; color:#ffffff; font-family: '돋움'; font-size:15px; font-weight:500;  text-align:center; padding:15px 0 11px 0; float:left; margin-left:3px;}
.box_w_on{width:15%; height:24px; background-color:#275cab; color:#ffffff; font-family: '돋움'; font-size:15px; font-weight:500;  text-align:center; padding:15px 0 11px 0; float:left; margin-left:3px;}
.box_w_on a{ text-decoration:none;color:#ffffff; }

.view_txt{font-family:  '돋움'; font-size:14px;  line-height:25px; color:#000;}
.view_bt{}
.view_bt a{ background-color:#373737; padding:5px 10px 3px 10px;
            font-family:  '돋움'; font-size:14px;  line-height:33px; color:#ffffff; }



.form_bt{ width:20%; height:70px;  float:right; padding-top:10px;
          background-color:#ff4c5d;
		  border-radius:10px;
		  box-shadow:0 8px 0 #a2323d;
		  text-align:center; 
		  
		  }
.form_bt a{ display:block; line-height:30px;
            font-family: 'Nanum Square', '돋움'; font-size:24px;  letter-spacing:-1px; color:#ffffff; font-weight:600;}


.pd_t20b10{padding:20px 0 10px 0;}
.pd_t30b10{padding:30px 0 10px 0;}
.pd_tb10{padding:10px 0;}
.pd_tb20{padding:20px 0;}
.pd_tb30{padding:30px 0;}
.pd_tb40{padding:40px 0;}
.pd_tb50{padding:50px 0;}
.pd_t20{padding-top:20px;}
.pd_t10{padding-top:10px;}
.pd_b10{padding-bottom:10px;}
.pd_b40{padding-bottom:40px;}
.pd_b50{padding-bottom:50px;}


.mg_t30{margin-top:30px;}
.mg_b30{margin-bottom:30px;}
.mg_t50{margin-top:50px;}
.mg_b50{margin-bottom:50px;}


/*상품리스트*/
.list_1{ padding-bottom:60px;}
.list_title{height:60px; margin-bottom:10px;
            font-family: 'Nanum Square'; font-size:27px; color:#2d2d2d; text-align:center;  line-height:60px; letter-spacing:-1px;}
.list_1_title_1{ width:35%; ; float:left;}
.list_1_title_2{ width:35%; float:right;}
.list_1 ul{}
.list_1 ul li{ border-top:1px solid #cccccc; height:70px; }
.list_1 ul li:last-child{ border-bottom:1px solid #cccccc; }

.list_img{ width:100%; margin-bottom:5px; }
.list_bt{ width:100%;
          font-family: 'Nanum Square'; font-size:18px; color:#2d2d2d; text-align:center; line-height:40px; letter-spacing:-1px;}
.list_bt_{ width:100%;
          font-family: 'Nanum Square'; color:#2d2d2d; text-align:center; line-height:15px;}
		  
.list_bt2{ width:15%; float:left; float:left; line-height:40px;
          font-family: 'Nanum Square'; font-size:18px; color:#2d2d2d; text-align:center;  letter-spacing:-1px; margin-right:5px;}		  
.list_bt_txt{ width:75%; font-size:20px; font-family: 'Nanum Square';  background-color:#f3f2f8; text-align:center; line-height:30px;  float:left; font-weight:bold; margin-left:5%; color:#ff0e0e;}



.list_bt_on_1{width:27%; float:left;  height:50px; padding:10px 5%; }
.list_bt_on_1 a{ display:block; line-height:50px;
	            background-color:#0094e0; box-shadow:0 3px 0 #115476; border-radius:5px;
	            font-family: 'Nanum Square'; font-size:24px; color:#ffffff; text-align:center;  letter-spacing:-1px;}			  
.list_bt_on_2{width:27%; float:left;  height:50px; padding:10px 5%; }
.list_bt_on_2 a{ display:block; line-height:50px;
	            background-color:#7fb62d; box-shadow:0 3px 0 #44601a; border-radius:5px;
	            font-family: 'Nanum Square'; font-size:24px; color:#ffffff; text-align:center;  letter-spacing:-1px;}			 



.footer{ float:none;}
.footer_{ width:90%; margin:0 auto; padding:20px 0; font-family: 'Nanum Square';}
.info{ font-family: 'Nanum Square'; font-size:15px; color:#000; line-height:20px; letter-spacing: -1px; }
.info_{ width:92%; font-family: 'Nanum Square'; font-size:15px; color:#b6b6b6; line-height:18px; }
.info_top{ width:92%; font-size:16px; line-height:30px; color:#b6b6b6; font-weight:bold; font-family: 'Nanum Square';}