/* BASIC css start */
.new_header {clear:both; width:100%; height:80px; background-color:#fff; font-family: 'Noto Sans KR', sans-serif;  margin:0 auto; text-align:cetner; padding:0; margin:0; border-bottom:1px solid #dedede;}

.new_top {width:1240px; height:30px; margin:0 auto; color:#999; }
.new_top ul {float:right; list-style: none; margin-top:5px; }
.new_top ul li {display:inline-block; margin-left:30px; color:#999;}
.logout, .my, .msg, .util {margin-left:15px;}

.logout a, .my a, .msg a, .util a, .logout:link, .my a:link, .msg a:link, .util a:link {text-decoration: none;color:#999;  font-size:13px;}
.logout a:hover, .my a:hover, .msg a:hover, .util a:hover {color:#ff5a00; font-weight:400;}

.new_navi {width:1200px; height:80px; margin:0 auto; }
.lab_area {width:95%; height:50px; margin:0 auto; padding-top:15px; }
.lnb { float:left;margin-top:3px;}
.logo {width:40px; margin:0 auto; text-align:cetner; margin-top:0px; }
.logo a img {width:40px; }
.new_menu {clear:both; float:right;  margin-top:-54px;}
.new_menu ul {list-style:none; }
.new_menu ul li {float:left; margin-left:20px; }

.gnb {position:relative; right:-10px; }
.gnb li{float:left;height:35px;position:relative;}

#cbc {position: absolute; top: -80px;} /*Ciel by Cyrill*/
#cbc2 {position: absolute; top: 300px;} /*»ýÈ°¿ëÇ°*/
#cbc3 {position: absolute; top: 35px;} /*°¶·°½Ã ZÇø³*/
#cbc4 {position: absolute; top: 330px;} /*Äݶ󺸷¹À̼Ç*/
#cbc5 {position: absolute; top: 80px;} /*°¶·°½Ã¿öÄ¡*/
#cbc6 {position: absolute; top: 142px;} /*¿þ¾î·¯ºí*/


#hbg {width:50px; height:50px; margin-top:12px; }
#hbg > ul {background-color: ; opacity: 1; position: absolute;  margin-top: 20px; width: 250px; z-index: -1; text-align: left; display: table-cell; vertical-align: middle;}

.hbg_menu1 {list-style: none; position: absolute; line-height: 35px; }
.hbg_menu2 {list-style: none; position: absolute; margin-top: -35px; left: 180px; width: 280px; line-height: 35px; }
.hbg_menu3 {list-style: none; position: absolute; margin-top: -35px; left: 250px; width: 250px; line-height: 35px; /*letter-spacing:-1px;*/}
.hbg_menu4 {list-style: none; position: absolute; margin-top: -35px; left: 250px; width: 250px; line-height: 35px; letter-spacing:-1px; }
.hbg_menu0 a, .hbg_menu1 a, .hbg_menu2 a, .hbg_menu3 a, .hbg_menu4 a {font-size:18px; color:#000;}

.hbg_bg {position: absolute; width:100%; height:560px; background-color: #fff; /*opacity: 0.95;*/ z-index: -1; margin-top:1px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.hbg_on {background-image: url('//www.spigen.co.kr/design/spigen/header/hbg_on_arrow.png'); background-position: 5px 56% ; background-repeat: no-repeat;}
.hbg_on_long {background-image: url('//www.spigen.co.kr/design/spigen/header/hbg_on_arrow.png'); background-position: 80px 52% ; background-repeat: no-repeat;}
.hbg_img {position: absolute; top: 40px; left: 880px; }
.hbg_line_1 {position: absolute; top: 40px; left: 160px;}
.hbg_line_2 {position: absolute; top: 40px; left: 410px;}
.hbg_line_3 {position: absolute; top: 40px; left: 650px;}

.gnb li.cart{background:url('//file.spigen.co.kr/_data/old_attach/store/main/header/cart.png') no-repeat 0 0; width:30px; text-indent:-9999px;}
.gnb li.cart:hover{background:url('//file.spigen.co.kr/_data/old_attach/store/main/header/cart_on.png') no-repeat 0 0; width:30px;}
.gnb li.cart .count{display:inline-block; position:absolute; bottom: 5px; right:0px; width:16px; height:16px; border-radius:80px; background:#ff5a00; font-size:10px; color:#fff; line-height:16px; text-align:center; text-indent:0px;}

.search {width:165px; height:35px;  background-color:#f5f5f5; border-radius:10px; }
.search_form { display:block; margin-top:3px;}
.search_form:after{content:"";display:block;clear:both; }
.search_form input.MS_search_word{border:none; background-color: black; background:transparent; autocomplete="off"; font-size:14px; color:#666666; width:115px; margin-top:5px; margin-left:10px;}
.search_form input.btn_search{background:url('//file.spigen.co.kr/_data/old_attach/store/main/header/search.png') no-repeat 0 0 transparent; width:27px; height:30px; border:none; text-indent:-9999px; float:right; margin-right:10px; }
.search_form input.btn_search:hover {background:url('//file.spigen.co.kr/_data/old_attach/store/main/header/search_on.png') no-repeat 0 0 transparent; width:27px; height:30px; border:none; text-indent:-9999px;}

.login_n, .join_n, .logout_n, .mypage_n {margin-top:4px;}


.test_search {position: absolute; top: 55px; border: 0px; background-color: black; color: white; font-size: 20px;}

#header .hd_top ul.gnb li.search.on .search_form{display:block;}

.logout.on .login_form{display:none;}
/*.logout a{line-height: 2; font-size: 15px; color: #c4c4c4; font-weight: 300;}
.mypage a{color:#fff; font-size: 14px;line-height: 2;}
.mypage > a {padding-right:10px;  right 19px; font-size: 15px;color: #c4c4c4;font-weight: 300;}*/

/*ÃÖ»ó´Ü À̺¥Æ® °øÁö ¿µ¿ª*/
.bnr_header {display:block; position:relative; vertical-align:middle; text-align:center; background-color:#0d0d0d; }
.bnr_header a{color:#fff; font-size:15px; font-family:"Apple SD Gothic Neo","¸¼Àº°íµñ","Malgun Gothic",sans-serif; line-height:40px;}
#bnr_bannerWrap { width: 100%; height: 40px; margin: 0 auto; overflow: hidden; background-color:#000; }
#topbnr_bannerWrap { width: 100%; height: 110px; margin: 0 auto; text-align:center; overflow: hidden; background-color:#0e1328;}


/* Uneedcomms Keepgrow CSS */
#keepgrowLogin #formWrap .inputBox input { width:100% !important; height:50px !important; margin-left:0px !important; }
#keepgrowLogin #KG_header .shopName img { height:35px !important; }
/* BASIC css end */