/* ************************************************************************************ */
/************* 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:420px;
   }

   #content2Div {
       width:100%;
       height:420px;
       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:404px;
   }

   #content3Div {
       width:100%;
       height:404px;
       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: 10px; 
       line-height: 1.2; 
       color:#000000;
   }

   .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: 30px;
       padding-top: 20px;
       font-size: 12px;
       background-color: #A9A7B3; 
       text-align: center;
       line-height: 1.2;
       color: white;
   }
   
   .Denial_Bottom { 
       width: 100%;  
       height: 50px;
       font-size: 20px;
       background-color: #A9A7B3; 
       text-align: center;
       color: white;
       font-weight: bold;
   }
   
   .Denial_Button { 
       width: 100%;  
       height: 100px;
       text-align: center;
       background-color: #A9A7B3; 
   }
   
   .Denial_Detail {
       width: 63%;  
       height: 200px;
       margin-left: 5px;
       background-color: #FFFFFF; 
       text-align: left;
       float: left; 
   }
   
   .Denial_Detail_Top{
       line-height: 1.3; 
       padding:15px 5px 0px 5px;
       color: #7F7F7F;
       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: 20px;
       font-size: 12px;
       background-color: #F7BE09; 
       text-align: center;
       line-height: 1.2;
       color: white;
   }
   
   .Damage_Bottom { 
       width: 100%;  
       height: 50px;
       font-size: 20px;
       background-color: #F7BE09; 
       text-align: center;
       color: white;
       font-weight: bold;
   }
   
   .Damage_Button { 
       width: 100%;  
       height: 100px;
       text-align: center;
       background-color: #F7BE09; 
   }
   
   .Damage_Detail {
       width: 63%;  
       height: 190px;
       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: #7F7F7F;
       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:15px;
       font-weight:bold;
       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:15px;
       font-weight:bold;
       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:900px;
   }

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

   .regulationDiv {
       position:relative;
       top:200px;
       /*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:886px;
   }

   #content3Div {
       max-width:1280px;
       height:886px;
       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; 
       line-height: 2; 
       color:#000000;
   }

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

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

   .regulation_DivMain {
       width:80%; 
       margin-left: 130px;
   }

   .regulation_DivDocuHeader {
       margin-top:26px; 
       width:30%; 
       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: 20px;
       font-size: 20px;
       background-color: #A9A7B3; 
       text-align: center;
       line-height: 1.2;
       color: white;
   }
   
   .Denial_Bottom { 
       width: 100%;  
       height: 100px;
       font-size: 40px;
       background-color: #A9A7B3; 
       text-align: center;
       color: white;
       font-weight: bold;
   }
   
   .Denial_Button { 
       width: 100%;  
       height: 130px;
       text-align: center;
       background-color: #A9A7B3; 
   }
   
   .Denial_Detail {
       width: 65%;  
       height: 300px;
       margin-left: 10px;
       background-color: #FFFFFF; 
       text-align: left;
       float: left; 
   }
   
   .Denial_Detail_Top{
       line-height: 1.2; 
       padding:20px 20px 0px 20px;
       color: #7F7F7F;
   }
   .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: 20px;
       padding-top: 20px;
       font-size: 20px;
       background-color: #F7BE09; 
       text-align: center;
       line-height: 1.2;
       color: white;
   }
   
   .Damage_Bottom { 
       width: 100%;  
       height: 100px;
       font-size: 40px;
       background-color: #F7BE09; 
       text-align: center;
       color: white;
       font-weight: bold;
   }
   
   .Damage_Button { 
       width: 100%;  
       height: 130px;
       text-align: center;
       background-color: #F7BE09; 
   }
   
   .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: #7F7F7F;
   }
   .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:20px;
       font-weight:bold;
       width: 200px;
       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:20px;
       font-weight:bold;
       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:500px;
   right:90%;
}

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

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

#btn_top {
   display:none;
}