/* BASIC css start */
#header{position:absolute;top:20px;left:12%;overflow: hidden;width:132px;}
#header a {display:block;text-decoration: none;}
#header .header_data{width:132px;background:url("/design/todamdak/PC/img/tip_nav_bg.png") repeat-y;}
#header .gnb{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	overflow:hidden;
    float:left; 
}
a:link, a:visited {
    color: #5e5e5e;
    text-decoration: none;
}
#header .gnb ul.gnbul{margin:0;}
#header .gnb ul li.gnbli{position:relative;}
#header .gnb ul li.gnbli a{position:relative;display:block;padding:0 0 0 20px;height:40px;font-size:13px;line-height:40px;color:#888;}
#header .gnb ul li.actived a,#header .gnb ul li a:hover{color:#fff}

#header .top_util {padding:0;margin:30px 0;clear:both;text-align:left; }
#header .top_util li.top_util_li a {color:#5e5f62;font-size:11px;letter-spacing:-0.8px;padding: 3px 0 3px 20px; }
#header .top_util li.top_util_li a:hover{color:#999;}
#header .top_util li.top_util_li a span {font-size:3px;color:#454545;}
#header .header_data .tip_nav {float:right;width:30px;height:230px;text-align: center;}
#header .header_data .tip_nav ul {margin:0;padding:0;}
#header .header_data .tip_nav ul li {list-style: none;}
#header .header_data .tip_nav ul li a {min-height:40px;display:block;}

#header .logo_desk { width: 100px; text-align: center; padding-top: 20px; }
#header .logo_desk img { width: 58px; }

#tip_sec1 {margin-top:10px;}
#header .f_tip_menu {margin-left:14px;overflow: hidden;padding-bottom:20px;}

#header .f_tip_tit {color:#565759;font-size:10px;}
#header .f_tip_tit li {float:left;}
#header .f_tip_tit li.f_line{border-bottom:1px solid #454547;height:7px;width:30px;margin-left:4px;}

#header .f_tip_list{clear:both;}
#header .f_tip_list li {float:left;margin-right:3px;}

#header .go_shop{margin-top:5px;width:133px;text-align: left; border:0;color:#fff;font-size:14px;font-weight:bold;background:url('/design/todamdak/PC/img/go_shop_bg.png') 102px 28px no-repeat #990000;padding:12px 26px;}
#header .go_shop a {font-size:14px;font-weight:bold;color:#fff;}
#header .go_shop a:hover{color:#fff;}


.head_right { position:fixed; top:0; right:13%; width:45px; height:auto; }
.main_head_r { width:45px; }
.main_head_r2 { width:45px; display:none; }
.head_right .main_head_r, .head_right .main_head_r2 { position: absolute; }
.head_right .mypage { top:70px; }
.head_right .basket { top:130px; }
.head_right .delivery { top:190px; }
.head_right .main_head_r a, .head_right .main_head_r2 a{ display:inline !important; }


.tooltip-inner {
    background-color: white;
    color: #333;
    width:100px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: white;
}

.tooltip.right .tooltip-arrow {
    border-right-color: white;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: white;
}

.tooltip.left .tooltip-arrow {
    border-left-color: white;
}
.main_head_r:first-child {
	margin-top:20px;
}
.menu-box {
		display:none;
	}

.header_m {
	display:none; position:fixed; top:0; z-index:1;
	width:100%; height:59px; min-height:50px; background-color:#333;
	border-bottom:1px solid #434343;
}
.header_m .logo {
	position:absolute; top:50%; left:50%; display: block; margin-top: -29px; margin-left: -29.5px;
}
.header_m .logo img { width:59px; }
.hideMenu { position: absolute; top:0; left:0; padding:15px 20px; cursor:pointer; }
.quickMenu { position: absolute; top:0; right:0; z-index:999999999; padding:16px 20px; cursor:pointer; }
.menu-box {
	position:fixed;
	top:0;
	height:0;
	width:100%;
	/*background-color:rgba(0,0,0, 0.85);*/
	background: #313131;
	overflow:hidden;
}
.height_hidden {
	height:59px;
	min-height:50px;
	width:100%;
}
.gray_font {
	color:#5e5e5e;
}
.header_menu_font {
	font-size:13px;
	font-weight:300;
	color:#939598;
	letter-spacing: -1px;
}
.menu {
	padding:12px 0px;
	/*border-bottom:1px solid #434343;*/
}
/*.menu:hover {
	background-color:rgba(0,0,0, 0.8);
}*/
.tools + .tooltip > .tooltip-inner {border:1px solid #ddd;}
.menus {
	width:80px;
	height:80px;
	background:#403f3f;
	padding:10px 0;
}
.menud {
	padding:5px;
	display:inline-block;
}

.sns_story {
	float:left;
	padding:0 5px;
}


/*media query start*/

@media screen and (max-width:1703px){
    #header{left:10%;}
    .head_right {right:12%;}
}
@media screen and (max-width:1613px){
    #header{left:8%;}
    .head_right {right:10%;}    
}
@media screen and (max-width:1538px){
    #header{left:6%;}
    .head_right {right:8%;}
}
@media screen and (max-width:1470px){
    #header{left:4%;}
	.head_right {right:6%;}
}
@media screen and (max-width:1404px){
    #header{left:2%;}
	.head_right {right:4%;}
}
@media screen and (max-width:1349px){
    #header{left:0%;}
    .head_right {right:2%;}
}
@media screen and (max-width:900px){
    #header{display:none}
   .main_head_r {
   		margin-left:100px;
   }
   .main_head_r:first-child {
		margin-top:80px;
	}
	 .main_head_r2 {
		display:block;
	}
	.dnone {
		display:none;
	}
	.header_m {
		display:block;
	}
	.introduction {
		display:none;
	}
	.menu-box {
		display:block;
	}
	.fa-plus-square-o {
		margin-left:7px;
		z-index:99;
	}
	.fa-minus-square-o {
		margin-left:7px;
		z-index:99;
	}
}

/*media query end*/
/* BASIC css end */