@charset "utf-8";
@import url('swiper.min.css');
@import url('jquery.fullPage.css');
@import url('base.css');
@import url('layout.css');
@import url('http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700');
@import url('jquery-ui.css');

/************************************************
	index
************************************************/
#mainCon{ position:relative; z-index:2; }
#mainCon .sm{ display:none !important;}
#mainCon .nsm{ display:block !important;}
.index-slide{ position:relative; overflow:hidden; padding:56px 0 0 0;}
.index-slide .swiper-slide{ width:100%; background:url(../images/main/visual_01.jpg) 50% 0 no-repeat; background-size:cover; }
.index-slide .swiper-slide .copy{ margin:25% 25px 0;}
.index-slide .swiper-slide .ic{ position:absolute; top:50%; left:0; width:100%; margin:35px 0 0; padding:0 5px; display:block; text-align:center;}
.index-slide .swiper-slide .ic:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.index-slide .swiper-slide .ic a{ display:inline-block; width:auto; padding:0 10px;}
.index-slide .swiper-slide img{  max-width:auto; height:100px; display:block; margin:0 auto;}
.index-slide .swiper-pagination{ position:relative; bottom:auto; left:auto; display:inline-block; margin:0 0 0 12px; vertical-align:middle;}
.index-slide .swiper-pagination .swiper-pagination-bullet{ position:relative; width:12px; height:12px; border:#eee 1xp solid; border-radius:50%; margin:0 4px; opacity:1; background-color:transparent;}
.index-slide .swiper-pagination .swiper-pagination-bullet:after{ content:""; position:absolute; top:50%; left:50%; margin:-3px 0 0 -3px; width:6px; height:6px; display:block; border:#eee 1px solid; background-color:transparent; border-radius:50%; }
.index-slide .swiper-pagination .swiper-pagination-bullet-active{ border:#e0002a 1px solid;}
.index-slide .swiper-pagination .swiper-pagination-bullet-active:after{ border:#e0002a 1px solid; background-color:#e0002a;}
.index-slide .pag{ position:absolute; bottom:50px; left:0; width:100%; margin-left:0; text-align:center; z-index:5;}

@media screen and (max-width: 400px) {
	.index-slide .swiper-slide .ic a{ padding:0;}
}
#mainCon .section{ padding:0; background-color:#e5e5e5; }
#mainCon .section.section01{ overflow:hidden;}
#mainCon .section02 .fp-tableCell,
#mainCon .section03 .fp-tableCell,
#mainCon .section04 .fp-tableCell{ padding-top:56px; vertical-align:top;}
#mainCon .tit-area{ text-align:center; margin:0;}
#mainCon .tit-area>h2{ font-size:24px; color:#121212; font-weight:600; margin:0; line-height:65px; }

#mainCon .section02{ background-color:#e5e5e5;}
#mainCon .section02 .m-cor{ width:100%; margin:0; padding:0;}
#mainCon .section02 .m-cor .left{ width:100%;}
#mainCon .section02 .m-cor .left:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
#mainCon .section02 .m-cor .left .item{ position:relative; width:100%; padding:0; background-color:#fff; }
#mainCon .section02 .m-cor .left .item img{ display:block; width:100%;}
#mainCon .section02 .m-cor .left .item.item0102,
#mainCon .section02 .m-cor .left .item.item0103{ border-top:#e5e5e5 1px solid; }
#mainCon .section02 .m-cor .right{ margin:8px 0 0 -1%; overflow:hidden;}
#mainCon .section02 .m-cor .right:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
#mainCon .section02 .m-cor .right .item{ position:relative; display:block; padding:0; color:#fff; width:49%; height:50px; float:left; margin:0 0 3px 1%; font-size:16px; font-weight:600; padding:0 0 0 18px; line-height:50px;}
#mainCon .section02 .m-cor .right .item:after{ content:""; position:absolute; top:50%; right:13px; margin:-20px 0 0 0; width:42px; height:40px; display:block; }
#mainCon .section02 .m-cor .right .item.item0201{ background-color:#3b4559;}
#mainCon .section02 .m-cor .right .item.item0202{ background-color:#e00529;}
#mainCon .section02 .m-cor .right .item.item0203{ background-color:#ea8216;}
#mainCon .section02 .m-cor .right .item.item0201:after{ background:url(../images/main/mc_img0201.png) 50% 50% no-repeat; background-size:100% auto;}
#mainCon .section02 .m-cor .right .item.item0202:after{ background:url(../images/main/mc_img0202.png) 50% 50% no-repeat; background-size:100% auto;}
#mainCon .section02 .m-cor .right .item.item0203:after{ background:url(../images/main/mc_img0203.png) 50% 50% no-repeat; background-size:100% auto;}

#mainCon .section02 .m-cor { font-family: 'Pretendard Variable', 'Nanum Gothic', sans-serif; }
#mainCon .section02 .m-cor * { font-family: inherit; }
#mainCon .section02 .m-cor-inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; line-height: 1; }
#mainCon .section02 .m-cor-item { position: relative; padding: 5.8997vw; background-color: #fff; height: 39.823vw; }
#mainCon .section02 .m-cor-item h3 { font-size: 3.244vw;  margin-bottom: 5px; }
#mainCon .section02 .m-cor-item .cor-icon { position: absolute; width: 11.0619vw; bottom: 5.8997vw; right: 5.8997vw; }
#mainCon .section02 .m-cor-item .stats { font-size: 16px; }
#mainCon .section02 .m-cor-item .stats strong { font-size: 8.8495vw; font-weight: 500; color: #da0028; }
#mainCon .section02 .m-cor-item .caption { position: absolute; left: 5.8997vw; bottom: 5.8997vw; font-size: 2.5641vw; }
#mainCon .section02 .m-cor-item.ceo *, 
#mainCon .section02 .m-cor-item.link * { color: #fff; }
#mainCon .section02 .m-cor-item.ceo { display: flex; flex-direction: column; justify-content: space-between; background-image: url(../images/main/cor_img_ceo.jpg); background-size: cover; background-position: center; }
#mainCon .section02 .m-cor-item.ceo .ceo-txt { font-size: 2.9498vw; }
#mainCon .section02 .m-cor-item.ceo .ceo-txt em { display: block; font-size: 3.6873vw; font-weight: 600; line-height: 1.5; }
#mainCon .section02 .m-cor-item.business { grid-column: 1 / span 2;  height: auto;  }
#mainCon .section02 .m-cor-item.business .business-item-wrap { display: flex; gap: 10px; margin-top: 20px; }
#mainCon .section02 .m-cor-item.business .business-item { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 3.54vw 3.54vw 2.9498vw; font-size: 2.654vw; background-color: #eaeaea; border-radius: 4px; text-align: center; }
#mainCon .section02 .m-cor-item.business .business-item img { width: 9.1445vw; }
#mainCon .section02 .m-cor-item.link p { margin-top: 2.9498vw; font-size: 3.8348vw; line-height: 1.3; }
#mainCon .section02 .m-cor-item.link .cor-icon { width: 6.3421vw; }
#mainCon .section02 .m-cor-item.link.sustain { background-color: #da0028; }
#mainCon .section02 .m-cor-item.link.recruit { background-color: #e67525; }

#mainCon .section03{ background:url(../images/main/sec3_bg.jpg) 50% 0 no-repeat; background-size:cover;}
#mainCon .section03 .tit-area>h2{ color:#fff;}
#mainCon .section03 .creat-bx{ margin:0 26px; overflow:hidden;}
#mainCon .section03 .creat-bx .item{ position:relative; width:100%; display:block;}
#mainCon .section03 .creat-bx .item>img{ display:block; width:100%;}
#mainCon .section03 .creat-bx .item .tbx{ position:absolute; display:block; bottom:36px; left:0; padding:0 28px; color:#fff; font-size:14px;}
#mainCon .section03 .creat-bx .item .tbx .tit{ font-size:24px; display:block; }
#mainCon .section03 .creat-bx .item .tbx .txt{ display:block; margin:10px 0;}
#mainCon .section03 .creat-bx .item .tbx .go{ position:relative; display:block; width:126px; height:37px; line-height:35px; border:#fff 1px solid; padding:0 15px;}
#mainCon .section03 .creat-bx .item .tbx .go:after{ content:""; position:absolute; top:50%; right:12px; margin-top:-3px; display:block; background:url(../images/main/ic-arr.png) 50% 50% no-repeat; background-size:100% 100%;  width:25px; height:7px;}
#mainCon .section03 .creat-bx .prev{ position:absolute; top:50%; left:5px; width:13px; height:25px; background:url(../images/main/bt_prev.png) 50% 50% no-repeat; background-size:100% 100%; display:block; text-indent:-9999px;}
#mainCon .section03 .creat-bx .next{ position:absolute; top:50%; right:5px; width:13px; height:25px; background:url(../images/main/bt_next.png) 50% 50% no-repeat; background-size:100% 100%; display:block; text-indent:-9999px;}
#mainCon .section03 .creat-bx .swiper-pagination{ position:relative; top:auto; left:auto; margin:30px 0 0 0; width:100%;}
#mainCon .section03 .creat-bx .swiper-pagination .swiper-pagination-bullet{ width:7px; height:7px; border:#c4c5c7 1px solid; border-radius:50%; opacity:1; vertical-align:middle; background-color:transparent; }
#mainCon .section03 .creat-bx .swiper-pagination .swiper-pagination-bullet-active{ width:12px; height:12px; border:#e0062a 2px solid;}

#mainCon .section04{ background-color:#fff;}
#mainCon .m-comm{ padding:0 10px;}
#mainCon .m-comm .ir-bx{ position:relative; width:100%; background-color:#f3f5f8; padding:15px 10px 10px 10px; margin:10px 0 0 0; }
#mainCon .m-comm .ir-bx>iframe{ width:100%; height:130px;}
#mainCon .m-comm .ir-bx:after{ content:""; position:absolute; top:70px; left:62px; width:110px; height:85px; background:url(../images/main/ir_img.png); background-size:100%; display:none;}
#mainCon .m-comm .ir-bx h3{ position:absolute; top:22px; left:18px; line-height:1; font-size:20px; color:#000;}
#mainCon .m-comm .ir-bx .stock{ border-bottom:#e0e0e0 1px solid; text-align:right; font-size:12px; color:#888; padding:0 0 10px 0;}
#mainCon .m-comm .ir-bx .stock .tbx{ font-size:12px; color:#121212; margin:0 0 5px 0;}
#mainCon .m-comm .ir-bx .stock .tbx span{ position:relative; display:inline-block; }
#mainCon .m-comm .ir-bx .stock .tbx span+span{ margin:0 0 0 18px; padding:0 0 0 19px;}
#mainCon .m-comm .ir-bx .stock .tbx span+span:before{ content:""; position:absolute; width:1px; height:10px; background-color:#121212; display:block; top:50%; left:0; margin-top:-5px; }
#mainCon .m-comm .ir-bx .stock>strong{ display:block; margin-top:20px; font-size:30px; color:#333;}
#mainCon .m-comm .ir-bx ul{ margin-top:30px; text-align:right;}
#mainCon .m-comm .ir-bx ul:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
#mainCon .m-comm .ir-bx ul li{ position:relative; display:inline-block; padding:0; text-align:left; width:35%; float:left;}
#mainCon .m-comm .ir-bx ul li:last-child{ width:30%;}
#mainCon .m-comm .ir-bx ul li .name{ font-size:11px; color:#8d8d8d; font-weight:600; display:block; }
#mainCon .m-comm .ir-bx ul li .num{ font-size:15px; color:#333; display:inline-block; font-family:Lucida Grande; }
#mainCon .m-comm .ir-bx ul li em{ display:inline-block; width:15px;}
#mainCon .m-comm .left{ overflow:hidden; margin:7px 0 0 -1%;}
#mainCon .m-comm .item{ position:relative; display:block; float:left; width:49%; margin:0 0 0 1%; padding:0;}
#mainCon .m-comm .item img{ display:block; width:100%;}
#mainCon .m-comm .item .tbx{ position:absolute; bottom:0; left:0; width:100%; padding:0 0 0 14px; height:44px; line-height:44px; color:#fff; display:block; font-size:14px;}
#mainCon .m-comm .item.life .tbx{ background-color:rgba(224,5,41,0.85);}
#mainCon .m-comm .item.pr .tbx{ background-color:rgba(59,69,89,0.85);}
#mainCon .m-comm .news-bx{ position:relative; width:100%; border:#e5e5e5 1px solid; padding:5px 18px 0;}
#mainCon .m-comm .news-bx>h3{ font-size:16px; color:#000; font-weight:600; line-height:40px; padding:0; border-bottom:#e5e5e5 1px solid; margin:0 0 7px 0; }
#mainCon .m-comm .news-bx ul li img{ display:none;}
#mainCon .m-comm .news-bx ul li strong{ font-size:14px; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; }
#mainCon .m-comm .news-bx ul li span{ margin:5px 0 15px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; }
#mainCon .m-comm .news-bx ul li em{ color:#414141; font-size:12px; display:block;}
#mainCon .m-comm .news-bx ul li a{ display:block;}
#mainCon .m-comm .news-bx ul li a:hover *{ color:#e00529;}
#mainCon .m-comm .news-bx .btMore{ position:absolute; top:12px; right:18px; width:20px; height:20px; background:url(../images/main/bt_more.png) 50% 50% no-repeat; background-size:100%; text-indent:-9999px; display:block;}

#mainCon .m-comm .media-bx { overflow: hidden; margin-top: 10px; }
#mainCon .m-comm .media-bx div > div { width: 85vw; display: inline-block; }
#mainCon .m-comm .media-bx div > div + div { margin-left: 15px; }
#mainCon .m-comm .media-bx .img-wrap a { position: relative; display: block; width: 100%; height: 100%; }
#mainCon .m-comm .media-bx .img-wrap .thum { position: relative; display: block; padding-bottom: 56%; }
#mainCon .m-comm .media-bx .img-wrap .thum::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: url(../images/common/icon_video.png) no-repeat center/cover; }
#mainCon .m-comm .media-bx .img-wrap .thum img { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
#mainCon .m-comm .social-bx { position: relative; width: 100%; padding: 15px 0; }
#mainCon .m-comm .social-bx ul { overflow: hidden; text-align: center; }
#mainCon .m-comm .social-bx ul li { width: 46px; display: inline-block; text-align: center; color: #ffffff; margin: 0 15px; }
#mainCon .m-comm .social-bx ul li a { display: block; }
#mainCon .m-comm .social-bx ul li img { display: block; margin: 0 auto; }

@media screen and (max-width:412px) {
	#mainCon .sm{ display:block !important;}
	#mainCon .nsm{ display:none !important;}
	#mainCon .tit-area>h2{ font-size:22px; line-height:1; padding:18px 0 8px;font-family:'Nanum Square' ,'돋움',Dotum, Gulim, serif}
	#mainCon .section03 .creat-bx .item .tbx .tit{ font-size:20px; }
	#mainCon .section03 .creat-bx .item .tbx .txt{ font-size:11px;}

	#mainCon .m-comm .item{ position:relative; display:block; float:left; width:49%; height:80px; overflow:hidden; margin:0 0 0 1%; padding:0;}
	#mainCon .m-comm .item img{ display:block;}
	#mainCon .m-comm .item .tbx{ position:absolute; bottom:0; left:0; width:100%; padding:0 0 0 14px; height:44px; line-height:44px; color:#fff; display:block; font-size:14px;}
	#mainCon .m-comm .item.life .tbx{ background-color:rgba(224,5,41,0.85);}
	#mainCon .m-comm .item.pr .tbx{ background-color:rgba(59,69,89,0.85);}
	#mainCon .m-comm .news-bx{ position:relative; width:100%; height:auto; border:#e5e5e5 1px solid; padding:5px 18px 15px;}
	#mainCon .m-comm .news-bx>h3{ font-size:15px; color:#000; font-weight:600; line-height:40px; padding:0; border-bottom:none; margin:0 }
	#mainCon .m-comm .news-bx ul li strong{ font-size:12px; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; }
	#mainCon .m-comm .news-bx ul li span{ display:none;}
	#mainCon .m-comm .news-bx ul li em{display:none;}
	#mainCon .m-comm .news-bx .btMore{ position:absolute; top:22px; right:18px; width:20px; height:20px; background:url(../images/main/bt_more.png) 50% 50% no-repeat; background-size:100%; text-indent:-9999px; display:block;}
}
@media screen and (min-width:768px) {
	#mainCon .sm{ display:block !important;}
	#mainCon .nsm{ display:none !important;}
	#mainCon .m-comm .ir-bx{ padding:18px;}
	#mainCon .m-comm .ir-bx>iframe{ width:100%; height:200px;}
}

/************************************************
	bbs
************************************************/
table.data{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-top:#333 2px solid; background-color:#fff;}
table.data thead th{ border-bottom:#e1e3e6 1px solid; border-left:#e1e3e6 1px solid; padding:12px 0; color:#333; font-size:12px; font-weight:400; vertical-align:middle; text-align:center; background-color:#eceef1;}
table.data tbody td{ border-bottom:#e1e3e6 1px solid; border-left:#e1e3e6 1px solid; padding:12px; color:#333; font-size:12px; vertical-align:middle; text-align:center;}
table.data .brdL-n{ border-left:none;}
table.data .brdB{ border-bottom:#acacac 1px solid;}
table.data .l{ padding-left:20px;}
table.data .cost{ text-align:right; padding-right:30px;}
table.data .total td{ background-color:#f9fafc; font-weight:600;}
table.data tr:last-child td{ border-bottom:#acacac 1px solid;}

.list-type{ border-top:#333 2px solid;}
.list-type li{ position:relative; border-bottom:#e5e5e5 1px solid;}
.list-type li a{ display:block; padding:15px 35px 15px 0;}
.list-type li a:after{ content:""; position:absolute;  top:50%; right:0; margin:-15px 0 0 0; width:29px; height:29px; border:#e0e0e0 1px solid; display:block; background:url(../images/common/icon_dw2.png) 50% 50% no-repeat; background-size:11px 13px;}
.list-type li a .tit{ display:block; color:#121212; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap;}
.list-type li a .tbx{ display:block; color:#666; margin:5px 0 0 0;}
.list-type li a .tbx em{ position:relative; display:inline-block;}
.list-type li a .tbx em+em{ margin:0 0 0 6px; padding:0 0 0 6px; }
.list-type li a .tbx em+em:before{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; background-color:#e5e5e5; display:block;}

/* 배당정보 리스트  추가  */
.dividend .list-type li { overflow: hidden; }
.dividend .list-type li a { float: left; width: 100%; }
.dividend .list-type li a:after { content: none; }
.dividend .list-type li .down { width: 29px; height: 29px; position:absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/common/icon_dw2.png) 50% 50% no-repeat; text-indent: -999999px; background-size: 11px 13px; border: #e0e0e0 1px solid; }
.dividend .bntMore { clear: both; }
.dividend .tc .btn-box a:after{ content:""; width:13px; height:13px; background:url(../images/common/blt_link.png) 50% 50% no-repeat; background-size:13px 13px; display:inline-block; vertical-align:middle; margin:0 0 0 10px;}

.dividend-view .view-tbl .hd { overflow: hidden; }
.dividend-view .view-tbl .hd .tit { float: left; margin-bottom: 10px; }
.dividend-view .view-tbl .hd .file { float: right; padding-top: 0; border-top: 0; }
.dividend-view .view-tbl .hd .file strong { top: 0; }
.dividend-view .view-tbl .con { clear: both; }

/* tab */
.tab{ display:table; width:100%; margin:0 0 25px 0;}
.tab li{ display:table-cell; border:#e9e9e9 1px solid;}
.tab li+li{ border-left:none;}
.tab li a{ display:block; padding:12px 0; text-align:center; font-size:11px; color:#333; }
.tab li.active a{ color:#fff; background-color:#e0002a;}
.tab.n2>li{ width:50%;}
.tab.n3>li{ width:33.3%;}
.tab.n4>li{ width:25%;}
.tab.n5>li{ width:20%;}

/* paging */
div.paging{ text-align:center; padding:0; margin:15px 0 0 0; position:relative; clear:both;}
div.paging a,
div.paging span{ display:inline-block; border:#dedede 1px solid; width:32px; height:32px; line-height:32px; text-align:center; margin:0; vertical-align:middle; color:#333; font-weight:600;}
div.paging a.on{ color:#fff; background-color:#df042a; border:#df042a 1px solid;}
div.paging .direction{ position:relative; text-indent:-9999px; border:#dbdbdb 1px solid; }
div.paging .direction:hover{ border:#dedede 1px solid; z-index:2;}
div.paging .direction.fir{ background:#fff url(../images/common/paging_fir.png) 50% 50% no-repeat; background-size:11px 11px;}
div.paging .direction.prev{ background:#fff url(../images/common/paging_prev.png) 50% 50% no-repeat; background-size:7px 11px;}
div.paging .direction.next{ background:#fff url(../images/common/paging_next.png) 50% 50% no-repeat; background-size:7px 11px;}
div.paging .direction.last{ background:#fff url(../images/common/paging_last.png) 50% 50% no-repeat; background-size:11px 11px;}
@media (max-width:320px) {
	div.paging a,
	div.paging span{ display:inline-block; border:#dedede 1px solid; width:28px; height:28px; line-height:28px; text-align:center; margin:0; vertical-align:middle; color:#333; font-weight:600;}
	#mainCon .section02 .m-cor .right .item:after {width: 32px; }
	#mainCon .section02 .m-cor .right .item {font-size: 13px; height: 43px; line-height: 43px; }
}

/* search */
.noTxt{ text-align:center; font-size:16px; color:#aaa;}
.noTxt:before{ content:""; width:110px; height:110px; background:url(../images/common/ic_notxt.png) 50% 50% no-repeat; background-size:100%; display:block; margin:0 auto 10px;}
.sch-result{ position:relative; width:100%; padding:10px 15px 40px; z-index:4;}
.sch-result .form{ position:relative; padding:0 50px 0 0; margin:0; border-bottom:#e9e9e9 2px solid;}
.sch-result .form .input{ display:block; width:100%; border:none; line-height:48px; height:48px;}
.sch-result .form .bt-sch{ position:absolute; top:0; right:0; width:48px; height:48px; display:block; background:url(../images/common/bt_search.png) 50% 50% no-repeat; background-size:20px 22px; text-indent:-9999px;}
.sch-result .page-tit{ text-align:center; font-size:23px; font-weight:600; margin:35px 0 10px; color:#121212;}
.sch-result .sch-tx{ color:#aaa; font-size:13px; text-align:center; margin:0 0 25px 0;}
.sch-result .result-list{ border-top:#333 1px solid;}
.sch-result .result-list .item{ padding:20px 0; border-bottom:#e5e5e5 1px solid;}
.sch-result .result-list .item .tit{ color:#121212; font-weight:600; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap;}
.sch-result .result-list .item .tbx{ text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; margin-top:5px;}

/* tbl-hd */
.tbl-hd{ position:relative; padding:0 0 0 104px;}
.tbl-hd .select{ position:absolute; top:0; left:0; min-width:100px; width:100px; height:40px; line-height:40px; border:#ddd 1px solid; padding:0 24px 0 5px; background:url(../images/common/blt_select2.png) 100% 50% no-repeat; background-size:24px 8px; -webkit-appearance:none;}
.tbl-hd .sch-grp{ border:#ddd 1px solid; width:100%; padding:0 40px 0 0;}
.tbl-hd .sch-grp .input{ width:100%; height:38px; line-height:38px; border:none; }
.tbl-hd .sch-grp .bt-sch{ position:absolute; top:0; right:0; display:block; text-indent:-9999px; width:38px; height:38px; background:url(../images/common/ic_search.png) 50% 50% no-repeat; background-size:20px 20px;}

.bbs-ic{ margin:12px 0 0; text-align:right;}
.bbs-ic [class^="typ-"],
.bbs-ic [class*="typ-"]{ width:30px; height:30px; display:inline-block; border:#ccc 1px solid; background-repeat:no-repeat; background-position:50% 50%; background-color:#fff; text-indent:-9999px; cursor:pointer;}
.bbs-ic .typ-list{ background-image:url('../images/common/blt_bbs02.png');}
.bbs-ic .typ-gallery{ background-image:url('../images/common/blt_bbs01.png'); margin-left:4px;}
.bbs-ic .typ-list.on{ border-color:#e00529; background-image:url('../images/common/blt_bbs02_on.png'); background-size:14px auto;}
.bbs-ic .typ-gallery.on{ border-color:#e00529; background-image:url('../images/common/blt_bbs01_on.png'); background-size:14px auto;}

/* list-typ01 */
.list-typ01{ border-top:#333 2px solid; margin:12px 0 0 0;}
.list-typ01 .item .thum,
.list-typ01 .item .tbx .txt{ display:none; }
.list-typ01 .item{ border-bottom:#e5e5e5 1px solid; padding:16px 0;}
.list-typ01 .item .tbx .tit{ font-size:13px; color:#333; display:block; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap;}
.list-typ01.gallery{ border-top:none;}
.list-typ01.gallery .item{ border-bottom:none; padding:0;}
.list-typ01.gallery .item .thum{ display:block; }
.list-typ01.gallery .item .thum img{ display:block; width:100%;}
.list-typ01.gallery .item .tbx{ display:block; padding:18px; border:#e5e5e5 1px solid; border-top:none;}
.list-typ01.gallery .item.no-img .tbx{ border:#e5e5e5 1px solid; }
.list-typ01.gallery .item .tbx .tit{ font-size:13px; color:#333; display:block;}
.list-typ01.gallery .item .tbx .txt{ margin:5px 0; display:block; overflow:hidden; height:40px;}
.list-typ01.gallery .item+.item{ margin-top:25px;}

.list-typ01.fixed .item .thum { position: relative;  }
.list-typ01.gallery.fixed .item .thum { padding-bottom: 56.25%; overflow: hidden; }
.list-typ01.fixed .item .thum::after { content: ""; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 40px; }
.list-typ01.fixed .item .thum.thum-video::after { background-image: url(../images/common/icon_video.png); }
.list-typ01.fixed .item .thum.thum-img::after { background-image: url(../images/common/icon_thumb.png); }
.list-typ01.fixed .item .thum img{ position: absolute; left: 0; top: 50%; width: 100%; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.bntMore{  margin:15px 0 0 0;}
.bntMore a{ border:#d3d3d3 1px solid; width:100%; height:40px; line-height:40px; display:block; margin:0; text-align:center;}
.bntMore a:after{ content:""; width:10px; height:10px; display:inline-block; background:url(../images/common/blt_plus.png) 50% 50% no-repeat; background-size:10px 10px; vertical-align:middle; margin:0 0 0 5px;}

/* view-tbl */
.view-tbl{ border-top:#333 2px solid; background-color:#fff;}
.view-tbl .hd{ padding:20px 0 0; border-bottom:#e5e5e5 1px solid;}
.view-tbl .hd .tit{ color:#333; font-weight:600;}
.view-tbl .hd .hd-tx{ margin-top:5px;}
.view-tbl .hd .hd-tx span{ display:inline-block;}
.view-tbl .hd .file{ position:relative; border-top:#e5e5e5 1px solid; padding:10px 0 10px 57px;}
.view-tbl .hd .file strong{ position:absolute; top:10px; left:0; color:#333;}
.view-tbl .hd .file a{ position:relative; display:block; padding:0 35px 0 0;}
.view-tbl .hd .file a:after{ content: ""; position: absolute; top: 50%; right: 0; margin-top:-14px; width:28px; height:28px; background: url(../images/common/icon_dw_on.png) 50% 50% no-repeat; display: block; border: #e5e5e5 1px solid;}
.view-tbl .con{ padding:15px 0;}


.view-tbl .con .video-wrap { position: relative; width: 100%; padding-bottom: 56.25%; }
.view-tbl .con iframe.video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.view-tbl .con .gallery-top .swiper-controller { text-align: right; padding-bottom: 15px; }
.view-tbl .con .gallery-top .swiper-button-next,.view-tbl .con .gallery-top  .swiper-button-prev { position: relative; margin: 0 10px;  display: inline-block; width: 20px; height: 20px; background-image: none; }
.view-tbl .con .gallery-top .swiper-button-next::after , .view-tbl .con .gallery-top .swiper-button-prev::after { content: ""; position: absolute; left: 0; top: 50%; width: 14px; height: 14px; border-style: solid; border-width: 3px 3px 0 0; border-color: #000000; }
.view-tbl .con .gallery-top .swiper-button-next::after { transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); }
.view-tbl .con .gallery-top .swiper-button-prev::after { transform: translateY(-50%) rotate(-135deg); -webkit-transform: translateY(-50%) rotate(-135deg); -moz-transform: translateY(-50%) rotate(-135deg); -ms-transform: translateY(-50%) rotate(-135deg); -o-transform: translateY(-50%) rotate(-135deg); }

.view-tbl .con .gallery-top .swiper-slide { position: relative; text-align: center; padding-bottom: 56.25%; }
.view-tbl .con .gallery-top .swiper-slide img { position: absolute; left: 50%; top: 50%; height: 100%; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); -o-transform: translate(-50% , -50%); }
.view-tbl .con .gallery-top .swiper-slide .dw-img { position: absolute; right: 20px; bottom: 20px; width: 30px; height: 30px; background-color: rgba(255,255,255,0.4); background-image: url(../images/common/icon_dw3.png); background-position: center; background-repeat: no-repeat; background-size: 21px; }
.view-tbl .con .btn-wrap { margin-top: 20px; }
.view-tbl .con .btn-wrap .dw-all { position: relative; display: block; border: #ccc 1px solid; line-height: 47px; height: 47px; padding: 0 40px 0 30px; font-size: 15px; color: #333; font-weight: 600; width: 100%; max-width: 310px; text-align: left; margin: 0 auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.view-tbl .con .btn-wrap .dw-all::after {  content: ""; position: absolute; top: 50%; right: 24px; margin-top: -15px; width: 29px; height: 29px; display: block; background: url(../images/common/icon_dw2.png) 50% 50% no-repeat; background-size: auto 15px; transform: translateX(-50%);}

/* 이전글/다음글 */
.viewBottomList ul{ display:block; width:100%; border-bottom:#e5e5e5 1px solid;}
.viewBottomList .viewBottomPrev{display:block; padding:0 5px 0 52px; height:45px; line-height:45px; position:relative; border-top:#e5e5e5 1px solid;}
.viewBottomList .viewBottomNext{display:block; padding:0 5px 0 52px; height:45px; line-height:45px; position:relative; border-top:#e5e5e5 1px solid;}
.viewBottomList .orderPrev{ vertical-align:middle; position:absolute; top:0; left:0; width:50px; line-height:45px; font-size:13px; color:#e00529;}
.viewBottomList .orderNext{ vertical-align:middle; position:absolute; top:0; left:0; width:50px; line-height:45px;  font-size:13px; color:#e00529;}
.viewBottomList a{ text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; height:45px; line-height:45px;}
.viewBottomList .viewBottomPrev:hover a,
.viewBottomList .viewBottomNext:hover a{ color:#222; text-decoration:underline;}

/* bpopup */
.bPopup{ width:330px; background-color:#fff; display: none; }
.bPopup .pop-tit{ font-size:15px; padding:0 15px; color:#fff; line-height:50px; height:50px; margin:0; background-color:#e00529; }
/* .bPopup .pop-con{ padding:25px 20px;} */
.bPopup .bt-close{ position:absolute; top:17px; right:17px; text-indent:-9999px; width:24px; height:24px; background:#333 url(../images/common/bt_close.png) 50% 50% no-repeat; background-size:15px 15px; cursor:pointer;}

.bPopup.lg { max-width: 650px; width: 100%; }

/* main-popup */




/* ul */
ul.ul-list01 li{ padding:0 0 0 6px; text-indent:-6px;}
ul.ul-list01 li:before{ content:""; width:2px; height:2px; background-color:#333; display:inline-block; border-radius:50%; margin:0 5px 0 0; vertical-align:middle;}
ul.ul-list01 li+li{ margin-top:3px; }

ul.ul-list02 li{ padding:0 0 0 12px; text-indent:-12px;}
ul.ul-list02 li:before{ content:""; width:4px; height:4px; background-color:#e0072a; display:inline-block; margin:0 8px 0 0; vertical-align:middle;}
ul.ul-list02 li+li{ margin-top:5px; }
/************************************************
	Corporation
************************************************/
/* corp-bx */
.corp-bx .corp01{ padding:25px 0 0; }
.corp-bx .corp01 .tx01,
.corp-bx .corp01 .tx01 *{ }
.corp-bx .corp01 .tx01 strong{ display:block; font-size:20px; color:#333; margin:10px 0 0 0; }
.corp-bx .corp01 .thum{ margin:25px -15px 0; }
.corp-bx .corp01 .thum img{ width:100%;}
.corp-bx .corp01 dl{ margin-top:35px;}
.corp-bx .corp01 dl dt{ font-size:19px; color:#333; font-weight:600; margin:0 0 10px 0; }
.corp-bx .corp01 dl dd{ color:#333;}
.corp-bx .corp01 dl dd .img{ margin:15px 0 0 0;}
.corp-bx .corp01 dl dd .img img{ display:block; width:100%;}
.corp-wr02{ margin:35px 0 0 0;}
.corp-wr02 h3{ font-size:19px; color:#333; font-weight:600; margin:0 0 10px 0;}
.corp-wr02 .tc{ color:#333;}
.corp-wr02 .tc .photo{ display:block; width:100%;}
.corp-wr02 .tc h4{ color:#121212; font-size:17px; font-weight:600; margin:15px 0 8px; line-height:1;}
.corp-wr02 .tc h4 > span { font-size: 14px; font-weight: 500;}
.corp-wr02 .tc .btn-box{ margin-top:15px;}
.corp-wr02 .tc .btn-box a:after{ content:""; width:13px; height:13px; background:url(../images/common/blt_link.png) 50% 50% no-repeat; background-size:13px 13px; display:inline-block; vertical-align:middle; margin:0 0 0 10px;}
.corp-wr02 .tc .btn-box.eco-deco > a:after { content: none !important; }
.corp-wr02 .tc .btn-box.eco-deco { position: relative; }
.corp-wr02 .tc .btn-box.eco-deco div { display: none; position: absolute; left: 155px; /* top: 100%; opacity: 0; transition: all 1s; */ top: 0; z-index: 1; }
.corp-wr02 .tc .btn-box.eco-deco div.active { display:block;  -webkit-animation: slide-down 0.5s ease-out;
    -moz-animation: slide-down 0.5s ease-out; -ms-animation: slide-down 0.5s ease-out;  }
@-webkit-keyframes slide-down {
      0% { opacity: 0; top: 100%; }
    100% { opacity: 1; top: 0; }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; top: 100%; }
    100% { opacity: 1; top: 0; }
}
@-ms-keyframes slide-down {
      0% { opacity: 0; top: 100%; }
    100% { opacity: 1; top: 0; }
}
.corp-wr02 .tc .btn-box.eco-deco div::after { content: ''; width: 15px; height:60px; position: absolute; background:url(../images/corp/relative_line.png) no-repeat; background-size: 100% 100%; top: 20px; left: -15px; }
.corp-wr02 .tc .btn-box.eco-deco div a { display:block; width: 140px; padding: 0; }
.corp-wr02 .tc .btn-box.eco-deco div a + a { margin-top: 20px; }
.corp-wr02 .tc .btn-box.eco-deco div p { word-break: keep-all; margin-top: 5px; font-weight: bold; font-size: 11px; }

.corp-wr02 .tc .btn-box a { min-width: 140px; width:140px; padding:0 !important; }
.btn-gray { background: #878787; border-color: #878787; }



.corp-wr03{ margin:35px 0 0 0;}
.corp-wr03 h3{ font-size:19px; color:#333; font-weight:600; margin:0 0 10px 0;}
.corp-wr03 .map{ margin:0 -15px;}
.corp-wr03 .map img{ display:block; width:100%;}
.corp-wr03 .loc-tx dl{ margin:25px 0 0 0;  padding:0 0 0 24px; background:url(../images/corp/ic_subway.png) 0 3px no-repeat; background-size:14px auto;}
.corp-wr03 .loc-tx dl:first-child{ background:url(../images/corp/ic_loc.png) 0 3px no-repeat; background-size:14px auto;}
.corp-wr03 .loc-tx dl dt{ font-size:15px; color:#121212; font-weight:600; }
.corp-wr03 .loc-tx dl dd{ color:#333;}

/* ceo-bx */
/* .ceo-bx .hd-tx{ margin:0 -15px; padding:35px 18px 0; background:url(../images/corp/ceo_photo.jpg) 100% 0 no-repeat; height:234px; background-size:auto 234px; border-top:#e8ecf2 1px solid; border-bottom:#e8ecf2 1px solid;}
.ceo-bx .hd-tx h3{ color:#e00529; font-size:16px; font-weight:600; }
.ceo-bx .hd-tx strong{ font-size:22px; color:#121212;  display:block; line-height:1.3; margin:5px 0;}
.ceo-bx .hd-tx span{ font-size:12px; color:#666;  display:block; line-height:1.3;}
.ceo-bx .tbx{ margin:35px 0 0 0;}
.ceo-bx .tbx .tx01{ font-size:19px; color:#121212; font-weight:600; }
.ceo-bx .tbx p{ margin:20px 0 0 0; color:#333;}
.ceo-bx .tbx .sign img{ height:22px; float:right;} */
.ceo-bx > .tbx { background-color: #181818; padding: 60px 13.19% 80px; max-width: 720px; }
.ceo-bx > .img-wrap { max-width: 720px; display: block; }
.ceo-bx > .img-wrap img { display: block; }
.ceo-bx > .tbx p { font-size: 26px; color: #eeeeee; }
.ceo-bx > .tbx > .tx02 { color: #eeeeee; }
.ceo-bx > .tbx > .tx02 strong { font-size: 24px; margin-left: 16px; }
.ceo-bx > .tbx > .tx01 { position: relative; padding: 80px 0; margin-bottom: 40px; }
.ceo-bx > .tbx > .tx01::after { content: ""; position: absolute; left: 0; top: 0; width: 63px; height: 50px; background:url(../images/corp/img_ceo_deco.png) no-repeat center; }
.ceo-bx > .tbx > .tx01::before { content: ""; position: absolute; left: 0; bottom: 0; width: 63px; height: 50px; background:url(../images/corp/img_ceo_deco.png) no-repeat center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.ceo-bx .btn-box { max-width: 720px; }
.ceo-bx .btn-box .btn:after { content: ""; width: 13px; height: 13px; background: url(../images/common/blt_link.png) 50% 50% no-repeat; background-size: 13px 13px; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; }
/* history-bx */
.history-bx .tc{ position:relative; z-index:1;}
.history-bx .his-tit h4{ padding:0; border-bottom:#e00529 2px solid;}
.history-bx .his-tit h4 img{ height:24px;}
.history-bx .his-tx{ position:relative; padding:25px 0 25px 68px;}
.history-bx .his-tx h5{ position:absolute; top:30px; left:0;}
.history-bx .his-tx h5 img{ height:20px;}
.history-bx .his-tx li{ position:relative; padding:0 0 0 38px;}
.history-bx .his-tx li .month{ position:absolute; top:0; left:0; width:38px; display:block; color:#e00529; font-weight:600;}
.history-bx .his-tx li .img{ width:165px; margin:5px 0 0 0;}
.history-bx .his-tx+.his-tx{ border-top:#e5e5e5 1px solid;}

/* ci-b01 */
.ci-bx{ color:#333;}
.ci-bx img{ display:block;  width:100%; }
.ci-bx>h4{ color:#333; font-size:19px; font-weight:600; margin:30px 0 10px;}
.ci-b01 .img{ display:block; }
.ci-b01 h4{ color:#333; font-size:19px; font-weight:600; margin:20px 0 5px;}
.ci-b02 dl dd strong{ display:block; font-size:15px; color:#333; font-weight:600; margin:0;  }
.ci-b02 dl+dl{ margin-top:20px;}
.ci-b03{ background-color:#f4f5f9; margin:35px -15px; padding:35px 15px;}
.ci-b03 h4{ color:#333; font-size:19px; font-weight:600; margin:0 0 5px;}
.ci-b04 dl dd strong{ display:block; font-size:15px; color:#333; font-weight:600; margin:0;  }
.ci-b04 dl+dl{ margin-top:20px;}

/* vision-bx */
.vision-bx .tx01{ color:#333; font-size:12px;}
.vision-bx .tx01 strong{ display:block; font-size:19px; color:#333; margin:5px 0 15px;}
.vision-bx .thum{ margin:0 0 10px 0;}
.vision-bx .thum img{ display:block; width:100%;}
.vision-bx .tx02{ color:#333;}
.vision-bx h4{ color:#121212; font-size:19px; font-weight:600; margin:30px 0 10px;}
.vision-bx .prvethum{ position:relative;}
.vision-bx .prvethum img{ display:block; width:100%;}
.vision-bx .prvethum a{ display:block; }
.vision-bx .prvethum a:before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; background-color:rgba(0,0,0,0); }
.vision-bx .prvethum a:after{ content:""; position:absolute; top:50%; left:50%; margin:-28px 0 0 -28px; width:56px; height:56px; display:block; background:url(../images/common/icon_play.png) 50% 50% no-repeat; background-size:100%;}
.vision-bx .prvethum .mov{ display:none;}
.vision-bx .prvethum .mov{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.vision-bx .prvethum .mov iframe,
.vision-bx .prvethum .mov object,
.vision-bx .prvethum .mov embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* global-bx */
.global-bx .map{ margin:20px -15px 0;}
.global-bx .map img{ display:block; width:100%;}

.global-bx2{ margin:47px 0 0 0;}
.global-bx2 table.data thead{ display:none;}
.global-bx2 table.data tbody tr{ padding:13px 0; border-bottom:#e1e3e6 1px solid; display:block;}
.global-bx2 table.data tbody tr td{ display:block; padding:0; border:none;}
.global-bx2 table.data tbody tr td.brdL-n{ color:#333; font-weight:600; text-align:left; margin:0 0 5px 0;}

/* org-bx */
.org-bx{ color:#333;}
.org-bx h4{ margin:35px 0 10px; font-size:19px; color:#121212; }
.org-bx h4:first-child{ margin-top:0;}
.org-bx .org-thum{ margin:15px 0 0 0;}
.org-bx .org-thum img{ width:100%;}
.org-bx .global-link a{ position:relative; display:block; line-height:1.2; height:auto; padding:15px 40px 15px 12px; border:#dedede 1px solid; color:#333;  margin:8px 0 0 0; font-weight:600;}
.org-bx .global-link a:after{ content:""; position:absolute; top:50%; right:10px; margin-top:-15px;width:29px; height:29px; background:url(../images/common/icon_dw2.png) 50% 50% no-repeat; background-size:auto 15px; display:block; border:#d6d6d6 1px solid; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
.org-bx h5{ margin:35px 0 10px; font-size:19px; color:#121212; }
.org-bx .table-wrap { width: 100%; overflow-x: auto; }
.org-bx .tx03 { padding: 32px 24px; background-color: #f9fafc; }
.org-bx .tx03 ul li { padding-top: 8px; padding-bottom: 4px; overflow: hidden; border-bottom: 1px solid #e9eaea; }
.org-bx .tx03 ul li > span { float: left; font-size: 14px;  }
.org-bx .tx03 ul li > span.left { width: 56px; font-weight: 600;  }
.org-bx .tx03 ul li > span.right { width: calc(100% - 56px); }
.org-bx .tx03 ul li > span a { display: inline-block; padding-right: 28px; position: relative; }
.org-bx .tx03 ul li > span a::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 20px; height: 20px; background-image: url(../images/common/icon_dw_on.png); background-repeat: no-repeat; background-position: center; background-size: 10px; border: 1px solid #d40330;  }
.org-people .item{ border-top:#333 1px solid; }
.org-people .item:last-child{ border-bottom:#e5e5e5 1px solid;}
.org-people .item dt{ background-color:#f9fafc; line-height:45px; height:45px; padding:0 14px; font-size:15px; color:#333;  font-weight:600; border-bottom:#e5e5e5 1px solid;}
.org-people .item dt span { padding-left: 5px; font-size: 11px; color: #333333; font-weight: 400; }
.org-people .item dd{ position:relative; padding:15px 55px 15px 10px; min-height:160px;}
.org-people .item dd .photo{ position:absolute; top:15px; right:0; width:95px;}
.org-people .item dd .state li+li{ margin-top:6px;}
.org-people .item dd .state strong{ color:#333; display:inline-block; width:60px;}
.org-people .item dd .ul-list01{ margin-top:10px;}
.org-bx .rating-bx { overflow: hidden; }
.org-bx .rating-bx .box-con { width: calc(50% - 10px); float: left; border: 2px solid #ececec; padding-top: 28px; padding-bottom: 43px; }
.org-bx .rating-bx .box-con:first-child { border: 2px solid #e00529; }
.org-bx .rating-bx .box-con .txt { display: block; font-size: 18px; font-weight: bold; color: #121212; text-align: center; margin-bottom: 29px; }
.org-bx .rating-bx .box-con .grade { display: block; text-align: center; line-height: 0; }


.dbl-bx{ color:#333;}
.dbl-bx h4{ margin:35px 0 10px; font-size:19px; color:#121212; }
.dbl-bx h4:first-child{ margin-top:0;}
.dbl-bx .tx01 { margin-bottom: 10px; }
.dbl-bx .box-line { padding: 15px; border: 1px solid #ebebeb; }
.dbl-bx .box-line h3 { font-weight: bold; font-size: 14px; margin-bottom: 20px; margin-top: 30px; }
.dbl-bx .box-line h3:first-child { margin-top: 0; }
.dbl-bx .box-line h3::before { content: ''; display: inline-block; width:2px; height: 2px; background: #000000; margin-right:4px; vertical-align: middle; }
.dbl-bx .box-line p { font-size: 16px; margin-bottom: 30px; }
.dbl-bx .box-line .img { margin-bottom: 0; }
.dbl-bx .box-line span { display: block; margin-bottom: 10px; }


.manage-bx { color:#333;}
.manage-bx .img-wrap img { width: 100%; }
.manage-bx h4{ margin:35px 0 10px 0; font-size:19px; color:#121212;  }
.manage-bx .btn-box.more-vew .btn + .btn { margin-top: 20px; }
.manage-bx .item-info { overflow: hidden; margin-bottom: 35px; }
.manage-bx .item-info .item { position: relative; float: left; display: block; border: #cccccc 1px solid; border-top: #FF793D 3px solid; padding: 10px; background-color: #fff; width: calc( 50% - 10px ); height: 104px; margin-top: 10px; font-size: 13px; text-align: center; word-break: keep-all; }
.manage-bx .item-info .item + .item { margin-left: 10px; }
.manage-bx .item-info .item:nth-child(2n+1) { margin-left: 0px; }
.manage-bx .item-info .item > span { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); }
.manage-bx .item-info .item > span > span{ display: block; font-weight: 600; font-size: 15px; }
.manage-bx .tbx02 { border:#dedede 1px solid; text-align:center; font-size:15px; color:#333; font-weight:600;  margin:0 0 15px 0; padding: 20px 5px; }
.manage-bx .table-wr { overflow-y: auto; }
.manage-bx table.data { table-layout: fixed; }
.manage-bx table.data .font14 { font-size: 14px !important; }
.manage-bx table.data .font16 { font-size: 16px !important; }
.manage-bx table.data .font18 { font-size: 18px !important; }
.manage-bx table.data .font20 { font-size: 20px !important; }
.manage-bx table.data .bold { font-weight: 600 !important; }
.manage-bx table.data .brdB { border-bottom: #acacac 1px solid; }
.manage-bx table.data .color-red { color: #e00529; }
.manage-bx table.data .btn-box { padding-left: 0; margin-top: 10px; }
.manage-bx table.data .btn-box a:after { content: ""; width: 13px; height: 13px; background: url(../images/common/blt_link.png) 50% 50% no-repeat; background-size: 13px 13px; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; }
.bx-more.manage dl , .bx-more.manage dt , .bx-more.manage dd { color: #565656; }
.bx-more.manage dt { font-weight: 600; }
.bx-more.manage dl { margin-bottom: 30px; }

.manage-bx.human .ta-r { text-align: right; }
.manage-bx.human h4 { font-size: 19px; }
.manage-bx.human .img-wrap img { width: auto; }
.manage-bx.human { margin-top: 30px; }
.manage-bx.human .rule-wrap li { width: 100%; padding: 30px 20px; overflow: hidden; border-bottom: 1px solid #d6d6d6; }
.manage-bx.human .rule-wrap li:last-child { border-bottom: none; }
.manage-bx.human .rule-wrap li > div { float: left; }
.manage-bx.human .rule-wrap li .img-wrap { width: 40px; height: 40px; margin-right: 15px; }
.manage-bx.human .rule-wrap li .txt-wrap { width: calc(90% - 40px); }
.manage-bx.human .rule-wrap li .txt-wrap p { font-size: 16px; font-weight: bold; color: #2c2c2c; margin-bottom: 7px; }
.manage-bx.human .rule-wrap li .txt-wrap span { font-size: 14px; color: #676767; }
.manage-bx.human ul.ul-list02 li { font-size: 14px; }
/* .manage-bx.human .ch-wrap { border: 1px solid #d5d5d5; height: 50px; padding-left: 14px; padding-top: 6px; margin-top: 30px; }
.manage-bx.human .ch-wrap .img-wrap  { width: 25px; height: 25px; vertical-align: top; display: inline-block; }
.manage-bx.human .ch-wrap p { display: inline-block; font-size: 12px; font-weight: bold; color: #e21335; line-height: 1.5; }
.manage-bx.human .ch-wrap span { display: inline-block; line-height: 1.2; } */
.manage-bx.human .ch-wrap { border: 1px solid #d5d5d5; height: 80px; padding-left: 14px; padding-right: 14px; padding-top: 6px; margin-top: 30px; }
.manage-bx.human .ch-wrap .img-wrap { display: block; text-align: center; }
.manage-bx.human .ch-wrap .img-wrap > .image  { width: 25px; height: 25px; display: inline-block; margin-right: 18px; }
.manage-bx.human .ch-wrap .img-wrap span { display: inline-block; line-height: 1.2; margin-right: 47px; }
.manage-bx.human .ch-wrap p { display: inline-block; font-size: 12px; font-weight: bold; color: #e21335; line-height: 1.5; width: 100%; text-align: center; margin-bottom: 10px; }
.manage-bx.human .tc#tc2 .icon-box { background-color: #f9fafc; padding: 27px 22px; margin-top: 35px; }
.manage-bx.human .tc#tc2 .icon-box > li { width: 100%; height: 270px; border: 1px solid #d5d5d5; padding: 20px; background-color: #fff; margin-bottom: 20px; }
.manage-bx.human .tc#tc2 .icon-box > li:last-child { margin-bottom: 0; }
.manage-bx.human .tc#tc2 .icon-box > li::before { content: ""; display: block; width: 45px; height: 45px; background-repeat: no-repeat; background-size: 45px 45px; margin: 0 auto; }
.manage-bx.human .tc#tc2 .icon-box > li:nth-child(1)::before { background-image: url(../images/corp/human_manage_icon10.png); }
.manage-bx.human .tc#tc2 .icon-box > li:nth-child(2)::before { background-image: url(../images/corp/human_manage_icon11.jpg); }
.manage-bx.human .tc#tc2 .icon-box > li:nth-child(3)::before { background-image: url(../images/corp/human_manage_icon12.jpg); }
.manage-bx.human .tc#tc2 .icon-box > li > strong { margin-top: 25px; margin-bottom: 15px; font-size: 16px; font-weight: bold; color: #e21335; text-align: center; display: block; }
.manage-bx.human .tc#tc2 .icon-box > li > ul > li { font-size: 13px; font-family:'Nanum Square' ,'돋움',Dotum, Gulim, serif; }
.manage-bx.human .tc#tc3>div+div { margin-top: 50px; }
.manage-bx.human .tc#tc3>div dl dt { font-size: 19px; color: #121212; margin: 5px 0; }
.manage-bx.human .tc#tc3>div.right dl dt { padding-left: 0; }
.manage-bx.human .tc#tc3>div.right dl dd { padding: 0; }
.manage-bx.human .tc#tc4 .plan-box { overflow: hidden; }
.manage-bx.human .tc#tc4 .plan-box dl { width: 100%; border: 1px solid #dbdbdb; margin-bottom: 30px; }
.manage-bx.human .tc#tc4 .plan-box dl:last-child { margin-right: 0; }
.manage-bx.human .tc#tc4 .plan-box dt { line-height: 47px; height: 47px; color: #fff; text-align: center; font-size: 20px; font-weight: bold; font-family: 'Nanum Square' ,'돋움',Dotum, Gulim, serif; background-color: #ff783c; padding: 0; border-bottom: 0; }
.manage-bx.human .tc#tc4 .plan-box dd { padding: 20px; height: 224px; }
.manage-bx.human .tc#tc4 .plan-box dd li:first-child { font-size: 14px; font-weight: bold; color: #df022a; margin-bottom: 10px; }
.manage-bx.human .tc#tc4 .plan-box dd li:first-child::before { content: none; }
.manage-bx.human .tc#tc4 .plan-box dd li { font-size: 15px; }
.manage-bx.human .tc#tc4 table.data tbody tr.bg-ffe9df th,
.manage-bx.human .tc#tc4 table.data tbody tr.bg-ffe9df td { background-color: #ffe9df; }
.manage-bx.human .tc#tc4 table.data tbody tr.bg-ffe9df th { border-bottom: 1px solid #acacac; }
.manage-bx.human .tc#tc4 table.data tbody tr.bg-ffe9df td:nth-child(2) { border-left: none; }
.manage-bx.human .tc#tc4 table.data tbody th { border-bottom: 1px solid #e1e3e6; }
.manage-bx.human .tc#tc4 table.data tbody tr:last-child th { border-bottom: 1px solid #acacac; }

@media screen and (max-width: 390px) {
	.manage-bx.human .ch-wrap { padding-left: 12px; padding-right: 12px; }
	.manage-bx.human .ch-wrap .img-wrap > .image { margin-right: 0; }
	.manage-bx.human .ch-wrap .img-wrap span { margin-right: 0; }
}

/* csm01-bx */
.csm01-bx{ color:#333;}
.csm01-bx .tx01 strong{ color:#333; font-size:19px;  margin:0 0 5px 0; font-weight:600; display:block; letter-spacing:-0.05em;}
.csm01-bx .tx02 h4{ margin:35px 0 10px; color:#121212; font-size:19px; }
.csm01-bx .tx02 strong{ color:#e00529; display:block; margin:0 0 5px 0;}
.csm01-bx .tx02 img{ display:block; margin-top:10px;}
.csm-tw{ margin:40px 0 0 0;}
.csm-tw h4{ margin:0 0 10px; color:#121212; font-size:19px; }
.csm-tw .tc dl{ margin:0 0 35px 0;}
.csm-tw .tc dl dt{ font-size:15px; color:#333; border-bottom:#ccc 1px solid; line-height:45px; height:45px; margin:0 0 10px 0; font-weight:600;  }
.csm-tw .tc > div > img { width: 100%; }

.csm02-bx{ color:#333;}
.csm02-bx img{ width:100%;}
.csm02-bx h4{ margin:35px 0 10px; font-size:19px; color:#121212; }
.csm02-bx .tx0102{ margin:35px 0 0 0;}
.csm02-bx .tx0102 dt{ font-size:15px; color:#e00529; font-weight:600;  margin:0 0 10px 0; letter-spacing:-0.05em;}
.csm02-bx .tx0102 dd p{ text-align:right; margin-top:15px;}
.csm02-bx .tx0201 .btVew{ border:#e5e5e5 1px solid; height:36px; line-height:36px; text-align:center; display:block; margin:5px 0 0 0; font-weight:600;}
.csm02-bx .tx0202{ margin:35px 0 0 0; text-align:center;}
.csm02-bx .tx0301+.tx0301{ margin-top:35px;}
.csm02-bx .tx0301 h5{ font-size:15px; color:#333; font-weight:600;  margin:0 0 10px 0; letter-spacing:-0.05em;}
.csm02-bx .tx0301 .global-link { margin-top: 30px; }
.csm02-bx .tx0301 .global-link a{ position:relative; display:block; line-height:1.2; height:auto; padding:15px 40px 15px 12px; border:#dedede 1px solid; color:#333;  margin:8px 0 0 0; font-weight:600;}
.csm02-bx .tx0301 .global-link a:after{ content:""; position:absolute; top:50%; right:10px; margin-top:-15px;width:29px; height:29px; background:url(../images/common/icon_dw2.png) 50% 50% no-repeat; background-size:auto 15px; display:block; border:#d6d6d6 1px solid; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }


.csm02-bx .duty h4 { color:#e00529; margin-top: 20px; font-size: 16px; }
.csm02-bx .duty h4:before { content: ''; width: 10px; height: 10px; display:inline-block; background: #e00529; margin-right:8px; vertical-align: middle; margin-top: -4px;  }
.csm02-bx .duty .tx0102 dt{ color:#121212; margin-top: 10px; }
.csm02-bx .duty .tx0102 { margin-top: 0; }
.csm02-bx .new-tit { margin-bottom: 10px; }
.csm02-bx .new-tit strong { font-size: 16px; }

.csm02-bx .tc .tx0402,
.csm02-bx .tc .tx0403,
.csm02-bx .tc .tx0404{ margin:40px 0 0 0;}
.csm02-bx .tc .tx0402 h5,
.csm02-bx .tc .tx0403 h5,
.csm02-bx .tc .tx0404 h5{ font-size:15px; color:#121212; margin:0 0 10px 0; }
.csm02-bx .tc .tx0402>dl dt{ position:relative; border:#dedede 1px solid; margin-top:5px; padding:0 14px; }
.csm02-bx .tc .tx0402>dl dt:after{ content:""; position:absolute; top:50%; right:18px; margin-top:-3px; width:11px; height:6px; display:block; background:url(../images/corp/blt_down.png) 50% 50% no-repeat; background-size:11px 6px;}
.csm02-bx .tc .tx0402>dl dt button{ line-height:47px; height:47px; padding:0 40px 0 0; font-size:15px; color:#333; font-weight:600;  display:block; width:100%; text-align:left; cursor:pointer;}
.csm02-bx .tc .tx0402>dl dt.active{ border-bottom:none;}
.csm02-bx .tc .tx0402>dl dt.active:after{ content:""; background:url(../images/corp/blt_up.png) 50% 50% no-repeat; background-size:11px 6px;}
.csm02-bx .tc .tx0402>dl dt.active button{ color:#e00529; border-bottom:#e00529 1px solid;}
.csm02-bx .tc .tx0402>dl dd{ border:#dedede 1px solid; border-top:none; padding:20px 14px;}
.csm02-bx .tc .tx0403>ul{ margin:0; overflow:hidden;}
.csm02-bx .tc .tx0403>ul>li{ position:relative; width:100%; border:#dedede 1px solid; margin:0; padding:15px 12px; }
.csm02-bx .tc .tx0403>ul>li+li{ margin-top:6px;}
.csm02-bx .tc .tx0403>ul>li:before{ content:""; position:absolute; top:50px; left:14px; margin:0; display:block; width:40px; height:40px; background-repeat:no-repeat; background-size:40px 40px;}
.csm02-bx .tc .tx0403>ul>li.m1:before{ background-image:url(../images/corp/csm02_t04_ic1.gif);}
.csm02-bx .tc .tx0403>ul>li.m2:before{ background-image:url(../images/corp/csm02_t04_ic2.gif);}
.csm02-bx .tc .tx0403>ul>li.m3:before{ background-image:url(../images/corp/csm02_t04_ic3.gif);}
.csm02-bx .tc .tx0403>ul>li.m4:before{ background-image:url(../images/corp/csm02_t04_ic4.gif);}
.csm02-bx .tc .tx0403>ul>li.m5:before{ background-image:url(../images/corp/csm02_t04_ic5.gif);}
.csm02-bx .tc .tx0403>ul>li.m6:before{ background-image:url(../images/corp/csm02_t04_ic6.gif);}
.csm02-bx .tc .tx0403>ul>li.m7:before{ background-image:url(../images/corp/csm02_t04_ic7.gif);}
.csm02-bx .tc .tx0403>ul>li.m8:before{ background-image:url(../images/corp/csm02_t04_ic8.gif);}
.csm02-bx .tc .tx0403>ul>li.m9:before{ background-image:url(../images/corp/csm02_t04_ic9.gif);}
.csm02-bx .tc .tx0403>ul>li.m10:before{ background-image:url(../images/corp/csm02_t04_ic10.gif);}
.csm02-bx .tc .tx0403>ul>li strong{ color:#e00529; display:block;  font-size:15px; text-align:left;}
.csm02-bx .tc .tx0403>ul>li>ul{ padding:5px 0 0 65px; min-height:50px;}
.csm02-bx .tc .tx0404 dl dt{ color:#e00529; font-size:15px;  font-weight:600;}
.csm02-bx .tc .tx0404 dl dd{ overflow:hidden;}
.csm02-bx .tc .tx0404 dl dd ul li{ text-indent:-8px; padding:0 0 0 8px;}

.csm02-bx .tc .tx05.box-line { border: 1px solid #dedede; padding: 4%; margin-bottom: 45px; }
.csm02-bx .tc .mb8 { margin-bottom: 8px; }
.csm02-bx .tc .mb25 { margin-bottom: 15px; }
.csm02-bx .tc .mb40 { margin-bottom: 20px; }
.csm02-bx .tc .mb70 { margin-bottom: 45px; }
.csm02-bx .tc .tx05 p { font-size: 14px; }
.csm02-bx .tc .tx05 dl dd { font-size: 14px; }
.csm02-bx .tc .tx05 .bull { padding-left: 14px; font-weight: bold; }
.csm02-bx .tc .tx05 .bull dd {  position: relative; margin-bottom: 10px; }
.csm02-bx .tc .tx05 .bull dd:last-child { margin-bottom: 0;  }
.csm02-bx .tc .tx05 .bull dd::before { content: '';  position: absolute; width: 4px; height: 4px; background: #000; left: -12px; top: 12px; }
.csm02-bx .tc .tx05 .bull.none dd::before { content: none; }
.csm02-bx .tc .tx05 .bull.none dd { font-size: 14px; color: #333333; font-weight: 400;  }
.csm02-bx .tc .tx05 .bull.type2 dd { font-weight: 400; font-size: 14px; margin-bottom: 0; }
.csm02-bx .tc .tx05 .bull.type2 dd::before { width: 2px; height: 2px; left: -14px; top: 10px;  }
.csm02-bx .tc .tx05 .img-2 { margin-top: 25px; margin-bottom: 8px; }

.csm01-bx.climate p, .csm01-bx.climate span, .csm01-bx.climate strong { color: #121212; }
.csm01-bx.climate h4 { margin-top: 35px; font-size: 28px; font-weight: 700; color: #607628; }
.csm01-bx.climate strong { display: block; font-size: 20px; font-weight: 700; margin-top: 32px; margin-bottom: 30px; }
.csm01-bx.climate strong.tit { margin-top: 0; padding-left: 20px; }
.csm01-bx.climate p { font-size: 16px; letter-spacing: -0.64px; }
.csm01-bx.climate p.font14 { font-size: 14px; }
.csm01-bx.climate p > span.sup { font-size: 14px; }
.csm01-bx.climate .bd-bx { border: 2px solid #ebebeb; padding: 52px 24px; margin-top: 32px; }
.csm01-bx.climate .bd-bx > div { position: relative; overflow-x: auto; }
.csm01-bx.climate .bd-bx > div > img { min-width: 990px; }
.csm01-bx.climate .bd-bx.w-caption { overflow-x: auto; }
.csm01-bx.climate .bd-bx.w-caption .bd-bx-inner { overflow-x: initial; min-width: 990px; }
.csm01-bx.climate .bd-bx.w-caption > div .caption { position: absolute; right: 20px; bottom: 24px; }
.csm01-bx.climate .list-wrap { overflow: hidden; margin-top: 78px; }
.csm01-bx.climate .list-wrap li { width: 100%; height: 355px; background-color: #f9fafc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; padding: 32px 39px 45px; background-image: url(../images/corp/climate_img03.png); background-repeat: no-repeat; background-position: right 39px bottom 30px; }
.csm01-bx.climate .list-wrap li:last-child { margin-top: 12px; background-image: url(../images/corp/climate_img04.png); }
.csm01-bx.climate .list-wrap li > p { font-size: 20px; font-weight: 800; margin-bottom: 24px; }
.csm01-bx.climate .list-wrap li > div > p { font-size: 18px; line-height: 22px; }
.csm01-bx.climate .list-wrap li > div > p:first-child { font-weight: 700; }
.csm01-bx.climate .list-wrap li > div > p > span { color: #d90832; }
.csm01-bx.climate .bc-bx { padding: 51px 24px; background-color: #f9fafc; margin: 30px 0; }
.csm01-bx.climate .bc-bx > p { font-weight: 400; margin-bottom: 24px; font-size: 14px; }
.csm01-bx.climate .bc-bx .scenario-bx { border: 1px solid #d5d5d5; background-color: #fff; }
.csm01-bx.climate .bc-bx .scenario-bx > li { position: relative; padding: 30px; }
.csm01-bx.climate .bc-bx .scenario-bx > li + li { border-top: 1px solid #d5d5d5; }
.csm01-bx.climate .bc-bx .scenario-bx > li > p { font-weight: bold; }
.csm01-bx.climate .bc-bx .scenario-bx li > strong { width: 72px; height: 72px; line-height: 72px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 22px; font-weight: 700; color: #fff; margin: 0 auto 24px; }
.csm01-bx.climate .bc-bx .scenario-bx li:nth-child(2) > strong { background-color: #c60513; }
.csm01-bx.climate .bc-bx .scenario-bx li:nth-child(3) > strong { background-color: #e2943c; }
.csm01-bx.climate .bc-bx .scenario-bx li:nth-child(4) > strong { background-color: #3e7819; }
.csm01-bx.climate .bc-bx .scenario-bx > li > ul > li { position: relative; padding-left: 8px; font-size: 14px; color: #000; letter-spacing: -0.64px; }
.csm01-bx.climate .bc-bx .scenario-bx > li > ul > li::before { content: ""; display: inline-block; width: 2px; height: 2px; background-color: #5e5e5e; position: absolute; top: 11px; left: 0; }

/* ethic-wr */
.ethic-wr img{ width:100%;}
.ethic-wr .tx01{ background:url(../images/corp/ethic_img01.jpg) 100% 100% no-repeat; background-size:auto 100px; border-top:#e9e9e9 1px solid; border-bottom:#e9e9e9 1px solid; margin:0 -15px; padding:20px 15px 110px;}
.ethic-wr .tx01 strong{ color:#333; margin-top:10px; display:block; font-size:19px;}
.ethic-wr dl{ margin:35px 0 0 0;}
.ethic-wr dl dt{ font-size:19px; color:#121212; font-weight:600;  margin:0 0 10px 0;}
.ethic-wr dl dd{ color:#333;}
.ethic-wr dl dd img{ margin:10px 0 0 0; display:block;}

.ethic01-bx h4{ font-size:19px; color:#121212; margin:35px 0 10px 0; }
.ethic01-bx .creat-info { overflow: hidden; margin-bottom: 35px; }
.ethic01-bx .creat-info .item { position: relative; float: left; display: block; border: #cccccc 1px solid; border-top: #FF793D 3px solid; padding: 10px; background-color: #fff; width: calc( 50% - 10px ); height: 84px; margin-top: 10px; font-size: 13px; text-align: center; word-break: keep-all; }
.ethic01-bx .creat-info .item + .item { margin-left: 10px; }
.ethic01-bx .creat-info .item:nth-child(2n+1) { margin-left: 0px; }
.ethic01-bx .creat-info .item > span { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); }
.ethic01-bx .creat-info .item > span > span{ display: block; font-weight: 600; font-size: 16px; }
.ethic01-bx .tx01 {  margin-bottom: 25px;  }
.ethic01-bx .tx02 { overflow: hidden; background-color: #f9fafc; padding: 63px 10px; margin-bottom: 35px;  }
.ethic01-bx .tx02 .fl-l { margin-bottom: 56px; text-align: center; }
.ethic01-bx .tx02 dl { font-size: 16px; margin-bottom: 35px; }
.ethic01-bx .tx02 dl dt { font-weight: 600; margin-bottom: 10px; }
.ethic01-bx .tx02 dl dd { line-height: 26px; position: relative; padding-left: 9px; }
.ethic01-bx .tx02 dl dd:before { content: "·"; position: absolute; left: 0; top: 0;  }
.ethic01-bx .tx03 { margin-bottom: 25px; }
.ethic01-bx .tx03 span { color: #d90432; font-weight:600; }
.ethic01-bx .tx04 { overflow: hidden; margin-bottom: 35px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ethic01-bx .tx04 dl { border: 1px solid #dedede; }
/* .ethic01-bx .tx04 dl { float: left; width: calc( 50% - 10px ); margin-top: 10px; border: 1px solid #dedede; }
.ethic01-bx .tx04 dl + dl { margin-left: 10px; }
.ethic01-bx .tx04 dl:nth-child(2n+1) { margin-left: 0px; } */
.ethic01-bx .tx04 dt { width: 100%; color: #fff; background-color: #f97b42; height: 80px; text-align: center; font-weight: 600; word-break: keep-all;}
.ethic01-bx .tx04 dd { font-size: 13px; padding: 10px; padding-bottom: 1em; }
.ethic01-bx .tx04 dl dt { position: relative; }
.ethic01-bx .tx04 dl dt span { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); }
.ethic01-bx .tx05{ border:#dedede 1px solid; line-height:65px; height:65px; text-align:center; font-size:15px; color:#333; font-weight:600;  margin:0 0 15px 0;}
.ethic01-bx .tx06{ overflow:hidden; border-top:#dedede 1px solid; border-right:#dedede 1px solid; }
.ethic01-bx .tx06 li{ position:relative; width:50%; float:left; padding:95px 12px 0; height:220px; border-left:#dedede 1px solid; border-bottom:#dedede 1px solid; text-align:left; font-size:12px;}
.ethic01-bx .tx06 li strong{ display:block; font-size:15px; color:#333;  text-align:center;}
.ethic01-bx .tx06 li:before{ content:""; position:absolute; top:20px; left:50%; margin-left:-33px; width:65px; height:60px; display:block; background-repeat:no-repeat; background-size:65px 60px;}
.ethic01-bx .tx06 li.m1:before{ background-image:url(../images/corp/ethic01_ic0101.gif);}
.ethic01-bx .tx06 li.m2:before{ background-image:url(../images/corp/ethic01_ic0102.gif);}
.ethic01-bx .tx06 li.m3:before{ background-image:url(../images/corp/ethic01_ic0103.gif);}
.ethic01-bx .tx06 li.m4:before{ background-image:url(../images/corp/ethic01_ic0104.gif);}
.ethic01-bx .tx07{ overflow:hidden;}
.ethic01-bx .tx07 li{ position:relative; width:100%; padding:15px 15px 10px 95px; border:#dedede 1px solid; }
.ethic01-bx .tx07 li+li{ margin-top:6px;}
.ethic01-bx .tx07 li strong{ display:block; font-size:15px; color:#333; }
.ethic01-bx .tx07 li:before{ content:""; position:absolute; top:50%; left:26px;width:40px; height:40px; margin-top:-20px; display:block; background-repeat:no-repeat;}
.ethic01-bx .tx07 li.m1:before{ background-image:url(../images/corp/ethic01_ic0201.gif);}
.ethic01-bx .tx07 li.m2:before{ background-image:url(../images/corp/ethic01_ic0202.gif);}
.ethic01-bx .tx07 li.m3:before{ background-image:url(../images/corp/ethic01_ic0203.gif);}
.ethic01-bx .tx07 li.m4:before{ background-image:url(../images/corp/ethic01_ic0204.gif);}
.ethic01-bx .bx-more{ position:relative; background-color:#f9fafc; padding:100px 10px 20px 40px; font-size:14px; text-align:left; display:none;}
.ethic01-bx .bx-more .tbx{ height:240px; overflow-y:auto; padding:0 30px 0 0;}
.ethic01-bx .bx-more .tbx dl.typ1{ display:table; width:100%; margin:30px 0 0 0;}
.ethic01-bx .bx-more .tbx dl.typ1 dt{ display:table-cell; width:88px; font-size:16px; font-weight:600; vertical-align:top;}
.ethic01-bx .bx-more .tbx dl.typ2 dt{ display:block; margin:30px 0 10px; font-size:16px; font-weight:600;}
.ethic01-bx .bx-more .bt-close{ position:absolute; top:30px; left:50%; margin:0 0 0 -24px; background:#d7dae0 url(../images/common/icon_x.png) 50% 50% no-repeat; text-indent:-9999px; border-radius:50%; width:48px; height:48px; display:block;}

.bx-more{ width:320px; background-color:#fff; padding:60px 15px 20px;}
.bx-more .tbx{ height:400px; overflow-y:auto;}
.bx-more .tbx table tr td.ta-l { text-align: left; }
.bx-more .tbx table tr td.bold { font-weight: bold; }
.bx-more .tbx table tr td .desc { font-weight: 400; }
.bx-more .tbx dl.typ1{ display:block; width:100%; margin:30px 0 0 0;}
.bx-more .tbx dl.typ1 dt{ display:block; width:100%; font-size:15px; font-weight:600; vertical-align:top;}
.bx-more .tbx dl.typ2 dt{ display:block; margin:15px 0 5px; font-size:15px; font-weight:600;}
.bx-more .tbx dl.typ2 dd { display: block; font-weight: 700; margin-bottom: 12px; }
.bx-more .tbx dl.typ2 dd > span { font-weight: 400; }
.bx-more .tbx .tbx-con { display: none; }
.bx-more .tbx .tbx-con.active { display: block; }
.bx-more .bt-close{ position:absolute; display:block; text-indent:-9999px; top:13px; right:13px; width:22px; height:22px; background:url(../images/common/bt_x.png) 50% 50% no-repeat; background-size:22px 22px;}

.ethic02-bx h4{ font-size:19px; color:#121212; margin:0 0 10px 0; }
.ethic02-bx .policy-list { padding: 50px 35px 65px 40px; background-color: #f9fafc; margin-top: 32px; }
.ethic02-bx .policy-list > ul > li { position: relative; margin-bottom: 12px; }
.ethic02-bx .policy-list > ul > li > span { display: inline-block; width: 24px; height: 24px; line-height: 24px; background-color: #e0062a; text-align: center; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; font-size: 13px; font-weight: bold; color: #fff; position: absolute; top: 0; left: 0; }.ethic02-bx .policy-list > ul > li > p { padding-left: 35px; font-weight: bold; }
.ethic02-bx .policy-list .sign { text-align: right; margin-top: 60px; }
.ethic02-bx .policy-list .sign span { font-weight: bold; }
.ethic02-bx .subtit{ font-size: 14px; margin-bottom: 35px; font-weight: 600; }
.ethic02-bx .tx01{ color:#333; font-weight:600; margin-bottom: 35px; }
.ethic02-bx .tx02{ margin:20px 0 0 0; overflow:hidden; border-top:#e9e9e9 1px solid;}
.ethic02-bx .tx02 li{ position:relative; width:100%; margin:0; padding:15px 0 15px 85px; border-bottom:#e9e9e9 1px solid; color:#333;}
.ethic02-bx .tx02 li strong{ position:absolute; top:15px; left:0; display:inline-block; padding:0 0 0 26px;}
.ethic02-bx .tx02 li strong:before{ content:""; position:absolute; top:50%; left:0; margin-top:-10px; width:19px; height:192px; display:block; background-repeat:no-repeat; background-size:19px 19px;}
.ethic02-bx .tx02 li.m1 strong:before{ background-image:url(../images/corp/ethic02_ic01.png);}
/* .ethic02-bx .tx02 li.m2 strong:before{ background-image:url(../images/corp/ethic02_ic02.png);} */
.ethic02-bx .tx02 li.m3 strong:before{ background-image:url(../images/corp/ethic02_ic02.png);}
.ethic02-bx .tx02 li.m4 strong:before{ background-image:url(../images/corp/ethic02_ic04.png);}
.ethic02-bx .tx03{ margin:35px 0 0 0;}

.ethic02-bx .tx03 ul { padding-top: 10px; }
.ethic02-bx .tx03 ul li { position: relative; text-indent: 0; }
.ethic02-bx .tx03 ul li+li{ margin-top:8px; }
.ethic02-bx .tx03 ul li .list-num { position: relative; display: inline-block; border-radius: 50%; width: 36px; height: 36px; background-color: #da0431; color: #ffffff; text-align: center; font-size: 18px; line-height: 36px; margin-top: -5px; vertical-align: top; }
.ethic02-bx .tx03 ul li::after { content: ""; position: absolute; left: 23px; top: 0; width: 2px; height: 110%; background-color: #dedede; z-index: -1; }
.ethic02-bx .tx03 ul li:last-child::after { display: none; }
.ethic02-bx .tx03 ul li p { display: inline-block; width: calc( 100% - 36px ); padding-left: 18px; vertical-align: middle; margin-bottom: 16px; }
.ethic02-bx .tx03 ul li::before { display: none; }
.ethic02-bx .tx03 ul strong{ color:#c8092e; }
.ethic02-bx .tx05{ border:#dedede 1px solid; line-height:65px; height:65px; text-align:center; font-size:15px; color:#333; font-weight:600;  margin:0 0 15px 0;}
.ethic02-bx .tx07{ overflow:hidden;}
.ethic02-bx .tx07 li{ position:relative; width:100%; padding:15px 15px 10px 95px; border:#dedede 1px solid; }
.ethic02-bx .tx07 li+li{ margin-top:6px;}
.ethic02-bx .tx07 li strong{ display:block; font-size:15px; color:#333; }
.ethic02-bx .tx07 li:before{ content:""; position:absolute; top:50%; left:26px;width:40px; height:40px; margin-top:-20px; display:block; background-repeat:no-repeat;}
.ethic02-bx .tx07 li.m1:before{ background-image:url(../images/corp/ethic01_ic0201.gif);}
.ethic02-bx .tx07 li.m2:before{ background-image:url(../images/corp/ethic01_ic0202.gif);}
.ethic02-bx .tx07 li.m3:before{ background-image:url(../images/corp/ethic01_ic0203.gif);}
.ethic02-bx .tx07 li.m4:before{ background-image:url(../images/corp/ethic01_ic0204.gif);}
.ethic02-bx .tx07 li.m5:before{ background-image:url(../images/corp/ethic01_ic0205.gif);}
.ethic02-bx .bx-more{ position:relative; background-color:#f9fafc; padding:100px 10px 20px 40px; font-size:14px; text-align:left; display:none;}
.ethic02-bx .bx-more .tbx{ height:240px; overflow-y:auto; padding:0 30px 0 0;}
.ethic02-bx .bx-more .tbx dl.typ1{ display:table; width:100%; margin:30px 0 0 0;}
.ethic02-bx .bx-more .tbx dl.typ1 dt{ display:table-cell; width:88px; font-size:16px; font-weight:600; vertical-align:top;}
.ethic02-bx .bx-more .tbx dl.typ2 dt{ display:block; margin:30px 0 10px; font-size:16px; font-weight:600;}
.ethic02-bx .bx-more .bt-close{ position:absolute; top:30px; left:50%; margin:0 0 0 -24px; background:#d7dae0 url(../images/common/icon_x.png) 50% 50% no-repeat; text-indent:-9999px; border-radius:50%; width:48px; height:48px; display:block;}
/* recruit-wr */
.recruit-wr img{ width:100%;}
.recruit-wr .tx01{ margin:0 -15px; padding:25px 15px 35px; background:url(../images/corp/recruit_img01.png) 100% 100% no-repeat; background-size:auto 84px; border-top:#e9e9e9 1px solid; border-bottom:#e9e9e9 1px solid; color:#333; }
.recruit-wr .tx01 strong{ font-size:17px; display:block; margin:10px 0 0 0;}
.recruit-wr .tx01 strong em{ color:#e00529; font-size:28px; display:block; }
.recruit-wr h4{ font-size:19px; color:#121212; margin:35px 0 10px;}
.recruit-wr h5{ font-size:17px; color:#121212; margin:28px 0 5px;}
.recruit-wr .img{ margin:10px 0 0 0;}

.recruit01-wr{ position:relative; padding:0; }
.recruit01-wr .tx01{ position:relative; font-size:15px; color:#333; padding:25px 15px 35px 15px;  line-height:1.5; margin:0; text-align:left; font-weight:600; border:#e5e5e5 1px solid; background-color:#fbfcfd; }
.recruit01-wr .tx01>p{ font-size:16px;  color:#333; }
.recruit01-wr .tx01:after{ content:""; position:absolute; bottom:16px; left:50%; margin-left:-7px; border:#fff 4px solid; width:15px; height:15px; display:block; background-color:#e00529; }
.recruit01-wr .tx01:before{ content:""; position:absolute; bottom:-16px; left:50%; width:1px; height:32px; background-color:#ccc; display:block; z-index:3; }
.recruit01-wr .tx02{ text-align:center; margin:15px 0 0;}
.recruit01-wr .tx02>p{ background-color:#fff; font-size:15px; color:#333;   line-height:60px; height:60px; text-align:center; font-weight:600; border:#e5e5e5 1px solid; border-bottom:none;}
.recruit01-wr .tx02 ul{ background-color:#fff;  border:#e5e5e5 1px solid;}
.recruit01-wr .tx02 li{ position:relative; display:block; margin:0; padding:20px 28px 20px 130px;}
.recruit01-wr .tx02 li:before{ content:""; position:absolute; display:block; top:50%; left:38px; margin-top:-40px; width:80px; height:80px; background:url(../images/corp/recruit01_img01.png) 50% 0 no-repeat; background-size:80px 80px;}
.recruit01-wr .tx02 li strong{  display:block; padding:0; text-align:left; color:#e00529; font-size:17px; }
.recruit01-wr .tx02 li span{ display:block; text-align:left; color:#333;}
.recruit01-wr .tx02 li:nth-child(2):before{ background:url(../images/corp/recruit01_img02.png) 50% 0 no-repeat; background-size:80px 80px;}
.recruit01-wr .tx02 li:nth-child(3):before{ background:url(../images/corp/recruit01_img03.png) 50% 0 no-repeat; background-size:80px 80px;}
.recruit01-wr .tx02 .bx01{ position:relative; width:210px; height:36px; color:#fff; text-align:center; line-height:36px; font-weight:600; margin:38px auto 0; background-color:#e00529;}
.recruit01-wr .tx02 .bx01:before{ content:""; position:absolute;  top:-25px; left:50%; margin-left:-12px; width:24px; background:url(../images/corp/arr_up.png) 50% 0 no-repeat; background-size:24px 14px; height:14px; display:block;}
.recruit01-wr .tx02 .bx02{ width:210px; height:36px; color:#fff; text-align:center; line-height:36px; font-weight:600; margin:5px auto 0; background-color:#ff783c;}
.recruit01-wr02{ padding:0; margin:0;}
.recruit01-wr02 .tx01{ margin:0;}
.recruit01-wr02 .tx03{ position:relative; margin-top:30px;}
.recruit01-wr02 .tx03 dl{ border:#e5e5e5 1px solid; padding:0 0 25px 0;}
.recruit01-wr02 .tx03 dl+dl{ margin-top:20px; }
.recruit01-wr02 .tx03 dl dt{ height:35px; line-height:35px; background-color:#f9fafc; color:#121212; padding:0; font-size:14px; text-align:center; font-weight:600; margin:0 0 25px 0;}
.recruit01-wr02 .tx03 dl dt:before{ content:""; width:20px; height:15px; margin:0 5px 0 0; display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:20px 15px; background-position:50% 50%;}
.recruit01-wr02 .tx03 dl.tx0301 dt:before{ background-image:url(../images/corp/recruit01_img04.png);}
.recruit01-wr02 .tx03 dl.tx0302 dt:before{ background-image:url(../images/corp/recruit01_img05.png);}
.recruit01-wr02 .tx03 dl dd{ position:relative;}
.recruit01-wr02 .tx03 dl dd+dd{ margin-top:10px;}
.recruit01-wr02 .tx03 dl.tx0301 dd strong{ color:#333;  display:block; text-align:center; }
.recruit01-wr02 .tx03 dl.tx0301 dd div{ padding:5px 15px 0; text-align:center;}
.recruit01-wr02 .tx03 dl.tx0302 dd{ padding:0 25px 0 20px;}
.recruit01-wr02 .tx03 dl.tx0302 dd ul li{ text-indent:-15px; padding:0 0 0 15px;}
.recruit01-wr02 .tx03 dl.tx0302 dd ul li+li{ margin-top:5px;}

/* .recruit02-wr img{ width:100%;} */
.recruit02-wr h4{ font-size:19px; color:#121212; margin:0 0 10px 0;}
.recruit02-wr .process{ background-color:#f9fafc; padding:30px; margin:0 -15px;}
.recruit02-wr .process img{ display:block;}
.recruit02-wr .process02{ margin:30px 0 0 0;}
.recruit02-wr .process02 dl{ padding:20px 0; border-bottom:#e9e9e9 1px solid;}
.recruit02-wr .process02 dl dt{ position:relative; font-size:14px; color:#121212; font-weight:600; padding:0 0 0 20px;  vertical-align:middle; margin:0 0 15px 0;}
.recruit02-wr .process02 dl dt i{ position:absolute; top:0; left:0; display:inline-block; height:15px;}
.recruit02-wr .process02 dl dt i img{ height:15px;}
.recruit02-wr .process02 dl dd{ position:relative; padding:0 0 0 76px; min-height:64px;}
.recruit02-wr .process02 dl dd strong{ color:#121212;}
.recruit02-wr .process02 dl dd:before{ content:""; position:absolute; top:0; left:0; width:64px; height:64px; display:block; background-position:50% 50%; background-repeat:no-repeat; background-size:64px 64px; border:#e8e8e8 1px solid; border-radius:50%;}
.recruit02-wr .process02 dl:nth-child(1) dd:before{ background-image:url(../images/corp/recruit02_ic01.png);}
.recruit02-wr .process02 dl:nth-child(2) dd:before{ background-image:url(../images/corp/recruit02_ic02.png);}
.recruit02-wr .process02 dl:nth-child(3) dd:before{ background-image:url(../images/corp/recruit02_ic03.png);}
.recruit02-wr .process02 dl:nth-child(4) dd:before{ background-image:url(../images/corp/recruit02_ic04.png);}
.recruit02-wr .process02 dl:nth-child(5) dd:before{ background-image:url(../images/corp/recruit02_ic05.png);}
.recruit02-wr .process02 dl:nth-child(6) dd:before{ background-image:url(../images/corp/recruit02_ic06.png);}
.recruit02-wr .process02 dl:nth-child(odd){ clear:both;}
.recruit02-wr .process02 dl dt{ font-size:20px; color:#333; margin:0 0 10px 0; font-weight:600;  line-height:22px;}
.recruit02-wr .process02 dl dt i{ display:inline-block; margin:0 4px 0 0; vertical-align:middle;}
.recruit02-wr .process02 dl ul{ margin:10px 0 0 0;}
.recruit02-wr .process02 dl ul li+li{ margin:5px 0 0 0;}
.recruit02-wr .process02 dl ul li{ padding:0 0 0 10px;}
.recruit02-wr .process02 dl ul li strong{ margin:0 0 0 -10px; display:block;}
.recruit02-wr .process02 dl ul li strong:before{ content:""; width:2px; height:2px; background-color:#333; display:inline-block; vertical-align:middle; margin:0 7px 0 0;}
.recruit02-wr .recruit-mail{ margin:10px 0 0 0; color:#e0002a;}
.recruit02-wr .recruit-mail:before{ content:""; display:inline-block; vertical-align:middle; margin:0 4px 0 0; width:15px; height:15px; background:url(../images/common/ic_exc.png) 50% 50% no-repeat; background-size:13px 13px;}
.recruit02-wr .btn-box{ margin-top:20px;}

.recruit03-wr img{ width:100%;}
.recruit03-wr h4{ color:#121212; font-size:19px; margin:0 0 10px 0;}
.recruit03-wr .tx01{ margin:0 0 35px 0;}
.recruit03-wr .tx01 .thum{ margin:20px 0 0 0;}
.recruit03-wr .tx02>ul{ margin:10px 0 0 0; overflow:hidden;}
.recruit03-wr .tx02>ul>li{ position:relative; margin:6px 0 0 0; padding:15px 12px 10px; border:#dedede 1px solid;}
.recruit03-wr .tx02>ul>li ul:before{ content:""; position:absolute; top:50%; left:0; width:50px; height:39px; margin:-20px 0 0 0; display:block; background-position:50% 50%; background-repeat:no-repeat; background-size:39px 39px;}
.recruit03-wr .tx02>ul>li:nth-child(1) ul:before{ background-image:url(../images/corp/recruit03_ic1.png);}
.recruit03-wr .tx02>ul>li:nth-child(2) ul:before{ background-image:url(../images/corp/recruit03_ic2.png);}
.recruit03-wr .tx02>ul>li:nth-child(3) ul:before{ background-image:url(../images/corp/recruit03_ic3.png)}
.recruit03-wr .tx02>ul>li:nth-child(4) ul:before{ background-image:url(../images/corp/recruit03_ic4.png);}
.recruit03-wr .tx02>ul>li:nth-child(5) ul:before{ background-image:url(../images/corp/recruit03_ic5.png);}
.recruit03-wr .tx02>ul>li:nth-child(6) ul:before{ background-image:url(../images/corp/recruit03_ic6.png);}
.recruit03-wr .tx02>ul>li strong{ display:block; text-align:left; font-size:15px; color:#e00529;}
.recruit03-wr .tx02>ul>li ul{ position:relative; padding:5px 0 0 63px;}
.recruit03-wr .tx02>ul>li ul li+li{ margin-top:5px;}


/************************************************
	Creation
************************************************/
.link .link-bx ul { overflow: hidden; background: #eff1f3; }
.link .link-bx ul li { width: 33.3333%; text-align: center;  float: left; padding: 30px 0; word-break: keep-all; }
.link .link-bx ul li a{ display: inline-block; color: #5d6a7a; font-size: 16px; vertical-align: middle; }
.link .link-bx ul li span { display: block; }
.link .link-bx ul li img { width: inherit; max-width: 85px; }

.mobility-bx.link .link-bx ul li { width: 50%; }
.semiconductor-bx.link .link-bx ul li { width: 50%; }
.semiconductor-bx.link .link-bx ul li:nth-child(n+4) { width: 50%; }
.eco-bx.link .link-bx ul li { width: 50%; }

.rnd-bx img{ width:100%;}
.rnd-bx .thum{ margin:0 -15px;}
.rnd-bx .tBx{ margin:25px 0 0 0; padding:0 0 35px 0;}
.rnd-bx .tBx h4{ font-size:19px; color:#121212; margin:0 0 10px 0;}
.rnd-bx .tBx p{ color:#333;}
.rnd-tx01{ background-color:#f3f5f8; margin:0 -15px; padding:15px;}
.rnd-tx01 h5{ height:60px; padding:0 18px;  color:#333; font-size:15px; line-height:60px; border:#e5e5e5 1px solid; margin:0; background-color:#fff;}
.rnd-tx01 ul{ background-color:#fff; border-left:#e5e5e5 1px solid;  border-right:#e5e5e5 1px solid; }
.rnd-tx01 ul li{ position:relative; line-height:35px; padding: 0 18px 0  85px; border-bottom:#e5e5e5 1px solid; }
.rnd-tx01 ul li i{ position:absolute; top:15px; left:18px; margin-top:-6px; display:inline-block; height:12px; line-height:1; font-weight: bold; font-size: 15px; color: #e00529;}
.rnd-tx01 ul li i img{ height:12px;}
.rnd-tx02{ background-color:#f3f5f8; margin:0 -15px; padding:15px;}
.rnd-tx02 .grp{ background-color:#fff; border:#e8ecf2 1px solid; padding:18px 0 20px;}
.rnd-tx02 .grp h5{ height:auto; padding:0 18px 20px;  color:#333; font-size:15px; line-height:1; margin:0; background-color:#fff;}
.rnd-bx2{ padding:40px 0 0 0; color:#333;}
.rnd-bx2 h5{ color:#121212; font-size:19px; margin:30px 0 10px;}
.rnd-bx2 .tx01{ color:#333;}
.rnd-bx2 .tx02 li{ color:#333;}
.rnd-bx2 .tx02 li+li{ margin-top:30px;}
.rnd-bx2 .tx02 li strong{ display:block; color:#e00529; font-size:15px; font-weight:600;}

.film-bx img{ width:100%;}
.film-bx .thum{ margin:0 -15px;}
.film-bx .thum img{ display:block;}
.film-bx h4{ font-size:19px; color:#121212; margin:30px 0 10px 0;}
.film-bx .film_img{ border:#e5e5e5 1px solid; padding:5px 5px 10px 5px; margin:20px 0 0 0;}
.film-bx .film_img img{ display:block; width:100%;}
.film-bx .film_img .btVew{ border:#e5e5e5 1px solid; height:36px; line-height:36px; text-align:center; display:block; margin:0 15px; font-weight:600;}
.film-bx .film_img .btVew:before{ content:""; background:url(../images/common/ic_vew.png) 50% 50% no-repeat; display:inline-block; width:12px; height:12px; vertical-align:middle; margin:0 5px 0 0; background-size:12px 12px;}
.film-m02{ margin:35px 0 0 0;}
.film-m02 img{ width:100%;}
.film-m02 .tx01 dt{ font-size:19px; color:#121212; margin:0 0 10px 0; font-weight:600; }
.film-m02 .tx02{ background-color:#f3f5f8; margin:35px -15px; padding:20px 15px; }
.film-m02 .tx03{ background:#fafafb url(../images/creat/flim_img02.png) 100% 100% no-repeat; background-size:auto 260px; margin:35px -15px -50px; padding:30px 15px 60px; overflow:hidden;}
.film-m02 .tx03 li{ float:left; width:50%;}
.film-m02 .tx03 li h4{ font-size:15px; color:#121212; font-weight:600; }
.film-m02 .tx03 li h4 span{ display:block; font-size:20px; color:#e00529;}
.film-m02 .tx03 li h4 span strong{ font-size:40px;}
.film-m02 .tx03 li div{ font-size:12px; color:#333;}
.film-m02 .tx03 li:first-child div{ padding-right:10px;}

.film-bx .chem_img{ border:#e5e5e5 1px solid; padding:5px 5px 10px 5px; margin:20px 0 0 0;}
.film-bx .chem_img img{ display:block; width:100%;}
.film-bx .chem_img .btVew{ border:#e5e5e5 1px solid; height:36px; line-height:36px; text-align:center; display:block; margin:0 15px; font-weight:600;}
.film-bx .chem_img .btVew:before{ content:""; background:url(../images/common/ic_vew.png) 50% 50% no-repeat; display:inline-block; width:12px; height:12px; vertical-align:middle; margin:0 5px 0 0; background-size:12px 12px;}
.chem-m02{ margin:35px 0 0 0;}
.chem-m02 img{ width:100%;}
.chem-m02 .tx01 dt{ font-size:19px; color:#121212; margin:0 0 10px 0; font-weight:600; }
.chem-m02 .tx02{ background-color:#f3f5f8; margin:35px -15px; padding:20px 15px; }
.chem-m02 .tx03{ background:#fafafb url(../images/creat/chem_img02.png) 100% 100% no-repeat; background-size:100% auto; margin:35px -15px -50px; padding:30px 15px 60px; overflow:hidden;}
.chem-m02 .tx03 li{ float:left; width:50%;}
.chem-m02 .tx03 li h4{ font-size:15px; color:#121212; font-weight:600; }
.chem-m02 .tx03 li h4 span{ display:block; font-size:20px; color:#e00529;}
.chem-m02 .tx03 li h4 span strong{ font-size:40px;}
.chem-m02 .tx03 li div{ font-size:12px; color:#333;}
.chem-m02 .tx03 li:first-child div{ padding-right:10px;}

.electron-bx img{ width:100%;}
.electron-bx .thum{ margin:0 -15px;}
.electron-bx .thum img{ display:block;}
.electron-bx h4{ font-size:19px; color:#121212; margin:30px 0 10px 0;}
.electron-bx .electron_img{ border:#e5e5e5 1px solid; padding:5px 5px 10px 5px; margin:20px 0 0 0;}
.electron-bx .electron_img img{ display:block; width:100%;}
.electron-bx .electron_img .btVew{ border:#e5e5e5 1px solid; height:36px; line-height:36px; text-align:center; display:block; margin:0 15px; font-weight:600;}
.electron-bx .electron_img .btVew:before{ content:""; background:url(../images/common/ic_vew.png) 50% 50% no-repeat; display:inline-block; width:12px; height:12px; vertical-align:middle; margin:0 5px 0 0; background-size:12px 12px;}
.electron-m02{ margin:35px 0 0 0;}
.electron-m02 .tx01 dt{ font-size:19px; color:#121212; margin:0 0 10px 0; font-weight:600; }

.creat-tit h4{ font-size:19px; font-weight:600; color:#333; margin:0 0 20px 0; }
.creat-tit .tbx .thum img{ display:block; width:100%;}
.creat-tit .tbx .lg{ font-size:15px; margin:15px 0 10px; color:#333; font-weight:600; }
.creat-tit .tbx .sm{ color:#666; font-size:11px;}

h4.h4-tit{ font-size:19px; color:#333; margin:30px 0 5px;}
.creat-case{ margin:0 0 0 -1%; overflow:hidden;}
.creat-case .item{ float:left; width:32.3%; margin:0 0 0 1%; }
.creat-case .item .thum img{ display:block; border:#e4e4e4 1px solid; width:100%;}
.creat-case .item .tbx{ font-size:10px;}

.creat-use{ margin:0 0 0 -1%; overflow:hidden;}
.creat-use .item{ float:left; width:49%; margin:0 0 5px 1%; border:#e5e5e5 1px solid; height:70px; display:table;}
.creat-use .item span{ display:table-cell; text-align:center; vertical-align:middle; padding:0 15px; word-break: keep-all; }

.creat-thum .thum{ padding:18px; border:#e5e5e5 1px solid;}
.creat-thum .thum img{ display:block;}
.creat-thum .btVew{ display:block; margin:5px 0 0 0; text-align:center; border:#e5e5e5 1px solid; background:#f3f5f8; line-height:38px;}
.creat-thum .btVew:before{ content:""; background:url(../images/common/ic_vew2.png) 50% 50% no-repeat; display:inline-block; width:17px; height:17px; vertical-align:middle; margin:0 5px 0 0; background-size:17px 17px;}

.creat-cert{ margin:0 0 0 -10px;}
.creat-cert:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.creat-cert .item{ float:left; width:48px; padding:0; margin:5px 0 5px 10px;}
.creat-cert .item .thum{ width:48px; display:inline-block; vertical-align:middle; margin:0;}
.creat-cert .item .thum img{ display:block;}

.creat-pack .item{ display:table; width:100%; padding:5px 0;}
.creat-pack .item .thum{ display:table-cell; width:48px; vertical-align:middle; margin:0;}
.creat-pack .item .thum img{ display:block;}
.creat-pack .item .tbx{ display:table-cell; text-align:left; vertical-align:middle; padding:0 0 0 10px;}

.faq-bx{ border-top:#333 2px solid; border-bottom:#333 2px solid;}
.faq-bx dt{ position:relative; border-top:#e9e9e9 1px solid; padding:14px 0 14px 15px; color:#333; font-weight:600;}
.faq-bx dt strong{ position:absolute; top:14px; left:0; display:inline-block;}
.faq-bx dt.active{ color:#e00529;}
.faq-bx dd{ background-color:#ededed; padding:15px;}

#right-brn{ position:fixed; right:10px; bottom:80px; }
#right-brn li{ width:49px; height:49px; }
#right-brn li a{ width:49px; height:49px; text-indent:-9999px; border:#e0e0e0 1px solid; display:block; text-align:left;}
#right-brn li+li{ margin-top:2px;}
#right-brn li.rb1 a{ background:#fff url(../images/creat/icon_call.png) 50% 50% no-repeat; background-size:100%;}
#right-brn li.rb2 a{ background:#fff url(../images/creat/icon_down.png) 50% 50% no-repeat; background-size:100%;}

.dwLst{ border-top:#333 2px solid;}
.dwLst li{ position:relative; border-bottom:#ccc 1px solid;}
.dwLst li .tit{ display:table-cell; text-align:center; border-right:#ccc 1px solid; width:90px; vertical-align:middle;}
.dwLst li .con{ position:relative;  display:table-cell; padding:0 36px 0 8px; width:200px;}
.dwLst li a{ line-height:45px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  width:156px;}
.dwLst li a:after{ content:""; position:absolute; top:50%; right:0px; margin-top:-15px;width:29px; height:29px; background:url(../images/common/icon_dw2.png) 50% 50% no-repeat; background-size:auto 15px; display:block; border:#d6d6d6 1px solid; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }

.pop-thum{ overflow:hidden; width:320px; padding:60px 20px 30px;}
.pop-thum .thum{ display:block; overflow-x:auto;}
.pop-thum .bt-close{ position:absolute; display:block; text-indent:-9999px; top:13px; right:13px; width:22px; height:22px; background:url(../images/common/bt_x.png) 50% 50% no-repeat; background-size:22px 22px;}
/************************************************
	20200115 레이어팝업추가
************************************************/
/* pop-noti */
.bg_shadow {position: absolute; top:0; left:0; z-index:10; width:100%; height: 100vh; background:rgba(0,0,0,.8); }
.pop-noti{ position:absolute; left:8%; width:84%; background-color:#fff;  top:50%; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);  }
.pop-noti .pop-con{ padding: 80px 20px 30px; border:none; max-height: 70vh;  overflow-y: auto; word-break: keep-all; }
.pop-noti .pop-con img { display: block; margin: 0 auto; }

.pop-noti .pop-con h2{ padding:0; margin:0; line-height:1.2; font-size:20px; color:#333; text-align:center; font-weight:bold; font-family:'Nanum Square' ,'돋움',Dotum, Gulim, serif;}
.pop-noti .pop-con .hd-tx{  font-size:14px; margin-top: 26px; margin-bottom:20px; line-height: 1.7;}
.pop-noti .pop-con .hd-tx span { display: block; margin-bottom: 10px; }
.pop-noti .pop-con .pop-txt { padding:15px 0; position:relative; margin-bottom:24px; }
.pop-noti .pop-con .pop-txt   span{position: absolute; display:block; font-size:14px; font-weight: bold; left:50%; margin-left:-60px; width:120px; text-align:center; background:#fff; padding: 10px 0; top:-20px;}
.pop-noti .pop-con .pop-txt table th, .pop-noti .pop-con .pop-txt table td { text-align: left; vertical-align:top; padding:2px 0;}
.pop-noti .pop-con .pop-txt .list-wrap { margin-top: 30px; }
.pop-noti .pop-con .pop-txt ul li { margin-bottom: 5px; padding-left: 10px; position: relative;  }
/* .pop-noti .pop-con .pop-txt ul li::before { content:''; width: 5px; height: 5px; background: #333; position: absolute; top: 6px; left: 0; } */

.pop-noti .pop-con   .txt-bottom { text-align:center; font-size:14px; padding-bottom: 40px;}
.pop-noti .pop-con   .txt-bottom p:nth-child(1) { margin-bottom:8px; }
.pop-noti .pop-con   .txt-bottom p:nth-child(2) { margin-bottom:4px; font-weight:bold;}
.pop-noti .pop-con   .txt-bottom p:nth-child(3) { margin-bottom:16px; color:#5E5E5E;}
.pop-noti .pop-con   .txt-bottom p:nth-child(4) { font-size:18px; font-weight:bold;}
.pop-noti .pop-con ul{ line-height:1.6; font-size:16px;}
.pop-noti .pop-con ul li{ line-height:1.6; padding-left:50px;}
.pop-noti .pop-con ul li strong{ margin-left:-50px;}
.pop-noti .pop-con ul li ul{ margin-left:-40px;}
.pop-noti .pop-con ul li ul li{ padding-left:10px;}
.pop-noti .pop-con ul li ul li strong{ margin-left:-10px;}
.pop-noti .pop-con ul li ul li:first-child{ padding-left:85px;}
.pop-noti .pop-con ul li ul li:first-child strong{ margin-left:-85px;}
.pop-noti .pop-bot{ position:relative; padding:20px 15px; background-color:#f4f4f4; color:#121212;}
.pop-noti .pop-bot .bt-close{ text-indent:-999999px; position:absolute; top:50%; right:15px; margin-top:-14px; width:28px; height:28px; display:block; background: url(../../../images/common/icon_pop_close.png) center no-repeat;}
.bPopup .pop-con { padding: 0; }
.bPopup .pop-inner .list-wrap li .list-inner li { padding-left: 70px; }
.bPopup .pop-inner { padding: 60px 20px 30px; }
.bPopup .pop-inner .title { font-size: 24px; }
.bPopup .pop-inner .line { display: block; width: 100%; height: 1px; border: 1px dashed #ddd; margin: 15px 0 50px; }
.bPopup .pop-inner.wb-ba { word-break: break-all; }
.bPopup .pop-con .btn-wrap { padding: 30px 0 0; text-align: center; }
.bPopup .pop-con .btn-wrap a { display: block; width: 100%; max-width: 250px; margin: 0 auto 5px; }
.hd-tx.ta-c { text-align: center; }

.img_popup { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); overflow-y: auto; max-width: 768px; width: 100%; height: 80vh;}
.img_popup img { width: 100%; }
.img_popup .pop-bot{ position:relative; padding:20px 15px; background-color:#f4f4f4; color:#121212; margin-top: -7px; }
.img_popup .pop-bot .bt-close{ position:absolute; top:50%; right:15px; margin-top:-14px; width:28px; height:28px; display:block; background: url(../../../images/common/icon_pop_close.png) center no-repeat;}
.img_popup .pop-bot .bt-close .ir { position:absolute; top:-9999px; left:-9999px; text-indent:-99999px;}






/************************************************
	Communication
************************************************/

/* pr-bx */
.pr-bx{ margin-top:-10px;}
.pr-bx h4{ font-size:19px; color:#121212; font-weight:600; margin:40px 0 5px;}
.pr-bx .sub-tx{ color:#333; line-height:1; margin:0 0 15px 0;}
.pr-bx .mov-list{ margin:0;}
.pr-bx .mov-list:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.pr-bx .mov-list .item{ position:relative; width:100%; margin:0;}
.pr-bx .mov-list .item+.item{ margin-top:15px;}
.pr-bx .mov-list .item a{ display:block;}
.pr-bx .mov-list .item span{ display:block;}
.pr-bx .mov-list .item .thum:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.6; background-color:#000; width:100%; }
.pr-bx .mov-list .item .thum:before{ content:""; position:absolute; top:50%; left:50%; margin:-18px 0 0 -15px; background:url(../images/common/blt_play.png) 50% 50% no-repeat; background-size:30px 35px; display:block;  width:30px; height:35px; z-index:9;}
.pr-bx .mov-list .item .tbx{ position:absolute; padding:25px 68px 25px 25px; bottom:0; left:0;  width:100%; color:#fff; font-size:16px; z-index:9; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; text-align:center;}
.pr-bx .mov-list .item .thum{ overflow:hidden;}
.pr-bx .mov-list .item a .thum img{ display:block; width:100%;  transition:all .3s ease;}
.pr-bx .mov-list .item a:hover .thum img{ transform:scale(1.1);}

.pr-bx .ych-list .h4-tit { margin: 0 0 20px 0; font-size: 16px; }
.pr-bx .ych-list:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.pr-bx .ych-list .item { position: relative; background-color: #f9fafc; padding: 10px; }
.pr-bx .ych-list .item + .item { margin-top: 40px; }
.pr-bx .ych-list .item::after { content: ""; clear: both; display: block; }
.pr-bx .ych-list .item span{ display:block; text-align: center; }
.pr-bx .ych-list .item .thum img { border: 1px solid #d3d3d4; max-width: 262px; }
.pr-bx .ych-list .item .thx .dw-tit { display: block; width: 100%; font-size: 18px; padding: 20px 0 15px; border-bottom: 1px solid #e8ecf2; color: #121212; }
.pr-bx .ych-list .item .thx .dw-list > li > div > a { line-height: 40px; height: 40px; font-size: 14px; }
.pr-bx .ych-list .item .thx .dw-list > li > div > a::after { right: 10px; }

.pr-bx .bch-list{ margin:-20px 0 0 -3%;}
.pr-bx .bch-list:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.pr-bx .bch-list .item{ float:left; width:47%; margin:25px 0 0 3%;}
.pr-bx .bch-list .item span{ display:block;}
.pr-bx .bch-list .item .thum{ position:relative; margin:0 0 5px 0; border: 1px solid #d3d3d4; }
.pr-bx .bch-list .item .thum:before{ content:""; position:absolute; top:55%; right:0; left:0; bottom:0; display:block; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.60) 67%); background-size:100%; width:100%; }
.pr-bx .bch-list .item .thum img{ display:block;  width:100%;}
.pr-bx .bch-list .item .thum strong{ display:inline-block; position:absolute; top:45px; left:30px; color:#fff; font-size:18px; }
.pr-bx .bch-list .item .thum em{ display:block; color:#fff; position:absolute; bottom:20px; left:17px; font-size:13px;  font-weight:600;}
.pr-bx .bch-list .item .thum em:after{ content:""; position:absolute; top:-5px; left:0; width:13px; height:2px; background-color:#fff; display:block; }
.pr-bx .bch-list .item .tbx a{ border:#d3d3d4 1px solid; position:relative; display:block; height:40px; line-height:40px; width:100%; text-align:center; font-weight:600;}
.pr-bx .bch-list .item .tbx a:after{ content:""; width:15px; height:15px; display:inline-block; vertical-align:middle; margin:0 0 0 3px;}
.pr-bx .bch-list .item .tbx a.dw:after{ background:url(../images/common/icon_dw.png) 50% 50% no-repeat; background-size:13px 14px; }

.pr-bx .photo { border: 1px solid #e8ecf2; }
.pr-bx + .pr-bx { margin-top: 80px; }
.pr-bx .tbx { border-top: 1px solid #e8ecf2; padding-top: 10px; }
.pr-bx .dw-list { position: relative; margin-top: 25px; }
.pr-bx .dw-list > li { position: relative;}
.pr-bx .dw-list > li + li { margin-top: 10px; }
.pr-bx .dw-list > li > div { width: 100%; }
.pr-bx .dw-list > li > div { border-bottom: 0 none; border-color: #ec4949; }
.pr-bx .dw-list > li > div > a { position: relative; display: block; border: #ccc 1px solid; line-height: 47px; height: 47px; padding: 0 40px 0 30px; font-size: 15px; color: #333; font-weight: 600; font-family: 'Nanum Square' ,'돋움',Dotum, Gulim, serif; display: block; width: 100%; text-align: left;  }
.pr-bx .dw-list > li > div > a::after { content: ""; position: absolute; top: 50%; right: 24px; margin-top: -15px; width: 29px; height: 29px; background: url(../images/common/icon_dw2.png) 50% 50% no-repeat; background-size: auto 15px; }


.pop-mov{ width:330px;}
.pop-mov .pop-con{ padding:25px 20px;}
.pop-mov .pop-con .tbx{ margin-top:15px; padding:0; height:80px; overflow-y:auto;}
.pop-mov .mov-if{ width:100%;}

.fin-bx h4{ color:#121212; font-size:18px; margin:0 0 5px 0;}
.fin-bx .tc{ margin-top:25px; }

.select-tab{ position:relative;  margin:0 0 20px 0; z-index:9;}
.select-tab button{ position:relative; display:block; width:100%; padding:0 14px; text-align:left; border:#e5e5e5 1px solid; height:44px; line-height:44px; color:#e00529; font-size:15px;}
.select-tab i{ position:absolute; top:14px; right:15px; width:10px; height:10px; display:block;}
.select-tab i:before{ content:""; position:absolute; top:50%; left:0; width:11px; height:1px; background-color:#e00529; display:block;}
.select-tab i:after{ content:""; position:absolute; top:0; left:50%; width:1px; height:11px; background-color:#e00529; display:block;}
.select-tab.active i:after{ display:none;}
.select-tab>ul{ position:absolute; top:45px; left:0; width:100%; background-color:#f5f5f5; border:#e5e5e5 1px solid; }
.select-tab>ul li+li{ border-top:#e5e5e5 1px solid;}
.select-tab>ul li a{ display:block; height:38px; line-height:38px; text-align:left; padding:0 14px; font-size:15px;}
.select-tab>ul li a > span { font-size: 13px; }

.ir-bx .tab li{ width:33.3%;}
.ir-bx .tc > .btn-box .btn:after{ content:""; width:13px; height:13px; background:url(../images/common/blt_link.png) 50% 50% no-repeat; background-size:13px 13px; display:inline-block; vertical-align:middle; margin:0 0 0 10px;}


.dis-rule{ border-top:#e5e5e5 1px solid; margin:20px 0 0 0; padding:20px 0 0 0;}
.dis-rule h4{ color:#121212; font-size:19px; }

.stock-bx iframe{ width:100%; height:1400px;}
.stock-bx iframe.ifrm01{ height:1400px;}
.stock-bx iframe.ifrm02{ height:1225px;}
.stock-bx iframe.ifrm03{ height:1197px;}
.stock-bx iframe.ifrm04{ height:1035px;}
@media screen and (min-width:768px) {
	.stock-bx iframe{ width:100%; height:820px;}
	.stock-bx iframe.ifrm01{ height:820px;}
	.stock-bx iframe.ifrm02{ height:880px;}
	.stock-bx iframe.ifrm03{ height:860px;}
	.stock-bx iframe.ifrm04{ height:970px;}
}


/************************************************
	career
************************************************/


/* career-wr */
.contents.skc-rec { padding: 0 !important; margin: 0 15px; overflow: hidden; }
.career-wr { margin-top: 35px; }
.career-wr h4 { font-size: 19px; color: #121212; margin: 35px 0 10px 0; }
.career-wr .tx01 { font-size: 19px; color: #333; margin: 0 0 40px 0; font-family: 'Nanum Square' ,'돋움',Dotum, Gulim, serif; }
.career-wr .tx01 strong { display: block; font-size: 20px; color: #333; margin: 10px 0 0 0;}
.career-wr .tx03 ul { overflow: hidden; }
.career-wr .tx03 ul li { text-align: center; padding-bottom: 40px; }
.career-wr .tx03 ul li + li { padding-top: 40px; border-top: 1px solid #dedede; }
.career-wr .tx03 ul li > div > strong { font-size: 18px; font-weight: 800; }
.career-wr .tx03 ul li .btn-box .btn { width: 100%; }
.career-wr .career-swiper { width: 100%; height: 100%; position: relative; }
.career-wr .career-swiper .swiper-slide img { width: 100%; height: 100%; }
.career-swiper .txt-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 1; }
.career-swiper .txt-img img { width: 100%; height: 100%; }

/* career */
.careers-wrap .color-e00529 { color: #e00529; font-weight: bold; }
.careers-wrap .search-wrap { padding: 52px 30px 54px; background-color: #fff; border: 1px solid #bbbcbc; overflow: hidden; }
.careers-wrap .search-wrap .search-list { margin-bottom: 20px; }
.careers-wrap .search-wrap .search-list .family-wrap { margin-bottom: 10px; }
.careers-wrap .search-wrap .search-list > div { width: 100%; }
.careers-wrap .search-wrap .search-list > div select { width: 100%; height: 44px; border: 1px solid #e6e6e6; font-size: 16px; font-weight: bold; padding-left: 17px; padding-right: 37px; appearance: none; background-image: url(../images/common/blt_select0.png); background-repeat: no-repeat; background-position: right center; color: #333333; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; }
.careers-wrap .search-wrap .btn-wrap button { width: 100%; height: 50px; color: #ffffff; font-size: 16px; font-weight: bold; }
.careers-wrap .search-wrap .left > div select::-ms-expand { display:none; }
.careers-wrap .search-wrap .btn-wrap .search-btn { background-color: #e00529; margin-right: 6px; margin-bottom: 10px; }
.careers-wrap .search-wrap .btn-wrap .search-btn::before { content: ""; display: inline-block; width: 17px; height: 17px; background-image: url(../images/common/icon_search_w.png); background-repeat: no-repeat; vertical-align: middle; margin-right: 12px;  }
.careers-wrap .search-wrap .btn-wrap .reset-btn { background-color: #a0a0a0; }
.careers-wrap .careers-list-wrap { padding-top: 78px; }
.careers-wrap .careers-list-wrap .notice { font-size: 18px; font-weight: bold; }
.careers-wrap .careers-list-wrap ul { padding: 27px 0 56px; }
.careers-wrap .careers-list-wrap ul .list-item { width: 100%; background-color: #ffffff; border: 1px solid #e8ecf2; margin-bottom: 15px; }
.careers-wrap .careers-list-wrap ul .list-item:last-child { margin-bottom: 0; }
.careers-wrap .careers-list-wrap ul .list-item a { display: block; width: 100%; height: 100%; padding: 20px; }
.careers-wrap .careers-list-wrap ul .list-item a .title { font-size: 16px; }
.careers-wrap .careers-list-wrap ul .list-item a p { height: 50px; font-weight: bold; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #333333; word-break: keep-all; }
.careers-wrap .careers-list-wrap ul .list-item a .info { margin: 15px 0; }
.careers-wrap .careers-list-wrap ul .list-item a .info span { color: #333333; }
.careers-wrap .careers-list-wrap ul .list-item a .info span::after { content: "|"; display: inline-block; margin: 0 15px;}
.careers-wrap .careers-list-wrap ul .list-item a .info span:last-child::after { display: none; }
.careers-wrap .careers-list-wrap ul .list-item a .date .d-day { display: inline-block; width: 96px; height: 27px; line-height: 27px; background-color: #a0a0a0; text-align: center; color: #ffffff; margin-right: 12px; }
.careers-wrap .careers-list-wrap ul .list-item a .date .period { font-size: 14px; color: #333333; }
.careers-wrap .careers-list-wrap .more-btn { display: block; width: 50px; height: 50px; background-color: #e00529; margin: 0 auto; }

.page-tit.mo > img { width: 100%; }

/* peo-bx */
/* .peo-bx { width:1200px; margin:0 auto; background-color:#fff; border:#e8ecf2 1px solid; padding:70px 50px 100px; } */
.peo-bx .cRed { color: #e0012a; font-weight: 800; }
.peo-bx .cOrange { color: #ee7d08; font-weight: 800; }
.peo-bx .tx01 { font-size: 19px; font-weight: 700; background-color: #f2f5f8; border: 2px solid #dedede; font-family: 'Nanum Square' ,'돋움',Dotum, Gulim, serif; padding: 30px; }
.peo-bx ul { padding-top: 20px; overflow: hidden; }
.peo-bx ul li { padding: 40px 0; overflow: hidden; }
.peo-bx ul li + li { border-top: 1px solid #dedede; }
.peo-bx ul li .image-wrap { max-width: 1024px; width: 100%; }
.peo-bx ul li .image-wrap > img { border: 1px solid #dedede; width: 100%; height: 100%; }
.peo-bx ul li > div > div span { display: inline-block; vertical-align: bottom; }
.peo-bx ul li > div > div [class*="fam-"] + [class*="fam-"] { margin-left: 15px; font-size: 15px; font-weight: 800; font-family: 'Nanum Square' ,'돋움',Dotum, Gulim, serif; position: relative; }
.peo-bx ul li > div > div [class*="fam-"] + [class*="fam-"]::before { content: ""; display: block; width: 1px; height: 24px; background-color: #dedede; position: absolute; top: 0; left: -10px; }
.peo-bx ul li > div > div > a.fam-icon > img { vertical-align: middle; width: 25px;}
.peo-bx ul li > div > div + div { margin-top: 10px; }
.peo-bx ul li > div > .hashtag > span { display: block; font-weight: bold; color: rgb(255,122,0); }
.peo-bx ul li .btn-box > a { padding: 0 12px;}
.peo-bx ul li .btn-box .btn-lg { width: calc(50% - 6px); }
.peo-bx ul li .btn-box .btn-orange { margin-left: 6px; background-color: #ee800a; color: #ffffff; border: 1px solid #ee800a; }
.peo-bx .img-wrap { position: relative; max-width: 1024px; width: 100%; height: 410px; background-image: url(../../../asset/kor/images/career/car02_img7.jpg); background-repeat: no-repeat; background-position: center; }
.management-wrap { position: relative; max-width: 1024px; width: 100%; padding-top: 40px; }
.management-wrap img { width: 100%; height: 100%; }
.peo-bx .tx03 { color: #000; font-size: 19px; font-weight: 800; line-height: 1.23; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 254px; width: 100%; }

/* life-bx */
/* .life-bx { width:1200px; margin:0 auto; background-color:#fff; border:#e8ecf2 1px solid; padding:70px 50px 100px; } */
/* .life-bx .tx01 strong { font-size: 19px; } */
.life-bx .tx01 p { margin-bottom: 30px; }
.life-bx h4 { font-size: 19px; color: #121212; margin: 35px 0 10px 0; }
.life-bx a { width: 100%; height: 100%; display: block; position: relative; }
.life-bx a.temp-black { width: 541px; height: 207px; }
.life-bx ul { overflow: hidden; }
.life-bx ul > li + li { margin-top: 10px; }
/* .life-bx ul li a + a { margin-top: 20px; } */
.life-bx ul .list-item .img-wrap { width: 100%; height: 100%; }
.life-bx ul .list-item .img-wrap > img { max-width: 1024px; width: 100%; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; }
/* .life-bx ul .list-item.lg { height: 558px; }
.life-bx ul .list-item.md { height: 282px; } */
.life-bx ul .list-item .txt-box { padding: 12px 0; }
.life-bx ul .list-item .txt-box strong { color: #000; display: block; margin-bottom: 9px; }
.life-bx ul .list-item .txt-box p { color: #000; }
.life-bx ul .list-item strong { font-size: 19px; }
.life-bx ul .list-item p { font-size: 13px; }

.life-bx ul li .txt-box span.tx-white { color: #fff; }

.company-slide-wrap { padding: 0 20px; position: relative; }
.company-wrap { overflow: hidden; }
.company-wrap h4.color-e00529 { color: #e00529; }
.company-wrap .company-list { margin-right: 20px; }
.company-wrap .company-list .list-wrap { margin-top: 16px; }
.company-wrap .company-list .list-wrap .img-wrap { max-width: 1134px; width: 100%; }
.company-wrap .company-list .list-wrap .img-wrap > img { width: 100%; }
.company-wrap .company-list .list-wrap .txt-box { max-width: 1024px; width: 100%; margin: 16px 0; }
.company-wrap .company-list .list-wrap .txt-box .title { display: block; font-size: 19px; margin-bottom: 9px; color: #000; word-break: keep-all; }
.company-wrap .company-list .list-wrap .txt-box .desc { font-size: 13px; word-break: keep-all; color: #000; }
.company-slide-wrap .company-btn-prev, .company-slide-wrap .company-btn-next { background-repeat: no-repeat; background-size: 29px 29px; background-position: center; width: 29px; height: 29px; z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.company-slide-wrap .company-btn-prev { background-image: url(../images/career/car04_ic_l_off.jpg); left: -12px; }
.company-slide-wrap .company-btn-next { background-image: url(../images/career/car04_ic_r_off.jpg); right: -12px; }


/************************************************
	footer
************************************************/
/* privacy-bx */
.privacy-bx{ margin:0; background-color:#fff; padding:0; }
.privacy-bx .tbl-hd{ padding:0;}
.privacy-bx .tbl-hd .right{ position:relative; top:auto; right:auto; width:100%; margin:10px 0 0 0;}
.privacy-bx .tbl-hd .select{ position:relative; top:auto; right:auto; width:100%;}
.privacy-bx .tbx{ margin:0; padding:20px 0 0 0;}
.privacy-bx .tbx dl dt{ margin:20px 0 5px; font-size:15px; color:#e20e36; font-weight:600;}

/* sitemap-bx */
.sitemap-bx{ margin:0; padding:0; }
.sitemap-bx>ul>li{ position:relative; padding:0;}
.sitemap-bx>ul>li+li{ margin-top:40px;}
.sitemap-bx>ul>li>strong{ font-size:20px; color:#121212;  display:block; line-height:1;}
.sitemap-bx>ul>li>ul{ border-top:#333 2px solid; margin:8px 0 0 0;}
.sitemap-bx>ul>li>ul:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.sitemap-bx>ul>li>ul>li{ width:50%; float:left; padding:20px 0 0 0;}
.sitemap-bx>ul>li>ul>li:nth-child(2n+1){ clear:both;}
.sitemap-bx>ul>li>ul>li:nth-child(3),
.sitemap-bx>ul>li>ul>li:nth-child(4){ border-top:#dedede 1px solid; margin-top:15px;}
.sitemap-bx>ul>li>ul>li>a{ display:block; line-height:1; font-size:15px; color:#121212;   font-weight:600; margin:0 0 10px 0;}
.sitemap-bx>ul>li>ul>li>ul>li>a{ display:block; line-height:1; font-size:14px; color:#666; padding:8px 0;}

/* error-bx */
body.bgColor{ background-color:#f3f5f8;}
body.bgColor #container{ background-color:transparent;}
.error-bx{ }
.error-bx .tbx{ margin:0; padding:80px 10px 0; text-align:center;}
.error-bx .tbx .txLg{ font-size:22px; color:#333;  margin:0 0 15px 0; padding:0 10px;}
.error-bx .tbx .txLg:before{ content:""; background:url(../images/common/icon_error.png) 50% 50% no-repeat; background-size:80px 69px; width:80px; height:69px; margin:0 auto 36px; display:block;}
.error-bx .tbx .tx01{ font-size:13px; margin:0 0 10px 0;}
.error-bx .tbx .tx01,
.error-bx .tbx .tx02{ padding:0 10px;}