#container { overflow: hidden;}
.area1600 { margin: 0 auto }
#container .area_mvg {  height: 900px }
#container .area_mvg.bg_m03{height:720px;}

.edge_left { padding: 20px 25px; background: url(/images/main/edge_left_8.png) 5px 5px no-repeat }
.edge_right {  padding: 20px 25px;  background: url(/images/main/edge_right_8.png) 15px 15px no-repeat }
.pagedown { z-index: 100; display: block; position: absolute; top: 70%; left: 50%; margin-left: -26px; width: 56px; height: 56px; cursor: pointer }

.bg_m01 { position: relative; background: url(/images/main/bg_m01.jpg) no-repeat 50% 100%; background-size: cover }
.bg_m03 { position: relative;background: url(/images/main/bg_m02.jpg) no-repeat 50% 100%; background-size: cover }
.bg_m05 { position: relative;background: url(/images/main/bg_m03.jpg) no-repeat 50% 100%; background-size: cover }
.bg_m02, .bg_m04 { padding: 110px 0 200px 0; background: #fff }
.bg_m06 { background: #ececec }
.bg_m01 .tit { text-shadow: #0f2e43 0 0 5px }
.bg_m01 .txt { text-shadow: #0f2e43 0 0 3px }
.bg_m03 .tit { text-shadow: #0f2e43 0 0 5px }
.bg_m03 .txt { text-shadow: #0f2e43 0 0 3px }
.bg_m02 .box_info, .bg_m04 .box_info { text-align: center }
.bg_m02 .box_info .tit, .bg_m04 .box_info .tit { margin-bottom: 30px;  font-family: hyundaimedium, "현대체 Medium"; color: #0c4da2; font-size: 23px }
.bg_m02 .box_info .txt, .bg_m04 .box_info .txt { font-family: hyundailight, "현대체 Light"; font-size: 20px; line-height: 1.6 }
.bg_m02 .box_info .box_list, .bg_m04 .box_info .box_list { margin: 120px auto 0 auto; width: 1100px }
.bg_m02 .box_info .box_list:after, .bg_m04 .box_info .box_list:after { display: block; content: ''; clear: both; height: 0 }
.bg_m02 .box_info .box_list li, .bg_m04 .box_info .box_list li { float: left; margin-left: 6px; width: 24.2%; height: 270px }
.bg_m02 .box_info .box_list li a, .bg_m04 .box_info .box_list li a { display: block; position: relative; height: 100%; }
.bg_m02 .box_info .box_list li:first-child, .bg_m04 .box_info .box_list li:first-child { margin-left: 8px }
.bg_m02 .box_info .box_list li:hover a, .bg_m04 .box_info .box_list li:hover a { background: url(/images/common/hover_bg.png) } 
.bg_m02 .box_info .box_list li span, .bg_m04 .box_info .box_list li span { display: block; position: absolute; bottom: 0; left:0; width: 100%; height: 35px; background: url(/images/main/bg_bar_blue.png); font-family: hyundaimedium, "현대체 Medium"; color: #fff;  font-size: 18px; line-height: 2.2 }
.bg_m02 .box_info .box_list .bl_bg01 { background: url(/images/main/mbanner_bg01.png) no-repeat 50% 100% }
.bg_m02 .box_info .box_list .bl_bg02 { background: url(/images/main/mbanner_bg02.png) no-repeat 0 100% }
.bg_m02 .box_info .box_list .bl_bg03 { background: url(/images/main/mbanner_bg03.png) no-repeat 50% 100% }
.bg_m02 .box_info .box_list .bl_bg04 { background: url(/images/main/mbanner_bg04.png) no-repeat 50% 100% }
.bg_m04 .box_info .box_list .bl_bg05 { background: url(/images/main/mbanner_bg05.png) no-repeat 50% 50% }
.bg_m04 .box_info .box_list .bl_bg06 { background: url(/images/main/mbanner_bg06.png) no-repeat 100% 50% }
.bg_m04 .box_info .box_list .bl_bg07 { background: url(/images/main/mbanner_bg07.png) no-repeat 0% 50% }
.bg_m04 .box_info .box_list .bl_bg08 { background: url(/images/main/mbanner_bg08.png) no-repeat 100% 50% }

/* 161207 */
.bg_m02 .box_info .box_list .bl_bg04 span em{display:inline-block;font-size:16px;}

.bg_m03 .video_m { margin-top: 120px }
.bg_m05 .box_message { margin: 0 auto; width: 65%; color: #1b58a8; text-align: right }
.bg_m06 .section_blog  { padding: 77px 0px 90px }
.bg_m06 .section_blog .tit_blog {  font-family: hyundaimedium, "현대체 Medium"; color: #0c4da2; font-size:31px; text-align: center; letter-spacing:1.1px }
.list_blog { position:relative; margin: 30px auto 0; width: 1100px }
.list_blog:after { display: block; content: ''; clear: both; height: 0 }
.list_blog .item_blog { float: left; margin-left: 7px;  margin-bottom: 20px; width: 24.2%; height: 320px; background: #fff }
.list_blog .item_blog .pic img { max-width: 100%; width: 100%; height: 180px; }
.list_blog .item_blog .txt { padding:10px 15px 15px 15px;font-family: hyundaimedium, "현대체 Medium";}
.list_blog .item_blog .txt  dt { font-size: 15px; line-height: 2.2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.list_blog .item_blog .txt  dt  a { color: #0c4da2; font-weight:500;}
.list_blog .item_blog .txt  dd { height: 70px; text-overflow: ellipsis; overflow: hidden; font-size: 12px; line-height: 1.7em; color: #555 ; font-size:14px;}
.list_blog .item_blog .txt  dd  a { color: #777 }
/* list_blog button */
.list_blog .slick-list { overflow:hidden; }
.list_blog .slick-arrow {position:absolute; top:40%; display:inline-block; width:52px; height:52px; text-indent:-9999px;}
.list_blog .slick-prev {left:-60px; background:url('/images/common/btns_prev.png') 50% 50% no-repeat;}
.list_blog .slick-next {right:-60px; background:url('/images/common/btns_next.png') 50% 50% no-repeat;}

.bg_m07 .cnt_area {padding: 77px 0px 80px}
.bg_m07 .cnt_area .tit {font-size:31px; letter-spacing:1px }
.bg_m07 .list_blog .item_blog {background:#f4f4f4;}

.navigation { display: block; z-index: 2000; position: fixed; top: 43%; left: 50%; margin-left: 700px }
.navigation a { display: block;  margin-bottom: 7px; width: 30px; height: 16px;  background: url(/images/common/btn_navi_off.png) no-repeat 100% 0; font-size: 13px; line-height: 1.2 }
.navigation a .navi_nums { color: #333 }
.navigation a .navi_white { color: #fff }
.navi_txtnone { overflow: hidden; text-indent: 100%; white-space: nowrap; font-size: 0 }
.navigation a:hover, .navigation a.navi_on { width: 30px; height: 16px; background: url(/images/common/btn_navi_on.png) no-repeat 100% 0 }
#tip { display: none; position: absolute; display: inline-block; height: 28px; padding: 0 15px 4px 10px; background: url(/images/common/btn_navi_hover.png) no-repeat 100% 50%; line-height: 32px; text-align: left; font-size: 13px }

.movebody2 .header { z-index: 200; position: static; top: 0; left: 0; padding-bottom: 5px  }
.movebody2 .topgnb_bg { z-index: 200; position: absolute;   top: 80px }
.movebody2  #container { margin: 430px auto 50px auto; }

@media only screen and (max-width:1600px) {
	#container { width: 100% }
	.navigation { margin-left: 45% }
}

@media only screen and (max-width:1281px) {
	#container .area_mvg {  height: 720px }
	.area_mvg .box_message { padding: 80px 0px 0px 32px }
	.area_mvg .box_message .tit { font-size: 44px }
	.area_mvg .box_message .txt { font-size: 22px }

	.bg_m02, .bg_m04 { padding: 88px 0 160px 0 }
	.bg_m02 .box_info .box_list li:first-child, .bg_m04 .box_info .box_list li:first-child { margin: 0 }
	.bg_m02 .box_info .box_list, .bg_m04 .box_info .box_list,.list_blog { width: 95%;}
	.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m04 .box_info .box_list .bl_bg05, .bg_m04 .box_info .box_list .bl_bg06, .bg_m04 .box_info .box_list .bl_bg07,.bg_m04 .box_info .box_list .bl_bg08 { height: 240px; background-size: cover }
	.bg_m05 .box_message { margin: 0 auto; width: 80%; color: #1b58a8; text-align: right }
	
	/* list_blog button */
	.list_blog .slick-arrow {top:-80px;}
	.list_blog .slick-prev {left:0px;}
	.list_blog .slick-next {right:0px;}
}

@media only screen and (max-width:1025px) {
	#container {  }
	#container .area_mvg {  height: 510px }
	#container .area1100 { margin: 0 0 0 7px; width: auto }
	.area_mvg .box_message { padding: 65px 0px 0px 32px }
	.area_mvg .box_message .tit { margin-right: 45px; font-size: 44px }
	.area_mvg .box_message .txt { margin-right: 45px; font-size: 22px }

	.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m04 .box_info .box_list .bl_bg05, .bg_m04 .box_info .box_list .bl_bg06, .bg_m04 .box_info .box_list .bl_bg07,.bg_m04 .box_info .box_list .bl_bg08 { height: 220px; background-size: cover }
	.bg_m03 .video_m { margin-top: 30px }
	.list_blog .item_blog { float: left; margin: 0 3px;  margin-bottom: 20px; width: 24.2%; height: 320px; background: #fff }
	.navigation { display: none }

	.idx_popup, .idx_popup2, .idx_popup3 { display:none; }

	/* 161207 */
	.bg_m02 .box_info .box_list li span, .bg_m04 .box_info .box_list li span{font-size:16px;}
	.bg_m02 .box_info .box_list .bl_bg04 span em{font-size:16px;}
}
@media only screen and (max-width:860px) {
	.bg_m02 .box_info .box_list li span, .bg_m04 .box_info .box_list li span{line-height:2;padding-top:8px;height:45px;box-sizing:border-box}
	.bg_m02 .box_info .box_list .bl_bg04 span{line-height:1;padding-top:8px;height:45px;box-sizing:border-box}
	.bg_m02 .box_info .box_list .bl_bg04 span em{display:block;}
}

@media only screen and (max-width:801px) {
	.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m04 .box_info .box_list .bl_bg05, .bg_m04 .box_info .box_list .bl_bg06, .bg_m04 .box_info .box_list .bl_bg07,.bg_m04 .box_info .box_list .bl_bg08 { height: 170px; background-size: cover }
	.list_blog .item_blog { float: left; margin: 0 3px;  margin-bottom: 20px; width: 23.9%; height: 320px; background: #fff }

	/* list_blog button */
	.list_blog .slick-arrow {top:-70px; width:30px; height:30px; background-size:20px !important}
}

@media only screen and (max-width:769px) {
#container .area_mvg {  height: 400px }
.area_mvg .box_message { padding: 50px 0px 0px 32px }
.area_mvg .box_message .tit { margin-right: 35px; font-size: 40px }
.area_mvg .box_message .txt { margin-right: 35px; font-size: 20px }

.bg_m02 .box_info .txt, .bg_m04 .box_info .txt { font-family: hyundailight, "현대체 Light"; font-size: 17px; line-height: 1.6 }
.bg_m02 .box_info .box_list, .bg_m04 .box_info .box_list,.list_blog { width: 95%; }
.bg_m02 .box_info .box_list li, .bg_m04 .box_info .box_list li { float: left; margin-left: 6px; width: 24%; height: 270px }
.bg_m02 .box_info .box_list li a, .bg_m04 .box_info .box_list li a { display: block; position: relative; width: 100%; height: 100%; }
.bg_m02 .box_info .box_list li:first-child, .bg_m04 .box_info .box_list li:first-child { margin-left: 2px }
.bg_m02 .box_info .box_list li:hover a, .bg_m04 .box_info .box_list li:hover a { background: url(/images/common/hover_bg.png) } 
/* 161207 삭제
.bg_m02 .box_info .box_list li span, .bg_m04 .box_info .box_list li span { display: block; position: absolute; bottom: 0; left:0; width: 100%; height: 35px; background: url(/images/main/bg_bar_blue.png); font-family: hyundaimedium, "현대체 Medium"; color: #fff;  font-size: 18px; line-height: 2.2 } */

.list_blog .item_blog { float: left; margin: 0 3px;  margin-bottom: 20px; width: 23.9%; height: 250px; background: #fff }
.list_blog .item_blog .pic img { max-width: 100%; width: 100%; height: 120px; }
.list_blog .item_blog .txt {  padding: 0 0.5em 0.5em }
.list_blog .item_blog .txt  dt { margin-top: 0; font-size: 12px; line-height: 2.2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.list_blog .item_blog .txt  dt  a { color: #0c4da2 }
.list_blog .item_blog .txt  dd { margin-top: 2px; height: 80px; font-size: 12px; line-height: 1.4em; color: #555; overflow: hidden }
.list_blog .item_blog .txt  dd  a { color: #555 }

.idx_popup.mo_popup {top:100px;}
.idx_popup.pop0429 .pop_tbox img {width:330px;}
}

@media only screen and (max-width:668px) {
.list_blog .item_blog { float: left; margin: 0 3px;  margin-bottom: 20px; width: 23.8%; height: 240px; background: #fff }
.list_blog .item_blog .pic img { max-width: 100%; width: 100%; height: 110px; }
.list_blog .item_blog .txt {  padding: 0 0.5em 0.5em }
.list_blog .item_blog .txt  dt { margin-top: 0; font-size: 12px; line-height: 2.2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.list_blog .item_blog .txt  dt  a { color: #0c4da2 }
.list_blog .item_blog .txt  dd { margin-top: 2px; height: 80px; font-size: 12px; line-height: 1.4em; color: #555; overflow: hidden }
.list_blog .item_blog .txt  dd  a { color: #555 }
}
@media only screen and (max-width:620px) {
	/* list_blog button */
	.list_blog .slick-arrow {top:-50px}
}
@media only screen and (max-width:569px) {
.list_blog .item_blog { float: left; margin: 0 3px;  margin-bottom: 20px; width: 23.6%; height: 230px; background: #fff }
.list_blog .item_blog .pic img { max-width: 100%; width: 100%; height: 100px; }
.list_blog .item_blog .txt {  padding: 0 0.5em 0.5em }
.list_blog .item_blog .txt  dt { margin-top: 0; font-size: 12px; line-height: 2.2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.list_blog .item_blog .txt  dt  a { color: #0c4da2 }
.list_blog .item_blog .txt  dd { margin-top: 2px; height: 80px; font-size: 12px; line-height: 1.4em; color: #555; overflow: hidden }
.list_blog .item_blog .txt  dd  a { color: #555 }
}

@media only screen and (max-width:481px) {
#container {position:relative;z-index:500; }
#container .area_mvg.bg_m03{height:300px;}
#container .area_mvg {  height: 300px }
.area_mvg .box_message { padding: 30px 0 0 10px }
.area_mvg .box_message .tit { margin-right: 0; font-size: 30px; line-height: 1.3 }
.area_mvg .box_message .txt { margin-right: 0; font-size: 16px; line-height: 1.2 }

.box_message .txt span { display: block }
.edge_left, .edge_right { display: none }

.bg_m01 { position: relative; background: url(/images/main/bg_sm01.jpg) no-repeat 50% 100%; background-size: cover }
.bg_m03 { position: relative; background: url(/images/main/bg_sm02.jpg) no-repeat 50% 100%; background-size: cover }
.bg_m05 { position: relative; background: url(/images/main/bg_sm03.jpg) no-repeat 50% 100%; background-size: cover }

.bg_m02 .box_info .tit, .bg_m04 .box_info .tit { margin-bottom: 15px; font-size: 22px }
.bg_m02, .bg_m04 { padding: 38px 0 0  }
.bg_m02 .box_info .box_list, .bg_m04 .box_info .box_list { width: 100%; height: 510px; overflow: hidden }
.bg_m02 .box_info .txt, .bg_m04 .box_info .txt { font-size: 16px }
.bg_m02 .box_info .txt span, .bg_m04 .box_info .txt span { display: block }
.bg_m02 .box_info .box_list li, .bg_m04 .box_info .box_list li { margin-bottom: 6px; width: 48% }
.bg_m02 .box_info .box_list li:nth-child(2n+1),.bg_m04 .box_info .box_list li:nth-child(2n+1) { margin-left: 0 }
.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m04 .box_info .box_list .bl_bg05, .bg_m04 .box_info .box_list .bl_bg06, .bg_m04 .box_info .box_list .bl_bg07,.bg_m04 .box_info .box_list .bl_bg08 { height: 190px; background-size: cover }
.bg_m05 .box_message { width: 90%; padding: 30px 15px 0 0 }

.bg_m06 { height: 800px; background: #ececec }
.bg_m06 .section_blog, .bg_m07 .cnt_area  { padding: 30px 0 }
.bg_m06 .section_blog .tit_blog, .bg_m07 .cnt_area .tit { margin-top: 5px; font-size: 22px }
.list_blog { width: 100%; height:auto;}
.list_blog .item_blog { width: 48.3%; height: 248px; margin-bottom: 12px }
/* .list_blog .item_blog:nth-child(2n+1) { margin-left: 0 } */
.list_blog .item_blog .pic img { max-width: 100%; width: 100%; height: 125px; }
.list_blog .item_blog .txt {  padding: 0 0.5em 0.5em }
.list_blog .item_blog .txt  dt { margin-top: 0; font-size: 12px; line-height: 2.2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.list_blog .item_blog .txt  dt  a { color: #0c4da2 }
.list_blog .item_blog .txt  dd { margin-top: 2px; height: 80px; font-size: 12px; line-height: 1.4em; color: #555; overflow: hidden }
.list_blog .item_blog .txt  dd  a { color: #555 }
/* list_blog button */
.list_blog .slick-arrow {top:-42px;}

.currpage { z-index: 9000; position: absolute; bottom: 20px; left: 45% }
.currpage span { display: inline-block; margin-left: 5px; color: #fff; width: 13px; height: 13px; background: #fff; border-radius: 50%; text-indent: 200%; overflow: hidden; white-space: nowrap }
.currpage span.on { background: #fdb813 }

/* 161207 */
.bg_m02 .box_info .box_list li span, .bg_m04 .box_info .box_list li span{line-height:2;padding-top:6px;height:38px;box-sizing:border-box;font-size:14px;}
.bg_m02 .box_info .box_list .bl_bg04 span{line-height:1;padding-top:6px;height:38px;box-sizing:border-box}
.bg_m02 .box_info .box_list .bl_bg04 span em{display:block;font-size:14px;}

/* 190429 */
.idx_popup.pop0429{position:absolute; z-index:550; width:80%; left:50%; margin-left:-40%;}
.idx_popup.pop0429 .pop_tbox img {width:100%;}

}


@media only screen and (max-width:321px) {
.bg_m02 .box_info .tit, .bg_m04 .box_info .tit { margin-bottom: 30px; font-size: 18px }
.bg_m02 .box_info .box_list, .bg_m04 .box_info .box_list { width: 100%; height: 475px; margin: 30px auto 0; overflow: hidden }
.bg_m02 .box_info .box_list .bl_bg01, .bg_m02 .box_info .box_list .bl_bg02, .bg_m02 .box_info .box_list .bl_bg03, .bg_m02 .box_info .box_list .bl_bg04, .bg_m04 .box_info .box_list .bl_bg05, .bg_m04 .box_info .box_list .bl_bg06, .bg_m04 .box_info .box_list .bl_bg07,.bg_m04 .box_info .box_list .bl_bg08 { height: 160px; background-size: cover }
.bg_m06 .section_blog .tit_blog, .bg_m07 .cnt_area .tit { margin-top: 5px; font-size: 18px }
.list_blog {margin: 30px auto 0;}
.list_blog .item_blog { width: 48.2%; height: 232px; margin-bottom: 6px; }
.list_blog .item_blog .pic img { max-width: 100%; width: 100%; height: 110px; }
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
span.edge_left { padding: 20px; background: url(/images/main/edge_left.png) 5px 5px no-repeat;  background-size: 22px 22px }
span.edge_right { padding: 20px; background: url(/images/main/edge_right.png) 15px 15px no-repeat;  background-size: 22px 22px }
}

/* 메인 모바일 화살표 추가 */
.m_arrow {display:none;}
@media only screen and (max-width:620px) {
	.m_arrow {display:block; position:absolute; top:20%; z-index:3000;left:0;width:100%; overflow:hidden;}
	.m_arrow > span > img {height:40px;}
	.m_arrow .prev {display:inline-block;float:left;padding-left:5px;}
	.m_arrow .next {display:inline-block;float:right;padding-right:5px;}
}

/* 2019 renewal */
/* 메인 콘텐츠1 */
.visual_area {position:relative; overflow:hidden;}

.cont_slide .slick-slide {float:left; height:860px;}
.cont_slide .v1 {background:url('/images/main/main_visual_2023_1.jpg') 50% 0;}
.cont_slide .v2 {background:url('/images/main/main_visual_2023_2.jpg') 50% 0;}
.cont_slide .v3 {background:url('/images/main/main_visual_2023_3.png') 50% 0;}
.cont_slide .v4 {background:url('/images/main/main_visual_2023_4.png') 50% 0;}
.cont_slide .v5 {background:url('/images/main/main_visual_2023_5.png') 50% 0;}

.cont_slide .slick-dots {position:absolute; bottom:100px; right:42%; margin-right:53px; z-index:100;}
.cont_slide .slick-dots li {display:inline-block; padding:0 6px;}
.cont_slide .slick-dots li span {display:inline-block; width:15px; height:15px; border:2px solid #e5e5e5; border-radius:8px; text-indent:-9999px; cursor:pointer;}
.cont_slide .slick-dots li.slick-active span {background:#e5e5e5;}

.cont_slide .btn_visual_play {position:absolute; bottom:100px; right:42%; pad2019-02-28ding-bottom:2px; text-align:center; z-index:100;}
.cont_slide .btn_visual_play button {width:20px; height:20px; margin:0 3px; background:url('/images/main/sp_play_btns.png') no-repeat; text-indent:-9999px;}
.cont_slide .btn_visual_play .pause {background-position:3px 0;}
.cont_slide .btn_visual_play .play {background-position:-23px 0;}

.cont_slide .box_message { padding: 100px 0 0 40px; color: #fff; font-family: hyundaimedium, "현대체 Medium"; margin:0; margin-left: 12% }
.cont_slide .box_message .tit { font-size: 60px; margin-bottom: 0.2em; text-shadow: #0f2e43 0 0 5px }
.cont_slide .box_message .txt { font-size: 28px; line-height: 1.3 ;text-shadow: #0f2e43 0 0 3px; }

.cont_slide .v5 .box_message .tit {line-height:1.1em; margin-top:15px; letter-spacing:0.8px}

.cont_slide .box_message .block { display: block }

.cont_slide .v3 .box_message, .cont_slide .v4 .box_message { /*  margin: 0 auto;  */ width:auto; padding-left:55%; color: #1b58a8;}
.cont_slide .v3 .box_message .tit, .cont_slide .v3 .box_message .txt {text-shadow: #0f2e43 0 0 7px; text-align:left; color:#fff; letter-spacing:0.8px}
.cont_slide .v4 .box_message .tit, .cont_slide .v4 .box_message .txt {text-shadow: #0f2e43 0 0 7px; text-align:left; color:#fff; letter-spacing:0.8px}
.cont_slide .v3 .box_message.area1100, .cont_slide .v4 .box_message.area1100 {min-width:auto; margin:0; margin-right:-20%;}

.cont_slide .slick-arrow {position:absolute; top:45%; z-index:200; display:inline-block; width:52px; height:52px; text-indent:-9999px;}
.cont_slide .slick-arrow.slick-prev {left:10px;background:url('/images/common/btns_prev_w.png') 50% 50% no-repeat;}
.cont_slide .slick-arrow.slick-next {right:10px; background:url('/images/common/btns_next_w.png') 50% 50% no-repeat;}

/* 메인 콘텐츠2 */
.cnt_area {text-align:center; padding:120px 0 150px 0;}
.cnt_area .tit {  font-family: hyundaimedium, "현대체 Medium"; color: #0c4da2; font-size:28px; text-align: center ; margin-bottom:30px; line-height:1.6}
.cnt_area .ex {font-family: hyundailight, "현대체 Light"; font-size:23px; line-height:1.6}
.cnt_area > ul { padding:50px 0 0 0;}
.cnt_area > ul > li {display:inline-block; padding:0 35px;}
.cnt_area > ul > li > a {display:block}
.cnt_area > ul > li > a > i {position:relative; display:block; width:125px; height:125px; border-radius:63px; background:#edeef0; text-align:center; transition:all 0.4s ease-out; z-index:10; overflow:hidden;}
.cnt_area > ul > li > a:hover > i{ background:#b7c9e4;}

.cnt_area > ul > li > a > i:before {content:''; display:inline-block; width:110px; height:110px; position:absolute; top:7px; left:7px; background:url('/images/main/ico_cnt.png') no-repeat; z-index:20;}
.cnt_area > ul > li.at1 > a > i:before {background-position:0 0;}
.cnt_area > ul > li.at2 > a > i:before {background-position:-110px 0;}
.cnt_area > ul > li.at3 > a > i:before {background-position:-220px 0;}
.cnt_area > ul > li.at4 > a > i:before {background-position:-330px 0;}
.cnt_area > ul > li.at5 > a > i:before {background-position:-440px 0;}

.cnt_area > ul > li > a > span {display:block; text-align:center; font-family:'Noto Sans KR'; font-size:19px; letter-spacing:-0.5px; padding:10px 10px;  font-family: hyundaimedium, "현대체 Medium";}

@media only screen and (max-width:1200px) {
	.cont_slide .slick-slide {height:720px; background-size:cover;}

	.cont_slide .v3 .box_message, .cont_slide .v4 .box_message {padding-left:45%}
}

@media only screen and (max-width:1024px) {
	.cont_slide .slick-slide {height:660px; }
	.cnt_area {padding:70px 0 90px 0;}
	.cnt_area > ul > li {padding:0 20px;}
	#container .area1100 {margin:0;}

	.cont_slide .v3 .box_message, .cont_slide .v4 .box_message {padding-left:38%}

}
@media only screen and (max-width:900px) {
	.cnt_area > ul > li {transform:scale(0.9); padding:0 10px;}
	.cnt_area .ex {font-size:20px;}
	.cnt_area {padding:50px 0 50px 0;}
	.bg_m06 .section_blog, .bg_m07 .cnt_area {padding:50px 0 50px;}

	.cont_slide .v2 .box_message .tit, .cont_slide .v2 .box_message .txt { color: #fff;}

	.cont_slide .box_message .tit { font-size: 50px; margin-bottom: 0.2em; text-shadow: #0f2e43 0 0 5px; line-height: 1.1  }
	.cont_slide .box_message .txt { font-size: 30px; line-height: 1.3 ;text-shadow: #0f2e43 0 0 3px; }
	.cont_slide .v5 .box_message .tit {margin-top:0}

}

@media only screen and (max-width:620px) {
	.cont_slide .slick-slide {height:400px;}
	.cont_slide .box_message {padding:50px 20px;}
	.cont_slide .box_message .tit {font-size:30px;}
	.cont_slide .box_message .txt {font-size:18px;}

	.cont_slide .v3 .box_message,.cont_slide .v4 .box_message  {padding:50px 20px;}
	.cont_slide .v2 .box_message .tit, .cont_slide .v2 .box_message .txt {text-shadow:#0e0f0f 0 0 8px; color:#fff;}
	.cont_slide .v3 .box_message .tit, .cont_slide .v3 .box_message .txt {text-shadow:#0e0f0f 0 0 8px; color:#fff; padding-left:250px}
	.cont_slide .v4 .box_message .tit, .cont_slide .v4 .box_message .txt {text-shadow:#0e0f0f 0 0 8px; color:#fff; padding-left:250px}

	.cont_slide .btn_visual_play {bottom:50px; right:40%; display:none;}
	.cont_slide .slick-dots {bottom:50px; right:0;left:0; text-align:center; margin-right:0;}
	.cont_slide .slick-arrow.slick-prev {left:0; opacity:0.7;}
	.cont_slide .slick-arrow.slick-next {right:0; opacity:0.7;}
	.cont_slide .slick-arrow {top:50%;}
	
	.cnt_area {padding:30px 10px 40px 10px;}
	.cnt_area .tit {font-size:20px;}
	.cnt_area .ex {font-size:16px;}
	.cnt_area .ex br {display:none;}
	
	.cnt_area > ul {padding-top:10px;}
	.cnt_area > ul > li > a > i {width:100px; height:100px;}
	.cnt_area > ul > li > a > i:before {height:80px; width:80px; background-size:auto 80px; top:10px; left:10px;}

	.cnt_area > ul > li.at2 > a > i:before {background-position:-80px 0;}
	.cnt_area > ul > li.at3 > a > i:before {background-position:-160px 0;}
	.cnt_area > ul > li.at4 > a > i:before {background-position:-240px 0;}
	.cnt_area > ul > li.at5 > a > i:before {background-position:-320px 0;}

	.cnt_area > ul > li > a > span {font-size:15px;}
	.cnt_area > ul > li {padding:0;}

	.bg_m06 .section_blog, .bg_m07 .cnt_area {padding:20px 10px;}
	.bg_m06 {height:auto;}
	.list_blog {margin-top:10px;}
	.bg_m07 .cnt_area .tit {margin-bottom:5px;}
}


@media only screen and (max-width:500px) {
	.cont_slide .v3 .box_message .tit, .cont_slide .v3 .box_message .txt {text-shadow:#0e0f0f 0 0 8px; color:#fff; padding-left:0}
	.cont_slide .v4 .box_message .tit, .cont_slide .v4 .box_message .txt {text-shadow:#0e0f0f 0 0 8px; color:#fff; padding-left:0}
	}



/* 170926 */
.idx_popup { z-index:50;  position:fixed; top: 172px;left: 43%; margin-left: -530px; width: 681px; height: 100%; }
.idx_popup .popup_cnt { position: relative; width: 528px; height: 100%; text-align: center; margin-left:80px;}
/* .idx_popup { z-index:50;  position:fixed; top: 264px;left: 50%; margin-left: -590px; width: 300px; height: 506px;}
.idx_popup .popup_cnt { position: relative; width: 368px; height: 506px; background: url(/images/layerpopup/popup_bg3.png) no-repeat; text-align: center; } */
.idx_popup .popup_cnt .pop_tbox { padding-top: 37px; }
.idx_popup .popup_cnt .pop_tbox a img{width:528px; height:auto;}
/*.idx_popup .popup_cnt .pop_tbox .pop_tx2 { font-family: hyundaimedium, "현대체 Medium"; font-size: 17px; color: #e15e41; }
.idx_popup .popup_cnt .pop_tbox .pop_tx3 { }*/
.idx_popup .popup_cnt .popup_bar { position: absolute; bottom: 97px; left:0; right:0; height: 25px; background:#fff; width:528px}
.idx_popup .popup_cnt .popup_close { display: block; position: absolute; bottom: 1px; right: 2px; width: 22px; height: 22px;  }
.idx_popup form label { position: absolute; bottom: 4px; left: 10px; font-size: 12px; line-height: 1.5; cursor: pointer; }
.idx_popup input { vertical-align: middle; margin-right: 5px;  }

@media only screen and (max-width:1000px) {
.idx_popup .popup_cnt { margin-left:120px; left:15%;}
.idx_popup .popup_cnt .popup_bar {width:400px; bottom:170px;}
.idx_popup .popup_cnt .pop_tbox a img{width:400px; height:auto;}
}
@media only screen and (max-width:600px) {
    .idx_popup .popup_cnt { margin-left:200px;}
}
@media only screen and (max-width:400px){
.idx_popup .popup_cnt .popup_bar {width:400px; bottom:170px;}
.idx_popup .popup_cnt .pop_tbox a img{width:400px; height:auto;}
}

/* 20170302 팝업 */
/* .idx_popup { z-index:50;  position:fixed; top: 160px; 360px; left: 50%; margin-left: -530px; width: 490px; height: 690px; cursor: move; } */
.idx_popup .popup_table{position: relative;background:#fff;width: 490px; height: 695px; font-family:Noto Sans KR;}
.idx_popup .popup_table table th, .idx_popup .popup_table table td{font-family:Noto Sans KR;font-size:12px;}
.popup_table .pop_con{padding:75px 10px 10px 10px;font-size:12px;height: 695px;box-sizing:border-box;border:5px solid #496ea1;border-top:none;}
.popup_table .pop_con .title{position:absolute;top:25px;left:0;right:0;text-align:center;background:url(/images/layerpopup/pop_t_bg.jpg) 0 0 no-repeat;color:#fff;height:40px;line-height:40px;font-size:14px;padding-left:10px;font-weight:500;}
.popup_table .popup_bar { position: absolute; top: 0; width: 490px; height: 25px;background:#3f5b82;color:#fff;}
.popup_table .popup_close { display: block; position: absolute; top: 0; right: 10px; color:#fff; font-size: 12px; line-height: 25px; cursor: pointer;}
.popup_table form label {line-height:25px;bottom:0;}
.popup_table .scroll_con{height:180px;overflow-y:scroll;background:#f2f2f2;border:1px solid #ddd;padding:5px 10px;margin-bottom:10px;}
.popup_table .scroll_con table{margin-top:10px;}
.popup_table .pop_con .tx1{padding-bottom:7px;}
.popup_table .pop_con table{width:100%;}
.popup_table .pop_con table thead th{background:#f2f2f2;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:27px;font-weight:500;}
.popup_table .pop_con table tbody td{border-top:1px solid #ddd;height:27px;text-align:center;}
.popup_table .pop_con table tbody th{border-bottom:1px solid #ddd;height:27px;font-weight:500;background:#f2f2f2;text-align:left;padding-left:20px;color:#000;}
.popup_table .pop_con table.row{margin-bottom:8px;border-top:1px solid #d4d4d4;}
.popup_table .pop_con table.row tbody th{width:110px;}
.popup_table .pop_con table.row tbody td{text-align:left;padding-left:10px;border-top:none;border-bottom:1px solid #d4d4d4;}
.popup_table .pop_con .ft_con{text-align:right;}

/* 20170329 추가팝업 */
.idx_popup.other_pop{ z-index:50;  position:fixed; top: 310px; left: 50%; margin-left: -180px; width: 490px; height: 690px;  }
.other_pop .popup_table .scroll_con{height:auto;border:1px solid #ddd;padding:10px;}
.other_pop .popup_table .pop_con{border-color:#4996a1;position:relative;}
.other_pop .popup_table .pop_con .title{background:url(/images/layerpopup/pop_t_bg2.jpg) 0 0 no-repeat;}
.other_pop .popup_table .popup_bar {background:#4996a1;}
.other_pop .popup_table .pop_con .ft_con{position:absolute;bottom:5px;left:10px;right:10px;border-top:1px solid #d4d4d4;padding:5px;}

.other_pop .con_list{padding:10px;}
.other_pop .con_list > li{padding-bottom:8px;}
.other_pop .con_list > li > span{display:inline-block;background:url(/images/layerpopup/b_ic1.jpg) 0 5px no-repeat;padding-left:15px;padding-right:10px;font-size:13px;font-weight:bold;color:#496ea1;}
.other_pop .con_list > li ol {padding-left:15px;}
.other_pop .con_list > li ol li{line-height:20px;}

/* 20170724 추가팝업 */
.idx_popup2{ z-index:50;  position:fixed; top: 360px; left: 50%; margin-left: -200px; }
.idx_popup2 .popup_cnt { position: relative; width: 340px; height: 420px; padding:20px; background:rgba(3, 77, 162, 0.9) url(/images/layerpopup/popup_bg5.png) 100% 0 no-repeat; box-sizing:border-box;}
.idx_popup2 .popup_cnt .pop_tbox {position:relative; background:#fff;height:350px; font-family: hyundaimedium, "현대체 Medium";padding:20px; box-sizing:border-box;}
.idx_popup2 .popup_cnt .pop_tbox .tit { font-size: 21px; font-weight:bold; padding-top:10px ;padding-bottom:15px; }
.idx_popup2 .popup_cnt .pop_tbox .tx1 { border-bottom:1px solid #00a651; padding-bottom:15px;margin-bottom:15px;}
.idx_popup2 .popup_cnt .pop_tbox .tx2 {color:#666;line-height:1.4;}
.idx_popup2 .popup_cnt .pop_tbox .btn_green{position:absolute;bottom:15px;left:15px;right:15px;display:block;line-height:40px;background:#00a651;color:#fff;font-size:17px;text-align:center;}
.idx_popup2 .popup_cnt .popup_bar { position: absolute; bottom: 10px; height: 25px; left:20px;right:20px; }
.idx_popup2 .popup_cnt .popup_close { display: block; float:right; width: 22px; height: 22px;  }
.idx_popup2 form label {float:left;font-size: 12px; line-height: 1.5; cursor: pointer; color:#fff;}
.idx_popup2 input { vertical-align: middle; margin-right: 5px;  }

/* 20180214 추가팝업 */
.idx_popup3 { z-index:50;  position:fixed; top: 360px; left: 50%; margin-left: -200px;}
.idx_popup3 .popup_cnt { position: relative; width: 300px; height: 420px; background:#fff; text-align: center; }
.idx_popup3 .popup_cnt .popup_bar { position: absolute; bottom: 0; width: 100%; height: 25px; background:#fff;}
.idx_popup3 .popup_cnt .popup_close { display: block; position: absolute; bottom: 10px; right: 10px; width: 22px; height: 22px;  }
.idx_popup3 form label { position: absolute; bottom: 10px; left: 10px; font-size: 12px; line-height: 1.5; cursor: pointer; }
.idx_popup3 input { vertical-align: middle; margin-right: 5px;  }

/* 20170827 IR 추가팝업 */
.idx_popup4{ z-index:50;  position:fixed; top: 360px; left: 50%; margin-left: -200px; }
.idx_popup4 .popup_cnt { position: relative; width: 300px; height: 440px; padding:20px; background:rgba(3, 77, 162, 0.9) url(/images/layerpopup/popup_bg5.png) 100% 0 no-repeat; box-sizing:border-box;}
.idx_popup4 .popup_cnt .pop_tbox {position:relative; background:#fff;height:93%; font-family: hyundaimedium, "현대체 Medium";padding:20px; box-sizing:border-box;}
.idx_popup4 .popup_cnt .pop_tbox .tit { font-size: 21px; font-weight:bold; padding-top:10px ;padding-bottom:15px; }
.idx_popup4 .popup_cnt .pop_tbox .tx2 {color:#666;line-height:1.4;}
.idx_popup4 .popup_cnt .pop_tbox .btn_green{position:absolute;bottom:15px;left:15px;right:15px;display:block;line-height:40px;background:#00a651;color:#fff;font-size:17px;text-align:center;}
.idx_popup4 .popup_cnt .popup_bar { position: absolute; bottom: 10px; height: 25px; left:20px;right:20px; }
.idx_popup4 .popup_cnt .popup_close { display: block; float:right; width: 22px; height: 22px;  }
.idx_popup4 form label {float:left;font-size: 12px; line-height: 1.5; cursor: pointer; color:#fff;}
.idx_popup4 input { vertical-align: middle; margin-right: 5px;  }

.idx_popup.pop0429 {width:auto; height:auto; top:170px; margin-left:-600px;}
.idx_popup.pop0429 .pop_tbox img {width:400px; }

@media only screen and (max-width:1024px) {
	/* 20180906 모바일공통 팝업 */
	.idx_popup.mo_popup {top:110px; display:block;left:0; margin-left:0; z-index:10000;}
	.idx_popup.mo_popup .popup_cnt .popup_bar {background:#7f7f7f; color:#fff; }
	.idx_popup.mo_popup form label {bottom:5px;}
	.idx_popup.mo_popup .popup_cnt .popup_close {right:0; bottom:0;}
	.idx_popup.mo_popup .popup_cnt .pop_tbox > a {display:block;}
	/* .idx_popup.mo_popup .popup_cnt {height:auto;} */

	.idx_popup4 {display:none;}
	.idx_popup.mo_popup.loc {margin-left:0 !important;}
}

/* 20220511 팝업수정 */
.idx_popup { z-index:50;  position:fixed; top: 90px;left: 43%; width:700px; height:787px; margin-left: -530px; z-index: 999;}
.idx_popup .popup_cnt {width:700px; height:787px;}

/* 20221019 팝업수정 */
.idx_popup { z-index:50;  position:fixed; top: 140px;left: 43%; width:601px; height:350px; margin-left: -530px; z-index: 999;}
.idx_popup .popup_cnt {width:601px; height:340px;}

@media only screen and (max-width:1024px) {
	/* 20220511 모바일공통 팝업 */
	.idx_popup.mo_popup {width:100%;}
	.idx_popup .popup_cnt {width:100%; height:auto;}
	.idx_popup .popup_cnt .pop_tbox img {width:100%;}

}

/* 20221123 팝업수정 */

.idx_popup { z-index:50;  position:fixed; top: 140px;left: 23%; width:300px; height:421px; margin-left: -330px; z-index: 999;}
.idx_popup .popup_cnt {width:300px; height:421px}


/* 20221230 팝업수정 */
   #rolling_popup{width:100%; position:relative; font-family: "hyundaimedium";}
	#rolling_popup .txt_zone{position:absolute; top:0; left:0;}
	#rolling_popup .txt_zone.new_2023year_2{padding: 80px; text-align: left; padding-top:350px;}
	#rolling_popup .txt_zone .title{height: 137px; text-align: left;}
	#rolling_popup .txt_zone .detail_txt{font-size: 17px; line-height: 1.6; letter-spacing: -0.8px; overflow: auto; height: 410px; display: inline-block; padding-right: 10px; color: #3b3b3b; text-align: left; padding-left:10px;}
	#rolling_popup .point_plus{color:#393d72; font-weight: 600; }
	#rolling_popup .point_plus2{color:#393d72; }
	#rolling_popup .date{display: inline-block; width: 100%; text-align: center; font-size: 17px; font-weight: 500; color: #393d72; margin-top: 15px;}
	#rolling_popup .ceo_name{display: inline-block; width: 100%; text-align: center;}
	#rolling_popup .ceo_name .big_plus{font-weight: 600; font-size: 24px; padding-left: 10px;}

	/* 스크롤바 커스텀 */
	#rolling_popup .detail_txt{
		overflow-y:scroll;     
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; 
		overflow-x: hidden; /* Firefox */
	}

	#rolling_popup .detail_txt::-webkit-scrollbar {
		display: block; /* Chrome, Safari, Opera*/
	}
	#rolling_popup .detail_txt::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	#rolling_popup .detail_txt::-webkit-scrollbar-track {
		background-color: #eee;
		border-radius: 3px;
	}
	#rolling_popup .detail_txt::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background-color:#9f9f9f;
	}
	#rolling_popup .detail_txt::-webkit-scrollbar-button {
		width: 0;
		height: 0;
	}


	/* 20230112 메인 수정 */

	/* 1번 비주얼 */ 

	.cont_slide .v1 .box_message .tit, .cont_slide .v1 .box_message .txt {text-shadow: #0f2e43 0 0 7px; text-align:left; letter-spacing:0.8px}

	@media only screen and (max-width:400px) {
	.cont_slide .v1 {background:url('/images/main/main_visual_2023_1_m.jpg') no-repeat;}
	}

	/* 2번 비주얼 */ 

	.cont_slide .v2 .box_message .tit, .cont_slide .v2 .box_message .txt {text-shadow: #0f2e43 0 0 7px; text-align:left; letter-spacing:0.8px}

	@media only screen and (max-width:400px) {
	.cont_slide .v2 {background:url('/images/main/main_visual_2023_2_m.jpg') no-repeat;}
	}

	/* 3번 비주얼 */

	@media only screen and (max-width:400px) {
	.cont_slide .v3 {background:url('/images/main/main_visual_2023_3_m.jpg') no-repeat;}
	}
	}

/* 20200410 레이어 팝업 수정 */


.idx_popup.mo_popup.loc {}