@import url("default.css?ver=3");

#wrap{}

/*»ó´Ü°øÅë*/
#wrap .navbar{background:#fff;}
#wrap .navbar .naviTop{border-bottom:1px solid #5ec2c6;}
#wrap .navbar .navbar-banner{height:80px;background:#ff0038;text-align:center;position:relative;}
#wrap .navbar .navbar-banner .bcloseBtn{position:absolute;right:10px;top:50%;background:transparent;color:#fff;border:0px solid #fff;margin-top:-11px;}


#wrap .navbar-fixed-top{border-width:0px;}
#wrap .navbar .navbar-header{height:70px;position:relative;float:none;}
#wrap .navbar .navbar-header .navMenu{position:absolute;left:0px;top:50%;margin-top:-15px;display:none}

#wrap .navbar .navbar-header a.navbar-brand{position:absolute;background:url('../images/new/m_logo_new.png');width:134px;height:50px;left:5px;background-size:100% 100%;z-index:10;padding:0px;margin-left: 0px;top:50%;margin-top:-25px;}
#wrap .navbar .navbar-header #topMenu{width:30px;height:30px;background:url('../images/new/m_menu_new.png') no-repeat center center;border:0px;outline : none;}
#wrap .navbar .navbar-header .navButton{position:absolute;right:10px;top:50%;margin-top:-17px;}
#wrap .navbar .navbar-header #topCart{background:url('../images/new/m_cart_new.png') no-repeat center center;border:0px;width:34px;height:34px;margin:0px;display:inline-block;margin-right:0px;outline : none;}
#wrap .navbar .navbar-header #topCart i{position: absolute;  right: -3px;  top: -3px;  font-size: 11px;  font-family: 'tahoma';  background: #ff0038;  width: 14px;  height: 14px;  border-radius: 7px;  text-align: center;  color: #fff;  font-style: normal;  line-height: 14px;}

body.main #wrap .navbar .mainMenu{display:block}
body#shop_list .navbar .mainMenu{display:block}
body#shop_detail .navbar .mainMenu{display:block}
body#shop_exhibition .navbar .mainMenu{display:block}
body#shop_exhibition_detail .navbar .mainMenu{display:block}
body#shop_best .navbar .mainMenu{display:block}
body#shop_character .navbar .mainMenu{display:block}
body#shop_character_list .navbar .mainMenu{display:block}
body#shop_character_detail .navbar .mainMenu{display:block}
body#shop_brand .navbar .mainMenu{display:block}
body#shop_brand_list .navbar .mainMenu{display:block}
body#shop_brand_detail .navbar .mainMenu{display:block}


#mainMenuScroll{position:relative;overflow:hidden;overflow-x:scroll;width:100%;height:60px;}
#wrap .navbar .mainMenu{background:#fff;border-bottom:1px solid #dddddd;position:relative;display:none;padding-left:5px;padding-right:5px;}
#wrap .navbar .mainMenu span.prev{position:absolute;left:0px;top:0px;padding-left:0px;height:100%;z-index:50;width:40px;background:url('../images/mainMenuScroll_bg.png') no-repeat left center;background-size:100% 100%;}
#wrap .navbar .mainMenu span.next{position:absolute;right:0px;top:0px;padding-left:0px;height:100%;z-index:50;width:40px;background:url('../images/mainMenuScroll_bg.png') no-repeat left center;background-size:100% 100%;transform: scaleX(-1);}
#wrap .navbar .mainMenu .scroller {position:absolute;z-index:1;left:0px;top:0px;}
#wrap .navbar .mainMenu .scroller ul {list-style: none;padding: 0;margin: 0;text-align: center;}
#wrap .navbar .mainMenu .scroller li {display: block;float:left;background:#fff;padding-top:0px;border-bottom:2px solid #fff;}
#wrap .navbar .mainMenu .scroller li a{font-family:'GmarketSansMedium';line-height:58px;font-size:20px;text-decoration:none;display:inline-block;padding:0px 20px;color:#111111;}
#wrap .navbar .mainMenu .scroller li.active {font-weight:700}
#wrap .navbar .mainMenu .scroller li.active a{color:#ff3332;}
#wrap .navbar .mainMenu .scroller li.strong a{}


#wrap #topSearchArea{margin-top:10px;padding-left:170px;padding-right:80px;}
#wrap #topSearchArea form{position:relative;position:relative;border:1px solid #f4f4f4;background:#f4f4f4;border-radius:30px;;padding:6px 40px 6px 20px;}
#wrap #topSearchArea form button{outline : none;border:0px;position:absolute;right:5px;top:2px;background:url('../images/new/m_topSearch_new2.png?') no-repeat center center;width:40px;height:40px;}
#wrap #topSearchArea form button:active{margin-top:-1px;}
#wrap #topSearchArea form input{height:30px;border:0px;outline:0px;width:100%;color:#333;font-size:18px;line-height:30px;background:#f4f4f4;}


/*ÇÃ·Ô¸Þ´º*/
#float_menu{display:none;top:0px;left: 0px;z-index:2100;width: 100%;height:100%;position:fixed;}
#float_menu .bg_area{top: 0px;left: 0px;background:#000;z-index:2100;width: 100%;height:100%;position:absolute;opacity:0.7}
.float_menu_area{position:fixed;height:100%;top:0px;background:#fff;width:250px;z-index:2200;overflow:hidden}
.float_menu_area #ajax_sub_menu{position:absolute;width:400px;left:50px;top:45px;bottom:0px;overflow:hidden}
.float_menu_area #ajax_sub_menu #floatMenu1{position:absolute;left:0px;top:0px;width:200px;height:100%;}
.float_menu_area #ajax_sub_menu #floatMenu1 .box{display:none;padding:0px 15px;height:100%;}
.float_menu_area #ajax_sub_menu #floatMenu1 .box ul{}
.float_menu_area #ajax_sub_menu #floatMenu1 .box ul li.title{border-bottom:2px solid #7b7b7b;padding:12px 0px; }
.float_menu_area #ajax_sub_menu #floatMenu1 .box ul li.title h3{color:#232323;font-size:14px;font-weight:700;margin:0px;padding:0px;line-height:100%}
.float_menu_area #ajax_sub_menu #floatMenu1 .box ul li.menu{border-bottom:1px solid #cccccc;padding:0px 6px 0px 0px;}
.float_menu_area #ajax_sub_menu #floatMenu1 .box ul li.menu a{text-decoration:none;font-size:13px;color:#666666;display:block;background:url('../images/m_topDepthArrow.png') no-repeat right center;background-size:6px 11px ;padding:9px 0px}
.float_menu_area #ajax_sub_menu #floatMenu2{display:none;position:absolute;left:200px;top:0px;width:200px;height:100%;}
.float_menu_area #ajax_sub_menu #floatMenu2 .box{display:none;padding:0px 15px;height:100%;}
.float_menu_area #ajax_sub_menu #floatMenu2 .box ul{}
.float_menu_area #ajax_sub_menu #floatMenu2 .box ul li.title{border-bottom:2px solid #7b7b7b;}
.float_menu_area #ajax_sub_menu #floatMenu2 .box ul li.title a{text-decoration:none;color:#232323;display:block;font-size:14px;font-weight:700;margin:0px;padding:0px;padding:11px 14px;background:url('../images/m_topDepthArrow2.png') no-repeat left center;background-size:8px 13px ;}
.float_menu_area #ajax_sub_menu #floatMenu2 .box ul li.menu{border-bottom:1px solid #cccccc;padding:0px 0px 0px 0px;}
.float_menu_area #ajax_sub_menu #floatMenu2 .box ul li.menu a{text-decoration:none;font-size:13px;color:#666666;display:block;padding:9px 0px}

.float_menu_area #float_btn{position:absolute;left:0px;top:0px;height:45px;background:#ff0038;opacity:10}
.float_menu_area #float_btn ul{height:45px;}
.float_menu_area #float_btn ul li{width:50px;float:left;height:45px;}
.float_menu_area #float_btn ul li a{display:block;}
.float_menu_area #float_btn ul li a span{display:block;font-size:}

.float_menu_area #float_btn ul li.btnClose{border-right:1px solid #21a7a3;}
.float_menu_area #float_btn ul li.btnClose a{padding:13px 0px;text-align:center;text-decoration:none}
.float_menu_area #float_btn ul li.btnClose a span{font-size:20px;color:#fff;opacity:1;height:20px;}
.float_menu_area #float_btn ul li.btnQuick{}
.float_menu_area #float_btn ul li.btnQuick a{color:#fff;font-size:11px;text-decoration:none;line-height:110%;text-align:center;letter-spacing:-1px;padding:7px 0px 0px 0px}
.float_menu_area #float_btn ul li.btnQuick a span{font-size:16px;color:#fbfdfd;opacity:1;display:block;margin-bottom:5px;}
.float_menu_area #floatScroller{top:45px;position:absolute;left:0px;width:50px;bottom:0px;background:#efefef;}
.float_menu_area #floatScroller .scroller_box{}
.float_menu_area #floatScroller .scroller_box li{border-bottom:1px solid #cccccc;padding:9px 0px;}
.float_menu_area #floatScroller .scroller_box li.on{background:#fff}
.float_menu_area #floatScroller .scroller_box li.notBr{padding:15px 0px;}
.float_menu_area #floatScroller .scroller_box li a{display:block;color:#666666;line-height:100%;font-size:11px;text-align:center;font-weight:700;text-decoration:none}
.float_menu_area #floatScroller .scroller_box li.notBr a{}
.float_menu_area #floatScroller .scroller_box li.on a{display:block;color:#ff0038;}


#float_top{bottom:20px;right: 15px;z-index:30;position:fixed;display:none;z-index:4000}
#float_top a{display:block;width:50px;height:50px;background:url('../images/float_top.png') no-repeat left center;background-size:50px 50px;}
#shop_detail #float_top{bottom:50px;}
body #body_content{margin-top:212px;}
body .nobanner #body_content{margin-top:132px;}


#body_content .body_area{padding-bottom:50px;position:relative}

#body_content .cBox{padding:20px 15px}
#body_content.mobile{margin-top:40px;}


#topRankDiv{position:fixed;left:0px;top:0px;bottom:0px;width:100%;z-index:1040;display:none}
#topRankDiv .bg{position:absolute;left:0px;top:0px;bottom:0px;width:100%;background:#000;opacity:0.5;z-index:2}
#topRankDiv .box{position:absolute;left:0px;top:98px;bottom:0px;right:0px;z-index:3;padding:0px 15px 15px 15px;;background:#fff;border-top-left-radius: 16px;border-top-right-radius: 16px;}
#topRankDiv .box .close_bar{display:block;height:14px;position:relative;cursor: row-resize;}
#topRankDiv .box .close_bar span{position:absolute;width:70px;height:4px;border-radius:4px;left:50%;margin-left:-35px;top:4px;background:#ddd;box-shadow: inset 0 1px 0 0 rgba(0,0,0,.05);}
#topRankDiv #topRankKeyword{padding-top:15px;position:relative}
#topRankDiv #topRankKeyword a.closebtn{width:30px;height:40px;position:absolute;left:0px;top:14px;z-index:4}
#topRankDiv #topRankKeyword a.closebtn span{position:absolute;width:17px;height:15px;left:50%;top:50%;margin-left:-8px;margin-top:-7px;background:url('../images/new/footer_icon.png?Ver=1') no-repeat -3px -82px;}
#topRankDiv #topRankKeyword form{display:block;border-bottom:2px solid #ff0038;padding:0px 40px;position:relative}
#topRankDiv #topRankKeyword form fieldset{display:block;height:36px;}
#topRankDiv #topRankKeyword form fieldset input{width:100%;height:36px;line-height:36px;border:0px solid #fff;outline:none;font-size:16px;}
#topRankDiv #topRankKeyword form fieldset button {width:30px;height:30px;position:absolute;right:0px;top:2px;background:#fff;border:0px;}
#topRankDiv #topRankKeyword form fieldset button span{width:23px;height:23px;position:absolute;left:50%;margin-left:-11px;top:3px;background:url('../images/new/m_topSearch_new2.png') no-repeat 0px -0px;}

#topRankDiv #topRankKeyword form a.tclose{position:absolute;width:30px;height:30px;right:40px;top:3px;display:none}
#topRankDiv.active #topRankKeyword form a.tclose{display:block}
#topRankDiv #topRankKeyword form a.tclose span{position:absolute;width:13px;height:13px;background:url('../images/new/footer_icon.png?Ver=2') no-repeat -118px -79px;margin-left:-6px;margin-top:-6px;top:50%;left:50%}


#topRankDiv #t_search_result{padding-left:15px;padding-right:15px;display:none}
#topRankDiv.active #t_search_result{display:block}
#topRankDiv #t_search_result .t_search_box{}
#topRankDiv #t_search_result .t_search_box ul{}
#topRankDiv #t_search_result .t_search_box ul li{text-align:center;line-height:180%;border-bottom:1px solid #eee;font-size:15px;}
#topRankDiv #t_search_result .t_search_box ul li a{display:block;color:#000;padding:6px 5px;text-align:left;font-weight:400;font-size:15px;}

#topRankDiv .topRankRollBox{position:absolute;left:0px;top:80px;right:0px;bottom:0px;overflow-y:scroll}
#topRankDiv .topRankRollBox .s_wrap{padding-left:15px;padding-right:15px;}
#topRankDiv.active .topRankRollBox .s_wrap{display:none}
#topRankDiv .topRankRollBox h6{display:block;color:#000000;font-size:16px;line-height:130%;padding:10px 0px 3px 0px;text-align:left;font-weight:400}
#topRankDiv .topRankRollBox ul.tab{height:30px;}
#topRankDiv .topRankRollBox ul.tab li{width:50%;float:left;}
#topRankDiv .topRankRollBox ul.tab li a{background:#b1b1b1;color:#fff;height:30px;display:block;line-height:30px;text-align:center;border-top-right-radius:4px 4px;font-size:15px;}
#topRankDiv .topRankRollBox ul.tab li.first a{border-top-left-radius:4px 4px;border-top-right-radius:0px 0px}
#topRankDiv .topRankRollBox ul.tab li.active a{background:#000;color:#fff;}
#topRankDiv .topRankRollBox .r_contents{margin-top:14px;box-shadow: 0 2px 6px 0 rgba(0,0,0,.06);border: 1px solid #ececec;border-radius: 4px;}
#topRankDiv .topRankRollBox.loading .r_contents{display:none}
#topRankDiv .topRankRollBox .rc_conetnts{display:none}
#topRankDiv .topRankRollBox.loading .rc_conetnts{display:block;height:300px;}
#topRankDiv .topRankRollBox.loading .rc_conetnts:before{display:block;content:"";background:url('/gurmi/common/images/ajax-loader.gif') no-repeat center center;width:100%;height:100%;}

#topRankDiv .topRankRollBox .r_contents ul{}
#topRankDiv .topRankRollBox .r_contents ul li{height:48px;overflow:hidden;}
#topRankDiv .topRankRollBox .r_contents ul li:nth-child(even){background:#f6f6f6;}
#topRankDiv .topRankRollBox .r_contents ul li a{display:block;font-size:16px;color:#000;font-weight:500;line-height:48px;position:relative;padding-left:15px;padding-right:50px;font-weight:300}
#topRankDiv .topRankRollBox .r_contents ul li a span.number{color:#ff0038;font-family:'tahoma';font-size:16px;font-weight:400;display:inline-block;margin-right:10px;}
#topRankDiv .topRankRollBox .r_contents ul li a span.updown{color:#666666;font-family:'tahoma';font-size:15px;font-weight:400;position:absolute;right:5px;top:0px;}
#topRankDiv .topRankRollBox .r_contents ul li a span i{margin-left:4px;display:inline-block;width:12px;height:48px;background:url('../images/new/footer_icon.png?Ver=1') no-repeat -73px -60px;}
#topRankDiv .topRankRollBox .r_contents ul li a span.up{color:#ff154a;}
#topRankDiv .topRankRollBox .r_contents ul li a span.up i{background:url('../images/new/footer_icon.png?Ver=1') no-repeat -46px -60px;}
#topRankDiv .topRankRollBox .r_contents ul li a span.down{color:#2254f7;}
#topRankDiv .topRankRollBox .r_contents ul li a span.down i{background:url('../images/new/footer_icon.png?Ver=1') no-repeat -59px -60px;}

#topRankDiv .topRankRollBox .r_exp{margin-top:8px;border-top:1px solid #d8d8d8;padding:10px 10px 24px 10px;text-align:center;position:relative}
#topRankDiv .topRankRollBox .r_exp span{color:#b1b1b1;font-size:11px;line-height:100%;}
#topRankDiv .topRankRollBox .r_exp a.reset{position:absolute;top:50%;top:15px;background:url('../images/new/footer_icon.png?Ver=1') no-repeat -102px -80px;width:12px;height:12px;margin-left:4px;}



/*Å¸ÀÌÆ²*/

.titleArea{background:#f6f7fb;border-bottom:1px solid #dddddd;position:relative;font-family:'GmarketSansMedium';font-size:24px;position:fixed;left:0px;height:50px;top:132px;right:0px;z-index:1000}
.titleArea p.title{margin:0px;text-align:center;font-size:24px;color:#000;line-height:50px;height:50px;}
.titleArea a.backBtn{position:absolute;width:34px;height:27px;background:url('../images/new/m_btn_back.png') no-repeat left center;left:15px;top:50%;margin-top:-13px}
.titleArea a.backBtn span{display:none}
#body_content.mobile .titleArea{top:0px;}


h2.title{background:#f7f7f8;margin:0px;border-bottom:1px solid #8d8d8d;padding: 0.6em 0px 0.6em 0px;position: relative;font-size:18px;}
h2.title.border{border-top:1px solid #8d8d8d;}
h2.title span{display:block;padding-left:15px;color:#232323}
h2.title a{position:absolute;right:15px;font-size:30px;top:50%;margin-top:-15px;text-decoration:none;color:#888888;}
h2.title a span{color:#888888;display:inline-block;padding-left:0px;}

.footerArea{clear:both;border-top:2px solid #141517;}
.footerArea .f_box{}
.footerArea .f_box .f_top{padding:10px;}
.footerArea .f_box .f_top .txt {display:block;text-align:center;}
.footerArea .f_box .f_top .txt li{display:inline-block;padding:0 10px; background:url('../images/m_f_line.jpg') no-repeat right center;}
.footerArea .f_box .f_top .txt li.first{padding:0 10px 0 0;}
.footerArea .f_box .f_top .txt li.last{background:none; padding:0 10px 0 10px;}
.footerArea .f_box .f_top .txt li a{display:block; font-size:12px; color:#232323;text-decoration:none}
.footerArea .f_box .f_top .sns{clear:both;margin-top:10px;display:block;text-align:center;}
.footerArea .f_box .f_top .sns li{display:inline-block;padding:0 5px;}
.footerArea .f_box .f_bottom{clear:both;padding:0px 10px 10px 10px;display:none}
.footerArea .f_box .f_bottom h5{font-size:14px;color:#000000;font-weight:700;display:block;padding-top:10px;}
.footerArea .f_box .f_bottom p{display:block; font-size:13px; color:#999999;line-height:130%;margin:0px;}

.footerArea .f_box .f_bottom p.bank{font-weight:300;font-size:13px;color:#666666;margin-top:10px;padding-bottom:10px;}
.footerArea .f_box .f_bottom p.bank a{display:block;font-size:13px;color:#666666;margin-bottom:2px;}
.footerArea .f_box .f_bottom p.bank a strong{display:inline-block;margin-right:6px;font-weight:300;font-size:13px;color:#666666;}
.footerArea .f_box .f_bottom p.bank a.kbstar strong{background:url('../images/new/bank_icon_kb.jpg') no-repeat left center;background-size:20px 20px;padding-left:22px;}
.footerArea .f_box .f_bottom p.bank a.nh strong{background:url('../images/new/bank_icon_nh.jpg') no-repeat left center;background-size:20px 20px;padding-left:22px;}
.footerArea .f_box .f_bottom p.bank a.sh strong{background:url('../images/new/bank_icon_sh.jpg') no-repeat left center;background-size:20px 20px;padding-left:22px;}
.footerArea .f_box .f_bottom p.bank a.sc strong{background:url('../images/new/bank_icon_sc.jpg') no-repeat left center;background-size:20px 20px;padding-left:22px;}

.footerArea .f_box .f_bottom button{background:#b1b1b1;color:#fff}
.footerArea .f_box .f_bottom .notice{color:#999999;padding:20px 0px;font-size:13px;}
.footerArea #btn_footer_btn{margin-top:20px;color:#232323;border:1px solid #cccccc;background:#e6e5e5}
.footerArea .f_box .f_copyright{border-top:1px solid #b1b1b1;color:#999999;font-size:13px;text-align:center;padding:10px;}

/*¹öÆ° ÄÃ·¯*/
.btn-grean{background:#000;color:#fff}
.btn-grean:hover{color:#fff;background:#000;}
.btn-grean:active{margin-bottom:-2px;}

.btn-black{background:#000000;color:#fff}
.btn-black:hover{color:#fff;background:#000000;}

.btn-gray{background:#919191;color:#fff}
.btn-gray:hover{color:#fff;background:#919191;}

.btn-check{background:#f7f7f8;color:#232323;border:1px solid #999999;}
.btn-check:hover{color:#232323;background:#f7f7f8;}

.btn-highlight{background:#fff;color:#f34364;border:1px solid #f34364}
.btn-highlight:hover{color:#f34364;background:#fff;}


.btnArea .btn-default{color:#444;border-color:#444;}
.btnArea .btn-default:hover{color:#444;border-color:#444;background:#fefefe}
.btnArea .btn-first{padding-right:5px}
.btnArea .btn-last{padding-left:5px}


/*¸Þ½ÃÁöÆË¾÷*/
#alertModal{position:fixed;left:0px;top:0px;height:100%;width:100%;z-index:5000;display:none}
#alertModal .alert-bg{height:100%;width:100%;background:#000;opacity:0.5;z-index:5010}
#alertModal .alert-dialog{z-index:5020;width:280px;left:50%;margin-left:-140px;position:absolute;background:#fff;top:50%;}
#alertModal .alert-dialog .alert-header{height:40px;position:relative;}
#alertModal .alert-dialog .alert-header .closeBtn{position:absolute;right:10px;top:10px;border:0px;color:#000;font-size:16px;background:transparent;padding:0px;width:20px;height:20px;text-align:Center;}
#alertModal .alert-dialog .alert-body{position:relative;padding:10px 40px 30px 40px;text-align:center;}
#alertModal .alert-dialog .alert-body .text{color:#121212;font-size:15px;line-height:160%}
#alertModal .alert-dialog .alert-footer{position:relative;height:40px;border-top:1px solid #2ac1bc}
#alertModal.alertType .alert-dialog .alert-footer .cancelBtn{display:none}
#alertModal.alertType .alert-dialog .alert-footer .closeBtn{display:none}
#alertModal .alert-dialog .alert-footer button{width:100%;height:100%;border:0px;background:#000;color:#fff}
#alertModal.confirmType .alert-dialog .alert-footer {text-align:right}
#alertModal.confirmType .alert-dialog .alert-footer button{width:50%;margin:0px;display:inline-block}
#alertModal.confirmType .alert-dialog .alert-footer button.cancelBtn{background-color:#ffffff;color:#000;width:48%;}


/* ¸ð´ÞÆË¾÷ */
.infoModal .modal-dialog {position:relative}
.infoModal .modal-dialog .info-header .close{float:none;position:absolute;right:10px;top:9px;color:#fff;opacity:1;z-index:5}
.infoModal .modal-dialog .info-header .close span{color:#fff;font-size:20px}
.infoModal .modal-content {border-radius:0px;border:0px;}
.infoModal .modal-content h4.title{display:block;background:#ff0038;text-align:center;font-size:18px;color:#fff;padding:10px 0px;margin:0px;}
.infoModal .modal-content .exp{text-align:center;font-size:16px;padding:20px 15px}
.infoModal .modal-content .text{display:block;font-size:13px;text-align:center;}
.infoModal .modal-content .text.text-left{text-align:left;}
.infoModal .modal-content .zoom{padding:5px}
.infoModal .modal-content .zoom img{width:100%;}

.infoModal .modal-dialog .modal-footer{border-top:0px solid #fff;padding:0px 0px 15px 0px;text-align:center;}
.infoModal .modal-dialog .modal-footer button{width:45%;border-color:#2ac1bc;color:#2ac1bc;}
.infoModal .modal-dialog .modal-footer button.btn-default:hover{background-color:#fcfcfc}
.infoModal .modal-dialog .modal-footer button.confirm{background-color:#2ac1bc;color:#fff;}
.infoModal .modal-dialog .modal-footer button.confirm:hover{background-color:#26b0ab;color:#fff;}

.infoModal .modal-dialog .modal-btn{text-align:center;padding-top:30px;}
.infoModal .modal-dialog .modal-btn button.btn,.infoModal .modal-dialog .modal-btn a.btn{width:45%;}

.infoModal .modal-dialog .modal-body .modalList{}
.infoModal .modal-dialog .modal-body .modalList .no-result{padding:30px;font-size:13px;text-align:center;}
.infoModal .modal-dialog .modal-body .modal_notice{padding:15px;font-size:13px;border:1px solid #efefef}
.infoModal .modal-dialog .modal-body .modal_notice .ntitle{font-size:13px;color:#000;padding-bottom:10px;display:block;font-weight:700}
.infoModal .modal-dialog .modal-body .modal_notice ul {}
.infoModal .modal-dialog .modal-body .modal_notice ul li{font-size:11px;color:#121212;margin-bottom:5px;background: url('../images/m_dot.png') no-repeat left 5px;padding-left: 5px;}


form .return_txt {padding-top:5px;}
form .return_txt p.alert{font-size: 12px;color: #ec4141;background: url('../images/m_alert_icon.png') no-repeat left center;padding:0px;border:0px;margin-bottom:0px;border-radius:0px;padding-left: 34px;line-height:160%}


div.shareList{margin:10px 0;}
div.shareList span{display:inline-block;width:40px;height:40px;margin:0px 5px}
div.shareList span a{display:block;font-size:14px; color:#232323;width:40px;height:40px;background-size:100% 100%;}
div.shareList span.facebook a{background:url('../images/m_btn_facebook.png') no-repeat center center;background-size:100% 100%}
div.shareList span.kakaotalk a{background:url('../images/m_btn_kakaotalk.png') no-repeat center center;background-size:100% 100%}
div.shareList span.twitter a{background:url('../images/m_btn_twitter.png') no-repeat center center;background-size:100% 100%}
div.shareList span.story a{background:url('../images/m_btn_kakaostory.png') no-repeat center center;background-size:100% 100%}
div.shareList span.url a{background:url('../images/m_btn_url.png') no-repeat center center;background-size:100% 100%}
div.shareList span.blog{display:none}
div.shareUrl{}
div.shareUrl input{width:100%;border:1px solid #2ac1bc;line-height:120%;padding:3px 5px;color:#000;}

body .bootstrap-select .pull-left{color:#555}


#footer_float{position:fixed;left:0px;bottom:0px;width:100%;background:#fff;box-shadow: 0 0 5px 2px rgba(0,0,0,.15);z-index:12}
#shop_detail #footer_float{display:none}
#footer_float ul{}
#footer_float ul li{float:left;width:20%;height:56px;position:relative}
#footer_float ul li a{display:block;}
#footer_float ul li .f_menu{width:80%;height:100%;margin:0 auto}
#footer_float ul li .f_menu span{width:23px;height:25px;display:block;position:absolute;left:50%;margin-left:-11px;top:50%;margin-top:-12px;;background:url('../images/new/footer_icon.png') no-repeat 0px 0px;}
#footer_float ul li .f_login{width:80%;height:100%;margin:0 auto}
#footer_float ul li .f_login span{width:27px;height:31px;display:block;position:absolute;left:50%;margin-left:-11px;top:12px;background:url('../images/new/footer_icon.png') no-repeat -26px 0px;}
#footer_float ul li .f_mypage{width:80%;height:100%;margin:0 auto}
#footer_float ul li .f_mypage span{width:29px;height:30px;display:block;position:absolute;left:50%;margin-left:-14px;top:12px;background:url('../images/new/footer_icon.png') no-repeat -54px 0px;}

#footer_float ul li .f_new{width:80%;height:100%;margin:0 auto;position:relative}
#footer_float ul li .f_new p{width:58px;height:58px;position:absolute;left:50%;margin-left:-29px;bottom:0px;margin-bottom:0px;}
#footer_float ul li .f_new p span.image{position:absolute;background:url('../images/new/footer_icon.png') no-repeat -85px -3px;left:50%;margin-left:-29px;width:58px;height:58px;z-index:2;animation: rotate_image 3s linear infinite;transform-origin: 50% 50%;}
#footer_float ul li .f_new p span.text1{position:absolute;background:url('../images/new/footer_icon.png') no-repeat -1px -27px;left:50%;margin-left:-10px;top:15px;width:21px;height:9px;z-index:4}
#footer_float ul li .f_new p span.text2{position:absolute;background:url('../images/new/footer_icon.png') no-repeat 0px -39px;left:50%;margin-left:-12px;width:25px;height:14px;z-index:3;bottom:15px;}

#footer_float ul li .f_orderlist{width:80%;height:100%;margin:0 auto}
#footer_float ul li .f_orderlist span{width:30px;height:26px;display:block;position:absolute;left:50%;margin-left:-11px;top:15px;background:url('../images/new/footer_icon.png') no-repeat -26px -32px;}
#footer_float ul li .f_character{width:80%;height:100%;margin:0 auto}
#footer_float ul li .f_character span{width:46px;height:40px;display:block;position:absolute;left:50%;margin-left:-23px;top:10px;background:url('../images/new/footer_icon.png') no-repeat -145px -16px;}



@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}
/*
.infoModal .modal-dialog .modal-body {padding:0px 10px; text-align:center;font-size:13px;}
.infoModal .modal-dialog .modal-body .exp{text-align:center;font-size:14px;}
*/
@media (max-width:768px) {
	#wrap .navbar .navbar-header .navMenu{left:5px;}
}


@media (max-width:640px) {
	#wrap .navbar .navbar-banner{height:auto;background:#ff0038;text-align:center;}
	#wrap .navbar .navbar-banner img{width:100%}\

}
@media (max-width:600px) {
}
@media (max-width:500px) {

	#wrap #topSearchArea{padding-left:105px;padding-right:60px;margin-top:5px;}
	#wrap #topSearchArea form{padding: 2px 20px 2px 10px;}
	#wrap #topSearchArea form input{height:30px;line-height:30px;font-size:14px;}
	#wrap #topSearchArea form button{width:30px;height:30px;right:2px;background-size:70% 70%;top:2px;}


	#wrap .navbar .navbar-header{height:45px;}
	#wrap .navbar .navbar-header a.navbar-brand{width:80px;height:30px;margin-top:-15px;margin-left:0px;};
	#wrap .navbar .navbar-header .navButton{margin-top:-15px;right:10px;}
	#wrap .navbar .navbar-header #topMenu{width:25px;height:25px;background-size:80% 80%}
	#wrap .navbar .navbar-header #topCart{width:30px;height:30px;background-size:80% 80%;}
	#wrap .navbar .navbar-header .navMenu{margin-top:-12px;}
	#wrap .navbar .mainMenu span.prev{width:30px;}
	#wrap .navbar .mainMenu span.next{width:30px;}

	#mainMenuScroll{height:42.6px;}
	#wrap .navbar .mainMenu{}
	#wrap .navbar .mainMenu .scroller li {}
	#wrap .navbar .mainMenu .scroller li a{font-size:16px;padding:0px 12px;line-height:40px;}


	body #body_content{margin-top:143px;}
	body .nobanner #body_content{margin-top:89px;}



	/*Å¸ÀÌÆ²*/
	.titleArea{font-size:18px;height:35px;}
	.titleArea p.title{font-size:18px;height:35px;line-height:35px;}
	.titleArea a.backBtn{position:absolute;width:34px;height:27px;background-size:60%;}
	#body_content.mobile .titleArea{top:0px;}

	h2.title{background:#f7f7f8;margin:0px;border-bottom:1px solid #8d8d8d;padding: 0.6em 0px 0.6em 0px;position: relative;font-size: 18px;}
	h2.title a{font-size:24px;margin-top:-12px;}

	#float_top{bottom:60px;right: 10px;}
	#float_top a{display:block;width:40px;height:40px;background-size:100% 100%}
	#shop_detail #float_top{bottom:50px;}


}
@media (max-width:400px) {

	body #body_content{margin-top:129px;}
	body .nobanner #body_content{margin-top:82px;}

	#wrap #topSearchArea{padding-left:95px;margin-top:5px;}
	#wrap #topSearchArea form{padding: 3px 30px 3px 10px;}
	#wrap #topSearchArea form input{height:25px;font-size:14px;}
	#wrap #topSearchArea form button{width:30px;height:30px;background-size:80% 80%;top:2px;right:2px;}


	#mainMenuScroll{height:35px;}
	#wrap .navbar .mainMenu .scroller li a{font-size:14px;padding:0px 8px;line-height:33px;}



	/*Å¸ÀÌÆ²*/
	.titleArea{font-size:16px;height:30px;}
	.titleArea p.title{font-size:16px;height:30px;line-height:30px;}
	.titleArea a.backBtn{position:absolute;width:34px;height:27px;background-size:50%;left:10px;}
	#body_content.mobile .titleArea{top:0px;}
	h2.title{font-size: 16px;}
	h2.title a{font-size:18px;margin-top:-9px;}


}
