@charset "utf-8";

/* sub - common */

/* lnb */ 
.lnb{position:relative;margin-bottom:40px;padding:0 17.5px;width:100%; z-index: 10;}
.lnb .lnb_txt{position:relative; display:block; width:100%; height:50px; line-height:50px; padding:0 20px; border:1px solid #1428a0; background-color:#fff; font-size:18px; font-weight:400; color:#1428a0; box-sizing:border-box;}
.lnb .lnb_txt:after{position:absolute; right:20px; top:50%; width:10px; height:7px; margin-top:-3.5px; background-image:url(/resources/images/jp/common/lnb_arrow_ico_b.png); background-position:0 0; background-size:200% auto; background-repeat:no-repeat; content:"";}
.lnb .lnb_list{display:none; position:absolute; top:50px; left:0; width:100%; z-index:10;}
.lnb_list li a{display:block; width:100%; padding:0 20px; height:50px; line-height:50px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; box-sizing:border-box; font-size:18px; color:#000;}
.lnb .small_txt{font-size:15px;}
.lnb.on .lnb_list{display:block;padding:0 17.5px;width:100%;}
.lnb.on .lnb_txt:after{background-position:100% 0; content:"";}


/* data tab */
.tab{position:relative; width:100%; margin-bottom:30px;}
.tab .tab_txt{position:relative; display:block; width:100%; height:50px; line-height:50px; padding:0 20px; border:1px solid #1428a0; background-color:#fff; font-size:18px; font-weight:400; color:#1428a0; box-sizing:border-box;}
.tab .tab_txt:after{position:absolute; right:20px; top:50%; width:10px; height:7px; margin-top:-3.5px; background-image:url(/resources/images/jp/common/lnb_arrow_ico_b.png); background-position:0 0; background-size:200% auto; background-repeat:no-repeat; content:"";}
.tab .tablist{display:none; position:absolute; top:50px; left:0; width:100%; z-index:10;}
.tablist > li > a{display:block; width:100%; padding:0 20px; height:50px; line-height:50px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; box-sizing:border-box; font-size:18px; color:#000;}
.tab.on .tablist{display:block;}
.tab.on .tab_txt:after{background-position:100% 0; content:"";}
.tabpanel{display:none;}
.tabpanel.active{display:block;}


/* list common */
/* dot_list */
.dot_list li{padding-left:9px; background-image:url(/resources/images/jp/common/bg_list_dot.gif); background-position:0 11px; background-repeat:no-repeat; background-size:2px auto;}


/* 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 li .btn_acco{display:inline-block;overflow:hidden; padding:16px 35px 16px 15px; width:100%;box-sizing:border-box; word-break:break-all; }
.accordion_list li .btn_acco .acco_tit{display:inline-block; position:relative; width:100%; padding-right:30px; box-sizing:border-box; font-size:18px; font-weight:600; text-align:left; color:#333;}
.accordion_list li .btn_acco .acco_tit:after{position:absolute; right:-25px; top:50%; width:15px; height:8px; margin-top:-4px; background-image:url(/resources/images/jp/common/accodion_ico_arrow.png); background-repeat:no-repeat; background-position:0 50%; background-size:200% auto; content:" ";}
.accordion_list li .btn_acco.on .acco_tit:after{background-position:100% 50%;}
.accordion_list li .acco_panel{display:none;padding:0 15px;border-top:1px solid #ccc;background-color:#f3f3f3;}
.accordion_list li .acco_panel li{overflow:hidden;padding-top:20px;}
.accordion_list li .acco_panel li .date{overflow:hidden;margin-bottom:15px;padding-bottom:15px;width:100%;font-size:16px;color:#333;font-weight:600;border-bottom:1px solid #ccc;}
.accordion_list li .acco_panel li .date span{display:inline-block;float:right;font-size:13px;color:#666;font-weight:400;}
.accordion_list .first .acco_panel{display:block;}

/* paging */
.paging{margin-top:30px;text-align:center;}
.paging a{overflow:hidden; display:inline-block;margin-left:4px;width:28px;height:28px;line-height:28px;vertical-align:middle;font-size:11px;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;}

/* section popup */
.section_popup{padding:40px 17.5px 0 17.5px;}
.section_popup .pop_top{margin-bottom:40px; text-align:center;}
.section_popup .pop_tit{display:inline-block; position:relative; padding-bottom:10px; margin-bottom:20px; font-size:24px; color:#333;}
.section_popup .pop_tit:after{position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#333; content:"";}
.section_popup .pop_tit .txt1{display:inline-block; padding-bottom:5px; margin-bottom:10px; border-bottom:2px solid #333;}
.section_popup .pop_tit .txt2{display:block;}
.section_popup .pop_info_list > li{margin-bottom:40px;}
.section_popup .pop_info_list > li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0;}
.section_popup .pop_info_list .form_tit{margin-bottom:20px; font-size:18px; line-height:1.3em; font-weight:400;}
.section_popup .radio_area{display:inline-block; vertical-align:middle; margin-right:20px;}
.section_popup .radio_area *{display:inline-block; vertical-align:middle;}
.section_popup .radio_area label{margin-left:10px;}
.section_popup .radio_area input[type="radio"]{vertical-align:-3px;}
.section_popup .radio_area input[type="text"]{display:block; width:100%; margin-top:10px;}
.section_popup .form_list{overflow:hidden;}
.section_popup .form_list li{float:left; margin:0 20px 4px 0; padding-left:1px; margin-bottom:4px; line-height:1.6em;}
.section_popup .form_list li.full{width:100%;}
.section_popup .form_list li.full .radio_area{width:100%;}
.section_popup .form_list li:first-child, .section_popup .form_list li.line{margin-left:0;}
.section_popup .form_list li:last-child{margin-bottom:0;}
.section_popup .form_list li .radio_area:last-child{margin-right:0;}
.section_popup .btn_center{padding-top:40px;}

/* sub - common */
h3.type1{position:relative;width:100%;padding:0 17.5px 20px 17.5px;margin-bottom:20px; font-size:24px; font-weight:400; line-height:1em; color:#333;}
h3.type1:after{position:absolute; left:17.5px; bottom:0; width:25px; height:3px; background:#2C7CD8; content:"";}

.section{width:100%; padding:0 17.5px; margin-bottom:60px;}
.section.last{margin-bottom:0;}
.section .sec_inner{margin-bottom:40px;}
.section .sec_inner.last{margin-bottom:0;}
.section .sec_inner .btn_area{padding-top:20px;}
.section .sec_inner .btn_area a{margin-right:9px;}
.section .sec_inner .btn_area a:last-child{margin-right:0;}
.full_section{padding:0;}
.full_section .sec_inner{padding:0 17.5px;}
.full_section .sec_inner.full{width:100%; padding:0;}
.full_section .sec_tit_area{padding:0 17.5px; margin-bottom:20px;}

.section h3{position:relative; padding-bottom:16px; margin-bottom:18px; font-size:24px; font-weight:400; line-height:1.3em; color:#333;}
.section h3:after{position:absolute; left:0; bottom:0; width:25px; height:2px; background:#2C7CD8; content:"";}
.section h4, .board_section h4{margin-bottom:16px; font-size:18px; font-weight:400; line-height:1.3em; color:#333;}
.section .sec_txt{font-size:15px; line-height:1.6em; color:#333;}
.section .sec_txt.txt1{margin-bottom:18px;}
.section .info_txt{margin-top:15px; font-size:13px;}
.section .txt_unit{text-align:right;margin-bottom:10px;}

/* sub - common */
.content{padding-top:calc(66.67% + 40px); padding-bottom:80px;}
.nodata{text-align:center;} /* 개발 붙는 페이지 - 검색 결과가 없을 경우 class 추가 */

.txt_box_wrap{width:100%; padding:25px 15px; border:1px solid #ccc;}
.txt_box_wrap .cont{margin-bottom:30px;}
.txt_box_wrap .cont.last{margin-bottom:0;}
.txt_box_wrap .cont h5{margin-bottom:10px; font-size:15px; font-weight:400; color:#2C7CD8; line-height:1.3em;}
.txt_box_wrap .cont_tit{margin-bottom:6px; font-size:15px; line-height:1.4em; font-weight:400; color:#2C7CD8;}
.txt_box_wrap .cont_tit:first-child{margin-top:0;}
.txt_box_wrap .txt1{margin-bottom:13px;}
.txt_box_wrap p + .date{display:block; margin-top:8px;}
.txt_box_wrap li p{text-indent:0;}
.txt_box_wrap .num_list > li{padding-left:14px; text-indent:-14px;}
.txt_box_wrap .num_round_list > li{padding-left:18px; text-indent:-18px;}
.txt_box_wrap .bullet_list > li{position:relative; padding-left:10px; margin-bottom:8px; line-height:1.6em;}
.txt_box_wrap .bullet_list li:last-child{margin-bottom:0;}
.txt_box_wrap .bullet_list li:before{position:absolute; left:0; top:11px; width:3px; height:3px; background:#333; content:"";}
.txt_box_wrap .basic_table2 th{text-align:center;}
.txt_box_wrap ol .tbl_li{margin-bottom:13px; padding-left:0; text-indent:0;}
.txt_box_wrap ol .tbl_li .txt1{display:block;}

/* cont_box(bg section), cont_box.bg(bg image 있는 section) */
.cont_box h4{padding:0 17.5px;}
.cont_box{width:100%; padding:30px 17.5px; background:#f3f3f3; text-align:center;}
.cont_box .cont_tit{display:inline-block; padding-bottom:5px; margin-bottom:20px; font-size:18px; font-weight:400; line-height:1em; border-bottom:1px solid #333;}
.cont_box .cont_tit .txt1{display:inline-block; padding-bottom:5px; margin-bottom:10px; border-bottom:2px solid #333;}
.cont_box .cont_tit .txt2{display:block;}
.cont_box.bg{background-position:0 0; background-size:cover; background-repeat:no-repeat;}
.cont_box.bg .cont_tit{color:#fff; border-color:#fff;}
.cont_box.left{padding:25px 15px; text-align:left;}
.cont_box .desc{font-weight:400; font-size:14px; margin-bottom:27px;}
.cont_box .cont_list dt:first-child{margin-top:0;}
.cont_box .cont_list dt{margin-top:33px; margin-bottom:7px; font-size:14px; color:#2C7CD8;}

/* form - common */
/* custom_file */
.custom_file{position:relative; width:100%; padding-right:90px; box-sizing:border-box; border:1px solid #ccc;}
.custom_file .file_text{background-color:#fff; border:0 none; -webkit-text-fill-color:#666; opacity:1;}
.custom_file label{position:absolute; right:0; top:0; width:90px; height:40px; line-height:40px; text-align:center; background-color:#333; color:#fff;}

/* custom_textarea */
.custom_textarea{position:relative;}
.custom_textarea .placeholder{overflow-y:auto; display:none; position:absolute; left:0; top:0; width:100%; height:180px; padding:15px; box-sizing:border-box;}
.custom_textarea .placeholder.on{display:block;}
.custom_textarea .placeholder em,
.custom_textarea .placeholder p,
.custom_textarea .placeholder li{font-size:13px; color:#666;}
.custom_textarea .placeholder .cont_desc{padding-left:15px; text-indent:-15px;}
.custom_textarea .placeholder .num_list{padding-left:13px; text-indent:-13px;}

/* form - agree */
.privacy_form .agree_box{width:100%; padding:25px 15px; border:1px solid #ccc;}
.privacy_form .agree_box h5{font-size:15px; margin-bottom:8px; font-weight:400; color:#2C7CD8;}
.privacy_form .agree_box .cont{margin-bottom:30px;}
.privacy_form .agree_box .cont.last{margin-bottom:0;}
.privacy_form .agree_box .cont .agree_bottom{margin-top:15px;}
.privacy_form .agree_box .txt1{margin-bottom:28px;}
.privacy_form .agree_box .dot_list{margin-bottom:5px;}
.privacy_form .agree_area{padding-top:15px;}
.privacy_form .agree_area .agree{display:inline-block; vertical-align:top; width:100%; margin-bottom:15px;}
.privacy_form .agree_area .agree label{margin-left:5px; max-width:calc(100% - 26px);}
.privacy_form .agree_area .agree:last-child{margin-bottom:0;}
/* .privacy_form .agree_area .agree *{display:inline-block;vertical-align:middle;} */
.privacy_form .agree_area .agree *{display:inline-block;}
.privacy_form .agree_box .highlight{font-size:19px; color:#2C7CD8; text-decoration:underline;}
.privacy_form .basic_table{margin-top:15px;}
.privacy_form .agree_box + .agree_bottom{padding:15px;}

/* form - info */
.form_desc{display:block;/* padding:0 17.5px; */text-align:right; margin-bottom:10px;}
.info_form{position:relative; padding:30px 17.5px; 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 .desc{position:absolute; right:60px; top:40px;}
.info_form .comment{margin-top:15px; font-size:13px;}
.info_form .comment li{margin-bottom:5px; font-size:13px; line-height:1.3em; text-indent:-11px; padding-left:11px;word-break:break-all;word-wrap:break-word;}
.info_form .comment li:last-child{margin-bottom:0;}
.info_form_list .form_tit{display:block; margin-bottom:10px; font-size:16px; font-weight:400; 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: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{margin-top:18px;}
.info_form_list li .dual_type:first-child{margin-top:0;}
.info_form_list .tel_area{position:relative; padding-left:110px;}
.info_form_list .tel_area .tel1{position:absolute; left:0; top:0; width:110px;}
.info_form_list input[type="text"].tel_input1 {width:90px;}
.info_form_list input[type="text"].tel_input1 + span{display:inline-block; vertical-align:middle; width:15px; height:40px; line-height:40px; text-align:center;}
.info_form_list .capchar_area{overflow:hidden; margin-bottom:10px;}
.info_form_list .capchar_area .capchar{overflow:hidden; float:left; width:150px; height:40px; margin-right:10px;}
.info_form_list .capchar_area .capchar img{width:150px; height:auto;}
.info_form_list .capchar_area .btn_refresh{float:left; width:90px; height:40px; line-height:40px; background-color:#333; color:#fff; text-align:center;}
.info_form_list .capchar_area input[type="text"]{margin-top:10px;}
.info_form_list .capchar_area .validation_error{float:left; width:100%; margin-top:10px;}
.info_form_list .cutom_radio .txt{padding-top:20px;}
.info_form_list .lang_list li{display:inline-block; margin-right:16px; margin-bottom:8px;}
.info_form_list .lang_list li:last-child{margin-bottom:0; margin-right:0;}
.info_form_list .lang_list li label{display:inline-block; vertical-align:top; margin-left:8px; font-size:16px; color:#333; }
.info_form_list .lang_list li input[type="radio"]{display:inline-block; vertical-align:middle; width:15px; height:15px;}
.info_form_list + .bottom_area{margin-top:25px; padding-top:25px; border-top:1px solid #ccc;}
.info_form_list + .bottom_area p{font-size:15px; 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:15px; height:15px;}
.info_form_list + .bottom_area .check_txt label{margin-left:7px; font-size:15px; color:#333;}
.info_form_list + .bottom_area .comment{margin-top:13px;}
.info_form_list + .bottom_area .comment li{text-indent:-13px; padding-left:13px;}
.info_form + .btn_center{padding-top:30px;}
/* 첨부파일 숨김 */
.info_form_list li.file {
    display: none;
}
/* 문의하기 첨부파일 숨김 해제 */
.support.inquiry .info_form_list li.file {
    display: block;
}

/* board - common */
.board_section{width:100%; margin:0 auto; padding:0 17.5px;}
.board_section.full_section{padding:0;}
.board_section .sec_inner{margin-bottom:40px;}
.board_section .sec_inner.last{margin-bottom:0;}
.board_section .srch_area{position:relative; width:100%; padding-right:90px; margin-bottom:30px;}
.board_section .srch_area .long{width:46%; max-width:125px;}
.board_section .srch_area .short{width:43%; max-width:115px; margin-left:10px;}
.board_section .srch_area .btn{position:absolute; right:0; top:0; min-width:80px;}
.board_section .srch_area .btn:after{display:none; content:"";}

/* 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:15px; border-bottom:1px solid #ccc; background:#f3f3f3; }
.board_view .board_tit .tit{overflow:hidden; display:inline-block; vertical-align:middle; word-wrap:break-word; word-break:break-word; font-size:18px; font-weight:400; line-height:1.4em; color:#333;}
.board_view .board_tit i{position:absolute; left:15px; top:18px; width:65px; padding:0 8px; box-sizing:border-box; margin-right:15px; height:23px; line-height:23px; background:#1428a0; font-size:13px; font-weight:400; font-style:normal; text-align:center; color:#fff;}
.board_view .board_top{padding:15px; border-bottom:1px solid #ccc;}
.board_view .board_top dl{position:relative; padding-left:104px; margin-bottom:10px;}
.board_view .board_top dl:last-child{margin-bottom:0;}
.board_view .board_top dl.attachment{min-height:40px;}
.board_view .board_top dt,
.board_view .board_top dd{display:inline-block; vertical-align:top; font-size:15px; line-height:1.4em;}
.board_view .board_top dt{position:absolute; left:0; top:0; width:104px; font-weight:400; color:#333;}
.board_view .board_top dd a{color:#333;}
.board_view .board_top dd.download a{position:relative; width:100%; display:inline-block; padding-right:22.5px; box-sizing:border-box;}
.board_view .board_top dd.download a:after{position:absolute; top:0; right:0; width:12.5px; height:100%; background:url(/resources/images/jp/newsroom/news_view_download_ico.png) 0 50% no-repeat; background-size:10.5px auto; content:"";}
.board_view .board_inner{overflow:hidden; padding:40px 15px; word-wrap:break-word; word-break:break-word; font-size:16px;}
.board_view .board_inner img{max-width:100% !important; height:auto !important; width:auto;}
.board_view .board_inner table{width:100% !important; height:auto !important;}
.board_view + .btn_center{padding-top:30px;}
.board_view .relate_article .article_title{margin-bottom: 15px; font-size: 18px; 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: 13px 19px; font-size: 13px; line-height: 1.5em; background: #f4f4f4; overflow: hidden;}
.board_view .relate_article .article_list li a:before{content: ''; display: block; position: absolute; top: 20px; left: 10px; width: 4px; height: 7px; background: url(/resources/images/jp/newsroom/icon_relate_arr.png) 0 0 no-repeat; background-size: 4px 7px;}
.board_view .relate_article .article_list li a:hover,
.board_view .relate_article .article_list li a:focus{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);}

/* srch_area */
.page_srch_area{position:relative; width:100%; box-sizing:border-box;}
.page_srch_area .srch_list{display:inline-block; vertical-align:middle; width:100%; padding:0 8.8%; margin-bottom:20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box; text-align:center;}
.page_srch_area .srch_list li{display:inline-block; vertical-align:middle; width:auto; height:100%; margin-left:9%;}
.page_srch_area .srch_list li:first-child{margin-left:0;}
.page_srch_area .srch_list a{display:block; height:50px; line-height:50px; font-size:18px; font-weight:400; text-align:center; color:#333;}
.page_srch_area .srch_list a span{position:relative; display:inline-block; vertical-align:top;}
.page_srch_area .srch_list li.on a{font-weight:400; color:#043285;}
.page_srch_area .srch_list li.on a span:after{position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#043285; content:"";}
.page_srch_area .srch_area{position:relative; width:100%; padding-right:50px; margin-bottom:20px;}
.page_srch_area .srch_area input[type="text"]{width:100%;}
.page_srch_area .srch_area .srch_btn{position:absolute; right:0; top:0; width:40px; height:40px; background:url(/resources/images/jp/newsroom/news_srch_ico.png) 50% 50% no-repeat #043285; background-size:15.5px 16.5px;}

/* 2023리뉴얼 - 기업소개 삭제 부분 start */
/* about-us */
.new_company .point{color:#2C7CD8;text-decoration:underline;}

/* about-us - company */
/* company - overview */
.overview .content{padding-bottom:0;}
.overview .info_box{margin-bottom:30px; background-color:#f3f3f3;}
.overview .info_box .list_desc{padding-bottom:20px; font-size:14px; text-align:center; color:#666;}
.overview .info_box .link_btn_area{padding:7px 0; background-color:#e7e7e7; text-align:center;}
.overview .info_box .link_btn_area a{display:inline-block; padding:0 19px; margin-right:10px; background:#043385; font-size:14px; line-height:35px; color:#fff;}
.overview .info_box .link_btn_area a:after{display:inline-block; width:17px; height:13px; margin-left:10px; background:url(/resources/images/jp/about_us/youtube_btn_ico.png) 0 0 no-repeat; background-size:17px; vertical-align:-2px; content:"";}
.overview .sec3 .video_area{position:relative; padding-top:56.25%;}
.overview .sec3 .video_area iframe{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000;}
.overview .ceo_greetings{margin-bottom:40px;}
.overview .ceo_greetings .txt_box{position:relative;margin-bottom:30px;}
.overview .ceo_greetings .txt_box p{padding-left:5.8%;position:absolute; left:0; top:50%; margin-top:-22px; width:100%;box-sizing:border-box; letter-spacing:-1px; line-height:20px; color:#000;}
.overview .ceo_greetings .txt_box span{ font-size:22px; }
.overview .ceo_greetings .txt_box span .small{ font-size:14px; }
.overview .ceo_greetings .signature{position:relative;}
.overview .ceo_greetings .signature img{max-width:400px;}
.overview .ceo_greetings .signature span{font-size:16px; font-size:16px; line-height:24px; text-align:left; color:#000;}
.overview .ceo_greetings .txt1{color:#666;}
.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:18px; line-height:50px; text-align:center;}
.overview .profile_area1 h4 a:after{display:inline-block; width:15px; height:9px; margin-left:11px; background:url(/resources/images/jp/about_us/overview_profile_bull.png) 0 0 no-repeat; background-size:200%; vertical-align:3px; content:"";}
.overview .profile_area1.on h4 a:after{background-position:-15px 0;}
.overview .profile_area1 .inner{overflow:hidden; display:none; padding:30px 0; border-top:1px solid #ccc;}
.overview .profile_area1 dl.left{margin-bottom:30px;}
.overview .profile_area1 dt{margin-bottom:10px; font-size:16px; color:#000;}
.overview .profile_area1 dd{padding-left:7px; margin-bottom:8px; font-size:14px; line-height:1.6; text-indent:-8px; color:#666;}
.overview .profile_area1 dd:last-child{margin-bottom:0;}
.overview .sec2{padding:0;}
.overview .sec2 > .sec_inner{background:#f3f3f3; padding-bottom:40px; margin-bottom:0;}
.overview .mission_area{position:relative; padding-top:62%; background:url(/resources/images/jp/about_us/overview_bg_mission.jpg) center 0 no-repeat; background-size:100%; text-align:center;}
.overview .mission_area .inner{position:absolute; left:0; top:0; width:100%; padding:11% 17.5px 0; box-sizing:border-box;}
.overview .mission_area h4{position:relative; padding-bottom:9px; margin-bottom:9px; font-size:15px; font-weight:600; line-height:1; color:#fff;}
.overview .mission_area h4:after{position:absolute; left:50%; bottom:0; width:10px; height:1px; margin-left:-5px; background:#fff; content:"";}
.overview .mission_area .txt1{margin-bottom:22px; font-size:17px; font-weight:600; line-height:23px; color:#fff;}
.overview .mission_area .txt2{font-size:14px; line-height:22px; color:#a1a4aa;}
.overview .vision_area{position:relative; padding-top:26%; margin:0 auto; margin-top:-19%; background:url(/resources/images/jp/about_us/overview_vision_bg.png) center 0 no-repeat; background-size:100%; text-align:center;}
.overview .vision_area h4{position:relative; padding-bottom:9px; margin-bottom:9px; font-size:15px; font-weight:600; line-height:1; color:#000;}
.overview .vision_area h4:after{position:absolute; left:50%; bottom:0; width:10px; height:1px; margin-left:-5px; background:#000; content:"";}
.overview .vision_area .txt1{font-size:17px; font-weight:600; line-height:23px; color:#000;}
.overview .vision_area .txt2{margin-bottom:40px; font-size:14px; line-height:22px;  color:#666;}
.overview .vision_area .cont_box1{padding:0 17.5px; margin:0 auto 30px;}
.overview .vision_area .cont_box1 h5{position:relative; padding-bottom:9px; font-size:15px; font-weight:600;line-height:1; color:#000;}
.overview .vision_area .cont_box1 h5:after{position:absolute; left:50%; bottom:0; width:10px; height:1px; margin-left:-5px; background:#000; content:"";}
.overview .vision_area .cont_box1 .core_value{padding:8% 0;}
.overview .vision_area .cont_box1 .core_value_list{border-top:1px solid #000;}
.overview .vision_area .cont_box1 .core_value_list dl{padding:21px 0; border-bottom:1px solid #ccc; text-align:left;}
.overview .vision_area .cont_box1 .core_value_list dt{margin-bottom:21px; font-size:16px; font-weight:600; color:#000;}
.overview .vision_area .cont_box1 .core_value_list dd{padding-left:10px; font-size:14px; text-align:left; text-indent:-5px; color:#666;}
.overview .vision_area .cont_box1 .core_value_list dd:before{display:inline-block; width:2px; height:2px; margin-right:3px; background:#737373; vertical-align:middle; content:"";}
.overview .vision_area .cont_box2{position:relative; padding-top:37%; margin:0 17.5px; background:url(/resources/images/jp/about_us/overview_vission_cont2.png) center 0 no-repeat; background-size:100%; box-sizing:border-box;}
.overview .vision_area .cont_box2 .cont_txt{position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
.overview .vision_area .cont_box2 h5{margin-bottom:12px; font-size:15px; font-weight:400; line-height:1; color:#000;}
.overview .vision_area .cont_box2 .txt1{margin-bottom:0; font-size:17px; font-weight:600; color:#2C7CD8;} 

/* company - ceo-message */
.ceo_message .section h3{line-height:30px; word-break:break-all;}
.ceo_message .greeting_message{padding-top:40px;}
.ceo_message .greeting_message .txt{font-size:16.5px; color:#666; line-height:25px; letter-spacing:-0.05em; word-break:break-all;}
.ceo_message .greeting_message .txt + .txt{margin-top:30px;}
.ceo_message .greeting_message .signature{margin-top:40px; font-size:18px; color:#000; line-height:24px; letter-spacing:-0.05em;}
.ceo_message .greeting_message .signature > *{display:block;}
.ceo_message .greeting_message .signature img{width:auto; max-height:72px; max-width:100%; margin-top:10px;}

/* company - award, history */
.company.history .section h3,
.company.award .section h3{display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.company .select_cont{display:none;}
.company .select_cont.active{display:block;}
.company .select_cont .year_area{width:100%;background:url(/resources/images/jp/about_us/bg_history_line.gif) 24% top repeat-y;}
.company .select_cont .year_area .year{position:relative;width:26%;font-size:24px;color:#000;font-weight:400;background:url(/resources/images/jp/about_us/bg_history_circle_01.png) right center no-repeat;background-size:13px auto;}
.company .select_cont .year_area li .month{overflow:hidden;position:relative;margin:0 0 30px 23.5%;width:76.5%;}
.company .select_cont .year_area li .month dt{float:left;padding-left:7%;width:20%;font-size:15px;color:#000;font-weight:400;background:url(/resources/images/jp/about_us/bg_history_circle_02.png) left center no-repeat;background-size:5px auto;}
.company .select_cont .year_area li .month dd{float:left;width:80%;}
.company .select_cont .year_area li .month dd p{padding:0 0 0 10px;background:url(/resources/images/jp/common/bg_list_dot.gif) 4px 10px no-repeat;background-size:2px auto;}
.company .select_cont .year_area li .year.first::before{position:absolute;right:0;top:0;width:13px;height:13px;content:"";background-color:#fff;}
.company .select_cont .year_area li .month.last::after{position:absolute;left:0;top:15px;width:15px;height:90px;content:"";background-color:#fff;}
.company .select_cont .year_area li:last-child .month.last{margin-bottom:0;}

.company .company_list{border-top:1px solid #000;border-bottom:1px solid #000;}
.company .company_list li{padding:20px 0;border-top:1px solid #ccc;}
.company .company_list li:first-child{border-top:none}
.company .company_list li dl dt{margin-bottom:8px;font-size:18px;color:#333;font-weight:400;}
.company .box_area{margin-bottom:40px;padding:0 17.5px;width:100%;text-align:center;line-height:1.375em;}
.company .btn{margin-top:10px; min-width:130px; height:30px; line-height:28px; font-size:13px;}
/* last height */
.company #selectCnt1 .year_area li:last-child .month.last:after{height:230px;}

/* company - location */
.location .section h4{font-size:22px;}

/* company - prvideo */
.prvideo .sec1 .video_area{position:relative; padding-top:56.25%;}
.prvideo .sec1 .video_area iframe{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000;}
.prvideo .video_list li{margin-top:20px;}
.prvideo .video_list li:first-child{margin-top:0;}
.prvideo .video_list li .video_wrap{overflow:hidden; display:block;}
.prvideo .video_list li .video_wrap > *{float:left;}
.prvideo .video_list li .video_wrap .video_thumb{width:130px;}
.prvideo .video_list li .video_wrap .video_tit{width:calc( 100% - 130px ); padding:5px 20px; box-sizing:border-box;}
/* 2023리뉴얼 - 기업소개 삭제 부분 end */

/* about-us - investor-relations */
/* investor-relations - earnings_release */
.earnings_release .language_area{overflow:hidden;margin-bottom:20px;}
.earnings_release .language_area .tit{margin-bottom:10px;}
.earnings_release .language_area > a{float:left;width:49%;box-sizing:border-box;}
.earnings_release .language_area > a.btn_download{margin-right:2%;}
.earnings_release .box_area{display:table; width:100%; margin-top:40px;padding:20px;border:1px solid #ccc;}
.earnings_release .box_area dt{display:table-cell; vertical-align:middle; padding-right:20px; height:48px; border-right:1px solid #ccc;}
.earnings_release .box_area dd{display:table-cell; padding-left:20px; vertical-align:middle;}
.earnings_release .box_area dd span{display:block;}

/* investor-relations - shareholder */
.shareholder table thead th{padding:17.5px 4px;}

/* investor-relations - financial */
.financial table thead th{padding:17.5px 5px;}
.financial table tbody td{padding:15px 4px;}
.financial .sec2{padding:0;}
.financial .sec2 h3{margin:0 17.5px 18px;}

/* investor-relations - stock */
.stock .now_stock .tit{width:100%;height:45px;line-height:45px;vertical-align:middle;background:url(/resources/images/jp/about_us/bg_now_stock.jpg) left top no-repeat;background-size:cover;font-size:15px;color:#fff;font-weight:600;text-align:center;}
.stock .now_stock dl{overflow:hidden;border-bottom:1px solid #000;padding:16px 3% 24px;}
.stock .now_stock dl dt{float:left;margin-top:10px;width:46%;max-width:140px;}
.stock .now_stock dl dt span{display:block;font-size:13px;color:#888;}
.stock .now_stock dl dt span.sub_tit{font-size:15px;color:#333;margin-bottom:8px;background:url(/resources/images/jp/about_us/bg_stock_bar.gif) right center no-repeat;}
.stock .now_stock dl dd{float:right;width:53%;font-size:48px;color:#333;text-align:right;letter-spacing:-3px;}
.stock .arrow_red{display:inline-block;font-size:11px;margin-right:5px;color:#f50000;}
.stock .arrow_blue{display:inline-block;font-size:11px;margin-right:5px;color:#043285}
.stock .minimum{border-left:1px solid #ccc !important;}
/* .minimum은 실섭에서 border-left가 안보여서 클래스 추가 및 css 추가함. */

/* investor-relations - governance */
.governance table tbody th,
.governance table tbody td{padding:15px 4px;}
.governance table tbody td .date{font-size:12px;}
.governance .sec1 .sec_txt{margin-bottom:40px;word-break:keep-all;word-wrap:break-word;}
.governance .sec1 .sec_txt p{margin-top:20px;}
.governance .sec1 .sec_txt p:first-child{margin-top:0;}

.governance.committee table{margin-bottom:20px;}
.governance.committee table:last-child{margin-bottom:0;}
.governance.committee .table_desc{margin-bottom:15px; text-align:right;}
.governance.committee .table_desc *{vertical-align:middle;}
.governance.committee .table_desc >span{display:inline-block; margin-left:17px;}
.governance.committee .table_desc >span .agree{overflow:hidden; display:inline-block; vertical-align:-2px; width:15px; height:15px; margin-right:7px; border-radius:100%; border:1px solid #666; box-sizing:border-box; font-size:0;}
.governance.committee .table_desc >span .agree.point{background:#666;}
.governance .director_list h4{margin-bottom:20px;font-size:18px;color:#333;font-weight:400;}
.governance .director_list > li{margin-top:40px;}
.governance .director_list > li:first-child{margin-top:0;}
.governance .director_list li .person{overflow:hidden;margin-bottom:20px;background-color:#f3f3f3;}
.governance .director_list li .person dt{float:left;width:30%;}
.governance .director_list li .person dd{float:left;padding-left:6%;width:70%;color:#333;font-weight:400;}
.governance .director_list li .person dd p{margin-top:33px;padding-bottom:5px;font-size:18px;background:url(/resources/images/jp/about_us/bg_director_bar.gif) left bottom no-repeat;background-size:15px auto;}
.governance .director_list li .person dd p span{display:inline-block;padding-left:2%;font-size:13px;}
.governance .director_list li .info{width:100%;}
.governance .director_list li .info li,
.governance .director_list li .history li{font-size:15px;}
.governance .director_list li .info li span{display:inline-block;margin-left:25px;}
.governance .director_list li .history{margin-top:10px;}
.governance .director_list li .history li.point{color:#043285;}
.governance .director_list li .history li{display:flex; font-size:15px; background-color:inherit;}
.governance .director_list li .history li span.year{width:110px; letter-spacing:-0.04em;}
.governance .director_list li .history li span.desc{width:calc(100% - 110px); word-break:keep-all; letter-spacing:-0.04em;}
.governance .select_list_area{overflow:hidden;}
.governance .select_list_area h4{float:left;margin-bottom:10px;width:60%;}
.governance .select_list_area .select_tab{float:right;margin-top:10px;width:25%;font-weight:400;}
.governance .select_list_area .select_cont{display:none;clear:both;}
.governance .select_list_area .select_cont .txt_unit{text-align:left;}
.governance .select_list_area .select_cont.active{display:block;}
.governance .btn_long{margin-bottom:30px;}
.governance .btn_long .btn_download{width:100%;font-size:11px;}
.governance .more_banner{margin-top:40px; padding:20px; border:1px solid #ccc; text-align:center;}
.governance .more_banner dl{margin-bottom:15px;}
.governance .more_banner dt{display:block; margin-bottom:8px; font-size:17px; font-weight:400; color:#333;}
.governance .more_banner dd{font-size:15px;}

/* investor-relations - archive */
.archive .sec_inner{margin-bottom:60px;}
.archive .sec_inner1 h4{margin-bottom:20px;}
.archive .sec_inner1 h5{margin-bottom:15px; font-size:16px; font-weight:400;}
.archive .sec_inner1 strong{display:block; margin-bottom:15px; font-size:14px; font-weight:400; color:#666;}
.archive .sec_inner1 .inner_cont{margin-bottom:40px;}
.archive .sec_inner1 .inner_cont.last{margin-bottom:0;}
.archive .sec_inner1 .table_wrap{margin-bottom:30px;}
.archive .sec_inner1 .table_wrap.last{margin-bottom:0;}
.archive .basic_table td{line-height:1.4em;}
.archive a.download{display:inline-block; width:auto; padding-right:23px; color:#333; text-align:left; background:url(/resources/images/jp/common/btn_download_off.gif) right center no-repeat; background-size:13px auto;}
.archive .basic_table.short{width:63%;}


/* about-us - sustainability common */

/* sustainability - view_wrap */
.view_wrap{display:none; margin-top:20px; padding:28px 17.5px; background-color:#f3f3f3; border-top:1px solid #000;}
.view_wrap.on{display:block;}
.view_wrap .tit_area{margin-bottom:38px; text-align:center;}
.view_wrap .tit_area h4{position:relative; display:inline-block; vertical-align:middle; padding-bottom:10px; margin-bottom:0; font-size:24px; font-weight:400;}
.view_wrap .tit_area h4:after{position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#000; content:"";}
.view_wrap .view_list{margin-bottom:38px;}
.view_wrap .view_inner_list{margin-bottom:26px;}
.view_wrap .view_list > dt{font-size:18px; font-weight:400; margin-bottom:10px;}
.view_wrap .view_inner_list dt{font-size:15px; font-weight:400; margin-bottom:5px;}
.view_wrap .num_list li{display:inline-block; vertical-align:top;}
.view_wrap .btn_area{padding-top:20px;}
.view_wrap .btn_area .btn_download:after{height:19px;}
.view_wrap .desc{display:block; padding-left:14px; text-indent:-14px; font-size:13px;}
.view_wrap dl.last{margin-bottom:0;}

/* program_img_box - 이미지, 텍스트 있는 box */
.sustainability .program_img_box .cont{margin-bottom:40px;}
.sustainability .program_img_box .cont.last{margin-bottom:0;}
.sustainability .program_img_box img{margin-bottom:18px;}
.sustainability .program_img_box .btn_area{padding-top:18px;}
.sustainability .program_img_box .btn_area a{min-width:260px;}
.sustainability .program_img_box .comment{display:block; padding-top:18px; font-size:13px; line-height:1.4em;}

/* sustainability - inquiry */
.sustainability.inquiry .privacy_form .agree_desc{margin-bottom:15px;}
.sustainability.inquiry .privacy_form .agree_chk{margin-top:15px;}

/* sustainability - management_system */
.management_system .sec3 .cont_box.bg{background-image:url(/resources/images/jp/sustainability/management_sec3_bg.jpg);}
.management_system .sec4 .cont_box{padding:30px 27.5px;}
/* .management_system .step_list dl{overflow:hidden;}
.management_system .step_list dl{overflow:hidden; position:relative; padding-left:157.5px; padding-bottom:40px;}
.management_system .step_list dt{position:absolute; left:0; top:0; width:137.5px;}
.management_system .step_list dt i{position:relative; display:block; height:45px; padding:8px 0 8px 15px; background-color:#636a72; border-radius:25px; box-sizing:border-box; font-size:15px; text-align:left; font-style:normal; color:#fff;}
.management_system .step_list dt i:after{position:absolute; left:50%; bottom:-40px; width:6.5px; height:40px; background:url(/resources/images/jp/sustainability/management_step_list_ico.png) 0 50% no-repeat; background-size:6.5px 20px; content:""; }
.management_system .step_list dt .step{display:block; font-size:10px; line-height:1em;}
.management_system .step_list dd{position:relative; padding-left:8px; margin-bottom:4px; font-size:13px; text-align:left;}
.management_system .step_list dd:last-child{margin-bottom:0;}
.management_system .step_list dd:before{position:absolute; left:0; top:9px; width:2px; height:2px; background-color:#333; content:"";}
.management_system .step_list dl:last-child dt i{font-size:13px;}
.management_system .step_list li{margin-bottom:15px; min-height:79px;}
.management_system .step_list li:last-child{margin-bottom:0; min-height:auto;}
.management_system .step_list li:last-child dl{padding-bottom:0; margin-bottom:0;}
.management_system .step_list li:nth-child(2n) dt i{background-color:#005d9d;}
.management_system .step_list li:last-child i:after{display:none; content:"";}
.management_system .step_list li.step1 dl{padding-bottom:0;}
.management_system .step_list li.step1 dt i:after{height:50px; bottom:-50px; content:"";}
.management_system .step_list li.step3 dl{padding-bottom:15px;} */
.management_system .issue_box{margin-bottom:40px;}
.management_system .issue_box.last{margin-bottom:0;}
.management_system .issue_box h5{padding:0 20px; height:50px; line-height:50px; font-size:16px; font-weight:400; background-color:#005d9d; background-position:right 20px center; background-size:36px 36.5px; background-repeat:no-repeat; color:#fff;}
.management_system .issue_list{padding:20px; border:1px solid #ccc;}
.management_system .issue_list dl{padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.management_system .issue_list dt{margin-bottom:8px; font-size:16px; font-weight:400; line-height:1.3em; color:#333;}
.management_system .issue_list dl:last-child{padding-bottom:0; margin-bottom:0; border:0;}
.management_system .environment h5{background-image:url(/resources/images/jp/sustainability/management_environment_ico.png);}
.management_system .social h5{background-image:url(/resources/images/jp/sustainability/management_social_ico.png); background-color:#636a72;}
.management_system .economics h5{background-image:url(/resources/images/jp/sustainability/management_economy_ico.png); }
.management_system .sec_list li{padding-left:12px; text-indent:-12px;}

.management_system .section img{max-width:340px;}
.management_system .sec1 .banner_box{display:table; width:100%; padding:30px 0; margin-bottom:20px; background:url(/resources/images/jp/about_us/management_sec1_banner_bg.jpg) 0 0 no-repeat; background-size:cover; box-sizing:border-box; text-align:center;}
.management_system .sec1 .banner_inner{display:table-cell; vertical-align:middle;}
.management_system .sec1 .banner_inner .txt1{margin-bottom:20px;}
.management_system .sec1 .banner_box p{font-size:15px; font-weight:600; color:#fff;}
.management_system .sec1 .sec_inner2 .cont_box h5{margin-bottom:30px;}
.management_system .sec1 .sec_inner2 .cont_box h5 strong{display:block; margin-bottom:15px;}
.management_system .sec1 .sec_inner2 .cont_box h5 .cont_tit{margin-bottom:0; font-size:16px;}
.management_system .sec1 .sec_inner2 .round_list_type1{overflow:hidden; position:relative;margin-left:24px;}
.management_system .sec1 .sec_inner2 .round_list_type1 li{position:relative; padding-left:25px; padding-bottom:32px; counter-reset: number 0;}
.management_system .sec1 .sec_inner2 .round_list_type1 li:before{position:absolute; left:0; top:20px; width:1px; height:100%; background:#ccc; content:"";}
.management_system .sec1 .sec_inner2 .round_list_type1 li:first-child{margin-left:0;}
.management_system .sec1 .sec_inner2 .round_list_type1 li:last-child{padding-bottom:0;}
.management_system .sec1 .sec_inner2 .round_list_type1 li:last-child:before{content:none;}
.management_system .sec1 .sec_inner2 .round_list_type1 li .tit{display:block; position:relative; width:48.97%; max-width:166px; padding:14px 0; margin-bottom:20px; background-color:#636a72; border-radius:25px; box-sizing:border-box; font-size:13px; font-weight:400; text-align:center; color:#fff;}
.management_system .sec1 .sec_inner2 .round_list_type1 li .tit:before{position:absolute; left:-24px; top:18px; width:27px; height:5px; background:url(/resources/images/jp/about_us/management_focus_tree.png) 0 0 no-repeat; content:"";}
.management_system .sec1 .sec_inner2 .round_list_type1 li.point .tit{background:#005d9d;}
.management_system .sec1 .sec_inner2 .round_list_type1 li .txt{display:block; position:relative; padding-left:20px; margin-bottom:20px; font-size:13px; font-weight:600; line-height:1.4em; word-break:keep-all; text-align:left; color:#333;}
.management_system .sec1 .sec_inner2 .round_list_type1 li .txt:before{position:absolute; left:0; top:2px; width:10px; height:12px; background:url(/resources/images/jp/about_us/management_focus_tree_ico.png) 0 0 no-repeat; background-size:100%; content:"";}
.management_system .sec1 .sec_inner2 .round_list_type1 dl{padding-left:20px; margin-bottom:25px; font-size:12px; 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:12px; font-weight:600; text-indent:-29px; line-height:1; 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:7px; font-size:12px; text-align:left; line-height:15px; 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:6px; width:3px; height:3px; background-color:#666; content:"";}
.management_system .sec1 .sec_inner3{}
.management_system .sec1 .sec_inner3 .box h5{height:30px; padding-top:8px; box-sizing:border-box; font-size:13px; font-weight:400; text-align:center; line-height:1; color:#fff;}
.management_system .sec1 .sec_inner3 .top{margin-bottom:10px;}
.management_system .sec1 .sec_inner3 .top .box:first-child{margin-bottom:10px;}
.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:20px; 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:10px; font-size:12px; 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:20px 0; border:1px solid #ccc; box-sizing:border-box;}
.management_system .sec1 .sec_inner3 .bottom .cont_tit{margin-bottom:10px; text-align:center;}
.management_system .sec1 .sec_inner3 .bottom .cont_tit strong{display:inline-block; padding-bottom:10px; font-size:18px; line-height:1em; font-weight:600; border-bottom:2px solid #333;}
.management_system .sec1 .sec_inner3 .bottom .box_inner{text-align:center;}

.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 .sec2 .cont_box{padding:0;}
.management_system .sec2 .cont_box img{max-width:375px;}
.management_system .sec4 .sec_tit_area{margin-bottom:40px;}
.management_system .sec4 .sec_txt_inner{padding:0 17.5px;}

.management_system .step_list dl{overflow:hidden; position:relative; min-height:45px; padding-left:163.5px; padding-bottom:30px;}
.management_system .step_list dt{position:absolute; left:0; top:0; width:143.5px;}
.management_system .step_list dt i{position:relative; display:block; height:45px; padding:8px 0 8px 15px; background-color:#636a72; border-radius:25px; box-sizing:border-box; font-size:15px; text-align:left; font-style:normal; color:#fff;}
.management_system .step_list dt .step{display:block; font-size:10px; line-height:1em;}
.management_system .step_list dd{position:relative; padding-left:8px; margin-bottom:4px; font-size:13px; text-align:left;}
.management_system .step_list dd:last-child{margin-bottom:0;}
.management_system .step_list dd:before{position:absolute; left:0; top:9px; width:2px; height:2px; background-color:#333; content:"";}
.management_system .step_list dl:last-child dt i{font-size:13px;}
.management_system .step_list li{position:relative;}
.management_system .step_list li:after{position:absolute; left:71px; top:50%; width:6.5px; height:30px; background:url(/resources/images/jp/about_us/management_issue_list_ico_01.png) 0 50% no-repeat; background-size:6.5px 20px; content:""; }
.management_system .step_list li:nth-child(3):after{top:57%;}
.management_system .step_list li:last-child{margin-bottom:0;}
.management_system .step_list li:last-child dl{min-height:45px; padding-bottom:0; margin-bottom:0;}
.management_system .step_list li:nth-child(2n) dt i{background-color:#005d9d;}
.management_system .step_list li:last-child:after{content:none;}
.management_system .step_list li:nth-child(3) dd{margin-top:5px;}
.management_system .step_list li:nth-child(4) dd{margin-top:12px;}

.management_system .sec5_new h3 span{font-size:14px; display:block; line-height:1; font-weight:300; margin-top:15px;}
.management_system .sec5_new .logo_area{width:100%; margin-bottom:38px;}
.management_system .sec5_new .logo_area img{width:auto; max-width:100%; display:block;}
.management_system .sec5_new dl{font-weight:500; margin-top:20px;}
.management_system .sec5_new dl dt{font-size:14px;}
.management_system .sec5_new dl dd{font-size:14px; word-break:keep-all;}
.management_system .sec5_new p{margin-top:20px; font-size:14px; word-break:keep-all;}

/* sustainability - social-contribution */
.social_contribution .section.sec0{margin-bottom:0;}
.social_contribution .section .sec_txt{font-size:14px; line-height:23px; margin-top:-4px;}
.social_contribution .section .sec_txt + .btn{margin-top:15px;}
.social_contribution .top_banner{width:100%; padding:30px 10px; background:url(/resources/images/jp/sustainability/contribution_top_banner_bg.jpg) 0 0 no-repeat; background-size:cover; box-sizing:border-box; text-align:center;}
.social_contribution .top_banner .tit{display:inline-block; padding-bottom:15px; margin-bottom:15px; font-size:16px; font-weight:400; color:#fff;}
.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; word-break:break-all; word-wrap:break-word;}

.social_contribution .program_type dl{margin-top:10px; background-color:#edf6fd; padding:20px 0 30px 30px; overflow:hidden;}
.social_contribution .program_type dt{padding-right:30px;}
.social_contribution .program_type dt p{clear:both; font-size:18px; color:#333; padding:12px 0 20px; margin-bottom:20px; line-height:1; background:no-repeat 100% top /36px auto; border-bottom:1px solid #333;}
.social_contribution .program_type dl.type1 dt p{background-image:url(/resources/images/jp/sustainability/social_program_type1_ico.png);}
.social_contribution .program_type dl.type2 dt p{background-image:url(/resources/images/jp/sustainability/social_program_type2_ico.png);}
.social_contribution .program_type dd{font-size:14px; color:#333; padding-left:10px; box-sizing:border-box; position:relative; float:left; width:50%; 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 .request_btn_area{padding-top:18px;}
.social_contribution .request_btn_area .request_view{display:none;}
.social_contribution .request_btn_area.on .request_view{display:block; width:100%; padding:30px 17.5px; background-color:#f3f3f3;}
.social_contribution .request_view .tit_area{margin-bottom:40px; text-align:center;}
.social_contribution .request_view h3{display:inline-block; position:relative; padding-bottom:10px; margin-bottom:0;}
.social_contribution .request_view h3:after{position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#333; content:"";}
.social_contribution .request_view h4{margin-bottom:13px;}
.social_contribution .request_view .txt_area{margin-bottom:40px;}
.social_contribution .request_view .txt_area.last{margin-bottom:0;}
.social_contribution .request_view .dl_list{margin-bottom:20px;}
.social_contribution .request_view .dl_list.last{margin-bottom:0;}
.social_contribution .request_view dt{margin-bottom:10px;font-size:15px; font-weight:400; color:#333; line-height:1em;}
.social_contribution .request_view dd span{font-size:13px; padding-top:9px; padding-left:12px; text-indent:-12px;}

/* sustainability - business_partners */
.business_partners .sec4 .cont_tit{line-height:1.375em;}

/* sustainability - environment */
.environment .section h4{line-height:1.2;}
.environment .section .sec_txt span{font-weight:600;}
.environment .energy_box{position:relative; padding:30px 17.5px; background-color:#f3f3f3; box-sizing:border-box; color:#666;}
.environment ul li{padding-left:10px; position:relative; margin-top: 22px;}
.environment ul li:first-child{margin-top:0;}
.environment .sec6 ul li,
.environment .sec7 ul li{padding-left:9px; margin-top:10px; line-height:1.4em; text-indent:-9px;}
.environment ul li:before {content:""; position:absolute; left:0; top:10px; width:3px; height:3px; background:#666;}
.environment .sec6 ul li:before,
.environment .sec7 ul li:before {content:none;}
.environment ul li dt{color:#333; font-weight:600; margin-bottom:10px;}
.environment ul li dd{padding-left:7px; text-indent:-7px; margin-bottom:10px;}
.environment ul li dd:last-child{margin-bottom:none; }
.environment .table_desc{margin: 18px 0 10px; text-align: right;}
.environment .sec4 .basic_table2{margin-bottom:18px;}

/* sustainability - report */
.report .report_top{padding:0 17.5px; margin-bottom:40px;}
.report .report_top .report_img{padding:30px 50px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}
.report .report_top .report_img img{border:1px solid #cecece;}
.report .report_top .report_img + .sec_txt{margin-top:20px;}
.report .report_top .btn_area a{width:48.5%; margin-left:3%;}
.report .basic_table a.download{display:inline-block; padding-right:22.5px; background:url(/resources/images/jp/common/btn_download_off.gif) right center no-repeat; background-size:13px auto; color:#333; }
.report .btn_area{padding-top:20px; text-align:center;}
.report .btn_area a{max-width:200px;}
.report .btn_area a:first-child{margin-left:0;}
.report .download_area{padding:0 17.5px;}

/* sustainability - report - download */
.report_download .content{padding-top:60px;}

/* sustainability - compliance */
/* .compliance h3{line-height:1.25em;} */
.compliance .outline_list{text-align:left;}
.compliance .outline_list:after{display:block; clear:both; content:"";}
.compliance .outline_list > li{overflow:hidden; position:relative; padding-left:60px; margin-bottom:30px;}
.compliance .outline_list > li:last-child{margin-bottom:0;}
.compliance .outline_list > li h5{position:absolute; left:0; top:0; width:60px; padding:14px 0; font-size:15px; text-align:center;}
.compliance .outline_list > li h5.line1{padding:0; line-height:55px;}
.compliance .outline_list > li span{display:block; font-size:13px; color:#333; text-align:center;}
.compliance .outline_list li.not .round_list:before{display:none; content:"";}
.compliance .round_list_area{float:left; width:250px;}
.compliance .round_list{position:relative; width:250px; height:70px; background-image:url(/resources/images/jp/sustainability/compliance_outline_list2.png); background-position:0 0; background-repeat:no-repeat; background-size:cover;}
.compliance .round_list li{position:relative; float:left; width:53.4%; height:100%; margin-left:-7%; line-height:55px; text-align:center; color:#fff;}
.compliance .round_list1{height:55px; background-image:url(/resources/images/jp/sustainability/compliance_outline_list1.png);}
.compliance .round_list li:first-child{margin-left:0;}
.compliance .sec2 .cont_box{padding:30px 0;}
.compliance .sec4 .cont_img + .program_list{margin-top:20px;}
.compliance .sec4 .program_list dl{margin-bottom:30px; text-align:left;}
.compliance .sec4 .program_list dl:last-child{margin-bottom:0;}
.compliance .sec4 .program_list dt{margin-bottom:8px; font-weight:400; font-size:15px; color:#333;}
.compliance .sec4 .program_list dd{font-size:13px; line-height:1.4em;}
.compliance .sec5 .txt_area .logo{display:block; margin-bottom:20px;}
.compliance .compliance_list{padding:30px 17.5px; background-color:#f3f3f3;}
.compliance .compliance_list dl{position:relative; padding:0 0 20px 55px; margin-bottom:20px; border-bottom:1px solid #ccc;}
.compliance .compliance_list dl:before{position:absolute; left:0; top:0; width:37px; height:37px; background-image:url(/resources/images/jp/sustainability/compliance_sec4_ico1.png); background-repeat:no-repeat; background-position:0 0; background-size:300% auto; content:""; }
.compliance .compliance_list dl.last{margin-bottom:0; padding-bottom:0; border-bottom:0;}
.compliance .compliance_list dt{margin-bottom:8px; font-size:15px; font-weight:400; color:#333;}
.compliance .compliance_list dd{position:relative; padding-left:10px; margin-bottom:10px; font-size:13px; line-height:1.4em;}
.compliance .compliance_list dd:before{position:absolute; left:0; top:9px; width:2px; height:2px; background:#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:-37px 0; content:"";}
.compliance .compliance_list .dl3:before{background-position:-74px 0; content:"";}
.compliance .compliance_list .dl3 dd{margin-bottom:7px;}
.compliance .compliance_list .dl3 dd:last-child{margin-bottom:0;}
.compliance .btn_center{padding-top:30px;}
.compliance .process_list{padding:0 17.5px;}
.compliance .process_list li{position:relative; display:table; width:100%; padding-left:107px; min-height:92px; margin-bottom:30px; box-sizing:border-box; text-align:left;}
.compliance .process_list li:last-child{margin-bottom:0;}
.compliance .process_list li:before{position:absolute; left:0; top:0; width:92px; height:92px; background-image:url(/resources/images/jp/sustainability/compliance_process_ico1.png); background-repeat:no-repeat; background-position:0 0; background-size:300% auto; content:"";}
.compliance .process_list .ico1:before{background-position:0 0; content:"";}
.compliance .process_list .ico2:before{background-position:-92px 0; content:"";}
.compliance .process_list .ico3:before{background-position:-184px 0; content:"";}
.compliance .process_list li .inner{display:table-cell; vertical-align:middle;}
.compliance .process_list li .inner h4{padding:0; font-size:14px; margin-bottom:10px;}
.compliance .process_list li .inner p{font-size:13px; line-height:1.4em;}

/* sustainability - ethics */
.ethics .txt_box_wrap .sec_inner h4{margin-bottom:27px; line-height:1.4em;}
.ethics .txt_box_wrap .sec_txt + .sec_inner{padding-top:30px;}
.ethics .process_list{margin-left:10px;}
.ethics .process_list li{position:relative; display:table; width:100%; padding-left:115px; margin-bottom:20px; min-height:95px; text-align:left; box-sizing:border-box;}
.ethics .process_list li:before{position:absolute; left:0; top:0; width:95px; height:95px; background-image:url(/resources/images/jp/sustainability/ethics_process_ico1.png); background-repeat:no-repeat; background-position:0 0; background-size:400% auto; content:"";}
.ethics .process_list li.ico1:before{background-position:0 0; content:"";}
.ethics .process_list li.ico2:before{background-position:-95px 0; content:"";}
.ethics .process_list li.ico3:before{background-position:-190px 0; content:"";}
.ethics .process_list li.ico4:before{background-position:-285px 0; content:"";}
.ethics .process_list li:last-child{margin-bottom:0;}
.ethics .process_list li .inner{display:table-cell; vertical-align:middle;}
.ethics .process_list li .inner h4{padding:0; margin-bottom:10px; font-size:14px; color:#333; }
.ethics .process_list li .inner p{font-size:12px;}
.ethics .ethics_list li{position:relative; margin-bottom:8px; padding-left:10px;}
.ethics .ethics_list li:before{position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#666; content:"";}
.ethics .ethics_list li:last-child{margin-bottom:0;}
.ethics .btn_area{text-align:center;}
.ethics .section .sec_inner .btn_area a{margin-right:5px;min-width:auto;width:48%;}
.ethics .section .sec_inner .btn_area a:last-child{margin-right:0;}

/* sustainability - conduct */
.conduct .sec_inner{margin-bottom:40px;}
.conduct .sec_txt{margin-bottom:18px; font-size:14px; 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:40px 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{padding:0; margin-bottom:30px; font-size:21px; line-height:1.4em;}
.conduct .list_box_wrap .cont > h3:after{content:none;}
.conduct .list_box_wrap .cont > h3 span{display:block; font-size:18px; font-weight:400;}
.conduct .list_box_wrap ol >li{margin-bottom:30px; font-size:14px; }
.conduct .list_box_wrap ol >li.last{margin-bottom:0;}
.conduct .list_box_wrap ol strong{display:block; margin-bottom:10px; font-weight:400; line-height:1.3em; letter-spacing:0; color:#2C7CD8;}
.conduct .list_box_wrap .bullet_list li{position:relative; padding-left:10px; margin-bottom:8px; font-size:14px; line-height:1.6em; 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:11px; width:3px; height:3px; background:#333; content:"";}
.conduct .sec1 .sec_inner3{margin-bottom:0;}
.conduct .sec1 .sec_inner3 .cont{padding:30px 15px; 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:30px; color:#666;}
.conduct .sec1 .sec_inner3 dl.last{margin-bottom:0px;}
.conduct .sec1 .sec_inner3 dt{margin-bottom:10px; font-size:14px;  font-weight:600; color:#2C7CD8;}
.conduct .sec1 .sec_inner3 dd{margin-bottom:30px; font-size:14px; }
.conduct .sec1 .sec_inner3 dd.last{margin-bottom:0;}
.conduct .sec1 .btn_area{text-align:center;}
.conduct .sec1 .btn_area a{width:282px; background:#043285;}


/* careers - common */
.careers table tbody td{line-height:1.25em;}
.careers .more_banner{overflow:hidden;margin-top:40px;padding:15px;border:1px solid #ccc;text-align:center;}
.careers .more_banner p{margin-bottom:15px;width:100%;line-height:22px;}


/* careers - process */
.process .info_box{padding:30px 15px;background-color:#f3f3f3;}
.process .info_box > p{margin-bottom:10px;}
.process .info_box p.point_txt{color:#2C7CD8;margin-bottom:10px;}
.process .info_box .btn_area p{margin-bottom:10px;}
.process .info_box .btn_area a{width:55%;}

/* careers - job_opening */
.job_opening .board_view .board_tit{padding:15px;}
.job_opening .info_txt{margin-top:0;margin-bottom:10px;}


/* newsroom - common */
/* newsroom - slide common *
.news .swiper-container .btn_arr_wrap{position:absolute; left:0; top:50%; width:100%; height:50px; transform:translateY(-100%); -wekbit-transform:translateY(-100%); -moz-transform:translateY(-100%); z-index:10;}
.news .swiper-container .btn_arr_wrap button{overflow:hidden; position:absolute; top:0; width:38px; height:50px; background-position:50% 50%; background-size:11.5px 21.5px; background-repeat:no-repeat; background-color:rgba(0,0,0,0.4); text-indent:-9999px; font-size:0;}
.news .swiper-container .btn_arr_wrap .prev_btn{background-image:url(/resources/images/jp/common/slide_left_btn.png); left:0;}
.news .swiper-container .btn_arr_wrap .next_btn{background-image:url(/resources/images/jp/common/slide_right_btn.png); right:0;}
.news .swiper-container .btn_arr_wrap .next_btn:before{background-position:-15px 0; content:"";}

/* newsroom - slide (list) *
.news .default_slide_wrap{padding:0 17.5px; margin-bottom:40px;}
.news .default_slide{position:relative;}
.news .default_slide .swiper-slide a{display:block; overflow:hidden; width:100%; padding-bottom:35px; background:#043285;}
.news .default_slide .txt_area{padding:20px; word-break:break-word; word-wrap:break-word; box-sizing:border-box;}
.news .default_slide .tit{overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.6em; font-size:21px; font-weight:400; line-height:1.3em; text-overflow: ellipsis; color:#fff;}
.news .default_slide .img_area{position:relative; width:100%; padding-top:55%;}
.news .default_slide .img_area img{position:absolute; left:0; top:0; width:100%; height:100%;}
.news .default_slide .slide_pagination{position:absolute; left:0; bottom:20px; width:100%; height:auto; text-align:center; z-index:100;}
.news .default_slide .swiper-pagination{position:static; display:inline-block; vertical-align:middle;}
.news .default_slide .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; vertical-align:top; border-radius:100%; margin-left:0; margin-right:10px; background:#8299c2;}
.news .default_slide .swiper-pagination.active{background:#fff;}
.news .default_slide .add_btn_wrap{display:inline-block; vertical-align:middle;}
.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-size:200% auto; background-repeat:no-repeat;}
.news .default_slide .add_btn_wrap .btn_pause.play{background-position:100% 50%;}

/* newsroom - slide (view) *
.news .view_slide{position:relative;}
.news .view_slide .swiper-slide{overflow:hidden; width:100%; text-align:center;}
.news .view_slide .swiper-slide img{width:100%;}
.news .view_slide .slide_paging{margin-top:20px;}
.news .view_slide .slide_paging p{text-align:center; font-size:15px; font-weight:400; color:#666;}
.news .view_slide .slide_paging p span{padding:0 6px;}
.news .view_slide .slide_paging span.current{color:#000;}
.news .view_slide .btn_arr_wrap button{background-color:rgba(0,0,0,1);}
/* newsroom - news_banner *
.newsroom .news_banner{width:100%; padding:30px 17.5px; margin-bottom:40px; background-color:#f3f3f3; box-sizing:border-box;}
.newsroom .news_banner .txt{margin-bottom:20px; font-size:15px; text-align:center; color:#333;}
.newsroom .news_banner .sns_list{max-width:390px; margin:0 auto; text-align:center;}
.newsroom .news_banner .sns_list li{display:inline-block; vertical-align:top; width:45%; margin-left:2%;}
.newsroom .news_banner .sns_list li:first-child{margin-left:0;}
.newsroom .news_banner .sns_btn{position:relative; display:block; width:100%; padding:10px 12%; height:65px; background-color:#fff; box-sizing:border-box;  text-align:center;}
.newsroom .news_banner .sns_btn:before{display:block; width:22.5px; height:22.5px; margin:0 auto 10px; background-image:url(/resources/images/jp/newsroom/news_sns_ico.png); background-position:0 0; background-repeat:no-repeat; background-size:400% auto; content:"";}
.newsroom .news_banner .sns_btn span{position:absolute; left:12%; bottom:10px; width:76%; line-height:1em;}
.newsroom .news_banner .sns_btn span:after{display:inline-block; vertical-align:top; width:4px; height:15px; margin-left:10px; background:url(/resources/images/jp/common/btn_arrow_ico_g.png) 0 50% no-repeat; background-size:4px 7.5px; content:"";}
.newsroom .news_banner .youtube{color:#cc0000;}
.newsroom .news_banner .blog{color:#31ad37;}
.newsroom .news_banner .facebook{color:#3b599a;}
.newsroom .news_banner .youtube:before{background-position:-22.5px 0; content:"";}
.newsroom .news_banner .blog:before{background-position:-45px 0; content:"";}
.newsroom .news_banner .facebook:before{background-position:-67px 0; content:"";}

/* newsroom - news-list */
/* .news.list .content{padding-bottom:0;} *
.news.list .sec1{margin-bottom:60px;}
.news.list .sec2{width:100%; padding:30px 0 80px; background-color:#f3f3f3;}
.news.list .btn_center{padding-top:37.5px;}
.news.list .nodata{padding-top:64px;}
.news .news_list{overflow:hidden;}
.news .news_list li{position:relative; margin-bottom:20px; height:72px; box-sizing:border-box;}
.news .news_list li:last-child{margin-bottom:0;}
.news .news_list li a{position:absolute; left:0; top:0; width:100%; height:100%; padding-left:150px; box-sizing:border-box;}
.news .news_list .img_area{overflow:hidden; position:absolute; left:0; top:0; width:130px; height:72px; border:1px solid #ccc; box-sizing:border-box;}
.news .news_list .img_area i{position:absolute; left:0; bottom:0; padding:0 15px; height:22.5px; height:22.5px; line-height:22.5px; font-size:13px; font-style:normal; font-weight:400; text-align:center; color:#fff; }
.news .news_list .img_area i.company{background-color:#1428a0;}
.news .news_list .img_area i.product{background-color:#327f2e;}
.news .news_list .img_area i.careers{background-color:#f26522;}
.news .news_list .img_area i.cardnews{background-color:#2C7CD8;}
.news .news_list .txt_area{position:relative; padding:7px 0; height:100%;  box-sizing:border-box; word-wrap:break-word; word-break:break-word;}
.news .news_list .txt_area p{overflow:hidden; display:-webkit-box; height:2.6em; font-size:15px; font-weight:400; line-height:1.3em; color:#333;  -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.news .news_list .txt_area a{display:block;}
.news .news_list .txt_area .date{position:absolute; left:0; bottom:0; font-size:13px; font-weight:400; letter-spacing:0; color:#888;}
.news .news_list .txt_area .sns{overflow:hidden; position:absolute; right:0; bottom:0; width:22.5px; height:22.5px; background-image:url(/resources/images/jp/newsroom/news_sns_ico.png); background-repeat:no-repeat; background-position:0 0;
background-size:400% auto; text-indent:-9999px; font-size:1px;}
.news .news_list .txt_area .sns.youtube{background-position:-22.5px 0;}
.news .news_list .txt_area .sns.blog{background-position:-45px 0;}
.news .news_list .txt_area .sns.facebook{background-position:-67px 0;}
.news .banner + .news_list{padding-top:60px;}

.news .sec3{width:100%; padding:30px 17px 0;}
.news .sec3 .sec_inner{padding: 15px 20px; margin-bottom:0; background: url(/resources/images/jp/newsroom/newsletter_img.jpg) 50% 50% no-repeat; background-size: cover; box-sizing: border-box;}
.news .sec3 h4{margin-bottom: 10px; font-size: 22px; font-weight: 600;}
.news .sec3 p{margin-bottom:10px; font-size: 14px; line-height: 1.4em;}
.news .sec3 .btn_list{overflow: hidden;}
.news .sec3 .btn_list li{float: left; margin-right:5px;}
.news .sec3 .btn_list li a{display: block; height:30px; padding:0 20px 0 10px; background: url(/resources/images/jp/common/btn_arrow_ico_g.png) #fff right 9px center no-repeat; background-size: 4px 8px; box-sizing: border-box; font-size: 14px; line-height:30px;}

/* newsroom - newsletter - view *
.newsletter.view .srch_area .btn{min-width:95px;}
.newsletter.view .srch_area .btn:after{content:""; display:none;}
.newsletter.view .banner{margin-bottom:60px;}
.newsletter.view .sec3{width:100%; padding:30px 17px 0;}
.newsletter.view .sec3 .sec_inner{padding: 15px 20px; margin-bottom:0; background: url(/resources/images/jp/newsroom/newsletter_img.jpg) 50% 50% no-repeat; background-size: cover; box-sizing: border-box;}
.newsletter.view .sec3 h4{margin-bottom: 10px; font-size: 22px; font-weight: 600;}
.newsletter.view .sec3 p{margin-bottom:10px; font-size: 14px; line-height: 1.4em;}
.newsletter.view .sec3 .btn_list{overflow: hidden;}
.newsletter.view .sec3 .btn_list li{float: left; margin-right:5px;}
.newsletter.view .sec3 .btn_list li a{display: block; height:30px; padding:0 20px 0 10px; background: url(/resources/images/jp/common/btn_arrow_ico_g.png) #fff right 9px center no-repeat; background-size: 4px 8px; box-sizing: border-box; font-size: 14px; line-height:30px;}
*/



/* newsroom - common */
.newsroom.re_news .content{padding:100px 0 80px;}
.newsroom.re_news .visual_section{display:none;}
.news.list .sec2{padding:60px 0;}
.news .sec2 .tab_inner .list:last-child{display:none;}
/* newsroom - slide common */
.news .swiper-container .btn_arr_wrap{position:absolute; left:0; top:50%; width:100%; height:50px; transform:translateY(-100%); -wekbit-transform:translateY(-100%); -moz-transform:translateY(-100%); z-index:10;}
.news .swiper-container .btn_arr_wrap button{overflow:hidden; position:absolute; top:0; width:38px; height:50px; background-position:50% 50%; background-size:11.5px 21.5px; background-repeat:no-repeat; background-color:rgba(0,0,0,0.4); text-indent:-9999px; font-size:0;}
.news .swiper-container .btn_arr_wrap .prev_btn{background-image:url(/resources/images/jp/common/slide_left_btn.png); left:0;}
.news .swiper-container .btn_arr_wrap .next_btn{background-image:url(/resources/images/jp/common/slide_right_btn.png); right:0;}
.news .swiper-container .btn_arr_wrap .next_btn:before{background-position:-15px 0; content:"";}

/* newsroom - slide (list) */
.news .default_slide_wrap{padding:0 17.5px; margin-bottom:40px;}
.news .default_slide{position:relative;}
.news .default_slide .swiper-slide a{display:block; overflow:hidden; width:100%; background:#043285;}
.news .default_slide .txt_area{text-align:center; padding:20px 15px; word-break:break-word; word-wrap:break-word; box-sizing:border-box;}
.news .default_slide .tit{overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:20px; font-weight:600; line-height:1.25em; height:auto; text-overflow: ellipsis; color:#fff; max-width:90%; width:100%; margin:0 auto; padding-bottom:5px; max-height:48px; }
.news .default_slide .img_area{position:relative; width:100%; padding-top:55%;}
.news .default_slide .img_area img{position:absolute; left:0; top:0; width:100%; height:100%;}
.news .default_slide .slide_pagination{margin-top:20px; width:100%; height:auto; text-align:center; z-index:100;}
.news .default_slide .swiper-pagination{position:static; display:inline-block; vertical-align:middle;}
.news .default_slide .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; vertical-align:top; border-radius:100%; margin-left:0; margin-right:10px; background:#ddd; opacity:1;}
.news .default_slide .swiper-pagination .swiper-pagination-bullet-active{background:#043285;}
.news .default_slide .add_btn_wrap{display:inline-block; vertical-align:middle;}
.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:10px; overflow:hidden; background:url(/resources/images/jp/newsroom/slide_btn1.png) no-repeat 0 0 /9px 20px;}
.news .default_slide .add_btn_wrap .btn_pause.play{background-position:0 -10px;}

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

/* newsroom - category */
.newsroom.re_news .page_srch_area .srch_list{overflow-x:auto; overflow-y:hidden; white-space:nowrap; margin-bottom:15px; border:1px solid #ccc;}
.newsroom.re_news .page_srch_area .srch_list a{font-size:14px;}
.newsroom.re_news .page_srch_area .srch_list.on a{color:#333;}
.newsroom.re_news .page_srch_area .srch_list.on a span:after{background:#000;}
.newsroom.re_news .page_srch_area .srch_area{background:#f7f7f7; margin-bottom:0;}
.newsroom.re_news .page_srch_area .srch_area input[type="text"]{height:50px; padding:0 15px; border:none; background:transparent;}
.newsroom.re_news .page_srch_area .srch_area .srch_btn{width:50px; height:50px; background-color:transparent; background-size:21px auto;}

/* newsroom - news_banner */
.newsroom.re_news .news_banner{width:100%; padding:30px 17.5px; background-color:#f3f3f3; box-sizing:border-box;}
.newsroom.re_news .news_banner .txt{margin-bottom:20px; font-size:15px; text-align:center; color:#333;}
.newsroom.re_news .news_banner .sns_list{overflow:hidden; max-width:390px; margin:0 auto;}
.newsroom.re_news .news_banner .sns_list li{float:left; width:23.5%; margin-left:2%; max-width:92px;}
.newsroom.re_news .news_banner .sns_list li:first-child{margin-left:0;}
.newsroom.re_news .news_banner .sns_btn{position:relative; display:block; width:100%; padding:10px 12%; height:65px; background-color:#fff; box-sizing:border-box;  text-align:center;}
.newsroom.re_news .news_banner .sns_btn:before{display:block; width:22.5px; height:22.5px; margin:0 auto 10px; background-image:url(/resources/images/jp/newsroom/news_sns_ico.png); background-position:0 0; background-repeat:no-repeat; background-size:400% auto; content:"";}
.newsroom.re_news .news_banner .sns_btn span{position:absolute; left:0; bottom:10px; width:100%; line-height:1em;}
.newsroom.re_news .news_banner .sns_btn span:after{display:inline-block; vertical-align:top; width:4px; height:15px; margin-left:10px; background:url(/resources/images/jp/common/btn_arrow_ico_g.png) 0 50% no-repeat; background-size:4px 7.5px; content:"";}
.newsroom.re_news .news_banner .youtube{color:#cc0000;}
.newsroom.re_news .news_banner .blog{color:#31ad37;}
.newsroom.re_news .news_banner .facebook{color:#3b599a;}
.newsroom.re_news .news_banner .youtube:before{background-position:-22.5px 0; content:"";}
.newsroom.re_news .news_banner .blog:before{background-position:-45px 0; content:"";}
.newsroom.re_news .news_banner .facebook:before{background-position:-67px 0; content:"";}

/* newsroom - news-list */
/* .news.list .content{padding-bottom:0;} */
.news.list .sec1{margin-bottom:60px;}
.news.list .sec2{width:100%; padding:30px 0 80px; background-color:#f3f3f3;}
.news.list .btn_center{padding-top:37.5px;}
.news.list .nodata{padding-top:62px;}
.newsroom.re_news .news_list{overflow:hidden;}
.newsroom.re_news .news_list li{position:relative; box-sizing:border-box; background:#fff;}
.newsroom.re_news .news_list li + li{margin-top:30px;}
.newsroom.re_news .sec2 .news_list li + li{margin-top:20px;}
.newsroom.re_news .news_list li:last-child{margin-bottom:0;}
.newsroom.re_news .news_list li a{display:block; width:100%; height:100%;}
.newsroom.re_news .news_list .img_area{overflow:hidden; width:100%; height:auto;}
.newsroom.re_news .news_list .txt_area{position:relative; padding:20px 0 0; height:100%;  box-sizing:border-box; word-wrap:break-word; word-break:break-word;}
.newsroom.re_news .sec2 .news_list .txt_area{padding:20px 15px;}
.newsroom.re_news .news_list .txt_area p{max-height:48px; padding-bottom:2px; overflow:hidden; display:-webkit-box; font-size:19px; font-weight:600; line-height:1.3em; color:#000;  -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.newsroom.re_news .news_list .txt_area a{display:block;}
.newsroom.re_news .news_list .date{font-size:12px; font-weight:300; letter-spacing:0; color:#888;}
.newsroom.re_news .news_list .txt_area .sns{overflow:hidden; position:absolute; right:0; bottom:0; width:22.5px; height:22.5px; background-image:url(/resources/images/jp/newsroom/news_sns_ico.png); background-repeat:no-repeat; background-position:0 0;
background-size:400% auto; text-indent:-9999px; font-size:1px;}
.newsroom.re_news .news_list .txt_area .sns.youtube{background-position:-22.5px 0;}
.newsroom.re_news .news_list .txt_area .sns.blog{background-position:-45px 0;}
.newsroom.re_news .news_list .txt_area .sns.facebook{background-position:-67px 0;}
.newsroom.re_news .banner + .news_list{padding-top:60px;}
/* btn_more */
.newsroom.re_news .srch_inner .btn_more{height:45px; line-height:43px; font-size:14px; color:#666;}
.newsroom.re_news .srch_inner .btn_more:after{display:none;}

/* tab */
/* news_tab */
.news_tab:after{content:''; display:block; clear:both; margin-bottom:30px;}
.news_tab li{float:left; width:50%;}
.news_tab li a{display:block; width:100%; height:45px; line-height:45px; text-align:center; background-color:#fff; font-size:14px; color:#666;}
.news_tab li.on a{background-color:#043285; color:#fff;}

.news .sec3{width:100%; padding:7px 17px 0;}
.news .sec3 .sec_inner{padding: 15px 20px; margin-bottom:0; box-sizing: border-box;}
.news .sec3 .sec_inner.first{background:#f4f7fb url(/resources/images/jp/newsroom/newsletter_bg.jpg) no-repeat 0 0 /100% auto; padding:20% 4% 20px;}
.news .sec3 .sec_inner.last{padding:0;}
.news .sec3 h4{margin-bottom: 10px; font-size: 22px; font-weight: 600; color:#000;}
.news .sec3 p{margin-bottom:10px; font-size: 13px; color:#666; line-height: 1.46em; max-width:55%; word-break:keep-all;}
.news .sec3 .btn_list{overflow: hidden;}
.news .sec3 .btn_list li + li{margin-top:10px;}
.news .sec3 .btn_list li a{display: block; height:40px; line-height:40px; text-align:center; background:#fff; box-sizing: border-box; font-size: 13px; color:#666;}
/* sns share */
.newsroom.re_news .channel_wrap{margin-top:15px;}
.newsroom.re_news .channel_wrap .channel_list:after{content:''; display:block; clear:both;}
.newsroom.re_news .channel_wrap .channel_list li{float:left; width:50%; text-align:center; border:1px solid #ccc; border-right:none; box-sizing:border-box;}
.newsroom.re_news .channel_wrap .channel_list li + li{border-left:1px solid #ccc;}
.newsroom.re_news .channel_wrap .channel_list li:last-child{border-right:1px solid #ccc;}
.newsroom.re_news .channel_wrap .channel_list li a{display:block; height:45px; line-height:43px; font-size:13px; font-weight:300; color:#666;}

/* newsroom - newsletter - list */
.newsletter .page_srch_area{margin-bottom:40px;}
/* lastest newsletter */
.newsroom.re_news .lastest_wrap a{display:block; overflow:hidden; width:100%; background:#043285;}
.newsroom.re_news .lastest_wrap .img_area{position:relative; width:100%; padding-top:55%;}
.newsroom.re_news .lastest_wrap .img_area img{position:absolute; left:0; top:0; width:100%; height:100%;}
.newsroom.re_news .lastest_wrap .txt_area{padding:20px; box-sizing:border-box; word-break:break-word; word-wrap:break-word; white-space:nowrap; text-align:center;}
.newsroom.re_news .lastest_wrap .txt_area .tit{overflow:hidden; max-width:90%; text-overflow:ellipsis; font-size:20px; color:#fff; font-weight:600;margin:0 auto;}
/* newsletter banner */
.newsletter.list .sec3{padding:35px 17px 0;}
.newsletter.list .sec3 .sec_inner{background:#f4f7fb url(/resources/images/jp/newsroom/newsletter_bg.jpg) no-repeat 0 0 /100% auto; padding:20% 4% 20px; margin-bottom:0;}
.newsletter.list .sec3 h4{color:#000;}
.newsletter.list .sec3 p{font-size:13px; color:#666; line-height:1.46em; max-width:55%; word-break:keep-all; margin-bottom:20px;}
.newsletter.list .sec3 .btn_list li{float:none;margin:0;}
.newsletter.list .sec3 .btn_list li + li{margin-top:10px;}
.newsletter.list .sec3 .btn_list li a{display:block;width:100%; height:40px; line-height:40px; text-align:center; padding:0; background:#fff; font-size:13px; color:#666; }
/* sns share */
.newsletter.list .channel_wrap .channel_list li{width:33.333%;}
/* newsroom - newsletter - view */
.newsletter.view .srch_area .btn.newsletter.view .srch_area .btn{min-width:95px;}
.newsletter.view .srch_area .btn:after{content:""; display:none;}
.newsletter.view .banner{margin-bottom:60px;}
.newsletter.view .sec3{width:100%; padding:30px 17px 0;}
.newsletter.view .sec3 .sec_inner{padding: 15px 20px; margin-bottom:0; background: url(/resources/images/jp/newsroom/newsletter_img.jpg) 50% 50% no-repeat; background-size: 100% auto; box-sizing: border-box;}
.newsletter.view .sec3 h4{margin-bottom: 10px; font-size: 22px; font-weight: 600;}
.newsletter.view .sec3 p{margin-bottom:10px; font-size: 14px; line-height: 1.4em;}
.newsletter.view .sec3 .btn_list{overflow: hidden;}
.newsletter.view .sec3 .btn_list li{float: left; margin-right:5px;}
.newsletter.view .sec3 .btn_list li a{display: block; height:30px; padding:0 20px 0 10px; background: url(/resources/images/jp/common/btn_arrow_ico_g.png) #fff right 9px center no-repeat; background-size: 4px 8px; box-sizing: border-box; font-size: 14px; line-height:30px;}
.newsletter.view .board_view .board_inner img{width:100%;}

/* newsroom - news - list */
.newsroom.re_news.view .visual_section{position:static; padding-top:0;}
.newsroom.re_news.view .content{padding-top:100px;}
.newsroom.re_news.view strong{color:inherit;}
/* board_view */
.newsroom.re_news.view .board_view{border-top:none; border-bottom:none;}
.newsroom.re_news.view .board_view .board_top{padding:0 17.5px 30px; border-bottom:none;}
.newsroom.re_news.view .board_view .board_tit{background:none; border:none; padding:0; text-align:center;}
.newsroom.re_news.view .board_view .board_tit i{position:relative; left:0; top:0; background:#fff !important; font-size:12px; font-weight:600; margin-right:4px;}
.newsroom.re_news.view .board_view .board_tit i:after{content:''; display:block; width:1px; height:11px; background:#ccc; position:absolute; right:0; top:4px;}
.newsroom.re_news.view .board_view .board_tit i.company{color:#003399;}
.newsroom.re_news.view .board_view .board_tit i.product{color:#327f2e;}
.newsroom.re_news.view .board_view .board_tit i.press{color:#f26522;}
.newsroom.re_news.view .board_view .board_tit i.careers{color:#3399ff;}
.newsroom.re_news.view .board_view .board_tit .tit{padding-bottom:3px; font-size:23px; color:#000; font-weight:600; line-height:125%; margin-top:5px;}
.newsletter.view .board_view .board_tit .tit{display:block;}
.newsroom.re_news.view .board_view .board_tit .date{font-size:12px; color:#888; font-weight:300;}
.newsroom.re_news.view .board_view .d_box{padding:30px 17.5px 60px; border-bottom:1px solid #ddd;}
.news.view .board_view .board_inner{padding:0;}

.newsroom.re_news.view .board_view .board_inner > p{font-size:13px;}
/* sns_share */
.newsroom.re_news.view .sns_share_wrap{margin-top:20px; text-align:center;}
.newsroom.re_news.view .sns_share_wrap .sns_list{display:inline-block; overflow:hidden; background:#f3f3f3; border-radius:25px; padding:0 10px;}
.newsroom.re_news.view .sns_share_wrap .sns_list li{float:left; width:40px; position:relative;}
.newsroom.re_news.view .sns_share_wrap .sns_list li:after{content:''; display:block; width:1px; height:12px; background:rgba(189,189,189,.3); position:absolute; top:50%; right:0; margin-top:-6px;}
.newsroom.re_news.view .sns_share_wrap .sns_list li:last-child:after{display:none;}
.newsroom.re_news.view .sns_share_wrap .sns_list li .btn_sns{display:block; width:40px; height:40px; font-size:0; text-indent:-9999%; background:url(/resources/images/jp/newsroom/news_sns_icon.png) no-repeat 0 0 /500% auto;}
.newsroom.re_news.view .sns_share_wrap .sns_list li .btn_sns.kakao{background-position:-40px 0;}
.newsroom.re_news.view .sns_share_wrap .sns_list li .btn_sns.insta{background-position:-80px 0;}
.newsroom.re_news.view .sns_share_wrap .sns_list li .btn_sns.linkedin{background-position:-120px 0;}
.newsroom.re_news.view .sns_share_wrap .sns_list li .btn_sns.copy{background-position:-160px 0;}
/* 뉴스 요약 */
.newsroom.re_news.view .news_summary{ background:#eaf3fe; padding:30px 17.5px; box-sizing:border-box; color:#043285; font-weight:300;}
.newsroom.re_news.view .news_summary *{line-height:1.8em; word-break: keep-all; font-size:13px;}
.newsroom.re_news.view .news_summary .tit{font-weight:600;position:relative; padding-left:15px;}
/*.newsroom.re_news.view .news_summary .tit:before{content:'▶'; position:absolute; left:0; top:0;}*/
.newsroom.re_news.view .news_summary .detail{padding-left:20px; position:relative;}
/*.newsroom.re_news.view .news_summary .detail:before{content:'-'; position:absolute; left:12px; top:0;}*/
/* img_caption */
.newsroom.re_news.view .board_view .img_caption{margin-bottom:30px;}
.newsroom.re_news.view .board_view .img_caption img{margin-bottom:15px;}
.newsroom.re_news.view .board_view .img_caption p{text-align:center; line-height:2em; font-size:12px; font-weight:300; color:#666;}
/* file */
.newsroom.re_news.view .board_view .file_wrap{margin-top:40px;}
.newsroom.re_news.view .board_view .file_wrap .title{font-size:16px; color:#000; font-weight:600; line-height:1; margin-bottom:15px;} 
.newsroom.re_news.view .board_view .file_wrap .btn_file{display:block; width:100%; height:45px; line-height:45px; padding:0 16px; background:#fff; font-size:12px; font-weight:300; color:#888; border:1px solid #ddd; box-sizing:border-box; position:relative;}
.newsroom.re_news.view .board_view .file_wrap .btn_file:after{content:''; display:block; width:16.5px; height:18.5px; background:url(/resources/images/jp/newsroom/ico_download.png) no-repeat 0 0 /16.5px auto; overflow:hidden; position:absolute; top:50%; right:12px; margin-top:-8px; }
.newsroom.re_news.view .board_view .file_wrap .btn_file + .btn_file{border-top:none;}
.newsroom.re_news.view .board_view .file_wrap .btn_file:hover,
.newsroom.re_news.view .board_view .file_wrap .btn_file:focus{background:#f4f7fb; color:#043285; font-weight:600;}
.newsroom.re_news.view .board_view .file_wrap .btn_file span{display:inline-block; max-width:90%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
/* btn_center */
.newsroom.re_news.view .btn_center {padding-top:20px;}
.newsroom.re_news.view .btn_center a{display:block; background:#043285; color:#fff; width:100%; height:45px; line-height:45px; font-size:14px;}
/* relate_news */
/* 연관 기사 */
.newsroom.re_news.view .sec3{padding:60px 17.5px 0;}
.newsroom.re_news.view .sec3 .sec_inner{padding:0; background:none;}
.newsroom.re_news.view .sec3 .h4{margin-bottom: 14px; font-size: 21px; font-weight: 600; color:#000; line-height: 1em;}
.newsroom.re_news.view .sec3 .article_list li{height:auto; margin-bottom:0; background:#fff;}
.newsroom.re_news.view .sec3 .article_list li + li{margin-top:30px;}
.newsroom.re_news.view .sec3 .article_list li a{position:static; padding-left:0;}
.newsroom.re_news.view .sec3 .article_list .img_area{position:static; width:100%; height:auto; border:none;}
.newsroom.re_news.view .sec3 .article_list .txt_area{padding:20px 0 0; box-sizing:border-box;}
.newsroom.re_news.view .sec3 .article_list .txt_area .top_txt{line-height:1;}
.newsroom.re_news.view .sec3 .article_list .txt_area p{max-width:100%; font-size:19px; color:#000; height:auto; max-height:48px; margin-top:5px;}
.newsroom.re_news.view .sec3 .article_list .txt_area i{font-style:normal; font-weight:600; position:static; height:auto; line-height:1; font-size:12px; padding:0 7px 0 0; margin:0 5px 0 0; position:relative;}
.newsroom.re_news.view .sec3 .article_list .txt_area i:after{content:''; display:block; width:1px; height:10px; background:#ccc; position:absolute; top:4px; right:0;}
.newsroom.re_news.view .sec3 .article_list .txt_area i.company{color:#003399;}
.newsroom.re_news.view .sec3 .article_list .txt_area i.product{color:#327f2e;}
.newsroom.re_news.view .sec3 .article_list .txt_area i.press{color:#f26522;}
.newsroom.re_news.view .sec3 .article_list .txt_area i.careers{color:#3399ff;}
.newsroom.re_news.view .sec3 .article_list .txt_area .date{position:static; font-size:12px; font-weight:300;}
.newsroom.re_news.view .web_div{display:none;}
.newsroom.re_news.view .mobile_div{display:block;}
/* 뉴스레터 구독하기 팝업 
.news_subscribe{position:fixed; width:100%; height:100%; background:rgba(0,0,0,.6); top:0; left:0; z-index:1001; padding:0 17.5px; box-sizing:border-box;}
.news_subscribe.popup_wrap .pop_inner_wrap{width:100%; height:auto; overflow:hidden;}
.news_subscribe.popup_wrap.box_popup .pop_inner{padding:40px 22.5px; box-sizing:border-box;}
.news_subscribe .title{text-align:center; margin-bottom:30px;}
.news_subscribe .title strong{font-size:18px; font-weight:600; color:#333; line-height:1.3em; }
.news_subscribe .title p{font-size:14px; color:#666; margin-top:17.5px;}
.news_subscribe .subscribe_email{width:100%;}
.news_subscribe .terms_box{margin-top:30px; text-align:left;}
.news_subscribe .terms_box > strong{font-size:16px; font-weight:600; color:#333; line-height:1;}
.news_subscribe .privacy_form{margin-top:15px; height:145px; overflow-y:auto; border:1px solid #ccc;}
.news_subscribe .privacy_form .agree_box{padding:25px 15px; border:none;}
.news_subscribe .privacy_form .agree_box *{font-size:12px; line-height:1.625em; font-weight:400; color:#666; word-break:keep-all;}
.news_subscribe .privacy_form .agree_box > p:nth-of-type(2){margin-top:10px;}
.news_subscribe .privacy_form .cont h6{color:#2C7CD8;}
.news_subscribe .privacy_form .cont .dot_list li{background-position:0 9px;}
.news_subscribe .privacy_form .agree_box .highlight{font-size:15px; color:#2C7CD8;}
.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:5px 10px;}
.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:15px;}
.news_subscribe .terms_box .agree_area .agree + .agree{margin-left:25px;}
.news_subscribe .btn_center .btn{width:100%; height:45px; line-height:45px; font-size:14px;}
.news_subscribe .btn_center .btn:after{display:none;}*/
.news_subscribe{position:fixed; width:100%; height:100%; background:rgba(0,0,0,.6); top:0; left:0; z-index:1001; padding:0 17.5px; box-sizing:border-box;}
.news_subscribe.popup_wrap .pop_inner_wrap{width:100%; height:auto; overflow:hidden;}
.news_subscribe.popup_wrap.box_popup .pop_inner{padding:40px 22.5px; box-sizing:border-box;}
.news_subscribe .title{text-align:center; margin-bottom:30px;}
.news_subscribe .title strong{font-size:18px; font-weight:600; color:#333; line-height:1.3em; }
.news_subscribe .title p{font-size:14px; color:#666; margin-top:17.5px;}
.news_subscribe .subscribe_email{width:100%;}
.news_subscribe .term_wrap{margin-top:30px; text-align:left;}
.news_subscribe .term_wrap > ul{border-top:2px solid #333;}
.news_subscribe .tit_area {border-bottom:1px solid #ccc;}
.news_subscribe .tit_area .term_tit{position:relative; display:block; padding:15px; font-size:14px; color:#333;}
.news_subscribe .tit_area .term_tit span{display: block; padding-right: 20px;}
.news_subscribe .tit_area .btn_term:after{content:''; display:block; width:6px; height:6px; border-top:1px solid #000; border-left:1px solid #000; transform:rotate(225deg); position:absolute; top:50%; right:15px; margin-top:-3px; transition:transform .3s;}
.news_subscribe .tit_area .btn_term.active:after{transform:rotate(45deg);}
.news_subscribe .tit_area .agree_area{background-color: #f3f3f3; padding:15px;}
.news_subscribe .tit_area .agree_area .agree{margin-right:25px;}
.news_subscribe .tit_area .agree_area .agree > *{display:inline-block; vertical-align: middle;}
.news_subscribe .tit_area .agree_area label{font-size:14px; color:#666; padding-left:6px; vertical-align:0;}
.news_subscribe .terms_box{margin-top:30px; text-align:left;}
.news_subscribe .terms_box > strong{font-size:16px; font-weight:600; color:#333; line-height:1;}
.news_subscribe .privacy_form{display:none; height:145px; overflow-y:auto; border:1px solid #ccc; border-top:none;}
.news_subscribe .term_wrap .agree_chk{margin-top:19px; text-align:center;}
.news_subscribe .term_wrap .agree_chk label{font-size:14px; color:#666; margin-left:6px;}
.news_subscribe .privacy_form .agree_box{padding:25px 15px; border:none;}
.news_subscribe .privacy_form .agree_box *{margin-bottom:10px; font-size:12px; line-height:1.625em; font-weight:400; color:#666; word-break:keep-all;}
.news_subscribe .privacy_form .agree_box > p:nth-of-type(2){margin-top:10px;}
.news_subscribe .privacy_form .cont h6{color:#2C7CD8;}
.news_subscribe .privacy_form .cont .dot_list li{background-position:0 9px;}
.news_subscribe .privacy_form .agree_box .highlight{font-size:15px; color:#2C7CD8;}
.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:5px 10px;}
.news_subscribe .privacy_form table.basic_table2 th{text-align:center;}
.news_subscribe .terms_box .agree_area{text-align:center; margin-top:15px;}
.news_subscribe .terms_box .agree_area .agree + .agree{margin-left:25px;}
.news_subscribe .btn_center .btn{width:100%; height:45px; line-height:45px; font-size:14px;}
.news_subscribe .btn_center .btn:after{display:none;}



/* newsroom - newsletter - subscription */
.subscription .security_area{margin-top:40px;}
.subscription .security_area .form_tit{display:block; margin-bottom:18px; font-size:16px; font-weight:400; color:#333;}
.subscription .security_area .form_tit span{display:inline-block; vertical-align:middle;}
.subscription .info_form{margin-bottom:60px;}
.subscription .info_form_list + .bottom_area{margin-top:18px; padding-top:8px;}
.subscription .agree_area .agree{width:80px; margin-bottom:8px;}
.subscription .capchar_area{overflow:hidden; margin-bottom:10px;}
.subscription .capchar_area .capchar{overflow:hidden; float:left; width:150px; height:40px; margin-right:10px;}
.subscription .capchar_area .capchar img{width:150px; height:auto;}
.subscription .capchar_area .btn_refresh{float:left; width:90px; height:40px; line-height:40px; background-color:#333; color:#fff; text-align:center;}
.subscription .capchar_area input[type="text"]{float:left; width:100%; margin-top:10px;}
.subscription .btn_center{padding-top:30px;}
.subscription .btn_center a{width:48%; margin-left:2%;min-width:136px;}
.subscription .btn_center a:first-child{margin-left:0;}
.subscription .btn_center .btn.long:after{margin-left:37px;}
.subscription .agree_box .agree_desc{margin-bottom:15px;}
.subscription .basic_table tbody th{font-weight:600; line-height:1.6em;}

/* newsletter - unsubscription */
.unsubscription .desc{margin-bottom:18px; text-align:center;}
.unsubscription .btn_center{text-align:center; font-size:0;}
.unsubscription .btn_center a{width:49%; margin-left:2%;}
.unsubscription .btn_center a:first-child{margin-left:0;}

/* support - common */
.support a.download{overflow:hidden; display:inline-block;width:100%;min-height:25px;color:#333;text-align:left; text-indent:-9999px; background:url(/resources/images/jp/common/btn_download_off.gif) center center no-repeat;background-size:25px auto;}
/* .support a.download:hover{color:#2C7CD8;background-image:url(/resources/images/jp/common/btn_download_on.gif);} */

/* support - faq */
.faq .srch_area{position:relative; width:100%; margin-bottom:20px; padding:15px 65px 15px 15px; background:#f3f3f3;}
.faq .srch_area input[type="text"]{width:100%;}
.faq .srch_area input[type="text"]::placeholder{font-size:12px;}
.faq .srch_area .srch_btn{position:absolute; top:15px; right:15px; width:40px; height:40px; z-index:100; background:#043285 url(/resources/images/jp/common/ico_search.png) 50% 50% no-repeat; background-size:15.5px auto;}
.faq .srch_area .refresh_btn{display:none; position:absolute; top:15px; right:15px; width:40px; height:40px; z-index:100; border:1px solid #ccc; background:#fff url(/resources/images/jp/common/ico_refresh.png) 50% 50% no-repeat; background-size:17px auto;}
.faq .srch_area.on{padding:15px 106px 15px 15px;}
.faq .srch_area.on .srch_btn{right:60px;}
.faq .srch_area.on .refresh_btn{display:block;} 
.faq .accordion_list li .btn_acco{padding:20px 10px;}
.faq .accordion_list li .btn_acco .acco_tit{overflow:hidden; display:block; padding-right:25px; box-sizing:border-box;}
.faq .accordion_list li .btn_acco .acco_tit .division{float:left; width:23%; font-size:15px; color:#333; text-align:center;}
.faq .accordion_list li .btn_acco .acco_tit .txt{float:left; width:calc(77% - 10px); margin-left:10px; font-size:15px; font-weight:400; box-sizing:border-box;}
.faq .accordion_list li .btn_acco.on .acco_tit .txt{color:#2C7CD8;}
.faq .accordion_list li .acco_panel{padding:22px 7%;}
.faq .txt_default{padding:55px 0;border-top:2px solid #333;border-bottom:1px solid #ccc;text-align:center;}
.faq .more_banner{overflow:hidden;margin-top:40px;padding:15px 5%;border:1px solid #ccc;text-align:center;}
.faq .more_banner p{margin-bottom:15px;}

/* 210510 - 제품 하위메뉴 추가 */
.faq .tab_product_menu{margin-top: -1px; padding: 17px 20px;background: #fff; border: 1px solid #ccc; font-size: 0;}
.faq .tab_product_menu .list{margin-bottom: 5px;}
.faq .tab_product_menu .list .title{position: relative; display: inline-block; vertical-align: top; width: 137px; padding-left: 7px; font-size: 15px; font-weight: 600; color: #000;}
.faq .tab_product_menu .list .title:before{content: ''; display: block; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background: #000; border-radius: 50%;}
.faq .tab_product_menu .list .title.active a{color: #2C7CD8;}
.faq .tab_product_menu .list ul{display: inline-block; vertical-align: top;}
.faq .tab_product_menu .list ul li{line-height: 1.75em;}
.faq .tab_product_menu .list ul li a{display: block; font-size: 13px;}
.faq .tab_product_menu .list ul li a.active{ color: #2C7CD8;}

/* support - inquiry */
.support.inquiry .sec2 h3{margin:0 17.5px 18px;}
.support.inquiry .sec2 h3 + .sec_inner{padding:0;}
.support.inquiry .sec2 h3 + .sec_inner .sec_txt,
.support.inquiry .sec2 h3 + .sec_inner .form_desc{padding:0 17.5px;}
.support.inquiry .form_desc{margin:10px 0;}
.support.inquiry .more_banner{overflow:hidden;padding:15px;border:1px solid #ccc;text-align:center;}
.support.inquiry .more_banner .sec_txt{margin-bottom:15px;}
.support.inquiry .tab_list{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;/*justify-content:space-around;*/}
.support.inquiry .tab_list li{margin:0 0.75% 1.5%;width:24%;border:1px solid #ccc;box-sizing:border-box;}
.support.inquiry .tab_list li a{display:block;padding:60px 0 5px;width:100%;min-height:82px;font-size:14px;text-align:center;box-sizing:border-box;background-position:center 30%;background-repeat:no-repeat;background-size:40px auto;}
/* .support.inquiry .tab_list li:first-child{margin-left:0;} */
.support.inquiry .tab_list li.active a{color:#fff;background-color:#043285;border:0;}

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

.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);}
.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);}
.support.inquiry .tab_list .tab7 a{background-image:url(/resources/images/jp/support/ico_inquiry_07.png);}
.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 form */
.support.inquiry .privacy_form{margin-bottom:40px;}
.support.inquiry .privacy_form h5{margin-bottom:20px;font-size:16px;color:#333;font-weight:400;}
.support.inquiry .privacy_form h6{margin-bottom:8px;font-size:15px;font-weight:200;color:#2C7CD8;}
.support.inquiry .privacy_form .agree_box{overflow:hidden;}
.support.inquiry .privacy_form .agree_box .tit{color:#2C7CD8;}
.support.inquiry .privacy_form .agree_box .dot_list{margin-bottom:10px;}
.support.inquiry .step2_default{margin:0 17.5px;padding:40px;text-align:center;background-color:#f3f3f3;font-size:15px;}
.support.inquiry .info_form .select select{margin-bottom:10px;width:100%;background-color:#fff;}
.support.inquiry .agree_area .agree{display:inline-block; width:86px; vertical-align:top; margin-right:10px;}
.support.inquiry .agree_area .agree label{margin-left:5px;}
.support.inquiry .agree_area .agree input{vertical-align:text-bottom;}
.support.inquiry .agree_area .agree *{display:inline-block; vertical-align:top;}

.support.inquiry .sec_txt.btn_wrap p{color:#2C7CD8;}
.support.inquiry .sec_txt.btn_wrap .btn{margin:15px 0; width:auto; padding:0 10px;}
.support.inquiry .privacy_form .agree_box .agree_desc {margin-bottom: 15px;}
.support.inquiry .basic_table tbody th{font-weight:600; line-height: 1.6em;}

/* 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 select{width:100%;}
.support.inquiry.careers .email_area{border-top:1px solid #666; background-color:#f3f3f3; padding:45px 17.5px; box-sizing:border-box; text-align:center;}
.support.inquiry.careers .email_area p{text-align:center; font-size:15px; color:#333; letter-spacing:-0.05em; font-weight:400;}
.support.inquiry.careers .email_area p + p{margin-top:15px;}
.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:12px 15px; box-sizing:border-box; margin-top:15px;}
.support.inquiry.careers .email_area .email_list ul li{text-align:left; font-size:15px; color:#333; letter-spacing:-0.05em; font-weight:400;}

/* support - sales_partners */
.sales_partners .section h3:after { display:none; }
.sales_partners .section h5 {padding-bottom: 18px; margin: 60px 0 18px; font-size: 17px; font-weight: 400;}
.sales_partners .select_cont{display:none;}
.sales_partners .select_cont.active{display:block;}
.sales_partners .select_cont .section:last-child{margin-bottom:0;}
.sales_partners .basic_table{margin-bottom:10px;border-bottom:1px solid #ccc;}
.sales_partners .basic_table tbody tr:first-child th,
.sales_partners .basic_table tbody tr:first-child td{border-top:1px solid #ccc;}
/* table first, last 부분만 border 추가 start */
.sales_partners .basic_table.first tr:first-child th,
.sales_partners .basic_table.first tr:first-child td{border-top:1px solid #000;}
.sales_partners .basic_table.last{border-bottom:1px solid #000;}
/* table first, last 부분만 border 추가 end */
.sales_partners .basic_table tbody td{text-align:left;}
.sales_partners .basic_table tbody td p a{width:100px; margin-top:10px;}
.sales_partners .basic_table tbody td .email{padding-left:51px;}
.sales_partners .txt_box{padding:25px; background:#f3f3f3;}
.sales_partners .txt_box p{line-height:23px; font-size:14px; word-break: keep-all;}

/* support - buy now */
.buy_now .more_banner{overflow:hidden; margin-bottom:40px; padding:15px; border:1px solid #ccc; text-align:center;}
.buy_now .more_banner p{margin-bottom:15px;width:100%;line-height:22px;}

/* support - cert */
.cert h4{margin:60px 0 15px;font-size:18px;color:#333;}
.cert h4.type1{margin-top:0;}
.cert.stewardship h4{margin-top:0;font-size:15px;;font-weight:400}
.cert h5{margin-bottom:15px;font-size:15px;font-weight:400}
.cert .basic_table thead tr th:nth-child(3),
.cert .basic_table thead tr th:nth-child(4){border-bottom:1px solid #ccc;}
.cert .eco_img{padding-top:15px;}
.cert .eco_img img{width:44px; height:auto;}
.cert .section .sec_inner:last-child{margin-bottom:0;}

/* support - cert_popup */
.cert_popup .pop_inner{margin-left:-375px;padding:60px 67px;width:750px;height:690px;}
.cert_popup .pop_tit{margin-bottom:40px;padding-bottom:18px;font-size:38px;color:#000;font-weight:400;border-bottom:2px solid #000;}
.cert_popup .content{overflow:hidden;width:100%;}
.cert table tbody .btn_cert_popup:after{display:inline-block; vertical-align:middle; width:12px; height:12px; margin-left:10px; background:url(/resources/images/jp/common/ico_on_air.png) left top no-repeat; background-size:100% auto; content:""; }

/* support - stewardship */
.stewardship table tbody td p,
.stewardship table tbody td li{font-size:13px;}
.stewardship .section .sec_inner:last-child{margin-bottom:0;}

/* support - library */
.library h4{margin-bottom:15px;font-size:15px;color:#666;font-weight:400}
.library a.download{overflow:hidden; display:inline-block;width:100%;min-height:25px;color:#333;text-align:left; text-indent:-9999px; background:url(/resources/images/jp/common/btn_download_off.gif) center center no-repeat;background-size:25px auto;}

/* support - catalog */
.catalog .catalog_list{overflow:hidden; margin-bottom: 30px;}
.catalog .catalog_list:last-child {margin-bottom: 0;}
.catalog .catalog_list li{float:left;margin:30px 0 0 5%;width:47.5%;}
.catalog .catalog_list li:nth-child(odd){margin-left:0;}
.catalog .catalog_list li:nth-child(1),
.catalog .catalog_list li:nth-child(2){margin-top:0;}
.catalog .catalog_list li .caption {display: block; margin-bottom: 10px; font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.25px; color: #666;}
.catalog .catalog_list li .thumb_img{margin-bottom:10px;width:100%;min-height:226px;border:1px solid #ccc;box-sizing:border-box;}
.catalog .catalog_list li .btn_download{width:100%;text-align:left;padding:0 6px;box-sizing:border-box;font-size:13px;}
.catalog .catalog_list li .btn_download:after{float:right;}
.catalog .info_txt{overflow:hidden;margin-top:20px;padding-top:15px;font-size:13px;border-top:1px solid #ccc;}
.catalog .info_txt a{display:inline-block;float:right;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 10px no-repeat;}
.software .dot_list li:first-child{margin-top:0;}
.software .box_area{overflow:hidden;margin-bottom:30px;padding:15px 20px;background-color:#f3f3f3;}
.software .box_area .btn_download{margin-top:15px;width:auto;}

/* support - software_popup */
.software_popup .pop_inner{padding:50px 20px;}
.software_popup .pop_top{margin-bottom:30px;}
.software_popup .pop_tit{margin-bottom:0; font-size:20px; font-weight:400; }
.software_popup .agree_box{margin-bottom:40px;padding:15px;border:1px solid #ccc;text-align:left;}
.software_popup .agree_box h2{margin-bottom:15px;font-size:18px;color:#333;}
.software_popup .agree_box dl{overflow:hidden;margin-bottom:15px;}
.software_popup .agree_box dl.last{margin-bottom:0;}
.software_popup .agree_box dl dt{float:left;width:5%;line-height:1.6em}
.software_popup .agree_box dl dd{float:left;width:95%;}
.software_popup .agree_area{overflow:hidden;text-align:center;}
.software_popup .agree_area .agree_txt{margin-bottom:15px;font-size:18px;color:#333;font-weight:400;line-height:1.25em;}
.software_popup .agree_area .agree_txt + .agree{margin-right:30px;}
.software_popup .agree_area .agree{display:inline-block; vertical-align:top;}
.software_popup .agree_area .agree label{margin-left:5px;}
.software_popup .agree_area .agree *{display:inline-block; vertical-align:middle;}

/* support - technical */
.technical .desc_area{padding:20px; margin-bottom:40px; background:#f3f3f3; color:#666;}
.technical .desc_area li{margin-bottom:14px;}
.technical .desc_area li:last-child{margin-bottom:0;}
.technical .srch_area{position:relative; width:100%; margin-bottom:40px; padding-right:45px;}
.technical .srch_area > * { vertical-align:top; }
.technical .srch_area input[type="text"]{width:100%;}
.technical .srch_area .srch_btn{position:absolute; top:0; right:0; width:40px; height:40px; z-index:100; background:#043285 url(/resources/images/jp/common/ico_search.png) 50% 50% no-repeat; background-size:15.5px auto;}
.technical .srch_area .refresh_btn{display:none; position:absolute; top:15px; right:15px; width:40px; height:40px; z-index:100; border:1px solid #ccc; background:#fff url(/resources/images/jp/common/ico_refresh.png) 50% 50% no-repeat; background-size:17px auto;}
.technical .basic_table thead th, .technical .basic_table tbody td { padding:15px; }
.technical .basic_table tbody td a { display:block; text-align:left; }
.technical.view .basic_table .date_area.txt { font-weight:600; }
.technical.view .basic_table .date_area.num { border-left:0; color:#666; }
.technical.view .basic_table .tit_area, .technical.view .basic_table .date_area.num, .technical.view .basic_table .cont_area { text-align:left; }
.technical.view .basic_table .tit_area { font-size:18px; }
.technical.view .basic_table .cont_area { padding:40px 15px; }
.technical.view .btn_center { margin-top:30px; }

/* support - counterfeit-product-disclaimer */
.cp_discm .txt_box{padding:25px; background:#f3f3f3;}
.cp_discm .txt_box p{line-height:23px; font-size:14px;}
.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;}

/* edi */
.edi .txt_box{padding:25px; margin-bottom:40px; background:#f3f3f3; text-align:left;}
.edi .sec_txt{margin-bottom:20px;}
.edi .infra_box{margin-top:40px;}
.edi .key_info{padding:20px;border:1px solid #ccc;}
.edi .key_info .desc{font-size:14px;}
.edi .key_info .key_name{display: block; padding-left: 35px; font-size:14px; line-height:1.17em; background:url(/resources/images/jp/support/ico_key.png) left center no-repeat;background-size:22.5px auto;}
.edi .key_info .key_name span{display:block;}
.edi .key_info .info{width:100%;margin:10px 0;font-size: 0;}
.edi .key_info .info li{display:inline-block; width: 50%; font-size:14px; line-height:1.17em; vertical-align:middle;}
.edi .key_info .info li:nth-child(1){padding-right:15px;border-right:1px solid #ccc;}
.edi .key_info .info li:nth-child(2){padding-left:15px;}
.edi .key_info .info li span{display:block;}
.edi .key_info .btn_area .btn_download{width:45%;}
.edi .point_info{padding:20px;border:1px solid #ccc;}
.edi .point_info .info{overflow:hidden;}
.edi .point_info .info li{margin-bottom:15px;}
.edi .point_info .info li:last-child{margin-bottom:0;}

/* payment */
.payment .sec_txt{text-align:center;}
.payment .box_area{margin:20px 0;padding:20px 15px;background:#f3f3f3;}
.payment .box_area dl{overflow:hidden;margin-bottom:15px;}
.payment .box_area dl dt{float:left;width:24%;color:#333;font-weight:400;}
.payment .box_area dl dd{float:left;width:76%;line-height:100%;}
.payment .box_area dl dd a{display:block; width:150px; margin-bottom:10px;}
.payment .box_area dl.type1{margin-bottom:0;}
.payment .box_area dl.type1 dt{float:none;width:100%;}
.payment .box_area dl.type1 dd{float:none;width:100%;padding-top:10px;}
.payment .box_area dl.type1 dd a:last-child{margin-bottom:0;}
.payment .btn_center{margin-top:30px;}
.payment .btn_download.blue{width:216px;background:#043285;}
.payment .basic_table{margin-bottom:30px;}
.payment .btn_center a{margin-bottom:10px;}

/* support - inquiry_eval */
.inquiry_eval .basic_table tbody td{text-align:left;}
.inquiry_eval .info_form{border-top:0;}
.inquiry_eval .info_form_list .tit{margin-bottom:20px; font-size:16px; font-weight:400; line-height:1.3em;}
.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-bottom:18px; margin-right:45px; line-height:1.3em;}
.inquiry_eval .satisfaction_list li:last-child{margin-right:0;}
.inquiry_eval .satisfaction_list li.last{margin-bottom:0;}


/* etc, guide - common */
/* guide - homepage */
.lnb + .privacy_select_area{margin-top:-20px;}
.privacy_select_area{width:100%; margin-bottom:40px; box-sizing:border-box;}
.privacy_select_area select{width:100%;}
.privacy .btn_area{padding-top:30px; text-indent:0;}
.privacy .btn_area a{display:table; vertical-align:middle; width:100%; height:40px; padding:10px 25px; margin-bottom:10px; background:#fff; border:1px solid #333; text-align:center; line-height:1.3em; color:#333; box-sizing:border-box;}
.privacy .btn_area a span{display:table-cell; vertical-align:middle;}
.privacy .btn_area a:after{display:inline-block; vertical-align:top; width:4px; height:100%; margin-left:8px; background:url(/resources/images/jp/common/btn_arrow_ico_g.png) 50% 50% no-repeat; background-size:4px auto; content:"";}
.privacy .btn_area a:last-child{margin-bottom:0;}

/* search 통합검색 삭제영역 */
.search_section{width:100%; padding:0 17.5px; box-sizing:border-box;}
.search #content{padding:100px 0 80px;}
.search_section .tab{margin-bottom:0;}
.search_section .no_data_area{margin-top:40px; padding:38px 15px; border-top:2px solid #333; border-bottom:1px solid #ccc;}
.search_section .no_data_area .tit{font-size:18px; line-height:1.3em; font-weight:400; color:#333;}
.search_section .no_data_area .tit + ul{padding-top:18px;}
.search_section .no_data_area li{position:relative; margin-bottom:4px; padding-left:10px; line-height:1.5em; font-size:15px; 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_wrap{padding-top:40px;}
.search_section .tab_inner_wrap .tab_inner{display:none;}
.search_section .tab_inner_wrap .tab_inner.on{display:block;}
.search_section .tab_inner_wrap .tabpanel{display:block; margin-bottom:30px;}
.search_section .tab_inner_wrap .tabpanel:last-child{margin-bottom:0;}
.search_section .srch_area{position:relative; width:100%; padding-right:45px; margin-bottom:20px;}
.search_section .srch_area .srch_input{width:100%; height:40px; padding:0 15px; line-height:40px; font-size:15px; border:1px solid #043285;}
.search_section .srch_area .srch_btn{position:absolute; top:0; right:0; width:40px; height:40px; background:url(/resources/images/jp/common/search_srch_ico.png) 50% 50% no-repeat #043285; background-size:14.5px auto;}
.search_section .srch_tit{overflow:hidden; margin-bottom:8px;}
.search_section .srch_tit .tit_area{float:left; width:auto; max-width:73%; padding-top:10px; word-break:break-word; word-wrap:break-word;}
.search_section .srch_tit .btn{float:right; min-width:75px;}
.search_section .srch_tit h2{display:inline-block; vertical-align:middle; font-size:18px; font-weight:400; line-height:1em; color:#000;}
.search_section .srch_tit .result{display:inline-block; vertical-align:bottom; margin-left:13px; font-size:13px; color:#666;}
.search_section .srch_inner{width:100%; padding:18px 20px; border:1px solid #ccc; box-sizing:border-box;}
.search_section .srch_list li{padding-bottom:13px; margin-bottom:13px; 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:block; position:relative; word-break:break-word; word-wrap:break-word;}
.search_section .srch_list li a,
.search_section .srch_list li h3{font-size:15px; font-weight:400; line-height:1.2em; color:#000;}
.search_section .srch_list li h3{overflow:hidden; display:-webkit-box; max-height:2.4em; padding-right:70px; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.search_section .srch_list li p{overflow:hidden; display:-webkit-box; max-height:3.9em; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; font-size:13px; line-height:1.3em; font-weight:400; color:#666;}
.search_section .srch_list li h3 + p{margin-top:8px;}
.search_section .srch_list li .date{position:absolute; right:0; top:3px; font-size:13px; color:#666;}
.search_section .tabpanel[data-type="tab_newsroom"] .srch_list li a{padding-right:56px;}

/* //search 통합검색 삭제영역 */

/* 통합검색 리뉴얼 */
.search #content{padding:120px 0 80px;}
.search_n{width:100%;}

.search_n .nodata_result_wrap{padding:0 14px;}
.search_n .nodata_result_wrap .search_result_info{margin-bottom:33px;}
.search_n .search_desc{padding:30px; margin-bottom:60px; background:#f6f6f6;}
.search_n .search_desc ul{}
.search_n .search_desc li{padding-left:13px; margin-bottom:10px; font-size:14px; line-height:1.2; text-indent:-13px; 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:100px;}
.search_n .support_sec .sec_inner{overflow:hidden;}
.search_n .support_sec .sec_inner a{display:block; position:relative; padding:18px 25px; margin-bottom:10px; border:1px solid #a7a7a7; border-radius:9px; box-sizing:border-box; color:#222;}
.search_n .support_sec .sec_inner a:last-child{padding:29px 25px; margin-bottom:0;}
.search_n .support_sec .sec_inner a:after{position:absolute; right:20px; top:50%; width:20px; height:20px; margin-top:-10px; background:url(/resources/images/jp/common/search_product_bull.png) 0 0 no-repeat; background-size:40px; content:"";}
.search_n .support_sec .sec_inner strong{display:block; margin-bottom:5px; font-size:20px; line-height:1;}
.search_n .support_sec .sec_inner p{font-size:14px;}
.search_n .recommend_sec{}
.search_n .recommend_sec .sec_inner{margin-bottom:50px;}
.search_n .newsletter_banner{padding:20px; background:#2c7cd8;border-radius:9px;}
.search_n .newsletter_banner > div{color:#fff;}
.search_n .newsletter_banner > div.left{margin-bottom:15px;}
.search_n .newsletter_banner > div.left h3{margin-bottom:7px; font-size:20px; color:#fff;}
.search_n .newsletter_banner > div.left p{font-size:14px;}
.search_n .newsletter_banner > div.right a{display:inline-block; width:38%; padding:14px 0; margin-left:2%; border:1px solid #fff; border-radius:24px; box-sizing:border-box; font-size:14px; text-align:center; line-height:1; color:#fff;}
.search_n .newsletter_banner > div.right a:first-child{width:60%; 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; background-size:8px; vertical-align:-2px; content:"";}

.search_n .tab_area{width:100%;}
.search_n .srch_area{padding:0 14px; margin-bottom:40px;}
.search_n .srch_area .input_wrap{height:50px; padding:2px 0 0 15px; margin:0 auto; border:2px solid #2c7cd8; border-radius:25px; box-sizing:border-box;}
.search_n .srch_area .srch_input{width:calc(100% - 60px); height:42px; padding:0 5px; border:0 none; font-size:17px;}
.search_n .srch_area .srch_btn{width:50px; height:42px; background:url(/resources/images/jp/common/search_icon1.png) center center no-repeat; background-size:25px;}
.search_n .search_result_info{padding:0 14px; margin-bottom:33px; font-size:23px; line-height:1.3; text-align:center; color:#222;}
.search_n .search_result_info strong{color:#2c7ddb;}

.search_n .tab_area .tab_inner_wrap{width:100%;}
.search_n .tab_area .tab{padding:0 14px; margin-bottom:60px;}
.search_n .tab_area .tab .tab_txt{border-color:#2c7cd8; color:#2c7cd8;}
.search_n .tab_area .tab .tab_txt:after{width:16px; height:11px; background-image:url(/resources/images/jp/common/lnb_arrow_ico_b_new.png); background-size:32px;}
.search_n .tab_area .tab .tablist{left:14px; width:calc(100% - 28px);}


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

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

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

.search_n .srch_prd_list{}
.search_n .srch_prd_list li{display:table; width:100%; margin-top:10px;}
.search_n .srch_prd_list li:frist-child{margin-top:0;}
.search_n .srch_prd_list li a{display:table-cell; position:relative; padding:29px 20px; background:#fff; border:1px solid #a7a7a7; border-radius:9px; box-sizing:border-box; font-size:18px; font-weight:600; vertical-align:middle; color:#222;}
.search_n .srch_prd_list li a:after{position:absolute; right:20px; top:50%; width:18px; height:18px; margin-top:-9px; background:url(/resources/images/jp/common/search_product_bull.png) 0 0 no-repeat; background-size:36px; 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:20px; 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{}
.search_n .srch_news_list li{margin-bottom:30px; border:none; border-bottom:3px solid transparent; box-sizing:border-box;transition:all .3s;}
.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:table; width:100%;}
.search_n .srch_news_list li a:focus{outline:2px solid #000000;}
.search_n .srch_news_list .img_area{overflow:hidden; display:table-cell; width:180px; height:100px; margin-right:20px; border-radius:4px; vertical-align: middle;}
.search_n .srch_news_list .img_area img{width:auto; min-width:100%; height:100%;}
.search_n .srch_news_list .txt_area{display:table-cell; width:calc(100% - 180px); padding-left:20px; box-sizing:border-box; word-wrap:break-word; word-break:keep-all; vertical-align: middle;}
.search_n .srch_news_list .txt_area p{overflow:hidden; max-height:70px;  margin-top:8px; font-size:17px; font-weight:600; line-height:1.35; color:#000; display:-webkit-box; -webkit-line-clamp:3; -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:14px; font-weight:600; line-height:1;}
.search_n .srch_news_list .txt_area .cate:after{display:inline-block; width:2px; height:12px; margin-left:10px; 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:13px; vertical-align:1px; color:#666;}

.search_n .srch_ce_list{}
.search_n .srch_ce_list > li{margin-top:10px;}
.search_n .srch_ce_list > li:first-child{margin-top:0;}
.search_n .srch_ce_list > li .tit{display:block; margin-bottom:15px;}
.search_n .srch_ce_list > li .tit span{display:inline-block; margin-right:10px; font-size:18px; font-weight:600; line-height:1.3; word-break:break-word; color:#222;}
.search_n .srch_ce_list > li .tit span:before{display:inline-block; width:1px; height:15px; margin-right:10px; background:#a7a7a7; vertical-align:-1px; content:"";}
.search_n .srch_ce_list > li .tit span:first-child:before{margin-right:0; content:none;}
.search_n .srch_ce_list > li .info > li{margin-bottom:10px; font-size:14px; line-height:1; color:#666;}
.search_n .srch_ce_list > li .info > li:last-child{margin-bottom:0;}
.search_n .srch_ce_list > li a{position:relative; display:block; padding:25px; border:1px solid #a7a7a7; border-radius:9px; box-sizing:border-box;}
.search_n .srch_ce_list > li a:after{position:absolute; right:29px; bottom:33px; width:23px; height:20px; background:url(/resources/images/jp/common/search_certificate_icon.png) 0 0 no-repeat; background-size:46px; 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 .table_wrap{position:relative;}
.search_n .table_wrap:after{position:absolute; left:50%; top:50%; width:76px; height:35px; margin-left:-38px; margin-top:-17px; background:url(/resources/images/jp/common/scroll_ico.png) 0 0 no-repeat; background-size:73px; content:"";}
.search_n .table_wrap.on:after{content:none;}
.search_n .basic_table2{min-width:600px; border-bottom-color:#ccc;}
.search_n .basic_table2 thead th{padding:13px 5px; background-color:#f6f6f6; border-top-width:2px; border-top-color:#2c7cd8; font-size:15px; color:#222;}
.search_n .basic_table2 tbody th,
.search_n .basic_table2 tbody td{background:#fff; font-size:14px; font-weight:normal; color:#666;}
.search_n .basic_table2 tbody td{padding:16px 5px;}
.search_n .basic_table2 a.download{overflow:hidden; display:inline-block; width:20px; height:20px; background:url(/resources/images/jp/common/search_certificate_icon2.png) 0 0 no-repeat; background-size:20px; text-indent:-9999px;}


.search_n .srch_list{}
.search_n .srch_list li{border-bottom:1px solid #cccccc;}
.search_n .srch_list li a{display:block; padding:25px 0;}
.search_n .srch_list li:first-child a{padding-top:0;}
.search_n .srch_list li strong{display:block; margin-bottom:8px; font-size:20px; font-weight:600; color:#222;}
.search_n .srch_list li p{overflow:hidden; display:-webkit-box; max-height:2.6em; font-size:14px; line-height:1.3em; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#666;}
.search_n .srch_news_list1 a{position:relative;}
.search_n .srch_news_list1 strong{padding-right:80px;}
.search_n .srch_news_list1 .date{position:absolute; right:0; top:25px; font-size:13px; color:#666;}
.search_n .srch_news_list1 li:first-child .date{top:0;}

.search_n .accordion_list{border-top:0 none;}
.search_n .accordion_list button{padding:25px 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:20px; font-weight:600;}
.search_n .accordion_list .on .acco_tit{color:#2c7ddb;}
.search_n .accordion_list .btn_acco .acco_tit:after{right:0; width:16px; height:10px; background:url(/resources/images/jp/common/search_accodion_list_ico.png) 0 0 no-repeat; background-size:33px;}
.search_n .accordion_list li:first-child .acco_panel{display:block;}
.search_n .accordion_list .acco_panel{padding:17px 0; background:none; border:0 none; font-size:14px; color:#666;}
.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,
.search_n .paging .bar{display:inline-block; padding:5px; margin:0 5px; margin-top:-5px; font-size:16px; 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 .bar{padding:0 10px;}
.search_n .paging .first,
.search_n .paging .last,
.search_n .paging .prev,
.search_n .paging .next{overflow:hidden; width:40px; height:40px; margin-top:0; margin-left:6px; 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; background-size:160px; box-sizing:border-box; text-indent:-9999px; font-size:0; line-height:54px;}
.search_n .paging .first{margin-left:0; background-position:0 0;}
.search_n .paging .prev{margin-right:20px; background-position:-40px 0;}
.search_n .paging .next{margin-left:20px; background-position:-80px 0;}
.search_n .paging .last{background-position:-120px 0;}
/* //통합검색 리뉴얼 */

/* search entire */
.entire .search_section .tab_inner_wrap{padding-top:30px;}

/* security_report */
.security_report .cont_top,
.security_report .form_desc{padding:0 17.5px;}
.security_report .privacy_form .agree_desc{margin-bottom:15px;}
.security_report .privacy_form .agree_chk{margin-top:15px;}

/* renewalsurvey */
.renewalsurvey .content{padding-top:40px;}
.renewalsurvey .visual_section{position:relative; margin-top:60px; padding-top:0; background:#d9eaf1;}
.renewalsurvey .visual_section .visual_inner{padding:11% 17px 0; width:100%; height:auto; }
.renewalsurvey .visual_section h2{position:static; margin-bottom:20px; height:auto; font-size:30px; font-weight:600; line-height:1.2; color:#043285; text-align:center; transform:none;}
.renewalsurvey .visual_section p{font-size:15px; text-align:center; color:#555;}
.renewalsurvey .visual_section .visual_inner .txt1{margin-bottom:15px;}
.renewalsurvey .visual_section .visual_inner .txt2{color:#888; font-size:13px;}
.survey_section{padding:0 17.5px;}
.survey_section h3{margin-bottom:15px; font-size:19px; font-weight:600; line-height:1.42; letter-spacing:-0.5px; color:#333; text-indent:-20px; margin-left: 20px;}
.survey_section h3 span{font-size:16px;}
.survey_section .sec_inner{margin-bottom:60px;}
.survey_section .sec_inner.last{margin-bottom:0;}
.survey_section .agree_radio{margin-bottom:27px;}
.survey_section .agree_radio span{display:inline-block; vertical-align:top; margin-right:35px; line-height:1; margin-bottom:15px;}
.survey_section .sec_inner2 h3, .survey_section .sec_inner3 h3 { margin-bottom:10px; }
.survey_section .sec_inner2 .agree_radio span, .survey_section .sec_inner3 .agree_radio span, .survey_section .sec_inner4 .agree_radio span, .survey_section .sec_inner5 .agree_radio span{margin-right:0; display:block;}
.survey_section .sec_inner2 .agree_radio span, .survey_section .sec_inner3 .agree_radio span{margin-bottom:0; width:auto;}
.survey_section .sec_inner2 .agree_radio span *, .survey_section .sec_inner3 .agree_radio span *{line-height:35px;}
.survey_section .sec_inner5 .agree_radio span label, .survey_section .sec_inner6 .agree_radio span label{ width:calc( 100% - 25px ); vertical-align:top;}
.survey_section .agree_radio span input[type="text"]{width:155px; height:35px; margin-left:10px;}

.survey_section .agree_radio span:last-child{margin-right:0;}
.survey_section .agree_radio span *{display:inline-block; vertical-align:middle; line-height:24px;}
.survey_section .agree_radio input[type="radio"]{width:14px; height:14px;}
.survey_section .agree_radio label{margin-left:8px; font-size:14px; line-height: 1.42; vertical-align:middle;}
.survey_section .agree_box textarea{width:100%;}
.survey_section .btn_center{padding-top:30px;}
/* renewalsurvey 2차 */
.renewalsurvey2 .content{padding-top:calc(100% + 90px);}
.renewalsurvey2 .visual_section{padding-top:100%;}
.renewalsurvey2 .survey_section .survey_desc{margin-bottom:35px; text-align:center;}
.renewalsurvey2 .survey_section .survey_desc:before{content:""; display:block; width:85%; height:1px; margin-left:15%; background-color:#ccc;}
.renewalsurvey2 .survey_section .survey_desc:after{content:""; display:block; width:85%; height:1px; background-color:#ccc;}
.renewalsurvey2 .survey_section .survey_desc .inner{position:relative; padding:40px 9px;}
.renewalsurvey2 .survey_section .survey_desc .inner:before{content:""; position:absolute; left:0; top:0; width:28px; height:23px; background:url(/resources/images/jp/common/2020survey_ico.png) 0 0 no-repeat; background-size:60px 100%;}
.renewalsurvey2 .survey_section .survey_desc .inner:after{content:""; position:absolute; right:0; bottom:0; width:28px; height:23px; background:url(/resources/images/jp/common/2020survey_ico.png) -32px 0 no-repeat; background-size:60px 100%;}
.renewalsurvey2 .survey_section .survey_desc .desc_txt1{margin-bottom:18px; font-size:17px; font-weight:600;}
.renewalsurvey2 .survey_section .survey_desc .desc_txt2{margin-bottom:18px; color:#666;}
.renewalsurvey2 .survey_section p.tit_txt{margin-bottom:35px; line-height:23px; font-size:14px; color:#666; text-align:center;}
.renewalsurvey2 .survey_section .btn_l{width:180px;}
.survey_section .agree_radio{margin-bottom:18px;}

@media (max-width:320px){
    .newsroom.re_news .news_banner .sns_btn span { font-size:13px; }
    .newsroom.re_news .news_banner .sns_list li { width:48%; }
}

/* SNS Share */
.sns_wrap{position: relative; width: 100%; height: 40px; margin: 0 auto 14px; padding:0 17.5px; text-align: right; font-size: 0;}
.sns_wrap:after{content: ''; display: table; clear: both;}
.sns_wrap .sns_share{position: relative; display: inline-block; vertical-align: middle;}
.sns_wrap .btn_share{position: relative; float: right; width:40px; height: 40px; background:#f3f3f3 url(/resources/images/jp/common/sns/ico_share.png) 50% 50% no-repeat; background-size: 15px auto; 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; background-size: 12px auto;}
.sns_wrap .sns_list{display: none; position: relative; height: 40px; border: 1px solid #ccc; border-right: 0;}
.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: 40px; height: 40px; margin:0; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: 17px auto; 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.facebook{background-image: url(/resources/images/jp/common/sns/icon_facebook.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.linkedin{background-image: url(/resources/images/jp/common/sns/icon_linkedin.png);}
.sns_wrap .sns_list li .btn_sns.copy{background-image: url(/resources/images/jp/common/sns/icon_copy.png);}

/* 2023리뉴얼 - 기업소개 start */
.new_company #content{padding-top:calc(66.67% + 50px)}
.new_company .section{padding-left:0; padding-right:0;}
.new_company .bottom_banner{background-color:#F6F6F6; padding:80px 0;}
.new_company .bottom_banner .inner{width:100%; padding:0 17.5px; box-sizing:border-box;}
.new_company .bottom_banner h3{font-weight:600;}
.new_company .bottom_banner ul{margin-top:35px;}
.new_company .bottom_banner ul:after{display:block; clear:both; content:"";}
.new_company .bottom_banner ul li{width:100%}
.new_company .bottom_banner ul li + li{margin-top:20px;}
.new_company .bottom_banner ul li a{border:1px solid #CCC; border-radius:10px; overflow:hidden; display:block; padding:30px; background:#fff; font-size:20px; 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_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:45px; 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:14px; 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:100%; padding:0 17.5px; box-sizing:border-box;}
.new_ceo_message .sec1{margin-bottom:50px;}
.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:80px; position:relative;}
.new_ceo_message .sec2 .bg{width:0; height:100%; position:absolute; right:0; top:225px; transition:1s; opacity:0; background-color:#F3F3F3; z-index:-1;}
.new_ceo_message .sec2 .inner .txt_area{padding-top:40px; box-sizing:border-box;}
.new_ceo_message .sec2 .inner .txt_area p{font-size:15px; color:#333; font-weight:300; line-height:1.5; word-break:keep-all; 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:16px; color:#000; margin-bottom:30px;}
.new_ceo_message .sec2 .inner .txt_area p.tit b{font-weight:600;}
.new_ceo_message .sec2 .inner .txt_area .desc{margin-top:40px; position:relative; text-align:right;}
.new_ceo_message .sec2 .inner .txt_area .desc p{font-size:15px; color:#333; font-weight:600; line-height:1.5; margin-bottom:15px;}
.new_ceo_message .sec2 .inner .txt_area .desc i{display:inline-block; vertical-align:top; width:132px;}
.new_ceo_message .sec2 .inner .img_area{width:100%;}
.new_ceo_message .sec2 .inner .img_area .img{width:100%; border-radius:20px; overflow:hidden; transition:1s; transform:translateY(8%); opacity:0; transition-delay:0.2s;}
.new_ceo_message .sec2 .bg.active{width:100%; opacity:1;}
.new_ceo_message .sec2 .bg.active + .inner .txt_area p{transform:translateX(0); opacity:1;}
.new_ceo_message .sec2 .inner .img_area.active .img{transform:translateY(0); opacity:1;}

/* 연혁 및 수상실적 */
.new_history_award .section{width:100%; margin:0 auto;}
.new_history_award .section:last-child .lnb_cont{padding-bottom:0;}
.new_history_award .section .inner{width:100%; padding:0 17.5px; box-sizing:border-box;}
.new_history_award .sec_top{text-align:center;}
.new_history_award .sec_top h3{font-weight:300; line-height:1.5; padding-bottom:0;}
.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 .new_tab_btn{margin:60px 0 15px;}
.new_history_award .lnb_wrap{height:81px;}
.new_history_award .lnb_wrap .lnb_tab{background:#fff; padding:17.5px; margin:0; position:relative; z-index:10;}
.new_history_award .lnb_wrap .lnb_tab.active{box-shadow:10px 10px 10px rgba(0,0,0,0.1); position:fixed; top:60px; left:0; width:100%;}
.new_history_award .lnb_wrap .lnb_tab .lnb_txt{font-size:15px; height:46px; line-height:46px;}
.new_history_award .lnb_wrap .lnb_tab .lnb_list{top:63.5px;}
.new_history_award .lnb_wrap .lnb_tab .lnb_list li a{font-size:15px; height:46px; line-height:46px;}
.new_history_award .lnb_cont{position:relative; background:#fff; padding:17.5px 0 74px; box-sizing:border-box;}
.new_history_award .lnb_cont h3{font-size:24px; color:#2C7CD8; font-weight:600; line-height:1; padding-bottom:0; margin-bottom:40px;}
.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:26px 0; 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:17px; 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{font-size:17px; color:#333; font-weight:300;}
.new_history_award .lnb_cont .year_area li dl dd{padding-top:25px;font-size:17px; 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:74px;}
.new_history_award [class*='sec_bg']{padding:0 17.5px; height:200px; margin-bottom:82.5px; overflow:hidden; position:relative;}
.new_history_award [class*='sec_bg'] .bg{width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:top center; border-radius:10px; overflow:hidden; opacity:0; transform:translateY(10%); transition:0.5s;}
.new_history_award [class*='sec_bg'].active .bg{opacity:1; transform:translateY(0);}
.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-bottom: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:100%; padding:0 17.5px; box-sizing:border-box;}
.new_overview .sec1{padding-bottom:80px;}
.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:50px auto; transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec1 .info_area strong{display:block; font-size:16px; color:#000; font-weight:600; line-height:1.5; word-break:keep-all; margin-bottom:30px;}
.new_overview .sec1 .info_area p{font-size:15px; color:#333; font-weight:300; margin-top:20px; word-break:keep-all;}
.new_overview .sec1.active .info_area{transform:translateY(0); opacity:1;}
.new_overview .sec1 .icon_txt_area{margin-bottom:80px;}
.new_overview .sec1 .icon_txt_area ul li{width:100%; display:flex; align-items:center; padding:20px 15px; box-sizing:border-box;}
.new_overview .sec1 .icon_txt_area ul li + li{border-top:1px solid #E0E0E0}
.new_overview .sec1 .icon_txt_area ul li dl{padding-left:30px;}
.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:15px; color:#666; font-weight:300; position:relative; overflow:hidden;}
.new_overview .sec1 .icon_txt_area ul li dl dd{font-size:19px; color:#333; font-weight:600; position:relative; overflow:hidden;}
.new_overview .sec1 .icon_txt_area .icon1{width:70px; height:70px; background:url(/resources/images/jp/about_us/new_overview_sec1_icon1.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon2{width:70px; height:70px; background:url(/resources/images/jp/about_us/new_overview_sec1_icon2.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon3{width:70px; height:70px; background:url(/resources/images/jp/about_us/new_overview_sec1_icon3.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon4{width:70px; height:70px; background:url(/resources/images/jp/about_us/new_overview_sec1_icon4.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon5{width:70px; height:70px; background:url(/resources/images/jp/about_us/new_overview_sec1_icon5.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon6{width:70px; height:70px; background:url(/resources/images/jp/about_us/new_overview_sec1_icon6.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area ul li.active dl span{opacity:1; transform:translateY(0);}
.new_overview .sec1 .banner{width:100%;}
.new_overview .sec1 .banner a{width:100%; display:block; padding:105px 30px 30px; 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:24px; color:#fff; font-weight:300;}
.new_overview .sec1 .banner a strong i{margin-left:10px; 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:15px; color:#DDD; font-weight:300; margin-top:20px; word-break:keep-all;}
.new_overview .sec1 .banner a:focus{outline:2px solid #000;}
.new_overview .sec2{padding:80px 0; 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;}
.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:16px; color:#ddd; font-weight:300;}
.new_overview .sec2 ul{margin-top:40px;}
.new_overview .sec2 ul li{width:100%; box-sizing:border-box; padding:35px 30px 20px; border-radius:20px; border:1px solid rgba(255,255,255,0.5); backdrop-filter: blur(15px); background-color:rgba(255,255,255,0.05); position:relative; opacity:0; transform:translateY(25%); transition:0.7s;}
.new_overview .sec2 ul li + li{margin-top:20px;}
.new_overview .sec2 ul li .txt h4{font-size:24px; color:#fff; font-weight:600; margin:0;}
.new_overview .sec2 ul li .txt p{font-size:15px; color:#fff; font-weight:300; margin-top:15px;}
.new_overview .sec2 ul li .link{margin-top:35px; font-size:0;}
.new_overview .sec2 ul li .link a{width:100%; display:block; font-size:20px; font-weight:600; color:#fff; padding:20px 0; box-sizing:border-box;}
.new_overview .sec2 ul li .link a + a{border-top:1px solid rgba(255,255,255,0.3);}
.new_overview .sec2 ul li .link a:after{content:""; width:17px; height:17px; display:inline-block; vertical-align:middle; margin-left:10px; 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.active .tit{transform:translateY(0); opacity:1;}
.new_overview .sec2 ul li.active{opacity:1; transform:translateY(0);}
.new_overview .sec3{margin:80px auto;}
.new_overview .sec3 h3{font-weight:600; transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec3 .video_wrap{margin-top:30px; 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:32px; height:32px; 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:80px auto 20px;}
.new_overview .sec4 h3{font-weight:600; transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec4 .news_list{margin-top:30px;}
.new_overview .sec4 .news_list:after{display:block; clear:both; content:"";}
.new_overview .sec4 .news_list li{width:100%; box-sizing:border-box; opacity:0; transition:0.7s; transform:translateY(10%);}
.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:100%; padding-top:56.34%; border-radius:10px;}
.new_overview .sec4 .news_list .img_area img{width:100%; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.new_overview .sec4 .news_list .txt_area{position:relative; padding:30px 0 60px; 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; font-size:20px; line-height:1.5;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 10px 0 0; margin-right:8px; line-height:1; font-size:15px; 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:1px; height:7px; background:#ccc; position:absolute; top:5px; 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:15px; letter-spacing:0; color:#666;}
.new_overview .sec4 .news_list .txt_area .sns{overflow:hidden; position:absolute; right:0; bottom:0; width:22.5px; height:22.5px; background-image:url(/resources/images/jp/newsroom/news_sns_ico.png); background-repeat:no-repeat; background-position:0 0; background-size:400% auto; text-indent:-9999px; font-size:1px;}
.new_overview .sec4 .news_list .txt_area .sns.youtube{background-position:-22.5px 0;}
.new_overview .sec4 .news_list .txt_area .sns.blog{background-position:-45px 0;}
.new_overview .sec4 .news_list .txt_area .sns.facebook{background-position:-67px 0;}
.new_overview .sec4.active h3{transform:translateY(0); opacity:1;}
.new_overview .sec4 .news_list li.active{transform:translateY(0); opacity:1;}

/* 미션 및 비전 */
.new_mission-vision #content{padding-bottom: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 .sec1{opacity:0; transition:1s; transition-delay:0.3s; overflow:hidden;}
.new_mission-vision .sec1 h3{transition:1s; transform:translateY(30%); opacity:0; font-weight:600;}
.new_mission-vision .sec1 .arrow{display:block; width:18px; height:22px; margin:20px auto 0; position:relative;}
.new_mission-vision .sec1 .arrow:before{animation:arrowBefore 2.2s 0.2s infinite; content:""; position:absolute; left:50%; bottom:25px; display:block; width:8px; height:8px; 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:25px; display:block; width:8px; height:8px; 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:25px; opacity:0;}
    39%{bottom:10px; opacity:1;}
    100%{bottom:10px; opacity:0;}
}
@keyframes arrowAfter{
    0%{bottom:25px; opacity:0;}
    39%{bottom:1px; opacity:1;}
    100%{bottom:1px; opacity:0;}
}
.new_mission-vision .sec1.active{opacity:1;}
.new_mission-vision .sec1.active h3{transform:translateY(0); opacity:1;}
.new_mission-vision .section{width:100%; margin:0 auto;}
.new_mission-vision .section .inner{width:100%; padding:0 17.5px; box-sizing:border-box;}
.new_mission-vision .sec1 .bg_area{display:flex; align-items:center; flex-wrap:wrap; align-content:center; width:100%; height:100vh; margin-top:45px; box-sizing:border-box; position:relative;}
.new_mission-vision .sec1 .bg_area .bg{transition:0.6s; position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 35px); height:300px; 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; padding: 0 17.5px;}
.new_mission-vision .sec1 .bg_area .txt h4{font-size:17px; color:#ccc; font-weight:600; line-height:1;}
.new_mission-vision .sec1 .bg_area .txt strong{display:block; margin-top:20px; font-size:24px; color:#fff; font-weight:300; line-height:1.5;}
.new_mission-vision .sec1 .bg_area .txt p{margin-top:20px; font-size:12px; color:#888; font-weight:300; line-height:1.5;}
.new_mission-vision .sec1 .bg_area .txt + .txt{margin-top:60px;}
.new_mission-vision .sec1 .bg_area.active .bg{width:102%; height:102%; border-radius:0;}
.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:80px; 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:24px; color:#000; font-weight:600;}
.new_mission-vision .sec2 .tit strong{display:block; margin-top:40px; font-size:24px; color:#000; font-weight:300; line-height:1.5;}
.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:12px; height:12px; 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:15px; color:#000; font-weight:300; margin-top:25px; letter-spacing: -1px;}
.new_mission-vision .sec2 .tit.active{ opacity:1; transform:translateY(0);}
.new_mission-vision .sec2 ul{margin-top:40px;}
.new_mission-vision .sec2 ul li{opacity:0; transform:translateY(30%); transition:1s;}
.new_mission-vision .sec2 ul li .bg_area{width:100%; height:170px; border-radius:10px; overflow:hidden;}
.new_mission-vision .sec2 ul li .bg_area .bg{width:100%; height:100%; background-size:cover; background-position:center; 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:100%; padding:30px 0 60px; box-sizing:border-box; overflow:hidden;}
.new_mission-vision .sec2 ul li .txt_area dl dt strong{display:inline-block; vertical-align:bottom; font-size:28px; color:#000; font-weight:300; line-height:1.3;margin-right:8px; }
.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{display:inline-block; font-size:18px; color:#000; font-weight:300; line-height:1.3;}
.new_mission-vision .sec2 ul li .txt_area dl dd{margin-top:25px;}
.new_mission-vision .sec2 ul li .txt_area dl dd p{font-size:15px; color:#333; font-weight:300;}
.new_mission-vision .sec2 ul li.active{opacity:1; transform:translateY(0);}
.new_mission-vision .sec3{padding:80px 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; margin:40px auto 0; transition:1s; transform:translateY(50%); opacity:0;}
.new_mission-vision .sec3 ul{overflow:hidden; width:100%;}
.new_mission-vision .sec3 ul li{width:100%; padding:20px 10px; border:1px solid #2C7CD8; border-radius:45px; box-sizing:border-box; position:relative;}
.new_mission-vision .sec3 ul li + li{margin-top:45px}
.new_mission-vision .sec3 ul li:before{content:""; width:1px; height:15px; position:absolute; left:50%; top:calc(100% + 16px); background-color:#000; transform:translateX(-50%);}
.new_mission-vision .sec3 ul li:after{content:""; width:15px; height:1px; position:absolute; left:50%; top:calc(100% + 23px); background-color:#000; transform:translateX(-50%);}
.new_mission-vision .sec3 ul li:last-child:before{display:none;}
.new_mission-vision .sec3 ul li:last-child:after{display:none;}
.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; box-sizing:border-box; font-size:16px; color:#000; text-align:center; font-weight:300; line-height:1.4;}
.new_mission-vision .sec3.active .ul_wrap{transform:translateY(0); opacity:1;}

/* 사업장소개 */
.new_location .section{width:100%; margin:0 auto;}
.new_location .section .inner{width:100%; padding:0 17.5px; box-sizing:border-box;}
.new_location .section h4{font-size:22px;}
.new_location .select_cont{display:none;}
.new_location .select_cont.active{display:block;}
.new_location .select_cont .year_area{width:100%;background:url(/resources/images/jp/about_us/bg_history_line.gif) 24% top repeat-y;}
.new_location .select_cont .year_area .year{position:relative;width:26%;font-size:24px;color:#000;font-weight:600;background:url(/resources/images/jp/about_us/bg_history_circle_01.png) right center no-repeat;background-size:13px auto;}
.new_location .select_cont .year_area .month{overflow:hidden;position:relative;margin:0 0 30px 23.5%;width:76.5%;}
.new_location .select_cont .year_area .month dt{float:left;padding-left:7%;width:20%;font-size:15px;color:#000;font-weight:600;background:url(/resources/images/jp/about_us/bg_history_circle_02.png) left center no-repeat;background-size:5px auto;}
.new_location .select_cont .year_area .month dd{float:left;width:80%;}
.new_location .select_cont .year_area .month dd p{padding:0 0 0 10px;background:url(/resources/images/jp/common/bg_list_dot.gif) 4px 10px no-repeat;background-size:2px auto;}
.new_location .select_cont .year_area .year.first::before{position:absolute;right:0;top:0;width:13px;height:13px;content:"";background-color:#fff;}
.new_location .select_cont .year_area .month.last::after{position:absolute;left:0;top:15px;width:15px;height:70px;content:"";background-color:#fff;}
.new_location .company_list{border-top:1px solid #000;border-bottom:1px solid #000;}
.new_location .company_list li{padding:20px 0;border-top:1px solid #ccc;}
.new_location .company_list li:first-child{border-top:none}
.new_location .company_list li dl dt{margin-bottom:8px;font-size:18px;color:#333;font-weight:600;}
.new_location .box_area{margin-bottom:40px;padding:0 17.5px;width:100%;text-align:center;}
.new_location .btn{margin-top:10px; min-width:100px; height:30px; line-height:28px; font-size:13px;}
.new_location .content .box_area {transform: translateY(30%); opacity: 0; transition: 0.7s;}
.new_location .content.active .box_area {transform: translateY(0); opacity: 1;}
.new_location .content .lnb_tab {transform: translateY(10%); opacity: 0; transition: 0.7s;}
.new_location .content.active .lnb_tab {transform: translateY(0); opacity: 1;}
.new_location .content .section.last {transform: translateY(10%); opacity: 0; transition: 0.7s; transition-delay: 0.2s;}
.new_location .content.active .section.last {transform: translateY(0); opacity: 1;}
/* 2023리뉴얼 - 기업소개 end */

/* 2024 서브비주얼 리뉴얼 start */
/* visual_section */
.visual_section{position:absolute; left:0; top:0; width:100%; padding-top:66.67%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.visual_section h2{position:absolute; left:0; top:40%; width:100%; font-size:28px; font-weight:600; line-height:1.2; letter-spacing:-0.05em; text-align:center; color:#222;}

/* 기업정보 */
.new_company .visual_section{background-image:url("/resources/images/jp/common/company_visual_img.jpg?ver=240216");}
.investor_relations .visual_section{background-image:url("/resources/images/jp/common/investor-relations_visual_img.jpg?ver=240216")}
.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 */