*, body { margin: 0; padding: 0; box-sizing:border-box; }
html { font-size: 14px; font-weight:400;  }
a, a:hover, a:focus, a:active, a:link { text-decoration: none; cursor: pointer; color: inherit; }
img { border: 0; vertical-align: middle; }
ol, ul { list-style: none; margin: 0; padding: 0; }
fieldset { border: 0; }
button { border: 0; background: none; cursor: pointer; }
button:focus { outline: none; }
strong, b { color: inherit; font-size: inherit; }
i, em { font-style: normal; }
mark { color: inherit; background: none; }
button { -webkit-appearance: none; }
input { -webkit-border-radius: 0; }
table { border-collapse: collapse; }
body {font-family:'Gmarket Sans', 'sans-serif'; overflow-x:hidden; overflow-y:auto; -max-width:1920px;margin:0 auto; background:#0a0a0c;}
html,body {width:100%;height:100%;}
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 10px; }


/* gnb */
header {position: fixed;top:0;left:0;z-index:111;width:100%;height:60px;border-bottom:1px solid #252528;background:#000; display: flex; justify-content: space-between; align-items: center; padding-right:60px;}
header .logo {width:250px;height:59px;background: linear-gradient(to right, #f017b0, #f41b5d);padding:0 20px; display: flex; justify-content: center; align-items: center; position:relative;z-index:2;}
header .logo a {font-size:23px;color:#fff;line-height:59px;font-weight:bold; text-shadow : 0px 2px 2px rgba(0,0,0,0.3);}
header .logo .menu {width:24px;height:20px;background:url(../images/icon_menu.png) no-repeat; cursor: pointer; display:none;}
header .logo.show .menu {background:url(../images/icon_menu_close.png) no-repeat center /cover;}
header .mo_mn {display:none;}
header .head {display: flex; justify-content: space-between; align-items: center; gap:30px; font-family:'Noto Sans KR', 'sans-serif';}
header .head .search {border:1px solid #f117a2;width:250px;height:36px;padding:0 10px 0 15px; border-radius:18px; display: flex; justify-content: space-between; align-items: center;}
header .head .search input {border:0;width:100%;height:34px;background:transparent;color:#fff;}
header .head .search input:focus {outline: none;}
header .head .con {display: flex; align-items: center; gap:10px;}
header .head .con .icon {width:36px;}
header .head .con dt {font-size:15px;color:#fff;line-height:20px;font-weight:bold;}
header .head .con dd {font-size:11px;color:#9e9ea0;line-height:16px;}
header .head .con p {font-size:15px;color:#9e9ea0;line-height:20px;}
header .head .logout {}
header .head .logout a {display:block;background:#9bf422;border-radius:18px;font-size:15px;color:#000;line-height:36px;font-weight:bold;padding:0 20px;}
header .head .login a {display:block;background:#fff;border-radius:18px;font-size:15px;color:#000;line-height:36px;font-weight:bold;padding:0 20px;}
header .head .join a {display:block;background:#f41b5d;border-radius:18px;font-size:15px;color:#fff;line-height:36px;font-weight:bold;padding:0 20px;}

header nav {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background:url(../images/mnbg.png) no-repeat bottom 10% center #000; background-size:60%; text-align:center; z-index: 1; opacity: 0; transform: translateX(-100%); overflow:auto; transition: 0.35s; padding-top:60px;}
header nav.show {opacity: 1; transform: translateX(0%);}
header nav .my {border-bottom:1px solid #252528;padding:12px 10%;display: flex; justify-content: space-between; align-items: center;}
header nav .my .name {display: flex; align-items: center; gap:6px; font-family:'Noto Sans KR', 'sans-serif';}
header nav .my .name img {width:36px;}
header nav .my .name dt {font-size:15px;color:#fff;line-height:20px;font-weight:bold;}
header nav .my .name dd {font-size:11px;color:#9e9ea0;line-height:16px;}
header nav .my .jin {display: flex; align-items: center; gap:6px; font-family:'Noto Sans KR', 'sans-serif';}
header nav .my .jin p {font-size:15px;color:#9e9ea0;line-height:20px;}
header nav .btn {border-bottom:1px solid #252528;padding:12px 10%;display: flex; gap:20px;}
header nav .btn a {display:block;background:#9bf422;border-radius:18px;font-size:15px;color:#000;line-height:36px;font-weight:bold;padding:0 20px;}
header nav .btn .login {display:block;background:#fff;border-radius:18px;font-size:15px;color:#000;line-height:36px;font-weight:bold;padding:0 20px;}
header nav .btn .join {display:block;background:#f41b5d;border-radius:18px;font-size:15px;color:#fff;line-height:36px;font-weight:bold;padding:0 20px;}
header nav ul {display: flex; flex-direction: column; gap:10px; font-family:'Noto Sans KR', 'sans-serif'; padding:12px 10%;}
header nav ul li {text-align:left;}
header nav ul li a {display:block;font-size:16px;color:#9e9ea0 !important;line-height:35px;font-weight:500;padding-left:32px;}
header nav ul li.on a {color:#f117a2 !important;}
header nav ul li.icon01 a {background:url(../images/icon_menu01.png) no-repeat center left;}
header nav ul li.icon02 a {background:url(../images/icon_menu02.png) no-repeat center left;}
header nav ul li.icon03 a {background:url(../images/icon_menu03.png) no-repeat center left;}
header nav ul li.icon04 a {background:url(../images/icon_menu04.png) no-repeat center left;}
header nav ul li.icon05 a {background:url(../images/icon_menu05.png) no-repeat center left;}
header nav ul li.icon06 a {background:url(../images/icon_menu06.png) no-repeat center left;}
header nav ul li.icon07 a {background:url(../images/icon_menu07.png) no-repeat center left;}
header nav ul li.icon08 a {background:url(../images/icon_menu08.png) no-repeat center left;}
header nav ul li.icon09 a {background:url(../images/icon_menu09.png) no-repeat center left;}
header nav ul li.icon10 a {background:url(../images/icon_menu10.png) no-repeat center left;}
header nav ul li.icon11 a {background:url(../images/icon_menu11.png) no-repeat center left;}
header nav ul li.icon01.on a {background:url(../images/icon_menu01on.png) no-repeat center left;}
header nav ul li.icon02.on a {background:url(../images/icon_menu02on.png) no-repeat center left;}
header nav ul li.icon03.on a {background:url(../images/icon_menu03on.png) no-repeat center left;}
header nav ul li.icon04.on a {background:url(../images/icon_menu04on.png) no-repeat center left;}
header nav ul li.icon05.on a {background:url(../images/icon_menu05on.png) no-repeat center left;}
header nav ul li.icon06.on a {background:url(../images/icon_menu06on.png) no-repeat center left;}
header nav ul li.icon07.on a {background:url(../images/icon_menu07on.png) no-repeat center left;}
header nav ul li.icon08.on a {background:url(../images/icon_menu08on.png) no-repeat center left;}
header nav ul li.icon09.on a {background:url(../images/icon_menu09on.png) no-repeat center left;}
header nav ul li.icon10.on a {background:url(../images/icon_menu10on.png) no-repeat center left;}
header nav ul li.icon11.on a {background:url(../images/icon_menu11on.png) no-repeat center left;}

header nav li a:after {display:block; content: ''; transition: transform 150ms ease-in-out;}
header nav li a:hover:after {}
header nav li.selected a.ani {font-weight: 800; color: #b90031;}
.mMenu {font-size: 1.4em; color: #fff !important; line-height: 4rem; }
.mMenu1 {font-size: 1.4em; color: #fff !important; line-height: 4rem; }
.subMenu {font-size: .90rem; line-height: 2.2rem; }
.subMenu A {color: #fff;}

.pg_login {width:100%;height:100%;display: flex; justify-content: center; align-items: center;text-align:center;}
.pg_login .login {display:block;background:#fff;border-radius:24px;font-size:18px;color:#000;line-height:48px;font-weight:bold;width:180px;cursor: pointer;}
.pg_login .join {display:block;background:#f41b5d;border-radius:24px;font-size:18px;color:#fff;line-height:48px;font-weight:bold;width:180px;cursor: pointer;margin-top:40px;}
.pg_login .boxx {width:100%; max-width:460px; background: #2c2c2c; border-radius: 15px; padding: 30px; position: relative; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; font-family:'Noto Sans KR', 'sans-serif';}
.pg_login .boxx dl {display: flex; justify-content: space-between; align-items: center; margin-bottom:30px;}
.pg_login .boxx dl dt {font-size:20px;color:#fff;line-height:24px;font-weight:bold;}
.pg_login .boxx dl dd {font-size:20px;color:#fff;line-height:24px;font-weight:bold;cursor: pointer;}
.pg_login .boxx .input {width: 100%; padding: 15px 20px; border: none; border-radius: 25px; background: #444; color: white; font-size: 14px; box-sizing: border-box; margin-bottom:20px;}
.pg_login .boxx .btn a {width: 100%; padding: 15px 20px; border: none; border-radius: 25px; background: #f41b5d; color: white; font-size: 16px; font-weight: bold; cursor: pointer; display:block;}
.pg_login .boxx .txt {width: 100%; border: none; color: white; font-size: 14px; text-align:left; margin-bottom:20px;}
.pg_login .boxx .txt label {cursor: pointer;margin-right:10px;}

@media (max-width: 768px) {
header {padding-right:0; flex-direction: column;}
header .logo {width:100%; display: flex; justify-content: center; align-items: center; }
header .logo a {text-align:center;}
header .logo .menu {position:absolute;top:20px;right:20px;display:block;}
header .mo_mn {display:block;background:#171719;padding:10px 20px;font-size:14px;color:#fff;line-height:20px;width:100%;}
header .mo_mn ul {display: flex; justify-content: space-between; align-items: center;}
header .head {display:none;}
}


#content {position:relative;padding-top:60px;}

#content .cont_left {position:fixed;top:60px;bottom:0;left:0;width:250px;background:#171719;-padding:0 20px;overflow:auto;}
#content .cont_left h3 {font-size:18px;color:#fff;line-height:20px;font-weight:bold;margin-top:20px;padding:0 20px;}
#content .cont_left .box {display: flex; flex-direction: column; gap:5px; margin-top:20px;padding:0 4px;}
#content .cont_left .box li {background:#0a0a0c;border-radius:10px;padding: 8px 10px; display: flex; justify-content: space-between; align-items: center;}
#content .cont_left .box li .tx {display: flex; align-items: center; gap:6px; font-family:'Noto Sans KR', 'sans-serif';}
#content .cont_left .box li .tx img {width:38px;height:38px;border:2px solid #f41b5d;border-radius:50%;}
#content .cont_left .box li .tx dt {font-size:12px;color:#fff;line-height:18px;font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:115px;}
#content .cont_left .box li .tx dd {font-size:11px;color:#9e9ea0;line-height:18px;font-weight:500;}
#content .cont_left .box li .live {border:1px solid #f117a2;border-radius:12px;font-size:10px;color:#f117a2;line-height:22px;padding:0 10px;}
#content .cont_left .mn {display: flex; flex-direction: column; gap:10px; font-family:'Noto Sans KR', 'sans-serif'; margin-top:20px;padding:0 20px;}
#content .cont_left .mn li {padding:0 10px;}
#content .cont_left .mn li a {display:block;font-size:16px;color:#9e9ea0;line-height:35px;font-weight:500;padding-left:32px;}
#content .cont_left .mn li.on a {color:#f117a2;}
#content .cont_left .mn li.icon01 a {background:url(../images/icon_menu01.png) no-repeat center left;}
#content .cont_left .mn li.icon02 a {background:url(../images/icon_menu02.png) no-repeat center left;}
#content .cont_left .mn li.icon03 a {background:url(../images/icon_menu03.png) no-repeat center left;}
#content .cont_left .mn li.icon04 a {background:url(../images/icon_menu04.png) no-repeat center left;}
#content .cont_left .mn li.icon05 a {background:url(../images/icon_menu05.png) no-repeat center left;}
#content .cont_left .mn li.icon06 a {background:url(../images/icon_menu06.png) no-repeat center left;}
#content .cont_left .mn li.icon07 a {background:url(../images/icon_menu07.png) no-repeat center left;}
#content .cont_left .mn li.icon08 a {background:url(../images/icon_menu08.png) no-repeat center left;}
#content .cont_left .mn li.icon09 a {background:url(../images/icon_menu09.png) no-repeat center left;}
#content .cont_left .mn li.icon10 a {background:url(../images/icon_menu10.png) no-repeat center left;}
#content .cont_left .mn li.icon11 a {background:url(../images/icon_menu11.png) no-repeat center left;}
#content .cont_left .mn li.icon01.on a {background:url(../images/icon_menu01on.png) no-repeat center left;}
#content .cont_left .mn li.icon02.on a {background:url(../images/icon_menu02on.png) no-repeat center left;}
#content .cont_left .mn li.icon03.on a {background:url(../images/icon_menu03on.png) no-repeat center left;}
#content .cont_left .mn li.icon04.on a {background:url(../images/icon_menu04on.png) no-repeat center left;}
#content .cont_left .mn li.icon05.on a {background:url(../images/icon_menu05on.png) no-repeat center left;}
#content .cont_left .mn li.icon06.on a {background:url(../images/icon_menu06on.png) no-repeat center left;}
#content .cont_left .mn li.icon07.on a {background:url(../images/icon_menu07on.png) no-repeat center left;}
#content .cont_left .mn li.icon08.on a {background:url(../images/icon_menu08on.png) no-repeat center left;}
#content .cont_left .mn li.icon09.on a {background:url(../images/icon_menu09on.png) no-repeat center left;}
#content .cont_left .mn li.icon10.on a {background:url(../images/icon_menu10on.png) no-repeat center left;}
#content .cont_left .mn li.icon11.on a {background:url(../images/icon_menu11on.png) no-repeat center left;}

.sub_content {padding:40px 0 40px 250px;}
.sub_content img {max-width:100%;}
.sub_content .content {}

/* main visual */
.main_visual_box { -width: 100%; -max-width:1920px; height: auto; position: relative; z-index: 99; margin:0 60px; overflow:hidden;}
.main_visual_box.mo {display:none;}
.main_visual_box img {width:100%; object-fit: cover; object-position: center;}
.main_visual_box .swiper1 { position: relative; left: 0; bottom: 0; margin-bottom: 0; width: 680px; margin: 0 auto; overflow: visible; }
.main_visual_box .swiper2 { position: relative; left: 0; bottom: 0; margin-bottom: 0; width: 280px; margin: 0 auto; overflow: visible; }
.main_visual_box .swiper-slide {position:relative; transform: scale(0.8); opacity: .5;}
.main_visual_box .swiper-slide .img {overflow:hidden;border-radius:8px;height:300px;}
.main_visual_box .swiper-slide .tp {position:absolute;top:15px;left:15px;font-size:16px;color:#fff;line-height:36px;font-weight:500;padding:0 20px;background:#f000ff; border-radius:18px;}
.main_visual_box .swiper-slide .box {position:absolute;top:10px;right:10px;font-size:22px;color:#fff;line-height:40px;font-weight:bold;padding:0 6px;background:#f41b5d; border-radius:10px;}
.main_visual_box .swiper-slide .tx {position:absolute;bottom:0px;left:0px;right:0;background:rgba(0,0,0,.6);padding:12px 10px; display: flex; align-items: center; gap:6px; font-family:'Noto Sans KR', 'sans-serif';}
.main_visual_box .swiper-slide .tx img {width:40px;height:40px;border:2px solid #f41b5d;border-radius:50%;}
.main_visual_box .swiper-slide .tx dt {font-size:14px;color:#fff;line-height:24px;font-weight:500;}
.main_visual_box .swiper-slide .tx dd {font-size:13px;color:#9e9ea0;line-height:24px;font-weight:500;}
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active { animation: main_img 0.3s 0.2s both; opacity: 1; z-index:2; }
.main_visual_box .swiper2 .swiper-slide.swiper-slide-active { animation: main_img 0.3s 0.2s both; opacity: 1; z-index:2; }

@media (max-width: 1920px) {
.main_visual_box {}
}
    
@keyframes main_img {
    from {  }
    to { transform: scale(1); }
}
@keyframes main_txt {
    from { opacity: 0; transform: translateY(80px);  }
    to { opacity: 1; }
}
@keyframes main_txt1 {
    from { opacity: 0;  }
    to { opacity: 1; }
}

.main_visual_box .swiper-pagination {position:relative; left: auto !important; bottom: auto !important; top: auto; margin-top:15px; }
.main_visual_box .swiper-pagination2 {position:relative; left: auto !important; bottom: auto !important; top: auto; margin-top:15px; text-align:center;}
.main_visual_box .swiper-pagination-bullet { width: 30px; height: 6px; opacity: 1; border-radius:3px; background:#676773; margin:0 10px !important;}
.main_visual_box .swiper-pagination-bullet-active { opacity: 1; background: linear-gradient(to right, #f017b0, #f41b5d);} 
.main_visual_box .swiper-button-next { width: 17px; height: 33px; background: url(../images/visual_right.png) no-repeat; top: 94.6% !important; right:43% !important}
.main_visual_box .swiper-button-prev { width: 17px; height: 33px; background: url(../images/visual_left.png) no-repeat; top: 94.6% !important; left:43% !important}
.swiper-button-next::after, .swiper-button-prev::after { display: none; }

@media (max-width: 768px) {
#content {padding-top:100px;padding-bottom:100px;}
#content .cont_left {display:none;}
.sub_content {padding:40px 0 0 0;}
.main_visual_box { margin:0; display:none; }
.main_visual_box.mo {display:block;}
.main_visual_box .swiper-slide {position:relative; transform: scale(1); opacity: .5;}
.main_visual_box .swiper-slide .img {height:auto;}
.main_visual_box .swiper-slide .tp {top:10px;left:10px;font-size:12px;color:#fff;line-height:20px;font-weight:500;padding:0 10px;background:#f000ff; border-radius:10px;}
.main_visual_box .swiper-slide .box {position:absolute;top:10px;right:10px;font-size:16px;color:#fff;line-height:30px;font-weight:bold;padding:0 6px;background:#f41b5d; border-radius:5px;}
.main_visual_box .swiper-slide .tx {position:absolute;bottom:0px;left:0px;right:0;background:rgba(0,0,0,.6);padding:12px 10px; display: flex; align-items: center; gap:6px; font-family:'Noto Sans KR', 'sans-serif';}
.main_visual_box .swiper-slide .tx img {width:36px;height:36px;border:2px solid #f41b5d;border-radius:50%;}
.main_visual_box .swiper-slide .tx dt {font-size:13px;color:#fff;line-height:18px;font-weight:500;}
.main_visual_box .swiper-slide .tx dd {font-size:12px;color:#9e9ea0;line-height:18px;font-weight:500;}
}

.mcont_wrap .mcont, .cycle-carousel-wrap {
    width: 100%;
    height: 100%;
}
.scont_wrap {width:100%; height:100% !important;}
.scont_wrap .scont {width:100%; height:100%; overflow:hidden; position:relative !important;}
.scont_wrap .scont_bottom {
    overflow: hidden;
}

.sub_line {margin:20px 0;height:1px;background:#252528;}


.board_list {margin:0 60px;}
.board_list .title {display: flex; justify-content: space-between; align-items: center; margin-bottom:20px;}
.board_list .title h3 {font-size:23px;color:#fff;line-height:36px;font-weight:bold;}
.board_list .title .right {display: flex; align-items: center; gap:17px;}
.board_list .title .search {display: flex; align-items: center; gap:10px;}
.board_list .title .search .input {border:1px solid #252528; width:250px;height:36px; background:#000; border-radius:5px; font-family:'Noto Sans KR', 'sans-serif';font-size:13px;color:#fff;line-height:34px;padding:0 15px;}
.board_list .title .search .btn {border:1px solid #f117a2; width:100px;height:36px; background:#000; border-radius:5px; font-family:'Noto Sans KR', 'sans-serif';font-size:13px;color:#f117a2;line-height:34px;text-align:center;}
.board_list .title .tab {border:1px solid #252528;font-family:'Noto Sans KR', 'sans-serif';font-size:15px;color:#9e9ea0;line-height:34px;text-align:center; display: flex;}
.board_list .title .tab a:first-child {border-left:0;}
.board_list .title .tab a {display:block;width:100px;border-left:1px solid #252528;}
.board_list .title .tab a.on {color:#f117a2;}
.board_list ul {display: grid; gap: 40px 20px; grid-template-columns: repeat(4, minmax(0, 1fr));}
.board_list ul .img {position:relative;border-radius:8px;overflow:hidden;}
.board_list ul .img img {width: 100%; max-height: 170px; display: block; -o-object-fit: cover; object-fit: cover;}
.board_list ul .img .live {position:absolute;top:10px;left:10px;font-size:11px;color:#fff;line-height:24px;font-weight:500;padding:0 10px;background:#f000ff; border-radius:12px;}
.board_list ul .img .box {position:absolute;top:10px;right:10px;font-size:22px;color:#fff;line-height:40px;font-weight:bold;padding:0 6px;background:#f41b5d; border-radius:10px;}
.board_list ul .tx {display: flex; align-items: center; gap:6px; font-family:'Noto Sans KR', 'sans-serif'; margin-top:12px;}
.board_list ul .tx img {width:38px;height:38px;border:2px solid #f41b5d;border-radius:50%;}
.board_list ul .tx dt {font-size:12px;color:#fff;line-height:18px;font-weight:500;}
.board_list ul .tx dd {font-size:11px;color:#9e9ea0;line-height:18px;font-weight:500;}
.board_list ul .bd {font-family:'Noto Sans KR', 'sans-serif'; margin-top:10px;}
.board_list ul .bd p {display:inline-block;background:#171719;border-radius:5px;padding:0 5px;font-size:9px;color:rgba(250,144,206,.6);line-height:20px;}


@media (max-width: 768px) {
.sub_line {margin:20px 0;height:1px;background:#252528;}
.board_list {margin:0;}
.board_list .title {margin-bottom:20px; flex-direction: column;}
.board_list .title h3 {margin-bottom:10px;}
.board_list .title .right {flex-direction: column;}
.board_list .title .search .input {border:1px solid #252528; width:200px;height:36px; background:#000; border-radius:5px; font-family:'Noto Sans KR', 'sans-serif';font-size:13px;color:#fff;line-height:34px;padding:0 15px;}
.board_list .title .search .btn {border:1px solid #f117a2; width:80px;height:36px; background:#000; border-radius:5px; font-family:'Noto Sans KR', 'sans-serif';font-size:13px;color:#f117a2;line-height:34px;text-align:center;}
.board_list ul {display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin:0 10px;}
.board_list ul .img .box {font-size:12px;color:#fff;line-height:24px; border-radius:6px;}
}


.end_mn {position:fixed;left:0;bottom:0;z-index:99;width:100%;padding:12px 10px;background:#19191c;display:none;}
.end_mn ul {display: flex; align-items: center;}
.end_mn ul li {width:100%;}
.end_mn ul li a {display: flex; flex-direction: column; align-items: center;}
.end_mn ul li p {font-size:12px;color:#78787a;line-height:18px;padding-top:6px;}
.end_mn ul li.on p {color:#f117a2;}
.end_mn ul li .icon01 {background:url(../images/icon_menu01.png) no-repeat center / cover;width:20px;height:22px;}
.end_mn ul li .icon02 {background:url(../images/icon_menu02.png) no-repeat center / cover;width:20px;height:22px;}
.end_mn ul li .icon03 {background:url(../images/icon_menu03.png) no-repeat center / cover;width:20px;height:22px;}
.end_mn ul li .icon04 {background:url(../images/icon_menu12.png) no-repeat center / cover;width:20px;height:22px;}
.end_mn ul li.on .icon01 {background:url(../images/icon_menu01on.png) no-repeat center / cover;}
.end_mn ul li.on .icon02 {background:url(../images/icon_menu02on.png) no-repeat center / cover;}
.end_mn ul li.on .icon03 {background:url(../images/icon_menu03on.png) no-repeat center / cover;}
.end_mn ul li.on .icon04 {background:url(../images/icon_menu12on.png) no-repeat center / cover;}

@media (max-width: 768px) {
.end_mn {display:block;}
}

    
/* footer */
.footer {background:#000; position:relative; width:100%; padding:45px 0; font-family:'Noto Sans KR', 'sans-serif';font-size:15px;color:#999;line-height:30px;text-align:center; margin-top:30px;}



.sub_tab1 {margin:0 60px 50px;}
.sub_tab1 ul {display: flex; justify-content: space-between; gap:20px;}
.sub_tab1 ul li {width:100%; border-radius:10px; background: #000; padding:0; position:relative; text-align:center;}
.sub_tab1 ul li:before {content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; z-index: -1; background: linear-gradient(150deg, #f017b0, #f41b60); border-radius: 12px;}
.sub_tab1 ul li.box1:before {content: ''; background: linear-gradient(150deg, #0afb5f, #43befa);}
.sub_tab1 ul li.box2:before {content: ''; background: linear-gradient(150deg, #f000ff, #4e37fe);}
.sub_tab1 ul li .img {margin:20px auto 0;position:relative;display:inline-block;}
.sub_tab1 ul li .img img {border-radius:50%;width:150px;height:150px; -o-object-fit: cover; object-fit: cover;}
.sub_tab1 ul li .img span {position:absolute;top:-2px;left:-2px;background: linear-gradient(150deg, #f017b0, #f41b60); font-size:22px;color:#fff;line-height:44px;font-weight:bold; text-align:center; width:44px; text-shadow : 0px 2px 2px rgba(0,0,0,0.3); border-radius:50%;}
.sub_tab1 ul li.box1 .img span {background: linear-gradient(150deg, #0afb5f, #43befa);}
.sub_tab1 ul li.box2 .img span {background: linear-gradient(150deg, #f000ff, #4e37fe);}
.sub_tab1 ul li p {font-family:'Noto Sans KR', 'sans-serif';font-size:18px;color:#fff;line-height:24px;font-weight:bold;margin-top:12px;}
.sub_tab1 ul li .con {font-family:'Noto Sans KR', 'sans-serif';font-size:13px;color:#fff;line-height:40px;font-weight:500; border-top:1px solid #252528; margin-top:16px;}
.sub_tab1 ul li .con dl {padding:0 20px; display: flex; justify-content: space-between; align-items: center;}
.sub_tab1 ul li .con dl dt {}
.sub_tab1 ul li .con dl dd {color:#9e9ea0;}


.board_list1 {margin:0 60px;color:#fff;}
.board_list1 .title {display: flex; justify-content: space-between; align-items: center; margin-bottom:30px;}
.board_list1 .title h3 {font-size:23px;color:#fff;line-height:36px;font-weight:bold;}
.board_list1 .title .tab {border:1px solid #252528;font-family:'Noto Sans KR', 'sans-serif';font-size:15px;color:#9e9ea0;line-height:34px;text-align:center; display: flex;}
.board_list1 .title .tab a:first-child {border-left:0;}
.board_list1 .title .tab a {display:block;width:100px;border-left:1px solid #252528;}
.board_list1 .title .tab a.on {color:#f117a2;}
.board_list1 .tit {border:1px solid #252528;background:#000; display: flex; justify-content: space-between; align-items: center; font-family:'Noto Sans KR', 'sans-serif';font-size:15px;line-height:58px;font-weight:bold;text-align:center;}
.board_list1 .con {border-bottom:1px solid #252528; display: flex; justify-content: space-between; align-items: center; text-align:center;padding:20px 0;}
.board_list1 .w1 {width:400px; display: flex; align-items: center;}
.board_list1 .w1 span:nth-child(1) {width:100px;}
.board_list1 .w1 span:nth-child(2) {width:300px;}
.board_list1 .w2 {width:280px; display: flex; align-items: center; gap:40px;  font-family:'Noto Sans KR', 'sans-serif';}
.board_list1 .w2 span {width:100%;}
.board_list1 .w3 {width:270px; display: flex; align-items: center;  font-family:'Noto Sans KR', 'sans-serif';}
.board_list1 .w3 span {width:100%;}
.board_list1 .con .w1 span:nth-child(1) {font-size:23px;color:#fff;line-height:40px;font-weight:bold; text-align:center; text-shadow : 0px 2px 2px rgba(0,0,0,0.3); display: flex; justify-content: center;}
.board_list1 .con .w1 .box1 {width:40px;height:40px;border-radius:5px;background: linear-gradient(150deg, #0afb5f, #43befa);}
.board_list1 .con .w1 .box2 {width:40px;height:40px;border-radius:5px;background: linear-gradient(150deg, #f000ff, #4e37fe);}
.board_list1 .con .w1 .box3 {width:40px;height:40px;border-radius:5px;background: linear-gradient(150deg, #f017b0, #f41b60);}
.board_list1 .con .w1 .box4 {width:40px;height:40px;border-radius:5px;background: #9e9ea0;}
.board_list1 .con .w1 span:nth-child(2) {display:flex; align-items: center; gap:15px;  font-family:'Noto Sans KR', 'sans-serif';}
.board_list1 .con .img {position:relative;}
.board_list1 .con .img img {width:76px;height:76px;border:2px solid #f41b5d;border-radius:50%;}
.board_list1 .con .img .live {position:absolute;left:8px;bottom:0;width:60px;border-radius:12px;font-size:11px;color:#fff;line-height:24px;text-align:center; background: linear-gradient(to right, #f017b0, #f41b5d);}
.board_list1 .con .txt {position:relative;text-align:left;}
.board_list1 .con .txt h3 {font-size:18px;color:#fff;line-height:20px;font-weight:500;}
.board_list1 .con .txt p {font-size:16px;color:#9e9ea0;line-height:20px;font-weight:500;}
.board_list1 .con .txt .bd {display: flex; align-items: center; gap:5px; margin-top:6px;}
.board_list1 .con .txt .bd p {background:#171719;border-radius:5px;padding:0 10px;font-size:11px;color:rgba(250,144,206,.6);line-height:20px;}
.board_list1 .con .w2 {}
.board_list1 .con .w2 span {width:120px;height:60px;background:#000;border:1px solid #252528;border-radius:5px; font-size:18px;color:#f117a2;line-height:58px;font-weight:500;}
.board_list1 .con .w3 {justify-content: space-around;}
.board_list1 .con .w3 span {width:60px;height:60px;background:#000;border:1px solid #252528;border-radius:50%; display: flex; align-items: center; justify-content: center;}

@media (max-width: 768px) {
.sub_tab1 {margin:0 10px 40px;}
.sub_tab1 ul {padding:2px; overflow-x: auto;}
.sub_tab1 ul li {min-width: 210px;}

.board_list1 {margin:0 0;color:#fff;}
.board_list1 .title {margin:0 20px 20px; flex-direction: column;}
.board_list1 .title h3 {margin-bottom:20px;}
.board_list1 .title .tab {width:100%;font-size:13px;}
.board_list1 .title .tab a {width:100%;}
.board_list1 .tit {display:none;}
.board_list1 .con {}
.board_list1 .w1 {width:100%; display: flex; align-items: center;}
.board_list1 .w1 span:nth-child(1) {width:20%;}
.board_list1 .w1 span:nth-child(2) {width:80%;}
.board_list1 .w2 {display:none;}
.board_list1 .w3 {display:none;}
.board_list1 .con .w1 span:nth-child(1) {font-size:18px;color:#fff;line-height:30px;font-weight:bold;}
.board_list1 .con .w1 .box1 {width:30px;height:30px;border-radius:5px;background: linear-gradient(150deg, #0afb5f, #43befa);}
.board_list1 .con .w1 .box2 {width:30px;height:30px;border-radius:5px;background: linear-gradient(150deg, #f000ff, #4e37fe);}
.board_list1 .con .w1 .box3 {width:30px;height:30px;border-radius:5px;background: linear-gradient(150deg, #f017b0, #f41b60);}
.board_list1 .con .w1 .box4 {width:30px;height:30px;border-radius:5px;background: #9e9ea0;}
}


.board_list2 {margin:0 60px;color:#fff;}
.board_list2 .title {display: flex; justify-content: space-between; align-items: center; margin-bottom:30px;}
.board_list2 .title h3 {font-size:23px;color:#fff;line-height:36px;font-weight:bold;}
.board_list2 .title .tab {border:1px solid #252528;font-family:'Noto Sans KR', 'sans-serif';font-size:15px;color:#9e9ea0;line-height:34px;text-align:center; display: flex;}
.board_list2 .title .tab a:first-child {border-left:0;}
.board_list2 .title .tab a {display:block;padding:0 20px;border-left:1px solid #252528;}
.board_list2 .title .tab a.on {color:#f117a2;}
.board_list2 .tit {border:1px solid #252528;background:#000; display: flex; justify-content: space-between; align-items: center; font-family:'Noto Sans KR', 'sans-serif';font-size:15px;line-height:58px;font-weight:bold;text-align:center;}
.board_list2 ul {display: grid; gap: 40px 20px; grid-template-columns: repeat(4, minmax(0, 1fr));}
.board_list2 ul li {position:relative;border-radius:8px;overflow:hidden;font-family:'Noto Sans KR', 'sans-serif'; border:1px solid #252528;background:#000;}
.board_list2 ul li img {width:100%;}
.board_list2 ul li .con {padding:20px;}
.board_list2 ul li .con dl {display: flex; justify-content: space-between; align-items: center;position:relative;padding-right:100px;}
.board_list2 ul li .con dl dt {font-size:16px;color:#fff;line-height:30px;font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.board_list2 ul li .con dl dd {position:absolute;top:0;right:0;}
.board_list2 ul li .con dl dd a {display:block;background:#f41b5d;font-size:14px;color:#fff;line-height:30px;padding:0 10px;border-radius:15px;}
.board_list2 ul li .con p {font-size:14px;color:#9e9ea0;line-height:20px;margin-top:20px;}

@media (max-width: 768px) {
.board_list2 {margin:0;}
.board_list2 .title {margin-bottom:20px; flex-direction: column;}
.board_list2 .title h3 {margin-bottom:10px;}
.board_list2 .title .right {flex-direction: column;}
.board_list2 ul {display: grid; gap: 20px; grid-template-columns: repeat(1, minmax(0, 1fr)); margin:0 10px;}
}


.sub_tab2 {margin:0 60px;}
.sub_tab2 .title {display: flex; justify-content: space-between; align-items: center; margin-bottom:30px;}
.sub_tab2 .title h3 {font-size:23px;color:#fff;line-height:36px;font-weight:bold;}
.sub_tab2 ul {display: flex; justify-content: space-between; gap:20px;}
.sub_tab2 ul li {width:270px; text-align:center;}
.sub_tab2 ul li .box {background: #000; border-radius:10px; position:relative; padding:35px 0 40px;}
.sub_tab2 ul li .box:before {content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; z-index: -1; border-radius: 12px;}
.sub_tab2 ul li .box .con {margin-top:20px;}
.sub_tab2 ul li .box .con h3 {font-size:22px;color:#fff;line-height:24px;font-weight:bold;}
.sub_tab2 ul li .box .con p {font-family:'Noto Sans KR', 'sans-serif';font-size:18px;color:#f117a2;line-height:24px;font-weight:bold;}
.sub_tab2 ul li .box .con span {display:inline-block;font-family:'Noto Sans KR', 'sans-serif';font-size:13px;color:#9e9ea0;line-height:34px;font-weight:500;border:1px solid #39393d;border-radius:18px;padding:0 10px;margin-top:10px;}
.sub_tab2 ul li .btns {margin-top:20px;}
.sub_tab2 ul li .btns a {display:block;border-radius:10px;font-size:22px;line-height:58px;font-weight:bold;height:53px;}
.sub_tab2 ul li:nth-child(1) .btns a {background: linear-gradient(150deg, #f4f8f9, #bfc3ce);color:#292e32;}
.sub_tab2 ul li:nth-child(2) .btns a {background: linear-gradient(150deg, #fff7d3, #fadd81);color:#513206;}
.sub_tab2 ul li:nth-child(3) .btns a {background: linear-gradient(150deg, #fff4fc, #feb6ce);color:#651c46;}
.sub_tab2 ul li:nth-child(5) .btns a {background: linear-gradient(150deg, #e0d0fd, #9364f0);color:#281152;}
.sub_tab2 ul li:nth-child(4) .btns a {background: linear-gradient(150deg, #f017b0, #f41b5d);color:#fff;}
.sub_tab2 ul li:nth-child(1) .box:before {content: ''; background: linear-gradient(150deg, #f4f8f9, #bfc3ce);}
.sub_tab2 ul li:nth-child(2) .box:before {content: ''; background: linear-gradient(150deg, #fff7d3, #fadd81);}
.sub_tab2 ul li:nth-child(3) .box:before {content: ''; background: linear-gradient(150deg, #fff4fc, #feb6ce);}
.sub_tab2 ul li:nth-child(5) .box:before {content: ''; background: linear-gradient(150deg, #e0d0fd, #9364f0);}
.sub_tab2 ul li:nth-child(4) .box:before {content: ''; background: linear-gradient(150deg, #f017b0, #f41b5d);}

@media (max-width: 768px) {
.sub_tab2 {margin:0 10px;}
.sub_tab2 .title {margin-bottom:20px;}
.sub_tab2 .title h3 {}
.sub_tab2 ul {gap:40px; flex-direction: column;}
.sub_tab2 ul li {width:100%;}
.sub_tab2 ul li .box {padding:20px; display: flex; justify-content:center; align-items:center; gap:20px;}
.sub_tab2 ul li .box:before {content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; z-index: -1; border-radius: 12px;}
.sub_tab2 ul li .box .con {margin-top:0;text-align:left;}
.sub_tab2 ul li .box .con h3 {font-size:18px;color:#fff;line-height:24px;font-weight:bold;}
.sub_tab2 ul li .box .con p {font-family:'Noto Sans KR', 'sans-serif';font-size:16px;color:#f117a2;line-height:24px;font-weight:bold;}
.sub_tab2 ul li .box .con span {display:inline-block;font-family:'Noto Sans KR', 'sans-serif';font-size:12px;color:#9e9ea0;line-height:34px;font-weight:500;border:1px solid #39393d;border-radius:18px;padding:0 15px;margin-top:10px;}
.sub_tab2 ul li .btns {margin-top:10px;}
.sub_tab2 ul li .btns a {display:block;border-radius:10px;font-size:22px;line-height:58px;font-weight:bold;height:53px;}
}



.sub_board1 {margin:0 60px;}
.sub_board1 .title {display: flex; justify-content: space-between; align-items: center; margin-bottom:30px;}
.sub_board1 .title h3 {font-size:23px;color:#fff;line-height:36px;font-weight:bold;}
.sub_board1 dl {border-bottom:1px solid #252528;padding:20px 0; display: flex; justify-content: space-between; align-items: center; font-family:'Noto Sans KR', 'sans-serif';}
.sub_board1 dl dt {font-size:15px;color:#fff;font-weight:500;}
.sub_board1 dl dd {font-size:15px;color:#9e9ea0;line-height:18px;font-weight:500;}
.sub_board1 .c1 {color:#f117a2;}
.sub_board1 .c2 {color:#f1ff09;}
.sub_board1 .c3 {font-family:'Noto Sans KR', 'sans-serif';font-size:15px;color:#00fff6;font-weight:500;}
.sub_board1 .box {border:1px solid #f117a2;border-radius:30px; display: flex; justify-content: space-between; align-items: center; font-family:'Noto Sans KR', 'sans-serif'; margin-top:20px; padding:0 30px;}
.sub_board1 .box h3 {font-size:22px;color:#fff;line-height:60px;font-weight:bold;}
.sub_board1 .box p {font-size:26px;color:#f117a2;line-height:60px;font-weight:bold;}
.sub_board1 .tit1 {border-bottom:1px solid #252528; display: flex; align-items: center; gap:8px; font-size:20px;color:#fff;font-weight:bold; margin:40px 0 20px; padding-bottom:10px;}
.sub_board1 .radio {font-family:'Noto Sans KR', 'sans-serif';color:#fff; display: flex; align-items: center; gap:20px; margin-top:20px;}
.sub_board1 .radio label {display: flex; align-items: center; gap:6px; cursor: pointer;}
.sub_board1 .input {border:1px solid #39393d; width:100%;height:36px; background:#000; border-radius:20px; font-family:'Noto Sans KR', 'sans-serif';font-size:13px;color:#fff;padding:0 30px;margin-top:20px;}
.sub_board1 .btns {margin-top:50px;text-align:center;}
.sub_board1 .btns a {display:inline-block;width:270px;height:53px;font-size:22px;color:#fff;line-height:58px;font-weight:bold;text-align:center; background: linear-gradient(to right, #f017b0, #f41b5d); border-radius:10px;}

@media (max-width: 768px) {
.sub_board1 {margin:0 10px;}
.sub_board1 .title {margin-bottom:20px;}
.sub_board1 .title h3 {}
.sub_board1 dl {border-bottom:1px solid #252528;padding:20px 0; display: flex; justify-content: flex-start; align-items: center; font-family:'Noto Sans KR', 'sans-serif';}
.sub_board1 dl dt {width:23%;font-size:13px;color:#fff;font-weight:500;}
.sub_board1 dl dd {font-size:13px;color:#9e9ea0;line-height:18px;font-weight:500;}
.sub_board1 .c1 {color:#f117a2;}
.sub_board1 .c2 {color:#f1ff09;}
.sub_board1 .c3 {font-family:'Noto Sans KR', 'sans-serif';font-size:13px;color:#00fff6;font-weight:500;}
.sub_board1 .box {border:1px solid #f117a2;border-radius:30px; display: flex; justify-content: space-between; align-items: center; font-family:'Noto Sans KR', 'sans-serif'; margin-top:20px; padding:0 20px;}
.sub_board1 .box h3 {font-size:18px;color:#fff;line-height:40px;font-weight:bold;}
.sub_board1 .box p {font-size:20px;color:#f117a2;line-height:40px;font-weight:bold;}
.sub_board1 .tit1 {border-bottom:1px solid #252528; display: flex; align-items: center; gap:8px; font-size:18px;color:#fff;font-weight:bold; margin:40px 0 20px; padding-bottom:10px;}
.sub_board1 .input {border:1px solid #39393d; width:100%;height:36px; background:#000; border-radius:20px; font-family:'Noto Sans KR', 'sans-serif';font-size:11px;color:#fff;padding:0 20px;margin-top:20px;}
.sub_board1 .btns {margin-top:30px;text-align:center;}
.sub_board1 .btns a {display:inline-block;width:220px;height:42px;font-size:18px;color:#fff;line-height:46px;font-weight:bold;text-align:center; background: linear-gradient(to right, #f017b0, #f41b5d); border-radius:10px;}
}



.sub_board2 {margin:0 60px;}
.sub_board2 .title {display: flex; flex-direction: column; align-items: flex-start; gap:10px; margin-bottom:30px;}
.sub_board2 .title h3 {font-size:23px;color:#fff;line-height:36px;font-weight:bold;}
.sub_board2 .tab {border:1px solid #252528;font-family:'Noto Sans KR', 'sans-serif';font-size:15px;color:#9e9ea0;line-height:34px;text-align:center; display: flex;}
.sub_board2 .tab a:first-child {border-left:0;}
.sub_board2 .tab a {display:block;padding:0 20px;border-left:1px solid #252528;}
.sub_board2 .tab a.on {color:#f117a2;}
.sub_board2 .box {border:1px solid #252528;font-family:'Noto Sans KR', 'sans-serif';font-size:15px;color:#fff;text-align:center;}
.sub_board2 .box dl:first-child {border-top:0;}
.sub_board2 .box dl {border-top:1px solid #252528;display: flex; justify-content: space-between; align-items: stretch;}
.sub_board2 .box dl dt {width:20%;background:#000;border-right:1px solid #252528; display: flex; justify-content: center; align-items: center;}
.sub_board2 .box dl dd {width:80%;padding:20px;}
.sub_board2 .box dl.dl2 dd {text-align:right;}
.sub_board2 .box dl.dl3 {color:#1fe8f4;}
.sub_board2 .box dl.dl3 dd {text-align:left;}
.sub_board2 .c1 {font-size:26px;color:#fff;font-weight:bold;}
.sub_board2 .c2 {font-size:26px;color:#f117a2;font-weight:bold;}
.sub_board2 .input {border:1px solid #39393d; width:100%;height:44px; background:#000; border-radius:22px; font-size:13px;color:#fff;padding:0 30px;}
.sub_board2 .btns {margin-top:50px;text-align:center;}
.sub_board2 .btns a {display:inline-block;width:270px;height:53px;font-size:22px;color:#fff;line-height:58px;font-weight:bold;text-align:center; background: linear-gradient(to right, #f017b0, #f41b5d); border-radius:10px;}
.sub_board2 .banks {background-color: #fff; display: flex; flex-wrap: wrap; align-items: center; margin-top:50px;}
.sub_board2 .banks img {max-height:100px;}
.board2table {width:100%;font-family:'Noto Sans KR', 'sans-serif';font-size:15px;color:#fff;font-weight:500;text-align:center;}
.board2table .tt {border:1px solid #252528;background:#000;}
.board2table th {line-height:60px;font-weight:bold;}
.board2table td {border-bottom:1px solid #252528;padding:20px 0;}
.board2table td span {display:inline-block;border:1px solid #9bf422;border-radius:16px;font-size:13px;color:#9bf422;line-height:30px;padding:0 25px;cursor: pointer;}
.board2table td span.btns {border:0;background:linear-gradient(to right, #f017b0, #f41b5d);color:#fff;}
.board2table .con {padding:0 20px; display: flex; align-items: center; gap:10px;}
.board2table .con .img {width:50px;}
.board2table .con .txt {font-family:'Noto Sans KR', 'sans-serif';color:#fff;}
.board2table .con .txt h3 {font-size:18px;line-height:30px;font-weight:500;}
.board2table .con .txt p {font-size:13px;color:#9e9ea0;line-height:20px;font-weight:500; display: flex; align-items: center; gap:10px; margin-top:6px;}
.board2table .con .txt p img {width:20px;}

@media (max-width: 768px) {
.sub_board2 {margin:0 10px;}
.sub_board2 .title {margin-bottom:20px;}
.sub_board2 .title h3 {}
.sub_board2 .box {border:1px solid #252528;font-family:'Noto Sans KR', 'sans-serif';font-size:13px;color:#fff;text-align:center;}
.sub_board2 .box dl:first-child {border-top:0;}
.sub_board2 .box dl {border-top:1px solid #252528;display: flex; justify-content: space-between; align-items: stretch;}
.sub_board2 .box dl dt {width:20%;background:#000;border-right:1px solid #252528; display: flex; justify-content: center; align-items: center;}
.sub_board2 .box dl dd {width:80%;padding:20px 10px;}
.sub_board2 .box dl.dl2 dd {text-align:right;}
.sub_board2 .box dl.dl3 {color:#1fe8f4;}
.sub_board2 .box dl.dl3 dd {text-align:left;}
.sub_board2 .c1 {font-size:26px;color:#fff;font-weight:bold;}
.sub_board2 .c2 {font-size:26px;color:#f117a2;font-weight:bold;}
.sub_board2 .input {border:1px solid #39393d; width:100%;height:44px; background:#000; border-radius:22px; font-size:13px;color:#fff;padding:0 20px;}
.sub_board2 .btns {margin-top:30px;text-align:center;}
.sub_board2 .btns a {display:inline-block;width:220px;height:42px;font-size:18px;color:#fff;line-height:46px;font-weight:bold;text-align:center; background: linear-gradient(to right, #f017b0, #f41b5d); border-radius:10px;}
.sub_board2 .banks {background-color: #fff; display: flex; flex-wrap: wrap; align-items: center; margin-top:50px;}
.sub_board2 .banks img {max-height:100px;}
.board2table {width:100%;font-family:'Noto Sans KR', 'sans-serif';font-size:12px;color:#fff;font-weight:500;text-align:center;}
.board2table .tt {border:1px solid #252528;background:#000;}
.board2table th {line-height:40px;font-weight:bold;}
.board2table td {border-bottom:1px solid #252528;padding:15px 0;}
.board2table td span {display:inline-block;border:1px solid #9bf422;border-radius:16px;font-size:11px;color:#9bf422;line-height:30px;padding:0 10px;cursor: pointer;}
.board2table .con {padding:0 20px; display: flex; align-items: center; gap:10px;}
.board2table .con .img {width:50px;}
.board2table .con .txt {font-family:'Noto Sans KR', 'sans-serif';color:#fff;}
.board2table .con .txt h3 {font-size:18px;line-height:24px;font-weight:500;}
.board2table .con .txt p {font-size:13px;color:#9e9ea0;line-height:18px;font-weight:500; display: flex; align-items: center; gap:10px; margin-top:6px;}
.board2table .con .txt p img {width:22px;}
}



.sub_qrcon {margin:0 60px;}
.sub_qrcon .qr_tit1 {background:#000;border:1px solid #252528;border-radius:10px;padding:35px 0 30px; display: flex; flex-direction: column; align-items: center;}
.sub_qrcon .qr_tit1 h3 {font-size:35px;background-image: linear-gradient(to right, #f017b0, #f41b5d);  -webkit-background-clip: text;  color: transparent;}
.sub_qrcon .qr_tit1 p {font-family:'Noto Sans KR', 'sans-serif';font-size:16px;color:#9e9ea0;font-weight:500;margin-top:15px;}
.sub_qrcon .qr_con1 {margin-top:40px; display: flex; justify-content: space-between; gap:36px;}
.sub_qrcon .qr_con1 .box {background:#000;border:1px solid #252528;border-radius:10px;padding:40px 3%; display: flex; justify-content: space-between; align-items: center; gap:25px;}
.sub_qrcon .qr_con1 .box:hover {border:1px solid #f117a2;}
.sub_qrcon .qr_con1 .box .con {display: flex; align-items: center; gap:25px;}
.sub_qrcon .qr_con1 .box .con .icon {}
.sub_qrcon .qr_con1 .box .con .tx {}
.sub_qrcon .qr_con1 .box .con .tx h3 {font-size:28px;color:#fff;font-weight:bold;}
.sub_qrcon .qr_con1 .box .con .tx p {font-family:'Noto Sans KR', 'sans-serif';font-size:15px;color:#9e9ea0;line-height:24px;font-weight:500;letter-spacing:-0.5px;margin-top:20px;}
.sub_qrcon .qr_con1 .box .con .tx .bd {display: flex; align-items: center; gap:10px; margin-top:5px;}
.sub_qrcon .qr_con1 .box .con .tx .bd span {display:inline-block;border:1px solid #545456;background:#171719; font-family:'Noto Sans KR', 'sans-serif';font-size:11px;color:#9e9ea0;line-height:24px; border-radius:4px;padding:0 8px;}
.sub_qrcon .qr_con1 .box .img {display: flex; flex-direction: column; gap: 15px;}
.sub_qrcon .qr_tit2 {margin:70px 0 30px; display: flex; justify-content: center;}
.sub_qrcon .qr_tit2 h3 {font-size:35px;background-image: linear-gradient(to right, #f017b0, #f41b5d);  -webkit-background-clip: text;  color: transparent;}
.sub_qrcon .qr_con2 {}
.sub_qrcon .qr_con2 ul {display: flex; justify-content: space-between; gap:3%;}
.sub_qrcon .qr_con2 ul li {background:#000;border:1px solid #252528;border-radius:10px;padding:60px 20px 30px;width:100%;text-align:center; letter-spacing:-0.5px;}
.sub_qrcon .qr_con2 ul li:hover {border:1px solid #f117a2;}
.sub_qrcon .qr_con2 ul li h3 {font-size:22px;color:#fff;line-height:30px;font-weight:bold;margin-top:20px;}
.sub_qrcon .qr_con2 ul li p {font-family:'Noto Sans KR', 'sans-serif';font-size:14px;color:#9e9ea0;line-height:24px;font-weight:500;margin-top:10px;}
.sub_qrcon .qr_con3 {display: flex; justify-content: space-between; gap:3%;}
.sub_qrcon .qr_con3 .box {background:#000;border:1px solid #252528;border-radius:10px;padding:35px 45px;width:100%;}
.sub_qrcon .qr_con3 .box:hover {border:1px solid #f117a2;}
.sub_qrcon .qr_con3 .box .tit {font-size:22px;color:#fff;line-height:30px;font-weight:bold;margin-bottom:20px;padding-left:20px;}
.sub_qrcon .qr_con3 .box ul {}
.sub_qrcon .qr_con3 .box ul li {border-top:1px solid #252528;font-size:16px;color:#9e9ea0;line-height:20px;padding:20px 20px 20px 46px;position:relative;}
.sub_qrcon .qr_con3 .box ul li:first-child {border-top:0;}
.sub_qrcon .qr_con3 .box ul li:before {content:'';position:absolute;top:21px;left:20px;width:18px;height:18px;background:url(../images/app_icon01.png) no-repeat;}

@media (max-width: 768px) {
.sub_qrcon {margin:0 10px;}
.sub_qrcon .qr_tit1 {padding:20px 10px; text-align: center;}
.sub_qrcon .qr_tit1 h3 {font-size:35px;background-image: linear-gradient(to right, #f017b0, #f41b5d);  -webkit-background-clip: text;  color: transparent;}
.sub_qrcon .qr_tit1 p {font-family:'Noto Sans KR', 'sans-serif';font-size:16px;color:#9e9ea0;font-weight:500;margin-top:15px;}
.sub_qrcon .qr_con1 {margin-top:40px; display: flex; justify-content: space-between; gap:20px; flex-direction: column;}
.sub_qrcon .qr_con1 .box {background:#000;border:1px solid #252528;border-radius:10px;padding:20px 3%; display: flex; justify-content: space-between; align-items: center; gap:25px; flex-direction: column;}
.sub_qrcon .qr_con1 .box:hover {border:1px solid #f117a2;}
.sub_qrcon .qr_con1 .box .con {display: flex; align-items: center; gap:25px; flex-direction: column;text-align:center;}
.sub_qrcon .qr_con1 .box .con .icon {}
.sub_qrcon .qr_con1 .box .con .tx {}
.sub_qrcon .qr_con1 .box .con .tx h3 {font-size:22px;color:#fff;font-weight:bold;}
.sub_qrcon .qr_con1 .box .con .tx p {font-family:'Noto Sans KR', 'sans-serif';font-size:15px;color:#9e9ea0;line-height:24px;font-weight:500;letter-spacing:-0.5px;margin-top:20px;}
.sub_qrcon .qr_con1 .box .con .tx .bd {display: flex; align-items: center; gap:10px; margin-top:5px;}
.sub_qrcon .qr_con1 .box .con .tx .bd span {display:inline-block;border:1px solid #545456;background:#171719; font-family:'Noto Sans KR', 'sans-serif';font-size:11px;color:#9e9ea0;line-height:24px; border-radius:4px;padding:0 8px;}
.sub_qrcon .qr_con1 .box .img {display: flex; flex-direction: column; gap: 15px;}
.sub_qrcon .qr_tit2 {margin:60px 0 20px; display: flex; justify-content: center;}
.sub_qrcon .qr_tit2 h3 {font-size:35px;background-image: linear-gradient(to right, #f017b0, #f41b5d);  -webkit-background-clip: text;  color: transparent;}
.sub_qrcon .qr_con2 {}
.sub_qrcon .qr_con2 ul {display: flex; justify-content: space-between; gap:20px; flex-direction: column;}
.sub_qrcon .qr_con2 ul li {background:#000;border:1px solid #252528;border-radius:10px;padding:20px;width:100%;text-align:center; letter-spacing:-0.5px;}
.sub_qrcon .qr_con2 ul li:hover {border:1px solid #f117a2;}
.sub_qrcon .qr_con2 ul li h3 {font-size:18px;color:#fff;line-height:30px;font-weight:bold;margin-top:20px;}
.sub_qrcon .qr_con2 ul li p {font-family:'Noto Sans KR', 'sans-serif';font-size:14px;color:#9e9ea0;line-height:24px;font-weight:500;margin-top:10px;}
.sub_qrcon .qr_con3 {display: flex; justify-content: space-between; gap:20px; flex-direction: column;}
.sub_qrcon .qr_con3 .box {background:#000;border:1px solid #252528;border-radius:10px;padding:20px;width:100%;}
.sub_qrcon .qr_con3 .box:hover {border:1px solid #f117a2;}
.sub_qrcon .qr_con3 .box .tit {font-size:18px;color:#fff;line-height:30px;font-weight:bold;margin-bottom:10px;padding-left:10px;}
.sub_qrcon .qr_con3 .box ul {}
.sub_qrcon .qr_con3 .box ul li {border-top:1px solid #252528;font-size:13px;color:#9e9ea0;line-height:20px;padding:10px 10px 10px 36px;position:relative;}
.sub_qrcon .qr_con3 .box ul li:first-child {border-top:0;}
.sub_qrcon .qr_con3 .box ul li:before {content:'';position:absolute;top:11px;left:10px;width:18px;height:18px;background:url(../images/app_icon01.png) no-repeat;}
}



.sub_notice1 {margin:0 60px;}
.sub_notice1 .title {display: flex; margin-bottom:30px;}
.sub_notice1 .title h3 {font-size:23px;color:#fff;line-height:36px;font-weight:bold;}
.sub_notice1 .list {}
.sub_notice1 .list dl {border-bottom:1px solid #252528;padding:20px 0; display: flex; align-items: center; gap:10px; font-family:'Noto Sans KR', 'sans-serif';}
.sub_notice1 .list dl dt {width:60px;font-size:14px;color:#f117a2;line-height:20px;text-align:center;}
.sub_notice1 .list dl dd {width:calc(100% - 70px);font-size:14px;color:#fff;line-height:20px;}
.sub_notice1 .list ul {font-family:'Noto Sans KR', 'sans-serif';}
.sub_notice1 .list ul li {border-bottom:1px solid #252528;padding:20px;font-size:14px;color:#fff;line-height:20px;}

@media (max-width: 768px) {
.sub_notice1 {margin:0 10px;}
.sub_notice1 .title {display: flex; margin-bottom:30px;}
.sub_notice1 .title h3 {font-size:23px;color:#fff;line-height:36px;font-weight:bold;}
.sub_notice1 .list {}
.sub_notice1 .list dl {border-bottom:1px solid #252528;padding:20px 0; display: flex; align-items: center; gap:10px; font-family:'Noto Sans KR', 'sans-serif';}
.sub_notice1 .list dl dt {width:60px;font-size:14px;color:#f117a2;line-height:20px;text-align:center;}
.sub_notice1 .list dl dd {width:calc(100% - 70px);font-size:14px;color:#fff;line-height:20px;}
}



.sub_view1 {margin:0 60px; font-family:'Noto Sans KR', 'sans-serif';}
.sub_view1 .title { margin-bottom:30px;position:relative;}
.sub_view1 .title h3 {font-size:24px;color:#fff;text-align:center;}
.sub_view1 .title h3 span {display:inline-block;border:1px solid #f117a2;border-radius:16px;font-size:18px;color:#f117a2;font-weight:500;padding:0 20px;margin-right:10px;}
.sub_view1 .title .btns {display:block;border:1px solid #252528;border-radius:10px;font-size:13px;color:#9e9ea0;line-height:20px;padding:10px;display: flex; align-items: center; gap:10px; position:absolute;top:0;left:0;}
.sub_view1 .con {border-top:1px solid #252528;font-size:16px;color:#fff;line-height:30px;padding:20px;}

@media (max-width: 768px) {
.sub_view1 {margin:0 10px; font-family:'Noto Sans KR', 'sans-serif';}
.sub_view1 .title { margin-bottom:20px;position:relative;}
.sub_view1 .title h3 {font-size:24px;color:#fff;text-align:center;}
.sub_view1 .title h3 span {display:inline-block;border:1px solid #f117a2;border-radius:16px;font-size:18px;color:#f117a2;font-weight:500;padding:0 20px;margin-right:10px;}
.sub_view1 .title .btns {border:1px solid #252528;border-radius:10px;font-size:13px;color:#9e9ea0;line-height:20px;padding:10px;display: inline-flex; align-items: center; gap:10px; position:relative;top:0;left:0;margin-bottom:10px;}
.sub_view1 .con {border-top:1px solid #252528;font-size:13px;color:#fff;line-height:18px;padding:20px;}
}