@charset "utf-8";

/*
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, button,
cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video { 
	margin:0; padding:0; border:0;
	font-family: 'Noto Sans KR', sans-serif;
	vertical-align:baseline; 
	background:transparent;
	color:#282828;
	letter-spacing:-0.05em;
}
body{font-size: 16px; font-weight:300;}
fieldset, img, iframe{border:0 none;}
dl, ul, ol, li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
th, td, input, select, textarea, button{vertical-align:middle; color:inherit; outline:0 none;}
button{border:0 none; background-color:transparent; cursor:pointer;}
address, caption, cite, code, dfn, em, th, var{font-style:normal; font-weight:normal;}
legend, caption{visibility:hidden; height:0; width:0; font-size:0;}
legend{*width:0;}
hr{display:none;}
a,a:hover,a:visited,a:active{color:inherit; text-decoration:none;}
table{border-collapse:collapse; border-spacing:0;}
strong{font-weight:500; font-size:inherit;}

#joinWrap{background-color:#f8f8f8; text-align:center;}
#joinHeader{width:480px; margin:0 auto; padding:70px 0 30px;}
#joinFooter{width:480px; margin:0 auto; padding:50px 0; color:#999; letter-spacing:0;}
#joinCnt{width:480px; margin:0 auto; position:relative;} 
.joinTitle{font-size:26px; font-weight:500; margin-bottom:30px;}
.subTitle1{font-size:26px; line-height:36px; margin-top:10px; text-align:center;}
.subTitle2{font-size:20px; line-height:30px; text-align:center; border-bottom:1px solid #e1e1e1; padding-bottom:30px; margin-bottom:30px;}
.cntBox{background-color:#fff; text-align:left; padding:40px 30px; position:relative;}

/* 동의하기 */
.agreeAll{}
.agreeAll label{font-size:20px; font-weight:500;}
.agreeAll p.agreeTxt{padding:10px 0 25px; border-bottom:1px solid #e1e1e1; color:#666; line-height:26px;}
.agreeTitle{color:#d23a58; font-weight:500; margin-top:25px;}
.agreeList{}
.agreeList li{margin-top:15px; position:relative;}
.agreeList li a{display:block; position:absolute; top:4px; right:5px; width:20px; height:20px; font-size:0; background: url('../images/arrow_list.png') no-repeat right center;}
.agreePopup{display:none; position:absolute; background:#fff; width:90%; height:90%; padding:25px; overflow-y:auto; top:5%; left:5%; border:1px solid #111; z-index:1; box-sizing:border-box;}
.agreePopup h1{margin-bottom:15px; font-size:20px; font-weight:500; position:relative;}
.agreePopup h2{font-size: 15px; font-weight: 500; margin-bottom: 5px;}
.agreePopup .txt{font-size: 14px; line-height: 1.5em; color:#666;}
.agreePopup .txt span {font-weight:bold; font-size:14px;}
.agreePopup .txt .intxt{position: relative; color: inherit; padding-left: 10px; margin-left: 12px;}
.agreePopup .txt .intxt::before{display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 1px; background-color: #999; content: '';}
.txt ul li{position: relative; padding-left: 12px; margin-top: 3px;}
.txt ul li:before{content:''; position:absolute; top:9px; left:0; width: 5px; height: 5px; background: #d23a58; border-radius:50%;}

.txt_box{border:1px solid #ccc; box-sizing:border-box; padding:25px;}
b{font-weight:600;}
.mt20{margin-top: 20px;}
.mb10{margin-bottom: 10px; display: block;}
/* 인증하기 */
.certifyList{margin:30px 0;}
.certifyList li{position:relative; border:1px solid #e1e1e1; font-size:20px; background: url('../images/arrow_list.png') no-repeat 95% center;}
.certifyList li a{display:block; height:100px; line-height:100px; padding-left:110px;}
.certifyList li a:before{content:''; display:block; width:60px; height:60px; position:absolute; left:25px; top:20px; border-radius:50%;}
.certifyList li:hover{border-color:#d23a58; background: url('../images/arrow_list_on.png') no-repeat 95% center;}
.certifyList li:hover a{color:#d23a58; font-weight:500;}
.certifyList li:last-child{margin-top:10px;}
.certifyList li.certifyCellphone a:before{background:#ccc url('../images/icon_certifyCellphone.png') no-repeat center center;}
.certifyList li.certifyIpin a:before{background:#ccc url('../images/icon_certifyIpin.png') no-repeat center center;}
.certifyList li.certifySearchid a:before{background:#ccc url('../images/icon_certifySearchid.png') no-repeat center center;}
.certifyList li.certifyLogin a:before{background:#ccc url('../images/icon_certifyLogin.png') no-repeat center center;}
.certifyList li:hover a:before{background-color:#d23a58;}

/* 가입완료 */
.saveTitle1{font-size:20px; line-height:30px; text-align:center; margin-top:15px;}
.saveTitle2{font-size:20px; line-height:30px; text-align:center; margin-top:50px; font-weight:500;}
.saveBnr{}
.saveBnr li{background:#f5f5f5; width:420px; height:120px; margin:15px auto 0;}

/* 회원탈퇴 */
.withdrawBox{background:#f5f5f5; padding:20px; font-size:14px; line-height:26px;}
.withdrawBox span{color:#d23a58; font-size:14px;}
.withdrawAgree{margin-top:20px;}
.withdrawAgree label{font-size:16px; font-weight:500;}
.withdrawPopup{display:none; position:absolute; background:#fff; width:90%; padding:25px; left:5%; border:1px solid #111; z-index:1; box-sizing:border-box; bottom:12%; text-align:center;}
.withdrawPopup h1{margin:5px 0 10px; font-size:26px; font-weight:500; position:relative;}
.withdrawPopup .txt{line-height:24px; color:#666;}

.withdrawSave{text-align:center; background: url('../images/icon_saveWithdraw.png') no-repeat center 25px;}
.withdrawSave h1{font-size:26px; font-weight:500; padding-top:130px;}
.withdrawSave h2{font-size:20px; padding:5px 0 30px;}

/* 휴면회원 */
.dormant{font-size:20px; line-height:30px; text-align:center; padding:10px 0;}

/* 아이디/비밀번호 찾기 */
.searchList{margin-bottom:30px;}
.searchList:after{content:''; display:block; clear:both;}
.searchList li{float:left; text-align:center; margin-left:9px; background:#f5f5f5; border:1px solid #f5f5f5; width:134px; height:48px;  line-height:46px; box-sizing:border-box;}
.searchList li:first-child{margin-left:0;}
.searchList li a{display:block; color:#666;}
.searchList li.active{background:#fff; border:1px solid #282828;}
.searchList li.active a{color:#282828; font-weight:500;}
a.btnCertify{float:right; background:#fff; color:#d23a58; border:1px solid #d23a58; font-size:16px; display:block; height:48px; line-height:50px; text-align:center; width:35%;}

.pwPopup{display:none; position:absolute; background:#fff; width:90%; padding:25px; left:5%; border:1px solid #111; z-index:1; box-sizing:border-box; bottom:25%; text-align:center;}
.pwPopup h1{font-size:20px; font-weight:500; position:relative;}
.pwPopup h2{font-size:20px; position:relative; margin:5px 0;}
.pwPopup .txt{line-height:24px; color:#666;}
.pwPopup .txt p{margin:10px 0;}
.pwPopup a.popLogin{display:inline-block; width:210px; color:#fff; font-size:16px; font-weight:500; height:40px; line-height:40px; margin:0 5px; background:#d23a58;}

/* 정보수정 */
.btnArea{text-align:center; margin-top:30px;}
.btnArea:after{content:''; display:block; clear:both;}
.btnArea a{display:block; width:230px; color:#fff; font-size:20px; font-weight:500; height:60px; line-height:60px;}
.btnArea a.btnCancel{background:#b5b5b5; float:left;}
.btnArea a.btnSave{background:#d23a58; float:right;}
.btnArea a.btnMain{background:#282828; float:left;}
a.btnWithdraw{display:inline-block; margin-top:20px; text-decoration:underline;}
a.btnPw{display:inline-block; width:130px; color:#fff; font-size:14px; font-weight:500; height:34px; line-height:32px; background:#d23a58; text-align:center;}

/* 정보입력 */
.memberInfo{}
.memberInfo dt{font-weight:500; margin-bottom:15px; position:relative;}
.memberInfo dd{margin-bottom:15px; position:relative;}
.memberInfo dd:last-child{margin-bottom:0;}
.memberInfo dd:after{content:''; display:block; clear:both;}
.memberInfo dt strong{display:inline-block; width:20%;}
.gradeBox{background:#f5f5f5; line-height:32px; text-align:center; padding:10px 0; margin-top:15px;}
.gradeBox:after{content:''; display:block; clear:both;}
.gradeBox li{float:left; width:50%; color:#666; position:relative;}
.gradeBox li:nth-child(2):before, .gradeBox li:last-child:before{content:'/'; display:inline-block; font-size:16px; position:absolute; left:0;}
.gradeBox li span{display:inline-block; width:50px; color:#666; text-align:left;}
.iconQ{display:inline-block; background: url('../images/iconQ.png') no-repeat center center; font-size:0; width:20px; height:20px; position:absolute; margin-left:8px; top:3px;}
.infoPopup{display:none; position:absolute; background:#fff; width:90%; padding:25px; left:5%; border:1px solid #111; z-index:1; box-sizing:border-box; margin-top:-30%;}
.infoPopup h1{margin-bottom:10px; font-size:20px; font-weight:500; position:relative;}
.infoPopup .txt{line-height:24px; color:#666;}
.joinTable{width:100%; text-align:center; margin-top:20px;}
.joinTable thead tr th{background:#d5d5d5; padding:9px; color:#666;}
.joinTable thead tr td{background:#e1e1e1; padding:9px;}
.joinTable tbody tr th{background:#e8e8e8; padding:9px; color:#666;}
.joinTable tbody tr td{background:#f5f5f5; padding:9px;}
a.btnPost{float:left; background:#282828; color:#fff; font-size:16px; display:block; height:50px; line-height:50px; text-align:center; width:35%;}

/* 탭 */
.tabBoxwrap{background:#fff; padding:40px 30px 0; position:relative; z-index:1;}
.tabBoxwrap .tabBox{margin-bottom:-10px;}
.tabBox{margin-bottom:30px;}
.tabBox:after{content:''; display:block; clear:both;}
.tabBox li{float:left; width:50%; height:50px; line-height:48px; text-align:center; box-sizing:border-box;}
.tabBox li a{color:#666; display:block; border:1px solid #e1e1e1; border-bottom-color:#d23a58;}
.tabBox li:first-child a{margin-right:-1px;}
.tabBox li a.tabOn{color:#d23a58; font-weight:500; border-color:#d23a58; position:relative; border-bottom:0;}

/* 공통 */
a.btnStyle1{background:#d23a58; border:1px solid #d23a58; color:#fff; font-size:20px; font-weight:500; display:block; height:60px; line-height:60px; margin-top:30px;}
a.btnStyle2{background:none; border:1px solid #d23a58; color:#d23a58; font-size:20px; font-weight:500; display:block; padding:3.5% 0; margin-top:30px;}
a.btnStyle3{background:#b5b5b5; border:1px solid #b5b5b5; color:#fff; font-size:20px; font-weight:500; display:block; height:60px; line-height:60px; margin-top:30px;}

.btnClose{display:block; position:absolute; right:5%; width:24px; height:24px; font-size:0; background: url('../images/btn_close.png') no-repeat right center; z-index:2;}
.popBtn{margin:20px 0 10px;}
.popBtn a{display:inline-block; width:95px; color:#fff; font-size:16px; font-weight:500; height:40px; line-height:40px; margin:0 5px;}
.popBtn a.popCancel{background:#b5b5b5;}
.popBtn a.popOk{background:#d23a58;}
.inputtxt{border:1px solid #e1e1e1; height:50px; padding:0 15px; font-size:16px; width:100%; box-sizing:border-box;}
.inputscore{background:none; font-size:16px; width:17%; height:25px; text-align:center; border:0;}
.inputphone1{float:left; width:30%;}
.inputphone2{float:left; width:70%; margin-left:-1px;}
.inputemail{display:inline-block; width:31.3%;}
.inputetc{margin-top:10px;}
.inputjob{margin:-1px 0 10px;}
.inputaddress1{float:left; width:65%;}
.inputaddress2{margin:-1px 0;}
.inputright{text-align:right;}
.searchphone{float:left; width:62%;}
.selectyear1{float:left; width:30%;}
.selectyear2{float:left; width:30%; margin-left:-1px;}
.txtyear{float:left; padding:13px 0 0 13px;}
.txterror{display:block; color:#d23a58; font-size:14px; margin-top:5px;}
.txtable{display:block; color:#0071c8; font-size:14px; position:absolute; right:15px; top:13px;}
.radioList label{margin-right:20px;}
.red{color:#d23a58;}
.blind{display:none;}

input[type="radio"] {
	width:16px;
	height:16px;
	margin:-2px 10px 0 0;
}
input[type="checkbox"] {
	/* 실제 체크박스는 화면에서 숨김 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input[type="checkbox"] + label:before {
	/* 가짜 체크박스 */
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	height:26px; 
	width:26px; 
	background: url('../images/checkbox.png') no-repeat center center;
}
input[type="checkbox"]:checked + label:before {
	/* 체크박스를 체크했을때 */
	background: url('../images/checkbox_on.png') no-repeat center center; 
}
select {
	width: 100%;
	font-family: inherit;
	background: url('../images/arrow_select.png') no-repeat 95% center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 16px;
	border: 1px solid #e1e1e1;
	padding: 0 15px; 
	height: 50px; 
	box-sizing: border-box;
}
select::-ms-expand {
	display: none;
}
	.opt{margin-left:45px;}
	.opt label{padding-top: 2px; margin-right: 30px;}