@charset "utf-8";

/*-------------------------------------------------------------------------------------*
 *  판매신청 구매신청 코인전송                                                         *
 *-------------------------------------------------------------------------------------*/
.ok_contents_wrap {float:left; width:100%; min-height:650px; margin:50px 0 40px 0;}
.ok_contents_box {margin:0px auto; width:1440px;}

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

    .ok_contents_box{width:96%}
}

.ok_contents_start {float:left; width:100%; background:#ffffff; border:1px solid rgba(0,0,0,0.2); border-top:3px solid #222222; padding:20px; margin:0 0 40px 0;}

.ok_write_title_top {border-top:1px solid rgba(0,0,0,0.2);}
.ok_write_title     {background:rgba(255,255,255,0.4); font-weight:700; font-size:19px; border-bottom:1px solid rgba(0,0,0,0.2); color:#191919; padding:2% 2% 2% 2%; line-height:20px; width:20%;}  
.ok_write_basic     {background:rgba(255,255,255,0.4); font-weight:400; font-size:16px; border-bottom:1px solid rgba(0,0,0,0.2); color:#585858; padding:2% 2% 2% 2%; line-height:20px; text-align:right;}
.ok_write_text {float:left; width:100%; text-align:center; color:#666666; font-weight:900;  font-size:15px; font-weight:400; padding:15px 0 15px 0;}

.ok_info_wrap       {background:#ffffff; border:1px solid rgba(0,0,0,0.2); float:left; width:100%; padding:15px 0 20px 0; text-align:center;}
.ok_info1           {float:left; width:100%; line-height:34px; color:#191919; padding:5px 20px 0 20px; font-family: 'rocket'; font-size:26px;}
.ok_info2           {float:left; width:100%; line-height:26px; color:#3a6ef9; padding:5px 20px 0 20px; font-family: 'rocket'; font-size:22px;}
.ok_info3           {float:left; width:100%; line-height:24px; color:#585858; padding:5px 20px 0 23px; font-size:14px; font-weight:400;}

.ok_btn1_1  {background:linear-gradient(#a942b6 0%, #94399f 100%); display:inline-block; text-align:center; border-radius:3px;  color:#ffffff; font-size:14px; letter-spacing:0pt; font-weight:500; width:100%; height:42px; line-height:38px;}
.ok_btn1_1:hover  {background:linear-gradient(45deg, #a942b6 0%, #94399f 100%);}

.ok_btn2_1  {background:linear-gradient(#42b642 0%, #399f48 100%); display:inline-block; text-align:center; border-radius:3px;  color:#ffffff; font-size:14px; letter-spacing:0pt; font-weight:500; width:100%; height:42px; line-height:38px;}
.ok_btn2_1:hover  {background:linear-gradient(45deg, #42b642 0%, #399f48 100%);}

.ok_btn3_1  {background:linear-gradient(#4255b6 0%, #393e9f 100%); display:inline-block; text-align:center; border-radius:3px;  color:#ffffff; font-size:14px; letter-spacing:0pt; font-weight:500; width:100%; height:42px; line-height:38px;}
.ok_btn3_1:hover  {background:linear-gradient(45deg, #4255b6 0%, #393e9f 100%);}

.ok_btn1_2         {border:3px solid #a942b6; display:inline-block; text-align:center; border-radius:3px;  color:#a942b6; font-size:22px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.0); box-shadow:rgba(0,0,0,0.0) 2px 2px 5px -1px; width:320px; height:56px; line-height:50px;}
.ok_btn1_2:hover  {background:#a942b6; color:#ffffff;}

.ok_btn2_2         {border:3px solid #42b642; display:inline-block; text-align:center; border-radius:3px;  color:#42b642; font-size:22px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.0); box-shadow:rgba(0,0,0,0.0) 2px 2px 5px -1px; width:320px; height:56px; line-height:52px;}
.ok_btn2_2:hover  {background:#42b642; color:#ffffff;}

.ok_btn3_2         {border:3px solid #4255b6; display:inline-block; text-align:center; border-radius:3px;  color:#4255b6; font-size:22px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.0); box-shadow:rgba(0,0,0,0.0) 2px 2px 5px -1px; width:320px; height:56px; line-height:52px;}
.ok_btn3_2:hover  {background:#4255b6; color:#ffffff;}


/*-------------------------------------------------------------------------------------*
 *  게시판                                                                             *
 *-------------------------------------------------------------------------------------*/
.list_title1     {background:#333333; color:#ffffff; line-height:44px; text-align:center; font-weight:400;  font-size:14px;}
.list_notice1    {background:#f2f2f2;  border-bottom:1px solid rgba(0,0,0,0.2); color:#545454; font-size:14px; line-height:40px; text-align:center;}
.list_notice2    {background:#f2f2f2;  border-bottom:1px solid rgba(0,0,0,0.2); color:#000000; font-size:14px; line-height:40px; padding:0 0 0 15px; font-weight:500;}
.list1           {background:rgba(255,255,255,0.4);  border-bottom:1px solid rgba(0,0,0,0.2); color:#222222; font-size:14px; line-height:20px; padding:1%; text-align:center;}
.list2           {background:rgba(255,255,255,0.4);  border-bottom:1px solid rgba(0,0,0,0.2); color:#222222; font-size:14px; line-height:20px; padding:2% 2% 2% 2%; font-weight:500;} 

.write_title_top {border-top:1px solid rgba(0,0,0,0.2);}
.write_title     {background:#ffffff;  font-weight:700; font-size:14px; border-bottom:1px solid rgba(0,0,0,0.2); height:54px; color:#333333; padding:15px 10px 15px 30px; line-height:20px; width:220px;}  
.write_basic     {background:#ffffff;  font-weight:400; font-size:14px; border-bottom:1px solid rgba(0,0,0,0.2); height:54px; color:#737373; padding:15px 20px 15px 30px; line-height:20px;}

.view1           {background:#ffffff; border-bottom:1px solid rgba(0,0,0,0.2); color:#ffffff; padding:0 20px 0 20px; width:100%; height:50px; line-height:44px; font-weight:500; font-size:14px;  letter-spacing:0pt;}
.view2           {background:#f3f3f3; border-bottom:1px solid rgba(0,0,0,0.2); padding:12px 20px 10px 20px; width:100%; line-height:26px; min-height:300px;}
.view_box        {background:rgba(0,0,0,0.1); padding:5px 8px 3px 8px; color:#dddddd; line-height:12px; text-align:center; display:inline-block;  font-size:12px; border-radius:0px; margin:0 5px 0 0; font-weight:100;}

.page_wrap       {float:left; width:100%; height:40px; text-align:center;}
.page_wrap ul li {display:inline;}
.page            {background:rgba(0,0,0,0.1); display:inline-block; padding:14px 17px 12px 17px; color:#545454;}
.pageon          {background:linear-gradient(#3c6df8 0%, #8c47c7 100%); display:inline-block; padding:14px 17px 12px 17px; color:#ffffff; font-weight:700;}

.info_wrap       {background:#ffffff; border:1px solid rgba(0,0,0,0.2); float:left; width:100%; padding:15px 0 30px 0;}
.info1           {float:left; width:100%; line-height:26px; color:#191919; padding:15px 20px 10px 25px;  font-size:26px; font-family: 'rocket';}
.info2           {float:left; width:100%; line-height:26px; color:#3a6ef9; padding:10px 20px 0 25px;  font-size:18px; font-family: 'rocket';}
.info3           {float:left; width:100%; line-height:24px; color:#585858; padding:10px 20px 0 28px;  font-size:15px; font-weight:400;}


/*-------------------------------------------------------------------------------------*
 *  버튼                                                                               *
 *-------------------------------------------------------------------------------------*/
.btn1_1         {display:inline-block; text-align:center; border-radius:3px;  color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.1) 2px 2px 2px -1px;}
.btn1_2         {display:inline-block; text-align:center; border-radius:3px;  color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.1) 2px 2px 2px -1px;}
.btn2_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.3); box-shadow:rgba(0,0,0,0.1) 2px 2px 2px -1px;}
.btn2_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.3); box-shadow:rgba(0,0,0,0.1) 2px 2px 2px -1px;}
.btn3_1         {display:inline-block; text-align:center; border-radius:3px;  color:#ffffff; font-size:22px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.1) 2px 2px 2px -1px;}
.btn3_2         {display:inline-block; text-align:center; border-radius:3px;  color:#ffffff; font-size:22px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.1) 2px 2px 2px -1px;}

.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:#9045c5; border:1px solid #9045c5; min-width:80px; min-height:40px; padding:0 15px 0 15px; line-height:40px;}
.btn1_1:hover   {background:#7432a3;}

.btn1_2         {background:#696969; border:1px solid #696969; min-width:80px; min-height:40px; padding:0 15px 0 15px; line-height:40px;}
.btn1_2:hover   {background:#444444;}

.btn2_1         {background:#9045c5; border:1px solid #9045c5; min-width:140px; height:40px; line-height:40px;}
.btn2_1:hover   {background:#7432a3;}

.btn2_2         {background:#696969; border:1px solid #696969; min-width:140px; height:40px; line-height:40px;}
.btn2_2:hover   {background:#444444;}

.btn3_1         {background:#9045c5; border:1px solid #9045c5; min-width:260px; height:56px; line-height:56px;}
.btn3_1:hover   {background:#7432a3;}

.btn3_2         {background:#696969; border:1px solid #696969; min-width:260px; height:56px; line-height:56px;}
.btn3_2:hover   {background:#444444;}

.division1      {border:1px solid #a942b6; display:inline-block; text-align:center; min-width:100px; padding:6px 8px 6px 8px; line-height:12px;  color:#a942b6; font-size:12px; font-weight:700;}
.division2      {border:1px solid #42b642; display:inline-block; text-align:center; min-width:100px; padding:6px 8px 6px 8px; line-height:12px;  color:#42b642; font-size:12px; font-weight:700;}
.division3      {border:1px solid #4255b6; display:inline-block; text-align:center; min-width:100px; padding:6px 8px 6px 8px; line-height:12px;  color:#4255b6; font-size:12px; font-weight:700;}


/*-------------------------------------------------------------------------------------*
 *  탭                                                                                 *
 *-------------------------------------------------------------------------------------*/
.tab_wrap       {float:left;}
.tab_wrap ul li {float:left; margin:0 5px 0 0;}
.tab            {border:1px solid rgba(0,0,0,0.2); width:140px; height:42px; line-height:42px;  text-align:center; display:inline-block; color:#b0b0b0; font-size:16px; font-weight:400;}
.tab:hover      {border:1px solid rgba(0,0,0,0.7); color:#343434;}
.tabon          {border:1px solid rgba(0,0,0,0.7); width:140px; height:42px; line-height:42px;  text-align:center; display:inline-block; color:#343434; font-size:16px; font-weight:400;}


/*-------------------------------------------------------------------------------------*
 *  폰트                                                                               *
 *-------------------------------------------------------------------------------------*/
.font01 {color:#ffffff; font-weight:500;}
.font02 {color:#000000; font-weight:500;}
.font03 {color:#929292;}
.font04 {color:#484848;}
.font05 {color:#ee4d96; font-weight:500;}
.font06 {color:#ffcd00; font-weight:500;}
.font07 {color:#106aa8; font-weight:500;}
.font08 {color:#5d24ff; font-weight:500;}
.font09 {color:#004db5; font-weight:500;}
.font10 {color:#ff7200; font-weight:500;}

.font11 {color:#5a1fc3; font-weight:900;}
.font12 {color:#ff7200; font-weight:500;}
.font13 {color:#00b555; font-weight:500;}


.font21 {color:#5a1fc3; font-weight:900; font-size:24px; letter-spacing:-1px; font-style:italic;}
.font22 {color:#00cd7d; font-weight:900; font-size:24px; letter-spacing:-1px; font-style:italic;}
.font23 {color:#545454; font-weight:900; font-size:24px; letter-spacing:-1px; font-style:italic;}


/*-------------------------------------------------------------------------------------*
 *  인풋                                                                               *
 *-------------------------------------------------------------------------------------*/
.input1       {background-color:#ededed; border:1px solid #cccccc; padding:4px 10px 4px 10px; color:#444444; height:34px; min-width:200px;}
.input2       {background-color:#ededed; border:1px solid #cccccc; padding:4px 0 4px 5px; color:#444444;}