@charset "utf-8";

#wrap {position:relative; margin:0 auto; width:100%;}

/* ----------------------------------------------
HEADER
------------------------------------------------*/

@charset "utf-8";
html{height:100%;}
body{background:#fff;color:#333;font-size:16px;letter-spacing:-0.5px;-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,legend,button{margin:0;padding:0;font-family:/*'AppleSDGothicNeo-Light',*/'Roboto','Droid Sans','Malgun Gothic','Helvetica','Apple-Gothic','돋움','Tahoma',dotum,'돋움',gulim,'돋움',sans-serif;}
section,nav,header,footer{display:block;}
table{border-spacing:0;border-collapse:collapse;}
form,fieldset,img{border:0 none;}
ul,ol,li{list-style:none outside;}
a{text-decoration:none;color:#3b3b3b;}
li,p,dt,dd,div,span{word-break:break-all;/*word-wrap:break-word;*/}
button, input[type='button'], input[type='submit'], input[type='reset']{cursor:pointer;-webkit-border-radius:0;}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
/*legend, .skip, .hide{overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-100px;}*/

.gnb_st{position:relative;height:48px;padding-top:10px;background:#fff;}
.gnb_st:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;z-index:10}
.gnb_st h1{position:absolute;top:11px;left:2px;width:130px;height:45px;}
.gnb_st h1 a{display:block;overflow:hidden;width:130px;height:45px;background:url('../images/common/gnb_fv.png') no-repeat -261px 0;background-size:325px 36px;color:transparent;}
.gnb_st .srch {display:block;position:relative;height:34px;margin:0 53px 0 135px;padding-right:39px;border:1px solid #646464;-webkit-border-radius:0px;border-radius:0px;background:#fff;}
.gnb_st .srch input[type='search']{display:block;width:100%;height:34px;padding:1px 0 0 8px;background:transparent;border:none;font-size:13px;color:#454444;
-webkit-border-radius:0;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.gnb_st .srch input[type='search']:focus{outline:none;}
.gnb_st .srch input[type='submit'] {overflow:hidden;position:absolute;top:-1px;right:-1px;width:39px;height:35px;border:none;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;background:url('../images/common/gnb_fv.png') no-repeat -152px 0;background-size:325px 36px;text-indent:-1000px;}
.gnb_st .mu{overflow:hidden;position:absolute;top:10px;width:37px;height:36px;background:url('../images/common/gnb_fv.png') no-repeat 0 0;background-size:325px 36px;color:transparent;}
.gnb_st .mu.cate{left:10px;}
.gnb_st .mu.cart{right:10px;background-position:-38px 0}

/* ----------------------------------------------
UI RESOURCE
------------------------------------------------*/
#container {margin:0 10px 30px 10px; position:relative; color:#666666; clear:both;}
.container {margin:0 10px; padding:20px 0; position:relative; color:#666666; clear:both;}
.full_container {padding:25px 20px; position:relative; color:#444444; clear:both; background:#f5f6f6;}
.livere {margin-top:20px;text-align: center;color:#222;}

/* --------- PUSHY SIDE ANIMATION --------- */
/* pushy */
.pushy{position:fixed; width:70%;height:100%; top:0; background:#fff; font-size:16px; overflow: auto; -webkit-overflow-scrolling:touch; z-index:10000; margin:0px; padding:0px;z-index:9999;border-left:1px solid #dfdfdf;}
.pushy a{display:block; font-size:16px;  text-decoration:none;}
.pushy .hd{position:relative; background:#333333; color:#fff; font-size:14px; padding: 35px 0 10px 10px; letter-spacing: 0;}
.pushy .hd img{margin-left:20px;width:100px;}
.pushy .hd .sideBtn{position:absolute;top:20px;right:20px;display:block;width:20px;height:20px;background:url(../images/common/lnb_arr_ico.png) no-repeat 0 -160px;background-size:40px 275px;text-indent:-100px;overflow:hidden;}
.pushy .mlist > li{border-bottom:1px solid #dfdfdf;background:url(../images/common/lnb_arr_ico.png) no-repeat 100% -22px;background-size:40px 275px;}
.pushy .mlist > li.on{background-position:100% 18px}
.pushy .mlist > li > a{padding:12px 0 10px 10px; font-size:14px;font-weight:bold;line-height:24px;display:block;}
.pushy .mlist > li > a.m2{background-position:0 -38px;}
.pushy .mlist > li > a.m3{background-position:0 -78px;}
.pushy .mlist > li > a.m4{background-position:0 -127px;}
.pushy .mlist > li > a.m5{background-position:0 -170px;}
.pushy .mlist > li > a.m6{background-position:0 -217px;}
.pushy .mlist > li > a.m7{background-position:0 -260px;}
.pushy .mlist .pc{margin-left:8px;width:21px;height:21px;display: inline-block;background: url(../images/common/lnb_ico.png) no-repeat 0 -310px;background-size:23px 340px;text-indent: -999em}

.pushy .mlist li ul{background: #f2f2f2;border-top:1px solid #dfdfdf;}
.pushy .mlist li li{border-bottom:1px solid #dfdfdf;}
.pushy .mlist li li:last-child{border-bottom:0}
.pushy .mlist li li a{padding:12px 0 11px 25px;font-size:14px;color:#666;line-height: 21px;}
.pushy .mlist li li a.ico_arr{background: url("../images/common/lnb_arr_ico.png") right -100px no-repeat;background-size: 40px 275px;}
.pushy .mlist li li a .ico{margin-right:5px;width:7px;height:15px;background: url("../images/common/lnb_arr_ico.png") 0 -195px no-repeat;background-size: 40px 275px;display: inline-block;}
.pushy .mlist li li a.ico_arr:hover,
.pushy .mlist li li a.ico_arr:active,
.pushy .mlist li li a.ico_arr:focus,
.pushy .mlist li li a.ico_arr.active{color:#397ca8;font-weight: bold;background-position: right -63px;}
.pushy .mlist li li a:hover,
.pushy .mlist li li a:active,
.pushy .mlist li li a:focus{color:#397ca8;font-weight: bold;}
.pushy .mlist li li a:hover .ico,
.pushy .mlist li li a:active .ico,
.pushy .mlist li li a:focus .ico,
.pushy .mlist li li a.active .ico{background-position: 0 -229px;}
.pushy .mlist li ul ul{background: #e1e1e1;border-top:1px solid #c4c4c4;}
.pushy .mlist li li li{padding:0 29px 0 27px;}
.pushy .mlist li li li:first-child{box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.15);}
.pushy .mlist li li li a{padding:6px 0 6px 10px;color:#666;font-size:12px;background: url("../images/common/lnb_arr_ico.png") 0 -256px no-repeat;background-size: 40px 275px;border-bottom:1px dotted #a9a9a9;}
.pushy .mlist li li li:last-child a{border:0;}
.pushy .mlist li li li a:hover,
.pushy .mlist li li li a:active,
.pushy .mlist li li li a:focus{background-position: 0 -256px;color:#666;font-weight: normal;text-decoration: underline}

.guide{padding:12px;color:#fff;font-size:14px;line-height:20px;background:#666;}
.guide .pc{margin-left:5px;padding-left:25px;height:25px;display: inline-block;background:url('') no-repeat 0 -310px;background-size:23px 340px;}
@media (max-width:359px){.pushy .guide{padding:10px;font-size:12px;}}
.qlink{padding:22px 0;overflow:hidden;}
.qlink li{margin-bottom:20px;float:left;width:33.3%;height:97px;}
.qlink li a{padding-top:80px;font-size:14px;text-align:center;background:url(../images/common/lnb_menu_ico.png) no-repeat center 0;background-size:76px 1325px;display:block;}
.qlink li a.m2{background-position:center -100px;}
.qlink li a.m3{background-position:center -200px;}
.qlink li a.m4{background-position:center -300px;}
.qlink li a.m5{background-position:center -400px;}
.qlink li a.m6{background-position:center -500px;}
.qlink li a.m7{background-position:center -605px;}
.qlink li a.m8{background-position:center -705px;}
.qlink li a.m9{background-position:center -805px;}
.qlink li a.m10{background-position:center -905px;}
.qlink li a.m11{background-position:center -1005px;}
.qlink li a.m12{background-position:center -1115px;}
.qlink li a.m13{background-position:center -1230px;}


.pushy .login{position:relative;padding:20px 17px 19px;border-bottom:1px solid #dfdfdf;line-height:20px;}
.pushy .login .btn{position:absolute;top:15px;right:15px;}
.pushy .login_link{overflow:hidden;}
.pushy .login_link span{padding:18px 9px;float:left;}
.pushy .login_link a{height:25px;line-height:24px;background:url(../images/common/ico_login01.png) no-repeat;background-size:34px 60px;}
.pushy .login_link .check{border-right:1px solid #dfdfdf;} 
.pushy .login_link .check a{padding-left:25px;}
.pushy .login_link .sc_cp a{padding-left:38px;background-position:0 -40px}
.pushy .login_link .sc_cp a span{float:none;padding:0;color:#00857c;font-weight:bold;}


.pushy .qlist .tlt{padding:10px 15px;font-size:16px;border-top:1px solid #dfdfdf;display:block;background:url(http://gs25.gsretail.com//_ui/mobile/common/images/gscvs/main/btn_login_arr.png) #f0f0f0 no-repeat 95% 12px;background-size:8px 13px;}
.pushy .qlist .txt{padding:15px 15px 15px 160px;/*height:70px;*/color:#666;font-size:12px;line-height:17px;background:url(../images/common/ico_login02.png) no-repeat 15px 20px;background-size:124px 64px;}



.pushy .qlist .pt{color:#fa5b45;font-weight:bold; font-size:18px;}
.pushy .qlist .txt .btn{margin-top:5px;width:100%;}
.pushy .btn{margin-left:0;padding:8px 14px;background:#666;color:#fff;font-size:12px;border:none}
.pushy .list25{overflow:hidden}
.pushy .list25 li{float:left;margin:15px 0;width:33.3%;text-align:center;background:url(../images/common/ico_login03.png) no-repeat center 0;background-size:43px 183px;}
.pushy .list25 li a{padding-top:43px;color:#666;}
.pushy .list25 li+li{background-position:center -75px}
.pushy .list25 li+li+li{background-position:center -150px}
.pushy .qlist .txt_sp{position:relative;padding:15px;color:#666;font-size:14px;line-height:19px;}
.pushy .qlist .txt_sp a{position:absolute;right:15px;bottom:15px;}
.pushy .qlist .btn_favrt{padding:8px 15px 8px 30px;font-size:12px;display:block;border:1px solid #dfdfdf;background:url(http://gs25.gsretail.com//_ui/mobile/common/images/gscvs/main/ico_star.png) #fdfdfd no-repeat 10px 10px;background-size:14px 13px;}
.pushy .listpop {overflow:hidden}
.pushy .listpop li{float:left;margin:15px 0;width:33.3%;text-align:center;background:url(http://gs25.gsretail.com//_ui/mobile/common/images/gscvs/main/ico_login04.png) no-repeat center 0;background-size:50px 181px;}
.pushy .listpop li a{padding-top:38px;margin:auto;width:100px;color:#666;font-size:12px;background:url(http://gs25.gsretail.com//_ui/mobile/common/images/gscvs/main/ico_more.png) no-repeat 85% 58px;background-size:12px 12px;}
.pushy .listpop li+li{background-position:center -75px}
.pushy .listpop li+li+li{background-position:center -150px}
@media (max-width:359px){
    .pushy a{font-size:13px}
    .pushy .login_link span{padding:18px 5px;}
    .pushy .qlist .txt{padding:15px 0px 15px 135px;background-position:5px 20px}
    .pushy .qlist .txt .btn{width:95%;}
    .pushy .qlist .btn_favrt {padding:8px 10px 8px 22px;background-position:5px 10px}
    .pushy .login.hello{font-size:14px}
    .pushy .qlist .code .btn_view{right:15px}/*0706*/

}

.right_banner li{border-bottom:1px solid #cccccc;}
.right_banner li img{width:100%;}

/* Menu Movement */
.pushy-left{
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}
.pushy-right{
    right:0
}
.pushy-open{
    -webkit-transform: translate3d (0px,0,0);
    -moz-transform: translate3d (0px,0,0);
    -ms-transform: translate3d (0px,0,0);
    -o-transform: translate3d (0px,0,0);
    transform: translate3d (0px,0,0);
}
 /* 사이드 메뉴(오른쪽) */
.side-pushy-right{
    -webkit-transform: translate3d(200%,0,0);
    -moz-transform: translate3d(200%,0,0);
    -ms-transform: translate3d(200%,0,0);
    -o-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0);
}

.side-pushy-open{
    -webkit-transform: translate3d (100%,0,0);
    -moz-transform: translate3d (100%,0,0);
    -ms-transform: translate3d (100%,0,0);
    -o-transform: translate3d (100%,0,0);
    transform: translate3d (100%,0,0);
    right:0
}

.side-site-overlay{display:none;}
.pushy-active .side-site-overlay{display:block; position:fixed; top:0; right:0; bottom:0; left:000px; z-index:100; background:#000; opacity:0.7;}
/* 사이드 메뉴(오른쪽) */

/* Menu Transitions */
.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    /*
    improves performance issues on mobile
    -webkit-perspective: 1000;
    */
    -webkit-backface-visibility: hidden;
}

/* Site Overlay */
.site-overlay{display:none;}
.pushy-active .site-overlay{display:block; position:fixed; top:0; right:0; bottom:0; left:200px; z-index:100; background:#000; opacity:0.7;}


/*우측슬라이드버튼*/
.btn_my{position:absolute;top:10px;right:5px;z-index:99;width:50px;height:45px;background: url("../images/common/btn_mem_view.png") 0 0 no-repeat;background-size:50px 105px;overflow:hidden;text-indent: -999em;}
.btn_my.open{position: fixed;right:70.2%;background-position:right bottom;}

/*탑메뉴리스트*/
.m_lnb{margin:0;position:relative; height:40px; border-top:1px solid #444444; border-bottom:1px solid #444444; background:#fff;}
.m_lnb .swiper-nav {overflow:hidden;width:95%;padding:0;margin:0 auto;}
.m_lnb ul{overflow:hidden;width:85%;height:40px;}
.m_lnb ul:after{display:block;clear:both;overflow:hidden;content:' ';}
.m_lnb ul li{float:left; height:40px;}
.m_lnb ul li a{display:block; color:#000; font-weight: bold;}
.m_lnb ul li div{position:relative;height:40px;cursor:pointer; padding:0 10px;text-align:center;color:#fff;font-size:13px;line-height:40px;letter-spacing:-1px;white-space:nowrap; font-family:'돋움',sans-serif;}
.m_lnb ul li.active-nav div{position:relative;font-weight:bold; letter-spacing:-1.5px; }
.m_lnb ul li.active-nav div:after{display:block;clear:both;overflow:hidden;content:'';position:absolute;bottom:-1px;left:0;width:100%;height:8px;background:#ec3c40;}
.lnb_control button{ display:block;overflow:hidden;position:absolute;top:0;width:30px;height:40px;padding:0;border:none;color:transparent;font-size:0;background:#fff;z-index:10;}
.lnb_control button i{font-size:24px;color:#222;}
.lnb_control button.prev{display:none;left:0;}
.lnb_control button.next{right:0;}
@media (min-width:490px){
	.m_lnb ul li.active-nav div:after{left:50%;width:70px;margin:0 0 0 -35px;}
	.lnb_control button{visibility:hidden;}
 }
.openmenu{position:absolute;
    width: 50px;
    height: 40px;
	line-height:45px;
	color:#fff;
	font-size:20px;
	text-align:center;
	background:#ec3c40;
	cursor:pointer;
	}

/*메인아이콘메뉴*/
.mainiconmenu{text-align: center; width:100%; border-bottom:7px solid #d1d1d1;}
.mainiconmenu li{text-align:center; display: inline-block; width:19.2%; margin:7px 0;}
.mainiconmenu li img{width:60px;}

/*메인tab리스트*/
.main_tab{
	padding: 7px 35px;
	border-bottom: 1px solid #ccc;
	height: 21px;
	text-align: center
}
.main_tab li{font-family: 'Malgun Gothic', sans-serif; width:45px;  display: inline-block; margin-left: 17.03125%; position:relative; font-size:13px; text-align:center;}
.main_tab li:first-child{margin-left:0;}
.main_tab li a{width:100%;height:20px;display:inline-block;background:#fff;border:1px solid #fff;color:#646464;border-radius:4px;line-height:18px;}
.main_tab li span{font-size:13px;font-weight:bold;top:15px;left:10px; text-align:center;}
.main_tab li a:hover, .main_tab li a:active, .main_tab li a.on{background:#fff;border:1px solid #ec3c40;color:#ec3c40}


/*상단메뉴따라오기*/
.jbFixed {
  width:100%;
        position: fixed;
        top: 0px;
		 z-index: 777;
      }

.omenu_btn{background:#1e1e1e; height:32px;}
.omenu_btn li{color:#fff; font-size:12px; line-height:32px; text-align:center; width:30%; display: inline-block;}
.omenu_btn li.on{color:#fff; font-size:12px; line-height:32px; text-align:center; width:35%; display: inline-block;}
.omenu_btn li a{color:#fff; font-size:12px; line-height:32px; text-align:center;}
.omenu_btn li.on a{background:#ef3f3b; color:#fff; font-size:12px; line-height:32px; text-align:center;}


.footerq .qlink{padding:22px 0;overflow:hidden; text-align:center;}
.footerq .qlink li{margin-bottom:20px; display:inline-block; width:100px; height:97px;}
.footerq .qlink li a{padding-top:80px;font-size:14px;text-align:center;background:url(../images/common/lnb_menu_ico.png) no-repeat center 0;background-size:76px 1325px;display:block;}
.footerq .qlink li a.m2{background-position:center -100px;}
.footerq .qlink li a.m3{background-position:center -200px;}
.footerq .qlink li a.m4{background-position:center -300px;}
.footerq .qlink li a.m5{background-position:center -400px;}
.footerq .qlink li a.m6{background-position:center -500px;}
.footerq .qlink li a.m7{background-position:center -605px;}
.footerq .qlink li a.m8{background-position:center -705px;}
.footerq .qlink li a.m9{background-position:center -805px;}
.footerq .qlink li a.m10{background-position:center -905px;}
.footerq .qlink li a.m11{background-position:center -1005px;}
.footerq .qlink li a.m12{background-position:center -1115px;}
.footerq .qlink li a.m13{background-position:center -1230px;}


/****우측마이페이지햄버거***/
.quick-bar {
    position: fixed;
    top: 0;
    right: -240px;
    width: 240px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(203,203,203,1);
    z-index: 999997;
    transition: right .3s ease-in-out;
 }
 .quick-bar.on {
     right:0;
 }
 .quick-bar > button.btn0001 {
  position:absolute;
  left:-37px;
  top:50%;
  margin:-34px 0 0 0;
  padding:0;
  width:39px;
  height:69px;
  border:0;
  outline:0;
  text-indent:-9999px;
  background:url(/images/top/btn_quick01.png) no-repeat 50% 50%;
  transform: rotate(180deg);
}
.quick-bar.on > button.btn0001 {
  transform: rotate(0);
  background:url(/images/top/btn_quick02.png) no-repeat 50% 50%;
}
 
.quick-bar-container {
    box-sizing: border-box;
    padding: 20px;
    height: 100%;
}
.quick-bar-container > a {
    display: block;
}
.quick-bar-container > a + a {
    margin-top: 5px;
}
.quick-bar .quick-bar-account {
    overflow: hidden;
}
.quick-bar .quick-bar-account li {
    margin-top:5px;
}
.quick-bar .quick-bar-account li.left {
    float: left;
}
.quick-bar .quick-bar-account li.right {
    float:right;
}
.quick-bar .quick-bar-account li a {
    display: block;
}
.quickIco {
	width:200px;
	margin:0 auto 20px;
	overflow:hidden;
}
.quickIco:after {
	content:"";
	display:block;
	*zoom:1;
	clear:both;
}
.quickIco h4 {
	width:200px;
	margin:10px 0;
	color:#333;
	font-weight:700;
	font-size:12px;
	line-height:17px;
	text-align:center;
	letter-spacing:0.1em;
}
.quickIco .line {
	width:21px;
	height:1px;
	margin:0 auto 12px;
	border-top:1px solid #aaa;
	line-height:0px;
	font-size:0;
}
.quickIco:hover .line {
	width:40px;
	border-top:1px solid #555;
}
.quickIco ul {
	display:block;
	width:220px;
	letter-spacing:-4px;
}
.quickIco li {
	display:inline-block;
	margin:0 17px 13px 0;
	font-size:11px;
	color:#333;
	text-align:center;
	letter-spacing:0;
}
.quickIco li a {
	display:block;
	width:55px;
	height:55px;
	margin:0 0 6px;
	background:#f4f4f4;
	font-size:22px;
	border-radius:12px;
	-webkit-border-radius:12px;
	color:#333;
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
}
.quickIco li a i {
	line-height:55px;
	color:#777;
}
.quickIco li:hover a {
	background:#ddd;
}
.quickIco li:hover a i {
	color:#111;
}


.qrbban li{margin-bottom:5px; text-align: center;}
.cs_tel_inner{text-align:center}
.call_cs {
    text-align:left;
    font-size: 12px;
    overflow: hidden;
    color: #666;
    border-top: 1px #eaeaea solid;
	width: 200px;
    margin: 0 auto 20px;
}
.call_cs .tle {
    margin: 10px 0 10px;
	text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.cs_tel_inner .cs_tel {
    padding: 0 0 10px;
    color: #333;
	font-size: 28px;
	font-weight: bold;
}
.cs_tel_inner .callbtn{padding:10px 20px; background:#ff1b1b; border-radius: 5px;}
.cs_tel_inner .callbtn a{color:#fff; font-weight: bold; font-size: 20px;}
.call_cs .cs_time {
    font-size: 11px;
    line-height: 150%;
}
.right_cs {
    text-align:left;
    font-size: 12px;
    overflow: hidden;
    color: #666;
    border-top: 1px #eaeaea solid;
	width: 200px;
    margin: 0 auto 20px;
}


.right_cs .cs_bank {
    line-height: 17px;
    margin: 0 0 10px;
}
.right_cs .tle_blank {
    width: 20px;
    height: 3px;
    background: #333;
    margin: 30px 0;
    line-height: 16px;
}


.right_sns {
    text-align:left;
    font-size: 12px;
    overflow: hidden;
    color: #666;
    border-top: 1px #eaeaea solid;
	width: 200px;
    margin: 0 auto 20px;
}
.right_sns .tle {
    margin: 10px 0 10px;
}
.right_sns_inner li{display:inline-block}
.right_sns_inner li img{border-radius: 50%;}