/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Dotum',Dotum, Helvetica,sans-serif;font-size:1.0em;color:#333}
img,fieldset{border:0}
ul,ol{list-style:none}
a,a:hover,a:active,a:focus{text-decoration:none}

.allDiv{width:100%;text-align:center;margin:0 auto;}

.LoginTop{height:260px;background:url('../../../images/common/Login_bg01.png') no-repeat;background-size:contain;background-position:70% 100%;}
/* .LoginMiddle{height:200px;background-color:#b8dafc;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: center;} */
.LoginMiddle{height:230px;background-color:#b8dafc;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: center;}
.LoginButton{height:160px;}
.LoginBottom{height:60px;border-top:1px solid #999999;border-bottom:1px solid #e5e5e5;}
.LoginFooter{height:60px;}


.loginfild{position:relative;top:20px;width:50%;height:160px;margin:0 25%;}
.lefttable{float:left;width:50%;}
.righttable{float:right;width:50%;}
.logintitle{position:relative;top:120px;left:20%;width:341px;height:82px;}
.address{color:#7f7f7f;	font-family: Nanum Gothic,'Nanum GothicWeb', dotum, Sans-Serif;font-size:0.75em;letter-spacing:-1px;font-weight:bold;line-height:130%;}
.copyright{color:#7f7f7f;font-family: Nanum Gothic,'Nanum GothicWeb', dotum, Sans-Serif;font-size:0.70em;letter-spacing:-1px;font-weight:bold;}


.pagetitle{position:relative;top:20px;left:0px;width:341px;height:82px;z-index:10004;}

SELECT
{background-color:#FFF;border:1px solid #555555;color:#222;height:auto;
width: 90%;						 /* �닌딅뻼 �됰슢�わ옙怨쀯옙�쒙옙占쎄쑵釉�占쏙옙�э㎖占퐀allback) */
width :-webkit-calc(100% - 3px);  /* for Chrome, Safari */
width :	-moz-calc(100% - 3px);  /* for Firefox */
width :			calc(100% - 3px); /* for IE */
padding-left:3px
}


INPUT[type=text]
{background-color:#FFF;border:1px solid #555555;color:#222;height:auto;
width: 90%;						 /* �닌딅뻼 �됰슢�わ옙怨쀯옙�쒙옙占쎄쑵釉�占쏙옙�э㎖占퐀allback) */
width :-webkit-calc(100% - 10px);  /* for Chrome, Safari */
width :	-moz-calc(100% - 10px);  /* for Firefox */
width :			calc(100% - 10px); /* for IE */
padding-left:5px
}

input[type="checkbox"] {-webkit-appearance: checkbox;box-sizing: border-box;}
input[type="radio"] {-webkit-appearance: radio;box-sizing: border-box;}

.send_checkbox03{text-align:center;font-size:0.95em;padding-right:10px;display: block;margin-bottom:5px;line-height: 24px;}
BODY{background-color:#FFF;}

.helf
{background-color:#FFF;border:1px solid #555555;color:#222;height:auto;
width: 45%;						 /* �닌딅뻼 �됰슢�わ옙怨쀯옙�쒙옙占쎄쑵釉�占쏙옙�э㎖占퐀allback) */
width :-webkit-calc(50% - 3px);  /* for Chrome, Safari */
width :	-moz-calc(50% - 3px);  /* for Firefox */
width :			calc(50% - 3px); /* for IE */
padding-left:3px
}

.helf[type="text"]:disabled {
    background: #dddddd;
}
SELECT:disabled {
    background: #dddddd;
}
INPUT[type="text"]:disabled {
    background: #dddddd;
}
/* #loginTable Box & Table */
#loginTable {border-top:0px solid #c1c1c1; border-left:0px solid #bcbcbc; border-right:0px solid #bcbcbc; border-bottom:0px solid #c1c1c1; font-family: 'Dotum',Dotum, Helvetica,sans-serif; margin-left:0px;}
#loginTable th{text-align:right; font-size:0.95em;line-height:24px; font-weight:bold; color:#888888; border-bottom:0px solid #dddddd; border-right:0px solid #cac6bd;padding:5px 0px 5px 5px;}
#loginTable td{text-align:left;border-bottom:0px solid #dddddd; border-right:0px solid #bcbcbc;font-size:0.95em;line-height:24px;padding:5px 0px 5px 5px;color:#888888;}


/* Button Box*/
.ButtonCenterBox { width:100%; text-align: center; }
.ButtonRightBox { width:100%; text-align: right; }
.ButtonLeftBox { width:100%; text-align: left; }
.ButtonBottomBox { width:100%; text-align: center; line-height:60px;}
/* button margin */
.left05{ margin-left:5px;}
.left10{ margin-left:10px;}
.left15{ margin-left:15px;}
.left20{ margin-left:20px;}
.left25{ margin-left:25px;}
.left30{ margin-left:30px;}

.right05{ margin-right:5px;}
.right10{ margin-right:10px;}
.right15{ margin-right:15px;}
.right20{ margin-right:20px;}
.right25{ margin-right:25px;}
.right30{ margin-right:30px;}

.top05{ margin-top:5px;}
.top10{ margin-top:10px;}
.top15{ margin-top:15px;}
.top20{ margin-top:20px;}
.top25{ margin-top:25px;}
.top30{ margin-top:30px;}

.bottom05{ margin-bottom:5px;}
.bottom10{ margin-bottom:10px;}
.bottom15{ margin-bottom:15px;}
.bottom20{ margin-bottom:20px;}
.bottom25{ margin-bottom:25px;}
.bottom30{ margin-bottom:30px;}




/* Blue Button 占쎈벡��*/
.BuleButton { background-color:#1b80f1; display:inline-block;cursor:pointer;color:#ffffff;	font-family: Nanum Gothic,'Nanum GothicWeb', dotum, Sans-Serif;font-size:0.95em; padding:10px 30px;text-decoration:none; border:0 none;font-weight:bold;}
.BuleButton:hover { background-color:#1174e2; }
.BuleButton:active { background-color:#0665cf; }

/* Green Button 占쎄쑬�쏉옙占� */

.GreenButton { background-color:#7bc548;display:inline-block;cursor:pointer;color:#ffffff;	font-family: Nanum Gothic,'Nanum GothicWeb', dotum, Sans-Serif; font-size:0.95em; padding:10px 30px;text-decoration:none; border:0 none;font-weight:bold;}
.GreenButton:hover { background-color:#5cbf2a; }
.GreenButton:active { background-color:#47a816; }

/* Gray Button �띯뫁��*/
.GrayButton { background-color:#9a9a9a;display:inline-block;cursor:pointer;color:#ffffff;	font-family: Nanum Gothic,'Nanum GothicWeb', dotum, Sans-Serif; font-size:0.95em; padding:10px 30px;text-decoration:none; border:0 none;font-weight:bold;}
.GrayButton:hover { background-color:#8a8a8a; }
.GrayButton:active { background-color:#7a7a7a; }


/* ��툝由�媛�줈 */
@media (min-width:757px) and (max-width:1016px) {

	.logintitle{position:relative;top:40px;left:10%;width:341px;height:82px;}
	.pagetitle{position:relative;top:10px;left:0;width:230px;height:auto;z-index:10004;}

}
/* �ㅻ쭏�명룿 怨듯넻 */
@media (max-width :992px) {
	
	.LoginTop{height:160px;background-size:contain;background-position:center bottom}
	.LoginMiddle{height:340px;background-color:#eaf0ff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align: center;}
	.LoginButton{height:50px;}
	.LoginBottom{width:100%;height:30px;text-align: center;}
	.ButtonBottomBox { line-height:30px;width:100%;}

	.LoginFooter{height:30px;}
	
	.address{font-size:0.55em;letter-spacing:-1px;font-weight:bold;}
	.copyright{font-size:0.50em;letter-spacing:-1px;font-weight:bold;}

	/* #loginTable Box & Table */
	#loginTable {font-size:0.95em;line-height:20px;}
	#loginTable th{font-size:0.95em;}
	#loginTable td{font-size:0.95em;}


	.loginfild{position:relative;top:20px;width:100%;height:160px;margin:0 0;}
	.lefttable{float:left;width:88%;margin-left: 20px;}
	.righttable{float:left;width:88%;margin-left: 20px;}
	
	.BuleButton{font-size:0.75em; padding:5px 20px;}
	.GrayButton {font-size:0.75em; padding:5px 20px;}
	.GreenButton{font-size:0.75em; padding:5px 20px;}
	.pagetitle{position:relative;top:10px;left:0;width:230px;height:auto;z-index:10004;}


}
/* �ㅻ쭏�명룿 怨듯넻 */
@media (min-width:497px) and (max-width:756px) {
	.left30{ margin-left:15px;}
	
	.logintitle{position:relative;top:10px;left:5%;height:auto;text-align:center;}
}
/* 援ы삎 �ㅻ쭏�명룿 怨듯넻 */
@media  (min-width:0px) and (max-width:496px) {
	.left30{ margin-left:10px;}
	
	.logintitle{position:relative;top:10px;left:5%;width:70%;height:auto;text-align:center;}
}





.popuptitle{width:100%;height:auto;text-align:left;vertical-align:middle;background-color:#7bc548;color:#FFF;border:0px solid #bcbcbc;padding-top:20px;padding-bottom:20px;}
.popuptitle SPAN{padding-left:20px;font-weight:bold;}
.popupsearch{width:100%;height:auto;text-align:center;vertical-align:middle;background-color:#f3f3f3;border:1px solid #bcbcbc;padding-top:20px;padding-bottom:20px;margin-left: -2px;}