@charset "utf-8"; *{ font-family:"Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif; } .main_header{ display:flex; flex-wrap:wrap; justify-content:left; height:220px; } .main_header > li{ flex:0 0 auto; padding:0px 16px 0px; } .main_header > li:first-child{ width:55%; } .main_header > li:nth-child(2){ width:43%; } .main_header > li:last-child{ width:45%; } .main_header_sub{ position:relative; z-index:4; /* top: -18%; */} .main_header_sub > ul{ display:block; /* flex-wrap:wrap; */position:relative; z-index:4; top:10px; } .main_header_sub > ul > li{ flex:1; text-align:center; /* padding: 5px; */} .main_header_sub > ul > li > a > p{ font-size:12px; padding:7px; } .main_header_sub > ul > li > a:hover{ color:var(--all-btn-color, #e40404); } .main_header_sub > ul > li > a:hover i{ color:var(--all-btn-color, #e40404); } .main_header_sub > ul > li > a{ flex:1; text-align:center; } .main_header_sub > ul > li > a > img{ width:58px; height:58px; border:1px solid #eee; box-shadow:1px 1px 10px #eee; border-radius:16px; padding:5px; opacity:0.8; } .main_header_sub > ul > li > a > i{ width:58px; height:58px; padding:10px !IMPORTANT; border:1px solid #eee; box-shadow:1px 1px 10px #eee; border-radius:16px; display:block; font-size:28px; margin:0 auto; color:#404041; } .main_header_sub > ul > li > a > span{ width:58px; height:58px; padding:10px 0px 10px 0px !IMPORTANT; border:1px solid #eee; box-shadow:1px 1px 10px #eee; border-radius:16px; display:block; font-size:13px; margin:0 auto; color:#404041; } #login_on_off{ width:33px; height:18px; position:absolute; top:1px; left:103px; padding:0px; } .main_header_sub > ul > li:hover a.main_header_sub_btn{ color:var(--all-btn-color, #e40404); } .main_header_sub > ul > li:hover i{ color:blue} .main_header_sub_sub{ display:flex; text-align:center; } /*.main_header_sub > ul > li .main_header_sub_sub { display:none; } .main_header_sub > ul > li:hover .main_header_sub_sub { display:flex; flex-wrap:wrap; flex-direction: column; position: absolute; margin-top: -1px; background: #fff; border: 1px solid #eee; padding: 5px; min-width: 102px; text-align: center; font-size: 11px; z-index: 11; margin-left: -21px; border-radius: 10px; box-shadow: 1px 1px 10px #eee; } */ .main_header_sub_sub > li{ flex:1; padding:0px; text-align:center; margin:0 auto; border-right:1px solid #e7e7e7; } .main_header_sub_sub > li:last-child{ border-right:none; } .main_header_sub_sub > li > a{ /* display: flex; */text-align:center; font-size:14px; color:#404041; } .main_header_sub_sub > li > a:hover{ color:var(--all-btn-color, #e40404); font-weight:bold} .tour_menu_link:hover{ color:red} .category-img_bk{ margin:-378px 0 0 2px; } .category-img{ background:url(/image/category-img.png) no-repeat; width:28px; height:373px; margin:-378px 0 0 3px; /* z-index: 1000; */} .category-img_bk{ margin:-379px 0 0 2px; } .fe{ display:none; color:#000; width:418px; position:absolute; top:35px; background-color:#fff; padding:14px; border:1px solid #92d8ff; height:298px; line-height:33px; left:-25px; font-size:13px; } .travel a{ padding:7px; z-index:999; position:absolute; } .tr-box{ position:relative} .tr-menu{ position:absolute; left:0} .tr-img{ position:absolute; width:418px; right:-491px; top:-253px} .tr-img2{ position:absolute; width:417px; right:-409px; top:-269px} .tr-img3{ position:absolute; width:418px; right:-490px; top:-370px} .fe-img{ position:absolute; right:-402px; top:-277px} .fe-img img{ width:416px} .tr-img_knob{ position:absolute; right:-70px; top:-277px} .tr-img_knob2{ position:absolute; right:-67px; top:-277px} .tr-img_knob3{ position:absolute; right:-69px; top:-277px} .tr-img_knob4{ position:absolute; right:-67px; top:-263px} .tr-img_knob5{ position:absolute; right:-67px; top:-379px} .membership_01{ display:none; color:#000; width:300px; position:absolute; top:35px; background-color:#fff; padding:16px; border:1px solid #92d8ff; height:300px; line-height:33px; left:-25px; font-size:13px; z-index:1100; } .fe{ display:none; color:#000; width:418px; position:absolute; top:35px; background-color:#fff; padding:14px; border:1px solid #92d8ff; height:298px; line-height:33px; left:-25px; font-size:13px; } .membership_01 a:hover{ color:#92d8ff; font-weight:900; } .membership_01-box{ position:relative} .membership_01-menu{ position:absolute; left:0} .membership_01-img{ position:absolute; top:39px; left:50%; width:15px; height:7px; margin:-352px 0 0 50px; background-position:0 -50px; } .fe-img{ position:absolute; right:-402px; top:-277px} .fe-img img{ width:416px} .membership_01-img_knob{ position:absolute; right:-60px; top:-355px} .tour_menu_link b{ font-size:10px; color:red; position:absolute; top:-1px; } input[type=text]:focus, input[type=password]:focus{ outline:none} select{ padding:0; height:40px; } /* 헤더 */ #main_happy{ margin-bottom:-55px; padding:0 180px 2px; } .site_header{ background-color:#ffffff; } .site_header .gnb{ border-bottom:1px solid #f7f7f7; } .top{ padding-top:8px; padding-bottom:8px; width:1300px; margin:0 auto; } .traver_manuaml{ background:#ffffff; border:1px solid #3F51B5; } .traver_manuaml h2{ text-align:center; color:#000; line-height:56px; } .traver_manuaml p{ margin:10px 0 0 200px; color:#000; line-height:1.5em; font-weight:500; } .top_list{ display:flex; flex-wrap:wrap; justify-content:end; } .top_list_item{ position:relative; border-right:1px solid #a7a8a8; } .top_list_item:last-child{ border-right:none} .top_list_item_last{ border-right:none; } .view_my_point_wrap{ width:300px; /*height:100px; */ background-color:#fff; display:none; position:absolute; z-index:5; border:4px solid #ddd; } .view_my_point_data{ width:100%; border-collapse:collapse; border-spacing:0; } .view_my_point_data th{ padding:0; line-height:30px; border-bottom:1px solid #ddd; } .view_my_point_data td{ padding:0; line-height:30px; border-bottom:1px solid #ddd; } .view_my_point_link{ color:#06e; } .cscenter{ width:736px; margin:0 auto; } .cscenter h1{ text-align:center; font-size:50px; } .cscenter h1 strong{ color:#333; } .cscenter p{ text-align:center; font-size:20px; width:736px; margin:0 auto; } .cscenter b{ width:100%; height:20px; background:#666; margin:0 30px 0 0; } .cscenter .cs_line{ border-top:1px solid #999; width:1100px; } .cscenter2{ width:100%; font-size:15px; } .cscenter2 p{ text-align:center; width:736px; margin:0 auto; } .cscenter2 ul{ width:100%; } .cscenter2 ul li{ color:#fff; float:left; width:19%; line-height:34px; height:40px; background:#666; border:1px solid; margin:2px; text-align:center; border-radius:10px; } .cscenter2 ul li:hover{ color:#fff; float:left; width:19%; line-height:34px; height:40px; background:#333; border:1px solid; margin:2px; text-align:center; border-radius:10px; } .cscenter2 .on{ color:#fff; float:left; width:19%; line-height:34px; height:40px; background:#333; border:1px solid; margin:2px; text-align:center; border-radius:10px; } .cscenter2 a{ color:#FFF; } .main_logo_wrap{ margin:32px 0px 0px 497px; } .main_logo_image{ position:relative; } .main_search_wrap{ position:relative; left:-9px; top:-10px; } .main_search{ padding:38px 6px 19px 277px; } .main_search_keyword{ float:left; width:400px; height:51px; padding:0; border:0.13em solid #363636; font-size:16px; text-indent:14px; line-height:20px; margin-left:-266px; /* border-radius: 5px; */ box-sizing:border-box; display:inline-block; background:#f7f7f7; } .main_search_category_wrap{ float:left; width:130px; height:40px; border:1px solid #dcdcdc; background-color:#fff; display:none; } .main_search_image{ display:block; float:left; position:relative; left:-48px; top:0; padding:13px; /* background: #3787fe; */ border-radius:3px; } .main_popular_keyword_wrap{ padding-top:14px; padding-bottom:33px; position:relative; left:110px; top:14px; display:none; } .main_popular_keyword{ border:1px solid #dcdcdc; width:202px; height:32px; background-color:#fff; position:relative; top:19px; } .site_menu{ width:100%; margin:0 auto; border-top:1px solid #ddd; /* border-bottom: 1px solid #ddd; */ background:#fff; } .site_menu_main{ position:relative; width:1300px; display:flex; margin:0 auto; } .site_menu_test{ width:100%; margin:0 auto; border-top:1px solid #ddd; /* border-bottom: 1px solid #ddd; */ background:#fff; } .site_menu_main_test{ position:relative; width:1300px; display:flex; } .bars{ position:absolute; z-index:1; color:#fff; margin:10px 0 0 30px; } .mall_menu{ flex:1 1 auto;} .mall_menu_link{ display:block; color:#353535; font-size:18px; border-bottom:1px solid #333; padding:6px 0px; text-align:left; /* background: #353535; */top:0;font-weight:600;z-index:1; font-family:"Noto Sans KR", "Helvetica Neue", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif; } .mall_sub_menu{ z-index:1000; padding:0; width:171px; height:391px; left:0; top:50px; } .mall_sub_menu_item_wrap{ } .mall_sub_menu_item_wrap:hover{ } .mall_sub_menu_item_wrap:hover .mall_sub_menu_item{} .mall_sub_menu_item{ align-items:center; color:#2c2c2c; font-weight:400; display:inline-block; font-size:15px; padding:4px 0px; } .mall_sub_menu_item:hover{} .mall_sub_menu_item_image{ width:20px; margin-right:5px} .mall_sub_menu_item_name{ flex:1 1 auto; } .mall_sub_menu_item_sub_wrap{ display:block; visibility:hidden; position:absolute; left:25%; height:auto !important; } .mall_sub_menu_item_sub_link{ position:relative; display:block; } .mall_sub_menu_item_sub_list{ position:absolute; z-index:1; left:50px; width:auto; margin-top:-27px; border:1px solid #eee; } .mall_sub_menu_item_sub_list_noimage{ background-color:#fff; } .mall_sub_menu_item_sub_list_item{ width:200px; background:#fff; } .mall_sub_menu_item:hover{} .mall_sub_menu_item_sub_list_item_link{ color:#414042; font-size:14px; line-height:30px; display:block; padding-left:10px; } .mall_sub_menu_item_sub_list_item_link:hover{ color:var(--all-btn-color, #e40404); font-weight:bold; } .mall_sub_menu_item_hover_on{ color:var(--all-btn-color, #e40404); } .mall_last_sub_menu_wrap{ position:absolute; width:214px; height:auto; top:0; left:100%;border-left:1px solid #eee; display:block; visibility:hidden; border-bottom:1px solid #eee; background:#fff; border-right:1px solid #eee; border-top:1px solid #eee; } .mall_last_sub_menu_list{ padding-left:10px; padding-top:8px; } .mall_last_sub_menu_item_link{ color:#000; font-size:14px; line-height:30px; } .mall_last_sub_menu_item_link:hover{ color:var(--all-btn-color, #e40404); font-weight:500; } .mall_sub_menu_item_hover{ color:#008cff; /*font-weight: bold; */} .mall_last_sub_menu_item_more_link{ color:#008cff; font-weight:bold; font-size:12px; line-height:30px; text-decoration:underline; } .site_bar{ background:red; width:100px; height:45px; margin:0 0 0 10px; position:absolute; } .main_info{ text-align:center; margin:0 auto} /* 오른쪽 배너 */ .right_banner{ position:sticky; height:0; z-index:999; margin-left:87%; top:20px; } .right_banner_auto_scroll_wrap{ margin-top:10px; border-spacing:0; border-collapse:collapse; background-color:#fff; width:100%; } .right_banner_auto_scroll_wrap td{ border:1px solid #ccc; text-align:center; font-size:12px; line-height:20px; } .right_banner_auto_scroller{ cursor:pointer; height:40px; padding-top:9px; padding-bottom:9px; } .right_banner_scroll_wrap{ margin-top:10px; border-spacing:0; border-collapse:collapse; background-color:#fff; width:41px; } .right_banner_scroll_wrap td{ border:1px solid #ccc; text-align:center; padding:0; } .right_banner_scroll_sub_wrap1{ height:35px; cursor:pointer; padding-top:8px; } .right_banner_scroll_sub_wrap2{ height:35px; cursor:pointer; padding-top:15px; } /* 푸터 */ .footer{ position:relative; z-index:10; } .footer_wrap1{ background-color:#f1f1f1; min-width:1100px; } .footer_list1{ display:inline-block; vertical-align:top; } .footer_list1_item{ float:left; } .footer_list1_link{ display:block; line-height:25px; font-size:18px; color:#363636; padding:8px 18px; margin:9px; } .footer_list1_bar{ line-height:14px; padding-top:19px; color:#3c3c3c; padding-bottom:18px; } .footer_wrap2{ background-color:#ffffff; min-width:1100px; } .footer_sub_wrap2{ float:left; padding-bottom:30px; } .footer_sub_wrap3{ float:right; /* border-left: 2px solid #144e8c; */margin-top:42px; padding-left:52px; height:100px; padding-top:10px; } .footer_infomation{ color:#878686; font-size:13px; line-height:18px; padding-top:11px; position:relative; left:241px; top:-112px; } .footer_info_text1{ color:#353535; font-size:14px; /* line-height:20px; */padding-bottom:10px; } .footer_info_text2{ color:#353535; font-weight:bold; font-size:16px; line-height:20px; } .footer_info_text3{ color:#fff7b2; font-size:12px; line-height:30px; display:inline-block; vertical-align:top; } .footer_branch_main_wrap{ text-align:left; padding:20px; } .footer_branch_wrap{ display:inline-block; vertical-align:top; } .footer_branch_logo{ display:inline-block; vertical-align:top; } .footer_branch_infomation{ display:inline-block; vertical-align:top; text-align:left; padding:0 20px; color:#58595b; font-size:12px; line-height:18px; } /* 게시판 비밀번호 로그인 */ .board_login_data{ width:320px; margin:40px auto; border-collapse:collapse; border-spacing:0; border:1px solid #d7d7d7; } .board_login_data td{ padding:10px; } .board_login_submit_wrap{ text-align:center; } .board_login_submit_btn{ cursor:pointer; border:1px solid #ffbc00; background-color:#ffa500; color:#fff; width:120px; height:30px; font-size:16px; font-weight:bold; padding:0; margin:0; } .board_login_title{ background-color:#ffa500; color:#fff; font-size:18px; font-weight:bold; line-height:20px; } .board_login_password_input{ width:100%; height:30px; font-size:14px; line-height:30px; margin:0; padding:0; } /* 메인 */ .slide_wrap{ } .main_banner_item{ float:left; padding:4px; } .main_banner_item_first{ padding-left:0; } .main_banner_item_last{ padding-right:0; } .main_infomation_banner_item{ float:left; padding:0.7px; } .main_title1{ color:#c3322f; font-size:27px; line-height:22px; font-weight:600; } .main_title2{ color:#232323; font-size:18px; line-height:40px; letter-spacing:-0.7px; } .main_event_list_wrap{ padding-top:22px; padding-bottom:26px; } .main_event_list_item{ float:left; margin-right:15px; } .main_event_list_item_last{ margin-right:0; } .main_link_wrap{ padding-top:55px; } .main_banner_sub_wrap{padding-top:10px; padding-bottom:10px; border-top:1px solid #dcdcdc; } .main_sub_banner_item{ float:left; } .main_slide_wrap{ padding-top:26px; padding-bottom:12px; margin-left:164px; width:936px; } .main_slide_wrap_sub{ margin:0 auto; } .mall_slide_wrap1{ padding-top:0; padding-bottom:0; width:145px; float:left; margin:-7px 0 0 0; } .mall_slide_wrap2{ padding-top:0; padding-bottom:12px; width:936px; margin-top:-347px; float:left; margin-left:161px; } .slide_sub_wrap{ float:left; } .slide_thumb_list{ float:right; } .slide_thumb_list_item{ border:1px solid /*transparent*/ #d9f5fb; } .slide_thumb_list_item_on{ border:1px solid #3788c1; } .kmfamily_filter_wrap{ padding:0 20px; background:#f5f5f5; } .kmfamily_filter_sub_wrap_bar{ border-bottom:1px solid #d8d8d8; height:1px; } .kmfamily_filter_sub_wrap{ line-height:38px; font-size:14px; font-weight:bold; color:#808285; } .kmfamily_filter_label{ margin-left:15px; } .kmfamily_filter_chb{ vertical-align:middle; } /* 카테고리 MAIN */ .category_mall_menu{ background-color:#fff; border:1px solid #008cff; text-align:left; height:385px; } .category_mall_menu_item{ display:block; line-height:32px; font-size:12px; margin:0 0 0 34px; } .category_mall_menu_item:hover{ color:#06e; } .category_mall_wrap{ padding-top:30px; } .category_mall_navi_wrap{ padding-bottom:20px; } .category_mall_navi_data_list{ display:flex; flex-wrap:wrap} .category_mall_navi_data_list_item:nth-child(-n+5){ border-top:1px solid #eee; } .category_mall_navi_data_list_item{ flex:0 0 auto; width:19.8%; box-shadow:1px 1px 1px #e5e5e5; background:#fff; margin:1px; } .category_mall_navi_data_list_item:nth-child(1){ border-left:1px solid #eee; } .category_mall_navi_data_list_item:nth-child(6){ border-left:1px solid #eee; } .category_mall_navi_data_list_item:nth-child(11){ border-left:1px solid #eee; } .category_mall_navi_data_item_link{ text-align:center; line-height:1.5; font-size:14px; display:block; padding:10px 0} .category_mall_navi_data_item_link:hover{ background-color:var(--all-btn-color, #e40404); color:#fff; } .category_mall_navi_data_item_link.on{ background-color:var(--all-btn-color, #e40404); color:#fff; } .category_mall_title_wrap{ display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:10px; } .category_mall_title{ } .category_mall_filter_container{ display:flex; flex-wrap:wrap} .category_mall_total_count{ font-size:18px; line-height:40px; margin-right:40px; font-weight:bold} .category_mall_order_by_wrap{ position:relative; width:150px} .category_mall_order_by_title{ border:1px solid #ddd; font-size:14px; line-height:40px; position:relative; padding-left:10px; padding-right:20px; cursor:pointer} .category_mall_order_by_title:after{ content:''; position:absolute; top:10px; right:5px; width:10px; height:20px; background:url(/resource/img/up_on_gray.png) no-repeat center/contain; transform:rotate(-180deg); } .category_mall_order_by_title.on:after{ transform:rotate(0); } .category_mall_order_list{ position:absolute; width:100%; top:100%; left:0;; background:#fff; display:none; text-align:center; z-index:1000} .category_mall_order_list.on{ display:block; } .category_mall_order_item{ border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd} .category_mall_order_item:first-child{ border-top:1px solid #ddd} .category_mall_order_link{ display:block; font-size:12px; line-height:40px; } .category_mall_order_link:hover{ color:#06e} .category_mall_order_link.on{ background:#06e; color:#fff; font-weight:600} /* 전체 리스트 스타일 */ .category_mall_list { display: grid; grid-template-columns: repeat(2, 1fr); /* 한 줄에 2개씩 배치 */ gap: 16px; padding: 15px; list-style: none; } .category_mall_list_item { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.2s ease; } .category_mall_list_item:hover { transform: translateY(-5px); } .category_mall_list_item{ flex-direction:column; justify-content:space-between; padding-bottom:1px; } .category_mall_list_item3{ flex:0 0 auto; width:32%; margin-bottom:2%; border:3px solid #e6e6e6; } .category_mall_list_item3:nth-child(3n+2){ margin-left:2%; margin-right:2%; } .category_mall_list_item3 > div{ flex:0 0 auto; } .category_mall_list_item4{flex:0 0 auto;border: 3px solid transparent;box-shadow: 1px 1px 10px #eee;padding: 6px 5px 0px;border-radius: 12px;transition:400ms ease;} .category_mall_list_item4:nth-child(4n){ margin-right:0} .category_mall_list_item4 > div{ flex:0 0 auto; } .category_mall_list_item5{ flex:0 0 auto; width:232px; margin-right:10px; margin-bottom:25px; border:3px solid #e6e6e6; } .category_mall_list_item5:nth-child(5n){ margin-right:0} .category_mall_list_item5 > div{ flex:0 0 auto; } .category_mall_list_item_hover{ border:3px solid transparent; box-shadow:1px 1px 10px #00000061; transition:400ms ease; } .category_mall_list_item_image { width: 100%; aspect-ratio: 1 / 1; /* 정사각형 유지 */ overflow: hidden; background: #f7f8f9; position: relative; } .category_mall_list_item_image img {width: 100%;height: 100%;object-fit: cover;display: block;border-radius: 20px;padding: 10px;} .category_mall_list_item_image_sold_out{position:absolute;top:0;left:0;width:100%;height:100%} .category_mall_prd_image_close_item{ position:absolute; left:0; bottom:0; width:152px; height:25px} .category_mall_list_item_description3{ height:29px; color:#9e9e9e; font-size:16px; line-height:24px; padding:5px 2px 0 2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .category_mall_list_item_name3{ color:#000; font-size:16px; line-height:24px; padding:5px 2px 0 2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .category_mall_list_item_description4{ height:27px; color:#9e9e9e; font-size:14px; line-height:22px; padding:5px 2px 0 2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .category_mall_list_item_name4{color:#000;font-size:14px;line-height:22px;padding:5px 2px 0 2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .category_mall_list_item_description5{ height:25px; color:#9e9e9e; font-size:12px; line-height:20px; padding:5px 2px 0 2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .category_mall_list_item_name5{ color:#000; font-size:12px; line-height:20px; padding:5px 2px 0 2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .mall_plan_banner_item{ float:left; margin-right:4px; } .mall_plan_banner_item_last{ margin-right:0; } .mall_menu{ } .tour_menu{ } .tour_menu_sub{ display:flex; flex-wrap:wrap; width:970px; } .tour_menu_sub > li{ flex:1 1 auto;} .tour_menu_sub_link{display:flex;align-items:center;justify-content:center;padding:15px} .tour_menu_link_on{ color:#fff; } .tour_menu_link2{ display:block; padding:1px 16px; line-height:36px; font-size:15px; float:left; color:white; margin:-2px 0 0 2px; font-weight:600; height:39px; background:#92d0f4; } .tour_menu_link2:hover{ display:block; padding:1px 16px; line-height:36px; font-size:15px; float:left; color:white; font-weight:500; height:39px; background-color:#66b2e4; } .tour_menu_link2_on{ background-color:#78094e; color:#fff; } .tour_menu_bar{ background-color:#e2e2e3; height:14px; margin-top:12px; margin-bottom:12px; width:2px; float:left; display:none; } .tour_menu_sub_menu{ position:absolute; top:100%; width:100%; display:none; } .tour_menu_sub_menu_link{ display:block; line-height:38px; font-size:15px; text-align:center; background-color:#e5f5ff; } .tour_menu_sub_menu_link:hover{ color:#000; } .site_bar{ background:red; width:100px; height:45px; margin:0 0 0 10px; position:absolute; } /* 230428 임시이벤트스타일 */ .mobile_img{ display:none} .tour_menu_sub_test{ display:flex; /*flex-wrap: wrap; */width:1300px; margin:0 auto; } .tour_menu_sub_test > li{ flex:1 1 auto; width:260px; } .tour_menu_link img{ padding:9px 7px 9px 0px; } /* 메뉴바 */ .menu_bars{ position:fixed; bottom:1px; } .menu_bars li{ float:left; border:1px solid #eee; width:183px; background-color:rgba(9, 134, 255, 0.52); height:40px; line-height:2; color:#fff; text-align:center; font-weight:700; } .menu_bars li:hover{ float:left; border:1px solid #eee; width:183px; background-color:rgb(9, 134, 255); height:40px; line-height:2; color:#fff; } /* mall navi */ .mall_navi_wrap{ padding-bottom:13px; font-size:14px; line-height:24px; } .mall_navi_wrap select{ height:35px; border-radius:9px; border:1px solid #eee; } .mall_navi_bar{ margin:0 5px; } /* 카테고리 SUB */ /* 카테고리 한줄 3개 */ .category_mall_item_price_member_grade3{ float:left; color:#f00; width:100px; text-align:center; font-size:22px; line-height:40px; } .category_mall_item_price3{ float:left; width:190px; } .category_mall_item_shipping_mode3{ float:left; text-align:center; width:60px; font-size:12px; color:#E91E63; line-height:20px; border:1px solid #E91E63; margin-top:9px; margin-right:0; margin-left:-17px; } .category_mall_item_price_cost3{ text-decoration:line-through; font-size:12px; line-height:18px; color:#8a8a8a; } .category_mall_item_price_member3{ font-size:16px; line-height:22px; color:#00f; } .category_mall_item_price_cheapest_wrap3{ padding:5px; border-top:1px solid #e6e6e6; } .category_mall_item_price_cheapest{ min-height:33px; } .category_mall_item_price_cheapest3{ font-size:12px; display:inline-block; line-height:16px; color:#000; font-weight:bold; } .category_mall_item_price_cheapest_image2_3{ margin-top:3px; } .category_mall_item_contain_shipping_price_3{ font-size:12px; line-height:16px; display:inline-block; } /* 카테고리 한줄 4개 */ /* 상품명 스타일 */ .category_mall_list_item_name4 { padding: 12px 10px 5px; font-size: 19px; font-weight: 600; color: #333; line-height: 1.4; word-break: keep-all; /* 단어 단위 줄바꿈 */ min-height: 40px; } /* 가격 영역 */ .category_mall_item_price_wrap { padding: 0 10px 15px; position: relative; } .category_mall_item_price_member_grade4 { display: inline-block; font-size: 11px; color: #ff4757; border: 1px solid #ff4757; padding: 1px 4px; border-radius: 3px; margin-bottom: 5px; } /* 정가 (할인 전) */ .category_mall_item_price_cost4 {font-size: 17px;color: #999;text-decoration: line-through;margin: 0;} /* 회원가 (할인 후) */ .category_mall_item_price_member4 {font-size: 23px;font-weight: 800;color: #222;margin: 2px 0 0;} /* 무료배송 태그 */ .category_mall_item_shipping_mode4 { font-size: 11px; background: #f1f2f6; color: #57606f; padding: 3px 6px; border-radius: 4px; margin-top: 8px; display: inline-block; } /* 반응형: 화면이 커지면 한 줄에 3개 또는 4개씩 */ @media (min-width: 768px){ .category_mall_list { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1024px){ .category_mall_list {grid-template-columns: repeat(4, 1fr);max-width: 1200px;margin: 0 auto;} } /* 카테고리 한줄 5개 */ .category_mall_item_price_member_grade5{ float:left; width:60px; color:#f00; text-align:center; font-size:14px; line-height:36px; } .category_mall_item_price5{ float:left; width:92px; } .category_mall_item_shipping_mode5{ float:left; text-align:center; width:50px; font-size:12px; color:#00f; line-height:20px; border:1px solid #00f; margin-top:7px; display:none; } .category_mall_item_price_cost5{ text-decoration:line-through; font-size:12px; line-height:16px; color:#8a8a8a; } .category_mall_item_price_member5{ font-size:14px; line-height:20px; color:#00f; } .category_mall_item_price_cheapest_wrap5{ padding:2px; border-top:1px solid #e6e6e6; } .category_mall_item_price_cheapest5{ font-size:12px; display:inline-block; line-height:16px; color:#000; font-weight:bold; } .category_mall_item_price_cheapest_image1_5{ height:20px; margin-top:3px; margin-bottom:3px; } .category_mall_item_price_cheapest_image2_5{ margin-top:3px; max-width:55px; } .category_mall_item_contain_shipping_price_5{ display:none; } /* 쇼핑몰 상품 페이지 */ .item_mall_wrap{ padding-top:52px; } .item_mall_info_container{ display:flex; flex-wrap:wrap} .item_mall_info_wrap{ padding-bottom:60px} .item_mall_info_left_wrap{ float:left; width:850px; margin-right:6px; min-height:400px} .item_mall_info_right_wrap{ float:left; width:344px; padding:10px; border:1px solid #c2c2c2; min-height:400px; height:100%; position:sticky; top:0; display:flex; justify-content:space-between; flex-direction:column} .item_mall_info_right_wrap .item_option_area{ flex:1 1 auto } .item_mall_info_image_wrap{position:relative; width:600px; margin-top:10px; margin-right:40px; padding:24px; } .item_mall_info_image_sold_out{position:absolute;top:0;left:0;width:100%;height:100%;padding:24px} .item_mall_info_image_sold_out > img{max-width:100%} .item_mall_info_detail_wrap{ width:560px; margin-top:10px; padding:10px; min-height:600px; position:relative; } .item_mall_info_explain_wrap{ display:none; border:1px solid #c2c2c2; margin-bottom:60px; text-align:center; } .item_mall_info_explain_wrap img{ max-width:100%; } .item_mall_info_explain_wrap.on{ display:block; } .item_mall_info_explain_wrap.detail_select3{ padding:100px 0} .item_mall_info_explain_title_wrap{ display:flex; flex-wrap:wrap; padding-bottom:10px} .item_mall_info_explain_title{ display:block; flex:1 1 auto; padding:5px; background-color:#fff; color:#000; font-weight:500; font-size:18px; line-height:2; text-align:center; border:1px solid #ddd; border-bottom:3px solid #d40808; cursor:pointer; } .item_mall_info_explain_title span{ color:#ff5253; } .item_mall_info_explain_title a{ color:#000} .item_mall_info_explain_title.on{ border-width:3px; border-color:#d40808; border-bottom-color:transparent} .item_mall_info_name{ font-size:20px; line-height:30px; font-weight:bold; } .item_mall_info_admin_link{ display:block; float:right; font-size:14px; background-color:#4680cf; color:#fff; padding:0 20px; } .item_mall_info_description{ font-size:14px; line-height:20px; color:#9e9e9e; } .item_mall_info_price_wrap{ padding-bottom:5px; } .item_mall_price_wrap{ width:100%; border-spacing:0; } .item_mall_price_header{ text-align:left; padding:12px 22px; font-size:15px; line-height:18px; border-top:1px solid #eee; } .item_mall_price_content{ padding:8px 8px 8px 30px; font-size:14px; line-height:18px; border-top:1px solid #eee; } .item_mall_price_cost{ color:#ab010e; } .item_mall_price_cost_add{ text-decoration:line-through; } .item_mall_price_member{ font-size:24px; font-weight:800; } .item_mall_price_member_add{ color:#f00 } .item_mall_total_price_wrap{ margin-top:20px} .item_mall_total_price{ line-height:40px; text-align:right; } .item_mall_total_price_sub1{ color:#ab010e; font-weight:bold; font-size:24px; } .item_mall_total_price_sub2{ color:#ab010e; } .volume_subtraction{ background-color:#eee; width:30px; height:30px; float:left; border:1px solid #ccc; padding:14px 9px; cursor:pointer; } .item_mall_volume{ display:block; float:left; width:50px; text-align:center; height:30px; border:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } .volume_addition{ background-color:#eee; width:30px; height:30px; float:left; border:1px solid #ccc; padding:9px; cursor:pointer; } .item_mall_submit_wrap{ display:flex; justify-content:space-between; align-items:center; margin-top:20px} .item_mall_submit_cart{ width:276px; margin-right:4px; line-height:40px; text-align:center; border:1px solid #ab010e; color:#ab010e; cursor:pointer; } .item_mall_submit_direct{ width:276px; margin-left:4px; line-height:40px; text-align:center; background-color:#ab010e; color:#fff; border:1px solid #ab010e; cursor:pointer; } .item_mall_sold_out{ width:100%; line-height:40px; text-align:center; border:1px solid #ab010e; background-color:#ab010e; color:#fff; } .shipping_note{ color:#7fb841; font-weight:bold; } .text_option{ width:100%; padding:0; height:25px; } .option_select{ width:100%; padding:2px 0; height:40px} .option_select_volume{ width:160px; height:22px; } .add_option_select{ width:100%} .add_option_volume_wrap{ display:inline-block; vertical-align:top; } .add_option_volume_subtraction{ background-color:#eee; width:22px; height:22px; float:left; display:block; border:1px solid #ccc; padding:9px 4px; cursor:pointer; } .add_option_volume_input{ width:50px; height:22px; display:block; float:left; border:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; } .add_option_volume_addition{ background-color:#eee; width:22px; height:22px; float:left; display:block; border:1px solid #ccc; padding:4px; cursor:pointer; } .item_mall_option_item{ border:1px solid #d1d1d1; font-size:14px; padding:10px; margin-top:10px; } .item_mall_option_wrap{ padding-top:10px; } .item_mall_option_delete{ float:right; width:15px; height:15px; cursor:pointer; margin:7px 7px 0 0; } /* 호텔리조트 카테고리 */ .hotel_resort_wrap{ border:1px solid #ebebeb; margin-top:30px; margin-bottom:60px; text-align:center; } .hotel_resort_iframe{ width:100%; border:none; height:1800px; padding-top:30px; } .hotel_resort_title_wrap{ width:1050px; margin:0 auto; height:80px; background-image:url(/image/hotel_resort.jpg); background-position:center; } .hotel_resort_link1{ width:115px; height:33px; background:url(/image/hotel_resort_link_btn_01.png); display:block; float:left; margin-top:39px; margin-left:230px; margin-right:9px; } .hotel_resort_link2{ width:115px; height:33px; background:url(/image/hotel_resort_link_btn_02.png); display:block; float:left; margin-top:39px; } /* 펜션 메인 */ .category_pension_wrap{ padding-top:60px; } .pension_main_title{ width:1051px; height:63px; margin:0 auto; background:url(/image/content_title02_bg_test2.gif); } .pension_main_title > img{ margin-left:12px; margin-top:6px; } .pension_sub_title{ text-align:left; } .family_list{ margin-top:20px; } /*.family_item { float:left; width:208px; margin-right:15px; margin-bottom:15px; border:2px solid #e6e6e6; } */ .family_item{ float:left; width:592px; margin-right:8px; margin-bottom:16px; border:1px solid #e6e6e6; height:392px; } .family_item:hover{ border:1px solid #23abf1; } .family_item_last{ margin-right:8px; } .family_item_image_wrap{ position:relative; } .family_item_image_icon{ position:absolute; top:0; left:10px; } .family_description{ font-size:14px; line-height:24px; color:#7a7a7a; padding:4px 5px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; } /* .family_title { font-size:14px; line-height:36px; text-align:center; } .family_price_cost { padding-right:10px; font-size:13px; line-height:36px; color:#333; text-decoration:line-through; float:right; } .family_price_member { padding-right:10px; font-size:14px; line-height:36px; font-weight:bold; color:#db0000; float:right; } */ .family_info_wrap{ width:100%; border-collapse:collapse; border-spacing:0; } .family_info_wrap td{ font-size:15px; line-height:22px; font-weight:bold; padding:0; text-align:center; } .family_info_view_icon{ display:block; margin:5px 10px; text-align:center; background-color:#ebebeb; font-weight:normal; line-height:34px; } .family_info_view_icon_on{ background-color:#00aeef; color:#fff; font-weight:normal; } .family_price_cost{ float:left; margin-top:12px; } .family_price_member{ color:#f00; float:left; margin-left:33px; padding-left:23px; height:20px; border-left:1px solid #eee; margin-top:12px; } .pension_item{ width:550px; padding:28px; float:left; } .pension_item_wrap{ border:2px solid #e6e6e6; background-color:#f8f8f8; } .pension_item_wrap:hover{ border:2px solid #23abf1; } .pension_item_image_wrap{ padding:9px 15px; position:relative; } .pension_item_image_icon{ position:absolute; top:9px; left:22px; display:none; } .pension_item_info_wrap{ padding-bottom:28px; position:relative; } .pension_item_name{ width:100%; padding-left:11px; font-size:17px; line-height:28px; color:#333; font-weight:bold; text-align:left; } .pension_item_address{ padding-left:11px; font-size:12px; line-height:22px; min-height:22px; text-align:left; } .pension_item_view_icon{ position:absolute; right:15px; top:5px; } .pension_navi_list{ border:1px solid #e6e6e6; } .pension_navi_item{ float:left; padding:10px} /* 펜션 상품 */ .pension_sub_wrap{ padding:10px 0; } .pension_item_info_wrap{ display:flex; flex-wrap:wrap; justify-content:space-between} .pension_info_wrap{ flex:1 1 auto; width:calc(100% - 420px); margin-right:20px; height:181px; border:5px solid #d4d4d4; } .pension_info_sub_wrap{ border:1px solid #adadad; } .pension_reservation_btn{ flex:0 0 auto; width:400px; } .datatable{ line-height:15px; border-top:2px solid #999; margin-top:2px; border-collapse:collapse; } .datatable th{ text-align:center; padding:6px 16px; font-size:11px; font-weight:bold; border:1px solid #eee; border-bottom:1px solid #ebebeb; background-color:#fafafa; } .datatable td{ color:#666; padding:13px 16px; border:1px solid #eee; font-size:11px; background:red; border-bottom:1px solid #ebebeb; text-align:center; } .sel2{ background:#fffbda;; } .sel2:hover{ background:#fff7b4;; } .datatable .Price{ color:#f00; font-weight:bold; } .datatable .borderlight{ border-right:1px solid #ebebeb; } .datatable .memberprice{ background:#fff url(/image/tablelogo.gif) no-repeat left; } .datatable .sel:hover{ background-color:#fff7f4; } .pension_item_price > div{ display:inline-block; font-size:12px; } .pension_item_info_tab_list{ display:inline-block; } .pension_item_info_tab_item{ float:left; cursor:pointer; } .pension_item_content{ display:none; text-align:center} .pension_info_image_wrap{ float:left; width:250px; height:171px; padding:10px; } .pension_info_description_wrap{ float:left; width:418px; height:171px; padding:10px; } .pension_info_name{ padding-top:20px; font-weight:bold; font-size:16px; line-height:40px; border-bottom:2px solid #000; } .pension_info_description_sub_wrap{ margin-top:10px; border:1px solid #7a7a7a; height:79px; } .pension_info_address{ text-align:left; padding-left:10px; font-size:14px; line-height:26px; padding-bottom:3px; } .pension_info_tel{ text-align:left; padding-left:10px; font-size:14px; line-height:24px; } .table_bg{ background-color:#999; } .table_bg .text1{ padding:2px 0 10px 17px; line-height:22px; text-align:left; } .table_bg .text2{ font-weight:bold; color:#fff; } .table_bg .text3{ color:#00fcff; } /* 로그인 */ .loginform_wrap{ margin:40px auto 60px auto; padding:38px 38px 0px; width:500px; border:1px solid #eaeaea; } .loginform_image_wrap{ } .loginform{ color:red; width:100%; border-spacing:0; border-collapse:collapse; padding-top:40px; padding-bottom:30px; } .loginform_title{ font-size:12px; line-height:37px; color:#999; font-weight:normal; padding:0; width:55px; } .loginform_content{ padding:0; margin:0; text-align:center; } .loginform_container{ padding:0 0 20px; } .loginform_label{ display:block; line-height:40px; } .loginform_input{ border:1px solid #d4d4d4; margin:0; padding:0; height:40px; width:100%; color:#000; font-size:14px; } .loginform_autologin_wrap{ padding:20px 0; } .loginform_autologin_wrap > label{ display:inline-block; vertical-align:top; font-size:14px; line-height:2; } .loginform_submit_btn{ display:block; padding:12px !important; text-align:center; width:100%; height:50px; background:#c3322f; border:0; color:#fff; padding:0; margin:5px auto; font-size:17px; } .find_id_tab_header{ display:flex; flex-wrap:wrap} .find_id_tab_label{ position:relative; display:block; width:50%; height:40px; font-size:14px; line-height:38px; border:1px solid var(--all-btn-color, #e40404); text-align:center} .find_id_tab_label:hover{ background:var(--all-btn-color-hover, #e40404); color:#fff; cursor:pointer} .find_id_tab_label.on{ background:var(--all-btn-color, #e40404); color:#fff} .find_id_tab_label input[type=radio]{ opacity:0; position:absolute; top:50%; left:50%; margin-left:-7px; margin-top:-7px} .login_find_wrap{ display:flex; flex-wrap:wrap; text-align:center; line-height:24px; padding:20px 0} .login_find_link{ font-size:14px; flex:1 1 auto; padding:7px 20px; line-height:30px; color:#5d5d5d; background-color:#f6f7f9; border-right:1px solid #eee; } .login_find_link:hover{ background:var(--all-btn-color, #e40404); color:#fff} .find_input{ width:50px; margin:0; border:1px solid #d4d4d4; height:24px; } .find_submit_wrap{ text-align:center; padding:20px; } .find_submit_btn{ padding:5px 20px; line-height:30px; color:#fff; background-color:var(--all-btn-color, #e40404); border:none; cursor:pointer; } .find_notice_text{ font-size:14px; line-height:30px; } .find_notice_empty_text{ text-align:center; border:1px solid #ddd; font-size:16px; line-height:3} .find_input2{ width:200px; } .find_form_table{ margin-top:30px} .find_form_table td{ padding:5px 0} .find_id_wrap{ display:none} .find_id_wrap.on{ display:block; } .find_id_tab_header{ padding-top:30px} .find_id_tab_content{ margin-top:10px} #find_id_hp_text{ color:#f00; font-size:14px; line-height:1.5} #find_id_email_text{ color:#f00; font-size:14px; line-height:1.5} /* 제주 카테고리 상품 */ .jeju_content{ display:none; } .jeju_navigation_wrap{ padding-top:14px; margin-bottom:30px; background:url(/resource/img/jeju_navi/jeju_navi_back.png) no-repeat top left; } .jeju_navigation_list{ border:1px solid #ccc; padding:8px 0 8px 90px; } .jeju_navigation_item{ float:left; margin-right:10px; } /* 제주렌터카 */ .rentcar_wrap{ padding-top:30px; padding-bottom:10px; } .rentcar_sub_wrap{ margin:0 5px; } .rentcar_data_wrap{ margin-top:30px; } .rentcar_aj_wrap{ padding-top:20px; padding-bottom:60px; } .ajrentcar_iframe{ width:100%; border:none; height:650px; margin-bottom:60px; } /* 제주렌터카 상품 */ .rentcar_sub_wrap{ text-align:center; } .rentcar_bordered{ width:836px; text-align:center; font-size:12px; line-height:20px; color:#555; margin:0 auto; border-spacing:0; border-collapse:collapse; border:1px solid #ccc; } .rentcar_bordered th, .rentcar_bordered td{ border:1px solid #ccc; } .rentcar_main_data{ background-color:#e4effb; padding:5px; } /*#dce9f9*/ .rentcar_notice{ color:#f00; font-weight:bold; } .rentcar_price_table th, .rentcar_price_table td{ padding:5px; } .weekdays{ color:#f00; font-weight:bold; } .weekend{ color:#087a94; font-weight:bold; } .holiday{ color:#326f07; font-weight:bold; } /* 레저 */ .leisure_navi_list{ border:1px solid #e6e6e6; } .leisure_navi_item{ float:left; padding:10px} .leisure_main_wrap{ padding-top:40px; padding-bottom:30px; } .leisure_sub_wrap{ border-top:1px solid #ccc; padding-top:20px; text-align:center; } /* 레저 상품 */ .leisure_item_table{ margin:0 auto; width:800px; border-spacing:0; border-collapse:collapse; } .leisure_item_table th{ font-size:12px; line-height:20px; border:2px solid #ccc; background-color:#3cf; padding:5px; color:#fff; } .leisure_item_table td{ font-size:12px; line-height:20px; border:2px solid #ccc; padding:5px 0; } .leisure_item_table_price{ color:#f00; font-weight:bold; } .leisure_item_table_location{ background-color:yellow; } .leisure_order_btn_wrap{ padding-bottom:30px; } /* 제주 골프 */ .golf_item{ width:550px; padding:28px; float:left; } .golf_item_wrap{ border:2px solid #e6e6e6; background-color:#f8f8f8; } .golf_item_wrap:hover{ border:2px solid #23abf1; } .golf_item_image_wrap{ padding:15px 0; } .golf_item_info_wrap{ padding-bottom:28px; position:relative; } .golf_item_name{ padding-left:11px; font-size:17px; line-height:28px; color:#333; font-weight:bold; text-align:left; } .golf_item_address{ padding-left:11px; font-size:12px; line-height:22px; text-align:left; } .golf_item_view_icon{ position:absolute; right:15px; top:5px; } /* 제주 골프 상세 */ .golf_info_sub_wrap{ border:5px solid #d4d4d4; } .golf_info_image_wrap{ float:left; width:905px; margin-right:20px; height:171px; padding:10px; } .golf_info_image{ float:left; margin-right:20px; } .golf_info_info_wrap{ float:left; width:635px; } .golf_order_btn_wrap{ float:left; width:145px; margin-top:18px; margin-right:20px; } .golf_info_name{ padding-top:20px; font-weight:bold; font-size:16px; line-height:40px; border-bottom:2px solid #000; } .golf_info_info_sub_wrap{ margin-top:10px; border:1px solid #7a7a7a; height:79px; } .golf_info_address{ text-align:left; padding-left:10px; font-size:14px; line-height:26px; padding-bottom:3px; } .golf_info_tel{ text-align:left; padding-left:10px; font-size:14px; line-height:24px; } /* 회원가입 */ .register_wrap{ border:1px solid #d4d4d4; padding:40px 20px 0 20px; margin-top:30px; margin-bottom:30px; } .register_sub_wrap{ padding-bottom:40px; } .register_sub_agree_wrap{ margin-top:30px; background:#f9f9f9; border:1px solid #d4d4d4; padding:20px} .register_sub_title{ font-size:20px; line-height:28px; text-indent:2px; } .register_provision_wrap{ padding:20px; height:300px; overflow-y:auto; border:2px solid #ececec; margin-top:10px; font-size:14px; line-height:20px; letter-spacing:-0.5px; } .register_provision_table{ width:100%; border-spacing:0; border-collapse:collapse; } .register_provision_table th, .register_provision_table td{ font-size:14px; line-height:20px; border:1px solid #d4d4d4; padding:10px; } .register_provision_notice{ font-size:14px; line-height:20px; font-weight:bold; padding:10px 0; } .register_submit_wrap{ text-align:center; padding-top:20px; } .register_submit_btn{ cursor:pointer; border:1px solid #ff0000; background-color:#ff0000; color:#fff; width:120px; height:40px; font-size:13px; font-weight:bold; padding:0; margin:0; } .register_form_wrap{ padding-top:30px; } .register_withdraw_form_wrap{ padding-top:0} .register_form_table{ width:100%; border-spacing:0; border-collapse:collapse; } .register_form_table th{ font-size:13px; line-height:24px; border:1px solid #d4d4d4; padding:8px; } .register_form_table td{ font-size:14px; line-height:24px; border:1px solid #d4d4d4; padding:8px; } .register_form_explain{ font-size:12px; line-height:30px; } .register_form_input{ height:40px; margin:0; padding:0; vertical-align:top; text-indent:5px} .register_form_input_card_num{ width:80px; text-align:center; text-indent:0 !important} .register_form_input_tel{ width:80px; text-align:center; text-indent:0 !important; } .register_form_input_zip{ width:80px; text-align:center; text-indent:0 !important; } .register_form_btn{ cursor:pointer; height:40px; background-color:#ff0000; color:#fff; border:1px solid #ff0000; line-height:22px; font-size:12px; padding:0 5px; vertical-align:top; } .check_text1{ color:#f00; font-size:14px; } .check_text2{ color:#00f; font-size:14px; } .register_require_image{ margin-top:7px; margin-bottom:8px; } /* 주문폼 */ .order_item_table{ width:100%; border-spacing:0; border-collapse:collapse; } .order_item_table th{ padding:5px; border:1px solid #dedede; font-size:14px; line-height:24px; } .order_item_table td{ padding:5px; border:1px solid #dedede; font-size:14px; line-height:24px; } .order_item_name{ color:#008; } .order_notice{ color:#f00; } .order_require_image{ margin-top:7px; margin-bottom:8px; } .order_input{ height:40px; margin:0; padding:0; vertical-align:top; } .order_input_tel{ width:80px} .order_input_zip{ width:80px} .order_submit_wrap{ text-align:center; padding-top:20px; } .order_submit_btn{ cursor:pointer; border:1px solid #ffbc00; background-color:#ffa500; color:#fff; width:120px; height:40px; font-size:16px; font-weight:bold; padding:0; margin:0; } .order_confirm_btn{ border:1px solid #ffbc00; display:inline-block; background-color:#ffa500; color:#fff; width:120px; height:40px; font-size:16px; font-weight:bold; line-height:38px; padding:0; margin:0; } .order_item_table_title{ font-weight:bold; font-size:16px; } .order_item_table_title.blue{ color:#06e} .order_select{ height:24px; } .order_form_btn{ cursor:pointer; height:40px; background-color:#ffa500; color:#fff; border:1px solid #ffbc00; line-height:22px; font-size:12px; padding:0 5px; vertical-align:top; } .order_title{ font-size:24px; line-height:40px; padding-bottom:20px; } .sale_point_wrap{ display:none; } .sale_coupon_point_wrap{ display:none; } .is_use_point_notice{ display:inline-block; margin-left:10px; color:#06e; font-weight:bold; } .order_info_item{ line-height:40px; margin-right:10px} .order_info_item > input[type=radio]{ margin:0 3px 0 0} #morder_show_price{ color:#f00} /* 쇼핑몰 주문폼 리뉴얼 */ .shop_order_wrap{ display:flex; flex-wrap:wrap; border-top:2px solid #000; } .shop_order_info_wrap{ flex:0 0 auto; width:873px; border-right:1px solid #ccc; padding-right:8px} .shop_order_pay_wrap{ flex:0 0 auto; width:327px; padding:0 12px} .shop_order_pay_wrap.fixed{ position:fixed; } .shop_order_pay_wrap_title{ font-size:20px; line-height:4; font-weight:bold; } .shop_order_pay_container{ display:flex; flex-wrap:wrap; } #shop_order_pay_content{ position:sticky; top:0} .shop_order_pay_price_title{ flex:0 0 auto; width:30%; font-size:18px; line-height:2.5; text-align:left} .shop_order_pay_price_content{ flex:0 0 auto; width:70%; font-size:18px; line-height:2.5; text-align:right; font-weight:bold} .shop_order_pay_price_sale{ color:#f00} .shop_order_pay_price_total{ color:#f00} #shop_order_pay_price_total{ font-size:30px; } .shop_order_pay_container_total{ vertical-align:text-bottom} .shop_order_pay_container_total .shop_order_pay_price_title{ display:flex; align-items:center} .shop_order_pay_method_wrap{ padding:20px; background:#fafafa; border:1px solid #ebebeb; } .shop_order_info_title{ font-size:20px; line-height:4; font-weight:bold; border-bottom:2px solid #000} #buyer_info_title{ position:relative; cursor:pointer} #buyer_info_title:hover{ background:#f2f5f9} #buyer_info_title:after{ display:block; content:'>'; position:absolute; top:33px; right:33px; font-size:16px; line-height:1; transform:rotate(90deg)} #buyer_info_title.active:after{ display:block; content:'>'; position:absolute; top:33px; right:33px; font-size:16px; line-height:1; transform:rotate(-90deg)} #buyer_info_wrap{ display:none} #buyer_info_wrap.active{ display:block} .shop_order_pay_submit_wrap{ margin-top:60px; padding:30px 0; border-top:1px dashed #ccc; } .shop_order_pay_submit_btn{ display:block; width:100%; font-size:20px; line-height:2.5; color:#fff; border:none; } .shop_order_pay_sale_header{ padding:20px} .shop_order_pay_sale_container{ display:flex; flex-wrap:wrap; align-items:center; padding:20px; background:#fafafa; font-size:20px; line-height:1} .shop_order_pay_sale_title{ margin-right:20px} .shop_order_input{ height:40px} .shop_order_info_input_wrap{ display:flex; margin-top:15px} .shop_order_info_input_container{ position:relative; flex:0 0 auto; } .shop_order_info_input_container.required:after{ content:'*'; display:block; position:absolute; top:0; right:5px; color:#f00} .zip_search_btn{ display:inline-block; font-size:16px; line-height:2; padding:4px 20px; border:none; margin-right:10px} .zip_tel_input{ width:100px; text-align:center; text-indent:0; } .shop_order_mr10{ margin-right:10px} .shop_order_recipient_info_header{ padding:20px 0} .recipient_info_btn{ display:inline-block; margin:0 10px 0 0; height:40px; padding:2px 20px; font-size:16px; line-height:2; background:#fff; border:1px solid #ccc} .recipient_info_btn.main_btn{ background-color:var(--all-btn-color-hover, #e40404); border-color:var(--all-btn-color-hover, #e40404); } .shop_order_btn{ display:inline-block; height:40px; padding:4px 20px; font-size:16px; line-height:2; border:none; background:#ff3300; color:#fff; cursor:pointer} .shop_order_btn:disabled{ background:#ddd} #sel_coupon_btn{ margin-right:15px} .shop_order_pay_point_wrap{ margin-left:15px; font-size:16px; line-height:1; } .shop_order_pay_point_wrap > p{ padding:2px 0} .shop_order_pay_method_sub_title{ padding:10px 0; background:#fafafa} .shop_order_pay_method_sub_content{ padding:10px 0} .pay_method_sub_wrap{ display:none} .pay_method_sub_wrap.active{ display:block} .shop_order_product_wrap{ display:flex; flex-wrap:wrap; border-bottom:1px solid #ccc} .shop_order_product_image_wrap{ flex:0 0 auto; width:150px; padding:10px} .shop_order_product_info_wrap{ flex:1 1 auto; width:404px; padding:10px} .shop_order_product_qty_wrap{ flex:0 0 auto; width:60px; border-left:1px solid #ccc; padding:10px; display:flex; justify-content:center; align-items:center} .shop_order_product_sum_wrap{ flex:0 0 auto; width:150px; border-left:1px solid #ccc; padding:10px; display:flex; justify-content:center; align-items:center} .shop_order_product_delivery_wrap{ flex:0 0 auto; width:100px; border-left:1px solid #ccc; padding:10px; display:flex; justify-content:center; align-items:center} .shop_order_product_name{ color:#f54f16} .shop_order_product_option_wrap{ padding:10px 0} .shop_order_product_option_list_item{ padding:5px; background:#f2f5f9; border:1px solid #e9e9e9; font-size:14px} .shop_order_product_option_list_item > div{ margin-bottom:5px} #shop_order_pay_sale_title_coupon{ flex:0 0 auto; width:200px} #coupon{ flex:1 1 auto; width:604px} #member_address_wrap{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; overflow-y:hidden; background:rgba(0, 0, 0, 0.8); } #member_address_wrap.active{ display:block} #member_address_container{ position:relative; top:50%; left:50%; margin-left:-500px; margin-top:-300px; width:1000px; height:600px; overflow-y:auto; background:#fff} .member_address_table{ table-layout:fixed; width:100%; border-collapse:collapse} .member_address_table thead th{ padding:10px 0} .member_address_table th, .member_address_table td{ border-bottom:1px solid #ddd; padding:10px 5px; } .change_member_main_address_btn{ display:inline-block; height:35px; padding:0 10px; border:none; cursor:pointer} .select_member_address{ display:inline-block; height:35px; padding:0 10px; border:none; cursor:pointer} .delete_member_address{ margin-left:10px; display:inline-block; height:35px; padding:0 10px; border:none; cursor:pointer} /* 마이페이지(카트, 주문조회, 예약조회, 장바구니 등 */ #mypage_wrap{ display:flex; flex-wrap:wrap; padding-bottom:100px} .mypage_navi_div{ flex:0 0 auto; width:170px} .mypage_div{ flex:1 1 auto; width:calc(100% - 170px); padding:20px 0 20px 20px} .mypage_terms_wrap{ font-size:14px; line-height:1.5; } .mypage_navi_wrap{ } .mypage_navi_wrap .mypage_title{ background:red; color:#fff; font-weight:600; text-align:center; padding:35px 0 !important; font-size:23px; } .menu_sub img{ width:20px; height:20px; margin-left:10px; position:relative; left:-4px; top:0px; } .mypage_menu li.menu_sub{ padding:12px 5px 14px 12px; font-size:13px; border-bottom:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; font-weight:600; } .container{ width:1300px; margin:0 auto; } .mypage_menu{ display:inline-block; } .mypage_menu li a:hover{ color:red; } .cart_table{ width:100%; border-collapse:collapse; border-top:3px solid #c2c2c2; border-bottom:2px solid #c2c2c2; border-spacing:0; } .cart_table th{ font-size:14px; line-height:2.5; padding:10px 0; border-bottom:1px solid #c2c2c2; vertical-align:middle} .cart_table td{ font-size:14px; line-height:24px; text-align:center; padding:22px 10px; border-bottom:1px solid #c2c2c2; } .cart_item_image_wrap{ border:1px solid #c2c2c2; } .cart_item_name_wrap{ text-align:left; padding-left:20px; } .cart_item_price{ color:#06e; font-weight:bold; } .cart_btn_wrap{ text-align:center; padding-top:30px; padding-bottom:40px; } .cart_btn{ margin-right:15px; } .cart_btn_style{ display:inline-block; font-size:14px; padding:10px 20px; border:none; background:#06e; color:#fff; cursor:pointer} .order_result_data{ width:100%; border-collapse:collapse; border-spacing:0; border-top:3px solid #495164; border-bottom:2px solid #495164; position:relative; } .order_result_data th{ line-height:48px; border-bottom:1px solid #c2c2c2; padding:0; font-size:13px; font-weight:500; } .order_result_data td{ padding:0; font-size:14px; line-height:48px; text-align:center; border-bottom:1px solid #c2c2c2; } .order_result_data .order_result_content{ text-align:left; padding:20px; line-height:24px; } .order_result_view_list_link{ display:block; width:100px; height:40px; color:#fff; line-height:38px; margin:20px auto 0 auto; border:1px solid #ffbc00; background-color:#ffa500; text-align:center; } .mypage_search_wrap{ padding-bottom:20px} .mypage_search_wrap_morder{ padding-top:20px} .mypage_day_list{ float:left; } .mypage_day_list_item{ cursor:pointer; float:left; font-size:12px; line-height:30px; margin-right:5px; border:1px solid #d7d7d7; width:50px; height:30px; text-align:center; } .mypage_search_form{ float:left; } .mypage_search_date_input{ width:90px; border:1px solid #d7d7d7; height:30px; padding:0; vertical-align:top; } .mypage_search_date_img{ margin-top:6px; } .mypage_search_btn{ margin-left:10px; vertical-align:top; height:30px; font-size:12px; padding:0 10px; background-color:#495164; color:#fff; border:none; cursor:pointer; } .mypage_init_btn{ display:inline-block; height:30px; vertical-align:top; line-height:30px; font-size:12px; padding:0 10px; background-color:#495164; color:#fff; border:none; cursor:pointer; } .mypage_old_order_link{ color:#06e; font-weight:bold; display:block; float:right; font-size:14px; line-height:22px; } .mypage_search_date_middle{ display:inline-block; vertical-align:top; line-height:30px; margin:0 5px; } .mypage_order_cancel{ color:#f00; cursor:pointer; } .mypage_morder_cancel{ color:#f00; cursor:pointer; text-align:center; } .mypage_order_refund_cancel{ color:#f00; cursor:pointer; } .mypage_morder_refund_cancel{ color:#f00; cursor:pointer; text-align:center; } .mypage_cancel_notice{ color:#f00; line-height:30px; } .mypage_order_view_link{ color:#06e; font-weight:bold; } .mypage_cart_notice{ color:#f00; font-weight:bold; } .mypage_cart_delete{ color:#f00; cursor:pointer; } .refund_bank_account_wrap{ position:relative; display:none; text-align:center; } .refund_bank_account_sub_wrap{ color:#000; position:absolute; top:0; right:0; width:300px; background-color:#eee; border:1px solid #d7d7d7; line-height:25px; padding-top:15px; padding-bottom:15px; } .refund_bank_account_input{ width:250px; padding:0; height:27px; } .refund_bank_account_example{ font-weight:bold; font-size:14px; } .refund_bank_account_submit_btn{ color:#f00; cursor:pointer; } .morder_refund_bank_account_wrap{ position:relative; display:none; text-align:center; } .morder_refund_bank_account_sub_wrap{ color:#000; position:absolute; top:0; right:0; width:300px; background-color:#eee; border:1px solid #d7d7d7; line-height:25px; padding-top:15px; padding-bottom:15px; } .morder_refund_bank_account_input{ width:250px; padding:0; height:27px; } .morder_refund_bank_account_submit_btn{ color:#f00; cursor:pointer; } .hotellist_wrap{ padding-top:30px; } .mypage_morder_state_list{ display:flex} .mypage_morder_state_item{ width:20%; text-align:center; line-height:42px; } .mypage_morder_state_item_link{ display:block; border-bottom:2px solid #3d82f7; cursor:pointer; border-top:1px solid #d7d7d7; height:44px; } .mypage_morder_state_item_link1{ border-left:1px solid #d7d7d7; font-size:13px; } .mypage_morder_state_item_link2{ border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; font-size:13px; } .mypage_morder_state_item_link_on{ border-left:2px solid #3d82f7; border-top:2px solid #3d82f7; border-right:2px solid #3d82f7; border-bottom:none; } .mypage_morder_main_list_item_title{ background-color:#f9f9f9; border:1px solid #e7e7e7; } .mypage_morder_main_list_item_title_sub1{ float:left; font-size:14px; line-height:50px; margin-left:30px; } .mypage_morder_main_list_item_title_sub2{ float:right; display:block; font-size:14px; line-height:50px; color:#3d82f7; width:150px; text-align:center; } .mypage_morder_main_list_item_items{ border:1px solid #e7e7e7; padding:20px; } .mypage_morder_main_list_item_data{ width:100%; border-collapse:collapse; border-spacing:0; padding:0; margin:0; } .mypage_morder_main_list_item_data td{ padding:10px; border:1px solid #e7e7e7; } .mypage_morder_main_list_item_data_sub{ border-spacing:0; border-collapse:collapse; width:100%; } .mypage_morder_main_list_item_data_sub th{ font-size:14px; line-height:20px; padding:5px; } .mypage_morder_main_list_item_data_sub td{ font-size:14px; line-height:20px; border:none; padding:5px; } .mypage_morder_main_list_item_title_sub1_bar{ color:#ced4de; font-size:14px; line-height:20px; margin:0 5px; } .mypage_morder_main_list_item_title_sub1_text1{ font-size:18px; line-height:20px; font-weight:bold; } .mypage_morder_sub_title{ font-size:16px; line-height:24px; padding:5px 0 5px 10px; font-weight:normal; border:1px solid #e7e7e7; background-color:#c2c2c2; color:#fff; } .morder_state_change_wrap{ padding:20px 0; } .morder_state_change_submit_wrap{ text-align:center; } .morder_state_change_submit{ cursor:pointer; width:100px; height:40px; color:#fff; line-height:38px; margin:0 auto; border:1px solid #ffbc00; background-color:#ffa500; } .mypage_morder_refund_bank_account_input{ width:90%; } .morder_result_state{ float:left; font-size:16px; font-weight:bold; line-height:20px; color:#c2c2c2; margin-right:5px; } .morder_result_state_notice{ color:#f00; } .morder_delivery_state{ display:block; width:100px; margin:5px auto; font-size:16px; line-height:28px; border:1px solid #06e; text-align:center; color:#06e; } .morder_delivery_state_inquiry{ display:inline-block; font-size:12px; line-height:18px; border:1px solid #06e; color:#06e; text-align:center; margin:0 10px; padding:0 10px} .morder_delivery_state_inquiry:hover{ background-color:#06e; color:#fff; } .morder_delivery_state:hover{ background-color:#06e; color:#fff; } .morder_delivery_state_point{ width:100px; font-size:12px; line-height:24px; border:1px solid #06e; color:#06e; text-align:center; margin:0 auto; } .mypage_morder_not_list{ font-size:16px; text-align:center; line-height:40px; padding:20px 0; margin-bottom:40px; border-top:2px solid #3d82f7; border-bottom:2px solid #3d82f7; } .mypage_point_coupon_title{ font-size:16px; line-height:30px; margin-top:20px; } .mypage_point_coupon_title.first{ margin-top:0} .mypage_point_coupon_data{ width:100%; line-height:3; border-collapse:collapse; border-spacing:0; border-top:3px solid #c2c2c2; border-bottom:2px solid #c2c2c2; } .mypage_point_coupon_data th{ padding:5px 10px; border-bottom:1px solid #c2c2c2; font-size:13px; } .mypage_point_coupon_data td{ padding:5px 10px; border-bottom:1px solid #c2c2c2; } .coupon_use1{ background-color:#fbffdb; } .coupon_use2{ background-color:#ffebff; } .coupon_use3{ background-color:#dbf5ff; } .mypage_point_view_btn{ border:1px solid #ff0000; background-color:#ff0000; color:#fff; padding:12px 20px; cursor:pointer; } .member_point_view_data{ width:100%; border-collapse:collapse; border-spacing:0; border:1px solid #dcdcdc; } .member_point_view_data th, .member_point_view_data td{ font-size:14px; line-height:25px; padding:10px; font-weight:400; border:1px solid #dcdcdc; } .member_point_view_data_bg{ background-color:#353535; color:#fff; } /* 인기 검색어 */ .popular_search_template_wrap{ position:relative; width:200px; height:31px; border-bottom:1px solid #dcdcdc; overflow:hidden; } .popular_search_template_wrap_on{ height:332px; border-bottom:none; } .popular_search_word_wrap{ list-style:none; margin:0; padding:0; background-color:#fff; position:absolute; width:100%; height:332px; z-index:2; } .popular_search_word_wrap_on{ border:1px solid #000; } .popular_search_word_item{ padding:0 10px; color:#000; } .popular_search_word_item_on{ color:#06e; background-color:#eee; } .popular_search_word_title_item{ padding:0 10px; color:#000; background-color:#fff; } .popular_search_num{ font-size:12px; line-height:30px; color:#999; display:block; float:left; width:20px; } .popular_search_word{ font-size:13px; line-height:30px; color:inherit; display:block; float:left; width:138px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .popular_search_icon{ display:block; float:left; width:20px; } .popular_search_word_title{ line-height:30px; font-size:14px; font-weight:bold; color:#000; height:30px; border-bottom:1px solid #bbb; display:none; } .popular_search_icon_wrap{ display:block; float:left; width:20px; height:30px; text-align:center; padding-top:10px; } /* 검색 */ .search_category_title_wrap{ height:38px; cursor:pointer; } .search_category_title_item{ font-size:14px; line-height:38px; float:left; width:90px; padding-left:10px; } .search_category_icon_wrap{ float:left; width:38px; height:38px; padding-top:13px; padding-left:13px; } .search_category_list{ background-color:#fff; z-index:1; position:relative; border:1px solid #dcdcdc; width:130px; padding:10px 10px; display:none; } .search_category_list_item{ font-size:14px; line-height:30px; padding-left:10px; } .search_category_list_item:hover{ color:#06e; cursor:pointer; text-decoration:underline; } .search_category_icon_wrap ul{ width:200px; position:relative; left:457px; top:-24px; } .search_category_icon_wrap ul li{ float:left; margin:5px; line-height:23px; font-weight:500; } /* 검색 페이지 */ .search_title_wrap{ display:flex; justify-content:flex-end; padding-bottom:30px} .search_sub_title{ margin-bottom:10px; } .search_list_list{ display:flex; flex-wrap:wrap} .search_list_item{ flex:0 0 auto; width:291px; margin-right:12px; margin-bottom:12px; border:1px solid #e6e6e6; } .search_list_item:nth-child(4n){ margin-right:0} .search_list_item_last{ margin-right:0; } .search_list_item_hover{ border:1px solid #00f; } .search_list_item_image{ padding:2px; position:relative; display:table-cell; vertical-align:middle; } .search_list_item_image img{ max-width:100%; width:100%} .search_list_item_image_icon{ position:absolute; top:2px; left:2px; } .search_list_item_name{ color:#000; font-size:16px; line-height:24px; padding:5px 2px 0 2px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .search_no_result{ text-align:center; padding:20px; font-weight:bold; font-size:20px; line-height:24px; margin-bottom:40px; border:1px solid #dcdcdc; } .search_list_item_description{ padding:0 4px; height:30px; line-height:30px; color:#b0b5b2; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .search_list_item_tour_sub_wrap1{ } .search_list_item_tour_sub_wrap2{ } .search_list_item_tour_view_link{ display:block; width:100%; border:1px solid #00a651; color:#00a651; line-height:40px; font-size:14px; text-align:center; } .search_list_item_tour_view_link:hover{ color:#fff; background-color:#00a651; } .search_list_item_tour_text{ border-top:1px solid #e6e6e6; line-height:32px; padding-left:10px; } .search_list_item_tour_name{ padding:0 4px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:16px; line-height:24px; margin-top:9px; } .search_list_item_tour_address{ padding:0 4px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px; line-height:22px; margin-bottom:12px; } .search_list_item_mall_name{ padding:0 4px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:16px; line-height:20px; margin-top:6px; } .search_list_item_mall_wrap{ display:flex; flex-wrap:wrap; padding:10px 0; } .search_list_item_mall_sub_wrap1{ flex:0 0 auto; width:calc(100% - 86px); display:flex; flex-wrap:wrap} .search_list_item_mall_sub_wrap1 > div{ } .search_list_item_mall_price_title{ color:#f00; line-height:42px; font-size:20px; width:66px; text-align:right; } .search_list_item_mall_price{ padding-left:20px; line-height:20px; font-size:16px; text-decoration:line-through; color:#8a8a8a; } .search_list_item_mall_price_member{ padding-left:20px; line-height:26px; font-size:20px; color:#00f; } .search_list_item_mall_sub_wrap2{ flex:0 0 auto; width:86px; } .search_list_item_mall_shipping_mode{ width:80px; margin-top:4px; border:1px solid #00f; color:#00f; line-height:36px; font-size:14px; text-align:center; } .search_list_item_mall_text{ display:flex; align-items:center; border-top:1px solid #e6e6e6; line-height:22px; padding:5px 0 5px 10px; } .search_list_item_mall_text > *{ margin-right:10px} .search_list_item_mall_text_price_cheapest{ font-size:12px; line-height:22px; font-weight:bold; display:inline-block; } /*상담신청하기* 20160824*/ #centerbtn{ text-align:center; margin-bottom:20px; line-height:40px; } #centerbtn a{ padding:8px 20px; background:#333; color:#fff; font-size:14px; border-radius:5px; } #centerbtn a:hover{ background:#ff0000; } .event_plan{ float:left; left:20px; padding:2px; position:relative; } .event_sub{ float:left; left:20px; padding:3px; position:relative; } .event_sub1{ float:left; left:40px; padding:6px; position:relative; } /*버튼* 20160824*/ #sub_top .snb li{ float:left; height:48px; line-height:48px; text-align:center; border:1px solid #eee; box-sizing:border-box; font-size:15px; font-weight:600; } #sub_top .snb li:first-child{ border-left:1px solid #ddd; } #sub_top .snb li a{ color:#252525; display:block; } #sub_top .snb .on, #sub_top .snb li:hover{ background:#144e8c; border:1px solid #144e8c; border-left:1px solid #ddd; } #sub_top .snb .on a, #sub_top .snb li:hover a{ color:#fff; } #sub_top .snb .on01, #sub_top .snb .on02{ width:50%; } #sub_top .snb02 li{ width:25%; } #sub_top .snb04 li{ width:12.5%; } #sub{ max-width:1300px; line-height:24px; font-size:14px; } @media screen and (max-width:1050px){ #sub{ padding:0 10px; } } .medical_product{ float:left; padding:2px; width:32%; } #sub_top .snb li{ /* clear:both; */ margin:0; padding:0; list-style:none; } .event_plan{ float:left; left:20px; padding:2px; position:relative; } .event_sub{ float:left; left:20px; padding:3px; position:relative; } .event_sub1{ float:left; left:40px; padding:6px; position:relative; } .medical_product{ float:left; padding:2px; width:32%; } .main_banner{ height:286px; } .main_banner li{ float:left; margin:5px; padding-bottom:53px; } .life_banner img{ width:260px; } .life_banner{ height:100px; margin:auto; width:1350px; } .life_banner li{ float:left; margin:2px; border:5px solid #ffd75d; border-radius:50%; } .products_detail{ text-align:center; font-size:25px; color:#666; font-weight:500; padding-bottom:10px; } .products_title{ text-align:center; font-size:54px; color:#2196F3; font-weight:900; padding-bottom:5px; } /*동그라미형*/ .life_banner .life_1{ background:url(/img/medical500.png); width:260px; height:260px; } .life_banner .life_2{ background:url(/img/kakao500.png); width:260px; height:260px; } .life_banner .life_3{ background:url(/img/photo500.png); width:260px; height:260px; } .life_banner .life_4{ background:url(/img/esa500.png); width:260px; height:260px; } .life_banner .life_4{ background:url(/img/esa500.png); width:260px; height:260px; } .life_banner .life_5{ background:url(/img/f500.png); width:260px; height:260px; } /*오버형*/ .life_banner .life_1:hover{ background:url(/img/medical500_over.png); width:260px; height:260px; } .life_banner .life_2:hover{ background:url(/img/kakao500_over.png); width:260px; height:260px; } .life_banner .life_3:hover{ background:url(/img/photo500_over.png); width:260px; height:260px; } .life_banner .life_4:hover{ background:url(/img/esa500_over.png); width:260px; height:260px; } .life_banner .life_5:hover{ background:url(/img/f500_over.png); width:260px; height:260px; } .all_cate{ width:1300px; margin:0 auto; border:14px solid #d8d8d8; position:absolute; top:48px; left:0; background:#fff; z-index:10000; display:none; } .all_cate.on{ display:block; } .all_cate a{ color:#444; } .all_cate > ul{ overflow:hidden; border-bottom:1px solid #eee; display:flex; flex-wrap:wrap; } .all_cate > ul > li{ flex:0 0 auto; padding:15px; width:20%; line-height:1.4; /* height: 320px; */ border-right:1px solid #eee; border-bottom:1px solid #eee; } .all_cate > ul > li > a{ font-weight:bold; margin-bottom:8px; display:block; padding:0 !important; line-height:24px !important; } .all_cate > ul > li:last-child{ border-right:0; } .all_cate > ul:last-child > li:last-child{ border-right:1px solid #eee; } .all_cate ul li ul li a{ font-size:15px !important; color:#555 !important; line-height:30px !important; padding:0 !important; } .the_banner{ width:1205px; margin:auto; height:160px} .the_banner ul li{ float:left; border-left:1px solid #353535; border-bottom:1px solid #353535; border-top:1px solid #353535; } .the_banner ul .the_last{ border-right:1px solid #353535; } #main-swiper.swiper-container{ height:640px; min-width:1300px; max-width:100%; width:100%; position:absolute; overflow:hidden; left:0; } #main-swiper .swiper-slide{ overflow:hidden; } #main-swiper .slide-inner{ position:absolute; width:100%; height:100%; left:0; top:0; background-size:cover; background-position:center; } #main-swiper .custom-pagination{ position:relative; bottom:0; overflow:hidden; display:flex; z-index:1; width:293px; margin:0 auto; top:-2px; opacity:95%; height:13px; padding:0px 0px 0px 0px; } #main-swiper .custom-pagination > li{ flex:1; padding:0px 7px 0px 7px; } #main-swiper .custom-pagination > li > a{ display:block; /* padding: 6px; */ color:#d7d7d7; text-align:center; line-height:14px; background-color:rgb(245 245 245); } #main-swiper .custom-pagination > li.current > a{ background-color:#c3322f; opacity:1; color:#c3322f; font-weight:900; z-index:770; position:relative; } #main-swiper .custom-pagination > li.current > a > span{ color:#c3322f; } #main-swiper .custom-pagination > li > a > span{ display:block; overflow:hidden; /* font-size: 13px; */ /* line-height: 25px; */ color:rgb(245 245 245); font-weight:500; } @media screen and (max-width:599px){ #main-swiper.swiper-container{ height:200px; } #main-swiper .custom-pagination{ height:45px; width:300px; margin-left:-154px; } #main-swiper .custom-pagination > li > a{ padding:6px; } #main-swiper .custom-pagination > li > a > span{ font-size:10px; height:28px; word-break:keep-all; } } #main-swiper .custom-pagination > li > a > b{ position:absolute; z-index:8; color:rgba(255, 255, 255, 0.27); margin-left:-72px; top:13px; } /* 메인에 아이콘 삽입 */ .banner_withus a li{ float:left; margin:14px; border:1px solid #fff; } .banner_withus{ width:950px; } .banner_withus a li:hover{ border:1px solid #0a6fb1; background:#e2f4ff; } .cart_item_title{ text-align:left; font-weight:bold} .cart_item_option_list{ text-align:left; } .cart_item_option_list > li{ background:#f2f5f9; border:1px solid #e9e9e9; padding:5px; font-size:14px; line-height:18px; } .cart_item_option_modify{ width:100%; background:#2196f3; font-size:14px; line-height:18px; padding:5px 0; color:#fff; border:none; cursor:pointer; } .main_wrap .mypage_list{ width:150px; float:left; } .main_wrap .mypage{ width:1050px; float:left; } .mall_menu_link .mall_bar{ top:22px; position:absolute; left:24px; background-image:url(https://kmclub.co.kr/img/shop_menu_bar_bk.png); width:18px; height:12px; background-size:cover; background-position:center; } .mall_menu:hover{ border:none} .mall_menu:hover .mall_menu_link .mall_bar{ background:url(https://kmclub.co.kr/img/shop_menu_bar.png); } .mall_menu:hover .mall_menu_link{ } .mall_menu:hover .mall_sub_menu{ display:block; } /* Main Product */ .pc_shop_product_design_list_item_image{ max-width:100%; } .pc_shop_product_design_01_list{ display:flex; flex-wrap:wrap; padding:10px 0 50px 0} .pc_shop_product_design_01_list_item{ flex:0 0 auto; width:calc(25% - 15px); margin-bottom:40px; margin-right:20px; box-shadow:-2px -2px 14px #e1e1e1; } .pc_shop_product_design_01_list_item:nth-child(4n){ margin-right:0} .pc_shop_product_design_01_list_item_link{ display:block; height:100%} .pc_shop_product_design_01_item_name{ width:100%; font-size:14px; font-weight:bold; line-height:1.8; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0 10px; } .pc_shop_product_design_01_price_cost{ text-align:center; font-size:13px; font-weight:bold} .pc_shop_product_design_01_price_member{ text-align:center; font-size:13px; font-weight:bold; color:red} .pc_shop_product_design_01_cheapest_wrap{ display:flex; border-top:1px dotted #eee; border-bottom:1px solid #eee; margin-top:10px; padding:3px 0; font-size:12px; line-height:2; justify-content:center; align-items:center; } .pc_shop_product_design_01_cheapest_price{ color:#db71e4; font-size:14px; font-weight:600; line-height:24px} .pc_shop_product_design_01_cheapest_text{ font-size:12px; line-height:2} .pc_shop_product_design_01_cheapest_image{ padding:0 2px 0 0; } .pc_shop_product_design_02_title{ text-align:center; font-size:28px; color:#333; letter-spacing:-1px; padding-top:50px; } .pc_shop_product_design_02_list{ display:flex; flex-wrap:wrap; padding:35px 0 50px 0; } .pc_shop_product_design_02_list_item{ flex:0 0 auto; width:25%; border-bottom:1px solid #d8d8d8; border-left:1px solid #e0e0e0; box-shadow:1px 0 0 #e0e0e0; border-top:1px solid #f4f4f4; text-align:center; } .pc_shop_product_design_03_list_item_link{ display:block; height:100%; } .pc_shop_product_design_02_item_name{ font-weight:bold; color:#111111; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:6px; } .pc_shop_product_design_02_item_description{ color:#333; padding:5px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .pc_shop_product_design_02_price_member{ font-size:20px; font-weight:bold; letter-spacing:-1px; padding:10px 0; color:#ea4265; text-align:center} .pc_shop_product_design_03_title{ color:#333; font-size:26px; text-align:center; font-weight:900; } .pc_shop_product_design_03_list{ display:flex; flex-wrap:wrap; padding:50px 0 50px 0} .pc_shop_product_design_03_list_item{ flex:0 0 auto; width:calc(25% - 15px); padding:10px 5px; } .pc_shop_product_design_03_list_item:hover{ box-shadow:0 2px 6px #b7b7b7; } .pc_shop_product_design_03_list_item:nth-child(4n+2){ margin:0 1%} .pc_shop_product_design_03_list_item:nth-child(4n+3){ margin:0 1%} .pc_shop_product_design_03_list_item_link{ display:block; height:100%; } .pc_shop_product_design_03_item_name{ text-align:center; padding:15px 0 6px 0; font-size:17px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .pc_shop_product_design_03_price_cost{ text-align:center; color:#555; text-decoration:line-through} .pc_shop_product_design_03_price_member{ text-align:center; color:#fa1a4f} .pc_shop_product_design_04_title{ color:#444; font-size:38px; text-align:center; font-weight:bold} .pc_shop_product_design_04_title > span{ display:block; font-size:14px; color:#777} .pc_shop_product_design_04_list{ display:flex; flex-wrap:wrap; padding:30px 0 50px 0} .pc_shop_product_design_04_list_item{ flex:0 0 auto; width:calc(25% - 7.5px); margin-right:10px; margin-bottom:10px} .pc_shop_product_design_04_list_item:nth-child(4n){ margin-right:0} .pc_shop_product_design_04_list_item_link{ display:block; height:100%; box-shadow:-1px 1px 7px #e3e3e3; } .pc_shop_product_design_04_item_name{ padding:5px; color:#444; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center} .pc_shop_product_design_04_item_description{ padding:5px; color:#444; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center} .pc_shop_product_design_04_price_member{ padding:10px 0; font-size:20px; font-weight:bold; color:#ff1e45; text-align:center; } .pc_shop_product_design_04_list_item .best_product{ width:0; height:0; border:25px solid transparent; border-bottom-color:#ff516f; position:absolute; margin-top:-15px; margin-left:11px; color:#fff; } .pc_shop_product_design_04_list_item .best_product:after{ content:''; position:absolute; left:-25px; top:25px; width:0; height:0; border:25px solid transparent; border-top-color:#ff3659; } .pc_internet_design_03_price{ text-align:center; border-top:1px solid #eee; padding:4px; border-bottom:1px solid #eee; } .pc_shop_product_design_04_list_item .best_product span{ position:absolute; left:-15px; top:14px; z-index:1; font-weight:900; text-align:center; width:30px; } .pc_shop_product_design_05_list{ display:flex; flex-wrap:wrap; padding:10px 0 50px 0; max-width:1200px; } .pc_shop_product_design_05_list_item{ flex:0 0 auto; width:calc(405px - 15px); margin-bottom:40px; margin-right:10px; box-shadow:2px 2px 14px #e1e1e1; overflow:hidden; transition:0.5s} .pc_shop_product_design_05_list_item:last-child{ margin-right:0px; } .pc_shop_product_design_05_list_item:hover .pc_shop_product_design_list_item_image{ transform:scale(1.02); transition:0.5s; } .pc_shop_product_design_05_list_item:hover{ box-shadow:5px 5px 14px #cdcdcd; transition:0.5s } .pc_shop_product_design_05_list_item:nth-child(4n){margin-right:10px;} .pc_shop_product_design_05_list_item_image_wrap{position:relative;overflow: hidden;transition: 400ms ease;} .pc_shop_product_design_05_list_item_image_sold_out{position:absolute;top:0;left:0;width:100%;height:100%} .pc_shop_product_design_05_list_item_image_sold_out > img{max-width:100%} .pc_shop_product_design_05_item_name{ width:100%; font-size:15px; font-weight:400; line-height:1.8; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:7px 10px; } .pc_shop_product_design_05_price_cost{ text-align:left; font-size:13px; font-weight:bold; padding:2px 12px; } .pc_shop_product_design_05_price_member_wrap{display:flex;justify-content:space-between} .pc_shop_product_design_05_price_member{ text-align:left; font-size:19px; font-weight:900; padding:0 13px; } .pc_shop_product_design_05_cheapest_wrap{ display:flex; border-top:1px dotted #eee; border-bottom:1px solid #eee; margin-top:10px; padding:5px 11px; font-size:12px; line-height:2; justify-content:left; align-items:center; } .pc_shop_product_design_05_cheapest_price{ color:#000000; font-size:13px; font-weight:400; line-height:24px; } .pc_shop_product_design_05_cheapest_text{ font-size:12px; line-height:2} .pc_shop_design_05_price{ font-size:15px; text-align:right; color:#666; font-weight:400; text-decoration:line-through; position:relative; width:285px; margin:0 auto; right:0; left:-9px; height:0; top:-24px; display:none; } .pc_shop_design_05_price_cost{ margin:0 5px; text-decoration:line-through; color:#666; font-weight:400 } .pc_shop_product_design_06_list{ display:flex; flex-wrap:wrap; padding:10px 0 50px 0} .pc_shop_product_design_06_list_item{ flex:0 0 auto; width:calc(25% - 15px); margin-bottom:40px; margin-right:20px; box-shadow:-2px -2px 14px #e1e1e1; } .pc_shop_product_design_06_list_item:nth-child(4n){ margin-right:0} .pc_shop_product_design_06_item_name{ width:100%; font-size:15px; font-weight:400; line-height:1.8; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:7px 10px; } .pc_shop_product_design_06_price_cost{ text-align:center; font-size:13px; font-weight:bold} .pc_shop_product_design_06_price_member{ text-align:left; font-size:19px; font-weight:900; padding:0 13px; } .pc_shop_product_design_06_cheapest_wrap{ display:flex; border-top:1px dotted #eee; border-bottom:1px solid #eee; margin-top:10px; padding:5px 11px; font-size:12px; line-height:2; justify-content:left; align-items:center; } .pc_shop_product_design_06_cheapest_price{ color:#000000; font-size:13px; font-weight:400; line-height:24px; } .pc_shop_product_design_06_cheapest_text{ font-size:12px; line-height:2} .pc_shop_design_06_price{ font-size:15px; text-align:right; color:#666; font-weight:400; text-decoration:line-through; position:relative; width:285px; margin:0 auto; right:0; left:-28px; display:block; height:0; top:-19px; } .pc_shop_product_design_07_list{ display:flex; flex-wrap:wrap; justify-content:center; } .pc_shop_product_design_07_list li{ flex:0 0 auto; width:24%; margin:10px 4px; box-shadow:1px 1px 20px #eee; padding:10px; border-radius:22px; } .pc_shop_product_design_07_list li .pc_shop_product_design_list_item_image{ width:100%; border-radius:14px; box-shadow:1px 1px 20px #eee; } .pc_shop_product_design_07_list .pc_shop_product_design_07_item_name{ width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:1.5; height:28px; margin:10px 0px 0px 0px; } .pc_shop_product_design_07_list .pc_shop_product_design_07_price_member{ } .pc_shop_product_design_07_list .pc_shop_product_design_07_price_member{ } .pc_shop_product_design_07_list .pc_shop_product_design_07_price_member_txt{ background:#f00; padding:1px 7px; color:#fff; border-radius:7px; font-size:15px; font-weight:500; } .pc_shop_product_design_07_price_member_price{ margin-left:4px; color:red; font-size:20px; } .pc_shop_product_design_07_list .pc_shop_design_07_price{ color:#333; font-size:15px; text-decoration:line-through; } .pc_shop_product_design_07_list .pc_shop_product_design_07_cheapest_wrap{ border-top:1px solid #eee; margin:10px 4px 2px; } .pc_shop_product_design_07_list .pc_shop_product_design_07_cheapest_image{ padding:2px 1px; } .pc_shop_product_design_07_list .pc_shop_product_design_07_cheapest_price{ font-size:14px; color:#333; } .pc_shop_product_design_new_list{ display:flex; flex-wrap:wrap; padding:10px 0 50px 0} .pc_shop_product_design_new_list_item{ flex:0 0 auto; width:calc(25% - 15px); margin-bottom:40px; margin-right:20px; box-shadow:-2px -2px 14px #e1e1e1; } .pc_shop_product_design_new_list_item:nth-child(4n){ margin-right:0} .pc_shop_product_design_new_item_name{ width:100%; font-size:15px; font-weight:400; line-height:1.8; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:7px 10px; } .pc_shop_product_design_new_price_cost{ text-align:center; font-size:13px; font-weight:bold} .pc_shop_product_design_new_price_member{ text-align:left; font-size:19px; font-weight:900; padding:0 13px; } .pc_shop_product_design_new_cheapest_wrap{ display:flex; border-top:1px dotted #eee; border-bottom:1px solid #eee; margin-top:10px; padding:5px 11px; font-size:12px; line-height:2; justify-content:left; align-items:center; } .pc_shop_product_design_new_cheapest_price{ color:#000000; font-size:13px; font-weight:400; line-height:24px; } .pc_shop_product_design_new_cheapest_text{ font-size:12px; line-height:2} .pc_shop_design_new_price{ font-size:15px; text-align:right; color:#666; font-weight:400; text-decoration:line-through; position:relative; width:285px; margin:0 auto; right:0; left:-28px; display:block; height:0; top:-23px; } .pc_shop_product_design_rolling_list{ display:flex; flex-wrap:wrap; padding:10px 0 7px 0; } .pc_shop_product_design_rolling_list_item{ flex:0 0 auto; width:calc(25% - 15px); margin-bottom:40px; margin-right:14px; box-shadow:-2px -2px 14px #e1e1e1; } .pc_shop_product_design_rolling_item_name{ width:100%; font-size:15px; font-weight:400; line-height:1.8; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:7px 10px; } .pc_shop_product_design_rolling_price_cost{ text-align:left; font-size:13px; font-weight:bold; padding:2px 12px; } .pc_shop_product_design_rolling_price_member{ text-align:left; font-size:19px; font-weight:900; padding:0 13px; } .pc_shop_product_design_rolling_cheapest_wrap{ display:flex; border-top:1px dotted #eee; border-bottom:1px solid #eee; margin-top:10px; padding:5px 11px; font-size:12px; line-height:2; justify-content:left; align-items:center; } .pc_shop_product_design_rolling_cheapest_price{ color:#000000; font-size:13px; font-weight:400; line-height:24px; } .pc_shop_product_design_rolling_cheapest_text{ font-size:12px; line-height:2} .pc_shop_product_design_rolling_cheapest_image{ margin-right:5px; } .pc_shop_design_rolling_price{ font-size:15px; text-align:right; color:#666; font-weight:400; text-decoration:line-through; position:relative; width:285px; margin:0 auto; right:0; left:-28px; display:block; height:0; top:-19px; } .pc_shop_product_design_rolling_list .slick-dotted.slick-slider{ margin-bottom:0; } #buyer_memo_wrap{ display:none; margin-top:10px} #buyer_memo_wrap.on{ display:block} #buyer_memo_select{ height:40px; width:100%; } .cart_price_wrap{ display:flex; flex-wrap:wrap; border:4px solid #c8c8c8; padding:20px; margin:40px 0 0 0; justify-content:center; align-items:center} .cart_price_wrap > .cart_price_icon{ padding:0 15px} #cart_total_item_price, #cart_total_ship_price{ font-size:18px; font-weight:bold; margin-right:5px} #cart_total_sum{ font-size:18px; font-weight:bold; color:#f00; margin-right:5px} .register_terms_wrap{ margin:40px 0; border:1px solid #ddd; padding:20px; font-size:16px; line-height:1.5} /*팝업*/ #main_layer_popup_wrap{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:10000; display:flex; justify-content:center; align-items:center} #main_layer_popup_container{ background:#fff; display:inline-block; width:1080px; } #main_layer_popup_list{ } #main_layer_popup_list:after{ content:''; display:block; clear:both} .main_layer_popup_list_item{ max-width:360px; float:left; } .main_layer_popup_list_item img{ max-width:100% !important} #main_layer_popup_close_wrap{ background:#fff; width:100%; padding:10px 20px; } #main_layer_popup_close_today_btn{ float:left; border-radius:3px; background:#123; color:#fff; font-size:12px; margin:0; border:none; padding:15px 20px; cursor:pointer} #main_layer_popup_close_btn{ float:right; border-radius:3px; background:#123; color:#fff; font-size:12px; margin:0; border:none; padding:15px 20px; cursor:pointer} #main_layer_popup_list .slick-prev:before, #main_layer_popup_list .slick-next:before{ font-size:43px} #main_layer_popup_list .slick-prev{ margin-left:-22px} /*프리미엄 여행이미지*/ .backgroundbanner{ width:1300px; overflow:hidden; padding-bottom:0.5%; background-image:url(/img/0426_banner.png); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; min-height:300px; background-position:100% 0; } .backgroundbanner p{ color:#fff; margin-top:10px; } .pension_sz ul{ display:flex; flex-wrap:wrap; padding:10px 0; } .pension_sz ul li{ flex:1; padding:10px 15px; border-left:1px solid #eee; border-top:1px solid #eee; border-bottom:1px solid #eee; } .pension_sz ul li:nth-child(1){ background:#fff; } .pension_sz ul li:nth-child(2){ background:#fff; } .pension_sz ul li:nth-child(3){ background:#fff; } .pension_sz ul li:nth-child(4){ background:#fff; border-right:1px solid #eee} .pension_sz ul li p{ line-height:65px; } .pension_sz ul li p img{ position:absolute; margin-left:-4px; margin-top:-3px; } .pension_sz ul li p span{ margin-left:111px; } .pensionlist_sz{ } .pensionlist_sz ul{ } .pensionlist_sz ul li{ float:left; } .pensionlist_sz ul li.slide_wouldmall{ width:20%; } .pensionlist_sz ul li.list_wouldmall{ width:80%; } .pension_list_sz{ } .pension_list_sz .pension_sz_img_banner li{ float:left; border:none !important; } .pension_list_sz .pension_sz_img_banner li:nth-child(1){ border:1px solid #eee; width:20%; } .pension_list_sz .pension_sz_img_banner li:nth-child(2){ border:1px solid #eee; width:80%; } .pension_sz_product_list{ display:flex; flex-wrap:wrap; } .pension_sz_product_list li{ flex:0 0 auto !important; float:none !important; text-align:center; width:calc(20%) !important; border:none !important; } .pension_sz_product_list li img{ width:100%; border-radius:12px; padding:3px; } .name_sz{ font-weight:600; padding:3px; } .address_sz{ color:#999; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .member_sz{ color:red; font-weight:600; font-size:15px; overflow:hidden; white-space:break-spaces; text-overflow:ellipsis; } .sz_tittle{ color:#444; font-size:38px; text-align:center; font-weight:bold; padding:20px; } .psagent{ display:flex; flex-wrap:wrap; } .psagent li{ flex:0 0 auto; margin:7px; } .tour_menu_sz p{ font-weight:600; border-top:1px solid #eee; padding:25px 10px; border-left:1px solid #eee; border-right:1px solid #eee; } .tour_menu_sz p.on{ background:dodgerblue; } .tour_menu_sz p.on a{ color:#fff; } .tour_menu_sz p:hover{ background:dodgerblue; } .tour_menu_sz p:hover a{ color:#fff; } .tour_menu_sz{ padding:0 10px; } .medical_list_sz{ display:flex; flex-wrap:nowrap; padding:10px 0; } /*프리미엄 전용*/ li.premium ul li{ display:none; } .premium ul{ position:absolute; width:170px; margin-left:35px; z-index:9999; } li.premium:hover ul li{ display:block; z-index:10; position:relative; border:1px solid #eee; padding:10px; font-size:14px; text-align:center; background:#fff; } /*신상품*/ .new_menu{ font-size:12px; color:#ff5722; position:relative; top:-6px; font-weight:900; left:2px; } /* search room 객실 검색 */ #search_room_list_wrap{ padding-bottom:50px} #search_room_form_add_list_btn_wrap{ } #search_room_form_add_list_btn{ display:block; line-height:3; border:none; background:#f00; color:#fff; margin:40px auto; cursor:pointer; font-size:15px; border-radius:7px; padding:0 100px; } #search_room_form{ border-top:1px solid #000} .search_room_title{ padding:10px 0; font-size:20px} .search_room_form_wrap{ display:flex; border-bottom:1px solid #ddd; padding:10px 0; background:#fafafa; font-size:14px; } .search_room_form_title{ flex:0 0 200px; padding:20px 20px 20px 18px; font-size:20px; font-weight:600; background:#f2f2f2; text-align:center; } .search_room_form_title img{ width:70px} .search_room_form_content{ flex:1 1 auto; padding:20px 20px; } .search_room_form_content > label{ display:inline-block; margin:0 10px 10px 0; } .search_room_form_submit_btn{ display:block; width:150px; height:46px; font-size:15px; border:none; background:#f00; color:#fff; margin:40px auto; cursor:pointer; border-radius:7px; } .search_room_form_content input{ margin:15px 4px 15px 0; position:relative; top:2px; } .search_room_item_tour_wrap{ padding-bottom:30px} .search_room_item_tour_container{ display:flex; background:#f4f4f4} .search_room_item_tour_image{ flex:0 0 200px; width:200px} .search_room_item_tour_content{ flex:1 1 auto; padding:70px; } .search_room_item_tour_link{ flex:0 0 200px; display:flex; justify-content:center; align-items:center; font-size:15px; color:#2196F3; background:#ffff; font-weight:600; border:1px solid; } .search_room_item_tour_link:hover{ background:#2196F3; color:#fff; } .search_room_item_tour_locale{ color:#666; font-size:14px; line-height:2} .search_room_item_tour_name{ font-size:20px; font-weight:bold} .search_room_item_room_list{ border:1px solid #ddd} .search_room_item_room_item{ display:flex; font-size:14px; border-bottom:1px solid #ddd; } li.search_room_item_room_item:hover .search_room_item_room_item_name{ background:#2196F3; color:#fff; cursor:pointer; } li.search_room_item_room_item:hover{ background:#c1e4ff; } .search_room_item_room_item_name{ flex:0 0 200px; padding:20px; font-weight:600; background:#f7f7f7; } .search_room_item_room_item_detail{ flex:1 1 auto; border-left:1px solid #ddd; padding:19px; } .search_room_form_empty{ text-align:center; } /*회원가입축하*/ .member_result h1{ text-align:center; padding:40px; } .member_result img{ max-width:100%; max-height:150px; position:relative; z-index:2; } .member_result p{ text-align:center; padding:16px; font-size:22px; position:relative; top:10px; } .member_result .member_result_loging ul{ display:flex; flex-wrap:nowrap; width:400px; margin:0 auto; } .member_result .member_result_loging ul li{ flex:1; text-align:center; margin:2px} .member_result .member_result_loging ul li:nth-child(1){ border:1px solid #39b54a; } .member_result .member_result_loging ul li:nth-child(1) a{ color:#fff; padding:8px 5px; display:block; background:#39b54a} .member_result .member_result_loging ul li:nth-child(1):hover a{ color:#ffffff; padding:8px 5px; display:block; background:#404040} .member_result .member_result_loging ul li:nth-child(2){ border:1px solid #404040; background:#ffffff} .member_result .member_result_loging ul li:nth-child(2) a{ color:#404040; padding:8px 5px; display:block; } .member_result .member_result_loging ul li:nth-child(2):hover a{ color:#fff; padding:8px 5px; display:block; background:#404040} .member_result .member_result_pc{ background:url(/img/pc_icon.png) no-repeat; width:455px; height:280px; background-size:cover; position:relative; z-index:1; margin:0 auto; display:flex; justify-content:center; align-items:center} .order_item_table_detail_row_divide{ border-top:2px solid #000} .card_sales_slip{ display:inline-block; padding:5px 10px; background:#eee; } .all_cate .depth4Category{ display:none; position:absolute; background:#fff; margin-left:184px; border:1px solid #eee; padding:10px; width:250px; margin-top:-29px; } .all_cate .depth3Category:hover .depth4Category{ display:block; } .all_cate .depth3Category:hover{ background:#eee; } .all_cate .depth3Category ul.depth4Category li:hover{ font-weight:600 !important; background:#eee; } /* 사이트소개 & 이용안내 & 회원혜택 */ .cardmembership ul{ display:flex; flex-wrap:wrap; margin:10px 0} .cardmembership ul li{ flex:1; text-align:center; } .cardmembership ul li a{ display:block; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:10px; cursor:pointer; } .cardmembership ul li:nth-child(1){ border-left:1px solid #eee; border-right:1px solid #eee} .cardmembership ul li:nth-child(3){ border-right:1px solid #eee} .cardmembership ul li:nth-child(2){ border-right:1px solid #eee; } .cardmembership ul.tab li.current a{ background:#06e; color:#fff; } .cardmembership_content .tabcontent{ display:none; } .cardmembership_content .tabcontent.current{ display:block; } .cardmembership_content .tabcontent h1{ text-align:center; font-size:60px; font-style:oblique; } .cardmembership_content .tabcontent h2{ text-align:center; padding:10px; } .company_box{ } .company_box ul{ display:flex; flex-wrap:wrap; } .company_box ul li{ flex:1; } ul.company_box_sub{ display:flex; flex-wrap:wrap; } ul.company_box_sub li{ flex:0 0 auto; width:25%; padding:45px 0; border-radius:50%; border:3px solid #eee; text-align:center; margin:4px 10px; } ul.company_box_sub li p{ } ul.company_box_sub li h3{ padding:0} ul.company_box_sub li:nth-child(1){ color:red; } ul.company_box_sub li:nth-child(2){ color:#08c; } .cardmembership_useinfo{ display:flex; flex-wrap:wrap; padding:10px 0; } .cardmembership_useinfo li{ flex:0 0 50%; min-height:210px; padding:10px; } .cardmembership_content .cardmembership_useinfo li h2{ padding:10px; font-weight:500; } .cardmembership_content .cardmembership_useinfo li h2 b{ font-weight:bold} .cardmembership_content .cardmembership_useinfo li p{ padding:0 10px; } .cardmembership_content .cardmembership_useinfo li:nth-child(1){ background:#eee; } .cardmembership_content .cardmembership_useinfo li:nth-child(2) h2{ text-align:left; } .cardmembership_content .cardmembership_useinfo li:nth-child(3) h2{ text-align:right; } .cardmembership_content .cardmembership_useinfo li:nth-child(2) p{ text-align:left; } .cardmembership_content .cardmembership_useinfo li:nth-child(3) p{ text-align:right; } .cardmembership_content .cardmembership_useinfo li:nth-child(4){ background:#eee; } .cardmembership_content .cardmembership_useinfo li:nth-child(5){ background:#eee; } .cardmembership_content .cardmembership_useinfo li:nth-child(6) h2{ text-align:left; } .cardmembership_content .cardmembership_useinfo li:nth-child(7) h2{ text-align:right; } .cardmembership_content .cardmembership_useinfo li:nth-child(6) p{ text-align:left; } .cardmembership_content .cardmembership_useinfo li:nth-child(6) h2{ text-align:left; } .cardmembership_content .cardmembership_useinfo li:nth-child(7) p{ text-align:right; } .cardmembership_content .cardmembership_useinfo li:nth-child(7) h2{ text-align:right; } .cardmembership_content .cardmembership_useinfo li:nth-child(8){ background:#eee; } .cardmembership_benefit ul{ display:flex; flex-wrap:wrap; } .cardmembership_benefit ul li{ flex:0 0 auto; width:50%; padding:10px; } #lay_pop{ position:absolute; z-index:500; width:1155px; height:683px; overflow:hidden; display:none; background-color:#ffffff; border:2px solid #cccccc; } #all_body{ position:absolute; z-index:9; display:block; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; background-color:#000000; left:0; top:0} .menu_form{ margin:auto; border:1px solid #eee; width:1150px; background:#fff; } .menu_form a{ text-decoration:none; color:#000; } .menu_form a:hover{ text-decoration:underline; display:block; color:#0042ff; font-weight:500; background-color:#ffffff; } .menu_form h2{ text-align:center; font-size:20px; font-weight:900; background:#eee; padding:10px; width:400px; margin:auto; } .menu_form table{ margin:auto; } .menu_form td{ text-align:center; font-size:12px; } .menu_form tr{ text-align:center; border-left:1px solid #eee; } .menu_form th{ text-align:center; } .m_fontstyle{ font-weight:100; font-size:12px; } .m_fontstyle1{ font-weight:500; background-color:#e6749b; font-size:13px; color:#fff; } .m_fontstyle2{ font-weight:500; background-color:#00BCD4; font-size:13px; color:#fff; } .m_fontstyle1:hover{ font-weight:500; background-color:#E91E63; font-size:13px; color:#fff; } .m_fontstyle2:hover{ font-weight:500; background-color:#2196F3; font-size:13px; color:#fff; } .footer_branch_main_notice{ color:#58595b; font-size:12px; font-weight:900; line-height:18px; padding:5px 20px} .footer_main_infomation{ color:#58595b; font-size:12px; line-height:18px; padding:0 20px 30px 0; } .footer_branch_logo_2{ padding-top:36px; padding-bottom:15px; padding-left:20px} .km_coupon{ /* background: #e7fdff; */ /* width: 1201px; */ margin:0 0 0 -61px; /* height: 386px; */} .km_coupon ul{ height:150px; margin:0 0 0 135px; } .km_coupon li{ float:left; background:url(https://kmclub.co.kr/image/km_coupon.png); width:281px; height:149px; margin:20px; } .km_coupon li h2{ font-size:40px; font-weight:900; text-align:center; margin:35px 0 0 0; } .km_coupon li a{ text-align:center; font-size:15px; margin:2px 0 10px 71px; background:#00F; width:150px; padding:5px; color:#fff; display:block; } .km_coupon li a:hover{ text-align:center; font-size:15px; margin:2px 0 10px 71px; background:#F00; width:150px; padding:5px; color:#fff; display:block; } .km_coupon li a:visited{ text-align:center; font-size:15px; margin:2px 0 10px 71px; background:#666; width:150px; padding:5px; color:#fff; display:block; } .km_coupon li h4{ text-align:center; font-size:11px; margin:9px -3px 7px 6px; } .km_coupon li h1{ font-size:12px; position:absolute; margin:10px 10px 0 35px; width:163px; text-align:center} .km_coupon li h3{ font-weight:500; } .vip_gold{ width:100%; } .vip_gold h1{ text-align:center; font-size:50px; color:#92d0f4; } .vip_gold h1 strong{ color:#f00; } .vip_gold p{ text-align:center; font-size:22px; } .vip_gold b{ width:100%; height:20px; background:#666; margin:0 30px 0 0; } .vip_gold .cs_line{ border-top:1px solid #03A9F4; width:1100px; } .vip_gold2{ width:100%; font-size:15px; } .vip_gold2 p{ text-align:center; font-size:22px; font-weight:500; } .vip_gold2 ul{ width:100%; left:10px; /* margin: auto; */ padding:initial; margin:0 0 0 30px; } .vip_gold2 ul li{ color:#fff; float:left; width:19%; line-height:34px; height:40px; background:#0d005b; border:1px solid; margin:2px; text-align:center; border-radius:10px; } .vip_gold2 ul li:hover{ color:#fff; float:left; width:19%; line-height:34px; height:40px; background:#1a0791; border:1px solid; margin:2px; text-align:center; border-radius:10px; } .vip_gold2 .on{ color:#fff; float:left; width:19%; line-height:34px; height:40px; background:#1a0791; border:1px solid; margin:2px; text-align:center; border-radius:10px; } .vip_gold2 a{ color:#FFF; } .vip_gold3{ width:100%; font-size:15px; } .vip_gold3 p{ text-align:center; font-size:22px; font-weight:500; } .vip_gold3 ul{ width:100%; left:10px; /* margin: auto; */ padding:initial; margin:0 0 0 130px; } .vip_gold3 ul li{ color:#fff; float:left; width:19%; line-height:34px; height:40px; background:#0d005b; border:1px solid; margin:2px; text-align:center; border-radius:10px; } .vip_gold3 ul li:hover{ color:#fff; float:left; width:19%; line-height:34px; height:40px; background:#1a0791; border:1px solid; margin:2px; text-align:center; border-radius:10px; } .vip_gold3 .on{ color:#fff; float:left; width:19%; line-height:34px; height:40px; background:#1a0791; border:1px solid; margin:2px; text-align:center; border-radius:10px; } .vip_gold3 a{ color:#FFF; } .golf_product{ width:1050px; height:3405px; margin:auto; } .golf_product ul{ margin:0 auto; } .golf_product li{ float:left; border:1px solid white; width:339px; margin:4px; } .golf_product li:hover{ float:left; border:1px solid blue; width:339px; margin:4px; background:#cde8ff; color:black; } .golf_product li img{ width:328px; height:228px; } .golf_product.golf_none{ margin:10px; } .golf_product td{ border:1px solid #b1b1b1; text-align:center; } .golf_product th{ border:1px solid #a0a0a0; text-align:center; } .golf_product p{ text-align:center; font-size:20px; font-weight:800; padding:3px; } .golf_product b{ text-align:center; font-size:12px; font-weight:800; } .golf_product table{ border-color:#eee; } #box_benefit{ width:100%; margin:0 0 0 28px; height:2510px; } #box_benefit li{ float:left; background-image:url(https://kmclub.co.kr/image/box_benefit.png); width:517px; height:490px; margin:3px; } #box_benefit li h5{ font-size:30px; color:#FF0; text-align:center; font-weight:900; line-height:9px; padding:10px; margin:-10px 0 0 0; } #box_benefit li h4{ font-size:30px; color:#fff; text-align:center; padding:2px; } #box_benefit li p{ font-size:25px; color:#000; text-align:center; font-weight:900; margin:40px 0 10px 0; } #box_benefit li h2{ font-size:30px; color:#fff; text-align:center; } #box_benefit li span{ font-size:30px; color:#000; text-align:center; font-weight:900; } #box_benefit li a{ color:#fff; font-weight:500; font-size:25px; } #box_benefit li a:hover{ color:#ffff00; font-weight:500; font-size:25px; } .vip_card li{ margin:10px 20px -10px 160px; } .vip_card p{ font-size:18px; margin:0 0 0 80px} .vip_card li table{ margin:-259px 11px 0 424px; } /* 이용안내 PC버전 CSS */ #kmshop{ margin:0 auto 30px auto; width:1300px; } div#kmshop ul li{ float:left; margin:10px 12px; } div#kmshop ul li table{ } div#kmshop ul li table tr th h1{ font-size:14px; margin:7px 3px 0 0; text-align:center; } div#kmshop ul li table tr th h2{ font-size:22px; margin:16px 127px 19px 8px; color:red; width:66px; } div#kmshop ul li table tr th h3{ font-size:12px; color:#000; width:200px; font-weight:500; position:absolute; text-decoration:line-through} div#kmshop ul li table tr th h4{ font-size:12px; color:#00f; position:absolute; padding:5px} div#kmshop ul li table tr th h4 .kmshop1{ float:left; } .kmshop img{ margin:0 0 110px 0; padding:0 0 10px 10px; } div#kmshop ul li table tr th{ border:2px solid #eee; } div#kmshop ul li table tr th:hover{ border:2px solid #F44336; } .kmclub_vip img{ margin:-79px 0 4px -607px; } #layer_wrap{ position:fixed; width:100%; height:100%; left:0; top:0; overflow-y:scroll; display:table; z-index:100; cursor:pointer; } #layer_wrap > div{ display:table-cell; vertical-align:middle; background:rgba(0, 0, 0, .5); text-align:center; } #layer_wrap > div > div{ background:#fff; position:relative; margin:20px; padding:20px; display:inline-block; cursor:default; box-shadow:1px 1px 3px #000} #layer_wrap > div > div > .layer_close{ position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; color:#fff; background:#666; transition:.3s; text-decoration:none; } #layer_wrap > div > div > .layer_close:hover{ background:#000; } .input_card{ width:500px; } .top_list_link{ display:block; font-size:12px; line-height:14px; padding:0 5px; letter-spacing:-1px; margin:0; } #event_banner_popup_wrap{ height:80px; position:relative; /*background:#ffeaea; */ background:#6699ff} #event_banner_popup_wrap:before{ width:50%; height:80px; background-color:#51413e; float:left; content:''; } #event_banner_popup_wrap:after{ width:50%; height:80px; background-color:#fa8472; float:right; content:''; } .event_banner_popup_wrap2{ width:1000px; height:80px; padding:0 100px; position:absolute; top:0; left:50%; margin-left:-550px; z-index:100; } #event_banner_popup_close{ position:absolute; right:20px; top:20px; cursor:pointer} #hot_shop{ margin:0 auto 30px auto; width:1300px; } div#hot_shop ul li{ float:left; margin:10px 0; } div#hot_shop ul li table{ } div#hot_shop ul li table tr th h1{ font-size:14px; margin:7px 3px 0 0; text-align:center; } div#hot_shop ul li table tr th h2{ font-size:22px; margin:16px 127px 19px 8px; color:red; width:66px; } div#hot_shop ul li table tr th h3{ font-size:12px; color:#000; font-weight:500; position:absolute; text-decoration:line-through} div#hot_shop ul li table tr th h4{ font-size:12px; color:#00f; position:absolute; padding:5px} div#hot_shop ul li table tr th h4 .hot_shop1{ float:left; } .hot_shop img{ margin:0 0 110px 0; padding:0 0 10px 10px; } div#hot_shop ul li table tr th{ border:2px solid #eee; } div#hot_shop ul li table tr th:hover{ border:2px solid #F44336; } /* 메인 이벤트 배너 */ .main_event_banner_wrap{ overflow:hidden} .main_event_banner_list{ display:flex; } .main_event_banner_list_item{ flex:0 0 auto; padding-right:5px; max-width:392px; overflow:hidden; min-width:392px; } .main_event_banner_list_item img{ width:392px; } .snb03{ display:flex; flex-wrap:wrap; } .snb.snb03 li{ flex:1; } ul.education_sub_menu{ display:flex; flex-wrap:wrap; } ul.education_sub_menu li{ flex:1; } ul.education_sub_menu li a{ padding:15px 20px; background:#4136ab; display:block; width:100%; text-align:center; color:#fff; font-weight:500; } ul.education_sub_menu li.on a{ padding:15px 20px; background:#f4f4f4; display:block; width:100%; text-align:center; color:#123; font-weight:500; } .more_banner{ position:absolute; margin-top:-38px; margin-left:1102px; padding:7px 17px; background:#f7f7f7; font-size:15px; border-radius:5px; font-weight:500; } #keyShow{ position:relative; font-size:12px; cursor:pointer; padding:2px 10px; background:#c3322f; text-align:center; float:right; left:-12px; top:-31px; border-radius:3px; color:#fff; font-weight:500; } #keyShow:hover{ background:var(--all-btn-color, #e40404); } /*혜택배너 애니메이션*/ .mnbanner h1{ font-family:'Lato', sans-serif; font-weight:300; letter-spacing:2px; font-size:48px; } .mnbanner p{ font-family:'Lato', sans-serif; letter-spacing:1px; font-size:14px; color:#333333; } .mnbanner{ position:relative; text-align:center; background:url(/img/premium_bg.png); color:white; top:57px; background-position:0px -163px; background-size:cover; } .mnbanner .logo{ width:50px; fill:white; padding-right:15px; display:inline-block; vertical-align:middle; } .mnbanner .inner-header{ height:39vh; width:100%; margin:0; padding:0; } .mnbanner .flex{ /*Flexbox for containers*/ display:flex; justify-content:center; align-items:center; text-align:center; } .mnbanner .waves{ position:relative; width:100%; height:15vh; margin-bottom:-7px; /*Fix for safari gap*/ min-height:100px; max-height:150px; } .mnbanner .content{ position:relative; height:20vh; text-align:center; background-color:white; } /* Animation */ .mnbanner .parallax > use{ animation:move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; } .mnbanner .parallax > use:nth-child(1){ animation-delay:-2s; animation-duration:7s; } .mnbanner .parallax > use:nth-child(2){ animation-delay:-3s; animation-duration:10s; } .mnbanner .parallax > use:nth-child(3){ animation-delay:-4s; animation-duration:13s; } .mnbanner .parallax > use:nth-child(4){ animation-delay:-5s; animation-duration:20s; } @keyframes move-forever{ 0%{ transform:translate3d(-90px, 0, 0); } 100%{ transform:translate3d(85px, 0, 0); } } .benefit_banner h1{ text-align:center; font-size:79px; background:linear-gradient(45deg, #ffdd00, #f6ff66, #ffdd00); -webkit-background-clip:text; text-shadow:none; color:transparent; font-weight:900; padding:95px 0px 0px; font-family:'S-CoreDream-8Heavy'; } .benefit_banner p{ text-align:center; font-size:30px; font-weight:600; background:linear-gradient(45deg, #f6ff6a, #ffdd00); color:transparent; text-shadow:none; -webkit-background-clip:text; font-weight:600; letter-spacing:-1px; font-family:'S-CoreDream-8Heavy'; } .tourproduct_banner{ margin:14px auto; } .tourproduct_banner ul{ display:flex; flex-wrap:wrap; justify-content:left; } .tourproduct_banner ul li span.family_bg{ display:block; width:97%; height:185px; background:#eee; border-radius:7px; text-align:center; margin:2px auto; } .tourproduct_banner ul li span.family_tour_bg1{ background:url(/img/family_tour_bg1.png); } .tourproduct_banner ul li span.family_tour_bg2{ background:url(/img/family_tour_bg2.png); } .tourproduct_banner ul li span.family_tour_bg3{ background:url(/img/family_tour_bg3.png); } .tourproduct_banner ul li span.family_tour_bg4{ background:url(/img/family_tour_bg4.png); } .tourproduct_banner ul li span.family_tour_bg5{ background:url(/img/family_tour_bg5.jpg); } .tourproduct_banner ul li span.family_tour_bg6{ background:url(/img/family_tour_bg6.jpg); } .tourproduct_banner ul li span.family_tour_bg7{ background:url(/img/family_tour_bg7.png); } .tourproduct_banner ul li span.family_tour_bg8{ background:url(/img/family_tour_bg8.png); } .tourproduct_banner ul li span.family_tour_bg9{ background:url(/img/family_tour_bg9.png); } .tourproduct_banner ul li span.family_tour_bg10{ background:url(/img/family_tour_bg10.jpg); background-size:cover; } .tourproduct_banner ul li span.family_tour_bg11{ background:url(/img/family_tour_bg11.png); } .tourproduct_banner ul li span.family_tour_bg12{ background:url(/img/family_tour_bg12.jpg); background-size:cover; } .tourproduct_banner ul li span.family_tour_bg13{ background:url(/img/family_tour_bg13.jpg); background-size:cover; } .tourproduct_banner ul li span.family_tour_bg14{ background:url(/img/family_tour_bg14.jpg); background-size:cover; } .tourproduct_banner ul li span.family_tour_bg15{ background:url(/img/family_shop_bg1.jpg); background-size:cover; } .tourproduct_banner ul li span.family_tour_bg16{ background:url(/img/family_leisure_bg1.jpg); background-size:cover; } .tourproduct_banner ul li span.family_tour_bg17{ background:url(/img/family_homecare_bg1.png); background-size:cover; } .tourproduct_banner ul li span.family_tour_bg18{ background:url(/img/family_golf_bg.jpg); background-size:cover; } .tourproduct_banner ul li span.family_tour_bg19{ background:url(/img/family_rentcar_bg.jpg); background-size:cover; } .tourproduct_banner ul li h2{ padding:3px 10px; font-size:22px; color:#333; } .tourproduct_banner ul li p{ padding:0px 10px 0px; color:#333; } .tourproduct_banner ul li span.family_mark{ background:#0af; position:absolute; margin-top:-28px; margin-left:7px; padding:0px 7px; border-radius:4px; color:#fff; font-size:14px; } .tourproduct_banner ul li{ flex:0 0 auto; box-shadow:3px -2px 20px #26262626; padding:4px 4px 27px; width:24.5%; margin:10px 3px; border-radius:8px; background:#fff; } .tourproduct_banner ul li:first-child span.family_mark{ background:red} .tourproduct_banner ul li:nth-child(2) span.family_mark{ background:#00cccb} .tourproduct_banner ul li:nth-child(3) span.family_mark{ background:#ac00cc} .tourproduct_banner ul li:nth-child(4) span.family_mark{ background:#e37403} .tourproduct_banner ul li:nth-child(5) span.family_mark{ background:#0036cc} .tourproduct_banner ul li:nth-child(6) span.family_mark{ background:#ff000d} .tourproduct_banner ul li:nth-child(7) span.family_mark{ background:#ff6c05} .tourproduct_banner ul li:nth-child(8) span.family_mark{ background:#00cc18} .tourproduct_banner ul li:nth-child(9) span.family_mark{ background:#cc005f} .tourproduct_banner ul li:nth-child(10) span.family_mark{ background:#5bb7ff} .tourproduct_banner ul li:nth-child(11) span.family_mark{ background:#0072cc} .tourproduct_banner ul li:nth-child(12) span.family_mark{ background:#cc8900} .tourproduct_banner ul li:hover{ transform:scale(1.1); transition:1s ease; background:#fff; z-index:99; } .tourproduct_banner .handle{ position:relative; top:0px; } .handle_op{ opacity:0; position:absolute; margin:0; padding:0; } .tourproduct_banner ul li:hover .handle{ margin-top:9px; background:#fff; transition:0.8s; top:-50px; margin:0; padding:0; } .tourproduct_banner ul li:hover .handle_op{ transform:0.8s; transition:opacity; opacity:1; font-size:13px; position:absolute; padding:10px; background:#eee; width:100%; border-radius:5px; text-align:center; margin-top:13px; color:blue; } .handle_btn{ position:absolute; border:1px solid blue; padding:4px 6px; font-size:13px; color:blue; margin-top:-33px; margin-left:194px; border-radius:2px; background:#fff; } .info_btn{ position:absolute; color:#fff; z-index:1; border:2px solid #f1be37; height:37px; margin:0 auto; margin-top:-86px; width:106px; padding:10px; line-height:13px; margin-left:-52px; border-radius:10px; background:linear-gradient(45deg, #f0bf3f, #f1dca6); -webkit-background-clip:text; color:transparent; font-weight:500; } .medical_order{ cursor:pointer; } .overseas_golf_order_btn a{ width:1300px !important; max-width:1300px !important; } .overseas_list ul li{ width:390px !important; } /* 메뉴 */ .tour_menu_sub > li{ text-align:center; } .tour_menu_sub > li > a{ font-size:17px;line-height:30px; font-weight:500; } .tour_menu_sub > li > ul{ display:none; position:absolute; z-index:4; min-width:139px;} .tour_menu_sub > li:hover ul{ display:block; } .tour_menu_sub > li > ul > li{ text-align:center; } .tour_menu_sub > li > ul > li > a{ display:block; width:100%; background:#fff; padding:8px; border:1px solid #eee; font-size:12px; } .tour_menu_sub > li > ul > li > a:hover{ color:var(--all-btn-color, #e40404); } .tour_menu_sub > li > a:hover{ color:var(--all-btn-color, #e40404); } .tour_menu_sub > li > ul > li > a > img{ width:20px; } .main_page{ margin:0 auto; text-align:center; width:100%} .top_banner_list_item img{ margin:0 auto} /*주문조회*/ /* Container & Background */ .inquiry_box_wrap { display: flex; justify-content: center; align-items: center; padding: 50px 20px; } .inquiry_box { width: 100%; max-width: 450px; padding: 40px; background: #ffffff; border-radius: 12px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); } /* Title */ .inquiry_box_order_title h1 { font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 30px; color: #333; } /* Input Group Styling */ .inquiry_box_order_number, .inquiry_box_order_name, .inquiry_box_order_phone { margin-bottom: 15px; position: relative; } /* Shared Input Styles */ .inquiry_box input[type="text"] { width: 100%; padding: 12px 15px 12px 40px; /* Space for the icons */border: 1px solid #ddd; border-radius: 6px; font-size: 14px; transition: border-color 0.3s ease; box-sizing: border-box; } .inquiry_box input[type="text"]:focus { border-color: #007bff; outline: none; } /* Icons Adjustment */ .inquiry_box i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #888; z-index: 1; } /* Phone Number specific layout */ .inquiry_box_order_phone { display: flex; align-items: center; gap: 5px; color: #888; } .inquiry_box_order_phone input { padding-left: 10px !important; /* Overriding for phone fields */text-align: center; } .inquiry_box_phone1 { flex: 1; } .inquiry_box_phone2 { flex: 1.5; } .inquiry_box_phone3 { flex: 1.5; } /* Submit Button */ .inquiry_box_order_btn_box { margin-top: 25px; position: relative; } .inquiry_box_order_btn { width: 100%; padding: 15px; background-color: #333; color: #fff; border: none; border-radius: 6px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background-color 0.3s ease; } .inquiry_box_order_btn:hover { background-color: #555; } /* Bottom Info Text */ .inquiry_box_order_info { margin-top: 20px; text-align: center; } .inquiry_box_order_info p { font-size: 13px; color: #777; line-height: 1.6; } /* 간편가입 */ .loginform_submit_btn.kakao_login_btn{ color:#000; cursor:pointer; background:url(/img/kakao_login_btn.png) no-repeat; background-size:cover; } .loginform_submit_btn.naver_login_btn{ background:url(/img/naver_login_btn.png) no-repeat; background-size:cover; color:#fff; cursor:pointer; } div.kakao_login_btn{ color:#000; cursor:pointer; background:url(/img/kakao_login_btn.png) no-repeat; background-size:cover; } div.naver_login_btn{ background:url(/img/naver_login_btn.png) no-repeat; background-size:cover; color:#fff; cursor:pointer; } div.loginform_submit_btn{ display:flex; align-items:center; text-align:center; justify-content:center; } div.sns_member_btn{ font-size:14px; margin:10px 0px; opacity:0.85; } /* 특별 가격 상품 */ .special_price_product > div{ padding:2px 0px; } #special_price_order_form_wrap .special_price_product_box{ display:flex; flex-wrap:wrap; padding:0px 0px 38px; } #special_price_order_form_wrap .special_price_product_box .special_price_product{ } #special_price_order_form_wrap .special_price_product_box > div{ flex:0 0 auto; width:50%; display:flex; flex-direction:column; padding:10px 10px 0px 0px; justify-content:flex-start; } #special_price_order_form_wrap .special_price_product_box > div:nth-child(2){ padding:10px 0px 0px 0px; } #special_price_order_form_wrap .special_price_product_box > div:nth-child(2) > div{ } #special_price_order_form_wrap > p{ padding:20px 10px; font-size:26px; font-weight:600; border-bottom:2px solid #000; border-top:1px solid #eee; } .special_price_product_title{ font-size:18px; padding:20px 11px 20px; font-weight:600; border-bottom:2px solid #f8f8f8; margin:4px 0px 10px; box-shadow:0px 11px 5px #ededed29; border-left:1px solid #eee; border-right:1px solid #eee; border-top:0.011em solid #ff0000; display:flex; align-items:center; } .special_price_product_title > span{ font-size:14px; font-weight:500; color:blue; margin-left:10px; } .special_price_product input{ padding:3px; height:42px; width:100%; border:1px solid #d8d8d8; border-radius:1px; text-indent:7px; font-size:16px; } .special_price_product_address{ display:flex; flex-wrap:wrap; max-width:293px; } .special_price_product_address > input{ flex:0 0 auto; width:70%; } .special_price_product_address > .special_price_product_address_btn{ width:30%; background:#e40404; color:#fff; border:1px solid #e40404; box-shadow:1px 1px 20px #e4040452; cursor:pointer; text-indent:0; } .special_price_product_form_submit_btn{ background:#e40404; color:#fff; border:1px solid #e40404; font-size:19px; height:auto; padding:12px; border-radius:4px; box-shadow:1px 1px 20px #e4040452; cursor:pointer; } .special_price_product_form_submit_btn:disabled{ background:#aaa; border:1px solid #aaa; box-shadow:1px 1px 20px #aaa} input[type="submit"]{ } .special_price_product_price_cost{ padding:10px 10px 21px; display:flex; justify-content:flex-end; font-size:24px; font-weight:600; color:blue; } .special_price_product_price_cost > span{ margin-right:10px; color:#000; } .special_price_product_radio_box{ display:flex; flex-wrap:wrap; max-width:220px; } .special_price_product_radio_box > div{ flex:1; display:flex; flex-wrap:nowrap; } .special_price_product_radio_box > div > input{ display:flex; align-items:center; width:20px; } .special_price_product_radio_box > div > label{ display:flex; align-items:center; justify-content:center; width:66px; } .special_price_product_radio_user_bussiness_box{ margin-bottom:6px; background:#fff; } .special_price_product_radio_user_bussiness_box > div{ display:flex; flex-wrap:wrap; } .special_price_product_radio_user_bussiness_radio{ max-width:220px; } .special_price_product_radio_user_bussiness_box > div > div{ flex:0 0 auto; display:flex; flex-wrap:nowrap; align-items:center; } .special_price_product_radio_user_bussiness_box > div > div > input{ display:flex; align-items:center; width:20px; } .special_price_product_radio_user_bussiness_box > div > div > span{ display:flex; align-items:center; justify-content:center; width:74px; } .special_price_product_radio_user_bussiness_box > div > div > input.special_price_product_bussiness_text{ width:100%; } .special_price_product_radio_user{ display:flex; flex-wrap:wrap; flex-direction:row; max-width:100%; } .special_price_product_radio_user > div{ flex:1 1 auto; display:flex; flex-wrap:nowrap; width:calc(100% - 180px); align-items:center; } .special_price_product_radio_user > div > input.special_price_product_number{ display:flex; align-items:center; } .special_price_product_radio_bussiness_check{ width:100%; } .special_price_product_radio_bussiness_check .special_price_product_radio_bussiness_title{ background:#eee; padding:0px 15px; width:150px; } .special_price_product_radio_user > .special_price_product_radio_user_title{ background:#f7f7f7; padding:0px 15px; flex:0 0 auto; width:180px; border:1px solid #d8d8d8; } .special_price_pay_method_wrap{ display:none } .special_price_pay_method_wrap.active{ display:block } .special_price_product_radio_business_input{ width:75%; } .special_price_product_radio_box_user_business{ display:none; } .special_price_product_radio_box_user_business.active{ display:block; } .special_price_product_bank{ display:flex; flex-wrap:nowrap; max-width:220px; align-items:center; } .special_price_product_bank > input{ width:20px; margin-right:6px; } .special_price_product_radio_user_bussiness_box > .special_price_product_radio_bussiness_check{ display:none} .special_price_product_radio_user > .special_price_product_radio_user{ display:none} .special_price_product_radio_user_bussiness_box > .special_price_product_radio_bussiness_check.active{ display:flex} .special_price_product_radio_user > .special_price_product_radio_user.active{ display:flex} .special_price_product_box_buyer_memo_select{ } .special_price_product_box_buyer_memo_select input{ margin:10px auto; } .special_price_product_price{ display:flex; justify-content:flex-end; font-weight:400; font-size:24px; padding:3px 10px 10px; } .special_price_product_radio_check_save_box{ } .special_price_product_radio_check_save_box > div{ display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; } .special_price_product_radio_check_save > input{ } .special_price_product_radio_check_save > span{ } .special_price_product_radio_check_save_box > div > .special_price_product_radio_check_save{ width:20px; } .special_price_product input:focus-visible{ border:2px solid #e40404; } .special_price_product input:focus-within{ border:2px solid #e40404; } .special_price_product input:hover{ border:2px solid #e40404; } .pc_shop_product_kmcook_list{ display:flex; flex-wrap:wrap; } .pc_shop_product_kmcook_list > div{ flex:0 0 auto; } .kmcook_list{ } .kmcook_list > ul{ } .kmcook_banner_box{ display:none; } .kmcook_banner_box > div{ } /* 리뷰 */ .product_review_title{ } .product_review_title > h1{ text-align:left; font-size:24px; padding:19px 10px 19px; border-bottom:1px solid #eee; } .product_review_title > p{ text-align:left; padding:5px 10px 10px; font-size:17px; } .product_review_star_box{ display:flex; flex-wrap:wrap; max-width:164px; padding:0px 10px 0px; } .product_review_star_box > div{ flex:1; } .product_review_star_box > div > svg{ font-size:25px; } .product_review_imgbox{ display:flex; flex-wrap:wrap; padding:0px 0px 25px 0px; justify-content:flex-start; } .product_review_imgbox > div{ flex:0 0 auto; padding:0px; margin:10px 0px 10px 4px; width:8.5%; cursor:pointer; } .product_review_imgbox > div > img{ width:72px; height:72px; } .product_review_imgbox > div:last-child{ background:#ff5253; } .product_review_imgbox > div:last-child > div{ color:#fff; display:flex; align-items:center; flex-direction:column; justify-content:center; padding:7px 0px; } .product_review_imgbox > div:last-child > div > span{ display:flex; font-size:25px; align-items:center; padding:0px 0px 0px; } .review_best_search_box{ width:100%; background:#123; padding:10px 0px; } .review_best_search_box > .review_best_search{ display:flex; flex-wrap:wrap; justify-content:flex-start; width:100%; align-items:center; padding:0px 0px; } .review_best_search > div{ margin-right:3px; } .review_best_search > div.review_best{ color:#fff; font-size:12px; padding:0px 10px; border-right:0.01em solid #eee; cursor:pointer; } .review_best_search > div:nth-child(2){ border-right:none; padding:0px 5px; } .review_best_search > div{ } .review_best_search > div.review_best.active{ font-weight:600; } .review_search{ display:flex; flex-wrap:wrap; } .review_search input{ font-size:11px; height:24px; text-indent:6px; width:200px; border:1px solid transparent; } .review_searc_btn{ position:absolute; display:flex; justify-content:flex-end; margin-left:180px; margin-top:5px; font-size:12px; } ..review_best_search .review_search_select_box{ display:flex; flex-wrap:wrap; justify-content:center; margin-right:0px; } .review_search_select{ display:flex; flex-wrap:wrap; justify-content:center; color:#000; background:#fff; padding:0px 16px; font-size:12px; height:24px; align-items:center; flex:1; border:1px solid transparent; } .review_search_select > p{ } .review_search_select > p > span{ } .review_search_select_sub{ position:absolute; display:none; flex-wrap:wrap; flex-direction:column; background:#fff; margin-top:1px; font-size:12px; width:136px; justify-content:center; align-items:center; box-shadow:1px 1px 10px #0000004f; } .review_search_select_sub.active{ display:block; } .review_search_select_sub > div{ flex:1 1 auto; display:flex; flex-wrap:wrap; border-top:1px solid #eee; width:100%; padding:5px; justify-content:center; } .review_search_select_sub > div > p{ flex:0 0 auto; margin-right:6px; } .review_search_select_sub > div > svg{ flex:1; } .review_search_select_sub > div:hover{ background:#eee; cursor:pointer } .product_review_user{ display:flex; justify-content:flex-start; flex-direction:column; margin-top:20px; border-top:1px solid #f7f7f7; padding:10px 0px 0px; } .product_review_user > div{ display:flex; flex-wrap:wrap; justify-content:flex-start; padding:0px 9px; } .product_review_user > div > h1{ margin-right:10px } .product_review_user_option{ display:flex; justify-content:flex-start; padding:0px 10px; } .product_review_user_option > p{ color:#575757; } .product_review_user_box{ } .product_review_user_box > div{ display:flex; flex-wrap:wrap; align-items:baseline; } .product_review_user_box > div > h2{ margin-right:10px } .product_review_user_box > div > span{ color:#333 } .product_review_user > div.product_review_user{ } .product_review_user > div.product_review_user_star{ } .product_review_user > div.product_review_user_option{ } .product_review_user > div.product_review_user_imgbox{ } .product_review_user > div.product_review_user_imgbox > img{ } .product_review_user_imgbox{ display:flex; flex-wrap:wrap; justify-content:flex-start; } .product_review_user_imgbox > div{ flex:0 0 auto; width:79px; padding:0px; margin:10px 0px 10px 5px; cursor:pointer; height:79px; } .product_review_user_imgbox > div > img{ width:100%; border:1px solid #eee; height:100%; } .product_review_user_headtitle{ padding:0px 10px 5px; font-size:11px; text-align:left; } .product_review_user_headtitle > h2{ font-size:19px; } .product_review_user_headtitle > p{ font-size:13px; padding:10px 0; } .product_review_user_headtitle_sub{ padding:10px 0px; font-size:16px;} .product_review_user_headtitle_sub > p{ } .product_review_user_headtitle_sub > p > b{ } .product_review_user_headtitle_sub > p > span{ } .product_review_star{ display:flex; flex-wrap:wrap; align-items:center; margin:5px 0px; } .product_review_star > div{ display:flex; align-items:center; } .product_review_star a{ color:#ff5253; } .product_review_star span{ font-size:23px; margin-right:7px; } /* 리뷰 뷰어 */ .user_review_bg{ position:fixed; top:0; left:0; right:0; background:#000c; height:100vh; z-index:11; } .user_review_box{ position:absolute; left:0; right:0; translate:0% 23%; background:transparent; max-width:1200px; margin:0 auto; padding:40px 0px; } .user_review_box > div{ margin-top:0px; margin-bottom:5px; } .user_review_box > div > img{ } .user_review_list_img{ display:flex; flex-wrap:wrap; justify-content:center; max-width:800px; margin:0 auto; } .user_review_list_img > div{ flex:0 0 auto; width:9%; margin:5px 1px 1px 1px; cursor:pointer; border:3px solid transparent; } .user_review_list_img > div > img{ } .user_review_xmark{ max-width:1000px; display:flex; justify-content:flex-end; flex-wrap:wrap; margin:0 auto; cursor:pointer; } .user_review_xmark > svg{ font-size:40px; } .user_review_box_sum img{ max-height:600px; max-width:100% } .user_review_box_sum{ background:#000; width:800px; min-height:50vh; margin:0 auto; padding:10px; display:flex; align-items:center; justify-content:center; } .user_review_list_img > div.active{ border:3px solid #e40404; } .user_review_list_img > div:hover{ border:3px solid #e40404; } .user_review_bg{ display:none; } .user_review_bg.active{ display:block } /* 리뷰 전체 뷰어 */ .user_review_all_bg{ position:fixed; top:0; left:0; right:0; background:#000c; height:100vh; z-index:11; } .user_review_all_box{ display:flex; flex-direction:column; position:relative; background:white; max-width:1100px; max-height:calc(100vh - 40px); margin:20px auto; padding:0px 0px; box-sizing:border-box; z-index:111; overflow:hidden } .user_review_all_xmark{ max-width:1162px; width:100%; display:flex; justify-content:flex-end; flex-wrap:wrap; margin:0 auto; cursor:pointer; padding:14px; } .user_review_all_xmark > svg{ font-size:40px; } .user_review_all_photo_title{ flex:0 0 auto; display:flex; flex-wrap:wrap; justify-content:flex-start; padding:0px 10px 10px 10px; max-width:1200px; width:100%; border-bottom:1px solid #eee; } .user_review_all_photo_title > h1{ text-align:left; margin-right:7px; font-size:37px; } .user_review_all_photo_title > span{ align-items:end; display:flex; } .user_review_all_photo_title_sub{ display:flex; flex-wrap:wrap; justify-content:flex-start; padding:10px 10px 0px 10px; } .user_review_all_photo_title_sub > h2{ font-size:18px; } .user_review_all_photo_title_sub > h2 > b{ font-weight:400; } .user_review_all_list_img{ width:100%; padding:10px; margin-top:10px; flex:1 1 auto; overflow-y:auto } .user_review_all_list_img_container{ display:flex; flex-wrap:wrap; } .user_review_all_list_img_container > div{ flex:0 0 auto; width:16.66%; padding:4px; } .user_review_all_list_img_container > div > img{ width:100%; } .user_review_all_bg{ display:none; } .user_review_all_bg.active{ display:block; } #product_user_review_all_more_btn{ text-align:center; padding:10px; margin-top:20px; background:#eee } /* 리뷰쓰기 */ .review_user_box_board_box{ } .review_user_box_board_list{ } .review_user_box_board_box .review_user_box_board_list{ } .review_user_box_board_title{ font-size:25px; border-bottom:1px solid #eee; padding:10px 10px 15px; font-weight:600; } .review_user_box_product_sum_img{ margin-right:10px; width:100px; height:100px; } .review_user_box_product_sum_img > img{ width:100%; } .review_user_box_product_info{ } .review_user_box_product_info > div{ display:flex; flex-wrap:wrap; padding:10px 0px 20px; } .review_user_box_product_info > h2{ padding:21px 0px 0px; } .review_user_box_product_info_box{ display:flex; flex-wrap:wrap; width:100%; } .review_user_box_product_info_box_sub{ flex:0 0 auto; width:80%; padding:10px; } .review_user_box_product_info_box_subsub{ padding:10px; flex:0 0 auto; width:20%; border-right:1px solid #eee; align-items:center; display:flex; justify-content:center; font-weight:500; } .review_user_box_product_info_box_sub > div{ margin:0px 0px 10px; display:flex; flex-wrap:wrap; align-items:center; } .review_user_box_product_info_box_list{ display:flex; flex-wrap:wrap; border-top:1px solid #eee; } .review_user_box_product_info_box_list > div{ } .review_user_textarea{ width:100%; height:146px; } .review_user_textarea_sub{ font-size:12px; opacity:0.5; } .review_user_textarea_text_size{ display:flex; justify-content:flex-end; font-weight:500; font-size:12px; } .review_user_box_board_star_title{ display:flex; flex-wrap:wrap; } .review_user_box_board_star_title > div:first-child{ padding:10px 5px; } .review_user_box_board_star_title > div:nth-child(2){ display:flex } .review_user_box_product_star > div > svg{ font-size:23px; color:#ff5253 } .review_upload_btn > label > span{ display:inline-block; background:white; color:blue; border:1px solid blue; padding:10px; border-radius:6px; cursor:pointer; } .review_photo_upload{ display:none } .review_upload_num{ font-size:19px; padding:0px 10px; } .review_upload_sub{ font-size:13px; color:#999; } .review_upload_photo_list{ display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; } .review_upload_photo_item{ flex:0 0 auto; width:150px; padding:10px; position:relative; margin-bottom:20px; display:flex; justify-content:center; align-items:center; } .review_upload_photo_item > img{ width:100px; height:100px; border:2px solid blue; padding:4px; } .review_upload_photo_item > svg{ } .review_upload_photo_item_close{ position:absolute; z-index:1; cursor:pointer; padding:0px; left:112px; top:-8px; font-size:25px; } .review_upload_photo_item_close > svg{ box-shadow:1px 1px 10px #00000029; border-radius:50%; } .review_user_box_product_info_box_list:last-child{ border-bottom:1px solid #eee; } .review_user_box_text{ text-align:center; font-size:12px; margin-top:20px } .review_user_box_board_btn{ display:flex; justify-content:center; padding:20px 0px; } .review_user_box_board_btn .review_user_cancel{ margin-right:10px; background:#eee; color:#999; border:1px solid #eee; } .review_user_box_board_btn .review_user_write{ background:blue; color:#fff; border:1px solid blue; } .review_user_box_board_btn button{ padding:10px 41px; font-size:16px; border-radius:4px; cursor:pointer; } .review_user_dm{ width:100%; border:1px solid #eee; padding:5px; } /* 마이페이지 리뷰 */ .review_menu{ display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:10px; } .review_menu > div{ flex:1; text-align:left; padding:15px; background:#efefef; border-top:2px solid #e5e5e5; cursor:pointer; border-bottom:1px solid #eee; } .review_menu > div.on{ border-top:2px solid #333; background:#fff; font-weight:600; } .review_menu > div > b{ color:blue; font-weight:400 } .review_menu > div:first-child{ border-right:2px solid #fff; border-left:1px solid #eee; } .review_content{ display:none; } .review_content.current{ display:block; } .review_kmcook_product_list{ display:flex; flex-wrap:wrap; border-bottom:1px solid #eee; margin-bottom:9px; } .review_kmcook_product_list_sum{ width:100px; height:100px; padding:5px; flex:0 0 auto; } .review_kmcook_product_list_sum > img{ width:100%; } .review_kmcook_product_list_title{ padding:9px 20px; flex:0 0 auto; width:70%; } .review_kmcook_product_list_title .review_kmcook_product_list_title_sub{ font-size:21px; } .review_kmcook_product_list_title .review_kmcook_product_list_title_subsub{ } .review_kmcook_product_list_title .review_kmcook_product_list_title_subsubsub{ padding:10px 0px; color:#777; } .review_kmcook_product_list_btn{ display:flex; flex-wrap:wrap; flex:0 0 auto; width:20%; justify-content:center; align-items:center; flex-direction:column; } .review_kmcook_product_list_btn .review_kmcook_product_list_btn_sub{ padding:7px; border:1px solid blue; margin-bottom:6px; font-size:15px; } .review_kmcook_product_list_btn .review_kmcook_product_list_btn_sub a{ color:blue; } .review_kmcook_product_list_btn_subsub{ color:blue; font-size:15px; } .review_kmcook_product_list_mody{ display:flex; flex-wrap:wrap; border-bottom:1px solid #eee; padding-bottom:10px; } .review_kmcook_product_list_mody .review_kmcook_product_list_mody_sum{ flex:0 0 auto; width:100px; height:100px; } .review_kmcook_product_list_mody .review_kmcook_product_list_mody_sum img{ padding:5px; width:100%; } .review_kmcook_product_list_mody_title{ display:flex; align-items:center; font-size:21px; padding:10px; width:70%; } .review_kmcook_product_list_mody_title a{ color:blue; font-weight:500; } .review_kmcook_product_list_mody_btn{ flex:0 0 auto; width:20%; display:flex; justify-content:center; align-items:center; } .review_kmcook_product_list_mody_btn > div{ color:blue; font-size:15px; } .review_kmcook_product_list_mody_btn > .review_kmcook_product_list_mody_btn_sub{ color:blue; font-size:15px; } .review_kmcook_product_list_mody_btn > .review_kmcook_product_list_mody_btn_subsub{ padding-left:10px; } .review_kmcook_product_list_mody_star{ display:flex; flex-wrap:wrap; align-items:center; padding:10px; } .review_kmcook_product_list_mody_point{ padding:10px; border-bottom:1px solid #eee; margin-bottom:10px; } .review_kmcook_product_list_mody_point .review_kmcook_product_list_mody_point_title{ font-size:19px; padding:0px 0px 5px; } .review_kmcook_product_list_mody_point .review_kmcook_product_list_mody_point_title_sub{ font-size:16px; } .review_kmcook_product_list_mody_point .review_kmcook_product_list_mody_point_title_subsub{ font-size:16px; padding-bottom:10px; } .review_kmcook_product_list_mody_point .review_kmcook_product_list_mody_point_title_info{ } .review_user_seting{ display:flex; } .review_user_seting h1{ font-size:25px; padding:10px; } .review_user_seting a{ color:blue; display:flex; flex-wrap:wrap; align-items:center; } .review_kmcook_product_list_mody_star > div{ display:flex; flex-wrap:wrap; align-items:center; margin-right:6px; } .review_kmcook_product_list_mody_star > div > .product_review_user_star{ display:flex; flex-wrap:wrap; font-size:22px; } .review_write_none{ text-align:center; padding:120px 0px; } /*국민쿡 메뉴*/ .tour_menu_sub_test > li .kmcook_menu_box{ display:none; transition:1s; box-shadow:rgb(243 243 243 / 11%) 5px 4px 19px; } .tour_menu_sub_test > li:hover .kmcook_menu_box{ display:flex; } .kmcook_menu_box{ position:absolute; z-index:11; background:#fff; width:1170px; display:flex; flex-wrap:wrap; padding:15px 40px; margin:0 auto; left:0; right:0; transition:1s; } .kmcook_menu_box .kmcook_menu_sub_box{ display:flex; flex-wrap:wrap; flex:0 0 auto; /*width: 15%; */ margin:10px 33px; } .kmcook_menu_box .kmcook_menu_sub_box_menu{ display:flex; flex-direction:column; text-align:center; } .kmcook_menu_box .kmcook_menu_sub_box_title{ font-size:18px; border-bottom:1px solid #333; padding:6px 0px; } .kmcook_menu_box .kmcook_menu_sub_box_link{ display:inline-block; font-size:15px; padding:4px 0px; } .event_like{ background:#00bc4a; padding-bottom:50px; margin-bottom:24px; } .event_like #kmcook_follow_event_btn{ display:block; width:1030px; background:#ffe954; margin:0px auto; font-size:70px; font-weight:900; border:none; padding:30px; font-weight:500; box-shadow:-4px 15px 20px #00a63c; border-radius:39px; margin-top:-18px; position:relative; top:-6px; cursor:pointer; animation:1s event_like infinite; border-bottom:9px solid #ffbc00; } .event_like #kmcook_follow_event_btn:hover{ background:#ffbc00; color:#fff; } @keyframes event_like{ 0%{ color:#00a63c; } 100%{ color:red; } } /*마크*/ .main_wide_wrap{ width:1400px; margin:0 auto; } .footer_line{ border-bottom:1px solid #eee; } .kookmin_mark{ display:flex; flex-wrap:wrap; padding:10px 0px; } .kookmin_mark img{ width:60px; height:60px; } .kookmin_mark p{ padding-left:7px; font-size:18px; font-weight:600; } .kookmin_mark b{ display:block; font-size:17px; color:#003170; } .kookmin_mark span{ display:block; font-size:12px; font-weight:500; } .kookmin_mark > div{ flex:1; display:flex; flex-wrap:nowrap; align-items:center; } .kookmin_mark > div > div{ display:flex; flex-direction:column; } .kookmin_mark a{ padding:2px; } .kookmin_mark .kookmin_mark_inicis{ font-size:10px; font-weight:500; } /* 국민쿡 header */ .header_shell {width:100%; border-bottom:1px solid #e8e8e8; background:#fff;} .header_body_area {width:100%;background: #fff;} .header_body_inner {width:1200px;margin:0 auto;padding: 2px 0;} .header_body_list {display:flex; align-items:center; justify-content:space-between; gap:30px; margin:0; padding:0; list-style:none;} .header_body_logo_item {flex:0 0 auto;} .brand_logo_box {display:flex; align-items:center;} .brand_logo_link {display:block;} .brand_logo_image {display:block;width:auto;max-height: 120px;} .header_body_search_item {flex:1 1 auto; min-width:280px; max-width:520px;} .search_panel_wrap {width:100%;} .search_panel_box {width:100%;} .search_panel_form {position:relative; width:100%;} .search_panel_input {display:block;width:100%;height:50px;padding:0 58px 0 20px;border: 2px solid #140000;border-radius:25px;font-size: 18px;color:#222;background: #fff;box-sizing:border-box;} .search_panel_input:focus {outline:none; border-color:#222;} .search_panel_submit {position:absolute; top:50%; right:18px; width:20px; height:20px; transform:translateY(-50%); cursor:pointer;} .search_result_dropdown {position:absolute;top:calc(100% + 8px);left:0;width:100%;margin:0;padding:10px 0;list-style:none;border:1px solid #e5e5e5;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.08);z-index:20;display: none;} .desktop_category_anchor {display:block;} .header_body_util_item {flex:0 0 auto;} .utility_menu_wrap {display:flex; align-items:center;} .utility_menu_list {display:flex; align-items:center; justify-content:flex-end; gap:18px; margin:0; padding:0; list-style:none;} .utility_menu_item {display:flex; align-items:center; flex:0 0 auto;} .utility_menu_link {display:inline-block;font-size: 17px;line-height:1.2;color:#222;text-decoration:none;white-space:nowrap;} .utility_menu_link:hover {color:#666;} .utility_kakao_item {gap:6px;} .utility_kakao_icon {display:block; width:22px; height:auto; flex:0 0 auto;} @media screen and (max-width:1280px) { .header_body_inner {width:100%; padding:22px 20px; box-sizing:border-box;} } @media screen and (max-width:1024px) { .header_body_list {gap:20px;} .header_body_search_item {max-width:none;} .utility_menu_list {gap:14px; flex-wrap:wrap;} .utility_menu_link {font-size:13px;} .brand_logo_image {max-height:46px;} } @media screen and (max-width:768px) { .header_body_inner {padding:18px 16px;} .header_body_list {flex-wrap:wrap; align-items:center; gap:16px;} .header_body_logo_item {order:1;} .header_body_util_item {order:2; margin-left:auto;} .header_body_search_item {order:3; flex:0 0 100%; max-width:100%;} .utility_menu_list {gap:12px; justify-content:flex-end;} .search_panel_input {height:46px; padding:0 52px 0 16px; font-size:13px;} .search_panel_submit {right:16px; width:18px; height:18px;} .brand_logo_image {max-height:40px;} } @media screen and (max-width:480px) { .header_body_inner {padding:16px 14px;} .header_body_list {gap:14px;} .header_body_logo_item {flex:0 0 100%;} .header_body_util_item {flex:0 0 100%; margin-left:0;} .utility_menu_wrap {width:100%;} .utility_menu_list {justify-content:flex-start; flex-wrap:wrap; gap:10px 14px;} .utility_menu_link {font-size:12px;} .utility_kakao_icon {width:20px;} .brand_logo_image {max-height:36px;} .search_panel_input {height:44px; border-radius:22px;} } /* 국민쿡 메뉴 */ .site_menu_wrap { width:100%; background:#ffffff; border-bottom:1px solid #e5e5e5; } .site_menu_inner { width:1200px; margin:0 auto; position:relative; } .site_category_menu { width:100%; } .category_depth1 { display:flex; align-items:center; } .category_item { position:relative; } .category_link {display:block;padding:18px 22px;font-size: 19px;color:#222222;font-weight: 400;white-space:nowrap;} .category_link img {width: 24px;margin-right:6px;vertical-align:middle;} .category_item:hover .category_link { color:#e60023; } .category_depth2 {position:absolute;left:0;top:100%;background:#ffffff;min-width:160px;border:1px solid #e5e5e5;display:none;z-index: 99999;} .category_sub_item a {display:block;padding:12px 16px;font-size: 17px;color:#333333;} .category_sub_item a:hover { background:#f8f8f8; color:#e60023; } .category_item.has_sub:hover .category_depth2 { display:block; } .kmcook_category_menu {display:flex;flex-wrap:wrap;/* width:100%; */margin: 10px auto 50px;justify-content: center;max-width: 800px;} .kmcook_category_item {text-align:center;padding:10px 0;text-decoration:none;color:#222;flex: 1;} .kmcook_category_img {width: 100px;height: 100px;object-fit:cover;padding: 13px;background: #f7f8f9;border-radius: 15px;} .kmcook_category_name {font-size: 18px;margin-top:6px;font-weight: 600;} .kmcook_category_store {} /* 폰트 및 기본 설정 (필요 시 수정) */ .footer_box01 { width: 100%; background-color: #f9f9f9; /* 배경색 */ padding: 40px 20px; border-top: 1px solid #eee; } .finner { max-width: 1200px; margin: 0 auto; } /* CS 섹션 레이아웃 */ .footer__cs { display: flex; justify-content: space-between; align-items: center; gap: 20px; } /* 텍스트 영역 */ .cs__text .cs__title { font-size: 24px; font-weight: 800; color: #111; margin-bottom: 8px; letter-spacing: -0.5px; } .cs__text .cs__desc { font-size: 15px; color: #666; line-height: 1.5; } /* 카카오톡 버튼 채널 */ .cs__channel a { display: inline-flex; align-items: center; justify-content: center; background-color: #fee500; /* 카카오 시그니처 컬러 */ color: #191919; padding: 14px 28px; border-radius: 8px; font-size: 16px; font-weight: 700; text-decoration: none; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } .cs__channel a:hover { background-color: #fada0a; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* 카카오톡 아이콘 넣기 (가상요소 활용 시) */ .cs__channel a::before { content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 8px; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 3c-4.97 0-9 3.18-9 7.11 0 2.55 1.7 4.79 4.25 6.07l-.82 3.01c-.05.18.05.37.22.43.05.02.11.03.16.03.13 0 .25-.07.32-.19l3.53-2.35c.44.05.88.08 1.34.08 4.97 0 9-3.18 9-7.11S16.97 3 12 3z"/%3E%3C/svg%3E'); background-size: contain; background-repeat: no-repeat; vertical-align: middle; } /* 샘플8 */ .pc_shop_product_design_08{width:100%;max-width:1200px;margin:0 auto;padding:32px;background:#fff;box-sizing:border-box;} .pc_shop_product_design_08_title.pc_shop_product_design_08_banner{padding: 40px 50px;background: #f7f8fa;display: flex;flex-direction: column;} .pc_shop_product_design_08 > div:first-child{display:flex;align-items:flex-end;justify-content:space-between;padding:0 0 20px 0;border-bottom:1px solid #f1f1f1;margin-bottom:24px;position:relative;} .pc_shop_product_design_08_title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .pc_shop_product_design_08_title .main_title1{font-size:28px;font-weight:700;color:#111;line-height:1.2;letter-spacing:-0.03em;} .pc_shop_product_design_08_title .main_title2{font-size:20px;font-weight:400;color:#888;line-height:1.4;} .more_banner{display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:38px;padding:0 16px;border:1px solid #dcdcdc;background:#fff;font-size:13px;font-weight:500;color:#333;text-decoration:none;box-sizing:border-box;transition:all 0.2s ease;position:absolute;right:2px;} .more_banner:hover{border:1px solid #111;background:#111;color:#fff;} .pc_shop_product_design_08_list{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px;list-style:none;padding:0;margin:0;} .pc_shop_product_design_08_list_item{width:100%;} .pc_shop_product_design_08_list_item a{display:block;text-decoration:none;color:inherit;} .pc_shop_product_design_08_list_item a:hover .pc_shop_product_design_list_item_image{transform:scale(1.06);} .pc_shop_product_design_08_list_item a:hover .pc_shop_product_design_08_item_name{color:#000;} .pc_shop_product_design_08_list_item a:hover .pc_shop_product_design_08_image_box{border-color:#d8d8d8;box-shadow:0 10px 24px rgba(0, 0, 0, 0.08);} .pc_shop_product_design_08_image_box{position:relative;overflow:hidden;border:1px solid #efefef;background:#fafafa;transition:all 0.25s ease;} .pc_shop_product_design_list_item_image{width:100%;display:block;transition:transform 0.35s ease;} .pc_shop_product_design_08_item_name{margin:14px 0 0 0;font-size:18px;font-weight:500;color:#333;line-height:1.5;letter-spacing:-0.02em;height:51px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all;} .pc_shop_product_design_08_price_member{margin:12px 0 0 0;display:flex;flex-direction:column;gap:6px;} .pc_shop_product_design_08_price_row{display:flex;align-items:center;gap:8px;line-height:1.4;} .pc_shop_product_design_08_price_label{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:26px;padding:0 8px;background:#f5f5f5;font-size:13px;font-weight:600;color:#666;border-radius:6px;box-sizing:border-box;} .pc_shop_product_design_08_price_label_sale{background:#ff3d00;color:#fff;} .pc_shop_design_08_price{font-size:14px;font-weight:400;color:#999;text-decoration:line-through;} .pc_shop_product_design_08_price_sale_wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .pc_shop_product_design_08_discount{font-size:22px;font-weight:700;color:#ff3d00;letter-spacing:-0.03em;} .pc_shop_product_design_08_price_member_price{font-size:22px;font-weight:700;color:#111;letter-spacing:-0.03em;} .pc_shop_product_design_08_list_item a:hover .pc_shop_product_design_08_price_member_price{text-decoration:underline;} .pc_shop_product_design_08_list_item_soldout .pc_shop_product_design_08_image_box:after{content:"SOLD OUT";position:absolute;top:12px;left:12px;padding:6px 10px;background:rgba(0, 0, 0, 0.75);font-size:11px;font-weight:700;color:#fff;z-index:2;}