@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/*####################### Default  #######################*/
html, body {margin:0; padding:0; font-family:'NanumGothic', 'Nanum Gothic', 'Gulim';}

th, td, th *, td *  {font-size:12px;font-family:'NanumGothic', 'Nanum Gothic', 'Gulim';}
ul, li, dl, dt, dd, form {padding:0; margin:0}

td *, div *, li *, span *, p *  {vertical-align: middle;}
ul, ol, li						{list-style:none; margin:0px 0px 0px 0px;}

legend						    	{display:none;}
caption								{display:none;}

fieldset, img, hr		{border:none;}
img			{vertical-align: top; border:0px ;}
strong		{font-weight:bold;}


/* Link */
a:link		{font-size:12px; text-decoration:none; color:#666;}
a:visited	{font-size:12px; text-decoration:none; color:#666;}
a:hover		{font-size:12px; text-decoration:underline; color:#08c;}
a:active	{font-size:12px; text-decoration:none; color:#666;}

a {selector-dummy: expression(this.hideFocus=true);} /* ÀÏ¹Ý ¸µÅ©Æ÷Ä¿½º °¨Ãß±â */
a,img {selector-dummy: expression(this.hideFocus=true);} /* À̹ÌÁö¸Ê ¸µÅ©Æ÷Ä¿½º °¨Ãß±â */

a.link_a:link,
a.link_a:visited,
a.link_a:active	{font-weight:bold; font-size:12px; text-decoration:none; color:#06c;}
a.link_a:hover		{font-weight:bold; font-size:12px; text-decoration:underline; color:#06c;}

a.link_b:link,
a.link_b:visited,
a.link_b:active	{font-weight:normal; font-size:12px; text-decoration:none; color:#555;}
a.link_b:hover		{font-weight:normal; font-size:12px; text-decoration:underline; color:#555;}


/* Table */
table  		{border-collapse:collapse;}


/* From */
textarea	{border:1px solid #666666; padding:10px; border:1px solid #ccc}
select		{border:1px solid #bebebe; font-size:12px; height:20px;}
input		{vertical-align: top; }
.input 	{border:1px solid #ccc; height:17px; }
.input01	{font-size: 12px; color: #666666; height: 19px; border: 1px solid #d7d7d7; background-color:#fff; padding-top: 3px; vertical-align: middle;}  
.input02	{font-size: 12px; color: #666666; border: 1px solid #d7d7d7; background-color:#fff; padding:10px} 
.input03	{font-size: 12px; color: #666666; border: 1px solid #d7d7d7; background-color:#f1f1f1; padding:2px; height:20px; width:103px;}

/* Img */
.png {_display:inline-block;}
.png img {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

/* etc */
.pointer {cursor:pointer;}


/*####################### common #######################*/
/* top */
.top_wrap {clear:both; width:100%; min-width:1200px; text-align:center; border-bottom:1px solid #676767; height:84px; }
.top {clear:both; width:1200px; margin:0 auto; text-align:left;}
	.logo {float:left; text-align:left;}
	.logo img {margin-top:10px;}

/* footer */
.bottom_wrap{clear:both; width:100%; min-width:1200px; text-align:center; height:35px; background-color:#2d3b64;}
.bottom{clear:both; width:1200px; text-align:left; height:35px; margin: 0 auto; position:relative;}
.bottom a{display:inline-block; background:url('../img/bar.jpg') no-repeat top left; font-size:14px; color:#d9d9d9; padding:0 50px; height:35px; line-height:35px;}
.bottom a:first-child{background:url('../img/none.jpg') no-repeat top left; padding-left:150px;}
.bottom img{position:absolute; z-index:10; top:0; right:0;}

.footer_wrap{clear:both; width:100%;  min-width:1200px; text-align:center; height:130px;}
.footer{clear:both; width:1200px; text-align:left; height:130px; margin: 0 auto;}
	.footer_left {float:left; width:260px;}
	.footer_left img{margin-top:28px;}

	.footer_right {padding-top:30px; font-size:13px; color:#555; line-height:26px;}
	.footer_right span{font-size:13px; color:#b9b9b9; vertical-align:0;}
	.footer_right u{font-size:13px; color:#7983a1; text-decoration:none;}

/* quick */
.quick {position:fixed; top:115px; left:50%; margin-left:620px; z-index:10;}
.quick li {clear:both;}


/*####################### main #######################*/
/* mainimg */
.mainimg_wrap {clear:both; width:100%; min-width:1200px; height:430px; overflow:hidden; background-color:#e8e8e8; vertical-align:top; text-align:center; position:relative;}

	.mainimg {width:100%; min-width:1200px; height:430px; overflow:hidden; margin:0 auto; position:relative; z-index:1;}
	.mainimg div {width:1200px; min-width:1200px; height:430px; margin:0 auto;}

	.mainimg_btn {clear:both; height:25px; position:absolute; z-index:2; top:400px; left:50%; margin-top:-47px; background:url('../img/main_img_btn_bg.png') repeat; border-radius:60px; padding:0 6px 0 0;}
	.mainimg_btn img {float:left; display:block; cursor:pointer; margin-top:6px;}
	.mainimg_btn img:first-child {margin-left:7px;}

/* ¹è³Ê4°³ */
.banner_pr_wrap {clear:both; width:100%; min-width:1200px; height:280px; background-color:#d1dde6; text-align:center;}

	.banner_pr {clear:both; width:1200px; height:280px; margin:0 auto; text-align:left; position:relative; z-index:3; top:-40px;}
		.banner_pr01 {float:left; margin-left:55px; width:260px; height:290px; border:1px solid #ccc; border-radius:5px; overflow:hidden;}
		.banner_pr01:hover {border:1px solid #000; border-radius:5px; box-shadow: 3px 3px 5px #999;}

		.banner_pr02 {float:left; margin-left:18px; width:260px; height:290px; border:1px solid #ccc; border-radius:5px; overflow:hidden;}
		.banner_pr02:hover {border:1px solid #000; border-radius:5px; box-shadow: 3px 3px 5px #999;}

		.banner_pr03 {float:left; margin-left:18px; width:260px; height:290px; border:1px solid #ccc; border-radius:5px; overflow:hidden;}
		.banner_pr03:hover {border:1px solid #000; border-radius:5px; box-shadow: 3px 3px 5px #999;}

		.banner_pr04 {float:left; margin-left:18px; width:260px; height:290px; border:1px solid #ccc; border-radius:5px; overflow:hidden;}
		.banner_pr04:hover {border:1px solid #000; border-radius:5px; box-shadow: 3px 3px 5px #999;}

/* ³»¿ë */
.main_wrap {clear:both; width:1200px; margin:0 auto; margin-top:30px; height:280px;}

	/* 樨毢 */
	.main_movie {float:left; width:590px; height:248px; text-align:left; vertical-align:top;  overflow:hidden; background:url('../img/main_movie_bg.jpg') no-repeat; position:relative;}
	.main_movie > .movie {float:left; text-align:center; vertical-align:top; padding:10px 0 0 10px;}
	.main_movie > .movie h3 {clear:both; display:block; font-size:12px; margin:0; padding:6px 0 0 0; width:100%; text-align:center;}
	.main_movie > .movie h3 > a {color:#666; text-decoration:none;}
	.main_movie > .movie h3 > a:hover {color:#666}

	.main_movie > ul {position:absolute; top:5px; right:9px; width:200px;}
	.main_movie > ul > li {float:left; text-align:center; width:90px; height:110px; text-align:center; border:1px solid #fff; margin:0 0 12px 7px;}
	.main_movie > ul > li:hover {border:1px solid #ff3e31; box-shadow: 3px 3px 5px #ddd;}
	.main_movie > ul > li > a {color:#666; text-decoration:none;}
	.main_movie > ul > li > a:hover {color:#666}
	.main_movie > ul > li > a > img{display:block; margin: 5px auto 3px auto;}

	/* ·Ñ¸µ¹è³Ê */
	.banner_main_rolling {float:right; width:590px; height:248px; overflow:hiddne}
	.banner_main_rolling div.img {float:left; width:385px; height:248px; overflow:hidden;}
	.banner_main_rolling div.btn {float:left; width:205px; height:248px; overflow:hidden;}
	.banner_main_rolling div.btn li {display:block; clear:both; cursor:pointer;}

	/* µðƼÄÚ¸®¾Æ¼Ò½Ä */
	.dtk_notice_wrap {clear:both; width:100%; min-width:1200px; height:475px; background-color:#ebebeb; text-align:center;}
	.dtk_notice {clear:both; width:1200px; margin:0 auto; height:475px; position:relative;}
		.dtk_notice_tit {clear:both; width:100%; text-align:center;margin:0 auto; height:40px; background:url('../img/dtk_notice_tit.jpg') no-repeat top center; vertical-align:top; padding-top:30px; font-size:22px; font-weight:700; color:#555;}
		.dtk_notice_tit_s {clear:both; width:100%; text-align:center;margin:0 auto; height:40px;  font-size:15px; font-weight:500; color:#999;}
		.dtk_notice_more {position:absolute; top:53px; right:0;}

		.dtk_notice ul{}
		.dtk_notice ul li{float:left; width:390px; height:160px; border:1px solid #ccc; border-radius:3px; overflow:hidden; background-color:#fff; margin:0 4px 10px 4px;}
		.dtk_notice ul li:hover {border:1px solid #717171; box-shadow: 3px 3px 5px #ccc;}
		.dtk_notice ul li a img:first-child{float:left; margin:20px 0 0 15px;}
		.dtk_notice ul li a strong{float:right; margin:20px 15px 0 0; width:190px; text-align:left; display:block; font-size:13px; line-height:16px; font-weight:700; color:#333;}
		.dtk_notice ul li a span{float:right; margin:10px 15px 0 0; width:190px; text-align:left; display:block; font-size:13px; line-height:16px; font-weight:500; color:#555;}
		.dtk_notice ul li a u{float:right; margin:10px 15px 0 0; width:190px; text-align:left; display:block; font-size:13px; line-height:16px; font-weight:500; color:#999; text-decoration:none;}



/*####################### sub #######################*/
.contain {clear:both; width:1200px; text-align:left; margin:0 auto; padding:30px 0 40px 0; background:url('../img/title_bg.jpg') no-repeat right 36px}
	.navigation {font-size:14px; color:#838282; height:40px;}
	.title {text-align:left; background:url('../img/title.jpg') repeat-x bottom left; width:100%; height:58px; vertical-align:top; margin-bottom:45px;}
		.main_title {float:left; font-size:36px; font-weight:700; color:#e00000; background:url('../img/title_red.jpg') repeat-x bottom left; height:58px; letter-spacing:-1px;}
		.sub_title {float:left; text-align:left; font-size:16px; font-weight:500; color:#323232; padding-left:35px; margin-top:20px;}

/* ¼Ò¸Þ´º */
.sm {clear:both; padding: 0 0 30px 0;}
.sm table {clear:both; width:100%;}
.sm table td {text-align:center; border:1px solid #000; background-color:#555; padding:10px 0; cursor:pointer; font-size:15px; color:#fff; font-weight:600; text-decoration:none;}
.sm table td:hover {color:#fff;}
.sm table td.on {color:#fff; background-color:#BA211C;}
.sm table td.on:hover {color:#fff;}
	.sm1 {display:none;}
	.sm2 {display:none;}
	.sm3 {display:none;}
	.sm5 {display:none;}