@charset "euc-kr";

/*
*{ padding:0; margin:0}
body,input,textarea,select{ font-family:dotum,'µ¸¿ò',verdana, arial, helvetica, sans-serif; font-size:12px; line-height:1.6em; color:#757575;}
body{ background-color:#f0ebc4;}
ul,ol,li,dl,dt,dd{list-style:none;}
caption{line-height:0; visibility: hidden;}
hr{ display:none;}
fieldset{ border:0;}
img{ border:0; vertical-align:top;}
input,select,button{ vertical-align:middle;}
input.text, input.file{ padding:2px; font-size:12px; border:1px solid #c8c5a7; background-color:#fff; line-height:1.25em;}
textarea.textarea{ resize:none; border:1px solid #c8c5a7; padding:5px;}
*/

/*
.blind,legend{ position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}
.skipNavigation{position:absolute; top:0; display:block; font-size:12px; width:100%; height:0; line-height:1em; overflow:visible; visibility: visible; z-index:6000;}
.skipNavigation a{position:absolute; top:-9999px; display:block; width:100%; padding:10px 0; font-weight:bold; text-align:center; background-color:#f5f5f5;}
.skipNavigation a:hover,.skipNavigation a:active,.skipNavigation a:focus{position:absolute; top:0; left:0; color:#333; }
*/

/*layout*/
/*
#wrapper{ width:100%; min-width:1120px; background:url(../images/bodyback.jpg) 0 0 repeat-x;}
*/
#aniheader{ width:100%; height:597px; background:url(../images/headback.jpg) center 0 no-repeat;}
#aniheader:after{ display:block; clear:both; content:""}

#container{ position:relative; width:100%; padding:41px 0 0 0; background:url(../images/cntback.gif) 0 0 repeat;}
#container:after{display:block; clear:both; content:""}

/*header*/
.gnbwrap{ position:relative; margin:0 auto; width:960px; height:521px; padding-top:75px;}
.gnbwrap h1{ position:absolute; left:-2px; top:15px;}
.gnbwrap .btn{position:absolute; right:0; top:30px;}
.gnbwrap h2{ margin-left:11px; margin-top:-7px;}
.gnbwrap p{ margin:30px 0 23px 40px;}
.gnbwrap .btn_song {position:absolute; left:437px; top:379px;}
#anignb{ position:relative; float:left; margin-top:40px; width:960px; padding:0 40px; height:85px;}
#anignb li{ float:left; display:inline; white-space:nowrap;}
#anignb li a{ display:block; height:86px; background:url('../images/gnbback.gif') no-repeat; }
#anignb li a.on{ position:relative; background:url('../images/gnbback.gif') no-repeat;/*z-index:10; */}
#anignb .m1 a{ width:220px; background-position:-2px 0;}
#anignb .m2 a{ width:220px; background-position:-222px 0;}
#anignb .m3 a{ width:220px; background-position:-443px 0;}
#anignb .m4 a{ width:220px; background-position:-663px 0;}
#anignb .m1 a.on{ margin-right:-4px; padding-right:4px; background-position:0 -86px;}
#anignb .m2 a.on{ margin:0 -4px; padding:0 4px; background-position:-220px -172px;}
#anignb .m3 a.on{ margin-left:-4px; padding-left:4px; background-position:-436px -258px;}
#anignb .m4 a.on{ margin-left:-4px; padding-left:4px; background-position:-660px -344px;}
#anignb a span{ position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}


/*content*/
#content{ margin:0 auto; width:882px; padding-bottom:57px; position:relative;}
#content:after{ display:block; clear:both; content:""}
#content h3.htit{ margin-bottom:4px;}
.bannerArea{ padding:62px 0 95px 0; background:#f9f5e1;}
.bannerArea .inner{width:882px; margin:0 auto;}


/*footer*/
/*
.ftlogo{ float:left; width:140px; padding:54px 0 0 57px;}
.ftPolicy{ float:left; margin:16px 44px 0 0;}
.ftPolicy ul{ float:left; width:502px;}
.ftPolicy li{ float:left; display:inline;}
.ftInfo1{ clear: both; padding:14px 0 0 25px; font-size:0;}
.ftInfo1 address span{ display:block; margin:5px 0;}
.ftInfo2{ float:left; margin-top:16px;}
.ftInfo2 .btn{ display:block; padding-top:7px;}
*/




.cbox{ width:882px; padding-bottom:20px; background:url(../images/cntbox_b1.gif) 0 bottom no-repeat;}

/* °øÅë - ½ÃÁ𠱸ºÐ*/
.s-wrap{position:absolute; top:22px; right:6px;}
.s-wrap a, .s-wrap span{float:left; display:block;}
.s-wrap span{margin:0  20px;}
.s2-new-ico{position:absolute; top:-34px; left:105px;}


/*·¹À̾îÆ˾÷ °øÅë*/
.layer_wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url('../images/layer-bg.png') repeat; z-index:200;  overflow:auto; margin:0 auto; }
.layer_wrap .layer_pop {position:relative;top:175px; padding:0 120px; padding-bottom:40px; min-width:1000px; }
.layer_wrap .layer_pop .pop_tit {text-align:center;}
.layer_wrap .layer_pop .pop_box {position:relative; width:1000px; height:683px; margin:30px auto 0; background:#00a0e8;}
.layer_wrap .layer_pop .pop_box .btn_cls {position:absolute; top:0; right:0;z-index:2;}
.layer_wrap h3{text-align:center; padding:50px 0 30px 0;}
.layer_wrap .mov {width:750px; height:422px; margin:0 auto;}
.layer_wrap .vod-btn-wrap{width:518px; margin:30px auto 0 auto; overflow:hidden;}
.layer_wrap .vod-btn-wrap a{display:block; float:left; width:249px;}
.layer_wrap .vod-btn-wrap a.end{margin-left:20px;}


/*ÀÛÇ°¼Ò°³*/
.intro{ padding-top:20px; background:url(../images/cntbox_t1.gif) 0 0 no-repeat;}
.intro ul{ width:882px; padding:0 43px 14px 40px; background:url(../images/cntbox_c1.gif) 0 0 repeat-y;}
.intro li{ height:213px; padding:28px 0 17px; background: url(../images/intro_img1.jpg) no-repeat;}
.intro li strong{ display:block; margin-bottom:10px; padding:30px 0 14px; background:url(../images/lineback.gif) 0 bottom repeat-x;}
.intro li.item1{ padding-left:266px; background-position:0 28px;}
.intro li.item2{ padding-right:266px; background-position:right -272px;}
.intro li.item3{ padding-left:266px; background-position:0 -572px;}
.intro li.item4{ padding-right:266px;  background-position:right -872px;}
.intro li.item1 strong{ padding-top:37px;}
.intro li.item2 strong{ padding-top:16px;}
.intro h3{ margin:60px 0 13px;}


/*µîÀåÀι°*/
.character{ position:relative; width:882px; }
.character .tab{ position:absolute; right:23px; top:21px; width:235px;}
.character .tab li{ float:left; display:inline;}
.character .chbox{ clear:both; width:882px; padding-top:20px; background:url(../images/cntbox_t1.gif) 0 0 no-repeat; }
.character .chbox .btntop{ position:absolute; right:23px; top:241px; }
.character p.etc{ width:882px; padding:20px 0 24px; text-align:center; background:url(../images/cntbox_c1.gif) 0 0 repeat-y;}
.character .cbox ul{ width:882px; padding:21px 43px 33px 40px; background:url(../images/cntbox_c1.gif) 0 0 repeat-y;}
.character .cbox li{ background: url(../images/character_img2.gif) no-repeat;}
.character .cbox li strong{ display:block; margin-bottom:18px;}
.character .cbox li div{ height:220px; padding:63px 0 0 176px; background:url(../images/lineback.gif) 0 bottom repeat-x;}
.character .cbox li.item1{ background-position:0 0;}
.character .cbox li.item2{ background-position:0 -219px;}
.character .cbox li.item3{ background-position:0 -438px;}
.character .cbox li.item4{ background-position:0 -657px;}
.character .cbox li.item5{ background-position:0 -876px;}
.character .cbox li.item6{ background-position:0 -1095px;}
.character .cbox li.item7{ background-position:0 -1314px;}
.character .cbox li.item8{ background-position:0 -1533px;}
.character .cbox.s2 li{ background: url(../images/character_img2-s2.gif) no-repeat;}
.character .cbox.s2 li.item1{ background-position:0 21px;}
.character .cbox.s2 li.item2{ background-position:0 -190px;}
.character .cbox.s2 li.item3{ background-position:0 -410px;}
.character .cbox.s2 li.item4{ background-position:0 -628px;}
.character .cbox.s2 li.item5{ background-position:0 -845px;}
.character .cbox.s2 li.item6{ background-position:0 -1065px;}
.character .cbox.s2 li.item7{ background-position:0 -1285px;}
.character .cbox.s2 li.item8{ background-position:0 -1505px;}


/*¾Ö´Ï¸ÞÀÌ¼Ç º¸±â*/
.animation .tab{ display:inline-block; width:882px; height:55px; padding:18px 0 16px; background:url(../images/ani_tabback.gif) 0 0 no-repeat;}
.animation .tab strong{ float:left; display:block; padding:0 24px;}
.animation .tab ul{ float:left;}
.animation .tab li{ float:left; display:inline; padding:0 14px; background:url(../images/sp.gif) 0 4px no-repeat;}
.animation .tab li.first{ padding:0 14px 0 32px; background:none;}

/*¸ñ·Ï*/
.animation .aniListForm{ clear:both; }
.animation .aniList{ display:inline-block; width:882px; padding-bottom:20px; background:url(../images/cntbox_b1.gif) 0 bottom no-repeat;}
.animation .aniList ul{float:left; width:880px; padding:6px 22px 11px 20px; background:url(../images/cntbox_c1.gif) 0 0 repeat-y;}
.animation .aniList li{ float:left; width:410px; padding:39px 10px 0 20px;}
.animation .aniList .title{ display:block; padding-bottom:10px; font-size:18px; color:#333; letter-spacing:-1px;}
.animation .aniList .thumb{ margin-right:11px; float:left; width:179px;}
.animation .aniList .txt{ float:left; width:180px; height:190px; line-height:1.0em; overflow:hidden;}
.animation .aniList .btn{ padding:10px 0 0 0 !important; overflow:hidden; width:378px;background-color:#fff;}
.animation .aniList .btn a{display:block; width:179px; float:left;}
/* .animation .aniList .btn a.ani-show{margin-left:10px;} */
.animation .search{ clear:both; margin:20px 0 0;/*margin:20px 0 60px;*/ width:882px; height:46px; padding:3px 0; text-align:center; background:url(../images/searchback.gif) 0 0 no-repeat;}
.animation .search .text{ width:255px;}
.animation .search a {display:inline-block;position:relative;top:7px;}
.animation .search a img{padding:0 3px;}

/*»ó¼¼*/
.aniViewForm{ width:882px;}
.aniViewForm .anibox{ width:882px; background:url(../images/cntbox_c1.gif) 0 0 repeat-y;}
.aniViewForm .anibox h4.htit{ height:55px; padding:18px 40px 0; font-size:18px; line-height:18px; letter-spacing:-1px; color:#fff; background:url(../images/ani_titback.gif) 0 0 no-repeat;}
.aniViewForm .aniView{ display:inline-block; margin:30px 42px 0 40px; width:800px; padding-bottom:41px; background:url(../images/lineback.gif) 0 bottom repeat-x;}
.aniViewForm .aniView:after{ display:block; clear:both; content:""; }
.aniViewForm .playbox{ position:relative; float:left; width:560px; height:325px; border:1px solid #ddd;}
.aniViewForm .playbox h5{ left:0; top:0; width:560px; height:50px; padding:15px; font-size:15px; color:#fff; letter-spacing:-1px; background-color:#c32c30;}
.aniViewForm .captionbox{ float:right; width:208px;height:375px; padding:15px 10px; font-size:11px; line-height:1.5em; overflow-y:auto; border:1px solid #ddd;}
.aniViewForm .bdnavi{ clear:both; display:inline-block; padding:15px 42px 20px 40px; width:800px;}
.aniViewForm .bdnavi:after{ display:block; clear:both; content:""; }
.aniViewForm .bdnavi .btnL{ float:left;}
.aniViewForm .bdnavi .btnL a{ display:block; margin-right:5px; float:left;}
.aniViewForm .bdnavi .btnR{ float:right;}
.aniViewForm .bdnavi .btnR a{ display:block; margin-left:5px; float:left;}
.aniViewForm .summary{ padding:20px 42px 50px 40px}
.aniViewForm .summary h4{ margin-bottom:8px; } 
.aniViewForm .comment fieldset{ position:relative; width:881px; height:185px; padding:29px 42px 29px 40px; background-color:#ebe8ce; border-top:1px solid #d9d6ba; border-bottom:1px solid #d9d6ba;}
.aniViewForm .comment fieldset label{position:absolute; top:-1000em; left:0; font-size:0; width:0; height:0; line-height:0; overflow:hidden;}
.aniViewForm .comment fieldset h5{ margin-bottom:15px;}
.aniViewForm .comment fieldset .textarea{ width:658px; height:80px; overflow:auto;}
.aniViewForm .comment fieldset a{position:absolute; right:42px; top:62px;}
.aniViewForm .comment .cmtList{ position:relative; _height:1%;}
.aniViewForm .comment .cboxb{ zoom:1; position:absolute; left:0; bottom:0; width:882px; height:20px; background:url(../images/cntbox_b1.png) 0 0 no-repeat;}
.aniViewForm .comment table{ width:882px; line-height:1.4em; border-collapse: collapse; border:none; border-left:1px solid #ebe8ce; border-right:3px solid #ebe8ce; background-color:#fff;}
.aniViewForm .comment table th,.aniViewForm .comment table td{ color:#6f6f6f; text-align:center; border:none; border-bottom:1px solid #dddcda;}
.aniViewForm .comment table th.name{ width:100px; padding:30px 15px; color:#463930;}
.aniViewForm .comment table td.cnt{ padding:30px; text-align:left; border-left:1px solid #dddcda; border-right:1px solid #dddcda;}
.aniViewForm .comment table td.date{ width:120px;}
.aniViewForm .comment table td.cnt img{ padding-left:5px;}
.aniViewForm .comment table tr.back{ background-color:#f8f8f8;}
.aniViewForm .paginate{ clear:both; position:relative; margin:10px auto 0; width:882px; text-align:center;}
.aniViewForm .paginate a,.paginate strong{ display:inline-block; padding:0 3px; color:#6f6f6f; text-decoration:none; vertical-align:middle;}
.aniViewForm .paginate span img{ position:relative; margin-top:-2px; vertical-align:middle;}




.evt-list{overflow:hidden;}
.evt-list span{float:left; display:block;}
.evt-list span.sec{margin-left:23px;}
.evt-wrap{position:relative;}
.pdt{ width:882px; padding-top:20px; background:url('../images/cntbox_t1.gif') 0 0 no-repeat; }
.pdb{ width:882px; padding-bottom:20px; background:url('../images/cntbox_b1.png') 0 0 no-repeat; position:absolute; bottom:0; left:0;}
.bbs_wrap{padding:30px 40px 40px 40px; overflow:hidden; background:#ebe8ce;}
.bbs_wrap .bbs{float:left; margin:10px 10px 10px 0; width:192px; background:#fff; position:relative;}
.bbs_wrap .bbs a{display:block; width: 192px; height:140px; overflow:hidden;}
.bbs_wrap .bbs a img{width:100%;}
.bbs_wrap .bbs p{color:#757575; margin:12px; line-height:1.2em; max-height:2.4em; overflow:hidden; font-size:13px;}
.bbs_wrap .bbs span.name{color:#757575; font-size:12px; width:50%; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; display:block; font-weight:bold; margin-left:12px; margin-bottom:12px;} 
.bbs_wrap .bbs span.date{font-size:12px; position:absolute; right:12px; bottom:6px;}
.paging{text-align:center; padding-top:50px;}
.txt_cnt{padding-top:20px; text-align:center;}


.detail-form{clear:both;position:relative; padding:0 0 30px 0; background: #fff;border-left: 1px solid #ebe8ce;border-right: 3px solid #ebe8ce;}
.detail-form .write{width:800px; margin:0 auto; padding-top:10px; overflow:hidden;}
.detail-form .write .tbl-top{width:100%; padding-top:6px; background:url('../images/evt1-tbl-top.png') 0 0 no-repeat; margin-top:17px;}
.detail-form .write .tbl-top table{border-collapse:collapse; margin:0; padding:0;}
.detail-form .write .tbl-top table th, .detail-form .write .tbl-top table td{margin:0; padding:0;}
.detail-form .write .tbl-top table th{border-bottom:1px solid #fff; background:#f4f3f3;}
.detail-form .write .tbl-top table td{padding:15px; border-bottom:1px solid #eeeeee; position:relative;}
.detail-form .write .tbl-top table input[type="text"]{width:568px; border:1px solid #e2e2e2; margin-right:10px;}
.detail-form .write .tbl-top table textarea{resize:none; width:620px; height:200px; border:1px solid #e2e2e2; padding:5px; overflow-y:scroll;}
.detail-form .write .tbl-top table .file{width:522px; height:82px; border:1px solid #e2e2e2;}
.detail-form .write .tbl-top table .add{position:absolute; top:20px; left:550px; cursor:pointer;}
.detail-form .write .tbl-top table a.del{position:absolute; top:47px; left:550px;}
.detail-form .write .tbl-top table th.last{border-bottom:0;}
.detail-form .write .tbl-top table td.last{border-bottom:0;}
.detail-form .write .tbl-top table td p.cont{margin-top:20px;}
.detail-form .write .tbl-btm{width:100%; padding-bottom:6px; background:url('../images/evt1-tbl-btm.png') 0 100% no-repeat; margin-bottom:30px;}
.detail-form .write .btn-wrap{width:254px; margin:0 auto; overflow:hidden;}
.detail-form .write .btn-wrap a{display:block; width:122px; float:left;}
.detail-form .write .btn-wrap a.submit{margin-right:10px;}
.fl{float:left;}
.fr{float:right;}
.url-wrap{margin-top:15px; overflow:hidden;}
.url-wrap .url{width:647px; height:103px; border:1px solid #c8c5a7; float:left; background:#fff; resize:none; padding:5px;}
.url-wrap .btn{width:122px; float:left; background:#ebe8ce;}
.url-wrap .btn a{display:block; margin-top:0px;}
.reply-wrap{clear:both;position:relative;margin:0 auto; line-height:12px;padding: 0;background: #fff;border-left: 1px solid #ebe8ce;border-right: 3px solid #ebe8ce; border-top:1px solid #dedbc0;}
.reply-wrap .reply{ height:81px; border-bottom:1px solid #dddcda;  padding:25px 20px;}
.reply:nth-child(odd){background:#f8f8f8;}
.reply:nth-child(even){background:#fff;}
.nick{color:#463930; margin-bottom:7px; font-weight:bold;}
.url{color:#6f6f6f;}
.date{height:31px; line-height:31px; color:#6f6f6f;}
.share-url{margin-right:5px;}
#add-file{width:91px; height:22px; top:20px; left:550px; position:absolute; opacity:0; filter:alpha(opacity=0); z-index:99; cursor:pointer;}