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

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

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

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

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

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

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

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


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

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

.txt_box_wrap{width:100%; padding:48px; border:1px solid #ccc; box-sizing:border-box;}
.txt_box_wrap .cont{margin-bottom:38px;}
.txt_box_wrap .cont.last{margin-bottom:0;}
.txt_box_wrap .sub_tit{margin-bottom:27px; font-size:20px; font-weight:600; color:#333;}
.txt_box_wrap .cont_tit{margin-bottom:7px; font-size:16px; font-weight:400; color:#2C7CD8;}
.txt_box_wrap h6{font-weight:400; color:#333;}
.txt_box_wrap p, .txt_box_wrap li{font-size:16px; line-height:1.6em; word-break:keep-all; word-wrap:break-word;}
.txt_box_wrap li li p{text-indent:0;}
.txt_box_wrap .txt1{margin-bottom:28px;}
.txt_box_wrap .num_list > li,
.txt_box_wrap .num_list > .tbl_li p{padding-left:17px; text-indent:-17px;}
.txt_box_wrap .num_round_list > li,
.txt_box_wrap .num_round_list > .tbl_li .txt1{padding-left:20px; text-indent:-20px;}
.txt_box_wrap .bullet_list > li,
.txt_box_wrap p.bullet_list{position:relative; padding-left:10px; margin-bottom:5px; line-height:1.4em;}
.txt_box_wrap .bullet_list li:last-child{margin-bottom:0;}
.txt_box_wrap .bullet_list li:before, .txt_box_wrap p.bullet_list:before{position:absolute; left:0; top:10px; width:3px; height:3px; background:#333; content:"";}
.txt_box_wrap p.bullet_list{margin-bottom:25px;}
.txt_box_wrap p + .cont{padding-top:38px;}
.txt_box_wrap table + p.bullet_list{margin-top:25px; margin-bottom:0px;}
.txt_box_wrap ol .tbl_li{padding-left:0; text-indent:0; margin-bottom:28px;}
.txt_box_wrap ol .tbl_li .txt1{display:block;}
/* more_banner */
.more_banner{overflow:hidden; padding:20px 30px; border:1px solid #ccc;}
.more_banner p{float:left; width:890px; height:45px; line-height:45px; vertical-align:middle;}
.more_banner a{float:right;}

/* form - common */
/* custom_select */
.custom_select{position:relative; z-index:1; width:110px; background:url(/resources/images/kr/common/select_arrow_ico.png) #fff right 10px center no-repeat;}
.custom_select select{width:100%; padding:0 30px 0 10px; height:45px; line-height:45px; border:1px solid #ccc; background:transparent; box-sizing:border-box;}
.custom_select select:focus{outline:2px solid #000;}

.custom_select.full{width:100%;}
.custom_select.short{width:95px;}
.custom_select_area:after{display:block; clear:both; content:"";}
.custom_select_area.triple .custom_select{float:left; width:310px; margin-right:25px;}
.custom_select_area .custom_select.last{margin-right:0;}

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

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

.privacy_form .agree_area{padding-top:30px; text-align:right;}
.privacy_form .agree_bottom{overflow:hidden; padding-top:30px;}
.privacy_form .agree_bottom .agree_top:after{content:''; display:block; clear:both;}
.privacy_form .agree_bottom p{float:left; width:700px;}
.privacy_form .agree_bottom .agree_area{float:right; width: auto; padding-top:0;}
.privacy_form .agree_box{width:100%; padding:48px 50px; border:1px solid #ccc; box-sizing:border-box;}
.privacy_form .agree_box h5{font-size:16px; margin-bottom:8px; font-weight:400; color:#2C7CD8;}
.privacy_form .agree_box .list{margin-bottom:5px;}
.privacy_form .agree_box .list li:before{display:inline-block; margin-right:5px; content:"·";}
.privacy_form .agree_box .cont{margin-bottom:23px;}
.privacy_form .agree_box .cont.last{margin-bottom:0;}
.privacy_form .agree_box .txt1{margin-bottom:35px;}
.privacy_form .agree_box .highlight{font-size:19px; color:#2C7CD8; text-decoration:underline;}
.privacy_form .agree_box + .agree_bottom{padding:30px 50px 0;}
.privacy_form .basic_table{margin-top:23px;}
.privacy_form .agree_chk{text-align:right; margin-top:10px;}
.privacy_form .agree_chk > *{display:inline-block;vertical-align: middle;}
.privacy_form .agree_chk label{margin-left:4px; vertical-align: 0;}

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

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

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

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

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

.section .sec_txt{font-size:16px; line-height:1.5em; word-break:keep-all; word-wrap:break-word;}
.section .sec_txt.txt1{margin-bottom:30px;}
.section .sec_inner{margin-bottom:80px;}
.section .sec_inner.last{margin-bottom:0;}

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

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

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

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

/* company - overview */
.overview #content{padding-bottom:0;}
.overview .info_area{margin-bottom:30px;}
.overview .info_list_wrap{padding:50px 0 20px; background-color:#f3f3f3;}
.overview .info_list{overflow:hidden; margin-bottom:20px;}
.overview .info_list li{overflow:hidden; position:relative; float:left; width:205px; height:81px; padding:176px 40px 0; text-align:center;}
.overview .info_list li:before{content:""; position:absolute; left:50%; top:0; width:156px; height:156px; margin-left:-78px; background-image:url(/resources/images/kr/about_us/overview_info_list_ico.png); background-repeat:no-repeat; background-position:0 0;}
.overview .info_list .li1:before{content:""; background-position:0 0;}
.overview .info_list .li2:before{content:""; background-position:-156px 0;}
.overview .info_list .li3:before{content:""; background-position:-312px 0;}
.overview .info_list .li4:before{content:""; background-position:-468px 0;}
.overview .info_list li:after{content:""; position:absolute; left:0; top:10px; width:1px; height:100%; background-color:#ccc;}
.overview .info_list li:first-child:after{content:""; display:none;}
.overview .info_list li dt{font-size:16px; color:#666; line-height:1;}
.overview .info_list li dd{font-size:24px; color:#333; line-height:1;}
.overview .info_list li dd em{font-size:32px; font-weight:400;}
.overview .info_list li .info_dl dt{margin-bottom:8px; font-size:16px; color:#666; line-height:1;}
.overview .info_list li .ico_list{margin-bottom:9px; text-align:left;}
.overview .info_list li .ico_list.last{margin-bottom:0;}
.overview .info_list li .ico_list dt{display:inline-block; vertical-align:bottom; width:60px; height:25px; font-size:12px; background-color:#636a72; border-radius:5px; line-height:25px; color:#fff; text-align:center;}
.overview .info_list li .ico_list dd{display:inline-block; vertical-align:middle; margin-left:7px;}
.overview .list_desc{font-size:16px; text-align:center; color:#666;}
.overview .info_area .link_btn_area{padding:10px 0; background-color:#e7e7e7; text-align:right;}
.overview .info_area .link_btn_area a{display:inline-block; padding:0 19px; margin-right:10px; background:#043385; font-size:14px; line-height:40px; color:#fff;}
.overview .info_area .link_btn_area a:after{display:inline-block; width:23px; height:15px; margin-left:10px; background:url(/resources/images/kr/about_us/youtube_btn_ico.png) 0 0 no-repeat; vertical-align:-2px; content:"";}
.overview .ceo_greetings{height:576px; padding:45px 0 0 106px; background:url(/resources/images/kr/about_us/overview_profile1.jpg) 0 0 no-repeat; box-sizing:border-box;}
.overview .ceo_greetings .inner{width:547px;}
.overview .ceo_greetings .point_txt{margin-bottom:25px; font-size:30px; line-height:38px; color:#000;}
.overview .ceo_greetings .txt1{color:#666;}
.overview .ceo_greetings .signature{min-height:52px; background:url(/resources/images/kr/about_us/overview_profile_signature.jpg) 192px 0 no-repeat; font-size:18px; line-height:24px; color:#000;}
.overview .profile_area1{border-bottom:1px solid #ccc;}
.overview .profile_area1 h4{margin-bottom:0; border-top:1px solid #ccc;}
.overview .profile_area1 h4 a{display:block; font-size:16px; line-height:40px; text-align:center;}
.overview .profile_area1 h4 a:after{display:inline-block; width:11px; height:6px; margin-left:11px; background:url(/resources/images/kr/about_us/overview_profile_bull.jpg) 0 0 no-repeat;vertical-align:3px; content:"";}
.overview .profile_area1.on h4 a:after{background-position:-11px 0;}
.overview .profile_area1 .inner{overflow:hidden; display:none; padding:30px 60px; border-top:1px solid #ccc;}
.overview .profile_area1.on .inner{}
.overview .profile_area1 dl{float:left; width:510px;}
.overview .profile_area1 dl.left{border-right:1px solid #c9c9ca;}
.overview .profile_area1 dl.right{width:459px; padding-left:50px;}
.overview .profile_area1 dt{margin-bottom:18px; font-size:20px; color:#000;}
.overview .profile_area1 dd{margin-bottom:11px; line-height:1.2; color:#666;}
.overview .profile_area1 dd:last-child{margin-bottom:0;}

.overview .sec2{padding:0;}
.overview .sec2 > .sec_inner{background:#f3f3f3; padding-bottom:80px;}
.overview .mission_area{height:458px; background:url(/resources/images/kr/about_us/overview_bg_mission.jpg) center 0 no-repeat; text-align:center;}
.overview .mission_area .inner{width:1140px; padding-top:80px; margin:0 auto;}
.overview .mission_area h4{position:relative; padding-bottom:14px; margin-bottom:24px; font-size:20px; font-weight:600; line-height:1; color:#fff;}
.overview .mission_area h4:after{position:absolute; left:50%; bottom:0; width:20px; height:1px; margin-left:-10px; background:#fff; content:"";}
.overview .mission_area .txt1{margin-bottom:22px; font-size:28px; font-weight:600; line-height:36px; color:#fff;}
.overview .mission_area .txt2{font-size:16px; line-height:26px; color:#a1a4aa;}
.overview .vision_area{padding-top:202px; margin:0 auto; margin-top:-144px; background:url(/resources/images/kr/about_us/overview_vision_bg.png) center 0 no-repeat;  text-align:center;}
.overview .vision_area h4{position:relative; padding-bottom:14px; margin-bottom:24px; font-size:20px; font-weight:600; line-height:1; color:#000;}
.overview .vision_area h4:after{position:absolute; left:50%; bottom:0; width:20px; height:1px; margin-left:-10px; background:#000; content:"";}
.overview .vision_area .txt1{margin-bottom:22px; font-size:28px; font-weight:600; line-height:36px; color:#000;}
.overview .vision_area .txt2{margin-bottom:40px; font-size:16px; line-height:26px;  color:#666;}
.overview .vision_area .cont_box1{width:1321px; margin:0 auto 60px;}
.overview .vision_area .cont_box1 h5{margin-bottom:18px; font-size:20px; font-weight:600;line-height:1; color:#000;}
.overview .vision_area .cont_box1 .core_value{overflow:hidden; position:relative; width:100%; padding-top:94px; margin:0 auto;}
.overview .vision_area .cont_box1 .core_value:after{position:absolute; left:50%; top:0; width:1113px; height:111px; margin-left:-557px; background:url(/resources/images/kr/about_us/overview_vision_line.png) center 0 no-repeat; content:"";}
.overview .vision_area .cont_box1 .core_value dl{position:relative; float:left; width:219px; min-height:365px;}
.overview .vision_area .cont_box1 .core_value dl:after{position:absolute; left:0; top:217px; width:1px; height:140px; background:#ccc; content:"";}
.overview .vision_area .cont_box1 .core_value dl:first-child:after{content:none;}
.overview .vision_area .cont_box1 .core_value dl:nth-child(5), .overview .vision_area .cont_box1 .core_value dl:last-child{width:222px;}
.overview .vision_area .cont_box1 .core_value dt{display:table; width:180px; height:180px; margin:0 auto 30px; background:#fff; border:10px solid #deedf8; border-radius:50%; box-sizing:border-box; font-size:18px;}
.overview .vision_area .cont_box1 .core_value dl:nth-child(2) dt,
.overview .vision_area .cont_box1 .core_value dl:nth-child(4) dt{border-color:#e7e8e9;}
.overview .vision_area .cont_box1 .core_value dl:nth-child(5) dt{margin-left:20px;}
.overview .vision_area .cont_box1 .core_value dt .cell{display:table-cell; padding:0 25px; vertical-align:middle}
.overview .vision_area .cont_box1 .core_value .sub_txt{display:block; font-weight:600; color:#666;}
.overview .vision_area .cont_box1 .core_value .color{color:#2C7CD8;}
.overview .vision_area .cont_box1 .core_value dd{padding-left:30px; margin-bottom:8px; box-sizing:border-box; font-size:16px; line-height:26px; text-align:left; letter-spacing:-1px; text-indent:-6px;}
.overview .vision_area .cont_box1 .core_value dd:before{display:inline-block; width:2px; height:2px; margin-right:3px; background:#737373; vertical-align:middle; content:"";}
.overview .vision_area .cont_box2{width:1440px; height:150px; padding-top:42px; margin:0 auto; background:url(/resources/images/kr/about_us/overview_vission_cont2.png) center 0 no-repeat; box-sizing:border-box;}
.overview .vision_area .cont_box2 h5{margin-bottom:12px; font-size:22px; font-weight:400; line-height:1; color:#000;}
.overview .vision_area .cont_box2 .txt1{font-size:28px; font-weight:600; color:#2C7CD8;}

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


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

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

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

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

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

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

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

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

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


/* investor_relations - general_meeting */
.general_meeting .accordion_list li .acco_panel li .btn_area{width:100%;border-top:none;margin-left:0;}
.general_meeting .accordion_list li .acco_panel li .btn_area::after{display:block;clear:both;content:"";}
.general_meeting .accordion_list li .acco_panel li .btn_area li{padding:0;border-top:none;}
.general_meeting .accordion_list li .acco_panel li .btn_area li{overflow:unset;float:left;margin-left:20px;}
.general_meeting .accordion_list li .acco_panel li .btn_area li:first-child{margin-left:0;}
.general_meeting .accordion_list li .acco_panel li .btn_area li p{text-align:right;padding-right:1px;}
.general_meeting .accordion_list li .acco_panel li .btn_area a.btn_download{width:180px; margin-bottom:5px;}
.general_meeting .accordion_list li .acco_panel li .btn_area a.btn_l{background-color: #333;}
.general_meeting .accordion_list li .acco_panel li .btn_area a.btn_subs{display:inline-block; width: 253px; height: 70px; padding: 9px 15px 0 0; color: #fff; text-align:center;  line-height: 1.625em; background:#043285 url(/resources/images/kr/common/btn_arrow_ico_w.png) calc(100% - 20px) 50% no-repeat; box-sizing: border-box;}
.general_meeting .accordion_list li .acco_panel li .btn_area a.btn_subs.dark{background-color: #333; pointer-events:none;}
.general_meeting .accordion_list li .acco_panel li .btn_area a.btn_subs span{display:block;}
.general_meeting .accordion_list li .acco_panel li .btn_area.active a.btn_subs{padding-top:21px; pointer-events:default;}
.general_meeting .accordion_list li .acco_panel li .btn_area.active a.btn_subs span{display:none;}
.general_meeting .accordion_list li .acco_panel dl{overflow:hidden;}
.general_meeting .accordion_list li .acco_panel dl dt{float:left;width:75px;font-size:20px;color:#333;font-weight:400;}
.general_meeting .accordion_list li .acco_panel dl dd{float:left;width:953px;margin:2px 0 50px;}
.general_meeting .accordion_list li .acco_panel dl dd.last{margin-bottom:0;}
.general_meeting .accordion_list li .acco_panel dl dd > p{margin-bottom:12px;}
.general_meeting .accordion_list li .acco_panel dl dd > p span{padding-left:67px; display:inline-block;}
.general_meeting .accordion_list li .acco_panel .point{color: #2C7CD8;}
.general_meeting .accordion_list li .acco_panel .notice{margin-top: 30px;}
.general_meeting .accordion_list li .acco_panel .notice h4{margin-bottom: 10px; font-size: 16px;}
.general_meeting .accordion_list li .acco_panel .notice ul{}
.general_meeting .accordion_list li .acco_panel .notice li{padding: 0; padding-left: 15px; border: 0; text-indent: -15px; color: #666; word-break: keep-all; word-wrap: break-word;}
.general_meeting table tbody th{text-align:center;}

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

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

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

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

.governance .btn_right{position:relative; margin-top:-60px;padding-top:0;}
.governance .btn_right:after{overflow:hidden;clear:both;content:"";}
.governance .btn_download{width:300px;margin-bottom:15px;}

.governance .tab_area{position:relative;}
.governance .tab_area .tablist{overflow:hidden; position:absolute; right:0; top:4px; width:auto; margin-bottom:0;}
.governance .tab_area .tablist li{float:left; width:110px; box-sizing:border-box;}
.governance .tab_area .tablist li:first-child{background-image:none;}
.governance .tab_area .tablist li a{display:block; height:auto; background:url(/resources/images/kr/common/bg_tab_bar.gif) left center no-repeat; border:0; font-size:18px; text-align:center; line-height:1.5;}
.governance .tab_area .tablist li.active a{font-weight:600; color:#043285;}
.governance .tab_area .tabpanel{margin-top:30px;}

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


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

/* investor_relations -disclosure */
.disclosure .document{margin-bottom:60px; text-align:center;}
.disclosure iframe{border:1px solid #555;}
.disclosure .txt_info{margin:60px 0 30px; font-size:20px; font-weight:400; color:#333; text-align:center;}
.disclosure .txt_info a{color:#333;}
.disclosure a.btn_download{width:180px;}

/* investor_relations - notice */
.notice .accordion_list .btn_acco{position:relative;}
.notice .accordion_list .btn_acco .acco_date{position:absolute; right:70px; top:26px; width:auto;}
.notice .accordion_list .btn_right{padding-top:0; margin-bottom:30px;}
.notice .accordion_list .btn_right + img{max-width:100%;}
.notice .accordion_list .btn_download.long{width:225px;}
.notice .accordion_list .txt_box{background:#fff; padding:40px;}
.notice .accordion_list .txt_box p{word-break:keep-all;}
.notice .accordion_list .txt_box p + p{margin-top:10px;}
.notice .accordion_list .txt_box p.right{text-align:right;}
.notice .accordion_list .acco_panel img{max-width:100%;}


/* about-us - sustainability common */
/* round_list_type1 */
.sustainability .round_list_type1{width:860px; margin:0 auto;}
.sustainability .round_list_type1:after{display:block; clear:both; content:"";}
.sustainability .round_list_type1 li{float:left; width:220px; margin-left:100px; text-align:center;}
.sustainability .round_list_type1 li:first-child{margin-left:0;}
.sustainability .round_list_type1 .tit{display:block; width:100%; height:65px; border-radius:35px; background:#636a72; font-size:16px; font-weight:400; line-height:65px; color:#fff;}
.sustainability .round_list_type1 p{padding:16px 0; margin-bottom:49px;}
.sustainability .round_list_type1 i{display:table; vertical-align:middle; position:relative; width:152px; height:152px; margin:0 auto; background-image:url(/resources/images/kr/about_us/management_round_ico_g.png); background-repeat:no-repeat; background-position:0 0; font-style:normal; color:#fff;}
.sustainability .round_list_type1 i:before{position:absolute; left:50%; top:-49px; width:10px; height:64px; margin-left:-5px; background-image:url(/resources/images/kr/about_us/management_line_02_g.png); background-position:0 0; background-repeat:no-repeat; content:"";}
.sustainability .round_list_type1 .point .tit{background:#005d9d;}
.sustainability .round_list_type1 .point i{background-image:url(/resources/images/kr/about_us/management_round_ico_b.png);}
.sustainability .round_list_type1 .point i:before{background-image:url(/resources/images/kr/about_us/management_line_02_b.png); content:"";}
.sustainability .round_list_type1 .ico_txt span{display:table-cell; vertical-align:middle;}
.sustainability .process_list{overflow:hidden; position:relative;}
.sustainability .process_list:after{position:absolute; top:215px; left:0; width:100%; height:1px; background-color:#ccc; content:"";}
.sustainability .process_list li{float:left; position:relative; width:190px; padding-top:218px; }
.sustainability .process_list li:before{position:absolute; left:50%; top:0; width:190px; height:218px; margin-left:-95px; background-image:url(/resources/images/kr/about_us/ethics_process_list_ico1.png); background-position:0 0; background-repeat:no-repeat; z-index:1; content:"";}
.sustainability .process_list .ico1:before{background-position:0 0; content:"";}
.sustainability .process_list .ico2:before{background-position:-190px 0; content:"";}
.sustainability .process_list .ico3:before{background-position:-380px 0; content:"";}
.sustainability .process_list .ico4:before{background-position:-570px 0; content:"";}
.sustainability .process_list .tit{position:relative; padding-top:30px; font-size:20px; font-weight:600; margin-bottom:15px;}
.sustainability .process_list.list3{padding:0 100px;}
.sustainability .process_list.list3 li{width:230px; margin-left:125px;}
.sustainability .process_list.list4{padding:0 70px;}
.sustainability .process_list.list4 li{margin-left:80px;}
.sustainability .process_list li:first-child{margin-left:0;}

/* program_img_box */
.sustainability .program_img_box{overflow:hidden;}
.sustainability .program_img_box .cont{margin-bottom:80px;}
.sustainability .program_img_box .cont:last-child{margin-bottom:0;}
.sustainability .program_img_box .cont .comment{display:block; padding-top:18px; font-size:14px; color:#333;}
.sustainability .program_img_box .txt_area p{min-height:75px; font-size:16px; line-height:1.6em; color:#333; word-break:keep-all; word-wrap:break-word;}
.sustainability .program_img_box .txt_area p + .btn_area{padding-top:30px;}
.sustainability .section .sec_txt + .program_img_box{padding-top:80px;}
.sustainability .full_img + .program_img_box{padding-top:30px;}
.sustainability .full_img + .sec_inner{padding-top:30px;}
.sustainability .sec2 .program_img_box.box2{padding-top:330px; background:url(/resources/images/kr/about_us/social_program_img_03.jpg) 0 0 no-repeat;}
.sustainability .program_img_box.box1 .cont{overflow:hidden; min-height:200px; padding-left:400px; background-position:0 0; background-repeat:no-repeat;}
.sustainability .program_img_box.box2 .cont{float:left; width:550px; margin-left:40px;}
.sustainability .program_img_box.box2 .cont:nth-child(2n-1){margin-left:0;}
.sustainability .program_img_box.box2 .cont:nth-last-of-type(1),.sustainability .program_img_box.box2 .cont:nth-last-of-type(2){margin-bottom:0;}
.sustainability .sec1 .program_img_box .cont1{background-image:url(/resources/images/kr/about_us/social_program_img_0101.jpg);}
.sustainability .sec1 .program_img_box .cont2{background-image:url(/resources/images/kr/about_us/social_program_img_0102.jpg);}
.sustainability .sec1 .program_img_box .cont3{background-image:url(/resources/images/kr/about_us/social_program_img_0103.jpg);}
.sustainability .sec1 .program_img_box .cont4{background-image:url(/resources/images/kr/about_us/social_program_img_0104.jpg);}
.sustainability .sec1 .program_img_box .cont5{background-image:url(/resources/images/kr/about_us/social_program_img_0105.jpg);}
.sustainability .sec1 .program_img_box .cont6{background-image:url(/resources/images/kr/about_us/social_program_img_0106.jpg);}
.sustainability .program_img_box .num_list li{padding-left:15px; margin-bottom:12px; text-indent:-15px; line-height:1.6em;}
.sustainability .program_img_box .num_list:last-child{margin-bottom:0;}


/* sustainability - compliance */
/* 210603 클래스 네임 변경 */
.compliance .sec1 .sec_top{position:relative;}
.compliance .sec1 .btn_area{position:absolute; right:0; bottom:0;}

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

/* compliance - inquiry */
.sustainability.inquiry .info_form{padding:55px 80px 50px;}
.sustainability.inquiry .privacy_form .agree_box .dot_list{margin-bottom:5px;}
.sustainability.inquiry .privacy_form .agree_box .dot_list li{padding-left:10px; background:url(/resources/images/global/common/bg_list_dot.gif) left center no-repeat;}
.sustainability.inquiry .privacy_form .agree_bottom .agree_area{width:auto;}


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* careers common */
.careers .recruit_area{margin-bottom:60px;}
.careers .recruit_area ul::after{display: block;clear: both; content: "";}
.careers .recruit_area ul li{float:left;}
.careers .recruit_area ul li:first-child{margin-left:0;}
.careers .recruit_area ul li a{display:inline-block;width:100%;color:#333;font-weight:600;text-align:center;}
.careers h4.ico1:before{background-position:0 0; content:"";}
.careers h4.ico2:before{background-position:-100px 0; content:"";}
.careers h4.ico3:before{background-position:-200px 0; content:"";}
.careers h4.ico4:before{background-position:-300px 0; content:"";}
.careers h4.ico5:before{background-position:-400px 0; content:"";}
.careers h4.ico6:before{background-position:-500px 0; content:"";}
.careers h4.ico7:before{background-position:-600px 0; content:"";}
.careers h4.ico8:before{background-position:-700px 0; content:"";}
.careers h4.ico9:before{background-position:-800px 0; content:"";}
.careers h4.ico10:before{background-position:-800px 0; content:"";}
.careers .more_banner{margin-top:60px;}

.job_description h4,
.job_major h4{position:relative; margin-bottom:0; padding-top:24px; padding-bottom:30px; padding-left:84px;}
.job_description h4:before, .job_major h4:before{position:absolute; left:0; top:0; width:87px; height:70px; background-repeat:no-repeat; background-position:0 0; content:"";}
.job_description h4:before{background-image:url(/resources/images/kr/careers/part_tit_ico.png);}
.job_major h4:before{background-image:url(/resources/images/kr/careers/major_tit_ico.png);}
.job_major h4.ico09:before{background-image:url(/resources/images/kr/careers/major_tit_ico09.png);}

/* careers - job_description */
.job_description .sec_inner{margin-bottom:60px;}
.job_description .part ul{width:970px;margin:0 auto;}
.job_description .part li{margin-left:70px; width:103px;}
.job_description .part li a{font-size:18px;}
.job_description .part li a:before{display:block; width:103px; height:103px; margin:0 auto 20px; background-image:url(/resources/images/kr/careers/part_top_ico.png); background-repeat:no-repeat; background-position:0 0; content:"";}
.job_description .part li.part_01 a:before{background-position:0 0; content:"";}
.job_description .part li.part_02 a:before{background-position:-103px 0; content:"";}
.job_description .part li.part_03 a:before{background-position:-206px 0; content:"";}
.job_description .part li.part_04 a:before{background-position:-309px 0; content:"";}
.job_description .part li.part_05 a:before{background-position:-412px 0; content:"";}
.job_description .part li.part_06 a:before{background-position:-515px 0; content:"";}

/* careers - job_major */
.job_major .section .sec_inner{margin-bottom:50px;}
.job_major .major ul::after{display: block;clear: both; content: "";}
.job_major .major ul{padding:0 80px; font-size:0; text-align:center;}
.job_major .major ul li{float:none; display:inline-block; vertical-align:top; width:16.66666666666667%; margin:0;}
.job_major .major li:nth-of-type(n+7){margin-top:47px;}
.job_major .major li a{font-size:18px;}
.job_major .major li a:before{display:block; width:105px; height:105px; margin:0 auto 20px; background-repeat:no-repeat; background-position:center; content:"";}
.job_major .major li.major_01 a:before{background-image:url(/resources/images/kr/careers/major_top_ico01.png); content:"";}
.job_major .major li.major_02 a:before{background-image:url(/resources/images/kr/careers/major_top_ico02.png); content:"";}
.job_major .major li.major_03 a:before{background-image:url(/resources/images/kr/careers/major_top_ico03.png); content:"";}
.job_major .major li.major_04 a:before{background-image:url(/resources/images/kr/careers/major_top_ico04.png); content:"";}
.job_major .major li.major_05 a:before{background-image:url(/resources/images/kr/careers/major_top_ico05.png); content:"";}
.job_major .major li.major_06 a:before{background-image:url(/resources/images/kr/careers/major_top_ico06.png); content:"";}
.job_major .major li.major_07 a:before{background-image:url(/resources/images/kr/careers/major_top_ico07.png); content:"";}
.job_major .major li.major_08 a:before{background-image:url(/resources/images/kr/careers/major_top_ico08.png); content:"";}
.job_major .major li.major_09 a:before{background-image:url(/resources/images/kr/careers/major_top_ico09.png); content:"";}
.job_major .major li.major_10 a:before{background-image:url(/resources/images/kr/careers/major_top_ico10.png); content:"";}
.job_major .major_list{overflow:hidden;margin-left:-10px;}
.job_major .major_list > li{float:left;margin:0 0 10px 10px;width:370px;min-height:192px;border-top:1px solid #000;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.job_major .major_list li .tit{padding:16px 0;font-size:18px;color:#333;font-weight:600;text-align:center;border-bottom:1px solid #ccc;background-color:#f3f3f3;}
.job_major .major_list li .dot_list{padding:18px 10px 18px 20px;}
.job_major .major_list li .dot_list li{padding-left:10px;background:url(/resources/images/kr/common/bg_list_dot.gif) left 11px no-repeat;}
.job_major .major_list li .dot_list li span{font-size:14px;}
.job_major .major_list li .dot_list li:first-child{margin-top:0;}

/* @careers - major_list li 최소 높이값 */
.job_major #major_01 + .major_list > li{min-height:266px;}
.job_major #major_02 + .major_list > li{min-height:218px;}
.job_major #major_03 + .major_list > li{min-height:242px;}
.job_major #major_04 + .major_list > li{min-height:266px;}
.job_major #major_05 + .major_list > li{min-height:314px;}
.job_major #major_06 + .major_list > li{min-height:242px;}
.job_major #major_07 + .major_list > li{min-height:218px;}
.job_major #major_08 + .major_list > li{min-height:200px;}

/* careers - company_life */
.company_life .life_list{overflow:hidden;margin-top:30px;width:100%;border-top:1px solid #000;}
.company_life .life_list li{float:left;padding:40px;width:50%;min-height:202px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;box-sizing:border-box;}
.company_life .life_list li.list_01,
.company_life .life_list li.list_03,
.company_life .life_list li.list_05{border-left:none;}
.company_life .life_list li dl{padding-left:140px;}
.company_life .life_list li.list_01 dl{background:url(/resources/images/kr/careers/icon_com_life_01.jpg) left 5px no-repeat;}
.company_life .life_list li.list_02 dl{background:url(/resources/images/kr/careers/icon_com_life_02.jpg) left 5px no-repeat;}
.company_life .life_list li.list_03 dl{background:url(/resources/images/kr/careers/icon_com_life_03.jpg) 10px 5px no-repeat;}
.company_life .life_list li.list_04 dl{background:url(/resources/images/kr/careers/icon_com_life_04.jpg) 20px 5px no-repeat;}
.company_life .life_list li.list_05 dl{background:url(/resources/images/kr/careers/icon_com_life_05.jpg) 20px 5px no-repeat;}
.company_life .life_list li.list_06 dl{background:url(/resources/images/kr/careers/icon_com_life_06.jpg) 20px 5px no-repeat;}
.company_life .life_list li dl dt{margin-bottom:14px;font-size:20px;color:#2C7CD8;font-weight:600;}
.company_life .life_list li dl dd{word-wrap:break-word;word-break:keep-all;}
.company_life .video_slide{position:relative; width:100%;}
/* .company_life .video_slide .swiper-wrapper{margin: 0 -30px;} */
.company_life .video_slide .swiper-slide{width:100%;}
.company_life .video_slide .swiper-slide::after{display: block;clear: both;content: "";}
.company_life .video_slide .swiper-slide .video_box{float:left; width:340px; height:310px; margin-left:60px; border:1px solid #ccc; box-sizing:border-box;}
.company_life .video_slide .swiper-slide .video_box:first-child{margin-left:0;}
.company_life .video_slide .swiper-slide .video_box a{display:block; position:relative; width:100%; height:100%;}
.company_life .video_slide .swiper-slide .video_box a:focus{outline:2px solid #000;}
.company_life .video_slide .swiper-slide .video_box .thumb{overflow: hidden; width: 100%; height: 190px;}
.company_life .video_slide .swiper-slide .video_box .thumb img{width:100%; transform: scale(1.01);}
.company_life .video_slide .swiper-slide .video_box .txt_box{position: relative; height: 118px; padding: 17px 20px; background: #fff; box-sizing: border-box;}
.company_life .video_slide .swiper-slide .video_box .txt_box .tit{font-size: 18px; font-weight: 600; line-height: 1.33em; color: #111; word-break: keep-all; word-wrap: break-word;}
.company_life .video_slide .swiper-slide .video_box .txt_box .date{display: block; position: absolute; bottom: 17px; left: 20px; font-size: 14px; line-height: 1em; color: #888;}
.company_life .video_slide .swiper-slide .video_box .txt_box:after{display: block; position: absolute; bottom: 15px; right: 14px; width: 25px; height: 25px; background: url(/resources/images/kr/common/icon_youtube.png) 50% 50% no-repeat; content: '';}
.company_life .video_slide .swiper-slide .video_box .txt{height:50px; line-height:50px; vertical-align:middle; font-size:16px; color:#333; text-align:center;}
.company_life .video_slide .swiper-pagination{position:static; margin-top:30px; width:100%; text-align:center; font-size: 0; transform:none; -webkit-transform:none;}
.company_life .video_slide .swiper-pagination .swiper-pagination-bullet{width:9px; height:9px; margin:0 5px; background: #aaa; border-radius:100%; vertical-align:top;  opacity:1;}
.company_life .video_slide .swiper-pagination .swiper-pagination-bullet-active{background:#2C7CD8;}
/* .company_life .sec_youtube {width: 100%; padding: 60px 0 160px; background: #f3f3f3;}
.company_life .sec_youtube .sec_inner{position: relative; width: 1140px; margin: 0 auto;}
.company_life .sec_youtube .btn_wrap{z-index:2;position:absolute; top:102px; left:0; width:100%; height:auto;}
.company_life .sec_youtube .btn_wrap button{position:absolute; top:0; width:14px; height:28px; text-indent:-9999px; font-size:0;}
.company_life .sec_youtube .btn_wrap .btn_prev{left:-45px; background:url(/resources/images/kr/product/main/btn_prev.png) left top no-repeat;}
.company_life .sec_youtube .btn_wrap .btn_next{right:-45px; background:url(/resources/images/kr/product/main/btn_netxt.png) left top no-repeat;}
.company_life .sec_youtube .more_banner{background: #fff;} */

/* careers - process */
.process .section h3{margin-bottom:60px;}
.process .img{margin-bottom:80px;}
.process .info_box{margin-top:40px;padding:20px;background-color:#f3f3f3;}
.process .info_box .btn_area{overflow:hidden;margin-top:-45px;}
.process .info_box .btn_area p{float:left;width:870px;height:45px;line-height:45px;vertical-align:middle;}
.process .info_box .btn_area a{float:right;width:196px;}

/* careers - job_opening */
.job_opening .info_txt{margin-bottom:10px;font-size:14px;text-align:right;}

/* careers - tips */
/* .tips .tips_list{overflow:hidden;} */
.tips .tips_list::after{display: block;clear: both;content: "";}
.tips .tips_list li{/* overflow:hidden; */float:left;width:340px; height:310px; margin-left:60px; margin-bottom:60px; border:1px solid #ccc; box-sizing:border-box;}
.tips .tips_list li.first,.tips .tips_list li:nth-child(3n+1){margin-left:0;}
.tips .tips_list li > a{display:inline-block;/* width:100%; height:100%;*/}
.tips .tips_list .img_area{/*position:relative; */overflow:hidden; width:338px; height:190px; background-color:#f3f3f3;}
.tips .tips_list .img_area img{width:100%;}
.tips .tips_list .txt_area{position:relative; height:118px; padding:18px 18px 0 18px; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.tips .tips_list .txt_area p{overflow:hidden; max-width:270px; max-height:47px; font-size:18px; font-weight:600; line-height:1.3em; color:#111;}
.tips .tips_list .txt_area .date{position:absolute; left:18px; bottom:18px; font-size:14px; font-weight:400; color:#888;}
.tips .tips_list .txt_area .sns{position:absolute;right:18px;bottom:18px;}
.tips .tips_list + .btn_center{padding-top:40px; color:#000;}

/* talent_development */
.talent_development .training_list{margin:-64px 0;}
.talent_development .training_list li{overflow: hidden; padding: 60px 50px 55px 115px; border-bottom: 1px solid #ccc;}
.talent_development .training_list li:last-child{border-bottom: 0;}
.talent_development .training_list li{background-size:75px; background-position: 0 60px; background-repeat: no-repeat;}
.talent_development .training_list li.li1{background-image: url(/resources/images/kr/careers/icon_training1.png);}
.talent_development .training_list li.li2{background-image: url(/resources/images/kr/careers/icon_training2.png);}
.talent_development .training_list li.li3{background-image: url(/resources/images/kr/careers/icon_training3.png);}
.talent_development .training_list li.li4{background-image: url(/resources/images/kr/careers/icon_training4.png);}
.talent_development .training_list dt{margin-bottom: 30px; font-size: 30px; line-height: 1em; color: #000;}
.talent_development .training_list dd .msg{display: block; margin-bottom: 13px; font-size: 20px; font-weight: 600;line-height: 1em; color: #2C7CD8;}
.talent_development .training_list dd .desc{font-size: 16px; line-height: 1.625em; color: #666; word-break: keep-all; word-wrap: break-word; letter-spacing: -0.04em;}
.talent_development .communication_list{margin:-60px 0;}
.talent_development .communication_list li{overflow: hidden; padding: 60px 0; border-bottom: 1px solid #ccc;}
.talent_development .communication_list li:nth-child(odd) .thumb{float: left; margin-right: 40px;}
.talent_development .communication_list li:nth-child(even) .thumb{float: right;}
.talent_development .communication_list li:last-child{border-bottom: 0;}
.talent_development .communication_list .thumb{}
.talent_development .communication_list dt{margin-bottom: 25px; font-size: 30px; line-height: 1em; color: #000;}
.talent_development .communication_list dd .desc{font-size: 16px; line-height: 1.625em; color: #666; word-break: keep-all; word-wrap: break-word; letter-spacing: -0.04em;}

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

.support a.download{text-indent:0;}


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

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

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

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

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

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

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

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

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

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

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

/* support - software_popup */
.software_popup .pop_inner_wrap{top:50%; width:750px; height:644px; margin-top:-322px;}
.software_popup .pop_inner{padding:58px 60px;}
.software_popup .agree_box{margin-bottom:20px;padding:30px;border:1px solid #ccc;text-align:left;}
.software_popup .agree_box h2{margin-bottom:18px;font-size:20px;color:#333;font-weight:400;}
.software_popup .agree_box dl{overflow:hidden;margin-bottom:20px;}
.software_popup .agree_box dl.last{margin-bottom:0;}
.software_popup .agree_box dl dt{float:left;width:15px;}
.software_popup .agree_box dl dd{float:left;width:550px;}
.software_popup .agree_area{overflow:hidden; text-align:left;}
.software_popup .agree_area p{float:left; width:230px; font-weight:600; color:#333; line-height:24px;}
.software_popup .agree_area .agree_form{float:right; width:215px; line-height:24px;}
.software_popup .agree_area .agree{margin-left:40px;}
.software_popup .agree_area .agree:first-child{margin-left:0;}
.software_popup .btn_center{padding-top:40px;}

/* support - counterfeit-product-disclaimer */
.cp_discm .txt_box{padding:60px; background:#f3f3f3;}
.cp_discm .txt_box p{line-height:30px;}

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

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

/* support - payment */
.payment .top_box_wrap{margin-bottom:80px;}
.payment .txt{line-height:1.625em;margin-bottom:30px;}
.payment .box_area{padding:30px 30px 15px;background:#f3f3f3;}
.payment .box_area dl{overflow:hidden;margin-bottom:15px;}
.payment .box_area dl dt{float:left;width:90px;color:#333;font-weight:600;}
.payment .box_area dl.txt_middle dt{height:45px;line-height:45px;vertical-align:middle;}
.payment .box_area dl dd{float:left;width:700px;}
.payment .btn_center{margin-top:30px;}
.payment .btn_download{margin-right:15px;}
.payment .btn_download.blue{width:216px;background:#043285;}

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

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

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

/****** newsletter ******/
/* newsletter - list */
.newsletter .lastest_wrap{padding:100px 0; background:#f4f7fb; box-sizing:border-box;}
.newsletter .lastest_news{}
.newsletter .lastest_news a{display:block; margin:0 auto; width:1000px; height:675px; overflow:hidden; background:#043285; text-align:center;box-shadow: 45px 45px 40px rgba(4,50,133,0.15);}
.newsletter .lastest_news .img_area{height:565px;}
.newsletter .lastest_news .img_area img{min-width:100%; height:100%;}
.newsletter .lastest_news .txt_area{height:110px; line-height:110px;}
.newsletter .lastest_news .txt_area .tit{color:#fff; font-size:32px; font-weight:600; max-width:90%; margin:0 auto;}
/* srch_area */
.newsletter .page_srch_area{margin-top:100px;}
.newsletter .page_srch_area .srch_area{margin-top:0;}
/* news list */
.newsletter.re_news .news_list .txt_area{padding:10px 15px 0;}
.newsletter .news_list .txt_area p{margin-bottom:10px;}
.newsletter .news_list + .btn_center{margin-top:-30px;}
.newsletter .news_list + .btn_center a{margin:0 auto;}
.newsletter .sec2 .board_inner{overflow:visible;}
.newsletter .sec3{padding-top:50px;}
.newsletter .sec3 .btn_list{margin-left:280px;}
.newsroom.re_news.list .board_inner .btn_center a{margin:0 auto;}


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

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

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

/* tit bottom */
.newsroom.re_news.view .board_view .tit_bottom{margin:10px 0 45px; position:relative;}
/* 목록버튼 */
.newsroom.re_news.view .board_view .btn_center{max-width:1040px;margin-top:60px;}
.newsroom.re_news.view .board_view .btn_center a{width:160px; height:60px; line-height:60px; font-size:18px;}
/* SNS Share */
.sns_list_wrap{position:absolute; top:0; right:0; font-size: 0; z-index:2; margin:0;}
.sns_list_wrap:after{content: ''; display: table; clear: both;}
.sns_list_wrap .sns_share{position: relative; display: inline-block;}
.sns_list_wrap .btn_share{position: relative; float: right; width: 50px; height: 50px; background: url(/resources/images/kr/newsroom/icon_share.png) 0 0 no-repeat; border: none; font-size: 0; text-indent: -9999%; overflow: hidden; cursor: pointer; z-index: 1;}
.sns_list_wrap .btn_share.open{background-position:0 -50px;}
.sns_list_wrap .sns_list{display: none; position: relative; height: 50px; border: none; box-sizing: border-box; background:#f3f3f3; border-radius:25px; margin-right:10px;}
.sns_list_wrap .sns_list li{position: absolute; left: 200px; height: 100%;}
.sns_list_wrap .sns_list li:before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 15px; margin-top: -7px; background-color: #dedede;}
.sns_list_wrap .sns_list li:first-child:before{display: none;}
.sns_list_wrap .sns_list li .btn_sns{display: block; width: 50px; height: 50px; margin: 0; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; border: 0; font-size: 0; text-indent: -9999%; cursor: pointer; transition: background-image .3s;}
.sns_list_wrap .sns_list li .btn_sns.facebook{background-image: url(/resources/images/kr/newsroom/icon_facebook.png);}
.sns_list_wrap .sns_list li .btn_sns.kakao{background-image: url(/resources/images/kr/newsroom/icon_kakao.png);}
.sns_list_wrap .sns_list li .btn_sns.insta{background-image: url(/resources/images/kr/newsroom/icon_insta.png);}
.sns_list_wrap .sns_list li .btn_sns.linkedin{background-image: url(/resources/images/kr/newsroom/icon_linkedin.png);}
.sns_list_wrap .sns_list li .btn_sns.copy{background-image: url(/resources/images/kr/newsroom/icon_linkcopy.png);}	
.sns_list_wrap .sns_list li .btn_sns:hover,
.sns_list_wrap .sns_list li .btn_sns:focus{background-position: 0 -50px;}
/* 연관 기사 */
.newsroom.re_news.view .relate_article_n{width:300px; height:100%; position:absolute; top:-44px; right:0;}
.newsroom.re_news.view .relate_article_n.stop{top:auto;}
.newsroom.re_news.view .relate_article_n .article_inner{position:absolute; top:0; left:0; width:100%;}
.newsroom.re_news.view .relate_article_n.bottom .article_inner{position:fixed; width:300px; left:auto; top:auto; bottom:90px;}
.newsroom.re_news.view .relate_article_n.top .article_inner{position:fixed; width:300px; left:auto; top:-48px;}
.newsroom.re_news.view .relate_article_n.stop .article_inner{position:absolute; top:auto; bottom:0;}
.newsroom.re_news.view .relate_article_n .article_title{margin-bottom: 20px; font-size: 24px; font-weight: 600; color:#000; line-height: 1em;}
.newsroom.re_news.view .relate_article_n .article_list{border-top: none; border-bottom: none; }
.newsroom.re_news.view .relate_article_n .article_list li{display: block; width: 100%; border-bottom: none;}
.newsroom.re_news.view .relate_article_n .article_list li a{position: relative; display: block; padding:0; font-size: 16px; line-height: 1em; background: #fff; overflow: hidden;}
.newsroom.re_news.view .relate_article_n .article_list li a:before{display:none;}
.newsroom.re_news.view .relate_article_n .article_list li a:focus,
.newsroom.re_news.view .relate_article_n .article_list li a:hover{color: transparent; text-decoration: none; background: transparent; box-shadow:none; }
.newsroom.re_news.view .relate_article_n .article_list li a:hover:before,
.newsroom.re_news.view .relate_article_n .article_list li a:focus:before{background:none;}
.newsroom.re_news.view .relate_article_n .btn_center{width:100%; padding-top:30px;margin-top:0;}
.newsroom.re_news.view .relate_article_n .btn_center a{display:block; width:100%; height:60px; line-height:60px; text-align:center; background:#043285; color:#fff; font-size:18px;}
.newsroom.re_news.view .relate_article_n .btn_center span{display:inline-block; padding-right:13px; background:url(/resources/images/kr/common/btn_arrow_ico_w.png) right center no-repeat;}
/* 연관 기사 - 뉴스 리스트 css */
.newsroom.re_news.view .news_list:after{display:block; clear:both; content:"";}
.newsroom.re_news.view .news_list li{width:100%; height:auto; margin:0 0 30px; border:none; box-sizing:border-box;}
.newsroom.re_news.view .news_list li a{display:block; width:100%; height:100%;}
.newsroom.re_news.view .news_list li:hover,
.newsroom.re_news.view .news_list li:focus{box-shadow:none;}
.newsroom.re_news.view .news_list li a:focus{outline:2px solid #000000;}
.newsroom.re_news.view .news_list .img_area{position:relative; overflow:hidden; width:100%; height:160px;}
.newsroom.re_news.view .news_list .img_area img{width:100%;}
.newsroom.re_news.view .news_list .txt_area{position:relative; height:auto; padding:20px 0 0; background-color:#fff; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.newsroom.re_news.view .news_list .txt_area p{overflow:hidden; max-height:48px; font-size:17px; font-weight:600; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-word; line-height:1.3; color:#000; margin-top:10px;}
.newsroom.re_news.view .news_list .txt_area a{display:block;}
.newsroom.re_news.view .news_list .txt_area .top_txt{line-height:1;}
.newsroom.re_news.view .news_list .txt_area i{position:relative; left:0; bottom:0; width:auto; height:auto; padding:0 10px 0 0;line-height:1; font-size:14px; font-style:normal; font-weight:600; text-align:left; display:inline-block; vertical-align:top; margin-right:6px;}
.newsroom.re_news.view .news_list .txt_area i:after{content:''; display:block; width:2px; height:15px; background:#ccc; position:absolute; top:1px; right:0; }
.newsroom.re_news.view .news_list .txt_area i.company{color:#003399;}
.newsroom.re_news.view .news_list .txt_area i.product{color:#327f2e;}
.newsroom.re_news.view .news_list .txt_area i.careers{color:#3399ff;}
.newsroom.re_news.view .news_list .txt_area i.press{color:#f26522;}
.newsroom.re_news.view .news_list .txt_area i.tech{color:#6703c7;}
.newsroom.re_news.view .news_list .txt_area i.csr{color:#ad0057;}
.newsroom.re_news.view .news_list .txt_area .date{position:relative; top:0; left:0; font-size:14px; letter-spacing:0; color:#666; display:inline-block; vertical-align:top;}
/* 뉴스레터 구독하기 팝업 */
.news_subscribe{position:fixed; width:100%; height:100%; background:rgba(0,0,0,.6); top:0; left:0; z-index:1001;}
.news_subscribe.popup_wrap .pop_inner_wrap{top:50%; width:760px; height:814px; margin:-20% 0 0 -380px;}
.news_subscribe.popup_wrap.box_popup .pop_inner{padding:80px; box-sizing:border-box;}
.news_subscribe .title{text-align:center; margin-bottom:40px;}
.news_subscribe .title:after{content:''; display:inline-block; width:40px; height:3px; background:#2C7CD8; margin-top:30px;}
.news_subscribe .title strong{font-size:32px; font-weight:600; color:#000; line-height:1.313em; }
.news_subscribe .title p{font-size:18px; color:#666; margin-top:20px;}
.news_subscribe .subscribe_email{width:100%;}
.news_subscribe .term_wrap{margin-top:75px; border-top:2px solid #333;}
.news_subscribe .term_wrap > ul > li{border-bottom:1px solid #ccc;}
.news_subscribe.popup_wrap.box_popup p{font-size:16px; margin-bottom:10px;}
.news_subscribe .term_wrap .tit_area{padding:15px 20px 15px 12px; color:#333;}
.news_subscribe .term_wrap .tit_area:after{content:''; display:block; clear:both;}
.news_subscribe .term_wrap .term_tit{float:left;}
.news_subscribe .term_wrap .term_tit > *{display:inline-block; vertical-align:middle;}
.news_subscribe .term_wrap .term_tit .btn_term{margin-left:8px; width:68px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#666; border:1px solid #e2e2e2; border-radius:3px;}
.news_subscribe .term_wrap .agree_area{float:right;}
.news_subscribe .term_wrap .agree_area label{color:#666; font-size:17px;}
.news_subscribe .term_wrap .agree_chk{margin-top:30px; text-align:center;}
.news_subscribe .term_wrap .agree_chk > *{display:inline-block; vertical-align: middle;}
.news_subscribe .term_wrap .agree_chk input[type='checkbox']{width:14px; height:14px;}
.news_subscribe .term_wrap .agree_chk label{font-size:17px; color:#666; margin-left:6px; vertical-align: 0;}
.news_subscribe .privacy_form{display:none; height:220px; overflow-y:auto; border:1px solid #ccc; border-bottom:none;}
.news_subscribe .privacy_form .agree_box{padding:30px; border:none;}
.news_subscribe .privacy_form .agree_box > p:nth-of-type(2){margin-top:10px;}
.news_subscribe .privacy_form .cont h6{ font-size:16px; font-weight:400; color:#2C7CD8; margin-bottom:10px;}
.news_subscribe .privacy_form .cont h6 + p{font-size:16px; color:#666; line-height:1.625em;}
.news_subscribe .privacy_form table{margin:15px 0; }
.news_subscribe .privacy_form table.basic_table2 .bt_b{border-top:1px solid #000;}
.news_subscribe .privacy_form table.basic_table2 th,	
.news_subscribe .privacy_form table.basic_table2 td{padding:10px 20px;}
.news_subscribe .privacy_form table.basic_table2 thead th{padding:25px 20px;}
.news_subscribe .privacy_form table.basic_table2 th{text-align:center; font-size:16px; color:#333; font-weight:400;}
.news_subscribe .privacy_form table.basic_table2 td{text-align:left;}
.news_subscribe .terms_box .agree_area{text-align:center; margin-top:20px;}
.news_subscribe.popup_wrap .btn_center{padding-top:40px;}
.news_subscribe .btn_center .btn{width:220px; height:60px; line-height:60px; font-size:18px;}


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

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





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

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

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

/* newsroom - kpca */
.kpca .visual_section{height:1005px; background:url(/resources/images/kr/newsroom/kpca/kpca_visual_img.jpg) no-repeat center; background-size:cover; text-align:center;}
.kpca #content{padding-top:60px; padding-bottom:0;}
.kpca .section h3{text-align: center; padding-bottom:0; color:#333333;}
.kpca .section h3:after{display:none;}
.kpca .sec1 .booth_wrap{height:530px; background:#000;}
.kpca .sec1 .booth_wrap > div{display:none;}
.kpca .sec1 .booth_wrap > div.on{display:block;}
.kpca .sec1 .booth_wrap .gate{height:100%;}
.kpca .sec1 .booth_wrap .gate .gate_inner{display:table; width:100%; height:100%; background:url(/resources/images/kr/newsroom/kpca/bg_booth.jpg) no-repeat center;}
.kpca .sec1 .booth_wrap .gate .gate_inner > a{display:table-cell; width: 50%; text-align:center; color:#fff; vertical-align:middle;}
.kpca .sec1 .booth_wrap .gate a .inner{padding-bottom:130px; background:url(/resources/images/kr/newsroom/kpca/booth_arrow.png) no-repeat center bottom;}
.kpca .sec1 .booth_wrap .gate a:hover .inner{background:url(/resources/images/kr/newsroom/kpca/booth_arrow_on.png) no-repeat center bottom;}
.kpca .sec1 .booth_wrap .gate .txt1{font-size:28px; margin-bottom:5px;}
.kpca .sec1 .booth_wrap .top{position:relative; height:100px; background:url(/resources/images/kr/newsroom/kpca/bg_booth_top.jpg) repeat-x;}
.kpca .sec1 .booth_wrap .top .btn_back{position:absolute; left:20px; top:30px; padding-left:15px; background:url(/resources/images/kr/newsroom/kpca/btn_arrow.jpg) no-repeat left center; font-size:14px; color:#fff;}
.kpca .sec1 .booth_wrap .top .booth_tit{height:78px; line-height:78px; font-size:32px; text-align:center; color:#3abaff;}
.kpca .sec1 .booth_wrap .it_booth .top .booth_tit{color:#1bed7e;}
.kpca .sec1 .booth_wrap .cont{
    font-size:0;
    height:430px;
    padding-top:60px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c2b29+66,151413+100 */
    background:#292827; /* Old browsers */
    background: -moz-linear-gradient(top,  #292827 66%, rgba(21,20,19,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #292827 66%,rgba(21,20,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #292827 66%,rgba(21,20,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    box-sizing:border-box;
}
.kpca .sec1 .booth_wrap .cont > div{position:relative; display:inline-block; width:50%; padding:0 20px; box-sizing: border-box; font-size:0; text-align: center;}
.kpca .sec1 .booth_wrap .cont > div .inner{position:relative; display:inline-block; width:50%; vertical-align:top;}
.kpca .sec1 .booth_wrap .cont > div .inner .img_detail{position:relative; display:block;}
.kpca .sec1 .booth_wrap .cont > div .inner .img_detail:hover:before{content:""; position:absolute; top:28px; left:21px; width:217px; height:202px; background:rgba(0,0,0,0.5);}
.kpca .sec1 .booth_wrap .cont > div .inner .img_detail:hover:after{content:""; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-26px; width:52px; height:50px; background:url(/resources/images/kr/newsroom/kpca/ico_zoom.png) no-repeat center;}
.kpca .sec1 .booth_wrap .cont .sol_name{position: absolute; top:-35px; left:0; width:100%; font-size:18px; text-align: center; font-weight:bold; color:#fff; line-height:1;}
.kpca .sec1 .booth_wrap .cont .btn_detail{display:inline-block; margin-top:25px; width:150px; height:44px; background-image:url(/resources/images/kr/newsroom/kpca/btn_detail.jpg); background-repeat:no-repeat; background-position:center; text-indent:-9999px;}
.kpca .sec1 .booth_wrap .cont .btn_detail:hover{background-image:url(/resources/images/kr/newsroom/kpca/btn_detail_on.jpg);}
.kpca .sec1 .youtube_wrap{overflow: hidden; margin-top:60px;}
.kpca .sec1 .youtube_wrap li{float:left; width:369px; margin-left:16.5px;}
.kpca .sec1 .youtube_wrap li:first-child{margin-left:0;}
.kpca .sec1 .youtube_wrap li a{position:relative; display:block;}
.kpca .sec1 .youtube_wrap li a:after{content:""; position:absolute; top:50%; left:50%; margin-left:-30px; margin-top:-40px; width:60px; height:46px; background:url(/resources/images/kr/newsroom/kpca/ico_youtube.png) no-repeat center;}
.kpca .sec1 .youtube_wrap li a:hover:after{background:url(/resources/images/kr/newsroom/kpca/ico_youtube_on.png) no-repeat center;}
.kpca .sec1 .youtube_wrap li p{margin-top:10px;}

.kpca .sec2{padding:70px 0 100px; margin-bottom:0; background:url(/resources/images/kr/newsroom/kpca/bg_sec2.jpg) no-repeat center;}
.kpca .sec2 .shortcuts{text-align:center;}
.kpca .sec2 .shortcuts li{display:inline-block; margin-left:250px;}
.kpca .sec2 .shortcuts li:first-child{margin-left:0;}
.kpca .sec2 .shortcuts li p{padding-bottom:15px; background:url(/resources/images/kr/newsroom/kpca/ico_arrow.png) no-repeat center bottom; color:#fff; line-height:24px;}
.kpca .sec2 .shortcuts li a{display:block; padding-top:85px; background-repeat:no-repeat; background-position:center top;}
.kpca .sec2 .shortcuts li.ico01 a{background-image:url(/resources/images/kr/newsroom/kpca/kpca_ico01.png);}
.kpca .sec2 .shortcuts li.ico02 a{width:68px; background-image:url(/resources/images/kr/newsroom/kpca/kpca_ico02.png);}
.kpca .sec2 .shortcuts li.ico03 a{background-image:url(/resources/images/kr/newsroom/kpca/kpca_ico03.png);}

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

/* etc common */
/* guide - homepage */
.privacy .highlight{text-decoration: underline; color:#2C7CD8;}
.privacy .top_area{position:relative; margin-bottom:30px;}
.privacy .top_area h4{margin-bottom:0;}
.privacy .privacy_select_area{position:absolute; top:-8px; right:0;}
.privacy .privacy_select_area .custom_select{display:inline-block; vertical-align:middle; width:350px;}
.privacy .privacy_select_area .select_btn{display:inline-block; vertical-align:middle; width:80px; height:45px; margin-left:9px; line-height:45px; background-color:#043285; text-align:center; color:#fff;}
.privacy .cont .txt2{margin-bottom:15px;}
.privacy .btn_area{padding-top:20px; margin-left:-14px; text-indent:0;}
.privacy .btn_area a{width:337px; margin-left:10px; margin-bottom:10px;}
.privacy .btn_area a:nth-child(3n+1){margin-left:0;}
.privacy .btn_area a:nth-last-of-type(1),.privacy .btn_area a:nth-last-of-type(2),.privacy .btn_area a:nth-last-of-type(3){margin-bottom:0;}
.privacy .attach_list li .basic_table2 td{text-align:left;}
.privacy .attach_list li .basic_table2 td em{font-weight:bold;}
.privacy .attach_list li .basic_table2 .bl_none{text-align:center;}
.privacy .attach_list > li{margin-bottom:38px;}
.privacy .attach_list > li:last-child{margin-bottom:0;}
/*
.privacy .link_list dd{padding-left:20px;}
*/
.privacy .link_wrap_list li{padding-left:20px; text-indent:-20px;}
.privacy .link_wrap_list > dd{padding-left:20px;}
.privacy .link_wrap_list .link_list dd{padding-left:8px; text-indent:-8px;}
.privacy .num_round_list li .cont_inner{text-indent:0;}
.privacy .plan_list li > p{text-indent:0;}
.guide span.date{display:block; padding-top:38px;}
/*
.privacy .privacy_top
*/
.privacy .privacy_top{margin-top:40px;}
.privacy .privacy_top h4{font-weight: 600; text-align: center; color: #2C7CD8;}
.privacy .privacy_top .layer_menu{padding:40px 0 45px; background-color:#edf6fd; text-align:center;}
.privacy .privacy_top .layer_menu .cont_tit{font-size:18px; color:#333; font-weight:600; margin-bottom:35px;}
.privacy .privacy_top .layer_menu li{display:inline-block; vertical-align: middle; width:230px; border-right:1px solid #ccc;}
.privacy .privacy_top .layer_menu li:last-child{border-right:none;}
.privacy .privacy_top .layer_menu li a{display:block; font-size:16px; color:#666; text-align:center;}
.privacy .privacy_top .layer_menu li p{margin-top:18px;}
/*
.privacy .anchor_menu
*/
.privacy .anchor_wrap{margin-top:50px;}
.privacy .anchor_menu{margin-bottom:50px; border:5px solid #f3f3f3; padding:45px 85px; overflow: hidden;}
.privacy .anchor_menu ul{float:left; width:430px; box-sizing:border-box;}
.privacy .anchor_menu ul:nth-child(2){padding-left:40px; border-left:1px solid #ccc;}
.privacy .anchor_menu ul li{padding-left:50px; text-indent:-50px;}
.privacy .anchor_menu ul li a{font-size:16px; color:#666;}
/* privacy popup */
.popup_wrap.privacy .pop_inner_wrap{width:760px;}    
.popup_wrap.privacy[data-popup="layer2"] .pop_inner_wrap,
.popup_wrap.privacy[data-popup="layer3"] .pop_inner_wrap{top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%);}
.popup_wrap.privacy .pop_inner{text-align: center;}
.popup_wrap.privacy .pop_tit{font-size:32px; color:#000; font-weight:600; text-align:center;}
.popup_wrap.privacy .pop_tit span{display:block; margin-top:25px;}
.popup_wrap.privacy .pop_tit:after{content:''; display:block; position:static;}
.popup_wrap.privacy .pop_tit:after{width:40px; height:3px; background-color: #2C7CD8; margin:30px auto 0;}
.popup_wrap.privacy[data-popup="layer1"] .pop_cont{text-align: left;}
.popup_wrap.privacy[data-popup="layer1"] dt{color:#2C7CD8;}
.popup_wrap.privacy[data-popup="layer1"] dd{color:#666; margin-bottom:30px;}
.popup_wrap.privacy[data-popup="layer1"] dd p{padding-left:40px; text-indent: -40px;}

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

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

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

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

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

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

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

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

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

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


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

.search_n .srch_news_list1 li{position:relative;}
.search_n .srch_news_list1 li a{padding-right:100px;}
.search_n .srch_news_list1 .date{position:absolute; right:0; top:36px; font-size:16px; font-weight:400; color:#666;}
.search_n .srch_news_list1 li:first-child .date{top:6px;}

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 뉴스레터 */
.subscription .visual_section,
.unsubscription .visual_section{background-image:url("/resources/images/kr/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 */