form.LOGIN_FORM{ width:352px; margin:48px auto }
form.LOGIN_FORM > div{ overflow:hidden }
form.LOGIN_FORM > div > input[type=text],
form.LOGIN_FORM > div > input[type=password]{ width:100%; height:40px; padding:0 10px; margin:0 0 5px 0; border:solid 1px #CCC; border-radius:3px; box-sizing:border-box }
form.LOGIN_FORM input::-webkit-input-placeholder{ color:#AAA; font-size:11px }
form.LOGIN_FORM > div > button{ width:100%; height:50px; margin:0 0 5px 0; background-color:#FF7A21; border:0; border-radius:3px; color:#FFF; font:300 17px/normal 'NanumBarunGothic'; cursor:pointer }
form.LOGIN_FORM > div > .KEEP{ float:right }
form.LOGIN_FORM > div > .SAVE{ float:right }
form.LOGIN_FORM > div > div > input{ vertical-align:middle }
form.LOGIN_FORM > div > div > input + label{ color:#666; vertical-align:middle; font:normal 11px/normal Dotum }
form.LOGIN_FORM > div.OTHERLOGIN{ margin-top:36px }

form.JOIN_FORM{ width:352px; margin:48px auto }
form.JOIN_FORM > fieldset{ padding:0; margin:0; border:0 }
form.JOIN_FORM > fieldset > legend{ display:none }
form.JOIN_FORM > fieldset > div{ overflow:hidden; font-size:0; }
form.JOIN_FORM > fieldset > div.COOPERATE{ display:none }
form.JOIN_FORM > fieldset > div *{ vertical-align:top }
form.JOIN_FORM > fieldset > div > div.WRAP{ display:inline-block; width:250px; padding:10px 0 }
form.JOIN_FORM > fieldset > div > div.CP_ITEMS{  }
form.JOIN_FORM > fieldset > div label{ display:inline-block; width:102px; font:bold 12px/40px Dotum; color:#555 }
form.JOIN_FORM > fieldset > div input[type=text],
form.JOIN_FORM > fieldset > div input[type=email],
form.JOIN_FORM > fieldset > div input[type=number],
form.JOIN_FORM > fieldset > div input[type=password]{ width:250px; height:40px; padding:0 10px; margin:0 0 5px 0; border:solid 1px #CCC; border-radius:3px; box-sizing:border-box }
form.JOIN_FORM > fieldset > div input[type=text][readonly]{ background-color:#F9F9F9 }
form.JOIN_FORM > fieldset > div input[type=radio]{ width:14px; height:14px; margin:0 5px 0 0; vertical-align:middle }
form.JOIN_FORM > fieldset > div input[type=radio] + label{ width:170px; vertical-align:middle; line-height:24px; font-weight:normal }
form.JOIN_FORM > fieldset > div input[type=checkbox]{ width:14px; height:14px; margin:0 5px 0 0; vertical-align:middle }
form.JOIN_FORM > fieldset > div input[type=checkbox] + label{ width:107px; vertical-align:middle; line-height:24px; font-weight:normal }
form.JOIN_FORM > fieldset > div textarea{ width:250px; height:80px; padding:10px; margin:0 0 5px 0; border:solid 1px #CCC; border-radius:3px; box-sizing:border-box; resize:none }
form.JOIN_FORM > fieldset > div select{ width:250px; height:40px; padding:0 6px; margin:0 0 5px 0; border:solid 1px #CCC; border-radius:3px; font:normal 12px/normal Dotum; color:#333 }
form.JOIN_FORM > fieldset > div button{ height:40px; background-color:#999; border:0; border-radius:3px; color:#FFF; font:normal 12px/normal Dotum }
form.JOIN_FORM > fieldset > div input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none }
form.JOIN_FORM input::-webkit-input-placeholder{ color:#AAA; font-size:11px }
form.JOIN_FORM > .SETEXECUTE{ margin-top:24px }

form.JOIN_FORM > .AGREEMENT{ margin-top:12px; font:normal 12px/normal Dotum }
form.JOIN_FORM > .AGREEMENT > .DOCUMENT{ height:120px; padding:12px; border:solid 1px #CCC; background-color:#F9F9F9; overflow:auto }
form.JOIN_FORM > .AGREEMENT > .CHECK{ margin-top:4px; text-align:right }
form.JOIN_FORM > .AGREEMENT > .CHECK > input{ margin:0; vertical-align:middle }
form.JOIN_FORM > .AGREEMENT > .CHECK > label{ font:normal 11px/normal Dotum; color:#666; vertical-align:middle }

form.JOIN_FORM #CALL_NOTICE{ padding:0 20px; margin-left:4px; background-color:#FF7600; font-weight:bold; cursor:pointer }
form.JOIN_FORM #CALL_NOTICE > i{ font-style:normal }

form.JOIN_FORM #R_MOBILE1{ width:76px; margin-right:4px }
form.JOIN_FORM #R_MOBILE2{ width:83px; margin-right:4px }
form.JOIN_FORM #R_MOBILE3{ width:83px }
form.JOIN_FORM #R_MOBILE_AGREE{ width:120px; margin-right:4px }
form.JOIN_FORM #R_MOBILE_AGREE_NUMBERSEND{ width:126px }
form.JOIN_FORM #R_MOBILE_AGREE_EXECUTE{ width:250px; height:40px; margin:0 0 0 102px; background-color:#09C; border:0; border-radius:3px; color:#FFF; font:normal 12px/normal Dotum; cursor:pointer }
form.JOIN_FORM #R_MOBILE_AGREE_EXECUTE > span{ margin-left:8px; font-weight:bold; color:#FE0; cursor:pointer }
form.JOIN_FORM #R_SUBMIT{ width:100%; height:48px; margin:0; background-color:#F60; border:0; border-radius:3px; color:#FFF; font:bold 12px/normal Dotum; cursor:pointer }
form.JOIN_FORM #GOTO_COMPJOIN{ display:block; width:80%; height:48px; margin:0 auto; background-color:#2100CB; border:0; border-radius:3px; color:#FFF; font:bold 16px/normal Dotum; cursor:pointer }

form.JOIN_FORM.COMPANY{ width:480px }
form.JOIN_FORM.COMPANY > fieldset > div > div.WRAP{ width:378px }
form.JOIN_FORM.COMPANY > fieldset > div > p.ALERT{ padding:0; margin:0 0 5px 102px; font:normal 11px/normal Dotum; color:#06C }
form.JOIN_FORM.COMPANY > fieldset > div > p.ALERT.RED{ color:#C11; font-weight:bold }
form.JOIN_FORM.COMPANY #R_METHOD{ width:120px }
form.JOIN_FORM.COMPANY #R_ID{ width:180px }
form.JOIN_FORM.COMPANY #R_PW{ width:180px }
form.JOIN_FORM.COMPANY #R_PW_CHECK{ width:180px }
form.JOIN_FORM.COMPANY #R_NAME{ width:210px }
form.JOIN_FORM.COMPANY #R_CEO{ width:150px }
form.JOIN_FORM.COMPANY #R_NUMBER1{ width:80px }
form.JOIN_FORM.COMPANY #R_NUMBER2{ width:60px; margin-left:4px }
form.JOIN_FORM.COMPANY #R_NUMBER3{ width:120px; margin-left:4px }
form.JOIN_FORM.COMPANY #R_SORT{ width:378px }
form.JOIN_FORM.COMPANY #R_ITEMS{ width:378px }
form.JOIN_FORM.COMPANY #R_PHONE1,
form.JOIN_FORM.COMPANY #R_FAX1{ width:76px }
form.JOIN_FORM.COMPANY #R_PHONE2,
form.JOIN_FORM.COMPANY #R_FAX2{ width:83px; margin-left:4px }
form.JOIN_FORM.COMPANY #R_PHONE3,
form.JOIN_FORM.COMPANY #R_FAX3{ width:83px; margin-left:4px }
form.JOIN_FORM.COMPANY #R_MAIL1{ width:125px }
form.JOIN_FORM.COMPANY #R_MAIL2{ width:125px; margin-left:4px }
form.JOIN_FORM.COMPANY #R_MAIL_SELECT{ width:120px; margin-left:4px }
form.JOIN_FORM.COMPANY #R_ADDRESS1{ width:300px }
form.JOIN_FORM.COMPANY #R_ADDRESS_SEARCH{ width:74px; margin-left:4px }
form.JOIN_FORM.COMPANY #R_ADDRESS2{ width:378px; margin-left:102px }
form.JOIN_FORM.COMPANY #R_THUMBNAIL{ width:160px }
form.JOIN_FORM.COMPANY #R_THUMBNAIL_SELECT{ width:80px; margin-left:4px }
form.JOIN_FORM.COMPANY #R_COMMENT{ width:378px }

form.JOIN_FORM.COMPANY label[for=R_NONCOMP]{
	width : auto;
	line-height : auto;
	font-weight : bold;
	color : #06C;
}

.MESSAGE{ text-align:center; margin:24px 0; color:#666; font:normal 11px/normal Dotum }
.MESSAGE p{ padding:0; margin:8px 0 }
.MESSAGE p > a{ color:#06C; text-decoration:underline }


.ESTIMATE_LIST{ width:800px; margin:0 auto }
.ESTIMATE_LIST > ul{ padding:0; margin:24px 0 }
.ESTIMATE_LIST > ul > li{ padding:12px; margin-bottom:12px; border:solid 1px #CCC; list-style:none; overflow:hidden }
.ESTIMATE_LIST > ul > li > span{ display:block; margin-left:150px }
.ESTIMATE_LIST > ul > li > .THUMB{ float:left; width:140px; height:105px; margin:0; }
.ESTIMATE_LIST > ul > li > .THUMB > img{ width:100%; height:100% }
.ESTIMATE_LIST > ul > li > .SUBJECT{ margin-bottom:6px; font:bold 12px/normal Dotum; color:#333 }
.ESTIMATE_LIST > ul > li > .COMPNAME{ float:left; margin:0 10px; color:#666; font:normal 11px/normal Dotum }
.ESTIMATE_LIST > ul > li > .SAVEDATE{ color:#888; font:normal 11px/normal Dotum }
.ESTIMATE_LIST > ul > li > .CONTENT{ margin-top:10px; font:normal 12px/normal Dotum }
.ESTIMATE_LIST > ul > li > .URL{ margin-top:10px; font:normal 12px/normal Dotum }
.ESTIMATE_LIST > ul > li > .URL > a{ color:#06C; text-decoration:underline }
.ESTIMATE_LIST > ul > li > .URL > a.DELETE{ color:#999 }
.ESTIMATE_LIST > ul > li > .URL:before{ content: '바로가기 : ' }