@charset "UTF-8";

 /* Page Title */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800;900&display=swap');
  
html {height:100%}
body {height:100%}

.eng {font-family:'Montserrat'}
.ch {font-family:'Noto Sans TC'; }


.top {width:100%; display:flex; justify-content:space-between; box-sizing:border-box; padding:15px 3%; position:fixed;    z-index:999999999999999999999;  border-bottom:1px solid #ddd; background-color:#fff}

.roll {background-color:#752f8a; border-bottom:none}


.top h1.logo {line-height:0; font-size:0;  width:220px; height:45px;  background:url('/common/img/logo.png') no-repeat; background-size:100%;  margin-top:3px; }
.roll h1.logo { background:url('/common/img/logo_w.png') no-repeat; background-size:100%;  }

h1.logo a {width:100%; height:45px; display:inline-block}

nav { }
  
nav ul {
  font-size: 0;
  margin: 0; 
  padding: 0; width:100%; position:relative;  
} 

nav ul li { display: inline-block; position:relative; vertical-align:top;   }

nav ul li a {
 text-decoration: none; box-sizing:border-box;
color: #333 !important;  width:100%;  height:50px;  line-height:50px;
display:inline-block; font-size:1.2rem; font-weight:600;  padding:0 1.4vw;   letter-spacing:0;   
  transition: 0.3s linear;  font-family:'Montserrat';  
}
.roll nav ul li a  {color:#fff !important}   

nav ul li ul {display: none; width:auto;  /* position: absolute; left:50%; margin-left:-100px;  top:50px; z-index:99999; width:200px;  */}
 

nav ul li ul li {display:block; width:100%;box-sizing:border-box;  }

nav ul li ul li a {
    color:#111 !important; font-size:0.90rem;  font-weight:500; 
  display: inline-block;   height:35px; line-height:35px; letter-spacing:.5px; width:100%;    padding:0;   padding-left:1.4vw; box-sizing:border-box;
 }

 nav ul li ul li a:hover {  text-decoration:underline; }

.roll nav ul li ul li a  {color:#fff !important}   
.roll nav ul li ul li a  { color: #fff !important; }

 

 .main_footer {width:100%; overflow:hidden; box-sizing:border-box; padding:50px 0; padding-bottom:60px;  display:inline-block; background-color:#fff;   position:relative; border-top:1px solid #ddd }
 .main_footer .footer_in {width:100%; display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:space-between }
.main_footer .footer_in a {background-color:#f9f9f9;  border:1px solid #f1f1f1; border-radius:3px; padding:7px 15px; font-size:.9rem;  transition: 0.3s linear; }
.main_footer .footer_in a:hover {background-color:#752f8a; color:#fff !important}

 .main_footer h2 {width:100%; font-size:3rem; color:#111;  font-weight:800; margin-bottom:20px; display:inline-block;  line-height:1em ;}
 .footer_in_wrap {width:100%; margin:0 auto;  padding:0 5%; max-width:1300px;  box-sizing:border-box; }
 
 .main_footer .footer_in div { font-size:1rem; line-height:1.5em;  color:#111}
 .main_footer .footer_in div b {font-size:1.1em; font-weight:600;  font-family:'Montserrat'; color:#111}


 
@media all and (min-width:900px){
	 
	.pc_br {display:block}
	.br {width:100%; height:10px;  display:block    }
 }

@media all and (max-width:900px){
	 
	.main_footer h2 { font-size:1.56rem; margin-bottom:10px  }
	.footer_line {display:none}
	.main_footer .footer_in {width:100%;  font-size:.92rem; color:#555}
	.main_footer .footer_in div {width:100%}
	.main_footer .footer_in a {margin-top:10px}

 }


 @media all and (min-width:1000px){
	.top2 {display:none }
  }

@media all and (max-width:1000px){
	.top {display:none }
	.top2 {width:100%; display:flex; justify-content:space-between; box-sizing:border-box; padding:13px 4.5%; position:fixed; z-index:999999999999999999999; background-color:#fff;  font-size:0em; line-height:0;   }

	.top2 h1.logo {line-height:0; font-size:0; background:url('/common/img/m_logo.png') no-repeat; background-size:100%; width:200px; height:40px;  }
 	.roll2 h1.logo { background:url('/common/img/m_logo.png') no-repeat; background-size:100%;   }
    h1.logo a {width:100%; height:40px; display:inline-block;   }

	.roll2 {background-color:#fff; }
	.roll2 .cd-nav-trigger span.ham {background-color:#333; }
	 
  }



/*버튼*/
 a.list_btn  {  text-align:center; line-height:31px; padding:0 20px; font-weight:400;   font-size:0.90rem; float:right;  margin-top:15px; margin-left:5px; background-color:#fff;  border:1px solid #999; border-radius:3px;  color:#333 !important;}

 
 a.basic_btn  {  text-align:center; display:inline-block;  line-height:50px; width:40%; max-width:200px;  font-weight:600;   font-size:1.1rem;   margin-top:30px;   background-color:#752f8a; border-radius:3px;  color:#fff !important; transition: all 0.3s ease-out;}
a.basic_btn:hover {background-color:#752f8a}