.mo-only {display:none;}
.pc-only {display:inherit;}
/* 상단 */
#hd{position:fixed; top:0; left:0;   z-index:101; width:100%;}
.nav-wr{width:100%; max-width:1280px; margin:20px auto;}
#hd .nav{overflow:hidden; float:right;     margin: 27px 0 0;}
#hd .lan{ max-width:1280px; width:100%; margin:0 auto; text-align:right;font-size:.9rem; padding:5px 0 5px 0; /*background:url('/resource/user/ko/img/lan_icon.png') no-repeat center right 150px;*/ position:absolute; top:10px;  }
#hd .lan a{color:#fff; font-weight:300; display:inline-block; letter-spacing:1px;}
#hd .lan a{position:relative;  padding-left:5px; opacity:0.7;}
#hd .lan a.active{opacity:1;  padding: 0 8px; border: 1px solid #fff; border-radius: 30px; font-size: .9em;}
/*#hd .lan a.active:before{
	content: '';
    position: absolute;
    left: 5px;
    bottom: 0;
    width:21px;
	height:1px;
    background: #e9e9e9;
}*/
#hd .lan a:hover{opacity:1;}
#hd .nav li:hover > a {
    color: #fff;
}
#hd .nav li > a {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}
#hd .mobile-logo{display:none;}
#hd .nav ul{float:left; overflow:hidden;}
#hd .nav ul li{float:left; line-height:26px;}
#hd .nav ul li a{padding:0 20px; color:#fff; display:block; font-size:1.1rem; font-weight:300;}
#hd .nav ul li a:hover{opacity:0.7;}
#hd .nav .menu-btn{float:left;  display: inline-block; padding-left:20px; cursor:pointer; padding: 3px 0; width:58px;}
#hd .nav .menu-btn span{display:block; width:38px; height:2px; background:#fff; float:right; transition:all .5s;}
#hd .nav .menu-btn span.center{margin:10px 0; width:25px;}
#hd .nav .menu-btn:hover span{width:25px;}
#hd .nav .menu-btn:hover span.center{width:38px;}
#hd .menu .menu-close{position:absolute; top:45px; right:50px; padding:20px; cursor:pointer; transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);
    transform: rotate(0deg);}
#hd .menu .menu-close:hover{
    transition: transform 400ms cubic-bezier(0.86, 0, 0.07, 1);
    transform: rotate(180deg);
}
#hd .menu .menu-close img{vertical-align:middle;}
#hd .menu .menu-on{
	width:100%;
	max-width:1200px;
	height:100%;
	position:fixed;
	right:-100%;
	top:0;
	background:#fff;
	z-index:9;
}
#hd .menu .mak{position:fixed; width:100%; height:100%; right:0; top:0; display:none; background:rgba(0,0,0,0.6); z-index:8;  }
#hd .menu .menu-category .logo{display:none;}
#hd .menu .menu-category{
	position: absolute;
	padding:0 100px;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    transform: -ms-translate(0,-50%);
	box-sizing:border-box;
}
#hd .menu .menu-category ul{overflow:hidden; width:100%; box-sizing: border-box;  border-bottom:1px solid #e9e9e9; padding:20px 0;}
#hd .menu .menu-category ul ul{border:0; padding:0; }
#hd .menu .menu-category ul h1{color:#000; font-weight:400; font-size:1.3rem; margin: 0 0 5px;;}
#hd .menu .menu-category ul h1 > a {color:#000 !important;}
#hd .menu .menu-category ul li{display:inline-block; margin:5px 0; font-size:1.1rem;}
#hd .menu .menu-category ul li a{color:#000; margin-right:15px;   font-weight:300;}
#hd .menu .menu-category ul li a:hover{color:#6abc3b}
#hd .menu .menu-category ul span.line{display:inline-block; width:1px; height:5px; background:#aaa; margin:0 10px;}
#hd .menu .menu-category .company-ca a{font-size:.9em; color:#999; font-weight:300; }
#hd .menu .menu-category .company-ca .l-line{display:inline-block; width:1px; height:13px; vertical-align:middle; background:#999; margin:0 10px;}
#hd .menu .menu-category ul h1.green-t{color:#6abc3b}
.br{display:block; width:1px; height:1px;}
.over-img {position:relative; transition: all .4s ease-in-out; }
.over-img > img {transition: all .4s ease-in-out;}
.over-img > .over-active {opacity: 0; background:#71c6c83b; width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:absolute; z-index:1; transition: all .4s ease-in-out;}
.over-img > .over-active > img {width:50px;}
.over-img:hover > img {transform: scale(1.1);}
.over-img:hover > .over-active {transform: scale(1.1); opacity: 1;}

/* 하단 */
#ft{background:#222; text-align:left;}
.ft-nav{padding:10px 0; border-bottom:1px solid #333;}
.ft-nav a{display:inline-block; color:#fff; margin-right:20px; font-weight:300; font-size:.8rem;}
.ft-nav a:hover{color:#aaa;}
.ft-copy{padding:30px 0; overflow:hidden;}
.ft-copy p{font-size:.9rem; color:#aaa;float:left;  padding-left:20px; font-weight:300; line-height:1.8;}
.ft-copy img{float:left;}

/* 서브 상단 공통 css */
#hd{position:absolute;}
.visual-1{ background-image:url('/resource/user/ko/img/sub/top_visual.jpg'); }
.visual-2{ background-image:url('/resource/user/ko/img/sub/top_visual_2.jpg'); }
.visual-3{ background-image:url('/resource/user/ko/img/sub/top_visual_3.jpg'); }
.visual-4{ background-image:url('/resource/user/ko/img/sub/top_visual_4.jpg'); }
.visual-5{ background-image:url('/resource/user/ko/img/sub/top_visual_5.jpg'); }
.visual-6{ background-image:url('/resource/user/ko/img/sub/top_visual_6.jpg'); }
.sub-visual{width:100%; height:450px; background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative;}
.sub-visual p{color:#fff; font-size:3rem; text-align:center; font-weight:400; position:absolute;  top: 50%;  left: 0;  width: 100%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);   -webkit-box-sizing: border-box;   box-sizing: border-box; }
.sub-visual p span{font-size:1.2rem; color:rgba(255,255,255,0.5); display:block; font-weight:300; letter-spacing:1px;}

.visual-1a { background-image:url('/resource/user/ko/img/sub/top_visual_1a.jpg'); height:300px;}
.visual-1a p{color:#fff; font-size:2.5rem; top: 60%; }
.visual-1a p span{font-size:1.1rem;}

.visual-6a { background-image:url('/resource/user/ko/img/sub/top_visual_6a.jpg'); height:300px;}
.visual-6a p{color:#fff; font-size:2.5rem; top: 60%; }
.visual-6a p span{font-size:1.1rem;}

.visual-4a { background-image:url('/resource/user/ko/img/sub/top_visual_4a.jpg'); height:300px;}
.visual-4a p{color:#fff; font-size:2.5rem; top: 60%; }
.visual-4a p span{font-size:1.1rem;}

.visual-5a { background-image:url('/resource/user/ko/img/sub/top_visual_5a.jpg'); height:300px;}
.visual-5a p{color:#fff; font-size:2.5rem; top: 60%; }
.visual-5a p span{font-size:1.1rem;}

.sub-dp-2{width:552px;}
.sub-dp-3{width:803px;}
#sub-nav-wr{ position:relative; z-index:5; width:100%; margin-top:-50px}
.sub-nav{background:rgba(113, 191, 69, 0.59); height:50px;  margin:0 auto; }
.sub-nav .home{float:left; width:50px; height:50px; background:url('/resource/user/ko/img/home_w.png') no-repeat center center;  }
.sub-nav .home:hover{background-color:#71bf45;}
.sub-nav .depth{float:left; height:50px; line-height:50px; color:#fff; background:url('/resource/user/ko/img/down_white.png') no-repeat center right 20px; border-left:1px solid rgba(255,255,255,0.2); }
.sub-nav .depth h1{font-size:1rem; font-weight:300; width:249px; line-height:50px; cursor:pointer; padding:0 20px; margin:0;}
.sub-nav .depth ul{border:1px solid #ddd; display:none; background:#fff; margin:0; border-top:0;}
.sub-nav .depth ul li{ border-bottom:1px solid #ededed;}
.sub-nav .depth ul li:last-child{border-bottom:0;}
.sub-nav .depth ul li a{color:#333; display:block;padding:0 20px; font-size:.9rem;}
.sub-nav .depth ul li a:hover{background:#f7f8f9}
.sub-nav .active{ background:url('/resource/user/ko/img/down_black2.png')#fff no-repeat center right 20px; color:#71bf45; border-bottom: 1px solid #e9e9e9; float:right;}
.sub-nav .active h1{font-weight:500; }
.fixed {  position: fixed !important;  top: 0;  margin-top:0 !important;  border-bottom:1px solid #ededed; background:#fff;}
.fixed .sub-nav{background:#71bf45; }
.fixed .active{border-bottom:0; border-right:1px solid #e9e9e9; margin-right: -1px;}
.fixed .active ul{border-top:1px solid #e9e9e9;}
.open{display:block;}

/* 서브 컨텐츠 공통 css */
#contents{background: #fff; position:relative; }
.cont-wr{width:100%; max-width:1280px;  margin:0 auto; position:relative;}
.sub-tit{width:100%; text-align:center; font-size:2.5rem; color:#333; font-weight:500; padding:80px 0; letter-spacing:-2px;}
.sub-tit-line{width:100%;  height:1px; background:#ededed; text-align:center; margin-bottom:50px;}
.sub-tit-line span{width:200px; height:1px; background:#71bf45; display:inline-block; vertical-align:top;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.f-green {color:#71bf45}
.text-center {text-align:center;}

/* tab */
.sub-tab-2{text-align:center; }
.sub-tab-2 ul.gongtong-nav{ width:450px; overflow:hidden; margin:30px auto 60px;}
.sub-tab-2 ul.gongtong-nav li{text-align:center; width:50%; float:left; position:relative; border-bottom:1px solid #dedede;}
.sub-tab-2 ul.gongtong-nav.w3{ width:650px; overflow:hidden; margin:30px auto 60px;}
.sub-tab-2 ul.gongtong-nav.w3 li{text-align:center; width:33.3%; float:left; position:relative; border-bottom:1px solid #dedede;}
.sub-tab-2 ul.gongtong-nav li a{display:block;  padding: 15px 30px; color:#555; font-size:1.1rem; font-weight:400;}
.sub-tab-2 ul.gongtong-nav li a:last-child{border-right:0;}
.sub-tab-2 ul.gongtong-nav li a:hover,.sub-tab-2 ul.gongtong-nav li a.active{color:#1b1464;}
.sub-tab-2 ul.gongtong-nav li a:hover:before, .sub-tab-2 ul.gongtong-nav li a.active:before { opacity: 1; filter: alpha(opacity=100);}
.sub-tab-2 ul.gongtong-nav li a:before { content: '';width: 100%; height: 2px; background: #1b1464; position: absolute; left: 0; bottom: -1px; opacity: 0; filter: alpha(opacity=0);  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.sub-tab-2 ul.gongtong-nav li:before { content: '';  width: 1px; height: 15px;  position: absolute;  left: 0px; top: 50%; margin-top: -5px; background: #d7d7d7;}
.sub-tab-2 ul.gongtong-nav li:first-child:before{ display: none;}

.test-img{width:100%; text-align:center;  background-repeat:no-repeat; background-position:top center;}
.pt-100{/*padding-top:51px;*/ padding-top:0 !important;}

/* 인사말 */
.green-t{color:#71bf45;}
.ceo-wr{width:100%;  overflow:hidden; margin:50px 0 0; padding-bottom:200px; background:url('/resource/user/ko/img/sub/company/ceo_bg.png') no-repeat center bottom; background-size: 100%;}
.ceo-wr .ceo-left{width:50%;float:left; background:url('/resource/user/ko/img/sub/company/ceo_pt.png') no-repeat top left; padding:50px 0 0 50px;}
.ceo-wr .ceo-left h1 {font-weight:400; color:#000; font-size:1.6rem; line-height:1.4;}
.ceo-wr .ceo-left h1 span{font-size:1.1rem; color:#555; margin-top:10px;}
.ceo-wr .ceo-left p{margin-top:50px; font-weight:300; font-size:1rem;}
.ceo-wr .ceo-right{width:47%;float:right; text-align:center;}
.ceo-wr .ceo-right.ceo-2{width:25%;float:right; text-align:center; margin-right:10%; margin-top:50px;}

/* 기업정보 */
.page-tit{text-align:center; padding:50px 0;}
#company01{width:100%; min-width:1280px;}
.ddaom-tit{position:relative; padding:20px 60px; display:inline-block; margin:0 auto;}
.ddaom-tit .ddaom-left{position:absolute; left:0; top:0;}
.ddaom-tit .ddaom-right{position:absolute; right:0; bottom:0;}
.ddaom-tit h1{font-size:2rem; font-weight:200; text-align:left; line-height:1.3; color:#000;}
.ddaom-tit b{ font-weight:400; }
#company01 .cont01{position:relative;}
#company01 .cont01 .cont-t {padding:50px 50px 10px 200px; position:relative; z-index:1; color:#000; }
#company01 .cont01 .cont-t p{font-size:1rem; font-weight:300; }
#company01 .cont01 .cont-t-bg{width:80%; height:440px; position:absolute; top:0; right:0; background:#f0f8eb;}
#company01 .cont01 .circle-bg{position:absolute; top:0; left:0; }
#company01 .cont01 .of{width:100%; overflow:hidden; position:relative; z-index:2;}
#company01 .cont01 .of .video{width:600px; float:left;}
#company01 .cont01 .of .cont-t{width:680px; float:left; padding:0 50px 0 0;}
#company01 .cont02{overflow:hidden; padding-bottom:100px;}
#company01 .cont02 ul{float:left; width:50%; margin-top:200px;}
#company01 .cont02 ul h1{color:#000; font-size:1.9rem; padding:0 0 30px; font-weight:400;}
#company01 .cont02 ul li{font-size:1rem; font-weight:300; line-height:2;}
#company01 .cont02 ul li span.num{color:#fff; background:#71bf45; display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:100%; margin:5px 10px 5px 5px; vertical-align:middle;}
#company01 .cont02 .img{float:left; width:50%;}
#company01 .cont03{background:url('/resource/user/ko/img/sub/company/01/cont03-bg.jpg') no-repeat center center; background-size:cover; padding:100px 0; background-attachment: fixed;}
#company01 .cont03 h1{color:#fff; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4;}
#company01 .cont03 h1 span{font-size:1.2rem; color:rgba(255,255,255,0.6); font-weight:300; display:block; padding-top:20px}
#company01 .cont03 ul{width:100%; text-align:center;}
#company01 .cont03 ul li{display:inline-block; padding:50px 0 30px; width:220px; color:#fff;}
#company01 .cont03 ul li p{font-size:1.1rem;}
#company01 .cont03 ul li p .counter{ font-size:3rem; letter-spacing:0; font-weight:500; vertical-align:baseline;}
#company01 .cont04{text-align:center; padding:100px 0 0;}
#company01 .cont04 h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; margin-bottom:70px;}
#company01 .cont04 .graph{position:relative; }
#company01 .cont04 .graph-info{text-align:left; position:absolute; left:60px; top:60px;}
#company01 .cont04 .graph-info p{font-size:.95rem; font-weight:300; color:#000;}
#company01 .cont04 .graph-info p b{font-weight:500;}
#company01 .cont04 .graph-info ul{background:#fff; border:1px solid #1d1963; display:inline-block; padding:15px 20px; margin:20px 0 10px;}
#company01 .cont04 .graph-info ul li{padding-left:20px; position:relative; color:#000;}
#company01 .cont04 .graph-info ul li:before{content:''; position:absolute; left:0; top:8px; width:8px; height:8px; border-radius:100%; background:#6cb147;}
#company01 .cont04 .graph-info ul li:nth-child(2):before{background:#1d1963}
#company01 .cont04 .graph-table{width:100%; border-top:1px solid #1d1963}
#company01 .cont04 .graph-table ul{overflow:hidden;}
#company01 .cont04 .graph-table ul li{float:left; width:10%; background:#f7f7f7; border-bottom:1px solid #ddd; padding:15px 20px; color:#000; font-weight:400; box-sizing:border-box; text-align:left; font-size:.9rem;min-height:75px;}
#company01 .cont04 .graph-table ul li:nth-child(2n){width:40%; background:#fff; font-weight:300; color:#555;}
#company01 .cont05{text-align:center; padding:100px 0;}
#company01 .cont05 h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; margin-bottom:70px;}
#company01 .cont05 .quality-slide-2{display:none;}
#company01 .cont05 .bx-wrapper .bx-pager{display:none;}
#company01 .cont05 .bx-wrapper .bx-controls-direction a{width:48px; height:90px; margin-top:-45px;}
#company01 .cont05 .bx-wrapper .bx-prev { left: -80px;  background: url('/resource/user/ko/img/btn_arrow_left.png') no-repeat 0 0;}
#company01 .cont05 .bx-wrapper .bx-next { right: -80px;  background: url('/resource/user/ko/img/btn_arrow_right.png') no-repeat 0 0;}
#company01 .cont05 .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover,.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover { background-position: center center; opacity:0.6;}
#company01 .cont05 .quality-icon{text-align:center; width:100%; border-top:1px solid #ededed; padding:20px 0 0; margin-top:40px;}
#company01 .cont05 .quality-icon a{display:inline-block; width:135px;}
/* video frame */
.videoWrapper {
  position: relative;
  max-width:100%;
  width: 550px;
  height:350px;
  background-color: #000;
  margin-top:10px;
}
.videoIframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.videoPoster {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  border:1px solid #e9e9e9;
}
.videoPoster:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  border: 3px solid rgba(0,0,0,0.2);
  border-radius: 100%;
  -webkit-transition: border-color 300ms;
  -moz-transition: border-color 300ms;
  transition: border-color 300ms;
}
.videoPoster:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin:-18px 0 0 -10px;
  border-left: 30px solid rgba(0,0,0,0.2);
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  -webkit-transition: border-color 300ms;
  -moz-transition: border-color 300ms;
  transition: border-color 300ms;
}
.videoPoster:hover:before, .videoPoster:focus:before {
  border-color: #68ec1e;
}
.videoPoster:hover:after, .videoPoster:focus:after {
  border-left-color: #68ec1e;
}
.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms;
}



/* 경영지침 */
#company02 .title{text-align:center; padding:50px 0;}
#company02 .ddaom-tit{position:relative; padding:20px 60px; display:inline-block; margin:0 auto; }
#company02 .ddaom-tit .ddaom-left{position:absolute; left:0; top:0;}
#company02 .ddaom-tit .ddaom-right{position:absolute; right:0; bottom:0;}
#company02 .ddaom-tit h1{font-size:2rem; font-weight:200; text-align:center; line-height:1.3; color:#000;}
#company02 .ddaom-tit b{ font-weight:400; }
#company02 .gray-bg{background:#f7f8fa;}
#company02 .tab-content{padding:50px 0; background-size:cover; background-position:center center;}
#company02 .tab-content p.year{opacity:0.4; font-size:3.2rem; font-weight:bold;     line-height: 1;}
#company02 .tab-content h1{font-size:6rem; font-weight:bold; font-family:sans-serif;}
#company02 .tab-content h2{font-size:2.3rem; font-weight:400;}
#company02 .tab-content p{font-size:1.1rem; font-weight:300;}
#company02 .c2-tit{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; margin-bottom:70px; position:relative;}
#company02 .c2-tit:before{width:30px; height:1px; bottom:-20px; content:''; position:absolute; left:50%; margin-left:-10px; background:#333;}
#company02 .cont01{padding:100px 0;}
#company02 .cont01 ul{text-align:center;}
#company02 .cont01 ul li{width:22.5%; margin:0 1%; display:inline-block; padding:10px; box-shadow: 1px 1px 10px #ddd; }
#company02 .cont01 ul li .border-gradation { padding:2px; background: linear-gradient(to bottom, #1f1b65, #71bf45);}
#company02 .cont01 ul li .box{background:#fff; padding:60px 0;}
#company02 .cont01 ul li h2{font-size:1.2rem; color:#000; font-weight:400;}
#company02 .cont01 ul li h2 em{display:block; font-size:1.1rem;}
#company02 .cont01 ul li p{font-weight:300; margin-top:10px; font-size:.9rem;}
#company02 .cont02{padding:100px 0; background:#f7f7f7; text-align:center;}
#company02 .cont02 ul{text-align:center;}
#company02 .cont02 ul li{display:inline-block; margin:0 30px; position:relative;}
#company02 .cont02 ul li p{position:absolute; top:50%; left:0; margin-top:20px;  text-align:center; width:100%; font-size:1.6rem; color:#000; font-weight:400;}
#company02 .cont03{padding:100px 0; text-align:center;}
#company02 .cont03 p{padding:15px 0; width:100%; color:#000; font-weight:300; font-size:1.4rem; box-shadow: 1px 1px 10px #ddd; margin-bottom:10px; border-left:3px solid #71bf45; border-right:3px solid #71bf45;}
#company02 .cont03 p b{font-weight:400;}
#company02 .cont04 {padding:100px 0; background:url('/resource/user/ko/img/cpncont04bg.jpg') no-repeat center; background-size:cover; text-align:center;}
#company02 .cont04 .c2-tit {color:#fff;}
#company02 .cont04 .c2-tit:before{background:#fff;}
#company02 .cont04 .c2_c4p1 {color:#fff;font-size:2.8rem; font-weight:700; padding:50px 0 30px;}
#company02 .cont04 .c2_c4p2 {color:#fff;font-size:1.1rem; font-weight:300;}


/* 비젼 */
#company03 .cont01{width:100%; height:765px; background:url('/resource/user/ko/img/sub/company/03/top-bg.jpg') no-repeat center center; background-size:cover; position:relative;}
#company03 .cont01 .vision-title{width:100%; top:50%; left:0; position:absolute;  -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
#company03 .cont02 {overflow:hidden; width:100%; padding: 100px 0; }
#company03 .cont02 h1{color:#333; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative;}
#company03 .cont02 h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#company03 .cont02 h1 span{font-size:1.2rem; color:#999; font-weight:300; display:block; padding-top:50px}
#company03 .cont02 .cont2-img{display:block; margin:30px auto; text-align:center; position:relative;}
#company03 .cont02 .cont2-img:before{content:''; width:50%; border-top:3px dotted #71bf45; margin-bottom:-2px; height:1px; background:transparent; position:absolute; bottom:50%; left:25%; z-index:0;}
#company03 .cont02 .cont2-img li{display:inline-block; margin:0 30px; position:relative;  background:#fff;}
#company03 .cont02 .cont2-img li p{color:#000; font-size:1.1rem; font-weight:400; width:100%; position:absolute; left:0; bottom:70px;}
#company03 .cont03 {overflow:hidden; width:100%; padding: 100px 0; background:url('/resource/user/ko/img/sub/company/03/bg-in.png')#f4f4f4 no-repeat top right; }
#company03 .cont03 h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#company03 .cont03 h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#company03 .cont03 h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px}
#company03 .cont03 ul.value{text-align:center; margin-top:50px;}
#company03 .cont03 ul.value li{display:inline-block; position:relative; vertical-align:middle; text-align:center; }
#company03 .cont03 ul.value li:nth-child(2n){ padding:0 20px;}
#company03 .cont03 ul.value li p{width:100%; top:50%; left:0; position:absolute;  -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
#company03 .cont03 ul.value li p span{color:#6cbd3e;}
#company03 .cont03 .box{margin-top: 50px;}
#company03 .cont03 .box ul{float:left; width:49%; min-height:212px; margin-right:2%; padding:30px; border:1px solid #ededed; background:#fff;}
#company03 .cont03 .box ul.last{margin-right:0;}
#company03 .cont03 .box ul h2{color:#000; font-weight:400; font-size:1.2rem; line-height: 1.3; margin-bottom:30px;}
#company03 .cont03 .box ul li{font-weight:300; font-size:1rem; padding-left:15px; position:relative;}
#company03 .cont03 .box ul li:before{content:''; position:absolute; top:9px; left:0; width:7px; height:7px; border-radius:100%; background:#6cbd3e;}

/* 조직도 */
#company04{width:100%; text-align:center; margin:50px auto 100px;}
#company04 .group-1 p{display:inline-block; width:135px; height:135px; line-height:135px;border-radius:100%; background:url('../img/sub/company/04/circle-navy.png') no-repeat center center; margin:0 30px; color:#fff;}
#company04 .group-1 p:last-child{background:url('../img/sub/company/04/circle-green.png') no-repeat center center; }
#company04 .group-1{position:relative;}
#company04 .group-1:before{content:''; width:200px; height:1px; background:#e1e1e1; position:absolute; top:50%; left:50%; margin-left:-100px; z-index:-1;}
#company04 .group-1:after{content:''; width:1px; height:150px; background:#e1e1e1; position:absolute; top:50%; left:50%;  z-index:-1;}
#company04 .group-2{width:180px; margin:30px auto 50px; position:relative;}
#company04 .group-2 p{display:block;   padding:15px 0; background:#d1dfed; margin:10px 0; color:#000; font-size:.9rem;}
#company04 .group-2:before{content:''; width:1px; height:1000px; background:#e1e1e1; position:absolute; top:0; left:50%; z-index:-1;}
#company04 .group-3{width:100%; overflow:hidden;}
#company04 .group-3 .left{float:left; width:50%; text-align:center;}
#company04 .group-3 .right{float:right; width:50%; text-align:center;}
#company04 .group-3 p{display:inline-block; width:145px; padding:12px 0; color:#000; font-size:.8rem; background:#ebebeb; position:relative; margin: 30px 5px 15px;}
#company04 .group-3 p:before{content:''; width:1px; height:30px; background:#e1e1e1; position:absolute; top:-30px; left:50%;  z-index:-1;}
#company04 .group-3 .left p:after{content:''; width:200px; height:1px; background:#e1e1e1; position:absolute; top:-30px; left:50%;  z-index:-1;}
#company04 .group-3 .right p:after{content:''; width:200px; height:1px; background:#e1e1e1; position:absolute; top:-30px; right:50%;  z-index:-1;}
#company04 .group-bg{width:100%; background:#f7f8f9; padding:20px 0 40px; margin:40px auto 100px; position:relative; z-index:0;}
#company04 .group-tab{display:inline-block; margin:0 10px;}
#company04 .group-tab .big-tit{background:#58585a; padding:15px 0; color:#fff; margin:30px 0; font-size:.9rem; position:relative;}
#company04 .group-tab .big-tit:after{content:''; width:1px; height:30px; background:#e1e1e1; position:absolute; bottom:-30px; left:50%;}
#company04 .group-tab .mini{width:120px; display:inline-block; margin:0 2px}
#company04 .group-tab .mini p{display:block; width:100%; padding:12px 0; color:#000; font-size:.8rem; background:#fff; border:1px solid #e1e1e1; margin:5px 0;}
#company04 .group-tab .mini p.tit{border:2px solid #6dbd40; position:relative; margin-top:30px;}
#company04 .group-tab .mini p.tit:before{content:''; width:1px; height:30px; background:#e1e1e1; position:absolute; top:-32px; left:50%; }
#company04 .group-tab .mini p.tit:after{content:''; width:128px; height:1px; background:#e1e1e1; position:absolute; top:-32px; left:50%;  }
#company04 .group-tab div:last-child p.tit:after{display:none }
#company04 .group-tab .mini p.top-none{margin-top:81px; position:relative;}
#company04 .group-tab .mini p.top-none:before{content:''; width:1px; height:82px; background:#e1e1e1; position:absolute; bottom:43px; left:50%; }
#company04 .global .mini{width:220.8px;}
#company04 .global .mini p{width:100%; background:url('../img/sub/company/04/bitsal.png');}
#company04 .global .big-tit:after{height:35px; bottom:-35px;}

/* CI */
#company07 .cont01{padding:45px 0;}
#company07 .cont01 .ci-logo{overflow:hidden; width:100%;}
#company07 .cont01 .ci-logo img{float:left;}
#company07 .cont01 .ci-logo img.last{float:right;}
#company07 .cont01 .ci-txt{font-size:1.1rem; padding:30px 0; font-weight:300; line-height:1.8; color:#000; overflow:hidden;}
#company07 .cont01 .ci-txt p{float:left;}
#company07 .cont01 .ci-txt b{font-weight:500;}
#company07 .cont01 .logo-download{float:right;}
#company07 .cont01 .logo-download a{display:block; width:300px; margin-bottom:10px; text-align:center; border:1px solid #ddd; padding:15px 40px 15px 0; border-radius:50px; color:#000; font-weight:400; font-size:1rem; background:url('/resource/user/ko/img/sub/company/07/ci-download.png') no-repeat center right 90px;}
#company07 .cont01 .logo-download a:hover{border-color:#000; transition:all .6s;}
#company07 .cont02{background:#f7f8f9; padding:100px 0;}
#company07 .cont02 .symbol li{overflow:hidden; padding:25px 0;}
#company07 .cont02 .symbol li .left{float:left; width:400px;}
#company07 .cont02 .symbol li .right{float:left; width:880px;}
#company07 .cont02 .symbol li .right h2{color:#000; font-size:2rem; font-weight:400; margin-bottom:20px;}
#company07 .cont02 .symbol li .right p{font-size:1rem; font-weight:300;}
#company07 .cont02 .symbol li .right a{background:#70bf44; color:#fff; width:250px; padding:10px 0 10px 25px; font-size:1.1rem; display:inline-block; position:relative; margin-top:50px; cursor:pointer;}
#company07 .cont02 .symbol li .right a img{position:absolute; right: 25px; top:14px;}
#company07 .cont02 .symbol li .right a:hover img{ transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);
    transform: rotate(180deg); }
#company07 .cont02 .symbol li .right .color-box{padding:10px 25px 10px 71px;  box-sizing:border-box; text-align:center; width:250px; font-size:1.1rem; margin-top:50px; position:relative; margin-top:50px; background:#fff; display:inline-block;}
#company07 .cont02 .symbol li .right .color-box span{background:#58595b; height:100%; position:absolute; left:0; top:0; width:46px;}
#company07 .cont02 .symbol .right .logo-about{background:#fff; padding:20px 30px; display:none;}
#company07 .cont02 .symbol .right .logo-about p{font-size:.9rem; margin:10px 0; color:#000; position:relative; padding-left:50px;}
#company07 .cont02 .symbol .right .logo-about p span{position:absolute; left:0; top:2px; font-size:1.1em; font-weight:bold; letter-spacing:2px;}
#company07 .cont03{padding:100px 0;}
#company07 .cont03 .color-guide h2{color:#000; font-size:1.8rem; font-weight:400; margin-bottom:20px;}
#company07 .cont03 .color-guide p{font-size:1rem; font-weight:300; line-height:1.8;}
#company07 .cont03 .color-guide .colors{margin-top:50px; padding-top:50px; border-top:1px solid #ededed; overflow:hidden;}
#company07 .cont03 .color-guide .colors ul{overflow:hidden; float:left;}
#company07 .cont03 .color-guide .colors ul li{float:left; width:240px; margin-right:20px;}
#company07 .cont03 .color-guide .colors ul li .color-box{width:100%; padding:60px 0; background:#74b43c; color:#fff; text-align:center; font-size:1.4rem; font-weight:300; margin-bottom:20px;}
#company07 .cont03 .color-guide .colors ul.last li:last-child{margin-right:0;}
#company07 .cont03 .color-guide .colors ul li p{line-height:1.2;}

/* 경영진 소개 */
#company06 .cont01{padding:0;  background:#f5f5f5; overflow:hidden;}
#company06 .cont01 .left{float:left; width:512.81px; padding:120px 0 0;}
#company06 .cont01 .left p{font-weight:300; margin-top:30px;  text-align:center; color:#000; font-size:1.1rem;}
#company06 .ddaom-tit{position:relative; padding:20px 60px; display:inline-block; margin:0 auto; }
#company06 .ddaom-tit .ddaom-left{position:absolute; left:0; top:0;}
#company06 .ddaom-tit .ddaom-right{position:absolute; right:0; bottom:0;}
#company06 .ddaom-tit h1{font-size:2rem; font-weight:200; text-align:center; line-height:1.3; color:#000;}
#company06 .ddaom-tit b{ font-weight:400; }
#company06 .cont01 .right{float:right; padding-top:50px;}
#company06 .cont01 .right img{vertical-align:top;}
#company06 .cont02{padding:100px 0; height: 638px;}
#company06 .cont02 ul{ }
#company06 .cont02 ul li{float:left; text-align:center; width:23%; margin:0 1%;}
#company06 .cont02 ul li .img{cursor:pointer; padding:0 25px 20px 0; background-image:url('/resource/user/ko/img/sub/company/06/cont2-line.png'); background-repeat:no-repeat; background-position: bottom right;}
#company06 .cont02 ul li .img:hover{background-image:url('/resource/user/ko/img/sub/company/06/cont2-line-hover.png');}
#company06 .cont02 ul li h2{font-size:2rem; color:#000; font-weight:400; margin-top:20px;}
#company06 .cont02 ul li h2 span{font-size:.95rem; color:#888; display:inline-block; margin-left:10px; vertical-align:baseline; font-weight:300;}
#company06 .cont02 ul li .box{position: fixed; top: 50%; left: 50%; width: 1000px; height:555px; margin-left:-500px;  -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-sizing: border-box;  box-sizing: border-box;  background:#fff;  display:none; z-index:10;}
#company06 .cont02 ul li .box .left{float:left;}
#company06 .cont02 ul li .box .right{float:right; width:460px; text-align:left; padding:70px 40px 0 0;}
#company06 .cont02 ul li .box .right p{ font-size:1.2rem; font-weight:400;color:#000; line-height:1.8;}
#company06 .cont02 ul li .box .right .loc{color:#71bf45;}
#company06 .cont02 ul li .box .right h1{font-size:2.4rem; font-weight:500; color:#000; margin-bottom:20px; letter-spacing: .8rem;}
#company06 .cont02 ul li .box .right h1 span{font-size:1.2rem; letter-spacing:0; vertical-align: baseline; font-weight:300;     color: #888;}
#company06 .cont02 ul li .box .right h2{font-size:1rem; margin-bottom:10px;}
#company06 .cont02 ul li .box .right .hanmun{font-size:1.6rem; font-weight:300; color: #000; font-family: sans-serif; line-height: 1.4;
    margin-bottom: 20px;}
#company06 .cont02 .view{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9; display:none;}
#company06 .cont02 .close{position: fixed; top: 50%; margin-top:-260px; left: 50%;  -webkit-box-sizing: border-box; display:none; box-sizing: border-box;  cursor:pointer; z-index:11; margin-left: 450px;}
#company06 .cont02 h1 {font-size:2rem; font-weight:400; text-align:center; line-height:1.3; color:#000; margin-bottom:50px;}
#company06 .cont03 {background-color:#f5f5f5; padding-top:50px; margin-top:50px;}
#company06 .cont03 h1 {font-size:2rem; font-weight:400; text-align:center; line-height:1.3; color:#000; margin-bottom:50px;}
#company06 ul.group{width:fit-content; padding:20px 0 40px; margin:40px auto 100px; position:relative; z-index:0;}
#company06 ul.group > li {display:inline-block; margin:0 10px;}
#company06 ul.group > li > div {display:block; width:250px; padding:12px 0; color:#000; font-size:.8rem; background:#fff; border:1px solid #e1e1e1; margin:8px 0;}
#company06 ul.group > li > div:hover {border:1px solid #71bf45}
#company06 ul.group > li > div > p {margin:0 10px; text-align:center; color:#71bf45; font-size:0.9rem;}
#company06 ul.group > li > div > p.tt {font-weight:400;font-size:1.3rem; color:#222;}
#company06 ul.group > li > div > p.tt > small {font-weight:200;font-size:0.8rem; vertical-align:middle; margin-left:3px;}


#company06 .group-tab{display:inline-block; margin:0 10px;}
#company06 .group-tab .big-tit{background:#58585a; padding:15px 0; color:#fff; margin:30px 0; font-size:.9rem; position:relative;}
#company06 .group-tab .big-tit:after{content:''; width:1px; height:30px; background:#e1e1e1; position:absolute; bottom:-30px; left:50%;}
#company06 .group-tab .mini{width:120px; display:inline-block; margin:0 2px}
#company06 .group-tab .mini p{display:block; width:100%; padding:12px 0; color:#000; font-size:.8rem; background:#fff; border:1px solid #e1e1e1; margin:5px 0;}
#company06 .group-tab .mini p.tit{border:2px solid #6dbd40; position:relative; margin-top:30px;}
#company06 .group-tab .mini p.tit:before{content:''; width:1px; height:30px; background:#e1e1e1; position:absolute; top:-32px; left:50%; }
#company06 .group-tab .mini p.tit:after{content:''; width:128px; height:1px; background:#e1e1e1; position:absolute; top:-32px; left:50%;  }
#company06 .group-tab div:last-child p.tit:after{display:none }
#company06 .group-tab .mini p.top-none{margin-top:81px; position:relative;}
#company06 .group-tab .mini p.top-none:before{content:''; width:1px; height:82px; background:#e1e1e1; position:absolute; bottom:43px; left:50%; }
#company06 .global .mini{width:220.8px;}
#company06 .global .mini p{width:100%; background:url('../img/sub/company/04/bitsal.png');}
#company06 .global .big-tit:after{height:35px; bottom:-35px;}


/* 연혁 */
.history-2021{background: url(/resource/user/ko/img/sub/company/08/2021s.png) no-repeat center center; background-attachment: fixed;}
.history-2020{background: url(/resource/user/ko/img/sub/company/08/2020s.png) no-repeat center center; background-attachment: fixed;}
.history-2010{background: url(/resource/user/ko/img/sub/company/08/2010s.png) no-repeat center center; background-attachment: fixed;}
.history-2000{background: url(/resource/user/ko/img/sub/company/08/2000s.png) no-repeat center center; background-attachment: fixed;}
.history-1990{background: url(/resource/user/ko/img/sub/company/08/1990s.png) no-repeat center center; background-attachment: fixed;}
.history-1980{background: url(/resource/user/ko/img/sub/company/08/1980s.png) no-repeat center center; background-attachment: fixed;}
.history-1970{background: url(/resource/user/ko/img/sub/company/08/1970s.png) no-repeat center center; background-attachment: fixed;}
.history-1960{background: url(/resource/user/ko/img/sub/company/08/1960s.png) no-repeat center center; background-attachment: fixed;}
#company08 .year-tab{width:100%; overflow:hidden;  border:1px solid #ddd; margin-top:45px;}
/*#company08 .year-tab a{float:left; width:16.66%; display:block; padding:20px 0; cursor:pointer; text-align:center; border-right:1px solid #ddd; font-size:1.2rem; background:#fff; font-weight:300;}*/
#company08 .year-tab a{float:left; width:14.2828%; display:block; padding:20px 0; cursor:pointer; text-align:center; border-right:1px solid #ddd; font-size:1.2rem; background:#fff; font-weight:300;}
#company08 .year-tab a.active{background:#f7f8fa; color:#70bf44; font-weight:500;}
#company08 .year-tab a:last-child{border-right:0;}
#company08 .year-tab a:hover{color:#70bf44;}
#company08 .history{width:100%; position:relative; margin:50px 0 100px; padding:80px 0;}
#company08 .year{width:100%; overflow:hidden; padding:100px 0; }
#company08 .history:after{content:''; width:1px; height:100%; position:absolute; top:0; left:50%; background:#ddd;}
#company08 .history .dot{position:absolute; top:0; left:50%; margin-left:-11px; z-index:3;}
#company08 .history .dot2{position:absolute; bottom:0; left:50%; margin-left:-11px; z-index:3;}
#company08 .history .year .left{width:563px; float:left; z-index:2; position:relative;}
#company08 .history .year .left h1{color:#000; font-weight:300; font-size:2rem; margin:40px 0 20px; line-height:1.2;}
#company08 .history .year .left p{color:#666; font-weight:300; font-size:1rem;}
#company08 .history .year .left .bx-wrapper{background:transparent; border:1px solid #ddd;}
#company08 .history .year .left .bx-wrapper .bx-pager{display:none;}
#company08 .history .year .bx-controls-direction{position:relative; width:121px;}
#company08 .history .year .bx-wrapper .bx-controls-direction a{width:60px; height:60px; margin-top:-60px;}
#company08 .history .year .bx-wrapper .bx-prev {left: 0; background: url('/resource/user/ko/img/sub/company/08/slider-arrow-left.png') no-repeat center center;}
#company08 .history .year .bx-wrapper .bx-next {right: 0; background: url('/resource/user/ko/img/sub/company/08/slider-arrow-right.png') no-repeat center center;}
#company08 .history .year .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover { background-position: center center;}
#company08 .history .year .right{width:563px; float:right;}
#company08 .history .year .right ul h1{color:#1b1464; font-size:3rem; margin-bottom:20px; font-weight:500; position:relative; letter-spacing:-3px;}
#company08 .history .year .right ul h1:after{content:'';position:absolute; left:-220px; top:50%; margin-top:1px; width:200px; height:1px; background:#ddd; z-index:1;}
#company08 .history .year .right ul h1.img-none:after{display:none;}
#company08 .history .year .right ul h1:before{content:'';position:absolute; left:-30px; top:50%; margin-top:-4px; width:12px; height:12px; background:#1b1464; border-radius:100%; z-index:2;}
#company08 .history .year .right ul li{ position:relative; font-weight:300; color:#666; line-height:1.4; font-size:.95rem; padding:7px 0 7px 80px;}
#company08 .history .year .right ul li span{position:absolute; color:#70bf44; font-weight:500}
#company08 .history .year .right ul li .month{left:0;}
#company08 .history .year .right ul li .date{left:40px;}


/* 윤리경영 */
#company09 .ddaom-tit{position:relative; padding:20px 60px; display:inline-block; margin:0 auto;}
#company09 .ddaom-tit .ddaom-left{position:absolute; left:0; top:0;-webkit-transform: scaleY(-1);transform: scaleY(-1);}
#company09 .ddaom-tit .ddaom-right{position:absolute; right:0; bottom:0;}
#company09 .ddaom-tit h1{font-size:1.6rem; font-weight:400;   line-height:1.3; color:#000;}
#company09 .ddaom-tit b{ font-weight:400; }
#company09 ul.list{overflow:hidden; width:100%; margin:0 auto 150px;}
#company09 ul.list li{float:left; width:32%; margin-right:2%;}
#company09 ul.list li:last-child{margin-right:0;}
#company09 ul.list li img{vertical-align:top;}
#company09 ul.list li a{display:block;}
#company09 ul.list li a:hover img{opacity:0.8;}
#company09 ul.list li a span{display:block; padding:17px 0; background:#ebebeb; color:#333; text-align:center; font-size:1.1rem;}

/* ceo 메시지 */
#company0901{overflow:hidden; margin-bottom:100px;}
#company0901 .page-tit h1{font-size:2rem; color:#000; font-weight:500;}
#company0901 .message{float:left; width:45%;}
#company0901 .message p{font-size:.95rem; color:#333; font-weight:300;}
#company0901 .message p span.tit{display:block; color:#1f1b65; font-size:1.3rem; font-weight:400; margin-bottom:20px;}
#company0901 .message p span.line{display:block; width:100%; height:1px; background:#ededed; margin:20px auto 30px;}
#company0901 .people{float:right; width:45%; text-align:right;}
#company0901 .people img {padding:0 0px 0 0px; border-bottom:2px solid #333;}
#company0901 .people p{padding:10px 40px 10px 0; }
#company0901 .people p b{color:#000; font-size:1.2em; vertical-align:baseline;}

/* 윤리강령 */
#company0902{width:100%; margin-bottom:100px;}
#company0902 .page-tit h1{font-size:2rem; color:#000;font-weight:500;}
#company0902 .message{background:#f7f8f9; padding:50px;}
#company0902 .message p{font-size:.95rem; font-weight:300; margin-bottom:30px; color:#000; }
#company0902 .message h2{font-size:1.05rem; font-weight:400; color:#1f1b65; margin-bottom:5px;}

/* 윤리규범 */
#company0903{width:100%; margin-bottom:100px;}
#company0903 .page-tit h1{font-size:2rem; color:#000;font-weight:500;}
#company0903 .message{background:#f7f8f9; padding:50px;}
#company0903 .message p{font-size:.95rem; font-weight:300;  color:#000; }
#company0903 .message h1{font-size:1.05rem; font-weight:400; color:#1f1b65;  margin:40px 0 20px;}
#company0903 .message h2{font-weight:400;  color:#000; margin-bottom:5px;}

/* 안전경영 */
#culture10 .ddaom-tit{position:relative; padding:20px 60px; display:inline-block; margin:0 auto;}
#culture10 .ddaom-tit .ddaom-left{position:absolute; left:0; top:0;-webkit-transform: scaleY(-1);transform: scaleY(-1);}
#culture10 .ddaom-tit .ddaom-right{position:absolute; right:48px; bottom:0;}
#culture10 .ddaom-tit h1{font-size:1.6rem; font-weight:400;   line-height:1.3; color:#000;}
#culture10 .ddaom-tit b{ font-weight:400; }

/*지속가능경영*/
#culture .bg-gray {background-color:#f7f8fa; padding:40px; text-align:center; display:flex; flex-wrap:wrap; justify-content:space-evenly;}
#culture .bg-gray img.frame-cert {box-shadow:1px 5px 10px #ddd;}
#culture .bg-white {padding:40px 0px; text-align:center; display:flex; flex-wrap:wrap; justify-content:space-between;}
#culture .bg-white img.frame {box-shadow:1px 5px 10px #ddd; width:48%;}
#culture dl.esg-edu {display:flex; width:100%; flex-wrap:wrap; margin-top:20px;}
#culture dl.esg-edu > dt {flex:20% 1 0;}
#culture dl.esg-edu > dt > img {padding:20px; padding-left:0px;}
#culture dl.esg-edu > dd {flex:30% 1 0; padding:20px;}
#culture dl.esg-edu > dd > h2 {margin-bottom:10px;}
#culture a.esg-btn {display:inline-block; max-width:400px; margin:30px 5px; text-align:center; border:1px solid #aaa; padding:15px 35px 15px 61px; border-radius:50px; background:url('/resource/user/ko/img/sub/icon_pdf.png') no-repeat center left 30px; background-size:11%; background-color:#fff; color:#000; font-weight:400; font-size:1rem; }
#culture a.esg-btn:hover{border-color:#000; transition:all .6s;}
#culture a.home-btn {display:inline-block; width:290px; margin:30px 5px; text-align:center; border:1px solid #aaa; padding:15px 35px 15px 61px; border-radius:50px; background:url('/resource/user/ko/img/home_g.png') no-repeat center left 30px; background-size:7%; background-color:#fff; color:#000; font-weight:400; font-size:1rem; }
#culture a.home-btn:hover{border-color:#000; transition:all .6s;}
#culture .bg-gray {background-color:#f7f8fa; padding:40px; text-align:center; display:flex; flex-wrap:wrap; justify-content:space-evenly;}
#culture .bg-gray img.frame-cert {box-shadow:1px 5px 10px #ddd;}
#culture .bg-white {padding:40px 0px; text-align:center; display:flex; flex-wrap:wrap; justify-content:space-between;}
#culture .bg-white img.frame2 {box-shadow:1px 5px 10px #ddd; width:24%;}
#culture .bg-white img.frame3 {box-shadow:1px 5px 10px #ddd; width:32%;}

#culture img.tit-bar {width:50px; height:3px; margin-bottom:10px;}
#culture p {font-weight:300; line-height:1.6; letter-spacing:0;}
#culture h2 {font-size:1.3rem; color:#000;}

#culture01 .cont01 {background:none;}
#culture01 .cont02 {background:url('/resource/user/ko/img/sub/culture/01/cont3-bg.jpg') no-repeat;}
#culture01 .cont02 ul.esg-list {display:flex; justify-content:center;}
#culture01 .cont02 ul.esg-list > li {width:22%; float:none; box-shadow:1px 5px 10px #333; border-radius:3px; margin:0 1.5%;}
#culture01 .cont02 ul.esg-list > li:first-child {margin-left:3%;}
#culture01 .cont02 ul.esg-list > li:last-child {margin-right:3%;}

#culture01 .cont03 {background:none;}
#culture01 .cont03 {text-align:left; color:#000;}
#culture01 .cont03 .srboardList {margin-top:20px;}
#culture01 .cont03 .esg-grade-cate {width:45px; border:1px solid #ddd; padding:5px 15px; font-size:1.3rem; border-radius:100%; text-align:center;}
#culture01 .cont03 .grade-01 {border-color:#7acb3f; color:#7acb3f;}
#culture01 .cont03 .grade-02 {border-color:#39bda9; color:#39bda9;}
#culture01 .cont03 .grade-03 {border-color:#629bf2; color:#629bf2;}

#culture02 .ddaom-tit h1 {font-weight:500; text-align:center;}
#culture02 .ddaom-tit img.ddaom-left {left:40px;}
#culture02 .cont-wr > h1 {font-size:2.3rem; font-weight:500; color:#000;}
#culture02 .cont02 {margin:0px;}
#culture02 .cont03 {margin-top:50px;}
#culture02 .cont04 {margin:50px 0px;}

#culture03 .ddaom-tit h1 {font-weight:500; text-align:center;}
#culture03 .ddaom-tit img.ddaom-left {left:0px;}
#culture03 .cont-wr > h1 {font-size:2.3rem; font-weight:500; color:#000;}
#culture03 .cont02 {margin:0px;}
#culture03 .cont03 {margin:50px 0px;}
#culture03 .cont04 {margin:50px 0px;}

#culture04 .ddaom-tit h1 {font-weight:500; text-align:center;}
#culture04 .ddaom-tit img.ddaom-left {left:60px;}
#culture04 .cont-wr > h1 {font-size:2.3rem; font-weight:500; color:#000;}
#culture04 .cont02 {margin:0px;}
#culture04 .cont03 {margin:50px 0px;}
#culture04 .cont04 {margin:50px 0px;}

#culture06 .cont01{padding:150px 0; margin-top:-51px; background-size:cover; background-position:center center; text-align:center;}
#culture06 .cont01 h1{font-size:2.3rem; color:#000; font-weight:300; margin-bottom:10px;}
#culture06 .cont01 h1 b{font-weight:500;}
#culture06 .cont01 p{font-weight:300; margin-top:30px; line-height:1.6;}
#culture06 .cont02{text-align:center; background:#f7f8fa;}
#culture06 .cont02 ul {overflow:hidden; padding:100px 0; }
#culture06 .cont02 ul li{float:left; width:31.33%; margin:0 1%; background:#fff; text-align:center; height:285px; padding-top:40px; box-shadow: 1px 5px 10px #eee;}
#culture06 .cont02 ul li h2{font-size:1.5rem; color:#000; font-weight:400; margin:10px 0;}
#culture06 .cont02 ul li p{font-size:.95rem; color:#000; font-weight:300;}
#culture06 .cont03{padding:100px 0; background-size:cover; background-position:center center; text-align:center; color:#fff;}
#culture06 .cont03 h1{ font-size:2.3rem; font-weight:300; }
#culture06 .cont03 h1 span{font-size:1.2rem; font-weight:300; display:block;}
#culture06 .cont03 h1 b{font-weight:500;}
#culture06 .cont03 .circle{margin-top:50px; position:relative;}
#culture06 .cont03 .circle div{position:absolute; left:50%; width:300px; margin-left:-150px;}
#culture06 .cont03 .circle div h2{font-size:1.2rem; font-weight:400; margin-bottom:10px;}
#culture06 .cont03 .circle div p{font-size:.95rem; font-weight:300;}
#culture06 .cont03 .circle .t01{ top:70px;}
#culture06 .cont03 .circle .t02{ top:230px;}
#culture06 .cont03 .circle .t03{ top:410px;}
#culture06 .cont01 {background:none;}
#culture06 .cont02 ul.esg-list {display:flex; justify-content:center;}
#culture06 .cont02 ul.esg-list > li {width:22%; float:none; border-radius:3px; margin:0 1.5%;}
#culture06 .cont02 ul.esg-list > li:first-child {margin-left:3%;}
#culture06 .cont02 ul.esg-list > li:last-child {margin-right:3%;}
#culture06 .cont03 {background:none;}
#culture06 .cont03 {text-align:left; color:#000;}
#culture06 .cont03 .srboardList {margin-top:20px;}
#culture06 .cont03 .esg-grade-cate {width:45px; border:1px solid #ddd; padding:5px 15px; font-size:1.3rem; border-radius:100%; text-align:center;}
#culture06 .cont03 .grade-01 {border-color:#7acb3f; color:#7acb3f;}
#culture06 .cont03 .grade-02 {border-color:#39bda9; color:#39bda9;}
#culture06 .cont03 .grade-03 {border-color:#629bf2; color:#629bf2;}

#culture07 .cont01{margin:50px auto 100px; background:url('/resource/user/ko/img/sub/culture/05/cont1-bg.jpg') no-repeat left top; padding:80px 0 0; overflow:hidden;}
#culture07 .cont01 .c5-box{ padding:80px 240px 80px 100px; display:inline-block; float:right; background:url('/resource/user/ko/img/sub/culture/05/cont1-bg2.jpg') #fff no-repeat bottom right; border-left:3px solid #71bf45;}
#culture07 .cont02{margin:100px auto; background:url('/resource/user/ko/img/sub/culture/05/cont2-bg.jpg') no-repeat right top; padding:0; overflow:hidden;}
#culture07 .cont02 .c5-box{ padding:80px 140px 200px 100px; display:inline-block; float:left; background:url('/resource/user/ko/img/sub/culture/05/cont2-bg2.png') #fff no-repeat bottom left; border-right:3px solid #71bf45;}
#culture07 .cont03{margin:50px auto 100px; background:url('/resource/user/ko/img/sub/culture/05/cont3-bg.jpg') no-repeat left top; padding:0 0 80px; overflow:hidden;}
#culture07 .cont03 .c5-box{ padding:60px 200px 100px 100px; display:inline-block; float:right; background:url('/resource/user/ko/img/sub/culture/05/cont3-bg2.png') #fff no-repeat bottom right; border-left:3px solid #71bf45;}
#culture07 .cont04{margin:100px auto; background:url('/resource/user/ko/img/sub/culture/05/cont4-bg.jpg') no-repeat right top; padding:0; overflow:hidden;}
#culture07 .cont04 .c5-box{ padding:80px 50px 250px 50px; display:inline-block; float:left; background:url('/resource/user/ko/img/sub/culture/05/cont4-bg2.png') #fff no-repeat bottom left; border-right:3px solid #71bf45;}
#culture07 h1{font-size:2.3rem; font-weight:400; color:#000; margin-bottom:30px;}
#culture07 h2{font-size:1.3rem; font-weight:400; color:#000; margin-top:30px;}
#culture07 p{font-size:1.1rem; font-weight:300; color:#000;}
#culture07 b{font-weight:500;}
#culture07 .ddaom-tit h1 {font-weight:500; text-align:center;}
#culture07 .ddaom-tit img.ddaom-left {left:20px;}
#culture07 .ddaom-tit img.ddaom-right {right:80px; bottom:30px;}
#culture07 .cont-wr > h1 {font-size:2.3rem; font-weight:500; color:#000;}
#culture07 .cont01 {background:none; margin:inherit; padding:inherit;}
#culture07 .cont02 {background:none; margin:0px;padding:inherit;}
#culture07 .cont03 {background:none; margin:50px 0px;padding:inherit;}
#culture07 .cont04 {background:none;margin:50px 0px;padding:inherit;}


/* 지속가능경영 new 2501*/
#culture06 .cont01.new h1{font-size:3rem;}
#culture06 .cont01.new p {font-size: 1.2rem; letter-spacing: -1px;}
#culture06 .cont03.new {overflow:hidden; width:100%; padding: 100px 0; background:none; }
#culture06 .cont03.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture06 .cont03.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture06 .cont03.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px}
#culture06 .cont03.new .srboardList {margin-top:50px;}
#culture06 .cont03.new table.new {border-top: 2px solid #71bf45;}
#culture06 .cont03.new table.new .tit {text-align:left;  font-size: 1.2rem;}

#culture06 .cont04 {padding:100px 0; text-align:center; background:#f7f8fa;}
#culture06 .cont04 h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture06 .cont04 h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture06 .cont04 h1 span{font-size: 1.2rem; vertical-align: baseline; margin-left: 10px;}
#culture06 .cont04 ul {width:100%; margin-top:50px; display:inline-block;}
#culture06 .cont04 ul li {float:left; width:48%; margin-right:4%;}
#culture06 .cont04 ul li:last-child {margin-right:0;}
#culture06 .cont04 ul li .box {display:inline-block; width:100%; position:relative; padding:20px 25px 50px 25px; background:#fff; border:1px solid #ededed;}
#culture06 .cont04 ul li .box p.tt {text-align:left; font-weight:500; color:#151515; font-size:1.2rem; margin-bottom:10px;}
#culture06 .cont04 ul li .box .popbtx {position:absolute; right:0; bottom:0; width:40px; height:40px; cursor: pointer;}

.wcpopwrap {display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5); z-index:2000; -webkit-animation: slbOverlay 0.5s; -moz-animation: slbOverlay 0.5s; animation: slbOverlay 0.5s;}
.wcpopwrap .bxcon {display:none; position:absolute; padding:40px 20px 30px 30px; left:50%; top:50%; width:800px; height:660px; margin-top:-330px; margin-left:-400px; background:#fff; border-radius:10px;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -webkit-animation: slbEnterPrev 0.4s; -moz-animation: slbEnterPrev 0.4s; animation: slbEnterPrev 0.4s;}
.wcpopwrap .bxcon .pop_close {cursor: pointer; width: 50px; height: 50px; background: url(/resource/user/ko/img/snp_close.png) no-repeat center #71bf44; border-radius: 5px; position: absolute; right: -15px; top: -15px;}
.wcpopwrap .bxcon .bxconct {height: 590px; overflow-y: scroll; padding-right: 5px; text-align:Center;}
.wcpopwrap .bxcon .bxconct p.pt {margin-bottom:30px;}
.wcpopwrap .bxcon .bxconct p.pt img {width:400px;}

#culture02 .cont01.new {padding:150px 0; margin-top:-51px; background-size:cover; background-position:center center; text-align:center;}
#culture02 .cont01.new h1{font-size:3rem; color:#000; font-weight:300; margin-bottom:10px;}
#culture02 .cont01.new h1 b{font-weight:500;}
#culture02 .cont01.new h1 span {font-size:2.3rem;vertical-align: baseline;}
#culture02 .cont01.new p{font-weight:300; margin-top:30px; line-height:1.6; font-size: 1.2rem; letter-spacing: -1px;}
#culture02 .cont02.new {overflow:hidden; width:100%; padding: 100px 0;  background:#f7f8fa; }
#culture02 .cont02.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture02 .cont02.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture02 .cont02.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px}
#culture02 .cont02.new .bg-gray {background:#fff;}
#culture02 .cont03.new {overflow:hidden; width:100%; padding: 100px 0; margin-top:0; }
#culture02 .cont03.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture02 .cont03.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture02 .cont03.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px}
#culture02 .cont03.new .esg-edu {margin-top:50px;}
#culture02 .cont03.new dl.esg-edu > dd {padding:20px 40px 20px 0;}
#culture02 .cont04.new {overflow:hidden; width:100%; padding: 100px 0; margin:0; background:#f7f8fa; }
#culture02 .cont04.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture02 .cont04.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture02 .cont04.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px}
#culture02 .cont04.new .cont04_bx {padding-top:50px;}
#culture02 .cont04.new .cont04_bx ul.ul1 {width:100%; display:inline-block; margin-top:20px;}
#culture02 .cont04.new .cont04_bx ul.ul1 li {float:left; width:1080px;}
#culture02 .cont04.new .cont04_bx ul.ul1 li:first-child {width:200px;}
#culture02 .cont04.new .srboardList .listTable .colTbl {margin-bottom:0;border-top:1px solid #151515;}
#culture02 .cont04.new .cont04_bx ul.ul1 li table tr:first-child td {border-top:1px solid #151515;}
#culture02 .cont04.new .cont04_bx ul.ul1 li table tr td {text-align:left; font-weight:300; color:#666666; padding-left:30px;}
#culture02 .cont04.new .cont04_bx ul.ul1 li table tr td.tit {width:200px; font-weight:500; color:#000; background:#eeeeee;}
#culture02 .cont04.new .bg-white {padding:0; margin-top:20px;}
#culture02 .cont04.new .cont04_bx ul.ul2 {width:100%; display:inline-block; margin-top:20px;}
#culture02 .cont04.new .cont04_bx ul.ul2 li {float:left; width:730px;}
#culture02 .cont04.new .cont04_bx ul.ul2 li:first-child {width:550px;    padding-top: 30px;}
#culture02 .cont04.new .cont04_bx ul.ul2 li p.p1 {margin-left:-120px;}
#culture02 .cont04.new .cont04_bx ul.ul2 li p.p2 {margin-top:30px; font-size:0.82rem;}
#culture02 .cont04.new .cont04_bx ul.ul2 li p.p2 span {font-weight:500; color:#4e9c34;}


#culture04 .cont01.new{padding:150px 0; margin-top:-51px; background-size:cover; background-position:center center; text-align:center;}
#culture04 .cont01.new h1{font-size:3rem; color:#000; font-weight:300; margin-bottom:10px;}
#culture04 .cont01.new h1 b{font-weight:500;}
#culture04 .cont01.new h1 span {font-size:2.3rem;vertical-align: baseline;}
#culture04 .cont01.new p{font-weight:300; margin-top:30px; line-height:1.6; font-size: 1.2rem; letter-spacing: -1px;}
#culture04 .cont02.new {overflow:hidden; width:100%; padding: 100px 0;  background:#f7f8fa; }
#culture04 .cont02.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture04 .cont02.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture04 .cont02.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px}
#culture04 .cont02.new .bg-gray {background:#fff;}
#culture04 .cont03.new {overflow:hidden; width:100%; padding: 100px 0; margin:0; }
#culture04 .cont03.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture04 .cont03.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture04 .cont03.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px}
#culture04 .cont03.new .cont04_bx {padding-top:50px;}
#culture04 .cont03.new .bg-white {padding:0; margin-top:20px;}
#culture04 .cont03.new .cont04_bx ul.ul1 {width:100%; display:inline-block; margin-top:10px;}
#culture04 .cont03.new .cont04_bx ul.ul1 li {float:left; width:48%; margin-right:4%;}
#culture04 .cont03.new .cont04_bx ul.ul1 li:last-child {margin-right:0;}
#culture04 .cont03.new .cont04_bx ul.ul1 li:last-child img {border}
#culture04 .cont04.new {overflow:hidden; width:100%; padding: 100px 0; margin:0; background:#f7f8fa; }
#culture04 .cont04.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture04 .cont04.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture04 .cont04.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px}
#culture04 .cont04.new .srboardList .listTable .colTbl {margin-bottom:0;}


#culture03 .cont01.new{padding:150px 0; margin-top:-51px; background-size:cover; background-position:center center; text-align:center;}
#culture03 .cont01.new h1{font-size:2.3rem; color:#000; font-weight:300; margin-bottom:10px;}
#culture03 .cont01.new h1 b{font-weight:500;}
#culture03 .cont01.new h1 span {font-size:2.3rem;vertical-align: baseline;}
#culture03 .cont01.new p{font-weight:300; margin-top:30px; line-height:1.6; font-size: 1.2rem; letter-spacing: -1px;}
#culture03 .cont02.new {overflow:hidden; width:100%; padding: 100px 0;  background:#f7f8fa; }
#culture03 .cont02.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture03 .cont02.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture03 .cont02.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px; line-height: 1.6;}
#culture03 .cont02.new .bg-gray {background:#fff;}
#culture03 .cont03.new {overflow:hidden; width:100%; padding: 100px 0; margin:0; }
#culture03 .cont03.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture03 .cont03.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture03 .cont03.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px; line-height: 1.6;}
#culture03 .cont03.new .srboardList .listTable .colTbl {margin-bottom:0; border-bottom:none; border-top:1px solid #151515;}
#culture03 .cont03.new .srboardList .listTable .colTbl td {border-top: none; border-bottom: 1px solid #e0e0e0; text-align:left; line-height: 1.7; vertical-align: top; color:#666666; font-weight:300; padding:15px 30px;}
#culture03 .cont03.new .srboardList .listTable .colTbl tr:nth-child(2) td {background:#fdfdfd; color:#333; font-weight:400;}
#culture03 .cont03.new .srboardList .listTable .colTbl td:first-child {background:#fafafa !important;text-align:center; font-weight:600 !important; color:#333;}
#culture03 .cont03.new .srboardList .listTable .colTbl td b {font-weight:600; color:#333;}
#culture03 .cont03.new ul.ul2 {display:inline-block; width:100%; margin-top:40px;}
#culture03 .cont03.new ul.ul2 li {float:left; width:32%; margin-right:2%; text-align:center;}
#culture03 .cont03.new ul.ul2 li:last-child {margin-right:0;}
#culture03 .cont03.new ul.ul2 li p {color:#333; font-weight:400; margin-top:5px;}
#culture03 .cont04.new {overflow:hidden; width:100%; padding: 100px 0; margin:0; background:#f7f8fa; }
#culture03 .cont04.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture03 .cont04.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture03 .cont04.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px; line-height: 1.6;}
#culture03 .cont04.new .bg-gray {background:#fff;}

#culture07 .cont00 {padding:150px 0; margin-top:-51px; background-size:cover; background-position:center center; text-align:center;}
#culture07 .cont00 h1{font-size:3rem; color:#000; font-weight:300; margin-bottom:10px;}
#culture07 .cont00.new h1 span {font-size:2.3rem;vertical-align: baseline;}
#culture07 .cont00 h1 b{font-weight:500;}
#culture07 .cont00 p{font-weight:300; margin-top:30px; line-height:1.6; font-size: 1.2rem; letter-spacing: -1px;}
#culture07 .cont02.new {overflow:hidden; width:100%; padding: 100px 0;  background:#f7f8fa; }
#culture07 .cont02.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture07 .cont02.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture07 .cont02.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px; line-height: 1.6;}
#culture07 .cont02.new .bg-gray {background:#fff;}
#culture07 .cont03.new {overflow:hidden; width:100%; padding: 100px 0; margin:0; }
#culture07 .cont03.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture07 .cont03.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture07 .cont03.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px; line-height: 1.6;}
#culture07 .cont03.new ul.ul2 {display:inline-block; width:100%; margin-top:40px;}
#culture07 .cont03.new ul.ul2 li {float:left; width:32%; margin-right:2%; text-align:center;}
#culture07 .cont03.new ul.ul2 li:last-child {margin-right:0;}
#culture07 .cont03.new ul.ul2 li p {color:#333; font-weight:300; margin-top:5px; font-size:1rem; padding:0 10px;}
#culture07 .cont03.new ul.ul2 li p span {display:block; width:100%; margin-bottom:5px; font-size:1.4rem; font-weight:600;}
#culture07 .cont04.new {overflow:hidden; width:100%; padding: 100px 0; margin:0; background:#f7f8fa; }
#culture07 .cont04.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture07 .cont04.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture07 .cont04.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px; line-height: 1.6;}
#culture07 .cont04.new .sdbx {background:#fff; text-align:left;display: inline-block; line-height:1.7; font-weight:300;}
#culture07 .cont04.new .sdbx p.tt {text-align:left; font-weight:500;}
#culture07 .cont04.new .srboardList .listTable .colTbl {margin-bottom:0; border-bottom:none; border-top:1px solid #151515;}
#culture07 .cont04.new .srboardList .listTable .colTbl td {border-top: none; border-bottom: 1px solid #e0e0e0; text-align:left; line-height: 1.7; vertical-align: top; color:#666666; font-weight:300; padding:15px 30px;}
#culture07 .cont04.new .srboardList .listTable .colTbl td:first-child {background:#fafafa !important;text-align:center; font-weight:600 !important; color:#333;}
#culture07 .cont05.new {overflow:hidden; width:100%; padding: 100px 0; }
#culture07 .cont05.new h1{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; position:relative; }
#culture07 .cont05.new h1:before{width:30px; height:1px; content:''; position:absolute; top:70px; left:50%; margin-left:-15px; background:#ccc;}
#culture07 .cont05.new h1 span{font-size:1.2rem; color:#555; font-weight:300; display:block; padding-top:50px; line-height: 1.6;}

#culture p.lkp {text-align:center;}
#culture p.lkp a.esg-btn {background-color:unset;}
#culture p.lkp a.esg-btn:hover {background-color:#fff;}
#culture p.lkp a.home-btn {background-color:unset;}
#culture p.lkp a.home-btn:hover {background-color:#fff;}
#culture .bxwp {margin-bottom:40px; letter-spacing:-1px;  font-size: 1rem; width:100%;}
#culture .bxwp span {font-weight:500; color:#333333; font-size: 1.1rem;}

#culture .newdocimg {padding:60px;}
#culture .newdocimg img {width:42%;}

.pc_tb {display:block;}
.mo_tb {display:none;}



/* 상담제보 */
#company0904{width:100%; margin-bottom:100px;}
#company0904 .page-tit h1{font-size:2rem; color:#000;font-weight:500;}
#company0904 .message{padding:50px; padding-top:0px;}
#company0904 .message p{font-size:.95rem; font-weight:300;  color:#000; }
#company0904 .message h1{font-size:1.05rem; font-weight:400; color:#1f1b65;  margin:40px 0 20px;}
#company0904 .message h2{font-weight:400;  color:#000; margin-bottom:5px;}
#company0904 .graph-table{width:100%; border-top:1px solid #1d1963}
#company0904 .graph-table ul{overflow:hidden;}
#company0904 .graph-table ul li{float:left; width:10%; background:#f7f7f7; border-bottom:1px solid #ddd; padding:15px 20px; color:#000; font-weight:400; box-sizing:border-box; text-align:left; font-size:.9rem;}
#company0904 .graph-table ul li:nth-child(2n){width:40%; background:#fff; font-weight:300; color:#555;}
#company0904 .view-button{text-align:center;}
#company0904 .view-button a{display:block; width:300px; margin:30px auto; text-align:center; border:1px solid #71bf45; padding:15px 20px 15px 0; border-radius:50px; background:url('/resource/user/ko/img/sub/icon_pencil.png') no-repeat center right 70px; background-color:#71bf45; color:#fff; font-weight:400; font-size:1rem; }
#company0904 .view-button a:hover{background-color:#5daa32; border-color:#5daa32; transition:all .6s;}

#company090401 {width:100%; margin-bottom:100px;}
#company090401 .page-tit h1{font-size:2rem; color:#000;font-weight:500;}
#company090401 .message{background:#f7f8f9; padding:50px;}
#company090401 .message p{font-size:.95rem; font-weight:300;  color:#000; }
#company090401 .message h1{font-size:1.05rem; font-weight:400; color:#1f1b65;  margin:40px 0 20px;}
#company090401 .message .msg-tit{font-size:1.1rem; font-weight:400;  color:#000; text-align:center; max-width:600px; margin:10px auto;}
#company090401 .message .msg-tit > img {margin-bottom:15px;}
#company090401 .graph-table{width:100%; border-top:1px solid #1d1963}
#company090401 .graph-table ul{overflow:hidden;}
#company090401 .graph-table ul li{float:left; width:10%; background:#f7f7f7; border-bottom:1px solid #ddd; padding:15px 20px; color:#000; font-weight:400; box-sizing:border-box; text-align:left; font-size:.9rem;}
#company090401 .graph-table ul li:nth-child(2n){width:40%; background:#fff; font-weight:300; color:#555;}
#company090401 .graph-table ul li.long{width:90%;}
#company090401 .view-button{text-align:center;}
#company090401 .view-button a{display:inline-block; width:240px; margin:30px 5px; text-align:center; border:1px solid #aaa; padding:15px 15px 15px 41px; border-radius:50px; background:url('/resource/user/ko/img/sub/icon_pdf.png') no-repeat center left 30px; background-size:11%; background-color:#fff; color:#000; font-weight:400; font-size:1rem; }
#company090401 .view-button a:hover{background-color:#fff; border-color:#777; transition:all .6s;}
#company090401 .view-button a.pdf {background:url('/resource/user/ko/img/sub/icon_pdf.png')  no-repeat center left 30px; background-size:11%;}
#company090401 .view-button a.doc {background:url('/resource/user/ko/img/sub/icon_doc.png') no-repeat center left 30px; background-size:11%;}
#company090401 .view-button a.simple {background:none; padding:15px; }

/* 지사안내 */
#company10{margin:50px auto 100px;}
#company10 ul{border-top:2px solid #71bf45;}
#company10 ul li{border-bottom:1px solid #dedede; padding:40px 50px; overflow:hidden;}
#company10 ul li .left{float:left;}
#company10 ul li .right{float:right;}
#company10 ul li .left p{font-weight:300;}
#company10 ul li .left span{font-size:1.4rem; color:#000; display:inline-block; vertical-align:baseline; margin-right:60px; font-weight:500; position:relative;}
#company10 ul li .left span:before{content:''; position:absolute; right:-40px; top:9px; width:1px; height:20px; background:#dedede;}
#company10 ul li .left span.add_r{font-size:inherit; color:inherit; display:inline-block; vertical-align:inherit; margin-right:60px; font-weight:300; position:relative;}
#company10 ul li .left span.add_r:before{content:'';background:#fff;width:0px;height:0px;}
#company10 ul li .right{float:right;}
#company10 ul li .right a{display:inline-block; margin-left:20px;}
#company10 ul li .right a img{ vertical-align:top;}
#company10 ul li .right a.more{cursor:pointer;}
#company10 ul li .map{float:left; width:100%; padding-top:40px; display:none;}

#company10n {margin:50px auto 100px;}
#company10n ul{width:100%; display:inline-block;}
#company10n ul li {float:left; width:48%; margin-right:4%; margin-bottom:4%;}
#company10n ul li:nth-child(2n) {margin-right:0;}
#company10n ul li .cpnsbx {position:relative; padding:20px 25px; border:1px solid #dddddd; border-radius:10px;}
#company10n ul li .cpnsbx p.cpt {font-size:1.6rem; color:#151515; font-weight:500; line-height:1.1;}
#company10n ul li .cpnsbx p.cpad {font-size:1rem; font-weight:300; padding:10px 0 15px;}
#company10n ul li .cpnsbx .rttel {position:absolute; right:25px; top:20px; font-size:1.2rem; font-weight:400;}
#company10n ul li .cpnsbx .rttel a { color:#71bf44;}
#company10n ul li .cpnsbx .rttel a img {vertical-align: text-top;}
#company10n ul li .cpnsbx .mapnptbx {width:100%; display:relative;}
#company10n ul li .cpnsbx dl {width:100%;display:inline-block;}
#company10n ul li .cpnsbx dl dt {float:left; width:100%;}
#company10n ul li .cpnsbx dl dt iframe  {width:100%; height:220px; border-radius:5px;}
#company10n ul li .cpnsbx dl.tb2 {width:100%;display: inline-block;}
#company10n ul li .cpnsbx dl.tb2 dt:first-child {width:50%;padding-right:5px;}
#company10n ul li .cpnsbx dl.tb2 dt:last-child {width:50%; padding-left:5px;}
#company10n ul li .cpnsbx dl.tb2 dt .tb2sl {position:relative; display:inline-block; width:100%; height:220px; background:#f7f7f7;border-radius:5px; overflow:hidden; text-align:center;}
#company10n ul li .cpnsbx .swiper {height:100%;} 
#company10n ul li .cpnsbx .swiper .swiper-slide {height:100%; background-size:cover;}
#company10n ul li .cpnsbx .swiper-pagination-bullets {bottom:20px;}
#company10n ul li .cpnsbx .swiper-pagination-bullet {background:#fff; opacity:0.4;}
#company10n ul li .cpnsbx .swiper-pagination-bullet-active {background:#fff; opacity:1;}
#company10n ul li .cpnsbx .swiper-button-prev, #company10n ul li .cpnsbx .swiper-button-next {color:#fff;}
#company10n .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px; width:6px; height:6px;}


/* 가족회사소개 */
#company11{margin:50px auto 100px;}
#company11 ul{width:100%; overflow:hidden;}
#company11 ul li{float:left; width:23.5%; margin-right:2%; position:relative; margin-bottom:20px; }
#company11 ul li:nth-child(4n){margin-right:0;}
#company11 ul li .hover{width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; left:0; top:0; display:none; text-align:center; cursor:pointer}
#company11 ul li .hover img{position:relative; top:50%; margin-top:-22px;}
#company11 ul li:hover .hover{display:block;}
#company11 .pop-bg{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.7); z-index:9; display:none;}
#company11 .popup{width:550px; background:#fff; position:absolute; top:50%; left:50%; margin-left:-275px;  padding:50px; -webkit-transform: translateY(-50%); transform: translateY(-50%);  -webkit-box-sizing: border-box;  box-sizing: border-box; z-index:10; text-align:center;}
#company11 .popup .logo{width:100%; text-align:center; width:298px; margin:0 auto; height:150px; overflow:hidden; }
#company11 .popup .logo img{ margin-top:-50px; max-width:110%; margin-left:-1px;}
#company11 .popup .intro{font-weight:300; font-size:.95rem;}
#company11 .popup .name {font-size:.95rem; color:#000; margin:50px auto 30px;}
#company11 .popup .name span{display:inline-block; background:#71bf45; color:#fff; padding:2px 10px; border-radius:20px; font-size:.8rem; font-weight:400; margin-right:5px;}
#company11 .popup .info { border-top:1px solid #dedede; text-align:left; padding-top:30px;}
#company11 .popup .info p{color:#000; font-weight:300; font-size:.95rem; position:relative; height: 75px; padding:16px 0 0 75px;}
#company11 .popup .info img{vertical-align:middle; position:absolute; left:0; top:0;}
#company11 .pop-close{position:fixed; top:50%; left:50%; margin-left: 220px; margin-top: -255px; cursor:pointer; display:none; z-index:9;}
#company11 .block{display:block;}

#company11 ul li .cp11_cpbx {width:100%; border:1px solid #eee; border-radius:5px; padding:45px 20px; text-align:center;overflow:hidden;}
#company11 ul li .cp11_cpbx img {}
#company11 ul li .cp11_cpbx p.cpname {font-size:1.3rem; font-weight:400; color:#151515; margin:5px 0 20px;}
#company11 ul li .cp11_cpbx p.cpceo {font-size:0.85rem; font-weight:400; color:#333;white-space:nowrap;}
#company11 ul li .cp11_cpbx p.cpceo span {display:inline-block;vertical-align:middle; background:#71c043; color:#fff; font-size:0.75rem; padding:2px 5px 1px; border-radius:50px;  margin-right:5px;   vertical-align: text-bottom;}

#company11_brd {padding:20px 0 150px 0;}
#company11_brd .c2-tit{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; margin-bottom:70px; position:relative;}
#company11_brd .c2-tit:before{width:30px; height:1px; bottom:-20px; content:''; position:absolute; left:50%; margin-left:-10px; background:#333;}
#company11_brd ul {width:100%; display:inline-block; text-align:center;} 
#company11_brd ul li {display:inline-block; margin:0 10px;width:23%;}
#company11_brd ul li a {display:inline-block; border:1px solid #eee; border-radius:5px; padding:15px 10px; text-align:center;}


/* 글로벌삼구 */
#company12 .intro{text-align:center; margin-top:45px;}
#company12 .intro p{font-size:1.2rem; font-weight:300; color:#333; line-height:1.8;}
#company12 .intro p b{font-weight:400; color:#000;}
#company12 .intro p.green-t{font-size:1rem; color:#71bf45; font-weight:300; margin:40px 0 10px;}
#company12 .intro .info-box{background:#f7f8f9; padding:30px 0; width:450px; margin:0 auto;}
#company12 .intro .info-box .left{display:inline-block; padding-right:20px; font-size:.95rem; color:#000; font-weight:300; padding-top:20px;}
#company12 .intro .info-box .left img{vertical-align:middle;}
#company12 .intro .info-box .right{display:inline-block; text-align:left; padding-left:20px; font-size:.95rem; color:#000; font-weight:300; border-left:1px solid #dedede;}
#company12 .banner{width:95%; margin:100px auto 0; padding:160px 0; background:url('/resource/user/ko/img/sub/company/12/global-bg.jpg') no-repeat; background-size:cover; background-position:center center; text-align:center;}
#company12 .banner p{color:#fff; font-size:1.8rem; font-weight:200;}
#company12 .banner p b{font-weight:400;}
#company12 .country-list li{padding:80px 0; overflow:hidden;}
#company12 .country-list li .left{float:left; width:44%; text-align:left; margin:0 3%;}
#company12 .country-list li .img{float:left; width:50%; text-align:center;}
#company12 .country-list li h1{font-size:2.4rem; color:#1f1b65; font-weight:500;}
#company12 .country-list li h2{font-size:1.2rem; font-weight:300; color:#1f1b65; margin:20px 0 40px;}
#company12 .country-list li p{color:#000; font-weight:300; font-size:1.1rem;}
#company12 .country-list li p span.sojae{color:#71bf45; display:block; margin-top:40px;}

/* 기업문화 */
#culture01 .cont01{padding:150px 0; margin-top:-51px; background:url('/resource/user/ko/img/sub/culture/01/cont1-bg.jpg') no-repeat; background-size:cover; background-position:center center; text-align:center;}
#culture01 .cont01 h1{font-size:2.3rem; color:#000; font-weight:300; margin-bottom:10px;}
#culture01 .cont01 h1 b{font-weight:500;}
#culture01 .cont01 p{font-weight:300; margin-top:30px; line-height:1.6;}
#culture01 .cont02{text-align:center; background:#f7f8fa;}
#culture01 .cont02 ul {overflow:hidden; padding:100px 0; }
#culture01 .cont02 ul li{float:left; width:31.33%; margin:0 1%; background:#fff; text-align:center; height:285px; padding-top:40px; box-shadow: 1px 5px 10px #eee;}
#culture01 .cont02 ul li h2{font-size:1.5rem; color:#000; font-weight:400; margin:10px 0;}
#culture01 .cont02 ul li p{font-size:.95rem; color:#000; font-weight:300;}
#culture01 .cont03{padding:100px 0; background:url('/resource/user/ko/img/sub/culture/01/cont3-bg.jpg') no-repeat; background-size:cover; background-position:center center; text-align:center; color:#fff;}
#culture01 .cont03 h1{ font-size:2.3rem; font-weight:300; }
#culture01 .cont03 h1 span{font-size:1.2rem; font-weight:300; display:block;}
#culture01 .cont03 h1 b{font-weight:500;}
#culture01 .cont03 .circle{margin-top:50px; position:relative;}
#culture01 .cont03 .circle div{position:absolute; left:50%; width:300px; margin-left:-150px;}
#culture01 .cont03 .circle div h2{font-size:1.2rem; font-weight:400; margin-bottom:10px;}
#culture01 .cont03 .circle div p{font-size:.95rem; font-weight:300;}
#culture01 .cont03 .circle .t01{ top:70px;}
#culture01 .cont03 .circle .t02{ top:230px;}
#culture01 .cont03 .circle .t03{ top:410px;}

#culture01 .cont04 {padding:100px 0; background:url('/resource/user/ko/img/sub/culture/01/cont4-bgw.jpg') no-repeat right bottom #fff; text-align:center;}
#culture01 .cont04 .c2-tit{color:#000; font-size:2.4rem; font-weight:400; text-align:center; line-height:1.4; margin-bottom:70px; position:relative;}
#culture01 .cont04 .c2-tit:before{width:30px; height:1px; bottom:-20px; content:''; position:absolute; left:50%; margin-left:-14px; background:#333;}
#culture01 .cont04 ul.ul01 {display:inline-block; width:100%;}
#culture01 .cont04 ul.ul01 li {float:left; width:25%; text-align:center;}
#culture01 .cont04 ul.ul01 li img {border-radius:5px;}
#culture01 .cont04 p.ctxt {padding:0 0 50px 0;}
#culture01 .cont04 ul.ul02 {width:100%; display:inline-block; margin-top:50px; text-align:center; }
#culture01 .cont04 ul.ul02 li {float:left; display:inline-block;  width:32%;padding:10px; background:#fff; border:1px solid #efefef; border-radius:20px; margin-right:2%;}
#culture01 .cont04 ul.ul02 li:last-child {margin-right:0;}
#culture01 .cont04 ul.ul02 li .box {text-align:center; padding:2px; letter-spacing:-1px; border:2px solid transparent;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #605d91,  #96cc79);  background-origin: border-box;  background-clip: content-box, border-box; border-radius:15px;}
#culture01 .cont04 ul.ul02 li .box .bxmg {padding:15px;}
#culture01 .cont04 ul.ul02 li .box p.tt {font-size:1.6rem; color:#151515; margin-bottom:10px; font-weight:500;}
#culture01 .cont04 ul.ul02 li .box p.tx {font-size:1rem}


/* 어바웃삼구 */
#culture05 .cont01{margin:100px auto; background:url('/resource/user/ko/img/sub/culture/05/cont1-bg.jpg') no-repeat left top; padding:0; overflow:hidden;}
#culture05 .cont01 .c5-box{margin-top:100px; padding:80px 240px 80px 100px; display:inline-block; float:left; background:url('/resource/user/ko/img/sub/culture/05/cont1-bg2.jpg') #fff no-repeat bottom right; border-right:3px solid #71bf45;}

#culture05 .cont02{margin:100px auto; background:url('/resource/user/ko/img/sub/culture/05/cont2-bg.jpg') no-repeat right top; padding:0; overflow:hidden;}
#culture05 .cont02 .c5-box{ padding:80px 140px 200px 100px; display:inline-block; float:left; background:url('/resource/user/ko/img/sub/culture/05/cont2-bg2.png') #fff no-repeat bottom left; border-right:3px solid #71bf45;}

#culture05 .cont03{margin:50px auto 100px; background:url('/resource/user/ko/img/sub/culture/05/cont3-bg.jpg') no-repeat left top; padding:0 0 80px; overflow:hidden;}
#culture05 .cont03 .c5-box{ padding:60px 200px 100px 100px; display:inline-block; float:right; background:url('/resource/user/ko/img/sub/culture/05/cont3-bg2.png') #fff no-repeat bottom right; border-left:3px solid #71bf45;}

#culture05 .cont04{margin:100px auto; background:url('/resource/user/ko/img/sub/culture/05/cont4-bg.jpg') no-repeat right top; padding:0; overflow:hidden;}
#culture05 .cont04 .c5-box{ padding:80px 50px 250px 50px; display:inline-block; float:left; background:url('/resource/user/ko/img/sub/culture/05/cont4-bg2.png') #fff no-repeat bottom left; border-right:3px solid #71bf45;}

#culture05 h1{font-size:2.3rem; font-weight:400; color:#000; margin-bottom:30px;}
#culture05 h2{font-size:1.3rem; font-weight:400; color:#000; margin-top:30px;}
#culture05 p{font-size:1.1rem; font-weight:300; color:#000;}
#culture05 b{font-weight:500;}

/* 삼구의인재상 */
#hire02 h1.h2-tit{font-size:1.6rem; font-weight:300; line-height:1.2; color:#333; padding:50px 0;}
#hire02 ul{margin-bottom:50px;}
#hire02 ul li{padding:80px 0 100px; border-top:1px solid #e9e9e9; position:relative;}
#hire02 ul li p.loc{color:#71bf45; font-weight:400;}
#hire02 ul li span.bar{display:block; width:30px; height:2px; background:#71bf45; margin:10px 0 50px;}
#hire02 ul li img{position:absolute; top:70px; right:0;}
#hire02 ul li h2{font-size:1.8rem; font-weight:400; line-height:1.2; color:#1f1b65;}
#hire02 ul li .text{padding:50px 0 0; overflow:hidden;}
#hire02 ul li .text p{float:left; margin-right:30px; font-weight:300;}
#hire02 ul li .text b{color:#000; font-weight:500; display:block; margin-bottom:10px;}

/* 삼구인인터뷰 */
#hire03 ul {margin-bottom:50px;}
#hire03 ul li{padding:50px 0; overflow:hidden; border-bottom:1px solid #e9e9e9;}
#hire03 ul li:last-child{border-bottom:0;}
#hire03 ul li .img{float:left;}
#hire03 ul li .text{float:left; padding:48px 80px 0;}
#hire03 ul li .text p{font-size:1rem; color:#888; font-weight:300;}
#hire03 ul li .text p b{font-weight:400; font-size:1.6rem; color:#000; display:block; margin-bottom:20px;}
#hire03 ul li .text a{color:#71bf45; font-size:1rem; margin-top:50px; display:inline-block;}
#hire03 ul li .text a:hover{border-bottom:1px solid #71bf45; margin:50px 10px 0; transition:all .6s;}
#hire03 ul li .text a img{vertical-align:top; margin-top: 5px; margin-left:10px;}
#hire03 ul li:nth-child(2n) .img{float:right;}
#hire03 ul li:nth-child(2n) .text{float:right; text-align:right;}
#hire03 .cont02{overflow:hidden; margin:100px auto;}
#hire03 .cont02 .left{float:left; width: 40%;}
#hire03 .cont02 .right{float:right; width: 60%;}
#hire03 .cont02 .right h1{font-size:1.6rem; font-weight:400; color:#000; margin:20px 0 100px;}
#hire03 .cont02 .right p{font-weight:300; font-size:.95rem; line-height:1.6;}
#hire03 .cont02 .right p.green-t{font-weight:500;}
#hire03 .cont02 .right p b{font-weight:400; display:block; color:#000; margin:30px 0 5px; font-size: 1.1em;}
#hire03 .cont02 .right a{font-size:.9rem; color:#888; display:inline-block; margin-top:50px;}
#hire03 .cont02 .right a img{margin-right:5px; vertical-align:top;}
#hire03 .cont02 .right a:hover{margin-left:-10px; transition:all .6s;}

/* 채용 qna */
#hire04{ overflow:hidden; padding:50px 0 100px;}
#hire04 .container {position: relative; width: 31.33%;  margin: 12px 1%;  float:left; text-align:center;}
/* entire container, keeps perspective */
#hire04 .card-container {  height: 360px;-webkit-perspective: 1000px;perspective: 1000px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
#hire04 .card { position: relative; height: 100%; -webkit-transition: .6s; transition: .6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
/* flip class added with javascript on click */
#hire04 .card-container.flip .front {  -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
#hire04 .card-container.flip .back { -webkit-transform: rotateY(0deg);  transform: rotateY(0deg); background:url('/resource/user/ko/img/bg-logo.png') no-repeat right 10px bottom 10px;}
#hire04 .card .front{ cursor:pointer;}
#hire04 .card .front,
#hire04 .card .back {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
	padding:50px;
	box-shadow: 4px 4px 4px #eee;
	border:1px solid #ddd;
}
#hire04 .card .front h1{font-size:3rem; color:#ccc;}
#hire04 .card .back h1{font-size:3rem; color:#71bf45;}
#hire04 .card .front p{font-size:1.2rem; color:#333; font-weight:400; margin-top:15px;}
#hire04 .card .back p{font-size:1rem; color:#333; font-weight:300; margin-top:10px;}
#hire04 .card .front span{background:#1f1b65; display:block; max-width:200px; text-align:center; margin:25px auto 0; color:#fff; font-size:.9rem; padding:2px 0; border-radius:20px;  font-weight:300;}
#hire04 .card .front { z-index: 2; -webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
#hire04 .card .back { background-color: #fff; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg);}
#hire04 .card.vertical .front { background-color: #fff;}
#hire04 .card.vertical .back  {background-color: #fff;}
#hire04 .card.vertical .back { -webkit-transform: rotateX(180deg);  transform: rotateX(180deg);}


/*회사소개 다운로드 팝업*/
.download-btn{ padding-top:20px; }
.download-btn a{display:inline-block; width:300px; margin-bottom:10px; text-align:center; border:1px solid #c2c2c2; padding:15px 40px 15px 0; border-radius:50px; color:#000; font-weight:400; font-size:1rem; background:url('/resource/user/ko/img/sub/company/07/ci-download.png') no-repeat center right 50px;}
.download-btn a:hover{border-color:#000; transition:all .6s;}
.download-pop-bg{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.7); z-index:999; display: none;}
.download-popup{width:700px; background:#fff; position:absolute; top:50%; left:50%; margin-left:-350px;  padding:40px 50px; -webkit-transform: translateY(-50%); transform: translateY(-50%);  -webkit-box-sizing: border-box;  box-sizing: border-box; z-index:10; text-align:center;}
.download-popup h2 { text-align: left; color:#000; font-size:1.8rem; font-weight:400; margin-bottom:20px; }
.download-popup .tbl-form {width: 100%; padding:10px 0; border-collapse: collapse; border-spacing: 0; border-top:solid 1px #000; border-bottom:solid 1px #ddd;}
.download-popup .tbl-form th { padding:15px 0; border-bottom: solid 1px #ddd;font-weight: 500; color:#000; width:100px;}
.download-popup .tbl-form td { padding:15px 0; border-bottom: solid 1px #ddd; color:#999; }
.download-popup .tbl-form td p { font-weight: 500; color:#000;}
.download-popup .down-input { width: 100%; }
.download-popup .down-input2 { width: 48%; }
.download-popup .down-input3 { width: 31.9%; }
.download-popup .chk-contents { width: 100%; height: 100px; padding:5px; margin: 10px 0;font-size:0.9rem; font-weight:300; line-height:1.8; border:solid 1px #efefef; overflow-y: scroll;}
.download-popup .download-btn { text-align: center;}
.download-pop-close{ position:absolute; top:50%; left:50%; margin-left: 270px; margin-top: -305px; cursor:pointer; z-index:11;}
.pop-block{display:block !important;}





#hdwc{position:absolute; top:0; left:0;   z-index:101; width:100%; -moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#hdwc .hewc-wr{width:100%; max-width:1280px; margin:20px auto;}
#hdwc .lan{ max-width:1280px; width:100%; margin:0 auto; text-align:right;font-size:.9rem; padding:5px 0 5px 0; /*background:url('/resource/user/ko/img/lan_icon.png') no-repeat center right 150px;*/ position:absolute; top:10px;  }
#hdwc .lan a{color:#fff; font-weight:400; display:inline-block; letter-spacing:1px;}
#hdwc .lan a{position:relative;  padding-left:5px; opacity:0.7;}
#hdwc .lan a.active{opacity:1;  padding: 0 8px; border: 1px solid #fff; border-radius: 30px; font-size: .9em;}
#hdwc #pc-logob, #hdwc #mobile-logob {display:none;}
#hdwc a.logo {display: inline-block;}
#hdwc .nav{overflow:hidden; float:right;     margin: 27px 0 0;}
#hdwc .nav li > a { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);}
#hdwc .mobile-logo{display:none;}
#hdwc .nav ul{float:left; overflow:hidden;}
#hdwc .nav ul li{float:left; line-height:26px; width:130px; margin-right:20px;}
#hdwc .nav ul li a{padding:5px 0px; color:#fff; display:block; font-size:1.1rem; font-weight:400;}
#hdwc .nav ul li dl {display:none;}
#hdwc .nav .menu-btn{float:left;  display: inline-block; padding-left:20px; cursor:pointer; padding: 3px 0; width:40px;}
#hdwc .nav .menu-btn span{display:block; width:38px; height:2px; background:#ffffff; float:right; transition:all .5s;}
#hdwc .nav .menu-btn span.center{margin:10px 0; width:25px;}
#hdwc .nav .menu-btn:hover span{width:25px;}
#hdwc .nav .menu-btn:hover span.center{width:38px;}
#hdwc .menu .menu-close{position:absolute; top:45px; right:50px; padding:20px; cursor:pointer; transition: transform 700ms cubic-bezier(0.86, 0, 0.07, 1);transform: rotate(0deg);}
#hdwc .menu .menu-close:hover{ transition: transform 400ms cubic-bezier(0.86, 0, 0.07, 1); transform: rotate(180deg);}
#hdwc .menu .menu-close img{vertical-align:middle;}
#hdwc .menu .menu-on{	width:100%;	max-width:1200px;	height:100%;	position:fixed;	right:-100%;	top:0;	background:#fff;z-index:9;}
#hdwc .menu .mak{position:fixed; width:100%; height:100%; right:0; top:0; display:none; background:rgba(0,0,0,0.6); z-index:8;  }
#hdwc .menu .menu-category .logo{display:none;}
#hdwc .menu .menu-category{	position: absolute; padding:0 100px; width: 100%; top: 50%; left: 0; transform: translate(0,-50%); transform: -ms-translate(0,-50%);box-sizing:border-box;}
#hdwc .menu .menu-category ul{overflow:hidden; width:100%; box-sizing: border-box;  border-bottom:1px solid #e9e9e9; padding:20px 0;}
#hdwc .menu .menu-category ul ul{border:0; padding:0; }
#hdwc .menu .menu-category ul h1{color:#000; font-weight:400; font-size:1.3rem; margin: 0 0 5px;;}
#hdwc .menu .menu-category ul h1 > a {color:#000 !important;}
#hdwc .menu .menu-category ul li{display:inline-block; margin:5px 0; font-size:1.1rem;}
#hdwc .menu .menu-category ul li a{color:#000; margin-right:15px;   font-weight:300;}
#hdwc .menu .menu-category ul li a:hover{color:#6abc3b}
#hdwc .menu .menu-category ul span.line{display:inline-block; width:1px; height:5px; background:#aaa; margin:0 10px;}
#hdwc .menu .menu-category .company-ca a{font-size:.9em; color:#999; font-weight:300; }
#hdwc .menu .menu-category .company-ca .l-line{display:inline-block; width:1px; height:13px; vertical-align:middle; background:#999; margin:0 10px;}
#hdwc .menu .menu-category ul h1.green-t{color:#6abc3b}
#hdwc .hdsabo {display:none;}

#hdwc.on {background:#fff;  padding-bottom: 50px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}
#hdwc.on #pc-logob {display:block;}
#hdwc.on #pc-logow {display:none;}
#hdwc.on .lan a{color:#151515;}
#hdwc.on .lan a.active{border: 1px solid #151515;}
#hdwc.on .nav ul li a{color:#151515; }
#hdwc.on .nav ul li .wcnvbar {width:100%; height:3px; background:#dddddd; margin:10px 0 15px;}
#hdwc.on .nav ul li:hover .wcnvbar { background:#71bf44;}
#hdwc.on .nav ul li dl {width:100%; display:inline-block;}
#hdwc.on .nav ul li dl dt { line-height:18px; margin-bottom:12px;}
#hdwc.on .nav ul li dl dt a {color:#333; font-size:14px; padding:0;letter-spacing:0px; font-weight:400;}
#hdwc.on .nav ul li dl dt a:hover {color:#71bf44;}
#hdwc.on .nav .menu-btn span{background:#151515;}
#hdwc.on .hdsabo {display:block; overflow:hidden; position:absolute; width:400px; height:220px;top:100px; margin-left:30px;}
#hdwc.on .hdsabo ul {display:inline-block; width:100%; padding:20px 0;}
#hdwc.on .hdsabo ul li {float:left;height:180px;}
#hdwc.on .hdsabo ul li:first-child {width:50%;}
#hdwc.on .hdsabo ul li:last-child {width:50%;}
#hdwc.on .hdsabo ul li .tit {text-align:right;position: relative; top: 50%; margin-top: -44px;}
#hdwc.on .hdsabo ul li .tit #sabo_month {display: inline-block; font-size:50px; color:#71bf44; margin-top: 0; position: relative; padding-bottom: 3px;line-height: 40px; font-weight: 700; letter-spacing: -2px;}
#hdwc.on .hdsabo ul li .tit .sabo_monthwc {display: inline-block; font-size:50px; color:#71bf44; margin-top: 0; position: relative; padding-bottom: 3px;line-height: 40px; font-weight: 700; letter-spacing: -2px;}
#hdwc.on .hdsabo ul li .tit #sabo_date_info {display: inline-block; font-size:14px; color:#555555; margin-right:5px;margin-top: 2px;}
#hdwc.on .hdsabo ul li .tit dl.sabobtn {display:inline-block; margin-top:10px;}
#hdwc.on .hdsabo ul li .tit dl.sabobtn dt {float:left; margin-left:-1px;}
#hdwc.on .hdsabo ul li .tit dl.sabobtn dt a {display:inline-block; font-size:15px; color:#151515; border:1px solid #ccc; padding:5px 12px;}
#hdwc.on .hdsabo ul li .tit dl.sabobtn dt a span {font-size:18px; vertical-align: sub; margin-left:3px; color:#aaa;}
#hdwc.on .hdsabo ul li .tit dl.sabobtn dt a:hover span {color:#71bf44;}
#hdwc.on .hdsabo ul li .thumimg {width:140px; height:180px; padding:10px; margin:0 auto;box-shadow:0px 0px 12px rgba(0, 0, 0, 0.15); background:#fff;}



#hdwc.on .hdsabo .swiper {height:220px;}
#hdwc.on .hdsabo .swiper-button-prev, #hdwc.on .hdsabo .swiper-button-next {color:#999;}
.swiper-container-horizontal > .swiper-pagination-bullets {position:relative;}
#hdwc.on .hdsabo .swiper-button-prev2 {left:auto; right:203px; width:18px; height:42px; color:rgba(0,0,0,0);background: url('/resource/user/ko/img/hdsabo_prev.png') no-repeat center;}
#hdwc.on .hdsabo .swiper-button-next2 {left:auto; right:20px; width:18px; height:42px; color:rgba(0,0,0,0);background: url('/resource/user/ko/img/hdsabo_next.png') no-repeat center;}