/* BASIC css start */
html{overflow-y:scroll}
html,body {height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,button,table{font-family:'Montserrat','Noto Sans KR',sans-serif;letter-spacing:-0.8px; font-size:13px;/*line-height:1.4em;*/color:#333;}
table{font-size:1em}
table,th,td{border-collapse:collapse;}
td{empty-cells:show;}
dl,dt,dd{border-collapse:collapse;}
img,fieldset{border:0}
ul,ol,li{list-style:none}
a{color:#333;text-decoration:none; font-family:'Montserrat','Noto Sans KR',sans-serif;letter-spacing:-0.5px; }
a:hover,a:active,a:focus,a:visited{text-decoration:none}
table{border:0 none;border-spacing:0}
caption,th,td{border:0 none;font-weight:normal;text-align:left}
caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
button{cursor:pointer}
hr{display:none}
em{font-style:normal}
/*.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}*/
.blind,legend{overflow:hidden;position:absolute;left:0;top:0;z-index:-1;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;}
address,caption,strong,em,cite{font-weight:normal;font-style:normal}
img,input,button,textarea,select{vertical-align:middle}

/* 접근성 */
.accessibility{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0}

/*input 스타일 추가*/
input[type=email], 
input[type=password], 
input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    color: #555;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0 10px 0 10px;
    background: 0 0;
    outline: 0;
}


/*셀렉트박스 기본값 제거 후 디자인 적용*/
select {-webkit-appearance: none; 
   -moz-appearance: none;   
   appearance: none;      
   margin:0;
   background:url('/img/select_cursor.png') #fff no-repeat 100% 50%;
   padding:0 30px 0 10px;
   display: inline-block;
   color: #555;
   vertical-align: middle;
   border: 1px solid #ccc;
   border-radius: 0;
   outline: 0;
}
select::-ms-expand {display: none; /* 화살표 없애기 for IE10, 11*/ }

.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {border-radius:0; box-shadow:none; -webkit-box-shadow:none}
select.frm_input {background: url(/img/select_cursor.png) #fff no-repeat 100% 50%; padding: 0 30px 0 10px;}
.frm_input {height:35px;}

#hdWrap { margin-bottom: 30px; }
#hdWrap #header { position: relative; width: 1200px; margin-left: auto; margin-right: auto; }
#hdWrap #header .hd-logo { margin: 25px 0 10px 0; text-align: center; }
#hdWrap #header .hd-link { zoom: 1; overflow: hidden; padding: 10px 20px 10px 300px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#hdWrap #header .hd-menu { float: left; }
#hdWrap #header .hd-menu li { float: left; padding: 0 20px; border-right: 1px solid #ddd; }
#hdWrap #header .hd-menu li.last { border-right: 0; }
#hdWrap #header .hd-menu li a { display: inline-block; height: 16px; line-height: 18px; color: #aaa; font-size: 11px; letter-spacing: -1px; }
#hdWrap #header .hd-menu li a:hover { color: #333; }
#hdWrap #header .hd-search { float: right; width: 140px; }
#hdWrap #header .hd-search .input-keyword { width: 120px; background-color: #fafafa; border: 1px solid #ddd; }

#headerWrap .topWrap .utillMenu ul li .hd-search {padding:0; margin:0;border-bottom: 1px solid #484848;}
#headerWrap .topWrap .utillMenu ul li a input {width:14px; height:16px;}

#headerWrap {width:1200px;  margin:0 auto;}
#headerWrap .topWrap {overflow:hidden; margin-top:40px;}
#headerWrap .topWrap h1 {float:left; width:150px;}
#headerWrap .topWrap .utillMenu { float:right; margin-top:50px;}
#headerWrap .topWrap .utillMenu ul {overflow:hidden; }
#headerWrap .topWrap .utillMenu > ul > li {float:left; margin-left:20px;}
#headerWrap .topWrap .utillMenu ul li span,
#headerWrap .topWrap .utillMenu ul li a {color:#484848; font-size:14px; }
#headerWrap .topWrap .utillMenu ul li .sch_btn{  padding-bottom: 5px; display: inline-block;}
#headerWrap .topWrap .utillMenu ul li .MS_search_word{width:99px; border:0;}
#headerWrap .topWrap .utillMenu > ul > li.hd-cate-wrap a{ padding-bottom: 10px; display: block;}
#headerWrap .topWrap .utillMenu > ul > li.hd-cate-wrap:hover .hd-cate{ opacity: 1;}
#headerWrap .topWrap .utillMenu > ul > li.hd-cate-wrap .hd-cate{transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; position: absolute; z-index: 9; background: #fff; border: solid 1px #ccc;  padding: 10px 15px 5px; width: auto;}
#headerWrap .topWrap .utillMenu > ul > li.hd-cate-wrap .hd-cate li{line-height: 24px;}
#headerWrap .topWrap .utillMenu > ul > li.hd-cate-wrap .hd-cate li a{font-size: 12px;}
#headerWrap .topWrap .utillMenu > ul > li.hd-cate-wrap .hd-cate li a:hover{ transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0.5;}

#content {margin-top:0px;}

/* 사이드 메뉴 */
#scroll-right {position: fixed; z-index: 80;  top: 0; right:0px; background: #fff; height: 100%; width: 130px;  padding: 20px; border-left: solid 1px #e6e6e6;padding-top: 60px;}
#scroll-right a{line-height: 23px;}

.side-menu .div-wrap{display: block; margin-bottom: 30px;}
.side-menu .board-btn a{display: block;}

.side-menu .tit{color: #242424; font-size: 13px; padding-bottom: 8px; margin-bottom: 10px; border-bottom: solid 1px #d4d4d4;}
.side-menu .side-cs-center .tel{font-weight: 500; font-size: 26px; color: #000; padding-bottom: 3px;}
.side-menu .side-cs-center .cont{line-height: 19px;}
.side-menu .side-bank-info .cont{line-height: 19px;}

#side-menu-wrap .right-btn{ width: 16px;  position: absolute; top: 45%; right: 170px;margin-top: -8px; cursor: pointer; border: solid 1px #e6e6e6; background: #fff; display: inline-block; padding: 15px 10px;}
#side-menu-wrap .right-btn .fa{ font-size: 22px; transform: rotate(180deg);}
#side-menu-wrap .right-btn .fa.rotate{ transform: rotate(0deg);padding-left: 3px;}



/* 2021.03.10 css위치변경 */
/* header top */
header {background:#fff;position:relative;}
header .hd_top {width:100%;line-height:60px;clear:both;overflow:hidden;background:#fff;}
.hd_top ul li {float:left;margin-right:15px;}
.hd_top ul li:last-child {margin-right:0;}
.hd_top ul .btn_cart {width:40px;height:40px;background:#ffb423;border-radius:100px;text-align:center;margin-left:10px;line-height:40px;display:inline-block;}
.hd_top ul .btn_cart {}
.hd_top ul li a {display:inline-block;}
.hd_top ul li a:hover {color:#ed1b23;}
.hd_top ul li a:hover .btn_cart {background: #ed1b23;}
header .brand_wr {float:left;}
header .mem_wr {float:right;}
.hd_gnb_wr.fixed {position:fixed;top:0;left:0;right:0;}

.hd_middle {padding-bottom:30px;background:#fff;}
.hd_middle>.wrapper {position:relative;}
.hd_middle .hd-logo {position:absolute;left:0;}
.hd_middle .search_form {width:600px;margin:auto;}
.search_form .input_box {position:relative;}
.search_form .search_in {width:calc(100% - 30px);line-height:40px;height:40px;border:1px solid #fd890d;border-radius:80px;font-size:18px;padding:0 15px;}
.search_btn {line-height:40px;position:absolute;top:1px;right:-1px;width:55px;background:#ffb423;border-radius:0 19px 19px 0;}
.search_btn input {margin-left:15px;}

/* 지앤비 3뎁스 [시작] */
.hd_gnb_wr {background:#fff;position:relative;z-index:999999;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.hd_gnb_wr {}
.nav {
  list-style: none;
  padding: 0;
  display: flex;
  background-color: #333;
}
#main-nav>li {width:calc(100% / 7);float:left;text-align:center;background:#fff;color:#000;
	line-height:55px;height:55px;font-weight:bold;
}
#main-nav>li>a {font-size:16px;width:100%;line-height:55px;display:block;}
#main-nav>li>a:hover, #main-nav>li.on>a{color:#fff;background:#ffb423;}
#main-nav>li.nav-item {
  position: relative;background:#ffb423;color:#fff;font-size:20px;
}
#main-nav>li.nav-item>a {display:block;line-height: 55px;font-size:16px;font-weight:500;color:#fff;}
#main-nav>li.nav-item>a>span {display:inline-block;margin-right:15px;}
.dp-link {
  font-size: 16px;color:#666;line-height:50px;
  background:#fff;
  text-decoration: none;
  display: block;
  transition: 0.25s;
}
.dp-link.only {position:relative;}
.dp-link.only > span.icon {color:#fff;font-family:'Noto Sans KR',sans-serif;background:#ffb423;border-radius:50px;font-size:16px;transform: rotate(-15deg);width:60px;height:30px;
line-height:30px;position:absolute;text-align:center;top:14px;}
.dp-link.only > span.txt {padding-left:65px;}
#main-nav>li:hover,
.nav-item .active {
  /* background-color: #fff;color:#ff778a; */
}

/* Dropdown Menu */
.dp-menu {
  list-style: none;
  padding: 0;
  position: absolute;
  z-index: 2;
}
.dp-menu .title {font-size:20px;color:#222;border-bottom:2px solid #000;padding:20px 0 10px;margin:0 30px 30px;line-height:1;}
.dp-item{
  text-align:left;
}
.dp-item:hover,
.dp-item:hover > .dp-link {
  color:#ff778a;
}

.level-1 {
  position: relative;
  display: none;
  width: 100%;
}
.level-1>.dp-item>a {
	background-color: #ff94a3;color:#fff;line-height:60px;font-size:16px;padding-left:30px;text-align:left;border-bottom: 1px solid #ffa9b5;
}
.level-2 {
  display: none;
  width: 200px;height:608px;
  top: 0px;
  left: 100%;
  background-color: #fff;
  border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #ddd;
}
.level-2 li a {margin:0 30px;}
.level-2 .below_img {width:calc(100% - 20px);padding-left:10px;padding-top:10px;}
/* .level-2 .below_img {width:calc(100% - 20px);position:absolute;bottom:20px;left:10px;} */
.level-2 .below_img img {width:100%;height:auto;display:none!important}
.before_dp3 {position:relative;}
.before_dp3:after {content:'';position:absolute;top:17px;right:0;background:url('http://cmix5044.img16.kr/11657/img/gnb_arrow.png');width:8px;height:14px;display:inline-block;}
.level-3 {
  display: none;
  width: 200px;height:608px;
  top: 0px;
  left: 100%;
  background-color: #fff;
  border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;
}

.nav-item:hover > .level-1 {
  display: block;
}
.level-1>.dp-item:hover,
.level-1>.dp-item:hover > .dp-link {
	background-color: #fff;color:#ff778a;
}

.dp-item:hover > .level-2 {
  display: block;
}
.dp-item:hover > .level-3 {
  display: block;
}
/* BASIC css end */