/* BASIC css start */
.header__top-banner { background-color: #000; color: #fff; text-align: center; }
.header__top-banner a { display: inline-block; line-height: 22px; font-family: 'Noto Sans KR', sans-serif; font-size: 10px; color: #fff; }

/* Header Extension */
#header { height: 152px; }
#header .fixed { position: fixed; z-index: 100; width: 100%; max-width: 1920px; border-bottom: 1px solid #eee; background: #fff; }
#header .inwrap { position: relative; height: 129px; margin: 0 39px;
	-webkit-transition: 0.3s cubic-bezier(0.25,0.1,0.59,0.77);
	-moz-transition: 0.3s cubic-bezier(0.25,0.1,0.59,0.77);
	-ms-transition: 0.3s cubic-bezier(0.25,0.1,0.59,0.77);
	-o-transition: 0.3s cubic-bezier(0.25,0.1,0.59,0.77);
	transition: 0.3s cubic-bezier(0.25,0.1,0.59,0.77);
}

#header h1 { display: flex; justify-content: center; align-items: center; padding-top: 31px; }
#header h1 img { max-width: 100%; }

#header .sch{position: absolute; top: 15px; right: 15px; width: 141px}
#header .sch .keyword{float: left; width: 110px; height: 24px; padding: 0 2px; border: 0; border: 1px solid #CECECE; border-right: none; color: #000}
#header .sch a{float: left; zoom: 1}

#header .util{position: absolute; top: 37px; right: 0; z-index: 2; }
#header .util a{display: block; line-height: 1rem; font-size: 12px; color: #5F5F5F; font-weight: 500; text-decoration: none; }
#header .util a:hover{color: #75C4C5; }
#header .util ul{ display: flex; align-items: center; }
#header .util ul li ~ li { margin-left: 22px; }
#header .util i { display: block; width: 19px; height: 21px; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999em; }
#header .util .search i { background-image: url(http://doctoriam.img8.kr/skin3/imgx/commx/hder-util-search.png); }
#header .util .search button[type="button"]{background: transparent; cursor: pointer; }
#header .util .mypage i { background-image: url(http://doctoriam.img8.kr/skin3/imgx/commx/hder-util-mypage.png); }
#header .util .cart i { background-image: url(http://doctoriam.img8.kr/skin3/imgx/commx/hder-util-cart.png); }
#header .util .cart .user_basket_quantity{position: absolute; top: 0; right: 0; margin: -5px -10px 0 0; font-family: 'Lato' , sans-serif; font-size: 12px;  color: #0b0b0b; font-weight: 300; vertical-align: top; }
#header .util .search .pop{display: none; position: absolute; z-index: 10; top: 100%; right: 0; margin-top: 15px; padding: 25px; border: 1px solid #ddd; background: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15)
}
#header .util .search .set{width: 233px}
#header .util .search .set input{vertical-align: top}
#header .util .search .set input[type="text"]{width: 180px; height: 30px; padding: 0 10px; border: 1px solid #e0e0e0; border-right: 0 none; color: #202020}
#header .util .search .set input[type="image"]{width: 16px; height: 16px; margin: 8px 0 0 8px}
#header .util .search .set a{float: right; width: 32px; height: 32px; background: #08336C}

#header .fixed.sticky{position: fixed; }

/* LNB Extension */
#lnb { position: relative; max-width: 1324px; margin: 13px auto 0; }
#lnb .lst { display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; }
#lnb .lst .inbox { visibility: hidden; position: absolute; top: 100%; left: 0; right: 0; width: 250px; padding: 23px 0 0 30px; opacity: 0; }
#lnb .lst .inbox:before { position: absolute; top: -1px; left: 50%; z-index: -1;  width: 10000px; height: 280px; background-color: #fff;
	transform: translateX(-50%);
	content: '';
}

#lnb button[type="button"] { display: none; position: absolute; top: 80px; right: 0; z-index: 5; width: 17px; height: 17px; border: 0 none; background: url(http://doctoriam.img8.kr/skin3/imgx/commx/hder-lnb-close.png) no-repeat 0 0; text-indent: -9999em; }

#lnb .level1 { display: inline-block; position: relative; padding: 0 30px; }
#lnb .level1 > a { display: block; position: relative; padding: 20px 0 18px; font-family: 'FreightDisplayProBook', sans-serif; font-size: 17px; color: #000; text-transform: uppercase; }
#lnb .level1 > a:after { display: none; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background-color: #000; content: ''; }
#lnb .level1 > a.active:after { display: block; }

#lnb .level2 { display: inline-block; }
#lnb .level2 > li { position: relative; }
#lnb .level2 > li ~ li { margin-top: 3px; }
#lnb .level2 > li > a { display: block; font-family: 'FreightDisplayProLight', sans-serif; font-size: 16.67px; color: #343434; }
#lnb .level2 > li > a:hover { color: black; }

.lnb-opend #lnb button[type="button"] { display: block; }
.lnb-opend #lnb .lst .level1 .active + .inbox { visibility: visible; opacity: 1; }

/* BASIC css end */