@charset "utf-8";

/* 공통 */
.pagecommon{position:relative;padding:0 50px;font-size:15px;letter-spacing:-.3px;line-height:1.8;color: #666;font-weight:300;font-family:'Pretendard'}
.pagecommon *{word-break:keep-all}
.pagecommon .tit_area{padding-bottom:20px;color:#111;font-size:30px;text-align:left;font-weight:700}
.pagecommon .br{white-space:pre-line}
.pagecommon .big_txt{display:block;font-size:40px;font-weight:600;color:#111}
.pagecommon .img_box{display:block;width:100%;height:350px;margin:0 auto;background:no-repeat center;background-size:cover}

/* Welcome Message */
#p37 .top_txt{position:relative;padding:8px 35px 62px;border-bottom:1px solid #e1e1e1}
#p37 .top_txt:before{position:absolute;left:0;top:0;content:'';width:5px;height:5px;border-radius:100px;background:var(--primary)}
#p37 .top_txt b{margin-bottom:5px}
#p37 .top_txt p{font-size:18px;font-weight:500}
#p37 .wc_txt{padding:62px 50px}
#p37 .wc_txt .sign{margin-top:65px;text-align:right;line-height:1.5}
#p37 .wc_txt .sign span{display:block;font-size:25px;font-weight:500;color:#111}
#p37 .img_box{background-image:url('/sh_page/img/p37_img.jpg')}

/* Vision & Mission */
#p34 .gray_box{padding:58px 50px 64px;background-color:#f5f5f5}
#p34 .gray_box b{margin-bottom:25px;line-height:1}
#p34 .vm_cont{padding:80px 50px 0}
#p34 .line_tit{border-left:5px solid var(--primary);padding-left:15px;font-size:20px;font-weight:600;color:#111}
#p34 .vm_list{display:grid;grid-template-columns:repeat(2,1fr);gap:67px 50px;margin-top:60px}
#p34 .vm_list dl dt img{width:100%}
#p34 .vm_list dl dd p{padding:30px 20px 16px;border-bottom:1px solid #e1e1e1;font-size:18px;font-weight:600;color:#111}
#p34 .vm_list dl dd ul{padding:20px 20px 0}
#p34 .vm_list dl dd ul li{position:relative;padding-left:18px}
#p34 .vm_list dl dd ul li:before{position:absolute;left:0;top:13px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}

/* Leadership */
#p36{text-align:center}
#p36>img{max-width:100%}
#p36 .img_box{margin-top:80px;background-image:url('/sh_page/img/p36_img.jpg')}
#p36 .org_txt{margin-top:80px;padding:60px;border:1px solid #e1e1e1;text-align:left}
#p36 .org_txt b{display:block;margin-bottom:25px;font-size:25px;font-weight:600;color:#111}
#p36 .org_txt p span{display:block;margin-top:50px;font-size:16px;font-weight:500;text-align:right}
#p36 .org_txt p span b{font-size:23px}

/* Accreditations */
#p35 .t_txt{padding:0 50px}
#p35 .t_txt b{margin-bottom:10px}
#p35 .list_area ul{margin-top:60px}
#p35 .list_area ul li{display:flex;margin-bottom:20px;gap:100px;padding:70px;border:1px solid #e1e1e1;align-items: center}
#p35 .list_area ul li:last-child{margin-bottom:0}
#p35 .list_area ul li .img{flex-shrink:0;text-align:center;position:relative;width:20%}
#p35 .list_area ul li .img:after{position:absolute;content:'';width:1px;height:116%;right:-50px;top:50%;transform:translateY(-50%);background:#e1e1e1}
#p35 .list_area ul li .txt p{color:#222;font-weight:600;font-size:22px}
#p35 .bt_txt{margin-top:60px;padding:58px 50px 66px;background-color:#f5f5f5}
#p35 .bt_txt b{display:block;margin-bottom:16px;font-size:23px;font-weight:600;color:#111}

/* Admission Process */
#p40 .contact_list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#p40 .contact_list dl{padding:30px;font-weight:600;color:#111;background-color:#f5f5f5}
#p40 .contact_list dl dt{width:fit-content;padding:3px 15px;border-radius:50px;background-color:#fff}
#p40 .contact_list dl dd{margin-top:15px;padding-top:18px;border-top:1px solid #e1e1e1;font-size:20px;text-align:right}
#p40 .cont_box{margin-top:60px}
#p40 .process{display:flex;flex-wrap:wrap;margin:30px 0 0;font-family:'LotteMartDreamBold'}
#p40 .process li{position:relative;display:flex;flex-flow:column;align-items:center;width:calc(100% / 4);padding:30px 10px;text-align:center;font-weight:500}
#p40 .process li+li{border-left:1px dashed #e1e1e1}
#p40 .process li+li:before{display:block;content:"\f105";position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:35px;height:35px;border:1px solid #e1e1e1;border-radius:100%;text-align:center;line-height:31px;color:var(--primary);background:#fff;font-family:'fontawesome'}
#p40 .process li img{margin-bottom:30px}
#p40 .process li p{padding-top:10px;word-break:keep-all}
#p40 .process li span{color:#111}
#p40 .process li em{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:10px;border-radius:100%;font-size:15px;line-height:1;font-style:normal;color:#fff;background-color:var(--primary)}
#p40 .process li a{display:block;width:fit-content;margin-top:20px;padding:5px 20px;border-radius:50px;border:1px solid var(--primary);color:var(--primary)}
#p40 .process li a i{margin-left:10px}
#p40 .num_txt{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
#p40 .num_txt li{display:flex;gap:15px;padding:10px;border:1px solid #e1e1e1;border-radius:5px;font-weight:600}
#p40 .num_txt li span{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;font-size:15px;line-height:1;font-style:normal;color:#fff;background-color:#333}
#p40 .num_txt li p{padding-top:5px;color:#333}

/* Learning 공통 */
.edu_page .edu_cont{position:relative;width:calc(100% - 180px);padding:70px 50px;border:1px solid #e1e1e1;background-color:#fff}
.edu_page .edu_cont .dot_tit{position:relative;padding-left:15px;font-size:20px;font-weight:600;color:#111}
.edu_page .edu_cont .dot_tit:before{position:absolute;left:0;top:0;content:'';width:4px;height:4px;border-radius:100px;background:var(--primary)}
.edu_page .edu_cont .edu_txt{margin-top:40px;padding-top:40px;border-top:1px solid #e1e1e1}
.edu_page .img_box{margin-top:-70px}

/* Educational Journey */
#p84 .edu_journey dl{position:relative;padding:45px}
#p84 .edu_journey dl:before{position:absolute;left:47px;top:0;content:'';width:1px;height:100%;background:#e1e1e1}
#p84 .edu_journey dl:first-child:before{top:auto;bottom:0;height:calc(100% - 65px)}
#p84 .edu_journey dl:last-child:before{height:65px}
#p84 .edu_journey dl:nth-child(odd){background-color:#f5f5f5}
#p84 .edu_journey dl dt{position:relative;padding-left:25px;font-size:18px;font-weight:500}
#p84 .edu_journey dl dt:before{position:absolute;left:0;top:19px;content:'';width:5px;height:5px;border-radius:100px;background:var(--primary)}
#p84 .edu_journey dl dt b{display:block;font-size:23px;font-weight:600;color:#111}
#p84 .edu_journey dl dd{margin:35px 0 0 25px;padding-top:35px;border-top:1px solid #e1e1e1}
#p84 .edu_journey dl p{margin-top:25px;padding:25px;background-color:#fff}
#p84 .edu_journey dl:nth-child(2n) p{background-color:#f5f5f5}
#p84 .edu_journey dl p span{display:block;margin-bottom:15px;font-weight:600;color:#444}

/* Kinder */
#p45 .img_box{background-image:url('/sh_page/img/p45_img.jpg')}

/* Elementary */
#p46 .img_box{background-image:url('/sh_page/img/p46_img.jpg')}

/* Junior High */
#p47 .img_box{background-image:url('/sh_page/img/p47_img.jpg')}

/* Senior High */
#p48 .img_box{background-image:url('/sh_page/img/p48_img.jpg')}

/* Beyond the Classroom 공통 */
.class_page .class_cont{margin:-80px 0 0 80px;padding:73px 60px 77px;border:1px solid #e1e1e1;background-color:#fff}
.class_page .class_cont b{display:block;margin-bottom:42px;padding-bottom:37px;border-bottom:1px solid #e1e1e1;font-size:20px;line-height:1.5;font-weight:600;color:#111}

/* Performing Arts */
#p52 .img_box{background-image:url('/sh_page/img/p52_img.jpg')}

/* Sport and Fitness */
#p53 .img_box{background-image:url('/sh_page/img/p53_img.jpg')}
#p53 .sports_list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 20px;margin:50px 0 0 80px}
#p53 .sports_list li img{width:100%}
#p53 .sports_list li p{position:relative;margin-top:15px;padding-left:18px;font-size:18px;font-weight:600;color:#111}
#p53 .sports_list li p:before{position:absolute;left:0;top:16px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}

/* College Admissions */
#p54 .img_box{background-image:url('/sh_page/img/p54_img.jpg')}


@media (max-width:1230px){
.pagecommon{padding:0 30px}
}
@media (max-width:1230px){
.pagecommon .big_txt{font-size:35px}
.edu_page .edu_cont{width:calc(100% - 100px)}
}
@media (max-width:1024px){
.pagecommon .tit_area{font-size:25px}
.pagecommon .big_txt{font-size:30px}
.pagecommon .img_box{height:290px}
#p37 .top_txt{padding-bottom:40px}
#p37 .top_txt p{font-size:16px;line-height:1.6}
#p37 .wc_txt{padding:40px 30px}
#p34 .gray_box{padding:45px 40px}
#p34 .vm_cont{padding:60px 40px 0}
#p34 .line_tit{font-size:18px}
#p34 .vm_list{gap:60px 20px;margin-top:50px}
#p34 .vm_list dl dd p{padding:20px 15px 15px;font-size:16px}
#p34 .vm_list dl dd ul{padding:15px 15px 0}
#p36 .org_txt{padding:45px}
#p36 .org_txt b{font-size:23px}
#p36 .org_txt p span{margin-top:40px}
#p36 .org_txt p span b{font-size:20px}
#p35 .t_txt{padding:0}
#p35 .list_area ul li{gap:80px;padding:40px}
#p35 .list_area ul li .img:after{right:-40px}
#p35 .list_area ul li .img img{max-width:100%}
#p35 .list_area ul li .txt{white-space:normal}
#p35 .list_area ul li .txt p{margin-bottom:10px;font-size:18px;line-height:1.6}
#p40 .cont_box{margin-top:50px}
#p40 .contact_list dl{padding:20px}
#p40 .contact_list dl dd{font-size:18px}
#p40 .process li+li:before{right:-16px;width:30px;height:30px;line-height:27px}
#p84 .edu_journey dl dt{font-size:16px}
#p84 .edu_journey dl dt b{font-size:20px}
.edu_page .edu_cont{width:calc(100% - 50px);padding:50px 40px}
.class_page .class_cont{margin:-80px 0 0 50px;padding:50px 40px}
.class_page .class_cont b.br{white-space:normal}
#p53 .sports_list{margin-left:50px}
#p53 .sports_list li p{font-size:16px}
#p53 .sports_list li p:before{top:12px}
}
@media (max-width:768px){
.pagecommon{padding:0 15px;font-size:14px;line-height:1.6}
.pagecommon .tit_area{font-size:20px}
.pagecommon .big_txt{font-size:25px}
.pagecommon .img_box{height:195px}
#p37 .top_txt{padding:5px 25px 35px}
#p37 .top_txt p{font-size:15px}
#p37 .wc_txt{padding:35px 25px}
#p37 .wc_txt .sign{margin-top:45px}
#p37 .wc_txt .sign span{font-size:18px}
#p34 .gray_box{padding:35px 30px}
#p34 .vm_cont{padding:50px 20px 0}
#p34 .line_tit{font-size:16px}
#p34 .vm_list{grid-template-columns:repeat(1,1fr)}
#p36 .org_txt{margin-top:60px;padding:35px 30px}
#p36 .org_txt b{font-size:18px}
#p36 .org_txt p span b{font-size:18px}
#p35 .list_area ul li{flex-flow:column;gap:30px}
#p35 .list_area ul li .img{width:100%;padding-bottom:30px;border-bottom:1px solid #e1e1e1}
#p35 .list_area ul li .img:after{display:none}
#p40 .contact_list{grid-template-columns:repeat(1,1fr);gap:15px}
#p40 .process{margin-top:15px}
#p40 .process li{width:calc(100%/2)}
#p40 .process li:nth-child(3){border-left:none}
#p40 .process li:nth-child(n + 3){border-top:1px dashed #e1e1e1}
#p40 .process li:nth-child(3):before{display:none}
#p40 .num_txt{grid-template-columns:repeat(1,1fr);gap:15px}
#p40 .num_txt li span{width:30px;height:30px;font-size:13px}
#p40 .num_txt li p{padding-top:3px}
#p84 .edu_journey dl{padding:30px 25px}
#p84 .edu_journey dl:before{left:27px}
#p84 .edu_journey dl:first-child:before{height:calc(100% - 45px)}
#p84 .edu_journey dl:last-child:before{height:45px}
#p84 .edu_journey dl dt{font-size:15px}
#p84 .edu_journey dl dt:before{top:13px}
#p84 .edu_journey dl dt b{font-size:18px}
#p84 .edu_journey dl dd{margin-top:20px;padding-top:20px}
.edu_page .edu_cont{width:100%;padding:40px 30px}
.edu_page .edu_cont .dot_tit{font-size:18px}
.edu_page .edu_cont .edu_txt{margin-top:30px;padding-top:30px}
.edu_page .img_box{margin-top:0}
.class_page .class_cont{margin:0;padding:40px 30px}
.class_page .class_cont b{margin-bottom:30px;padding-bottom:30px;font-size:18px}
#p53 .sports_list{grid-template-columns:repeat(2,1fr);gap:30px 15px;margin:45px 0 0}
}
@media (max-width:480px){
.pagecommon .tit_area{font-size:18px;text-align:center}
.pagecommon .big_txt{font-size:23px}
.pagecommon .img_box{height:150px}
#p37 .top_txt{padding:5px 20px 30px}
#p37 .wc_txt{padding:30px 20px}
#p37 .wc_txt .sign{margin-top:35px}
#p37 .wc_txt .sign span{font-size:16px}
#p34 .gray_box{padding:30px 25px}
#p34 .vm_cont{padding:45px 0 0}
#p34 .vm_list{gap:40px;margin-top:35px}
#p34 .vm_list dl dd p{padding:20px 10px 15px}
#p34 .vm_list dl dd ul{padding:15px 10px 0}
#p34 .vm_list dl dd ul li{padding-left:15px}
#p34 .vm_list dl dd ul li:before{top:11px}
#p36 .org_txt{margin-top:50px;padding:30px 25px}
#p36 .org_txt b{font-size:16px}
#p36 .org_txt p span{font-size:14px}
#p36 .org_txt p span b{font-size:16px}
#p35 .list_area ul{margin-top:45px}
#p35 .list_area ul li{padding:30px 20px}
#p35 .list_area ul li .txt p{font-size:16px}
#p40 .contact_list{gap:10px}
#p40 .contact_list dl{padding:15px}
#p40 .contact_list dl dd{margin-top:10px;padding-top:15px;font-size:16px}
#p40 .process{margin-top:10px}
#p40 .process li{padding:20px 10px}
#p40 .process li em{width:30px;height:30px;font-size:13px}
#p40 .process li a{padding:3px 15px}
#p40 .process li a i{margin-left:5px}
#p40 .num_txt li{gap:10px}
#p84 .edu_journey dl dt{font-size:14px}
#p84 .edu_journey dl dt:before{top:11px}
#p84 .edu_journey dl dt b{font-size:16px}
#p84 .edu_journey dl dd{margin-top:15px;padding-top:15px}
.edu_page .edu_cont{padding:30px 25px}
.edu_page .edu_cont .dot_tit{font-size:16px}
.edu_page .edu_cont .edu_txt{margin-top:25px;padding-top:25px}
.class_page .class_cont{padding:35px 25px}
.class_page .class_cont b{font-size:16px}
#p53 .sports_list{gap:25px 15px}
#p53 .sports_list li p{margin-top:10px;font-size:15px}
}
@media (max-width:380px){
#p40 .process li{width:100%}
#p40 .process li+li{border-left:none;border-top:1px dashed #e1e1e1}
#p40 .process li+li:before{display:block !important;left:50%;right:auto;transform:translateX(-50%) rotate(90deg);top:-16px;z-index:1}
}