/* BASIC css start */
@import url('https://fonts.googleapis.com/css?family=Cardo|Rozha+One|Lora:400,700|Black+Han+Sans|Do+Hyeon|Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800|Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');

textarea {font-size: revert !important; }

#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1001 }
#header.fix { margin-top:-210px; position:fixed; top:0; left:0; right:0 }
#top {width:100%; text-align:center; background:#e8e6e4;}
#top .tnbLeft { width:1400px; text-align:right; display:inline-block;}
#top .tnbLeft .top_text{float:left; font-size:15px; color:#323333; font-weight:bold;padding:15px 0; letter-spacing:0.3px;}
#top .tnbLeft .top_text img{width:40px; padding-right:10px;}
#top .tnbLeft li{display:inline-block; padding:15px 10px 10px;}
#top .tnbLeft .cart { }
#top .tnbLeft .cart a {height:45px; color:#6d6d6d; line-height:45px; font-size:13px; font-weight:300;text-align:center;}
#top .tnbLeft .cart i{font-size:30px;}
#top .tnbLeft .cart .bold{font-weight:600; color:#191919 !important;}
#top .tnbLeft li.select_flag{padding-top:10px;}
#top .tnbLeft li.select_flag a{padding-top:10px; }
#top .tnbLeft li.select_flag {position:relative; display:inline-block; line-height:30px;}
#top .tnbLeft li.select_flag .btn{ font-weight:bold; background:none !important; font-size:14px;}
#top .tnbLeft li.select_flag .btn>img{}
#top .tnbLeft li.select_flag i{padding-left:10px;}
#top .tnbLeft li.select_flag span {position:absolute; top:30px; right:0px; display:none; border:1px solid #eaeaea; background:#fff; z-index:1002;}
#top .tnbLeft li.select_flag span a:hover {background:#f7f7f7; display:block; transition:all .3s; text-align:left; }
#top .tnbLeft li.select_flag:hover span{display:block;}
#top .tnbLeft li.select_flag:hover span a { padding:0px; display:block; line-height:35px; height:35px; font-weight:bold; font-size:13px; text-align:center; padding:0 25px;}

/* header */
#header { position:relative; width:100%; background:rgba(255,255,255,.8);  z-index:100; font-family: 'Noto Sans KR', sans-serif;  border-bottom:1px solid #eee;}
#header .headerLine {width:1400px; margin:0 auto; }
#header .headerLine .headerTop {margin:3px auto; position:relative; width:1400px; *zoom:1 }
#header .headerLine .headerTop:after { display:block; clear:both; content:''}







#header .headerLine .tline { display:inline-block; width:100%;margin:0 auto;}
#header .headerLine .tline .tlogo {width:230px; margin:0 auto; position:relative; padding:40px 0 40px; text-align:left;  display:inline-block;}

#header .headerLine .tlogo img { width:200px; }


#header .headerLine .tline .searchArea {height:40px; border:2px solid #565656;  width:300px; display:inline-block; margin-top:5px; margin-bottom:-5px; border-radius:25px;}
#header .headerLine .tline .searchArea .search { position:relative; width:300px; height:40px ; }
#header .headerLine .tline .searchArea .search input { padding-left:15px; width:250px; height:40px; line-height:39px; border:none; background-color: transparent; color:#999; font-size:14px;}
#header .headerLine .tline .searchArea .search a { display:block; position:absolute; top:8px; right:7px; width:26px; height:26px; text-indent:-9999em; background:url('/design/foxwig/main/search_icon1.png') 0 0 no-repeat;background-size:75% 75%; }


#header .headerLine .tline .headerGnb { position:relative; padding-top:7px; display:inline-block; margin-left:50px;}
#header .headerLine .tline .headerGnb .gnbInner { }
#header .headerLine .tline .headerGnb .gnbInner>ul { display:inline-block; margin:0 auto; text-align:left; *zoom:1;position:relative;}
#header .headerLine .tline .headerGnb .gnbInner>ul:after { display:block; clear:both; content:'' }
#header .headerLine .tline .headerGnb .gnbInner>ul>li { margin-right:39px;  text-align:center; display:inline-block;}
#header .headerLine .tline .headerGnb .gnbInner>ul>li>a { display:block; height:50px; font-size:17px; color:#202020; line-height:50px; white-space:nowrap; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent; font-family: 'Noto Sans KR', sans-serif;}
#header .headerLine .tline .headerGnb .gnbInner>ul>li>a img{vertical-align:middle;}
#header .headerLine .tline .headerGnb .gnbInner>ul>li .best{color:#ec0000; font-weight:500; font-family: 'Noto Sans KR', sans-serif;}
#header .headerLine .tline .headerGnb .gnbInner>ul>li .new{color:#191919; font-weight:500; font-family: 'Noto Sans KR', sans-serif;}
#header .headerLine .tline .headerGnb .gnbInner>ul>li .special{ color:#191919; font-weight:500; font-family: 'Noto Sans KR', sans-serif;}
#header .headerLine .tline .headerGnb .gnbInner>ul>li .special i{animation:color2 .2s infinite alternate;}
#header .headerLine .tline .headerGnb .gnbInner>ul>li .special .color{margin-right:5px; animation:color1 .2s infinite alternate;}
#header .headerLine .tline .headerGnb .gnbInner>ul>li .heywig {color:#ff6666; font-weight:500; font-family: 'Noto Sans KR', sans-serif; /*animation: heywig .5s infinite alternate;*/}
@keyframes heywig {
  from {color:#7b57ff;}
  to {color:#ff83f5;}
}
#header .headerLine .tline .headerGnb .gnbInner>ul>li>a .on { }
#header .headerLine .tline .headerGnb .gnbInner>ul>li>a:before { content:""; position:absolute; left:50%; right:50%; bottom:0; height:2px; z-index:-1; background:#231f20; -webkit-transition-property:left, right; transition-property:left, right; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out }
#header .headerLine .tline .headerGnb .gnbInner>ul>li>a:focus:before,
#header .headerLine .tline .headerGnb .gnbInner>ul>li>a:hover:before { left:0; right:0 }
#header .headerLine .tline .headerGnb .gnbInner>ul>li>a:hover { *height:39px; *border-bottom:2px solid #000; }
#header .headerLine .tline .headerGnb .gnbInner>ul>li.first { padding-left:0 }
#header .headerLine .tline .headerGnb .gnbInner>ul>li.last { padding:0 0 0 30px }
#header .headerLine .tline .headerGnb .gnbInner p { margin:10px 15px 0 0; float:right; }
#header .headerLine .tline .headerGnb .gnbInner p a { display:block; font-size:14px; color:#202020; white-space:nowrap; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent }
#header .headerLine .tline .headerGnb .gnbInner #sub-menu{position:absolute; background:#fff;display:none; padding:20px; text-align:left; border:1px solid #bbb;}
#header .headerLine .tline .headerGnb .gnbInner #sub-menu>li a{line-height:30px; font-weight:400; font-family: 'Noto Sans KR', sans-serif;font-size:14px;}
#header .headerLine .tline .headerGnb .gnbInner #sub-menu>li a:hover{color:#ec0000;transition:all .3s;}
#header .headerLine .tline .headerGnb .gnbInner>ul>li:hover #sub-menu{display:block; opacity:.7; transition:all .3s;}
@keyframes color1{
from{color:#f46415;} to{color:orange;}}
@keyframes color2{
from{color:orange;} to{color:#f46415;}}


#header .headerLine .tline .foxwig_logo {float:right; padding-top:25px; }
#header .headerLine .tline .foxwig_logo ul{}
#header .headerLine .tline .foxwig_logo ul li{display:inline-block; text-align:center;}
#header .headerLine .tline .foxwig_logo ul li img{width:70%;}
#header .headerLine .tline .foxwig_logo ul li p{padding-top:5px; font-size:11px;}



.point img{margin-top:-50px; }

.right-side {position:fixed; z-index:1000; width:62px; height:350px !important; right:0px !important; background:#400b56; top:30%; border-radius:12px 0 0 12px; padding:15px 10px; text-align:center;/*box-shadow: -0px 0px 3px 3px #d1ccd3;*/}
.right-side ul li{position:relative;padding:20px 0;}
.right-side ul li a{color:#FFf; font-size:10px; }
.right-side ul li a:hover{color:pink; font-size:10px; }
.right-side ul li a i{display:block; font-size:25px; padding-bottom:8px;}










/* BASIC css end */