@charset "utf-8";

/*.ceo-message {position:relative;}
.ceo-message:after {display:block;clear:both;content:''}
.ceo-img {position:relative; float: left; margin-right:5%; width: 40%;}
.ceo {position:absolute; top:50px; right:0; width: 58%; padding-top:50px; z-index:1}
.ceo:before {position:absolute; top:0; right:10%; content:""; display:block; width:100%; height:180px; background:#00316c url(/images/company/com01-bg01.png) -300px -100px no-repeat; z-index:-1}
.ceo:after {position:absolute; top:50%; right:0; content:""; display:block; width:180px; height:5px; background:url(/images/company/com01-line.gif) 0 0 no-repeat;}
.ceo p {font-size: 20px; font-weight: 500; color: #fff;}
.ceo p strong {display: block; font-size: 35px; margin-top:25px;}
.greeting {float: left; width: 55%; margin-top: 240px;}	
.greeting p {font-size: 20px; line-height: 28px; color: #555; margin-top: 30px; word-break:keep-all;}
.greeting p strong {display: block;font-size:25px; color: #222;}
.greeting p.ceo-sign {text-align: right;  font-size: 18px; margin-top: 50px;}
.greeting p.ceo-sign strong {display: inline-block !important; padding-left:10px; font-size:24px; font-weight:500;} 

@media all and (max-width:1024px) {
	.ceo-img {width: 38%;}
	.ceo {top:30px; padding-top:40px;}
	.ceo:before {height:150px;}
	.ceo p {font-size: 20px;}
	.ceo p strong {font-size: 26px; margin-top: 15px;}
	.greeting {width: 60%;  margin-top: 200px;}
	.greeting p {font-size: 17px; line-height: 28px; }
}
@media screen and (max-width:768px) {
	.ceo-message {padding:0 3%;}
	.ceo-img {width: 100%; margin-right:0;}
	.ceo {top:20%; left:50%; margin-left:-40%; width: 80%;}
	.ceo:before {left:0; height:200px; opacity:.95; background-image:none;}
	.ceo:after {display:none;}
	.ceo p {padding:0 30px; font-size: 18px; text-align:center;}
	.ceo p strong {margin-top: 10px; font-size: 26px; line-height:1.05em;}
	.ceo-box {position:absolute; top:-30px; left:0; width:80%; height:150px;}
	.greeting {width: 100%;  margin-top: 10px;}
	.greeting p.ceo-sign {font-size: 15px;}
	.greeting p.ceo-sign strong {font-size:20px;} 
} */
.ceo-message {position:relative;}
.ceo-bg {content:'';position: absolute;width:100%;height:100%;background:#f2f3f7;top: 150px;left:0;z-index: -999;}
.ceo-message:after {display:block;clear:both;content:''}
.ceo {padding:50px 0;z-index:1;background:#002966 url('/images/company/com01-bg01.png') right 0 no-repeat;}
.ceo p {font-size:25px;font-weight:500;line-height:1.75em;text-align:center;color: #fff;}
.ceo p strong {display:block;font-size:35px;}
.greeting {position:relative;padding:50px 0 0;}	
.greeting p {margin:30px 0 0;font-size:20px;line-height:28px;color:#282828;letter-spacing:-0.005em;word-break:keep-all;}
.greeting p strong {display:block;font-size:28px;}
.ceo-sign {margin:150px 0 0;font-size:22px;text-align:right;}
.ceo-sign strong {display:inline-block !important;font-size:24px;font-weight:500;} 
.ceo br {display:none;line-height:0;}
.greeting p br {display:block;}

@media screen and (max-width:1024px) {	
	.ceo {width:96%;margin:0 auto;padding:50px 0;}
	.ceo p {font-size:23px;line-height:1.5em;}
	.ceo p strong {font-size:30px;}
	.greeting {width:94%;margin:0 auto;padding:20px 0 0;}
	.greeting p {font-size:18px;line-height:24px;}
	.greeting p strong {font-size:22px;}
	
}
@media screen and (max-width:768px) {
	.ceo p {font-size:22px;}
	.ceo p strong {font-size:28px;line-height:1.25em;}
	.ceo br {display:block;}
}
@media screen and (max-width:480px) {
	.ceo p {font-size:17px;}
	.ceo p strong {font-size:23px;}
	.greeting p {font-size:16px;}
}
	
	
/* 회사현황 */
.overView {margin:0 auto 80px; text-align:center; word-break: keep-all; word-wrap: break-word;}
.overView h4 {margin-top:80px; font-family:'Roboto'; font-size:18px; font-weight:700; text-decoration:underline;}
.overView .tit {margin-bottom:50px; font-size:40px; line-height:1.25em; color:#333;}
.overView .tit strong {color:#00448d; font-weight:700;}
.overView .txt {margin:0;padding:0; font-size:26px; line-height:1.5em; color:#666;}
.overView .txt span {color:#00448d;}
.overView-topArea {margin:0 auto; padding:100px 0; text-align:center; background:url(/images/company/com02-bg01.jpg) no-repeat center 0;}
.overView-topArea .overView-topArea-tit {position:relative; padding-top:40px; font-size:45px; font-weight:500; color:#fff;}
.overView-topArea .overView-topArea-tit:before {position:absolute; top:10px; left:50%; margin-left:-25px; content:""; display:block; width:50px; height:1px; background:rgba(255,255,255,0.5);}
.overview-list-box{padding:80px 0 50px;}
.overview-list-box:after {content:''; display:block; clear:both;}
.overview-list-box li{position:relative; float:left; width:19%; margin-right:1.25%; padding-top:60px; text-align:center; font-size:18px; font-weight:500; min-height:120px; color:#fff; background:url(/images/company/dia-bg.png) no-repeat center 0;}
.overview-list-box li:last-child {margin-right:0;}
.overView-btmArea {position:relative; padding:100px 0;}
.overView-btmArea:before{content:''; position: absolute; width: 30%; height:100%; left: 0; top: 0; background-color: #f7f8f9; z-index: -1;}
.overView-btmArea:after {display:block;clear:both;content:''}
.overView-imgBox {float:left; width:50%;}
.overView-txtBox {float:left; width:50%;}
.overView-txtBox p {margin-bottom:20px; font-size:21px; line-height:1.75em; color:#555; }
/*회사개요 테이블*/
.overViewTbl {width:100%; border-top:2px solid #0a4999;}
.overViewTbl table {display:table;word-break: keep-all; word-wrap: break-word;border-spacing:0;border-collapse:separate;border-collapse:collapse;text-align:center; font-size:19px;}
.overViewTbl table tbody th{width:20%; padding:18px; border-bottom:1px solid #b1bbc8; color:#333; font-weight:500;}
.overViewTbl table tbody td{width:80%; padding:18px; border-bottom:1px solid #b1bbc8; text-align:left; color:#666; line-height:24px; white-space:pre-wrap;}

@media all and (max-width:1024px) {
	.overView h4 {margin-top:60px; font-size:16px;}
	.overView .tit {padding:0 3%; margin-bottom:40px; font-size:35px;}
	.overView .txt {padding:0 3%;  font-size:22px;}

	.overView-topArea {padding:50px 0;}
	.overView-topArea .overView-topArea-tit {padding-top:40px; font-size:30px;}
	.overView-topArea .overView-topArea-tit:before {margin-left:-20px; width:40px;}
	.overview-list-box {padding:40px 3%;}
	.overview-list-box li {width:32.66%; margin:0 1% 1% 0; font-size:19px; min-height:100px; background-size:contain;}
	.overview-list-box li:nth-child(5n-2) {margin-right:0}
	.overView-btmArea {padding:50px 3%;}
}

@media all and (max-width:768px) {
	.overView-imgBox {width:100%; margin-bottom:20px; text-align:center;}
	.overView-imgBox img {width:80%;}
	.overView-txtBox {width:100%;}
	.overView-txtBox p {font-size:17px;}
	.overView-btmArea:before{display:none;}
	.overViewTbl table tbody th{width:35%;}
	.overViewTbl table tbody td{width:65%;}
}
@media screen and (max-width:480px) {
	.overView .tit {padding:0 3%; margin-bottom:30px; line-height:1.5em; font-size:32px;}
	.overView .txt {padding:0 3%; font-size:20px;}
	.overview-list-box li {padding-top:45px; font-size:17px;}
	

	/*회사개요 테이블*/
	.overViewTbl table {font-size:17px;}
	.overViewTbl table tbody th{padding:13px;}
	.overViewTbl table tbody td{padding:13px;}
}

@media screen and (max-width:480px) {
	.overView .tit {font-size:28px;}
	.overView .txt {font-size:18px;}
	.overView h4 {margin-top:40px; }
}
/* 연혁 */
.history-title {position: relative; max-width:1300px; margin:0 auto; padding-bottom:50px; word-break: keep-all; word-wrap: break-word;}
.history-title:before {position:absolute; top:150px; left:50%; margin-left:-150px; content:""; display:block; width:460px; height:380px; background:url(/images/company/com03_img01.png) 0 0 no-repeat;z-index:99}
.history-title p {font-size:30px; color:#303030; line-height:50px; text-align:center;}

	.img_ani1{position:absolute; top:150px; right:22%; overflow:hidden; width:110px; height:110px;}
	.img_ani1 img{width:90px; height:90px; display:block; margin:0 auto;}
	.img_ani2{position:absolute;top:300px; left:26%; overflow:hidden; width:110px; height:110px; z-index:9;}
	/* 액션 시작 */
	.actionType1{
		transform:rotateZ(0deg);
		-webkit-transform:rotateZ(0deg);
		-moz-transform:rotateZ(0deg);
	
		animation: circleRotate1 linear 10s infinite;
		-webkit-animation: circleRotate1 linear 10s infinite;
		-moz-animation: circleRotate1 linear 10s infinite;
	}
	
	@-webkit-keyframes circleRotate1 {
		 0% {
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	50% {
		-webkit-transform: rotateZ(180deg);
		-moz-transform: rotateZ(180deg);
		transform: rotateZ(180deg);
	}
	100% {
		-webkit-transform: rotateZ(360deg);
		-moz-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}}
	@keyframes circleRotate1 {
	0% {
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	50% {
		-webkit-transform: rotateZ(180deg);
		-moz-transform: rotateZ(180deg);
		transform: rotateZ(180deg);
	}
	100% {
		-webkit-transform: rotateZ(360deg);
		-moz-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}}
	
	.actionType2{
		transform:rotateZ(360deg);
		-webkit-transform:rotateZ(360deg);
		-moz-transform:rotateZ(360deg);
	
		animation: circleRotate2 linear 15s infinite;
		-webkit-animation: circleRotate2 linear 15s infinite;
		-moz-animation: circleRotate2 linear 15s infinite;
	}
	
	@-webkit-keyframes circleRotate2 {
		 0% {
		-webkit-transform: rotateZ(360deg);
		-moz-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
	50% {
		-webkit-transform: rotateZ(180deg);
		-moz-transform: rotateZ(180deg);
		transform: rotateZ(180deg);
	}
	100% {
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}}
	@keyframes circleRotate2 {
		 0% {
		-webkit-transform: rotateZ(360deg);
		-moz-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
	50% {
		-webkit-transform: rotateZ(180deg);
		-moz-transform: rotateZ(180deg);
		transform: rotateZ(180deg);
	}
	100% {
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}}
/* 액션 끝 */
.history-list {position:relative; padding:380px 0 50px; background:url(/images/company/com03_line.png) repeat-y center top;}
.history-list:before {position:absolute; top:0; left:50%; margin-left:-4px; content:""; display:block; width:9px; height:9px; background:#aaa; border-radius:50%;}
.history-list:after {position:absolute; bottom:0; left:50%; margin-left:-4px; content:""; display:block; width:9px; height:9px; background:#aaa; border-radius:50%;}
.history-list .line{position:relative; max-width:1300px; padding:80px 0; margin:0 auto;}
.history-list .line:first-child {padding:0 0 80px}
.history-list .line:after{content:''; display:block; clear:both}
.history-list .line .txtAreaR {position:relative; float:right; width:50%; padding-left:100px; box-sizing:border-box; text-align:left;}
.history-list .line .txtAreaR .info{position:absolute; top:0; left:100px;}
.history-list .line .txtAreaR .info .year{position:relative; margin-bottom:20px; font-family:'Roboto'; font-size:50px; line-height:50px; color:#1147ab; text-align:left}
.history-list .line .txtAreaR .info .year:before{content:''; display:block; position:absolute; top:50%; margin-top:-14px; left:-114px; width:28px; height:28px; background:url(/images/company/com03_arrow_r.png) no-repeat center center}
.history-list .line .txtAreaR .info .year:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left:-82px; width:60px; height:1px; background:url(/images/company/dot_line.gif) repeat center center}
.history-list .line .txtAreaR .info .list > div{line-height:30px; font-size:18px; text-align:left; margin-top:10px;}
.history-list .line .txtAreaR .info .list > div:after{display:block;clear:both;content:''}
.history-list .line .txtAreaR .info .list > div .month{float:left; width:100px; font-family:'Roboto'; font-weight:500; color:#000}
.history-list .line .txtAreaR .info .list > div .txt{float:right; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); color:#555; word-break:keep-all;}
.history-list .line .txtAreaL {position:relative; float:left; width:50%; padding-right:100px; box-sizing:border-box;}
.history-list .line .txtAreaL .info{position:absolute; top:0; right:100px;}
.history-list .line .txtAreaL .info .year{position:relative; margin-bottom:20px; font-family:'Roboto'; font-size:50px; line-height:50px; color:#1147ab; text-align:right}
.history-list .line .txtAreaL .info .year:before{content:''; display:block; position:absolute; top:50%;margin-top:-14px; right:-114px; width:28px; height:28px; background:url(/images/company/com03_arrow_l.png)  no-repeat center center}
.history-list .line .txtAreaL .info .year:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-82px; width:60px; height:1px; background:url(/images/company/dot_line.gif) repeat center center}
.history-list .line .txtAreaL .info .list > div{line-height:30px; font-size:18px; text-align:right; margin-top:20px}
.history-list .line .txtAreaL .info .list > div:after{display:block;clear:both;content:''}
.history-list .line .txtAreaL .info .list > div .month{float:right; width:100px; font-family:'Roboto'; font-weight:500; color:#000}
.history-list .line .txtAreaL .info .list > div .txt{float:left; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); color:#555; word-break:keep-all;}

@media screen and (max-width:1024px) {
	.history-title {padding:0 3% 30px;}
	.history-title:before {margin-left:-130px; background-size:80%;}
	.history-title p {font-size:24px; line-height:35px;}	
	.img_ani1{top:120px; right:20%;}
	.img_ani2{top:300px; left:20%;}
	
	.history-list {padding-top:300px;}
	.history-list .line{padding:50px 0;}
	.history-list .line .txtAreaR {padding-left:60px;}
	.history-list .line .txtAreaR .info{left:60px}
	.history-list .line .txtAreaR .info .year:before{ left:-74px; background-size:70%;}
	.history-list .line .txtAreaR .info .year:after{left:-46px; width:30px;}
	
	.history-list .line .txtAreaL {padding-right:60px;}
	.history-list .line .txtAreaL .info{right:60px}
	.history-list .line .txtAreaL .info .year:before{ right:-74px; background-size:70%;}
	.history-list .line .txtAreaL .info .year:after{right:-46px; width:30px;}
	
	.history-list .line .txtAreaR .info .year,
	.history-list .line .txtAreaL .info .year {margin-bottom:10px; font-size:30px; font-weight:700; line-height:30px;}
	.history-list .line .txtAreaR .info .list > div,
	.history-list .line .txtAreaL .info .list > div {margin-top:0;}
	.history-list .line .txtAreaR .info .list > div .month,
	.history-list .line .txtAreaL .info .list > div .month {width:70px; font-size:15px;}
	.history-list .line .txtAreaR .info .list > div .txt,
	.history-list .line .txtAreaL .info .list > div .txt {width:calc(100% - 70px); width:-webkit-calc(100% - 70px); font-size:15px;}
}

@media screen and (max-width:768px) {	
	.history-title {padding:0 3% 30px;}
	.history-title:before {margin-left:-100px; width:300px; }
	.history-title p {font-size:18px; line-height:26px;}	
	.img_ani1{top:80px; right:15%;}
	.img_ani2{top:200px; left:12%;}	
	
	.history-list{padding-top:260px; background-position:4px 260px; margin-left:15px}
	.history-list:before, .history-list:after {display:none;}
	.history-list .line{padding:15px 0}
	.history-list .line:first-child {padding-bottom:30px}
	.history-list .line .txtAreaR, 
	.history-list .line .txtAreaL {float:none !important; width:100%; !important}
	.history-list .line .txtAreaR .info, 
	.history-list .line .txtAreaL .info {left:auto !important; right:auto !important; top:auto !important; transform:translateY(0); position:relative}
	.history-list .line .txtAreaR .info .year, 
	.history-list .line .txtAreaL .info .year {font-size:25px; text-align:left !important}
	.history-list .line .txtAreaR,
	.history-list .line .txtAreaL {padding:0 0 0 35px ! important}
	.history-list .line .txtAreaR .info .list > div .month,
	.history-list .line .txtAreaL .info .list > div .month {text-align:left !important; float:left !important}
	.history-list .line .txtAreaR .info .list > div .txt,
	.history-list .line .txtAreaL .info .list > div .txt {text-align:left !important}
	.history-list .line .txtAreaR .info .year:before,
	.history-list .line .txtAreaL .info .year:before{left:-45px !important; right:auto !important; background:url(/images/company/com03_arrow_r.png) no-repeat center center; background-size:50%;}
	.history-list .line .txtAreaR .info .year:after,
	.history-list .line .txtAreaL .info .year:after{width:20px; left:-23px !important; right:auto !important}
}

/* 가치체계 */
.value_tit {margin-bottom:30px;font-weight:600;font-size:25px;color:#606468;line-height:1}
.mission_wrap {display:table;margin-bottom:75px}
.mission_wrap .mission_left {display:table-cell;width:50%;height:390px;font-size:0;line-height:0;background:#f0f0f0 url('/images/company/ic_hd_simbol.png') center center no-repeat;vertical-align:middle}
.mission_wrap .mission_right {display:table-cell;width:50%;padding:0 50px;vertical-align:middle}
.mission_wrap .value_tit {margin-bottom:18px}
.mission_wrap p {color:#014099;font-size:24px;font-weight:600;line-height:1.5}
.vision_wrap {margin-bottom:85px}
.vision_wrap .vision_group {margin:0;padding:0;list-style:none;text-align:center}
.vision_wrap .vision_group .list_box {display:inline-block;width:calc(100% / 3 - 5px);max-width:320px;margin:0 25px;list-style:none;vertical-align:top;position:relative;text-align:center;}
.vision_wrap .vision_group .list_box::before {display:block;width:167px;height:1px;content:"";border-top:1px dotted #5bd35b;position:absolute;top:104px;left:-112px;z-index:1}
.vision_wrap .vision_group .list_box:first-child::before {display:none}
.vision_wrap .vision_group .img {display:table;width:208px;height:208px;margin:0 auto 27px auto;font-size:0;line-height:0;position:relative;z-index:1}
.vision_wrap .vision_group .typo {display:table-cell;color:#fff;font-size:20.8px;font-weight:400;line-height:1.3;vertical-align:middle}
.vision_wrap .vision_group p {font-size:18px;line-height:1.5}
.vision_wrap .vision_group .box1 .img {background:url('/images/company/img_vision01.png') bottom center no-repeat}
.vision_wrap .vision_group .box2 .img {background:url('/images/company/img_vision02.png') bottom center no-repeat}
.vision_wrap .vision_group .box3 .img {background:url('/images/company/img_vision03.png') bottom center no-repeat}
.value_wrap {}
.value_wrap .value_tit {}
.value_table p {line-height:1.5}
.value_table table {width:100%}
.value_table th {display:table-cell;padding:35px 15px 35px 55px;text-align:left;border-bottom:1px solid #c0c1c3}
.value_table th .icon {display:table-cell;width:85px}
.value_table th strong {display:table-cell;padding-left:45px;font-size:22px;color:#014099;vertical-align:middle}
.value_table td {padding:35px 0;border-bottom:1px solid #c0c1c3}
.value_table td p {margin-bottom:2px;font-size:18px;}
.value_table td p:last-child {margin-bottom:0}
.value_table tr:first-child th,
.value_table tr:first-child td {border-top:2px solid #dbdcdc}

@media screen and (max-width:1200px){
    .vision_wrap .vision_group .list_box {width:275px;margin:0 10px}
    .vision_wrap .vision_group .list_box::before {width:92px;left:-60px}
}
@media screen and (max-width:960px){
	.mission_wrap .mission_left {height:310px;background-size:108px}
	.vision_wrap .vision_group .list_box {width:222px;margin:0 1%}
	.vision_wrap .vision_group .list_box::before {display:none}
	.vision_wrap .vision_group p {}
	.value_table th {padding-left:40px}
	.value_table th .icon {width:65px}
	.value_table th strong {max-width:165px;padding-left:30px}
}
@media screen and (max-width:768px){
	.value_tit {text-align:center;font-size:22px}
	.mission_wrap {display:block}
	.mission_wrap .mission_left {display:block;width:auto;height:230px;background-size:74px}
	.mission_wrap .mission_right {display:block;width:auto;padding:30px 5px 0 5px}
	.mission_wrap .value_tit {margin-bottom:13px}
	.mission_wrap p {text-align:center;font-size:20.8px}
	.vision_wrap .vision_group .list_box {display:block;width:auto;max-width:395px;margin:0 auto 45px auto}
	.vision_wrap .vision_group p {}
	.value_table th {padding:30px 15px 30px 28px}
	.value_table th strong {max-width:185px;padding-left:25px}
	.value_table td {padding:30px 0}
}
@media screen and (max-width:580px){
	.value_table th {display:block;width:auto;padding:25px 0 0 0;text-align:center;border-bottom:0}
	.value_table th .icon {display:block;margin:0 auto 15px auto}
	.value_table th strong {display:block;max-width:inherit;padding:0;text-align:center;font-size:20.8px}
	.value_table td {display:block;width:auto;padding:15px 0 25px 0}
	.value_table td p {text-align:center}
	.value_table tr:first-child td {border-top:0}
}

/* 조직도 */
.org_wrap {position:relative; width:100%;}
.orgArea{margin:0 auto; padding:100px 0;}
.orgArea_bg1 {background:#e5eaf4 url(/images/company/com03-bg01.jpg) center bottom no-repeat;}
.orgArea_bg3 {background:#f7f6f2;}
.org_chart {position:relative; max-width:1300px; margin:0 auto; text-align:center;}
.org_part1 {text-align:center; padding-bottom:100px;}
.org_part1 span {display:inline-block; width:200px; font-size:18px; font-weight:500; color:#fff; line-height:55px; background:#094699;}
.org_part2 {display:inline-block; margin-left:-4px; padding:0; width:22%; margin-right:4%; text-align:center;}
.org_part2:last-child {margin-right:0;}
.org_part2 span {display:block; width:100%; font-size:18px; font-weight:500; color:#fff; line-height:55px; background:#6b7787;}
.org_part3	{margin:17px 0 0; padding:0;}
.org_part3:after {display:block;clear:both;content:''}
.org_part3 > li {float:left; width:48%; margin-right:2%; margin-bottom:10px; padding:15px 0; color:#666; font-size:16px; font-weight:300; line-height:20px; text-align:center; background:#fff; border:1px solid #aaa;}
.org_part3 > li:nth-child(2n) {margin-right:0;}

.part1-bg{background: url(/images/company/com04-org01.png) center bottom no-repeat;}
.part2-bg{background: url(/images/company/com04-org02.png) center bottom no-repeat;}
.part3-bg{background: url(/images/company/com04-org03.png) center bottom no-repeat;}

@media all and (max-width: 768px){
	.m-blind {display:none;}
	.orgArea{margin:0 auto; padding:60px 3%;}
	.org_part1 {margin-bottom:30px; padding-bottom:0;}
	.org_part1 span {width:200px; font-size:18px; line-height:45px;}
	.org_part2 {width:46%;}
	.org_part2 span {font-size:16px; line-height:35px;}
	.org_part2:nth-child(2n) {margin-right:0;}
	.org_part3 {margin-bottom:20px; }
	.org_part3 > li { margin-bottom:5px; padding:5px 0; font-size:15px;}	

	.part1-bg, .part2-bg, .part3-bg {background:none;}
}

@media all and (max-width: 480px){
	.org_part2 {width:100%; margin-right:0; margin-bottom:10px;}
}


/* ci */
.com05-top{position:relative; width:100%; overflow:hidden; margin-top:50px; word-break: keep-all; word-wrap: break-word;}
.com05-top:first-child{margin-top:0}
.com05-top .img{width:50%; overflow:hidden; position:relative; z-index:1}
.com05-top .img img{width:100%;}
.com05-top .txtArea{width:calc(50% + 60px); width:-webkit-calc(50% + 60px); height: 500px; padding:0 60px; box-sizing:border-box; position:relative; border:1px solid #ccc; background:#fff url(/images/company/com04-logo.jpg) 60px 50px no-repeat; background-size:200px; z-index:9}
.com05-top .txtArea .area{position:absolute; top:220px; padding-right:30px; word-break:keep-all;}
.com05-top .txtArea .tit{position:relative; padding-bottom:32px; font-size:30px; color:#222; line-height:1.25em;}
.com05-top .txtArea .tit:after {content:''; display:block; position:absolute; width:50px; height:2px; background:#2365b8; bottom:0; left:0}
.com05-top .txtArea .txt{font-size:18px;line-height:28px; color:#555; margin-top:25px}
.com05-top:nth-child(2n-1) .img{float:left}
.com05-top:nth-child(2n-1) .txtArea{float:right; margin-left:-60px; margin-top:50px; padding:0 60px}

.down_ci{background:#f6f6f6; padding:80px 0 30px 0; margin-top:100px;}
.down_ci p.ci_tit{text-align:center; font-size:26px; line-height:34px;}
.down_ci h4 {margin:30px 0 80px 0; text-align:center;}
.down_ci h4 strong {display:inline-block; font-family:'Roboto'; font-size:18px; font-weight:700; line-height:1.25em; color:#333; border-bottom:2px solid #333;}

.cibox {position:relative; float:left; width:50%; padding:0 20px;box-sizing: border-box; margin-bottom:50px;}
.cibox h5 {/*position:absolute; top:20px; left:40px;*/ font-size:22px; font-weight:500; margin-bottom:10px;}
.cibox h5 span{font-size:17px; font-weight:400;}
.cibox .ci-btn {position:absolute; bottom:0; right:20px; }
.cibox img{width:100%;}


@media all and (max-width: 768px){
	.com05-top .img{width:100%;}
	.com05-top .txtArea{width:94% !important; margin:-60px auto 0 auto !important; height: 500px; background-size:120px; background-position: center 40px;}
	.com05-top .txtArea .tit:after  {left:50%; margin-left:-25px;}
	.com05-top:nth-child(2n-1) .img{float:none}
	.com05-top:nth-child(2n-1) .txtArea{float:none; margin-left:0; margin-top:50px; width:94% !important; padding:0 60px; text-align:center;}
	.com05-top:nth-child(2n-1) .txtArea .area{top:160px; left:8%}
	.cibox {position:relative; float:none; width:100%;}
	.down_ci p.ci_tit{font-size:22px; line-height:28px; width:90%; margin:0 auto; display:block;}
}

@media all and (max-width: 480px){
	
	.com05-top .txtArea{margin:-30px auto 0 auto !important; height: 450px;}
	.com05-top .txtArea .tit{padding-bottom:28px; font-size:22px; line-height:1em;}
	.com05-top .txtArea .txt{font-size:14px;line-height:22px; color:#555; margin-top:25px}
	.cibox .ci-btn img{width:60px;  }
	.down_ci p.ci_tit{font-size:18px; line-height:26px;}
	.down_ci p.ci_tit br{display:none;}
}



/* 오시는 길 */
.location_info{ margin-bottom:30px;}
.location_info dl{float:left; width:50%; box-sizing: border-box; margin-bottom:50px; padding-top:95px; border-right:1px solid #ddd; text-align:center;}
.location_info dl dt{color:#05499d; font-size:22px; font-weight:500; margin-bottom:20px;}
.location_info dl dd{font-size:19px;}

.location_info dl.loin_add{background:url('/images/company/location_info_1.png') center 0 no-repeat;}
.location_info dl.loin_tel{background:url('/images/company/location_info_2.png') center 0 no-repeat; border-right:0;}


.load_wrap{padding:80px 0; background:#f8f8f8;}
.load_info h4{float:left; width:20%; font-size:28px; font-weight:500; line-height:1.25em; color:#222;}

.load_info .bus_table{float:right; width:80%; border-top:2px solid #333;}
.load_info .bus_table table th, .load_info .bus_table table td{padding:15px; border-bottom:1px solid #ddd; font-size:19px; font-weight:300; text-align:left;}
.load_info .bus_table table td{ color:#888;}
.load_info .bus_table table td span{display:inline-block; padding:1px 8px; border-radius:3px 3px; color:#fff; font-weight:500; font-size:14px; margin:0 10px 2px 0;}
	.load_info .bus_table table td span.jisun{background:#50a332;}
	.load_info .bus_table table td span.ilban{background:#355cba;}
	.load_info .bus_table table td span.gebheang{background:#cf3128;}

.load_info .bus_link{float:right; width:80%; margin-top:30px; }
.load_info .bus_link p{background:url('/images/company/list01_icon.gif') 0 9px no-repeat; padding-left:15px; color:#666; font-size:16px;}
.load_info .bus_link p span{font-size:13px; color:#888;}



@media all and (max-width: 1300px){
	.location_inner{width:94%; margin:0 auto;}
}

@media all and (max-width: 768px){
	
	.location_info dl{float:none; width:100%; box-sizing: border-box; padding:0 0 15px 65px; border-right:0; margin-bottom:15px; text-align:left; border-bottom:1px solid #ddd;}
	.location_info dl dt{font-size:14px; padding-top:3px; margin-bottom:0px; }
	.location_info dl dd{font-size:17px;}
	
	.location_info dl.loin_add{background:url('/images/company/location_info_1_m.png') left 0 no-repeat;}
	.location_info dl.loin_tel{background:url('/images/company/location_info_2_m.png') left 0 no-repeat; border-right:0;}
	
	.load_wrap{padding:40px 0;}

	.load_info h4,
	.load_info .bus_table,
	.load_info .bus_link{float:none; margin:0 auto; width:94%; box-sizing: border-box;}
	.load_info h4{padding-top:20px; margin-bottom:15px;}
	.load_info .bus_table{border-top:0;}
	.load_info .bus_table table th, .load_info .bus_table table td{padding:10px; font-size:14px; display:block;}
	.load_info .bus_table table th{background:#f1f1f1; border-top:1px solid #333;}
	.load_info .bus_table table td {margin-bottom:10px;}
	.load_info .bus_table table td span{padding:0 5px; font-size:12px; margin-right:10px;}
}