/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');*/
 @import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:16px;font-family:'nanumsquare', sans-serif;background:#000000;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'nanumsquare', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}


textarea, select {font-family:'nanumsquare', sans-serif;font-size:16px}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#fff;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

.wb-textarea {
    min-height: 300px;
}
.wb-input {width: 100%;color: #fff;font-size: 20px;background-color: transparent; outline: none; border: none;}
input[type=text], input[type=password], textarea {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out; font-family: 'Pretendard'; outline: none;}

.dot {padding:0 10px 0 10px;}


@media all and (min-width: 900px) {

.totopic {float:left;width:100%;}
.totopic .head_wrap {height:170px;background: url(../../common/img/menubg2.gif) #161c2a no-repeat;background-position: center top;}
.totopic .head {width:1200px; margin:0 auto;}
.totopic .head .wrap{width:1200px;margin:0 auto;padding-top:30px;color:#fff;}
.totopic .head .wrap .smenu{float:right;}
.totopic .head .wrap .smenu .t1{float:left;padding-right:20px;}
.totopic .head .logo {float:left;width:100%;text-align:center;padding:30px 0;}
.totopic .head .logo img{width:250px;}
.totopic .menu {float:left;width:100%;z-index:300;background: url(../../common/img/menubg.gif) #161c2a no-repeat;background-position: center top;position: sticky;top:0px;}
.totopic .menu .wrap{width:1200px; margin:0 auto;color:#fff;}
.totopic .menu .wrap .linebox{float:left;width:100%;color:#fff;text-align:center;color: #fff;padding:20px 0;font-size: 20px;font-weight: 600;}
.totopic .menu .wrap .linebox div{float:left;width:14%;}
.totopic .content {float:left;width:100%;padding-top:60px;padding-bottom:60px;}
.totopic .content .wrap1{width:1200px; margin:0 auto;color:#fff;}
.totopic .content .wrap1 .cont{float:left;width:100%; margin:0 auto;color:#fff;}
.totopic .content .wrap1 .cont .stit{float:left;width:50%;text-align:left;font-size:20px;font-weight: 700;padding:0px 0 40px;}
.totopic .content .wrap1 .cont .suser{float:left;width:50%;color:#fff;text-align:right;line-height:34px;font-size:24px;font-weight:500;padding:0px 0 50px;}
.totopic .customer {float:left;margin-top:40px;width:100%;border-top:1px solid #424242;border-bottom:1px solid #424242;padding:30px 0;}
.totopic .customer .wrap{width:1200px; margin:0 auto;}
.totopic .customer .wrap .list_box{float:left;width:100%;display: flex; margin:0 auto;color: #aaaaaa;}
.totopic .customer .wrap .list_box .list{float:left;width:33%;}
.totopic .customer .wrap .list_box .list .tit{color: #fff;font-size: 22px;font-weight: 600;padding:10px 0;}
.totopic .customer .wrap .list_box .list .txt1{color:#00d8ff;}
.totopic .customer .wrap .list_box .list .txt2{font-size:26px;color:#00d8ff;font-weight:700;text-decoration:none;}
.totopic .customer .wrap .list_box .list .txt3{color:#fff;}
.totopic .customer .wrap .list_box .list .count{float:left;padding:0px 0 0 ;font-size:18px;}
#footer {float:left;width:100%;color:#aaaaaa;padding-bottom:0px;}
#footer .wrap{width:1200px;margin:0 auto; padding:60px 0;}
#footer .wrap div{line-height:1.6;font-size:14px;}
.floating {position: fixed;bottom: 10px;right:10px;display: flex;flex-direction: column;gap: 12px;z-index: 98;}
.floating a {color: #3d2324;width:70px;height:70px;font-size:55px;text-align: center;line-height:55px;border-radius:16px;box-shadow: 6px 6px 18px rgba(0, 0, 0, .25); cursor: pointer;}
.kakaoBtn {background-color: #f9e108;padding-top:10px;}
html.open {  overflow: hidden;}
#menu.open { left: 0px;}
.page_cover.open { display: block;}
.btn { display:none; padding:20px; width: 70px; height: 70px; position: absolute; left: 0px; top: 10px; z-index: 1; background-image: url("../../common/img/menu.png");
  background-size: 50%; background-repeat: no-repeat; background-position: center; cursor: pointer;}
.close { display:none; width: 70px; height: 70px; position: absolute; left: 0px; top: 0px; background-image: url("../../common/img/close.png");
  background-size: 50%; background-repeat: no-repeat; background-position: center; cursor: pointer;}
#menu {height: 100%;position: fixed;top: 0px;left: -502px;z-index: 10; background-color:#000000; text-align: center;font-weight: bold; transition: All 0.2s ease; -webkit-transition: All 0.2s ease;  -moz-transition: All 0.2s ease;-o-transition: All 0.2s ease; padding-top: 50px; padding-left: 0px; padding-right: 40px;}
#menu a{ padding:0; text-decoration: none; font-size: 18px; color: #ffffff; display: block; transition: 0.3s; }
#menu.open { left: 0px;}
.page_cover.open {  display: block;}
.page_cover { width: 100%; height: 100%; position: fixed; top: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.4); z-index: 4;  display: none;}
#menu ul {width:190px; margin:0; padding:0; }
#menu ul.nav li {float:left;width:100%;margin-top:10px; list-style-type:none;font-size:18px;}
#menu ul.nav li a {display:block; width:100%; height:100%; line-height:50px; text-indent:20px; text-align: left; color:#ffffff; font-weight:bold;  text-decoration:none; }
#menu ul.nav li a:hover {background:#eee;}
#menu ul.nav li .sub_mobile a {   
    float:left;
    display:block;
    width:100%;
    z-index:999;
    background:#ccc;
	}

#menu ul.nav li .sub_mobile a:hover {
    background:#787878;
    color:#fff;
    z-index:999;
    }
	
.bt_wrap {width:150px;margin:0 auto;}





.log_logo {width:100%;text-align:center;padding:15% 0 20px;}
.log_logo1 {width:100%;text-align:center;padding:100px 0 20px;}
.log_wrap {width:100%;}
.log_wrap .logbox{width:400px;margin:0 auto;}
.log_input {
    color: #fff;
    width: 100%;
    height: 60px;
    padding: 0;
    border: none;
    font-size:20px;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-shadow: unset !important;
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.log_bt {
    width: 100%;
    height: 50px !important;
    padding: 15px 0;
	text-align:center;
    font-size: 19px;
    border: none;
    outline: none;
    margin-bottom: .7rem;
    background-color:#1e5ee4;
    margin: 1rem 0 2rem 0;
	color:#ffffff;
}

.log_bkbt {
    float:left;
	width: 100%;
    height: 50px !important;
    padding: 15px 0;
    font-size: 19px;
	text-align:center;
    border: none;
    outline: none;
    margin-bottom: .7rem;
    margin: 1rem 0 2rem 0;
	color:#ffffff;
}

.contact {float:left;width: 100%;}
.contact .tit{color: #fff;width: 100%;font-size: 20px;font-weight: 700;display: flex;}
.contact .tit2{padding:50px 0 0 ;color: #fff;width: 100%;font-size: 20px;font-weight: 700;display: flex;}
.contact .input{padding:10px 0 0 ;float:left;width:100%;}
.contact .tearea{padding:10px 0 0 ;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.contact .file{padding:25px;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.contact .con_inner{min-height:300px;float:left;width:100%;padding:30px 0 30px;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.winnerview {float:left;width:100%;}
.winnerview .tit{float:left;width:100%; font-size:25px;color: #fff;font-weight: 600;line-height: 1.64;display: flex;align-items: center;}
.winnerview .date{float:left;width:100%;font-size: 18px;padding-right: 30px;line-height: 2.5;color: #848484;line-height:2;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.mbs {float:left;width:100%;}
.mbs .box1{float:left;width:31.3%;color: #fff;padding: 30px 25px;padding-left: 50px;display: flex;gap: 2rem;border-radius:0px;border:1px solid #272b34;background-color: #161c2a;cursor: default;margin-right:2%;height:400px;margin-bottom:20px;}
.mbs .box1:hover { background-color:#0a0e18;}
.mbs .box1 .txt1{font-size:50px;font-weight: 700;line-height:1.6;}
.mbs .box1 .txt2{font-size:20px;line-height:2.2;}
.mbs .box1 .txt3{font-size:30px;font-weight: 600;white-space: nowrap;letter-spacing: 0;}
.mbs .box1 .txt4{font-size:17px;line-height:2;}
.mbs .box2{float:left;width:31%;color: #fff;padding: 30px 25px;padding-left: 50px;font-size:40px;display: flex;gap: 2rem;border-radius:0px;border:1px solid #272b34;background-color: #161c2a;cursor: default;height:400px;margin-bottom:20px;}
.mbs .box2:hover { background-color:#0a0e18;}
.mbs .box2 .txt1{font-size:50px;font-weight: 700;line-height:1.6;}
.mbs .box2 .txt2{font-size:20px;line-height:2.2;}
.mbs .box2 .txt3{font-size:30px;font-weight: 600;white-space: nowrap;letter-spacing: 0;}
.mbs .box2 .txt4{font-size:17px;line-height:2;}
.rvw {float:left;width:100%; padding:60px 0;border-bottom: 1px solid #424242;}
.rvw .review_wrap {float:left;width:100%; line-height:1.5;}
.rvw .review_wrap .rwrap .txt1{float:left;font-size:30px;font-weight:700;text-align:left;padding-right:30px;}
.rvw .review_wrap .rwrap .txt2{float:left;font-size:18px;padding-right:30px;line-height:2.5;color:#848484;}
.rvw .review_wrap .rwrap .txt3{font-size:18px;line-height:2.5;color:#ffea00;}
.rvw .reviewct{float:left;width:100%;font-size:18px;text-align:left;line-height:1.5;}


/* 페이징 */
.pg_wrap {
  padding-top:40px;
  clear: both;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  
}

.pg_wrap:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.pg {
  display: flex;
  gap: 15px;
  text-align: center;
}

.pg_page,
.pg_current {
  display: inline-block;
  vertical-align: middle;
}

.pg a:focus,
.pg a:hover {
  text-decoration: none
}

.pg_page {
  color: #959595;
  font-size: 1.083em;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  min-width: 30px;
  text-decoration: none;
}

.pg_page:hover {
  color: #777777;
}

.pg_start {
  text-indent: -999px;
  overflow: hidden;
  background: url('/common/img/btn_first.png') no-repeat 50% 50%;
  padding: 0;
}

.pg_prev {
  text-indent: -999px;
  overflow: hidden;
  background: url('../../common/img/btn_prev.png') no-repeat 50% 50%;
  padding: 0;
}

.pg_end {
  text-indent: -999px;
  overflow: hidden;
  background: url('../../common/img/btn_end.png') no-repeat 50% 50%;
  padding: 0;
}

.pg_next {
  text-indent: -999px;
  overflow: hidden;
  background: url('../../common/img/btn_next.png') no-repeat 50% 50%;
  padding: 0;
}

.pg_start:hover,
.pg_prev:hover,
.pg_end:hover,
.pg_next:hover {
  background-color: none;
}

.pg_current {
  display: inline-block;
  border: none;
  color: #fff;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  min-width: 30px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, .1);
}
.toboard {float:left;width:100%;display:flex;gap:2rem;padding-bottom:30px;}
.toboard .imageb{float:left;width:275px;height:180px;border:1px solid #424242;overflow:hidden;}
.toboard .imageb img{width:100%;}
.toboard .text{line-height:40px;width:275px;overflow:hidden;text-overflow: ellipsis;}
.main_c {text-align:center;letter-spacing:-3px;}
.main_c .section_1{height:1080px;background: url(/common/main_bg1.png) no-repeat;background-size: 100% 100%;}
.main_c .section_1 .s_tit{padding-top:50px; font-size:17px;width:400px;font-weight:900;margin:0 auto;}
.main_c .section_1 .tit_1{font-size:100px;padding:30px 0 0 ;width:750px;font-weight:900;margin:0 auto;line-height:130px;}
.main_c .section_1 .tit_2{font-size:100px;padding:0px 0 40px ;width:750px;font-weight:900;margin:0 auto;line-height:150px;color: #02fff6;}
.main_c .section_1 .tit_3{font-size:60px;padding:20px;width:480px;font-weight:700;margin:0 auto;}
.main_c .section_1 .list_box1 {width:800px; height:165px; padding-top:35px; margin:0 auto;font-weight:700;}
.main_c .section_1 .list_box1 .t1{float:left;width:25%; padding:20px;font-size:30px;}
.main_c .section_1 .list_box2 {width:600px;margin:0 auto;font-weight:700;}
.main_c .section_1 .list_box2 .t1{float:left;width:33%; padding-top:65px;font-size:30px;}
.main_c .section_1 .list_box2 .t2{float:left;width:33%; padding-top:60px;font-size:30px;}
.main_c .section_2 {float:left;width:100%;text-align:center; margin:0 auto;font-weight:700;padding-bottom:400px;}
.main_c .section_2 .t1{font-size:50px;width:100%;font-weight:100;margin:0 auto;}
.main_c .section_2 .t1 span{font-weight:700;}
.main_c .section_2 .t2{font-size:50px;width:900px;font-weight:100;margin:0 auto;}
.main_c .section_2 .t2 span{font-weight:700;}
.main_c .section_3 {width:100%;margin:0 auto;padding-bottom:400px;}
.main_c .section_3 .tit{font-size:85px;width:500px;font-weight:900;margin:0 auto;}
.main_c .section_3 .list_box{padding-top:60px;font-size:45px;width:800px;font-weight:300;margin:0 auto;}
.main_c .section_3 .list_box .list{width:100%;background:#1a1a1a;margin:20px; padding:20px;border-radius:60px;padding-left:80px;text-align:left;}
.main_c .section_3 .list_box .list span {color:#ff0e2a;padding-right:15px;}
.main_c .section_4 {width:100%;margin:0 auto;padding-bottom:400px;} 
.main_c .section_4 .tit{padding-bottom:100px;text-align:center;font-size:85px;width:850px;font-weight:900;margin:0 auto;color:#ff0e2a;background: url(/common/img/m_underline.png) no-repeat; background-position: 50% 140px;} 
.main_c .section_4 .list_box1 {font-size:40px;width:800px;font-weight:700;margin:0 auto;padding:30px 0; border-top:5px solid #fff;border-bottom:5px solid #fff;}
.main_c .section_4 .list_box1 div{width:100%;line-height:1.5;}
.main_c .section_4 .list_box2 {padding-top:60px;font-size:40px;width:840px;font-weight:100;margin:0 auto;}
.main_c .section_4 .list_box2 div{width:100%;line-height:1.5;}
.main_c .section_5 {width:100%;padding-bottom:400px;}
.main_c .section_5 .tit1{font-size:85px;width:600px;font-weight:900;margin:0 auto;color:#02fff6;}
.main_c .section_5 .tit2{font-size:85px;width:800px;font-weight:900;margin:0 auto;color:#02fff6;}
.main_c .section_5 .tit3{font-size:40px;width:850px;font-weight:700;margin:0 auto;height:430px;background: url(/common/img/m_redcard.png) no-repeat; background-position:0% 80px;}
.main_c .section_5 .tit3 div{float:right;padding-top:140px;width:450px;color:#ff0e2a;font-size:65px;text-align:left;}
.main_c .section_5 .tit4{font-size:40px;width:840px;font-weight:500;margin:0 auto;}
.main_c .section_5 .tit5{width:850px;height:453px;margin:0 auto;background: url(/common/img/play_list.png) no-repeat;background-size:cover;}
.main_c .section_6 {width:951px;margin:0 auto;padding-bottom:200px;background: url(/common/img/play_football.png) no-repeat;background-size:100%;}
.main_c .section_6 .tit_1{font-size:85px;width:800px;font-weight:900;margin:0 auto;color:#fff;}
.main_c .section_6 .tit_2{font-size:85px;width:700px;font-weight:900;margin:0 auto;color:#fff;}
.main_c .section_6 .tit_3{font-size:85px;width:1000px;font-weight:900;margin:0 auto;color:#fff;}
.main_c .section_6 .tit_4{padding-top:60px;font-size:40px;width:800px;font-weight:700;margin:0 auto;}
.main_c .section_6 .tit_5{padding-top:60px;font-size:60px;width:100%;font-weight:600;margin:0 auto;color:#00c0ff;}
.main_c .section_6 .tit_5 .t1{width:350px;margin:0 auto;line-height:1.2;}
.main_c .section_6 .tit_5 .t2{width:100%;line-height:1;}


.main_c .section_7 {float:left;width:100%;text-align:center; margin:0 auto;font-weight:700;padding-bottom:400px;}
.main_c .section_7 .tit1{font-size:85px;width:600px;font-weight:900;margin:0 auto;color: #ff0e2a;}
.main_c .section_7 .tit2{float:left;width:100%;text-align:center;}
.main_c .section_7 .tit2 img{width:85%;margin:0 auto;}
.main_c .section_7 .tit3{float:left;width:100%;line-height:3;text-align:center;font-size:50px;}
.main_c .section_7 .tit3 span{color:#ff0e2a;}
.main_c .section_7 .tit4{float:left;width:100%;line-height:3;text-align:center;font-size:30px;}
.main_c .section_7 .tit4 table{width:70%;margin:0 auto; border:1px solid #272b34;}
.main_c .section_7 .tit4 table td{width:25%;border-bottom:1px solid #272b34;background-color: #161c2a;}


.inquiry {position: fixed; background:#011e62;float:left;width:100%; bottom: 0px;display:none;flex-direction: column;z-index: 98;}
.inquiry .inqwrap{width:1100px;margin:0 auto;padding-top:10px;}
.inquiry .inqwrap .tit1{float:left;width:25%;margin-right:10px;font-weight:900;color:#fff;font-size:20px;line-height:50px;}
.inquiry .inqwrap .tit1 span{font-weight:900;}
.inquiry .inqwrap .txt1{float:left;width:20%;padding-right:20px;}
.inquiry .inqwrap .txt2{float:left;width:20%;padding-right:10px;}
.inquiry .inqwrap .txt3{float:left;width:15%;}
.inquiry .inqwrap .txt3 button{width:100%; border:0px; background:#000;padding:13px;color:#fff;}
.inquiry .inqwrap .txt4{float:left;text-align:left;margin-left:285px;width:100%;color:#fff;line-height:2;font-size:13px;}
.inquiryit {color: #fff; width: 100%; height: 45px; padding: 0; border: none;font-size: 18px; -webkit-border-radius: 0; border-radius: 0;box-shadow: unset !important;background-color: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, .3);}
.info {float:left;width:100%;}
.info .tit1{float:left;width:100%;font-size:40px;text-align:center;}
.info .tits1{float:left;width:100%;font-size:30px;text-align:center;}
.info .tits2{float:left;width:100%;font-size:40px;text-align:center;line-height:4;}
.info .txtwrap{float:left;width:100%;padding-bottom:150px;}
.info .txtwrap .type_a1{float:left;width:50%;}
.info .txtwrap .type_a1 .txt1{width:80%;margin:0 auto;}
.info .txtwrap .type_a1 .txt1 img{width:300px;text-align:center;}
.info .txtwrap .type_a1 .txt2{width:80%;margin:0 auto;text-align:center;font-size:50px;font-weight:900;}
.info .txtwrap .type_a1 .txt3{width:80%;margin:0 auto;text-align:center;font-size:30px;font-weight:500;}
.info .txtwrap .type_a1 .txt4{width:80%;margin:0 auto;padding-top:50px; text-align:center;font-size:20px;font-weight:500;}
.info .txtwrap .type_a2{float:left;width:50%;}
.info .txtwrap .type_a2 .txt1{width:80%;margin:0 auto;}
.info .txtwrap .type_a2 .txt1 img{width:300px;text-align:center;}
.info .txtwrap .type_a2 .txt2{width:80%;margin:0 auto;text-align:center;font-size:50px;font-weight:900;}
.info .txtwrap .type_a2 .txt3{width:80%;margin:0 auto;text-align:center;font-size:30px;font-weight:500;}
.info .txtwrap .type_a2 .txt4{width:80%;margin:0 auto;padding-top:50px; text-align:center;font-size:20px;font-weight:500;}
.info .txtwrap .type_a3{float:left;width:50%;line-height:2;font-size:19px;}
.info .txtwrap .type_b1{float:left;width:100%;font-size:40px;text-align:center;line-height:4;}
.info .txtwrap .type_b2{float:left;width:100%;line-height:2;font-size:19px;}
.info .totoinfo_1 {float:left;width:100%;padding-bottom:50px; display: flex;gap: 2rem;}
.info .totoinfo_1 .inbox {float:left;width:33%;padding-bottom:60px;border-top:5px solid;border-bottom:5px solid;color: #fff;border: 1px solid #272b34;background-color:#161920;cursor: default;}
.info .totoinfo_1 .inbox .txt1{float:left;width:100%;text-align:center;font-size:35px;padding-top:50px;}
.info .totoinfo_1 .inbox .txt2{float:left;width:33%;text-align:center;padding-top:20px;font-size:20px;color: #02fff6;}
.info .totoinfo_1 .inbox .txt3{float:left;width:100%;text-align:center;font-size: 19px;padding-top:17px;}
.info .lists_tit{float:left;width:100%;font-size:40px;text-align:center;padding-top:150px;padding-bottom:70px;}
.info .lists_txt{line-height: 2;font-size: 19px;padding-bottom:70px;}
.info .xbox{float: left;width: 100%;padding-bottom: 60px;border-top: 5px solid;border-bottom: 5px solid;color: #fff;border: 1px solid #272b34;    background-color: #161920;cursor: default;padding:40px;margin-bottom:30px;}
.info .xbox .tx1{line-height:3;font-size:30px;text-align:center;color:#ffde00;}
.info .xbox .tx2{line-height: 2;font-size:16px;}
.info  .c_bi {color: #02fff6;font-weight: 700;}


.beefup {
  margin: 1em 0;
}
.beefup:hover {
  border-color: #ccc;
}
.beefup:first-child {
  margin-top: 0;
}
.beefup__head, .beefup__body {
  padding: 10px 20px;
}
.beefup__head {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding-right: 50px;

}


.beefup__head .tit1{float:left;padding-left:40px;font-size: 50px;font-weight: 700;line-height: 1.6;}
.beefup__head .tit2{float:left;padding-left:20px;text-align:right;line-height:5.6;}




button.beefup__head, .beefup__head > button {
  cursor: pointer;
  display: block;
  width: 100%;
  background: none;
  border: 0;
  font: inherit;
  text-align: inherit;
}
button.beefup__head[aria-disabled], .beefup__head > button[aria-disabled] {
  cursor: default;
  outline: 0;
}

.beefup__head > button {
  position: relative;
  z-index: 1;
  margin: -10px -50px -10px -20px;
  padding: inherit;
  width: calc(100% + 70px);
  background: inherit;
  border: inherit;
  color:#fff;
  
  border: 1px solid #424242;

}
.beefup__head::after {
  transition: transform 0.2s ease-out;
  content: "";
  transform: translate(0, -50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 0;
  margin-top: -2px;
  padding: 3px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  color: #ccc;
}
.beefup.is-open > .beefup__head::after {
  transform: translate(0, -50%) rotate(225deg);
  margin-top: 2px;

}
.mem {float:left;width:100%;}
.mem .tit1{float:left;width:100%;padding:200px; text-align:center;font-size:130px;color: #02fff6;}
.mem .tit2{float:left;width:100%;text-align:center;font-size:50px;}
.mem .txt1{float:left;width:100%;text-align:center;font-size:80px;padding-bottom:80px;}
.mem .box1{float:left;width:100%;}
.mem .box1 .txt{width:100%;color: #ffde00;margin:0 auto;text-align:center;padding:30px;font-size:50px;border:1px solid #fff;margin-bottom:130px;}
.mem .box2 {float:left;width:100%;padding-bottom:250px;}
.mem .box2 .txt{float:left;width:100%;text-align:center;margin:0 auto;padding:30px;font-size:30px;}
.mem .box2 .txt .num1{float:left;width:15%; font-size:100px;}
.mem .box2 .txt .nutit1{float:left;width:85%; height:120px;text-align:left;}
.mem .box3 {float:left;width:100%;padding-bottom:100px;}
.mem .box3 .txt1{width:100%;color: #ffde00;margin:0 auto;text-align:center;padding:30px;font-size:50px;border:1px solid #fff;margin-bottom:130px;}
.mem .box3 .txt{float:left;width: 100%;background: #1a1a1a;margin:20px; padding:40px;font-size:30px;border-radius: 60px;padding-left: 80px;text-align: left;}
.mem .box3 .txt span{color:red;padding-right:20px;}
.mem .box4 {float:left;width:100%;padding-bottom:250px;}
.mem .box4 .txt1{float:left;width:100%;text-align:center;font-size:30px;}
.mem .box4 .txt2{float:left;width:100%;text-align:center;font-size:30px;}
.mem .box5 {float:left;width:100%;padding-bottom:0px;}
.mem .box5 .txt{width:100%;color: #ffde00;margin:0 auto;text-align:center;padding:30px;font-size:50px;border:1px solid #fff;margin-bottom:130px;}
.mem .box6 {float:left;width:100%;padding-bottom:250px;}
.mem .box6 .txt1{float:left;width:100%;text-align:center;font-size:30px;}
.mem .box7 {float:left;width:100%;padding-bottom:0px;}
.mem .box7 .txt1{width:100%;color: #ffde00;margin:0 auto;text-align:center;padding:30px;font-size:50px;border:1px solid #fff;margin-bottom:130px;}
.mem .box8 {float:left;width:100%;padding-bottom:250px;}
.mem .box8 .txt1{float:left;width:100%;text-align:center;font-size:30px;}
.mem .box9 {float:left;width:100%;padding-bottom:0px;}
.mem .box9 .txt1{width:100%;margin:0 auto;text-align:center;padding:30px;font-size:50px;border:1px solid #fff;margin-bottom:130px;}
.mem .box10 {float:left;width:100%;padding-bottom:250px;display: flex;gap: 2rem;}
.mem .box10 .box{ float:left;width:33%;text-align:center;font-size:20px;}
.mem .box10 .box .txt{float:left;width:100%;padding-bottom:20px;}
.mem .box10 .box .txt .rads{width:200px;margin:0 auto;height:200px;background:#000;border:20px solid #02fff6;border-radius:100%;text-align:center;line-height:5;color: #02fff6;font-size:35px;}
.mem .box10 .box .price{font-size:35px;line-height:3;color: #ff0000;font-weight: 700;}
.mem .box11 {float:left;width:100%;padding-bottom:250px;display: flex;gap: 2rem;}
.mem .box11 .box{ float:left;width:100%;text-align:center;font-size:20px;}
.mem .box11 .box .txt{float:left;width:100%;padding-bottom:20px;}
.mem .box11 .box .txt .rads{width:200px;margin:0 auto;height:200px;background:#000;border:20px solid #02fff6;border-radius:100%;text-align:center;line-height:5;font-size:35px;color: #02fff6;}
.mem .box11 .box .price{font-size:35px;line-height:3;color: #ff0000;}








.phone_type {position:fixed;bottom:10px;right:10px;color:#fff;z-index:4000;}
.phone_type .box{width:300px;background:#011e62;padding:20px;}
.phone_type .box .txt1{text-align:right;}
.phone_type .box .txt2{text-align:center;font-size:20px;}
.phone_type .box .txt3{font-size:12px;}
.phone_type .box .txt4{width:100%;padding:10px 0;}
.phone_type .box .txt4 button{width: 100%;border: 0px;background: #000;padding: 13px;color: #fff;}
.phone_type .box .txt5{font-size:11px;}


.phone_typebt {position:fixed;bottom:10px;right:10px;color:#fff;z-index:0;}
.phone_typebt .fting{width: 70px;height: 70px;text-align: center;line-height:70px;border-radius:16px;text-align:center;background:#011e62;}


/*반응형*/








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

.totopic {float:left;width:100%;}
.totopic .head {width:100%;top: 0;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.totopic .head .wrap{display:none;width:100%;margin:0 auto;padding-top:30px;color:#fff;}
.totopic .head .wrap .smenu{float:right;}
.totopic .head .wrap .smenu .t1{float:left;padding-right:20px;}
.totopic .head .logo {float:left;width:100%;text-align:center;padding:20px 0;border-bottom: 1px solid #2f2f2f;}
.totopic .head .logo img{width:150px;}
.totopic .menu {display:none;float:left;width:100%;background:#171717;}
.totopic .menu .wrap{width:100%; margin:0 auto;color:#fff;}
.totopic .menu .wrap .linebox{float:left;width:100%;color:#fff;text-align:center;color: #fff;padding: 20px 0;font-size: 20px;font-weight: 600;}
.totopic .menu .wrap .linebox div{float:left;width:16%;}
.totopic .content {float:left;width:100%;padding-top:40px;padding-bottom:30px;}
.totopic .content .wrap1{width:100%; margin:0 auto;color:#fff;}
.totopic .content .wrap1 .cont{float:left;width:100%; margin:0 auto;color:#fff;}
.totopic .content .wrap1 .cont img{width:100%;}
.totopic .content .wrap1 .cont .stit{float:left;width:100%;text-align:center;font-size:25px;font-weight: 700;padding:0px 20px 20px;}
.totopic .content .wrap1 .cont .suser{display:none;}
.totopic .customer {float:left;margin-top:20px;width:100%;padding:30px 0;border-top: 1px solid #424242;}
.totopic .customer .wrap{width:100%; margin:0 auto;}
.totopic .customer .wrap .list_box{float:left;width:100%;margin:0 auto;color: #aaaaaa;}
.totopic .customer .wrap .list_box .list{float:left;width:100%; padding:10px 30px;}
.totopic .customer .wrap .list_box .list .tit{float:left;width:100%;color: #fff;font-size:17px;font-weight: 600;padding:10px 0;text-decoration:none;}
.totopic .customer .wrap .list_box .list .txt1{color:#00d8ff;}
.totopic .customer .wrap .list_box .list .txt2{font-size:26px;color:#00d8ff;font-weight:700;text-decoration:none;}
.totopic .customer .wrap .list_box .list .txt3{color:#fff;}
.totopic .customer .wrap .list_box .list .count{float:left;padding:10px 0 0 ;font-size:18px;}
#footer {float:left;width:100%;color:#aaaaaa;padding-bottom:70px;}
#footer .wrap{width:100%;margin:0 auto; border-top:1px solid #424242; padding:60px 30px 60px 30px;}
#footer .wrap div{width:100%;line-height:1.6;font-size:14px;}
.floating {position: fixed;bottom:10px;right:10px;display: flex;flex-direction: column;gap: 12px;z-index: 98;}
.floating a {color: #3d2324;width:70px;height:70px;font-size:50px;text-align: center;border-radius:16px;box-shadow: 6px 6px 18px rgba(0, 0, 0, .25); cursor: pointer;}
.kakaoBtn {background-color: #f9e108;padding-top:10px;}




html.open {
  overflow: hidden;
}

#menu.open {
  left: 0px;
}

.page_cover.open {
  display: block;
}

.btn {
  padding:10px 0 0 ;
  width: 60px;
  height: 60px;
  position:fixed;
  left: 0px;
  top: 0px;
  z-index: 1;
  background-image: url("../../common/img/menu.png");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.close {
  width: 70px;
  height: 70px;
  position: absolute;
  left: 5px;
  top: 10px;
  background-image: url("../../common/img/close.png");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

#menu {   
  height: 100%;
  position: fixed;
  top: 0px;
  left: -502px;
  z-index: 10;
  background-color:#000000;
  text-align: center;
  font-weight: bold;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
  padding-top: 50px;
  padding-left: 0px;
  padding-right: 40px;
  z-index:300;
}

#menu a{
 padding:0;
 text-decoration: none;
 font-size: 18px;
 color: #ffffff;
 display: block;
 transition: 0.3s;
 }

#menu.open {
  left: 0px;
}

.page_cover.open {
  display: block;
}

.page_cover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 4;
  display: none;
}

#menu ul { 
    width:190px; 
    margin:0; 
    padding:0;
    }
    
#menu ul.nav li {
     
    float:left; 
    width:100%; 
	margin-top:10px;
    list-style-type:none; 
    font-size:18px;
    }
    
#menu ul.nav li a {
    display:block; 
    width:100%; 
    height:100%; 
    line-height:50px; 
    text-indent:20px;
    text-align: left;
    color:#ffffff; 
    font-weight:bold; 
    text-decoration:none;
    }
    
#menu ul.nav li a:hover {
	background:#eee;
    }
    
#menu ul.nav li .sub_mobile a {
    
    float:left;
    display:block;
    width:100%;
    z-index:999;
    background:#ccc;
	}

#menu ul.nav li .sub_mobile a:hover {
    background:#787878;
    color:#fff;
    z-index:999;
    }



.bt_wrap {width:150px;margin:0 auto;}
.log_logo {width:100%;text-align:center;padding:25% 0 20px;}
.log_logo img{width:150px;text-align:center;}
.log_logo1 {width:100%;text-align:center;padding:10% 0 20px;}
.log_wrap {width:70%;margin:0 auto;}
.log_wrap .logbox{width:100%;margin:0 auto;}
.log_input {
    color: #fff;
    width: 100%;
    height: 60px;
    padding: 0;
    border: none;
    font-size: 18px;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-shadow: unset !important;
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.log_bt {
    width: 100%;
    height: 50px !important;
    padding: 15px 0;
    font-size: 19px;
	text-align:center;
    border: none;
    outline: none;
    margin-bottom: .7rem;
    background-color:#1e5ee4;
    margin: 1rem 0 2rem 0;
	color:#ffffff;
}

.log_bkbt {
    float:left;
	width: 100%;
    height: 50px !important;
    padding: 15px 0;
    font-size: 19px;
	text-align:center;
    border: none;
    outline: none;
    margin-bottom: .7rem;
    margin: 1rem 0 2rem 0;
	color:#ffffff;
}
.contact {width: 90%; margin:0 auto;}
.contact .tit{color: #fff;width: 100%;font-size: 20px;font-weight: 700;display: flex;align-items: center;gap: 10px;}
.contact .tit2{padding:50px 0 0 ;color: #fff;width: 100%;font-size: 20px;font-weight: 700;display: flex;align-items: center;gap: 10px;}
.contact .input{padding:10px 0 0 ;float:left;width:100%;}
.contact .tearea{padding:10px 0 0 ;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.contact .file{padding:25px;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.contact .con_inner{min-height:300px;float:left;width:100%;padding:30px 0 30px;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.winnerview {width:90%; margin:0 auto;}
.winnerview .tit{float:left;width:100%; font-size:25px;color: #fff;font-weight: 600;line-height: 1.64;display: flex;align-items: center;}
.winnerview .date{float:left;width:100%;font-size: 18px;padding-right: 30px;line-height: 2.5;color: #848484;line-height:2;border-bottom: 1px solid rgba(255, 255, 255, .3);}
.mbs {width:90%; margin:0 auto;}
.mbs .box1{float:left;width:100%;text-align:left;color: #fff;padding: 25px 25px;padding-left: 40px;border-radius:0px;border:1px solid #272b34;background-color: #161c2a;cursor: default;margin-right:2%;margin-bottom:20px;}
.mbs .box1:hover { background-color:#0a0e18;}
.mbs .box1 .txt1{font-size:40px;font-weight: 700;line-height:1.5;}
.mbs .box1 .txt2{font-size:20px;}
.mbs .box1 .txt3{font-size:30px;font-weight: 600;white-space: nowrap;letter-spacing: 0;}
.mbs .box1 .txt4{font-size:17px;line-height:2;}
.mbs .box2{float:left;width:100%;text-align:left;color: #fff;padding: 25px 25px;padding-left: 40px;font-size:40px;border-radius:0px;border:1px solid #272b34;background-color: #161c2a;cursor: default;margin-bottom:20px;}
.mbs .box2:hover { background-color:#0a0e18;}
.mbs .box2 .txt1{font-size:40px;font-weight: 700;line-height:1.5;}
.mbs .box2 .txt2{font-size:20px;}
.mbs .box2 .txt3{font-size:30px;font-weight: 600;white-space: nowrap;letter-spacing: 0;}
.mbs .box2 .txt4{font-size:17px;line-height:2;}
.rvw .review_wrap {float:left;width:100%; line-height:1.5;padding-top:20px;}
.rvw .review_wrap .rwrap .txt1{float:left;font-size:25px;font-weight:700;text-align:left;padding-right:30px;}
.rvw .review_wrap .rwrap .txt2{float:left;font-size:18px;line-height:2;color:#848484;}
.rvw .review_wrap .rwrap .txt3{float:left;width:100%;font-size:18px;line-height:2.5;color:#ffea00;}
.reviewct{float:left;width:100%;border-bottom: 1px solid #424242;font-size:18px;text-align:left;padding-bottom:20px;line-height:1.5;}

/* 페이징 */
.pg_wrap {
  clear: both;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

.pg_wrap:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: ""
}

.pg {
  display: flex;
  gap: 1px;
  text-align: center;
}

.pg_page,
.pg_current {
  display: inline-block;
  vertical-align: middle;
}

.pg a:focus,
.pg a:hover {
  text-decoration: none
}

.pg_page {
  color: #959595;
  font-size: 1.083em;
  height: 20px;
  line-height: 30px;
  padding: 0 5px;
  min-width: 20px;
  text-decoration: none;
}

.pg_page:hover {
  color: #777777;
}

.pg_start {
  text-indent: -999px;
  overflow: hidden;
  background: url('../../common/img/btn_first.png') no-repeat 50% 50%;
  padding: 0;
}

.pg_prev {
  text-indent: -999px;
  overflow: hidden;
  background: url('../../common/img/btn_prev.png') no-repeat 50% 50%;
  padding: 0;
}

.pg_end {
  text-indent: -999px;
  overflow: hidden;
  background: url('../../common/img/btn_end.png') no-repeat 50% 50%;
  padding: 0;
}

.pg_next {
  text-indent: -999px;
  overflow: hidden;
  background: url('../../common/img/btn_next.png') no-repeat 50% 50%;
  padding: 0;
}

.pg_start:hover,
.pg_prev:hover,
.pg_end:hover,
.pg_next:hover {
  background-color: none;
}

.pg_current {
  display: inline-block;
  border: none;
  color: #fff;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  min-width: 30px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, .1);
}
.toboard {width:90%;margin:0 auto;padding-bottom:30px;}
.toboard .imageb{float:left;width:100%;height:250px;  margin-bottom:30px;  border:1px solid #424242;overflow:hidden;}
.toboard .imageb img{width:100%;}
.toboard .text{line-height:40px;width:48%;overflow:hidden;text-overflow: ellipsis;}
.main_c {text-align:center;letter-spacing:-3px;}
.main_c .section_1{width:100%;height:450px;background: url(/common/img/main_bgm.png) center no-repeat;background-size:420px;}
.main_c .section_1 .s_tit{padding-top:5px; font-size:0.7em;padding-bottom:20px;width:100%;font-weight:100;margin:0 auto;}
.main_c .section_1 .tit_1{font-size:3em;padding:0px 0 0 ;width:100%;font-weight:900;margin:0 auto;height:70px;}
.main_c .section_1 .tit_2{font-size:3em;padding:0px 0 0px ;width:100%;font-weight:900;margin:0 auto;color: #02fff6;}
.main_c .section_1 .tit_3{font-size:1.7em;padding:5px;width:100%;font-weight:700;margin:0 auto;}
.main_c .section_1 .list_box1 {width:85%; padding-top:20px; margin:0 auto;font-weight:100;display:none;}
.main_c .section_1 .list_box1 .t1{float:left;width:24%; padding:0px;font-size:15px;}
.main_c .section_1 .list_box2 {width:65%; margin:0 auto;font-weight:100;display:none;}
.main_c .section_1 .list_box2 .t1{float:left;width:33%; padding-top:45px;font-size:15px;}
.main_c .section_1 .list_box2 .t2{float:left;width:33%; padding-top:37px;font-size:15px;}
.main_c .section_2 {width:90%; margin:0 auto; padding-top:40px;font-weight:300;padding-bottom:150px;}
.main_c .section_2 .t1{font-size:25px;width:100%;font-weight:100;margin:0 auto;}
.main_c .section_2 .t1 span{font-weight:700;}
.main_c .section_2 .t2{font-size:25px;width:100%;font-weight:100;margin:0 auto;}
.main_c .section_2 .t2 span{font-weight:700;}
.main_c .section_3 {width:100%;margin:0 auto;padding-bottom:150px;}
.main_c .section_3 .tit{font-size:2.5em;width:300px;font-weight:900;margin:0 auto;}
.main_c .section_3 .list_box{padding-top:60px;font-size:25px;width:100%;font-weight:300;margin:0 auto;}
.main_c .section_3 .list_box .list{width:90%;margin:10px auto; padding:15px; font-size:24px; background:#1a1a1a;border-radius:60px;padding-left:30px;text-align:left;}
.main_c .section_3 .list_box .list span {color:#ff0e2a;padding-right:15px;}
.main_c .section_4 {width:100%;margin:0 auto;padding-bottom:150px;} 
.main_c .section_4 .tit{padding-bottom:60px;text-align:center;font-size:2.5em;width:100%;font-weight:900;margin:0 auto;color:#ff0e2a;background: url(/common/img/m_underline.png) no-repeat; background-size:80%; background-position: 50% 70px;padding-bottom:100px;} 
.main_c .section_4 .list_box1 {font-size:22px;width:80%;font-weight:700;margin:0 auto;padding:30px 0; border-top:2px solid #fff;border-bottom:2px solid #fff;}
.main_c .section_4 .list_box1 div{width:100%;line-height:1.5;}
.main_c .section_4 .list_box2 {padding-top:60px;font-size:25px;width:100%;font-weight:100;margin:0 auto;}
.main_c .section_4 .list_box2 div{width:90%;margin:0 auto;line-height:1.5;}
.main_c .section_5 {width:100%;padding-bottom:150px;}
.main_c .section_5 .tit1{font-size:2.5em;width:100%;font-weight:900;margin:0 auto;color:#02fff6;}
.main_c .section_5 .tit2{font-size:2.5em;width:100%;font-weight:900;margin:0 auto;color:#02fff6;}
.main_c .section_5 .tit3{font-size:10px;width:100%;font-weight:700;margin:0 auto;height:500px;background: url(/common/img/m_redcard.png) no-repeat; background-size: 300px 300px; background-position:0% 160px;}
.main_c .section_5 .tit3 div{padding-top:40px;width:70%;margin:0 auto;color:#ff0e2a;font-size:40px;text-align:center;}
.main_c .section_5 .tit4{font-size:25px;width:100%;font-weight:500;margin:0 auto;}
.main_c .section_6 {width:100%;padding-bottom:150px;background: url(/common/img/play_football.png) no-repeat;background-size:cover;background-size:100%;}
.main_c .section_6 .tit_1{font-size:2.5em;width:100%;font-weight:900;margin:0 auto;color:#fff;}
.main_c .section_6 .tit_2{font-size:2.5em;width:100%;font-weight:900;margin:0 auto;color:#fff;}
.main_c .section_6 .tit_3{font-size:2.1em;width:90%;font-weight:900;margin:0 auto;color:#fff;}
.main_c .section_6 .tit_4{padding-top:60px;font-size:20px;width:100%;font-weight:700;margin:0 auto;}
.main_c .section_6 .tit_5{padding-top:60px;font-size:35px;width:100%;font-weight:600;margin:0 auto;color:#00c0ff;}
.main_c .section_6 .tit_5 .t1{width:100%;margin:0 auto;line-height:1.2;}
.main_c .section_6 .tit_5 .t2{width:100%;line-height:1;}



.main_c .section_7 {float:left;width:100%;text-align:center; margin:0 auto;font-weight:700;padding-bottom:150px;}
.main_c .section_7 .tit1{font-size: 2.5em;width: 300px;font-weight: 900;margin: 0 auto;color: #ff0e2a;}
.main_c .section_7 .tit2{float:left;width:100%;text-align:center;}
.main_c .section_7 .tit2 img{width:80%;margin:0 auto;}


.main_c .section_7 .tit3{float:left;width:100%;font-size: 35px;font-weight: 100;margin: 0 auto;}
.main_c .section_7 .tit3 span{color:#ff0e2a;}
.main_c .section_7 .tit4{float:left;width:100%;line-height:3;text-align:center;font-size:20px;}
.main_c .section_7 .tit4 table{width:90%;margin:0 auto; border:1px solid #272b34;font-size:13px;}
.main_c .section_7 .tit4 table td{width:25%;border-bottom:1px solid #272b34;background-color: #161c2a;}

.inquiry {position: fixed; background:#011e62;float:left;width:100%; bottom: 0px;display:none;flex-direction: column;z-index: 98;}
.inquiry .inqwrap{width:90%;margin:0 auto;padding-top:0px;}
.inquiry .inqwrap .tit1{float:left;width:100%;color: #fff;font-weight:900;text-align:center;line-height:30px;font-size:17px;padding-bottom:0px;}
.inquiry .inqwrap .tit1 span{font-weight:900;}
.inquiry .inqwrap .txt1{float:left;width:32%;padding-right:10px;}
.inquiry .inqwrap .txt2{float:left;width:32%;padding-right:10px;}
.inquiry .inqwrap .txt3{float:left;width:30%;padding:0;font-size:17px;}
.inquiry .inqwrap .txt3 button{width:100%; height:35px;border:0px; background:#000;font-size: 16px;padding:7px;color:#fff;}
.inquiry .inqwrap .txt4{padding:10px 0; float:left;text-align:left;width:100%;color:#fff;font-size:12px;}
.inquiryit {color: #fff; width: 100%; height:35px; padding: 0;padding-left:10px;font-size: 16px; -webkit-border-radius: 0; border:0px; border-radius: 0;box-shadow: unset !important;background-color: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, .3);}
.info {float:left;width:100%;}
.info .tit1{float:left;width:100%;font-size:30px;text-align:center;}
.info .tits1{float:left;width:100%;font-size:30px;text-align:center;}
.info .tits2{float:left;width:100%;font-size:40px;text-align:center;line-height:4;}
.info .txtwrap{float:left;width:100%;padding-bottom:150px;}
.info .txtwrap .type_a1{float:left;width:100%;margin:0 auto;}
.info .txtwrap .type_a1 img{width:60%;}
.info .txtwrap .type_a1 .txt1{width:80%;margin:0 auto;}
.info .txtwrap .type_a1 .txt1 img{width:60%;}
.info .txtwrap .type_a1 .txt2{width:80%;margin:0 auto;text-align:center;font-size:50px;font-weight:900;}
.info .txtwrap .type_a1 .txt3{width:80%;margin:0 auto;text-align:center;font-size:30px;font-weight:500;}
.info .txtwrap .type_a1 .txt4{width:80%;margin:0 auto;padding-top:50px; text-align:center;font-size:20px;font-weight:500;}
.info .txtwrap .type_a2{float:left;width:100%;margin:0 auto;}
.info .txtwrap .type_a2 .txt1{width:80%;margin:0 auto;}
.info .txtwrap .type_a2 .txt1 img{width:60%;}
.info .txtwrap .type_a2 .txt2{width:80%;margin:0 auto;text-align:center;font-size:50px;font-weight:900;}
.info .txtwrap .type_a2 .txt3{width:80%;margin:0 auto;text-align:center;font-size:30px;font-weight:500;}
.info .txtwrap .type_a2 .txt4{width:80%;margin:0 auto;padding-top:50px; text-align:center;font-size:20px;font-weight:500;}
.info .txtwrap .type_a3{width:90%;margin:0 auto;line-height:2;font-size:19px;}
.info .txtwrap .type_b1{width:90%;margin:0 auto;font-size:30px;text-align:center;line-height:1.5;}
.info .txtwrap .type_b2{width:90%;margin:0 auto;line-height:2;font-size:19px;}
.info .totoinfo_1 {width:90%;margin:0 auto;padding-bottom:50px;}
.info .totoinfo_1 .inbox {float:left;width:100%;margin-bottom:10px;padding-bottom:60px;border-top:5px solid;border-bottom:5px solid;color: #fff;border: 1px solid #272b34;background-color:#161c2a;cursor: default;}
.info .totoinfo_1 .inbox .txt1{width:90%;margin:0 auto;text-align:center;font-size:35px;padding-top:50px;}
.info .totoinfo_1 .inbox .txt2{float:left;width:33%;height:60px;text-align:center;padding-top:20px;font-size:20px;color: #02fff6;}
.info .totoinfo_1 .inbox .txt3{width:90%;margin:0 auto;text-align:center;font-size: 19px;padding-top:17px;}
.info .lists_tit{width:90%;margin:0 auto;font-size:25px;text-align:center;padding-top:150px;padding-bottom:70px;}
.info .lists_txt{width:90%;margin:0 auto;line-height: 2;font-size: 19px;padding-bottom:70px;}
.info .xbox{float: left;width: 100%;padding-bottom: 60px;border-top: 5px solid;border-bottom: 5px solid;color: #fff;border: 1px solid #272b34;    background-color: #161c2a;cursor: default;padding:40px;margin-bottom:30px;}
.info .xbox .tx1{line-height:1.5;font-size:30px;text-align:center;color:#ffde00;}
.info .xbox .tx2{line-height: 2;font-size:16px;}
.info  .c_bi {color: #02fff6;font-weight: 700;}


.beefup {
  margin: 1em 0;
}
.beefup:hover {
  border-color: #ccc;
}
.beefup:first-child {
  margin-top: 0;
}
.beefup__head, .beefup__body {
  padding: 10px 20px;
}
.beefup__head {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding-right: 50px;

}

.beefup__head .tit1{float:left;font-size:40px;padding-left:30px;font-weight: 700;line-height: 1.9;}
.beefup__head .tit2{float:left;padding-left:15px;text-align:right;line-height:5.6;}




button.beefup__head, .beefup__head > button {
  cursor: pointer;
  display: block;
  width: 100%;
  background: none;
  border: 0;
  font: inherit;
  text-align: inherit;
}
button.beefup__head[aria-disabled], .beefup__head > button[aria-disabled] {
  cursor: default;
  outline: 0;
}

.beefup__head > button {
  position: relative;
  z-index: 1;
  margin: -10px -50px -10px -20px;
  padding: inherit;
  width: calc(100% + 70px);
  background: inherit;
  border: inherit;
  color:#fff;
  border: 1px solid #424242;

}
.beefup__head::after {
  transition: transform 0.2s ease-out;
  content: "";
  transform: translate(0, -50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 0;
  margin-top: -2px;
  padding: 3px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  color: #ccc;
}
.beefup.is-open > .beefup__head::after {
  transform: translate(0, -50%) rotate(225deg);
  margin-top: 2px;

}


.mem {float:left;width:100%;}
.mem .tit1{float:left;width:100%;text-align:center;font-size:50px;padding-top:200px;color: #02fff6;}
.mem .tit2{float:left;width:100%;text-align:center;font-size:20px;}
.mem .txt1{float:left;width:100%;text-align:center;font-size:20px;padding-bottom:80px;}
.mem .box1{float:left;width:100%;}
.mem .box1 .txt{width:100%;color: #ffde00;margin:0 auto;text-align:center;padding:30px;font-size:20px;border:1px solid #fff;margin-bottom:50px;}
.mem .box2 {float:left;width:100%;padding-bottom:250px;}
.mem .box2 .txt{float:left;width:100%;text-align:center;margin:0 auto;padding:20px;font-size:30px;}
.mem .box2 .txt .num1{float:left;width:15%; font-size:50px;}
.mem .box2 .txt .nutit1{float:left;width:85%; font-size:20px; height:120px;text-align:left;}
.mem .box3 {float:left;width:100%;padding-bottom:30px;}
.mem .box3 .txt1{width:100%;color: #ffde00;margin:0 auto;text-align:center;padding:30px;font-size:20px;border:1px solid #fff;margin-bottom:50px;}
.mem .box3 .txt{float:left;width: 100%;background: #1a1a1a;margin:10px; padding:10px;font-size:15px;border-radius: 60px;text-align:center;}
.mem .box3 .txt span{color:red;padding-right:20px;}
.mem .box4 {float:left;width:100%;padding-bottom:150px;}
.mem .box4 .txt1{float:left;width:100%;text-align:center;font-size:20px;padding-bottom:10px;}
.mem .box4 .txt2{float:left;width:100%;text-align:center;font-size:20px;}
.mem .box5 {float:left;width:100%;padding-bottom:0px;}
.mem .box5 .txt{width:100%;color: #ffde00;margin:0 auto;text-align:center;padding:20px;font-size:20px;border:1px solid #fff;margin-bottom:50px;}
.mem .box6 {float:left;width:100%;padding-bottom:150px;}
.mem .box6 .txt1{float:left;width:100%;text-align:center;font-size:20px;}
.mem .box7 {float:left;width:100%;padding-bottom:0px;}
.mem .box7 .txt1{width:100%;color: #ffde00;margin:0 auto;text-align:center;padding:20px;font-size:20px;border:1px solid #fff;margin-bottom:50px;}
.mem .box8 {float:left;width:100%;padding-bottom:150px;}
.mem .box8 .txt1{float:left;width:100%;text-align:center;font-size:20px;padding-bottom:10px;}
.mem .box9 {float:left;width:100%;padding-bottom:0px;}
.mem .box9 .txt1{width:100%;margin:0 auto;text-align:center;padding:20px;font-size:20px;border:1px solid #fff;margin-bottom:50px;}
.mem .box10 {float:left;width:100%;padding-bottom:250px;}
.mem .box10 .box{ float:left;width:100%;text-align:center;font-size:20px;}
.mem .box10 .box .txt{float:left;width:100%;padding-bottom:20px;}
.mem .box10 .box .txt .rads{width:200px;margin:0 auto;height:200px;background:#000;border:20px solid #02fff6;border-radius:100%;text-align:center;line-height:5;font-size:35px;color: #02fff6;}
.mem .box10 .box .price{font-size:35px;line-height:3;color: #ff0000;font-weight: 700;}
.mem .box11 {float:left;width:100%;padding-bottom:250px;}
.mem .box11 .box{ float:left;width:100%;text-align:center;font-size:20px;}
.mem .box11 .box .txt{float:left;width:100%;padding-bottom:20px;}
.mem .box11 .box .txt .rads{width:200px;margin:0 auto;height:200px;background:#000;border:20px solid #02fff6;border-radius:100%;text-align:center;line-height:5;font-size:35px;color: #02fff6;}
.mem .box11 .box .price{font-size:35px;line-height:3;color: #ff0000;}







.phone_type {position:fixed;bottom:0px;right:0px;color:#fff;z-index:4000;}
.phone_type .box{width:300px;background:#011e62;padding:20px;}
.phone_type .box .txt1{text-align:right;}
.phone_type .box .txt2{text-align:center;font-size:20px;}
.phone_type .box .txt3{font-size:12px;}
.phone_type .box .txt4{float:left;width:100%;padding:10px 0;}
.phone_type .box .txt4 button{width: 100%;border: 0px;background: #000;padding: 13px;color: #fff;}
.phone_type .box .txt5{font-size:11px;}

.phone_typebt {position:fixed;bottom:10px;right:10px;color:#fff;z-index:0;}
.phone_typebt .fting{width: 70px;height: 70px;text-align: center;line-height:70px;border-radius:16px;text-align:center;background:#011e62;}




/*반응형*/

}












.pick_box_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
}

.pick_box {
    color: #fff;
    padding:20px 15px;
    padding-left:30px;
    width: 100%;
    display: flex;
    gap: 2rem;
    border-radius:0px;
    border:1px solid #272b34;
    background-color:#161c2a;
    cursor: default;
}

.pick_box:hover {
    background-color:#0a0e18;
}

.pick-control {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pick-control i {
    font-size: 19px;
}

.pick_text_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pick_text {
    flex: 1.2;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.pick_text:nth-child(1) {
    flex: 1.7;
}
.pick_text:nth-child(2) {
    flex: 1.4;
}
.pick_text:nth-child(3) {
    flex: 3.5;
}
.pick_text:nth-child(4) {
    flex: 2.5;
}
.pick_text:nth-child(6) {
    flex:1.1;
}
.pick_text:nth-child(7) {
    flex: 0.7;
}
.pick_text:nth-child(8) {
    justify-content: center;
    align-items: center;
}

.pick_text h5 {
    color: rgba(255, 255, 255, .3);
    font-size: 18px;
    font-weight: 300;
    white-space: nowrap;
    letter-spacing: 0;
}

.pick_text:last-child h5 {
    display: none;
}

.pick_text p {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0;
}


.pick_text .bull-ico {
    width: fit-content;
    padding: 4px 6px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
}

.pick_text .bull-ico.a {
    background-color: #ff0101;
}
.pick_text .bull-ico.b {
    background-color: #666666;
}
.pick_text .bull-ico.c {
    background-color: #0b50fe;
}
.pick_text .bull-ico.d {
    background-color: #253047;
}




/*==================================================*/
@media (max-width: 1650px) {
    #pick_wrap {
        width: 100%;
        padding: 0 20px;
    }
}

@media (max-width: 1350px) {


    .pick_box_wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .pick_box {
        position: relative;
    }

    .pick-control {
        position: absolute;
        top: 20px; right: 20px;
    }
    
    .pick_text_wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .pick_text:nth-child(8) {
        justify-content: unset;
        align-items: unset;
    }

    .pick_text:last-child h5 {
        display: flex;
    }
}


@media (max-width: 1150px) {
    .pick_text h5 {
        font-size: 18px;
    }
    
    .pick_text p {
        font-size: 20px;
    }
}


@media (max-width: 950px) {
    .pick_box_wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}


@media (max-width: 550px) {
    .pick_box {
        padding: 30px;
    }

    .pick-control i {
        font-size: 15px;
    }

    .pick_text_wrap {
        gap: 1rem;
    }

    .pick_text {
        gap: 4px;
    }
    
    .pick_text h5 {
        font-size: 15px;
    }
    
    .pick_text p {
        font-size: 15px;
    }

    .pick_text:nth-child(1) p {
        font-size: 15px;
    }

    .pick_text .bull-ico {
        font-size: 15px;
    }
}


@media (max-width: 450px) {
    .pick_box {
        padding: 15px;
    }
    
    .pick_text p {
        font-size: 15px;
    }

    .pick_text .bull-ico {
        font-size: 15px;
    }

}
















                @media all and (min-width: 900px) {

                    .n_board {
                        float: left;
                        width: 100%;
                    }

                    .n_board .bwrap1 {
                        float: left;
                        width: 100%;
                        border: 1px solid #272b34;
                        background-color: #161c2a;
                        line-height:3;
                        font-size: 18px;
                        font-weight: 600;
                        padding: 5px;
                    }

                    .n_board .bwrap1 .txt1 {
                        float: left;
                        width: 100px;
                        text-align: center;
                    }

                    .n_board .bwrap1 .txt2 {
                        float: left;
                        width: 860px;
                        text-align: center;
                    }

                    .n_board .bwrap1 .txt3 {
                        float: left;
                        width: 120px;
                        text-align: center;
						display: block;
						 
                    }

                    .n_board .bwrap1 .txt4 {
                        float: left;
                        width: 170px;
                        text-align: center;
                    }

                    .n_board .bwrap1 .txt5 {
                        float: left;
                        width: 90px;
                        text-align: center;
                    }

                    .n_board .bwrap2 {
                        float: left;
                        width: 100%;
                        line-height: 3;
                        padding: 10px;
                        border-bottom: 1px solid #272b34;
                        font-size: 19px;
                    }
					
					.n_board .bwrap2:hover  {background-color:#0a0e18;}

					

                    .n_board .bwrap2 .txt1 {
                        float: left;
                        width: 100px;
                        text-align: center;
                    }

                    .n_board .bwrap2 .txt2 {
                        float: left;
                        width: 860px;
                        text-align: left;
                    }

                    .n_board .bwrap2 .txt3 {
                        float: left;
                        width: 120px;
                        text-align: center;
						 white-space: nowrap;
						  overflow: hidden;
						  text-overflow: ellipsis;
                    }

                    .n_board .bwrap2 .txt4 {
                        float: left;
                        width: 170px;
                        text-align: center;
                    }

                    .n_board .bwrap2 .txt5 {
                        float: left;
                        width: 90px;
                        text-align: center;
                    }

                }

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


                    .n_board {
                        float: left;
                        width: 100%;
                    }

                    .n_board .bwrap1 {
                        display: none;
                        float: left;
                        width: 100%;
                        border: 1px solid #272b34;
                        background-color: #161c2a;
                        line-height: 3;
                        padding: 10px;
                    }
					
					.n_board .bwrap1:hover {background-color:#0a0e18;}

                    .n_board .bwrap1 .txt1 {
                        float: left;
                        width: 100px;
                        text-align: center;
                    }

                    .n_board .bwrap1 .txt2 {
                        float: left;
                        width: 660px;
                        text-align: center;
                    }

                    .n_board .bwrap1 .txt3 {
                        float: left;
                        width: 120px;
                        text-align: center;
                    }

                    .n_board .bwrap1 .txt4 {
                        float: left;
                        width: 170px;
                        text-align: center;
                    }

                    .n_board .bwrap1 .txt5 {
                        float: left;
                        width: 90px;
                        text-align: center;
                    }

                    .n_board .bwrap2 {
                        float: left;
                        width: 100%;
                        line-height: 2.1;
                        padding: 20px;
                        border: 1px solid #272b34;
                        margin-bottom: 10px;
                        background-color: #161c2a;
                    }
					
					.n_board .bwrap2:hover {background-color:#0a0e18;}

                    .n_board .bwrap2 .txt1 {
                        display: none;
                        float: left;
                        width: 100%;
                        text-align: center;
                    }

                    .n_board .bwrap2 .txt2 {
                        float: left;
                        width: 100%;
                        text-align: left;
                        color: #fff;
                        font-size: 20px;
                        font-weight: 600;
                        white-space: nowrap;
                    }

                    .n_board .bwrap2 .txt3 {
                        float: left;
                        padding-right: 15px;
                        text-align: left;
                    }

                    .n_board .bwrap2 .txt4 {
                        float: left;
                        padding-right: 15px;
                        text-align: left;
                    }

                    .n_board .bwrap2 .txt5 {
                        float: left;
                        text-align: left;
                    }


                }
				
				
@media all and (min-width: 900px) {

.agree {float:left;width:100%;}
.agree textarea {width:100%;border:0px;color:#fff;background-color:#000;}

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

.agree {width:90%; margin:0 auto;}
.agree textarea {width:100%;border:0px;color:#fff;background-color:#000;}

}



#writeContents {padding-top:30px;}