/* BASIC css start */
.menu_on {height:100%;overflow:hidden}
.menu_off {height:auto;overflow:initial}

#mask {width:100%;height:100%;position:fixed;top: 0;left:0;right:0;bottom:0;background-color:#3c3c3c;z-index:1000;display:none;opacity: 0.6;}
#wrap {position:relative;width:100%;min-width:320px;overflow:hidden}
#header {position:relative;width:100%;z-index:98;}

.topban_area{height:80px;background:#2d2d2d url("/design/olympicsf/mobile/skin1/images/bg_mtopban.jpg") no-repeat center 0;background-size:108% 80px;overflow:hidden;text-align:center;}
.topban_area dl{color:#fff;padding:14px 0 0;}
.topban_area dt{font-size:14px;line-height:14px;margin-bottom:4px;}
.topban_area dd{font-size:18px;line-height:20px;}
.topban_area dd .txt1{display:inline-block;color:#d65a47;font-weight:400;}
.topban_area dd .txt2{display:block;font-size:12px;color:#545353;line-height:12px;vertical-align:top;padding:5px 0 0 0;letter-spacing:0;}

.gnbWrap {height:60px;}
#gnb {position:relative;width:100%;border-bottom:1px solid #f1f1f1;}
#gnb p.global_nav_menu {position:absolute;top:50%;left:3%;width:26px;height:25px;margin-top:-10px;z-index:99;}
#gnb p.global_nav_menu img{width:100%;}
/*#gnb p#menu{position:absolute;top:50%;left:3%;width:26px;height:25px;margin-top:-10px;z-index:99;}
#gnb p#menu img{width:100%;}*/
#gnb p.searchBtn {position:absolute;top:50%;right:13%;width:25px;height:25px;margin-top:-13px;z-index:10;}
#gnb p.searchBtn img{width:100%;}
#gnb p.cartBtn {position:absolute;top:50%;right:3%;width:27px;height:27px;margin-top:-13px;z-index:10;}
#gnb p.cartBtn img{width:100%;}

#gnb .gnbact {position: relative;height:60px;zoom: 1;}
#gnb .gnbact h1.logo{text-align:center;padding:16px 0;}
#gnb .gnbact h1.logo img{width:140px;}

#gnb.act {position: fixed;top:0;left:0;background:#fff;background-color: rgba( 255, 255, 255, 0.8 );height:60px;z-index: 98;-webkit-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);-moz-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);}

.gnb_m1{border-top:1px solid #040404;}
.gnb_m1 ul{overflow:hidden;}
.gnb_m1 li{float:left;width:25%;text-align:center;}
.gnb_m1 li a{display:block;color:#fff;height:34px;line-height:34px;border-right:1px solid #040404;border-bottom:1px solid #040404;background:#212121;letter-spacing:-1px;}
.gnb_m1 li span{display:block;color:#fff;height:34px;line-height:34px;border-right:1px solid #040404;border-bottom:1px solid #040404;background:#212121;letter-spacing:-1px;}


#header .headerTop {position:relative;height: 30px;border-bottom: 1px solid #eee;zoom: 1;}
#header .headerTop li {width: 20%;float:left;text-align:center;line-height: 30px;position: relative;}
#header .headerTop a {display: block;font-size: 11px;color: #777;}
#header .headerTop a:before { display: block; content: ""; position: absolute; top: 11px; width:1px; height: 10px; background-color:#ddd; vertical-align: middle; }
#header .headerTop li:first-child a:before {background:none;}
#header .headerTop a.on {color:#fff100}
.headerTop .join2000 {z-index:20;position:absolute;top:26px;left:50%;width: 44px;height: 14px;line-height: 16px;margin-left: -22px;background: #333;border: 1px solid #333;border-radius: 3px;font-size: 10px;color: #fff;text-align:center;}
.headerTop .join2000:before {content: "";position:absolute;top: -4px;left:50%;margin-left: -2px;border-style: solid;border-width: 0 3px 3px;border-color: #333 transparent;}

#header .search {height: 38px;position:relative;background-color: #eee;padding-right: 40px;text-align:center;display:none;z-index:10;border-bottom: 1px solid #ddd8d3;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width: 94%;height: 26px; border:0px none;margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width: 40px;height: 38px;background-color: #ababab;position:absolute;top: 0px;right:0;color:#fff;text-align:center;line-height: 38px;font-size: 18px;}

#header .cate {}
#header .cate .list_category {overflow:hidden;}
#header .cate .list_category li {float:left; width:20%; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box; -moz-box-sizing:border-box;}
#header .cate .list_category li:nth-child(5) {border-right:0px none;}
#header .cate .list_category li:nth-child(10) {border-right:0px none;}
#header .cate .list_category li a {display:block;height:32px;line-height:32px;color:#777;text-align:center;text-overflow: clip;white-space: nowrap;overflow: hidden;font-size: 11px;}

/* 사이드 메뉴 */

aside nav li {position:relative;}
aside nav li a{display:block;color:#111 !important;}
aside nav li .fa {position:absolute;top:15px;right:0;width:60px;text-align:center;height:35px;line-height:35px;}

aside nav li > ul {display:none;border-top:1px solid #e5e5e5;}
aside nav li > ul > li{}
aside nav li > ul > li:first-child {}
aside nav li > ul > li > a {color:#111;padding:0 30px; font-size:13px;line-height:50px;border-top:1px solid #e5e5e5;}
aside nav li > ul > li:first-child > a{border-top:0;}
aside nav li > ul > li > .fa{top:7px;}

aside nav li > ul > li > ul {border-top:0;padding:0 0 10px;}
aside nav li > ul > li > ul > li {}
aside nav li > ul > li > ul > li > a{font-size:12px;line-height:28px;padding:0 0 0 39px;border-top:0;}

/* //카테고리 */


//카테고리
/* webkit 브라우저 스크롤 히든 */
::-webkit-scrollbar {width:0 !important; height:0 !important;}


.global_menu_type1 {position:fixed; top:0; bottom:0; right:auto; left:0; width:70%; background-color:#fff; z-index:100; font-size:18px; overflow-y:scroll; overflow-x:hidden; transform:translate3d(-100%,0,0); 
	-moz-transform: translate3d(-100%,0,0); 
	-ms-transform:translate3d(-100%,0,0); 
	-webkit-transform:translate3d(-100%,0,0); 
	-webkit-backface-visibility:hidden; 
	transition:-webkit-transform 400ms ease; 
	transition:transform 400ms ease;}
.global_menu_type1.is_active {
	visibility:visible; 
	-webkit-overflow-scrolling:touch; 
	z-index:100; 
    transform:translate3d(0,0,0); 
	-moz-transform: translate3d(0,0,0); 
	-ms-transform:translate3d(0,0,0); 
	-webkit-transform:translate3d(0,0,0);
}
.global_menu_inner > *:last-child {border-bottom:1px solid #e5e5e5;}

.global_menu_overlay {position:fixed; top:0; left:0; width:100%; height:100%; opacity:0; filter:alpha(Opacity=0); visibility:hidden; background-color:#000; transition:opacity 300ms ease; -moz-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; -webkit-transition:opacity 300ms ease; touch-action:pan-y; -webkit-user-select:none; -webkit-user-drag:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); z-index:-1;}
.global_menu_overlay.is_active {visibility:visible; filter:alpha(Opacity=80); opacity:.8; z-index:99;}

.gb_nav_btn_style{position:relative; display:block; width:100%; padding:25px 30px; line-height:1; background-color:#f5f5f5; border-top:1px solid #e5e5e5; box-sizing:border-box; text-align:left; font-size:14px; color:#111;}


.global_category_tit.center {padding-left:0; text-align:center; color:#111;}
.global_category_tit.slide .global_back {position:absolute; top:0; left:0; padding:25px 30px; line-height:1;}
.global_category_tit.slide .global_back:before {font-size:10px;}

.global_menu_slide .scroll > *:last-child {border-bottom:1px solid #e5e5e5;}
.global_menu_slide .global_slide {position:fixed; top:0; right:auto; bottom:0; left:0; overflow-y:scroll; overflow-x:hidden; width:70%; height:100%; visibility:hidden; 
	-moz-transform:translate3d(-100%,0,0); 
	-ms-transform:translate3d(-100%,0,0); 
	-webkit-transform:translate3d(-100%,0,0); 
	transform:translate3d(-100%,0,0); 

	-moz-transition:-moz-transform 400ms ease; 
	-o-transition:-o-transform 400ms ease; 
	-webkit-transition:-webkit-transform 400ms ease; 
	transition:-webkit-transform 400ms ease; 
	transition:transform 400ms ease; 
	background-color:#fff; z-index:999;}
.global_menu_slide .global_slide.is_active {visibility: visible;}
.global_menu_slide .global_slide.gb_sign_depth1 .gb_nav_btn_style {padding:0;}
.global_menu_slide .global_slide.gb_sign_depth1 .gb_nav_btn_style a {display:block; padding:25px 30px;}

.global_menu_slide .is_active {
	-moz-transform: translate3d(0,0,0); 
	-ms-transform:translate3d(0,0,0); 
	-webkit-transform:translate3d(0,0,0); 
	transform:translate3d(0,0,0); 
	visibility:visible;}

.global_category_tit {position:relative; padding:25px 30px; width:100%; border-top:1px solid #e5e5e5; background-color:#fff; text-align:left; font-size:16px; color:#8d8d8d;}
.global_category_tit.tit_area{font-size:14px;color:#d65a47;text-transform:uppercase;}
.global_category_tit a{color:#3b3b3b;}



#content img { width:100%; }
/* BASIC css end */