@charset "utf-8";

/* heading title */
h2{position:relative;padding:117px 0 30px;margin-bottom:26px;font-size:50px;font-family:'titi';font-weight:600;color:#fff;text-align:center}
h2:after{display:block;position:absolute;top:174px;left:50%;transform:translateX(-50%);content:'';width:50px;height:2px;background:#fff}
h3{padding-bottom:57px;font-family:'titi';font-size:45px;line-height:45px;color:#001546;font-weight:600;text-align:center}
h3>small{font-size:32px;font-weight:300}
h4{font-size:20px;line-height:30px;color:#222;text-align:left;font-weight:500}
h4.dash{position:relative;padding-top:12px;margin-top:100px;margin-bottom:1px}
h4.dash:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:24px;height:3px;background:#012b5d}
h4.dashBig{position:relative;padding-top:12px;margin:60px 0 27px;font-size:28px}
h4.dashBig:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:24px;height:3px;background:#012b5d}
.lh30{line-height:30px}
/* text type */
.txtTop{font-size:24px;line-height:30px;color:#010101}
.topBdr{border-top:1px solid #dadada}
.btmBdr{border-bottom:1px solid #dadada}
.txtTop.topBdr{padding-top:48px;font-family:notoSans}
.txtTop+h4{margin-top:44px}
.txtTop+h4+p{margin-top:16px}
h3+p{position:relative;top:-46px;text-align:center}
h3+p>strong{display:inline-block;margin-bottom:6px;font-weight:400}
.withThumb img{position:relative;top:7px;margin-right:43px}			
.bgLineBox{position:relative;padding:36px 33px 60px 32px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fafafa}
.bgLineBox>.fl,.bgLineBox>.fr{width:500px}
.contents{text-align:left;color:#555}
.contents .topImg{margin-top:24px}
p{font-weight:300;font-size:15px;line-height:30px}

/* 서브상단 비쥬얼 */
.visual{position:relative;width:100%;min-width:1200px;height:300px;background:url('/static/images/contents/bg_ir.jpg') 50% 0 no-repeat;text-align:center}
.visual.bg0101{background-image:url('/static/images/contents/sub0101.jpg')}
.visual.bg0201{background-image:url('/static/images/contents/sub0201.jpg')}
.visual.bg0301{background-image:url('/static/images/contents/sub0301.jpg')}
.visual.bg0401{background-image:url('/static/images/contents/sub0401.jpg')}
.visual.bg0501{background-image:url('/static/images/contents/sub0501.jpg')}
.visual.bg0601{background-image:url('/static/images/contents/sub0601.jpg')}
.visual p{font-size:18px;color:rgba(255,255,255,0.38);font-weight:400;text-align:center;line-height:26px}

/* overview */
.overview{overflow:hidden;position:relative;width:100%;padding:50px 0;margin:70px auto;border-bottom:1px solid #d1d1d1;border-top:1px solid #d1d1d1}
.overview li{float:left;width:33.3%;text-align:center;vertical-align:middle;box-sizing:border-box}
.overview li p{height:auto;padding:20px 30px 0;line-height:24px;text-align:center}
.overview li strong{display:block;height:55px;width:100%;font-family:titi;font-size:60px;font-weight:600;line-height:88%;color:#0087b7;text-align:center}

.ceo .ceoMessage{padding:49px 0 47px;line-height:30px;color:#010101;font-size:24px;font-style:italic;border-top:1px solid #dadada;border-bottom:1px solid #dadada;text-align:center}
.ceo .bgLineBox{margin-top:141px;padding-left:0;padding-right:0;padding-bottom:30px}
.ceo .bgLineBox ul{position:relative;width:100%}
.ceo .bgLineBox ul:after{clear:both;display:block;content:''}
.ceo .bgLineBox ul>li{float:left;position:relative;text-align:center;box-sizing:border-box}
.ceo .bgLineBox ul>li>span{display:inline-block;position:absolute;top:-124px;left:50%;margin-left:-82px;width:164px;height:164px;line-height:164px;font-family:TitiBoldItalic;font-size:36px;color:#fff;border-radius:50%;background:#7d7d7d;text-align:center;font-weight:normal}
.ceo .bgLineBox ul>li>p{padding-top:60px;letter-spacing:-0.01em}
.ceo .bgLineBox ul>li:nth-of-type(1){width:350px}
.ceo .bgLineBox ul>li:nth-of-type(2){width:378px;margin-left:8px}
.ceo .bgLineBox ul>li:nth-of-type(3){float:right;width:360px}
.ceo .bgLineBox ul>li:nth-of-type(2)>span{background:#006dbb}
.ceo .bgLineBox ul>li:nth-of-type(3)>span{background:#002b5c}
.ceo .bgLineBox+p.mt50{margin-top:45px !important}

/* map */
.map section{width:525px;height:570px;margin-bottom:70px;background:#fafafa;border-bottom:1px solid #e6e6e6}
.map section>div{padding:23px 22px 0 28px;border-top:1px solid #e6e6e6;background:#fafafa}
.map section>div>h4.dash{margin-top:0}
.map section>div>p{margin-top:10px;font-size:16px}

/* Our Products */
.ourProducts section{padding:38px 0;border-top:1px solid #dfdfdf}
.ourProducts section>div{position:relative;width:100%;height:370px;padding:147px 0 0 74px;color:#fff;font-family:titi;box-sizing:border-box;background:url('/static/images/contents/business/product_box1.jpg') no-repeat}
.ourProducts section:nth-of-type(1){margin-top:20px}
.ourProducts section:nth-of-type(2)>div{background-image:url('/static/images/contents/business/product_box2.jpg')}
.ourProducts section>div>p{position:relative;display:inline-block;font-family:titi;font-size:32px;font-weight:100;line-height:36px;color:#fff}
.ourProducts section>div>strong{display:block;margin-top:10px;margin-bottom:38px;font-family:titi;font-size:36px;font-weight:600}
.ourProducts section>div.bgProduct02{background-image:url('/static/images/contents/business/product_box3.jpg');padding-top:237px;padding-left:65px}
.ourProducts section>div.bgProduct02>p:after{display:block;content:'';width:149px;height:1px;position:absolute;top:22px;right:-152px;background:rgba(255,255,255,0.20)}
.ourProducts section>div.bgProduct02.ir{background-image:url('/static/images/contents/business/product_box4.jpg')}
.ourProducts section>div.bgProduct02.ir>p:after{top:30px;right:-160px}
.ourProducts section>div.bgProduct02+p.mt40{margin-top:35px !important}
.ourProducts .btnReadMore{margin-left:2px}
.ourProducts .row h4{padding-left:2px}
.ourProducts .row h4+.bdrBox1{margin-top:17px !important}
.ourProducts .topBdr.mt20>.row.mt50{margin-top:45px !important}

.bdrBox1{position:relative;width:530px;padding:26px 28px 15px 28px;border:1px solid #e1e1e1;box-sizing:border-box}
.bdrBox1:after{position:absolute;content:'';display:inline-block;top:-1px;left:-1px;width:260px;height:5px;background:#002b5c}
.bdrBox1 li{font-size:16px;line-height:32px;font-weight:300}

/* rnd > rnd center */
.bizIconBox{overflow:hidden;margin-top:47px;margin-bottom:9px;border:1px solid #e3e3e3}
.bizIconBox .col{float:left;width:33.333%;padding:33px 0 45px;height:440px;border-left:1px solid #e3e3e3;box-sizing:border-box;text-align:center}
.bizIconBox .col:first-child{border-left:none}
.bizIconBox .col:last-child{float:right}
.bizIconBox .col>strong{position:relative;display:block;padding-top:198px;font-size:18px;line-height:28px}
.bizIconBox .col>strong:before{position:absolute;top:3px;left:50%;transform: translateX(-50%);display:block;content:'';width:181px;height:181px;background:url('/static/images/contents/rnd/icon_rnd.png') no-repeat;overflow:hidden}
.bizIconBox .col>p{position:relative;display:block;margin-top:11px;font-size:14px;font-weight:400;line-height:24px;color:#767676}
.bizIconBox .col:nth-of-type(2)>strong:before{background-position:0 -200px}
.bizIconBox .col:nth-of-type(3)>strong:before{background-position:0 -400px}

/* Sustainability */
.susLink{float:right;position:relative;top:-20px;width:612px}
.susLink>li{position:relative;overflow:hidden;min-height:110px;padding:28px 0 18px;border-bottom:1px solid #ccc;box-sizing:border-box}
.susLink>li:first-child{padding-top:20px;min-height:102px}
.susLink>li>strong{display:inline-block;width:170px;float:left;font-size:22px;line-height:24px;color:#000;font-family:'titi';font-weight:400;letter-spacing:-0.01em}
.susLink>li>p{float:left;width:296px;color:#000;line-height:20px;letter-spacing:-0.03em}
.susLink>li>a{float:right;display:block;width:126px;height:50px;line-height:50px;text-align:center;border:1px solid #505050;font-family:titi;font-weight:300}
.susLink>li>a:hover{background:#006dbb;color:#fff}
/* Sustainability > trans */
.infoG_trans{overflow:hidden;position:relative;width:965px;margin:25px auto 10px}
.infoG_trans>li{float:left;position:relative;width:450px;height:166px;padding-left:175px;border:1px solid #e4e4e4;border-radius:95px;box-sizing:border-box;background:#fff}
.infoG_trans>li:nth-of-type(even){float:right}
.infoG_trans>li:before{position:absolute;top:12px;left:16px;display:block;content:'';width:140px;height:140px;background:url('/static/images/contents/sus/ico_transparency.png') no-repeat;overflow:hidden}
.infoG_trans>li:nth-of-type(2):before{background-position:0 -140px}
.infoG_trans>li:nth-of-type(3):before{background-position:0 -280px}
.infoG_trans>li:nth-of-type(4):before{background-position:0 -420px}
.infoG_trans>li:nth-of-type(3),
.infoG_trans>li:nth-of-type(4){margin-top:34px}
.infoG_trans>li>strong{display:block;height:46px;padding-top:35px;font-size:16px;line-height:20px}

ul.listDash>li{font-size:14px;line-height:18px;text-indent:-7px;padding-left:7px;font-weight:300;letter-spacing:-0.02em}
ul.listDot>li{position:relative;padding-left:11px;font-size:14px;line-height:28px;font-weight:300;letter-spacing:-0.04em}
ul.listDot>li:before{position:absolute;top:12px;left:0;content:'';display:inline-block;width:2px;height:2px;background:#222;vertical-align:middle}
.medium{font-weight:500 !important}

/* Sustainability > Integrity Management */
.infoG_global{position:relative;width:860px;padding:80px 0 30px;margin:0 auto}
.infoG_global:before{position:absolute;top:190px;left:430px;content:'';width:1px;height:500px;background:#dedede}
.infoG_global>h5{position:relative;width:296px;height:111px;line-height:111px;margin:0 auto;background:#002b5c;color:#fff;font-family:titi;font-weight:600;font-size:36px;text-align:center;border-radius:80px;z-index:3}
.infoG_global>ul>li{position:relative;left:-2px;width:860px;height:140px;border:10px solid #dedede;box-sizing:border-box;border-radius:95px;background:#fff;margin-top:39px;padding:7px 10px;z-index:2;overflow:hidden}
.infoG_global>ul>li>span{display:inline-block;float:left;width:106px;height:106px;line-height:106px;background:#a0a0a0;overflow:hidden;text-align:center;font-size:24px;line-height:106px;color:#fff;font-family:titi;font-weight:600;border-radius:50%;vertical-align:middle}
.infoG_global>ul>li:nth-of-type(1){margin-top:49px}
.infoG_global>ul>li:nth-of-type(2)>span{background:#006dbb}
.infoG_global>ul>li:nth-of-type(3)>span{background:#002b5c}
.infoG_global>ul>li>em{display:inline-block;float:left;width:88px;height:106px;line-height:106px;font-size:48px;color:#a0a0a0;font-family:titi;font-weight:700;border-radius:50%;vertical-align:middle;text-align:center}
.infoG_global>ul>li>div{float:left;width:607px;margin-left:19px;padding:10px 0 0 0}
.infoG_global>ul>li>div>strong{font-family:titi;font-size:28px;color:#002b5c;font-weight:400}
.infoG_global>ul>li>div>ul{position:relative;left:-7px;margin-top:9px}

/* Sustainability > compliance */
.infoG_compliance{position:relative;left:-22px;width:853px;height:353px;margin:96px auto 20px;background:url('/static/images/contents/sus/infoG_compliance.png') no-repeat}
.infoG_compliance:after{display:block;content:'';clear:both}
.infoG_compliance>h5{position:absolute;top:79px;left:331px;width:191px;height:191px;padding-top:64px;font-family:titi;font-weight:600;font-size:24px;line-height:36px;color:#fff;text-align:center}
.infoG_compliance>div{float:left;position:relative;width:50%;box-sizing:border-box}
.infoG_compliance>div:nth-of-type(even){float:right;padding-left:160px}
.infoG_compliance>div:nth-of-type(1),
.infoG_compliance>div:nth-of-type(2){height:276px}
.infoG_compliance>div>h6{width:268px;height:70px;line-height:70px;text-align:center;font-family:titi;font-weight:400;font-size:18px;color:#fff}
.infoG_compliance>div>ul{position:relative;left:10px;margin-top:11px}
.infoG_compliance>div:nth-of-type(even)>ul{width:348px}
.infoG_compliance>div:nth-of-type(even)>ul>li{font-size:14px}
.infoG_compliance>div:nth-of-type(odd)>ul{left:12px}

/* Sustainability > CSR */
.csrBox{display:table;background:#fafafa}
.csrBox h5{font-size:28px;line-height:36px;font-family:titi;font-weight:600;color:#002b5c}
.csrBox .col{float:left;width:50%;height:321px;padding-top:37px;box-sizing:border-box;border:1px solid #c1c1c1;border-top:5px solid #002b5c;text-align:center}
.csrBox .col:nth-of-type(2) h5{position:relative;top:16px;margin-bottom:28px}
.csrBox .col:nth-of-type(2){border-top-color:#006dbb;border-left:none}
.csrBox .col>ol{width:100%}
.csrBox .col>ol>li{padding-left:36px;text-align:left;line-height:27px;font-weight:300}
.csrBox .col>p{font-weight:400}

/* PR room > News */
.thumbnailList{border-top:4px solid #002b5c}
.thumbnailList>li{position:relative;padding:40px 0;border-top:1px solid #e1e1e1;overflow:hidden;font-size:16px}
.thumbnailList a.thumbnail{display:block;position:relative;float:left;width:316px;height:190px;background:#efefef}
.thumbnailList a.thumbnail>img{width:316px;height:190px}
.thumbnailList a.thumbnail .new{display:inline-block;position:absolute;top:0;right:0;width:60px;height:60px;line-height:60px;background:#002b5c;color:#fff;font-size:16px;font-family:titi;font-weight:600;text-align:center}
.thumbnailList .highlight{float:right;width:743px}
.thumbnailList .highlight>a{display:block;min-height:171px;font-size:14px;line-height:24px;font-weight:300}
.thumbnailList .highlight>a>strong{display:block;margin-bottom:10px;color:#333;font-family:titi;font-weight:400;font-size:20px;line-height:30px}
.thumbnailList .highlight>a:hover{text-decoration:underline}
/* .thumbnailList .highlight>a>span{color:#0087b7;font-size:20px} */
.thumbnailList .highlight>a+span{display:block}
.btListMore{height:48px;line-height:46px;width:100%;box-sizing:border-box;border:1px solid #e1e1e1;background:#fafafa;color:#222;text-align:center;font-family:titi;font-weight:600}
.btListMore span{color:#002b5c;font-weight:300}
.btListMore em.ico{display:inline-block;width:13px;height:13px;margin-top:-4px;margin-right:9px;background:url('/static/images/common/ico_more.png') no-repeat;text-indent:-10000em;font-size:0;vertical-align:middle}

.newsView .newsHead{position:relative;padding:22px 7px 27px 19px;border-top:3px solid #002b5c;border-bottom:1px solid #bdbdbd;overflow:hidden}
.newsView .newsHead h4{float:left;width:920px;font-size:20px;font-family:titi;font-weight:400;line-height:24px;color:#002b5c;padding:0;margin:0;text-align:left}
.newsView .newsHead h4:after{padding:0;margin:0;display:none;content:''}
.newsView .newsHead h4>span{color:#0087b7}
.newsView .newsHead p{position:absolute;right:13px;bottom:21px;width:145px;text-align:right;font-size:16px;font-family:titi;font-weight:400}

.newsView .newsContent{padding:80px 23px 100px;font-size:14px;color:#555;line-height:24px}
.newsView .newsContent article{min-height:300px}
.newsView .newsContent p{margin-top:30px}
.newsView .newsContent p:first-child{margin-top:0}
.newsView .newsContent p.top{color:#555;text-align:center;font-weight:600}
.newsView .newsContent p.btm{color:#555;text-align:right;font-size:14px;padding-top:30px}
.newsView .newsList{overflow:hidden;padding:30px 0;margin-bottom:40px;border-top:1px solid #dfdfdf;border-bottom:1px solid #bdbdbd}
.newsView .newsList a{display:block;position:relative;float:left;width:252px;margin-left:30px}
.newsView .newsList a:first-child{margin-left:0}
.newsView .newsList a>span{display:inline-block;width:240px;margin-top:10px;font-size:14px;color:#555;line-height:24px;font-weight:300}
.newsView .newsList a>img{width:253px;height:153px}

/* PR room */
.mediaCenterWp{position:relative;width:100%}
.mediaBox{overflow:hidden;position:relative;width:100%;height:540px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#fafafa}
.mediaBox h4{padding:0 0 10px 0;margin-left:40px;margin-top:30px}
.mediaBox h4:after{display:none;height:0}
.mediaBox .row{overflow:hidden;width:1020px;margin:0 auto}
.mediaBox .fl{float:left;width:716px;height:422px;background:#000}
.mediaBox .fr{overflow:hidden;overflow-y:auto;float:right;width:212px;height:380px;padding:20px;border:1px solid #e1e1e1;background:#fff;font-size:14px;line-height:24px;font-weight:300}
.mediaCount{margin:60px 0 15px}
.mediaList{overflow:hidden;position:relative;width:1100px;margin-top:20px}
.mediaList>li{float:left;position:relative;margin-left:30px;width:253px;height:230px;overflow:hidden}
.mediaList>li:first-child{margin-left:0}
.mediaList>li>a{display:block;position:relative;width:238px;height:133px;overflow:hidden}
.mediaList>li>a>img{width:238px;height:133px}
.mediaList>li>p{margin-top:13px;font-size:14px;line-height:24px;text-align:left}
.mediaList>li:nth-of-type(4){margin-left:0;float:right}

/* CI/BI */
.cibi.bi .bdrBox>p{min-height:273px;line-height:273px;background:#fafafa}
.cibi>div{overflow:hidden;padding-top:25px}
.cibi>div>.bdrBox{float:left;width:317px;text-align:center;border: 1px solid #bbb}
.cibi>h4{font-family:titi;font-weight:600;font-size:30px}
.cibi .bdrBox>p{min-height:207px;line-height:207px;border-bottom:1px solid #bbb}
.cibi .bdrBox>p>img{vertical-align:middle}
.cibi .bdrBox>a{display:block;width:100%;height:68px;line-height:68px;color:#002b5c;font-weight:600;font-size:14px;font-family:titi}
.cibi .bdrBox>a:hover{background:#fafafa}
.cibi .bdrBox>a>.ico.down{margin-left:10px}
.cibi .txt{float:right;position:relative;top:-6px;width:731px}
.cibi .txt>h4{margin:0 0 20px;font-size:24px;font-family:titi;font-weight:600}
.cibi .txt>p{min-height:160px;margin-top:-8px}
.cibi .txt>p>em{display:inline-block;margin-top:7px}
.cibi .row>.col{float:left;width:237px;margin-left:9px}
.cibi .row>.col:first-child{margin-left:0}
.cibi .row>.col>h5{font-size:16px;color:#222;font-family:titi;font-weight:600}
.cibi .row>.col>h5:after{content:' ';display:block;position:relative;width:100%;height:20px;margin:7px 0 15px}
.cibi .col.color01>h5:after{background-color:#1b2e5a}
.cibi .col.color02>h5:after{background-color:#666666}
.cibi .col.color03>h5:after{background-color:#a1a1a1}
.cibi .col.color04>h5:after{background-color:#006dbb}
.cibi .col.color05>h5:after{background-color:#666}
.cibi .col.color06>h5:after{background-color:#a1a1a1}
.cibi .col .txtsub>li{font-weight:300;line-height:24px}

/* career */
/* .careerInfo{overflow:hidden;padding-top:17px}
.careerInfo .col{float:left;width:330px;height:330px;margin:0 0 47px 52px;background:#eee}
.careerInfo .col:nth-of-type(1),
.careerInfo .col:nth-of-type(4){margin-left:0}
.careerInfo .col>p{padding-top:20px;text-align:center;font-size:16px;line-height:26px}
.careerInfo .col>p>strong{display:block;padding-bottom:11px;font-size:26px;font-family:titi;font-weight:600;color:#001546} */
.careerInfo{overflow:hidden;margin-top:55px;background:#fafafa}
.careerInfo .col{float:left;width:720px;height:205px;padding:47px 0 0 45px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;box-sizing:border-box;background:none }
.careerInfo .col p{text-align:left}
.btnType{border:1px solid #a8a8a8;padding:11px 25px;display:inline-block;text-align:center;font-family:titi;font-weight:400}

.bdrTopBtom{padding:49px 0 47px;color:#010101;border-top:1px solid #dadada;border-bottom:1px solid #dadada;text-align:center}
.bdrTopBtom p{font-size:24px;line-height:30px}
    
a.btnListMore02{display:block;width:572px;height:48px;padding-left:526px;border:1px solid #e1e1e1;font-size:14px;color:#222;line-height:48px;margin-top:-1px;background:#fafafa url(/static/images/ico/ico_more02.png) no-repeat 506px center}
a.btnListMore02 span {color:#002b5c}

/* search */
input[type=text],
input[type=password]{width:100%;padding:1px 3px 5px 10px;height:34px;border:1px solid #ccc;box-sizing:border-box}
.srchArea{position:relative;margin-bottom:15px;text-align:right}
.srchArea>p{float:left;position:relative;top:18px;color:#222}
.srchArea select{min-width:127px;border:1px solid #707070;height:34px;padding:3px 3px 3px 5px;border:1px solid #ccc;box-sizing:border-box;text-indent:0}
.srchArea input[type=text]{width:280px;margin-left:2px}
.srchArea a.btSrch{width:90px;height:34px;line-height:34px;background:#002b5c;color:#fff}
.srchArea input[type=submit].btSrch{width:90px;height:34px;line-height:34px;margin-left:2px;background:#002b5c;color:#fff;border:0px}
.srchArea:after{clear:both;display:block;content:''}

/* btn */
.btnArea{text-align:center}

/* 24.03.29 pdf버튼 관련추가 */
.pdf_btn a { display:flex; width:fit-content; border:1px solid #ddd; padding:10px; transition:all 0.3s; }
.pdf_btn:hover a { color:#fff; border:1px solid #333; background:#333; transition:all 0.3s; }