@import url(/font/nanum.css);


#carWrap {letter-spacing:-1.5px}
.goodTb .cell {display:table-cell;vertical-align:middle}

.caroff,.cardirect {text-align:center}
.caroff {margin:10px 4%}
.cardirect {display:table;width:100%;border-top:1px solid #d4d4d4}
	.cardirect li {display:table-cell;width:25%;vertical-align:middle;padding:6px 0 4px;border-right:1px solid #d4d4d4}
	.cardirect li span {display:block}
	.cardirect li .dlogo {height:26px;margin:0 auto 5px;box-sizing:border-box}
	.cardirect li:last-child {border-right:none}
	.cardirect li:nth-child(2) .dlogo,
	.cardirect li:nth-child(3) .dlogo {padding-top:5px}
	.cardirect li .dlogo img {width:60%;max-width:80px;vertical-align:middle}
	.cardirect li .number {font-size:14px;font-family:nsB}
	
/* »óÇ°Àüüº¸±â */
.allView {position:relative;margin-bottom:10px}
.allView .title {border-bottom:3px solid #000;padding:20px 0 10px;font-family:nsEB;font-size:22px;text-align:center}
.allView .viewmore {display:block;height:54px;margin-top:10px;background:#f2f2f2;font-family:nsB;text-align:center;padding-top:18px;box-sizing:border-box}
.allView .viewmore.close {background:#d1d1d1}
.allView .goodTb {display:table;width:100%;min-height:110px;border:1px solid #e1e1e1;border-top:none;box-sizing:border-box}

.companyC {padding:15px 20px 15px 15px;letter-spacing:-1.5px}
	.companyC .goodName {font-size:16px;font-family:nsEB;margin-bottom:5px}
	.companyC .goodCtnt {font-size:11px}
	.companyC .goodCtnt li {line-height:1.2;padding:2px 0;margin-left:13px}
	.companyC em {display:block;font-size:10px;color:#999}

.companyR {padding-right:15px;width:120px}
	.companyR .logo {display:block}
	.companyR .logo {width:80px;margin:0 auto 5px}
	.companyR .logo img {width:100%}
	.companyR .keynum {display:table;width:100%;height:50px;background:#249bed;border-box;box-shadow:2px 2px #000}
	.companyR .keynum .text {font-size:16px;font-family:nsB;color:#fff;text-align:center;letter-spacing:-1.5px}


.ba_notice {background:#ffcb48;text-align:center}
.ba_notice img {width:100%}

.note_car {margin:15px 3%}
.note_car dt {font-family:nsB;font-size:12px;margin-bottom:5px}
.note_car dd {font-size:9px;color:#787878;line-height:1.2;padding-left:6px;margin-bottom:4px;background:url('/img/smart/g_bl1.png') left 2px no-repeat;background-size:2px}

/* ¸ÞÀÎÀ̹ÌÁö */
.carMain {text-align:center;width:100%}
	.carMain span {display:block;width:100%}
	.carMain .mainimg1 {background:#322a55}
	.carMain .mainimg2 {background:#ffcc00}
/*.carMain {padding-top:52%;height:300px;background: yellow url('/img/smart/car/sample.jpg') center top no-repeat;background-size: 100%}*/

/* ÀÎDz¿µ¿ª */
.mcarInput {position:relative;background:#ffcc00;padding-bottom:50px;margin-bottom:30px}
.mcarInput .deco {position:absolute;width:100%;bottom:-34px;text-align:center}
.mcarInput .deco img {max-width:400px}
.inputarea {width:88%;margin:0 auto;padding:20px;border:4px solid #333;background:#fff;box-sizing:border-box;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}
	.inputarea .title {font-family:nsR;font-size:16px;text-align:center;letter-spacing:-1.5px}
	.inputarea .title em {font-family:nsEB;font-size:18px;padding-right:2px}
	.inputarea .input_wrap {padding:15px 0 10px}
	.inputarea .input_info {margin-bottom:-1px}
	.inputarea .btnInput {position:relative;display:block;background:#249bed;text-align:center;border-box;box-shadow:4px 4px #000}
	.inputarea .btnInput img {width:100%}
	.btnInput .btnText {display:block;color:#fff;font-size:26px;font-family:nsEB;padding:25px 0 22px}
	.btnInput .btnText em {color:#fff200}
	.btnInput .btnDeco {position:absolute;bottom:-20px;right:0;width:23%}


/*--------------------------------------------------------------------------------------------------*/

#carWrap input,
#carWrap textarea,
#carWrap select,
#carWrap button,
#carWrap form,
#carWrap table {font-size:inherit;font-family:'nsR','Malgun Gothic',dotdum;line-height:inherit;/**ÆùÆ®100%*/vertical-align:middle}

#carWrap textarea,
#carWrap input,
#carWrap select {
outline-color:-moz-use-text-color!important;outline-style:none!important;outline-width:medium!important;-webkit-appearance:none!important;-moz-appearance:none!important;-o-appearance:none!important;appearance:none!important;color:#222;vertical-align:middle;cursor:pointer;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}

.input_wrap {position:relative}
.in_wrap {position:relative}
.in_wrap:after {content:"";clear:both;display:block}
.bg_join {border:1px solid #000; background-color:#fff;}
.input_info {position:relative;display:block;height:40px;margin-bottom:5px}
.input_info .lab_g {display:none;position:absolute; top:14px; left:14px; height:24px; color:#999; cursor:text}/* ¶óº§ */
.input_info .tf_g {display:inline;float:left;width:90%;height:31px;padding:0;margin:5px 12px 0;border:none}/* ÀÎDz¹Ú½º */
.input_info .cell {position:relative;float:left;height:40px}
.input_info .cell select {font-size:14px}
.input_info .cell .ps_box {margin:5px 8px 0 8px;display:block;width:45px}

.input_info.mName .tf_g {width:45%}
.input_info.mPhone .tf_g {width:100px;margin-left:0;margin-right:0}
.input_info.mPhone3 .tf_g {width:100px;margin-left:0;margin-right:0}
.input_info.mInfo .cell {width:33%;border-right:1px solid #000;box-sizing:border-box}
.input_info.mInfo .cell:last-child {border:none}
.input_info.mInfo .cell .ps_box {width:80%}
.input_info .phoneArea {border-right:none}
.input_info .phoneArea .tf_g {letter-spacing:-1.5px;font-size:13px}
.input_info.mPhone2 {margin-bottom:0}


#carWrap select::-ms-expand{opacity:1}
#carWrap .sel{width:100%;padding:0!important; margin-top:4px;height:24px;border:none;background:#fff url(/img/login/sel_arr.gif) right 9px no-repeat;background-size:8px;-webkit-appearance:none;color:#000}
#carWrap .sex {display:inline-block;float:right;height:23px;margin:10px 5px 0 0;border:none}
#carWrap .gender{float:left; position:relative; z-index:10; width:41px; height:23px}

/* Á¤º¸µ¿ÀÇ */
#carWrap .join_agree {position:relative;clear:both;margin:0 0 10px}
#carWrap .join_agree label{display:block; position:absolute; top:0; left:0; z-index:10}
#carWrap .join_agree li {list-style:none}
#carWrap .w_chk {position:relative;z-index:10;height:23px}
#carWrap .w_chk input{position:absolute; top:5px; left:3px; z-index:9}
#carWrap .w_chk label{ height:100%; text-align:left; color:#333;padding: 6px 0 0 26px; }
#carWrap .join_agree .more{left:170px; top:7px;;position:absolute;font-size:12px;width:30px;color:#787878;text-decoration:underline}


/* üũ¹Ú½º */
#carWrap .join_agree input,#carWrap .gender input{border:1px solid #c1c3c3;height:18px;width:18px;vertical-align:middle;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;background:#fff url(/img/micro/company/check_default2.png) no-repeat;background-size:90%;background-position:40%}
#carWrap .join_agree input:checked,#carWrap .gender input:checked {background:#249bed url(/img/micro/company/check_over.png) no-repeat;background-size:90%;background-position:40%;border:1px solid #249bed}
.#carWrap .join_agree input:checked:after, #carWrap .gender input:checked:after {content:"";display:block;background:#fff url(/join_site/heungkuk/img/check_over.png) no-repeat;background-size:60%;background-position:40%;position:relative;border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px}