/* main_css.css */

    @charset "utf-8";
 
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
      margin: 0 ;
      padding: 0 ;
      border: 0 ;
      outline : 0 ; 
      font-weight : inherit ;
      font-style : inherit ;  /* font-size : 100 % ;  */      
      font-family : inherit ;
      vertical-align : baseline ;
    }
    
    /* 
    html { font-size: 100%; }
    @media all and ( max-width: 768px ) { html { font-size: 70%; } }
    */
    

    input, select { font-size: 1.0rem; }   /* 16px; */
    input:focus { box-shadow: inset 0 0 2px rgba(255, 0, 0, .8); }
    
    /* responsive web font size design area 
    @media screen and ( min-width: 1281px){ html { font-size: 26px; } }
    @media screen and ( max-width: 1280px){ html { font-size: 24px; } }
    @media screen and ( max-width: 1024px){ html { font-size: 22px; } }
    @media screen and ( max-width:  768px){ html { font-size: 20px; } }
    @media screen and ( max-width:  600px){ html { font-size: 16px; } }
    @media screen and ( max-width:  480px){ html { font-size: 14px; } } 
    */
     
    body { 
        color: #E46C0A; 
        /* font-family: "Nanum Gothic", "Malgun Gothic", Gulimche, "Times New Roman", serif ;    /* font-size: 20px; */          
        line-height: 14px;  
        /* font-size: 20px; */
        font-weight: bold;  
        background-color: #ffffff;  	/*  deepskyblue - #00BFFF, skyblue - #87CEEB, lightskyblue - #87CEFA  #f7f4eb;*/
    }
    
    h1  { display: none; }
    
    a { text-decoration: none; color: #474747; }  
    /*       a:hover { color: #31859C; border-bottom: 1px solid #31859C; }      a:active { color: #2E2A54; }  */   
    
    img { max-width: 100%;}
    
    hr { 
    	display: block;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        border-style: inset;
        border-width: 1px;
    } 
    
    .contents_title { 
        color: #0f0f0f; text-align: left; 
        padding-bottom: 6px; 
        margin-top: 40px;     margin-left: 2%;     margin-bottom: 6px; 
        border-bottom: 1px solid #e6e6e6;  }
    .contents_title span { margin: 10px 10px;   }
    .contents_title span:nth-child(1) { font-size: 24px; font-weight: normal;  }
    .contents_title span:nth-child(2) { font-size: 16px; font-weight: normal; letter-spacing: -1px;  }
    @media screen and ( max-width:  480px ) { 
        .contents_title span:nth-child(1) { font-size: 16px; } 
        .contents_title span:nth-child(2) { font-size: 10px; } 
    }  

    ul { list-style: none; } 
    ul li { display: inline;  float: left; }

    #call_number  { display: none; }
    #main_header  { display: block; }
    #main_header_smartphone  { display: none; } 
    #call_notice  { display: none; } 
    #main_footer  { display: none; } 
    #space { display: none; }
    #wrap { 
        margin:0 auto; 
        background-color: white ; 
	    /* width: 1000px;  */ 
        /* outline: rgba(135, 127, 107, .06) 1px solid;  */  
    }        
    /* responsive web design area */
    @media screen and ( min-width: 1281px ) { #wrap, #main_logo { width: 1024px; }  }
    @media screen and ( max-width: 1280px ) { #wrap, #main_logo { width: 1024px; }  }   
    @media screen and ( max-width: 1024px ) { #wrap, #main_logo { width: 100%; }    }
    @media screen and ( max-width:  768px ) { 
        #call_number { display: none; } 
        #main_header_smartphone  { display: block; } 
        #call_notice { 
            display: flex;
            flex-direction: row;
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;  } 
        #main_header  { display: none; }
        #main_footer  { display: block; }
        #main_footer4  { display: none; }
        #space { display: block; }  }
    @media screen and ( max-width:  600px ) {   }
    @media screen and ( max-width:  480px ) { #wrap { min-width: 300px; }    }
    
    .good_img {
    	border-radius: 20px 20px 0 20px; 
    } 
    
    #call_notice a {
        margin-top: auto;
        width: 50%;
    }

    form { font-size: 1rem; }
    th { width: 100px; }
    .table_comments {
        border:5px solid #F3F3F3; padding: 1.5em 3.0em; color: #000; 
        font-size: 0.8rem; font-weight: normal;
    }    
    @media screen and ( max-width:  480px ) { 
        form { font-size: 0.7rem;  }
        th { width: 58px; } 
        .table_comments {  font-size: 0.5rem; }    
    }  

        
    #main_logo { position: relative; line-height: 90%; margin-left: 1.0rem; margin-top: 1.0rem; }
    #main_number {   
        color: #000000;  /* #951e1e; */ 
        font-family: 'Malgun Gothic', 'Noto Sans KR', 'Nanum Gothic', Gulimche, 'Times New Roman';
        font-size: 1.4rem; 
        font-weight: bold; 
        position: absolute; 
        padding: 0.5rem 0 0 0;
        left: 16px; /* 11rem;  */
    }
    #main_message {   
        font-size: 1.2rem; 
        font-weight: bold; 
        position: absolute; 
        right: 3rem;
        bottom: -50%;  
        color: #000000;   /* 0c0c0c;  e75000  #6f6f6f */
    }
    #main_message2 {   
        font-size: 16px; 
        font-weight: normal;  
        position: absolute; 
        top: 30px; right: 10%;
        color: #0c0c0c;  
    }
    .main_logo_img1 { 
        position: absolute; 
        top: 1.8rem;   left: 0rem;
        width: 10rem;  /* 10%;    */
        padding: 0.1rem 0;
        background-color: transparent;
    } 
    .main_logo_img2 { 
        position: absolute; 
        left: 16%;
        width: 40%;   
    } 
    #main_link {    
        color: #981c1e;  /* #000000;   */
        position: absolute; 
        left: 16px; /* 11rem;  */
        font-size: 2.0rem; 
        font-weight: bold; 
        letter-spacing : 0px; 
        transition: all 1.0s ;
    }
    #main_link:hover {
        color: #000000; /* #801214;     #961e1f - rgba(150,30,31,1)  #e75000   264677  */
	    /*
	    text-shadow: 1px  2px 0 rgba(150,30,31,0.4),  2px  4px 0 rgba(150,30,31,0.4) ; */  /*  #e75000  rgba(231, 80, 0, 0.8) */
    }

    #main_menu2 ul { 
        display: flex ; justify-content: space-between; text-align: center; 
        font-size: 1.0rem; 
        background: #094535; padding: 0.8rem 0;   }   /* #801214  #264677  3b4045 a32958  6f6f6f   981c1e*/
    @media screen and ( max-width:  480px ) { #main_menu2 ul { font-size: 0.8rem;  } }  
    #main_menu2 ul li { 
         flex-basis: auto; flex-grow: 1; color: #FFFFFF; line-height: 1.0;  }
    
    #submenu {
        display: flex ; justify-content: space-between; text-align: center; 
        font-size: 0.9rem; font-weight: bold; 
        background: #dfdfdf; padding: 0.9rem 0.5rem;   
    } 
    #submenu a { flex-basis: auto; flex-grow: 1; flex-shrink: 1;  } 
    
    .contents_last {
        text-align: left;  word-break: keep-all; 
        font-size: 0.9rem; font-weight: normal;    /* letter-spacing: -1px;    0.9rem; */
        color: #000000; line-height: 1.5;
        margin-left: 2%;  
    }
    @media screen and ( max-width:  480px ) { .contents_last { font-size: 0.5rem;  } }  


    .bank_number {
        display: block;           position: relative; 
        background: #dfdfdf;    text-align: center; 
    }
    .bank_number span { 
        position: absolute; 
        left: calc(50% - 16rem); top: 26%; 
        font-size: 1.1rem; color: #323947; line-height: 1.5;
    }

    .button_attempt {
        font-size: 0.9rem;        
        background: #094535; color: #fff;  /* 264677 */
        border-radius: 12%;    border: 0.1rem solid #094535;
        padding: 0.6rem 0.8rem;  margin: 0.5rem;
        position: relative;    z-index: 1;  overflow: hidden;    
    }
    .button_attempt:hover { 
        color: #094535;  background: #ecf0f1;    
    }

    .container { width: 80%; margin: 0 auto; }
    .container-box { padding: 56.25% 0 0 0; position: relative; }  
    .container-target {
        position: absolute;  
        top: 0;    left: 0;    width: 100%;    height: 100%; 
        border: 0;
    }

    
    #business_info { margin-left: 5%; border-top:1px solid #e3e4e5; font-size: 1rem; font-weight: normal; line-height: 1.2; }
    #business_info th { 
        padding: 0.5rem 1.0rem;    background-color:#dfdfdf;    border-bottom: 1px solid #ffffff;    color:#000;  }  /* 3b4045  e3e4e5 */
    #business_info td { 
        width: 75%; padding: 0.5rem 2.0rem;    border-bottom: 1px solid #e3e4e5;    color:#222;   text-align: left;   }
    
    .last_menu { background-color: white; padding: 8px; border: 1px solid #000; border-radius: 4px; }
    .last_menu:hover { background-color: darksalmon;}

    .page02_header { text-align: center;     line-height: 1.5;     margin: 10px;  }
    .page02_header_sub1 { font-size: 1.4rem;  }
    .page02_header_sub2 { font-size: 2.0rem;  }
    @media screen and ( max-width:  480px ) { 
        .page02_header_sub1 { font-size: 0.8rem;  }
        .page02_header_sub2 { font-size: 1.0rem;  }
     }  

    .page05_header {
        border: 5px;           padding: 10px;         OVERFLOW: auto;            WIDTH: 100%; 
        font-size: 1.4rem;     color: #474747;      text-align: left;           line-height: 1.5;  
        font-weight: bold;     word-break: keep-all;  
    }
    @media screen and ( max-width:  480px ) { .page05_header { font-size: 0.6rem;  } }  

    .company_info {  text-align: right; font-size: 20px; color: #004676; font-weight: bold;    }
    .company_info_sub { font-weight: normal; font-size: 14px;      }
    @media screen and ( max-width:  480px ) { 
        .company_info { font-size: 14px;  } 
        .company_info_sub { font-size: 10px;  } 
    }