@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Nanum+Brush+Script&display=swap');

/* °ø¿ë */
a, a:link, a:active, a:hover {text-decoration:none !important}
a:hover {color:#0F79E5 !important}

.w-lux {clear:both;width:1025px;position:relative !important;left:50% !important;margin-left:-513px !important}

/* Layout */
#wrap {min-width:1025px}
.top_main {overflow:hidden;height:130px}
.top_login {float:right}
.top_login li {float:left}
.top_logo {clear:both}
.top_logo .logo {float:left;width:195px }
.top_logo .search {float:left}
.top_logo .top_banner {float:right;width:265px;text-align:right}
.top_gnb .all_cate {float:left}
.top_gnb .best {float:left}
.top_gnb .mypage  {float:right}
.top_gnb .best li, .top_gnb .mypage li {float:left}

/* CSS */
.top_login {margin:15px 0 20px 0}
.top_login li {padding:0 10px;border-right:1px solid #ccc}
.top_login li:last-child {padding-right:0;border-right:0}
.top_login li a {font-family:'Nanum Gothic', sans-serif;font-size:13px;color:#3a3a3a}

.search {width:380px;height:40px;margin:30px 0 0 35px;border:2px solid #601986;border-radius:20px;padding-left:20px}
.search .select_search {
	min-width:60px;margin-right:10px;border:0;background:url('../img/btn_select_arrow.png') no-repeat right 50%;
	font-family:'Nanum Gothic', sans-serif;font-size:12px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
select::-ms-expand {display: none}
.search .input_search {width:220px;height:40px;margin-right:5px;border:0;font-family:'Nanum Gothic', sans-serif;font-size:12px;color:#3a3a3a}
.search .input_searchbtn {float:right;margin:6px 20px 0 0}

.top_gnb {box-sizing:border-box;clear:both;margin-top:15px;height:47px;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
.top_gnb .best {margin-left:210px}
.top_gnb .best li,.top_gnb .mypage li {padding:0 12px}
.top_gnb .best li a,.top_gnb .mypage li a {font-family: 'Noto Sans KR', sans-serif;color:#000}
.top_gnb .best li a {font-size:15px;line-height:310%}
.top_gnb .mypage li a {font-size:13px;color:#333;line-height:370%}
.top_gnb .mypage img {vertical-align:middle;margin-right:5px;position:relative;top:-3px}
.top_gnb .all_cate {position:relative}
.gdgfdg:after {
    content: "";
    clear: both;
    display:block;
}

.main_banner {position:relative;top:-2px;left:50%;margin-left:-318px;width:830px;height:496px}

/*.body_menu {position:absolute;top:190px;left:50%;margin-left:-513px;z-index:99}*/
.body_menu {
    position: absolute;
    top: 190px;
    /* left: unset; */
    /* margin-left: -513px; */
    z-index: 99;
}

/*.body_box {overflow:hidden;margin:10px 0 20px 0}*/

.body_box {
    overflow: hidden;
    margin: 0 auto;
    width: 1025px;
    display: block;
    height: auto;
    
}


.body_box h1 {margin:30px 0;text-align:center;background:url('../img/dot.gif') repeat-x 0 50%}
.body_box h1 strong {font-family: 'Ubuntu', sans-serif;font-size:26px;color:#000;background:#fff;padding:0 20px}
.body_box li {float:left}

.body_box .hot_pro li:nth-child(1) {margin-right:17px}
.body_box .hot_pro li:nth-child(2) {margin-right:18px}

.body_box .hot_key li:nth-child(1) {margin-left:19px;margin-right:28px}
.body_box .hot_key li:nth-child(2) {margin-right:27px}
.body_box .hot_key li:nth-child(3) {margin-right:28px}
.body_box .hot_key li:nth-child(4) {margin-right:19px}

.itemlist,.productlist {margin-top:20px}
.productlist li:nth-child(1) {margin-right:17px}
.productlist li:nth-child(2) {margin-right:18px}

.sub_box {overflow:hidden;box-sizing:border-box;width:195px;border-top:1px solid #000;padding:15px 0}
.sub_box:last-child {border-bottom:1px solid #000}
.sub_box h2 {margin:5px;height:20px;font-family: 'Noto Sans KR', sans-serif;font-size:16px;color:#000;font-weight:500;margin-bottom:10px}
.sub_box p {display:block;margin:2px 5px;height:20px;font-family:'Nanum Gothic', sans-serif;font-size:14px}

.sub_box .sub_theme li {float:left;margin-right:6px;margin-bottom:15px}
.sub_box .sub_theme li:nth-child(3) {margin-right:0}
.sub_box .sub_theme li:nth-child(4),.sub_box ul li:nth-child(5) {margin-bottom:0}


#footer {padding-top:30px}
.footer_info {border:1px solid #ccc;overflow:hidden;margin-bottom:30px}
.footer_info li {box-sizing:border-box;float:left;width:33%;min-height:250px;border-right:1px solid #ccc;text-align:center}
.footer_info li:last-child {width:34%;border-right:0}
.footer_info li h2 {font-family: 'Noto Sans KR', sans-serif;color:#000;font-size:20px;font-weight:500;padding:15px 0 10px 0;border-bottom:1px solid #ccc}
.footer_info li img {display:block;margin:15px auto}
.footer_info li strong {font-family: 'Ubuntu', sans-serif;font-size:26px;color:#000;font-weight:400}
.footer_info li p {font-family:'Nanum Gothic', sans-serif;font-size:13px;color:#303030}

.tail {overflow:hidden;background:#f8f8f8}
.tail_menu {overflow:hidden;padding:20px 0 5px 0;border-bottom:1px solid #ccc}
.tail_menu ul li {float:left;padding-right:30px}
.tail_menu ul li:last-child {padding-right:0}
.tail_menu ul li a {font-family: 'Noto Sans KR', sans-serif;font-size:15px;font-weight:500;line-height:200%}
.tail_menu ul:nth-child(1) {float:left}
.tail_menu ul:nth-child(2) {float:right}

.tail_info {overflow:hidden;padding:35px 0;font-family:'Nanum Gothic', sans-serif}
.tail_logo,.tail_add {float:left;text-align:left;margin-right:20px;font-family:'Nanum Gothic', sans-serif;font-size:12px}

.sub_container {text-align:left !important}
.sub_container .sub {float:left;width:195px}
.sub_container .sub .menu {margin:11px 0 100px 0;border-top:2px solid #6e85dd}
.sub_container .sub .menu li {border-bottom:1px solid #e5e5e5;font-family:'Nanum Gothic', sans-serif;font-size:14px;font-weight:700;color:#363636;line-height:280%;text-align:center}
.sub_container .sub .menu li a {display:block;font-family:'Nanum Gothic', sans-serif;font-size:14px;font-weight:700;color:#363636;line-height:280%;text-align:center}
.sub_container .sub .menu li.active a {background:#fafafa;color:#1b31a0}

.sub_container .content {float:left;width:810px;margin-left:20px}
.sub_container .content .title {overflow:hidden;margin-bottom:40px;height:52px;border-bottom:1px solid #e2e2e2}
.sub_container .content .title h1 {float:left;font-family:'Noto Sans KR', sans-serif;font-size:22px;color:#000;font-weight:500}
.sub_container .content .title span {margin-top:18px;display:inline-block;float:right;font-family:'Dotum', sans-serif;font-size:11px}

.sub_container .content h2 {font-family:'Nanum Gothic', sans-serif;font-size:20px;font-weight:700;color:#343434}
.sub_container .content p {font-family:'Nanum Gothic', sans-serif;font-size:15px;font-weight:400;color:#363636;line-height:180%}
.sub_container .content p span {color:#2b70be}
.sub_container .content h3 {float:right;margin:30px 0 100px 0;font-family:'Nanum Gothic', sans-serif;font-size:15px;font-weight:400;color:#363636}
.sub_container .content h3 strong {margin:0 20px 0 10px;font-family: 'Nanum Brush Script', cursive;font-size:40px;font-weight:normal}



.brnad_box { background: #efefef; height: 486px;  }
.brand_more {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0 10px 0;
}
a.buttonClass {
   font-size:15px;
  font-family:Arial;
  width:140px;
  height:50px;
  border-width:1px;
  color:#fff;
  border-color:#84bbf3;
  font-weight:bold;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  padding: 9px 15px;
  background:linear-gradient(#79bbff, #378de5);
}

a.buttonClass:hover {
  background: linear-gradient(#378de5, #79bbff);
  color:#fff;
}
h4 {
    margin: 20px auto;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    font-size: 26px;
    color: #000;
}