/* font inlcude */
@charset "utf-8";
@font-face{font-family:"mal";src:url('/fonts/malgun.woff');}
@font-face{font-family:"malbd";src:url('/fonts/malgunbd.woff');}
input[type=text]::-ms-clear {display: none;}

* {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;}
a {outline:none; selector-dummy:expression(this.hideFocus=true);} 
img {border:none;}
ul,li {list-style-type:none;}
table {border-collapse:collapse;}
select {
-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a {text-decoration:none;}

.left {float:left;}
.right {float:right;}

input[type=radio].css-checkbox {display:none;}
input[type=radio].css-checkbox + label.css-label {padding-left:22px;padding-right:10px;height:14px;display:inline-block;line-height:15px;background-repeat:no-repeat;background-position: 0 0;font-size:12px;cursor:pointer;letter-spacing:-1px;font-family:돋움;}
input[type=radio].css-checkbox:checked + label.css-label {background-position: 0 -14px;background-position-y:-14px\9;}
label.css-label {background:url('../images/img-chk-radio.png') no-repeat;background-size:14px;}

/* 로그인 화면 */
#loginBG {
	opacity:0.7;
	filter: alpha(opacity=70);
	z-index:99998;
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000;
	overflow-y:hidden;
	display:none;
	z-index:99998;
}
#frmWrap-1 {display:none;}
#frmWrap-2 {display:none;}
#account-phone-vendor {width:86px;}
#accountPw-phone-vendor {width:86px;}
#account-phone-advertiser {width:93px;}
#account-year {width:93px;}
#account-month {width:93px;}
#account-day {width:93px;}

.loginBox {
	position:absolute;
	display:none;
	width:430px;
	background-color:#fff;
	z-index:99999;
	padding:20px;
	border-radius:2px;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	behavior:url(/css/PIE.htc);
}

/*
.agreeBox {
	position:absolute;
	display:none;
	width:430px;
	background-color:#fff;
	z-index:99999;
	padding:20px;
	border-radius:2px;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	behavior:url(/css/PIE.htc);
}*/
.accountBox {
	position:absolute;
	width:430px;
/*	height:590px;	*/
	height:480px;
	background-color:#fff;
	z-index:99999;
	display:none;
	padding:20px;
	border-radius:2px;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	behavior:url(/css/PIE.htc);
}
.confirmBox {
	position:absolute;
	display:none;
	top:-1000px;
	width:430px;
	background-color:#fff;
	z-index:99999;
	border-radius:2px;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	behavior:url(/css/PIE.htc);
}
.loginBox .loginTop {overflow:auto;height:77px;}
.loginBox .loginTop hr {display:block;height:1px;border:0;border-top:1px solid #e3e3e3;;clear:both;margin-top:10px;}
.loginBox .loginTop img.loginLogo {float:left;margin-bottom:10px;}
.loginBox .loginTop img.loginClose {float:right;cursor:pointer;}
.loginBox .loginMiddle {position:relative;height:130px;}
.loginBox .loginMiddle .idForm {position:absolute;top:0;left:0;border:1px solid #dadada;border-top:2px solid #dadada;height:39px;width:300px;}
.loginBox .loginMiddle .idForm > * {vertical-align:middle;}
.loginBox .loginMiddle .idForm input {height:39px;width:244px;border:none;font-size:15px;font-family:malbd;padding-left:10px;}
.loginBox .loginMiddle .passForm {position:absolute;top:57px;left:0;border:1px solid #dadada;border-top:2px solid #dadada;height:39px;width:300px;}
.loginBox .loginMiddle .passForm > * {vertical-align:middle;}
.loginBox .loginMiddle .passForm input {height:39px;width:244px;border:none;font-size:15px;font-family:malbd;padding-left:10px;}

.loginBox .loginMiddle input.loginSubmit {width:111px;height:98px;background:url('/images/new_main/btn-login-confirm.png') no-repeat;border:none;position:absolute;right:0;cursor:pointer;}
.loginBox .loginMiddle img.loginSubmit {width:111px;height:98px;border:none;position:absolute;right:0;cursor:pointer;}



.loginBox .loginMiddle .loginUtil {position:absolute;bottom:0;}
.loginBox .loginMiddle .loginUtil span {font-size:12px;font-family:돋움;color:#606165;}
.loginBox .loginMiddle .loginUtil span input.loginCheck {vertical-align:middle;cursor:pointer;margin-right:5px;}
.loginBox .loginMiddle .loginUtil span.loseAccount {font-size:12px;font-family:돋움;color:#a5a5a5;margin-left:66px;cursor:pointer;}
.loginBox .loginMiddle .loginUtil span.loseAccount:hover {text-decoration:underline;}
.loginBox .loginBottom {margin-top:30px;}
.loginBox .loginBottom img {display:block;}


.agreeBox .agreeBoxTop {overflow:auto;height:47px;}
.agreeBox .agreeBoxTop hr {display:block;height:1px;border:0;border-top:1px solid #e3e3e3;;clear:both;margin-top:10px;}
/*.agreeBox .agreeBoxTop img.agreeLogo {float:left;margin-bottom:10px;}*/
.agreeBox .agreeBoxTop img.agreeClose {float:right;cursor:pointer;margin-top:9px;}
.agreeBox .agreeMiddle {color:#777;font-size:12px;}
.agreeBox .agreeBottom {text-align:center}


.popup_dialog_bg{width:100%; height:100%; position:fixed; top:0px; left:0px; background-image:url("/images/main/transparents_background.png"); z-index:99998; display:none;}
.popup_dialog{width:525px; position:absolute; top:0px; left:0px; background-color:#ffffff; z-index:99999; display:none; border:1px solid #dfdfdf;}

.accountBox .accountBoxTop {overflow:auto;height:77px;}
.accountBox .accountBoxTop hr {display:block;height:1px;border:0;border-top:1px solid #e3e3e3;;clear:both;margin-top:10px;}
.accountBox .accountBoxTop img.accountLogo {float:left;margin-bottom:10px;}
.accountBox .accountBoxTop img.accountClose {float:right;cursor:pointer;}
.accountBox .accountBoxMiddle {position:relative;height:130px;}
.accountBox .accountBoxMiddle .accountTit {text-align:center;}
.accountBox .accountBoxMiddle .accountTit span {font-size:11px;font-family:돋움;color:#737373;letter-spacing:-1px;}
.accountBox .accountBoxMiddle .findForm {margin-top:37px;}
.accountBox .accountBoxMiddle .findForm .frmTit {background-color:#E4F5FF;color:#0576BA;font-weight:bold;font-size:12px;font-family:돋움;text-align:center;width:155px;line-height:21px;}
.accountBox .accountBoxMiddle .findForm .frmBox {border:1px solid #e1e1e1;position:relative;margin-top:20px;}
.accountBox .accountBoxMiddle .findForm .frmBox img {display:block;}
.accountBox .accountBoxMiddle .findForm .frmBox label {position:absolute;color:#959595;font-size:11px;}
.accountBox .accountBoxMiddle .findForm .frmBox label.chk1 {top:12px;left:115px;}
.accountBox .accountBoxMiddle .findForm .frmBox label.chk2 {top:12px;left:197px;}
.accountBox .accountBoxMiddle .findForm .frmBox label.chk3 {top:12px;left:277px;}
.accountBox .accountBoxMiddle .findForm .frmBox input.frmInput {position:absolute;top:0px;left:105px;padding:8px;width:307px;border:none;font-size:14px;height:20px;line-height:20px;}
.accountBox .accountBoxMiddle .findForm .frmBox input.frmInput:focus {border:1px solid #000;top:-1px;height:20px;left:104px;width:307px;}

.accountBox .accountBoxMiddle .findForm .frmTel {border:1px solid #e1e1e1;position:relative;margin-top:20px;float:left;height:36px;}
.accountBox .accountBoxMiddle .findForm .frmTel img {display:block;}
.accountBox .accountBoxMiddle .findForm .frmTelName {width:104px;margin-right:14px;}
.accountBox .accountBoxMiddle .findForm .vendor {margin-top:20px;float:left;}
.accountBox .accountBoxMiddle .findForm .divine {float:left;height:36px;line-height:32px;margin-top:20px;padding-left:5px;padding-right:5px;}
.accountBox .accountBoxMiddle .findForm .ad-divine {float:left;height:36px;line-height:32px;margin-top:20px;padding-left:4px;padding-right:4px;}
.accountBox .accountBoxMiddle .findForm .frmTel select {font-size:15px;padding:5px;border:none;height:36px;width:110px;background: transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;vertical-align:middle;}
.accountBox .accountBoxMiddle .findForm .frmTel input {width:76px;width:75px\9;height:18px;font-size:14px;line-height:20px;height:18px;height:20px\9;padding:8px;border:0;text-align:center;}
.accountBox .accountBoxMiddle .findForm .frmTel input.adPhoneText {width:75px;width:74px\9;height:18px;font-size:14px;line-height:20px;height:18px;height:20px\9;padding:8px;border:0;text-align:center;}

.accountBox .accountBoxMiddle .findForm .frmBirth {border:1px solid #e1e1e1;position:relative;margin-top:20px;float:left;height:36px;}
.accountBox .accountBoxMiddle .findForm .frmBirth select {font-size:15px;padding:5px;border:none;height:36px;width:115px;background: transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;vertical-align:middle;color:#bababa;}
.accountBox .accountBoxMiddle .findForm .frmBirthName {width:104px;}
.accountBox .accountBoxMiddle .findForm .advertiser {width:91px;margin-left:15px;overflow:hidden;background:url('/images/new_main/btn-telVendor-sel.png') no-repeat right;}
.accountBox .accountBoxMiddle .findForm .advertiser:first-child {margin-right:0;}


.accountBox .accountBoxBottom {text-align:center;clear:both;cursor:pointer;position:relative;}
.accountBox .accountBoxBottom img {
	position:absolute;
	top:30px;
	left:0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.accountBox .accountBoxBottom img:hover {opacity:0;filter: alpha(opacity=0);}

.confirmBox .confirmBoxTop {overflow:auto;height:77px;padding:20px;}
.confirmBox .confirmBoxTop hr {display:block;height:1px;border:0;border-top:1px solid #e3e3e3;;clear:both;margin-top:10px;}
.confirmBox .confirmBoxTop img.confirmBoxLogo {float:left;margin-bottom:10px;}
.confirmBox .confirmBoxTop img.confirmBoxClose {float:right;cursor:pointer;}
.confirmBox .confirmBoxMiddle {text-align:center;padding:20px;}
.confirmBox .confirmBoxMiddle .completeText {margin:30px auto;position:relative;background:url('/images/new_main/img-email-complete.png') no-repeat;background-size:cover;width:351px;height:43px;}
.confirmBox .confirmBoxMiddle .completeText .userName {font-family:돋움;font-weight:bold;font-size:16px;position:absolute;top:0;left:0;}
.confirmBox .confirmBoxBottom img {display:block;}

.goBtn-wrap {padding:50px;clear:both;padding:50px 0;text-align:center;}


.accountIDBox {
	position:absolute;
	width:430px;
	height:480px;
	background-color:#fff;
	z-index:99999;
	display:none;
	padding:20px;
	border-radius:2px;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	behavior:url(/css/PIE.htc);
}
.accountIDBox .accountBoxTop {overflow:auto;height:77px;}
.accountIDBox .accountBoxTop hr {display:block;height:1px;border:0;border-top:1px solid #e3e3e3;;clear:both;margin-top:10px;}
.accountIDBox .accountBoxTop img.accountLogo {float:left;margin-bottom:10px;}
.accountIDBox .accountBoxTop img.accountIDClose {float:right;cursor:pointer;}
.accountIDBox .accountBoxMiddle {position:relative;height:230px;}
.accountIDBox .accountBoxMiddle .accountTit {text-align:center;}
.accountIDBox .accountBoxMiddle .findForm {margin-top:17px;}
.accountIDBox .accountBoxMiddle .findForm .frmTit {padding-top:11px;background-color:#E4F5FF;color:#0576BA;font-weight:bold;font-size:12px;font-family:돋움;text-align:center;line-height:21px;height:35px;text-align:center;}
.accountIDBox .accountBoxMiddle .findForm .confirmIdFrm {margin-top: 20px;border: 1px solid #e3e3e3;background-color: #ffffff;color: #000000;}
.accountIDBox .accountBoxMiddle .findForm .confirmIdFrm .frmListBox {border: 1px solid #e1e1e1;font-size: 12px;font-weight: bold;text-align: center;height:35px;}
.accountIDBox .accountBoxMiddle .findForm .confirmIdFrm .frmListBox .box1 {position: absolute;width: 120px;font-size: 12px;font-weight: bold;text-align:center;height:35px;margin-top:8px;}
.accountIDBox .accountBoxMiddle .findForm .confirmIdFrm .frmListBox .box2 {position: absolute;left: 122px;text-align: center;width: 306px;height:35px;margin-top:8px;}
.accountIDBox .accountIdBoxBottom {text-align:center;clear:both;cursor:pointer;position:relative;top:105px;}



.accountPwBox {
	position:absolute;
	width:430px;
	height:405px;
	background-color:#fff;
	z-index:99999;
	display:none;
	padding:20px;
	border-radius:2px;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	behavior:url(/css/PIE.htc);
}
.accountPwBox .accountBoxTop {overflow:auto;height:77px;}
.accountPwBox .accountBoxTop hr {display:block;height:1px;border:0;border-top:1px solid #e3e3e3;;clear:both;margin-top:10px;}
.accountPwBox .accountBoxTop img.accountLogo {float:left;margin-bottom:10px;}
.accountPwBox .accountBoxTop img.accountPwClose {float:right;cursor:pointer;}
.accountPwBox .accountBoxMiddle {position:relative;height:230px;}
.accountPwBox .accountBoxMiddle .accountTit {text-align:center;}
.accountPwBox .accountBoxMiddle .findForm {margin-top:17px;}
.accountPwBox .accountBoxMiddle .findForm .frmBox {border:1px solid #e1e1e1;position:relative;margin-top:20px;}
.accountPwBox .accountBoxMiddle .findForm .frmBox img {display:block;}
.accountPwBox .accountBoxMiddle .findForm .frmBox input.frmInput {position:absolute;top:0px;left:105px;padding:8px;width:307px;border:none;font-size:14px;height:20px;line-height:20px;}
.accountPwBox .accountBoxMiddle .findForm .frmBox input.frmInput:focus {border:1px solid #000;top:-1px;height:20px;left:104px;width:307px;}
.accountPwBox .accountBoxMiddle .findForm .frmPwTel {border:1px solid #e1e1e1;position:relative;margin-top:20px;float:left;height:36px;}
.accountPwBox .accountBoxMiddle .findForm .frmPwTel select {font-size:15px;padding:5px;border:none;height:36px;width:110px;background: transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;vertical-align:middle;}
.accountPwBox .accountBoxMiddle .findForm .frmPwTel input {width:76px;width:75px\9;height:18px;font-size:14px;line-height:20px;height:18px;height:20px\9;padding:8px;border:0;text-align:center;}
.accountPwBox .accountBoxMiddle .findForm .frmPwTel input.adPhoneText {width:75px;width:74px\9;height:18px;font-size:14px;line-height:20px;height:18px;height:20px\9;padding:8px;border:0;text-align:center;}
.accountPwBox .accountBoxMiddle .findForm .frmTelName {width:104px;margin-right:14px;}
.accountPwBox .accountBoxMiddle .findForm .vendor {margin-top:20px;float:left;}
.accountPwBox .accountBoxMiddle .findForm .divine {float:left;height:36px;line-height:32px;margin-top:20px;padding-left:5px;padding-right:5px;}
.accountPwBox .accountBoxBottom {text-align:center;clear:both;cursor:pointer;position:relative;}
.accountPwBox .accountBoxBottom img {
	position:absolute;
	top:30px;
	left:0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.accountPwBox .accountBoxBottom img:hover {opacity:0;filter: alpha(opacity=0);}