@charset "utf-8";
 html {
}
 * {
     margin:0;
     padding:0;
     box-sizing:border-box;
}
 body {
     font-family: 'Roboto','Noto Sans KR', sans-serif;
     font-weight: 400;
     font-size:14px;
     color:#444;
}
 ul, ol, li {
     list-style:none;
}
 img, a {
     vertical-align:top;
     border:0;
     background-color: transparent;
     color:inherit;
     font-size: inherit;
     font-weight: inherit;
     font-family: inherit;
}
 button, input, select, textarea {
     vertical-align:top;
     border:1px solid #CCC;
     background-color: transparent;
     color:inherit;
     font-size: inherit;
     font-weight: inherit;
     font-family: inherit;
}
 input {
     height:36px;
     padding:0 5px 0 5px;
     vertical-align: middle;
     border-radius:4px;
}
 select {
     width: auto;
     height:28px;
     padding:0 20px 0 5px;
     vertical-align: middle;
     background: url(/html/images.2023/icon/ar_box.png) no-repeat 100% 50%;
     border-radius: 0px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 select::-ms-expand {
     display: none;
}
 textarea {
     padding:5px;
}
 a {
     text-decoration:none;
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
     text-decoration: none;
}
 a:hover {
     text-decoration:none;
}
 a:focus, a:hover {
     color:#bc262d;
}
 address {
     font-style:normal;
}
 caption {
     display:none;
}
 input::-webkit-input-placeholder {
     color:#ccc;
}
 input::-moz-placeholder {
     color:#ccc;
}
 input::-ms-input-placeholder {
     color:#ccc;
}
 #skip a {
     position:absolute;
     top:-9999px;
     left:0;
     width:100%;
     height:0px;
     overflow:hidden;
     background-color: #027bc4;
     font-size: 16px;
     font-weight: 500;
     color: #fff;
     text-align: center;
     line-height: 32px;
     z-index: 900;
}
 #skip a:focus {
     top: 0;
     height: 36px;
}
 .none_title {
     display:none;
}

 @media screen and (max-width:1024px){
     html {
    }
     * {
         margin:0;
         padding:0;
         box-sizing:border-box;
    }
     body {
         font-weight: 400;
         letter-spacing:-0.02em;
         font-size:14px;
         line-height:1.5;
         color:#444;
         word-break: keep-all;
    }
     ul, ol, li {
         list-style:none;
    }
     img, a {
         vertical-align:top;
         border:0;
         background-color: transparent;
         color:inherit;
         font-size: inherit;
         font-weight: inherit;
         font-family: inherit;
    }
     button, input, select, textarea {
         vertical-align:top;
         border:1px solid #CCC;
         background-color: transparent;
         color:inherit;
         font-size: inherit;
         font-weight: inherit;
         font-family: inherit;
    }
     input {
         height:30px;
         padding:0 5px 0 5px;
         vertical-align: middle;
         border-radius:4px;
    }
     select {
         width: auto;
         height:28px;
         padding:0 20px 0 5px;
         vertical-align: middle;
         background: url(/html/images.2023/icon/ar_box.png) no-repeat 100% 50%;
         border-radius: 0px;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
    }
     select::-ms-expand {
         display: none;
    }
     textarea {
         padding:5px;
    }
     a {
         text-decoration:none;
         -webkit-transition: all 0.2s ease;
         transition: all 0.2s ease;
         text-decoration: none;
    }
     a:hover {
         text-decoration:none;
    }
     a:focus, a:hover {
         color:#bc262d;
    }
     address {
         font-style:normal;
    }
     caption {
         display:none;
    }
     input::-webkit-input-placeholder {
         color:#ccc;
    }
     input::-moz-placeholder {
         color:#ccc;
    }
     input::-ms-input-placeholder {
         color:#ccc;
    }
     #skip a {
         position:absolute;
         top:-9999px;
         left:0;
         width:100%;
         height:0px;
         overflow:hidden;
         background-color: #027bc4;
         font-size: 16px;
         font-weight: 500;
         color: #fff;
         text-align: center;
         line-height: 32px;
         z-index: 900;
    }
     #skip a:focus {
         top: 0;
         height: 36px;
    }
}

 @media screen and (max-width:767px){
     html {
    }
     * {
         margin:0;
         padding:0;
         box-sizing:border-box;
    }
     body {
         font-weight: 400;
         letter-spacing:-0.02em;
         font-size:13px;
         line-height:1.5;
         color:#444;
         word-break: keep-all;
    }
     ul, ol, li {
         list-style:none;
    }
     img, a {
         vertical-align:top;
         border:0;
         background-color: transparent;
         color:inherit;
         font-size: inherit;
         font-weight: inherit;
         font-family: inherit;
    }
     button, input, select, textarea {
         vertical-align:top;
         border:1px solid #CCC;
         background-color: transparent;
         color:inherit;
         font-size: inherit;
         font-weight: inherit;
         font-family: inherit;
    }
     input {
         height:28px;
         padding:0 5px 0 5px;
         vertical-align: middle;
    }
     select {
         width: auto;
         height:28px;
         padding:0 20px 0 5px;
         vertical-align: middle;
         background: url(/html/images.2023/icon/ar_box.png) no-repeat 100% 50%;
         border-radius: 0px;
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
    }
     select::-ms-expand {
         display: none;
    }
     textarea {
         padding:5px;
    }
     a {
         text-decoration:none;
         -webkit-transition: all 0.2s ease;
         transition: all 0.2s ease;
         text-decoration: none;
    }
     a:hover {
         text-decoration:none;
    }
     a:focus, a:hover {
         color:#bc262d;
    }
     address {
         font-style:normal;
    }
     caption {
         display:none;
    }
     input::-webkit-input-placeholder {
         color:#ccc;
    }
     input::-moz-placeholder {
         color:#ccc;
    }
     input::-ms-input-placeholder {
         color:#ccc;
    }
     #skip a {
         position:absolute;
         top:-9999px;
         left:0;
         width:100%;
         height:0px;
         overflow:hidden;
         background-color: #027bc4;
         font-size: 16px;
         font-weight: 500;
         color: #fff;
         text-align: center;
         line-height: 32px;
         z-index: 900;
    }
     #skip a:focus {
         top: 0;
         height: 36px;
    } 
}