@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); 




/*공통*/
*{ margin:0; padding:0;}
ul,ol,li{ list-style:none;}
a{ color:inherit; cursor:pointer; text-decoration:none;}
img{vertical-align:middle; border:0; max-width: 100%; height: auto;}
/*html { overflow-x: hidden; }
body { overflow-x: hidden; }*/

.clearfix:after{content:''; display: block; clear: both;}
.w1000{width:1000px; margin:0 auto;}
.txt{width: 25%; font-size: 20px; letter-spacing: -1.5px; text-align: center; float: left;}


.font_i{ font-style:italic;}
.font_b{ font-weight:bold;}
.font_11{ font-size:11px;}
.font_12{ font-size:12px;}
.font_13{ font-size:13px;}
.font_14{ font-size:14px;}
.font_15{ font-size:15px;}
.font_16{ font-size:16px;}
.font_17{ font-size:17px;}
.font_18{ font-size:18px;}
.font_19{ font-size:19px;}
.font_20{ font-size:20px;}
.font_21{ font-size:21px;}
.font_22{ font-size:22px;}
.font_23{ font-size:23px;}
.font_24{ font-size:24px;}
.font_25{ font-size:25px;}
.font_26{ font-size:26px;}
.font_27{ font-size:27px;}
.font_28{ font-size:28px;}
.font_29{ font-size:29px;}
.font_30{ font-size:30px;}






.color_g{ color:#6a6a6a;}
.color_green{color:#63980a;}
.color_b{color:#0b8fd1;}
.color_y{ color:#FF0;}
.color_r{ color:#d01d2c;}
.color_vb{ color:#5375bc;}
.color_lb{color:#13a0ce;}
.color_p{ color:#ef5769;}
.color_v{color:#515fe3;}
.color_o{ color:#fa6035;}
.color_lr{ color:#d82c55;}
.color_mb{ color:#1a85b1;}

.bg_lb{ background-color:#6ab8df;}
.bg_g{ background-color:#717171;}
.bg_b{ background-color:#3faad4;}
.bg_p{ background-color:#ee7aab;}
.bg_m{ background-color:#00c6bb;}
.bg_v{ background-color:#515fe3;}
.bg_lv{ background-color:#977cd9;} 


.logo_hd{background-image: url(https://cancerok.speedgabia.com/01/img/list_logo_hd.png);}
.logo_hw{background-image: url(https://cancerok.speedgabia.com/01/img/list_logo_hw.png);}
.logo_hg{background-image: url(https://cancerok.speedgabia.com/01/img/list_logo_hg.png);}
.logo_kb{background-image: url(https://cancerok.speedgabia.com/01/img/list_logo_kb.png);}
.logo_mg{background-image: url(https://cancerok.speedgabia.com/01/img/list_logo_mg.png);}
.logo_me{background-image: url(https://cancerok.speedgabia.com/01/img/list_logo_me.png);}
.logo_nh{background-image: url(https://cancerok.speedgabia.com/01/img/list_logo_nh.png);}


.mark_1{background-image: url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/mark_01.png);}
.mark_2{background-image: url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/mark_02.png);}
.mark_3{background-image: url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/mark_03.png);}
.mark_4{background-image: url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/mark_04.png);}
.mark_5{background-image: url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/mark_05.png);}
.mark_6{background-image: url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/mark_06.png);}
.mark_7{background-image: url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/mark_07.png);}
.mark_8{background-image: url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/mark_08.png);}



/*상단*/
.top_banner{ padding:15px 0;}
.top_logo{ width:30% !important; height:60px; float:left; padding-left:5%; text-align:left; margin: 0 !important; line-height:normal !important;       
           background-image: url(https://cancerok.speedgabia.com/cancerok/ambi_1sec/top/logo_bg.png); background-repeat:no-repeat; background-position:left;
		   }
.logo_txt1{font-family:'Nanum Square',"돋움"; font-size:15px; color:#2d2d2d; line-height:20px; }
.logo_txt2{font-family:'Nanum Square',"돋움"; font-size:30px; line-height:40px; letter-spacing:-1px; font-weight:600; 
           color:#2d2d2d;           }		   
/*.top_tel{width:20%; height:60px; float:right; padding-left:7%; 
         background-image: url(https://cancerok.speedgabia.com/silson.co.kr/images/top_icon1.png); background-repeat:no-repeat; background-position:left;}*/

.top_sms{width:23%; height:60px; float:right; padding-left:7%; 
          background-image: url(https://cancerok.speedgabia.com/silson.co.kr/images/top_icon2.png); background-repeat:no-repeat; background-position:left;}
.sms_form{ width:70%; height:60px;  float:left;
           font-family:"돋움"; font-size:12px; color:#2d2d2d; line-height:25px; }

.sms_bt{ width:26%; height:50px; float:right;
         background-color:#2d2d2d;
		 border-radius:5px; }
.sms_bt a{ display:block;   color:#ffffff; line-height:16px; margin-top:9px;
           font-family:"돋움"; font-size:11px; text-align:center;}		  




.top_menu{ background-color:#818690; padding: 8px;}
.top_menu ul{}
.top_menu ul li{ width:25%; height:25px; float:left;}
.top_menu ul li a{ display:block; line-height:25px;
                   font-family:'Nanum Square',"돋움"; font-size:17px;  text-align:center; font-weight:600;
				    color:#ffffff; }

.menu_toggle_btn{ display:none; background:none; border:0; padding:0; cursor:pointer; }

.bt_icons { float: right; }
.bt_kakao { display: none; }
.bt_tel img {}
.bt_tel_box {display: flex; gap: 8px;}
.top_r_text .bt_tel_text{font-family:'Nanum Square',"돋움"; font-size:17px; color:#2d2d2d; line-height:20px;}
.top_r_text .bt_tel_num{font-family:'Nanum Square',"돋움"; font-size:30px; line-height:40px; letter-spacing:-2px; font-weight:600; color: #fa6035;}

/*메인비주얼*/
.main_visual {margin: 0 0 24px;}
.main_visual_img {width: 1000px; max-width: 100%; margin: 0 auto; display: flex; align-items: flex-start; padding: 24px 0; box-sizing: border-box;}
.main_v_left {width: 50%; padding:0 30px 0 0;}
.main_v_txt1 {font-size: 20px; font-weight: 600; color: #ffffff; line-height: 48px; margin-top: 20px; background: #00b2b3; padding:0 16px; width: 68%;}
.main_v_txt3 {font-size: 40px; font-weight: 600; letter-spacing: -3px; color: #2d2d2d; line-height: 45px;margin-top: 10px;}
.main_v_right {width: 50%; display: flex; flex-direction: column; align-items: center;}
.main_v_txt2 {font-size: 32px; font-weight: 600; text-align: center; letter-spacing: -1px; color: #2d2d2d; line-height: 32px;}
.main_v_award {width: 100%; text-align: center;}
.main_v_award img {max-width: 100%; height: auto;}
.m_br {display: none;}



/*입력폼*/

.main_form{}
.main_f_box{ width:35%;  float:left;}
.main_form_title{ line-height:40px;
                   font-family:'Nanum Square',"돋움"; font-size:20px;font-weight:600; text-align:center; letter-spacing:-1px;
				    color:#ffffff; }
.main_f_box ul{ padding:20px 20px; 
                border:1px solid #cccccc;
				border-bottom-left-radius:15px; border-bottom-right-radius:15px;
				background-color:#FFF;}
.main_f_box ul li{ height:35px; margin-bottom:5px; }
.f_title{ width:20%; float:left; line-height:35px; 
          font-family:"돋움"; font-size:14px; font-weight:600;  
		  color:#2d2d2d;}
.f_content{ width:78%; height:35px; float:right;
            font-family:"돋움"; font-size:15px; line-height:35px;
		    color:#2d2d2d;}
.form_bt{ width:80%; margin:0 auto; 
          border-radius:5px; 
		  background-color:#2d2d2d;}		
.form_bt a{ display:block; line-height:35px;
	       font-family:'Nanum Square',"돋움"; font-size:20px;font-weight:600; text-align:center; letter-spacing:-1px;
			color:#ffffff; }	
.main_arrow{width:5%; float:left; height:320px; 
            background-image:url(https://cancerok.speedgabia.com/silson.co.kr/images/arrow.gif); background-repeat:no-repeat; background-position:center; background-size:80%;}
.main_re_box{width:60%; float:right;}
.main_te_box_txt{ line-height:60px; padding-top:19px;
                  border-left:1px solid #cccccc; border-right:1px solid #cccccc;
	              font-family:'Nanum Square',"돋움"; font-size:24px;font-weight:600; text-align:center; letter-spacing:-1px;
			       color:#2d2d2d;}
.box_txt_1{ padding:0 40px; border-bottom:2px solid #2d2d2d;}
.box_txt_2{ padding:0 20px; border-bottom:2px solid #2d2d2d;}
.main_re_box ul{padding:20px 50px; 
                border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;
				border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.main_re_box ul li{ width:24.25%; margin-right:1%;  float:left; margin-bottom:2%;  }
.main_re_box ul li:nth-child(4n){ margin-right:0;}

/*상품리스트*/
.list{}
.list_title{ border-bottom:1px solid #cccccc; border-top:2px solid #666666;
             background-color:#f6f6f9;
			 line-height:40px;
			 font-family:'Nanum Square',"돋움"; font-size:16px; font-weight:500; text-align:center; letter-spacing:-1px;}
.list_t_1{float:left;width:16%;}
.list_t_2{float:left;width:43%; padding-right:1%;}
.list_t_2_title{font-family:"돋움"; font-size:14px; font-weight:600;  line-height:30px; letter-spacing:-0.5px;}
.list_t_2_con{font-family:"돋움"; font-size:14px;   line-height:20px;
              color:#5e5e5e; padding-bottom: 5px;}
.list_t_2_no{font-family:"돋움"; font-size:13px;   line-height:18px; 
             color:#5e5e5e;}
.list_t_3{float:left;width:23%;}
.list_t_3_img{ width:20%;  float:left;}
.list_t_3_con{ width:80%;  float:left;
	           font-family:"돋움"; font-size:13px;   line-height:20px;
              color:#5e5e5e;}
.list_t_4{float:left;width:17%;}
.list_bt{ width:80%; height:35px; margin:0 auto;  margin-bottom:5px;
          border-radius:8px;}
.list_bt a{ display:block; line-height:37px; letter-spacing: -1px;
	       font-family:"돋움"; font-size:15px; font-weight:600; text-align:center;
              color:#ffffff;}
.list ul{}
.list ul li{ padding:20px 0;
             border-bottom:1px solid #cccccc;}

.section {padding: 30px 0;}
.section-head h2 {font-size: 28px; padding: 16px 0;}
.container {max-width: 1000px; margin: 0 auto; padding: 0 20px;}

.media{ border:1px solid #cccccc; border-radius: 8px; height: 250px; overflow:hidden; background:#fff; transition: box-shadow .3s, transform .3s, border-color .3s; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; margin: 0px; }
.media-title {font-size: 20px !important;}
.media figcaption .media-desc {margin-top: 8px !important;}
.media img{width: 40%; height: 40%; display:block; object-fit: contain; text-align: center; padding-top: 12px; margin:0 auto;}
.media figcaption{padding:0 14px 12px 14px; line-height:1.5; text-decoration:none; text-align: left;}
.media figcaption a{color:var(--text);text-decoration: none; font-size: clamp(20px, 2.0vw, 25px); }

.media figcaption .media-desc{
  line-height: 1.55;
  color: #5d6b7b; 
  margin-top: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 3;    
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
}

.grid{display:grid; gap:10px}
.grid--4{grid-template-columns: repeat(4, 1fr)}


/*게시판*/
.board{   padding:30px; margin:0 auto;  }
.board_title{font-family:'Nanum Square',"돋움"; font-size:18px; color:#2d2d2d; font-weight:500;   letter-spacing:-1px; line-height:40px;}
.board_title_txt{ float:left;}
.board_txt1 { font-size:28px; font-weight:600; }
.board_txt2{font-size:24px; font-weight:600;}
.board_title_bt{ float:right; }
.board_title_bt a{background-color:#0081d5; font-family:'Nanum Square',"돋움"; font-size:16px; color:#ffffff; font-weight:500;   letter-spacing:-1px; display:block; line-height:35px; padding:0 10px;}
.board_txt3{font-size:10px; margin-left:5px; }

.board_list_title{ background-color:#727272; font-family:"돋움"; font-size:13px; color:#ffffff; font-weight:600;    line-height:30px; margin-top:10px; }
.b_list_t1{padding:0 2%;}
.b_list_t2{padding:0 7%;}
.b_list_t3{padding:0 25%;}
.b_list_t4{padding:0 2%;}
.b_list_t5{padding:0 2%;}
.b_list_t6{padding:0 2%;}

.board_list{ }
.board ul{margin:0 auto;  padding-left:15px; }
.board ul li{  }
			 

/*자동차보험배너*/
.banner_car{ border:1px solid #cdcdcd;}
.banner_car_txt{ background-image:url(https://cancerok.speedgabia.com/silson.co.kr/images/car_img_bg.png); background-repeat:no-repeat; background-position:bottom; background-size:70%; 
                 padding-left:70px; width:320px; float:left; height:130px; padding-top:10px;
                 font-family:'Nanum Square',"돋움"; font-size:20px; color:#2d2d2d; font-weight:600;   letter-spacing:-1px;}
.banner_car_txt_1{font-size:26px; }
.banner_car ul{ width:470px; height:110px;  float:left; padding-top:30px;}
.banner_car ul li{ width:111px; height:34px; border:1px solid #d5d5d5; background-color:#ffffff; margin-right:6px; margin-bottom:6px; float:left;
                  background-repeat:no-repeat;  background-position:center;}
.banner_car ul li:nth-child(4n){margin-right:0;}
.banner_logo1{background-image:url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/m_list_logo_hd.png); background-size:100%;}
.banner_logo2{background-image:url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/m_list_logo_hw.png);  background-size:130%;}
.banner_logo3{background-image:url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/m_list_logo_kb.png); background-size:100%;}
.banner_logo4{background-image:url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/m_list_logo_me.png);  background-size:120%;}
.banner_logo5{background-image:url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/m_list_logo_hg.png); background-size:100%;}
.banner_logo6{background-image:url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/m_list_logo_lo.png); background-size:100%;}
.banner_logo7{background-image:url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/m_list_logo_db.png); background-size:100%;}
.banner_logo8{background-image:url(https://cancerok.speedgabia.com/cancerok/amsilbi/images/m_list_logo_axa.png);  background-size:150%;}

.barnner_car_bt{  float:right;  padding-top:20px; padding-right:20px;}
.barnner_car_bt a{display:block; text-align:center; background-color:#1f9ee1; padding:20px; 
                  font-family:'Nanum Square',"돋움"; font-size:35px; color:#ffffff; font-weight:600;   letter-spacing:-1px;}
.banner_car_bt_txt{ font-size:18px;}



.footer{ padding:20px 0; border-top:1px solid #cccccc; margin: 20px 0 0;}
.footer_logo{ width:18%; float:left; padding-left:5%; margin-top:40px;
              
              background-image: url(https://cancerok.speedgabia.com/cancerok/ambi_1sec/top/logo_bg.png); background-repeat:no-repeat; background-position:left; background-size:23%;}
.f_logo_txt1{font-family:'Nanum Square',"돋움"; font-size:14px; color:#2d2d2d; line-height:20px;}
.f_logo_txt2{font-family:'Nanum Square',"돋움"; font-size:24px; line-height:25px; letter-spacing:-1px; font-weight:600;}	

.footer_info{ width:71.5%; float:right; padding-left:3%;
              border-left:1px solid #cccccc; ;}
.footer_menu{ }
.f_menu_txt{}
.f_menu_txt a{ padding:0 10px;
               border-right:1px solid #cccccc; 
               font-family:"돋움"; font-size:14px; color:#2d2d2d; line-height:20px;}
.f_info{ font-family:"돋움"; font-size:14px; color:#2d2d2d; line-height:22px;}
.f_info_box{ padding: 10px 15px;; background-color:#f7f6f6; border:1px solid #d7d7d7; box-sizing:border-box; text-align:left; width:100%; margin:0 auto 20px;  }
.f_info_box_title{ font-size:16px; font-weight:bold; line-height:30px;}
.f_info_box_content{ font-size:14px; line-height:23px; letter-spacing:-0.5px;}
.f_info_box2{ padding: 10px 15px; background-color:#fff; border:1px solid #d7d7d7; box-sizing:border-box; text-align:left; max-width:1000px; margin:0 auto 24px; overflow:hidden; }
.f_info_box2_title{ font-size:16px; font-weight:bold; line-height:15px; padding:10px 0 10px 10px;}
.f_info_box2_content{ font-size:14px; line-height:25px; letter-spacing:-1px; margin: 0 10px; float: left; color: #000;}
.f_info_box2_content a{text-decoration:none; color:#333333; cursor:pointer;}
.f_info_box2_content2{ font-size:14px; line-height:25px; letter-spacing:-1px; margin: 0 10px 30px 10px; color: #fff; width:100%; height: 80px; float: none;}


/*퀵메뉴*/
.quick_m{}
.quick_m ul{}
.quick_m ul li{width:80px; margin-bottom:10px;}
.quick_1{height:130px;
	     background-image: url(https://cancerok.speedgabia.com/amvohum/images/top/quck_bg_1.png); background-repeat:no-repeat;}
.quick_2{height:115px;
	     background-image: url(https://cancerok.speedgabia.com/amvohum/images/top/quck_bg_2.png); background-repeat:no-repeat;}
.quick_3{height:130px;
	     background-image: url(https://cancerok.speedgabia.com/amvohum/images/top/quck_bg_3.png); background-repeat:no-repeat;}
.quick_4{height:183px;
	     background-image: url(https://cancerok.speedgabia.com/amvohum/images/top/quck_bg_4.png); background-repeat:no-repeat;}
.quick_5{height:105px;
	     background-image: url(https://cancerok.speedgabia.com/amvohum/images/top/quck_bg_5.png); background-repeat:no-repeat;}

.quick_1_txt1{font-family:"돋움"; font-size:13px; font-weight:600; text-align:center; letter-spacing:-0.5px;
               color:#ffffff; 
			   line-height:40px;}
.quick_1_txt2{font-family:"돋움"; font-size:13px; font-weight:500; text-align:center; letter-spacing:-0.5px;
               color:#2d2d2d; 
			   line-height:16px;
			   margin-top:55px;}
.quick_2_txt1{font-family:"돋움"; font-size:13px; font-weight:500; letter-spacing:-0.5px;
               color:#0066cc; 
			   line-height:15px;
			   margin-left:5px; padding-top:5px;}
.quick_3_txt1{font-family:"돋움"; font-size:11px; font-weight:500; letter-spacing:-1px; text-align:center;
               color:#666666; 
			   line-height:15px;
			   padding-top:5px;}
.quick_3_txt2{font-family:"돋움"; font-size:15px; font-weight:600; letter-spacing:-1.5px; text-align:center; font-style: italic;             
			   line-height:20px; }
.quick_4_txt1{font-family:"돋움"; font-size:14px; font-weight:600; letter-spacing:-0.5px; text-align:center;              
			   line-height:16px; padding-top:8px;
			   color:#ffffff;}
.quick_4_txt2{font-family:"돋움"; font-size:14px; font-weight:500; letter-spacing:-0.5px;
               color:#2d2d2d; 
			   line-height:18px;
			   margin-left:5px; padding-top:20px;}
.quick_4_txt3{font-family:"돋움"; font-size:11px; font-weight:500; letter-spacing:-1px;
               color:#2d2d2d; 
			   line-height:14px;
			   margin-left:5px; padding-top:10px;}

.quick_5_txt1{font-family:"돋움"; font-size:12px; font-weight:600;  letter-spacing:-0.5px;
               color:#2d2d2d; 
			   line-height:35px; margin-left:24px;}
.quick_5_txt2{font-family:"돋움"; font-size:18px; font-weight:600;  letter-spacing:-0.5px; text-align:center;
               color:#0773ce;
			   line-height:20px;}




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

/* 페이지 네비게이션 */
.paginate1{ padding:15px 0; text-align:center; display:none;}
.paginate1 *{ margin:0; padding:0;}
.paginate1 a,
.paginate1 strong{position:relative; margin-left:-1px; font-weight:bold; display:inline-block; padding:3px 8px 1px 7px; color:#313031; border-left:1px solid #ccc; border-right:1px solid #ccc; text-decoration:none; line-height:normal; font:bold 12px 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; background:#fff;}
.paginate1 strong{ color:#ff8600 !important;}
.paginate1 a:hover{ background:#F7F7F7; }
.paginate1 a.pre{ padding:3px 8px 1px 16px; background:url(https://cancerok.speedgabia.com/cancerok/img/Pagination_bu_pg1_l1.gif) no-repeat 8px 6px !important; border:none; font-weight:normal; }
.paginate1 a.pre_end{ padding:3px 8px 1px 16px; background:url(https://cancerok.speedgabia.com/cancerok/img/Pagination_bu_pg1_l2.gif) no-repeat 4px 6px !important; border:none; border-right:1px solid #ccc; font-weight:normal;}
.paginate1 a.next{ padding:3px 16px 1px 8px; background:url(https://cancerok.speedgabia.com/cancerok/img/Pagination_bu_pg1_r1.gif) no-repeat 34px 8px !important; border:none; font-weight:normal; }
.paginate1 a.next_end{ padding:3px 16px 1px 8px; background:url(https://cancerok.speedgabia.com/cancerok/img/Pagination_bu_pg1_r2.gif) no-repeat 37px 6px !important; border:none; border-left:1px solid #ccc; font-weight:normal;}
.paginate1.loaded { display:block;}
.paginate1.only-one { display:block;}
.paginate1.no-result { display:none;}

.qna{ height:32px; text-align:center; background:url(https://cancerok.speedgabia.com/meritz/images/qna_line.jpg) repeat;}
.qna_list{ padding-left:10px; text-align:left;}

.qna_num { margin-top:20px; height:20px; text-align:center; background:url(https://cancerok.speedgabia.com/meritz/images/qna_num_bg.jpg) no-repeat;}
.qna_num_b { width:24px; color: #CC0000; font-weight: bold; }
.qna_num_e { width:24px; background:none;}



/* ── 암보험 상품 카드형 리스트 ── */
/*.insu-card-wrap { padding: 30px 0 40px; }*/
.insu-card-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.insu-card {border: 1px solid #cccccc; border-radius: 8px; padding: 20px 18px 16px; background: #fff; display: flex; flex-direction: column; gap: 10px;min-height: 300px;}
.insu-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.12); }
.insu-card-logo {text-align: center;min-height: 54px;display: flex;align-items: center;justify-content: center;}
.insu-card-logo img { width: 70%; object-fit: contain; }
.insu-card-name {font-size: 20px; font-weight: 500; color: #1a1a1a; line-height: 1.5; letter-spacing: -0.5px;padding: 0 0 12px;}
.insu-card-no {font-size: 14px; color: #1a1a1a; line-height: 1.5;}
.tag-age    { background-color: #3faad4; }
.tag-type   { background-color: #ee7aab; }
.tag-period { background-color: #717171; }
.insu-tag-val {font-family: "돋움";font-size: 12px;color: #333;margin-right: 6px;}
.insu-card-btns {display: flex; gap: 8px;}
.insu-card-result { display: flex; }
.insu-card-btn {flex: 1; display: block; text-align: center; padding: 9px 0;border-radius: 4px;font-size: 16px; letter-spacing: -0.5px; cursor: pointer; color: #fff;}
.btn-gray { background-color: #717171; }
.btn-blue { background-color: #3faad4; }
.btn-pink { background-color: #ee7aab; width: 100%; }



/* 반응형 */
@media (max-width: 1024px) {
	.w1000 {
		width: 100% !important;
		box-sizing: border-box;
		padding-left: 16px;
		padding-right: 16px;
	}

	.top_banner {
		padding: 12px 20px;
	}
	.top_tel    {
		width: 20%; padding-left: 5%; background-size: 16%;
	}
	.top_tel_txt1 {
		font-size: 14px;
        white-space: nowrap;
	}
	.top_tel_txt2 {
		font-size: 26px;
        white-space: nowrap;
	}


	/* 메인비주얼 */
	.main_visual_img {
		width: 100%; box-sizing: border-box; padding: 16px;
	}
	.main_v_txt1{
		font-size:16px;
	}

	.f_title {
		font-size: 12px;
	}

    .font_18 {
        font-size: 17px;
    }

	.insu-card {
		min-height: 260px;
	}
	.insu-card-grid {
	grid-template-columns: repeat(2, 1fr);
	}

	.media-title{
		font-size: 20px !important;
	}
	.media figcaption .media-desc {
		font-size: 16px;
	}

	.event_banner_1{
		width: 275px; height: 127px; margin-right: 6px;
	}

	.event_banner_2{
		height: 110px; width: 210px; margin-right: 6px;
	}

	.event_banner_3 {
		height: 90px; width: 216px; padding-left: 95px;
	}

	.banner1_txt2, .banner2_txt2, .banner3_txt1 {
		font-size: 14px;
	}


	.f_info_box_ {
		padding: 0 20px;
	}

	.grid--4 {
		grid-template-columns:repeat(2, 1fr) !important;
	}

}


@media screen and (min-width: 769px) {
    .top_menu_close {display: none !important;}
    .bt_hamburger { display: none !important; }
    .mob_menu_overlay { display: none !important; }
}

/* =====================================================
   ≤ 768px  (모바일)
   ===================================================== */
@media screen and (max-width: 768px) {

    .pc_only  { display: none  !important; }
    .mob_only { display: block !important; }

    html, body { overflow-x: hidden; max-width: 100%; }

    /* 공통 */
    .w1000 {
        width: 100% !important;
        padding: 0;
        box-sizing: border-box !important;
        display: flex;
    }
    .insu-card-wrap { flex-direction: column; }

    /* ── 헤더 ── */
    .top_banner {
        padding: 8px 12px 12px;
        position: relative;
        min-height: 60px;
        box-sizing: border-box;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #e5e5e5;
    }
    .top_logo {
        flex: 1;
        min-width: 0;
        float: none;
        height: auto;
        padding-left: 35px;
        background-size: 45px !important;
        background-position: left center !important;
        box-sizing: border-box;
    }
    .top_tel  { display: none; }
    .logo_txt1 { font-size: 12px; line-height: 16px; }
    .logo_txt2 { font-size: 22px; line-height: 26px; }

    .top_r_text { display: none; }

    /* ── 헤더 우측 아이콘 영역 ── */
    .bt_icons {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-shrink: 0;
        float: none;
    }
    /* 카카오 아이콘 */
    .bt_kakao {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
    }
    .bt_kakao img {
        width: 36px !important;
        height: 36px !important;
        object-fit: contain;
    }
    /* 전화 아이콘 */
    .bt_tel {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
    }
    .bt_tel img {
        width: 36px !important;
        height: 36px !important;
        object-fit: contain;
    }
    /* 햄버거 버튼 */
    .bt_hamburger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        cursor: pointer;
        border-radius: 6px;
        flex-shrink: 0;
        transition: background 0.2s;
    }
    .bt_hamburger:active { background: #f0f0f0; }
    .bt_hamburger img {
        width: 32px !important;
        height: 32px !important;
        object-fit: contain;
    }
    .bt_hamburger .icon_menu_close { display: none; }
    .bt_hamburger.is_active .icon_menu_default { display: none !important; }
    .bt_hamburger.is_active .icon_menu_close   { display: block !important; }

    /* ── 네비 top_menu: 768px 이하에서만 우측 슬라이드 드롭다운 ── */
    .top_menu {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 280px;
        height: 100%;
        background-color: #fff;
        box-shadow: -4px 0 20px rgba(0,0,0,0.18);
        z-index: 9999;
        overflow-y: auto;
        transition: transform 0.3s ease;
        transform: translateX(100%);
        box-sizing: border-box;
        padding: 0;
    }
    .top_menu.is_open {
        display: block;
        transform: translateX(0);
    }
    .top_menu ul.top_menu_list {
        width: 100% !important;
        display: block !important;
        padding: 8px 0;
    }
    .top_menu ul li {
        width: 100% !important;
        float: none !important;
        height: auto !important;
        border-bottom: 1px solid #efefef;
    }
    .top_menu ul li a {
        display: block;
        font-size: 16px !important;
        line-height: 1 !important;
        padding: 16px 24px;
        color: #2d2d2d;
        font-weight: 500;
        letter-spacing: -0.5px;
    }
    .top_menu ul li a:active { background: #f5f5f5; color: #13a0ce; }

    /* 딤처리 오버레이 */
    .mob_menu_overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.4);
        z-index: 9998;
    }
    .mob_menu_overlay.is_open { display: block; }

/* 사이드 메뉴 닫기 버튼 */
.top_menu_close {
    display: block;
    position: sticky;
    top: 0;
    width: 100%;
    border: none;
    text-align: right;
    padding: 10px 20px;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 1;
}

.top_menu_close img {
    width: 28px !important;
        height: 28px !important;
        object-fit: contain;
}



    /* ── 메인비주얼 ── */
    .main_visual { padding-bottom: 8px; }
    .main_visual_img {
        width: 100% !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 16px 20px !important;
        box-sizing: border-box !important;
        background-image:url(https://cancerok.speedgabia.com/mobile/amvohum/m_bg.png);
        background-repeat: no-repeat;
        background-size:100%;
        background-position:right bottom;
        height: 154px;
    }
    .main_v_left  { width: 100%; margin-bottom: 16px; padding: 0; }
    .main_v_right { display: none; }
    .main_v_txt1  { font-size: 15px; line-height: 1.6; margin-top: 0 !important; padding: 0 !important; display: block; background:none; color: #000;}
    .main_v_txt1 .color_y {color: #000;}
    .main_v_txt2  { font-size: 16px; line-height: 1.4;}
    .main_v_txt3  { font-size: 26px; line-height: 1.4; letter-spacing: -1px;}
    .main_v_txt3 .font_17 { display: block; font-size: 14px; font-weight: 400; line-height: 1.5; margin-top: 8px; color: #555; letter-spacing: -0.5px !important; }
    .m_br { display: block; }

    /* ── 메인폼 ── */
    .main_form {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .main_f_box  { width: 100% !important; float: none !important; margin-bottom: 12px; }
    .main_arrow  { display: none !important; }
    .main_re_box { width: 100% !important; float: none !important; }
    .main_re_box ul {
        padding: 14px 10px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px;
    }
    .main_re_box ul li {
        width: auto;
        margin-right: 0;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 1 1 calc(50% - 4px);
    }
    .section-head h2 { font-size: 20px; }
    .main_te_box_txt { font-size: 16px; line-height: 1.5; padding: 8px; }
    .main_form_title { font-size: 17px; }

    /* 폼 입력 */
    .f_title   { width: 28%; font-size: 16px; }
    .f_content { width: 70%; }
    .form_bt   { width: 90%; }
    .form_bt a { font-size: 16px; }

    /* ── 상품카드 1열 ── */
    .insu-card-grid { grid-template-columns: 1fr !important; }
    .insu-card { min-height: auto; margin: 0 20px; }
    .insu-card-name { font-size: 18px; }
    .insu-card-btn  { font-size: 14px; padding: 8px 0; }
    .insu-card-wrap .section-head { padding: 0 20px; }

    /* ── 가이드 그리드 1열 ── */
    .grid.grid--4 { grid-template-columns: repeat(1, 1fr) !important; gap: 12px !important; }
    .media { height: 220px; }
    .media-title { font-size: 19px !important; font-weight: 500; }
    .media figcaption .media-desc { font-size: 16px !important; }

    /* ── 이벤트 배너 1열 ── */
    .event { padding: 10px 20px; flex-direction: column; }
    .event_banner,
    .event_banner_1,
    .event_banner_2,
    .event_banner_3 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
        box-sizing: border-box;
        background-size: cover !important;
    }
    .event_banner img,
    .event_banner_1 img,
    .event_banner_2 img,
    .event_banner_3 img { width: 100%; }

    /* ── 푸터 1열 ── */
    .banner_car_txt { width: 100%; float: none; height: auto; padding: 12px 16px; }
    .banner_car ul  { width: 100%; float: none; height: auto; padding: 10px; }
    .barnner_car_bt { float: none; padding: 10px; }
    .barnner_car_bt a { font-size: 20px; }
    .footer { padding: 16px 20px;}
    .footer_logo { width: 100% !important; float: none !important; padding-left: 44px !important; margin-top: 0; margin-bottom: 14px; background-size: 12%;}
    .footer_info { width: 100% !important; float: none !important; padding-left: 0 !important; border-left: none !important; }
    .f_logo_txt2 { font-size: 19px; }
    .f_info_box2 {margin: 12px 20px;}
    .f_menu_txt a { padding: 0 5px; font-size: 11px; }
    .f_info { font-size: 11px; line-height: 18px; word-break: keep-all; }
    .f_info_box {margin: 0 20px;}

    /* 게시판 */
    .board { padding: 14px 10px; }
    .board_txt1 { font-size: 18px; }
    .board_txt2 { font-size: 16px; }

    #left_quick_link1 { display: none !important; }
    .footer .w1000 {flex-direction:column;}
    .img-wrap {display: none !important;}
    .insurance-wrap {padding: 24px 20px !important;}
}

@media (max-width: 960px) {
      body {background: #fff !important;}

}


#main_popup_layer{display: none;}












/* ===========================
   조재필 추가 2026-07-07
=========================== */
/* 배경 */
#layer_bg {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
}

/* 팝업 */
#result_popup {
    display: none;
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    background: #fff;
    border-radius: 4px;
    z-index: 9999;
    overflow: hidden;
}

/* 헤더 */
.layer_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
}

.layer_title {
    font-size: 16px;
    font-weight: bold;
    color: #222;
}

.layer_close {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #888;
}

/* 본문 */
.layer_body {
    padding: 0;
    overflow-y: auto;
    max-height: calc(90vh - 50px);
}

/* iframe */
#layer_iframe {
    width: 100%;
    height: 70vh;
    border: none;
    display: block;
}