@charset "UTF-8";
/*CSS Document*/
@import url(/css/reset.css);
@import url(/css/fonts.css);
@import url(/css/ui.css);

/* 리스트 */
.sl-bbs-cat *{display: inline-block; font-size: 1.5rem; line-height: 2rem;  vertical-align: middle;}
.sl-bbs-cat b{color: #222; font-weight: 500;}
.sl-bbs-cat font{margin: 0 .7rem;}

.sl-faq-list{width: 100%; margin-top: 1rem;border-top:1px solid #555;}
.sl-faq-list th,
.sl-faq-list td{color: #222; font-size: 1.5rem;  vertical-align: middle;}
.sl-faq-list .q-row th,
.sl-faq-list .q-row td{border-bottom: 1px solid #ddd;}
.sl-faq-list .q-row .chkbox{position: absolute; left: 0px; top: 0px;}
.sl-faq-list .q-column,
.sl-faq-list .a-column{position: relative; padding: 1.2rem 2rem 1.2rem 4rem;  font-size: 1.5rem; line-height: 2.2rem; letter-spacing: -0.065em; box-sizing: border-box;}
.sl-faq-list .faq-ico{position: absolute; left: 1.5rem; top: 1.2rem; width: 2.5rem; font-size: 1.8rem; font-weight: 500; text-align: left;}

.sl-faq-list .q-column .cat{padding-right: .5rem; color: #32438c; font-weight: 500; }
.sl-faq-list .a-column{background: #fff; border-bottom: 1px solid #ddd; }
.sl-faq-list .a-column .faq-ico{color: #32438c;}
.sl-faq-list .a-column .btn-box{position: absolute; right: 0; top: 0;}

/* 인풋  */
.sl-input-notice{color:#666; font-size:1.4rem; line-height: 1.2; text-align:right;}
.sl-input-notice span{vertical-align:top;}
.sl-input-tb{width: 100%; margin-top: 1rem; background: #fff; border-top:1px solid #555;}
.sl-input-tb th,
.sl-input-tb td{padding: 1.2rem 1.5rem; border-bottom: 1px solid #e9e9e9; color: #222; font-size: 1.5rem; letter-spacing: -0.065em; vertical-align: middle;}
.sl-input-tb th{padding-left: 0; padding-right: 0; background: #f7f7f7; font-weight: 500; text-align: center;}
.sl-input-tb img{vertical-align: middle;}
.sl-input-tb .star-row li{display: inline-block;}
.sl-input-tb .star-row input{margin: 0; vertical-align: middle;}
.sl-input-tb .star-row img{margin-left:.3rem; margin-right: .7rem;}
.sl-input-tb .contents-row td{padding: 2rem 1.5rem;}
.sl-input-tb .contents-row .chklist{padding-bottom: .8rem; font-size: 1.4rem; text-align: left;}
.sl-input-tb .chklist input, 
.sl-input-tb .chklist label{margin: 0; vertical-align: middle;}
.sl-input-tb .chklist label{margin-right: 1rem;}
.sl-input-tb .contents-row textarea{width:100%; height: 25rem; padding: 1rem; overflow-y: auto;}
.sl-input-tb input[type="text"],
.sl-input-tb input[type="password"],
.sl-input-tb select{height: 3rem; vertical-align: middle;}
.sl-input-tb input[type="text"],
.sl-input-tb input[type="password"]{width: 18rem;}
.sl-input-tb td .input--subject,
.sl-input-tb td input[type="file"]{width: 65%;}
.sl-input-tb .guide{padding-left: 1rem; font-size: 1.3rem; letter-spacing: -0.065em;}

/* passwd  */
.sl-user-confirm{width: 100%; max-width: 50rem; margin: 3rem auto 0; padding: 3rem 0; background: #fff; border: 1px solid #ccc; color: #333; font-size: 1.4rem; letter-spacing: -0.065em; text-align: center;}
.sl-user-confirm .input-row input{height: 3rem; margin-top: 1rem; max-width: 80%;}
.sl-user-confirm .btn-row {margin-top: 2rem; font-size: 0;}
.sl-user-confirm .btn-row a,
.sl-user-confirm .btn-row input,
.sl-user-confirm .btn-row img,
.sl-user-confirm .btn-row button{display: inline-block; margin: 0 .3rem; vertical-align: middle;}

@media screen and (max-width: 767px){
  /* 리스트 */
  .sl-bbs-cat *{font-size: 1.4rem;}
  .sl-faq-list .q-column,
  .sl-faq-list .a-column{font-size: 1.4rem; line-height: 2rem;}

  /* 인풋 */
  .sl-input-notice{font-size:1.3rem; text-align: left;}
  .sl-input-tb{display: block; padding: 1rem 0; border-bottom: 1px solid #ddd;}
  .sl-input-tb thead, 
  .sl-input-tb tbody,
  .sl-input-tb tr{display: block; width: 100%;}
  .sl-input-tb tr{padding: 0 1.2rem; box-sizing: border-box;}
  .sl-input-tb th, 
  .sl-input-tb td {display: block; width: 100%; padding: 0; border-bottom: none; font-size: 1.4rem; text-align: left;}
  .sl-input-tb th{padding-bottom: .7rem; background: none;}
  .sl-input-tb td{padding-bottom: 1rem;}
  .sl-input-tb .contents-row td{padding: 1.2rem 0;}
  .sl-input-tb .guide{display: none;}
  .sl-input-tb input[type="text"],
  .sl-input-tb input[type="password"]{width: 100%;}
  .sl-input-tb td input[type="file"]{width: 90%;}
  .sl-input-tb td .input--subject{margin-top: .3rem;}
  .sl-input-tb .captcha input[type="text"]{width: 18rem;}

}