/*
import는 link css 로딩후 작동하므로 전체 load시간이 늘어난다
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
*/
/*@import url('/webheads/css/nanumgothic.css');*/

@charset "utf-8";
body {  font-family:'Nanum-Gothic', sans-serif;  }
h3, h4, h5, h6 {  font-family:'Nanum-Gothic', sans-serif;  }
ul, li, ol, dl, dt, dd { list-style:none; }
a:hover { text-decoration:none;  }
.skip { display:none; }
.fng {font-family:'Nanum-Gothic', sans-serif;}


#heaDer { position:relative; font-family:'Nanum-Gothic', sans-serif; min-width:1000px; }
	.hdAdarea { width:100%; height:80px; background-color:#39366b; }
	.hdAdarea > div { position:relative; width:1000px; height:80px; margin:0 auto; text-align:center; }
		a.close { position:absolute; right:0; top:10px; }
		a.view{ width:146px; height:32px; position:absolute; right:39px; top:23px; text-indent:-9999px; }
	.hdGnb { width:100%; height:30px;  text-align:center; background:#3c4044; }
		.heGnb1000 { width:1000px; height:30px; margin:0 auto; text-align:right;}
		.heGnb1000 > ul { float:right;  }
		.heGnb1000 > ul > li { float:left; border-left:1px solid #595c60;  }
		.heGnb1000 > ul > li > a { display:block; padding:0 20px; line-height:30px; color:#cacacb;  }
		.heGnb1000 > ul > li > a:hover { color:#fff;}
		.heGnb1000 > ul > li.myClass > a { display:block; height:30px; width:120px; text-align:center; background:#bd1b13; color:#fff; font-weight:600; }
		.heGnb1000 > ul > li.myClass > a:hover { color:#fde800; font-weight:600; }
	.hdH1log { clear:both; width:1000px; height:105px;  margin: 0 auto; }
		.hdlog  { float:left; line-height:105px; width:200px; }
		.hdlogin  { float:right; font-family:'Nanum-Gothic', sans-serif; text-align: right; width:800px; margin-top:20px; position:relative; }
		.hdlogin  fieldset > input.lgipbox { width:90px; height:22px; line-height:22px; border:1px solid #e2e2e2; padding-left:5px; }
		a.btnlgin { display:inline-block; border-radius:2px; width:70px; height:24px; line-height:24px; text-align:center; border:0; background:#3c4044; color:#fff; font-weight:bold; }
		.logmenu { position:absolute; right:0; top:42px; }
		.logLost { font-family: 'Nanum Gothic', sans-serif; font-size:12px; height:14px; overflow:hidden; margin-top:5px; float:left; }
			.logLost > a { float:left; padding:0 5px; border-right:1px solid #dbdbdb; line-height:12px; display:block; }

		.hdlogInfo  { float:right; margin-top:25px;  }
		.hdlogInfo > li { float:left; font-family:'Nanum Gothic', sans-serif; font-size:12px; padding-left:5px; line-height:21px; }
		.hdlogInfo > li > a { display:block; height:21px; line-height:21px; padding:0 9px; border-radius: 2px; text-align:center; color:#fff; }
		.hdlogInfo > li.adm > a { background:#000;}
		.hdlogInfo  a.adm { background:#000;}
		.hdlogInfo > li.lgout > a { background:#716c6c;}
		.hdlogInfo > li.mypge > a { background:#bd1b13;}
		.hdlogInfo > li.basket > a { background:#5a89ff;}

	.hdLnbArea { clear:both; width:100%; height:47px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; }
		.hdLnb { width:1000px; height:47px; margin:0 auto; /*background:green; */}
		.hdLnb > ul > li { float:left; font-family: 'Nanum Gothic'; font-weight:600; line-height:47px; width:125px; text-align:center; font-size:15px; background:url('../image/gnb_line.png') no-repeat 0 50%; }
		.hdLnb > ul > li:hover a { color:#de2326; }
		.hdLnb > ul > li.myclass { border-top:2px solid #ed1e23; }
		.hdLnb > ul > li.myclass > a { color:#ed1e23;}
		.hdLnb > ul > li:first-child { background:none; }
		.hdLnb > ul > li > a { color:#333; }
	.hdLnbDropDn { clear:both; width:100%; position:relative; z-index:500;  height:380px; background:#1b1b1b; opacity: 0.97; }
	.hdLnbDropDn > div {  position:relative; width:998px; height:309px; margin:0 auto; }
	.hdLnbDropDn > div > ul { height:269px; text-align:center; }
	.hdLnbDropDn > div > ul > li { height:25px; line-height:25px; font-family: 'Nanum Gothic', sans-serif; font-size:13px; padding:1px 0 2px 0; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.hdLnbDropDn > div > ul > li > .rolupBner { margin-top:51px;margin-left:-13px;}
	.hdLnbDropDn > div > ul > li > a { color:#ddd;  } 
	.hdLnbDropDn > div > ul > li > a:hover { background-color:#bf1b14; width:100%; height:25px; display:block; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
		.Lnbdrdm01 { position:absolute; top:0; left:0; width:125px; margin-top:20px; }
		.Lnbdrdm02 { position:absolute; top:0; left:125px; width:125px; margin-top:20px;  }
		.Lnbdrdm03 { position:absolute; top:0; left:250px; width:125px; margin-top:20px;  }
		.Lnbdrdm04 { position:absolute; top:0; left:375px; width:125px; margin-top:20px; }
		.Lnbdrdm05 { position:absolute; top:0; left:500px; width:125px; margin-top:20px; }
		.Lnbdrdm06 { position:absolute; top:0; left:625px; width:125px; margin-top:20px;  }
		.Lnbdrdm07 { position:absolute; top:0; left:750px; width:125px; margin-top:20px; }
		.Lnbdrdm08 { position:absolute; top:0; left:875px; width:125px; margin-top:20px; }

	#naver_id_login { float:left; margin-right:5px; }
		span.naver { display:block; width:41px; height:22px; background:url('/template/1/html/image/btn_login_naver.png') no-repeat; color:#fff; line-height:22px; text-align:left; padding-left:25px; font-weight:500; }
		.fb_iframe_widget { float:right; }
	
#contanTs { clear:both;  position:relative; font-family:'Nanum-Gothic', sans-serif; min-width:1000px; min-height:560px; }
	.visualArea { clear:both; position: relative;width:100%; height:480px; overflow:hidden;  background:#000;}
	.visualArea > div { position:relative; width:1000px; height:480px; margin:0 auto;  }
	.visualArea > ul { width:1000px; margin:0 auto;  }
	.Arrpre { position:absolute; left:-51px; top:210px; z-index: 100; cursor:pointer;}
	.Arrnex { position:absolute; left:1012px; top:210px; z-index: 100; cursor:pointer;}
	.bnerList {position:relative; width:1000px; height:26px;  text-align:center;  margin:0 auto; padding-bottom:25px;}
	.bnerList > ul { margin:0 auto; } 
	.bnerList > ul > li { display:inline; padding-right:4px;}

	.conMnb { width:1000px; margin: 0 auto; }
	.conMnb > ul { height:224px; width:100%; }
	.conMnb > ul > li { float:left; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; width:332px; }
	.conMnb > ul > li:last-child { border:none; }
	.conMnb > ul > li.mdbg { width:333px; background:#3e3f44; position:relative; z-index:200; }
	.conMnb > ul > li.mdbg > img { position:absolute; left:50%; bottom:-14px; margin-left:-14px; }

	.conNtnb {width:999px; margin: 0 auto; border-right:1px solid #d3d3d3; }
	.conNtnb > ul { height:224px; overflow:hidden; width:100%; border-bottom:1px solid #d3d3d3; }
	.conNtnb > ul > li { float:left; padding-left:25px; padding-top:30px; border-left:1px solid #d3d3d3; width:307px; }
	.conNtnb > ul > li:last-child { width:306px; }
	.conNtnb > ul > li > h3 { font-family: 'Nanum Gothic'; font-size:24px; font-weight:bold; color:#333; }
		a.moreall {display: block; width:21px; height:21px; margin-left:251px; margin-top:-18px; background:url('../image/board_more.png') no-repeat; text-indent:-9999px; }
	.conNtnb > ul > li > ul { width:100%; height:155px; margin-top:30px; float:left; }
	.conNtnb > ul > li > ul a { float:left; width:200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
	.conNtnb > ul > li > ul .star { width:76px; float:right;  }
	.conNtnb > ul > li > ul .date { width:76px; float:right; }

	.conNtnb > ul > li > ul.star { width:76px; float:right; margin-right:30px; }
	.conNtnb > ul > li > ul.star >li { background:none; padding-bottom:8px; }
	.conNtnb > ul > li > ul.date { width:76px; float:right; margin-right:30px; }
	.conNtnb > ul > li > ul.date >li { background:none; padding-bottom:8px; font-size:12px; color:#999; }
	.conNtnb > ul > li > ul > li { font-family: 'Nanum Gothic'; overflow: hidden; white-space: nowrap; font-size:13px; text-overflow: ellipsis; word-wrap: normal; padding-left:10px; padding-bottom:8px;
										background:url('../image/board_dot.jpg') no-repeat 0px 32%; }

	.conNtnb1 {width:999px; margin: 0 auto; border-right:1px solid #d3d3d3; }
	.conNtnb1 > ul { height:224px; overflow:hidden; width:100%; border-bottom:1px solid #d3d3d3; }
	.conNtnb1 > ul > li { float:left; padding-left:25px; padding-top:30px; border-left:1px solid #d3d3d3; width:307px; }
	.conNtnb1 > ul > li:last-child { width:306px; }
	.conNtnb1 > ul > li > h3 { font-family: 'Nanum Gothic'; font-size:24px; font-weight:bold; color:#333; }
		a.moreall1 {display: block; width:21px; height:21px; margin-left:251px; margin-top:-18px; background:url('../image/board_more.png') no-repeat; text-indent:-9999px; }
	.conNtnb1 > ul > li > ul { width:100%; height:155px; margin-top:30px; float:left; }
	.conNtnb1 > ul > li > ul a { float:left; width:200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
	.conNtnb1 > ul > li > ul .star { width:76px; float:right;  }
	.conNtnb1 > ul > li > ul .date { width:76px; float:right; }

	.conNtnb1 > ul > li > ul.star { width:76px; float:right; margin-right:30px; }
	.conNtnb1 > ul > li > ul.star >li { background:none; padding-bottom:8px; }
	.conNtnb1 > ul > li > ul.date { width:76px; float:right; margin-right:30px; }
	.conNtnb1 > ul > li > ul.date >li { background:none; padding-bottom:8px; font-size:12px; color:#999; }
	.conNtnb1 > ul > li > ul > li { font-family: 'Nanum Gothic'; overflow: hidden; white-space: nowrap; font-size:13px; text-overflow: ellipsis; word-wrap: normal; padding-left:10px; padding-bottom:8px;
										background:url('../image/board_dot.jpg') no-repeat 0px 32%; }

	.conNtnb2 {width:999px; margin: 0 auto; border-right:1px solid #d3d3d3; }
	.conNtnb2 > ul { height:224px; overflow:hidden; width:100%; border-bottom:1px solid #d3d3d3; }
	.conNtnb2 > ul > li { float:left; padding-left:25px; padding-top:30px; border-left:1px solid #d3d3d3; width:307px; }
	.conNtnb2 > ul > li:last-child { width:306px; }
	.conNtnb2 > ul > li > h3 { font-family: 'Nanum Gothic'; font-size:24px; font-weight:bold; color:#333; }
		a.moreall2 {display: block; width:21px; height:21px; margin-left:251px; margin-top:-18px; background:url('../image/board_more.png') no-repeat; text-indent:-9999px; }
	.conNtnb2 > ul > li > ul { width:100%; height:155px; margin-top:30px; float:left; }
	.conNtnb2 > ul > li > ul a { float:left; width:200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
	.conNtnb2 > ul > li > ul .star { width:76px; float:right;  }
	.conNtnb2 > ul > li > ul .date { width:76px; float:right; }

	.conNtnb2 > ul > li > ul.star { width:76px; float:right; margin-right:30px; }
	.conNtnb2 > ul > li > ul.star >li { background:none; padding-bottom:8px; }
	.conNtnb2 > ul > li > ul.date { width:76px; float:right; margin-right:30px; }
	.conNtnb2 > ul > li > ul.date >li { background:none; padding-bottom:8px; font-size:12px; color:#999; }
	.conNtnb2 > ul > li > ul > li { font-family: 'Nanum Gothic'; overflow: hidden; white-space: nowrap; font-size:13px; text-overflow: ellipsis; word-wrap: normal; padding-left:10px; padding-bottom:8px;
										background:url('../image/board_dot.jpg') no-repeat 0px 32%; }

	.conPkgArea { width:1000px; margin:0 auto; margin-top:35px; overflow:hidden; padding-bottom:25px; }
	.conPkgArea > ul > li { float:left; margin-bottom:10px; }
		.mgleft { margin-left:10px; }

	.movieZone { width:1000px; margin:0 auto; background:#f0f2f6; width:100%; padding-top:50px; padding-bottom:60px; }
	.movieZone > h4 > p { font-family: 'Nanum Gothic'; line-height:25px; font-size:18px; color:#1e1e1e; }
	.movieZone > h4 { text-align:center; line-height:36px; font-family: 'Nanum Gothic';  font-size:24px; color:#333; background:url('../image/movieZone_line.png') no-repeat 50%; }
		.mvPlayarea { margin:0 auto; /*background:#333 url('../image/spmv00.jpg') no-repeat;*/ width:730px; height:450px; margin-top:30px; }

	.mvListarea { width:1000px; margin:0 auto; margin-top:35px; overflow:hidden; padding-bottom:90px; }
	.mvListarea > a { display:block; text-align:right; background:url('../image/moer_btn.png') no-repeat right center; padding-right:15px; margin-bottom:10px; }
	.mvListarea dl { float:left; width:242px; height:185px; border:1px solid #e3e3e3; margin:0 3px; padding-top:5px; margin-bottom:10px; text-align:center; }
	.mvListarea dt { width:230px; height:145px; background:#f0f2f6; line-height:145px; margin-left:5px; cursor:pointer; }
	.mvListarea dd.txt { width:232px; padding:0 5px; overflow:hidden; font-family: 'Nanum Gothic'; font-size:14px; color:#333; font-weight:600; line-height:40px; text-overflow:ellipsis; white-space:nowrap; }
	/*.mvListarea > li { float:left; width:230px; height:150px; margin-right:20px; margin-bottom:20px; background:#9a9a9a url('../image/novdo000.png') no-repeat 50% 50%; display:table-cell; border:1px solid red; }
	.mvListarea > li.mgRno { margin-right:0; }*/

	.partner { width:100%; border-top:1px solid #d0ced1; }
	.partner > img { display:block; width:1000px; margin:0 auto; }


/* 서브 페이지 리얼 콘텐츠 */
.realCon { width:1000px; margin: 0 auto; margin-top:35px;}
	.subLeft { width:210px; float:left; margin-bottom:40px; /* background:yellow; */}

	/* .subLeft > h2 { width:190px; height:90px; font-family: 'Noto Sans KR'; font-size:18px; line-height:22px;color:#fff; padding-left:20px; letter-spacing:-1px; background: url('../image/re_Snbbg.jpg') no-repeat; padding-top:37px;} */
	.subLeft > h2 { width:210px; height:63px; border-top:3px solid #d9010c; line-height:63px; border-bottom:1px solid #cecccf; font-family: 'Nanum Gothic'; font-size:24px; text-align:center; color:#333; letter-spacing:-1px; }
	.subLeft > h2 > span { font-family: 'Nanum Gothic'; font-size:12px; display:block; color:#333;  letter-spacing:0; }
		.snb { width:210px;}
		.snb > li { padding:14px 0px; padding-left:10px;  line-height:17px; border-bottom:1px #cecccf solid; }
		.snb > li:last-child { border-color:#434d58; }
		.snb > li > a { font-family: 'Nanum Gothic'; font-size:14px; color:#666; letter-spacing:-1px; white-space:normal; width:160px; display:block; }
		.snb > li.active { background:#f1f4f7 url('../image/lnb_over.png') no-repeat 182px center; }
		.snb > li.active > a{ display:block; font-weight:bold; color:#333; }
		/* .snb > li { padding:13px 0px; padding-left:13px;  line-height:17px; border-bottom:1px #d2d2d2 solid;   }
		.snb > li > a { font-family: 'Noto Sans KR'; font-size:13px; color:#333;letter-spacing:-1px; }
		.snb > li.active { background: #494542 ; }
		.snb > li.active > a{ display:block;  background: #494542 url('../image/re_snbActiv.jpg') no-repeat right center; color:#fff; } */

 
	.subRight { width:730px; float:right;padding-bottom:120px; /*background:green; */} 
	.subRight > h3 { display:block; font-family: 'Nanum Gothic'; font-size:20px;  letter-spacing:-1px; color:#333; height:32px; border-bottom:1px solid #cecece; }
	.subRight > p.nav { height:30px; margin-top:-30px; text-align:right; }
	.subRight > p.nav > span {  font-family: 'Nanum Gothic'; color:#888; font-size:12px;}
	.subRight > p.nav > span.active { color:#333; font-weight:bold; }
		.subRcon { clear:both; width:730px; margin-top:40px; }


/*퀵메뉴*/
.Rquick { width:108px; }
.Rquick > ul { border:1px solid #bcbcbc; border-bottom:none; }
.Rquick > ul > li { border-bottom:1px solid #bcbcbc; height:29px;  line-height:29px; text-align:center; background:#fff;}
.Rquick > ul > li > a { font-size:12px; color:#333; font-weight:500;}
.Rquick > ul > li > a:hover { display:block;  background:#ececec;  }

#fooTer { clear:both; position:relative; min-width:1000px; }
	.fnbArea { width:100%; height:37px; border-bottom:1px solid #cecece;   border-top:1px solid #cecece; }
		.fnb { width:1000px; margin:0 auto; text-align:center; }
		.fnb > ul { margin: 0 auto;}
		.fnb > ul > li {  display: inline; font-family:'Nanum-Gothic'; line-height:37px;padding:0 15px; }
		.fnbCopy { clear:both; width:1000px; height:95px; margin:0 auto; padding-top:20px;}
		.fnbCopy > div.fnbclg { width:200px;float:left; margin-top:10px; }
		.fnbCopy > div.fnbadress { width:750px; float:right; margin-top:10px; line-height:17px; font-size:11px;  padding-left:50px}


.certificate_area,
.certificate_area *{font-family:"맑은 고딕", sans-serif; font-weight:600; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.certificate_area{position:relative; margin:0 auto; padding:12px; }
.certificate_area.horizontal{width:840px; }
.certificate_area .top_box{position:relative; }
.certificate_area .top_box .logo_box{position:absolute; top:12px; left:12px; }
.certificate_area .top_box .img_box{width:100%; }
.certificate_area .top_box .img_box img{display:block; width:100%; }
.certificate_area .in_box{width:100%; padding:10px 34px; }
.certificate_area .order_number{width:100%; font-size:15px; text-align:right; }
.certificate_area .user_infobox{width:100%; }
.certificate_area .user_infobox li{width:100%; margin-bottom:25px; font-size:35px; font-weight:800; line-height:50px; }
.certificate_area .user_infobox li span.tit{display:block; font-size:15px; }
.certificate_area .data_infobox{width:100%; padding:20px 0 40px 0; font-size:0; }
.certificate_area .data_infobox li{display:inline-block; min-width:240px; margin-right:45px; font-size:12px; }
.certificate_area .data_infobox li p{width:100%; margin-bottom:12px; padding-bottom:12px; font-size:20px; border-bottom:1px solid #000; }
.certificate_area .last_info_box{width:100%; font-size:14px; text-align:center; }
.certificate_area .stemp{position:absolute; bottom:10px; right:10px; }

.certificate_area.vertical{width:100%; max-width:595px; margin:0 auto; }
.certificate_area.vertical .in_box{padding:40px 10px 60px 34px; }
.certificate_area.vertical .order_number{padding-bottom:95px;}
.certificate_area.vertical .data_infobox{padding:70px 0 80px 0;}
.certificate_area.vertical .data_infobox li{min-width:200px;}
.certificate_area.vertical .user_infobox li{margin-bottom:120px;}