@charset "utf-8";

/***************************************************************************/
/*                                        body ���� ����                                           /
/***************************************************************************/

html,body {height:100%;}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
ul,ol,dl {list-style:none;}
ul li {margin:0; padding:0;}
ul li img {vertical-align:top;}
img {border:0;vertical-align:top;}
/* inline �Ӽ��� li �  �̹����� �־� ������� �� ������ �����. �̰Ͷ����� ��� �� �±׸� ���� ���� �ʾҾ��µ� 
float �Ӽ��� div ���̰��� �ν����� ���ϱ� ������ �ذ� ����� ������´�.
�̹��� ��ü�� vertical-align:top; �� ���̸� �� ������ ������� ie6, 7 ������ ���� �������� ������� ���� �� �ִ� */
fieldset {border:none;}
ul {list-style:none;padding:0;margin:0;}
fieldset{border:none;}
li{list-style:none;}
input,select,button,textarea {vertical-align:middle;outline:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
a {outline:0;}
a:focus {color:#c60;}
a:link {text-decoration:none;}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
hr {border:0;}
table {width:100%;border-spacing:0}/* border-collapse: collapse; ff���� border="0" �� ��� ���� �߻� */
table {table-layout:fixed;border-collapse:collapse;word-break:break-all;}
/* ���� ������ �ѱ� ���� ������� �� �������� �� ���� �����ٷ� ����ϰ� �ٹٲ� �� */

/*�⺻ �۲� �� ��ũ �ؽ�Ʈ �ٹ̱�*/
body {font:14px dotum,"����",sans-serif;color:#333333;background:#fff url("../img/intro/comm/bg.gif") repeat-x 0 0;letter-spacing:-1px;}
select,input,textarea,button {font:14px dotum,"����",sans-serif;color:#333333;}
.hide,legend,caption,hr {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;text-indent:-9999px;}
input[type="image"]:focus {
    outline: none;
}
button {border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible; }
input {border:0; padding:0; background:transparent; cursor:pointer; *overflow:visible; }


/***************************************************************************/
/*                                      ��ü ���ƾƿ�                                              /
/***************************************************************************/

#wrap {position:relative;width:1150px;margin:0 auto;}

#header {position:relative;width:1150px;height:189px;}
#header .join {position:absolute;left:16px;top:0;width:190px;height:38px;font-size:11px;color:#626262;font-weight:bold;line-height:38px;}
#header .join a {color:#626262;}
#header .join a:hover {color:#626262;text-decoration:underline;}
#header .join img {padding-top:1px;vertical-align:middle;padding-bottom:3px;margin-right:1px;padding-left:3px;}
#header h1 a {position:absolute;left:8px;top:70px;background:url("../img/intro/comm/logo2.gif") no-repeat 0 0;width:141px;height:50px;text-indent:-9999px;cursor:pointer;}
#header h1 a:hover {background:url("../img/intro/comm/logo2.gif") no-repeat  0 0;width:141px;height:50px;text-indent:-9999px;cursor:pointer;}
#header .banner {position:absolute;right:0;top:38px;width:252px;height:104px;}
#header .lnb {position:absolute;right:15px;top:0;width:390px;height:38px;}
#header .lnb:after {content: "."; display: block; font-size: 0; height: 0px; line-height: 0; clear: both; }/* float���� */
#header .lnb ul {float:right;}
#header .lnb ul li {float:right;font-size:11px;text-align:right;letter-spacing:-1px;color:#626262;line-height:38px;}
#header .lnb ul li a {color:#626262;}
#header .lnb ul li a:hover {color:#626262;text-decoration:underline;}
#header .lnb ul li.line {color:#d9d9d9;padding:0 7px;}
#header .gnb {position:absolute;left:0;top:142px;width:1145px;height:47px;padding-left:5px;}
#header .gnb ul {float:left;padding-left:17px;height:47px;}
#header .gnb ul li {float:left;font-size:14px;font-weight:bold;color:#333;line-height:47px;height:47px;display:block;}
#header .gnb ul li a.on {float:left;font-size:14px;font-weight:bold;color:#e11010;line-height:47px;height:47px;background:url("../img/intro/comm/gnb_bg.gif") no-repeat center bottom;display:block;}
#header .gnb ul li a {color:#333;height:47px;display:block;}
#header .gnb ul li a:hover {color:#e11010;background:url("../img/intro/comm/gnb_bg.gif") no-repeat center bottom;height:47px;display:block;}
#header .gnb ul li.line {font-weight:normal;color:#d6d6d6;padding:0 14px;}

/* ��ܿ�ȭ */
#top_wrap {width:1150px;height:383px;}
.top_m_box {height:70px;text-align:center;padding-top:25px;}
.top_m_box ul {}
.top_m_box ul li.day {color:#fef77b;font-family:Tahoma;font-weight:bold;padding-bottom:8px;letter-spacing:0;font-size:20px;}
.top_m_box ul li.txt {color:#e0e1ec;font-size:16px;font-weight:bold;}
.top_m_box ul li.txt .on1 {color:#01dfe1;letter-spacing:0;text-decoration:underline;}
.top_m_box ul li.txt .on2 {color:#ff9058;letter-spacing:0;text-decoration:underline;}
.top_movie {position:relative;width:1130px;height:288px;padding-left:20px;}
.top_movie:after { content: "."; display: block; font-size: 0; height: 0px; line-height: 0; clear: both; }/* float���� */
.top_movie ul {float:left;width:1130px;}
.top_movie ul li {position:relative;float:left;width:180px;margin-right:6px;}
.btn_prev {position:absolute;left:0;top:90px;z-index:100;}
.btn_next {position:absolute;right:0;top:90px;z-index:100;}

/* ���������� */
#contents {width:1150px;background:url("../img/intro/comm/mc_bg.gif") repeat-y 0 0;}
#contents:after {content: "."; display: block; font-size: 0; height: 0px; line-height: 0; clear: both; }/* float���� */
#contents .left {float:left;width:190px;padding:20px 17px 0 17px;}
#contents .left h3 {width:100%;height:27px;font-weight:bold;}
#contents .left h3 span {color:#eb0404;}
#contents .main {float:left;width:674px;padding:20px 0 30px 28px;}
#contents .main h3 {width:100%;height:27px;font-weight:bold;}
#contents .main h3 span {color:#eb0404;}
#contents .main ul {float:left;}
#contents .main ul li {position:relative;float:left;width:153px;height:255px;margin-right:12px;}
#contents .main ul li p {font-size:12px;font-weight:bold;padding-top:5px;line-height:18px;}
#contents .main ul li p img {padding-top:1px;vertical-align:middle;padding-bottom:5px;margin-right:1px;padding-left:5px;}
#contents .right {float:right;width:210px;padding:7px;}
#contents .right h3 {height:40px;font-weight:bold;line-height:47px;padding-left:10px;}
#contents .right h3 span {color:#eb0404;}

/* �˻��� �ڽ� */
.key_box {width:183px;height:242px;border:1px solid #e0e0e0;background:#fff;padding:7px 15px 0 10px;}
.t_word {clear:both;width:100%;}
.t_word tbody td.tit {height:23px;line-height:22px;padding:0 7px;text-align:left;color:#333;font-size:12px;}
.t_word tbody td.tit a {color:#333;width:88px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.t_word tbody td.tit a:hover {color:#333;text-decoration:underline;}
.t_word tbody td.rank {text-align:left;}
.t_word tbody td.rank img {padding-top:1px;vertical-align:middle;padding-bottom:3px;margin-right:1px;}
.t_word tbody td.num {color:#999;font-family:tahoma;font-size:11px;text-align:right;font-weight:normal;}
.t_word tbody td.num img {padding-top:1px;vertical-align:middle;padding-bottom:3px;margin-right:5px;}

/* ���� ��õ������ */
.hot_box {position:relative;width:190px;height:144px;margin-bottom:11px;}
.hot_box p {position:absolute;left:0;bottom:0;width:165px;height:27px;padding:10px 0 0 25px;opacity:0.7;background:#000 url("../img/intro/comm/ico_play.gif") no-repeat 10px 12px;color:#fff;font-size:12px;line-height:17px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}}
.hot_box p a {color:#fff;font-size:12px;font-weight:bold;width:140px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hot_box p a:hover {color:#fff;}

/* �˻��� */
#searchbar {position:absolute;left:344px;top:70px;width:365px;height:47px;background:url("../img/intro/comm/search_bg.gif") no-repeat 0 0;z-index:10;}
.s_cate {position:absolute;left:5px;top:9px;z-index:30;}
.s_txt {position:absolute;left:115px;top:8px;z-index:30;}
.s_txt input {width:230px;height:30px;line-height:30px;border:0;outline:0;padding:0 3px 0 5px;font-size:14px;font-weight:bold;letter-spacing:-1px;background:#fff;}
.s_btn {position:absolute;left:365px;top:0;.top:-1px;_top:-1px;height:47px;_height:48px;}/* ie6_7 �˻���ư ������ ��.ie7 _ie6 */
/* Select */
.sbHolder{background-color:#fff;font-size:14px;height:28px;position:relative;width:110px;}
.sbHolder:focus .sbSelector{}
.sbSelector{display: block;height:29px;left:0;line-height:30px;outline: none;overflow: hidden;position: absolute;text-indent:10px;top: 0;width: 110px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color: #252525;outline: none;text-decoration: none;}
.sbToggle{background: url("../img/intro/comm/select-icons.png") 0 -116px no-repeat;display: block;height: 30px;outline: none;position: absolute;right: 0;top: 0;width: 30px;}
.sbToggle:hover{background: url("../img/intro/comm/select-icons.png") 0 -167px no-repeat;}
.sbToggleOpen{background: url("../img/intro/comm/select-icons.png") 0 -16px no-repeat;}
.sbToggleOpen:hover{background: url("../img/intro/comm/select-icons.png") 0 -66px no-repeat;}
.sbHolderDisabled{background-color:#fff;border:solid 1px #c8c8c8;}
.sbHolderDisabled .sbHolder{}
.sbHolderDisabled .sbToggle{}
.sbOptions{background-color:#fff;border:solid 1px #e23c3c;list-style:none;line-height:20px;left:-1px;margin:0;padding:6px 5px 5px 9px;position:absolute;top:35px;left:4px;width:83px;z-index:1;overflow-y: auto;color:#252525;}
.sbOptions a {color:#252525;}
.search_blur { background: transparent url() top left;width:245px;height:25px;border:none;padding:0 3px 0 5px;}
.search_focus { background: #fff;width:245px;height:25px;border:none;padding:0 3px 0 5px;font-size:14px; font-weight:bold; color:#252525; letter-spacing:-1px;}

/* Ǫ�� */
#footer  {width:100%;border-top:1px solid #999;text-align:center;padding:28px 0 35px 0;}
#footer ul {width:100%;}
#footer ul li {font-size:11px;color:#888;line-height:18px;}
#footer ul li span {letter-spacing:0;}
#footer ul li span.line {color:#dfdfdf;padding:0 6px;}