/* BASIC css start */
.swiper-container{width:100% !important;height:auto !important;}
.swiper-wrapper{height:auto !important;}
.swiper-slide{height:auto !important;}
.swiper-slide img{width:100%;}

.toplink.fixed{top: 0 !important;}
.main_topBanner{overflow: hidden; height: 24px; background-color: #000;}
.main_topBanner .swiper-container{height: 24px !important;}
.main_topBanner .swiper-wrapper{text-align: center; height: 24px;}
.main_topBanner .swiper-slide{height: 24px; overflow: hidden; line-height: 24px; background:transparent;}
.main_topBanner .swiper-slide a {color: #fff; line-height: 24px; display: block; font-size:12px;}


/* snap Ãß°¡ */
.displaynone{display:none;}
.cboth {clear:both;}
/* ½½¶óÀ̵å Ä«Å×°í¸® */
.dimmed.open{content: ''; display: block; width: 100%; height: 100vh;background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 999;}
aside {display:none; position:fixed; width:80%; height:100%; top:0px; left:0; bottom:0; z-index:1101; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch;}
aside .closeBtn{position: absolute; top: 15px; right: 10px;}
aside .closeBtn a{padding: 5px; display: block;}
aside .closeBtn a img{max-width: 20px;}



/* ½½¶óÀÌµå »ö¼Ç °øÅëŸÀÌƲ */
aside .side_title {color:#1a1a1a; font-size:16px; font-weight:700; line-height:40px; position:relative;}
aside .side_title .menuIcon {display:inline-block;position:absolute; top:8px; right:0px; width:13px; height:13px; padding:5px; background:url("/design/goldn/img/icon/plus_icon.png") no-repeat 50%; background-size:13px 13px;}
aside .side_title.open .menuIcon {background:url("/design/goldn/img/icon/minus_icon.png") no-repeat 50%; background-size:13px 13px;}

/* ½½¶óÀÌµå ¼½¼Ç 01 */
aside .menu_01 {padding:20px 15px 15px; background-color:#282828;;}
aside .menu_01 .login {margin-bottom:20px;}
aside .menu_01 ul {display:flex; gap:10px;}
aside .menu_01 ul li {display:inline-block;}
aside .menu_01 ul li a {color:#fff; font-size:12px; font-weight:500;}
aside .menu_01 .logo_m img{max-width: 100px;}

/* ½½¶óÀ̵å Ä«Å×°í¸® ÀÚµ¿Ãâ·Â */
aside .menu_02 {padding:25px 20px;}
aside .menu_02 .half {display: flex; flex-wrap: wrap; gap: 20px 0; justify-content: space-between;flex-direction: row; padding-bottom:60px; margin-bottom:20px; border-bottom:1px solid #eaeaea;}
aside .menu_02 .half li {width:33%;}
aside .menu_02 .half li a{font-size: 15px; font-weight: 500;}
aside .menu_02 .half li:nth-child(n+4):nth-child(-n+6) a{font-weight: 600;}
aside .nav li {border-bottom:0; position:relative;}
aside .nav li a {color:#1a1a1a; font-size:16px; font-weight:700; line-height:40px; display:block; position:relative;}
aside .nav li .fa {position: absolute; top:0; right: 0; width: 78%; text-align: center; height: 40px; line-height:40px;color:#a2a2a2;font-weight:300;font-size:25px;}
aside .nav li > ul {margin:0 !important; padding:0 !important; font-size:0;}
aside .nav li > ul > li {border-bottom:0px none; border-top:0px solid #eaeaea; display:inline-block; width:50%; vertical-align:top;}
aside .nav li > ul > li:first-child {border-top:0px none;}
aside .nav li > ul > li a {display:block; height:40px; color:#1a1a1a; font-size:14px; font-weight:400; text-align:left; padding-left:10px;}
aside .nav li > ul > li > ul {border-top:0px none; border-top:0px solid #eaeaea; margin:0px; background-color:#ededed; padding:5px 0px;}
aside .nav li > ul > li > ul > li {border-bottom:0px none;}
aside .nav li > ul > li > ul > li a {margin:0; text-indent:40px; background-color:#ededed;}
aside .nav li > ul {background-color:#f4f4f4; display:none; margin:10px 0px; padding:10px 0px;}
aside .nav > ul > li > span.fa {top:0; right:0; height:40px;}  /* width:40px; mc*/
aside .nav li a.toggleBtn:before {content:""; position:absolute; top:0; right:0; width:100%; height:40px; background:url("/design/goldn/img/icon/icon_toggle.svg") no-repeat right 50%; background-size:10px auto;}
aside .nav li a.toggleBtn.live::before {transform:rotate(-180deg); background:url("/design/goldn/img/icon/icon_toggle.svg") no-repeat left 50%; background-size:10px auto;}

/* ½½¶óÀÌµå ¼½¼Ç 03 */
.menu_03 {margin:0 20px; padding-top:25px; border-top:1px solid #f1f1f1;}
.menu_03 ul {margin-bottom:25px;}
.menu_03 ul li a {color:#888; font-size:14px; line-height:28px;}
.menu_03 .board ul {float:left; width:50%;}

.menu_03 .board{display: none;}
.menu_03 .open .board{display: block;}

/* snap Ãß°¡ */
/* BASIC css end */