@charset "utf-8";


/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {

	/* -------------------- Q&A -------------------- */
	/*Q&A*/
	.qna .qna_inner {background-color:#f1f1f1;}
	.qna .qna_inner .formCon .layout {background-color:#fff; border-top:5px solid #c00000; padding:50px 30px!important; box-shadow:0 5px 5px rgba(0,0,0,.1);}
	.qna .qna_inner .formCon .layout h4 {font-size:20px;}
	.qna .qna_inner .formCon .layout h4:before {display:none;}
	
	.qna .qna_inner .formCon .layout .agreeWrap {border:1px solid #ddd;}
	.qna .qna_inner .formCon .layout .agreeWrap dl {padding:20px 30px; height:200px; overflow-y:auto; border-bottom:0;}
	.qna .qna_inner .formCon .layout .agreeWrap dl>* {font-size:15px; line-height:1.8;}
	.qna .qna_inner .formCon .layout .agreeWrap dl dt {color:#000; font-weight:400;}
	.qna .qna_inner .formCon .layout .agreeWrap dl dd {font-weight:300;}
	.qna .qna_inner .formCon .layout .agreeWrap dl dd+dt {margin-top:20px;}
	.qna .qna_inner .formCon .layout .agreeWrap dl dt.first {margin-bottom:20px;}
	.qna .qna_inner .formCon .layout .agreeWrap dl dd.last {margin-top:20px;}
	.qna .qna_inner .formCon .layout .agreeWrap .ckwrap {padding:15px 30px; color:#fff; background-color:#17375e;}
	.qna .qna_inner .formCon .layout .agreeWrap .ckwrap> * {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
	.qna .qna_inner .formCon .layout .agreeWrap .ckwrap input {display:none;}
	.qna .qna_inner .formCon .layout .agreeWrap .ckwrap label {height:18px; padding-left:25px; font-size:16px; color:#fff !important; background:url(../images/common/icon_ck.png) no-repeat 0 50%; cursor:pointer;}
	.qna .qna_inner .formCon .layout .agreeWrap .ckwrap input:checked+label {background:url(../images/common/icon_ckon.png) no-repeat 0 50%;}
	
	.qna .qna_inner .formCon .layout .title {margin-top:50px; font-size:16px; font-weight:300; color:#000; padding-bottom:15px; border-bottom:1px solid #000; position:relative;}
	.qna .qna_inner .formCon .layout .title>span {font-size:13px; position:absolute; top:5px; right:0;}

	/**/
	form.type1 {margin:0; padding:0; font-weight:normal;}
	form.type1 * {box-shadow:none;}
	form.type1 input[type="text"],input[type="password"],input[type="textarea"],input[type="number"],textarea,select {	
		display:inline-block; height:40px; padding:8px; margin:3px 0; vertical-align:middle; max-width:100%;
		font-size:inherit; line-height:1;	
		border-radius:0px; border:1px solid #ddd; background:#fff;	
		float:inherit;
	}
	form.type1 input:focus, select:focus, textarea:focus {
		outline:none !important; border:1px solid #000;
		background:#fff;
	}
	form.type1 select {
		cursor:pointer; padding:8px 25px 8px 8px;
		background-image:url(../images/common/select.png);
		background-repeat:no-repeat;
		background-position:100% 50%;
		-moz-appearance:none; /* Firefox */
		-webkit-appearance:none; /* Safari and Chrome */
		appearance:none;
		clear:left !important;
	}
	form.type1 select::-ms-expand {display:none;}
	form.type1 textarea {min-height:200px; line-height:1.6; /* max-width:1120px; */}
	/* form.type1 label,form.type1 p.tit {display:block; font-weight:normal; margin-bottom:3px;} */
	form.type1 .ck {padding-left:25px; color:#a01057; background:url(../images/common/icon_check.png) no-repeat 0 50%;}

	span.required {background:url(../images/common/icon_check.png)no-repeat 3px 3px; width:23px; height:23px; display:inline-block; background-size:15px; vertical-align:middle; margin-left:10px;}
	
	.join p {color:#000; font-size:17px;}
	.join .checkbox label {font-size:14px; display:inline-block; color:#555;}
	.join .agree {overflow-y:auto;}
	.join .privacy {overflow-y:auto;}
	.join .title {padding-bottom:10px; margin-bottom:0; border-bottom:1px solid #333; font-size:16px; color:#000;}
	.join .title span {font-size:12px; color:#666; font-weight:normal;}
	.join .formGroup a.btn {min-height:32px; font-size:11px; letter-spacing:0; padding:0 20px; line-height:2.8;}
	.join .formGroup label {clear:left; font-size:15px; color:#666; padding-left:0; padding-right:30px; padding-top:5px; letter-spacing:-1px; text-align:right;}
	.join .formGroup label.block {display:inline-block !important; width:auto;}
	.join .formGroup .gender {padding-left:20px; font-size:14px; font-weight:normal;}
	.join .formGroup>div>div {padding-left:0;}
	.join .formGroup>div>div.gender label {display:inline-block; margin-left:10px; vertical-align:baseline;}
	.join .formGroup>div:last-child {margin-bottom:0;}
	.join .formGroup>div p {clear:both; margin:0; font-size:12px; color:#999; line-height:1.4;}
	.join .formGroup input[type="text"].inline {height:34px; padding:4px 12px; border:1px solid #ccc;}
	.join .formGroup span.inline {display:block; float:left; height:34px; padding:6px 5px;}
	.join .formGroup .select_box {height:34px;border:1px solid #ccc;}
	.join .formGroup .mail {border-right:0 !important;}
	.join .formGroup .divinner label {display:block; }
	.join .formGroup .divinner label input {vertical-align:middle; margin:0 !important;}
	.join .formGroup .divinner label .check_text {vertical-align:middle; padding-left:5px;}
	.join .formGroup .divinner>div {padding-right:5px !important;}
	.join .formGroup .divinner>div:last-child {padding-right:0 !important;}
	.join .formGroup .check_text {font-weight:normal; font-size:12px;}
	.autoCodeWrap {position:relative;}
	.autoCodeWrap .autoCode {float:left; display:inline-block; position:relative; border:0; width:100px !important; height:40px; line-height:40px; padding:0 12px; vertical-align:top;}
	.autoCodeWrap .autoCode>span {color:#c00000; font-weight:bold; font-size:1.2em; font-style:italic;}
	.autoCodeWrap input[type="text"] {width:300px !important;}
	
	.join .formGroup {border-bottom:1px solid #ddd; padding:5px; overflow:hidden;}
	.join .formGroup .labelName {display:inline-block; width:200px; vertical-align:top; padding-left:30px; padding-top:10px; font-size:14px;}
	.join .formGroup .inputWrap {display:inline-block; height:40px;}
	.join .formGroup .inputWrap>*{display:inline-block; margin:0 !important;}
	.join .formGroup .inputWrap select,
	.join .formGroup .inputWrap input:not([type=radio]):not([type=checkBox]) {width:220px; height:40px; border:1px solid #ddd; padding-left:5px; font-size:14px;}
	.join .formGroup .inputWrap>div:last-child {display:inline-block;}
	.join .formGroup .inputWrap.h0 {height:auto !important;}
	.join .formGroup .inputWrap.h0>div:first-child {margin-bottom:5px !important;}
	.join .formGroup .inputWrap.h0>div:last-child {display:block;}
	.join .formGroup .inputWrap>div:last-child input {}
	.btn_box {text-align:center; margin-top:30px;}
	.btn_box ul li a {display:inline-block; padding:20px 50px; line-height:1; font-size:18px; color:#fff; background:#17375e; border-radius:7px;}
	.btn_box ul li a:hover {background:#0c2748;}
	.board_ebi .write_normal .form-group>div p {letter-spacing:-1px;}
	.padr5 {padding-right:5px !important;}










}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	
	/* -------------------- Q&A -------------------- */
	/*Q&A*/
	.qna .qna_inner {background-color:#f1f1f1;}
	.qna .qna_inner .formCon .layout {background-color:#fff; border-top:5px solid #c00000; padding:50px 30px!important; box-shadow:0 5px 5px rgba(0,0,0,.1);}
	.qna .qna_inner .formCon .layout h4 {font-size:18px;}
	.qna .qna_inner .formCon .layout h4:before {display:none;}
	
	.qna .qna_inner .formCon .layout .agreeWrap {border:1px solid #ddd;}
	.qna .qna_inner .formCon .layout .agreeWrap dl {padding:20px 30px; height:200px; overflow-y:auto; border-bottom:0;}
	.qna .qna_inner .formCon .layout .agreeWrap dl>* {font-size:14px; line-height:1.6;}
	.qna .qna_inner .formCon .layout .agreeWrap dl dt {color:#000; font-weight:400;}
	.qna .qna_inner .formCon .layout .agreeWrap dl dd {font-weight:300;}
	.qna .qna_inner .formCon .layout .agreeWrap dl dd+dt {margin-top:20px;}
	.qna .qna_inner .formCon .layout .agreeWrap dl dt.first {margin-bottom:20px;}
	.qna .qna_inner .formCon .layout .agreeWrap dl dd.last {margin-top:20px;}
	.qna .qna_inner .formCon .layout .agreeWrap .ckwrap {padding:15px 30px; color:#fff; background-color:#17375e;}
	.qna .qna_inner .formCon .layout .agreeWrap .ckwrap> * {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
	.qna .qna_inner .formCon .layout .agreeWrap .ckwrap input {display:none;}
	.qna .qna_inner .formCon .layout .agreeWrap .ckwrap label {height:18px; padding-left:25px; font-size:16px; color:#fff !important; background:url(../images/common/icon_ck.png) no-repeat 0 50%; cursor:pointer;}
	.qna .qna_inner .formCon .layout .agreeWrap .ckwrap input:checked+label {background:url(../images/common/icon_ckon.png) no-repeat 0 50%;}
	
	.qna .qna_inner .formCon .layout .title {margin-top:30px; font-size:16px; font-weight:300; color:#000; padding-bottom:10px; border-bottom:1px solid #000; position:relative;}
	.qna .qna_inner .formCon .layout .title>span {font-size:13px; position:static; display:inline-block; width:100%;}

	/**/
	form.type1 {margin:0; padding:0; font-weight:normal;}
	form.type1 * {box-shadow:none;}
	form.type1 input[type="text"],input[type="password"],input[type="textarea"],input[type="number"],textarea,select {	
		display:inline-block; height:40px; padding:8px; margin:3px 0; vertical-align:middle; max-width:100%;
		font-size:inherit; line-height:1;	
		border-radius:0px; border:1px solid #ddd; background:#fff;	
		float:inherit;
	}
	form.type1 input:focus, select:focus, textarea:focus {
		outline:none !important; border:1px solid #000;
		background:#fff;
	}
	form.type1 select {
		cursor:pointer; padding:8px 25px 8px 8px;
		background-image:url(../images/common/select.png);
		background-repeat:no-repeat;
		background-position:100% 50%;
		-moz-appearance:none; /* Firefox */
		-webkit-appearance:none; /* Safari and Chrome */
		appearance:none;
		clear:left !important;
	}
	form.type1 select::-ms-expand {display:none;}
	form.type1 textarea {min-height:200px; line-height:1.6; /* max-width:1120px; */}
	/* form.type1 label,form.type1 p.tit {display:block; font-weight:normal; margin-bottom:3px;} */
	form.type1 .ck {padding-left:25px; color:#a01057; background:url(../images/common/icon_check.png) no-repeat 0 50%;}

	span.required {background:url(../images/common/icon_check.png)no-repeat 3px 3px; width:23px; height:23px; display:inline-block; background-size:15px; vertical-align:middle; margin-left:10px;}
	span.required.must {margin-left:0;}
	
	.join p {color:#000; font-size:17px;}
	.join .checkbox label {font-size:14px; display:inline-block; color:#555;}
	.join .agree {overflow-y:auto;}
	.join .privacy {overflow-y:auto;}
	.join .title {padding-bottom:10px; margin-bottom:0; border-bottom:1px solid #333; font-size:16px; color:#000;}
	.join .title span {font-size:12px; color:#666; font-weight:normal;}
	.join .formGroup a.btn {min-height:32px; font-size:11px; letter-spacing:0; padding:0 20px; line-height:2.8;}
	.join .formGroup label {clear:left; width:30% !important; font-size:15px; color:#666; padding-left:0; padding-right:30px; padding-top:5px; letter-spacing:-1px; text-align:right;}
	.join .formGroup label+div {width:70% !important;}
	.join .formGroup label.block {display:inline-block !important; width:auto;}
	.join .formGroup .gender {padding-left:20px; font-size:14px; font-weight:normal;}
	.join .formGroup>div>div {padding-left:0;}
	.join .formGroup>div>div.gender label {display:inline-block; margin-left:10px; vertical-align:baseline;}
	.join .formGroup>div:last-child {margin-bottom:0;}
	.join .formGroup>div p {clear:both; margin:0; font-size:12px; color:#999; line-height:1.4;}
	.join .formGroup input[type="text"].inline {height:34px; padding:4px 12px; border:1px solid #ccc;}
	.join .formGroup span.inline {display:block; float:left; height:34px; padding:6px 5px;}
	.join .formGroup .select_box {height:34px;border:1px solid #ccc;}
	.join .formGroup .mail {border-right:0 !important;}
	.join .formGroup .divinner label {display:block; }
	.join .formGroup .divinner label input {vertical-align:middle; margin:0 !important;}
	.join .formGroup .divinner label .check_text {vertical-align:middle; padding-left:5px;}
	.join .formGroup .divinner>div {padding-right:5px !important;}
	.join .formGroup .divinner>div:last-child {padding-right:0 !important;}
	.join .formGroup .check_text {font-weight:normal; font-size:12px;}
	.autoCodeWrap {position:relative;}
	.autoCodeWrap .autoCode {float:left; display:inline-block; position:relative; border:0; width:100px !important; height:40px; line-height:40px; padding:0 12px; vertical-align:top;}
	.autoCodeWrap .autoCode>span {color:#c00000; font-weight:bold; font-size:1.2em; font-style:italic;}
	.autoCodeWrap input[type="text"] {width:300px !important;}
	
	.join .formGroup {border-bottom:1px solid #ddd; padding:5px; overflow:hidden;}
	.join .formGroup .labelName {display:inline-block; width:200px; vertical-align:top; padding-left:30px; padding-top:10px; font-size:14px;}
	.join .formGroup .inputWrap {display:inline-block; height:40px;}
	.join .formGroup .inputWrap>*{display:inline-block; margin:0 !important;}
	.join .formGroup .inputWrap select,
	.join .formGroup .inputWrap input:not([type=radio]):not([type=checkBox]) {width:220px; height:40px; border:1px solid #ddd; padding-left:5px; font-size:14px;}
	.join .formGroup .inputWrap>div:last-child {display:inline-block;}
	.join .formGroup .inputWrap.h0 {height:auto !important;}
	.join .formGroup .inputWrap.h0>div:first-child {margin-bottom:5px !important;}
	.join .formGroup .inputWrap.h0>div:last-child {display:block;}
	.join .formGroup .inputWrap>div:last-child input {}
	.btn_box {text-align:center; margin-top:30px;}
	.btn_box ul li a {display:inline-block; padding:20px 50px; line-height:1; font-size:18px; color:#fff; background:#17375e; border-radius:7px;}
	.btn_box ul li a:hover {background:#0c2748;}
	.board_ebi .write_normal .form-group>div p {letter-spacing:-1px;}
	.padr5 {padding-right:5px !important;}




}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {

	.qna .qna_inner {padding:0;}
	.qna .qna_inner .formCon .layout {border-top:0; padding:30px 20px !important;}
	.qna .qna_inner .formCon .layout .agreeWrap dl {padding:20px;}
	form.type1 input[type="text"],input[type="password"],input[type="textarea"],input[type="number"],textarea,select {width:100% !important;}
	.join .formGroup label {text-align:left;}
	.join .formGroup label,
	.join .formGroup label+div {width:100% !important;}
	
	.qna .qna_inner .formCon .layout .agreeWrap .ckwrap label {height:auto; background:url(../images/common/icon_ck.png) no-repeat 0 4px; line-height:1.4;}
	.qna .qna_inner .formCon .layout .agreeWrap .ckwrap input:checked+label {background:url(../images/common/icon_ckon.png) no-repeat 0 4px;}
	
	.btn_box ul li a {padding:20px 30px; font-size:16px;}
}