@charset "utf-8";
@import url("/Library/Css/user_reset.css");
@import url("/Library/Css/user_font.css");



body {font-family:"Nanum Gothic", Nanum Gothic, 돋움, dotum;font-size:12px; color:#313131; margin:0; padding:0; background:url(/image/main/top_bg.png) top center no-repeat #eaeaea;}



.input_text{width:30px; height:20px; line-height:20px; border:1px solid #e3e3e3;}
.input_text2{width:144px; height:25px; line-height:25px; border:1px solid #e3e3e3; padding-left:5px;}



.clrBoth {clear:both;}



.con_title{height:39px; background:#f5f5f5;border-bottom:1px solid #eaeaea; }
.con_title h2{font-weight:bold; float:left; padding:14px 0 0 20px;}
.con_title a{float:right; display:block; height:39px; line-height:39px; padding:0px 15px;}
.con_title > h2 > span{font-weight:100}


.BoxBorder{border:1px solid #e3e3e3;}
.productImg_S{position:relative; width:81px; border:1px solid #dddddd; overflow:hidden; float:left}
.productImg_S2{position:relative; width:145px; height:101px; border:1px solid #e3e3e3; overflow:hidden; float:left}
.productImg_M{position:relative; width:171px; height:119px; border:1px solid #e3e3e3; overflow:hidden; float:left}
.productImg_M2{position:relative; width:171px; height:119px; border:1px solid #e3e3e3; overflow:hidden;}







#wrap {}
#mwrap{position:relative; width:100%;}
.Dwidth{width:1060px; margin:0 auto; position:relative; clear:both}

#header {width:100%; height:235px;}
#header .head_visual{width:1060px; height:178px; margin:0 auto; position:relative; }
#header .head_visual h1{position:absolute; top:14px; left:0px; z-index:99999}
#header .head_visual .top-qMenu{position:absolute; top:25px; left:160px; z-index:99998;}
#header .head_visual .top-qMenu ul{padding:10px; border-radius:4px; background:rgba(255,255,255,0.8);}
#header .head_visual .top-qMenu ul li{margin:0 0 5px;}
#header .head_visual .top-qMenu ul li:last-child{margin:0;}
#header .head_visual .top-qMenu ul li a{display:block; font-size:13px; color:#666; font-weight:bold; height:20px; line-height:20px; padding-left:8px; position:relative;}/* font-weight:bold; */
#header .head_visual .top-qMenu ul li a:before{content:''; display:block; width:3px; height:3px; border-radius:50%; background:#333; position:absolute; left:0; top:8px;}
#header .head_visual .top-qMenu ul li a:hover{left:5px;}
#header .head_visual .top-qMenu ul li.top-qm01 a{color:#72c48a; } /*border:1px solid #56c991;*/
#header .head_visual .top-qMenu ul li.top-qm02 a{color:#ffc12b;} /* border:1px solid #ffa800;*/
#header .head_visual .top-qMenu ul li.top-qm03 a{color:#fc809f; } /*border:1px solid #f4527c;*/
#header .head_visual .top-qMenu ul li.top-qm04 a{color:#d797ed; } /*border:1px solid #c47de9;*/
#header .head_visual .top-qMenu ul li.top-qm05 a{color:#959af3; } /*border:1px solid #6490ea;*/


#header .head_visual .t_menu{position:relative; top:34px;}
#header .head_visual .top_info_con {display:table; margin:0 auto;}
#header .head_visual .top_info_con li {float:left;margin:0px 5px;}
#header .head_visual .top_info_con li a{display:inline-block; height:24px; box-sizing:border-box; padding:0px 5px; line-height:22px; border:1px solid #c9aaaf;
font-family:"Nanum Gothic"}
#header .head_visual .top_info_con li a:hover{background:#c9aaaf; color:#fff}
#header .head_visual .top_info_con.wd85 li a{width:85px; text-align:center; padding:0px;}

#header .head_visual .top_txt{position:absolute; top:90px; left:0px; width:100%;text-align:center; font-family:'nanum-square-r'; font-size:19px; color:#4b4a4a;
line-height:1.2em}

#header .time-area{background:url(/image/main/time_bg.png) top center no-repeat; width:139px; height:61px; position:Absolute; top:25px; right:0px;}
#header .time-area div{width:98px; margin:0 auto; height:29px; text-align:center; line-height:29px;font-family: Tahoma,Sans-serif;}
#header .time-area .date{border-bottom:1px solid #ef9f9d;}

#header .top_kko{position:Absolute; top:95px; right:0px;}

#header .kita_logo{position:absolute; top:34px; right:180px;}
#header .kita_logo p{margin-top:15px; text-align:center; font-size:14px; font-weight:bold;}



.addd{position:Relative;color:#fff; z-index:201;font-size:12px;left:-2px; top:-20px; display:inline-block; background:#313131; color:#fff; border-radius:5px; padding:3px 5px;}/*width:138px*/
.addd1{left:0px;top:-0px;}/*width:138px*/
.addd:after{content:"▲"; position:absolute; top:-10px; left:50%; margin-left:-5px;color:#313131}
#addd2_wrapper{display:none; position:absolute; top:35px; left:140px;}
.addd2{position:Relative;color:#fff; z-index:201;font-size:12px;left:0; top:-10px; display:inline-block; background:#e8709f; color:#fff; border-radius:5px; padding:3px 5px;}
.addd2:after{content:"▼"; position:absolute; top:15px; left:50%; margin-left:-5px;color:#e8709f}
.addd3_wrapper{position:absolute; bottom:-40px; left:13px;}
.addd3{position:Relative;color:#fff; z-index:201;width:90px; font-size:12px;left:0; top:0px; display:inline-block; background:#e8709f; color:#fff; border-radius:5px; padding:3px 5px;}
.addd3:after{content:"▲"; position:absolute; top:-10px; left:50%; margin-left:-5px;color:#e8709f}

.addd , .addd2 , .addd3{
-webkit-animation: myAni 1s infinite;
animation: myAni 1s infinite;
}
@-webkit-keyframes myAni {
0% {
        top:-20px;
    }
     50% {
        top:-15px;
        }
	100%{
	top:-20px;
    }
  }

.gnb_box2 {width:1060px; height:57px; position:relative;  margin:0px auto ; background:#f69896}
.gnb_box2 .gnbWp{}
.gnb_box2 .gnb {zoom:1;  display:table; margin:0 auto}
.gnb_box2 .gnb:after{display:block;clear:both;content:"";}
.gnb_box2 .gnb > .depth1N {float:left;z-index:200;  position:Relative; padding:0px 17px}/*width:138px*/
.gnb_box2 .gnb > .depth1N a{font-size:16px; color:#fff; font-weight:bold; display:block;line-height:57px;}/*width:138px*/
.gnb_box2 .gnb > .depth1N:hover a{border:0px solid #d4d4d4;}
.gnb_box2 .gnb > .depth1N:hover .depth2N{ display:block;}
.gnb_box2 .gnb li .depth2N {position:absolute;top:51px; left:50%; margin-left:-80px; width:160px;  background:#ebebeb; display:none; padding:5px 0px;}
.gnb_box2 .gnb li .depth2N li {width:100%;margin:7px 0px;}
.gnb_box2 .gnb li .depth2N a {display:block; margin-top:3px; color:#333; letter-spacing: -0.05em; font-size:13px;background:none; height:18px;
line-height:18px; padding-left:10px; font-weight:bold; text-align:left; border:0px;}
.gnb_box2 .gnb li .depth2N a:hover {background:none; color:#e83e5e; font-weight:bold}
.gnb_box2 .gnb > .depth1N:last-child{background-image:url('/image/common/nav_point.jpg'); background-size:100% 57px; background-position:center top; background-repeat:no-repeat;}


.naviAll .depth2NWP{display:block}
.naviAll .gnb li .depth2N{display:block; height:135px;}
.naviAll #show{display:none}



#header .bar ul.gnb li .msgbox {
    -o-animation: animate-msgbox 0.9s linear infinite;
    -ms-animation: animate-msgbox 0.9s linear infinite;
    -moz-animation: animate-msgbox 0.9s linear infinite;
    -webkit-animation: animate-msgbox 0.9s linear infinite;
    animation: animate-msgbox 0.9s linear infinite;
}






#mContainer { padding:0px; width:1060px; margin:0 auto;}
#sContainer {width:1060px; margin:0 auto;  background:#fff; box-sizing:border-box; padding:0px 20px 20px;}
#container {width:1060px; margin:0 auto; background:#fff; box-sizing:border-box; padding:0px 20px 20px;}
#container:after {display:block;clear:both;content:"";}




#footer {width:1060px; margin:0 auto; background:#eaeaea }
#footer .pp_infoBox{ height:60px; border-bottom:1px solid #d7d7d7}
#footer .pp_info {overflow:hidden; display:table; margin:0 auto; position:Relative; top:15px;}
#footer .pp_info li {float:left;padding:0 20px;}
#footer  .pp_info li a {color:#333; line-height:34px;}
#footer  .f_con{height:200px;position:Relative; }
#footer  .f_con .bot_logo{position:absolute; top:23px; left:0px;}
#footer .copyright {color:#898989;line-height:17px; text-align:left; width:600px; padding-left:160px; position:Relative; top:46px;}
#footer .copyright span {}
#footer  .f_con .b_ico{position:absolute; top:50px; right:0px;}
#footer  .f_con .b_ico ul{width:350px; overflow:hidden;}
#footer  .f_con .b_ico ul li{float:left; margin-left:17px; vertical-align:middle;}
#footer  .f_con .b_ico ul li:nth-child(4){margin-top:30px;}
#footer  .f_con .b_ico ul li:last-child{margin-top:20px;}




#trkSh {width:100%; height:48px; background:#f7eaee;margin:0 auto; overflow:hidden}
#trkSh .trkArea {padding-top:7px;}
#trkSh .trkArea .sh {display:table; margin:0 auto;}
#trkSh .trkArea .sh li {float:left; padding:0px 30px;}
#trkSh .trkArea .sh li:first-child {}
#trkSh .trkArea .sh li th{ padding:2px; width:100px; vertical-align:middle; font-size:14px; font-weight:700}
#trkSh .trkArea .sh li td { padding:2px; vertical-align:middle}




/*오늘본상품*/
#QiuckMenu{}
#QiuckMenu li{padding-bottom:8px}
#QiuckMenu a.topGoBtn{border:1px solid #d4d4d4; padding:5px;}


.quick{/*position:fixed; top:186px; right:0px;*/}
.quick ul{background:#fff; padding:10px 0px; border:1px solid #dcdcdc; border-top:0px}
.quick ul li{padding:8px 0px;position:relative; text-align:center}
.quick ul li div{display:none}
.quick ul li:hover div{
display:none;
 width:82px;
 padding:10px;
 color:#FFF;
 background:#333;
 position:absolute; top:8px; right:70px;
 white-space:nowrap;
 font-size:14px; font-weight:bold
}
.quick ul li div:before{
 display:block;
 content:"";
 position:absolute; top:12px; right:-5px;
 border-top:5px solid transparent; 
 border-bottom:5px solid transparent ; 
 border-left:5px solid #333;  
}