/*---- wrap ----*/
#wrap {width:100%; min-width:1200px; position: relative; overflow: hidden;}
body {margin:0; padding:0;}
::selection {
				background-color:#7faeca;
                color:white;
			}
* {font-family:"nanumL"; font-weight:bold; font-size:13px; color:#444;}
li {list-style: none; float:left;}
li a {text-decoration: none;}

@font-face{
	font-family:'nanumB';
	font-style:normal;
	src:local(NanumSquareB),
		url(../font/NanumSquare_acB.eot) format('embedded-opentype'),
		url(../font/NanumSquare_acB.woff) format('woff'),
		url(../font/NanumSquare_acB.ttf) format('truetype');
	}
@font-face{
	font-family:'nanumR';
	font-style:normal;
	src:local(NanumSquareR),
		url(../font/NanumSquare_acR.eot) format('embedded-opentype'),
		url(../font/NanumSquare_acR.woff) format('woff'),
		url(../font/NanumSquare_acR.ttf) format('truetype');
	}
@font-face{
	font-family:'nanumL';
	font-style:normal;
	src:local(NanumSquareL),
		url(../font/NanumSquare_acL.eot) format('embedded-opentype'),
		url(../font/NanumSquare_acL.woff) format('woff'),
		url(../font/NanumSquare_acL.ttf) format('truetype');
	}
	
@font-face{
	font-family:'nanumEB';
	font-style:normal;
	src:local(NanumSquareEB),
		url(../font/NanumSquare_acEB.eot) format('embedded-opentype'),
		url(../font/NanumSquare_acEB.woff) format('woff'),
		url(../font/NanumSquare_acEB.ttf) format('truetype');
	}
.btn_2 {position: fixed; right:100px; bottom:100px; cursor: pointer; display: none; z-index: 9999;}

/*---- head ----*/
header {width:100%; min-width:1200px;}
.inner_header {width:80%; height:50px; margin:auto; padding:20px 0 15px 0;}
.mobile_header {display: none;}
.logo {width:200px; height:50px; text-align: center; float:left;}
.logo a img {width:160px;}

.lang {float:right; line-height: 30px; position: relative; margin-top:5px;}
.lang dt {width:100px; height:30px; text-align: center; cursor: pointer; font-family: "nanumL"; font-weight: bold; border-bottom:1px solid #444;}
.lang dt i { margin-left:30px; margin-top:9px; color:#444}
.lang dd {width:98px; border:1px solid white;  text-align: center; margin-left:0; line-height: 10px; display: none; background:white; border:1px solid; position: absolute; border-top:0px;}
.lang dd a {text-decoration: none; font-family: "nanumL"; font-weight: bold; color:#444; display: block; padding:15px 0;}

header ul.menu {width:450px; float:left; margin-left:-430px; position:relative; margin-top:-20px; left:50%;}
header ul.menu>li {width:33%;  height:83px; font-size:16px; cursor: pointer; text-align: center; line-height: 85px;}
header ul.menu>li>ul {position: absolute; width:33%; padding-top:40px; top:85px; display: none; z-index: 2;}
header ul.menu>li>ul>li {float:none; text-align: center; line-height: 0; height:50px;}
header ul.menu>li>ul>li>a {font-size:16px; display: block; color:#6d6d6d;}
header ul.menu>li>ul>li>a:hover {color:#444;}

.header1 {background:white; color:#444; height:86px;}
.menubox {width:100%; height:200px; background:white; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); position: absolute; z-index: 1; display: none; top:84px; overflow: hidden; border-top:1px solid #e5e5e5; background:#f5f5f5;}
.menubox img {width:285px; opacity: 0.1; float:right; margin-right:600px;}

@media(min-width:601px) and (max-width:1199px){
    #wrap {min-width:300px;}
    .btn_2 {transform: scale(0)}
    
    header {min-width:300px;}
    header ul.menu {left:0;}
    .inner_header {display: none;}
    
   .mobile_header {display:block; position:absolute; width:100%;}
    .mobile_header .logo {width:calc(100% - 20px); text-align: center; padding:30px 10px; position: relative; z-index: 999; display:block;}
    
    .logo .menu_box {width:40px; float:right; cursor: pointer; position: absolute; right:5%;}
    
    
    .mobile_header ul.menu {width:100%; margin:0; margin-top:30%;}
    .mobile_header ul.menu>li {float:none; width:100%; height:10%; font-size:20px; font-family: "nanumB"; line-height:40px; margin-bottom:20px;}
    .mobile_header ul.menu>li>ul {display: block; position:inherit; width:100%; padding:0;}
    .mobile_header ul.menu>li>ul>li {line-height:40px; height:40px;}
    
    .mobile_header div.lang {overflow: hidden; margin:auto; position:sticky; float:none; width:100px;}
    _:-ms-input-placeholder, :root .mobile_header div.lang {position: relative;}
    .mobile_header div.lang p {float:left; padding:5px 10px;}
    .mobile_header div.lang p a {font-size:14px; display:inherit}
    
    .mobile_header #m_back {width:100%; height:100vh; background:white; position: absolute; right:-100%; z-index: 99;}
}

@media(max-width:600px){
    #wrap {min-width:300px;}
    .btn_2 {transform: scale(0)}
    
    header {min-width:300px;}
    header ul.menu {left:0;}
    .inner_header {display: none;}
    
   .mobile_header {display:block; position:absolute; width:100%;}
    .mobile_header .logo {width:calc(100% - 20px); text-align: center; padding:30px 10px; position: relative; z-index: 999; display:block;}
    
    .logo .menu_box {width:40px; float:right; cursor: pointer; position: absolute; right:5%;}
    
    
    .mobile_header ul.menu {width:100%; margin:0; margin-top:30%;}
    .mobile_header ul.menu>li {float:none; width:100%; height:10%; font-size:20px; font-family: "nanumB"; line-height:40px; margin-bottom:20px;}
    .mobile_header ul.menu>li>ul {display: block; position:inherit; width:100%; padding:0;}
    .mobile_header ul.menu>li>ul>li {line-height:40px; height:40px;}
    
    .mobile_header div.lang {overflow: hidden; margin:auto; position:sticky; float:none; width:100px;}
    _:-ms-input-placeholder, :root .mobile_header div.lang {position: relative;}
    .mobile_header div.lang p {float:left; padding:5px 10px;}
    .mobile_header div.lang p a {font-size:14px; display:inherit}
    
    .mobile_header #m_back {width:100%; height:100vh; background:white; position: absolute; right:-100%; z-index: 99;}
}