@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

.custom-scrollbar-cover{display:none;}
.cm-cursor-icon{display: none; margin-top: -30px; margin-right: -40px; padding-bottom: 5px; text-align: right; height: 60px;}
.cm-cursor-icon .icon-wrap{width: 155px; height: 60px; display: inline-block;}
.cm-cursor-icon .icon-wrap svg{display: inline-block;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; /* margin-bottom:150px; */ margin-bottom:15rem; /*yj수정(220608)*/}
.sub-tab-list-style ul{position: relative; display:flex; justify-content: center; width:100%; height:100%;}
.sub-tab-list-style ul:before{position: absolute; content:''; width:100%; height:1px; background:#e3e3e3; left:0; bottom:0;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{display:block; vertical-align:middle; position:relative; width:20%; max-width:16.8rem; margin-right:3.3rem; border-bottom:2px solid #a3a3a3; transition:all 0.3s;}
.sub-tab-list-style ul li:last-child{margin-right:0;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; line-height:58px; text-align:center;}
.sub-tab-list-style ul li a em{position: relative; color:#333; font-size:1.95rem; letter-spacing:-0.038rem; font-weight:600;}
.sub-tab-list-style ul li a em:before{position: absolute; content:''; top:-27px; left:-27px; background:no-repeat center; background-image:url('/images/content/sub_tit_img.jpg'); width:49px; height:49px; z-index:-1; opacity:0; transition:all 0.3s;}
.sub-tab-list-style ul li a .plus-txt{position: absolute; font-size:1.4rem; line-height:1.1; color:#232323; opacity:0; font-weight:600; top:100%; left:50%; transform:translateX(-50%); padding-top:1.5rem; transition:all 0.3s;}

.sub-tab-list-style ul li.selected{z-index:1; }
.sub-tab-list-style ul li:hover,
.sub-tab-list-style ul li.selected{border-color:var(--main-color);}
.sub-tab-list-style ul li.selected a{}
.sub-tab-list-style ul li.selected a em{}
.sub-tab-list-style ul li:hover a em:before,
.sub-tab-list-style ul li.selected a em:before{opacity:1;}
.sub-tab-list-style ul li:hover a .plus-txt,
.sub-tab-list-style ul li.selected a .plus-txt{opacity:0.62}
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1281px){
	.sub-tab-wrapper-style{margin-top:-6rem;}
}
@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}
@media all and (max-width:480px){
	.sub-tab-list-style ul{padding:0 1.5rem; box-sizing:border-box;}
	.sub-tab-list-style ul li a em:before{width:35px; height:35px; background-size:cover; top:-18px; left:-22px;}
}

/* ****************** 시안 ********************** */
.sian-sample-container{position:relative;}
.sian-sample-container img{position:relative; left:50%; margin-left:-960px }

@media all and (max-width:1260px){
	.sian-sample-container img{position:static; width: 100%; height: auto; margin-left:0 }
}

/* ****************** 서브페이지 공통 ********************** */
.sub-page .sub-top-container{
	display:flex;
	align-items:center;
	height:35em;
	/* margin:6em auto 10em; */
	margin:0 auto 10em; /* 추가 */
}
.mobile{display:none;}

/********** 소개 **********/
.sub-page .sub-top-container.intro{background:url('../images/content/intro_banner_img.jpg') no-repeat 80%;}
.sub-page .sub-top-container .sub-top-container-inner{padding:0 8.91%;}
.sub-page .sub-top-container .sub-top-container-inner strong{font-size:3.5rem; font-weight:bold; color:#000; letter-spacing: -0.05em; line-height:1.1;}
.sub-page .sub-top-container .sub-top-container-inner p{font-size:1.9rem; margin-top:2.263em; line-height:1.79em; letter-spacing: -0.06em; color:#666;}
.sub-page .sub-bottom-container{text-align:center; /* margin-bottom:13.333em; */}
.sub-page .sub-bottom-container .content-sub-tit{font-size:3.5rem; font-weight:bold; letter-spacing: -0.05em; line-height:1.3; color:#000;}
.sub-page .sub-bottom-container .content-sub-detail{font-size:1.9rem; margin:1.7em 0 3.158em 0; line-height:1.789em; letter-spacing: -0.05em; color:#666;}
.sub-page .sub-bottom-container .icon{display:inline-block; width:9.5em; height:4.917em; background:url('../images/content/T3.png')no-repeat;}
.sub-page .sub-bottom-container .sub-bottom-container-inner img{margin-top:6.667em; max-width:100%;}

/********** CEO인사말 **********/
.sub-page .sub-top-container.ceo{background:url('../images/content/ceo_banner_img.jpg') no-repeat 80%;}
.ceo-list{display:flex; justify-content: space-between;}
.ceo-list li{width:33.3333%; padding: 0 0.833em;}
.ceo-list li:nth-child(2){ border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;}
.ceo-list li span{display:block; font-size:2.8rem; font-weight:bold; font-style:italic; color:#ddd;}
.ceo-list li img{margin:3.333em 0 2.5em;}
.ceo-list li p {font-size:1.8rem; line-height:3rem; letter-spacing:-0.028em; color:#333;}

/********** 비전 **********/
.vision-container{margin-bottom:11.667em;}
.vision-container .vision-inner-con{display:flex; flex-wrap:wrap; align-items:center;}
.vision-container .vision-inner-con>div{width:50%;}
.vision-container .philosophy .tit-inner{margin:0 0 0 13.69%;}
.vision-container div .tit-img img{display:block; width:100%;}
.vision-container .vision{flex-direction: row-reverse;}
.vision-container .vision .tit-inner{margin:0 13.69% 0 0; text-align:right;}
.vision-container>div .tit span{font-size:1.65rem; color:#ff7c00; font-weight:600; letter-spacing:-0.025em; line-height:1.5;}
.vision-container>div .tit .sub-tit{padding:0.5em 0; font-size:4rem; line-height:1.3; font-weight:bold; letter-spacing:-0.05em; color:#333;} 
.vision-container>div .tit p{font-size:2rem; line-height:1.5; letter-spacing:-0.06em; color:#444;}
.vision-container .vision.mobile-virsion{display:none;}
.value-container{text-align:center;}
.value-container span{font-size:3.5rem; line-height:1.3; letter-spacing:-0.05em; font-weight:600; color:#000;}
.value-container .value-list img{max-width:100%; margin-top:5em;}

/********** CI **********/
.ci-top-container{
    text-align: center;
}
.ci-top-container .ci-tit{font-size:3.5rem; line-height:1.3; letter-spacing:-0.05em; font-weight:600; color:#000;}
.ci-top-container .ci-datail{padding:2.632em 0; font-size:1.9rem; line-height:1.789em; letter-spacing:-0.06em; color:#444;}
.enter-box{margin-bottom:4.167em;}
.enter-box div {
	display:grid;
	height:28.333em;
	justify-content:center;
	align-items:center;
	background: #f8f8f8;
}
.enter-box div img{width:100%;}
.download{display:grid; justify-content:center; align-items:center; width:18.75em; height:4.583em; background:#333; margin:0 auto; transition:all 0.3s;}
.download span{font-size:1.6rem; display:block; color:#fff; line-height: 1.3;}
.download span::after{
	display:inline-block; 
	content:"";
	background:url('../images/content/arrow_icon_mobile.png')no-repeat 0px 0px;
	width:6px; 
	height:10px; 
	margin-left:5.313em;
	background-size:cover;
}
.download:hover{background:#000;}

.ci-bottom-container{margin:10em auto 0;}
.ci-bottom-container .ci-bottom-container-inner img{max-width:100%;}
.ci-bottom-container>div{text-align:center;}
.ci-bottom-container .enter-list-tit{font-size:1.9rem; letter-spacing:-0.05em; line-height:1.5; margin:4.211em 0 7.895em; color:#444;}
.ci-bottom-container .identity-guide {margin-bottom:2.5em;}
.ci-bottom-container .identity-guide .identity-tit{display:block; text-align:left; font-size:3rem; letter-spacing:-0.02em; line-height:1.1; font-weight:bold; color:#000; padding-bottom:1em; border-bottom:1px solid #000;}
.ci-bottom-container .identity-guide .identity-guide-list li {padding:5.417em 0;}
.ci-bottom-container .identity-guide .identity-guide-list li:not(li:last-child){border-bottom:1px solid #ddd;}
.ci-bottom-container .identity-guide .identity-guide-list li .inner-box{display:flex;}
.ci-bottom-container .identity-guide .identity-guide-list li .inner-box .inner-box1{width:30.25%; text-align:left;}
.ci-bottom-container .identity-guide .identity-guide-list li .inner-box .inner-box1 .guide-tit{
	font-size:2.2rem; 
	letter-spacing:-0.02em;
	line-height:1.1;
	color:#000;
	font-weight:600;
	padding-left:1.364em;
}
.ci-bottom-container .identity-guide .identity-guide-list li .inner-box .inner-box2{	
	width:69.75%;
	text-align:left;
}
.ci-bottom-container .identity-guide .identity-guide-list li .inner-box .inner-box2 .inner-box2-inner{
	display: flex;
	align-items:center;
}
.ci-bottom-container .identity-guide .identity-guide-list li .inner-box .inner-box2 .size span{font-size:1.8rem; letter-spacing:-0.02em; line-height:1.1; color:#000; font-weight:600; padding-right:1.111em; vertical-align: top;}
.ci-bottom-container .identity-guide .identity-guide-list li .inner-box .inner-box2 .size1{
	margin-right: 14.167em;
}
.ci-bottom-container .identity-guide .identity-guide-list li .inner-box .inner-box2 .size div {display:inline-block; /* position:relative; */}

.size p{position: absolute;top: 5em;left: 50%;transform: translateX(-50%); color:#000;}
.size2 p {top: 4.333em;}
.ci-bottom-container .identity-guide .identity-guide-list li .inner-box .inner-box2 .size2 div {display:inline-block;}
.ci-bottom-container .identity-guide .identity-guide-list li .reference{
	font-size:1.5rem;
	margin-top: 2.667em;
	letter-spacing:-0.025em;
	line-height:1.5;
}
.ci-bottom-container .identity-guide .identity-guide-list li .reference span{color:#ff7c00; padding-right: 0.2em;}
.main-color .inner-box2 .m-color {width:30.5em;}
.main-color .inner-box2 .m-color .color-box{width:100%; height:4.833em;}
.main-color .inner-box2 .color1{margin-right: 1.667em;}
.main-color .inner-box2 .color1 .color-box{background:#ff6400;}
.main-color .inner-box2 .color2 .color-box{background:#999;}
.main-color .inner-box2 .m-color .color-info p{font-size:1.55rem; letter-spacing:-0.02em; line-height:1.3; color:#333; font-weight:500;}
.main-color .inner-box2 .m-color .color-info p:nth-of-type(1){
	padding:1.613em 0 0;
}
.main-color .inner-box2 .m-color .color-info p:nth-of-type(2){
	padding-top:0.323em;
}
.basic-color .inner-box2 .b-color {width:20.25em; margin-right:0.833em;}
.basic-color .inner-box2 .b-color:last-child {margin-right:0;}
.basic-color .inner-box2 .b-color .color-box{width:98%; height:4.5em;}
.basic-color .inner-box2 .color1 .color-box{background:#fffffb; border:1px solid #ddd;}
.basic-color .inner-box2 .color2 .color-box{background:#acacab; border: 1px solid #acacad; }
.basic-color .inner-box2 .color3 .color-box{background:#4f504b; border: 1px solid #4f504b;}
.basic-color .inner-box2 .b-color p{margin-top:1.333em; font-size:1.55rem; letter-spacing:-0.02em; line-height:1.3; color:#000;}

.etc .inner-box2 p {font-size:1.65rem; letter-spacing:-0.05em; line-height:1.5; color:#666; margin-bottom:0.7em; }
.etc .inner-box2 p:last-child{margin-bottom:0;}
.etc .inner-box2 p:nth-of-type(2){
	color:#000; 
	font-weight:500;
}

/********** 오시는 길 **********/
/* .sub-page.loca-page{margin:6em auto 6.667em;} */
/* 오시는길 :: 상단 */
.map-script-wrapper{position:relative; overflow:hidden; margin:0px auto; height:500px; border:1px solid #ddd}
.map-script-wrapper .map-script-con{position:absolute; top:50%; left:50%; width:1200px; height:500px; margin:-250px 0 0 -600px;}
.map-script-wrapper .map-script-con .root_daum_roughmap,
.map-script-wrapper .map-script-con .wrap_map{height:100% !important;}
.map-iframe-wrapper{position:relative; margin:0px auto; }
.map-iframe-wrapper .map-iframe-con{padding-top:41.66%; position:relative; height:0; border:1px solid #ddd;}
.map-iframe-wrapper .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
/* 오시는길 :: 다른지도링크 */
.map-other-link-box{margin-bottom:30px; text-align:center;}
.map-other-link-box ul li{display:inline-block; width:180px; height:40px; background:#f4f4f4;text-align:center;line-height:40px; margin-left:0.5%; font-size:18px; letter-spacing:-0.5px; color:#fff;}
.map-other-link-box ul li:first-child{margin-left:0;}
.map-other-link-box ul li a{display:block;color:#fff;}
/* 오시는길 :: 하단정보1 */
.map-tbl-con{margin: 5em auto 0;}
.map-tbl{width:100%;}
.map-tbl td{padding:1.212em 0 1.212em 2.909em; letter-spacing:-0.05em; font-size:1.65rem; line-height:1.5; border-bottom:1px solid #d8d8d8; color:#666; font-weight:400; }
.map-tbl th{padding:1.212em 0 0.909em 0; letter-spacing:-0.06em; font-size:1.65rem; line-height:1.5; width:9em; border-bottom:1px solid #000; color:#333; text-align:left; font-weight:400;}
.map-tbl .loca th::before{font-family: 'xeicon'; display:inline-block; content: "\eb59"; position:relative; top: 0.105em; font-size:1.9rem; margin-top: -0.158em; margin-right: 0.632em;}
.map-tbl .call th::before{font-family: 'xeicon'; display:inline-block; content: "\e9d3"; position:relative; top: 0.105em; font-size: 1.9rem; margin-top: -0.158em; margin-right: 0.632em;}
.map-tbl .fax th::before{font-family: 'xeicon'; display:inline-block; content: "\e9bc"; position:relative; top: 0.105em; font-size: 1.9rem; margin-top: -0.158em; margin-right: 0.632em;}
.map-tbl td p{margin-top:5px}
.map-tbl td p:first-child{margin-top:0}

/********** 연혁 **********/
/* 연혁, 수상내역 탭(margin-bottom) 수정 */
/* .sub-tab-wrapper-style{margin-bottom:14rem;} */

/* History :: Layout */
.company-history {position:relative;}
.company-history-wrapper {position:relative; padding-bottom:70px; *zoom:1;}
.company-history-wrapper:after{clear:both; display:block; content:"";}
.company-history-wrapper:before{position:absolute; top:15px; height:100%; width:1px; left:50%; background-color:#ddd; content:""; z-index:1;}
.company-history-wrapper:last-child{padding-bottom:0;}
.company-history-wrapper:last-child:before{display:none;}
.company-history-info-box {position:relative; width:50%; }
.company-history-info-box::before{ position:absolute; top:5px; width:21.3px; height:21.3px;  background-color:#fff2e6; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; }
.company-history-info-box::after{ position:absolute; top:13px; width:6px; height:6px; background-color:#f58020; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:""; z-index:2;}
/* History :: 정보 */
.company-history-info .history-item{position:relative; font-size:15px; line-height: 1.6; letter-spacing: -0.5px; font-weight:300; color:#444; margin-bottom:10px; word-break:keep-all}
.company-history-info .history-month{position:absolute; top:0px; color:#444; font-weight:500; font-size:1.9rem; letter-spacing:-0.06em; }
.company-history-info .history-txt{position:relative; display:inline-block; font-size:1.65rem; line-height:1.818em; letter-spacing:-0.06em;}

.company-history-year {position:absolute; top:-4px; text-align:center; font-size:3.5rem; letter-spacing: -0.06em; color:#333; font-weight: 700; line-height:1.1;}

/* History :: 이미지 */
.company-history-img-box{width:50%; margin-top:50px;}
.company-history-img-box span{display:inline-block;  border:1px solid #ddd;}
.company-history-img-box span img{max-width:100%;}

/* ****************** Business :: 게임개발 ********************** */
.cm-txt-dashed{position: relative; padding-left:1.8rem;}
.cm-txt-dashed:before{position: absolute; content:''; width:0.6rem; height:0.2rem; background-color:#f6f6f6; opacity:0.5; top:1.3rem; left:0.6rem;}
/* 상단 탭 */
.develop-page .sub-tab-list-style ul li{margin-right:1.5rem;}
.develop-page .sub-tab-list-style ul li:last-child{margin-right:0rem;}
/* 상단 텍스트 */
.develop-top-box{text-align:center; margin-bottom:26.4rem;}
.develop-top-box .tit{font-size:3.45rem; letter-spacing:-0.05em; line-height:1; color:#111; font-weight:600; margin-bottom:4rem;}
.develop-top-box .txt{font-size:1.9rem; letter-spacing:-0.05em; line-height:1.79; color:#666;}
/* 게임개발 컨텐츠 */
.develop-con-wrap{position: relative; width:100%;}
.develop-con-wrap .tit-img{position: absolute; top:-16.6rem; left:50%; transform:translateX(-50%); z-index:1; text-align:center;}
.develop-con-box{position: relative;}
.develop-con-box:before{position: absolute; content:''; width:50%; height:100%; background:no-repeat center; background-size:cover; top:0; right:0; }
.develop-con-box .area-1460{display: flex;}
/* 컨텐츠 왼쪽 텍스트 */
.develop-con-box .left-box{width:50%; padding:12.9rem 0 6.6rem; padding-left:8.3rem; box-sizing:border-box;}
.develop-con-box .left-box dl{position: relative; margin-bottom:5.3rem;}
.develop-con-box .left-box dl:last-child{margin-bottom:0;}
.develop-con-box .left-box dl dt{position: absolute; top:-0.5rem; left:0; }
/* .develop-con-box .left-box dl dt .num{font-size:4rem; font-weight:700; line-height:1.03; -webkit-text-stroke: 8px #fff; color:#ff4a8a; font-style: italic;} */
.develop-con-box .left-box dl dt .num{display: block; width:9rem; padding-right:2rem; box-sizing:border-box; }
.develop-con-box .left-box dl dt .num img{max-width:100%}
.develop-con-box .left-box dl dd{padding-left:9rem;}
.develop-con-box .left-box dl dd .tit{font-size:2.45rem; letter-spacing:-0.05em; line-height:1.61; color:#fff; font-weight:500; margin-bottom:2.5rem;}
.develop-con-box .left-box dl dd .tit b{display: block; font-size:2.8rem; font-weight:600;}
.develop-con-box .left-box dl dd .txt{font-size:1.7rem; letter-spacing:-0.065em; line-height:1.65; color:rgba(255,255,255,0.7);}
/* 컨텐츠 오른쪽 이미지 */
.develop-con-box .right-box{width:50%; position: relative; display: flex; align-items:center;}
/* 탭별 배경 */
#tabCon01 .develop-con-box{background:#ff4a8a;}
#tabCon01 .develop-con-box:before{background-image:url('/images/content/develop_right_bg01.jpg');}
#tabCon02 .develop-con-box{background:#2c865c;}
#tabCon02 .develop-con-box:before{background-image:url('/images/content/develop_right_bg04.jpg');}
#tabCon03 .develop-con-box{background:#273e82;}
#tabCon03 .develop-con-box:before{background-image:url('/images/content/develop_right_bg03.jpg');}
#tabCon04 .develop-con-box{background:#00a6ff;}
#tabCon04 .develop-con-box:before{background-image:url('/images/content/develop_right_bg02.jpg');}

/* 게임개발 1탭 */
#tabCon01 .develop-con-box .right-box span{position: absolute; bottom:-5.5rem; left:50%; transform:translateX(-28%); width:100%;}
#tabCon01 .develop-con-box .right-box span img{max-width:100%;}

/* 게임개발 2~4탭 슬라이드 */
.develop-slick-wrap{width:calc(84.11% + 10rem); margin:auto; margin-right:-5rem; padding:8rem 0;}
.develop-slick-wrap .develop-slide-item{display: block; position: relative; width:100%; height:0; padding-top:48.46%; margin:5rem;}
.develop-slick-wrap .develop-slide-item:before{position: absolute; content:""; top:0; left:0; width:100%; height:100%; box-shadow: -1.3rem 2.1rem 3.6rem 1.1rem rgba(0, 0, 0, 0.25); opacity:0; transition:all 0.3s;}
.develop-slick-wrap .develop-slide-item.slick-active:before{opacity:1;}
.develop-slick-wrap .develop-slide-item span{position: absolute; top:0; left:0; width:100%; height:100%;}
.develop-slick-wrap .develop-slide-item span img{width:100%; height:100%;}
.develop-slick-wrap .slick-arrow{position: absolute; left:50%; transform:translateX(-50%); color:#fff; font-size:2.4rem; z-index:9}
.develop-slick-wrap .slick-arrow.slick-prev{top:7rem;}
.develop-slick-wrap .slick-arrow.slick-next{bottom:7rem;}
.develop-slick-wrap .slick-list{overflow:visible; overflow-Y:hidden;}

/* ****************** Business :: 해외서비스 ********************** */
.oversea-con{margin-bottom:12rem;}
.oversea-con:last-child{margin-bottom:0;}
/* 타이틀박스 */
.oversea-tit-box{margin-bottom:5.9rem;}
.oversea-tit-box .tit{font-size:3.5rem; letter-spacing:-0.02em; line-height:0.93; color:#000; text-align:center;}
.oversea-tit-box .check-txt{position: relative; display: inline-block; font-size:1.9rem; line-height:1.74; letter-spacing:-0.06em; color:#333; padding-left:2.2rem;}
.oversea-tit-box .check-txt:before{position: absolute; content:'\e929'; font-family:'xeicon'; color:var(--main-color); font-size:2rem; line-height:1.4; top:0.2rem; left:0;}
.oversea-tit-box .txt-box{display: grid; justify-content:center; position: relative; margin-top:3rem;}
/* 지도 이미지 */
.oversea-world-map{background:#f6f6f6; padding:5.7rem 0 7.1rem;}
.oversea-world-map img{max-width:100%;}
/* 파트너 리스트 */
.oversea-partner-list{display: flex; flex-wrap:wrap;}
.oversea-partner-list li{width:25%; text-align:center; margin-bottom:3rem;}
.oversea-partner-list li span{display: block; position: relative; border:1px solid #ddd; border-left:0; box-sizing:border-box; width:100%; height:0; padding-top:36.66%; margin-bottom:1.5rem;}
.oversea-partner-list li:nth-child(1) span, .oversea-partner-list li:nth-child(5n) span{border-left:1px solid #ddd;}
.oversea-partner-list li span img{position: absolute; top:0; left:0; bottom:0; right:0; margin:auto; max-width:100%; max-height:100%; padding:5%; box-sizing:border-box;}
.oversea-partner-list li .tit{font-size:1.55rem; letter-spacing:-0.02em; line-height:1.45; color:#555;}
.oversea-partner-list li .country{font-size:1.55rem; letter-spacing:-0.02em; line-height:1.45; color:#999;}
/* 파트너 업체소개 표 */
.oversea-partner-table{width:100%;}
.oversea-partner-table thead tr th{background:#ff6400; font-size:1.8rem; letter-spacing:-0.02em; color:#fff; line-height:1.5; font-weight:500; padding:1.35rem 0.5rem;}
.oversea-partner-table tbody tr th{background:#f6f6f6; font-size:1.65rem; font-weight:500; letter-spacing: -0.05em; color:#333; border-bottom:1px solid #ddd; padding:1.35rem 0.5rem; line-height:1.5;}
.oversea-partner-table tbody tr td{font-size:1.65rem; letter-spacing:-0.05em; color:#666; text-align:center; line-height:1.5; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1.35rem 0.5rem;}
.oversea-partner-table tbody tr td:last-child{border-right:none;}

/* ****************** PR :: 보도자료 ********************** */
.board-list-wrap{display: flex; flex-wrap:wrap; margin:0 -2.2rem;}
.board-list-wrap .board-item{width:calc(33.33% - 4.4rem); margin:2.2rem 2.2rem 5rem;}
.board-list-wrap .board-item a .img-box{position: relative; overflow:hidden; margin-bottom:2rem;}
.board-list-wrap .board-item a .img-box span{display: block; position: relative; width:100%; height:0; padding-top:64.86%;}
.board-list-wrap .board-item a .img-box span img{position: absolute; width:100%; height:100%; top:0; left:0; transition:all 0.3s;}
.board-list-wrap .board-item a .txt-box{}
.board-list-wrap .board-item a .txt-box .board-date{display: block; font-size:1.5rem; letter-spacing:-0.075em; line-height:2.1; color:#faa61a; margin-bottom:1rem;}
.board-list-wrap .board-item a .txt-box .board-tit{font-size:2.2rem; letter-spacing:-0.066em; line-height:1.43; color:#333; font-weight:600;	word-break:keep-all; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; margin-bottom:1.4rem;}
.board-list-wrap .board-item a .txt-box .board-txt{font-size:1.65rem; letter-spacing:-0.058em; line-height:1.82; color:#777; word-break:keep-all; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
.board-list-wrap .board-item a:hover .img-box img{transform:scale(1.06);}

/* ****************** Careers :: 인재상 ********************** */
.talent-container{text-align:center;}
.talent-container .talent-list-img{max-width:100%;}

/* ****************** Careers :: 인사제도 ********************** */
.personnel-container{}
.personnel-container ul{display:flex; flex-wrap:wrap;}
.personnel-container ul li{width:48.33%; margin-bottom: 7.91%; text-align:center;}
.personnel-container ul li:nth-of-type(odd){margin-right:3.33%;}
.personnel-container ul li .per-list-li img{width:100%;}
.personnel-container ul li .per-list-li dl dt{font-size:2.2rem; line-height:1.3; letter-spacing:-0.06em; font-weight:600; color:#333; padding:6.04% 0 2.59%;}
.personnel-container ul li .per-list-li dl dd{font-size:1.6rem; line-height:1.5; letter-spacing:-0.06em; font-weight:400; color:#777;}

/* ****************** Careers :: 복리후생 ********************** */
.welfare-container .welfare-list{display:flex; flex-wrap:wrap; text-align:center; border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;}
.welfare-container .welfare-list li{width: 33.3333%; border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd; /* border: 1px solid #ddd; margin: 0 0 -1px -1px; */ box-sizing:border-box; padding:4.58% 0 4.16%;}
.welfare-container .welfare-list li:nth-of-type(even){background: #f6f6f6;}
.welfare-container .welfare-list li .welfare-list-box span{display: inline-block; margin-bottom:2.5em; width: 5.25em; height: 4.417em;
}
.welfare-container .welfare-list li .welfare-list-box img{}
.welfare-container .welfare-list li .welfare-list-box dl{height:7.083em;}
.welfare-container .welfare-list li .welfare-list-box dl .welfare-list-tit{font-size:2.1rem; font-weight:600; line-height:1.3; letter-spacing:-0.06em; color:#333;}
.welfare-container .welfare-list li .welfare-list-box dl .welfare-list-con{font-size:1.6rem; font-weight:400; line-height:1.5; letter-spacing:-0.06em; color:#777; margin-top:0.75em;}

/* ****************** Careers :: 채용절차 ********************** */
.process-container img{max-width:100%;}
.process-reference {margin-top:6.25%; background:#f9f9f9;}
.process-reference ul{display:grid; justify-content:center; padding:4.583em 2.5em; border:1px solid #ddd;}
.process-reference ul li{font-size:1.65rem; font-weight:400; letter-spacing:-0.05em; line-height:1.5; color:#444;}
.process-reference ul li::before{display:inline-block; content:"\e929"; font-family: 'xeicon';
    position: relative; top:2px; padding-right: 0.5em; color:#ff7c00; font-size:2rem; letter-spacing:-0.06em;
 } 
.process-reference ul li span{position: relative; padding-right: 0.5em; color:#ff7c00; font-size:2rem; letter-spacing:-0.06em;}
 .welfare-container .welfare-list li:nth-of-type(6) .welfare-list-box dl .welfare-list-con{
    margin-top:25px;
 }

/* ****************** Careers :: 채용공고 ********************** */
.recruit-page .bbs-list-row > a{display: block; width:100%;}
.recruit-page .bbs-list-head .bbs-head-item{height:10.9rem;}
.recruit-page .bbs-list-row .column{height:10.9rem;}
.recruit-page .bbs-list-row .column.bbs-inline{color:var(--main-color);}
.recruit-page .bbs-list-row.recruit-end .column.bbs-inline{color:#999;}
.recruit-page .bbs-subject-con .bbs-subject-txt{font-size:1.9rem; color:#222; margin-bottom:0.9rem; font-weight:500;}
.recruit-end .link-btn{color:#fff !important; background:#ddd !important; border-color:#ddd !important;}


/********** 윤리경영 추가 23-12-15 **********/
.management-page .sub-top-container.ceo {background: 100% / cover no-repeat url("../images/content/management_banner_img.jpg");}
.management-page .sub-top-container .sub-top-container-inner {padding: 0 12.2%;}
.management-page .sub-top-container .sub-top-container-inner img {max-width: 100%;}
.management-page .sub-top-container .sub-top-container-inner img:last-of-type {display: none;}
.management-page .sub-top-container .sub-top-container-inner p {font-size: 2rem; font-weight: 400; color: #666; margin-top: 2rem;}
.management-page .sub-bottom-container .content-sub-tit {color: #333;}
.management-page .list-icon {min-height: 58px; margin: 3.5rem 0 2.2rem 0;}
.management-page .list-icon img {margin: 0; max-width: 100%;}
.management-page .ceo-list {margin-top: 7rem;}
.management-page .sub-bottom-container {margin-bottom: 16rem;}
.management-page .sub-bottom-container:nth-child(2) {margin-bottom: 14rem;}
.management-page .sub-bottom-container .img-box {margin-top: 7rem;}
.management-page .sub-bottom-container .img-box img {max-width: 100%;}
.management-page .sub-bottom-container .img-box .schematic_m {display: none;}
.management-page .management-gray-box {background-color: #f8f8f8; padding: 4.8rem 2rem; margin-top: 3.4rem; box-sizing: border-box;}
.management-page .management-gray-tit {font-size: 2.4rem; font-weight: 500; line-height: 1.2em; letter-spacing: -0.06em; color: #333; padding-bottom: 2.5rem;}
.management-page .management-email-txt {font-size: 1.6rem; font-weight: 400; line-height: 1.5em; letter-spacing: -0.01em; color: #444; margin-left: 1rem;}
.management-page .xi-mail {color: var(--main-color); font-size: 2rem;}
.management-page .email-box {display: flex; justify-content: center; background-color: #fff; width: 46rem; margin: 0 auto; padding: 2.8rem 0; border: 1px solid #ddd;}
.management-page .vision-container {margin-bottom: 0;}
.management-page .vision-container .philosophy .tit-inner {margin-left: 10%;}
.management-page .vision-container .philosophy:first-child .tit-inner {margin-right: 8rem;}
.management-page .vision-container .philosophy:last-child .tit-inner {margin-left: 8rem;}
.management-page .vision-container>div .tit .sub-tit {font-size: 3.5rem; font-weight: 700; line-height: 1.2em; letter-spacing: -0.05em; color: #333; border-bottom: 1px solid #ddd;}
.management-page .vision-container>div .tit p {font-size: 1.65rem; font-weight: 400; line-height: 1.7em; letter-spacing: -0.06em; color: #666;}
.management-page .vision-container>div .tit span {font-size: 2rem; font-weight: 700; line-height: 1.4em; font-style: italic; min-width: 4.5rem;}
.management-page .philosophy .txt-inner {display: flex;}
.management-page .philosophy .txt-inner:first-of-type {margin-top: 3.5rem;}
.management-page .philosophy .txt-inner:last-of-type {margin-top: 1rem;}
.management-page .vision-container .vision .tit-inner {text-align: left;}