@font-face {
    font-family: 'BMJUA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sub_vi {width:100%;display:inline-block; background:url('/common/img/sub_vi.png') no-repeat bottom; background-size:cover; box-sizing:border-box;  position:relative; height:250px; }
.sub_vi  div {width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);  text-align:center;  padding:0 5%;  color:#555; font-size:1.1rem; font-weight:400; box-sizing:border-box }
.sub_vi img {margin-bottom:15px}
.sub_vi  b {font-weight:600; color:#111}

.sub_vi.bg_1 { background:url('/common/img/sub_vi_bg1.png') no-repeat center; background-size:cover;}
.sub_vi.bg_2 { background:url('/common/img/sub_vi_bg2.png') no-repeat center; background-size:cover;}
.sub_vi.bg_3 { background:url('/common/img/sub_vi_bg3.png') no-repeat center; background-size:cover;}
.sub_vi.bg_4 { background:url('/common/img/sub_vi_bg4.png') no-repeat center; background-size:cover;}
.sub_vi.bg_5 { background:url('/common/img/sub_vi_bg5.png') no-repeat center; background-size:cover;}

.sub_con {width:100%;  box-sizing:border-box;  margin:0 auto;   }
.board {max-width:1100px; padding:6% 0}
.member {max-width:1100px; padding:6% 0}
.in {max-width:1100px; margin:0 auto; box-sizing:border-box}

h2.guide {font-size:2rem; width:100%; text-align:center; margin-bottom:20px;    }
h3 {font-size:1.8rem;  letter-spacing:-.5px; font-weight:700; }

.sub_con * {line-height:1.3em }
.sub_con hr {margin:20px 0;}

 


 @media all and (max-width:1100px){
		.board {padding:50px 4%}
		.member {padding:50px 4%}

		.sub_vi {  height:210px; }
		.sub_vi.bg_1 { background:url('/common/img/m_sub_vi_bg1.jpg') no-repeat bottom; background-size:100%;}
		.sub_vi.bg_2 { background:url('/common/img/m_sub_vi_bg2_corr.png') no-repeat bottom; background-size:100%;}
		.sub_vi.bg_3 { background:url('/common/img/m_sub_vi_bg3.jpg') no-repeat bottom; background-size:100%;} 
		.sub_vi.bg_4 { background:url('/common/img/m_sub_vi_bg4.jpg') no-repeat bottom; background-size:100%;}
		.sub_vi.bg_5 { background:url('/common/img/m_sub_vi_bg5.jpg') no-repeat bottom; background-size:100%;}
		.sub_vi img {max-width:70% !important; margin-bottom:8px}
		.sub_vi  div { font-size:.880rem; line-height:1.3em; top:12%; transform: translate(0, 0); left:0  }
 
 }
 



@media all and (max-width:768px) {
  h2.guide {font-size:1.6rem;}
  .sub_con hr {margin:20px 0;}
}

 



.basic_t {font-size:1.1rem; font-weight:400; line-height:1.5em; color:#333333 }
.basic_t b.b_t {font-size:1.3em;  line-height:1.4em; }
.t_color1 {color:#00a578}


 @media all and (max-width:1100px){
		
  .basic_t {font-size:.95rem; line-height:1.5em}
 
 }

 
/*댓글달기*/


.btn-upload {
  margin-bottom:10px;
  width: 120px;
  height: 35px;
  font-size:1.05rem;
  background: #fff;
  border: 1px solid rgb(77,77,77);
  border-radius:3px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
 
}

#file {
  display: none;
}


a.file {background-color:#555; margin-bottom:10px; display:inline-block; font-size:1rem; padding:6px 20px; border-radius:5px; color:#fff !important}

.re_write {width:100%; margin-top:30px; display:flex;  box-sizing:border-box;  }
.re_write textarea {width:calc(100% - 130px); border:1px solid #f4f4f4; box-sizing:border-box; padding:15px; font-size:1.3rem; line-height:1.5em }
.re_write textarea::placeholder {color:#555; font-weight:400; font-size:1.3rem; line-height:1.3em}
.re_write  a {width:120px; font-size:1.2rem; font-weight:600; line-height:100px; background-color:#00684b; border-radius:3px; color:#fff !important; display:inline-block; text-align:center; margin-left:auto}


.re_input {width:100%;  box-sizing:border-box ; display:flex; margin-top:13px; justify-content:space-between}
.re_input input {width:49%; border:1px solid #f4f4f4; border-radius:5px; height:55px; box-sizing:border-box; padding-left:20px;  font-size:1.1rem; color:#33}

.re_check { box-sizing:border-box; width:100%; color:#00684b; margin-top:13px; font-size:1.1rem; display:flex; justify-content:space-between; align-items:center}
.re_check input {vertical-align:-2px;  }
.re_check  div {text-align:right; display:flex; align-items:center}
.re_check  a.btn {font-size:1rem; line-height:40px; background-color:#00684b; color:#fff; width:130px; text-align:center; display:inline-block; border-radius:5px; margin-left:10px;   }
 
@media all and (min-width:1001px){
    .re_check  a.t_link { display:none }
 }

@media all and (max-width:1000px){
     .re_check {display:block;   }
	.re_check p {width:100%; }
	.re_check div {display:block;  width:100%; margin-top:10px;  text-align:left;  line-height:1.3em; background:rgba(255,255,255,.5); box-sizing:border-box; padding:12px; }
	.re_check div p {display:flex}
	.re_check div p span {margin-left:5px}
	.re_check input {margin-right:3px; vertical-align:middle; margin-top:2px}
    .re_check  a.btn { display:none;  }
    .re_check  a.t_link { color:#00684b !important; font-weight:500; display:block }
}

@media all and (min-width:769px){
   a.m_comment_send {display:none}
}

@media all and (max-width:768px){
     .re_check {font-size:.93rem; line-height:1.3em }

	.re_write {flex-wrap:wrap}
	.re_write textarea {width:100%; height:80px; font-size:1rem}
	.re_write textarea::placeholder {font-size:1rem}

	.re_input {flex-wrap:wrap; margin-top:5px}
	.re_input input {width:100%; height:43px;  font-size:0.97rem}
	.re_input input:last-child {margin-top:5px}
    .re_write  a { display:none}

	a.m_comment_send {width:100%; font-size:1.1rem; font-weight:600; line-height:50px; margin-top:20px; background-color:#00684b; border-radius:3px; color:#fff !important; display:inline-block; text-align:center; margin-left:auto}

 

}


.re_write2 {width:100%; background-color:#e9f8f4; box-sizing:border-box}
/* .re_write2  h3 {font-size:1.5rem; color:#00684b; }
 */
 
 .re_write2 .pop {width:100%; max-width:600px; margin:0 auto; margin-top:30px;    text-align:center; box-sizing:border-box; border-radius:5px; padding:20px }


.re_write2  h3   {display:inline-block; font-size:1.5rem; color:#00684b; position:relative;  width:100%;   }
.re_write2  h3 span {background-color:#e9f8f4; font-weight:600; padding:0 2%; position:relative; z-index:99 }
.re_write2  h3:after {content:''; width:100%; height:1px; background-color:#00684b; position:absolute; left:0; top:50%;}


.re_write2 div.textarea_box {display:flex; margin-top:20px}
.re_write2 textarea {width:calc(100% - 130px); border:1px solid #f4f4f4; box-sizing:border-box; padding:15px; font-size:1.3rem; line-height:1.5em }
.re_write2 textarea::placeholder {color:#555; font-weight:400; font-size:1.3rem; line-height:1.3em}
.re_write2 a.send_btn {width:120px; font-size:1.2rem; font-weight:600; line-height:100px; background-color:#00684b; border-radius:3px; color:#fff !important; display:inline-block; text-align:center; margin-left:auto}


.re_write2 .re_input2 {width:100%;  box-sizing:border-box ; margin-top:13px;}
.re_write2 .re_input2 input {width:100%; border:1px solid #f4f4f4; border-radius:5px; height:55px; box-sizing:border-box; padding-left:20px;  font-size:1.1rem; color:#333}
.re_write2  .re_input2 input:last-child {margin-top:5px}

.re_write2 .re_check2 { box-sizing:border-box; width:100%; color:#00684b;  font-size:1rem; margin-top:20px }
.re_write2 .re_check2 input {vertical-align:-2px;  }
.re_write2 .re_check2 a.t_link {color:#00684b !important; font-weight:600}
.re_write2 .re_check2 a.t_link:hover {text-decoration:underline}
.re_write2 .re_check2 p {margin-bottom:10px;}
.re_write2 a.send_btn2 {width:100%; max-width:200px; font-size:1.2rem; font-weight:600; line-height:50px; background-color:#00684b; border-radius:3px; color:#fff !important; display:inline-block; text-align:center;  margin-top:10px }



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

      .re_write2  h3   {font-size:1.3rem }

     .re_write2 .pop {padding:3%}

     .re_write2 .re_check2 {font-size:.93rem; line-height:1.3em }

	.re_write2 div.textarea_box {display:block; }
 
	.re_write2 textarea {width:100%; height:80px; font-size:1rem}
	.re_write2 textarea::placeholder {font-size:1rem}
	.re_write2 a.send_btn {width:100%; font-size:1rem; line-height:45px; }

 	.re_write2  .re_input2 input {width:100%; height:43px;  font-size:0.97rem}
 
 
 

}



/*댓글리스트*/ 

.list {width:100%; margin-top:20px; box-sizing:border-box  }
.list li {width:100%; display:flex; justify-content:space-between; align-items:center; border:1px solid #f4f4f4; background-color:#fff; /* box-shadow:2px 2px 5px rgba(0,0,0,.04) ;   */box-sizing:border-box; padding:16px 20px;  font-size:1.15rem; color:#111; font-weight:500; line-height:1.3em; border-radius:5px;  margin-bottom:10px; }
.list li  span {color:#888; font-size:.9em; font-weight:400; }
.list li div {width:calc(100% - 200px); }
.list li div a.modi_btn {font-size:.92rem; display:inline-block }
.list li div a.modi_btn:hover {text-decoration:underline }
.list li p {width:200px; font-weight:400; text-align:right }
.list li div img {max-width:100%}

.list li.re_modi {padding:0; border:none; box-shadow:none}
.list li .re_write {width:100%; }

.total{text-align:right}

  @media all and (max-width:1100px){
  
   .list li  {flex-wrap:wrap;   margin-bottom:5px}
   .list li div {width:100%; }
   .list li p {width:100%; text-align:left }
   .list li span {line-height:1em;  }

 }

  @media all and (max-width:768px){
  
   .list li  {  font-size:.75rem; padding:10px;  }
   .total{font-size:.7rem}
 }



/*인스타*/
 
h3.tag {line-height:0}
h3.tag span {background-color:#fff;  border:1px solid #0caa78; color:#0caa78; border-radius:20px; display:inline-block; padding:9px 25px; margin-top:5px;  font-weight:500; font-size:1.15rem; line-height:1.3em;} 
h3.tag button { background-color:#0caa78;  border:1px solid #0caa78; color:#fff; border-radius:20px;   padding:9px 25px; margin-top:5px; margin-left:5px;   font-weight:500; font-size:1.15rem; line-height:1.3em;} 

.insta {width:100%; display:flex; margin-top:30px; flex-wrap:wrap; }
.insta li {width:31%; line-height:0; box-sizing:border-box; margin:1.1%;   line-height:0; position:relative; padding-bottom:31%; overflow:hidden}
.insta li img {width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%)}


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

 @media all and (max-width:768px){
 	 h3.tag span {font-size:.88rem; padding:5px 15px; margin-right:-3px} 
	 h3.tag button {font-size:.88rem; padding:5px 15px;  } 
	 

}

 
.coming {width:100%; line-height:250px; background-color:#333; color:#fff; font-size:3rem; font-weight:700}


 
.rgba_bg {width:100%; height:100%; position:absolute; background:rgba(0,0,0,.5); display:inline-block; top:0; left:0}
.after_border:after {
content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    display: inline-block;
    border: 2px solid #fff;
    
    position: absolute;
    top: 5px;
    left: 5px;
    box-sizing: border-box;
}

/**/
.tit  { margin-bottom:20px; width:100%; text-align:Center; box-sizing:border-box; }
.tit img {margin-bottom:23px; max-width:100%}
.tit p {font-size:1.1rem; line-height:1.5em; color:#444}
.tit .g{color:#00a578;}


.event_tit {padding:0 90px;  display:inline-block; font-size:1.5rem; color:#00a578; position:relative; margin-bottom:20px;   }
.event_tit span {background-color:#fff; font-weight:600; padding:0 20px; position:relative; z-index:99 }
.event_tit:after {content:''; width:100%; height:1px; background-color:#00a578; position:absolute; left:0; top:50%;}

.event_tit2 {padding:0 90px;  display:inline-block; font-size:1.5rem; color:#9ec769; position:relative; margin-bottom:20px;   }
.event_tit2 span {background-color:#fff; font-weight:600; padding:0 20px; position:relative; z-index:99 }
.event_tit2:after {content:''; width:100%; height:1px; background-color:#9ec769; position:absolute; left:0; top:50%;}

.event_tit3 {padding:0 90px;  display:inline-block; font-size:4rem; color:#00a578; position:relative; margin-bottom:20px;   }
.event_tit3 span {background-color:#fff; font-weight:600; padding:0 20px; position:relative; z-index:99 }


.gift_ul {display:flex; justify-content:center;  width:100%;  }
.gift_ul li {width:22%; padding-bottom:22%;  margin:0 1%; display:inline-block; box-sizing:border-box; border-radius:50%; background-color:#f7f7f7;  text-align:center; position:relative; }
.gift_ul li b {display:block; color:#06a878;  margin-top:10px}
.gift_ul li img {width:100%;   display:block; margin:0 auto; margin-bottom:3px}
.gift_ul li div {position:absolute; width:65%;  top:50%; left:50%;  transform: translate(-50%, -50%); line-height:1.3em ; font-size:1.05rem;  }
.gift_ul p.label {background-color:#66d27c; border-radius:50%; width:60px; line-height:60px; display:inline-block; position:absolute; font-size:.9rem; top:5px; left:5px; color:#fff}


.gift_ul2 {display:flex; justify-content:center;  width:100%;   }
.gift_ul2 li {width:24%;  border-radius:10px; overflow:hidden; margin:0 .5%; display:flex;     }
 
.gift_ul2 li div.left {/*background-color:#66d27c;*/ background-color:#fff; color:#333; font-size:1rem;  line-height:1.3em; display:flex; align-items:center;  text-align:center;  justify-content:center;   width:35%;}
.gift_ul2 li div.left b {font-size:1.2em;  line-height:1.3em; font-weight:500; display:block}

.gift_ul2 li div.right {background-color:#f7f7f7; padding:10px 10px; width:65%; display:flex; align-items:center; text-align:center; font-size:1rem;  line-height:1.2em }
.gift_ul2 li div.right img {width:70%; display:block; margin:0 auto; margin-bottom:0px}
 
.gift_ul2 li.ov {border:2px solid #0caa78; box-sizing:border-box}
.gift_ul2 li.ov div.left {color:#0caa78}
.gift_ul2 li.ov div.left b {font-weight:700}


.gift_img_ul {width:100%; display:flex;  justify-content:center; }
.gift_img_ul li {margin:0 .5%}
.gift_img_ul li:first-child {margin-left:0}
.gift_img_ul li:last-child {margin-right:0}

.gift_img_ul li img {max-width:100%}


.date_tit   {font-size:1.1rem; display:flex; justify-content:center }
.date_tit p:last-child {margin-left:20px;}
.date_tit b {color:#00a578}
.date_tit b:after {content:''; width:1px; height:17px; display:inline-block; background-color:#999; vertical-align:-3px; margin-left:10px; margin-right:10px; }

.date_tit a {color:#00a578 !important; font-weight:500}
.date_tit a:hover {text-decoration:underline} 
 

.result_tit   {font-size:1.1rem; justify-content:center; margin-top:20px;  }
.result_tit p.s_tit{font-size:0.8rem; line-height:2rem; color:#999;}
.result_tit p.s_tit a{color:#00a578;}
.result_tit p.s_tit2{font-size:0.8rem; line-height:1rem; color:#ff5e00;}

.result_tit p:last-child {margin-left:0px;}
.result_tit b {color:#00a578}
.result_tit b:after {content:''; width:1px; height:17px; display:inline-block; background-color:#999; vertical-align:-3px; margin-left:10px; margin-right:10px; }


.result_table{border:2px solid #0caa78; border-radius:10px; overflow:hidden; padding:2%; margin:0 .5%; box-sizing:border-box;}
.result_table li{width:16%; text-align:center; display:inline-block; margin:10px 0 10px 0; }
.result_table h1{width:100%; text-align:center; background-color:#0caa78; border-radius:6px; color:#fff; font-size:1.2em; line-height:2em;}
.result_table center{font-size:1.5em;}

.result_table1{border:2px solid #0caa78; border-radius:10px; overflow:hidden; padding:2%; margin:0 .5%; box-sizing:border-box;}
.result_table1 li{width:16%; text-align:center; display:inline-block; margin:10px 0 10px 0; }
.result_table1 h1{width:100%; text-align:center; background-color:#0caa78; border-radius:6px; color:#fff; font-size:1.2em; line-height:2em;}
.result_table1 center li{font-size:1.5em; width:100%;}


.result_table2{border:2px solid #9ec769; border-radius:10px; overflow:hidden; padding:2%; margin:0 .5%; box-sizing:border-box;}
.result_table2 li{width:16%; text-align:center; display:inline-block; margin:10px 0 10px 0; }
.result_table2 h1{width:100%; text-align:center; background-color:#9ec769; border-radius:6px; color:#fff; font-size:1.2em; line-height:2em;}

.result_table3{border:2px solid #777; border-radius:10px; overflow:hidden; padding:2%; margin:0 .5%; box-sizing:border-box;}
.result_table3 li{width:16%; text-align:center; display:inline-block; margin:10px 0 10px 0; }
.result_table3 h1{width:100%; text-align:center; background-color:#777; border-radius:6px; color:#fff; font-size:1.2em; line-height:2em;}

.result_table4{border:2px solid #bbb; border-radius:10px; overflow:hidden; padding:2%; margin:0 .5%; box-sizing:border-box;}
.result_table4 li{width:16%; text-align:center; display:inline-block; margin:10px 0 10px 0; }
.result_table4 h1{width:100%; text-align:center; background-color:#bbb; border-radius:6px; color:#fff; font-size:1.2em; line-height:2em;}


.result_notice{ width:70%; margin:0 auto; border-radius:10px; overflow:hidden; padding:2%; box-sizing:border-box; background-color:#f4f4f4;}
.result_notice_tit{padding:0 90px;  display:inline-block; font-size:1.2rem; color:#000; position:relative; }
.result_notice_tit span {background-color:#f4f4f4; font-weight:600; padding:0 20px; position:relative; z-index:99 }

.result_notice li{display:flex; justify-content:center;margin:10px 0 10px 0; text-align:center;}


.winnerlist { width:100%; border-radius:10px; overflow:hidden;  box-shadow:2px 2px 8px 0px rgba(100,100,100,.2);  border-spacing: 0px;}
.winnerlist tr th { background-color:#00a578; color:#fff; padding:20px 0;  font-size:1em;}
.winnerlist tr td { text-align:center; padding:20px 10px; font-size:1em; border-bottom:1px solid #eaeaea;}
.winnerlist tr td a:hover{color:#00a578; font-weight:500;}
.winnerlist tr td:nth-child(2) { text-align:left; }


.winnerlist2 { width:100%; border-radius:10px; overflow:hidden;  box-shadow:2px 2px 8px 0px rgba(100,100,100,.2);  border-spacing: 0px;}
.winnerlist2 tr th { background-color:#9ec769; color:#fff; padding:20px 0;  font-size:1em;}
.winnerlist2 tr td { text-align:center; padding:20px 10px; font-size:1em; border-bottom:1px solid #eaeaea;}
.winnerlist2 tr td a:hover{color:#00a578; font-weight:500;}
.winnerlist2 tr td:nth-child(2) { text-align:left; }

  
 @media all and (max-width:1100px){
  .in  {padding-left:5% !important; padding-right:5% !important}
  .gift_ul2 li {width:33%;  }
  
}
  @media all and (max-width:768px){

    .tit p {font-size:1rem }
    .tit img {margin-bottom:15px; }

    .gift_ul {flex-wrap:wrap;  }
	.gift_ul li {width:48%; padding-bottom:48%}
    .gift_ul li div {font-size:.95rem}
    .gift_ul li:nth-child(n + 3) {margin-top:10px}
    .gift_ul li img {width:70%}   
    .gift_ul p.label {width:52px; line-height:52px; font-size:.80rem; top:-5px; left:-5px; }

	.gift_ul2 li div.left {font-size:.6rem; width:40%;  }
	.gift_ul2 li div.left p {text-align:center}
	.gift_ul2 li div.left b {font-size:1.1em; font-weight:600; }
    .gift_ul2 li div.right {font-size:.6rem; width:60%}
	 .gift_ul2 li div.right img {width:100%;  }

     .gift_ul2.col-4 {flex-wrap:wrap}
     .gift_ul2.col-4 li:nth-child(n + 3) {margin-top:2%}
	 .gift_ul2.col-4 li {width:49%} 
	 .gift_ul2.col-4 li div.right img {width:65%;  }


     
 	 .gift_ul2.col-2 li {width:49%} 
	 .gift_ul2.col-2 li div.right img {width:65%;  }

    .date_tit {flex-wrap:wrap; font-size:.95rem}
	.date_tit p {width:100%}
	.date_tit p:last-child {margin-left:0 !important; margin-top:5px}
	.event_tit {padding:0 10vw;    }
    .event_tit  span {font-size:1.2rem}
  
	.event_tit2 {padding:0 10vw;    }
    .event_tit2  span {font-size:1.2rem}

	.event_tit3 {padding:0 0;    }
    .event_tit3  span {font-size:1.8rem; text-align:center;}


.result_table li{width:32%; margin:4px 0 4px 0; font-size:.60rem;}
.result_table1 li{width:32%; margin:4px 0 4px 0; font-size:1.2rem;}
.result_table2 li{width:32%; margin:4px 0 4px 0; font-size:.60rem;}
.result_table3 li{width:32%; margin:4px 0 4px 0; font-size:.60rem;}
.result_table4 li{width:32%; margin:4px 0 4px 0; font-size:.60rem;}


.result_notice{ width:100%;padding:20px;}
.result_notice_tit{padding:6px;  display:inline-block; font-size:1.2rem; color:#000; position:relative; }


}

  @media all and (max-width:500px){
    .date_tit p.m_flex {display:flex; align-items:center}
    .date_tit p.m_flex  span {width:calc(100% - 100px); font-size:3.1vw}
.result_tit p.s_tit{font-size:0.8rem; line-height:1rem; color:#999;}


}


.coming_soon {padding:50px 0 50px 0}
.coming_soon .t1 {font-size:3rem; color:#93c055; font-weight:800;   display:inline-block;}
.coming_soon .t1.t1_1{background:url('/common/img/nav_ov_bg.png') no-repeat center; background-size:100%; font-size:2.3rem; color:#fff;   padding:20px 40px; }
.coming_soon .t2 {font-size:1.2rem; color:#333; }

.coming_soon img.img1 {width:60%;  max-width:450px; margin-bottom:20px}
.coming_soon img.img2 {width:80%; max-width:400px; margin:20px 0 15px 0}

@media all and (max-width:1100px){
   .coming_soon {padding-top:50px; padding-bottom:50px}
  }

 @media all and (max-width:768px){
   .coming_soon .t1.t1_1 {  font-size:1.8rem}

   }


 .sub_bottom {background:url('/common/img/sub_bottom_img.png') no-repeat top; width:100%; height:150px; background-size:cover; display:none }
 
 
 #info .sub_con {padding:60px 0 80px 0;  }
 .sub_con pre {width:100%; font-size:1rem; line-height:1.5em; color:#333; background-color:#f7f7f7; box-sizing:border-box; padding:3% }


  @media all and (max-width:768px){
    #info .sub_con {padding-top:40px; padding-bottom:50px;}
    .sub_con pre {font-size:.95rem; padding:5%}

	.coming_soon .t1 {font-size:2rem;  }
	.coming_soon .t2 {font-size:1rem;  }



   }



ul#countdown {
   width:100%;
  box-sizing:border-box;
  color: #333;
  max-width:800px;  
  margin:0 auto;
  overflow: hidden;
  display:flex;  margin-bottom:20px
 }
ul#countdown li {
  
  display: inline-block;
  width: 33.33333%;
 font-weight:900; 
  font-size:5vw; position:relative;
  text-align: center;  margin:0 -1%;  
  background:url('/common/img/count_li_line.jpg') no-repeat right; background-size:6%;
}
ul#countdown li:last-child {background:none}

/* ul#countdown li:after {content:':';  position:absolute; right:-25px; top:50%;  transform: translate(0, -50%);  width:50px; font-size:80px; line-height:1em;}
ul#countdown li:last-child:after {display:none} */

.number {background-color:#222; width:70%; padding:20px 0;  border-radius:5px;  color:#fff; box-sizing:border-box;  margin:0 auto;  }

ul#countdown li .label { 
  color: #111;
 width:100%;  
  font-size:1rem;
  font-weight:400; letter-spacing:0.5px;
  text-transform: uppercase; margin-bottom:10px; 
}


  @media all and (max-width:768px){
		ul#countdown {padding-left:0; margin-bottom:10px}
		ul#countdown li {font-size:10vw; margin:0; background:none}
		ul#countdown li .label {font-size:.70rem}
		.number {width:90%}

  }



 .share_box {width:100%; display:flex;  max-width:500px; margin:0 auto;  border:2px solid #00a578; border-radius:50px; box-sizing:border-box; margin-top:30px; background-color:#fff; overflow:hidden; background-color:#00a578}
.share_box p {width:200px;  display:flex; align-items:center; justify-content:center; line-height:1.2em; font-size:1.05em; margin-left:-2px; font-weight:500; background-color:#00a578; color:#fff; text-align:center; border-radius:50px; position:Relative; z-index:99 }
.share_box ul {display:flex; align-items:center; background-color:#fff;width:calc(100% - 160px); margin-left:-30px; line-height:0; padding:7px 0; padding-left:40px; padding-right:10px; box-sizing:border-box  }
.share_box ul li {padding:0 5px;}
.share_box ul li img {max-width:100%}  

.share_box2 {width:100%; display:flex;  max-width:500px; margin:0 auto;  box-sizing:border-box; margin-top:30px; line-height:0}
.share_box2 img {}


  @media all and (min-width:768px){
  /* .share_box {display:none} */
}
  @media all and (max-width:768px){
		.share_box2 {display:none}
		/* .share_box {flex-wrap:wrap; border:none; margin-top:20px; background:none; }
		.share_box p {width:100%; background:none; color:#333; margin-bottom:10px; font-size:1.15em; font-weight:600; color:#048e68; }
		.share_box ul {width:100%; margin-left:0; padding:5px; border:2px solid #00a578; box-sizing:border-box; border-radius:50px; justify-content:center; background-color:#fff}
		.share_box ul li {padding:0 4%} */


 
}


 @media all and (max-width:500px){
           .share_box {margin-top:20px}
			.share_box p {width:130px; font-size:3.5vw;  }
			.share_box ul {display:flex; align-items:center; width:calc(100% - 90px); padding-left:35px; padding-right:5px  }
			.share_box ul li {padding:0 3px;}

 
}