@charset "UTF-8";
.sub-banner {
  height: 254px;
  background: #fab005;
  background-size: cover;
}

i .sub-banner-text {
  display: inline-block;
  margin-top: 96px;
}

.process-top-text {
  margin: 0 24px;
}

.sub-banner-process {
  margin: 0 auto;
  padding-top: 27px;
  width: 796px;
  height: 255px;
  background-color: #fab005;
}

.sub-banner-process .process-order {
  margin: 25px 0 0;
}

.sub-contents {
  padding-top: 65px;
  padding-bottom: 120px;
}
.sub-contents .inner {
  display: flex;
}
.sub-contents .inner.memberjoin{
  width:996px;
  flex-direction: column
}

.lnb nav {
  width: 282px;
}
.lnb nav h2 {
  padding-bottom: 25px;
  border-bottom: 2px solid #999;
  font-size: 30px;
  font-weight: bold;
  color: #2b2b2b;
}
.lnb nav ul li {
  margin-top: 30px;
  font-size: 1rem;
  font-weight: 500;
}
.lnb nav ul li a{
  display: block;
  color: #2b2b2b;
  font-weight: 400;
}
.lnb nav ul li:hover a,
.lnb nav ul li.active a {
  color: #fa7905;
}

.sub-contents-view {
  width: 100%;
  margin-left: 23px;
}
.sub-contents-view h3 {
  padding-bottom: 31px;
  font-size: 24px;
  color: #2b2b2b;
  border-bottom: 2px solid #999;
}
.sub-contents-view .no-bdr{border-bottom: 0;}
.sub-contents-view.sitemap {
  margin-left: 0;
}
.sub-contents-view.sitemap h3 {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #2b2b2b;
}
.sub-contents-view.sitemap .map {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 24px;
}
.sub-contents-view.sitemap .map .cnt .tit {
  margin-top: 20px;
  padding: 13px 0;
  border: 1px solid #fab005;
  text-align: center;
  font-size: 17px;
  color: #fd9f27;
  border-radius: 5px;
}
.sub-contents-view.sitemap .map .cnt ul {
  margin-top: 10px;
  min-height: 222px;
  border: 1px solid #999;
  padding: 14px;
  border-radius: 5px;
}
.sub-contents-view.sitemap .map .cnt ul li {
  text-indent: -12px;
  padding-left: 12px;
  margin-top: 20px;
}
.sub-contents-view.sitemap .map .cnt ul li a {
  color: #2b2b2b;
}
.sub-contents-view.sitemap .map .cnt ul li:first-child {
  margin-top: 0;
}
.sub-contents-view.sitemap .map .cnt ul li:before {
  content: "¡¤ ";
  color: #fd9f27;
}

.bt_intro {
  margin-top: 30px;
  color: #495057;
}
.bt_intro .definition {
  height: 180px;
  border-radius: 10px;
  background: url(../images/subpage/bg_about_braintrainer.jpg?77777) no-repeat center;
  padding: 55px 0 0 44px;
  color: #fff;
}
.bt_intro .definition .title {
  font-weight: 600;
  font-size: 17px;
}
.bt_intro .definition .desc {
  line-height: 1.3;
  margin-top: 15px;
  font-size: 15px;
  color: #d0ebff;
}
.bt_intro .description {
  padding: 30px 0;
  line-height: 1.3;
  color: #495057;
}
.bt_intro .description p {
  margin-bottom: 30px;
  font-size: 15px;
}
.bt_intro .description p strong {
  font-weight: 500;
}
.bt_intro .description .bt_intro_img {
  float: right;
  margin: 20px 0 0 20px;
}
.bt_intro .list-type-01 {
  color: #495057;
}
.bt_intro .list-type-01 li {
  margin-top: 10px;
}
.bt_intro .bt_intro_exception {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #999;
}
.bt_intro .bt_intro_exception .title {
  color: #212529;
  font-weight: bold;
}
.bt_intro .bt_intro_exception ul {
  margin-top: 20px;
}
.bt_intro .bt_intro_exception ul li {
  margin-top: 20px;
  letter-spacing: -1px;
}
.bt_intro .bt_intro_exception ul li .sub {
  padding-left: 20px;
  padding-top: 9px;
  color: #339af0;
}



/* ºê·¹ÀÎÆ®·¹ÀÌ³Ê ¼Ò°³ */

/*
.about_bt {
    padding: 60px 100px;
    text-align: center;
    background: url(../images/common/ico_quotation_start.png) no-repeat center 10%, url(../images/common/ico_quotation_end.png) no-repeat center 90%;
    border: 1px solid #999;
}
*/


.about_bt {
    padding: 60px 100px;
    text-align: center;
    border: 1px solid #999;
}


.about_bt h4 span {position: relative;font-size: 20px;}
.about_bt h4 span:after{content: "";position:absolute;left:0;bottom:0; width:100%;height:11px;background-color: #ffd43b;z-index:-1;}
.about_bt p{margin-top: 15px;font-size: 16px;color:#333;line-height: 1.3}

.bt_intro .table_res {}
.bt_intro .table_res dt{justify-content: center;padding: 5px 10px;font-weight: 500;flex: 0 0 160px;text-align: center;line-height: 21px;}
.bt_intro .table_res dd{justify-content: center;padding: 6px 8px;}

.scs-item{
  display: block;
  margin:-12px -15px;
  padding:15px;
  text-align: left;
}
.scs-item:hover{background-color: #eee;}
.scs-item:after{content:"";display: block;clear: both;}
.scs-item img{float:left;margin-right: 15px;}
.scs-item h4 {color:#fd9f27;}
.scs-item p {margin-top:10px;color:#868e96;font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  height: 58px;
}

.exam_standard a {
  text-decoration: underline;
}
.exam_standard .explanation {
  display: flex;
  margin: 30px 0 20px;
}
.exam_standard .explanation > div {
  width: 50%;
  height: 160px;
  padding: 20px;
  margin-left: 15px;
  border-radius: 10px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #999;
  color: #495057;
  background: no-repeat 95% 50%;
}
.exam_standard .explanation > div.written {
  background-image: url(../images/subpage/intro_01.png);
}
.exam_standard .explanation > div.performance {
  background-image: url(../images/subpage/intro_02.png);
}
.exam_standard .explanation > div .title {
  color: #fab005;
  font-size: 20px;
  padding-bottom: 25px;
}
.exam_standard .explanation > div .desc {
  font-size: 14px;
  line-height: 1.6;
  color: #495057;
}
.exam_standard .explanation > div:first-child {
  margin-left: 0;
}

.certificate_order li {
  position: relative;
  border-bottom: 1px solid #bdbfc1;
  display: flex;
  padding: 30px 0;
}
.certificate_order li:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -1px;
  margin-left: -25px;
  width: 50px;
  height: 28px;
  background: url(../images/subpage/ico_arrow_down.png) no-repeat center;
}
.certificate_order li:first-child:after {
  display: none;
}
.certificate_order li .step {
  display: flex;
  flex-direction: column;
  width: 100px;
  border-right: 1px solid #999;
  text-align: center;
}
.certificate_order li .step .txt {
  color: #999;
}
.certificate_order li .step .num {
  color: #fcc519;
  font-size: 50px;
  font-weight: 800;
}
.certificate_order li .desc {
  flex: 1;
  margin-left: 24px;
}
.certificate_order li .desc .tit {
  color: #000;
}
.certificate_order li .desc .content {
  line-height: 1.6;
  margin-top: 20px;
  color: #495057;
  font-size: 15px;
}
.certificate_order .btn_cetificate {
  display: block;
  margin: 40px auto 0;
  width: 127px;
  height: 40px;
  border: 0;
  color: #fff;
  background: linear-gradient(90deg, rgb(255, 137, 84) 0%, rgb(252, 197, 25) 100%);
  border-radius: 10px;
}
.certificate_order li .desc .content{position: relative;width: 100%;}
.certificate_order li .desc .content .btn{position: absolute;right:0;top:0;}


.rtf .institution {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 25px;
  background-color: #f8f9fa;
}
.rtf .institution .ist_box {
  position: relative;
  min-height: 154px;
  padding: 20px;
  border: 1px solid #999;
  background-color: #fff;
  border-radius: 10px;
}
.rtf .institution .ist_box .onoff {
  height: 25px;
}
.rtf .institution .ist_box .onoff span {
  float: left;
  padding: 6px 10px;
  margin-left: 10px;
  border-radius: 40px;
  font-size: 14px;
  color: #fff;
}
.rtf .institution .ist_box .onoff span:first-child {
  margin-left: 0;
}
.rtf .institution .ist_box .onoff span.online {
  background-color: #fcc419;
}
.rtf .institution .ist_box .onoff span.offline {
  background-color: #74c0fc;
}
.rtf .institution .ist_box .title {
  line-height: 1.3;
  margin-top: 14px;
  font-size: 23px;
  font-weight: bold;
  color: #2b2b2b;
  letter-spacing: -1px;
}
.rtf .institution img {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.rtf p {
  color: #495057;
}
.rtf .rft-list li {
  margin-bottom: 14px;
  color: #495057;
}
.rtf .rtf-contact {
  padding: 24px 20px;
  border: 1px solid #999;
  border-radius: 5px;
}
.rtf .rtf-contact strong {
  font-weight: 500;
  color: #000;
}
.rtf .rtf-contact li {
  margin-top: 15px;
  font-size: 14px;
  text-indent: -10px;
  padding-left: 10px;
  line-height: 1.3;
  color: #495057;
}
.rtf .rtf-contact li:first-child {
  margin-top: 0;
}
.rtf .rtf-contact li .dot {
  color: #fd9f27;
}

.pass_announce {
  padding-bottom: 50px;
}
.pass_announce .result_box {
  height: 155px;
  border: 1px solid #999;
  border-radius: 10px;
  margin-top: 30px;
  text-align: center;
  background: url(../images/subpage/final_pass_ribon_lt.png) no-repeat left top, url(../images/subpage/final_pass_ribon_br.png) no-repeat right bottom, url(../images/subpage/final_pass_stuff_01.png) no-repeat 20px bottom;
}
.pass_announce .result_box .result {
  margin-top: 40px;
  font-size: 20px;
  color: #fd9f27;
}
.pass_announce .result_box .comment {
  margin-top: 40px;
  color: #495057;
}

/* ȸ¿ø°¡ÀÔ */
.memberjoin h3{font-size: 36px;font-weight: 700;text-align: center;}
.memberjoin .agreement{margin-top: 60px;padding:17px;border:1px solid #999;font-size: 14px;color:#343a40;}
.memberjoin h4{line-height: 15px;margin-top: 40px; padding-left: 10px; color:#343a40;border-left: 3px solid #fd9f27;font-weight: 700;}
.memberjoin input{vertical-align: middle;}
.memberjoin input+span,
.memberjoin input+button {margin-left: 10px;}
.memberjoin .agree_chk label {display: inline-block;line-height: 15px;height: 15px;cursor: pointer}
.agree_box{min-height: 200px;margin-top: 15px; padding:13px 45px 17px 15px; border:1px solid #999;font-size: 13px;color:#495057;}
.memberjoin .desc{margin-top: 10px;font-size: 13px;color:#868e96;}
.memjoin .birth select{min-width: 100px;margin-left: 10px;}
.memjoin .birth select:first-of-type{margin-left: 0;}

.table_res {margin-top: 15px;}
.table_res.myinfo {border-top: 1px solid #495057;}
.table_res.myinfo .photo img{display:inline-block;max-width: 100px;}
.table_res.myinfo {border-left:0;border-right: 0;}
.table_res.myinfo dt{flex:0 0140px;}
.table_res .select_w {width:160px;}
.table_res label{color:#495057;}
.table_res.myinfo .photo dd{flex-direction: row;justify-content: left;align-items: flex-end;column-gap: 20px;}
.table_res .gender-radio, .table_res .agree-check {flex-direction: row;justify-content: flex-start;align-items: center;}
.input-tel input {min-width:auto;width:102px;}
.input-tel input+span{display: inline-block;width:10px;height:40px;line-height:40px;margin-left: 10px;}
.input-email input{min-width: auto;width:160px;margin-right: 0}
.input-email input+span {display: inline-block;padding:0 3px;margin:0;}
.input-email select{width:160px;margin-left: 2px}
.input-addr .addr1 input,
.input-addr .addr2 input {max-width: 510px;}
.input-addr .zipcode {min-width:auto;width:160px;}
.input-addr p input {width:100%;margin-top: 10px;}
.agree-check label{margin-right: 30px;cursor: pointer}

.agree_box .article{margin-top: 50px;}
.agree_box .arti_desc{margin-top: 17px;line-height: 1.3;}
.agree_box .desc p {line-height: 1;margin-top: 20px;}
.agree_box .desc p:first-child{margin-top: 0;}
.agree_chk {margin-top: 10px;font-size: 14px;}
.agree_chk input {margin:0 10px 0 0 !important;vertical-align: middle}
.text_warning {margin-top: 30px; font-size: 13px;color:#ff6b6b;}
h3 + .text_warning {margin-top: 60px}
.memberjoin .btn_set{margin-top: 60px}

.table_default.memjoin{
  margin-top: 15px;
  border: 1px solid #999;
}
.table_default.memjoin th{
  padding-left: 40px;
  text-align: left;
  color:#343a40;
}
.table_default.memjoin td{
  text-align: left;
  padding:14px 24px;
}

/* Çհݼö±â »ó¼¼ */
.scs_story_detail .prog_name{
  padding:20px 20px 22px;
  border-top: 1px solid #2b2b2b;
  border-bottom: 1px solid #dee2e6;
  background-color: #f8f9fa;
}
.scs_story_detail span:first-of-type{
  color:#000000;
  font-size: 14px;
  margin-right: 15px;
}
.scs_story_detail .prog_name .txt{
  margin-left: 15px;
}
.scs_story_detail .info{position: relative;font-size: 13px;color:#868e96;}
.scs_story_detail .info.thumbnail{height:170px;padding:14px 0 14px 148px;border-bottom: 1px solid #eaeaea;}
.scs_story_detail .info a{color: #868e96;text-decoration: underline;}
.scs_story_detail .info img{position: absolute;left:2px;top:14px;}
.scs_story_detail .info .top{float: left;width:100%;padding:13px 0;border-bottom: 1px solid #eaeaea;}
.scs_story_detail .info .top li{
  display: inline-block;
  line-height: 15px;
}
.scs_story_detail .info .top .attach {margin-top: 15px;padding-top: 14px;padding-left: 12px; border-top: 1px solid #eaeaea;background: url(/images/common/ico_file.png) no-repeat 20px 95%;font-size: 14px;}
.scs_story_detail .info .top .attach a {color:#000;text-decoration: none;}
.scs_story_detail .info .top li:nth-child(1){
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #eaeaea;
}
.scs_story_detail .info .btm{float: left;display:flex;padding-top: 13px;line-height: 21px;}
.scs_story_detail .content{padding-bottom: 25px;border-bottom: 1px solid #eaeaea;}
.scs_story_detail .content p{margin-top:20px;color:#2b2b2b;font-size: 15px;text-indent: 7px;font-size: 15px;line-height: 18px;}
.scs_story_detail .content p:first-of-type{margin-top: 30px;text-indent: 0;}
.scs_story_detail .content .number{margin:40px 0 20px;text-indent: 0;}
.scs_story_detail .content .number.top{margin-top: 20px;}
.scs_story_detail.rtf .prog_name .txt {color:#fd9f27;font-size: 16px;}
.scs_story_detail.rtf .info.thumbnail {height: 179px;padding-left:182px;}
.scs_story_detail.rtf .top{padding:0;border-bottom: 0}
.scs_story_detail.rtf .list_rtf{grid-template-columns: 35% 65%;grid-gap:17px;margin-top: 0;}
.scs_story_detail.rtf .content p{margin-top: 0 !important; text-indent: 0;line-height: 30px; color: #495057;}

/* ÀÀ½ÃÀÚ°Ý ½É»ç */
.clause {overflow-y: auto; height: 200px;padding:15px 14px;border: 1px solid #999;font-size: 13px;line-height: 1.2}
.clause .chapter{margin-top: 20px;}
.clause .chapter.first{margin-top: 50px;}
.clause .chapter-cnt {margin-top: 20px;text-indent: -17px;padding-left: 17px;}

.shadow_box {
  position: relative;
  height: 123px;
  margin: 30px 0 40px;
  padding: 17px 20px 18px;
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  border:1px solid #999;
}
.desc_schedule{ padding-left: 140px;border-radius: 10px;}
.desc_schedule .ico_clock {position: absolute;left:36px;top:17px;}
.shadow_box ul{margin-top: 6px;}
.shadow_box ul li{margin-top: 14px;line-height: 16px;height: 16px;color:#868e96;}
.desc_schedule ul li:first-child{margin-top: 0;}
.desc_schedule ul li .tit {display: inline-block;font-weight: 500;margin-right: 14px;padding-right: 14px;border-right: 1px solid #999;border-right: 1px solid #999;color:#2b2b2b;}
.desc_schedule ul li .point_c {color:#fa9705;}
.desc_schedule ul li .tit i {margin:5px;}
.desc_schedule ul li .warning {margin-left: 116px;margin-top: 10px; color:#fa7a05;font-size: 15px;}

.list_certificate .warning{font-size: 14px;color:#868e96;}
.list_certificate li {margin-top: 15px;color:#495057;line-height: 21px;}
.list_certificate.pass li {text-indent: -10px;padding-left: 10px;}
.list_certificate.pass .warning {margin-top: 5px;}

.list_rtf {display: grid;grid-template-columns: 50% 50%;grid-gap: 10px;margin-top: 15px;}
.list_rtf li{line-height: 1;font-size: 14px;color:#495057;}
.list_rtf li span{color:#4dabf7}
.list_rtf+p{height: auto;}

/* FAQ */
.faq{border-bottom:0px solid #ddd;margin:1em 0;}
.faq .faqHeader{position:relative;zoom:1}
.faq .faqHeader .showAll{position:absolute;bottom:0;right:0;border:0;padding:0;overflow:visible;background:none;cursor:pointer}
.faq {margin:0;padding:0;border-top: 1px solid #495057;}
.faq .article{list-style:none}
.faq .q a{
  display:block;
  text-align:left; 
  background:url("faq1_icon_q.png") no-repeat 0 0;
  padding:11px 0 11px 15px;
  color:#5e5e5e;
  font-weight:500;
  line-height: 27px;
  cursor:pointer;
  border-bottom: 1px solid #bdbdbd;
}
.faq .q a:hover, .faq .q a:active, .faq .q a:focus{}
.faq .a{
  position: relative;
  min-height: 51px;
  background:#f8f9fa url("faq1_icon_a.png") no-repeat 40px 10px;
  padding: 20px 62px;
  font-size: 16px;
  color: #444444;
  line-height: 22px;
  border-bottom: 1px solid #999;
}
.faq .ico {display:inline-block;width:25px;height:25px;margin-right: 20px; line-height:23px;background-color: #495057;border-radius: 100%;color:#fff;text-align: center;font-size: 14px;font-weight: 300;}
.faq .a .ico {margin-left:-45px;margin-right: 15px;}
.faq .article:first-child .ico,
.faq .show .q a {font-weight: bold;color:#2b2b2b;}
.faq .show .q a .ico,
.faq .show .a .ico  {color:#fff;font-weight: 300}
.faq .hide .q a .ico,
.faq .hide .a .ico  {color:#fff;font-weight: 300}
.faq .show .ico{background-color: #fd9f27}
.faq .hide .ico{background-color: #495057 !important;}

.secret{
  margin-top: 40px;
  border:1px solid #999;
}
.secret .check {height:63px;padding:18px 19px;background-color: #f8f9fa;border-bottom: 1px solid #999;}
.secret .check .checkset{float:left;height: 100%;}
.secret .check span {float:left;display:inline-block;margin: 5px 0 0 68px; color:#868e96;font-size: 14px;}
.secret .pw {padding:20px;}
.secret .pw li {margin-top: 20px;}
.secret .pw li:first-of-type{margin-top: 0;}
.secret .pw li input {height: 30px;}
.secret .pw li span{display: inline-block;width:130px;font-size: 14px;color: #495057;}

.area {padding:30px 22px;}
.area.a{background-color: #f7f7f7;border:1px solid #999;}
.area p:first-of-type {margin-top: 0 !important;}
.area p{text-indent:0 !important;color:#495057 !important;}

.area .tit span {display: inline-block;width:25px;height:25px;margin-right: 10px;line-height: 25px;color:#fff;border-radius: 100%;text-align: center;font-size: 13px;font-weight: 300;}
.area .tit {font-size: 18px;font-weight: 500;}
.area.q .tit {color:#fab005 !important;}
.area.a .tit {color:#339af0 !important;}
.area.q .tit span {background-color: #fab005;}
.area.a .tit span {background-color: #339af0;}

.reply {margin-top:20px;}
.reply .hdr {display: flex;justify-content: space-between;}
.reply .warning {font-size: 15px;text-align: right;}
.reply_write_cnt {display:flex;padding:10px 0;column-gap: 2%;}
.reply_write_cnt textarea{flex:0 0 85%;height: 80px;padding:10px; border-radius: 5px;border:1px solid #ccc;font-family: "Noto Sans KR", sans-serif;}
.reply_write_cnt button {flex:0 0 13%; background-color: #ccc;border:0;font-weight: 800;border-radius: 5px;}
.reply_write_cnt button:hover {background-color: #fab005;color: #fff;}

.reply_list li .reply_user{display: flex;justify-content: space-between;}
.reply_list li .reply_user .date {margin-left: 10px; color:#999;}
.reply_list li .reply_user .control button {background-color:transparent;border:0;}
.reply_list li .reply_user .control button:hover {color:#fab005}

.reply_list li .reply_cnt {margin-top: 5px; line-height: 1.3;color: #2b2b2b;font-size: 14px;}
.reply_list li {padding: 10px; border-bottom: 1px solid #ccc;}
/* ¸ð¹ÙÀÏ °¡·Î, Å×ºí¸´ ¼¼·Î (ÇØ»óµµ 480px ~ 767px)*/
@media all and (min-width: 480px) and (max-width: 1023px) {
  .sub-contents .inner.memberjoin{
    width:100%;
    padding: 0 15px;
  }
  .sub-banner-process {
    width: 100%;
  }

  .sub-contents {
    margin-top: 0;
    padding-top: 30px;
  }

  .lnb nav {
    width: 170px;
  }

  .process-order {
    margin: 20px 0 0;
    padding: 0 15px;
  }

  .sub-contents-view {
    padding-right: 10px;
  }
  .sub-contents-view.sitemap .map {
    gap: 10px;
  }
  .sub-contents-view.sitemap .map .cnt ul {
    padding: 10px;
  }
  .sub-contents-view.sitemap .map .cnt ul li a {
    font-size: 15px;
  }

  .lnb nav h2 {
    font-size: 18px;
    padding-left: 10px;
  }

  .lnb nav ul li {
    font-size: 16px;
    padding-left: 10px;
    margin-top: 20px;
  }

  .sub-contents-view h3 {
    height: 25px;
    padding-bottom: 44px;
    font-size: 18px;
  }
  
  .about_bt {padding:40px 0;}

  .bt_intro .description {
    padding: 20px 0;
  }

  .bt_intro .definition {
    height: 120px;
    padding: 35px 0 0 30px;
    background-size: contain;
  }

  .bt_intro .definition .title {
    font-size: 13px;
  }

  .bt_intro .definition .desc {
    font-size: 11px;
  }

  .bt_intro .description p {
    font-size: 14px;
  }

  .bt_intro .description .bt_intro_img {
    width: 250px;
    margin: 50px 0 10px 10px;
  }

  .exam_standard .explanation > div {
    height: 130px;
    background-size: 80px auto;
  }

  .exam_standard .explanation > div.written {
    padding: 10px;
  }

  .exam_standard .explanation > div .title {
    font-size: 16px;
    padding-bottom: 10px;
  }

  .exam_standard .explanation > div .desc {
    font-size: 12px;
    letter-spacing: -1px;
  }

  .exam_standard a {
    font-size: 14px;
  }

  .certificate_order li .desc .content p {
    text-indent: -10px;
    padding-left: 10px;
  }

  .rtf .institution .ist_box .title {
    font-size: 16px;
  }
  .scs_story_detail .info.thumbnail {height:auto;}
  .scs_story_detail .prog_name .txt{
    display: block;
    max-width: 510px;
    margin-top: 5px;
    margin-left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  /* ¸»ÁÙÀÓ Àû¿ë */
  }
  .scs_story_detail .content p {font-size: 13px;}
  .scs_story_detail .prog_name {font-size: 14px;line-height: 1.3}
  
  
  .table_default th {font-size: 14px;}
  .table_default.notice th {padding:5px 0;font-size: 13px;}
  .table_default.notice td {padding: 12px 5px;}
  .table_default td {font-size: 13px;letter-spacing: -1px;}
  .table_default.type2 th{font-size: 14px;}
  .table_default.type2 td{font-size: 14px;padding-right: 0;}
  .table_default.type2 select{font-size: 14px;}
  .table_default.type2 input, .table_default.type2 select {font-size: 14px;}
  .table_default .address .addr_num input[type=text] {width:80px;}
  .secret .pw li span {width:90px;}
  .secret .check span {margin-left: 14px;}
  .input-email input{width:30%}
  .input-email span{line-height: 40px;margin-left: 0 !important;vertical-align: bottom;}
  .scs_story_detail .info .top {padding-left: 20px}
  .scs_story_detail .content p:first-of-type {
    margin-top: 20px;
  }
  .table_default.type3 th {padding:9px 10px;text-align: center}
  .desc_schedule {height: auto;}
  .desc_schedule ul li{height:auto; text-indent: -59px;padding-left: 120px;}
  .desc_schedule ul li .warning {margin-left: -60px;}
  .certificate_order li .desc .content .btn {position: relative;margin-top: 10px;}
}
/* ¸ð¹ÙÀÏ °¡·Î, Å×ºí¸´ ¼¼·Î (ÇØ»óµµ ~ 479px)*/
@media all and (max-width: 479px) {
  .sub-contents .inner.memberjoin{
    width: 100%;
    padding: 0 15px;
  }
  .sub-banner {
    height: auto;
  }

  .sub-contents {
    margin-top: 20px;
    padding-top:10px;
  }
  .sub-contents .inner {
    display: block;
  }

  .lnb nav {
    width: auto;
  }
  .lnb nav h2 {
    text-align: center;
    font-size: 25px;
  }
  .lnb nav ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .lnb nav ul li {
    margin-top: 15px;
    text-align: center;
    font-size: 15px;
  }

  .sub-contents-view {
    margin-left: 0;
    margin-top: 20px;
    padding: 0 15px;
  }
  .sub-contents-view.sitemap h3 {
    padding: 10px 0;
    margin-bottom: 20px;
    font-size: 32px;
  }
  .sub-contents-view.sitemap .map {
    grid-template-columns: 1fr 1fr;
  }
  .sub-contents-view.sitemap .map .cnt .tit {
    font-size: 15px;
  }
  .sub-contents-view.sitemap .map .cnt ul {
    min-height: 150px;
    padding: 10px;
    font-size: 14px;
  }
  .sub-contents-view.sitemap .map .cnt ul li {
    margin-top: 10px;
  }
  .sub-contents-view h3 {
    border-top: 1px solid #ccc;
    padding-top: 30px;
    text-align: center;
    font-size: 20px;
  }
  .scs_story_detail .prog_name .txt{display: block;margin-left: 0;margin-top: 5px;}
  .scs_story_detail .info{height:auto;padding-left: 94px;}
  .scs_story_detail .info.thumbnail {height:auto;padding-left: 0;font-size: 14px;}
  .scs_story_detail .info .top {padding-left: 20px}
  .scs_story_detail .info .top li:first-of-type{margin-top: 0;margin-bottom: 10px;border-right: 0;}
  .scs_story_detail .info .btm {margin-left: 0;padding-top: 30px;}
  .scs_story_detail .info img{width: 50%;}
  .scs_story_detail .content p {font-size: 14px;}
  .scs_story_detail .info .top li:first-of-type{
    margin-bottom: 0;
  }
  /* ¹ÝÀÀÇü table */
  input[type=text]{max-width: 100%;}
  .memberjoin .btn.type2 {margin-left: 10px;}
  .input-tel input+span {text-align: center;margin-left: 2px;}
  .input-email input {max-width:27%;}
  .input-email select {max-width:34.9%;}
  
  .sub-banner-process {
    width: auto;
    height: auto;
    padding-bottom: 8px;
  }

  .process-top-text {
    margin: 0 10px;
    font-size: 14px;
    text-align: center;
  }

  .process-top-text strong {
    margin-top: 10px;
  }

  .process-order {
    display: block;
    text-align: center;
  }

  .process-order li {
    display: inline-block;
    width: 22%;
    margin-bottom: 5px;
  }

  .process-order li p {
    letter-spacing: -1.5px;
    font-size: 12px;
  }

  .process-order li:after {
    right: -12px;
  }

  .table_default th {
    letter-spacing: -2px;
    font-size: 13px;
    padding: 5px;
  }
  .table_default td {
    letter-spacing: -1px;
    font-size: 13px;
    padding:5px 1px;
  }

  .about_bt{padding:40px 0;}
  .bt_intro .table_res dt {flex:1;}
  
  .bt_intro p {
    font-size: 14px;
    letter-spacing: -1px;
  }
  .bt_intro .definition {
    height: 160px;
    background-size: cover;
    padding: 20px 20px 0 20px;
  }
  .bt_intro .description {
    padding: 15px 0;
  }
  .bt_intro .description p {
    margin-bottom: 15px;
    font-size: 15px;
  }
  .bt_intro .description .bt_intro_img {
    float: none;
    margin: 20px 0 0;
    width: 100%;
  }
  .bt_intro .bt_intro_exception {
    margin-top: 20px;
    padding: 10px;
    font-size: 14px;
  }
  .bt_intro .bt_intro_exception .title {
    text-indent: -18px;
    padding-left: 18px;
  }
  .bt_intro .bt_intro_exception li {
    text-indent: -15px;
    padding-left: 15px;
  }
  .bt_intro .bt_intro_exception li .sub {
    padding-left: 8px !important;
    text-indent: -8px;
  }

  .exam_standard a {
    font-size: 14px;
  }
  .exam_standard p {
    font-size: 14px;
  }
  .exam_standard .explanation > div {
    height: auto;
    padding: 10px;
  }
  .exam_standard .explanation > div .title {
    font-size: 18px;
    padding-bottom: 10px;
  }
  .exam_standard .explanation > div .desc {
    font-size: 13px;
  }

  .certificate_order li {
    padding: 10px 0;
  }
  .certificate_order li .step {
    padding-right: 10px;
  }
  .certificate_order li .desc {
    padding-top: 20px;
    margin-left: 10px;
  }
  .certificate_order li .desc .content p {
    text-indent: -10px;
    padding-left: 10px;
  }
  .rtf p {
    padding: 0 10px;
    line-height: 1.3;
  }
  .rtf .institution {
    display: block;
    padding: 10px;
  }
  .rtf .institution .ist_box {
    margin-top: 20px;
  }
  .rtf .institution .ist_box:first-child {
    margin-top: 0;
  }
  .rtf .institution .ist_box .title {
    font-size: 18px;
    letter-spacing: -1.5px;
  }
  .rtf .rtf-contact {
    padding: 12px 10px;
  }

  .pass_announce .result_box .comment {
    padding: 0 25px;
  }
  .scs-item{margin:-5px 0;}
  .clause {height: 120px;}
  .table_default.type2 select{font-size: 14px;}
  .table_default.type2 th{padding: 5px 0;}
  .table_default.type2 td{padding-right: 0;letter-spacing: -1px;}
  .table_default .address .addr_num input[type=text]{width: 65px;}
  .table_default .address .addr_num .btn.type5{min-width: 65px;}
  .table_default .address .addr_num .agree_chk{display: block; margin-top: 0; padding-left: 20px !important;}
  .table_default.type2 .phonenum input {width:65px;}
  .agree_chk{font-size: 13px;}
  .warning{font-size: 12px;}
  .box_default{font-size: 13px;padding:10px 10px}
  
  .secret .check {height:auto}
  .secret .check .checkset {height:30px;}
  .secret .check span {margin-left: 0;}
  .secret .pw li span{margin-left: 0;width:30%}
  
  .scs_story_detail .prog_name{padding-right: 20px;font-size: 14px;line-height: 1.3;}
  .scs_story_detail .info{padding-left: 0;}
  .scs_story_detail .info .top .attach {background-position-y:15px}
  .scs_story_detail .info .top .attach a{display: block;}
  .area {padding: 20px}
  .badge.type1 {padding:4px;line-height: 1;font-size: 11px;}
  .tbl_search input[type=text]+button {margin-left: 0;}
  .table_default.type3 th{padding:9px 0;text-align: center;}
  .table_default.type3 td {padding:9px 5px;}
  .desc_schedule {height:auto;margin: 20px 0;}
  .desc_schedule ul li{height:auto;line-height: 1.3;}
  .desc_schedule ul li:nth-child(2) {margin-left: -120px;margin-top: 30px;text-indent: -60px;padding-left: 120px}
  .desc_schedule ul li .warning {margin-left: -120px;text-indent: 0;}
  .badge.type2,
  .badge.type3,
  .badge.type4 {min-width: 45px;padding:0;letter-spacing: -2px;}
  h3 + .text_warning {margin-top: 30px}
  .memberjoin .agreement{margin-top: 20px;}
  .scs_story_detail.rtf .info.thumbnail{height:auto !important;padding-left: 0;}
  .scs_story_detail .info img{
    position: static;
    margin: 0px auto 10px;
    display: block;
  }
  .scs_story_detail.rtf .list_rtf {
    grid-template-columns: 50% 44%;
    grid-gap: 5px;
    margin-top: 0;
  }
  .scs-item img{width:95px;height:95px;}
  .shadow_box {height: auto;border-radius: 10px;}
  .shadow_box ul li{height: auto;}
  .table_res .select_w {width:100%;}
  .certificate_order li .desc .content .btn {position: relative;margin-top: 10px;margin-bottom: 20px}
  .exam_standard .explanation{padding:15px 0;flex-direction: column;}
  .exam_standard .explanation > div{width:100%;}
  .exam_standard .explanation > div.performance {margin-left: 0;margin-top: 20px;}
  .scs-item p {-webkit-line-clamp:3;}
  .faq .a {padding-right: 20px;}
  .bt_intro .list-type-01 {font-size: 15px;}
  .reply .hdr {flex-direction: column;}
  .reply .warning {text-align: left;margin-top: 5px;font-size: 13px;}
  .reply_write_cnt textarea {flex:0 0 80%;}
  .reply_write_cnt button {flex: 0 0 18%;}
}

@media print {
  header,.sub-banner,.lnb{display: none;}
}