@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

/*body {margin:0; padding:0; color:#333;font-family: 'Noto Sans KR', sans-serif; font-size:12px;overflow-x:hidden; overflow-y:auto;}*/
body {margin:0; padding:0; color:#333;font-family: 'Noto Sans KR', sans-serif; font-size:12px; overflow-y:auto;}
html {width:100%; height:100%;}


.mobile-nav-wrap {  position:absolute;width:1100px;
  top:152px;z-index:999999999}

.mobile-header-nav {
  background-color: #fff;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;



}


.hamburger-menu {
  display: inline-block;
  height: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; position: absolute;
  top: 13px; left:63px;
}
.hamburger-menu:hover {
  cursor: pointer;
}
.hamburger-menu .menu-item {
  background:#fff;
  display: block;
  height: 3px;
  margin: 0 0 3px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 20px;
}
.hamburger-menu.open .menu-item {
  margin: 0 0 5px;
}
.hamburger-menu.open .menu-item:first-child {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 0px;
          transform-origin: 0px;
}
.hamburger-menu.open .menu-item:nth-child(2) {
  opacity: 0;
}
.hamburger-menu.open .menu-item:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: -2px;
          transform-origin: -2px;
}


.header {width:100%;position:relative;}
.headertop {background:#f5f5f5;border-bottom:1px solid #e9e9e9;height:30px;}
.inner_wrap {width:1100px;margin:0 auto;display:block;}
.headertop:after{display:block;visibility:hidden;clear:both;content:""}
.headertop ul {float:right;}
.headertop ul:after{display:block;visibility:hidden;clear:both;content:""}
.headertop ul li {float:left;margin-left:20px;line-height:30px;}
.cart_num {color:#ef2c5f;margin-left:5px;}
.header_area{position:relative;height:80px;}
h1 {width:289px; margin:0 auto; display:block;padding-top:17px;}
.search_box {position:absolute;width:270px;top:20px;right:0px;border:1px solid #989898}
.search_bg {background:#F7F7F7}
.search_bg input {border:none; background:#F7F7F7;padding:10px;width:226px;}
.header_menu {position:relative;}
.header_menu:after{display:block;visibility:hidden;clear:both;content:""}
.header_menu ul li {float:left;width:25%;text-align:center;height:42px; line-height:42px;background:#09548d;border-right:1px solid #053a64;border-left:1px solid #4fa5e6;box-sizing:border-box;}
.header_menu ul li:first-child {background:#053052;border-left:none;}
.header_menu ul li:last-child {border-right:none;}
.header_menu ul li a {color:#fff;font-size:15px;}

/*Äü¸Þ´º*/
/*.recent_product {width:102px;border:1px solid #ddd;position:fixed;top:155px;right:10px;z-index:9999;background:#fff;}*/
.recent_product {width:102px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; position:fixed; top:155px; right:10px; z-index:9999; background:#fff;}
.recent_product_ttl {text-align:center;display:block;padding:16px 0;font-weight:500;}
.recent_pr_img li{margin-bottom:9px;text-align:center;}
.recent_pr_img li img {width:76px;height:76px;border:1px solid #e5e5e5;}
.slider-direction:after{display:block;visibility:hidden;clear:both;content:""}
.slider-direction {border-top:1px solid #e5e5e5;}
.slider-direction .slider-prev {float:left;width:30px;height:30px;border-right:1px solid #e5e5e5;}
.slider-direction .slider-next{float:left;width:30px;height:30px;border-left:1px solid #e5e5e5;}
.slider-direction .slider_page {float:left; width:40px;height:30px;line-height:30px;text-align:center;font-size:11px;}
.recent_product .topbtn {text-align:center;display:block;height:28px;line-height:28px;background:#333;color:#fff;width:100%;font-size:10px;}

#main_bnr {position: relative;width:1100px; height:400px;margin:0px auto;}
.main_visual{position:relative;display:inline-block;float:left;width:1100px;height:400px;overflow:hidden;margin:0 auto;display:block;}
.thum_rolling{position:absolute;z-index:9;left:49%;top:370px;text-align:center;z-index:100;}
.thum_rolling ul{}
.thum_rolling li{float:left;padding-left:1px;}
.thum_rolling .last{float:left;}
.thum_rolling a{display:inline-block;background:url(/images/slide_off.png) no-repeat !important;width:15px;height:15px;margin:0 4px;font-size:14px;color:#fff;line-height:293%;font-weight:bold;text-decoration:none;opacity:0.8;}
.thum_rolling a.active{background:url(/images/slide_on.png) no-repeat !important;width:15px;height:15px;margin:0 4px;color:#fff;text-decoration:none;opacity:1;}
.bx-controls{width:100%;}
.bx-controls-direction{width:1200px; margin:0 auto; position:relative;top:-362px;}
.bx-controls-direction .bx-next{background:url(/images/next_btn.png) no-repeat; position:absolute; top:130px; left:1030px; width:50px; height:50px;background-size:50px; font-size:0px; cursor:pointer; z-index:99999;}
.bx-controls-direction .bx-prev{background:url(/images/prev_btn.png) no-repeat; position:absolute; top:130px; left:20px; width:50px; height:50px;background-size:50px; font-size:0px; cursor:pointer;z-index:99999;}

.brand_section1 {margin-top:30px;}
.brand_section1:after{display:block;visibility:hidden;clear:both;content:""}
.main_ttl {color:#09548d; font-size:24px;font-weight:700;letter-spacing:-1px;margin-right:10px;}
.linebottom {border-bottom:1px solid #dedede;margin-bottom:30px;padding-bottom:20px;}
.s_ttl {color:#727171;font-size:13px;}
.main_brand {border:1px solid #dedede;padding:20px;margin-top:13px;}
.main_brand:after{display:block;visibility:hidden;clear:both;content:""}
.main_brand ul {padding-left:24px;}
.main_brand ul:after{display:block;visibility:hidden;clear:both;content:""}
.main_brand ul li {float:left; margin-right:10px;margin-bottom:5px;}
.main_brand ul li img {width:160px;}
.md_box {background:#f5f5f5;padding:16px;float:left;}
.md_box:after{display:block;visibility:hidden;clear:both;content:""}
.mdbox1 {background:#fff; float:left; width:345px; height:254px; margin-right:16px; box-shadow:3px 3px 3px #e0e0e0;}
.mdbox1:last-child {margin-right:0}
.mdbox1 .md_ttl1 {font-size:20px;padding:20px 20px 0 20px;}
.mdbox1 .md_ttl2 {font-size:19px;font-weight:300;padding-left:20px;}
.mdbox1 .md_pro {float:right;margin-top:50px;padding-right:10px;}
.mdbox1 .md_pro img {width:150px; height:123px;}

.product_list_area {}
.item_wrap {width:207px; float:left;margin-right:16px;margin-bottom:30px;}
.brand_section1 .item_wrap:nth-child(5n) {margin-right:0;}
.product_list_area .item_wrap .item_img {width:205px;border:1px solid #dedede}
.product_list_area .item_wrap .item_img img {width:205px; height:168px;}
.item_info {background:#f9f9f9;padding:10px;}
.item_info .item_name a{font-size:13px; color:#181818}
.item_info .item_model {font-size:13px; color:#8d8d8d}
.item_info .won {color:#09548d;font-size:16px;margin-top:10px;}
.notice_box {float:left;background:url(/images/notice_bg.jpg) no-repeat;width:367px; height:217px;}
.notice_box ul {padding-top:90px;padding-left:40px;}
.notice_box ul li {height:24px;line-height:24px;}
.bottom_contents {margin:45px 0;}
.bottom_contents:after{display:block;visibility:hidden;clear:both;content:""}

.footer {width:100%;background:#f4f4f4;padding-bottom:10px;}
.footer:after{display:block;visibility:hidden;clear:both;content:""}
.footer_menu:after{display:block;visibility:hidden;clear:both;content:""}
.footer_menu li {height:42px;line-height:42px;float:left;margin-right:33px;}
.footer_menu li a {color:#5d5d5d}
.foot_adress {border-top:1px solid #d9d9d9;padding-top:20px;color:#5d5d5d}
.foot_adress:after{display:block;visibility:hidden;clear:both;content:""}
h3 {float:left;width:225px;margin-right:30px;}
h3 img {width:225px;}