@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.skyblue {background: #F3FBFF;}
.babypink {background: #fff4f4;}
.lightYello {background: #FBFBEF;}


/* 헤더 */
header{width:100%;  position:relative; }
header div.top{padding: 5px 10px 7px; box-sizing:border-box; width:100%; overflow:hidden;     display: flex;  align-items: center;  justify-content: space-between;}
header h1 {width: 50%;}
header h1 img {width: 104%; mix-blend-mode: multiply;}
header .sub ul {display: flex; align-items: center; gap: 20px;}
header .sub ul li.menu {background: #FF6938; position: relative; width: 25px; height: 25px; padding: 10px; border-radius: 100px; display: flex;}
header .sub ul li.menu a img {width: 100%;}


/* 햄버거 메뉴 */
.menu_open_wrap{display:none; position:absolute;  right:0; top:0; bottom:0; width:100%; height:100vh; transition-duration: 0.3s; z-index:-1; background:rgba(0,0,0,80%);}
.menu_open_wrap.on{ z-index:10; }
.menu_open{height:100%;  padding:22px 25px; box-sizing:border-box;  background:#e65322; min-width: 0; position: absolute; right:0; top:0; width: 90%; overflow-y: auto;}
.menu_open_wrap.on a.close{float:right; color:#fff; font-weight:thin; font-size:30px;  margin-bottom:30px;}
.menu_open_wrap.on .menu_open_content .menu_open_ul{width:100%; overflow:hidden; height:100%;}
.menu_open_wrap.on .menu_open_content .menu_open_ul li.menu_open_ul_li{width:100%;}
.menu_open_wrap.on .menu_open_content .menu_open_ul li.menu_open_ul_li:hover{}
.menu_open_wrap.on .menu_open_content .menu_open_ul li.menu_open_ul_li strong{display:inline-block;}
.menu_open_wrap.on .menu_open_content .menu_open_ul li.menu_open_ul_li strong a{font-size:15px;  height:100%; display:block; width:100%; padding:20px 0; box-sizing:border-box;
color:#fff;}
.menu_open_wrap.on .menu_open_content .menu_open_ul .sub_menu{display:none; padding:5px 20px; box-sizing:border-box;}
.menu_open_ul .sub_menu > li{padding:10px 0; box-sizing:border-box; }
.menu_open_ul .sub_menu > li a{color:#E5EEFF;}
li.menu_open_ul_li span{position:relative; font-size:20px; float:right; cursor:pointer; color:#fff;}
li.menu_open_ul_li span:after{position:absolute; content:"\2b"; font-weight:normal; top:50%; right:0; font-family:'FontAwesome';}
li.menu_open_ul_li span.on:after{content:"\f068"; font-size:19px; font-weight:bold; font-family:'FontAwesome';}


/* 푸터 */
footer {padding: 30px 0;}
footer div.footer_wrap {padding: 0 20px;}
footer div.footer_wrap .footer_menu {display: flex; flex-wrap: wrap; justify-content: space-around; gap: 15px; margin-bottom: 20px;}
footer div.footer_wrap .footer_menu li {display: flex; align-items: center; justify-content: center;}
footer div.footer_wrap .footer_menu li a {border-radius: 50px; min-width: 108px; background: #ffffff; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding: 10px 15px; text-align: center;}
footer div.footer_wrap .short_menu {display: flex; margin-bottom: 20px;} 
footer div.footer_wrap .short_menu li {flex: 1;}
footer div.footer_wrap .short_menu li a img {width: 100%; mix-blend-mode: multiply;} 
footer div.footer_info .info {text-align: center; display: flex; flex-direction: column; gap: 5px;}
footer div.footer_info .info svg {margin-bottom: 3px;}
footer div.footer_info .cr {margin-top: 20px; text-align: center; font-size: 0.8em; color: #BBBBBB; font-weight: normal; line-height: 1.3 !important;}