@charset "utf-8";


#header {height: 110px;}
.logo {top: 25px;font-family:'gmarket';}
.logo * {vertical-align:middle;}
.logo img {margin: 0 10px 0 0;} 
.logo a > span {margin: 5px 0 0;}
.logo span > span {display: flex;align-items: baseline;padding:0;font-weight:800;font-size:20px;color:#000;}
.logo strong {padding: 0 0 0 6px;font-size:30px;letter-spacing: -0.025em;}

#menuArea {top:50px;border-top:none;}
#menuArea:before,
#menuArea:after,
#topmenu .menu{top: 110px;}
#topmenu {padding:0 0 0 40%;}
#topmenu > li:last-child{display:block;}
#topmenu > li > a {line-height: 110px;font-size:19px;}
#topmenu li a[target="_blank"]:after {width:14px; height:14px; margin:-5px 0 0 6px; background-image:url(/images/member/common/ico_blank.png);}
#topmenu .menu{padding-left:27%;}
#topmenu .menu:before{margin:0 600px 0 0;}
#topmenu li .tit{width:27%;}
#topmenu li .tit h2{padding:12px 0 0 0;}

#topmenu .menu1 .menu > ul > li:nth-child(-n + 3){min-height:150px;}

.btn_menu {display:none;}

#footer {padding:53px 0; border:none; background:#333;}
#footer .logo span strong {padding: 0;color: #ccc;}
#footer .logo span span {margin: 3px 0 0;font-size: 10px;font-weight: 800;color: #999;}
#footer .info {padding: 0 0 0 374px;font-size: 16px;color: rgba(255,255,255,0.65);line-height: 1.5;}
#footer .copyright {padding: 2px 0 0;font-size: 14px;}


@media all and (max-width:1440px) {
    .global > li.live {right:173px;}
    #font_control {right:15px;}
}
@media all and (max-width:1024px) {
    #header {height:70px;}
    .logo {top: 10px;}
    .logo span {font-size:22px;}
    .logo span > span,
    .logo strong {font-size: inherit;}

    .btn_menu {display: block;}

    #footer {padding: 30px 0;}
    #footer .logo span span {margin: 0;}
    #footer .info {padding:0;font-size: 14px;}
    #footer address {padding:0;}

    .btn_top {top: 50px;}
}
@media all and (max-width:768px) {
    #header {height:62px;}
    
    #footer {padding: 35px 0;}
}
@media all and (max-width:568px) {
    #header {height:58px;}
    .logo span {font-size: 20px;}
}
@media all and (max-width:380px) {
    #header {height:54px;}
    .logo span {font-size: 18px;}
}
@charset "utf-8";

/* sub ÇÏ´Ü ¸µÅ© ¸Þ´º */
#bn_wrap{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 27px 0 130px 0;
}

#bn_wrap li{
	width:auto;
	background:#fff;
	border:1px solid #f9dac9;
	padding: 13px 10px 13px 14px;
	border-radius:6px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-family:'gmarket';
	font-weight: 900;
	font-size:16px;
}

#bn_wrap li:hover{
	border-color: #e45a0e;
	box-shadow: 0 0 4px rgba(228, 90, 14, 0.3);
}

#bn_wrap li.sm{
	font-size:15px
}

#bn_wrap  li a{
	display:flex;
	align-items:center;
	width: 100%;
	justify-content: space-between;
}

#bn_wrap li .icon{
	display:inline-block;
	width: 36px;
	border-radius: 4px;
}

#bn_wrap li .icon img{
	width:100%;
}

#bn_wrap li p{
	min-width: 177px;
	letter-spacing: -0.8px;
}

@media screen and (max-width:1440px){
	#bn_wrap li{padding: 14px;}
	#bn_wrap li a{flex-direction:column;}
	#bn_wrap li p{text-align:center;}
}