@charset "euc-kr";
/* CSS Document */
/*
 	* ÆÄÀÏ¸í  : /css/main.css
	* ¼³  ¸í  : °í½Â´öÀÇ¿ø ȨÆäÀÌÁö ±âº» ½ºÅ¸ÀϽÃÆ®
	* ÀÛ¼ºÀÚ  : °íÁ¤¾Æ
	* ¼öÁ¤ÀÌ·Â: 2008.11.25
	************************************
	* Copyright 2008 onlinepowers All rights reserved.



	_¼Ó¼º -> IE6¿ë ÇÙ
	*html -> IE6¿ë ÇÙ
	*+html -> IE7¿ë ÇÙ
	:root -> FF¿ë /OP¿ë ÇÙ
	html[xmlns] -> FF¿ë ÇÙ


*/


#blank{height:103px;display:none}
#top{margin-bottom:0;}
#bottom{position:absolute;width:950px;z-index:4;height:69px;padding-bottom:16px;background:#fff;top:720px;}


/* ¡Ú ¸ÞÀÎÆ÷Åä */
#main_pho{z-index:1;}


/* ¡Ú cont2 ù¹ø°ȭ¸é */
#login2,#unlon2,#notice2{float:left;height:108px;margin-top:10px;}
#unlon2{_height:101px;}
#login2,#unlon2{border-right:1px solid #eaeaea;}

/* ·Î±×ÀÎ */
#login2{width:236px;margin-left:14px;_margin-left:7px;}
#login2 h1{widht:100%;height:23px;padding-top:4px;}
#login2 .id{float:left;width:97px;height:44px;margin-right:3px;}
#login2 input{width:95px;height:18px;border:1px solid #bfbfbf;}
#login2 .id1{margin-bottom:2px;}
:root #login2 .id1{margin-bottom:4px;}
#login2 .save{float:left;width:58px;height:44px;margin-right:5px;_margin-left:-3px;border-right:1px solid #e1e1e1;}
#login2 .save span{display:block;height:21px;margin-top:4px;}
:root #login2 .save span{height:20px;}
#login2 .check{width:14px;height:14px;margin-right:3px;border:0;}
#login2 .m_join{margin:4px 0 2px 0;}
*+html #login2 .join,*html #login2 .join{float:left;padding-top:2px;}
#login2 .visited{width:222px;height:23px;background:url(/images/m_visited.gif) no-repeat left bottom;}
*html #login2 .visited{margin-top:12px;}
*+html #login2 .visited{margin-top:8px;}
:root #login2 .visited{margin-top:4px;}
#login2 .visited span{margin-top:5px;}
:root #login2 .visited span{margin-top:2px;}
#login2 .visited .today{display:block;float:left;width:44px;height:13px;padding-left:42px;padding-right:11px;font:bold 11px Arial;color:#ff6600;text-align:right;}
#login2 .visited .total{display:block;float:left;width:76px;height:13px;padding-left:37px;padding-right:11px;font:normal 11px Arial;text-align:right;}
#login2 .save .btn_m_login{width:51px;height:20px;border:0;}
#login2 .btn .btn_m_logout{width:59px;height:20px;margin-top:8px;border:0;}
#login2 .btn .my{margin-bottom:3px;margin-left:1px;border:0;}
#login2 .name{float:left;width:160px;height:14px;margin-top:12px;font:bold 12px µ¸¿ò;}
#login2 .name span{color:#0074d8;}

/* ¾ð·Ð¿¡¼­ º» °í½Â´ö */
#unlon2{width:336px;margin-left:26px;padding-right:15px;}
#unlon2 h1{float:left;height:17px;margin:3px 0 10px 0;}
#unlon2 h2{float:right;width:54px;height:23px;}
#unlon2 img{float:left;}
#unlon2 .tit a{font:bold 12px µ¸¿ò;color:#555;text-decoration:none;}
#unlon2 .tit a:hover{font:bold 12px µ¸¿ò;color:#555;text-decoration:underline;}
#unlon2 .date{height:24px;font:11px;color:#999;}
#unlon2 .body a{font-size:12px;color:#666;text-decoration:none;}
#unlon2 .body a:hover{font-size:12px;color:#666;text-decoration:underline;}

/* ÇÑÁÙ°øÁö */
#notice2{width:303px;margin-left:10px;}
#notice2 .one{position:relative;width:302px;height:36px;margin-bottom:6px;background:url(/images/one_notice.gif) no-repeat center top;border-bottom:1px solid #eaeaea;}
#notice2 .one a{position:absolute;display:block;width:210px;font:normal 12px µ¸¿ò;color:#575757;left:82px;top:9px;text-decoration:none;}
:root #notice2 .one a{top:8px;}
#notice2 .one a:hover{color:#0074d8;text-decoration:none;}




/* ¡Ú cont1 µÎ¹ø°ȭ¸é
#cont1{display:none;} */

#con1,#con2,#con3{float:left;height:570px;margin:10px 0 16px 0;}
#con1,#con2{border-right:1px solid #eaeaea;}
#con1{width:243px;_width:238px;margin-right:6px;padding-right:7px;}
#con2{width:363px;_width:355px;margin-right:7px;_margin-right:6px;padding-right:7px;}
#con3{width:315px;}

#login1,#sc_love,#notice1,#m_news,#m_unlon,#m_search,#m_sang,#m_free{border-bottom:1px solid #e7e7e7;}

/* ·Î±×ÀÎ */
#login1{width:230px;_width:237px;height:117px;margin-top:10px;padding-left:14px;_padding-left:7px;}
#login1 h1{widht:100%;height:23px;padding-top:4px;}
#login1 .id{float:left;width:97px;height:44px;margin-right:3px;}
#login1 input{width:95px;height:18px;border:1px solid #bfbfbf;}
#login1 .id1{margin-bottom:2px;}
:root #login1 .id1{margin-bottom:4px;}
#login1 .visited{width:222px;height:24px;background:url(/images/m_visited.gif) no-repeat left bottom;}
*html #login1 .visited{margin-top:13px;}
*+html #login1 .visited{margin-top:9px;}
:root #login1 .visited{margin-top:5px;}
#login1 .visited span{margin-top:6px;}
:root #login1 .visited span{margin-top:2px;}
#login1 .visited .today{display:block;float:left;width:44px;height:13px;padding-left:42px;padding-right:11px;font:bold 11px Arial;color:#ff6600;text-align:right;}
#login1 .visited .total{display:block;float:left;width:76px;height:13px;padding-left:37px;padding-right:11px;font:normal 11px Arial;text-align:right;}
#login1 .save{float:left;width:58px;height:44px;margin-right:5px;_margin-left:-3px;border-right:1px solid #e1e1e1;}
#login1 .save span{display:block;height:21px;margin-top:4px;}
:root #login1 .save span{height:20px;}
#login1 .check{width:14px;height:14px;margin:4px 0 2px 0;border:0;}
*html #login1 .m_join{margin:4px 0 2px 0;}
*+html #login1 .m_join{margin:0 3px 0 0;}
*+html #login1 .join,*html #login1 .join{float:left;padding-top:2px;}
#login1 .save .btn_m_login{width:51px;height:20px;border:0;}
#login1 .btn .btn_m_logout{width:59px;height:20px;margin-top:8px;border:0;}
#login1 .btn .my{margin-bottom:3px;margin-left:1px;border:0;}
#login1 .name{float:left;width:160px;height:14px;margin-top:12px;font:bold 12px µ¸¿ò;}
#login1 .name span{color:#0074d8;}



/* ¼­ÃÊäñ¹è³Ê */
#sc_love{width:240px;height:91px;margin:16px 0 0 4px;}
*html #sc_love img{margin-bottom:-5px;}

/* ÇÚµåÆù */
#phone{width:244px;margin-top:17px;background:url(/images/bg_phone.jpg) no-repeat left top;}
#phone .message{overflow:hidden;float:left;width:115px;margin:0 0 0 0;_margin:0px 0 0 0px;}
#phone .marquee{overflow:hidden;float:left;width:115px;height:123px;margin:61px 0 0 40px;_margin:55px 0 0 20px;}
:root #phone .message{margin:0 0 0 40px;padding-top:61px;border:solid 1px red;}
#phone .message a,#phone .message a:hover{display:block;margin-bottom:-10px;font:normal 12px µ¸¿ò;color:#fff;text-decoration:none;line-height:18px;}
#phone span{height:10px;font:normal 11px µ¸¿ò;color:#888;}
#phone .name{color:#4c9ccd;}
#phone .btn_go{float:left;width:51px;height:61px;margin:75px 0 0 29px;}

/* ÈÄ¿øÇϱ⠹è³Ê */
#m_support{width:240px;height:52px;margin:15px 0 12px 0;_margin:22px 0 7px 0;}

/* ¸µÅ©¹è³Ê */
#m_banner{width:242px;height:42px;margin:0 0 0 1px;}
#m_banner a{float:left;}

/* ÇÑÁÙ°øÁö */
#notice1{width:363px;height:53px;background:url(/images/one_notice2.gif) no-repeat 10px 8px;}
#notice1 a{display:block;width:250px;font:normal 12px µ¸¿ò;color:#575757;margin:17px 0 0 91px;text-decoration:none;}
:root #notice1 a{margin:7px 0 0 91px;padding-top:16px;}
#notice1 a:hover{color:#0074d8;text-decoration:none;}

/* °í¯´º½º-º¸µµÀÚ·á-»óÀÓÀ§¿øȸ-ÀÔ¹ýÁ¤Ã¥Á¦¾È */
#m_news{width:348px;height:161px;padding:20px 0 0 15px;}
:root #m_news{height:154px;}
#m_unlon{width:348px;height:156px;padding:20px 0 0 15px;}
:root #m_unlon{height:149px;}
#m_sang{width:301px;height:161px;padding:20px 0 0 14px;}
:root #m_sang{height:154px;}
#m_free{width:301px;height:156px;padding:20px 0 0 14px;}
:root #m_free{height:149px;}
#m_news .tab1,#m_unlon .tab1,#m_sang .tab1,#m_free .tab1{float:left;width:auto;height:22px;margin-right:3px;_margin-bottom:-6px;}
:root #m_news .tab1,:root #m_unlon .tab1,:root #m_sang .tab1,:root #m_free .tab1{height:38px;}
#m_news .new,#m_unlon .new,#m_sang .new,#m_free .new{margin:0 0 3px 3px;}
#m_news a,#m_unlon a{float:left;display:block;width:277px;font:normal 12px µ¸¿ò;color:#666;text-decoration:none;}
#m_sang a,#m_free a{float:left;display:block;width:230px;_width:225px;font:normal 12px µ¸¿ò;color:#666;text-decoration:none;}
#m_news a:hover,#m_unlon a:hover,#m_sang a:hover,#m_free a:hover{font:normal 12px µ¸¿ò;color:#666;text-decoration:underline;}
#m_news li,#m_unlon li{width:325px;height:20px;padding-left:7px;background:url(/images/m_bullet.gif) no-repeat left 30%;}
#m_sang li{width:275px;height:20px;padding-left:7px;background:url(/images/m_bullet.gif) no-repeat left 40%;}
#m_free li{width:275px;height:20px;padding-left:7px;background:url(/images/m_bullet.gif) no-repeat left 30%;}
#m_news span,#m_unlon span,#m_sang span,#m_free span{display:block;height:20px;color:#999;}
#m_sang .icon{margin:0 3px -3px 0;}

/* Æ÷Åä°¶·¯¸® */
#m_photo{width:345px;padding:10px 0 0 16px;}
#m_photo .tit{height:23px;padding-bottom:13px;_padding-bottom:9px;}
#m_photo .tit1{margin-right:200px;}
#m_photo .photo_box{float:left;width:114px;}
.photo_box .photo{width:100px;height:73px;margin-bottom:7px;background:url(/images/bg_m_photo.gif) no-repeat left top;border:1px solid #e1e1e1;}
#m_photo .photo_box a{display:block;width:100px;height:14px;font:normal 12px µ¸¿ò;color:#424242;text-decoration:none;}
#m_photo .photo_box a:hover{text-decoration:underline;}
#m_photo span{display:block;height:11px;font:normal 11px µ¸¿ò;color:#999;}

/* ÅëÇÕ°Ë»ö */
#m_search{height:40px;padding:13px 0 0 12px;}
:root #m_search{height:47px;}
#m_search img{float:left;}
#m_search input{float:left;width:167px;height:18px;margin:0 3px 0 13px;border:1px solid #bfbfbf;}

/* ¿µ»ó°¶·¯¸® */
#m_video{width:302px;padding:10px 0 0 10px;}
#m_video .tit{height:23px;padding-bottom:13px;_padding-bottom:9px;}
#m_video .tit1{margin:0 160px 0 6px;}
#m_video .video_box{float:left;width:126px;height:103px;padding-left:8px;background:url(/images/bg_m_video.gif) no-repeat left top;}
.video_box .video{width:112px;height:85px;border:1px solid #e1e1e1;}
#m_video ul{float:left;width:152px;}
#m_video .v_tit a{height:30px;font:bold 12px µ¸¿ò;color:#555;text-decoration:none;}
#m_video .v_tit a:hover{height:30px;font:bold 12px µ¸¿ò;color:#555;text-decoration:underline;}
#m_video .v_date{height:24px;font:11px;color:#999;}
#m_video .v_body a{font-size:11px;line-height:14px;color:#666;text-decoration:none;}
#m_video .v_body a:hover{font-size:11px;line-height:14px;color:#666;text-decoration:underline;}


#cover{position:absolute;z-index:100000;width:100%;top:60px;height:100%;background:#fff}



.text_position1 {position:absolute;top:-20px;left:0}
.text_position2 {position:absolute;top:-20px;left:225px}
.text_position3 {position:absolute;top:-20px;right:0}
.text_position4 {position:absolute;top:175px;left:0}
.text_position5 {position:absolute;top:175px;left:225px}
.text_position6 {position:absolute;top:175px;right:0}
.text_position7 {position:absolute;bottom:40px;left:0}
.text_position8 {position:absolute;bottom:40px;left:225px}
.text_position9 {position:absolute;bottom:40px;right:0}