@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,textarea,pre,select{font-family:'S-CoreDream','Noto Sans KR','나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; font-size:16px;color:#353535; }
body{text-align:left; word-break:break-word; overflow-x:hidden;}
img,fieldset,iframe{border:0 none}
img {max-width:100%;}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none; }
a:hover{}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}

/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}


* {box-sizing:border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body {overflow-x:hidden;}
select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance:none;-webkit-border-radius:0 }
select::-ms-expand {display: none;}

::-webkit-input-placeholder { color:#8F8F8F;  font-weight: normal; font-size: 18px;  font-weight: 400; opacity:1; }

.mob {display: none;}


.head {position: fixed; left:0; top:0; width: 100%; z-index: 10; z-index: 100; border-bottom: 1px solid #ffffff; padding:0 80px;}
.head .headCont {position: relative;  height:100px;  max-width:1682px; width: 100%; margin:0 auto;  z-index: 10; }
.head .headCont:after {content:''; position: absolute; right:0;}
.head .headCont .h1Logo {position: absolute; left:0; top:0; z-index: 10;}
.head .headCont .h1Logo a {width:94px; height: 100px; text-indent:-999em; display: block; background:url('../images/ico_logo.png?v1') center no-repeat; background-size:94px auto;}
.head .headCont .gnbWrap {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center;}
.head .headCont .gnbWrap .in > ul {display: flex; align-items: center; justify-content: center; gap:40px; }
.head .headCont .gnbWrap .in > ul > li {position: relative;text-align: center;  }
.head .headCont .gnbWrap .in > ul > li > a {font-size:20px; font-weight: 500; font-family: 'S-CoreDream'; height: 100px; color:#fff; display: flex;justify-content: center; align-items: center; padding:0 50px;}


body .head.active { }

/*
body .head.over {}
body .head.over .h1Logo a {background:url('../images/ico_logo_black.png') center no-repeat; }
body .head.over .bgGnb {height:226px; }
body .head.over .gnbWrap .in > ul > li > a  {color:#000;}
body .head.over .gnbWrap .in > ul > li ul  {opacity:1; visibility: visible; }

*/


body .head.black {border-bottom: 1px solid #000; background: #fff;}
body .head.black .h1Logo a {background:url('../images/ico_logo_black.png') center no-repeat;}
body .head.black .gnbWrap .in > ul > li > a  {color:#000;}

body:has(.subSec) .head {background: #000; border-bottom: 1px solid #fff;}
body:has(.subSec) .head .h1Logo a {background:url('../images/ico_logo.png?v1') center no-repeat; }
body:has(.subSec) .head .gnbWrap .in > ul > li > a  {color:#fff;}

.inner {max-width:1340px; padding:0 20px; margin:0 auto;}
.btnMemu {display: none;}



.mainSec {overflow:hidden;}
.mainSlideWrap { position: relative;   min-height:700px; height: 100vh; overflow:hidden;}
.mainSlideWrap .mainSlide {position: absolute; left:50%; top:0; transform:translateX(-50%); width: 100%; height: 100vh;}
.mainSlideWrap .mainSlide .inSlide{  overflow:hidden; height: 100%; }
.mainSlideWrap .mainSlide .swiper {  height: 100%; }
.mainSlideWrap .mainSlide img {width: 100%; height: 100%; object-fit:cover}
.mainSlideWrap .mainSlide .text {position: absolute; left:0; top:45%; transform:translate(0,-50%); width: 100%; text-align: center; font-size: 74px; line-height: 74px; color:#fff;  z-index: 5; font-weight: 700;}
.mainSlideWrap .mainSlide .text .tit01 {margin-bottom: 10px; }
.mainSlideWrap .mainSlide .text .tit01.stroke { color: transparent;    -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: #fff;}

.nav {position: absolute; top:50%;margin-top: -26px; width:1682px; margin:0 auto; width: 100%; left:50%; transform:translateX(-50%); z-index: 10;}
.swiper-button-next,
.swiper-button-prev{display: inline-block; width: 26px;height: 52px;background: none;background: url('../images/ico_prev.png') no-repeat 0 0}
.swiper-button-prev{left: 130px;}
.swiper-button-next{right: 130px;left: auto;background-image: url('../images/ico_next.png')}
.swiper-pagination-current{color: #fff}
.swiper-container-horizontal>.swiper-pagination-bullets{width: auto;position: absolute;font-size: 0;top: auto;bottom: 100px;width: 100%;text-align: center;left:0}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 13px;background-color: #fff}

.mainCont {height: 800px; padding-top: 112px;}
.mainCont.mainCreator {background:url('../images/bg_main1.jpg') center no-repeat; background-size:cover;}

.mainCont .titHead {position: relative; margin-bottom: 110px;}
.mainCont .titHead .mainTit {font-size: 36px; line-height: 36px; font-weight: 700; color:#fff;}
.mainCont .titHead .btnMore {position: absolute; right:0; top:0;}

.btnMore {position: relative; display: inline-block; font-size: 16px; line-height: 16px; color:#f0f0f0; padding-top:74px; width: 51px; text-align: center;}
.btnMore:after {content:''; position: absolute; left:0; top:0; width:51px; height: 51px; border-radius:50%; border:1px solid #e9e9e9}
.btnMore:before {content:''; position: absolute; left:0; top:0; width:51px; height: 51px; background:url('../images/ico_arrow.png') center no-repeat;}
.btnMore.down:before { background-image:url('../images/ico_arrow_down.png');}
.btnMore.black {color:#222222;}
.btnMore.black:after {border-color:#222222; }
.btnMore.black:before { background-image:url('../images/ico_arrow_black.png');}

.list {display: flex; align-items: center; justify-content: center; gap:100px; text-align: center;}
.list .box {cursor:pointer;}
.list .box img {width: 317px; height: 317px; border-radius:50%;}
.list .box .job {padding:30px 0 20px; font-size:	24px; line-height: 24px; font-weight: 700; color:#fff; font-family: 'Gmarket Sans';}
.list .box .name { font-size:	24px; line-height: 24px; color:#aaaaaa;}

.mainCont.mainProgamer {background:url('../images/bg_main2.png') center no-repeat; background-size:cover;}
.mainCont.mainProgamer .list .box .job {color:#000;}
.mainCont.mainProgamer .titHead .mainTit {color:#000;}

.mainCont.mainBiz {background:url('../images/bg3.png') center no-repeat; background-size:cover;}
.mainCont.mainBiz .icon {display: flex; align-items: center; justify-content: center; gap:88px; text-align: center;}
.mainCont.mainBiz .icon .box {position: relative; width: 328px; height: 408px; flex-direction:column;   display: flex; align-items: center; justify-content: center;}
.mainCont.mainBiz .icon .box:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; border-radius:16px; z-index: 0;  background:rgba(0,0,0,.66); filter:blur(1px); }
.mainCont.mainBiz .icon .box .img {position: relative; z-index: 1;}
.mainCont.mainBiz .icon .box .tit01 {font-size: 24px; line-height: 24px; color:#fff; padding:30px 0 15px; position: relative; z-index: 1;}
.mainCont.mainBiz .icon .box .tit02 { font-size:	24px; line-height: 24px; font-weight: 700; color:#fff; font-family: 'Gmarket Sans'; position: relative; z-index: 1;}


.footer {text-align: center; background: #000000; height: 210px; border-top: 1px solid #7d7d7d;}
.footer .logo {padding:50px 0 28px;}
.footer .copy {font-size: 16px; line-height: 16px; color:#707070;}


.subSec {padding-top: 100px; padding-bottom: 135px; background: #000; color:#fff;}
.subSec.white { background: #fff; color:#000;}
.subSec:has(.introWrap) { padding-bottom: 0;}
.subSec:has(.bizWrap) { padding-bottom: 0;}


.bg12 {background:#000 url('../images/sub_bg.png') center top no-repeat; height: 445px; text-indent:-999em;}
.bgCreator { text-indent:-999em;height: 249px; }
.bgCreator {background: #000 url('../images/titBg01.png') center top no-repeat; height: 300px;}
.bgCreator.pro {background: #000 url('../images/titBg04.png') center top no-repeat; height: 300px;}
.bgCreator.biz {background: #000 url('../images/titBg02.png?v1') center -2px no-repeat; height: 315px;}
.bgCreator.rec {background: #000 url('../images/titBg03.png?v1') center -2px no-repeat; height: 315px;}
.bgCreator + .tabWrap {margin-top: 0;}


.tabWrap {position: relative; z-index: 1; margin:-150px 0 85px 0;}
.tabWrap ul{display: flex; gap:15px; justify-content: center;}
.tabWrap ul li {width: 197px;}
.tabWrap ul li a { font-family: 'S-CoreDream'; display: flex; width: 100%; height:55px; align-items: center; justify-content: center;text-align: center; font-weight: 500; font-size: 18px; color:#fff; border:1px solid #858585; border-radius:30px;}
.tabWrap ul li.on a {background: url('../images/list_on.png') center no-repeat; border:none; }


.introWrap .inner{text-align: center; font-family: 'Noto Sans KR';}
.introWrap .inner.first {margin-bottom: 130px;}
.introWrap .inner.first .tit01 {font-size:36px; margin-bottom:70px;}
.introWrap .inner.first .tit01 span {font-weight: 700; }
.introWrap .inner.first .tit02  {font-size: 18px;}
.introWrap .inner.first .tit02 span {font-weight: 700; }
.introWrap .inner.first .tit02 em {color:#e3b0fd; }
.introWrap .inner.first .grid {display: flex; align-items: center; justify-content: center; gap:17px; margin-top: 110px;}
.introWrap .inner.first .grid .box {position: relative; background: url('../images/bg_box1.png') center no-repeat; background-size:100% 100%; width: 548px; height: 218px; padding:40px 20px 40px 165px; text-align: left;	word-break:keep-all;;}
.introWrap .inner.first .grid .box .tit01 {font-weight: 700; color:#fff; font-size: 24px; line-height: 24px; margin-bottom: 35px;}
.introWrap .inner.first .grid .box .tit02 {font-size: 18px; line-height: 28px;}
.introWrap .inner.first .grid .box .tit02 span {font-weight: 700;}
.introWrap .inner.first .grid .box:after {content:''; position: absolute; left:0; top:0; width: 165px;height: 100%; background:url('../images/ico_sub1.png') center no-repeat; }
.introWrap .inner.first .grid .box:last-child:after {background:url('../images/ico_sub2.png') center no-repeat; }
.introWrap .goal {background:url('../images/sub_bg2.png') center no-repeat; background-size:cover; height: 340px;}
.introWrap .goal .tit01 {padding:90px 0 40px;}
.introWrap .goal .tit02 {font-size: 30px; color:#fff;}

.subSec.greetingBg { background:#000 url('../images/bg_bottom.png') center bottom repeat-x;}
.greetingWrap {text-align: center; font-weight: 300; font-family: 'Noto Sans KR'; font-size: 18px; }
.greetingWrap .tit01 {font-size: 36px; line-height:1.1; margin-bottom: 130px;}
.greetingWrap .tit01 em {color:#d59eff; font-size: 56px;}
.greetingWrap em { font-family: "Corinthia", cursive; font-weight: 400;  font-style: normal; }
.greetingWrap span { font-weight: 700;}
.greetingWrap .tit02 { margin-bottom:60px;}
.greetingWrap .tit03 em {font-size: 34px; margin-right: 5px;}



.locationWrap { font-family: 'Noto Sans KR'; }
.locationWrap .tit {font-size: 36px; text-align: center; margin-bottom: 75px; font-weight: bold;}
.locationWrap .map {margin-bottom: 75px; overflow:hidden; border-radius:16px;}
.locationWrap .map .root_daum_roughmap { width: 100% !important;}
.locationWrap .map .root_daum_roughmap * {border:none;}
.locationWrap .map .root_daum_roughmap .wrap_controllers  {display: none;}
.locationWrap .map .root_daum_roughmap .cont  {display: none;}
.locationWrap .map .root_daum_roughmap .cont  {display: none;}
.locationWrap .info {display: flex; gap:20px;  color:#fff;}
.locationWrap .info .box {flex:auto;font-size: 18px; }
.locationWrap .info .box .img {margin-bottom: 25px;  height: 58px; border-bottom: 1px solid #fff;}
.locationWrap .info .box .tit01 {margin-bottom:5px; font-weight: bold;}




.creatorWrap .list .box {cursor:pointer;}

.popup {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 100; background:rgba(0,0,0,.6); display: none;}
.popup .in {position: fixed; left:50%; top:55%; transform:translate(-50%,-50%); width: 1418px; height: 777px; padding:36px 59px; z-index: 100; background:url('../images/popbg.png') center no-repeat;}
.popup .in .btnClose {position: absolute; right:60px; top:-30px; width:32px; height: 32px; background:url('../images/ico_close.png') center no-repeat; text-indent:-999em; cursor:pointer;}
.popup .in .popCont {display: flex; justify-content: center; align-items: center;	gap:30px;}
.popup .in .popCont .swiper-wrapper {align-items: center;}
.popup .in .popCont .popSwiper {flex:auto; max-width:700px; text-align: center; overflow:hidden; position: relative; margin-top: 50px;}
.popup .in .popCont .popSwiper .swiper-slide {padding:10px; min-height:500px;}
.popup .in .popCont .popSwiper .navBtn {margin-top: 25px; display: flex; align-items: center; gap:10px; justify-content: center;}
.popup .in .popCont .popSwiper .swiper-button-next,.popup .in .popCont .popSwiper .swiper-button-prev {position: static; width: 44px; height: 44px; align-items: center; display: flex; justify-content: center; border:1px solid #a6a6a6; border-radius:50%; background:none; margin:0;}
.popup .in .popCont .popSwiper .swiper-button-next:hover,.popup .in .popCont .popSwiper  .swiper-button-prev:hover {background: url('../images/bg_arrow.png') center no-repeat;}
.popup .in .popCont .popSwiper .swiper-button-next {transform:rotate(180deg);}
.popup .in .popCont .info {min-width: 420px; color:#fff; font-family: 'Gmarket Sans'; }
.popup .in .popCont .info .name {font-weight: 700;  margin-bottom: 35px; padding-bottom: 30px; text-align: center; letter-spacing:1px; border-bottom: 2px solid #fff; font-size: 56px; font-weight: 700;}
.popup .in .popCont .info .sns .box {display: flex; color:#fff;   align-items: center; justify-content: space-between; font-size: 24px; font-weight: 700; margin-bottom: 35px;}
.popup .in .popCont .info .sns .box:last-child {margin-bottom: 0;}
.popup .in .popCont .info .sns .box .tit {display: flex; align-items: center; gap:30px;}
.popup .in .popCont .info .sns .box .count {min-width:72px; text-align: left; }

.bizWrap {background:#fff url('../images/sub_bg4.png') left center no-repeat; padding:125px 0 135px; }
.bizWrap .grid .box {display: flex; gap:20px; color:#000;  font-family: 'Noto Sans KR'; font-size: 18px;  margin-bottom: 90px; }
.bizWrap .grid .box .img {min-width:571px;}
.bizWrap .grid .box.right .img {order:2;}
.bizWrap .grid .box:last-child {margin-bottom: 0;}
.bizWrap .grid .info {padding-top: 35px; }
.bizWrap .grid .info .tit {display: flex; gap:30px; align-items: flex-end; margin-bottom: 40px; font-size: 24px;}
.bizWrap .grid .info .tit span{font-size: 36px; font-weight: 700;}
.bizWrap .grid .info .tit em {font-weight: 400; margin-bottom: 5px;}
.bizWrap .grid .info span{font-weight: 700;}
.bizWrap .grid .info em{color:#9d4cdb}
.bizWrap .grid .info .text {padding-left:40px; word-break:keep-all;}
.bizWrap .grid .info .text .txt1 {font-size: 24px; margin-bottom: 35px;}
.bizWrap .grid .info .text .txt2 {}


.btnCenter {text-align: center; margin-top: 90px;}
.btnType1 {display: inline-flex; width: 270px; height: 58px; align-items: center; justify-content: center; border:1px solid #E50000; color:#353535; font-size: 16px; font-weight: 700;}
.btnType1:hover {background: #E50000; color:#fff;}
.btnType1.on {background: #E50000; color:#fff;}

.recWrap {padding-top: 80px; font-family: 'Noto Sans KR'; }
.recWrap .bigTit {font-size: 36px; line-height: 36px; font-weight: 700; color:#000; margin-bottom: 55px; padding-bottom: 30px; border-bottom: 2px solid #000;}

.searchForm {display: flex; align-items: center; justify-content: flex-end;  margin-bottom: 25px;}
.searchForm .rightForm {position: relative; display: flex; align-items: center;}
.searchForm .rightForm select {border:none; width: 150px; height: 48px; background: #f6f6f6; padding-right:20px; padding-left: 20px; border:1px solid #dedede; background:url('../images/ico_sel.png') right 20px center no-repeat; font-size: 18px; margin-right: -1px;} 
.searchForm .rightForm input {border:none; width: 290px; height: 48px; background: #fff; padding-right: 20px; padding-left: 20px; border:1px solid #dedede;  font-size: 18px;  margin-right: -1px;}  
.searchForm .rightForm a {width:95px; height: 48px; line-height: 48px; background:#9d4cdb; text-align: center; font-size: 18px; color:#fff; font-family: 'Noto Sans KR'; }



.tbType1 * {font-family: 'Noto Sans KR'; font-weight: 300;}
.tbType1 table{width: 100%;  text-align: center; border-top: 2px solid #3a3a3a; margin-bottom: 80px;}
.tbType1 table thead th {font-size: 16px; background: #fff;height: 50px; font-size: 20px; color:#434343; font-weight: 700; border-bottom:1px solid #e6e6e6; }
.tbType1 table thead th:last-child {border-right: none;}
.tbType1 table td {font-size: 18px;height: 50px; font-size: 20px; color:#888888;  border-bottom:1px solid #e6e6e6; }
.tbType1 table td a {color:#888888;  }
.tbType1 table td.left {padding-left: 40px; text-align: left;}
.tbType1 table td:last-child {border-right: none;}
.tbType1 table tr.notice td:first-child{color:#000000; font-weight: 400;}
.tbType1 table tr.notice td a{color:#000000; font-weight: 400;}
.tbType1 table tr .new {display: inline-block; vertical-align: top; margin-top: 3px; width:19px; height: 19px; line-height: 19px; font-size: 11px; font-weight: 700;color:#fff; margin-left: 5px; background: #9d4cdb; border-radius:50%; text-align: center;}
.tbType1 table .no1 {width: 80px;}
.tbType1 table .no3 {width: 180px;}
.tbType1 table .no4 {width: 180px;}


.pagingWrap {display: flex; align-items: center; justify-content: center;}
.pagingWrap a {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 16px; color:#555; font-weight: 500; margin-left: -1px;}
.pagingWrap .num {margin:0 10px; display: flex; align-items: center; justify-content: center; }
.pagingWrap .num a {border-radius:50%; margin:0 6px;}
.pagingWrap .num a.active {background:#9d4cdb; color:#fff;}
.pagingWrap > a {text-indent:-999em; border:1px solid #e0e0e0; width: 44px; height: 44px;}
.pagingWrap .paging1 {background:url('../images/paging2.png') center no-repeat; transform:rotate(180deg);}
.pagingWrap .paging2 {background:url('../images/paging2.png') center no-repeat;}
.pagingWrap .paging1:hover {background:url('../images/paging2_bold.png') center no-repeat; transform:rotate(180deg);}
.pagingWrap .paging2:hover {background:url('../images/paging2_bold.png') center no-repeat;}


.noticeDetail .detailTitle{margin-top: 116px; border-top:3px solid #0E1C3B; text-align: center; font-size: 24px; font-weight: 700; padding:26px 0; border-bottom: 1px solid #555;}
.noticeDetail .dateView{display: flex; justify-content: space-between; align-items: center; font-size: 14px; color:#555; padding:16px 0; border-bottom:1px solid #555; }
.noticeDetail .dateView .date {padding-left: 25px; background:url('../images/ico_write.svg') left center no-repeat}
.noticeDetail .dateView .view {padding-left: 25px; background:url('../images/ico_view.svg') left center no-repeat}
.noticeDetail .detailText {margin:40px 0 60px; border-bottom: 1px solid #555; padding-bottom: 40px;}


.btnCenter {display: flex; align-items: center; justify-content: center; gap:20px;}
.btType1 {display: flex; align-items: center; justify-content: center; min-width:97px; padding:0 20px; font-size: 16px; font-weight: 500; color:#555555; border:1px solid #dcdcdc; height: 42px;}
.btType1.prev span { }
.btType1.next span {}
.btType1.list {background: #333; color:#fff;}


.bigInner .list {display:grid; grid-template-columns:repeat(4,1fr);}



@media all and (max-width:1400px) {


}

@media all and (max-width:1280px) {

	::-webkit-input-placeholder {font-size: 16px;  }

	.mob {display: block;}
	.pc {display: none;}


	.head {position: fixed; left:0; top:0; width: 100%; z-index: 10; z-index: 100; border-bottom: 1px solid #ffffff; padding:0 20px;}
	.head .headCont {position: relative;  height:60px;  max-width:1682px; width: 100%; margin:0 auto;  z-index: 10; }
	.head .headCont:after {content:''; position: absolute; right:0;}
	.head .headCont .h1Logo {position: absolute; left:0; top:0; z-index: 10;}
	.head .headCont .h1Logo a {width:60px; height: 60px; text-indent:-999em; display: block; background:url('../images/ico_logo.png?v1') center no-repeat; background-size:55px auto !important;}
	.head .headCont .gnbWrap {position: fixed; display: flex; justify-content: flex-end; right:0; top:0; width: 100%; height: 100%;  background: #fff; z-index: 100; background:rgba(0,0,0,.5); display: none;}
	.head .headCont .gnbWrap .in {background: #fff; width: 80%; height: 100%;float:right}
	.head .headCont .gnbWrap .in > ul {display: block; align-items: center; justify-content: center; padding-top: 60px; }
	.head .headCont .gnbWrap .in > ul > li {position: relative;text-align: leftl  }
	.head .headCont .gnbWrap .in > ul > li > a {font-size:20px; font-weight: 500; font-family: 'S-CoreDream'; height:auto; padding:20px 0 20px 20px; color:#000; display: flex;justify-content: center; align-items: center;}
	.head.gnbOpen .btnMemu{}
	.head.gnbOpen .btnMemu button{background:url('../images/ico_close.svg') center no-repeat !important; background-size:25px !important; border:1px solid #000}
	.head.gnbOpen .gnbWrap .in > ul > li > a {color:#000 !important}

	body .head.active { }

	.btnMemu {display: block; position: absolute; right:0; top:10px; z-index: 500; }
	.btnMemu button {display: block; width: 40px; height: 40px; border-radius:50%; border:1px solid #fff; background:url('../images/ico_ham.png') center no-repeat; background-size:15px auto; z-index:500;}

	/*
	body .head.over {}
	body .head.over .h1Logo a {background:url('../images/ico_logo_black.png') center no-repeat; }
	body .head.over .bgGnb {height:226px; }
	body .head.over .gnbWrap .in > ul > li > a  {color:#000;}
	body .head.over .gnbWrap .in > ul > li ul  {opacity:1; visibility: visible; }

	*/


	body .head.black {border-bottom: 1px solid #000; background: #fff;}
	body .head.black .h1Logo a {background:url('../images/ico_logo_black.png') center no-repeat;}
	body .head.black .gnbWrap .in > ul > li > a  {color:#000;}
	body .head.black .btnMemu button { border:1px solid #000; background:url('../images/ico_ham_black.png') center no-repeat; background-size:15px auto; z-index:500;}


	body:has(.subSec) .head {background: #000; border-bottom: 1px solid #fff;}
	body:has(.subSec) .head .h1Logo a {background:url('../images/ico_logo.png?v1') center no-repeat; }
	body:has(.subSec) .head .gnbWrap .in > ul > li > a  {color:#fff;}
	body:has(.subSec) .head.black .btnMemu button { border:1px solid #fff; background:url('../images/ico_ham.png') center no-repeat; background-size:15px auto; z-index:500;}

	.inner {max-width:1340px; padding:0 20px; margin:0 auto;}

	.mainSec {overflow:hidden;}
	.mainSlideWrap { position: relative;   min-height:500px; height: 100vh; height: 100svh; overflow:hidden;}
	.mainSlideWrap .mainSlide {position: absolute; left:50%; top:0; transform:translateX(-50%); width: 100%; height: 100vh; height: 100svh; }
	.mainSlideWrap .mainSlide .inSlide{  overflow:hidden; height: 100%; }
	.mainSlideWrap .mainSlide .swiper {  height: 100%; }
	.mainSlideWrap .mainSlide img {width: 100%; height: 100%; object-fit:cover}
	.mainSlideWrap .mainSlide .text {position: absolute; left:0; top:45%; transform:translate(0,-50%); width: 100%; text-align: center; font-size: 28px; line-height: 28px; color:#fff;  z-index: 5; font-weight: 700;}
	.mainSlideWrap .mainSlide .text .tit01 {margin-bottom: 10px; }
	.mainSlideWrap .mainSlide .text .tit01.stroke { color: transparent;    -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: #fff;}
	.mainSlideWrap .mainSlide .nav {display: none;}

	.swiper-button-next,
	.swiper-button-prev{display: inline-block; width: 26px;height: 52px;background: none;background: url('../images/ico_prev.png') no-repeat 0 0}
	.swiper-button-prev{left: 130px;}
	.swiper-button-next{right: 130px;left: auto;background-image: url('../images/ico_next.png')}
	.swiper-pagination-current{color: #fff}
	.swiper-container-horizontal>.swiper-pagination-bullets{width: auto;position: absolute;font-size: 0;top: auto;bottom: 40px;width: 100%;text-align: center;left:0}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 13px;background-color: #fff}

	.mainCont {height: auto;  padding:80px 0;}
	.mainCont.mainCreator {background:url('../images/bg_main1.jpg') center no-repeat; background-size:cover;}

	.mainCont .titHead {position: relative; margin-bottom:60px;}
	.mainCont .titHead .mainTit {font-size: 32px; line-height: 32px; font-weight: 700; color:#fff;}
	.mainCont .titHead .btnMore {position: absolute; right:0; top:0;}

	.btnMore {position: relative; display: inline-block; font-size: 14px; line-height: 15px; color:#f0f0f0; padding-top:54px; width: 41px; text-align: center; white-space:nowrap;}
	.btnMore:after {content:''; position: absolute; left:0; top:0; width:41px; height: 41px; border-radius:50%; border:1px solid #e9e9e9}
	.btnMore:before {content:''; position: absolute; left:0; top:0; width:41px; height: 41px; background:url('../images/ico_arrow.png') center no-repeat;}
	.btnMore.down:before { background-image:url('../images/ico_arrow_down.png');}

	.list {display: block; align-items: center; justify-content: center; gap:100px; text-align: center; flex-wrap:wrap;}
	.list .box  {margin-bottom: 60px;}
	.list .box img {width: 260px; height: 260px; border-radius:50%;}
	.list .box .job {padding:30px 0 20px; font-size:	24px; line-height: 24px; font-weight: 700; color:#fff; font-family: 'Gmarket Sans';}
	.list .box .name { font-size:	24px; line-height: 24px; color:#aaaaaa;}

	.mainCont.mainProgamer {background:url('../images/bg_main2.png') center no-repeat; background-size:cover;}
	.mainCont.mainProgamer .list .box .job {color:#000;}
	.mainCont.mainProgamer .titHead .mainTit {color:#000;}

	.mainCont.mainBiz {background:url('../images/bg3.png') center no-repeat; background-size:cover;}
	.mainCont.mainBiz .icon {display: block; align-items: center; justify-content: center; gap:88px; text-align: center;}
	.mainCont.mainBiz .icon .box {position: relative; margin:0 auto 30px; width: 260px; height: 308px; flex-direction:column;   display: flex; align-items: center; justify-content: center;}
	.mainCont.mainBiz .icon .box:after {content:''; position: absolute; left:0; top:0; width: 100%; height: 100%; border-radius:16px; z-index: 0;  background:rgba(0,0,0,.66); filter:blur(1px); }
	.mainCont.mainBiz .icon .box .img {position: relative; z-index: 1;}
	.mainCont.mainBiz .icon .box .tit01 {font-size: 20px; line-height: 24px; color:#fff; padding:30px 0 15px; position: relative; z-index: 1;}
	.mainCont.mainBiz .icon .box .tit02 { font-size:	20px; line-height: 24px; font-weight: 700; color:#fff; font-family: 'Gmarket Sans'; position: relative; z-index: 1;}


	.footer {text-align: center; background: #000000; height: 150px; border-top: 1px solid #7d7d7d;}
	.footer .logo {padding:30px 0 28px;}
	.footer .logo img {width: 60px;}
	.footer .copy {font-size: 13px; line-height: 16px; color:#707070;}


	.subSec {padding-top: 60px; padding-bottom: 75px; background: #000; color:#fff;}
	.subSec.white { background: #fff; color:#000;}
	.subSec:has(.introWrap) { padding-bottom: 0;}
	.subSec:has(.bizWrap) { padding-bottom: 0;}


	.bg12 { background-size:auto 270px; height: 272px; text-indent:-999em;}
	.bgCreator { text-indent:-999em;height: 180px; }
	.bgCreator {height: 180px; background-size:auto 180px;}
	.bgCreator.pro { height: 180px; background-size:auto 180px;}
	.bgCreator.biz {background-size:auto 193px; height: 190px;}
	.bgCreator.rec { background-size:auto 193px; height: 190px;}
	.bgCreator + .tabWrap {margin-top: 0;}


	.tabWrap {position: relative; z-index: 1; margin:-100px 0 55px 0; padding:0 20px;}
	.tabWrap ul{display: flex; gap:10px; justify-content: center;}
	.tabWrap ul li {flex:1;}
	.tabWrap ul li a { font-family: 'S-CoreDream'; display: flex; width: 100%; height:40px; align-items: center; justify-content: center;text-align: center; font-weight: 500; font-size: 15px; color:#fff; border:1px solid #858585; border-radius:30px;}
	.tabWrap ul li.on a {background: url('../images/list_on.png') center no-repeat; border:none; background-size:cover; }


	.introWrap .inner{text-align: center; font-family: 'Noto Sans KR';}
	.introWrap .inner.first {margin-bottom: 70px;}
	.introWrap .inner.first .tit01 {font-size:26px; margin-bottom:30px;}
	.introWrap .inner.first .tit01 span {font-weight: 700; }
	.introWrap .inner.first .tit02  {font-size: 16px; word-break:keep-all;}
	.introWrap .inner.first .tit02  br {display: none;}
	.introWrap .inner.first .tit02 span {font-weight: 700; }
	.introWrap .inner.first .tit02 em {color:#e3b0fd; }
	.introWrap .inner.first .grid {display: block; align-items: center; justify-content: center; gap:17px; margin-top: 60px;}
	.introWrap .inner.first .grid .box {position: relative; background: url('../images/bg_box1.png') center no-repeat; background-size:100% 100%; width: 100%; height: auto; padding:80px 20px 20px 20px; text-align: left;	word-break:keep-all; margin-bottom: 30px;}
	.introWrap .inner.first .grid .box .tit01 {font-weight: 700; color:#fff; font-size: 24px; line-height: 24px; margin-bottom: 15px;}
	.introWrap .inner.first .grid .box .tit02 {font-size: 14px; line-height: 22px;}
	.introWrap .inner.first .grid .box .tit02 span {font-weight: 700;}
	.introWrap .inner.first .grid .box:after {content:''; position: absolute; left:50%; margin-left:-30px; top:10px; width: 60px;height: 60px; background:url('../images/ico_sub1.png') center no-repeat;  background-size:50px auto;}
	.introWrap .inner.first .grid .box:last-child:after {background:url('../images/ico_sub2.png') center no-repeat;  background-size:40px auto;}
	.introWrap .goal {background:url('../images/sub_bg2.png') center no-repeat; background-size:cover; height: 240px;}
	.introWrap .goal .tit01 {padding:50px 0 20px;}
	.introWrap .goal .tit01 img {width: 80px;}
	.introWrap .goal .tit02 {font-size: 20px; color:#fff;}

	.subSec.greetingBg { background:#000 url('../images/bg_bottom.png') center bottom repeat-x;}
	.greetingWrap {text-align: center; font-weight: 300; font-family: 'Noto Sans KR'; font-size: 16px; }
	.greetingWrap .tit01 {font-size: 20px; line-height:1.4; margin-bottom: 40px;}
	.greetingWrap .tit01 em {color:#d59eff; font-size: 36px; display: block;}
	.greetingWrap em { font-family: "Corinthia", cursive; font-weight: 400;  font-style: normal; }
	.greetingWrap span { font-weight: 700;}
	.greetingWrap .tit02 { margin-bottom:30px;}
	.greetingWrap .tit03 em {font-size: 24px; margin-right: 5px;}



	.locationWrap { font-family: 'Noto Sans KR'; }
	.locationWrap .tit {font-size:26px; text-align: center; margin-bottom: 35px; font-weight: bold;}
	.locationWrap .map {margin-bottom: 35px; overflow:hidden; border-radius:16px;}
	.locationWrap .map .wrap_map {height: 300px !important;}
	.locationWrap .map .root_daum_roughmap { width: 100% !important;}
	.locationWrap .map .root_daum_roughmap * {border:none;}
	.locationWrap .map .root_daum_roughmap .wrap_controllers  {display: none;}
	.locationWrap .map .root_daum_roughmap .cont  {display: none;}
	.locationWrap .map .root_daum_roughmap .cont  {display: none;}
	.locationWrap .info {display: block; gap:20px;  color:#fff;}
	.locationWrap .info .box {flex:auto;font-size: 16px; margin-bottom: 30px;}
	.locationWrap .info .box .img {margin-bottom: 15px;  height:auto; padding-bottom: 10px; border-bottom: 1px solid #fff;}
	.locationWrap .info .box .tit01 {margin-bottom:5px; font-weight: bold;}




	.creatorWrap .list .box {cursor:pointer;}

	.popup {position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 100; background:rgba(0,0,0,.6); display: none;}
	.popup .in {position: fixed; left:50%; top:10%; transform:translate(-50%,0); width: 98%; height:auto;  padding:7%; z-index: 100; background:url('../images/popbg.png') center no-repeat; background-size:100% 100%;}
	.popup .in .btnClose {position: absolute; right:20px; top:-20px; width:32px; height: 32px; background:url('../images/ico_close.png') center no-repeat; background-size:25px auto; text-indent:-999em; cursor:pointer;}
	.popup .in .popCont {display: block; justify-content: center; align-items: center;	gap:30px;  max-height:75vh; min-height:500px; overflow-y:auto; margin-bottom: 50px;}
	.popup .in .popCont .popSwiper {flex:auto; max-width:700px; text-align: center; overflow:hidden; position: relative; margin:0 auto 30px; padding-top: 10px;}
	.popup .in .popCont .popSwiper .navBtn {margin-top: 15px; display: flex; align-items: center; gap:10px; justify-content: center;}
	.popup .in .popCont .popSwiper .swiper-button-next,.popup .in .popCont .popSwiper .swiper-button-prev {position: static; width: 34px; height: 34px; align-items: center; display: flex; justify-content: center; border:1px solid #a6a6a6; border-radius:50%; background:none; margin:0;}
	.popup .in .popCont .popSwiper .swiper-button-next:hover,.popup .in .popCont .popSwiper  .swiper-button-prev:hover {background: url('../images/bg_arrow.png') center no-repeat;}
	.popup .in .popCont .popSwiper .swiper-button-next {transform:rotate(180deg);}
	.popup .in .popCont .info {min-width: 0;  color:#fff; font-family: 'Gmarket Sans';  padding:0 20px;}
	.popup .in .popCont .info .name {font-weight: 700; margin-bottom: 15px; padding-bottom: 10px; text-align: center; letter-spacing:1px; border-bottom: 2px solid #fff; font-size: 24px; font-weight: 700;}
	.popup .in .popCont .info .sns .box {display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 700; margin-bottom: 10px;}
	.popup .in .popCont .info .sns .box:last-child {margin-bottom: 0;}
	.popup .in .popCont .info .sns .box .tit {display: flex; align-items: center; gap:10px;}
	.popup .in .popCont .info .sns .box .tit img {width: 20px;}
	.popup .in .popCont .info .sns .box .count {min-width:52px; text-align: left; }
	.popup .in .popCont .popSwiper .swiper-slide {min-height:auto;}

	.bizWrap {background:#fff url('../images/sub_bg4.png') left center no-repeat; padding:40px 0 70px; }
	.bizWrap .grid .box {display: block; gap:20px; color:#000;  font-family: 'Noto Sans KR'; font-size: 16px;  margin-bottom: 40px; }
	.bizWrap .grid .box .img {min-width:0; margin-bottom: 15px; text-align: center; }
	.bizWrap .grid .box .img img {width: 100%;}
	.bizWrap .grid .box.right .img {order:2;}
	.bizWrap .grid .box:last-child {margin-bottom: 0;}
	.bizWrap .grid .info {padding-top: 0; }
	.bizWrap .grid .info .tit {display: block; gap:10px; align-items: flex-end; margin-bottom: 20px; font-size: 20px;}
	.bizWrap .grid .info .tit span{font-size: 26px; font-weight: 700; margin-bottom: 10px; display: block;}
	.bizWrap .grid .info .tit em {font-weight: 400; margin-bottom: 5px;}
	.bizWrap .grid .info span{font-weight: 700;}
	.bizWrap .grid .info em{color:#9d4cdb}
	.bizWrap .grid .info .text {padding-left:10px; word-break:keep-all;}
	.bizWrap .grid .info .text .txt1 {font-size: 16px; margin-bottom: 15px;}
	.bizWrap .grid .info .text .txt2 {}


	.btnCenter {text-align: center; margin-top: 90px;}
	.btnType1 {display: inline-flex; width: 270px; height: 58px; align-items: center; justify-content: center; border:1px solid #E50000; color:#353535; font-size: 16px; font-weight: 700;}
	.btnType1:hover {background: #E50000; color:#fff;}
	.btnType1.on {background: #E50000; color:#fff;}

	.recWrap {padding-top: 30px; font-family: 'Noto Sans KR'; }
	.recWrap .bigTit {font-size: 20px; line-height: 20px; font-weight: 700; color:#000; margin-bottom: 25px; padding-bottom: 10px; border-bottom: 2px solid #000;}

	.searchForm {display: flex; align-items: center; justify-content: flex-end;  margin-bottom: 15px;}
	.searchForm .rightForm {position: relative; display: flex; align-items: center;}
	.searchForm .rightForm select {border:none; width: 100px; min-width:100px; height: 38px; background: #f6f6f6; padding-right:10px; padding-left: 10px; border:1px solid #dedede; background:url('../images/ico_sel.png') right 20px center no-repeat; font-size: 14px; margin-right: -1px;} 
	.searchForm .rightForm input {border:none; width: 100%; height: 38px; background: #fff; padding-right: 10px; padding-left: 10px; border:1px solid #dedede;  font-size: 18px;  margin-right: -1px;}  
	.searchForm .rightForm a {width:55px;  min-width:55px; height: 38px; line-height: 38px; background:#9d4cdb; text-align: center; font-size: 14px; color:#fff; font-family: 'Noto Sans KR'; }

	.tbType1 * {font-family: 'Noto Sans KR'; font-weight: 300;}
	.tbType1 table{width: 100%;  text-align: center; border-top: 2px solid #3a3a3a; margin-bottom: 40px;}
	.tbType1 table thead th {font-size: 16px; background: #fff;height: 40px; font-size: 14px; color:#434343; font-weight: 700; border-bottom:1px solid #e6e6e6; }
	.tbType1 table thead th:last-child {border-right: none;}
	.tbType1 table td {font-size: 14px;height: 40px; font-size:14px; color:#888888;  border-bottom:1px solid #e6e6e6; }
	.tbType1 table td a {color:#888888;  }
	.tbType1 table td.left {padding-left: 10px; text-align: left;}
	.tbType1 table td:last-child {border-right: none;}
	.tbType1 table tr.notice td:first-child{color:#000000; font-weight: 400;}
	.tbType1 table tr.notice td a{color:#000000; font-weight: 400;}
	.tbType1 table tr .new {display: inline-block; vertical-align: top; margin-top: 3px; width:19px; height: 19px; line-height: 19px; font-size: 11px; font-weight: 700;color:#fff; margin-left: 5px; background: #9d4cdb; border-radius:50%; text-align: center;}
	.tbType1 table .no1 {width: 80px; display: none;}
	.tbType1 table .no3 {width: 100px;}
	.tbType1 table .no4 {width: 180px; display: none;}


	.pagingWrap {display: flex; align-items: center; justify-content: center;}
	.pagingWrap a {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; font-size: 13px; color:#555; font-weight: 500; margin-left: -1px;}
	.pagingWrap .num {margin:0 10px; display: flex; align-items: center; justify-content: center; }
	.pagingWrap .num a {border-radius:50%; margin:0 3px;}
	.pagingWrap .num a.active {background:#9d4cdb; color:#fff;}
	.pagingWrap > a {text-indent:-999em; border:1px solid #e0e0e0; width: 34px; height: 34px;}
	.pagingWrap .paging1 {background:url('../images/paging2.png') center no-repeat; transform:rotate(180deg);}
	.pagingWrap .paging2 {background:url('../images/paging2.png') center no-repeat;}
	.pagingWrap .paging1:hover {background:url('../images/paging2_bold.png') center no-repeat; transform:rotate(180deg);}
	.pagingWrap .paging2:hover {background:url('../images/paging2_bold.png') center no-repeat;}


	.noticeDetail .detailTitle{margin-top:36px; border-top:2px solid #0E1C3B; text-align: center; font-size: 18px; font-weight: 700; padding:16px 0; border-bottom: 1px solid #555;}
	.noticeDetail .dateView{display: flex; justify-content: space-between; align-items: center; font-size: 14px; color:#555; padding:16px 0; border-bottom:1px solid #555; }
	.noticeDetail .dateView .date {padding-left: 25px; background:url('../images/ico_write.svg') left center no-repeat}
	.noticeDetail .dateView .view {padding-left: 25px; background:url('../images/ico_view.svg') left center no-repeat}
	.noticeDetail .detailText {margin:40px 0 60px; border-bottom: 1px solid #555; padding-bottom: 40px;}


	.btnCenter {display: flex; align-items: center; justify-content: center; gap:20px;}
	.btType1 {display: flex; align-items: center; justify-content: center; min-width:97px; padding:0 20px; font-size: 16px; font-weight: 500; color:#555555; border:1px solid #dcdcdc; height: 42px;}
	.btType1.prev span { }
	.btType1.next span {}
	.btType1.list {background: #333; color:#fff;}


	.bigInner .list {display:grid; grid-template-columns:repeat(1,1fr);}

}