/* BASIC css start */
#wrap, .pc_max_width_1 { max-width:1820px; margin:0 auto; }
.pc_max_width_2 { max-width:1920px; margin:0 auto; }

#hdWrap {position: fixed; top:0;left:0;right:0;z-index:100; }
#hdWrap .hdArea {position: relative;top:0;left:0;right:0;height: 90px;z-index:105;font-size: 11px;background:#fff;}
#hdWrap.fix .hdArea {border:none; background: #fff;opacity: 0.98; box-shadow: 0 1px 5px rgba(49, 49, 49, 0.1);}
.minSizeWrap {position: relative;min-width: 1200px;margin: 0 auto; padding: 0 50px; }
/* 구글번역 */
.hdArea {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#google_translate_element {
    display: inline-block;
    margin-right: 10px; /* 검색창과의 간격 조정 */
    vertical-align: middle; /* 수직 정렬 */
}


/* 상단배너 */
#headerBanner { position:relative; padding: 0 50px; height:31px; background: url(/design/jyj81133/image2013/christmas/bg_body.gif) repeat-x left top; }
#headerBanner .pc_max_width_2 p { display:inline-block; vertical-align:top; }
#headerBanner .pc_max_width_2 p.right { float:right; }

#headerBanner .hdBannerImg { position:relative; width:100%; height:40px }
#headerBanner .hdBannerImg .bnImg { margin-left:-600px; position:absolute; top:0; left:50%; width:1200px; height:40px }
#headerBanner .hdBannerImg .bnImg a,
#headerBanner .hdBannerImg .bnImg img { vertical-align:top }
#headerBanner .bnClose { position:absolute; top:8px; right:50px }
#headerBanner .bnClose a { display:block; width:30px; height:30px; font-size:26px; color:#fff; text-align:center; }

/* 로고 영역  */
#hdWrap .hdLeft {position: absolute;left: 40px;top: 15px;}
#hdWrap .hdLeft .hd_logo {font-size: 36px;font-weight:600;}

/* 카테고리 */
#hdWrap .hdCate {
    position: relative;
}
#hdWrap .hdCate .menuAllBtn {
    position: relative;
    left: -30px;
    top: 35px;
    cursor: pointer;
}
#hdWrap .hdCate .cateWrapOuter { margin:0 275px 0 230px; text-align:center; }
#hdWrap .hdCate .cateWrap {
    position: relative;
	display:inline-block; vertical-align:top;
    /*margin: 0 230px;*/
}
#hdWrap .hdCate .cateWrap a:hover {
    color: #9c9c9c;
}
#hdWrap .hdCate .cateWrap .tmenu {
    position: relative;
    padding: 15px 0;
    display: inline-block;
}
#hdWrap .hdCate .cateWrap .tmenu a {
    font-size: 1rem;
    font-weight: 300;
    padding: 10px 14px;
}
#hdWrap .hdCate .cateWrap .tmenu a.depth_1 { font-size:1.1rem; font-weight:bold; }
/* 드롭다운 메뉴 설정 */
#hdWrap .hdCate .cateWrap .tmenu .depth2 {
    display: none; !important; /* 기본적으로 숨김 */
    position: absolute;
    background: #fff;
    top: 100%;
    left: 50%;
    width: 360px; /* 폭을 2열로 조정 */
    margin-left: -150px;
    padding: 5px 0;
    z-index: 110;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: grid; /* grid 레이아웃 적용 */
    grid-template-columns: 1fr 1fr; /* 2열로 분할 */
    gap: 0px; /* 열 간격 추가 */
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease-in-out;
}

#hdWrap .hdCate .cateWrap .tmenu .depth2 li a {
    display: block;
    line-height: 24px;
    font-size: 13px;
}
#hdWrap .hdCate .cateWrap .tmenu .depth2 li a:hover {
    color: #9c9c9c;
}

/* tmenu에 커서를 올렸을 때 드롭다운 표시 */
#hdWrap .hdCate .cateWrap .tmenu:hover .depth2 {
    visibility: visible; /* 드롭다운 메뉴 보이기 */
    opacity: 1; /* 투명도 활성화 */
}

#hdWrap .topRight {
    position: absolute;
    right: -40px;
    top: 33px;
}
#hdWrap .topRight li {
    position: relative;
    padding: 0 8px;
    display: inline-block;
}
#hdWrap .topRight li a {
    font-size: 13px;
    color: #666;
}
#hdWrap .topRight li a:hover {
    color: #9c9c9c;
}
#hdWrap .topRight li a.searchBtn {
    font-size: 26px;
    color: #2e2e2e;
    line-height: 20px;
}
#hdWrap .topRight li.cartArea a {
}
#hdWrap .topRight li.cartArea .bsCount {
    position: absolute;
    top: -7px;
    right: -4px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    background-color: #f7e1bc;
    text-align: center;
    font-size: 11px;
    color: #2e2e2e;
}

/* 검색창 */
#hdWrap .searchArea {display:none;width:290px;position:absolute;top: -4px;right: 39px;z-index:10;}
#hdWrap .searchArea .search { position: relative; }
#hdWrap .searchArea .search fieldset { position:relative;float:left; margin: 0 auto; }
#hdWrap .searchArea .search input{border:0;width: 198px;height:36px;font-size:13px;font-weight: 300;background:#f0f0f0;color:#000;border-radius:6px;padding:0 34px 0 12px;}
#hdWrap .searchArea .search .searhBtn{font-size: 22px;position:absolute;top:5px;right:14px;}
#hdWrap .searchArea .search .searchClose { width:35px;font-size: 26px;float:left;background:#fff;text-align:center;line-height:40px;margin-left:5px;}

@media screen and (max-width:1280px) {    
    #hdWrap .hdCate .cateWrap {margin: 0 100px 0 180px;}
}

/* 전체메뉴 레이어 */
.allMenu {display:none;background:#fff;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:201;overflow-y:auto;}
.allMenu .allMenuWrap {width:84%;margin:0 auto;padding:20px 0;}
.allMenu .allMenuWrap a:hover {color:#9c9c9c;}
.allMenu .allMenuWrap h3 {font-size:20px;font-weight:bold;padding:1% 0 0.5% 1%;} /* 제목 폰트 크기 증가 */
.allMenu .allMenuWrap .closeBtn {display:block;margin:4% 0;font-size:44px;text-align:center;} /* 닫기 버튼 폰트 크기 증가 */
.allMenu .allMenuWrap .allMenuList {
    display: flex; /* Flexbox 사용 */
    flex-wrap: fix; /* 줄바꿈 허용 */
    justify-content: center; /* 중앙 정렬 */
    *zoom:1;
}
.allMenu .allMenuWrap .allMenuList dl {
    padding:0 1% 3%;
    width:14.6%;
    text-align: center; /* 텍스트 중앙 정렬 */
}
.allMenu .allMenuWrap .allMenuList dl dt {border-bottom:1px solid #ddd;margin-bottom:4px;}
.allMenu .allMenuWrap .allMenuList dl dt a {padding-left:7px;font-size:16px;height:30px;line-height:30px;} /* 상위 카테고리 폰트 크기 증가 */
.allMenu .allMenuWrap .allMenuList dl dd {width:50%;float:left;box-sizing:border-box;}
.allMenu .allMenuWrap .allMenuList dl dd a {display:block;padding:8px 0 4px 7px;color:#888;font-size:14px;} /* 하위 카테고리 폰트 크기 증가 */
.allMenu .allMenuWrap .allMenuList dl dd a:hover {color:#2e2e2e;}
.allMenu .allMenuWrap .boardList:after {display:block;clear:both;content:'';}
.allMenu .allMenuWrap .boardList li {float:left;padding:0 1%;}
.allMenu .allMenuWrap .csInfo {padding:4% 0 0;text-align:center;font-size:14px;} /* 고객센터 정보 폰트 크기 증가 */
.allMenu .allMenuWrap .csInfo span {padding:0 1%;opacity:0.4;}


/* sch-frm */
.header_sch .sch-frm { margin-top:190px; text-align:center; }
.header_sch .sch-frm .inline-block { display:inline-block; vertical-align:top; margin:0 10px; }
.header_sch .sch-frm .sch-keyword { margin-top:9px; }
.header_sch .sch-frm .sch-keyword a {padding:0 9px 0 11px; background:url(/design/jyj81133/image2013/bar01.gif) no-repeat left center;}
.header_sch .sch-frm .sch-keyword a span { font-weight:bold; }
.header_sch .sch-frm .sch-keyword a img { vertical-align:middle; }
.header_sch .sch-frm .sch-keyword a:first-child {background:none;}
.header_sch .sch-frm fieldset { position:relative; width: 374px; height:38px; background:#fff url(/design/jyj81133/image2013/new2015/bg_sch.gif) no-repeat left top;}
.header_sch .sch-frm fieldset a { display:block; position:absolute; top:0; right:0;}
.header_sch .sch-frm .keyword {margin:10px 10px 0; width: 305px; border: 0; background: none; font-size:13px; font-weight:bold; color:#333;}


.top_rolling_board { width:100%; background:#494753; text-align:center; }
#MS_scroll_text_container { display:inline-block; margin:0 auto; }
#MS_scroll_text_container li { text-align:center; }
#MS_scroll_text_container a { color:#fff; }
/* BASIC css end */