@charset "utf-8";

/* sub - common */
/* lnb */
.lnb{width:1140px; margin:0 auto 80px;}
.lnb ul{width:100%;}
.lnb ul:after{display:block; clear:both; content:"";}
.lnb li{float:left; width:33.3%; height:60px; box-sizing:border-box;}
.lnb li a{display:block; width:100%; height:60px; margin-left:-1px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-bottom: 1px solid #1428a0; background:#f3f3f3; line-height:58px; font-size:18px; color:#333; text-align:center; box-sizing:border-box;}
.lnb li:first-child a{border-left:1px solid #ccc;}
.lnb li.on{margin-left:-1px;}
.lnb li.on:first-child{margin-left:0;}
.lnb li.on a{background:#fff; border-left:1px solid #1428a0; border-color:#1428a0; border-width:1px 1px 0 1px; color:#1428a0; font-weight:600;}
.lnb_list1 li{float:none; width:100%;}
.lnb_list2 li{width:50%;}
.lnb_list3 li{width:33.3%;}
.lnb_list4 li{width:25%;}
.lnb_list5 li{width:20%;}
.lnb_list6 li{width:16.66666666666667%;}

/* lnb_scroll */
.lnb_scroll{width:100%; height:60px; margin-bottom:80px;}
.lnb_scroll ul{width:1140px; margin:0 auto;}
.lnb_scroll ul:after{display:block; clear:both; content:"";}
.lnb_scroll li{float:left; height:60px; box-sizing:border-box;}
.lnb_scroll li a{display:block; width:100%; height:100%; text-align:center; box-sizing:border-box;}
.lnb_type1 li a{border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom: 1px solid #ccc; line-height:58px; font-size:16px; color:#333; }
.lnb_type1 li:first-child a{border-left:1px solid #ccc;}
.lnb_type1 li.on a{position:relative; border-bottom:2px solid #1428a0; color:#1428a0; font-weight:600;}
.lnb_type2{background:#f3f3f3;}
.lnb_type2 li a{position:relative; line-height:60px; font-size:16px; color:#000; background:#f3f3f3;}
.lnb_type2 li.on a{background:#005d9d;color:#fff;}
.lnb_type2 li.on a:after{z-index:2;position:absolute;left:50%;bottom:-8px;margin-left:-8px;width:16px;height:16px;content:" ";background:url(/resources/images/jp/about_us/bg_history_circle_01.png) left top no-repeat;}

/* lnb_scroll fixed */
.lnb_scroll[data-fixed="fixed"] .lnb_inner{position:fixed; left:0; width:100%; background:#f3f3f3; border-bottom:1px solid #ccc; z-index:10;}
.lnb_scroll[data-fixed="fixed"]  ul{width:1140px; margin:0 auto;}
.lnb_scroll[data-fixed="fixed"] .lnb_inner{top:0;}
body[data-scroll="up"] .lnb_scroll[data-fixed="fixed"] .lnb_inner{top:70px;}
.lnb_scroll[data-fixed="fixed"] ul{width:1140px; margin:0 auto;}

/* lnb_scroll fixed - lnb_type1 */
.lnb_type1[data-fixed="fixed"] li{position:relative; height:40px;}
.lnb_type1[data-fixed="fixed"] li:before{position:absolute; right:0; top:50%; width:1px; height:20px; margin-top:-10px; background-color:#ccc; content:"";}
.lnb_type1[data-fixed="fixed"] li:first-child:after{position:absolute; left:0; top:50%; width:1px; height:20px; margin-top:-10px; background-color:#ccc; content:"";}
.lnb_type1[data-fixed="fixed"] li a{height:40px; line-height:38px; border:0; font-size:14px;}
.lnb_type1[data-fixed="fixed"] li.on a:after{display:none; content:"";}

/* tab_area */
.tab_area{width:1140px; margin:0 auto;}
.tab_area:after{display:block; clear:both; content:""; }
.tablist{width:100%; margin-bottom:80px;}
.tablist:after{display:block; clear:both; content:""; }
.tablist li{display:table; float:left; width:33.3%; height:60px; box-sizing:border-box;}
.tablist li a{display:table-cell; vertical-align:middle; width:100%; height:60px; padding:0 8px; margin-left:-1px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-bottom:1px solid #1428a0; background:#f3f3f3; font-size:16px; color:#333; line-height:1.2em; text-align:center; box-sizing:border-box;}
.tablist li:first-child a{border-left:1px solid #ccc;}
.tablist li.active{margin-left:-1px;}
.tablist li.active:first-child{margin-left:0;}
.tablist li.active a{background:#fff; border-left:1px solid #1428a0; border-color:#1428a0; border-width:1px 1px 0 1px; color:#1428a0; font-size:18px; font-weight:600;}
.tablist li .count{display:inline-block;}
.tab_list1 li{float:none; width:100%;}
.tab_list2 li{width:50%;}
.tab_list3 li{width:33.3%;}
.tab_list4 li{width:25%;}
.tab_list5 li{width:20%;}
.tab_list6 li{width:16.7%;}
.tab_list6 li:last-child{width:16.5%;}

/* 20-04-28 hy.jeong sales partners */
.tab_list7 li{width:162px;}
.tab_list7 li:last-child{width:168px;}

.tabpanel{display:none; width:100%; box-sizing:border-box;}
.tabpanel.active{display:block;}

/* accordion_list */
.accordion_list{border-top:2px solid #333;border-bottom:1px solid #ccc;}
.accordion_list > li{border-top:1px solid #ccc;}
.accordion_list > li:first-child{border-top:none;}
.accordion_list .btn_acco{display:inline-block;overflow:hidden;padding:22px 20px 22px 30px;width:100%;box-sizing:border-box;}
.accordion_list .btn_acco .acco_tit{display:inline-block;position:relative;width:100%;text-align:left;font-size:24px;color:#333; font-weight:400;}
.accordion_list .btn_acco .acco_tit:after{position:absolute; right:0; top:10px; width:18px; height:10px; margin-left:-9px; background-image:url(/resources/images/jp/common/accodion_list_ico.png); background-position:0 0; background-repeat:no-repeat; content:" ";}
.accordion_list .btn_acco.on .acco_tit:after{background-position:-18px 0;}
.accordion_list .acco_panel{display:none; padding:0 50px; border-top:1px solid #ccc; background-color:#f3f3f3;}
.accordion_list .acco_panel li{overflow:hidden;border-top:1px solid #ccc;padding:28px 0;}
.accordion_list .acco_panel li:first-child{border-top:none;}
.accordion_list .acco_panel li .date{float:left; width:520px; padding-top:3px; font-size:30px; color:#000;}
.accordion_list .acco_panel li .date span.tit{display:inline-block;}
.accordion_list .acco_panel li .date span.date_t{display:inline-block;padding-left:72px;font-size:16px;color:#666;font-weight:400;  vertical-align:middle;}
.accordion_list .first .acco_panel{display:block;}

/* paging */
.paging{margin-top:40px;text-align:center;}
.paging a{overflow:hidden; display:inline-block;margin-left:5px;width:30px;height:30px;line-height:30px;vertical-align:middle;font-size:14px;color:#333;text-align:center;border-radius:4px;}
.paging a.on{color:#fff;background:#043385;}
.paging .first,
.paging .last,
.paging .prev,
.paging .next{border:1px solid #e2e2e2;background:url(/resources/images/jp/common/pgaing_arrow.png) no-repeat; text-indent:-9999px;}
.paging .first{background-position:0 0;}
.paging .prev{background-position:-30px 0;}
.paging .next{background-position:-60px 0;}
.paging .last{background-position:-90px 0;}

.nodata{text-align:center;} /* 개발 붙는 페이지 - 검색 결과가 없을 경우 class 추가 */

.txt_box_wrap{width:100%; padding:48px; border:1px solid #ccc; box-sizing:border-box;}
.txt_box_wrap .cont{margin-bottom:38px;}
.txt_box_wrap .cont.last{margin-bottom:0;}
.txt_box_wrap .sub_tit{margin-bottom:27px; font-size:20px; font-weight:600; color:#333;}
.txt_box_wrap .cont_tit{margin-bottom:18px; font-size:16px; font-weight:400; color:#2C7CD8;}
.txt_box_wrap p, .txt_box_wrap li{font-size:16px; word-break:break-word; word-wrap:break-word;}
.txt_box_wrap li p{text-indent:0;}
.txt_box_wrap .txt1{margin-bottom:28px;}
.txt_box_wrap .tbl_li{padding-left:0; text-indent:0; margin-bottom:28px;}
.txt_box_wrap .tbl_li .txt1{display:block;}
.txt_box_wrap .num_list li, .txt_box_wrap .num_list .tbl_li p{padding-left:14px; text-indent:-14px;}
.txt_box_wrap .num_round_list li, .txt_box_wrap .num_round_list .tbl_li p{padding-left:18px; text-indent:-18px;}
.txt_box_wrap .bullet_list > li{position:relative; padding-left:20px; margin-bottom:8px; text-indent:-3px;}
.txt_box_wrap .bullet_list li:last-child{margin-bottom:0;}
.txt_box_wrap .bullet_list li:before{position:absolute; left:0; top:10px; width:3px; height:3px; background:#333; content:"";}
.txt_box_wrap p + .cont_inner{padding-top:38px;}

/* more_banner */
.more_banner{overflow:hidden; padding:20px 30px; border:1px solid #ccc;}
.more_banner p{float:left; width:890px; height:45px; line-height:45px; vertical-align:middle;}
.more_banner a{float:right;}

/* form - common */
/* custom_select */
.custom_select{position:relative; width:110px;}
.custom_select select{position:absolute; left:0; top:0; width:100%; height:100%; padding:0 10px;}
.custom_select .select_txt{font-size:16px; text-align:left; display:block; width:100%; padding:0 10px; height:45px; line-height:45px; border:1px solid #ccc; background:url(/resources/images/jp/common/select_arrow_ico.png) #fff right 10px center no-repeat; box-sizing:border-box;}

.custom_select.focus{outline:1px dashed #7fa6d3;}
.custom_select.full{width:100%;}
.custom_select.short{width:95px;}
.custom_select_area{overflow:hidden;}
.custom_select_area.triple .custom_select{float:left; width:310px; margin-right:25px;}
.custom_select_area .custom_select.last{margin-right:0;}

/* custom_file */
.custom_file{position:relative; width:100%; padding-right:170px; box-sizing:border-box;}
.custom_file .file_text{background-color:#fff; border:1px solid #ccc;}
.custom_file label{position:absolute; right:0; top:0; cursor:pointer;}
.custom_file label.focus{outline:1px dashed #7fa6d3}

/* form - agree */
.agree_area .agree{display:inline-block; margin-left:20px;}
.agree_area .agree input[type="radio"]{width:19px; height:19px;}
.agree_area .agree label{margin-left:8px;}
.agree_area .agree:first-child{margin-left:0;}
.agree_area .agree *{display:inline-block; vertical-align:middle;}

.privacy_form .agree_area{padding-top:30px; text-align:right;}
.privacy_form .agree_area p{text-align:left;}
.privacy_form .agree_bottom{padding-top:30px;}
.privacy_form .agree_bottom .agree input[type="checkbox"]{width:14px;height:14px;}
.privacy_form .agree_bottom .agree_area{padding-top:10px; text-align: right;}
.privacy_form .agree_box{width:100%; padding:48px 50px; border:1px solid #ccc; box-sizing:border-box;}
.privacy_form .agree_box h5{font-size:16px; margin-bottom:8px; font-weight:400; color:#2C7CD8;}
.privacy_form .agree_box .list{margin-bottom:5px;}
.privacy_form .agree_box .list li:before{display:inline-block; margin-right:5px; content:"·";}
.privacy_form .agree_box .cont{margin-bottom:23px;  line-height:1.4em;}
.privacy_form .agree_box .cont.last{margin-bottom:0;}
.privacy_form .agree_box .txt1{margin-bottom:35px;}
.privacy_form .agree_box .highlight{font-size:19px; color:#2C7CD8; text-decoration:underline;}
.privacy_form .basic_table{margin-top:23px;}
/* 220425 추가 */
.privacy_form .basic_table, .privacy_form .basic_table2{margin-top:23px;}
.privacy_form .basic_table2 thead th:first-child, .privacy_form .basic_table2 tbody td:first-child{border-left: none; text-align: center;}
.privacy_form .agree_bottom .agree_top:after{content:''; display:block; clear:both;}
.privacy_form .agree_box + .agree_bottom{padding:30px 50px 0;}
.privacy_form .agree_chk{text-align:right; margin-top:10px;}
.privacy_form .agree_chk > *{display:inline-block;vertical-align: middle;}
.privacy_form .agree_chk label{margin-left:4px; vertical-align: 0;}
/* 220425 추가 */

/* form - info */
.form_desc{margin-bottom:8px; text-align:right;}
.form_desc .point_txt{display:inline-block; vertical-align:middle;}
.info_form{position:relative; padding:55px 80px 50px; background:#f3f3f3; border-top:1px solid #000;}
.info_form input[type="text"]{width:100%;}
.info_form textarea{width:100%; text-align:left;}
.info_form textarea::placeholder{text-align:left;}
.info_form .comment{padding-top:10px;}
.info_form .comment li{margin-bottom:5px;}
.info_form .comment li:last-child{margin-bottom:0;}
.info_form_list .form_tit{display:block; margin-bottom:13px; font-size:20px; font-weight:600; color:#333;}
.info_form_list .form_tit span{display:inline-block; vertical-align:middle;}
.info_form_list > li{margin-bottom:18px;}
.info_form_list > li:after{clear:both; display:block; content:""; }
.info_form_list > li:last-child{margin-bottom:0;}
.info_form_list > li.line{padding-bottom:27px; margin-bottom:27px; border-bottom:1px solid #ccc;}
.info_form_list li .dual_type{float:left; width:480px; margin-left:20px;}
.info_form_list li .dual_type:first-child{margin-left:0;}
.info_form_list input[type="text"].tel_input1 {width:308px;}
.info_form_list input[type="text"].tel_input1 + span{display:inline-block; vertical-align:middle; width:38px; height:45px; line-height:45px; text-align:center;}
.info_form_list input[type="text"].tel_input2{width:625px;}
.info_form_list .capchar_area{overflow:hidden;}
.info_form_list .capchar_area .capchar{overflow:hidden; float:left; width:208px; height:45px;}
.info_form_list .capchar_area .capchar img{width:100%;}
.info_form_list .capchar_area .btn_refresh{float:left; width:160px; margin-left:10px;}
.info_form_list .capchar_area input[type="text"]{float:left; width:400px; margin-left:20px;}
.info_form_list .lang_list li{display:inline-block; margin-left:28px;}
.info_form_list .lang_list li:first-child{margin-left:0;}
.info_form_list .lang_list li *{display:inline-block; vertical-align:middle;}
.info_form_list .lang_list li label{margin-left:8px; font-size:16px; color:#333;}
.info_form_list .lang_list li input[type="radio"]{width:20px; height:20px;}
.info_form_list + .bottom_area{margin-top:50px; padding-top:50px; border-top:1px solid #ccc;}
.info_form_list + .bottom_area p{font-size:16px; color:#333; text-align:center;}
.info_form_list + .bottom_area .check_txt{text-align:left;}
.info_form_list + .bottom_area .check_txt *{display:inline-block; vertical-align:middle;}
.info_form_list + .bottom_area .check_txt input[type="checkbox"]{width:20px; height:20px;}
.info_form_list + .bottom_area .check_txt label{margin-left:6px; font-size:16px;}
.info_form_list + .bottom_area .comment{padding-top:18px;}
.info_form_list + .bottom_area .comment li{margin-bottom:5px;}
.info_form_list + .bottom_area .comment li:last-child{margin-bottom:0;}
.info_form + .btn_center{padding-top:30px;}
/* 첨부파일 숨김 */
.info_form_list li.file {
    display: none;
}
/* 문의하기 첨부파일 숨김 해제 */
.support.inquiry .info_form_list li.file {
    display: block;
}

/* srch_area */
.page_srch_area{position:relative; width:100%; height:56px; padding-bottom:10px; margin-bottom:60px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.page_srch_area .srch_list{overflow:hidden;}
.page_srch_area .srch_list li{position:relative; float:left; width:auto;}
.page_srch_area .srch_list li:after{position:absolute; left:0; top:50%; width:1px; height:15px; margin-top:-7.5px; background:#ccc; content:"";}
.page_srch_area .srch_list a{display:block; padding:0 18px; height:45px; line-height:45px; font-size:18px; font-weight:600; text-align:center; }
.page_srch_area .srch_list li:first-child a{padding-left:0;}
.page_srch_area .srch_list li:first-child:after{display:none; content:"";}
.page_srch_area .srch_list li.on a{color:#043285;}
.page_srch_area .srch_area{position:absolute; right:0; top:0; width:417px; box-sizing:border-box;}
.page_srch_area .srch_area:after{display:block; clear:both; content:"";}
.page_srch_area .srch_area .custom_select{float:left; width:110px;}
.page_srch_area .srch_area input[type="text"]{float:left; width:238px; height:45px; padding:0 10px; margin-left:10px; border:1px solid #ccc; box-sizing:border-box;}
.page_srch_area .srch_area .srch_btn{float:left; width:45px; height:45px; margin-left:10px; background:url(/resources/images/jp/common/btn_srch_ico_l.png) 50% 50% no-repeat #043285;}

/* board - common */
.board_section{width:1140px; margin:0 auto;}
.board_section .sec_inner{margin-bottom:80px;}
.board_section .sec_inner.last{margin-bottom:0;}
.board_section .board_inner{overflow:hidden;}
.board_section .board_inner img{width:100%;}
.board_section h4{margin-bottom:30px; font-size:30px; font-weight:600; line-height:1; color:#000;}
.board_section .txt1{margin-bottom:30px;}

/* board - view */
.board_view{width:100%; border-top:2px solid #333; border-bottom:2px solid #333;}
.board_view .board_tit{overflow:hidden; position:relative; padding:24px 50px; border-bottom:1px solid #ccc; background:#f3f3f3; }
.board_view .board_tit .tit{overflow:hidden; display:inline-block; vertical-align:middle; max-width:774px; max-height:63px; word-wrap:break-word; word-break:break-word; font-size:22px; font-weight:600; line-height:1.4em; color:#333;}
.board_view .board_tit i{display:inline-block; vertical-align:middle; padding:0 8px; margin-top:2px; margin-right:15px; height:30px; line-height:30px; background:#132488; font-size:13px; font-weight:600; font-style:normal; text-align:center; color:#fff;}
.board_view .board_tit i.company{background-color:#1428a0;}
.board_view .board_tit i.product{background-color:#327f2e;}
.board_view .board_tit i.careers{background-color:#f26522;}
.board_view .board_tit i.cardnews{background:#2C7CD8;}
.board_view .board_tit .date{position:absolute; right:50px; top:50%; width:160px; height:24px; margin-top:-12px; margin-left:13px; line-height:24px;}
.board_view .board_tit .date dt,.board_view .board_tit .date dd{display:inline-block; vertical-align:top; font-size:16px;}
.board_view .board_tit .date dt{font-weight:600; color:#333;}
.board_view .board_tit .date dd{margin-left:25px; color:#333;}
.board_view .board_top{padding:18px 50px 17px 50px; border-bottom:1px solid #ccc;}
.board_view .board_top dl{position:relative; padding-left:127px;}
.board_view .board_top dt,.board_view .board_top dd{display:inline-block; vertical-align:top; font-size:16px;}
.board_view .board_top dt{position:absolute; left:0; top:50%; width:100px; height:24px; margin-top:-12px; font-weight:600; color:#333;}
.board_view .board_top dd{margin-right:25px;}
.board_view .board_top dd a{color:#333;}
.board_view .board_top dd.download a{position:relative; width:100%; display:inline-block; padding-right:25px; box-sizing:border-box;}
.board_view .board_top dd.download a:after{position:absolute; top:50%; right:0; width:15px; height:13px; margin-top:-6.5px; background:url(/resources/images/jp/newsroom/news_view_download_ico.png) 0 0 no-repeat; content:"";}
.board_view .board_inner{overflow:hidden; padding:80px 50px; word-wrap:break-word; word-break:break-word; font-size:18px;}
.board_view .board_inner img{width:auto; max-width:100%; margin-bottom:26px;}
.board_view + .btn_center{padding-top:30px;}
.board_view p{line-height: 1.8em;}
.board_view .relate_article .article_title{margin-bottom: 20px; font-size: 22px; font-weight: 600; line-height: 1em;}
.board_view .relate_article .article_list{border-top: 1px solid #000; border-bottom: 1px solid #000;}
.board_view .relate_article .article_list li{display: table; width: 100%; border-bottom: 1px solid #ccc;}
.board_view .relate_article .article_list li:last-child{border-bottom: 0;}
.board_view .relate_article .article_list li a{position: relative; display: table-cell; padding: 15px 32px; font-size: 16px; line-height: 1.5em; background: #f4f4f4; overflow: hidden;}
.board_view .relate_article .article_list li a:before{content: ''; display: block; position: absolute; top: 24px; left: 20px; width: 5px; height: 8px; background: url(/resources/images/jp/newsroom/icon_relate_arr.png) 0 0 no-repeat;}
.board_view .relate_article .article_list li a:focus,
.board_view .relate_article .article_list li a:hover{color: #277fc9; text-decoration: underline; background: #edf6fd;}
.board_view .relate_article .article_list li a:hover:before,
.board_view .relate_article .article_list li a:focus:before{background-image: url(/resources/images/jp/newsroom/icon_relate_arr_on.png);}

/* section */
.section{width:1140px; margin:0 auto 120px;}
.section.last{margin-bottom:0;}
.section h3,
.full_section h3{position:relative; padding-bottom:30px; margin-bottom:30px; font-size:38px; font-weight:600; line-height:1; color:#000;}
.section h3:after{position:absolute; left:0; bottom:0; width:40px; height:3px; background:#2C7CD8; content:"";}
.section h4{margin-bottom:24px; font-size:30px; font-weight:400; line-height:1; color:#000;}

.section .sec_txt{font-size:16px;}
.section .sec_txt.txt1{margin-bottom:30px;}
.section .sec_inner{margin-bottom:80px;}
.section .sec_inner.last{margin-bottom:0;}

.full_section{width:100%; min-width:1140px; max-width:1920px; padding:60px 0; margin-bottom:120px;}
.full_section.bg{background-color:#f3f3f3;}
.full_section .sec_tit_area{width:1140px; margin:0 auto 30px;}
.full_section .sec_tit_area h3{margin-bottom:0;}
.full_section .sec_inner{width:1140px; margin:0 auto;}
.full_section .sec_inner.full{width:100%;}
.full_section .sec_inner.full .inner_cont{width:1140px; margin:0 auto;}

.section .txt_unit{margin-bottom:10px; text-align:right;}
.section .info_txt{margin-top:15px; font-size:14px; text-align:right;}
.section .info_txt span{display:inline-block; vertical-align:middle;}

/* about-us - common */
/* @cont_box(bg section), @cont_box.bg(bg image 있는 section) */
.cont_box{width:100%; padding:60px 0; background:#f3f3f3; box-sizing:border-box; text-align:center;}
.cont_box .cont_tit{display:inline-block; padding-bottom:8px; margin-bottom:20px; font-size:28px; line-height:1; font-weight:600; border-bottom:2px solid #333;}
.cont_box .cont_tit .txt1{display:inline-block; padding-bottom:8px; margin-bottom:15px; border-bottom:2px solid #333;}
.cont_box .cont_tit .txt2{display:block;}
.cont_box.bg{padding:57px 0; background-position:0 0; background-repeat:no-repeat;}
.cont_box.bg .cont_tit{color:#fff; border-color:#fff;}
.cont_box.graph{position:relative; padding:50px 0;}
.cont_box.left{padding:26px 30px; text-align:left;}
.section .sec_txt + .cont_box{margin-top:30px;}
.section .sec_txt + .btn_area{padding-top:30px;}
.cont_box .pie_graph{position:absolute; left:50%; top:0; width:750px; height:100%; margin-left:-425px;}
.cont_box .pie_graph dl{position:absolute; width:auto;}
.cont_box .pie_graph dt, .cont_box .pie_graph dd{text-align:left; color:#333; line-height:1;}
.cont_box .pie_graph dt{margin-bottom:8px; font-size:20px; font-weight:600;}
.cont_box .pie_graph dd{font-size:16px;}
.cont_box .pie_graph .data1{left:10px; top:130px;}
.cont_box .pie_graph .data2{right:-14px; top:130px;}
.cont_box .pie_graph .data3{left:103px; top:268px;}
.cont_box .pie_graph .data4{right:-30px; top:357px;}
.cont_box .pie_graph .data5{right:-14px; top:254px;}
.cont_box .pie_graph .data1 dt,
.cont_box .pie_graph .data1 dd,
.cont_box .pie_graph .data3 dt,
.cont_box .pie_graph .data3 dd{text-align:right;}
.cont_box .desc{font-weight:600; font-size:18px; margin-bottom:27px; padding-left:18px; text-indent:-18px;}
.cont_box .cont_list{padding-left:18px;}
.cont_box .cont_list dt:first-child{margin-top:0;}
.cont_box .cont_list dt{margin-top:33px; margin-bottom:5px; font-size:16px; color:#2C7CD8;}

/* 2023리뉴얼 - 기업소개 삭제 부분 start */
/* about-us - company common */
.sales_office .section h3,
.rnd .section h3{margin-bottom:0;padding-bottom:0;}
.sales_office .section h3:after,
.rnd .section h3:after{background:none;}
.company .map_area{margin-bottom:74px;}
.company .map_area .box_area{width:100%; padding-bottom:30px; text-align:center; }
.company .btn{width:120px;}
.company h3.blind{height:1px; margin-bottom:0; padding-bottom:0;}

/* company - overview */
.overview #content{padding-bottom:0;}
.overview .info_area{margin-bottom:30px;}
.overview .info_list_wrap{padding:50px 0 20px; background-color:#f3f3f3;}
.overview .info_list{overflow:hidden; margin-bottom:20px;}
.overview .info_list li{overflow:hidden; position:relative; float:left; width:229px; height:81px; padding:176px 28px 0; text-align:center;}
.overview .info_list li:before{content:""; position:absolute; left:50%; top:0; width:156px; height:156px; margin-left:-78px; background-image:url(/resources/images/jp/about_us/overview_info_list_ico.png); background-repeat:no-repeat; background-position:0 0;}
.overview .info_list .li1:before{content:""; background-position:0 0;}
.overview .info_list .li2:before{content:""; background-position:-156px 0;}
.overview .info_list .li3:before{content:""; background-position:-312px 0;}
.overview .info_list .li4:before{content:""; background-position:-468px 0;}
.overview .info_list li:after{content:""; position:absolute; left:0; top:10px; width:1px; height:100%; background-color:#ccc;}
.overview .info_list li:first-child:after{content:""; display:none;}
.overview .info_list li dt{font-size:16px; color:#666; line-height:1;}
.overview .info_list li dd{font-size:24px; color:#333; line-height:1; letter-spacing:-0.05em;}
.overview .info_list li dd em{font-size:32px; font-weight:400;}
.overview .info_list li .info_dl dt{margin-bottom:8px; font-size:16px; color:#666; line-height:1;}
.overview .info_list li .ico_list{margin-bottom:9px; text-align:left;}
.overview .info_list li .ico_list.last{margin-bottom:0;}
.overview .info_list li .ico_list dt{display:inline-block; vertical-align:bottom; width:60px; height:25px; font-size:12px; background-color:#636a72; border-radius:5px; line-height:25px; color:#fff; text-align:center;}
.overview .info_list li .ico_list dd{display:inline-block; vertical-align:middle; margin-left:3px; letter-spacing:-4px;}
.overview .list_desc{font-size:16px; text-align:center; color:#666;}
.overview .info_area .link_btn_area{padding:10px 0; background-color:#e7e7e7; text-align:right;}
.overview .info_area .link_btn_area a{display:inline-block; padding:0 19px; margin-right:10px; background:#043385; font-size:14px; line-height:40px; color:#fff;}
.overview .info_area .link_btn_area a:after{display:inline-block; width:23px; height:15px; margin-left:10px; background:url(/resources/images/jp/about_us/youtube_btn_ico.png) 0 0 no-repeat; vertical-align:-2px; content:"";}
.overview .ceo_greetings{height:576px; padding:45px 0 0 87px; background:url(/resources/images/jp/about_us/overview_profile1.jpg) 0 0 no-repeat; box-sizing:border-box;}
.overview .ceo_greetings .inner{}
.overview .ceo_greetings .point_txt{margin-bottom:25px; font-size:30px; line-height:38px; color:#000;}
.overview .ceo_greetings .txt1{letter-spacing:-0.4px; color:#666;}
.overview .ceo_greetings .signature{min-height:52px; background:url(/resources/images/jp/about_us/overview_profile_signature.jpg) 192px 0 no-repeat; font-size:18px; line-height:24px; color:#000;}
.overview .profile_area1{border-bottom:1px solid #ccc;}
.overview .profile_area1 h4{margin-bottom:0; border-top:1px solid #ccc;}
.overview .profile_area1 h4 a{display:block; font-size:16px; line-height:40px; text-align:center;}
.overview .profile_area1 h4 a:after{display:inline-block; width:11px; height:6px; margin-left:11px; background:url(/resources/images/jp/about_us/overview_profile_bull.jpg) 0 0 no-repeat;vertical-align:3px; content:"";}
.overview .profile_area1.on h4 a:after{background-position:-11px 0;}
.overview .profile_area1 .inner{overflow:hidden; display:none; padding:30px 38px; border-top:1px solid #ccc;}
.overview .profile_area1 dl{float:left; width:570px;}
.overview .profile_area1 dl.left{border-right:1px solid #c9c9ca;}
.overview .profile_area1 dl.right{width:459px; padding-left:27px;}
.overview .profile_area1 dt{margin-bottom:18px; font-size:20px; color:#000;}
.overview .profile_area1 dd{padding-left:12px; margin-bottom:11px; line-height:1.2; text-indent:-12px; color:#666;}
.overview .profile_area1 dd:last-child{margin-bottom:0;}
.overview .sec2{padding:0;}
.overview .sec2 > .sec_inner{background:#f3f3f3; padding-bottom:80px;}
.overview .mission_area{height:458px; background:url(/resources/images/jp/about_us/overview_bg_mission.jpg) center 0 no-repeat; text-align:center;}
.overview .mission_area .inner{width:1140px; padding-top:80px; margin:0 auto;}
.overview .mission_area h4{position:relative; padding-bottom:14px; margin-bottom:24px; font-size:20px; font-weight:600; line-height:1; color:#fff;}
.overview .mission_area h4:after{position:absolute; left:50%; bottom:0; width:20px; height:1px; margin-left:-10px; background:#fff; content:"";}
.overview .mission_area .txt1{margin-bottom:22px; font-size:28px; font-weight:600; line-height:36px; color:#fff;}
.overview .mission_area .txt2{font-size:16px; line-height:26px; color:#a1a4aa;}
.overview .vision_area{padding-top:202px; margin:0 auto; margin-top:-144px; background:url(/resources/images/jp/about_us/overview_vision_bg.png) center 0 no-repeat;  text-align:center;}
.overview .vision_area h4{position:relative; padding-bottom:14px; margin-bottom:24px; font-size:20px; font-weight:600; line-height:1; color:#000;}
.overview .vision_area h4:after{position:absolute; left:50%; bottom:0; width:20px; height:1px; margin-left:-10px; background:#000; content:"";}
.overview .vision_area .txt1{margin-bottom:42px; font-size:28px; font-weight:600; line-height:36px; letter-spacing:-0.5px; color:#000;}
.overview .vision_area .sub_txt{font-weight:400; color:#666;}
.overview .vision_area .cont_box1{width:1315px; margin:0 auto 60px;}
.overview .vision_area .cont_box1 h5{margin-bottom:18px; font-size:20px; font-weight:600;line-height:1; color:#000;}
.overview .vision_area .cont_box1 .core_value{overflow:hidden; width: 100%; position:relative; padding-top:94px; margin:0 auto;}
.overview .vision_area .cont_box1 .core_value:after{position:absolute; left:50%; top:0; width:1113px; height:111px; margin-left:-558px; background:url(/resources/images/jp/about_us/overview_vision_line.png) center 0 no-repeat; content:"";}
.overview .vision_area .cont_box1 .core_value dl{position:relative; float:left; width:219px; min-height:390px;}
.overview .vision_area .cont_box1 .core_value dl:after{position:absolute; left:0; top:217px; width:1px; height:216px; background:#ccc; content:"";}
.overview .vision_area .cont_box1 .core_value dl:first-child:after{content:none;}
.overview .vision_area .cont_box1 .core_value dt{display:table; width:180px; height:180px; margin:0 auto 30px; background:#fff; border:10px solid #deedf8; border-radius:50%; box-sizing:border-box; font-size:18px;}
.overview .vision_area .cont_box1 .core_value dl:nth-child(2) dt,
.overview .vision_area .cont_box1 .core_value dl:nth-child(4) dt{border-color:#e7e8e9;}
.overview .vision_area .cont_box1 .core_value .sub_txt{display:table-cell; padding:0 18px; font-weight:600; vertical-align:middle; color:#666;}
.overview .vision_area .cont_box1 .core_value .color{color:#2C7CD8;}
.overview .vision_area .cont_box1 .core_value dd{padding-left:30px; padding-right:20px; margin-bottom:8px; box-sizing:border-box; font-size:16px; line-height:26px; text-align:left; letter-spacing:-0.5px; text-indent:-6px;}
.overview .vision_area .cont_box1 .core_value dd:before{display:inline-block; width:2px; height:2px; margin-right:3px; background:#737373; vertical-align:middle; content:"";}
.overview .vision_area .cont_box2{width:1440px; height:150px; padding-top:42px; margin:0 auto; background:url(/resources/images/jp/about_us/overview_vission_cont2.png) center 0 no-repeat; box-sizing:border-box;}
.overview .vision_area .cont_box2 h5{margin-bottom:12px; font-size:22px; font-weight:400; line-height:1; color:#000;}
.overview .vision_area .cont_box2 .txt1{font-size:28px; font-weight:600; color:#2C7CD8;}

/* company - ceo-message */
.ceo_message .ceo_greetings{overflow:hidden;}
.ceo_message .ceo_greetings .img_ceo{float:left; width:554px; height:800px; background:url(/resources/images/jp/about_us/img_ceo.jpg) no-repeat center 0 /auto 100%;}
.ceo_message .greeting_message{margin-top:-5px; float:left; width:586px; padding-left:100px; box-sizing:border-box; }
.ceo_message .greeting_message .txt{font-size:19px; color:#666; line-height:32px; letter-spacing:-0.04em;}
.ceo_message .greeting_message .txt + .txt{margin-top:30px;}
.ceo_message .greeting_message .signature{margin-top:38px; font-size:22px; color:#000; line-height:32px; letter-spacing:-0.05em; padding:0 0 100px; background:url(/resources/images/jp/about_us/ceo_sign.jpg) no-repeat 0 100%; }

/* company - award, history */
.history #content,
.award #content{padding:0 0 160px;}
.history .section.last .lnb_cont,
.award .section.last .lnb_cont{padding-bottom:0;background:none;}
.company .point{color:#2C7CD8;text-decoration:underline;}

.company .lnb_cont{padding-top:40px; padding-bottom:100px; background:url(/resources/images/jp/about_us/bg_history_under_dot.gif) left bottom repeat-x;}
.company .lnb_cont .year_area{width:100%;background:url(/resources/images/jp/about_us/bg_history_line.gif) 514px top repeat-y;}
.company .lnb_cont .year_area .year{position:relative;margin-left:350px;width:173px;font-size:40px;color:#000;font-weight:400;background:url(/resources/images/jp/about_us/bg_history_circle_01.png) right center no-repeat;}
.company .lnb_cont .year_area .month{overflow:hidden;position:relative;margin:0 0 35px 511px;width:620px;}
.company .lnb_cont .year_area .month dt{float:left; width:70px; padding-left:30px; background:url(/resources/images/jp/about_us/bg_history_circle_02.gif) left 8px no-repeat; font-size:20px; font-weight:400; line-height:1.2; color:#000;}
.company .lnb_cont .year_area .month dd{float:left; width:520px;}
.company .lnb_cont .year_area .month dd p{padding:0 0 0 10px; margin-bottom:4px; background:url(/resources/images/jp/common/bg_list_dot.gif) left 10px no-repeat;}
.company .lnb_cont .year_area .month.last{margin-bottom:0;}

/* @가운데 배경 라인 정리 */
.company .lnb_cont .year_area .year.first::before{position:absolute;right:0;top:0;width:30px;height:21px;content:"";background-color:#fff;}
.company .lnb_cont .year_area .month.last::after{position:absolute;left:0;top:16px;width:20px;height:80px;content:"";background-color:#fff;}

/* company - history */
.history .lnb_scroll{margin-bottom:40px;}
.history .section{margin-bottom:0;}
.history .section.last{margin-bottom:0;}
.history .lnb_cont{padding-top:40px;}

/* company - award */
.award .lnb_scroll{margin-bottom:0;}
.award .section{margin-bottom:0;}
.award .section.last{margin-bottom:0;}
.award .lnb_cont{padding-top:100px;}
.award .lnb_cont[data-anchor="lnb1"]{padding-top:80px;}

/* company - production */
.production table tbody td{padding:16px 0 16px 40px}
.production .btn:hover{background:#043285;color:#fff;border:none;}
.production .btn:hover:after{background-image:url(/resources/images/jp/common/btn_arrow_ico_w.png);}

/* company - prvideo */
.prvideo .sec1{margin-bottom:80px;}
.prvideo .video_list{overflow:hidden;}
.prvideo .video_list li{float:left; width:550px; margin-top:50px; margin-left:40px;}
.prvideo .video_list li:nth-child(2n+1){margin-left:0;}
.prvideo .video_list li:nth-child(-n+2){margin-top:0;}
.prvideo .video_list li .video_wrap{min-height:308px;}
.prvideo .video_list li .video_wrap .video_tit{margin-top:20px;}
/* 2023리뉴얼 - 기업소개 삭제 부분 end */

/* about-us - investor_relations - common */
.shareholder .section,
.stock .section,
.financial .section,
.governance.oper_of_bod .section,
.governance.status .section,
.archive .section{margin-bottom:80px;}
.shareholder .section.last,
.stock .section.last,
.financial .section.last,
.governance.oper_of_bod .section.last,
.governance.status .section.last,
.archive .section.last{margin-bottom:0;}

/* investor_relations - earnings_release */
.earnings_release h3.blind{height:1px;margin-bottom:0;padding-bottom:0;}
.earnings_release .language_area{float:right; margin-left:40px; width:340px;}
.earnings_release .language_area .tit{margin-bottom:4px;}
.earnings_release .language_area a.btn_download{margin-right:15px;}
.earnings_release .box_area{overflow:hidden;margin-top:60px;padding:30px 34px;border:1px solid #ccc;}
.earnings_release .box_area dt{float:left;margin-right:20px;padding-right:20px;background:url(/resources/images/jp/common/bg_bar.gif) right center no-repeat;}
.earnings_release .box_area dd{float:left;}
.earnings_release .box_area dd span{display:inline-block;margin-left:18px;}

/* investor_relations - stock */
.stock .now_stock_wrap{overflow:hidden;padding-bottom:60px;}
.stock .now_stock_wrap .now_stock{float:left;width:540px;}
.stock .now_stock_wrap .stock_info{float:right;width:540px;}
.stock .now_stock .tit{width:100%;height:60px;line-height:60px;vertical-align:middle;background:url(/resources/images/jp/about_us/bg_now_stock.jpg) left top repeat-x;font-size:20px;color:#fff;font-weight:400;text-align:center;}
.stock .now_stock dl{overflow:hidden;border-bottom:1px solid #000;padding:10px 60px 12px;}
.stock .now_stock dl dt{float:left;width:145px;padding-top:15px;box-sizing:border-box;}
.stock .now_stock dl dt span{display:block;font-size:14px;color:#888;}
.stock .now_stock dl dt span.sub_tit{font-size:16px;color:#333;margin-bottom:5px;background:url(/resources/images/jp/common/bg_stock_bar.gif) right center no-repeat;}
.stock .now_stock dl dd{float:right;box-sizing:border-box;font-size:70px;color:#333;}
.stock .arrow_red{display:inline-block;font-size:12px;margin-right:4px;color:#f50000;}
.stock .arrow_blue{display:inline-block;font-size:12px;margin-right:4px;color:#043285}
.stock .basic_table2.type1 tbody th,
.stock .basic_table2.type1 tbody td{padding:17px 10px 18px;}


/* investor_relations - financial */
.financial .basic_table2 tbody th{background:none;}
.financial .tbl_tit{margin-bottom:0;}
.financial .highlight_graph{overflow:hidden;}
.financial .highlight_graph li{position: relative; float:left; width:550px; padding:30px; margin-bottom:30px; margin-left:40px; background-color:#f3f3f3; box-sizing:border-box;}
.financial .highlight_graph li:nth-child(odd){margin-left:0;}
.financial .highlight_graph li:nth-last-of-type(1),.financial .highlight_graph li:nth-last-of-type(2){margin-bottom:0;}
.financial .highlight_graph li.graph1{height:386px;}
.financial .highlight_graph li.graph2{height:392px;}
.financial .highlight_graph li.graph3{height:390px;}
.financial .highlight_graph .graph_tit{position:relative;}
.financial .highlight_graph .legend{position:absolute; right:0; top:0; font-size:14px; color:#666;}
.financial .highlight_graph .graph_cont{position: absolute; bottom: 30px; right: 50px; text-align:right;}
.financial .basic_table2 tbody tr .bg_grey{background:#f3f3f3;}

/* investor_relations - governance */
.governance .table_desc{margin-bottom:20px; text-align:right;}
.governance .table_desc *{vertical-align:middle;}
.governance .table_desc >span{display:inline-block; margin-left:20px;}
.governance .table_desc >span .agree{overflow:hidden; display:inline-block; vertical-align:-2px; width:15px; height:15px; margin-right:10px; border-radius:100%; border:1px solid #666; box-sizing:border-box; font-size:0;}
.governance .table_desc >span .agree.point{background:#666;}
.governance table tbody td .date{font-size:14px;}
.governance table tbody th{background-color:#fff;}
.governance .basic_table{word-break:keep-all;}
.governance .sec1 h3 + .sec_txt{margin-bottom:80px;}
.governance .sec2 h4{margin-bottom:0;}

.governance .director_list{overflow:hidden;} 
.governance .director_list li{overflow:hidden; width:100%; height:190px; margin-bottom:40px; background-color:#f3f3f3;}
.governance .director_list li.last{margin-bottom:0;}
.governance .director_list li .img{overflow:hidden; float:left; width:150px;}
.governance .director_list li .img img{width:100%;}
.governance .director_list li .txt_box{width:calc(100% - 150px); overflow:hidden;float:left;padding:40px 0 0 30px;box-sizing:border-box;}
.governance .director_list li .txt_box > dt{margin-bottom:13px;padding-bottom:12px;line-height:1.3em;font-size:24px;color:#333;font-weight:600;background:url(/resources/images/global/about_us/bg_director_bar.gif) left bottom no-repeat;}
.governance .director_list li .txt_box > dt span{display:inline-block;margin-left:10px;font-size:16px;}
.governance .director_list li .txt_box dd dl{overflow:hidden;}
.governance .director_list.in li .txt_box{padding:40px 0 0 20px;}
.governance .director_list.in li .txt_box > dd {float:left; width:320px; box-sizing:border-box;}
.governance .director_list.in li .txt_box > dd + dd{width:calc(100% - 320px); padding:0 0 0 15px; border-left:1px solid #ccc;}
.governance .director_list li .txt_box dd dl dt{float:left;}
.governance .director_list li .txt_box dd dl dd{float:left;}
.governance .director_list li .txt_box dd p,
.governance .director_list li .txt_box dd dl{font-size:14px; letter-spacing:-0.05em;}
.governance .director_list li .txt_box dd .point{color:#043285;}
.governance .director_list li .txt_box dd .ls{letter-spacing:-0.06em;}
.governance .director_list li .txt_box dd p > span{display:inline-block;margin-left:15px;}
.governance .director_list li .txt_box dd ul li{display:flex; height:auto; margin:0; font-size:14px; background-color:inherit;}
.governance .director_list li .txt_box dd ul li span.year{width:100px; letter-spacing:-0.04em;}
.governance .director_list li .txt_box dd ul li span.desc{width:calc(100% - 100px); word-break:keep-all; letter-spacing:-0.04em;}

.governance .btn_right{padding-top:0;}
.governance .btn_download{width:500px;margin-bottom:15px;}

.governance .tab_area{position:relative;}
.governance .tab_area .tablist{overflow:hidden; display: flex; width:auto; margin-top: 20px; margin-bottom: 30px;}
.governance .tab_area .tablist li{width :auto; height: auto; padding: 0 30px; font-size:18px; text-align:center; border:0;background:url(/resources/images/jp/common/bg_tab_bar.gif) left center no-repeat;box-sizing:border-box;cursor:pointer;}
.governance .tab_area .tablist li:first-child{padding-left: 0; background-image:none;}
.governance .tab_area .tablist li.active{color:#043285;font-weight:600;}

.governance .down_banner dl{display:inline-block; width:890px; padding-top:11px; vertical-align:middle;}
.governance .down_banner dt{display:inline-block; padding-right:20px; font-size:20px; vertical-align:middle; color:#333;}
.governance .down_banner dd{display:inline-block; padding-left:15px; border-left:1px solid #aaaaaa; font-size:16px; vertical-align:middle; color:#666;}

/* investor_relations - archive */
.archive .sec1 h4{margin-bottom:30px;}
.archive .sec1 .sec_inner{margin-bottom:60px;}
.archive .sec1 .sec_inner.last{margin-bottom:0;}
.archive .sec1 h5{margin-bottom:30px; font-size:20px; font-weight:400;}
.archive .txt_unit{margin-top:16px;margin-bottom:0;font-size:14px;}
.archive .half_area{overflow:hidden;}
.archive .half_area .left_area{float:left;width:455px;margin-right:130px;}
.archive .half_area .right_area{float:left;width:550px;}
.archive .half_area .right_area table{width:455px;}
.archive .half_area .right_area .txt_unit{text-align:left;}
.archive .half_area a.download{min-width:90%;}
.archive a.download{text-indent:0;}


/* about-us - sustainability common */
/* round_list_type1 */
.sustainability .round_list_type1{width:880px; margin:0 auto;}
.sustainability .round_list_type1:after{display:block; clear:both; content:"";}
.sustainability .round_list_type1 li{float:left; width:240px; margin-left:80px; text-align:center;}
.sustainability .round_list_type1 li:first-child{margin-left:0;}
.sustainability .round_list_type1 .tit{display:table; vertical-align:middle; width:100%; height:65px; margin:0 auto; border-radius:65px; background:#636a72; font-size:16px; font-weight:400; color:#fff;}
.sustainability .round_list_type1 .tit span{display:table-cell; vertical-align:middle;}
.sustainability .round_list_type1 .tit.line1{line-height:1;}
.sustainability .round_list_type1 p{padding:16px 0; margin-bottom:50px;}
.sustainability .round_list_type1 i{display:table; vertical-align:middle; position:relative; width:152px; height:152px; margin:0 auto; background-image:url(/resources/images/jp/sustainability/management_round_ico_g.png); background-repeat:no-repeat; background-position:0 0; font-style:normal; color:#fff;}
.sustainability .round_list_type1 i:before{position:absolute; left:50%; top:-49px; width:10px; height:64px; margin-left:-5px; background-image:url(/resources/images/jp/sustainability/management_line_02_g.png); background-position:0 0; background-repeat:no-repeat; content:"";}
.sustainability .round_list_type1 .point .tit{background:#005d9d;}
.sustainability .round_list_type1 .point i{background-image:url(/resources/images/jp/sustainability/management_round_ico_b.png);}
.sustainability .round_list_type1 .point i:before{background-image:url(/resources/images/jp/sustainability/management_line_02_b.png); content:"";}
.sustainability .round_list_type1 .ico_txt span{display:table-cell; vertical-align:middle;}

.sustainability .process_list{overflow:hidden; position:relative;}
.sustainability .process_list:after{position:absolute; top:215px; left:0; width:100%; height:1px; background-color:#ccc; content:"";}
.sustainability .process_list li{float:left; position:relative; width:190px; padding-top:218px; }
.sustainability .process_list li:before{position:absolute; left:50%; top:0; width:190px; height:218px; margin-left:-95px; background-image:url(/resources/images/jp/sustainability/ethics_process_list_ico1.png); background-position:0 0; background-repeat:no-repeat; z-index:1; content:"";}
.sustainability .process_list .ico1:before{background-position:0 0; content:"";}
.sustainability .process_list .ico2:before{background-position:-190px 0; content:"";}
.sustainability .process_list .ico3:before{background-position:-380px 0; content:"";}
.sustainability .process_list .ico4:before{background-position:-570px 0; content:"";}
.sustainability .process_list .tit{position:relative; padding-top:27px; font-size:20px; font-weight:600; margin-bottom:15px;}
.sustainability .process_list.list3{padding:0 55px;}
.sustainability .process_list.list3 li{width:320px; margin-left:35px;}
.sustainability .process_list.list4{padding:0 70px;}
.sustainability .process_list.list4 li{margin-left:80px;}
.sustainability .process_list li:first-child{margin-left:0;}

/* program_img_box */
.sustainability .program_img_box{overflow:hidden;}
.sustainability .program_img_box .cont{margin-bottom:80px;}
.sustainability .program_img_box .cont:last-child{margin-bottom:0;}
.sustainability .program_img_box .cont .comment{display:block; padding-top:18px; font-size:14px; color:#333;}
.sustainability .program_img_box .txt_area p{min-height:104px; font-size:16px; color:#333;}
.sustainability .section .sec_txt + .program_img_box{padding-top:80px;}
.sustainability .full_img + .program_img_box{padding-top:30px;}
.sustainability .full_img + .sec_inner{padding-top:30px;}
.sustainability .program_img_box.box1 .cont{overflow:hidden;}
.sustainability .program_img_box.box1 img{float:left; width:360px;}
.sustainability .program_img_box.box1 .txt_area{float:left; width:740px; margin-left:40px;}
.sustainability .program_img_box.box2 .cont{float:left; width:550px; margin-left:40px;}
.sustainability .program_img_box.box2 .cont:nth-child(2n-1){margin-left:0;}
.sustainability .program_img_box.box2 .cont:nth-last-of-type(1),.sustainability .program_img_box.box2 .cont:nth-last-of-type(2){margin-bottom:0;}
.sustainability .program_img_box .num_list li{padding-left:15px; margin-bottom:12px; text-indent:-15px;}
.sustainability .program_img_box .num_list:last-child{margin-bottom:0;}

/* sustainability - compliance */
/* 210603 클래스 네임 변경 */
.compliance h3{line-height:1.325em;}
.compliance .sec1 .sec_top{position:relative;}
.compliance .sec1 .btn_area{position:absolute; right:0; bottom:0;}
.compliance .sec3 .sec_txt{margin-bottom:30px;}
.compliance .sec3 .outline_list{padding:0 18px;}
.compliance .sec3 .outline_list:after{display:block; clear:both; content:"";}
.compliance .sec3 .outline_list > li{float:left; width:361px; margin-left:10px;}
.compliance .sec3 .outline_list > li:first-child{margin-left:0;}
.compliance .sec3 .outline_list > li h5{font-size:20px; margin-bottom:12px;}
.compliance .sec3 .outline_list li.not .round_list:before{display:none; content:"";}
.compliance .sec3 .round_list{position:relative; padding:12px; background:url(/resources/images/jp/sustainability/compliance_outline_list.png) 0 0 no-repeat;}
.compliance .sec3 .round_list:before{position:absolute; left:50%; top:43px; width:5px; height:67px; margin-left:-2.5px; background:url(/resources/images/jp/sustainability/compliance_list_line.png) 0 0 no-repeat; content:"";}
.compliance .sec3 .round_list:after{display:block; clear:both; content:"";}
.compliance .sec3 .round_list li{position:relative; display:table; float:left; width:181px; height:65px; margin-left:-26px; line-height:1.3em; color:#fff;}
.compliance .sec3 .round_list li span{display:table-cell; vertical-align:middle;}
.compliance .sec3 .round_list li:first-child{margin-left:0;}
.compliance .sec3 .round_list + span{display:block; padding-top:30px;}
.compliance .sec3 .program_graph_box{position:relative; width:100%; height:590px; background-image:url(/resources/images/jp/sustainability/compliance_img_01.png); background-position:50% 77px; background-repeat:no-repeat; box-sizing:border-box;}
.compliance .sec3 .program_graph_box dl{position:absolute; text-align:left;}
.compliance .sec3 .program_graph_box .dl1{right:843px; top:105px; text-align:right;}
.compliance .sec3 .program_graph_box .dl2{left:840px; top:119px; }
.compliance .sec3 .program_graph_box .dl3{left:665px; top:424px; }
.compliance .sec3 .program_graph_box dt{margin-bottom:10px; font-size:20px; font-weight:600; color:#333;}
.compliance .sec3 .program_graph_box dd{font-size:16px; line-height:1.4em; color:#333;}
.compliance .sec4 .txt_area{overflow:hidden;}
.compliance .sec4 .txt{float:left; width:860px;}
.compliance .sec4 .logo{float:right; width:187px;}
.compliance .compliance_list{padding:0 50px; background-color:#f3f3f3;}
.compliance .compliance_list dl{position:relative; padding:40px 0 40px 128px; border-bottom:1px solid #ccc;}
.compliance .compliance_list dl:before{position:absolute; left:0; top:50%; width:100px; height:76px; margin-top:-38px; background-image:url(/resources/images/jp/sustainability/compliance_list_ico_01.png); background-repeat:no-repeat; background-position:0 0; content:""; }
.compliance .compliance_list dl.last{border-bottom:0;}
.compliance .compliance_list dt{margin-bottom:18px; font-size:20px; font-weight:600; color:#333;}
.compliance .compliance_list dd{position:relative; padding-left:13px; margin-bottom:7px; font-size:16px; line-height:1.4em; color:#333;}
.compliance .compliance_list dd:before{position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#333; content:"";}
.compliance .compliance_list dd:last-child{margin-bottom:0;}
.compliance .compliance_list dd em{color:#333;}
.compliance .compliance_list .dl1:before{background-position:0 0; content:"";}
.compliance .compliance_list .dl2:before{background-position:-100px 0; content:"";}
.compliance .compliance_list .dl3:before{background-position:-200px 0; content:"";}
.compliance .process_list li:before{background-image:url(/resources/images/jp/sustainability/compliance_process_list_ico1.png); content:"";}
/* 210603 클래스 네임 변경 */

/* compliance - inquiry */
.sustainability.inquiry .info_form{padding:50px 80px;}

/* sustainability - management_system */
.management_system .strategy_top{position:relative; width:650px; height:112px; margin:0 auto; background:url(/resources/images/jp/sustainability/management_strategy_top_line1.png) 50% 0 no-repeat;}
.management_system .strategy_top:before{position:absolute; left:0; top:0; width:100%; height:115px; background:url(/resources/images/jp/sustainability/management_strategy_top_line1.png) 50% 0 no-repeat; content:""; }
.management_system .strategy_top:after{display:block; clear:both; content:"";}
.management_system .strategy_top p{float:left; width:325px; text-align:center; height:55px; box-sizing:border-box;}
.management_system .strategy_top .line1{line-height:55px;}
.management_system .strategy_top .line2{padding-top:2px;}
.management_system .round_list_type1 .tit{width:220px;}
.management_system .sec3 .cont_box.bg{background-image:url(/resources/images/jp/sustainability/management_cont_bg_01.jpg);}
.management_system .sec3 .cont_box .cont_tit{margin-bottom:44px;}
.management_system .communication_list{position:relative; padding:21px 71px 0 71px; background:url(/resources/images/jp/sustainability/management_commnunication_line_01.png) 50% 0 no-repeat;}
.management_system .communication_list:before{position:absolute; left:50%; top:-32px; width:5px; height:121px; margin-left:-2.5px; background:url(/resources/images/jp/sustainability/management_commnunication_line_02.png) 0 0 no-repeat; content:""; }
.management_system .communication_list:after{display:block; clear:both; content:"";}
.management_system .communication_list li{float:left; position:relative; width:166px; padding-top:163px; font-size:19px; font-weight:600; text-align:center; color:#fff;}
.management_system .communication_list li:after{position:absolute; left:0; top:0; width:45px; height:130px; margin-left:-22.5px; background:url(/resources/images/jp/sustainability/management_commnunication_line_03.png) 0 50% no-repeat; content:"";}
.management_system .communication_list li:before{position:absolute; left:50%; top:0; width:128px; height:130px; margin-left:-64px; background-color:#fff; border-radius:130px; background-image:url(/resources/images/jp/sustainability/management_commnunication_ico.png); background-position:0 0; background-repeat:no-repeat; content:"";}
.management_system .communication_list li:first-child{margin-left:0;}
.management_system .communication_list li:first-child:after{display:none; content:"";}
.management_system .communication_list .ico2:before{background-position:-130px 0; content:"";}
.management_system .communication_list .ico3:before{background-position:-260px 0; content:"";}
.management_system .communication_list .ico4:before{background-position:-390px 0; content:"";}
.management_system .communication_list .ico5:before{background-position:-520px 0; content:"";}
.management_system .communication_list .ico6:before{background-position:-650px 0; content:"";}
.management_system .issue_area{padding-top:220px;}
.management_system .issue_area:after{display:block; clear:both; content:"";}
.management_system .issue_area .issue_box{float:left; width:380px; height:610px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box;}
.management_system .issue_area .issue_box:first-child{border-left:1px solid #ccc;}
.management_system .issue_area .issue_box h5{position:relative; background:#005d9d;}
.management_system .issue_area .issue_box h5 span{display:block; height:50px; line-height:50px; font-size:20px; font-weight:600; text-align:center; color:#fff;}
.management_system .issue_area .issue_box h5:before{position:absolute; top:-220px; left:50%; width:190px; height:225px; margin-left:-95px; background-image:url(/resources/images/jp/sustainability/management_iusse_ico.png); background-position:0 0; background-repeat:no-repeat; content:"";}
.management_system .issue_area .issue_box dl{padding:30px 0; margin:0 30px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.management_system .issue_area .issue_box dl.last{border-bottom:0;}
.management_system .issue_area .issue_box dt{margin-bottom:10px; font-size:20px; line-height:1.2em; font-weight:600; color:#333;}
.management_system .issue_area .issue_box .dl1{height:220px;}
.management_system .issue_area .issue_box .dl2{height:170px;}
.management_system .issue_area .issue_box .dl3{height:165px;}
.management_system .issue_area .issue_box.point h5{background:#636a72;}
.management_system .issue_area .issue_box.social h5:before{background-position:-190px 0; content:"";}
.management_system .issue_area .issue_box.economics h5:before{background-position:-380px 0; content:"";}
/*.management_system .step_list{overflow:hidden; padding:0 20px;}
.management_system .step_list li{position:relative; float:left; width:190px; margin-left:37px;}
.management_system .step_list li:before{position:absolute; left:-40px; top:25px; width:40px; height:10px; background:url(/resources/images/jp/sustainability/management_issue_list_ico_01.png) 50% 0 no-repeat; content:"";}
.management_system .step_list li:first-child{margin-left:0}
.management_system .step_list li:first-child:before{display:none; content:"";}
.management_system .step_list dt{width:190px; height:65px; padding:11px 0 11px 25px; margin-bottom:17px; background-color:#005d9d; border-radius:40px; text-align:left; font-size:18px; box-sizing:border-box; line-height:1; color:#fff;}
.management_system .step_list li:last-child dt{padding:11px 0 11px 20px;}
.management_system .step_list li:nth-child(odd) dt{background-color:#636a72;}
.management_system .step_list dt span{display:block; font-size:14px; margin-bottom:4px;}
.management_system .step_list dd{position:relative; padding-left:10px; margin-left:15px; margin-bottom:10px; text-align:left;}
.management_system .step_list dd:last-child{margin-bottom:0;}
.management_system .step_list dd:before{position:absolute; left:0; top:11px; width:3px; height:3px; background-color:#666; content:"";}
.management_system .step_list dd .txt1{font-size:14px;}
*/

.management_system .sec1 .banner_box{display:table; width:1140px; height:200px; margin-bottom:28px; background:url(/resources/images//jp/about_us/management_sec1_banner_bg.jpg) 0 0 no-repeat; text-align:center;}
.management_system .sec1 .banner_inner{display:table-cell; vertical-align:middle;}
.management_system .sec1 .banner_box p{font-size:24px; font-weight:600; color:#fff;}
.management_system .sec1 .sec_inner2 .cont_box h5{}
.management_system .sec1 .sec_inner2 .cont_box h5 strong{display:block; margin-bottom:10px;}
.management_system .sec1 .sec_inner2 .cont_box h5 .cont_tit{font-size:24px;}
.management_system .sec1 .sec_inner2 .round_list_type1{overflow:hidden; position:relative; width:960px; padding-top:112px;}
.management_system .sec1 .sec_inner2 .round_list_type1:after{position:absolute; left:0; top:0; width:100%; height:116px; background:url(/resources/images//jp/about_us/management_focus_tree.png) center 0 no-repeat; content:"";}
.management_system .sec1 .sec_inner2 .round_list_type1 li{width:265px; margin-left:82px; counter-reset: number 0;}
.management_system .sec1 .sec_inner2 .round_list_type1 li:first-child{margin-left:0;}
.management_system .sec1 .sec_inner2 .round_list_type1 li .tit{height:65px; margin-bottom:25px; font-size:20px; line-height:65px;}
.management_system .sec1 .sec_inner2 .round_list_type1 .txt{display:block; position:relative; width:100%;  height:80px; margin-bottom:25px; font-size:18px; font-weight:600; color:#333;}
.management_system .sec1 .sec_inner2 .round_list_type1 .txt:after{position:absolute; left:50%; bottom:0; width:12px; height:12px; margin-left:-6px; background:url(/resources/images/jp/about_us/management_focus_tree_ico.png) 0 0 no-repeat; content:"";}
.management_system .sec1 .sec_inner2 .round_list_type1 dl{padding-left:20px; margin-bottom:40px; text-align:left;}
.management_system .sec1 .sec_inner2 .round_list_type1 dl:last-child{margin-bottom:0;}
.management_system .sec1 .sec_inner2 .round_list_type1 dt{padding-left:29px; margin-bottom:15px; font-size:18px; font-weight:600; text-indent:-29px; color:#333;}
.management_system .sec1 .sec_inner2 .round_list_type1 dl dt:before{counter-increment: number 1; content: "0" counter(number) ". ";}
.management_system .sec1 .sec_inner2 .round_list_type1 dd{position:relative; padding-left:12px; margin-left:12px; margin-bottom:10px; font-size:16px; text-align:left; line-height:20px; color:#666;}
.management_system .sec1 .sec_inner2 .round_list_type1 dd:last-child{margin-bottom:0;}
.management_system .sec1 .sec_inner2 .round_list_type1 dd:before{position:absolute; left:0; top:11px; width:3px; height:3px; background-color:#666; content:"";}
.management_system .sec1 .sec_inner3{}
.management_system .sec1 .sec_inner3 .box h5{height:50px; padding-top:13px; box-sizing:border-box; font-size:20px; font-weight:400; text-align:center; line-height:1; color:#fff;}
.management_system .sec1 .sec_inner3 .top{overflow:hidden; margin-bottom:40px;}
.management_system .sec1 .sec_inner3 .top .box{float:left; width:550px; margin-left:40px;}
.management_system .sec1 .sec_inner3 .top .box:first-child{margin-left:0;}
.management_system .sec1 .sec_inner3 .top .box h5{background:#005d9d;}
.management_system .sec1 .sec_inner3 .top .box h5 span{font-weight:600; color:#ffe400;}
.management_system .sec1 .sec_inner3 .top .box ol{padding:40px; border:1px solid #ccc; box-sizing:border-box;}
.management_system .sec1 .sec_inner3 .top .box:nth-child(1) ol{counter-reset: num;}
.management_system .sec1 .sec_inner3 .top .box:nth-child(2) ol{counter-reset: num 5;}
.management_system .sec1 .sec_inner3 .top .box li{margin-bottom:19px; font-size:18px; font-weight:600; counter-increment: num;}
.management_system .sec1 .sec_inner3 .top .box li:last-child{margin-bottom:0;}
.management_system .sec1 .sec_inner3 .top .box li:before{content:counter(num , decimal-leading-zero) ". ";}
.management_system .sec1 .sec_inner3 .bottom .box h5{background:#636a72;}
.management_system .sec1 .sec_inner3 .bottom .box_inner{padding:40px; border:1px solid #ccc; box-sizing:border-box;}
.management_system .sec1 .sec_inner3 .bottom .cont_tit{margin-bottom:18px; text-align:center;}
.management_system .sec1 .sec_inner3 .bottom .cont_tit strong{display:inline-block; padding-bottom:10px; font-size:28px; line-height:1em; font-weight:600; border-bottom:2px solid #333;}
.management_system .sec1 .sec_inner3 .bottom ul{overflow:hidden; position:relative; width:810px; padding-top:90px; margin:0 auto; text-align:center;}
.management_system .sec1 .sec_inner3 .bottom ul:after{position:absolute; left:50%; top:0; width:650px; height:107px; margin-left:-325px; background:url(/resources/images/jp/about_us/management_sustainable_tree.png) 0 0 no-repeat; content:"";}
.management_system .sec1 .sec_inner3 .bottom ul li{display:inline-block; width:168px; height:168px; padding-top:92px; margin-left:148px; background-position:0 0; background-repeat:no-repeat; box-sizing:border-box; color:#fff;}
.management_system .sec1 .sec_inner3 .bottom ul li span{font-weight:bold; color:#ffe400;}
.management_system .sec1 .sec_inner3 .bottom ul li:nth-child(1){margin-left:0; background-image:url(/resources/images/jp/about_us/management_sustainable_icon1.png);}
.management_system .sec1 .sec_inner3 .bottom ul li:nth-child(2){background-image:url(/resources/images/jp/about_us/management_sustainable_icon2.png);}
.management_system .sec1 .sec_inner3 .bottom ul li:nth-child(3){background-image:url(/resources/images/jp/about_us/management_sustainable_icon3.png);}

.management_system .sec2 .organ_chart .tit{display:block; width:220px; height:65px; border-radius:35px; background:#636a72; font-size:16px; font-weight:400; line-height:65px; color:#fff;}
.management_system .sec4 .sec_txt{margin-bottom:80px;}

.management_system .step_list{overflow:hidden; padding: 0 35px 0 42px; box-sizing:border-box;}
.management_system .step_list li{position:relative; float:left; width: 220px; margin-left: 60px;}
.management_system .step_list li:before{position:absolute; left: -55px; top:25px; width:40px; height:10px; background:url(/resources/images//jp/about_us/management_issue_list_ico_01.png) 50% 0 no-repeat; content:"";}
.management_system .step_list li:first-child{margin-left:0}
.management_system .step_list li:first-child:before{display:none; content:"";}
.management_system .step_list dt{width: 210px; height:65px; padding:11px 0 11px 24px; margin-bottom:17px; background-color:#005d9d; border-radius:40px; font-size:18px; box-sizing:border-box; line-height:1em; text-align:left; color:#fff;}
.management_system .step_list li:last-child dt{padding:11px 0 11px 20px;}
.management_system .step_list li:nth-child(odd) dt{background-color:#636a72;}
.management_system .step_list dt span{display:block; font-size:14px; margin-bottom:4px;}
.management_system .step_list dd{position:relative; padding-left:14px; margin-left:14px; margin-bottom:10px; text-align:left; line-height:19px;}
.management_system .step_list dd small{font-size:14px;}
.management_system .step_list dd:last-child{margin-bottom:0;}
.management_system .step_list dd:before{position:absolute; left:0; top:11px; width:3px; height:3px; background-color:#666; content:"";}
.management_system .step_list dd .txt1{font-size:14px;}

.management_system .sec5_new h3 span{font-size:16px; display:inline-block; vertical-align:bottom; line-height:1; font-weight:300; margin-left:16px;}
.management_system .sec5_new .logo_area{width:100%; margin-bottom:50px;}
.management_system .sec5_new .logo_area img{display:block;}
.management_system .sec5_new dl{font-size:0; font-weight:500;}
.management_system .sec5_new dl dt{width:100px; display:inline-block; vertical-align:top; font-size:16px;}
.management_system .sec5_new dl dd{width:calc(100% - 100px); display:inline-block; vertical-align:top; font-size:16px; word-break:keep-all;}
.management_system .sec5_new p{margin-top:30px; word-break:keep-all;}

/* sustainability - ethics */
.ethics .process_list li:after{background-image:url(/resources/images/jp/sustainability/ethics_process_list_ico_01.png);}
.ethics .process_list li .ico1:after{margin-left:-30px; background-position:0 0; content:"";}
.ethics .txt_box_wrap h5{margin-bottom:13px; font-size:16px; font-weight:400; line-height:1; letter-spacing:0; color:#2C7CD8;}
.ethics .txt_box_wrap .cont{padding-left:15px;}
.ethics .txt_box_wrap .sec_txt + .sec_inner{padding-top:60px;}
.ethics .box_list{overflow:hidden; padding:18px 48px; border:1px solid #ccc;}
.ethics .box_list li{float:left; position:relative; width:495px;margin-left:20px; margin-bottom:8px; padding-left:16px; text-indent:-3px;}
.ethics .box_list li:before{position:absolute; left:0; top:11px; width:3px; height:3px; background-color:#333; content:"";}
.ethics .box_list li:nth-child(odd){margin-left:0;}
.ethics .box_list li.line1{height:24px;}
.ethics .box_list li.last{margin-bottom:0;}

/* sustainability - conduct */
.conduct .sec_inner{margin-bottom:60px;}
.conduct .sec_txt{margin-bottom:30px; color:#666;}
.conduct .sec_txt.last{margin-bottom:0;}
.conduct .list_box_wrap{border-top:2px solid #333333; border-bottom:2px solid #333333;}
.conduct .list_box_wrap .cont{overflow:hidden; padding:60px 0; border-top:1px solid #cccccc;}
.conduct .list_box_wrap .cont:first-child{border-top:0 none;}
.conduct .list_box_wrap .cont.last{margin-bottom:0;}
.conduct .list_box_wrap .cont > h3{float:left; width:200px; padding-bottom:0; padding-right:58px; font-size:32px; line-height:40px;}
.conduct .list_box_wrap .cont > h3:after{content:none;}
.conduct .list_box_wrap .cont > h3 span{display:block; font-size:24px; font-weight:400;}
.conduct .list_box_wrap .cont > ol{float:left; width:882px;}
.conduct .list_box_wrap ol >li{margin-bottom:40px;}
.conduct .list_box_wrap ol >li.last{margin-bottom:0;}
.conduct .list_box_wrap ol strong{display:block; margin-bottom:17px; font-size:16px; font-weight:400; line-height:1em; letter-spacing:0; color:#2C7CD8;}
.conduct .list_box_wrap .bullet_list li{position:relative; padding-left:10px; margin-bottom:5px; line-height:1.4em; color:#666;}
.conduct .list_box_wrap .bullet_list li:last-child{margin-bottom:0;}
.conduct .list_box_wrap .bullet_list li:before{position:absolute; left:0; top:10px; width:3px; height:3px; background:#333; content:"";}
.conduct .sec1 .sec_inner3{margin-bottom:0;}
.conduct .sec1 .sec_inner3 .cont{padding:40px 50px; margin-bottom:30px; background:#f3f3f3;}
.conduct .sec1 .sec_inner3 h3{padding:0; margin-bottom:40px; font-size:20px; color:#333;}
.conduct .sec1 .sec_inner3 h3:after{content:none;}
.conduct .sec1 .sec_inner3 dl{margin-bottom:40px; color:#666;}
.conduct .sec1 .sec_inner3 dl.last{margin-bottom:0px;}
.conduct .sec1 .sec_inner3 dt{margin-bottom:10px; font-weight:600; color:#2C7CD8;}
.conduct .sec1 .sec_inner3 dd{margin-bottom:40px;}
.conduct .sec1 .sec_inner3 dd.last{margin-bottom:0;}
.conduct .sec1 .btn_area{text-align:center;}
.conduct .sec1 .btn_area a{width:300px; background:#043285;}

/* sustainability - social-contribution */
.social_contribution .top_banner{display:table; vertical-align:middle; width:1140px; height:198px; margin:0 auto; background:url(/resources/images/jp/sustainability/contribution_top_banner_bg.jpg) 0 0 no-repeat; box-sizing:border-box; text-align:center;}
.social_contribution .top_banner .tit{position:relative; padding-bottom:20px; margin-bottom:16px;}
.social_contribution .top_banner .tit:after{position:absolute; left:50%; bottom:0; width:20px; height:1px; margin-left:-10px; background-color:#6a96b7; content:"";}
.social_contribution .top_banner p{color:#fff;}
.social_contribution .top_banner .banner_inner{display:table-cell; vertical-align:middle;}

.social_contribution .program_type{background-color:#edf6fd; padding:60px 0; box-sizing:border-box; overflow:hidden; width:1140px; margin:0 auto 120px;}
.social_contribution .program_type dl{position:relative; float:left; width:50%; padding:0 60px 0 145px; box-sizing:border-box; overflow:hidden; background:no-repeat 60px 5px;}
.social_contribution .program_type dl.type1{background-image:url(/resources/images/jp/sustainability/social_program_type1_ico.png);}
.social_contribution .program_type dl.type1{border-right:1px solid #ccc; padding-right:0;}
.social_contribution .program_type dl.type2{background-image:url(/resources/images/jp/sustainability/social_program_type2_ico.png); padding-right:0;}
.social_contribution .program_type dt{font-size:30px; color:#000; clear:both; line-height:1; margin-bottom:20px;} 
.social_contribution .program_type dd{font-size:16px; color:#666; float:left; width:50%; line-height:22px; padding-left:15px; position:relative; box-sizing:border-box; letter-spacing:-2px;}
.social_contribution .program_type dd:before{content:''; display:block; width:3px; height:3px; background-color:#666; position:absolute; left:0; top:10px;}
.social_contribution .program_type dl.type2 dd:nth-child(odd){width:200px;}

.social_contribution .section.sec1 h4{line-height:1.3;}
.social_contribution .section.sec1 .sec_txt{min-height:auto !important; margin-bottom:24px;}
.social_contribution .sec1 .program_img_box{margin-bottom:80px;}
.social_contribution .sec1 .sec_inner h5{margin-bottom:24px; font-size:24px; font-weight:400;}
.social_contribution .sec1 .cont_box .cont_box_inner{width:1059px; margin:0 auto;}
.social_contribution .sec1 .main_list{overflow:hidden; padding-bottom:60px; margin-bottom:55px; border-bottom:1px solid #ccc;}
.social_contribution .sec1 .main_list li{float:left; width:353px; text-align:center;}
.social_contribution .sec1 .main_list li:before{display:block; width:190px; height:190px; padding-bottom:45px; margin:0 auto; background-image:url(/resources/images/jp/sustainability/social_program_ico.png); background-position:0 0; background-repeat:no-repeat; content:"";}
.social_contribution .sec1 .main_list li.list2:before{background-position:-200px 0;}
.social_contribution .sec1 .main_list li.list3:before{background-position:-400px 0;}
.social_contribution .sec1 .main_list li h6{position:relative; margin-bottom:15px; font-size:20px;}
.social_contribution .sec1 .main_list li h6:before{display:block; position:absolute; left:50%; top:-64px; width:10px; height:64px; margin-left:-5px; background-image:url(/resources/images/jp/sustainability/social_program_ico_line.png); background-position:-15px 0; background-repeat:no-repeat; content:"";}
.social_contribution .sec1 .main_list li.list2 h5:before{background-position:0 0;}
.social_contribution .sec1 .program_list{overflow:hidden;}
.social_contribution .sec1 .program_list dl{position:relative; float:left; width:50%; padding-left:197px; box-sizing:border-box; text-align:left;}
.social_contribution .sec1 .program_list dl.list1, .social_contribution .sec1 .program_list dl.list2{height:90px; margin-bottom:75px;}
.social_contribution .sec1 .program_list dl:before{display:block; position:absolute; left:65px; top:0; width:89px; height:70px; background-image:url(/resources/images/jp/sustainability/social_program_list_ico.png); background-position:0 0; background-repeat:no-repeat; content:"";}
.social_contribution .sec1 .program_list dl.list2:before{width:84px; height:75px; background-position:-100px 0;}
.social_contribution .sec1 .program_list dl.list3:before{width:81px; height:62px; background-position:-200px 0;}
.social_contribution .sec1 .program_list dl.list4:before{width:76px; height:68px; background-position:-300px 0;}
.social_contribution .sec1 .program_list dt{margin-bottom:5px; font-size:20px; font-weight:600;}
.social_contribution .sec3 .program_img_box .line1{height:170px;}

/* popup - social_popup (sustainability - social) */
.social_popup .pop_inner_wrap{top:50%; width:766px; height:716px; margin-top:-358px;}
.social_popup .pop_inner{padding:60px;}
.social_popup .pop_tit{padding-bottom:23px; margin-bottom:49px;}
.social_popup .pop_list{margin-bottom:29px;}
.social_popup .pop_list.last{margin-bottom:0;}
.social_popup .pop_list{text-align:left;}
.social_popup .pop_list > dt{display:inline-block; vertical-align:top; width:147px; font-size:20px; font-weight:600; color:#333;}
.social_popup .pop_list > dd{display:inline-block; vertical-align:middle; width:494px; line-height:1.5em;}
.social_popup .pop_inner_list dt{display:block; margin-top:10px; margin-bottom:4px; font-weight:600;}
.social_popup .pop_inner_list dt:first-child{margin-top:0;}
.social_popup .pop_inner_list .num_list li{display:inline-block; vertical-align:middle; margin-right:10px;}
.social_popup .pop_inner_list .num_list li:last-child{margin-right:0;}
.social_popup .pop_inner_list .desc{font-size:14px; color:#666;}
.social_popup .btn_area{padding-top:15px;}

/* sustainability - employees */
.employees .section .sec_txt{word-break:keep-all; word-wrap:break-word;}

/* sustainability - environment */
.environment .section .sec_txt{word-wrap:break-word;}
.environment .section .sec_txt span{font-weight:600;}
.environment .energy_box{ margin-top:30px; padding:60px 102px; background-color:#f3f3f3; box-sizing:border-box; }
.environment .energy_box ul li{ position:relative; margin-top:30px; padding-left:15px; }
.environment .energy_box ul li:first-child{ margin-top:0; }
.environment .energy_box ul li:before{ content:""; position:absolute; top:11px; left:0; background:#333; width:3px; height:3px; }
.environment .energy_box ul li dt{color:#333; font-weight:600; margin-bottom:10px;}
.environment .energy_box ul li dd{color:#666; padding-left:10px; text-indent:-10px;}
.environment .table_desc{margin: 30px 0 13px; text-align: right;}
.environment .sec4 .basic_table2{margin-bottom:30px;}
.environment .num_list li,
.environment ul li{padding-left:9px; margin-top:10px; text-indent:-9px;}

/* sustainability - customer */
.customer .round_list_type1{width:784px;}
.customer .round_list_type1 li{width:180px; margin-left:122px;}
.customer .round_list_type1 li:first-child{margin-left:0;}

/* sustainability - business-partners */
/* 210603 클래스 네임 변경 */
.business_partners .cont_box{background-image:url(/resources/images/jp/sustainability/business_cont_img_01.png); background-position:50% 137px; background-repeat:no-repeat;}
.business_partners .cont_box .cont_tit{margin-bottom:39px;}
.business_partners .program_graph_list{overflow:hidden; width:901px; height:152px; margin:0 auto 4px;}
.business_partners .program_graph_list > li{float:left; display:table; width:152px; height:152px; margin-left:97px; color:#fff; text-align:center; box-sizing:border-box;}
.business_partners .program_graph_list > li span{display:table-cell; line-height:25px; vertical-align:middle;}
.business_partners .program_graph_list > li:first-child{margin-left:0;}
.business_partners .bottom_list{width:1060px; margin:0 auto; text-align:center;}
.business_partners .bottom_list strong{display:block; width:152px; height:152px; padding-top:54px; margin:0 auto 30px; box-sizing:border-box; font-weight:400; line-height:25px; color:#fff;}
.business_partners .bottom_list span{display:block; margin-bottom:56px; line-height:25px;}
.business_partners .bottom_list .round_list{overflow:hidden; margin-bottom:0;}
.business_partners .bottom_list .round_list li{float:left; width:200px; margin-left:15px; color:#fff;}
.business_partners .bottom_list .round_list li:first-child{margin-left:0;}
.business_partners .bottom_list .round_list li dl{width:200px;}
.business_partners .bottom_list .round_list li dt{height:65px; margin-bottom:20px; line-height:65px; color:#fff;}
.business_partners .bottom_list .round_list li dd{color:#333;}
/* 210603 클래스 네임 변경 */

/* sustainability - report */
.report .report_top{overflow:hidden; margin-bottom:80px;}
.report .report_top .report_img{float:left; width:342px; height:451px; border:1px solid #ccc;}
.report .report_top .report_txt{float:right; width:720px; height:451px; padding:38px 0; border-top:1px solid #000; border-bottom:1px solid #ccc;
box-sizing:border-box;}
.report .download_area .basic_table2 td{padding:16px 100px;}
.report .basic_table2 a.download{vertical-align:top; text-indent:0;}
.report .btn_area{padding-top:30px;}

/* popup - report_popup (sustainability - report) */
.report_popup .pop_inner_wrap{top:80px; width:750px; height:758px; padding-bottom:80px;}
.report_popup .pop_inner{padding:60px;}
.report_popup .pop_tit{padding-bottom:21px; margin-bottom:30px; font-size:36px;}
.report_popup .top_txt{padding:18px 0; margin-bottom:33px; border:1px solid #ccc; text-align:center;}
.report_popup .top_txt p{line-height:1.5em;}
.report_popup .pop_info_list > li{padding-bottom:38px; margin-bottom:38px; border-bottom:1px solid #ccc; text-align:left;}
.report_popup .pop_info_list > li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0;}
.report_popup .pop_info_list .form_tit{margin-bottom:10px; font-size:20px; font-weight:600; color:#333;}
.report_popup .form_list{overflow:hidden;}
.report_popup .form_list .radio_area{margin-left:25px;}
.report_popup .form_list .radio_area:first-child{margin-left:0;}
.report_popup .form_list li{float:left; width:auto; margin-bottom:13px;}
.report_popup .form_list li:last-child{margin-bottom:0;}
.report_popup .form_list li *{display:inline-block; vertical-align:middle;}
.report_popup .form_list li label{margin-left:5px;}
.report_popup .form_list li .input1{padding:0 8px; margin-left:12px; width:230px; height:35px; line-height:35px;}

/* support - FAQ */
.faq .srch_area{margin-bottom:40px; padding:30px 0 30px 287px; background:#f3f3f3;}
.faq .srch_area input[type="text"]{margin-left:10px;padding:0 20px;width:500px;height:46px;line-height:46px;vertical-align:middle;border:1px solid #ccc;box-sizing:border-box;}
.faq .srch_area .srch_btn{width:46px; height:46px; margin-left:5px; background:#043285 url(/resources/images/jp/common/btn_srch_ico_l.png) 50% 50% no-repeat; vertical-align:middle;}
.faq .refresh_btn{overflow:hidden; display:inline-block; width:46px;height:46px;margin-left:5px;border:1px solid #333;background:url(/resources/images/jp/common/ico_refresh.png) 50% 50% no-repeat; text-indent:-9999px; vertical-align:middle;}
.faq .tabpanel .btn_acco {overflow:hidden; padding:22px 20px 24px 0;/*width:1070px;*/}
.faq .tabpanel .btn_acco .acco_tit{display:block;}
.faq .tabpanel .btn_acco .division{display:inline-block; width:125px; font-size:18px; word-break:break-all; word-wrap:break-word; text-align:center; vertical-align:middle; line-height:1; color:#333;}
.faq .tabpanel .btn_acco .txt{overflow:hidden; display:inline-block;  width:930px; padding:0 20px 0 0; font-size:16px; vertical-align:middle;}
.faq .tabpanel .btn_acco.on .txt{color:#2C7CD8;}
.faq .tabpanel .btn_acco .txt p{display:table-cell;vertical-align:middle;}
.faq .tabpanel .acco_panel{padding:30px 130px;}
.faq .txt_default{padding:50px 0;border-top:2px solid #333;border-bottom:1px solid #ccc;text-align:center;}
.faq .more_banner{margin-top:60px;}

/* 210510 - 제품 하위메뉴 추가 */
.faq .tab_product_menu{margin: -81px 0 80px; padding: 38px 50px 40px; border: 1px solid #043285; font-size: 0;}
.faq .tab_product_menu .list{display: inline-block; width: 350px; vertical-align: middle; margin:0 28px;}
.faq .tab_product_menu .list:nth-child(3){width: 166px;}
.faq .tab_product_menu .list .title{margin-bottom: 14px; padding-bottom: 14px; font-size: 20px; font-weight: 600; color: #000; text-align: center; border-bottom: 1px solid #ccc;}
.faq .tab_product_menu .list .title.active a{color: #2C7CD8;}
.faq .tab_product_menu .list ul{margin: 0 -7px; text-align: center;}
.faq .tab_product_menu .list ul li{display: inline-block; margin: 0 7px; vertical-align: middle; text-align: center;}
.faq .tab_product_menu .list ul li a{display: block; font-size: 16px; padding: 1px 21px 2px;}
.faq .tab_product_menu .list ul li a.active{background: #2C7CD8; color: #fff;}


/* support - inquiry */
.support.inquiry .line_box{overflow:hidden;}
.support.inquiry .line_box p{float:left;width:800px;height:45px;line-height:45px;vertical-align:middle;}
.support.inquiry .line_box .btn{float:right;}
.support.inquiry .tab_list{overflow:hidden; margin-bottom:0;}
.support.inquiry .tab_list li{float:left;width:190px;height:100%;border:1px solid #ccc;border-left:none;box-sizing:border-box;}
.support.inquiry .tab_list li:first-child{border-left:1px solid #ccc;}
.support.inquiry .tab_list li a{display:block;padding-top:120px;width:100%;min-height:50px;font-size:18px;color:#000;text-align:center;background-position:center 32px;background-repeat:no-repeat;}
.support.inquiry .tab_list li.active a{background-color:#043285;color:#fff;}
.support.inquiry .tab_list .tab1 a{background-image:url(/resources/images/jp/support/ico_inquiry_01.png);}
.support.inquiry .tab_list .tab2 a{background-image:url(/resources/images/jp/support/ico_inquiry_02.png);}
.support.inquiry .tab_list .tab3 a{background-image:url(/resources/images/jp/support/ico_inquiry_03.png);}
.support.inquiry .tab_list .tab4 a{background-image:url(/resources/images/jp/support/ico_inquiry_04.png);background-position:center 37px;}
.support.inquiry .tab_list .tab5 a{background-image:url(/resources/images/jp/support/ico_inquiry_05.png);}
.support.inquiry .tab_list .tab6 a{background-image:url(/resources/images/jp/support/ico_inquiry_06.png);background-position:center 45px;}
.support.inquiry .tab_list .tab7 a{background-image:url(/resources/images/jp/support/ico_inquiry_07.png);background-position-x:50px;}
.support.inquiry .tab_list .tab1.active a{background-image:url(/resources/images/jp/support/ico_inquiry_on_01.png);}
.support.inquiry .tab_list .tab2.active a{background-image:url(/resources/images/jp/support/ico_inquiry_on_02.png);}
.support.inquiry .tab_list .tab3.active a{background-image:url(/resources/images/jp/support/ico_inquiry_on_03.png);}
.support.inquiry .tab_list .tab4.active a{background-image:url(/resources/images/jp/support/ico_inquiry_on_04.png);}
.support.inquiry .tab_list .tab5.active a{background-image:url(/resources/images/jp/support/ico_inquiry_on_05.png);}
.support.inquiry .tab_list .tab6.active a{background-image:url(/resources/images/jp/support/ico_inquiry_on_06.png);}
.support.inquiry .tab_list .tab7.active a{background-image:url(/resources/images/jp/support/ico_inquiry_on_07.png);}
.support.inquiry .more_banner{margin-bottom:60px;}
.support.inquiry .btn_center{padding-top:30px;}
.support.inquiry .step2_default{padding:40px;text-align:center;background-color:#f3f3f3;}
.support.inquiry .info_form .news .txt{margin-top:15px;}
.support.inquiry .info_form .news label{margin-right:50px;}
.support.inquiry .privacy_form h5{margin-bottom:30px; font-size:20px; color:#333; font-weight:400;}
.support.inquiry .privacy_form h6{margin-bottom:8px; font-size:16px;color:#2C7CD8;font-weight:400;}
.support.inquiry .privacy_form .agree_box{overflow:hidden;}
.support.inquiry .privacy_form .agree_box .left_area{margin-right:45px; padding-right:45px; width:520px; border-right:1px solid #ccc; box-sizing:border-box;}
.support.inquiry .privacy_form .agree_box .right_area{width:470px;}
.support.inquiry .privacy_form .agree_box .tit{color:#2C7CD8;}
.support.inquiry .privacy_form .agree_box .dot_list{margin-bottom:5px;}
.support.inquiry .privacy_form .agree_box .dot_list li{padding-left:10px; margin-bottom:5px; background:url(/resources/images/jp/common/bg_list_dot.gif) left center no-repeat;}
.support.inquiry .privacy_form .cutom_radio{overflow:hidden;}
.support.inquiry .privacy_form .cutom_radio p{float:left;width:280px;padding-top:44px}
.support.inquiry .privacy_form .cutom_radio .agree_area{float:right;width:180px;}
.support.inquiry .sec_txt.btn_wrap{overflow:hidden;}
.support.inquiry .sec_txt.btn_wrap p{float:left;margin-bottom:30px;width:900px;color:#2C7CD8;}
.support.inquiry .sec_txt.btn_wrap .btn{float:right;width:200px;}
.support.inquiry .basic_table tbody th{font-size:16px; font-weight:600;}
.support.inquiry .privacy_form{margin-bottom:60px;}
.support.inquiry .privacy_form:last-child{margin-bottom:0;}

/* 20240311 채용베리에이션 추가 */
.support.inquiry.careers .info_form .info_form_list #countryCd option{display:none;}
.support.inquiry.careers .info_form .info_form_list #countryCd option:nth-of-type(1){display:block;}
.support.inquiry.careers .country_tab ul{display:flex; align-items:start; flex-wrap:wrap;}
.support.inquiry.careers .country_tab ul li{width:calc(33.333333% - 20px); margin-right:30px;}
.support.inquiry.careers .country_tab ul li:nth-of-type(3n){margin-right:0;}
.support.inquiry.careers .country_tab ul li:nth-of-type(n+4){margin-top:40px;}
.support.inquiry.careers .country_tab ul li button{border:1px solid #ccc; background-color:#fff; width:100%; height:70px; box-sizing:border-box; text-align:center; font-size:20px; color:#333; letter-spacing:-0.05em;}
.support.inquiry.careers .country_tab ul li.active button{ border-color:#043285; background-color:#043285; color:#fff;}
.support.inquiry.careers .email_area{border-top:1px solid #666; background-color:#f3f3f3; padding:40px; box-sizing:border-box; text-align:center;}
.support.inquiry.careers .email_area p{text-align:center; font-size:20px; color:#333; letter-spacing:-0.05em; font-weight:400;}
.support.inquiry.careers .email_area p + p{margin-top:20px;}
.support.inquiry.careers .email_area .email_list{text-align:center; font-size:0}
.support.inquiry.careers .email_area .email_list ul{display:inline-block; vertical-align:top; border:1px solid #ccc; background-color:#fff; padding:25px 40px; box-sizing:border-box; margin-top:20px;}
.support.inquiry.careers .email_area .email_list ul li{text-align:left; font-size:20px; color:#333; letter-spacing:-0.05em; font-weight:400;}

/* support - inquirt notice */
.support.inquiry .notice{display: table; width: 100%; height: 94px; margin-bottom: 30px; padding: 0 15px; background-color: #edf6fd; text-align: center; box-sizing: border-box;}
.support.inquiry .notice .msg{display: table-cell; vertical-align: middle; font-size: 16px; color: #2C7CD8; line-height: 1.375em;}

/* news - more_banner common */
/*.news_banner{overflow:hidden; display:table; width:100%; padding:30px; margin-bottom:60px; background-color:#f3f3f3; box-sizing:border-box;}
.news_banner .txt{display:table-cell; width:600px; font-size:18px; vertical-align:middle;}
.news_banner .sns_list{overflow:hidden; display:table-cell; vertical-align:middle; text-align:right;}
.news_banner .sns_list li{display:inline-block; width:auto; margin-left:16px; text-align:left;}
.news_banner .sns_list li:first-child{margin-left:0;}
.news_banner .sns_btn{position:relative; display:inline-block; vertical-align:middle; width:205px; height:45px; padding:0 20px 0 56px; line-height:45px; background:url(/resources/images/jp/common/btn_arrow_ico_g.png) #fff right 20px center no-repeat; box-sizing:border-box;}
.news_banner .sns_btn:before{position:absolute;left:20px; top:50%; width:25px; height:25px; margin-top:-12.5px; background-image:url(/resources/images/jp/newsroom/news_sns_ico.png); background-position:0 0; background-repeat:no-repeat; content:"";}
.news_banner .sns_btn.newsletter:before{background-position:0 0; content:"";}
.news_banner .sns_btn.youtube:before{background-position:-25px 0; content:"";}*/

/* news - slide common */
/*.news .swiper-container .btn_arr_wrap{position:absolute; left:0; top:50%; width:100%; height:0; margin-top:-35px; z-index:10;}
.news .swiper-container .btn_arr_wrap button{overflow:hidden; position:absolute; top:0; width:50px; height:70px; background-color:rgba(0,0,0,0.4); text-indent:-9999px; font-size:0;}
.news .swiper-container .btn_arr_wrap button:before{position:absolute; left:50%; top:50%; width:15px; height:30px; margin:-15px 0 0 -7.5px; background-image:url(/resources/images/jp/common/slide_arr_btn.png); background-position:0 0; background-repeat:no-repeat; content:"";}
.news .swiper-container .btn_arr_wrap .prev_btn{left:0;}
.news .swiper-container .btn_arr_wrap .next_btn{right:0;}
.news .swiper-container .btn_arr_wrap .next_btn:before{background-position:-15px 0; content:"";}*/

/* news - list (slide) */
/*.news .default_slide{position:relative; margin-bottom:40px;}
.news .default_slide .swiper-slide{overflow:hidden; width:1140px; height:350px; margin:0 auto; background:#043285;}
.news .default_slide .swiper-slide > a{display:block; height:100%;}
.news .default_slide .txt_area{float:left; width:520px; padding:65px 50px 0 90px; word-break:keep-all; word-wrap:break-word; box-sizing:border-box;}
.news .default_slide .tit{display:block; overflow:hidden; max-height:175px; font-size:34px; line-height:1.3em; color:#fff;}
.news .default_slide .img_area{float:right; width:620px; height:350px;}
.news .default_slide .img_area img{width:100%;}
.news .default_slide .slide_pagination{position:absolute; left:0; bottom:70px; width:520px; height:24px; padding-left:90px; text-align:left; z-index:100;}
.news .default_slide .swiper-pagination{position:static; float:left; text-align:left; transform:none; -webkit-transform:none;}
.news .default_slide .swiper-pagination .swiper-pagination-bullet{overflow:hidden; width:9px; height:9px; vertical-align:top; border-radius:100%; margin-left:0; margin-right:10px; background:#8299c2; font-size:0; text-indent:-9999px;}
.news .default_slide .swiper-pagination.active{background:#fff;}
.news .default_slide .add_btn_wrap{float:left; width:18px;}
.news .default_slide .add_btn_wrap button{overflow:hidden; text-indent:-9999px; font-size:0;}
.news .default_slide .add_btn_wrap .btn_pause{width:9px; height:9px; background-image:url(/resources/images/jp/common/slide_btn1.png); background-position:0 50%; background-repeat:no-repeat; }
.news .default_slide .add_btn_wrap .btn_pause.play{background-position:-9px 50%;}*/

/* news - view (slide) */
/*.news .view_slide{position:relative; width:760px;}
.news .view_slide .swiper-slide{overflow:hidden; width:100%; height:600px; text-align:center;}
.news .view_slide .swiper-slide img{overflow:hidden; width:600px; height:600px;}
.news .view_slide .slide_paging{margin-top:30px;}
.news .view_slide .slide_paging p{text-align:center; font-size:20px; font-weight:600; color:#666;}
.news .view_slide .slide_paging p span{padding:0 7px;}
.news .view_slide .slide_paging span.current{color:#000;}
.news .view_slide .btn_arr_wrap button{background-color:rgba(0,0,0,1);}*/

/* news - news-list */
/* .news.list #content{padding-bottom:0;} */
/*.news .news_list{overflow:hidden;}
.news .news_list li{float:left; width:340px; height:310px; margin-left:60px; margin-bottom:60px; border:1px solid #ccc; box-sizing:border-box;}
.news .news_list li a{display:block; width:100%; height:100%;}
.news .news_list li.first,.news .news_list li:nth-child(3n+1){margin-left:0;}
.news .news_list .img_area{position:relative; overflow:hidden; width:338px; height:190px;}
.news .news_list .img_area img{width:100%;}
.news .news_list .txt_area{position:relative; height:118px; padding:18px 18px 0 18px; background-color:#fff; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.news .news_list .txt_area p{overflow:hidden; max-height:47px; font-size:18px; font-weight:600; word-break:break-word; line-height:1.3em; color:#111;}
.news .news_list .txt_area a{display:block;}
.news .news_list .txt_area .date{position:absolute; left:18px; bottom:17px; font-size:14px; letter-spacing:0; color:#888;}
.news .news_list .txt_area .sns{overflow:hidden; position:absolute; right:15px; bottom:15px; width:25px; height:25px; background-image:url(/resources/images/jp/newsroom/news_sns_ico.png); background-repeat:no-repeat; background-position:0 0;
text-indent:-9999px; font-size:1px;}
.news .news_list .txt_area .sns.youtube{background-position:-25px 0;}
.news .news_list .txt_area .sns.blog{background-position:-50px 0;}
.news .news_list .txt_area .sns.facebook{background-position:-75px 0;}
.news.list .board_section + .full_section{margin-top:120px;}
.news .full_section{padding:60px 0 120px; margin-bottom:0; background-color:#f3f3f3;}
.news .full_section .news_list li{margin-bottom:0;}
.news .nodata{padding-top:100px;}
.news h4 + .nodata{padding-top:70px;}
.news .banner + .news_list{padding-top:60px;}
.news .news_list + .btn_center{padding-top:20px;}

.news .sec3{padding-top:80px;}
.news .sec3 .sec_inner{height: 190px; padding: 25px 40px; margin-bottom:0; background: url(/resources/images/jp/newsroom/newsletter_img.jpg) 50% 50% no-repeat; box-sizing: border-box;}
.news .sec3 h4{margin-bottom: 12px; font-weight: 500;}
.news .sec3 p{margin-bottom:20px}
.news .sec3 .btn_list{overflow: hidden;}
.news .sec3 .btn_list li{float: left; margin-right:20px;}
.news .sec3 .btn_list li a{display: block; height:45px; padding:0 35px 0 20px; background: url(/resources/images/jp/common/btn_arrow_ico_g.png) #fff right 20px center no-repeat; box-sizing: border-box; font-size: 15px; line-height:45px;}
*/
/* newsletter - view */
/*.newsletter.view .srch_area{margin-bottom:30px; text-align:right;}
.newsletter.view .srch_area .custom_select{display:inline-block; vertical-align:top; margin-right:8px; text-align:left;}
.newsletter.view .srch_area .btn{width:95px;}
.newsletter.view .srch_area .btn:after{content:""; display:none;}
.newsletter.view .banner{margin-bottom:60px;}
.newsletter.view .sec3{padding-top:80px;}
.newsletter.view .sec3 .sec_inner{height: 190px; padding: 25px 40px; margin-bottom:0; background: url(/resources/images/jp/newsroom/newsletter_img.jpg) 50% 50% no-repeat; box-sizing: border-box;}
.newsletter.view .sec3 h4{margin-bottom: 12px; font-weight: 500;}
.newsletter.view .sec3 p{margin-bottom:20px}
.newsletter.view .sec3 .btn_list{overflow: hidden;}
.newsletter.view .sec3 .btn_list li{float: left; margin-right:20px;}
.newsletter.view .sec3 .btn_list li a{display: block; height:45px; padding:0 35px 0 20px; background: url(/resources/images/jp/common/btn_arrow_ico_g.png) #fff right 20px center no-repeat; box-sizing: border-box; font-size: 15px; line-height:45px;}
*/

/****************************** 2111 newsroom new ******************************/
/***** list common *****/
/* layout */
.newsroom.re_news #content{padding-top:0;}
.newsroom.re_news .board_section{width:1200px;}
.newsroom.re_news *{letter-spacing:-0.03em;}
/* .page_srch_area */
.newsroom.re_news .sec1{margin-top:70px;}
.newsroom.re_news .page_srch_area{position:relative; width:100%; height:auto; padding-right:0; padding-bottom:0px; margin-bottom:80px; border-bottom:none; box-sizing:border-box;}
.newsroom.re_news .page_srch_area .srch_list{overflow:hidden; text-align:center;}
.newsroom.re_news .page_srch_area .srch_list li{position:relative; width:auto; display:inline-block; vertical-align:top;float:none; padding:0 40px;}
.newsroom.re_news .page_srch_area .srch_list li:after{position:absolute; right:0; top:50%; width:2px; height:2px; margin-top:-1px; background:#afafaf; content:"";}
.newsroom.re_news .page_srch_area .srch_list a{display:block; height:80px; line-height:80px; font-size:20px; color:#000; text-align:center; border-bottom:3px solid transparent;padding:0;font-weight:400;}
.newsroom.re_news .page_srch_area .srch_list li:first-child a{padding-left:0;}
.newsroom.re_news .page_srch_area .srch_list li:first-child:after{display:none; content:"";}
.newsroom.re_news .page_srch_area .srch_list li.on a{font-weight:600; color:#000; border-bottom:3px solid #000;}
.newsroom.re_news .page_srch_area .srch_area{position:static; width:100%; height:120px; overflow:hidden; box-sizing:border-box; margin-top:20px; background:#f7f7f7; padding:25px 0 30px;text-align:center;}
.newsroom.re_news .page_srch_area .srch_area .custom_select{float:left; width:110px;display:none;}
.newsroom.re_news .page_srch_area .srch_area .custom_input{width:600px;position:relative; border-bottom:2px solid #9b9b9b;margin:0 auto;}
.newsroom.re_news .page_srch_area .srch_area input[type="text"]{float:none; display:inline-block; vertical-align:middle; width:557px; height:54px; padding:0 10px; margin-left:0px; border:none; background:none; box-sizing:border-box;}
.newsroom.re_news .page_srch_area .srch_area input[type="text"]::placeholder{font-size:16px; font-weight:300; color:#666;}
.newsroom.re_news .page_srch_area .srch_area .srch_btn{float:none; display:inline-block; vertical-align:middle; width:43px; height:54px; margin-left:-4px; background:url(/resources/images/jp/newsroom/news_srch_ico.png) 50% 50% no-repeat;}
/* .news_list */
.newsroom.re_news .sec1{margin-bottom:120px;}
.newsroom.re_news .news_list:after{display:block; clear:both; content:"";}
.newsroom.re_news .news_list li{float:left; width:360px; height:340px; margin-bottom:60px; border:none; border-bottom:3px solid transparent; box-sizing:border-box;transition:all .3s;}
.newsroom.re_news .news_list li + li{ margin-left:60px; }
.newsroom.re_news .news_list li:nth-child(3n+1){margin-left:0;}
.newsroom.re_news .news_list li:hover,
.newsroom.re_news .news_list li:focus{border-bottom:3px solid #043285; box-shadow: 35px 20px 35px rgba(4,50,133,.1);}
.newsroom.re_news .news_list li a{display:block; width:100%; height:100%;}
.newsroom.re_news .news_list .img_area{position:relative; overflow:hidden; width:360px; height:203px;}
.newsroom.re_news .news_list .img_area img{width:auto; min-width:100%; height:100%;}
.newsroom.re_news .news_list .txt_area{position:relative; height:118px; padding:25px 15px 0; background-color:#fff; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.newsroom.re_news .news_list .txt_area p{overflow:hidden; max-height:60px; font-size:23px; font-weight:600; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-word; line-height:1.3; color:#000; margin-top:10px;}
.newsroom.re_news .news_list .txt_area a{display:block;}
.newsroom.re_news .news_list .txt_area .top_txt{line-height:1;}
.newsroom.re_news .news_list .txt_area .date{position:relative; top:0; left:0; font-size:16px; letter-spacing:0; color:#999;}
.newsroom.re_news .news_list .txt_area .sns{overflow:hidden; position:absolute; right:15px; bottom:15px; width:25px; height:25px; background-image:url(/resources/images/jp/newsroom/news_sns_ico.png); background-repeat:no-repeat; background-position:0 0;
text-indent:-9999px; font-size:1px;}
.newsroom.re_news .news_list .txt_area .sns.youtube{background-position:-25px 0;}
.newsroom.re_news .news_list .txt_area .sns.blog{background-position:-50px 0;}
.newsroom.re_news .news_list .txt_area .sns.facebook{background-position:-75px 0;}
/* news_banner */
.newsroom.re_news .sec3{padding-top:20px;}
.newsroom.re_news .sec3 .sec_inner{height: 216px; padding: 95px 50px 0; margin-bottom:0; background: url(/resources/images/jp/newsroom/newsletter_img_bg.png) 50% 50% no-repeat; box-sizing: border-box;}
.newsroom.re_news .sec3 .sec_inner.last{height:auto; padding:0; background:none;}
.newsroom.re_news .sec3 .sec_inner.last .txt{display:table-cell; width:50%;}
.newsroom.re_news .sec3 h4{margin-bottom: 0; font-weight: 600; font-size:28px;}
.newsroom.re_news .sec3 p{font-size:18px; font-weight:300; color:#666; display:inline-block; vertical-align: middle; margin-bottom:0;}
.newsroom.re_news .sec3 .btn_list{overflow: hidden;display:inline-block; vertical-align:middle; margin-left:115px;}
.newsroom.re_news .sec3 .btn_list li{float: left; margin-right:20px;}
.newsroom.re_news .sec3 .btn_list li a{display: block; height:45px; padding:0 45px 0 30px; background: url(/resources/images/jp/common/btn_arrow_ico_g.png) #fff right 30px center no-repeat; box-sizing: border-box; font-size: 16px; color:#666; line-height:52px; text-align:center;}
.news_banner{display:table; width:1200px; margin:0 auto;background:none;border-bottom:1px solid #ebebeb; padding:20px 50px; box-sizing:border-box;}
.news_banner .txt{display:table-cell; font-size:18px; vertical-align:middle; color:#666;} 
.news_banner .sns_list{overflow:hidden; display:table-cell; width:700px; vertical-align:middle; text-align:right;}
.news_banner .sns_list li{display:inline-block; width:auto; margin-left:65px; text-align:left;}
.news_banner .sns_list li:first-child{margin-left:0;}
.news_banner .sns_btn{font-size:18px; color:#666; width:auto; height:50px; position:relative; display:inline-block; vertical-align:middle; padding:0 0 0 50px; line-height:50px; background:none; box-sizing:border-box;}
.news_banner .sns_btn:before{position:absolute; left:0; top:50%; width:40px; height:40px; margin-top:-20px; background-image:url(/resources/images/jp/newsroom/news_sns_ico.png); background-position:0 0; background-repeat:no-repeat; content:"";}
.news_banner .sns_btn.newsletter:before{background-position:0 0; content:"";}
.news_banner .sns_btn.youtube:before{background-position:-40px 0; content:"";}
.news_banner .sns_btn.blog:before{background-position:-80px 0; content:"";}
.news_banner .sns_btn.facebook:before{background-position:-120px 0; content:"";}
.news_banner .sns_btn:hover:before,
.news_banner .sns_btn:focus:before{background-position-y: -40px;}
.newsroom.re_news .full_section .sec_inner{width:1200px; position:relative; z-index:1;}
.newsroom.re_news .btn_more{display:inline-block; width:160px; height:60px; line-height:60px; border:1px solid #ccc; background:#fff; box-sizing:border-box; text-align:center;  color:#666; font-size:18px;}
.newsroom.re_news .btn_more:after{display:none;}

/***** news list *****/
/* slide */
.news .visual_section{background:#f4f7fc; padding:100px 0; height:auto; overflow:hidden;}
.news .default_slide{overflow:visible; margin-bottom:0;}
.news .default_slide .swiper-slide{overflow:hidden; margin:0 auto; width:1000px; height:675px; background:transparent; transform:scale(0.68);}
.news .default_slide .swiper-slide.ts{transition:all 0.8s;}
.news .default_slide .swiper-slide a{display:block; width:100%; height:100%; position:relative; padding-bottom:110px; box-sizing:border-box; overflow:hidden;}
.news .default_slide .swiper-slide .img_area{width:100%; height:100%; overflow:hidden; text-align:center;}
.news .default_slide .swiper-slide .img_area img{width:100%; height:100%;}
.news .default_slide .swiper-slide .txt_area{display:none; position:absolute; width:100%; bottom:0; left:0; padding:39px 0; word-break:keep-all; word-wrap:break-word; box-sizing:border-box;text-align:center; background:#043285;}
.news .default_slide .tit{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-height:none; max-width:90%; margin:0 auto; font-size:32px; color:#fff;}
.news .default_slide .swiper-slide-active{box-shadow: 45px 45px 40px rgba(4,50,133,.15);  transition:all 0.8s; transform:scale(1);}
.news .default_slide .swiper-slide-active .txt_area{display:block;}
.news .default_slide .swiper-slide-prev,
.news .default_slide .swiper-slide-next{transform:scale(0.68);}
.news .default_slide .swiper-slide-prev a,
.news .default_slide .swiper-slide-next a{box-sizing:content-box;}
.news .default_slide .swiper-slide-prev .txt_area,
.news .default_slide .swiper-slide-next .txt_area{display:none;}
/* slide common */
.news .swiper-container .btn_arr_wrap{position:absolute; left:50%; top:50%; width:1200px; height:0; margin-top:-35px; margin-left:-600px; z-index:10;}
.news .swiper-container .btn_arr_wrap button{overflow:hidden; position:absolute; top:0; width:30px; height:55px; background-color:transparent; text-indent:-9999px; font-size:0;}
.news .swiper-container .btn_arr_wrap button:before{position:absolute; left:0; top:0; width:30px; height:55px; background:no-repeat 0 0; margin:0; content:"";}
.news .swiper-container .btn_arr_wrap .prev_btn{left:0;}
.news .swiper-container .btn_arr_wrap .prev_btn:before{background-image:url(/resources/images/jp/newsroom/slide_arr_btn_prev.png); content:'';}
.news .swiper-container .btn_arr_wrap .next_btn{right:0;}
.news .swiper-container .btn_arr_wrap .next_btn:before{background-position:0 0; background-image:url(/resources/images/jp/newsroom/slide_arr_btn_next.png); content:"";}
/* news_tab */
.news .sec2 .tab_inner .list:last-child{display:none;}
.news .board_section .news_tab:after{content:'';display:block; clear:both; margin-bottom:40px;}
.news .board_section .news_tab li{float:left; width:50%;}
.news .board_section .news_tab li a{display:block; width:100%; height:60px; line-height:60px; background:#fff; font-size:18px; color:#666;text-align:center;}
.news .board_section .news_tab li.on a{background:#043285; color:#fff;}
.news .full_section.board_section{width:100%; padding:100px 0 0 0; position:relative; background:#fff; margin-bottom:0;}
.news .full_section.board_section:before{content:''; display:block; width:100%; height:330px; background:#f7f7f7; position:absolute; top:0; left:0;}
.news .full_section.board_section .news_list li{margin-bottom:0;}
.news .sec3 .btn_list{overflow:hidden; display:inline-block; vertical-align:middle; margin-left:115px; margin-top:-30px;}
.news .sec3 .btn_list li{float:none; margin:0 0 10px 0;}


/****** newsletter ******/
/* newsletter - list */
.newsletter .lastest_wrap{padding:100px 0; background:#f4f7fb; box-sizing:border-box;}
.newsletter .lastest_news{}
.newsletter .lastest_news a{display:block; margin:0 auto; width:1000px; height:675px; overflow:hidden; background:#043285; text-align:center;box-shadow: 45px 45px 40px rgba(4,50,133,0.15);}
.newsletter .lastest_news .img_area{height:565px;}
.newsletter .lastest_news .img_area img{min-width:100%; height:100%;}
.newsletter .lastest_news .txt_area{height:110px; line-height:110px;}
.newsletter .lastest_news .txt_area .tit{color:#fff; font-size:32px; font-weight:600; max-width:90%; margin:0 auto;}
/* srch_area */
.newsletter .page_srch_area{margin-top:100px; height:auto;}
.newsletter .page_srch_area .srch_area{margin-top:0;}
/* news list */
.newsletter.re_news .news_list .txt_area{padding:10px 15px 0;}
.newsletter .news_list .txt_area p{margin-bottom:10px;}
.newsletter .news_list + .btn_center{margin-top:-30px;}
.newsletter .news_list + .btn_center a{margin:0 auto;}
.newsletter .sec2 .board_inner{overflow:visible;}
.newsletter .sec3{padding-top:50px;}
.newsletter .sec3 .btn_list{margin-left:70px;}
.newsroom.re_news.list .board_inner .btn_center a{margin:0 auto;}
.newsletter .sec3 .btn_list li a{min-width:160px;}
.newsletter .sec3 .btn_list li:nth-child(2) a{background:#fff; padding:0;}
.newsletter .sec3 .btn_list li span{position:relative; display:inline-block; vertical-align:top;}
.newsletter .sec3 .btn_list li span:before{content:''; display:inline-block; vertical-align:-7px; width:24px; height:24px; background:url(/resources/images/cn/newsroom/ico_youtube.png) no-repeat 0 0 ; margin-right:10px;}
.newsletter .sec3 .sec_inner{height: 180px; padding: 50px 50px 40px; margin-bottom:0; background:#f4f7fb; box-sizing: border-box; position:relative; }
.newsletter .sec3 .sec_bg{width:308px; height:216px; background:url(/resources/images/cn/newsroom/newsletter_img.png) no-repeat 0 0; position:absolute; bottom:0; right:0; overflow:hidden;}

/***** view common ******/
.newsroom.re_news.view #content{padding-top:100px;}
.newsroom.re_news.view .board_section{width:1400px; position:relative; overflow:hidden;}	
.newsroom.re_news.view .board_view{border-top:none; border-bottom:none;}
.newsroom.re_news.view .board_cont{position:relative;}
.newsroom.re_news.view .board_cont:after{content:''; display:block; clear:both;}
/*tit top*/
.newsroom.re_news.view .board_view .board_tit{padding:0 60px 0 0; border:none;background:#fff; width:1040px; box-sizing:border-box;}
.newsroom.re_news.view .board_view .board_tit .tit{overflow:hidden; display:block; vertical-align:middle; max-width:90%; max-height:none; word-wrap:break-word; word-break:break-word; font-size:42px; font-weight:600; line-height:125%; color:#000;}

/* 뉴스레터 컨텐츠 */
.renewal_newsletter_form *{width:100%; margin:0; padding:0; line-height:1;}
.renewal_newsletter_form img{vertical-align:top;}
.renewal_newsletter_form a{display:block;}
.renewal_newsletter_form ol, .renewal_newsletter_form ul {list-style:none;}
.renewal_newsletter_form .blind{overflow:hidden; position:absolute; left:0; top:0; width:0px; height:0px; padding:0; margin:0; font-size:0 ;line-height:0; text-indent:-9999px;}
.renewal_newsletter_form .video_area{overflow:hidden;}
.renewal_newsletter_form .video_area a{float:left; width:50%;}
.renewal_newsletter_form .video_area a:focus{outline-offset:-2px;}
.renewal_newsletter_form .newsletter_notice {overflow: hidden; background: #f6f6f6;}
.renewal_newsletter_form .newsletter_notice .txt_top{float: left; width: 79.561%;}
.renewal_newsletter_form .newsletter_notice .link{float: left; width: 20.439%;}
.renewal_newsletter_form .newsletter_notice .txt_bot{clear:both; width: 100%;}

/* 2022년 뉴스레터 */
.renewal_newsletter_2022{border:1px solid #ddd;}
.renewal_newsletter_2022 *{width:100%; margin:0; padding:0; line-height:1;}
.renewal_newsletter_2022 img{vertical-align:top;}    
.renewal_newsletter_2022 a{outline-offset: -3px;}
.renewal_newsletter_2022 a, .renewal_newsletter_2022 span{display:block;}
.renewal_newsletter_2022 .blind{overflow:hidden; position:absolute; left:0; top:0; width:0px; height:0px; padding:0; margin:0; font-size:0 ;line-height:0; text-indent:-9999px;}
.renewal_newsletter_2022 .half_area{overflow:hidden; background-color:#f3f3f3; box-sizing:border-box;}
.renewal_newsletter_2022 .half_area > *{float:left; width:50%;}
.renewal_newsletter_2022 .half_area .list{box-sizing:border-box;}
.renewal_newsletter_2022 .newsletter_notice {overflow: hidden; background: #f6f6f6;}
.renewal_newsletter_2022 .newsletter_notice .txt_top{float: left; width: 79.561%;}
.renewal_newsletter_2022 .newsletter_notice .link{float: left; width: 20.439%;}
.renewal_newsletter_2022 .newsletter_notice .txt_bot{clear:both; width: 100%;}

/* tit bottom */
.newsroom.re_news.view .board_view .tit_bottom{margin:10px 0 45px; position:relative;}
/* 목록버튼 */
.newsroom.re_news.view .board_view .btn_center{max-width:1040px;margin-top:60px;}
.newsroom.re_news.view .board_view .btn_center a{width:160px; height:60px; line-height:60px; font-size:18px;}
/* SNS Share */
.sns_list_wrap{position:absolute; top:0; right:0; font-size: 0; z-index:2; margin:0;}
.sns_list_wrap:after{content: ''; display: table; clear: both;}
.sns_list_wrap .sns_share{position: relative; display: inline-block;}
.sns_list_wrap .btn_share{position: relative; float: right; width: 50px; height: 50px; background: url(/resources/images/jp/newsroom/icon_share.png) 0 0 no-repeat; border: none; font-size: 0; text-indent: -9999%; overflow: hidden; cursor: pointer; z-index: 1;}
.sns_list_wrap .btn_share.open{background-position:0 -50px;}
.sns_list_wrap .sns_list{display: none; position: relative; height: 50px; border: none; box-sizing: border-box; background:#f3f3f3; border-radius:25px; margin-right:10px;}
.sns_list_wrap .sns_list li{position: absolute; left: 200px; height: 100%;}
.sns_list_wrap .sns_list li:before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 15px; margin-top: -7px; background-color: #dedede;}
.sns_list_wrap .sns_list li:first-child:before{display: none;}
.sns_list_wrap .sns_list li .btn_sns{display: block; width: 50px; height: 50px; margin: 0; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; border: 0; font-size: 0; text-indent: -9999%; cursor: pointer; transition: background-image .3s;}
.sns_list_wrap .sns_list li .btn_sns.facebook{background-image: url(/resources/images/jp/newsroom/icon_facebook.png);}
.sns_list_wrap .sns_list li .btn_sns.kakao{background-image: url(/resources/images/jp/newsroom/icon_kakao.png);}
.sns_list_wrap .sns_list li .btn_sns.insta{background-image: url(/resources/images/jp/newsroom/icon_insta.png);}
.sns_list_wrap .sns_list li .btn_sns.linkedin{background-image: url(/resources/images/jp/newsroom/icon_linkedin.png);}
.sns_list_wrap .sns_list li .btn_sns.copy{background-image: url(/resources/images/jp/newsroom/icon_linkcopy.png);}	
.sns_list_wrap .sns_list li .btn_sns:hover,
.sns_list_wrap .sns_list li .btn_sns:focus{background-position: 0 -50px;}
/* 연관 기사 */
.newsroom.re_news.view .relate_article_n{width:300px; height:100%; position:absolute; top:-44px; right:0;}
.newsroom.re_news.view .relate_article_n.stop{top:auto;}
.newsroom.re_news.view .relate_article_n .article_inner{position:absolute; top:0; left:0; width:100%;}
.newsroom.re_news.view .relate_article_n.bottom .article_inner{position:fixed; width:300px; left:auto; top:auto; bottom:90px;}
.newsroom.re_news.view .relate_article_n.top .article_inner{position:fixed; width:300px; left:auto; top:-48px;}
.newsroom.re_news.view .relate_article_n.stop .article_inner{position:absolute; top:auto; bottom:0;}
.newsroom.re_news.view .relate_article_n .article_title{margin-bottom: 20px; font-size: 24px; font-weight: 600; color:#000; line-height: 1em;}
.newsroom.re_news.view .relate_article_n .article_list{border-top: none; border-bottom: none; }
.newsroom.re_news.view .relate_article_n .article_list li{display: block; width: 100%; border-bottom: none;}
.newsroom.re_news.view .relate_article_n .article_list li a{position: relative; display: block; padding:0; font-size: 16px; line-height: 1em; background: #fff; overflow: hidden;}
.newsroom.re_news.view .relate_article_n .article_list li a:before{display:none;}
.newsroom.re_news.view .relate_article_n .article_list li a:focus,
.newsroom.re_news.view .relate_article_n .article_list li a:hover{color: transparent; text-decoration: none; background: transparent; box-shadow:none; }
.newsroom.re_news.view .relate_article_n .article_list li a:hover:before,
.newsroom.re_news.view .relate_article_n .article_list li a:focus:before{background:none;}
.newsroom.re_news.view .relate_article_n .btn_center{width:100%; padding-top:30px;margin-top:0;}
.newsroom.re_news.view .relate_article_n .btn_center a{display:block; width:100%; height:60px; line-height:60px; text-align:center; background:#043285; color:#fff; font-size:18px;}
.newsroom.re_news.view .relate_article_n .btn_center span{display:inline-block; padding-right:13px; background:url(/resources/images/jp/common/btn_arrow_ico_w.png) right center no-repeat;}
/* 연관 기사 - 뉴스 리스트 css */
.newsroom.re_news.view .news_list:after{display:block; clear:both; content:"";}
.newsroom.re_news.view .news_list li{width:100%; height:auto; margin:0 0 30px; border:none; box-sizing:border-box;}
.newsroom.re_news.view .news_list li a{display:block; width:100%; height:100%;}
.newsroom.re_news.view .news_list li:hover,
.newsroom.re_news.view .news_list li:focus{box-shadow:none;}
.newsroom.re_news.view .news_list li a:focus{outline:1px dotted #000000;}
.newsroom.re_news.view .news_list .img_area{position:relative; overflow:hidden; width:100%; height:160px;}
.newsroom.re_news.view .news_list .img_area img{width:100%;}
.newsroom.re_news.view .news_list .txt_area{position:relative; height:auto; padding:20px 0 0; background-color:#fff; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.newsroom.re_news.view .news_list .txt_area p{overflow:hidden; max-height:43px; font-size:17px; font-weight:600; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-word; line-height:1.3; color:#000; margin-top:10px;}
.newsroom.re_news.view .news_list .txt_area a{display:block;}
.newsroom.re_news.view .news_list .txt_area .top_txt{line-height:1;}
.newsroom.re_news.view .news_list .txt_area i{position:relative; left:0; bottom:0; width:auto; height:auto; padding:0 10px 0 0;line-height:1; font-size:14px; font-style:normal; font-weight:600; text-align:left; display:inline-block; vertical-align:top; margin-right:6px;}
.newsroom.re_news.view .news_list .txt_area i:after{content:''; display:block; width:2px; height:15px; background:#ccc; position:absolute; top:1px; right:0; }
.newsroom.re_news.view .news_list .txt_area i.company{color:#003399;}
.newsroom.re_news.view .news_list .txt_area i.product{color:#327f2e;}
.newsroom.re_news.view .news_list .txt_area i.careers{color:#3399ff;}
.newsroom.re_news.view .news_list .txt_area i.press{color:#f26522;}
.newsroom.re_news.view .news_list .txt_area .date{position:relative; top:0; left:0; font-size:14px; letter-spacing:0; color:#999; display:inline-block; vertical-align:top;}
.newsroom.re_news.view .web_div{display:block;}
.newsroom.re_news.view .mobile_div{display:none;}

/* 뉴스레터 구독하기 팝업 
.news_subscribe{position:fixed; width:100%; height:100%; background:rgba(0,0,0,.6); top:0; left:0; z-index:1001;}
.news_subscribe.popup_wrap .pop_inner_wrap{top:50%; width:760px; height:814px; margin:-20% 0 0 -380px; overflow:hidden;}
.news_subscribe.popup_wrap.box_popup .pop_inner{padding:60px 70px; box-sizing:border-box;}
.news_subscribe .title{text-align:center; margin-bottom:40px;}
.news_subscribe .title:after{content:''; display:inline-block; width:40px; height:3px; background:#2C7CD8; margin-top:30px;}
.news_subscribe .title strong{font-size:32px; font-weight:600; color:#000; line-height:1.313em; }
.news_subscribe .title p{font-size:18px; color:#666; margin-top:20px;}
.news_subscribe .subscribe_email{width:100%;}
.news_subscribe .terms_box{margin-top:40px;}
.news_subscribe .terms_box > strong{font-size:20px; font-weight:600; color:#333; line-height:1;}
.news_subscribe .privacy_form{margin-top:10px; height:220px; overflow-y:auto; border:1px solid #ccc;}
.news_subscribe .privacy_form .agree_box{padding:30px; border:none;}
.news_subscribe .privacy_form .agree_box > p:nth-of-type(2){margin-top:10px;}
.news_subscribe .privacy_form .cont h6{ font-size:16px; font-weight:400; color:#2C7CD8; margin-bottom:10px;}
.news_subscribe .privacy_form .cont h6 + p{font-size:16px; color:#666; line-height:1.625em;}
.news_subscribe .privacy_form table{margin:15px 0; }
.news_subscribe .privacy_form table.basic_table2 .bt_b{border-top:1px solid #000;}
.news_subscribe .privacy_form table.basic_table2 th,	
.news_subscribe .privacy_form table.basic_table2 td{padding:10px 20px;}
.news_subscribe .privacy_form table.basic_table2 th{text-align:center;}
.news_subscribe .privacy_form table.basic_table2 td{text-align:left;}
.news_subscribe .terms_box .agree_area{text-align:center; margin-top:20px;}
.news_subscribe .btn_center .btn{min-width:220px; height:60px; line-height:60px; font-size:18px;}*/
.news_subscribe{position:fixed; width:100%; height:100%; background:rgba(0,0,0,.6); top:0; left:0; z-index:1001;}
.news_subscribe.popup_wrap .pop_inner_wrap{top:50%; width:760px; height:814px; margin:-20% 0 0 -380px;}
.news_subscribe.popup_wrap.box_popup .pop_inner{padding:80px; box-sizing:border-box;}
.news_subscribe .title{text-align:center; margin-bottom:40px;}
.news_subscribe .title:after{content:''; display:inline-block; width:40px; height:3px; background:#2C7CD8; margin-top:30px;}
.news_subscribe .title strong{font-size:32px; font-weight:600; color:#000; line-height:1.313em; }
.news_subscribe .title p{font-size:18px; color:#666; margin-top:20px;}
.news_subscribe .subscribe_email{width:100%;}
.news_subscribe .term_wrap{margin-top:75px; border-top:2px solid #333;}
.news_subscribe .term_wrap > ul > li{border-bottom:1px solid #ccc;}
.news_subscribe.popup_wrap.box_popup p{font-size:16px; vertical-align: middle;}
.news_subscribe .term_wrap .tit_area{padding:15px 20px 15px 12px; color:#333;}
.news_subscribe .term_wrap .term_tit{display: inline-block; width:350px; padding-right: 10px;}
.news_subscribe .term_wrap .term_tit > *{display:inline-block; vertical-align:middle;}
.news_subscribe .term_wrap .term_tit span{width:240px;}
.news_subscribe .term_wrap .term_tit .btn_term{margin-left:8px; width:85px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#666; border:1px solid #e2e2e2; border-radius:3px;}
.news_subscribe .term_wrap .agree_area{display: inline-block; width: auto;}
.news_subscribe .term_wrap .agree_area label{color:#666; font-size:17px;}
.news_subscribe .term_wrap .agree_chk{margin-top:30px; text-align:center;}
.news_subscribe .term_wrap .agree_chk > *{display:inline-block; vertical-align: middle;}
.news_subscribe .term_wrap .agree_chk input[type='checkbox']{width:14px; height:14px;}
.news_subscribe .term_wrap .agree_chk label{font-size:17px; color:#666; margin-left:6px; vertical-align: 0;}
.news_subscribe .privacy_form{display:none; height:220px; overflow-y:auto; border:1px solid #ccc; border-bottom:none;}
.news_subscribe .privacy_form .agree_box{padding:30px; border:none;}
.news_subscribe .privacy_form .agree_box > p:nth-of-type(2){margin-top:10px;}
.news_subscribe .privacy_form .cont h6{ font-size:16px; font-weight:400; color:#2C7CD8; margin-bottom:10px;}
.news_subscribe .privacy_form .cont h6 + p{font-size:16px; color:#666; line-height:1.625em;}
.news_subscribe .privacy_form table{margin:15px 0; }
.news_subscribe .privacy_form table.basic_table2 .bt_b{border-top:1px solid #000;}
.news_subscribe .privacy_form table.basic_table2 th,	
.news_subscribe .privacy_form table.basic_table2 td{padding:10px 20px;}
.news_subscribe .privacy_form table.basic_table2 thead th{padding:25px 20px;}
.news_subscribe .privacy_form table.basic_table2 th{text-align:center; font-size:16px; color:#333; font-weight:400;}
.news_subscribe .privacy_form table.basic_table2 td{text-align:left;}
.news_subscribe .terms_box .agree_area{text-align:center; margin-top:20px;}
.news_subscribe.popup_wrap .btn_center{padding-top:40px;}
.news_subscribe .btn_center .btn{width:280px; height:60px; line-height:60px; font-size:18px;}


/* view - newslist */
.newsroom.re_news.view .board_view .board_inner img{margin-bottom:10px;}
/*tit top*/
.news .board_view .board_tit i{display:inline-block; vertical-align:middle; height:auto; line-height:1; background:transparent !important; font-size:18px; font-weight:600; font-style:normal; text-align:center; color:#fff; padding:0; margin:0; }
.news .board_view .board_tit i.company{color:#1428a0;}
.news .board_view .board_tit i.product{color:#327f2e;}
.news .board_view .board_tit i.careers{color:#3399ff;}
.news .board_view .board_tit i.press{color:#f26522;}
.news .board_view .board_tit .date{display:inline-block; vertical-align:middle; position:static; right:auto; top:auto; width:auto;height:auto;margin:0; position:relative; color:#888;}
/* news content */
.news .board_view .board_inner{float:left; width:1040px; padding:0 60px 0 0; box-sizing:border-box; border-right:1px solid #ddd;}
.news .board_view .d_box{padding:60px 90px 0; box-sizing:border-box;}
.news .board_view .board_inner .img_caption{margin-bottom:50px;}
.news .board_view .board_inner .img_caption img{margin-bottom:10px;}
.news .board_view .board_inner .img_caption p{text-align:center; line-height:1.77em; font-size:18px; font-weight:300; color:#666;}
.news .board_view + .btn_center{ max-width:1040px; margin-top:60px; }
.news .board_view + .btn_center a{width:160px; height:60px; line-height:60px; font-size:18px;}
/* 뉴스 요약 */
.news .news_summary{ background:#eaf3fe; padding:55px 90px; box-sizing:border-box; color:#043285; font-size:20px; font-weight:300;}
.news .news_summary *{line-height:1.8em; word-break: keep-all;}
.news .news_summary .tit{font-weight:600;position:relative; padding-left:20px;}
/*.news .news_summary .tit:before{content:'▶'; position:absolute; left:0; top:0;}*/
.news .news_summary .detail{padding-left:30px; position:relative;}
/*.news .news_summary .detail:before{content:'-'; position:absolute; left:20px; top:0;}*/
/* file */
.news .board_view .file_wrap{margin-top:80px;}
.news .board_view .file_wrap .title{font-size:24px; color:#000; font-weight:600; line-height:1; margin-bottom:20px;} 
.news .board_view .file_wrap .btn_file{display:block; width:100%; height:70px; line-height:70px; padding:0 25px; background:#fff; font-size:18px; font-weight:300; color:#888; border:1px solid #ddd; box-sizing:border-box; position:relative;}
.news .board_view .file_wrap .btn_file:after{content:''; display:block; width:15px; height:17px; background:url(/resources/images/jp/newsroom/icon_download.png) no-repeat 0 0; overflow:hidden; position:absolute; top:50%; right:25px; margin-top:-8px; }
.news .board_view .file_wrap .btn_file + .btn_file{border-top:none;}
.news .board_view .file_wrap .btn_file:hover,
.news .board_view .file_wrap .btn_file:focus{background:#f4f7fb; color:#043285;}
.news .board_view .file_wrap .btn_file:hover:after,
.news .board_view .file_wrap .btn_file:focus:after{background-position:0 -17px;}
.news .board_view .file_wrap .btn_file span{display:inline-block; max-width:655px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}

/* view - newsletter */
.newsletter .board_view .board_inner{float:left; width:1040px; padding:0 75px 0 0; box-sizing:border-box; border-right:1px solid #ddd;}
.newsletter.re_news.view .board_view .board_inner img{margin-bottom:0;}
.newsletter .board_view .board_tit .date{font-size:20px; color:#888; display:inline-block; vertical-align:middle; position:static; right:auto; top:auto; width:auto;height:auto;margin:0; padding:0; margin:0; position:relative;}



/* popup - newletterPopup */
.newsletter_popup .pop_inner_wrap{top:50%; width:750px; height:490px; margin-top:-245px;}
.newsletter_popup .form_desc{display:block; text-align:right;}
.newsletter_popup .form_desc .point_txt{display:inline-block; vertical-align:middle;}

/* newsletter - subscription */
.subscription .info_form_list + .bottom_area{margin-top:47px; padding-top:29px;}
.subscription .privacy_form .agree_form{margin-bottom:36px;}
.subscription .privacy_form .agree_box .dot_list{margin-bottom:5px;}
.subscription .privacy_form .agree_box .dot_list li{padding-left:10px; background:url(/resources/images/jp/common/bg_list_dot.gif) left center no-repeat;}
.subscription .privacy_form .security_area .form_tit{display:block; margin-bottom:15px; font-size:20px; font-weight:600; color:#333;}
.subscription .privacy_form .capchar_area{overflow:hidden;}
.subscription .privacy_form .capchar_area .capchar{float:left; width:208px; height:45px;}
.subscription .privacy_form .capchar_area .capchar img{width:100%;}
.subscription .privacy_form .capchar_area .btn_refresh{float:left; width:160px; margin-left:10px;}
.subscription .privacy_form .capchar_area input[type="text"]{float:left; width:700px; margin-left:40px;}
.subscription .privacy_form .btn_center{padding-top:30px; border-top:1px solid #ccc;}
.subscription .privacy_form .security_area + .btn_center{margin-top:50px;}
.subscription .popup_wrap .pop_form_list li label{width:190px;}
.subscription .popup_wrap .pop_form_list li input[type="text"]{width:440px;}
.subscription .basic_table tbody th{font-size:16px; font-weight:600;}
.subscription .privacy_form .agree_bottom{overflow: hidden;}
.subscription .privacy_form .agree_bottom p{float: left; width: 700px;}
.subscription .privacy_form .agree_bottom .agree_area{float: right; width: 200px; padding-top: 0;}

/* newsletter - unsubscription */
.unsubscription .section{margin:0 auto;}
.unsubscription .txt1{font-size:20px; text-align:center;}
.unsubscription .btn_center{margin-top:40px;}


/* support - common */
.cert .section,
.software .section,
.edi .section{margin-bottom:80px;}
.cert .section.last,
.software .section.last,
.edi .section.last{margin-bottom:0;}

/* support - sales_partners */
.sales_partners .section .sec_inner:last-child{margin-bottom:0;}
.sales_partners .basic_table2 td .email{padding-left:59px;}
.sales_partners .btn{width:120px;}
.sales_partners .btn:hover{background:#043285;color:#fff;border:none;}
.sales_partners .btn:hover:after{background-image:url(/resources/images/jp/common/btn_arrow_ico_w.png);}
.sales_partners table tbody td.bl_none{padding-right:0;}
.sales_partners h5 {margin: 60px 0 30px; font-size: 24px; font-weight: 400;}
.sales_partners .txt_box{padding:60px; background:#f3f3f3;}
.sales_partners .txt_box p{line-height:30px;}

/* 20-04-28 hy.jeong sales partners */
.sales_partners td.product li{padding-left:10px; text-indent:-10px; text-align:left;}

/* support - buy_now */
.buy_now .more_banner{width:1000px; margin: 0 auto; margin-bottom:80px; box-sizing: border-box;}
.buy_now .more_banner p{width:720px;}
.buy_now .more_banner a{width:196px;}
.buy_now .iframe_wrap{width:1000px; margin: 0 auto;}

/* support - cert */
.cert .section:last-child{margin-bottom:0;}
.cert .section .sec_inner:last-child{margin-bottom:0;}
.support.cert a.download{text-indent:-9999px;}
.cert .eco_img{float:left;width:67px;margin:8px 20px 0 0;}
.cert .dot_list{float:left;width:660px;}

/* support - cert_popup */

.cert_popup .pop_inner_wrap{top:50%; width:750px; height:690px; margin-top:-345px;}
.cert_popup .pop_inner{padding:60px 67px;}
.cert_popup .pop_tit{margin-bottom:40px;padding-bottom:18px;font-size:38px;color:#000;font-weight:600;border-bottom:2px solid #000;}
.cert_popup .content{overflow:hidden;width:100%;}
.cert table tbody .btn_cert_popup{position:relative;padding-right:22px;}
.cert table tbody .btn_cert_popup:after{position:absolute;right:0;top:50%;margin-top:-8px;width:15px;height:15px;content:"";background:url(/resources/images/jp/common/ico_on_air.png) right top no-repeat;}

/* support - catalog */
.catalog .catalog_list{overflow:hidden; padding-bottom:60px; border-bottom:1px solid #ccc;}
.catalog .catalog_list li{float:left; width:210px; margin-top: 60px; margin-left:22px;}
.catalog .catalog_list li:first-child{margin-left:0;}
.catalog .catalog_list li:nth-child(5n+1){margin-left:0;}
.catalog .catalog_list li:nth-child(-n+5){margin-top:0;}
.catalog .catalog_list li .caption {display: block; margin-bottom: 11px; font-size: 14px; letter-spacing: -0.5px; font-weight: bold; line-height: 1.5; color: #666;}
.catalog .catalog_list li .thumb_img{margin-bottom:10px; width:100%; height:280px; border:1px solid #ccc; box-sizing:border-box;}
.catalog .catalog_list li .thumb_img img{width:100%;}
.catalog .catalog_list li .btn_download{width:100%;text-align:left;padding:0 15px;box-sizing:border-box;}
.catalog .catalog_list li .btn_download:after{float:right;margin-top:15px;}
.catalog .info_txt{font-size:16px;}
.catalog .info_txt a{display:inline-block;margin-left:40px;color:#333;text-decoration:underline;}

/* support - software */
.software .dot_list li{margin-top:10px; padding-left:10px; background:url(/resources/images/jp/common/bg_list_dot.gif) left 7px no-repeat;}
.software .dot_list li:first-child{margin-top:0;}
.software .box_area{overflow:hidden;margin-bottom:25px;padding:15px 30px;background-color:#f3f3f3;}
.software .box_area p{float:left;width:890px;height:45px;line-height:45px;vertical-align:middle;}
.software .btn_download{float:right;}
.software .basic_table2 tbody th.pd_s{padding:16px 10px;}

/* support - software_popup */
.software_popup .pop_inner_wrap{top:103px; width:750px; height:643px; padding-bottom:130px;}
.software_popup .pop_inner{padding:58px 60px;}
.software_popup .pop_inner .pop_tit{font-size:36px;}
.software_popup .agree_box{margin-bottom:20px;padding:30px;max-height:317px;border:1px solid #ccc;text-align:left;overflow-y:auto;box-sizing:border-box;}
.software_popup .agree_box h2{margin-bottom:18px;font-size:20px;color:#333;font-weight:400;}
.software_popup .agree_box dl{overflow:hidden;margin-bottom:20px;}
.software_popup .agree_box dl.last{margin-bottom:0;}
.software_popup .agree_box dl dt{float:left;width:15px;}
.software_popup .agree_box dl dd{float:left;width:535px;}
.software_popup .agree_area{overflow:hidden; text-align:left;}
.software_popup .agree_area p{float:left; width:390px; font-weight:600; color:#333; line-height:25px;}
.software_popup .agree_area .agree_form{float:right; width:207px; line-height:25px;}
.software_popup .agree_area .agree{margin-left:20px;}
.software_popup .agree_area .agree:first-child{margin-left:0;}
.software_popup .btn_center{padding-top:40px;}

/* support - technical */
.technical .desc_area{padding:30px; margin-bottom:40px; background:#f3f3f3; color:#666;}
.technical .desc_area li{margin-bottom:8px;}
.technical .desc_area li.last{margin-bottom:0;}
.technical .srch_area > * { vertical-align:top; }
.technical .srch_area{margin-bottom:40px; text-align:right; font-size:0; }
.technical .srch_area input[type="text"]{margin-left:5px;padding:0 20px;width:400px;height:46px;line-height:46px;vertical-align:middle;border:1px solid #ccc;box-sizing:border-box;}
.technical .srch_area .srch_btn{width:46px; height:46px; margin-left:5px; background:#043285 url(/resources/images/jp/common/btn_srch_ico_l.png) 50% 50% no-repeat; vertical-align:middle;}
.technical .custom_select.short { display:inline-block; width:180px; }
.technical .basic_table2 thead th, .technical .basic_table2 tbody td { word-break:break-all; background-clip:unset; }
.technical .basic_table2 tbody td { padding:16px 40px; }
.technical .basic_table2 tbody td a { display:block; text-align:left; }
.technical.view .basic_table2 .tit_area, .technical.view .basic_table2 .cont_area { text-align:left; }
.technical.view .basic_table2 .tit_area { padding: 26px 50px; }
.technical.view .basic_table2 .date_area { font-size:16px; }
.technical.view .basic_table2 .date_area .txt { color:#333; }
.technical.view .basic_table2 .date_area .num { margin-left:25px; font-weight:400; color:#666; }
.technical.view .basic_table2 .cont_area { padding:70px 50px; }
.technical.view .basic_table2 { border-bottom-width:2px; }
.technical.view .basic_table2 thead th { border-top-width:2px; }
.technical.view .btn_center { margin-top:30px; }

/* support - counterfeit-product-disclaimer */
.cp_discm .txt_box{padding:60px; background:#f3f3f3;}
.cp_discm .txt_box p{line-height:30px;}
.cp_discm .txt_box .hyphen {display: block; position: relative; padding-left: 10px;}
.cp_discm .txt_box .hyphen::before {content: '-'; position: absolute; top: 0; left: 0;}

/* support - edi */
.edi .txt_box{padding:30px; margin-bottom:80px; background:#f3f3f3; text-align:center;}
.edi .txt{margin-bottom:30px;}
.edi .infra_box{margin-top:60px;}
.edi .process_list{position:relative; padding:50px 0; height:354px; background-color:#f3f3f3; box-sizing:border-box;}
.edi .process_list:before{position:absolute; left:0; top:225px; width:100%; height:1px; background-color:#ccc; content:"";}
.edi .process_list .list{overflow:hidden; width:100%; padding:0 20px; box-sizing:border-box;}
.edi .process_list .list li{position:relative; float:left; width:144px; padding-top:200px; margin-left:15px; font-size:18px; color:#333; font-weight:600; text-align:center;}
.edi .process_list .list li:first-child{margin-left:0;}
.edi .process_list .list li:before{position:absolute; left:0; top:0; width:139px; height:178px; background-image:url(/resources/images/jp/support/edi_process_list_ico.png); background-position:0 0; background-repeat:no-repeat; content:"";}
.edi .process_list .list .ico1:before{background-position:0 0; content:"";}
.edi .process_list .list .ico2:before{background-position:-140px 0; content:"";}
.edi .process_list .list .ico3:before{background-position:-280px 0; content:"";}
.edi .process_list .list .ico4:before{background-position:-420px 0; content:"";}
.edi .process_list .list .ico5:before{background-position:-560px 0; content:"";}
.edi .process_list .list .ico6:before{background-position:-700px 0; content:"";}
.edi .process_list .list .ico7:before{background-position:-840px 0; content:"";}
.edi .box_area{overflow:hidden;padding:30px 34px;border:1px solid #ccc;}
.edi .key_info{overflow:hidden;}
.edi .key_info p{display:inline-block;width:370px;height:45px;line-height:45px;vertical-align:middle;font-size: 16px;}
.edi .key_info .info{display:inline-block;width:695px; font-size:0;text-align:right;}
.edi .key_info .info li{display:inline-block; padding:0 27px; line-height:1.125em; border-right:1px solid #ccc;vertical-align:middle; font-size: 16px;text-align:left;}
.edi .key_info .info li:first-child{padding-left:36px;padding-right:30px;border-right:1px solid #ccc;background:url(/resources/images/jp/support/ico_key.png) left center no-repeat;}
.edi .key_info .info li:nth-child(3){border-right:none;}
.edi .key_info .info li:last-child{border-right:none; padding: 0;}
.edi .key_info .info li span{display:block;font-size:14px;}
.edi .point_info .info{overflow:hidden;}
.edi .point_info .info li{float:left; margin-left:20px; padding-left:20px; background:url(/resources/images/jp/common/bg_bar.gif) left center no-repeat;}
.edi .point_info .info li:first-child{margin-left:0; padding-left:0; background:none;}

/* support - inquiry_eval */
.inquiry_eval .info_form{border-top:0;}
.inquiry_eval .info_form_list .tit{margin-bottom:25px; font-size:20px; font-weight:600;}
.inquiry_eval .info_form_list > li{margin-bottom:30px;}
.inquiry_eval .info_form_list .radio_area label{display:inline-block; vertical-align:top; margin-left:8px; color:#666;}
.inquiry_eval .info_form_list .radio_area input[type="radio"]{display:inline-block; vertical-align:middle;}
.inquiry_eval .satisfaction_list li{display:inline-block; vertical-align:top; margin-left:48px;}
.inquiry_eval .satisfaction_list li:first-child{margin-left:0;}
.inquiry_eval .basic_table.type1 tbody th{font-size:18px;}

/* video_popup */
.video_popup .pop_inner_wrap{position:absolute;left:50%;top:100px;margin-left:-570px;width:1140px;height:640px; padding-bottom:150px;}
.video_popup .video_wrap{position:relative;}
.video_popup .video_wrap .pop_close_btn{right:-46px;top:0;}

/* etc common */
/* guide - homepage */
.privacy .top_area{position:relative; margin-bottom:30px;}
.privacy .top_area h4{margin-bottom:0;}
.privacy .privacy_select_area{position:absolute; top:-8px; right:0;}
.privacy .privacy_select_area .custom_select{display:inline-block; vertical-align:middle; width:350px;}
.privacy .privacy_select_area .select_btn{display:inline-block; vertical-align:middle; width:80px; height:45px; margin-left:9px; line-height:45px; background-color:#043285; text-align:center; color:#fff;}
.privacy .btn_area{padding-top:20px; margin-left:-14px; text-indent:0;}
.privacy .btn_area a{width:338px; margin-left:10px; margin-bottom:10px;}
.privacy .btn_area a:nth-child(3n+1){margin-left:0;}
.privacy .btn_area a:nth-last-of-type(1),.privacy .btn_area a:nth-last-of-type(2),.privacy .btn_area a:nth-last-of-type(3){margin-bottom:0;}
.guide span.date{display:block; padding-top:38px;}

/* security_report */
.security_report .privacy_form .agree_box .dot_list{margin-bottom:5px;}
.security_report .privacy_form .agree_box .dot_list li{padding-left:10px; background:url(/resources/images/jp/common/bg_list_dot.gif) left center no-repeat;}

/* search  통합검색 삭제영역 */
.search_section{width:1140px; margin:0 auto;}
.search #content{padding:80px 0 160px;}
.search_section .no_data_area{margin-top:80px;}
.search_section .no_data_area + .tab_inner{margin-top:80px;}
.search_section .no_data_area{padding:48px 30px; border-top:2px solid #333; border-bottom:1px solid #ccc;}
.search_section .no_data_area .tit{font-size:20px; font-weight:600; color:#333;}
.search_section .no_data_area .tit + ul{padding-top:16px;}
.search_section .no_data_area li{position:relative; margin-bottom:8px; padding-left:14px; line-height:1.3em; color:#333;}
.search_section .no_data_area li:before{position:absolute; left:0; top:50%; width:3px; height:3px; margin-top:-1.5px; background-color:#666; content:"";}
.search_section .no_data_area li:last-child{margin-bottom:0;}
.search_section .tab_inner{display:none;}
.search_section .tab_inner.on{display:block;}
.search_section .tabpanel{display:block; margin-bottom:80px;}
.search_section .tabpanel:last-child{margin-bottom:0;}
.search_section .srch_area{margin-bottom:60px;}
.search_section .srch_area .srch_input{width:595px; height:55px; padding:0 20px; line-height:55px; font-size:16px; border:1px solid #043285;}
.search_section .srch_area .srch_btn{width:55px; height:55px; margin-left:5px; background:url(/resources/images/jp/common/search_srch_ico.png) 50% 50% no-repeat #043285;}
.search_section .srch_tit{overflow:hidden; margin-bottom:20px;}
.search_section .srch_tit .tit_area{float:left; width:auto; max-width:940px; padding-top:6px;}
.search_section .srch_tit .btn{float:right; width:160px; height:45px;}
.search_section .srch_tit h2{display:inline-block; vertical-align:middle; font-size:30px; font-weight:600; line-height:1; color:#000;}
.search_section .srch_tit .result{display:inline-block; vertical-align:bottom; margin-left:20px; font-size:16px; color:#666;}
.search_section .srch_inner{width:100%; padding:36px 38px; border:1px solid #ccc; box-sizing:border-box;}
.search_section .srch_list li{position:relative; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #ccc;}
.search_section .srch_list li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0;}
.search_section .srch_list li a{overflow:hidden; display:inline-block; vertical-align:middle; max-width:100%; text-overflow:ellipsis; white-space:nowrap;}
.search_section .srch_list li a,
.search_section .srch_list li h3{font-size:20px; font-weight:600; line-height:1.2em; color:#333;}
.search_section .srch_list li h3,
.search_section .srch_list li p{overflow:hidden; max-width:840px; text-overflow:ellipsis; white-space:nowrap;}
.search_section .srch_list li h3 + p{margin-top:10px;}
.search_section .srch_list li p{font-size:16px; font-weight:400; color:#666;}
.search_section .srch_list li .date{position:absolute; right:0; top:3px; font-size:16px; font-weight:400; color:#666;}
/* //search 통합검색 삭제영역 */

/* 통합검색 리뉴얼 */
.search_n{width:100%;}
.search_n .nodata_result_wrap{width:1140px; margin:0 auto; letter-spacing:-1px;}
.search_n .nodata_result_wrap .search_result_info{margin-bottom:50px;}
.search_n .search_desc{padding:55px 0; margin-bottom:120px; background:#f6f6f6;}
.search_n .search_desc ul{width:550px; margin:0 auto;}
.search_n .search_desc li{margin-bottom:3px; font-size:18px; color:#666;}
.search_n .search_desc li:before{display:inline-block; width:4px; height:4px; margin-right:10px; background:#2c7ddb; vertical-align:5px; content:"";}
.search_n .support_sec{margin-bottom:120px;}
.search_n .support_sec .sec_inner{overflow:hidden;}
.search_n .support_sec .sec_inner a{display:block; position:relative; float:left; width:560px; margin-left:19px; padding:29px 30px; border:1px solid #a7a7a7; border-radius:9px; box-sizing:border-box; color:#222;}
.search_n .support_sec .sec_inner a:first-child{margin-left:0;}
.search_n .support_sec .sec_inner a:after{position:absolute; right:30px; top:50%; width:21px; height:21px; margin-top:-10px; background:url(/resources/images/jp/common/search_product_bull.png) 0 0 no-repeat; content:"";}
.search_n .support_sec .sec_inner strong{display:block; margin-bottom:14px; font-size:30px; line-height:1;}
.search_n .support_sec .sec_inner p{font-size:18px; letter-spacing:-1px;}
.search_n .recommend_sec{}
.search_n .recommend_sec .sec_inner{margin-bottom:63px;}
.search_n .newsletter_banner{display:table; width:100%; height:130px; background:#2c7cd8;border-radius:9px;}
.search_n .newsletter_banner > div{display:table-cell;  vertical-align:middle; box-sizing:border-box; color:#fff;}
.search_n .newsletter_banner > div.left{width:730px; padding-left:40px;}
.search_n .newsletter_banner > div.left > *{display:inline-block;}
.search_n .newsletter_banner > div.left h3{margin-right:7px; font-size:30px; color:#fff;}
.search_n .newsletter_banner > div.left p{font-size:18px;}
.search_n .newsletter_banner > div.right a{display:inline-block; padding:16px 20px; margin-left:10px; border:1px solid #fff; border-radius:24px; box-sizing:border-box; font-size:18px; text-align:center; line-height:1; color:#fff;}
.search_n .newsletter_banner > div.right a:first-child{margin-left:0;}
.search_n .newsletter_banner > div.right a:after{display:inline-block; width:8px; height:13px; margin-left:10px; background:url(/resources/images/jp/common/search_bull_btn_white.png) 0 0 no-repeat; content:"";}

.search_n .tab_area{width:100%;}
.search_n .srch_area{width:1140px; margin:0 auto 60px;}
.search_n .srch_area .input_wrap{width:870px; height:64px; padding:2px 0 0 30px; margin:0 auto; border:2px solid #2c7cd8; border-radius:32px; box-sizing:border-box;}
.search_n .srch_area .srch_input{width:768px; height:56px; padding:0 5px; border:0 none; font-size:20px;}
.search_n .srch_area .srch_btn{width:36px; height:56px; background:url(/resources/images/jp/common/search_icon1.png) 100% center no-repeat;}
.search_n .search_result_info{width:1140px; margin:0 auto; margin-bottom:38px; font-size:27px; line-height:1; text-align:center; color:#222;}
.search_n .search_result_info strong{color:#2c7ddb;}
.search_n .tab_area > *{width:1140px; margin:0 auto;}
.search_n .tab_area .tab_inner_wrap{width:100%;}
.search_n .tab_area .tab{margin-bottom:120px;}
.search_n .tab_area .tab_list{text-align:center;}
.search_n .tab_area .tab_list li{display:inline-block; margin-right:10px; margin-bottom:10px;}
.search_n .tab_area .tab_list li:last-child{margin-right:0;}
.search_n .tab_area .tab_list a{display:block; padding:16px 24px; background-color:#eee; border-radius:4px; font-size:18px; line-height:1;}
.search_n .tab_area .tab_list li.active a,
.search_n .tab_area .tab_list a:hover{background-color:#2c7cd8; box-shadow:4px 4px 4px rgb(0,0,0,.15); color:#fff;}

.search_n .tabpanel{display:block; width:1140px; margin:0 auto; margin-bottom:120px;}
.search_n .tabpanel:last-child, .search_n .tabpanel.last{margin-bottom:0;}
.search_n .tabpanel.full{width:100%; padding:65px 0; background:#f6f6f6;}
.search_n .tabpanel.full .inner_wrap{width:1140px; margin:0 auto;}

.search_n .srch_tit{position:relative; margin-bottom:40px;}
.search_n .srch_tit .tit_area{padding-right:80px;}
.search_n .srch_tit h2{display:inline-block; font-weight:600; vertical-align:middle; font-size:40px; line-height:1; letter-spacing:-1.5px; color:#000;}
.search_n .srch_tit .result{display:inline-block; margin-left:15px; font-size:16px; vertical-align:bottom; color:#666;}
.search_n .srch_tit .more_btn{position:absolute; right:0; bottom:0; font-size:16px; color:#666;}
.search_n .srch_tit .more_btn:after{display:inline-block; width:6px; height:11px; margin-left:10px; background:url(/resources/images/jp/common/search_more_bull.png) 0 0 no-repeat; vertical-align:1px; content:"";}

.search_n .srch_inner{}
.search_n .srch_inner .inner_box{margin-bottom:80px;}
.search_n .srch_inner .inner_box:last-child{margin-bottom:0;}
.search_n .srch_inner .inner_box h3{margin-bottom:30px; font-size:30px; font-weight:600; line-height:1; color:#333;}

.search_n .srch_prd_list{display:flex; flex-wrap:wrap;}
.search_n .srch_prd_list li{display:table; width:276px; height:106px; margin-left:11px; margin-top:12px;}
.search_n .srch_prd_list li:nth-child(4n-3){margin-left:0;}
.search_n .srch_prd_list li:nth-child(-n+4){margin-top:0;}
.search_n .srch_prd_list li a{display:table-cell; position:relative; padding-left:20px; background:#fff; border:1px solid #a7a7a7; border-radius:9px; box-sizing:border-box; font-size:20px; font-weight:600; letter-spacing:-0.25px; vertical-align:middle; color:#222;}
.search_n .srch_prd_list li a:after{position:absolute; right:13px; top:50%; width:21px; height:21px; margin-top:-10px; background:url(/resources/images/jp/common/search_product_bull.png) 0 0 no-repeat;  content:"";}
.search_n .srch_prd_list li a:hover{background-color:#2c7cd8; border-color:#2c7cd8; color:#fff;}
.search_n .srch_prd_list li a:hover:after{background-position:100% 0;}
.search_n .srch_prd_view{}
.search_n .srch_prd_view li{border-bottom:1px solid #cccccc;}
.search_n .srch_prd_view li a{display:block; padding:30px 0; font-size:24px; font-weight:600; line-height:1;}
.search_n .srch_prd_view li:first-child a{padding-top:0;}
.search_n .srch_prd_view li strong{overflow:hidden; display:block; margin-bottom:8px; font-size:24px; font-weight:600; color:#222; text-overflow:ellipsis; white-space:nowrap; }
.search_n .srch_prd_view li p{overflow:hidden; font-size:18px; color:#666; text-overflow:ellipsis; white-space:nowrap;}

.search_n .srch_news_list{display:flex; flex-wrap:wrap;}
.search_n .srch_news_list li{width:360px; margin-left:30px; margin-top:35px; border:none; border-bottom:3px solid transparent; box-sizing:border-box;transition:all .3s;}
.search_n .srch_news_list li:nth-child(3n+1){margin-left:0;}
.search_n .srch_news_list li:nth-child(-n+3){margin-top:0;}
.search_n .srch_news_list li:hover,
.search_n .srch_news_list li:focus{border-bottom:3px solid #043285; box-shadow: 35px 20px 35px rgba(4,50,133,.1);}
.search_n .srch_news_list li a{display:block;}
.search_n .srch_news_list li a:focus{outline:2px solid #000000;}
.search_n .srch_news_list .img_area{overflow:hidden; width:360px; height:200px; border-radius:9px;}
.search_n .srch_news_list .img_area img{width:auto; min-width:100%; height:100%;}
.search_n .srch_news_list .txt_area{padding:25px 15px; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.search_n .srch_news_list .txt_area p{overflow:hidden; max-height:75px; margin-top:10px; font-size:24px; font-weight:600; color:#000; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-word;}
.search_n .srch_news_list .txt_area a{display:block;}
.search_n .srch_news_list .txt_area .top_txt{line-height:1;}
.search_n .srch_news_list .txt_area .cate{display:inline-block; margin-right:10px; font-size:18px; font-weight:600; line-height:1;}
.search_n .srch_news_list .txt_area .cate:after{display:inline-block; width:2px; height:15px; margin-left:15px; background:#ccc; content:'';}
.search_n .srch_news_list .txt_area .cate.company{color:#003399;}
.search_n .srch_news_list .txt_area .cate.product{color:#327f2e;}
.search_n .srch_news_list .txt_area .cate.careers{color:#3399ff;}
.search_n .srch_news_list .txt_area .cate.press{color:#f26522;}
.search_n .srch_news_list .txt_area .cate.tech{color:#6703c7;}
.search_n .srch_news_list .txt_area .cate.csr{color:#ad0057;}
.search_n .srch_news_list .txt_area .date{font-size:16px; letter-spacing:0; vertical-align:2px; color:#666;}

.search_n .srch_ce_list{display:flex; flex-wrap:wrap;}
.search_n .srch_ce_list > li{width:276px; margin-left:11px;}
.search_n .srch_ce_list > li:first-child{margin-left:0;}
.search_n .srch_ce_list > li .tit{display:block; height:65px;}
.search_n .srch_ce_list > li .tit span{overflow:hidden; display:block; font-size:24px; font-weight:600; color:#222; text-overflow:ellipsis; white-space:nowrap;}
.search_n .srch_ce_list > li .info > li{overflow:hidden; width:100%; font-size:18px; line-height:1.6;  white-space:nowrap; text-overflow:ellipsis; color:#666;}
.search_n .srch_ce_list > li a{position:relative; display:block; height:280px; padding:27px 30px 20px; border:1px solid #a7a7a7; border-radius:9px; box-sizing:border-box;}
.search_n .srch_ce_list > li a:after{position:absolute; right:28px; bottom:30px; width:29px; height:25px; background:url(/resources/images/jp/common/search_certificate_icon.png) 0 0 no-repeat; content:"";}
.search_n .srch_ce_list > li a:hover{background-color:#2c7cd8; border-color:#2c7cd8;}
.search_n .srch_ce_list > li a:hover .tit span{color:#fff;}
.search_n .srch_ce_list > li a:hover li{color:#fff;}
.search_n .srch_ce_list > li a:hover:after{background-position:100% 0;}
.search_n .basic_table2{border-bottom-color:#ccc;}
.search_n .basic_table2 thead th{padding:17px 5px; background-color:#f6f6f6; border-top-width:2px; border-top-color:#2c7cd8; font-size:20px; color:#222;}
.search_n .basic_table2 tbody th,
.search_n .basic_table2 tbody td{font-size:18px; color:#666;}
.search_n .basic_table2 tbody td{padding:16px 5px;}
.search_n .basic_table2 a.download{width:30px; height:27px; background-image:url(/resources/images/jp/common/search_certificate_icon2.png);}


.search_n .srch_list{}
.search_n .srch_list li{border-bottom:1px solid #cccccc;}
.search_n .srch_list li a{display:block; padding:30px 0;}
.search_n .srch_list li:first-child a{padding-top:0;}
.search_n .srch_list li strong{overflow:hidden; display:block; margin-bottom:8px; font-size:24px; font-weight:600; color:#222; text-overflow:ellipsis; white-space:nowrap; }
.search_n .srch_list li p{overflow:hidden; font-size:18px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.search_n .srch_news_list1 li{position:relative;}
.search_n .srch_news_list1 li a{padding-right:100px;}
.search_n .srch_news_list1 .date{position:absolute; right:0; top:36px; font-size:16px; font-weight:400; color:#666;}
.search_n .srch_news_list1 li:first-child .date{top:6px;}

.search_n .accordion_list{border-top:0 none;}
.search_n .accordion_list button{padding:34px 0;}
.search_n .accordion_list li:first-child button{padding-top:0;}
.search_n .accordion_list button.on{padding-bottom:0;}
.search_n .accordion_list .acco_tit{font-size:24px; font-weight:600;}
.search_n .accordion_list .on .acco_tit{color:#2c7ddb;}
.search_n .accordion_list .btn_acco .acco_tit:after{width:22px; height:12px; background:url(/resources/images/jp/common/search_accodion_list_ico.png) 0 0 no-repeat;}
.search_n .accordion_list .acco_panel{padding:22px 0; background:none; border:0 none; font-size:18px; color:#666;}
.search_n .accordion_list li:first-child .acco_panel{display:block;}
.search_n .accordion_list .btn_acco.on .acco_tit:after{background-position:100% 0;}


.search_n .paging{margin-top:40px; text-align:center;}
.search_n .paging a,
.search_n .paging .num{display:inline-block; padding:5px; margin:0 5px; margin-top:-5px; font-size:20px; border-radius:0; text-align:center; vertical-align:middle; color:#666;}
.search_n .paging .num.on{position:relative; background:none; font-weight:600; color:#2c7cd8;}
.search_n .paging .num.on:after{position:absolute; left:50%; bottom:0; width:16px; height:2px; margin-left:-8px; background:#2c7cd8; content:"";}
.search_n .paging .first,
.search_n .paging .last,
.search_n .paging .prev,
.search_n .paging .next{overflow:hidden; width:54px; height:54px; margin-top:0; margin-left:10px; margin-right:0; background-image:url(/resources/images/jp/common/paging_arrow_new.png); background-repeat:no-repeat; background-position:0 0; border:0 none; box-sizing:border-box; text-indent:-9999px; font-size:0; line-height:54px;}
.search_n .paging .first{background-position:0 0;}
.search_n .paging .prev{margin-right:10px; background-position:-54px 0;}
.search_n .paging .next{margin-left:10px; background-position:-108px 0;}
.search_n .paging .last{background-position:-162px 0;}
/* //통합검색 리뉴얼 */

.survey_section{width:1140px; margin:0 auto;}
.survey_section h3{margin-bottom:22px; font-size:26px; font-weight:600; line-height:1.2; letter-spacing:-0.5px; color:#000; text-indent:-27px; margin-left:27px;}
.survey_section h3 span{font-size:20px;}
.survey_section .sec_inner{margin-bottom:80px;}
.survey_section .sec_inner.last{margin-bottom:0;}
.survey_section .agree_radio{margin-bottom:30px;}
.survey_section .agree_radio span{display:inline-block; vertical-align:top; margin-right:50px; line-height:1;}
.survey_section .agree_radio span:last-child{margin-left:0;}
.survey_section .agree_radio span *{display:inline-block; vertical-align:middle; line-height:24px;}
.survey_section .agree_radio span.row2 *{vertical-align:top;}
.survey_section .agree_radio span.row2 input{vertical-align:-4px;}
.survey_section .agree_radio input[type="radio"]{width:17px; height:17px;}
.survey_section .agree_radio label{margin-left:8px; font-size:16px;}
.survey_section .agree_box textarea{width:100%;}
.survey_section .btn_center{padding-top:30px;}
/* renewalsurvey 2차 */
.renewalsurvey2 .survey_section .survey_desc{margin-bottom:80px;}
.renewalsurvey2 .survey_section .survey_desc:after{content:""; display:block; width:1070px; height:1px; background-color:#ccc;}
.renewalsurvey2 .survey_section .survey_desc .inner{position:relative; padding:50px 70px;}
.renewalsurvey2 .survey_section .survey_desc .inner:before{content:""; position:absolute; left:0; top:0; width:39px; height:32px; background:url(/resources/images/jp/common/2020survey_ico.png) 0 0 no-repeat;}
.renewalsurvey2 .survey_section .survey_desc .inner:after{content:""; position:absolute; right:0; bottom:0; width:39px; height:32px; background:url(/resources/images/jp/common/2020survey_ico.png) -41px 0 no-repeat;}
.renewalsurvey2 .survey_section .survey_desc .desc_txt1{margin-bottom:25px; font-size:20px; font-weight:600;}
.renewalsurvey2 .survey_section .survey_desc .desc_txt2{margin-bottom:25px;}
.renewalsurvey2 .survey_section p.tit_txt{margin-bottom:80px; line-height:34px; font-size:18px; text-align:center;}
.renewalsurvey2 .survey_section .agree_box{padding-left:30px;}
.renewalsurvey2 .survey_section .agree_box textarea{border:1px solid #333;}
.renewalsurvey2 .survey_section .agree_radio{margin-bottom:20px; padding-left:30px;}
.renewalsurvey2 .survey_section .agree_radio span{margin-bottom:10px;}
.renewalsurvey2 .survey_section .agree_radio span.other{display:block; margin-left:0; margin-bottom:0;}
.renewalsurvey2 .survey_section .agree_radio.long span.type1{width:290px; margin-left:0;}
.renewalsurvey2 .survey_section .agree_radio.long span.type2{margin-left:0;}
.renewalsurvey2 .survey_section .sec_inner2 h3, .renewalsurvey2 .survey_section .sec_inner3 h3{margin-bottom:18px;}
.renewalsurvey2 .survey_section .sec_inner4 .agree_radio span,
.renewalsurvey2 .survey_section .sec_inner5 .agree_radio span,
.renewalsurvey2 .survey_section .sec_inner6 .agree_radio span{display:block; margin-left:0;}
.renewalsurvey2 .survey_section .sec_inner2 .agree_radio span *, .renewalsurvey2 .survey_section .sec_inner3 .agree_radio span *{line-height:35px;}
.renewalsurvey2 .survey_section .agree_radio span input[type="text"]{width:198px; height:35px; margin-left:10px;}

.blockUI img{position:fixed; left:50%; top:50%; z-index:100; width:40px; height:40px; margin-top:-20px; margin-left:-20px;}

/* SNS Share */
.sns_wrap{position: relative; width: 1140px; margin: -50px auto 15px; text-align: right; font-size: 0;}
.sns_wrap:after{content: ''; display: table; clear: both;}
.sns_wrap .sns_share{position: relative; display: inline-block;}
.sns_wrap .btn_share{position: relative; float: right; width: 50px; height: 50px; background: #f3f3f3 url(/resources/images/jp/common/sns/icon_share.png) 50% 50% no-repeat; border: 1px solid #ccc; font-size: 0; text-indent: -9999%; overflow: hidden; cursor: pointer; z-index: 1;}
.sns_wrap .btn_share.open{background: #f3f3f3 url(/resources/images/jp/common/sns/icon_close.png) 50% 50% no-repeat;}
.sns_wrap .sns_list{display: none; position: relative; height: 50px; border: 1px solid #ccc; border-right: 0; box-sizing: border-box;}
.sns_wrap .sns_list li{position: absolute; left: 200px; height: 100%;}
.sns_wrap .sns_list li:before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 15px; margin-top: -7px; background-color: #e6e6e6;}
.sns_wrap .sns_list li:first-child:before{display: none;}
.sns_wrap .sns_list li .btn_sns{display: block; width: 50px; height: 50px; margin: 0; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; border: 0; font-size: 0; text-indent: -9999%; cursor: pointer; transition: background-image .3s;}
.sns_wrap .sns_list li .btn_sns.kakao{background-image: url(/resources/images/jp/common/sns/icon_kakao.png);}
.sns_wrap .sns_list li .btn_sns.kakao:hover,
.sns_wrap .sns_list li .btn_sns.kakao:focus{background-image: url(/resources/images/jp/common/sns/icon_kakao_on.png);}
.sns_wrap .sns_list li .btn_sns.facebook{background-image: url(/resources/images/jp/common/sns/icon_facebook.png);}
.sns_wrap .sns_list li .btn_sns.facebook:hover,
.sns_wrap .sns_list li .btn_sns.facebook:focus{background-image: url(/resources/images/jp/common/sns/icon_facebook_on.png);}
.sns_wrap .sns_list li .btn_sns.twitter{background-image: url(/resources/images/jp/common/sns/icon_twitter.png);}
.sns_wrap .sns_list li .btn_sns.twitter:hover,
.sns_wrap .sns_list li .btn_sns.twitter:focus{background-image: url(/resources/images/jp/common/sns/icon_twitter_on.png);}
.sns_wrap .sns_list li .btn_sns.linkedin{background-image: url(/resources/images/jp/common/sns/icon_linkedin.png);}
.sns_wrap .sns_list li .btn_sns.linkedin:hover,
.sns_wrap .sns_list li .btn_sns.linkedin:focus{background-image: url(/resources/images/jp/common/sns/icon_linkedin_on.png);}
.sns_wrap .sns_list li .btn_sns.copy{background-image: url(/resources/images/jp/common/sns/icon_copy.png);}
.sns_wrap .sns_list li .btn_sns.copy:hover,
.sns_wrap .sns_list li .btn_sns.copy:focus{background-image: url(/resources/images/jp/common/sns/icon_copy_on.png);}

/* 2023리뉴얼 - 기업소개 start */
.new_company .bottom_banner{background-color:#F6F6F6; padding:120px 0 200px;}
.new_company .bottom_banner .inner{width:1140px; margin:0 auto;}
.new_company .bottom_banner h3{font-weight:600;}
.new_company .bottom_banner ul{margin-top:50px;}
.new_company .bottom_banner ul:after{display:block; clear:both; content:"";}
.new_company .bottom_banner ul li{float:left; width:350px; margin-right:45px; box-sizing:border-box;}
.new_company .bottom_banner ul li:last-child{margin-right:0;}
.new_company .bottom_banner ul li a{border:1px solid #CCC; border-radius:10px; overflow:hidden; display:block; padding:30px 30px 31px; background:#fff; font-size:24px; color:#222; font-weight:600; position:relative; transition:background .2s, color .2s;}
.new_company .bottom_banner ul li a:after{content:""; width:20px; height:20px; display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); background-image:url(/resources/images/jp/about_us/new_overview_link_icon_black.png); background-size:cover; background-position:center; background-repeat:no-repeat}
.new_company .bottom_banner ul li a:hover{background-color:#2C7CD8; color:#fff; box-shadow:20px 20px 20px rgba(0,0,0,0.16);}
.new_company .bottom_banner ul li a:hover:after{background-image:url(/resources/images/jp/about_us/new_overview_link_icon_white_blue.png);}
.new_company .bottom_banner ul li a:focus{outline:2px solid #222; }

/* new_tab_btn */
.new_tab_btn ul{display:table; width:100%;}
.new_tab_btn ul:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.new_tab_btn ul li{width:50%; height:60px; display:table; float:left; background-color:#f3f3f3; border:1px solid #ccc; border-bottom-color:#1428A0; box-sizing:border-box;}
.new_tab_btn ul li a{display:table-cell; vertical-align:middle; font-size:18px; color:#333; font-weight:300;}
.new_tab_btn ul li.active{border-color:#1428A0; border-bottom-color:#fff; background-color:#fff;}
.new_tab_btn ul li.active a{color:#1428A0; font-weight:600;}

/* CEO인사말 */
.new_ceo_message #content{padding-bottom:0;}
.new_ceo_message h3{text-align:center; font-weight:300; line-height:1.5; padding-bottom:0; margin-bottom:0;}
.new_ceo_message h3:after{display:none;}
.new_ceo_message .section{width:100%; margin:0 auto;}
.new_ceo_message .section .inner{width:1140px; margin:0 auto;}
.new_ceo_message .sec1{margin-bottom:150px;}
.new_ceo_message .sec1 h3{transition:1s; transform:translateY(30%); opacity:0;}
.new_ceo_message .sec1.active h3{transform:translateY(0); opacity:1;}
.new_ceo_message .sec2{padding-bottom:160px; position:relative;}
.new_ceo_message .sec2 .bg{width:0; height:100%; position:absolute; right:0; top:0; transition:1s; opacity:0; background-color:#F3F3F3; z-index:-1;}
.new_ceo_message .sec2 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.new_ceo_message .sec2 .inner .txt_area{float:left; width:calc(100% - 450px); padding-top:88px; padding-right:120px; box-sizing:border-box;}
.new_ceo_message .sec2 .inner .txt_area p{font-size:20px; color:#333; font-weight:300; line-height:1.5; transition:1s; transition-delay:0.3s; transform:translateX(-8%); opacity:0;} 
.new_ceo_message .sec2 .inner .txt_area p + p{margin-top:20px;}
.new_ceo_message .sec2 .inner .txt_area p.tit{font-size:24px; color:#000;}
.new_ceo_message .sec2 .inner .txt_area p.tit b{font-weight:600;}
.new_ceo_message .sec2 .inner .img_area{float:right; width:450px; margin-top:-70px;}
.new_ceo_message .sec2 .inner .img_area .img{width:100%; height:600px; background:url(/resources/images/jp/about_us/img_ceo.png)no-repeat center / cover; transition:1s; transform:translateY(8%); opacity:0;}
.new_ceo_message .sec2 .inner .img_area .desc{margin-top:52px; position:relative; transition:1s; transform:translateX(8%); opacity:0;}
.new_ceo_message .sec2 .inner .img_area .desc p{font-size:20px; color:#333; font-weight:600; line-height:1.5;}
.new_ceo_message .sec2 .inner .img_area .desc i{display:block; position:absolute; right:0; bottom:-85px; width:205px; height:74px; background:url(/resources/images/jp/about_us/ceo_sign.png)no-repeat center / cover;}
.new_ceo_message .sec2.active .bg{width:100%; opacity:1;}
.new_ceo_message .sec2.active .inner .txt_area p{transform:translateX(0); opacity:1;}
.new_ceo_message .sec2.active .inner .img_area .img{transform:translateY(0); opacity:1;}
.new_ceo_message .sec2.active .inner .img_area .desc{transform:translateX(0); opacity:1;}

/* 연혁 및 수상실적 */
.new_history_award .lnb_scroll_sticky{margin:0; height:auto;}
.new_history_award .lnb_scroll_sticky .lnb_inner{position:absolute; bottom:0; left:0; width:100%; z-index:10; background:#fff; border-top:1px solid #f3f3f3;}
.new_history_award .lnb_scroll_sticky ul{justify-content:center; display:flex; flex-direction:row-reverse;}
.new_history_award .lnb_scroll_sticky li{padding:0 30px; float:none; width:auto; display:inline-block; vertical-align:top;}
.new_history_award .lnb_scroll_sticky li a{display:block; padding:24px 0; height:auto; position:relative;}
.new_history_award .lnb_scroll_sticky li a:before{content:""; width:100%; height:2px; background:#1428A0; position:absolute; left:0; top:-1px; opacity:0;}
.new_history_award .lnb_scroll_sticky li.on a{color:#1428A0; font-weight:600;}
.new_history_award .lnb_scroll_sticky li.on a:before{opacity:1;}
.new_history_award .lnb_scroll_sticky.active .lnb_inner{display:block; position:fixed;}
.new_history_award #content{padding:100px 0 0;}
.new_history_award .section{width:100%; margin:0;}
.new_history_award .section .inner{width:1140px; margin:0 auto;}
.new_history_award .sec_top{text-align:center;}
.new_history_award .sec_top h3{font-weight:300; line-height:1.5; padding-bottom:0; margin-bottom:30px;}
.new_history_award .sec_top h3:after{display:none;}
.new_history_award .sec_top .tit{transition:1s; transform:translateY(30%); opacity:0;}
.new_history_award .sec_top.active .tit{transform:translateY(0); opacity:1;}
.new_history_award .sec_top p{font-size:20px; color:#333; line-height:1.5;}
.new_history_award .new_tab_btn{margin-top:120px;}
.new_history_award .scroll_wrap{padding-bottom:160px; position:relative;}
.new_history_award .scroll_wrap .section{padding:120px 0 160px;}
.new_history_award .scroll_wrap .section:last-child{margin-bottom:0;}
.new_history_award .lnb_cont{position:relative; background:#fff; padding:80px 0 0 360px; box-sizing:border-box;}
.new_history_award .lnb_cont h3{font-size:60px; color:#2C7CD8; font-weight:600; line-height:1; padding-bottom:0; margin-bottom:0; position:absolute; left:0; top:0;}
.new_history_award .lnb_cont h3 span{display:block;}
.new_history_award .lnb_cont h3 span:nth-of-type(1){margin-right:50px; margin-bottom:25px;}
.new_history_award .lnb_cont h3 span:nth-of-type(2){margin-left:50px;}
.new_history_award .lnb_cont h3:after{display:none;}
.new_history_award .lnb_cont .year_area{border-top:2px solid #000;}
.new_history_award .lnb_cont .year_area li{padding:30px 20px; box-sizing:border-box; opacity:0; transform:translateY(10%); transition:0.5s;}
.new_history_award .lnb_cont .year_area li.active{opacity:1; transform:translateY(0);}
.new_history_award .lnb_cont .year_area li + li{border-top:1px solid #CCC;}
.new_history_award .lnb_cont .year_area li p.year{background:none; margin:0; font-size:24px; color:#000; font-weight:600; line-height:1; width:100%;}
.new_history_award .lnb_cont .year_area li dl{font-size:0;}
.new_history_award .lnb_cont .year_area li dl dt{width:100px; padding-right:20px; box-sizing:border-box; display:inline-block; vertical-align:top; font-size:24px; color:#333; font-weight:300;}
.new_history_award .lnb_cont .year_area li dl dd{padding-top:4px; width:calc(100% - 100px); display:inline-block; vertical-align:top; font-size:20px; color:#333; line-height:1.5;}
.new_history_award .lnb_cont .year_area li dl dd p{word-break:keep-all;}
.new_history_award .lnb_cont .year_area + .year_area{margin-top:70px;}
.new_history_award [class*='sec_bg']{height:500px; overflow:hidden; position:relative; box-sizing:border-box;}
.new_history_award [class*='sec_bg'] .bg{width:50%; height:100%; transition:1s; background-repeat:no-repeat; background-size:cover; background-position:top center; position:absolute; left:50%; top:0; opacity:0; transform:translate(-50%,-30%);}
.new_history_award [class*='sec_bg'].active .bg{transform:translate(-50%,0); opacity:1; width:100%;}
.new_history_award.history .sec_bg1 .bg{background-image:url(/resources/images/jp/about_us/history_bg1.jpg)}
.new_history_award.history .sec_bg2 .bg{background-image:url(/resources/images/jp/about_us/history_bg2.jpg)}
.new_history_award.history .sec_bg3 .bg{background-image:url(/resources/images/jp/about_us/history_bg3.jpg)}
.new_history_award.history .sec_bg4 .bg{background-image:url(/resources/images/jp/about_us/history_bg4.jpg)}
.new_history_award.history .sec_bg5 .bg{background-image:url(/resources/images/jp/about_us/history_bg5.jpg)}
.new_history_award.award .sec_bg1 .bg{background-image:url(/resources/images/jp/about_us/award_bg1.jpg)}
.new_history_award.award .sec_bg2 .bg{background-image:url(/resources/images/jp/about_us/award_bg2.jpg)}
.new_history_award.award .sec_bg3 .bg{background-image:url(/resources/images/jp/about_us/award_bg3.jpg)}

/* 삼성전기소개 */
.new_overview #content{padding:100px 0 0;}
.new_overview h3{text-align:center; font-weight:300; line-height:1.5; padding-bottom:0; margin-bottom:0;}
.new_overview h3:after{display:none;}
.new_overview .section{width:100%; margin:0 auto;}
.new_overview .section .inner{width:1140px; margin:0 auto;}
.new_overview .sec1{padding-bottom:200px;}
.new_overview .sec1 h3{transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec1.active h3{transform:translateY(0); opacity:1;}
.new_overview .sec1 .info_area{margin:80px auto 100px; transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec1 .info_area strong{display:block; font-size:22px; color:#000; font-weight:600;}
.new_overview .sec1 .info_area p{font-size:20px; color:#333; font-weight:300; margin-top:30px; word-break:keep-all;}
.new_overview .sec1.active .info_area{transform:translateY(0); opacity:1;}
.new_overview .sec1 .icon_txt_area{margin-bottom:130px;}
.new_overview .sec1 .icon_txt_area ul{display:flex; flex-wrap:wrap}
.new_overview .sec1 .icon_txt_area ul li{width:33.333333%; display:flex; align-items:center;}
.new_overview .sec1 .icon_txt_area ul li:nth-of-type(n+4){margin-top:60px;}
.new_overview .sec1 .icon_txt_area ul li dl{padding-left:25px;}
.new_overview .sec1 .icon_txt_area ul li dl span{display:block; transform:translateY(100%); transition:1s;}
.new_overview .sec1 .icon_txt_area ul li dl dt{font-size:16px; color:#666; font-weight:300; position:relative; overflow:hidden;}
.new_overview .sec1 .icon_txt_area ul li dl dd{font-size:30px; color:#333; font-weight:600; position:relative; overflow:hidden;}
.new_overview .sec1 .icon_txt_area ul li:nth-of-type(4) dl span{transition-delay:0.4s;}
.new_overview .sec1 .icon_txt_area ul li:nth-of-type(5) dl span{transition-delay:0.4s;}
.new_overview .sec1 .icon_txt_area ul li:nth-of-type(6) dl span{transition-delay:0.4s;}
.new_overview .sec1 .icon_txt_area .icon1{width:72px; height:72px; background:url(/resources/images/jp/about_us/new_overview_sec1_icon1.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon2{width:72px; height:72px; background:url(/resources/images/jp/about_us/new_overview_sec1_icon2.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon3{width:72px; height:72px; background:url(/resources/images/jp/about_us/new_overview_sec1_icon3.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon4{width:72px; height:72px; background:url(/resources/images/jp/about_us/new_overview_sec1_icon4.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon5{width:72px; height:72px; background:url(/resources/images/jp/about_us/new_overview_sec1_icon5.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon6{width:72px; height:72px; background:url(/resources/images/jp/about_us/new_overview_sec1_icon6.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area.active ul li dl span{opacity:1; transform:translateY(0);}
.new_overview .sec1 .banner{width:100%;}
.new_overview .sec1 .banner a{transition:1s; opacity:0; transform:translateY(30%); width:100%; display:block; padding:65px 50px; height:100%; box-sizing:border-box; border-radius:10px; background:url(/resources/images/jp/about_us/new_overview_sec1_banner_bg.png)no-repeat center / cover;}
.new_overview .sec1 .banner a strong{display:block; font-size:38px; color:#fff; font-weight:300;}
.new_overview .sec1 .banner a strong i{margin-left:16px; margin-top:-4px; width:20px; height:20px; display:inline-block; vertical-align:middle; background:url(/resources/images/jp/about_us/new_overview_link_icon_white.png)no-repeat center / cover;}
.new_overview .sec1 .banner a p{font-size:20px; color:#DDD; font-weight:300; margin-top:5px;}
.new_overview .sec1 .banner a:focus{outline:2px solid #000;}
.new_overview .sec1 .banner.active a{transform:translateY(0); opacity:1;}
.new_overview .sec2{padding:120px 0 150px; background-color:#000220; background-image:url(/resources/images/jp/about_us/new_overview_sec2_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center center; background-attachment: fixed; transition:background 1s;}
.new_overview .sec2 .tit{text-align:center; transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec2 .tit h3{color:#fff; margin-bottom:20px; font-weight:600;}
.new_overview .sec2 .tit p{font-size:22px; color:#ddd; font-weight:300;}
.new_overview .sec2 ul{margin-top:90px; display:flex;}
.new_overview .sec2 ul li{width:33.333333%; height:320px; box-sizing:border-box; margin-right:30px; padding:40px 10px 40px 30px; border-radius:20px; border:1px solid rgba(255,255,255,0.5); backdrop-filter: blur(10px); position:relative; opacity:0; transform:translateY(25%); transition:transform 0.8s}
.new_overview .sec2 ul li:last-child{margin-right:0;}
.new_overview .sec2 ul li:nth-of-type(1){transition-delay:0.2s;}
.new_overview .sec2 ul li:nth-of-type(2){transition-delay:0.3s;}
.new_overview .sec2 ul li:nth-of-type(3){transition-delay:0.4s;}
.new_overview .sec2 ul li .txt h4{font-size:30px; color:#fff; font-weight:600; margin:0;}
.new_overview .sec2 ul li .txt p{font-size:19px; color:#fff; font-weight:300; margin-top:20px;}
.new_overview .sec2 ul li .link{position:absolute; width:calc(100% - 60px); left:30px; bottom:30px; font-size:0;}
.new_overview .sec2 ul li .link a{max-width:50%; display:inline-block; vertical-align:top; font-size:20px; font-weight:600; color:#fff; padding:10px 0; white-space:nowrap; box-sizing:border-box;}
.new_overview .sec2 ul li .link a:nth-of-type(2n){padding-left:20px; }
.new_overview .sec2 ul li .link a:after{content:""; width:20px; height:20px; display:inline-block; vertical-align:middle; margin-left:8px; margin-top:-2px; background-image:url(/resources/images/jp/about_us/new_overview_link_icon_white.png); background-size:cover; background-position:center; background-repeat:no-repeat}
.new_overview .sec2 ul li:hover{background-color:#fff; border-color:#fff; transition:0.2s; transition-delay:0s;}
.new_overview .sec2 ul li:hover .txt h4{color:#000}
.new_overview .sec2 ul li:hover .txt p{color:#666}
.new_overview .sec2 ul li:hover .link a{color:#333}
.new_overview .sec2 ul li:hover .link a:after{background-image:url(/resources/images/jp/about_us/new_overview_link_icon_black.png);}
.new_overview .sec2 ul li .link a:hover{color:#2c7cd8}
.new_overview .sec2 ul li .link a:hover:after{background-image:url(/resources/images/jp/about_us/new_overview_link_icon_blue.png);}
.new_overview .sec2.active .tit{transform:translateY(0); opacity:1;}
.new_overview .sec2.active ul li{opacity:1; transform:translateY(0);}
.new_overview .sec3{margin:200px auto;}
.new_overview .sec3 h3{font-weight:600; transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec3 .video_wrap{margin-top:40px; position:relative; padding-bottom:56.25%; border-radius:20px; opacity:0; transition:0.7s; transform:translateY(10%); overflow:hidden;}
.new_overview .sec3 .video_wrap .video_bg{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; cursor:pointer; background:url(/resources/images/jp/about_us/new_overview_video_bg.png)no-repeat center / cover;}
.new_overview .sec3 .video_wrap .video_bg:focus{outline:2px solid #222;}
.new_overview .sec3 .video_wrap .video_bg i{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:72px; height:72px; background:url(/resources/images/jp/about_us/new_overview_video_icon.png)no-repeat center / cover;}
.new_overview .sec3 .video_wrap iframe{position:absolute; left:0; top:0; width:100%; height:100%; border-radius:20px;}
.new_overview .sec3.active h3{transform:translateY(0); opacity:1;}
.new_overview .sec3.active .video_wrap{transform:translateY(0); opacity:1;}
.new_overview .sec4{margin:200px auto;}
.new_overview .sec4 h3{font-weight:600; transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec4 .news_list{margin-top:40px; opacity:0; transition:0.7s; transform:translateY(10%);}
.new_overview .sec4 .news_list:after{display:block; clear:both; content:"";}
.new_overview .sec4 .news_list li{float:left; width:350px; height:360px; border:none; border-bottom:3px solid transparent; box-sizing:border-box;transition:all .3s;}
.new_overview .sec4 .news_list li + li{ margin-left:45px; }
.new_overview .sec4 .news_list li:nth-child(3n+1){margin-left:0;}
.new_overview .sec4 .news_list li a:hover .txt_area p.tit{text-decoration:underline;}
.new_overview .sec4 .news_list li a:focus .txt_area p.tit{text-decoration:underline;}
.new_overview .sec4 .news_list li a{display:block; width:100%; height:100%;}
.new_overview .sec4 .news_list li a:focus{outline:2px solid #000000;}
.new_overview .sec4 .news_list .img_area{position:relative; overflow:hidden; width:350px; height:220px; border-radius:10px;}
.new_overview .sec4 .news_list .img_area img{width:auto; min-width:100%; height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.new_overview .sec4 .news_list .txt_area{position:relative; height:137px; padding:25px 0 18px; background-color:#fff; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.new_overview .sec4 .news_list .txt_area p{overflow:hidden; max-height:68px; font-size:24px; line-height:34px;font-weight:600; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-word; color:#000; margin-top:10px;}
.new_overview .sec4 .news_list .txt_area a{display:block;}
.new_overview .sec4 .news_list .txt_area .top_txt{line-height:1;}
.new_overview .sec4 .news_list .txt_area i{position:relative; left:0; bottom:0; width:auto; height:auto; padding:0 15px 0 0; margin-right:10px; line-height:1; font-size:16px; font-style:normal; font-weight:600; text-align:left; display:inline-block;}
.new_overview .sec4 .news_list .txt_area i:after{content:''; display:block; width:2px; height:15px; background:#ccc; position:absolute; top:2px; right:0; }
.new_overview .sec4 .news_list .txt_area i.company{color:#003399;}
.new_overview .sec4 .news_list .txt_area i.product{color:#327f2e;}
.new_overview .sec4 .news_list .txt_area i.careers{color:#3399ff;}
.new_overview .sec4 .news_list .txt_area i.press{color:#f26522;}
.new_overview .sec4 .news_list .txt_area i.tech{color:#6703c7;}
.new_overview .sec4 .news_list .txt_area i.csr{color:#ad0057;}
.new_overview .sec4 .news_list .txt_area .date{position:relative; top:0; left:0; font-size:16px; letter-spacing:0; color:#666;}
.new_overview .sec4 .news_list .txt_area .sns{overflow:hidden; position:absolute; right:15px; bottom:15px; width:25px; height:25px; background-image:url(/resources/images/jp/newsroom/news_sns_ico.png); background-repeat:no-repeat; background-position:0 0;
text-indent:-9999px; font-size:1px;}
.new_overview .sec4 .news_list .txt_area .sns.youtube{background-position:-25px 0;}
.new_overview .sec4 .news_list .txt_area .sns.blog{background-position:-50px 0;}
.new_overview .sec4 .news_list .txt_area .sns.facebook{background-position:-75px 0;}
.new_overview .sec4.active h3{transform:translateY(0); opacity:1;}
.new_overview .sec4.active .news_list{transform:translateY(0); opacity:1;}

/* 미션 및 비전 */
.new_mission-vision #content{padding:100px 0 0;}
.new_mission-vision h3{text-align:center; font-weight:300; line-height:1.5; padding-bottom:0; margin-bottom:0;}
.new_mission-vision h3:after{display:none;}
.new_mission-vision .section{width:100%; margin:0 auto;}
.new_mission-vision .section .inner{width:1140px; margin:0 auto;}
.new_mission-vision .sec1{opacity:0; transition:1s; transition-delay:0.3s;}
.new_mission-vision .sec1 h3{ transition:1s; transform:translateY(30%); opacity:0; font-weight:600; font-size:45px;}
.new_mission-vision .sec1 .arrow{display:block; width:18px; height:24px; margin:30px auto 0; position:relative;}
.new_mission-vision .sec1 .arrow:before{animation:arrowBefore 2.2s 0.2s infinite; content:""; position:absolute; left:50%; bottom:27px; display:block; width:10px; height:10px; border:2px solid rgba(0,121,204,0.5); border-radius:2px; transform:translateX(-50%) rotate(45deg); border-left:none; border-top:none;}
.new_mission-vision .sec1 .arrow:after{animation:arrowAfter 2.2s infinite; content:""; position:absolute; left:50%; bottom:27px; display:block; width:10px; height:10px; border:2px solid rgba(0,121,204,0.8); border-radius:2px; transform:translateX(-50%) rotate(45deg); border-left:none; border-top:none;}
@keyframes arrowBefore{
    0%{bottom:27px; opacity:0;}
    39%{bottom:12px; opacity:1;}
    100%{bottom:12px; opacity:0;}
}
@keyframes arrowAfter{
    0%{bottom:27px; opacity:0;}
    39%{bottom:3px; opacity:1;}
    100%{bottom:3px; opacity:0;}
}
.new_mission-vision .sec1.active{opacity:1;}
.new_mission-vision .sec1.active h3{transform:translateY(0); opacity:1;}
.new_mission-vision .sec1 .bg_area{display:flex; align-items:center; flex-wrap:wrap; align-content:center; width:100%; min-height:930px; height:100vh; margin-top:50px; box-sizing:border-box; position:relative; overflow:hidden;}
.new_mission-vision .sec1 .bg_area .bg{transition:0.6s; position:absolute; left:50%; top:0; transform:translateX(-50%); width:1140px; height:600px; background:url(/resources/images/jp/about_us/new_mission-vision_sec1_bg.png)no-repeat center top / cover; border-radius:20px;}
.new_mission-vision .sec1 .bg_area .txt{width:100%; text-align:center; transform:translateY(100px); opacity:0; transition:1s;}
.new_mission-vision .sec1 .bg_area .txt h4{font-size:38px; color:#ccc; font-weight:600; line-height:1;}
.new_mission-vision .sec1 .bg_area .txt strong{display:block; margin-top:40px; font-size:38px; color:#fff; font-weight:300; line-height:1.5;}
.new_mission-vision .sec1 .bg_area .txt p{margin-top:40px; font-size:16px; color:#888; font-weight:300; line-height:1.5;}
.new_mission-vision .sec1 .bg_area .txt + .txt{margin-top:150px;}
.new_mission-vision .sec1 .bg_area.active .bg{width:100%; height:100%; border-radius:0; transform:translateX(-50%) scale(1.2); transition:width 0.6s, height 0.6s, transform 8s 2s;}
.new_mission-vision .sec1 .bg_area.active .txt1{transform:translateY(0); opacity:1;}
.new_mission-vision .sec1 .bg_area.active .txt2{transform:translateY(0); opacity:1; transition-delay:0.3s;}
.new_mission-vision .sec2{padding-top:200px; background-color:#F3F3F3;}
.new_mission-vision .sec2 .tit{text-align:center; opacity:0; transform:translateY(30%); transition:1s;}
.new_mission-vision .sec2 .tit h4{font-size:38px; color:#000; font-weight:600;}
.new_mission-vision .sec2 .tit strong{display:block; margin-top:30px; font-size:38px; color:#000; font-weight:300; line-height:1;}
.new_mission-vision .sec2 .tit strong b{color:#2c7cd8; font-weight:600; line-height:inherit;}
.new_mission-vision .sec2 .tit strong b i.c{margin:6px 0 0 2px; width:24px; height:24px; display:inline-block; vertical-align:top; background:url(/resources/images/jp/about_us/new_mission-vision_sec2_tit_c.png)no-repeat center / cover;}
.new_mission-vision .sec2 .tit p{font-size:20px; color:#000; font-weight:300; margin-top:35px;}
.new_mission-vision .sec2 .tit.active{ opacity:1; transform:translateY(0);}
.new_mission-vision .sec2 ul{margin-top:100px;}
.new_mission-vision .sec2 ul li{display:flex; align-items:center;}
.new_mission-vision .sec2 ul li:nth-of-type(2n){flex-direction:row-reverse;}
.new_mission-vision .sec2 ul li .bg_area{width:50%; height:400px;}
.new_mission-vision .sec2 ul li .bg_area .bg{float:right; width:0; height:100%; background-size:cover; background-position:right; background-repeat:no-repeat; transition:1s;}
.new_mission-vision .sec2 ul li:nth-of-type(1) .bg_area .bg{background-image:url(/resources/images/jp/about_us/new_mission-vision_sec2_bg1.jpg);}
.new_mission-vision .sec2 ul li:nth-of-type(2) .bg_area .bg{background-image:url(/resources/images/jp/about_us/new_mission-vision_sec2_bg2.jpg);}
.new_mission-vision .sec2 ul li:nth-of-type(3) .bg_area .bg{background-image:url(/resources/images/jp/about_us/new_mission-vision_sec2_bg3.jpg);}
.new_mission-vision .sec2 ul li:nth-of-type(4) .bg_area .bg{background-image:url(/resources/images/jp/about_us/new_mission-vision_sec2_bg4.jpg);}
.new_mission-vision .sec2 ul li:nth-of-type(5) .bg_area .bg{background-image:url(/resources/images/jp/about_us/new_mission-vision_sec2_bg5.jpg);}
.new_mission-vision .sec2 ul li:nth-of-type(6) .bg_area .bg{background-image:url(/resources/images/jp/about_us/new_mission-vision_sec2_bg6.jpg);}
.new_mission-vision .sec2 ul li .txt_area{width:50%; padding:0 80px; box-sizing:border-box; text-align:left; overflow:hidden;}
.new_mission-vision .sec2 ul li .txt_area dl{width:500px; display:inline-block; vertical-align:middle; text-align:left; opacity:0; transform:translateX(-20%); transition:1s;}
.new_mission-vision .sec2 ul li .txt_area dl dt strong{display:block; font-size:46px; color:#000; font-weight:300; line-height:1.3;}
.new_mission-vision .sec2 ul li .txt_area dl dt strong span{font-weight:600; color:#2C7CD8;}
.new_mission-vision .sec2 ul li .txt_area dl dt p{font-size:32px; color:#000; font-weight:300; line-height:1.3;}
.new_mission-vision .sec2 ul li .txt_area dl dd{margin-top:40px;}
.new_mission-vision .sec2 ul li .txt_area dl dd p{font-size:20px; color:#333; font-weight:300; letter-spacing: -1px;}
.new_mission-vision .sec2 ul li:nth-of-type(2n) .bg_area .bg{float:left; background-position:left;}
.new_mission-vision .sec2 ul li:nth-of-type(2n) .txt_area{text-align:right;}
.new_mission-vision .sec2 ul li:nth-of-type(2n) .txt_area dl{transform:translateX(20%)}
.new_mission-vision .sec2 ul li.active .bg_area .bg{width:100%;}
.new_mission-vision .sec2 ul li.active .txt_area dl{transform:translateX(0); opacity:1;}
.new_mission-vision .sec3{padding:200px 0;}
.new_mission-vision .sec3 h3{font-weight:600; transition:1s; transform:translateY(30%); opacity:0;}
.new_mission-vision .sec3.active h3{transform:translateY(0); opacity:1;}
.new_mission-vision .sec3 .ul_wrap{position:relative; height:243px; margin:40px auto 0; }
.new_mission-vision .sec3 .ul_wrap .line{width:302px; height:100%; border-radius:150px; border:1px dashed #2C7CD8; opacity:0; transition:1s; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.new_mission-vision .sec3 ul{overflow:hidden; opacity:0; width:100%; height:100%; padding:15px; box-sizing:border-box; position:relative; transition:1s;}
.new_mission-vision .sec3 ul li{width:200px; height:200px; border:1px solid #2C7CD8; border-radius:50%; position:absolute; box-sizing:border-box; transition:1s;}
.new_mission-vision .sec3 ul li:before{content:""; width:1px; height:40px; position:absolute; right:-50px; top:calc(50% - 20px); background-color:#000; opacity:0; transition:0.5s;}
.new_mission-vision .sec3 ul li:after{content:""; width:40px; height:1px; position:absolute; right:-70px; top:50%; background-color:#000; opacity:0; transition:0.5s;}
.new_mission-vision .sec3 ul li:nth-of-type(1){left:50%; top:22px; transform:translateX(-50%);}
.new_mission-vision .sec3 ul li:nth-of-type(2){left:50%; top:22px; transform:translateX(-50%);}
.new_mission-vision .sec3 ul li:nth-of-type(3){right:50%; top:22px; transform:translateX(50%);}
.new_mission-vision .sec3 ul li:nth-of-type(4){right:50%; top:22px; transform:translateX(50%);}
.new_mission-vision .sec3 ul li:nth-of-type(2):before{display:none;}
.new_mission-vision .sec3 ul li:nth-of-type(2):after{display:none;}
.new_mission-vision .sec3 ul li:nth-of-type(3):before{right:auto; left:-50px;}
.new_mission-vision .sec3 ul li:nth-of-type(3):after{right:auto; left:-70px;}
.new_mission-vision .sec3 ul li:nth-of-type(4):before{right:auto; left:-50px;}
.new_mission-vision .sec3 ul li:nth-of-type(4):after{right:auto; left:-70px;}
.new_mission-vision .sec3 ul li .txt{display:table; width:100%; height:100%;}
.new_mission-vision .sec3 ul li p{display:table-cell; vertical-align:middle; padding:10px; box-sizing:border-box; font-size:24px; color:#000; text-align:center; font-weight:300; line-height:1.4;}
.new_mission-vision .sec3.active .ul_wrap{opacity:1;}
.new_mission-vision .sec3.active .ul_wrap .line{width:1140px; opacity:1;}
.new_mission-vision .sec3.active .ul_wrap ul{opacity:1;}
.new_mission-vision .sec3.active .ul_wrap ul li:before{opacity:1;}
.new_mission-vision .sec3.active .ul_wrap ul li:after{opacity:1;}
.new_mission-vision .sec3.active .ul_wrap li:nth-of-type(1){left:15px; transform:none;}
.new_mission-vision .sec3.active .ul_wrap li:nth-of-type(2){left:321px; transform:none;}
.new_mission-vision .sec3.active .ul_wrap li:nth-of-type(3){right:321px; transform:none;}
.new_mission-vision .sec3.active .ul_wrap li:nth-of-type(4){right:15px; transform:none;}

/* 사업장소개 추가 */
.new_location .map_area{margin-bottom:74px;}
.new_location .map_area .box_area{font-size:20px; padding-bottom:60px; text-align:center; transform: translateY(30%); opacity: 0; transition: 0.7s;}
.new_location .map_area.active .box_area{transform: translateY(0); opacity: 1;}
.new_location .map_area img {transform: translateY(10%); opacity: 0; transition: 0.7s; transition-delay: 0.35s;}
.new_location .map_area.active img {transform: translateY(0); opacity: 1;}
.new_location .tab_area {transform: translateY(10%); opacity: 0; transition: 0.7s;}
.new_location .tab_area.active {transform: translateY(0); opacity: 1;}
/* 2023리뉴얼 - 기업소개 end */

/* 2024 서브비주얼 리뉴얼 start */
/* header visual */
#wrap.visual .header{position:absolute; left:0; top:0; width:100%; z-index:1000;}

/* visual_section */
.visual_section{width:100%; height:450px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:cover;}
.visual_section .visual_inner{display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; text-align:center;}
.visual_section .visual_inner h2{width:100%; font-size:56px; font-weight:600; line-height:-0.05em; color:#222;}
.visual_section .visual_inner > p{display:none;}
.visual_section .breadcrumb{width:100%; height:auto; box-sizing:border-box; text-align:center; margin-top:20px;}
.visual_section .breadcrumb p{font-size:14px; color:#333;}
.visual_section .breadcrumb p span{display:inline-block; vertical-align:top; padding:0 11px; position:relative;}
.visual_section .breadcrumb p span:before{display:block; position:absolute; right:-1px; top:50%; width:2px; height:2px; border-radius:50%; background-color:#333; content:"";}
.visual_section .breadcrumb p span:last-child:before{display:none;}

/* 기업정보 */
.new_company .visual_section{background-image:url("/resources/images/jp/common/company_visual_img.jpg?ver=240221");}
.investor_relations .visual_section{background-image:url("/resources/images/jp/common/investor-relations_visual_img.jpg?ver=240221")}
.sustainability .visual_section{background-image:url("/resources/images/jp/common/sustainability_visual.jpg?ver=240216")}

/* 인재채용 */
.careers .visual_section{background-image:url("/resources/images/jp/common/careers_visual_img.jpg?ver=240216")}
.careers.company_life .visual_section, 
.careers.talent_development .visual_section{background-image:url("/resources/images/jp/common/company_life_visual_img.jpg?ver=240216")}

/* 제품정보 */
.component .visual_section{background-image:url("/resources/images/jp/common/component_visual_img.jpg?ver=240216")}
.module .visual_section{background-image:url("/resources/images/jp/common/module_visual_img.jpg?ver=240216")}
.substrate .visual_section{background-image:url("/resources/images/jp/common/substrate_visual_img.jpg?ver=240216")}
.application .visual_section{background-image:url("/resources/images/jp/common/application_visual_img.jpg?ver=240216")}

/* 고객지원 */
.support.faq .visual_section,
.support.inquiry .visual_section{background-image:url("/resources/images/jp/common/faq_visual_img.jpg?ver=240216")}
.support.sales_partners .visual_section,
.support.sales_repre .visual_section{background-image:url("/resources/images/jp/common/sales_partners_visual_img.jpg?ver=240216")}
.support.buy_now .visual_section{background-image:url("/resources/images/jp/common/buy_now_visual_img.jpg?ver=240216")}
.support.cert .visual_section{background-image:url("/resources/images/jp/common/cert_visual_img.jpg?ver=240216")}
.support.software .visual_section, 
.support.library .visual_section{background-image:url("/resources/images/jp/common/product_catalog_visual_img.jpg?ver=250204")}
.support.cp_discm .visual_section{background-image:url("/resources/images/jp/common/disclaimer_visual_img.jpg?ver=240216")}
.support.edi .visual_section{background-image:url("/resources/images/jp/common/edi_visual_img.jpg?ver=240216")}
.support.payment .visual_section{background-image:url("/resources/images/jp/common/payment_visual_img.jpg?ver=240216")}

/* 푸터페이지 */
.security_report .visual_section{background-image:url("/resources/images/jp/common/security_visual_img.jpg?ver=240216")}
.privacy .visual_section{background-image:url("/resources/images/jp/common/privacy_visual_img.jpg?ver=240216")}
.guide .visual_section{background-image:url("/resources/images/jp/common/guide_visual_img.jpg?ver=240216")}
.cctv .visual_section{background-image:url("/resources/images/jp/common/cctv_visual_img.jpg?ver=240216")} 

/* 뉴스레터 */
.subscription .visual_section,
.unsubscription .visual_section{background-image:url("/resources/images/jp/common/unsubscription_visual_img.jpg?ver=240216")}

/* 2024 서브비주얼 리뉴얼 end */

/* 2024 뉴스레터 start */
.renewal_newsletter_2024 *{width:100%; margin:0; padding:0; line-height:1; box-sizing: border-box; font-size:0;}
.renewal_newsletter_2024 img{vertical-align:top;}
.renewal_newsletter_2024 a{outline-offset: -3px;}
.renewal_newsletter_2024 a, .renewal_newsletter_2024 span{display:block;}
.renewal_newsletter_2024 .blind{overflow:hidden; position:absolute; left:0; top:0; width:0px; height:0px; padding:0; margin:0; font-size:0 ;line-height:0; text-indent:-9999px;}
.renewal_newsletter_2024 .half_area{overflow:hidden; background-color: #EEF2FB; display: flex; align-items: flex-start;}
.renewal_newsletter_2024 .half_area .thumb {width: 35.5%;}
.renewal_newsletter_2024 .half_area .list{width: 64.5%;}
/* 2024 뉴스레터 end */