@charset "utf-8";

/************************************************** layout **************************************************/
/* sub common */ 



*{vertical-align:top;}  
input,select,button{border:none;}
select{-webkit-appearance: none;-moz-appearance: none;}
select::-ms-expand{display:none;}
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input::-webkit-input-placeholder{color:#ccc; text-align:left; text-indent:10px;}
input:-ms-input-placeholder{color:#ccc; text-align:left; text-indent:10px;}
input::-moz-placeholder{color:#ccc; text-align:left; text-indent:10px;}
input:-moz-placeholder{color:#ccc; text-align:left; text-indent:10px;} 
input {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;} 
img{max-width:100%;}
.hidden{display:none;}
.maxinner{width:90%; max-width:1400px; margin:0 auto; }
.maxinner1200{width:90%; max-width:1200px; margin:0 auto; }
.hide {  position: absolute; left: -9999%;font-size: 0; line-height: 0; text-indent: -9999%;}
.mt0 { margin-top:0 !important;}
/* sub visual */
.sub-visual{width:100%; height:100vh;   background-position:center center; background-size:cover; overflow:hidden; position: relative; transition:all ease .3s;}
.sub-visual:after{/*content:''; */
  width: 0;
  height: 0;
  border-top: 120px solid transparent; 
  border-bottom: 120px solid #fff; 
  border-right: 1920px solid #fff;
  border-left: 1920px solid transparent; position:absolute; left:0; bottom:0; z-index:-1;}
.sub-visual .maxinner{position:relative;max-width:1200px;height:100%;} 
.sub-visual-tit{position:absolute;bottom:19%;left:0;width:100%}

/*.sub-visual-tit h1{font-weight: 600; font-size:72px; color:#fff;}
.sub-visual-tit h1 small{font-size:20px; display:block; line-height:34px; font-weight: normal; font-family:'Tahoma','Pretendard',sans-serif; text-shadow: 1px 1px 1px black;}*/
.sub-visual-tit h2{color:#fff;}
.sub-visual-tit h2>strong{display:block;font-size:54px;font-weight:900;/*letter-spacing:0.15em;*/line-height:1;margin-bottom:25px}
.sub-visual-tit h2>p{font-size:42px;}
.sub-visual-tit h2>p + p{font-size:20px;font-weight:300;color:rgba(255,255,255,0.7);margin-top:20px;}

.sub-bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; opacity:1 !important; background-size:cover; transform: scale(1.05); background-position:center center;} 
.sub-bg.companybg{background-image:url('../../../img/sub/company_bg.png');background-position:100% 50%}
.sub-bg.teambg{background-image:url('../../../img/sub/team_bg.png');background-position:100% 50%}
.sub-bg.portfoliobg{background-image:url('../../../img/sub/portfolio_bg.png');}
.sub-bg.ethicsbg{background-image:url('../../../img/sub/ethics_bg.png');}
.sub-bg.mediabg{background-image:url('../../../img/sub/media_bg.png');}

/*.sub-bg.bg00{background-image:url('../../../img/sub/visual00.jpg');}
.sub-bg.bg01{background-image:url('../../../img/sub/visual01.jpg');}
.sub-bg.bg02{background-image:url('../../../img/sub/visual02.jpg');}
.sub-bg.bg03{background-image:url('../../../img/sub/visual03.jpg');}
.sub-bg.bg04{background-image:url('../../../img/sub/visual04.jpg');}
.sub-bg.bg05{background-image:url('../../../img/sub/visual05.jpg');}
.sub-bg.bg06{background-image:url('../../../img/sub/visual06.jpg');}
.sub-bg.bg07{background-image:url('../../../img/sub/visual07.jpg');}
.sub-bg.bg08{background-image:url('../../../img/sub/visual08.jpg');}
.sub-bg.bg09{background-image:url('../../../img/sub/visual09.jpg');}
.sub-bg.bg10{background-image:url('../../../img/sub/visual10.jpg');}
.sub-bg.bg11{background-image:url('../../../img/sub/visual11.jpg');}
.sub-bg.bg12{background-image:url('../../../img/sub/visual12.jpg');} 
.sub-bg.bg13{background-image:url('../../../img/sub/visual13.jpg');}
.sub-bg.bg14{background-image:url('../../../img/sub/visual14.jpg');} 
.sub-bg.bg15{background-image:url('../../../img/sub/visual15.jpg');} 
.sub-bg.bg16{background-image:url('../../../img/sub/visual16.jpg');} 
.sub-bg.bg17{background-image:url('../../../img/sub/visual17.jpg');} 
.sub-bg.bg18{background-image:url('../../../img/sub/visual18.jpg');} 
.sub-bg.bg19{background-image:url('../../../img/sub/visual19.jpg');}*/

.sub-visual .btn_arrow{position:absolute;top:50%;transform:translateY(-50%);width:100px;height:100px;border:1px solid rgba(255,255,255,0.4);border-radius:50%;opacity:0.75;transition:0.2s}
.sub-visual .btn_arrow:hover{opacity:1}
.sub-visual .btn_arrow>a{display:block;width:100%;height:100%}
.sub-visual .btn_arrow.next{right:4%;background:url(/img/common/ico_next.png) no-repeat 55% 50%}
.sub-visual .btn_arrow.prev{left:4%;background:url(/img/common/ico_prev.png) no-repeat 45% 50%}

 .sub-visual .down_btn{
	width: 67px;
	height: 42px;
	border: none;
	background:transparent url('../../../img/common/ico_scroll.png') no-repeat;
	position: absolute;
	left: 50%; bottom: 40px;
	z-index: 1;
	animation: scroll .8s infinite alternate;
}
@keyframes scroll {
	from {
		transform: translate3d(0, 5px, 0);
	}
	to {
		transform: translate3d(0, -10px, 0);
	}
}
@-webkit-keyframes scroll {
	from {
  	  transform: translate3d(0, 5px, 0);
    }
    to {
  	  transform: translate3d(0, -10px, 0);
    }
}
@-ms-keyframes scroll {
	from {
  	  transform: translate3d(0, 5px, 0);
    }
    to {
  	  transform: translate3d(0, -10px, 0);
    }
}
@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
@-webkit-keyframes fadeUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
@-ms-keyframes fadeUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

/* sub position */
.sub-position{  margin-top:100px;}
.sub-position:after{ width:200%; height:100%; position:absolute; left:-200%; bottom:0;  }
.sub-position a{display:inline-block;   margin-right:30px; position:relative; color:#fff; font-weight:300; line-height:1.5;}
.sub-position a:not(:last-child):after{content:''; width:6px; height:13px; background:url('../../../img/sub/ic-arr-s-w.png') no-repeat 0 0; position:absolute; right:-20px; top:6px;} 
.sub-position a:last-child{color:#fff;  font-weight:600;}
.sub-position a.go-home{width:17px; height:24px; background:url('../../../img/sub/ic-home-w.png') no-repeat center center;}

/* sub common */
.sub-cont-tit{padding:100px 0 80px; text-align:left; display:inline-block; width:15%; vertical-align: top;}
.sub-cont-tit h2{font-size:46px; line-height:1.2; font-weight: 600;}
.sub-cont-tit2{padding:100px 0 80px; text-align:center; display:inline-block; width:100%; vertical-align: top;}
.sub-cont-tit2 h2{font-size:46px; line-height:1.2; font-weight: 600;}
.sub-cont-tit2 h3{font-size:46px; line-height:1.2; font-weight: 700;}
.sub-cont-tit .add{display: inline-block; line-height: 28px; font-size: 18px; margin-top: 20px; text-align: left;}
.sub-cont-tit h3{font-size:36px; line-height:1.3; }
.sub-cont-tit p{margin-top:30px; font-size:18px}
.sub-cont-tit p b{color:#0042bf;} 
.sub-cont-txt{font-size:18px; padding:100px 0px 50px 60px; text-align:left; line-height:2; width:83%; display:inline-block}
.sub-cont-txt b{color:#000; display:block; margin-bottom:20px}
.sub-cont-p h3{margin:50px 0 20px; font-size:1.2em;}
.sub-cont-p p{margin:20px 0; line-height:1.8;}
.sub-tab{display:flex; flex-wrap:wrap;   border:1px solid #ddd; border-bottom:0; border-right:0;} 
.sub-tab li {width: 100%;  border-bottom:1px solid #ddd; border-right:1px solid #ddd;} 
.sub-tab li a{display:flex;align-items:center; justify-content:center; width:100%;  text-align:center; height:80px; font-size:20px; font-weight:500; background:#fff; position:relative; padding: 0 1rem; word-break: break-word;}
.sub-tab li.active a{  background:#0042bf; color:#fff; font-weight:600; box-shadow: 3px 3px 20px rgb(154 185 243 / 62%);}  
.sub-tab li:first-child:nth-last-child(2), 
.sub-tab li:first-child:nth-last-child(2)~li { width: 50%;  }  
.sub-tab li:first-child:nth-last-child(2)~li:last-child{margin-right:0;}   
.sub-tab li:first-child:nth-last-child(3), 
.sub-tab li:first-child:nth-last-child(3)~li { width: 33.33%;  }  
.sub-tab li:first-child:nth-last-child(3)~li:last-child{margin-right:0;}   
.sub-tab li:first-child:nth-last-child(5), 
.sub-tab li:first-child:nth-last-child(5)~li { width: 20%;  }    
.sub-tab li:first-child:nth-last-child(5)~li:last-child{margin-right:0;}
.sub-tab li:first-child:nth-last-child(4), 
.sub-tab li:first-child:nth-last-child(4)~li{ width: 25%;  }  
.sub-tab li:first-child:nth-last-child(4)~li:last-child{margin-right:0;}
.sub-tab li:first-child:nth-last-child(7), 
.sub-tab li:first-child:nth-last-child(7)~li,
.sub-tab li:first-child:nth-last-child(8), 
.sub-tab li:first-child:nth-last-child(8)~li { width: 25%;  }  
.sub-tab li:first-child:nth-last-child(7)~li:last-child, 
.sub-tab li:first-child:nth-last-child(4)~li:last-child,
.sub-tab li:first-child:nth-last-child(8)~li:nth-child(4n){margin-right:0;}

/* sub visual tab */
.sub-visual-tab {
    border-bottom: solid 1px #dddddd;
    height: 80px;
}
.sub-visual-tab ul {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}
.sub-visual-tab ul li {
    height: 100%;
    margin: 0 25px;
    position: relative;
}
.sub-visual-tab ul li a {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 0 30px;
    cursor: pointer;
}
.sub-visual-tab ul li a.current {
    color: #0042bf;
}
.sub-visual-tab > ul > li > a.current:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0042bf;
    display: block;
}

.sub-visual-tab ul li a.business {
    min-width: 180px;
}
.sub-visual-tab ul li a.business:after {
    content: '';
    background: url('../../../img/ico/ico-business-arrow.png') no-repeat;
    width: 10px;
    height: 6px;
    display: block;
    position: absolute;
    right: 10%;
    transition: 0.3s;
}

.sub-visual-tab ul li .dep2 {
    width: 100%;
    position: absolute;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    margin-top: 1px;
    padding: 20px;
    border: solid 1px #dddddd;
    border-top: none;
    display: none;
}
.sub-visual-tab ul li .dep2 li {
    margin: 0 0 15px;
    text-align: center;
    height: auto;
}
.sub-visual-tab ul li .dep2 li:last-child {
    margin-bottom: 0;
}
.sub-visual-tab ul li .dep2 li a {
    color: #666666;
    font-weight: 400;
    padding: 0;
}
.sub-visual-tab ul li .dep2 li a.current {
    color: #0042bf;
    font-weight: 600;
}

.sub-visual-tab.open .dep1 li a:after {
    transform: rotate(180deg);
}

/* btn */
.btn-wr{display:flex; flex-wrap:wrap; margin:50px 0;}
.btn-wr a{display:flex; align-items:center; justify-content:space-between;; background:#fff; border:1px solid #333;  height:65px; line-height:65px; padding:0 30px;   min-width:280px; text-align:center; margin-right:20px; font-weight:600; margin-bottom:10px; transition:all ease .3s;} 
.btn-wr a:last-child{margin-right:0;}
.btn-wr .ic-download{display:inline-block; width:15px; height:16px; background:url('../../../img/sub/ic-download.png') no-repeat 0 0; vertical-align: baseline; margin-left:10px; transition:all ease .3s;}
.btn-wr .ic-link{display:inline-block; width:16px; height:16px; background:url('../../../img/sub/ic-link.png') no-repeat 0 0; vertical-align: middle; margin-left:10px;  transition:all ease .3s;     margin-top: -4px;}
.btn-wr a:hover{background:#0042bf; border-color:#0042bf; color:#fff;}
.btn-wr a:hover .ic-download{background:url('../../../img/sub/ic-download-w.png') no-repeat 0 0;}
.btn-wr a:hover .ic-link{background:url('../../../img/sub/ic-link-w.png') no-repeat 0 0;}


/* sub tab */ 
.tab-menu li{ display: inline-block; } 
.tab-menu li a{ font-size:18px; color:#aaa; cursor:pointer;}
.tab-menu li a.active{ color:#111; font-weight:600;} 
.tab{ display: none;} 
.tab.active{ display: block;}
 
/* board search */
.board-top{display:flex; flex-wrap:wrap; align-items:end; justify-content:flex-end;  margin:0 0 50px;}
.board-top .search-box{border:1px solid #ddd; width:100%; max-width:400px; height:65px; padding:10px; }
.board-top .search-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.board-top .search-btn{width:45px; line-height:45px; height:45px; background:url('../../../img/sub/ic-search.png') no-repeat center center;}  
.board-top .search-box select{width:80px;  line-height:45px; height:45px; padding:0 10px }
.board-top .search-box input{ line-height:45px; height:45px; width: calc(100% - 125px);}
.board-top .total span{color:#0042bf; font-weight:600; } 
#bo_btn_top{margin:0;}
#bo_btn_top .fa{vertical-align:middle;}

.board-btn{justify-content:center; }
.board-btn a{justify-content:center; font-size:16px}
 





/************************************************** friendly **************************************************/
/* company */
.company .esg-about .esg-box{display:flex; flex-wrap:wrap; justify-content:space-between;}
.company .esg-about .esg-box li{width:30%; color:#fff; padding:50px;}
.company .txtbox1 {
    color: #fdb813;
    width: 24%;
    display: inline-block;
    text-align: center;
    margin: auto;
    padding-top: 50px;
    font-size: 34px;
}
.company .txtbox1 h2 {
    font-size: 18px;
    color: #fdb813;
    font-weight: 700;
    padding-bottom: 0;
}
.company .txtbox1 .counter {
    display: inline-block;
    line-height: 50px;
    font-size: 54px;
    font-weight: 700;
}
.company .esg-about .esg-box li strong{display:block; width:167px; height:167px;  line-height:167px; margin:50px auto; border-radius:50%; border:1px solid #fff; font-size:72px; text-align:center;}
.company .esg-about .esg-box li .box-tit {text-align:center;}
.company .esg-about .esg-box li .box-tit h3{font-size:30px; margin:10px 0 30px;}  
.company .esg-lay{display:flex;justify-content: space-between; flex-wrap:wrap; padding:120px 0 40px;}
.company .esg-lay .esg-left {width:260px; position:relative;}
.company .esg-lay .big-tit{position:relative; z-index:2;}
.company .esg-lay .big-tit strong{font-size:160px; color:#0042bf; margin:0 0 30px; line-height:1;}
.company .esg-lay .big-tit h3{font-size:46px; font-weight: 600;} 
.company .esg-lay .esg-left .num{color:#f4f4f4; font-size:140px; position:absolute; left:50px; top:60px; z-index:0; font-weight:700; line-height:1;}
.company .esg-lay .esg-right {width:calc(100% - 260px);}
.company .esg-lay .esg-right .dot-txt {}
.company .esg-lay .esg-right .dot-txt p{position:relative; padding-left:13px; line-height:1.8; font-size:18px}
.company .esg-lay .esg-right .dot-txt p:not(:last-child){ margin:0 0 40px; }
/*.company .esg-lay .esg-right .dot-txt p:after{content:''; width:4px; height:4px; background:#0042bf; border-radius:50%; position:absolute; left:0; top:14px;} */
.company .esg-lay .esg-right .img-box{margin:50px 0;}
.company .esg-s .tab-menu {margin:0 0 50px; display:flex;}
.company .esg-s .tab-menu li{ position:relative;}
.company .esg-s .tab-menu li:not(:last-child){ margin-right:30px; }
.company .esg-s .tab-menu li:not(:last-child):after{content:''; width:1px; height:15px; background:#ddd; position:absolute; right:-15px; top:9px;}  
.company .esg-s .tab-menu li a{padding-bottom:5px; font-size:18px; color:#aaa; cursor:pointer;}
.company .esg-s .tab-menu li a.active{border-bottom:2px solid #0042bf; color:#111; font-weight:600;}  
.company .esg-e{/*background:#f8f8f8; */ }
.company .esg-e .esg-left .num{color:#eee;}
.company .esg-g{background:#f8f8f8;  }
.company .esg-g .esg-left .num{color:#eee;}
.company .org-chart{text-align:center; margin:80px 0;}
.company .org-chart ul{ display:flex; align-items:start; justify-content:center;  position:relative;}
.company .org-chart ul li{width:100%; max-width:250px;  padding:20px;  margin:0 10px; font-weight:500; line-height:1.4; position:relative;  }
.company .org-chart ul li:after{content:''; width:1px; height:50px;  background:#ddd;  position:absolute; left:50%; top:-50px; z-index:-1; margin-left:-.5px;} 
.company .org-chart .org-top{ padding:0 0 100px;}
.company .org-chart .org-top li{background:#aaa; color:#fff;   }
.company .org-chart .org-top li:after{top:65px;} 
.company .org-chart .org-bottom:after{content:''; width:75%; height:1px;  background:#ddd;  position:absolute; left:50%; top:-50px; z-index:-1; transform:translateX(-50%); } 
.company .org-chart .org-bottom li{position:relative; background:#fff; border:1px solid #0042bf;} 
.company .org-chart .org-bottom li:before{content:''; width:12px; height:12px; border:3px solid #fff; background:#0042bf; border-radius:50%; position:absolute; left:50%; top:-6.5px; margin-left:-5.5px; z-index:1;} 
.company .org-chart .org-bottom li img{display:block; margin:0 auto 20px; padding:40px; border:1px solid #0042bf; border-radius:50%; } 
 company
.company .org-chart.en .org-top li:after {
    top: 90px;
}
.company .org-chart.en .org-bottom li {
    height: 145px;
    display: flex;
    align-items: center;
}
 

/* CSR */
.csr-cont{padding:20px 0 120px;}
.csr-cont .sub-cont-tit{text-align:left; padding-left:0; padding-right:0; padding-top:80px; padding-bottom:40px}
.csr-cont h4{ width:100%; font-size:24px; text-align:center; font-weight:600;}
.csr-cont p{margin:30px 0;} 
.csr-cont .csr-lay {display:flex; flex-wrap:wrap; justify-content:space-between;}
.csr-cont .csr-lay .col{width:48%;} 
.csr-cont .csr-tit {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;  padding:30px 0 10px; border-bottom:1px solid #111; }  
.csr-cont .csr-tit h4{float:left; width:50%;  text-align:left; }
.csr-cont .csr-tit a{display: flex; align-items: center; background:#fff;  font-weight:400; transition:all ease .3s; font-size:16px;}  
.csr-cont .csr-tit .ic-link{display:inline-block; width:16px; height:16px; background:url('../../../img/sub/ic-link.png') no-repeat 0 0; vertical-align: baseline; margin-left:10px;  transition:all ease .3s;  } 
.csr-cont .csr-center:not(:last-child) {margin-bottom:120px;} 
.csr-cont .csr-center h4{ text-align:center; font-size:26px; color:#0042bf; margin:0 0 30px}
.csr-cont .csr-center .col h4{text-align:left;}
.csr-cont .col-img{display:flex; flex-wrap:wrap; justify-content:space-between; }
.csr-cont .col-img img{width:48%;} 
.csr-overview{ text-align:center; }
.csr-overview h3{ text-align:center; }
.csr-overview p{ font-size:24px; font-weight:500;}
.csr-overview b{color:#0042bf;} 
.csr-overview img{margin-top:40px}
.csr-banner{background:url('../../../img/sub/friendly/csr-bg01.jpg') no-repeat center bottom / cover;  padding:100px 20px 160px; color:#fff; margin:30px 0 60px;} 
.csr-banner p{line-height:2; font-size:26px;}
.csr-banner b{color:#fff; font-size:1.2em; vertical-align:baseline;}
.csr-board .sub-tab{margin-bottom:60px;}



/* Talk */
.news-list{padding:100px 0;}
.news-list ul {  display:flex; flex-wrap:wrap; margin:0 -20px;  }
.news-list ul li{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-top:1px solid #ddd; padding:50px 0; margin:0 20px; position:relative; width:100%;  }  
.news-list ul li.gall_top{width:calc(33.33% - 40px); padding-top:0; border-top:0; margin-bottom:100px;}  
.news-list ul li.gall_top .thumb{width:100%; }
.news-list ul li.gall_top .thumb .img{ padding-bottom:100%; } 
.news-list ul li.gall_top .title{width:100%; padding-left:0; padding-top:20px;}
.news-list ul li .title{width:70%;padding-left:50px; }
.news-list ul li .title p.sbj{font-weight:600;  font-size:24px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.news-list ul li .title p{ font-size:16px; margin:15px 0;}
.news-list ul li .title p.date{ line-height:1; margin:0 0 20px}
.news-list ul li .title p.content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.news-list ul li .title .cate{color:#0042bf; font-weight:600; margin-right:10px; padding-right:10px; position:relative;}
.news-list ul li .title .cate:after{content:''; width:1px; height:15px; background:#ddd; position:absolute; right:-2px; top:3px;}
.news-list ul li .thumb{width:30%;  overflow:hidden;}
.news-list ul li .thumb .img{width:100%; padding-bottom:70%; height:0; position:relative;  background-size:cover; background-position:center center; background-color:#f8f8f8; background-repeat: no-repeat;  transition:all ease .6s;}   
.news-list ul li:hover .thumb .img{ transform:scale(1.05);}
.news-list ul li .thumb .img .no_image{position:absolute; background: url(../../../img/common/logo-white.png) #eee no-repeat top 47% center;   width: 100%;   height: 100%;  left: 0;top: 0;  text-indent:-9999px} 


/* live */
.live{margin-bottom:120px;} 
.live-tit{display:flex; align-items:center; justify-content:space-between; font-size:28px; font-weight:700; margin:10px 0; border-bottom:2px solid #0042bf; padding:10px 0; margin:50px 0; color:#0042bf}
.live-tit a.btn{display:block; width:32px; height:32px; position:relative;}
.live-tit a.btn:after{content:''; width:100%; height:3px; background:#0042bf; position:absolute; left:0; margin-top:-1.5px; top:50%; transition:all ease .3s;}
.live-tit a.btn:before{content:''; width:3px; height:100%; background:#0042bf; position:absolute; top:0; margin-left:-1.5px; left:50%; transition:all ease .3s;}
.live-tit a.btn:hover:after{transform:rotate(180deg);}
.live-tit a.btn:hover:before{transform:rotate(180deg);}
.live-slider{width:100%; margin:0 auto;overflow:hidden;} 
.live .gallery-list ul li .thumb .img > div{width:100%; padding-bottom:60%; height:0; background-size:cover; background-position:center center;  position:relative; background-color:#f8f8f8; background-repeat:no-repeat;}
.live .gallery-list ul li .thumb a{width:100%; height:100%; display:block;     position: relative;}
.live .gallery-list ul li .thumb a:after {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	z-index:1;
	width:50px;
	height:50px;
	background-color:rgba(0,0,0,0.5);
	border:1px solid #fff;
	border-radius:50%;
	-webktit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); 
}
.live .gallery-list ul li .thumb a:hover:after{
	background:#0042bf;
	border-color:#0042bf;
}
.live .gallery-list ul li .thumb a:before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	z-index:2;
	margin-left:6px;
	border:8px solid transparent;
	border-left:12px solid #fff;
	-webktit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);	
}
 
.live-slider .swiper-container {position:relative;}
.live-slider .swiper-slide a{width:100%; height:100%; display:block;     position: relative;} 
.live-slider .swiper-slide a:after {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	z-index:1;
	width:50px;
	height:50px;
	background-color:rgba(0,0,0,0.5);
	border:1px solid #fff;
	border-radius:50%;
	-webktit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%); 
}
.live-slider .swiper-slide a:hover:after{
	background:#0042bf;
	border-color:#0042bf;
}
.live-slider .swiper-slide a:before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	z-index:2;
	margin-left:6px;
	border:8px solid transparent;
	border-left:12px solid #fff;
	-webktit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);	
}
.live-slider .swiper-slide .img > div{width:100%; padding-bottom:60%; height:0; background-size:cover; background-position:center center;  position:relative; background-color:#f8f8f8; background-repeat:no-repeat;}  

.live-slider .swiper-button-next, .live-slider .swiper-button-prev{ color:#fff;}
.live-slider .swiper-button-next:after, .live-slider .swiper-button-prev:after{ font-size:24px;} 


/* popup */
.pop-wrap { 
	display:none; 
	position: fixed; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%; 
	z-index:9999; 
	background:rgba(0,0,0,0.6);
}
.pop-wrap.open { 
	display:block;
}
.pop-wrap .pop-conwrap {  
	position:absolute; 
	left:50%; 
	top:50%;
	max-width:900px;
	width:90%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.pop-wrap .pop-conwrap .pop-con {
	position:relative;
	padding-bottom:56.25%;
	margin:0 auto;
	height:0;
}
.pop-wrap .pop-conwrap .pop-con iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.pop-wrap .pop-conwrap .btn-pop-close {
	position:absolute;
	right:0;
	top:-50px;
	width:40px;
	height:40px;
	background:url(../../../img/ico/ico-close.png) no-repeat center;
	background-size:100%;	
}


.gallery-list ul{display:flex; flex-wrap:wrap;}
.gallery-list ul li{width:31.33%; margin-right:3%;   position:relative;}
.gallery-list ul li:nth-child(3n){margin-right:0;}
.gallery-list ul li .thumb{width:100%;}
.gallery-list ul li .thumb .img {width:100%; padding-bottom:60%; height:0; background-size:cover; background-position:center center;  position:relative; background-color:#f8f8f8; background-repeat:no-repeat;}
.gallery-list ul li .thumb .img .no_image{position:absolute; background: url(../../../img/common/logo-white.png) #eee no-repeat top 47% center;   width: 100%;   height: 100%;  left: 0;top: 0;  text-indent:-9999px}
.gallery-list ul li .thumb .youtube{width:43px; height:43px; position:relative; background: url(../../../img/sub/big-youtube.jpg) no-repeat center center; position:absolute; right:15px; top:15px; border-radius:50%; }
.gallery-list ul li .title{padding:20px 0 30px;}
.gallery-list ul li .sbj{font-size:20px; font-weight:500}
.gallery-list ul li .date{font-size:15px; margin-top:20px;}
.gallery-list ul li .date .cate{border:1px solid #ddd; color:#999; font-size:14px; padding:3px 5px; margin-right:10px;}



 
 
/* Social */
.social{ margin:0 0 150px; width:100%;  display:flex; flex-wrap:wrap;  justify-content:space-between; }
.social .left{width:49%;}
.social .right{width:49%;}
.social .right .list:last-child{border-bottom:1px solid #ddd;}
.social .list > ul > li{ }
.social .list .first{ border-top:2px solid #0042bf;  border-bottom:1px dotted #ddd; padding:10px 20px; font-size:18px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;  color:#0042bf;  min-height:85px;}
.social .list .first h3{font-size:22px;  font-weight:700; padding-left:15px;}   
.social .list .belong { }
.social .list .belong li{  width:100%; padding:10px 20px; font-size:18px; display:flex; flex-wrap:wrap; justify-content:space-between;   align-items:center;} 
.social .list .belong li:not(:last-child){border-bottom:1px dotted #ddd;}
.social .left .list:last-child .belong li:last-child{border-bottom:0; }
.social .list .belong h3{  position:relative; padding-left:55px;}
.social .list .belong h3:after{content:'ㄴ'; position:absolute; left:30px; top:-2px; color:#0042bf;}
.social .list h3{width:calc(100% - 240px); font-weight:500; }
.social .list .sns{  }
.social .list .sns a{display:inline-block; width:53px; height:53px; border:1px solid #ddd; border-radius:50%; margin:5px; background-position:center center; background-repeat:no-repeat; background-color:#fff; transition:all ease .2s;} 
.social .list .sns a:hover{background-color:#0042bf; border-color: #0042bf;}  
.social .list .sns .home{background-image:url('../../../img/sub/ic-home.png');}
.social .list .sns .home:hover{background-image:url('../../../img/sub/ic-home-w.png');}
.social .list .sns .youtube{background-image:url('../../../img/sub/ic-youtube.png');}
.social .list .sns .youtube:hover{background-image:url('../../../img/sub/ic-youtube-w.png');}
.social .list .sns .instagram{background-image:url('../../../img/sub/ic-instagram.png');}
.social .list .sns .instagram:hover{background-image:url('../../../img/sub/ic-instagram-w.png');}
.social .list .sns .facebook{background-image:url('../../../img/sub/ic-facebook.png');}
.social .list .sns .facebook:hover{background-image:url('../../../img/sub/ic-facebook-w.png');}
.social .list .sns .blog{background-image:url('../../../img/sub/ic-blog.png');}
.social .list .sns .blog:hover{background-image:url('../../../img/sub/ic-blog-w.png');}
.social .list .sns .kakao{background-image:url('../../../img/sub/ic-kakao.png');}
.social .list .sns .kakao:hover{background-image:url('../../../img/sub/ic-kakao-w.png');}   
/*
.social .list .first .sns .home{background-color:#0042bf; border-color: #fff; background-image:url('../../../img/sub/ic-home-w.png');}
.social .list .first .sns .instagram{background-color:#0042bf; border-color: #fff; background-image:url('../../../img/sub/ic-instagram-w.png');}
*/

 
 
/* Social - media */
.media{display: flex;  align-items: center; flex-wrap:wrap;}
.media .sns-group{width:48%; margin-top:80px;}
.media .sns-group:nth-child(2n+1){margin-right:4%;}
.media .sns-group h3{font-size:22px; margin:20px 0; font-weight:600;}
.media .sns-group h3 img{border:1px solid #ddd; }
.media .sns-group .go-link{float:right; display: flex;  align-items: center; font-size:14px; font-weight:400; border:1px solid #ddd; padding:5px 10px; margin-top:2px;}
.media .sns-group .sns{display:inline-block; width:43px; height:43px;  border-radius:50%;  background-position:center center; background-repeat:no-repeat; transition:background-color ease .3s; margin-right:5px; margin-top: -2px; }
.media .sns-group .instagram{background-image:url('../../../img/sub/big-instagram.jpg');}
.media .sns-group .facebook{background-image:url('../../../img/sub/big-facebook.jpg');}
.media .sns-group .youtube{background-image:url('../../../img/sub/big-youtube.jpg');}
.media .sns-group .blog{background-image:url('../../../img/sub/big-blog.jpg');}
.media .sns-group .img{width:100%; padding-bottom:100%; background-color:#f4f4f4; background-repeat:no-repeat; background-size:cover; background-position:center center; border:1px solid #ddd;}
.media .sns-group .tit { padding:15px; border:1px solid #ddd; border-top:none;}
.media .sns-group p{color:#111; font-weight:600;overflow:hidden;height:56px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:28px;}
.media .sns-group ul{display:flex; flex-wrap:wrap; width:100%; justify-content:space-between;}
.media .sns-group ul li{width:48%;}  
.media .sns-group.ytb-group ul li{width:100%;}
.media .sns-group.ytb-group ul li .video{width:100%; padding-bottom:56.25%; background-color:#f4f4f4; position:relative;}
.media .sns-group.ytb-group ul li .video iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.media .sns-group.ytb-group p { margin:20px 0; height:auto; -webkit-line-clamp:1;}
.talk .media { align-items:flex-start;}
@media all and (min-width:1201px){
    .media .sns-group .img{
		position:relative;
		overflow:hidden;
        -webkit-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -moz-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -ms-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -o-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
    }
    .media .sns-group .img:after {
        content:"";
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:#0042bf;
        mix-blend-mode:screen;
        -webkit-transform:translateY(100%);
        -moz-transform:translateY(100%);
        -ms-transform:translateY(100%);
        -o-transform:translateY(100%);
        transform:translateY(100%);
        -webkit-transition:transform 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -moz-transition:transform 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -ms-transition:transform 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -o-transition:transform 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        transition:transform 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);    
    }
    .media .sns-group ul li:hover .img:after {
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);    
    } 
}

 

/************************************************** professional **************************************************/
 
 
/* people */ 
.people{padding-bottom:120px;}
.people .pp-banner{ margin:0  ; padding:170px 0 150px; background:url('../../../img/sub/professional/peoples-bg02.jpg') no-repeat center center / cover; display:flex; align-items:center; justify-content:center; color:#fff;  text-align:center; }
.people .pp-banner .maxinner{max-width:800px;}
.people .pp-banner .ptit h3{font-size:34px; line-height:1.3; font-weight:300; margin:0 0 30px; position:relative;} 
.people .pp-banner .ptit h3:after{content:"";position:absolute;left:50%; margin-left:-20px; top:-70px; width:40px;height:30px;background-size:100%;background-repeat: no-repeat;background-position: center center; background-image: url(../../../img/ico/ico-quote.png); } 
.people .pp-dia dl:first-child dd{width:100%; border:2px solid #0042bf; text-align:center; border-radius:50px; font-weight:600; margin-bottom:40px; font-size:20px}
.people .pp-dia dl:not(:first-child){display:flex; flex-wrap:wrap; justify-content:space-between;}
.people .pp-dia dl dt{padding:20px; text-align:center; width:300px; margin:10px 0; background:#0042bf; color:#fff; border-radius:20px 0 20px 0; position:relative; font-weight:600; box-shadow: 2px 2px 10px rgb(0 66 191 / 30%);}
.people .pp-dia dl dt:after{content:''; width:10px; height:10px; border-radius:50%; background:#fff; border:2px solid #0042bf; position:absolute; right:-55px; top:50%; transform:translateY(-50%);}
.people .pp-dia dl dt:before{content:''; width:50px; height:0;    border-top:2px dotted #0042bf; position:absolute; right:-50px; top:50%; transform:translateY(-50%);}
.people .pp-dia dl dd{padding:20px; text-align:center; width:calc(100% - 350px); margin:10px 0; border:1px solid #ddd;  border-radius:20px 0 20px 0;   color:#111;  box-shadow: 2px 2px 10px rgb(0 0 0 / 3%);}
.people .pp-dia dl dd b{color:#0042bf;}
.people .pp-story{display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap;}
.people .pp-story li{width:30%;}
.people .pp-story li p{font-size:20px; font-weight:600; margin:20px 0;}
.people .btn-wr{justify-content:center;}

 

/* networks */
.networks{padding:0 0 120px;}
.networks .map .map_bg img{vertical-align:top;}
.map{width:100%; max-width:1280px; margin:0 auto; position:relative;} 
.networks .map .country{font-size:20px; position:absolute; width:70px; top:-40px; left:0; z-index:2;  color:#111; font-weight:700;  cursor:pointer;}
.networks .map .country.bt{top:10px; left:0;} 
.networks .map .dot{position:relative; display:block; width:6px; height:6px; border-radius:50%;background-color:#0042bf; z-index:1;  transition:all ease .3s;  cursor:pointer;}
.networks .map .dot:after{	content:'';	border:1px solid #0042bf;border-radius: 50%; display: block;	width:6px;height:6px;position: absolute; top:  0; left: 0;  transform: scale(1); transform-origin: center center; animation: 1200ms pulse forwards infinite .3s ease-in-out;   opacity: 0.8; z-index:1;}
.networks .map .dot:before{ 	content:'';	width:6px;height:6px;	border:1px solid #0042bf; border-radius: 50%;  display: block;position: absolute; top:  0; left: 0;  transform: scale(1); transform-origin: center center; animation: 1200ms pulse forwards infinite ease-in-out; opacity: 0; z-index:1; }
.networks .map ul{position:absolute; left:0; top:0; width:100%; height:100%;}
.networks .map ul li{position:absolute; }
.networks .map ul li:nth-child(1){top:25%; left:15%;}
.networks .map ul li:nth-child(2){top:46%; left:14%;}
.networks .map ul li:nth-child(3){top:20%; left:44%;}
.networks .map ul li:nth-child(4){top:22%; left:46%;}
.networks .map ul li:nth-child(5){top:29%; left:47%;}
.networks .map ul li:nth-child(6){top:45%; left:69%;}
.networks .map ul li:nth-child(7){top:34%; left:72%;}  
.networks .map ul li:nth-child(8){top:43%; left:75%;}  
.networks .map ul li:nth-child(9){top:48%; left:76%;} 
.networks .map ul li:nth-child(10){top:47%; left:77%;}
.networks .map ul li:nth-child(12){top:55%; left:78%;}
.networks .map ul li:nth-child(11){top:58%; left:80%;}
.networks .map ul li:nth-child(12){top:50%; left:84%;}
.networks .map ul li:nth-child(13){top:46%; left:84%;}
.networks .map ul li:nth-child(14){top:48%; left:78.5%;}
.networks .map ul li:nth-child(15){top:55%; left:77.5%;}
.networks .map ul li:nth-child(16){top:30%; left:87%;}
.networks .map-pop{position:absolute; width:300px; height:auto; background:#fff; bottom:20px; left:0;  padding:30px; z-index:9; display:none; border: 2px solid #0042bf;}
.networks .map-pop .close{display:block;width:15px; height:15px; background:url('../../../img/sub/ic-close-b.png') no-repeat center center ; cursor:pointer; position:absolute; right:20px; top:20px;}
.networks .map-pop h3{font-size:20px; margin-bottom:10px;  color:#0042bf;}
.networks .map-pop p{font-size:15px; margin:10px 0;}
 
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.5
  }
  100% {
    transform: scale(7);
    opacity: 0;
  }
}


/* history */
.history-wr{ background:#f8f8f8; padding:140px 0;}
.history-cont{display:inline-block; width:100%; position:relative;}
.history-menu {float:left; width:35%;}
.history-menu li {margin-bottom:50px}
.history-menu li{padding-bottom:5px; font-size:30px; color:#ccc; font-weight:600; transition:all ease .6s;}
.history-menu li .tit2{display:none;}
.history-menu li span{line-height:1.5;}
.history-menu li span b{font-size:48px; color:#0042bf; vertical-align:baseline; display:inline-block; font-weight:700;}
.history-menu li.on a{color:#111; } 
.history-menu li.on a .tit1{display:none;}
.history-menu li.on a .tit2{display:block;}
.history-tab{width:60%; float:right; max-width:700px;}  
.history-tab > div{ margin:0 0 80px }
.history-tab h3{font-size:32px; color:#0042bf; border-bottom:2px solid #0042bf; margin:0 0 50px; font-weight: 600;}  
.history-tab ul li{padding-left:90px; position:relative; margin:20px 0; line-height:2; font-size:18px}
.history-tab ul li .year{color:#0042bf; width:70px; position:absolute; left:0; top:0;  font-size:20px; line-height:1.5; font-weight: 600; }
.history-tab ul li .year:after{content:''; width:8px; height:8px; border:2px solid #0042bf; position:absolute; right:0; top:10px; border-radius:50%;}
.history-img{margin:80px 0;} 
.fixed{position:absolute; top:0;}
.btfixed{position: absolute; top: initial; bottom: 200px;}

.history{padding:60px 0px 0 40px; width:80%; display: inline-block;}
.history_list {border:1px solid #f3f3f3; background-color:#fff; margin: 40px 0 80px;}
.history_list ul { }
.history_list ul li { border-bottom:1px solid #f3f3f3; }
.history_list ul li .year {font-weight: 500;display:block;padding:21px 0 17px;width:130px;font-size:24px;border-right:1px solid #f3f3f3;text-align:center;}
.history_case { position:relative; }
.history_case .month { display:block;position:absolute;top:0;left:0;width:130px;font-size:12px;color:#a3a3a3;text-align:center; }
.window .history_case .month { top:2px; }
.history_case .desc { font-size:18px; position:relative;margin-left:130px;padding:0 0 22px 20px;border-left:1px solid #f3f3f3;line-height:20px; }
.ko .history_case .desc { font-size:13px; }
.history_case .desc:before { display:block;position:absolute;top:8px;left:-5px;content:'';width:9px;height:1px;background-color:#dbdbdb;vertical-align:middle; }
.window .history_case .desc:before { top:10px; }



.history-tab > div.en {
    margin-bottom: 200px;
}
.history-menu.en li {
    margin-bottom: 35px;
}
.history-menu.en li a span b {
    font-size: 38px;
    line-height: 1.2;
}
.history-menu.en li.on a .tit2 {
    font-size: 28px;
    line-height: 1.2;
}


/************************************************** EUGENE **************************************************/
.ci .ci-lay{display:flex; flex-wrap:wrap; padding-bottom:80px;}
.ci .ci-lay .ci-left {width:260px; position:relative;} 
.ci .ci-lay .ci-left h3{font-size:26px; line-height:1.5;}  
.ci .ci-lay .ci-right {width:calc(100% - 260px);}  
.ci .ci-lay h4{margin:0 0 30px; font-size:20px; }
.ci .ci-lay  p{line-height:2;}
.ci .ci-lay p b{color:#0042bf} 
.ci .symbol{ }  
.ci .symbol .ci-lay{display:flex; flex-wrap:wrap; padding:80px 0;}
.ci .sym-img{border:1px solid #ddd; background:#fff; padding:100px 30px; text-align:center;}
.ci .watermark{padding-bottom:100px; background:#f8f8f8}
.ci .watermark .sym-img{background:url('../../../img/sub/eugene/ci-bg01.png') 0 0; margin:0 0 50px}
.ci .watermark .tab-menu{text-align:center; margin:0 0 80px}
.ci .watermark .tab-menu li a{display:flex;align-items:center; justify-content:center; width:100%;  border:1px solid #ddd; text-align:center; height:70px; font-size:20px; font-weight:500; background:#fff;}
.ci .watermark .tab-menu li a.active{background:#0042bf; border-color:#0042bf; color:#fff; font-weight:600;} 
.ci .watermark .tab-menu li{ width:30%; max-width:300px;  margin-right:2%;}  
.ci .c-system{ padding-bottom:80px;} 
.ci .c-block ul{display:flex; flex-wrap:wrap; width:100%;}
.ci .c-block ul li{width:33.33%; color:#fff; padding:30px; height:200px; } 
.ci .c-block ul li h4{font-size:18px;}
.ci .c-block ul li p{font-size:14px; font-weight:500;}
.ci .c-block .line{display:flex; align-items:center;}
.ci .t-exp{margin:40px 0 0;} 
.ci .c-use{display:flex; flex-wrap:wrap; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.ci .c-use li{width:50%;  border-right:1px solid #ddd; background:#fff; border-bottom:1px solid #ddd; padding:40px;}
.ci .c-use li img{max-width:200px; margin:0 0 30px;}
.ci .c-use li h4{font-size:16px; margin:0; font-weight:500;}
.ci .c-use li p{font-size:13px; font-weight:500;}
.ci .c-prohb{display:flex; flex-wrap:wrap; width:100%; }
.ci .c-prohb li{width:22%; margin-right:4%; position:relative; } 
.ci .c-prohb li:nth-child(4n){margin-right:0;}
.ci .c-prohb li:nth-child(5):after,
.ci .c-prohb li:nth-child(7):after,
.ci .c-prohb li:nth-child(9):after{content:'→'; position:absolute; right:-25px; top:20px;  color:#aaa;}
.ci .c-prohb li img{width:100%;}
.ci .c-prohb li p{font-size:16px;   margin:20px 0 30px; line-height:1.5;}
 
/* Chairman */
.chairman{background:url('../../../img/sub/eugene/chairman-bg01.png') no-repeat right top; overflow:hidden;}
.chairman .sub-cont-tit{text-align:left;}
.chairman .sub-cont-tit p{font-size:26px; color:#0042bf; font-weight:600; margin-top:10px;}
.chairman .ceo{display:flex; flex-wrap:wrap; margin: 0 0 200px;}
.chairman .ceo .ceo-img{width:40%;}
.chairman .ceo .ceo-txt{width:60%; padding:0 20% 0 7%;}
.chairman .ceo .ceo-txt h3{font-size:20px;}
.chairman .ceo .ceo-txt p{margin:40px 0; line-height:1.8;}
.chairman .ceo .ceo-txt .name{border-top:1px solid #ddd; margin:50px 0 0; padding-top:30px;}
.chairman .ceo .ceo-txt .name b{font-size:24px; vertical-align:baseline;}


/* SR 2017*/
.sr .sr-banner{padding:120px 40px; margin:0  ; background:url('../../../img/sub/eugene/sr-bg01.jpg') no-repeat center center / cover; color:#fff; text-align:center; } 
.sr .sr-banner p{  font-size:22px; font-weight:600;}
.sr .sub-cont-tit p{margin-top:50px;}
.sr .sr-lay{display:flex;  flex-wrap:wrap; justify-content: space-between;padding:120px 0;}
.sr .sr-lay .sr-left {width:210px; position:relative;} 
.sr .sr-lay .sr-left h3{font-size:32px; line-height:1.5;}  
.sr .sr-lay .sr-right {width:calc(100% - 260px);} 
.sr .sr-lay .sr-right h3{font-size:24px; line-height:1.5; text-align:center; display:block; font-weight:400;}  
.sr .sr-lay .sr-right .img-box{margin:50px 0;}
.sr .sr-lay .sr-right .shadow{margin:0 auto; display:block;}
.sr .gr-vs .sub-cont-tit{border-bottom:1px solid #ddd;}
.sr .gr-vs .sr-right h3 b{color:#0042bf}  
/*
.sr .cc-box {display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px 0 0;}
.sr .cc-box li{width:18%;}
.sr .cc-box li p{width:100%; height:0; padding-bottom:100%; position:relative; border:2px dotted #fff; border-radius:50%;}
.sr .cc-box li span{position:absolute; width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center; font-weight:600; line-height:1.5;}
.sr .sr-lay .ic-box{display:flex; justify-content:center; margin:50px 0; flex-wrap:wrap;}
.sr .sr-lay .ic-box li{width:33%; text-align:center;}
.sr .sr-lay .ic-box li:not(:last-child){border-right:1px solid rgba(255,255,255,0.3);}
.sr .sr-lay .ic-box li img{display:block; margin:0 auto;}
.sr .sr-lay .ic-box li h3{font-size:22px; margin:10px 0; font-weight:600;}
.sr .sr-lay .ic-box p{opacity:.5; line-height:1.5;}
*/
.sr .sr-business{background:#f8f8f8; text-align:center; padding:0 0 160px;}
.sr .sr-business h3{font-size:22px;  font-weight:600;}
.sr .sr-business h3 b{color:#0042bf}
.sr .bs-box {display:flex; justify-content:center; flex-wrap:wrap; margin:0 0 50px;}
.sr .bs-box li{width:25%; margin-right:-1px}
.sr .bs-box li .img{width:100%; padding-bottom:130%; background-size:cover; background-position:center center;}
.sr .bs-box li .txt{width:100%; padding-bottom:130%; background-size:cover; background-position:center center;}
.sr .bs-box li .tit{  border-top:0; padding:20px; display:none;} 
.sr .bs-box li .tit p{font-size:16px; font-weight:500;}
.sr .bs-box li:nth-child(1) .img{background-image:url('../../../img/main/business-img01.jpg');}
.sr .bs-box li:nth-child(2) .img{background-image:url('../../../img/main/business-img02.jpg');}
.sr .bs-box li:nth-child(3) .img{background-image:url('../../../img/main/business-img03.jpg');}
.sr .bs-box li:nth-child(4) .img{background-image:url('../../../img/main/business-img04.jpg');} 
.sr .org-chart{text-align:center; margin:0 0 120px;}
.sr .org-chart ul{ display:flex; align-items:start; justify-content:center;  position:relative;}
.sr .org-chart ul li{width:100%;  padding:20px;  font-weight:500; line-height:1.4; position:relative;  }
.sr .org-chart ul li:after{content:''; width:1px; height:50px;  background:#ddd;  position:absolute; left:50%; top:-50px; z-index:-1; margin-left:-.5px;} 
.sr .org-chart .org-top{ padding:0 0 50px;}
.sr .org-chart .org-top li{ width:200px; height:200px; border-radius:50%; background:#0042bf; color:#fff; font-size:22px; font-weight:700; display: flex;   flex-wrap:wrap; align-items: center;  justify-content: center; }
.sr .org-chart .org-top li:after{top:auto; bottom:-50px} 
.sr .org-chart .org-mid{ padding:0 0 100px;}
.sr .org-chart .org-mid li{ max-width:600px;  border:1px solid #0042bf; background:#fff;  border-radius:70px; font-weight:300;} 
.sr .org-chart .org-mid li:after{top:auto; bottom:-50px;} 
.sr .org-chart .org-mid li:before{content:''; width:12px; height:12px; border:3px solid #fff; background:#0042bf; border-radius:50%; position:absolute; left:50%; top:-6.5px; margin-left:-5.5px; z-index:1;} 
.sr .org-chart .org-bottom:after{content:''; width:75%; height:1px;  background:#ddd;  position:absolute; left:50%; top:-50px; z-index:-1; transform:translateX(-50%); } 
.sr .org-chart .org-bottom li{padding:30px; width:100%; margin:0 20px; position:relative; background:#fff; border:1px solid #ddd;} 
.sr .org-chart .org-bottom li:before{content:''; width:12px; height:12px; border:3px solid #fff; background:#0042bf; border-radius:50%; position:absolute; left:50%; top:-6.5px; margin-left:-5.5px; z-index:1;} 
.sr .org-chart .org-bottom li img{display:block; margin:0 auto 20px; padding:40px; border:1px solid #0042bf; border-radius:50%; } 
.sr .org-chart .org-bottom li p{font-size:16px; font-weight:300;}
.sr .org-chart .org-bottom li b{display:block; font-size:20px; color:#0042bf; margin:10px 0 0;}  
.sr .sr-str{border-top:1px solid #ddd;}
.sr .sr-str .sr-right{display:flex; justify-content:space-between; flex-wrap:wrap;} 
.sr .sr-str .cc-box{width:360px; height:360px; border-radius:50%; background:#fff;  display:flex; align-items:center; justify-content:center; text-align:Center; position:relative; z-index:2; border:20px solid #0042bf}
.sr .sr-str .cc-box:after{content:''; width:124%; height:124%; border:2px dashed  #ddd; border-radius:50%; position:absolute; left:-12%; top:-12%; z-index:-1;  }
.sr .sr-str .cc-box h3{font-size:22px; margin:0 0 10px}
.sr .sr-str .cc-box p{font-size:16px;}
.sr .sr-lay .ic-box{width:50%;}
.sr .sr-lay .ic-box li{display:flex;align-items:start;  justify-content:space-between; flex-wrap:wrap; margin:10px 0; padding-right:20%; position:Relative; }
.sr .sr-lay .ic-box li:after{content:''; width:12px; height:12px; background:#0042bf; border:3px solid #e4ecf1; border-radius:50%; position:absolute; left:-30px;  top:40px}
.sr .sr-lay .ic-box li:before{content:''; width:150px; height:1px; background:#ddd;  position:absolute; left:-170px;  top:46px}
.sr .sr-lay .ic-box li .icon{display:block; background:#0042bf;  border-radius:50%; width:110px; height:110px; border: 8px solid #e4ecf1;color:#fff; padding:10px; display:flex; align-items:center; justify-content:center;}
.sr .sr-lay .ic-box li .icon h3{font-size:15px; line-height:1.3;}
.sr .sr-lay .ic-box li .icon .img{display:none;}
.sr .sr-lay .ic-box li h3{ margin:10px 0; font-size:18px;}
.sr .sr-lay .ic-box p{ font-size:20px; font-weight:600; line-height:1.5; padding:30px 0;} 
.sr .bs-box li .txt{width:100%; padding-bottom:130%; background-size:cover; background-position:center center; position:absolute; left:0; top:0; opacity:0; transition:all ease .3s;}
.sr .bs-box li .txt b{display:block; margin:0 0 10px; font-size:1.1em; width:100%;}
.sr .bs-box li .txt p{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgb(0 66 191 / 85%); color:#fff; display:flex; align-items:Center; justify-content:center; padding:30px; flex-wrap:wrap;}
.sr .bs-box li:hover .txt{opacity:1;} 
.sr-domain{background:#f8f8f8}


.sr.en .sr-str .cc-box {
    width: 370px;
    height: 370px;
}
.sr.en .sr-str .cc-box p {
    font-size: 15px;
}
.sr.en .sr-lay .ic-box p {
    padding: 10px 0;
}
.sr.en .sr-lay .ic-box li:before {
    width: 190px;
    left: -213px;
}
.sr.en .sr-lay .ic-box li .icon {
    width: 130px;
    height: 130px;
}
.sr.en .sr-lay .ic-box li .icon h3 {
    font-size: 14px;
}

/* Vision 2030 */
.vs-cont{background:#f8f8f8}
.vs-cont .sr-lay .sr-left h3{font-size:26px;}
.vs-cont .sr-lay .sr-right h4{margin:0 0 30px; font-size:20px; }
.vs-cont .sr-lay .sr-right p{line-height:2;}
.vs-cont .sr-lay .sr-right p b{color:#0042bf}
.vs-cont .sr-lay .sr-right .t-idt{position:relative; padding-left:70px;}
.vs-cont .sr-lay .sr-right .t-idt b{position:absolute; left:0; top:0;}
.vs-dir .dir-box{display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 0 120px}
.vs-dir .dir-box li{width:31%; border:1px solid #ddd; padding:50px 40px; position:relative; background:#fff; }
.vs-dir .dir-box li img{position:absolute; top:30px; right:40px;}
.vs-dir .dir-box li h4{color:#0042bf; font-size:24px; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px;} 
.vs-dir .dir-box li b{color:#0042bf; }
.vs-total{padding:120px 0; text-align:center;} 
.vs-total .total-img{margin:0 0 100px}
.vs-total h3{font-size:30px;  font-weight:600;}
.vs-total h3 b{color:#0042bf}
.vs-banner{padding:100px 40px; background:url('../../../img/sub/eugene/vs-bg01.jpg') no-repeat center center / cover; color:#fff; text-align:center; margin:50px 0 0;} 
.vs-banner p{  font-size:26px; font-weight:600;} 
.vs-banner p b{font-size:34px; vertical-align:baseline;}


/* Vision */ 
.vision .vs-value{background:#f8f8f8; padding:30px 0 ; margin:100px 0 0;}
.vision .vs-value .p-banner{ text-align:center; border:1px solid #ddd; padding:10px;}
.vision .vs-value .p-banner p{padding:30px; text-align:center; font-size:26px; color:#0042bf; font-weight:600; border:1px solid #ddd;} 
.vision .vs-core {margin:80px 0}
.vision .vs-core li .img-box{width:100%; height:320px;  background-size:cover; background-position:center center;}
.vision .vs-core li:nth-child(1) .img-box{background-image:url('../../../img/sub/eugene/vision-img01.jpg');}
.vision .vs-core li:nth-child(2) .img-box{background-image:url('../../../img/sub/eugene/vision-img02.jpg');}
.vision .vs-core li:nth-child(3) .img-box{background-image:url('../../../img/sub/eugene/vision-img03.jpg');}
.vision .vs-dir{background:#f8f8f8; } 
.vision .vs-dir .dir-box li img{margin:10px 0;}
.vision .vs-lay{display:flex;  flex-wrap:wrap; padding:50px 0 100px;}
.vision .vs-lay .vs-left {width:260px; position:relative;} 
.vision .vs-lay .vs-left h3{font-size:32px; line-height:1.5;}   .vision .vs-lay .vs-left h3{font-size:26px;}
.vision .vs-lay .vs-right {width:calc(100% - 260px);} 
.vision .vs-lay .vs-right h3{font-size:24px; line-height:1.5; text-align:center; display:block; font-weight:400;} 
.vision .vs-lay .vs-right h4{margin:0 0 30px; font-size:20px; }
.vision .vs-lay .vs-right p{line-height:2;}
.vision .vs-lay .vs-right p b{color:#0042bf} 
.vision .vs-lay .vs-right .shadow{margin:0 auto; display:block;}
.vision .vs-cont1{padding:80px 0 160px; background:#f8f8f8; margin-top:100px;} 
.vision .vs-cont1 .vs-lay{padding:10px 0; justify-content:space-between;}
.vision .vs-cont1 .vs-lay .vs-right{border:1px solid #ddd; padding:30px; background: #fff;} 
.vision .vs-cont1 .vs-lay .vs-left{ }
.vision .vs-cont1 .vs-lay .vs-left h3{padding:30px 0;  color: #0042bf;   font-size: 24px;  line-height:1.3}
.vision .vs-cont1 .vs-lay .blue-bg{/*border-color:#0042bf;*/}
.vision .vs-cont1 .vs-lay .vs-right h3{font-size:20px; font-weight:600}
.vision .vs-cont1 .vs-lay .core-value{ }
.vision .vs-cont1 .vs-lay .core-value ul{display:flex; flex-wrap:wrap; justify-content:center;}
.vision .vs-cont1 .vs-lay .core-value ul li{width:32%; max-width:140px;   overflow:hidden; position:relative;}
.vision .vs-cont1 .vs-lay .core-value ul li:not(:last-child):after{content:''; width:1px; height:20px; background:#ddd; position:absolute; right:0; top:10px;}
.vision .vs-cont1 .vs-lay .core-value ul li h4{   margin:0; text-align:center;}
.vision .vs-cont1 .vs-lay .core-value ul li p{font-size:16px; margin:10px 0; line-height:1.6;}
.vision .vs-cont1 .vs-lay .core-value strong{position:absolute; line-height:1; left:50%; top:0; font-size:120px; color:#0042bf; opacity:0;}
.vision .vs-cont1 .vs-lay .vs-list{text-align:center;}
.vision .vs-cont1 .vs-lay .vs-list ul{display:inline-block; text-align: left;}
.vision .vs-cont1 .vs-lay .vs-list li{padding-left:12px; position:relative; margin:10px 0;}
.vision .vs-cont1 .vs-lay .vs-list li:first-child{padding-left:0; font-size:22px; margin:20px 0; text-align:center; font-weight:600}
.vision .vs-cont1 .vs-lay .vs-list li:first-child:after{display:none;}
.vision .vs-cont1 .vs-lay .vs-list li:after{content:''; position:absolute; left:0; top:17px; width:5px; height:1px; background:#111;}
.vision .vs-cont1 .vs-lay .vs-list b{color:#0042bf; font-size:22px; vertical-align:baseline; margin-right:3px;} 

.vision .vs-cont1 .vs-lay .vs-list.en li:first-child {
    padding-left: 0;
}
.vision .vs-cont1 .vs-lay .vs-list.en li {
    padding-left: 80px;
}
.vision .vs-cont1 .vs-lay .vs-list.en li:after {
    left: 68px;
}

.vision.en .vs-cont1 .vs-lay .core-value ul li {
    max-width: unset;
}

 /* pr */
.pr{ }
.pr-bg{  padding:120px 0;}
.pr-lay{display:flex; flex-wrap:wrap; justify-content:space-between;}
.pr-lay .pr-img{width:40%; }
.pr-lay .pr-img img{border:1px solid #ddd;}
.pr-lay .pr-info{width:50%;}
.pr-lay .pr-info h3{font-size:30px; margin:50px 0 0; font-weight:400;}
.pr-lay .pr-info h3 b{font-size:40px; vertical-align:baseline;}
.pr-lay .pr-info h3:after{content:''; display:block; width:2px; height:70px; background:#0042bf; margin:40px 0;}
.pr-lay .pr-info b{color:#0042bf;  }




 /* ir */
.ir{padding-bottom:120px}
.ir .sub-tab{margin-bottom:60px;}
.ir-board-list {
    border-top:2px solid #333;
}
.ir-board-list ul li > a,
.ir-board-list ul li .list-wrap {
    display: flex; 
    justify-content:space-between;
    padding:40px 0;
    border-bottom:1px solid #ddd;
}
.ir-board-list ul li .list-col {
    display: flex; 
    justify-content: center; 
    align-items: center;
    text-align: center; 
}
.ir-board-list ul li .list-col.num {
    width: 10%; 
    font-size: 16px; 
    color: #888888;  
}
.ir-board-list ul li .list-col.subject {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display: flex; 
    justify-content: flex-start; 
    align-items: center;
    width:100%;
}
.ir-board-list ul li .list-col.subject .title-wrap {
    display: inline-flex;
    justify-content: flex-start;
    position: relative;
    max-width: 80%;
}
.ir-board-list ul li .list-col.subject .title {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:20px;
    color:#222222;
    font-weight:700;
    word-break:break-all;
    text-align:left;
}
.ir-board-list ul li .list-col.subject .title:after {
    opacity:0;
    content:"";
    position:absolute;
    left:100%;
    top:50%;
    margin-top:-5px;
    margin-left:20px;
    width:45px;
    height:10px;
    background:url(/img/bu/bu-ir-arrow.png) no-repeat center;
    -webkit-transition:opacity 0.3s, margin 0.3s;
    -moz-transition:opacity 0.3s, margin 0.3s;
    -ms-transition:opacity 0.3s, margin 0.3s;
    -o-transition:opacity 0.3s, margin 0.3s;
    transition:opacity 0.3s, margin 0.3s;
}
.ir-board-list.investor ul li .list-col.subject .title:after {
    display:none !important;
}
.ir-board-list ul li .list-col.ico {
    width: 7%;
}
.ir-board-list ul li .list-col.date {
    width: 15%; 
    font-size:16px; 
    color: #888;  
}
 


/************************************************** business **************************************************/
.business{overflow:hidden;}
.business .bs-cont-tit{text-align:left; padding: 120px 0 0; margin-bottom:-40px;}
.business .bs-cont-tit h3{ font-size:50px; color:#0042bf; display:inline-block; position:relative; font-weight:700;}
.business .bs-cont-tit .bgt{font-size:100px; color:#f4f4f4; position:absolute; left:70%; bottom:60px; z-index:-1; text-align:left; width:1000%; line-height:1;} 
.business .sub-tab{margin:0;}
.business .bs-cont{ padding:120px 0;} 
.business .bs-cont-img{padding:0 0 1px;}
.business .bs-cont-img img{background:#fff; padding:80px; border:1px solid #ddd;}
.business .bg-gray{background:#f8f8f8; } 
.business .img-box{text-align:center;}
.business .bs-lay{display:inline-block; width:100%;}
.business .bs-lay:not(:last-child){margin-bottom:80px; padding-bottom:80px;  border-bottom:1px dotted #ddd;}
.business .bs-lay .bs-left{float:left;}
.business .bs-lay .bs-right{float:right;}
.business .bs-lay .bs-txt{width:45%; padding-top:60px;}
.business .bs-lay .bs-txt h3{font-size:26px; padding-bottom:80px; font-weight:400; position:relative; z-index:1; line-height:1.4;}
.business .bs-lay .bs-txt h3 b{color:#0042bf; } 
.business .bs-lay .bs-txt h3:after{content:''; width:150%; height:1px; background:#0042bf; position:absolute; right:0; bottom:40px; z-index:-1;}
.business .bs-lay .bs-txt p b{color:#0042bf;} 
.business .bs-lay .bs-txt p{margin:0 0 20px; }
.business .bs-lay .bs-img{width:55%; position:relative; z-index:2;}  
.business .bs-lay .bs-right.bs-txt{ padding-left:80px;}
.business .bs-lay .bs-left.bs-txt{ padding-right:80px;}
.business .bs-lay .bs-left.bs-txt h3:after{right:auto; left:0;}
.business .bs-lay.wide{text-align:center;}
.business .bs-lay.wide .bs-img{width:100%;}
.business .bs-lay.wide .bs-txt{width:100%; padding:60px 60px 0;}
.business .bs-system{padding:140px 0; text-align:center;}
.business .bs-system .btn-wr{justify-content: center; margin-top:80px} 
.business .bs-link .btn-wr{justify-content: center; margin-top:80px; margin-bottom:140px;}
.business .bs-cont .bs-link .btn-wr{margin-bottom:0;}
.business .met{padding-top:10px; border:1px solid #ddd; padding:30px; border: 4px double #eee;}
.business .met h4{ padding-bottom:10px; font-weight:500; font-size:20px;  }
.business .met p{ font-size:17px;}  
.business .bs-lay .met h4{color:#0042bf;} 
.business .bs-lay .met p b{font-weight: 600; color:#111;} 
.business .lit-icon{display:flex; flex-wrap:wrap; margin: 0 -30px 100px; padding:40px 0;}
.business .lit-icon li{width:20%; padding:0 30px;}
.business .lit-icon li:not(:last-child){border-right:1px dotted #ddd;} 
.business .lit-icon li .lit-ic{text-align:center; position:relative;}
.business .lit-icon li .lit-ic .num{color:#f4f4f4; font-size:70px; font-weight:800; position:absolute; left:0; top:-10px; z-index:-1; line-height:1;}
.business .lit-icon li .lit-ic img{margin-top:10px} 
.business .lit-icon li h3{color:#0042bf;  font-weight:600; margin:0 0 30px; font-size:20px; text-align:center;}
.business .lit-icon li p{position:relative; padding-left:10px; margin:5px 0 0; font-size:16px}
.business .lit-icon li p:after{content:''; width:3px; height:3px; background:#aaa; position:absolute; left:0; top:10px;}    
.business .it-tit b{display:block; width:90%; max-width:200px; background: #0042bf; color:#fff; text-align:center; padding:10px 0; border-radius:50px; margin:0 auto 50px;}
.business .it-tit h3{color:#0042bf;}
.business .it-diagram{text-align:center;}  
.business .bs-tab .bs-left{width:30%;}
.business .bs-tab .bs-right{width:65%; padding:0; background:#fff;}
.business .bs-tab .bs-right.bs-txt{padding-left:0; box-shadow: 7px 7px 30px rgb(44 44 44 / 10%);}
.business .bs-tab .bs-right .txt-box{padding:50px;}
.business .tab-menu {width:100%; max-width:300px;   }
.business .tab-menu li { display:block;  }
.business .tab-menu li a{padding:20px; display:block; color:#111;  position:relative;}
.business .tab-menu li a.active{border-bottom:2px solid #0042bf; background:#fff; color:#0042bf; box-shadow: 7px 7px 30px rgb(44 44 44 / 10%);}
.business .tab-menu li a.active:after{content:''; width:100px; height:2px; background:#0042bf; position:absolute; right:-50px; top:50%; margin-top:-1px;}

/** en **/
.business .bs-lay.en:not(:last-child) {
    border: none;
    margin-bottom: 0;
}
.business .bs-en-txt {
    margin: 0 0 20px;
}
.business .bs-lay .bs-left.bs-txt.en {
    padding-right: 53px;
}



 
/* IT */
.it-dia{text-align:center; display:flex; align-items:center; justify-content:center;} 
.it-dia h3{border:2px dotted #0042bf; width:180px; height:180px; border-radius:50%; display:flex; align-items:center; justify-content:center; position:relative; font-size:24px; margin-top: -40px;}
.it-dia h3:before{content:''; width:230px; height:230px; border:4px solid #0042bf; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; }
.it-dia h3:after{content:''; width:270px; height:270px; border:2px dotted #0042bf; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; }
.it-dia ul{text-align:left; margin-left:100px; width:100%; max-width:400px;}
.it-dia ul li {display:flex; align-items:center;  padding:10px; flex-wrap:wrap; position:relative;} 
.it-dia ul li strong{display:block; width:45px; height:100px; background:#aaa; color:#fff; text-align:center; padding:20px 0; border-radius:50px; margin-right:20px; position:relative;}
.it-dia ul li p{border-top:2px dotted #ddd; padding:20px 0; width:calc(100% - 120px);}
.it-dia ul li strong:after{content:''; width:80px; height:1px; background:#0042bf; position:absolute; right:45px; top:30px;}
.it-dia ul li:nth-child(1) strong:after{width:140px;}
.it-dia ul li:nth-child(1) strong:before{content:''; width:1px; height:60px; background:#0042bf; position:absolute; right:185px; top:30px;}
.it-dia ul li:nth-child(3) strong:after{width:80px;}
.it-dia ul li:nth-child(4) strong:after{width:140px;}
.it-dia ul li:nth-child(4) strong:before{content:''; width:1px; height:60px; background:#0042bf; position:absolute; right:185px; top:-30px;} 
.it-dia ul li:after{content:''; width:12px; height:12px; position:absolute;  border:2px solid #0042bf; background:#fff; z-index:1; border-radius:50%;  } 
.it-dia ul li:nth-child(1) strong{background:#92afe7;}   
.it-dia ul li:nth-child(2) strong{background:#6b94e2;}
.it-dia ul li:nth-child(3) strong{background:#3e73d8;}
.it-dia ul li:nth-child(4) strong{background:#0042bf;} 
.it-dia ul li:nth-child(1):after{left:-136px; top:95px;}
.it-dia ul li:nth-child(2):after{left:-76px; top:34px;}
.it-dia ul li:nth-child(3):after{left:-76px; top:34px;}
.it-dia ul li:nth-child(4):after{left:-136px; top:-25px;}

.it-dia.en ul li p {
    font-size: 16px;
}
.it-dia.en ul li:nth-child(1) strong:before {
    height: 115px;
}
.it-dia.en ul li:nth-child(1):after {
    top: 182px;
}
.it-dia.en ul li:nth-child(2):after {
    left: -72px;
    top: 57px;
}
.it-dia.en ul li:nth-child(3) strong:after {
    width: 105px;
}
.it-dia.en ul li:nth-child(3):after {
    left: -100px;
    top: 43px;
}
.it-dia.en ul li:nth-child(4) strong:before {
    height: 126px;
    top: -95px;
}
.it-dia.en ul li:nth-child(4):after {
    top: -70px;
}

 
/* 로지스텍스 */ 
.logis-dia{display:flex; flex-wrap:wrap; justify-content:space-between; max-width:960px; margin:0 auto 120px;}
.logis-dia li{width:25%; text-align: center;}
.logis-dia li:nth-child(2){width:50%;}
.logis-dia li h3{font-size:22px; line-height:1.3; margin:30px 0 10px;}
.logis-dia li p{font-size:16px;} 
.business .logis-one{position:relative; padding-top:0 !important;}
.logis-one .dia-center{width:340px; margin:0 auto; display:flex; align-items:center; justify-content:center; border-radius:50%; border:2px dotted #ddd; padding:20px;}
.logis-one .dia-center h3{width:300px; height:300px; border-radius:50%;  border:2px dotted #ddd;   display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; position:relative; z-index:1; font-size:24px; line-height:1.4;}
.logis-one .dia-center h3:after{content:''; width:260px; height:260px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#0042bf;  border-radius:50%; z-index:-1;} 
.logis-one .dia-cont{padding:0 0 200px}
.logis-one .dia-cont li{ text-align:center; width: 300px;   border-top:0;  border-radius:25px 25px 10px 10px; position:absolute;  z-index:3;   border-top:0;}
.logis-one .dia-cont li h3{border:3px solid #0042bf;  background:#fff; border-radius:50px; padding:10px; }
.logis-one .dia-cont li .txt{ padding:15px 30px 20px; text-align:left;}
.logis-one .dia-cont li .txt p{font-size:16px; position:relative; padding-left:15px; margin:5px 0; color:#111;}
.logis-one .dia-cont li .txt p:after{content:''; width:15px; height:15px; position:absolute; left:-7px; top:5px; background:url('../../../img/ico/ico-check.png') 0 0;}
.logis-one .dia-cont li:after{content:''; width:215px; position:absolute; top:27px; right:-215px; height:0; border-top:2px dotted #0042bf}
.logis-one .dia-cont li:before{content:''; width:12px; height:12px; position:absolute; top:23px; right:-215px; border:2px solid #0042bf; background:#fff; z-index:1; border-radius:50%;  }
.logis-one .dia-cont li:nth-child(1){left:0; top:0;}
.logis-one .dia-cont li:nth-child(2){left:0; top:200px;}
.logis-one .dia-cont li:nth-child(3){left:50%; top:443px; transform:translateX(-50%);}
.logis-one .dia-cont li:nth-child(4){right:0; top:0;}
.logis-one .dia-cont li:nth-child(5){right:0; top:200px;} 
.logis-one .dia-cont li:nth-child(2):after{width:147px; right:-147px;} 
.logis-one .dia-cont li:nth-child(2):before{right:-147px;} 
.logis-one .dia-cont li:nth-child(3):after{width:0; height:105px; border-left:2px dotted #0042bf; top:-105px; right:50%;}
.logis-one .dia-cont li:nth-child(3):before{top:-105px; right:50%; margin-right:-5px;}  
.logis-one .dia-cont li:nth-child(4):after{  right:auto; left:-215px;} 
.logis-one .dia-cont li:nth-child(4):before{right:auto; left:-215px;}  
.logis-one .dia-cont li:nth-child(5):after{width:147px; right:auto; left:-147px;} 
.logis-one .dia-cont li:nth-child(5):before{right:auto; left:-147px;} 

.logis-one .dia-cont.en li .txt {
    padding: 15px 8px 20px;
}
.logis-one .dia-cont.en li .txt p {
    font-size: 15px;
}
.logis-one .dia-cont.en li:nth-child(2) {
    top: 295px;
}
.logis-one .dia-cont.en li:nth-child(2):after {
    width: 227px;
    right: -227px;
}
.logis-one .dia-cont.en li:nth-child(2):before {
    right: -227px;
}
.logis-one .dia-cont.en li:nth-child(5) {
    top: 270px;
}
.logis-one .dia-cont.en li:nth-child(5):before {
    left: -193px;
}
.logis-one .dia-cont.en li:nth-child(5):after {
    width: 193px;
    left: -193px;
}



/* 섬유*/
.txt-about{  } 
.txt-business {padding-bottom:120px;}
.txt-business ul{display:flex; flex-wrap:wrap;}
.txt-business ul li{  width:14.285%; text-align:center; padding:0 10px;}
.txt-business ul li p{margin:10px 0; font-size:16px; font-weight:500; padding:0 10px; line-height:1.5;}
.txt-business ul li img{ margin:0 auto; border:1px solid #ddd; border-radius:50%; overflow:hidden;}
.txt-material{ border-top:1px solid #ddd; padding-bottom:120px;}
.txt-material ul {display:flex;   min-height:420px;}
.txt-material ul li{width:25%; display:flex; align-items:center;  flex-wrap:wrap;border:1px solid #ddd; padding:30px 40px; position:relative; min-height:170px; cursor:pointer;   margin-left:-1px;} 
.txt-material ul li img{margin:0 auto; display:block; }
.txt-material ul li p{position:relative; padding-left:12px; font-size:17px; margin:5px 0; display:none;}
.txt-material ul li p:after{content:''; width:3px; height:3px; background:#999; position:absolute; left:0; top:10px; border-radius:5px;}
.txt-material ul li b{color:#0042bf; font-size:16px; font-weight:500; padding-left:12px; margin-top:20px; display:block; display:none;}
.txt-material ul li.on{width:40%; border:1px solid #0042bf; z-index:2; display:block;}
.txt-material ul li.on b,
.txt-material ul li.on p{display:block;}
.txt-spunbond{padding-bottom:80px; position:relative;}
.txt-spunbond:after{content:''; width:100%; height:550px; background:#f8f8f8; position:absolute; left:0; top:0; z-index:-1;}
.txt-spunbond ul{ width:80%; margin:-100px auto 100px; background:#fff; position:relative; z-index:2; }
.txt-spunbond ul li{padding:50px 30px 50px 220px; position:relative; border-bottom:1px dotted #ddd;}
.txt-spunbond ul li img{position:absolute; left:30px; top:0;}
.txt-spunbond ul li p{position:relative; padding-left:12px; font-size:17px; margin:5px 0; }
.txt-spunbond ul li p:after{content:''; width:3px; height:3px; background:#999; position:absolute; left:0; top:10px; border-radius:5px;}
.txt-melt{background:#f4f7fb}    
.txt-melt .sub-cont-tit{position:relative;padding: 120px 40px 100px 340px; text-align:left;}
.txt-melt .sub-cont-tit:first-child{padding-bottom:0;}
.txt-melt .sub-cont-tit h3{position:absolute; left:0; top:120px; }
.txt-melt .sub-cont-tit p{margin-top:0;} 
.txt-melt img{margin-top:30px;  background:#fff; padding:0 30px;} 
.txt-brand ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.txt-brand ul li{width:48%; position:relative;  border-top:1px solid #333; padding:50px 200px 50px 0; }
.txt-brand ul li h4{font-size:1.2em; color:#0042bf; margin-bottom:20px;}
.txt-brand ul li img{position:absolute; right:0; top:50px; border-radius:20px}

.txt-material.en ul li {
    min-height: 650px;
}




/************************************************** search page **************************************************/
.sub-pages{padding:120px 0; position:relative;} 
.sub-pages:after{/*content:''; */
  width: 0;
  height: 0;
  border-bottom: 120px solid transparent; 
  border-top: 120px solid #0042bf; 
  border-left: 1920px solid #0042bf;
  border-right: 1920px solid transparent; position:absolute; left:0; top:0;}
.search-result .sub-cont-tit b{color:#0042bf}
.search-result .all-search{width:100%; transition:all ease .5s;    } 
.search-result .all-search .search-box{  width:100%; max-width:600px;  margin:0 auto; position:relative; }
.search-result .all-search .search-box p{margin-bottom:20px} 
.search-result .all-search .search-btn{width:65px; line-height:65px; height:65px; background:url('../../../img/ico/ico-search-white.png') #111 no-repeat center center; position:absolute; right:0; bottom:0;}   
.search-result .all-search .search-box input{ line-height:65px; height:65px; width:calc(100% - 65px); background:transparent; background:#f4f4f4; font-size: 18px; padding:0 20px;}
.search-result .all-search .search-box input::placeholder{ color:#aaa} 
.search-result .sub-tab{margin-top:100px;}
/*
.search-result .sub-tab{border:0; border-top:2px solid #111; margin-top:100px;}
.search-result .sub-tab li{border-right:0;}
.search-result .sub-tab li a{font-size:18px}
.search-result .sub-tab li.active a{color:#0042bf; background:#fff; box-shadow:None;}
*/
.search-result .live-tit{color:#111; border-bottom:none; margin:70px 0 30px;}
.search-result .gallery-list ul{border-bottom:1px solid #ddd; padding-bottom:50px;}
.search-result .live-tit span{color:#0042bf}  
.search-result .sch-list{ }
.search-result .sch-list li{width:100%; margin:0 0 20px;}
.search-result .sch-list h3{font-size:22px; font-weight:500; margin-bottom:20px}
.search-result .sch-list b{color:#0042bf;} 
 





/********** 추가 - 허슬기 **********/
/***** Talk - 2 *****/
.social-media {
    padding: 0 0 60px;
    transition: 0.3s;
}
.social-media.bg-gray {
    background-color: #f8f8f8;
}
.sns-cont {
    display: inline-block;
    width: 100%;
    position: relative;
}

/* sns title */
.social-media .history-menu li a span {
    line-height: 1.2;
    font-weight: 700;
}
.social-media .history-menu li.on a .tit2 {
    font-weight: 600;
}
.social-media .history-menu li.on a.btn-viewmore {
    display: block;
}
.social-media .history-menu li a.btn-viewmore {
    font-size: 16px;
    color: #0042bf;
    font-weight: 500;
    position: absolute;
    left: 0;
    bottom: -45%;
    display: none;
}
.sns-cont .sns-tit-con {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 510px;
    width: 100%;
    height: 100%;
    padding-top: 30%;
}
.sns-cont .sns-tit {
    float: left;
    position: relative;
    width: 35%;
    height: 100vh;
}
.sns-cont .sns-tit-pin {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: unset !important;
}
.sns-cont .history-menu {
    width: 100%;
}
/* sns title */


/* sns content */
.sns-tab {
    width: 65%;
    float: right;
    max-width: 780px;
    margin-top: 60px;
}
.sns-tab > div {
    padding: 80px 0;
}
.sns-tab ul li {
	margin-top:80px;
	width:46%;
}
.sns-tab ul li:nth-child(odd) {
	float:right;
	margin-left:8%;
	margin-right:0;
}
.sns-tab ul li:nth-child(even) {
	float:left;
	margin-left:0;
	margin-right:0;
}
.sns-tab ul li:first-child {
	margin-top:0;
}
.sns-tab ul::after {
	content:"";
	display:block;
	clear:both;
}
.sns-tab ul li a {
	display:block;
	position:relative;
}
.sns-tab span {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display:block; 
	margin-top:20px;
	font-size:18px;
    font-weight: 600;
	color:#111111;
	-webkit-transition:color 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
	-moz-transition:color 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
	-ms-transition:color 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
	-o-transition:color 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
	transition:color 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
}
.sns-tab .img {
	overflow:hidden;
    position:relative;
    padding-bottom:100%;
    background-color:#000;
}
.sns-tab .img > div,
.sns-tab .img video,
.sns-tab .img iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.sns-tab .img .sns.insta {
    background: url('../../../img/ico/ico-instagram-white.png') no-repeat center;
}
.sns-tab .img .sns.blog {
    background: url('../../../img/ico/ico-blog-white.png') no-repeat center;
}
.sns-tab .img .sns.facebook {
    background: url('../../../img/ico/ico-facebook-white.png') no-repeat center;
}
.sns-tab .img .sns.youtube {
    background: url('../../../img/ico/ico-youtube-white.png') no-repeat center;
}
.sns-tab .img .sns {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 100%;
    z-index: 1;
    transition: 0.3s;
    background-color: rgba(0,0,0,50%) !important;
}
.sns-tab .btn-pop-open::before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-59px;
	margin-left:-35px;
	z-index:10;
	width:70px;
	height:70px;
	background:url('../img/ico/ico-play-video.png') no-repeat center;
}

/* ----- facebook, youtube { ----- */
    .sns-tab .tab-cont.big-conbox ul li {
        margin-left:0 !important;
        margin-right:0 !important;
        width:64%;
    }
    .sns-tab .tab-cont.big-conbox .img {
        padding-bottom:72.25%;
    }
/* ----- } facebook, youtube ----- */
    

/* ===== INTRO PC ANIMATION ===== */
@media all and (min-width:1201px){
	.sns-tab a:hover span {
		color:#0042bf;
	}
    .sns-tab .img::before {
        content:"";
		opacity:1;
        position:absolute;
        left:0;
        bottom:0;
		z-index:1;
        width:100%;
        height:0;
        background:#0042bf;
        mix-blend-mode:screen;
        -webkit-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -moz-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -ms-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -o-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
    }
	.sns-tab a:hover .img::before {
        height:100%;
    }
	.sns-tab .img > div {
        -webkit-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -moz-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -ms-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -o-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
    }
	.sns-tab a:hover .img > div {
        -webkit-filter: grayscale(100%);
        filter:grayscale(100%);
        -webkit-transform:scale(1.2) rotate(0.01deg);
        -moz-transform:scale(1.2) rotate(0.01deg);
        -ms-transform:scale(1.2) rotate(0.01deg);
        -o-transform:scale(1.2) rotate(0.01deg);
        transform:scale(1.2) rotate(0.01deg);
    }
    .sns-tab a:hover .img .sns {
        background-color: #0042bf !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .sns-tab .img::after {
        opacity: 0.5;
    }
}
/* sns content */

/* sns content02 */
.social-media02 .sns-tab > div {
    padding: 150px 0;
}
.social-media02 .sns-tab ul li:nth-child(odd) {
    float: left;
    margin-left: 0;
    margin-right: 8%;
}
.social-media02 .sns-tab ul li:nth-child(even) {
    float: right;
}
/* sns content02 */

/* ===== BTN VIEWMORE ===== */
/* 나중에 main.css 지우고 common.css 으로 빼면 될 듯 */
.btn-viewmore {
    display:inline-block;
    padding:0.313em 0;
    font-size:1.6rem;
    color:#fff;
    font-weight:600;
    vertical-align:middle;
}
.btn-viewmore i {
    display:inline-block;
    margin-left:1.375em;
    width:1.75em;
    height:1.5em;
    background:url(../../../img/ico/ico-viewmore.png) no-repeat center;
    background-size:100%;
    vertical-align:middle;
}
.btn-viewmore:hover i{
    -webkit-animation: viewMoreAni 1s linear infinite;
    -moz-animation: viewMoreAni 1s linear infinite;
    -ms-animation: viewMoreAni 1s linear infinite;
    -o-animation: viewMoreAni 1s linear infinite;
    animation: viewMoreAni 1s linear infinite;
}
.btn-viewmore.blue {
    color:#0042bf;
}
.btn-viewmore.blue i{
    background:url(../../../img/ico/ico-viewmore-blue.png) no-repeat center;
}
.btn-viewmore.down i {
	width:24px;
	height:28px;
	background:url(../../../img/ico/ico-viewmore-blue-down.png) no-repeat center;
}
.btn-viewmore.down:hover i{
    -webkit-animation: viewMoreAniDown 1s linear infinite;
    -moz-animation: viewMoreAniDown 1s linear infinite;
    -ms-animation: viewMoreAniDown 1s linear infinite;
    -o-animation: viewMoreAniDown 1s linear infinite;
    animation: viewMoreAniDown 1s linear infinite;
}
@-webkit-keyframes viewMoreAni {
    0% {
        opacity: 1; 
        transform: translateX(0px) scale(1);
    }
    25%{
        opacity: 0; 
        transform:translateX(10px) scale(0.9);
    }
    26%{
        opacity: 0; 

        transform:translateX(-10px) scale(0.9);
    }
    55% {
        opacity: 1; 
        transform: translateX(0px) scale(1);
    }
}
@-moz-keyframes viewMoreAni {
    0% {
        opacity: 1; 
        transform: translateX(0px) scale(1);
    }
    25%{
        opacity: 0; 
        transform:translateX(10px) scale(0.9);
    }
    26%{
        opacity: 0; 

        transform:translateX(-10px) scale(0.9);
    }
    55% {
        opacity: 1; 
        transform: translateX(0px) scale(1);
    }
}
@-ms-keyframes viewMoreAni {
    0% {
        opacity: 1; 
        transform: translateX(0px) scale(1);
    }
    25%{
        opacity: 0; 
        transform:translateX(10px) scale(0.9);
    }
    26%{
        opacity: 0; 

        transform:translateX(-10px) scale(0.9);
    }
    55% {
        opacity: 1; 
        transform: translateX(0px) scale(1);
    }
}
@-o-keyframes viewMoreAni {
    0% {
        opacity: 1; 
        transform: translateX(0px) scale(1);
    }
    25%{
        opacity: 0; 
        transform:translateX(10px) scale(0.9);
    }
    26%{
        opacity: 0; 

        transform:translateX(-10px) scale(0.9);
    }
    55% {
        opacity: 1; 
        transform: translateX(0px) scale(1);
    }
}
@keyframes viewMoreAni {
    0% {
        opacity: 1; 
        transform: translateX(0px) scale(1);
    }
    25%{
        opacity: 0; 
        transform:translateX(10px) scale(0.9);
    }
    26%{
        opacity: 0; 

        transform:translateX(-10px) scale(0.9);
    }
    55% {
        opacity: 1; 
        transform: translateX(0px) scale(1);
    }
}
@-webkit-keyframes viewMoreAniDown {
    0% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
    25%{
        opacity: 0;
        transform:translateY(10px) scale(0.9);
    }
    26%{
        opacity: 0;
        transform:translateY(-10px) scale(0.9);
    }
    55% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}
@-moz-keyframes viewMoreAniDown {
    0% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
    25%{
        opacity: 0;
        transform:translateY(10px) scale(0.9);
    }
    26%{
        opacity: 0;
        transform:translateY(-10px) scale(0.9);
    }
    55% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}
@-ms-keyframes viewMoreAniDown {
    0% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
    25%{
        opacity: 0;
        transform:translateY(10px) scale(0.9);
    }
    26%{
        opacity: 0;
        transform:translateY(-10px) scale(0.9);
    }
    55% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}
@-o-keyframes viewMoreAniDown {
    0% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
    25%{
        opacity: 0;
        transform:translateY(10px) scale(0.9);
    }
    26%{
        opacity: 0;
        transform:translateY(-10px) scale(0.9);
    }
    55% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}
@keyframes viewMoreAniDown {
    0% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
    25%{
        opacity: 0;
        transform:translateY(10px) scale(0.9);
    }
    26%{
        opacity: 0;
        transform:translateY(-10px) scale(0.9);
    }
    55% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}
/***** Talk - 2 *****/



/***** live - 2 *****/

/**** 작업하실 때 head.sub 에 있는 simplyscroll 삭제 부탁드립니다 ***/

.live .simply-scroll {
    width: 100%;
    height: auto;
    margin-top: 140px;
    padding-bottom: 117px;
    background: #f7f7fa;
}
.live .simply-scroll .simply-scroll-clip {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.live .simply-scroll .simply-scroll-clip .rolling-banner {
    display: flex;
}
.live .simply-scroll .simply-scroll-clip .rolling-banner li {
    width: 487px;
    height: auto;
    margin: 0 10px;
}
.live .simply-scroll .simply-scroll-clip .rolling-banner li a {
    display: block;
    position: relative;
}
.rolling-banner .img {
    overflow: hidden;
    position: relative;
    padding-bottom: 56%;
    background-color: #000;
}
.rolling-banner .img::before {
    content: "";
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 0;
    background: #0042bf;
    mix-blend-mode: screen;
    -webkit-transition: all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
    -moz-transition: all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
    -ms-transition: all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
    -o-transition: all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
    transition: all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
}
.rolling-banner a:hover .img::before {
    height: 100%;
}

.rolling-banner .img > div,
.rolling-banner .img video,
.rolling-banner .img iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

@media all and (min-width:1201px){
    .rolling-banner .img::before {
        content:"";
		opacity:1;
        position:absolute;
        left:0;
        bottom:0;
		z-index:10;
        width:100%;
        height:0;
        background:#0042bf;
        mix-blend-mode:screen;
        -webkit-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -moz-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -ms-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -o-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
    }
	.rolling-banner a:hover .img::before {
        height:100%;
    }
	.rolling-banner .img > div {
        -webkit-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -moz-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -ms-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -o-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
    }
	.rolling-banner a:hover .img > div {
        -webkit-filter: grayscale(100%);
        filter:grayscale(100%);
        -webkit-transform:scale(1.2) rotate(0.01deg);
        -moz-transform:scale(1.2) rotate(0.01deg);
        -ms-transform:scale(1.2) rotate(0.01deg);
        -o-transform:scale(1.2) rotate(0.01deg);
        transform:scale(1.2) rotate(0.01deg);
    }

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .rolling-banner .img::before {
        opacity: 0.5;
    }
}



.friendly-live {
	padding:130px 0 0;
}
.friendly-live h3 {
	font-size:36px;
	color:#111111;
	font-weight:700;
	text-align:center;
}
.friendly-live .live-nav {
	margin-bottom:60px;
	padding:0 0 20px;
	border-bottom:1px solid #dddddd;
    text-align: center;
}
.friendly-live .live-nav ul {
	font-size:0;
}
.friendly-live .live-nav ul li {
	display:inline-block;
	vertical-align:middle;
}
.friendly-live .live-nav ul li a {
	position:relative;
	padding:0 30px;
	font-size:18px;
	color:#555555;
	letter-spacing:-0.25px;
}
.friendly-live .live-nav ul li a::after {
	content:"";
	position:absolute;
	left:0;
	bottom:-26px;
	width:0;
	height:2px;
	background-color:#0042bf;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.friendly-live .live-nav ul li.on a,
.friendly-live .live-nav ul li a:hover {
	color:#0042bf;
	font-weight:600;
}
.friendly-live .live-nav ul li.on a::after,
.friendly-live .live-nav ul li a:hover::after {
	width:100%;
}
.friendly-live .live-item a {
	display:block;
	position:relative;
}
.friendly-live .live-item .btn-pop-open::before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px;
	z-index:15;
	width:50px;
	height:50px;
	background:url(../../../img/ico/ico-play-video.png) no-repeat center;
	background-size:100%;
}
.friendly-live .live-item .img {
	overflow:hidden;
	position:relative;
    padding-bottom: 56.668%;
	height:0;
}
.friendly-live .live-item .img > div {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.friendly-live .live-item .txt {
	margin-top:25px;
}
.friendly-live .live-item .txt span {
	font-size:18px;
	color:#0042bf;
	font-weight:500;
}
.friendly-live .live-item .txt p {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top:10px;
	font-size:20px;
	color:#111111;
	font-weight:600;
}
.friendly-live .live-btnwrap {
	margin-top:80px;
	text-align:center;
}


/* ----- live list - type1 { ----- */
.friendly-live .live-con.live-list1::after {
	content:"";
	display:block;
	clear:both;
}
.friendly-live .live-con.live-list1 .left {
	float:left;
	margin-right:60px;
	width:50%;
}
.friendly-live .live-con.live-list1 .left .live-item {
	margin-top:60px;
}
.friendly-live .live-con.live-list1 .left .live-item:first-child {
	margin-top:0;
}
.friendly-live .live-con.live-list1 .right {
	float:right;
	width:calc(50% - 60px);
}
.friendly-live .live-con.live-list1 .right .live-item {
	margin-top:40px;
}
.friendly-live .live-con.live-list1 .right .live-item:first-child {
	margin-top:0;
}
/* ----- } live list - type1 ----- */


/* ----- live list - type2 { ----- */
.friendly-live .live-con.live-list2 {
	display:none;
	padding-top:70px;
}
.live-con.live-list2::after {
	content:"";
	display:block;
	clear:both;
}
.live-con.live-list2 .left {
	float:left;
	margin-top:-40px;
	margin-right:60px;
	width:55%;
}
.live-con.live-list2 .left .live-item {
	float:left;
	margin-top:40px;
	margin-left:32px;
	width:calc((100% - 32px) / 2);
}
.live-con.live-list2 .left .live-item:nth-child(odd) {
	margin-left:0;
}
.live-con.live-list2 .right {
	float:right;
	width:calc(45% - 60px);
}
.live-con.live-list2 .right .live-item {
	margin-top:40px;
}
.live-con.live-list2 .right .live-item:first-child {
	margin-top:0;
}
/* ----- } live list - type2 ----- */


/* ----- live list - type3 { ----- */
.live-con.live-list3 {
	margin-top:-40px;
}
.live-con.live-list3::after {
	content:"";
	display:block;
	clear:both;
}
.live-con.live-list3 .live-item {
	float:left;
	margin-top:40px;
	margin-left:2.4%;
	width:48.8%;
}
.live-con.live-list3 .live-item:nth-child(odd) {
	margin-left:0;
}
/* ----- } live list - type3 ----- */

@media all and (min-width:1201px){
    .friendly-live .live-item .img::before {
        content:"";
		opacity:1;
        position:absolute;
        left:0;
        bottom:0;
		z-index:10;
        width:100%;
        height:0;
        background:#0042bf;
        mix-blend-mode:screen;
        -webkit-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -moz-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -ms-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -o-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
    }
	.friendly-live .live-item a:hover .img::before {
        height:100%;
    }
	.friendly-live .live-item .img > div {
        -webkit-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -moz-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -ms-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        -o-transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
        transition:all 0.7s cubic-bezier(0.54, 0.005, 0.155, 0.99);
    }
	.friendly-live .live-item a:hover .img > div {
        -webkit-filter: grayscale(100%);
        filter:grayscale(100%);
        -webkit-transform:scale(1.2) rotate(0.01deg);
        -moz-transform:scale(1.2) rotate(0.01deg);
        -ms-transform:scale(1.2) rotate(0.01deg);
        -o-transform:scale(1.2) rotate(0.01deg);
        transform:scale(1.2) rotate(0.01deg);
    }

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .friendly-live .live-item .img::before {
        opacity: 0.5;
    }
}

/***** live - 2 *****/


/***** live - 1-1 *****/
.friendly-live02 .col2 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}
.friendly-live02 .col2 .live-item {
    width: 50%;
    padding: 0 30px 60px;
    margin: 0;
}
.friendly-live02 .col3 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.friendly-live02 .col3 .live-item {
    width: 33.3%;
    padding: 0 15px 60px;
    margin: 0;
}

.friendly-live02.live-item .img {
    padding-bottom: 59.65%;
}
.friendly-live02 .live-btnwrap {
    margin-top: 0;
}

.friendly-live02 .live-con.live-list2 {
    padding-top: 0;
}
.friendly-live02 .live-con.live-list3 {
    margin-top: 60px;
}
/***** live - 1-1 *****/

.flowin3{margin-bottom:50px}
#list_la{max-width:1280px; margin:auto}
.news_list li a:before, .company_info .info_title .info_btn.on:before {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.aside_con .close_btn:hover, .news_list li a:hover:before, .news_page_navi a:hover:before, .popup_wrap .iframe_wrap .lry_close:hover, .slide_caption:hover:before, .company_info .info_title .info_btn.on:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.news_list li a, .news_page_navi a, .caption_wrap .bx-controls-direction a, .slide_caption, .detail_btn {
    -webkit-transition: 0.2s background-color ease-out;
    -moz-transition: 0.2s background-color ease-out;
    -o-transition: 0.2s background-color ease-out;
    transition: 0.2s background-color ease-out;
}

.news_list {
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	overflow:hidden;
}
.news_list ul {
	position:relative;
	float:left;
	width:50%;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
/*.news_list ul:first-child{
	width:798px;
}
.news_list nth-child(1) ul{width:400px}*/
.news_list ul a {
	display:block;
	position:relative;
	padding:0 14px;
	height:100%;
}
/*.news_list ul:first-child a {
	width:798px;
}*/

.news_list ul a:before {
	display:block;
	position:absolute;
	bottom:23px;
	right:23px;
	width:19px;
	height:19px;
	content:'popup open';
	background:url('../img/btn_company_info.png') no-repeat;
	background-position:0 -19px;
	opacity:0;
	text-indent:-99999px;
	visibility:hidden;
}
.news_list ul a:focus,.news_list ul a:hover {
	background-color:#f3f3f3;
}
.news_list ul a:hover:before {
	opacity:1;
	visibility:visible;
}
.news_list ul .text_wrap {
	display:block;
	width:92%;
	height:370px;
	overflow:hidden;
}
.news_list ul .news_title {
	display:block;
	padding-top:29px;
	margin-bottom:23px;
	font-size:28px;
	line-height:40px;
}
.news_list ul .news_title {
	padding-top:33px;
	margin-bottom:18px;
}
.window .news_list ul .news_title {
	padding-top:28px;
	margin-bottom:20px;
}
/*.news_list ul:first-child .news_title {
	padding-top:31px;
	margin-bottom:26px;
	font-size:63px;
	line-height:65px;
	
}
.news_list ul:first-child .news_title {
	padding-top:30px;
	margin-bottom:17px;
	font-size:46px;
	line-height:62px;
	
}*/
.window .news_list ul:first-child .news_title {
	padding-top:21px;
	margin-bottom:23px;
}
.news_list ul .news_desc {
	font-size:16px;
}
.news_list ul .news_desc {
	line-height:28px;
	height: 140px;
    overflow: hidden;
	display:block;
}
.news_list ul .date {
	position:absolute;
	bottom:19px;
	left:14px;
	font-size:12px;
	color:#a3a3a3;
	vertical-align:middle;
	font-family:"Univers LT W04_55 Roman",'helvetica',arial;
}
.news_list ul:first-child .date:before {
	display:inline-block;
	margin-right:7px;
	width:55px;
	height:18px;
	content:'RECENT';
	font-size:11px;
	color:#fff;
	background-color:#000;
	line-height:18px;
	text-align: center;
}

/******team*******/

.boardList {  }
.boardList .item { width: 32%; margin-right: 2%; float: left; box-sizing: border-box; padding-bottom: 25px; opacity:0}

.boardList .item.nth3 { margin-right: 2%; }
.boardList .item.nth4 { margin-right: 0; }

.boardList .item .position { height: 0; padding-bottom: 118%;  position: relative; overflow:hidden; }
.boardList .item .position p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #202020 url(assets/images/team_itemBg.png) repeat-x 0 0;
    background-size: auto 100%;
}
.boardList .item .position p img { position: absolute; top: 0; right: 0;  width: 100%; height: 100%; /* max-width: 390px;  */}
.boardList .item .position dl { position: absolute; bottom: 0; left: 0; padding: 0 9% 6%; width: 82%; color: #fff; /*text-shadow: #000 1px 1px; */
background: -webkit-linear-gradient(transparent, #070707); 
background: -o-linear-gradient(transparent, #070707);
background: -moz-linear-gradient(transparent, #070707); 
background: linear-gradient(transparent, #070707); 
}
.boardList .item .position dl dt { padding-bottom: 13px; }
.boardList .item .position dl dt strong { display: block; font-size: 14px; color: #d0d0d0; padding-bottom: 4px;}
.boardList .item .position dl dt span { display: block; font-size: 18px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
.teamPeople .boardList .item .position dl dt span {text-transform:none;}
.boardList .item .position dl dd { word-spacing: -2px; color: #c4c4c4; font-size: 15px; }
.boardList .item .position .dim { position: absolute; top: 0; left: 0; display:none; width: 100%; height: 100%; background-color: #000; opacity: .4; transition:all .3s; }
.boardList .item .position .dim.hide { display: block; transition:all .3s; }

.subCont.team .contents {max-width:1620px;}

/* teamPeople */
.teamPeople { /*background-color: #f1f1f1;*/ padding: 0 0 100px 0; overflow: hidden; }
.teamPeople .subHead { font-family: 'Helvetica Bold'; font-size: 28px; color: #333333; text-align: center; padding-bottom: 70px; }


.boardList .itemViewer { clear: both; width: 100%; min-height: 150px; margin-bottom: 25px; background-color: #fff; position: relative; line-height: 1; overflow:hidden; }
.boardList .itemViewer div  { padding: 60px 50px; }
.boardList .itemViewer .closeBtn { position: absolute; top: 50px; right: 50px; background: url("../../../img/sub/btn_close.png") no-repeat 0 0; width: 23px; height: 23px; display: block; text-indent: -9999em; }
.boardList .item.here {
    background: url("../../../img/sub/ico_here.png") no-repeat center bottom;
}
.boardList .itemViewer div dt { padding-bottom: 40px; padding-right: 25px; }
.boardList .itemViewer div dt strong { display: block; font-size: 40px; padding-bottom: 12px; }
.boardList .itemViewer div dt span { font-size: 18px; display: block; color: #999999; }
.boardList .itemViewer div dd { padding-right: 50px; line-height: 1.6; word-spacing: 1px; font-size:16px}
.boardList .itemViewer div dd h3{font-weight: 600; font-size:18px; padding-top:20px}
.boardList .itemViewer div dd span{padding-top:15px}


@media (max-width: 750px) {

	

	/* teamPeople */
	.teamPeople { padding: 60px 0 40px 0; }
	.teamPeople .subHead { padding-bottom: 60px; }
	.sortby { height: auto; border-bottom: none; padding: 0; }
	.sortby > div { float: none; border-bottom: #dcdcdc 1px solid; padding: 0 10px; }
	.sortby > div > a { display: block; margin-right: 0; }
	.sortby .dropdown { display: block;  }
	.sortby .dropdown > a { display: block; margin-left: 0; }
	.sortby .dropdown + ul { height: auto; }
	.sortby .dropdown + ul.btList { top: 122px; padding: 15px 10px; }
	.sortby .dropdown + ul.bpList { top: 183px; padding: 15px 10px; }
	.sortby .dropdown + ul li { display: block; padding: 5px 0; } 
	.sortby .dropdown + ul li a { line-height: 1.2; }
	.sortby .dropdown + ul li a span { display: inline; }
	.sortby .searchBox { clear: both;  position: static; display: block; margin-top: 20px; }
	.sortby .searchBox input[type="text"] { width: 100%; max-width: 95%; }
	
	.boardList .item { width: 100%; margin-right: 0; float: none;  }
	.boardList .item.nth3 { margin-right: 0%; }
	.boardList .item.nth4 { margin-right: 0; }
	.boardList .item .position { height: 0; padding-bottom: 55.5%; }
	.boardList .item .position p { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 0; text-align: right;}
	.boardList .item .position p img { width: auto; height: 100%;  }
	.boardList .item .position dl { box-sizing: border-box; padding: 7% 25px 20px 25px; width: 100%; }
	.boardList .item .position dl dt {width:165px;}/* 2017-05-11 수정 */
	.boardList .itemViewer div  { padding: 40px 20px; }
	.boardList .itemViewer .closeBtn { top: 40px; right: 20px; }
	.moreview a { margin-top: 20px; }
	.moreview span { margin-top: 20px; }


}



/*********start***/









/* *******************search to be*********************** */
.investments section#cases .case_search .wrap { border-top: 1px solid #666; border-bottom: 1px solid #c4c4c4; font-size: 0; position: relative; font-size: 0; }
.investments section#cases .case_search .wrap > * { display: inline-block; vertical-align: middle; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.investments section#cases .case_search .wrap .sel_option { display: none; }
.investments section#cases .case_search .wrap .sel_option:after { content: ''; display: block; width: 1px; height: 40px; background: #c4c4c4; position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }

/* .investments section#cases .case_search .wrap .select_box{width:200px; color:#070d3c; position:relative;} */
.investments section#cases .case_search .wrap .select_box { width: 33.333%; color: #070d3c; position: relative; }
.investments section#cases .case_search .wrap .select_box select { width: 100%; border: none; height: 60px; background: url('/img/sub/select_arrow_bk.png') 96% center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 20px; font-size: inherit; }
.investments section#cases .case_search .wrap .select_box:after { content: ''; display: block; width: 1px; height: 40px; background: #c4c4c4; position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
.investments section#cases .case_search .wrap .select_box:last-child:after { display: none; }
.investments section#cases .case_search .wrap .search { width: calc(100% - 600px); padding: 0 70px 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; position: relative; }
.investments section#cases .case_search .wrap .search input[type='text'] { color: #999; width: 100%; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; font-size: inherit; }
.investments section#cases .case_search .wrap .search_btn { position: absolute; top: 50%; right: 30px; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 20px; height: 20px; border: 3px solid #070d3c; border-radius: 50%; }
.investments section#cases .case_search .wrap .search_btn:after { content: ''; width: 3px; height: 10px; background: #070d3c; position: absolute; bottom: -8px; right: -4px; border-radius: 3px; -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); }
.investments section#cases .case_search .wrap .search_btn a { font-size: 0; display: block; width: 100%; height: 100%; }

/* *******************search to be*********************** */
.investments section#cases .cont_box { margin-top: 30px; }
.investments section#cases .cont_box ul.list_ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; }
.investments section#cases .cont_box ul.list_ul li.list_box { width: calc(20% - 20px); margin: 0 25px 25px 0; }
.investments section#cases .cont_box ul.list_ul li.list_box:nth-child(5n) { margin-right: 0; }
.investments section#cases .cont_box ul.list_ul li.list_box .thum { cursor: pointer; border: 1px solid #c4c4c4; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; position: relative; }
.investments section#cases .cont_box ul.list_ul li.list_box .thum.on:after { content: ''; display: block; width: 30px; height: 30px; background: #f2f3f5; position: absolute; bottom: -45px; left: 50%; -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); }
.investments section#cases .cont_box ul.list_ul li.list_box .thum img { width: 80%; display: block; margin: 7px auto; }
.lang_en .investments section#cases .cont_box ul.list_ul li.list_box .thum img { width: 100%; display: block; }
.investments section#cases .cont_box ul.list_ul li.list_box .info_box { width: calc(500% + 100px); display: none; margin-top: 30px; position: relative; background: #f2f3f5; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box:nth-child(5n + 2)
  .info_box { left: calc(-100% - 25px); }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box:nth-child(5n + 3)
  .info_box { left: calc(-200% - 50px); }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box:nth-child(5n + 4)
  .info_box { left: calc(-300% - 75px); }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box:nth-child(5n + 5)
  .info_box { left: calc(-400% - 100px); }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_wrap { padding: 70px; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_box_bg { background: #f2f3f5; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .close_btn { width: 50px; height: 50px; position: absolute; top: 30px; right: 30px; cursor: pointer; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .close_btn
  i { display: block; width: 30px; height: 3px; background: #000; position: absolute; top: 50%; left: 50%; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .close_btn
  i:first-child { -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .close_btn
  i:last-child { -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .img_box { width: 300px; height: 300px; border: 1px solid #c4c4c4; position: relative; margin-right: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; padding: 30px; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .img_box
  img {/*width:250px;*/ position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); max-width: 80%; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .info_txt { width: calc(100% - 325px); }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .info_txt
  ul { }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .info_txt
  ul
  li { font-size: 19px; line-height: 32px; font-weight: 300; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .info_txt
  ul
  li.bold { font-weight: 600; font-size: 30px; margin-bottom: 20px; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .info_txt
  ul
  li
  span { font-weight: 600; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .info_txt
  ul
  li
  .txt { display: inline-block; margin-right: 15px; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .info_txt
  ul
  li
  .txt:nth-child(3) { display: block; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .info_txt
  ul
  li
  .mar { margin-top: 15px; font-weight: 600; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .info_txt
  ul
  li.link { width: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; background: #000; color: #fff; font-size: 19px; height: 55px; line-height: 53px; margin-top: 35px; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .info_txt
  ul
  li.link
  a { font-size: inherit; color: inherit; text-align: center; display: block; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .info_txt
  ul
  li.link
  span { width: 35px; height: 1px; background: #fff; vertical-align: middle; display: inline-block; margin-left: 10px; position: relative; }
.investments
  section#cases
  .cont_box
  ul.list_ul
  li.list_box
  .info_box
  .info_cont
  .info_txt
  ul
  li.link
  span:after { content: ''; display: block; width: 20px; height: 1px; background: #fff; position: absolute; top: -5px; right: -2px; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }



@media screen and (max-width: 1200px) {
 .investments section#sectors .cont_box .tab_cont .inner .tab_box .tab_btn { width: calc(20% - 10px); font-size: 15px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_wrap { padding: 50px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .img_box { width: 250px; height: 250px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt { width: calc(100% - 275px); }
 
}

@media screen and (max-width: 1024px) {
 
 .investments section#sectors .cont_box .sub_tit { font-size: 27px; padding-bottom: 40px; }/* .investments section#sectors .cont_box .tab_cont{margin-top:140px;} *//* .investments section#sectors .cont_box .tab_cont .inner{padding:80px 0;} *//* .investments section#sectors .cont_box .tab_cont .inner .tab_box .tab_btn{top:-140px; width:calc(20% - 2px);} */
 .investments section#sectors .cont_box .tab_cont .inner .tab_box .tab_btn { width: calc(20% - 2px); }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_inner_cont { padding: 80px 0; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_inner_cont
    .tab_tit { font-size: 27px; }/* .investments section#cases .case_search .wrap .select_wrap > *{font-size:18px;} *//* .investments section#cases .case_search .wrap .select_wrap .sel_option{height:35px; line-height:35px;} *//* .investments section#cases .case_search .wrap .select_wrap .select_box{height:50px;} *//* .investments section#cases .case_search .wrap input[type="text"]{height:35px; font-size:18px;} *//* .investments section#cases .case_search .wrap .search_btn{width:15px; height:15px;}	 */
 .investments section#cases .case_search .wrap > * { font-size: 18px; }/* .investments section#cases .case_search .wrap .select_box{width:170px;} */
 .investments section#cases .case_search .wrap .select_box select { height: 50px; }
 .investments section#cases .case_search .wrap .select_box:after { height: 30px; }
 .investments section#cases .case_search .wrap .search { width: calc(100% - 510px); font-size: 18px; }
 .investments section#cases .case_search .wrap .search_btn { width: 15px; height: 15px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .img_box { width: 270px; height: 270px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt { width: calc(100% - 295px); }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li { font-size: 17px; line-height: 29px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.bold { font-size: 27px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .close_btn { width: 40px; height: 40px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .close_btn
    i { width: 25px; height: 2px; }

}

@media screen and (max-width: 900px) {

 .investments section#sectors .cont_box .sub_tit { font-size: 25px; padding-bottom: 30px; }/* .investments section#sectors .cont_box .tab_cont{margin-top:120px;} *//* .investments section#sectors .cont_box .tab_cont .inner{padding:70px 0;} *//* .investments section#sectors .cont_box .tab_cont .inner .tab_box .tab_inner_cont:before{width:24px; height:24px; top:-12px;} *//* .investments section#sectors .cont_box .tab_cont .inner .tab_box .tab_btn{top:-120px;} */
 .investments section#sectors .cont_box .tab_cont .inner .tab_box .tab_btn { }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_btn.on:before { width: 24px; height: 24px; bottom: -12px; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_inner_cont { padding: 70px 0; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_inner_cont
    .tab_tit { font-size: 25px; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_inner_cont
    .txt { font-size: 17px; line-height: 29px; }/* .investments section#cases .case_search .wrap .select_wrap > *{font-size:17px;} *//* .investments section#cases .case_search .wrap .select_wrap .sel_option{height:30px; line-height:30px; width:130px;} *//* .investments section#cases .case_search .wrap .select_wrap .select_box{height:45px; width:200px;} *//* .investments section#cases .case_search .wrap input[type="text"]{height:30px; font-size:17px; width:calc(100% - 350px); padding:0 50px 0 20px;} */
 .investments section#cases .case_search .wrap > * { font-size: 17px; }/* .investments section#cases .case_search .wrap .select_box{width:140px;} */
 .investments section#cases .case_search .wrap .select_box { width: 100%; border-top: 1px solid #c4c4c4; }
 .investments section#cases .case_search .wrap .select_box select { height: 45px; }
 .investments section#cases .case_search .wrap .select_box:after { display: none; }
 .investments section#cases .case_search .wrap .select_box:first-child { border-top: none; }
 .investments section#cases .case_search .wrap .search { width: calc(100% - 430px); font-size: 17px; }
 .investments section#cases .case_search .wrap .search_btn { right: 10px; }
 .investments section#cases .cont_box ul.list_ul li.list_box { width: calc(20% - 4px); margin: 0 5px 5px 0; }
 .investments section#cases .cont_box ul.list_ul li.list_box .info_box { width: calc(500% + 20px); margin: 30px 0 20px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box:nth-child(5n + 2)
    .info_box { left: calc(-100% - 5px); }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box:nth-child(5n + 3)
    .info_box { left: calc(-200% - 10px); }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box:nth-child(5n + 4)
    .info_box { left: calc(-300% - 15px); }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box:nth-child(5n + 5)
    .info_box { left: calc(-400% - 20px); }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_wrap { padding: 40px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .img_box { width: 230px; height: 230px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt { width: calc(100% - 255px); }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li { font-size: 16px; line-height: 27px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.bold { font-size: 23px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .close_btn { width: 35px; height: 35px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .close_btn
    i { width: 20px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.link { margin-top: 15px; width: 250px; padding: 0 10px; height: 45px; line-height: 43px; font-size: 17px; }

}

@media screen and (max-width: 768px) {

 .investments section#sectors .cont_box .sub_tit { font-size: 20px; }
 .investments section#sectors .cont_box .tab_cont { margin-top: 0; background: none; }
 .investments section#sectors .cont_box .tab_cont.on { border: none; }
 .investments section#sectors .cont_box .tab_cont .inner { padding: 0; width: 95%; }/* .investments section#sectors .cont_box .tab_cont .inner .tab_box .tab_inner_cont:before{display:none;} */
 .investments section#sectors .cont_box .tab_cont .inner .tab_box .tab_btn { font-size: 15px; width: 100%; position: relative; top: auto !important; left: auto !important; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; border-bottom: 1px solid #fff; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_btn.on:before { display: none; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_btn
    .plus { display: block; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_inner_cont.view { padding: 30px; background: #f2f3f5; border: none; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_inner_cont
    .tab_tit { font-size: 20px; margin-bottom: 15px; width: 100%; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_inner_cont
    .txt { font-size: 15px; line-height: 25px; width: 100%; }/* .investments section#cases .case_search .wrap .select_wrap > *{font-size:16px;} *//* .investments section#cases .case_search .wrap .select_wrap .sel_option{display:none} *//* .investments section#cases .case_search .wrap .select_wrap .select_box{width:180px;} *//* .investments section#cases .case_search .wrap input[type="text"]{font-size:16px; width:calc(100% - 180px);} *//* .investments section#cases .case_search .wrap .search_btn{width:12px; height:12px;} */
 .investments section#cases .case_search .wrap > * { font-size: 16px; }/* .investments section#cases .case_search .wrap .select_box{width:50%; border-bottom:1px solid #c4c4c4;} */
 .investments section#cases .case_search .wrap .select_box:nth-child(4) { border-bottom: none; }
 .investments section#cases .case_search .wrap .select_box select { height: 40px; }
 .investments section#cases .case_search .wrap .select_box:after { height: 25px; }
 .investments section#cases .case_search .wrap .select_box:nth-child(3):after { display: none; }
 .investments section#cases .case_search .wrap .search { width: 50%; font-size: 16px; padding: 0 50px 0 20px; }
 .investments section#cases .case_search .wrap .search_btn { width: 12px; height: 12px; right: 20px; }
 .investments section#cases .cont_box ul.list_ul li.list_box { width: calc(33.33% - 8px); margin: 0 12px 12px 0; }
 .investments section#cases .cont_box ul.list_ul li.list_box:nth-child(5n) { margin-right: 12px; }
 .investments section#cases .cont_box ul.list_ul li.list_box:nth-child(3n) { margin-right: 0; }
 .investments section#cases .cont_box ul.list_ul li.list_box .info_box { width: calc(300% + 24px); margin: 30px 0 20px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box:nth-child(5n + 2)
    .info_box { left: auto; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box:nth-child(5n + 3)
    .info_box { left: auto; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box:nth-child(5n + 4)
    .info_box { left: auto; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box:nth-child(5n + 5)
    .info_box { left: auto; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box:nth-child(3n + 2)
    .info_box { left: calc(-100% - 12px); }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box:nth-child(3n + 3)
    .info_box { left: calc(-200% - 24px); }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_wrap { padding: 30px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .img_box { width: 180px; height: 180px; margin-right: 20px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt { width: calc(100% - 200px); }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li { font-size: 15px; line-height: 25px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.bold { font-size: 20px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li
    .mar { margin-top: 10px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.link { margin-top: 10px; width: 230px; height: 40px; line-height: 38px; font-size: 15px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.link
    span { width: 25px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.link
    span:after { width: 12px; top: -3px; }

}

@media screen and (max-width: 600px) {
 
 .investments section#sectors .cont_box .sub_tit { font-size: 18px; padding-bottom: 20px; }
 .investments section#sectors .cont_box .tab_cont .inner .tab_box .tab_btn { height: 40px; line-height: 38px; font-size: 14px; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_inner_cont
    .tab_tit { font-size: 18px; margin-bottom: 10px; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_inner_cont.view { padding: 20px; }/* .investments section#cases .case_search .wrap .select_wrap > *{font-size:15px;} *//* .investments section#cases .case_search .wrap .select_wrap .select_box{width:150px; background-size:15px;} *//* .investments section#cases .case_search .wrap input[type="text"]{font-size:15px; width:calc(100% - 150px); padding:0 40px 0 20px;} *//* .investments section#cases .case_search .wrap .search_btn{right:10px;} */
 .investments section#cases .case_search .wrap > * { font-size: 15px; }
 .investments section#cases .case_search .wrap .select_box select { background-size: 15px; }
 .investments section#cases .case_search .wrap .search { font-size: 15px; }
 .investments section#cases .case_search .wrap .search_btn { right: 15px; }
 .investments section#cases .cont_box ul.list_ul li.list_box .info_box { margin: 20px 0 20px; }
 .investments section#cases .cont_box ul.list_ul li.list_box .thum.on:after { width: 20px; height: 20px; bottom: -32px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_wrap { padding: 20px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .img_box { display: none; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt { width: 100%; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .close_btn { top: 15px; right: 15px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.bold { font-size: 18px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.link { width: 200px; height: 35px; line-height: 33px; font-size: 14px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.link
    span { width: 20px; }
 
}

@media screen and (max-width: 480px) {
 
 .investments section#sectors .cont_box .sub_tit { font-size: 16px; padding-bottom: 15px; }
 .investments section#sectors .cont_box .tab_cont .inner .tab_box .tab_btn { font-size: 13px; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_inner_cont
    .tab_tit { font-size: 15px; }
 .investments
    section#sectors
    .cont_box
    .tab_cont
    .inner
    .tab_box
    .tab_inner_cont
    .txt { font-size: 13px; line-height: 21px; }/* .investments section#cases .case_search .wrap .select_wrap > *{font-size:13px;} *//* .investments section#cases .case_search .wrap .select_wrap .select_box{width:120px; height:40px; background-size:12px; padding:0 10px;} *//* .investments section#cases .case_search .wrap input[type="text"]{font-size:13px; width:calc(100% - 120px); height:30px; padding:0 30px 0 10px;} *//* .investments section#cases .case_search .wrap .search_btn{border-width:2px;} *//* .investments section#cases .case_search .wrap .search_btn:after{width:2px;} */
 .investments section#cases .case_search .wrap > * { font-size: 13px; }
 .investments section#cases .case_search .wrap .select_box select { background-position: 94% center; background-size: 12px; padding: 0 10px; }
 .investments section#cases .case_search .wrap .search { font-size: 13px; padding: 0 30px 0 10px; }
 .investments section#cases .case_search .wrap .search_btn { border-width: 2px; right: 10px; }
 .investments section#cases .case_search .wrap .search_btn:after { width: 2px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li { font-size: 13px; line-height: 21px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.bold { font-size: 17px; width: 83%; margin-bottom: 10px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .close_btn { width: 30px; height: 30px; top: 8px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .close_btn
    i { width: 15px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.link { font-size: 13px; }
 .investments
    section#cases
    .cont_box
    ul.list_ul
    li.list_box
    .info_box
    .info_cont
    .info_txt
    ul
    li.link
    span:after { right: -1px; }

}

.sub_contents{max-width:1500px;margin:150px auto;font-size:18px;color:#666;line-height:1.5em;font-weight:300}
.sub_contents h3{color:#000;font-size:42px;font-weight:700;line-height:1;}
.sub_contents .company_wrap{display:flex;justify-content:space-between;margin-bottom:120px}
.sub_contents .company_wrap>h3{width:20%}
.sub_contents .company_wrap>div{width:76%;margin-top:3px;}

.sub_contents .strategy_txt{font-size:36px;color:#000;font-weight:300;line-height:1.3em;letter-spacing:-0.02em;margin-bottom:30px}
.sub_contents .strategy_txt>strong{color:#1c226a;font-weight:700;letter-spacing:0}

.sub_contents .ul_strategy>li{position:relative;padding-left:30px;margin-bottom:12px;}
.sub_contents .ul_strategy>li:before{content:'';display:block;position:absolute;left:12px;top:11px;width:4px;height:4px;background-color:#000}

.sub_contents .dl_histroy{margin-top:10px}
.sub_contents .dl_histroy dt{font-size:36px;color:#1c226a;font-weight:700;margin-bottom:30px;}
.sub_contents .dl_histroy dd{position:relative;border-bottom:1px dashed #d6d5d5;padding:20px 0 20px 85px}
.sub_contents .dl_histroy dd>strong{position:absolute;top:22px;left:0;display:block;width:85px;text-align:center;font-size:22px;color:#000;font-weight:600;line-height:1;}

@media screen and (max-width:820px){
	.sub_contents .dl_histroy dd{padding:20px 0 20px 50px}
	.sub_contents .dl_histroy dd>strong{width:50px;}
}

.sub_contents .ul_ethics{margin:50px 0;border-left:2px solid #ddd;padding-left:45px;}
.sub_contents .ul_ethics li{margin-bottom:20px}
.sub_contents .ul_ethics li:last-child{margin-bottom:0}
.sub_contents .ul_ethics li strong{display:block;color:#000;font-size:20px;font-weight:600;margin-bottom:5px;}
.sub_contents .ethics_txt{margin-bottom:70px;color:#000;font-weight:600;}
.sub_contents .btn_ethics_wrap{display:flex;justify-content:flex-end}
.sub_contents .btn_ethics{background:#1c226a url(/img/sub/ico_mail.png) no-repeat calc(100% - 18px) 50%;color:#fff;font-size:16px;padding:10px 70px 10px 20px;transition:0.2s}
.sub_contents .btn_ethics:hover{background-color:#3d6e6d;box-shadow:5px 5px 15px rgba(0,0,0,0.1)}

.sub_contents .h3_ethics{font-size:26px;color:#1c226a;margin-bottom:20px;}

@media screen and (max-width:820px){
	.sub_contents .ethics_txt{margin-bottom:50px !important;}
	.sub_contents .h3_ethics{font-size:20px;}
}