@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {font-family: 'Noto Sans KR', sans-serif; font-size:14px;}


.shadow {box-shadow : 0px 0px 15px #333333;}
.header_img {width:700px;}
.title_1 {font-size:1.8em; color:#009ace;}
.title_2 {font-size:1.2em; font-weight:bold; color: #0F1116;}
.title_help {font-size:0.9em; color:#333333; font-weight:normal;}
.form-short-inline {width:80px; display:inline;}
.form-control {padding:5px 5px; font-size:14px;}
.terms {padding: 20px; background-color:#f2f2f2; margin-bottom: 30px;}
.form-group2{font-weight: 500; display: inline-block;}

.btn-keysight {color: #fff; background-color: #0F1116; border-color: #0F1116;}
.btn-keysight:hover {color: #fff; background-color: #0F1116; border-color: #0F1116;}

.question {padding-bottom:10px;}
.answer input{margin-left:20px;}
.answer .answer1 {margin-left:0px !important;}
.term_txt{padding: 10px 15px 40px;}
.form_txt{fpnt-size:14px; padding-bottom: 15px;}

.inform_wrap{width:100%; height:auto; display: inline-block; background-color: #fff; border: 1px solid #888;}
.inform_table{width: 25%; height: auto;  border-radius: 5px; float: left;}
.inform_top{width: 100%; height: auto; background-color: #888; color: #fff; padding: 10px; text-align: center;}
.inform_bottom{width: 100%; background-color: #fff; padding:10px; font-size: 12px;text-align: center; height: 120px; overflow-y: scroll; resize: none;}
.inform_bottom::-webkit-scrollbar{width: 6px;}
.inform_bottom::-webkit-scrollbar-thumb{background-color: #d6d6d6; border-radius: 10px; border: 10px solid #d6d6d6;}
.inform_bottom::-webkit-scrollbar-track{ background-color:none; border-radius: 10px; box-shadow: inset 0px 0px 5px #f4f4f4;}

.term_answer_wrap{margin-left: 20px; float: right;}
.radio_agree{margin-right:10px;}

/* Customize container */
@media (min-width: 700px) {
    .container {max-width: 700px;}
    .form-short-130 {width:100%;}
    .form-short-80 {width:100%;}

}



/* Responsive: Portrait tablets and up */
@media screen and (min-width: 700px) {
    .form-short-130 {width:130px; display:inline;}
    .form-short-80 {width:80px; display:inline;}

}

@media(max-width:545px) {
    .inform_table{width: 100%; height: auto;  border-radius: 5px; float: left;}
    .inform_bottom{width: 100%; background-color: #fff; padding:10px; font-size: 12px;text-align: center; height: auto;}
}