@charset "UTF-8";

/* 변수명 default: content or 레이아웃클래스명-객체-속성 */
:root {
    /**
	--content-btn-bg-color-default: #888;
	--bodyhome-img-homeTitle: url(/common/images/airwms2/ico_dashboard.png);
	**/
	--topBanner-bg-color:#313852;
    --aj-color-darkgray:#706F6F;
    --aj-color-white:#FFFFFF; 
    --aj-color-green:#3BBA71;
    --topLoginArea-br-color:#E3E3E3;
    --gnb-font-color:#111;
    --gnb-font-line:#16798E;
    --loginBox-color-bg:#EDF6F3;
    --content-main-color-green:#7AD863;
    --content-font-color-green2:#34E086;
    --content-main-color-gray:#44474C;
    --content-color-gray:#EFEFEF;
    --content-button-color:#657082;
    --content-color-white:#FFF;
    --font-main-color:#494949;
    --font-color-black:#000;
    --font-main-color-red:#E30613;
    --font-main-color-orange:#EC6608;
    --sns-border-color:#D9D9D9;
    --sns-font-color-gray:#3C3C3D;
    --content-color-type2-gray:#F3F3F3;
    --content-color-type3-gray:#6D6D6D;
    --content-color-type4-gray:#F8F8F8;
    --content-color-type5-gray:#E9E9E9;
    --content-color-type6-gray:#444A60;
    --content-color-type7-gray:#D9D9D9;
    --content-color-type8-gray:#FBFBFB;
	--mainSNS-img-question:url('../../../images/ajLogis/img_question2.png');
	--mainSNS-img-rental:url('../../../images/ajLogis/img_cht.png');
	--main-img-call:url('../../../images/ajLogis/img_call.png');
	--green-gradient:linear-gradient(270deg, #2F9387 2.75%, #40A583 50.1%, #53B87F 98.39%);
	--myOption-myIAS-img:url('../../../images/ajLogis/img_master.png');
	--myOption-myFavorite-img:url('../../../images/ajLogis/img_myFavorite.png');
	--myOption-myFavorite-img:url('../../../images/ajLogis/img_cart.png');
	--myOption-myAlarm-img:url('../../../images/ajLogis/img_alert.png');
	--myOption-myFavorite-img:url('../../../images/ajLogis/img_heart.png')no-repeat;
}

body {font-size:14px;}
.d-none {display:none;}
.d-blcok {display:block;}
/** 상단배너 **/
.topBanner {width:100%;background:var(--topBanner-bg-color);}
.topBanner .pop {width:1280px; margin:0 auto;position:relative;}

/** 상단 검색/로그인 **/
.topGnb {width:100%; border-bottom:1px solid var(--topLoginArea-br-color); padding: 10px 0;}
.topGnb .head {width:1280px; height:60px; margin:0 auto; display:flex;justify-content:space-between;align-items:center;}
.topGnb .head .logoLeft { width:160px; height:32px;display:flex;align-items: center;}

/*상단검색*/
.topGnb .head .searchRight li:nth-child(1){position:relative;}
.topGnb .head .searchRight li:nth-child(1) button.srcIcon {position:absolute; top:7px; right:34px;     background: url(../../../images/ajLogis/img_search.png) center center no-repeat;background-size: 20px;width:26px;height:26px; font-size:0;}
.topGnb .head .searchRight li:nth-child(1) .searchMain {position:relative;width:400px;height:40px;border-radius:20px;border:1px solid #3F3939; background:#F8F8F9; margin-right:22px;padding:8px 40px 8px 20px;}

/*상단퀵링크*/
.topLink {display: flex; align-items: center; justify-content: right; gap: 12px;}
.topLink a {height:18px; width:50px;}
.topLink .icon {font-size: 0; width: 16px; height: 16px;}
.topLink .icon.mypage {margin:0 !important;}
.topLink .icon.cart {margin-right: 30px;}
.topLink .icon::before {content: "";display: block; width: 16px; height: 16px;} 
.topLink .icon.mypage::before {background: url(../../../images/ajLogis/goods/user.svg) center center no-repeat; background-size: 100%; margin:0; padding:0;}
.topLink .icon.favoriate::before {background: url(../../../images/ajLogis/goods/heart.svg) center center no-repeat; background-size: 100%;}
.topLink .icon.cart::before {background: url(../../../images/ajLogis/goods/cart.svg) center center no-repeat; background-size: 100%;}
.topLink .icon.notice::before {background: url(../../../images/ajLogis/img_alert.png) center center no-repeat; background-size: 100%;}

/** gnb https://codepen.io/zenghyun/pen/XWYRQQY**/
.topMenu {position: relative;width:100%;height:40px;border-bottom:1px solid #C81322;}
.topMenu .toplnb {position:relative; width:1280px; margin:0 auto; display:flex; align-items: center; font-size: 16px;}
.topMenu .toplnb > ul {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.topMenu .toplnb li li {min-width: 90px;}
.topMenu .toplnb a {display:flex; justify-content:center; align-items:center; width: 100%; height:39px; color:var(--sns-font-color-gray); font-size:14px; font-weight:700; white-space:nowrap;}
.topMenu .toplnb a:hover {color:#C81322;}
.toplnb > ul > li {position:relative;}
.topMenu .toplnb a.sitemap {display: flex; align-items: center; gap: 10px;}
.topMenu .toplnb a.sitemap::before {content: ""; display: block; width: 40px; height: 100%; background: url(../../../images/ajLogis/img_sitemap.png) center center no-repeat;border-left:1px solid var(--topLoginArea-br-color);border-right:1px solid var(--topLoginArea-br-color);}
.topMenu .toplnb .subMenu {display:none; position: absolute; top:39px;left: 50%; transform: translateX(-50%); z-index: 999; border:1px solid #C81322;}
.topMenu .toplnb .subMenu li a {font-size:14px; font-weight: 700; text-align:left; color:var(--font-main-color);margin:0; line-height: 30px; height: 32px;white-space: nowrap;} 
.topMenu .toplnb > ul > li:hover .subMenu {display:block; padding:10px; background:var(--aj-color-white); border-radius:0 0 2px 2px;
box-sizing: border-box;}
.subMenu a:hover {font-weight:bold !important; color: #C81322 !important;}


/**전체메뉴**/
.layer_sitemap {
    display: none;
	position: absolute;
    z-index: 9999;
	top:122px;
	left: 0;
	right: 0;
    width: 100%;
    background-color: #fff;
}
.layer_sitemap .CategoryAll {position: relative; margin: 0 auto; display: flex; align-items: stretch; width:1280px; min-height: 450px; font-size: 16px;}
.layer_sitemap .CategoryAll li a:hover {color:#C81322 !important;}
.layer_sitemap .CategoryAll>ul {padding:30px 50px; display: flex;flex-direction: column;gap: 16px;}
.layer_sitemap .CategoryAll>ul.depth02,
.layer_sitemap .CategoryAll>ul.depth03 {border-left: solid 1px #E2E2E2;}
.layer_sitemap .CategoryAll>ul .on {color: #C81322; font-weight: 700;}
.categoryClose {position: absolute; right: 0;bottom: 0;}

.dim {content:""; display: block; position: fixed; top: 122px; z-index: 99; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.2);}

/** 퀵메뉴 **/
.quickBtnArea {display:block;z-index:60;position:fixed; top:35%; right:20px; transform: translateY(-50%);}
.quickBtnArea li {position:relative; margin-top:-1px;}
.quickBtnArea li:nth-child(1) {border:1px solid var(--content-color-type5-gray); border-radius: 10px 10px 0 0;  background:var(--content-color-white);}
.quickBtnArea li:nth-child(2) {border:1px solid var(--content-color-type5-gray); border-radius:0 0; background:var(--content-color-white);}
.quickBtnArea li:nth-child(3) {border:1px solid var(--content-color-type5-gray); border-radius: 0 0; background:var(--content-color-white);}
.quickBtnArea li:nth-child(4) {border:1px solid var(--content-color-type5-gray); background:var(--content-color-white);}
.quickBtnArea li:nth-child(1) a {background:url(../../../images/ajLogis/img_contract.png) no-repeat center 15px;}
.quickBtnArea li:nth-child(2) a {background:url(../../../images/ajLogis/img_myCart.png) no-repeat center 15px;}
.quickBtnArea li:nth-child(3) a {background:url(../../../images/ajLogis/img_heart.png) no-repeat center 15px;}
.quickBtnArea li:nth-child(4) a {background:url(../../../images/ajLogis/img_My_current.png) no-repeat center 15px;}
.quickBtnArea li:last-child {border-radius: 0 0 10px 10px;}
.quickBtnArea a {display:block;width:88px;height:80px;box-sizing: border-box;text-align:center;font-size:12px;
color:var(--gnb-font-color); transition:all .2s;padding:50px 0 0 0;}
.quickBtn .num {position: absolute;top:7px;right:7px;padding: 0 8px;height:20px;line-height:20px;font-size: 12px; font-weight:500;color:var(--content-color-white);background:var(--font-main-color-red);border-radius:10px;}
	
/** top, chat **/
.topChatArea {display:block;z-index:60;position:fixed; top:80%;right:21px; transform: translateY(-50%);}
.topChat li {position:relative;}
.topChat li + li {margin:10px 0;}
.topChat li a {display:block;width:58px;height:58px;box-sizing:border-box;}
.chat {background:url(../../../images/ajLogis/img_cht2.png) no-repeat center center;}
.top {background:url(../../../images/ajLogis/img_top.png) no-repeat center center;}


/** -----------------------------------------   index.html 리스트페이지 -------------------------------------------------------**/
.mainBodyContent {display: flex; flex-direction: column; gap: 80px; align-items: center;}
.mainBodyContent h2 {font-size: 28px; font-weight: 700;}

.centered-slides {justify-content: center !important;}
.scrollCont {width: 1280px; overflow: hidden;}
.scrollCont ul {display: flex; gap: 20px;  }
.scrollCont ul li a {display: block; width: 390px; height: 416px; border-radius: 30px; overflow: hidden;}
.scrollCont ul li img {width: 100%; height: 100%;}
.scrollCont .scrollNav {display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 30px;}
.scrollCont .scrollNav a {display: block; width: 30px; height: 30px; font-size: 0;}
.scrollCont .swiper-button-prev .back {background: url(../../../images/ajLogis/ico_back.png) no-repeat; background-size: 100%;}
.scrollCont .swiper-button-next .next {background: url(../../../images/ajLogis/ico_next.png) no-repeat; background-size: 100%;}
.scrollCont .play {background: url(../../../images/ajLogis/goods/logis/ico_pause.png) no-repeat; background-size: 100%;}
.scrollCont .pause {background: url(../../../images/ajLogis/goods/logis/ico_play.png) no-repeat; background-size: 100%;}
.scrollCont .scrollNav .pagination {display: flex; justify-content: center; align-items: center; gap: 10px; background-color:#F2F2F2; border-radius: 15px; padding: 7px 10px;}
.scrollCont .scrollNav .pagination a {display: block; width: 16px; height: 16px; }

.BestGoods {width: 1280px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; align-items: center;}
.BestGoods .tabCategory {display: flex; align-items: center; gap: 24px; font-size: 16px;}
.BestGoods .tabCategory li {width: 100px; display: flex; flex-direction: column; gap: 10px; align-items: center;}
.BestGoods .tabCategory li button {width: 100px; height: 100px; border: solid 1px #E7E7E7; border-radius: 20px; font-size: 0; background-color: #fff;}
.BestGoods .tabCategory li button.on, 
.BestGoods .tabCategory li button:hover {height: 100px; border: solid 1px #10A3D1;background-color: #10A3D1;}
.BestGoods .tabCategory li button.on::before,
.BestGoods .tabCategory li button:hover::before {filter: brightness(0) invert(1);}
.BestGoods .tabCategory li button::before {content:""; display: block; width: 100px; height: 100px; background-repeat: no-repeat; background-size: 46px; background-position: center center;}
.BestGoods .tabCategory li:nth-child(1) button::before {background-image: url(../../../images/ajLogis/ico_category01.png);}
.BestGoods .tabCategory li:nth-child(2) button::before {background-image: url(../../../images/ajLogis/ico_category02.png);}
.BestGoods .tabCategory li:nth-child(3) button::before {background-image: url(../../../images/ajLogis/ico_category03.png);}
.BestGoods .tabCategory li:nth-child(4) button::before {background-image: url(../../../images/ajLogis/ico_category04.png);}
.BestGoods .tabCategory li:nth-child(5) button::before {background-image: url(../../../images/ajLogis/ico_category05.png);}
.BestGoods .tabCategory li:nth-child(6) button::before {background-image: url(../../../images/ajLogis/ico_category06.png);}

.detail_content {width:1280px; padding-top:20px;}
.detail_content .detail_list {width:100%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 40px;}
.detail_content .detail_list li {position:relative; width: 290px;}
.detail_content .detail_list .detail_block {width:290px; max-height:400px;box-sizing: border-box;border:1px solid transparent; border-radius: 10px; padding: 4px;}
.detail_content .detail_list .detail_block:hover {border:1px solid var(--content-color-type7-gray); transition: all 0.3s; box-sizing: border-box;}
.detail_content .detail_list .detail_block .detail_img {display:block;margin:0 auto; background-size:cover; /*border:1px solid var(--content-color-type7-gray);*/ border-radius:10px; overflow: hidden;}
.detail_content .detail_list .detail_block .detail_img a {display:block;}
.detail_content .detail_list .detail_block .detail_img img {height:155px; max-width:225px}
.detail_content .detail_list .detail_block .detail_name {text-align:left;max-height:38px;overflow:hidden;font-weight:700;margin-top: 16px;
	display:-webkit-box; 
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;}
.detail_content .detail_list .detail_block .detail_model {font-size:12px; text-align:left; color:var(--aj-color-darkgray);font-weight:700;}
.detail_content .detail_list .detail_block .priceArea {display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
/* .detail_content .detail_list .detail_block .priceArea .detail_price {font-size: 14px; color: #737272;} */
.detail_content .detail_list .detail_block .priceArea .detail_price {font-size: 14px; color: #111111;}
.detail_content .detail_list .detail_block .priceArea .detail_price span {font-size: 14px; font-weight: 700; color: #000;}
.detail_content .detail_list .detail_block .priceArea .hashtagArea {display: flex; gap: 8px;}

.GoodsDevice {width: 1280px; margin: 0 auto; display: flex; flex-direction: column; gap: 30px;}
.GoodsDevice .itemGroup {margin-bottom: 30px;}
.GoodsDevice .itemGroup dt {position:relative; width: 600px; height: 320px; overflow: hidden; border-radius: 20px; background-size: contain;}
.GoodsDevice .itemGroup dt::before {content: ""; position: absolute; display: block; width: 50%; height: 320px; border-radius: 20px; background: linear-gradient(to right, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%); }
.GoodsDevice .itemGroup dt h3 {position: absolute; z-index:1; top: 50%; left: 20px; transform: translateY(-50%); font-size: 24px; font-weight: 700; color: #fff;}
.GoodsDevice .itemGroup dd {width: 650px; display: flex; flex-wrap: wrap; gap: 30px;}
.GoodsDevice .itemGroup dd .item {display: flex; align-items: center; width: calc(50% - 15px); height: 145px; border:1px solid var(--content-color-type7-gray); border-radius: 20px; padding: 20px; font-size: 16px; font-weight: 700; color: #000; background-position: right 20px center; background-repeat: no-repeat;}
.GoodsDevice .itemGroup {display: flex; align-items: flex-start; gap: 30px;}
.GoodsDevice .itemGroup.Group01 dt {background: url(../../../images/ajLogis/img_category01.png) center center no-repeat;}
.GoodsDevice .itemGroup.Group01 .item01 {background-image: url(../../../images/ajLogis/img_category01_01.png);}
.GoodsDevice .itemGroup.Group01 .item02 {background-image: url(../../../images/ajLogis/img_category01_02.png);}
.GoodsDevice .itemGroup.Group01 .item03 {background-image: url(../../../images/ajLogis/img_category01_03.png);}
.GoodsDevice .itemGroup.Group01 .item04 {background-image: url(../../../images/ajLogis/img_category01_04.png);}

.GoodsDevice .itemGroup.Group02 dt {background: url(../../../images/ajLogis/img_category02.png) center center no-repeat;}
.GoodsDevice .itemGroup.Group02 .item01 {background-image: url(../../../images/ajLogis/img_category02_01.png);}
.GoodsDevice .itemGroup.Group02 .item02 {background-image: url(../../../images/ajLogis/img_category02_02.png);}
.GoodsDevice .itemGroup.Group02 .item03 {background-image: url(../../../images/ajLogis/img_category02_03.png);}
.GoodsDevice .itemGroup.Group02 .item04 {background-image: url(../../../images/ajLogis/img_category02_04.png);}

.GoodsDevice .itemGroup.Group03 dt {background: url(../../../images/ajLogis/img_category03.png) center center no-repeat;}
.GoodsDevice .itemGroup.Group03 .item01 {background-image: url(../../../images/ajLogis/img_category03_01.png);}
.GoodsDevice .itemGroup.Group03 .item02 {background-image: url(../../../images/ajLogis/img_category03_02.png);}
.GoodsDevice .itemGroup.Group03 .item03 {background-image: url(../../../images/ajLogis/img_category03_03.png);}
.GoodsDevice .itemGroup.Group03 .item04 {background-image: url(../../../images/ajLogis/img_category03_04.png);}

.GoodsDevice .itemGroup.Group04 dt {background: url(../../../images/ajLogis/img_category04.png) center center no-repeat;}
.GoodsDevice .itemGroup.Group04 .item01 {background-image: url(../../../images/ajLogis/img_category04_01.png);}
.GoodsDevice .itemGroup.Group04 .item02 {background-image: url(../../../images/ajLogis/img_category04_02.png);}
.GoodsDevice .itemGroup.Group04 .item03 {background-image: url(../../../images/ajLogis/img_category04_03.png);}
.GoodsDevice .itemGroup.Group04 .item04 {background-image: url(../../../images/ajLogis/img_category04_04.png);}

.GoodsDevice .itemGroup.Group05 dt {background: url(../../../images/ajLogis/img_category05.png) center center no-repeat;}
.GoodsDevice .itemGroup.Group05 .item01 {background-image: url(../../../images/ajLogis/img_category05_01.png);}
.GoodsDevice .itemGroup.Group05 .item02 {background-image: url(../../../images/ajLogis/img_category05_02.png);}
.GoodsDevice .itemGroup.Group05 .item03 {background-image: url(../../../images/ajLogis/img_category05_03.png);}
.GoodsDevice .itemGroup.Group05 .item04 {background-image: url(../../../images/ajLogis/img_category05_04.png);}

/** -----------------------------------------   list.html 리스트페이지 -------------------------------------------------------**/
/** 리스트페이지 목록 **/
.mainList {width:1280px; margin:0 auto;}
.mainListArea {position: relative; display: flex; align-items: flex-start; gap: 50px; margin-top: 40px;}
.mainList .mainListArea li {display:inline-block;text-align:center;}
.mainList .title {font-size:30px;color:var(--font-main-color); font-weight:700;text-align:center;margin-top: 10px;}

/** breadcrumb, 서치 **/
.breadCrumbArea {display:block;width:1280px; margin:20px auto 0;}
.breadCrumbArea ul, 
.breadCrumbArea ul li {display: flex; align-items:center; gap: 5px;}
.BreadCrumb li:nth-child(2):before {content:'';display:block;position:relative;
	background:url(../../../images/ajLogis/homepath_arrow.png); width:4px;height:6px;}
.BreadCrumb li:nth-child(3):before {content:'';display:block;position:relative;
	background:url(../../../images/ajLogis/homepath_arrow.png); width:4px;height:6px;}

.mainList .mainListArea .CategoryBox {width: 200px; display: flex; flex-direction: column; gap: 10px;}

.mainList .mainListArea .optionArea .detailSearch{display:flex; align-items:center; gap: 5px;}
.mainList .mainListArea .optionArea .detailSearch .searchBox {width:165px;height:30px; border:1px solid var(--content-color-type7-gray);border-radius: 4px;}
.mainList .mainListArea .optionArea .detailSearch .searchBtn {width:30px;height:30px; border:1px solid var(--content-color-type7-gray); border-radius: 4px; font-size: 0;background:url(../../../images/ajLogis/img_list_search.png) center center no-repeat;}

.mainList .mainListArea .category {border:1px solid var(--content-color-type7-gray); border-radius: 10px; padding: 10px;}
.mainList .mainListArea .category h3 {border-bottom:1px solid var(--content-color-type7-gray); padding: 5px 0 10px 0; margin-bottom: 10px;}
.mainList .mainListArea .category ul {width: 178px; display: flex; flex-direction: column;}
.mainList .mainListArea .category ul ul {width: 100%;padding-left: 6px;}
.mainList .mainListArea .category li {width: 100%; text-align: left; font-size:14px;}
.mainList .mainListArea .category li>a {display: block; line-height: 18px; padding: 8px 20px 8px 0; background: url(../../../images/ajLogis/arrow_bottom.png) right center no-repeat;}
.mainList .mainListArea .category li>a.on {background: url(../../../images/ajLogis/arrow_top.png) right center no-repeat;}
.mainList .mainListArea .category .depth01 {color: #000; font-weight: 700;}
.mainList .mainListArea .category a.on ~ .depth03 {display:flex; flex-wrap: wrap; align-items:center; column-gap: 10px; background-color: #F5F5F5; padding: 8px 8px 8px 16px; margin: 0 -10px 0 -16px;}
.mainList .mainListArea .category .depth03 {display: none;}
.mainList .mainListArea .category .depth03 a {font-size: 12px; line-height: 20px;}
.mainList .mainListArea .category .depth03 a::before {content: "\00B7"; font-size: 16px; line-height: 20px; display: inline-block; vertical-align: middle; margin-right: 3px;}
.mainList .mainListArea .category a.on {color: #C81322;}
.mainList .mainListArea .category a.on>ul {display: block !important;}

.mainList .mainListArea .category .alignGroup {display: flex;flex-direction: column;gap: 10px;}

/*check*/
.checkbox {display:flex; justify-content: space-between; color: #555;}
.checkbox input[type=checkbox], 
.checkbox input[type=radio] {display:none;} 
.checkbox input[type="checkbox"]+label,
.checkbox input[type="radio"]+label {display: flex;align-items: center; justify-content:flex-start;
    padding-left:30px;width: 100%;height: 22px;background: url(../../../images/ajLogis/img_chk_default.png) no-repeat center left / contain;
}
.checkbox input[type='checkbox']:checked+label,
.checkbox input[type='radio']:checked+label {background: url(../../../images/ajLogis/img_chk_on.png) no-repeat 0 0 / contain;}
.checkbox a:first-child::after {
    content: "";display: inline-block;vertical-align:middle;height:12px;width: 1px;background-color: #D9D9D9;margin: 0 4px 0 8px;
}


/** 리스트상세목록테이블 **/
.mainList .mainListArea .listWrap {width: 1030px;}

/*구매 비구매 타이틀*/
.goodsTitle {position:relative;display:inline-block;text-align:left;margin:30px 0 0 0; width:100%; padding:20px 0 10px 15px;
	font-size:16px;font-weight:700;}
.goodsTitle:before {content:''; width:4px;height:4px;background:var(--font-main-color-red);position:absolute;top:30px;left:0;}

/** 검색결과 총갯수 **/
.mainList .mainListArea .reseltNum {display: flex; align-items: flex-end; gap: 8px;}
.mainList .mainListArea .reseltNum span {color: #555;display:block;line-height:1;}
.mainList .mainListArea .reseltNum .num {font-weight:700; font-size: 20px; color: #E0742E;}

/** 검색결과 보기옵션 **/
.mainList .mainListArea .viewOption {position: absolute;top: 0;right: 0;display: flex;gap: 10px;}
.mainList .mainListArea .viewOption button {height: 32px; color: #6A6363; font-size: 12px; font-weight: 500; background-color: #fff; border: solid 1px #6A6363; border-radius: 4px; padding: 0 10px;}
.mainList .mainListArea .viewOption button.on {background-color: #6A6363; color: #fff; font-weight: 700;}

/** 검색결과 상품 **/
.mainList .mainListArea .detail_content {width:1030px; padding-top:20px;}
.mainList .mainListArea .detail_content .detail_list {width:100%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 30px;}
.mainList .mainListArea .detail_content .detail_list li {position:relative; width: 235px;}
.mainList .mainListArea .detail_content .detail_list .detail_block {width:235px; /* height:280px; */box-sizing: border-box;border:2px solid transparent; border-radius: 10px; padding: 4px;}
.mainList .mainListArea .detail_content .detail_list .detail_block:hover {border:2px solid var(--font-main-color-red); transition: all 0.3s; box-sizing: border-box;}
.mainList .mainListArea .detail_content .detail_list .detail_block .detail_img {display:block;margin:0 auto; background-size:cover; /*border:1px solid var(--content-color-type7-gray);*/ border-radius:10px; overflow: hidden;}
.mainList .mainListArea .detail_content .detail_list .detail_block .detail_img img {/*width:225px;height:225px;*/}
.mainList .mainListArea .detail_content .detail_list .detail_block .detail_name {text-align:left;max-height:38px;overflow:hidden;font-weight:700;margin-top: 8px;
	display:-webkit-box; 
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;}
.mainList .mainListArea .detail_content .detail_list .detail_block .detail_model {font-size:12px; text-align:left; color:var(--aj-color-darkgray);font-weight:700;margin-top: 16px;}
.mainList .mainListArea .detail_content .detail_list .detail_block .priceArea {display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.mainList .mainListArea .detail_content .detail_list .detail_block .priceArea .detail_price {font-size: 16px; font-weight: 700; color: #2;}
.mainList .mainListArea .detail_content .detail_list .detail_block .priceArea .detail_price span {font-size: 14px; font-weight: 100; color: #999; padding-left: 5px;}
.mainList .mainListArea .detail_content .detail_list .detail_block .priceArea .hashtagArea {display: flex; gap: 8px;}


/** ---------------------------------------------- detail.html 상세페이지  --------------------------------------------------**/
/** 상세구매페이지 **/
.detailGoods .detailView .innerGoods {display:flex; align-items: center; justify-content: center;}
.detailGoods .detailView .innerGoods img {background-size:cover; height:400px; max-width: 580px;}
.detailGoods .detailView .thumbnailArea .thumbanilList {display:flex; justify-content: center;}
.detailGoods .detailView .thumbnailArea .thumbanilList .thumbanil a {display:flex;justify-content:center;align-items:center;width:50px; height:50px;/*border:1px solid var(--content-color-type7-gray*/);
/*background:var(--aj-color-white);*/ margin-right:10px; border-radius:2px;}
.detailGoods .detailView .thumbnailArea .thumbanilList .thumbanil a img {/*width:100%;*/ max-width: 50px; max-height: 50px;}

.detailGoods {width:100%; margin:15px 0 30px 0; background:var(--aj-color-white);}
.detailGoods .detailGoodsArea {display:flex;justify-content:space-between;width:1280px; margin:0 auto;}
.detailView {display:inline-block;width:580px;}
.detailBuy {display:inline-block;width:600px; box-sizing:border-box;}
.detailBuy .detailBuyModel {padding-bottom: 20px;}
/**detailBuyModel**/
.detailBuy .detailBuyModel .brandFavorite {display:flex;justify-content: space-between;align-items: center;padding-bottom:10px;}
.detailBuy .detailBuyModel .brandFavorite li:first-child {font-size:16px; font-weight:700;}
.detailBuy .detailBuyModel .brandFavorite .favo {display:block;background:url(../../../images/ajLogis/img_myFavorite.png)no-repeat center center;width:23px; height:25px;}
.detailBuy .detailBuyModel .title  {display:block;margin-top:0; overflow:hidden; font-size:28px; text-align: left;
font-weight:600;letter-spacing:-2px;
display:-webkit-box; 
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}

/**판매가 최종판매가**/
.detailBuy .detailBuyPrice {display:block;padding:10px 0 16px 0; text-align: left;}
.detailBuy .detailBuyPrice .buyPrice { padding:0 0 0 0;}
.detailBuy .detailBuyPrice .buyPrice ul {display:flex; align-items: center;}
.detailBuy .detailBuyPrice .buyPrice ul li:first-child {width:200px; color:var(--sns-font-color-gray); font-weight:700;}
.detailBuy .detailBuyPrice .buyPrice ul li:last-child {font-size:24px; font-weight:700; color:var(--aj-color-darkgray);letter-spacing:-1px;}
.detailBuy .detailBuyPrice .buyPrice ul li:last-child span {display:inline-block; padding-left:3px;font-size:14px; font-weight:400;}
.detailBuy .detailBuyPrice .detailSalePrice {border-bottom:1px solid var(--sns-border-color); padding:12px 0;}
.detailBuy .detailBuyPrice .detailSalePrice ul {display:flex; align-items: center;}
.detailBuy .detailBuyPrice .detailSalePrice ul li:first-child {width:200px; color:var(--font-main-color-red); font-weight:700;}
.detailBuy .detailBuyPrice .detailSalePrice ul li:last-child strong {font-size:30px; font-weight:700; color: var(--font-main-color-red);}
.detailBuy .detailBuyPrice .detailSalePrice ul li:last-child {display:inline-block; padding-left:3px; font-size:14px; color:var(--font-main-color-red); font-weight:400;}

/**스펙**/
.detailBuy .detailBuyPrice .detailOptionBuy .spec {display:block; min-height: 49px; padding: 16px 0; border-bottom:1px solid var(--sns-border-color);}
.detailBuy .detailBuyPrice .detailOptionBuy .spec ul {display:flex; align-items: center; font-weight:700;} 
.detailBuy .detailBuyPrice .detailOptionBuy .spec ul .title {width:200px; color:var(--sns-font-color-gray); min-width: 200px;}

/** 스케일가격 **/
.detailBuy .detailBuyPrice .detailOptionBuy .scale {padding: 16px 0; border-bottom:1px solid var(--sns-border-color);}
.detailBuy .detailBuyPrice .detailOptionBuy .scale ul {display:flex; align-items: center;}
.detailBuy .detailBuyPrice .detailOptionBuy .scale ul .title {width:200px; color:var(--sns-font-color-gray); font-weight:700;}
.detailBuy .detailBuyPrice .detailOptionBuy .scale ul .scalePrice {flex: 1;}
.detailBuy .detailBuyPrice .detailOptionBuy .scale ul .scalePrice p+p {margin-top: 10px;}
.detailBuy .detailBuyPrice .detailOptionBuy .scale ul li span{display:inline-block; vertical-align: middle;}
.detailBuy .detailBuyPrice .detailOptionBuy .scale ul li div {display: flex; justify-content: space-between; align-items: center;}
.detailBuy .detailBuyPrice .detailOptionBuy .scale ul li div span {font-size:14px;}
.detailBuy .detailBuyPrice .detailOptionBuy .scale ul li div span.price {font-size:24px;font-weight:700;}

/** 배송방법 **/
.detailBuy .detailBuyPrice .detailOptionBuy .delivery {padding:5px 0}
.detailBuy .detailBuyPrice .detailOptionBuy .delivery ul {display:flex; align-items: center;}
.detailBuy .detailBuyPrice .detailOptionBuy .delivery ul .title {width:200px; color:var(--sns-font-color-gray); font-weight:700;}
.detailBuy .detailBuyPrice .detailOptionBuy .delivery ul .info {width:354px;font-size:13px; white-space: normal;}
.detailBuy .detailBuyPrice>p {font-size:12px;padding-top:10px;color: #333;}
.detailBuy .detailBuyPrice>p:before {content:''; display:inline-block;position:relative;top:3px;left:0; background:url(../../../images/ajLogis/ico_caution.png)no-repeat; 
	width:14px;height:15px;margin-right:8px;}
	
.detailBuy .detailBuyPrice .totalPrice {display: flex; justify-content: space-between; align-items: center; font-size: 20px; margin-top: 40px; background: none; border: 0; padding: 0;}
.detailBuy .detailBuyPrice .totalPrice p {font-size: 24px; color: #C81322;}
.detailBuy .detailBuyPrice .totalPrice span {font-size: 18px;}

/** 주문수량 **/
.detailBuy .detailBuyPrice .detailOptionBuy .amount {padding:12px 0; border-bottom:1px solid var(--sns-border-color);}
.detailBuy .detailBuyPrice .detailOptionBuy .amount ul {display:flex; align-items: center;}
.detailBuy .detailBuyPrice .detailOptionBuy .amount ul .title {width:200px; color:var(--sns-font-color-gray); font-weight:700;}
.detailBuy .detailBuyPrice .detailOptionBuy .amount li {display: flex; align-items:center;}
.detailBuy .detailBuyPrice .detailOptionBuy .amount .minus a, 
.detailBuy .detailBuyPrice .detailOptionBuy .amount .plus a {display:inline-block; border:1px solid var(--content-color-type7-gray); font-size:24px; text-align:center; width:30px; height: 30px;}
.detailBuy .detailBuyPrice .detailOptionBuy .amount .amountNum {display:inline-block; vertical-align: middle; border-top:1px solid var(--content-color-type7-gray);  border-bottom:1px solid var(--content-color-type7-gray);}
.detailBuy .detailBuyPrice .detailOptionBuy .amount .amountNum input {font-size:14px; text-align: center; height: 28px;}
.detailBuy .detailBuyPrice .detailOptionBuy .amount .amountNum .text {border: 0;}

/** 바로구매,장바구니버튼영역 **/
.detailBuy .detailBuyPrice .orderBtnArea {padding:60px 0 0 0; display:flex; justify-content: right; gap: 10px;}
.detailBuy .detailBuyPrice .orderBtnArea a {display:block; width:180px; height:60px; font-size:20px; font-weight:700; color:var(--aj-color-white);
margin:0; padding:0; text-align:center; line-height:60px;border-radius: 4px;}
.detailBuy .detailBuyPrice .orderBtnArea a.order {background:#C81322;}
.detailBuy .detailBuyPrice .orderBtnArea a.cart {background:var(--sns-font-color-gray);}
.detailBuy .detailBuyPrice .orderBtnArea a.favorite {border:1px solid var(--sns-font-color-gray);background:var(--myOption-myFavorite-img) no-repeat; width:60px;height:60px;
	background-position:center;box-sizing:border-box; margin-right:10px;}
.detailBuy .detailBuyPrice .orderBtnArea a.act {
/*   background-image: url(../../images/frontMob/icon/ic_favorite_active.svg); */
  background-image: url(../../../images/ajLogis/ic_favorite_active_2.png);
}

/** 상품상세정보스크롤탭 **/
#scrollMenu {position:sticky;top:0;left:0; width:100%; text-align:center;margin-top:0;z-index: 6; background:var(--aj-color-white);border-bottom: 1px solid var(--content-color-type7-gray);}
#scrollMenu #goodsTab ul {display:inline-block;width:1280px; margin:0 auto; padding:0 0;} 
#scrollMenu #goodsTab .menu {display:flex;}
#scrollMenu #goodsTab li {margin-left:1px;width: 100%;}
#scrollMenu #goodsTab li a {display: block;padding:10px 0;text-align: center;font-size:16px;}
#scrollMenu #goodsTab.scroll li.scrollOn a {font-weight: 700;color:#111;border-bottom: 4px solid #111;}

/** 상품설명 **/
#goodsDetail {/* width:1280px; */ max-width:850px; margin:0 auto; padding-top:50px;}
#goodsDetail p {font-size:16px; font-weight:700;}
#goodsDetail img {margin:0 auto; /* width:1280px; */max-width: 850px; background-size:cover;}

/** 리뷰 **/
#goodsReview {display:block;width:1280px; margin:0 auto ; padding-top:50px;}
#goodsReview .review .title{font-size:16px; font-weight:700; padding-bottom:20px;}
#goodsReview .review .reviewWrap {width:100%;display:block;padding:20px 0 20px; border-bottom:1px solid var(--content-color-type7-gray);}
#goodsReview .review .reviewCont {display:flex; justify-content:space-between; align-items: center;}
#goodsReview .review .reviewCont .reviewStar {display:flex; flex:1;}
#goodsReview .review .reviewCont .reviewStar p { position:relative; display:inline-block; font-weight:normal; font-size:14px;color:var(--content-color-type3-gray); margin:0 12px;}
#goodsReview .review .reviewCont .reviewStar p::after	{content:''; display:inline-block; position:absolute; top:4px; right:-13px; width:1px; height:13px; background:var(--content-color-type3-gray);}
#goodsReview .review .reviewCont .reviewStar p:last-child::after{display:none;}
#goodsReview .review .reviewCont .reviewStar p:first-child::after{display:none;}
#goodsReview .review .reviewCont .reviewStar div {display:block;}
#goodsReview .review .reviewCont .reviewStar img {width:10px; height:10px;}
#goodsReview .review .reviewCont .reviewStar .star {position:relative;display:inline-block;width:110px;height:15px;
	background:url(../../../images/ajLogis/icon_star_on.png)repeat-x 0 0;}
#goodsReview .review .reviewCont .reviewImg  {width:100px; height:100px;}
#goodsReview .review .reviewCont .reviewImg  img a{width:100%}
#goodsReview .review .reviewTxt {display:block;padding-top:10px; font-size:13px;}
#goodsReview .review .reviewTxt ul li { margin-right:10pxm; font-size:12px; color:var(--content-color-type3-gray);}
#goodsReview .review .reviewTxt ul li span {font-weight:normal;}
#goodsReview .review .reviewTxt p {margin-top:10px;}
#goodsReview .review .reviewWrap .comment {padding-top:10px;}

/** QnA **/
#goodsQna {display:block;width:1280px; margin:0 auto;padding-top:50px;}
#goodsQna p {font-size:16px; font-weight:700;}
#goodsQna .qnaBtnArea {display:flex;}
#goodsQna .qnaBtnArea a {display:flex;align-items:center;justify-content:center;font-size:13px;
	color:var(--aj-color-white);text-align:center; margin:20px 5px 5px;}
#goodsQna .qnaBtnArea .write { width:150px;height:50px;background:var(--aj-color-green); border-radius:2px;}
#goodsQna .qnaBtnArea .ask { width:150px;height:50px;background:var(--content-color-type3-gray); border-radius:2px;} 

/** 고객지원 **/
.deliveryInfo {display:flex; gap: 50px; width:1280px; margin:0 auto; padding: 50px 0; border-bottom: solid 1px #E2E2E2;}
.deliveryInfo h3  {font-size:20px; font-weight:700; width: 120px;}
.deliveryInfo .info {font-size:13px; color:var(--content-color-type3-gray); font-weight:300; padding:10px 0;
	border-bottom:1px solid var(--content-color-type7-gray); margin-bottom:20px;}
.deliveryInfo .refund {font-size:14px; color:var(--sns-font-color-gray); }
.deliveryInfo .refund th,td {line-height:24px;padding-bottom: 15px;}
.deliveryInfo .refund th {text-align:left;vertical-align: top; font-size: 16px; color: #000; background:var(--content-color-type8-gray);}
.deliveryInfo .refund td {font-weight: 300;}

/**--------------------------------------/detail상세페이지끝-------------------------------------------------------**/

/**footer**/
#footer {width:100%;border-top: solid 1px var(--sns-border-color); background-color: #F8F8F9;}
#footer .footerMenu {border-bottom: solid 1px var(--sns-border-color); background-color: #fff; font-size: 16px;}
#footer .footerMenu .f_menu {position:relative;margin:0 auto;display:flex;align-items:center; justify-content:center;width:1280px;height:60px; display:flex; gap: 40px;}
#footer .footerMenu .f_menu li {display: flex; align-items: center; gap: 40px;}
/* #footer .footerMenu .f_menu li:after {content:''; display:block; width:1px; height:8px;background:#D9D9D9;} */
#footer .footerMenu .f_menu li a {color: #000;; /*font-weight:700;*/}
#footer .footerMenu .f_menu li a.on {color:#C81322;}

#footer .footerInfo {position: relative; margin: 0 auto; width: 1280px; padding: 40px 0; display: flex;align-items: flex-start;gap: 100px;}
#footer .footerInfo h3 {font-weight: bold;}
#footer .footerInfo .infoLeft {position: relative; padding: 0 0 0 190px;}
#footer .footerInfo .infoLeft>a {position: absolute; left: 0; top: 0;}
#footer .footerInfo .infoLeft .f-Info, 
#footer .footerInfo .infoLeft .f-Info p {display: flex;align-items: center; gap: 10px;}
#footer .footerInfo .infoLeft .f-Info {margin: 12px 0;}
#footer .footerInfo .infoLeft .f-Info p span {font-weight: 700;}
#footer .footerInfo .infoLeft .f-Info p:nth-of-type(2)::before {content: ""; display: block; width: 1px; height: 12px; background: #555;}
#footer .footerInfo .infoLeft .f-copy {margin-top: 32px;}

#footer .footerInfo .infoRight .csInfo,
#footer .footerInfo .infoRight .csInfo p {display: flex;align-items: center; gap: 10px;}
#footer .footerInfo .infoRight .csInfo {margin: 16px 0 32px 0;}
#footer .footerInfo .infoRight .csInfo p span {font-weight: 700;}
#footer .footerInfo .infoRight .csInfo p:nth-of-type(2)::before {content: ""; display: block; width: 1px; height: 12px; background: #555;}
#footer .footerInfo .infoRight .SNS,
#footer .footerInfo .infoRight .SNS p {display: flex;align-items: center; gap: 32px;}
#footer .footerInfo .infoRight .SNS p+p::before {content:''; display:block; width:1px; height:28px; background:#E2E2E2;}
#footer .footerInfo .infoRight .SNS a {display: flex; flex-direction: column; align-items: center; gap: 12px; font-weight: 500;}
#footer .footerInfo .infoRight .SNS a::before {content:''; display:block; width:40px; height:40px; background-size: 100%;}
#footer .footerInfo .infoRight .SNS a.kakao::before {background-image: url(../../../images/ajLogis/img_kakao.png);}
#footer .footerInfo .infoRight .SNS a.email::before {background-image: url(../../../images/ajLogis/img_email.png);}
#footer .footerInfo .infoRight .SNS a.quest::before {background-image: url(../../../images/ajLogis/img_quest.png);}


/**-------------------------------templet-------------------------------------------**/
/** templet - accodian **/
#Accordion_wrap {padding-top:20px;}
.que{position:relative;padding:17px 0;margin:10px 0;cursor: pointer;font-size: 14px;border-bottom: 1px solid var(--content-color-type7-gray);}
.que::before{content:'';display:inline-block; position:relative; top:4px;left:0;
	background:url(../../../images/ajLogis/ico_lock.png) no-repeat; width:18px;height:18px;}
.que.on > span{position:relative;display:inline-block;font-weight: 700;color:var(--aj-color-green);}
.que > span {display:inline-block;}

.anw {position:relative; display:none;overflow: hidden;font-size: 14px;background-color:var(--content-color-type8-gray);padding:12px 0;}
.anw::before {display:inline-block;content: 'A';font-size: 14px;font-weight: 700;color:var(--content-color-type3-gray);margin: 0 5px;}
.arrow-wrap {position:absolute;top:50%; right:10px;transform: translate(0, -50%);}
.que .arrow-top {display:none;}
.que .arrow-top:after {content:''; display:block; position:absolute; top:0;right:0;
	background:url(../../../images/ajLogis/arrow_bottom.png) no-repeat; width:16px;height:16px;}
.que .arrow-bottom {display:block;}
.que .arrow-bottom:after {content:''; display:block; position:absolute; top:0;right:0;
	background:url(../../../images/ajLogis/arrow_top.png) no-repeat; width:16px;height:16px;}
.que.on .arrow-bottom {display:none;}
.que.on .arrow-top {display:block; }


/** templet - selectbox  - https://frontendstory.tistory.com/4**/
.area-custom-select {position: relative;width: 200px;height: 30px;}
.custom-select {display: inline-block;width: 260px;height: 30px;border: solid 1px #c4ccd8;background-color: #ffffff;
box-sizing: border-box;font-size: 14px;cursor: pointer;position: relative;outline:0px;}
.select-origin {position:absolute;right: 10px;} 
.custom-select-text {position: absolute;top: 4px;left:5px;}
.custom-select-arrow {position: absolute;top:7px;right:7px;}
.custom-select-list,
.custom-select-lis2 {display:block;font-size:13px;width: 260px;height:auto;z-index: 15;border: solid 1px #c4ccd8;
background-color: #ffffff;text-align: left;margin-top: -3px;box-sizing: border-box;}
.custom-select-option {width:260px;height:30px;line-height:30px;padding-left: 15px;cursor: pointer;box-sizing: border-box;}
.custom-select-option:hover {color:var(--sns-font-color-gray);background-color: var(--content-main-color-green);
box-sizing: border-box;}
.list-block {flex-basis: 100% !important;}

/** 로그인팝업 딤처리 **/
/*240214*/

.loginBox {width: 460px;height: auto;margin: 0 auto;text-align: center;display: flex;flex-flow: column;gap:30px;position:absolute;z-index: 999;top:130px;left: 50%;transform: translateX(-50%);color: #737272;background-color: #fff;
    padding: 50px;
    border-radius: 30px;
    border: solid 1px #ddd;}
.loginBox .titleArea {display:flex;align-items: center; justify-content: center;}
.loginBox .titleArea .name {flex:1;}
.loginBox .titleArea .name ul {display:flex; flex-direction: column; align-items: center; gap: 16px;}
.loginBox .titleArea .name ul li:first-child img {padding-right:10px;}
.loginBox .close {position: absolute; right: 30px; top: 30px; display:block; background:url(../../../images/ajLogis/ico_pu_close.png) no-repeat center right; width:16px; height:16px;}
.loginTxt {padding-top:70px; display:inline-block; text-align:left;font-weight:700; font-size:20px; color:var(--content-color-type6-gray);}

.inputWrap .id {margin-bottom:15px;}
.id input[type=text],
.pw input[type=password] {display:block;width:100%; height:42px; background:#EFEFF1;border-radius:6px; padding:4px 25px; font-size:16px;}
.id input::placeholder,
.pw input::placeholder  {font-size:14px; color:var(--font-main-color); letter-spacing:-2px;}

/*radio*/
.idSave {display:flex; justify-content: space-between;}
.idSave input[type=checkbox]{display:none;} 
.idSave input[type="checkbox"]+label {display: flex;align-items: center; justify-content:flex-start;
	padding-left:30px;width: 100%;height: 22px;background: url(../../../images/ajLogis/ico_chk_default.png) no-repeat center left / contain;
}
.idSave input[type='checkbox']:checked+label {background: url(../../../images/ajLogis/ico_chk_on.png) no-repeat 0 1px / contain;}
.idSave a:first-child::after {
	content: "";display: inline-block;vertical-align:middle;height:12px;width: 1px;
/* 	background-color: #D9D9D9; */
	margin: 0 4px 0 8px;
}

.loginBtnWrap a {display:block; width:100%;height:50px;border-radius:6px; color:var(--aj-color-white);
background:var(--font-color-black); text-align:center;font-size:16px;display:flex; align-items: center;justify-content: center;}
.simpleLoginArea {margin:0 auto; padding-top:40px;}
.simpleLoginArea ul {display:flex; align-items: center; padding-top:15px;}
.simpleLoginArea ul li{display:block;width:50px; height:50px; padding:0 10px;}
.simpleLoginArea a.naver {display:block;background:url(../../../images/ajLogis/img_sns_pu.png) no-repeat center center;
background-position:0 0; height:50px;}
.simpleLoginArea a.kakao {display:block;background:url(../../../images/ajLogis/img_sns_pu.png) no-repeat center center;
	background-position:-50px 0; height:50px;}
.simpleLoginArea a.facebook {display:block;background:url(../../../images/ajLogis/img_sns_pu.png) no-repeat center center;
	background-position:-100px 0; height:50px;}
.simpleLoginArea a.p {display:block;background:url(../../../images/ajLogis/img_sns_pu.png) no-repeat center center;
	background-position:-150px 0; height:50px;}
.simpleLoginArea a.apple {display:block;background:url(../../../images/ajLogis/img_sns_pu.png) no-repeat center center;
	background-position:-200px 0; height:50px;}
.ellipsis {display:block; /** display: -webkit-box; */width:100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}