/* BASIC css start */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

#header2{position: fixed; width: 100%; z-index: 10;}
#header2 .header_detail{ padding: 16px 15px;}

#header2 .header_detail:after{content:''; display:block; clear:both}

#header2 .header_detail .header_detail_left{ float: left;}
#header2 .header_detail .header_detail_left .back{ float: left; width: 12px; height: 26px; margin: 2px 20px 0 0; background: url(/design/nak3618/2021new/m/datail_prev_btn.png) no-repeat; text-indent: -9999px; background-size: contain;}
#header2 .header_detail .header_detail_left p{ opacity: 0; float: left; margin: 1px 0 0; color: #000; font-size: 1.1rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 600; }

#header2 .header_detail .header_detail_right{ float: right;}
#header2 .header_detail .header_detail_right div{ display: inline-block; vertical-align: middle;}
#header2 .header_detail .header_detail_right .search{ width: 22px; height: 21px; background: url(/design/nak3618/2021new/m/mainsearchicon_wh.png) no-repeat; text-indent: -9999px; background-size: contain;}
#header2 .header_detail .header_detail_right .searchBox{display: none; position: absolute; top: 7px; transform: translateX(-50%); left: 55%; width: 39%; height: 30px; line-height: 29px; margin: 4px 0 0 0; border: 2px solid #ff349d; border-radius: 30px; background: #fff;}
#header2 .header_detail .header_detail_right .searchBox form{float: left; width: 81%; }
#header2 .header_detail .header_detail_right .searchBox input{ width: 100%; height: 24px; border: 0; background: none; font-size: 11px; font-family: 'Noto Sans KR', sans-serif;}
#header2 .header_detail .header_detail_right .searchBox .btn_search{ float: right; width: 19%; text-align: right; vertical-align: top;}
#header2 .header_detail .header_detail_right .searchBox .btn_search img{ width: 16px; padding: 6px 12px 0 0;}
#header2 .header_detail .header_detail_right .basket{ margin-left: 17px;}
#header2 .header_detail .header_detail_right .basket a{ position: relative;  display: block; width: 22px; height: 23px; background: url(/design/nak3618/2021new/m/basketiconn.png) no-repeat; background-size: contain;}
#header2 .header_detail .header_detail_right .basket a .user_basket_quantity{ position: absolute; top: 0; right: -6px; display: block; width: 16px; height: 16px; line-height: 16px; background: #e76191; border-radius: 50%; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-size: 0.6rem; text-align: center;}

/* ½ºÅ©·Ñ */
#header2 .header_detail.headerD-scroll{ background: #fff;}
#header2 .header_detail.headerD-scroll .header_detail_left .back{ width: 11px; height: 18px; background: url(/design/nak3618/2021new/m/detail_in_arrow_black.png) no-repeat; background-size: contain;}
#header2 .header_detail.headerD-scroll .header_detail_left p{ opacity: 1;}

#header2 .header_detail.headerD-scroll .header_detail_right .search{ width: 22px; height: 21px; background: url(/design/nak3618/2021new/m/mainsearchicon.png) no-repeat; background-size: contain;}
#header2 .header_detail.headerD-scroll .header_detail_right .basket a{ display: block; width: 22px; height: 23px; background: url(/design/nak3618/2021new/m/basketicon.png) no-repeat; background-size: contain;}

/* °Ë»öâ */
.header_search{position: absolute; top: 0; background: #fff; width: 100%; padding: 10px 0; z-index:100; display:none;}
.header_search .searchBox{float: left; width: 72%;}
.header_search .searchBox form input{ border: none; color:#000; width: 100%; margin: 0 5px; padding-left: 2px; font-size: .8rem; font-family: 'Noto Sans KR', sans-serif;}
.header_search .searchbtnBox{float: right; margin: 7px 14px 0 0;}
.header_search .search{padding:0 15px}
.header_search .search a{ float: left; margin: 6px 15px 0 0;}
.header_search .search a img{width:24px;}
.header_search .search .m_close{ float: right; font-size: .9rem; color: #000; font-family: 'Noto Sans KR', sans-serif; line-height: 35px;}


/* BASIC css end */