@charset "utf-8";

	html {min-width: 320px;}

	#wrapHeader #header .logo {
		border-right: 0;
	}

	#gnbAll.mobileGnb {
		width: 100%;
	}
	#gnbAll > ul > li dl {
		margin-left: 140px;
	}
	#gnbAll > ul > li dl dt {
		width: 140px;
	}
	#gnbAll > ul > li dl dt a {
		padding-left: 10px;
	}

	#visualWrap .bx-controls-direction {
		display: none;
	}
	#visualWrap .bx-pager div a {
		width: 45px;
	}

	#wrapArticle #container #contents.mainWrap {
		width: 86%;
		margin: 20px auto;
	}
	.headTitlesp {
		font-size: 1.64em;
	}
	#wrapArticle #container #contents .mTitle {
		margin-bottom: 70px;
	}
	#wrapArticle .noticeNews li {
		width: 100%;
	}
	#wrapArticle .noticeNews li a dl dt {
		font-size: 1.24em;
		height: auto;
	}
	#wrapArticle .noticeNews li a dl dd {
		font-size: 0.94em;
		height: auto;
	}

	#businessWrap .bx-viewport {
		width: 100% !important;
		padding-bottom: 145px;
	}
	#businessWrap ul li .img span {
		left: 5%;
		font-size: 1.2em;
	}
	#businessWrap .bx-caption {
		position: relative;
		left: auto;
		bottom: auto;
		height: auto;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		padding: 10% 5% 5% 5%;
	}
	#businessWrap .bx-caption p {
		width: 100%;
	}
	#businessWrap .bx-controls {
		bottom: 117px;
		left: 5%;
	}

	#wrapFooter .siteLink {
		text-align: center;
	}
	#wrapFooter .siteLink .siteList {
		margin-right: 0;
	}
	#wrapFooter .siteLink .siteList li {
		margin-bottom: 5px;
	}
	#wrapFooter .siteLink .snsList {
		float: none;
		clear: both;
		overflow: hidden;
		display: inline-block;
		margin-top: 10px;
	}
	#wrapFooter #copyWrap {
		font-size: 0.84em;
	}

	.readyWrap {
		margin-top: 40px;
	}
	.readyWrap dl {
		background-position: center top;
		padding: 160px 0 0 0;
		text-align: center;
	}
	.readyWrap dl dt {
		font-size: 1.84em;
	}

	/* ------------------------------------- SUB */
	#navi {
		display: none;
	}
	.lineContents .title1st,
	.lineContents .text {
		width: 100%;
		margin-top: 0;
	}
	.companyWrap .company_img,
	.companyWrap .tableWrap {
		float: none;
		clear: both;
		width: 100%;
	}
	.companyWrap .company_img {
		text-align: center;
		margin-bottom: 20px;
	}
	.ceo_intro .ceoBg {
		margin-right: -10px;
	}
	.ceo_intro .ceoBg p {
		margin-right: 0;
	}
	.business13 .floatR ol li {
		padding-left: 60px;
	}
	.business13 .floatR ol li span {
		background: none;
	}
	.protoxin_graph01 li {
		width: 100%;
	}
	.protoxin_graph01 li .imgWrap,
	.protoxin_graph01 li p,
	.protoxin_graph01 li span {
		margin-right: 0;
	}
	.capability .list02 dd,
	.capability .list03 dd {
		width: 100%;
		margin: 0;
	}
	.capability .list03 dd span {
		min-height: auto;
	}
	.welfare dl {
		padding: 170px 10px 30px 10px;
	}
	.welfare dl.list01,
	.welfare dl.list02,
	.welfare dl.list03,
	.welfare dl.list04,
	.welfare dl.list05 {
		background-position: center 40px;
	}
	.welfare dl dt {
		text-align: center;
	}
	.business_list li,
	.business_list_50 li {
		width: 100%;
	}
	.business_list li div,
	.business_list_50 li div {
		margin-right: 0;
	}
	.business_list li div span,
	.business_list_50 li div span {
		min-height: 20px;
	}
	.business03 p, 
	.business09 p {
		font-size: 1.54em;
		width: 92%;
		min-height: auto;
		margin-top: 150px;
	}
	.business09 p {
		padding-top: 70px;
	}
	.talentTitle, 
	.protoxin2Title {
		font-size: 1.54em;
	}
	.protoxin2 dl.floatL dd ul,
	.protoxin2 dl.floatR dd ul {
		padding: 160px 20px 20px 20px;
	}

	.main_pop_overlay #boxpopup, 
	.main_pop_overlay2 #boxpopup2 {
		left: 5%;
		margin: 0;
		height: 300px;
		width: 90%;
	}
	#boxpopup .contents, 
	#boxpopup2 .contents {
		height: 60%;
	}

	.orgWrap {
		background: url("../images/sub/contents/orgBg.gif") center top repeat-y;
	}
	.orgWrap h4 {
		width: 80%;
		margin-bottom: 20px;
	}
	.orgWrap .orgL,
	.orgWrap .orgR {
		width: 100%;
		background-color: #FFF;
		margin-top: 30px;
	}
	.boxList {
		padding: 20px;
	}

	.mobileTB {
		width: 100%;
		overflow-x: scroll;
	}
	.mobileTB table {
		width: 250%;
	}

	/* ------------------------------------- SUB Board */
	#board_list.list li {
		width: 100%;
	}
	.listTop input {
		width: 120px;
	}
	.listTop span.calendarBtn input {
		width: 15%;
	}
	#board_view.view .view_contents img {
		max-width: 100%;
	}

	/* ------------------------------------- 20230223 */
	/* ------------------------------------- SUB - 회사소개 - ci 로고 */
	.ciImgWrap .ci_img{width: 75%;}

	.ciWrap .ci_text p{display: block;}
	.ciWrap .ci_text p:not(:last-child){margin-right: 0;}
	.ciWrap .ci_text p.plus{display: none;}
	.ciWrap .ci_text .main_text{font-size: 2em;}
	.ciWrap .ci_text .sub_text{font-size: 1.2em;}

	.ciWrap .ci_color{justify-content: space-between;}
	.ciWrap .ci_color .color{height: 50px;justify-content: center;align-items: center;}
	.ciWrap .ci_color .color span{margin-right: 0;margin-bottom: 0;}
	.ciWrap .ci_color li:not(:last-child){margin-right: 0;margin-bottom: 20px;}
	/* ------------------------------------- 20230223 */

@media screen and (max-width:420px) {
	.ceo_intro {
		background: none;
	}
	.ceo_intro .ceoBg {
		background: none !important;
		padding: 20px;
		margin: 0 0 30px 0;
		text-align: center;
		color: #333;
		height: auto;
		border-bottom: 1px dotted #999;
	}
	.ceo_intro .ceoBg p {
		margin-right: 0;
	}

	#wrapHeader #header .logo a {width: 96px;}
	#wrapHeader #header .logo2 {left: 215px;}
	#wrapHeader #header .logo2 a {width: 60px;}
	#wrapHeader #header .logo3 {left: 130px;} /*2025.04.15 사이즈조정요청으로 인해 추가*/
	#wrapHeader #header .logo3 a {
		/* width: 100px; */
		width: 80px; /*2025.04.15 사이즈조정요청으로 인한 수정*/
	}
}