@charset "utf-8";


.ci-area {position:relative;}
.ci-area h4 {margin:-8px 0 18px 0; }
.ci-img {position:absolute; top:78px; right:80px;}
.ci-img img {max-width:100%}
.ci-area .ci-list {margin-top:40px;}
.ci-area .ci-list:after {clear:both; display:block; content:"";}
.ci-area .ci-list li {display:inline-block; margin-right:49px; vertical-align:top}
.ci-area .ci-list li img {max-width:100%;}
.ci-area .ci-mean {margin-top:127px; }
.ci-area .ci-mean:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.ci-area .ci-mean li {float:left; text-align:center; width:33.3%}
.ci-area .ci-mean li span.img {display:none; height:91px; box-sizing:border-box}
.ci-area .ci-mean li span.img img {max-width:100%;}
.ci-area .ci-mean li span.tit {display:block; line-height:26px; color:#916b4a; margin:35px 0 12px; height:52px}
.ci-area .ci-mean li span.txt {display:block; font-size:15px; line-height:26px; color:#4c4c4c}

.bi-area {height:897px; margin-top:-20px }
.bi-area.tab1 { background:url(../images/information/bg_nine.jpg) no-repeat center;}
.bi-area.tab2 { background:url(../images/information/bg_hae.jpg) no-repeat  center;}
.bi-area h4 {color:#fff; padding-top:75px; margin:0}
.bi-area .tab {text-align:center; letter-spacing:0; margin-top:71px}
.bi-area .tab li {display:inline-block; border:1px solid #fff; height:34px;margin-left:-5px; box-sizing:border-box; text-align:center}
.bi-area .tab li a {display:block; line-height:32px; color:#fff; font-size:15px}
.bi-area .tab li:first-child {width:190px;}
.bi-area .tab li:last-child {width:159px;}
.bi-area .tab li.on {background:#fff}
.bi-area .tab li.on a {color:#333}
.bi-area .t-logo {text-align:center; margin:0 auto; margin-top:50px;}
.bi-area .t-logo img {max-width:100%}
.bi-area .text-box {position:relative; margin-top:80px; color:#fff; }
.bi-area .text-box:after {clear:both; display:block; content:"";}
.bi-area .text-box dt {position:relative; float:left; width:50%; font-size:30px; line-height:44px; padding:22px 0 0 80px; box-sizing:border-box}
.bi-area .text-box dt span {position:absolute; top:0; display:block; width:80px; height:2px; background:#fff;}
.bi-area .text-box dd {float:right; width:50%; padding:25px 0 0 0; line-height:26px; line-height:32px; box-sizing:border-box; }
.bi-area .text-box dd.btdown {position:absolute; top:141px; left:79px; padding:0;  opacity:1}
.bi-area .text-box dd.btdown span {display:inline-block;background:url(../images/common/down_icon.png) no-repeat right center; padding-right:26px; }
.bi-area .text-box dd.btdown a {font-size:15px; color:#fff; border-bottom:1px solid #fff}
.bi-area .text-box dd .space {display:block; margin-bottom:21px}
.bi-area .text-box .more {display:block; margin-top:4px; font-size:14px}
.bi-area .text-box .more a {display:inline-block; font-size:15px; color:#fff !important; border-bottom:1px solid #fff; line-height:1.4}

.brochure-area {position:relative; padding-left:42%}
.brochure-area:after {clear:both; display:block; content:""; height:0}
.brochure-area p.stxt {padding-top:72px; line-height:50px; letter-spacing:-2px}
.brochure-area .img img {max-width:100%}
.brochure-area .txt {margin:35px 0 25px}
.brochure-area .bt-box a {display:inline-block; height:38px; font-size:15px; border:1px solid #4c4c4c; text-align:center; line-height:38px; padding:0 27px; box-sizing:border-box; min-width:220px}
.brochure-area .bt-box a:last-child {margin-left:10px}
.down-txt {position:absolute; bottom:24px; border-top:1px solid #d9d9d9;}
.down-txt p {font-family:Dotum; font-size:12px; color:#808080; padding:8px 0 0 19px; background:url(../images/common/bul_mark.gif) no-repeat 0 10px;}
.down-txt p a {display:inline-block; color:#cc2929; border-bottom:1px solid #cc2929; margin-left:10px; line-height:1.4}

.ir-area .graph-img {display:flex;justify-content:space-between;flex-wrap:wrap;}
.ir-area .graph-img li {width:calc((100% - 40px)/2);}
.ir-area .graph-img li + li {margin-left:40px;}
.ir-area .graph-img li > h4 {margin:0 0 12px;}
.ir-area .graph-img li > img {width:100%;}
.ir-area .graph-img li .ir-img {margin-bottom:7px;}
.ir-area .graph-img li .ir-img-m {display:none;}
.ir-area .ir-tbl-eval th, .ir-area .ir-tbl-eval td {width:20%;}


@media all and (min-width:1600px) {
.bi-area {max-width:1920px; margin:0 auto}
.bi-area.tab1 {background-size:cover;}
.bi-area.tab2 {background-size:cover;}
}

@media all and (min-width:1280px) {
.brochure-area {min-height:580px}
.brochure-area .img {position:absolute; top:0; left:0}
.bi-area .text-box dt {width:54%}
.bi-area .text-box dd {width:46%}
}

@media all and (max-width:1279px) {
.ci-area {padding:0 50px}
.ci-area h4 {padding-left:0}
.ci-area .ci-list {text-align:center;margin-top:120px}
.ci-img {position:relative; top:71px; right:0; left:0; text-align:center}
.ci-area .ci-mean {margin-top:80px}
.ci-area .stxt  br {display:none}
.bi-area {height:1049px; }
.bi-area.tab1 {background-size:cover}
.bi-area.tab2 {background-size:cover}
.bi-area .text-box {padding: 0 80px}
.bi-area .text-box dt {float:none; width:100%; padding-left:0}
.bi-area .text-box dd.btdown {top:437px; width:60%}
.bi-area .text-box dd {float:none; width:100%; padding:35px 0 0 0}
.bi-area .text-box dd br {display:none}
.brochure-area {padding-left:0}
.brochure-area p.stxt {padding:0 50px}
.brochure-area .img {padding:50px 0; text-align:center;}
.brochure-area .txt {margin:0 auto; width:100%; text-align:center}
.brochure-area .txt .bratt {display:none}
.brochure-area .bt-box {text-align:center; margin-top:24px}
.brochure-area .down-txt {position:relative; bottom:0; margin:80px 50px 0}
}
@media all and (max-width:920px){
    .ir-area .graph-img li {width:100%;}
    .ir-area .graph-img li + li {margin-left:0;margin-top:44px;}
    .ir-area .graph-img li .ir-img {display:none;}
    .ir-area .graph-img li .ir-img-m {display:block;margin-bottom:20px;max-width:580px;margin:0 auto;}
}
@media all and (min-width:768px) and (max-width: 1279px) {
.ci-mean .txt br {display:none}
}
@media all and (max-width:767px) {
.brochure-area p.stxt {font-size:23px; line-height:32px; padding:0 15px}
.brochure-area p.stxt br {display:none}
.brochure-area .img {padding:35px 15px}
.brochure-area .txt {font-size:16px; padding:0 15px; box-sizing:border-box}
.brochure-area .bt-box {margin-top:19px}
.brochure-area .down-txt {display:none}
.brochure-area .bt-box a:last-child {margin-left:7px;}
.brochure-area .bt-box a {min-width:170px}
.ci-area {padding:0 15px}
.ci-area h4 {margin:-8px 0 28px 0}
.ci-area .ci-list {display:none}
.ci-area p  br {display:none}
.ci-img {width:70%; margin:0 auto; top:34px}
.ci-area .ci-mean {margin-top:80px}
.ci-area .ci-mean li {float:none; width:100%; margin-top:40px }
.ci-area .ci-mean li:first-child {margin-top:0}
.ci-area .ci-mean li span.img {width:70%; margin:0 auto}
.ci-area .ci-mean li span.tit {font-size:14px; margin:14px 0 2px 0; height:auto}
.ci-area .ci-mean li span.txt {font-size:14px;}
.ci-area .ci-mean br {display:none}
.bi-area {height:746px; }
.bi-area h4 {padding-top:35px}
.bi-area .tab {margin-top:37px}
.bi-area .tab li {height:31px;}
.bi-area .tab li a {font-size:12px; line-height:29px}
.bi-area .tab li:first-child {width:160px}
.bi-area .tab li:last-child {width:145px}
.bi-area .t-logo {width:70%; margin:40px auto 0}
.bi-area .text-box {padding:0 15px; margin-top:50px}
.bi-area .text-box dt {font-size:20px; line-height:30px; padding-top:13px}
.bi-area .text-box dd {font-size:16px; line-height:23px; padding-top:14px}
.bi-area .text-box dd.btdown {display:none}
.bi-area .text-box dt span {height:1px; width:66px}
.bi-area .text-box .more a {font-size:13px}
.ir-area .graph-img li > h4 {margin:0 0 8px;}
.ir-area .graph-img li .ir-img-m {margin-bottom:20px;}
.ir-area .ir-tbl-eval th:first-child, .ir-area .ir-tbl-eval td:first-child {width:24%;}
.ir-area .ir-tbl-eval th, .ir-area .ir-tbl-eval td {width:19%;}

}

@media all and (max-width:460px) {
.brochure-area .txt .bratt {display:block}
}
@media all and (max-width:420px) {
.ci-area p  br {display:none}
}
@media all and (max-width:440px) {
.brochure-area .bt-box a {width:80%}
.brochure-area .bt-box a:last-child {margin-left:0; margin-top:10px;}
}
@media all and (max-width:350px) {
.brochure-area .txt .bratt {display:none}
}