@charset "utf-8";
@import url("tooniland_gnb.css"); 

/* ------------------------------------------------------------
* Name      : tooniland_main.css
* Desc       : Tooniland Main Style Sheet
* Created   : 2013-11-04 CJ E&M Shinyujin
* Updated  :
------------------------------------------------------------ */
body {margin:0; padding:0; font-size:12px; line-height:12px; font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum, Helvetica, sans-serif, verdana; color:#464646; word-spacing:-2px;}
p,ul,ol,dl,dt,dd, h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
li { list-style:none;}
img {border:0;}
em {font-style:normal;}
fieldset {border:0; padding:0; margin:0;}
legend, hr, caption, .blindTxt {visibility:hidden; position:absolute; width:0; height:0; font-size:0; overflow:hidden; text-indent:-9999px; line-height:0px;}
table {border-collapse:collapse; table-layout:fixed;}
a, a:link, a:active, a:visited {color:#464646; text-decoration:none;}
a:hover {text-decoration:underline;}

/* Layout */
#skipNavi { position:relative; z-index:2147483647; overflow:visible !important; }
#skipNavi a { position:absolute; padding:10px 20px; left:0; top:-60px; width:150px; color:#ffffff; border:2px solid #09baff; background-color:#191919; text-align:center; }
#skipNavi a:active,
#skipNavi a:focus{ top:0; text-decoration:none; cursor:pointer; zoom:1; }

#tooniland_wrap {position:relative; width:100%; min-width:1150px;}
#tooni_wrapper {width:100%;}
#tooni_wrapper .wrapperIn {width:980px; margin:0 auto;}

div#haktop {z-index:1200;}

/* Top Visual */ /* 2013-11-21 */
.topVisual {position:relative; width:100%; padding:20px 0 40px 0; background:#e6e6e6; border-bottom:1px solid #d0d0d0; z-index:100;}
.topVisualIn {position:relative; width:980px; height:490px; margin:0 auto;}
.topVisualIn .mainVisual {position:absolute; left:0; top:20px; width:360px; height:472px; overflow:hidden;}
.topVisualIn .mainVisual img {width:360px; height:470px;}
.topVisualIn .mainBnr {position:absolute; right:0; top:20px; width:620px; height:100%;}
.topVisualIn .mainbnrList li {width:200px; height:150px; background:url('http://cache.tooniland.com/section/main/2013/bg_top_visual_default.png') no-repeat left top; text-align:center;}
.topVisualIn .mainbnrList li img {width:200px; height:150px;}
.topVisualIn .mainbnrList li.bnr1 {position:absolute; left:0; top:0;}
.topVisualIn .mainbnrList li.bnr2 {position:absolute; left:210px; top:0;}
.topVisualIn .mainbnrList li.bnr3 {position:absolute; left:0; top:160px;}
.topVisualIn .mainbnrList li.bnr4 {position:absolute; left:210px; top:160px;}
.topVisualIn .mainbnrList li.bnr5 {position:absolute; left:0; top:320px;}
.topVisualIn .mainbnrList li.bnr6 {position:absolute; left:210px; top:320px;}
.topVisualIn .mainbnrList li.textBnr {position:absolute; left:420px; top:0; height:117px; padding:33px 0 0 0; font-weight:bold; font-size:18px; line-height:22px; color:#333;}
.topVisualIn .mainbnrList li.imgBnr {position:absolute; left:420px; top:0;}
.topVisualIn .mainbnrList li.textBnr .newIcon, .topVisualIn .mainbnrList li.imgBnr .newIcon {position:absolute; left:0; top:0; width:78px; height:78px;}
.topVisualIn .mainbnrList li.textBnr strong {display:block; color:#2996c9;}
/*.topVisualIn .mainbnrList li.lastBnr {position:absolute; left:420px; top:160px; width:auto; height:auto;}*/
.topVisualIn .mainbnrList li.lastBnr {position:absolute; left:420px; top:160px; width:200px; height:310px; background:url('../images/small_banner_04.png') no-repeat left top;} /* 2013-12-11 */
.topVisualIn .mainbnrList li.lastBnr02 {position:absolute; left:420px; top:160px; width:200px; height:310px; background:url('../images/small_banner_05b.png') no-repeat left top;} /* 2013-12-11 */
.topVisualIn .mainbnrList li.lastBnr03 {position:absolute; left:420px; top:160px; width:200px; height:310px; background:url('../images/small_banner_05c.png') no-repeat left top;} /* 2013-12-11 */
.topVisualIn .mainbnrList li.lastBnr04 {position:absolute; left:420px; top:160px; width:200px; height:310px; background:url('../images/small_banner_04_p.png') no-repeat left top;} /* 2013-12-11 */

.topVisualIn .mainbnrList li.lastBnr img {width:200px; height:310px;}

.topVisualIn .mainBtn {position:absolute; left:0; top:428px;z-index: 100}
.topVisualIn .mainBtn a {overflow:hidden; float:left; display:inline-block; font-size:0; line-height:0; width:49px; height:43px; background:url('http://cache.tooniland.com/section/main/2013/btn_arrow.png') no-repeat left top;}

.topVisualIn .mainBtn a.prevBtn {background-position:0 0;}
.topVisualIn .mainBtn a.nextBtn {background-position:-49px 0; margin-right:10px;}
.topVisualIn .mainBtn a.playBtn.play {width:43px; height:43px; background-position:-108px 0;}
.topVisualIn .mainBtn a.playBtn.stop {width:43px; height:43px; background-position:-108px -50px;}

.topVisualIn .mainBtn a.prevBtn:hover {background-position:0 -117px;}
.topVisualIn .mainBtn a.nextBtn:hover {background-position:-49px -117px; margin-right:10px;}
.topVisualIn .mainBtn a.playBtn.play:hover {width:43px; height:43px; background-position:-108px -117px;}
.topVisualIn .mainBtn a.playBtn.stop:hover {width:43px; height:43px; background-position:-108px -167px;}

.topVisualIn .mainBtn a.prevBtn.end {background-position:0 -233px;}
.topVisualIn .mainBtn a.nextBtn.end {background-position:-49px -233px; margin-right:10px;}

.mainBnr .layerAd {position:absolute;display:none;left:0; top:0; width:620px; height:470px; background:url('http://cache.tooniland.com/section/main/2013/layer_popup_bg.png') no-repeat left top; z-index:100;}
.mainBnr .layerAd .blindText {text-indent:-9999em;}
.mainBnr .layerAd .movieArea {position:absolute; left:35px; top:193px; width:320px; height:180px;}
.mainBnr .layerAd .closeBtn {position:absolute; right:20px; top:20px; }

/*2013-12-04 */
.tIBannerwrap {padding:20px 0 0 0; margin-bottom:-20px; background:#e6e6e6;}
.tIBanner {position:relative; width:980px; margin:0 auto ; z-index:10000;}
/*.tIBanner .tiwide {position:relative; display:none; width:980px; height:560px;z-index:10001;} 
.tIBanner .tiwide .closeBtn {position:absolute; right:12px; top:12px;}*/
/*//2013-12-04 */

/* Type2 */
.listType2 .mainVisualwrap {position:absolute; left:0; top:20px; width:360px; height:470px;}
.listType2 .mainVisual {position:absolute; left:0; top:0; width:360px; height:310px;}
.listType2 .mainVisual img {width:360px; height:310px;}
.listType2 .mainBtn {position:absolute; left:0; top:258px;}
.listType2 .addBanner {position:absolute; left:0; bottom:0; margin:10px 0 0 0;}
.listType2 .addBanner img {width:350px; height:150px;}

.listTypeB .mainbnrList li.bnr1, .listTypeB .mainbnrList li.bnr1 img {width:410px; height:150px;}
.listTypeB .mainbnrList li.bnr2 {position:absolute; left:0; top:160px;}
.listTypeB .mainbnrList li.bnr3 {position:absolute; left:210px; top:160px;}
.listTypeB .mainbnrList li.bnr4 {position:absolute; left:0; top:320px;}
.listTypeB .mainbnrList li.bnr5 {position:absolute; left:210px; top:320px;}

.listTypeC .mainbnrList li.bnr1, .listTypeC .mainbnrList li.bnr1 img,
.listTypeC .mainbnrList li.bnr2, .listTypeC .mainbnrList li.bnr2 img {width:410px; height:150px;}
.listTypeC .mainbnrList li.bnr2 {position:absolute; left:0; top:160px;}
.listTypeC .mainbnrList li.bnr3 {position:absolute; left:0; top:320px;}
.listTypeC .mainbnrList li.bnr4 {position:absolute; left:210px; top:320px;}

.listTypeD .mainbnrList li.bnr1, .listTypeD .mainbnrList li.bnr1 img,
.listTypeD .mainbnrList li.bnr2, .listTypeD .mainbnrList li.bnr2 img {width:410px; height:230px;}
.listTypeD .mainbnrList li.bnr2 {position:absolute; left:0; top:240px;}
/* //2013-11-21 */

/* Contents */
.contents {clear:both; width:1200px; margin:0 auto; padding:20px 0 0 0;}
.contents .more {position:absolute; right:0; top:1px; letter-spacing:-1px; color:#3e3e40;}
.contents:after {content: "."; height: 0; display: block; visibility: hidden; clear: both;}

/* Top rolling */
.contents .todayrecoWrap {position:relative; padding:0 0 0 35px;}
.contents .todayrecoBox{position:relative; overflow:hidden; width:1200px; height:125px;}
.contents .todayrecoList { width:3000px; }
.contents .todayrecoList li {position:relative; float:left; width:150px; height:115px; padding:0 55px 0 0;}
.contents .todayrecoList li a img.thum {position:absolute; left:0; top:0;}
.contents .todayrecoList li a:hover img.thum {position:absolute; left:0; top:-125px;}
.contents .todayrecoList li .icon {position:absolute; right:12px; top:12px; z-index:100;}

.contents .todayrecoWrap02 {width:980px; position:relative; padding:0 0 0 0px;}
.contents .todayrecoBox02{position:relative; overflow:hidden; height:146px;}
.contents .todayrecoList02 { width:3000px; }
.contents .todayrecoList02 li {position:relative; float:left; height:115px;}
.contents .todayrecoList02 li a img.thum {position:absolute; left:0; top:0;}
.contents .todayrecoList02 li a:hover img.thum {position:absolute; left:0; top:-125px;}
.contents .todayrecoList02 li .icon {position:absolute; right:12px; top:12px; z-index:100;}

.contents .todayrecoBnr {position:absolute; right:39px; top:0;}
.contents .todayrecoBnr img {width:215px; height:125px;}

/*.todayrecoBtn a {overflow:hidden; position:absolute; top:0; display:block; width:35px; height:125px; background-image:url('http://cache.tooniland.com/section/main/2013/btn_top_cnt_arrow.gif'); background-repeat:no-repeat; text-indent:-9999em;}*/
.todayrecoBtn a {overflow:hidden; position:absolute; top:0; display:block; width:35px; height:125px; background:#fff url('http://cache.tooniland.com/section/main/2013/btn_top_cnt_arrow.gif') no-repeat 0 0; text-indent:-9999em;} /* 2013-12-11 */
.todayrecoBtn a.prevBtn {left:0; background-position:0 41px;}
.todayrecoBtn a.nextBtn {right:0; background-position:-69px 41px;}
.todayrecoBtn a.prevBtn:hover {left:0; background-position:-150px 41px;}
.todayrecoBtn a.nextBtn:hover {right:0; background-position:-219px 41px;}
.todayrecoBtn a.prevBtn.off {left:0; background-position:-300px 41px;}
.todayrecoBtn a.nextBtn.off {right:0; background-position:-369px 41px;}

/* Main */
/*.maincntwrap {position:relative; margin:17px 0 40px 0; padding-bottom:23px;}*/
.maincntwrap {position:relative; margin:0 0 0 5px;} /* 2013-12-11 */
.maincntwrap:after {content: "."; height: 0; display: block; visibility: hidden; clear: both;}
.maincntwrap .mainCnt {float:left; width:535px; margin-right:20px;margin-left:15px;}
/*.mainCnt .rBox {position:relative; width:500px; margin:20px 0 12px 0; background:#f2f2f2; border:1px solid #dcdcdc; border-radius:5px;}*/
.mainCnt .rBox {position:relative; width:485px; margin:20px 0 12px 0; border:1px solid #dcdcdc; border-radius:1px;}
.mainCnt .rBox h2 {padding-bottom:14px; font-size:14px; color:#3e3e40; font-weight:bold;}

.maincntwrap .topGo {position:fixed; display:none; left:50%;margin-left:510px; bottom:120px; }
.maincntwrap .topGo a {display:block; width:55px; height:55px; background:url('http://cache.tooniland.com/section/main/2013/btn_go_top.png') no-repeat left top; text-indent:-9999em;}
.maincntwrap .topGo a:hover {background-position:-65px 0;}

/* Tooniverse */
.mainCnt .rBox.tooniverseBox {position:relative; height:343px; padding:25px 0 0 0; z-index:80;}
.tooniverseBox .dateArea {position:relative; float:left; width:153px; height:100%; padding:0 0 0 26px;}
.tooniverseBox .dateArea h2 {padding-bottom:10px;}
.tooniverseBox .dateArea .verseBnr {position:absolute; right:10px; bottom:0; z-index:10; width:300px; height:300px;}
.tooniverseBox .dateArea .dateTxt {position:absolute; z-index:10; display:block; padding:0 0 0 5px; font-size:16px; line-height:24px;}

.tooniverseBox .todayArea { float:left; width:245px; padding:7px 0 0 0;}
.tooniverseBox .todayArea .thumBox {position:relative; margin:0 0 17px 0;}
.tooniverseBox .todayArea .thumBox img {width:215px; height:161px;}
.tooniverseBox .todayArea .thumBox .maskBorder {position:absolute; left:0; top:0; width:213px; height:159px; border:1px solid #3b3a3a; opacity:0.2; filter: alpha(opacity=20); }
.tooniverseBox .todayArea .thumBox strong {position:absolute; left:0; bottom:0; width:200px; height:13px; padding:10px 5px 10px 10px; color:#fff; z-index:10; font-size:14px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tooniverseBox .todayArea .thumBox .mask {position:absolute; left:0; bottom:0; width:215px; height:33px; background:#000; opacity:0.8; filter: alpha(opacity=80); z-index:1;}
.tooniverseBox .todayArea ul li {padding:0 0 4px 0; line-height:16px;}
.tooniverseBox .todayArea ul li em {display:inline-block; width:44px; font-weight:bold; vertical-align:top;}
.tooniverseBox .todayArea ul li a{display:inline-block; width:170px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.tooniverseBox .tvnowArea {position:relative; float:left;width:215px; padding:7px 0 0 0;}
.tooniverseBox .tvnowArea .programList {overflow:hidden; margin:0 0 26px 0; border-bottom:1px solid #c5c5c5;}
.tooniverseBox .tvnowArea .programList li {height:11px; padding:8px 2px 11px 2px; background:url('http://cache.tooniland.com/section/main/2013/bg_dot_line.gif') repeat-x left bottom;}
.tooniverseBox .tvnowArea .programList li.onair {height:37px; padding:13px 0 15px 90px; .margin-bottom:-2px; line-height:14px; border-top:2px solid #4d4e51; border-bottom:2px solid #4d4e51; background:url('http://cache.tooniland.com/section/main/2013/bul_onair.gif') no-repeat left top; font-size:14px; font-weight:bold;}
.tooniverseBox .tvnowArea .programList li.onair em {display:block; margin-bottom:3px;}
.tooniverseBox .tvnowArea .programList li.last-child {background:none;}
.tooniverseBox .tvnowArea .programList li em {display:inline-block; width:43px;}
.tooniverseBox .tvnowArea .more {top:7px;}

/* AD */
.mainCnt .rBox.tooniadBox {width:640px; padding:14px;}
.mainCnt .rBox.tooniadBox {width:640px; height:100px; padding:14px; background:#f2f2f2 url('http://cache.tooniland.com/section/main/2013/empty_ad_640x100.gif') no-repeat 14px 14px;} /* 2013-12-11 */
.mainCnt .rBox.tooniadBox img {width:640px; height:100px;}

/* Game Theater */
.mainCnt .rBox.gtBox {overflow:hidden; width:485px; padding:22px 29px 23px 29px;}
.mainCnt .rBox.gtBox .moreBtn {top:3px;}

/*
.gtBox .navArea {position:absolute; left:50%; bottom:0; width:120px; margin-left:-60px;}
.gtBox .navArea a {float:left; display:block; width:32px; height:31px; background:url('http://cache.tooniland.com/section/main/2013/btn_section.png') no-repeat left top; text-indent:-9999em;}
.gtBox .navArea a.prevBtn {background-position:0 0;}
.gtBox .navArea a.nextBtn {background-position:-80px 0;}

.gtBox .navArea a.prevBtn:hover {background-position:0 -78px;}
.gtBox .navArea a.nextBtn:hover {background-position:-80px -78px;}

.gtBox .navArea a.prevBtn.end {background-position:0 -165px;}
.gtBox .navArea a.nextBtn.end {background-position:-80px -165px;}
.gtBox .navArea span {float:left; margin:7px 10px 0 10px; font-size:16px; color:#848484;}
.gtBox .navArea span i {font-style:normal;}
.gtBox .navArea span .currentNo {color:#2d2e2f;}
*/
/* 2013-12-11 */
.gtBox .navArea {overflow:hidden; position:absolute; left:50%; bottom:0; width:120px; margin-left:-60px;}
.gtBox .navArea a {float:left; vertical-align:top; display:block; width:32px; height:31px; background:url('http://cache.tooniland.com/section/main/2013/btn_section.png') no-repeat left top; text-indent:-9999em;}
.gtBox .navArea a.prevBtn {background-position:0 0;}
.gtBox .navArea a.nextBtn {background-position:-80px 0;}

.gtBox .navArea a.prevBtn:hover {background-position:0 -78px;}
.gtBox .navArea a.nextBtn:hover {background-position:-80px -78px;}

.gtBox .navArea a.prevBtn.end {background-position:0 -165px;}
.gtBox .navArea a.nextBtn.end {background-position:-80px -165px;}
.gtBox .navArea span {float:left; display:block; width:50px; padding:7px 0; margin:0 auto; font-size:16px; color:#848484; text-align:center;}
.gtBox .navArea span i {font-style:normal;}
.gtBox .navArea span .currentNo {color:#2d2e2f;}
/* //2013-12-11 */

.gtBox .gameBox {position:relative; overflow:hidden; position:relative; padding:10px;width:300px; height:540px;}
.gtBox .gameBox h2 {margin-bottom:10px;margin-top:20px;}
.gtBox .gameIn {overflow:hidden; position:relative;width:280px; height:499px;}
.gtBox .gameBox ul {overflow:hidden; width:285px; height:520px;}
.gtBox .gameBox ul li {float:left; width:140px; padding:0 0 5px 5px;}
.gtBox .gameBox ul li.firstChild {padding-left:0;}
.gtBox .gameBox ul li.pointArea {position:relative; width:100%; padding:0;}
.gtBox .gameBox ul li.pointArea img {width:285px; height:214px;}
.gtBox .gameBox ul li.pointArea .descTxt {display:block; margin:20px 0 10px 0; font-weight:bold;}
.gtBox .gameBox ul li.pointArea .icon {position:absolute; left:0; top:0; width:80px; height:80px;}
.gtBox .gameBox ul li img {display:block; width:140px; height:100px;}

.gtBox .theaterBox {overflow:hidden; position:relative; float:left; width:485px;  height:525px;}
.gtBox .theaterIn {overflow:hidden; position:relative; width:485px; height:499px; margin:0 auto;}
.gtBox .theaterBox h2 {border-bottom:2px solid #464646;}
.gtBox .theaterBox ul {position:absolute; left:20px; top:22px; width:500px; height:459px;}
.gtBox .theaterBox li {float:left; width:220px; margin:0 0 14px 23px; line-height:14px;}
.gtBox .theaterBox li.first-child {margin-left:-10px;}
.gtBox .theaterBox li a {cursor:pointer;}
.gtBox .theaterBox li img {padding:0 0 8px 0; width:220px; height:110px;}
.gtBox .theaterBox li strong {display:block; width:220px; margin:0 0 3px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;text-align:center;}
.gtBox .theaterBox li em {display:block; width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;text-align:center;}

/* Cartoon */
.mainCnt .rBox.cartoonBox {overflow:hidden; width:610px; height:331px; padding:25px 29px 0 30px; margin-bottom:0;}
.cartoonBox .more {right:30px; top:27px;}
.cartoonBox h2 {border-bottom:2px solid #464646;}
.cartoonBox ul {margin:34px 0 40px 8px;}
.cartoonBox ul:after {content: "."; height: 0; display: block; visibility: hidden; clear: both;}
.cartoonBox ul li {position:relative; float:left; margin-left:30px; width:111px;}
.cartoonBox ul li a {cursor:pointer;}
.cartoonBox ul li img {width:111px; height:160px;}
.cartoonBox ul li .cartoonIcon {position:absolute; left:0; top:-6px; width:111px; height:166px; background:url('http://cache.tooniland.com/section/main/2013/img_cartoonbook.png') no-repeat left top;}
.cartoonBox ul li strong, .cartoonBox ul li em {margin:13px 0 0 0; display:block; width:111px; line-height:14px; text-align:center;}
.cartoonBox ul li em {display:block; width:111px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:8px 0 12px 0;}
.cartoonBox ul li div.star {position:relative; display:block; margin:0 auto; width:73px; height:13px; background:url('http://cache.tooniland.com/section/main/2013/bg_cartoon_star.gif') no-repeat left top;}
.cartoonBox ul li div.star span {position:absolute; left:0; top:0; display:block; height:13px; text-indent:-9999em; background:url('http://cache.tooniland.com/section/main/2013/bg_cartoon_star.gif') no-repeat left -40px;}
.cartoonBox ul li strong {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* Siide */
.sideCnt {float:left; width:305px;margin-left:7px;}
.sideCnt .rBox {position:relative; width:285px; height:212px; padding:10px; margin:20px 0 20px 0; border:1px solid #dcdcdc; border-radius:1px;}
.sideCnt .rBox img {width:285px; height:212px;}
.sideCnt .rBox h2 {padding-bottom:12px; border-bottom:2px solid #464646; font-size:14px; color:#4d4e51; font-weight:bold;}

/* Login */
#tooni_wrapper .loginArea {position:relative; padding:30px 29px 25px 29px; width:230px; height:313px; border:1px solid #638e0f; border-radius:10px; background:#72a113 url('http://cache.tooniland.com/section/main/2013/bg_login.jpg');}
#tooni_wrapper .loginArea h2 {margin:0 0 16px 0; color:#fff; font-size:14px; text-shadow:1px 1px #52730e;}
#tooni_wrapper .loginArea input.text {margin:0 0 10px 0; padding:10px 12px 14px 12px;; width:206px; height:14px; font-size:14px; font-family:verdana; border:0; color:#64685b; border-radius:5px; background:#fff url('http://cache.tooniland.com/section/main/2013/bg_login_text.gif') no-repeat 12px 12px;}
#tooni_wrapper .loginArea input.textPw {background-position:12px -36px;}
#tooni_wrapper .loginArea input.loginTextNone {background-image:none;}
#tooni_wrapper .loginArea .idArea {margin:3px 0 16px 0; color:#fff; font-size:12px; text-shadow:1px 1px #52730e;}
#tooni_wrapper .loginArea .idArea em {display:inline-block; margin:0 10px; text-shadow:none;}
#tooni_wrapper .loginArea .idArea input {vertical-align:middle; border:0;}
#tooni_wrapper .loginArea .idArea label {cursor:pointer;}
#tooni_wrapper .loginArea .idArea a {color:#fff;}
#tooni_wrapper .loginArea .logoutBtn {position:absolute; right:29px; top:26px;}

#tooni_wrapper .loginArea .btnArea {overflow:hidden; width:100%; height:113px; background:url('http://cache.tooniland.com/section/main/2013/bg_login_dot_line.png') repeat-x 0 69px;}
#tooni_wrapper .loginArea .btnArea a {display:block; float:left; margin:25px 0 0 18px; width:88px; height:88px; text-indent:-9999em; background-repeat:no-repeat; background-position:0 0;}
#tooni_wrapper .loginArea .btnArea a.tooniJoin {background-image:url('http://cache.tooniland.com/section/main/2013/btn_join.png');}
#tooni_wrapper .loginArea .btnArea a.tooniToon {background-image:url('http://cache.tooniland.com/section/main/2013/btn_toonitoon_charge.png');}

#tooni_wrapper .loginArea .memberInfo {width:230px; margin:0 0 18px 0; border-radius:5px; background:#fff;}
#tooni_wrapper .loginArea .memberInfo p {position:relative; height:27px; padding:10px 0 2px 13px; background:url('http://cache.tooniland.com/section/main/2013/bg_dot_line.gif') repeat-x 0 0; font-size:14px; line-height:16px;}
#tooni_wrapper .loginArea .memberInfo p.id {background:none;}
#tooni_wrapper .loginArea .memberInfo p em {color:#316e08;}
#tooni_wrapper .loginArea .memberInfo p .linkText {position:absolute; right:13px; top:10px; font-size:12px; text-decoration:underline;}

.recenWrap {position:relative; }
.recengameList {width:230px; height:156px; border-radius:5px; background:#fff;}
.recengameList li {height:50px; font-size:14px; line-height:16px; background:url('http://cache.tooniland.com/section/main/2013/bg_dot_line.gif') repeat-x 0 0; }
.recengameList li.first-child {background:none;}
.recengameList li a {display:block; width:157px; padding:17px 60px 0 13px; height:33px; background:url('http://cache.tooniland.com/section/main/2013/btn_game_arrow.png') no-repeat 178px 9px;}
.recengameList li a:hover {background-image:url('http://cache.tooniland.com/section/main/2013/btn_game_arrow_over.png');}
.recengameList li strong {display:block; width:157px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.recengameList .more {color:#fff; text-shadow:1px 1px #52730e;}
.recentMsg {padding:53px 0 0 0; text-align:center; font-size:14px; line-height:20px; letter-spacing:-1px;}
.recentMsg a {display:block; margin:7px 0 0 0; color:#316e08; text-decoration:underline; font-weight:bold;}

.hotmovie {width:260px; height:180px; background:url('../images/movie.jpg') no-repeat left top;} /* 2013-12-09 */

.snsArea {width:305px; margin:-4px 0 0 0; padding:0;}
.snsArea .snsImg {width:100%; text-align:right;}
/*.snsArea .snsImg img {display:inline-block; width:290px; height:107px;}*/
.snsArea .snsImg img {display:block; width:290px; height:107px;} /* 2013-12-11 */
.sideCnt .snsArea .rBox {margin:0; padding:30px 20px 30px 20px; .padding-bottom:38px; width:265px;height:260px;border-radius:1px;}
.snsArea .noticeBox {position:relative; width:255px; margin:0 auto; height:100%;}
.snsArea .noticeBox ul {border-bottom:1px solid #c5c5c5;}
.snsArea .noticeBox ul li {padding:10px 0 10px 0; height:17px; background:url('http://cache.tooniland.com/section/main/2013/bg_dot_line.gif') repeat-x left top; font-size:14px; letter-spacing:-1px; line-height:16px;}
.snsArea .noticeBox ul li.first-child {background:none;}
.snsArea .noticeBox ul li a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.snsArea .noticeBox ul li strong {color:#0579af;}
.snsArea .more {top:2px;}

.snsArea .tooniPdbox {position:relative; width:100%; margin:31px 0 0 0;}
.snsArea .tooniPdbox .pdLine {padding-bottom:10px; border-bottom:1px solid #c5c5c5;}
.snsArea .tooniPdbox .toonipdScroll {overflow-y:auto; margin:10px 0 0 0; padding:10px 0; width:230px; height:188px;}
.snsArea .tooniPdbox .toonipdScroll li {width:205px; margin:0; margin-bottom:15px; font-size:14px; line-height:18px; background:url('http://cache.tooniland.com/section/main/2013/bg_pd_text_wrap.png') no-repeat left top;}
.snsArea .tooniPdbox .toonipdScroll li .textBox {width:181px; padding:9px 12px; height:100%; background:url('http://cache.tooniland.com/section/main/2013/bg_pd_text_wrap_bottom.png') no-repeat left bottom;}
.snsArea .tooniPdbox .toonipdScroll li:nth-child(even) .textBox {background:url('http://cache.tooniland.com/section/main/2013/bg_pd_text_wrap_bottom2.png') no-repeat left bottom;}
.snsArea .tooniPdbox .toonipdScroll li em {display:block; padding:5px 0 10px 0; font-family:'돋움'; color:#777; font-size:12px;}

.snsArea .tooniEvent {position:relative; width:100%; margin:40px 0 0 0;}
.snsArea .tooniEvent h2 {border-bottom:0;}
.snsArea .tooniEvent img {width:230px; height:108px;}

/* 2013-12-11 삭제 */
/*
.serviceAll {position:relative; clear:both; height:12px; padding:14px 11px 15px 11px; .padding:12px 11px 17px 11px; font-size:13px; word-spacing:-1px; border-top:2px solid #464646; border-bottom:1px solid #464646; color:#666;}
.serviceAll strong {display:inline-block; margin-right:20px; padding-right:10px; background:url('http://cache.tooniland.com/section/main/2013/bul_arrow.gif') no-repeat 100% 3px; color:#3e3e40;}
.serviceAll .logoArea {position:absolute; right:10px; top:14px; }
.serviceAll .logoArea a {margin-right:10px;}
*/

/* Select */
.selectBox { position:absolute; left:0; top:275px; z-index:100; width:215px; height:38px;}
.selectIn { position: relative; width:213px; }
.selectIn a.select_title { display:inline-block; vertical-align: top; text-align: left; color:#0579af;}
.selectIn a.select_title:hover { text-decoration: none;}
.selectIn a.select_title span {background:url('http://cache.tooniland.com/section/main/2013/bg_selectbox.png') no-repeat left top; cursor: pointer; display:inline-block; _display: block; height:21px; width:185px; padding:11px 20px 6px 13px;vertical-align: top; color:#0579af; overflow: hidden; font-size:14px; font-weight:bold;}
#current_selected01 a.select_title span { background:url('http://cache.tooniland.com/section/main/2013/bg_selectbox_down.png') no-repeat left top; }
.select_option { display: none; left:0; top:38px; position: absolute; padding:15px 0; width:213px; height:285px; border:1px solid #2996c9; border-radius:5px; border-top:0; background:#fff /*url('http://cache.tooniland.com/section/main/2013/bg_selectbox_list.png') no-repeat left bottom*/;}
.select_option li {padding:0 0 11px 0;}
.select_option li a {display:block; width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 0 0 13px; color:#464646; font-size:14px; line-height:16px;}
.select_option li a:hover {color:#0579af; text-decoration:underline; font-weight:bold;}

/* Today Layer */
.todayLayer {position:fixed; left:0; top:0; width:100%; height:100%; z-index:100000;}
.todayLayer .opacityBg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.65; filter:alpha(opacity=65); }
.todayLayerin {position:relative; width:980px; margin:0 auto; z-index:200;}
.todayLayerin .rbox {position:absolute; right:0; top:197px; padding:30px; 40px; width:588px; height:488px; background:#fff; border:1px solid #464646; border-radius:10px; box-shadow:2px 2px 2px #464646;}
.todayLayerin .rbox h3 {color:#0579af; font-size:14px; padding-bottom:12px; border-bottom:2px solid #2996c9;}
.todayLayerin .rbox h3 em {padding-left:12px;}
.todayLayerin .rbox .closeBtn {position:absolute; right:31px; top:31px;}
.todayLayerin .rbox .articleBox {margin:20px 0 0 0; padding:0 30px 0 0; width:557px; height:439px; font-size:14px; line-height:20px; text-align:justify;}
.todayLayerin .rbox .articleBox .header {overflow:hidden; padding:0 0 20px 0;}
.todayLayerin .rbox .articleBox strong {display:block; padding:0 0 14px 0; font-size:24px; font-weight:normal; letter-spacing:-2px;} /* 2013-12-03 */
.todayLayerin .rbox .articleBox .articleDate {}
.todayLayerin .rbox .articleBox .imgBox {float:left; margin-right:20px;}

/* Service All */
.sertiveAllview {overflow:hidden; padding:58px 0 60px 0;}
.sertiveAllview .section {float:left; overflow:hidden;}
.sertiveAllview .section strong {display:block; line-height:20px; margin-left:18px;}
.serviceTit {overflow:hidden;}
.serviceTit .title {float:left;}
.serviceTit span {display:inline-block; padding:20px 0 0 19px;}
.serviceTit span strong {color:#0579af; margin:0 5px; height:12px;} /* 2013-12-12 */
.serviceTit .searchArea {position:relative; float:right; width:200px; margin:10px 0 0 0; height:25px; font-size:16px; color:#0579af; border-bottom:2px solid #2996c9;}
.serviceTit .searchArea .text {border:0; width:140px; font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum; color:#464646; word-spacing:-2px;}
.serviceTit .searchArea .searchBt {position:absolute; right:0; top:2px; width:17px; height:17px; cursor:pointer; background:url('http://cache.tooniland.com/section/main/2013/btn_search_img.png') no-repeat left top; border:0;}

.sertiveAllview h2 {float:left; padding:0 0 7px 0; font-size:30px; line-height:34px; color:#434343; font-weight:normal; letter-spacing:-2px;}
.sertiveAllview ul li em {color:#0579af;}
.sertiveAllview h3 {margin:24px 0 20px 0; padding:12px 0 0 18px; height:31px; font-size:16px; line-height:16px; letter-spacing:-1px; background:#f2f2f2; border:1px solid #b3b3b3; border-radius:10px;}
.sertiveAllview li {line-height:22px;}
.tooniversetvBox {overflow:hidden;}
.tooniversetvBox ul {margin-left:18px;}
.tooniversetvBox ul li {float:left; margin-right:22px; line-height:24px; font-weight:bold;}
.theaterlistBox {overflow:hidden;}
.theaterlistBox ul {float:left; width:178px; padding-left:18px;}
.gameComicsBox .gameList {float:left; width:386px; margin-right:10px;}
.gameComicsBox .gameList ul {float:left; width:175px; padding-left:18px;}
.gameComicsBox .comicsList {float:left; width:584px;}
.gameComicsBox .comicsList ul {float:left; width:175px; padding-left:18px;}



/* 2014-12-10 투니랜드 메인에서 만화 컨텐츠 제거 */
.contents .todayrecoBnr { right:52px; top:15px; }
.contents .todayrecoBnr img { width:196px; height:95px; }



#main_container #content .conTop{overflow:hidden; position:relative; padding:0 0 20px 0;}
.conMid .sec03 .lImg{overflow:hidden; float:left;margin:0 5px 0 2px;}
.conMid .sec03 .rImg{overflow:hidden; float:right;margin:0 0 0 5px;}
.conMid .sec03 {display:inline-block;}
.maincntwrap .leftCnt {float:left; width:285px; margin-right:20px;}
.leftCnt .rBox {position:relative; width:300px; height:570px; margin:20px 0 12px 0; border:1px solid #dcdcdc;border-radius:1px;}
.mainCnt .rBox {position:relative; width:580px; margin:20px 0 12px 0; border:1px solid #dcdcdc;border-radius:1px;}
.util {width:1200px;text-align:left}