/* BASIC css start */
#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:200 }
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

/* header */
#header { position:relative; width:100%; background:#fff; z-index:100;height:145px;border-bottom:5px solid #6042e6; }
#header .headerTnb { margin:0 auto 16px; position:relative; width:1200px; height:45px; *zoom:1 }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { float:left }
#header .headerTnb .tnbLeft li { padding:10px 0; float:left;color:#333333;font-size:13px; }
#header .headerTnb .tnbLeft li a { display:block; height:45px; color:#6d6d6d; line-height:45px }
#header .headerTnb .tnbLeft li.noticeLine { padding-left:23px }
#header .headerTnb .tnbLeft li.noticeLine p { padding-left:21px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/ico_volume.gif) 0 17px no-repeat }
#header .headerTnb .tnbLeft li.noticeLine p a { font-size:11px; color:#7a7a7a; line-height:49px; line-height:53px \0/IE8+9 }
#header .headerTnb .tnbRight { float:right }
#header .headerTnb .tnbRight li { padding-left:15px; float:left }
#header .headerTnb .tnbRight li a { display:block; height:45px; color:#999999; line-height:45px;font-size:13px; }

#header .headerGnb { margin:0px auto ;height:84px;position:relative;z-index:999;overflow:hidden;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+75,6042e6+75,6042e6+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 75%, rgba(96,66,230,1) 75%, rgba(96,66,230,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 75%,rgba(96,66,230,1) 75%,rgba(96,66,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 75%,rgba(96,66,230,1) 75%,rgba(96,66,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6042e6',GradientType=1 ); /* IE6-9 */

}
#header .headerGnb .header_inner { height:84px;overflow:hidden;min-width:1280px; width:1200px;margin:0 auto ;z-index:11;background-color:#fff;background-image:url('/design/atri/mk_img/gnb_bg1.png');background-repeat:no-repeat;background-position:right bottom; }
#header .headerGnb .header_inner .tnbLeft { float:left;width:1000px;position:relative; }
#header .headerGnb .header_inner .tnbLeft h1 {float:left; }
#header .headerGnb .header_inner .tnbRight { float:right;line-height:80px; }
#header .headerGnb .header_inner .gnbInner { margin:0 auto;position:absolute;left:200px;bottom:20px; }
#header .headerGnb .header_inner .gnbInner ul { *zoom:1 }
#header .headerGnb .header_inner .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .header_inner .gnbInner ul li { padding:0 15px; position:relative; float:left;background:url('/design/atri/mk_img/gnb_line.png') right bottom no-repeat; }
#header .headerGnb .header_inner .gnbInner ul li a { display:block; font-size:16px; color:#333333;font-weight:bold; white-space:nowrap; }
#header .headerGnb .header_inner .gnbInner ul li.pcate {padding:0 15px;}
#header .headerGnb .header_inner .gnbInner ul li.pcate .new { color:#4ab9e9; }
#header .headerGnb .header_inner .gnbInner ul li.pcate .best { color:#663ce6; }
#header .headerGnb .header_inner .gnbInner ul li.pcate .sale { color:#e63cd4; }
#header .headerGnb .header_inner .gnbInner ul li.pcate a { font-size:14px; }
#header .headerGnb .header_inner .gnbInner ul li.first { padding:0px 15px 0 50px; }
#header .headerGnb .header_inner .gnbInner ul li.last { background:none; }
#header .headerGnb .header_inner .tnbRight li {float:left;padding:0 10px;}
#header .headerGnb .header_inner .tnbRight .basket_count { position:relative; }
#header .headerGnb .header_inner .tnbRight .basket_count .user_basket_quantity { position:absolute;top:20px;right:0px;background:#37eaff;padding:3px 8px;width:10px;height:10px;line-height:10px;text-align:center;border-radius:10px;box-shadow: 0px 2px 8px 0 #4a39b8; }
#headergnb { width:100%;margin:0 auto;text-align:center; }
.fix_detail {
    padding-top: 0;
    position: fixed;
    top: 00px;
    transition: all 0.2s ease-out 0s;
    z-index: 11;
border-bottom:5px solid #6042e6;
}

/* BASIC css end */