@charset "utf-8";

#mainContent { position:relative; overflow:hidden; padding-bottom:30px; background:#fff url(../images/common/bg/bgContent.gif) 0 0 repeat-y; }
#visual { overflow:hidden; position:relative; width:100%; max-width:1270px;}
#visual .visual { position: relative; top:0px; left:0px; background:#262626;}
#visual .visual li { position:absolute; top:0px; left:0px;  width:100%;}
#visual .visual li > a {display:block;}
#visual .visual li img { width:100%; max-width:1670px; max-height:670px;}
#visual .visual li strong { position:absolute; left:100px; top:30px; font-size:50px; color:#fff; font-weight:normal; line-height:100%;}
#visual .visual li span { position:absolute; left:100px; top:160px; width:60%; font-size:16px; color:#fff;}
#visual .visual li .tablet { display:none;}

#visual .menu { padding-bottom:2px; background:url(../images/main/bgLine.png) 0 bottom repeat-x;  }
#visual .menu li { float:left; text-align:center; width:25%; }
#visual .menu li a { display:block; border-left:1px solid #c9d5e4; line-height:2.7em; color:#677681; font-size:13px; }
#visual .menu li.on a,
#visual .menu li a:hover,
#visual .menu li a:focus { display:block; background:#4173bd; color:#fff; }
/*
#visual .menu li.on a { display:block; background:#4173bd; color:#fff;}
#visual .menu li a:hover { display:block; background:#aaa; color:#fff;}
#visual .menu li.on a:hover,
#visual .menu li.on a:focus {background:#4173bd; }
#visual .menu li a:focus { display:block; background:#aaa; color:#fff;}
*/

#visual .direction .slidePrev { position:absolute; top:50%; left:3%; margin-top:-38px; width:37px; height:76px; text-indent:-9999px; /* z-index:40; */ background:url(../images/main/btnSlidePrev.png) 0 0 no-repeat; }
#visual .direction .slideNext { position:absolute; top:50%; right:3%; margin-top:-38px; width:37px; height:76px; text-indent:-9999px; /* z-index:40; */ background:url(../images/main/btnSlideNext.png) 0 0 no-repeat; }

.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}

#newsArea {position:relative; margin:0 2% 0;}
#newsArea .box {overflow:hidden; margin-bottom:25px; line-height:1.5}
	#newsArea .news {margin-right:600px;}
	#newsArea .news-people {position:absolute; right:0; top:0; width:269px;}
/* 	#newsArea .news-csr {position:absolute; right:305px; top:0; width:269px;} */
	
	#newsArea .news-media {overflow:hidden;display:block;width:269px;height:123px}
	#newsArea .news-media img {margin-top:4px; width:100%;}
	
	#newsArea .news-item.news h3 {/*padding-bottom:10px*/ padding-bottom:2px;}
	#newsArea .news .news-media {float:left;width:245px;height:146px;margin-right:17px;}
	#newsArea .news .newsTxt {display:block;}
		#newsArea .news-item.news .subject {line-height:1.4; color:#333;}
	#newsArea .news-people {}
	#newsArea .news-csr {}
	
	/*2018-11-13 수정 원복가능 start*/
	#newsArea .news-csr {position:absolute; right:0px; top:0; width:538px;}
	#newsArea .news-csr .news-media {float:left;width:245px;height:146px;margin-right:17px;}
	#newsArea .news-csr .newsTxt {display:block;}
	#newsArea .news-item .news-csr .subject {line-height:1.4; color:#333;}
	/*2018-11-13 수정 원복가능 end*/

	#newsArea .news-item h3 {/*padding-bottom:8px;*/ padding-bottom:1px; color:#1a559b; font-size:18px; font-family:'Source Sans Pro'}
	#newsArea .news-item > a {display:block}
	#newsArea .news-item .subject {overflow:hidden;display:block; /*margin:0 0 4px;*/max-height:42px;font-weight:bold;color:#4e545a; }
	#newsArea .news-item .description {overflow:hidden;display:block;height:106px;color:#4e545a;}
/*
.boxCon { margin:35px auto 0 auto; max-width:1210px; width:100%; overflow:hidden; }
.boxCon h3 { margin-bottom:8px; }
.boxCon h3 a { color:#1a559b; font-size:17px; font-family:'Source Sans Pro'}
.boxCon .box { overflow:hidden; margin-bottom:45px; }
.boxCon .box>div { float:left; width:23%;}
.boxCon .box>div+div { float:right; margin-left:2.2%; }
.boxCon .box>div+div+div {float:right; margin-left:1%;}
.boxCon .box>div+div+div h3 {}
.boxCon .box>div+div+div a strong {margin:0 0 8px;}
.boxCon .box>div+div+div .center {float:none; margin:0;}
.boxCon .box>div img { width:100%; max-width:269px; max-height:162px;}
.boxCon .box .news-media {display:block;overflow:hidden;height:123px;}
	.boxCon .box .news-media img {width:100%;}
.boxCon .box div strong { display:block; margin:0 0 8px 0; color:#4e545a; font-size:13px; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.boxCon .box div a { color:#677681; font-size:13px; }
.boxCon .box div h3 { margin-bottom:15px; }
.boxCon .box div h3 a { color:#0054a6; font-size:17px; }
.boxCon .box .news { width:50%;}
.boxCon .box .news h3 a { float:none; }
.boxCon .box .news>img { display:block; float:left; margin-right:10px; max-height:189px;}
.boxCon .box .news .newsTxt {display:block; margin-right:15px; overflow:hidden;}
.boxCon .box .news .newsTxt strong { margin-top:0; overflow:inherit; white-space:normal; text-overflow:none; word-break:break-all;}
.boxCon .box .news .newsTxt>a.text { overflow:hidden; display:block; text-overflow: ellipsis; }
.boxCon .box .news div.newsTxt { overflow:hidden; height:90px; word-break:break-all;}
.boxCon .box .news div.newsTxt * { word-break:break-all;}

.boxCon .box div .center {float:left;}
*/
.boxCon {}
.boxCon .box2 { clear:both; position:relative; overflow:hidden; margin-bottom:27px; height:428px; z-index:0;}
.boxCon .box2 ul li.on {position:absolute; top:0; width:100%;}
.boxCon .box2 ul li .choice { position:absolute; z-index:6; right:0; top:0; width:269px; border-right:1px solid #e0e6ed; background:#ffffff; }
.boxCon .box2 ul li .choice strong { display:block; margin-bottom:5px; color:#458acf; font-weight:normal; font-size:1.3em; }
.boxCon .box2 ul li .choice span { font-size:1.1em; }
/* .boxCon .box2 ul li .choice a { display:block; height:79px; padding:22px 5% 5px 7%; color:#677681; font-size:12px; border-bottom:1px solid #e0e6ed;} */
/* 2015-07-10 한글 제목 두줄입력시 하위항목이 범위에서 벗어나 padding 조정함 */
.boxCon .box2 ul li .choice a { display:block; height:79px; padding:5px 5% 22px 7%; color:#677681; font-size:12px; border-bottom:1px solid #e0e6ed; vertical-align:middle;}
.boxCon .box2 ul li .choice1 a{ /*border-top:1px solid #e0e6ed; */}

.boxCon .box2 ul li .choice1 { top:0; background:url(../images/main/bgChoice.gif) 0 0 repeat-x; }
.boxCon .box2 ul li .choice2 { top:107px }
.boxCon .box2 ul li .choice3 { top:214px; }
.boxCon .box2 ul li .choice4 { top:321px; }

.boxCon .box2 ul li .choice a:hover strong,.boxCon .box2 ul li .choice a:focus strong,
.boxCon .box2 ul li.on .choice strong {color:#FFF;}
.boxCon .box2 ul li.on .choice a > span { color:#c9d5e4;}
.boxCon .box2 ul li .choice a:hover,.boxCon .box2 ul li .choice a:focus,
.boxCon .box2 ul li.on .choice a { color:#c9d5e4; background:#4173bd; border-bottom-color:#4173BD;}

.boxCon .box2 ul li .major-item {overflow:hidden; position:relative;height:428px; margin-right:269px;}
.boxCon .box2 ul li .img{ display:none; position:relative; height:100%; text-align:center;}
.boxCon .box2 ul li .img img { max-height:100%; width:100%;}
.boxCon .box2 ul li .img span { position:absolute; left:0; top:0;  width:100%; height:100%; background:#00275f; opacity:0.5;filter:filter: alpha(opacity=50); z-index:10;  }
.boxCon .box2 ul li.on .img { display:block;}
.boxCon .box2 ul li .detail { display:none; position:absolute; left:0; top:0; z-index:10; width:100%; }
.boxCon .box2 ul li .detail h4 { display:list-item; height:200px; padding:0 2.7em; line-height:200px; text-align:center; color:#fff; font-size:57px; vertical-align: middle;}
.boxCon .box2 ul li .detail h4 span { display:inline-block; line-height:100%; vertical-align: middle;}
.boxCon .box2 ul li .detail h4 a {color:#FFF}
.boxCon .box2 ul li .detail .txt1 { padding:6px 0 5px 0; border-top:1px solid #59a9da; border-bottom:1px solid #59a9da; font-size:14px; color:#fff; font-weight:bold;}
.boxCon .box2 ul li .detail .txt1 span { display:inline-block; width:47%; padding:0 3% 0 0; text-align:right; font-size:16px;}
.boxCon .box2 ul li .detail .txt1 span + span { text-align:left; padding:0 0 0 3%; }
.boxCon .box2 ul li .detail .txt2 { margin-top:15px; font-size:14px; color:#fff;  overflow:hidden; }
.boxCon .box2 ul li .detail .txt2 span { display:block; float:left; width:44%; padding:0 3% 0 3%;}
.boxCon .box2 ul li .detail .btn { position:absolute; bottom:15px; left:50%; margin-left:-68px; width:136px; background:#fff;  text-align:center; }
.boxCon .box2 ul li .detail .btn a { display:block; line-height:2.5em; color:#1a559b; font-size:14px; font-weight:bold; font-family:'source sans pro';}
.boxCon .box2 ul li .detail .smallText {margin:11px 0 -35px 17px; font-size:18px; color:#a2b2c6; font-family:'source sans pro';}

.boxCon .box2 ul li.on .detail { display:block; height:100%;}
.boxCon .business { margin-right:269px;}
.boxCon .business h3 {margin:-8px 0 6px; }
.boxCon .business h3 a {padding-bottom:8px;color:#1a559b;color:#1A559B;font-size:18px;font-family:'Source Sans Pro';}
.boxCon .business ul {overflow:hidden;}
/*.boxCon .business ul li { float:left; display:block; width:13%; margin-right:1.2%; text-align:center; background:#0081a1; }*/
/* width 크기변경 - 2016.10.07 */
/* .boxCon .business ul li { float:left; display:block; width:15.4%; margin-right:1.2%; text-align:center; background:#0081a1; } */
/* width 크기변경 - 2018.11.09 */
.boxCon .business ul li { float:left; display:block; width:18.8%; margin-right:1.2%; text-align:center; background:#0081a1; }

.boxCon .business ul li a { display:inline-block; width:100%; height:96px; color:#fff; font-size:13px; font-weight:600; font-size:16px; word-break: break-all; letter-spacing:-0.5px; line-height:92px; font-family:'source sans pro';}
.boxCon .business ul li a:focus,.boxCon .business ul li a:hover {background:#006789;}
.boxCon .business ul li.odd { background:#4173bd;}
.boxCon .business ul li.odd a:focus, .boxCon .business ul li.odd a:hover {background:#2e5aa9;}
.boxCon .business ul li.gap a { height:61px; padding-top:30px; }
.boxCon .business ul li.font a { height:66px; padding-top:20px; font-size:11px; line-height:1.3em; }
.boxCon .business ul li span { display:inline-block; line-height:18px; vertical-align:middle; }
.boxCon .banner { float:right; width:269px; overflow:hidden; margin-top:-2px; }
.boxCon .banner li + li { margin-top:3px; }
.boxCon .banner a { position:relative; top:0px; left:50%; margin-left:-155px; display:inline-block;}
.boxCon .business ul li.linediffer a {line-height:95px;}


/* 메인 비주얼 영상 추가 */
.popBg { display:none;}
.videoPop { position:absolute; top:0px; left:0px; z-index:10; width:100%; height:100%; background:#fff;}
#visual .visual .youtube { display:none;}
#visual .visual #youtube { padding-top:3%; height:100%; }
#visual .visual #youtube iframe { width:100% !important; height:90% !important;}
#ububien {height:100%;} 
#visual .videoPop #ububien img { width:auto;}
#ububien_jwplayer_logo { display:none !important;}
#visual .videoPop .popClose { position:absolute; top:5px; right:5px;}

/* Media 추가변경 - 2013.08.05 */
#visual .media {display:none;overflow:hidden;position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; background:#262626}
#visual .media .mediaSource {margin-right:410px;height:100%;}
	#visual .mediaSource iframe {width:100% !important;height:100%}		
	#ububien {height:100%;} 
	#ububien img { width:auto;}
	#ububien_jwplayer_logo { display:none !important;}
#visual .media .mediaScript {float:right;display:block;overflow-y:auto;width:360px;height:100%;padding:0 25px; background-color:#262626;}
	#visual .mediaScript h2 {margin:20px 25px 0 0;font:200 2em/1.1 'Source Sans Pro';color:#FFF}
		#visual .mediaScript .region {display:block; font-size:.9em; color:#888}
		#visual .mediaScript .position {margin-top:.6em; font-size:1.1em; color:#cdcdcd}
		#visual .mediaScript .detail {margin-top:1.8em; padding-top:1.8em;color:#cdcdcd;line-height:1.5;border-top:1px solid #4c4c4c;}
#visual .media .mediaClose { position:absolute; top:20px; right:20px; width:30px; height:30px; text-indent:-99999px; background:url(/static/images/common/btn/btnClose.png) 50% 50% no-repeat;}


/* EVENT BANNER */
#eventBanner {position:relative; margin:25px 2% 23px; }
#eventBanner ul {margin:0;padding:0; min-height:141px;list-style:none;}
#eventBanner li {display:none; padding:0 50px; position:relative; overflow:hidden;/* padding:0 100px 0 345px; */ min-height:141px; background-position:10% bottom; background-repeat:no-repeat;}
#eventBanner li.active {display:block;}
/*
#eventBanner li.item0 {background:url(/static/images/main/bg_event.png) 50% 0; border:1px solid #dbdbdb;}
#eventBanner li.item1 {background:url(/static/images/main/bg_event02.png) 50% 0; border:1px solid #dbdbdb;}
#eventBanner li.item2 {background:url(/static/images/main/bg_event.png) 50% 0; border:1px solid #dbdbdb;}
*/

	#eventBanner li img.itemImg {position:absolute; top:0; left:0; height:100%;}
	#eventBanner li span {margin:0.5% 2% 0 0; float:left; width:212px; height:127px; overflow:hidden; position:relative; z-index:10;}
	#eventBanner li span img {width:212px; height:127px;}
	#eventBanner li > a {display:block; float:left; width:70%; position:relative; z-index:10;}
	#eventBanner li > a h1 {padding-top:30px; /*font:200 35px/1.1 'Source Sans Pro'; */color:#222;letter-spacing:-1px; font-size:32px; font-weight:100;}
	#eventBanner li > a p {margin-top:3px; padding-bottom:15px; font-size:14px; color:#878787;}
	#eventBanner li > a em {color:#5da4ec; margin-left:10px;}

	#eventBanner .indicator {position:absolute; z-index:3; right:3px; bottom:3px;}
	#eventBanner .indicator > button {float:left;display:block;margin-right:1px;font:normal 10px Arial; width:20px; height:18px; color:#FFF; background:url(/static/images/common/bg/bg_indicator.png) -16px 50% no-repeat;}
	#eventBanner .indicator > button.active {background-position:3px 50%;}


@media screen and (max-width: 1500px) {  /* 1280 ~ 1500 */ 
	.boxCon { margin:35px 2% 0 2%; width:96%;}
	#visual .menu li a { font-size:11px;}
	.boxCon .business ul li a { font-size:15px; /*padding-top:15px;*/ }
	.boxCon .business ul li.font a { font-size:10px;}
	.boxCon .box2 ul li .choice strong { /*margin-top:15px;*/} 

	.boxCon .box2 ul li .img img { height:100%; max-width:none;}
}

@media screen and (max-width: 1280px) {  /* 960 ~ 1280 */
	#newsArea .news {margin-right:490px;}
	#newsArea .news-people {position:absolute; right:0; top:0; width:223px;}
/* 	#newsArea .news-csr {position:absolute; right:246px; top:0; width:223px;} */
	#newsArea .news-media {overflow:hidden;display:block;width:223px;height:106px}
	#newsArea .news .news-media {width:215px;height:130px}
	#newsArea .news .description {height:85px;}
	
	/*2018-11-13 수정 원복가능 start*/
	#newsArea .news-csr {position:absolute; right:0px; top:0; width:446px;}
	#newsArea .news-csr .news-media {width:215px;height:130px}
	#newsArea .news-csr .description {height:85px;}
	/*2018-11-13 수정 원복가능 end*/

	.boxCon { margin-top:30px;}
	.boxCon .box2 ul li .major-item {margin-right:246px;}
	.boxCon .box2 ul li .choice {width:246px;}
	.boxCon .box2 ul li .choice a {font-size:11px}
	
	.boxCon .business { margin-right:250px;}
	.boxCon .banner {width:246px;}
	
	/*  태블릿,모바일 visual 영역 같게함.- 2018.11.09 */
	#visual .menu{ height:59.4px; background-position-y:60.4px}
	#visual .menu li{ width:50%; }
	#visual .menu li .bordRight{ border-right:1px solid #c9d5e4;}
	#visual .menu li .bordBottom{ border-bottom:1px solid #c9d5e4;}
/* 	#visual { overflow:hidden; background: url("../images/main/bgLine.png") repeat-x bottom;} */
/* 	#visual .menu { width:100px; margin:10px auto 7px auto; background:none;} */
/* 	#visual .menu li { width:16px; margin:0px 3px; } */
/* 	#visual .menu li + li { background:none;} */
/* 	#visual .menu li a { display:inline-block; overflow:hidden; width:16px; height:16px; text-indent:-9999px; background:url(../images/main/iconMain.gif) no-repeat; border-left:0;} */
/* 	#visual .menu li a.last { border-right:0; } */
/* 	#visual .menu li.on a, */
/* 	#visual .menu li a:hover, */
/* 	#visual .menu li a:focus { display:inline-block; background:url(../images/main/iconMain.gif) no-repeat 0px -16px;}	 */
	
	#eventBanner li {/*padding:0 70px 0 290px;*/ padding:0 50px; background-position:5% bottom; }

	#mainContent { margin-left:0px; /*padding-top:60px;*/}	
	
}
@media screen and (max-width: 1024px) {
	.boxCon .box2 ul li .detail h4 {margin:30px 0 20px; padding:0 2em; font-size:40px; height:auto;line-height:1.5;}   /* max-width: 1160px */

	#eventBanner .indicator { bottom:5px;}
	#eventBanner .indicator > button {margin-right:6px; width:24px; height:24px; font:normal 14px Arial; background:url(/static/images/common/bg/bg_indicator1024.png) -30px 50% no-repeat;}
	#eventBanner .indicator > button.active {background-position:0px 50%;}
}

@media screen and (max-width: 959px) {   /* 720 ~ 960 */
/* 태블릿,모바일 visual 영역 같게함. - 2018.11.09 */
/* 	#visual .visual li .web { display:none;} */
/* 	#visual .visual li .tablet { display:block;} */
/* 	#visual .visual li .txt1 { font-size:70px; } */
/* 	#visual .visual li .txt2 { font-size:14px;} */
/* 	#visual .visual li strong  { font-size:60px;} */
/* 	#visual .visual li span { width:80%; } */
/* 	#visual .direction .slidePrev, #visual .direction .slideNext  { } */
	
	#newsArea .news {overflow:hidden; margin-right:0;margin-bottom:30px; width:100%}
	#newsArea .news-people {float:right;display:block;position:static; width:47%;}
/* 	#newsArea .news-csr {float:left;position:static;display:block; width:47%;} */
	#newsArea .news-media {width:100%;height:170px}
/* 		#newsArea .news-media img {margin-top:-30px} */
	#newsArea .news .news-media {width:215px;height:130px}
	#newsArea .news .description {height:105px;}
	#newsArea .news-item h3 {padding-bottom:0;}
	
	/*2018-11-13 수정 원복가능 start*/
	#newsArea .news-csr {overflow:hidden;float:left;position:static;display:block; width:100%;}
	#newsArea .news-csr .news-media {width:215px;height:130px}
	#newsArea .news-csr .description {height:105px;}
	/*2018-11-13 수정 원복가능 end*/
	
	.boxCon { margin-top:30px;}
	.boxCon .box2 ul li .major-item {margin-right:0;}
	.boxCon .box2 ul li .choice {width:246px;}
	.boxCon .box2 ul li .choice a {font-size:9px; padding:13px 0 0 0; text-align:center;}		
	.boxCon .box2 ul li .choice a span {display:none}


	.boxCon {} 
	.boxCon .box > div { width:100%;}
	.boxCon .box > div + div { margin-right:0px;}
	
	.boxCon .box2 ul li .choice a {border-right:1px solid #e0e6ed;}
	.boxCon .box2 ul li .choice a:hover,.boxCon .box2 ul li .choice a:focus,
	.boxCon .box2 ul li.on .choice a {border-right-color:#4173BD}

	.boxCon .box2 ul li .choice{ width:25%;height:40px; border:0px; overflow:hidden}	
	.boxCon .box2 ul li .choice1{ top:0; left:0;}
	.boxCon .box2 ul li .choice1 a {border-top:1px solid #e0e6ed;border-left:1px solid #e0e6ed}
	.boxCon .box2 ul li .choice1 a:focus, .boxCon .box2 ul li .choice1 a:hover, .boxCon .box2 ul li.on .choice1 a {border-left:none}
	.boxCon .box2 ul li .choice2{ top:0; left:25%;}
	.boxCon .box2 ul li .choice2 a {border-top:1px solid #e0e6ed}
	.boxCon .box2 ul li .choice3{ top:0; left:50%; }
	.boxCon .box2 ul li .choice3 a {border-top:1px solid #e0e6ed}
	.boxCon .box2 ul li .choice4{ top:0; left:75%;}
	.boxCon .box2 ul li .choice4 a {border-top:1px solid #e0e6ed;border-right:1px solid #e0e6ed}
	.boxCon .box2 ul li .choice4 a:focus, .boxCon .box2 ul li .choice4 a:hover, .boxCon .box2 ul li.on .choice4 a {border-right:none}
	
	

	.boxCon .box2 ul li .img {margin-top:40px;}
	.boxCon .box2 ul li .detail .smallText {margin:11px 0 0 20px;font-size:16px;}
	.boxCon .box2 ul li .detail h4 {margin:40px 0 20px; font-size:45px; height:auto;line-height:1.5;}
	.boxCon .box2 ul li.on .detail { margin-top:40px; }
	.boxCon .box2 ul li .detail .txt2 {font-size:.9em}
	.boxCon .box2 ul li .detail .btn {bottom:55px;}
		.boxCon .box2 ul li .detail .btn a {line-height:2em;font-size:12px;}
		
	#eventBanner li > a {width:50%;}
}

@media screen and (max-width: 767px) {   /* 320 ~ 767 */

	#mainContent { margin-top:0px; padding:10px }
/* 태블릿,모바일 visual 영역 같게함. - 2018.11.09 */
/* 	#visual { display:none;} */

	#visual .direction .slidePrev { top:40%;background-size:50%; }
	#visual .direction .slideNext { top:40%;background-size:50%; }
	
	#eventBanner li {padding:0 35px; /* background:none !important; */}
	#newsArea .news {margin-bottom:30px}
	#newsArea .news-item h3 {padding-bottom:4px;}	
	#newsArea .news-media {height:120px;text-align:center;background:#e2e2e2;}
	#newsArea .news-media img {margin-top:0;max-width:100%;min-height:120px;}
	
	.boxCon .box2 ul li .choice{ width:50%;height:40px; border:0px;overflow:hidden}	
	.boxCon .box2 ul li .choice1{ top:0; left:0;}
	.boxCon .box2 ul li .choice1 a {border-top:1px solid #e0e6ed;border-left:1px solid #e0e6ed}
	.boxCon .box2 ul li .choice1 a:focus, .boxCon .box2 ul li .choice1 a:hover, .boxCon .box2 ul li.on .choice1 a {border-left:none}
	.boxCon .box2 ul li .choice2{ top:0; left:50%;}
	.boxCon .box2 ul li .choice2 a {border-top:1px solid #e0e6ed}
	.boxCon .box2 ul li .choice2 a:focus, .boxCon .box2 ul li .choice2 a:hover, .boxCon .box2 ul li.on .choice2 a {border-right:none}
	.boxCon .box2 ul li .choice3{ top:40px; left:0; }
	.boxCon .box2 ul li .choice3 a {border-top:1px solid #e0e6ed;border-left:1px solid #e0e6ed;}
	.boxCon .box2 ul li .choice3 a:focus, .boxCon .box2 ul li .choice3 a:hover, .boxCon .box2 ul li.on .choice3 a {border-left:none}
	.boxCon .box2 ul li .choice4{ top:40px; left:50%;}
	.boxCon .box2 ul li .choice4 a {border-top:1px solid #e0e6ed;border-right:1px solid #e0e6ed}
	.boxCon .box2 ul li .choice4 a:focus, .boxCon .box2 ul li .choice4 a:hover, .boxCon .box2 ul li.on .choice4 a {border-right:none}
	
	.boxCon .box2 ul li .img {margin-top:80px}
	.boxCon .box2 ul li.on .detail {margin-top:80px;}
	.boxCon .box2 ul li .detail h3 {display:none}
	.boxCon .box2 ul li .detail h4 {font-size:30px; margin:20px 0;padding:0 1em;}
	.boxCon .box2 ul li .detail .txt2 {overflow:hidden; height:100px;font-size:.9em;}
	.boxCon .box2 ul li .detail .btn {bottom:88px}

	.boxCon .business { position:relative; margin-right:-19px; padding-bottom:80px}
/* 		.boxCon .business ul li {width:12.7%; margin-right:1.4%; margin-bottom:2.6%} */
		/* width 크기변경 - 2018.11.09 */
		.boxCon .business ul li {width:18.2%; margin-right:1.4%; margin-bottom:2.6%}
		.boxCon .business ul li.last {margin-right:0;}
		.boxCon .business ul li a {height:86px; font-size:12px; line-height:85px;}
		.boxCon .business ul li.linediffer a {line-height:86px;}
		.boxCon .business ul li span {line-height:17px;}

	.boxCon .banner {position:absolute;float:none; bottom:0; width:100%; z-index:10;}
	.boxCon .banner li {float:left; display:block; width:47%;}
	.boxCon .banner li + li {float:right; text-align:right; margin-top:0; }
	.boxCon .banner a {display:block;position:static;margin-left:0;text-align: center;}
	.boxCon .banner li img {max-width:100%;}
	
}

@media screen and (max-width: 480px) {   /* width 479px*/
	#mainContent {padding:10px 10px;}
	#newsArea .news {margin-bottom:30px}
	#newsArea .news .news-media {float:none;width:100%;height:146px;margin-right:0;margin-bottom:6px;}
	#newsArea .news-csr .news-media {float:none;width:100%;height:146px;margin-right:0;margin-bottom:6px;}
	
	#newsArea .news-item {float:none;width:100%;margin-left:0;margin-bottom:20px}
	#newsArea .news-item h3 {padding-bottom:4px}
	#newsArea .news-media {height:120px;text-align:center;background:#e2e2e2;}
	#newsArea .news-media img {margin-top:-30px;max-width:100%;min-height:120px;}
	#newsArea .news-media .mtop10 {margin-top:-10px;} 

	.boxCon .box2 {height:235px;}
	.boxCon .box2 ul li .major-item {height:235px}
	.boxCon .box2 ul li .detail h4{ margin:0; line-height:150px; }
	.boxCon .box2 ul li .detail .txt1 {display:none;}
	.boxCon .box2 ul li .detail .txt2 {display:none}
	.boxCon .box2 ul li .img {width:100%; height:auto}
	.boxCon .box2 ul li .img span { height:100%; }
	.boxCon .box2 ul li .detail .btn { bottom:0; }

	.boxCon .business { padding-bottom:140px}
		.boxCon .business ul li {width:30.5%; margin-right:1.5%; margin-bottom:3%}
		.boxCon .business ul .portfolio {margin-left:16.5%;}

	.boxCon .banner {width:100%;}
	.boxCon .banner li {float:none; display:block; width:100%; margin-bottom:10px}
	
	#eventBanner li {padding: 20px 35px 30px;}
	#eventBanner li span {display:none;}
	#eventBanner li > a {width:100%; min-height:170px;}
	#eventBanner li > a h1 {padding-top:0; font-size:28px;}

	#eventBanner .indicator {bottom:10px;}
	/*#eventBanner .indicator > button {font:normal 22px Arial; width:36px; height:36px; background:url(/static/images/common/bg/bg_indicator480.png) -42px 50% no-repeat;}*/
	
	#eventBanner li span {display:none;}

	.boxCon .box2 ul li a {padding:4% 3% !important; line-height:1.2;}
}


@media screen and (max-width: 320px) {   
	.boxCon .box2 ul li .choice a {font-size:9px; padding: 6px 0 2px 0;}
	.boxCon .box2 ul li .choice strong {display:block;height:auto;line-height:1.2; overflow:hidden;}

}