@charset "utf-8";
:root {
  --border-basic: rgba(255,255,255,0.1); /* 게시판 공통 보더색상 */
  --bg-basic: rgba(0,0,0,0.4); /* 게시판 공통 배경색상 */
  --bg-notice: rgba(0,0,0,0.5); /* 게시판 타이틀 배경색상 */
  --bg-title: linear-gradient(#a40000 0%, #5f0000 100%); /* 게시판 타이틀 배경색상 */
  --color1-basic: #ffffff; /* 게시판 공통 글씨색상 */
  --color2-basic: #e9e9e9; /* 게시판 공통 글씨색상 */
  --color3-point: #f0f0f0; /* 게시판 포인트 글씨색상 */
  --border-color1: #3a3a3a;
  --border-color2: #2c2c2c;
  --border-color3: #433737;
  --border-color4: #e0adad;
  --sport-border-color1: rgba(255,255,255,0.1);
  --input-border-color1: #121212;
  --normal-color: #121212;
  --title-color: #ffffff;
  --bgcolor1: #191919;
  --bgcolor2: #252525;
  --bgcolor3: #3c3c3c;
  --bgcolor4: #111111;
  --bgpointcolor1: #e28b26;
  --bgpointcolor2: #ffa102;
  --bgalphacolor1: rgba(255,255,255,0.1);
  --bggradiuntcolor1: linear-gradient(#d40000 0%,#840025 100%);
  --bggradiuntcolor2: linear-gradient(#8c0000 0%, #5a0000 100%);
  --bggradiuntcolor3: linear-gradient(#4e4e4e 0%, #3c3c3c 100%);
}

/*-------------------------------------------------------------------------------------*
 *  게시판                                                                             *
 *-------------------------------------------------------------------------------------*/
.list_box  		 {width:100%;}
.list_tr{width:100%; font-size:0; display:flex;}
.list_tr>*{width:130px;}
.list_tr>*:nth-child(2){max-width:100%; width:calc(100% - 520px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_tr:not(.trfirst)>*:nth-child(2){padding-left:50px; font-weight:500; justify-content:flex-start;}
.list_title1     {background:var(--bg-title); border-bottom:1px solid var(--border-basic); color:var(--color1-point); font-size:16px; font-weight:500; display: flex; align-items: center; justify-content:center; line-height:44px; font-family:'GmarketSans'; text-shadow:2px 0 3px rgba(0,0,0,0.7);}
.list_notice1    {background:var(--bg-notice); border-bottom:1px solid var(--border-basic); color:var(--color1-basic); font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px 5px 10px 5px; cursor:pointer;}
.list1           {background:var(--bg-basic); border-bottom:1px solid var(--border-basic); color:var(--color1-basic); font-size:13px; width:130px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px 5px 10px 5px; cursor:pointer;}
.listview		 {background:var(--bgalphacolor1); border-bottom:1px solid var(--border-basic); color:var(--color1-basic); font-size:13px; width:100%; display: flex; align-items: center; padding:30px;}

.list_tr2{width:100%; font-size:0; display:flex;}
.list_tr2>*{width:calc(100% / 3);} /* 비율이같은 게시판일경우 사용 열숫자에 맞게 숫자만수정해주세요 */
.list_title2     {background:var(--bg-title); border-bottom:1px solid var(--border-basic); color:var(--color1-point); font-size:16px; font-weight:500; display:inline-block; text-align:center; display: flex; align-items: center; justify-content:center; line-height:44px; font-family:'GmarketSans'; text-shadow:2px 0 3px rgba(0,0,0,0.7);}
.list_notice2    {background:var(--bg-notice); border-bottom:1px solid var(--border-basic); color:var(--color1-basic); font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px 5px 10px 5px;}
.list2           {background:var(--bg-basic); border-bottom:1px solid var(--border-basic); color:var(--color2-basic); font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px 5px 10px 5px;}

.list_tr3{width:100%; font-size:0; display:flex;}
.list_tr3>*{width:calc(100% / 6); transition:all 0.4s;} /* 비율이같은 게시판일경우 사용 열숫자에 맞게 숫자만수정해주세요 */
.list_title3     {background:var(--bg-title); border-bottom:1px solid var(--border-basic); color:var(--color1-point); font-size:16px; font-weight:500; text-align:center; display: flex; align-items: center; justify-content:center; line-height:44px; font-family:'GmarketSans'; text-shadow:2px 0 3px rgba(0,0,0,0.7);}
.list_notice3    {background:var(--bg-notice); border-bottom:1px solid var(--border-basic); color:var(--color1-basic); font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px 5px 10px 5px;}
.list3           {background:var(--bg-basic); border-bottom:1px solid var(--border-basic); color:var(--color1-basic); font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px 5px 10px 5px;}

.list_tr4{width:100%; font-size:0; display:flex;}
.list_tr4>*{width:130px;}
.list_tr4>*:nth-child(2){max-width:100%; width:calc(100% - 520px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_tr4:not(.trfirst)>*:nth-child(2){padding-left:50px; font-weight:500; justify-content:flex-start;}
.list_title4     {background:var(--bg-title); border-bottom:1px solid var(--border-basic); color:var(--color1-point); font-size:16px; font-weight:500; display: flex; align-items: center; justify-content:center; line-height:44px; font-family:'GmarketSans'; text-shadow:2px 0 3px rgba(0,0,0,0.7);}
.list_notice4    {background:var(--bg-notice); border-bottom:1px solid var(--border-basic); color:var(--color1-basic); font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px 5px 10px 5px; cursor:pointer;}
.list4           {background:var(--bg-basic); border-bottom:1px solid var(--border-basic); color:var(--color1-basic); font-size:13px; width:130px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px 5px 10px 5px; cursor:pointer;}

.list_tr5{width:100%; font-size:0; display:flex;}
.list_tr5.coupon:hover{background:var(--bg-basic);}
.list_tr5>*{width:calc(70% / 6);}
.list_tr5>*:nth-child(2){width:30%;}
.list_title5     {background:var(--bg-title); border-bottom:1px solid var(--border-basic); color:var(--color1-point); font-size:16px; font-weight:500; display:inline-block; text-align:center; display: flex; align-items: center; justify-content:center; line-height:44px; font-family:'GmarketSans'; text-shadow:2px 0 3px rgba(0,0,0,0.7);}
.list_notice5    {background:var(--bg-notice); border-bottom:1px solid var(--border-basic); color:var(--color1-basic); font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px 5px 10px 5px;}
.list5           {background:var(--bg-basic); border-bottom:1px solid var(--border-basic); color:var(--color2-basic); font-size:13px; text-align:center; display: flex; align-items: center; justify-content:center; padding:10px 5px 10px 5px; cursor:pointer;}

.write_box{width:100%;}
.write_tr{width:100%; display:flex;}
.write_title_top {border:none;}
.write_title     {background:var(--bggradiuntcolor2); border-bottom:1px solid var(--border-basic); border-top:none; color:var(--color1-basic); width:200px; font-weight:500; font-size:14px; display:flex; align-items: center; justify-content: center; border-radius:5px;}  
.write_basic     {background:var(--bg-basic); border-bottom:1px solid var(--border-basic); color:var(--color2-basic); padding:12px 20px 12px 20px; width:calc(100% - 200px); border-radius:5px;}
.write_basic input::placeholder, .write_basic textarea::placeholder {color:#a3a3a3; transition:all 0.5s;}
.write_basic input:focus, .write_basic textarea:focus {border:1px solid #c70000;}

.view_box		 {width:100%;}
.view_tr		 {width:100%; font-size:0;}
.view_tr>*		 {width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.view_tr>*:nth-child(1){max-width:100%; font-size:14px; width:calc(100% - 390px); text-align:left; padding-left:20px;}
.view_tr>.view1_title{font-size:16px; font-family:'GmarketSans'; font-weight:500; width:100%; text-align:left; padding-left:20px;}
.view1           {background:var(--bg-notice); border-bottom:1px solid #c70000; color:var(--color2-basic); display:inline-block; text-align:center; vertical-align:middle; line-height:44px;}
.view1_title           {color:var(--color2-basic); display:inline-block; text-align:center; vertical-align:middle; line-height:48px;}
.view2           {background:var(--bg-basic); border-bottom:1px solid var(--border-basic); padding:12px 20px 10px 20px; width:100%; line-height:26px; min-height:150px; color:var(--color2-basic); font-size:12px;}
.view1_po        {background:var(--bgalphacolor1); color:var(--title-color); padding:5px 8px 3px 8px; line-height:12px; text-align:center; display:inline-block;  font-size:12px; margin:0 5px 0 0; font-weight:300; border-radius:1px;}
.view2_l{float:left;}
.view2_r{float:left; padding:0 0 0 50px;}

.page_wrap       {float:left; width:100%; height:40px; text-align:center;}
.page_wrap ul li {display:inline;}
.page            {background:var(--bg-basic); border:1px solid var(--border-basic); color:var(--color2-basic); display:inline-block; padding:12px 17px 12px 17px; border-radius:0px;}
.pageon          {background:var(--bggradiuntcolor1); border:1px solid var(--border-basic); color:var(--title-color); display:inline-block; padding:12px 17px 12px 17px; font-weight:500; border-radius:0px;}

.info_wrap       {background:var(--bg-basic); float:left; width:100%; padding:15px 0 20px 0; border-radius:5px;} 
.info1           {float:left; width:100%; line-height:28px; color:#ffffff; padding:0 20px 0 20px; font-size:18px; font-weight:500; letter-spacing:-1pt;}
.info2           {float:left; width:100%; line-height:32px; color:#00ffc2; padding:5px 20px 0 20px; font-size:18px; font-weight:500; letter-spacing:-1pt;}
.info3           {float:left; width:100%; line-height:26px; color:#ededed; padding:5px 20px 0 23px; font-size:13px; font-weight:400;}

@media screen and (max-width:1024px) {
	.list_tr>*{width:110px;}
	.list_tr>*:nth-child(4){display:none;}
	.list_tr>*:nth-child(2){width:calc(100% - 330px);}
	.list_tr:not(.trfirst)>*:nth-child(2){padding-left:30px;}
	
	.list_tr3>*{width:calc(100% / 5);}
	.list_tr3>*:nth-child(1){display:none;}
	
	.list_tr4>*{width:110px;}
	.list_tr4>*:nth-child(5){display:none;}
	.list_tr4>*:nth-child(2){width:calc(100% - 330px);}
	.list_tr:not(.trfirst)>*:nth-child(2){padding-left:30px;}
	
	.list_tr5>*{width:calc(70% / 5);}
	.list_tr5>*:nth-child(1){display:none;}
	
	.write_tr {flex-wrap: wrap;}
	.write_title     {width:30%;}  
	.write_basic     {width:70%; padding:8px 12px 8px 12px;} 
										 

	.page_wrap ul li span{padding:10px 15px 10px 15px;}
}

@media screen and (max-width:768px) {
	.list_tr>*{width:100px;}
	.list_tr>*:nth-child(3){display:none;}
	.list_tr>*:nth-child(2){width:calc(100% - 200px);}
	.list_tr:not(.trfirst)>*:nth-child(2){padding-left:10px;}

	.list_tr3>*{width:calc(100% / 4);}
	.list_tr3>*:nth-child(2){display:none;}
	
	.list_tr4>*{width:100px;}
	.list_tr4>*:nth-child(1){display:none;}
	.list_tr4>*:nth-child(2){width:calc(100% - 200px);}
	.list_tr4:not(.trfirst)>*:nth-child(2){padding-left:10px;}

	.list_tr5>*{width:calc(70% / 4);}
	.list_tr5>*:nth-child(7){display:none;}
	.listview,.list_notice1,.list1,.list_notice2,.list2,.list_notice3,.list3,.list_notice4,.list4,.list_notice5,.list5{font-size:12px;}
	.listview{padding:15px;}
	
	.write_tr>*{width:100%; }
	.write_title {padding:12px 12px 5px 12px; justify-content:flex-start;}
	.write_basic{border-left:1px solid var(--border-basic); border-right:1px solid var(--border-basic); margin:0 0 5px 0;}
	.write_basic input{width:100%;}
	.write_basic textarea{width:100%;}
	
	.view_tr>*{width:33.33333%; text-align:left; font-size:13px; padding-left:5px;}
	.view_tr>*:nth-child(1){width:100%; padding-left:5px;}

	.view2           {padding:5px;}
	.view2_l{width:100%; text-align:center;}
	.view2_r{width:100%; padding:0 0 0 0px;}

}

@media screen and (max-width:600px) {
	.list_tr>*:nth-child(1){display:none;}
	.list_tr>*:nth-child(2){width:calc(100% - 100px);}

	.list_tr4>*:nth-child(4){display:none;}
	.list_tr4>*:nth-child(2){width:calc(100% - 100px);}
	
	.info1           {padding:0 10px 0 10px;}
	.info2           {padding:5px 10px 0 10px;}
	.info3           {padding:5px 10px 0 10px; font-size:12px;}
	
	.list_title1,.list_title2,.list_title3,.list_title4,.list_title5{font-size:14px; line-height:1.2; padding:10px 0 10px;}	
}

@media screen and (max-width:480px) {
	.list_tr>*{width:90px;}
	.list_tr>*:nth-child(2){width:calc(100% - 90px);}
	.list_tr:not(.trfirst)>*:nth-child(2){padding-left:10px;}
	
}

@media screen and (max-width:375px) {

	
}


/*-------------------------------------------------------------------------------------*
 *  버튼                                                                               *
 *-------------------------------------------------------------------------------------*/
.btn1_1         {display:inline-block; text-align:center; border-radius:3px; color:#ffffff; font-size:13px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.7); box-shadow:rgba(0,0,0,0.75) 5px 0px 5px -1px;}
.btn1_2         {display:inline-block; text-align:center; border-radius:3px; color:#ffffff; font-size:13px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.7); box-shadow:rgba(0,0,0,0.75) 5px 0px 5px -1px;}
.btn2_1         {display:inline-block; text-align:center; border-radius:3px; color:#ffffff; font-size:13px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.7); box-shadow:rgba(0,0,0,0.75) 5px 0px 5px -1px;}
.btn2_2         {display:inline-block; text-align:center; border-radius:3px; color:#ffffff; font-size:13px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.7); box-shadow:rgba(0,0,0,0.75) 5px 0px 5px -1px;}
.btn3_1         {display:inline-block; text-align:center; border-radius:3px; color:#ffffff; font-size:18px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.7); box-shadow:rgba(0,0,0,0.75) 5px 0px 5px -1px; font-family:'rocket';}
.btn3_2         {display:inline-block; text-align:center; border-radius:3px; color:#ffffff; font-size:18px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.7); box-shadow:rgba(0,0,0,0.75) 5px 0px 5px -1px; font-family:'rocket';}

.btn_wrap_right        {float:left; width:100%; text-align:right;}
.btn_wrap_right ul li  {display:inline;}
.btn_wrap_center       {float:left; width:100%; text-align:center;}
.btn_wrap_center ul li {display:inline;}

.btn1_1         {background:url(../img/btn1.jpg)center top no-repeat; background-size:cover; min-width:85px; min-height:34px; padding:0 15px 0 15px; line-height:34px;}
.btn1_1:hover   {background:url(../img/btn1_h.jpg)center top no-repeat; background-size:cover;}

.btn1_2         {background:url(../img/btn2.jpg)center top no-repeat; background-size:cover; min-width:85px; min-height:34px; padding:0 15px 0 15px; line-height:34px;}
.btn1_2:hover   {background:url(../img/btn2_h.jpg)center top no-repeat; background-size:cover;}

.btn2_1         {background:url(../img/btn1.jpg)center top no-repeat; background-size:cover; min-width:110px; height:40px; line-height:40px;}
.btn2_1:hover   {background:url(../img/btn1_h.jpg)center top no-repeat; background-size:cover;}

.btn2_2         {background:url(../img/btn2.jpg)center top no-repeat; background-size:cover; min-width:110px; height:40px; line-height:40px;}
.btn2_2:hover   {background:url(../img/btn2_h.jpg)center top no-repeat; background-size:cover;}

.btn3_1         {background:url(../img/btn1.jpg)center top no-repeat; background-size:cover; min-width:220px; height:48px; line-height:48px;}
.btn3_1:hover   {background:url(../img/btn1_h.jpg)center top no-repeat; background-size:cover;}

.btn3_2         {background:url(../img/btn2.jpg)center top no-repeat; background-size:cover; min-width:220px; height:48px; line-height:48px;}
.btn3_2:hover   {background:url(../img/btn2_h.jpg)center top no-repeat; background-size:cover;}

.division1      {background:#14292e; border:1px solid #070e10; display:inline-block; text-align:center; min-width:100px; padding:6px 8px 6px 8px; line-height:12px;  color:#ffffff; font-size:12px; font-weight:500; border-radius:0px;}
.division2      {background:#d40000; border:1px solid #070e10; display:inline-block; text-align:center; min-width:100px; padding:6px 8px 6px 8px; line-height:12px;  color:#ffffff; font-size:12px; font-weight:500; border-radius:0px;}
.division3      {border:1px solid #02ff6d; display:inline-block; text-align:center; min-width:70px; padding:4px 8px 4px 8px; line-height:12px;  color:#02ff6d; font-size:12px; font-weight:500; border-radius:0px;}

.write_basic_btn{display:inline-block; margin:0 0 0 10px;}
[class*="btn1_"] {margin: 0 0 2px;}

@media screen and (max-width:1250px) {
	.write_basic_btn{margin:5px 0 0 0;}

}
@media screen and (max-width:768px) {
	.display_flex{display:flex; flex-wrap: nowrap; align-items: center; justify-content: center;}
	.display_flex li{width:100%; margin:0 2px 0 2px;}
								   
	[class*="btn2_"] {min-width:100%;}
	[class*="btn3_"] {min-width:100%;}
	.division1{min-width:70px;}
	.division2{min-width:70px;}
	.division3{min-width:70px;}
}

.btn1_1:hover , .btn1_2:hover , .btn2_1:hover , .btn2_2:hover , .btn3_1:hover , .btn3_2:hover {
	-webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}


/*-------------------------------------------------------------------------------------*
 *  탭                                                                                 *
 *-------------------------------------------------------------------------------------*/
.tab_wrap       {float:right; margin:0 0 0 0; transition:all 0.5s; line-height: 60px;}
.tab_wrap ul li {float:left; margin:0 5px 3px 0; font-family:'ahead1';}
.tab            {border-bottom:1px solid #458c9b; min-width:110px; line-height:18px; text-align:center; display:inline-block; color:#458c9b; font-size:18px; font-family:'rocket'; border-radius:0px; padding:6px 20px 10px 20px; transition:all 0.5s; text-shadow:2px 0 5px rgba(0,0,0,0.43);}
.tab:hover      {border-bottom:1px solid #c70000; color:#c70000;}
.tabon          {border-bottom:1px solid #c70000; min-width:110px; line-height:18px; text-align:center; display:inline-block; color:#c70000; font-size:18px; font-family:'rocket'; border-radius:0px; padding:6px 20px 10px 20px; text-shadow:2px 0 5px rgba(0,0,0,0.43);}

/* 슬롯게임탭전용 */
.slot_tab_wrap{float:right; width:100%; margin:0 0 0 0; transition:all 0.5s; line-height:40px;}

.slot_tab_wrap ul li {float:left; margin:0 5px 3px 0; font-family:'rocket'; display:flex;}
.slot_tab            {background:#458c9b; min-width:90px; line-height:18px; text-align:center; display:inline-block; color:#22505a; font-size:14px; font-weight:500; border-radius:0px; padding:6px 20px 6px 20px;}
.slot_tab:hover      {background:#c70000; color:#ffffff;}
.slot_tabon          {background:#c70000; min-width:90px; line-height:18px; text-align:center; display:inline-block; color:#ffffff; font-size:14px; font-weight:500; border-radius:0px; padding:6px 20px 6px 20px; text-shadow:2px 0 0px rgba(0,0,0,0.43);}
.slot_tabon img{filter:drop-shadow(1px 0px 1px rgba(0,0,0,0.9));}
.slot_tab img{filter:drop-shadow(1px 0px 1px rgba(0,0,0,0.9));}
@media screen and (max-width:1600px) {
	.slot_tab_wrap{width:100%; margin:0; line-height:0; padding:0 0 5px 0;}
}

@media screen and (max-width:1400px) {
	.tab_wrap{line-height:48px;}
	.tab{min-width:90px; font-size:14px; white-space:nowrap; text-overflow:ellipsis;}
	.tabon{min-width:90px; font-size:14px; white-space:nowrap; text-overflow:ellipsis;}
	.slot_tab_wrap ul li{width:24.25%; margin:0 1% 0.5% 0;}
	.slot_tab_wrap ul li:nth-child(4n){margin:0 0 0.5% 0;}
	.slot_tab_wrap ul li a{display:block; width:100%;}
	.slot_tab{width:100%;}
	.slot_tabon{width:100%;}	
}

@media screen and (max-width:1023px) {
	.tab_wrap{width:100%; margin:0; line-height:0; padding:0 0 5px 0;}
	.tab_wrap ul li{width:19.5%; margin:0 0.5% 0.5% 0;}
	.tab_wrap ul li:nth-child(5n){margin:0 0 0.5% 0;}
	.tab{width:100%;}
	.tabon{width:100%;}
	.slot_tab_wrap ul li{width:33%; margin:0 0.5% 0.5% 0;}
	.slot_tab_wrap ul li:nth-child(4n){margin:0 0.5% 0.5% 0;}
	.slot_tab_wrap ul li:nth-child(3n){margin:0 0 0.5% 0;}
}

@media screen and (max-width:768px) {
	.tab_wrap ul li{width:33%; margin:0 0.5% 0.5% 0;}
	.tab_wrap ul li:nth-child(5n){margin:0 0.5% 0.5% 0;}
	.tab_wrap ul li:nth-child(3n){margin:0 0 0.5% 0;}
	.slot_tab{display:flex; flex-direction: column; align-content: center; align-items: center; justify-content: center;}
	.slot_tabon{display:flex; flex-direction: column; align-content: center; align-items: center; justify-content: center;}	
}

@media screen and (max-width:500px) {
	.tabon{white-space:nowrap; text-overflow:ellipsis; padding:15px 20px 10px 20px;}
	.tab{white-space:nowrap; text-overflow:ellipsis; padding:15px 20px 10px 20px;}
	.slot_tab{white-space:nowrap; text-overflow:ellipsis;}
	.slot_tabon{white-space:nowrap; text-overflow:ellipsis;}
}

/*-------------------------------------------------------------------------------------*
 *  폰트                                                                               *
 *-------------------------------------------------------------------------------------*/
.font01 {color:#ffffff; font-weight:500;}
.font02 {color:var(--normal-color); font-weight:500;}
.font03 {color:#929292;}            
.font04 {color:#bfffcf;}            
.font05 {color:#ffea00; font-weight:500;}
.font06 {color:#02ff6d; font-weight:500;}
.font07 {color:#ffcd00; font-weight:500;}
.font08 {color:#828282; font-weight:500;}
.font09 {color:#0048ff; font-weight:500;}
.font10 {color:#fee900; font-weight:500;}

.font11 {color:#fff000; font-weight:700; font-size:20px; font-family:Arial; letter-spacing:-1pt;}
.font12 {color:#ffff55; font-weight:700; font-size:16px; font-family:Arial; letter-spacing:-1pt;}
.font13 {color:#359865; font-size:22px; font-weight:700; font-family:'GmarketSans'; letter-spacing:-1pt;}

.font14 {color:#d40000; font-weight:700; font-size:16px; font-family:Arial; letter-spacing:-1pt;}
.font15 {color:#00ffba; font-weight:700; font-size:16px; font-family:Arial; letter-spacing:-1pt;}

.font25 {color:#ffb400; font-weight:700;}

@media screen and (max-width:500px) {
.font14 {font-size:14px;}
.font15 {font-size:14px;}
}



.slot_tab img {
	width: 95px;
    border: #ffffff80 1px solid;
}

@media screen and (min-width: 1050px) { 
	.slot_tab_wrap ul li {
		margin: 0 8px 9px 0;
	}
	
	.slot_tab {
		padding: 0;
		height: 45px;
	}
}
	
@media screen and (max-width: 1020px) { 
		.slot_tab_wrap ul li {
			margin: 0 0.5% 0.5% 0;
		}
		.slot_tab {
			height: 72px;
			padding: 0 !important;
		}
	
		.slot_tab img {
			width: 125px !important;
			border: 1px solid white;

			
		}
		.slot_tabon img {
			
			border: 2px solid red;

			
		}


		.slot_tabon, .slot_tab {
			background-color: unset;
		}
	}
	
	@media screen and (max-width: 500px) { 
		
		.slot_tab {
			height: 60px;
			padding: 0 !important;
		}
	
		.slot_tab img {
			width: 95px;
		}
	}
		

/*-------------------------------------------------------------------------------------*
 *  인풋                                                                               *
 *-------------------------------------------------------------------------------------*/
.input1       {background-color:#0a1518; border:1px solid #040809; padding:4px 0 4px 5px; color:#ffffff; font-size:14px; border-radius:2px; height:34px; transition:all 0.5s;}
.input2       {background-color:#0a1518; border:1px solid #040809; padding:4px 0 4px 5px; color:#ffffff; font-size:14px; border-radius:2px; transition:all 0.5s;}

.select1{background-color:#0a1518; border:1px solid #040809; padding:4px 5px 4px 5px; color:#ffffff; font-size:14px; border-radius:2px; height:34px; transition:all 0.5s;}