@charset "utf-8";

@font-face{ font-family:ngwoff; src:url(../font/NanumGothic.woff) }
@font-face{ font-family:ngeot; src:url(../font/NanumGothic.eot) }
/* @font-face{ font-family:ngbwoff; src:url(../font/NanumGothicBold.woff) }
@font-face{ font-family:ngbeot; src:url(../font/NanumGothicBold.eot) } */

body {font:12px/1.4 NanumGothic, ngwoff, ngeot, "돋움", dotum, "맑은고딕","Malgun Gothic", "Tahoma","Helvetica","Arial",sans-serif; color:#777; letter-spacing:-0.3px;


	/*font-family: "나눔고딕", "맑은 고딕", "돋움", Dotum, Verdana, Tahoma;
	font-size: 9pt;
	line-height:170%
	color: #666;
	background-image: url(images/bg.jpg);*/
	background-position: 0px;
	margin:0px;		
	padding:0px;
}

/*img{
	border:0px;
}*/

p, h1, h2, h4, h5, h6 {
	padding:5px 0px 5px 0px;
	margin: 0;
	color: #666;
}

h3 {
	padding: 5px 0px 5px 10px;
	margin: 0;
	color: #666;
	font-family: "나눔고딕", "맑은 고딕", "돋움";
	font-weight: bold;
}

html, body, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, select, button {
	vertical-align: top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption {display:block;}
img, fieldset {border:0; vertical-align:top;}
ul, ol {list-style:none;}
em, address {font-style:normal;}
a {text-decoration:none; outline:0; selector-dummy:expression(this.hideFocus=true);}
a:hover, a:active, a:focus {text-decoration:underline;}
button {cursor:pointer;}
hr {display:none;}




.wrap{
	width: 990px;
	background-color: #FFF;
	margin: 0 auto;
}
.wrap:after {
	content:'';
	display:block;
	clear:both;
}
.toplogo {
	margin-top: 26px;
	float: left;
	height: 46px;
	width: 355px;
	margin-bottom: 15px;
}
.page_header ul {
	list-style-type: none;
	margin-top: 30px;
	margin-right: 12px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e60404;
	float: right;

}
.page_header ul li a{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width:51px;
	height: 12px;
	display:block;
}




.topnav {
	height: 26px;
	clear: both;
	text-align: center;
	background-color: #FFF;
}
.mainimg {
	clear: both;
}

.page_content {
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.page_content:after {
	content:'';
	display:block;
	clear:both;
}

.page_content .tabstyle {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 186px;
	text-align: center;
	vertical-align: middle;
}
.page_content .items {
	clear: both;
	padding-top: 10px;
}

.page_content .items:after {
	content:'';
	display:block;
	clear:both;
}

.page_content .items .itemstyle {
	width: 228px;
	float: left;
	margin-bottom: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	height: auto;
}


.page_content .items1 {
	clear: both;
	padding-top: 10px;
	margin-top: 260px;
}

.page_content .items1:after {
	content:'';
	display:block;
	clear:both;
}

.page_content .items1 .itemstyle1 {
	width: 243px;
	float: left;
	margin-bottom: 6px;
	height: auto;
	margin-right: 6px;
}


.page_content .items1 .itemstyle2 {
	width: 243px;
	float: left;
	margin-bottom: 6px;
}


.page_content .items .itemstyle a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.page_content .items .itemstyle p {
	text-align: center;
	line-height: 170%;
}

.page_content .items .submenu {
	width: 577px;
	float: left;
	margin-bottom: 0px;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 13px;
	padding-left: 15px;
	padding-top: 15px;
	margin-left: 20px;
}
.page_content .items .submenu .sublink {
	margin-bottom: 0px;
	border: 1px dashed #006;
	height: 14px;
	float: right;
	clear: both;
}

	
}
.page_content .subcontent {
	float: left;
	width: 749px;
	margin-top: 20px;
}

.page_content .subcontent .sub {
	float: left;
	width: 726px;
	margin-left: 20px;
	position: relative;
}


/*중앙 메인이미지*/

.content{
	width:1000px;
	clear:both;
	float:left;
}

.mainimg{
	width: 989px;
	height: 183px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}


.best{
	clear:both;
	padding:30px 0px 0px 0px;
}
.b_title{
	background-image: url(images/title_best.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

.prolist1, .prolist2, .prolist3, .prolist4, .prolist5, .prolist6, .prolist7, .prolist8{
	float:left;
	padding:0px;
	margin:0px;
	width:250px;
	text-align:center;
}

.prolist1 p, .prolist2 p, .prolist3 p, .prolist4 p, .prolist5 p, .prolist6 p, .prolist7 p, .prolist8 p{
	padding:2px;
	text-align:center;
}


.callcenter{
	clear: both;
	float: left;
	width: auto;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 20px;
}
.notice{
	float: left;
	padding: 0px;
	background-image: url(../images/banner_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 171px;
	width: 232px;
}

.notice ul {
	margin: 0px;
	padding:10px 0px 0px 0px;
	list-style-type: none;
}
.notice ul li {
	height:20px;
}
.notice ul li a {
	color: #333;
	text-decoration: none;
}
.notice ul li a:hover {
	color: #F69;
	text-decoration: underline;

}
.notice h3 {height:26px; padding:14px 0 0 20px;}
.notice news2 {
	padding-top: 16px;
	margin-top: 16px;
	margin-left: 15px;
	width: 120px;
}

.date {
	float: right;
	margin-right: 15px;
	width: 60px;
	margin-top: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.callban1{
	float: left;
	margin: 0px 10px 0px 0px;
}
.callban2{
	float: left;
	margin-right: 8px;
	margin-bottom: 20px;
}


.youtube {
	margin-bottom: 35px;
	float: left;
	height: auto;
	width: 272px;


	margin-right: 5.px;
	margin-right: 8px;
}


.youtubeline{
	width: 272px;
	border-bottom-style: none;
}


div#youtubemv{
	width:272px; height:203px;
}





.callcenter:after {
	content:'';
	display:block;
	clear:both;
}

/*하단*/

.page_footer{
	clear: both;
	width: 990px;
	padding: 20px 0px 0px 0px;
	background-image: url(images/footerbg.jpg);
	background-repeat: repeat-x;
}

.rootbtn{
	width: 500px;
	float: left;
	padding: 7px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;

}

.rootbtn ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.rootbtn ul li {
	float: left;
	margin-right:15px;
}
.rootbtn ul li a {
	color: #CCC;
	text-decoration: none;
}
.rootbtn ul li a:hover {
	color:#F69;
	text-decoration: underline;
}


.jump{
	float: right;
	margin-right: 20px;
}



.copy{
	clear: both;
	padding: 7px;
	margin: 15px 0px 0px 0px;
}
.maintitle {
	float: left;
	height: 40px;
}

.news1 {
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 5px;
	float: left;
	margin-left: 15px;
}

.cont_box {
	display: inline;
	float: left;
	position: relative;
	width: 232px;
	height: 171px;
	margin-left: 20px;
	word-wrap: break-word;
	word-break: break-all;
	background-image: url(../images/banner_bg1.gif);
	background-repeat: no-repeat;
}
.cont_box a {color:#777;}
.cont_box h3 {height:26px; padding:14px 0 0 20px;}
.cont_box h2 {
	height: 26px;
	padding: 14px 0 0 20px;
	font-weight: bolder;
	color: #F00;
}
.btn_more {position:absolute; top:11px; right:15px;}
.btn_more a {display:block; padding:7px 0 6px;}

/* =M/V */
.mv .movie_box {overflow:hidden; width:190px; height:107px; margin:0 auto; padding-top:5px;}
.mv .img {
	overflow: hidden;
	float: left;
	width: 100px;
	height: 65px;
	margin: 20px 10px 0 0;
}
.mv .img span {display:table-cell; height:70px; line-height:auto; vertical-align:middle;}
.mv .img img {width:100px; height:70px;}
.mv .txt {display:inline-block; width:80px; padding-top:17px; color:#888; font-size:11px; line-height:1.5;}
.mv .txt strong {color:#333; font-size:12px;}
.mv p {width:190px; height:90px;}
.mv .banner {overflow:hidden;}
.mv .paginate {position:absolute; right:18px; bottom:12px; text-align:left;}
.mv .paginate button {overflow:hidden; width:5px; height:5px; margin:0 2px; border:0; background-color:#8c8c8c;}
.mv .paginate .on {background-color:#000;}
.mv ul {padding:25px 25px 0;}
.mv li {overflow:hidden; height:30px; margin-bottom:20px; line-height:1.4;}
.mv li span {color:#b4b4b4;}



/* call */
.call .movie_box {overflow:hidden; width:190px; height:107px; margin:0 auto; padding-top:5px;}
.call .img {
	overflow: hidden;
	float: left;
	width: 100px;
	height: 65px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
.call .img span {display:table-cell; height:70px; line-height:auto; vertical-align:middle;}
.call .img img {width:100px; height:70px;}
.call .txt {display:inline-block; width:80px; padding-top:17px; color:#888; font-size:11px; line-height:1.5;}
.call .txt strong {color:#333; font-size:12px;}
.call p {width:190px; height:90px;}
.call .banner {overflow:hidden;}
.call .paginate {position:absolute; right:18px; bottom:12px; text-align:left;}
.call .paginate button {overflow:hidden; width:5px; height:5px; margin:0 2px; border:0; background-color:#8c8c8c;}
.call .paginate .on {background-color:#000;}
.call ul {padding:25px 25px 0;}
.call li {overflow:hidden; height:30px; margin-bottom:20px; line-height:1.4;}
.call li span {color:#b4b4b4;}


.wrap .page_content .callcenter .notice table {
	margin-top: 2px;
	margin-left: 15px;
}
.wrap .page_content .callcenter .notice .btn_more1 {
	position: absolute;
	top: 11px;
	right: 15px;
}
.wrap .page_content .items .sublink {
	float: left;
	width: 149px;
	padding-top: 29px;
	padding-bottom: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}