@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{text-decoration:none; color:inherit; cursor:pointer;}


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


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

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

/* 인용구 표시 초기화 */
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 { content:''; display: block; 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;
}

.w1200{max-width:1200px;}
.w100{width:100%; margin:0 auto;}
.w95{width:95%; margin:0 auto;}
.w90{width:90%; margin:0 auto;}

.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; max-width: 1200px;}

.h300{ height:300px;}

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

.section {max-width: 1200px; margin: 0 auto;}

/*상단*/
.top{ width:1200px; height:100px;}
.top_am{width:100%; height:70px; 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_{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  max-width:1200px;
  width:100%;
  margin:0 auto;
  padding:18px 20px;
  box-sizing:border-box;
}

.top_logo{ flex-shrink:0; float: none !important; margin: 0 !important; width: auto !important; line-height: normal !important;}
.top_logo a{
  display:flex;
  align-items:center;
  gap:10px;
}
.top_logo img{
  height:48px;
  width:auto;
  margin:0;
  flex-shrink:0;
}
.top_logo_text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.25;
}
.top_label{
  font-size:17px;
  color:#666;
  letter-spacing:-0.5px;
  margin:0 0 2px;
  padding:0;
  display:block;
  text-align: left;
}

.logo_txt{
  font-family:'Cafe24Ohsquare', '돋움';
  font-size:36px !important;
  letter-spacing:-1px !important;
  color:#000;
  margin: 4px 0 0 !important;
  padding:0 !important;
  display:block;
  line-height:normal !important;

}
.serch_naver{width:680px; float:left;}

.top_right{ display:flex; flex-direction:column; align-items:flex-end; flex-shrink:0; }
.nav_menu{ display:flex; justify-content:flex-end; gap:22px; margin-bottom:8px; white-space:nowrap; }
.nav_menu li a{ font-family:'Nanum Square', 'Noto Sans KR', sans-serif; font-weight:400; font-size:17px; color:#000; letter-spacing:-0.5px; }
.nav_menu li a:hover{ color:#ff5f35; }

.tel_no{ text-align:right; white-space:nowrap; }
.tel_pc_text{ display:inline-flex; align-items:center; gap:6px; font-weight:700; letter-spacing:-1px; line-height:1; font-size:24px; color:#000; }
.tel_pc_text img{ width:48px; }
.tel_mobile_btns{ display:none; }

.bt_hamburger{ display:none; }
.top_menu{ display:none; }
.top_menu_close{ display:none; }
.mob_menu_overlay{ display:none; }



/*메인비주얼*/
.main_visual{ width:100%; border:0px; float:left; background-color:#f7baaa;}
.top_visual{width:1200px; padding:40px 0 0 0;}
.visual_img{ background-color:#F00; margin-top:234px; background-position:center; }
.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;}

.img{float:left; z-index:2; padding-top:35px;}


/*입력폼*/

.form_title{ font-size:36px; color:#000000; font-family: 'Cafe24Ohsquare', '돋움'; font-weight:bold; letter-spacing:-1px; padding-bottom:1%; }
.form{ width:518px;  border:#000 solid 4px; margin-left:-33px; padding:3% 3% 3% 5%; background-color:#ffffff; float:right; z-index:1;}


.f_box{ border-bottom:#666 solid 1px; width:97%; height:60px; font-size:16px; margin-bottom:5px; padding-left:10px;}
.f_box2{ border-bottom:#666 solid 1px; width:61.6%; height:60px; font-size:16px; padding-left:10px; margin-right:1%; float:left;}
.f_box2_{ border:#000 solid 2px; width:59%; height:60px; font-size:16px; margin-bottom:5px; padding-left:10px; margin-right:1%; float:left;}
.f_box3{ border-bottom:#666 solid 1px; width:26%; height:60px; font-size:16px; margin-bottom:5px; padding-left:10px; margin-right:1%; float:left; background-color:#fff; }
.f_box4{ border-bottom:#666 solid 1px; width:24%; height:60px; font-size:16px; margin-bottom:5px; padding-left:10px; margin-right:1%; float:left;}
.f_box5{ width:17.8%; height:30px; background-color:#000; color:#fff; font-family: '돋움'; font-size:15px; font-weight:500;  text-align:center; padding:20px 0 11px 0; margin-top:-5px; float:left; cursor:pointer;}
.f_ok{border:#000 solid 2px; background-color:#ff5f35; color:#fff; width:97%; height:80px; font-size:28px; font-weight:bold; margin-top:10px; margin-bottom:10px; margin-left:-9px; letter-spacing:-1px; cursor:pointer;}

.f_rbox{width:45.7%; height:140px; float:left; padding-top:17px; border:1px solid #666666; margin-left:3%; margin-right:3px; margin-bottom:3px;}
.f_rbox_r{width:45.7%; height:140px; float:left; padding-top:17px; border:1px solid #666666; margin-bottom:3px;}

.f_bbox{width:100%; height:240px; border:1px solid #999;}


.insu_wid{ display:grid; grid-template-columns: repeat(3,1fr); max-width: 1200px; gap: 12px;}
.insu_view{ width:100%;  float:left; padding-bottom:48px; margin-top:-30px; z-index:0; background-color:#ffffff; }
.insu_title{ font-size:32px; color:#000000; font-family: 'Cafe24Ohsquare', '돋움'; font-weight:bold; letter-spacing:-1px; padding-bottom:1%; padding-top:50px;}


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



.row_flex .box_m_am,
.row_flex .box_m_am_on,
.row_flex .box_w_am,
.row_flex .box_w_am_on{
    width: 15%;
    height: 30px;
    background-color: #fff;
    color: #000;
    font-family: '돋움';
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    padding: 20px 0 11px 0;
    float: left;
    margin-left: 8px;
    margin-bottom: 10px;
    border:1px solid #000;
}

.row_flex .box_m_am_on,
.row_flex .box_w_am_on{
  background:#fe7445;
  border-color:#fe7445;
  color:#fff;
}

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


.form li.row_flex{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  width:100%;
}

/* 개인정보 동의 줄 - 체크박스/보기버튼 고정, 텍스트만 유동 */
.form li .agree_row{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
}
.form li .agree_row input[type="checkbox"]{
  flex:0 0 auto;
}
.form li .agree_row .view_txt{
  min-width:0;
}
.form li .agree_row .view_bt{
  flex:0 0 auto;
  margin-left:8px;
}


.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_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_b10{padding-bottom:10px;}
.pd_b30{padding-bottom:30px;}
.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:95%; margin:5px 0 0 13px; float:left; padding:10px 0 20px 0; height:35px;}
.list_bt_wrap {display: flex;}
.list_txt{font-family:'돋움'; font-size:18px; padding:10px; font-weight:bold; }
.list_bt{ width:100%;
          font-family:'Nanum Square', '돋움'; font-size:18px; color:#2d2d2d; text-align:center; line-height:40px; letter-spacing:-1px;}
.list_bt_{ font-family: '돋움'; font-size:14px; color:#2d2d2d; text-align:left; line-height:20px; letter-spacing:-1px; padding-left:15px; width:95%; float:left;}
		  
.list_bt2{ width:6%; float:left; line-height:45px;
          font-family:'Nanum Square', '돋움'; font-size:18px; color:#2d2d2d; text-align:center;  letter-spacing:-1px; margin-right:5px;}		  
.list_bt_txt{ width:83%; font-size:30px; font-family:'Nanum Square', '돋움';  background-color:#f3f2f8; text-align:center; line-height:45px; float:left; font-weight:bold; margin-left:5%; margin-bottom:10px; 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;}			 

.section-head h2 {margin: 0 0 16px; font-size: 32px; text-align: center; font-family: 'Cafe24Ohsquare', '돋움';}
.media-title {font-size: 22px; font-weight: 400;}
.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;}

.media figcaption {
    padding: 0 14px 12px 14px;
    line-height: 1.5;
    text-decoration: none;
    text-align: left;
}

.media {border: 1px solid #999;
    height: 250px;
    overflow: hidden;
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    margin: 0px;
    text-align: center;
  }

  .media img {
    width: 40%;
    height: 40%;
    display: inline-block;
    object-fit: contain;
    text-align: center;
    padding-top: 12px;

  }

  /* 게시판 */
.car_board {max-width: 1200px; margin: 24px auto 40px !important;}
.car_board_title {margin: 0 0 6px; font-size: 32px; font-family: 'Cafe24Ohsquare', '돋움' !important;}
.car_board_list_con {width: 100% !important; font-size: 18px;}
.car_board_list_con_ {width: 100% !important;}
.car_board_list_con_ a {font-size: 18px;}
.car_board_content_list {height: 48px !important; line-height: 48px !important;}

/* 하단 */
.f_info_box > div {padding: 20px;}
.info{ font-family: '돋움'; font-size:16px; color:#000; line-height:22px; }
.info_{ width:1200px; font-family:'돋움'; font-size:16px; color:#b6b6b6; line-height:24px; }
.info_top{ width:1200px; font-size:16px; line-height:30px; color:#b6b6b6; font-weight:bold; font-family:'돋움';}
.f_info_box2{ padding: 20px; background-color:#fff; box-sizing:border-box; text-align:left; width:100%; max-width:1200px; margin:24px auto; border: 1px solid #d7d7d7;}
.f_info_box2::after{ content:""; display:block; clear:both;}
.f_info_box2_title{ font-size:16px; font-weight:bold; line-height:15px; padding:10px 0 10px 10px;}
.f_info_box2_content{ font-size:16px; line-height:28px; letter-spacing:-1px; margin: 0 10px; float: left; color: #000;}
.footer{ width: 100%; border-top: 1px solid #c5c5c5; background: #f2f2f2;}
.footer_{ max-width:1200px; margin:0 auto; padding:20px 0; font-family:'돋움';}


/* ---------- 1024px 이하 : 태블릿 ---------- */
@media (max-width: 1024px){

  .w1200{ width:100%; max-width:1200px; box-sizing:border-box; padding:0 20px; }

  /* 상단 헤더 */
  .top_{ padding:16px 20px; gap:16px; }
  .nav_menu{ gap:14px; }
  .nav_menu li a{ font-size:16px; }

  /* 메인비주얼 + 입력폼 */
  .form_title {font-size: 28px;}
  .top_visual{ width:100%; max-width:1024px; padding:30px 20px 0; box-sizing:border-box; }
  .form{ width:46%; margin-left:0; padding:3% 4%; box-sizing:border-box; }
  .img{ width:50%; padding-top:20px; }
  .f_box2, .f_box4, .f_box3 {
    height: 48px;
  }
  .row_flex .box_m_am, .row_flex .box_m_am_on, .row_flex .box_w_am, .row_flex .box_w_am_on, .f_box5 {
    height: 22px;
    line-height: 15px;
  }


  .f_ok {font-size: 24px;}

  .main_am #frm_sec input[type="text"],
  .main_am #frm_sec select,
  .main_am #frm_sec .check_bt_am,
  .main_am #frm_sec .box_m_am,
  .main_am #frm_sec .box_m_am_on,
  .main_am #frm_sec .box_w_am,
  .main_am #frm_sec .box_w_am_on{
    height:44px !important;
    min-height:44px;
    line-height:44px;
  }

  .grid--3 {
    padding: 0 20px;
    grid-template-columns:repeat(2, 1fr);
  }

  /* 결과 리스트 */
  .insu_wid{ width:100%; max-width:1024px; height:auto; padding:0 20px; box-sizing:border-box; grid-template-columns: repeat(2, 1fr);}
  .f_bbox{ width:100%; height:auto; min-height:240px;}

  /* 게시판 */
  .car_board {
    padding: 0 20px;
  }

  /* 하단 안내/패밀리사이트 */
  .f_info_box2 {margin: 24px 20px; width: auto;}
  .footer, .footer_, .info_, .info_top{ width:100%; max-width:1200px; box-sizing:border-box; padding-left:20px; padding-right:20px; }
  .f_info_box { box-sizing: border-box; width: auto;  margin: 0 20px; }
}

/* ---------- 768px 이하 : 모바일 ---------- */
@media (max-width: 768px){

  .top_{ padding:12px 16px; gap:10px; }

  .top_logo img{ height:36px; }
  .top_label{ font-size:14px; margin: 0;}
  .logo_txt{ font-size:22px !important; margin: 0 !important;}
  .top_right{ flex-direction:row; align-items:center; }
  .nav_menu{ display:none; }
  .tel_no{ width:auto; }
  .tel_pc_text{ display:none; }
  .tel_mobile_btns{
    display:flex;
    align-items:center;
    gap:10px;
  }
  .tel_mobile_btns a{ display:block; line-height:0; }
  .tel_mobile_btns img{ display:block; width:auto; height:30px; }

  .bt_hamburger{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:6px;
    background:#373737;
    cursor:pointer;
    flex-shrink:0;
  }
  .bt_hamburger img{ width:20px; height:20px; }

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

  .top_menu_close{
    display:block;
    position:sticky;
    top:0;
    width:100%;
    border:none;
    background:#fff;
    text-align:right;
    padding:20px;
    cursor:pointer;
    box-sizing:border-box;
    z-index:1;
  }
  .top_menu_close img{ width:24px; height:24px; object-fit:contain; }

  .mob_menu_overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.4);
    z-index:998;
  }
  .mob_menu_overlay.is_open{ display:block; }

  .main_visual{ padding-bottom:10px; }
  .top_visual{ padding:20px 15px 0; }

  #frm_sec{ display:flex; flex-direction:column; align-items:stretch; }
  .img{
    order:1;
    float:none;
    width:100%;
    max-width:340px;
    padding-top:0;
    text-align:center;
    height:216px;
    overflow:hidden;
  }
  .img img{ max-width:100%; height:auto; }

  .form{
    order:2;
    float:none;
    width:100%;
    max-width:460px;
    margin:0 auto;
    padding:24px 20px;
    box-sizing:border-box;
  }

  .form_title{ font-size:24px; text-align:center; padding-bottom:4%; }

  .f_box2{ width:62%; height:50px; font-size:16px; }
  .f_box2_{ width:56%; height:50px; font-size:16px; }
  .f_box3{ width:26%; height:50px; font-size:16px; }
  .f_box4{ width:25%; height:50px; font-size:16px; }
  .f_box5{ width:17%; height:24px; padding:15px 0 9px 0; font-size:13px; }
  .f_ok{ width:100%; height:60px; font-size:20px; margin-left:0; }
  .row_flex .box_m_am,
  .row_flex .box_m_am_on,
  .row_flex .box_w_am,
  .row_flex .box_w_am_on {
     height:24px; padding:15px 0 9px 0; font-size:13px;
  }

  .insu_view{ margin-top:0; padding-top:10px; }
  .insu_wid{ padding:0 20px; grid-template-columns: repeat(1,1fr); gap: 4px;}
  .insu_title{font-size:26px; text-align:center; padding:20px 0 10px;}
  .section-head h2, .car_board_title {font-size:26px;}

  .f_bbox{
    width:100%;
    min-height:220px;
    margin-left:0;
    margin-right:0;
    margin-bottom:14px;
    padding-bottom:10px;
  }
  .list_img{ width:100%; }
  .list_txt{ font-size:18px; }
  .list_bt_txt{ font-size:24px; width:88%; }
  .media-title {font-size: 22px;}
  .grid--3 {grid-template-columns:repeat(1, 1fr);}

  /* 게시판 */
  .car_board_list_con_ a {
        white-space: nowrap;
        word-break: keep-all;
        line-height: 1.8;
        padding: 8px 0;
        text-overflow: ellipsis;
        width: 100%;
        display: inline-block;
        overflow: hidden;
  }

  .img-wrap {display: none !important;}

  /* 하단 안내문구 / 패밀리사이트 */
  .footer, .footer_, .info_, .info_top{ padding-left:15px; padding-right:15px; }
  .info_top{ font-size:15px; line-height:24px; }
  .info_{ font-size:15px; line-height:23px; }
  .f_info_box2_content{ font-size:15px; margin:0 8px; }

  .f_info_box {
    box-sizing: border-box;
    width: auto;  
    margin: 0 20px;    
  }
  .f_info_box > div {
    padding: 24px 20px;
  }


}






/* ===========================
   조재필 추가 2026-07-08
=========================== */
/* 배경 */
#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;
}