@charset "utf-8";

.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; }

/* 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 #ccc;}
.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:#2c7cd8; position:absolute; left:0; top:-1px; opacity:0;}
.new_history_award .lnb_scroll_sticky li.on a{color:#2c7cd8; 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 .tab_wrap{margin-top:120px;}
.new_history_award .tab_wrap > ul {margin: 0;}
.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 .sticky_left{position:absolute; left:0; top:0; white-space:nowrap; height:100%; padding-bottom:100px; 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:sticky; left:0; top:115px;}
.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 .inner{width:966px;}
.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:40px; display:flex; flex-direction:column; gap:12px;}
.new_overview .sec2 ul li{width:100%; box-sizing:border-box; padding:35px 50px 25px; 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: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{display:flex; align-items:center; gap:12px;}
.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:5px;}
.new_overview .sec2 ul li .link{display:flex; gap:50px; margin-top:30px; justify-content:space-between; font-size:0;}
.new_overview .sec2 ul li .link a{display:inline-block; vertical-align:top; padding:10px 0; font-size:20px; font-weight:600; color:#fff; white-space:nowrap; box-sizing:border-box;}
.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_wrap {transform: translateY(10%); opacity: 0; transition: 0.7s;}
.new_location .tab_wrap.active {transform: translateY(0); opacity: 1;}


/* IR */

/* 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:30px;width:350px;}
.earnings_release .language_area .tit{margin-bottom:4px;}
.earnings_release .language_area a:last-child{margin-left:6px;}
.earnings_release .box_area{overflow:hidden;margin-top:60px;padding:30px 34px; background:#f3f3f3;}
.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:10px;}
.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 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 30px 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 .tab_wrap{position:relative; width:1140px; margin:0 auto 80px;}
.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{box-sizing: border-box; overflow: hidden; width:100%; height:190px; padding-right: 20px; 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:#2c7cd8;}
.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; display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 80px; margin-bottom:0;}
.governance .tab_area .tablist li{float: unset; width:110px; height: auto; box-sizing:border-box;}
.governance .tab_area .tablist li:first-child{width: 80px; background-image:none;}
.governance .tab_area .tablist li a{display:block; height:auto; padding: 0; 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:first-child a{text-align: left; background:none;}
.governance .tab_area .tablist li.active a{font-weight:600; color:#2c7cd8;}

.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;}

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

/* investor_relations - archive */
.archive h3{padding-bottom: 0; margin-bottom:30px; font-size: 30px; font-weight: 400; line-height: 1em; letter-spacing: -0.5px; color: #000;}
.archive h3::after {display: none;}
.archive .sec1 .sec_inner{margin-bottom:60px;}
.archive .sec1 .sec_inner.last{margin-bottom:0;}
.archive .sec1 h4{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 a.download{display:flex; justify-content:space-between;}
.archive a.download i{display:block; width:24px; height:24px; position:relative; overflow:hidden; background-size:20px 8px; background-repeat:no-repeat; background-position:2px 14px; background-image:url("/resources/images/kr/about_us/down_icon_round_off.svg")}
.archive a.download i:before{content:""; width:14px; height:15px; position:absolute; left:50%; top:1px; transform:translateX(-50%); background-position:center; background-repeat:no-repeat; background-image:url("/resources/images/kr/about_us/down_icon_arrow_off.svg")}
.archive a.download i:after{content:""; width:14px; height:15px; position:absolute; left:50%; top:-16px; transform:translateX(-50%); background-position:center; background-repeat:no-repeat; background-image:url("/resources/images/kr/about_us/down_icon_arrow_on.svg")}
.archive a.download:hover i{background-image:url("/resources/images/kr/about_us/down_icon_round_on.svg"); transition:0.4s;}
.archive a.download:hover i:before{top:10px; opacity:0; transition:0.4s;}
.archive a.download:hover i:after{top:1px; opacity:1; transition:0.4s 0.1s;}


/* 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%;}