@charset "utf-8";/* SIR 지운아빠 */
.tool_img ul { display:flex; }
.tool_img li { width: 50%; flex: 0 0 50%; }
.tool_img li img { width:100%; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }

/* 초기화 */
html { overflow-y:scroll }
body { margin:0; padding:0; font-size:0.75em }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0 }
h1, h2, h3, h4, h5, h6 { font-size:1em }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
#hd ul, nav ul, #ft ul { margin:0; padding:0; list-style:none }
ul, menu, dir {display: block;list-style-type: none;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px; }
legend { position:absolute; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden }
label, input, button, select, img { vertical-align:middle }
input, button { margin:0; padding:0; font-size:1em }
button { cursor:pointer }
input[type=text], input[type=password], input[type=submit], input[type=image], button { border-radius:0; font-size:1em; -webkit-appearance:none }
textarea, select { font-size:1em; font-family:dotum }
textarea { border-radius:0; -webkit-appearance:none }
select { margin:0 }
p { margin:0; padding:0; word-break:break-all }
hr { display:none }
pre { overflow-x:scroll; font-size:1.1em }
a:link, a:visited { color:#000; text-decoration:none }
a:hover, a:focus, a:active { color:#000; text-decoration:underline }

/* 팝업레이어 */
#hd_pop { z-index:1000; position:relative; margin:0 auto; width:100%; height:1px }
#hd_pop h2 { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden }
.hd_pops { position:absolute; border:1px solid #e9e9e9; background:#fff }
.hd_pops_con { }
.hd_pops_footer { padding:10px 0; background:#000; color:#fff; text-align:right }
.hd_pops_footer button { margin-right:5px; padding:5px 10px; border:0; background:#393939; color:#fff }

/* 상단 레이아웃 */
#hd { position:relative; background:#fff }
#hd:after { display:block; visibility:hidden; clear:both; content:"" }
#hd_h1 { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden }

#logo { padding:15px 10px }

#gnb_open { position:absolute; top:10px; right:60px; padding:0 10px; height:2.6em; border:0; background:#333; color:#fff; font-size:1em; letter-spacing:-0.1em }
#gnb { display:none; background:#282828 }
#gnb a { display:block; color:#efefef }
.gnb_1da { padding:10px; border-top:1px solid #191919 }
.gnb_2dul { background:#383838 }
.gnb_2da { padding:10px; border-top:1px solid #282828 }
.gnb_2da span:before { display:inline-block; margin:0 10px 0 0; color:#666; content:'▶' }
#gnb_close { display:block; margin:0; padding:10px 0; width:100%; border:0; background:#000; color:#fff }

#gnb_empty { padding:20px 0; color:#fff; text-align:center; line-height:2em }
#gnb_empty a { display:inline; text-decoration:underline }

#hd_sch_open { position:absolute; top:10px; right:10px; padding:0 10px; height:2.6em; border:0; background:#333; color:#fff; font-size:1em; letter-spacing:-0.1em }
#hd_sch { display:visible; border-top:1px solid #181818; background:#282828; text-align:center }
#hd_sch h2 { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden }
#hd_sch form { position:relative; padding: 0px 0; }
#hd_sch #sch_stx { height:30px; border:1px solid #181818; background:#323232 !important; line-height:2.5em; vertical-align:middle }
#hd_sch #sch_submit { margin:0; padding:0 10px; height:32px; border:0; background:#000; color:#fff; vertical-align:middle }
#hd_sch #sch_close { margin:0; padding:10px 0; width:100%; border:0; background:#000; color:#fff; display:none; }

#hd_nb { clear:both; background:#ecf0f7; text-align:center }
#hd_nb li { display:inline-block }
#hd_nb li:nth-last-of-type(1) { border-right:0 !important }
#hd_nb a { display:inline-block; padding:10px 7px; text-decoration:none }

#lnb { }
#lnb ul { margin:0; padding:0; border-bottom:1px solid #e7f1ed; list-style:none }
#lnb ul:after { display:block; visibility:hidden; clear:both; content:"" }
#lnb li { float:left; margin-bottom:-1px; width:25% }
#lnb a { display:block; padding:10px 0; border-right:1px solid #e7f1ed; border-bottom:1px solid #e7f1ed; color:#000; text-align:center; text-decoration:none }
#lnb li:nth-of-type(4n) a { border-right:0 }

/* 중간 레이아웃 */
#wrapper { margin:20px 0 }
#wrapper:after { display:block; visibility:hidden; clear:both; content:"" }

#container { position:relative; min-height:300px }
#container:after { display:block; visibility:hidden; clear:both; content:"" }
#container_title { margin:0 10px 20px; font-size:1.2em; font-weight:bold; text-align: center; }

/* 텍스트 크기 조절 */
#text_size { margin:0 0 10px; text-align:center }
#text_size button { margin:0; padding:2px 2px 1px; border:1px solid #c3c6ca; background:transparent; vertical-align:middle }
.ts_up { font-size:1.167em !important }
.ts_up2 { font-size:1.3em !important }

/* 하단 레이아웃 */
#ft {; border-top:1px solid #dde4e9; background:#f2f5f9 }
#ft h1 { width:0; height:0; font-size:0; line-height:0; overflow:hidden }
#ft p { margin:0; padding:10px 0; line-height:1.8em }

#ft_copy { padding:10px; background:#414141; color:#fff; line-height:2em }
#ft_copy #ft_company { text-align:center }
#ft_copy #ft_company a { display:inline-block; padding:5px 10px }
#ft_copy b { color:inherit }
#ft_copy a { color:inherit; text-decoration:none }

/* 게시물 선택복사 선택이동 */
#copymove { }
.copymove_current { float:right; color:#ff3061 }
.copymove_currentbg { background:#f4f4f4 }

/* 화면낭독기 사용자용 */
#hd_login_msg { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden }
.msg_sound_only, .sound_only { display:inline-block; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; width:1px !important; height:1px !important; font-size:0 !important; line-height:0 !important; overflow:hidden }
/* 본문 바로가기 */
.to_content a { z-index:100000; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden }

/* 이미지 등비율 리사이징 */
.img_fix { width:100%; height:auto }

/* 캡챠 자동등록(입력)방지 기본 */
#captcha { display:inline-block; position:relative }
#captcha legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden }
#captcha audio { display:block; margin:0 0 5px; width:187px }
#captcha #captcha_img { width:60px; height:30px; border:1px solid #e9e9e9 }
#captcha #captcha_reload { margin:0; padding:0 5px; height:32px; border:0; background:#e4eaec; vertical-align:middle; overflow:hidden; cursor:pointer }
#captcha #captcha_key { margin:0 0 0 4px; padding:0 5px; width:50px; height:30px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.333em; font-weight:bold; text-align:center; line-height:2em }
#captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em }

/* 버튼 */
a.btn01 { display:inline-block; padding:8px 7px 7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; vertical-align:middle }
a.btn01:focus, a.btn01:hover { text-decoration:none }
button.btn01 { display:inline-block; margin:0; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none }
a.btn02 { display:inline-block; padding:8px 7px 7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none; vertical-align:middle }
a.btn02:focus, .btn02:hover { text-decoration:none }
button.btn02 { display:inline-block; margin:0; padding:7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none }

.btn_confirm { text-align:center } /* 서식단계 진행 */

.btn_submit { padding:8px; border:0; background:#ff3061; color:#fff; letter-spacing:-0.1em }
fieldset .btn_submit { padding:0 7px; height:24px; line-height:1em }

a.btn_cancel { display:inline-block; padding:8px 7px 7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; vertical-align:middle }
button.btn_cancel { display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; vertical-align:top; text-decoration:none }

a.btn_frmline, button.btn_frmline { display:inline-block; padding:0 5px; height:1.9em; border:0; background:#333; color:#fff; letter-spacing:-0.1em; text-decoration:none; vertical-align:top; line-height:1.9em } /* 우편번호검색버튼 등 */
button.btn_frmline { font-size:1em }

/* 게시판용 버튼 */
a.btn_b01 { display:inline-block; margin:0 0 3px; padding:8px 7px 7px; border:1px solid #d9ded9; background:#f2f5f9; color:#000; text-decoration:none; vertical-align:middle }
a.btn_b01:focus, .btn_b01:hover { text-decoration:none }
a.btn_b02 { display:inline-block; margin:0 0 3px; padding:8px 7px 7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none; vertical-align:middle }
a.btn_b02:focus, .btn_b02:hover { text-decoration:none }
a.btn_admin { display:inline-block; margin:0 0 3px; padding:8px 7px 7px; border:1px solid #e8180c; background:#e8180c; color:#fff; text-decoration:none; vertical-align:middle } /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover { text-decoration:none }

/* 댓글 스타일 */
.cnt_cmt { display:inline-block; margin:0 0 0 3px; font-weight:bold }

/* 기본테이블 */
.tbl_wrap { margin:0 10px 10px }
.tbl_wrap table { width:100%; border-collapse:collapse; border-spacing:0 }
.tbl_wrap caption { padding:10px 0; color:#4b8b99; font-weight:bold; text-align:left }

.tbl_head01 { }
.tbl_head01 caption { padding:0 0 10px; color:#777; text-align:left }
.tbl_head01 thead th { padding:12px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em }
.tbl_head01 thead a { color:#383838 }
.tbl_head01 thead th input { vertical-align:top } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th { border-top:1px solid #666; border-bottom:1px solid #666; background:#484848; color:#fff }
.tbl_head01 tfoot td { border-color:#666; background:#484848; color:#fff; font-weight:bold; text-align:center }
.tbl_head01 tbody th { padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9 }
.tbl_head01 td { padding:5px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:1.5em; word-break:break-all }

.tbl_head02 { }
.tbl_head02 caption { padding:0 0 10px; color:#777; text-align:left }
.tbl_head02 thead th { padding:5px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em }
.tbl_head02 thead a { color:#383838 }
.tbl_head02 thead th input { vertical-align:top } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th { border-top:1px solid #666; border-bottom:1px solid #666; background:#484848; color:#fff }
.tbl_head02 tfoot td { border-color:#666; background:#484848; color:#fff; font-weight:bold; text-align:center }
.tbl_head02 tbody th { padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9 }
.tbl_head02 td { padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:1.4em; word-break:break-all }

/* 폼 테이블 */
.tbl_frm01 { }
.tbl_frm01 th { padding:10px 0; width:90px; border:1px solid #e9e9e9; border-left:0; text-align:left }
.tbl_frm01 td { padding:10px 5px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:transparent }
.tbl_frm01 textarea, .frm_input { border:1px solid #e4eaec; background:#f7f7f7; vertical-align:middle; line-height:1.8em; -webkit-appearance:none }
.tbl_frm01 textarea { width:100%; height:100px }
.tbl_frm01 a { text-decoration:none }
.tbl_frm01 .frm_file { display:block; margin-bottom:5px; width:100% }
.tbl_frm01 .frm_info { display:block; padding:5px 0 0; color:#666; line-height:1.3em }

/* 자료 없는 목록 */
.empty_table { padding:20px 0 !important; text-align:center }
.empty_list { padding:20px 0 !important; text-align:center }

/* 필수입력 */
.required, textarea.required { background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important }

/* 테이블 항목별 정의 */
.td_board { width:120px; text-align:center }
.td_category { width:80px; text-align:center }
.td_chk { width:30px; text-align:center }
.td_date { width:60px; text-align:center }
.td_datetime { width:150px; text-align:center }
.td_group { width:100px; text-align:center }
.td_mb_id { width:100px; text-align:center }
.td_mng { width:80px; text-align:center }
.td_name { width:100px; text-align:left }
.td_nick { width:100px; text-align:center }
.td_num { width:50px; text-align:center }
.td_numbig { width:80px; text-align:center }
.td_stat { width:60px; text-align:center }

.txt_active { color:#5d910b }
.txt_done { color:#e8180c }
.txt_expired { color:#ccc }
.txt_rdy { color:#8abc2a }

/* 새창 기본 스타일 */
.new_win { }
.new_win #win_title { margin:0 0 20px; padding:20px; border-top:3px solid #4e5d60; border-bottom:1px solid #e9e9e9; font-size:1.2em }
.new_win #win_title .sv { font-size:0.75em; line-height:1.2em }
.new_win .tbl_wrap { margin:0 20px }
.new_win .win_ul { margin:-20px 0 20px 0; padding:0 20px; border-bottom:1px solid #455255; background:#484848; list-style:none }
.new_win .win_ul:after { display:block; visibility:hidden; clear:both; content:"" }
.new_win .win_ul li { float:left; margin-left:-1px }
.new_win .win_ul a { display:block; padding:10px; border-right:1px solid #455255; border-left:1px solid #455255; color:#fff; font-weight:bold; text-decoration:none }
.new_win .win_desc { padding:10px 20px }

.new_win .win_btn { clear:both; margin:20px; text-align:center }
.new_win .win_btn a { display:inline-block; padding:0 10px; height:2.5em; background:#666; color:#fff; text-decoration:none; vertical-align:middle; line-height:2.5em }
.new_win .win_btn button { display:inline-block; padding:0 10px; height:2.5em; border:0; background:#666; color:#fff; text-decoration:none; line-height:2.5em }
.new_win .win_btn input { padding:0 10px; height:2.5em; line-height:2.5em }

/* 검색결과 색상 */
.sch_word { color:#ff3061 }

/* 사이드뷰 */
.sv_wrap { display:inline-block; position:relative; font-weight:normal }
.sv_wrap .sv { z-index:1000; display:none; margin:5px 0 0; border:1px solid #283646 }
.sv_wrap .sv a { display:inline-block; margin:0; padding:3px; width:94px; border-bottom:1px solid #283646; background:#111; color:#fff !important }
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active { text-decoration:none }
.sv_on { display:block !important; position:absolute; top:10px; left:20px; width:auto; height:auto }
.sv_nojs .sv { display:block }

/* 페이징 */
.pg_wrap { clear:both; margin:0 0 20px; padding:20px 0 0; text-align:center }
.pg { }
.pg_page, .pg_current { display:inline-block; padding:0 8px; height:25px; color:#000; letter-spacing:0; line-height:2.2em; vertical-align:middle }
.pg a:focus, .pg a:hover { text-decoration:none }
.pg_page { background:#e4eaec; text-decoration:none }
.pg_start, .pg_prev { /* 이전 */ }
.pg_end, .pg_next { /* 다음 */ }
.pg_current { display:inline-block; margin:0 4px 0 0; background:#333; color:#fff; font-weight:normal }

/* PC화면으로 */
#device_change { display:block; margin:5px; padding:5px 0; border:1px solid #eee; border-radius:2em; color:#000; font-size:1em; text-decoration:none; text-align:center }

/*메일인증*/
.rg_em_p { padding:0 5px }
.rg_em { margin:5px 5px 10px; }
.rg_em table { width:100%; border-collapse:collapse }
.rg_em caption { padding:0; font-size:0; line-height:0; overflow:hidden }






#hd { }
.logo {position:relative;width:33%;float:left;overflow:hidden;margin-left:2%;top: 4px; }
.logo a {display:inline-block; }
.logo a img {width:100%; }



/* 검색 */

#hd_sch {border:0;position:relative;width: 62%;float:left;background:none;overflow:hidden;margin-right:1%;margin-left:2%;margin-bottom:4%; }
#hd_sch #sch_stx {width: 75%;border:none;color:#333; }
#hd_sch #sch_submit {width:20%;padding:0;background:#fff;background:url(../images/sch.png) no-repeat 90% 6px;border:none;color:#333; }


/* 메뉴 */

.m_header {width:100%;overflow:hidden;padding-bottom:1px;display: flex;flex-wrap: wrap; }
.m_header ul {width:100%;overflow:hidden;display:flex; flex-wrap:wrap; }
.m_header li {text-align:center;padding: 10px 0px;flex: 1;border: 1px solid #eee; }
.m_header .m_hd_last li {width:100%; }
.m_header ul:first-child {border-left:0;border-top: 1px solid #b5b5b5; }
.m_header li:nth-child(n+1) { }
.m_header ul li:last-child {border-right:0; }
.m_header .m_hd_last li {}
.m_header ul li a { font-size:2vw; }
.m_header li a:hover, .m_header li a.active {background:#054481;color:#fff;text-decoration:none; }


/* 메인 이미지 */
.m_slide {width:100%;overflow:hidden;text-align:center; }
.m_slide img {max-width:100%; }


/* 메인 배너 */
.m_banner {width:100%;margin-top:5%; }
.m_banner ul {width:100%; }
.m_banner ul li {margin:0 auto;width:32%;float:left;list-style:none;margin-left:1%; }
.m_banner ul li a {width:100%;display:block;text-decoration:none; }
.m_banner ul li a img {max-width:100%; }

.banner { display:flex; flex-wrap:wrap }

/* footer */
#m_top {width:100%;overflow:hidden; }
#m_top a {float:right; }


#ft_copy {width:100%;background:#0054a5;text-align:center;font-size:1em;line-height:1.5em;letter-spacing:-0.05em;color:#c3c3c3;padding:10px 0px; }
#ft_copy #ft_nb {width:80%;overflow:hidden;margin:0 auto;}
#ft_copy #ft_nb li {width: 19%;margin:0 auto;float:left;list-style:none;background:#054481;margin-left:1%;}
#ft_copy #ft_nb li a {width:100%;color:#fff;line-height:2.5em;display:block; }
#ft_copy p {margin-top:2.5%;padding-bottom:2.5%; }


/* 각 페이지 타이틀 */
#container_title { margin-top:10%; }



/***** 상단 로그인 버튼 추가 - 15.11.20 *****/
.t_login {/*width:14%; */
width:15%;float:left; }
.t_login li {text-align:center;line-height:32px;border:1px solid #b7b7b7; }
.t_login li a {display:block;text-decoration:none; }
.t_login li a:hover {background:#054481;color:#fff; }
/*팝업*/
#main_layer_popup_wrap { background: #000000ab; position: fixed; top:0px; left:0px; right:0px; z-index: 1001; height:100% }
#main_layer_popup_container { width: 90%; position:relative; left:5%; top:5%; max-width:320px; /* max-height:calc(60vh - 54px) */ }
#main_layer_popup_close_wrap { margin: 0 auto; text-align: center; background: #ececec; padding: 10px; display: flow-root; position: relative; top: -3px; }
#main_layer_popup_list .slick-next { z-index: 1; }
#main_layer_popup_list .slick-prev { z-index: 1; }
.main_layer_popup_list_item { text-align:center; background:#fff }
.main_layer_popup_list_item img { max-width:100%; max-height:calc(60vh - 54px); margin:0 auto; width:100%; }
#main_layer_popup_close_today_btn { border: 1px solid #7d7d7d; border-radius: 3px; background: #123; float: left; color: #fff; padding: 10px; }
#main_layer_popup_close_btn { background: #123; padding: 10px; border: 1px solid #7d7d7d; border-radius: 3px; float: right; color: #fff; }

#google_translate_element { display: none; }

.navigation_list_item_link { font-size: 1em }
.tool_img_banner{margin:2.5vw auto}
.tool_img_banner ul { display:flex; justify-content: center; gap: 1vw }
.tool_img_banner ul li { flex: 0 0 auto; width: 15%; margin: 0.2vw 0vw;  }
.tool_img_banner ul li a p {font-size: 3vw; text-align: center; padding-top: 3vw;}
.tool_img_banner ul li img { width:100%; border-radius: 1vw; }

@keyframes important {0% { color:red; border-left:4px solid red; }
30% { border-top:4px solid red; }
100% { color:#d80000; border-right:4px solid red; }
 }
.important_banner { text-align:center; background: #fbe101; padding: 9px 0px 1px; background-size: cover; border-radius: 10px; box-shadow: 1px 1px 10px #eee; border: 5px solid transparent; }
.important_banner h1 { font-size: 4.3vw; padding: 5px 0px 3px; font-family: 'PuradakGentleGothicR' !important; letter-spacing: 2px; font-weight: 500; color: red; animation: 1s important infinite; border-top: 4px solid #cc2229; width: 90%; margin: 0 auto; border-left: 4px solid #cc2229; border-right: 4px solid #cc2229; border-top-left-radius: 6px; border-top-right-radius: 6px; background: transparent; box-shadow: -2px 0px 10px #e1d23642; transition: 1s ease; }
.important_banner h2 { font-size: 2.6vw; padding: 7px; }
.important_banner a { padding: 1vw; display:block; font-size: 3vw; font-weight:600; background:#fff; width:200px; margin: 0px auto 4px auto; border-radius:10px }
.important_banner a:hover { background:red; color:#fff; transition:1s ease; }


/*할인, 유통기한 배너*/
.sub_banner ul { display:flex; flex-wrap: nowrap; }
.sub_banner ul li {flex: 1;text-align: center;color: #fff;font-weight: 600; }
.sub_banner ul li a {font-size: 3.2vw;color: #494949;text-shadow: 1px 1px #fff;font-family: 'MaplestoryOTFBold'!important; }
.sub_banner ul li img { width:100%; }
.sub_banner ul li.bbevent2 { }
.sub_banner ul li.bbevent3 { }
.brand {width: 100%;overflow: hidden; }
.brand > div {display: flex;flex-wrap: wrap;flex-direction: row; }
.brand > div > a > img { width:100%; }
.view_btn2 { display: none; }
/*한국농공상융합형 중소기업연합회*/
.kmlcub_kfaic img { width:100%; }
.kmlcub_kfaic ul { display:flex; flex-wrap:wrap; justify-content: center; }
.kmlcub_kfaic ul li { flex: 0 0 auto; width: 19.39%; text-align:center; background: #fff; box-shadow: 1px 1px 10px #eee; margin: 0.3vw; }
.kmlcub_kfaic ul li img { width:100%; height: 60px; border: none; padding: 0px 0px 0.2vw 0px; }
.kmlcub_kfaic ul li a { font-weight:600; display:block; border: 1px solid #eee; padding: 0; font-size: 2.2vw; }
.kmlcub_kfaic ul li:hover a { color:#fff; }
.kmlcub_kfaic ul li:hover { background: linear-gradient(45deg, #2f7fff, #2cd100); }

/* 추석 배너 박스 */
.chuseok_banner_box { }
.chuseok_banner_box > img { }
.chuseok_banner_box > .chuseok_banner_sub { }
.chuseok_banner_box > .chuseok_banner_sub > ul {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center; }
.chuseok_banner_sub > ul > li {flex: 1 1 auto;width: 20%;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;padding: 1px;margin: 2px;box-shadow: 1px 1px 10px #eee;background: url(https://kmclub.co.kr/img/brand/brand_bg.png);background-size: cover; }
.chuseok_banner_sub > ul > li > a {display: block;padding: 6px;text-align: center;font-size: 2.4vw;font-weight: 600;line-height: 1vw; }

.chuseok_banner_sub > ul > li > a > b {padding: 1.3vw 0vw;background: #f9e0d5;display: block;border-radius: 1vw;width: 17vw;margin: 0 0 1vw 0; }
.chuseok_banner_sub > ul > li:nth-child(2) > a > b { background: #ebf4a5; }
.chuseok_banner_sub > ul > li:nth-child(3) > a > b { background: #ffd1d7; }
.chuseok_banner_sub > ul > li:nth-child(4) > a > b { background: #cee0ff; }
.chuseok_banner_sub > ul > li:nth-child(5) > a > b { background: #ceecff; }
.chuseok_banner_sub > ul > li:nth-child(6) > a > b { background: #e6ceff; }
.chuseok_banner_sub > ul > li:nth-child(7) > a > b { background: #ffaeb6; }
.chuseok_banner_sub > ul > li:nth-child(8) > a > b { background: #81cf51; color: #fff; }
.chuseok_banner_sub > ul > li:nth-child(9) > a > b { background: #ff757b; color: #fff; }
.chuseok_banner_sub > ul > li:nth-child(10) > a > b { background: #4d90fe; color: #fff; }
.chuseok_banner_sub > ul > li:nth-child(11) > a > b { background: #24aaff; color: #fff; }
.chuseok_banner_sub > ul > li:last-child > a > b { background: #ad64fa; color: #fff; }
.chuseok_banner_sub > ul > li:hover { transform:scale(1.06); transition:0.5s; border-color:blue; }
.chuseok_banner_sub > ul > li:hover > a { color:blue; }
/* 비투비 하단메뉴 */
.category_tab_menu { display:flex; flex-wrap: wrap; }
.category_tab_menu li { flex:1; text-align: center; display: flex; align-items: center; justify-content: center; }
.category_box i { font-size:2em }
.category_box i {height: 1.6em;padding: 0.5em 0em 0.05em;font-size: 1em; }
.foot_nav_fixed { background:#fff; transition:1s ease; box-shadow: 1px 1px 10px #eee; }
.category_btob_menu_layer {background: #eee;position: fixed;top: 0;width: 100%;height: 100vh;display:none; }
.category_btob_menu_layer.active { display:block; }
.category_btob_menu_layer .category_btob_menu_layer_box {background: #fff;width: 99%;margin: 1vw auto;height: 99vh;overflow: scroll; }
.category_btob_menu_layer_sub {padding: 1vw 0vw 0vw; }
.category_btob_menu_layer_sub ul {display: flex;flex-wrap: wrap;justify-content: flex-start;flex-direction: row;align-items: center; }
.category_btob_menu_layer_sub ul li {flex: 0 0 auto;width: 42vw;text-align: center;padding: 2vw 0.7vw 2vw 4vw;height: 8vw;box-shadow: 1vw 1vw 1vw #eee;margin: 1vw;border-radius: 8vw;border-left: 1px solid #eee;border-top: 1px solid #eee;display: flex;transition: 1s ease; }
.category_btob_menu_layer_sub ul li.category_btob_menu_layer_subsub { background:#eee; border-radius:0; }
.category_btob_menu_layer_sub ul li a {font-size: 2.6vw;font-weight: 500;display: flex;align-items: center; }
.category_btob_menu_layer_sub ul li a:hover { color:blue; }
.category_btob_menu_layer_sub ul li div:hover { color:blue; }
.category_btob_menu_layer_sub ul li a p { padding:2vw 0vw; font-size: 3.4vw; }
.category_btob_menu_layer_sub ul li a img {width: 11vw;height: 11vw; }

.btob_close_btn { padding-bottom:1vw; }
.btob_close_btn i {width: 7vw;height: 7vw;display: flex;justify-content: flex-end;margin: 3vw 0 0 88vw;position: absolute;padding: 1vw;background: #ffffffb0;border-radius: 50%;z-index: 1;font-size: 7vw; }
.category_btob_menu_layer_title {padding: 7vw 0vw 0vw; }
.category_btob_menu_layer_title h1 { text-align: center; font-size: 4vw; border-bottom: 0.5vw solid #f8b133; padding: 0vw 0vw 6vw; }
/*기타 카테고리*/
.category_btob_menu_layer_subsub {padding: 1vw 0vw 4vw; }
.category_btob_menu_layer_subsub ul {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center; }
.category_btob_menu_layer_subsub ul li {flex: 0 0 auto;width: 28vw;text-align: center;height: 31vw;margin: 1vw;border-radius: 8vw;}
.category_btob_menu_layer_subsub ul li a {font-size: 2.6vw;font-weight: 500;display: flex;align-items: center; }
.category_btob_menu_layer_subsub ul li a:hover { color:blue; }
.category_btob_menu_layer_subsub ul li div:hover { color:blue; }
.category_btob_menu_layer_subsub ul li a p { padding:2vw 0vw; font-size: 3.4vw; }
.category_btob_menu_layer_subsub ul li a img {width: 100%;border-radius: 13px;border: 0.4vw solid #eee; }
/* 마이페이지 */
.btob_mypage_layer.active { display: block; }
.btob_mypage_layer {background: #eee;position: fixed;top: 0;width: 100%;height: 100vh;display:none; }
.btob_mypage_layer .btob_mypage_layer_box {background: #fff;width: 100%;margin: 1vw auto;height: 99vh;overflow: scroll; }
.btob_mypage_layer .btob_mypage_layer_box .btob_mypage_close_btn { padding-bottom:1vw; }
.btob_mypage_layer .btob_mypage_layer_box .btob_mypage_close_btn i {width: 7vw;height: 7vw;display: flex;justify-content: flex-end;margin: 3vw 0 0 88vw;position: absolute;padding: 1vw;background: #ffffffb0;border-radius: 50%;font-size: 7vw; }
.btob_mypage_layer_box_iconpoint { }
.btob_mypage_layer_box_iconpoint p { }
.btob_mypage_layer_box_iconpoint span { }
.btob_mypage_layer_box_iconmenu {margin: 10px auto; }
.btob_mypage_layer_box_iconmenu ul {display: flex;flex-wrap: wrap;justify-content: center;flex-wrap: wrap; }
.btob_mypage_layer_box_iconmenu ul li {flex: 0 0 auto;text-align: center;width: 22%;box-shadow: 1px 1px 10px #eee;padding: 3vw 0.5vw;background: #fff;margin: 1vw 0.5vw;border-radius: 1vw; }
.btob_mypage_layer_box_iconmenu ul li a { }
.btob_mypage_layer_box_iconmenu ul li a img {width: 8vw; }
.btob_mypage_layer_box_iconmenu ul li a p {font-weight: 600;font-size: 2.8vw;padding: 1vw 0vw 0vw; }
.btob_mypage_layer_box_iconmenu_sub_title { }
.btob_mypage_layer_box_iconmenu_sub_title > p {text-align: center;font-size: 2.9vw;font-weight: 600;padding: 5vw 2vw 1vw;color: #666; }
.btob_mypage_layer_box_iconmenu_sub {width: 100%;margin: 0 auto;background: #f7f7f7;padding: 3vw 0vw;margin: 2vw 0vw 0vw; }
.btob_mypage_layer_box_iconmenu_sub ul {display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto; }
.btob_mypage_layer_box_iconmenu_sub ul li {flex: 0 0 auto;width: 46%;margin: 1vw;font-weight: 600;background: #fff;box-shadow: 1px 1px 10px #ececec;border-radius: 14px; }
.btob_mypage_layer_box_iconmenu_sub ul li a {display: flex;background: #fff;border: 1px solid #eee;padding: 3vw;border-radius: 1vw;font-size: 3vw; }
.btob_mypage_layer_box_iconmenu_sub ul li a img {width: 6vw; }
.btob_mypage_layer_box_iconmenu_sub ul li a p { }
.btob_mypage_layer_box_iconpoint {width: 90vw;background: #2b26fb;text-align: center;padding: 5vw 2vw;font-size: 5vw;margin: 0 auto;border-radius: 7px;font-weight: 600;color: #fff;box-shadow: 1px 1px 10px #2b26fb66;border: 0.5vw solid #fff; }
.btob_mypage_layer_box_iconpoint p { }
.btob_mypage_layer_box_iconpoint span {border-left: 1px solid #ffffff45;padding: 0 0 0 5vw;margin: 0 0 0 5vw; }
.btob_mypage_idcheck { padding: 3em 0em 1em; }
.btob_mypage_idcheck p {text-align: center;font-size: 4vw;border-bottom: 0.4vw solid #2b26fb;padding: 1vw 0vw 4vw; }
.btob_mypage_idcheck p b { }
.btob_mypage_idcheck span { }
.btob_mypage_layer_box_iconmenu span {position: absolute;background: red;width: 5vw;height: 5vw;border-radius: 50%;color: #fff;font-weight: 600;margin-top: -13vw;margin-left: 12vw;font-size: 3.5vw;display: flex;justify-content: center;align-items: center;box-shadow: 0vw 1vw 1vw #ff00001a;border: 0.4vw solid #fff; }
.btob_nav_main_category {overflow: scroll;padding: 1vw 0vw 2vw;width: 100%;cursor: move; }
/*
.btob_nav_main_category::-webkit-scrollbar {width: 5px; }
*/
.btob_nav_main_category::-webkit-scrollbar {display: none; }
.btob_nav_main_category::-webkit-scrollbar-thumb {background-color: #f8b133;border-radius: 10px;background-clip: padding-box;border: 5px solid transparent; }
.btob_nav_main_category ul {display: flex;flex-wrap: nowrap;justify-content: flex-start;transform: translate(0, 0); }
.btob_nav_main_category ul li {text-align: center;flex: 0 0 auto;width: 12%;padding: 0vw 2.3vw 0vw 0vw; }
.btob_nav_main_category ul li a { }
.btob_nav_main_category ul li a img { width: 80%; }
.btob_nav_main_category ul li a p {white-space: nowrap;text-align: center;text-overflow: ellipsis;overflow: hidden;font-weight: 600;font-size: 2.5vw; }
.btob_nav_bar_box { padding: 0vw; background: #eee; width: 20vw; margin: 1vw auto; border-radius: 1vw; overflow: hidden; position: relative; max-width: 20vw; }
.btob_nav_bar { background: #f8b133; width: 6vw; height: 2vw; border-radius: 1vw; position: relative; left: 0%; }
.btob_header_box {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;margin: 0.6vw 0; }
.btob_header_box > div {flex: 0 0 auto;width: 27vw; }
.btob_header_box > .btob_header_box { }
.btob_logo img { width: 100%; height: 6vw; padding: 0vw 0vw 0vw 0.4vw; }
.btob_header_box > #hd_sch {margin: 0 2vw;overflow: auto;flex: 0 0 auto;width: 54%;border: 1px solid #dadada;border-radius: 6vw;background: #eee; }
.btob_header_box > .hd_div > .required { }
.btob_header_box > .hd_div > #sch_submit { }
.btob_header_box > .hd_div > .hd_closer { }
.btob_header_box > .hd_div > .hd_closer > .sound_only { }
.hd_div i { color: #f38243; width: 5vw; height: 5vw; position: absolute; margin-top: 1.2vw; margin-left: -8vw; font-size: 5vw; }
.btob_header_box #hd_sch #sch_submit { background:transparent; width: 7vw; height: 7vw; position: absolute; margin-left: -10vw; }
.btob_header_box #hd_sch #sch_stx { width:100%; height: 8vw; font-size: 3vw; background: #f7f7f7 !important; text-indent: 3vw; }
.btob_header_box #hd_sch #sch_stx {&:focus { outline: none; }
 }
.btob_header_box > .btob_cart {display: flex;flex-wrap: wrap;justify-content: center;flex: 1; }
.btob_cart .btob_cart_sub1 {flex: 1; }
.btob_cart .btob_cart_sub2 {display: flex;flex-wrap: wrap;align-items: center;flex: 1;position: relative;}
.btob_cart .btob_cart_sub1 i {width: 6vw;height: 6vw;color: #777;font-size: 5vw; }
.btob_cart .btob_cart_sub2 i {width: 6vw;height: 6vw;color: #f38243;font-size: 5vw; }
.cart_counting {position: absolute;width: 4vw;height: 4vw;text-align: center;background: red;border-radius: 50%;right: 1vw;color: #fff;font-weight: 600;box-shadow: 0vw 1vw 1vw #ff000033;font-size: 3vw;display: flex;align-items: center;justify-content: center;top: 0;}
.btob_mypage_layer_box_iconmenu_sub .order_counting { color: #fff; border-radius: 50%; width: 5vw; height: 5vw; font-size: 3vw; display: flex; align-items: center; justify-content: center; padding: 0; margin-left: 1vw; background: blue; box-shadow: 0vw 0vw 2vw #0000ff3d; border: 0.4vw solid #fff; }
.btob_new_menu_hover {min-height: 160vw;background: #eee; }
.btob_new_menu_wrap {position: relative; }
.btob_new_menu_wrap .btob_new_menu_list1 { }
.btob_new_menu_wrap .btob_new_menu_list2 { }
.btob_new_menu_wrap .btob_new_menu_list1_item {display: flex;background: #eee; }
.btob_new_menu_wrap .btob_new_menu_list2_item { padding: 3vw 2vw; margin: 1vw; }
.btob_new_menu_wrap .btob_new_menu_list1_item_link {flex: 0 0 auto;width: 40%;padding: 3vw 2vw;background: #eee;font-size: 3vw;margin: 0vw 0vw 1vw 1vw;border-top-left-radius: 4vw;border-bottom-left-radius: 4vw; }
.btob_new_menu_list1_item.active { }
.btob_new_menu_list1_item.active .btob_new_menu_list1_item_link { background:#fff; color:#000; font-weight:600; }
.btob_new_menu_list1_item i { margin-left: -8vw; width: 5vw; height: 5vw; margin-top: 2.2vw; opacity: 0.2; display: flex; align-items: center; }
.btob_new_menu_list1_item.active i { opacity: 1; }
.btob_new_menu_wrap .btob_new_menu_list2_item_link {font-size: 3vw; }

.btob_new_menu_sub_wrap {display:none;position: absolute;flex: 0 0 auto;margin-left: 44vw;width: 60% !important;top: 0;font-size: 3vw;background: #fff;min-height: 160vw; }
.btob_new_menu_list1_item.active > .btob_new_menu_sub_wrap { display:block; }
.btob_next_icon { margin-left: -8vw; opacity:0; width: 10vw; }
.btob_middle { position: absolute; width: 30vw; height: 10vw; left: 50%; margin-top: 30.5vw; }
.btob_middle_order01 {
 width: 41vw;
 height: 37vw;
 position: absolute;
 left: 5%;
 margin-top: -41vw;
}
.btob_middle_order02 {
 width: 41vw;
 height: 37vw;
 position: absolute;
 left: 52%;
 margin-top: -41vw;
}
@media screen and (min-width:600px) {.foot_nav_fixed {max-width: 550px;margin: 1em auto 1em auto;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;left: 0;background: #000;right: 0;border-radius: 30px;transition:1s ease; }
.foot_nav_fixed ul li { }
.foot_nav_fixed ul li a { color:#fff; }
.foot_nav_fixed ul li div { color:#fff; }
.foot_nav_fixed ul li p { color:#fff; }
.foot_nav_fixed_sub { }
 }
@media screen and (min-width:800px) {.category_btob_menu_layer_sub ul li {flex: 0 0 auto;width: auto;text-align: center;padding: 1vw 3vw 1vw 2vw;height: 8vw;box-shadow: 1vw 1vw 1vw #eee;margin: 1vw 0.2vw;border-radius: 8vw;border-left: 1px solid #eee;border-top: 1px solid #eee;display: flex;transition: 1s ease; }
.category_btob_menu_layer_sub ul li a p {padding: 2vw 0vw;font-size: 2.4vw;flex: 0 0 auto;display: flex;justify-content: center;align-items: center; }
.category_btob_menu_layer_sub ul li a img {width: 7vw;height: 7vw;flex: 0 0 auto; }
.category_btob_menu_layer_subsub ul li {flex: 0 0 auto;width: 22.4vw;text-align: center;height: 22vw;margin: 1vw;border-radius: 8vw;transition:1s ease; }
.sct { display:flex; flex-wrap: wrap; }
.sct_10 .sct_li { width:25% !important; }
 }
/* 메인 */
.alram__box {width: 91%;padding: 2vw;border: 0.2vw solid #eee;background: #fff;margin: 1vw auto;border-radius: 4vw;box-shadow: 0.2vw 0.2vw 1vw #eee; }
.alram__box .alram__menu { margin: 1vw; }
.alram__box .alram__menu .alram__menu__tab_list.active {font-weight: 900;color: #29910d;font-size: 4vw; }
.alram__box .alram__menu .alram__menu__tab_list {font-size: 4vw;margin: 2vw;font-weight: 600;color: #7f7f7f; }
.alram__box .alram__menu .alram__menu__tab_list .alram__menu__tab_list_name { }
.alram__title { }
.alram__title .alram__title_name {text-align: center;padding: 1vw;background: #eee;border-radius: 4vw;font-size: 3vw;margin-bottom: 2vw; }
.alram__agent__box { }
.alram__agent__box .alram__agent__menu {display: flex;flex-wrap: wrap;justify-content: center; }
.alram__menu__tab {display: flex;flex-wrap: wrap;justify-content: center;align-items: center; }
.alram__menu__tab__list {border: 0.2vw solid #eee;padding: 2vw 1vw;border-radius: 2vw;font-size: 2.5vw;margin: 0.5vw;display: flex;align-items: center;flex: 0 0 auto;box-shadow: 0.5vw 0.5vw 1vw #eee;flex: 0 0 auto;width: 29%;text-align: center;justify-content: center; }
.alram__menu__tab__list:nth-child(4) { width: 44%; }
.alram__menu__tab__list:nth-child(5) { width: 44%; }
.alram__menu__tab__list.active { background:#29910d; color:#fff; }
.alram__menu__tab__list .alram__agent__name {text-align: center; }
.alram__tab__content { display:none; }
.alram__tab__content.active { display:block; }
.alram__tab__product { }
.alram__tab__product ul {display: flex;flex-wrap: wrap; }
.alram__tab__product ul li.kmlcub_kfaic_item {border: 0.1vw solid #eee;margin: 1vw 0.7vw;flex: 0 0 auto;width: 16.3vw;display: flex;justify-content: center;align-items: center; }
.alram__tab__product ul li.kmlcub_kssba_item {border: 0.1vw solid #eee;margin: 1vw 0.7vw;flex: 0 0 auto;width: 20.8vw;display: flex;justify-content: center;align-items: center; }
.kmlcub_kwafd_item {border: 0.1vw solid #eee;margin: 1vw 0.7vw;flex: 1 !important;width: auto !important;display: flex;justify-content: center;align-items: center; }
.alram__tab__product ul li.kmlcub_kfaic_item img { width:100%; }
.alram__tab__product ul li.kmlcub_kssba_item img { width:100%; }
.alram__tab__product ul li.kmlcub_kwafd_item img { width:100%; }
.alram__content { display:none; }
.alram__content.active { display: block; }

.alram__box .live_alram_content_list {display: flex;flex-wrap: nowrap;justify-content: center;flex-direction: column; }
.alram__box .live_alram_content_list .live_alram_content_box_one {width: 100%;height: auto; }
.alram__box .live_alram_content_box_one_box span {position: absolute;right: 0;left: 0;margin: 79vw auto 0vw auto;width: 50vw;text-align: center;padding: 2vw;font-size: 3vw;font-weight: 600;background: linear-gradient(45deg, #dc386c, #6332c6);border-radius: 1vw;color: #fff; }
.alram__box span.live_alram_icon {padding: 6px 20px;background: red;color: #fff;font-weight: 900;border-radius: 17px;display: flex;align-items: center;width: 26px;justify-content: center;margin-top: 10px;margin-left: 7px;box-shadow: 1px 1px 10px #ff4c4c;animation:1s live_alram_icon infinite; }
.alram__box .live_alram_content_box_four {flex: 0 0 auto;width: 100%;display: flex;flex-wrap: wrap;margin-left: 3px; }
.alram__box .live_alram_content_box_four_item { flex: 0 0 auto; width: 48.3%; height: 26vw; background: #eeeeee; margin: 0px 0px 0px 4px; border-radius: 10px; }
.alram__box .live_alram_content_box_four_item.live_alram_img01 { background:url(/home/img/live_alram_content_box_four_item01.jpg); background-size: cover; box-shadow: 1px 1px 10px #eee; }
.alram__box .live_alram_content_box_four_item.live_alram_img02 { background:url(/home/img/live_alram_content_box_four_item02.jpg); background-size: cover; box-shadow: 1px 1px 10px #eee; }
.alram__box .live_alram_content_box_four_item.live_alram_img03 { background:url(/home/img/live_alram_content_box_four_item03.jpg); background-size: cover; box-shadow: 1px 1px 10px #eee; }
.alram__box .live_alram_content_box_four_item p { text-align: center; padding: 1vw; font-size: 3vw; margin: 19vw auto 0px auto; background: #29910dc2; color: #fff; width: 78%; border-radius: 1vw; }
.alram__box .live_alram_content_box_three {flex: 0 0 auto;width: 100%;display: flex;flex-wrap: wrap;flex-direction: column; }
.alram__box .live_alram_content_box_three_item { flex: 0 0 auto; width: 98%; height: 98px; background: #eeeeee; margin: 1vw auto; border-radius: 10px }
.alram__box .live_alram_btn { width: 75%; display: block; background: red; text-align: center; padding: 1vw; margin: 0 auto; color: #fff !important; font-weight: 700; font-size: 4vw; border-radius: 6px; box-shadow: -5px 9px 10px #ff00006b; margin-top: 50vw; animation: 1s live_alram_icon infinite; }
.alram__box .live_alram_content_box_bg01 { background:url(/home/img/live_alram_content_box_bg01.png); box-shadow: 1px 1px 10px #eee; }
.alram__box .live_alram_content_box_bg02 { background:url(/home/img/live_alram_content_box_bg02.png); box-shadow: 1px 1px 10px #eee; }
.brand_list {display: flex !important;flex-wrap: wrap;width: 100%;justify-content: flex-start; }
.brand_list > div {flex: 0 0 auto;width: 50%; }

.alram_notice_menu___more { display: flex; justify-content: flex-end; flex: 1; align-items: center; }
.main_slide { height: 45vw }

/*브랜드 아이콘 정리*/
.brand_list_item .brand_icon01 { position:absolute; width: 4vw; height: 5vw; background: url(/home/img/product_icon_main.gif); z-index:11; margin-top: -18.4vw; margin-left: 44vw; background-size: cover; }
.brand_list_item .brand_icon02 { position:absolute; width: 4vw; height: 5vw; background: url(/home/img/new_icon_gif.gif); z-index:11; margin-top: -18.4vw; margin-left: 44vw; background-size: cover; }
/* 챗봇 */
.chatbot_wrap { }
.chatbot_iframe_wrap { display:none; position:fixed; width:min(500px, 95vw); height:min(600px, 80dvh); bottom:0; left:0 }
.chatbot_wrap.active > .chatbot_iframe_wrap { display:block }
.chatbot_icon_btn { position:fixed; left:3%; bottom:141px; background-image:url(/home/img/chatbot_icon_pc.png); width:100px; height:100px; background-size:cover; cursor:pointer; }
.chatbot_icon_btn.active { left:6%; bottom:60px; background-image:url(/home/img/chabot_mini.png); width:50px; height:50px; }
.chatbot_iframe_wrap .chatbot_icon_xmark { width:18px; position:absolute; display:flex; margin-top:7px; right:11px; opacity:0; cursor:pointer; }

/*2025설_비투비_price*/

.sul_banner {margin: 21px 0; }

.sul_list {width: 100%;background: linear-gradient(180deg, #a1dcee 0%, #F5DFE1 180.38%); }

.sul_list > div {display: flex;flex-wrap: wrap;justify-content: space-evenly;padding: 10px 0; }


.sul_list ul {display: flex;flex-wrap: wrap;width: 100%;padding: 0;gap: 10px;justify-content: center; }

.sul_list li {width: 20vw;background: #ffffff73;padding: 15px 0;border-radius: 15px;list-style: none;text-align: center; }
.sul_list li a {font-size: 3vw; /* 고정 폰트 크기 */
font-weight: 600;color: #39456c; }

.sul_list a:hover {color: #9B8082; }
.sul_list > div:nth-child(2) {padding-bottom: 10px; }


/*2503이벤트배너 33데이*/

.banner250225 {display: flex;flex-wrap: wrap;gap: 5px; }
.banner250225 > a {width: 49%; }

/*2503이벤트배너 국민건강*/

.main_event_banner2503 {display: flex;flex-wrap: wrap;gap: 5px !important; }

.sub_event_banner2503 {display: flex;flex-wrap: wrap;gap: 5px !important; }

 .sub_event_banner2503 > a {width: 49% !important; }
 .sub_event_banner2503 > a:last-child {width: 100%; }

.section-july-summer-banner {background: linear-gradient(to right, #00bcd4, #2196f3);padding: 106px 22px 46px;text-align: center;color: white;background-image: url(/home/img/section-july-summer-banner.png);background-size: cover;background-position: 3px -53px;width: 100%;max-width: 1300px;margin: 0 auto;box-sizing: border-box; }

.section-july-summer-banner h1 {font-size: 3.2rem;margin-bottom: 1rem; }

.section-july-summer-banner a {font-size: 1.1rem;background: #ffffff;color: #2196f3;text-decoration: none;padding: 14px 30px;border-radius: 32px;display: inline-block;transition: background 0.3s ease;font-weight: 900;font-size: 24px; }

.section-july-summer-banner a:hover {background: #e3f2fd; }

.july-summer-card-wrapper {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;max-width: 1200px;margin: 40px auto;padding: 0 20px;box-sizing: border-box; }

.july-summer-card {flex: 1 1 calc(20% - 20px);background-color: white;border-radius: 12px;box-shadow: 0 4px 10px rgba(0,0,0,0.08);text-align: center;transition: transform 0.3s ease;padding: 46px 0;background-size: cover !important;background-position: center !important;min-height: 280px; }

.july-summer-card:hover {transform: translateY(-6px); }

.july-summer-card a {display: block;padding: 30px 20px;color: #333;text-decoration: none;background: #ffffffb5;margin: 0 30px;border-radius: 10px; }

.july-summer-card h2 {font-size: 1.6rem;margin-bottom: 0.5rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }

.july-summer-card p {font-size: 1.05rem;color: #666; }

/* 배경 이미지 + 개별 카드 컬러 */
.july-summer-card-wrapper .july-summer-card:nth-child(1) {background-image: url(/home/img/july-summer-card1.jpg); }
.july-summer-card-wrapper .july-summer-card:nth-child(2) {background-image: url(/home/img/july-summer-card2.jpg); }
.july-summer-card-wrapper .july-summer-card:nth-child(3) {background-image: url(/home/img/july-summer-card3.jpg); }
.july-summer-card-wrapper .july-summer-card:nth-child(4) {background-image: url(/home/img/july-summer-card4.jpg);background-position: center; }
.july-summer-card-wrapper .july-summer-card:nth-child(5) {background-image: url(/home/img/july-summer-card5.jpg); }

.july-summer-card-wrapper .july-summer-card:nth-child(1) h2 { color: #795548; }
.july-summer-card-wrapper .july-summer-card:nth-child(2) h2 { color: #03A9F4; }
.july-summer-card-wrapper .july-summer-card:nth-child(3) h2 { color: #FF9800; }
.july-summer-card-wrapper .july-summer-card:nth-child(4) h2 { color: #3F51B5; }
.july-summer-card-wrapper .july-summer-card:nth-child(5) h2 { color: #FFC107; }

@media (max-width: 1024px) {.section-july-summer-banner h1 {font-size: 2.2rem; }

.july-summer-card {flex: 1 1 calc(50% - 20px); }
 }

@media (max-width: 768px) {.section-july-summer-banner {padding: 60px 16px 30px;background-position: center top; }

.section-july-summer-banner h1 {font-size: 1.8rem; }

.section-july-summer-banner a {font-size: 1rem;padding: 12px 20px; }

.july-summer-card-wrapper {/*flex-direction: column; */
flex-wrap: unset;gap: 16px;padding: 0 10px; }

.july-summer-card {flex: 1 1 100%;min-height: 220px;padding: 30px 0; }

.july-summer-card a {margin: 0 16px;padding: 20px 16px; }

.july-summer-card h2 {font-size: 1.3rem; }

.july-summer-card p {font-size: 0.95rem; }
.july-summer-card-wrapper .slick-slide { margin:0 10px !important; }
}

/* PC 기본 설정 */
.july-summer-boknal-event_pc {display: block; }
.july-summer-boknal-event_mobile {display: none; }

/* 모바일에서는 반대로 */
@media screen and (max-width: 768px) {.july-summer-boknal-event_pc {display: none; }
.july-summer-boknal-event_mobile {display: block; }
 }
.sct_li .sit_icon{ display: flex; flex-wrap: wrap; width: 100% !important; justify-content: flex-start; }
.sct_li .sit_icon .icon_day img{width:auto;}
.sct_li .sit_icon {padding:0 !important;}
.sit_icon {width: 25px !important;padding-left: 17px !important; }


.chu2025_list { position: relative; top: 54vw; background: #d1877f; padding: 3vw 0 3vw; border-radius: 15px; }

 .chu2025_list ul { display:flex; flex-wrap:wrap; /* 줄바꿈 허용 */
 gap: 2vw; list-style:none; margin:0; padding:0; justify-content:center; }

 .chu2024_list_item { flex:0 0 auto; /* 반응형 크기 조절 */
 width: 29%; }

 .chu2024_list_item a { display:block; padding: 2vw; border:1px solid #ddd; border-radius:8px; background:#fff; color:#333; font-size: 3vw; text-align:center; text-decoration:none; transition:all 0.3s ease; font-weight:600; }

 .chu2024_list_item a:hover { background:#f5f5f5; border-color:#bbb; color:#000; }

 .chu2024_list_item.active a { background:#ff2222; /* 메인 포인트 컬러 */
 color:#fff; border-color:#ff2222; font-weight:600; box-shadow:0 3px 6px rgba(0, 0, 0, 0.15); }

/* 장바구니 */
/* 핑크 */
:root{
 --kmc-primary: #ff3061;
 --kmc-primary-ink: #ffffff;
 --kmc-tint: #ffd3de;
 --kmc-bg: #ffffff;
 --kmc-ink: #0e1b18;
 --kmc-muted: #5b6d67;
 --kmc-border: #eeeeee;
 --kmc-shadow-1: 0 8px 28px rgba(0,0,0,.06);
 --kmc-shadow-2: 0 10px 30px rgba(0,0,0,.25);
 --kmc-shadow-3: 0 10px 30px #ff30614f;
 --kmc-radius-sm: 10px;
 --kmc-radius-md: 12px;
 --kmc-radius-lg: 14px;
 --kmc-radius-xl: 16px;
 --kmc-accent:#ff3061;
 --kmc-accent-100:#ffd3de;
}

/* 다크모드 변수 */
:root[data-theme="dark"]{
 --kmc-bg: #101213;
 --kmc-ink: #f4f6f5;
 --kmc-muted: #9fb0a9;
 --kmc-border: #262a2c;
 --kmc-tint: #4b1f28;
}
.kmc-cart__muted { color: var(--kmc-muted) }
.kmc-cart a { color:#000000; text-decoration:none }
.kmc-cart a:hover { text-decoration:underline }
.kmc-cart__header { position:sticky; top:0; z-index:10; backdrop-filter:blur(6px); background:var(--kmc-tint); border-bottom:1px solid var(--kmc-tint); }
.kmc-cart__header-inner { max-width:1180px; margin:0 auto; padding:12px 16px; display:flex; align-items:center; gap:12px; }
.kmc-cart__logo { font-weight:900; letter-spacing:.2px; color:var(--kmc-primary) }
.kmc-cart__chip { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; background:var(--kmc-tint); color:var(--kmc-primary); font-weight:700; border:1px solid var(--kmc-tint); }
.kmc-cart__wrap { max-width:1180px; margin:22px auto; padding:0 16px }
.kmc-cart__grid { display:grid; grid-template-columns:1fr 360px; gap:18px }
.kmc-cart__tools { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px }
.kmc-cart__tools-left { display:flex; align-items:center; gap:10px; font-size:15px; }
.kmc-cart__check-all { display:flex; align-items:center; gap:10px; background:var(--kmc-primary); border:1px solid var(--kmc-tint); border-radius:12px; padding:8px 12px; color:var(--kmc-primary-ink); }
.kmc-cart__list { display:grid; gap:12px }
.kmc-cart__item { display:grid; grid-template-columns:112px 1fr; gap:14px; padding:18px; background:var(--kmc-bg); border:1px solid var(--kmc-border); border-radius:16px; box-shadow:var(--kmc-shadow-1); transition: background .2s ease, transform .12s ease; }
.kmc-cart__item.deactive { background:#eee; filter:saturate(.6); }
.kmc-cart__item:hover { background:#fbfefd; transform: translateY(-1px); }
.kmc-cart__image { width:112px; height:112px; border-radius:14px; overflow:hidden; border:1px solid var(--kmc-border) }
.kmc-cart__image img { width:100%; height:100%; object-fit:cover; display:block }
.kmc-cart__title { margin:2px 0 6px; font-size:20px; font-weight:700; color:var(--kmc-ink); }
.kmc-cart__options { color:var(--kmc-primary); font-size:13px; margin:8px 0 0 }
.kmc-cart__price { font-weight:900; font-size:18px }
.kmc-cart__subprice { font-weight:900; font-size:18px }
.kmc-cart__foot { display:flex; align-items:center; justify-content:space-between; margin-top:10px }
.kmc-cart__rowcheck { width:18px; height:18px }
.kmc-cart__btn { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; font-weight:800; cursor:pointer; transition: background .15s ease, color .15s ease, border-color .15s ease, transform .1s ease; }
.kmc-cart__btn--ghost { background:var(--kmc-bg); border:1px solid var(--kmc-tint); color:#0e1b18; font-size:14px; }
.kmc-cart__btn--ghost:hover { background:var(--kmc-primary); color:var(--kmc-primary-ink); border-color:var(--kmc-primary); transform: translateY(-1px); }
.kmc-cart__btn--danger { background:var(--kmc-bg); border:1px solid var(--kmc-primary); color:var(--kmc-primary) }
.kmc-cart__btn--danger:hover { background:rgba(239,68,68,.08) }
.kmc-cart__btn:focus-visible,
.kmc-cart__rowcheck:focus-visible,
.kmc-cart__coupon input:focus-visible { outline:2px solid var(--kmc-primary); outline-offset:2px; border-radius:var(--kmc-radius-sm); }
.kmc-cart__summary { position:sticky; top:68px; display:flex; flex-direction:column; gap:12px; height:fit-content }
.kmc-cart__sum-box { padding:18px; background:var(--kmc-bg); border:2px solid var(--kmc-border); border-radius:16px; box-shadow:var(--kmc-shadow-1) }
.kmc-cart__sum-row { display:flex; justify-content:space-between; align-items:center; margin:8px 0; font-size: 1rem }
.kmc-cart__sum-row strong { font-size:18px }
.kmc-cart__sum-grand { padding:12px; border-radius:12px; background:var(--kmc-tint); color:var(--kmc-primary); font-weight:900; display:flex; justify-content:space-between; font-size:20px; }
.kmc-cart__coupon { display:flex; gap:8px }
.kmc-cart__coupon input { flex:1; border:1px solid var(--kmc-tint); border-radius:10px; padding:10px }
.kmc-cart__coupon button { border:1px solid var(--kmc-tint); background:var(--kmc-tint); color:var(--kmc-primary); border-radius:10px; padding:10px 12px; font-weight:800; cursor:pointer}
.kmc-cart__cta { background:var(--kmc-primary); color:var(--kmc-primary-ink); border:0; border-radius:14px; padding:14px 18px; font-weight:900; cursor:pointer; font-size:20px; transition: filter .15s ease, transform .1s ease; }
.kmc-cart__cta:hover{filter:brightness(1.05)}
@media (max-width: 980px){
 .kmc-cart__grid { grid-template-columns:1fr }
 .kmc-cart__summary { position:relative; top:0 }
 .kmc-cart__title {margin: 2px 0 6px;font-size: 16px;font-weight: 500;color: var(--kmc-ink);}
 .kmc-cart__btn {display: inline-flex;align-items: center;gap: 8px;padding: 9px 6px;border-radius: 12px;font-weight: 800;cursor: pointer;font-size: 13px;transition: background .15s ease, color .15s ease, border-color .15s ease, transform .1s ease;}
}
@media (max-width: 560px){
 .kmc-cart__item { grid-template-columns:88px 1fr; grid-auto-rows:auto }
 .kmc-cart__image { width:88px; height:88px }
 .kmc-cart__subprice { font-size:16px }


 .kmc-cart__check-all {
  font-size: .85rem;
 }
}
@media (max-width:1000px){
    .pc_box_subbtn{display:none;}
}
@media (min-width:1300px){
    .pc_box_subbtn{
        position:fixed;
        right:0;
        bottom:120px;
        left:0;
        z-index:9999;
        width:100%;
        max-width:500px;
        margin:0 auto;
        padding:16px;
        padding:20px 0;
        text-align:center;
        background:#2196F3; /* 배경색 */
        border-radius:10px;
        box-shadow:1px 1px 10px #0000004d;
    }
    .pc_box_subbtn{}
    .pc_box_subbtn a{
        display:block;
        font-size:29px;
        font-weight:600;
        color:#fff;
    }
}