/* ---- 공통 ---- */
#contents{padding-top:80px; width:100%; margin:0 auto; position:relative;}
#contents .subTop_area{margin:20px auto; width:1240px; text-align:center;}
#contents .subTop_area .subTit{
	font-size:18px; color:#707070; padding:0 15px; z-index:999; background:#fff; position:relative;
}
#contents .subTop_area .linebar{height:1px; width:1240px; background:#ccc; position:absolute; top:115px;}
#contents .con_box{width:1240px; padding:0 30px; margin:40px auto 0;}

	/* 탭메뉴 */
#contents .tab_box{display:flex; justify-content:center; margin-top:30px;}
#contents .tab_box ul li{width:160px; border-bottom:2px solid #ccc; float:left; text-align:center; padding-bottom:15px;}
#contents .tab_box ul li a{color:#b7b7b7; font-size:16px;}
#contents .tab_box ul li.on{border-bottom:2px solid #8446ad;}
#contents .tab_box ul li.on a{color:#8446ad;}


/* ---- THE ---- */
.the_con1 {
	background:url("/image/sub/the_bg01.jpg") no-repeat center/cover;
}
.the_con2 {
	background:url("/image/sub/the_bg05.jpg") no-repeat center/cover;
}
.the_con3 {
	background:url("/image/sub/the_bg02.jpg") no-repeat center/cover;
}
.the_con4 {
	background:url("/image/sub/the_bg04.jpg") no-repeat center/cover;
}
.the_con5 {
	background:url("/image/sub/the_bg03.jpg") no-repeat center/cover;
}
section.the .txt_box{position:absolute;
    /* width: 80%; */
}
section.the .txt_box h2{font-size:70px; color:#fff; line-height:70px; font-weight:400; margin-bottom:40px; opacity:0; transition:font-size 0.5s;}
section.the .txt_box span{font-weight:600;}

.the .txt_box .sub_title {
    font-size: 70px;
    color: #000;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.33);
}

.the .txt_box .title {
    padding: 0 0 40px;
    margin: 0;
}

.the_con3 .txt_box.vision {
    transform: translateY(-20%);
}


.the .txt_box.mission .sub_title {
    color: #ffffff;
}

section.the  .txt_box.mission h2 {
    font-size: 30px;
    line-height: 1.3;
    margin: 10px 0 20px;
}


.the_con5 .txt_box.mission{
    margin-left: 0%;
    margin-top: 0%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.the_con5 .txt_box.mission p{
    float: unset;
    text-align: center;
}

.section3 .txt_box .sub_title {
    color: #fff;
    font-size: 50px;
}

section.the .txt_box.core h2 {
    font-size: unset;
    line-height: 1;
    margin-bottom: 20px;
}

.the_con5 .txt_box.core {

    align-items: center;
    gap: 100px;
    margin-left: 0%;
    margin-top: 0%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.the_con5 .txt_box.core .item_wrap{
    flex-direction: column;
    gap: 40px;

}

.the_con5 .txt_box.core .item_wrap .item{
    flex-direction: column;
    gap: 10px;
    margin-right: 0;
}

.__flex {
    display: flex;
}

.__flex.col {
    flex-direction: column;
}





section.the .txt_box .txt_ani{height:40px; font-size:30px; color:#fff; margin-bottom:35px; transition:font-size 0.5s;}

section.the .txt_box.core .txt_ani{
    height:unset; 
    font-size: 20px;
}

section.the .txt_box.core .txt_ani ul li span.point_txt{
    color: #393939;
}


section.the .txt_box .txt_ani ul li{float:left; margin-right:30px; opacity:0;}
section.the .txt_box .txt_ani ul li span.point_txt{font-size:45px; transition:font-size 0.5s;}
section.the .txt_box p{
	float:left; color:#fff;
	font-size:20px; line-height:36px;
	letter-spacing:-0.03em; font-weight:300;
	word-break:keep-all;
	text-align:left;
	opacity:0;
	transition:font-size 0.5s;
}
.the_con1 .txt_box{margin-left:45%; margin-top:32%;}

.the_con3 .txt_box{margin-left:10%; margin-top:20%;}
.the_con3 .txt_box h2, .the_con3 .txt_box p{color:#2c2a2c !important;}

.the_con4 .txt_box{margin-left:10%; margin-top:17%;}
.the_con4 .txt_box h2, .the_con4 .txt_box p{color:#fff;}

.the_con5 .txt_box{margin-left:40%; margin-top:17%;}
.the_con5 .txt_box h2, .the_con5 .txt_box p, .the_con5 .txt_box .txt_ani ul li{color:#2c2a2c !important;}
.down_box{width:100%; text-align:center; position:absolute; bottom:60px; left:50%; margin-left:-50%;}/* THE People공용*/


/* ---- THE People ---- */
section.the_pp{display:flex; align-items:center; justify-content:center;}
.wat_con01 {
	background:url("/image/sub/weare_bg01.jpg") no-repeat center/cover;
}

.wat_con02 {
	background:url("/image/sub/weare_bg02.jpg") no-repeat center/cover;
}

.wat_con03 {
	background:url("/image/sub/weare_bg03.jpg") no-repeat center/cover;
}
	/* THE People / The Code */

.wat_con01 h1{font-size:60px; font-weight:400; color:#fff; text-align:center; opacity:0;}
.wat_con01 .three_con{position:relative; display:flex; justify-content:center; margin-top:80px; height:220px; }
.wat_con01 .three_con ul li{width:230px; height:220px; float:left; display:table; padding-top:40px; position:relative; opacity:0;}
.wat_con01 .three_con ul li div.icon{display:table-cell; vertical-align:middle; text-align:center;}
.wat_con01 .three_con ul li div.icon p{font-size:20px; margin-top:15px; color:#fff;}
.wat_con01 .three_con ul li div.icon p span{font-size:25px; font-weight:600;}
.wat_con01 .three_con ul li div.t_bg{
	background:url('/image/sub/wat_3con_01bg.png')no-repeat center top; height:220px; width:230px; position:absolute;
	top:0; left:-50%; margin-left:115px; z-index:99; opacity:0;
}
.wat_con01 .three_con ul li div.h_bg{
	background:url('/image/sub/wat_3con_02bg.png')no-repeat center top; height:220px; width:230px; position:absolute;
	top:0; left:-50%; margin-left:115px; z-index:99; opacity:0;
}
.wat_con01 .three_con ul li div.e_bg{
	background:url('/image/sub/wat_3con_03bg.png')no-repeat center top; height:220px; width:230px; position:absolute;
	top:0; left:-50%; margin-left:115px; z-index:99; opacity:0;
}
.wat_con01 .con01_txt{width:100%; text-align: center; margin-top:30px; color:#fff;}
.wat_con01 .con01_txt p{font-size:20px; line-height:36px; font-weight:300; opacity:0;}
.wat_con01 .con01_txt h4{font-size:25px; font-weight:400; margin-top:15px; opacity:0;}

	/* THE People / The Career */
.wat_con02 h1{font-size:60px; font-weight:400; color:#fff; line-height:62px; text-align:center;}
.wat_con02 h1 span{font-weight:600; font-size:60px;}
.wat_con02 .h1_p{font-size:23px; font-weight:300; color:#fff; text-align:center; margin-top:25px;}
.wat_con02 .con02{margin:0 auto; width:1200px; height:200px; margin-top:100px;}
.wat_con02 .con02 ul{float:left;}
.wat_con02 .con02 ul.career li{
	float:left; width:120px; height:60px;
	background:rgba(44,42,44,.8);
	font-size:18px; color:#fff;
	text-align:center; display:table; 
}
.wat_con02 .con02 ul.career li:first-of-type{background:transparent; margin-right:20px; border-bottom:1px solid rgba(255,255,255,.4)}
.wat_con02 .con02 ul li span{display:table-cell; vertical-align:middle;}
.wat_con02 .con02 .arrow{float:left; margin:20px 10px;}
.wat_con02 .con02 ul.key{margin-top:10px;}
.wat_con02 .con02 ul.key li{
	float:left; width:120px; height:80px; border:1px solid rgba(255,255,255,.4);
	font-size:18px; color:#fff; text-align:center; display:table; margin-right:33px; 
}
.wat_con02 .con02 ul.key li:first-of-type{background:transparent; border:0; margin-right:20px;}
.wat_con02 .con02 ul.key li:last-of-type{margin-right:0;}

	/* THE People / The recurit */
.wat_con03 .con03_txt{
	text-align:center; width:100%; font-size:23px; color:#fff; font-weight:300; line-height:36px;
}
.wat_con03 .con03_1{width:1200px; text-align:center; margin:90px auto;}
.wat_con03 .s_tit{opacity:1;}
.wat_con03 .s_tit .line_bar{width:30px; height:2px; background:#dbb7e4; display:block; margin:0 auto; margin-bottom:15px;}
.wat_con03 .s_tit h4{font-size:20px; color:#fff; font-weight:400; margin-bottom:25px;}
.wat_con03 .con03_1 .txt_area{font-size:16px; font-weight:300; color:#fff; display:flex; justify-content:center;}
.wat_con03 .con03_1 .txt_area div{text-align:left;}
.wat_con03 .con03_1 .txt_area div div/*:nth-of-type(1)*/{margin-bottom:20px;}
.wat_con03 .con03_1 .txt_area div p{line-height:30px; font-size:18px; display:inline-block;}
.wat_con03 .con03_1 .txt_area span{color:#dbb7e4; font-weight:600;}
.wat_con03 .con03_1 .txt_area span.year{
	color:#fff; font-weight:500; background:url(/image/sub/con02_scicon.png)no-repeat center left;
	padding-left:25px; width:200px; display:inline-block;
}
.wat_con03 .con03_1 .txt_area span.people{
	color:#fff; font-weight:500;
	background:url(/image/sub/con02_ppicon.png)no-repeat center left;
	padding-left:25px;
}
.wat_con03 .con03_1 .txt_area img{vertical-align:middle; margin:0 20px 0 10px;}
.wat_con03 .con03_2{width:1200px; text-align:center; margin:0 auto;}
.wat_con03 .con03_2 p a{color:#fff; font-size:16px;}
.wat_con03 .con03_2 p a:hover{text-decoration:underline;}
.wat_con03 .con03_2 p img{ vertical-align:middle; margin-right:15px;}


/* 미디어쿼리 ---------------- */

/* Tablets (landscape) ------------------- */

@media all and (min-width:768px) and (max-width:1300px){   
	section.the .txt_box h2{
		font-size:50px;
		margin-bottom:30px;
		line-height:1.1;
	}
	section.the .txt_box p{font-size:18px; line-height:1.6;}
	section.the .txt_box .txt_ani{font-size:25px;}
	section.the .txt_box .txt_ani ul li span.point_txt{font-size:40px;}
	.the_con1 .txt_box{right:15%; margin-left:0;}
	.the_con5 .txt_box{right:15%; margin-left:0;}
}

/* /20250423 global 페이지/ */

.global_pg {
    position: relative;
    width: 100%;
    background: url('/image/global_bg.png')no-repeat center / cover;
    padding-bottom: 90px;
    color: #fff;
    text-align: center;
    text-shadow: 3px 3px 6px #000;
}

.global_pg .base-wrap {
    max-width: 960px;
    margin: 0 auto;
    padding-top: 90px;
}

/* global header  */

.global_pg .pg-tit {
    font-size: 70px;
    padding-bottom: 15px;
    font-weight: 500;
}

.global_pg .pg-desc {
    font-size: 20px;
    padding-bottom: 60px;
}

/* global img  */
.global_pg .img-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 40px;
}


.global_pg .img-wrap .img_map {
    opacity: 90%;
    mix-blend-mode: soft-light;
    width: 100%;
}

.global_pg .img-wrap .img_point {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}




/* global 국가  */


.global_pg .item-wrap:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 80px;
    transform: translate(-50%,0);
    display: block;
    width: 860px;
    height: 1px;
    background: rgba(255,255,255,0.2)
}


.global_pg .item-wrap {
    gap: 15px;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 970px;
    height: 165px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}



.global_pg .txt-tit:before {
    content: '';
    position: absolute;
    left: -45px;
    display: block;
    width: 30px;
    height: 40px;
    background: url('/image/icon/global-icon.svg')no-repeat center / contain;
}

.global_pg .txt-tit {
    position: relative;
    font-size: 30px;
    padding-bottom: 20px;
    color:rgba(255,255,255,0.8);
}



.global_pg .txt-wrap {
    flex-wrap: wrap;
    justify-content: center;
}

.global_pg .txt {
    padding: 0 20px;
    font-size: 27px;
}

.global_pg .txt+.txt {
    border-left: 1px solid rgba(255,255,255,0.2)
}