body{overflow-x:hidden;}
.inner{max-width:89.3%;margin:0 auto;position:relative;}
.pc{display:none;}
:root {
    /* Colors: */
    --bg: #E9ECFC;
    --bg1: #BFA5A3;
    --bg2: #FFBF4F;
    --bg3: #6BBAA3;        
    --title: #03367B;
    --gray1: #787586;
    --gray2: #ACA9BB;
    --highlight: #FF3F8C;
    --highlight2: #284ADE;
    --basic: #000000;
    --white: #FFFFFF;
    --black : #000
    }
.wrapper .basicBtn{background-color:var(--highlight, #284ADE);color:var(--white, #fff);padding:2.2rem 4rem;border-radius:1rem;font-weight:700;font-size:2.8rem;}
/* header */
header{transition: all 0.2s ease-out; position:fixed;top:0;left:0;right:0;padding-top:3rem;z-index:999;padding-bottom:3rem;}
header .inner{display:flex;justify-content:space-between;align-items:center;}
header h1{width:26.8rem;}
header .hambegerBtn{position:relative;width:6.5rem;height:5rem;display:flex; flex-direction:column;justify-content:space-between;}
header .hambegerBtn .line{background:var(--white, #fff);border-radius:1rem;height:1rem;width:100%; }
.scrolled{background-color:var(--white, #fff);border-bottom:1px solid var(--gray2, #ACA9BB);}
.scrolled .navArea1 .menu1 a{color:var(--title, #03367B);}
.scrolled .hambegerBtn .line{background-color: var(--title, #03367B);}
.navArea2{position:absolute;width:100%;right:-100vw;top:0;width:100%;background-color:var(--white, #fff);height:100vh;transition: all 0.2s ease-out; }
.navArea2.on{right:0;}
.navArea2 .inner{display:block;width:89.3vw}
.navArea2 .navTop{border-bottom:1px solid var(--gray2, #ACA9BB)}
.navArea2 .navTop .inner{padding:3rem 0; display:flex;align-items:center;justify-content:space-between; }
.navArea2 h2{width:26.8rem}
.navArea2 .hambegerBtn .line{background:var(--title, #03367B);transition:all 0.5s ease-out; }
.navArea2 .menu1{padding-top:5rem;}
.navArea2 .subMenu{margin-bottom:5rem;}
.navArea2 .subMenu:last-of-type{margin-bottom:0}
.navArea2 .subMenu > a{font-size:5rem;font-weight:700;}
.navArea2 .ssMenu{padding:2rem 0;}
.navArea2 .ssMenu li{display:inline-block; position:relative;padding-right:2rem; }
.navArea2 .ssMenu li::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";display:inline-block;width:0.5rem;height:0.5rem;background-color:var(--black, #000);border-radius:50%;  }
.navArea2 .ssMenu li a{display:inline-block;padding:2rem;font-size:3rem;font-weight:500;}
.navArea2.on .hambegerBtn .line:nth-of-type(1){transform:rotate(45deg) translate(1.5rem,1.5rem);}
.navArea2.on .hambegerBtn .line:nth-of-type(2){opacity:0;}
.navArea2.on .hambegerBtn .line:nth-of-type(3){transform:rotate(-45deg) translate(1.3rem,-1.3rem);}
/* section title */
.secTitle{padding:15rem 0 10rem;}
.secTitle h3{color:var(--highlight);font-size:2.4rem;font-weight:700;font-family:'gmarketsans';margin-bottom:3.5rem;}
.secTitle h4{font-family:'gmarketsans';font-weight:700;font-size:4.2rem;line-height:6rem;color:var(--basic);margin-bottom:2rem;}
.secTitle .alone{margin-bottom:0;}
.secTitle .info{font-size:2.8rem;line-height:4rem;color:var(--basic);opacity: 0.6 !important;}
/* majorBox */
.majorBox .tabList{display:flex;margin-bottom:4rem;}
.majorBox .tab{font-family:'gmarketsans';font-size:3rem;font-weight:400;color:var(--gray2, #ACA9BB);padding-bottom:1rem;border-bottom:3px solid var(--gray2, #ACA9BB);width:33.3%;}
.majorBox .tab.on{font-weight:700;color:var(--gray1, #787586);border-color:var(--gray1, #787586); }
.majorBox .majorList{display:flex;flex-wrap:wrap; }
.majorBox .majorList li{overflow:hidden;display:flex;align-items:center;justify-content:center;width:33.3%;height:21.3rem;border:1px solid var(--gray2, #ACA9BB);}

/* footer */
footer{background-color:var(--black, #000);padding:3.7rem 0 6rem;}
footer h2{margin-bottom:5rem;}
footer h2 img{width:26.8rem;}
footer p{font-size:2.4rem;line-height:6rem;color:var(--white, #fff);}
@media all and (min-width:720px){
    html{font-size:35%}
}
@media all and (min-width:1280px){
    html{font-size:40%}
    .mo{display:none}
    .pc{display:inline-block}
    .inner{max-width:1200px;}
    /* header */
    header .inner{max-width:1800px;padding-left:10px;padding-right:10px;}
    header h1,
    .navArea2 h2{width:204px;}
    header .hambegerBtn{margin-left:30px;width:26px;height:20px;}
    header .hambegerBtn .line{height:4px;}
    .navArea1{display:flex;align-items:center;}
    .navArea1 .menu1{display:flex; }
    .navArea1 .menu1 li a{display:inline-block;color:var(--white, #fff);font-size:20px;padding:0 20px; }
    .navArea2 .inner{width:100%;max-width:1800px;}
    .navArea2 .navTop .inner{padding-left:10px;padding-right:10px;}
    .navArea2.on .hambegerBtn .line:nth-of-type(1){transform:rotate(45deg) translate(6px,4px)}
    .navArea2.on .hambegerBtn .line:nth-of-type(3){transform:rotate(-45deg) translate(7px,-5px);}
    /* section title */
    .secTitle h3{font-size:20px;margin-bottom:33px} 
    .secTitle h4{font-size:36px;line-height:60px;margin-bottom:20px;}
    .secTitle .info{font-size:24px;line-height:43px;margin-bottom:44px}
    /* marjor box */
    .sec4 .majorBox{display:flex;justify-content:space-between;align-items:flex-start;}
    .sec4 .majorBox .tabList{margin-bottom:0;flex-direction:column;}
    .sec4 .majorBox .tab{font-size:25px;padding:17px 0 42px 0;width:275px;border-bottom:0;border-top:3px solid var(--gray2, #ACA9BB);text-align:left;}
    .sec4 .majorBox .majorList{width:890px;}
    .sec4 .majorBox .majorList li{width:296px;height:296px}
    /* footer */
    footer{padding:30px 0 100px;text-align:center;}
    footer h2{margin-bottom:50px}
    footer h2 img{width:268px}
    footer p{font-size:16px;line-height:24px}
}
@media all and (min-width:1800px){
    header .inner{padding-left:0;padding-right:0;}
    .navArea2 .navTop .inner{padding-left:0;padding-right:0;}
}