/*헤드*/
body {color: #6e6e6e;}
.menu {color: #a2a2a2; font-size: 12px; padding-left: 8px}
.menu:hover{color: #626262}
.m_hd {margin: 0 auto; border-bottom: 1px solid rgba(215,215,215,0.5);}
.head_tdh {padding: 0px 0 11px 0}
.head_tdh a {width: 100%}
.m_hd td a img {display: block; margin: 0 auto}
.td_phone {display: flex; align-items: center; width: 100%; margin: 0;}
.tx_gray{color: #888; font-size: 18px;letter-spacing:0px;}
.tx_black{font-size: 27px;font-weight: 600;letter-spacing:-1px;text-decoration-line: none;}
.tx_black.font_size {font-size: 23px;}
.tx_line{padding: 0 10px;}
.sch_sch{width: 200px; border-bottom: 2px solid #fea527; padding-bottom: 5px;}
.member_text{border: none; width: 168px;}
.member_text::placeholder{font-size: 12px; color: #ccc;}
.sch_sch button{background: #fff;border: none;}
.sch_sch button i{color: #fea527; font-size: 22px;}
.top_bd_02{box-sizing: border-box;}


@font-face {
    font-family: 'iceJaram-Rg';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/iceJaram-Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.head_tit {position: relative; width: 1200px; margin: 10px auto 35px; text-align: center;}
.side_tit {font-size: 45px; color: #3e3e3e; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-weight: 900; font-family: 'iceJaram-Rg'; padding-left: 0px}
.side_tit span {color: #fea527;}



/*왼쪽메뉴*/
#left_menu{ width: 1200px; z-index: 9999;border-spacing: 0; margin: 0 auto;}
.left_menu_in{border-collapse:collapse;border-spacing: 0; position: relative; top:0px;}
.left_submn{border-collapse:collapse;border-spacing: 0}
#gbn{margin: 0; padding: 0;position: absolute; border-collapse: collapse; width: 210px; z-index: 999;}
#gbn_1dul{width: 200px; height: 540px; background: rgba(54,54,54,0.9); padding: 10px 0; transition: ease all 0.2s 0s; position: relative}/*높이 조절 height: 520px*/
#gbn_1dul:hover{background: rgba(54,54,54,1);}
.gbn_1dli{line-height: 31px;}
.gbn_1dli:hover .gbn_2d_big{display: block;}
.gbn_1da{color: #fff; background-color: transparent; font-size: 13px;display: block;padding-left: 11px; height: 30.59px;}
.gbn_1da:hover{background: #a7906f;}
.gbn_2d_big{position: absolute; top: 0; left: 200px; display:none; width: 1000px; height: 540px; z-index: 10; background:rgba(0,0,0,0);}/*display:none;*/
.gbn_2d{position: relative; top: 0; left: 0;height: 540px; background-color: rgba(242,242,242,.98); padding:0;  border-top: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; box-sizing: border-box;}
.gbn_2d_in{height: 539px; position: relative;}
.gnb_2dul{display: block; clear: both;width: 100%; height: 400px; padding: 10px 0;}
.gnb_2dli{float: left; margin-right:11.6px; box-sizing: border-box;width: 230px; display: block; position: relative;}
.gnb_2dli::after {content: ""; position: absolute; top: -10px; right: 0; background: #e9e9e9; width: 1px; height: calc(100% + 10px);}
.gbn_2da{display: flex; width: 220px; height: 31px;line-height: 31px!important;font-size: 13px; color: #383838; text-align: left; box-sizing: border-box; padding-left: 10px; align-items: center;}
.gbn_2dul li:nth-child(4n+0){margin-right: 0}
.gbn_2dul .gnb_2dli:nth-child(4n+0)::after{display: none}
.gbn_2dul li:nth-child(4n+1) a{padding-left: 0; width: 230px;}
.gbn_2d_01{height: auto;display: block; padding: 10px 22px; }
.gbn_2dbli{display: inline-block; align-items: center;}
.gbn_2d_02{height: auto; margin: 0 16px; background-color: rgba(255,255,255,1); position: absolute; bottom: 0px; width: 967px;}
.gbn_2dbul{width: 100%; display: block; }
.gbn_2dbul::after{content: ''; display: block; clear: both;}
.gbn_2dbli{ float: left; padding: 5px 0; padding-right: 13px;}
.gbn_2dbul .gbn_img_01{padding-left: 20px;}
.gbn_2dbli a{display: block;}
.gbn_2dbli img{display: block; border: 1px solid rgba(0,0,0,0); border-radius: 5px; box-sizing: border-box; width: 222px; height: 160px}
.gbn_2dbli:last-child{padding-right:20px;}
.gbn_2dul{width: 100%; height: 100%;}
.gbn_2dul::after{display: block; clear: both;}
.gbn_2dul span{width: 100%;display: block; /*background: url(/img/background_03.png);*/}
.gbn_2dul span::after{content: ''; display: block; clear: both;}
.gbn_2dli{width: 210px; float: left;}
.gbn_2da:hover {color: #ffa000;}
.none_bd .gbn_2da {padding-left: 20px;}
.none_bd {overflow-y: auto; height: auto; overflow-x: hidden; width: 52%!important;}
.none_bd_in{border-left: 1px solid rgba(204,204,204,0.5); box-sizing: border-box;}
.menu_atv{background: #a7906f;}
.img_bd::after{content: ''; display: block; clear: both;}
.img_bd{background: rgba(255,255,255,0.8); border-radius: 10px;}
.zero_div{background-color: rgba(240,240,240,.9); padding: 8px 0; width: 1000px; margin-left: -16px;}
.bg_white{background-color: #fff; padding: 0 10px;}
.txt_red{color: #fea527;}
.text-left01{width: 184px;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal !important;display: block;}


/*메인배너*/
.main_sld{width: 100%;overflow: hidden;height: 450px;position: relative; top: -2px; min-width: 1200px;}
.main_sld .swiper-slide{overflow: hidden;}
.md_sld{width: 1920px; position: absolute; left: 50%; margin-left: -960px; background-size: cover;}
.main_sld .swiper-button-next{background: url(/img/main/next.png) no-repeat 0 0; background-size: cover; opacity: 0.6; width: 48px; height: 48px;}
.main_sld .swiper-button-prev{background: url(/img/main/back.png) no-repeat 0 0; background-size: cover; opacity: 0.6; width: 48px; height: 48px;}
.swiper-button-next:after, .swiper-button-prev:after {display: none}


/*오렌지메뉴*/
/*메인*/.side_bt_menu{width: 984px; position: absolute; bottom: 0px; left: 200px;}
.bt_menu_in{width: 984px; margin: 0 auto; position: relative}
.bt_menu_in ul{display: flex; align-items: center; list-style: none; padding: 0;}
.bt_menu_in ul a{cursor: pointer;}
.bt_menu_in li a{list-style: none;width: 166.5px; height: 90px; background-color: #fea527;text-align: center;display: flex; flex-direction: column; align-items: center;justify-content: center;position: relative;}
.bt_menu_in li a img{height: 40px; margin-bottom: 1px}
.bt_menu_in li::after{content: ''; border-left:1.3px solid rgba(255,255,255,0.3); width: 1px; height: 60px; display: block; position: absolute; border-radius: 1.3px;top: 15px; z-index: 1;}
.bt_menu_in li:first-child::after{border-left: 0;}
.bt_menu_in li span{color: #000; margin-top: 7px;font-size: 12px;}


/*사이드메뉴*/
#side_menu{position:fixed;top:0;right:0;z-index:9999;height:100%;background:#fff}
.side_menu_wr{display:block;width:200px;overflow-y:auto;height: 100%;border-left:1px solid #cdcdcd; overflow: hidden;}
#btn_sidemenu{position:absolute;top:50%;left:-35px;width:35px;height:50px;margin-top:-25px;background:#282828;border:1px solid #cdcdcd;border-right:0;font-size:14px;}
#btn_sidemenu i{color: #fff;}
#side_menu .side_menu_shop{padding:10px 20px;}
#side_menu .btn_side_shop{position:relative;background:none;border:0;width:100%;height:27px;text-align:left;font-weight:900;font-size: 13px}
#side_menu .btn_side_shop span{position:absolute;top:5px;right:0;padding:0 5px;line-height:16px;border-radius:10px;color:#fff;background:#a7906f}
#side_menu .side_menu_shop .op_area{ display:none;border-top:1px solid #f3f3f3;margin:5px 0; width: 100%;}
#side_menu .side_menu_shop .op_area h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#side_menu .side_menu_shop .op_area li{border-bottom:1px solid #f3f3f3;position:relative;padding:8px 0;min-height:70px;padding-left:70px}
#side_menu .side_menu_shop .op_area li .prd_img{position:absolute;top:0px;left:0px;}
#side_menu .side_menu_shop .op_area li .prd_cnt {display: block; width: 100%}
#side_menu .side_menu_shop .op_area li .prd_cost{display:block;font-weight:bold;margin:3px 0 0;}
#side_menu .side_menu_shop .op_area .li_empty{width: 100%; padding:50px 0;padding-left:0;color:#999;border-bottom:1px solid #f3f3f3;text-align:center}


/*사이드-오늘본상품*/
#stv {z-index:1001;position:relative;float:right;}
#stv_list {position:absolute;width:88px;border:1px solid #e9e9e9;background:#fff}
#stv_list h2 {padding:10px 0 8px;background:#f2f5f9;text-align:center;letter-spacing:-0.1em}
#stv_pg {display: block;text-align: center;margin: 10px 0 0;line-height: 20px; font-weight: bold;}
#stv_list p {padding:20px 0;text-align:center}
#stv_btn {text-align:center;zoom:1}
#stv_btn:after {display:block;visibility:hidden;clear:both;content:""}
#stv_btn button {float:left;margin:0;padding:5px 0 4px;width:44px;border:0;background:#fff;color:#000;text-align:center}
#up{float: left!important;}
#down{float: right!important;}
#stv_ul {margin:0;padding:0;list-style:none;}
.stv_item {display:none;padding:0;text-align:center;word-break:break-all}
.stv_item img {margin:5px 0}
#stv_nb {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#stv_nb li {text-align:center}
#stv_nb a {display:block}
.prd_name{text-align: left; margin-top: 5px; width: 100%}
.prd_cost{text-align: right;}


/*사이드-장바구니*/
#sbsk {border-bottom: 1px solid #f3f3f3!important; background-color: transparent!important; display: none;}
#sbsk h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbsk ul {margin:0;padding:0;border:0;background:#fff;list-style:none; border-bottom: 0!important;}
#sbsk li {border-bottom: 0!important;}
#sbsk a {display:block;text-decoration:none; color: #000!important;}
#sbsk a:focus, #sbsk a:hover {}
#sbsk img{margin: 5px 0!important;}
#sbsk_empty {padding:15px 0;text-align:left}
.prd_price {text-align: right}
#sbsk .cart_del {position: static; text-align: right; width: 100%}

/*사이드-위시리스트*/
#wish .prd_img img {margin: 5px 0}


/*사이드-주문생산~계좌입금안내*/
.fix_icon {margin: 2px 20px 10px 20px;display: flex;align-items: center;flex-direction: column;}
.fix_icon a {width: 100%}
.fix_icon_01, .fix_icon_02 {width: 100%;}
.fix_icon_01::after, .fix_icon_02::after{display: block;clear: both;}
.icon_01,.icon_02,.icon_03,.icon_04{float: left;width: 100%;}
.fix_icon_01 p:first-child, .fix_icon_02 p:first-child{margin-right: 2px;}
.fix_icon span p {display: block;padding:5px 0;color: #fff;background-color:rgba(167,144,111,0.8);width: 90px;text-align: center;border-radius: 3px;margin-bottom: 3px;transition: ease all 0.3s 0s;width: 100%;}
.fix_icon span p:hover{background-color: #282828;}
.call_nb{padding: 10px 20px; display: block;}


/*사이드-아웃로그인*/
.ol {position:relative;border-bottom:1px solid #f3f3f3;padding:10px 20px;}
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;background:#d13f4a;color:#fff;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}

#ol_before {}
#ol_before fieldset {position:relative}
#ol_id {display:block;width:100%;margin:5px 0 10px;}
.ol_idlabel {color:#333;}
#ol_pw {display:block;;width:100%;margin:5px 0;}
.ol_pwlabel {color:#333;}
#auto_login {}
#auto_login_label {letter-spacing:-0.1em}
#ol_submit {width:100%;height:40px;border:0;border-radius:3px;color:#fff;font-weight:bold}
#ol_before a {letter-spacing:-0.15em}
#ol_svc {text-align:center;margin:10px 0 0; width: 100%}
#ol_svc a{display:inline-block;color:#333;margin:0 5px}
#ol_auto {position:relative;margin:5px 0;font-size:0.92em;color:#555}
#ol_auto label {letter-spacing:-0.1em}
#ol_auto input {width:13px;height:13px;vertical-align:bottom} 

#ol_after {}
#ol_after_hd {margin:8px 0 10px 0;text-align:center}
#ol_after_hd a{border-radius: 3px; margin-bottom: 5px;}
#ol_after_hd strong{display:block}
#ol_after_hd .profile_img{margin:20px 0 10px;display:inline-block;position:relative;}
#ol_after_hd .profile_img img{border-radius:50%}
#ol_after_hd .profile_img  a{display:block;position:absolute;bottom:-5px;right:-5px;width:30px;height:30px;line-height:30px;border-radius:50%;background:#fff;font-size:14px}
#ol_after_private {margin:0 0 3px;zoom:1}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {margin-bottom:1px;position:relative;float:left;width:33.333%;text-align:center}
#ol_after_private a {display:block;color:#444;background:#ecf0f1;padding: 10px 0;line-height:20px;height:80px; font-size: 13px}
#ol_after_private li:nth-child(even) a{background:#e5e9ea}
#ol_after_private a strong {display:block;color:#ff6f6f;width: 100%; font-weight: 900;}
#ol_after_private li a:hover{background:#bec3c7}
#ol_after_ft {text-align:justify}
#ol_after_ft a {display:inline-block;width:48.8%;background:#282828;color:#fff;height:40px;font-size:1.083em;line-height:38px;text-align:center;font-weight:bold;border-radius:3px;margin:10px 0 0px}
#ol_after_ft a:focus,
#ol_after_ft a:hover {text-decoration:none !important}
#ol_after_memo {;margin-right:1px}
#ol_after_pt {margin-right:1px}
.side_outbtn{display:block;height:40px;font-size:1.083em;line-height:38px;text-align:center;font-weight:bold;border-radius:3px;margin:10px 0 0px}


/*퀵버튼*/
.top_btn{position: fixed; bottom: 20px; right: 20px; width: 50px; height: 50px; z-index: 9999; box-sizing: border-box; background-color: #a7906f; color: white; font-size: 18px; border: none; display: none}


/*메인콘텐츠 첫번째*/
.m_cts_mg{margin-top: 90px;}
.m_cts{width: 1200px; height: 370px;}
.m_cts ul{display: inline-block;list-style: none; margin: 0; padding: 0;}
.m_cts ul li{margin-right: 15px; float: left; width: 390px; height: 180px}
.m_cts ul li:nth-child(3){margin-right: 0;}
.m_cts ul li:nth-child(4){width: 593px; margin-top: 10px;}
.m_cts ul li:nth-child(5){width: 592px; margin-top: 10px; margin-right: 0}
.m_cts ul li a{display: block; background: rgba(0,0,0,0.4); width: 100%; height: 100%; color: #fff;}
.m_cts ul li a span{display: flex; width: 290px; flex-direction: column; align-items: center; justify-content: center; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 18px 0; transition: ease background 0.5s 0s;-webkit-transition: ease all 0.5s 0s;-moz-transition: ease all 0.3s 0s;}
.m_cts ul li:nth-child(4) a span{width: 493px;}
.m_cts ul li:nth-child(5) a span{width: 492px;}


.m_cts ul li a span p{margin-bottom: 15px; font-size: 14px;}
.m_cts ul li a span h2{margin-top: 15px; font-size: 30px; font-weight: 400; letter-spacing: -1px;}
.m_cts ul li a span .sunwood{display: block;}
.m_cts ul li a span .sunwood_hover{display: none;}
.m_cts .span_line{width: 40px!important; height: 1px; background: #fff; position: relative; top: 0; left: 0; transform: translate(0%,0%);padding: 0; box-sizing: border-box;}
.m_cts .span_line::before{content: ''; width: 0px; height: 1px; transition: ease width 0.3s 0s;-webkit-transition: ease width 0.3s 0s;-moz-transition: ease width 0.3s 0s; box-sizing: border-box;}
.m_cts .span_line::after{content: ''; width: 0px; height: 1px;  transition: ease width 0.3s 0s;-webkit-transition: ease width 0.3s 0s;-moz-transition: ease width 0.3s 0s; box-sizing: border-box;}
.m_cts .cts_bg_01 {background:url(/img/main/bg_01.jpg) no-repeat; background-size: cover;margin-bottom: 3px;}
.m_cts .cts_bg_02{background: url(/img/main/bg_02.jpg) no-repeat; background-size: cover;margin-bottom: 3px;}
.m_cts .cts_bg_03{background: url(/img/main/bg_03.jpg) no-repeat; background-size: cover;margin-bottom: 3px;}
.m_cts .cts_bg_04{background: url(/img/main/bg_04.jpg) no-repeat; background-size: cover;}
.m_cts .cts_bg_05{background: url(/img/main/bg_05.jpg) no-repeat; background-size: cover;}
.m_cts .cts_bg_06{background: url(/img/main/bg_06.jpg) no-repeat; background-size: cover;}
.m_cts ul li:hover span{background: rgba(255,255,255,0.8);}
.m_cts ul li:hover p{color: #000;}
.m_cts ul li:hover h2{color: #000;}
.m_cts ul li:hover .span_line{height: 1px; width: 40px!important;}
.m_cts ul li:hover .span_line::before{background: #000; width: 40px!important; height: 1px;}
.m_cts ul li:hover .span_line::after{background: #000; width: 40px!important; height: 1px;}
.m_cts ul li:hover a{background: rgba(0,0,0,0);}


/*메인콘텐츠 두번째*/
.lat {position:relative;}
.lat ul {margin:0 0 20px;padding:0;list-style:none}
.lat li {padding-left:17px; font-size:12px; line-height:24px; font-weight: 400;}
.lat li a:link {text-decoration:none; color:#333;}
.lat li a:hover {color:#333; text-decoration:underline;}
.lat li a:visited{color: #666;}
.lat_title {display:block; border-bottom: 1px solid #ccc; padding: 12px 15px;}
.lat_title a{height: 17px;}
.lat_title a img{width: auto;}
.lat_more {position:absolute;top:13px;right:12px;}
.title_icon {margin-left: 3px}
.bd_border{border: 1px solid #ddd; background: #fff;}
.board_bg{background-color: #efefef;}


/*list.10.skin*/
.sct_10 {margin: 0}
.sct_10.id_zz {margin-left: 215px}
.sct_10 .sct_img img {border: 1px solid #efefef}
.sct_10 .sct_img:hover .sct_cart {display: none}
.sct_10 .sct_txt {border-bottom: 0;font-size: 13px;text-align: center;color: #000;padding-bottom: 0; margin: 10px 0 15px}
.sct_10 .sct_cost {font-size: 15px; text-align: center; font-weight: 900}
.sit_icon_li {margin-top: 5px; text-align: center}
.shop_icon {font-size: 11px; padding: 0 4px; line-height: 15px}
.shop_icon_1 {background: #c4df9b}
.shop_icon_2 {background: #ffdd3c}
.shop_icon_3 {background: #b6cc27}
.shop_icon_4 {background: #b38822}
.shop_icon_5 {background: #ffa123}
.shop_icon_6 {background: #fa5143}


/*푸터*/
.ft_ft{width: 100%; background: #363636; position: relative; margin-top: 30px}
.ft_top{width: 100%; border-bottom: 1px solid rgba(204,204,204,0.4);}
.ft_top ul{width: 1200px; margin: 0 auto; list-style: none; padding: 0;}
.ft_top ul::after{display: block; clear: both;}
.ft_top ul li{display: inline-block; padding: 15px 0; padding-right: 25px;}
.ft_top ul li a{color: #ccc; font-size: 13px; font-weight: 200; opacity: 0.6; }
.ft_cts{width: 1200px; margin: 0 auto; display: flex;}
.ft_560{width: 540px; padding: 30px 0;}
.ft_560 h3{font-size: 20px; color: #ccc; margin-bottom: 10px;}
.ft_560 h1{font-size: 45px; color: #fff; font-weight: 600; color: #fea527; letter-spacing: -1.5px;}
.ft_560 h1:first-child{margin-bottom: 5px;}
.ft_560 h1 span{font-size: 25px; font-weight: 400; color: white;}
.ft_560 p{font-size: 14px;}
.ft_560 span{font-size: 14px; display: inline-block; margin-top: 5px;}
.tt_gray{color: #ccc!important;}
.ft_560 .frst_p{color: #ccc; padding: 5px 0 8px 0;}
.ft_560 p:last-child{color: #fff;}
.ft_640{width: 660px; padding:60px 0 30px 0;}
.ft_640 h3{font-size: 24px; color: #ccc; font-weight: 600; letter-spacing: -1px; padding-bottom: 30px;}
.ft_640 h3 span:first-child{color: #fff;}
.ft_640 h3 span:last-child{color: #ccc; font-size: 14px; font-weight: 400;}
.ft_640 ul{list-style: none; padding: 0; margin: 0;}
.ft_640 ul li{display: inline-block; color: #666; font-size: 14px; line-height: 20px;}
.ft_640 p{color: #666; font-size: 14px;}
.ft_640 .ft_640_p{margin:3px 0 5px 0;}
.ft_cts img{display: block; padding: 50px 0 20px 0;}