html{height: 100%; overflow-x: hidden; width:100%; font-size: 2.6666666667vw;}
body{color:#333; margin-left:auto; margin-right:auto; background-color: #fff; font-size: 1.1em; line-height: 1.4;}




/* header */
.header{position: fixed; width:100%; top:0; z-index: 100; border-bottom: 1px solid #eee;}
.header .main_nav{position: relative; height: 4.3em; background-color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 0 20px;}
.header .main_nav .logo {width: 120px;}
.header .main_nav .back {width: 10px;}
.lang-btn {display: flex; align-items: center; gap: 5px; padding: 6px 10px; border-radius: 20px; background-color: #f5f5f5;}
.lang-btn .lang-icon {width: 15px; height: 15px;}
.lang-btn p {font-size: 14px; font-weight: 600; color: #555; padding-top: 3px;}
.header .main_nav h2 {font-size: 16px; font-weight: 600; color: #000; text-align: center; }
.header .defult {justify-content: center; position: relative;}
.header .defult .back {position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}

/*----하단 내비게이션-----*/

.bt_nav {padding: 10px 0; background-color: white; border-top: 1px solid #f1f1f1; position: fixed; z-index: 9999; width: 100%; bottom: 0;}
.bt_nav ul {display: flex;}
.bt_nav ul li {width: 25%; text-align: center;}
.bt_nav ul li span {font-size: 13px; color: #888888;}
.bt_nav ul li.on span {color: #2046A1;}
.bt_nav ul li .nav_con {display: flex; flex-direction: column; align-items: center; gap: 5px;}
.bt_nav ul li .nav_con .nav_icon {display: block; width: 30px; height: 30px;}
.bt_nav ul li .nav_con .nav_icon {background-position: center !important; background-size: cover !important;}
.bt_nav ul li .nav_con.home .nav_icon {background: url(../images/nav01.png) no-repeat; }
.bt_nav ul li .nav_con.solution .nav_icon {background: url(../images/nav02.png) no-repeat; }
.bt_nav ul li .nav_con.consult .nav_icon {background: url(../images/nav03.png) no-repeat; }
.bt_nav ul li .nav_con.my .nav_icon {background: url(../images/nav04.png) no-repeat; }
.bt_nav ul li.on .nav_con.home .nav_icon {background: url(../images/nav01-on.png) no-repeat; }
.bt_nav ul li.on .nav_con.solution .nav_icon {background: url(../images/nav02-on.png) no-repeat; }
.bt_nav ul li.on .nav_con.consult .nav_icon {background: url(../images/nav03-on.png) no-repeat; }
.bt_nav ul li.on .nav_con.my .nav_icon {background: url(../images/nav04-on.png) no-repeat; }

.bt_nav ul li.on span {font-weight: 600;}

/* ----- 인트로 ----- */

.intro-wrap {background-color: #fff; display: flex; align-items: center; justify-content: center; height: 100vh; flex-direction: column; gap: 8px;}
.intro-wrap p {color: #222; font-size: 18px; font-weight: 700;}
.intro-wrap span {width: 230px;}


/* ----- 돋보기 ----- */

.search {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 20px;}
.main_nav input::placeholder {font-size: 15px;}
.main_nav input {margin-left: 20px;}



/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:480px){
body{font-size: 14px;}
 }