@charset "utf-8";
/*https://fonts.google.com/earlyaccess*/
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');/*Noto Sans KR*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&subset=devanagari,latin-ext');
@font-face {
    font-family: 'NanumGothic';
    src: url(../css/NanumGothic.ttf) format('truetype');
}
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:"Noto Sans KR", "나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif;font-size:13px;font-weight:normal}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#555;text-decoration:none;cursor:pointer}
a:hover{color:#555;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
.clear2 {clear:both;}
.clear:after {
	clear:both;
	content: "";
	display:block;
}

#wrap, #container {width:100%;position: relative;}


#header {
	width:100%;
	min-width:1400px;
	/*max-width:1920px;*/
	margin:auto;
	background:#1d1e20;
	position: relative;
	border-bottom:1px solid #4d4d4d;
}
#header > .header  {
	width: 1680px;
	margin:auto;
	text-align:center;
}

#header > .header > .sns {
	float:right;
	width: 270px;
	height:128px;
	line-height:128px;
	text-align: left;
	padding-left: 50px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#header > .header > .menu {
	float:left;
	width:1138px;
	height:128px;
	border-left:1px solid #4d4d4d;
	border-right:1px solid #4d4d4d;
}

#header > .header > .menu > .logo {
	width:100%;
	height:78px;
	line-height:78px;
	border-bottom:1px solid #4d4d4d;
}

#header > .header > .menu > .menu_sub {
	width:100%;
}

#header > .header > .menu > .menu_sub > li {
	width:25%;
	height:49px;
	line-height:49px;
	float:left;
	position: relative;
}
#header > .header > .menu > .menu_sub > li:after {
	content:"";
	display:block;
	width:1px;
	height:100%;
	background:#4d4d4d;
	position: absolute;
	right:0;
	top:0;
}
#header > .header > .menu > .menu_sub > li:last-child:after {
	display:none;
}
#header > .header > .menu > .menu_sub > li > a {
	display:block;
	width:100%;
	height:49px;
	line-height:49px;
	color:rgba(255,255,255,0.8);
	font-size:14px;
	font-weight:400;
	transition: all .25s;
}
#header > .header > .menu > .menu_sub > li:hover > a {
	color:rgba(255,255,255,1);
}

#header > .header > .menu > .menu_sub.on > li > a {
	color:rgba(255,255,255,0.6);
}
#header > .header > .menu > .menu_sub.on > li:hover > a {
	color:rgba(255,255,255,1);
}

#header > .header > .sns  > a {
	display:inline-block;
	line-height:128px;
	margin: 0 10px;
}

#header > .header > .menuBtn {
	float:left;
	width: 270px;
	height:128px;
	line-height:128px;
	position: relative;
	text-align: right;
	padding-right: 35px;
	box-sizing: border-box;
}
#header > .header > .menuBtn .btn {
	float:left;
	width:16px;
	height:10px;
	 position: relative;
}
#header > .header > .menuBtn  .text {
	color:#fff;
	font-weight:500;
	font-size:13px;
	line-height:9px;
	float:left;
	margin-left:7px;
}


#header .language_btn{display: flex; flex-wrap: wrap; justify-content: center; margin-left:25px;}
#header .language_btn *{box-sizing:border-box;}
#header .language_btn li{width:40px;height:25px;font-weight:500;color:#979797;text-align:center;line-height: 23px;border:1px solid #979797;}
#header .language_btn li a{display:block; color:#979797; width:100%; height:100%;}
#header .language_btn li.on{background:#979797;color:#1d1e20;}

/**햄버거버튼*/

#header > .header > .menuBtn > .menu-trigger,
#header > .header > .menuBtn > .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}

#header > .header > .menuBtn > .menu-trigger {
    position: relative;
}

#header > .header > .menuBtn > .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

#header > .header > .menuBtn > .menu-trigger span:nth-of-type(1) {
    top: 0;
}

#header > .header > .menuBtn > .menu-trigger span:nth-of-type(2) {
    top: 3px;
}

#header > .header > .menuBtn > .menu-trigger span:nth-of-type(3) {
    bottom: 3px;
}
#header > .header > .menuBtn > .menu-trigger span:nth-of-type(4) {
    bottom: 0;
}

#header > .header > .menuBtn > .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY (4.5px) rotate (-45deg);
    transform: translateY(4.5px) rotate(-45deg);
}

#header > .header > .menuBtn > .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
}
#header > .header > .menuBtn > .menu-trigger.active span:nth-of-type(3) {
    opacity: 0;
}

#header > .header > .menuBtn > .menu-trigger.active span:nth-of-type(4) {
    -webkit-transform: translateY(-4.5px) rotate(45deg);
    transform: translateY(-4.5px) rotate(45deg);
}

/*서브메뉴*/
#header > .header > .menu > .menu_sub > li .menu_sub2 {
	position: absolute;
	width:100%;
	z-index:2000;
	display:none;
	padding-top:10px;
}
#header > .header > .menu > .menu_sub > li .menu_sub2 li a{
	display:block;
	line-height:38px;
	color:rgba(255,255,255,0.5);
	font-size:14px;
	font-weight:400;
	transition: all .4s;	
	text-transform:uppercase
}
#header > .header > .menu > .menu_sub > li .menu_sub2 li a:hover {
	color:rgba(255,255,255,1);
}

#header_bg {
	position: absolute;
	width:100%;
	height:200px;
	background:rgba(29,30,32,0.9);
	left:0;
	top:129px;
	z-index:1000;
	display:none;


}

/*푸터**/

#footer {
	width:100%;
	/*max-width:1920px;*/
	background:#1e1e1e;
	margin:auto;
}
#footer .footer {
	width:1400px;
	margin:auto;
	padding:72px 0 120px;
}
#footer .footer .sitemap {
	float:right;
}
#footer .footer .sitemap > li {
	padding: 0 30px;
	float:left;
	min-height:188px;
	position: relative;
}
#footer .footer .sitemap > li:after {
	content:"";
	display:block;
	position: absolute;
	width:1px;
	height:170px;
	left:0;
	top:9px;
	background:#292929;
}
#footer .footer .sitemap > li:nth-child(2),
#footer .footer .sitemap > li:nth-child(3) {
	padding-right:70px;
}
#footer .footer .sitemap > li > h3 {
	line-height:18px;
	height:36px;
	font-size:17px;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:14px;
	font-weight:500;
}
#footer .footer .sitemap > li > .h3Bar {
	width:22px;
	height:1px ;
	background:#464646;
	margin-bottom:17px;
}
#footer .footer .sitemap > li >  a {
	display:block;
	line-height:30px;
	color:rgba(255,255,255,0.6);
	text-transform:uppercase;
	font-size:14px;
	transition: all .25s;
}
#footer .footer .sitemap > li >  a:hover {color:rgba(255,255,255,1);}

#footer .footer .leftFooter {
	float:left;
	padding-top:3px;
}
#footer .footer .leftFooter .logo {
	margin-bottom:32px;
	display:inline-block;
}

#footer .footer .leftFooter address {
	font-size:14px;
	line-height:23px;
	color:#8d8d8d;
	margin-bottom:13px;
	
}
#footer .footer .leftFooter address .copyright {
	font-size:13px;
	color:#5b5b5b;
}
#footer .footer .leftFooter .familysite {
	position: relative;
}
#footer .footer .leftFooter .familysite > a  {
	display:inline-block;
	text-transform:uppercase;
	border:1px solid #3c3c3c;
	width:230px;
	padding-left:12px;
	height:38px;
	line-height:38px;
	color:#a9a9a9;
	font-size:13px;
	background:url('/images/common/familysite.png') no-repeat center right;
}
#footer .footer .leftFooter .familysite ul.familysite_sub {
	position: absolute;
	left:0;
	width:242px;
	border:1px solid #3c3c3c;
	display:none;
	bottom: 39px;
	background:#1e1e1e;
}
#footer .footer .leftFooter .familysite ul.familysite_sub li a {
	display:block;
	padding-left:12px;
	line-height:38px;
	color:#a9a9a9;
	font-size:13px;
}