/* ************************************************************************************ */
/************* Media Query *************/

@media(max-width:640px) {
     header {
        position:fixed;
        width:100%;
        height:65px; 
        opacity:0.97;
        background-color:#ffffff;
    
        z-index:3;
    }

    #wrapper {
        width:auto;
        height:auto;
        /*background-image:url(../IMG/bg/bg_striped_pattern2560x1440.png);*/
        background-image:url(../IMG/bg/bg_striped_pattern2.png);
        background-repeat:repeat;
        background-size:cover;
        background-attachment:fixed;
    }

    section {
        height:100%;
        width:100%;
        overflow:hidden;
    }

     #content1 {
        position:relative;
        width:100%;
        height:320px;
    }
    
    .TitleImgDiv {
        width:100%;
        height:320px;
        background-image:url(../IMG/mobile/photos/title_ethics_s_pg3.png);
        background-repeat:no-repeat;        
        background-size: 100% 100%;
    }

    .TitleMenuDiv {
        position:absolute;
        bottom:0;
        width:100%;
        height:45px;
        background-color:#010006;
        opacity:0.7;
    }

    .TitleMunuBar {
        height:45px;
        width:100%;
    }

    .TitleMenu {
        margin-top:10px;
        width:50%;
        height:33px;
        float:left;
        text-align:center;
        z-index:1;
    }

    .TitleMunuText {
        font-family:'Noto Sans CJK KR Regular';
        font-size:13px;
        color:#ffffff;
    }

    .TitleMenu:hover {
        border-bottom:2px solid #f97a5c;
        color:#f97a5c;
    }

    .TitleMenu:hover > .TitleMunuText {
        color:#f97a5c;
    }

    .w_img {
        display:none;
    }

    .m_img {
        display:block;
        margin:auto;
    }

    .contentTitleIcon {
        position:relative;
        top:35px;
        vertical-align:middle;
        text-align:center;
        width:100%;
    }

    .contentTitleText {
        position:relative;
        top:49px;
        width:100%;
        font-family:'Noto Sans CJK KR Regular';
        font-weight:bold;
        font-size:14px;
        color:#000000;
        text-align:center;
    }

    #content2 {
        width:100%;
        height:780px;
    }

    #content2Div {
        width:100%;
        height:780px;
        background-color:#ffffff;
        margin:0 auto;
        position:relative;
    }

    .regulationDiv {
        position:relative;
        top:80px;
        width:100%;
        height:860px;
    }

    .regulationText {
        /*height:354px;*/
        margin:auto;
        /*margin-top:20px;*/
        width:86%;
        font-family:'Noto Sans CJK KR Regular';
        font-size:12px;
        line-height:2;
    }

    .regulationDiv {
        position:absolute;
        bottom:0;
        width:100%;
        height:105px;
    }

    #content3 {
        width:100%;
        height:604px;
    }

    #content3Div {
        width:100%;
        height:604px;
        margin:0 auto;
        background-color:#f6f6f8;
        position:relative;
    }

    .ReportDiv {
        position:relative;
        top:50px;
        width:100%;
        height:636px;
    }

    .reportText {
        margin:auto;
        margin-top:26px;
        width:90%;
        font-family:'Noto Sans CJK KR Regular';
        font-size:12px;
        line-height:2;
    }

    #content4 {
        width:100%;
        height:828px;
    }

    #content4Div {
        width:100%;
        height:828px;
        margin:0 auto;
        background-color:#ffffff;
        position:relative;
    }

    #content5 {
        width:100%;
        height:128px;
    }

    #btn_top {
        position:fixed;
        right:2%;
        bottom:148px;
    }

    
    .regulation_TopTitle {
        width:95%; 
        margin: auto; 
        padding-top: 30px;
        padding-bottom: 20px; 
        text-align:center; 
        font-size: 15px; 
        line-height: 1.2; 
        color:#333399; 
        border-bottom:1px solid #333399
    }

    .regulation_Content {
        width:95%; 
        margin: auto; 
        padding-top: 20px; 
        text-align:left; 
        font-size: 11px; 
        line-height: 1.2; 
        color:#A6A6A6;
    }

    .regulation_SpanBold {
        color:black; 
        font-weight: bold;
    }

    .regulation_Contentul {
        margin:10px 0px 0px -20px;
    }

    .regulation_DivMain {
        height:45px; 
        width:90%; 
        margin: auto;
    }

    .regulation_DivDocuHeader {
        margin-top:26px; 
        width:48%; 
        height:24px; 
        float:left; 
        text-align:center; 
        background-color: #4472C4; 
        margin-right: 5px;
        line-height: 1.7; 
    }

    .regulation_DivDocuHeaderText {
        font-family:'Noto Sans CJK KR Regular'; 
        font-size:15px; 
        color:#ffffff;
    }

    .regulation_DivDocumentBtn {
        margin-top:5px; 
        width:48%; 
        height:24px; 
        float:left; 
        text-align:center; 
        background-color: #D9D9D9; 
        margin-right: 5px;
        line-height: 1.7; 
    }

    .regulation_DivDocumentBtnText {
        font-family:'Noto Sans CJK KR Regular'; 
        font-size:15px; 
        color:#595959; 
        text-decoration: none;
    }

    .regulation_qMarkUpBg1 {
        position:absolute;
        top:310px;
        right:84%;
    }

    .regulation_qMarkUpBg2 {
        position:absolute;
        top:380px;
        right:12%;
    }

    .Denial {
        width: 35%;
        text-align: center;
        float: left;         
        font-family:'Noto Sans CJK KR Regular';
    }
    
    .Denial_Top {   
        width: 100%;  
        height: 50px;
        padding-top: 5px;
        font-size: 10px;
        background-color: #A9A7B3; 
        text-align: center;
        line-height: 1;
        color: white;
    }
    
    .Denial_Bottom { 
        width: 100%;  
        height: 50px;        
        font-size: 15px;
        background-color: #A9A7B3; 
        text-align: center;
        color: white;
        font-weight: bold;
        line-height: 1;
    }
    
    .Denial_Button { 
        width: 100%;  
        height: 210px;
        text-align: center;
        background-color: #A9A7B3; 
    }
    
    .Denial_Detail {
        width: 63%;  
        height: 320px;
        margin-left: 5px;
        background-color: #FFFFFF; 
        text-align: left;
        float: left; 
    }
    
    .Denial_Detail_Top{
        line-height: 1.3; 
        padding:15px 5px 0px 5px;
        color: #000000;
        font-size: 11px;
    }
    .Denial_Detail_Middle{
        line-height: 1.3; 
        padding:15px 5px 0px 5px;   
        font-size: 20px;
        font-weight: bold;
    }
    .Denial_Detail_Bottom{
        line-height: 1.3;   
        margin-left: -15px;
        font-size: 11px;
    }

    .Damage {
        width: 35%;
        text-align: center;
        float: left;         
        font-family:'Noto Sans CJK KR Regular';
        margin-top: 10px;
    }
    
    .Damage_Top {   
        width: 100%;  
        height: 20px;
        padding-top: 5px;
        font-size: 10px;
        background-color: #F7BE09; 
        text-align: center;
        line-height: 1;
        color: white;
    }
    
    .Damage_Bottom { 
        width: 100%;  
        height: 80px;
        font-size: 20px;
        background-color: #F7BE09; 
        text-align: center;
        color: white;
        font-weight: bold;
    }
    
    .Damage_Button { 
        width: 100%;  
        height: 210px;
        text-align: center;
        background-color: #F7BE09; 
    }
    
    .Damage_Detail {
        width: 63%;  
        height: 270px;
        margin-left: 5px;
        background-color: #FFFFFF; 
        text-align: left;
        float: left; 
        margin-top: 10px;
    }
    
    .Damage_Detail_Top{
        line-height: 1.3; 
        padding:15px 5px 0px 5px;
        color: #000000;
        font-size: 11px;
    }

    .Damage_Detail_Middle{
        line-height: 1.3; 
        padding:15px 5px 0px 5px;   
        font-size: 20px;
        font-weight: bold;
    }

    .Damage_Detail_Bottom{
        line-height: 1.3;
        margin-left: -15px;
        font-size: 11px;
    }

    .Ethics_Button_Top {
        background-color:transparent;
        border:2px solid #FFFFFF;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-size:8px;
        line-height: 1;
        width: 110px;
        text-decoration:none;
    }
    .Ethics_Button_Top:hover {
        background-color:transparent;
    }
    .Ethics_Button_Top:active {
        position:relative;
        top:1px;
    }

    .Ethics_Button_Bottom {
        background-color:#4472C4;
        border:2px solid #4472C4;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-size:10px;
        width: 110px;
        text-decoration:none;
        margin-top: 5px;
    }


    .modal {
        font-family:'Noto Sans CJK KR Regular';
        font-size:10px;
        max-width: 1100px;
        max-height: 700px;
        padding-right: 20px;
        top: 30px;
    }

    .modal_Div{
        width:100%; height:600px; overflow: auto;
    }

    .modal_TextLarge{
        font-size: 15px;
        font-weight: bold;    
    }

    .modal_TextBold{
        font-size: 12px;
        font-weight: bold;    
    }

    .modal_ul {
        margin-top: 0px;
        margin-left: 0;
    }

    .modal_ol {
        margin-top: 0px;
        margin-left: -17px;
        margin-bottom: 0px;
    }

    .modal_table {
        border: 1px solid black; 
        border-collapse: collapse; 
        width: 99%; 
        margin-top: 20px;
    }

    .modal_table_Header {
        border: 1px solid black; 
        padding:5px; 
        background-color: #DAE3F3;
    }

    .modal_table_Header_Span {
        font-size: 12px; 
        font-weight: bold;
    }

    .modal_table_td {
        border: 1px solid black; 
        padding:5px;
    }
}



@media(min-width:640px) {
    header {
        position:fixed;
        width:100%;
        height:65px; 
        opacity:0.97;
        background-color:#ffffff;

        z-index:3;
    }

    #wrapper {
        width:auto;
        height:auto;
        /*background-image:url(../IMG/bg/bg_striped_pattern2560x1440.png);*/
        background-image:url(../IMG/bg/bg_striped_pattern2.png);
        background-repeat:repeat;
        background-size:cover;
        background-attachment:fixed;
        overflow:hidden;
    }

    section {
        height:100%;
        width:100%;
        /*overflow:hidden;*/
    }

    .w_img {
        display:block;
        margin:auto;
    }

    .m_img {
        display:none;
    }

    #content1 {
        width:100%;
        height:720px;
    }

    .TitleImgDiv {
        width:100%;
        height:720px;
        background-image:url(../IMG/photos/title_ethics_pg3.png);
        background-repeat:no-repeat;  
        background-size: 100% 100%;
    }

    .TitleMenuDiv {
        position:absolute;
        top:624px;
        width:100%;
        height:96px;
        background-color:#010006;
        opacity:0.7;
    }

    .TitleMunuBar {
        height:100%;
        max-width:1280px;
        margin:0 auto;
    }

    .TitleMenu {
        margin-top:26px;
        width:50%;
        height:64px;
        float:left;
        text-align:center;
        z-index:1;
    }

    .TitleMunuText {
        font-family:'Noto Sans CJK KR Regular';
        font-size:23px;
        color:#ffffff;
    }

    .TitleMenu:hover {
        border-bottom:6px solid #f97a5c;
        color:#f97a5c;
    }

    .TitleMenu:hover > .TitleMunuText {
        color:#f97a5c;
    }

    .contentTitleIcon {
        position:relative;
        top:146px;
        /*left:50%;*/
        vertical-align:middle;
        text-align:center;
        width:100%;
    }

    .contentTitleText {
        position:relative;
        top:195px;
        width:100%;
        font-family:'Noto Sans CJK KR Regular';
        font-weight:bold;
        font-size:1.421rem;
        color:#000000;
        text-align:center;
    }

    /************* Section2 *************/

    #content2 {
        width:100%;
        height:1159px;
    }

    #content2Div {
        max-width:1280px;
        height:1559px;
        background-color:#ffffff;
        margin:0 auto;
        position:relative;
    }

    .regulationDiv {
        position:relative;
        top:250px;
        /*margin-top:18.625rem;*/
        width:100%;
        /*height:870px;*/
        height:1197px;
        /*height:77.375rem;*/
    }

    .regulationText {
        /*width:100%;*/
        /*height:32rem;*/
        height:445px;
        margin-left:12.1875%;
        margin-right:12.1875%;
        /*margin-top:64px;*/
        margin-top:4rem;
        width:75.625%;
        font-family:'Noto Sans CJK KR Regular';
        /*font-size:1rem;*/
        line-height:2.5;
    }

    .regulationDiv {
        position:absolute;
        bottom:0;
        width:100%;
        /*max-width:75.625%;*/
        height:368px;
        /*height:23rem;*/

        /*margin:0 auto;*/
        /*height:50%;*/
        /*margin-top:5%;*/
    }

    /************* Section3 *************/

    #content3 {
        width:100%;
        height:1086px;
    }

    #content3Div {
        max-width:1280px;
        height:1086px;
        margin:0 auto;
        background-color:#f6f6f8;
        position:relative;
    }

    .ReportDiv {
        position:relative;
        /*margin-top:298px;*/
        top:200px;
        /*margin-top:18.625rem;*/
        width:100%;
        /*height:65rem;*/
        /* height:1125px; */
        /*height:1238px;*/
    }

    .reportText {
        /*width:100%;*/
        /*height:18.750rem;*/
        height:250px;

        margin-left:12.1875%;
        margin-right:12.1875%;
        margin-top:64px;
        /*margin-top:4rem;*/
        width:75.625%;
        font-family:'Noto Sans CJK KR Regular';
        /*font-size:1rem;*/
        line-height:2.5;
    }

    /************* Section4 *************/

    #content4 {
        width:100%;
        /*height:912px;*/
        height:1451px;
        /*height:96rem;*/
        /*height:87.725rem;*/
        /*background-color:#ffffff;*/
    }

    #content4Div {
        max-width:1280px;
        height:1451px;
        margin:0 auto;
        background-color:#ffffff;
        position:relative;
    }

    .regulation_TopTitle {
        width:90%; 
        margin: auto; 
        padding-bottom: 20px; 
        text-align:center; 
        font-size: 40px; 
        line-height: 1.2; 
        color:#333399; 
        border-bottom:1px solid #333399
    }

    .regulation_Content {
        width:83%; 
        margin: auto; 
        padding-top: 20px; 
        text-align:left; 
        font-size: 21px; 
        line-height: 1.2; 
        color:#A6A6A6;
    }

    .regulation_SpanBold {
        color:black; 
        font-weight: bold;
    }

    .regulation_Contentul {
        margin:10px 0px 0px -20px;
    }

    .regulation_DivMain {
        width:80%; 
        margin: auto;
    }

    .regulation_DivDocuHeader {
        margin-top:26px; 
        width:48%; 
        height:40px; 
        float:left; 
        text-align:center; 
        background-color: #4472C4; 
        margin-right: 5px;
        line-height: 1.7; 
    }

    .regulation_DivDocuHeaderText {
        font-family:'Noto Sans CJK KR Regular'; 
        font-size:23px; 
        color:#ffffff;
    }

    .regulation_DivDocumentBtn {
        margin-top:5px; 
        width:48%; 
        height:40px; 
        float:left; 
        text-align:center; 
        background-color: #D9D9D9; 
        margin-right: 5px;
        line-height: 1.7; 
    }

    .regulation_DivDocumentBtnText {
        font-family:'Noto Sans CJK KR Regular'; 
        font-size:23px; 
        color:#595959; 
        text-decoration: none;
    }

    .regulation_qMarkUpBg1 {
        position:absolute;
        top:310px;
        right:84%;
    }

    .regulation_qMarkUpBg2 {
        position:absolute;
        top:380px;
        right:12%;
    }

    .Denial {
        width: 30%;
        text-align: center;
        float: left;         
        font-family:'Noto Sans CJK KR Regular';
    }
    
    .Denial_Top {   
        width: 100%;  
        height: 50px;
        padding-top: 10px;
        font-size: 12px;
        background-color: #A9A7B3; 
        text-align: center;
        line-height: 1.2;
        color: white;
    }
    
    .Denial_Bottom { 
        width: 100%;  
        height: 80px;
        font-size: 20px;
        background-color: #A9A7B3; 
        text-align: center;
        color: white;
        font-weight: bold;
        margin-bottom: -20px;
        line-height: 1;
    }
    
    .Denial_Button { 
        width: 100%;  
        height: 230px;
        text-align: center;
        background-color: #A9A7B3; 
        line-height: 1.6;
    }
    
    .Denial_Detail {
        width: 65%;  
        height: 350px;
        margin-left: 10px;
        background-color: #FFFFFF; 
        text-align: left;
        float: left; 
    }
    
    .Denial_Detail_Top{
        line-height: 1.2; 
        padding:20px 20px 0px 20px;
        color: #000000;
    }
    .Denial_Detail_Middle{
        line-height: 1.2; 
        padding:35px 20px 0px 20px;   
        font-size: 20px;
        font-weight: bold;
    }
    .Denial_Detail_Bottom{
        line-height: 1.2;   
    }

    .Damage {
        width: 30%;
        text-align: center;
        float: left;         
        font-family:'Noto Sans CJK KR Regular';
        margin-top: 10px;
    }
    
    .Damage_Top {   
        width: 100%;  
        height: 50px;
        padding-top: 10px;
        font-size: 15px;
        background-color: #F7BE09; 
        text-align: center;
        line-height: 1.2;
        color: white;
    }
    
    .Damage_Bottom { 
        width: 100%;  
        height: 80px;
        font-size: 30px;
        background-color: #F7BE09; 
        text-align: center;
        color: white;
        font-weight: bold;
        margin-top: -20px;
        margin-bottom: -10px;
    }
    
    .Damage_Button { 
        width: 100%;  
        height: 230px;
        text-align: center;
        background-color: #F7BE09; 
        line-height: 1.4em;   
    }
    
    .Damage_Detail {
        width: 65%;  
        height: 270px;
        margin-top: 10px;
        margin-left: 10px;
        background-color: #FFFFFF; 
        text-align: left;
        float: left; 
    }
    
    .Damage_Detail_Top{
        line-height: 1.2; 
        padding:20px 20px 0px 20px;
        color: #000000;
    }
    .Damage_Detail_Middle{
        line-height: 1.2; 
        padding:35px 20px 0px 20px;   
        font-size: 20px;
        font-weight: bold;
    }
    .Damage_Detail_Bottom{
        line-height: 1.2;   
    }

    .Ethics_Button_Top {
        background-color:transparent;
        border:2px solid #FFFFFF;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-size:13px;
        width: 200px;
        text-decoration:none;
        line-height: 1.4em;   
    }
    .Ethics_Button_Top:hover {
        background-color:transparent;
    }
    .Ethics_Button_Top:active {
        position:relative;
        top:1px;
    }

    .Ethics_Button_Bottom {
        background-color:#4472C4;
        border:2px solid #4472C4;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-size:15px;
        width: 200px;
        text-decoration:none;
        margin-top: 5px;
    }

    .modal {
        font-family:'Noto Sans CJK KR Regular';
        font-size:14px;
        max-width: 1100px;
        max-height: 700px;
        padding-right: 20px;
        top: 30px;
    }

    .modal_Div{
        width:100%; height:600px; overflow: auto;
    }

    .modal_TextLarge{
        font-size: 25px;
        font-weight: bold;    
    }

    .modal_TextBold{
        font-size: 15px;
        font-weight: bold;    
    }

    .modal_ul {
        margin-top: 0px;
        margin-left: 0;
    }

    .modal_ol {
        margin-top: 0px;
        margin-left: -17px;
        margin-bottom: 0px;
    }

    .modal_table {
        border: 1px solid black; 
        border-collapse: collapse; 
        width: 99%; 
        margin-top: 20px;
    }

    .modal_table_Header {
        border: 1px solid black; 
        padding:5px; 
        background-color: #DAE3F3;
    }

    .modal_table_Header_Span {
        font-size: 20px; 
        font-weight: bold;
    }

    .modal_table_td {
        border: 1px solid black; 
        padding:5px;
    }
}



@media(min-width:640px) and (max-width:1280px) {
    #content5 {
        width:100%;
        height:160px;
    }

    #btn_top {
        position:fixed;
        right:2%;
        bottom:180px;
    }
}

@media(min-width:1280px) {
    #content5 {
        width:100%;
        height:160px;
    }

    #btn_top {
        position:fixed;
        right:2%;
        bottom:100px;
    }
}

@media(min-width:640px) and (max-width:800px) {
    .regulationText, .reportText {
        font-size:13px;
    }
}

@media(min-width:800px) and (max-width:1100px) {
    .regulationText, .reportText {
        font-size:14px;
    }
}

@media(min-width:1100px) and (max-width:1280px) {
    .regulationText, .reportText {
        font-size:16px;
    }
}

@media(min-width:1280px) {
    .regulationText, .reportText {
        font-size:17px;
    }
}

/* ************************************************************************************ */

html, body {
    width:100%;
    height:100%; 
    margin:0px; 
    padding:0px; 
    font-size:16px;
}

img {
    border:0;
}



.regulationBg1 {
    position:absolute;
    width:592px;
    height:255px;
    top:700px;
    right:90%;
}

.ipBg1 {
    position:absolute;
    width:592px;
    height:255px;
    top:334px;
    left:82%;
}

.bioBg1 {
    position:absolute;
    width:101px;
    height:868px;
    top:340px;
    right:105%;
}

#btn_top {
    display:none;
}