@charset "utf-8";
/*-- 2018_로그인 --*/
#login_area{
	padding: 3rem 1.8rem;
}
div.loginBox{
	overflow:hidden;
	position:relative;
}
div.loginBox dl{
	margin-bottom:1.2rem;
}
div.loginBox dl dd{
	margin-bottom:0.7rem;
}
div.loginBox .login_bt{
	width:100%;
	font-size:1.6rem;
	height:4.4rem;
	line-height:4.4rem;
}
#login_area .login_bottom{
	border-top:1px dotted #ccc;
	margin-top:3rem;
	padding-top:2rem;
	text-align:center;
}
#login_area .login_bottom li{
	display:inline-block;
	font-size:1.4rem;
	position:relative;
}
#login_area .login_bottom li:first-child::after{
	content:'';
	display:inline-block;
	width:1px;
	height:1.1rem;
	border-right:1px solid #ddd;
	margin:0 4rem 0.2rem;
	vertical-align:middle;
}

div.loginSaveBox {
	margin-bottom:1.1rem;
}

/*-- 2018_회원가입 --*/
.join_from{
	height:100%;
	overflow-y:auto;
}
.form_group{
	padding: 1rem 0 0;
}
.form_group dl.form_item {
    padding: 2rem 1.5rem 1.5rem;
	border-bottom:1px solid #d4d4d4;
	clear:left;
	overflow:hidden;
}
.form_group dl.form_item dt{
    font-size:1.4rem;
	font-weight:700;
	margin-bottom:0.7rem;
	color:#333;
}
.form_group dl.form_item dt.require::after{
    content: '*';
    display: inline-block;
    margin: -2px 0 0 3px;
    color: #de4f41;
    vertical-align: top;
}
.form_group dl.form_item dd{
    position:relative;
	font-size:1.4rem;
	margin-bottom: .7rem;
}
.form_group dl.form_item dd .btn_area{
	position:absolute;
	right:0;
	top:0;
}
.form_group dl.form_item dd.id_text{
	font-size:1.2rem;
	color:#198591;
	margin-top:.7rem;
	font-weight:bold;
}
.form_group dl.item3 dd{
	display:inline-block;
	width:34.3333%;
	padding:0 0.5rem 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}
.form_group dl.item3 dd:last-child{
	padding:0;
	width:31.3333%;
}
.form_group dl dd.email_area01 input{
	width:calc(100% - 30px);
}
.form_group dl dd.email_area02{
	width:calc(50% - .25rem);
	float:left;
}
.form_group dl dd.email_area03{
	width:calc(50% - .25rem);
	float:right;
}
.form_group dl.item_bg{
	background:#f5f5f5;
}
.form_group dl.item_bg2{
	background:#fefafe;
}
ul.agree_group{
	padding: 1rem 1.5rem;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:#f5f5f5;
	margin-top:-1px;
}
ul.agree_group li {
	position:relative;
	padding:1.5rem 0;
	border-bottom:1px solid #ddd;
}
ul.agree_group li:last-child {
	border-bottom:none;
	text-align:right;
}
ul.agree_group li .agree_view{
	position:absolute;
	right:0;
	top:1.1rem;
}


/* 회원가입 > 팝업 레이어 */
.layerPop_wrap{
	position:absolute !important;
	left:0;
	top:0;
	z-index:99999;
	width:100%;
	height:100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background:#fff;
}
.layerPop_wrap h2{
	height:4.5rem;
	font-size:1.8rem;
	color:#fff;
	background:#503396;
	border-bottom:1px solid #351f66 !important;
	padding:0 0 0 1.5rem;
	line-height:4.5rem;
}
.layerPop_wrap .btn_popColse{
	position:absolute; 
	right:1.5rem;
	top:1.3rem;
	z-index:99999;
	width:2rem;
	height:2rem;
}
.layerPop_wrap .pop_con{
	width:100%;
	height:calc(100% - 4.5rem);
	padding:2.5rem 2rem;
	overflow-y:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.guide_agree{
	font-size:1.4rem;
}
.guide_agree h3{
	margin:2rem 0 1rem;
}
.guide_agree h3:first-child{
	margin:0 0 1rem;
}
.guide_agree p{
	margin:0 0 1rem;
}
.guide_agree ul li{
	margin:0 0 0.7rem;
}
.guide_agree ul ul{
	margin:.5rem 0 1rem 1em;
}
/*우편번호검색_팝업*/
#__daum__layer_1{
	height:calc(100% - 4.5rem) !important;
}

/*-- 2018_회원가입 완료 --*/
.join_finish .finish_head{
	padding:.7rem 0;
	color:#fff;
	text-align:center;
	background:#503396;
}
.join_finish .finish_head p{
	padding:4rem 0;
	font-size:2rem;
	border-top:1px dashed rgba(255, 255, 255, 0.7);
	border-bottom:1px dashed rgba(255, 255, 255, 0.7);
	line-height:140%;
}
.join_finish ul{
	border-top:none;
}

.join_finish .buttons{
	margin-top:3rem;
	text-align:center;
}
.join_finish .buttons a{
	width:90%;
}

/*-- 2018_회원가입 완료_사전예약 --*/
.join_success{
	text-align:center;
	padding:2rem;
	font-size:1.4rem;
	line-height:160%;
}
.join_success .txt01{
	font-size:1.8rem;
	margin-bottom:1rem;
	line-height:160%;
	color:#333;
}
.join_success .txt03{
	margin-top:2rem;
	border-top:1px solid #ddd;
	padding-top:2rem;
	font-size:1.6rem;
}

/* 2018_아이디/비번찾기 결과 */
.idpw_search_result{
	padding:4rem 0;
	border-bottom:1px solid #444;
	text-align:center;
	font-size:1.5rem;
	color:#333;
	font-weight:700;
	background:#fff9c5;
}
.idpw_search_result strong{
	font-size:2rem;
}

/*-- 마이페이지 > 메인 --*/
.mypage_main .myinfo_area{
	text-align:center;
	border-bottom:10px solid #eee;
	padding:4rem 0;
}
.mypage_main > div.myinfo_area > p{
	font-size:1.8rem;
	color:#111;
}
.mypage_main .myinfo_area p span:before{
	content: '';
	display: inline-block;
	width:1px;
	height: 1.3rem;
	background:#bbb;
	margin:0 15px 0 12px;
}
.mypage_main .bar_code{
	width:75%;
	max-width:400px;
	margin:3rem auto 0;
}
.mypage_main ul.use_data ul{
	padding:1.7rem 2rem 1rem;
	border-bottom:1px solid #ddd;
	margin:0;
}
.mypage_main > ul.use_data > li:nth-child(odd){
	background:#f5f5f5;
}

/*-- 마이페이지 > 내쿠폰함 --*/
.my_coupon > ul.coupon_list > li{
	overflow:hidden;
	border-bottom:1px solid #ddd;
	font-size:1.4rem;
	position:relative;
}
.my_coupon ul.coupon_list ul{
	position:relative;
	padding:2rem;
}
.my_coupon ul.coupon_list ul li{
	overflow:hidden;
	padding:.4rem 0;
}
.my_coupon ul.coupon_list ul li span.label{
	float:left;
	width:8rem;
	position:relative;
	color:#333;
	font-weight:700;
}
.my_coupon ul.coupon_list ul li span.label::after{
	content: '';
	display: block;
	width: 1px;
	height: 1rem;
	position:absolute;
	right:1rem;
	top:.2rem;
	background:#ccc;
}
.my_coupon ul.coupon_list ul li span.con{
	float:left;
	width:calc(100% - 8rem);
}
.my_coupon ul.coupon_list ul li.btn_use{
	position:absolute;
	right:2rem;
	top:50%;
	margin-top:-2.2rem;
	padding:0;
}
.my_coupon ul.coupon_list ul li.btn_use a{
	display:block;
	color: #fff;
	font-weight:700;
	background: #198591;
	border-radius:50px;
	font-size:1.2rem;
	line-height:100%;
	padding:1rem 0 0;
	width:4.4rem;
	height:4.4rem;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*쿠폰팝업*/
.my_coupon .coupon_pop{
	border-top:1px dashed #ddd;
	padding:2rem;
	background:#f8f8f8;
}
.my_coupon .coupon_pop p{
	margin-bottom:1rem;
}
.my_coupon .coupon_pop .btn_area{
	margin-top:2rem;
	margin-left:-4px;
	overflow:hidden;
}
.my_coupon .coupon_pop .btn_area a{
	float:left;
	width:calc(50% - 4px);
	margin-left:4px;
}

.my_coupon .submit_area a{
	width:100%;
	font-size:1.6rem;
	line-height:4.8rem;
	height:5rem;
	font-weight:700;
	color:#333;
}
.my_coupon .submit_area a::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 2px solid #333;
	border-top: 2px solid #333;
	margin:-5px 0 0 10px ;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	vertical-align:middle;
}



/*-- 마이페이지 > 회원탈퇴 --*/
.member_out .out_guide{
	padding:2rem 1.5rem 0;
	font-size:1.4rem;
	line-height:140%;
	border-bottom:1px solid #d4d4d4;
}
.member_out .out_guide p{
	margin-bottom:2rem;
}
.member_out .form_group{
	padding:0 !important;
}
.member_out dl.form_item{
	background:#fff;
}

/*-- 마이페이지 > 내정보관리 > 카테고리 --*/
.myinfo_cate{
	height:calc(100% - 4.2rem);
	background:#f5f5f5;
}
.myinfo_cate ul{
	
}
.myinfo_cate ul li { 
	display: block; 
	border-bottom: 1px solid #e3e3e3;
	background:#fff;
}
.myinfo_cate ul li:last-child{
	border-bottom: 1px solid #bbb; 
}
.myinfo_cate ul li.pad{
	margin-top:1rem;
	border-top: 1px solid #e3e3e3;
}
.myinfo_cate ul li > a { 
	position: relative; 
	display: block; 
	padding:1.8rem 2rem; 
	font-size: 1.4rem; 
	text-decoration: none; 
}
.myinfo_cate ul li > a::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-right: 2px solid #444;
	border-top: 2px solid #444;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top:-5px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}



































/* 회원가입여부 확인 */
div#Member_wrapper #loginBtnArea{
	padding-top:50px;
	border-top: 1px solid #ddd;
	overflow:hidden;
}
div#Member_wrapper #loginBtnArea dl{
}

div#Member_wrapper #loginBtnArea dl.member_join{
		width:550px;
		margin:0 auto;
		
	}
	div#Member_wrapper #loginBtnArea dl.idpw_search{
		padding-left:50px;
		width:489px;
	}
div#Member_wrapper #loginBtnArea dl dt{color:#333;}
div#Member_wrapper #loginBtnArea dl dt span{color:#060606; font-weight:bold;}
div#Member_wrapper #loginBtnArea dl dd{color:#555;}
div#Member_wrapper #loginBtnArea dl dd.loginBtn_info{padding-top:10px;}




/* ----------------------------- 아이디/비밀번호 조회 ----------------------------- */
#idpw_search{
	overflow:hidden;
}
#idpw_search input{
	height: 38px;
	padding:0;
}
#idpw_search select{
	height: 38px;
	padding:0;
}
#idpw_search .buttons{
	width:190px;
	text-align:center;
	margin:30px auto 0px;
}



/* ----------------------------- 회원가입 ----------------------------- */
.join_area{
	font-family:"Nanum Gothic", sans-serif; 
}


.col-pink {color: red !important;}
.join_area h3{color:#222; font-size:18px; font-weight:bold;}
.join_area h4{
	color:#222;
	font-size:14px;
	font-weight:bold;
	background:none;
	padding:0;
}

/* ---------- 회원가입 순서 ---------- */
div.stepBox{
	width:100%;
	margin:0 0 40px;
	font-family:"Nanum Gothic", sans-serif; 
}
div.stepBox ul{
	width:100%;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
div.stepBox ul li{
	width:33.3%;
	color:#444;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:20px 0;
	background:url('/pages/member/images/member_line.gif') no-repeat left center;
	float:left;
}
div.stepBox ul li span{font-weight:normal;}
div.stepBox ul li:first-child{
	background:none;
}
div.stepBox ul li.on{
	color:#fff;
	background:url('/pages/member/images/step_bg_on.gif') repeat left 0;
}

/* ---------- 약관동의 ---------- */
/* 전체약관동의 */
.all_check{
	padding-bottom:20px;
	margin:60px 0 40px;
	border-bottom:1px solid #ddd;
	position:relative;
}
.all_check p{
	color:#444;
	font-size:14px;
	padding:5px 0;
}
.all_check p.check_ok{
	top:8px;
	right:0px;
	color:#222;
	font-size:16px;
	font-weight:bold;
	padding-left:28px;
	position:absolute;
	background:url('/pages/member/images/icon_all_no.png') no-repeat left center;
}
.all_check p.on{
	background:url('/pages/member/images/icon_all_ok.png') no-repeat left center;
}
/* 약관동의-라디오버튼 */
.join_area .agree_check{
	position:relative;
}
	.join_area .agree_check fieldset{
		bottom:0;
		right:0;
		position:absolute;
	}
/* 약관박스 */
.join_area p.agree_box {
	border:1px solid #ddd;
	margin:5px 0 30px;
	padding:10px;
}
.join_area textarea {
	width: 100%;
	height: 100px;
	font-size: 12px;
	background-color: transparent;
	border:none;
}




/* 가입완료 */
div.join-success {
	font-size:1.2em;
	margin-bottom:30px;
	text-align:center;
	letter-spacing:0.05em;
	background:#e1e1e1 url(/images/member/login_con.jpg) no-repeat 28% 10px;
	border-radius:20px;
	padding:50px 0 0 0;
	height:80px;
}
div.join-success span{
	color:#333;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-0.1em;
}
.join .tit_area{
	position:relative;
}
.join .guide_txt{
	position:absolute;
	right:0;
	top:0;
}




/* ------------------------------------------
find
------------------------------------------ */
div.bbs-find { 
	margin-bottom:20px; 
	border-top:2px solid #8c8c8c; 
}
div.bbs-find th, div.bbs-find td { 
	padding-top:5px;
	padding-bottom:5px  
}
div.bbs-find th { 
	background:#f9f9f9; 
	border-bottom:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2; 
	color:#4c4c4c;
	text-align:center;
}
div.bbs-find td { 
	border-bottom:1px solid #d2d2d2 ;
	padding-left:20px ; 
	text-align:left ;
}
div.bbs-find td select, div.bbs-find td .customStyleSelectBox { margin:0 5px;}



/* 회원탈퇴 */
#Partner .box01{
	border:1px solid #ddd;
	padding:30px 40px;
	margin-bottom:15px;
}
#Partner .box01 ul li{
	padding:5px 0;
}
#Partner .pw_form{
	background:#eee;
	padding:30px;
	margin-bottom:50px;
}


div.secession {}
div.secession div.msg { padding:13px;}
div.secession fieldset.choice { padding:15px 30px;}
div.secession fieldset.choice ul { }
div.secession fieldset.choice ul li { float:left; width:33%; margin:3px 0;}
div.secession fieldset.secession-input {}
div.secession fieldset.secession-input textarea { margin-bottom:8px; width:770px;}
div.secession div.msg-end { padding:25px 30px;}
div.secession div.msg-end h4 { text-align:center; font-size:15px; margin-bottom:20px; color:#4c4c4c;}
div.secession div.msg-end p { color:#888; line-height:1.5; margin:5px 0;}

/* 사이트이용내역 */
div.site .bul-dot-gray { margin-bottom:10px;}







/* ----------------------------- box ----------------------------- */
.box1{
	border-top:1px solid #000;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:25px 40px;
	margin:70px 0 0;
	background:#f7f7f7;
}
	.box1 h3{color:#060606; font-size:15px; font-weight:bold;}
	.box1 p{color:#555555; font-size:13px; padding:10px 0 0;}

.box2{
	border:1px solid #e3e3e3;
	padding:1px;
}
	.box2 .cont{background-color:#f8f8f8; padding:13px 8px 23px;}

.box_gray{background:#f0f0f0; border:1px solid #ddd;}

.fl{float:left !important}
.fr{float:right !important}



/* pop */
div.cart_bbs_list {
	border-top:2px solid #383d4a;
}

/* ----------------------------- Membership Table ----------------------------- */
table.member_tstyle { 
	border-top: 2px solid #333;
}
table.member_tstyle th, table.member_tstyle td {
	padding:15px 20px;
}
table.member_tstyle th { 
	color:#4c4c4c;
	font-size:13px;
	text-align:left; 
	border-bottom:1px solid #ddd; 
	background:#fff url("/pages/member/images/member_line.gif") top right no-repeat;
}
table.member_tstyle td {
	color:#333;
	font-size:15px;
	text-align:left;
	border-bottom:1px solid #ddd; 
	background:#fff; 
}
table.member_tstyle td span.radio_inline{ 
	padding-right:20px;
}



/* ----------------------------- Membership btn ----------------------------- */

a.btn-se {
    background: #4792d2;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    width: 100%;
}