/*ALL CSS-----------------------------------------------------*/ .k_main_section{padding-top: 100px;} .k_container{width: 95%;max-width: 1300px;margin: 0 auto;} .k_main_tit{font-size: 2.6rem;margin-bottom: 50px;} .k_main_tit span{font-size: 16px;color: #999;font-weight: 300;letter-spacing: -0.03em;padding-left: 13px;} @media screen and (max-width: 980px){ .k_main_section{padding-top: 50px;} .k_main_tit{font-size: 1.8rem;text-align: center;} .k_main_tit span{font-size: 13px;display: block;padding-left: 0;margin-top: 5px;} } /*header-----------------------------------------------------*/ #k_header{height: 210px;background-color: #FFF;position: relative;z-index: 1000;} .k_hd_con{width: 95%;max-width: 1300px;margin: 0 auto;} .k_hd_con2{width: 100%;max-width: 1300px;margin: 0 auto;} .k_hd_top{height: 150px;position: relative;} .k_logo{max-width: 300px;margin: 0 auto;} .k_logo img{display: block;width: 100%;padding-top: 34px;} .k_hd_left_menu, .k_hd_right_menu{position: absolute;top: 50%;transform: translateY(-50%);} .k_hd_left_menu{left: 0;} .k_hd_right_menu{right: 0;} .k_hd_left_menu ul li, .k_hd_right_menu ul li{float: left;} .k_hd_left_menu ul li a, .k_hd_right_menu ul li a{display: block;width: 100%;height: 100%;font-size: 14px;font-weight: 500;letter-spacing: -0.045em;transition: color 0.2s;} .k_hd_left_menu ul li{padding-right: 23px;position: relative;} .k_hd_right_menu ul li{padding-left: 23px;} .k_hd_left_menu ul li:first-child{margin-left: 9px;} .k_hd_left_menu ul li::before{content: "";position: absolute;left: -8px;top: 50%;transform: translateY(-50%) rotate(45deg);width: 3.5px;height: 3.5px;background-color: #222;background-color: color 0.2s;} .k_hd_bottom{height: 60px;border-top: 1px solid #222;border-bottom: 1px solid #eee;background-color: #FFF;position: relative;} .k_gnb_open{float: left;width: 60px;height: 60px;background-color: #222;margin-top: -1px;position: relative;} .k_gnb_open span{position: absolute;top: 29px;left: 20px;width: 20px;height: 2px;background-color: #FFF;transition: width 0.2s;} .k_gnb_open span:nth-child(1){width: 17px;transform: translateY(-7px);} .k_gnb_open span:nth-child(2){width: 14px;} .k_gnb_open span:nth-child(3){transform: translateY(7px);} .k_gnb{float: left;padding-left: 5px;} .k_gnb>ul::after{content: "";clear: both;display: block;} .k_gnb>ul>li{float: left;position: relative;} .k_gnb>ul>li>a{display: block;width: 100%;height: 100%;line-height: 59px;font-size: 17px;font-weight: 400;letter-spacing: -0.045em;padding: 0 20px;} .k_gnb>ul>li:nth-child(1)>a, .k_gnb>ul>li:nth-child(2)>a{font-weight: 500;color: #dfb081;} .k_gnb>ul>li::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: 20px;background-color: #eee;} .k_gnb>ul>li:last-child::after{display: none;} .k_gnb>ul>li>ul{display: none;} .k_search{float: right;width: 60px;height: 59px;border: 1px solid #eee;border-bottom: none;border-top: none;position: relative;} .k_search i{font-size: 1.5rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .k_sns{float: right;padding-right: 20px;} .k_sns ul::after{content: "";clear: both;display: block;} .k_sns ul li{float: left;} .k_sns ul li a{display: block;width: 100%;height: 100%;padding: 0 8px;line-height: 59px;} #k_mo_header{display: none;}/*모바일 header*/ /*mouse hover*/ .k_hd_left_menu ul li:hover a, .k_hd_right_menu ul li:hover a{color: #dfb081;} .k_hd_left_menu ul li:hover::before{background-color: #dfb081;} .k_gnb_open:hover span{width: 20px;} /*mouse hover*/ /*motion*/ #k_header.active .k_hd_bottom{position: fixed;top: 0;left: 0;width: 100%;} /*motion*/ @media screen and (max-width: 1280px){ .k_gnb>ul>li>a{font-size: 15px;padding: 0 15px;} } @media screen and (max-width: 980px){ #k_mo_header{display: block;position: fixed;top: 0;left: 0;width: 100%;height: 60px;border-bottom: 1px solid #EEE;z-index: 1000;background-color: #FFF;}/*모바일 header*/ .k_mo_open{float: left;width: 20px;height: 60px;position: relative;margin-left: 3px;} .k_mo_open span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background-color: #222;} .k_mo_open span:nth-child(1){transform: translateY(-7px);} .k_mo_open span:nth-child(3){transform: translateY(7px);} .k_mo_member, .k_mo_search{float: right;width: 25px;height: 60px;position: absolute;top: 0;right: 2.5%;} .k_mo_member{margin-left: 10px;} .k_mo_search{right: 10%;} .k_mo_member i, .k_mo_search i{font-size: 1.8rem;} .k_mo_logo{width: 159px;margin: 0 auto;} .k_mo_logo img{display: block;width: 100%;padding-top: 8px;} #k_header{display: none;} } /*main_visual-----------------------------------------------------*/ #k_main_visual{width: 100%;max-width: 1919px;height: 600px;margin: 0 auto;position: relative;overflow: hidden;z-index: 1;cursor: grab;} .k_mv_container{width: 300% !important;height: inherit;position: relative;background-color: #FFF;} .k_mv_container li{float: left;width: 33.333% !important;height: inherit;position: relative;overflow: hidden;} .k_mv_container li img{display: block;width: 100%;margin: 0 auto;} .k_next, .k_prev{position: absolute;top: 50%;transform: translateY(-50%);} .k_next{right: 5%;} .k_prev{left: 5%;} .k_next img, .k_prev img{display: block;width: 40px;} .k_controls{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);text-align: center;} .k_controls li{display: inline-block;padding: 0 4px;} .k_controls li button{width: 10px;height: 10px;background-color: #FFF;border-radius: 13px;box-shadow: 3px 3px 3px rgba(0,0,0,0.5);opacity: 0.7;} .k_controls li button.active{background-color: #222;opacity: 1;} @media screen and (max-width: 980px){ #k_main_visual{margin-top: 60px;} } /*k_main_section_01-----------------------------------------------------*/ /*k_main_section_02-----------------------------------------------------*/ .k_pro_list li{float: left;width: 25%;background-repeat: no-repeat;background-size: cover;background-position: center center;} .k_pro_list li:nth-child(4n+1){clear: both;} .k_pro_list li a{display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);position: relative;opacity: 0;transition: opacity 0.3s;} .k_pro_list li:nth-child(1) a{display: block !important;width: 100%;height: 100%;background: none;opacity: 1 !important;} .k_pro_list li a div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;color: #FFF;} .k_pro_list li a div h3{font-size: 1.5rem;font-weight: 400;letter-spacing: -0.045em;} .k_pro_list li a div p{letter-spacing: -0.045em;margin-bottom: 13px;} .k_pro_list li a div span{font-weight: 500;letter-spacing: -0.045em;} .k_pro_list li:nth-child(1) img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 240px;width: 80%;} .k_pro_list li:nth-child(2){background-image: url(/img/index/k_pro_img_01.jpg);} .k_pro_list li:nth-child(3){background-image: url(/img/index/k_pro_img_02.jpg);} .k_pro_list li:nth-child(4){background-image: url(/img/index/k_pro_img_03.jpg);} .k_pro_list li:nth-child(5){background-image: url(/img/index/k_pro_img_04.jpg);} .k_pro_list li:nth-child(6){background-image: url(/img/index/k_pro_img_05.jpg);} .k_pro_list li:nth-child(7){background-image: url(/img/index/k_pro_img_06.jpg);} .k_pro_list li:nth-child(8){background-image: url(/img/index/k_pro_img_07.jpg);} /*mouse hover*/ .k_pro_list li:hover a{opacity: 1;} /*mouse hover*/ @media screen and (max-width: 980px){ .k_pro_list li{float: left;width: 33.333%;} .k_pro_list li:nth-child(4n+1){clear: none;} } @media screen and (max-width: 760px){ .k_pro_list li{float: left;width: 50%;} .k_pro_list li:nth-child(4n+1){clear: none;} .k_pro_list li:nth-child(1) img{width: 70%;} } /*k_main_section_03-----------------------------------------------------*/ /*k_main_section_04-----------------------------------------------------*/ #k_main_section_04 div{height: auto;background-color: #000;} /*중앙배너-부분*/ .k_box_bn{height: auto;} .k_box_bn img{display: block;width: 100%;height: auto !important;} /*k_main_section_05-----------------------------------------------------*/ #k_main_section_05{padding-bottom: 100px;} @media screen and (max-width: 980px){ #k_main_section_05{padding-bottom: 50px;} } /*k_main_section_06-----------------------------------------------------*/ #k_main_section_06{padding-bottom: 100px;position: relative;} #k_main_section_06 .k_main_tit{margin-bottom: 23px;color: #FFF;} #k_main_section_06 .k_main_txt{color: rgba(255,255,255,0.85);letter-spacing: -0.045em;font-weight: 400;} #k_main_section_06::before{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 1920px;height: 450px;background-image: url(/img/index/k_review_bg.jpg);z-index: -1;background-size: cover;background-repeat: no-repeat;background-position: center center;} .k_review{margin-top: 80px;} .k_review *{outline: none;} .k_review li{height: 230px;padding: 0 15px;} .k_review li img{display: block;width: 100%;} .k_slick-prev, .k_slick-next{position: absolute;top: 50%;transform: translateY(-50%);width: 42px;height: 42px;z-index: 800;background: #FFF;box-shadow: 3px 3px 5px rgba(0,0,0,0.1);border-radius: 50px;border: 1px solid #f9f9f9;} .k_slick-prev{left: 0;} .k_slick-next{right: 0;} .k_slick-prev img, .k_slick-next img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 10px;} @media screen and (max-width: 1280px){ } @media screen and (max-width: 980px){ #k_main_section_06{padding-bottom: 50px;} #k_main_section_06 .k_main_txt{text-align: center;} } /*footer*/ .k_footer{border-top: 1px solid #222;} .k_ft_con{width: 95%;max-width: 1300px;margin: 0 auto;position: relative;} .k_ft_menu{height: 50px;border-bottom: 1px solid #EEE;} .k_ft_menu>div{height: inherit;} .k_ft_left{float: left;} .k_ft_right{float: right;} .k_ft_left::after, .k_ft_right::after{content: "";clear: both;display: block;} .k_ft_left li, .k_ft_right li{float: left;position: relative;} .k_ft_left li a, .k_ft_right li a{display: block;width: 100%;height: 100%;line-height: 49px;} .k_ft_left li a{padding: 0 20px;font-size: 15px;color: #9d9d9d;letter-spacing: -0.030em;font-weight: 400;} .k_ft_left li::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: -1px;width: 1px;height: 15px;background-color: #999;} .k_ft_left li:first-child a{padding-left: 0;} .k_ft_left li:last-child a{padding-right: 0;} .k_ft_left li:last-child::after{display: none;} .k_ft_right li a{padding-left: 20px;} .k_ft_info{padding-top: 15px;padding-bottom: 20px;} .k_ft_info ul li{margin-bottom: 20px;} .k_ft_info ul li p{font-size: 14px;color: #7d7d7d;} .k_ft_info ul li p b, .k_ft_info ul li p span{font-weight: bold;color: #222;} .k_ft_info_1 p i{padding: 0 10px;position: relative;} .k_ft_info_1 p i:nth-child(3){padding-left: 0;} .k_ft_info_1 p i:last-child{padding-right: 0;} .k_ft_info_1 p i::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: -2px;width: 1px;height: 14px;background-color: #999;} .k_ft_info_1 p i:last-child::after{display: none;} .k_ft_info_3 p>span{display: block;margin-bottom: 8px;} .k_ft_info_3 p i{padding: 0 15px;position: relative;} .k_ft_info_3 p i:nth-child(2), .k_ft_info_3 p i:nth-child(10){padding-left: 0;} .k_ft_info_3 p i::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: -2px;width: 1px;height: 14px;background-color: #999;} .k_ft_info_3 p i:last-child::after, .k_ft_info_3 p i:nth-child(7)::after{display: none;} .k_ft_copy{padding: 15px 0;background-color: #222;} .k_ft_copy p{font-size: 13px;color: #bababa;text-align: center;} .k_ft_logo{position: absolute;top: 0;right: 0;} @media screen and (max-width: 1080px){ .k_ft_logo{position: absolute;top: 0;left: 0;max-width: 200px;} .k_ft_logo img{display: block;width: 100%;} .k_ft_info ul{padding-top: 64px;} } @media screen and (max-width: 980px){ .k_ft_left li a{font-size: 14px;} .k_ft_info ul li p{font-size: 13px;} .k_ft_copy p{font-size: 12px;} } @media screen and (max-width: 760px){ .k_ft_info{padding: 15px 0;} .k_ft_left li a{font-size: 12px;padding: 0 10px;} .k_ft_info ul li p{font-size: 12px;} .k_ft_info_1 p i:nth-child(5), .k_ft_info_1 p i:nth-child(8){padding-left: 0;} .k_ft_info_1 p i:nth-child(3)::after, .k_ft_info_1 p i:nth-child(6)::after{display: none;} .k_ft_info_3 p i:nth-child(5), .k_ft_info_3 p i:nth-child(7), .k_ft_info_3 p i:nth-child(10), .k_ft_info_3 p i:nth-child(13){padding-left: 0;} .k_ft_info_3 p i:nth-child(3)::after, .k_ft_info_3 p i:nth-child(7)::after, .k_ft_info_3 p i:nth-child(5)::after,.k_ft_info_3 p i:nth-child(11)::after{display: none;} } /*top_btn-----------------------------------------------------*/ #k_top_btn{position: fixed;bottom: 3%;right: 3%;width: 45px;height: 45px;background-color: #222;box-shadow: 3px 3px 5px rgba(0,0,0,0.15);transition: background-color 0.2s;z-index: 1100;} #k_top_btn i{text-align: center;line-height: 45px;color: #FFF;width: 100%;} #k_top_btn:hover{background-color: #dfb081;} @media screen and (max-width: 980px){ #k_top_btn{width: 35px;height: 35px;bottom: 2%;} #k_top_btn i{line-height: 35px;} } /*search*/ #k_search_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.75);z-index: 900;display: none;} .k_search_box{position: absolute;top: 59px;left: 0;width: 100%;background-color: rgba(255,255,255,0.9);padding: 50px 0;padding-top: 40px;display: none;} .k_search_box>div{position: relative;} .k_search_box h3{font-size: 1.8rem;font-weight: 500;letter-spacing: -0.045em;margin-bottom: 13px;} .k_search_box form{position: relative;} .k_main_search{display: block;width: 100%;border: none;background: none;padding: 10px 15px;font-size: 1.1rem;border-bottom: 2px solid #222;outline: none;} .k_search_btn{position: absolute;top: 0;right: 0;width: 48px;height: 48px;} .k_search_btn i{font-size: 1.5em;} .k_search_close{width: 50px;height: 50px;position: absolute;top: 0;right: 0;} .k_search_close span{position: absolute;top: 24px;left: 12.5px;width: 25px;height: 2px;background-color: #222;transition: transform 0.2s;} .k_search_close span:nth-child(1){transform: rotate(-45deg);} .k_search_close span:nth-child(2){transform: rotate(45deg);} .k_search_close:hover span{transform: rotate(0);} .k_search_box2{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 95%;z-index: 950;background: none;color: #FFF;} .k_search_box2 h3{font-size: 18px;} .k_search_box2 .k_search_close{width: 30px;height: 30px;} .k_search_box2 .k_search_close span{background-color: #FFF;left: 0;top: 14px;} .k_search_box2 .k_main_search{border-color: #FFF;} @media screen and (min-width: 981px){ .k_search_box2{display: none !important;} } /*메인페이지-상품진열*/ .k_main_item_con::after{content: "";clear: both;display: block;} .k_main_item_con>li{float: left;text-align: center;} .k_main_item_con li .k_main_item_tit{font-size: 1rem;font-weight: 500;letter-spacing: -0.045em;margin-top: 8px;margin-bottom: 6px;} .k_main_item_con li .k_main_item_txt{color: #9c9b9b;font-weight: 300;letter-spacing: -1px;margin-bottom: 5px;font-size: 0.9rem;} .k_main_item_con li .k_main_item_price1, .k_main_item_con li .k_main_item_price2{font-size: 1.1rem;font-weight: 600;} .k_main_item_con li .k_main_item_price1{text-decoration: line-through;font-size: 0.95rem;font-weight: 400;color: #999;} @media screen and (min-width: 1280px){ .k_main_item_con>li{width: 22.75%;margin-right: 3%;margin-bottom: 40px;} .k_main_item_con>li:nth-child(4n){margin-right: 0;} .k_main_item_con>li:nth-child(4n+1){clear: both;} /* .k_main_item_con>li:nth-child(n+5){margin-bottom: 0;}*/ } @media screen and (min-width: 760px) and (max-width: 1280px){ .k_main_item_con>li{width: 30%;margin-right: 5%;margin-bottom: 40px;} .k_main_item_con>li:nth-child(3n){margin-right: 0;} .k_main_item_con>li:nth-child(3n+1){clear: both;} /* .k_main_item_con>li:nth-child(n+7){margin-bottom: 0;}*/ } @media screen and (max-width: 760px){ .k_main_item_con>li{width: 47.5%;margin-right: 5%;margin-bottom: 35px;} .k_main_item_con>li:nth-child(2n){margin-right: 0;} .k_main_item_con>li:nth-child(2n+1){clear: both;} /* .k_main_item_con>li:nth-child(n+7){margin-bottom: 0;}*/ } /*관리자*/ .hd_admin{position:fixed;bottom:10px;left:10px;z-index:999;} .hd_admin a{padding:0 20px;display:inline-block;;line-height:40px;background:#028bd3;color:#fff} .hd_admin a:hover{background:#ff0000} /*폼--공통--CSS*/ .k_section{padding: 100px 0;width: 95%;max-width: 1300px;margin: 0 auto;}/*컨테이너*/ .k_input{width: 100%;padding: 23px 15px;font-size: 0.95rem;background: none !important;border-color: #CCC;outline: none;transition: border-color 0.5s, box-shadow 0.5s;} /*.k_input:focus{border-color: #222;box-shadow: 2px 2px 3px rgba(0,0,0,0.1)}*/ .k_btn_submit, .k_btn_submit2{width: 100%;height: 40px;margin: 10px 0 0;font-size: 1.083em;font-weight: bold;line-height: 40px;cursor: pointer;} .k_btn_submit{background: #222;color: #FFF;} .k_btn_submit2{border: 1px solid #999;font-weight: 400;letter-spacing: -0.045em;color: #999;}/*공통버튼*/ .k_form_tit{font-weight: 400;letter-spacing: -0.045em;}/*타이틀-공통*/ @media screen and (max-width: 980px){ .k_section{padding: 50px 0;padding-top: 100px;}/*컨테이너*/ } /*---header---언어선택---*/ #lang{position: absolute !important;top: 0 !important;left: 0 !important;} #lang span{margin: 0 !important;padding: 8px !important;font-size: 0.9rem !important;} #lang span center:nth-child(1){display: none;} /*로그인-skin-수정*/ #mb_login{width: 95%;max-width: 500px;} #mb_login>h1.k_eng{font-size: 2.3rem;margin-bottom: 15px;text-align: center;font-weight: 500;} #mb_login .k_login_txt{color: #999;letter-spacing: -0.045em;text-align: center;padding: 0;border-bottom: none;} .k_login_info #login_info, .k_login_info .k_login_link{} .k_login_info #login_info{float: left;} .k_login_info .k_login_link{float: right;color: #999;font-weight: 400;letter-spacing: -0.045em;} .k_login_info .k_login_link a{border-right: none !important;} #mb_login_od_wr{border-bottom: none;} /*#mb_login_od_wr .k_mb_loing_od_tit{font-size: 1.7rem;margin-bottom: 8px;text-align: center;font-weight: 500;letter-spacing: -0.045em;}*/ /*#mb_login_od{padding: 0;border: none;}*/ /*#mb_login_odinfo{background: none;padding: 0;margin: 0;font-size: 0.9rem;color: #777;letter-spacing: -0.045em;}*/ /*#mb_login_odinfo strong{color: #222;font-weight: 500;}*/ @media screen and (max-width: 980px){ #mb_login{margin-top: 60px;} } /*상품리스트*/ .sct_admin{display: none !important;} #sct_location{margin: 0;border: none;background: none;} /*.k_item_lst_tit{padding-top: 100px;margin-bottom: 35px;}*/ /*.k_item_lst_tit h2{text-align: center;font-size: 1.7rem;font-weight: 400;letter-spacing: -0.045em;}*/ #sct_ct_1{margin: 0;padding: 0;border: none;width: 95%;max-width: 1300px;margin: 0 auto;} #sct_ct_1 ul{margin: 0;padding: 0;border: none;text-align: center;margin-bottom: 50px;} #sct_ct_1 ul li{margin: 0;padding: 0;border: none;float: none;display: inline-block;width: auto;padding: 0 10px;} #sct_ct_1 ul li a{display: block;width: 105px;height: 40px;line-height: 40px;background: #EEE;color: #777;font-size: 0.95rem;font-weight: 400;letter-spacing: -0.045em;border-radius: 100px;} #sct_ct_1 ul li a:hover{background: #222;color: #FFF;transition: background 0.2s;} #sct_sortlst{margin: 0;padding: 0;border: none;width: 95%;max-width: 1300px;margin: 0 auto;margin-bottom: 50px;} /*#sct_sort{margin: 0;padding: 0 20px;border: 1px solid #EEE;float: none;width: 100%;height: 60px;}*/ #ssch_sort{float: right;} #ssch_sort li a{margin: 0;padding: 0;border: none;font-size: 0.875rem;padding-left: 20px;background: none;letter-spacing: -0.045rem;font-weight: 300;color: #777;line-height: 60px;} @media screen and (max-width: 980px){ #sct_ct_1 ul li{padding: 0 5px;} #sct_ct_1 ul li a{width: 80px;height: 35px;line-height: 35px;} } @media screen and (max-width: 460px){ #sct_ct_1 ul li{padding: 0 5px;} #sct_ct_1 ul li a{width: 65px;height: 35px;line-height: 35px;} } @media screen and (max-width: 380px){ #sct_ct_1 ul li{padding: 0 3px;} #sct_ct_1 ul li a{width: 65px;height: 35px;line-height: 35px;} } /*상품---상세페이지*/ .sit_admin{display: none;} #sit_siblings{display: none;} #sit, #sit_ov_from{margin: 0;padding: 0;border: none;} #sit_ov_wrap{width: 95%;max-width: 1300px;margin: 0 auto;padding: 0;border: none;background: none;margin-top: 50px;} /*상품이미지*/ #sit_pvi{width: 38%;margin-right: 5%;padding-top: 0;} /*20240416 수정*/ #sit_pvi_big{float: none;border: 1px solid #eee;} #sit_pvi_big img{width: auto !important;display: block;margin: 0 auto;} #sit_pvi_thumb li{margin-bottom: 0;} #popup_item_image{display: none !important;} /*주문하기*/ #sit_ov{width: 45%;margin: 0;padding: 15px;max-width: unset;border-top: 2px solid #333;} #sit_ov #sit_title{font-size: 1.68rem;font-weight: 500;letter-spacing: -1px;} #sit_ov #sit_desc{font-size: 0.9rem;letter-spacing: -0.045em;color: #777;} #sit_ov #sit_star_sns{display: none;} #sit_ov .sit_info{margin: 0;padding: 0;border: none;border-top: 1px solid #EEE;margin-top: 20px;padding-top: 15px;border-bottom: 1px solid #EEE;margin-bottom: 20px;padding-bottom: 15px;} #sit_ov .sit_info .sit_ov_tbl{margin: 0;padding: 0;border: none;} #sit_ov .sit_info .sit_ov_tbl tr, #sit_ov .sit_info .sit_ov_tbl td, #sit_ov .sit_info .sit_ov_tbl th{margin: 0;padding: 0;border: none;font-size: 0.95rem !important;} #sit_ov .sit_info .sit_ov_tbl td, #sit_ov .sit_info .sit_ov_tbl th{padding: 8px 0;} .sit_info .sit_ov_tbl th{font-weight: 500;color: #222;} #sit_ov .sit_info .sit_ov_tbl tr.tr_price i{font-weight: 600;color: #222;font-size: 1.2rem;} /*#sit_ov .sit_option{margin: 0;padding: 0;border: none;}*/ #sit_ov .sit_option{border-bottom: 1px solid #EEE;margin-bottom: 0;padding-bottom: 20px;} #sit_ov .sit_option label{font-size: 0.95rem;font-weight: 500;color: #222;} #sit_ov .sit_option select{font-size: 0.95rem;background: none !important;border-color: #CCC;outline: none;transition: border-color 0.5s, box-shadow 0.5s;cursor: pointer;} /*#sit_ov .sit_option select:focus{border-color: #222;box-shadow: 2px 2px 3px rgba(0,0,0,0.1)}*/ #sit_sel_option #sit_opt_added{border: none;} #sit_sel_option #sit_opt_added .sit_opt_list{margin: 0;padding: 0;border: none;border-bottom: 1px solid #555;height: 75px;} #sit_sel_option #sit_opt_added .sit_opt_list::after{content: "";clear: both;display: block;} #sit_sel_option #sit_opt_added .sit_opt_list .opt_name{float: left;margin: 0;line-height: 75px;} #sit_sel_option #sit_opt_added .sit_opt_list .opt_count{float: right;margin: 0;} #sit_sel_option #sit_opt_added .sit_opt_list .sit_opt_subj{font-size: 0.95rem;font-weight: 500;color: #222;} #sit_sel_option #sit_opt_added .sit_opt_list .opt_count button{margin: 0;padding: 0;width: 30px;height: 30px;border: 1px solid #EEE;margin-top: 22.5px;} #sit_sel_option #sit_opt_added .sit_opt_list .opt_count button i{line-height: unset;color: #CCC;} #sit_sel_option #sit_opt_added .sit_opt_list .opt_count button:hover i{color: #222;} #sit_sel_option #sit_opt_added .sit_opt_list .opt_count .num_input{text-align: center;width: 45px;border: none;} #sit_sel_option #sit_opt_added .sit_opt_list .opt_count .sit_opt_prc{font-size: 0.95rem;font-weight: 500;color: #222;padding: 0 15px;} #sit_ov #sit_ov_btn::after{content: "";clear: both;display: block;} #sit_ov #sit_ov_btn button{width: 50%;margin: 0;padding: 0;border: none;border-radius: unset;font-size: 1.1rem;} #sit_ov #sit_ov_btn button.sit_btn_cart{background: #f9f9f9;} #sit_ov #sit_ov_btn button.sit_btn_buy{background: #dfb081;} #sit_ov #sit_ov_btn .sit_btn_wish{display: none;} #sit_rel{padding: 15px;border: none;width: 95%;max-width: 1300px;margin: 0 auto;padding-top: 25px;margin-top: 25px;border-top: 1px solid #EEE;} #sit_rel>h2{font-size: 1.3rem;font-weight: 500;letter-spacing: -0.045em;} #sit_rel ul li{text-align: center;} #sit_rel ul li .sct_txt{font-size: 1rem;font-weight: 500;color: #222;letter-spacing: -0.045em;} #sit_rel ul li .sct_basic{font-size: 0.9rem;font-weight: 400;color: #999;letter-spacing: -0.045em;} #sit_info{padding: 15px;border: none;width: 95%;max-width: 1300px;margin: 0 auto;margin-top: 75px;display: block;} #sit_info #sit_buy{display: none;} #sit_info #sit_tab{display: block;width: 100%;} #sit_info #sit_tab .tab_tit{margin: 0;padding: 0;border-bottom: none;border-top: 1px solid #EEE;text-align: center;margin-bottom: 50px;} #sit_info #sit_tab .tab_tit li{float: none;} #sit_info #sit_tab .tab_tit li .selected:after{top: -1px;background: #dfb081;} #sit_info #sit_tab .tab_tit li button{font-size: 1.05rem;padding: 10px 50px;font-weight: 500;letter-spacing: -0.045em;color: #999;} #sit_info #sit_tab .tab_tit li button.selected{color: #222;} #sit_info #sit_tab .tab_con{padding: 0;} #sit_info #sit_tab .tab_con #sit_inf{margin: 0;padding: 15px;border-bottom: none;} #sit_info #sit_tab .tab_con #sit_inf_open{border-top: 2px solid #777;} #sit_info #sit_tab .tab_con #sit_inf_open tr th{width: 250px;font-size: 0.9rem;font-weight: 500;color: #222;background: #f9f9f9;} #sit_info #sit_tab .tab_con #sit_inf_open tr td{font-size: 0.9rem;color: #777;} /*#sit_info #sit_tab #sit_dex h2{font-size: 1.3rem;font-weight: 500;letter-spacing: -0.045em;}*/ /*#sit_info #sit_tab #sit_dex h3{font-size: 1.1rem;font-weight: 400;letter-spacing: -0.045em;margin-bottom: 8px;color: #222;}*/ #sit_info #sit_tab #sit_dex>div{padding-left: 0;padding-right: 0;color: #777;} #sit_info #sit_tab .tab_con #sit_use{margin: 0;padding: 0;border-bottom: none;} #sit_info #sit_tab .tab_con #sit_use #sit_use_wbtn{position: unset;display: block;text-align: center;margin-top: 25px;} /*#sit_info #sit_tab .tab_con #sit_use #sit_use_wbtn a{display: inline-block;width: 145px;height: 40px;margin: 10px 0 0;font-size: 0.9rem;font-weight: 500;line-height: 38px;cursor: pointer;margin-top: 0;}*/ #sit_info #sit_tab .tab_con #sit_use #sit_use_wbtn a.itemuse_form{background: #222;color: #FFF;} #sit_info #sit_tab .tab_con #sit_use #sit_use_wbtn a.itemuse_list{border: 1px solid #999;font-weight: 400;letter-spacing: -0.045em;color: #999;height: 42px;background: #FFF;margin-top: 1px;} #sit_info #sit_tab .tab_con #sit_use #sit_use_ol{margin: 0;padding: 0;border-bottom: none;} #sit_info #sit_tab .tab_con #sit_use #sit_use_ol li{padding-left: 0;padding: 20px 15px;background: none;} #sit_use_ol li .sit_use_dl{padding: 0;} #sit_use_ol li .sit_use_dl dd{font-size: 1rem;font-weight: 500;letter-spacing: -0.045em;color: #222;} #sit_use_ol li .sit_use_dl dd.sit_use_star img{margin-bottom: -3px;} #sit_use_ol .sit_use_li_title{position: unset;display: block;border: none;margin-top: 13px;background: #f9f9f9;font-size: 0.9rem;font-weight: 400;letter-spacing: -0.045em;} #sit_use_ol .sit_use_li_title:hover{background: #f9f9f9;color: #222;} #sit_use_ol .sit_use_con{padding: 0;margin: 0;} #sit_use_ol .sit_use_con .sit_use_p{padding: 15px;border-color: #EEE;font-size: 0.9rem;} #sit_use_ol .sit_use_con .sit_use_cmd{text-align: center;} #sit_use_ol .sit_use_con .sit_use_cmd a{display: inline-block;/*width: 125px;height: 35px;*/margin: 10px 0 0;font-size: 0.8rem;font-weight: 400;line-height: 33px;cursor: pointer;margin-top: 0;padding: 0;} #sit_qa{padding: 0;margin: 0;border-bottom: none;} #sit_qa_ol{padding: 0;margin: 0;} #sit_qa_wbtn{position: unset;display: block;text-align: center;margin-top: 25px;margin-bottom: 0;} /*#sit_qa_wbtn a{display: inline-block;width: 145px;height: 40px;margin: 10px 0 0;font-size: 0.9rem;font-weight: 500;line-height: 40px;cursor: pointer;margin-top: 0;}*/ #sit_qa_wbtn a.itemqa_form{background: #222;color: #FFF;} #sit_qa_wbtn #itemqa_list{border: 1px solid #999;font-weight: 400;letter-spacing: -0.045em;color: #999;height: 42px;background: #FFF;margin-top: 1px;} #sit_qa_ol .sit_qa_li{padding: 15px;background: none;} #sit_qa_ol .sit_qa_li button{padding: 0;font-size: 1rem;font-weight: 500;letter-spacing: -0.045em;color: #222;} #sit_qa_ol .sit_qa_li button img{margin-bottom: 0;margin-left: 3px;} #sit_qa_ol .sit_qa_li .sit_qa_li_title{width: auto;height: 25px;line-height: 25px;} #sit_qa_ol .sit_qa_li .sit_qa_dl{width: auto;padding: 0;height: 25px;line-height: 25px;font-size: 0.9rem;font-weight: 400;letter-spacing: -0.045em;color: #222;} #sit_qa_ol .sit_qa_li .sit_qa_dl dd{margin: 0;margin-left: 13px;} #sit_qa_ol .sit_qa_li .sit_qa_dl dd.sit_qaa_done{height: 23px;line-height: 23px;} #sit_qa_ol .sit_qa_li .sit_qa_con{padding: 0;margin: 0;} #sit_qa_ol .sit_qa_li .sit_qa_con .sit_qa_p{background: #f9f9f9;} #sit_qa_ol .sit_qa_li .sit_qa_con .sit_qa_p .sit_qa_qaq{padding: 0;margin: 0;padding-bottom: 10px;} #sit_qa_ol .sit_qa_li .sit_qa_con .sit_qa_p .sit_qa_qaa{padding: 0;margin: 0;padding-top: 10px;border-top-color: #EEE;} #sit_qa_ol .sit_qa_li .sit_qa_con .sit_qa_p .sit_qa_qaq strong{font-size: 0.9rem;font-weight: 500;letter-spacing: -0.045em;color: #222;} #sit_qa_ol .sit_qa_li .sit_qa_con .sit_qa_p .sit_qa_qaa strong{font-size: 0.9rem;font-weight: 500;letter-spacing: -0.045em;color: #222;} #sit_qa_ol .sit_qa_li .sit_qa_con .sit_qa_cmd{text-align: center;} #sit_qa_ol .sit_qa_li .sit_qa_con .sit_qa_cmd a{display: inline-block;/*width: 125px;height: 35px;*/margin: 10px 0 0;font-size: 0.8rem;font-weight: 400;line-height: 33px;cursor: pointer;margin-top: 0;padding: 0;} @media screen and (max-width: 1380px){ #sit_pvi_big img{width: 100% !important;max-width: 600px;} } @media screen and (max-width: 980px){ #sit_ov_wrap{margin-top: 110px;} #sit_info #sit_tab .tab_con #sit_inf_open tr th{width: 200px;} } @media screen and (max-width: 760px){ #sit_pvi, #sit_ov{float: none;width: 100%;} #sit_pvi_thumb{float: none;} #sit_pvi_big img{width: 100% !important;max-width: 360px;} #sit_info #sit_tab .tab_tit li button{padding: 10px 10px;} #sit_info #sit_tab .tab_con #sit_inf_open tr th{width: 130px;} #sit_qa_ol .sit_qa_li .sit_qa_li_title{float: none;display: block;width: 100%;} #sit_qa_ol .sit_qa_li .sit_qa_dl{float: none;display: block;width: 100%;} #sit_qa_ol .sit_qa_li .sit_qa_dl dd{margin-right: 13px;margin-left: 0;} } /*---주문하기---*/ #sod_frm{width: 95%;max-width: 1300px;margin: 0 auto;padding: 100px 0;} .k_od_tit{font-size: 1.4rem;font-weight: 500;letter-spacing: -0.045em;margin-top: 8px;margin-bottom: 6px;} #sod_list tr th{padding: 13px 0;border-top: 2px solid #555;border-bottom: 1px solid #eee;background: #f9f9f9;font-size: 0.9rem;font-weight: 500;letter-spacing: -0.045em;} #sod_list tr th:nth-child(2){width: 350px;} #sod_list tr td{font-size: 0.9rem;letter-spacing: -0.045em;color: #777;} #sod_list tr td .sod_opt{border: none;} #sod_list tr td .sod_opt ul li{background: #fff;border: none;padding: 0;} #sod_list tr td:nth-child(2) b{font-weight: 500;color: #222;} .tbl_head01{margin-bottom: 15px;} #sod_bsk_tot{background: #f9f9f9;margin-bottom: 60px;} #sod_bsk_tot dd, #sod_bsk_tot dt{width: 50%;padding-top: 15px;padding-bottom: 15px;border : 0;} #sod_bsk_tot .sod_bsk_cnt{background: #05143b;font-weight: bold;height: 60px;line-height : 60px;padding-top:0;padding-bottom:0;} #sod_frm .k_od_table table{border-top: 2px solid #555;margin-bottom: 50px;} #sod_frm .k_od_table table tr th{width: 130px;border-left: none;font-size: 0.875rem;letter-spacing: -0.045em;color: #222;font-weight: 500;background: none;border-right: none;background: #f9f9f9;} #sod_frm .k_od_table table tr td input{padding: 18px 5px;font-size: 0.95rem;background: none !important;border-color: #CCC;outline: none;transition: border-color 0.5s, box-shadow 0.5s;} /*#sod_frm .k_od_table table tr td input:focus{border-color: #222;box-shadow: 2px 2px 3px rgba(0,0,0,0.1)}*/ #sod_frm .k_od_table table tr td .btn_frmline{height: 37px;padding: 0 13px;font-size: 0.95rem;letter-spacing: -0.045em;font-weight: 500;} #sod_frm .k_od_table table tr td .k_od_label{vertical-align: middle;margin-top: 3px;font-size: 1rem;font-weight: 500;display: block;letter-spacing: -1px;} #sod_frm .k_od_radio td label{margin-right: 15px;font-size: 0.9rem;font-weight: 400;letter-spacing: -0.045em;} #sod_frm .k_od_radio #order_address{height: auto;} #sod_frm .k_od_tr_01 td label{font-size: 0.9rem;font-weight: 400;letter-spacing: -0.045em;} #sod_frm #od_memo{min-height: 200px;background: none;padding: 5px 10px;width: 100%;outline: none;transition: border-color 0.5s, box-shadow 0.5s;} /*#sod_frm #od_memo:focus{border-color: #222;box-shadow: 2px 2px 3px rgba(0,0,0,0.1)}*/ #sod_frm_pay .k_od_last table tr th{border-left: none;/*font-size: 0.95rem;letter-spacing: -0.045em;color: #222;*/font-weight: 500;background: none;border-right: none;background: #f9f9f9;} /*#sod_frm_pay .k_od_last table tr td{padding: 7px 13px !important;font-size: 0.95rem;letter-spacing: -0.045em;color: #222;font-weight: 500;}*/ #sod_frm #sod_frm_pt_alert{margin: 50px 0 !important;} #sod_frm #sod_frm_paysel{padding: 15px 0;margin: 0;background: #f9f9f9;border-color: #EEE;} #sod_frm #sod_frm_paysel label{margin-right: 15px;} #sod_frm #sod_frm_pay{margin-bottom: 50px;} #sod_frm #display_pay_button{text-align: center;} #sod_frm #display_pay_button input, #sod_frm #display_pay_button a{width: 100%;height: 40px;font-size: 1.083em;font-weight: bold;cursor: pointer;} #sod_frm #display_pay_button input{background: #222;color: #FFF;width: 145px;} #sod_frm #display_pay_button a{border: 1px solid #999;font-weight: 400;letter-spacing: -0.045em;color: #999;width: 145px;background: none;margin-top: -8px;} @media screen and (max-width: 980px){ #sod_frm{padding: 50px 0;margin-top: 60px;} #sod_bsk_tot .sod_bsk_cnt{height: 40px;line-height :40px;} } /*---모바일 메뉴---*/ /*---주문정보---*/ /*#sod_fin{width: 95%;max-width: 1300px;margin: 0 auto;padding: 100px 0;}*/ /*#sod_fin #sod_fin_no{font-size: 0.95rem;letter-spacing: -0.045em;color: #222;font-weight: 500;padding: 15px 0;text-align: center;background: #f9f9f9;margin-bottom: 15px;}*/ /*#sod_fin #sod_fin_list table{}*/ /*#sod_fin #sod_fin_list table th{border-left: none;font-size: 0.95rem;letter-spacing: -0.045em;color: #222;font-weight: 500;background: none;border-right: none;background: #f9f9f9;border-top: 2px solid #555;border-bottom-color: #eee;padding: 13px 0;}*/ /*#sod_fin #sod_fin_list table th:nth-child(2){width: 300px;}*/ /*#sod_fin #sod_fin_list table td{font-size: 12px;padding: 13px 0;}*/ /*#sod_fin #sod_fin_list table td:nth-child(2){font-size: 13px;font-weight: 500;}*/ #sod_fin_view{border: none;} #sod_fin_view section{margin-bottom: 60px;padding: 0;border: none;} /*#sod_fin_view section h3{font-size: 1.2rem;font-weight: 500;letter-spacing: -0.045em;}*/ #sod_fin_view section table{border-top: 2px solid #555;} /*#sod_fin_view section table tr th{border-left: none;font-size: 0.95rem;letter-spacing: -0.045em;color: #222;font-weight: 500;background: none;border-right: none;background: #f9f9f9;padding: 13px 0;}*/ /*#sod_fin_view section table tr td{padding: 13px;font-size: 0.98rem;}*/ #sod_fin #sod_fin_tot{padding: 0;background: none;border: none;} #sod_fin #sod_fin_tot ul li{font-size: 1.1rem;font-weight: 500;letter-spacing: -0.045em;color: #222;border: none;} #sod_fin #sod_fin_tot ul li#alrdy{background: #028bd3;color: #FFF;} #sod_fin_cancel button{width: 145px;padding: 0;background: #222;font-size: 0.9rem;} #sod_fin_cancel p{font-size: 1.1rem;letter-spacing: -0.045em;color: #222;font-weight: 500;} #sod_fin_cancelfrm::after{content: "";clear: both;display: block;} #sod_fin_cancelfrm label{font-size: 0.95rem;letter-spacing: -0.045em;color: #222;font-weight: 500;} #sod_fin_cancelfrm input{width: 50%;padding: 23px 15px;font-size: 0.95rem;/*background: none !important;*/border-color: #CCC;outline: none;transition: border-color 0.5s, box-shadow 0.5s;} /*#sod_fin_cancelfrm input:focus{border-color: #222;box-shadow: 2px 2px 3px rgba(0,0,0,0.1)}*/ #sod_fin_cancelfrm .btn_frmline{width: 80px;padding: 0;height: 48px;border: none;/*background-color: #222 !important;*/color: #FFF;font-size: 1rem;font-weight: 500;letter-spacing: -0.045em;vertical-align: middle;} @media screen and (max-width: 980px){ #sod_fin_view section{margin-bottom:40px} #sod_fin{padding: 50px 0;margin-top: 60px;} } /*---마이페이지 회원정보 변경---*/ #mb_confirm{width: 95%;max-width: 650px;margin: 50px auto;} #mb_confirm h1{font-size: 1.4rem;font-weight: 500;letter-spacing: -0.045em;} #mb_confirm p{letter-spacing: -0.045em;color: #999;} /*#mb_confirm p strong{font-size: 1.1rem;font-weight: 500;letter-spacing: -0.045em;color: #dfb081;}*/ #mb_confirm fieldset{border: none;} #mb_confirm fieldset::after{content: "";clear: both;display: block;} #mb_confirm fieldset div{float: left;} #mb_confirm fieldset div.k_chek_01{width: 30%;} #mb_confirm fieldset div.k_chek_02{width: 70%;} #mb_confirm fieldset div i, #mb_confirm fieldset div span{font-size: 1.2rem;font-weight: 400;letter-spacing: -0.045em;color: #bbb;display: block;margin-bottom: 15px;} #mb_confirm fieldset div input, #mb_confirm fieldset div label{font-size: 1.2rem;font-weight: 400;letter-spacing: -0.045em;color: #BBB;display: block;margin-bottom: 50px;} #mb_confirm fieldset div input{width: 100%;padding: 23px 15px;font-size: 0.95rem;background: none !important;border-color: #CCC;outline: none;transition: border-color 0.5s, box-shadow 0.5s;margin-top: -6px;} /*#mb_confirm fieldset div input:focus{border-color: #222;box-shadow: 2px 2px 3px rgba(0,0,0,0.1);color: #222;}*/ #mb_confirm fieldset div i, #mb_confirm fieldset div label, #mb_confirm fieldset div span{height: 46px;line-height: 46px;} #mb_confirm fieldset div span{color: #777;} @media screen and (max-width: 980px){ #mb_confirm{margin-top: 110px;} } /*---결제---무통장입금---*/ /*#settle_bank{display: block;font-size: 1.1rem;font-weight: 500;letter-spacing: -0.045em;margin: 25px 0 0;}*/ /*#settle_bank input{padding: 13px 5px;background: #FFF;border: 1px solid #999;}*/ /*----강동욱 후기 스타일----*/ /*#sps,#sps_sch,#sqa_sch,#sqa{width:95%; margin:0 auto; max-width:1300px;}*/ /*---상품검색---*/ /*#ssch{width: 95%;max-width: 1300px;margin: 0 auto;padding: 100px 0;}*/ #ssch_frm{background: #f9f9f9;border: none;padding: 0 15px;} #ssch_frm form{display: none;} #ssch_frm #ssch_ov{float: left !important;line-height: 60px;margin-bottom: 0;font-size: 0.95rem;font-weight: 500;letter-spacing: -0.045em;color: #222;} /*#ssch_frm #ssch_sort{float: right;}*/ #ssch_cate ul{margin: 0;padding: 15px 0;margin-top: 15px;margin-bottom: 25px;} #ssch .k_section_list{padding: 0 !important;} @media screen and (max-width: 980px){ /* #ssch_frm #ssch_ov, #ssch_frm #ssch_sort{float: none;width: 100%;text-align: center;line-height: 30px;}*/ } /*---2021.03.29---KSH 추가 CSS---*/ .itemform-naverpay{float: left;} #sit_ov #sit_star_sns{position: absolute;} /*---2021.04.21---video---*/ .video_wrap{width: 100%;max-width: 900px;margin: 0 auto;} .video_wrap video{display: block;width: 100% !important;} /*---2023.03.17 - video---*/ #nw_video_wrap{display: block;width: 100%;height: 100vh;background-color: #000;position: relative;overflow: hidden;} #nw_video{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%);z-index: 1;}