@charset "UTF-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,em,img,strong,sub,sup,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,table,tr,th,embed,input,button{margin:0;padding:0;border:0;}
body{font-family:dotum;font-size:12px;}
em{font-style:normal;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* 2021-04-22 add */
.xe_content img{max-width:100%;height:auto !important}
/* 2021-04-22 end */

.boardWrap{min-width:698px;width:698px;margin:0}
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type a{color:#433125;text-decoration:none}
.tbl_type{width:100%;color:#433125;font-size:12px;table-layout:fixed}
.tbl_type caption,.tbl_type .frm label{display:none}
.tbl_type th{padding:8px 0 6px;border-top:solid 2px #6c5c52;border-bottom:solid 1px #b0a298;background-color:#eae5db;color:#7f6e63;font-family:dotum;font-size:11px;font-weight:normal;line-height:18px;vertical-align:top}
.tbl_type th.first{border-left:solid 1px #dad2c8;}
.tbl_type th.last{border-right:solid 1px #dad2c8;}
.tbl_type td{padding:13px 0 8px;border-bottom:solid 1px #cec5b1;text-align:center}
.tbl_type td img{margin-bottom:-1px}
.tbl_type .num,.tbl_type .date,.tbl_type .hit{padding:0;font-family:Tahoma;color:#978577;font-size:11px;line-height:normal}
.tbl_type td.rank{font-family:Tahoma;color:#433125;font-size:11px;}
.tbl_type td.charator,.tbl_type td.writer{text-align:left;padding-left:20px}
.tbl_type .title{text-align:left}
.tbl_type td.title1{text-align:left;padding:8px 0 6px 0;}
.tbl_type td.title1 img{vertical-align:middle;margin-bottom:2px;}
.tbl_type .title .pic,.tbl_type .title .new{margin:0 0 2px;vertical-align:middle}
.tbl_type tr.notice .title a{color:#433125;font-weight:bold;letter-spacing:-1px}
.tbl_type a .replyNum{color:#6c5c52;font-size:11px;font-weight:bold}
.tbl_type .hover{background-color:#ebe8e0}
.tbl_type tr.notice td{background-color:#ebe8e0}
.tbl_type tr.notice td.rank{color:#af4b16;font-weight:bold;}
.tbl_type .ico1{text-align:left;}
.tbl_type .ico1 img{vertical-align:middle;margin-top:-1px;}
.tbl_type td.ico1{padding:6px 0 6px 0;}
.list_type1{border-top:solid 2px #6c5c52;padding:20px 0 0 0;}
.list_type1 ul{overflow:hidden;background:url(../images/board/bg_line.gif) repeat-x left bottom;margin-left:10px;}
.list_type1 li{float:left;width:150px;padding:20px 10px 17px 10px;border-bottom:1px solid #cec5b1;overflow:hidden;}
.list_type1 dt{display:block;margin-top:3px;display:block;height:19px;line-height:19px;overflow:hidden;}
.list_type1 dt a{font-size:12px;font-weight:bold;color:#433125;}
.list_type1 dt img{vertical-align:middle;margin-bottom:2px;}
.list_type1 .uploader{color:#715a4a;padding-bottom:3px;}
.list_type1 .uploader img{vertical-align:middle;margin-bottom:2px;}
.list_type1 .date{padding-top:5px;font-size:11px;color:#978577;}
.list_type1 .date em{color:#c65636;}
.list_type1 .bar{color:#978577;}
.list_type1 li.topItem{float:left;width:210px;padding:0 7px 0 8px;margin-top:0;padding-bottom:20px;border-top:none;}
.list_type1 li.topItem .img{background: url(../images/board/bg_photo.gif) no-repeat;padding:5px;}

/*event board*/
.thumbList1{border-top:2px solid #6c5c52;}
.thumbList1 li{padding:20px 0;font-size:12px;font-family:dotum;border-bottom:1px solid #cec5b1;overflow:hidden;zoom:1;}
.thumbList1 .img{float:left;width:215px;}
.thumbList1 .eventInfo{float:left;width:350px;margin:10px 10px 0 0;_display:inline;}
.thumbList1 .eventInfo dt{display:block;margin-bottom:5px;}
.thumbList1 .eventInfo dt a{font-weight:bold;color:#433125;text-decoration:none;}
.thumbList1 .eventInfo dt a em{color:#cb6935;font-size:11px;}
.thumbList1 .eventInfo dd{color:#715a4a;}
.thumbList1 .eventInfo dd.date,.thumbList1 dd.result{font-size:11px;line-height:16px;}
.thumbList1 .eventInfo dd.date{margin-top:15px;}
.thumbList1 .eventInfo dd em{color:#c65636;font-style:normal;}
.thumbList1 .progress{float:left;width:122px;height:100px;text-align:center;font-weight:bold;border-left:1px solid #cec5b1;}
.thumbList1 .progress .btnSet{padding-top:25px;display:inline-block;}
.thumbList1 .progress .button{margin:5px 0;}
.thumbList1 .progress .end{color:#978577;}
.thumbList1 .progress .ing,.thumbList1 .progress .end{display:inline-block;margin-top:30px;}

.thumbList2 li{padding:20px 0;font-size:12px;font-family:dotum;border-bottom:1px solid #cec5b1;overflow:hidden;zoom:1;}
.thumbList2 .img{float:left;width:115px;}
.thumbList2 .musicInfo{float:left;width:448px;margin:10px 10px 0 0;_display:inline;}
.thumbList2 .musicInfo dt{display:block;margin-bottom:5px;}
.thumbList2 .musicInfo dt a{font-weight:bold;color:#333;text-decoration:none;}
.thumbList2 .musicInfo dd{color:#666;}
.thumbList2 .musicInfo dd.info1{font-size:11px;line-height:16px;}
.thumbList2 .musicInfo dd.info2{margin-top:15px;}
.thumbList2 .musicInfo dd em{color:#c65636;font-style:normal;}
.thumbList2 .musicInfo dd .bar{color:#978577;padding:0 5px;}
.thumbList2 .play{float:left;width:124px;border-left:1px solid #978577;padding:22px 0 27px 0;}
.thumbList2 .play .btn{margin:5px 0;width:60px;margin:2px auto;}
.thumbList2 .play .bpm{color:#666;font-size:11px;width:70px;margin:3px auto;text-align:center;}/*2012-08-20*/
.thumbList2 .play .bpm em{color:#dc6299;}

.schBox{width:390px;margin:20px auto;}
.schBox .sltbox{float:left;}
*:first-child+html .schBox .sltbox{margin-top:1px;}
.schBox .schTxt{float:left}
.schBox .schTxt .srch_txt{border:1px solid #cec5b1;margin-left:4px;width:220px;height:27px;line-height:27px;color:#675750;font-size:12px;font-family:dotum}
.schBox .schTxt img,.schBox .schTxt input{vertical-align:middle}
.sbHolder{background-color: #fff;color:#715a4a;border: solid 1px #cec5b1;font-family:dotum;font-size:12px;font-weight: normal;height: 27px;position:relative;width:120px;text-align:left;}
.sbSelector{display:block;height:27px;left:0;line-height:30px;outline:none;overflow:hidden;position:absolute;text-indent: 10px;top: 0;width: 90px}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color:#715a4a;outline: none;text-decoration: none}
.sbToggle{background: url(../images/board/select-icons.gif) 0 -118px no-repeat;display: block;height: 30px;outline: none;position: absolute;right: 0;top: 0;width: 30px}
.sbToggle:hover{background: url(../images/board/select-icons.gif) 0 -169px no-repeat}
.sbToggleOpen{background: url(../images/board/select-icons.gif) 0 -18px no-repeat}
.sbToggleOpen:hover{background: url(../images/board/select-icons.gif) 0 -68px no-repeat}
.sbHolderDisabled{background-color: #fff;border: solid 1px #cec5b1}
.sbOptions{background-color: #fff;border: solid 1px #cec5b1;list-style: none;left: -1px;margin: 0;padding: 0 0 5px 0;position: absolute;top: 30px;width:120px;z-index: 1;overflow-y: auto}
.sbOptions li{padding: 0 7px 0 5px;}
.sbOptions a{display: block;outline: none;padding: 7px 0 0px 3px}
.sbOptions a:link, .sbOptions a:visited{color:#715a4a;text-decoration: none}
.sbOptions a:hover{color:#6c5c52;font-weight:bold}
.sbOptions .sbDisabled{border-bottom: dotted 1px #515151;color: #999;display: block;padding: 7px 0 7px 3px}
.sbOptions .sbGroup{border-bottom: dotted 1px #515151;color: #EBB52D;display: block;font-weight: bold;padding: 7px 0 7px 3px}
.sbOptions .sbSub{padding-left: 17px}

.viewWrap{font-size:12px;color:#433125;border-top:2px solid #6c5c52}
.viewWrap .section1{position:relative;border:1px solid #dad2c8;border-bottom:1px solid #b0a298;border-top:none;background-color:#ede9df;padding:10px 0 7px 17px}
.viewWrap .section2{position:relative;border:1px solid #dad2c8;border-top:none;}
.viewWrap .articleTitle{color:#433125;font-weight:bold;width:590px}
.viewWrap .articleTitle img{vertical-align:middle}
.viewWrap .articleTitle strong{color:#6c5c52;font-family:verdana;font-size:11px}
.viewWrap .clanTit{margin:-4px 0 -2px 0;}
.viewWrap .section1 .date{position:absolute;top:10px;right:20px;font-size:11px;font-family:verdana;color:#715a4a}
.viewContent{padding:18px;line-height:20px}
.viewContent1{padding:18px 0 0 0;line-height:20px}
.viewContent1 .txt{padding:10px;}
.viewContent2{margin-top:10px;border:1px solid #eae6dd;background-color:#e8e3d9;padding:5px;}
.viewWrap .section2{height:34px;}
.viewWrap .section2 .nickname{padding:10px 0 0 20px;display:inline-block;}
.viewWrap .section2 .nickname img{vertical-align:middle}
.viewWrap .section2 .clanName{padding:12px 0 0 20px;color:#6b5d52;display:inline-block;}
.viewWrap .section2 .clanName .bar{color:#d7d2cc;}
.viewWrap .section2 .etcInfo{position:absolute;top:10px;right:20px;font-size:11px;font-family:verdana,dotum;color:#978577}
.viewWrap .section2 .etcInfo em{font-style:normal;color:#c65636}
.viewWrap .section2 .etcInfo .bar{padding-left:10px;margin-left:10px;background:url('../images/board/bar1.gif') no-repeat 0 2px;}
.viewWrap .section2 .etcInfo1{position:absolute;top:10px;right:60px;font-size:11px;font-family:verdana,dotum;color:#978577;}
.viewWrap .section2 .etcInfo1 em{font-style:normal;color:#c65636}
.viewWrap .section2 .etcInfo1 .bar{padding-left:10px;margin-left:10px;background:url('../images/board/bar1.gif') no-repeat 0 2px;}
.viewWrap .section2 .btnRecommend{position:absolute;top:7px;right:10px;}
.otherContent{border-top:1px solid #d7cfc1;border-bottom:1px solid #d7cfc1}
.otherContent .nextContent{border-top:1px solid #d7cfc1;}
.otherContent .prevContent,.otherContent .nextContent{padding:10px 0 7px 0;position:relative;}
.otherContent .prevContent p,.otherContent .nextContent p{width:520px;margin-left:70px;}
.otherContent a{color:#433125;}
.otherContent .txt{position:absolute;top:10px;left:20px;font-style:normal;font-family:dotum;color:#978577;font-size:11px}
.otherContent .date{position:absolute;top:9px;right:20px;font-size:11px;font-family:verdana;color:#978577}
.otherContent1{position:relative;border-top:1px solid #c7beaf;border-bottom:1px solid #c7beaf;height:161px;}
.otherContent1 .movFrame{width:615px;height:140px;position:absolute;top:20px;left:45px;overflow:hidden;}
.otherContent1 .movList{overflow:hidden;}
.otherContent1 dl{float:left;width:150px;margin-right:3px;_display:inline;padding-bottom:15px;}
.otherContent1 dt{display:block;margin-top:7px;display:block;height:20px;line-height:20px;overflow:hidden;text-align:center;}
.otherContent1 dt a{font-size:12px;font-weight:bold;color:#433125;}
.otherContent1 .btnPrev{position:absolute;top:56px;left:0;}
.otherContent1 .btnNext{position:absolute;top:56px;right:0;}
.snsLink{margin:10px 0;height:23px}
.snsLink ul{float:right;list-style:none}
.snsLink li{float:left;overflow:hidden}
.snsLink li a{display:block;width:25px;height:25px;margin-left:4px;background:url('../images/board/ico_sns.gif') no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden}
.snsLink .btnSet{float:left;}
.snsLink .facebook a{background-position:0 0}
.snsLink .twitter a{background-position:-29px 0}
.snsLink .metoday a{background-position:-58px 0}
.snsLink .copyLink a{width:74px;background-position:-87px 0}

.writeWrap{font-size:12px;color:#433125;border-top:2px solid #6c5c52}
.writeWrap .section1{margin-bottom:0px}
.writeWrap dl{position:relative;border:1px solid #c7beaf;background-color:#e8e4d9;border-top:none;height:32px}
.writeWrap dl.title{background-color:#e8e4d9}
.writeWrap dl.inputType dd{padding-top:4px}
.writeWrap dl.inputType1{height:34px;}
.writeWrap dl.inputType1 dd{padding-top:3px;}
.writeWrap dt{position:absolute;top:12px;left:20px;color:#433125;font-size:11px;font-family:dotum}
.writeWrap dd{margin-left:87px;padding-top:11px}
.writeWrap dd input{width:595px;border:1px solid #c7beaf;color:#433125;font-size:12px;font-family:dotum;height:16px;padding:4px 0 2px 5px}
.writeWrap dd img{vertical-align:middle;margin-top:-1px;}
/*comment box*/
.cmtWrt{position:relative;border:1px solid #c7beaf;background-color:#e8e4d9;padding:19px 19px 34px 19px;_padding:18px 0 33px 18px;zoom:1}
.cmtWrt textarea{float:left;width:577px;width:577px;height:68px;_height /**/:73px;padding:4px 0 0 6px;border:1px solid #c7beaf;border-right:none;background:#fff;color:#978577;font-size:12px;line-height:20px;vertical-align:top}
.cmtWrt span{font-size:11px;color:#978577;}
.cmtWrt .rules{position:absolute;top:95px;left:20px;letter-spacing:-1px}
.cmtWrt .lmtTxt{position:absolute;top:95px;left:595px}
.cmtWrt .btnIptCmt{width:80px; height:70px; background:url('../images/board/btn_registReply.gif') no-repeat;text-indent:100%;border:none;cursor:pointer;overflow:hidden;_margin-left:-3px;}

/* Default */
.cmt_defalt{font-family:dotum,gulim,AppleGothic,Sans-serif;font-size:12px;font-weight:normal;line-height:14px;margin-top:10px;}
.cmt_defalt p,.cmt_defalt ul,.cmt_defalt ol,.cmt_defalt li,.cmt_defalt dl,.cmt_defalt dt,.cmt_defalt dd,.cmt_defalt form,.cmt_defalt fieldset,.cmt_defalt legend,.cmt_defalt input,.cmt_defalt textarea{margin:0;padding:0}
.cmt_defalt img,.cmt_defalt fieldset{border:none}
.cmt_defalt li{list-style:none}
.cmt_defalt em{font-style:normal}
.cmt_defalt a{color:#333;text-decoration:none}
.cmt_defalt a:hover,.cmt_defalt a:active,.cmt_defalt a:focus{text-decoration:underline}
.cmt_defalt textarea{overflow:auto;resize:none}
.cmt_defalt legend,.cmt_defalt .cb_blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.cmt_defalt label{cursor:pointer}

/* Common Selector */
.cmt_defalt .cb_nick_name{display:inline-block;*display:inline;padding-left:1px;color:#433125;font-weight:bold}
.cmt_defalt .cb_nick_name a{display:inline-block;_position:relative;margin:-1px 0 0;color:#433125;font-size:12px;font-weight:bold;letter-spacing:-1px}

/* Comment list */
.cmt_defalt .cmt_list{border:1px solid #d7cfc1;border-top:none;padding:0 19px}
.cmt_defalt .cmt_list li{position:relative;border-top:1px solid #cec5b1;padding:10px 0 3px 0;vertical-align:top;zoom:1;margin-top:-1px;}
.cmt_defalt .cmt_list .cb_thumb{position:absolute;top:19px;left:0}
.cmt_defalt .cmt_list .cb_thumb_on .cb_thumb{position:absolute;top:10px;left:0}
.cmt_defalt .cmt_list .cb_thumb img{vertical-align:top}
.cmt_defalt .cmt_list .cb_section span,.cmt_defalt .cmt_list .cb_section div,.cmt_defalt .cmt_list .cb_section a,.cmt_defalt .cmt_list .cb_section em,.cmt_defalt .cmt_list .cb_section input,.cmt_defalt .cmt_list .cb_section td{vertical-align:middle}
.cmt_defalt .cmt_list .cb_section img{vertical-align:middle;margin-top:-1px;}
.cmt_defalt .cmt_list .cb_dsc_img{position:relative;top:-1px;padding:0 3px 2px 2px}
.cmt_defalt .cmt_list .cb_usr_id,.cmt_defalt .cmt_list .cb_date{display:inline-block;color:#978577;font-size:11px}
.cmt_defalt .cmt_list .cb_date{padding-left:4px}
.cmt_defalt .cmt_list .cb_info_area{overflow:hidden;padding:3px 0 5px;zoom:1}
.cmt_defalt .cmt_list .paginate{border-top:1px solid #cec5b1;}

.cmt_defalt .cmt_list .cb_section{float:left;margin-top:8px}
.cmt_defalt .cmt_list .cb_section2{position:absolute;top:20px;*top:18px;right:0;height:15px;padding-left:6px;color:#aaa}
.cmt_defalt .cmt_list .cb_section2 span{display:inline-block;overflow:hidden;padding:0 6px 0 9px;background:url('../images/board/bar1.gif') 0 0 no-repeat}
.cmt_defalt .cmt_list .cb_section2 .noBar{background:none}
.cmt_defalt .cmt_list .cb_section2 a{color:#978577;font-size:11px;}
.cmt_defalt .cmt_list .cb_section2 a:hover,.cmt_defalt .cmt_list .cb_section2 a:hover em{color:#978577;text-decoration:underline}
.cmt_defalt .cmt_list .cb_section2 em{display:inline-block;padding:2px 0 2px;cursor:pointer;_cursor /**/:hand}
.cmt_defalt .cmt_list .cb_section2 span span{padding:0;background:none;color:#aaa;font-family:tahoma;font-size:10px}
.cmt_defalt .cmt_list .cb_dsc_comment{overflow:hidden;clear:both;padding:0 0 10px 1px;color:#715a4a;line-height:20px}
.cmt_defalt .cmt_list li li .cb_comment_area{margin-top:1px}

/* Comment Depth Control - Large Thumb */
.cmt_defalt .cmt_list .thumb_on .cb_comment_area{padding-left:20px}
.cmt_defalt .cmt_list .thumb_off .cb_comment_area{padding-left:0}

/*button*/
.button,.button a,.button input{position:relative;margin:0;display:-moz-inline-stack;display:inline-block;text-decoration:none !important;border:0;font-size:12px;font-weight:bold;font-family:dotum, sans-serif;white-space:nowrap;background:url('../images/board/buttonGrey.gif') no-repeat;overflow:visible;color:#333;}
.button{padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,.button input{left:2px; vertical-align:top; cursor:pointer;}
.btnSet1{text-align:right;margin-top:10px}
.btnSet2{text-align:center;margin-top:10px}

/* Button Size */
.button{height:26px;background-position:left -40px;}
.button.large{height:30px;background-position:left top;}
.button.small{ height:20px; background-position:left -76px; }
.button a,.button input{height:26px; padding:1px 10px 0 8px; font-size:12px; line-height:25px; background-position:right -40px;}
.button.large a,.button.large input{height:30px; padding:1px 10px 0 8px; line-height:29px; background-position:right top;}
.button.small a,.button.small input{height:20px; padding:3px 10px 0px 8px; font-size:11px; line-height:16px; font-weight:normal; background-position:right -76px;}
.button.off a{font-weight:normal;color:#aaa;cursor:default;}

/* Button Text Color */
.button.btn1,.button.btn1 a,.button.btn1 input{ background-image:url('../images/board/buttonBrown.gif'); color:#fff; }

.pollWrap{padding:20px 40px;background-color:#f5f2eb;}
.pollTit{text-align:center;font-size:14px;color:#433125;font-weight:bold;padding:10px 0 15px 0;}
.pollWrap .btnParticipate{text-align:center;border-top:1px solid #b9c7db;padding-top:10px;margin-top:20px}
.graphWrap{color:#666;margin-left:10px;margin-top:30px;line-height:16px}
.graphWrap th,.graphWrap td{text-align:left;color:#666;font-weight:normal;padding:5px 0}
.graphWrap td.chkItem input{vertical-align:middle;margin-bottom:5px}
.graph{background:url('../images/board/bg_graph.gif') no-repeat;width:250px;height:12px;margin:0 10px}
.pollWrap .tbl1{border-top:1px solid #433125;width:100%;}
.pollWrap .tbl1 th{background-color:#e8e4d9;color:#433125;text-align:center;font-weight:normal;padding:8px 0 5px 0;border-bottom:1px solid #b0a298;border-left:1px solid #b0a298;}
.pollWrap .tbl1 td{text-align:center;padding:8px 0 5px 0;border-bottom:1px solid #b0a298;border-left:1px solid #b0a298;}
.pollWrap .tbl1 th.first{border-left:none;}
.pollWrap .btnSet2{padding-top:15px;margin-top:20px;border-top:1px solid #b0a298;}

.paginate{padding:15px 0 10px 0;text-align:center}
.paginate a,.paginate strong,.paginate span{display:inline-block;position:relative;padding:6px 8px 4px 8px;border:1px solid #cec5b1;background-color:#f5f2eb;color:#715a4a;font-family:dotum;font-size:12px;line-height:normal;text-decoration:none;}
.paginate strong{border:1px solid #433125;background-color:#715a4a;color:#fff;}
.paginate a:hover{border:1px solid #433125;text-decoration:none;}
.paginate a.pre:hover,.paginate a.next:hover{border:none}

/* popup */
.popup h1{background-color:#e6e6e6;border-bottom:1px solid #d7d7d7;color:#212121;font-size:16px;font-weight:bold;padding:18px 0 13px 23px;}
.popup .desc{color:#555;font-size:12px;padding:30px 0 20px 30px;}
.popup .desc2{color:#555;font-size:12px;line-height:16px;padding:20px 30px;border-bottom:1px solid #d7d7d7;}
.popup .desc2 em{color:#c65636;}
.popup legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.regContent dl{background-color:#f2f2f2;padding:10px;margin:0 30px;}
.regContent dt input{vertical-align:middle;}
.regContent dd{margin-top:5px;}
.regContent dd input{font-size:12px;border:1px solid #ccc;width:408px;line-height:14px;padding:5px 5px 2px 5px;}
.regContent .type_file{font-size:12px;border:1px solid #ccc;width:420px;height:24px;margin:25px 0 0 30px;}
.regContent .reg_img{background-color:#eee;border:1px solid #ccc;color:#555;font-size:12px;width:408px;height:20px;padding:10px 5px;margin:5px 0 0 30px;}
.regContent .reg_img a{color:#0096ff;}
.regContent textarea{font-size:12px;border:1px solid #ccc;width:408px;height:70px;padding:5px;}

/*slide effect*/
.stepcarousel{position:relative;overflow:scroll;width:612px;height:140px;margin:20px 0 0 45px;}
.stepcarousel .belt{position: absolute;left:0;top:0;}
.stepcarousel .panel{float: left;overflow:hidden;margin:0;width: 153px;}