@charset "UTF-8";
/* 레이아웃 */
#container{margin-top:-64px;}
#content{ min-width:1100px; padding-top:43px; padding-bottom:200px;}
#footer{ min-width:1100px; background:url(/resource/images/common/footer.gif) no-repeat center 0;}
.footer_inner {width:1100px;margin:0px auto;}
.page_spot{ height:338px; min-width:1100px; background:no-repeat center 0; }
.page_spot.fixed{padding-bottom:50px;}
.company .page_spot{background-image:url(/resource/images/company/page_title_bg.jpg)}
.business .page_spot{background-image:url(/resource/images/business/page_title_bg.jpg)}
.ir .page_spot{background-image:url(/resource/images/ir/page_title_bg.jpg)}
.sustainability .page_spot{background-image:url(/resource/images/sustainability/page_title_bg.jpg)}
.newsroom .page_spot{background-image:url(/resource/images/newsroom/page_title_bg.jpg)}
.customer .page_spot{background-image:url(/resource/images/customer/page_title_bg.jpg)}
.etc .page_spot{background-image:url(/resource/images/etc/page_title_bg.jpg)}
.recruitment .page_spot{background-image:url(/resource/images/recruitment/page_title_bg.jpg)}
.noscroll{overflow-x:hidden; overflow-y:hidden;}


.section{width:960px; margin:0px auto;}
.full_section{width:100%; min-width:960px;}
.full_section .section_inner{width:960px; margin:0px auto;}

/* snb */
.snb_nav.fixed{position:fixed;top:0px; left:0px; right:0px; z-index:100;}
.snb_nav{ background:#e9e9e9;}
.snb_nav .snb_nav_list{margin:0px auto; width:1100px;}
.snb_nav .snb_nav_list:after{content:''; display:block; clear:both;}
.snb_nav li{float:left; border-left:1px solid #fff}
.snb_nav li:first-child{border-left:0;}
.snb_nav a{display:block; text-align:center; padding:19px 0px 18px; height:13px; line-height:13px; color:#666666; font-size:14px; background:#e9e9e9;}
.snb_nav li.on{}
.snb_nav li.on a{border-top:2px solid #e71a10; color:#e71a10; background:#fff; padding:17px 0px 18px;}
.snb_nav.split2 li{width:549.5px;}
.snb_nav.split4 li{width:274px;}
.snb_nav.split5 li{width:219.2px;}
.snb_nav.split6 li{width:182.5px;}
.snb_nav.split7 li{width:156.2px;}
.snb_nav.split8 li{width:136.6px;}

/* 서브페이지 공통*/
.page_location{width:1100px; margin:0px auto; padding-top:20px; text-align:right; letter-spacing:0px}
.page_location a{padding:0px 2px;}
.hidden{height:0; text-indent:-999px; overflow:hidden;}
.type_bold{font-weight:800;}

/* 타이틀 */
.page_title{width:960px; padding-bottom:45px; margin:0px auto 48px; border-bottom:1px solid #d2d2d2; text-align:center;}
.page_title span{display:block; padding-top:13px; color:#888888; font-size:20px; font-weight:100; letter-spacing:-0.5px;}
.section_title{text-align:center; color:#101010; font-size:30px;}
.section_title.underline{position:relative;}
.section_title.underline:after{content:""; display:block; position:absolute;  left:50%; width:34px; height:1px;  margin-left:-17px;background:#e6240f; }
.sub_title{text-align:center; color:#101010; font-size:25px; }
.sub_title.cmgb { margin-bottom:25px; }
.sub_title .decs{color:#888888;}

/* 테이블 */
.table{width:100%;}
.table .bold_line{font-weight:900;}
.normal_table{border-bottom:2px solid #d2d2d2;border-top:2px solid #000000;}
.normal_table th , .normal_table td{height:68px; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; text-align:center; font-size:15px; color:#333333}
.normal_table tr:first-child th , .normal_table tr:first-child td{}
.normal_table th{background:#f2f2f2;}
.normal_table td{}
.lien-table th, .lien-table td{border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
.lien-table tr th:first-child, .lien-table tr td:first-child{border-left:0;}
.lien-table tr th:last-child, .lien-table tr td:last-child{border-right:0;}
.left_table th , .left_table td{text-align:left; padding-left:40px;}
.table_decs{position:relative; padding-bottom:10px; color:#333; font-size:18px;}
.table_decs span{color:#888888;}
.table_decs .right{position:absolute; right:0px; font-size:15px;}
/* 탭 */
.tabWrap .tabList{}
.tabWrap .tabList:after, .tabWrap2 .tabList:after{content:''; display:block; clear:both;}
.tabWrap .tabList li, .tabWrap2 .tabList li{float:left; height:48px; line-height:49px; border:1px solid #d2d2d2; border-left:0; text-align:center;}
.tabWrap .tabList li:first-child, .tabWrap2 .tabList li:first-child{border-left:1px solid #d2d2d2;}
.tabWrap .tabList a, .tabWrap2 .tabList a{display:block; height:48px; color:#333; font-size:15px;}
.tabWrap .tabList li.on, .tabWrap2 .tabList li.on{background-color:#ededed;}
/*.tabWrap .tabList li.on a{color:#e6240f;}*/
.tabWrap .tabContent, .tabWrap2 .tabContent{display:none;}
.tabWrap .tabContent.on, .tabWrap2 .tabContent.on{display:block;}
/*버튼*/
.download_btn{display:inline-block; height:43px; line-height:44px; background:#fff; border:1px solid #d2d2d2; font-size:15px; color:#333333; text-align:center; }
.download_btn:after{content:""; display:inline-block; background:url(/resource/images/common/download_icon.png) ; width:13px; height:13px; margin-left:5px;}
.download_btn.no_icon:after{display:none;}

.download_btn2{display:inline-block; height:43px; line-height:44px; background:#fff; border:1px solid #d2d2d2; font-size:15px; color:#e6240f; text-align:center; }
.download_btn2:after{content:""; display:inline-block; background:url(/resource/images/common/download_icon.png) ; width:13px; height:13px; margin-left:5px;}

/* 폰트 */
.cl-1 { color:#E6240F !important; }
.cl-2 { color:#333 !important; }
.cl-3 { color:#888 !important; }
.cl-4 { color:#e71a0f !important; }

/* 개별 페이지 */

/* 회사소개*/
.company .page_title{border-bottom:0; margin-bottom:0;}
.company .section_title{padding-bottom:18px;}

/* 회사소개 > CEO 인사말 */
.ceo{}
.ceo .section{}
.ceo .ceo_box{}
.ceo .ceo_box.box1{margin-bottom:100px;}
.ceo .ceo_box .img_box{width:790px; padding:80px 85px 0px 85px; background:no-repeat center bottom;}
.ceo .ceo_box.box1 .img_box{height:385px; background-image:url(/resource/images/company/ceo_img01.jpg); }
.ceo .ceo_box.box2 .img_box{height:384px; background-image:url(/resource/images/company/ceo_img02_ko.jpg);}/* 2020-03-20 수정 */
.ceo .ceo_box.box3 .img_box{height:384px; background-image:url(/resource/images/company/ceo_img03.jpg);}
.ceo .ceo_box .ceo_title{font-weight:300; color:#e6240f; font-size:36px; line-height:46px;}/* 2020-03-20 수정 */
.ceo .ceo_box .ceo_name{display:block; padding:20px 0px 25px;font-weight:bold; color:#333333; font-size:18px;}
.ceo .ceo_box .ceo_btn{}
.ceo .ceo_box .img_box p{padding-bottom:38px;}
.ceo .ceo_box.box2 p{font-weight:bold;}
.ceo .ceo_box.box3 p{font-weight:bold;}
.ceo .ceo_box .img_box span{display:inline-block; color:#888888; font-size:18px; line-height:31px; border-bottom:1px solid #888888;}
.ceo .ceo_box .text-box{padding:35px 80px 35px 90px}
.ceo .ceo_box.box1 .text-box{background:#56585f; color:#fff;}
.ceo .ceo_box.box2 .text-box{background:#aebecc; color:#333;}
.ceo .ceo_box.box3 .text-box{background:#aebecc; color:#333;}
.ceo .ceo_box .text-box p{padding:12px 0px; font-size:15px; line-height:24px;}
.ceo .video_pop_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:url(/resource/images/common/pop_bg.png); z-index:1000}
.ceo .video_pop_wrap .video_pop{position:absolute; top:50%; left:50%; width:960px; height:540px; margin:-270px 0px 0px -480px;}
.ceo .video_pop_wrap .close_btn{position:absolute; right:0px; top:-40px; width:40px; height:40px;  background:url(/resource/images/index/newsletter_close.png) no-repeat right top; text-indent:-9999px;}

/* 회사소개 > 가치체계 */
.vision .section{padding-bottom:100px;}
.vision .vision_list{border-top:2px solid #000; border-bottom:2px solid #d2d2d2;}
.recruitment .talent .vision .vision_list{border-bottom:1px solid #d2d2d2;}
.vision .vision_list:after{content:''; display:block; clear:both;}
.vision .vision_list .item{float:left; width:444px; padding:43px 0px 0px 35px;position:relative; border-bottom:1px solid #d2d2d2;}
.vision .vision_list .item:after{content:''; display:block; position:absolute; right:35px; top:40px; width:100px; height:100px; background:url(/resource/images/company/vision_icon.png) no-repeat; z-index:-1px;}
.vision .vision_list .num{display:block; color:#b2b2b2; font-size:15px; font-weight:900; margin-bottom:-5px;}
.vision .vision_list strong{display:block; font-size:25px; font-weight:bold; color:#101010;}
.vision .vision_list p{padding:18px 0px 34px;color:#333333; font-size:18px; font-weight:bold;}
.vision .vision_list .detail_li{}
.vision .detail_li li{padding-left:10px; background:url(/resource/images/common/list-style01.gif) no-repeat 0px 10px;color:#888888; font-size:15px; line-height:24px;}
.vision .vision_list .item01{height:290px; border-right:1px solid #d2d2d2;}
.vision .vision_list .item01:after{background-position:0 0;}
.vision .vision_list .item02{height:290px;}
.vision .vision_list .item02:after{background-position:-100px 0;}
.vision .vision_list .item03{height:297px; border-right:1px solid #d2d2d2;}
.vision .vision_list .item03:after{background-position:0 -100px;}
.vision .vision_list .item04{height:297px;}
.vision .vision_list .item04:after{background-position:-100px -100px;}
.vision .vision_list .item05{height:287px; border-right:1px solid #d2d2d2;}
.vision .vision_list .item05:after{background-position:0 -200px;}
.vision .vision_list .item06{height:287px;}
.vision .vision_list .item06:after{background-position:-100px -200px;}
.vision .vision_list .item07{height:180px; border-bottom:0;}
.vision .vision_list .item07:after{background-position:0 -300px;}
.vision .sec04{background:url(/resource/images/company/vision_img05.gif) repeat-x 0px 0px}
.vision .sec03{padding-bottom:0; padding-top:135px;}
.vision .book_wrap{width:670px; margin:0px auto; padding-top:60px;}
.vision .book_wrap:after{content:''; display:block; clear:both;}
.vision .book_wrap .book_img{float:left;}
.vision .book_wrap .book_con{float:left; padding-left:70px;}
.vision .book_wrap .subtitle{display:block; padding:17px 0px 22px;font-size:18px; color:#666666; line-height:28px;}
.vision .book_wrap p{font-size:15px; color:#333333; line-height:25px; font-weight:bold;}
.vision .book_wrap .btns{margin-top:73px;}
.vision .book_wrap .download_btn{width:145px; margin-left:8px;}
.vision .book_wrap .download_btn:first-child{margin-left:0;}

/* 회사소개 > CI/BI */
.identity .identity_box{position:relative;}
.identity .identity_box h4{font-size:30px; color:#333;}
.identity .identity_box .sec_txt{padding-top:16px; font-weight:300;}
.identity .identity_box.ci{margin-bottom:50px; padding:60px 0 0 54px; background:url(/resource/images/company/identity01.jpg) no-repeat;}
.identity .identity_box.ci .sec_txt{width:313px; height:190px; margin-bottom:30px; font-size:25px; font-weight:300; line-height:1.5em; }
.identity .identity_box .ci_lst{overflow:hidden;}
.identity .identity_box .ci_lst li{float:left; width:258px; min-height:95px; padding-left:28px; background:url(/resource/images/company/bar.gif) 0 6px no-repeat; border-left:1px solid #dcdcdc;}
.identity .identity_box .ci_lst li:first-child{padding:0 28px 0 0; background:none; border-left:0}
.identity .identity_box .ci_lst .li_v2{padding-right:28px;}
.identity .identity_box .ci_lst em{font-size:18px; color:#323232; margin-bottom:20px;}
.identity .identity_box .ci_lst p{padding-top:12px;}
.identity .identity_box.bi{padding:44px 0 0 33px; height:350px; background:url(/resource/images/company/identity04.jpg) no-repeat; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 60px;}
.identity .identity_box.bi .tit{font-size:25px; font-weight:300; line-height:35px; color:#333;}
.identity .identity_box.bi .sec_txt{width:368px; padding-top:9px; line-height:25px; font-size:15px;}
.identity .identity_box.bi .txt_area{width:384px;}
.identity .identity_box .do_btn{position:absolute; display:block; height:44px; }
.identity .identity_box.ci{width:960px; height:512px; background:url(/resource/images/company/identity01.jpg) no-repeat;}
.identity .identity_box.ci .do_btn{top:257px; width:264px;}
.identity .identity_box.ci .do_btn.jpg{left:389px;}
.identity .identity_box.ci .do_btn.ai{left:653px;}
.identity .identity_box.bi .do_btn{top:290px; width:242px;}
.identity .identity_box.bi .do_btn.jpg{left:430px;}
.identity .identity_box.bi .do_btn.ai{left:672px;}
.identity .footnote{padding:27px 0px 55px; font-size:15px; color:#888888; line-height:24px;}
.identity .section p, .identity .section_inner p{padding-top:27px; font-size:15px; color:#888888; line-height:24px;}
.identity .sec01{padding-bottom:100px;}
.identity .sec02{position: relative; padding-bottom:80px;}
.identity .sec02 .bg{position:absolute; top:0px; left:0px; right:0px; width:100%; min-width:960px; height:507px; background:url(/resource/images/company/identity_bg.jpg) -950px -850px;background-attachment:fixed; z-index:-1; }
.identity .sec02 .bg div{position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:rgba(30,30,30,0.5);}
.identity .sec02 .section_title{padding:110px 0px 95px; color:#fff; font-weight:normal;}
.identity .sec03 .sub_title{padding-bottom:25px;font-weight:bold;}


/* 회사소개 > 마스터피스 */
.masterpiece_slide{position:relative;}
.masterpiece_slide .slide_img{position:relative; overflow:hidden}
.masterpiece_slide .slide_img li{position:absolute; overflow:hidden; left:100%;}
.masterpiece_slide .slide_img li.on{left:100%; z-index:1; /*box-shadow:0 0 100px #000; outline:1px solid #000;*/}
.masterpiece_slide .slide_img img{position:absolute; width:100%; left:-50%;}
.masterpiece_slide .slide_img li.on img{left:-50%}
.masterpiece_slide .slide_img li:first-child{left:0px;}
.masterpiece_slide .slide_img li:first-child img{left:0px;}
.masterpiece_slide .slide_control{text-align:right; padding-top:27px;}
.masterpiece_slide .slide_control button{position:absolute; top:50%; width:70px; height:137px; margin-top:-104px; z-index:10; text-indent:-99999px; overflow:hidden; outline:none;}
.masterpiece_slide .slide_control .prev_btn{left:0px;}
.masterpiece_slide .slide_control .next_btn{right:0px;}
.masterpiece_slide .slide_control .btn{background:rgba(0, 0, 0, 0);transition:all .5s;}
.masterpiece_slide .slide_control .btn:hover{background:rgba(0, 0, 0, 0.2);}
.masterpiece_slide .prev_btn::before,
.masterpiece_slide .next_btn::before{position:absolute;top:58px;left:15px;display:block;width:30px;height:2px;background:#fff;transform:rotate(-45deg);content:'';}
.masterpiece_slide .prev_btn::after,
.masterpiece_slide .next_btn::after{position:absolute;bottom:57px;left:15px;display:block;width:30px;height:2px;background:#fff;transform:rotate(45deg);content:'';}
.masterpiece_slide .next_btn::before{transform:rotate(45deg);}
.masterpiece_slide .next_btn::after{transform:rotate(-45deg);}
.masterpiece_slide .slide_control .slide_num{display:inline-block; font-size:18px; line-height:20px; color:#888888;}
.masterpiece_slide .slide_control .slide_num span{color:#333333;}
.masterpiece_slide2 .slide_control{margin-top:-50px;padding-top:0;}

.masterpiece .tabList{width:960px; margin:0px auto; }
.masterpiece .tabList li{width:239.7px; line-height:15px; height:auto; background:url(/resource/images/company/masterpiece_tab.png) no-repeat; border-left:0; border-right:0;}
.masterpiece .tabList li.list01{background-position:0px 0px; border-left:0;}
.masterpiece .tabList li.list02{background-position:-245px 0px;}
.masterpiece .tabList li.list03{background-position:-480px 0px;}
.masterpiece .tabList li.list04{background-position:-735px 0px;}
.masterpiece .tabList li.on{border-bottom:2px solid #e6240f;}
.masterpiece .tabList a{height:auto; padding:25px 0px 135px; font-weight:bold; }
.masterpiece .tabList li.on a{padding-bottom:134px;}
.masterpiece .tabWrap p{line-height:24px; font-size:15px; color:#888888;}
.masterpiece .sec{width:960px; margin:0px auto;}
.masterpiece .masterpiece_title{padding:95px 0px 40px; min-height:96px;}
.masterpiece .masterpiece_title:after{content:''; display:block; clear:both;}
.masterpiece .masterpiece_title h4{float:left; width:330px; line-height:35px; font-size:40px; font-weight:bold; color:#222222;}
.masterpiece .masterpiece_title h4 span{display:block; font-size:20px; color:#888888; font-weight:normal;}
.masterpiece .masterpiece_title p{float:right; width:600px; line-height:24px; font-size:15px; font-weight:bold; color:#333333;}
.masterpiece .masterpiece_video{display:block; margin-bottom:60px;}
.masterpiece .sec01{padding-bottom:85px;}
.masterpiece .sec02{width:100%;}
.masterpiece .summary_list{ margin:0px auto; color:#fff;}
.masterpiece .summary_list:after{content:''; display:block; clear:both;}
.masterpiece .summary_list li{float:left; background:url(/resource/images/company/masterpiece_line.png) repeat-y;}
.masterpiece .summary_list li:first-child{background:none;}
.masterpiece .summary_list .num{line-height:1em; font-size:40px;}
.masterpiece .summary_list span{font-size:15px;}
.masterpiece .summary_list .sub{display:block; font-size:18px;}
.masterpiece .tabWrap .summary_list p{padding-top:40px; font-size:15px; line-height:24px; font-weight:100; color:#fff;}
.masterpiece .summary_list li.list_small .sub{padding-top:9px;}
.masterpiece .mp_sub_title{display:block; padding-bottom:15px; line-height:35px; font-size:25px; }


.masterpiece .player{position:relative; margin-bottom:60px; background:#000;}
.masterpiece .play{position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(30,30,30,0.3) url(/resource/images/company/play_btn.png) no-repeat center; }
/*.masterpiece .jp_container_1 .play{background:url(/resource/images/company/masterpiece01_01.jpg) no-repeat;}
.masterpiece .jp_container_2 .play{background:url(/resource/images/company/masterpiece02_01.jpg) no-repeat;}
.masterpiece .jp_container_3 .play{background:url(/resource/images/company/masterpiece03_01.jpg) no-repeat;}
.masterpiece .jp_container_4 .play{background:url(/resource/images/company/masterpiece04_01.jpg) no-repeat;}*/
.masterpiece .pause{display:none; position:absolute; left:0; top:0; right:0; bottom:-100px; width:100%; height:100%; background:rgba(30,30,30,0.3) url(/resource/images/company/stop_btn.png) no-repeat center; z-index:10;}
.masterpiece .player:hover .pause{display:block;}
.masterpiece .player:hover .pause.off{display:none;}
.masterpiece .player .pause.mo{background:none;}



.masterpiece .underline span{display:inline-block; margin-bottom:7px; padding-bottom:4px; padding-right:5px; border-bottom:1px solid #bfbfbf; font-weight:100; font-size:18px;}


.masterpiece .masterpiece_con1{}/* 해운대 */
.masterpiece_con1 .masterpiece_title h4 span{letter-spacing:1px;}
.masterpiece_con1 .sec02{background:url(/resource/images/company/masterpiece01_03.jpg) center;}
.masterpiece_con1 .sec03{padding:100px 0px 50px; border-bottom:1px solid #d2d2d2;}
.masterpiece_con1 .sec04{position:relative; padding:95px 0px 230px; background:url(/resource/images/company/masterpiece01_05.jpg) no-repeat 0px 289px ; }
.masterpiece_con1 .sec04 .bg_img{position:absolute; right:0; top:102px;}
.masterpiece_con1 .sec04 p{width:370px;}
.masterpiece_con1 .sec05{width:100%; height:666px; padding-top:168px; background:url(/resource/images/company/masterpiece01_07.jpg) no-repeat center; text-align:center; }
.masterpiece_con1 .sec06{padding-top:100px;}
.masterpiece_con1 .sec06 .tt{margin-top:-20px;}
.masterpiece_con1 .summary_list{width:762px; padding:115px 60px 115px 0px; }
.masterpiece_con1 .summary_list li{padding-left:49px; width:205px;}
.masterpiece_con1 .underline{min-height:185px; padding-left:497px; padding-top:37px; background:url(/resource/images/company/masterpiece01_02.jpg) no-repeat;}

.masterpiece .masterpiece_con2{}/* 수원 */
.masterpiece_con2 .masterpiece_title h4 span{letter-spacing:1px;}
.masterpiece_con2 .sec02{background:url(/resource/images/company/masterpiece02_03.jpg) center;}
.masterpiece_con2 .sec03{width:100%; background:url(/resource/images/company/masterpiece02_15.gif) 0px 475px repeat-x;}
.masterpiece_con2 .sec03 .title_sec{width:800px; margin:0px auto;padding:95px 0px 40px;}
.masterpiece_con2 .sec03 .title_sec strong{display:block; padding-bottom:25px; font-size:25px; color:#333;}
.masterpiece_con2 .sec03 .title_sec p{font-size:15px; color:#888888;}
.masterpiece_con2 .sec04{position:relative; padding:145px 0px 285px; background:url(/resource/images/company/masterpiece02_15.jpg) no-repeat 0px 330px ; border-top:1px solid #d2d2d2;}
.masterpiece_con2 .sec04 .bg_img{position:absolute; right:0; top:102px;}
.masterpiece_con2 .sec05{width:100%; padding-top:170px; background:url(/resource/images/company/masterpiece02_16.gif) 0px 0px repeat-x;}
.masterpiece_con2 .sec05 .masterpiece_slide{width:960px; margin:0px auto;}
.masterpiece_con2 .mp2_list{width:800px; margin:0px auto; padding-bottom:100px;}
.masterpiece_con2 .mp2_list .list_item{padding-top:100px; overflow:hidden;}
.masterpiece_con2 .mp2_list .list_item:first-child{padding-top:0;}
.masterpiece_con2 .mp2_list .left .list_d{float:right}
.masterpiece_con2 .mp2_list .left .list_img{float:left}
.masterpiece_con2 .mp2_list .right .list_d{float:left}
.masterpiece_con2 .mp2_list .right .list_img{float:right}
.masterpiece_con2 .mp2_list .list_d{width:298px; padding-top:40px; overflow:hidden;}
.masterpiece_con2 .mp2_list .list_img{width:458px;}
.masterpiece_con2 .mp2_list .tit{float:left; padding:0px 20px 45px 0px; line-height:1em; font-size:35px; color:#333; font-weight:bold; text-transform:uppercase; letter-spacing:2px;}
.masterpiece_con2 .mp2_list .item03 .tit{padding-right:5px;}
.masterpiece_con2 .mp2_list .item04 .tit{padding-right:60px;}
.masterpiece_con2 .summary_list{width:960px; padding:115px 0px;}
.masterpiece_con2 .summary_list li{padding-left:50px; width:200px;}
.masterpiece_con2 .summary_list li:first-child{padding-left:0;}
.masterpiece_con2 .underline{min-height:216px; padding-left:503px; padding-top:40px; background:url(/resource/images/company/masterpiece02_02.jpg) no-repeat;}

.masterpiece_con3 .masterpiece_title h4{letter-spacing:4px;}/*고척*/
.masterpiece_con3 .masterpiece_title h4 span{letter-spacing:1px;}
.masterpiece_con3 .masterpiece_title p{}
.masterpiece_con3 .masterpiece_slide{width:960px; margin:0px auto;}
.masterpiece_con3 .sec01{padding-bottom:28px;}
.masterpiece_con3 .sec02{padding-top:140px; background:url(/resource/images/company/masterpiece03_03.jpg) no-repeat center; border-bottom:1px solid #d2d2d2;}
.masterpiece_con3 .sec03{padding:100px 0px; border-bottom:1px solid #d2d2d2;}
.masterpiece_con3 .sec03 .box1{padding:0px 580px 250px 0px; background:url(/resource/images/company/masterpiece03_04.png) no-repeat;}
.masterpiece_con3 .sec03 .box2{min-height:218px; padding-left:653px; background:url(/resource/images/company/masterpiece03_05.png) no-repeat;}
.masterpiece_con3 .sec04{width:100%; padding-top:100px; background:url(/resource/images/company/masterpiece03_08.gif) repeat-x 0 bottom;}
.masterpiece_con3 .sec05{width:100%; background:#f2f2f2;}
.masterpiece_con3 .sec05 .inner_sec{width:960px; margin:0px auto;padding:100px 0px; border-bottom:1px solid #d2d2d2; overflow:hidden;}
.masterpiece_con3 .sec05 .box3{float:left; width:329px; }
.masterpiece_con3 .sec05 .box3 .img{display:block; margin:95px 0px 45px;}
.masterpiece_con3 .sec05 .box4{float:right; width:583px; padding-top:833px; background:url(/resource/images/company/masterpiece03_06.png) no-repeat center top;}
.masterpiece_con3 .sec06{width:100%; padding-top:100px; background:url(/resource/images/company/masterpiece03_08.gif) repeat-x 0 top;}
.masterpiece_con3 .sec06 .tt{width:960px; margin:0px auto; overflow:hidden;}
.masterpiece_con3 .sec06 .box5{float:left; width:415px; }
.masterpiece_con3 .sec06 .box6{float:right; width:415px;}
.masterpiece_con3 .summary_list{width:960px; height:290px; margin:0px auto}
.masterpiece_con3 .summary_list li{padding-left:45px;}
.masterpiece_con3 .summary_list .list_item1{width:180px; padding-left:0px;}
.masterpiece_con3 .summary_list .list_item2{width:205px;}
.masterpiece_con3 .summary_list .list_item3{width:245px;}
.masterpiece_con3 .summary_list .list_item4{width:194px;}
.masterpiece_con3 .underline{padding-left:130px;}

.masterpiece_con4 .masterpiece_title h4 span{letter-spacing:1px;}/*부산항*/
.masterpiece_con4 .sec02{background:url(/resource/images/company/masterpiece04_02.jpg) center;}
.masterpiece_con4 .sec03{padding:100px 0px 445px; background:url(/resource/images/company/masterpiece04_03.jpg) no-repeat 0px 100px; border-bottom:1px solid #d2d2d2;}
.masterpiece_con4 .sec04{padding:100px 0px 600px; background:url(/resource/images/company/masterpiece04_04.jpg) no-repeat 0px 220px; border-bottom:1px solid #d2d2d2; overflow:hidden;}
.masterpiece_con4 .sec04 .mp_sub_title{float:left;}
.masterpiece_con4 .sec04 p{float:right;}
.masterpiece_con4 .sec05{padding:100px 0px; background:url(/resource/images/company/masterpiece04_05.jpg) no-repeat 0px 100px; border-bottom:1px solid #d2d2d2;}
.masterpiece_con4 .sec05_text{height:305px;}
.masterpiece_con4 .sec06{padding-top:100px;}
.masterpiece_con4 .summary_list{width:960px; height:411px; padding-top:220px;}
.masterpiece_con4 .summary_list li{padding-left:45px;}
.masterpiece_con4 .summary_list .list_item1{width:195px; padding-left:0px;}
.masterpiece_con4 .summary_list .list_item2{width:255px;}
.masterpiece_con4 .summary_list .list_item3{width:245px;}
.masterpiece_con4 .summary_list .list_item4{width:130px;}
.masterpiece_con4 .underline{}


/* 회사소개 > 브로슈어 */
.brochure{}
.brochure .brochure_box{position:relative; height:430px; padding:78px 0px 0px 500px; margin-bottom:225px; background:#f2f2f2;}
.brochure .brochure_box.last{margin-bottom:76px;}
.brochure .brochure_box .brochure_img{position:absolute; left:59px; top:78px;}
.brochure .brochure_txt1{font-size:30px; color:#101010; line-height:36px;}
.brochure .brochure_txt1 strong{display:block; color:#e6240f; text-transform:uppercase; letter-spacing:1px;}
.brochure .brochure_txt2{padding:10px 0px 30px; font-size:18px; color:#656565;}
.brochure .brochure_index{}
.brochure .brochure_index strong{display:block; font-size:15px; color:#333333; font-weight:bold;}
.brochure .brochure_index .brochure_index_inner{margin-top:10px; width: 425px; padding-top:15px; border-top:1px solid #bdbdbd;}
.brochure .brochure_index .brochure_index_inner:after{content:''; display:block; clear:both;}
.brochure .brochure_index ol{float:left; width:170px; color:#888888; line-height:28px; font-size:15px;}
.brochure .brochure_index ol:first-child{width:180px;}
.brochure .brochure_index .brochure_index_inner ol li {margin-left:13px; text-indent:-7px;}
.brochure .brochure_index .brochure_index_inner ol li strong {display: inline-block; padding-right: 7px;}

.brochure .brochure_index .btns{position: absolute; bottom: -125px;}
.brochure .brochure_index .download_btn{display:inline-block; width:218px; margin-right:9px; margin-bottom: 9px;}
.brochure .view_btn {
    height: 43px;
    line-height: 44px;
    background: #fff;
    border: 1px solid #d2d2d2;
    font-size: 15px;
    color: #333333;
    text-align: center;
    display:inline-block;
    width:218px;
    margin-right:9px;
}
.brochure .brochure_index ol strong {display: inline-block; color: #333;}

/* 회사소개 > 주요연혁 */
.history{}
.history .tabWrap{width:960px; margin:0px auto;}
.history .tabList li{width:318px;}
.history .tabContent {position:relative;}
.history .tabContent .bg_list{position:absolute; top:50px; right:0;}
.history .tabContent .bg_list img{display:block; margin-bottom:10px;}
.history .tabContent .bg_list li{display:block; padding-bottom:45px; text-align:right; color:#333; font-size:14px; font-weight:bold;}
/*.history #history_con1{background:url(/resource/images/company/historybg01.jpg) right 50px no-repeat;}
.history #history_con2{background:url(/resource/images/company/historybg02.jpg) right 50px no-repeat;}
.history #history_con3{background:url(/resource/images/company/historybg03.jpg) right 50px no-repeat;}*/
.history .history_list{padding-top:50px;}
.history .history_list .history_item{}
.history .history_list .history_item:after{content:""; display:block; clear:both;}
.history .history_list dt,.history .history_list dd{float:left; min-height:30px;}
.history .history_list dt{position:relative; line-height:30px; width:95px; color:#333333; font-size:30px; font-weight:bold;}
.history .history_list dt:after{content:""; display:block; position:absolute; right:-6px; top:7px; width:10px; height:11px; background:url(/resource/images/company/history_y_icon.gif) 0;}
.history .history_list .history_item:first-child dt:after{top:0px}
.history .history_list dd{ width:834px; line-height:24px; padding-left:30px; padding-bottom:125px; border-left:1px solid #d2d2d2; font-size:15px; color:#333333; }
.history .history_list .y_list{}
.history .y_list li{position:relative; padding-left:35px; padding-bottom:6px; font-size:100%;}
.history .y_list .m_tit{position:absolute; left:0px;}
.history .history_item.year_item .y_list li{padding-left:70px;}
.history .history_item.year_item .tt{display:block; width:68px; text-align:center;}
.history .history_item.year_item .y{padding-right:7px;}

/* 회사소개 > 계열사 */
.groups .page_title{margin-bottom:0;}
.groups .groups_list{color:#888888; border-bottom:2px solid #d2d2d2;}
.groups .groups_list .groups_item{position:relative; padding:50px 0px; border-top:1px solid #d2d2d2;}
.groups .groups_list .groups_item:first-child{padding-top:0; border-top:0; }
.groups .groups_list .groups_item:after{content:''; display:block; clear:both;}
.groups .groups_list .groups_img{display:block; float:left; width:470px;}
.groups .groups_list .groups_con{float:left; width:440px; padding-left:50px; padding-top:2px;}
.groups .groups_item h4{}
.groups .groups_item strong{display:block; padding:18px 0px 10px;font-size:18px; color:#333333;}
.groups .groups_item p{font-size:15px;}
.groups .groups_item .description {font-size:13px; padding-top:35px; padding-bottom:55px;}
.groups .groups_item .description li{line-height:23px; padding-left:10px; background:url(/resource/images/common/list-style03.gif) no-repeat 0px 10px;}
.groups .groups_item .site_btn{display:block; position:absolute; bottom:50px; left:520px; width:178px; height:43px; line-height:44px; border:1px solid #d2d2d2; text-align:center; font-size:15px; font-weight:bold; color:#e6240f;}
.groups .groups_item .site_btn:after{content:""; display:inline-block; width:13px; height:13px; margin-left:5px; margin-bottom:-2px; background:url(/resource/images/common/go_site_icon.png) no-repeat ; }
.groups .groups_item .site_btn.no_icon:after{display:none;}

/* 회사소개 > 찾아오시는길 */
.location #map{width:960px; height:500px; background:#000;}
.location .location_list{margin-top:50px; border-top:2px solid #000000; border-bottom:1px solid #d2d2d2; color:#333333; font-size:18px;}
.location_list dl{display:table; width:100%;}
.location_list dt,.location_list dd{display:table-cell;}
.location_list dd{line-height:28px;}
.location_list .location_item{border-bottom:1px solid #d2d2d2;}
.location_list .location_item_title{width:230px; padding:28px 0px 28px 50px; color:#333333; font-weight:bold;}
.location_list .location_item_tt{padding:28px 0px;}
.location_list .directions_item{padding-bottom:40px;}
.location_list .directions_item dt{width:130px;}
.location_list .driving .driving_num{color:#e6240f;}
.location_list .driving li{padding-bottom:25px;}


/* 사업분야 */
.business .section_title{width:960px;  padding-bottom:25px;}

.business .business_item_idx{background:#f2f2f2; margin-bottom:48px;}
.business .business_item_idx:after{content:''; display:block; clear:both;}
.business .business_item_idx li{cursor:pointer;}
/* 아이콘 삭제전 */

.business .business_item_idx li{float:left; width:160px; height:102px; text-align:center; text-indent:-9999px;}
.business .business_item_idx a{color:#333333; font-size:15px;}
.business .business_item_idx li.idx_all{background-position:0px 0px;}
.business .business_item_idx li.idx1{background-position:-160px 0px;}
.business .business_item_idx li.idx2{background-position:-320px 0px;}
.business .business_item_idx li.idx3{background-position:-480px 0px;}
.business .business_item_idx li.idx4{background-position:-640px 0px;}
.business .business_item_idx li.idx5{background-position:-800px 0px;}
.business .business_item_idx li.idx_all.on{background-position:0px -102px;}
.business .business_item_idx li.idx1.on{background-position:-160px -102px;}
.business .business_item_idx li.idx2.on{background-position:-320px -102px;}
.business .business_item_idx li.idx3.on{background-position:-480px -102px;}
.business .business_item_idx li.idx4.on{background-position:-640px -102px;}
.business .business_item_idx li.idx5.on{background-position:-800px -102px;}
.business .architecture .business_item_idx li{background-image:url(/resource/images/business/architecture_icon.gif);}
.business .civil .business_item_idx li{background-image:url(/resource/images/business/civil_icon.gif);}
/*
.civil .business_item_idx li{float:left; width:192px; height:102px; text-align:center; text-indent:-9999px;}
.civil .business_item_idx a{color:#333333; font-size:15px;}
.civil .business_item_idx li.idx_all{background-position:0px 0px;}
.civil .business_item_idx li.idx1{background-position:-192px 0px;}
.civil .business_item_idx li.idx2{background-position:-384px 0px;}
.civil .business_item_idx li.idx3{background-position:-576px 0px;}
.civil .business_item_idx li.idx4{background-position:-768px 0px;}
.civil .business_item_idx li.idx_all.on{background-position:0px -102px;}
.civil .business_item_idx li.idx1.on{background-position:-192px -102px;}
.civil .business_item_idx li.idx2.on{background-position:-384px -102px;}
.civil .business_item_idx li.idx3.on{background-position:-576px -102px;}
.civil .business_item_idx li.idx4.on{background-position:-768px -102px;}*/
/**/
/******.business .architecture .business_item_idx li{background-image:url(/resource/images/business/architecture_icon_.gif);}********/
/*****.business .civil .business_item_idx li{background-image:url(/resource/images/business/civil_icon_.gif);} ******/

.business_item_list{width:990px; margin:0px -15px;}
.business_item_list:after{content:''; display:block; clear:both;}
.business_item_list li{position:relative; float:left; width:222px; height:77px; padding:256px 54px 0px 20px; margin:0px 15px 30px 15px; border:1px solid #c9c9c9; overflow:hidden;}
.business_item_list .item_img{position: absolute; top:0px; left:0px; right:0px; width:296px; height:230px;}
.business_item_list .item_title{display:block; display: -webkit-box;/* 익스 */ height:48px; font-size:18px; color:#333333; word-break:break-all; text-overflow: ellipsis; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden;}
.business_item_list .more_btn{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; text-indent:-9999px; overflow:hidden;}
.business_item_list li:after{content:''; position:absolute; right:20px; top:256px; width:23px; height:23px; background:url(/resource/images/common/more_btn2.png) no-repeat 0 -23px; text-indent:-9999px; overflow:hidden; z-index:-1;}
.business_item_section .more_view_btn{display:block; width:143px; height:42px; line-height:43px; margin:20px auto 0px; border:1px solid #b7b7b7; color:#333333; font-size:15px; text-align:center;}
.business_item_section .more_view_btn:after{content:''; display:inline-block; width:15px; height:10px; background:url(/resource/images/common/arr_down_btn.png) 4px 0px no-repeat ;}

.business_pop_wrap{position:fixed; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; z-index:100; overflow-y:scroll; background:url(/resource/images/common/pop_bg.png);}
.business_pop_wrap .business_pop_box{position:absolute; top:20px; left:50%; margin-left:-480px; width:890px; min-height:242px; padding:650px 35px 65px 35px; margin-bottom:20px; background:#fff url('/resource/images/business/business_pop.png') no-repeat 0 bottom ;  z-index:1000;}
.business_pop_wrap .close_btn{position:absolute; top:30px; right:-65px; width:50px; height:50px; background:url(/resource/images/business/close_btn.png) no-repeat; z-index:100;}
.business_pop_wrap .img_wrap{position:absolute; left:0px; right:0px; top:0px; width:960px; height:600px}
.business_pop_wrap .pop_title{font-size:40px; color:#333333; font-weight:900; word-break:break-all; }
.business_pop_wrap .detail_option_list{padding-top:45px; margin-top:35px; border-top:1px solid #d2d2d2; word-break:break-all;}
.business_pop_wrap .detail_option_list li{position:relative; padding-bottom:9px; padding-left:125px; color:#101010; font-size:15px; line-height:28px; min-height:28px; font-weight:bold;}
.business_pop_wrap .detail_option_list li:before{position:absolute; left:0px; left:0px; padding-left:20px; background:url(/resource/images/business/detail_option_icon.png) no-repeat; color:#888888;}
.business_pop_wrap .detail_option_list li.address:before{content:"주소"; background-position:0 4px;}
.business_pop_wrap .detail_option_list li.scale:before{content:"규모"; background-position:-250px 4px;}
.business_pop_wrap .detail_option_list li.use:before{content:"용도"; background-position:-125px 4px;}
.business_pop_wrap .detail_option_list li.start-date:before{content:"착공"; background-position:-375px 4px;}
.business_pop_wrap .detail_option_list li.end-date:before{content:"준공"; background-position:-375px 4px;}
.business_pop_wrap .detail_option_list li.award:before{content:"수상내역"; background-position:-500px 4px;}

.business_pop_wrap .img_wrap img{width:960px; height:600px;}
.business_pop_wrap .visual{position:absolute; left:0px; right:0px; top:0px; width:960px; height:600px}
.business_pop_wrap .visual .visual_list{position:absolute; top:0px; left:0px; right:0px; bottom:0px; overflow:hidden}
.business_pop_wrap .visual .visual_list li{position:absolute; left:100%; top:0px; bottom:0px; width:960px; height:600px; overflow:hidden;}
.business_pop_wrap .visual .visual_list li.on{left:100%; /*box-shadow:0 0 100px #000; outline:1px solid #000; */z-index:1; }
.business_pop_wrap .visual .visual_list li:first-child{left:0px;}
.business_pop_wrap .visual .visual_list img{position:absolute; left:-50%;}
.business_pop_wrap .visual .visual_list li:first-child img{left:0px;}
.business_pop_wrap .visual .visual_list li.on img{left:-50%}
.business_pop_wrap .visual .visual_btn{position:absolute; z-index:10; bottom:0px; left:0; width:960px; text-align:center;}
.business_pop_wrap .visual .visual_btn li{display:inline-block; padding-right:5px; width:54px; height:30px; background:url(/resource/images/index/visual_btn_of.jpg) repeat-x center; margin:0px 3px; text-indent:-9999px; cursor:pointer;}
.business_pop_wrap .visual .visual_btn li.on{background:url(/resource/images/index/visual_btn_on.jpg) repeat-x center;}
.business_pop_wrap .visual .arr_btn{position:absolute; top:280px; width:70px; height:137px; z-index:10;}
.business_pop_wrap .visual .arr_btn.prev{left:0px; background:url(/resource/images/business/arrow_left.png) no-repeat; }
.business_pop_wrap .visual .arr_btn.next{right:0px; background:url(/resource/images/business/arrow_right.png) no-repeat; }
.business_pop_wrap .visual .arr_btn.prev:hover{left:0px; background:url(/resource/images/business/arrow_over_left.png) no-repeat; }
.business_pop_wrap .visual .arr_btn.next:hover{right:0px; background:url(/resource/images/business/arrow_over_right.png) no-repeat; }

/*호버시 노출*/
.business_pop_wrap .visual .visual_btn,
.business_pop_wrap .visual .arr_btn.prev,
.business_pop_wrap .visual .arr_btn.next{display:none}
.business_pop_wrap .visual:hover .visual_btn,
.business_pop_wrap .visual:hover .arr_btn.prev,
.business_pop_wrap .visual:hover .arr_btn.next{display:block}

/* 사업분야 > 개발 */
.development .page_title{margin-bottom:0; border:0;}
.development .development_tab{width:960px; margin:0px auto;}
.development_tab .tabList li{width:318px;}
.development .section{padding-top:470px; background:no-repeat center 50px;}
.development .section.sec01{padding-top:0;}
.development .section.sec02{background-image:url(/resource/images/business/development_bg01.jpg);}
.development .section.sec03{background-image:url(/resource/images/business/development_bg03.jpg);}
.development .summary{padding-bottom:65px; background:url(/resource/images/business/development_summary.png) no-repeat center bottom; text-align:center;}
.development .summary strong{font-size:25px; color:#101010; font-weight:bold;}
.development .summary p{padding-top:15px; font-size:19px; line-height:25px; color:#888888; }
.development .tt{font-size:15px; line-height:24px; color:#333; font-weight:bold; padding-bottom:15px; text-align:justify;}
.development .table_decs{font-size:15px; color:#888888;}
.development .sub_development_sec{padding-top:80px;}
.development .next.table_decs{margin-top:90px;}
.development .section .item{background:url(/resource/images/business/development_summary.png) no-repeat left 50% bottom -20px;padding-bottom:107px;margin:50px 0 80px 0;}
.development .section .item:first-child{background:none;padding-bottom:0;}
.development .section .item:last-child{background:none;margin-bottom:0;padding-bottom:0;}
.development .section .item .image{margin-bottom:24px;}
.development .section .item .summary{background:none;padding-bottom:0;}
.development .section .item .tt{padding-bottom:0;padding-top:29px;}
.development .section .item .tt2{font-size:14px; text-align:right;color:#888888;margin-top:28px;}
.business .development .section_title{border-top:0;}

/* 사업분야 > 개발 - 슬라이드 */
.development .masterpiece_slide .slide_desc{position:absolute;bottom:0;}
.development .masterpiece_slide .slide_desc .desc_title{display:block;min-height:52px;font-size:18px;font-weight:700;}
.development .masterpiece_slide .point_text{position:absolute;bottom:0;display:block;margin-top:15px;font-size:12px;color:#979797;}
.development .masterpiece_slide .point_text::before{display:inline-block;margin-right:5px;content:'※';}
.development .masterpiece_slide .slide_control .btn{top:306px;}

/* 지속가능경영 */
.sustainability .section p{color:#888888; font-size:18px; line-height:28px;}
.sustainability .imgbox_underline p{color:#888888; font-size:18px; line-height:28px;}
.sustainability .tabContents p{color:#888888; font-size:18px; line-height:28px; margin-bottom: 10px;}
.sustainability .tabContents p.p-2 { margin-top:25px; color:#666; font-size:16px; }
.sustainability .page_title{border:0; margin-bottom:0;}
.sustainability .img_title_sec{padding-bottom:95px;}
.sustainability .img_title_sec .btn_wrap{padding:30px 0px 0px 76px;}
.sustainability .img_title_sec .btn_wrap:after{content:""; display:block; clear:both;}
.sustainability .img_title_sec .btn_wrap p{float:left; padding-top:10px; color:#333333; font-size:15px;}
.sustainability .img_title_sec .btn_wrap .btn{float:right;}
/*.sustainability .imgbox_underline span{padding-right:3px; line-height:30px; border-bottom:1px solid #888888; font-weight:100; font-size:20px; color:#888888;}*/
.sustainability .sustainability_title{padding-bottom:8px; font-size:30px; font-weight:bold; color:#333333; }
.sustainability .sus_title{display:block; margin-bottom:10px; font-size:25px; color:#333333;}
.sustainability .sus_title.cmgt { margin-top:47px; }
.sustainability .gray_box{width:864px; padding:45px 48px; background:#f2f2f2;}
.sustainability .gray_box .link{display:inline-block; height:43px; line-height:44px; padding:0px 20px;  margin-top:27px; font-size:15px; font-weight:bold; color:#e6240f; border:1px solid #d2d2d2;}
.sustainability .gray_box .link:after{content:""; display:inline-block; width:13px; height:13px; margin-left:5px; margin-bottom:-2px; background:url(/resource/images/common/go_site_icon.png) no-repeat ; }
.sustainability .pop_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:url(/resource/images/common/pop_bg.png); z-index:1000}
.sustainability .pop_wrap .pop_box{position:absolute; top:50%; left:50%; width:606px; height:842px; margin:-421px 0px 0px -303px; background:#fff;}
.sustainability .pop_wrap .close_btn{position:absolute; right:-58px; top:0px; width:50px; height:50px;  background:url(/resource/images/sustainability/close_btn.png) no-repeat right top; text-indent:-9999px;}

/* 지속가능경영 > ESG 경영 */
.sustainability .page_title.ty-2 { margin-bottom:40px; padding-bottom:50px; border-bottom:2px solid #d2d2d2; }
.sustainability .page_title.ty-3 { margin-top:141px; margin-bottom:40px; padding-bottom:50px; border-bottom:2px solid #d2d2d2; }
.sustainability .stitle { text-align:center; font-size:26px; font-weight:800; margin-top:55px; color:#000; }
.sustainability .img { margin-top:45px; }
.sustainability .img img { width:100%; }
.sustainability .esg_list { margin-top:105px; display:flex; flex-wrap:wrap; }
.sustainability .esg_list dt { flex:none; width:100%; height:58px; line-height:58px; font-size:24px; font-weight:800; color:#000; text-align:center; border:2px solid #d9d9d9; }
.sustainability .esg_list dd { flex:none; background-color:#909090; padding:22px 28px; margin-top:26px; width:calc((100%/3) - 70px); }
.sustainability .esg_list dd + dd { margin-left:20px; }
.sustainability .esg_list dd > ul > li { position:relative; padding-left:10px; color:#fff; font-size:20px; }
.sustainability .esg_list dd > ul > li::before { content:''; position:absolute; top:12px; left:0; display:inline-block; width:4px; height:4px; border-radius:4px; background-color:#fff; }

.esg .in_box.process {position:relative;margin-top:50px;}
.esg .in_box.process::before{position:relative;top:0;left:50%;display:none;width:68px;height:19px;margin-bottom: 60px;transform: translateX(-50%); background:url(/resource/images/common/process_icon.png) no-repeat;background-size: 68px 19px; content:'';}
.esg .in_box.process + .in_box.process {margin-top: 60px;}
.esg .in_box.process + .in_box.process::before {display: block;}
.esg .process_tit {display:block;font-size:25px;font-weight:800;text-align: center;}
.esg .process_tit.line{padding: 13px 0; border: 2px solid #d2d2d2;}
.esg .process_sub_tit {display:block;margin-top:30px;font-size:24px;text-align:center;}
.esg .process_desc {margin-top: 15px;padding:55px 171px;background: #f5f5f5;color: #333;}
.esg .process_desc .desc_eng,
.esg .process_desc .desc_kor {display: block;}
.esg .process_desc .desc_eng {font-size:32px;}
.esg .process_desc .desc_kor {font-size:25px;}
.esg .process_img {display: block; max-width: 100%; margin-top: 40px;}
.esg .process_plan_list {display:flex; margin-top: 28px;}
.esg .process_plan_item {flex:0 0 306px;padding: 20px 30px 20px 42px; background: #909090;box-sizing: border-box;}
.esg .process_plan_item + .process_plan_item  {margin-left: 21px;}
.esg .process_plan_desc {position:relative;display:block;font-size:20px;color:#fff;}
.esg .process_plan_desc::before {position:absolute;top:12px;left:-8px; display:inline-block;width:4px;height:4px;background:#fff;border-radius:50%;content:'';vertical-align:middle;}
.esg .process_plan_desc + .process_plan_desc {margin-top:4px;}
.esg .lien-table {margin-top:25px;}
.esg .lien-table th {padding-left:35px; text-align: left;}
.esg .lien-table td {padding:24px 47px; text-align: left;}
.esg .lien-table .list_item {position:relative;}
.esg .lien-table .list_item::before {position:absolute;top:9px;left:-8px; display:inline-block;width:4px;height:4px;background:#333;border-radius:50%;content:'';}

.brochure.esg .brochure_index .btns {right:0;}
.brochure.esg .brochure_index .download_btn {margin-right:0;}
.brochure.esg .brochure_box{ display:flex;flex-wrap: wrap;justify-content: space-between; height:100%; margin-bottom:0px; background:#f2f2f2; padding:30px;}
.brochure.esg .brochure_box .brochure_box_item {flex:0 0 46%; margin:0; padding:0;}
.brochure.esg .brochure_box .brochure_box_item:nth-child(n+3) {margin-top: 30px}
.brochure.esg .brochure_box .report_2024 .brochure_img {border: 1px solid #d2d2d2; box-sizing: border-box}
.brochure.esg .brochure_box .brochure_img{position: static; width:100%;}
.brochure.esg .brochure_index .download_btn{width: 128px;}
.brochure.esg .view_btn {width:100px;}

.brochure.esg .brochure_box:nth-child(2){background: #fff}
.brochure.esg .brochure_box:nth-child(1){height:100%}
.brochure.esg .brochure_box .brochure_box_fullitem {display: flex;justify-content: space-between;width: 100%}
.brochure.esg .brochure_box .brochure_box_fullitem .brochure_box_decs{display: flex;flex-direction: column;justify-content: space-between;width: 430px;margin-right: 56px}
.brochure.esg .brochure_box .brochure_box_fullitem .brochure_txt1 span{font-size: 22px; line-height: 40px}
.brochure.esg .brochure_box .brochure_txt1{color: #333}
.brochure.esg .brochure_box .brochure_txt2{padding: 6px 0 16px;font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: -1px;}
.brochure.esg .brochure_box .brochure_box_item .brochure_txt1 {padding: 10px 0 16px}

.brochure.esg .sec_rating{margin-top: 225px}
/* 지속가능경영 > 윤리경영*/
.ethics .tabContents{width:960px; margin:0px auto; padding-top:50px;}
.ethics .tabList{width:960px; margin:0px auto;}
.ethics .tabList li{width:478px;}
.ethics .section_title{padding-bottom:25px;}
.ethics .ethics_box span{padding-right:3px;}
.ethics .sec01 .ethics_box{height:224px; padding:50px 0px; background:url(/resource/images/sustainability/ethics01.png?123) no-repeat 0px 50px; border-bottom:1px solid #d2d2d2;}
.ethics .sec02 .ethics_box{height:174px; padding:50px 0px; background:url(/resource/images/sustainability/ethics02.jpg) no-repeat; border-bottom:2px solid #d2d2d2;}
.ethics .btn_wrap{text-align:right; padding-top:28px;}
.ethics .btn_wrap .link{display:inline-block; height:43px; line-height:44px; padding:0px 20px; font-size:15px; font-weight:bold; color:#e6240f; border:1px solid #d2d2d2;}
.ethics .btn_wrap .link:after{content:""; display:inline-block; width:13px; height:13px; margin-left:5px; margin-bottom:-2px; background:url(/resource/images/common/go_site_icon.png) no-repeat ; }


/* 지속가능경영 > 환경경영 */
.environment .tabContents{width:960px; margin:0px auto; padding-top:50px;}
.environment .tabList{width:960px; margin:0px auto;}
.environment .tabList li{width:318px;}
.environment .sec01 .imgbox_underline{padding-bottom:50px; min-height:432px; background:url(/resource/images/sustainability/environment01.jpg) no-repeat 0px -23px; border-bottom:2px solid #d2d2d2;}
.environment .sec02 .imgbox_underline{padding:50px 0px; min-height:174px; background:url(/resource/images/sustainability/environment02.jpg) no-repeat 0px -29px;  border-bottom:2px solid #d2d2d2;}
.environment .sec03 .imgbox_underline{overflow:hidden; padding-top:50px; padding-bottom:50px; border-bottom:2px solid #d2d2d2;}
.environment .sec03 .imgbox_underline .text_con{float:left;}
.environment .sec03 .imgbox_underline .tt{padding-top:20px; color:#333333; font-size:15px;}
.environment .sec03 .imgbox_underline .img_btn{float:right;}
.environment .sec03 .imgbox_underline .img_btn a{margin-left:20px;}
.environment .sec04{overflow:hidden; border-bottom:2px solid #d2d2d2;}
.environment .sec04 .sus_title{float:left; padding-top:50px;}
.environment .sec04 .environment_list{float:right; width:770px; padding:50px 0px; background:url(/resource/images/sustainability/environment_icon.png) no-repeat right 48px; overflow:hidden;}
.environment .sec04 .environment_list .item{float:left; padding:70px 0px 0px 60px;}
.environment .sec04 .environment_list .item:first-child{padding-left:0px;}
.environment .sec04 .environment_list .title{line-height:30px; font-size:18px; color:#333; font-weight:bold;}
.environment .sec04 .environment_list .num{display:inline-block; width:26px; height:26px; line-height:26px; margin-right:5px; text-align:center; color:#fff; font-size:13px; font-weight: 100; background:url(/resource/images/sustainability/environment_list.png);}
.environment .sec04 .environment_list .tt{padding-top:20px; font-size:15px; color:#888888}
.environment .sec05 { padding-bottom:50px; border-bottom:2px solid #d2d2d2; }
.environment .sec05 .goals_list { margin:40px 0 0 -40px; }
.environment .sec05 .goals_list .item { position:relative; padding-left:212px; }
.environment .sec05 .goals_list .item + .item { margin-top:50px; }
.environment .sec05 .goals_list .item::before { content:''; display:block; position:absolute; width:97px; height:104px; top:-9px; left:41px; background:url(/resource/images/sustainability/goals_icon.png) no-repeat 0 0; }
.environment .sec05 .goals_list .item1::before { background-position:0 0; }
.environment .sec05 .goals_list .item2::before { background-position:-107px 0; }
.environment .sec05 .goals_list .item3::before { background-position:-214px 0; }
.environment .sec05 .goals_list .item4::before { background-position:-321px 0; }
.environment .sec05 .goals_list .item5::before { background-position:-428px 0; }
.environment .sec05 .goals_list .item6::before { background-position:-535px 0; }
.environment .sec05 .goals_list .title{line-height:30px; font-size:18px; color:#333; font-weight:bold; margin-bottom:6px; }
.environment .sec05 .goals_list ul > li { position:relative; color:#888; padding-left:10px; font-size:18px;line-height: 1.5}
.environment .sec05 .goals_list ul > li + li { margin-top:5px; }
.environment .sec05 .goals_list ul > li::before { content:''; display:block; position:absolute; top:10px; left:0; background-color:#e6240f; width:3px; height:3px; border-radius:3px; }

.environment .policy { padding-bottom:50px; border-bottom:2px solid #d2d2d2; }
.environment .policy .policyList dt, .environment .policy .policyList .info {font-size:18px;font-weight:700;color:#888;line-height:28px;margin-bottom:20px; margin-top:25px; }
.environment .policy .policyList dd{font-size:18px;font-weight:500;color:#333;line-height:32px;margin-bottom:10px}
.environment .policy .policyList dd.indent{ position:relative; padding-left:15px; }
.environment .policy .policyList dd.indent::before { content:''; display:inline-block; position:absolute; top:14px; left:0; background-color:#777; width:5px; height:5px; border-radius:5px; }
.environment .policy .tit,.service .servicePolicy .tit{display:block;text-align:center;font-size:25px;font-weight:500;letter-spacing:-1px}
.environment .policy .stit{display:block;text-align:center;font-size:20px;font-weight:500;color:#E6240F;margin:20px 0 40px 0;letter-spacing:-0.02px}
.environment .policy .name, .safePolicy .name, .servicePolicy .name { text-align:right; color:#333; margin-bottom:15px; }
.safePolicy .name , .servicePolicy .name { color:#333 !important; }
.environment .policy .sign, .safePolicy .sign , .servicePolicy .sign { text-align:right; }
.environment .sec05_cont + .sec05_cont{margin-top:50px}
.environment:not(.rights) .sec05 .sus_title{display:inline-block;margin-bottom:0;padding:0 16px;border: 1px solid #D6D6D6;font-size:20px;line-height:33px;letter-spacing: -0.07em;color:#101010}
.environment .sec05 .cl-2{margin:16px 0 0 50px;font-size:30px;font-weight:500;color:#333;line-height:44px;letter-spacing: -0.04em}
.environment .sec05 .sec05_list{margin:16px 0 0 50px}
.environment .sec05_list .sec05_item{font-size:25px;line-height:37px;letter-spacing: -0.04em;color:#333}
.environment .sec05_list .sec05_item + .sec05_item{margin-top:45px}
.environment .sec05_list .sec05_item b{display:block}
.environment .sec05 .cl-3{margin:23px 0 0 0;color:#333 !important;font-weight:500}
.environment .sec05 .cl-3 + .cl-3{margin-top:8px}

    /* 지속가능경영 > 규범준수경영 */
.standard .page_title {font-size:39px;font-weight:800;line-height:39px;color:#222;}
.standard .policy { padding-bottom:50px; border-bottom:2px solid #d2d2d2; }
.standard .policy .policyList dt, .standard .policy .policyList .info {font-size:18px;font-weight:700;color:#888;line-height:28px;margin-bottom:20px; margin-top:25px; }
.standard .policy .policyList dd{font-size:18px;font-weight:500;color:#333;line-height:32px;margin-bottom:10px}
.standard .policy .policyList dd.indent{ position:relative; padding-left:15px; }
.standard .policy .policyList dd.indent::before { content:''; display:inline-block; position:absolute; top:14px; left:0; background-color:#777; width:5px; height:5px; border-radius:5px; }
.standard .policy .tit,.service .servicePolicy .tit{display:block;text-align:center;font-size:25px;font-weight:500;letter-spacing:-1px}
.standard .policy .stit{display:block;text-align:center;font-size:20px;font-weight:500;color:#E6240F;margin:20px 0 40px 0;letter-spacing:-0.02px}
.standard .policy .name, .safePolicy .name, .servicePolicy .name { text-align:right; color:#333; margin-bottom:15px; }
.standard .policy .sign, .safePolicy .sign , .servicePolicy .sign { text-align:right; }
.standard .policy .policyList dt {margin-bottom:35px;}
.standard .policy .sign {max-width:120px;margin:0 0 0 auto;}
.standard .policy .sign img {width:100%;}

/* 지속가능경영 > 안전경영 */
.safety .tabContents{width:960px; margin:0px auto; padding-top:50px;}
.safety .tabList{display:flex;justify-content:center;width:960px; margin:0px auto;}
.safety .tabList li{flex:1}
.safety .sec01{font-size:15px; border-bottom:1px solid #d2d2d2;}
.safety .sec01 .tt1{padding-top:25px; color:#333; font-weight:bold; font-size:15px; line-height:24px;}
.safety .sec02{padding:50px 0px; border-bottom:2px solid #d2d2d2;  overflow:hidden;}
.safety .sec02 .sus_title{float:left}
.safety .sec02 .box1{float:right; text-align:center; overflow:hidden;}
.safety .sec02 .box1 a{float:left; display:block; width:223px; margin:0px 7px;}
.safety .sec02 .box1 img{width:100%;;}
/* 210112 추가*/
.safety .sec02.etc .sus_title,
.safety .sec02.etc .box1{float:none}
.safety .sec02.etc .sus_title  + .box1{margin-top:40px}
.safety .sec02.etc .box1 a:first-child{margin-left:0}

.safety .sec03 .imgbox_underline{padding-bottom:50px; min-height:424px; background:url(/resource/images/sustainability/safety06.png) 0px 0px no-repeat;}
/* 2019-09-02 수정 */
.safety .sec04 .imgbox_underline{padding:50px 633px 50px 0px; min-height:430px; background:url(/resource/images/sustainability/safety07.png) no-repeat right 93px; border-top:1px solid #d2d2d2; border-bottom:2px solid #d2d2d2;}

.safety .sec05 { padding-bottom:50px; border-bottom:2px solid #d2d2d2; }
.safety .sec05 .sus_title { font-size:20px; text-align:center; padding-bottom:35px; border-bottom:2px solid #d2d2d2; }
.safety .sec05 .goals_list { margin-top:45px; }
.safety .sec05 .goals_list .item { position:relative; padding-left:212px; }
.safety .sec05 .goals_list .item + .item { margin-top:50px; }
.safety .sec05 .goals_list .item::before { content:''; display:block; position:absolute; width:97px; height:104px; top:-9px; left:41px; background:url(/resource/images/sustainability/safety_icon.png) no-repeat 0 0; }
.safety .sec05 .goals_list .item1::before { background-position:0 0; }
.safety .sec05 .goals_list .item2::before { background-position:-107px 0; }
.safety .sec05 .goals_list .item3::before { background-position:-214px 0; }
.safety .sec05 .goals_list .item4::before { background-position:-321px 0; }
.safety .sec05 .goals_list .title{line-height:30px; font-size:18px; color:#333; font-weight:bold; margin-bottom:6px; }
.safety .sec05 .goals_list ul > li { position:relative; color:#888; padding-left:10px; font-size:18px;}
.safety .sec05 .goals_list ul > li + li { margin-top:5px; }
.safety .sec05 .goals_list ul > li::before { content:''; display:block; position:absolute; top:10px; left:0; background-color:#e6240f; width:3px; height:3px; border-radius:3px; }

.safety .safePolicy{margin-top:-5px; padding-bottom:30px; letter-spacing:-0.5px; }
.safety .safePolicy .tit,.service .servicePolicy .tit{display:block;text-align:center;font-size:25px;font-weight:500;letter-spacing:-1px}
.safety .safePolicy .stit, .service .servicePolicy .stit{display:block;text-align:center;font-size:20px;font-weight:500;color:#E6240F;margin:17px 0 40px 0;letter-spacing:-0.02px}
.service .servicePolicy .stit{color: #888}
.safety .safePolicy .safePolicyList { margin-bottom:44px; text-align:center; }
.safety .safePolicy .safePolicyList dt, .service .servicePolicy .servicePolicyList dt{font-size: 18px;font-weight: 700;color: #888;line-height: 28px;margin-bottom: 20px;margin-top: 25px}
.service .servicePolicy .servicePolicyList dt{color: #333;text-align: center}
.safety .safePolicy .safePolicyList dd, .service .servicePolicy .servicePolicyList dd{font-size:18px;font-weight:500;color:#333;line-height:32px;margin-bottom:15px}
.safety .safePolicy .safePolicyList .cl-3{font-weight:700}
.safety .safePolicy .safePolicyList dd:last-child, .service .servicePolicy .servicePolicyList dd:last-child { margin-top:18px; }
.safety .safePolicy .safePolicyList .indent{margin-left:15px;text-indent:-15px; margin-bottom:16px;}
.safety .safePolicy .safePolicyList.ty-2 { margin-bottom:37px; }
.safety .safePolicy .safePolicyList.ty-2 .indent { width:312px; margin:16px auto; text-align:left; }
.safety .safePolicy .safePolicyList.ty-2 dd:last-child { margin-top:64px; }
.safety .safePolicy .safePolicyList.ty-2 + .name { margin-bottom:6px; }
.safety .safePolicy .safePolicyList .indent.cmgt { margin-top:-7px; }
.safety .imgbox_underline .sus_title02{display:block;text-align:center;font-size:18px;font-weight:500;color:#333;margin-top:16px;}
.safety .safeVision .sus_title { margin-bottom:15px; font-size:20px; width:90px; height:32px; box-sizing:border-box; border:1px solid #d2d2d2; text-align:center; line-height:31px; }
.safety .safeVision .sus_title.cmgt { margin-top:40px; }
.safety .safeVision .sus_title.cmgb{ margin-bottom:16px; }
.safety .safeVision .sus_sub_title{display:block;width:90px;height:32px;box-sizing: border-box;border:1px solid #d2d2d2;font-size:16px;text-align:center;line-height:31px;background:#ededed;}
.safety .safeVision .safeVision_con { margin-left:56px; text-align:right; max-width:fit-content; }
.safety .safeVision .safeVision_con-2 { margin-left:56px; }
.safety .safeVision .safeVision_con-2 .safePolicyList .indent { font-size:16px; }
.safety .safeVision .safeVision_con-2 .safePolicyList .indent.cmgt { margin-top:28px; }
.safety .safeVision .safeVision_con p { margin-bottom:-5px; font-size:16px; }
.safety .safeVision .safeVision_con p.p-2 { font-size:13px; color:#999; margin-top:0; margin-bottom:0; }
.safety .safeVision .safeVision_con p.cl-2 {font-size:24px;margin-bottom:0px;}
.safety .safeVision .safeVision_sub_con{margin:50px 0 0 20px;}
.safety .safeVision .safeVision_sub_con .point_text{margin:0 0 0 35px;font-size:13px;line-height:1.5;text-align:left;}
.safety .safeVision .safeVision_sub_con p.cl-2{margin:24px 0 0 35px}
.safety .safeVision .imgbox_underline{min-height:337px;background:url(/resource/images/sustainability/safety_vision.png) 0px 0px no-repeat; }
.safety .safeVision .normal_table th,
.safety .safeVision .normal_table td{height:60px;padding:0;}
.safety .safeTarget .imgbox_underline{margin-top:80px}
.safety .safeProcedure .imgbox_underline{margin-top:80px;min-height:424px; background:url(/resource/images/sustainability/safety06.png) 0px -45px no-repeat;}
.safePolicyList .indent{font-size:18px;font-weight:500;color:#333;line-height:32px;margin-bottom:23px;margin-left:15px;text-indent:-15px}
.safePolicyList .indent .point_text{margin:-7px 0 0 90px;font-size:13px;}
.check_list { margin-top:4px; margin-left:-6px; }
.check_list li { position:relative; margin-left:22px; padding-left:13px; margin-top:6px; }
.check_list li:before { content:''; position:absolute; top:9px; left:-17px; display:inline-block; width:13px; height:15px; background:url(/resource/images/common/ico_check.png) 0 0 no-repeat; }
.safety .certification .tit{display:block;font-size:25px;text-align:center;}
.safety .certification .download_box{margin-top:45px;padding:60px 0;background:#F5F5F5;}
.safety .certification .download_list{width:514px;margin:0 auto;font-size:0;}
.safety .certification .download_item{display:inline-block;}
.safety .certification .download_item + .download_item{margin-left:70px;}
.safety .certification .imgbox{width:222px;}
.safety .certification .imgbox img{width:100%;height:100%;}
.safety .certification .download_btn{display:block;width:130px;margin:30px auto 0 auto;}

.quality .tabContents{width:960px; margin:0px auto; padding-top:50px;}
.quality .tabList{width:960px; margin:0px auto;}
.quality .tabList li{width:238px;}
.quality .sec01{font-size:15px;border-bottom:1px solid #d2d2d2;padding-bottom:50px;}
.quality .sec01 .list_1{ color:#888; line-height:33px;margin-top:25px;}
.quality .sec01 .list_1 li{position:relative; padding-left:15px;}
.quality .sec01 .list_1 .num{position:absolute; left:0; top:0;}
.quality .sec02 {padding-top:54px;border-bottom:1px solid #d2d2d2;padding-bottom:50px;}
.quality .sec02 .box1{text-align:center; overflow:hidden;}
.quality .sec02 .sus_title{margin-bottom:49px;}
.quality .sec02 .box1 a{float:left; display:block; width:223px; margin-left:145px;}
.quality .sec02 .box1 a:first-child{margin-left:0;}
.quality .sec02 .box1 img{width:100%;}
.quality .sec03 {padding-bottom: 50px;min-height: 450px;background: url(/resource/images/sustainability/quality_system.png) no-repeat 100% 0;border-bottom: 1px solid #d2d2d2;}
.quality .sec06 + .sec07 { padding-top: 49px}
.quality .link_area {text-align:right;margin:50px 0 0;}
.quality .do_btn {display: inline-block;height: 43px;line-height: 44px;padding: 0px 20px;font-size: 15px; font-weight: bold; color: #e6240f;border: 1px solid #d2d2d2;}
.quality .do_btn:before {content: "";display: inline-block;width: 14px;height: 17px;margin-right: 5px; margin-bottom: -2px;background: url(/resource/images/common/ico_file.png) no-repeat;}

/*테이블 신규 200916*/
.wrap_table{margin-top:65px}
.wrap_table .tit1{display:block;font-size:20px;font-weight:bold;text-align:center;color:#e6240f;}
.wrap_table .tit2{display:block;padding-bottom:20px;font-size:18px;color:#333}
.wrap_table .tit1 + .tit2{margin-top:30px}
.wrap_table table + .tit2{margin-top:50px}
.wrap_table .normal_table th,
.wrap_table .normal_table td{text-align:left;padding-left:30px}
.wrap_table .normal_table.ty-2 th { font-size:20px; text-align:center; padding-left:0; }
.wrap_table .normal_table.ty-2 .ac{ padding-left:0; text-align:center !important; }
.wrap_table .merge{border-right:0}
.wrap_table .merge + th,
.wrap_table .merge + td{border-left:0}
.wrap_table .al{text-align:left}
.wrap_table .ar{text-align:right}
.wrap_table .ac{text-align:center}
.wrap_table .fs0{color:#e6240f}
.wrap_table .line-h { line-height:1.9; }

.safety .sec01 .list_1{ color:#888; line-height:33px;}
.safety .sec01 .list_1 li{position:relative; padding-left:15px;}
.safety .sec01 .list_1 .num{position:absolute; left:0; top:0;}
.safety .safety_img { padding:40px 0 45px; text-align:center;}
.safety .table{margin-top:30px}

/* 지속가능경영 > 상생경영*/
.winwin{}
.winwin .section_title{padding-bottom:25px; text-align:left;}
.winwin .sec01{}
.winwin .sec02 .sus_title{padding-bottom:15px;}
.winwin .winwin_list1 li{padding:45px 0px; border-top:1px solid #d2d2d2;}
.winwin .winwin_list1 li:first-child{border-top:0}
.winwin .winwin_list1 dl:after{content:""; display:block; clear:both;}

.winwin .winwin_list1 .winwin_title{float:left; width:328px; font-size:25px;; color:#333;}
.winwin .winwin_list1 .winwin_con{float:left; width:632px; line-height:24px; font-size:15px; color:#888888;}
.winwin .winwin_list1 .winwin_con strong{display:block; padding-bottom:21px; line-height:24px; font-size:18px; color:#333333;}
.winwin .winwin_list2:after{content:""; display:block; clear:both;}
.winwin .winwin_list2 li{float:left; width:238px;  border:1px solid #d2d2d2; border-left:0; background:url(/resource/images/sustainability/winwin_icon.gif) no-repeat; text-align:center;}

.winwin .winwin_list2 li:first-child{border-left:1px solid #d2d2d2;}
.winwin .winwin_list2 li.list1{background-position:0px 28px;}
.winwin .winwin_list2 li.list2{background-position:-240px 28px;}
.winwin .winwin_list2 li.list3{background-position:-480px 28px;}
.winwin .winwin_list2 li.list4{background-position:-720px 28px;}

.winwin .winwin_list2 a{display:block; padding:78px 0px 25px; font-size:15px; color:#e6240f;font-weight:bold;}
.winwin .winwin_list2 a:after{content:""; display:inline-block; background:url(/resource/images/common/download_icon.png) ; width:13px; height:13px; margin-left:5px;}
/*
.winwin .btn_wrap{text-align:right; padding-top:28px; padding-bottom:50px;}
.winwin .btn_wrap .link{display:inline-block; height:43px; line-height:44px; padding:0px 20px; font-size:15px; font-weight:bold; color:#e6240f; border:1px solid #d2d2d2;}
.winwin .btn_wrap .link:after{content:""; display:inline-block; width:13px; height:13px; margin-left:5px; margin-bottom:-2px; background:url(/resource/images/common/go_site_icon.png) no-repeat ; }
*/

/*210315*/
.winwin .section{/* border-top:1px solid #d2d2de; */}
/*.winwin .section:last-child{border-bottom:2px solid #d2d2de}*/
.winwin .link{display:inline-block; height:43px; line-height:44px; padding:0px 20px; font-size:15px; font-weight:bold; color:#e6240f; border:1px solid #d2d2d2;}
.winwin .link:after{content:""; display:inline-block; width:13px; height:13px; margin-left:5px; margin-bottom:-2px; background:url(/resource/images/common/go_site_icon.png) no-repeat ; }
.winwin .link_area {text-align:right;margin:50px 0 0;}
.winwin .do_btn {display: inline-block;height: 43px;line-height: 44px;padding: 0px 20px;font-size: 15px; font-weight: bold; color: #e6240f;border: 1px solid #d2d2d2;}
.winwin .do_btn:before {content: "";display: inline-block;width: 14px;height: 17px;margin-right: 5px; margin-bottom: -2px;background: url(/resource/images/common/ico_file.png) no-repeat;}
.winwin .section.sec02 {padding:80px 0 50px 0}
.winwin .section.sec02 .in_box + .in_box{margin-top:50px}
.winwin .section.sec02 .in_box > .title_box{position:relative}
.winwin .section.sec02 .in_box > .title_box .title{font-size:25px;color:#333;}
.winwin .section.sec02 .in_box > .title_box .desc{font-size:15px;color:#888888;display:block;margin:15px 0 0;}
.winwin .section.sec02 .in_box > .title_box .link{position:absolute;right:0;top:0}
.winwin .section.sec02 .title_box + .title{margin-top:16px}
.winwin .in_box > .title{display:block;font-size:18px;font-weight:500;}
.winwin .title{}
.winwin .title + .winwin_list2 {margin-top:30px}
.winwin .title + .list{margin-top:24px}
.winwin .list.bg01{background:url() no-repeat 62px 50%}
.winwin .list.bg01:after{display:block;content:'';clear:both}
.winwin .list.bg01 > div:nth-child(1){float:left}
.winwin .list.bg01 > div:nth-child(2){float:right}
.winwin .list > div,
.winwin .list > li{border:1px solid #D2D2D2;}
.winwin .list > div{width:256px;}
.winwin .list .title{padding:22px;box-sizing:border-box;text-align:Center;color:#333;background:#F2F2F2}
.winwin .list .title strong{font-size:15px;line-height:25px;}
.winwin .list .title strong:after{content:'';display:inline-block;;vertical-align:middle}

.winwin .list .title.type2{background:#E6240F;color:#fff}
.winwin .list .title + .bul_list{border-top:1px solid #D2D2D2}
.winwin .list .bul_list{padding:16px;box-sizing:border-box}
.winwin .list .bul_list li{position:relative;padding-left:6px;font-size:15px;line-height:25px;color:#333;}
.winwin .list .bul_list li:after{display:block;position:absolute;left:0;top:12px;content:'';width:3px;height:3px;margin-top:-2px;border-radius:1.5px;background:#E6240F}
.winwin .list.row:after{display:block;content:'';clear:both}
.winwin .list.row > li{float:left;width:432px;height:82px;margin-left:92px;margin-top:12px}
.winwin .list.row > li:nth-child(-n+2){margin-top:0}
.winwin .list.row > li:nth-child(odd){margin-left:0}
.winwin .list.row > li:after{display:block;content:'';clear:both}
.winwin .list.row .title{width:144px}
.winwin .list.row .bul_list{width:288px;height:100%}
.winwin .list.row .title,
.winwin .list.row .bul_list{float:left}
.winwin .list.row .title + .bul_list{border:0;border-left:1px solid #D2D2D2}

.winwin .list.row .title{padding:0;height: 100%;}
.winwin .list.row .title:before{content: ""; display: inline-block;width: 1px; height: 100%;vertical-align: middle;}
.winwin .list.row .title strong{display: inline-block; vertical-align: middle;}
.winwin .sec01_link{text-align: right;border-top:1px solid #d2d2de;}
.winwin .sec01_link .link{margin-top:40px}

.winwin .tabList{width:960px; margin:0px auto;}
.winwin .tabList li{width:238px;}

.winwin .sec01{padding:80px 0 50px 0;}
.winwin .sec01:after{display:block;content:'';clear:both}
.winwin .sec01 .left_box {float:left;}
.winwin .sec01 .img_box {float:right;}
.winwin .winwin_title{font-size:25px;; color:#333;margin-bottom:25px;}
.winwin .winwin_con{line-height:24px; font-size:15px; color:#888888;}
.winwin .winwin_con strong{display:block; padding-bottom:21px; line-height:24px; font-size:18px; color:#333333;}

.winwin .sec02 .img_box {margin:30px 0 0;}
.winwin .sec02 .list_txt {margin:20px 0 0;}
.winwin .sec02 .list_txt > li {margin:18px 0 0;font-size:15px;}

.winwin .sec03{padding:80px 0 50px 0;}
.winwin .sec03 .title_box .title {font-size:25px;margin-bottom:15px;color:#333;display:block;}
.winwin .sec03 .title_box .desc {font-size:18px;margin-bottom:39px;;color:#333;font-weight:500;}

.winwin .sec04{padding-top: 80px;}
.winwin .sec04 .title_box{text-align:center;}
.winwin .sec04 .title_box .title{font-size:20px;color:#e6240f;}
.winwin .sec04 .title_box .desc{margin:35px 0 0 0;}
.winwin .sec04 .conduct_list{margin-top:55px;padding:42px;border-top:1px solid #d2d2de;border-bottom:1px solid #d2d2de;}
.winwin .sec04 .list_item + .list_item{margin-top:42px;}
.winwin .sec04 .list_item .img_box{display:inline-block;width:80px;height:80px;vertical-align:middle;}
.winwin .sec04 .list_item .img_box img{width:100%;}
.winwin .sec04 .list_cont{display:inline-block;margin-left:82px;vertical-align:middle;}
.winwin .sec04 .list_cont .tit{font-size:18px;}
.winwin .sec04 .list_cont .desc{position:relative;margin-left:12px;font-size:18px;color:#888;}
.winwin .sec04 .list_cont .desc::before {position:absolute;top:11px;left:-10px; display:inline-block;width:3px;height:3px;background:#e72e1a;border-radius:50%;content:'';}
.winwin .sec04 .list_cont .tit + .desc {margin-top: 10px;}

/* 지속가능경영 > 사회공헌 */
.social .tabContents{padding-top:50px;}
.social .tabList{width:960px; margin:0px auto;}
.social .tabList li{width:318px;}
.social .img_title_sec{width:960px; margin:0px auto;}
.social .img_title_sec p{padding-top:25px; padding-left:77px; color:#333; font-weight:bold;}
.social h5{line-height:30px; color:#333333; font-size:25px;}
.social strong{line-height:28px; display:block; color:#333; font-size:18px; font-weight:bold;}
.social .sec01{padding-bottom:60px; border-bottom:1px solid #d2d2d2; overflow:hidden;}
.social .sec01.last{padding-top:50px; padding-bottom:45px; border-bottom:2px solid #d2d2d2;}
.social .sec01 .con{float:right; width:583px; padding-bottom:20px;}
.social .sec01 h5{float:left; width:300px;}
.social .sec01 h5 span, .social .sec05 .social_list h5 span{display:block; padding-top:10px; color:#888888; font-size:18px; line-height:24px;}
.social .sec01 strong{padding-bottom:20px}
.social .sec01 p{padding-bottom:20px; line-height:24px; color:#888888; font-size:15px;}
.social .sec01 .link{text-align:right;}
.social .sec01 .link a, .social .sec05 .social_list .list_con a{display:inline-block; height:43px; line-height:44px; padding:0px 20px;  margin-top:27px; font-size:15px; font-weight:bold; color:#e6240f; border:1px solid #d2d2d2;}
.social .sec01 .link a:after, .social .sec05 .social_list .list_con a:after{content:""; display:inline-block; width:13px; height:13px; margin-left:5px; margin-bottom:-2px; background:url(/resource/images/common/go_site_icon.png) no-repeat ; }

.social .sec05{width:960px; margin:0px auto;}
.social .sec05 .social_list{border-bottom:1px solid #d2d2d2;}
.social .sec05 .social_list .list_con a{margin-left: 412px;}
.social .social_list li{overflow:hidden; padding:50px 0px; border-bottom:1px solid #d2d2d2;}
.social .social_list li:first-child{padding-top:0;}
.social .social_list h5{float:left; width:370px; min-height:10px; font-size:25px; color:#333333; font-weight:bold;}
.social .social_list .list_con{float:left; width:590px;}
.social .social_list strong{display:block; font-size:18px; color:#333333;}
.social .social_list p{padding:13px 0px 50px; font-size:15px; color:#888888; line-height:24px;}
.social .social_list .social_img{width:100%;}

.social .in_box.process {position:relative;margin-top:50px;}
.social .in_box.process::before{position:relative;top:0;left:50%;display:none;width:68px;height:19px;margin-bottom: 60px;transform: translateX(-50%); background:url(/resource/images/common/process_icon.png) no-repeat;background-size: 68px 19px; content:'';}
.social .in_box.process + .in_box.process {margin-top: 60px;}
.social .in_box.process + .in_box.process::before {display: block;}
.social .process_tit {display:block;font-size:25px;font-weight:700;text-align: center;}
.social .process_tit.line{padding: 13px 0; border: 2px solid #d2d2d2;}
.social .process_img {display: block; max-width: 100%; margin-top: 40px;}

.social .tabContents .process_desc {margin-top: 15px;padding:55px 171px;background: #f5f5f5;color: #333; font-size:25px;}
.social .process_plan_list {display:flex; margin-top: 28px;}
.social .process_plan_item {flex:0 0 306px;padding: 20px 30px 20px 42px; background: #909090;box-sizing: border-box;}
.social .process_plan_item + .process_plan_item  {margin-left: 21px;}
.social .process_plan_desc {position:relative;display:block;font-size:20px;color:#fff;}
.social .process_plan_desc::before {position:absolute;top:12px;left:-8px; display:inline-block;width:4px;height:4px;background:#fff;border-radius:50%;content:'';vertical-align:middle;}
.social .process_plan_desc + .process_plan_desc {margin-top:4px;}

.social .text_con {float: left;width: 654px;}
.social .text_con .con_tit {font-size: 25px;}
.social .text_con p {font-size:18px;line-height:28px;word-break:break-all;text-align: justify;}
.social .img_btn {float: right; margin-top: 48px;}
.social .img_btn img{max-width:223px;}

/* 투자정보 */
.ir .section_title{padding-bottom:25px;}
.ir .section_title.underline:after{bottom:15px}
.ir .sub_title{padding-bottom:25px;}
.ir .paging_area{margin-top:40px;}
.paging_area{font-size:15px; text-align:center;}
.paging_area a{display:inline-block; padding:0 11px; color:#888; vertical-align:middle;}
.paging_area a.btn_arrow{padding:0;}
.paging_area a.btn_arrow_l{padding-right:22px;}
.paging_area a.btn_arrow_r{padding-left:22px;}
.paging_area .active{display:inline-block; width:30px; height:30px; background:#e6240f; color:#fff; line-height:30px; vertical-align:middle;}

/* 투자정보 > 경영정보 */
.governance{}
.governance .section{padding-top:100px;}
.governance .section.sec01{padding-top:0;}
.governance_tab .tabList li{width:190.8px;}
.governance_tab .box_term{display:none; height:240px; padding:50px 40px; margin-top:40px; border:1px solid #d2d2d2; overflow-y:scroll; font-size:13px; line-height:25px; color:#888888;}
.governance_tab .box_term.on{display:block;}
.governance_tab .box_term h5, .governance_tab .box_term p.text { font-size:15px; color:#333; padding-bottom:10px;}
.governance_tab .box_term p.text + h5, .governance_tab .box_term h6 + h5, .governance_tab .box_term ol + h5, .governance_tab .box_term h5.cmgt { margin-top:30px; }
.governance_tab .box_term h6{padding-top:20px;}
.governance_tab .box_term ol{margin-left:20px;}
.governance_tab .box_term .list_alph{margin-left:20px}
.governance_tab .box_term .law{padding-top:50px; padding-bottom:0px;}
.governance_tab .box_term ol > li{list-style:decimal;}
.governance_tab .box_term ul > li{list-style:upper-alpha;}
.governance_tab .box_term .list_dash2 > li {list-style:none; text-indent:-15px; padding-left:5px; }
.governance_tab .box_term .list_dash2 > li > ol > li { text-indent:0; }
.governance_tab .box_term ol > li > .list_dash2 { margin-left:15px; }
.governance_tab .box_term ul > li .list_dash li { list-style:none;}
.governance_tab .box_term a{color:#e6240f}
.governance_tab.cmgb { margin-bottom:40px; }
.governance .sec03 .table{margin-bottom:100px;}
.governance .sec03 .table.last{margin-bottom:0px;}
.governance .sec05 p { margin-top:20px; font-size:18px;}
.governance .sec05 p.ac { text-align:center;}
.governance .sec05 ul { margin:20px 0 40px; padding:22px 30px; border:1px solid #d2d2d2; font-size:15px; line-height:25px;}
.governance .sec05 h4 + p { margin-top:0;}
.governance .sec06 { padding-top:60px; }
.governance .sec07 { padding-top:10px; }
.line-box { margin:0 0 40px; padding:22px 30px; border:1px solid #d2d2d2; font-size:15px; line-height:25px; }

/* 투자정보 > 재무정보 */
.finance .page_title{border:none; margin-bottom:0px;}
.finance  .finance_wrap{width:960px; margin:0px auto;}
.finance_wrap .tabList li{width:478px;}
.finance_tab .section{display:none;}
.finance_tab .section.on{display:block;}
.finance .chart_section{padding:45px 0px 0px;}
.finance .more_view{display:block; width:143px; height:43px; line-height:44px; margin:50px auto 0px; background:url(/resource/images/common/arr_down_btn.png) no-repeat 97px center; border:1px solid #b7b7b7; font-size:15px; color:##333; text-align:center;}
.finance .section_inner select{width:135px; height:42px; padding:0 16px; border:1px solid #c2c2c2; font-family:'NotoSans', sans-serif, Helvetica; font-size:15px;}
.finance .section_inner .tab_select_sub{display:none;}
.finance .cont_area{display:none;}
.finance .cont_area.on{display:block;}
.finance .section_inner .inner_top{margin-bottom:10px;}
.finance .section_inner .inner_top.ty-2 { margin-bottom:20px; }
.finance .section_inner .inner_top:after{content:""; display: block; clear:both;}
.finance .section_inner p{float:right; padding-top:24px; font-size:15px; color:#888;}
.finance .section_inner p.addTxt {float:none; padding-top:14px;} /* 2020-03-26 추가 */
.finance .do_btn_list{padding-top:32px; overflow:hidden;}
.finance .do_btn_list .download_btn2{float:left; width:318px; border-left:0;}
.finance .do_btn_list .download_btn2:first-child{border-left:1px solid #d2d2d2}

/* 투자정보 > 이사회 */
.finance .chart_section.cmgt { margin-top:27px; }
.finance .chart_section.cmgt2 { margin-top:45px; }
.finance_wrap .tabList.col3 li { width:318px; }
.tabContent.ty-2 { margin-top:45px; }
.normal_table.ty-3 th { background-color:#f9f9f9; }
.normal_table.ty-3 td { padding:20px; min-height:68px; box-sizing:border-box; }
.normal_table.ty-3 td.txal { text-align:left; }
.normal_table.ty-3 tr.row-add td:not([rowspan]) { min-height:auto; height:auto; border-bottom:0; padding:50px 20px 13px; }
.normal_table.ty-3 tr.row-add + .row-add-td td, .normal_table.ty-3 tr.row-add-td + .row-add-td td { min-height:auto; height:auto; border-top:none; border-bottom:0; padding:0 20px 13px; }
.normal_table.ty-3 tr.row-add-td.last td { padding:0 20px 50px !important; }
.directorate_list_wrap { padding:90px 0 90px 120px; border-top:1px solid #d2d2d2; }
.directorate_list { display:flex; flex-wrap:wrap; }
.directorate_list > li { margin-top:100px; width:55%; }
.directorate_list > li:first-child, .directorate_list > li:nth-child(2) { margin-top:0; }
.directorate_list > li:nth-child(2n) { width:45%; }
.directorate_list > li .name { font-size:15px; font-weight:700; }
.directorate_list > li .name strong { display:inline-block; margin-right:5px; font-size:20px; font-weight:700; }
.directorate_list > li .date { display:block; font-size:15px; }
.directorate_list > li .dot_list { margin-top:40px; font-size:15px; color:#888; }
.directorate_list > li .dot_list > li { position:relative; padding-left:10px; }
.directorate_list > li .dot_list > li + li { margin-top:9px; }
.directorate_list > li .dot_list > li:before { content:''; position:absolute; top:8px; left:0; display:block; width:2px; height:2px; background-color:#e42826; }
.directorate .btns {margin-top:35px;text-align:right;}
.directorate .download_btn {padding: 0 10px;}
.directorate .button_box {margin-top: 20px;}
.directorate .button_box .download_btn + .download_btn {margin-left: 10px;}
.directorate .button_box .item + .item {margin-top: 10px;}

/* 투자정보 > 이사회 디자인셀렉 */
.finance .inner_top .dSelect.ty-2 { float:right; }
.finance .inner_top .dSelect.ty-2 { width:143px; }
.finance .inner_top .dSelect.ty-2 .default { padding-left:35px; background:url(/resource/images/common/arr_down_btn.png) 98px 18px no-repeat; }

/* 재무정보 그래프 */
.graph{position:relative; margin:50px 0px 50px; font-size:15px; color:#333333; }
.graphImage {position:relative; margin:50px 0px 55px;} /* 2020-03-26 추가 */
.graph .graph_unit{position:absolute;display:table; left:0px; bottom:0px; width:65px; padding-right:10px; text-align:right;}
.graph .graph_unit li{display:table-row;}
.graph .graph_unit span{display:table-cell; vertical-align:bottom;}
.graph .graph_fields{position:absolute; top:0px; right:0px; height:25px;}
.graph .graph_fields:after{content:''; display:block; clear:both;}
.graph .graph_fields li{position:relative; float:left; padding-left:45px}
.graph .graph_fields li:after{content:"";position:absolute; display:inline-block; left:29px; top:5px; width:11px; height:11px;}
.graph .graph_labels{position:absolute; bottom:0px; left:75px; right:0px; height:17px;}
.graph .graph_labels:after{content:''; display:block; clear:both;}
.graph .graph_labels li{float:left; width:33.3%; text-align:center;}
.graph .graph_columns:after{content:''; display:block; clear:both;}
.graph .graph_columns li{float:left;}
.graph .graph_columns .columns li{position:absolute; width:48px; bottom:0px;}
.graph .graph_foreground{position:absolute; bottom:30px; left:75px; right:0px; top:41px;}
.graph01{width:960px; height:380px;}
.graph01 .graph_unit{height:358px; top:3px}
.graph01 .field01:after{background:#88aac8;}
.graph01 .field02:after{background:#57595f;}
.graph01 .field03:after{background:#e6250f;}
.graph01 .graph_foreground{background:url(/resource/images/ir/graphbg_line8.png) repeat-x 0 bottom; }
.graph01 .graph_labels li{width:33.3%;}
.graph01 .graph_columns .columns{height:320px;}
.graph01 .column0101{left:55px;}
.graph01 .column0102{left:125px;}
.graph01 .column0103{left:195px;}
.graph01 .column0201{left:350px;}
.graph01 .column0202{left:420px;}
.graph01 .column0203{left:490px;}
.graph01 .column0301{left:645px;}
.graph01 .column0302{left:715px;}
.graph01 .column0303{left:785px;}
.graph01 .column0101 ,.graph01  .column0201 ,.graph01  .column0301{background:#88aac8;}
.graph01 .column0102 ,.graph01  .column0202 ,.graph01  .column0302{background:#88aac8}/* 2019-05-02 수정 */
.graph01 .column0103 ,.graph01  .column0203 ,.graph01  .column0303{background:#e6250f;}
.graph02{width:456px; height:262px;}
.graph02 .graph_unit{height:250px; top:-10px}
.graph02 .graph_foreground{background:url(/resource/images/ir/graphbg_line4.png) repeat-x 0 bottom; }
.graph02 .graph_labels li{width:50%}
.graph02 .graph_columns .columns{height:207px;}
.graph02 .column0101{left:20px;}
.graph02 .column0102{left:75px;}
.graph02 .column0103{left:130px;}
.graph02 .column0201{left:205px;}
.graph02 .column0202{left:260px;}
.graph02 .column0203{left:315px;}
.graph02 .column0101 ,.graph02 .column0201{background:#88aac8;}
.graph02 .column0102 ,.graph02 .column0202{background:#88aac8}/* 2019-05-02 수정 */
.graph02 .column0103 ,.graph02 .column0203{background:#e6250f;}
.graph03{width:456px; height:262px;}
.graph03 .graph_unit{height:228px; top:14px}
.graph03 .graph_foreground{background:url(/resource/images/ir/graphbg_line6.png) repeat-x 0 bottom; }
.graph03 .graph_labels li{width:100%}
.graph03 .column0101{left:60px;}
.graph03 .column0102{left:170px;}
.graph03 .column0103{left:280px;}
.graph03 .columns li{background:#88aac8;}
.graph03 .graph_columns .columns li{bottom:39.8%;}
.chart_wrap:after{content:''; display:block; clear:both;}
.chart_wrap .graph{float:left;}
.chart_wrap .graph03{margin-left:45px;}

/* 제무 정보 디자인셀렉 */
.finance .inner_top .dSelect{float: left;}
.finance .dSelect{ width:135px;}
.finance .dSelect .default{background:url(/resource/images/common/dSelect.gif) 121px 18px no-repeat;}
.dSelect{position:relative; height:40px;  font-size:15px; z-index:10;}
.dSelect select{display: none;}
.dSelect ul{display:none; position:absolute;  top:40px; left:1px; right:1px; line-height:25px; z-index:10; background:#fff; border:1px solid #c2c2c2;}
.dSelect.open ul{display:block}
.dSelect li{padding-left:16px; cursor:default;}
.dSelect li.on , .dSelect li:hover {background:#1e90ff; color:#fff;}
.dSelect .default{display: block; line-height:40px; padding-left:18px; border:1px solid #c2c2c2; cursor:default;}

/* 공시사항 */

/* 주가 정보 */
.stock{}
.stock .present_price{padding:35px 25px; margin-bottom:130px; border:2px solid #d2d2d2; font-size:15px; color:#333333; }
.stock .present_price:after{content:''; display:block; clear:both;}
.stock .breadth{float:left; padding-top:5px;}
.stock .breadth:after{content:''; display:block; clear:both;}
.stock .breadth .price_num{float:left; line-height:0.8em; font-size:60px;}
.stock .breadth .price_num.maxup{color:#e6240f; }
.stock .breadth .price_num.up{color:#e6240f; }
.stock .breadth .price_num.gen{color:#333; }
.stock .breadth .price_num.down{color:#88aac8; }
.stock .breadth .price_num.maxdown{color:#88aac8; }

.stock .breadth p{float:left; line-height:26px; padding-left:20px;}
.stock .breadth .fluctuation{display:inline-block; padding-left:28px; padding-right:20px;}
.stock .breadth .fluctuation.maxup{background:url(/resource/images/ir/stock_maxup.gif) 10px center no-repeat; color:#e6240f;}
.stock .breadth .fluctuation.up{background:url(/resource/images/ir/stock_up.gif) 10px center no-repeat; color:#e6240f;}
.stock .breadth .fluctuation.gen{background:url(/resource/images/ir/stock_gen.gif) 10px center no-repeat; color:#333;}
.stock .breadth .fluctuation.down{background:url(/resource/images/ir/stock_down.gif) 10px center no-repeat; color:#88aac8;}
.stock .breadth .fluctuation.maxdown{background:url(/resource/images/ir/stock_maxdown.gif) 10px center no-repeat; color:#88aac8;}
.stock .price_list{float:right;}
.stock .price_list:after{content:''; display:block; clear:both;}
.stock .price_list li{float:left; width:110px; text-align:center;}
.stock .price_list strong{display:block; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #d2d2d2;  }
.stock .yesterday{padding-bottom:5px; padding-right:10px; text-align:right; font-size:15px; color:#888888;}

/* ir정보 */
.information .sec1{margin-bottom:150px;}
.information .sec2{margin-bottom:150px;}
.information .table td img{vertical-align:middle;}
/*.information .ir_table{display:none;}
.information .ir_table.on{display:block;}*/
.search_area{margin-bottom:10px; text-align:right;}
.information .search_area select{width:167px; height:42px; margin-right:8px; border:1px solid #c2c2c2; font-size:15px;}
.information .search_area .btn_search{display:inline-block; width:115px; padding:11px 0 10px; background:#6b6c6e; font-size:15px; color:#fff; text-align:center; vertical-align:top;}
.information .table{}

/* 뉴스룸 */
.newsroom .category_icon{display:inline-block; width:43px; height:43px; background:url(/resource/images/newsroom/icon.gif) no-repeat; text-indent:-999px; overflow:hidden;}
.newsroom .category_icon.icon01{background-position:0px 0px; }
.newsroom .category_icon.icon02{background-position:-43px 0px;}
.newsroom .category_icon.icon03{background-position:-86px 0px;}
.newsroom .category_icon.icon04{background-position:0px -43px;}
.newsroom .category_icon.icon05{background-position:-43px -43px;}
.newsroom .category_icon.icon06{background-position:-86px -43px;}

.newsroom .category_wrap{height:51px; padding-left:45px; margin-bottom:50px; background:#f2f2f2; border:1px solid #d2d2d2; overflow:hidden; }
.newsroom .category_list{position:relative; float:left; margin:15px 0px 15px 100px; border-left:1px solid #d2d2d2; font-size:15px;}
.newsroom .category_list:after{content:''; display:block; clear:both;}
.newsroom .category_list:before{content:"카테고리"; position:absolute; left:-100px;}
.newsroom .category_list li{float:left; color:#333; font-weight:bold;}
.newsroom .category_list li.on{color:#e6240f;}
.newsroom .category_wrap button{float:right; height:51px; width:85px; color:#fff; background:#6b6c6e; text-align:center; border:0;}
.newsroom .category_list input[type=checkbox]{display:inline-block; margin:0px 8px 0px 45px; vertical-align:middle;}
.newsroom .newsroom_list{width:990px; margin:-15px; overflow:hidden; }
.newsroom .newsroom_list .newsroom_item{float:left; width:298px; margin:14px 15px; }
.newsroom .newsroom_item{border:1px solid #c9c9c9;}
.newsroom .newsroom_item a{display: block; position:relative; z-index:10;}
.newsroom .newsroom_item a .hover_slow{display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:url(/resource/images/newsroom/hover.png?1) no-repeat center; z-index:1;}
.newsroom .newsroom_item .bottom_box{position:relative;}
.newsroom .newsroom_item h4{color:#333333;}
.newsroom .newsroom_item .date{font-size:13px; color:#888888;}
.newsroom .newsroom_item .newsroom_img{width:100%;}
.newsroom .newsroom_item .category_icon{position:absolute; }
.newsroom .newsroom_item.video_item .newsroom_img{position:relative; }
.newsroom .highlight{margin-bottom:50px;}
.newsroom .highlight .newsroom_item{}
.newsroom .highlight .bottom_box{height:100px; padding:17px 38px 0px 108px;}
.newsroom .highlight h4{height:60px; line-height:30px; font-size:25px; margin-bottom:-3px;padding-bottom:10px;  overflow:hidden; word-break:break-all;}
.newsroom .highlight .newsroom_img{height:484px;}
.newsroom .highlight .category_icon{left:38px; top:22px}
.newsroom .newsroom_list .newsroom_item{}
.newsroom .newsroom_list .bottom_box{height:127px; padding:28px 18px 0px 18px;}
.newsroom .newsroom_list h4{height:75px; line-height:25px; margin-bottom:10px; overflow:hidden; font-size:17px; word-break:break-all;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;}
.newsroom .newsroom_list .newsroom_img{height:231px;}
.newsroom .newsroom_list .category_icon{left:19px; top:-28px}
.newsroom .more_view_btn{display:block; width:143px; height:42px; line-height:43px; margin:50px auto 0px; border:1px solid #b7b7b7; color:#333333; font-size:15px; text-align:center;}
.newsroom .more_view_btn:after{content:''; display:inline-block; width:15px; height:10px; background:url(/resource/images/common/arr_down_btn.png) 4px 0px no-repeat ;}

.newsroom .video_pop_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:url(/resource/images/common/pop_bg.png); z-index:1000}
.newsroom .video_pop_wrap .video_pop{position:absolute; top:50%; left:50%; width:960px; height:540px; margin:-270px 0px 0px -480px;}
.newsroom .video_pop_wrap .close_btn{position:absolute; right:0px; top:-40px; width:40px; height:40px;  background:url(/resource/images/index/newsletter_close.png) no-repeat right top; text-indent:-9999px;}

.newsroom_search { padding:20px 0; background:#f2f2f2; border:1px solid #d2d2d2; text-align:center;}
.newsroom_search .form_input { width:440px; height:37px; border:1px solid #d2d2d2; padding:0 10px; font-size:14px;}
.newsroom_search button {height:39px; width:85px; margin-left:8px; color:#fff; background:#6b6c6e; text-align:center; border:0; font-size:14px;}
.newsroom_searchTxt { margin-top:10px; padding:28px 0; border:1px solid #d2d2d2; background-color:#fff; text-align:center; font-size:17px; font-weight:normal; color:#222;}
.newsroom_searchTxt strong { color:#e6240f;}

.newsroom_category { overflow:hidden; margin-bottom:30px; padding-bottom:16px; border-bottom:1px solid #d2d2d2;}
.newsroom_category ul { overflow:hidden; float:left; margin-top:6px;}
.newsroom_category ul li { float:left; position:relative; margin-right:20px; padding-left:20px; font-size:15px; font-weight:bold;}
.newsroom_category ul li:before { content:""; display:block; position:absolute; top:4px; left:0; width:1px; height:16px; background:#d2d2d2;}
.newsroom_category ul li:first-child { padding-left:0;}
.newsroom_category ul li:first-child:before { display:none;}
.newsroom_category ul li a { display:inline-block; color:#333;}
.newsroom_category ul li a span { font-size:13px; color:#888;}
.newsroom_category ul li.on a, .newsroom_category ul li.on a span { color:#e6240f;}
.newsroom_category .right_area { float:right;}
.newsroom_category .search_box { position:relative; display:inline-block; width:204px; height:39px; margin-right:8px; padding-right:39px; text-align:right;}
.newsroom_category .search_box .form_input { width:183px; height:39px; padding:0 10px; border:1px solid #d2d2d2; border-right:0; font-size:14px; box-sizing: border-box;}
.newsroom_category .search_box button { position:absolute; top:0; right:0; width:39px; height:39px;}

.newsroom_noResult { min-height:200px;}
.newsroom_noResult p { margin-top:10px; padding:28px 0; background-color:#fff; text-align:center; font-size:17px; font-weight:normal; color:#222;}

/* 뉴스룸 > 뷰 */
/*.newsroom .section{font-weight:100;}*/
.newsroom .page_title{margin-bottom:0; border-bottom:0;}
.newsroom .newsroom_title{position:relative; line-height:43px; padding:30px 30px 30px 93px; background:#eeeeee; font-size:25px; color:#333333;}
.newsroom .newsroom_title h4{word-break:break-all;}
/*.newsroom .newsroom_title h4{ word-break:break-all;  text-overflow: ellipsis;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap:break-word;}*/
.newsroom .newsroom_title .category_icon{position:absolute; top:30px; left:30px;}
.newsroom .view_wrap{padding:75px 25px; font-size:14.6667px; color:#000; line-height:2em; word-break:break-all; font-family:'NotoSans',Malgun Gothic, sans-serif, Helvetica/*font-family:'돋움',Dotum,Helvetica,Sans-serif*/; letter-spacing:0;}
.newsroom .view_wrap img{max-width:100%;}
.newsroom .view_wrap b,.newsroom .view_wrap strong{font-weight:bold;}
.newsroom .view_wrap *{font-family:'NotoSans',Malgun Gothic, sans-serif, Helvetica !important}
.newsroom .cont_paging{border-top:1px solid #585860; border-bottom:1px solid #585860;}
.newsroom .cont_paging li{position:relative; height:66px; line-height:66px; padding-left:110px; font-size:18px; color: #333333; overflow:hidden;}
.newsroom .cont_paging li:before{position:absolute; top:0px; left:0pc ;padding-right:30px; padding-left:30px; color:#888; background:url(/resource/images/newsroom/view_icon.gif) no-repeat;}
.newsroom .cont_paging a{ display:block; width:760px; line-height:66px; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; word-wrap:break-word;}
.newsroom .cont_paging .prevPage{border-bottom:1px solid #cdcdcf;}
.newsroom .cont_paging .prevPage:before{content:"이전글";background-position:0px 0px;}
.newsroom .cont_paging .nextPage:before{content:"다음글";background-position:0px -67px;}
.newsroom .cont_paging .date{position:absolute; right:5px; top:0; font-size:15px; color:#888888;}
.newsroom .list_view_btn{display:block; width:143px; height:42px; line-height:43px; margin:40px auto 0px; border:1px solid #b7b7b7; color:#333333; font-size:15px; text-align:center;}
.newsroom .sns_list{padding:10px 0px 20px 28px; text-align:right;}
.newsroom .sns_list:before{content:"sns 공유하기"; font-size:18px; color:#888; }
.newsroom .sns_list .sns_icon{margin-left:10px;}

/* 고객센터 > FAQ */
.faq .page_title{margin-bottom:0; border-bottom:1px solid #d2d2d2;}
.faq_list{border-bottom:2px solid #d2d2d2; font-size:18px; color:#333;}
.faq_list li{}
.faq_list dt{padding:25px 35px 25px 35px; border-top:1px solid #d2d2d2; background:url(/resource/images/customer/faq_up_dw.png) no-repeat 910px 26px; cursor:pointer;}
.faq_list li:first-child dt{border-top:0}
.faq_list li.off dt{background-position:910px -174px;}
.faq_list dt:before{content:"Q. "; padding-right:3px;}
.faq_list dd{padding:25px 35px 25px 90px; min-height:45px; line-height:28px; border-top:1px solid #d2d2d2; background:#e9e9e9 url(/resource/images/customer/faq_icon.png) no-repeat 55px 23px; font-weight:200;}
.faq_list dd a{color:#e71a10; text-decoration:underline; font-weight:bold;}
.faq_list li.off dd{display:none}

/* 고객센터 > 고객문의 */
.inquiries .page_title{border-bottom:1px solid #d2d2d2;}
.inquiries .section{}
.inquiries .inquiries_title{margin-bottom:50px;}
.inquiries .inquiries_title:after{content:''; display:block; clear:both;}
.inquiries .inquiries_title h4{float:left; color:#888888; font-size:18px;}
.inquiries .inquiries_title h4.line{line-height:45px}/* 210107 추가 */
.inquiries .inquiries_btns{float:right;}
.inquiries .inquiries_btns:after{content:''; display:block; clear:both;}
.inquiries .inquiries_btns .inquiries_btn{float:left;}
.inquiries .inquiries_btns .inquiries_btn.fa{margin-right:6px;}
.inquiries .inquiries_term{ height:280px; line-height:25px; padding:44px 35px; border:1px solid #d2d2d2; color:#888888; font-size:15px; overflow-y:scroll;}
.inquiries .inquiries_term h4{ color:#333; font-weight:bold; font-size:18px; }
.inquiries .inquiries_term h5{padding-top:48px; font-weight:bold; font-size:18px;}
.inquiries .inquiries_term strong{display:block; padding-top:25px; padding-bottom:5px; font-weight:bold;}
.inquiries .inquiries_term p,.inquiries .inquiries_term li{ padding-left:15px; padding-bottom:5px;}
.inquiries .inquiries_term a{color:#888; font-weight:bold;}
.inquiries .inquiries_term .tt{padding-left:0; padding-top:60px; color:#333;}


.inquiries .terms_radio{margin:15px 0px 60px; text-align:right; color:#333333; font-size:15px;}
.inquiries .terms_radio input{margin:0 8px 0 20px; vertical-align:middle;}
.inquiries .dSelect.field{ width:275px;}
.inquiries .dSelect.field .default{background:url(/resource/images/common/dSelect.gif) 260px 18px no-repeat;}
.inquiries .dSelect.mail3{display:inline-block; width:203px; margin-left:13px; color:#333;}
.inquiries .dSelect.mail3 .default{background:url(/resource/images/common/dSelect.gif) 188px 18px no-repeat;}
.inquiries .footnote{margin-bottom:8px; text-align:right; font-size:13px ;color:#e6240f;}
.inquiries .submit_btn{display:block; width:143px; height:44px; line-height:43px; margin:40px auto 0px; border:1px solid #b7b7b7; color:#333333; font-size:15px; text-align:center;}
.report_input{width:100%; border-top:2px solid #000; border-bottom:2px solid #d2d2d2; text-align:left; vertical-align:middle;}
.report_input tr{}
.report_input th{padding-left:51px; border-bottom:1px solid #d2d2d2; font-weight:normal; font-size:18px; text-align:left;}
.report_input th span{color:#e6250f;}
.report_input td{padding:19px 0; border-bottom:1px solid #d2d2d2; font-size:15px; color:#888888;}
.report_input td input[type=text]{height:42px; width:275px; line-height:42px; padding-left:10px; border:1px solid #c2c2c2; box-sizing:border-box;}
.report_input td.mail p{padding-top:10px; font-size:13px; letter-spacing:-1px;}
.report_input td.mail span{margin:0 13px;}
.report_input td.mail .mail1{width:255px;}
.report_input td.mail .mail2{width:225px;}
.report_input td .stxt{padding-top:5px; font-size:13px; color:#888;}
.report_input td input{font-family:'NotoSans', sans-serif, Helvetica; }
.report_input td input.title{width:737px; font-size:14px; color:#333333;}
.report_input td .textarea{width:717px; height:241px; padding:10px; border:1px solid #c2c2c2; font-size:14px; font-family:'NotoSans', sans-serif, Helvetica; font-size:15px; color:#333333;}
.report_input td .file{overflow:hidden; position:relative;}
.report_input td .file_input{color:#333333;}
.report_input td .file_input div{overflow:hidden;}
.report_input td .file_input input[type=file]{position:absolute; left:-1000em; top:0;}
.report_input td .file_input label{float:left; width:142px; height:30px; padding-top:8px; margin:0; border:1px solid #c2c2c2; font-size:15px; text-align:center; vertical-align:middle; cursor:pointer;}
.report_input td .file_input .file_area{padding-top:3px;}
.report_input td .file_input div span{overflow:hidden; float:left; width:400px; height:30px; padding-top:10px; margin-left:5px; font-size:15px; vertical-align:middle; text-overflow:ellipsis;}
.report_input td .file p{padding-top:10px; font-size:13px; letter-spacing:-1px;}


/* 기타 페이지 */
.etc .page_title{border-bottom:1px solid #d2d2d2;}

/* 사이트 맵 */
.sitemap .page_title{margin-bottom:0;}
.sitemap .sitemap_list{border-bottom:2px solid #d2d2d2; color:#333333; font-size:18px;}
.sitemap .sitemap_list .one_depth{position:relative; min-height:46px; padding:25px 0px 25px 210px; border-top:1px solid #d2d2d2;}
.sitemap .sitemap_list .one_depth:first-child{border-top:0;}
.sitemap .sitemap_list strong{position:absolute; left:35px; top:35px; width:170px; font-weight:bold;}
.sitemap .sitemap_list .two_depth{display:flex;flex-wrap: wrap;width:810px;}
/*.sitemap .sitemap_list .two_depth:after{content:''; display:block; clear:both;}*/
.sitemap .two_depth li{float:left; width:190px; padding:10px 0px 10px 12px; background:url(/resource/images/common/list-style02.gif) 0px center no-repeat;}
.sitemap .two_depth a{color:#333333;}
.sitemap .two_depth a:hover{color:#e6240f;}

/* 개인정보 */
.personal_information{}
.personal_information .select_date{text-align:right; padding-bottom:20px;}
.personal_information .select_date .tit{padding-right:10px; font-size:18px; color:#333; font-weight:bold;}
.personal_information .select_date .dSelect{display:inline-block; width:240px; text-align:left;}
.personal_information .select_date .dSelect .default{background:url(/resource/images/common/dSelect.gif) 222px 18px no-repeat;}
.personal_information .select_date .dSelect li{}
.personal_information .box_term{padding-left:16px; padding-bottom:50px; font-size:15px; color:#333333; border-bottom:2px solid #d2d2d2;}
.personal_information .box_term .top_term{margin-left:-16px; font-weight:bold;}
.personal_information .box_term h4{padding:40px 0px 15px; margin-left:-16px; font-weight:bold;}
.personal_information .box_term .list_dash{padding-top:15px; padding-left:8px;}
.personal_information .box_term .list_dash li{position:relative; padding-left:10px; padding-bottom:5px;}
.personal_information .box_term .list_dash li:after{content:"-"; position:absolute; left:0px; top:-1px;}
/* 2019-09-11추가 */
.personal_information .box_term .list_dash .list{position:relative; padding-left:10px; padding-bottom:5px;}
.personal_information .box_term .list_dash .list:after{content:"-"; position:absolute; left:0px; top:-1px;}
/* // 2019-09-11추가 */
.personal_information .box_term .list_han > li{padding-top:25px;}
.personal_information .box_term .nu_tt{padding-left:16px;}
.personal_information .box_term .tt{display:block; padding-bottom:15px;}
.personal_information .box_term dt{padding-top:30px;}
.personal_information .box_term .dt_list li{padding-top:30px;}
.personal_information .box_term .table{margin-top:25px;}
.personal_information .box_term .no_p{padding:0;}
.personal_information .box_term ul .no_p{padding:0;}
.personal_information .box_term dl .no_p{padding:0;}
.personal_information .box_term p.no_p{padding:0;}
/* 2019-09-11 추가 */
.personal_information .box_term .pt15{padding-top:15px;}
.personal_information .box_term .pd_table td{padding:20px 40px;}
.personal_information .box_term .indent_tt{padding-left:16px; text-indent:-15px;}
/* // 2019-09-11 추가 */

/* 이메일 */
.email .section{padding-bottom:50px; border-bottom:2px solid #d2d2d2;}
.email .section p{font-size:18px; color:#333333; line-height:28px; padding-bottom:30px;}
.email .section p.lst{padding-bottom:0;}



/* IR일정 */
.acc_list {margin-top:40px;border-bottom:1px solid #D2D2D2;}
.acc_item {border-top:1px solid #D2D2D2;}
.acc_item.on .acc_body {display:block;}
.acc_item.on .acc_head {background:#F5F5F5;}
.acc_item.on .acc_head:before {display:none;}
.acc_head {padding:15px 40px;display:block;position:relative;}
.acc_head:after {content:"";width:14px;height:2px;background:#333333;position:absolute;right:42px;top:41px;}
.acc_head:before {content:"";width:2px;height:14px;background:#333333;position:absolute;right:48px;top:35px;}
.acc_head .tit {font-size:15px;line-height:26px;padding-right:30px;font-weight:bold;}
.acc_head .date {font-size:14px;line-height:26px;color:#888888;}
.acc_body {display:none;font-size:15px;line-height:26px;padding:21px 40px;}

.personal_information .page_security{
    text-align: right;
    margin-bottom: 12px;
}

.personal_information .page_security a{
    display: inline-block;
    min-width: 240px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 40px;
    border: 1px solid #c2c2c2;
    box-sizing: border-box;
    text-align: center;
}

/* 정보보안 선언문 */
.security_information .page_title{
    /*padding-bottom: 0;*/
    font-size: 39px;
    font-weight: bold;
}

.security_information .policy{
    padding-bottom: 50px;
    border-bottom: 2px solid #d2d2d2;
}
.security_information .policy p{
    font-size: 18px;
    line-height: 32px;
    color: #333;
}
.security_information .policy p + p{
    margin-top: 10px;
}

.security_information .policy .name{
    text-align: right;
    color: #333;
    margin-bottom: 15px;
}
.security_information .policy .sign {
    max-width: 100px;
    margin: 0 0 0 auto;
}
.security_information .policy .sign img{
    width: 100%;
}

.servicePolicy{padding-bottom: 30px;border-bottom: 1px solid #d2d2d2;}
.servicePolicyList.ty-4{margin-top: 18px}
.servicePolicy .text{margin:56px 0;text-align: center}
.service .servicePolicy .servicePolicyList.ty-4 .indent { width:640px; margin:16px auto; text-align:left; }
.service .servicePolicy .servicePolicyList .indent{position: relative;margin-left:25px;text-indent: -16px; margin-bottom:16px;padding-left: 30px}


/*중장기 목표*/
.environment .sec06{padding-top: 36px}

.environment .sec06 .goals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px
}

.environment .sec06 .goals_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 176px
}

.environment .sec06 .goals_tit_item {
    height: 42px;
    padding: 9px;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: #fff;
    background-color: #999899;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.environment .sec06 .goals_tit_item+.goals_tit_item {
    margin-top: 24px
}

.environment .sec06 .goals_content {
    width: calc(100% - 200px);
    margin-left: 24px
}

.environment .sec06 .goals_roadmap_tit {
    display: block;
    width: 100%;
    height: 46px;
    font-size: 15px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -0.04em;
    color: #fff;
    background-color: #9CB6D2;
    text-align: center
}

.environment .sec06 .goals_roadmap_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 23px;
    border-bottom: 1px solid #d6d6d6
}

.environment .sec06 .goals_roadmap_list .roadmap_box {
    width: 210px
}

.environment .sec06 .goals_roadmap_list .roadmap_box:not(:last-child) .roadmap_box_content {
    position: relative
}

.environment .sec06 .goals_roadmap_list .roadmap_box:not(:last-child) .roadmap_box_content::before {
    position: absolute;
    top: 50%;
    right: -57px;
    width: 48px;
    height: 7px;
    background-image: url(../images/sustainability/vector_icon.png);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ""
}

.environment .sec06 .goals_roadmap_list .roadmap_box_content {
    margin: 24px 0;
    padding: 23px 15px;
    border: 1px solid #d6d6d6
}

.environment .sec06 .goals_roadmap_list .roadmap_box .title {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.04em
}

.environment .sec06 .goals_roadmap_list .roadmap_list {
    margin-top: 12px
}

.environment .sec06 .goals_roadmap_list .roadmap_item {
    position: relative;
    padding-left: 7px;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.08em
}

.environment .sec06 .goals_roadmap_list .roadmap_item::before {
    position: absolute;
    top: 8px;
    left: 5px;
    width: 3px;
    height: 3px;
    border-radius: 45px;
    background-color: #e02519;
    margin-left: -4px;
    content: ""
}

.environment .sec06 .goals_roadmap_list .roadmap_item+.roadmap_item {
    margin-top: 4px
}

.environment .sec06 .goals_roadmap_list .roadmap_year {
    display: block;
    width: 100%;
    height: 42px;
    padding: 9px;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: #fff;
    background-color: #4b5055;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.environment .sec06 .goals_details {
    padding-top: 23px
}

.environment .sec06 .goals_details_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.environment .sec06 .goals_details_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 210px
}

.environment .sec06 .goals_details_item span {
    display: inline-block;
    height: 42px;
    padding: 9px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.04em;
    border: 1px solid #d6d6d6;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.environment .sec06 .goals_details_item span+span {
    margin-top: 24px
}

.environment .sec06 .goals_details .arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.environment .sec06 .goals_details .arrow span {
    position: relative;
    height: 42px;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.08em
}

.environment .sec06 .goals_details .arrow span::before {
    position: absolute;
    top: 50%;
    right: -4px;
    width: 48px;
    height: 7px;
    background-image: url(../images/sustainability/vector_icon.png);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ""
}

.recruitment .snb_nav_list{
    display: flex;
}
.recruitment .snb_nav_list li, .recruitment .snb_nav_list a{
    width: 100%;
}

.recruitment .talent .page_title{
    border: none;
    margin-bottom: 0;
}

.recruitment .vision .vision_list li{
    width: 480px;
    height: 215px;
    box-sizing: border-box;
}

.recruitment .vision .vision_list .item07{
    border-right: 1px solid #d2d2d2;
}

.recruitment .talent_btn {
    margin: 0 auto;
    margin-top: 48px;
    text-align: center;
}

.recruitment .talent_link {
    display: inline-block;
    text-align: center;
    padding: 10px 22px;
    border: 1px solid #d6d6d6;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.04em;
    color: #363E41;
    box-sizing: border-box;
}

.recruitment .information .in_box{
    text-align: center;
}

.recruitment .information .in_box + .in_box{
    margin-top: 45px;
}

.recruitment .information .in_box h4{
    margin-bottom: 45px;
    font-size: 30px;
    line-height: 24px;
    letter-spacing: -.07em;
}

.recruitment .tabWrap .tabList li{
    width: 50%;
    margin-top: 80px;
    box-sizing: border-box;
}
.recruitment .personnel{
    color:#333
}

.recruitment .personnel .page_title{
    display:block;
    margin-bottom:45px;
    padding-bottom: 0;
    border: none;
    font-size:40px;
    font-weight:700;
    letter-spacing:-.07em;
    text-align:center
}

.recruitment .personnel .personnel_list{
    border-bottom:1px solid #ccc
}

.recruitment .personnel .personnel_item{
    border-top:1px solid #ccc
}

.recruitment .personnel .personnel_item dl{
    display:table;
    width:100%
}

.recruitment .personnel .personnel_item dt,.recruitment .personnel .personnel_item dd{
    display:table-cell
}

.recruitment .personnel .personnel_item_title{
    width:308px;
    padding:44px 0;
    font-size:20px;
    font-weight:700;
    line-height:24px;
    letter-spacing:-.02em
}

.recruitment .personnel .personnel_item_tt{
    padding:44px 0;
    font-size:17px;
    font-weight:500;
    line-height:24px;
    letter-spacing:-.02em
}

.recruitment .personnel .personnel_item_tt ul li+li{
    margin-top:4px
}

.recruitment .personnel .personnel_item .benefits_list dt{
    width:262px
}

.recruitment .personnel .personnel_item .benefits_list dd{
    margin-left:18px
}

.recruitment .personnel .personnel_item .benefits_item{
    padding-bottom:44px;
    border-bottom:1px solid #ccc
}

.recruitment .personnel .personnel_item .benefits_item+.benefits_item{
    margin-top:45px
}

.recruitment .personnel .personnel_item .benefits_item:last-child{
    padding-bottom:0;
    border-bottom:none
}

.recruitment .personnel .personnel_item .benefits_item ul{
    margin-top:17px
}

.recruitment .personnel .personnel_item .benefits_item li{
    position:relative;
    padding-left:10px;
    font-size:15px;
    font-weight:400;
    line-height:20px;
    letter-spacing:-.02em
}

.recruitment .personnel .personnel_item .benefits_item li::before{
    position:absolute;
    top:8px;
    left:0;
    width:3px;
    height:3px;
    border-radius:45px;
    background-color:#333;
    content:""
}

.recruitment .personnel .personnel_item .benefits_item li+li{
    margin-top:4px
}

.recruitment .personnel .personnel_item .benefits_tit{
    font-size:17px;
    font-weight:500;
    line-height:24px;
    letter-spacing:-.02em
}

.recruitment .personnel .personnel_item .benefits_image{
    display:inline-block;
    height:100%;
    margin-left:30px
}
.recruitment .vision .vision_list strong{
    line-height:25px;
}

/*FAQ*/
.recruitment_information .acc_head{
    padding: 25px 35px;
    background-color: #fff;
}
.recruitment_information .acc_head:before{
    content: none
}
.recruitment_information .acc_head:after{
    width: 24px;
    height: 24px;
    background: url(/resource/images/recruitment/icon_arrow_down.png) no-repeat center 0;
    top: 50%;
    transform: translateY(-50%);
}

.recruitment_information .acc_item.on .acc_head:after{
    background-image: url(/resource/images/recruitment/icon_arrow_up.png);
    /*transform: translateY(-50%) rotate(0deg);*/
}
.recruitment_information .acc_head .tit{
    margin-left: 26px;
    font-weight: 400;
    color: #000;
    text-indent: -26px;
}
.recruitment_information .acc_body{
    position: relative;
    padding: 25px 90px;
    background-color: #f8f8f8;
    border-top: 1px solid #ccc
}
.recruitment_information .acc_body:before{
    position: absolute;
    top: 33px;
    left: 56px;
    width: 19px;
    height: 19px;
    background:url(/resource/images/recruitment/icon_arrow_red.png) no-repeat center 0;
    content: "";
}
/*contact*/
.recruitment_information .in_box h4{
    margin: 45px 0;
    font-size:30px;
    font-weight:bold; color:#101010;
    line-height:27px;
    text-align: center;
}
.recruitment_information .tabContents{
    margin-top: 54px;
}
.recruitment_information .contact {
    color:#888
}

.recruitment_information .contact input {
    -webkit-appearance:auto;
    -moz-appearance:auto;
    appearance:auto
}

.recruitment_information .contact textarea:focus,.recruitment_information .contact input:focus {
    outline:none
}

.recruitment_information .contact input::-webkit-input-placeholder,.recruitment_information .contact textarea::-webkit-input-placeholder {
    font-family: 'Noto Sans', sans-serif, Helvetica;
    font-size:15px;
    font-weight:400;
    line-height:21px;
    letter-spacing:-1px
}

.recruitment_information .contact input::-moz-placeholder,.recruitment_information .contact textarea::-moz-placeholder {
    font-family: 'Noto Sans', sans-serif, Helvetica;
    font-size:15px;
    font-weight:400;
    line-height:21px;
    letter-spacing:-1px
}

.recruitment_information .contact input:-ms-input-placeholder,.recruitment_information .contact textarea:-ms-input-placeholder {
    font-family: 'Noto Sans', sans-serif, Helvetica;
    font-size:15px;
    font-weight:400;
    line-height:21px;
    letter-spacing:-1px
}

.recruitment_information .contact input::-ms-input-placeholder,.recruitment_information .contact textarea::-ms-input-placeholder {
    font-family: 'Noto Sans', sans-serif, Helvetica;
    font-size:15px;
    font-weight:400;
    line-height:21px;
    letter-spacing:-1px
}

.recruitment_information .contact input::placeholder,.recruitment_information .contact textarea::placeholder {
    font-family: 'Noto Sans', sans-serif, Helvetica;
    font-size:15px;
    font-weight:400;
    line-height:21px;
    letter-spacing:-1px
}

.recruitment_information .contact .contact_item {
    border-top:1px solid #ccc
}

.recruitment_information .contact .contact_item dl {
    display:table;
    width:100%
}

.recruitment_information .contact .contact_item dl dt {
    width:175px
}

.recruitment_information .contact .contact_item dt,.recruitment_information .contact .contact_item dd {
    display:table-cell;
    vertical-align:top
}

.recruitment_information .contact .contact_item_title {
    position:relative;
    display:inline-block;
    padding:28px 0 19px 51px;
    font-size:18px;
    font-weight:400;
    line-height:25px;
    letter-spacing:-1px;
    color:#000;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

.recruitment_information .contact .contact_item_title::after {
    position:absolute;
    top:28px;
    right:-12px;
    color:#e6240f;
    content:"*"
}

.recruitment_information .contact .contact_input_box {
    padding:19px 0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

.recruitment_information .contact .contact_input_box .input {
    width:276px;
    height:42px;
    padding:0 10px;
    border:1px solid #d6d6d6;
    font-size:15px;
    font-weight:400;
    line-height:21px;
    letter-spacing:-1px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

.recruitment_information .contact .contact_input_box .textarea {
    width:740px;
    height:263px;
    padding:9px 10px;
    border:1px solid #d6d6d6;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    resize:none
}

.recruitment_information .contact .contact_item_box {
    padding:19px 51px 40px
}

.recruitment_information .contact .contact_item_box .input_box {
    overflow:hidden;
    position:relative;
    font-size:0
}

.recruitment_information .contact .contact_item_box input[type=checkbox] {
    overflow:hidden;
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    clip:rect(0 0 0 0)
}

.recruitment_information .contact .contact_item_box .input_box .label:before {
    display:inline-block;
    width:22px;
    height:22px;
    margin-right:8px;
    border:1px solid #d6d6d6;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    vertical-align:middle;
    content:''
}

.recruitment_information .contact .contact_item_box .input_box input[type="checkbox"]:checked+.label::after {
    position:absolute;
    display:block;
    top:6px;
    left:8px;
    width:5px;
    height:10px;
    margin-right:8px;
    border:solid #000;
    border-width:0 2px 2px 0;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    content:""
}

.recruitment_information .contact .contact_item_box .label {
    display:inline-block;
    font-size:16px;
    font-weight:400;
    line-height:24px;
    color:#333;
    letter-spacing:-1px
}

.recruitment_information .contact .contact_item_box ul {
    margin-top:15px
}

.recruitment_information .contact .contact_item_box ul li {
    position:relative;
    padding-left:24px;
    font-size:15px;
    font-weight:400;
    line-height:22px;
    letter-spacing:-1px
}

.recruitment_information .contact .contact_item_box ul li::before {
    position:absolute;
    top:50%;
    left:9px;
    width:5px;
    height:5px;
    border-radius:45px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:#888;
    content:""
}

.recruitment_information .contact .contact_item_box .contact_item_noti {
    position:relative;
    padding-left:24px;
    font-size:15px;
    font-weight:400;
    line-height:22px;
    letter-spacing:-1px
}

.recruitment_information .contact .contact_item_box .contact_item_noti::before {
    position:absolute;
    top:50%;
    left:6px;
    width:13px;
    height:24px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    content:"※"
}

.recruitment_information .contact .contact_btn {
    display:block;
    margin:0 auto;
    text-align:center
}

.recruitment_information .contact .contact_btn .registerbtn {
    padding:10px 50px;
    border:1px solid #d6d6d6;
    font-size:14px;
    font-weight:500;
    line-height:22px;
    color:#363e41;
    letter-spacing:-.04em;
    -webkit-transition:border-color .4s ease;
    transition:border-color .4s ease
}

.recruitment_information .contact .contact_btn .registerbtn:hover {
    border-color:#000
}
.recruitment_information .faq_list{
    border-bottom: 1px solid #d2d2d2;
}
.recruitment_information .faq_list dt:before{
    content: "";
    padding-right: 0;
}
.recruitment_information .faq_list li:first-child dt{
    border-top: 1px solid #d2d2d2;
}
.recruitment_information .faq_list dd{
    background-color: #f8f8f8;
}
.recruitment .acc_item .acc_head{
    background-color: #fff;
}

/*지속가능경영 > 인권경영*/
.rights .sec01 .imgbox_underline{padding-bottom: 0;border: none}
.rights.environment .sec01 .imgbox_underline{padding-bottom: 0;min-height:406px; background:url(/resource/images/sustainability/rights_img01.jpg) no-repeat; border-bottom:0;}
.rights .page_title{font-size: 39px;font-weight: 800;line-height: 39px;color: #222;}
.rights .sus_title_sub{display: block;font-size: 18px;font-weight: 700;line-height: 27px;letter-spacing: -0.04em;}
.rights .sus_desc{display: inline-block;font-size: 18px;line-height: 27px;letter-spacing: -0.04em;color: #888}
.rights .sus_content{margin-top: 32px}
.rights.environment .tabList li{width: 238px}
.rights .link_area {text-align:right;margin:50px 0 0;}
.rights .do_btn {display: inline-block;height: 43px;line-height: 44px;padding: 0px 20px;font-size: 15px; font-weight: bold; color: #e6240f;border: 1px solid #d2d2d2;}
.rights .do_btn:before {content: "";display: inline-block;width: 14px;height: 17px;margin-right: 5px; margin-bottom: -2px;background: url(/resource/images/common/ico_file.png) no-repeat;}
.rights .sec07, .rights .sec08{padding-bottom: 49px;border-bottom: 1px solid #ccc;box-sizing: border-box}
.rights .sec08, .rights .sec09{margin-top: 50px}
.rights .sec06{padding-top: 50px}
.rights .sec08 .sus_title, .rights .sec09 .sus_title{margin-bottom: 40px}
.rights .sec05 .sus_title_sub{margin-bottom: 7px}
.rights .sec_report p{margin-bottom: 25px}
.rights .sec_report ul li{font-size: 15px; font-weight: 500; line-height: 22px; letter-spacing: -1px;color: #888}

.rights .sus_title{margin-bottom: 15px;}
.rights .sus_title .sec_report{margin-bottom: 10px;}
.rights .sec_apply ul{margin: 10px 0px 25px 32px;}
.rights .sec_apply .sec_apply_btn{margin: 10px 0;font-size: 0}
.rights .sec_apply ul li p{position: relative;margin-bottom: 0;padding-left: 10px;}
.rights .sec_apply ul li p::before{position: absolute;top: 11px;left: 0;width: 3px;height: 3px;border-radius: 45px;background-color: #888;content: "";}
.rights .sec_apply .site_btn{display:inline-block; width:135px; height:45px; line-height:43px; border:1px solid #d2d2d2; text-align:center; font-size:15px; font-weight:bold; color:#e6240f;box-sizing: border-box}
.rights .sec_apply .site_btn:after{content:""; display:inline-block; width:13px; height:13px; margin-left:5px; margin-bottom:-2px; background:url(/resource/images/common/go_site_icon.png) no-repeat ; }
.rights .sec_apply .site_btn + .site_btn{margin-left: 10px}
.rights .sec_result .result_item + .result_item{margin-top: 25px;}
.rights .sec_result .result_process{margin-left: 32px;margin-top: 10px;}
.rights .sec_result .result_process li{position: relative;padding-left: 10px;font-size: 18px; font-weight: 500; line-height: 27px; letter-spacing: -0.02em;color: #888;}
.rights .sec_result .result_process li::before{position: absolute;top: 11px;left: 0;width: 3px;height: 3px;border-radius: 45px;background-color: #888;content: "";}
.rights .sec_result .result_item .result_item_note{display: inline-block;margin-left: 32px;font-size: 15px; font-weight: 500; line-height: 32px; letter-spacing: -1px;color: #888;}
.rights .sec_result .result_item:has(img) .result_item_note{margin-left: 0;margin-top: 10px}
.rights .sec_result .img_box{margin: 30px 0 0;text-align: center}

.rights .title + .list{margin-top:24px}
.rights .list > li{border:1px solid #D2D2D2;}
.rights .list > div{width:256px;}
.rights .list .title{padding:22px;box-sizing:border-box;text-align:Center;color:#333;background:#F2F2F2}
.rights .list .title strong{font-size:15px;line-height:20px;}
.rights .list .title strong:after{content:'';display:inline-block;;vertical-align:middle}

.rights .list .title + .bul_list{border-top:1px solid #D2D2D2}
.rights .list .bul_list{padding:16px;box-sizing:border-box}
.rights .list .bul_list li{display: block;position:relative;padding-left:6px;font-size:15px;line-height:25px;color:#333;}
.rights .list .bul_list li:after{display:block;position:absolute;left:0;top:12px;content:'';width:3px;height:3px;margin-top:-2px;border-radius:1.5px;background:#E6240F}
.rights .list .bul_list li span{display: block;margin-left: 7px; text-indent: -6px;font-size: 12px; font-weight: 400; line-height: 15.96px; letter-spacing: -0.08em;}
.rights .list .bul_list li strong{font-weight: 600}
.rights .list.row:after{display:block;content:'';clear:both}
.rights .list.row > li{float:left;width:432px;height:199px;margin-left:92px;margin-top:12px}
.rights .list.row > li:nth-child(-n+2){margin-top:0}
.rights .list.row > li:nth-child(odd){margin-left:0}
.rights .list.row > li:after{display:block;content:'';clear:both}
.rights .list.row .title{width:144px}
.rights .list.row .bul_list{display: flex; justify-content: center; flex-direction: column;width:288px;height:100%}
.rights .list.row .title,
.rights .list.row .bul_list{float:left}
.rights .list.row .title + .bul_list{border:0;border-left:1px solid #D2D2D2}

.rights .list.row .title{padding:0;height: 100%;}
.rights .list.row .title:before{content: ""; display: inline-block;width: 1px; height: 100%;vertical-align: middle;}
.rights .list.row .title strong{display: inline-block; font-weight: 600;vertical-align: middle;}