html,body {height: 100%;}
.wrapper {max-width: 575px;margin: 0 auto;padding-top: 50px;max-height: 100%;}
.intro_wrapper {height: 100%;display: flex;align-items: center;justify-content: center;}
.intro {text-align: center;}
.intro h1 {font-size: 32px;color: #000;font-weight: 800;margin-bottom: 15px;}
.intro .intro_logo {margin-bottom: 65px;}
.intro .intro_logo img {width: 172px;display: block;margin: 0 auto;}
.intro_copy {position: fixed;width: 100%;bottom: 20px;left: 0;font-size: 14px;color: #999;font-weight: 400;text-align: center;}
.header {height: 50px;background-color: #fff;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);position: fixed;left: 0;top: 0;z-index: 101;width: 100%;}
.header .container {height: 100%;}
.header_in {height: 100%;display: flex;align-items: center;justify-content: space-between;position: relative;}
.header h1 {position: absolute;left: 50%;margin-left: -31px;}
.header h1 img {width: 63px;}
.t_menu img {width: 23px;}
.t_menu a {display: block;width: 23px;height: 20px;position: relative;}
.t_menu .tm {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;width: 100%;background-color: #000;position: absolute;height: 2px;left: 0;}
.t_menu .tm1 {top: 0;}
.t_menu .tm2 {top: 6px;}
.t_menu .tm3 {top: 12px;}
.t_menu .tm4 {top: 18px;}
.is-menu .t_menu .tm1 {transform: rotate(45deg);top: 9px;}
.is-menu .t_menu .tm4 {transform: rotate(-45deg);top: 9px;}
.is-menu .t_menu .tm2,
.is-menu .t_menu .tm3 {opacity: 0;}
.t_info {display: flex;align-items: center;}
.t_info .bell {position: relative;margin-right: 15px;}
.t_info .bell .bell_cnt {width: 17px;height: 17px;background-color: #5C88DA;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;right: -8px;top: -7px;font-size: 12px;color: #fff;font-weight: 400;}
.t_info .bell img {width: 20px;}
.t_info .search img {width: 20px;}
.search_box {width: 100%;position: fixed;left: 0;top: 0;height: 50px;background-color: #fff;padding: 7px 15px;z-index: 10px;border-top: 1px solid #ccc;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
.search_box .input {border: 1px solid #ccc;border-radius: 3px;width: 100%;padding: 0 10px;font-size: 16px;color: #333;font-weight: 500;height: 100%;}
.is-search .search_box {top: 50px;}
.is-search .header {box-shadow: 0 0 0 rgb(0 0 0 / 16%);}
.is-menu .header {box-shadow: 0 0 0 rgb(0 0 0 / 16%);}
.is-menu .all_menu {left: 0;}
.all_menu {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;position: fixed;left: -100%;top: 0;height: 100vh;background-color: #fff;z-index: 100;width: 100%;padding: 50px 20px 20px 20px;overflow-y: auto;}
.profile_area {display: flex;align-items: center;height: 70px;margin-top: 10px;margin-bottom: 10px;}
.profile_area img {border-radius: 50%;width: 40px;margin-right: 10px;}
.profile_area .nm a {display: inline-block;font-size: 20px;color: #333;font-weight: 500;position: relative;padding-right: 11px;}
.profile_area .nm a:after {content: '';display: block;width: 5px;height: 9px;background-image: url('../img/common/profile_arrow.png');background-size: 5px auto;position: absolute;right: 0;top: 12px;background-repeat: no-repeat;}
.amenu_slide {position: relative;margin-bottom: 15px;}
.amenu_slide .owl-carousel img {border-radius: 10px;}
.amenu_slide .as_cnt_wrap {padding: 0 5px;position: absolute;right: 10px;bottom: 8px;height: 20px;width: 50px;display: flex;align-items: center;justify-content: center;z-index: 1;background-color:rgb(0 0 0 / 60%);border-radius: 25px;}
.amenu_slide .as_cnt {width: 100%;overflow: hidden;}
.amenu_slide .as_cnt .ascnt {position: relative;padding-right: 1px;text-align: center;float: left;width: 50%;font-size: 12px;color: #fff;font-weight: 500;}
.amenu_slide .as_cnt .ascnt:after {content: '';display: block;width: 1px;height: 9px;background-color: #707070;position: absolute;right: 0;top: 4px;}
.amenu_slide .as_cnt .astcnt {text-align: center;float: left;width: 50%;font-size: 12px;color: #fff;font-weight: 500;}
.al_tit {position: relative;margin-bottom: 10px;}
.al_tit:before {position: absolute;z-index: 1;width: 100%;background-color: #ccc;height: 1px;left: 0;top: 50%;content: '';display: block;}
.al_tit span {background-color: #fff;padding-right: 15px;position: relative;font-size: 14px;color: #666666;font-weight: 500;z-index: 2;}
.al_list li {padding: 5px 0 5px 10px;}
.al_list li a {font-size: 16px;color: #333333;font-weight: 600;}
.all_smenu .mar {margin-bottom: 20px;}
.all_m_bottom {padding-top: 20px;margin-top: 30px;border-top: 2px solid #333333;}
.all_m_bottom .h2 img {width: 71px;}
.all_m_bottom .com_nm {font-size: 14px;color: #333;font-weight: 500;margin: 15px 0;}
.all_m_bottom .com_txt {font-size: 14px;color: #333;font-weight: 500;display: flex;align-items: center;}
.all_m_bottom .com_copy {font-size: 14px;color: #333;font-weight: 500;margin-top: 15px;margin-bottom: 20px;}