@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:bold; color:#000; 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:#3680b9;font-weight:700;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: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


/*common*/
#wrap { min-width:1100px; font-size:16px; color: #555; }
.inner { width: 100%;  box-sizing:border-box; max-width:1400px; margin:auto; }

#pcbtn { display: block; }
#mbtn { display: none; }

/*header*/
header { position: absolute; top: 0; left: 0; width: 100%; min-width:1100px;  height: 105px; background: rgba(0,0,0,.2); box-sizing:border-box; box-sizing:border-box;  z-index:200; transition:all .3s; -webkit-transition:all .3s;}
header h1 { position: absolute; top: 30px; left: 20px;}
header h1 a { display: block; width: 216px; height: 49px; background: url(/img/common/logo_h1.png) no-repeat; font-size:0; }
header div { position: absolute; top: 40px; right: 20px; ; }
.topMenu p { float: left; margin-left: 30px; }
.topMenu p.lang a { color: #fff; font-size:20px; font-weight: 500; line-height: 100%; text-transform: uppercase; }
.topMenu .cateM { position: relative; width: 26px; height: 22px; cursor:pointer; }
.topMenu .cateM i { position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #fff; display: block; font-size:0; }
.topMenu .cateM i:nth-child(2) { top:10px; }
.topMenu .cateM i:last-child { top:20px; }
#gnb { text-align: center; margin-top: 40px; }
#gnb > li { display: inline-block; padding:0 1%; margin:0 2%; padding-bottom: 60px; position: relative; }
#gnb > li > a { color: #fff; font-size:18px; font-weight: 700; line-height: 100%; }
#gnb > li ul { display: none; }
#gnb .depth { position: absolute; top: 65px; left: 0; width: 600px; }
#gnb .depth.gnb5 { left: inherit; right:-245px; }
#gnb .depth > li { float: left; }
#gnb .depth > li > a { display: inline-block; width: auto; padding: 0 25px; height: 100%; line-height: 53px; color: #fff; font-size:16px;  }
#gnb .depth > li:hover > a { background: #3d59c1; }
#gnb .depth li ul { display: none; position: absolute; top: 53px; left: -120%;;width:1920px; }
#gnb .depth ul li { display: inline-block; line-height: 53px; margin:0 10px; }
#gnb .depth ul li a { font-size:13px;color: #fff; }
#gnb .depth ul li:hover a {  }

/*on*/
header.on,
header.click { background: #fff; }
header.on h1 a,
header.click h1 a { background: url(/img/common/logo_h1_on.png) no-repeat; }
header.on #gnb > li > a,
header.click #gnb > li > a { color: #222; }
header.on #gnb > li:hover > a,
header.click #gnb > li:hover > a { color:#122b88; }
header.on div p.lang a,
header.click div p.lang a { color: #122b88;  }
header.on div .cateM i,
header.click div .cateM i { background: #122b88; }
.gnb_Bg2, .gnb_Bg3 {  display: none; width: 100%; height: 53px; z-index:80; position: absolute; left: 0; }
.gnb_Bg2 { background: rgba(8,21,67,.8); top: 105px; }
.gnb_Bg3 { background: rgba(74,98,190,.7); top: 158px; }


/* pc sitemap*/
.pcCategory { display: block; }
.sitemap { display: none; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; padding-bottom: 30px; background: #fff; z-index:200; }
.sitemap:before { content: ""; display: block; width: 100%; height: 1px; background: #dcdcdc; position: absolute; top: 105px; left: 0; }
.sitemap > ul { width: 100%; max-width:1400px; margin: 0 auto; }
.sitemap > ul > li { float: left; width: 20%; box-sizing:border-box; padding-left:3%; }
.sitemap > ul > li > a { display: block; width: 100%; height: 105px; line-height: 105px; color: #222; font-size:18px; font-weight: 700; cursor:default; }
.sitemap > ul > li > ul > li { margin-top: 25px; line-height: 110%; }
.sitemap > ul > li > ul > li > a { color: #555; font-size:16px; }
.sitemap > ul > li > ul > li:hover > a { color: #122b88; }
.sitemap > ul > li > ul > li > ul { margin-bottom:30px; }
.sitemap > ul > li > ul > li > ul > li { margin-top: 10px;  }
.sitemap > ul > li > ul > li > ul > li a { font-size:14px; color: #999; position: relative; padding-left: 8px; }
.sitemap > ul > li > ul > li > ul > li a:before { content: ""; display: block; width: 2px; height: 2px; background: #999; position: absolute; top: 10px; left: 0; }
.sitemap > ul > li > ul > li > ul > li:hover a { color: #6c84db; }
.sitemap > ul > li > ul > li > ul > li:hover a:before { background: #6c84db; }
.sitemap div { position: absolute; top: 40px; right: 20px; }
.sitemap  p.lang a { color: #122b88; }
.sitemap .cateM i { background: #122b88;  top: 10px !important;}
.sitemap .cateM i {  transform:rotate(45deg); -webkit-transform:rotate(45deg);  }
.sitemap .cateM i:nth-child(2) { display: none; }
.sitemap .cateM i:last-child { transform:rotate(-45deg); -webkit-transform:rotate(-45deg);  }


/*mobileCateogry*/
.mobileCategory { display: none; }
.mobileNav { width: 280px; left: 0; top: 0; z-index: 150; position: absolute; 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); }
.ssm-overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.6);  z-index: 140; opacity:0; transition:all .3s; -webkit-transition:all .3s; }
.ssm-overlay.on { opacity:1; display: block; }
.mobileNav > div { position:absolute; right:0; height:100%; width:280px; background:#fff; }
#gnbM { margin-top: 105px; width:100%;  background:#fff; overflow:hidden; border-top:1px solid #cccccd; border-bottom:1px solid #cccccd; }
#gnbM > li { border-top:1px solid #cccccd; }
#gnbM > li:first-child { border-top:none; }
#gnbM > li > a { display:block; width:100%; height:55px; line-height:55px; color:#222; font-size:16px; font-weight:700; box-sizing:border-box; text-indent:20px; position: relative; }
#gnbM > li > a:before { content: ""; display: block; width: 8px; height: 2px; background: #666; position: absolute; top: 27px; right: 20px;  }
#gnbM > li > a:after { content: ""; display: block; width: 2px; height: 8px; background: #666; position: absolute; top: 24px; right: 23px;  }
#gnbM > li.on > a { background:#081543; color: #fff; }
#gnbM > li.on > a:before { background: #fff; }
#gnbM > li.on > a:after { display: none; }
#gnbM > li > ul { display:none; background:#f8f8f8; overflow: hidden; }
#gnbM > li > ul > li { border-top:1px solid #e4e4e5; }
#gnbM > li > ul > li:first-child { border-top:none; }
#gnbM > li > ul > li > a { display:block; width:100%; height:38px; line-height:38px; color:#7f7f7f; font-size:14px; text-indent:20px; position:relative; }
#gnbM > li > ul > li > a:before { content: ""; display: block; width: 5px; height: 5px; border-top:1px solid #737373; border-left:1px solid #737373; position: absolute; top: 15px; right: 22px; transform:rotate(135deg); -webkit-transform:rotate(135deg);  }
#gnbM > li > ul > li.on > a { color:#fff; background:#3d59c1; }
#gnbM > li > ul > li.on > a:before { border-color:#fff; }
#gnbM .depth2 { display: none; border-top:1px solid #e4e4e5; padding:10px 20px; overflow: hidden; }
#gnbM .depth2 li { line-height:1.2;margin-bottom:4px; }
#gnbM .depth2 li a {display:block; font-size:14px; color:#7f7f7f;position:relative;padding-left:10px;}
#gnbM .depth2 li a:before { content: "-"; position:absolute;top:-3px;left:0;}
#gnbM .depth2 li.on a { color: #3d59c1; }

/*footer*/
footer { width: 100%; overflow: hidden; background: #292929; }
footer > div { width: 100%; height: 60px; background: #363636; }
footer nav { position: relative; height: 100%;  }
.fnb { text-align: center; }
.fnb li { display: inline-block; line-height: 60px; }
.fnb li:before { content: ""; display: block; width: 1px; height: 15px; background: #504e4d; margin:24px 15px 0; float: left; }
.fnb li:first-child:before { display: none; }
.fnb li a { color: #fff; font-weight: 300; }
footer .scrollTop { display: block; position: absolute; top: 0; right: 0; width: 115px; height: 100%; line-height: 60px; background: #494949; color: #fff; font-family: "Roboto"; font-weight: 300; text-transform: uppercase; text-align: center; }
footer .scrollTop img { vertical-align: middle; margin-left:15px; }
footer article { padding:55px 0; position: relative; overflow: hidden; }
footer article > a { position: absolute; top: 60px; right: 0; }
footer article h2 { float: left; }
footer article address { margin:0 0 0 80px; float: left; }
footer article address span { display: inline-block; font-weight: 300; color: #b9b9b9; line-height: 130%; }
footer article address span:before { content: ""; display: block; float: left; width: 1px; height: 15px; background: #b9b9b9; margin:4px 10px 0; }
footer article address span:first-child:before { display: none; }
footer article address p { display: block; margin-top: 8px;font-size:15px; font-weight: 100; line-height: 100%; color: #8d8d8d; }


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

	/*common*/
	#wrap { min-width:100%; }

	#pcbtn { display: none; }
	#mbtn { display: block; }

	/*header*/
	header { min-width:auto; }
	#gnb, .gnb_Bg2, .gnb_Bg3 { display: none; }

	header .cateM.click i { transform:rotate(45deg); -webkit-transform:rotate(45deg); top: 10px !important;  }
	header .cateM.click i:nth-child(2) { display: none; }
	header .cateM.click i:last-child { transform:rotate(-45deg); -webkit-transform:rotate(-45deg);  }



	/*mobileCateogry*/
	.pcCategory { display: none; }
	.mobileCategory { display: block; }

	/*
	.mobileNav { width: 280px; left: 0; top: 0; z-index: 150; position: absolute; 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); }
	.ssm-overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.6);  z-index: 140; opacity:0; transition:all .3s; -webkit-transition:all .3s; }
	.ssm-overlay.on { opacity:1; display: block; }
	.mobileNav > div { position:absolute; right:0; height:100%; width:280px; background:#fff; }
	#gnbM { margin-top: 105px; width:100%; border-top:1px solid #ccc; background:#fff; overflow:hidden; border-bottom:1px solid #dddedf; }
	#gnbM > li { border-top:1px solid #646464; }
	#gnbM > li:first-child { border-top:none; }
	#gnbM > li > a { display:block; width:100%; height:55px; line-height:55px; background:#555 url(/img/common/bullet_gnbM.gif) no-repeat 93% center; color:#fff; font-size:17px; font-weight:500; box-sizing:border-box; text-indent:20px; }
	#gnbM > li.on > a { background:#071374 url(/img/common/bullet_gnbM_on.gif) no-repeat 93% center; }
	#gnbM > li > ul { display:none; background:#f6f6f6; overflow: hidden; }
	#gnbM > li > ul > li { border-top:1px solid #dddedf; }
	#gnbM > li > ul > li a { display:block; width:100%; height:45px; line-height:45px; color:#666; font-size:14px; text-indent:20px; position:relative; background:#f2f2f2 url(/img/common/bullet_gnbM2.gif) no-repeat 95% center; background-size:7px !important; }
	#gnbM > li > ul > li.on a { color:#071374; background:#fff url(/img/common/bullet_gnbM2_on.gif) no-repeat 95% center; }
	 */






	/*footer*/
	.fnb { margin-left: -60px; }
	footer article { padding:35px 15px; text-align: center; }
	footer article > a { top: 20px; right: 15px; }
	footer article h2 { float: none; }
	footer article address { margin:20px 0 0; float: none; }


}

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


	/*common*/
	#wrap { font-size:15px; }

	/*header*/
	header { height: 85px; }
	header h1 { top: 27px; left: 15px;}
	header h1 a { width: 176px; height: 40px; background-size:auto 40px !important; }
	header div { top: 35px; right: 15px; }
	.topMenu p { margin-left: 20px; }
	.topMenu p.lang a { font-size:16px; }
	header .cateM { height: 20px; }
	header .cateM i:nth-child(2) { top:9px; }
	header .cateM i:last-child { top:18px; }


	/*mobileCateogry*/
	#gnbM { margin-top: 85px; }



	/*footer*/
	footer > div { height: 55px; box-sizing:border-box; padding:0 5px;}
	.fnb { margin-left: 0; }
	.fnb li { line-height: 55px; }
	.fnb li:before { height: 15px; margin:22px 12px 0; }
	footer .scrollTop { display: none; }
	footer article > a { top: 20px; right: 15px; }
	footer article > a img { height: 18px; }
	footer article h2 img { height:30px; }
	footer article address { margin:20px 0 0; float: none; }
	footer article address span:before { height: 12px; margin:4px 6px 0; }


}



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


	/*footer*/
	.fnb { font-size:14px; }
	.fnb li:before { margin:20px 5px 0; }

}