.sub_cont{}
.sub_cont .video{width:1200px; position:relative; left:-10px;}
.sub_cont .video:after{content:""; clear:both; display: block;}
.sub_cont .video li{float:left; text-align:center; width:600px;}
.sub_cont .video li p{display:block; width:100%; line-height:60px; font-size:20px;}
.sub_cont .video2{width:1200px; position:relative; left:-10px;}
.sub_cont .video2:after{content:""; clear:both; display: block;}
.sub_cont .video2 li{float:left; text-align:center; width:1200px;}
.sub_cont .video2 li p{display:block; width:100%; line-height:60px; font-size:20px;}

.video_view{position: fixed; height: 100%; width: 100%; background:rgba(0, 0, 0, 0.8); top:0; left:0; z-index: 1000; display:none;}
.video_view iframe{width: 1040px; height: 585px; position: absolute; top:50%; left:50%; margin:-292.5px 0 0 -520px;}
.video_view a{position: absolute; top:20px; right: 20px; font-size:50px; color:#fff; }

.work{}
.work > div{float:left;}
.work .left{width:207px; margin-right:61px;}
.work .left p{font-size:30px; font-weight:600;}
.work .left img{margin:40px 0 30px 0;}
.work .left ul{border-top:1px solid #cdcdcd; }
.work .left ul li{line-height:55px; font-size:15px; color:#666666; border-bottom:1px solid #cdcdcd; display:block;}
.work .right{width:892px;}
.work .right p{font-size:20px; font-weight:600; }
.work .right span{line-height:28px; color:#666666; font-size:16px; margin:10px 0 35px 0; display:block; font-weight:300;}

.job{}
.job .circle ul:after{content:""; clear:both; display: block;}
.job .circle ul li{width:33.3333333%; float:left; text-align:center;}
.job .circle ul li span{display:block; font-weight:400;}
.job .circle ul li:nth-child(1) span{color:#0189b1;}
.job .circle ul li:nth-child(2) span{color:#052393;}
.job .circle ul li:nth-child(3) span{color:#012b5d;}
.job .circle ul li:nth-child(4) span{color:#394959;}
.job .circle ul li span.tit{font-size:35px; line-height:60px; margin-bottom:5px;}
.job .circle ul li span.text01{font-size:20px; line-height:28px; text-transform:uppercase; margin:35px 0 12px 0;}
.job .circle ul li span.text02{font-size:16px; line-height:28px; color:#666666;}
.job .table{}
.job .table p{margin-top:100px; margin-bottom: 10px; font-size: 14px; font-weight: 500; color: #2d5b79}
.job .table ul{width: 100%; border-top: 3px solid #2d5b79;}
.job .table ul li{padding: 9px 30px; line-height: 45px; border-bottom: 1px solid #e5e5e5; text-align: center; }
.job .table ul li:after{content:""; clear:both; display: block;}
.job .table ul li span{float:left; width:25%; display:block;}
.job .table ul li span.rong3{line-height:90px;}
.job .table ul li span.rong4{line-height:135px;}
.job .table ul li.tit span{font-size: 16px; color: #000000; font-weight:500;}
.job .step{margin-top:50px; }
.job .step:after{content:""; clear:both; display: block;}
.job .step div{width:30%; float:left;  color:#fff; box-sizing:border-box; padding:20px 30px; border-radius:5px 5px 20px 5px; font-size:20px; line-height:24px; line-height:30px;  position:relative;}
.job .step div:nth-child(1){background:#1e65c6;}
.job .step div:nth-child(2){margin:0 5%; background:#4a5eb5;}
.job .step div:nth-child(3){background:#006186;}
.job .step div span{display:block; text-transform:uppercase;}
.job .step div b{display:block}
.job .step div i{position:absolute; top:50px; right:-46px; color:#999; transform: translate(0, -50%); font-size:40px;}
.job p{text-align:center; margin-top:50px; font-size:20px;}


.product{}
.product > div{float:left; width:100%;}
.product .left{width:575px; margin-right:27px;}
.product .left p{font-size:30px; font-weight:600;}
.product .left ul{padding-top:45px; margin-top:45px; border-top:1px solid #cdcdcd; }
.product .left ul li{font-size:19px; line-height:30px; color:#666666; font-weight:300; letter-spacing:-0.05em; margin-bottom:15px;}
.product .left ul.blue{padding-top:0; border-top:0; margin-top:30px;}
.product .left ul.blue li{color:#042191; font-weight:400; line-height:35px; margin-bottom:0;}
.product .right{width:558px;}

.result .nav_btn a{border-color: #ddd; border-bottom-color: #949494; color: #333; font-size: 15px; line-height: 1; height: 60px;     background-image: none; text-align: left; vertical-align: middle; border: 1px solid transparent; -webkit-transition: all 0.3s;     text-transform: uppercase; cursor: pointer; display: table-cell;  position: relative;     padding: 20px 55px 20px 25px; box-sizing:border-box; line-height: 120%; border-color: #ddd; border-bottom-color: #949494; height: 60px; color: #333;}
.result .nav_btn a.on{background-color: #10349e; color: #fff;}
.result ul{border-top: 1px solid #434343; margin-top:35px; display:none;}
.result ul.on{display:block;}
.result ul li{border-bottom: 1px dashed #e1e1e1;}
.result ul li:after{content:""; clear:both; display: block;}
.result ul li div{width:30%; float:left;}
.result ul li div:last-child{width:69.9%;}
.result ul li div:after{content:""; clear:both; display: block;}
.result ul li div span{width:50%; float:left; padding:0 20px; box-sizing:border-box; line-height:45px; height:45px; color: #444;     text-overflow: ellipsis;  white-space: nowrap;  display: inline-block; overflow: hidden; border-left: 1px solid #dcdcdc;}
.result ul li div:first-child span:first-child{border-left:0; background:#c5cfd6;}
.result ul li div:first-child span:last-child{background:#f7f7f7;}
.result ul li:last-child{border-bottom: 1px solid #d2d2d2;}
.result ul li.tit{border-bottom: 1px solid #434343;}
.result ul li.tit div span{color: #333;  font-weight: bold;}

.ideology{}
.ideology > p{text-align:center; font-size:25px; line-height:40px;}
.ideology .box_wrap{margin-top:55px; position:relative; height:620px; width:100%;}
.ideology .box_wrap .bg{position:absolute; top:0; left:0; z-index:1;}
.ideology .box_wrap ul{position:relative; z-index:2; margin:0 auto; top:78px; width:calc(100% - 120px);}
.ideology .box_wrap ul:after{content:""; clear:both; display: block;}
.ideology .box_wrap ul li{float:left; margin-right:15px; background:rgba(255, 255, 255, 0.9); width:calc((100% - 45.5px) / 4); text-align:center; padding:35px 0 0 0; height:468px; box-sizing:border-box; }
.ideology .box_wrap ul li:last-child{margin-right:0;}
.ideology .box_wrap ul li .img{display:inline-block; margin-bottom:30px; padding-bottom:30px; border-bottom:2px solid #33a4f4;}
.ideology .box_wrap ul li p{font-size:22px; line-height:36px; font-weight:900; color:#062493; margin-bottom:25px;}
.ideology .box_wrap ul li span{font-size:16px; line-height:25px; color:#454545; font-weight:300;}

.branch{text-align:Center; padding-bottom:340px;}
.branch > p{font-size: 22px; line-height: 32px; text-align:center;}
.branch > p span{display:inline-block; margin-top:20px;}
.branch > p span:first-child{margin-top:0px;}
.branch .map{margin-top:80px;}
.branch .tab:after{content:""; clear:both; display: block;}
.branch .tab a{display: block; text-align: center; font-size: 18px; line-height: 60px; height: 60px; color: #222222; float: left; width: 25%; box-sizing:border-box;     margin:40px auto; border: 1px solid #e1e1e1; border-left: 0;}
.branch .tab a:first-child{border-left: 1px solid #e1e1e1; }
.branch .tab a.on{background:#0a2898; color:#fff;}
.branch .info{text-align:left;}
.branch .info > div{display:none; overflow:initial !important;}
.branch .info > div.on{display:block;}
.branch .info > div p{color: #121212; font-size: 20px; line-height: 20px; font-weight: 500; margin-bottom: 18px;}
.branch .info > div ul{border-top: 2px solid #123871; margin-bottom: 40px; color: #222222;}
.branch .info > div ul li{padding:22px 0; font-size: 16px; border-bottom: 1px solid #e5e5e5;}
.branch .info > div ul li:after{content:""; clear:both; display: block;}
.branch .info > div ul li span{float:left; line-height:22px;}
.branch .info > div ul li span i{margin:0 15px 0 38px;}
.branch .info > div ul li span{width:calc(80% - 30.1px);}
.branch .info > div ul li span:first-child{width:20%; margin-right:30px; border-right:1px solid #e5e5e5;}
.branch .info > div > .img{text-align:center; margin-top:10px;}
.branch .info > div > .img img:first-child{margin-top:0px;}
.branch .info > div iframe{width:100%; height:340px; position:absolute; left:0; bottom:0;}

.business{text-align:Center; padding-bottom:120px;}
.business > p{font-size:18px; line-height: 28px; text-align:center; font-weight:300;}
.business > .tit .text{    font-size: 25px; color: #121212; line-height: 25px; display: block; margin-bottom: 40px}
.business .top_table{width:100%; margin:45px 0 95px 0;}
.business .top_table ul{border-top:2px solid #123871;}
.business .top_table ul:after{content:""; clear:both; display: block;}
.business .top_table ul li{width:33.3333%; box-sizing:border-box; float:left; font-size: 16px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; margin:0;}
.business .top_table ul li:first-child{border-left:0;}
.business .top_table ul li span{display:block; line-height:18px; padding: 22px 0; margin:0;}
.business .top_table ul li span.tit{background:#f2f2f2; font-weight:800; }
.business .tab:after{content:""; clear:both; display: block;}
.business .tab a{display: block; text-align: center; font-size: 17px; line-height: 60px; height: 60px; color: #222222; float: left; width:calc(100% / 6); box-sizing:border-box;  letter-spacing:-0.05em;   margin:0 0 40px auto; border: 1px solid #e1e1e1; border-left: 0;}
.business .tab a:first-child{border-left: 1px solid #e1e1e1; }
.business .tab a.on{background:#0a2898; color:#fff;}
.business .info{}
.business .info > div{position:relative; padding-top:360px; display:none;}
.business .info > div.on{display:block;}
.business .info > div .img{position:absolute; width:100%; top:0; left:0; height:510px; overflow:hidden;}
.business .info > div .img img{width:100%; position: relative;}
.business .info > div.branch02 .img img{top: -366px;}    
.business .info > div.branch03 .img img{top: -135px;}  
.business .info > div.branch04 .img img{top: -135px;}
.business .info > div.branch05 .img img{top: -85px;}
.business.bussub02 .info > div.branch04 .img img {top: -85px;}
.business.bussub02 .info > div.branch04 .img img {top: -265px;}
.business.bussub02 .info > div.branch05 .img img {top: -200px;}
.business.bussub02 .info > div.branch06 .img img {top: -150px;;}
.business.bussub03 .info > div.branch02 .img img{top:0px;}    
.business.bussub04 .info > div.branch01 .img img{top:-148px;}    
.business.bussub04 .info > div.branch02 .img img{top:-135px;}    
.business.bussub04 .info > div.branch03 .img img{top:0px;}    
.business .info > div .wbox{background:#fff; position:relative; z-index:1; width:80%; margin-left:10%; padding:30px 0;}
.business .info > div .wbox p{line-height:70px; font-weight:700; font-size:35px;}
.business .info > div .wbox span{font-size:25px; color:#999999; line-height:25px; display:block; margin-bottom:40px; }
.business .info > div .system:after{content:""; clear:both; display: block;}
.business .info > div .system .tit{float:left; line-height:48px; width:158px; margin-right:40px; border:1px solid #121212; font-size:18px;}
.business .info > div .system .text{float:left; text-align:left; width:calc(100% - 200.1px)}
.business .info > div .system .text div{margin-bottom:10px; font-size:18px; line-height:35px; font-weight:300;}
.business .info > div .system .text div:after{content:""; clear:both; display: block;}
.business .info > div .system .text div b{margin-right:10px; float:left; width:23px;}
.business .info > div .system .text div span{float:left; width:calc(100% - 33.1px); letter-spacing:-0.05em; word-break: keep-all;}
.business .info > div ul{border-top:2px solid #123871; margin-top:45px;}
.business .info > div ul:after{content:""; clear:both; display: block;}
.business .info > div ul li{width:50%; box-sizing:border-box; float:left; font-size: 16px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; margin:0;}
.business .info > div ul li:after{content:""; clear:both; display: block;}
.business .info > div ul li span{display:block; line-height:18px; padding: 22px 0; margin:0; width:70%; float:left; min-height:18px;     box-sizing: content-box;}
.business .info > div ul li span.tit{background:#f2f2f2; font-weight:800; width:30%;}
.business.bussub04 .info > div.branch06 .wbox span{margin-bottom:20px;}
.business.bussub04 .info > div.branch06 .wbox b{display:block; margin-bottom:40px; width:80%; margin-left:10%; font-size:17px; line-height:22px; font-weight:300; padding-top:20px; border-top:1px solid #eee;}
.business.bussub04 .info > div.branch06 .wbox b span{display:block; font-size:20px; margin-top:10px; font-weight:600;}
.business.bussub04 .info > div.branch06 .system .text{text-align:center; width:100%;}
.business.bussub04 .info > div.branch06 .system .text b{float:inherit;}
.business.bussub04 .info > div.branch06 .system .text span{float:inherit;}

.business.product > .tit .text{line-height:40px;}
.business.product .info > div{padding-top:0;}
.business.product .info > div .img{position:relative; width:65%; top:0; left:0; height:600px; overflow:hidden; float:left;}
.business.product .info > div .img img{top:0;}
.business.product .info > div .system{float:left; width:32%; margin-left:3%;}
.business.product .info > div .system .text{width:100%; margin-top:15px;}
.business.product .info > div .system .text div span{line-height:30px;}
.business.product .list{margin-top:50px;}
.business.product .list ul li{float:left; width:calc((100% - 60.1px) / 3); margin-right:30px; margin-left:0; margin-bottom:30px;}
.business.product .list ul li:nth-child(3n){margin-right:0;}
.business.product .list ul li .img{width:100%; height:270px; overflow:hidden; margin:0;}
.business.product .list ul li .img img{width:100%; min-height:100%;}
.business.product .list ul li .text{margin-top: 0; padding:25px 20px; font-size: 18px; background:#f6f6f6; margin-bottom:0;}

#gnb {width: 123px !important;}

.person{text-align:Center;}
.person > p{ font-size:28px; font-weight:300; margin-bottom:55px;}
.person > p b{font-size:32px;}
.person ul{ display:inline-block; margin:60px 0;}
.person ul li{margin-bottom:30px;}
.person ul li:after{content:""; clear:both; display: block;}
.person ul li div{display:inline-block; font-size:40px; float:left; line-height:70px; width:80px; color:#00219d;}
.person ul li span{text-align:left; float:left; font-size:20px; line-height:35px;}
.person .last{background:#000; position:relative; overflow:hidden; width:100%;}
.person .last img{position:absolute; top:0; left:0; transform: translate(0%, -40%); opacity:.3; width:100%;}
.person .last p{color:#fff; padding:100px 0; font-size:28px; line-height:50px; position:relative; z-index:2;}
.person .last p span{display:block;}


@media only screen and (max-width: 720px) {
	
	
	
}


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

	.work .left{width:100%; margin-right:0; }
	.work .left p{display:none;}
	.work .left img{display:none;}
	.work .right{width:100%; margin:30px 0;}
	
	.product .left{width:100%; margin-right:0; }
	.product .left p{display:none;}
	.product .left ul:nth-child(2){margin-top:0 !important;}
	.product .left ul li{font-size: 17px;}
	.product .left ul li br{display:none;}
	.product .right{width:100%; margin:30px 0;}
	
	.sub_cont .video{width:100%;}
	.sub_cont .video li{width:100%; margin-bottom:80px;}
	.sub_cont .video li p{font-size:15px;}
	
	.video_view iframe{width:90%; height:50%; margin:0; left:50%; top:50%; transform: translate(-50%, -50%);}
	.video_view a{top:20%; font-size: 30px;}
	
	.job .circle ul li{width:100%; margin-bottom:70px;}
	.job .circle ul li br{display:none;}
	.job .circle ul li span.text01{font-size:25px;}
	.job .circle ul li span.text02{font-size:20px; line-height:35px;}
	.job .circle ul li span img{width:65%;}
	
	.job .table ul li{padding:9px 0;  }
	.job .table ul li span{width:33.3333%; font-size:15px; letter-spacing:-0.05em;}
	.job .table ul li span:first-child{display:none;}
	
	.job .step div{width:100%;}
	.job .step div i{display:none;}
	.job .step div:nth-child(2){margin:5% 0;}
	
	#ctt{padding:20px 5px; }
	
	.result .nav_btn a{display:none;}
	.result ul{display:block; margin-top:0;}
	.result ul li{border-bottom: 1px solid #434343;}
	.result ul li div{width:100%;}
	.result ul li div:last-child{width:100%;}
	.result ul li div span{background:none; border-left:0; border-bottom: 1px dashed #e1e1e1;}
	.result ul li div:last-child span{width:100%;}
	.result ul li div:last-child span:last-child{border-bottom:0;}
	.result ul li div:first-child span{width:60%;}
	.result ul li div:first-child span:first-child{background: #f7f7f7; width:40%;}
	.result ul li.tit{text-align:Center; display:none;}
	
	.ideology .box_wrap .bg{display:none;}
	.ideology .box_wrap ul{position:static;}
	.ideology .box_wrap ul li{margin-right:0; width:100%; height:auto; padding-bottom:40px;}
	.ideology .box_wrap ul li span{display:inline-block; width:80%; word-break: keep-all;}
	.ideology .box_wrap ul li span br{display:none;}
	
	.branch{padding-bottom: 200px;}
	.branch > p{font-size:20px; line-height:30px; word-break: keep-all;}
	.branch > p br{display:none;}
	.branch .tab{margin: 40px auto;}
	.branch .tab a{width:50%; margin:0;}
	.branch .tab a:nth-child(3){border-left: 1px solid #e1e1e1; border-top:0;}
	.branch .tab a:nth-child(4){border-top:0;}
	.branch .info > div ul li span{width:100%; margin:0; padding-left:15px;}
	.branch .info > div ul li span:first-child{width:100%; margin:0 0 10px 0; padding-left:0; border-right:0;}
	.branch .info > div ul li span i {margin: 0 10px 0 15px;}
	.branch .info > div iframe{height:250px;}
	
	.business > p br{display:none;}
	.business .top_table ul li{width:100%;}
	.business .tab{margin-bottom:30px; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;}
	.business .tab a{width:50%; margin-bottom:0; font-size:15px; border-top:0;}
	.business .info > div .wbox{width:100%; margin-left:0;}
	.business .info > div{padding-top:0px;}
	.business .info > div .wbox p {line-height: 40px;font-weight: 700; font-size: 23px;}
	.business .info > div .wbox span{margin:10px 0 20px 0; font-size:18px;}
	.business .info > div .system .tit{width:100%; margin-right:0; margin-bottom:15px;}
	.business .info > div .system .text{width:100%;}
	.business .info > div ul li{width:100%;}
	.business .info > div ul li span{width:100%;}
	.business .info > div ul li span.tit{width:100%;}
	.business .info > div .img{position:static; height:auto;}
	.business .info > div .img img{top:0 !important;}
	.business.product .info > div .img{width:100%; position:static; height:auto;}
	.business.product .info > div .system{width:100%; margin-left:0; margin-top:30px;}
	.person > p {font-size: 22px; line-height:40px;}
	.person > p b{display:block;}
	.person ul li div{font-size:60px; line-height:90px; text-align:center; width:100%;}
	.person ul li span{text-align:center;}
	.person ul li span br{display:none;}
	.person .last img{height:100% !important; width:100%; transform: translate(0%, 0%);}
	.person .last p{padding:0 20px; font-size:20px; line-height:30px;}
	.person .last p span{margin:20px 0;}

}

@media only screen and (max-width: 320px) {
    
    .company .tbl_type1 th{padding: 10px 5px; line-height: 1.3em;}
	.tbl_type1 td{padding: 10px 0 10px 10px !important; line-height: 1.3em;}
	
	.scontents .eng{font-size:1.8em !important;}
    
}

/*영문버전*/
#lnb .lnb_wrap .ul_1st > li > a{padding:0 20px !important;}
#lnb .lnb_wrap .ul_1st > li > a i{margin-left:10px;}
.company .ceo_msg .con_right .sign.en{font-size: 1.6em;}

.business.en .info > div .wbox span{width: 80%; display: inline-block; line-height: 1.5; margin:0 10% 40px 10%;}
.business.en .info > div ul li{width:100%;}
.business.en .info > div ul li span{padding:22px 30px; text-align:left; box-sizing:border-box;}
.business.en .tab a{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.en .result ul li div span {width:100%;}
.en .result ul li{border-bottom:1px solid #434343;}
.en .result ul li div span:first-child{border-bottom:1px solid #dcdcdc;}