@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}



@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NanumGothic-Regular.eot);
  src: url(./font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumGothic-Regular.woff2) format('woff2'),
       url(./font/NanumGothic-Regular.woff) format('woff'),
       url(./font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(./font/NanumGothic-Bold.eot);
  src: url(./font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumGothic-Bold.woff2) format('woff2'),
       url(./font/NanumGothic-Bold.woff) format('woff'),
       url(./font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 800;
  src: url(./font/NanumGothic-ExtraBold.eot);
  src: url(./font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(./font/NanumGothic-ExtraBold.woff) format('woff'),
       url(./font/NanumGothic-ExtraBold.ttf) format('truetype');
}



@font-face {
  font-family: 'BMDOHYEON';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* common */
html,body { height:100%; }
* {margin:0; padding:0; list-style:none; text-decoration:none; color: #333; letter-spacing: -0.04em;}
ul>li>a { text-decoration:none; }
a {  color: inherit;}
em {font-style:normal}
table { border-collapse: collapse; }
input[type="checkbox"]{ width:20px; height:20px;}
img { object-fit:cover; }
/* common */
body,html{margin:0;width:100%;height:100%;position:relative}*{margin:0;padding:0;list-style:none;text-decoration:none;font-family:'NanumGothic';font-weight:400;font-size:16px;outline:0;-webkit-text-size-adjust:none;box-sizing:border-box}
ul>li>a{text-decoration:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:none;}
a:active,a:checked,a:focus,a:hover,a:visited{text-decoration:none;}
ul>li>a:active,ul>li>a:checked,ul>li>a:focus,ul>li>a:hover,ul>li>a:visited{text-decoration:none;}
table{border-collapse:collapse;}
.blind{position:absolute!important;visibility:hidden!important;top:0!important;left:0!important;height:0!important;width:0!important;font-size:0!important;line-height:0!important;overflow:hidden!important}
.clear::after{clear:both;content:'';display:block}
fieldset{border:none}legend{display:none}caption{display:none}
/* p,span,strong{letter-spacing:-.5px} */
i{display:inline-block}em{font-style:normal;letter-spacing:-1px}input{box-sizing:border-box;border:1px solid rgb(240,240,240);background-color:#fff;border-radius:0;}
input[type=text]::-ms-clear{display:none}button{box-sizing:border-box;border:0;background-color:transparent;cursor:pointer}textarea{box-sizing:border-box;resize:none}select{-webkit-border-radius:0;-webkit-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer}select::-ms-expand{display:none}
.clear::after{display: block; clear: both;content: '';}


#A_Wrap {width: 100%; height: 100%; margin: 0 auto; overflow-x: hidden; position: relative;}
#A_Header {width: 100%; background: #fff; position:sticky; top: 0; z-index: 9999; transform: translate3d(0,0,0); -webkit-transform: translateZ(0)
    }
#A_Container_Wrap {	max-width: 1440px; clear: both; padding: 0 15px; margin: 50px auto 95px;}
/* #A_Container_Wrap {	; clear: both; padding: 0 15px;  margin-top: 50px;} */

#A_Container{margin: 0 auto; clear: both; margin-bottom: 95px;}
#A_Container::after {display: block; content: ""; clear: both;}
#A_Container_L {float: left; width: 210px; padding-right: 20px;}
/* #A_Container_L::after {clear: both; content: ""; display: block;} */
#A_Container_C {width:calc(100% - 210px); float: left; overflow: hidden; }
#A_Container_C::after {clear: both; content: ""; display: block;}
#A_Footer {	width: 100%; overflow: hidden; clear: both; position: relative; }
.inner {max-width: 1440px; width: 100%; margin: 0 auto; padding: 0 15px;}
select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */
.clear::after{clear: both; content: ''; display: block;}





/* toolbar */

.toolbar {height: 390px; width: 105px; top: 120%; right: 15px; position: fixed; border-top-left-radius: 20px; border-bottom-left-radius: 20px; box-shadow: 5px 6px 17px 0px rgb(0 0 0 / 10%); border: 1px solid #eee; background: #fff; z-index: 90;}

.toolbar ul { width: 100%;  display: flex; flex-direction: column; padding:0 15px 15px 15px; border-radius: 20px; overflow: hidden;}
.toolbar ul li {width: 100%; height: 70px; margin-bottom: 10%; object-fit:cover; overflow:hidden; }
.toolbar ul li:last-of-type {margin-bottom: 0;}
.toolbar ul li a img {width: 100%; display: block;}

.tool_p {margin: 10px 0; text-align: center; font-size: 12px; white-space: nowrap; margin-bottom:5px;}

.tool2 {width: 100%; padding: 0 15px;}
.tool2 .kakao a img {width: 100%; display: block;}


/* header */
#A_Header .inner {}
#A_Header .inner::after{display: block;content: ''; clear: both;}
.slide_wrap {height: 110px; overflow: hidden;}
.bg01 {background: #fafafa; padding-bottom: 40px; overflow: visible;}



.re_btn {
    background: #d0d0d0;
    color: #fff;
    display: inline-block;
    width: 80px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    border-radius: 3px;

}


.logo_gnb > a {display: block; height:100%; }
.logo_gnb img {border: none; vertical-align: middle; position: relative;  display: block; z-index: 999;max-width: 100%;}
.search_form {position: relative; width: 35%;}
.m_menu .search_form{width: 100%;}
.search_input {padding-left: 15px;width: 100%; height: 50px;  position: relative; background:url(../_image/main/search_l.png) no-repeat left top rgb(240, 240, 240); }
.search_submit {position: absolute; right: 5%; z-index: 2; top: 25%; background: url(../_image/main/search_icon.png) no-repeat center; background-size: 21px; width: 25px; height: 25px; border: none;  cursor: pointer;}

.login_bar {height: 40px; line-height: 40px; border-bottom: 1px solid #dbdbdb;}
.login_bar ul {overflow: hidden; padding-top: 14px; float: right;}
.login_bar ul li {float: left; /* border-right: 1px solid #cdcdcd; */ line-height: 14px; margin-right:20px; /*padding-right: 20PX;*/}
.login_bar ul li a { font-size: 14px; color: #888;}
.login_bar ul li:last-child { border-right:0; margin-right:0; padding-right:0;}
.login_bar ul li a:hover {color: #ec6907;}
.m_menu {display: none;}
.m_menu_gnb{display: none;}

.header_menu_wrap {width: 13%; display: flex; justify-content: center; align-content: center; align-items: center;}
.header_menu_wrap a {display: block; margin-right: 35px; position:relative;} 
.header_menu_wrap a .cart_number{text-align: center; background:rgb(197, 10, 10); color:#fff; border-radius: 50%;  font-size:12px; position:absolute; left:6px; top:10px;  line-height:1.5; display:block; width:20px; height:20px;} 
.header_menu_wrap a:last-of-type {margin-right: 0;}

.search_menu_bar {height: 110px; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center;}

.menu_icon {width: 45px; height: 45px; border-radius: 50%;box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.1);
background: #fff url(../_image/main/icon5.png) no-repeat center; cursor: pointer;}
#all {cursor: pointer;}
.menu_icon.on {background: #ec6907 url(../_image/main/x_icon.png) no-repeat center;}

.mainmenu {width: 100%; height: 60px; position: relative; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); z-index: 33;}
.mainmenu ul {max-width: 1410px; height: 100%; display: flex; justify-content: center; align-content: center; align-items: center; font-size: 20px; margin: 0 auto; position: relative;}
.mainmenu ul > li {width: 20%; height: 60px;  text-align: center; line-height: 60px; transition: 0.4s all ease;}
.mainmenu ul > li#all {text-align: left; padding-left: 30px;}
.mainmenu ul > li#all .menu_icon {}
.mainmenu ul li a { height: 60px; display: block; transition: 0.4s all ease; position: relative; font-weight:800;}

.mainmenu ul > li a:hover {color: #ec6907;}
.mainmenu ul > li:first-of-type {}



/* .gnb {width: 100%; height: 60px; position: relative; box-shadow: 5px 6px 5px 0px rgba(0, 0, 0, 0.1); z-index: 33;}
.gnb .depth01 {max-width: 1410px; height: 100%; display: flex; justify-content: center; align-content: center; align-items: center; font-size: 20px; margin: 0 auto; position: relative;}
.gnb .depth01 > li {height: 60px; padding-right: 7.5%; padding-left: 7.5%; text-align: center; line-height: 60px;}
.gnb .depth01 > li:first-of-type {}
.gnb .depth01 > li a {}
.gnb .depth01 > li .depth02 {display: none;} */

.gnb {display: none; width: 100%;background: rgba(255, 255, 255, 1); border-top: 3px solid #ec6907; position: absolute; top: 210px; left: 0;  z-index: 44;}
.gnb > .depth01 {max-width: 1410px; margin: 0 auto; padding: 45px 55px;  display: flex; flex-flow: row wrap;}
.gnb > .depth01 > li:hover > a {color: #ec6907;}
.gnb > .depth01 > li {width: calc(90% / 6); margin-bottom: 30px; margin-right: 2%;}
.gnb > .depth01 > li:nth-of-type(6n) {margin-right: 0;}
.gnb > .depth01 > li > a {font-size: 18px; font-weight: bold; display: block;}

.gnb .depth02 {margin-top: 15px; position: relative;}
.gnb .depth02 > li {margin-bottom: 10px;}
.gnb .depth02 > li:hover > a {text-decoration: underline; color: #ec6907;}
.gnb .depth02 > li > a {color: #666; display: block;}

.gnb .depth03 {display: none; /* position: absolute; */ right: 50px; top: 0;}
.gnb .depth03 > li > a {color: #666; font-size: 0.85em; }
.gnb .depth03 > li:hover > a {color: #ec6907;}

/* .gnb {position: relative; z-index: 9; margin: 0 auto; float: right;} */
/* .gnb>li {float: left; zoom: 1; text-align: center; position:relative; margin-left:45px;}
.gnb>li a { display: block; font-size:17px; font-weight:600; color:#000; margin-top: 10px;}
.gnb>li a:hover {color:#ec6907;}
.gnb>li a.on {color: #ec6907;} */


/* footer */




.client_wrap {width: 100%;}
.client_wrap .client {max-width: 1410px; display: flex; flex-flow: row wrap; margin: 0 auto; padding-bottom: 40px;margin-top: 30px;}
.client_wrap .client .client_box {width: calc(96% / 3); margin-right: 2%;}
.client_wrap .client .client_box .title_area p {font-size: 20px; font-family: 'NanumGothucExtraBold'; font-weight:800;}
.client_wrap .client .client_box .title_area {width: 100%; display: flex; justify-content: space-between; margin-bottom: 15px;}
.client_wrap .client .client_box .title_area .more_btn {width: 30px; height: 30px; background: #f5f5f5 url(../_image/main/plus_icon.png) no-repeat center; border-radius: 50%; }
.client_wrap .client .client_box:last-of-type {margin-right: 0;}



.client_wrap .client .client_box.center .number {font-size: 34px; font-family: 'GmarketSansLight'; margin-top: 25px;  color:red;}
.client_wrap .client .client_box.center .number02{margin-bottom:40px; margin-top:0;}
.client_wrap .client .client_box.center table th {width: 15%; padding-top: 0; text-align: left; vertical-align:top; }
.client_wrap .client .client_box.center table th.first {padding-bottom: 63px;}

.client_wrap .client .client_box.center table td {width: 85%; font-family: 'NanumGothucExtraBold'; color: #666; padding-left: 35px;}
.client_wrap .client .client_box.center table td.first {padding-bottom: 20px;}
.client_wrap .client .client_box.center table td span {font-family: 'NanumGothucExtraBold'; font-weight: 300; color: #666;}


.client_wrap .client .client_box .table_wrap {width: 100%; overflow: hidden; border: 1px solid #eee; border-radius: 5px; }
.table_wrap table { border-top:1px solid #000; width:100%; }
.table_wrap table tr { border-bottom:1px solid #ccc; }
.table_wrap table th,
.table_wrap table td { padding:10px 0; }
.table_wrap table th { background-color:#f9f9f9; }
.est_popup .popup_box .basket_table { width:100% !important; min-width:100% !important; }
.client_wrap .client .client_box.notice .title_area,
.client_wrap .client .client_box.qna .title_area {padding: 0 20px;}
.client_wrap .client .client_box.notice table {width: 100%;  }
.client_wrap .client .client_box.notice table thead {background: #f5f5f5; text-align: center; }
.client_wrap .client .client_box.notice table thead td {padding: 15px 0px; border-bottom: none;}
.client_wrap .client .client_box.notice table thead td:last-of-type {}


.client_wrap .client .client_box.notice table tbody tr {border-bottom: 1px solid #eee;}
.client_wrap .client .client_box.notice table tbody td {padding: 20px 20px;}
.client_wrap .client .client_box.notice table tbody td:last-of-type {color: #999;font-family: 'NanumGothucExtraBold'; text-align: center; font-size: 14px;}

.client_wrap .client .client_box.notice table td a { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.client_wrap .client .client_box.notice table td a p {color: #666;}









.client_wrap .client .client_box.qna table {width: 100%;  }
.client_wrap .client .client_box.qna table thead {background: #f5f5f5; text-align: center; }
.client_wrap .client .client_box.qna table thead td {padding: 15px 0px; border-bottom: none;}
.client_wrap .client .client_box.qna table thead td:last-of-type {}


.client_wrap .client .client_box.qna table tbody tr {border-bottom: 1px solid #eee;}
.client_wrap .client .client_box.qna table tbody td {padding: 20px 20px;}
.client_wrap .client .client_box.qna table tbody td:last-of-type {color: #999;font-family: 'NanumGothucExtraBold'; text-align: center; font-size: 14px;}

.client_wrap .client .client_box.qna table td a { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.client_wrap .client .client_box.qna table td a p {color: #666;}




.foot_comInfo {width: 100%; }
.footer1_wrap {width: 100%; background: #f5f5f5; padding: 20px 0px;}

.footer1_wrap > ul {max-width: 1410px; margin: 0 auto; display: flex; flex-direction: row;}
.footer1_wrap > ul > li {margin-right: 35px;}
.footer1_wrap > ul > li.info a {color: #333;}
.footer1_wrap > ul > li a {color: #666;}
.footer1_wrap > ul > li:last-of-type {margin-right: 0;}



.footer2_wrap {width: 100%; padding: 30px 0;}
.footer2 {max-width: 1410px; margin: 0 auto; display: flex; flex-flow: row wrap; align-items: center; align-content: center; position:relative;}
.kakao01{position:fixed; z-index: 100; right:30px; bottom:30px; width:60px; display:none;}
.footer2 .footer_box1 {width: 280px; }
.footer2 .footer_box1 .logo {display: block;}
.footer2 .footer_box1 .logo img{width: 220px;}
.footer2 .footer_box2 {width: calc(100% - 280px);}
.footer2 .footer_box2 p {color: #666; line-height: 30px; font-weight: 300; word-break: keep-all;}
.footer2 .footer_box2 p a {display:inline-block; background:#666; color:#fff; font-size:12px; line-height:10px; padding:10px 5px; margin:0 10px; cursor: pointer;}
.footer2 .footer_box2 p.copy {margin-top: 30px; font-size: 14px;}

/* .foot_btn {width: 100%; height: 216px; background: #fff; margin-top: 30px;}
.foot_btn:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
.foot_comInfo { width:100%; background:#3b3a40; }
.ft_btn  { position:relative;     padding-top: 30px;}
.ft_btn>a {color:#d8d8d8; font-size:14px; margin-right:8px;  border-right:1px solid #504f56; padding-right:8px; height: 10px;display: inline-block;line-height: 10px;}
.ft_btn>a:nth-child(5) { border-right:0;}
.ft_btn>a:hover { color:#ec6907; }
.ft_btn span {margin:0 10px; color:rgba(204,190,183,0.5);}
.ft_btn select {float:right;}
.fc_info {max-width:1440px; margin:0 auto; color:#b7b7b7; font-size:13px; line-height:20px; overflow:hidden; padding:25px 0 25px;  }
.fc_info a{color:#b7b7b7;}
.fc_info span { margin-left:8px;}
.ft_btn .inner{ position:relative; }
.ft_sns_wrap { position:absolute; top:15px; right:0;}
.ft_sns_wrap a { width:33px; height:33px; display:inline-block; margin-left:10px;}
.ft_sns_wrap a:nth-child(1) {background:url(../image/common/ft_sns01.png)no-repeat;}
.ft_sns_wrap a:nth-child(2) {background:url(../image/common/ft_sns02.png)no-repeat;}
.ft_sns_wrap a:nth-child(3) {background:url(../image/common/ft_sns03.png)no-repeat;}
.ft_sns_wrap a:nth-child(4) {background:url(../image/common/ft_sns04.png)no-repeat;}
.ft_sns_wrap a:nth-child(1):hover {background:url(../image/common/ft_sns01_on.png)no-repeat;}
.ft_sns_wrap a:nth-child(2):hover {background:url(../image/common/ft_sns02_on.png)no-repeat;}
.ft_sns_wrap a:nth-child(3):hover {background:url(../image/common/ft_sns03_on.png)no-repeat;}
.ft_sns_wrap a:nth-child(4):hover {background:url(../image/common/ft_sns04_on.png)no-repeat;} */


/* #visual { position: relative; height:200px; width: 100%; overflow: hidden; }
#sub_visual { width:100%; height: 200px;}
#sub_visual img {position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%);min-width: 100%; height: 100%;}
.sub_visual_txt { text-align:left;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);max-width: 1200px;width:95%;}
.sub_visual_txt .visual_txt01 { font-size:36px; color:#000; font-weight:600; }
.sub_visual_txt .visual_txt02 { font-size:14px; color:#888; margin-top:20px; } */

.sub_wrap { max-width:1410px; margin:0px auto; overflow: hidden; width: 100%;}
#A_Container_L .title {text-align: center;font-size: 18px;color: #fff;line-height: 80px;background:#231916;}
.sub_title p { border-bottom:1px solid #2866b1; font-size:33px; font-weight:600; color:#333; display:inline-block; padding-bottom:20px;}
#A_Container_L ul li {font-size:14px; color:#888; }

/* #A_Container_L>ul {margin-bottom:22px; } */
#A_Container_L .lnb {background: #fff; padding-top: 10px 0; box-shadow: 5px 0px 6px 0px rgba(0, 0, 0, 0.1); width: 100%; min-height: 490px; height:auto; }
#A_Container_L .lnb_sub01 {font-weight:600; box-shadow: 5px 0px 6px 0px rgb(0 0 0 / 10%);}
#A_Container_L .lnb_sub01 .left_text{padding-left:20px; display:block; line-height:2; font-weight:600; color:#ec6907; font-size:17px; padding-top:5px;}
#A_Container_L .lnb_sub01 .tit_sub2 {padding:30px 9px; }
/*#A_Container_L>ul li:hover {background:url('../image/sub/lnb_more_on.png')no-repeat 95% 50%; color:#ec6907; font-size:14px;}*/
/*#A_Container_L>ul li:hover a { color:#ec6907; font-weight:600; }*/
#A_Container_L>ul li a { display:inline-block; width:100%; height:100%; font-size:16px; font-weight:600; padding:10px 20px; word-break: keep-all;box-sizing:border-box; color:#555; line-height: inherit;}
#A_Container_L>ul .on {background:url('../image/sub/lnb_more_on.png')no-repeat 95% 50%;  }
#A_Container_L>ul .on a { color:#ec6907; font-weight:600; }
.ss_menu { border-top:1px solid #e3e3e3}
.ss_menu li { background:#f9f9f9; border-bottom:0 !important; }
#A_Container_L ul li a:hover { color:#ec6907;}
#A_Container_Wrap .goods_list .select_listbox ul li a.on, #A_Container_Wrap .goods_list .select_listbox ul li a:hover{color: #fff !important; background: #ec6907; border-radius: 50px;}
#A_Container_Wrap .goods_list .select_listbox ul li a:before{display: none;}
#A_Container_Wrap .goods_list .select_listbox ul li a{padding: 10px 20px; display:inline-block;}
.goods_list .select_listbox{border: none !important;border-top: 2px solid #333!important;border-bottom: 1px solid #ddd !important}
.goods_list .select_listbox ul::after{clear: both;content: ''; display: block;}
.goods_list .select_listbox ul li{padding-left:0 !important;margin-right:15px;}
.goods_list .list_title{font-family: 'NanumGothicExtraBold';font-size: 23px;font-weight: 500 !important;}
.cate_list b{font-weight:600;}

/* 내역서 */
.pay_table {
  margin-bottom: 30px; padding-bottom: 30px; overflow: hidden;
}
.pay_table .cont_name {
  font-size: 18px; color: #333; font-weight: 600; margin-bottom: 10px;
}
.pay_table table {	width:100%; border-top:1px solid #ccc; table-layout:fixed;}
.pay_table table th {
  text-align: left; background: #f9f9f9; padding-left: 20px; font-size: 16px; font-weight: 600; color: #666; height: 50px;
}
.pay_table table td {
  padding: 8px 0; padding-left: 20px; font-size: 14px; color: #666; line-height: 22px;
}
.pay_table table th, .pay_table table td {
  border-bottom: 1px solid #ccc;
}
.pay_table .table02 {
  margin-top: 30px;
}
.pay_table .table02 td {
  border-right: 1px solid #eee;
}
.pay_table .table02 td:last-child {
  border-right: 0;
}
.basket_table tr.basket_tr td {
  padding: 13px 20px;
}
.basket_table tr th {
  padding: 15px 7px; background: #f9f9f9; border-bottom: 1px solid #eee; font-weight: 600; text-align: center;
}
.basket_table tr td {
  padding: 10px 0px; border-bottom: 1px solid #eee; text-align: center; position:  relative;
}
.basket_table tr td .pay_point {
  font-size: 18px; font-weight: 600; color: #ff444e;}
.basket_table tr td .title_txt {
  font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.basket_table tr .txt_left {
  text-align:left; padding-left:20px;
}
.basket_table tr td:first-child {
  border-left: 0px;
}
.basket_table tr td span.basket_span01 {
  display: inline-block; width: 50px; height: 28px; background: #ff444f; color: #ffffff; font-size: 13px; line-height: 28px; cursor: pointer;
}
.basket_table tr td span.basket_span02 {
  display: inline-block; width: 50px; height: 28px; background: #9c9c9c; color: #ffffff; font-size: 13px; line-height: 28px; cursor: pointer; margin-left: 3px;
}
.basket_table tr td span.basket_span03 {
  display: inline-block; border-right: 1px solid #d7d7d7; padding-right: 40px; margin-right: 40px;
}
.basket_table tr td span.add_span {
  display: inline-block; text-indent: -6666px; width: 34px; height: 33px; background: url('../img/sub/add_icon.gif') 0 0 no-repeat; vertical-align: top; margin-right: 5px;
}
.basket_table tr td span.sum_span {
  display: inline-block; text-indent: -6666px; width: 34px; height: 33px; background: url('../img/sub/sum_icon.gif') 0 0 no-repeat; vertical-align: top; margin: 0px 5px 0px 15px;
}




@media screen and (max-width: 1440px){
  .sub_wrap { padding:0 20px; }
  #A_Container_L .lnb {background: #fff; padding-top: 10px; box-shadow: 5px 0px 6px 0px rgba(0, 0, 0, 0.1); width: 100%; height: 35vw; }

  .footer1_wrap {padding-left: 15px; padding-right: 15px;}
  .footer2_wrap {padding-left: 15px; padding-right: 15px;}


	.header_menu_wrap {width: 20%; padding-top: 15px; justify-content: flex-end;}


	.client_wrap {padding-right: 15px; padding-left: 15px;}

	.client_wrap .client .client_box.center table th {width: 20%;}



}


@media screen and (max-width: 1024px){
  .m_menu{display:none;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#fff;z-index: 99; padding-top:70px;}
  .m_menu_gnb{overflow-y: auto;box-sizing:border-box;background-color:#fff;display: block;height:calc(100vh - 70px); }
  .m_menu_gnb.on{right:0;width:100%; }
  /* .m_menu_gnb img{position:absolute;top:25px;left:15px;width:210px;} */
  .m_menu_gnb .depth01{margin:0;border-top:1px solid #ddd;clear: both;}
  .m_menu_gnb .depth01>li{float:none;width:100%;padding:0;border-bottom:1px solid #ddd}
  .m_menu_gnb .depth01>li{width:100%;padding:0;border-bottom:1px solid #ddd}
  .m_menu_gnb .depth01>li.on a{color: #ec6907; font-weight:600;}
  .m_menu_gnb .depth01>li a{font-weight: 400;color: #333;line-height: 75px; padding: 0 20px;font-size: 22px;display: block;}
  .m_menu_gnb .depth01>li>.gnb_tit{color:#333;/*background-image:url(../_image/m_menu.png);background-position:95% 60%;background-size:25px;background-repeat:no-repeat;*/cursor:pointer;font-weight: 400;color: #333;line-height: 75px; padding: 0 20px;font-size: 22px;display: block;}
  /* .m_menu_gnb .depth01>li>.gnb_tit.on{background-image:url(../_image/m_menu_up.png);background-size:25px} */
  .m_menu_gnb .depth01 .depth02{display: none;position:static;top:auto;left:auto;width:100%;padding:0;padding-left:25px;    background-color: #fafafa;font-size:16px;padding: 20px 0}
  .m_menu_gnb .depth01 .depth02 li a{line-height:46px;height:46px;font-size:16px;color:#333}
  .m_menu_gnb .depth01 .depth02 li a:before{display:none}
  .m_menu_gnb .depth01>li.on .depth02{display: block;}
  .m_menu_gnb .depth02 > li.on .depth03{display: block;}
  .m_menu_gnb .depth03{display: none;}
  .m_menu_gnb .depth02 .depth03 li a{padding-left: 40px;}

  .m_menu_gnb .search_form{margin-top: 10px; border-bottom: 1px solid #333; width:95%; margin:0 auto;}
  .m_menu_gnb .search_form button{background: url('../_image/ico_search.png')no-repeat center center;background-size: 35px;width: 40px;height: 42px;font-size: 0;}
  .m_menu_gnb .search_form input{width: calc(100% - 40px);background: none;border: none;padding: 10px;float: left;}
  .m_menu_gnb .search_form input::placeholder{color: #333; font-size: 16px;font-weight: 300; }

  .logo_gnb img{width:150px;}
	.search_menu_bar {height: 70px;}

  .search_menu_bar .search_form {display: none;}
  .mainmenu {display: none;}


  #A_Container_L {display: none;}
  #A_Container_C {width: 100%; }


  .header_menu_wrap {display: none; }

  .menubar { width:30px; cursor:pointer; position:absolute; top:25px; right:20px; height:25px; z-index:999; display:none;}
  .menubar li { width:100%; height:2px; background:#333; position:absolute;}
  .menubar li:nth-child(1) { top:0; }
  .menubar li:nth-child(2) { top:12px;width: 70%}
  .menubar li:nth-child(3) { top:24px; }
  .menubar.bk li{background: #333;}



  .login_join {padding:20px 0;float: right;display: block;}
  .login_join li{float: left; position: relative;}
  .login_join li::before{content: '';top: 9px;position: absolute;right: 0px;width: 1px;height: 10px;background: #666;}
  .login_join li a{color: #333;font-weight: 400;font-size: 16px;padding: 0 15px;}
  .login_join li:last-child::before{display: none;}
  .login_join li::after{content: ''; background: #fff; border-radius: 50%; top: -7px; left: 50%;transform: translateX(-50%);width: 3px;height: 3px; position: absolute;opacity: 0;transition: 0.3s;}
  .login_join li:hover::after{opacity: 1; transition: 0.3s;}

  .user_page {clear: both;width: 95%; margin: 0 auto;margin-bottom: 20px;}
  .user_page li {float: left;width: calc((100% - 30px)/3);margin-right: 15px; margin-bottom:15px;}
  .user_page li:nth-child(3n){margin-right:0;}
  .user_page li:nth-child(7){margin-bottom:0;}
  .user_page li:nth-child(8){margin-bottom:0;}
  .user_page li:nth-child(9){margin-bottom:0;}
  .user_page li a{display: block;padding: 10px 5px; text-align: center;color: #333; border-radius: 8px; border: 1px solid #ddd;font-size: 16px; font-weight: 400; font-size:14px;}

  .user_page02 li a{height:60px; padding:20px 0;}

  .quick_all {clear: both;width: 95%; margin: 0 auto;margin-top: 20px;}
  .quick_all li {padding: 10px;border-radius: 8px; border: 1px solid #dddd; text-align: center;float: left;width: calc((100% - 30px)/3);margin-right: 15px;margin-bottom: 15px;position:relative;}
  .quick_all li:nth-child(3n){margin-right: 0;}
  .quick_all li a{color: #333; font-weight: 400px; font-size: 16px;}
  .quick_all li a .cart_number{text-align: center; background:rgb(197, 10, 10); color:#fff; border-radius: 50%;  font-size:12px; position:absolute;left:55%; top:50%; transform:translate(-94%,-130%);   line-height:1.5; display:block; width:20px; height:20px;}
  .quick_all li img{display: block;margin: 0 auto;}
  .quick_all li img.img_b{margin-bottom:15px;}

  .menubar{display: block}
  .slide_wrap{display: none;}
  .login_bar{display: none;}
  .m_menu.on{display: block;}

  .client_wrap .client .client_box.center .number {font-size: 28px;}

		.client_wrap .client .client_box.center table th {width: 30%;}

		.client_wrap .client .client_box.center table td {padding-left: 25px;}



		.client_wrap .client .client_box.notice table tbody td:last-of-type {font-size: 13px;}
		.client_wrap .client .client_box.notice table thead td {padding: 10px 0;}
		.client_wrap .client .client_box.notice table tbody td {padding: 15px 5px;}

		.client_wrap .client .client_box.qna table tbody td:last-of-type {font-size: 13px;}
		.client_wrap .client .client_box.qna table thead td {padding: 10px 0;}
		.client_wrap .client .client_box.qna table tbody td {padding: 15px 5px;}


    .recommend .recommend_box { }
}




@media screen and (max-width: 768px){
#A_Container_L{display: none;}
#A_Container_C{width: 100%; float: none;}

.footer1_wrap > ul > li {margin-right: 20px;}

.footer2 {flex-flow: column wrap;}
.footer2 .footer_box1 {width: 100%;}
.footer2 .footer_box2 {width: 100%;}

.toolbar {display: none;}
.logo_gnb img{ width:120px; }

.m_menu_gnb .depth01>li a{font-size: 18px; line-height: 65px}
.client_wrap .client .client_box {width: 100%; margin-bottom: 40px;}
.client_wrap .client .client_box.notice .title_area, .client_wrap .client .client_box.qna .title_area {padding: 0;}

/* 내역서 */
.basket_table.pay { min-width:100%; }
.basket_table tr th{padding: 10px; word-break: keep-all;font-size: 14px;}

/* 내역서 */
.est_popup .top,
.est_popup .popup_box { width:480px; height:auto }
.est_popup .popup_box .title { font-size:30px; margin:25px 0 15px; }
.pay_table table th { font-size:14px; height:40px; padding-left:10px; }
.pay_table table td { padding-left:10px; }
.basket_table tr td .title_txt,
.basket_table tr td,
.basket_table tr td .pay_point { font-size:14px; }
.pay_table { margin-bottom:0; }

.table_wrap table th { font-size:14px; }
.table_wrap table td { font-size:13px; }

.footer2 .footer_box1 .logo img { max-width:130px; object-fit:contain;}
.kakao01{display:block;}
}
@media screen and (max-width: 481px){
.menubar{right: 10px;}
.quick_all li a .cart_number{left:59%;}

#A_Header .inner {}
.m_menu_gnb .depth01>li>.gnb_tit {line-height: 65px; font-size: 19px;}

.footer1_wrap > ul > li {margin-right: 5px;}
.footer1_wrap > ul > li a {font-size: 13px;}
.m_menu_gnb .depth01>li a{ line-height: 55px}
.footer2 .footer_box2 p {font-size: 13px;;}
.footer2 .footer_box2 p.copy {font-size: 12px; margin-top: 10px;}
#A_Container_Wrap .goods_list .select_listbox ul li a{padding: 5px 15px;}
.goods_list .select_listbox ul{padding: 0;}
.goods_list .select_listbox{padding: 10px 0 !important;}
.goods_list .select_listbox ul li{padding-left: 0 !important}

/* 내역서 */
.basket_table tr td .title_txt{font-size: 14px;}
.basket_table tr td p{font-size: 14px;}
.basket_table tr td{word-break: break-all;}
.basket_table tr .txt_left{padding-left: 10px;}
.basket_table tr td .pay_point{font-size: 14px;}
.basket_table tr td img{width: 30px; height: 30px;}
.basket_table tr td span.basket_span02{width: 40px;}
.est_popup .top,
.est_popup .popup_box { width:340px; max-width:100%; }
.est_popup .popup_box .form { padding:0 10px; }
.pay_table .cont_name { font-size:16px; }
.est_popup .popup_box .title { font-size:25px; margin:15px 0 10px; }
.pay_table table th { font-size:11px; height:30px; padding-left:5px; }
.pay_table table td { padding-left:5px; font-size:11px; }
.basket_table tr td .title_txt,
.basket_table tr td,
.basket_table tr td .pay_point { font-size:13px; }


/* footer */
.kakao{width:50px;}

}