@charset "utf-8";
/*=================================================================================================
// ¸í    Ī : ¼îÇθô ½ºÅ¸ÀϽ¬Æ® - 1680px ÀÌ»ó
// 󸮳»¿ë : 
// ÀÛ ¼º ÀÚ : 2018-05-28 ±èÁøÈÄ 
//=================================================================================================*/

.dcJoinAgreeTop{text-align:center; margin:0 0 100px 0;}
.dcJoinAgreeTop ul{}
.dcJoinAgreeTop ul li{display:inline-block; width:200px; font-size:16px; line-height:21px; color:#1a1a1a; margin:0 30px 0; padding:80px 0 0 0;}
.dcJoinAgreeTop ul li span{font-weight:bold;}
.dcJoinAgreeTop ul li.dcJoinIssu01{background: url(../img/member/iconJoin01.png) 50% 0 no-repeat;}
.dcJoinAgreeTop ul li.dcJoinIssu02{background: url(../img/member/iconJoin02.png) 50% 0 no-repeat;}
.dcJoinAgreeTop ul li.dcJoinIssu03{background: url(../img/member/iconJoin03.png) 50% 0 no-repeat;}

/* ·Î±×ÀÎ */
#diLoginWrap{}
#diLoginWrap .dcLoginTop{}
#diLoginWrap .dcLoginTop .dcLoginInput{width:400px; margin:0 auto 20px;}
#diLoginWrap .dcLoginTop .dcLoginInput input[type='text']{display:block; width:100%; height:50px; padding:5px 10px; border:solid 1px #e1e1e1; background-color:#fff; font-size:14px; color:#000; margin:0 0 10px 0; text-align:center;}
#diLoginWrap .dcLoginTop .dcLoginInput input[type='password']{display:block; width:100%; height:50px; padding:5px 10px; border:solid 1px #e1e1e1; background-color:#fff; font-size:14px; color:#000; margin:0 0 10px 0; text-align:center;}
#diLoginWrap .dcLoginTop .dcLoginInput button.dcbtnLogin{display:block; width:100%; height:50px; line-height:50px; border:solid 1px #333; background-color:#333; font-size:14px; color:#fff; text-align:center; margin:0 0 10px 0;}
#diLoginWrap .dcLoginTop .dcLoginInput button.dcbtnLogin:hover{border:solid 1px #333; background-color:#fff; color:#333;}
#diLoginWrap .dcLoginTop .dcLoginInput a.dcbtnJoin{display:block; width:100%; height:50px; line-height:50px; border:solid 1px #ec008c; background-color:#ec008c; font-size:14px; color:#fff; text-align:center;}
#diLoginWrap .dcLoginTop .dcLoginInput a.dcbtnJoin:hover{border:solid 1px #ec008c; background-color:#fff; color:#ec008c;}
#diLoginWrap .dcLoginTop .dcLoginCheck{width:400px; margin:0 auto 20px;}
#diLoginWrap .dcLoginTop .dcLoginCheck input[type='checkbox']{display: none;}
#diLoginWrap .dcLoginTop .dcLoginCheck input[type='checkbox'] + label{margin:0 10px 0 0; cursor: pointer; }
#diLoginWrap .dcLoginTop .dcLoginCheck input[type='checkbox'] + label span {display: inline-block; width:15px; height:15px;  margin: -2px 5px 0 0; vertical-align: middle; background: url(../img/common/btnCheckOff.png) 50% 50% no-repeat; background-size: cover;}
#diLoginWrap .dcLoginTop .dcLoginCheck input[type='checkbox']:checked + label span {background: url(../img/common/btnCheckOn.png) 50% 50% no-repeat; background-size: cover;}

#diLoginWrap button.dcBtnGuestBuy{display:block; width:400px; height:50px; margin:0 auto; line-height:50px; border:solid 1px #999; background-color:#999; font-size:14px; color:#fff; text-align:center;}

#diLoginWrap .dcSNSLogin{width:300px; margin:0 auto 90px;}
#diLoginWrap .dcSNSLogin div button{width:100%; height:50px; text-indent:-99999px;}
#diLoginWrap .dcSNSLogin .dcNaverLogin{background: url(../img/member/btnLoginNaver.png) 50% 50% no-repeat; margin:0 0 10px 0;}
#diLoginWrap .dcSNSLogin .dcKakaoLogin{background: url(../img/member/btnLoginKakao.png) 50% 50% no-repeat; margin:0 0 10px 0;}
#diLoginWrap .dcSNSLogin .dcFacebookLogin{background: url(../img/member/btnLoginFacebook.png) 50% 50% no-repeat;}

#diLoginWrap .dcOrderCheck{}
#diLoginWrap .dcOrderCheck .dcCheckInput{width:400px; margin:0 auto;}
#diLoginWrap .dcOrderCheck .dcCheckInput input[type='text']{display:block; width:100%; height:50px; padding:5px 10px; border:solid 1px #e1e1e1; background-color:#fff; font-size:14px; color:#000; margin:0 0 10px 0;}
#diLoginWrap .dcOrderCheck .dcCheckInput button.dcBtnOrderCheck{display:block; width:100%; height:50px; line-height:50px; border:solid 1px #999; background-color:#999; font-size:14px; color:#fff; text-align:center;}


/* ȸ¿ø°¡ÀÔ - ¾à°üµ¿ÀÇ */
#diJoinAgreeWrap{}
#diJoinAgreeWrap .dcJoinAgreeBox{}
#diJoinAgreeWrap .dcJoinAgreeBox .dcAgreeBox{}
#diJoinAgreeWrap .dcJoinAgreeBox .dcAgreeBox > h4{font-size:16px; line-height:21px; color:#1a1a1a; margin:0 0 10px 0;}
#diJoinAgreeWrap .dcJoinAgreeBox .dcAgreeBox > h4 span{color:#666;}
#diJoinAgreeWrap .dcJoinAgreeBox .dcAgreeBox .dcAgreeCon{border:solid 1px #e1e1e1; padding:20px; width:100%; height:168px; overflow-y:scroll; margin:0 0 16px 0;}
#diJoinAgreeWrap .dcJoinAgreeBox .dcAgreeBox .dcCheckBox{text-align:right;}
#diJoinAgreeWrap .dcJoinAgreeBox .dcAgreeBox .dcCheckBox input[type='radio']{display: none;}
#diJoinAgreeWrap .dcJoinAgreeBox .dcAgreeBox .dcCheckBox input[type='radio'] + label{margin:0 10px 0 0; cursor: pointer; font-size:16px; line-height:21px; color:#1a1a1a;}
#diJoinAgreeWrap .dcJoinAgreeBox .dcAgreeBox .dcCheckBox input[type='radio'] + label span {display: inline-block; width:15px; height:15px;  margin: -2px 5px 0 0; vertical-align: middle; background: url(../img/common/btnRadioOff.png) 50% 50% no-repeat; background-size: cover;}
#diJoinAgreeWrap .dcJoinAgreeBox .dcAgreeBox .dcCheckBox input[type='radio']:checked + label span {background: url(../img/common/btnRadioOn.png) 50% 50% no-repeat; background-size: cover;}


/* ȸ¿ø°¡ÀÔ - Á¤º¸ÀÔ·Â */
#diJoinMemberWrap{}
.dcJoinInput{padding:0 50px;}
.dcJoinInput ul{margin:0 0 50px 0;}
.dcJoinInput ul li{margin:0 0 20px 0;}
.dcJoinInput ul li:last-child{margin:0;}
.dcJoinInput ul li dl{}
.dcJoinInput ul li dl dt{float:left; position:relative; width:186px; }
.dcJoinInput ul li dl dt p{position:relative; display:inline-block; font-size:14px; color:#1a1a1a; line-height:50px; }
.dcJoinInput ul li dl dt.Essential p:after{content:'*'; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-12px; font-size:14px; color:#d7af72;}
.dcJoinInput ul li dl dd{float:left; position:relative; width:594px; font-size: 0;}
.dcJoinInput ul li dl dd p{clear:both; font-size:14px; }
.dcJoinInput ul li dl dd p.dcPEtcSmall{padding: 5px 0 0 10px;}
.dcJoinInput ul li dl dd input{float:left; width:408px; height:50px; padding:5px 10px; border:solid 1px #e1e1e1; background-color:#fff; font-size:14px; color:#000; }
.dcJoinInput ul li dl dd input[name='mb_id']{}
.dcJoinInput ul li dl dd button{float:left; width:140px; height:50px; line-height:50px; text-align:center; font-size:14px; line-height:21px; margin:0 0 0 8px;}
.dcJoinInput ul li dl dd input[name='mb_email1']{width:200px;}
.dcJoinInput ul li dl dd input[name='mb_email2']{width:180px;}
.dcJoinInput ul li dl dd input[name='mb_hpChck']{clear: both; width:200px;}
.dcJoinInput ul li dl dd input[name='mb_hp1']{margin:0 0 20px 0;}
.dcJoinInput ul li dl dd input[name='auto_no']{clear:both; width:200px;}
.dcJoinInput ul li dl dd span.dcAlpha{float:left; font-size:14px; margin:0 8px; line-height:50px;}
.dcJoinInput ul li dl dd .emailSelect{float:left; display:inline-block; width:180px; height:50px; }
.dcJoinInput ul li dl dd .emailSelect label {overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px}
.dcJoinInput ul li dl dd .emailSelect select {display:block; width:140px; margin:0 0 0 10px; height:50px; padding:5px 10px; 
	border:solid 1px #e1e1e1; background-color:#fff; font-size:14px; color:#1a1a1a;
	text-align:left; 
	background:url(../img/member/bgSelect.png) 90% 50% no-repeat;
    appearance:none; /* ±âº» ½ºÅ¸ÀÏ ¾ø¾Ö±â */
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
}
.dcJoinInput ul li dl dd .emailSelect option{font-size:14px; color:#1a1a1a;}

.dcJoinInput .dcMarketingAgree{margin:0 0 50px 0;}
.dcJoinInput .dcMarketingAgree h4{font-size:14px; color:#1a1a1a; line-height:19px; margin:0 0 15px 0;}
.dcJoinInput .dcMarketingAgree .dcMKAGBox{border-top:solid 1px #1a1a1a; border-bottom:solid 1px #e1e1e1; padding:20px 20px; overflow:hidden;}
.dcJoinInput .dcMarketingAgree .dcMKAGBox .dcLeftBox{float:left; width:60%;}
.dcJoinInput .dcMarketingAgree .dcMKAGBox .dcLeftBox h5{font-size:16px; color:#1a1a1a; line-height:21px; margin:0 0 15px 0; font-weight:normal;}
.dcJoinInput .dcMarketingAgree .dcMKAGBox .dcLeftBox h5 span{color:#666;}
.dcJoinInput .dcMarketingAgree .dcMKAGBox .dcLeftBox ul{margin:0;}
.dcJoinInput .dcMarketingAgree .dcMKAGBox .dcLeftBox ul li{position:relative; font-size:14px; color:#666; line-height:19px; margin:0 0 5px 0; padding:0 0 0 12px;}
.dcJoinInput .dcMarketingAgree .dcMKAGBox .dcLeftBox ul li:before{content:''; display:block; position:absolute; top:10px; left:0px; width:5px; height:1px; background-color:#666;}
.dcJoinInput .dcMarketingAgree .dcMKAGBox .dcLeftBox ul li:last-child{margin:0;}
.dcJoinInput .dcMarketingAgree .dcMKAGBox .dcRightBox{float:left; width:40%; text-align:right;}


.dcMemberLeaveBox{position:relative;}
.dcMemberLeaveBox > h4{width:100%; font-size:16px; color:#1a1a1a; line-height:21px; border-bottom:solid 1px #1a1a1a; padding:0 0 10px 0; margin:0 0 20px 0;}
.dcMemberLeaveBox > .dcJoinInput{padding:0;}
.dcMemberLeaveBox > .dcJoinInput > ul > li > dl > dt{width:149px; line-height:50px;}
.dcMemberLeaveBox > .dcJoinInput > ul > li > dl > dd{font-size:16px; color:#1a1a1a;}
.dcMemberLeaveBox > .dcJoinInput > ul > li > dl > dd{line-height:50px;}
.dcMemberLeaveBox > .dcJoinInput > ul > li > dl > dd p{line-height:50px;}
.dcMemberLeaveBox > .dcJoinInput > ul > li > dl > dd p span.dcPPrint{font-weight:500; color:blue;}
.dcMemberLeaveBox > .dcJoinInput > ul > li > dl > dd p span.dcPDday{font-weight:500; color:blue;}
.dcMemberLeaveBox > .dcJoinInput > ul > li > dl > dd input{width:100%;}
.dcMemberLeaveBox > .dcJoinInput > ul > li > dl > dd input:-moz-read-only {background-color:#f7f7f7;}
.dcMemberLeaveBox > .dcJoinInput > ul > li > dl > dd input:read-only {background-color:#f7f7f7;}
.dcMemberLeaveBox > .dcJoinInput > ul > li > dl > dd input[name='passwd']{width:200px;}
.dcMemberLeaveBox > .dcJoinInput > ul > li > dl > dd input[name='reason']{height:200px;}



.dcMypageCon > .dcJoinInput > ul > li > dl > dt{width:149px; line-height:50px;}
.dcMypageCon > .dcJoinInput > ul > li > dl > dd{font-size:16px; color:#1a1a1a;}
.dcMypageCon > .dcJoinInput > ul > li > dl > dd{line-height:50px;}
.dcMypageCon > .dcJoinInput > ul > li > dl > dd p{line-height:50px;}
.dcMypageCon > .dcJoinInput > ul > li > dl > dd p span.dcPPrint{font-weight:500; color:blue;}
.dcMypageCon > .dcJoinInput > ul > li > dl > dd p span.dcPDday{font-weight:500; color:blue;}