/* BASIC css start */
/****헤더***/
#headerwrap {width:100%;}
.header {width:100%; height:110px; padding-top:50px; }
.header-in {width:1300px; margin: 0 auto;}
.float-header {width:100%; top:0px; height:55px; padding-top:0px; position:fixed; z-index:500; background-color:#fff; }

#header li {float:left;vertical-align:middle; text-align:center;}

.product-menu {width:500px;/* background-color:#CCC;*/ height:55px; float:left;}
.product-menu li {margin:20px; line-height:20px;}
.product-menu_bt {position:relative ; padding-right:15px; cursor:pointer;
	background-image:url(http://www.soo-soo.co.kr/design/fogo001/ver3/arrow_bottom_s.png);
	background-repeat: no-repeat;
	background-position: right center;}

#logowrap { width:300px; float:left;}
#logo {top:0;width:300px;display:block; z-index:300;}
.float-logo {background-color:#C39; width:200px; height:30px;}
.logo1 {height:60px; display:block; background-size: 241px 60px;
background:url(http://www.soo-soo.co.kr/design/fogo001/ver3/logo.gif) no-repeat center;  -webkit-transition: all 0.5s;}
.logo2 {height:55px; display:none; background-size: 80px 50px;
background:url(http://www.soo-soo.co.kr/design/fogo001/ver3/s_logo.gif) no-repeat center; -webkit-transition: all 0.5s;}

.user-menu {width:310px; height:55px; float:right; /*background-color:#f8f8f8;*/}
.user-menu li {text-align:center; /*overflow:hidden;*/ margin-left:-10px; margin-right:-10px; position:relative; }
.user-menu > li > a {display:block; width:60px; height:55px; }
.user-menu li:hover .user-menu-on {display:block;}

.user-menu .ic_login {background:url(http://www.soo-soo.co.kr/design/fogo001/ver3/ic_lock.png) no-repeat center; }
.user-menu .ic_logout {background:url(http://www.soo-soo.co.kr/design/fogo001/ver3/ic_lock_open.png) no-repeat center;}
.user-menu .ic_join {background:url(http://www.soo-soo.co.kr/design/fogo001/ver3/ic_key.png) no-repeat center;}
.user-menu .ic_cart {background:url(http://www.soo-soo.co.kr/design/fogo001/ver3/ic_cart.png) no-repeat center;}
.user-menu .ic_mypage {background:url(http://www.soo-soo.co.kr/design/fogo001/ver3/ic_identity.png) no-repeat center;}
.user-menu .ic_notice {background:url(http://www.soo-soo.co.kr/design/fogo001/ver3/ic_notice.png) no-repeat center;}
.user-menu .ic_insta {background:url(http://www.soo-soo.co.kr/design/fogo001/ver3/ic_insta.png) no-repeat center;}
.user-menu .ic_fb {background:url(http://www.soo-soo.co.kr/design/fogo001/ver3/ic_fb.png) no-repeat center;}
.user-menu .ic_cacaostory {background:url(http://www.soo-soo.co.kr/design/fogo001/ver3/ic_cacaostory.png) no-repeat center;}

#join_bn{position:relative; top:-17px; left:6px;}
.dongdong2 {width:47px; height:22px; /*margin:77px auto 70px;*/}
.dongdong2 img {position:relative; -webkit-animation: myfirst 0.5s linear 1s infinite alternate; /*normal;  Chrome, Safari, Opera */ animation: myfirst 0.5s linear 1s infinite alternate; /*normal;  Standard syntax */}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {opacity: 1.0; top:7px;}
    100% {opacity: 1.0; top:0px;}
}
/* Standard syntax */
@keyframes myfirst {
    0%   {opacity: 1.0; top:7px;}
    100% {opacity: 1.0; top:0px;}
}

.user-menu-on {display:none; position:apsolute; top:0px; font-size:11px; /*display:none; font-family: 'Verdana','arial', AppleGothic, Helvetica, sans-serif;*/}
.user-menu-zero {display:none; font-size:0px; height:0px !important; overflow:hidden;}

.user-menu-list-ar {
    width: 0; height: 0; margin:0 auto;
    border-right: 6px solid transparent;
    border-bottom: 6px solid black;
    border-left: 6px solid transparent;
}
.user-menu-list {display:none;position:relative; top:-10px; z-index:700 !important; text-align:center; width:60px;}
.user-menu-list > a{font-size:11px; claar:both; line-height:22px !important; font-family: 'Verdana','arial', AppleGothic, Helvetica, sans-serif; margin:0; z-index:700 !important; 
background-color:#000; display:block; color:#fff; text-transform:uppercase; }
.user-menu li:hover .user-menu-list {display:block; z-index:700; }

.md-16 { font-size: 16px !important; }
.md-18 { font-size: 18px !important; }
.md-20 { font-size: 20px !important; }
.md-21 { font-size: 21px !important; }
.md-22 { font-size: 22px !important; }
.md-24 { font-size: 24px !important; } /* Default */
.md-26 { font-size: 26px !important; }
.md-28 { font-size: 28px !important; }
.md-36 { font-size: 36px !important; }
.md-48 { font-size: 48px !important; }
.md-100 { font-size: 100px !important; }

.color01 {color:red;}
.color02 {color:#ff205a;}
.color03 {color:#17a5aa;}
.color04 {color:#0444af;}
.color05 {color:red;}
.color06 {color:red;}


/*카테고리*/
#category_wrap {width:100%; z-index:300;}
#cate {z-index:300;position:relative;padding:0;top:0px;width:100%; border-bottom:2px solid #fff;border-top:1px solid #e2e2e2;background-color:#fff; min-width:1300px;}
#cate .category {width:1300px; position:relative;height:50px;margin:0 auto; }
#cate .category ul{float:left; overflow:hidden;}
.allmenu {width:50px; left:0px;}
.allmenu i{width:50px;line-height:50px; cursor:pointer;}
.allmenu img{margin-top:12px;cursor:pointer;}
.eeeclear {position:absolute;left:0; top:0; background:#FFF; display:none;}
.allmenuview {position:absolute;left:0; width:1248px; height:500px; border:1px solid #000; 
top:51px; padding:50px 0px 0px 50px;display:none; background-color:#FFF;}
.allmenuview ul {display:block; width:167px; /*width:205px;*/ height:310px;/*background-color:#CCC;*/}
.allmenuview .allspecial{display:block; width:180px; height:470px; margin-right:50px; /* background-color:#f8f8f8;*/ border-right:1px solid #6b6b6b; }

.allmenuview .allmenuboard{display:block; width:180px; height:420px; margin-right:50px; /* background-color:#f8f8f8;*/ border-right:1px solid #6b6b6b; }
.allmenuview .allmenuboard li a{font-weight:500; color:#000;}
.allmenuview ul li {text-align:left;}
.allmenuview ul li p {border-bottom:1px solid #fff; width:130px; line-height:30px; margin-bottom:10px;font-size:15px;
font-weight:500;/*background-color:#393;*/}
.allmenuview ul li a{display:block; line-height:22px; color:#373737;}
.allmenuview ul li .a2{display:block; line-height:20px; font-size:12px; color:#9c9c9c; margin-bottom:20px; font-weight:normal !important;}

#search {position:absolute;right:0px; top:0px; width:140px; height:30px; margin:9px 0 0 0;background-color:#f8f8f8;}
.MS_search_word {border:0; left:0px; width:110px; height:30px; padding-left:5px; /*border:1px solid #aec19b;*/  background-color:#f8f8f8;}

.nav2{ position:absolute; left:80px; top:0px; width:1100px; text-align:center; /* background-color:#FF9;*/ display:none;
line-height:50px;height:50px;}
.nav2 li{float:left;}
.nav2 li a{display:inline-block;text-decoration:none; white-space:normal;text-indent:-2px; /*padding-top:10px;*/}
.nav2 > li > a{color:#000;line-height:48px;height:48px; padding:0 22px;}

#nav {width:1100px; overflow:hidden !important; /*background-color:#FF9;*/ float:left;}
#nav > li{float:left; overflow:hidden !important; z-index:0;}
#nav > li > a{display:inline-block;text-indent:-2px; color:#000;line-height:50px;height:52px; padding:0 16px;}
/*
.arrow-bg {position:relative;background:none; }
.nav1 > li:hover > a, .nav1 > a:hover{
	z-index:499;
	background-image:url('http://www.soo-soo.co.kr/design/fogo001/ver3/arrow_on.png'); 
	background-repeat: no-repeat;
	background-position: center bottom;}
*/

#nav .subwrap{z-index:410;
display:none; text-align;center;}
#nav .subwrap .subs{width:100%; text-align:left; position:absolute; top:51px; background-color:#fff; width:130px; padding:20px 20px 20px 20px;border-width: 1px 1px 1px 1px;
border-color: #eee #eee #eee #eee ; 
border-style:solid; }
#nav li:hover .subwrap{display:block;  top:52px;}
#nav .subwrap .subs li{float:left; display:block;  text-align:left;}/*background-color:#9F6;}*/
#nav .subwrap .subs li a {font-size:12px;line-height:25px;}

#nav ul li a:hover{color:#FF6D70;}
/* #nav ul li a:hover{color:#00c59e;}*/


@media all and (max-width :0px){#nav > li{float: none;border-bottom:0;margin-bottom:0;}

#nav .subwrap ul.subs{position: relative; }
#nav li:hover ul.subs{display: none; }
#nav li #s1:target + .subwrap ul.subs,#nav li #s2:target + .subwrap ul.subs{display:block;}
#nav .subwrap ul.subs > li{display:block;width:auto;}
}
.menuWrap {}
.float-menu {top:55px; width:100%; position:fixed; z-index:490; opacity:1;}
/*카테고리*/


/* TOP 버튼 */
.TopBtn {
position: fixed;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 0;
bottom: 65px;
right: 45px;
line-height: 20px;
width: 50px;
height: 20px;
background-color: #fff;
border: 1px solid #D7D7D7;
z-index: 9999999;
}

.TopBtn:before {
content: "\f0d8";
font-family: FontAwesome;
font-size: 15px;
color: #666;
font-weight: normal;
}

/* BOTTOM 버튼 */
.BottomBtn {
position: fixed;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 0;
bottom: 40px;
right: 45px;
line-height: 20px;
width: 50px;
height: 20px;
background-color: #fff;
border: 1px solid #D7D7D7;
z-index: 9999999;
}

.BottomBtn:before {
content: "\f0d7";
font-family: FontAwesome;
font-size: 15px;
color: #666;
font-weight: normal;
z-index: 999;
}

.kakaotalk {
z-index: 9999999;
position: fixed;
font-size: 0;
bottom: 100px;
right: 45px;}


/* PC 카카오톡 채널 버튼 위치 */
.kakaoChatPc {
    position: fixed;
    z-index: 999;
    right: 43px; /* 화면 오른쪽으로부터의 거리, 숫자만 입력 */
    bottom:  108px; /* 화면 아래쪽으로부터의 거리, 숫자만 입력 */
}


/* BASIC css end */