@charset "utf-8";

.new_company #content{padding-top:50px}
.new_company .section{padding-left:0; padding-right:0;}
.new_company .bottom_banner{background-color:#F6F6F6; padding:80px 0;}
.new_company .bottom_banner .inner{width:100%; padding:0 17.5px; box-sizing:border-box;}
.new_company .bottom_banner h3{font-weight:600;}
.new_company .bottom_banner ul{margin-top:35px;}
.new_company .bottom_banner ul:after{display:block; clear:both; content:"";}
.new_company .bottom_banner ul li{width:100%}
.new_company .bottom_banner ul li + li{margin-top:20px;}
.new_company .bottom_banner ul li a{border:1px solid #CCC; border-radius:10px; overflow:hidden; display:block; padding:30px; background:#fff; font-size:20px; color:#222; font-weight:600; position:relative; transition:background .2s, color .2s;}
.new_company .bottom_banner ul li a:after{content:""; width:20px; height:20px; display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); background-image:url(/resources/images/cn/about_us/new_overview_link_icon_black.png); background-size:cover; background-position:center; background-repeat:no-repeat}

/* CEO인사말 */
.new_ceo_message #content{padding-bottom:0;}
.new_ceo_message h3{text-align:center; font-weight:300; line-height:1.5; padding-bottom:0; margin-bottom:0;}
.new_ceo_message h3:after{display:none;}
.new_ceo_message .section{width:100%; margin:0 auto;}
.new_ceo_message .section .inner{width:100%; padding:0 17.5px; box-sizing:border-box;}
.new_ceo_message .sec1{margin-bottom:50px;}
.new_ceo_message .sec1 h3{transition:1s; transform:translateY(30%); opacity:0;}
.new_ceo_message .sec1.active h3{transform:translateY(0); opacity:1;}
.new_ceo_message .sec2{padding-bottom:80px; position:relative;}
.new_ceo_message .sec2 .bg{width:0; height:100%; position:absolute; right:0; top:225px; transition:1s; opacity:0; background-color:#F3F3F3; z-index:-1;}
.new_ceo_message .sec2 .inner .txt_area{padding-top:40px; box-sizing:border-box;}
.new_ceo_message .sec2 .inner .txt_area p{font-size:15px; color:#333; font-weight:300; line-height:1.5; word-break:keep-all; transition:1s; transition-delay:0.3s; transform:translateX(-8%); opacity:0;} 
.new_ceo_message .sec2 .inner .txt_area p + p{margin-top:20px;}
.new_ceo_message .sec2 .inner .txt_area p.tit{font-size:16px; color:#000; margin-bottom:30px;}
.new_ceo_message .sec2 .inner .txt_area p.tit b{font-weight:600;}
.new_ceo_message .sec2 .inner .txt_area .desc{margin-top:40px; position:relative; text-align:right;}
.new_ceo_message .sec2 .inner .txt_area .desc p{font-size:15px; color:#333; font-weight:600; line-height:1.5; margin-bottom:15px;}
.new_ceo_message .sec2 .inner .txt_area .desc i{display:inline-block; vertical-align:top; width:132px;}
.new_ceo_message .sec2 .inner .img_area{width:100%;}
.new_ceo_message .sec2 .inner .img_area .img{width:100%; border-radius:20px; overflow:hidden; transition:1s; transform:translateY(8%); opacity:0; transition-delay:0.2s;}
.new_ceo_message .sec2 .bg.active{width:100%; opacity:1;}
.new_ceo_message .sec2 .bg.active + .inner .txt_area p{transform:translateX(0); opacity:1;}
.new_ceo_message .sec2 .inner .img_area.active .img{transform:translateY(0); opacity:1;}

/* 연혁 및 수상실적 */
#wrap.new_history_award .header[data-fixed='none']{top:0;}
.new_history_award .section{width:100%; margin:0 auto;}
.new_history_award .section:last-child .lnb_cont{padding-bottom:0;}
.new_history_award .section .inner{width:100%; padding:0 17.5px; box-sizing:border-box;}
.new_history_award .sec_top{text-align:center;}
.new_history_award .sec_top h3{font-weight:300; line-height:1.5; padding-bottom:0;}
.new_history_award .sec_top h3:after{display:none;}
.new_history_award .sec_top .tit{transition:1s; transform:translateY(30%); opacity:0;}
.new_history_award .sec_top.active .tit{transform:translateY(0); opacity:1;}
.new_history_award .tab_wrap{margin:60px 0 15px;}
.new_history_award .lnb_wrap{height:81px;}
.new_history_award .lnb_wrap .lnb_tab{background:#fff; padding:17.5px; margin:0; position:relative; z-index:10;}
.new_history_award .lnb_wrap .lnb_tab.active{box-shadow:10px 10px 10px rgba(0,0,0,0.1); position:fixed; top:60px; left:0; width:100%;}
.new_history_award .lnb_wrap .lnb_tab .lnb_txt{font-size:15px; height:46px; line-height:46px;}
.new_history_award .lnb_wrap .lnb_tab .lnb_list{top:63.5px;}
.new_history_award .lnb_wrap .lnb_tab .lnb_list li a{font-size:15px; height:46px; line-height:46px;}
.new_history_award .lnb_cont{position:relative; background:#fff; padding:17.5px 0 74px; box-sizing:border-box;}
.new_history_award .lnb_cont h3{font-size:24px; color:#2C7CD8; font-weight:600; line-height:1; padding-bottom:0; margin-bottom:40px;}
.new_history_award .lnb_cont h3:after{display:none;}
.new_history_award .lnb_cont .year_area{border-top:2px solid #000;}
.new_history_award .lnb_cont .year_area li{padding:26px 0; box-sizing:border-box; opacity:0; transform:translateY(10%); transition:0.5s;}
.new_history_award .lnb_cont .year_area li.active{opacity:1; transform:translateY(0);}
.new_history_award .lnb_cont .year_area li + li{border-top:1px solid #CCC;}
.new_history_award .lnb_cont .year_area li p.year{background:none; margin:0; font-size:17px; color:#000; font-weight:600; line-height:1; width:100%;}
.new_history_award .lnb_cont .year_area li dl{font-size:0;}
.new_history_award .lnb_cont .year_area li dl dt{font-size:17px; color:#333; font-weight:300;}
.new_history_award .lnb_cont .year_area li dl dd{padding-top:25px;font-size:17px; color:#333; line-height:1.5;}
.new_history_award .lnb_cont .year_area li dl dd p{word-break:keep-all;}
.new_history_award .lnb_cont .year_area + .year_area{margin-top:74px;}
.new_history_award [class*='sec_bg']{padding:0 17.5px; height:200px; margin-bottom:82.5px; overflow:hidden; position:relative;}
.new_history_award [class*='sec_bg'] .bg{width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:top center; border-radius:10px; overflow:hidden; opacity:0; transform:translateY(10%); transition:0.5s;}
.new_history_award [class*='sec_bg'].active .bg{opacity:1; transform:translateY(0);}
.new_history_award.history .sec_bg1 .bg{background-image:url(/resources/images/cn/about_us/history_bg1.jpg)}
.new_history_award.history .sec_bg2 .bg{background-image:url(/resources/images/cn/about_us/history_bg2.jpg)}
.new_history_award.history .sec_bg3 .bg{background-image:url(/resources/images/cn/about_us/history_bg3.jpg)}
.new_history_award.history .sec_bg4 .bg{background-image:url(/resources/images/cn/about_us/history_bg4.jpg)}
.new_history_award.history .sec_bg5 .bg{background-image:url(/resources/images/cn/about_us/history_bg5.jpg)}
.new_history_award.award .sec_bg1 .bg{background-image:url(/resources/images/cn/about_us/award_bg1.jpg)}
.new_history_award.award .sec_bg2 .bg{background-image:url(/resources/images/cn/about_us/award_bg2.jpg)}
.new_history_award.award .sec_bg3 .bg{background-image:url(/resources/images/cn/about_us/award_bg3.jpg)}

/* 삼성전기소개 */
.new_overview #content{padding-bottom:0;}
.new_overview h3{text-align:center; font-weight:300; line-height:1.5; padding-bottom:0; margin-bottom:0;}
.new_overview h3:after{display:none;}
.new_overview .section{width:100%; margin:0 auto;}
.new_overview .section .inner{width:100%; padding:0 17.5px; box-sizing:border-box;}
.new_overview .sec1{padding-bottom:80px;}
.new_overview .sec1 h3{transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec1.active h3{transform:translateY(0); opacity:1;}
.new_overview .sec1 .info_area{margin:50px auto; transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec1 .info_area strong{display:block; font-size:16px; color:#000; font-weight:600; line-height:1.5; word-break:keep-all; margin-bottom:30px;}
.new_overview .sec1 .info_area p{font-size:15px; color:#333; font-weight:300; margin-top:20px; word-break:keep-all;}
.new_overview .sec1.active .info_area{transform:translateY(0); opacity:1;}
.new_overview .sec1 .icon_txt_area{margin-bottom:80px;}
.new_overview .sec1 .icon_txt_area ul li{width:100%; display:flex; align-items:center; padding:20px 15px; box-sizing:border-box;}
.new_overview .sec1 .icon_txt_area ul li + li{border-top:1px solid #E0E0E0}
.new_overview .sec1 .icon_txt_area ul li dl{padding-left:30px;}
.new_overview .sec1 .icon_txt_area ul li dl span{display:block; transform:translateY(100%); transition:1s;}
.new_overview .sec1 .icon_txt_area ul li dl dt{font-size:15px; color:#666; font-weight:300; position:relative; overflow:hidden;}
.new_overview .sec1 .icon_txt_area ul li dl dd{font-size:19px; color:#333; font-weight:600; position:relative; overflow:hidden;}
.new_overview .sec1 .icon_txt_area .icon1{width:70px; height:70px; background:url(/resources/images/cn/about_us/new_overview_sec1_icon1.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon2{width:70px; height:70px; background:url(/resources/images/cn/about_us/new_overview_sec1_icon2.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon3{width:70px; height:70px; background:url(/resources/images/cn/about_us/new_overview_sec1_icon3.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon4{width:70px; height:70px; background:url(/resources/images/cn/about_us/new_overview_sec1_icon4.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon5{width:70px; height:70px; background:url(/resources/images/cn/about_us/new_overview_sec1_icon5.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area .icon6{width:70px; height:70px; background:url(/resources/images/cn/about_us/new_overview_sec1_icon6.png)no-repeat center / cover;}
.new_overview .sec1 .icon_txt_area ul li.active dl span{opacity:1; transform:translateY(0);}
.new_overview .sec1 .banner{width:100%;}
.new_overview .sec1 .banner a{width:100%; display:block; padding:105px 30px 30px; height:100%; box-sizing:border-box; border-radius:10px; background:url(/resources/images/cn/about_us/new_overview_sec1_banner_bg.png)no-repeat center / cover;}
.new_overview .sec1 .banner a strong{display:block; font-size:24px; color:#fff; font-weight:300;}
.new_overview .sec1 .banner a strong i{margin-left:10px; margin-top:-4px; width:20px; height:20px; display:inline-block; vertical-align:middle; background:url(/resources/images/cn/about_us/new_overview_link_icon_white.png)no-repeat center / cover;}
.new_overview .sec1 .banner a p{font-size:15px; color:#DDD; font-weight:300; margin-top:20px; word-break:keep-all;}
.new_overview .sec1 .banner a:focus{outline:2px solid #000;}
.new_overview .sec2{padding:80px 0; background-color:#000220; background-image:url(/resources/images/cn/about_us/new_overview_sec2_bg.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
.new_overview .sec2 .tit{text-align:center; transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec2 .tit h3{color:#fff; margin-bottom:20px; font-weight:600;}
.new_overview .sec2 .tit p{font-size:16px; color:#ddd; font-weight:300;}
.new_overview .sec2 ul{margin-top:40px;}
.new_overview .sec2 ul li{width:100%; box-sizing:border-box; padding:35px 30px 20px; border-radius:20px; border:1px solid rgba(255,255,255,0.5); backdrop-filter: blur(15px); background-color:rgba(255,255,255,0.05); position:relative; opacity:0; transform:translateY(25%); transition:0.7s;}
.new_overview .sec2 ul li + li{margin-top:20px;}
.new_overview .sec2 ul li .txt h4{font-size:24px; color:#fff; font-weight:600; margin:0;}
.new_overview .sec2 ul li .txt p{font-size:15px; color:#fff; font-weight:300; margin-top:15px;}
.new_overview .sec2 ul li .link{margin-top:35px; font-size:0;}
.new_overview .sec2 ul li .link a{width:100%; display:block; font-size:20px; font-weight:600; color:#fff; padding:20px 0; box-sizing:border-box;}
.new_overview .sec2 ul li .link a + a{border-top:1px solid rgba(255,255,255,0.3);}
.new_overview .sec2 ul li .link a:after{content:""; width:17px; height:17px; display:inline-block; vertical-align:middle; margin-left:10px; margin-top:-2px; background-image:url(/resources/images/cn/about_us/new_overview_link_icon_white.png); background-size:cover; background-position:center; background-repeat:no-repeat}
.new_overview .sec2.active .tit{transform:translateY(0); opacity:1;}
.new_overview .sec2 ul li.active{opacity:1; transform:translateY(0);}
.new_overview .sec3{margin:80px auto;}
.new_overview .sec3 h3{font-weight:600; transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec3 .video_wrap{margin-top:30px; position:relative; padding-bottom:56.25%; border-radius:20px; opacity:0; transition:0.7s; transform:translateY(10%); overflow:hidden;}
.new_overview .sec3 .video_wrap .video_bg{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; cursor:pointer; background:url(/resources/images/cn/about_us/new_overview_video_bg.png)no-repeat center / cover;}
.new_overview .sec3 .video_wrap .video_bg:focus{outline:2px solid #222;}
.new_overview .sec3 .video_wrap .video_bg i{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:32px; height:32px; background:url(/resources/images/cn/about_us/new_overview_video_icon.png)no-repeat center / cover;}
.new_overview .sec3 .video_wrap iframe{position:absolute; left:0; top:0; width:100%; height:100%; border-radius:20px;}
.new_overview .sec3.active h3{transform:translateY(0); opacity:1;}
.new_overview .sec3.active .video_wrap{transform:translateY(0); opacity:1;}
.new_overview .sec4{margin:80px auto 20px;}
.new_overview .sec4 h3{font-weight:600; transition:1s; transform:translateY(30%); opacity:0;}
.new_overview .sec4 .news_list{margin-top:30px;}
.new_overview .sec4 .news_list:after{display:block; clear:both; content:"";}
.new_overview .sec4 .news_list li{width:100%; box-sizing:border-box; opacity:0; transition:0.7s; transform:translateY(10%);}
.new_overview .sec4 .news_list li a{display:block; width:100%; height:100%;}
.new_overview .sec4 .news_list li a:focus{outline:2px solid #000000;}
.new_overview .sec4 .news_list .img_area{position:relative; overflow:hidden; width:100%; padding-top:56.34%; border-radius:10px;}
.new_overview .sec4 .news_list .img_area img{width:100%; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.new_overview .sec4 .news_list .txt_area{position:relative; padding:30px 0 60px; background-color:#fff; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.new_overview .sec4 .news_list .txt_area p{overflow:hidden; font-size:20px; line-height:1.5;font-weight:600; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-word; color:#000; margin-top:10px;}
.new_overview .sec4 .news_list .txt_area a{display:block;}
.new_overview .sec4 .news_list .txt_area .top_txt{line-height:1;}
.new_overview .sec4 .news_list .txt_area i{position:relative; left:0; bottom:0; width:auto; height:auto; padding:0 10px 0 0; margin-right:8px; line-height:1; font-size:15px; font-style:normal; font-weight:600; text-align:left; display:inline-block;}
.new_overview .sec4 .news_list .txt_area i:after{content:''; display:block; width:1px; height:7px; background:#ccc; position:absolute; top:5px; right:0; }
.new_overview .sec4 .news_list .txt_area i.company{color:#003399;}
.new_overview .sec4 .news_list .txt_area i.product{color:#327f2e;}
.new_overview .sec4 .news_list .txt_area i.careers{color:#3399ff;}
.new_overview .sec4 .news_list .txt_area i.press{color:#f26522;}
.new_overview .sec4 .news_list .txt_area i.tech{color:#6703c7;}
.new_overview .sec4 .news_list .txt_area i.csr{color:#ad0057;}
.new_overview .sec4 .news_list .txt_area .date{position:relative; top:0; left:0; font-size:15px; letter-spacing:0; color:#666;}
.new_overview .sec4 .news_list .txt_area .sns{overflow:hidden; position:absolute; right:0; bottom:0; width:22.5px; height:22.5px; background-image:url(/resources/images/cn/newsroom/news_sns_ico.png); background-repeat:no-repeat; background-position:0 0; background-size:400% auto; text-indent:-9999px; font-size:1px;}
.new_overview .sec4 .news_list .txt_area .sns.youtube{background-position:-22.5px 0;}
.new_overview .sec4 .news_list .txt_area .sns.blog{background-position:-45px 0;}
.new_overview .sec4 .news_list .txt_area .sns.facebook{background-position:-67px 0;}
.new_overview .sec4.active h3{transform:translateY(0); opacity:1;}
.new_overview .sec4 .news_list li.active{transform:translateY(0); opacity:1;}

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

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


/* IR */

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

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

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

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

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

.governance.status h3 span {display: block; margin-top: 15px; font-size: 15px; font-weight: 400; line-height: 1;}

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

/* investor-relations - archive */
.archive h3{padding-bottom: 0; margin-bottom:20px; font-size: 18px; font-weight: 600; line-height: 1em; letter-spacing: -0.5px; color: #000;}
.archive h3::after {display: none;}
.archive .sec_inner{margin-bottom:60px;}
.archive .sec_inner1 h4{margin-bottom:15px; font-size:16px; font-weight:400;}
.archive .sec_inner1 strong{display:block; margin-bottom:15px; font-size:14px; font-weight:400; color:#666;}
.archive .sec_inner1 .inner_cont{margin-bottom:40px;}
.archive .sec_inner1 .inner_cont.last{margin-bottom:0;}
.archive .sec_inner1 .table_wrap{margin-bottom:30px;}
.archive .sec_inner1 .table_wrap.last{margin-bottom:0;}
.archive .basic_table td{line-height:1.4em;}
.archive a.download{display:flex; justify-content:center; align-items:center; position:relative; gap:5px;}
.archive a.download i{display:block; width:16px; height:17px; background:url("/resources/images/cn/about_us/down_icon.svg")no-repeat center / 100%;}
.archive .basic_table.short{width:63%;}