.nav_header{display:flex;background:#00251a;width:100%;height:2rem;align-items:center;color:#00251a;padding: 1.5em;padding-left: 0.2em; position:fixed;top:0px;left:0px;z-index: 10; }
.nav_header a{font-weight: 600;}
.nav_left{display:flex;align-items: center;color:#00251a;}

.nav_center{flex-grow:1;}
.nav_right{display: flex;}
.usa{padding-left: 5px;font-size: 1.1em; position:relative;padding-right: 8px;color:#00251a;}
.usa a{padding-left: 10px;font-size: 1em;position:relative; color:#00251a;-webkit-text-stroke:0.1vw #00251a;}
.usa a::before{
    content:attr(data-text);position: absolute;top:10;left:5;width:0;height:75%;color:#4fed51;-webkit-text-stroke:0vw #00251a;border-right:3px solid #4fed51;overflow:hidden;
    animation:usa_bar 2s linear infinite;-webkit-animation: usa_bar1 2s linear infinite;}
@keyframes usa_bar{0%{width:0;} 70%{width:100%;}}
@keyframes usa_bar1{0%{width:0;} 55%{width:100%;}}

.logo{width:60px;}
.uhak{font-size: 1.3em; }

.nav_menu{font-size: 0.8em;padding-right: 8px;}
.navbar_togglebtn {display: none;}

/*hamburger*/
.ham_btn{position:absolute; transition:.3s ease-in-out; width:30px; height:26px; cursor:pointer; display:block; top:0.75rem; right:1rem; z-index:100;}
.ham_btn span{position: absolute; width:100%; height:6px; border-radius:4px; background:#eee; top:0; transition:transform 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.ham_btn span:nth-child(1){top:0; }
.ham_btn span:nth-child(2),.ham_btn span:nth-child(3){top:10px; }
.ham_btn span:nth-child(4){top:20px; } 

.ham_btn.active span{background: #fff;}
.ham_btn.active span:nth-child(1),.ham_btn.active span:nth-child(4){opacity:0; }
.ham_btn.active span:nth-child(2){transform: rotate(45deg); }
.ham_btn.active span:nth-child(3){transform: rotate(-45deg); }
/*hamburger_menu*/
.ham_overlay{position:fixed; background: #004c8c; top:0; right:0; width:20%; height:0; opacity:0; border-radius: 10px; display:flex; justify-content: center; align-items: center; text-align: center; transition:0.5s; z-index:2;}
.ham_menu li{margin: 1.3rem 0; opacity:0; }
.ham_menu li a{color:#fff; opacity:0.8; transition:opacity 0.3s ease; }
.ham_menu li a:hover{opacity:1; }

@keyframes fadeInLeft{
    0%{opacity:0; transform:translateX(-25%); }
    100%{opacity:1; transform:translateX(0); }}
.ham_overlay.visi{height:75%; opacity:.9; }
.ham_overlay.visi nav ol li{
    animation: fadeInLeft 0.5s ease forwards; }
.ham_overlay.visi nav ol li:nth-child(1){animation-delay:0.23s;}
.ham_overlay.visi nav ol li:nth-child(2){animation-delay:0.30s;}
.ham_overlay.visi nav ol li:nth-child(3){animation-delay:0.37s;}
.ham_overlay.visi nav ol li:nth-child(4){animation-delay:0.42s;}
.ham_overlay.visi nav ol li:nth-child(5){animation-delay:0.49s;}
.ham_overlay.visi nav ol li:nth-child(6){animation-delay:0.56s;}
/**/
.cushion_box{height:2rem ;background: darkorange;}

/*여기부터 메인*/

#top{background-image: url(https://images.unsplash.com/photo-1492538368677-f6e0afe31dcc?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80); background-size: cover; background-position: center; background-repeat: no-repeat; height:50vh; position: relative;}
#top .overlay{position: absolute; width:100%; height:100%; top:0; left:0;background-color: rgba(0,0,0,0.45);}
#top .divider{width:20%; border-top: 2px solid #ddd; margin-top: 2rem; margin-bottom: 2rem;}
.section_content{padding: 4rem 0; display: flex; flex-direction:column; justify-content: center; align-items: center;}
.dream{font-size: 6vh;font-style: italic; font-variant: small-caps; padding-left: 10%;padding-right: 10%; text-align: center; text-shadow: 2px 4px 6px rgba(0,0,0,0.8), 0px -3px 40px rgba(255,255,255,0.4);}
.best{font-size: 3vh; font-family: "Times New Roman", Times, serif; color: #ddd; padding-left: 10%;padding-right: 10%; text-align: center;}

/*여기부터 진짜 메인*/
.section_wrapper{background: rgb(0,151,167);
background: linear-gradient(180deg, rgba(0,151,167,1) 0%, rgba(0,92,120,1) 19%, rgba(1,51,75,1) 59%, rgba(0,33,50,1) 100%); font-size: .9rem; color:white; }
.outer_layout{padding: 25px 0; }
.inner_layout{max-width:1220px; margin: 0 auto; }
/**/
.chart{background-color: rgba(255,255,255,0.2); word-break: keep-all; display:grid; grid-template-columns: 20% 79%; grid-auto-rows:minmax(100px, auto); padding: 10px; grid-gap:10px; grid-template-areas: 'a b' 'a c' 'a d'; border-radius: 15px;}
.item{display:flex; flex-direction:column; justify-content: center; align-items: center; font-size: 1.1rem; font-weight: bold; padding: 10px; background-color: rgba(255,255,255,0.1); border-radius: 10px; box-shadow: inset 0 0 30px rgba(255,255,255,0.3); border-top: 2px solid white; }

.item1{grid-area:a; justify-content: flex-start;align-items:flex-start; padding: 30px 20px;line-height: 1.8rem; background-color: darkgreen; color:orange; text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -3px 40px rgba(255,255,255,0.4);}

.item2{grid-area:b; }
.item3{grid-area:c; line-height: 1.5rem; }
.item4{grid-area:d; }
.item .container{display: grid; grid-template-columns: 45% 7% 45%; grid-auto-rows:minmax(100px, auto); grid-gap:10px; grid-template-areas: 'e f g' 'h i j' 'k l m' 'n o p'; border-radius: 15px; }
.cong{ width:100%; background-color: rgba(255,255,255,0.1); border-radius: 10px; box-shadow: inset 0 0 30px rgba(255,255,255,0.3); border-left: 1px solid white; line-height: 1.5rem; padding: 15px; display:flex; justify-content: center; align-items: center;}
.cong:nth-child(2),.cong:nth-child(5),.cong:nth-child(8),.cong:nth-child(11){box-shadow: none;background-color: none;border-left: none;}
/*.dis_block{padding: 3%; line-height: 1.4rem;}*/
.item h2{font-size: 1.1rem; text-align: center;margin-bottom: 10px;padding: 10px 0; font-weight: bold; text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -3px 40px rgba(255,255,255,0.4);}
.item p{font-size: 0.9rem;;text-indent: 1rem;}
.cong1{grid-area: e;background-color: rgba(0,170,190,0.4);}
.cong2{grid-area: f;}
.cong3{grid-area: g;background-color: rgba(0,50,250,0.4);}
.cong4{grid-area: h;background-color: rgba(0,90,230,0.4);}
.cong5{grid-area: i;}
.cong6{grid-area: j;background-color: rgba(0,130,210,0.4);}
.cong7{grid-area: k;background-color: rgba(0,130,210,0.4);}
.cong8{grid-area: l;}
.cong9{grid-area: m;background-color: rgba(0,90,230,0.4);}
.cong10{grid-area: n;background-color: rgba(0,50,250,0.4);}
.cong11{grid-area: o;}
.cong12{grid-area: p;background-color: rgba(0,170,190,0.4);}
.dis_block h6{font-size: 0.7rem;}
.img_box1{width:100%; height:65vh; overflow: hidden; display: flex;  justify-content: center; align-items: center; box-shadow: 2px 2px 2px 2px #555; border-radius: 10px; }

.eagle{width:50px; vertical-align: middle}
.amerigo{width:100px; vertical-align: middle}
.cm{ width:100%; display:flex; flex-flow:row nowrap; justify-content: flex-start;font-size: 0.9rem; padding: 5px; line-height: 1.4; }
.it1{display: flex; min-width:7em; color:#fdd835; font-weight: bold; } 
.item4 h3{font-size: 1.0rem; position:relative; margin: 15px;}
.item4 h3::before{content:''; position:absolute; top:; left:0 ;right:0; bottom:-4px;  background-color: orange; height:3px; width:100%; margin: 0 auto; border-radius: 50%; box-shadow: 0px 2px 6px 0.5px black;}


.cm_container7{ width:100%; display:flex; flex-flow:row wrap; justify-content:space-evenly;font-size: 0.9rem; padding: 5px; line-height: 1.4; }
.im{width:150px; height:230px; background-size: cover; background-position: center; padding: 1px;margin: 12px 8px; border-radius: 50%;box-shadow: 1px 1px 2px 1px;}
.inner1{position: relative; }
.inner1::before{content:'Craig Pines';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner1::after{content:'Chief Executive Officer';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner2{position: relative; }
.inner2::before{content:'David Napier';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner2::after{content:'President & Chief Operating Officer';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner3{position: relative; }
.inner3::before{content:'Di Hu';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner3::after{content:'Vice President of Student Experience';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner4{position: relative; }
.inner4::before{content:'Douglas Milstein';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner4::after{content:'Managing Director';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner5{position: relative; }
.inner5::before{content:'Elizabeth Drake';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner5::after{content:'Vice President, Global Marketing';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;; font-style: italic;}
.inner6{position: relative; }
.inner6::before{content:'John McDonough';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner6::after{content:'Chief Product Officer';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;; font-style: italic;}
.inner7{position: relative; }
.inner7::before{content:'Katie Blue';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner7::after{content:'Vice President, Academics'; position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner8{position: relative; }
.inner8::before{content:'Leona Mizrakhi';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner8::after{content:'Vice President, People and Culture';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner9{position: relative; }
.inner9::before{content:'Nerolie Grant';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner9::after{content:'Vice President, Finance';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner10{position: relative; }
.inner10::before{content:'Raj Patel';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner10::after{content:'Vice President, Enrollment Management';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner11{position: relative; }
.inner11::before{content:'Rob Birdsell';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner11::after{content:'Executive Vice President';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner12{position: relative; }
.inner12::before{content:'Scott Spragg';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner12::after{content:'Chief Global Enrollment Officer';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner13{position: relative; }
.inner13::before{content:'Jonas Zhang';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner13::after{content:'Head of Amerigo Select';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner14{position: relative; }
.inner14::before{content:'Linda Hu';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner14::after{content:'China Regional Director';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner15{position: relative; }
.inner15::before{content:'Chris Goodbourn';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner15::after{content:'Regional Director, Northeast and Southeast Asia';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner16{position: relative; }
.inner16::before{content:'Jessid Agon';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner16::after{content:'Regional Director, EMEA and Latin America';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner17{position: relative; }
.inner17::before{content:'Svetlana Iakovleva';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner17::after{content:'Regional Director, Eastern Europe and Central Asia';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}
.inner18{position: relative; }
.inner18::before{content:'Jenny Chen';position: absolute; top:170px; left:0; text-shadow: 2px 2px 8px black; font-size: 1rem}
.inner18::after{content:'Director of Recruitment, North America';position: absolute; top:190px; left:0; text-shadow: 2px 2px 8px black; font-size: 0.8rem; font-style: italic;}


.im1{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/Craig%20FINAL%20Headshot%207.8.22_0.jpg?itok=XKU6_3kz)}
.im2{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/DNapier-25_0.jpeg?itok=vBwTEyie)}
.im3{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/Di%20Hu_DCO-Napa.png?itok=eF5x2oWs)}
.im4{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/Doug%20Headshot.jpeg?itok=eeF3EmOL)}
.im5{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/EDrake-14-Retouched%202.jpg?itok=rz7O-oPR)}
.im6{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/JMcDonough-15-Retouched.jpeg?itok=LeBnsxPl)}
.im7{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/KBlue-24Retouched.jpeg?itok=TEMOAdXg)}
.im8{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/LMizrakhi-61-Retouched.jpeg?itok=Pcfbgf-a)}
.im9{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/Nerolie_headshot_crop.jpg?itok=UOEHzjcx)}
.im10{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/Raj%20Patel-10_0.jpeg?itok=i0fxH9px)}
.im11{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/Rob_Headshot_Color_0_1.jpg?itok=Rn9r0vf2)}
.im12{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/Scott%20Spragg_Feb%2012_crop.jpg?itok=sCqf9CeN)}
.im13{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/jonaszhang.jpg?itok=YyWx-QRC)}
.im14{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/Linda_hu_Headshot.jpg?itok=crmf24rP)}
.im15{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/Chris%20Goodbourn%20Picture_Chris%20Goodburn_0.jpg?itok=-aLxmpy1)}
.im16{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/JessidAgon_bw.jpg?itok=gXNsU8Qg)}
.im17{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/Sveta_Feb%2012_crop.jpg?itok=Msd4flcW)}
.im18{background-image: url(https://www.amerigoeducation.com/sites/default/files/styles/portrait_nm/public/images/portraits/Jenny%20profile%20pic.jpeg?itok=5hhGc2Km)}






/*
*/
/*footer*/
.profile_section{background:#003300; color:#ddd; padding:0px 10px }
.profile_section{line-height: 1.2rem; }
.sub_profile{max-width: 900px;margin: 0 auto;}
.cont{display:flex; justify-content: space-between; width:100%; font-weight: bold; border-top: 3px solid; color:orangered;margin: 0 0 20px 0; padding: .5em 1rem;;background-color: #333; box-shadow: 2px 2px 30px 5px white;}
.con1{;}
.con2{text-shadow:0 0 100px; animation:book 1.5s infinite linear;}
@keyframes book{
    0%,100%{color:lawngreen;}
    25%{color:deeppink;}
    50%{color:deepskyblue;}
    75%{color:white;}}
.profile_section h1{}
.list dt{font-size: 0.7rem; color:orange;float:left;width:9em;}
.lisr dd{overflow: hidden;}
.list_phone{padding-left: 8em;}

#footer{font-size: 0.8rem; width:100%; height:200px; }
.footer{text-align:center; padding:30px 50px 30px; color:#daf; background:#002800;border-top: 1px solid #dbdbdb;line-height: 1.5;}
.footer li{position:relative; display:inline; padding:0 7px 0 10px; white-space: nowrap; }
.footer li::before{content:''; width:1px; height:12px; background-color: #dbdbdb; position:absolute; top:3px; left:0px;}
.footer li:nth-child(1)::before{width:0; }
.ff{color:#ddf;}
.footer address{padding-top: 15px; color:#ddf;}


/* Mobile 구조일 때 */
@media(max-width:768px){
.usa{position:relative;padding-right: 8px;color:#00251a;font-size: 0.9em;}
.logo{width:50px;}
.uhak{font-size: 1em;}
.nav_right{display:none;}
.navbar_togglebtn {display:block ;}
ol a{font-weight: bold;}
    

.best{font-size: 1.2rem;}
.item1{display:none;}
.item h2{font-size: 0.9rem;}
.item2 h2{margin-bottom: -8px;}
.chart{display:flex; flex-direction: column;justify-content: center;}
.item .container{display: flex; flex-direction: column;}
.fa-forward-fast{transform:rotate(90deg)}
.dis_block h6{text-align: end;}
    
.cong1,.cong3{background-color: rgba(0,170,190,0.6);}
.cong3,.cong6,.cong9,.cong12{margin-bottom: 20px;border-bottom:2px solid white;border-right:2px solid white;border-left:none; }
.cong1,.cong4,.cong7,.cong10{margin-top: 20px; border-top:2px solid white;}

.cong4,.cong6{background-color: rgba(0,130,210,0.4); }
.cong7,.cong9{background-color: rgba(0,90,230,0.4); }
.cong10,.cong12{background-color: rgba(0,50,250,0.4); }

    
    
.inner1::before{font-size: 0.8rem;}
.inner1::after{font-size: 0.6rem;}
.inner2::before{font-size: 0.8rem}
.inner2::after{font-size: 0.6rem;}
.inner3::before{font-size: 0.8rem}
.inner3::after{font-size: 0.6rem;}
.inner4::before{font-size: 0.8rem}
.inner4::after{font-size: 0.6rem;}
.inner5::before{font-size: 0.8rem}
.inner5::after{font-size: 0.6rem;}
.inner6::before{font-size: 0.8rem}
.inner6::after{font-size: 0.6rem;}
.inner7::before{font-size: 0.8rem}
.inner7::after{font-size: 0.6rem;}
.inner8::before{font-size: 0.8rem}
.inner8::after{font-size: 0.6rem;}
.inner9::before{font-size: 0.8rem}
.inner9::after{font-size: 0.6rem;}
.inner10::before{font-size: 0.8rem}
.inner10::after{font-size: 0.6rem;}
.inner11::before{font-size: 0.8rem}
.inner11::after{font-size: 0.6rem;}
.inner12::before{font-size: 0.8rem}
.inner12::after{font-size: 0.6rem;}
.inner13::before{font-size: 0.8rem}
.inner13::after{font-size: 0.6rem;}
.inner14::before{font-size: 0.8rem}
.inner14::after{font-size: 0.6rem;}
.inner15::before{font-size: 0.8rem}
.inner15::after{font-size: 0.6rem;}
.inner16::before{font-size: 0.8rem}
.inner16::after{font-size: 0.6rem;}
.inner17::before{font-size: 0.8rem}
.inner17::after{font-size: 0.6rem;}
.inner18::before{font-size: 0.8rem}
.inner18::after{font-size: 0.6rem; }


    
}