html {
    background-color: #ffffff;
    margin: 0;
}

body {
    margin: 0;
    width:1920px;
    height: 1080px;
    position:absolute;
    left:50%;
    transform-origin:0 0;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

footer {position: absolute; width:100%; height:70px; bottom: 0px;}

.layout_header {padding:48px 50px 0 70px; height:121px; background-image:url('../images/common/header_back.png'); background-size:cover;} 

.header_titleSection {border-top:1px solid #fff; padding:15px 0 0 0; }

.header_cate {list-style: none; padding-left:0; padding-bottom:12px; margin:0;}
.header_cate li {display: inline-block; border-right: 1px solid #fff; padding:0 15px; font-family: 'Noto Sans KR'; font-weight:300; font-size: 1em; color:#fff; height:14px; line-height:13px; cursor:pointer;}
.header_cate li:first-child {padding-left: 0;}
.header_cate li:last-child {border-right: 0;}
.header_cate li.active { color:#fff; font-weight:bold }

.header_titleSection_eng {float:left; font-size:34px; margin-right:10px; font-family: 'Poppins', sans-serif; font-weight:600; color:#fff;}
.header_titleSection_kor {float:left; margin-top:16px; font-family: 'Noto Sans KR'; color:#fff; font-weight: normal}

.contents_section{width:100%; display: inline-block; animation: fadein 1s; }
.contents_section span {
    font-family: 'Noto Sans KR', sans-serif;}
.left_page {width:50%; float: left;}
.right_page {width:50%; float:left;}

.left_contents {padding-left: 150px; margin-top: 80px;}
.right_contents {margin-top: 55px;}

.vertical_line {position:relative; border-left: solid 4px #04650f; height:27px; width:1px; float:left; margin-top:8px;}

.head_line{ font-family: NotoSansCJKkr; font-size: 28px; font-weight: 500; font-stretch: normal;
  font-style: normal; line-height: 1.46; letter-spacing: normal; text-align: left; 
    color: #04650f; padding-left: 15px}

.divide_line {width:1620px; border-bottom: solid 1px #85868a; margin-top: 10px;}

.middle_disc {margin-top:61.4px;}
.middle_disc > img {display: inline-block;}
.middle_disc > span{display: inline-block; color:#2b2b2b; font-size:22px; font-weight: 500;
  font-stretch: normal;  font-style: normal; line-height: 33px; letter-spacing: -0.66px; text-align: left;}

.small_box { display:inline-block; margin-top:27px; vertical-align:top; }
.small_head {}
.small_head > span {display: block; font-size: 18px; font-weight: bold; font-stretch: normal;
  font-style: normal; line-height: 27px;  letter-spacing: -0.54px; text-align: left;
  color: #2b2b2b;}

.small_disc {}

.small_disc > div.text {display: block; font-size: 18px; 
  font-weight: 600; font-stretch: normal; font-style: normal; line-height: 27px;
  letter-spacing: -0.54px; text-align: left; color: #2b2b2b;}

.small_box2 { display:inline-block; margin-top:40px; vertical-align:top; height:230px;}
.small_box2 > .small_head { text-align:center; margin-bottom:34px;}
.small_box2 > .small_disc > span {display: block; font-size: 16px; margin-top:3px;
  font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5;
  letter-spacing: normal; text-align: center; color: #595b60; }

#matte_icon {margin-bottom: -3px;}