@charset "UTF-8";


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


a.main_btn {font-size:0.94em; line-height:37px; color:rgba(255,255,255,.9) !important; display:inline-block; padding:0 40px; margin-top:10px; background:rgba(255,255,255,.1) }

#header   {width:100%; top:0;  float:left; position:fixed;  z-index:99999999999999999999999; background-color:rgba(255,255,255,.05); transition: background-color 0.3s ease-in;  } 

#header.active{
background-color:rgba(0,0,0,.8); 

}
 

#header p.eng a {font-size:12px;  padding:0 15px; display:inline-block; line-height:25px; background-color:rgba(255,255,255,.2); float:right; color:#fff !important; letter-spacing:0.3px}

#header p.m_menu {font-size:12px;  padding:0 15px; display:inline-block; line-height:25px; background-color:rgba(255,255,255,.2)}



/*메뉴*/

.menu  {width:100%;  display:inline-block;  height:70px;   padding:0px 3%;  box-sizing:border-box;   display:flex;  justify-content:space-between ; align-items:center }

.menu p {  color:#fff;   }
.menu p img {margin-top:3px}
ul#topmenu {width:70%; text-align:Center;}
ul#topmenu  li  {  font-weight:400; display:inline-block;   line-height:70px;   }
 
ul#topmenu li  a {
	display:inline-block;
     text-decoration:none;  color:#fff !important; padding:0 40px; font-size:16px; letter-spacing:1.5px; 
	  
	 }
 	 
  
 

.text_area   { font-family:'Noto Sans KR',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif;width:100%;  box-sizing:border-box; background-color:rgba(255,255,255,.05);
float:left; color:rgba(255,255,255,.8); font-size:0.9em; height:180px; line-height:1.5em; border:1px solid rgba(255,255,255,.3); padding:10px; }

.privacy_check {background-color:rgba(255,255,255,.1); text-align:Center; width:100%; line-height:43px; display:inline-block; font-size:0.93em; color:rgba(255,255,255,.8);  }
.privacy_check input {vertical-align:middle}



.table_wrap {width:100%; display:inline-block;  overflow-x:auto}
.s_table_wrap {width:100%; display:inline-block;  overflow-x:auto}

 

#footer        {width:100%; margin-top:120px; box-sizing:border-box;  float:left;   background-color:#111;  }
#footer  .footer_in  {width:100%; padding:50px 5%; margin:0 auto;  text-align:Center; font-size:0.80em; box-sizing:border-box;  font-weight:300; color:rgba(255,255,255,.7); line-height:1.5em}
#footer  .footer_in  span { letter-spacing:0.2px;   color:rgba(255,255,255,.7); }

 #footer   ul     {  width:100%; text-align:Center; margin:0 auto;  }
#footer   ul  li  {display:inline-block; margin-bottom:10px;  font-size:1.1em; font-weight:300; color:rgba(255,255,255,.7); padding:0 10px 0 0; }
#footer   ul  li a {color:#fff !important;}
  
#footer .copy_bar  {background-color:#333; color:#b1b1b1; font-size:0.85em; width:100%; float:left; padding:14px 0; margin-top:20px;}
#footer .copy_bar p  {width:1200px; margin:0 auto; }
 #footer .copy_bar a {color:#b1b1b1 !important}

 
@media all and (max-width:1100px){
#topmenu {display:none}
 
}
 
@media all and (max-width:800px){

#header .logo {width:110px}
.table_wrap table.basic {width:200%; } 
.s_table_wrap table.basic {width:150%; } 
#footer  .footer_in {padding:25px 5%;}
#footer {margin-top:0}
}


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