/************************************************
*          General elements       *
************************************************/
* {padding:0; margin:0;}
* html {height: 1px;} /*IE6 Flicker ¹ö±×¾ø¾Ö±â*/
body {font-family:Verdana,"µ¸¿ò",Dotum; font-size:12px; text-align:center; color:#666; background:#fff url(/images/main/body_bg.gif) repeat-x left top;}
a:link, a:visited, a:active {color:#666; text-decoration:none;}
a:hover {color:#db4040;}
h1, h2, h3, h4, h5, h6 {font-family:Verdana,"µ¸¿ò",Dotum; font-size:12px; margin:0; padding:0; font-weight:normal;}
img {border:none;}
img,select,input,a {vertical-align:middle;}
ul, ol {list-style:none;}
hr {display:none;}
input, textarea, select {font-family:Verdana,"µ¸¿ò",Dotum; font-size:12px; color:#666;}
select {padding:1px;}
img, div {behavior: url(/images/main/iepngfix.htc) }

/************************************************
*          General       *
************************************************/
#wrapper {width:960px; margin:0 auto; position:relative;}
#body {text-align:left; width:960px;}
.cleared {clear:both;}
.boxed {border:1px solid #ccc; position:relative; margin-bottom:10px;}
.boxed h3 {background-color:#efefef; border-bottom:1px solid #ccc; height:25px; line-height:25px; padding-left:8px; font-weight:bold;}
.boxed .common {padding:10px 0 0 10px; margin-bottom:10px;}
.boxed .common li {background:url(/images/main/bul_gray_list.gif) no-repeat left 45%; padding-left:5px;}
.boxed .more {position:absolute; right:8px; top:5px; width:34px; height:10px;}

/************************************************
*          Header       *
************************************************/
#topnav {height:28px; position:relative;}
#topnav ul {position:absolute; left:0; top:6px;}
#topnav li {float:left;}


#header {position:relative; text-align:left; margin:0 0 10px 0;}
#header #logowrap {position:relative; height:85px; overflow:hidden;}
#header #logowrap h1 {position:absolute; left:20px; top:25px;}
#header #logowrap fieldset {position:absolute; left:230px; top:25px; border:none;}
#header #logowrap fieldset legend {display:none;}
#header #logowrap fieldset .searchinput {float:left;}
#header #logowrap fieldset .searchinput input {font-family:Dotum; font-size:11px; width:320px; border:3px solid #909090; background:#fff url(/images/main/top_sch_bg.gif) no-repeat 8px 45%; padding:0 0 0 80px; line-height:28px; height:28px;}
#header #logowrap fieldset .searchbutton {float:left; position:relative; _top:1px; *top:1px;}
#header #logowrap fieldset .keyword {clear:both;}
#header #logowrap .banner {position:absolute; right:10px; top:20px;}

/*Example CSS for the two demo scrollers*/
#pscroller2 {width: 350px; height: 14px; overflow:hidden; margin:5px 0 0 0; background:url(/images/main/ico_rec.gif) no-repeat left top; padding:0 0 0 35px; *padding:2px 0 0 35px;}
#pscroller2 a {font-family:Dotum; font-size:11px;}

#header #menutop {width:960px; background:url(/images/main/top_menu.gif) no-repeat left top; overflow:hidden; *zoom:1;}
#header #mainsvc {float:left; overflow:hidden; *zoom:1;}
#header #mainsvc dt {display:none;}
#header #mainsvc dd {float:left;}
#header #mainsvc dd a {display:block; height:35px; text-indent:-9999px;}
#header #mainsvc dd.ucc {background-position:0 0;}
#header #mainsvc dd.sexy {background-position:-57px 0;}
#header #mainsvc dd.photo {background-position:-123px 0;}
#header #mainsvc dd.movie {background-position:-187px 0;}
#header #mainsvc dd.drama {background-position:-227px 0;}
#header #mainsvc dd.game {background-position:-280px 0;}
#header #mainsvc dd.med {background-position:-321px 0;}
#header #mainsvc dd.ani {background-position:-373px 0;}
#header #mainsvc dd.edu {background-position:-414px 0;}
#header #mainsvc dd.adult {background-position:-454px 0;}

#header #mainsvc dd.ucc a {width:57px;}
#header #mainsvc dd.sexy a {width:66px;}
#header #mainsvc dd.photo a {width:64px;}
#header #mainsvc dd.movie a {width:40px;}
#header #mainsvc dd.drama a {width:53px;}
#header #mainsvc dd.game a {width:41px;}
#header #mainsvc dd.med a {width:52px;}
#header #mainsvc dd.ani a {width:41px;}
#header #mainsvc dd.edu a {width:40px;}
#header #mainsvc dd.adult a {width:57px;}

#header .nama {font-family:Dotum; font-size:11px; color:#fff; float:left; padding:12px 0 0 20px;}
#header .nama .date {color:#ffff00; font-weight:bold;}

#header #subsvc {float:right;}
#header #subsvc dt {display:none;}
#header #subsvc dd {float:left;}
#header #subsvc dd a {display:block; height:35px; text-indent:-9999px;}
#header #subsvc dd.help {background-position:-760px 0;}
#header #subsvc dd.event {background-position:-833px 0;}
#header #subsvc dd.help a {width:73px;}
#header #subsvc dd.event a {width:127px;}

#header #menubottom {position:relative; background:url(/images/main/top_menu.gif) no-repeat left top; height:35px; background-position:0 -35px;}
#header #menubottom .hotsvc {position:absolute; background:url(/images/main/ico_hot.gif) no-repeat left top; left:10px; top:9px; height:16px; padding:0 0 0 30px; *padding:2px 0 0 30px;}
#header #menubottom .hotsvc a {font-family:Dotum; font-size:11px;}
#header #menubottom .faq {position:absolute; right:10px; top:10px; background:url(/images/main/bul_gray_tri.gif) no-repeat left 45%; padding:0 0 0 5px;}
#header #menubottom .faq a {font-family:Dotum; font-size:11px;}

#header .newicon {position:absolute; top:79px; left:500px;}

/************************************************
*          Sidebar       *
************************************************/
#sidebar {width:200px; float:left; margin:0 10px 0 0;}
#sidebar #loginbox {background-color:#efefef; border:1px solid #ccc; margin:0 0 10px 0; padding:10px;}
#sidebar #loginbox fieldset {border:none;}
#sidebar #loginbox fieldset legend {background:url(/images/main/bul_tit_login.gif) no-repeat left top; padding:0 0 0 18px; *margin-left:-5px; margin-bottom:10px; font-family:Dotum; font-size:11px;}
#sidebar #loginbox fieldset legend span {font-weight:bold; color:#e92b2b;}
#sidebar #loginbox fieldset form {overflow:hidden; *zoom:1;}
#sidebar #loginbox fieldset form .selsite {margin-bottom:5px;}
#sidebar #loginbox fieldset form .selsite select {background-color:#0; border:1px solid #ccc;}
#sidebar #loginbox fieldset .loginleft {float:left;}
#sidebar #loginbox fieldset .loginleft input {border:1px solid #ccc; display:block; background-color:#fff; width:115px; padding-left:3px; height:17px; line-height:17px; margin-bottom:5px; margin-right:8px;}
#sidebar #loginbox fieldset .loginright {float:left;}
#sidebar #loginbox fieldset .member {clear:both; overflow:hidden; *zoom:1; padding:8px 0 0;}
#sidebar #loginbox fieldset .member li {float:left; letter-spacing:-1px; background:url(/images/main/text_bar.gif) no-repeat left 45%; margin:0 5px 0 0; padding:0 0 0 5px; font-family:Dotum; font-size:11px;}
#sidebar #loginbox fieldset .member .nobar {background:none; padding:0; color:#668dda; font-weight:bold;}
#sidebar #loginbox fieldset .meminfo {background-color:#fff; padding:5px; border:1px solid #ccc;}
#sidebar #loginbox fieldset .meminfo p {margin-bottom:3px;}
#sidebar #loginbox fieldset .meminfo .nick {color:#5f87d6;}

#sidebar .activeX {margin-bottom:10px;}
#sidebar .movie {width:200px; height:140px; margin-bottom:10px; position:relative;}
#sidebar .movie span {position:absolute; left:-65px; top:20px; display:block;}

#sidebar #notice {height:110px;}
#sidebar #notice h3 {background-color:#efefef; border-bottom:1px solid #ccc; height:25px; line-height:25px; padding-left:8px;}
#sidebar #notice li {line-height:16px;}
#sidebar #copysvc dt {display:none;}
#sidebar #copysvc dd {margin-bottom:10px;}

#sidebar #help .csnum dt {display:none;}
#sidebar #help .csnum dd {font-family:"Trebuchet MS",Arial,Sans-Serif; font-size:22px; font-weight:bold; padding:10px 0 0 8px; margin-bottom:5px;}
#sidebar #help .worktime dt {display:none;}
#sidebar #help .worktime dd {font-family:Dotum; font-size:11px; padding-left:10px; margin-bottom:5px;}
#sidebar #help .ars {width:180px; background:url(/images/main/dot_line.gif) repeat-x right bottom; margin-left:10px; height:20px;}
#sidebar #help .ars dt {font-family:Dotum; font-size:11px; color:#db4040; float:left; margin-right:5px;}
#sidebar #help .ars dd {float:left; margin-top:-2px; font-size:11px;}
#sidebar #help ul {clear:both;}
#sidebar #help ul li a {font-family:Dotum; font-size:11px;}

#sidebar .subnav {position:relative; background:url(/images/main/sub_left_bg.gif) no-repeat -1px top; border-left:1px solid #1b1b1b; border-right:1px solid #1b1b1b; border-bottom:1px solid #1b1b1b; margin-bottom:10px;}
#sidebar .subnav ul li {background:url(/images/main/bul_gray_list.gif) no-repeat left 45%; padding:0 0 0 5px;}
#sidebar .subnav h3 {position:absolute; left:10px; top:10px; margin-bottom:10px; color:#fff; font-weight:bold;}
#sidebar .subnav ul {position:absolute; left:10px; top:44px; margin-bottom:10px;}

#sidebar #subphoto {height:100px;}
#sidebar #subadult {height:85px;}
#sidebar #subhelp {height:120px;}


/************************************************
*          Content       *
************************************************/
#content {float:right; width:750px;}
#content #mainleft {float:left; width:540px;}
#content #mainleft #movie {position:relative; height:205px; border:1px solid #ccc; margin-bottom:10px;}
#content #mainleft #movie h3 {display:none;}
#content #mainleft #movie .thumb {position:absolute; left:10px; top:10px;}
#content #mainleft #movie .thumb li {width:57px; height:37px; overflow:hidden; margin:0; padding:0;}
#content #mainleft #movie .thumb li a {display:block; width:55px; height:35px; overflow:hidden; margin:0; padding:0;}
#content #mainleft #movie .content {position:absolute; left: 70px; top:10px;}

#content #mainleft #webhard {margin-bottom:10px; position:relative;}
#content #mainleft #webhard .more {position:absolute; right:8px; top:5px;}
.basictab ul {border-bottom: 1px solid #ccc; overflow:hidden; *zoom:1; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/}
.basictab li {float:left; padding:0; margin: 0;}
.basictab li.first a {border-left:1px solid #ccc; margin-left:5px;}
.basictab li a {display:block; font-family:Dotum; font-size:11px; text-decoration: none; padding:5px 8px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: none; background-color: #efefef;}
.basictab li a:hover, .basictab li a.current {background-color: #fff; color:#db4040; font-weight:bold;}
.basictab li a:active {font-weight:bold;}
#tabcontentcontainer {height:90px; clear:both; position:relative; width:95%; /*width of 2nd level content*/}
.tabcontent {display:none;}
.tabcontent .img {position:absolute; left:15px; top:20px;}
.tabcontent .common {position:absolute; left:140px; top:20px;}
.tabcontent .common li a {background:url(/images/main/bul_gray_list.gif) no-repeat left 45%; padding-left:5px;}
.tabcontent .common li a img {margin-right:2px;}

#content #mainleft #sexy {height:190px; position:relative;}
#content #mainleft #sexy h3 {font-family:Dotum; font-size:11px; font-weight:bold;}
#content #mainleft #sexy h3 .color {color:#333;}
#content #mainleft #sexy h3 .con {background:url(/images/main/bul_red_tri.gif) no-repeat left 40%; padding:0 0 0 8px; font-weight:normal;}
#content #mainleft #sexy .bestcontent {padding:10px 0 0 10px;}
#content #mainleft #sexy .bestcontent .bestimg {position:absolute; left:10px; top:38px;}
#content #mainleft #sexy .bestcontent .bestimg li {width:125px; margin-right:12px; float:left;}
#content #mainleft #sexy .bestcontent .bestimg strong {margin-top:5px; height:20px; display:block; overflow:hidden;}
#content #mainleft #sexy .bestcontent .bestimg .con {font-family:Dotum; font-size:11px; color:#999; width: 120px; display:block; overflow:hidden;}
#content #mainleft #sexy .bestcontent .common {position:absolute; left:295px; top:39px; padding:0;}
#content #mainleft #sexy .bestcontent .common li a {font-family:Dotum; font-size:11px;}

#content #mainleft #ucc {height:168px;}
#content #mainleft #ucc .ucccontent {position:relative;}
#content #mainleft #ucc .ucccontent .content {position:absolute; left:42px; top:10px;}
#content #mainleft #ucc .ucccontent .content li {float:left; width:100px; margin-right:18px;}
#content #mainleft #ucc .ucccontent .content li strong {display:block; margin:5px 0; font-family:Dotum; font-size:11px; font-weight:bold; letter-spacing:-1px; height:13px; overflow:hidden;}
#content #mainleft #ucc .ucccontent .prev {position:absolute; left:15px; top:40px;}
#content #mainleft #ucc .ucccontent .next {position:absolute; right:15px; top:40px;}
#content #mainleft #ucc .ucccontent .content li .view {margin-right:5px;}
#content #mainleft #ucc .ucccontent .content li .time {font-size:10px; color:#999;}

#content #mainleft #photo {height:170px;}
#content #mainleft #photo .photocontent {position:relative;}
#content #mainleft #photo .photocontent  ul {position:absolute; left:10px; top:10px;}
#content #mainleft #photo .photocontent ul li {float:left; margin-right:12px; width:120px;}
#content #mainleft #photo .photocontent ul li strong {display:block; margin:5px 0; height:14px; overflow:hidden;}
#content #mainleft #photo .photocontent ul li .view {margin-right:5px;}

#content #mainright {float:right; width:200px;}
#content #mainright #hotsvc #svclist {overflow:hidden; *zoom:1; padding:10px;}
#content #mainright #hotsvc #svclist a {font-family:Dotum; font-size:11px;}
#content #mainright #hotsvc #svclist .svc1 {float:left; margin:0 15px 0 0;}
#content #mainright #hotsvc #svclist .svc2 {float:left; margin:0 15px 0 0;}
#content #mainright #hotsvc #svclist .svc3 {float:left;}

#content #mainright #sms {height:165px;}
#content #mainright #sms h3 {background-color:#fff; position:relative;}
#content #mainright #sms h3 img {vertical-align:middle; position:absolute; left:5px; top:8px;}
#content #mainright #sms #fadeshow1 {margin:10px 0 0 9px; overflow:hidden;}

#content #mainright #shopping {overflow:hidden; *zoom:1;}
#content #mainright #shopping h3 {font-family:Dotum; font-size:11px; letter-spacing:-1px; margin-bottom:10px;}
#content #mainright #shopping ul {width:195px; overflow:hidden; *zoom:1;}
#content #mainright #shopping ul li {display:inline; float:left; width:65px; height:80px; text-align:center; line-height:12px;}
#content #mainright #shopping ul li img {display:block; margin:0 auto 5px;}
#content #mainright #shopping ul li a {font-family:Dotum; font-size:11px; letter-spacing:-1px;}

#content #mainright #search {clear:both; height:125px; position:relative;}
#content #mainright #search ul {padding:10px 0 0 10px;}
#content #mainright #search ul li {vertical-align:top;}
#content #mainright #search ul .n1 {background:url(/images/main/ico_no1.gif) no-repeat left 50%; padding:0 0 0 16px; height:15px;}
#content #mainright #search ul .n2 {background:url(/images/main/ico_no2.gif) no-repeat left 50%; padding:0 0 0 16px; height:15px;}
#content #mainright #search ul .n3 {background:url(/images/main/ico_no3.gif) no-repeat left 50%; padding:0 0 0 16px; height:15px;}
#content #mainright #search ul .n4 {background:url(/images/main/ico_no4.gif) no-repeat left 50%; padding:0 0 0 16px; height:15px;}
#content #mainright #search ul .n5 {background:url(/images/main/ico_no5.gif) no-repeat left 50%; padding:0 0 0 16px; height:15px;}

#content #mainright #movie {height:148px; position:relative;}
#content #mainright #movie ul {padding:10px 0 0 10px;}
#content #mainright #movie ul li {margin-bottom:5px; clear:both;}
#content #mainright #movie ul li a {display:block; height:45px; margin-bottom:10px;}
#content #mainright #movie ul li img {float:left;}
#content #mainright #movie ul li strong {display:block; padding-left:75px; color:#db4040; margin-bottom:2px;}
#content #mainright #movie ul li .con {display:block; padding:0 10px 0 75px; font-family:Dotum; font-size:11px;}

#content #mainright #open {position:relative; height:160px;}
#content #mainright #open .dataimg {position:absolute; left:12px; top:38px; background:url(/images/main/dot_line.gif) repeat-x left bottom; padding-bottom:10px; margin-bottom:8px;}
#content #mainright #open .dataimg li {float:left; height:45px;}
#content #mainright #open .common {clear:both; position:absolute; left:10px; top:102px; padding:0;}

/************************************************
*          Footer       *
************************************************/
#footer {clear:both; background:url(/images/main/footer_bg.gif) repeat-x left top; text-align:center; margin-bottom:10px;}
#footer dl {display:inline-block; line-height:38px; width:370px; margin:0 auto;}
#footer dt {display:none;}
#footer dd {float:left; background:url(/images/main/text_bar.gif) no-repeat left 45%; margin:0 5px 0 0; padding:0 0 0 5px; font-family:Dotum; font-size:11px;}
#footer dd a {font-family:Dotum; font-size:11px;}
#footer .nobar {background:none; padding:0;}
#footer p {padding:12px 0 5px 0; font-family:Dotum; font-size:11px; color:#999; line-height:16px;}
#footer em {font-size:11px; font-style:normal;}
#footer em .url {color:#db4040;}

/************************************************
*         Sub       *
************************************************/
.subtitle {background:url(/images/main/sub_tit_bg.gif) no-repeat left top; height:36px; margin-bottom:10px;}
.subtitle h2 {font-family:Dotum; font-size:14px; font-weight:bold; padding:10px 0 0 30px;}
.subcontent p {margin-bottom:10px; padding:0 5px;}
.subcontent .company {padding:15px; border:3px solid #ddd; line-height:16px; background:url(/images/main/top_logo.png) no-repeat; background-position:550px 40px;}
.subcontent .yak {background-color:#efefef; padding:10px;}
.subcontent .yak textarea {width:97%; height:490px; padding:10px; background-color:#fff; border:1px solid #efefef;}
.subcontent .privacytop {padding:15px; border:3px solid #ddd; line-height:16px; margin-bottom:10px;}
.subcontent .privacy {background-color:#efefef; padding:10px;}
.subcontent .privacy textarea {width:97%; height:445px; padding:10px; background-color:#fff; border:1px solid #efefef;}
.subcontent .faqtop {padding:15px; border:3px solid #ddd; line-height:16px; margin-bottom:10px;}
.subcontent .q {display:block; padding:5px;}
.subcontent .a {display:block; background-color:#efefef; padding:10px 5px;}
