@charset 'utf-8';



/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:500; color:#231f20; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#231f20;font-weight:500;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #231f20; font-weight: 500; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }




/* ���� */
#wrap { min-width:1300px; position: relative; }
.inner { max-width:1530px; width: 100%; margin: auto; box-sizing:border-box; padding:0 15px;  }

/*header*/
header {  width: 100%; height: 100px;  box-sizing:border-box;  border-bottom:1px solid #ababab;  }
header h1 { float: left; margin-top: 35px; }
header nav { float: right; }
#gnb { float: left; margin-top: 37px; font-size:14px; }
#gnb > li { float: left; padding:0 60px 38px 0; position: relative; }
#gnb > li > a { color: #4d4d4d; /* text-transform: uppercase;  */font-weight: 500;  }
#gnb > li:after { content: ""; display: block; width: 1px; height:3px; background: transparent; position: absolute; top: 62px; left: 0; z-index:102; transition:all .3s; -webkit-transition:all .3s;  }
#gnb > li:hover:after { width: 40px; background:#494949; }
#gnb > li ul { display: none; position: absolute; top: 58px; left: 0; z-index:101; padding-top: 20px; width: 100%; height: 190px; }
#gnb > li li { line-height:34px; }
#gnb > li li a { color: #747474; }
#gnb > li li a:hover { color: #232323; }
header .right { float: right; margin: 35px 0 0 20px;  }
header .iconTop { float: left; }
.iconTop li { float: left; margin-left: 10px; position: relative; overflow: hidden;  }
.iconTop li a { display: block; width: 30px; height: 30px; box-sizing:border-box; border:2px solid #bbb; border-radius:8px; }
.iconTop li a img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; }
.lang { float: right; position: relative; width:78px; margin-left: 25px; }
.lang a { display: block; text-indent:17px; text-transform: uppercase; font-size:13px; width: 100%; height: 30px; line-height:30px; box-sizing:border-box;  border-radius:14px; }
.lang > a { background: #848484; color: #fff; position: relative; }
.lang > a:after { content: ""; display: block; width: 5px; height: 5px; border-bottom:1px solid #fff; border-right:1px solid #fff; position: absolute; top: 37%; right: 20%; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.lang > p { display: none; position: absolute; top: 30px; left: 0; width: 100%; }
.lang > p > a { border:1px solid #848484; color: #848484; background: #fff; }
.cateM { display: none; }
.cateM a { display: block; width: 28px; height: 22px; position: relative; margin:4.5px 0 0 30px; }
.cateM a i { display: block; position: absolute; height:3px; background: #5e5758;  font-size:0; transition:all .3s;}
.cateM a i:first-child { width: 18px; top: 0; }
.cateM a i:nth-child(2) { width: 100%; top: 9px; }
.cateM a i:last-child { width: 18px; top: 18px; right: 0; }

.gnb_bg { display: none; width: 100%; height: 210px; position: absolute; top: 100px;  left: 0; z-index:100; background: #fff;  }




/*mobileCateogry*/
.mobileNav { height: 100%; width: 280px; right: 0; top: 0; z-index: 9999; position: fixed; overflow-y: auto; overflow-x: visible; transition:all .3s; -webkit-transition:all .3s; transform:translate3d(100%,0,0); -webkit-transform:translate3d(100%,0,0);  }
.mobileNav.on { transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); }
.m_bg { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5);  z-index: 10; opacity:0; transition:all .3s; -webkit-transition:all .3s; }
.m_bg.on { opacity:1; display: block; }
.mobileNav > div { position:absolute; right:0; height:100%; width:280px; box-sizing:border-box; padding:0 15px; background:#fff; }
.mobileNav .top { overflow: hidden; height: 100px; box-sizing:border-box; padding-top:32px; }
.mobileNav .top .iconTop { float: left; }
.mobileNav .top .iconTop li:first-child { margin-left: 0; }
.mobileNav .top .close { float: right; display: block; margin-top:5px; width: 20px; height: 20px; position: relative; overflow: hidden; text-indent:-9999px; }
.mobileNav .top .close:before { content: ""; display: block; width: 1px; height: 30px; background: #222; position: absolute; top: -5px; left: 10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); }	
.mobileNav .top .close:after { content: ""; display: block; width: 1px; height: 30px; background: #222; position: absolute; top: -5px; right:10px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }	
#gnbM { margin-top: 15px; width:100%; overflow:hidden;  }
#gnbM > li > a { display:block; width:100%; height:50px; line-height:50px; color:#4d4d4d; font-size:18px; /* text-transform: uppercase; */ position: relative; }
#gnbM > li ul { display: none; padding:5px 0; }
#gnbM > li li { overflow: hidden; border-bottom:1px solid #dde1e5;}
#gnbM > li li a { display: block; width: 100%; height: 45px; line-height:45px; color: #424242; font-size:16px; position: relative; text-indent:15px; }
#gnbM > li li a:before { content: ""; display: block; width: 7px; height: 2px; background: #424242; position: absolute; top: 22px; left: 0;  }



/*footer*/
footer { width: 100%; background: #2e2e2e; overflow: hidden; font-size:15px; letter-spacing: -.5px;  }
footer > article { padding:60px 15px 40px !important; overflow: hidden; }
footer h2 { float: left; }
footer div {
	float: left;
	width: calc(100% - 500px);
	margin-left: 38px;
}
.fnb { overflow: hidden; }
.fnb li { float: left; }
.fnb li:not(:first-child):before { content: ""; display: block; float: left; width: 1px; height:15px; background: #616161; margin:5px 15px 0; }
.fnb li a { color: #e1e1e1;  }
footer address { margin-top: 25px; line-height: 150%; }
footer address em { color: #e1e1e1; margin-right: 15px; }
footer address span { display: inline-block; margin-right: 15px; color: #afafaf; }
footer address span b { color: #cacaca; font-weight: 400; }
/* footer div > p { margin-top: 40px;  } */
/* footer .bn { float: right; width: 195px; height: 97px; box-sizing:border-box; border:1px solid #7d7d7d; } */
footer .bnGroup {
	/* position: absolute; */
	/* right:0; */
	float: right;
	width: 195px;
	box-sizing: border-box;
	
}
footer .bn {
	height: 97px;
	border: 1px solid #7d7d7d;
	box-sizing: border-box;
	margin-bottom: 10px;
}
footer .bn:last-child { 
	margin-bottom: 0;
}
/* footer .bn { float: right; width: 195px; height: 97px; box-sizing:border-box; border:1px solid #7d7d7d; } */
footer .bn a { display: block; width: 100%; height: 100%; overflow: hidden; text-align: center; }
footer .bn a img { margin-top: 15px; color: #888; font-weight: 300; }
footer .bn a span { display: block; overflow: hidden; margin: 10px auto 0; width: 158px; text-align: left; color: #afafaf; font-size:13px; font-weight: 300; line-height: 110%; }


/*����̵�*/
.scrollTop { display: none; position: fixed; bottom: 15px; right: 15px; z-index:50; }
.scrollTop a { display: block; width: 42px; height: 42px; border-radius:4px; background: #f5f5f5 url(/img/common/icon_scolltop.gif) no-repeat center; border:1px solid #a7a8a9; font-size:0; }


@media screen and (max-width:1200px) {


	/* ���� */
	#wrap { min-width:320px; }

		
	/*header*/
	header h1 { float: left; margin-top: 35px; }
	#gnb { display: none; } 
	header .right { float: right; margin: 35px 0 0 20px;  }
	header .iconTop { display: none; }
	.lang { float: left; margin-left: 0; }
	.cateM { display: block; float: right; }
	.cateM.on a i { width:100%; }


	/*footer*/
	footer > article { padding:50px 15px !important; position: relative; }
	footer h2 { float: none; }
	footer div { float: none; width:100%; margin:20px 0 0; }
	footer div > p { margin-top: 30px;  }
	footer .bnGroup {
		width: 100%;
		float: none;
		display: flex;
		align-items: center;
		justify-content: center;
		gap :10px
	}
	footer .bn {
		padding:0 15px;
		margin-bottom: 0;
	}
	footer .bn a{ 
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

	}
	/* footer .bn { position: absolute; top: 20px; right: 15px; } */



}
@media screen and (max-width:650px) {


		
	/*header*/
	.cateM { display: block; float: right; }
	.cateM.on a i { width:100%; }



		
	/*header*/
	header { height: 80px; }
	header h1 { margin-top: 35px; }
	header h1 img { height: 16px; }
	header .right { margin: 28px 0 0 0;  }
	.cateM a { margin:4.5px 0 0 15px; }


	/*footer*/
	footer { font-size:14px; }
	footer > article { padding:30px 15px !important; }
	footer h2 { margin-top: 15px; }
	footer h2 img { height:15px;  }
	footer div { margin-top: 5px; }
	/* footer .bn { position: absolute; top: 10px; right: 15px; width: 130px; height: 55px; } */
	footer .bn a img { width: 90px; margin-top: 10px; }
	footer .bn a span { margin: 5px auto 0; width: auto; text-align: center; font-size:.7em; }

	
}