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

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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{width:100%; height:100%; text-align:center; margin-bottom: 50px;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{position:relative; display:inline-block; border-bottom:2px solid #ccc; margin:0 -1.5px;}
.sub-tab-list-style ul.col-02 li{max-width:240px; width:50%}
.sub-tab-list-style ul.col-03 li{max-width:230px; width:33.333%}
.sub-tab-list-style ul.col-04 li{max-width:280px; width:25%}
.sub-tab-list-style ul.cm-style li a{padding:0 23px 20px}
.sub-tab-list-style ul li a{/*display:table; height:65px; width:100%;*/ display:block; padding:20px 0;}
.sub-tab-list-style ul li a em{/*display:table-cell; vertical-align:middle; */color:#555; font-size:18px; letter-spacing:-0.5px; text-align:center; font-weight:500; line-height:1.5}
.sub-tab-list-style ul li.selected{z-index:1; border-color:#e11d24}
.sub-tab-list-style ul li.selected a{}
.sub-tab-list-style ul li.selected a em{color:#010101; }
.sub-tab-list-style ul.tab-sm-style{max-width:380px; margin:0 auto}
.sub-tab-list-style ul.tab-sm-style.col-02 li{width:50%}

.cm-style-tab-content{margin-top:60px}
.cm-style-tab-content-02{margin-top:50px}
/* 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: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%}
}

/* 체크 아이콘 */
.check-icon{position:relative; display:block; }
.check-icon:before{position:absolute; display:inline-block;  content: "\e92b"; font-family: xeicon; left:0; top:-1px; color:#e11d24}


/* ******************  Company ********************** */
/* ---------------- Company :: CEO 인사말 ---------------- */
/* 상단 배너 */
/*
.greeting-top-banner{background-repeat:no-repeat !important; background-size:cover !important; background-position:60% 0 !important}
.greeting-top-banner .banner-inner{padding:40px 7% 50px}
.greeting-top-banner .banner-inner .en-tit{display:block; font-weight:700; font-size:14px; color:#fff; opacity:0.3; letter-spacing:0; margin-bottom:30px}
.greeting-top-banner .banner-inner .banner-txt{font-weight:400; font-size:30px; letter-spacing:-0.5px; color:#fff; line-height:1.4; word-break:keep-all}
.greeting-top-banner .banner-inner .banner-txt b{font-weight:600}*/
/* 하단 텍스트 */
/*
.greeting-bt-txt{padding:10px 7.5% 0}
.greeting-bt-txt .greeting-txt{border-bottom:1px solid #d5d5d5; padding-bottom:50px}
.greeting-bt-txt .greeting-txt span{margin-top:30px; display:block; font-weight:400; font-size:16px; color:#555; line-height:2.215; word-break:keep-all}
.greeting-bt-txt .ceo-sign{text-align:right; margin-top:45px}
.greeting-bt-txt .ceo-sign span{display:inline-block; vertical-align:bottom; margin-left:20px}
.greeting-bt-txt .ceo-sign .ceo-position{font-size:16px; letter-spacing:-0.25px; color:#555; margin-left:0}
.greeting-bt-txt .ceo-sign .ceo-position b{font-weight:700}
.greeting-bt-txt .ceo-sign .ceo-name{font-weight:400; font-size:30px; letter-spacing:-0.25px; color:#555}
.greeting-bt-txt .ceo-sign .sign-img{width:112px}
.greeting-bt-txt .ceo-sign .sign-img img{max-width:100%}*/

/* 210120 :: 수정 */
.greeting-inner{border-top:0px solid #d5d5d5; padding-top:70px}
.greeting-inner .greeting-txt{float:left; width:63.2%; box-sizing:border-box; padding-right:7%}
.greeting-inner .greeting-txt .txt01{font-weight:600; font-size:36px; letter-spacing:-1px; color:#353535; line-height:1.5}
.greeting-inner .greeting-txt .txt01 b{color:#e11d24}
.greeting-inner .greeting-txt .txt02{}
.greeting-inner .greeting-txt .txt02 span{display:block; font-weight:400; font-size:19px; letter-spacing:-0.25px; color:#555; line-height:2; margin-top:30px}
.greeting-inner .greeting-img{float:right; width:36.8%; text-align:right}
.greeting-inner .greeting-img .ceo-img img{max-width:100%}
.greeting-inner .greeting-img .ceo-sign{margin-top:35px}
.greeting-inner .greeting-img .ceo-sign .sign-img{display:inline-block; vertical-align:top; width:35%; text-align:right}
.greeting-inner .greeting-img .ceo-sign .sign-img img{max-width:100%}
.greeting-inner .greeting-img .ceo-sign .ceo-name-con{position:relative; display:inline-block; vertical-align:top; margin-left:30px; border-right:3px solid #c9c9c9; padding-right:24px}
.greeting-inner .greeting-img .ceo-sign .ceo-name-con:after{position:absolute; content:""; width:3px; height:20px; background-color:#e11d24; right:-3px; top:0}
.greeting-inner .greeting-img .ceo-sign .ceo-name-con .ceo-position{display:block; font-weight:600; font-size:16px; letter-spacing:-0.25px; color:#555}
.greeting-inner .greeting-img .ceo-sign .ceo-name-con .ceo-name{display:block; font-weight:400; font-size:30px; letter-spacing:-0.25px; color:#555; margin-top:15px}




/* ---------------- Company :: 조직도 ---------------- */
.org-content{text-align:center}
.org-img img{max-width:100%}

/* ---------------- Company :: CI 소개 ---------------- */
/* 레이아웃 */
.ci-sec:first-child{margin-bottom:143px}
.ci-sec .ci-lf{float:left; width:353px}
.ci-sec .ci-lf strong{font-weight:700; font-size:36px; letter-spacing:-1.2px; color:#555; }
.ci-sec .ci-rt{float:left; width:calc(100% - 353px)}
/* Standard Form */
.ci-logo{text-align:center; border:1px solid #d2d2d2; padding:94px 20px}
.ci-logo .ci-logo-img img{max-width:100%}
.ci-explain-txt{font-weight:300; font-size:16px; letter-spacing:-0.5px; color:#666; line-height:1.75; word-break:keep-all; margin:25px 0}
.ci-down-btn{display:inline-block; width:235px; height:60px; box-sizing:border-box; border:1px solid #000; line-height:60px; text-align:center; font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#666}
.ci-down-btn .icon{padding-left:55px}
/* Main Color */
.ci-color-list{margin:0 -1.266%}
.ci-color-list li{float:left; width:30.8%; margin:0 1.266%; display:table; height:60px; text-align:center}
.ci-color-list li.color-01{background-color:#0865a2}
.ci-color-list li.color-02{background-color:#999a9a}
.ci-color-list li.color-03{background-color:#e9e8e7}
.ci-color-list li span{display:table-cell; vertical-align:middle; font-weight:700; font-size:16px; letter-spacing:-0.5px; color:#fff; }
.ci-color-list li.color-03 span{color:#666}
.ci-font-info{display:block; font-weight:400; font-size:16px; color:#666; margin-top:20px}

/* ---------------- Company :: 유니테스트안내 ---------------- */
/* 유니테스트안내 :: 국내 */
.notice-internal-con{margin-top:100px}
/* 유니테스트안내 :: 해외 */
.notice-global-con{margin-top:60px}
.global-map-wrap{text-align:center}
.global-store-con{margin-top:25px}
.global-store-list{display:flex; flex-wrap:wrap; margin:0 -1%}
.global-store-list li{width:31.333%; margin:0 1%; border:1px solid #d9d9d9; box-sizing:border-box}
.global-store-list li .inner{padding:30px 13%}
.global-store-list li .global-nation{position:relative; display:table; width:100%; height:45px; margin-bottom:20px;}
.global-store-list li .global-nation .global-nation-tit{display:table-cell; vertical-align:middle}
.global-store-list li .global-nation .global-nation-tit .nation-tit{font-weight:600; font-size:22px; letter-spacing:-0.5px; color:#333; padding-right:45px}
.global-store-list li .global-nation .global-nation-tit .nation-tit em{display:block; font-weight:400; font-size:15.5px; color:#333; letter-spacing:-0.25px; margin-top:10px; line-height:1.2}
.global-store-list li .global-nation .global-nation-tit .national-flag{position:absolute; top:50%; right:0; transform:translateY(-50%)}
.global-store-list li .global-store-info{border-top:1px solid #eaeaea; }
.global-store-list li .global-store-info .info-sec{margin-top:30px;font-size:15.5px; word-break:keep-all}
.global-store-list li .global-store-info .info-sec dt{font-weight:500; letter-spacing:-0.5px; color:#333;}
.global-store-list li .global-store-info .info-sec dd{font-weight:400; color:#888; letter-spacing:-0.3px; line-height:1.8; margin-top:10px}

/* 지도 효과 */
.global-map-con{position:relative;}
.global-map-con img{max-width:100%}
.global-map-con-m{display:none;}
.global-nation-box{position:absolute; top:0px; left:0px; width:100%; height:100%; }
@keyframes nation-circle {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0.5; 
   }
  50% {
	opacity: 1.0; 
   }
  100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0; } 
}
.nation-circle{position:absolute; left:50%; top:50%; display:inline-block; width:70px; height:70px;}
.nation-circle > span:nth-child(2) {-webkit-animation-delay: 1s; animation-delay: 1s; }
.nation-circle > span:nth-child(3) {-webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.nation-circle > span {
	background:rgba(0, 0, 0, 0.1) ;
	border-radius: 50%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	left: 0;
	top: 0px;
	opacity: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: nation-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;
	animation: nation-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; 
}
.nation-circle i{display:block; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; background-color:#fff; border:2px solid #e11d24; box-sizing:border-box ;border-radius:50%; z-index:9}
.nation-circle p{position:absolute; left:50%; transform:translateX(-50%); width:auto; color:#fff;  background-color:#e11d24; white-space:nowrap; padding:10px 15px; border-radius:30px; font-size:14px; letter-spacing:0; top:0; margin-top:-55px}
.nation-circle.america p{margin-top:-40px}
.nation-circle.taiwan p{bottom:0; top:auto; margin:0 0 -55px}
.nation-circle p:after{position:absolute; content:""; width:1px; height:55px; background-color:#e11d24; left:50%; transform:translateX(-50%); top:32px}
.nation-circle.america p:after{height:40px}
.nation-circle.taiwan p:after{top:auto; bottom:32px}

/* 유니테스트안내 :: 자회사 */
.notice-subsidiary-con{margin-top:70px}
.subsidiary-list{display:flex; flex-wrap:wrap; margin:0 -0.9%}
.subsidiary-list li{width:48.2%; margin:0 0.9% 2.5%; border:1px solid #d9d9d9; box-sizing:border-box}
.subsidiary-list li .subsidiary-inner{padding:25px 7.5% 28px}
.subsidiary-list li .subsidiary-tit{border-bottom:1px solid #eaeaea; padding-bottom:20px}
.subsidiary-list li .subsidiary-tit .tit,.subsidiary-list li .subsidiary-tit .logo{display:inline-block; margin:0 -1px; vertical-align:middle}
.subsidiary-list li .subsidiary-tit .tit{font-weight:400; font-size:22px; letter-spacing:-0.5px; color:#333; width:calc(100% - 165px)}
.subsidiary-list li .subsidiary-tit .logo{width:165px; text-align:right}
.subsidiary-list li .subsidiary-tit .logo img{max-width:100%; max-height:35px}
.subsidiary-list li .subsidiary-info{padding-top:10px}
.subsidiary-list li .subsidiary-info .info-txt{margin-top:6px; font-size:15.5px; letter-spacing:-0.1px; line-height:1.4; word-break:keep-all}
.subsidiary-list li .subsidiary-info .info-txt strong{float:left; width:105px; font-weight:500; color:#333}
.subsidiary-list li .subsidiary-info .info-txt span{float:left; width:calc(100% - 105px); font-weight:400; color:#888} 

/* ---------------- Company :: 회사 연혁 ---------------- */
.history-content{position:relative}
/* 탭스타일 */
.history-tab-syle{}
.history-tab-syle:before{position:absolute; top:0px; bottom:-2px; left:50%; width:0; content:""; border-bottom:1px solid #e5e5e5;}
.history-tab-syle ul{border-top:1px solid #dadada; border-bottom:1px solid #dadada; background-color:#fff}
.history-tab-syle ul > li{position:relative; float:left; width:33.3%; text-align:center}
.history-tab-syle ul > li:after{position:absolute; content:""; width:1px; height:14px; right:0; top:50%; transform:translateY(-50%); background-color:#dadada}
.history-tab-syle ul > li:last-child:after{display:none}
.history-tab-syle ul > li a{position:relative; display:table; width:100%; height:65px}
.history-tab-syle ul > li a:after{position:absolute; content:""; width:80%; height:3px; background-color:#e11d24; bottom:-2px; left:50%; transform:translateX(-50%); opacity:0; transition:all 0.3s}
.history-tab-syle ul > li a em{display:table-cell; vertical-align:middle; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#989898; transition:all 0.3s}
.history-tab-syle ul > li a em br{display:none}
.history-tab-syle ul > li.selected a em{color:#e11d24}
.history-tab-syle ul > li.selected a:after{opacity:1}
.history-tab-syle.top-fixed{position:fixed; top:105px; left:0; width:100%; height:65px; z-index:9}
.history-tab-syle.top-fixed:before{width:100%; margin-left:-50%; transition:all 0.3s}

@media all and (min-width:801px){	
	.history-tab-syle ul > li a:hover em{color:#e11d24}
	.history-tab-syle ul > li a:hover:after{opacity:1}
}

/* 연혁 */
.history-content-wrap{position:relative; padding-bottom:100px}
.company-history{padding-top:80px}
.company-history-year em{font-size:37px; font-weight:400}
/* 연혁 :: 왼쪽 슬로건 */
.history-slogan{position:absolute; width:43.8%; box-sizing:border-box; top:130px}
.history-slogan img{max-width:100%}
.history-slogan .small-txt{display:block; font-weight:400; color:#333; font-size:19px; letter-spacing:0; text-transform:uppercase; margin-top:40px}
.history-slogan .big-txt{font-weight:600; font-size:48px; letter-spacing:-0.5px; color:#343434; line-height:1.2; word-break:keep-all; margin-top:10px}
.history-slogan.fixed{position:fixed; top:235px; }
.history-slogan.fixed.stop{position:absolute; top:auto; bottom:0}
/* 연혁 :: 오른쪽 내용 */
.history-detail-con{float:right; width:50%}

/* ---------------- Company :: 오시는길 ---------------- */
.location-sec{margin-bottom:120px}
.location-sec:last-child{margin-bottom:0}
.location-sec .lf-con{float:left; width:46.6%; box-sizing:border-box; padding-right:5.8%}
.location-sec .lf-con .location-tit{font-weight:600; font-size:36px; letter-spacing:-0.45px; color:#555; display:block; margin-bottom:33px}
.location-sec .lf-con .location-info{border-top:2px solid #000}
.location-sec .lf-con .location-info li{border-bottom:1px solid #dadada}
.location-sec .lf-con .location-info li .inner{padding:24px 0 24px 30px}
.location-sec .lf-con .location-info li .inner .info-tit{font-weight:600; font-size:16px; letter-spacing:-0.5px; color:#222; margin-bottom:10px}
.location-sec .lf-con .location-info li .inner .info-txt{font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#888; line-height:1.875}
.location-sec .lf-con .location-info li .inner .info-txt .traffic-info{}
.location-sec .lf-con .location-info li .inner .info-txt .traffic-info strong{display:block; font-weight:400; padding-left:22px; position:relative}
.location-sec .lf-con .location-info li .inner .info-txt .traffic-info strong:before{position:absolute; display:inline-block;  content: "\e92b"; font-family: xeicon; left:0; top:-1px}
.location-sec .lf-con .location-info li .inner .info-txt .traffic-info p{position:relative; padding-left:10px}
.location-sec .lf-con .location-info li .inner .info-txt .traffic-info p:before{position:absolute; content:"-"; left:0; top:0}
.location-sec .lf-con .kakao-map-btn{margin-top:30px; display:inline-block; width:235px; height:60px; text-align:center; line-height:60px; border:1px solid #000; font-size:16px; letter-spacing:-0.5px; color:#000; transition:all 0.3s}
.location-sec .lf-con .kakao-map-btn .icon{margin-left:35px; transform:rotate(0); transition:transform 0.3s; display:inline-block; font-size:17px}
.location-sec .rt-con{float:left; width:53.4%}
.location-sec .rt-con img{max-width:100%}

@media all and (min-width:801px){	
	.location-sec .lf-con .kakao-map-btn:hover{border-color:#e11d24; color:#e11d24}
	.location-sec .lf-con .kakao-map-btn:hover .icon{transform:rotate(180deg)}
}

/* ******************  Semiconductor ********************** */
/* ---------------- 공통으로 쓰이는 폼 ---------------- */
.cm-detail-con{margin-bottom:75px}
.cm-detail-con:last-child{margin-bottom:0}
.cm-detail-con > div{display:inline-block; margin:0 -1px; vertical-align:top; box-sizing:border-box}
.cm-detail-con .cm-detail-lf{width:411px;}
.cm-detail-con .cm-detail-lf span{position:relative; display:block; padding-top:93.5%; border:1px solid #dcdcdc;}
.cm-detail-con .cm-detail-lf span img{position:absolute; top:0; left:0; width:100%; height:100%}
.cm-detail-con .cm-detail-rt{width:calc(100% - 411px); padding-left:4.2%; word-break:keep-all}
.cm-detail-con .cm-detail-rt .detail-tit{display:block; font-weight:700; font-size:36px; letter-spacing:-0.25px; color:#555; }
.cm-detail-con .cm-detail-rt .detail-txt{font-size:16.5px; letter-spacing:-0.5px; color:#555; line-height:1.81; margin:20px 0 70px}
.cm-detail-con .cm-detail-rt .detail-tbl{width:100%; border-top:1px solid #000}
.cm-detail-con .cm-detail-rt .detail-tbl tr th,
.cm-detail-con .cm-detail-rt .detail-tbl tr td{border-bottom:1px solid #dadada; font-size:16.5px; color:#555; line-height:1.3; }
.cm-detail-con .cm-detail-rt .detail-tbl tr th{width:200px; text-align:center; padding:18px 5px; background-color:#f2f2f2; font-weight:700}
.cm-detail-con .cm-detail-rt .detail-tbl tr td{text-align:left; padding:18px 0 18px 40px; font-weight:400}
.semiconductor-top-logo{text-align:center}
.semiconductor-top-logo img{max-width:100%}

/* ******************  Green Energy ********************** */
/* 공통스타일 컨텐츠 */
.solar-energy-con{margin-top:50px}
.solar-sec{margin-bottom:50px}
.solar-sec:last-child{margin-bottom:0}
/* 공통스타일 :: 상단배너 */
.solar-banner{display:table; width:100%; min-height:250px}
.solar-banner > div{display:table-cell; width:50%; vertical-align:middle}
.solar-banner .banner-lf{position:relative; background:url("../images/content/solar_banner_gradient.jpg") no-repeat 50% 0; background-size:cover; overflow:hidden}
.solar-banner .banner-lf:after,.solar-banner .banner-lf:before{position:absolute; content:""; background-color:rgba(255,255,255,0.2); top:10px; left:10px}
.solar-banner .banner-lf:after{width:100%; height:0px; }
.solar-banner .banner-lf:before{height:100%; width:0px; }
.solar-banner .banner-lf .banner-txt{padding-left:12.5%}
.solar-banner .banner-lf .banner-txt .small-txt{font-weight:400; font-size:16px; letter-spacing:0; color:#fff; opacity:0.7}
.solar-banner .banner-lf .banner-txt .big-txt{font-weight:600; font-size:42px; letter-spacing:-0.5px; color:#fff; margin-top:15px; line-height:1.2}
.solar-banner .banner-lf .banner-txt .big-txt.sm{font-size:36px}
.solar-banner .banner-rt{background-size:cover !important}

/* 공통스타일 :: 표 */
.solar-sec-tit{position:relative; display:block; font-size:22px; letter-spacing:-0.5px; color:#222; padding-left:25px; margin-bottom:22px; font-weight:500; line-height:1.3}
.solar-sec-tit:before{position:absolute; content:""; width:16px; height:16px; box-sizing:border-box; border:4px solid #e11d24; top:5px; left:0; border-radius:50%}
.solar-cm-tbl{}
.solar-cm-tbl .solar-tbl{width:100%; word-break:keep-all; border-top:1px solid #000}
.solar-cm-tbl .solar-tbl tr th,.solar-cm-tbl .solar-tbl tr td{border-bottom:1px solid #dadada}
.solar-cm-tbl .solar-tbl tr th{background-color:#f5f5f5; text-align:center; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#222; line-height:1.4; padding:40px 15px}
.solar-cm-tbl .solar-tbl tr th em{display:block; font-size:15px; color:#b4b4b4; margin-top:5px}
.solar-cm-tbl .solar-tbl tr td{padding:40px 30px 40px 42px}
.solar-cm-tbl .solar-tbl tr td p{font-weight:400; font-size:16px; letter-spacing:-0.7px; color:#333; line-height:1.75; font-family:'Spoqa Han Sans Neo'; margin-bottom:30px;}
.solar-cm-tbl .solar-tbl tr td p:last-child{margin-bottom:0}
.solar-cm-tbl .solar-tbl tr td p .blue{color:#e11d24}
.solar-cm-tbl .solar-tbl tr td p.dot-txt span{position:relative; display:block}
.solar-cm-tbl .solar-tbl tr td p.dot-txt span:before{position:absolute; content:""; width:3px; height:3px; background-color:#e11d24; left:-15px; top:13px}


/* ---------------- Green Energy :: 태양광사업 ---------------- */
/* ------ 태양광사업 :: 태양광이란? ----- */
/* 태양광 에너지의 장단점 */
.solar-advantage{position:relative}
.solar-advantage .center-circle{position:absolute; top:0; left:50%; transform:translateX(-50%); display:inline-block; font-size:24px; letter-spacing:-0.5px; width:237px; height:237px; background:url("../images/content/blue_border_circle.png") no-repeat; background-size:cover !important; text-align:center; display:table;}
.solar-advantage .center-circle em{display:table-cell; vertical-align:middle; font-weight:500; color:#222}
.solar-advantage .center-circle:before,.solar-advantage .center-circle:after{position:absolute; content:""; width:125px; height:1px; background-color:#dfdfdf; top:50%; transform:translateY(-50%)}
.solar-advantage .center-circle:before{left:-52%}
.solar-advantage .center-circle:after{right:-52%}
.solar-advantage .lf-box{float:left}
.solar-advantage .rt-box{float:right}
.solar-advantage .advantage-box{position:relative; border:1px solid #ddd; border-radius:10px; overflow:hidden; width:30%; z-index:9}
.solar-advantage .advantage-box dt{font-weight:500; font-size:18px; letter-spacing:-0.5px; color:#fff; background-color:#e11d24; text-align:center; padding:20px 0}
.solar-advantage .advantage-box dd{background-color:#f5f5f5; padding:9.5% 3% 0 11%; height:145px}
.solar-advantage .advantage-box dd p{position:relative; font-size:16px; letter-spacing:-0.5px; color:#888; line-height:1.75; word-break:keep-all; padding-left:20px;}
.solar-advantage .advantage-box dd p:before{content:"\e92b"; left:0; top:-1px; color:#e11d24; position:absolute;}

/* ----- 태양광사업 :: 태양광발전소 ----- */
/* 태양광발전소 */
.top-border-con{border-top:1px solid #000; padding-top:30px}
.gray-triangle{position:relative; font-size:19px; letter-spacing:-0.5px; color:#222; line-height:1.875; word-break:keep-all; padding-left:20px}
.gray-triangle:before{position:absolute; display:inline-block;  content: "\e92f"; font-family: xeicon; left:-2px; top:-1px; color:#ccc; transform:rotate(90deg)}
.gray-triangle.has-explain:before{top:9px}
.gray-triangle .explain-box{display:inline-block; background-color:#868686; color:#fff; padding:10px 15px; border-radius:13px}
.gray-triangle .explain-box em{position:relative; padding-left:10px}
.gray-triangle .explain-box em:before{position:absolute; display:inline-block; content:""; width:3px; height:3px; background-color:#fff; top:9px; left:0}
.box-img{text-align:center; border:1px solid #ddd}
.box-img img{max-width:100%}
.power-plant-01{}
.power-plant-01 .gray-txt-box{background-color:#f5f5f5; margin-top:25px; padding:22px}
.power-plant-01 .gray-txt-box .txt-wrap{font-size:15px; line-height:1.5; word-break:keep-all}
.power-plant-01 .gray-txt-box .txt-wrap{margin:10px 0}
.power-plant-01 .gray-txt-box .txt-wrap .tit{position:relative; float:left; font-weight:400; letter-spacing:0; color:#333; width:20%; box-sizing:border-box; padding:0 5px 0 15px}
.power-plant-01 .gray-txt-box .txt-wrap .tit:before{position:absolute; content:""; width:3px; height:3px; background-color:#e11d24; left:0; top:9px}
.power-plant-01 .gray-txt-box .txt-wrap .txt{position:relative; float:left; letter-spacing:-0.5px; color:#888; box-sizing:border-box; width:80%; padding-left:20px;}
.power-plant-01 .gray-txt-box .txt-wrap .txt:before{position:absolute; content:""; width:1px; height:75%; background-color:#c5c5c5; left:0; top:3px}
.power-plant-01 .box-img{padding:68px 15px; margin-top:10px}
/* 신재생에너지 공급의무화제도 */
.solar-sec-tit .blue-sm-txt{position:relative; display:inline-block; font-weight:400; font-size:20px; letter-spacing:0; color:#e11d24; padding-left:10px; vertical-align:top}
.solar-sec-tit .blue-sm-txt:before{position:absolute; content:""; width:1px; height:75%; background-color:#e11d24; left:0; top:3px}
.power-plant-02 .txt-wrap{}
.power-plant-02 .txt-wrap p{margin-bottom:15px}
.power-plant-02 .txt-wrap p:last-child{margin-bottom:0}
.power-plant-02 .box-img.box-img-01{padding:60px 15px 35px; margin-top:25px; border-bottom:0}
.power-plant-02 .partners-list{background-color:#f2f8fc; border:1px solid #ddd; border-top-color:#7fb8dd; text-align:center; padding:35px 12% 10px; margin-bottom:30px}
.power-plant-02 .partners-list span{position:relative; display:inline-block; font-weight:300; font-size:14px; letter-spacing:-0.5px; color:#666; padding:0 10px 20px;}
.power-plant-02 .partners-list span:after{position:absolute; content:""; width:1px; height:12px; background-color:#b0b2b2; left:0; top:2px}
.power-plant-02 .partners-list span.no-border:after{display:none}
/* 신재생에너지 공급의무화제도 :: 연도별 공급의무량 */
.power-plant-02 .box-img.box-img-02{padding:55px 22px 40px; margin:25px 0 65px}
.power-plant-02 .percentage-tbl-con{margin-top:55px; border-top:1px solid #ddd; padding-top:35px}
.power-plant-02 .percentage-tbl-con .tit{position:relative; font-size:16px; letter-spacing:-0.5px; text-align:left; padding-left:18px}
.power-plant-02 .percentage-tbl-con .tit:before{position:absolute; content:""; width:3px; height:3px; background-color:#e11d24; left:0; top:5px}
.power-plant-02 .percentage-tbl-con .tit strong{display:block; font-weight:400; color:#222}
.power-plant-02 .percentage-tbl-con .tit span{display:block; font-weight:300; color:#888; margin-top:10px; line-height:1.4}
.power-plant-02 .percentage-tbl-con .percentage-tbl-wrap{margin-top:15px; }
.power-plant-02 .percentage-tbl-con .percentage-tbl{width:100%; border-top:1px solid #000; }
.power-plant-02 .percentage-tbl-con .percentage-tbl tr th,
.power-plant-02 .percentage-tbl-con .percentage-tbl tr td{font-weight:400; font-size:14px; letter-spacing:-0.5px; text-align:center; padding:20px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd}
.power-plant-02 .percentage-tbl-con .percentage-tbl tr th.no-border,
.power-plant-02 .percentage-tbl-con .percentage-tbl tr td.no-border{border-right:0}
.power-plant-02 .percentage-tbl-con .percentage-tbl tr th{color:#222; background-color:#f5f5f5}
.power-plant-02 .percentage-tbl-con .percentage-tbl tr td{color:#666}
/* 신재생에너지 공급의무화제도 :: 관계구도 */
.solar-triangle-tit{position:relative; display:block; font-weight:500; font-size:24px; letter-spacing:-0.5px; color:#222; padding-left:20px; margin-bottom:25px}
.solar-triangle-tit:before{position:absolute; display:inline-block;  content: "\e92f"; font-family: xeicon; left:-3px; top:-1px; color:#e11d24; transform:rotate(90deg)}
.power-plant-02 .box-img.box-img-03{padding:55px 15px 50px;}

/* ----- 태양광사업 :: EPC ----- */
/* 엔지니어링 및 시공 */
.solar-epc-01 .box-img{padding:50px 15px; margin-top:40px}
/* 시공관리 조직도 */
.solar-epc-02 .box-img{padding:45px 15px 65px; margin-bottom:90px}

/* ----- 태양광사업 :: 유지관리 ----- */
/* 유지보수 기본방향 */
.solar-qnm-box{border:1px solid #ddd; margin-top:40px; padding:70px 5.8% 60px}
.solar-qnm-box .qnm-box-tit{text-align:center;}
.solar-qnm-box .qnm-box-tit span{font-weight:400; display:block; font-size:22px; letter-spacing:-0.5px; color:#222; line-height:1.4}
.solar-qnm-box .qnm-box-tit strong{display:block; font-weight:600; font-size:36px; letter-spacing:-0.5px; color:#111; line-height:1.3; margin-top:5px}
.solar-qnm-box .qnm-box-list{display:flex; flex-wrap:wrap; margin:45px -0.8% 0}
.solar-qnm-box .qnm-box-list li{width:31.733%; margin:0 0.8%; background-color:#f8f8f8; border-radius:15px; text-align:center; box-sizing:border-box; padding:55px 15px 65px; word-break:keep-all}
.solar-qnm-box .qnm-box-list li .tit{display:block; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#222; margin-top:22px}
.solar-qnm-box .qnm-box-list li .txt-list{display:inline-block; text-align:left; margin-top:35px}
.solar-qnm-box .qnm-box-list li .txt-list span{position:relative; display:block; font-size:16px; letter-spacing:-0.5px; color:#888; line-height:1.75; padding-left:22px}
.solar-qnm-box .qnm-box-list li .txt-list span:before{position:absolute; display:inline-block;  content: "\e92b"; font-family: xeicon; left:0; top:-1px; color:#e11d24}

.solar-qnm-boxx {
    border: 0px solid #ddd;
    margin-top: 0px;
    padding: 10px 0.8% 60px;
}

/* 제목 스타일 */
.solar-qnm-boxx .qnm-boxx-tit {
    text-align: left;
}

.solar-qnm-boxx .qnm-boxx-tit span {
    font-weight: 400;
    display: block;
    font-size: 22px;
    letter-spacing: -0.5px;
    color: #222;
    line-height: 1.4;
}

.solar-qnm-boxx .qnm-boxx-tit strong {
    display: block;
    font-weight: 600;
    font-size: 36px;
    letter-spacing: -0.5px;
    color: #111;
    line-height: 1.3;
    margin-top: 5px;
}

/* 리스트 영역 */
.solar-qnm-boxx .qnm-boxx-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 0px -0.8% 0;
}

/* ✅ PC에서는 4개씩 배치 */
.solar-qnm-boxx .qnm-boxx-list li {
    width: 48%;
    margin: 0 0.8%;
    background-color: #fff;
    border-radius: 15px;
    text-align: left;
    box-sizing: border-box;
    padding: 25px 15px 55px;
    word-break: keep-all;
}

/* 타이틀 */
.solar-qnm-boxx .qnm-boxx-list li .tit {
    display: block;
    font-weight: 700;
    font-size: 19px;
    letter-spacing: -0.5px;
    color: #222;
    margin-top: 40px;

}

/* 내용 리스트 */
.solar-qnm-boxx .qnm-boxx-list li .txt-list {
    display: inline-block;
    text-align: left;
    margin-top: 35px;
}

.solar-qnm-boxx .qnm-boxx-list li .txt-list span {
    position: relative;
    display: block;
    font-size: 16px;
    letter-spacing: -0.5px;
    color: #888;
    line-height: 1.75;
    padding-left: 22px;
}

/* 아이콘 */
.solar-qnm-boxx .qnm-boxx-list li .txt-list span:before {
    position: absolute;
    display: inline-block;
    content: "▪";
    font-family: xeicon;
    left: 0;
    top: -1px;
    color: #e11d24;
}

/* 📱 모바일(768px 이하)에서는 한 줄에 1개씩 */
@media (max-width: 768px) {
    .solar-qnm-boxx {
        padding: 10px 5% 40px; /* 패딩 조정 */
    }

    .solar-qnm-boxx .qnm-boxx-tit span {
        font-size: 18px; /* 글자 크기 축소 */
    }

    .solar-qnm-boxx .qnm-boxx-tit strong {
        font-size: 28px; /* 제목 크기 조정 */
    }

    .solar-qnm-boxx .qnm-boxx-list {
        flex-direction: column; /* 세로 배치 */
        align-items: center; /* 가운데 정렬 */
    }

    .solar-qnm-boxx .qnm-boxx-list li {
        width: 100%; /* 한 줄에 하나씩 배치 */
        margin: 10px 0; /* 간격 추가 */
        padding: 40px 15px 45px; /* 패딩 조정 */
    }

    .solar-qnm-boxx .qnm-boxx-list li .tit {
        font-size: 16px; /* 글자 크기 줄이기 */
    }

    .solar-qnm-boxx .qnm-boxx-list li .txt-list {
        margin-top: 25px; /* 여백 조정 */
    }

    .solar-qnm-boxx .qnm-boxx-list li .txt-list span {
        font-size: 14px; /* 설명글 크기 조정 */
    }
}
/*주기적 검사시행 */
.solar-qnm-02 .solar-cm-tbl{margin-top:25px}
.solar-qnm-02 .solar-cm-tbl .solar-tbl{border-top:0}
.solar-qnm-02 .solar-cm-tbl .solar-tbl tr th.blue-bg{background-color:#e11d24; padding:18px 0; color:#fff}


/* ---------------- Green Energy :: Perovskite ---------------- */
/* 무-유기 하이브리드 페로브스카이트 */
.perovskite-02 .box-img{padding:50px 15px}
/* 고효율 페로브스카이트 태양전지 */
.perovskite-img-con{margin-top:25px}
.perovskite-img-con ul{}
.perovskite-img-con ul li{float:left; position:relative}
.perovskite-img-con ul.col-02{margin:0 -0.75%}
.perovskite-img-con ul.col-02 li{width:48.5%; margin:0 0.75%}
.perovskite-img-con ul li img{max-width:100%}
.perovskite-img-con ul li .txt{position:absolute; bottom:0; left:0; width:100%; text-align:center; background-color:rgba(0,0,0,0.8); display:table; font-size:16px; letter-spacing:-0.5px; color:#fff; line-height:1.3; height:60px;}
.perovskite-img-con ul li .txt span{display:table-cell; vertical-align:middle; padding:0 10px}
.perovskite-img-con ul li .txt .zoom-img{display:inline-block; font-size:13px; color:#fff; background-color:#e11d24; padding:6px 7px 4px; margin:3px 0 3px 5px}
/* 모듈장점 */
.gray-triangle-con{}
.gray-triangle-con .gray-triangle{margin-bottom:5px}
.perovskite-img-con ul.col-03{margin:0 -0.85%}
.perovskite-img-con ul.col-03 li{width:31.633%; margin:0 0.85%}
.perovskite-03 .perovskite-img-con ul li .txt{background-color:rgba(0,0,0,0.6); height:55px}

/* ---------------- Green Energy :: 제품소개 ---------------- */
.product-intro-con{margin-top:45px}
.prd-intro-sec{margin-bottom:100px}
.prd-intro-sec:last-child{margin-bottom:0}
.prd-intro-sec .prd-intro-tit{display:block; font-weight:400; font-size:22px; letter-spacing:-0.5px; color:#222; margin-bottom:22px}
/* 제품사양 */
.prd-table-con{}
.prd-table-con .prd-info-tbl{width:100%}
.prd-table-con .prd-info-tbl tr td{font-weight:400; font-size:15px; letter-spacing:-0.15px; color:#666; line-height:1.52; word-break:keep-all; text-align:center; border-bottom:1px solid #ddd; padding:15px 10px}
.prd-table-con .prd-info-tbl tr td.dark-bg{background-color:#084a6a; color:#fff; border-bottom:1px solid #0e6c9a}
.prd-table-con .prd-info-tbl tr td.bright-bg{background-color:#057c9e; color:#fff; border-bottom:1px solid #0e6c9a}
.prd-table-con .prd-info-tbl tr td.rt-border{border-right:1px solid #ddd}
/* 주요특징 */
.prd-main-character-wrap{padding-bottom:260px; border-top:1px solid #000}
.prd-main-character{position:relative; text-align:center; padding-top:165px}
.prd-main-character .center-img img{max-width:100%}
.prd-main-character .center-img img.pc{display:inline-block}
.prd-main-character .center-img img.mb{display:none}
.prd-main-character .character-con{position:absolute; top:0; left:50%; transform:translateX(-50%); word-break:keep-all; max-width:23%}
.prd-main-character .character-con .icon{}
.prd-main-character .character-con .tit{display:block; font-weight:400; font-size:19px; letter-spacing:-0.5px; color:#2597e0; line-height:1.3; margin-top:20px}
.prd-main-character .character-con.dark-con .tit{color:#e11d24}
.prd-main-character .character-con .txt{font-weight:400; font-size:16.5px; color:#222; letter-spacing:-0.5px; color:#222; line-height:1.57; margin-top:15px}
.prd-main-character .character-con .txt .certifi{display:block; font-size:14px; color:#dc2f68; margin-top:5px}
.prd-img-list{margin:0 -1% -9.5%}
.prd-img-list li{float:left; width:48%; margin:0 1% 9.5%}
.prd-img-list li .prd-img{box-sizing:border-box; border:1px solid #ddd; }
.prd-img-list li .prd-img img{max-width:100%}
.prd-img-list li .prd-tit{text-align:center; margin-top:25px}
.prd-img-list li .prd-tit span{display:inline-block; font-size:17.5px; letter-spacing:-0.5px; color:#222; vertical-align:top}
.prd-img-list li .prd-tit .name{font-weight:700; padding-right:30px; }
.prd-img-list li .prd-tit .position{position:relative; padding-left:15px}
.prd-img-list li .prd-tit .position:before{position:absolute; content:""; width:1px; height:11px; background-color:#ddd; top:3px; left:0}


/* ******************  IR ********************** */
.sub-tab-list-style ul.ir-01-tab li{width:50%; max-width:190px}
.sub-tab-list-style ul.ir-02-tab li a{padding:0 25px 20px}
/* ---------------- IR :: 상장현황 ---------------- */
/* 일반정보&발행주식수 */
.ir-double-con{margin:0 -0.8%}
.ir-double-con .double-sec{float:left; width:48.4%; margin:0 0.8%}
.ir-sm-tit{font-weight:400; font-size:22px; letter-spacing:-0.5px; color:#222; margin-bottom:20px; display:block}
.stock-cm-tbl{width:100%; border-top:1px solid #000}
.stock-cm-tbl tr th,.stock-cm-tbl tr td{font-weight:400; font-size:16px; letter-spacing:-0.5px; color:#666; /*font-family:'Noto Sans KR',sans-serif;*/ padding:15px 20px; line-height:1.5; word-break:keep-all; border-bottom:1px solid #ddd; text-align:left}
.stock-cm-tbl.txt-center tr th,.stock-cm-tbl.txt-center tr td{text-align:center}
.stock-cm-tbl tr th{background-color:#f5f5f5; color:#222; padding-left:6.5%}
.stock-cm-tbl.txt-center thead tr th{font-weight:600; padding:15px 0}

/* ---------------- IR :: 기업지배구조 ---------------- */
/* 주주구성 */
.ir-sub-tit{font-weight:600; font-size:28px; letter-spacing:-0.5px; color:#222; margin-bottom:45px}
.structure-graph{border-top:1px solid #000; text-align:center; }
.structure-graph .graph-img{display:block; padding:30px 10px 40px;}
.structure-graph .graph-img img{max-width:100%}
.structure-graph .graph-date{text-align:right; padding-top:15px; font-size:16px; letter-spacing:-0.5px; color:#a6a6a6; border-top:1px solid #ddd}
#chart_wrap{position:relative; height:0; padding-top:80%; overflow:hidden}
#donutchart{position:absolute; top:0; left:0; width:100%; height:100%}
#donutchart text{font-family:'Play','Noto Sans KR', sans-serif !important;}

/* 이사회 및 주요임원 */
.ir-sec{margin-bottom:45px}
.ir-sec:last-child{margin-bottom:0}


/* ---------------- IR :: 재무정보 ---------------- */
/* 배당현황 */
.stock-tit.ir-sub-tit{margin-bottom:20px}
.stock-tit.ir-sub-tit .unit{float:right; font-weight:400; font-size:14px; letter-spacing:-0.5px; color:#a2a2a2; margin-top:10px}
.stockTbl{clear:both; width:100%; color:#333;}
.stockTbl th{font-size:16px; height:55px; vertical-align:middle; background-color:#f5f5f5; border:0px; border-top:1px solid #000; border-bottom:1px solid #afafaf; text-align:center; font-weight:500;  color:#222; }
.stockTbl td{font-size:16px; height:55px; color:#666; vertical-align:middle; text-align:center; word-break:keep-all}
.stockTbl td:first-child{border-left:0}
.stock03-table th{border-bottom:1px solid #ddd; border-top:1px solid #000;}
.stock03-table td{border-bottom:1px solid #ddd;}
.ir-notice-txt{margin-top:30px}
.ir-notice-txt span{position:relative; display:block; font-size:15px; color:#666; letter-spacing:-0.25px; line-height:1.5; margin-bottom:5px; padding-left:10px}
.ir-notice-txt span:last-child{margin-bottom:0}
.ir-notice-txt span:before{position:absolute; content:"*"; left:0; top:1px}

/* ---------------- IR :: News&Notice ---------------- */
.ir-news-con{margin:0 -1%}
.ir-news-con li{float:left; width:31.333%; margin:0 1% 80px;}
.ir-news-con li a{display:block}
.ir-news-con li .news-thum{position:relative; display:block; padding-top:69.2%; overflow:hidden}
.ir-news-con li .news-thum img{position:absolute; top:0; left:0; width:100%; height:100%; transition:all 0.3s}
.ir-news-con li .new-txt-con .news-tit{display:block; font-weight:600; font-size:30px; letter-spacing:-0.5px; color:#3e3e3e; line-height:1.3; margin-top:40px}
.ir-news-con li .new-txt-con .news-txt{font-size:15.5px; letter-spacing:-0.5px; color:#696969; line-height:1.86; word-break:keep-all; height:3.72em; overflow:hidden; margin-top:15px}
.ir-news-con li .news-date{margin-top:50px; display:block; margin-left:1px}
.ir-news-con li .news-date .icon,
.ir-news-con li .news-date .date{display:inline-block; vertical-align:middle; margin:0 -1px}
.ir-news-con li .news-date .icon{width:29px; height:29px; border-radius:50%; text-align:center; line-height:29px; background-color:#e11d24; color:#fff; font-size:15px}
.ir-news-con li .news-date .date{font-weight:400; font-size:13px; letter-spacing:0; color:#929292; padding-left:8px}

.ir-news-con li a:hover .news-thum img{transform:scale(1.08)}
.article-view{position:absolute; right:20px; top:20px; background:#e11d24; color:#fff; padding:10px 10px 9px; font-size:13px}
.article-view i{font-size:17px; vertical-align:middle; margin:-2px 0 0 5px}
.ir-content .bbs-view-top .bbs-tit{padding-right:110px}


/* ****************** Recruit ********************** */
/* ---------------- Recruit :: 인사제도 ---------------- */
/* 인재상 */
.talent-box-list{}
.talent-box-list li{margin-bottom:14px}
.talent-box-list li:last-child{margin-bottom:0}
.talent-box-list li .box-inner{display:table; width:100%; border:1px solid #dadada; height:180px; box-sizing:border-box; padding:0 6.2%}
.talent-box-list li .box-inner > div{display:table-cell; vertical-align:middle; box-sizing:border-box;}
.talent-box-list li .txt-01{width:270px}
.talent-box-list li .txt-01 .num,
.talent-box-list li .txt-01 .tit{display:inline-block; vertical-align:middle; margin:0 -1px}
.talent-box-list li .txt-01 .num{width:70px; font-weight:700; font-size:60px; color:#e6e6e6; letter-spacing:0}
.talent-box-list li .txt-01 .tit{width:calc(100% - 70px); padding-left:25px; box-sizing:border-box; font-weight:500; font-size:24px; letter-spacing:-0.5px; color:#010101; line-height:1.35; word-break:keep-all}
.talent-box-list li .txt-01 .tit em{display:block; font-weight:400; font-size:14px; letter-spacing:0; color:#b0afaf; margin-top:5px}
.talent-box-list li .txt-02{width:calc(100% - 382px); padding:15px 3% 15px 6.2%}
.talent-box-list li .txt-02 p{font-weight:300; font-size:14px; letter-spacing:-0.5px; color:#333; line-height:2}
.talent-box-list li .icon{width:102px}
.talent-box-list li .icon img{max-width:100%}

/* 복리후생 */
.welfare-list-tit{font-weight:300; font-size:20px; letter-spacing:-0.5px; color:#222; line-height:1.4; margin-bottom:20px}
.welfare-list-tit b{font-weight:700; color:#e11d24}
.welfare-list-tit strong{font-weight:500}
.welfare-list{display:flex; flex-wrap:wrap; margin:0 -1%}
.welfare-list li{width:48%; margin:0 1%; border-bottom:1px solid #ddd}
.welfare-list li:first-child,.welfare-list li:nth-child(2){border-top:1px solid #ddd}
.welfare-list li .inner{padding:35px 3% 35px 6.8%; display:table; width:100%; height:100%; box-sizing:border-box;}
.welfare-list li .inner > div{display:table-cell; vertical-align:middle; margin:0 -1px}
.welfare-list li .inner .icon{/*width:55px;*/width:16.555% }
.welfare-list li .inner .icon img{max-width:100%}
.welfare-list li .inner .tit{width:180px; /*adding-left:10.5%*/}
.welfare-list li .inner .tit strong{font-weight:500; font-size:16px; letter-spacing:-0.5px; color:#010101; line-height:1.625}
.welfare-list li .inner .txt{width:calc(80% - 145px)}
.welfare-list li .inner .txt p{font-size:15px; font-weight:400; letter-spacing:-0.5px; color:#666; line-height:1.85}

/* ---------------- Recruit :: 직무소개 ---------------- */
/* 왼쪽메뉴바 */
.position-memu-bar{float:left; width:200px}
.position-memu-bar .position-menu-inner{margin-bottom:5px}
.position-memu-bar .side-menu-tit{display:table; width:100%; height:60px; cursor:pointer; position:relative; }
.position-memu-bar .side-menu-tit h3{display:table-cell; vertical-align:middle; font-weight:500; font-size:16px; letter-spacing:-0.5px; color:#222; line-height:1.4; padding:0 35px 0 20px; background-color:#fff; border:1px solid #dadada;}
.position-memu-bar .side-menu-tit h3 .icon{position:absolute; right:15px; top:50%; transform:translateY(-50%); display:inline-block;}
.position-memu-bar .side-menu-tit h3 .icon:after{position:relative; display:inline-block;  content: "\e914"; font-family: xeicon;}
.position-memu-bar .position-sub-menu{border-top:0; display:none; background-color:#f2f2f2; padding:0 20px}
.position-memu-bar .position-sub-menu > li{border-bottom:1px solid #ddd}
.position-memu-bar .position-sub-menu > li:last-child{border-bottom:0}
.position-memu-bar .position-sub-menu > li a{display:block; padding:15px 0; font-weight:500; font-size:15px; letter-spacing:-0.5px; color:#999; line-height:1.4; position:relative;}
/* 메뉴 열렸을때 */
.position-memu-bar .position-menu-inner.open .side-menu-tit h3{background-color:#222; color:#fff; border-color:#222}
.position-memu-bar .position-menu-inner.open .side-menu-tit h3 .icon:after{content: "\e91b"; }
.position-memu-bar .position-menu-inner.on .position-sub-menu{display:block}
.position-memu-bar .position-sub-menu > li.active a{color:#e11d24}

/* 오른쪽 내용 */
.position-rt-con{float:left; width:calc(100% - 200px); box-sizing:border-box; padding-left:6%}
.position-tit{display:block; font-weight:600; font-size:28px; letter-spacing:-0.5px; color:#222; line-height:1.3; }
.position-sec{margin-top:40px}
.position-sec .position-sec-tit{font-weight:400; display:block; font-size:22px; letter-spacing:-0.5px; color:#222; margin-bottom:15px}
.position-sec .position-detail-con{display:table; width:100%; border-top:1px solid #222; border-bottom:1px solid #ddd}
.position-sec .position-detail-con > div{display:table-cell; vertical-align:middle; width:50%; padding:50px 0}
.position-sec .position-detail-con .major{background-color:#f8f8f8}
.position-sec .position-detail-con > div .inner{padding:0 8% 0 13%}
.position-sec .position-detail-con > div .inner .icon-tit,
.position-sec .position-detail-con > div .inner .txt-list{display:inline-block; margin:0 -1px; vertical-align:middle}
.position-sec .position-detail-con > div .inner .icon-tit{text-align:center; width:80px}
.position-sec .position-detail-con > div .inner .icon-tit .icon{}
.position-sec .position-detail-con > div .inner .icon-tit .tit{display:block; font-weight:500; font-size:20px; letter-spacing:-0.5px; color:#444; margin-top:10px;}
.position-sec .position-detail-con > div .inner .txt-list{padding-left:26%; width:calc(100% - 80px); box-sizing:border-box}
.position-sec .position-detail-con > div .inner .txt-list p{padding-left:22px; font-size:16px; letter-spacing:-0.5px; color:#999; line-height:1.4; margin-bottom:8px}
.position-sec .position-detail-con > div .inner .txt-list p:last-child{margin-bottom:0}

/* ---------------- Recruit :: 채용공고 ---------------- */
/* 채용절차 */
/* 채용절차 :: STEP 박스 */
.recruit-sec:first-child{margin-bottom:100px}
.recruit-sec-tit{font-weight:500; font-size:22px; letter-spacing:-0.5px; color:#222; margin-bottom:20px}
.recruit-step-list{border: 1px solid #ddd;}
.recruit-step-list li{float: left; position: relative; width: 20%; height: 180px; display:table; border-left: 1px solid #ddd; box-sizing: border-box; text-align: center;}
.recruit-step-list li:first-child{border-left: none;}
.recruit-step-list li:before{position: absolute; top: 50%; left: -11.5px; display: block; content: ''; width: 21px; height: 22px; background: url("../images/content/recruit_step_arrow.jpg") 0 0 no-repeat; background-size:cover !important; transform:translateY(-50%)}
.recruit-step-list li:first-child:before{display: none;}
.recruit-step-list li .inner{display:table-cell; vertical-align:middle; padding:10px}
.recruit-step-list li .inner .step-num{display:block; font-weight:700; font-size:18px; letter-spacing:-0.5px; color:#b0afaf; margin-bottom:15px}
.recruit-step-list li .inner .step-tit{font-weight:300; font-size:16px; letter-spacing:-0.5px; color:#333; line-height:1.25; margin-top:10px}
/* 채용절차 :: STEP 상세설명 */
.recruit-step-detail{margin-top: 40px;}
.recruit-step-detail .inner{border-bottom: 1px solid #ddd; padding: 28px 0;}
.recruit-step-detail .inner:first-child{border-top: 1px solid #ddd;}
.recruit-step-detail .inner > div{display:inline-block; vertical-align:middle; margin:0 -1px; box-sizing:border-box}
.recruit-step-detail .inner .left-con{width: 15%; text-align:center}
.recruit-step-detail .inner .left-con .txt{font-size: 18px; font-weight: 700; letter-spacing: -0.5px; color: #e11d24;}
.recruit-step-detail .inner .right-con{position:relative; width: 85%; padding-left:5.6%}
.recruit-step-detail .inner .right-con:before{position: absolute; top: 50%; left:0; display: block; content: ''; width: 21px; height: 22px; background: url("../images/content/recruit_step_arrow.jpg") 0 0 no-repeat; background-size:cover !important; transform:translateY(-50%)}
.recruit-step-detail .inner .right-con .tit,.recruit-step-detail .inner .right-con .txt{display: inline-block; vertical-align: middle; margin:0 -1px; font-size: 16px; font-weight: 400; letter-spacing: -0.5px; line-height:1.4}
.recruit-step-detail .inner .right-con .tit{width: 40%; color: #333; box-sizing:border-box; padding-right:3%}
.recruit-step-detail .inner .right-con .txt{width: 60%; color:#888}
 /* 채용절차 :: 근무조건,접수방법 */
.recruit-info-con{margin:0 -1% 70px}
.recruit-info-con .recruit-info{float:left; width:48%; margin:0 1%}
.recruit-info-con .recruit-info .info-txt-wrap{border-top:1px solid #222; padding-top:25px}
.recruit-info-con .recruit-info .info-txt{font-size:16px; letter-spacing:-0.5px; line-height:1.5; margin-bottom:5px}
.recruit-info-con .recruit-info .info-txt dt{float:left; font-weight:500; color:#222; width:85px}
.recruit-info-con .recruit-info .info-txt dd{float:left; font-weight:300; color:#888; width:calc(100% - 85px)}
 /* 채용절차 :: 참고 및 유의사항 */
.recruit-notice-con{margin-bottom:80px}      
.recruit-notice-con .notice-txt{border-top:1px solid #222; font-weight:300; font-size:16px; letter-spacing:-0.5px; line-height:1.875; color:#333; padding-top:20px}
 /* 채용절차 :: 이메일, 지원하기버튼 */
.recruit-bottom{text-align:center}
.recruit-bottom .email{background-color:#f4f4f4; border:1px solid #dbdbdb; padding:30px 0}
.recruit-bottom .email span{position:relative; display:inline-block; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#333; padding:0 35px }
.recruit-bottom .email span.txt01:after{position:absolute; content:""; width:1px; height:18px; background-color:#d3d3d3; right:-2px; top:2px}
.recruit-bottom .email span.txt01 .icon{margin-right:6px}
.recruit-bottom .apply-btn{display:inline-block; margin-top:50px; width:350px; height:70px; line-height:70px; background-color:#e11d24; font-weight:400; font-size:20px; letter-spacing:-0.5px; color:#fff}

/* 채용공고 */
.recruit-board-wrap{padding-bottom:30px}
.recruit-board-con .bbs-top-list-box{margin-bottom:20px}
.recruit-board-con .recruit-board-tit{float:left; font-weight:500; font-size:24px; letter-spacing:-0.5px; color:#e11d24}
.recruit-board-con .total-list-con{float:right; line-height:inherit}
.recruit-board-banner{display:table; width:100%; height:243px; background:url("../images/content/recruit_board_banner.jpg") no-repeat 50% 0; background-size:cover !important;}
.recruit-board-banner .banner-inner{display:table-cell; vertical-align:middle; padding-left:8%}
.recruit-board-banner .banner-inner .tit{font-size:40px; letter-spacing:-0.5px; color:#000; line-height:1.25}
.recruit-board-banner .banner-inner .tit b{font-weight:900}
.recruit-board-banner .banner-inner .detail-btn{position:relative; display:inline-block; font-weight:400; font-size:14px; letter-spacing:-0.5px; color:#000; padding-bottom:8px; margin-top:25px}
.recruit-board-banner .banner-inner .detail-btn:after{position:absolute; content:""; width:100%; height:1px; background-color:#000; bottom:0; left:0}
.recruit-board-banner .banner-inner .detail-btn .arrow{margin-left:22px}

.talent-content .bbs-view-con{margin:50px 0}

/* 공통 탭 */
.sub-cm-tab-wrapper.sub-3dep-tab-wrapper{height:55px; margin-bottom: 65px;}
.sub-3dep-cm-style ul{text-align: center;}
.sub-3dep-cm-style ul li{margin: 0 4px; display: inline-block; position:relative; width:20%; background-color:#fff;}
.sub-3dep-cm-style ul.col-3 li{width: 245px;}
.sub-3dep-cm-style ul li a{display:table; height:53px; width:100%; border:1px solid #c9c9c9; background-color: #f2f2f2;}
.sub-3dep-cm-style ul li a em{display:table-cell; vertical-align:middle; color:#000; font-size:17px; line-height: 1.3; letter-spacing:-0.25px; text-align:center;}
.sub-3dep-cm-style ul li.selected{z-index:1;}
.sub-3dep-cm-style ul li.selected a{background-color:#fff; border-color:#000;}
.sub-3dep-cm-style .cm-tab-m-btn{display:none;}

.cm-btn-controls a.apply-btn{background-color:#e11d24}


/* 미디어센터 수정*/
.video-iframe-wrapper{position:relative; margin:0px auto; overflow:hidden;}
.video-iframe-box{position:relative; padding-top:56.25%; height:0; background-color:#000}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ;  }
.video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; background-color:rgba(0,0,0,0.4); content:"";}
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box:hover .thumb{ -webkit-transform: scale(1.08) rotate(0.002deg); transform: scale(1.08) rotate(0.002deg);}
.video-cover-box .icon{position:absolute; top:50%; left:50%;  z-index:1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.video-cover-box .icon i{font-size:60px; color:#fff; line-height:50px; text-shadow:1px 1px 10px rgba(0, 0, 0, .5);}
.video-info-txt{padding:20px; border:1px solid #ddd; border-top:0}
.video-info-txt strong{display:block; font-size:22px; color:#1a1a1a; font-weight:500; margin-bottom:15px; line-height:1.4}
.video-info-txt span{color:#aaa; display:block;font-size:13px; font-weight:300}
.video-info-txt span i{font-size:22px; vertical-align:middle; margin-top:-3px; margin-right:5px}

/********** 24-03-13 유지보수 :: 윤리강령 및 인권노동방침 추가 **********/
.ethics-down-con {display: flex; gap: 0 1.818%; max-width: 1100px; margin: 0 auto; padding-top: 20px;}
.ethics-down-con .ethics-down-box {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50%; border: 1px solid #dcdcdc; border-top: 2px solid #222; text-align: center; padding: 38px; box-sizing: border-box;}
.ethics-down-con .ethics-down-box img {max-width: 100%;}

.ethics-down-con .ethics-down-box .txt-box {padding: 25px 0;}
.ethics-down-con .ethics-down-box .ethics-down-txt01 {font-size: 22px; font-weight: 700; line-height: 1.5em; letter-spacing: -0.05em; color: #000; padding-bottom: 3px;}
.ethics-down-con .ethics-down-box .ethics-down-txt02 {font-size: 14px; font-weight: 400; line-height: 1.5em; color: #b0afaf; text-transform: uppercase;}
.ethics-content .ci-down-btn {width: 200px;}
.ethics-content .ci-down-btn .icon {padding-left: 32.5%;}

@media all and (max-width: 1130px) {
	.ethics-down-con {max-width: none;}
}

@media all and (max-width: 800px) {
	.ethics-down-con .ethics-down-box {padding: 25px;}
	.ethics-content .ci-down-btn {width: 150px;}
	.ethics-down-con .ethics-down-box .txt-box {padding: 18px 0;}
	.ethics-down-con .ethics-down-box .ethics-down-txt01 {font-size: 18px;}
}

/* @media all and (max-width: 640px) {
	.ethics-content .ci-down-btn {width: 90%;}
} */

@media all and (max-width: 535px) {
	.ethics-down-con .ethics-down-box .ethics-down-txt02 {min-height: 42px;}
}

@media all and (max-width: 480px) {
	.ethics-down-con {flex-wrap: wrap; flex-direction: column; gap: 15px 0; padding-top: 0;}
	.ethics-down-con .ethics-down-box {width: 100%;}
	.ethics-content .ci-down-btn {width: 150px}
	.ethics-down-con .ethics-down-box .ethics-down-txt02 {min-height: auto;}
}

.img-responsive {
    max-width: 100%; /* 부모 요소 크기를 넘지 않도록 설정 */
    height: auto; /* 가로 비율을 유지하면서 자동 조절 */
    display: block; /* 가운데 정렬을 위해 필요 */
    margin: 0 auto; /* 중앙 정렬 */
}