@charset "euc-kr";

/* ¸¸È­ °³Æí css
 * 2011.12.09 / ±èÁ¤À± */

* { margin:0; padding:0;}
html, body { margin:0; padding:0;}
body {font-family: "µ¸¿ò", sans-serif, Arial; font-size:12px; color:#555555;} 
table, div {border-collapse:collapse;}
select, textarea,input {font-family:"µ¸¿ò", Arial, Helvetica, sans-serif; font-size:12px; color:#555555; vertical-align:top;}
form, ul, ol, dl, table, div, h1, h2, h3 ,h4 {margin:0;padding:0;}
h1, h2, h3 ,h4, h5, h6{font-size:12px; text-decoration:none;}
img, fieldset {border:0; margin:0; padding:0; }
select, input, li, img {vertical-align:top; }
ul, li, dl, dt, dd{list-style-type : none; }
caption { text-indent:-5000px; line-height:0; font-size:0;}
legend{ text-indent:-5000px; line-height:0; font-size:0; position:absolute;  top:0; left:0;}
hr{display:none;}

a:link{text-decoration:none; color:#343434; }
a:visited{text-decoration:none; color:#343434; }
a:hover{text-decoration:none; color:#8941be; }
a:active{text-decoration:none; color:#343434; }

/* ==================== Common Style ===================================================================================================================*/
.frameBd {position:absolute; top:0; left:0; display:block; border:1px solid #000; filter:alpha(opacity=20); opacity:0.2;}
.hidden {overflow:hidden; display:block; width:0; height:0; text-align:center; color:#000; visibility:hidden; font-size:0; line-height:0; text-indent:-5000px; position:absolute; left:-5000px;}
.bn {background:none !important;}

.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}

.bt_none {border-top:none !important;}
.br_none {border-right:none !important;}
.bb_none {border-bottom:none !important;}
.bl_none {border-left:none !important;}

.font11 {font-size:11px !important;}

.txt_input {height:15px; border:1px solid #e3e3e3; padding:2px 5px; font-size:12px; color:#000;}
.dotInput {width:14px; height:14px; border:none; }
.mb10 {margin-bottom:10px !important;}

/*skipNavigation*/
#skip a{overflow:hidden; display:block; width:0; height:0; text-align:center; color:#000;}
#skip a:focus, #skip a:active {width:auto; height:auto; padding:5px; background:#f2f2f2; border:1px solid #ddd; display:block;}

/* ==================== Layout ===================================================================================================================*/
#wrap {width:990px; margin:0 auto;}

#gnb {width:988px; height:37px; border-left:1px solid #7836ab; border-right:1px solid #7836ab; border-bottom:2px solid #5a2384; overflow:hidden; background:url('http://img.sbs.co.kr/sw11/cartoon/common/bg_gnb.gif') left top repeat-x;}
#gnb li {font-size:0; line-height:0; float:left; padding:0 0 0 1px; z-index:1; position:relative; margin-left:-1px; background:url('http://img.sbs.co.kr/sw11/cartoon/common/gnb_line.gif') left top no-repeat;}
#gnb li.on {font-size:0; line-height:0; float:left; padding:0 1px 0 0; margin-right:-1px; margin-left:0; z-index:3; position:relative; background:none  !important ;}

.line_link {height:19px; background:#5a2384; font:11px/2 gulim; color:#fff; overflow:hidden; padding:6px 10px 8px 15px; letter-spacing:-1px;}
.line_link a {color:#fff;}
.link_popular {float:left;}
.link_popular a {margin:0 16px; vertical-align:top;}
.link_mini {float:right; font:bold 11px/2 dotum; background:url(http://img.sbs.co.kr/sw11/cartoon/common/bu_arrow.gif) no-repeat left 6px; padding-left:8px;}

.bnr {padding-bottom:0px;}

#content {width:990px; padding:0px 0 100px;*zoom:1; position:relative;}
#content:after {content:""; display:block; clear:both;}

/* ==================== Index Contents ===================================================================================================================*/

/* Top Contents */
/* Á¾·ùº° ¸¸È­ */
#top_cont {width:990px; height:298px; margin-bottom:24px; overflow:hidden;}
.toon_sort {width:750px; height:298px; float:left; background:url('http://img.sbs.co.kr/sw11/cartoon/main/bg_tab_toon.gif') left top no-repeat;}
.toon_sort .sort_list {width:736px; height:255px; overflow:hidden; padding:13px 0 0 14px; position:relative;}
.toon_sort .sort_list li {float:left;}
.toon_sort .sort_list li ul {width:735px; height:170px; overflow:hidden; position:absolute; left:19px; top:72px; z-index:3;}
.toon_sort .sort_list li ul li {width:220px; height:170px; float:left; margin-right:25px;}
.toon_sort .sort_list li ul li .tit_img {width:220px; height:124px; position:relative;}
.toon_sort .sort_list li ul li .tit_img a {width:218px; height:122px; position:absolute; top:0; left:0; display:block; z-index:3; border:1px solid #000; filter:alpha(opacity=20); opacity:0.2; background:url('http://img.sbs.co.kr/sw11/cartoon/common/blank.gif') left top repeat;}
.toon_sort .sort_list li ul li .tit_img .icon {position:absolute; bottom:5px; right:4px; z-index:2;}
.toon_sort .sort_list li ul li dl {margin-top:10px; letter-spacing:-0.1em;}
.toon_sort .sort_list li ul li dl dt {overflow:hidden;}
.toon_sort .sort_list li ul li dl dt strong {float:left;}
.toon_sort .sort_list li ul li dl dt strong a {color:#9c4ce0;}
.toon_sort .sort_list li ul li dl dt span {float:right; font-size:11px; color:#989898;}
.toon_sort .sort_list li ul li dl dd {width:220px; margin-top:5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.toon_sort .sort_list li ul li dl dd a {color:#3b3b3b;}
.toon_sort .sort_list li ul li dl dd a:hover {color:#8941be;}
.toon_sort .roll_btns {text-align:center;}

/* ÀαâÀÛ°¡ ¹æ */
.best_writer{width:240px; height:298px; float:right; background:url('http://img.sbs.co.kr/sw11/cartoon/main/bg_writer.gif') left top no-repeat;}
.best_writer h3 {margin:14px 0 0 13px;}
.best_writer dl {width:213px; height:188px; overflow:hidden; padding:6px 0 0 15px;}
.best_writer dl dt {width:213px; height:120px; position:relative;}
.best_writer dl dt a {width:211px; height:118px; position:absolute; top:0; left:0; display:block; border:1px solid #000; filter:alpha(opacity=20); opacity:0.2; background:url('http://img.sbs.co.kr/sw11/cartoon/common/blank.gif') left top repeat;}
.best_writer dl dd {width:198px; overflow:hidden; height:53px; margin:15px 0 0 15px;}
.best_writer dl dd a {display:inline-block; color:#989898;}
.best_writer dl dd a span {display:block; color:#fff; margin-bottom:3px;}
.best_writer dl dd a:hover span {text-decoration:underline;}
.best_writer .roll_btns {text-align:center; margin-top:18px;}

/* left Contents */
#left_cont {width:725px; float:left; position:relative; }

.toon_program .tit, 
.toon_list .tit {width:100%; padding-bottom:7px; overflow:hidden;}
.toon_program .tit h3, 
.toon_list .tit h3 {float:left;}
.toon_program .btn_view {display:block; float:right; font-size:11px;}
.toon_list .tit ul {float:right; overflow:hidden; margin-right:-13px;}
.toon_list .tit ul li {float:left; font-size:11px; padding-right:7px; margin-right:6px; background:url('http://img.sbs.co.kr/sw11/cartoon/common/line_gray.gif') right top no-repeat;}
.toon_program .btn_view, 
.toon_list .tit ul li a {color:#acacac; font-weight:bold; letter-spacing:-0.1em;}
.toon_program .btn_view:hover, 
.toon_list .tit ul li.on a, 
.toon_list .tit ul li a:hover {color:#333; text-decoration:none;}

/* ÇÁ·Î±×·¥º° ¸¸È­º¸±â*/
.toon_program {width:725px; height:191px; padding-top:9px;  margin-bottom:40px;}
.toon_program .program_list {width:725px; position:relative; }
.toon_program .program_list li {letter-spacing:-0.1em;}
.toon_program .program_list li h3 {width:179px; height:29px; border:1px solid #eaeaea; margin-bottom:-1px; background:url('http://img.sbs.co.kr/sw11/cartoon/main/tab_program_off.gif') left bottom repeat-x;}
.toon_program .program_list li h3.on {width:192px; border:none; margin:1px 0 0; background:url('http://img.sbs.co.kr/sw11/cartoon/main/tab_program_on.png') left top no-repeat;}
.toon_program .program_list li h3 a {width:161px; height:19px; display:block; padding:10px 0 0 18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.toon_program .program_list li h3 span {font-weight:normal; font-size:11px; padding-left:15px;}
.toon_program .program_list li ul {width:535px; height:170px; overflow:hidden; position:absolute; right:-17px; top:0; z-index:2;}
.toon_program .program_list li ul li {width:90px; float:left; margin-right:17px; z-index:2;}
.toon_program .program_list li ul li .tit_img {width:90px; height:130px; position:relative; }
.toon_program .program_list li ul li .tit_img a {width:88px; height:128px; position:absolute; top:0; left:0; display:block; z-index:3; border:1px solid #000; filter:alpha(opacity=20); opacity:0.2; background:url('http://img.sbs.co.kr/sw11/cartoon/common/blank.gif') left top repeat;}
.toon_program .program_list li ul li .tit_img .txt {width:; height:14px; padding:4px 5px 0; letter-spacing:-0.1em; position:absolute; right:0; bottom:0; color:#fff; font-size:11px; z-index:2; background:url('http://img.sbs.co.kr/sw11/cartoon/common/blank_gray.png') left top repeat;}
.toon_program .program_list li ul li dl {}
.toon_program .program_list li ul li dl dt {margin:10px 0 5px;}
.toon_program .program_list li ul li dl dd {font-size:11px; padding-left:10px; color:#989898; background:url('http://img.sbs.co.kr/sw11/cartoon/common/icon_heart.png') left 2px no-repeat;}

/* ¹«·á,Ãßõ ¸¸È­ */
.toon_list {width:725px; height:195px; overflow:hidden; margin-bottom:36px;}
.toon_list .main {width:181px; height:174px; float:left; }
.toon_list .main div {position:relative;}
.toon_list .main div a {width:179px; height:128px; position:absolute; top:0; left:0; display:block; border:1px solid #000; filter:alpha(opacity=20); opacity:0.2; background:url('http://img.sbs.co.kr/sw11/cartoon/common/blank.gif') left top repeat;}
.toon_list .main div .hot {position:absolute; left:0; top:0; z-index:9999;}
.toon_list .main p {width:166px; height:34px; padding:10px 0 0 15px; background:#ffd800; color:#565656;}
.toon_list .main p a {color:#000; font-weight:bold; margin-bottom:3px;}
.toon_list .main p.recomm {color:#222;}
.toon_list .main p.recomm span {padding-left:10px; display:block; background:url('http://img.sbs.co.kr/sw11/cartoon/common/icon_heart.png') left 2px no-repeat;}
.toon_list .list {width:540px; height:174px; float:right; overflow:hidden; margin-right:-18px; }
.toon_list .list li {width:90px; margin:0 18px 10px 0; float:left; }
.toon_list .list li .img {width:90px; height:130px; display:block; position:relative;}
.toon_list .list li .img a {width:88px; height:128px; position:absolute; top:0; left:0; display:block; border:1px solid #000; filter:alpha(opacity=10); opacity:0.1; background:url('http://img.sbs.co.kr/sw11/cartoon/common/blank.gif') left top repeat;}
.toon_list .list li p {color:#8a8a8a;}
.toon_list .list li p a {margin:10px 0 5px; color:#555;}
.toon_list p {letter-spacing:-0.1em;font-size:11px; }
.toon_list .main p a, 
.toon_list .list li a {font-size:12px; display:block;}
.toon_list .main p a:hover, 
.toon_list .list li a:hover {color:#8a43be;}

/* ÇÏ´Ü ¹è³Ê */
.banner_btm {width:725px; overflow:hidden;}
.banner_btm a, 
.banner_btm span {display:block; float:left;}
.banner_btm .faq {width:181px; margin-right:23px;}
.banner_btm .banner {width:540px; margin-right:-19px;}
.banner_btm .banner a {margin-right:19px;}

/* Right Contetns */
.iframe_right {width:240px; float:right;}
.toon_right .lineBtm_box, 
.toon_right .board {border:1px solid #e5e5e5; border-width:0 1px 1px 1px; background:#fbfbfb;}
.toon_right .gallery {margin-bottom:15px;}
.toon_right .ad {width:240px; height:240px; overflow:hidden;}

#right_cont {width:240px; float:right; position:relative; overflow:hidden; }
#right_cont .lineBtm_box {padding:20px 13px 14px;}
#right_cont .last {padding:20px 7px 10px;}
#right_cont .h3_r {margin:0 0 10px; font-size:12px; line-height:14px; color:#323232;}

#right_cont .list_type {line-height:16px;}
#right_cont .list_type li {width:200px; _height:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:8px; margin-bottom:6px; background:url('http://img.sbs.co.kr/sw11/cartoon/common/dot_gray.gif') left 4px no-repeat;}
#right_cont .list_type li .tit {color:#3d96c0;}
#right_cont .list_type li a {color:#343434;}
#right_cont .list_type li a:hover {text-decoration:underline; color:#8941be;}

.toon_right .mem_infor {width:216px; min-height:50px; border:3px solid #e1e1e1; padding:10px 9px 10px; background:#fff; overflow:hidden; letter-spacing:-0.1em; }
.toon_right .mem_infor .mem {width:216px; overflow:hidden; padding-bottom:10px;}
.toon_right .mem_infor .mem p {float:left; line-height:16px;}
.toon_right .mem_infor .mem .br {display:block; margin-top:5px;}
.toon_right .mem_infor .mem .u {text-decoration:underline; font-size:11px; line-height:15px;}
.toon_right .mem_infor .mem .btn {float:right; margin-top:15px;}
.toon_right .mem_infor .txt_people {color:#9553fd; font-size:11px;}
.toon_right .mem_infor ul {padding:15px 0 10px; line-height:15px; font-size:11px; background:#f6f6f6;}
.toon_right .mem_infor ul li {wid th:1px; padding:0 0 0 16px; margin-bottom:4px; color: #555; position:relative; background:url('http://img.sbs.co.kr/sw11/cartoon/common/dot_gray.gif') 10px 5px no-repeat;}
.toon_right .mem_infor ul li .r_txt {position:absolute; right:8px; top:0; color:#999; text-decoration:underline;}
.toon_right .mem_infor ul li .r_txt a {color:#999; text-decoration:underline;}
.toon_right .mem_infor ul li .r_txt a:hover {color:#8941be; text-decoration:underline;}

.toon_right .right_btn {margin:5px 0;}
.toon_right .right_btn2 {margin:-1px 0 0; }

.toon_right .board {width:218px; height:245px; padding:20px 10px; border-bottom:1px solid #e5e5e5; overflow:hidden; position:relative;}
.toon_right .board li h3 {width:109px; height:29px; font-weight:normal; font-size:11px; text-align:center; letter-spacing:-0.1em;}
.toon_right .board li h3 a {width:107px; height:18px; border:1px solid #e0e0e0; color:#333; padding-top:9px; display:block; background:url('http://img.sbs.co.kr/sw11/cartoon/common/bg_news_off.gif') left top repeat-x;}
.toon_right .board li h3 a:hover {color:#555 !important; text-decoration:none;}
.toon_right .board li h3.on a {font-weight:bold; color:#5f5102; border:1px solid #f5d109; background:url('http://img.sbs.co.kr/sw11/cartoon/common/bg_news_on.gif') left top repeat-x;}
.toon_right .board li h3.on a:hover {color:#1c4f73 !important;}
.toon_right .board li {float:left; }
.toon_right .board ol {width:215px; position:absolute; left:13px; top:62px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:1.5;}
.toon_right .board ol li {width:190px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; clear:left; padding-left:22px; margin-bottom:5px;}
.toon_right .board ol li a {color:#333;}
.toon_right .board ol li a:hover {color:#8941be; text-decoration:underline;}

.toon_right .board ol li.n1 {background:url('http://img.sbs.co.kr/sw11/cartoon/common/n1.gif') left 1px no-repeat;}
.toon_right .board ol li.n2 {background:url('http://img.sbs.co.kr/sw11/cartoon/common/n2.gif') left 3px no-repeat;}
.toon_right .board ol li.n3 {background:url('http://img.sbs.co.kr/sw11/cartoon/common/n3.gif') left 3px no-repeat;}
.toon_right .board ol li.n4 {background:url('http://img.sbs.co.kr/sw11/cartoon/common/n4.gif') left 3px no-repeat;}
.toon_right .board ol li.n5 {background:url('http://img.sbs.co.kr/sw11/cartoon/common/n5.gif') left 3px no-repeat;}
.toon_right .board ol li.n6 {background:url('http://img.sbs.co.kr/sw11/cartoon/common/n6.gif') left 3px no-repeat;}
.toon_right .board ol li.n7 {background:url('http://img.sbs.co.kr/sw11/cartoon/common/n7.gif') left 3px no-repeat;}

.toon_right .board ol li.n1 {margin-bottom:10px}
.toon_right .board ol li.n1 a, 
.toon_right .board ol li.n1 span {display:block; cursor:pointer;}
.toon_right .board ol li.n1 .toon_img {width:46px; height:66px; position:relative; float:left; padding-right:10px;}
.toon_right .board ol li.n1 .toon_img .frameBd {width:44px; height:64px; filter:alpha(opacity=10); opacity:0.1; z-index:9; background:url('http://img.sbs.co.kr/sw11/cartoon/common/blank.gif') left top repeat;}
.toon_right .board ol li.n1 .txt {float:left; margin-top:10px;}
.toon_right .board ol li.n1 .txt .name {color:#8a8a8a; font-size:11px; margin-top:5px;}
.toon_right .board ol li.n1 a:hover .title {text-decoration:underline;}
.toon_right .board ol li.n1 a:hover span {text-decoration:none; backgr ound:red}