/* BASIC css start */
/* ž¹è³Ê*/
#topBanner {position: relative;min-width: 1310px;overflow: hidden;  background: #d6dfe6; height: 40px;}
#topBanner a {display: block; font-size: 16px; color: #ffffff; text-align: center; line-height: 40px; letter-spacing: -0.3px; font-family:'Pretendard', sans-serif ; font-weight: 400;}
.bracket{margin-left: 10px;font-weight: 200; position: absolute; top: -2px;}
#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }
#wrap{position: relative;}
/* header */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header .headerTop { margin:20px auto; position:relative; width: 100%; max-width:1200px; *zoom:1 }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo { margin:5px auto; text-align:; float: left; }
#header .headerTop .tnbRight { float:right;width: 310px;margin-top: 15px; }
#header .headerTop .tnbRight li { padding-left:10px; float:left }
#header .headerTop .tnbRight li.joinicon{position:relative;}
#header .headerTop .tnbRight li a { display:block; height:45px; color: #757575; line-height: 45px; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; }
#header .headerTop .tnbRight li a span{color: #955251;}
#header .headerTop .searchArea { position:absolute; top:20px; left:440px ; width:320px; height:36px; line-height: 36px; border-bottom: solid 1px #ddd;}
#header .headerTop .searchArea .search { position:relative; width:320px; height:36px }
#header .headerTop .searchArea .search input { padding-left:15px; width:260px; height:34px; line-height:34px; border:none; background:none}
#header .headerTop .searchArea .search a 
{ display:block; position:absolute; top: 50%; transform: translateY(-50%); right:9px; width:23px; height:22px; text-indent:-9999em; background:url(/design/prettyok83/ideco/pc/icon/searchbtn.png) 0 0 no-repeat;background-size: 90%; }


#header .headerBottom {border-bottom: 1px solid #f0f0f0;}
#header .headerBottom.header-scroll{ position: fixed; top:0; width: 100%;  background: #fff}
#header .headerGnb {position: relative; width: 95%; max-width:1200px; margin: 0 auto; }
#header .headerGnb:after { display:block; clear:both; content:'' }
#header .headerGnb > div{float:left; height: 55px; line-height: 55px;}
#header .headerGnb .allmenu{ padding: 0 20px 0 0; border-bottom: 0; color: #000; font-size: 17px; font-family: 'Montserrat', sans-serif; font-weight: 600;}
#header .headerGnb .allmenu img{margin: 0 10px 0 0; vertical-align: sub;}
#header .headerGnb .gnbInner { position:relative; width: ;margin-left: 59px; }
#header .headerGnb .gnbInner ul { *zoom:1; padding: 0 25px; }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li { margin:0 30px; position:relative; float:left }
#header .headerGnb .gnbInner ul li a { display:block; font-size:16px; color:#000; white-space:nowrap; font-family: 'Montserrat', sans-serif; line-height: 55px; font-weight: 600;}
#header .headerGnb .gnbInner ul li.first { padding-left:0 }
#header .headerGnb .gnbInner ul li.last { padding:0 0 0 40px }

.red a{ color:#f15657 !important; font-weight:500;}
.c1 a{ color:#000 !important; font-weight:500;}
.c2 a{ color:#aac942 !important; font-weight:500;}
.c3 a{ color:#000000 !important; font-weight:500;}


/* Àå¹Ù±¸´Ï */
.basket{position: relative;    float: left; height: 44px; line-height: 44px; margin-right: px;}
.basket span{  display: block; position: absolute; top: 8px; right: -3px; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; background: #000; text-align: center; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-size: 10px;}

/* °Ë»öâ */
#header .headerBottom .searchArea { position:absolute; top:8px; right:0; width:250px; height:36px; line-height: 36px; background: #f0f0f0; border-radius: 20px;}
#header .headerBottom .searchArea .search { position:relative; width:240px; height:36px }
#header .headerBottom .searchArea .search input { padding-left:15px; width:188px; height:34px; line-height:34px; border:none; background:none}
#header .headerBottom .searchArea .search a { display:block; position:absolute; top: 50%; transform: translateY(-50%); right:9px; width:23px; height:22px; text-indent:-9999em; background:url(/design/prettyok83/ideco/pc/icon/searchbtn.png) 0 0 no-repeat }


/* Çܹö°Å¸Þ´º */
#header .headerGnb .hammenu{  display: none;  float: unset; padding: 0; position: absolute; top: 55px; left: 0; height: 550px; background: #fff; border: 1px solid #e5e5e5; box-sizing: border-box;}
.hammenu .depth1{ width: 194px; height: px; padding: 10px 0 0; overflow-y: auto; direction: rtl; -ms-overflow-style: none;}
.hammenu .depth1::-webkit-scrollbar{ display:none; }
.hammenu .depth1 li{margin: 4px 0; text-align: left;}
.hammenu .depth1 li:first-child{font-weight: 600;}
.hammenu .depth1 li:nth-child(2){font-weight: 600;}
.hammenu .depth1 li:nth-child(3){font-weight: 600;}
.hammenu .depth1 li:nth-child(4){font-weight: 600;}
.hammenu .depth1 li:nth-child(5){font-weight: 600;}
.hammenu .depth1 li:nth-child(6){font-weight: 600;}


.hammenu .depth1 li a{display: block; padding: 10px 25px; color: #424242; font-size: 16px; font-family: 'Montserrat','Pretendard','Noto Sans KR', sans-serif;}
.hammenu .depth1 > li.depopen > a{ color:#f15657;}
.hammenu .depth2{ display: none;  position: absolute; top: 0; left: 195px; background: #ffffffc9; width: 100%; height: 538px; padding: 10px 0 0; border: 1px solid #e5e5e5; border-top: 0; border-left: 0; }
.hammenu .depth2 > div{ height: 470px; line-height: 20px; overflow-y: auto; -ms-overflow-style: none;}
.hammenu .depth2 > div::-webkit-scrollbar{ display:none; }
.hammenu .depth2 li{padding: 0 25px; margin: 0;}
.hammenu .depth2 li a{ display: inline-block; padding: 0; margin: 12px 0; color: #424242; font-size: 16px; font-family: 'Pretendard','Noto Sans KR', sans-serif; font-weight: 300 !important;}
.hammenu .depth2 li.depopen > a{border-bottom:1px solid #f15657; color:#f15657}
.hammenu .depth3{display: none; position: absolute; top: 0; left: 195px; background: #fff; width: 100%; height: 538px; padding: 10px 0 0; border: 1px solid #e5e5e5; border-top: 0; border-left: 0; overflow-y: auto; -ms-overflow-style: none;}
.hammenu .depth3::-webkit-scrollbar{ display:none; }
.hammenu .depth3 li a:hover{border-bottom:1px solid #f15657; color:#f15657}
/* BASIC css end */