@charset "utf-8";
/* 2017-05-21 ver0.9.7 */

/******************************************************
	Temp Layout
******************************************************/
/*#header .tempheader { width: 100%; height: 59px; margin: 0 auto; background: url('../../images/front/temp_header.png') no-repeat top center; }
#footer .tempfooter { width: 100%; height: 308px; margin: 0 auto; background: url('../../images/front/temp_footer.jpg') no-repeat top center; }
.mobile #header .tempheader { width: 100%; height: 51px; margin: 0 auto; background: url('../../images/front/temp_header_mobile.png') no-repeat top center; background-size: 100% 51px; }
.mobile #footer .tempfooter { width: 100%; height: 441px; margin: 0 auto; background: url('../../images/front/temp_footer_mobile.jpg') no-repeat top center; background-size: 100% 441px; }*/


/* 2017-05-18 추가 */
.contents .pc_kr { display: none }
.contents .mobile_kr { display: none; max-width: 375px; margin: 0 auto; }
.mobile .main_video .mainarea .mobile_banner { width: 100%; }
.main { display: none }


/******************************************************
	3depth 배치
******************************************************/
div.page_category { position: relative; width: 100%; height: 0px;}
div.page_category .position_tabs { position: absolute; top: -135px; left: 0px; width: 100%; }
.mobile div.page_category .position_tabs { top: -50px; }
.mobile .bg_business.eng div.page_category .position_tabs { top: -50px; }
.bg_business.eng div.page_category .position_tabs { top: -147px; }
.bg_business.eng div.page_category .position_tabs ul.tabs > li { padding: 15px 35px; }
.bg_business.eng #sub_header .navigator { top: 5px; }

/******************************************************
	공통 Layout
******************************************************/
#wrap { width: 100%;}
#header img, #footer img { vertical-align: top}
#contentsarea { width: 100%; margin: 0 auto;  }
#contentsarea .contents { width: 100%; padding: 40px 0 80px 0; }

.epopup1_pc { display: block; }
.mobile .epopup1_pc { display: none; }
.epopup_pc { display: block; }
.mobile .epopup_pc { display: none; }
.epopup_mobile { display: none; }
.mobile .epopup_mobile { display: block; }


#layout { width: 100%; height: 100%; }
/*#layout.bg_business { background: url('../../images/front/layout/sub_business_bg.jpg') no-repeat top center; }*/
/*#layout.bg_company { background: url('../../images/front/layout/sub_company_bg.jpg') no-repeat top center; }*/
/*#layout.bg_company2 { background: url('../../images/front/layout/sub_company_bg2.jpg') no-repeat top center; }*/
/*#layout.bg_peoplelife { background: url('../../images/front/layout/sub_peoplelife_bg.jpg') no-repeat top center; }*/
/*#layout.bg_recruit { background: url('../../images/front/layout/sub_recruit_bg.jpg') no-repeat top center; }*/

/*.mobile #layout.bg_business { background: url('../../images/front/layout_m/sub_business_bg.jpg') no-repeat top center; background-size: 100%;}*/
/*.mobile #layout.bg_company { background: url('../../images/front/layout_m/sub_company_bg.jpg') no-repeat top center; background-size: 100%;}*/
/*.mobile #layout.bg_peoplelife { background: url('../../images/front/layout_m/sub_peoplelife_bg.jpg') no-repeat top center; background-size: 100%;}*/
/*.mobile #layout.bg_recruit { background: url('../../images/front/layout_m/sub_recruit_bg.jpg') no-repeat top center; background-size: 100%;}*/

.sub_top_img { position: absolute; top: 0px; left: 0px; width: 100%; height: 280px; z-index: -1;}
.sub_top_img .pc_banner { position: absolute; width: 100%; height: 280px; overflow: hidden; display: none;  }
.sub_top_img .pc_banner img { position: absolute; top: 0px; left: 50%; width: 1920px; height: 280px; margin-left: -952px; }
.sub_top_img .mobile_banner { position: absolute; top: 0px; left: 0; width: 100%; height: 205px; overflow: hidden; display: none; }
.sub_top_img .mobile_banner img { width: 100%; position: relative; top: 0px; }


#header { z-index: 500; position: relative; width: 100%; background:rgba(0,0,0, 0.2);}
#header .header_inner { width: 100%; height: 80px; margin: 0 auto; }
#header .header_inner .menu_area { height: 27px; padding: 24px 0 0 0; box-sizing: border-box; }
#header .header_inner .menu_area .logo { float: left; padding: 4px 0 0 0; }
#header .header_inner .menu_area .btn_menu{ margin-top:-40px; float: right; cursor: pointer; }

#sub_header { clear: both; width: 100%; height: 270px; margin: 0 auto; position: relative; }
#sub_header h2.title { padding: 50px 0 0 0; width: 100%; height: 180px; text-align: center; }
#sub_header .navigator { width: 100%; position: relative; top: 15px; }
#sub_header .navigator ul.list_navigator { float: right; position: relative; z-index: 10}
#sub_header .navigator ul.list_navigator.eng { float: right; position: relative; top: 20px; z-index: 10}
#sub_header .navigator ul.list_navigator > li { float: left;  }
#sub_header .navigator ul.list_navigator > li:before { content:'>'; padding: 0 7px; }
#sub_header .navigator ul.list_navigator > li:first-child:before { display: none; }
#sub_header .navigator ul.list_navigator > li > a { font-size: 13px; color: #808080;  }
#sub_header .navigator ul.list_navigator > li > a.current { font-weight: bold; color: #0f8bf4; }

#fixed_gnb { z-index: 500; position: fixed; bottom: -100px; transition: bottom 0.5s ease-in-out; left: 0px; width: 100%; height: 100px;  }
#fixed_gnb.fixed_up { bottom: 0px; }
#fixed_gnb.depth2_up { bottom: 0px; }
#fixed_gnb .gnb_inner { position: relative; width: 1100px; margin: 0 auto; }
#fixed_gnb .gnb_top { width: 100%; height: 40px; margin: 0 auto; background: #f5f5f6; }
#fixed_gnb .gnb_top.non_data { background: none; border-bottom: solid 1px #dcdcdc; border-top: none; }
#fixed_gnb .gnb_top ul { display: none; position: absolute; top: 0px; left: 0px;}
#fixed_gnb .gnb_top ul.current { display: block; }
#fixed_gnb .gnb_top ul > li { float: left; height: 40px; line-height: 40px; padding: 0 22px; }
#fixed_gnb .gnb_top ul > li:first-child { padding-left: 135px;}
#fixed_gnb .gnb_top ul > li > a { font-size: 13px; color: #2c3345; font-weight: normal; }
#fixed_gnb .gnb_top ul > li > a.current { color: #326cb8; }
#fixed_gnb .gnb_bottom  { width: 100%; height: 60px; margin: 0 auto; background: #ffffff; border-top: 1px solid #ededed;}
#fixed_gnb .gnb_bottom ul li img { vertical-align: middle; margin-top: -1px; }
#fixed_gnb .gnb_bottom ul li:before { content: ' '; display: block; position: absolute; top: 50%; left: 0px; width: 1px; height: 10px; margin-top: -6px; background: #cccbcb}
#fixed_gnb .gnb_bottom .home_btn { float: left; padding: 20px 40px 0 40px  }
#fixed_gnb .gnb_bottom ul.gnb_depth1 { float: left; }
#fixed_gnb .gnb_bottom ul.gnb_depth1 > li { float: left; position: relative; height: 60px; line-height: 60px; padding: 0 40px;}
#fixed_gnb .gnb_bottom ul.gnb_depth1 > li span { position: relative; font-size: 15px; color: #2c3345; font-weight: bold; cursor: pointer}
#fixed_gnb .gnb_bottom ul.gnb_depth1 > li span.current { color: #326cb8; }
#fixed_gnb .gnb_bottom ul.gnb_depth1 > li span.current:after { content: ' '; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background: #326cb8; }
#fixed_gnb .gnb_bottom ul.gnb_menu { float: right; }
#fixed_gnb .gnb_bottom ul.gnb_menu > li { float: left; position: relative; height: 60px; line-height: 60px; padding: 0 20px; }
#fixed_gnb .gnb_bottom ul.gnb_menu > li:first-child { padding-left: 40px;}
#fixed_gnb .gnb_bottom ul.gnb_menu > li:first-child:before { display: none; }
#fixed_gnb .gnb_bottom ul.gnb_menu > li > a { position: relative; margin: 0 5px; font-size: 11px; color: #2c3345; }
#fixed_gnb .gnb_bottom ul.gnb_menu > li > a.on { font-weight: bold; }
#fixed_gnb .gnb_bottom ul.gnb_menu > li > a.lang_kor.on:before { position: absolute; top: 3px; left: -10px; content: ''; display: inline-block; width: 5px; height: 5px; background: url(../../images/front/main/blue_dot.png) no-repeat center; }
#fixed_gnb .gnb_bottom ul.gnb_menu > li > a.lang_eng.on:after { position: absolute; top: 3px; right: -10px; content: ''; display: inline-block; width: 5px; height: 5px; background: url(../../images/front/main/blue_dot.png) no-repeat center; }
#fixed_gnb .top_btn { cursor: pointer; }


#footer { width: 100%; background: #f5f5f6; }
#footer:after { content: ' '; display: block; clear:both; width: 100%; height: 0px;}
#footer .footer_inner { width: 100%; margin: 0 auto; padding: 0px 100px 0px 100px; box-sizing: border-box; }
#footer .footer_inner .total_menu { width: 100%; padding: 40px 0 35px 0; }
#footer .footer_inner .total_menu:after { content: ' '; display: block; clear:both; width: 100%; height: 0px;}
#footer .footer_inner .total_menu > ul > li { float: left; padding: 0 0 0 17px; width: 25%; box-sizing: border-box; cursor: pointer; }
/*#footer .footer_inner .total_menu > ul > li { float: left; padding: 0 0 0 17px; width: 20%; box-sizing: border-box; cursor: pointer; }*/
/*#footer .footer_inner .total_menu > ul > li.col2 { width: 40%;  }*/
/*170518*/#footer .footer_inner .total_menu .fnb_depth1 { clear: both; display: block; width: 100%; padding: 0 0 20px 0; }
/*170518*/#footer .footer_inner .total_menu .fnb_depth1 a { color: #373a4f; font-size: 15px; font-weight: bold; }
#footer .footer_inner .total_menu .fnb_depth2 { float: left; width: 100%; max-width: 150px; }
#footer .footer_inner .total_menu .fnb_depth2 li { padding: 0 0 10px 0}
#footer .footer_inner .total_menu .fnb_depth2 a { color: #373a4f; font-size: 13px; font-weight:normal; }
#footer .footer_inner .footer_info { width: 100%; clear:both; padding: 20px 0 20px 0; border-top: solid 1px #bcbdc4; }
#footer .footer_inner .footer_info:after { content: ' '; display: block; clear:both; width: 100%; height: 0px;}
#footer .footer_inner .footer_info .infomation { float: left; padding: 0 0 0 40px; box-sizing: border-box; background: url('../../images/front/layout/logo_footer.png') no-repeat left top; }
#footer .footer_inner .footer_info .infomation * { color: #373a4f;}
#footer .footer_inner .footer_info .infomation > p { padding: 0 0 5px 0; }
#footer .footer_inner .footer_info .infomation > p span.bar { position: relative; display: inline-block; width: 40px; height: 8px; }
#footer .footer_inner .footer_info .infomation > p span.bar:before { content: ' '; display: block; position: absolute; top: 0px; left: 50%; width: 1px; height: 8px;  background: #a2a3ab; }
#footer .footer_inner .footer_info .family_site { position: relative; float: right; width: 240px; height: 30px; line-height: 30px; padding: 0 29px 0 9px; background: url('../../images/front/core/arrow_blue_up.png') no-repeat 95% center; border: 1px solid #6c6e7c; cursor:pointer;}
#footer .footer_inner .footer_info .family_site.on { background: url('../../images/front/core/arrow_blue_down.png') no-repeat 95% center; }
#footer .footer_inner .footer_info .family_site > p { font-size: 18px; color: #666666; font-weight: 100; }
#footer .footer_inner .footer_info .family_site > ul { display: none; z-index: 1; position: absolute; width: 278px; left: -1px; bottom: 28px; background: #f5f5f6; border: 1px solid #6c6e7c; border-bottom: none; }
#footer .footer_inner .footer_info .family_site > ul > li { padding: 0 10px; }
#footer .footer_inner .footer_info .family_site > ul > li > a { font-size: 18px; color: #666666; }
#footer .footer_inner .footer_info .select_lang { float: right; margin-right: 10px; }
#footer .footer_inner .footer_info .select_lang > a { position: relative; color: #373a4f; font-size: 18px; }
#footer .footer_inner .footer_info .select_lang > a.on { font-weight: bold; }
#footer .footer_inner .footer_info .select_lang > a.lang_kor.on:before { position: absolute; top: 3px; left: -12px; content: ''; display: inline-block; width: 10px; height: 10px; background: url(../../images/front/main/blue_dot_2.png) no-repeat center; background-size: 90%;}
#footer .footer_inner .footer_info .select_lang > a.lang_eng.on { margin-right:15px; }
#footer .footer_inner .footer_info .select_lang > a.lang_eng.on:after { position: absolute; top: 3px; right: -12px; content: ''; display: inline-block; width: 10px; height: 10px; background: url(../../images/front/main/blue_dot_2.png) no-repeat center; background-size: 90%;}
/*170518*/#footer .footer_inner .footer_info .select_lang .personal_info { position: relative; margin-right: 20px; color: #373a4f; font-size: 18px; font-weight: bold; cursor: pointer; }
/*170518*/#footer .footer_inner .footer_info .select_lang .personal_info:after { position: absolute; top: 2px; right: -10px; content: ''; display: block; width: 1px; height: 10px; background-color: #8c8c8c; }
/*180214*/#footer .footer_inner .footer_info .select_lang .corrup_declar_link { position: relative; margin-right: 20px; color: #373a4f; font-size: 18px; font-weight: bold; cursor: pointer; }
/*180214*/#footer .footer_inner .footer_info .select_lang .corrup_declar_link:after { position: absolute; top: 2px; right: -10px; content: ''; display: block; width: 1px; height: 10px; background-color: #8c8c8c; }
/*190124*/#footer .footer_inner .footer_info .select_lang .customer_info { position: relative; margin-right: 20px; color: #373a4f; font-size: 18px; font-weight: bold; cursor: pointer; }
/*190124*/#footer .footer_inner .footer_info .select_lang .customer_info:after { position: absolute; top: 2px; right: -10px; content: ''; display: block; width: 1px; height: 10px; background-color: #8c8c8c; }
/*210428*/#footer .footer_inner .footer_info .select_lang .wfg_ethics_info { position: relative; margin-right: 20px; color: #373a4f; font-size: 18px; font-weight: bold; cursor: pointer; }
/*210428*/#footer .footer_inner .footer_info .select_lang .wfg_ethics_info:after { position: absolute; top: 2px; right: -10px; content: ''; display: block; width: 1px; height: 10px; background-color: #8c8c8c; }
#footer .footer_inner .footer_info .copyright_c { color: #9899a0; }

/* 영문 footer */
#footer.each3 {}
#footer.each3 .footer_inner .total_menu > ul > li { width: 33.333%; }
#footer.each3 .footer_inner .total_menu .fnb_depth2 { max-width: 100%; }
#footer.each3 .footer_inner .total_menu > ul > li.col2 .fnb_depth2 { max-width: 50%; }


/******************************************************
	메인 Layout
******************************************************/
div.main_dim { display: none; z-index: 100; position: fixed; top: 0px; left: 0; right: 0; bottom: 0; background: #000000; opacity: 0.50; filter:alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ }
div.main_dim2 { display: none; z-index: 100; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000000; opacity: 0.20; filter:alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE 8 */; }

/* 메인 gnb */
.main #fixed_gnb.fixed_up { bottom: -40px; }
.main #fixed_gnb.depth2_up { bottom: 0; }

/* 메인 헤더 */
.main #header, .mobile #header { z-index: 800; position: fixed; width: 100%; top:0; }
.main #header .header_dim, .mobile #header .header_dim { display: none; position: fixed; z-index:-1; top:0; width: 100%; height: 80px; }
.main #header .header_dim.on, .mobile #header .header_dim.on { display:block; background: #000000; opacity: 0.4; filter:alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */ }


/* 메인배경 */
.main_video { z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;  background: #000000;  }
.main_video .mainarea { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; }
.main_video ul.main_image { width: 100%; height: 1080px; }
/* 
.main_video .mainarea.main01 { display: block; background: url('../../images/front/main/scene01.jpg') no-repeat center center; }
.main_video .mainarea.main02 { display: none; background: url('../../images/front/main/scene02.jpg') no-repeat center center; }
.main_video .mainarea.main03 { display: none; background: url('../../images/front/main/scene03.jpg') no-repeat center center; }
.main_video .mainarea.main04 { display: none; background: url('../../images/front/main/scene04.jpg') no-repeat center center; }
.main_video .mainarea.main05 { display: none; background: url('../../images/front/main/scene05.jpg') no-repeat center center; }
.main_video .mainarea.main06 { display: none; background: url('../../images/front/main/scene06.jpg') no-repeat center center; }
.main_video .mainarea.main07 { display: none; background: url('../../images/front/main/scene07.jpg') no-repeat center center; }
.main_video .mainarea.main08 { display: none; background: url('../../images/front/main/scene08.jpg') no-repeat center center; }
*/
//.main_video .bx-controls { display: none; }

.main_video .mainarea .mobile_banner { display: none }
.main_video .mainarea .pc_banner { display: block; position: absolute; top: 0px; left: 50%; margin-left: -960px; width: 100%; }



/* 메인 탑 영역 */
.main_top { position: absolute; left: 0; top: 0; width: 100%; min-width: 1120px; height: 100%; }
.main_icon { position: relative; width: 100%; height: 100%; }
.main_icon.mobile_icon { display: none; }
.main_icon .main_menubg { z-index: 199; position: absolute; top: 60px; left: 0; width: 100%; height: 739px; background: url('../../images/front/main/main_top_bg.png') no-repeat center bottom;}
.main_icon .main_menu { z-index: 200; position: absolute; top: 50%; left: 50%; width: 960px; height: 270px; margin-top: -185px; margin-left: -480px; }
.main_icon .main_scroll { z-index: 200; position: absolute; bottom: 60px; left: 50%; width: 66px; height: 63px; margin-left: -33px; }
.main_icon.pc_icon .main_menu .menu_btn { display: inline-block; position: absolute; top: 0px; left: 0px; cursor: pointer; }
.main_icon.pc_icon .main_menu .menu_dot { position: absolute; top: 0px; left: 50%; }


/* 메인 탑 영역 아이콘 2개 */
.main_icon.pc_icon.each2 .main_menu .menu_btn.menu01 { display: block; top: -8px; left: 258px; }
.main_icon.pc_icon.each2 .main_menu .menu_btn.menu02 { display: block; top: -8px; left: 551px; }
.main_icon.pc_icon.each2 .main_menu .menu_btn.menu03 { display: none;}
.main_icon.pc_icon.each2 .main_menu .menu_btn.menu04 { display: none;}
.main_icon.pc_icon.each2 .main_menu .menu_btn.menu05 { display: none;}
.main_icon.pc_icon.each2 .main_menu .menu_btn.menu06 { display: none;}
.main_icon.pc_icon.each2 .main_menu .menu_dot.between01 { display: block; top: 59px; left: 403px; background: url('../../images/front/main/main_menu_each2dot01.png') no-repeat center top; width: 154px; height: 7px; }

/* 메인 탑 영역 아이콘 3개 */
.main_icon.pc_icon.each3 .main_menu .menu_btn.menu01 { display: block; top: 30px; left: 139px; }
.main_icon.pc_icon.each3 .main_menu .menu_btn.menu02 { display: block; top: -9px; left: 407px; }
.main_icon.pc_icon.each3 .main_menu .menu_btn.menu03 { display: block; top: 27px; left: 674px; }
.main_icon.pc_icon.each3 .main_menu .menu_btn.menu04 { display: none;}
.main_icon.pc_icon.each3 .main_menu .menu_btn.menu05 { display: none;}
.main_icon.pc_icon.each3 .main_menu .menu_btn.menu06 { display: none;}
.main_icon.pc_icon.each3 .main_menu .menu_dot.between01 { display: block; top: 68px; left: 304px; background: url('../../images/front/main/main_menu_each3dot01.png') no-repeat center top; width: 88px; height: 20px;}
.main_icon.pc_icon.each3 .main_menu .menu_dot.between02 { display: block; top: 68px; left: 573px; background: url('../../images/front/main/main_menu_each3dot02.png') no-repeat center top; width: 88px; height: 20px;}

/* 메인 탑 영역 아이콘 4개 */
.main_icon.pc_icon.each4 .main_menu .menu_btn.menu01 {display: block;  top: 56px; left: 73px; }
.main_icon.pc_icon.each4 .main_menu .menu_btn.menu02 { display: block; top: -9px; left: 293px; }
.main_icon.pc_icon.each4 .main_menu .menu_btn.menu03 { display: block; top: -9px; left: 516px; }
.main_icon.pc_icon.each4 .main_menu .menu_btn.menu04 { display: block; top: 56px; left: 737px; }
.main_icon.pc_icon.each4 .main_menu .menu_btn.menu05 { display: none;}
.main_icon.pc_icon.each4 .main_menu .menu_btn.menu06 { display: none;}
.main_icon.pc_icon.each4 .main_menu .menu_dot.between01 { display: block; top: 74px; left: 212px; background: url('../../images/front/main/main_menu_each4dot01.png') no-repeat center top; width: 92px; height: 33px;}
.main_icon.pc_icon.each4 .main_menu .menu_dot.between02 { display: block; top: 55px; left: 432px; background: url('../../images/front/main/main_menu_each4dot02.png') no-repeat center top; width: 96px; height: 5px;}
.main_icon.pc_icon.each4 .main_menu .menu_dot.between03 { display: block; top: 74px; left: 656px; background: url('../../images/front/main/main_menu_each4dot03.png') no-repeat center top; width: 92px; height: 33px;}

/* 메인 탑 영역 아이콘 5개 */
.main_icon.pc_icon.each5 .main_menu .menu_btn.menu01 { display: block; top: 121px; left: -6px; }
.main_icon.pc_icon.each5 .main_menu .menu_btn.menu02 { display: block; top: 31px; left: 191px; }
.main_icon.pc_icon.each5 .main_menu .menu_btn.menu03 { display: block; top: -10px; left: 406px; }
.main_icon.pc_icon.each5 .main_menu .menu_btn.menu04 { display: block; top: 27px; left: 621px; }
.main_icon.pc_icon.each5 .main_menu .menu_btn.menu05 { display: block; top: 119px; left: 816px; }
.main_icon.pc_icon.each5 .main_menu .menu_btn.menu06 { display: none;}
.main_icon.pc_icon.each5 .main_menu .menu_dot.between01 { display: block; top: 111px; left: 120px; background: url('../../images/front/main/main_menu_each5dot01.png') no-repeat center top; width: 86px; height: 46px;}
.main_icon.pc_icon.each5 .main_menu .menu_dot.between02 { display: block; top: 63px; left: 327px; background: url('../../images/front/main/main_menu_each5dot02.png') no-repeat center top; width: 89px; height: 17px;}
.main_icon.pc_icon.each5 .main_menu .menu_dot.between03 { display: block; top: 63px; left: 548px; background: url('../../images/front/main/main_menu_each5dot03.png') no-repeat center top; width: 86px; height: 18px;}
.main_icon.pc_icon.each5 .main_menu .menu_dot.between04 { display: block; top: 113px; left: 756px; background: url('../../images/front/main/main_menu_each5dot04.png') no-repeat center top; width: 84px; height: 44px;}

/* 메인 탑 영역 아이콘 6개 */
.main_icon.pc_icon.each6 .main_menu .menu_btn.menu01 { display: block; top: 121px; left: -26px; }
.main_icon.pc_icon.each6 .main_menu .menu_btn.menu02 { display: block; top: 31px; left: 143px; }
.main_icon.pc_icon.each6 .main_menu .menu_btn.menu03 { display: block; top: -10px; left: 314px; }
.main_icon.pc_icon.each6 .main_menu .menu_btn.menu04 { display: block; top: -10px; left: 492px; }
.main_icon.pc_icon.each6 .main_menu .menu_btn.menu05 { display: block; top: 31px; left: 665px; }
.main_icon.pc_icon.each6 .main_menu .menu_btn.menu06 { display: block; top: 120px; left: 836px; }
.main_icon.pc_icon.each6 .main_menu .menu_dot.between01 { display: block; top: 134px; left: 104px; background: url('../../images/front/main/main_menu_each6dot01.png') no-repeat center top; width: 53px; height: 31px;}
.main_icon.pc_icon.each6 .main_menu .menu_dot.between02 { display: block; top: 71px; left: 278px; background: url('../../images/front/main/main_menu_each6dot02.png') no-repeat center top; width: 52px; height: 16px;}
.main_icon.pc_icon.each6 .main_menu .menu_dot.between03 { display: block; top: 55px; left: 453px; background: url('../../images/front/main/main_menu_each6dot03.png') no-repeat center top; width: 53px; height: 6px;}
.main_icon.pc_icon.each6 .main_menu .menu_dot.between04 { display: block; top: 71px; left: 629px; background: url('../../images/front/main/main_menu_each6dot04.png') no-repeat center top; width: 52px; height: 16px;}
.main_icon.pc_icon.each6 .main_menu .menu_dot.between05 { display: block; top: 134px; left: 802px; background: url('../../images/front/main/main_menu_each6dot05.png') no-repeat center top; width: 53px; height: 32px;}

/* 메인랩 공통 */
.main_wrapper { z-index: 200; position: absolute; top: 100%; left: 0px; width: 100%; padding-bottom: 90px; }
.main_inner { width: 1120px; height: 100%; margin: 0 auto; background: #ffffff; }
.main_article { width: 100%; padding: 76px 100px 57px; box-sizing: border-box; }
.main_article .arti_title { position: relative; margin-bottom: 17px; color: #2b2b2b; font-size: 20px; font-weight: bold; }
/*.main_article .arti_title:before { content: ''; position: absolute; left: -10px; top: -5px; display: block; width: 5px; height: 5px; background: url(../../images/front/main/blue_dot.png) no-repeat center; }*/
.main_article .arti_title .view_more { overflow: hidden; position: absolute; top: -2px; right: 0; display: inline-block; width: 26px; height: 26px; background: url('../../images/front/main/more_btn.png') no-repeat center; text-indent: -9999px; cursor: pointer; }
.main_article table.list_table { width: 100%; }
.main_article table.list_table th { border-bottom: 1px solid #cccccc; height: 40px; line-height: 40px; color: #0f8bf4; text-align: left; }
.main_article table.list_table td { border-bottom: 1px solid #cccccc; height: 40px; line-height: 40px; color: #666666; }
.main_article table.list_table td > a { position: relative; display: block; padding-right: 5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left: 10px; color: #2b2b2b; box-sizing: border-box; }
.main_article table.list_table td > a:before { position: absolute; left: 0; top: 50%; margin-top: -6px; content: ''; display: block; width: 1px; height: 10px; background: #959595; }
.main_article table.list_table td:last-child { text-align: right; }

/* 메인 아티클 1 영역 */
.main_article.arti01 { position: relative; }
.main_article.arti01:before { position: absolute; top: 50%; left: 62%; margin-top: -30px; margin-left: 2px; content: ''; display: block; width: 1px; height: 118px; background: #e5e5e5; }
.main_article.arti01:after { content: ''; display: block; clear: both; }
.main_article.arti01 .arti01_01 { width: 65%; float: left; padding-right: 45px; box-sizing: border-box; }
.main_article.arti01 .arti01_01 li{ cursor: pointer; }
.main_article.arti01 .arti01_01 .arti_title { float: left; display: inline-block; width: 147px; height: 100%; padding-right: 28px; box-sizing: border-box; }
.main_article.arti01 .arti01_01 .notice_date { padding: 3px 0 10px; color: #999999; font-size: 13px; }
.main_article.arti01 .arti01_01 .notice_title { padding-bottom: 15px; color: #2b2b2b; font-size: 18px; line-height: 24px; font-weight: bold; }
.main_article.arti01 .arti01_01 .notice_contents { overflow: hidden; max-height: 40px; padding-top: 12px; color: #666666; font-size: 13px; line-height: 20px; }
.main_article.arti01 .arti01_01 .notice_more { position: relative; height: 14px; }
.main_article.arti01 .arti01_01 .notice_more > a { display: inline-block; position: absolute; bottom: -3px; right: 10px; color: #0f8bf4; font-size: 14px; border-bottom: 1px solid #0f8bf4; }
.main_article.arti01 .arti01_01 .bx-wrapper { position: relative; float: left; width: 400px; height: 160px; }
.main_article.arti01 .arti01_01 .bx-viewport ul li { height: 160px; }
.main_article.arti01 .arti01_01 .bx-pager { position: absolute; right: 0; top: 0; }
.main_article.arti01 .arti01_02 { width: 35%; float: right; padding-left: 60px; box-sizing: border-box; }
.main_article.arti01 .arti01_02 .bx-pager { position: absolute; top: -35px; right: 0; }

/* 메인 영문 아티클 1 영역 */
#layout.main.eng .main_article.arti01 { position: relative; }
#layout.main.eng .main_article.arti01:before { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: 0; content: ''; display: block; width: 1px; height: 118px; background: #e5e5e5; }
#layout.main.eng .main_article.arti01:after { content: ''; display: block; clear: both; }
#layout.main.eng .main_article.arti01 .arti01_01 { width: 50%; padding-right: 60px; float: left; box-sizing: border-box; }
#layout.main.eng .main_article.arti01 .arti01_01 .arti_title { float: none; }
#layout.main.eng .main_article.arti01 .arti01_01 .arti_title { width: 100%; }
#layout.main.eng .main_article.arti01 .arti01_02 { width: 50%; float: right; box-sizing: border-box; }
#layout.main.eng .main_article.arti01 .arti_detail { position: relative; }
#layout.main.eng .main_article.arti01 .arti_detail > img { vertical-align: top; width: 100%; }
#layout.main.eng .main_article.arti01 .arti_detail > p { position: absolute; top:20px; left: 20px; font-size: 16px; font-weight: normal; color: #ffffff; }
#layout.main.eng .main_article.arti01 .arti_detail .btn.btn_main_go { display: inline-block; position: absolute; bottom: 17px; right: 15px; width: 52px; height: 30px; background: url('../../images/front/main_eng/btn_go.png') no-repeat; font-size: 14px; line-height: 32px; font-weight: bold; color: #0f8bf4; }

.mobile #layout.main.eng .main_article.arti01:before { display: none; }
.mobile #layout.main.eng .main_article.arti01 .arti_detail > p { top: 15px; left: 15px; font-size: 13px; }
.mobile #layout.main.eng .main_article.arti01 .arti_detail .btn.btn_main_go { display: inline-block; position: absolute; bottom: 15px; right: 15px; width: 42px; height: 22px; background: url('../../images/front/main_eng_m/btn_go.png') no-repeat; background-size: 42px auto; font-size: 12px; line-height: 22px; font-weight: bold; color: #0f8bf4; }
.mobile #layout.main.eng .main_article.arti01 .arti01_01 { width: 100%; padding-right: 0; float: none; box-sizing: border-box; }
.mobile #layout.main.eng .main_article.arti01 .arti01_02 { width: 100%; padding-left: 0; margin-top: 35px; float: none; box-sizing: border-box; }


/* 메인 국문 아티클 1 영역 우리회사소식 사용시 아래부분 삭제*/
#layout.main.kor .main_article.arti01 { position: relative; }
#layout.main.kor .main_article.arti01:before { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: 0; content: ''; display: block; width: 1px; height: 118px; background: #e5e5e5; }
#layout.main.kor .main_article.arti01:after { content: ''; display: block; clear: both; }
#layout.main.kor .main_article.arti01 .arti01_01 { width: 50%; padding-right: 60px; float: left; box-sizing: border-box; }
#layout.main.kor .main_article.arti01 .arti01_01 .arti_title { float: none; }
#layout.main.kor .main_article.arti01 .arti01_01 .arti_title { width: 100%; }
#layout.main.kor .main_article.arti01 .arti01_02 { width: 50%; float: right; box-sizing: border-box; }
#layout.main.kor .main_article.arti01 .arti_detail { position: relative; }
#layout.main.kor .main_article.arti01 .arti_detail img { vertical-align: top; width: 100%; }
#layout.main.kor .main_article.arti01 .arti_detail > p { position: absolute; top:20px; left: 20px; font-size: 16px; font-weight: normal; color: #ffffff; }
#layout.main.kor .main_article.arti01 .arti_detail .btn.btn_main_go { display: inline-block; position: absolute; bottom: 17px; right: 15px; width: 76px; height: 30px; background: url('../../images/front/main/btn_go.png') no-repeat; font-size: 14px; line-height: 32px; font-weight: bold; color: #0f8bf4; }

.mobile #layout.main.kor .main_article.arti01:before { display: none; }
.mobile #layout.main.kor .main_article.arti01 .arti_detail > p { top: 15px; left: 15px; font-size: 13px; }
.mobile #layout.main.kor .main_article.arti01 .arti_detail .btn.btn_main_go { display: inline-block; position: absolute; bottom: 15px; right: 15px; width: 62px; height: 32px; background: url('../../images/front/main_eng_m/btn_go.png') no-repeat; background-size: 62px auto; font-size: 12px; line-height: 32px; font-weight: bold; color: #0f8bf4; }
.mobile #layout.main.kor .main_article.arti01 .arti01_01 { width: 100%; padding-right: 0; float: none; box-sizing: border-box; }
.mobile #layout.main.kor .main_article.arti01 .arti01_02 { width: 100%; padding-left: 0; margin-top: 35px; float: none; box-sizing: border-box; }


/* 메인 비디오 영역 */
.video_area { position: relative; text-align: center; }
.video_area .arti_title { width: 920px; margin: 0 auto; text-align: left; margin-bottom: 15px; color: #2b2b2b; font-size: 20px; font-weight: bold; }
.video_area .video_wrap { position: relative; }
.video_area .video_pc { display: block; margin: 0 auto; }
.video_area .video_play { background: url('../../images/front/main/bg_video.jpg') no-repeat; display: none; width: 100%; overflow: hidden; position: relative; }
.video_area .video_mobile { display: none; width: 100%; }

.video_area .video_wrap img{ position: relative; z-index: 100;}
.video_area .play_area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../../images/front/main/bg_video.jpg') no-repeat top left;}
.video_area .play_area .play_icon { display: block; position: absolute; top: 50%; left: 50%; margin-top: -31px; margin-left: -31px; z-index: 200; }
.video_area .play_area .play_icon img{ vertical-align: top; }
.video_area .play_area .video_title_wrap { position: relative; z-index: 300; width: 100%; height: 41px; line-height: 41px; padding: 0 100px; background: url('../../images/front/main/video_title_bg.png') repeat-x left top; text-align: left; box-sizing: border-box; }
.video_area .play_area .video_title_wrap .video_title { display: inline-block; max-width: 300px; margin-right: 20px; font-size: 14px; color: #ffffff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.video_area .play_area .video_title_wrap .video_more { display: inline-block; font-size: 14px; color: #ffffff; font-weight: normal; text-decoration: underline; vertical-align: top; cursor: pointer; }
.mobile .video_area .arti_title { width: 100%; padding: 0 15px; font-size: 18px; margin:14px 0 18px; box-sizing: border-box; }
.mobile .video_area .play_area .play_icon { width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; }
.mobile .video_area .play_area .video_title_wrap { padding: 0; }
.mobile .video_area .play_area .video_title_wrap .video_title { max-width: 220px; padding-left: 15px; }

/* 메인 아티클 2 영역 */
.main_article.arti02 { position: relative; }
.main_article.arti02:before { position: absolute; top: 50%; left: 50%; margin-top: -70px; margin-left: -3px; content: ''; display: block; width: 1px; height: 140px; background: #e5e5e5; }
.main_article.arti02:after { content: ''; display: block; clear: both; }
.main_article.arti02 .arti02_01 { width: 50%; float: left; padding-right: 60px; box-sizing: border-box; }
.main_article.arti02 .arti02_01 table.list_table > tbody > tr > th { width: 45px; }
.main_article.arti02 .arti02_01 table.list_table > tbody > tr > th + td > a { max-width: 190px; }
.main_article.arti02 .arti02_01 table.list_table > tbody > tr > td .start_date { display: inline; }
.main_article.arti02 .arti02_02 { width: 50%; float: right; padding-left: 60px; box-sizing: border-box; }
.main_article.arti02 .arti02_02 table.list_table > tbody > tr > th { width: 45px; }
.main_article.arti02 .arti02_02 table.list_table > tbody > tr > th + td > a { max-width: 265px; }


/* 메인 슬라이더 공통 */
.bx-wrapper { position: relative; }
.bx-pager-item {margin-left: 6px;  }
.bx-pager-item .bx-pager-link { display: inline-block; width: 6px; height: 6px; background: url('../../images/front/main/slide_pager_gray.png') no-repeat center; text-indent: -9999px; }
.bx-pager-item .bx-pager-link.active{ background: url('../../images/front/main/slide_pager_blue.png') no-repeat center; }

/* 메인 푸터영역 */
.main_footer #footer { background: #373a4f; }
/*170518*/.main_footer #footer .footer_inner .total_menu .fnb_depth1 a { color: #e1e1e3; }
.main_footer #footer .footer_inner .total_menu .fnb_depth2 a { color: #aeafb5; }
.main_footer #footer .footer_inner .footer_info .infomation * { color: #b3b4ba; font-size: 18px; line-height: 25px; }
.main_footer #footer .footer_inner .footer_info .family_site { border: 1px solid #e5e5e5; }
.main_footer #footer .footer_inner .footer_info .family_site > p { color: #b3b4ba; }
.main_footer #footer .footer_inner .footer_info .family_site > ul { background: #373a4f; border: 1px solid #e5e5e5; border-bottom: 0; }
.main_footer #footer .footer_inner .footer_info .family_site > ul > li > a{ color: #b3b4ba; }
.main_footer #footer .footer_inner .footer_info .select_lang { color: #ffffff; }
.main_footer #footer .footer_inner .footer_info .select_lang > a { color: #ffffff; }
/*170518*/.main_footer #footer .footer_inner .footer_info .select_lang .personal_info { position: relative; margin-right: 20px; color: #ffffff; font-size: 18px; font-weight: bold; cursor: pointer; }
/*170518*/.main_footer #footer .footer_inner .footer_info .select_lang .personal_info:after { position: absolute; top: 2px; right: -10px; content: ''; display: block; width: 1px; height: 10px; background-color: #8c8c8c; }
/*180214*/.main_footer #footer .footer_inner .footer_info .select_lang .corrup_declar_link { position: relative; margin-right: 20px; color: #ffffff; font-size: 18px; font-weight: bold; cursor: pointer; }
/*180214*/.main_footer #footer .footer_inner .footer_info .select_lang .corrup_declar_link:after { position: absolute; top: 2px; right: -10px; content: ''; display: block; width: 1px; height: 10px; background-color: #8c8c8c; }
/*170518*/.main_footer #footer .footer_inner .footer_info .select_lang .customer_info { position: relative; margin-right: 20px; color: #ffffff; font-size: 18px; font-weight: bold; cursor: pointer; }
/*170518*/.main_footer #footer .footer_inner .footer_info .select_lang .customer_info:after { position: absolute; top: 2px; right: -10px; content: ''; display: block; width: 1px; height: 10px; background-color: #8c8c8c; }
/*210428*/.main_footer #footer .footer_inner .footer_info .select_lang .wfg_ethics_info { position: relative; margin-right: 20px; color: #ffffff; font-size: 18px; font-weight: bold; cursor: pointer; }
/*210428*/.main_footer #footer .footer_inner .footer_info .select_lang .wfg_ethics_info:after { position: absolute; top: 2px; right: -10px; content: ''; display: block; width: 1px; height: 10px; background-color: #8c8c8c; }
.main_footer #footer .footer_inner .footer_info .copyright_c { color: #7f8086 !important; }


/******************************************************
	모바일 공통 Layout
******************************************************/
/* 모바일 공통 헤더영역 */
.mobile #wrap { background: #ffffff; }
.mobile #header .header_dim { height: 51px; }
.mobile #header .header_inner { height: 51px; }
.mobile #header .header_inner .menu_area { padding: 12px 0 0 0; }
.mobile #header .logo img { width: 154px; height: 20px; }
.mobile #layout.eng #header .logo img { width: 95px; height: 20px; }
.mobile #header .btn_menu img { width: 28px; height: 28px; }
.mobile h2.title { font-size: 36px; }
.mobile #sub_header { height: 205px; }
.mobile #sub_header h2.title { height: 104px; padding: 95px 0 0 0; word-break: keep-all;}
.mobile #fixed_gnb { display: none; }
.mobile #sub_header .navigator { display: none; }
.mobile.eng #header .logo img { width: 96px; height: 20px; }
/* 모바일 공통 콘텐츠영역 */
.mobile #contentsarea .contents { width: 100%; padding: 30px 0 40px 0; }

/* 모바일 공통 푸터영역 */
.mobile #footer .footer_inner .total_menu { padding: 10px 0 20px 0; }
.mobile #footer .footer_inner .total_menu li div { display: none; }
.mobile #footer .footer_inner .total_menu .fnb_depth1 { position: relative; display: block; text-align: left; padding-bottom: 5px; border-bottom: 1px solid #b0b0b1; }
.mobile #footer .footer_inner .total_menu .fnb_depth1:after { position: absolute; right: 0; top: 3px; content: ''; display: block; width: 11px; height: 11px; background: url('../../images/front/core_m/footer_fold_b.png') no-repeat center; background-size: 11px auto; }
.mobile #footer .footer_inner .total_menu li.on .fnb_depth1:after { background: url('../../images/front/core_m/footer_fold_on_b.png') no-repeat center; background-size: 11px auto; }
.mobile #footer .footer_inner .total_menu .fnb_depth2 { float: none; width: 100%; max-width: 100%; padding: 15px 0 0 10px; text-align: left; }
.mobile #footer .footer_inner .total_menu .fnb_depth2 li { position: relative; padding: 0 0 15px 0; font-size: 14px; font-weight: bold; }
.mobile #footer .footer_inner .total_menu .fnb_depth2 li:before { content: ''; display: block; width: 3px; height: 1px; position: absolute; left: -10px; top: 6px; background: #aeafb5; }
.mobile #footer .footer_inner .total_menu .fnb_depth2 li:last-child { padding: 0; }
.mobile #footer .footer_inner .total_menu > ul > li { width: 100%; padding: 20px 0 0 0; text-align: center; }
.mobile #footer .footer_inner .footer_info { padding: 20px 0 50px 0; border-top: 1px solid #f5f5f6; }
.mobile #footer .footer_inner .footer_info .logo_footer { float: left; width: 22px; }
.mobile #footer .footer_inner .footer_info .logo_footer img { width: 22px; height: auto; }
.mobile #footer .footer_inner .footer_info .infomation { float: left; width: 100%; padding: 0 0 30px 25px; background: url(../../images/front/layout_m/logo_footer_m.png) no-repeat left top; background-size: 20px auto; }
.mobile #footer .footer_inner .footer_info .family_site_wrap { width: 100%; padding: 0 20px; box-sizing: border-box; }
.mobile #footer .footer_inner .footer_info .family_site { position: relative; float: left; width: 100%; height: 30px; line-height: 30px; padding: 0 32px 0 10px; background: url(../../images/front/core_m/arrow_blue_up_m.png) no-repeat right center; background-size: 31px auto; border: 1px solid #6c6e7c; box-sizing: border-box; cursor: pointer; }
.mobile #footer .footer_inner .footer_info .family_site > p { font-size: 13px; }
.mobile #footer .footer_inner .footer_info .family_site.on { background: url('../../images/front/core_m/arrow_blue_down_m.png') no-repeat right center; background-size: 31px auto; }
.mobile #footer .footer_inner .footer_info .family_site > ul { display: none; position: absolute; width: 100%; left: -1px; bottom: 27px; background: #f5f5f6; border: 1px solid #6c6e7c; border-bottom: none; }
.mobile #footer .footer_inner .footer_info .family_site > ul > li > a{ font-size: 13px; }
.mobile #footer .footer_inner .footer_info .infomation > p { font-size: 13px; }
.mobile #footer .footer_inner .footer_info .infomation > p span.bar { width: 5px; height: 10px; vertical-align: middle; }
.mobile #footer .footer_inner .footer_info .infomation > p span.bar:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 1px; height: 10px; margin-top: -6px; background: #a2a3ab; }
/*170518*/.mobile #footer .footer_inner .footer_info .select_lang { position: relative; top: -58px; float: left; margin-left: 25px; }
.mobile #footer .footer_inner .footer_info .select_lang > a.lang_kor.on:before { background: url(../../images/front/main_m/blue_dot_m.png) no-repeat center; background-size: 5px auto; }
.mobile #footer .footer_inner .footer_info .select_lang > a.lang_eng.on:after { background: url(../../images/front/main_m/blue_dot_m.png) no-repeat center; background-size: 5px auto; }

.mobile #footer .footer_inner .footer_info .infomation span.for_mobile { display: block; padding-top: 5px; font-size: 13px;  }



/******************************************************
	모바일 메인 Layout
******************************************************/
/* 모바일 메인공통 */
.mobile .main_wrapper { padding: 0; }
.mobile .main_inner { width: 100%; }

/* 모바일 메인 탑영역 */
.mobile .main_top { min-width: 320px; }
.mobile .main_icon.pc_icon { display: none; }
.mobile .main_icon.mobile_icon { display: block; }
.mobile .main_icon .main_menu { width: 100%; height: 100%; margin-top: 0; margin-left: 0; top: 0; left: 0; padding: 0 15px; box-sizing: border-box; text-align: center; }
.mobile .main_icon .main_menu .main_btn_wrap { width: 100%; height: 100%; }
.mobile .main_icon .main_scroll { bottom: 15px; left: 50%; width: 15px; height: 8px; margin-left: -7.5px; }
.mobile .main_icon .main_menubg { z-index: 199; position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 440px; margin-top: 0px; background: none;}
.mobile .main_icon.mobile_icon .main_menu .menu_btn { display: inline-block; position: absolute; top: 50%; left: 50%; cursor: pointer; }
.mobile .main_icon.mobile_icon .main_menu .menu_dot { position: absolute; top: 50%; left: 50%; }
.mobile .main_icon.mobile_icon .main_menu .menu_btn.menu01 img { width: 97.5px; }
.mobile .main_icon.mobile_icon .main_menu .menu_btn.menu02 img { width: 97.5px; }
.mobile .main_icon.mobile_icon .main_menu .menu_btn.menu03 img { width: 97.5px; }
.mobile .main_icon.mobile_icon .main_menu .menu_btn.menu04 img { width: 97.5px; }
.mobile .main_icon.mobile_icon .main_menu .menu_btn.menu05 img { width: 97.5px; }
.mobile .main_icon.mobile_icon .main_menu .menu_btn.menu06 img { width: 97.5px; }



/* 메인 탑 영역 아이콘 2개 */
.mobile .main_icon.mobile_icon.each2 .main_menu .menu_btn.menu01 { display: block; margin-top: 28px; margin-left: -115px; }
.mobile .main_icon.mobile_icon.each2 .main_menu .menu_btn.menu02 { display: block; margin-top: -105px; margin-left: 22px;  }
.mobile .main_icon.mobile_icon.each2 .main_menu .menu_btn.menu03 { display: none; }
.mobile .main_icon.mobile_icon.each2 .main_menu .menu_btn.menu04 { display: none; }
.mobile .main_icon.mobile_icon.each2 .main_menu .menu_btn.menu05 { display: none; }
.mobile .main_icon.mobile_icon.each2 .main_menu .menu_btn.menu06 { display: none; }
.mobile .main_icon.mobile_icon.each2 .main_menu .menu_dot.between01 { display: block; margin-top: -105px; margin-left: -99px; background: url('../../images/front/main_m/main_menu_each2dot01_m.png') no-repeat center top; background-size: cover; width: 133.5px; height: 133px; }
.mobile .main_icon.mobile_icon.each2 .main_menu .menu_dot.between02 { display: block; margin-top: -6px; margin-left: -26px; background: url('../../images/front/main_m/main_menu_each2dot02_m.png') no-repeat center top; background-size: cover; width: 125px; height: 101.5px; }


/* 메인 탑 영역 아이콘 3개 */
.mobile .main_icon.mobile_icon.each3 .main_menu .menu_btn.menu01 { display: block; margin-top: -133px; margin-left: -50px; }
.mobile .main_icon.mobile_icon.each3 .main_menu .menu_btn.menu02 { display: block; margin-top: -21px; margin-left: 41px;  }
.mobile .main_icon.mobile_icon.each3 .main_menu .menu_btn.menu03 { display: block; margin-top: -21px; margin-left: -142px; }
.mobile .main_icon.mobile_icon.each3 .main_menu .menu_btn.menu04 { display: none; }
.mobile .main_icon.mobile_icon.each3 .main_menu .menu_btn.menu05 { display: none; }
.mobile .main_icon.mobile_icon.each3 .main_menu .menu_btn.menu06 { display: none; }
.mobile .main_icon.mobile_icon.each3 .main_menu .menu_dot.between01 { display: block; margin-top: -97px; margin-left: 36px; background: url('../../images/front/main_m/main_menu_each3dot01_m.png') no-repeat center top; background-size: cover; width: 60.5px; height: 74.5px; }
.mobile .main_icon.mobile_icon.each3 .main_menu .menu_dot.between02 { display: block; margin-top: 75px; margin-left: -60px; background: url('../../images/front/main_m/main_menu_each3dot02_m.png') no-repeat center top; background-size: cover; width: 114.5px; height: 19px; }
.mobile .main_icon.mobile_icon.each3 .main_menu .menu_dot.between03 { display: block; margin-top: -98px; margin-left: -100px; background: url('../../images/front/main_m/main_menu_each3dot03_m.png') no-repeat center top; background-size: cover; width: 61.5px; height: 74.5px; }


/* 메인 탑 영역 아이콘 4개 */
.mobile .main_icon.mobile_icon.each4 .main_menu .menu_btn.menu01 { display: block; margin-top: -133px; margin-left: -50px; }
.mobile .main_icon.mobile_icon.each4 .main_menu .menu_btn.menu02 { display: block; margin-top: -45px; margin-left: 50px;  }
.mobile .main_icon.mobile_icon.each4 .main_menu .menu_btn.menu03 { display: block; margin-top: -45px; margin-left: -150px; }
.mobile .main_icon.mobile_icon.each4 .main_menu .menu_btn.menu04 { display: block; margin-top: 60px; margin-left: -50px;}
.mobile .main_icon.mobile_icon.each4 .main_menu .menu_btn.menu05 { display: none; }
.mobile .main_icon.mobile_icon.each4 .main_menu .menu_btn.menu06 { display: none; }
.mobile .main_icon.mobile_icon.each4 .main_menu .menu_dot.between01 { display: block; margin-top: -97px; margin-left: 41px; background: url('../../images/front/main_m/main_menu_each4dot01_m.png') no-repeat center top; background-size: cover; width: 56px; height: 49px; }
.mobile .main_icon.mobile_icon.each4 .main_menu .menu_dot.between02 { display: block; margin-top: 50px; margin-left: 41px; background: url('../../images/front/main_m/main_menu_each4dot02_m.png') no-repeat center top; background-size: cover; width: 56px; height: 49px; }
.mobile .main_icon.mobile_icon.each4 .main_menu .menu_dot.between03 { display: block; margin-top: 50px; margin-left: -98px; background: url('../../images/front/main_m/main_menu_each4dot03_m.png') no-repeat center top; background-size: cover; width: 56px; height: 49px; }
.mobile .main_icon.mobile_icon.each4 .main_menu .menu_dot.between04 { display: block; margin-top: -97px; margin-left: -98px; background: url('../../images/front/main_m/main_menu_each4dot04_m.png') no-repeat center top; background-size: cover; width: 56px; height: 49px; }

/* 메인 탑 영역 아이콘 5개 */
.mobile .main_icon.mobile_icon.each5 .main_menu .menu_btn.menu01 { display: block; margin-top: -148px; margin-left: -47px; }
.mobile .main_icon.mobile_icon.each5 .main_menu .menu_btn.menu02 { display: block; margin-top: -60px; margin-left: 65px; }
.mobile .main_icon.mobile_icon.each5 .main_menu .menu_btn.menu03 { display: block; margin-top: 52px; margin-left: 11px; }
.mobile .main_icon.mobile_icon.each5 .main_menu .menu_btn.menu04 { display: block; margin-top: 52px; margin-left: -105px; }
.mobile .main_icon.mobile_icon.each5 .main_menu .menu_btn.menu05 { display: block; margin-top: -60px; margin-left: -150px; }
.mobile .main_icon.mobile_icon.each5 .main_menu .menu_btn.menu06 { display: none;  }
.mobile .main_icon.mobile_icon.each5 .main_menu .menu_dot.between01 { display: block; margin-top: -106px; margin-left: -91px; background: url('../../images/front/main_m/main_menu_each5dot01_m.png') no-repeat center top; background-size: cover; width: 52px; height: 44px; }
.mobile .main_icon.mobile_icon.each5 .main_menu .menu_dot.between02 { display: block; margin-top: -106px; margin-left: 41px; background: url('../../images/front/main_m/main_menu_each5dot02_m.png') no-repeat center top; background-size: cover; width: 51px; height: 44.5px; }
.mobile .main_icon.mobile_icon.each5 .main_menu .menu_dot.between03 { display: block; margin-top: 35px; margin-left: 86px; background: url('../../images/front/main_m/main_menu_each5dot03_m.png') no-repeat center top; background-size: cover; width: 15.5px; height: 24px; }
.mobile .main_icon.mobile_icon.each5 .main_menu .menu_dot.between04 { display: block; margin-top: 93px; margin-left: -19px; background: url('../../images/front/main_m/main_menu_each5dot04_m.png') no-repeat center top; background-size: cover; width: 39.5px; height: 4px; }
.mobile .main_icon.mobile_icon.each5 .main_menu .menu_dot.between05 { display: block; margin-top: 36px; margin-left: -100px; background: url('../../images/front/main_m/main_menu_each5dot05_m.png') no-repeat center top; background-size: cover; width: 16px; height: 24px; }

/* 메인 탑 영역 아이콘 6개 */
.mobile .main_icon.mobile_icon.each6 .main_menu .menu_btn.menu01 { display: block; margin-top: -148px; margin-left: -47px; }
.mobile .main_icon.mobile_icon.each6 .main_menu .menu_btn.menu02 { display: block; margin-top: -98px; margin-left: 52px; }
.mobile .main_icon.mobile_icon.each6 .main_menu .menu_btn.menu03 { display: block; margin-top: 17px; margin-left: 50px; }
.mobile .main_icon.mobile_icon.each6 .main_menu .menu_btn.menu04 { display: block; margin-top: 55px; margin-left: -47px; }
.mobile .main_icon.mobile_icon.each6 .main_menu .menu_btn.menu05 { display: block; margin-top: 17px; margin-left: -145px; }
.mobile .main_icon.mobile_icon.each6 .main_menu .menu_btn.menu06 { display: block; margin-top: -98px; margin-left: -145px; }
.mobile .main_icon.mobile_icon.each6 .main_menu .menu_dot.between01 { display: block; margin-top: -103px; margin-left: 40px; background: url('../../images/front/main_m/main_menu_each6dot01_m.png') no-repeat center top; background-size: cover; width: 27px; height: 17px; }
.mobile .main_icon.mobile_icon.each6 .main_menu .menu_dot.between02 { display: block; margin-top: -4px; margin-left: 100px; background: url('../../images/front/main_m/main_menu_each6dot02_m.png') no-repeat center top; background-size: cover; width: 5.5px; height: 20px; }
.mobile .main_icon.mobile_icon.each6 .main_menu .menu_dot.between03 { display: block; margin-top: 73px; margin-left: 38px; background: url('../../images/front/main_m/main_menu_each6dot03_m.png') no-repeat center top; background-size: cover; width: 27px; height: 17px; }
.mobile .main_icon.mobile_icon.each6 .main_menu .menu_dot.between04 { display: block; margin-top: 73px; margin-left: -63px; background: url('../../images/front/main_m/main_menu_each6dot04_m.png') no-repeat center top; background-size: cover; width: 27px; height: 17px; }
.mobile .main_icon.mobile_icon.each6 .main_menu .menu_dot.between05 { display: block; margin-top: -4px; margin-left: -102px; background: url('../../images/front/main_m/main_menu_each6dot05_m.png') no-repeat center top; background-size: cover; width: 5.5px; height: 20px; }
.mobile .main_icon.mobile_icon.each6 .main_menu .menu_dot.between06 { display: block; margin-top: -103px; margin-left: -65px; background: url('../../images/front/main_m/main_menu_each6dot06_m.png') no-repeat center top; background-size: cover; width: 27px; height: 17px; }





/* 모바일 메인 아티클 1 영역 */
.mobile .main_article.arti01 { padding: 35px 15px 20px; }
.mobile #layout.eng .main_article.arti01 { padding: 35px 15px 35px; }
.mobile .main_article.arti01:before { display: none; }
.mobile .main_article.arti01 .arti01_01 { float: none; width: 100%; height: 100%; padding-right: 0; }
.mobile #layout.eng .main_article.arti01 .arti01_02 { display: block; }
.mobile .main_article .arti_title { font-size: 18px; margin-bottom: 10px; }
.mobile .main_article .arti_title:before { left: -7px; background: url(../../images/front/main_m/blue_dot_m.png) no-repeat center; background-size: 5px auto; }
.mobile .main_article.arti01 .arti01_01 .arti_title { float: none; width: 100%; height: auto; padding-right: 0; box-sizing: border-box; }
.main_article.arti01 .arti01_01 .notice_title { padding-bottom: 8px; font-size: 16px; line-height: 20px; }
.mobile .main_article.arti01 .arti01_01 .notice_contents { width: 100%; font-size: 14px; lighting-color: 18px; }
.mobile .main_article.arti01 .arti01_01 .bx-wrapper { float: none; width: 100%; }
.mobile .main_article.arti01 .arti01_01 .bx-pager { top: -27px; }
.mobile .main_article.arti01 .arti01_01 .notice_title { color: #0f8bf4; font-weight: normal; }


/* 모바일 메인 비디오 영역 */ 
/* .mobile .main_video { position: absolute; } */
.mobile .video_area img { width: 100%; height: auto; }
.mobile .video_area .video_pc { display: none; }
.mobile .video_area .video_mobile { display: block; }
/*
.mobile .main_video .mainarea.main01 { display: block; background: url('../../images/front/main_m/scene01_m.png') no-repeat left top; background-size: 100% auto; }
.mobile .main_video .mainarea.main02 { display: none; background: url('../../images/front/main_m/scene02_m.png') no-repeat left top; background-size: 100% auto; }
.mobile .main_video .mainarea.main03 { display: none; background: url('../../images/front/main_m/scene03_m.png') no-repeat left top; background-size: 100% auto; }
.mobile .main_video .mainarea.main04 { display: none; background: url('../../images/front/main_m/scene04_m.png') no-repeat left top; background-size: 100% auto; }
.mobile .main_video .mainarea.main05 { display: none; background: url('../../images/front/main_m/scene05_m.png') no-repeat left top; background-size: 100% auto; }
.mobile .main_video .mainarea.main06 { display: none; background: url('../../images/front/main_m/scene06_m.png') no-repeat left top; background-size: 100% auto; }
.mobile .main_video .mainarea.main07 { display: none; background: url('../../images/front/main_m/scene07_m.png') no-repeat left top; background-size: 100% auto; }
.mobile .main_video .mainarea.main08 { display: none; background: url('../../images/front/main_m/scene08_m.png') no-repeat left top; background-size: 100% auto; }
*/
.mobile .main_video .mainarea .pc_banner { display: none;}
.mobile .main_video .mainarea .mobile_banner { display: block; position: absolute; top: 0px; left: 0}
.mobile .main_video .mainarea .mobile_banner img { width: 100%; }


/* 모바일 메인 아티클 2 영역 */
.mobile .main_article .arti_title .view_more { background: url(../../images/front/main_m/more_btn_m.png) no-repeat center; background-size: 26px auto; }
.mobile .main_article table.list_table th { width: 45px; height: 35px; padding-right: 10px; line-height: 35px; boxsizing: border-box; white-space: nowrap; }
.mobile .main_article table.list_table td { height: 35px; line-height: 35px; }
.mobile .main_article.arti02 { padding: 35px 15px 50px; }
.mobile .main_article.arti02:before { display: none; }
.mobile .main_article.arti02 .arti02_01 { overflow: hidden; width: 100%; max-height: 132px; margin-bottom: 30px; float: left; padding-right: 0; }
.mobile .main_article.arti02 .arti02_01 .arti_title { margin-bottom: 30px; }
.mobile .main_article.arti02 .arti02_01 table.list_table > tbody > tr > th + td > a { width: 100%; }
.mobile .main_article.arti02 .arti02_01 table.list_table > tbody > tr > td { max-width:150px; }
.mobile .main_article.arti02 .arti02_01 table.list_table > tbody > tr > td:last-child { white-space: nowrap; }
.mobile .main_article.arti02 .arti02_01 table.list_table > tbody > tr > td .start_date { display: none; }

.mobile .main_article.arti02 .arti02_02 { overflow: hidden; width: 100%; max-height: 132px; float: right; padding-left: 0; }
.mobile .main_article.arti02 .arti02_02 .arti_title { margin-bottom: 30px; }
.mobile .main_article.arti02 .arti02_02 table.list_table > tbody > tr > th + td > a { width: 100%; }
.mobile .main_article.arti02 .arti02_02 table.list_table > tbody > tr > td { max-width:150px; }
.mobile .main_article.arti02 .arti02_02 table.list_table > tbody > tr > td:last-child { white-space: nowrap; }



/* 모바일 메인 푸터영역 */
.mobile .main_footer #footer .footer_inner .footer_info .infomation * { color: #a2a3ab; word-break: keep-all; }
.mobile .main_footer #footer .footer_inner .footer_info { border-top: 1px solid #373a4f; }
.mobile .main_footer #footer .footer_inner .footer_info .family_site { border: 1px solid #e5e5e5; }
.mobile .main_footer #footer .footer_inner .footer_info .family_site > ul { background: #373a4f; border: 1px solid #e5e5e5; border-bottom: 0; }
.mobile .main_footer #footer .footer_inner .total_menu .fnb_depth1:after { position: absolute; right: 0; top: 3px; content: ''; display: block; width: 11px; height: 11px; background: url('../../images/front/core_m/footer_fold.png') no-repeat center; background-size: 11px auto; }
.mobile .main_footer #footer .footer_inner .total_menu li.on .fnb_depth1:after { background: url('../../images/front/core_m/footer_fold_on.png') no-repeat center; background-size: 11px auto; }




/******************************************************
	sitemap
******************************************************/
#sitemap { display: none; position: fixed; z-index:999; top:0; right: 0; bottom: 0; left: 0; background: #373a4f; }
#sitemap.on { display: block; opacity: 0.99; filter:alpha(opacity=96); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=96)"; /* IE 8 */ }
#sitemap .sitemap_inner { margin: 0 auto; width:80%;}

#sitemap .sitemap_inner .sitemap_header{ position: relative; width: 100%; height: 80px; padding: 24px 0 0 0; box-sizing: border-box; }
#sitemap .sitemap_inner .sitemap_header .logo { position: absolute; left: 0; padding: 4px 0 0 0; }
#sitemap .sitemap_inner .sitemap_header .select_lang { position: absolute; top: 37px; right: 57px; color: #ffffff; }
#sitemap .sitemap_inner .sitemap_header .select_lang > a { position: relative; color: #ffffff; font-size: 18px; }
#sitemap .sitemap_inner .sitemap_header .select_lang > a.on { font-weight: bold; }
#sitemap .sitemap_inner .sitemap_header .select_lang > a.lang_kor.on:before { position: absolute; top: 3px; left: -7px; content: ''; display: inline-block; width: 5px; height: 5px; background: url(../../images/front/layout/dot_white.png) no-repeat center; }
#sitemap .sitemap_inner .sitemap_header .select_lang > a.lang_eng.on:after { position: absolute; top: 3px; right: -7px; content: ''; display: inline-block; width: 5px; height: 5px; background: url(../../images/front/layout/dot_white.png) no-repeat center; }
#sitemap .sitemap_inner .sitemap_header .sitemap_close { position: absolute; right: 0;  }

#sitemap .sitemap_contents { padding: 50px 0; }
#sitemap .sitemap_contents ul.sitemap_depth1 { display: table; table-layout: fixed; }
#sitemap .sitemap_contents ul.sitemap_depth1 > li{ display: table-cell; width: 165px; padding: 0 40px 0 60px; box-sizing: border-box; }
#sitemap .sitemap_contents ul.sitemap_depth1 > li > a { display: inline-block; width: 185px;  padding-bottom: 13px; border-bottom: 2px solid #c2cbd8; font-size: 26px; color: #ffffff; font-weight: bold; }
#sitemap .sitemap_contents ul.sitemap_depth2 > li { padding-top: 21px; width: 165px; }
#sitemap .sitemap_contents ul.sitemap_depth2 > li > a { font-size: 18px; color: #c2cbd8; font-weight: bold; }
#sitemap .sitemap_contents ul.sitemap_depth2 > li:before { content: ' '; display: inline-block; position: relative; width:3px; height: 3px; margin-right: 10px; background: url('../../images/front/layout/dot_white.png') no-repeat top center; vertical-align: middle; }
#sitemap .sitemap_contents ul.sitemap_depth3 { border-left: 1px solid #7184a4; margin-left: 6px; }
#sitemap .sitemap_contents ul.sitemap_depth3 > li { padding: 21px 0 0 10px; }
#sitemap .sitemap_contents ul.sitemap_depth3 > li > a { font-size: 16px; color: #c2cbd8; }
#sitemap .sitemap_contents > ul.sitemap_depth1 ul a:hover{ color: #ffffff !important; padding-bottom: 3px; border-bottom: 2px solid #ffffff;}

/* 영문 사이트맵 pc */
#sitemap.eng .sitemap_contents ul.sitemap_depth1 > li { width: 1%; padding: 0 0 0 60px;}
#sitemap.eng .sitemap_contents ul.sitemap_depth2 > li { padding-top: 21px; width: 100%; }

/* 모바일 사이트맵 */
#sitemap_m, #sitemap_m.eng { position: fixed; z-index:999; top:0; right: -100%; bottom: 0; width: 85%; background: #365280; }
#sitemap_m.on, #sitemap_m.eng.on { animation: menuon 0.8s forwards; -webkit-animation: menuon 0.8s forwards; }
#sitemap_m.off, #sitemap_m.eng.off { animation: menuoff 0.8s forwards; -webkit-animation: menuoff 0.8s forwards; }
@keyframes menuon {
	0% { right:-100%; }
	100% { right:0; } 
}
@-webkit-keyframes menuon {
	0% { right:-100%; }
	100% { right:0; } 
}
@keyframes menuoff {
	0% { right:0; }
	100% { right:-100%; } 
}
@-webkit-keyframes menuoff {
	0% { right:0; }
	100% { right:-100%; } 
}

#sitemap_m .sitemap_inner { padding: 0 0 0 15px; position: relative;}
#sitemap_m .sitemap_inner .sitemap_header { position: relative; width: 100%; height: 50px; line-height: 50px; padding: 0 45px 0 15px; border-bottom: 1px solid #7386a6; box-sizing: border-box; }
#sitemap_m .sitemap_inner .sitemap_header p { color: #ffffff; font-size: 16px; font-weight: bold; }
#sitemap_m .sitemap_inner .sitemap_header p a { color: #ffffff; font-size: 16px; font-weight: bold; }
#sitemap_m .sitemap_inner .sitemap_header .logo { position: absolute; left: 0; padding: 4px 0 0 0; }
#sitemap_m .sitemap_inner .sitemap_header .select_lang { position: absolute; top: 37px; right: 57px; color: #ffffff; }
#sitemap_m .sitemap_inner .sitemap_header .select_lang > a { position: relative; color: #ffffff; font-size: 11px; }
#sitemap_m .sitemap_inner .sitemap_header .select_lang > a.on { font-weight: bold; }
#sitemap_m .sitemap_inner .sitemap_header .select_lang > a.lang_kor.on:before { position: absolute; top: 3px; left: -7px; content: ''; display: inline-block; width: 5px; height: 5px; background: url(../../images/front/layout/dot_white.png) no-repeat center; }
#sitemap_m .sitemap_inner .sitemap_header .select_lang > a.lang_eng.on:after { position: absolute; top: 3px; right: -7px; content: ''; display: inline-block; width: 5px; height: 5px; background: url(../../images/front/layout/dot_white.png) no-repeat center; }
#sitemap_m .sitemap_inner .sitemap_header .sitemap_close { position: absolute; left: -58px; top: 12px; width: 28px; height: 28px; }
#sitemap_m .sitemap_inner .sitemap_header .sitemap_close img { width: 100%; height: auto; }

#sitemap_m .sitemap_contents { overflow-y: scroll; }
#sitemap_m .sitemap_contents ul.sitemap_depth1 > li{ width: 100%;  }
#sitemap_m .sitemap_contents ul.sitemap_depth1 > li > a { display: block; height: 45px; line-height: 45px; padding: 0 32px 0 15px; border-bottom: 1px solid #afbacc; background: url('../../images/front/layout_m/bg_open.png') no-repeat right center; background-size: 27px auto; font-size: 16px; color: #ffffff; font-weight: bold; box-sizing: border-box; }
#sitemap_m .sitemap_contents ul.sitemap_depth1 > li.on > a { background: url('../../images/front/layout_m/bg_fold.png') no-repeat right center; background-size: 27px auto; }

#sitemap_m .sitemap_contents ul.sitemap_depth2 { display: none; }
#sitemap_m .sitemap_contents ul.sitemap_depth2 > li { width: 100%; }
#sitemap_m .sitemap_contents ul.sitemap_depth2 > li > a { position: relative; display: block; height: 45px; line-height: 45px; padding: 0 32px 0 29px; background: #283d5f url('../../images/front/layout_m/bg_arrow_right.png') no-repeat right center; background-size: 24px auto; font-size: 14px; color: #ffffff; box-sizing: border-box; }
#sitemap_m .sitemap_contents ul.sitemap_depth2 > li > a:before { position: absolute; left: 20px; top: 50%; margin-top: -3px; content: ''; display: block; width: 3px; height: 3px; background: #f0f0f1; }
#sitemap_m .sitemap_contents ul.sitemap_depth2 > li > a.next_menu { background: #283d5f url('../../images/front/layout_m/bg_arrow_down.png') no-repeat right center; background-size: 27px auto; }
#sitemap_m .sitemap_contents ul.sitemap_depth2 > li.on > a.next_menu { background: #283d5f url('../../images/front/layout_m/bg_arrow_up.png') no-repeat right center; background-size: 27px auto; }

#sitemap_m .sitemap_contents ul.sitemap_depth3 { display: none; }
#sitemap_m .sitemap_contents ul.sitemap_depth3 > li { padding: 0 20px; background: #1e2d46; }
#sitemap_m .sitemap_contents ul.sitemap_depth3 > li > a { position: relative; display: block; height: 45px; line-height: 45px; border-bottom: 1px solid #4b576b; padding-left: 18px; font-size: 14px; color: #f0f0f1; box-sizing: border-box; }
#sitemap_m .sitemap_contents ul.sitemap_depth3 > li > a:before { position: absolute; left: 6px; top: 50%; margin-top: -1px; content: ''; display: block; width: 6px; height: 2px; background: #f0f0f1; }
#sitemap_m .sitemap_contents ul.sitemap_depth3 > li:last-child > a { border-bottom: none; }


/* 전체메뉴 임시 */
.non_use { display: none}