@charset "utf-8";

/* 페이지 스타일 공통 */
.pagecommon{padding-bottom:50px;position:relative;font-size:16px;line-height:1.6;color:#666;font-family:var(--k-font)}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .top_box b{display:block;margin-bottom:40px;font-size:35px;line-height:1.3;color:#111}
.pagecommon .top_box .s_txt{padding:34px 50px;border-radius:10px;background-color:#f5f5f5}
.pagecommon .top_img{width:100%;height:230px;border-radius:10px;background:no-repeat center;background-size:cover}
.pagecommon .ct_txt{margin-top:60px;padding:45px 0;border-radius:10px;font-size:18px;text-align:center;font-weight:500;color:#111;background-color:#f5f5f5}
.pagecommon .video_top{display:flex;align-items:flex-start;position:relative;gap:40px;padding:0 50px 60px}
.pagecommon .video_top:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:100%;height:225px;border-radius:20px;background:#f5f5f5}
.pagecommon .video_top .l_box{width:50%;padding-top:20px}
.pagecommon .video_top .l_box p.pl{margin-top:60px}
.pagecommon .video_top b{margin-bottom:0}
.pagecommon .video_top .r_box{overflow:hidden;width:50%;border-radius:10px}
.pagecommon .video_top .r_box iframe{display:block;width:100%;height:300px}
.pagecommon .cont_wrap{width:calc(100% - 100px);margin:-40px auto 0;padding:50px 50px 0;border-radius:20px;background-color:#fff}
.pagecommon .gary_txt{padding:40px;border-radius:10px;background-color:#f5f5f5}
.pagecommon .gary_txt dl+dl{margin-top:40px;padding-top:40px;border-top:1px dashed #e1e1e1}
.pagecommon .gary_txt dl dt{display:flex;gap:15px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px dotted #e1e1e1;font-size:18px;font-weight:600;color:#111}
.pagecommon .gary_txt dl dt span{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:35px;height:35px;margin-top:-3px;border-radius:5px;font-size:14px;font-weight:600;color:#fff;background-color:#111}
.pagecommon .gary_txt dl dd .dot_list{margin-top:20px}
.pagecommon .dot_list li{position:relative;padding-left:18px}
.pagecommon .dot_list li span{font-weight:600;color:#333}
.pagecommon .dot_list li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
.pagecommon .bt_mid_txt{padding:45px 40px 0;font-size:18px;font-weight:500;color:#333}
.pagecommon .cm_cont{margin-top:60px}
.pagecommon .cm_cont dl{display:flex;gap:50px;align-items:flex-start}
.pagecommon .cm_cont dl+dl{margin-top:50px}
.pagecommon .cm_cont dl dt{flex-shrink:0;width:430px;height:305px;border-radius:10px;background:no-repeat center;background-size:cover}
.pagecommon .cm_cont dl dd{width:100%;padding:15px 0}
.pagecommon .cm_cont dl dd b{display:flex;align-items:center;gap:15px;padding-bottom:15px;margin-bottom:25px;border-bottom:1px dotted #e1e1e1;font-size:23px;color:#111}
.pagecommon .cm_cont dl dd b span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:5px;font-size:14px;color:#fff;background-color:#111}
.pagecommon .cm_cont dl dd ul{margin-top:20px}
.pagecommon .cm_cont dl dd ul li{position:relative;padding-left:18px;font-size:15px}
.pagecommon .cm_cont dl dd ul li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}
.pagecommon .cm_cont dl dd ul li span{font-weight:600;color:#111}

/* Welcome Message */
#p33 .gr_top{position:relative;display:flex;gap:60px;padding:0 50px 70px}
#p33 .gr_top:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:100%;height:200px;border-radius:10px;background:url('/sh_page/img/p33_bg.png') no-repeat center #f5f5f5;background-size:cover}
#p33 .gr_top b{flex-shrink:0;width:430px;font-size:35px;line-height:1.25;font-weight:700;color:#111}
#p33 .gr_top b:before{display:block;content:'';width:40px;height:5px;margin:10px 0 40px;background:var(--primary)}
#p33 .gr_top b span{color:var(--primary)}
#p33 .gr_top .video_box{overflow:hidden;width:100%;border-radius:10px}
#p33 .gr_top .video_box iframe{display:block;width:100%;height:330px}
#p33>p{padding:54px 50px 100px;background:url('/sh_page/img/p33_mark.png') no-repeat calc(100% - 50px) bottom}

/* Faith-Centered Academic Vision */
#p34 .top_box>img{display:block;max-width:100%;margin:40px auto}
#p34 .top_box>span{font-size:18px;font-weight:500}
#p34 .top_box>span b{display:inline-block;margin-right:10px}
#p34 .top_box>p{margin-top:0}
#p34 .cont_box dl{padding:40px}
#p34 .cont_box dl+dl{border-top:1px dashed #e1e1e1}
#p34 .cont_box dl dt{display:flex;gap:15px;margin-bottom:24px;font-size:20px;font-weight:700;color:#111}
#p34 .cont_box dl dt span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:5px;font-size:14px;color:#fff;background-color:#111}
#p34 .cont_box dl dt p{padding-top:1px}
#p34 .cont_box dl dd span{font-weight:600;text-decoration:underline;color:#333}

/* About NGA */
#p35 .icon_list{display:flex;align-items:center;justify-content:center;height:335px;border-radius:10px;background:url('/sh_page/img/p35_bg.jpg') no-repeat center / cover}
#p35 .icon_list ul{display:flex;justify-content:center;align-items:flex-start;gap:40px;width:100%;padding:0 70px}
#p35 .icon_list ul li{width:calc(100%/5);text-align:center}
#p35 .icon_list ul li span{display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto;border-radius:100%;background-color:rgba(255,255,255,.8)}
#p35 .icon_list ul li p{margin-top:20px;font-size:18px;font-weight:700;color:#111}
#p35 .bene_list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:60px 40px;margin-top:70px}
#p35 .bene_list li{width:calc(100%/2 - 20px)}
#p35 .bene_list li:nth-child(2n){margin-top:40px}
#p35 .bene_list li img{max-width:100%;border-radius:10px}
#p35 .bene_list li p{display:flex;gap:20px;margin:25px 0;padding-bottom:20px;border-bottom:1px dotted #e1e1e1}
#p35 .bene_list li p span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:45px;height:45px;border-radius:5px;font-weight:700;color:#fff;background-color:var(--primary)}
#p35 .bene_list li p b{margin-top:-6px;font-size:20px;color:#111}
#p35 .bene_list li p em{display:block;font-size:15px;font-style:normal;font-weight:600;color:#888}
#p35 .bene_list li>em{font-style:normal;text-decoration:underline;font-weight:600;color:#333}

/* Facilities */
#p36 .faci_list{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 40px}
#p36 .faci_list img{width:100%;border-radius:10px}
#p36 .faci_list p{margin:20px 0 15px;padding-bottom:15px;border-bottom:1px solid #e1e1e1;font-weight:600;color:var(--primary)}
#p36 .faci_list p b{display:block;font-size:20px;color:#111}
#p36 .faci_list span{display:block;position:relative;padding-left:18px}
#p36 .faci_list span:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#888}

/* High School Curriculum */
#p39 .ov_cont{display:grid;grid-template-columns:repeat(2,1fr);margin-top:60px}
#p39 .ov_cont dl{text-align:center;padding:40px}
#p39 .ov_cont dl dt{margin-bottom:15px;font-size:20px;font-weight:700;color:#111}
#p39 .ov_cont dl dt span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto 5px;border-radius:100%;font-size:13px;font-weight:600;color:#fff;background-color:#111}
#p39 .ov_cont dl dd span{font-weight:600;text-decoration:underline;color:#333}
#p39 .ov_cont dl:nth-child(2n){border-left:1px dotted #e1e1e1}
#p39 .ov_cont dl:nth-child(n + 3){border-top:1px dotted #e1e1e1}

/* High School Courses */
#p40 .top_img{background-image:url('/sh_page/img/p40_top.jpg')}
#p40 .table_box{padding:60px 40px 0;border-radius:20px;background-color:#fff}
#p40 .table_box table{overflow:hidden;width:100%;border-spacing:0;border-radius:10px 10px 0 0;text-align:center;font-size:15px}
#p40 .table_box table th{height:45px;font-weight:600;color:#fff;background-color:#111}
#p40 .table_box table th+th{border-left:1px solid rgba(255,255,255,.2)}
#p40 .table_box table td{padding:12px 10px;border-bottom:1px solid #e1e1e1}
#p40 .table_box table td+td{border-left:1px solid #e1e1e1}
#p40 .table_box table td:first-child{font-weight:600;color:#111;background-color:#f5f5f5}
#p40 .bt_txt{margin-top:40px;text-align:center}

/* Online AP Courses */
#p41 .top_img{background-image:url('/sh_page/img/p41_top.jpg')}
#p41 .cont_wrap{width:calc(100% - 100px);margin:-40px auto 0;padding:50px 40px 0;border-radius:10px;background-color:#fff}
#p41 .cont_wrap .cont_tit{margin-top:50px;padding:10px 0;border-radius:50px;font-weight:600;text-align:center;color:#fff;background-color:#111}
#p41 .cont_wrap>ul{display:grid;grid-template-columns:repeat(2,1fr);margin-top:45px}
#p41 .cont_wrap>ul>li{padding:40px}
#p41 .cont_wrap>ul>li:nth-child(2n){border-left:1px dotted #e1e1e1}
#p41 .cont_wrap>ul>li:nth-child(n+3){border-top:1px dotted #e1e1e1}
#p41 .cont_wrap>ul>li b{font-size:18px;color:#111}
#p41 .cont_wrap>ul>li ul{display:flex;gap:5px;flex-wrap:wrap;margin-top:15px}
#p41 .cont_wrap>ul>li ul li{padding:3px 15px;border:1px solid #e1e1e1;border-radius:50px;font-weight:500}

/* Coaching & Mentoring */
#p42 .cm_cont dl:nth-child(1) dt{background-image:url('/sh_page/img/p42_img01.jpg')}
#p42 .cm_cont dl:nth-child(2) dt{background-image:url('/sh_page/img/p42_img02.jpg')}
#p42 .cm_cont dl:nth-child(3) dt{background-image:url('/sh_page/img/p42_img03.jpg')}
#p42 .cm_cont dl:nth-child(4) dt{background-image:url('/sh_page/img/p42_img04.jpg')}

/* School Life Overview */
#p55 .top_img{background-image:url('/sh_page/img/p55_top.jpg')}
#p55 .slo_cont{display:flex;gap:50px;padding:60px 50px 0;background-color:#fff}
#p55 .slo_cont .vedio_box{width:40%}
#p55 .slo_cont .vedio_box iframe{width:100%;height:100%}
#p55 .slo_cont .txt_box{width:60%;padding:15px 0}
#p55 .slo_cont .txt_box b{display:block;margin-bottom:25px;font-size:25px;line-height:1.4;color:#111}

/* Admission Overview */
#p44 .line_tit{margin:60px 0 20px;padding-left:20px;border-left:5px solid var(--primary);font-size:23px;line-height:1;font-weight:700;color:#111;}
#p44>.dot_list{padding:25px 40px;border-top:1px dotted #e1e1e1}

/* Student & Parent Testimony */
#p46 .top_box{text-align:center}
#p46 .video_list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:30px;border-radius:20px;background-color:#f5f5f5}
#p46 .video_list li span{display:block;overflow:hidden;position:relative;width:100%;padding-bottom:50.25%;border-radius:10px}
#p46 .video_list li iframe{position:absolute;top:0;left:0;width:100%;height:100%}
#p46 .video_list li p{padding:8px 10px 0;font-size:18px;font-weight:700;color:#111}
#p46 .student_cont{margin-top:50px}
#p46 .student_cont dl{padding:30px}
#p46 .student_cont dl:first-child{padding-top:0}
#p46 .student_cont dl+dl{border-top:1px dashed #e1e1e1}
#p46 .student_cont dt{margin-bottom:15px;font-size:18px;font-weight:700;color:#111}
#p46 .student_cont dd{padding:25px;border-radius:15px;font-weight:500;background-color:#f5f5f5}
#p46 .student_cont dd span{display:block;margin-top:10px;font-size:15px;font-weight:400;color:#888}

/* Application & Booklet */
#p47{text-align:center}
#p47 .s_txt{font-size:18px;font-weight:500;color:#111}
#p47 .s_txt a{display:block;width:max-content;margin:30px auto 0;padding:0 25px;border-radius:50px;font-size:16px;line-height:60px;color:#fff;background-color:var(--primary)}
#p47 .s_txt a i{margin-left:10px}
#p47 ul{display:flex;gap:30px;width:100%;padding:0 50px;margin-top:40px}
#p47 ul li{width:100%}
#p47 ul li a{display:block;width:100%;height:100%;padding:40px 20px;border:1px solid #dcd1bf;border-radius:10px;background-color:#f9f7f3}
#p47 ul li a span{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 auto 15px;border-radius:10px;color:var(--primary);background-color:#fff}
#p47 ul li a b{font-size:18px;color:#111}
#p47 ul li a b em{display:block;font-size:16px;font-style:normal;font-weight:500;color:#888}
#p47 ul li a p{margin-top:15px;color:#666}

/* College Prep Overview */
#p49 .cpo_cont{display:flex;margin-top:60px}
#p49 .cpo_cont dl{width:100%;padding:40px;text-align:center}
#p49 .cpo_cont dl+dl{border-left:1px dashed #e1e1e1}
#p49 .cpo_cont dl dt{font-size:18px;font-weight:700;color:#111}
#p49 .cpo_cont dl dt span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin:0 auto 15px;border-radius:100%;font-size:14px;font-weight:600;color:#fff;background-color:#111}
#p49 .cpo_cont dl dd{margin-top:15px}

/* College Prep. 공통 */
.prep_page .gary_txt{margin-top:60px}

/* College Application */
#p50 .top_img{background-image:url('/sh_page/img/p50_top.jpg')}

/* Application Essays */
#p51{text-align:center}
#p51 .top_box b{margin-bottom:20px}
#p51 .top_box p{font-size:18px;font-weight:600}
#p51 .table_wrap{overflow-x:scroll;margin-top:40px}
#p51 .table_wrap table{width:100%;border-spacing:0}
#p51 .table_wrap table tr:nth-child(odd){background-color:#f5f5f5}
#p51 .table_wrap table tr th{height:50px;font-weight:600;color:#fff;background-color:#111}
#p51 .table_wrap table tr td{width:50%;height:50px;border-bottom:1px solid #e1e1e1;font-weight:500;white-space:nowrap}
#p51 .table_wrap table tr td+td{border-left:1px solid #e1e1e1}

/* Honor & Awards */
#p52 .top_img{background-image:url('/sh_page/img/p52_top.jpg')}
#p52 .gary_txt dl:first-child .dot_list{margin-bottom:20px}

/* Honor & Awards */
#p53 .cm_cont dl:nth-child(1) dt{background-image:url('/sh_page/img/p53_img01.jpg')}
#p53 .cm_cont dl:nth-child(2) dt{background-image:url('/sh_page/img/p53_img02.jpg')}
#p53 .cm_cont dl:nth-child(3) dt{background-image:url('/sh_page/img/p53_img03.jpg')}
#p53 .cm_cont dl:nth-child(1) ul{margin-bottom:20px}

/* School Life 공통 */
.sl_page .sl_cont{margin-top:70px}
.sl_page .sl_cont dl{display:flex}
.sl_page .sl_cont dl:nth-child(2n){flex-flow:row-reverse}
.sl_page .sl_cont dl+dl{margin-top:40px}
.sl_page .sl_cont dt{width:50%;height:300px;border-radius:20px;background:no-repeat center #000;background-size:cover}
.sl_page .sl_cont dd{width:50%;padding:30px 40px 0}
.sl_page .sl_cont dd b{display:block;margin-bottom:15px;font-size:20px;color:#111}
.sl_page .sl_cont dd b span{display:block;font-size:16px;font-weight:600;color:#888}
.sl_page .sl_cont dd em{display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin-bottom:15px;border-radius:100%;font-size:14px;font-style:normal;font-weight:600;color:#fff;background-color:#111}

/*  F: Faith Integrity */
#p56 .sl_cont dl:nth-child(1) dt{background-image:url('/sh_page/img/p56_img01.jpg')}
#p56 .sl_cont dl:nth-child(2) dt{background-image:url('/sh_page/img/p56_img02.jpg')}
#p56 .sl_cont dl:nth-child(3) dt{background-image:url('/sh_page/img/p56_img03.jpg')}
#p56 .sl_cont dl:nth-child(4) dt{background-image:url('/sh_page/img/p56_img04.jpg')}

/* A: Academic Excellence */
#p57 .sl_cont dl:nth-child(1) dt{border:1px solid #e1e1e1;background-image:url('/sh_page/img/p57_img01.jpg')}
#p57 .sl_cont dl:nth-child(2) dt{background-image:url('/sh_page/img/p57_img02.jpg')}
#p57 .sl_cont dl:nth-child(3) dt{background-image:url('/sh_page/img/p57_img03.jpg')}
#p57 .sl_cont dl:nth-child(4) dt{background-image:url('/sh_page/img/p57_img04.jpg')}

/* C: College Preparation */
#p58 .sl_cont dl:nth-child(1) dt{background-image:url('/sh_page/img/p58_img01.jpg')}
#p58 .sl_cont dl:nth-child(2) dt{background-image:url('/sh_page/img/p58_img02.jpg')}
#p58 .sl_cont dl:nth-child(3) dt{background-image:url('/sh_page/img/p58_img03.jpg')}
#p58 .sl_cont dl:nth-child(4) dt{background-image:url('/sh_page/img/p58_img04.jpg')}

/* E: English Proficiency */
#p59 .sl_cont dl:nth-child(1) dt{border:1px solid #e1e1e1;background-image:url('/sh_page/img/p59_img01.jpg')}
#p59 .sl_cont dl:nth-child(2) dt{border:1px solid #e1e1e1;background-image:url('/sh_page/img/p59_img02.jpg')}
#p59 .sl_cont dl:nth-child(3) dt{background-image:url('/sh_page/img/p59_img03.jpg')}
#p59 .sl_cont dl:nth-child(4) dt{background-image:url('/sh_page/img/p59_img04.jpg')}

/* U: Unification with the Global Community */
#p60 .sl_cont dl:nth-child(1) dt{background-image:url('/sh_page/img/p60_img01.jpg')}
#p60 .sl_cont dl:nth-child(2) dt{background-image:url('/sh_page/img/p60_img02.jpg')}
#p60 .sl_cont dl:nth-child(3) dt{background-image:url('/sh_page/img/p60_img03.jpg')}
#p60 .sl_cont dl:nth-child(4) dt{background-image:url('/sh_page/img/p60_img04.jpg')}
#p60 .sl_cont dl:nth-child(5) dt{background-image:url('/sh_page/img/p60_img05.jpg')}

/* P: Personal Growth */
#p61 .sl_cont dl:nth-child(1) dt{background-image:url('/sh_page/img/p61_img01.jpg')}
#p61 .sl_cont dl:nth-child(2) dt{background-image:url('/sh_page/img/p61_img02.jpg')}
#p61 .sl_cont dl:nth-child(3) dt{background-image:url('/sh_page/img/p61_img03.jpg')}
#p61 .sl_cont dl:nth-child(4) dt{background-image:url('/sh_page/img/p61_img04.jpg')}
#p61 .sl_cont dl:nth-child(5) dt{background-image:url('/sh_page/img/p61_img05.jpg')}

/* NGA Community */
#p63 .comm_list{display:grid;grid-template-columns:repeat(2,1fr)}
#p63 .comm_list li{padding:50px 40px;border-radius:20px;text-align:center}
#p63 .comm_list li:nth-child(2),#p63 .comm_list li:nth-child(3){background-color:#f5f5f5}
#p63 .comm_list li span{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 20px;border-radius:15px;background-color:#f5f5f5}
#p63 .comm_list li:nth-child(2) span,#p63 .comm_list li:nth-child(3) span{background-color:#fff}
#p63 .comm_list li p b{display:block;margin-bottom:10px;font-size:20px;color:#111}

@media (max-width:1230px){
.pagecommon .top_box b{font-size:33px}
.pagecommon .bt_mid_txt{padding:45px 30px 0}
#p33 .gr_top{padding:0 50px 5%}
#p33 .gr_top b{font-size:33px}
}
@media (max-width:1024px){
.pagecommon{font-size:15px}
.pagecommon .top_box .s_txt{padding:30px}
.pagecommon .video_top{padding:0 40px 50px}
.pagecommon .video_top:before{height:62%}
.pagecommon .ct_txt{font-size:17px}
.pagecommon .cm_cont dl{gap:40px}
.pagecommon .cm_cont dl dt{width:330px;height:225px}
.pagecommon .cm_cont dl dd b{font-size:20px}
.pagecommon .gary_txt{padding:30px}
.pagecommon .cont_wrap{width:calc(100% - 60px);padding:50px 30px 0}
#p33 .gr_top{padding:0 30px 10%}
#p33 .gr_top:before{height:185px}
#p33 .gr_top b{width:240px}
#p33>p{padding:54px 30px 100px}
#p34 .top_box>span b{display:block;margin-bottom:15px}
#p34 .cont_box dl{padding:40px 30px}
#p35 .icon_list{height:290px}
#p35 .icon_list ul li span{width:100px;height:100px}
#p35 .icon_list ul li p{margin-top:10px;font-size:16px}
#p35 .bene_list{gap:50px 30px}
#p35 .bene_list li{width:calc(100%/2 - 15px)}
#p35 .bene_list li p b{margin-top:0;font-size:18px;line-height:1.4}
#p35 .bene_list li p em{margin-top:5px}
#p39 .ov_cont{margin-top:50px}
#p39 .ov_cont dl{padding:30px}
#p39 .ov_cont dl dt{font-size:18px}
#p40 .table_box{overflow-x:scroll;padding:60px 0 0}
#p40 .table_box table td{white-space:nowrap}
#p41 .cont_wrap{width:calc(100% - 60px);padding:50px 30px 0}
#p41 .cont_wrap>ul>li{padding:30px}
#p44 .line_tit{font-size:20px}
#p44>.dot_list{padding:25px}
#p44 .bt_mid_txt{white-space:normal}
#p47 ul{padding:0 30px}
#p49 .cpo_cont dl{padding:20px}
#p49 .cpo_cont dl dt{font-size:17px}
#p55 .slo_cont{align-items:flex-start;gap:40px;padding:60px 30px 0}
#p55 .slo_cont .vedio_box iframe{height:250px}
#p55 .slo_cont .txt_box{padding:0}
#p55 .slo_cont .txt_box b{font-size:23px;white-space:normal}
.sl_page .sl_cont{margin-top:50px}
.sl_page .sl_cont dt{height:275px}
.sl_page .sl_cont dd{padding:20px 30px 0}
.sl_page .sl_cont dd b{font-size:18px}
}
@media (max-width:768px){
.pagecommon .top_box b{font-size:28px}
.pagecommon .video_top{flex-flow:column;gap:40px;padding:0 20px 30px}
.pagecommon .video_top:before{height:85%}
.pagecommon .video_top .l_box{width:100%;padding-top:0}
.pagecommon .video_top .l_box p.pl{margin-top:50px}
.pagecommon .video_top .r_box{width:100%}
.pagecommon .ct_txt{padding:30px 20px;font-size:16px;white-space:normal}
.pagecommon .cm_cont{margin-top:40px}
.pagecommon .cm_cont dl{flex-flow:column;gap:30px}
.pagecommon .cm_cont dl dd{padding:0}
.pagecommon .cm_cont dl dd b{margin-bottom:15px}
.pagecommon .cm_cont dl dd b span{width:30px;height:30px;font-size:13px}
.pagecommon .gary_txt{padding:20px}
.pagecommon .gary_txt dl dt span{width:30px;height:30px;margin-top:0;font-size:13px;line-height:1}
.pagecommon .bt_mid_txt{padding:35px 20px 0;font-size:16px}
.pagecommon .cont_wrap{width:calc(100% - 30px);padding:40px 20px 0}
#p33 .gr_top{flex-flow:column;gap:40px;padding:0 20px 50px}
#p33 .gr_top b{width:100%;font-size:28px}
#p33 .gr_top b:before{width:35px;height:3px;margin:0 0 30px}
#p33>p{white-space:normal}
#p33>p{padding:45px 20px 70px;background-size:35%;background-position:calc(100% - 20px) bottom}
#p34 .top_box>span{font-size:16px}
#p34 .cont_box dl dt{font-size:18px}
#p35 .icon_list{height:auto}
#p35 .icon_list ul{flex-wrap:wrap;gap:30px 0;padding:30px 20px}
#p35 .icon_list ul li{width:calc(100%/3)}
#p35 .bene_list{flex-flow:column;margin-top:60px}
#p35 .bene_list li{width:100%}
#p35 .bene_list li:nth-child(2n){margin-top:0}
#p35 .bene_list li img{width:100%}
#p36 .faci_list{grid-template-columns:repeat(2,1fr);gap:40px 20px}
#p36 .faci_list p b{font-size:18px}
#p39 .ov_cont dl{padding:25px}
#p39 .ov_cont dl dt{font-size:16px}
#p39 .ov_cont dl dt span{width:35px;height:35px;line-height:1}
#p40 .table_box{padding-top:50px}
#p40 .table_box table{font-size:14px}
#p40 .table_box table td{padding:10px 8px}
#p40 .bt_txt{white-space:normal}
#p41 .cont_wrap{width:calc(100% - 30px);padding:40px 20px 0}
#p41 .cont_wrap .cont_tit{margin-top:40px}
#p41 .cont_wrap>ul{grid-template-columns:repeat(1,1fr);margin-top:10px}
#p41 .cont_wrap>ul>li{padding:30px 20px}
#p41 .cont_wrap>ul>li:nth-child(2n){border-left:none}
#p41 .cont_wrap>ul>li+li{border-top:1px dotted #e1e1e1}
#p41 .cont_wrap>ul>li b{font-size:16px}
#p44 .line_tit{margin-top:50px;border-left:3px solid var(--primary);font-size:18px}
#p44>.dot_list{padding:20px}
#p44 .video_top:before{height:90%}
#p44 .video_top .l_box span.pl{white-space:normal}
#p51 .table_wrap table tr th{height:45px}
#p51 .table_wrap table tr td{height:45px;padding:0 10px}
#p46 .video_list{grid-template-columns:repeat(1,1fr);padding:20px}
#p46 .video_list li p{font-size:16px}
#p46 .student_cont dl{padding:20px}
#p46 .student_cont dt{font-size:16px}
#p47 .s_txt{font-size:16px}
#p47 .s_txt a{margin-top:20px;font-size:15px;line-height:50px}
#p47 ul{gap:15px;margin-top:30px;padding:0 20px}
#p47 ul li a{padding:20px 15px}
#p47 ul li a b{font-size:16px}
#p47 ul li a p{font-size:14px;line-height:1.5}
#p49 .video_top:before{height:90%}
#p49 .video_top .l_box span.pl{white-space:normal}
#p49 .cpo_cont{flex-flow:column;margin-top:30px}
#p49 .cpo_cont dl+dl{border-left:none;border-top:1px dashed #e1e1e1}
#p55 .slo_cont{flex-flow:column;gap:30px;padding:50px 10px 0}
#p55 .slo_cont .vedio_box{width:100%}
#p55 .slo_cont .txt_box{width:100%}
#p55 .slo_cont .txt_box b{margin-bottom:15px;font-size:20px}
.sl_page .sl_cont dl{flex-flow:column !important}
.sl_page .sl_cont dt{width:100%;height:330px}
.sl_page .sl_cont dd{width:100%;padding:30px 20px 0}
#p63 .comm_list{grid-template-columns:repeat(1,1fr)}
#p63 .comm_list li{padding:30px 20px}
#p63 .comm_list li:nth-child(3){background-color:#fff}
#p63 .comm_list li:nth-child(3) span{background-color:#f5f5f5}
#p63 .comm_list li:nth-child(2n){background-color:#f5f5f5}
#p63 .comm_list li:nth-child(2n) span{background-color:#fff}
#p63 .comm_list li span{width:70px;height:70px;margin-bottom:15px}
#p63 .comm_list li span img{height:35px}
#p63 .comm_list li p b{margin-bottom:5px;font-size:16px}
}
@media (max-width:480px){
.pagecommon{padding-bottom:0;font-size:14px}
.pagecommon .top_box b{margin-bottom:30px;font-size:23px}
.pagecommon .top_box .s_txt{padding:20px 25px}
.pagecommon .video_top{gap:30px}
.pagecommon .video_top:before{height:84%}
.pagecommon .video_top .l_box p.pl{margin-top:40px}
.pagecommon .video_top .r_box iframe{height:230px}
.pagecommon .top_img{height:155px}
.pagecommon .ct_txt{margin-top:30px;font-size:15px}
.pagecommon .cm_cont dl dt{width:100%;height:265px}
.pagecommon .cm_cont dl dd b{font-size:16px}
.pagecommon .gary_txt{margin-top:40px}
.pagecommon .gary_txt dl+dl{margin-top:30px;padding-top:30px}
.pagecommon .gary_txt dl dt{font-size:16px}
.pagecommon .bt_mid_txt{padding:30px 15px 0;font-size:15px}
.pagecommon .cont_wrap{width:100%;margin-top:0;padding:35px 15px 0}
#p33 .gr_top{gap:30px;padding:0 20px 40px}
#p33 .gr_top:before{height:140px;border-radius:5px}
#p33 .gr_top b{font-size:23px}
#p33 .gr_top b:before{width:25px;margin-bottom:25px}
#p33 .gr_top .video_box iframe{height:230px}
#p33>p{padding-top:35px}
#p34 .top_box>span{font-size:14px}
#p34 .top_box>span b{margin-bottom:10px}
#p34 .top_box>img{margin:30px 0}
#p34 .cont_box dl{padding:30px 20px}
#p34 .cont_box dl dt{margin-bottom:20px;font-size:16px}
#p34 .cont_box dl dt span{width:30px;height:30px;font-size:13px}
#p35 .icon_list ul{row-gap:20px;padding:20px 10px}
#p35 .icon_list ul li span{width:80px;height:80px}
#p35 .icon_list ul li span img{height:30px}
#p35 .icon_list ul li p{font-size:15px;line-height:1.5}
#p35 .bene_list{row-gap:40px;margin-top:50px}
#p35 .bene_list li p{gap:15px;margin:20px 0 15px;padding-bottom:15px}
#p35 .bene_list li p span{width:40px;height:40px}
#p35 .bene_list li p b{font-size:16px}
#p35 .bene_list li p em{font-size:14px}
#p36 .faci_list{gap:30px 15px}
#p36 .faci_list p{font-size:13px}
#p36 .faci_list p b{font-size:16px}
#p39 .ov_cont{grid-template-columns:repeat(1,1fr);margin-top:20px}
#p39 .ov_cont dl+dl{border-top:1px dotted #e1e1e1}
#p39 .ov_cont dl:nth-child(n + 3), #p39 .ov_cont dl:nth-child(2n){border-left:none}
#p39 .ov_cont dl dt{margin-bottom:10px}
#p39 .ov_cont dl dt span{margin-bottom:10px}
#p40 .table_box{padding-top:30px}
#p40 .table_box table{font-size:13px}
#p40 .bt_txt{margin-top:30px}
#p41 .cont_wrap{width:100%;margin-top:0;padding:35px 15px 0}
#p41 .cont_wrap .cont_tit{padding:8px 5px}
#p41 .cont_wrap>ul>li{padding:25px 15px}
#p41 .cont_wrap>ul>li b{font-size:15px}
#p44 .line_tit{margin-top:40px}
#p51 .top_box b{margin-bottom:10px}
#p51 .top_box p{font-size:16px}
#p46 .video_list{padding:15px}
#p46 .student_cont dl{padding:20px 0}
#p47 .s_txt{font-size:15px;white-space:normal}
#p47 .s_txt a{font-size:14px;line-height:45px}
#p47 .s_txt a i{margin-left:5px}
#p47 ul{flex-flow:column;gap:10px;padding:0 15px}
#p47 ul li a span{width:45px;height:45px;margin-bottom:10px}
#p47 ul li a b em{font-size:15px}
#p49 .cpo_cont{margin-top:15px}
#p49 .cpo_cont dl{padding:20px 15px}
#p49 .cpo_cont dl dt{font-size:16px}
#p49 .cpo_cont dl dt span{width:30px;height:30px;margin-bottom:10px;font-size:13px;line-height:1}
#p49 .cpo_cont dl dd{margin-top:10px}
#p55 .slo_cont{padding-top:40px}
#p55 .slo_cont .txt_box b{font-size:18px}
#p55 .slo_cont .vedio_box iframe{height:225px}
.sl_page .sl_cont{margin-top:35px}
.sl_page .sl_cont dt{height:230px;border-radius:10px}
.sl_page .sl_cont dd{padding:25px 15px 0}
.sl_page .sl_cont dd em{width:30px;height:30px;margin-bottom:10px;font-size:13px;line-height:1}
.sl_page .sl_cont dd b{font-size:16px}
.sl_page .sl_cont dd b{margin-bottom:10px}
}
@media (max-width:380px){
.pagecommon .top_box b{margin-bottom:25px;font-size:20px}
.pagecommon .video_top:before{height:86%}
.pagecommon .video_top .l_box p.pl{margin-top:30px}
.pagecommon .video_top .r_box iframe{height:175px}
.pagecommon .top_img{height:150px}
.pagecommon .cm_cont{margin-top:30px}
.pagecommon .cm_cont dl{gap:20px}
.pagecommon .cm_cont dl+dl{margin-top:30px}
.pagecommon .cm_cont dl dt{height:205px}
.pagecommon .cont_wrap{padding:30px 0 0}
#p33 .gr_top{padding:0 15px 40px}
#p33 .gr_top b{font-size:20px}
#p33 .gr_top .video_box iframe{height:190px}
#p33>p{padding:35px 15px 70px}
#p35 .icon_list ul{gap:15px 0}
#p35 .icon_list ul li{width:calc(100%/2)}
#p35 .icon_list ul li span{width:70px;height:70px}
#p35 .icon_list ul li span img{height:25px}
#p35 .bene_list li p span{width:35px;height:35px}
#p36 .faci_list{grid-template-columns:repeat(1,1fr);gap:30px}
#p41 .cont_wrap{padding:30px 0 0}
#p55 .slo_cont .txt_box b{font-size:16px}
#p55 .slo_cont .vedio_box iframe{height:185px}
.sl_page .sl_cont dt{height:195px}
}