/* BASIC css start */
#head_top   { width:100%; background-color:#fff; } 
#header     { position:sticky; top:0; border-top:1px solid #eee; border-bottom:1px solid #eee; background-color:#fff; z-index:111; }
.head_inner, 
.utill_inner{ width:1300px; margin:0 auto; }



/* Çì´õ ¹è³Ê¿µ¿ª */
:is(#top_banner,#head_top,#header) :is(*) { font-family: "Pretendard Variable", Pretendard, sans-serif; box-sizing:border-box;   } 
#top_banner    { display:none; position:relative; background-color:var(--main-color); } 
#top_banner div  { position:relative; width:1300px; margin:0 auto; padding:9px 0; text-align:center; color:#fff; font-size:16px; font-weight:500; } 
#top_banner div a{ position:absolute; right:0}


/* Çì´õ LNB ¿µ¿ª */
#head_top .utill_area       { position:relative; z-index:1; }
#head_top .utill_area:before{ content: ""; clear:both; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#eee }
#head_top .utill_inner      { display:flex; justify-content:space-between; }
#head_top .utill_inner ul   { display:flex; }
#head_top .utill_inner li   { display:flex; position:relative;  }
#head_top .utill_inner a    { height:46px; padding:0 10px; line-height:46px; color:#333; font-size:14px;}
#head_top .utill_inner a:hover     { color:var(--main-color)}
#head_top .utill_inner a.first-h   { margin-right:10px; padding:0 20px; border-left:1px solid #eee; border-right:1px solid #eee; background:#fff; }
#head_top .utill_inner a img + span{ margin-left:5px;}
#head_top .utill_inner a.btn_basket{ display:flex; align-items:center;}
#head_top .utill_inner a #user_basket_quantity    { width:18px; height:18px; text-align:center; line-height:18px; color:#fff; font-size:12px; border-radius:3px; background:var(--main-color);  }

#head_top .utill_inner .h_right li:last-child img { width:auto; height:30px; margin-top:7px; }
#head_top .utill_inner .point      { position:absolute; left:50%; width:56px; height:17px; margin-left:-28px; margin-top:-3px; line-height:14px; text-align:center; color:#fff; border-radius:10px; background:#8c8c8c; transform: translate(0, -50%); }
#head_top .utill_inner .point span { position:absolute; top:11px; left:50%; width:8px; height:4px; margin-left:-4px; color:#8C8C8C; transform: translate(0, -50%); }
#head_top .utill_inner .point span::before { content:"¡å"; font-size:8px; }
#head_top .utill_inner .point em   { font-size:11px; font-family:malgun Gothic; font-weight:300;}


/* Çì´õ ·Î°í¿µ¿ª */
#head_top .head_inner       { display:flex; align-items:center; justify-content:space-between; height:130px; } 
#head_top .head_inner .logobox   { width:30%;} 
#head_top .head_inner .logobox a { display:block; } 


/* Çì´õ ¼­Ä¡ ¿µ¿ª */
#head_top .head_inner .search fieldset { width:430px; padding:0px 10px 0 20px; border:2px solid var(--main-color); border-radius:80px; }
#head_top .head_inner .search fieldset { position:relative; transition: all .5s; } 
#head_top .head_inner .search fieldset input { width:92%; height:50px; font-size:18px; font-weight:500; border:0; background:none !important; } 
#head_top .head_inner .search fieldset .search_icon { display:inline-block } 
#head_top .head_inner .search fieldset input::placeholder { color:#ababab; font-size:18px; font-weight:500; font-family:"Pretendard Variable", Pretendard, sans-serif; } 
#head_top .head_inner .search span     { margin-top;5px; } 


/* Çì´õ ¿ìÃø¹è³Ê ¿µ¿ª */
#head_top .header_Banner   { display:inline-block; position:relative; width:250px; overflow:hidden;}
#head_top .header_Banner_inner  { float:right; width:100%; }
#head_top .header_Banner_inner h3    { margin-bottom:6px; font-size:20px; font-weight:800; }
#head_top .header_Banner_inner h3 span{ font-size:14px; }
#head_top .header_Banner_inner span  { font-size:16px; font-weight:500; }
#head_top .header_Banner_inner span.box-radius { margin-right:2px; padding:0 6px; font-weight:700; font-size:18px; border-radius:25px;}
#head_top .h_b_arr         { position:absolute; top:0; right:0;}
#head_top .h_b_arr .arr_l,
#head_top .h_b_arr .arr_r  { position:absolute; right:16px; cursor:pointer; }
#head_top .h_b_arr .arr_r  { right:0;}
#head_top .h_b_arr .arr_l:hover, 
#head_top .h_b_arr .arr_r:hover { opacity: 0.8;}


/*ÀüÃ¼ Ä«Å×°í¸®*/
#header .head_inner .main_m>li>a, 
#header .head_inner .main_m>li .side_menu ul.sub_m>li>a, 
#header .head_inner .main_m>li .side_menu ul.sub_m>li li a{padding:16px 5px 13px 15px; font-size: 17px; line-height:13.5px; font-weight: 500; }
/*ÁßºÐ·ù*/
#header .head_inner .main_m { height:455px; overflow-y:auto; border-top:1px solid #015db9; background-color:var(--main-color); } 
#header .head_inner .main_m>li { } 
#header .head_inner .main_m>li:hover>a{background-color: #fff; color: var(--main-color);} 
#header .head_inner .main_m>li>a {font-weight: 500; display:block; width:180px; background-color:var(--main-color); color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:180px; } 
#header .head_inner .main_m>li .side_menu { display:none; position:absolute; left:180px; top:0; min-height:420px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; background-color:#fff; } 
#header .head_inner .main_m>li .side_menu ul.sub_m { height:455px; background-color:#fff; overflow-y: auto; } 
#header .head_inner .main_m>li .side_menu ul.sub_m>li {  } 
#header .head_inner .main_m>li .side_menu ul.sub_m>li:hover>a {background:var(--main-color); color:white;} /*color: var(--main-color);*/
#header .head_inner .main_m>li .side_menu ul.sub_m>li>a {display: block; width: max-content; min-width: 200px; white-space:wrap; overflow:hidden; text-overflow:ellipsis; max-width:200px; } 
/*¼ÒºÐ·ù*/
#header .head_inner .main_m>li .side_menu ul.sub_m>li ul li a{display: block;  width: max-content; min-width: 220px;  white-space: wrap;  overflow:hidden; text-overflow:ellipsis;  max-width:200px;}
#header .head_inner .main_m>li .side_menu ul.sub_m>li ul li a:hover{background: var(--main-color); color:white;}
#header .head_inner .main_m>li .side_menu ul.sub_m>li ul .sub_m2>li a{  width: max-content; min-width: 220px; font-size:12px; white-space: wrap;  overflow: hidden;  text-overflow: ellipsis;  max-width:200px;}
#header .head_inner .main_m>li .side_menu ul.sub_m>li ul .sub_m2>li a:hover{background: var(--main-color); color:white;}







.etc_m li:hover ul{display: block;}
.etc_m li ul li{padding:0; display: block; white-space: nowrap;}
.etc_m li ul li a{display: block; padding: 10px; text-decoration: none; color: #333; /* ÇÏÀ§ ¸Þ´º ÅØ½ºÆ® »ö»ó */}
.etc_m li ul li a:hover{background-color: #f4f4f4; /* ÇÏÀ§ ¸Þ´º È£¹ö ¹è°æ»ö */}








#header .head_inner { display: flex; align-items: center; justify-content: space-between; position: relative; background-color:#fff; } 
#header nav         { display:none; position:absolute; left:0; top:100%;  } 
#header.set .head_inner nav { display: block; } 
#header nav ul.sub_m ul     { display:none; position:absolute; left:200px; top:-1px; min-height:455px; border:1px solid #f1f1f1; background:#fff;  }
#header nav.clicked         { display: block; }


#header .ham_wrap   { display:flex; align-items:center; gap:10px; width:180px; padding:20px; background-color:var(--main-color); cursor:pointer; transition:all .3s; } 
#header .ham_wrap p { font-weight:600; color:#fff; font-size:16px; transition:all .3s;  } 
#header .ham a      { display:block; position:relative; width:20px; height:16px; transition: all .3s; } 
#header .ham a span { position:absolute; left:0; width:100%; height:2px; border-radius:4px; background-color:#fff; transform-origin:center center; transition: all .3s; } 
#header .ham a span:nth-of-type(1) { top:0; transform-origin:left center; } 
#header .ham a span:nth-of-type(2) { top:7px; } 
#header .ham a span:nth-of-type(3) { bottom:0; transform-origin: left center; } 
#header .ham a.active-1 span:nth-of-type(1) { transform:rotate(45deg); -webkit-transform:rotate(45deg) } 
#header .ham a.active-1 span:nth-of-type(2) { left:200%; opacity:0; -webkit-animation:active-menu-bar06 .8s forwards; animation:active-menu-bar06 .8s forwards; } 
#header .ham a.active-1 span:nth-of-type(3) { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); } 
    @-webkit-keyframes active-menu-bar06 { 100% { height:0; } }
    @keyframes active-menu-bar06 { 100% { height:0; } }

#header .etc_m      { display:flex; align-items:center; justify-content:space-around; flex-grow:1; padding-left:50px; } 
#header .etc_m > li { position:relative; padding:0 25px; } 
#header .etc_m > li:nth-child(3) > a:before { content:""; position: absolute; left:0; bottom:0; width:100%; height:4px; background-color:#dcfafd; transform: scale(1); }
#header .etc_m > li > a:after { content:""; position: absolute; left:0; bottom:0; width:100%; height:4px; background-color: var(--main-color); transform: scale(0); transition: transform 0.3s;}
#header .etc_m > li > a:hover:after { transform: scale(1);}


#header .etc_m > li > a { display:block; line-height:60px; }

#header .etc_m li a { box-sizing:border-box; color:#161616; font-size:17px; font-weight:600; transition:color .1s; } 
#header .etc_m li a:hover { color:var(--main-color); } 
#header .etc_m > li > ul { box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);}
#header .etc_m ul   { display:none; position:absolute; top:100%; left:50%; min-width:100%; background-color:#fff; transform: translate(-50%, 0);}
#header .etc_m ul li{ width:100%; padding:0; border-top:1px solid #e3e3e3;}
#header .etc_m ul li:first-child { border-top:0}
#header .etc_m ul li a { padding:8px 8px; font-size:15px; font-weight:500;}
#header .etc_m ul li{ position:relative;}

#header .etc_m ul ul{ top:0; left:192px; width:140px; background:#f0f8ff; }
#header .etc_m ul li:not(.active) ul { display:none !important;}
#header .etc_m ul li.active > a,
#header .etc_m ul li a:hover{ color:#fff; background:var(--main-color); }

#header .etc_m .store li  { padding:0; border-bottom:1px solid #e3e3e3; }
#header .etc_m .store a   { display:flex; align-items:center; gap:10px;}
#header .etc_m .store div { display:block; width:50px; height:30px; border-radius:5px; background-repeat:no-repeat; background-position:-5px -9px; background-size:auto 60px; overflow:hidden; }
#header .etc_m .store li:nth-child(1) div { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_1.png") }
#header .etc_m .store li:nth-child(2) div { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_2.png") }
#header .etc_m .store li:nth-child(3) div { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_3.png") }
#header .etc_m .store li:nth-child(4) div { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_4.png") }
#header .etc_m .store li:nth-child(5) div { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_5.png") }
#header .etc_m .store li:nth-child(6) div { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_6.png") }
#header .etc_m .store li:nth-child(7) div { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_7.png") }
#header .etc_m .store li:nth-child(8) div { background-image:url("http://L2294.img2.kr/nw/DHMain/common/navi/menu_icon_8.png") }
#header .etc_m .store a:hover div { background-position:93% -9px; transition: all .3s; } 







/* Çì´õ °øÁö»çÇ× ¿µ¿ª */
.top_notice { float: left;}
.top_notice * { display:inline-block; border; vertical-align: middle; }
.top_notice > span{ padding: 2px 8px 1px; color:#fff; font-weight: 600; border-radius: 15px; background:#333; }
.top_notice li { line-height: 35px;}
#head_top .utill_area .utill_inner .top_notice li a { padding-left:5px; }
.top_notice li span { padding-left:3px; color:#aaa }





 
/* ´ÙÃ£´Ù ÀÚµ¿¿Ï¼º*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:40px; left:0; border:1px solid #ddd; border-top:1px solid #000; line-height:14px; background:#fff; } 
.search-auto-complete-list ul { width:202px; padding:4px 0 6px; border-bottom:1px solid #ddd; } 
.search-auto-complete-list ul li { text-align:left; } 
.search-auto-complete-list ul li.on { background:#f3f3f3; } 
.search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; } 
.search-auto-complete-list ul li a strong { color:#ab3e41; } 
.search-auto-complete-list ul li a:hover { background:#f2f2f2; } 
.search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; } 
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; } 


/* ´ÙÃ£´Ù °Ë»ö ÆÄÀÎ´õ */
#allfinder-layer { z-index: 9999; position: fixed; top: 1\50px; right: 110px; width: 1000px; zoom: 1; overflow: hidden; } 
#allfinder-layer .finder-body { display:none; z-index:1; position: relative; width: 998px; *width:918px; padding:35px 40px 5px; max-height: 800px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; border:1px solid #666; background:#fff; } 
#allfinder-layer .finder-body .finder-close { position: absolute; top: 15px; right: 10px; font-size:24px; color:#000; *width:19px; *height:24px; *background:url('/images/common/btn_h11_close.gif') no-repeat center center; *background-size:19px 24px; } 
#allfinder-ctr { z-index: 10000; position: fixed; top: 120px; right: 0; width:103px; height:86px; } 
#allfinder-ctr a { display:block; width:100%; height:100%; background:url('/images/common/allfinder_ctrl_pc.png') no-repeat right top; border:none; outline:none; font-size:0; } 


.all-finder-layer .finder-body .finder-tbl table { border:1px solid #ccc; border-top:1px solid #000; } 
.all-finder-layer .finder-body .finder-tbl th, 
.all-finder-layer .finder-body .finder-tbl td { height: 40px; border-top: 1px solid #e5e5e5; font-size: 13px; font-family:'Malgun Gothic'; color: #000; } 
.all-finder-layer .finder-body .finder-tbl tr:first-child th,
.all-finder-layer .finder-body .finder-tbl tr:first-child td { border-top:none; } 
.all-finder-layer .finder-body .finder-tbl th { padding: 5px 0; background: #f4f4f4; text-align: left; vertical-align:top; } 
.all-finder-layer .finder-body .finder-tbl th .txt-l { position:relative; height:34px; line-height:34px; padding: 0 20px; margin:3px 0; } 
.all-finder-layer .finder-body .finder-tbl th .txt-l .fa { position:absolute; top:50%; right:15px; margin-top:-6px; } 
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-tooltip-btn { display:inline-block; width:20px; height:20px; line-height:22px; border:1px solid #cecece; border-radius:20px; color:#666; font-size:11px; background:#fff; text-align:center; outline:none; } 
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer { display:none; position:absolute; top:33px; left:52px; width:270px; padding:0 20px 18px; border:1px solid #000; background:#fff; text-align:left; font-weight:normal; color:#000; z-index:1 } 
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-btn-close { display:inline-block; position:absolute; top:14px; right:20px; margin:0; font-size:21px; color:#000; outline:none; *width:19px; *height:22px; *background:url('/images/common/btn_h11_close.gif') no-repeat center center; } 
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-tit { padding:18px 0; border-bottom:1px solid #e5e5e5; font-size:15px; font-weight:bold; line-height:15px; } 
.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-cnt { padding-top:16px; line-height:1.5; font-size:13px; } 
.all-finder-layer .finder-body .finder-tbl td { padding: 5px 10px; } 
.all-finder-layer .finder-body .txt-input { height: 21px; line-height: 21px; padding: 0 5px; font-size: 13px; font-family:'Malgun Gothic'; } 
.all-finder-layer .finder-body .finder-category { height:40px; overflow:hidden; } 
.all-finder-layer .finder-body .finder-category.open { height:100%; overflow:visible; } 
.all-finder-layer .finder-body tr.finder-child-category { display:none; } 
.all-finder-layer .finder-body tr.finder-child-category th,
.all-finder-layer .finder-body tr.finder-child-category td { border-top:none; } 
.all-finder-layer .finder-body tr.finder-child-category td { background:#fbfbfb; } 
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 { display:inline-block; margin:3px 5px 3px 0; padding: 5px 10px; cursor:pointer; line-height:22px; vertical-align:top; word-break:break-all; color:#9a9a9a; } 
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 .fa-check { display:none; } 
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on { font-weight:bold; color:#000; border:0; border-radius:0; box-shadow: unset; } 
.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on .fa-check { display:inline-block; margin-right:3px; } 

.all-finder-layer .finder-body .finder-color { padding-left:10px; } 
.all-finder-layer .finder-body .finder-price .finder-price-input { display: inline-block; padding-top:5px } 
.all-finder-layer .finder-body .finder-price .finder-price-input label { display: inline-block; width: 110px; padding: 0 10px; border: 1px solid #ccc; border-radius:3px; color: #666; } 
.all-finder-layer .finder-body .finder-price .finder-price-input label .txt-input { display: inline-block; width: 90px; height: 29px; line-height: 29px; padding: 0; border: none; background: none; color: #333; text-align: right; } 
.all-finder-layer .finder-body .finder-search { position:relative; padding-left:5px; } 
.all-finder-layer .finder-body .finder-search label { display: inline-block; width: 320px; padding: 0 10px; border: 1px solid #ccc; border-radius:3px; } 
.all-finder-layer .finder-body .finder-search label .txt-input { display: block; width:100%; height: 29px; line-height: 29px; padding: 0; border: none; background: none; color: #333; text-align: left; } 
.all-finder-layer .finder-body .finder-btn-c { padding: 30px 0; text-align: center; } 
.all-finder-layer .finder-body .finder-btn-c a.reset { display: inline-block; width: 140px; height: 60px; line-height: 57px; border:none; border-radius:3px; background: #999; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: 1px; font-family:'Malgun Gothic'; margin-right:15px; } 
.all-finder-layer .finder-body .finder-btn-c button { display: inline-block; height: 60px; line-height: 57px; padding:0 30px; *padding:0; border:none; border-radius:3px; background: #000; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: -0.5px; font-family:'Malgun Gothic'; cursor:pointer; } 
.all-finder-layer .finder-body .finder-btn-c button span.ico-search { visibility:visible; display:inline-block; width:16px; height:15px; margin-right:10px; margin-top:-4px; *margin-top:0; vertical-align:middle; background:url('/images/common/btn_h15_search.png') no-repeat 0 0; } 
.all-finder-layer .finder-body .finder-btn-c button span.finder-count { visibility:visible; display:inline-block; height:60px; color:#ffd800; font-size:23px; *vertical-align:middle; } 
.all-finder-layer .finder-body .finder-btn-c button span.finder-count-toggle { visibility:visible; display:none; } 


.all-finder-layer .finder-body .finder-options { display:inline-block; margin:3px 5px 3px 0; padding: 5px 10px; cursor:pointer; line-height:22px; border: 1px solid #fff; vertical-align:top; word-break:break-all; } 
.all-finder-layer .finder-body .finder-options.on { font-weight: bold; border: 1px solid #000; border-radius: 20px; box-shadow:2px 2px 3px #d2d2d2; } 
.all-finder-layer .finder-body .finder-option-color em { display: inline-block; width: 22px; height: 22px; border-radius:20px; font-size:0; vertical-align:top; } 
.all-finder-layer .finder-body .finder-option-color.color-picker { width:22px; height:22px; padding: 0; border: none; } 
.all-finder-layer .finder-body .finder-option-color.color-picker.on { border: none; } 
.all-finder-layer .finder-body .finder-option-color.color-picker .fa-check { display:none; width:22px; height:22px; margin-top:-17px; color:#fff; text-align:center; } 
.all-finder-layer .finder-body .finder-option-color.color-picker.on .fa-check { display:block; } 
.all-finder-layer .finder-body .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-black em { background-color: #000; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gray em { background-color: #808080; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-brown em { background-color: #aa6810; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-navy em { background-color: #425583; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-blue em { background-color: #0000ff; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-blue em { background-color: #62acff; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-red em { background-color: #ff0000; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-orange em { background-color: #ffa500; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-yellow em { background-color: #ffff00; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-purple em { background-color: #800080; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-green em { background-color: #008000; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-green em { background-color: #72dd95; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gold em { background-color: #cfbc4e; } 
.all-finder-layer .finder-body .finder-option-color.finder-option-color-apricot em { background-color: #fbceb1; } 

.all-finder-layer .finder-body .search-auto-complete-list { display:none; z-index:1; position:absolute; top:30px; left:5px; border:1px solid #ddd; line-height:14px; background:#fff; } 
.all-finder-layer .finder-body .search-auto-complete-list ul { width:340px; padding:4px 0 6px; border-bottom:1px solid #ddd; } 
.all-finder-layer .finder-body .search-auto-complete-list ul li { text-align:left; } 
.all-finder-layer .finder-body .search-auto-complete-list ul li.on { background:#f3f3f3; } 
.all-finder-layer .finder-body .search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; } 
.all-finder-layer .finder-body .search-auto-complete-list ul li a strong { color:#ab3e41; } 
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover { background:#f2f2f2; } 
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; } 
.all-finder-layer .finder-body .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; } 

.all-finder-layer .finder-body .finder-search-data .finder-options { border: 1px solid #e5e5e5; box-shadow:none; } 
.all-finder-layer .finder-body .finder-search-data .finder-options .fa-close { margin-left:10px; color: #999; } 



/* ÀüÃ¼¸Þ´º¿­±â ·¹ÀÌ¾îÆË¾÷ ½ÃÀÛ allMenuView */
.allMenuView         { display:none; position:absolute; top:61px; width:100%; margin-left:0; }
.allMenuView_wrap    { width:1300px; margin:0 auto; border:1px solid var(--main-color); background:white; }
.allMenuView #btn_allMenuClose { float:right; width:37px; height:37px; background:url("http://L2294.img2.kr/nw/DHMain/common/btn/btn_x.png") 0 0 no-repeat; text-indent:-9999em; cursor:pointer; }
.allMenuView .bx_allmenu       { width:1300px; height:630px; margin:0 auto; padding:0; overflow:auto;}
.allMenuView .bx_allmenu .all_menuList     { padding-top:35px;} 
.allMenuView .bx_allmenu .all_menuList > ul{ display:flex; flex-wrap:wrap; width:100%; }
.allMenuView .bx_allmenu .all_menuList > ul > li     { width:20%; padding:0 2.5%; border-right:1px dotted #d6e7f5; }
.allMenuView .bx_allmenu .all_menuList > ul > li:nth-child(5n) { border-right:0;}
.allMenuView .bx_allmenu .all_menuList > ul > li:nth-child(n+6){ padding-top:25px; border-top:1px dotted #d6e7f5; }
.allMenuView .bx_allmenu .all_menuList > ul > li > a { font-size:1.15em; color:#555; font-weight:700; white-space:nowrap;}
.allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul > li     { margin-bottom:20px; }
.allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul > li > a { display:block; margin:10px 0 5px; padding:2px; font-weight:600; text-align:center; color:var(--main-color); font-size:1.1em; border:1px solid #d6e7f5; background:#f0f8ff; white-space:nowrap;}
.allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub > ul > li > a:hover { color:var(--main-color);}
.allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub3 { }
.allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub3 > ul         { display:inline-block; float:left; }
.allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub3 > ul > li > a{ color:#3b3b3b; font-size:1.5em; font-weight:300; line-height:30px; }
.allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub3 > ul > li > a:hover { color:var(--main-color);}

/* ÀüÃ¼¸Þ´º¿­±â- Á¾Àü¸Þ´º */
.allMenuView .bx_allmenu .lnb_wrap { float:left; padding:25px; background: #f4f4f4;}
.allMenuView .bx_allmenu .lnb_wrap ul    { float:left; border-top:5px solid #aaa; background:#fff;}
.allMenuView .bx_allmenu .lnb_wrap ul li { height:28px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; }
.allMenuView .bx_allmenu .lnb_wrap ul li a       { padding-left:5px; line-height:28px;}
.allMenuView .bx_allmenu .lnb_wrap ul li a:hover { color:var(--main-color);}
.allMenuView .bx_allmenu .lnb_wrap ul li a img   { width:30px;}
.allMenuView .bx_allmenu .lnb_wrap ul li div,
.allMenuView .bx_allmenu .lnb_wrap ul li span    { float:right; font-size:15px; font-weight:500; text-align:left; }
.allMenuView .bx_allmenu .lnb_wrap ul li div     { width:107px; margin-left:5px;}
.allMenuView .bx_allmenu .lnb_wrap ul li span    { width:61px; margin-left:2px; color:var(--main-color); }
.allMenuView .bx_allmenu .lnb_wrap ul li .span a:hover { color:#111; }

.btn_allMenuOpen_txt {padding-left:35px; color:#fff; line-height:46px; font-size:16px; font-weight:600; background:#2e8ceb; cursor:pointer;}
.btn_allMenuOpen_txt:hover {color:var(--main-color); background:#d2e8ff;}
.btn_allMenuOpen_txt2 {font-size:17px; font-weight:600;}



/* ¿ìÃø °íÁ¤ ¸Þ´º css */
#asideMenu {position:fixed;top:0;right:0;width: 170px;height:100%;background:#fff;z-index:101;box-shadow: -1px 0px 2px rgba(0,0,0,0.1);border-left: 1px solid #ddd;}
#asideMenu.rmFix { right:-170px; }
#asideMenu .aminner {padding: 20px 0 20px 11px;}

/* ¿ìÃø °íÁ¤ ·Ñ¸µ ¹è³Ê */
#asideMenu .astSliderWrap { position: relative; width: 150px; height: 150px; overflow:hidden; }
#asideMenu .astSliderWrap .astSlider img{width:100%;}
#asideMenu .astSliderWrap .bx-controls-direction {opacity:0; position:absolute;top:50%;width:100%; z-index:60;text-align:center;}
#asideMenu .astSliderWrap:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#asideMenu .astSliderWrap .bx-prev, #asideMenu .astSliderWrap .bx-next{position:absolute;top:0;margin-top:-13px;font-size:24px;display:inline-block;}
#asideMenu .astSliderWrap .bx-prev{left:2px;}
#asideMenu .astSliderWrap .bx-next{right:2px;}
#asideMenu .astSliderWrap .bx-pager{position:absolute;bottom:8px;left:0;right:0;z-index:60;text-align:center;}
#asideMenu .astSliderWrap .bx-pager-item{transition:all 0.3s ease;display:inline-block;position:relative;}
#asideMenu .astSliderWrap .bx-pager-link{display:inline-block;width:14px;height:3px;font-size:0;margin:2px;background-color: rgba(0,0,0,0.4)}
#asideMenu .astSliderWrap .bx-pager-link.active{width: 24px; background-color: rgba(0,0,0,0.8);}

#asideMenu .amWrap { margin-top:36px; }
#asideMenu .amWrap:after {content:"";display:block;clear:both;}
#asideMenu .amTit { margin-bottom: 2px; color:#292929; font-size:13px; }
#asideMenu .amWrap .amBtn li { float: left; }
#asideMenu .amWrap .amBtn li a { display:block; width:71px; height: 26px; line-height: 26px; text-align:center; border:1px solid #ddd; margin: 2px 4px 2px 0; font-size: 11px; color:#777; }
#asideMenu .amWrap .amBtn li a:hover { background: #f1f1f1; color:#292929; }
#asideMenu .amWrap .amTel { color:#292929; font-size: 18px; font-weight: bold;}

/* ¿ìÃø °íÁ¤ ¿À´Ã º» »óÇ° ·Ñ¸µ */
#asideMenu .todayViewWrap {position: relative;width: 150px;visibility: hidden;}
#asideMenu .todayViewWrap .todaySlider img{width:100%;}
#asideMenu .todayViewWrap .bx-controls-direction {opacity:0; position:absolute;top:50%;width:100%;z-index:60;text-align:center;}
#asideMenu .todayViewWrap:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#asideMenu .todayViewWrap .bx-prev, #asideMenu .todayViewWrap .bx-next{position:absolute;top:0;margin-top:-13px;font-size:24px;display:inline-block;}
#asideMenu .todayViewWrap .bx-prev{left:2px;}
#asideMenu .todayViewWrap .bx-next{right:2px;}
#asideMenu .todayViewWrap .bx-pager{position:absolute;bottom:8px;left:0;right:0;z-index:60;text-align:center;}
#asideMenu .todayViewWrap .bx-pager-item{transition:all 0.3s ease;display:inline-block;position:relative;}
#asideMenu .todayViewWrap .bx-pager-link{display:inline-block;width:14px;height:3px;font-size:0;margin:2px;background-color: rgba(0,0,0,0.4)}
#asideMenu .todayViewWrap .bx-pager-link.active{width: 24px; background-color: rgba(0,0,0,0.8);}

/* ¿ìÃø °íÁ¤ ´Ý±â »óÇÏ ÀÌµ¿ ¹öÆ° */
#asideMenu .asideBtn {position:absolute;top: 50%;left: -42px;margin-top: -72px;}
#asideMenu .asideBtn .asideOpen {width:42px;height:42px;font-size:20px;color:#fff;line-height: 44px;text-align:center;background:#292929;cursor:pointer;}
#asideMenu .asideBtn .pageTop,
#asideMenu .asideBtn .pageBottom {display:block; width:40px;height:41px;font-size:20px;color:#292929;line-height: 44px;text-align:center;background:#fff;cursor:pointer;border:1px solid #ddd; margin-top: -1px; }

/* ¸®¹ÙÀÌ ¾Ë¸² */
.rebuy_banner {z-index:120; position: absolute; left:0; /*right: 0; top:0px;*/ padding: 3px; background-color: #FFF2A9; width:104px; text-align: center; }
.rebuy_banner strong { font-size: 20px; }
.rebuy_banner .rebuy-link { font-size: 15px; font-weight: bold; }
                                            


/*»èÁ¦*/
#header_top .header_top_inner { align-items: right; justify-content: space-between; position: relative; background-color: #fff; } 
#header_top .header_top_inner ul.user_m2 { display:flex; align-items:center; } 
#header_top .header_top_inner ul.user_m2 li { margin-left: 20px; position: relative; } 
#header_top .header_top_inner ul.user_m2 li::before { content: ""; display: block; position: absolute; top:50%; left: 0; transform: translateY(-50%); background-color: #dddddd; width: 1px; height: 11px; } 
#header_top .header_top_inner ul.user_m2 li:first-child::before { display: none; } 
#header_top .header_top_inner ul.user_m2 li a { color: #777777; font-size: 14px; font-weight:500; padding-left:20px; display: block; transition: color .1s; } 
#header_top .header_top_inner ul.user_m2 li a:hover { color: #000; } 
#header_top .header_top_inner ul.user_m2 li .point{border-radius:10px; position:inherit; margin-left:16px; width:56px; height:17px; line-height:17px; background:#323232; color:#fff; text-align:center;}
#header_top .header_top_inner ul.user_m2 li .point span{position:absolute; top:-11px; left:22px; width:8px; height:4px; color:#323232;}
#header_top .header_top_inner ul.user_m2 li .point span::before{content:"¡ã";}
#header_top .header_top_inner ul.user_m2 li .point em{font-size:11px; font-family:malgun Gothic; font-weight:300;}
.header_top_inner { width: 1300px; margin: 0 auto; } 





/* ¼ÒºÐ¸Þ´º¿­±â ·¹ÀÌ¾îÆË¾÷ ½ÃÀÛ sobunMenuView */
.sobunMenuView { display:none; position:absolute; top:65px; width:100%; margin-left:0; font-size:18px; }
.sobunMenuView_wrap{ width:1300px; min-height:420px; background:white; margin:0 auto; border:1px solid var(--main-color); box-sizing:border-box;}
.sobunMenuView #btn_sobunMenuClose {float:right; width:37px; height:37px; text-indent:-9999em; background:url("http://L2294.img2.kr/nw/DHMain/common/btn/btn_x.png") 0 0 no-repeat; cursor:pointer }
.sobunMenuView .bx_sobunmenu{height:330px; }
.sobunMenuView .bx_sobunmenu .sobun_menuList {padding:10px 10px 5px; font-weight:500; font-size:18px; line-height:23px; }
.sobunMenuView .bx_sobunmenu .sobun_menuList > ul{display:flex; justify-content:space-between; }
.sobunMenuView .bx_sobunmenu .sobun_menuList > ul > li:not(:first-child) {border-left:1px solid #ccc;}
.sobunMenuView .bx_sobunmenu .sobun_menuList > ul > li > a {display:block; position:relative; height:35px; padding:0 0 5px; color:var(--main-color); font-weight:600; width:125px; }
.sobunMenuView .bx_sobunmenu .sobun_menuList > ul > li:not(:first-child) > a {margin-left:5px;}
.sobunMenuView .bx_sobunmenu .sobun_menuList > ul > li > a > i {position:absolute; top:8px; right:12px; color:#000 }
.sobunMenuView .bx_sobunmenu .sobun_menuList > ul > li > a > span {display:block;}
.sobunMenuView .bx_sobunmenu .sobun_menuList > ul > li > .sobun_sub {overflow:hidden; font-size:18px; font-weight:600; line-height:28px; }
.sobunMenuView .bx_sobunmenu .sobun_menuList > ul > li > .sobun_sub > ul{float:left; width:105px; padding:0; border-right:none;}
.sobunMenuView .bx_sobunmenu .sobun_menuList > ul > li > .sobun_sub > ul > li > a {display:block; width:105px; padding:0 0 0 20px; color:#3b3b3b; border-bottom:1px solid #dfdfdf; }
.sobunMenuView .bx_sobunmenu .sobun_menuList > ul > li > .sobun_sub > ul > li > a:hover{color:var(--main-color);}
.sobunMenuView .bx_sobunmenu .sobun_menuList > ul > li:not(:first-child) > .sobun_sub li{ margin-left:5px;}

.sobunMenuView .bx_sobunmenu .lnb_wrap{float:left; padding:0px 40px 30px 0px;}
.sobunMenuView .bx_sobunmenu .lnb_wrap ul{float:left; border-top:5px solid #aaaaaa;}
.sobunMenuView .bx_sobunmenu .lnb_wrap ul li{border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; height:28px;}
.sobunMenuView .bx_sobunmenu .lnb_wrap ul li a{padding-left:5px; line-height:28px;}
.sobunMenuView .bx_sobunmenu .lnb_wrap ul li a:hover{color:var(--main-color);}
.sobunMenuView .bx_sobunmenu .lnb_wrap ul li a img{width:30px;}
.sobunMenuView .bx_sobunmenu .lnb_wrap ul li div{letter-spacing:0.0em; font-size:16px; font-weight:500; float:right; width:85px; text-align:left; margin-left:5px;}

.sobunMenuView .bx_sobunmenu .lnb_wrap ul li span {letter-spacing:0.0em; font-size:16px; font-weight:500; color:var(--main-color); float:right; width:65px; text-align:left; margin-left:2px;}
.sobunMenuView .bx_sobunmenu .lnb_wrap ul li .span a:hover { color:#111111;}

#btn_sobunMenuOpen{z-index:50;}
.btn_sobunMenuOpen_txt {{width:1300px; color:#ffffff; background:#2e8ceb; line-height:46px; padding-left:35px; cursor:pointer; font-size:16px; font-weight:600;}
.btn_sobunMenuOpen_txt:hover {background:#d2e8ff; color:var(--main-color); }
.btn_sobunMenuOpen_txt2 {font-size:17px; font-weight:600;}





/* BASIC css end */

