﻿:root{
    --mainColorText:#e04d0b;
    --mainBG:#ffa46e;
    --mainDarkBG:#e5682f;
    --point:#ffc46a;
    --mainLightBg:#df8ebf;
    --maincolorBg:#c65a9a;
    --mainBtnBG:#b74c8c;
    --pointBG:#ffecf5;
    --pointLightBG:#ffa46e2b;
    --linearBG:linear-gradient(145deg, #ff7c2c 0%, #ffa46c 20%);
    --linearBG_2:linear-gradient(-90deg, #ffb98faa, #ffeaea, #e9a0ccaa);
    --linearBG_3:linear-gradient(-90deg, #ffb98f, #f4adadaa, #e9a0cc);
    --linearLiightBG_2:linear-gradient(-90deg, #ffb98f5a, #ffeaea5a 90%, #e9a0cc5a);
    --white:#ffffff;
    --mustard-yellow:#ebdf0f;
    --dark-yellow:#d4c416;   
    --dark-yellow_text:#afa000;  
    --light-orange:#cda291;    
    --dark-orange:#b17d67;  
    --dark-orange_text:#9d6f5b;  
    --gray:#dcdcd0;  
    --red:#e6201d;
    --dark-red:#b3261e;
    --blue:#116E97;
    --black:#201513;
    --font-family:"Microsoft YaHei";
    --linear1:linear-gradient(145deg,#ededee 80%,#cccccc 100%);
}
.red{color:var(--red);}
.bgcolor-mustard-yellow{background-color:var(--mustard-yellow);}
.bgcolor-dark-orange{background:var(--linearBG)}
.bgcolor_linearBG{background: var(--linearBG_3);}
section header h1,.clarify h3{font-size:3rem;letter-spacing:-.1rem;padding:0 0 1rem;}
.wrap_all{word-break:keep-all;overflow-wrap:anywhere;white-space:normal;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%;}
.px-1{padding:0 .25rem;}
/*高點知識達雲端課程*/
.people{width:30%;}
.master_title{width:fit-content;padding:0 0 0 2%;text-align:center; }
.product{font-size:3.25rem;line-height:4.5rem;margin:.8rem auto;}
.product span{padding:0 2rem .1rem; color:var(--white);background:var(--mainBtnBG);border-radius:50rem;}
.product small{font-size:2.55rem;padding:.25rem;}
.master_title h1{font-size:6.6rem;line-height:6.8rem;letter-spacing:-.5rem;color:var(--mainColorText);}
.master_title p{font-size:2.5rem;text-align:center;line-height:5rem;}
.master_title p strong{font-size:larger;}
.master_title strong{color:var(--mainColorText);}
.news_item{font-size:1.75rem;padding:.6rem;text-align:left;color:var(--dark-red);font-weight:bold;word-break:keep-all;overflow-wrap:anywhere;}
.news_item a{color:var(--dark-orange);display:block;padding:0 0 0 10.5rem;}
.people{transform:skewX(-10deg);padding:1rem 0;}
.people li{padding:1rem 2rem 1rem 0;font-size:1.3rem;text-align:right;transform:rotate(-5deg);}
.people li:nth-of-type(1){color:var(--maincolorBg);padding:.25rem 3rem 0 0;font-size:1.8rem;}
.people li:nth-of-type(2){background-color:var(--mainLightBg);margin-right:.8rem;}
.people li:nth-of-type(3){background-color:var(--mainBG);margin-right:.4rem;}
.people li:nth-of-type(4){background-color:var(--maincolorBg);}
.people li strong{font-size:1.8rem;}
/*商科公職4大優勢*/
.strength{background:var(--linearBG_2);padding: .35rem;margin: .5rem auto 1rem;}
.strength h2{font-size:1.5rem;margin:auto 1rem auto auto;}
.strength h2 strong{color:var(--dark-red);letter-spacing:1px;padding:0 1px 0 2px;}
.merit_tab{padding:.25rem .5rem;margin:auto auto auto 0;}
.merit_tab a{text-align:center;font-size:1.25rem;padding:.25rem 1.5rem;}
.merit_tab a.active{box-shadow:rgba(50, 50, 93, .25) 0px 2px 5px -1px, rgba(0, 0, 0, .3) 0px 1px 3px -1px;background-color:var(--white);border-radius:.5rem;color:var(--dark-red);}
.merit_box{padding:1rem 1rem 1.5rem;font-size:1.125rem;}
.merit_box h3{font-size:1.5rem;font-weight:bold;}
.merit_box h3 i{width:2.5rem;height:2.5rem;display:inline-flex;justify-content:center;align-items:center;background-color:var(--maincolorBg);color:var(--white);margin:auto .5rem;border-radius:.5rem;}
.merit_box table{margin: 0 0 0 .5rem;}
.merit_box table th::after{content:'\f0da';font-family:"Font Awesome 5 Free";font-weight:bold;margin:auto .5rem;}
.merit_box table td{padding:.25rem 0;}
.merit_box table tr:first-of-type td{color:var(--mainColorText);border-bottom: 1px dotted;}
.merit_box table tr:nth-child(2) td{padding:.5rem 0 .25rem;}
.merit_box table td a{background-color:var(--mainDarkBG);color:var(--white);border-radius:.25rem;margin:.125rem .25rem;padding:.125rem .5rem;display:inline-block;}
.merit_box p{padding:.5rem;}
.merit_box .rate li{background: var(--pointLightBG);border-radius: .25rem;padding: .25rem 1rem;margin: .25rem .5rem .5rem .5rem;}
.merit_box .rate li strong{color:var(--mainColorText);}
/*錄取率逐年上升*/
.stat{padding:1rem 0;}
.stat h4{padding: 0 0 0 .5rem;}
.stat dl{width:calc(100%/4 - 1rem);margin:.5rem auto;border:1px solid #ffe5db;padding:.5rem 1rem;border-radius:.5rem;}
.stat dl dt{position:relative;}
.stat dl dt::after{content:'\e098';font-family:"Font Awesome 5 Free";font-weight:bold;right:0;position:absolute;color:#20af5a;}
.stat ul{padding:.5rem 1rem;}
.current a{font-size:1rem;}
.lastyear{background:var(--pointLightBG);border-radius:.5rem;}
.lastyear .up{font-size:1.35rem;color:var(--mainColorText);font-weight:bold;}
.stat ul li{font-size:1rem;}
.stat ul li:nth-of-type(2){font-weight:bold;font-size:1.2rem;}
.source{border-radius: .5rem;border-left: 3px solid var(--mainLightBg);padding: .25rem .7rem;display: block;margin:.5rem 0 0 .5rem;}
.merit_box .mark{background:var(--pointLightBG);color:var(--mainColorText);border-radius:.25rem;padding:0 .5rem;}
/*高點知識達三大勝試關鍵 */
.vs{width:95%;margin:auto 0 auto auto;padding:2rem 10% 1rem 7rem;background:var(--linearBG);border-radius:2rem 0 0 2rem;}
/* .comparison{} */
.comparison h1 strong{padding:0 1rem;}
.vs_brand{font-size:2rem;justify-content:center;align-items:flex-start;padding:2rem 0 0;}
.vs_brand b{font-size:3rem;}
.vs_brand .ibrain{background-color:var(--dark-yellow);transform:skewX(-20deg);padding:0 1rem 0 3rem;position:relative;margin:0 0 auto auto;display:flex;align-items:center;}
.vs_brand .ibrain b{padding:0 0 0 3rem;}
.vs_brand .ibrain::after{content:'';background:linear-gradient(to right,transparent 95%,#cccccc 95%);box-shadow:12px 10px 15px rgba(0,0,0,.5);position:absolute;right:0;top:-15px;display:block;width:5px;height:145px;z-index:-1;}
.vs_brand .others{background-color:var(--gray);transform:skewX(-20deg);padding:0 3rem 0 1rem;margin:50px auto 0 -17px;display:flex;align-items:center;}
.vs_brand .others b{padding:0 3rem 0 0;}
.vs_list ul{width:fit-content;}
.vs_list ul li{list-style-type:decimal;display:list-item;font-size:1.1rem;padding:.25rem 0;}
.vs_item{padding:.5rem 0 0;position:relative;left:-1px;overflow:hidden;}
.vs_item a{font-size:1.25rem;background-color:var(--pointBG);border-radius:7px 7px 0 0;text-decoration:none;padding:.5rem 3rem;margin:0 .05rem;border-right:1px solid var(--light-orange);}
.vs_item a.active{background-color:var(--white);}
.vs_content{background:var(--white);margin:auto 0;border-radius:0 1rem 1rem;}
.ibrain{font-size:1.5rem;width:fit-content;margin:auto 3rem auto 0;position:relative;color:var(--mainBtnBG);font-weight:bold;}
.others{font-size:1.35rem;color:var(--mainBtnBG);width:fit-content;margin:auto 5.8rem auto 1.25rem;}
.win{font-size:2rem;color:var(--red);margin:auto 2rem auto auto;font-weight:lighter;line-height:4rem;text-align:right;font-family:Verdana,"Microsoft JhengHei";transform:skewX(-10deg);}
.win i{font-size:1.55rem;position:relative;bottom:3px;padding:0 .25rem;}
.vs_detail{padding:1.25rem 1.25rem 1.25rem 2.5rem;}
.vs_detail:first-of-type{border-bottom:2px dotted var(--light-orange);}
.waveTextAnimated span{display:inline-block;-webkit-animation:wave-text 1.5s ease-in-out infinite;animation:wave-text 1.5s ease-in-out infinite;letter-spacing:.2rem;}
.waveTextAnimated span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s;}
.waveTextAnimated span:nth-of-type(2){-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.waveTextAnimated span:nth-of-type(3){-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.waveTextAnimated span:nth-of-type(4){-webkit-animation-delay:0.3s;animation-delay:0.3s;}
@-webkit-keyframes wave-text{
  0%{transform:translateY(0em);opacity:.3;}
  60%{transform:translateY(-0.2em);opacity:1;}
  65%{transform:translateY(-0.2em);opacity:1;}
  100%{transform:translateY(0em);opacity:.3;}
}
@keyframes wave-text{
  0%{transform:translateY(0em);opacity:.3;}
  60%{transform:translateY(-0.2em);opacity:1;}
  65%{transform:translateY(-0.2em);opacity:1;}
  100%{transform:translateY(0em);opacity:.3;}
}
/*商科公職亮眼佳績*/
.sec_wrap{border-radius:0 2rem 2rem 0;padding:1.5rem 0;z-index:2;position:relative;}
.sec_wrap h1 strong{padding:0 1rem;color:var(--mainColorText);}
.exp_item{width:calc(96%/4);}
.exp_item figure{background:linear-gradient(45deg,#dd4224,#ff6859);width:10rem;height:10rem;border-radius:50%;margin:auto;position:relative;}
.exp_item figure img{border-radius:50rem;border: 5px solid var(--pointBG);filter: drop-shadow(2px 3px 2px #0000003a);}
.exp_item figure span{position:absolute;right:-3.5rem;bottom:-2.5rem;font-size:2rem;color:var(--dark-red);width:6rem;height:6rem;line-height:2.25rem;border:1px solid;border-radius:50rem;display:flex;align-items:center;text-align:center;padding:0 5px;filter:none;}
.exp_item ul{text-align:center;}
.exp_item ul li{font-weight:bold;font-size:1.35rem;}
.exp_item ul li:nth-of-type(2),.exp_item ul li.grade{text-align:left;text-indent:-2.35rem;padding-left:4rem;}
.exp_item ul li:last-of-type{font-size:initial;font-weight:initial;font-size:1.1rem;font-weight:bold;color:var(--dark-orange_text);font-family:var(--font-family);}
.exp_item ul li small{display:block;font-weight:initial;font-size:initial;}
.exp_item:nth-of-type(n+1):nth-of-type(-n+4) figure span {left: -3.5rem;right: initial;top: -3rem;bottom: initial;font-size: 2.5rem;width: 7rem;height: 7rem;line-height: 2.6rem;position: absolute;color: var(--dark-red);}
.rank{border-radius: 1rem;color: var(--white);background: var(--dark-red);font-size: smaller;vertical-align: baseline;font-weight: bold;padding: .08rem .6rem .1rem;margin: .125rem;}
.grade_cont{margin:auto;justify-content:center;align-items:center;}
.grade_item{width:100%;padding:2rem 0 .5rem;}
.grade_item a{font-size:1.25rem;background:var(--pointBG);text-align:center;width:calc(100%/4);padding:.25rem 0;border-right:2px solid var(--white);}
.grade_item a:first-of-type{border-radius:1rem 0 0 0;}
.grade_item a:last-of-type{border-right:0;border-radius:0 1rem 0 0;}
.grade_item a.active{background:var(--mainLightBg);text-decoration:none;}
.grade_annual{width:98%;padding:1rem .15rem;margin:auto;border-bottom:2px dotted #cececeaa;}
.grade_annual:last-of-type{border-bottom:0;}
.annual_title{color:var(--white);text-align:center;background-color:var(--mainDarkBG);border-radius:50rem;position:relative;width:75px;height:75px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:auto .8rem auto .8rem;padding:15px 0 20px;line-height:0;}
.three_lines{padding:8px 0 13px;}
.annual_title::before{content:'';border:1px solid #cda29166;width:85px;height:85px;border-radius:4.25rem;display:flex;position:absolute;left:-5px;top:-5px;}
.grade_detail dt{font-weight:bold;font-size:1.2rem;}
.grade_detail dd{font-size:1.05rem;}
.grade_detail dd span{color:var(--red);padding:0 2px 0 0;}
.grade_detail dd span.px-1{padding:0 2px;}
/*高點助你圓夢*/
.third_wrap{padding:1rem 0;}
.third_wrap h1{padding-bottom:1rem;}
.open_cont{width:calc(100%/2);margin:0;}
.open_cont:nth-child(2){margin:2.2rem 0 0;}
.open_item{padding:1rem}
.open_item h1 strong{color:var(--mainColorText);padding:0 1rem;}
.open_item dt{font-size:1.3rem;font-weight:bold;word-break:keep-all;}
.open_item dt strong{color:var(--dark-red);}
.open_item dt small{font-weight:initial;font-size:initial;padding:0 .25rem;}
.open_item dt span{font-size:1.25rem;display:block;background:var(--pointBG);padding:.25rem .25rem .25rem .3rem;line-height:1.3;margin:.25rem 0;}
.open_item dd{font-size: 1.05rem;padding:0 0 0 .25rem ;}
.open_item dd strong{font-size:1.05rem;}
.more_btn{text-align:center;width:100%;padding:.5rem 0 0;background:transparent;}
.more_btn a{font-size:1.2rem;display:inline-block;background:var(--mainBtnBG);color:var(--white);text-decoration:none;border-radius:2rem;padding:.25rem 1rem;margin:1rem auto 1.5rem;}
.open_more{display:inline-block;}
.open_more::after{content:'>';padding:0 0 0 1px;display:inline-flex;position:relative;}
.decimal{padding:0 0 0 1rem;}
.decimal li{display:list-item;list-style-type:decimal;}
/*你的問題，我們都懂*/
.clarify{border-left:3rem solid var(--mainDarkBG);width:95%;margin:auto auto auto 0;background:var(--linear1);border-radius:0 2rem 0 0;padding:2rem 1.25rem 1rem;}
.clarify h3{padding-bottom:1rem;}
.clarify h3 strong{color:var(--mainColorText);padding:0 1rem;}
.clarify .item{margin:1rem auto;display:inline-block;width:100%;}
.question{font-size:1.25rem;text-indent:-2.75rem;margin:auto auto auto 2.75rem;}
.answer{font-size:1.1rem;}
.question .short{cursor:pointer;padding:.25rem 0;color:var(--mainBtnBG);font-weight:bold;text-decoration:underline;text-indent:initial;}
.question .short::after{content:'›';font-family:"Font Awesome 5 Free";font-weight:bold;display:inline-block;transform:rotate(90deg);margin:auto auto auto .5rem;transition:.25s;}
.question.active .short::after{transform:rotate(-90deg);transition:.25s;}
.question::before{content:'Q';background:var(--maincolorBg);color:var(--white);padding:0 .5rem .25rem;border-radius:.25rem;font-weight:bold;margin:auto .5rem auto auto;}
.answer{background-color:rgb(255 255 255 / 25%);margin:.5rem auto;padding:1rem 2rem;width:100%;border-radius:.5rem;}
.answer .key{border: 1px solid var(--mainDarkBG);background: var(--pointLightBG);color: var(--mainColorText);padding: .25rem 1rem;border-radius: .25rem;margin: .8rem auto;display: inline-block;}
.answer .key::before{content:'\f30b';font-family:"Font Awesome 5 Free";font-weight:bold;margin:auto .5rem auto auto;}
.answer dl dd::before{content:'\f058';font-family:"Font Awesome 5 Free";font-weight:bold;color:var(--mainLightBg);margin:auto .5rem auto auto;}
.answer dl{margin:auto auto .5rem;}
.answer dl dt{padding: .5rem 0 0;}
.answer dl dt strong{color:var(--dark-red);}
/*115新版114單科*/
.sixth_wrap{padding: 0 0 1rem;}
.sixth_wrap h1 strong{color:var(--mainColorText);}
.sixth_wrap h1 span{font-size:2rem;}
.campaign{width:1200px;justify-content: center;align-items: start;margin: auto;}
.limit_cont{width:calc(100% / 2);padding:2.5rem 0 1rem 1.5rem;margin:0;}
.version{width: 20%;text-align: center;font-size: 2.25rem;padding: .35rem 0 .55rem;line-height: 2.6rem;height: fit-content;color: var(--white);border-radius: .5rem 0 0 .5rem;}
.version .year{padding:0 .5rem;display:block;background-color:var(--mainColorText);color:var(--white);border-radius:.5rem;margin:0 .5rem .5rem 0;}
.limit_cont:nth-child(1) .version{background: var(--mainDarkBG);}
.limit_cont:nth-child(2) .version{background: var(--mainBtnBG);}
.limit_cont:nth-child(1) .price{border:3px solid var(--mainDarkBG);}
.limit_cont:nth-child(2) .price{border:3px solid var(--mainBtnBG);}
.limit_cont:nth-child(1) .price li:first-child {border-bottom: 1px dotted var(--mainDarkBG);}
.limit_cont:nth-child(2) .price li:first-child {border-bottom: 1px dotted var(--mainBtnBG);}
.limit_cont:nth-child(1) .price dl dt{color: var(--mainDarkBG);}
.limit_cont:nth-child(2) .price dl dt{color: var(--mainBtnBG);}
.price{width:78%;padding:1rem 0;border-radius: 0 .5rem .5rem;}
.price dl{padding:0 1rem;}
.price li{font-size:1.5rem;padding: 0 0 0 1rem;}
.price li:first-child {padding: 0 0 .5rem 1rem;margin: 0 0 .65rem;}
.price li span{color:var(--dark-red);font-size:1.75rem;font-weight:bold;padding:0 .125rem;}
.price dl dt {font-size: larger;text-indent: -1.25rem;font-weight: bold;}
.trial{width:800px;margin:auto;}
.trial dl{width:calc(100%/2);padding:1rem;font-size:1.45rem;}
.trial dl dt{color:var(--dark-red);}
.trial dl dd a{margin:auto .5rem auto 0;}
aside.community{background:none;padding: 1rem 0 1.5rem;}
aside.community dt a{color: #333333;line-height: 2.8rem;}
aside.community dd {color: #333333;}
#Ask{background-color:var(--mainBtnBG) !important;}
@media screen and (max-width:1680px){
    .price li{width:100%;}
    .price dl{display:inline-flex;flex-wrap:wrap;}
    .price dl dt{width:100%;}
    .price dl dd:last-of-type::before{content:'、';}
    /* .campaign{margin:auto;} */
}
@media screen and (max-width:1535px){
    /* .campaign{width:92%;} */
    /* .limit_cont:last-of-type{width:calc(100%/2 - 10%);} */
    .price dl dd{width:100%;}
    .price dl dd:last-of-type::before{content:'';}
}
@media screen and (max-width:1179px){
    .stat dl{width:calc(100% / 2 - 1rem);}
}
@media screen and (min-width:768px){	
    .annual_title .md\:w-full{width:100%;}
    .grade_detail dd .md\:block{display:block;}
}
@media screen and (min-width:1201px){	
    .people{position:relative;left:-1rem;}
    [id*="event"] header,.experience_cont,.open_wrap,.prepare_cont,.container{width:1100px;margin:auto;}
    .exp_item:nth-of-type(n+1):nth-of-type(-n+4){margin:3rem auto 1rem;}
    .exp_item:nth-of-type(n+1):nth-of-type(-n+4) figure span{left:-5rem;right:initial;top:-3rem;bottom:initial;font-size:2.5rem;width:7rem;height:7rem;line-height:2.5rem;}
    .product{width:fit-content;}
}
@media screen and (max-width:1200px){
    .people{width:35%;}
    .master_title{width:60%;padding:0;}
    .master_title{line-height:4rem;}
    .master_title h1{font-size:6.6rem;line-height:7rem;}
    .product{font-size:3rem;line-height:3.25rem;}
    .product small{font-size:2.25rem;line-height:0;}
    .product span{text-align:center;padding:.5rem 0 .6rem;display:block;}
    .master_title p{line-height:3.5rem;}
    .strength {padding: 1rem;}    
    .strength h2 , .merit_tab{margin: auto;}
    .experience_cont {padding: 0 2.5rem 0 0;}
    .exp_item{width:calc(100%/2);margin:1rem auto;}
    .exp_item:last-of-type{margin:2rem auto auto;}
    .exp_item ul li:nth-of-type(2),.exp_item ul li.grade{padding-left:30%;text-indent:-2.15rem;}  
    .exp_item:nth-of-type(n+1):nth-of-type(-n+4) figure span {left: unset;top: unset;position: absolute;right: -3.5rem;bottom: -2.5rem;font-size: 2rem;color: var(--dark-red);width: 6rem;height: 6rem;line-height: 2.25rem;border: 1px solid;border-radius: 50rem;display: flex;align-items: center;text-align: center;padding: 0 5px;filter: none;}
    .open_item{padding:.5rem 1rem;}
    .open_item dt{word-break:normal;}
    .sec_wrap,.third_wrap ,.sixth_wrap{width: 92%;margin: auto;} 
    .sec_wrap{padding:1rem 0;}
    .grade_item a{font-size:1rem;}
    .grade_item a:first-of-type{border-radius:.5rem 0 0 0;}
    .grade_item a:last-of-type{border-radius:0 .5rem 0 0;}
    .grade_annual{padding:.5rem .15rem;}
    .grade_annual dd{padding: .25rem;}
    .annual_stu{width:85%;}
    .fifth_wrap{padding:1rem;}
    .campaign {width: 100%;flex-wrap: wrap;}
    .limit_cont {flex-direction: column;padding: 2.5rem .5rem 1rem;}
    .version{width: 50%;font-size: 2.45rem;display: unset;padding:.25rem .65rem;border-radius: .5rem .5rem 0 0;}
    .version br {display: none;}
    .price {width: 100%;margin: auto;}
    .price li , .price li:first-child{padding: 0 0 0 .5rem;}
    .more_btn a{font-size:1.25rem;}    
    .trial{width:95%;}
    .trial dl{font-size:1.25rem;padding: .5rem;}      
    .open_cont{width:100%;}
    .open_cont:nth-child(2){margin:auto;}
    .vs_content{width:100%;}
    .vs_list{padding:0 .5rem;}
    .vs{padding:1rem 2rem;}
    .comparison{width:100%;padding:1rem 0;}
    .others{width:100%;margin:auto;padding:0;}
    .win{font-size:2rem;line-height:3rem;display:inline;padding:0 0 0 1.5rem;}
    .win i{font-size:1.5rem;}
    .news_item{line-height:2.5rem;text-align:center;padding:1rem .5rem;}      
}
@media screen and (min-width:768px) and (max-width:1199px){
    section header h1 .sm\:block,.vs_item a .sm\:block{display:initial;}
    section header h1{padding:0 1.25rem 1rem;}
    .master_title h1{padding-bottom:.5rem;}
    .people li strong{display:block;}
    .people{position:relative;left:-1.5rem;}
    .people li:nth-of-type(2){margin-right:1.1rem;}
    .people li:nth-of-type(3){margin-right:.55rem;}    
}
@media screen and (max-width:1023px){
    .news_item a{padding:0 0 0 10rem;} 
    .sixth_wrap h1 .sm\:block{display:block;}
    /* .limit_cont,.limit_cont:last-of-type{width:100%;} */
    .vs_item a{padding:.5rem 1rem;}
}
@media screen and (max-width:767px) and (orientation:portrait){      
    section header h1,.clarify h3{font-size:2rem;line-height:3rem;text-align:center;} 
    section header h1 strong,.clarify h3 strong{font-size:2.05rem;} 
    .master_title{order:1;width:100%;padding:0;font-size:2rem;line-height:3rem;}
    .product{font-size:2rem;line-height:3rem;margin:.6rem auto;text-align:center;}
    .product span{padding:.2rem 0 .25rem;}
    .product small{font-size:1.8rem;}
    .master_title h1{font-size:4.5rem;line-height:5rem;padding:1rem 0;margin:0 auto .25rem;text-align:center;letter-spacing:.05rem;background:var(--mainDarkBG);color:var(--white);border-radius:0 0 0 2rem;}    
    .master_title h1 strong{color:var(--white);}
    .master_title p{font-size:2rem;line-height:2.5rem;text-align:center;}
    .news_item{font-size:1.5rem;line-height:2.25rem;}
    .people{order:2;width:100%;margin:auto;transform:initial;padding: 0;}
    #event_master .people li{transform:skewX(-10deg);margin:auto;text-align:left;padding:.25rem 0 .25rem 2rem;position:relative;left:-.5rem;}
    #event_master .people li:first-of-type{padding:0 0 0 2rem;}
    .clarify{border-left: 1rem solid var(--mainDarkBG);}  
    .exp_item{width:100%;} 
    .open_cont{width:100%;}
    .open_cont:nth-of-type(2){padding:0;}
    .price{padding:.5rem;}
    .price dl{padding:0 .5rem}
    .price li{font-size:1.2rem;padding:.5rem 0;}
    .price li span{font-size:1.4rem;}  
    .price li, .price li:first-child{padding: 1rem;}
    .annual_title{margin:.5rem auto;}
    .vs_brand{font-size:1.25rem;}
    .vs_brand b{font-size:1.5rem;}
    .vs_brand .ibrain b{padding:0 0 0 .5rem;}
    .vs_brand .ibrain{padding:0 1rem;}
    .vs_brand .others{margin:17px auto 0 -6px;padding:0 1rem;}
    .vs_brand .others b{padding:0 .5rem 0 0;}
    .vs_brand .ibrain::after{height:75px;}
    .vs_item{width:fit-content;margin:0;padding:0;}
    .vs_item a{font-size:1rem;padding:.25rem .5rem;}
    .vs_list ul{padding:.5rem .5rem .5rem 1.25rem;}
    .vs{padding:1rem;width:100%;}
    .merit_tab a{width:calc(100% / 2 - .5rem);margin:auto;padding:.25rem;}
    .strength {background: var(--linearBG_2);padding: 1rem;}
    .strength h2{padding: 0 0 .25rem;}
    .comparison {padding: 1rem 0 0;}
    .annual_stu {width: 100%;}
    .grade_annual:last-of-type {border-bottom: 2px dotted #cececeaa;}
    .campaign {flex-direction: column;}
    .limit_cont{width: 100%;padding: 1.5rem .5rem 0;}
    .version {width: 45%;font-size: 2rem;display: unset;padding: .125rem .5rem;}
    .ibrain{margin:auto 0;}
    .vs_detail{padding:1rem 0 1rem 1rem;}
    .win{font-size:1.25rem;padding:0 0 0 .5em;}
    .win i{font-size:1rem;}
    .trial dl{width:100%;padding: 1rem .8rem 0;}  
    .sixth_wrap .more_btn a{margin:.25rem auto;}
    .sixth_wrap h1{font-size:1.875rem;padding:0;}   
    .sixth_wrap .more_btn a {margin: .8rem auto;display: block;width: 82%;}
    .merit_box table th{width:5.5rem;vertical-align:top;padding:.5rem 0 0 0;}
    .stat dl{width:100%;}
}