@charset "utf-8";

/* ============ 서브 페이지 공통 ============== */

/* 서브 콘텐츠 박스 */
.Cont_WrapA {
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: auto;
    background: #FFFFFF;
    overflow: hidden;
    padding-bottom: 170px;
    margin: 0 auto;
    word-break: keep-all;
}
.Cont_WrapA.paddingB-A { padding-bottom: 100px !important;}

.Cont_WrapB {
    position: relative;
    width: 100%;
    height: auto;
    background: #f9fafc;
    overflow: hidden;
    padding-bottom: 170px;
    word-break: keep-all;
}

.Cont_BoxA {
    position: relative;
    width: 100%;
    max-width: 1200px;
    min-height: 300px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}


/* 서브 콘텐츠 타이틀 */
.PageTitle_WrapA {position: relative; width: 100%; max-width: 1200px; height: auto; background: #FFF; overflow: hidden; padding-bottom: 0px; margin: 0 auto;}
.aTwrap {width:100%; height:auto; padding:100px 0 60px 0; margin:0 auto; word-break: keep-all; transition: all .25s ease;}
.aTwrap h1 {width:100%; font-size:44px; font-family:'NanumSquare'; font-weight:500; text-align:center; line-height:100%;}
.aTwrap h1.fontW {font-weight:800 !important;}
.aTwrap .subTtxt {width:100%; font-size:22px; color:#8e9796; text-align:center; margin-top:20px;}

/* 서브 탭 메뉴 A 페이지이동 */
.sub_depth {width:100%; max-width:1200px; margin:0 auto;}
.sub_depth .tab {position:relative; display:flex; flex-wrap: wrap; border:1px solid #EEE; border-radius:27px;}
.sub_depth .tab li {position:relative; flex: 1 1;}
.sub_depth .tab li a {display:flex; height:54px; font-size:18px; font-weight: 500; align-items:center; justify-content:center;}
.sub_depth .tab li:hover a {background-image: linear-gradient(115deg, #fbd302 3%, #05ac97 110%); color:#FFF; border-radius: 27px 27px;}
.sub_depth .tab li:hover:before {display:none}
.sub_depth .tab li:hover + li:before {display:none;}
.sub_depth .tab li + li:before {position:absolute; content: ''; display: block; width: 1px; height:16px; background: #DDD; top: 50%; left: 0; margin-top: -8px;}


/* 서브 탭 메뉴 B 페이지링크 */
.sTabBox {width:100%; max-width:1200px; margin:0 auto;}
.sTabBox .tab {position:relative; display:flex; flex-wrap: wrap; border:1px solid #EEE; border-radius:27px;}
.sTabBox .tab li {position:relative; flex: 1 1; }
.sTabBox .tab li a {display:flex; height:54px; font-size:18px; font-weight: 500; align-items:center; justify-content:center;}
.sTabBox .tab li:hover a {color: #04ac98;}
.sTabBox .tab li.active:before {display:none}
.sTabBox .tab li.active + li:before {display:none;}
.sTabBox .tab li.active a {background-image: linear-gradient(115deg, #fbd302 3%, #05ac97 110%); color:#FFF; border-radius: 27px 27px;}
.sTabBox .tab li + li:before {position:absolute; content: ''; display: block; width: 1px; height:16px; background: #DDD; top: 50%; left: 0; margin-top: -8px;}
.sTabBox.MaxW800 {max-width:800px !important;}

/* 서브 페이지 타겟링크 위치값 */
.Service-page-target {display:block; position:absolute; top:-220px} /* 서비스 소개 */
.sub_page_target_pri {display:block; position:absolute; top:-160px} /* 개인정보 취급 방침 */



/* ============ 서브 페이지 콘텐츠 ============== */

/* 01 아카데미업소개 */
.academyup-intro { width: 100%; max-width: 1200px; text-align: center; padding-top:100px;}
.academyup-intro h2 {
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -2px;
    background: linear-gradient(to right, #fed100, #02bfad);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
    height: 110px;
    transition: font-size 0.25s ease;
    word-break: keep-all;
}
.academyup-intro .imgbox { width: 100%; height: auto; background: #00d1c4; text-align: center; padding:0; border-radius: 20px; overflow: hidden;}
.academyup-intro .img0A { display: block;}
.academyup-intro .img0B { display: none;}

.academyup-Contbox {display: flex; flex-wrap: wrap; width: 100%; height: auto;}
.academyup-Contbox .LeftBox {display: flex; flex-direction: column; width: 50%; font-family:'NanumSquare';}
.academyup-Contbox .LeftBox .text1 {font-size: 26px; font-weight:bold; padding-bottom: 20px;}
.academyup-Contbox .LeftBox .text2 {font-size: 40px; font-weight: 800; letter-spacing: -2px; padding-bottom: 20px; line-height: 1.4;}
.academyup-Contbox .LeftBox .text2 .Plus {position: relative; display: inline-block; margin-right:10px ;}
.academyup-Contbox .LeftBox .text2 .plusIcon {position: absolute; font-style: normal; color: #ffb400; font-size: 38px; font-weight: 800; right: -20%; top: -10px;}
.academyup-Contbox .LeftBox .text2 em {font-style: normal;}
.academyup-Contbox .LeftBox .text3 {font-size: 20px; font-weight: bold; color: #666; letter-spacing: -0.8px; line-height: 1.8;}
.academyup-Contbox .RightBox {width: 50%; text-align: right;}


/* 02 서비스기능 */
.Service-Cont {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
    min-height: 250px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-top:160px;
    word-break: keep-all;
}
.Service-Cont.align-Top { align-items: baseline !important;} /* 콘텐츠 내용 상단배열 */
.Service-Cont.colmn {flex-direction: column !important;} /* 콘텐츠 내용 수직 정렬 */
.Service-Cont.lastBottom {margin-bottom: 120px !important;} /* 마지막 섹션 Bottom 높이 */
.Service-LeftBox {display: flex; flex-direction: column; width: 50%; height: auto; font-family:'NanumSquare';}
.Service-LeftBox .text1 {font-size: 26px; font-weight:bold; padding-bottom: 20px;}
.Service-LeftBox .text2 {font-size: 40px; font-weight: 800; letter-spacing: -2px; padding-bottom: 20px; line-height: 1.5;}
.Service-LeftBox .text2 em {font-style: normal;}
.Service-LeftBox .text3 {font-size: 20px; font-weight: bold; color: #666; letter-spacing: -0.8px; line-height: 1.6;}
.Service-RightBox { display: flex; justify-content: center; width:50%;}
.Service-title {padding:14px 60px; font-size:24px; background: #192a3c; color: #FFF; font-family:'NanumSquare'; font-weight: 600; text-align: center; border-radius: 30px; margin: 0 auto;}
.Service-mainText {font-size: 34px; color: #39414b; font-family:'NanumSquare'; font-weight:800; line-height: 1.5; width: 100%; text-align: center; padding: 80px 0 60px;}
.Service-mainTextSmall {font-size:17px; color: #666; font-family:'NanumSquare'; font-weight: 600; line-height: 1.5; width: 100%; text-align: center; padding-bottom:60px;}
.Service-ImgBoxA {width:100%; height:auto; padding-top:70px; text-align: center;}

/* 02 서비스 [01-수강생관리] */
.Stucent-A {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width:100%; height:auto; text-align: center; overflow: hidden; border-radius: 20px;}
.Stucent-A li {width:25%; padding:45px 0; font-size: 17px; font-family:'NanumSquare'; font-weight: 600; line-height: 1.5;}
.Stucent-A li .title {font-size: 24px; font-weight: 900; color: #111; margin-bottom: 8%;}
.Stucent-ImgBoxA {width:100%; height:auto; padding-top:80px; text-align: center;}

/* 02 서비스 [12-모바일홈] */
.Stucent-B {    
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    min-height: 200px;
    text-align: center;
    overflow: hidden;
    border-radius: 20px;
    background: #0071e8;
}
.Stucent-B li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33.333%;
    height: 100%;
    padding: 45px 30px;
    font-size: 17px;
    font-family: 'NanumSquare';
    font-weight: 600;
    line-height: 1.5;
}
.Stucent-B li .title {font-size: 24px; font-weight: 900; color: #111; margin-bottom: 8%;}

.Stucent-B-qr {display: flex;  width: 70%; margin: 0 auto; margin-top: 80px;}
.Stucent-B-qr li { width: 50%; text-align: center;}


/* 02 서비스 [08-노무관리-지앤비세무회계] */
.TaxfirmGNB {display: flex; align-items: center; justify-content: space-between; width:50%; margin: 0 auto;}
.TaxfirmGNB .text {font-size: 28px;}
.TaxfirmGNB .text span {font-weight: 700;}
.TaxCopytext {width: 100%; font-size: 28px; font-weight: 600; padding-top: 40px; text-align: center;}


/* 03 이용안내 - [01-이용방법] */
.guideUs {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    min-height: 400px;
    height: auto;
    margin: 0 auto;
    margin-top:60px;
    margin-bottom:100px;
    word-break: keep-all;
}
.guideUs-Contbox { display: flex; flex-direction: column; width: 46%; margin:0 2% 60px; min-height: 380px; border:1px solid #EEE; border-radius: 10px; padding: 30px; background:#FFF;}
.guideUs-Contbox:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); transition: all .25s ease;}
.guideUs-Contbox .Title { width:100%; text-align: center; font-size: 24px; padding-top: 20px; font-weight: 600;}
.guideUs-Contbox .Stext { display: block; width:100%; text-align: center; padding-top:10px;}
.guideUs-Contbox .IconBox { width: 120px; height: 120px; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; border-radius: 10px; overflow: hidden;}
.guideUs-Contbox .Desc { width: 100%; text-align: center;}
.guideUs-Contbox .BtnG { width:48%; padding:10px 30px; color: #666; background: #EEE; border-radius: 6px; margin: 0 auto; font-size: 15px; font-weight: 500; transition: all .25s ease;}
.guideUs-Contbox .BtnG:hover { color: #FFF; background:#192a3c;  transition: all .25s ease;}


/* 03 이용안내 - [02-이용요금] */
.UsageFees { width: 100%; max-width: 1200px; height:auto; margin:0 auto; margin-top: 20px; margin-bottom:100px; word-break: keep-all;}
.UsageFees .M_text {font-size: 34px; text-align: center; letter-spacing: -1.5px;}
.UsageFees .M_text .weit700 {font-weight: 700;}

.Ratebox {position:relative; display:flex; flex-wrap:wrap; width:100%; height:auto; margin-top: 60px; transition: 0.25s ease;}
.Ratebox .planwrap {width:23.75%; height:auto; background:#fff; margin-right:1.6666%; overflow:hidden; border-radius:10px; border: 1px solid #EEE; transition: 0.25s ease;}
.Ratebox .planwrap:last-child {margin-right:0;}
.Ratebox .planwrap h3 {display:flex; align-items:center; justify-content:center; width:100%; height:60px; color:#FFF; font-size:22px; font-weight:500; margin-bottom:20px;}

.Ratebox .planwrap .paybox {width: 100%; padding: 0% 8%; font-family:'NanumSquare';}
.Ratebox .planwrap .paybox .Other {display: block; font-size:17px; font-weight:800; }
.Ratebox .planwrap .paybox .Other em {font-style: normal; font-weight: 400; font-size:15px; font-family: 'Noto Sans KR';}
.Ratebox .planwrap .paybox .price {display: block; font-size:24px; font-weight:800; color:#000; padding:10px 0 10px 0;}
.Ratebox .planwrap ul {width:86%; min-height:320px; padding-top:20px; margin:0 auto; margin-top:10px; border-top:1px solid #e9e9e9;}
.Ratebox .planwrap ul li {font-size:16px; color:#333; padding-left:18px; background:url("../images/icon/check_rat.png")no-repeat left top 12px; margin-bottom: 5px;}
.Ratebox .planwrap ul li .etc {display: block; font-size: 14px; color: #999; font-weight: 400;}

.Orderbox {display:flex; flex-wrap:wrap; width:100%; min-height:300px; border-radius: 10px; margin-top:40px; overflow: hidden;}
.Orderbox .LaborTax {width:49.16%; height:auto; background:#fff; margin-right:1.6666%; overflow:hidden; border-radius:10px; border: 1px solid #EEE;}
.Orderbox .LaborTax:last-child {margin-right:0;}
.Orderbox .LaborTax h3 {display:flex; align-items:center; justify-content:center; width:100%; height:60px; color:#FFF; font-size:22px; font-weight:500; margin-bottom:20px; background:#1d3e60;}
.Orderbox .LaborTax .paybox {width: 100%; padding: 0% 8%; font-family:'NanumSquare';}
.Orderbox .LaborTax .paybox .Other {display: block; font-size:17px; font-weight:800; }
.Orderbox .LaborTax .paybox .Other em {font-style: normal; font-weight: 400; font-size:15px; font-family: 'Noto Sans KR';}
.Orderbox .LaborTax .paybox .price {display: block; font-size:24px; font-weight:800; color:#000; padding:10px 0 10px 0;}
.Orderbox .LaborTax ul {width:86%; min-height:320px; padding-top:20px; margin:0 auto; margin-top:10px; border-top:1px solid #e9e9e9;}
.Orderbox .LaborTax ul li {font-size:16px; color:#333; padding-left:18px; background:url("../images/icon/check_rat.png")no-repeat left top 12px; margin-bottom: 5px;}
.Orderbox .LaborTax ul li .etc {display: block; font-size: 14px; color: #999; font-weight: 400;}

.Orderbox .Talk { width:100%; height:auto; background:#fff; overflow:hidden; border-radius:10px; border: 1px solid #EEE;}
.Orderbox .Talk .type {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width:100%; min-height: 60px; color: #FFF; background: #1d3e60;}
.Orderbox .Talk .type span {width: auto; padding:4px 10px 4px 30px; text-align: center; font-size: 18px; font-weight: 400; background:url("../images/icon/type_dot.png")no-repeat left 16px top 15px;}
.Orderbox .Talk .feetype {display: flex; align-items: center; justify-content: center; width: 86%; margin: 0 auto; margin-top: 50px; margin-bottom: 50px;}
.Orderbox .Talk .feetype li {width:25%; text-align: center; border-right: 1px solid #EEE;}
.Orderbox .Talk .feetype li:last-child {border: none;}
.Orderbox .Talk .feetype li .Talk_Title {width:80%; background: #f6f6f6; margin: 0 auto; padding: 14px 20px; border-radius: 6px; font-size: 18px; font-weight: 600; margin-top:6px; margin-bottom: 26px;}
.Orderbox .Talk .feetype li .Other {display: block; font-size:17px; font-weight:600; margin-bottom: 6px;}
.Orderbox .Talk .feetype li .Other em {font-style: normal; font-weight: 400; font-size:15px; font-family: 'Noto Sans KR';}
.Orderbox .Talk .feetype li .Price {font-size: 34px; font-weight: 800; font-family: 'NanumSquare'; margin-bottom: 6px;}
.Orderbox .Talk .feetype li .Price .txt {font-size: 20px; font-weight: 500; color: #666;}
.Orderbox .Talk .feetype li .Price .vat { font-size: 14px; font-family:'Noto Sans KR'; font-weight:normal;}


/* 04 고객지원 homepage_board.css */
.faq-cont {width:80%; height:auto; margin: 0 auto; transition: all .25s ease;}
.faq-cont li a {display:flex; align-items:center; width:100%; border-bottom:1px solid #EEE; font-size:26px; padding:20px 0; background:url('../images/icon/faq_arrow.png')no-repeat right 14px center;}
.faq-cont li:hover {background: #f8fbfe; transition: all .25s ease;}
.faq-cont li a i {padding: 10px; font-style: normal; font-size: 16px; font-weight: 600; border-radius: 6px; margin-right: 14px; color: #FFF; line-height: 1;}


/* 05 - 이용약관 및 개인정보 보호정책 */
.util_wrap {position:relative; display:block; width:100%; max-width:1200px; margin:0 auto; height:auto; word-break: keep-all;}
.util_wrap .utbox {position:relative; width:100%; height:auto; font-size:16px; font-weight:400; margin-bottom: 60px;}
.util_wrap .utbox h1 {font-size:22px; font-weight:500; padding-bottom:10px;}
.util_wrap .utbox h1 span {font-size:18px; font-weight:400}
.util_wrap .utbox h2 {font-size:24px; font-weight:500; margin-bottom:50px;}
.util_wrap .utbox p.tex_etc {display: block; font-size:18px; font-weight:400; color:#333; margin-bottom: 20px;}
.util_wrap .utbox ul {width:100%; margin-top:20px;}
.util_wrap .utbox ul li {line-height:1.6; margin-bottom:15px;}
.util_wrap .utbox ul li p {font-size:16px; line-height:1.8;}
.util_wrap .utbox ul li .serbox {width:100%; height:auto; padding:20px; border:1px solid #e0e0e0; margin-top:10px; border-radius: 6px;}
.util_wrap .utbox ul li .serbox p {font-size:16px; padding-left:18px; background:url("../images/icon/util_dot.png")no-repeat left top 9px;}
.util_wrap .utbox ul li .serbox p.nobg {padding-left:0px; background:none;}
.util_wrap .utbox ul li .serbox .mt20 {margin-top:20px;}
.util_wrap .pribox1 {display:flex; width:100%; height:auto; padding:20px; margin-bottom:50px; font-weight:400; line-height:1.8; border:1px solid #e0e0e0; border-radius: 6px;}
.util_wrap .pribox1 ul {width:50%; font-weight:400;}
.util_wrap .pribox1 ul > li > a:hover {color:#04ac98;}


/* 06 혜택문의 */
.bene_wrap { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; border: 1px solid #EEE; padding: 5% 6%; border-radius: 10px; word-break: keep-all;}
.bene_wrap .titleTxt {display: block; width: 100%;}
.bene_wrap .titleTxt h2 {font-size:20px; font-family:'Noto Sans KR'; font-weight:600; color:#555;}
.bene_wrap .titleTxt p {font-size:16px; color:#999; margin-bottom:24px; font-family: 'Nanum Gothic'; font-size: 15px; font-weight: 400; margin-top: 4px;}
.bene_wrap .MldotB {padding-left:10px; background:url("../images/icon/dot_Port.png")no-repeat left center;} /* 텍스트 dot */
.bene_wrap .borrad { border-radius: 4px;}
.bene_wrap ::placeholder {font-size: 14px !important; font-weight: 400 !important;}





/* ============ 서브 기타 공통 ============== */

/* 배경 컬러 */
.bColor_orange01 { background:#ff9600 !important;}
.bColor_orange02 { background:#ffc000 !important;}
.bColor_orange03 { background:#f2d106 !important;}
.bColor_green01  { background:#79ad00 !important;}
.bColor_green02  { background:#0ab6a7 !important;}
.bColor_green03  { background:#90c441 !important;}
.bColor_blue01   { background:#239aff !important;}
.bColor_blue02   { background:#00bde5 !important;}
.Tbg-orangeA { background: #fff600;}
.Tbg-orangeB { background: #ffea00;}
.Tbg-orangeC { background: #ffd800;}
.Tbg-greenA  { background: #14f0dd;}
.Tbg-greenB  { background: #0be7d4;}


/* 폰트 컬러 */
.fColor_red01   { color:#e52123 !important;}
.fColor_orangeA { color:#ffb400 !important;}
.fColor_orangeB { color:#ff9600 !important;}
.fColor_greenA  { color:#79ad00 !important;}
.fColor_greenB  { color:#0ab6a7 !important;}
.fColor_blue0A  { color:#239aff !important;}
.fColor_blue0B  { color:#0071e8 !important;}
.fColor_blue0C  { color:#245b9c !important;}


/* 마징 */
.Mg-Top10 { margin-top: 10px;}
.Mg-Top20 { margin-top: 20px;}
.Mg-Top30 { margin-top: 30px;}
.Mg-Top40 { margin-top: 40px;}
.Mg-Top50 { margin-top: 50px;}
.Mg-Top60 { margin-top: 60px;}
.Mg-Left4 { margin-left: 4px;}
.Mg-Bot6  { margin-bottom: 6px;}
.Mg-Bot20 { margin-bottom: 20px;}
.Mg-Bot40 { margin-bottom: 40px;}
.Mg-Bot60 { margin-bottom: 60px !important;}
.Mg-Bot80 { margin-bottom: 80px;}


/* 패딩 */
.Pd-bottomNo { padding-bottom: 0px !important;}
.Pd-bottom20 { padding-bottom: 20px !important;}
.Pd-bottom40 { padding-bottom: 40px !important;}


/* TYPE [기본테이블] */
.TBtype {position:relative; width:100%; height:auto;letter-spacing:-0.5px;}
.TBtype thead {width:100%; color:#333; text-align:center; vertical-align:middle; background-color:#f8f9fb; border-top:2px solid #1e1e1e; border-bottom:1px solid #EEE;}
.TBtype thead tr th {position:relative; vertical-align:middle; color:#333; font-weight: 500; padding: 10px 0;}
.TBtype tbody {position:relative; width:100%; text-align:center;}
.TBtype tbody tr {width:100%; border-bottom:1px solid #EEE;}
.TBtype tbody tr:last-child {border-bottom:none;}
.TBtype tbody tr td {vertical-align:middle; border-right:1px solid #EEE; padding:10px 0; font-size: 14px;}
.TBtype tbody tr td:last-child {border-right:none;}
.TBtype .borderBT01 {border-bottom:1px solid #e1e1e1;}




/* ------------------ 콘텐츠 미디어쿼리-------------------- 1024 */	
@media screen and (max-width:1024px) {

    /* 서브 콘텐츠 타이틀 */
    .PageTitle_WrapA {padding-left:30px; padding-right: 30px;}
    .aTwrap { padding:80px 0 50px 0; transition: all .25s ease;}
    .aTwrap h1{font-size:40px; }
    .aTwrap .subTtxt {font-size:20px; margin-top:16px;}

    /* 서브 콘텐츠 박스 */
    .Cont_WrapA { padding-bottom: 120px;}
    .Cont_WrapA.PBottom-No-1024 {padding-bottom: 0px !important;}
    .Cont_WrapB { padding-bottom: 120px;}
    .Cont_BoxA { padding: 0 30px;}

    /* 서브 페이지 타겟링크 위치값 */
    .Service-page-target {top:-200px} /* 서비스 소개 */
    .sub_page_target_pri {top:-160px} /* 개인정보 취급 방침 */

    /* 01 아카데미업소개 */
    .academyup-intro {padding-top:80px;}
    .academyup-intro h2 {font-size: 40px; height: 100px;}
    .academyup-intro .imgbox {border-radius:20px;}
    .academyup-Contbox {padding:0 30px; text-align: center;}
    .academyup-Contbox .LeftBox {width: 100%; }
    .academyup-Contbox .LeftBox .text1 {font-size: 20px; padding-bottom: 20px;}
    .academyup-Contbox .LeftBox .text2 {font-size: 36px; padding-bottom: 20px;}
    .academyup-Contbox .LeftBox .text2 .plusIcon { font-size: 30px; top: -6px;}
    .academyup-Contbox .LeftBox .text3 {font-size: 18px;}
    .academyup-Contbox .RightBox {width: 100%; text-align: center; padding-top: 40px;}

    /* 02 서비스기능 */
    .Service-Cont {flex-direction: column; align-items:baseline; margin-top:140px; padding-right: 20px; padding-left: 20px;}
    .Service-LeftBox {width:auto; margin: 0 auto; margin-bottom: 60px;}
    .Service-LeftBox .text1 {font-size: 20px; padding-bottom: 20px;}
    .Service-LeftBox .text2 {font-size: 36px; padding-bottom: 20px;}
    .Service-LeftBox .text3 {font-size: 18px;}
    .Service-RightBox {width:auto; margin: 0 auto;}
    .Service-title {padding:10px 60px; font-size:20px;}
    .Service-mainText {font-size: 28px; padding: 60px 0 50px;}

    /* 02 서비스 [01-수강생관리] */
    .Stucent-A li {width:50%; padding:45px 0;}
    .Stucent-A li .title {font-size: 20px; color: #111; margin-bottom: 3%;}
    .Stucent-ImgBoxA {padding-top:60px;}

    /* 02 서비스 [08-노무관리-지앤비세무회계] */
    .TaxfirmGNB {display: flex; align-items: center; justify-content: space-between; width:60%; margin: 0 auto;}
    .TaxfirmGNB .text {font-size: 26px;}
    .TaxfirmGNB .text span {font-weight: 700;}
    .TaxCopytext {font-size: 26px; padding-top: 40px;}

    /* 03 이용안내 [02-이용요금] */
    .UsageFees {padding: 0 24px; transition: 0.25s ease;}
    .UsageFees .M_text {font-size: 28px;}
    .Ratebox {margin-top: 60px;}

    /* 04 고객지원 자주묻는질문 */
    .faq-cont {width:90%; transition: all .25s ease;}
    .faq-cont li a { font-size:24px; padding:16px 0;}
    .faq-cont li a i { padding: 8px; font-size: 16px;}

    /* 05 - 이용약관 및 개인정보 보호정책 */
    .util_wrap{padding:0 30px;}
    .util_wrap .utbox{margin-bottom: 40px;}
    .util_wrap .utbox h1{font-size:20px; padding-bottom:0px;}
    .util_wrap .utbox h1 span{font-size:17px;}
    .util_wrap .utbox h2{font-size:20px; margin-bottom:20px;}

}


/* ------------------ 콘텐츠 미디어쿼리-------------------- 768 */	
@media screen and (max-width:768px) {

    /* 서브 콘텐츠 타이틀 */
    .aTwrap h1{font-size:32px; }
    .aTwrap .subTtxt {font-size:17px; margin-top:14px;}

    /* 서브 탭 메뉴 A */
    .sub_depth .tab {display:block;}
    .sub_depth .tab li a {height:44px; font-size:16px;}
    .sub_depth .tab li + li:before {position:absolute; width: 90%; height:1px; top:0%; left: 50%; transform: translateX(-50%); margin-top: 0px; background: #F5F5F5;}

    /* 서브 탭 메뉴 B */
    .sTabBox .tab {display:block;}
    .sTabBox .tab li a {height:44px; font-size:16px;}
    .sTabBox .tab li + li:before {position:absolute; width: 90%; height:1px; top:0%; left: 50%; transform: translateX(-50%); margin-top: 0px; background: #F5F5F5;}

    /* 서브 콘텐츠 박스 */
    .Cont_WrapA { padding-bottom: 100px;}
    .Cont_WrapB { padding-bottom: 100px;}
    .Cont_BoxA { padding: 0 20px;}

    /* 서브 페이지 타겟링크 위치값 */
    .Service-page-target {top:-180px} /* 서비스 소개 */
    .sub_page_target_pri {top:-160px} /* 개인정보 취급 방침 */

    /* 01 아카데미업소개 */
    .academyup-intro {padding-top:80px;}
    .academyup-intro h2 {font-size: 32px; height: 100px;}
    .academyup-Contbox {padding:0 30px; text-align: center;}
    .academyup-Contbox .LeftBox .text1 {font-size: 20px; padding-bottom: 20px;}
    .academyup-Contbox .LeftBox .text2 {font-size: 32px; padding-bottom: 20px;}
    .academyup-Contbox .LeftBox .text2 .plusIcon { font-size: 24px; top: -5px;}
    .academyup-Contbox .LeftBox .text3 {font-size: 17px;}
    .academyup-Contbox .RightBox {width: 100%; text-align: center; padding-top: 40px;}
 
    /* 02 서비스기능 */
    .Service-Cont {padding: 0 30px; margin-top:100px;}
    .Service-LeftBox {width:auto; margin: 0 auto; margin-bottom: 60px;}
    .Service-LeftBox .text1 {font-size: 20px; padding-bottom: 20px;}
    .Service-LeftBox .text2 {font-size: 32px; padding-bottom: 20px;}
    .Service-LeftBox .text3 {font-size: 17px;}
    .Service-title {padding:10px 60px; font-size:18px;}
    .Service-mainText {font-size: 24px; padding: 60px 0 50px;}

    /* 02 서비스 [08-노무관리-지앤비세무회계] */
    .TaxfirmGNB {display: flex; align-items: center; flex-wrap: wrap; justify-content: center; width:100%; margin: 0 auto;}
    .TaxfirmGNB .text {font-size: 24px; width: 100%; text-align: center; margin-top: 30px;}
    .TaxCopytext {font-size: 24px; padding-top: 40px;}

    /* 03 이용안내 - [01-이용방법] */
    .guideUs { margin-top:40px; margin-bottom:100px;}
    .guideUs-Contbox {width: 100%; margin:0 4% 40px; transition: all .20s ease;}

    /* 03 이용안내 [02-이용요금] */
    .UsageFees {padding: 0 24px; transition: 0.25s ease;}
    .UsageFees .M_text {font-size: 28px;}
    .Ratebox {margin-top: 50px; transition: 0.25s ease;}
    .Ratebox .planwrap {width:49.16%; transition: 0.25s ease;}
    .Ratebox .planwrap:last-child {margin-right:0;}
    .Ratebox .planwrap:nth-child(1) {margin-bottom:20px;}
    .Ratebox .planwrap:nth-child(2) {margin-right:0;  margin-bottom:20px;}
    .Ratebox .planwrap h3 {height:50px; color:#FFF; font-size:20px; margin-bottom:20px;}
    .Orderbox .Talk .type {padding-top: 14px; padding-bottom: 14px;}
    .Orderbox .Talk .feetype {width: 90%;}

    /* 05 - 이용약관 및 개인정보 보호정책 */
    .util_wrap{padding:0 20px;}
    .util_wrap .pribox1{display:block;}
    .util_wrap .pribox1 ul{width:100%;} 
}


/* ------------------ 콘텐츠 미디어쿼리-------------------- 500 */	
@media screen and (max-width:500px) {

    /* 서브 콘텐츠 타이틀 */
    .PageTitle_WrapA {padding-left:20px; padding-right:20px;}
    .aTwrap { padding:60px 0 40px 0;}
    .aTwrap h1{font-size:28px; }
    .aTwrap .subTtxt {font-size:17px; margin-top:10px;}

    /* 서브 페이지 타겟링크 위치값 */
    .Service-page-target {top:-160px} /* 서비스 소개 */
    .sub_page_target_pri {top:-160px} /* 개인정보 취급 방침 */    

    /* 01 아카데미업소개 */
    .academyup-intro {padding-top:60px;}
    .academyup-intro h2 {font-size: 28px; padding:0 20px; line-height: 1.3;}
    .academyup-intro .img0A {display: none;}
    .academyup-intro .img0B {display: block;}
    .academyup-Contbox {padding:0 30px; text-align: center;}
    .academyup-Contbox .LeftBox .text1 {font-size: 20px; padding-bottom: 16px;}
    .academyup-Contbox .LeftBox .text2 {font-size: 26px; padding-bottom: 16px;}
    .academyup-Contbox .LeftBox .text2 .plusIcon { font-size: 20px; top: -3px;}
    .academyup-Contbox .RightBox {width: 100%; text-align: center; padding-top: 40px;}

    /* 02 서비스기능 */
    .Service-Cont {padding: 0 20px; margin-top:100px;}
    .Service-LeftBox {width:auto; margin: 0 auto; margin-bottom:40px;}
    .Service-LeftBox .text1 {font-size: 20px; padding-bottom: 16px;}
    .Service-LeftBox .text2 {font-size: 26px; padding-bottom: 16px;}
    .Service-title {padding:10px 40px;}
    .Service-mainText {font-size: 20px; padding: 50px 0 40px;}
    .Stucent-A li {width:100%; padding:45px 0;}
    .Stucent-ImgBoxA {padding-bottom:20px;}

    /* 02 서비스 [12-모바일홈] */
    .Stucent-B li { width: 100%; padding: 45px 10px;}
    .Stucent-B-qr {width: 100%; margin-top: 60px;}
    .Stucent-B-qr li {padding: 20px;}


    /* 02 서비스 [08-노무관리-지앤비세무회계] */
    .TaxfirmGNB .text {font-size: 22px; width: 100%; text-align: center;}
    .TaxCopytext {font-size: 22px; }    

    /* 03 이용안내 - [01-이용방법] */
    .guideUs { margin-top:30px; margin-bottom:80px;}
    .guideUs-Contbox {width: 100%; margin:0 5% 40px;}
    .guideUs-Contbox .Title {font-size: 20px;}

    /* 03 이용안내 [02-이용요금] */
    .UsageFees {padding: 0 20px; margin-top: 10px; transition: 0.25s ease;}
    .UsageFees .M_text {font-size: 24px;}
    .Ratebox {margin-top: 40px; transition: 0.25s ease;}
    .Ratebox .planwrap {width:100%; margin-right:0 !important; margin-bottom:20px !important; transition: 0.25s ease;}
    .Orderbox .LaborTax {width:100%; margin-right:0;}
    .Orderbox .LaborTax:first-child {margin-bottom:40px;}
    .Orderbox .Talk .feetype {flex-wrap: wrap; width: 100%; margin-top: 40px; margin-bottom: 40px;}
    .Orderbox .Talk .feetype li {width:100%; border-right: none; margin-bottom: 30px;}
    .Orderbox .Talk .feetype li .Talk_Title {width:90%; padding: 12px 20px; font-size: 20px; margin-bottom: 20px;}

    /* 04 고객지원 자주묻는질문 */
    .faq-cont {width:100%; transition: all .25s ease;}
    .faq-cont li a { font-size:20px; padding:16px 0;}
}


/* ------------------ 콘텐츠 미디어쿼리-------------------- 360 */	
@media screen and (max-width:360px) {

    /* 서브 콘텐츠 타이틀 */
    .aTwrap { padding:50px 0 40px 0;}
    .aTwrap h1{font-size:26px; }

    /* 01 아카데미업소개 */
    .academyup-intro {padding-top:40px;}
    .academyup-intro h2 {font-size: 26px; margin-bottom:30px; line-height: 1.3; height: auto; padding:0 20px;}

    .academyup-Contbox {padding:0 20px; text-align: center;}
    .academyup-Contbox .LeftBox .text1 {font-size: 20px; padding-bottom: 16px;}
    .academyup-Contbox .LeftBox .text2 {font-size: 26px; padding-bottom: 16px;}
    .academyup-Contbox .LeftBox .text2 br {display: none;}
    .academyup-Contbox .RightBox {width: 100%; padding-top: 40px;}

    /* 02 서비스기능 */
    .Service-LeftBox {width:auto; margin: 0 auto; margin-bottom:40px; text-align: center;}
    .Service-LeftBox .text1 {font-size: 20px; padding-bottom: 16px;}
    .Service-LeftBox .text2 {font-size: 26px; padding-bottom: 16px;}
    .Service-LeftBox .text2 br {display: none;}
    .Service-LeftBox .text3 br {display: none;}
    .Service-title {padding:10px 30px; font-size: 17px;}

    /* 03 이용안내 [02-이용요금] */
    .UsageFees {padding: 0 16px; margin-top:0px; transition: 0.25s ease;}
    .UsageFees .M_text {font-size: 22px;}

    /* 04 고객지원 자주묻는질문 */
    .faq-cont li a { font-size:18px; padding:16px 0;}
    .faq-cont li a i { font-size: 14px;}
}