/* main */
#investMain{ width:100%; position:absolute; top:72px; left:0;  }
#investMain #arrow{  width:1120px; margin: 0 auto;height:10px; position:relative; z-index:100}
#investMain #arrow .arrow01{width:14px; height:10px; position:absolute; top:-3px; left:557px; background:url('/epub/images/common/gnb/arrow01.png') no-repeat left top;}/*left:500px;*/
#investMain #investCont { font-size:1.1em; border-top:1px solid #c2c2c2; padding:32px 0 133px; position:relative; margin-top:-4px;z-index:10; width:100%;}/*margin-top:-1px;z-index:50*/
#investCont #investContIn{width:1120px; margin: 0 auto; position:relative; height:550px;   }
#investContIn .copybox{ text-align:center; margin-top:30px; }
#investContIn .copybox .copy01{ font-size:82px; color:#1090d3; font-weight:bold; line-height:85%; margin-left:-3px }/* color:#1090d3; */
#investContIn .copybox .copy02{ font-size:23px; font-weight:bold; color:#333; padding-top:21px; padding-bottom:0.9em; line-height:125%;}
#investContIn .copybox .copy03{ font-size:14px; color:#666; line-height:140%; padding-top:21px;}/*color:#999*/
#investContIn .copybox .banner1{ float:left; width:121px;height:125px; border:1px solid #efefef;background:url('/epub/images/contents/invest_main_04.jpg') no-repeat left bottom;}
#investContIn .copybox .banner1 h3{ font-size:14px; color:#333; text-align:center; padding-top:15px;}
#investContIn .copybox .investR{ float:left; width:236px;height:127px; border-right:1px solid #efefef; padding-left:29px;}
#investContIn .copybox .investR h3 {font-size:15px;}
#investContIn .copybox .investR ul{ margin-top:15px;}
#investContIn .copybox .investR ul li a{ display:block; line-height:165%; background:url('/epub/images/common/bul/bul_dotBl.gif') no-repeat left 50%;
width:208px; padding-left:8px; float:left;font-size:14px; color:#666;text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
#investContIn .contLeft{width:531px; height:373px; margin:44px auto 0; background:url('/epub/images/contents/invest_main_01.jpg') no-repeat right top; position:relative }
#investContIn .contLeft .copybox1{position:absolute; top:80px; right:127px; width:151px}
#investContIn .contLeft .copybox1 .copy01{ font-size:29px; font-weight:bold;color:#fff; line-height:110%; margin-left:-3px }
#investContIn .contLeft .copybox1 .copy02{ font-size:12px; margin-top:5px; color:#a6cbe5; line-height:125%;}
#investContIn .contLeft .copybox1 ul{ margin-top:21px;}
#investContIn .contLeft .copybox1 ul li { border-bottom:1px solid #75B1D9}
#investContIn .contLeft .copybox1 ul li a{ padding-left:4px;display:block; line-height:200%;font-size:14px; background:url('/epub/images/common/bul/zine_icon1.png') no-repeat right 50%; color:#fff;font-weight:bold;}

#investContIn .contRight{width:254px; height:357px;float:right; padding-top:28px;  }
#investContIn .conSec{ clear:both;  height:137px;}
#investContIn h3{font-size:16px; font-weight:bold;color:#333;}
#investContIn h3.pad{ padding-left:30px}
 

/* layout-1024 */
.layout-1024 #investMain{ width:100%; position:absolute; top:58px; left:0;  }/* top:66px;  */
.layout-1024 #investMain #arrow { top:0px; width:973px; margin: 0 auto; height:10px; position:relative; z-index:100}
.layout-1024 #investMain #arrow .arrow01{width:14px; height:10px; position:absolute; top:0; left:481px; background:url('/epub/images/common/gnb/arrow01.png') no-repeat left top;}/* left:560px;  */
.layout-1024 #investMain #investCont {display:inline-block; font-size:1.1em; border-top:1px solid #c2c2c2; padding:30px 0 90px; position:relative; margin-top:-1px; z-index:10; width:100%;}/*z-index:50*/
.layout-1024 #investCont #investContIn{width:973px; margin: 0 auto; position:relative; height:500px;   }
.layout-1024 #investContIn .contLeft{margin:30px auto 0;}
.layout-1024 #investContIn .copybox{  }
.layout-1024 #investContIn .copybox .copy01{ font-size:52px; color:#1090d3; font-weight:bold; line-height:85%; margin-left:-3px }/* color:#1090d3; */
.layout-1024 #investContIn .copybox .copy02{ font-size:17px; font-weight:bold; color:#333; padding-top:15px; line-height:125%;}
.layout-1024 #investContIn .copybox .copy03{ font-size:12px; color:#666; line-height:140%; padding-top:21px;}/*color:#999*/
.layout-1024 #investContIn .copybox .investR{ float:left; width:204px;height:112px; border-right:1px solid #efefef; padding-left:28px;}
.layout-1024 #investContIn .copybox .investR ul{ margin-top:15px;}
.layout-1024 #investContIn .copybox .investR ul li a{ display:block; line-height:160%; background:url('/epub/images/common/bul/bul_dotBl.gif') no-repeat left 50%; width:208px; padding-left:8px; float:left;font-size:12px; color:#666;}

.layout-1024 #investContIn .copybox .banner1{ float:left; width:103px;height:110px; border:1px solid #efefef;background:url('/epub/images/contents/invest_main4_1024.jpg') no-repeat left bottom;}
.layout-1024 #investContIn .copybox .banner1 h3{ font-size:12px; color:#333; text-align:center; padding-top:15px;}

.layout-1024 #investContIn .contLeft .copybox1{top:100px; }
.layout-1024 #investContIn .contLeft .copybox1 .copy01{ font-size:25px; font-weight:bold;color:#fff; line-height:110%; margin-left:-3px }
.layout-1024 #investContIn .contLeft .copybox1 .copy02{ font-size:11px; margin-top:5px; color:#fff; line-height:125%;}/*color:#a6cbe5;*/
.layout-1024 #investContIn .contLeft .copybox1 ul{ margin-top:19px;}
.layout-1024 #investContIn .contLeft .copybox1 ul li { border-bottom:1px solid #75B1D9}
.layout-1024 #investContIn .contLeft .copybox1 ul li a{ padding-left:4px;display:block; line-height:200%;font-size:12px; background:url('/epub/images/common/bul/zine_icon1.png') no-repeat right 50%; color:#fff;font-weight:bold;}
.layout-1024 #investContIn .contLeft .copybox1 ul li a.line2 { padding-left:4px;display:block; line-height:1.2;font-size:12px; background:url('/epub/images/common/bul/zine_icon1.png') no-repeat right 50%; color:#fff;font-weight:bold;}

.layout-1024 #investContIn .contRight{width:220px; height:357px;float:right; padding-top:28px;  }/*width:220px;*/
.layout-1024 #investContIn .conSec{ clear:both;  height:112px;}
.layout-1024 #investContIn h3{font-size:14px; font-weight:bold;color:#333;}
.layout-1024 #investContIn h3.pad{ padding-left:30px}

 


.contents .bizUl {margin-left:1.5em; margin-bottom:2em;}
.contents .bizUl li {margin-bottom:0.25em; font-size:1.15em;}
.contents .bizUl li ul {margin:0.75em 0 0.75em 1.2em; border:1px solid #d9d9d9; padding:1em 1em 0.75em 1em;}
.contents .bizUl li ul li {background:url('/epub/images/common/bul/bul01.png') no-repeat left 50%; padding-left:10px; color:#666;font-size:95%;}/*color:#999*/
.layout-1024 .picLeft{float:left; margin:0 2.40em 3em 0; width:123px; height:165px; padding:1px 0 0 1px; background:url('/epub/images/contents/bg_report1024.gif') no-repeat left top;}
.picLeft{float:left; margin:0 2.40em 4em 0; width:142px; height:190px; padding:1px 0 0 1px; background:url('/epub/images/contents/bg_report.gif') no-repeat left top;  }
.layout-1024 .picLeft img{width:119px; height:160px;}
.picLeft img{width:138px; height:185px;}
.bizinfo1 {float:left;margin-bottom:1.5em; width:100%;}
.bizinfo1 p {font-size:1.2em; line-height:1.7em; margin-bottom:1.7em; word-break: keep-all;word-wrap: break-word;}
.bizinfo1 .sText { font-size:1.45em; vertical-align:middle;line-height:1.5em; }
.bizinfo1 p strong {font-weight:bold; color:#444;}
.bizinfo1 p .sign { display:inline-block; margin-left:20px;  width:150px;}
.bizinfo1 p .sign img {vertical-align: middle;}

.bizinfo1 .sTextb {margin-bottom:0.5em; margin-top:2px; color:#007bbd; font-size:3.5em; display:block;}/*color:#0089d0;*/
.layout-1024 .bizinfo1 .left {float:left; width:210px;}
.layout-1024 .bizinfo1 .right {float:right;width:494px;}
.bizinfo1 .left {float:left; width:270px;}
.bizinfo1 .right {float:right;width:514px;}
.layout-1024 .bizinfo1 img, .bizinfo1 img {width:100%;}


/* 占쎈떽而� �뵳�뗫７占쏙옙*/
.yearBox {position:relative; clear:both; width:100%; padding:0 0 0.5em; text-align:center;}
.yearBox .btn_go {position: absolute;top: 5px; left: 11em; vertical-align: middle; }
.yearBox select {position:absolute; top:5px; left:0; width:9em;  border:1px solid #DBD9D9; vertical-align:middle;}
.yearBox .cont {color:#333; font-size:1.9em; vertical-align:top;}
.yearBox .cont span {padding:0 20px; font-weight:bold; vertical-align:top;}
.yearBox .cont a img {vertical-align:middle;}
.yearBox .btn_b {position:absolute; top:5px; right:0;}


/* 占쎄낯毓썼퉪�떯�э옙占�*/
.report {float:left; width:828px; margin:0.95em 0; border-top:2px solid #858585; border-bottom:1px solid #c3c3c3; overflow:hidden;}
.report ul {float:left; padding:0 20px; border-bottom:1px solid #efefef; overflow:hidden;}
.report ul li {float:left; width:143px; padding:14px 72px 20px 0;}
.report ul li.end {padding-right:0;}
.report ul li dl {clear:both; width:100%;}
.report ul li dl dt {display:block; padding-bottom:0.4em; color:#333; font-size:1.5em;  overflow:hidden;}
.report ul li dl dt.ebook {display:block; padding-bottom:0.4em; color:#333; font-size:1.1em; font-weight:bold; overflow:hidden; height:20px; letter-spacing:-1px; }
.report ul li dl dt.ebook span{ font-size:0.9em; font-weight:nomal; color:#666; margin-right:5px}
.report ul li dl dt input {margin:0 4px 2px 0;}
.report ul li dl dt label, .report ul li dl dt input {vertical-align:middle;}
.report ul li dl dd {width:100%; text-align:center;}
.report ul li dl dd .file {width:142px; height:190px; padding:1px 0 0 1px; margin-bottom:0.85em; background:url('/epub/images/contents/bg_report.gif') no-repeat left top; text-align:left;}
.report ul li dl dd .file img {width:137px; height:185px;}
.report ul li dl dd p a {margin-bottom:0.3em;}
.report ul.last {border-bottom:0;}

.layout-1024 .report {width:733px;}
.layout-1024 .report ul li {float:left; width:124px; padding:16px 65px 16px 0;}
.layout-1024 .report ul li dl dd .file {width:123px; height:165px; padding:1px 0 0 1px; margin-bottom:0.85em; background:url('/epub/images/contents/bg_report1024.gif') no-repeat left top; text-align:left;}
.layout-1024 .report ul li dl dd .file img {width:119px; height:161px;}
.layout-1024 .report ul li.end {padding-right:0;}

.ebookView {position:relative; clear:both; width:100%; height:400px; margin-bottom:20px;}
.layout-1024 .ebookView {width:100%;}
.ebookView .img {width:100%;}
.ebookView p {height:349px; position: absolute; top:49px; right:41px;}
.ebookView .date {height:349px; position: absolute; top:40px; left:41px;}
.ebookView .date .h4{ font-size:1.25em; color:#333; font-weight:nomal !important; line-height:100%;}
.ebookView .date h3{ font-size:1.75em; color:#333;letter-spacing:-1px; line-height:110%}
.ebookView .ebookimg {position:absolute; top:72px; left:177px; width:569px;}
.ebookView .ebookimg .img {width:569x; height:255px !important;}
.layout-1024 .ebookView .ebookimg {width:479px; height:215px !important;}
.layout-1024 .ebookView .ebookimg .img {width:479px; height:215px !important;}
.label {font-weight:bold; margin-right:10px; font-size:12px;}

/* fack Book */
.material ul li dl dd .file {width:142px; height:142px; padding:1px 0 0 1px; margin-bottom:0.85em; background:url('/epub/images/contents/bg_fackbook.gif') no-repeat left top; text-align:left;}
.material ul li dl dd .file img {width:137px; height:137px;}

.layout-1024 .material ul li dl dd .file {width:123px; height:123px; padding:1px 0 0 1px; margin-bottom:0.85em; background:url('/epub/images/contents/bg_fackbook1024.gif') no-repeat left top; text-align:left;}
.layout-1024 .material ul li dl dd .file img {width:118px; height:118px;}



/* S.지속가능경영_210601 */

#sus_wrapper {width: 100%; position: relative; top: 0; left: 0;}
#sus_main {border-top: 1px solid #c2c2c2; padding: 35px 0 120px; position: relative; z-index: 50; width: 100%;}
#sus_content {width: 100%; max-width: 1240px; margin: 0 auto; height: auto; font-family: 'nanumGothic'!important; letter-spacing: -0.2px;}
.sus_titBox {text-align: center; font-weight: bold;}
.sus_titBox .sus_tit01 {font-family: 'Arial'; font-size: 78px; line-height: 80px; color: #1090d3;}
.sus_titBox .sus_tit02 {font-size: 22px; color: #333; margin-top: 20px;}
.sus_titBox .sus_tit03 {font-size: 16px; color: #999; line-height: 160%; margin-top: 10px; font-weight: 600;}

.sus_wBox {width: 100%; margin-top: 50px;}
.sus_wBox::after {content: ''; display: table; clear: both;}

.sus_left {float: left; width: 50%; margin-top: 50px; text-align: center; box-sizing: border-box;}
.sus_left > img {width: 100%; margin-bottom: 14px;}
.sus_left > a {font-size: 16px; font-weight: 900; color: #222; padding: 10px 20px; background-color: #ebebeb; box-shadow: 5px 5px 5px #cbcbcb; display: inline-block; margin-top: 12px; margin-left: 10px; border-radius: 5px;}
.sus_left > a:hover {box-shadow: 5px 5px 5px #333; transition: all 0.2s ease-in;}
.sus_left > a > img {vertical-align: text-bottom; padding-left: 5px;}
.sus_left > a.right_margin {margin-right: 183px;}


.sus_right {float: right; width: 50%;}
.sus_right > ul.r_list {width: 77.4%; margin-right: 8%; float: inherit;}
.sus_right > ul.r_list > li {width: 100%; margin-bottom: 30px;}
.sus_right > ul.r_list > li > a {width: 100%;}

.l_img > img {max-width: 415px; width: 100%;}
.l_textBox {background-color: #ebebeb; margin-top: -80px; box-shadow: 5px 5px 5px #cbcbcb; box-sizing: border-box;}
.l_textBox dt {display: inline-block; background-color: #fff; padding: 15px 10px; margin: 35px 0 10px; font-size: 20px; font-weight: bold; color: #222;}
.l_textBox dd {font-size: 14px; font-weight: normal; padding: 0px 85px 20px 10px; color: #777; font-weight: 600; position: relative;}
.l_textBox dd:after {display: block; content: ''; background: url(/epub/images/contents/sus_btn_off.png) no-repeat; height: 33px; position: absolute; right: 32px; bottom: 20px; width: 48px;}

.sus_right > ul.r_list > li > a:hover > .l_textBox {box-shadow: 5px 5px 5px #333; transition: all 0.3s ease-in;}
.sus_right > ul.r_list > li > a:hover > .l_textBox dt {color: #1090d3; transition: all 0.2s ease-in;}
.sus_right > ul.r_list > li > a:hover > .l_textBox dd {color: #222; transition: all 0.2s ease-in;}
.sus_right > ul.r_list > li > a:hover > .l_textBox dd:after {background: url(/epub/images/contents/sus_btn_on.png) no-repeat; transition: all 0.2s ease-in;}


@media screen and (max-width: 1390px) {

    #sus_content {max-width: 1120px;}

    .l_img > img {max-width: 380px;}
    .l_textBox { margin-top: -60px;}
    .l_textBox dt {padding: 16px 10px; margin: 12px 0;}
    .l_textBox dd {font-size: 14px; padding: 0px 85px 16px 10px;}
    .l_textBox dd:after {right: 32px; bottom: 16px; background-size: 90%;}

    .sus_left > a.right_margin {margin-top: 13px;}
    .sus_left > img {margin-bottom: 12px; margin-top:14px;}
    .sus_right > ul.r_list > li > a:hover > .l_textBox dd:after {background-size: 90%;}
}


@media screen and (max-width: 1275px) {

    #sus_main {padding: 35px 0 100px;}
    #sus_content {max-width: 972px; width: 972px;}
    .sus_titBox .sus_tit01 {font-size: 52px;}
    .sus_titBox .sus_tit02 {font-size: 19px; margin-top: 20px;}
    .sus_titBox .sus_tit03 {font-size: 14px; line-height: 145%; margin-top: 10px;}

    .sus_wBox {margin-top: 65px;}
    .sus_left > img {margin-bottom: 10px;}
    .sus_left {margin-top: 0;}
    .sus_left > a {font-size: 14px; padding: 5px 10px; margin-top: 15px; margin-left: 10px;}
    .sus_left > a.right_margin {margin-right: 150px;}

    .sus_right > ul.r_list > li {margin-bottom: 20px;}

    .l_img > img {max-width: 325px;}
    .l_textBox { margin-top: -50px;}
    .l_textBox dt {padding: 10px 10px; margin: 10px 0; font-size: 18px;}
    .l_textBox dd {font-size: 12px; padding: 0px 85px 12px 10px;}
    .l_textBox dd:after {right: 25px; bottom: 5px; background-size: 80%;}

    .sus_right > ul.r_list > li > a:hover > .l_textBox dd:after {background-size: 80%;}
}

/* //E.지속가능경영_210601 */