﻿@charset "utf-8";

@import url(default.css);

body { border-top:2px solid #009271; background:url(/kor/images/main/bg_main_back.gif) left 64px repeat-x; }
.wrap { position:relative; width:960px; margin:0 auto; }
#head { position:relative; height:83px; z-index:100; }
#head h1 { position:absolute; top:12px; left:5px; }
#head ul { position:absolute; top:27px; right:0; }
#head ul li { float:left; margin-right:6px; }
#head #gnb { position:absolute; top:52px; left:0; width:960px; height:31px; }

#topContent { position:relative; width:100%; height:392px; }
#mainSwf { position:absolute; top:85px; left:0; }
.search { 
position:absolute; top:177px; left:324px; width:237px; height:199px; padding:8px 8px 0 6px; 
background:url(/kor/images/main/bg_search.gif) left top no-repeat; font-size:95%;
}
.popular {
width:158px; height:20px; margin-bottom:7px; padding:4px 9px 0 70px; 
background:url(/kor/images/main/bg_popular.gif) left top no-repeat; 
}
.quickSearch { width:219px; height:102px; padding:31px 10px 0 8px; background:url(/kor/images/main/bg_quick_search.gif) left top no-repeat; }
.quickSearch select { width:68px; } 
.quickSearch p { color:#5A5A5A; border-bottom:1px solid #DBDADA; line-height:15px; }
.quickSearch p a:link , .quickSearch p a:visited , .quickSearch p a:hover , .quickSearch p a:active { letter-spacing:-1px; color:#000; font-weight:bold; }
.quickSearch .selectArea { padding-left:4px; margin-bottom:7px; }
#mainContent { 
position:absolute; top:18px; right:0; width:374px; height:347px; padding:5px 5px 0 3px; 
background:url(/kor/images/main/bg_main_content.gif) left top no-repeat;
}
#movieContent {margin-top:20px;margin-left:330px;position:absolute;}
#mainContent .tab { padding-left:6px; overflow:hidden; }
#mainContent .tab li { float:left; }
#mainContent .tabContent { width:340px; height:297px; padding:17px 16px 0 17px; background:url(/kor/images/main/bg_main_content_inner.gif) left top no-repeat; }
#mainContent .tabContent .tit { color:#006E55; font-weight:bold; }
#mainContent .tabContent .plot { 
font-size:95%; height:60px; line-height:20px; color:#797979; padding-bottom:9px; margin-bottom:11px;
background:url(/kor/images/main/bg_dashed_01.gif) left bottom repeat-x; 
}
#mainContent .tabContent .plot a span { color: #DC5073; }

#middleContent { width:100%; overflow:hidden; margin-bottom:23px; }
#notice { float:left; width:207px; padding-top:11px; margin-right:25px; }
#notice h2 { width:100%; padding-bottom:8px; margin-bottom:6px; border-bottom:1px solid #E1E1E1; overflow:hidden; }
#notice h2 p { float:left; }
#notice h2 a { float:right; margin-top:2px; }
#notice ul li { width:100%; overflow:hidden; }
#notice ul li a { float:left; }
#notice ul li span { float:right; }
#tag { 
float:left; width:213px; height:96px; padding:45px 15px 0 15px; margin-right:25px;
font-size:95%; background:url(/kor/images/main/bg_tag.gif) left top no-repeat; 
}
#tag a:link , #tag a:visited , #tag a:hover , #tag a:active {}
#tag a:hover { color:#DC5073; font-weight:bold; }
#today { float:left; width:460px; padding:11px 0 0 0; }
#today h2 { width:100%; border-bottom:1px solid #E1E1E1; padding-bottom:6px; margin-bottom:8px; overflow:hidden; }
*html #today h2 { padding-bottom:8px; }
#today h2 p { float:left; }
#today h2 div { float:right; }
#today dl { width:100%; margin-bottom:1px; overflow:hidden; }
#today dl dt { float:left; width:380px; }
#today dl dd { float:right; }
*html #today dl {margin-bottom:4px; }

#bottomContent { width:100%; margin-bottom:29px; overflow:hidden; }
.banner { float:left; width:479px; margin-right:21px; }
.banner p a { margin-right:4px; }
.know { float:left; width:460px; }
.know h2 { padding-left:3px; margin-bottom:7px; }
.know div { width:460px; height:70px; }

#footer { position:relative; width:100%; height:73px; border-top:1px solid #E5E5E5; }
#footer .logo{ position:absolute; top:32px; left:0; }
#footer ul { position:absolute; top:14px; left:133px; overflow:hidden; }
#footer ul li { float:left; margin-right:15px; }
#footer .copy { position:absolute; top:39px; left:133px; }
#footer .family { position:absolute; top:9px; right:0; height:50px; }

.listType01 li { padding-left:9px; background:url(/kor/images/common/bullet_01.gif) left 6px no-repeat; }
input.type01 { border:1px solid #B4B4B4; padding:3px 2px 0 2px; }
