﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,figure,figcaption {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle; border-radius:0}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] { border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}

.png24{tmp:expression(setPng24(this));}
 
body {background:#f1f1f1;}
body,th,td,input,select,textarea,button {font-size:1em;font-family:sans-serif, arial, Dotum, AppleGothic, sans-serif;color:#333;}
 
a {color:inherit;text-decoration:none}
a:active, a:hover, a:visited {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

.blind{position: absolute; left: -9999em; width:0; height: 0; font-size:0; line-height:0; visibility:hidden;} /* caption , legend 및 숨길 태그(제목같은것h2)에 적용 */
img{width:100%; vertical-align:middle} /*mobile일때 추가*/

/* readonly */
[readonly]{background: #f4f4f4;}

/* image */
#divImg {position:absolute; display:none; z-index:10000; background-color:#FFFFFF; border:2px solid #666666; text-align:center; padding:40px 10px;}
#divImg .DetailBtn {position: absolute;z-index: 3;right: 10px;top: 10px;}
#divImg .DetailBtn a{display: inline-block; padding:7px 15px 5px 15px; font-size: 15px; color:#fff; background-color:#000;}
.tit .DetailBtn {padding-left:3px;}
.tit .DetailBtn a {display: inline-block;font-size: 0;background: url('/jsp/mall/images/sub/Detail.png') center no-repeat #aaa;width: 22px;height: 22px;}
.tit .cnt_txt {color:#999;}

/*reset*/
*,*:after,*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/** LAYOUT **/
#container, #footer {width:100%;position:relative}
#container {min-height:27em; box-sizing:border-box;}
#footer {padding: 1.5em 0.5em;text-align: center}

/*	optView */
#optView {display:none;}

/** HEADER **/
.m_header {position:relative;width:100%;background: #000f26;/* border-bottom: 0.125em solid #484848; */}
	/* TOP */
	.gn_top {position: relative;display: table;width: 100%;padding-top:0.5em;}
	.gn_top li {display: table-cell; vertical-align: middle}
	.gn_top li:first-child {width:6.2em}
	.gn_top li.last {width: 4em;/* padding-left: .25em; *//* text-align: right; */}
		h1.logo {float: left;}
		h1.logo a {display: inline-block;color:#636363;letter-spacing:normal;background: url('/jsp/mobile/images/common/header/logo_60.png') left no-repeat;text-indent: -999em;width: 60px;line-height: 37px;background-size: 100%;}
		.gn_menu {float:left;text-indent:-999999em;background:url('/jsp/mobile/images/common/header/icn_menu.png') center no-repeat;padding: 0.5em;background-size: 100%;/* font-size: 0; */width: 2em;}
		.gn_my {display:inline-block;width:23px;text-indent:-999999em;background: url('/jsp/mobile/images/common/mypage/m_user.png') center no-repeat;/* margin:0 0.5em; */line-height:25px;}
		.gn_cart {display:inline-block;width:25px;text-indent:-999999em;background:url('/jsp/mobile/images/common/header/icn_cart.png') center no-repeat;margin-right:0.5em;line-height:25px;background-size: 64%;}
		/*SEARCH*/
		.search {/* border:0.165em solid #cacaca; */display: inline-block;position: relative;width: 100%;/* padding-right: .165em; */}
		.search img {vertical-align:baseline}
		.top_sh {border:0 none;vertical-align:baseline;width: 100%;padding-right: 29px;text-indent: 0.35em;background: transparent;color: #fff;font-size: .75em;text-align: right;}
		.top_shimg {position:absolute;right:0;top:0;padding: .25em 0em; width: 0.85em;margin-right: .5em;}
	/* gnb */
	.gn_gnb {display:table; width:100%}
	.gn_gnb li {display:table-cell; text-align:center; line-height:2.3}
	.gn_gnb li a {color: #868686; font-weight:bold}
	.gn_gnb li a.on {color: #636363;}
	/* gnb2 */
	.gn_gnb2 {display:table; margin:0 auto;}
	.gn_gnb2 li {display:table-cell; text-align:center; padding:9px 10px; letter-spacing:-0.03em;}
	.gn_gnb2 li a {color: #868686;font-weight:bold;font-size: .975em;}
	.gn_gnb2 li a.on {color: #b5b5b5;}
	/* MENU */
	.menu_wrap {display:block;/* border-bottom:1px solid #e0e0e0; *//* margin-top:-1px; */}
		.mcat {background: #253854;border-bottom: 1px solid #1e2d42;padding:0 0.5em;line-height:2.5em;}
		.mcat a {color:#fff;font-weight:bold;font-size: 0.8em;display:block;text-align:left;}
		.left_tit {background: #dce9fd;font-weight:bold;font-size:1em;line-height:2.3;text-align:center;border-top:1px solid #e2e2e2;}
		.left_tit h2 {font-size:1em}
		.svc_con {background:#fff;text-align:center;/* overflow: hidden; */display: table;width: 100%;}
		.svc_icon {/* float:left; *//* width:25%; *//* display:block; */display: table-cell;}
		.svc_icon a {font-size:0.85em;letter-spacing:-0.02em;padding-top: 38px;margin: 0.75em;display: block;color:#777;}
		.svc_icon	.faq{background:url('/jsp/mobile/images/nav/nav_06.png') center top no-repeat; min-width:40px}
		.svc_icon	.qna{background:url('/jsp/mobile/images/nav/nav_33.png') center top no-repeat; min-width:62px}
		.svc_icon	.event{background:url('/jsp/mobile/images/nav/nav_03.png') center top no-repeat; min-width:40px}
		.svc_icon	.notice{background:url('/jsp/mobile/images/nav/nav_02.png') center top no-repeat; min-width:40px}
		.svc_icon	.twitter{background:url('/jsp/mobile/images/nav/tweet.png') center top no-repeat; min-width:36px}
		.svc_icon	.pinit{background:url('/jsp/mobile/images/nav/pinterest.png') center top no-repeat; min-width:36px}
		.svc_icon	.google{background:url('/jsp/mobile/images/nav/google.png') center top no-repeat; min-width:36px}
		.svc_icon	.inst{background:url('/jsp/mobile/images/nav/inst.png') center top no-repeat; min-width:36px}
		.svc_icon	.blog{background:url('/jsp/mobile/images/nav/blog.png') center top no-repeat; min-width:36px}
		.svc_icon	.fbook{background:url('/jsp/mobile/images/nav/fbook.png') center top no-repeat; min-width:36px}
		.svc_icon	.kakao{background:url('/jsp/mobile/images/nav/kakao.png') center top no-repeat; min-width:36px}

/* ORDER */
.order_wrap {display:block;/* border-bottom:1px solid #e0e0e0; *//* margin-top:-1px; */}
.order_wrap span.indn {padding:0 0.8em;}
	.grpcat {padding:0;margin:0;line-height:2.5em;}
		.grpcat > li {font-size:1.1em;background: #253854;border-bottom: 1px dashed #565D61;padding:0.12em 0;line-height:2.5;}
		.grpcat > li > a {color:#fff;font-weight:bold;font-size: 0.8em;display:block;text-align:left;}
	.numcat {padding:0;margin:0;}
		.numcat > li {font-size:1.0em;background: #dce9fd;border-bottom: 1px dashed #B8C0CC;padding:0 0.5em;line-height:2.5;}
		.numcat > li > a {font-weight:bold;font-size: 0.8em;display:block;text-align:left;}
	.itemcat {padding:0;margin:0;}
		.itemcat > li {padding:0;}
		.itemcat > li > .cartitm {padding:0;}

/** FOOTER **/
footer {font-size: 0.7em;color:#999;height:60px;/* margin-top:20px; */background: #dbdbdb;}
.footer_inner {text-align:center}
.footer_inner a {display: inline-block;background-color: #fff;border: 1px solid #e0e0e0;padding: 0.15em 0.5em;border-radius: 0.35em;}
address {font-size:1.1em; text-align:center;}

/** LOGIN **/
.box_blue {background:#fff; border:1px solid #e5e7e8; margin:0.5em}
	.form_id {padding:2em; font-size:0.85em} 
	.form_id li.form_chx {padding-bottom:0.65em}
	.loginimg {color:#B7B7B7; display:block; line-height:80px;text-align: center;font-size: 4em;border-bottom: 1px solid #ddd;margin-bottom: 0.2em;}
		.saved{text-align:right; line-height:2;font-size: 0.95em;padding-bottom: 0.5em;}
		.saved label {margin:0.25em}
			.find_id {font-size:0.85em; line-height:1.7;text-align: center;}
				.findid {display:inline-block; background: #F1F1F1; line-height: 2;border: 1px solid #BBBBBB;padding: 0 1em;}
			.id00 {border: #BBBBBB 1px solid; width:100%; padding:0.5em; line-height:2; background-color: #F1F1F1;}
			.btn_login {background: #426688;color:#fff;font-weight:bold;font-size:1.15em;line-height: 3.7;width: 100%}

/** JOIN **/
.joinch1 {display:table; width: 100%; border:1px solid #e0e0e0; background:#F3F6FF; font-size:0.85em;}
.joinch1 dt {display:table-cell; text-align:right; vertical-align:middle; padding-right:2em}
.joinch1 dd {display:table-cell; padding:1em}
	.hdtit2 {display:block; line-height:1.7; color:#1184b9; font-weight:bold}
.join {border:1px solid #e0e0e0; background:#fff; min-height:15em}
	.join_tit {padding:0.8em; letter-spacing:-0.02em; font-weight:bold}
	.join_sub {padding:1.2em; font-size:0.85em}
	.join_sub2 {padding:1.2em; font-size:0.85em; border-top:1px solid #e0e0e0}
		.join_inner {display:block; font-size:0.85em;}
		.formlist {padding:1em; padding-top:0; position:relative; display:block; }
		.formlist li {padding-bottom:0.65em}
		.formlist li:last-child {padding:0}
			.input_join {border:1px solid #e0e0e0; vertical-align: baseline; padding:0.25em; width:100%; background:#fbfafa; line-height:2}
			.btn_frm {background:#ababab; color:#fff; width:100%; line-height:3}
		.subtxt {font-size:0.85em; display:block; color:#888}
		.subtxt1 {font-size:0.85em; display:block; color:#888; padding:0 0.5em 1.5em}
		.txt_box {position:relative; display:block; margin:0.5em 0; border:1px solid #e0e0e0}
		.txt_inner {padding:0.5em; font-size:0.85em; position:relative; width:100%; display:block; height:7em; overflow-y:scroll;  background:#FBFAFA; border-bottom:1px solid #e0e0e0}
		.agrchk {text-align:right; font-size:0.85em; padding:0.8em}
	.join_sub3 {padding:0.5em; padding-top:0}
		.info_txt2 {border:1px solid #e0e0e0;vertical-align: baseline; padding:0.25em; width:6em}
	.deco5 {color:#636363}
/* MENU */
	.mcat_s {display:block; background:#FAF6FF; line-height:2.5; border-bottom:1px solid #e0e0e0}
	.mcat_s a { font-size:0.85em;  margin:0 1em; display:block;}
		.deth1 {display:block; width:100%; font-weight:bold; background:url('/jsp/mobile/images/pro/more1.png')right no-repeat}
	.mcat_inner {border-top: 1px solid #EFEFEF;}
	.mcat_inner li {}
		.deth2 {background:#fff;}
/* PAGING */
.paging_area {text-align:center; font-size:0.85em; margin-top:1em}
.paging_area a {display:inline-block; margin:0 1em}
.paging_area a span {text-indent:-999999em; width:20px; line-height:19px; display:inline-block}
	.prv_next {background:url('/jsp/mobile/images/board/back20.png') left no-repeat; }
	.prv_back {background:url('/jsp/mobile/images/board/next20.png') left no-repeat; }
	.paging {margin:0 1em}
/* APPDOWN */
.d_wrapper {margin:0 auto; background:#fff; height: 100%;}
	.d_info {position:relative; }
	.d_info .d {position:absolute; top:3.5em; left:50%}
	.d_info .d img {width:11em; margin-left:-5.5em}
	.d_info .stdx {text-align:center; padding-top:15em} 
		.stdx h3 {padding:0; margin:0; font-size:1.25em; padding-bottom:1.2em;letter-spacing: -0.02em;}
			.stdx em {color:#826ED6}
		.stdx p {padding:0; margin:0; line-height:1.5; letter-spacing:0}
	.d_apdwn {margin:1.75em 1.75em 2em; position:relative}
	.d_apdwn a {display:block; text-align:center}
	.d_apdwn a span {position:absolute; z-index:-1; top:50%; left:50%;}}