/*------------------------------------------------
* default definition
------------------------------------------------*/
html,body {height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,legend,fieldset,p,button,img,table,tr,th,td {margin:0;padding:0;border:none;}
html,body,th,td,input {color:#363636;font-family:"µ¸¿ò",dotum,sans-serif;font-size:9pt;font-weight:normal;}
hr,legend {display:none;}
li {list-style:none;}
table {border-collapse:collapse;}

.w50 {width:50px;}
.w100 {width:100px;}
.w550 {width:550px;}
.wp98 {width:98%;}

/*------------------------------------------------
* Link
/*------------------------------------------------*/
a:link {color:#444; text-decoration:none;}
a:visited {color:#444; text-decoration:none;}
a:hover {color:#7c9408; text-decoration:none;}
a:active {color:#444; text-decoration:none;}

/*------------------------------------------------
* Outline & Design
------------------------------------------------*/
body {background:url('/img/common/bg_2.jpg') left 8px repeat-x; }
#header,#main_contents,#content_area,#scrollbanner,#tp_search_tit_area {margin:0 auto; width:970px; clear:both;}

#header {position:relative; padding-top:27px;}
#mtop_contents {width:100%; height:340px; background:url('/img/common/bg_main.jpg') repeat-x;}
#main_contents {margin-top:30px; margin-bottom:30px; overflow:auto;}

#content_area {position:relative; min-height:600px; margin-top:3px; padding-top:9px; padding-bottom:130px; overflow:auto;  background:url('/img/sub/line_bg.jpg') 207px 130px repeat-y;}
	#lnb {float:left; position:relative; width:185px; padding-right:45px;}
	#content {float:left; position:relative; width:740px;}

#footer {margin:0 auto; width:100%; padding:0 0 10px 0; border-top:1px solid #dfdfdf; clear:both;}

/*------------------------------------------------
* Top Common
------------------------------------------------*/
/* Preview */
div.preview {position:relative; width:972px; height:0; margin:0 auto; z-index:500;}
div.preview_bg {position:absolute; left:0; top:0; width:972px; height:67px; background:url('/img/common/preview_bg.png') no-repeat;}

div.preview_off {position:absolute; left:0; top:0; width:972px; height:67px;}
	p.preview_img {position:absolute; left:22px; top:5px; width:54px; height:46px; background:url('/img/common/preview_album_bg.png') no-repeat;}

	div.preview_player {position:absolute; left:355px; top:0; width:325px;}

		ul.preview_player_41 {position:absolute; left:130px; top:8px; width:120px;}
			li.preview_player_11 {position:absolute; left:0px; top:5px;}
			li.preview_player_12 {position:absolute; left:35px; top:0px;}
			li.preview_player_13 {position:absolute; left:72px; top:5px;}

		ul.preview_player_42 {position:absolute; left:0px; top:34px; width:345px;}
		ul.preview_player_42 li {float:left; margin-right:4px; color:#464646;}
			li.preview_player_14 {width:265px; height:2px; background:#cccccc; margin-top:5px; *margin-top:4px; font-size:0; line-height:0;}

	p.preview_etc {position:absolute; right:17px; top:15px; font-size:8pt; color:#666; text-align:right;}
	p.preview_etc span {font-weight:bold; color:#739516;}
	p.preview_play {position:absolute; right:17px; top:35px; text-align:right;}

	li.pre_tit {position:absolute; left:84px; top:13px; font-size:8pt; color:#729a00; font-weight:bold; padding-bottom:12px;}
	li.pre_subject {position:absolute; left:84px; top:31px; font-size:8pt; color:#666;}
	li.pre_subject p {float:left; padding:1px 8px 0 0; *padding:2px 8px 0 0;}

div.preview_on {position:absolute; left:16px; top:54px; width:940px; height:286px; padding-top:13px; border-top:1px solid #d0d0d0; display:none;}
	div.preview_on>div {width:925px; margin:0 auto; padding:15px 0; border:1px solid #e3e3e2;}
	
	div.preview_table {width:900px; height:145px; margin:0 auto; }
	.preview_table	{
		position:relative;
		overflow-y:auto;
		overflow-x:hidden;
		scrollbar-face-color:#fff;
		scrollbar-shadow-color:#ffffff;
		scrollbar-3dlight-color:#D6D6D6;
		scrollbar-arrow-color:#777777;
		scrollbar-track-color:#EEEEEE;
		scrollbar-darkshadow-color:#D6D6D6;
		scrollbar-base-color:#ffffff;
	}
	div.preview_table table td * {vertical-align:middle;}
	div.preview_table table td {font-size:8pt; color:#666; padding:7px 0 4px 0; border-bottom:1px solid #e3e3e2;}
	div.preview_table table td span {color:#8db02e;}
	div.preview_table table td span:first-child {color:#666; font-weight:bold;}

	div.preview_on ul {position:relative; overflow:auto; padding:7px 0 0 7px;}
	div.preview_on ul li {float:left;}
	div.preview_on ul li.play_txt {font-size:8pt; color:#2b2b2b; padding:5px 0 0 15px;}
	div.preview_on ul li.play_txt span {font-weight:bold; color:#8db02e;}
	div.preview_on ul li.play_close {position:absolute; right:7px; top:12px;}

/*  topMenu */
div.tpmenu {position:relative; width:970px; height:72px;}

div.tpmenu h1 {padding:0px 0px 0px 4px;}

ul.gnb_menu {position:absolute; left:185px; top:32px;}
ul.gnb_menu li {float:left; padding-left:40px; background:url('/img/common/menu_bg_bar.jpg') 20px 2px no-repeat;}
ul.gnb_menu li:first-child {float:left; padding-left:0; background:url('');}

div.txt_ready {position:absolute; left:325px; top:112px; z-index:500; display:none;}

ul.meta_menu {position:absolute; right:0; top:32px; font-size:8pt; letter-spacing:-1px; *top:34px;}
ul.meta_menu li * {vertical-align:middle;}
ul.meta_menu li {float:left; padding-left:15px; background:url('/img/common/menu_bg_bar_2.jpg') 7px 1px no-repeat;}
ul.meta_menu li:first-child {float:left; padding-left:0; background:url('');}
ul.meta_menu li span {font-weight:bold; color:#ef494c;  letter-spacing:0px;}
ul.meta_menu li img {margin-top:-2px;}]

div.topbanner{position:absolute; right:0; top:32px; *top:34px;}


/*  topSearch */
div.tpmenu_2 {position:relative; width:970px; height:47px; background:url('/img/common/bg_search.jpg') no-repeat; z-index:100;}
div.tpmenu_2 div {float:left;}

div.tp_search {margin-left:78px;}
div.tp_search ol,
div.tp_search form {float:left;}

div.tp_search h2 {padding:19px 10px 0 0;}
div.tp_search ol {width:188px; padding-top:20px;}
div.tp_search ol li {float:left; font-size:8pt;}
div.tp_search ol li span {font-weight:bold;}
div.tp_search ol li:first-child {width:110px;}
div.tp_search ol li img {padding-right:8px;}

div.tp_search form {position:relative; width:338px; height:30px; margin-top:10px; background:url('/img/common/bg_search_txt.png') no-repeat;}
div.tp_search input[type="text"] {width:275px; height:17px; margin:5px 0 0 5px; border:none; background:#fff; font-weight:bold; *margin-top:6px; height:16px;}
div.tp_search input[type="image"] {position:absolute; left:309px; top:5px;}
div.tp_search form img {position:absolute; left:287px; top:12px;}

/* ½Ç½Ã°£ Àαâ°Ë»ö¾î */
div#tp_search_tit_area {position:relative; height:0; z-index:300; }
	div.tp_search_tit {position:absolute; left:0; top:118px;}
	div.tp_search_tit div {width:215px; border:3px solid #9ec436; background:#fff; margin-top:14px; display:none;}
	div.tp_search_tit div p {width:195px; margin:0 auto; font-size:8pt; font-weight:bold; color:#505050; border-bottom:1px solid #e9e9e9; padding:10px 0 8px 0;}
	div.tp_search_tit div p span {color:#d7140a;}
	div.tp_search_tit div table {width:195px; margin:0 auto; margin-top:10px;}
	div.tp_search_tit div table td {font-size:8pt; color:#666; padding-bottom:7px;}
	div.tp_search_tit div table td a {color:#666;}
	div.tp_search_tit div table td a:hover {color:#7c9408;}
		td.tp_search_11 {width:10px; font-weight:bold; text-align:right; padding-right:10px;}
		td.tp_search_11 span {color:#d7140a;}
		td.tp_search_13 {width:37px;}

/* °Ë»ö¾î Æîħ */
div.tp_search_list {
	position:absolute; width:334px; height:228px; left:268px; top:40px;
	background:#93b632;
	border-left: 1px solid #5ea219;
	border-right: 1px solid #5ea219;
	border-bottom: 1px solid #5ea219;
	z-index:500;
	display:none;
}
div.tp_search_cont {
	margin-left:2px;
	width:330px;
	height:200px;
	background:#fff;

	overflow-y:scroll;
	overflow-x:hidden;
	scrollbar-face-color:#fff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-3dlight-color:#D6D6D6;
	scrollbar-arrow-color:#9b9b9b;
	scrollbar-track-color:#EEEEEE;
	scrollbar-darkshadow-color:#D6D6D6;
	scrollbar-base-color:#ffffff;
}
div.tp_search_cont ul {margin:10px 0 0 15px; color:#666;}
div.tp_search_cont ul li {padding-bottom:5px;}
div.tp_search_cont ul li span {color:#ff0000;}
p.tp_search_close {position:absolute; bottom:5px; right:5px;}

div.tp_etc {position:absolute; right:0;}
div.tp_etc ul {padding-top:13px;}
div.tp_etc ul li {float:left;}
div.tp_etc ul li.tp_etc_1 {padding-right:11px; background:url('/img/common/menu_app_bar.jpg') right 8px no-repeat;}
div.tp_etc ul li.tp_etc_2 {padding:1px 0 0 11px;}
div.tp_etc ul li.tp_etc_3 {padding:3px 0 0 6px;}
div.tp_etc ul li.tp_etc_4 {padding:3px 0 0 25px;}


/* footer */
ul.footer_menu {width:350px; margin:0 auto; padding-bottom:10px; overflow:auto;}
ul.footer_menu li {float:left; padding-left:25px; background:url('/img/common/footer_mn_bar.jpg') 13px 2px no-repeat;}
ul.footer_menu li:first-child {padding-left:0; background:url('');}

ul.footer_copy {width:100%; padding-top:15px; clear:both; text-align:center;}


/*------------------------------------------------
* logIn
------------------------------------------------*/
/*
#loginPage {position:fixed; top:0; left:0; width:100%; height:100%; background:#878787; z-index:700; display:none;}
div.loginCont {
	position:fixed;
	left:50%; top:50%; width:299px; height:254px; 
	margin-left:-150px; margin-top:-128px; 
	border:1px solid #fff; 
	background:#fff;
	z-index:900;
	display:none;
}
*/
#loginPage {position:relative; margin:0 auto; width:970px; height:0; z-index:1200; display:block;}
div.loginCont {
	position:absolute; right:0px; top:-500px; width:299px; height:254px; 
	border:1px solid #fff; 
	background:#fff;
}

	div.loginCont input[type="text"],
	div.loginCont input[type="password"] {border:1px solid #d1d2d4; width:135px; height:17px; line-height:17px; color:#999; font-size:8pt;}
	div.loginCont input[type="image"] {position:absolute; left:168px; top:25px;}
	div.loginCont .loginLay {position:relative; margin:0 auto; margin-top:13px; padding:10px 0; width:279px; border:1px solid #bbcdce; background:#e4eded;}
	div.loginCont .loginLay form {margin:0 auto; width:260px; height:125px; border:1px solid #bbcdce; background:#fff;}
	div.loginCont .loginLay p {position:absolute; left:25px; top:83px; border-top:1px solid #e0e0e0; padding-top:11px;}

	.idLayer {position:absolute; left:25px; top:25px;}
	.pwdLayer {position:absolute; left:25px; top:52px;}
	p.loginClose {position:absolute; bottom:0;}


/* Quick Menu */
#scrollbanner {position:relative; height:0; }
#topbanner {position:absolute; left:985px; top:60px; width:107px; z-index:100px;}
#scrollbannercont {position:absolute; left:985px; top:250px; width:107px;}
#scrollbannercont dt,
#scrollbannercont li {font-size:0; line-height:0;}

/*
border:1px solid red;
border:1px solid blue;
*/





/* 
	common.20170817.bak.css ÆÄÀÏ¿¡ ±âÁ¸ common.css ÆÄÀÏ ¹é¾÷ÇصÒ
	ÀÛ¾÷ÀÚ : À̼¼¹Î
*/