@charset "utf-8";

/* PC ¸ðµå CSS */

html, body { height:100%; padding:0; }
body { overflow-y:scroll; }

#hugabibox_wrap { width:1168px; margin: 0 auto;  z-index:0;}  /* 1168px */

#hugabibox_wrap .hugabi_leftbox { width:728px; margin-right:16px; float:left; margin-top:60px;}

#hugabibox_wrap .hugabi_rightbox { width:344px; float:left; display: inline-block; margin-top:60px;}


#hugabibox_wrap .head_tit { padding:16px 0 0 40px;  width:344px; } 
#hugabibox_wrap .head_tit span { border-radius:25px; background:#f5f5f5; padding:8px 14px; font-size:16px; color:#666; }



/* Body */
#hugabibox_wrap .hugabi_box_radius { display: block; border-radius:16px; background:#fff; padding:20px; }
#hugabibox_wrap .hgb_inb { display: inline-block; }  /* Èò ¶ó¿îµå¹Ú½º inline-block */

#hugabibox_wrap .hugabi_top16 { margin-top:16px; }

#hugabibox_wrap .hugabi_service { display: inline; }

#hugabibox_wrap .hugabi_service li { float: left; margin-right:10px; z-index: 900; padding: 10px 0; text-align: center; border-radius:25px; background:#fff; list-style:none; }
#hugabibox_wrap .hugabi_service li a { line-height:24px; }
#hugabibox_wrap .hugabi_service li a img { vertical-align: top; }
#hugabibox_wrap .hugabi_service .link_service { display: block;  width: 82px; text-decoration:none; color:#333; }
#hugabibox_wrap .hugabi_service .hugabi_all { display:block; padding:10px; background:#fff; border-radius:30px; }


#hugabibox_wrap .hugabi_l798 { width:768px; float:left;  }

#hugabibox_wrap .hugabi_r384 { width:384px; float:right; }

/* Ä«ÇǶóÀÌÆ® */
#hugabibox_wrap_copy {width:1168px; margin: 0 auto;  z-index:0;}
#hugabibox_wrap_copy .hugabi_copy { width:1260px;font-size:14px; line-height:25px; font-family:-apple-system, BlinkMacSystemFont ;height:150px; clear:both; padding:20px 0 30px 0; color:#666; margin:0px 0px 0px 0px; border-top:1px solid #e9eaed;}

#hugabibox_wrap_copy2 {width:1260px; margin: 0 auto;  z-index:0;}
#hugabibox_wrap_copy2 .hugabi_copy { width:1260px;font-size:14px; line-height:25px; font-family:-apple-system, BlinkMacSystemFont ;height:150px; clear:both; padding:20px 0 30px 0; color:#666; margin:0px 0px 0px 0px; border-top:1px solid #eee;}


#hugabibox_wrap .photo344 { border-radius:16px; width:344px; margin-top:10px; }


/* ¼îÇÎ ¹Ú½º ¶ó¿îµå */
#hugabibox_wrap .photo168 { border-radius:16px; width:166px; height:170px; }


/* ¿À´ÃÀÇ ÁÖ¿ä ¼Ò½Ä */
#hugabibox_wrap .today_news { background:#4a5f85; color:#fff; width:728px; }
#hugabibox_wrap .today_news .news_ye { width:48.5%; margin-right:15px; float:left; background:#fff; opacity: 0.7; border-radius:15px; border:1px solid #7a8a90;  }
#hugabibox_wrap .today_news .news_ye li { padding:6px 0 0 20px; list-style:none; }
#hugabibox_wrap .today_news .news_ye li a { color:#0b2658;  text-decoration:none; } 

#hugabibox_wrap .today_news .news_sp { width:48.5%; float:right; background:#fff; opacity: 0.7;  border-radius:15px; border:1px solid #7a8a90;  }
#hugabibox_wrap .today_news .news_sp li { padding:6px 0 0 20px; list-style:none; }
#hugabibox_wrap .today_news .news_sp li a { color:#0b2658;  text-decoration:none; } 

#hugabibox_wrap .hugabi_news li { list-style:none; height:20px; padding:15px 0; color:#666; border-bottom:1px solid #f5f5f5; }


/* »ó´Ü °Ë»ö */
#hugabibox_wrap .wrap_search { width:755px; margin:0 auto; height:10px; padding-top:20px; } 
/* #hugabibox_wrap .wrap_search a { display:inline;  padding-top:30px; } */
#hugabibox_wrap .wrap_search button { padding:13px 25px; border-radius:30px; border:none; color:#4a5f85; font-size:20px; background:#fff; border:1px solid #cecece; }
#hugabibox_wrap .wrap_search input {  padding: 20px 30px; width:500px; border-radius:30px; border:none;  box-shadow: 2px 2px 5px 2px #e2e2e2; margin-right:10px; }


/* ´º½º */
#hugabibox_wrap .hugabi_l798 .news_btn { display: inline; }

#hugabibox_wrap .hugabi_l798 .hp_btn { display: inline; }
#hugabibox_wrap .hugabi_l798 .hp_btn .point_hp { border:1px solid #dae5ff; background:#e5edff; color:#6494f8; font-weight:bold;  }
#hugabibox_wrap .hugabi_l798 .hp_btn a { display: inline-block; margin-right:5px; text-decoration:none; color:#333; border:1px solid #ddd; padding:10px 20px; border-radius:30px; }

#hugabibox_wrap .hugabi_l798 .internet_btn { display: inline; }
#hugabibox_wrap .hugabi_l798 .internet_btn a { display: inline-block; margin-right:5px; text-decoration:none; color:#333; border:1px solid #ddd; padding:10px 20px; border-radius:30px; }

#hugabibox_wrap .hugabi_l798 .telecom_btn { display: inline; }
#hugabibox_wrap .hugabi_l798 .telecom_btn .point_telecom { border:1px solid #dae5ff; background:#e5edff; color:#6494f8; font-weight:bold;  }
#hugabibox_wrap .hugabi_l798 .telecom_btn a { display: inline-block; margin-right:5px; text-decoration:none; color:#333; border:1px solid #ddd; padding:10px 20px; border-radius:30px; }

#hugabibox_wrap .hugabi_l798 .community_btn { display: inline; }
#hugabibox_wrap .hugabi_l798 .community_btn .point_community { border:1px solid #dfc9fc; background:#f0e5ff; color:#ab78f1; font-weight:bold;  }
#hugabibox_wrap .hugabi_l798 .community_btn a { display: inline-block; margin-right:5px; text-decoration:none; color:#333; border:1px solid #ddd; padding:10px 20px; border-radius:30px; }

#hugabibox_wrap .hugabi_l798 .hugi_btn { display: inline; }
#hugabibox_wrap .hugabi_l798 .hugi_btn .point_hugi { border:1px solid #dae5ff; background:#e5edff; color:#6494f8; font-weight:bold;  }
#hugabibox_wrap .hugabi_l798 .hugi_btn a { display: inline-block; margin-right:5px; text-decoration:none; color:#333; border:1px solid #ddd; padding:10px 20px; border-radius:30px; }

#hugabibox_wrap .hugabi_l798 .shop_btn { display: inline; }
#hugabibox_wrap .hugabi_l798 .shop_btn .point_shop { border:1px solid #ffc0b5; background:#ffe3de; color:#fd6850; font-weight:bold;  }
#hugabibox_wrap .hugabi_l798 .shop_btn a { display: inline-block; margin-right:5px; text-decoration:none; color:#333; border:1px solid #ddd; padding:10px 20px; border-radius:30px; }



#hugabibox_wrap .hugabi_l798 .screen_out { float:left; margin-top:7px;  font-size:20px; padding:0 0 10px 10px; } /* width:6%;  */

/* ¿À´ÃÀÇ ÁÖ¿ä ¼Ò½Ä */
#hugabibox_wrap .hugabi_l798 .screen_out_today { float:left; margin-top:7px;  font-size:20px; padding:0 0 10px 10px; width:20%; }



/* ¼îÇÎ */
#hugabibox_wrap .hugabi_l798 .news_btn .point_shopping { border:1px solid #ffc0b5; background:#ffe3de; color:#fd6850; font-weight:bold;  }

/* ¿¬¿¹  */


#hugabibox_wrap .hugabi_l798 .news_btn a { display: inline-block; margin-right:5px; text-decoration:none; color:#333; border:1px solid #ddd; padding:10px 20px; border-radius:30px; }

#hugabibox_wrap .hugabi_l798 .hugabi_news li a { display: inline-block; margin-right:10px; text-decoration:none; color:#333; }

#hugabibox_wrap .hugabi_l798 .photo_text { float:left; width:50%; padding: 30px 0 0 0;  }
#hugabibox_wrap .hugabi_l798 .photo_text  { width:48%;  list-style:none;  }
#hugabibox_wrap .hugabi_l798 .photo_text img { border-radius:12px; }
#hugabibox_wrap .hugabi_l798 .photo_text a {  text-decoration:none; }

/* ¿ÞÂÊ ´º½º */
#hugabibox_wrap .hugabi_l798 .two_photo span { display: block; color:#333; padding-top:8px; line-height:20px;}
#hugabibox_wrap .hugabi_l798 .two_photo a { display: inline-block; width:45%; }

/* °ü½É Å°¿öµå */
#hugabibox_wrap .hugabi_l798 .two_keywork span { display: inline-block; color:#333; padding-top:8px; line-height:20px;}
#hugabibox_wrap .hugabi_l798 .two_keywork a { display: inline-block; width:22%; }
#hugabibox_wrap .hugabi_l798 .two_keywork a img { border-radius: 15px; } 


/* ŸÀÌƲ È­»ìÇ¥ > */
#hugabibox_wrap .hugabi_l798 a.border_none { display: inline;  width:6%; border:none; padding:14px 0 0 0; }
#hugabibox_wrap .hugabi_l798 a.border_none img { margin:10px 0 0 0; } 


/* ¿À¸¥ÂÊ ¼îÇÎ */


/* ·Î±×ÀÎ */

#hugabibox_wrap .hugabi_r384 .cont_login .desc_login { font-size: 14px; color: #999; text-align: center; padding: 10px; margin: 0px 0; }
#hugabibox_wrap .hugabi_r384 .cont_login .btn_login_kakao img { width:45px;   } 
#hugabibox_wrap .hugabi_r384 .cont_login .btn_login_google img{ width:45px;} 
#hugabibox_wrap .hugabi_r384 .cont_login .btn_login_naver img{  width:45px;} 
#hugabibox_wrap .hugabi_r384 .cont_login .btn_container {    display: flex;     justify-content: center;     gap: 10px; /* ¹öÆ° °£ÀÇ °£°Ý Á¶Àý */}

.top_div {
    height: 20px; /* ³ôÀÌ ¼³Á¤, ÇÊ¿ä¿¡ µû¶ó ³»¿ë Ãß°¡ °¡´É */
}

#hugabibox_wrap .hugabi_r384 .news_btn { display: block; }
#hugabibox_wrap .hugabi_r384 .screen_out { font-size:20px;  }



#hugabibox_wrap .hugabi_r384 .news_btn .point_news { border:1px solid #dae5ff; background:#e5edff; color:#6494f8; font-weight:bold;  }
#hugabibox_wrap .hugabi_r384 .news_btn a { display: inline-block; margin-right:8px; text-decoration:none; color:#333; border:1px solid #ddd; padding:10px 20px; border-radius:30px; }

#hugabibox_wrap .hugabi_r384 .hugabi_news li a { display: inline-block; margin-right:10px; text-decoration:none; color:#333; }

#hugabibox_wrap .hugabi_r384 .photo_text2 { padding: 10px 0 0 0;  list-style:none;}

#hugabibox_wrap .hugabi_r384 .photo_text2 .sp_photo img { border-radius:12px; }
#hugabibox_wrap .hugabi_r384 .photo_text2 a {  text-decoration:none; display: inline-block; color:#333; padding-right:4px; }
#hugabibox_wrap .hugabi_r384 .photo_text2 a p { margin-top:3px; }

/* ŸÀÌƲ È­»ìÇ¥ > */
#hugabibox_wrap .hugabi_r384 a.border_none { display: inline;  width:6%; border:none; padding:10px 0 0 0; }
#hugabibox_wrap .hugabi_r384 a.border_none img { margin:10px 0 0 0; } 

#hugabibox_wrap .hugabi_l798 .sp_photo { width:100%;  }
#hugabibox_wrap .hugabi_l798 .sp_photo span { display: block; color:#333; padding-top:8px;}
#hugabibox_wrap .hugabi_l798 .sp_photo a { display: inline-block; width:28%; }




#banner-slider{width:100%;box-sizing:border-box;overflow:hidden;position:relative;}
#banner-slider .banner-slide{display:block;width:100%;box-sizing:border-box;}
#banner-slider .banner-slide img{width:100%;height:auto;display:block;box-sizing:border-box;}