/*인사말*/

.clr {clear:both;}
.company {width:100%;}
.company:after {content:""; display:block; clear:both;}
.company .img_cont {width:100%; margin-bottom:50px;}
.company .img_cont img {width:100%; height:300px;}

.company .ceo_msg {width:100%;}
.company .ceo_msg .con_left {position:relative; top:0; left:0; float:left; width:250px; font-size:2em; color:#000; line-height:1.4em; margin-top:10px;}
/*
.company .ceo_msg .con_left .nemo {width:300px; height:250px; margin-left:50px; border:10px solid #eee;}
*/
.company .ceo_msg .con_left .nemo {width:250px;}
.company .ceo_msg .con_left .nemo > img {width:100%;}
.company .ceo_msg .con_left .nemo_txt {position:absolute; width:310px; padding:20px 0; left:50%; margin-left:-165px; text-align:center; top:70px; background:#fff; z-index:1; border:0px solid red;}
.company .ceo_msg .con_left .nemo_txt p {font-size:2em; color:#000; line-height:1.4em;}
.company .ceo_msg .con_left .nemo_txt img {padding-top:15px;}
.company .ceo_msg .con_right {float:right; width:77%;}
.company .ceo_msg .con_right  p {color:#313131; line-height:21px; font-family:"Malgun Gothic"; letter-spacing:-0.05em; font-size:13px;}
.company .ceo_msg .con_right  .bold {color:#000; line-height:36px; font-size:2em; padding-bottom:30px;}
.company .ceo_msg .con_right .sign {display:block; font-size:1.3em; color:#222; text-align:center; padding-top:30px;}
.company .summary {float:left; width:100%; margin-top:50px;}


.company .ceo_msg .con_right .bold {padding:20px 0 14px 0;}


 .sign {display:block; font-size:1.3em; color:#222; text-align:center; padding-top:30px;}
.con_arrow {font-size:1.6em; font-weight:700; line-height:30px; color:#000; margin:50px 0 20px 0; border:0px solid red;}
.con_arrow:before {content:""; width:16px; height:16px; display:inline-block; border:5px #59647A solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.con_arrow:first-child {margin:0 0 20px 0;}

.tbl_type1 {width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.tbl_type1 th {color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
.tbl_type1 td {text-align:left; padding:10px 15px; border-bottom:1px solid #eee;}


/*연혁*/
.history_top {width:120px; height:120px; padding-top:27px; margin:70px auto; line-height:22px; font-size:1.5em; text-align:center; color:#fff; background:#333; border-radius:50%;}
.timeline {box-sizing:border-box;}
.timeline:before {box-sizing:border-box;}
.timeline * {box-sizing:border-box;}
.timeline *:before {box-sizing:border-box;}
.timeline {position:relative; font-size:1em; width:100%; height:100%; margin:50px auto; overflow-y:hidden; overflow-x:hidden;}
.timeline .timeline-block {margin-top:-4px;}
.timeline .timeline-icon {position:absolute; width:12px; height:12px; left:50%; margin-left:-6px; margin-top:4px; border:3px solid #4e9cdd; border-radius:100%; background-color:#fff; text-align:center;}
.timeline .timeline-icon.timeline-icon-hide-border {border:0;}
.timeline .timeline-icon.timeline-icon-hide-border i.fa, .timeline .timeline-icon.timeline-icon-hide-border img {margin-left:0; margin-top:0;}
.timeline .timeline-icon i.fa, .timeline .timeline-icon img {display:inline-block; width:32px; height:32px; margin-left:-4px; margin-top:-4px; vertical-align:bottom; line-height:32px; text-align:center; font-size:30px;}
.timeline .timeline-icon img {border-radius:100%;}
.timeline .timeline-content {position:relative; width:46%; padding-bottom:50px; line-height:20px;}
.timeline .timeline-content .bar_count {font-size:1.5em; color:#000; margin-bottom:10px;}
.timeline .timeline-content ul li img {width:100%; height:100px; margin-top:20px; background:red;}
.timeline::before {position:absolute; width:1px; height:100%; top:0px; left:50%; margin-left:-1px; background-color:#eee; content:"";}/* Half of width */
.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content {text-align:right}
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content {left:54%;}
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-date {left:auto; right:115%; margin-left:-400px;}


/*비전*/
.vision {width:100%;}
.vision:after {content:""; display:block; clear:both;}
.vision ul {padding:0; margin:0;}
.vision ul li {float:left; width:33%; text-align:center;}
.vision ul li div {text-align:center; box-sizing:border-box;}
.vision ul li div img {width:80%;}
/*
.vision ul li:nth-child(1) div {background:#1985b7; color:#fff;}
.vision ul li:nth-child(2) div {background:#00529b;color:#fff;}
.vision ul li:nth-child(3) div {background:#6b7786; color:#fff;}
.vision ul li:nth-child(4) div {background:#333; color:#fff;}
*/
.vision ul li div i {display:block; width:100%; height:100%; line-height:200px; font-size:4em;}
/*.vision ul li div img {display:block; width:250px; height:250px; line-height:250px;}*/
.vision ul li strong {position:relative; display:block; margin-top:50px; font-size:17px; text-align:center;}
.vision ul li strong:before {content:""; position:absolute; left:50%; top:-18px; transform:translate(-50%,0); display:block; width:30px; height:3px; background:#c53528;}
.vision ul li > span {display:block; text-align:center; font-size:1em; line-height:20px; margin-top:20px;}



/*오시는길*/
.map_wrap {width:100%; max-width:1200px; margin:0 auto; margin-bottom:0px;}
.map_wrap .map_info {width:100%; display:inline-block; border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0; margin-bottom:40px;}
.map_wrap .map_info span {margin:0 15px;}
.map_wrap .map_info span strong {color:#222; margin:0 10px;}
.map_wrap .map_info span, strong {display:inline-block;}

.map_wrap .publicTransit {width:100%; max-width:1200px; margin:50px auto;}
.map_wrap .publicTransit > p {padding-bottom:25px; font-size:1.5em; line-height:20px; color:#2c2c2c;}
.map_wrap .publicTransit dl {overflow:hidden; width:100%; padding-bottom:15px; box-sizing:border-box;}
.map_wrap .publicTransit dl dt.show {visibility:visible;}
.map_wrap .publicTransit dl dt {visibility:hidden; float:left; width:60px; height:20px; font-size:1.2em; color:#5a5a5a; margin-right:10px;}
.map_wrap .publicTransit dl dd {float:left; font-size:1em;}
.map_wrap .publicTransit dl dd > span {display:inline-block; font-size:0.85em; text-align:center; color:#fff; padding:0px 8px; margin-right:10px; border-radius:3px 3px 3px 3px; background-color:#2fba06;}



@media screen and (min-width:1024px)
{
.company .ceo_msg .con_left .nemo {    margin: 75px 0 0 0; }
}



/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px) {
	
	.vision ul li {float:left; width:50%; margin:0 auto;}
	.vision ul li:first-child {margin-left:0px;}
	.vision ul li div {margin:0 auto;}
	.vision ul li > span {margin-bottom:50px;}

	.company .img_cont img {width:100%; height:auto;}
	.company .ceo_msg .con_left {float:none; width:100%; text-align:center; margin-top:0px; padding-bottom:60px;}
	.company .ceo_msg .con_left .nemo {margin:0 auto;}
	.company .ceo_msg .con_left .nemo_txt {left:50%; margin-left:-155px; border:0px solid red;}
	.company .ceo_msg .con_right {width:100%; float:none;}
	
	.timeline .timeline-content ul li img {height:auto;}

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width:768px) {		
	
	


}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width:480px) {
	
	.vision ul li {width:100%;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width:360px) {	

	
}

















/*사업영역 Type01 */
.business {width:100%; max-width:1210px; margin:0 auto;}
.business:after {content:""; display:block; clear:both;}
.business ul {padding:0; margin:0;}
.business ul li {float:left; width:31.333333%; margin-left:1%; margin-right:1%;}
.business ul li img {display:block; width:100%;}
.business ul li strong {display:block; margin-top:30px; font-size:1.5em; font-weight:700; line-height:28px; text-align:center;}
.business ul li > span {display:block; margin-top:20px; font-size:1em; text-align:center; letter-spacing:-0.04em;}


/*사업영역 Type02 */
.cross {width:100%; max-width:1200px; margin:0 auto;}
.cross:after {content:""; display:block; clear:both;}
.cross ul {padding:0; margin:0;}
.cross ul li {float:left; width:100%; overflow:hidden; margin-bottom:60px;}
.cross ul li .cross_tit {font-size:2em;}
.cross ul li .cross_txt {font-size:1.2em; padding-top:20px;}
.cross ul li .cross_img {float:left;}

.cross ul li .cross_right img, .cross ul li .cross_img img {width:100%;}
.cross ul li .cross_right strong, .cross ul li .cross_img strong {padding:20px 0; display:block; width:100%; border-bottom:1px solid #eee; font-size:17px;}

.cross ul li .cross_right {float:right; box-sizing:border-box;}
.cross ul li.other_type .cross_img {float:right; width:65%; height:340px; background:#f8f8f8; text-align:right;}
.cross ul li.other_type .cross_right {float:left; width:35%; height:340px; background:#f8f8f8;}
.cross ul li.other_type .cross_img img {height:340px;}


.btn_go {display:inline-block; background:#222; color:#fff; font-size:1em; margin:20px 0; padding:10px 30px; border:1px solid #000; transition:0.5s all ease; -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; -ms-transition:0.5s all ease; -o-transition:0.5s all ease;}
.btn_go:hover {color:#000; background-color:#fff;}

.clr {clear:both;}
.roovhello_sub {text-align:center;}
.roovhello_sub h3 {text-align:center; font-size:20px; letter-spacing:-0.07em; margin:0 0 30px 0; border-radius:30px; background:#333; color:#fff; display:inline-block; padding:5px 20px;}

.cross ul li .cross_img100 {width:50%; text-align:center; float:none; margin:0 auto;}
.cross ul li .cross_img100PER {width:100%; text-align:center; float:none; margin:0 auto;}
.cross ul li .cross_img50 {width:49%;}
.cross ul li .cross_right50 {width:49%;}
.cross ul li .cross_img33 {width:33%;}
.cross ul li .cross_right33 {width:33%;}

.cross_img25:first-child {margin:0 !important;}
.cross ul li .cross_img25 {width:24%; margin:0 0 0 1.3%;}
.cross ul li .cross_right25 {width:24%;}


.cross_img20:first-child {margin:0 !important;}
.cross ul li .cross_img20 {width:19%; margin:0 0 0 1.25%;}
.cross ul li .cross_right20 {width:19%;}


.tbl th:first-child {border-left:none;}
.tbl th {border-left:1px solid #ddd;}
.w20 td, .w20 th {width:20% !important;}
.wauto td, .wauto th {width:12.5% !important; padding:10px; line-height:20px;}
.wauto th {font-size:13px !important;}

.bg_yellow {background:#c39661;}
.bg_grey {background:#999;}
.bg_green {background:#477253;}
.bg_red {background:#ac4d40;}



.onlymobile {display:none !important;}
.mrt50 {margin-top:50px !important;}
.mrt30 {margin-top:30px !important;}

.table0205 {width:100%; border-top:1px solid #333; border-collapse:collapse; margin:15px auto 0 auto;}
.table0205 th {background-color:#5d92b7; border-bottom:1px solid #ccc; border-left:1px solid #ddd; padding:15px 0; font-size:0.9em; font-weight:normal; color:#fff; font-weight:bold; font-size:13px; text-align:center;font-family:"Malgun Gothic"; padding:10px;}
.table0205 td {border-bottom:1px solid #ccc; padding:10px; font-family:"Malgun Gothic"; font-size:13px; line-height:25px; letter-spacing:-0.07em;}
.table0205 tr:last-child th {background:#3564aa;}

.tba {width:100%; border-top:1px solid #333; border-collapse:collapse; background-color:#fff;}
.tba th {width:35%; background-color:#f2f2f2; border-bottom:1px solid #ccc; padding:6px 0; font-size:0.9em; font-weight:normal; color:#000; text-align:center;}
.tba td {width:65%; border-bottom:1px solid #ccc; padding:6px 0; text-indent:10px; font-size:0.9em;}

.h1_title {overflow:hidden; margin:50px 0 0 0;}
.h1_title span {display:block; float:left; width:3px; height:50px; background:#333;}
.h1_title strong {Display:Block; float:left; margin:0 0 0 10px; font-size:17px; font-family:"NanumSquare"; line-height:50px;}

.overfl {overflow:hidden;}
















/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px) {
	
	.cross {width:95%;}
	.cross ul li .cross_tit {font-size:1.5em;}
	.cross ul li .cross_txt {font-size:1em;}
	.cross ul li .cross_img {margin-bottom:0px;}
	.cross ul li .cross_right {padding:0; margin-bottom:0;}
	.cross ul li .cross_img img {height:100%;}
	.cross ul li.other_type .cross_img {width:60%; height:250px; margin-bottom:0px;}
	.cross ul li.other_type .cross_right {width:40%; height:250px; padding:30px 30px;}
	.cross ul li.other_type .cross_img img {height:100%;}

	.cross ul li .cross_img50 {width:49%;}
	.cross ul li .cross_right50 {width:49%;}
	.cross ul li .cross_right33 {width:33%;}
	.onlymobile {display:block;}
}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px) {	


}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width:768px) {		
	
.business ul li {width:100%; margin-left:0px; margin-bottom:50px;}

.cross ul li {width:100%; height:auto;}
.cross ul li .cross_img {float:left; width:100%; height:auto;}
.cross ul li .cross_img img {width:100%;}
.cross ul li .cross_right {width:100%; height:auto; padding:0;}
.cross ul li.other_type .cross_right {width:100%; height:auto; padding:30px; 20px;}
.cross ul li.other_type .cross_img {float:right; width:100%; height:auto;}
.cross ul li.other_type .cross_img img {width:100%;}
.cross ul li .cross_img100 {width:100%; text-align:center; float:none; margin:0 auto;}
}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width:480px) {
	
.vision ul li {width:100%;}
.tbl td img {width:100%;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width:360px) {	
.tbl td img {width:100%;}
	
}


.tbl td {padding:15px;}
.cross ul li .cross_img strong b {display:block; width:50px; height:50px; line-height:50px; border-radius:50px; background:#333; color:#fff; margin:0 auto;}