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;}

.contents_section{width:100%; height: auto; 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: 113px; margin-top: 55px;}
.right_contents {margin-top: 55px;}

.vertical_line {position:relative; border-left: solid 4px #a5724f; height:24px; width:1px; float:left; margin-top:10px;}

.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: #a5724f; padding-left: 15px}

.divide_line {width:800px; border-bottom: solid 1px #a5724f; margin-top: 20px;}

.middle_disc {margin-top:22px;}
.middle_disc > span{display: block; color:#a5724f; margin-top: 3px; font-size:22px; font-weight: normal;
  font-stretch: normal;  font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left;}

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

.small_disc {margin-top:10px;}
.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: left; color: #595b60;}

#small_disc_second {margin-top: 8px;}
#small_disc_second > 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: left; color: #595b60;}

.ex_image {width: 700px; height:300px; margin-top: 53px;}

.structure_disc {margin-top: 20px}
.structure_img {float:left;}
.structure_before_img {width: 300px; height:100px;}
.structure_disc span {display:block;}

.img_pick {float:left; margin-left: 5px; width: 5px; height:98px;}
.img_pick1 {height: 20px; margin-top: 1px; border-top: solid 1px #707070; border-right: solid 1px #707070;}
.img_pick2 {height: 57px; border-top: solid 1px #707070; border-right: solid 1px #707070;}
.img_pick3 {height: 18px; border-top: solid 1px #707070; border-right: solid 1px #707070;
border-bottom: solid 1px #707070;}

.img_disc { float:left; margin-left: 5px;}
.img_disc > span {display: block; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #2b2b2b;}

.floor_1 { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal;  line-height: 1.5; letter-spacing: normal; text-align: left; color: #2b2b2b;}
.floor_2 {margin-top: 7px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #2b2b2b;}
.floor_2_disc {margin-top: -5px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; text-align: left; color: #2b2b2b;}
.floor_3 { margin-top: 5px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #2b2b2b;}

.structure_img_after {float:left; margin-left:41px;}
.structure_after_img {width: 300px; height: 100px}
.floor_2_after {margin-top: 14px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #2b2b2b;}
.floor_3_after { margin-top: 16px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #2b2b2b;}


.footer_nav > div {float:left; width:15px; height:15px; border-radius: 7.5px; background-color: #a5724f;}
#nav_1_1page {margin-left: 930px;}
#nav_2_1page {margin-left: 30px; opacity: 0.4;}


#quality_middle_dics {margin-top:77px;}
#quality_middle_dics > span{display: block; color:#a5724f; margin-top: 3px; font-size:22px; font-weight: normal;}

#quality_divide_line {width:800px; border-bottom: solid 1px #a5724f; margin-top: 25px;}

#pattern_image {width: 700px; height:340px; margin-top: 53px;}
#certi_container{}
#certi_images {float:left; width:210px; height:358px;}
#oeko_tex_img {width:186.9px; height: 100px; margin-top:30px;}
#eco_certi_img {width:157px; height: 64px; margin-top:75px;}

#certi_disc {}

#nav_1_2page {margin-left: 930px; opacity: 0.4;}
#nav_2_2page {margin-left: 30px;}

#matte_disc {display: contents;}
#matte_icon {margin-bottom: -3px;}
#matte_disc2 {display: contents;}