@import url("http://demo1.shop.ofgod.com/LIB/CSS/common.php");
@import url("http://demo1.shop.ofgod.com/LIB/CSS/board.php");




/*### 헤더부분CSS ###*/
header{ position:relative; width:100%; min-height:130px; }

/*즐겨찾기, 상단우측메뉴*/
.top{ position:relative; width:100%; margin:0 auto; background:#fff; border-bottom:1px solid #dedede; }
.top a{ display:inline-block; font:normal 12px/14px malgun gothic; color:#555555; }
.top .faivo a{ padding:0; background:url(/*http://demo1.shop.ofgod.com/shop1/img/fav_icon.png)*/ no-repeat bottom left;  }
.top .faivo a:hover{ text-decoration:underline; }
.top .top_nav{ float:right; }
.top .top_nav a{  padding:0px 10px 0px 5px; color:#555555; background:/*url(http://demo1.shop.ofgod.com/shop1/img/bar01.png)*/ no-repeat bottom right; }
.top .top_nav a:hover{ text-decoration:underline; }
.top .top_nav a.last{ padding-right:0px; background:none; }

/*배너,로고*/
.top_main{ position:relative; width:100%;  padding:9px 0px; height:80px;}
.top_main span.banner01{ display:inline-block; float:left; width:222px; height:71px; border:0px solid #dedede;cursor:pointer; }
.top_main h1.logo{ position:absolute; left:8px; top:24px;}
.top_main h1.logo img{ vertical-align:middle; }


/* 검색 */
.top_search_wp{ margin: 10px auto; width: 400px;}
.top_search_wp form{ border: 2px solid #555; border-radius: 50px; overflow: hidden;}
.top_main legend {text-indent:-9999px;height:0px;width:0px;overflow:hidden;}
.top_main .search_input{width:350px;padding: 0 10px 0 20px; border: 0; box-sizing: border-box; border-right: 0; height: 40px;outline:none;}
.top_main .search_btn{ padding:0; border: 0;}
.top_main .keyword{ padding: 5px 0 0 20px;}
.top_main .keyword strong{color:#a80061; display:inline-block; margin-right:5px}

/*헤더 메뉴*/
.TopMenu{ border-bottom: 1px solid #ddd; position:relative; width:100%; height:52px;  margin-top:7px; padding:0px 0px; box-sizing:border-box;}

/*상단우측배너*/
.top_menu_bn{overflow:hidden; height: 75px; width: 220px; position: absolute; right: 0; top: 10px;}
.top_menu_bn img{width:200px; }
.top_menu_bn .swiper-button-next2{ left :200px !important; top: 40px !important; z-index: 1000 !important; width: 16px; height: 16px; background-image: url(http://demo1.shop.ofgod.com/shop1/img/top_ban_slide_btn.png) !important; background-position: 0 -15px; background-size: auto !important; margin: 0;}
.top_menu_bn .swiper-button-prev2{ left: 200px !important; top: 24px !important; z-index: 1000 !important; width: 16px; height: 16px; background-image: url(http://demo1.shop.ofgod.com/shop1/img/top_ban_slide_btn.png) !important; background-position: 0 0; background-size: auto !important; margin: 0;}
.top_menu_bn .swiper-button-prev2:hover{ background-position: -16px 0;}
.top_menu_bn .swiper-button-next2:hover{ background-position: -16px -15px;}
.swiper-button-next2.swiper-button-disabled, .swiper-button-prev2.swiper-button-disabled{ opacity: 1 !important; cursor: pointer !important; pointer-events: all !important;} 

.TopMenu.blue{ background:#1b3967; }
.TopMenu.blue .navbar-default .navbar-nav>li>a{ color:#fff; }
.TopMenu.green{ background:#8bc34a; }
.TopMenu.green .navbar-default .navbar-nav>li>a{ color:#fff; }
.TopMenu.white{ background:#fff;border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.TopMenu.white .navbar-default .navbar-nav>li>a{ color:#333; }
.TopMenu.black{ background:#444; }
.TopMenu.black .navbar-default .navbar-nav>li>a{ color:#fff; }
.mainSwiper{width:100%; overflow: hidden; text-align: center;}
.mainSwiper .swiper-button-next, .swiper-button-prev{ top: 60% !important;}

/* 기존 메인비주얼 */
.visual-banner { position:relative;min-height:400px; margin:0 auto;  overflow:hidden}
.visual-banner { clear:both; content:''; display:block }
.visual-banner > ul {position:relative; width:100%; }
.visual-banner > ul li {position:absolute; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-in; }
.visual-banner > ul li:after{clear:both; content:''; display:block}
.visual-banner > ul li.on {opacity:1; filter:alpha(opacity=100); transition:all 0.5s ease-in; z-index:10;}
.visual-banner > ul li a {display:block; width:100%; height:auto; margin:0 auto; text-align:center }
.visual-banner > ul li a img {margin:0 auto; /* height:400px;  */ width:100%;}
.visual-banner .slide-contents > li {width:100%; }
.visual-banner .control {position:absolute; bottom:8%; width:100%; height:18px; margin:0; padding:0; left:45%; z-index:100;}
.visual-banner .control > a {display:inline-block; width:14px; height:18px; background:url("http://demo1.shop.ofgod.com/shop1/img/icon_slide_control.png") no-repeat; vertical-align:top;}
.visual-banner .control > a.on  {width:14px; background:url("http://demo1.shop.ofgod.com/shop1/img/icon_slide_control_on.png") no-repeat;}
.visual-banner .control-arrows a {position:absolute; top:50%; width:32px; height:92px; margin-top:-29px; z-index:100;}
.visual-banner .control-arrows a.prev {left:50%; margin-left:-600px;}
.visual-banner .control-arrows a.next {right:50%; margin-right:-600px;}

/*메인 배너 3*/
.visual_banner3{width:1080px; margin:0 auto}
.visual_banner3 ul{overflow:hidden}
.visual_banner3 ul li a{width:32%; margin-right:2%; float:left}
.visual_banner3 ul li:last-child a{margin-right:0}
.visual_banner3 ul li a img{width:100%;}

/* 메인 롤링 */
.banner_list li .num,.control button{display:inline-block;overflow:hidden;width:auto;height:10px;background:url(http://demo1.shop.ofgod.com/img/sp_mw.png) no-repeat;font-size:0;line-height:999px;vertical-align:top}
.banner_list{padding:500px 45% 0 0;zoom:1}
.banner_list:after{display:block;clear:both;content:''}
.banner_list li{display:inline;float:left;margin-left:7px}
.banner_list li:first-child{margin-left:0}
.banner_list li a{text-decoration:none}
.banner_list li a:hover{ cursor:default; }
.banner_list li .num{position:relative;z-index:10;width:12px;height:11px;background-position:-36px 0}
.banner_list li .num.on{width:16px;background-position:0 0}
.banner_list li .pic{position:absolute;left:0;top:0}
.control{position:absolute; bottom:23px;right:50%; margin-left:-300px; z-index:20}
.control button{width:21px;height:21px; border:0;}
.control button.stop{background-position:0 -16px}
.control button.play{background-position:-23px -16px}

/*카테고리상품*/
.category_product{ position:relative; width:100%; min-height:590px; padding:15px 0px }
.banner_box{ float:left; width:427px; height:586px; }
.banner_box ul li{ display:block; width:100%; border:0px solid #eee; cursor:pointer; }
ul li.big_banner_01{ height:346px;  }
ul li.big_banner_02{ margin-top:10px; height:228px;}
.category_item{ float:left; width:645px; height:585px; margin-left:15px; border:2px solid #eee; border-width:2px 0px; }

/* 좌측 퀵메뉴 */
.quick_wrap_left{ position:absolute; top:46px; left:-100px; width:80px; z-index:20;}
.quick_wrap_left.fixeds{ position:fixed; top:5px; left:50%; margin-left:-640px; z-index:20;}
.quick_menu_left{ display:block; width:80px; }
.quick_menu_left li{ height:55px; padding:10px 9px 10px 9px;  margin-bottom:5px; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.quick_menu_left li:hover{ cursor:pointer; }
.quick_menu_left li.m_01{ background:#494949; border:1px solid #2d2d2d; }
.quick_menu_left li.m_02{ background:#e24f29; border:1px solid #da8313; }
.quick_menu_left li.m_03{ background:#a4a434; border:1px solid #7d7d15; }
.quick_menu_left li.m_04{ background:#1fa6c6; border:1px solid #125fb4; }
.quick_menu_left li b{ display:block; width:100%; height:70%; cursor:pointer;}
.quick_menu_left li.m_01 b{ background:url(http://demo1.shop.ofgod.com/img/m_01_icon.png) no-repeat center; }
.quick_menu_left li.m_02 b{ background:url(http://demo1.shop.ofgod.com/img/m_02_icon.png) no-repeat center; }
.quick_menu_left li.m_03 b{ background:url(http://demo1.shop.ofgod.com/img/m_03_icon.png) no-repeat center; }
.quick_menu_left li.m_04 b{ background:url(http://demo1.shop.ofgod.com/img/m_05_icon.png) no-repeat center; }
.quick_menu_left li a{ display:block; width:100%; padding-top:2px; text-align:center; font-family:malgun gothic;  color:#fff; }
.quick_menu_left li a:hover{ color:#fff; }

/* 우측 퀵메뉴 */
.quick_wrap{ position:absolute; top:46px; right:-120px; width:100px; z-index:20;}
.quick_menu{ display:block; width:100px; }
.quick_wrap.fixeds{ position:fixed; top:5px; right:50%; margin-right:-660px; z-index:20;}
.quick_menu li{ padding:10px 12px 10px 12px; background:#3f3f3f; color:#fff; border-bottom:1px solid #565656;}
.quick_menu li b{ display:inline-block; font-weight:normal; }
.quick_menu li a{display:inline-block; font-weight:bold; float:right; color:#ff0404; cursor:pointer;  }
.quick_menu li.latest_img{ height:209px; background:#fff; border:1px solid #c0c0c0; }
.quick_menu li.latest_img a{ display:block; width:75px; height:60px; margin-bottom:12px; overflow:hidden; border:1px solid #eee; }
.quick_menu li.m_03{  height:12px; }
.quick_menu li.m_03 a{ display:block; width:100%; color:#fff; font-weight:normal; text-align:center; }
.quick_menu:after{ content:""; display:block; clear:both; }