/* BASIC css start */
/*  폰트 CSS 추가 */

/* 나눔고딕 웹폰트 가져오기 180124 morenvy.com */ 
/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess*/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* 본고딕 웹폰트 가져오기 180124 morenvy.com */ 
/* 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'); 
 } 

/* 상단 */
#mheader { width:100%;margin:0 auto; padding:0;}
#mheader .section {background-color:none; width:100%; height:33px; border-bottom:1px solid #d8d8d8;}
#mheader .section .section_box {width:1200px; margin:0 auto;font-family:dotum;}
#mheader .section .section_box .inner1 {float:left; padding:0;height:33px;border-left:1px solid #e6f17f;border-right:1px solid #d8d8d8;}
#mheader .section .section_box .inner1 li {float:left;padding:0 9px;background:url('/design/zarynmat/0693catsrang/icon_loginline.png') no-repeat -1px 10px;}
#mheader .section .section_box .inner1 li a {color:#1c1c1c;font-size:11px; text-decoration:none;display:block;padding-top:11px;padding-bottom:5px;vertical-align:top;}
#mheader .section .section_box .inner1 li a:hover {color:#333;}
#mheader .section .section_box .inner1 li:first-child {background:none;}
#mheader .section .section_box .inner1 li:first-child a {padding-left:15px;background:url('/design/zarynmat/0693catsrang/icon_fav.png') no-repeat 0 9px;}
#mheader .section .section_box .inner2 {float:right;padding:0;height:33px;border-right:1px solid #d8d8d8;}
#mheader .section .section_box .inner2 li {float:left;padding:0 9px;background:url('/design/zarynmat/0693catsrang/icon_loginline.png') no-repeat -1px 10px;position:relative;}
#mheader .section .section_box .inner2 li a {color:#1c1c1c;font-size:11px; text-decoration:none;display:block;padding-top:11px;padding-bottom:5px;vertical-align:top;}
#mheader .section .section_box .inner2 li a:hover {color:#333;}
#mheader .section .section_box .inner2 li:first-child {background:none;}
#mheader .section .section_box .inner2 li.basket a {padding-left:18px;background:url('/design/zarynmat/0693catsrang/icon_cart.png') no-repeat 0 7px;}
#mheader .section .section_box .inner2 li.order a {padding-left:18px;background:url('/design/zarynmat/0693catsrang/icon_order.png') no-repeat 0 7px;}
#mheader .section .section_box .inner2 li .join_text {width:50px;height:20px;padding:0px 5px;border-radius:10px;background-color:#ff94e8;color:#fff;text-align:center;font-size:11px;line-height:20px;position:absolute;top:28px;left:2px; font-family:'Nanum Gothic';}
#mheader .section .section_box .inner2 li .join_text span {color:#ff94e8;font-size:10px;position:absolute;top:-12px;left:50%;margin-left:-5px;}


#mheader .section2 {width:1200px; margin:0 auto;position:relative;}
#mheader .section2 .top_ban {position:absolute;top:0;left:0;}
#mheader .section2 .top_logo {text-align:center;margin:0 auto;}
#mheader .section2 .search_box {position:absolute; top:65px; right:15px;font-size:0px;}
#mheader .section2 #hdSchFrm .MS_search_word {float:left; height:38px; width:192px; line-height:38px; padding:0; border:0;background-color:#fff; color:#a58634; border: 1px solid black; }
#mheader .section2 .hotkeyword {text-align:center;margin:8px auto 0;}
#mheader .section2 .hotkeyword div {display:inline-block;color:#1c1c1c;font-size:11px; line-height:20px; font-family:dotum; display:inline-block; }
#mheader .section2 .hotkeyword div a {color:#1c1c1c;font-size:11px;line-height:20px;font-family:dotum; display:inline-block;}


#mheader .section3 {height:49px; width:100%; }
#mheader .section3 .section3_inner {display:flex;justify-content:center;width:1200px;margin:0 auto; position:relative; height:49px; }
#mheader .section3 .btn_allcate {float:left; width:87px; height:49px; line-height:49px;}
#mheader .section3 .btn_allcate a {text-align:left; font-family:'Nanum Gothic'; font-size:14px; text-indent:40px; color:black !important; line-height:49px; display:block; width:87px; height:49px; font-weight:bold;}
#mheader .section3 a {selector-dummy: expression(this.hideFocus=true);   text-decoration:none;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
#mheader .section3 .board_list {position:relative;float:left;padding:0 40px; background:url('/design/zarynmat/0693catsrang/icon_cateline.png') no-repeat -1px 0px;}
#mheader .section3 .board_list a {display:block; padding:0; color:black !important; line-height:49px;font-size:14px; font-weight:bold; font-family:'Nanum Gothic';}
#mheader .section3 .board_list .board_list_box {display:none;position:absolute; left:50%; top:49px;margin-left:-75px; z-index:10; background:#fff; }
#mheader .section3 .board_list .board_list_box ul { padding:0; border:1px solid #e9e9e9;border-top:0;zoom:1;   }
#mheader .section3 .board_list .board_list_box a { display:block;font-size:12px; width:148px; padding:0;line-height:38px;color:#333333 !important; border-top: 1px solid #e9e9e9; font-weight: normal; text-align:center; font-family:'Nanum Gothic';
-webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s;  transition: all 0s;
}
#mheader .section3 .board_list .board_list_box ul li {padding:0;position:static; border:0; background:#fff; float: none; }
#mheader .section3 .board_list .board_list_box ul li:first-child a {border:0;}
#mheader .section3 .board_list .board_list_box a:hover { color:#222 !important;background-color:#f9f9f9 !important;text-decoration:none; }

#mheader .section4 {width:100%;border-bottom:1px solid #e5e5e5;text-align:center;margin:0 auto;background-color:#fff;}



/* 상단 전체 카테고리 */
#allcategory { display:none; padding:0px;}
#allcategory .mintroClose {cursor:pointer;position:absolute;left:1220px;top:20px;z-i11111ndex:-15;}
#allcategory,
#allcategory .b-iframe,
#allcategory .content { min-width:1200px; }
.all_cate_area {width:1200px; margin:0 auto; position:relative; border-radius:30px; border-top:30px solid #fff;; border-bottom:30px solid #fff; -moz-box-shadow: 8px 8px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 8px 8px 10px rgba(0,0,0,0.3); box-shadow: 8px 8px 10px rgba(0,0,0,0.3); }
#submenu {width:1200px; background-color:transparent; z-index:2000;text-align:center;}
#top_2dep {background:#fff url("/design/zarynmat/0693catsrang/all_cate_bg.gif"); padding-top:20px;height:395px;width:1200px;}
#top_2dep .all_cate_sub {width:176px; float:left; padding-left:21px;}
#top_2dep .all_title01 {width:176px; height:27px; display:block; line-height:27px; font-size:12px ; text-align:center; color:#333333; background-color:#f8ffb5; margin-bottom:20px;}
#top_2dep .all_title02 {width:176px; height:27px; display:block; line-height:27px; font-size:12px ; text-align:center; color:#333333; background-color:#a7e851; margin-bottom:20px;}
#top_2dep .all_title03 {width:176px; height:27px; display:block; line-height:27px; font-size:12px ; text-align:center; color:#333333; background-color:#a7e851; margin-bottom:20px;}
#top_2dep ul li {text-align:center;}
#top_2dep ul li a {font-size:11px; color:#333333; line-height:25px; text-align:center; font-family:'Nanum Gothic';}
#top_2dep ul li a:hover {color:#333333; text-decoration:underline}

/* 상단 자동출력 카테고리 관련 스타일 */
#mheader .section3 #top_cate {margin:0; padding:0; float:left;}
#mheader .section3 #top_cate li {margin:0 auto; text-align:center;position:relative; float:left; background:url('/design/zarynmat/0693catsrang/icon_cateline.png') no-repeat -1px 0px;}
#mheader .section3 #top_cate li a 
 {height:49px; display:block; border-left:0px solid #3e591d; color:black !important; font-size:14px; font-family:'Nanum Gothic'; line-height:49px; font-weight:bold;
 padding-left:40px; padding-right:40px; background-position:top left;
 background-size:1px 49px; background-repeat:no-repeat;
 }

#mheader .section3 #top_cate li:first-child a {background:url(); /*padding-left:40px;*/}
#mheader .section3 #top_cate li a:hover {color:#fff4da;}
#mheader .section3 #top_cate li .top_sub {background-color:#fff; border:0px; visibility: hidden; position:absolute; top:49px; left:0px; z-index:20; width:148px; }
#mheader .section3 #top_cate li .top_sub .sub {border:1px solid #e9e9e9; padding:0px;}
#mheader .section3 #top_cate li .top_sub .sub a
{background:none; font-size:12px; display:block; text-align:center; color:#333333; text-decoration:none; height:38px; line-height:38px;  border-top:1px solid #e9e9e9;  font-family:'Nanum Gothic'; font-weight:normal;
-webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s;  transition: all 0s;
}
#mheader .section3 #top_cate li .top_sub .sub a:first-child {border-top:0px;}
#mheader .section3 #top_cate li .top_sub .sub a:hover {font-size:12px;text-decoration:none; color:#222; height:38px; line-height:38px; background-color:#f9f9f9}
/* 상단 자동출력 카테고리 관련 스타일 */

.top_comm_menu {margin-bottom:30px;}

#mpro table td {vertical-align:top;}  


/*---------------------------------
 *  상단 2단 배너
 *---------------------------------*/
.contentslider-std {width:338px;height:191px;padding:0px;margin:0px;}

/* Panel */
.contentslider-std .sliderkit-panels{width:338px;height:191px;overflow:hidden;padding:0px;margin:0px;background:transparent;}
.contentslider-std .sliderkit-panel{width:338px;height:191px;overflow:hidden;padding:0px;margin:0px;background:transparent;}

/* Panels buttons */
.contentslider-std .sliderkit-go-btn{position:absolute;top:45px;z-index:2222; }
.contentslider-std .sliderkit-go-prev{left:159px;}
.contentslider-std .sliderkit-go-next{left:146px;}
.contentslider-std .sliderkit-go-btn a{display:block;width:14px;height:14px;cursor:pointer;background:transparent url("/design/zarynmat/0693catsrang/btn.gif") no-repeat 0 0;}
.contentslider-std .sliderkit-go-prev a{background-position:-13px 0;}
.contentslider-std .sliderkit-go-next a{background-position:0 0;}
.contentslider-std .sliderkit-go-prev a:hover{background-position:-39px 0;}
.contentslider-std .sliderkit-go-next a:hover{background-position:-26px 0;}
.contentslider-std .sliderkit-go-btn span{display:none;}
/* BASIC css end */