@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/css?family=Raleway:400,100,200,300,600,700,800,900,500);
@import url(//fonts.googleapis.com/css?family=Lato:400,100,300,700);
@import url(//fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700);
@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


html {font-size:0.520vw;}

* {box-sizing:border-box;}

body {
   font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
   -webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;
}
body{margin:0; padding:0; }
* {box-sizing:border-box;}
* {-ms-overflow-style: none;}
*::-webkit-scrollbar{display:none;}

body {overflow:auto; overflow-x:hidden;background-color:#fff; background:#1e1e1e;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
.wrap {width:100%; margin:0 auto;}
textarea {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
#header {}
#content {margin:0; padding:0; }
#footer {}

/*  */

.top {position:absolute; top:0; width:100%;  z-index:99;}
.top_area { width:100%; min-width:800px; max-width:1920px; margin:0 auto; padding:0; z-index:900;}
.top_logo {float:left; width:204px; height:auto; margin-left:120px; margin-top:71.5px;}
.top_logo_wb {float:left; width:176px; height:auto; margin-left:120px; margin-top:71.5px;}
.top_menu {float:right; width:36px; height:auto; margin-right:120px; margin-top:64px; z-index:910;}


.top_aream { width:100%; margin:0 auto; padding:0; z-index:900;}
.top_logom {float:left; width:408px; height:auto; margin-left:32px; margin-top:46px;}
.top_logom_wb {float:left; width:234px; height:auto; margin-left:32px; margin-top:46px;}
.top_menum {float:right; width:72px; height:auto; margin-right:32px; margin-top:32px; z-index:910;}

#top_nav_bg {position:fixed; width:632px;  height:100%; background-color:#1e1e1e; top:0; left:50%; margin-left:328px; z-index:100;}
#top_nav {position:fixed; width:632px; top:0; left:50%; margin-left:328px; z-index:101;}
.top_nav_area {position:relative; padding-left:96px; padding-top:200px;}
.nav_text {font-family: Montserrat;  font-size: 64px;  font-weight: 800;  font-stretch: normal;  font-style: normal;  line-height: 1;  letter-spacing: normal;  text-align: left;  color: #fff; margin-bottom:48px;}
.nav_text_sub {font-family: Montserrat;  font-size: 1.6rem;  font-weight: 300;  font-stretch: normal;  font-style: normal;  line-height: 1.75;  letter-spacing: 0.32px;  text-align: left;  color: #f6f6f6; margin-top:208px;}

.ic_x {position:absolute; width:36px; top:62px; right:120px; margin-top:26px;}
.ic_x img {width:100%; height:auto;}



.foot {width:1920px; height:100px; margin:0 auto; }
.copy {position:absolute; bottom:80px;  width:100%;  }
.copy_area  { width:100%; min-width:800px; max-width:1920px; margin:0 auto; padding:0; z-index:900;}
.ncopyright {float:right; margin-right:118px;}
.ncopyright {font-family: Montserrat; font-size: 12px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.33;  letter-spacing: normal;  text-align: right;  color: #9a9a9a;}

#web_foot {position:fixed; left:50%; bottom:8rem; margin-left:-88rem; font-family: Montserrat;  font-size: 1.2rem;  font-weight: 300;  font-stretch: normal;  font-style: normal;  line-height: 1.19;  letter-spacing: -0.04rem;  text-align: left;  color: #5a5a5a; }


/** 해상도별 조정 **/
@media (min-width: 1920px)
{
html {font-size:62.5%;}
.ic_x {position:absolute; width:3.6rem; top:4.0rem; margin-left:54.6rem;}
	 
}	 

/** 해상도별 조정 **/
@media (max-width: 1280px) and @media (min-width: 921px)
{
.ic_x {position:absolute; width:3.6rem; top:4.0rem; margin-left:53rem;}
	 
}	

/** 해상도별 조정 **/
@media (max-width: 920px) 
{
.ic_x {position:absolute; width:3.6rem; top:4.0rem; margin-left:52rem;}
	 
}	


/** 해상도별 조정 **/
@media (max-width: 750px)
{
	
#top_nav_m {position:absolute; width:100%; height:100%; background-color:#2a2a2a; top:0; left:0; z-index:100;}
#top_nav_m .top_nav_area_m {position:absolute; width:100%; height: 100%; padding:250px 0 0 80px; top:0; margin-top:0; z-index:101;}

.nav_text_m {font-family: Montserrat;  font-size: 80px;  font-weight: 800;  font-stretch: normal;  font-style: normal;  line-height: 1.96;  letter-spacing: normal;  text-align: left;  color: #ffffff;}
.nav_text_sub_m {position:absolute; font-family: Montserrat;  font-size: 24px;  font-weight: 300;  font-stretch: normal;  font-style: normal;  line-height: 1.58;  letter-spacing: 0.24px;  text-align: left;  color: #f6f6f6; bottom:140px; left:80px;}

.ic_x_m {position:absolute; width:72px; top:60px; right:40px; z-index:102;}
.ic_x_m img {width:100%; height:auto;}


}