/*  공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* CEO인사말 */

.hello_txt_left p {
	margin-bottom: 1rem;
}
.hello_txt_left p.ces {
	font-weight:600;
	font-size:1.2rem;
	letter-spacing:-0.08rem;
	line-height: 1.3;
}
.ce_text {
	font-size: 2rem;
	letter-spacing: -0.15rem;
	color: #3d3d3d;
	padding: 0 0 20px 0px;
	font-weight: 700;
}
#ceo .c_img {
	border-radius: 25px;
    text-align: center;
    box-shadow: 12px 12px 23px rgba(0,0,0,.1);
	overflow:hidden;
}
.f_blue{
    color: #1b76af;
}

/* top이미지 */
.sub_con_toppic {
    background: url("../images/management_topimg.jpg") no-repeat center top;
}

.sub_con_toppic h3 {
    font-size: 2em;
    color: #fff;
    letter-spacing: -0.08em;
    padding: 0;
}

.sub_con_toppic h3::after {
    background-color: #fff;
    content: " ";
    display: block;
    height: 1px;
    margin-bottom: 0.6em;
    margin-top: 0.6em;
    margin-left: 49%;
    width: 40px;
}

.sub_con_toppic .txt_div {
    font-size: 1.3em;
    color: #fff;
    letter-spacing: -0.1em;
}


/* 회사개요 */
.ceo_con  {
	position: relative;
}
.ceo_con .over_v_bx {
	position: relative;
	border-radius: 23px;
	overflow: hidden;
}
.ceo_con .over_v_bx .view-img {
	background: rgba(0,0,0,.65);
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-family: 'play';
    padding: 1.3rem 0;
    font-size: 1.2rem;
    letter-spacing: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.ceo_con .over_v_bx.v01 {
	background: url(../images/about/overview_img01.png) no-repeat center top;
	background-size: cover;
}
.ceo_con .over_v_bx.v02 {
	background: url(../images/about/overview_img02.png) no-repeat center top;
	background-size: cover;
}
.ceo_con .corp_info {
	border: 1px solid #ededed;
	border-radius: 23px;
	background: rgba(255,255,255,.48);
	height: 100%;
	box-sizing: border-box;
	box-shadow: 10px 10px 23px rgba(0,0,0,.03)
}
.ceo_con .corp_info > .row {
	border-bottom: 1px solid #ededed;
	display: flex;
	padding: 1.2rem;
	margin: 0 0.5rem;
	font-weight: 500;
	color: #333;
	align-items: center;
}
.ceo_con .corp_info > .row:last-child {
	border-bottom: none;
}
.ceo_con .corp_info .item {
	color: #505050;
}
.ceo_con .corp_info .branch_tit {
	color: #2479cc;
	display: inline-block;
	font-weight: 700;
	position: relative;
	line-height: 1.3;
}
.ceo_con .corp_info .branch_tit:after {
	content: "";
    background: #2479cc;
    position: absolute;
    bottom: 0;
    left: 0;
	width: 100%;
	height: 1px;
}

@media screen and (max-width:500px) {
	.ceo_con .corp_info > .row {
		margin: 0;
	}
}




/* 경영철학 */
.manage_con .mg_phy_txt .b_txt {
	font-size: 2.85rem;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.23rem;
	line-height: 1.2;
	word-break: keep-all;
}
.manage_con .mg_phy_txt .b_txt span {
	color: #3086e6;
}
.manage_con .mg_phy_txt .sm_txt {
	color: #6d6d6d;
	font-size: 1.13rem;
	font-weight: 500;
	word-break: keep-all;
}
.mg_phy_cont .phy_cont_bx {
	border-radius: 25px;
	text-align: center;
	box-shadow: 12px 12px 23px rgba(0,0,0,.05);
	height: 100%;
	word-break: keep-all;
}
.mg_phy_cont .phy_cont_bx.b01 {
	background: #2974c8;
}
.mg_phy_cont .phy_cont_bx.b02 {
	background: rgba(255,255,255,.56);
	border: 1px solid #ededed;
}
.mg_phy_cont .phy_cont_bx.b03 {
	background: #334055;
}
.mg_phy_cont .phy_cont_bx .p-icon {
	border-radius: 50%;
	border: 1px solid rgb(197 197 197 / 40%);
	width: 7.5rem;
	height: 7.5rem;
	line-height:  7.5rem;
}
.mg_phy_cont .phy_cont_bx .c_txt_01 {
	color: #fff;
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    letter-spacing: -0.12rem;
	line-height: 1.2;
}
.mg_phy_cont .phy_cont_bx .c_txt_02 {
	color: #fff;
    font-weight: 500;
    font-size: 1.08rem;
	line-height: 1.3;
}
.mg_phy_cont .phy_cont_bx .c_txt_02.eng {
	font-family: 'play';
    text-transform: uppercase;
    font-size: 0.95rem;
    letter-spacing: -0.01rem;
    color: #b4b4b4;
}
.mg_phy_cont .phy_cont_bx .c_txt_02.eng.cir_txt {
    color: #9bb6e0;
}



/* 비전 */
.vs_cont .phy_cont_bx.vs_st .p-icon {
    border-radius: 50%;
    border: 1px solid rgb(197 197 197 / 40%);
    width: 6.5rem;
    height: 6.5rem;
    line-height: 6.5rem;
	background: #fff;
	transition: 1s ease all;
}
.vs_cont .phy_cont_bx.vs_st.on .p-icon {
    border: 1px solid #1f64b1;
	transition: 1s ease all;
}
.vs_cont .phy_cont_bx {
	border-radius: 25px;
	text-align: center;
	box-shadow: 12px 12px 23px rgba(0,0,0,.05);
	height: 100%;
	word-break: keep-all;
	background: rgba(255,255,255,.56);
	border: 1px solid #ededed;
	transition: 1s ease all;
}
.vs_cont .phy_cont_bx.on {
	background: #2974c8;
	transition: 1s ease all;
}
.vs_cont .phy_cont_bx.on .c_txt_01 {
	color: #fff;
	transition: 1s ease all;
}
.vs_cont .phy_cont_bx .c_txt_01 {
	color: #000;
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    letter-spacing: -0.12rem;
	line-height: 1.2;
	transition: 1s ease all;
}
.vs_cont .phy_cont_bx .c_txt_02.eng {
	font-family: 'play';
    text-transform: uppercase;
    font-size: 0.95rem;
    letter-spacing: -0.01rem;
    color: #b4b4b4;
	transition: 1s ease all;
	font-weight:500;
}
.vs_cont .phy_cont_bx.on .c_txt_02.eng {
    color: #9bb6e0;
	transition: 1s ease all;
}


@media screen and (max-width:1199px) {

    /* 최대 1023 이하 공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */
    /* top이미지 */
    .sub_con_toppic h3 {
        font-size: 1.7em;
    }

    .sub_con_toppic h3::after {
        margin-left: 48%;
    }

    .sub_con_toppic .txt_div {
        font-size: 1.0em;
        color: #fff;
    }

    .sub_con_toppic {
        height: 220px;
    }

	/* CEO인사말 */
	.ce_text {
		font-size: 1.8rem;
	}
	/* 획사개요 */
	.ceo_con .over_v_bx {
		height: 220px;
	}


}

@media screen and (max-width:768px) {

    /* 최대 767 ------------------------------------------------------------------------------------------------------------------------------------------------------ */

    /* top이미지 */
    .sub_con_toppic {
        font-size: 12px;
        line-height: 150%;
		padding: 0 10px;
    }

    .sub_con_toppic .txt_div br {
        display: none
    }

    /* 경영철학 */
    .manage_con .mg_phy_txt .b_txt {
		font-size: 2.05rem;
	}
	.manage_con .mg_phy_txt .sm_txt {
		font-size: 1rem;
	}

    /* 오시는길 */
    ul.findmap-data > li > strong {
        width: 75px;
    }
}

@media screen and (max-width:430px) {
	.ceo_con .corp_info > .row {
		padding: 1.08rem 0;
	}
}



@media all and (min-width:992px) {
	.ceo_con:before  {
		content: "OVERVIEW ";
		display: block;
		color: #f7f7f7;
		font-size: 10rem;
		position: absolute;
		top: 0;
		left: 50%;
		font-family: 'play';
		font-weight: 600;
		transform: translate(-50%, 0);
		line-height: .9;
	}
	.mg_phy_cont:before  {
		content: "AVATEC";
		display: block;
		color: #f7f7f7;
		font-size: 14rem;
		position: absolute;
		top: 0;
		left: 50%;
		font-family: 'play';
		font-weight: 600;
		transform: translate(-50%, 0);
		line-height: .8;
	}
	.mg_phy_cont.vs_st:before  {
		content: "VISION";
		display: block;
		color: #f7f7f7;
		font-size: 14rem;
		position: absolute;
		top: 0;
		left: 50%;
		font-family: 'play';
		font-weight: 600;
		transform: translate(-50%, 0);
		line-height: .8;
	}
}

@media screen and (min-width:1200px) {

    /* 최소 1024 ~ 최대 ----------------------------------------------------------------------------------------------------------------------------------------------- */
	/* 회사개요 */
	.ceo_con .over_v_bx {
		height: 287px;
	}
    /* 비전 */
    #vision .sub_con_toppic {
        height: 246px;
    }

}




/* 연혁 */
.history {
	position:relative;
}
.history .his_tit {
	color: #000;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: -0.09rem;
	text-align: center;
	line-height: 1.1;
	word-break: keep-all;
}
.history .his_tit span {
	color: #2479cc;
}
.his-list {
	position:relative;
	margin:0 auto;
}
.his-list::before {
	content:"";
	position:absolute;
	top:13px;
	left:50%;
	width:1px;
	height:100%;
	margin-left:-.5px;
	background-color:#e5e5e5;
}
.history .animate-box {
	position:absolute;
	top:126px;
	left:50%;
	width:3px;
	height:0;
	margin-left:-1.5px;
	background-color:#77b6f3;
	z-index:50;
}
.history .animate-box.p-end{transition:height .3s;}
.his-list .item {
	position:relative;
	overflow:hidden;
	min-height:200px;
}
.his-list .item::before, .his-list .item::after {
	content:"";
	position:absolute;
	left:50%;
	box-sizing:border-box;
	transform:translateX(-50%);
	z-index:50;
}
.his-list .item::before {
	top:15px;
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#b1b1b1;
}
.his-list .item::after {
	top:5px;
	width:25px;
	height:25px;
	opacity:.2; 
	border-radius:50%;
	background-color:#cfcfcf;
}
.his-list .item.active::before {
	border:2px solid #628bcb;
}
.his-list .item.active::after{
	background-color:#628bcb;
}

.his-list .item .text-wrap {
	width:43.345%;
}
.en-page .his-list .item .text-wrap{width:43.345%;}
.his-list .item .year {
	font-family:"play";
	font-size:1.7rem;
	font-weight:600;
	line-height:1; 
	color:#2479cc;
}
.en-page .his-list .item .year::before {
	width:60px;
}
.his-list .item .text { 
	padding: 3px 0;
	position: relative;
}
.his-list .item .text span { 
	font-family:"play";
	font-weight: 600;
	color: #000;
	position: absolute;
    top: 0;
    left: 0;
}

.his-list .right .text-wrap{float:right;text-align:left;}
.his-list .left .text-wrap{float:left;text-align:right;}
.his-list .left .year::before{transform:translateX(-100%);}
.his-list .left .text::before{right:0;}


@media (max-width:991px){
	.his-list::before {
		left:12.5px;
	}
	.his-list {
		padding:0 10px 0 40px;
	}
	.his-list .item .text-wrap, .en-page .his-list .item .text-wrap {
		float:none;
		width:100%;
		text-align:left;
	}

	.his-list .item::before, .his-list .item::after {
		left:-27px;
	}
	.history .animate-box{left:12.5px; top: 120px;}
	  .his-list .item{min-height:auto;overflow:visible;}
	  .his-list .item .year{font-size:27px;}
	  .his-list .item .text-list{margin-top:14px;}
	  .his-list .item .text::before{right:calc(100% - 4px);}
	  .his-list .item .text-wrap{width:100%;padding:0;}
	  .his-list .item.right .text { 
		padding-left: 5rem;
	}
	.his-list .item .text { 
		padding-left: 5rem;
	}
	.his-list .item .text span { 
		top: 0;
		left: 0;
	}
}

@media (max-width:970px){
	.history-wrap .title-wrap .title{font-size:20px;}
	  .history-wrap .title-wrap .poppins{font-size:30px;}
	  .history-wrap .title-wrap .logo-link{width:150px;}
	  .his-list .item{min-height:140px;}
	  .his-list .item:not(:first-child){margin-top:50px;}
	  .his-list .item .year{font-size:32px;}
	  .en-page .his-list .item .text::before{top:10px;}
	  .en-page .his-list .item .year::before{width:35px;}
}

@media screen and (min-width:768px) {
	.history:before {
		display: block;
		content: "HISTORY OF AVATEC";
		color: #ededed;
		position: absolute;
		font-size: 5rem;
		top: 0;
		font-weight: 600;
		font-family: 'play';
		width: 100%;
		text-align: center;
		line-height: .8;
		z-index: -1;
	}
}

@media (min-width:992px){
	.his-list .item .year::before {
		content:"";
		position:absolute;
		top:17px;
		left:50%;
		width:70px;
		border-bottom:1px dashed #d7d7d7;
	}
	.his-list .item.right .text { 
		padding-left: 5rem;
	}
	.his-list .item.right .text span { 
		top: 0;
		left: 0;
	}
	.his-list .item.left .text { 
		padding-right: 5rem;
	}
	.his-list .item.left .text span { 
		top: 0;
		right: 0;
	}

}


/* CI */
.ci_con .inner_bx {
	border: 1px solid #e6e6e6;
	text-align: center;
	position: relative;
}
.ci_con .inner_bx.bg {
	background: url("../images/about/ci_bg.gif") repeat;
}
.ci_con .inner_bx .top_txt {
	color: #4b4b4b;
    font-family: 'play';
    font-weight: 600;
    text-transform: uppercase;
    top: 1.3rem;
    left: 1.8rem;
    position: absolute;
    font-size: 1.2rem;
}
.ci_con .btn-down a {
	border: 1px solid #e6e6e6 !important;
	color: #000;
	font-weight: 600;

}

.color_st {
	font-family:'play';
}
.color_st .cir_box {
	color: #fff;
	padding: 2rem;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0;
}
.color_st .cir_box.b_bg {
	background: #0363a3;
}
.color_st .cir_box.sky_b_bg {
	background: #40c0ef;
}
.color_st .cir_box.bk_bg {
	background: #000;
}
.color_st .cir_info p {
	margin-bottom: 0;
}











/* 연구개발 -------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 이미지 */
.sub-visual-re { position:relative; overflow:hidden;}
.sub-visual-re .imgbox { position:relative; overflow:hidden;  transform:scale(1); animation:bgs5 2.8s 1s; animation-fill-mode:both;}
.sub-visual-re .imgbox:before {content:""; display:block; padding-bottom:30.75%; }
.sub-visual-re .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.subv_text{
	position:absolute;
	top:0%;
	z-index:10;
	color:#fff;
	width:100%;
	height:100%;
}
.subv_text .txt01{
	font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -0.2rem;
}
.subv_text .txt02{
	font-size: 2rem;
    font-family: 'Play',"SCDream";
    font-weight: 600;
    letter-spacing: 0.0rem;
	line-height:1.1;
	text-transform: uppercase;
}
@media screen and (max-width:640px){
    .sub-visual-re .imgbox:before { padding-bottom:45%; }
}
/* animation */
.sub-visual-re:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; top:0; }
.sub-visual-re:after { animation:ani_w50 0.66s 0.8s; animation-fill-mode:both; }
.sub-visual-re .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; }
.sub-visual-re .imgbox:after { animation:ani_w50 1.2s 0.8s; animation-fill-mode:both; }
@media screen and (max-width:640px){
    .sub-visual-re:after,
    .sub-visual-re .imgbox:after { display:none; }
    .sub-visual-re { overflow:hidden; } 
    .sub-visual-re .imgbox { transform:scale(1.15); animation:bgs5 0.8s 0.1s; animation-fill-mode:both; }
}
@keyframes ani_w50 {
	0% { width:50%; }
	100% { width:0;}
}
@keyframes bgs5{
	0%{transform:scale(1.55);}
	100%{transform:scale(1.00);}
}

/* 연구내용 */
.re_box_st01.on{
    box-shadow: 12px 12px 23px rgba(0,0,0,.2);
	background: #2974c8;
	color:#fff;
	transition: 1s ease all;
	border: 1px solid #2974c8;
}
.re_box_st01.on .txt03 {
    font-size: 1.15rem !important;
    letter-spacing: -0.1rem;
    font-weight: 500;
	color:#fff;
}
.re_box_st01 .txt00{
    font-size: 1.9rem;
    font-weight: 600;
    letter-spacing: -0.2rem;
}
.re_box_st01 .txt02{    
	font-weight: 400 !important;
	color: #888 !important;
	transition: 1s ease all;
}
.re_box_st01.on .txt02{    
	color: #fff !important;
	transition: 1s ease all;
}
.re_box_st01{
	border-radius: 25px;
    box-shadow: 12px 12px 23px rgba(0,0,0,.05);
    height: 100%;
    word-break: keep-all;
	border: 1px solid #ededed;
	padding:2rem 1.2rem;
	letter-spacing:-0.02rem;
	transition: 1s ease all;
}
.re_box_st01 .txt01{
    font-weight: 500;
    font-family: "Play";
	color:#000;
	font-size:1.5rem;
	text-align:center;
	border-bottom: 1px solid #ededed;
	padding-bottom:1rem;
	margin-bottom:1rem;
}
.re_box_st01 ul.list-group-02 li {
    background: none;
    padding: 0.4rem 0 0.4rem 0.65rem;
    line-height: 1.2;
}


/* 채용정보 -------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 인재상 */
.tal_tp_txt .tal_sm_tit {
	font-size: 1.45rem;
	font-weight:600;
	color: #000;
	letter-spacing: -0.09rem;
	word-break: keep-all;
	line-height: 1.3;
}
.tal_tp_txt .tal_sm_tit span {
	color: #3086e6;
}
.tal_w_con .num {
	font-size: 3.8rem;
    font-weight: 700;
    color: #f1efef;
    letter-spacing: -0.15rem;
	display: inline-block;
}
.tal_w_con .w_b_tit {
	font-size: 1.68rem;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.15rem;
	line-height: 1.1;
    word-break: keep-all;
}
.tal_w_con ul li:before {
	position: absolute;
	content:"";
	width: 2px;
	height: 2px;
	background: #666;
	left: 0;
	top: 11px;
}
.tal_w_con ul li {
	position: relative;
	padding: 3px 0 3px 9px;
}

.recruit02 .dis_title01{
	font-size: 1.6rem !important;
}
.rem_box_st01 {
    border-radius: 100%;
    box-shadow: 12px 12px 23px rgba(0,0,0,.1);
    word-break: keep-all;
    background: #2974c8;
    color: #fff;
	font-size:1.2rem;
	font-weight:600;
	letter-spacing:-0.08rem;
	width:7rem;
	min-width:7rem;
	height:7rem;
	text-align:center;
}
.rem_box_st01 .txt_s{
	font-size:1rem;
	font-weight:400;
}
/* 채용안내_복리후생 */
.rem_box_st02{
    border: 1px solid #eaeaea;
	height:100%;
	padding: 1.2rem 0.5rem;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align:center;
	font-weight:500;
}
.rem_box_st02 p{
	font-weight:500;
	margin-top:10px;
	color:#000;
    line-height: 1.2;
}
.rem_table ul li p span {
    color: #9d9d9d;
	font-weight:400;
}


@media screen and (max-width:1199px){
    .tal_w_con .w_b_tit {
		font-size: 1.55rem;
		margin-top: -2rem;
	}
}

@media screen and (max-width:991px){
    .tal_tp_txt .p-img img {
		height: 4.5rem;
	}
}

@media screen and (max-width:767px){
    .tal_tp_txt .tal_sm_tit {
		font-size: 1.28rem;
	}
	.tal_box_02 .m_img_bx {
		order: 1;
	}
	.tal_box_02 .s_txt {
		order: 2;
	}
}