@charset "utf-8";




/*상단*/

.header_all_wrap {width: 100%;position: fixed;top: 0px;left: 0px;z-index: 1005;background-color: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.header_wrap * {z-index: 1001;}
.header_top_wrap {width: 100%;position: relative;top: 0px;left: 0px;padding: 25px 100px;}
.header_top_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.header_top {width: 100%;position: relative;top: 0px;left: 0px;max-width: 100%;margin: 0 auto;}
.header_top:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.header_top_box {position: relative;top: 0px;left: 0px;z-index: 2;}
.header_top_box:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.header_top_box_right {position: absolute;right: 0;left: auto;z-index: 2;margin-top: -3px;}
.header_top_logo_wrap {float: left;position: absolute;z-index: 2;width: 300px;top: 3px;}
.header_top_box_right_list {display: flex;align-items: center;}
.header_top_box_span {position:relative;display: inline-block;top: 0px;left: 0px;vertical-align: top;}
.header_top_box_span > a {font-size: 18px;color: #fff;padding: 0 10px;font-weight: 500;height: 50px;line-height: 50px;/* min-width: 120px; *//* display: inline-block; */border-bottom: 2px solid transparent;text-align: center;text-transform: uppercase;}
.header_top_box_ico > a {color: #999;font-size: 25px;padding: 0 10px;height: auto;line-height: inherit;min-width: 50px;display: inline-block;text-align: center;}
.header_top_mall_span > a {color: #fff; background-color: #01b4ed; font-size: 18px;font-weight: 500;padding: 0 20px;height: 50px;line-height: 50px;min-width: 120px;display: inline-block;text-align: center;border-radius: 100px;}
.header_top_mall_span {margin-left: 0;}
.header_top_box_span:first-child {border-left: none;}
.header_top_box_ico > a:hover{color: #01b4ed;}
.header_top_box_span > a:hover {color: #01b4ed !important; }
.header_top_box_span.active > a {color: #01b4ed;}

.lang_all_wrap {position: relative;top: 0px;left: 0px;z-index: 3;width: 115px;height: 50px;line-height: 40px;}
.lang_wrap {position: absolute;top: 0px;left: 0px;height: 50px}
.lang_box {border: 1px solid transparent;border-radius: 100px;}
.lang_sub_wrap {display: none;border: 1px solid #ddd;background-color:#fff; text-align:center;border-radius: 20px;}
.lang_sub_wrap a{color: #111 !important;}
.lang_sub_wrap a:hover {color: #01b4ed !important; }
.lang_box .lang_box_a {font-size: 18px;padding: 0px 20px;height: 50px;line-height: 50px;position: relative;top: 0px;left: 0px;display: inline-block;color: #999;}
.lang_box .lang_box_a:after {display: none;content: "";position: absolute;right: 20px;top: 11px;width: 8px;height: 8px;border-left: 1px solid #999;border-bottom: 1px solid #999;transform:rotate(-45deg);transition:all .3s ease;}
.lang_box:hover {}
.lang_box:hover .lang_box_a {color: #43b2ea;}
.lang_box:hover .lang_box_a:after {transform:rotate(135deg);top: 16px;border-color: #fff!important;}
.lang_box:hover .lang_sub_wrap {display: block;}
.lang_sub_box a {padding: 0 10px;height: 30px;line-height: 20px;}
.lang_sub_box a:hover {color: #222}
.main .lang_box:hover .lang_box_a{color: #43b2ea;}
.main .header_all_wrap {background-color: #97979747;}

.sub .header_top_box_span > a{color: #111;}
.sub .top_logo a svg .st2{fill: #0D5796;}

.top_nav { position: relative; top: 0px; left: 0px; font-size: 0px; text-align: center; z-index: 1; padding-top: 0px; overflow: hidden; }
.top_nav:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.top_nav .menu {width: 200px;position: relative;top: 0px;left: 0px;display: inline-block;vertical-align: top;}
.top_nav .menu_a {padding: 0px;font-size: 20px;color: #fff;/* padding: 0 5px; */font-weight: 500;display: inline-table;}
.top_nav .menu_a:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; font-size: large; }
.top_nav .menu_a span {vertical-align: middle;line-height: 1.2;text-align: center;max-width: 100%;position: relative;top: 0px;left: 0px;bottom: 0;right: 0;height: 50px;display: table-cell;}
.top_nav .menu_a span:after {content: '';position: absolute;bottom: -27px;left: 0px;width: 100%;height: 2px;background-color: #fff;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
.top_nav .sub_menu_a {letter-spacing: -0.025em;line-height: 1.6;font-size: 18px;color: #555;text-align: center;border-bottom: none;padding: 8px 0;-webkit-transition: none;transition: none;font-weight: 400;display: inline-block;}
.top_nav .sub_menu_wrap {width: 100%!important;position: relative;top: 100%;left: 0px;-webkit-transition: none;transition: none;text-decoration: none;display: none;padding: 15px 0;}
.top_nav .sub_menu_wrap > div:hover .sub_menu_a,.top_nav .sub_menu_wrap > div.active .sub_menu_a {color: #01b4ed;-webkit-transition: none;transition: none;font-weight: 500;}
.top_nav .menu:hover .menu_a,.top_nav .menu.active .menu_a {color: #01b4ed;}
.top_nav .menu:hover .menu_a span:after { width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.top_nav .menu.active .menu_a span:after { width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.top_nav .sub_menu_wrap:before {content: "";position: absolute;top: 0px;left: 50%;/* width: 3000px; *//* margin-left: -1500px; *//* border-top: 1px solid rgba(0, 0, 0, 0.01); */}
.top_nav .sub_menu_wrap:after {content: "";/* position: absolute; */top: 0px;left: 0px;right: 0px;/* border-right: 1px solid rgba(0, 0, 0, 0.05); */height: 1000px;z-index: -1;}
.top_nav .menu:first-child .sub_menu_wrap:after { border-left: 1px solid rgba(0, 0, 0, 0.05); }
.top_nav .thd_menu_a {line-height: 2;font-size: 16px;color: #a4a4a4;text-align: center;border-bottom: none;padding: 10px 0;-webkit-transition: none;transition: none;font-weight: 300;}
.top_nav .thd_menu_wrap {/* padding: 5px 0; *//* border-top: 1px solid rgba(0, 0, 0, 0.05); *//* border-bottom: 1px solid rgba(0, 0, 0, 0.05); *//* background-color: rgba(0, 0, 0, 0.01); */}
.top_nav .thd_menu_a.active { color: #222}
.top_nav .thd_menu_a:hover { color: #222;font-weight: 400;}
.top_logo {height: 100%;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;}
.top_logo:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.top_logo a {vertical-align: middle;display: inline-block;font-size: 36px;font-weight: 900;color: #222;}
.top_logo a svg {max-width: 180px;width: 100%;}
.top_logo a svg * { animation: stroke2 2s forwards ; stroke-width: 1; text-anchor: start}
.menu_02 .thd_menu_wrap { display: block !important; }

.main .header_top_box_ico > a{color: #fff;}
.main .lang_box .lang_box_a{color: #fff;}
.open .header_top_box_ico > a{color: #999;}
.open .lang_box .lang_box_a{color: #999;}
.scroll .header_top_box_ico > a{color: #999;}
.scroll .lang_box .lang_box_a{color: #999;}


.m_menu_wrap {width: 100%;height: 100%;position: fixed;top: 0px;right:-100%;bottom: 0;z-index: 9999;background-color:#fff;}
.m_menu_wrap a {display: block;color: #555;padding: 7px 0;}
.m_menu_wrap .menu_a {display: inline-block;margin: 0 auto;text-align: center;cursor: pointer;line-height: 50px;font-size: 24px;position: relative;top: 0px;left: 0px;font-weight: 500;color: #01b4ed;text-align: center;width: 100%;border-bottom: 1px solid #eee;}
.m_menu_wrap .menu_a:first-child {}
.m_menu_wrap .sub_menu_wrap {text-align: center;width: 100%!important;padding-top: 10px;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a {display: inline-block;font-size: 16px;}
.m_menu_wrap .sub_menu_wrap .sub_menu_a:first-child {border-top: none;}
.m_menu_wrap .menu_a:hover { color: #01b4ed; font-weight: 600; }
.m_menu_wrap .sub_menu_wrap .sub_menu_a:hover {;color: #01b4ed;}
.m_menu_wrap .menu_a.menu_on {color: #01b4ed;}
.m_menu_wrap .m_menu {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 75%;display: grid;);)_;);grid-template-columns: repeat(3, 1fr);gap: 50px 80px;align-items: start;}
.m_menu_wrap .menu_07 {display: none;}
.m_menu .menu { text-align: center; }
.m_menu_wrap .thd_menu_a { font-size: 14px; color: #999; padding: 5px 0; }

.all_bg {background-color: #000;opacity: 0.5;position: fixed;top: 0px;left: 0px;width: 100%!important;height: 100%!important;bottom: 0px;right: 0px;display: none;z-index: 1004;}
.main .all_bg {display: none!important;}
.m_all_bg {background-color: #000;opacity: 0.5;position: fixed;top: 0px;left: 0px;width: 100%!important;height: 100%!important;bottom: 0px;right: 0px;display: none;z-index: 1005;}
.m_menu_btn_wrap{display: none;}



.m_menu_btn_wrap {position: absolute;top:0px;right: 0px;height: 50px;width: 40px;z-index: 3}
.header_wrap .m_menu_btn_wrap .m_menu_btn {width: 100%;height: 30px;position: absolute;top: 50%;left: 0px;margin-top: -15px;}
.m_menu_btn span {display: block;height: 3px; background-color: #fff;position: absolute;top: 50%;margin-top: -2px;left: 0px;right: 0px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.m_menu_btn:before {content: "";position: absolute;top: 0px;left: 0px;right: 0px;height: 3px; background-color: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.m_menu_btn:after {content: "";position: absolute;bottom: 0px;left: 0px;right: 0px;height: 3px; background-color: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}

.sub_board .m_menu_btn span { background-color: #000;}
.sub_board .m_menu_btn:before {background-color: #000;}
.sub_board .m_menu_btn:after {background-color: #000;}

.m_menu_btn_wrap:hover .m_menu_btn span {background-color: #000;right: 0px;}
.m_menu_btn_wrap:hover .m_menu_btn:before {background-color: #000;right: 0px;}
.m_menu_btn_wrap:hover .m_menu_btn:after {background-color: #000;right: 0px;}

.m_close_wrap {position: relative;top: 0px;left: 0px;padding: 20px;}
.m_close_btn { width: 40px; height: 30px; position: relative; top: 0px; left: auto; right: 0; float: right; }
.m_close_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.m_close_btn:before,.m_close_btn:after {content:"";display:block;position:absolute;width:35px;height:3px;background:#01b4ed;top:0;right:0;bottom:0;left:auto;margin:auto}
.m_close_btn:before {transform:rotate(-45deg);transition:all .3s ease}
.m_close_btn:after {transform:rotate(45deg);transition:all .3s ease .15s}


.main .m_menu_btn span {background-color: #fff;}
.main .m_menu_btn:before {background-color: #fff;}
.main .m_menu_btn:after {background-color: #fff;}
.sub .m_menu_btn span {background-color: #222;}
.sub .m_menu_btn:before {background-color: #222;}
.sub .m_menu_btn:after {background-color: #222;}
.open .m_menu_btn span {background-color: #222;}
.open .m_menu_btn:before {background-color: #222;}
.open .m_menu_btn:after {background-color: #222;}
.scroll .m_menu_btn span {background-color: #222;}
.scroll .m_menu_btn:before {background-color: #222;}
.scroll .m_menu_btn:after {background-color: #222;}

.top_nav .thd_menu_wrap{display: none;}
.open .header_top_wrap{background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.open .top_nav .menu_a{color: #111;}
.open .top_logo a svg .st2{fill: #0D5796;}
.scroll .header_top_wrap{background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.scroll .top_nav .menu_a{color: #111;}
.scroll .top_logo a svg .st2{fill: #0D5796;}
.sub .top_nav .menu_a{color: #111;}

.all_menu_wrap {float: left;position: relative;top: 0px;left: 0px;}
.all_list_wrap {position: absolute;top: 100%;left: 0px;width: 250px;display: none;margin-top: -2px;}
.all_menu {position: relative;top: 0px;left: 0px;}
.all_menu #menu_open {float:left;height:80px;border:0;text-align:left;color:#222;padding:0 20px;font-size: 18px;font-family:'Poppins','Pretendard','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;border: none;box-shadow: none;outline: none;background-color: transparent;font-weight: 300px;}
.all_menu #menu_open span {display: inline-block;position: relative;top: 0px;left: 0px;width: 20px; height: 2px; background-color: #222;vertical-align: middle;margin-right: 10px;}
.all_menu #menu_open span:before {content: "";position: absolute;top: -7px;left: 0px;width: 100%; height: 2px; background-color: #222;}
.all_menu #menu_open span:after {content: "";position: absolute;bottom: -7px;left: 0px;width: 100%; height: 2px; background-color: #222;}
.all_menu_wrap:hover .all_menu #menu_open {background-color: #01b4ed;color: #fff;}
.all_menu_wrap:hover .all_menu #menu_open span {background-color: #fff;}
.all_menu_wrap:hover .all_menu #menu_open span:before {background-color: #fff;}
.all_menu_wrap:hover .all_menu #menu_open span:after {background-color: #fff;}
.all_menu_wrap:hover .all_list_wrap {display: block;}
.all_menu:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.all_menu .c_menu_open {font-size: 16px; color: #333; padding: 0 10px;font-weight: 700;height: 50px;line-height: 50px;min-width: 90px;display: inline-block;border-bottom: 2px solid transparent;text-transform: uppercase;}
.all_menu .c_menu_open span {display: inline-block;position: relative;top: 0px;left: 0px;width: 20px; height: 2px; background-color: #222;vertical-align: middle;margin-right: 10px;display: none;}
.all_menu .c_menu_open span:before {content: "";position: absolute;top: -7px;left: 0px;width: 100%; height: 2px; background-color: #222;}
.all_menu .c_menu_open span:after {content: "";position: absolute;bottom: -7px;left: 0px;width: 100%; height: 2px; background-color: #222;}
.all_menu_wrap:hover .all_menu .c_menu_open {border-color: #333;}
.all_menu_wrap:hover .all_menu .c_menu_open span {background-color: #fff;}
.all_menu_wrap:hover .all_menu .c_menu_open span:before {background-color: #fff;}
.all_menu_wrap:hover .all_menu .c_menu_open span:after {background-color: #fff;}


/*gnb 수정*/
#gnb {margin: 0px;}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {left: 100%;}
.gnb_1da {padding-right: 40px;border-top: 1px solid #ddd;}
.gnb_1dli_on .gnb_1da {color: #01b4ed;background-color: #fff;}
.gnb_1dli_on .gnb_1da:after {background-color: #01b4ed;}
.gnb_1dli_on .gnb_1da i {color: #01b4ed;}
.gnb_2da:focus, .gnb_2da:hover {color: #01b4ed;}
.gnb_2dul {padding: 0px;}
.gnb_1dli_over .gnb_2da {padding: 10px; line-height: 1.4;}



/*레이아웃수정*/
#container .is_index {margin-left: 0px; }
.sub_mall .shop-content {padding: 0px;margin: 0 auto;}
.file_item .shop-content {padding: 0px;max-width: 1400px;margin: 0 auto;}
#main_bn {margin: 0px;border: none;}
#wrapper {background-color: #fff;}


#side_menu {z-index: 1200;background-color: transparent;box-shadow: none;-webkit-box-shadow:none;-moz-box-shadow:none;border: none;padding-left: 0px;display: none;}
#quick {left: -49px;z-index: 3;}
#quick li button {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;border-right: 1px solid #ddd;color: #000;}
#quick li:first-child button {border-top: 1px solid #ddd;}
#tabs_con {z-index: 2; position: relative;top: 0px;left: 0px;}
#quick li button.btn_sm_on {border-right: none;}
.qk_con {border-left: 1px solid #ddd;}

#quick .quick_ca{width:50px;height:50px;border:0;font-size:1.325em;background:#01b4ed;display: block;}
#quick .quick_ca .btn_sm_cl5 {display: block;color: #fff;text-align: center;line-height: 50px}
#quick .qk_tit {background-color: #000;}
#quick .qk_tit:after {border-left-color: #000;}

#sbsk .prd_img {width: 100%; margin: 0px;display: block;}
#sbsk .prd_img img {width: 100%; height: auto;}
#sbsk .prd_cnt {display: block;width: 100%;}
#sbsk .prd_cnt a, #sbsk .prd_cnt span {max-width: 100%;}


.tbl_head03 thead th {font-size: 14px; color: #222;border-top: 2px solid #222;font-weight: normal;}



.sit_ov_tbl td strong {font-weight: 500;}
#sit_tot_price {font-weight: 500;padding: 20px 0;border-top: 1px solid #ddd; margin-top: 20px;}
#sit_tot_price b {font-size: 28px;font-weight: 600;vertical-align: bottom;}
#sit_tot_price strong {font-size: 28px;font-weight: 600;vertical-align: bottom;letter-spacing: 0px;}
.sit_ov_tbl td {text-align: left;}
#sit_opt_added li {padding: 10px 0 ;background-color: transparent;border: none;}

.sit_info .tr_price {border: none;}
#sit_star_sns span {color: #222;}
#btn_wish .btn_wish_num {color: #01b4ed;}
#sit_star_sns .btn_sns_share {color: #222;}
#btn_wish i {font-size: 23px;}
#sit_star_sns .btn_sns_share i {font-size: 23px;vertical-align: top;}
.sit_info .tr_price th, .sit_info .tr_price td {padding-bottom: 0px;}
#sit_ov_wrap {padding: 100px 0 45px;border-top: none;}
#sit_pvi_big #popup_item_image {top: 0px;bottom: auto;display: none;}


#sit_pvi_thumb {width: 600px;padding-top: 10px;}
#sit_pvi_thumb li {float: left;width: 20%;margin: 0px;padding: 5px;}
#sit_pvi_thumb li a {display: block;}
#sit_pvi_thumb li a img {width: 100%; height: auto;}
#sit_ov_soldout {background-color: #111; color: #fff;font-weight: normal;}
#sit_pvi_nwbig img {width: 100%; height: auto;}
#sit_pvi_nwbig a {}


#sit_dex h2 {font-size: 24px; font-weight: 500; color: #222;}
#sit_dex h3 {font-size: 18px; font-weight: 400; color: #222;}
#sit_inf_open th {font-weight: normal;}
#sit_inf_open {display: none;}
#sit_use_wbtn a {font-weight: normal;}
#sit_qa_wbtn a {font-weight: normal;}
a.btn02 {border: none;background-color: #01b4ed;}
.sit_use_li_title:hover {background-color: #333; border-color: #333;}
.sit_qa_con {float: left;width: 100%;}
#sqa_sch a {font-weight: normal;}
.new_win .btn_submit {font-weight: normal;}
.sps_con_btn button.review_detail:hover {background-color: #333; border-color: #333;}
.sps_section .sps_pd_name {color: #222;}
.sps_section .sps_rv_tit {font-weight: normal;}
.sit_use_dl .sit_use_tit {font-weight: normal;}
.sit_qa_li_title {font-weight: normal;}
.sqa_section h2 {font-weight: normal;}
.sqa_con_btn button:hover {background-color: #333; border-color: #333;}
#ssch_frm .ssch_scharea .btn_submit {font-weight: normal;}
#ssch h2 strong {font-weight: normal;color: #01b4ed;}
#ssch h2 {padding: 20px 0;color: #222;}
#wrapper_title {margin-top: 20px;color: #222;}
#ssch h2 .ssch_result_total {float: none;padding-left: 20px;color: #222;}

#smb_ws_act .btn01 {background-color: #333;color: #fff;border-color: #333;font-weight: normal;}
#smb_ws_act .btn01:hover  {background-color: #333;color: #fff;border-color: #333;font-weight: normal;}
#smb_ws_act .btn02 {background-color: #01b4ed;color: #fff;border-color: #01b4ed;font-weight: normal;}
#smb_ws_act .btn02:hover  {background-color: #01b4ed;color: #fff;border-color: #01b4ed;font-weight: normal;}
#smb_my_ov .smb_me a.smb_info {background-color: #222; color: #fff; border-color: #222;}
#smb_my_ov .smb_me .my_ov_name {font-weight: normal;}
#smb_my_wish .smb_my_tit {font-weight: normal;}
#smb_my_wish .smb_my_price {font-weight: 500;color: #222;}
.list_02 .sod_ws_img {width: 100%;}
#sod_ws li .info_link {font-weight: normal;}
#sod_ws li .wish_del {background-color: #fff; color: #c5c8ca;}
#sod_ws li .wish_info {height: 60px;}
#sod_ws li .wish_del:hover {background-color: #333; color: #fff;}


#sod_ws_act .btn01 {background-color: #333;color: #fff;border-color: #333;font-weight: normal;}
#sod_ws_act .btn01:hover  {background-color: #333;color: #fff;border-color: #333;font-weight: normal;}
#sod_ws_act .btn02 {background-color: #01b4ed;color: #fff;border-color: #01b4ed;font-weight: normal;}
#sod_ws_act .btn02:hover  {background-color: #01b4ed;color: #fff;border-color: #01b4ed;font-weight: normal;}
#sbsk .prd_cnt .prd_name {font-weight: normal;}
#smb_my_ov .op_area dt {font-weight: normal;color: #222;}
.point_list .point_tit {font-weight: normal;}
.point_list .point_num {font-weight: normal;}
#point .point_status {font-weight: normal;}
#point .point_all {background-color: #fff; border: none;}
#point .point_all li:last-child {border: none;}
#point .point_status {background-color: #01b4ed;}
.sit_use_top {border: none;padding: 0px;}
#sit_use_wbtn {right: 0px;}
.qk_con h2.s_h2 {padding: 10px;font-size: 15px;}
#sbsk .go_cart {background-color: #333; color: #fff;border: none;font-size: 13px;}
#sps_sch a {font-weight: normal;}
#s_ol_after_info {background-color: #222; color: #fff; border-color: #222;}

#smb_private li i {color: #01b4ed;}
#smb_private .win_point strong {background-color: #01b4ed; font-weight: normal;padding: 2px 5px;}


#s_ol_after_private li i {color: #01b4ed;}
#s_ol_after_private a strong {background-color: #01b4ed; font-weight: normal;padding: 2px 5px;color: #fff;}
#s_ol_after_private .win_point:hover strong {background-color: #4b8bff;}
.qk_con h2.s_h2 span {background-color: #eee;color: #333;}
.prd_cost {color: #222;}
.btn_sm_on i {color: #01b4ed;}


#stv_ul .prd_img {width: 100%; margin: 0px;display: block;}
#stv_ul .prd_img img {width: 100%; height: auto;}
#stv_ul .prd_cnt {display: block;width: 100%;}
#stv_ul .prd_cnt a, #stv_ul .prd_cnt span {max-width: 100%;}

#wish .prd_img {width: 100%; margin: 0px;display: block;}
#wish .prd_img img {width: 100%; height: auto;}
#wish .prd_cnt {display: block;width: 100%;}
#wish .prd_cnt a, #wish .prd_cnt span {max-width: 100%;}
#wish .prd_cnt .prd_name {font-weight: normal;}
.stv_item .prd_cnt .prd_name {font-weight: normal;}
.btn_submit {background-color: #01b4ed;color: #fff;border-color: #01b4ed;font-weight: normal;}
.btn_submit:hover {background-color: #01b4ed;color: #fff;border-color: #01b4ed;font-weight: normal;}
#mod_option_frm .btn_confirm .btn_submit {font-weight: normal;}
.qk_con_wr .side_tnb li:hover a  {color: #01b4ed;}
.header_cart::before {display: none;}
.od_prd_list .td_prd .prd_name b {font-weight: normal;}
.sod_opt li:before {color: #01b4ed;background-color: transparent;}
.sod_opt li {color: #333;}
#sit_opt_added .sit_opt_del {border:1px solid #ddd;}
#sit_opt_added li {padding: 0px;}
#sit_opt_added li .opt_name {padding-bottom: 15px;}
#sod_bsk #sod_bsk_tot li {background-color: transparent;color: #222;}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt {background-color: transparent;}

#sod_bsk_act .btn01 {background-color: #333;color: #fff;border-color: #333;font-weight: normal;}
#sod_bsk_act .btn01:hover  {background-color: #333;color: #fff;border-color: #333;font-weight: normal;}
#sod_bsk_act .btn02 {background-color: #01b4ed;color: #fff;border-color: #01b4ed;font-weight: normal;}
#sod_bsk_act .btn02:hover  {background-color: #01b4ed;color: #fff;border-color: #01b4ed;font-weight: normal;}
#sod_bsk_act .btn_submit {font-weight: normal;}

#display_pay_button .btn_submit {background-color: #01b4ed;color: #fff;border-color: #01b4ed;font-weight: normal;}
#display_pay_button .btn01 {background-color: #333;color: #fff;border-color: #333;font-weight: normal;}
#display_pay_button .btn01:hover  {background-color: #333;color: #fff;border-color: #333;font-weight: normal;}
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong {padding: 0 2px;color: #01b4ed;font-weight: 500;font-size: 17px;}
.sod_right #od_tot_price {background-color: #fff;color: #333;border-color: #01b4ed;font-weight: normal;}
#od_tot_price span {font-weight: normal;}
#od_tot_price strong {color: #01b4ed;font-size: 22px; padding: 0 2px;font-weight: 500;}
#sod_frm_taker .order_choice_place {background-color: transparent;border: none;}
#sod_frm .tbl_frm01 th label {margin-right: 0px;}
.od_prd_list .td_prd .sod_name b {font-weight: normal;color:#222;}
#sod_frm #sod_frm_pt_alert {color: #01b4ed;}
#sod_frm #sod_frm_pt_alert strong {font-weight: normal;}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border-color:#01b4ed ;color: #01b4ed;}

#sod_fin_no {border-color:#01b4ed ;color: #222; background-color: transparent;}
#sod_fin_no strong {color: #01b4ed;font-weight: normal;}
#sod_fin_list .sod_name a {font-weight: normal;}
#sod_fin_list .sod_name .sod_opt:before {color: #01b4ed;background-color: transparent;}
#sod_fin_legend dt {font-weight: normal;color: #222;}
#sod_bsk_tot2 {border-color:#01b4ed ;}
#sod_bsk_tot2 li.sod_fin_tot {background-color: #01b4ed;color: #fff;border-color: #01b4ed;font-weight: normal;}
#sod_bsk_tot2 li.sod_fin_tot strong {color: #fff; font-weight: normal;}
#sod_fin_pay li>strong {font-weight: normal;width: 55px;color: #222;}
#sod_fin_pay ul {padding: 15px;}
#sod_fin_cancel .sod_fin_c_btn {font-weight: normal;}
#sod_fin .sod_left th {font-weight: normal;color: #222;}
#sod_bsk_tot2 li strong {font-weight: normal;}
#faq_sch .btn_submit {background-color: #333;color: #fff;border-color: #333;font-weight: normal;}
#login_password_lost {background-color: #333;color: #fff;border-color: #333;font-weight: normal;}
.register .btn_confirm .btn_submit, .register .btn_confirm .btn_close {font-weight: normal;}
#fregister p {font-weight: normal;background-color: transparent; color: #222; font-size: 18px;}
#fregister p:before {display: none;}
.fregister_agree input[type="checkbox"]:checked + label span {background-color: #01b4ed;border-color: #01b4ed;}
#fregister_private table th {font-weight: normal;}
.mbskin .btn_submit {font-weight: normal;}
#mb_login_od_wr .btn_submit {font-weight: normal;}
#mb_login_odinfo strong {color: #01b4ed;font-weight: normal;}

#sct_location {padding: 30px 0;}
#sct_location.view_location {}
#sct_location i.dividing-line {vertical-align: middle;}
#sct_location .go_home {vertical-align: middle;}
#sct_location {padding: 30px 0;}
#sct_location.view_location {}
#sct_location i.dividing-line {vertical-align: middle;}
#sct_location .go_home {vertical-align: middle;}
#sct_location.view_location {padding: 30px 0 10px; display: none;}
#sct_lst {display: none;}
#sct_sortlst {border: none;border-bottom: 1px solid #ddd;}
#ssch_sort li:hover a {color: #01b4ed}
#ssch_sort li:hover:after {background-color: #01b4ed;}
#sit_siblings {border: none;}
#sit_ov_from {border-bottom: none;}

#sct_ct_1 li a {font-weight: normal;}




/*메인배너 수정*/
.btn_wr {display: block;right: auto;right: 12%;bottom: 20px;padding: 0;background: rgba(0,0,0,0.3);border-radius: 100px;}
.main_image_area #slide-counter {font-size: 15px;margin: 0px;padding: 15px 25px;display: flex;gap: 5px;}
.main_image_area #slide-counter strong {font-size: 14px;}
.main_image_area #slide-counter span {font-size: 14px;}
.main_image_area .pager_btn {position: absolute;top: 50%;float: none;width: 50px;height: 50px;display: block;margin: auto;transform: translateY(-50%);z-index: 2;}
.main_image_area .pager_btn i {display: block;top: 0px;left: 0px;right: 0px;bottom: 0px;position: absolute;width: 30px;height: 30px;margin: auto;}
.main_image_area .pager_btn i:before {display: none;}
.main_image_area .pager_btn.pager-prev {left: 20px;}
.main_image_area .pager_btn.pager-next {right: 20px;}
.main_image_area .pager_btn.pager-prev i {border-left: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
.main_image_area .pager_btn.pager-next i {border-right: 2px solid #fff;border-top: 2px solid #fff;transform: rotate(45deg);}

#main_bn .owl_pager {border: none;}
#main_bn .owl_pager li {border: none;border-right: none;border-top: none;border-left: none;font-size: large;height: 4px;border-radius: 50px;line-height: inherit;min-width: 60px;overflow: hidden;text-indent: -9999px;background-color: #fff;opacity: 0.5;}
#main_bn .owl_pager li a:after {background-color: transparent;}
#main_bn .owl_pager li.active a:after { background-color: transparent; }
#main_bn .owl_pager li.active a {/* color: #fff; */text-indent: -9999px;/* background-color: #fff; */margin: 10px;}
#main_bn .owl_pager{background-color: transparent !important;}
.main_owl_pager {display: block;position: absolute;top: auto;left: 50%;bottom: 5%;transform: translateX(-50%);z-index: 10;}
.main_owl_pager .owl-dots { display: flex; gap: 10px; }
#main_bn .owl_pager .owl-dot.active{opacity: 1;}



/*제품*/
.list_pt_all_wrap {position: relative;top: 0px;left: 0px;max-width: 1400px;margin: 0 auto;padding-bottom: 150px;}
.list_label_all_wrap {position: relative;top: 0px;left: 0px;padding: 20px 0 5px;text-align: center;}
.list_label_wrap {display: inline-block;}
.list_label_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.list_label {display: inline-block; font-size: 24px; color: #222; font-weight: 400;}
.list_label_more {position: absolute;top: 50%;right: 0px;font-size:14px;font-weight: 300;color: #666;transform: translateY(-50%);}
/*.list_label_more::after{content: "";display: inline-block; width: 11px; height: 15px;  background:url("../images/common/more_icon.png") no-repeat top center; z-index: 1;vertical-align: middle;margin-left: 10px;}*/
.list_pt_wrap {position: relative;top: 0px;left: 0px;margin-left: -50px;padding: 50px 0 0;}
.list_pt_wrap:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.list_pt_box_wrap {float: left;width: 33.33%;width: calc(100%/3);padding-left: 50px;padding-bottom: 50px;}
.list_pt_box {position: relative;top: 0px;left: 0px;}
.list_pt_img_wrap {display: block;overflow: hidden;width: 100%;height: 0px;padding-bottom: 100%;position: relative;top: 0px;left: 0px;border-radius: 0px;}
.list_pt_img {position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px;z-index: 2;}
.list_pt_img img {width: 100%; height: 100%;}
.list_pt_best {position: absolute;top: 0px;left: 0px;z-index: 3;display: none;}
.list_pt_best span {background-color: #72af08;color: #fff;font-size: 12px;font-family: '돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;display: inline-block;padding: 5px 10px;border-bottom-right-radius: 10px;}
.list_pt_label_wrap {position: relative;top: 0px;left: 0px;padding-right: 30px;padding-top: 20px;}
.list_pt_label {display: inline-block;font-size: 20px;font-weight: 300;color: #000;line-height: 1.4;height: 56px;overflow: hidden;word-break: keep-all;max-width: 100%;font-weight: 400;}
.list_pt_icon_wrap {padding: 0;position: absolute;top: 0px;left: 0px;z-index: 2;}
.list_pt_cost_wrap {padding-bottom: 10px;}
.list_pt_cost {display: inline-block;font-size: 20px;font-weight: 500;line-height: 1;letter-spacing: normal;text-align: left;color: #000;}
.list_pt_cost_before {display: inline-block;font-size: 15px;font-weight: normal;text-align: left;color: #999;text-decoration: line-through;display: none;}
.list_pt_label_wrap .sct_op_btn {position: absolute;top: 17px;right: 0px;}
.list_pt_label_wrap .sct_op_btn>button { border: 0; width: 25px; height: 20px; font-size: 22px; text-align: center; color: #999; background: transparent; }
.list_pt_label_wrap .sct_op_btn>button:hover {color: #01b4ed;}
.list_pt_desc_wrap {padding: 5px 0;}
.list_pt_desc {display: inline-block;font-size: 16px;font-weight: 300;color: #666;line-height: 1.4;height: 45px;overflow: hidden;word-break: keep-all;max-width: 100%;}
.list_pt_all_none .list_pt_wrap {margin-left: 0px;}
.list_pt_all_none .list_pt_box_wrap {float: none;padding-left: 0px;padding-bottom: 0px;width: auto;}
.list_label_desc {font-size: 26px; font-family: 'Noto Serif KR', serif;font-weight: 400;color: #333;}
.list_label_desc2 {font-size: 45px; font-family: 'Noto Serif KR', serif;font-weight: 600;color: #333;}

.shop_icon {margin: 0px;border-radius: 0px;font-size: 13px;line-height: 20px;padding: 0 7px;display: inline-block;}
.shop_icon_1 {background:#3ec1d3}
.shop_icon_2 {background:#ffb722}
.shop_icon_3 {background:#ef3e4f}
.shop_icon_4 {background:#1b66f9}
.shop_icon_5 {background:#ef3e4f}



.btn_cart2 {display: none;}
.cart-layer2 {display: none;}

.side-wish .go_wish { position: absolute; top: 11px; right: 15px; display: inline-block; height: 28px; line-height: 22px; background: #fff; padding: 2px 5px; background-color: #333; color: #fff; border: none; font-size: 13px; }


.sub_company #wrapper_title {display: none;}
.sub_company #container .shop-content {max-width: 100%;}
.sub_company #container {width: 100%;}


#sct_location {padding: 0px;float: none;position: relative;top: 0px;}
#sct_location .go_home {font-size: 14px;height: 30px;line-height: 30px;display: inline-block;}
#sct_location i.dividing-line {height: 30px;line-height: 30px;}
.shop_select_to_html {top: 2px;}
.shop_select_to_html .category_title {font-size: 14px;height: 30px;line-height: 30px;padding: 0 10px;display: inline-block;}
.shop_select_to_html .menulist {top: 100%;margin: 0px;padding: 0px;}
.shop_select_to_html .option a {padding: 0 10px;min-width: 120px;}
.shop_select_to_html .option.selected, .shop_select_to_html .option.selected a {font-weight: normal;}
.shop_select_to_html .category_title i {display: none;}


.sec_mall_wrap #wrapper_title {display: none;}

#sct_lst {display: none;}
#sct_sortlst {border: none;border-bottom: 1px solid #ddd;}
#ssch_sort li:hover a {color: #01b4ed}
#ssch_sort li:hover:after {background-color: #01b4ed;}
#sit_siblings {border: none;}
#sit_ov_from {border-bottom: none;}
#ssch_sort li a { color: #999; }
#ssch_sort li.active a { color: #01b4ed; }
#sct_sort {width: 100%;}
#ssch_sort {width: 100%;}
#ssch_sort li {display: inline-block;float: none;}
#sct_sortlst {border-bottom: none;}
#sit_star_sns .btn_sns_share:hover {color: #01b4ed;}
#sit_ov_wrap {font-size: 14px;}

.get_item_options {display: table;width: 100%;}
.get_item_options > label {display: table-cell;width: 140px;}
.get_item_options > span {display: table-cell;}
#sit_opt_added li .opt_name {color: #222;font-weight: normal;font-size: 16px;}
#sit_tot_price {color: #222;}
#sit_rel {border: none;padding: 0px;background-color: transparent;padding-bottom: 100px;}
#sit_rel .sct_op_btn {display: none;}
#sit_rel .bx-controls-direction {right: 0px;}

.board_list_con_right #wrapper {min-width: 100%;}
.board_list_con_right #wrapper_title {display: none;}
#bo_btn_top {margin: 0px;}
.shop-content #bo_v {margin-top: 0px;}
#wrapper_title {font-weight: normal;text-align: center;margin: 0px;display: none;}

#smb_private {}
#bo_list .txt_done, #bo_v_rel .txt_done {font-weight: normal;}







/*Cendori*/
#sct_sort ul{display: none;}
.main #container {width: 100%; max-width: 100%; padding: 0;}
#text_size { display: none; }
#category {display: none;}
.sps_img_inner a {display: inline-block;}
.sps_img_inner a img {width: 100px;height: 100px;}
#bo_w .frm_info {padding-left: 20px;}
.chk_box input[type="checkbox"]:checked + label span { background: url(../img/chk.png) no-repeat 50% 50% #3a8afd; border-color: #1471f6; border-radius: 3px; }
#smb_my_list {float: right;}
.sod_left {}
.agreementBody {text-align:left;}
.agreementBody .infBox {margin:0; text-align:right; }
.agreementBody h5 {margin:2em 0 0; font-size: 14px;}
.agreementBody h3 {margin:.2em 0 1.2em; padding:.8em; border:1px solid #aaa; font-size:18px; text-align:center; background:#f1f1f1;}
.agreementBody h4 {margin:0 0 .5em; font-size: 16px;}
.agreementBody p {font-size:13px; line-height:1.5em;}
.agreementBody .sc_ptop {text-align:right; margin:1em 0; line-height:normal;}
.agreementBody .sc_ptop a { display: inline-block; padding: 5px 8px; background: #999; border-radius: 3px; margin-right: 8px; text-decoration: none; font-size: 13px; color: #fff; display: none; }
.agreementBody ol {padding-left:22px; margin:0 0 1em; font-size:13px;}
.agreementBody ol li {margin:0 0 .5em; line-height:1.4em;}
.agreementBody .acon div {font-size:13px; line-height:1.4em;}

.gnb_1da {font-weight: 600;}
.gnb_1dli_on .gnb_1da {font-weight: 600;}

.banner_item { position: relative; }
.banner_item .banner_img {width: 80%;height: 30vh;margin: 0 auto;overflow: hidden;border-radius: 30px;}
.banner_item .banner_img img{height: auto;}
.banner_item .banner_group {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.banner_item .banner_title {color: #fff;font-size: 20px;font-weight: 500;line-height: 1.2;width: 100%;height: auto;text-align: center;padding-bottom: 20px;}
.banner_item .banner_content {color: #fff;font-size: 48px;font-weight: 700;line-height: 1.2;width: 100%;height: auto;text-align: center}


.mob_vid { display: none; }
.ovflow { overflow: hidden; position: relative; top: 0px; left: 0px; }
.main_bg_wrap { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.main_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.main_sec_all_wrap { position: relative; top: 0px; left: 0px; z-index: 800; }
.main_sec_wrap { position: relative; top: 0px; left: 0px; }
.main_sec_in { position: relative; top: 0px; left: 0px; z-index: 10; margin: 0 auto; max-width: 1400px; padding: 0 50px; }
.main_h_100 { height: 100vh; min-height: 500px; }
.main_h_center { position: relative; top: 0px; left: 0px; z-index: 10; margin: 0 auto; }
.main_h_center:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.27em; font-size: large; }
.main_h_center > div { vertical-align: middle; display: inline-block; width: 100%; position: relative; top: 0px; left: 0px; }
.bg_video_box { position: absolute; left: 0; bottom: 0; top: -1px; right: 0; width: 100%; height: 100%; background-size: 100% 100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover; z-index: 3; }
.black_bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #000; opacity: 0.3; z-index: 5; }
.black_bg2 { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #000; opacity: 0.5; z-index: 5; }
.black_bg3 { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #000; opacity: 0.6; z-index: 5; }
.black_bg_grad { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 5; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); }
.main_sec_01_all_wrap { height: 100vh}
.main_wrap { background-color: #fff}
.main_sec_01_all_wrap {}


@keyframes stroke2 {
    0%   {
        stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
    }
    100% {
        stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
    }
}