/* flex */
/***** 공용레이아웃 *****/
/* 일반페이지에서 50:50 플렉스 컬럼일때 700이하면 1row 형태로 전환  이미지는 break point 1th ; 700px로 작성 */
.flex2colum_half {display:flex;width:100%;overflow:hidden;flex-wrap:wrap;box-sizing:border-box}

.flex2colum_half .flexleft {width:50%;padding:10px}
.flexleft .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flexleft .content_desc {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:justify}

.flex2colum_half .flexright {width:50%;padding:10px}
.flexright .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flexright .content_header2 {font-size:32px;font-weight:300;margin-top:30px;border:0px solid red}
.flexright .content_subheader {font-size:18px;font-weight:500;display:inline-block;width:100%;border:0px solid red}
.flexright .content_subheaderInline {font-size:18px;font-weight:500;}
.flexright .content_subTXT {display:inline-block;width:100%;margin-bottom:15px}
.flexright .content_bold {font-weight:700}
.flexright .content_desc {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:justify}
.flexright .content_descL {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:left}


	@media (max-width: 1000px) {
			.flex2colum_half .flexleft {width:100%}
			.flex2colum_half .flexright {width:100%;margin-top:20px}

	}

.contentRightBox {box-sizing:border-box !important;position:relative;top:50%;transform: translate(0, -50%);max-width:100% !important}
.contentTitle {color:#000;display:inline-block !important;font-size:28px;font-weight:700;margin-bottom:20px;width:100%}
.contentDesc {border:0px solid red;box-sizing:border-box;overflow:hidden;word-break: break-all;display:inline-block !important;font-size:18px;font-weight:300;clear:both !important;line-height:180%}


.contentRightBox2 {box-sizing:border-box !important;position:relative;top:50%;transform: translate(0, -50%);max-width:100% !important}
.contentTitle2 {padding:10px 0;color:#000;display:inline-block !important;font-size:28px;font-weight:700;width:100%}
.contentDesc2 {padding:10px 0;box-sizing:border-box;overflow:hidden;word-break: break-all;display:inline-block !important;font-size:18px;font-weight:300;clear:both !important;line-height:180%}



/*2depth header */
.contentTitlesub {color:#000;display:inline-block !important;font-size:22px;font-weight:700;margin-bottom:20px;width:100%}
.contentTitlesubtop {color:#000;display:inline-block !important;font-size:15px;font-weight:500;margin:10px 0;width:100%;line-height:170%}

	@media (max-width: 1000px) {
		.contentTitle {color:#000;display:inline-block !important;font-size:24px;font-weight:700;margin-bottom:20px;width:100%}
		.contentDesc {border:0px solid red;box-sizing:border-box;overflow:hidden;word-break: break-all;display:inline-block !important;font-size:16px;font-weight:300;clear:both !important;line-height:180%}
		.contentTitle2 {padding:10px 0;color:#000;display:inline-block !important;font-size:24px;font-weight:700;width:100%}
		.contentDesc2 {padding:10px 0;box-sizing:border-box;overflow:hidden;word-break: break-all;display:inline-block !important;font-size:16px;font-weight:300;clear:both !important;line-height:180%}
	}

/*2컬럼 80% - 20% */

.flex2colum_8020 {display:flex;width:100%;overflow:hidden;flex-wrap:wrap;box-sizing:border-box}

.flex2colum_8020 > .flexleft8020 {width:80%;padding:10px}
.flex2colum_8020 .flexleft .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flex2colum_8020 .flexleft .content_desc {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:justify}

.flex2colum_8020 > .flexright8020 {width:20%;padding:10px}
.flex2colum_8020 .flexright .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flex2colum_8020 .flexright .content_header2 {font-size:32px;font-weight:300;margin-top:30px;border:0px solid red}
.flex2colum_8020 .flexright .content_subheader {font-size:18px;font-weight:500;display:inline-block;width:100%;border:0px solid red}
.flex2colum_8020 .flexright .content_subheaderInline {font-size:18px;font-weight:500;}
.flex2colum_8020 .flexright .content_subTXT {display:inline-block;width:100%;margin-bottom:15px}
.flex2colum_8020 .flexright .content_bold {font-weight:700}
.flex2colum_8020 .flexright .content_desc {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:justify}
.flex2colum_8020 .flexright .content_descL {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:left}


/*2컬럼 20% - 80% */

.flex2colum_2080 {display:flex;width:100%;overflow:hidden;flex-wrap:wrap;box-sizing:border-box}

.flex2colum_2080 > .flexleft2080 {width:20%;padding:10px}
.flex2colum_2080 .flexleft .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flex2colum_2080 .flexleft .content_desc {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:justify}

.flex2colum_2080 > .flexright2080 {width:80%;padding:10px}
.flex2colum_2080 .flexright .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flex2colum_2080 .flexright .content_header2 {font-size:32px;font-weight:300;margin-top:30px;border:0px solid red}
.flex2colum_2080 .flexright .content_subheader {font-size:18px;font-weight:500;display:inline-block;width:100%;border:0px solid red}
.flex2colum_2080 .flexright .content_subheaderInline {font-size:18px;font-weight:500;}
.flex2colum_2080 .flexright .content_subTXT {display:inline-block;width:100%;margin-bottom:15px}
.flex2colum_2080 .flexright .content_bold {font-weight:700}
.flex2colum_2080 .flexright .content_desc {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:justify}
.flex2colum_2080 .flexright .content_descL {margin-top:20px;letter-spacing:1;line-height:190% !important;text-align:left}


/* 3컬럼 레이아웃 : 추후변경 */
.flexcolumjustify {display:flex;width:100%;overflow:hidden;flex-wrap:wrap;box-sizing:border-box;border:0px solid blue}
.flex3item {width:33.133%;padding:10px;border:0px solid red}


.flex3item  .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flex3item  .content_subheader {font-size:18px;font-weight:500;display:inline-block;width:100%;border:0px solid red}
.flex3item  .content_desc {margin-top:0px;letter-spacing:1;line-height:170% !important;text-align:justify}
.flex3item  .content_subTXT {display:inline-block;width:100%;margin-top:10px}
.flex3item  .contentRoundWrap {width:98%;border:1px solid #CCCCCC;border-radius:12px;padding:15px}

	@media (max-width: 700px) {
			.flex3item {width:100% }
	}

/* 4컬럼 레이아웃  */
.flexcolumjustify4 {display:flex;width:100%;overflow:hidden;flex-wrap:wrap;box-sizing:border-box;border:0px solid blue;}
.flex4item {width:25%;border:0px solid red;padding:15px;box-sizing:border-box}

.flex4item  .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flex4item  .content_subheader {font-size:18px;font-weight:500;display:inline-block;width:100%;border:0px solid red}
.flex4item  .content_desc {margin-top:0px;letter-spacing:1;line-height:170% !important;text-align:justify}
.flex4item  .content_subTXT {display:inline-block;width:100%;margin-top:10px}
.flex4item  .contentRoundWrap {width:98%;border:1px solid #CCCCCC;border-radius:12px;padding:15px}

	@media (max-width: 700px) {
			.flex4item {width:100% }
	}

/* 4컬럼 아웃라인 */
.flexcolumjustify4OL {display:flex;width:100%;overflow:hidden;flex-wrap:wrap;box-sizing:border-box;border:0px solid blue;align-content:stretch !important}
.flex4itemOL {width:25%;border:0px solid red;padding:15px;box-sizing:border-box}
.flex4itemOLWrap {padding:15px;border:1px solid #DDD;height:100% !important}

.flex4itemOL  .content_header {font-size:32px;font-weight:300;margin-top:10px;}
.flex4itemOL  .content_subheader {font-size:18px;font-weight:500;display:inline-block;width:100%;border:0px solid red}
.flex4itemOL  .content_desc {margin-top:0px;letter-spacing:1;line-height:170% !important;text-align:justify}
.flex4itemOL  .content_subTXT {display:inline-block;width:100%;margin-top:10px}
.flex4itemOL  .contentRoundWrap {width:98%;border:1px solid #CCCCCC;border-radius:12px;padding:15px}

	@media (max-width: 700px) {
			.flex4itemOL {width:100% }
	}



/* 1row flexbilebox with center */
.flex1colum100 {display:flex;width:100%;justify-content:center;align-items:center;text-align:center;line-height:180%;padding:30px 0px;border:0px solid red;margin-top:20px}
	.flex1item {border:0px solid blue;padding:10px;width:100%}

.flex1colum80 {width:80%;margin:0 auto;text-align:justify;overflow:hidden;line-height:180%;padding:20px 5px}





.c_container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* text-deco */
.isBold {font-weight:700;color:#000}
.isBoldblue {font-weight:700;color:#3366cc}
.isAlignL {text-align:left !important}
.isAlignC {text-align:center !important}
.isAlignR {text-align:right !important}

/* box decoration */
.isOutline {border:1px solid #DDD !important}
.isFont16 {font-size:16px !important}

/* paraHeaderTXT*/
.paraHeaderTXT {
	width:70%;border:0px solid red;
	font-size:24px;font-weight:300;
	font-weight:700;text-align:center;
	padding:40px 0;
	line-height:170%;
	margin:0 auto;
}
.paraHeaderTXTsub {
	width:90%;border:0px solid red;
	padding-top:10px;
	font-size:17px;font-weight:300;
	font-weight:500;text-align:center;
	line-height:165%;
	margin:0 auto;	
}

	@media (max-width: 600px) {
		.paraHeaderTXT {
			width:100% !important;
			font-size:20px;
			font-weight:700;
			text-align:center;
			padding:20px 0 !important;;
			line-height:170%;
			margin:0 auto;
			border:0px solid red;
		}
		.paraHeaderTXTsub {
			width:100% !important;
			font-size:16px !important;
			font-weight:300 !important;			
		}		
	}


.paraHeaderTXT2 {
	width:60%;border:0px solid red;
	font-size:24px;font-weight:300;
	font-weight:700;
	padding:0;
	line-height:170%;
	margin:0 auto;
}
.paraHeaderTXTsub2 {
	width:60%;border:0px solid red;
	padding-top:10px;
	font-size:17px;font-weight:300;
	font-weight:300;
	line-height:165%;
	margin:0 auto;
}

/*기업연혁*/
.paraHeaderTXTunderline {width:18%;border-top:1px solid #CCC;margin:0 auto;height:60px}
.paraHeaderTXTcolor {color:#3366ff;font-weight:700}

.historyWrap {padding-bottom:80px}
.histoyYearLabelWrap {margin-bottom:30px;}
.histoyYearLabel {margin:0 auto;width:220px;padding:15px 30px;background-color:#009900;font-size:20px;font-weight:700;text-align:center;color:#FFF;border-radius:30px}

.histoyContentWrap {width:754px;text-align:center;margin:0 auto;border:1px solid #DDD;}
.histoyContent{width:754px !important;margin:0 auto;padding:30px;overflow:hidden;border:0px solid red}
.histoyContentWrap img {max-width:754px !important}

.histoyContentHeader{font-size:28px;font-weight:900;text-align:center;padding:20px 0;border:0px solid red;color:#000}
.histoyContentDesc{font-size:17px;text-align:center;border:0px solid red;padding:35px;margin-bottom:15px;}
.histoyContentDetail{font-size:16px;text-align:left;border:0px solid red;padding:20px;margin-bottom:15px;width:80% !important;margin:0 auto}
.histoyContentDetail li {list-style:square;}
.histoyContentDetail li::marker {color:#0033cc}


	@media (max-width: 870px) {
	    .histoyContentWrap { width:90% !important}
		.histoyContent{ width:90% !important;padding:10px !important}
	/*	.paraHeaderTXT {font-size:20px !important;} */
		.histoyContentHeader {padding:10px 0 !important}
		.histoyContentWrap img {width:100%  !important}
		.histoyContentDesc{font-size:15px;text-align:center;border:0px solid red;padding:0px;margin-bottom:15px;}
		.histoyContentDetail{font-size:15px;text-align:left;border:0px solid red;padding:0px;margin-bottom:15px;width:90% !important;margin:0 auto}
	}

/* 안전관리 */
.safeWrap {padding-bottom:80px}
.safeContent {box-sizing:border-box;display:flex;flex-wrap:wrap;border:0px solid red;padding:0;justify-content:space-between}
.illustWrap {width:100%;margin-bottom:15px;text-align:center}
.safeContent img {clear:both !important;display:block !important}
.safeContent li {width:50%;border:0px solid red;padding:0;box-sizing:border-box;padding:10px;}
.safeContent li > img {display:block;}
.safeContentHeader{font-size:28px;font-weight:700;text-align:center;padding:20px 0;border:0px solid red;color:#000;width:100%}
.safeContentHeaderEng {font-size:18px;font-weight:500;width:100%;text-align:center;padding-top:15px}
.safeContentDesc{font-size:17px;text-align:center;border:0px solid red;padding:0 35px;margin-bottom:25px;}

	@media (max-width: 640px) {
		.safeContent li {width:100% !important;border:0px solid red;padding:0;box-sizing:border-box;padding:10px}	
		.safeContentDesc{font-size:16px;text-align:center;border:0px solid red;padding:0 10px;margin-bottom:25px;}
	}


/*힐링센터 */
.healingWrap {padding-bottom:80px}
.healingLabelWrap {margin-bottom:25px;margin-top:15px}
.healingLabel {margin:0 auto;width:220px;padding:15px 30px;background-color:#009900;font-size:20px;font-weight:700;text-align:center;color:#FFF;border-radius:30px}

.healingContentWrap {width:754px;text-align:center;margin:0 auto;border:1px solid #DDD;}
.healingContent{width:754px !important;margin:0 auto;padding:30px;overflow:hidden;border:0px solid red}
.healingContentWrap img {max-width:754px !important}
.healingContentHeader{font-size:20px;font-weight:700;text-align:center;padding:30px 60px;border:0px solid red;color:#000}
.healingContentDetail{font-size:16px;text-align:center;border:0px solid red;padding:20px 60px;margin-bottom:15px;}


.healingContentWrap1000  {width:1000px;text-align:center;margin:0 auto;border:0px solid red}
.healingContentWrap1000  img {max-width:1000px;width:100%}

.healingContentWrap1000  .healingContent{width:754px !important;margin:0 auto;padding:30px;overflow:hidden;border:0px solid red}
.healingContentWrap1000  .healingContentDetail{font-size:16px;text-align:center;border:0px solid red;padding:20px 40px;margin-bottom:15px;}
.healingContentWrap1000  .healingContentDetail  li { margin-bottom:20px;font-size:16px}

.healingContentWrap1000  .healingContentDetail  li  .isBold  {font-size:18px}
.healingContentWrap1000  .healingContentDetail  li  .isBoldblue  {font-size:18px}


	@media (max-width: 1120px) {
		.healingContentWrap1000  {width:100%;text-align:center;margin:0 auto;border:0px solid red}
		.healingContentWrap1000  img {width:100%}
	}

	@media (max-width: 870px) {
	    .healingContentWrap { width:90% !important}
		.healingContent{ width:90% !important;padding:10px !important}
		.healingContentHeader {padding:10px 0 !important}
		.healingContentWrap img {width:100%  !important}

		.healingContentWrap1000  .healingContent{ width:100% !important;padding:10px !important}
		.healingContentWrap1000  .healingContentHeader {padding:10px 0 !important}
		.healingContentWrap1000  .healingContentWrap img {width:100%  !important}
	}


	@media (max-width: 640px) {
	    .healingContentWrap { width:95% !important}
		.healingContent{ width:98% !important;padding:10px !important}
		.healingContentHeader{font-size:18px !important;font-weight:700;text-align:center;padding:10px 0px !important;border:0px solid red;color:#000}
		.healingContentDetail{font-size:16px;text-align:center;border:0px solid red;padding:10px 10px !important;margin-bottom:15px;}
	}



.healing_img {display:flex;flex-wrap:wrap;}
.healing_img li {width:33%;text-align:center !important;border:0px solid red}
.healing_img li img {vertical-align: bottom;}

	@media (max-width: 870px) {
		.healing_img li img {display:inline-block !important}
		.healing_img li {width:100% !important;text-align:center !important}
	}

.healing2Wrap {padding-bottom:80px}
.healing2Content {box-sizing:border-box;display:flex;flex-wrap:wrap;border:0px solid red;padding:0;justify-content:space-between}
.illustWrap {width:100%;margin-bottom:15px;text-align:center}
.healing2Content li {width:50%;border:0px solid red;padding:0;box-sizing:border-box;padding:10px}
.healing2ContentHeader{font-size:28px;font-weight:700;text-align:center;padding:20px 0;border:0px solid red;color:#000;width:100%}
.healing2ContentHeaderEng {font-size:18px;font-weight:500;width:100%;text-align:center;padding-top:15px}
.healing2ContentDesc{font-size:17px;text-align:center;border:0px solid red;padding:0 35px;margin-bottom:25px;}

	@media (max-width: 640px) {
		.healing2Content li {width:100% !important;border:0px solid red;padding:0;box-sizing:border-box;padding:10px}	
		.healing2ContentDesc{font-size:16px;text-align:center;border:0px solid red;padding:0 5px;margin-bottom:25px;line-height:170% !important}
	}



/* margin, padding, align, flex proper */
.marginT10 {margin-top:10px !important;}
.marginT20 {margin-top:20px !important;}
.marginT30 {margin-top:30px !important;}
.marginT40 {margin-top:40px !important;}
.marginT50 {margin-top:50px !important;}
.marginT60 {margin-top:60px !important;}
.marginT70 {margin-top:70px !important;}
.marginT80 {margin-top:80px !important;}
.marginT90 {margin-top:90px !important;}
.marginT100 {margin-top:100px !important;}

	@media (max-width: 640px) {
		.marginT10 {margin-top:10px !important;}
		.marginT20 {margin-top:10px !important;}
		.marginT30 {margin-top:10px !important;}
		.marginT40 {margin-top:10px !important;}
		.marginT50 {margin-top:20px !important;}
		.marginT60 {margin-top:20px !important;}
		.marginT70 {margin-top:20px !important;}
		.marginT80 {margin-top:30px !important;}
		.marginT90 {margin-top:40px !important;}
		.marginT100 {margin-top:50px !important;}		
	}

.paddingT10 {padding-top:10px !important;}
.paddingT20 {padding-top:20px !important;}
.paddingT30 {padding-top:30px !important;}
.paddingT40 {padding-top:40px !important;}
.paddingT50 {padding-top:50px !important;}
.paddingT60 {padding-top:60px !important;}
.paddingT70 {padding-top:70px !important;}
.paddingT80 {padding-top:80px !important;}
.paddingT90 {padding-top:90px !important;}
.paddingT100 {padding-top:100px !important;}

.tAlignC {text-align:center !important;}
.tAlignL {text-align:left !important;}
.tAlignR {text-align:right !important;}
.tAlignJ {text-align:justify !important;}

.flexAlignCener {justify-content:center !important}
.flexAlignSB {justify-content:space-between !important}
.flexAlignSA {justify-content:space-around !important}
.flexAlignEN {justify-content:space-evenly !important}

.noTpadding {padding-top:0 !important}
.noBpadding {padding-top:0 !important}
.noBold {font-weight:500 !important}

.depth2Header {font-size:18px;font-weight:700;color#000;margin-top:20px}






/* 인재상 */
.w100Wrap {width:100% !important;margin:30px 0;border:0px solid red}
.w100Content {
	border:0px solid red;width:100%;height:220px;background-image:url('/images/talentblockbg.jpg');
	background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;
	background-position:center;
}
.w100Content2 {
	border:0px solid red;width:100%;height:220px;background-image:url('/images/talentblockbg2.jpg');
	background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;
	background-position:center;
}

.w100Text {
	text-align:center;max-width:1520px;width:80% !important;color:#FFF;font-size:20px;font-weight:700;border:0px solid yellow;
	line-height:170%;
}
	@media (max-width: 1000px) {
		.w100Text { width:80% !important;font-size:18px !important}
	}

.healingLabelDesc {padding:22px 0;font-size:18px;font-weight:700;text-align:center;}

	@media (max-width: 600px) {
		.HR1PC {display:none !important}
		.HR1M {display:block !important}
		.HR2PC {display:none !important}
		.HR2M {display:block !important}
		.HR3PC {display:none !important}
		.HR3M {display:block !important}
	}

/* 교육체계 */
.w100Content3 {
	border:0px solid red;width:100%;height:450px;background-image:url('/images/educationblockbg.jpg');
	background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;
	background-position:center;
}

.w100Text3 {
	text-align:center;max-width:1320px;width:50% !important;color:#FFF;font-size:18px;font-weight:500;border:0px solid yellow;
	line-height:170%;
}


.blockHeader {font-size:32px;margin-bottom:20px;font-weight:700}

	@media (max-width: 1000px) {
		.blockHeader {font-size:28px;margin-bottom:20px;font-weight:700}
		.w100Text3 {
			text-align:center;max-width:1320px;width:80% !important;color:#FFF;font-size:18px;font-weight:500;border:0px solid yellow;
			line-height:170%;
		}
	}

	@media (max-width: 720px) {
		.blockHeader {font-size:26px;margin-bottom:20px;font-weight:700}
		.w100Text3 {
			text-align:center;max-width:1320px;width:80% !important;color:#FFF;font-size:16px;font-weight:500;border:0px solid yellow;
			line-height:170%;
		}
	}

	@media (max-width: 600px) {
		.blockHeader {font-size:22px;margin-bottom:20px;font-weight:700}
		.w100Text3 {
			text-align:center;max-width:1320px;width:90% !important;color:#FFF;font-size:15px;font-weight:500;border:0px solid yellow;
			line-height:170%;
		}

	}

.educationContentDetail{font-size:16px;text-align:left;border:0px solid red;padding:20px;margin-bottom:15px;width:100% !important;}
.educationContentDetail li {list-style:square;padding:4px 0;line-height:180%}
.educationContentDetail li::marker {color:#0033cc}

	@media (max-width: 600px) {
		.educationFlex {
		/*	flex-direction: column-reverse !important; */
		}
			.educationFlex .contentRightBox2 {box-sizing:border-box !important;max-width:100% !important;border:0px solid red}
			.educationFlex .contentTitle2 {text-align:center !important;padding:10px 0;color:#000;display:inline-block !important;font-size:22px;font-weight:700;width:100%}
			.educationFlex .contentDesc2 {
					padding:10px 0;box-sizing:border-box;overflow:hidden;word-break: break-all;
					display:inline-block !important;
					font-size:16px;
					font-weight:300 !important;
					clear:both !important;
					line-height:180%
				}
			.educationContentDetail{font-size:16px;text-align:left;border:0px solid red;
				padding:20px 20px 0 20px !important;margin-bottom:0px !important;
				width:100% !important;
				}
			.educationImg {margin-top:0px !important;margin-bottom:30px  !important}
			.jikmooTXT_P {letter-spacing:-1px  !important;}
	}


/*경영과 운영*/
.w100Content4 {
	border:0px solid red;width:100%;height:220px;background-image:url('/images/talentblockbg4.jpg');
	background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;
	background-position:center;
}

.ceoBg {border:0px solid red;background-image:url('/images/kimceonew.png');
background-repeat:no-repeat;background-position:right bottom;background-position: right calc(100% - 120px);}




.paraHeaderTXT3 {
	width:60%;border:0px solid red;
	font-size:24px;font-weight:300;
	font-weight:700;
	padding:0;
	line-height:170%;
	margin:0 auto;
}
.paraHeaderTXTsub3 {
	width:60%;border:0px solid red;
	padding-top:10px;
	font-size:17px;font-weight:300;
	font-weight:300;
	line-height:165%;
	margin:0 auto;
}

	 .ceospace1{display:block;height:30px !important}
	 .ceospace2{display:block;height:5px !important}
	  .ceomobileimg {display:none}

	@media (max-width: 1180px) {
		.paraHeaderTXT3 {width:60% !important;margin-left:100px !important;}
		.paraHeaderTXTsub3 {width:60% !important;margin-left:100px !important;}
	}
	@media (max-width: 960px) {
		.paraHeaderTXT3 {width:60% !important;margin-left:100px !important;}
		.paraHeaderTXTsub3 {width:60% !important;margin-left:100px !important;text-align:justify !important}
		.paraHeaderTXTsub3 br {display:none !important;}
		.ceoBg {border:0px solid red;background-image:url('/images/kimceo.png');background-repeat:no-repeat;background-position:right bottom;background-size:21% !important}
	}
	@media (max-width: 700px) {
		.paraHeaderTXT3 {width:80% !important;margin:0 auto !important;}
		.paraHeaderTXTsub3 {width:80% !important;margin:0 auto !important;text-align:justify !important}
		.paraHeaderTXTsub3 br {display:none !important;}
		.ceoBg {background:none !important}
		.kimceo1 {display:none !important;}
		.kimceo2 {display:block !important;}
		.ceomobileimg {display:block !important}
	}

	@media (max-width: 600px) {
		.paraHeaderTXT3 {width:90% !important;margin:0 auto !important;}
		.paraHeaderTXTsub3 {width:90% !important;margin:0 auto !important;text-align:justify !important}		
		.ceomobileimg {display:block !important}
	}

.w100Content5 {
	border:0px solid red;width:100%;height:450px;background-image:url('/images/ceoworldmap.jpg');
	background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;background-position:center;
}
.w100Text5 {
	text-align:center;max-width:1320px;width:50% !important;color:#000;font-size:20px;font-weight:700;border:0px solid yellow;
	line-height:170%;
}

.w100Text5 p {margin-bottom:15px !important}

	@media (max-width: 800px) {
		.w100Text5 {width:80% !important;}
	}

	@media (max-width: 600px) {
		.w100Text5 {width:80% !important;}
		.w100Text5 p {margin-bottom:15px !important;font-size:18px !important}
	}

/* 사업분야 */
.managementWrap {padding-bottom:80px}
.managementContent {box-sizing:border-box;display:flex;flex-wrap:wrap;border:0px solid red;padding:0;justify-content:space-between}
.illustWrap {width:100%;margin-bottom:15px;text-align:center}
.managementContent img {clear:both !important;}
.managementContent li {width:50%;border:0px solid red;padding:0;box-sizing:border-box;padding:10px;text-align:center !important}
.managementContentHeader{font-size:28px;font-weight:700;text-align:center;padding:20px 0;border:0px solid red;color:#000;width:100%}
.managementContentHeaderEng {font-size:18px;font-weight:500;width:100%;text-align:center;padding-top:15px}
.managementContentDesc{font-size:17px;text-align:center;border:0px solid red;padding:0 35px;margin-bottom:25px;}

	@media (max-width: 800px) {
		.managementContentHeader{font-size:20px;font-weight:700;text-align:center;padding:20px 0;border:0px solid red;color:#000;width:100%}		
	}

	@media (max-width: 700px) {
		.managementContent li {width:100% !important;border:0px solid red;padding:0;box-sizing:border-box;padding:10px}	
		.managementContentHeader{font-size:22px;font-weight:700;text-align:center;padding:20px 0;border:0px solid red;color:#000;width:100%}		
	}

	@media (max-width: 600px) {
		.managementContentDesc{font-size:16px;text-align:center;border:0px solid red;padding:0 15px;margin-bottom:25px;}	
		.fieldmapPC {display:none !important}
		.fieldmapM {display:block !important;}
	}


.filedContentDetail{font-size:16px;text-align:left;border:0px solid red;padding:0px !important;margin-bottom:15px;width:80% !important;margin:0 auto}
.filedContentDetailheader{margin-top:15px;color:#000 !important;font-size:18px;font-weight:700;padding:8px 0;width:100%;text-align:left;padding-left:30px}
.filedContentDetail li {list-style:square;width:100% !important;text-align:left !important;padding:0 !important}
.filedContentDetail li::marker {color:#0033cc}





/*채용 */
.goRecruit {display:inline-block;margin:0 auto;padding:15px 30px;background-color:#3366cc;font-size:20px;font-weight:700;text-align:center;color:#FFF;border-radius:10px}

	@media (max-width: 600px) {
		.illustWrap {width:60%;margin-bottom:15px;text-align:center !important;margin:0 auto !important}
		.illustWrap img {margin:0 auto !important}
	}



/*개인정보취급방침 - 영상처리 */
.privacyP {line-height:170% !important;margin-bottom:15px}
.privacyTBL {width:80% !important;}
	@media (max-width: 800px) {
		.privacyTBL {width:100% !important;}
	}
.privacyTBL td {padding:5px !important;background-color:#FFF;vertical-align:middle}
.privacyTBL .tblHeader {font-weight:700;background-color:#EEE !important;text-align:center}


.announceHeader {text-align:center;font-size:26px;font-weight:700;width:320px;padding:20px 0 10px 0;border-bottom:1px solid #000;margin:0 auto !important}
.announceHeader2 {text-align:center;font-size:22px;font-weight:500;width:240px;padding:10px 0 10px 0;border-bottom:0px solid #DDD;margin:0 auto !important}
.announceHeader3 {text-align:center;font-size:16px;font-weight:300;width:240px;padding:0px 0 10px 0;border-bottom:0px solid #DDD;margin:0 auto !important}
.announceHeader4 {text-align:center;font-size:22px;font-weight:500;width:270px;padding:10px 0 10px 0;border-bottom:0px solid #DDD;margin:0 auto !important}
.announceHeader5 {text-align:center;font-size:26px;font-weight:700;width:320px;padding:20px 0 10px 0;border-bottom:0px solid #000;margin:0 auto !important}

.announceTBL {line-height:170% !important;margin-bottom:15px;margin-top:20px}
.announceTBL {width:100% !important;}
	@media (max-width: 800px) {
		.announceTBL {width:100% !important;}
	}
	@media (max-width: 700px) {
		.announceTBLWrap {overflow-x: scroll !important}
		.announceTBL {min-width:660px;width:100% !important;table-layout: fixed !important}
	}
.announceTBL td {padding:8px !important;background-color:#FFF;vertical-align:middle;text-align:center}
.announceTBL .tdR {padding:5px 20px 5px 5px !important;background-color:#FFF;vertical-align:middle;text-align:right;}
.announceTBL .tblHeader {font-weight:700;background-color:#EEE !important;text-align:center}



.footerPrivacy a:link {color:#FFF !important;font-weight:700;border:0px solid red !important;padding:6px 14px;background-color:#1d3058;border-radius:6px}










/* header */
.header {
  position: relative;
  transition: 0.2s;
}

.header:hover {
  background-color: #102230;
  /*border:3px solid red; */
}


.header:hover a.logo img{
  content: url(/images/logowhite2.png);
}


.header::after {
  content: "";
  width: 100%;
  height: 0;
  border-radius: 0 0 8px 8px;
/*  background-color: var(--main-color); 
  background-color: rgba(246, 246, 246, 0.9);*/
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  z-index: 0;
  transition: 0.2s;
}

.header:hover::after {
  /*height: 35rem;*/
  height: 20rem;

}

.top_nav {
  display: flex;
  justify-content: right;
  padding: 1.5rem 0;
}

.top_nav ul {
  display: flex;
  align-items: center;
  gap: 2rem;
  font-size: 1.4rem;
}

.top_nav ul li span {
  display: inline-block;
  width: 6.5rem;
  padding: 6px 0;
  margin-left: 5px;
  border-radius: 11px;
  background-color: #f6f6f6;
  color: #acacac;
  text-align: center;
  border:5px solid red;
}

.gnb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2rem;
  position: relative;
}

.gnb .logo {
  width: 300px;
  /*height: 60px;*/
  cursor: pointer;
}

.gnb .gnb_right {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  color: #000;
  border:0px solid green !important;
}

.gnb .gnb_right > li {
  position: relative;
  padding: 0 3.5rem;

}

.gnb .gnb_right > li:last-child {
  padding-right: 0;
}

.header .gnb .gnb_right li .navi {
  position: relative;
}

/* 메인메뉴 hover + ani */
.header .gnb .gnb_right li .navi:after {
	content: ''; display: block; position: absolute; bottom: -0.3em; left: 50%; width: 0; height: 2px; background: #3366ff; 
	-webkit-transition: left 0.2s, width 0.2s; -moz-transition: left 0.2s, width 0.2s; -o-transition: left 0.2s, width 0.2s; -ms-transition: left 0.2s, width 0.2s; 
	transition: left 0.2s, width 0.2s; 
}
.header .gnb .gnb_right li .navi:hover {
	color: #FFF; background-color: ;font-weight:700;
}
.header .gnb .gnb_right li .navi:hover:after {
	left: 0; width: 100%;
}
/* 메인메뉴 hover + ani */


.header .gnb .gnb_right li:hover .navi::after {
  display: block;
}

li.navi

.gnb .gnb_right .icons {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.gnb .gnb_right .icons .search {
  position: relative;
}
.gnb .gnb_right .icons .search .search_input {
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 24.3rem;
  height: 4.5rem;
  padding: 0 2.4rem;
  border: 1px solid #acacac;
  border-radius: 15px;
  background-color: var(--white);
  box-shadow: 0 0 13px rgba(8, 8, 8, 0.19);
  position: absolute;
  right: 0;
  bottom: -55px;
  z-index: 2;
}
.gnb .gnb_right .icons .search.open .search_input {
  display: flex;
}
.gnb .gnb_right .icons .search_input input {
  width: 70%;
}
.gnb .gnb_right .icons .search_input .img_box {
  cursor: pointer;
}





.gnb .gnb_right .icons .ham_btn a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 2.2rem;
  height: 1.5rem;
}

.gnb .gnb_right .icons .ham_btn p {
  width: 100%;
  height: 3px;
  background-color: var(--text-color);
}

.header:hover .gnb .gnb_right .icons .ham_btn p {
  width: 100%;
  height: 3px;
  background-color: #FFF;
}


.gnb .sub_nav {
  display: none;
  flex-direction: column;
  gap: 2.2rem;
  padding-top: 7rem;
  padding-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: 400;
  position: absolute;
  z-index: 1;

  margin: 0 auto !important;
  left: 0;
}
.header:hover .sub_nav {
  display: flex;
  width: 100%;
}

/*헤더에 마우스가 오버되면 1depth메뉴색상과 햄버거메뉴 흰색으로 변경 */
.header:hover a.navi {
  color:#FFF !important;
}
.header:hover .ham_btn p {
  color:#FFF !important;
}
/*헤더에 마우스가 오버되면 1depth메뉴색상과 햄버거메뉴 흰색으로 변경 */

.gnb .sub_nav > li {
  padding: 0 2rem;
  text-align: center;
}
.gnb .sub_nav a {
transition: 0.3s;
  border-bottom: 0px solid transparent; 
  display: inline-block;
    color: #FFF;
}
.gnb .sub_nav a:hover {
  color: #FFF;
  border-bottom: 0px solid var(--main-color);
  font-weight:700;
}
/*
.gnb .sub_nav::after {
  content: "";
  width: 100%;
  height: 0;
  background-color: var(--white);
  position: absolute;
  top: 31px;
  left: 0;
  z-index: -1;
  box-sizing: border-box;
}
*/

.header .gnb .gnb_right li:hover .sub_nav::after {
  height: 20rem;
}


/*탭메뉴 */
.tapOff  {inline-block;border:1px solid #EEE;padding:10px 25px;font-weight:500;cursor:pointer}
.tapOn  {inline-block;border:1px solid #EEE;padding:10px 25px;background-color:#17447b;color:#FFF;font-weight:700;cursor:pointer}


.sTab span{margin:0 5px}
.sTab span:first-child {margin-left:0}
.sTab span:last-child {margin-right:0}

	@media (max-width: 600px) {
		.sTab span{margin:0 3px;display:inline-flex;justify-content:center}
		.tapOff  {display:inline-block;border:1px solid #EEE;padding:6px 15px !important;font-weight:500;cursor:pointer;font-size:14px;margin-bottom:10px !important}
		.tapOn  {display:inline-block;border:1px solid #EEE;padding:6px 15px !important;background-color:#17447b;color:#FFF;font-weight:700;cursor:pointer;font-size:14px;margin-bottom:10px !important}
	}

/*탭메뉴 */


/* 슬라이더 미리 보이지 않게 */
.humanTSSMainSlider {display:none;}
.humanTSSMainSlider.slick-initialized{display:block;}

/* go top */
.top_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  font-size: 1.2rem;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
}
.top_btn .img_box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #005293;
}
.top_btn span {
  color: var(--main-color);
}


/* popup */
.btn_open{font-weight:bold; margin:5px; padding:4px 6px; background:#000; color:#fff;}
.pop_wrap{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.8); font-size:0; text-align:center; z-index:30;}
.pop_wrap .pop_inner{display:inline-block; background:#fff; width:200px; vertical-align:middle; font-size:15px;}


/* ################################ PC 끝 ################################*/




/* ################################ 모바일 시작 ################################*/
.mo_header {
  display: none;
  padding: 1.5rem 0;
  background-color: var(--white);
}
.mo_header .c_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mo_header .logo {
  width: 21rem;
  height: 4.5rem;
}
.mo_header .logo a {
  display: block;
  width: 100%;
  height: 100%;
/*  background-image: url(/img/logo.png);*/
  background-size: contain;
  background-repeat: no-repeat;
}
.mo_header .mo_right {
  display: flex;
  align-items: center;
  gap: 14px;
}
.mo_header .mo_right .mo_search {
  position: relative;
}
.mo_header .mo_right .mo_search .search_input {
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 24.3rem;
  height: 4.5rem;
  padding: 0 2.4rem;
  border: 1px solid #acacac;
  border-radius: 15px;
  background-color: var(--white);
  box-shadow: 0 0 13px rgba(8, 8, 8, 0.19);
  position: absolute;
  right: 0;
  bottom: -55px;
  z-index: 2;
}
.mo_header .mo_right .mo_search.open .search_input {
  display: flex;
}
.mo_header .mo_right .mo_search .search_input input {
  width: 70%;
}
.mo_header .mo_right .moham_btn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 22px;
  height: 15px;
}
.mo_header .mo_right .moham_btn p {
  width: 100%;
  height: 3px;
  background-color: var(--text-color);
}
.mo_nav_back {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  transition: 0.4s;
  z-index: 1000;
}
.mo_nav_back.mo {
  transform: translateX(0);
}
.mo_nav {
  width: 426px;
  height: 100vh;
  background-color: var(--white);
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(100%);
  transition: 0.3s;
  transition-delay: 0.2s;
  z-index:100 !important
}
.mo_nav_back.mo .mo_nav {
  transform: translateX(0);
}
.mo_nav .top {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1rem;
  background-color: #FFF;

}
.mo_nav .top .left {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 1.4rem;
}
.mo_nav .top .left .lock {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--main-color);
}
.mo_nav .top .close_btn {
  cursor: pointer;
}
.mo_nav .mid {
 /*padding: 2rem;*/
  padding:30px 0;
  background-image:url('/images/mo_navbgnew.jpg');
  background-size:cover;
/*  background-color:#005293;*/
}
.mo_nav .mid .mo_top_nav {
  display: flex;
  justify-content: space-around;
  padding: 2.2rem 0;
  /*border: 1px solid var(--main-color);
  border-radius: 10px;
  background-color: #f6f6f6; */
  color:#FFF !important;
  font-weight:700;
}
.mo_nav .mo_gnb > li {
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
}

/*헤더에 마우스가 오버되면 1depth메뉴색상과 햄버거메뉴 흰색으로 변경 */
.header:hover .mo_gnb a.navi {
  color:#4e4e4e !important;
}
.header:hover .mo_gnb .ham_btn p {
  color:#4e4e4e !important;
}
/*헤더에 마우스가 오버되면 1depth메뉴색상과 햄버거메뉴 흰색으로 변경 */

.mo_nav .navi {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1.7rem 2.3rem;
  background-color: var(--white);
}
.mo_nav .navi p:last-child {
  width: 14px;
  height: 14px;
  position: relative;
}
.mo_nav .navi p span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #acacac;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.mo_nav .navi p span:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
}
.mo_nav .mo_gnb > li .mo_sub_nav {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  height: 0;
  padding: 0;
  background-color: #f6f6f6;
  font-size: 1.3rem;
  transition: .2s;
  overflow: hidden;
}
.mo_nav .mo_gnb > li.accordionTitleActive .mo_sub_nav {
  height: auto;
  padding: 1.5rem 2.3rem;
}
.mo_nav .mo_gnb > li.accordionTitleActive .navi {
  border-bottom: 1px solid #d7d7d7;
}
.mo_nav .mo_gnb > li.accordionTitleActive .navi p span:last-child {
  transform: translate(-50%, -50%) rotate(0);
}

/* footer ;*/
.footer {margin-top:50px}
.top_footer {
  background-color: #005293;
  color:#555555 !important;
/*  border:2px solid red; */
}
.top_footer ul {
  display: inline-flex;
  gap: 6rem;
  row-gap: 1rem;
  padding: 1.7rem 0;
  font-weight: 400;
  font-size: 1.4rem;
  color: var(--white);
  margin:0 auto !important;
 /* border:3px solid yellow*/
}
.top_footer ul li {
  padding-bottom: 3px;
  /border: 1px solid transparent;
  transition: 0.2s;
   /*border:2px solid red*/
}
.top_footer ul li:hover {
  color: #1cb59d;
  /*border-bottom: 1px solid #1cb59d;*/
}
.bottom_footer {
  padding: 3.8rem 0 5.7rem;
}
.bottom_footer .c_container {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
}
.bottom_footer .c_container .bottom_txt {
  margin-top: 1.5rem;
  color: #acacac;
}


.bottom_footer  p { color:#555555  !important}




@media screen and (max-width: 600px) {
	.ctstWrap1 {  width:100% !important;	}
	.ctstWrap2 {  width:100% !important ;	}


/*
background-image:url('./certback2.png') !important;background-size:cover !important
background-image:url('./certback3.png');
		background-size:cover !important;
		background-repeat:no-repeat;
		background-position:left top
*/

}






@media screen and (max-width: 1400px) {
  .c_container {
    padding: 0 2.4rem;
  }
  .pc_header {
    display: none;
  }
  .header::after {
    display: none;
  }
  .mo_header {
    display: block;
  }
  .top_nav {
    display: none;
  }
  .gnb {
    padding: 2rem 0;
  }
  .gnb .gnb_right > li {
    display: none;
  }
  .gnb .gnb_right > li:last-child {
    display: block;
  }
}

@media screen and (max-width: 850px) {
  .top_footer ul {
    flex-wrap: wrap;
    justify-content: center;
    word-break: keep-all;
    gap: 2rem;
  }
  .bottom_footer .c_container {
    flex-direction: column;
    text-align: center;
    word-break: keep-all;
  }
  .top_btn {
    right: 3rem;
  }
}

@media screen and (max-width: 500px) {
  .mo_nav {
    width: 330px;
  }
}


.flexItemCenter {display:flex;align-item:center}

.divCenterLeft {
	position: absolute;
	left: 10%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-moz-transform: translate(-50%, -50%) !important;
	-o-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}

.divCenter {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-moz-transform: translate(-50%, -50%) !important;
	-o-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}


.moreCenter {
	width:100%;text-align:center;margin-top:20px;
}

.moreBtn {	
	background-color:#FFF;
	color:#000;
	font-weight:300;
	padding:12px 28px;
	border:0;
	font-size:18px;
	margin-right:8px;
	border:1px solid #DDD;
	border-radius:24px;
	}

.submainTXT {color:#FFF;font-size:38px;font-weight:700;text-align:center;border:0px solid yellow}

	@media (max-width: 600px) {
		.submainTXT {width:80% !important;}
	}


/*상단여백*/
.marginT20 {margin-top:20px}
.marginT10 {margin-top:10px}

.marginB20 {margin-bottom:20px}
.marginB10 {margin-bottom:10px}


/*float*/
.float-left { float: left; }
.float-right { float: right; }

/*position*/
.por { position: relative; }
.poa { position: absolute; }

.subMainHeder {
	position:relative;width:100%;border:0px solid red;height:320px;
	background-color:#17447b;background-repeat:no-repeat;
}

	@media (max-width: 600px) {
		.subMainHeder {

		}		
	}

/*sub header*/
.subHeader {
    color: #323131;
    width: auto;
    padding: 30px 0 20px 0;
    border-bottom: 1px solid #EEEEEE;
    font-size: 28px;
    font-weight: 700;
	display:block;
	margin-bottom:30px;
}

.subHeader2depthfirst {
    color: #323131;
    width: auto;
    padding: 15px 0;
    font-size: 24px;
    font-weight: 700;
	display:block;
	margin-top:20px;
}

.subHeader2depth {
    color: #323131;
    width: auto;
    padding: 15px 0;
	margin-top:20px;
    font-size: 24px;
    font-weight: 700;
	display:block;
	margin-top:20px;
}

.subHeader3depth {
    color: #323131;
    width: auto;
    padding: 15px 0 6px 0;
	margin-top:0px;
    font-size: 18px;
    font-weight: 500;
	display:block;
}

.ovfhdn {overflow:hidden !important}
.height100 {height:100% !important}
.subNavTXT { padding:15px 0;text-align:right;font-weight:300 }


.alignR {text-align:right !important}
.alignL {text-align:left !important}
.alignC {text-align:center !important}

.inFlex {display: inline-flex}
.uLine {border-bottom:1px solid #EEE}


/* 팝업 창 제일 위 20230923 - 이우용 */
.blocker {z-index:3!important;}

/* 회원 가입 css 추가 20230926 - 이우용 */
.commonJoinInputBox{
	border-radius: 4px;
    border: 1px solid #CCCCCC;
    height: 42px;
    padding: 4px 14px;
    width: 49%;
}

/* 회원가입 PC 20230926 - 이우용 */
.form_join .formRowWrap .dv_license { line-height:3.5; }
.form_join .formRowWrap .dv_zip [name=zip] { max-width:200px; flex:1;}
.form_join .formRowWrap .dv_phone { display:flex; width:49%; }
.form_join .formRowWrap .dv_mobile { display:flex; width:49%; }
.form_join .formRowWrap [name=place] { width: 100%; }
.form_join .formRowWrap [name=place2] { width: 100%; }
.form_join .formRowWrap [name=phone01] { flex:1; }
.form_join .formRowWrap [name=phone02] { flex:1; }
.form_join .formRowWrap [name=phone03] { flex:1; }

.form_join .formRowWrap .hyphen { margin:0 5px; line-height:2.5; }
.form_join .formRowWrap [name=mobile01] { flex:1; }
.form_join .formRowWrap [name=mobile02] { flex:1; }
.form_join .formRowWrap [name=mobile03] { flex:1; }

/* 회원가입 모바일 20230926 - 이우용 */
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .form_join .formRowWrap .formRowLeft { width:120px; }
  
  .form_join .formRowWrap [name=name] { width: 100%; }
  .form_join .formRowWrap .dv_id { display:flex; }
  .form_join .formRowWrap .dv_id [name=id] { flex:1; }
  .form_join .formRowWrap .dv_id .btn-idcheck { margin:0 0 0 10px; width:max-content; }
  
  .form_join .formRowWrap .dv_pw [name=passwd] { width: 100%; }
  .form_join .formRowWrap .dv_pw [name=passwd2] { width: 100%; }
  .form_join .formRowWrap select[name=part] { width: 100%; }
  .form_join .formRowWrap #picture { width: 100%; }
  .form_join .formRowWrap [name=hospital] { width: 100%; }
  .form_join .formRowWrap .dv_zip { display:flex; }
  .form_join .formRowWrap .dv_zip .btn-find-zip { margin:0 0 0 10px; width:max-content; padding:5px 10px; }
  .form_join .formRowWrap .tb_place { width:100%; } 
  .form_join .formRowWrap .dv_phone { width:100%; }
  .form_join .formRowWrap .dv_mobile { width:100%; }
  .form_join .formRowWrap [name=email] { width: 100%; }
}