:root {
  --main_c : #3cb035;
}

 
body {height:100%}
html {height:100%}

 
#wrap {height:100%; position:relative; width:100%;   display:inline-block}
#container {  width:100%; display:inline-block;  }
 

 
.in {width:100%; margin:0 auto; max-width:1300px; }
.flex {display:flex}


a.basic_btn {background-color:var(--main_c);   font-size:1.2em; box-sizing:border-box; padding:0 20px; width:200px; line-height:55px; color:#fff; border-radius:5px; display:flex; transition: all 0.3s ease-out; }
a.basic_btn:after {content:'→'; margin-left:auto}
a.basic_btn + a.basic_btn {margin-left:5px}

 
span.point {width:6px; height:6px; border-radius:50%;  background-color: var(--main_c); display:inline-block; vertical-align:10px}


@media all and (max-width:1300px) {
  .in {padding:0 4%; box-sizing:border-box;   }

}


/*****************/

 



/*푸터*/
a.top_link {width:70px;  line-height:70px; background-color:var(--main_c); text-align:Center;  font-size:1rem; display:inline-block; color:#fff; position:fixed; right:0; bottom:100px}

footer {width:100%; background-color:#fff;  padding:80px 0;   box-sizing:border-box; line-height:1.5em; color:#555;  border-top:1px solid #ddd;   }
footer div.flex {align-items:center; margin-top:-20px;  box-sizing:border-box;  }
footer img {width:170px; margin-right:50px}
footer select {margin-left:auto; border:1px solid #ddd; height:40px; width:200px; }
 footer ul li + li:before {content:'｜'; font-size:12px; color:#666; margin-right:10px}



@media all and (max-width:900px) {
   a.top_link {display:none}
   .flex {flex-wrap:wrap}
   footer {font-size:.90rem; padding:40px 0}
   footer img {margin-bottom:20px}
   footer div.flex  {margin-top:0; }
   footer select {margin-top:10px}
}