@charset "utf-8";

.title_build{font-size:60px; font-weight:bold; font-size:#333333;margin-bottom:30px;}
.middle_line{height:1px;background:#e1e1e1;margin:60px 0;}
h3.sub_titles{font-size:30px;margin-bottom:30px;}

.sub1010{text-align:center;}
.sub1010 ul.text01{margin-bottom:50px;    margin-left: 80px;}
.sub1010 ul.texts li{float:left; padding-right:50px;}
.sub1010 ul.texts li.txt{text-align:left;}
.sub1010 ul.text02 li.txt{text-align:right;}
.sub1010 ul.texts li.txt h3{    font-size: 25px;
    color: #444444;
    /* margin-bottom: 30px; */
    /* margin-top: 10px; */
        line-height: 140%;
    display: table-cell;
    vertical-align: middle;
    height: 150px;}
.sub1010 ul.texts li.txt h3 span{color:#008ac2;}
.sub1010 ul.texts li.txt p{color:#444444; font-size:18px; line-height:28px;    word-break: keep-all;}
.sub1010 ul.texts li.txt p span{font-size:16px; color:#9c9c9c;line-height:22px;display:block;}
.sub1010 ul.contract{margin-top:60px;}
.sub1010 ul.contract li{float:left;width:32.5%;margin-right:1%;margin-bottom:1%;border:solid 1px #999;box-sizing:border-box;}
.sub1010 ul.contract li:nth-child(3n){margin-right:0;}
.sub1010 ul.contract li img{width:100%;}

.sub1020{}
.sub1020 > .history{display:inline-block;width:49%;}
.sub1020 > .history ul{}
.sub1020 > .history ul li{margin-bottom:20px;}
.sub1020 > .history ul li:after{content:''; display:block; clear:both;}
.sub1020 > .history ul li div{float:left;margin-right:40px;}
.sub1020 > .history ul li div > h4{font-size:25px;display:inline-block;color:#003a88;}
.sub1020 > .history ul li div > span{display:inline-block;font-size:17px;color:#666;margin-left:5px;}
.sub1020 > .history ul li > p{float:left;font-size:18px;line-height:30px; font-weight:bold;}
.sub1020 > .history ul li > p span{font-size:14px;}

.sub1030{text-align:center;}

.sub1040{}
.sub1040 > ul:after{content:''; display:block; clear:both;}
.sub1040 > ul li{float:left;width:18%;margin-right:2%;margin-bottom:2%;
	box-sizing:border-box;}
.sub1040 > ul li:nth-child(5n){margin-right:0;}
.sub1040 > ul li img{width:100%;}
.sub1040 > p{font-size:18px; color:#686868; font-weight:bold; text-align:right;margin-top:10px;}

.sub3010{}
.sub3010 > .info:after{content:''; display:block; clear:both;}
.sub3010 > .info li{float:left;width:50%;}
.sub3010 > .info li.txt{padding-left:50px;box-sizing:border-box;}
.sub3010 > .info li.txt p{font-size:20px; color:#444444;word-break: keep-all;line-height:35px;}

.sub3020{}
.sub3020 > .step{padding-left:20px;}
.sub3020 > .step li{font-size:20px;margin-bottom:25px;}
.sub3020 > .step li h4{margin-bottom:5px;color:#052b56;}
.sub3020 > .step li p{font-size:15px;line-height:20px;color:#666;word-break: keep-all;}

.sub4010 > .live_map{margin-top:50px;}

.sub5010{text-align:left;}

.xe_info_box h2{font-size:18px;margin-bottom:10px;}
.xe_info_box textarea{width:100%;height:300px;}

/* 서브 마크 */
.sub_mark {margin: 25px 0;}


	
	 .step{padding-left:20px;}
	 .step li{font-size:20px;margin-bottom:25px;}
	.step li h4{margin-bottom:5px;color:#052b56;}
	.step li p{font-size:15px;line-height:20px;color:#666;word-break: keep-all;}

	.sub5020_img  {float: right;}

 @media(max-width:1200px){
.sub5020_img {clear: both; width: 100%;margin:10px 0; }
			}


	.clear_both {clear:both;}
.step_01 { }	
.step_01 div {    float: left;
    display: table;
    width: 287px;
    height: 175px;
    color: #fff;
    border-radius: 10px;
    display: table;
    margin-right: 46px;
    margin-bottom: 30px;
    background: #003a7a;
    background: -webkit-linear-gradient(top, #0084d9 , #003a7a);
    background: -o-linear-gradient(top, #0084d9, #003a7a);
    background: -moz-linear-gradient(top, #0084d9, #003a7a);
    background: linear-gradient(to top, #0084d9 , #003a7a);
    }
.step_01 div dl{         
	width: 100%;
    display: table;
    padding: 20px;}	
.step_01 div dl dt{     font-size: 1.5em;
    padding-bottom: 18px;
    text-align: center;
        font-weight: 600;
    }	
.step_01 div dl dd{        font-size: 1.3em;
    padding-bottom: 10px;
    padding-left: 15px;
    background-image: url(/img/gnb_more3.png);
    background-repeat: no-repeat;
    background-position-y: 5px;}	

.career {display: table;
    margin: 40px auto;}
	.career>li{float: left;
    display: table-cell;
    vertical-align: middle;
    height: 200px;
    /* display: table; */
    padding: 0 20px;
    line-height: 200px;
    }
	.career li div{border-radius: 50%;
    /*background-color: #0080d3;*/
    background: -webkit-linear-gradient(top, #0084d9 , #003a7a);
    background: -o-linear-gradient(top, #0084d9, #003a7a);
    background: -moz-linear-gradient(top, #0084d9, #003a7a);
    background: linear-gradient(to top, #0084d9 , #003a7a);    
    display: table;
    width: 200px;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 1.8em;}
	.career li div span{}
	.arrow {    font-size: 3em;
    color: #c7c7c7;
    font-weight: 800;}