html {font-size: 62.5%;width:100%;-webkit-text-size-adjust: none;-ms-text-size-adjust: none; -moz-text-size-adjust: none; }
html, body {height: 100%;width:100%}


body{margin: 0;color:#7F8289;font-family:'Pretendard', 'Noto Sans KR', sans-serif;line-height:inherit;letter-spacing: 0;}
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.faq_wrap {
  flex: 1;
}

/* ÇÏ´Ü ¿µ¿ª */
.faq_bottom {
  margin-top: auto;
}

img {width:100%;}


/*FAQ ÀÚÁÖÇÏ´Â Áú¹® ÆäÀÌÁö*/
.faq_wrap {color:#222;}
.faq_wrap .ck-content *{margin: 0;padding: 0;} /* ÆùÆ®Ä÷¯»çÀÌÁî : ¾îµå¹Î ¿¡µðÅÍ ±âº»»çÀÌÁî Àû¿ë */
.faq_wrap ul, ol {list-style: none;}
.faq_wrap a {text-decoration: none;}
.faq_wrap .top-cont{width: 100%;padding-bottom: 58px; background: linear-gradient(to right, #02a694 30%, #0195c7 50%, #0087ee 70%);display: flex;justify-content: center;}
.faq_wrap .top-cont .top-inner {display: flex;flex: 0 1 846px;flex-direction: column;padding: 0 24px;box-sizing: border-box;}

.faq_wrap .top-cont .top-inner .main-tit {width: 100%;display: flex;justify-content: center;align-items: center;padding: 106px 0 38px;}


.faq_wrap .top-cont .top-inner .faq-sch {box-sizing: border-box; border: 1px solid;display: flex;justify-content: space-between;border-radius: 50px; width: 100%;height: 60px;background: #fff;border: 2px solid #4ebbc8;}
.faq_wrap .top-cont .top-inner .faq-sch input[type="text"] {width: 90%;border: 0;text-align: left;color: #aaaaaa;font-size: 19px;letter-spacing: -1px;margin-left: 40px;height: auto;line-height: normal;padding: 0.8em 0 0.6em;}
.faq_wrap .top-cont .top-inner .faq-sch input:focus {outline: none;color: #111111;font-size: 20px;letter-spacing: -1px;}

.faq_wrap .top-cont .top-inner .faq-sch .sch-img {width: 10%;display: flex;align-items: center;}
.faq_wrap .top-cont .top-inner .faq-sch .sch-img a{display: inline-block;}
.faq_wrap .top-cont .top-inner .faq-sch .sch-img a img{width: 100%;height: auto;display: block;}

.faq_wrap .mid-cont {width: 100%;display: flex;justify-content: center;}
.faq_wrap .mid-cont .mid-inner{display: flex;flex: 0 1 1250px;padding: 0 24px;box-sizing: border-box;}
.faq_wrap .tab-container {display: flex;flex-direction: column;width: 100%;}

.btm-cont {width: 100%;padding: 20px 0; background: #f8f8f8;text-align: center;display: flex;justify-content: center;align-items: center;}
.btm-cont a{font-size: 17px;color: #999999;}
.btm-cont a:last-child {display: none;}
.btm-cont a span {color: #0081ff;font-weight: 600;}

.tab-faq {display: flex;flex-wrap: wrap; padding: 50px 0 25px;}
.tab-faq a {margin-bottom: 10px; cursor: pointer; width: fit-content;height: fit-content; border-radius: 50px;background: #f5f5f5;padding: 10px 25px;font-size: 17px;color: #222222;}
.tab-faq a:not(:last-child) {margin-right: 10px;}
.tab-faq a.on {background: #0081ff;color: #fff;}





.cont-faq {display: none;}
.cont-faq.on {display: block}
.cont-faq .result {color: #222222;font-size: 23px;font-weight: 600;letter-spacing: -1.5px;padding: 35px 0 24px;}
.cont-faq .result span{color: #0081ff;}
.acdn-wrap{display:flex;flex-direction: column;}
/* .empty-wrap {padding-bottom: 330px;} */
/* .empty-wrap {padding-bottom: 90px;} */
.empty-wrap .empty-inner {border-top: 1px solid #e8e8e8;display: flex;justify-content: center;align-items: center;padding: 90px 0;border-bottom: 1px solid #e8e8e8;}
.empty-wrap .empty {letter-spacing: -1px; font-size: 18px;color: #999999;display: flex;flex-direction: column;}
.empty-wrap .empty p {display: flex;justify-content: center;margin-bottom: 13px;}
.empty-wrap .empty p img {width: auto;}

#ac{width: 100%;}
#ac li > a{display:block;width: 100%;height: auto;line-height: 1;border-bottom:1px solid #e8e8e8;box-sizing: border-box;display: flex;justify-content: space-between;padding: 27px 0;}
#ac li:first-of-type > a {border-top: 1px solid #e8e8e8;}
#ac li > a > span {display: flex;justify-content: flex-start;}

#ac .menu a .label{ display: inline-block;width: 180px;min-width: 180px;display: flex;justify-content: center;align-items: center;  font-size: 15px;color: #222222;text-align: center;font-weight: bold;}
#ac .menu a .label .label-inner{display: flex;justify-content: space-between;height: 85px;}
#ac .menu a .label .label-inner .tag {width: 185px;display: flex;justify-content: center;align-items: center;}
#ac .menu a .label .label-inner p img{width: 100%;height: auto;display: block;}
#ac .menu a .tit{font-size: 17px;color: #222222;text-align: left;display: flex;flex: 0 1 905px;line-height: 2;}
#ac .menu a .tit .icon {width: 73px;min-width: 73px; height: auto;display: flex;justify-content: center;align-items: center;;}

#ac .menu a .arrow {width: 92px;min-width: 92px; display: flex;justify-content: center;align-items: center;}
#ac .menu a .arrow p {width: 20px;height: auto;}
#ac .menu a .arrow p img{width: 100%;height: auto;display: block;}

#ac .menu a.active .tit{font-weight: 600;color: #0081ff !important;}

#ac .menu-con{display:none;background: #f8f8f8;padding: 40px;}
#ac .menu-con * {font-size: 17px;}
#ac .menu-con p {font-size: 17px;color: #333333;word-break: break-all;}

/********************* PAGING *********************/
.paging {margin:40px 0 130px;font-size:0;text-align:center;}
.paging a, .paging span.active { display:inline-block; font-size:18px; min-width:32px; height:32px; padding:0 8px; line-height:2.3; border-radius:5px; margin:0 2px; border:solid 1px transparent; vertical-align:middle; box-sizing:border-box; }
.paging a:hover { border-color:#111; -webkit-transition:border-color 0.3s ease; transition:border-color 0.3s ease; }
.paging .num { display:inline-block; padding:0 15px 0 15px; white-space:nowrap; }
.paging .num a, .paging .num .active { color:#111; line-height:1.8; font-weight:bold; text-decoration:none !important; box-sizing:border-box; }
.paging .num a.active, .paging .num .active { background-color:#0081ff; color:#fff; }
.acdn-wrap .paging-wrap {width: 100%;}
.acdn-wrap .pb {padding-bottom: 250px;}
.ir {display:inline-block; vertical-align:middle;  padding:0; margin:0; white-space:nowrap; font-size:2px; overflow:hidden; text-indent:-999px; color:transparent; line-height:0; }
.i-pag-first {width:20px;height:14px;margin:7px 0 0 0px;background:url("http://russeldata.megastudy.net/campus/images/russel/faq/page_first.png") no-repeat 0 0;}
.i-pag-prev {width:10px; height:14px; margin:7px 0 0 -2px;background:url("http://russeldata.megastudy.net/campus/images/russel/faq/page_prev.png") no-repeat 0 0;}
.i-pag-next {width:10px; height:14px; margin:7px 0 0 1px;background:url("http://russeldata.megastudy.net/campus/images/russel/faq/page_next.png") no-repeat 0 0;}
.i-pag-last {width:20px; height:14px; margin:7px 0 0 0;background:url("http://russeldata.megastudy.net/campus/images/russel/faq/page_last.png") no-repeat 0 0;}
/********************* //PAGING *********************/



/* Tablet (601px ~ 1199px) */
@media only screen and (max-width:1199px){
    .faq_wrap .top-cont .top-inner {flex: 0 1 644px;}
    .faq_wrap .top-cont .top-inner .faq-sch .sch-img {width: 60px;}

}

/* Mobile (0px ~ 600px) */
@media only screen and (max-width:600px){
    .faq_wrap .top-cont {padding-bottom: 20px;}
    .faq_wrap .top-cont .top-inner .faq-sch input[type="text"] {font-size: 1.4rem;background: #ffffff00;margin-left: 20px;}
    .faq_wrap .top-cont .top-inner p {font-size: 2.3rem;padding: 75px 0 15px;}
    
    .tab-faq {padding: 20px 0 10px;}
    .tab-faq span {font-size: 1.3rem;}
    
    #ac li a{padding: 0;}
    #ac li a >  .ask {flex-direction: column;width: 100%;}
    #ac li a >  .ask .label {width: 100%;text-align: left;}
    #ac li a >  .ask .label .tag {font-size: 1.4rem;margin-top: 20px;width: 100%;}

    #ac .menu a .tit{font-size: 1.6rem;color: #222222;text-align: left;display: flex;flex: 0 1 55px;line-height: 2;padding: 10px 0 0px;}
    #ac .menu a .tit .icon {display: none;}
    #ac .menu a .tit .tit-inner {flex: 1;line-height: 1.5;margin-left: 0px;height: fit-content;}
    #ac .menu a .arrow {width: 20px;min-width: 20px;display: flex;justify-content: center;align-items: center;}
    #ac .menu-con {padding: 20px 25px;}
    #ac .menu-con p {font-size: 1.5rem;}

    .paging {display: none;}

    .btm-cont {padding: 27px 0 27px;}
    .btm-cont a:first-child {display: none;}
    .btm-cont a:last-child {display: block;font-size: 1.4rem;}

    .empty-wrap .empty {font-size: 1.5rem;}
    .cont-faq .result {font-size: 1.7rem;padding: 20px 0 15px;}

    .faq_wrap {position: relative;}
    .faq_wrap .top-cont .top-inner .main-tit {width: 100%;display: flex;justify-content: center;align-items: center;padding: 20.8vw 0 5.5vw;}
    .faq_wrap .top-cont .top-inner .main-tit a {padding: 0 13%;}

}