.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;}

/*여기부터 메인*/
.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'; 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; line-height: 1.4rem; text-align: justify;}
.item2 h1{font-size: 1.1rem; font-weight: bold; margin: 10px 0; border-bottom: 1px solid white; font-weight: bold; text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0px -3px 40px rgba(255,255,255,0.4);}
.item2 h2{font-size: 1.0rem; font-weight: bold; margin-top: 8px;text-shadow: 2px 4px 6px rgba(0,0,0,0.5), 0px -3px 40px rgba(255,255,255,0.4);}
.item2 h3{font-size: 0.9rem;}
.item2 h4{font-size: 0.8rem;}
.item2 h5{font-size: 0.8rem; color:cyan;}
.item2 p{font-size: 0.7rem;}

.dis_block{padding: 10px;}
.img_area{display:flex; justify-content: center; }



/*
*/
/*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;}

.item1{display: none;}
.chart{display: flex; flex-flow: column nowrap; }

.img_ise{width:130px;}
.amerigo{width:150px;}
.item2 h1{font-size: 1.0rem; text-align: center;}
.item2 h2{font-size: 0.9rem; }
.item2 h3{font-size: 0.8rem;}
.item2 h4{font-size: 0.7rem;}
.item2 h5{font-size: 0.8rem; color:cyan;}
.item2 p{font-size: 0.7rem;}
.daesang{text-align: left;}
.dis_block{padding: 2px;}
}