@charset "utf-8";
@import "scrollbar.css";
html{}
.wrap{width: 100%; height: auto; position: relative;}

.top_direct_con {position: fixed; left: 50%; margin-left: 637px; bottom: 5%;}
.gnb_line{/*position: absolute;  width: 100%; top: 90px; background: url("../img/client/main/gnb_line.png") left bottom repeat-x; height: 5px; z-index: 10;*/}

.header{height: 85px; width: 100%; /*background: url("../img/client/main/gnb_bg_line.png") 0px 90px repeat-x;*/ }
.header .header_wrap{position: relative; padding-bottom: 21px; background: url("../img/client/main/gnb_line.png") left top repeat-x; z-index: 11;}
.header .header_con{width: 1240px; padding-top: 21px; margin: 0 auto; overflow: hidden; /*background: url("../img/client/main/gnb_bg_ico.png") 60px 184px no-repeat;*/}
.header .header_con .logo{width: 178px; margin-right: 77px; float: left;}
.header .header_con .gnb{float: left;}
.header .header_con .gnb .gnb_pointer{position: absolute; width: 18px; height: 14px; background: url("../img/client/main/gnb_arrow.png") center center no-repeat; top: 69px; left: 75px;}
.header .header_con .gnb_1depth{}
.header .header_con .gnb_1depth > li{float: left; text-align: center; }
.header .header_con .gnb_1depth > li > p{padding-top: 10px;}
.header .header_con .gnb_1depth > li > p > a {padding: 0px 50px; color: #000; font-size: 18px; font-weight: bold;}
.header .header_con .gnb_1depth > li:hover > p > a,
.header .header_con .gnb_1depth > li.on > p > a{color: #293189;}
.header .header_con .gnb_1depth > li:hover > p > a > span {padding-bottom: 7px; border-bottom: 2px solid #293189;}
.header .header_con .gnb_1depth > li.on > p > a > span {padding-bottom: 7px; border-bottom: 2px solid #293189;}

.header .header_con .gnb_2depth{ position: absolute; padding-top: 36px; display: none; }
.header .header_con .gnb_2depth > li{ position: relative; margin-left:30px; border-top: 1px solid #ebebeb; min-width: 96px;  border-right: 1px solid #ebebeb;  background-color: #fff; padding: 16px 37px 16px 29px; background-repeat: no-repeat; background-image: url( ../img/client/main/gnb_has2depth_up.png ); background-position: 90% center; }
/*.header .header_con .gnb_2depth > li:first-child{ border-top: none; }*/
.header .header_con .gnb_2depth > li > p{}
.header .header_con .gnb_2depth > li > p > a{color: #000; font-size: 14px; white-space: nowrap;}
.header .header_con .gnb_2depth > li:hover > p > a,
.header .header_con .gnb_2depth > li.on > p > a{ background-color: #cfcfcf;}
.header .header_con .gnb_2depth > li:hover,
.header .header_con .gnb_2depth > li.on{ background-color: #cfcfcf; cursor: pointer; background-repeat: no-repeat; background-image: url( ../img/client/main/gnb_has2depth_over.png ); background-position: 90% center; }

.header .header_con .gnb_2depth .gnb_3depth{ position: absolute; margin: -35px 0 0 100px; padding-left: 5px; display: none; }
.header .header_con .gnb_2depth .gnb_3depth > li{margin-left: 30px; border-top: 1px solid #ebebeb; min-width: 96px; background-color: #fff; padding: 16px 37px 16px 29px; }
.header .header_con .gnb_2depth .gnb_3depth.gnb_3depth_eng {margin: -35px 0 0 100px;}
.header .header_con .gnb_2depth .gnb_3depth.gnb_3depth_eng.gnb_3depth_eng_big {margin: -52px 0 0 100px;}
.header .header_con .gnb_2depth .gnb_3depth.gnb_3depth_invest_eng {margin: -35px 0 0 148px;}
.header .header_con .gnb_2depth .gnb_3depth.gnb_3depth_eng > li {min-width: 126px;}
/*.header .header_con .gnb_2depth .gnb_3depth > li:first-child{ border-top: none; }*/
.header .header_con .gnb_2depth .gnb_3depth > li > p{}
.header .header_con .gnb_2depth .gnb_3depth > li > p > a{color: #000; font-size: 14px; white-space: nowrap; }
.header .header_con .gnb_2depth .gnb_3depth > li:hover > p > a,
.header .header_con .gnb_2depth .gnb_3depth > li.on > p > a { background-color: #1986cb; color: #fff;}
.header .header_con .gnb_2depth .gnb_3depth > li:hover ,
.header .header_con .gnb_2depth .gnb_3depth > li.on{ background-color: #1986cb; color: #fff; cursor: pointer;}

.header .header_con .lang_con{float: right; width: 83px; overflow: hidden}
.header .header_con .lang_con > ul{padding-top: 11px;}
.header .header_con .lang_con > ul > li{float: left; font-weight: bold; color: #a3a3a3; cursor: pointer; text-align: center; width: 39px; height: 15px; font-size: 12px; line-height: 16px; border: 1px solid #cccccc;}
.header .header_con .lang_con > ul > li:first-child{margin-right: 1px;}
.header .header_con .lang_con > ul > li.chk,
.header .header_con .lang_con > ul > li:hover{color: #ffffff; background-color: #293189; border: 1px solid #293189;}

/* header END */

.main_content_wrap{position: relative; }
.main_content_wrap .video_area{position: relative; top: 0; z-index: 1; height: 859px; overflow: hidden;}
.main_content_wrap #mvPlayer{ display: none;}

.main_content_wrap .main_wrap_top{width: 100%; background: url("../img/client/main/main_shadow_top.png") left top repeat-x; }
.main_content_wrap .main_wrap_btm{width: 100%; background: #f2f2f2 url("../ent_img/sub0_bg.jpg") center top no-repeat; position: relative; overflow: hidden;}
.main_content_wrap .main_con{width: 1240px; margin: 0 auto; padding: 95px 0 45px; position: relative;}
.main_content_wrap .main_con .slogan{padding-left: 35px;}
.main_content_wrap .main_con .slogan > p.slogan_big{margin-bottom: 44px; font-size: 45px; margin-top: 11px; font-weight: bold; line-height: 1.1em; color: #fff;}
.main_content_wrap .main_con .slogan > p.slogan_small{font-size: 36px; line-height: 40px; color: #fff;}
.main_content_wrap .main_con .btn_area{position: absolute; left: 50%; margin-left: -150px; top: 700px; z-index: 2;}
.main_content_wrap .main_bot_btn{position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 142px; background: #131313; opacity: 0.8; text-align: center;}
.main_content_wrap .main_bot_btn > div{padding-top: 22px; padding-bottom: 30px; text-align: center; width: 1240px; margin: 0 auto;}
.main_content_wrap .main_bot_btn > div > a{}
.main_content_wrap .main_bot_btn > div > a > img{vertical-align: bottom; padding: 0 70px;}
.main_content_wrap .main_bot_btn > div > ul{overflow: hidden;}
.main_content_wrap .main_bot_btn > div > ul > li{}


/* 메뉴 팝업 */
.main_content_wrap .main_popup{display: none; position: absolute; z-index: 2; width: 100%; top: 0; background: url("../img/client/main/popup_dim.png") left top repeat; height: 859px;}
.main_content_wrap .main_popup .main_popup_con{width: 1258px; margin: 0 auto; padding-top: 130px; padding-bottom: 150px; position: relative;}
.main_content_wrap .main_popup .main_popup_con .close_btn{position: absolute; right: -72px; top: 130px; cursor: pointer;}
.main_content_wrap .main_menu {margin-left: 20px;}

.main_popup_con .pop_content{width: 100%; border-collapse: separate; table-layout: fixed;}
.main_popup_con .pop_content > tbody > tr{}
.main_popup_con .pop_content > tbody > tr > td{/*padding: 9px;*/ background-color: #fff; vertical-align: top;}
.main_popup_con .pop_content > tbody > tr > td > div.content_box{/*background-color: #fff;*/}





.content_box{padding: 30px 32px; position: relative;}
.content_box > h2.box_title{font-size: 16px; color: #585858; font-weight: bold; margin-bottom: 16px;}
.content_box > h2.color_title{font-size: 16px; color: #293189; font-weight: bold; margin-bottom: 16px;}
.content_box > .box_cts{font-size: 13px; color: #8d8d8d;}
.content_box > .download_btn{position: absolute; left: 25px; bottom: 15px;}


/* 지속가능경영 */
.content_box.manage{background: url("../img/client/main/box0_bg.png") right bottom no-repeat;}

/* 경영이념 */
.content_box.mng_idea{background: url("../img/client/main/box1_bg.png") right bottom no-repeat;}

/* 뉴스 */
.content_box.news{}
.content_box.news .head_news{}
.content_box.news .head_news .head_news_image{margin-bottom: 17px; text-align: center;}
.content_box.news .head_news .head_news_image img{max-width: 100%;}
.content_box.news .head_news .head_news_title{font-size: 14px; color: #000; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content_box.news .head_news .head_news_title > a{font-size: 14px; color: #000; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content_box.news .head_news .head_news_cts{font-size: 13px; color: #666;}
.content_box.news .head_news .head_news_cts > a{font-size: 13px; color: #666;}
.content_box.news .head_news .head_news_date{font-size: 11px; color: #9a9a9a; margin-top: 1px;}

.content_box.news .news_list{}
.content_box.news .news_list > li{margin-top: 15px;}
.content_box.news .news_list > li .news_list_title{font-size: 14px; font-weight: bold; color: #666; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content_box.news .news_list > li .news_list_title > a{font-size: 14px; font-weight: bold; color: #666;}
.content_box.news .news_list > li .news_list_date{font-size: 11px; color: #9a9a9a; margin-top: 1px;}

/* 홍보영상 */
.content_box.public_video{background: url("../img/client/main/box3_bg.png") right 20px no-repeat;}

/* 사업부문 */
.content_box.business{}
.content_box.business .img_rolling{position: relative; width: 100%; height: 340px; overflow: hidden; margin-bottom: 10px;}
.content_box.business .img_rolling > li{position: absolute;}
.content_box.business .img_rolling > li .img_title{font-weight: bold; font-size: 22px; color: #000; width: 120px; line-height: 1.05em;}
.content_box.business .img_rolling > li .img_title > a{font-weight: bold; color: #000;}
.content_box.business .img_rolling > li .img_line{width: 51px; border-top: 2px solid #999999; border-bottom: 2px solid #999999; margin-top: 21px; margin-bottom: 13px;}
.content_box.business .img_rolling > li .img_cts{font-size: 13px; color: #8d8d8d;}
.content_box.business .img_rolling > li .img_pic{margin-top: 20px; text-align: center;}
.content_box.business .img_rolling > li .img_pic img{width: 100%;}

/* 새로운 팝업 */
.main_popup_con.new{}
.popup_content{overflow: hidden;}
.popup_content > li{float: left; width: 327px; height: 342px;     background: #fff;}
.popup_content > li:first-child{border-left: 0; margin-right: 244px;}
.popup_content > li .content_box{}
.popup_content > li .content_box h2.color_title{font-family: Verdana; font-size: 26px; color: #585858; background: url("../img/client/main/color_title.png") right center no-repeat; width: 259px; line-height: 1em; font-weight: normal; letter-spacing: -0.05em;}
.popup_content > li .content_box h2.color_title > a{font-family: Verdana; font-size: 26px; color: #585858; line-height: 1em; font-weight: bold; letter-spacing: -0.05em; display: block;}
.popup_content > li .content_box .img_rolling{position: relative; width: 100%; height: 214px; overflow: hidden; margin-bottom: 2px;}
.popup_content > li .content_box .img_rolling > li{position: absolute; width: 259px; overflow: hidden;}
.popup_content > li .content_box .img_rolling > li .img_title{font-weight: bold; font-size: 22px; color: #1986cb; width: auto; line-height: 1.05em; white-space: pre;}
.popup_content > li .content_box .img_rolling > li .img_title > a{font-weight: bold; color: #1986cb;}
.popup_content > li .content_box .img_rolling > li .img_line{width: 51px; border-top: 2px solid #1986cb; border-bottom: 2px solid #1986cb; margin-top: 21px; margin-bottom: 13px;}
.popup_content > li .content_box .img_rolling > li .img_cts{font-size: 14px; color: #8d8d8d; height: 55px; overflow: hidden;}
.popup_content > li .content_box .img_rolling > li .img_pic{margin-top: 10px; text-align: left;}
.popup_content > li .content_box .img_ro lling > li .img_pic img{}

.popup_content > li .content_box > ul > li.news_con {margin-top: 22px;}
.popup_content > li .content_box > ul > li.news_con.pop_news .news_title {overflow: hidden;}
.popup_content > li .content_box > ul > li.news_con.pop_news .news_title.news_b_tit {line-height: 24px; margin-bottom: 5px;}
.popup_content > li .content_box > ul > li.news_con.pop_news .news_cts {display: none;}
.popup_content > li .content_box > ul > li.news_con.pop_news .news_date {}
.popup_content > li .content_box > ul > li.news_con.pop_sejin .news_title.news_b_tit {margin-bottom: 4px; height: auto;}
.popup_content > li .content_box > ul > li.news_con.pop_sejin .news_date {display: none;}
.popup_content > li .content_box > ul > li.news_con.pop_sejin .sejin_date {font-size: 12px;}
.popup_content > li .content_box > ul > li.news_con.pop_sejin.pop_sejin_eng .news_date {display: block;}
.popup_content > li .content_box > ul > li.news_con.pop_sejin.pop_sejin_eng .sejin_date {display: none;}
.popup_content > li .content_box > ul > li:first-child.news_con{margin-top: 0px; height: 79px;}
.popup_content > li .content_box > ul > li.news_con > p{color: #000; opacity: .6; line-height: 1em; white-space: 24px; overflow: hidden;}
.popup_content > li .content_box > ul > li.news_con > p.news_title{font-size: 15px; font-weight: bold; line-height: 24px; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.popup_content > li .content_box > ul > li.news_con > p.news_title.news_b_tit{font-size: 18px; line-height: 24px; overflow: hidden; margin-bottom: 3px;}
.popup_content > li .content_box > ul > li.news_con > p.news_cts{font-size: 13px; line-height: 18px;}
.popup_content > li .content_box > ul > li.news_con > p.news_cts > a {color: #000; opacity: .6;}
.popup_content > li .content_box > ul > li.news_con > p.news_cts > span.news_date{font-size: 12px;}
.popup_content > li .content_box > ul > li.news_con > p.news_img{opacity: 1; margin-top: 7px;}
.popup_content > li .content_box .btn_link{margin-top: 27px;}
.popup_content > li .content_box .btn_link.btn_utube {margin-top: 19px;}
.popup_content > li .content_box .btn_link > a{display: inline-block; margin-left: 18px;}
.popup_content > li .content_box .btn_link > a:first-child{margin-left: 0px;}

.popup_content > li .content_box .about_sejin .img_title{font-weight: bold; font-size: 22px; color: #1986cb; width: 120px; line-height: 1.05em;}
.popup_content > li .content_box .about_sejin .img_title > a{font-weight: bold; color: #1986cb;}
.popup_content > li .content_box .about_sejin .img_line{width: 51px; border-top: 2px solid #1986cb; border-bottom: 2px solid #1986cb; margin-top: 21px; margin-bottom: 13px;}
.popup_content > li .content_box .about_sejin .sejin_cts{color: #000; font-size: 14px; opacity: .6;}
.popup_content > li .content_box .about_sejin .movie_con{position: relative; width: 243px; height: 181px; margin-top: 10px;}
.popup_content > li .content_box .about_sejin .movie_con .play_btn{position: absolute; left: 50%; top: 50%; margin-left: -39.5px; margin-top: -39px;}


/* 새로운 팝업 작은거 만듦 류인식 */
.popup_content > li .content_box2{float: left; width: 160px; height: 170px;     background: #fff;}


.content_box .sub1_intro_wrap1 {overflow: hidden; border-bottom: 0px; padding: 0px 0px;}
.content_box .sub1_intro_wrap1 > div {float: none; width: auto; height: 240px;}
.content_box .sub1_intro_wrap1 > div.right_con {background: url("../img/client/sub/sub2_intro_bg1.jpg") no-repeat right bottom;}
.content_box .sub1_intro_wrap1 .detail_style0 > span {font-weight: bold;}

.content_box .sub2_intro_wrap2 {overflow: hidden; border-bottom: 0px; padding: 0px 0px;}
.content_box .sub2_intro_wrap2 > div {float: none; width: auto; height: 240px;}
.content_box .sub2_intro_wrap2 > div.right_con {background: url("../img/client/sub/sub2_intro_bg2.jpg") no-repeat right bottom;}
.content_box .sub2_intro_wrap2 .detail_style0 > span {font-weight: bold;}

.content_box .sub4_intro_wrap2 {overflow: hidden; border-bottom: 0px; padding: 0px 0px;}
.content_box .sub4_intro_wrap2 > div {float: none; width: auto; height: 240px;}
.content_box .sub4_intro_wrap2 > div.left_con {background: url("../img/client/sub/sub4_intro_bg0.jpg") no-repeat right bottom;}

.content_box .sub3_intro_wrap2 {overflow: hidden; border-bottom: 0px; padding: 0px 0px;}
.content_box .sub3_intro_wrap2 > div {float: none; width: auto; height: 240px;}
.content_box .sub3_intro_wrap2 > div.left_con {background: url("../img/client/sub/sub3_intro_bg0.jpg") no-repeat right bottom; border-right: 0px;}

.main_board_wrap .sub1_intro_wrap {min-height: 287px; overflow: hidden; margin-top: 0px; background: url("../img/client/main/main_sub1_title_bg.png") no-repeat right bottom;}

.main_board_wrap .sub0_intro_wrap2 {overflow: hidden; border-bottom: 0px; padding: 0px 0px;}
.main_board_wrap .sub0_intro_wrap2 > div {float: left; width: auto; height: 227px;}
.main_board_wrap .sub0_intro_wrap2 > div.mid_con {width: 100%; border-right: 0px; border-left: 0px; background: url("../img/client/main/main_sub0_intro_bg1.png") no-repeat 350px bottom;}

.main_board_wrap {background-color: #fff; padding: 35px 32px; margin-top: 33px;}
.main_board_wrap.main_board_wrap_eng {padding: 35px 32px 0px;}
.main_board_con {overflow: hidden;}
.main_board_con .main_board {float: left; width: 50%; padding-left: 4%; border-left: 1px solid #e5e5e5; box-sizing: border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing: border-box;}
.main_board_con .main_board:first-child {width: 50%; padding-right: 4%; padding-left: 0%; border-left: 0px;}
.main_board_con .main_board .detail_style0 > span {font-size: 16px; font-weight: bold;}
.main_board_con .main_board .main_board_tab {overflow: hidden;}
.main_board_con .main_board .main_board_tab > li {float: left; cursor: pointer;}
.main_board_con .main_board .main_board_tab > li .intro_s_title {color: #b8b8b8; padding-left: 15px; margin-left: 15px; border-left: 1px solid #e5e5e5;}
.main_board_con .main_board .main_board_tab > li:first-child .intro_s_title {padding-left: 0px; margin-left: 0px; border-left: 0px;}
.main_board_con .main_board .main_board_tab > li.on .intro_s_title {color: #737373;}
.main_board_con .main_board .main_board_tab > li:hover .intro_s_title {color: #737373;}
.main_board_con .main_board .main_board_tab_contents {display: none;}
.main_board_con .main_board .main_board_tab_contents {display: none;}


/* 사업장안내 */
.content_box.field_info{background: url("../img/client/main/box5_bg.png") center bottom no-repeat;}

/* Webzine */
.content_box.webzine{background: url("../img/client/main/box6_bg.png") right 58px no-repeat;}

/* 채용 */
.content_box.employ{background: url("../img/client/main/box7_bg.png") right 58px no-repeat;}

/* 투자정보 */
.content_box.invest{background: url("../img/client/main/box8_bg.png") right center no-repeat;}
.content_box.invest .menu_btn{width: 252px; overflow: hidden; margin-top: 32px;}
.content_box.invest .menu_btn > li{float: left;}
.content_box.invest .menu_btn > span{display: inline-block; margin-left: 40px;}
.content_box.invest .menu_btn > span:first-child{margin-left: 0px;}
.content_box.invest .menu_btn > li img{vertical-align: bottom;}
.content_box.invest .menu_btn > span img{vertical-align: bottom;}

/* sns icon */
.mt_40 {margin-bottom: -40px !important;}
.sns_wrap {width: 100%; text-align: right;}
.sns_wrap a {display: inline-block; margin-left: 21px;}
.sns_wrap a:first-child {margin-left: 0;}

.footer{margin-bottom: 20px;}
.footer .footer_con{width: 1240px; margin: 0 auto;}
.footer .footer_con .foot_cts{overflow: hidden; padding-bottom: 35px; background:url("../img/client/main/footer_line.jpg") no-repeat center bottom;}
.footer .footer_con .foot_cts > li{float: left;}
.footer .footer_con .foot_cts > li.foot_first{margin-left: 250px; padding-top: 40px;}
.footer .footer_con .foot_cts > li.foot_first.foot_first_eng{margin-left: 400px;}
.footer .footer_con .foot_cts > li.foot_first > a{display: inline-block; color: #737373; font-size: 15px; padding: 0px 25px; background: url("../img/client/main/footer_line.png") left center no-repeat; letter-spacing: -0.5px;}
.footer .footer_con .foot_cts > li.foot_first > a:first-child{padding-left: 0px; background: none;}
.footer .footer_con .foot_cts > li.foot_family_site{float: right; margin-right: 50px; padding-top: 30px;}
.footer .footer_con .foot_cts > li.foot_family_site select{border: 1px solid #e5e5e5; padding: 9px 9px 7px 10px; width: 180px;}
.footer .footer_con .foot_cts > li.foot_family_site select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../img/client/sub/navi_btn.png') no-repeat 95% center;
    .background : none;
    background : none\0;
    background : none\0/;
}
.footer .footer_con .foot_cts > li.foot_family_site select::-ms-expand{ display: none; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .footer .footer_con .foot_cts > li.foot_family_site select{ background: url('../img/client/sub/navi_btn.png') no-repeat 95% center; }
}



.footer .copyright{width: 720px; margin: 0 auto; padding-bottom: 17px; text-align: center; font-size: 14px; color: #737373; line-height: 24px; letter-spacing: -0.5px; margin-top: 10px;}