﻿/*global*/
body{margin:0px;padding:0px;background:#F8F8F8;overflow:auto;}
body,th,td,div,input,select,textarea,span,li,ul,a{font-family:돋움;font-size:12px;color:#666666;}
body,th,td,div,span,textarea{word-break:break-all;}

img,table{border:0px;}
a{text-decoration:none;}

/* main body bg img */
#mainbodybg{background:url(./img/mainbodybg.jpg) repeat-x;}

/* main body height */
#mainbody{height:600px;}

/* sub body bg img */
#subbodybg{background:url(./img/subbodybg.jpg) repeat-x;}

/* sub body height */
#subbody{}

/* sub body height */
#subcontentsbg2{width:604px;margin:10px 0px 0px 346px;padding-bottom:10px;background:#FFFFFF url(./img/subcontentsbg2.gif) repeat-x left top;}
#subcontentsbg{border:1px solid #D7D7D7;background:url(./img/subcontentsbg1.gif) repeat-x left bottom;}
#subcontents{display:table;height:600px;padding:30px 19px 30px;}

/* gnb menu 여기 margin-left:877px*/
#gnbmenu{height:23px;overflow:hidden;padding-top:9px;margin-left:677px;}

/****** top menu bg img 여기 margin-left:546px ***/
#topmenu{height:62px;overflow:hidden;margin-left:346px;background:url(./img/topmenubg05.gif) repeat-x;}
#topmenu img{margin-right:-4px;}
.main{margin-top:180px;}
.sub{margin-top:56px;}

/****** top menu sub color ***/
#topmenusub {height:26px;color:#8B6977;overflow:hidden;margin-left:346px;padding-top:8px;background:#EAE3DD;}
#topmenusub a{color:#8B6977;}
#topmenusub a:hover{color:#B7003B;}
#topmenusub a.on{color:#B7003B;}

/* main latest articles 여기 margin-left:546px */
#latestarticles{width:604px;height:78px;margin-top:20px;margin-left:346px;overflow:hidden;}
#latestarticles tr.bg{vertical-align:top;background:url(./img/latestbg.gif) no-repeat;}
#latestarticles tr.title{height:19px;vertical-align:top;}
#latestarticles tr.conts{height:16px;vertical-align:top;}
#latestarticles a:hover{color:#222222;}

/* main gallery 여기 margin-left:546px */
#maingallery{width:604px;height:79px;margin-top:15px;margin-left:346px;overflow:hidden;}
#maingallery #conts a{float:left;width:73px;height:63px;margin-right:5px;background:url(./img/gallerybgoff.gif) no-repeat;display:block;}
#maingallery #conts img{width:63px;height:53px;margin:5px;}

/****** subtitle ***/
#subtitle{height:30px;font-weight:bold;color:#A27353;padding-left:21px;background:url(./img/subtitlearrow.gif) no-repeat;}

/****** img list ***/
#imglist{clear:both;height:90px;background:#E3D7CC;}
#imglist #left{float:left;}
#imglist #listbg{float:left;width:519px;height:79px;margin-left:7px;margin-top:6px;background:#FFFFFF;}
#imglist #listbg #list{width:497px;height:63px;margin:8px 0px 0px 21px;overflow:hidden;}
#imglist #listbg #list a{float:left;width:73px;height:63px;margin-right:8px;background:url(./img/imglistbgoff.gif) no-repeat;display:block;filter:gray();}
#imglist #listbg #list a:hover{background:url(./img/imglistbgon05.gif) no-repeat;filter:none;}
#imglist #listbg #list a.on{background:url(./img/imglistbgon05.gif) no-repeat;filter:none;}
#imglist #listbg #list img{width:63px;height:53px;margin:5px;}
#imglist #listbg #txtlist {width:510px;height:64px;margin:9px 0px 0px 9px;overflow:hidden;}
#imglist #listbg #txtlist .bg{float:left;width:120px;height:64px;margin-right:7px;background:url(./img/imglisttextbg05.gif) no-repeat;overflow:hidden;}
#imglist #listbg #txtlist .date{font-size:11px;color:#8E733D;margin:12px 0px 0px 11px;}
#imglist #listbg #txtlist .title{margin:5px 8px 0px 11px;}
#imglist #listbg #txtlist a{font-size:11px;color:#454545;}
#imglist #listbg #txtlist a:hover{color:#000000;}
#imglist #right{float:right;}

#txtlists {padding:6px 16px 6px 17px;border:5px solid #DFD1C5;}
#txtlists td.sub{height:22px;padding:3px 0px 0px 10px;background:url(./img/icon_dot01.gif) no-repeat 2px middle;}
#txtlists td.vline{background:url(./img/freelistvbg05.gif) no-repeat center top;}
#txtlists td.line{height:1px;background:url(./img/commentdot.gif) repeat-x left top;overflow:hidden;}
#txtlists a{color:#545454;}
#txtlists a:hover{color:#222222;}
#txtlists span.c1{font-size:10px;color:#CD1968;}
#txtlists span.c2{font-family:verdana;font-size:10px;color:#CD1968;letter-spacing:-1px;}

#totalnum{font-family:verdana;font-size:10px;color:#545454;margin-top:7px;letter-spacing:-1px;}

/****** view contents ***/
#viewcontentsline{display:table;width:564px;height:50px;margin-top:10px;border-top:1px solid #DFD1C5;border-bottom:1px solid #DFD1C5;background:#F9F3ED;}
#viewcontentsline #widthimgbg{height:258px;margin:0px;background:#F9F3ED;}
#viewcontents{margin:16px 18px;}
#viewcontents2{margin:16px 15px;}
#writecontents{margin:15px 27px 20px}
#viewcontentswithimg {height:50px;margin:16px 0px 16px 18px;}
#viewcontentswithimg #left{float:left;border:1px solid #C5C5C5;margin-bottom:16px;background:#FFFFFF;}
#viewcontentswithimg #left img{width:211px;margin:7px;display:block;}
#viewcontentswithimg #right{float:left;;margin-left:12px;padding-top:11px;}
#viewcontentsphotolib {margin:10px 0px 10px 18px;}
#viewcontentsmulti {margin:21px 0px 10px 18px;}

/****** table ***/
#viewcon td{word-break:break-all;}
#viewcon td.title{font-weight:bold;color:#404040;padding-bottom:3px;border-bottom:1px solid #D4C9B6;}
#viewcon td.date{font-size:11px;color:#727272;padding-bottom:2px;border-bottom:1px solid #D4C9B6;}
#viewcon td.con{color:#404040;line-height:18px;padding:15px 10px 30px;}
#viewcon td.conm{color:#545454;line-height:18px;padding:15px 10px 30px 5px;}
#viewcon td.conwithimg{color:#404040;line-height:18px;padding:13px 7px 30px;}

#viewcon td.titlesche{font-weight:bold;color:#A27353;padding-bottom:3px;border-bottom:1px solid #DFD1C5;}
#viewcon td.consche{color:#606060;line-height:18px;padding:0px 8px 30px;}
#viewcon span.sche{font-weight:bold;color:#000000;margin-top:12px;display:block;}

#viewcon #photolib {height:377px;background:url(./img/photolibrarybg05.gif) no-repeat;}
#viewcon #photolib img{width:452px;height:301px;margin:26px 0px 10px 28px;}
#viewcon #photolib #titlendate{margin:0px 52px 0px 31px;}
#viewcon #photolib #title{float:left;width:370px;font-weight:bold;color:#404040;}
#viewcon #photolib #date{float:right;width:50px;text-align:right;font-size:11px;color:#000000;}

#viewcon #multimedia {text-align:center;}
#viewcon #multimedia #player {width:338px;height:293px;margin:0px auto;border:0px;background:url(./img/movieplayerbg.gif) no-repeat;display:table;}
#viewcon #multimedia #player #titles{width:100%;margin-top:3px;background:url(./img/movieplayertbg.gif) repeat-y;}
#viewcon #multimedia #player #titles td.title{width:70%;height:28px;font-weight:bold;color:#404040;padding:5px 0px 2px 12px;border:0px;word-break:break-all}
#viewcon #multimedia #player #titles td.date{width:30%;text-align:right;font-size:11px;color:#595959;padding:2px 11px 0px 0px;border:0px;}
#viewcon #multimedia #player #playb {background:url(./img/movieplayerbg.gif) no-repeat left bottom;}
#viewcon #multimedia #player #playb #playarea{clear:both;width:320px;height:240px;margin:0px auto;}
#viewcon #multimedia #player #playb #playarea embed{width:320px;height:240px;}
#viewcon #multimedia #player #playb #controller {text-align:left;margin:3px 10px 0px 9px;padding-bottom:5px;}
#viewcon #multimedia #player #playb #controller td.track{padding-top:2px;}
#viewcon #multimedia #player #playb #controller img.trackmove{height:8px;}

#board td.border{border:2px solid #DFD1C5;}
#board tr.over{background:#F6F1EC;}
#board td.cen{text-align:center;}
#board td.title{text-align:center;color:#000000;padding:6px 0px 4px;}
#board td.num{text-align:center;color:#545454;padding-top:2px;}
#board td.sub{padding:7px 0px 4px;}
#board td.date{text-align:center;font-size:11px;color:#545454;padding-top:2px;}
#board td.date2{text-align:center;color:#545454;padding-top:2px;}
#board a.sub{color:#545454;}
#board a.sub:hover{color:#916A46;}
#board td.line{height:1px;background:url(./img/commentdot.gif) repeat-x left top;overflow:hidden;}
#board td.line2{height:1px;background:url(./img/commentdot.gif) repeat-x left top;overflow:hidden;}
#board td.lastline{height:1px;background:#CCCCCC;overflow:hidden;}
#board td.viewdate{text-align:right;font-size:11px;color:#707070;padding:5px 6px;}
#board td.viewcon{height:200px;color:#545454;line-height:18px;padding:18px 21px;vertical-align:top;border-bottom:1px solid #DFD1C5;background:#F9F3ED;}
#board img.withtxt{vertical-align:middle;margin-bottom:2px;}
#board td.now{font-weight:bold;color:#916A46}
#board td.pollview{text-align:center;padding:6px 0px;background:#F9F9F9;}

#pollview {width:480px;margin:0px auto;border-collapse:collapse;}
#pollview td.picon{width:19px;vertical-align:top;}
#pollview td.ptitle{width:461px;font-size:11px;font-weight:bold;color:#3E3E3E;padding-bottom:4px;vertical-align:top;}
#pollview td.pdate{width:480px;font-size:11px;text-align:right;color:#3E3E3E;padding-top:2px;vertical-align:top;}
#pollview td.pconarea{border-top:1px solid #D1D1D1;border-bottom:1px solid #D1D1D1;}
#pollview td.pconareanbg{border-top:1px solid #D1D1D1;border-bottom:1px solid #D1D1D1;}

#calendarborder {border:2px solid #D1B9A2;}
#calendar {background:#D1B9A2;border-collapse:collapse;}
#calendar td{border:1px solid #D1B9A2;}
#calendar td.btns{padding:2px 5px 0px 5px;}
#calendar #prev{float:left;margin-right:3px;}
#calendar #title{float:left;width:463px;text-align:center;font-weight:bold;color:#000000;padding:5px 0px 2px;background:url(./img/calendarbg.gif) no-repeat;}
#calendar #next{float:right;}
#calendar td.day{height:42px;text-align:right;font-family:verdana;font-weight:bold;font-size:10px;color:#3E3E3E;padding:2px 6px 0px;vertical-align:top;background:#FFFFFF;}
#calendar td.sat{color:#46A3D3;}
#calendar td.sun{color:#F47878;}
#calendar .contable{margin:0px 0px 0px auto;}
#calendar .con {height:21px;vertical-align:bottom;border:0px}
#calendar .con img{margin-left:3px;}

/* calendarlayer */
div.calendarlayer{position:absolute;left:346px;top:203px;width:210px;text-align:left;font-weight:normal;}
div.calendarlayercon{height:100%;font-size:11px;color:#000000;line-height:18px;padding:5px 10px 17px;border:1px solid #D1B9A2;background:#FFFFFF;}
div.calendarlayerbg{height:4px;background:#000000;overflow:hidden;filter:alpha(opacity=20);moz-opacity:0.2;opacity:0.2;}

#writeform td.writer{text-align:right;color:#000000;padding-bottom:2px;}
#writeform td.nor{height:24px;}
#writeform td.desc{height:16px;font-size:11px;color:#A27353;padding:1px;vertical-align:top;}
#writeform td.filename{height:20px;font-size:11px;color:#A27353;padding:3px 0px 3px 1px;vertical-align:bottom;}
#writeform td.ta{height:166px;}
#writeform textarea{height:160px;}

/* poll view */
#selectpoll {width:480px;margin:8px 15px;}
#selectpoll td.spoption{color:#3E3E3E;padding-top:3px;padding-right:15px;}
#selectpoll td.spnum{height:10px;color:#3E3E3E;text-align:right;padding-top:3px;padding-right:0px;}
#selectpoll #pollbar{height:16px;margin:3px 0px 1px;}
#selectpoll #pollbar td.pollbartxton{font-size:11px;color:#CF6C03;padding-top:2px;}
#selectpoll #pollbar td.pollbartxt{font-size:11px;color:#457ABA;padding-top:2px;}

/* write comment */
#writecomment{clear:both;height:89px;margin-top:20px;padding-left:20px;background:url(./img/commentbg.gif) repeat-x;}

/* view comment */
#viewcomment {margin-top:6px;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
#viewcomment td{padding-top:3px;}
#viewcomment td.line{height:1px;background:url(./img/commentdot.gif) repeat-x left top;overflow:hidden;}
#viewcomment td.num{width:49px;text-align:center;color:#545454;padding-top:2px;}
#viewcomment td.name{width:82px;color:#000000;}
#viewcomment td.blank{width:20px;}
#viewcomment td.name2{width:81px;color:#000000;padding-top:2px;}
#viewcomment td.con{width:298px;color:#545454;line-height:16px;padding:6px 20px 3px; 0px;word-break:break-all;}
#viewcomment td.conm{width:307px;color:#545454;line-height:16px;padding:6px 20px 3px; 0px;word-break:break-all;}
#viewcomment td.date{width:110px;font-size:11px;color:#545454;padding-top:2px;}
#viewcomment img.btn{vertical-align:middle;margin-left:9px;margin-bottom:1px;}
#viewcomment td.nums{width:25px;font-size:11px;text-align:center;color:#545454;padding-top:2px;}
#viewcomment td.names{width:52px;font-size:11px;color:#000000;padding-top:4px;}
#viewcomment td.conms{width:336px;font-size:11px;color:#545454;line-height:16px;padding:6px 20px 3px; 0px;word-break:break-all;}
#viewcomment td.dates{width:67px;font-size:11px;color:#545454;padding-top:2px;}

/* paging */
#paging {text-align:center;margin-top:8px;}
#paging img{vertical-align:-1px;}
#paging a.off{text-align:center;font-family:verdana;font-size:10px;color:#3E3E3E;}
#paging a.off:hover{font-weight:bold;color:#000000;}
#paging a.on{text-align:center;font-family:verdana;font-size:10px;font-weight:bold;color:#000000;}

/* footer */
#footerbg {clear:both;height:104px;background:url(./img/footerbg.jpg) repeat-x;}/*bottom margin 50px*/
#footerbg #footer {width:950px;}
#footerbg #footer #copy{float:left;}
#footerbg #footer #menu{float:right;}
#footerbg #footer #menu select{behavior:url(/template/common/css/htc/footerselect.htc);}

/* input */
.ipborder{border-left:1px solid #9F9F9F;border-top:1px solid #9F9F9F;border-right:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;}
.ipborder2{border-left:1px solid #FFFFFF;border-top:1px solid #C2C2C2;border-right:1px solid #FFFFFF;border-bottom:1px solid #C2C2C2;}
textarea.textarea{padding:3px 10px;color:#545454;line-height:15px;overflow:auto;}
textarea.big{padding:3px 5px;color:#545454;line-height:15px;overflow:auto;}
.text{height:18px;padding:2px 5px;}
.radio{vertical-align:-3px;}

/****** scrollbar ***/
.scroll{scrollbar-face-color:#F7D0DF;scrollbar-shadow-color:#F7D0DF;scrollbar-highlight-color:#F7D0DF;scrollbar-3dlight-color:#E99EBA;scrollbar-darkshadow-color:#E99EBA;scrollbar-track-color:#F5E5EB;scrollbar-arrow-color:#FFFFFF;}
.ipscroll{scrollbar-face-color: #DADADA; scrollbar-shadow-color: #A8A8A8; scrollbar-highlight-color: #A8A8A8; scrollbar-3dlight-color: #EDEDED; scrollbar-darkshadow-color: #EDEDED; scrollbar-track-color: #EDEDED; scrollbar-arrow-color: #FFFFFF;}

/* main event */
#mainevent{position:absolute;left:346px;top:265px;width:604px;height:273px;}
#mainevent #maineventcon{height:100%;padding:0px 6px;border:1px solid #7C7C7C;background:#FFFFFF;}
#mainevent .img{width:590px;height:245px;margin:6px 0px 1px;display:block;}
#mainevent #eventtitles {float:right;position:relative;margin-top:-245px;width:170px;}
#mainevent #eventtitles .eventtitle{height:18px;margin:0px 1px 1px 0px;background:#8E8E8E;overflow:hidden;}
#mainevent #eventtitles a{font-size:11px;color:#FFFFFF;margin:4px 0px 0px 6px;display:block;}
#mainevent #eventtitles a:hover{color:#7FFF85;}
#mainevent #eventtitles a.on{color:#7FFF85;}
#mainevent span{text-align:right;font-size:11px;color:#5C5C5C;margin-bottom:-2px;display:block;}
#mainevent input{width:12px;margin-right:4px;vertical-align:-4px;}
#mainevent .btn{width:10px;height:10px;vertical-align:middle;}
#mainevent #bg{height:2px;background:#000000;overflow:hidden;filter:alpha(opacity=20);moz-opacity:0.2;opacity:0.2;}

/* sendmytalklist */
#sendmytalklist td{font-size:11px;vertical-align:top}
#sendmytalklist td.sel{padding:11px 0px 6px;background:#ECE1D6;}
/*#sendmytalklist td.nor{padding:1px 0px 8px;}*/
#sendmytalklist td.nor{padding:11px 0px 6px;}
#sendmytalklist div.selbg{width:181px;height:70px;padding:11px 10px 0px;background:url(./img/sendmytalksbg05.gif) no-repeat;overflow:hidden;}
#sendmytalklist div.norbg{width:181px;height:70px;padding:11px 10px 0px;background:url(./img/sendmytalkbg05.gif) no-repeat;overflow:hidden;}
#sendmytalklist td.date{height:16px;color:#8E733D;}
#sendmytalklist td.writer{color:#8E733D;text-align:right;}
#sendmytalklist td.con{color:#454545;line-height:14px;}
#sendmytalklist img.lock{vertical-align:middle;margin-left:3px;}
#sendmytalklist a{font-size:11px;color:#454545;}
#sendmytalklist a:hover{color:#000000;}

/* send my talk layer */
#sendmytalk {position:absolute;left:394px;top:258px;width:476px;}
#sendmytalk #border{position:absolute;border:1px solid #8E8E8E;background:#FFFFFF url(./img/layerbg01.gif) repeat-x;z-index:10;}
#sendmytalk #writer{text-align:right;color:#000000;margin:11px 12px 0px;padding-bottom:2px;}
#sendmytalk #con{margin:0px 10px;padding:12px 20px 9px;border:1px solid #CBCBCB;background:#F1F1F1;}
#sendmytalk #con2{height:237px;margin:0px 10px;border:1px solid #CBCBCB;background:#F1F1F1;overflow-y:auto;}
#sendmytalk #con2in{width:100%;margin:10px;}
#sendmytalk td.line{height:1px;background:#C2C2C2}
#sendmytalk #close{text-align:right;margin-top:8px;margin-right:-1px;background:#6C6C6C;}
#sendmytalk #bg{position:absolute;left:3px;top:4px;width:476px;height:321px;background:#000000;overflow:hidden;filter:alpha(opacity=20);moz-opacity:0.2;opacity:0.2;z-index:0}

/* wallpaper */
#wall{width:175px; text-align:left}
#wall p{background:url(./img/arr01.gif) no-repeat 0px 2px; font-size:12px; color:#000000; padding:0px 0px 0px 6px; width:175px; margin:0px}
#wall div.bg{background:url(./img/wallbg.gif) no-repeat left top; padding:5px; margin-top:2px}
#wall div.btn{margin:4px 0px 10px 0px; text-align:center}

/* ecard layer */
#sendecard{position:absolute;left:522px;top:193px;}
#ecardpreview{position:absolute;left:143px;top:193px;}
#ecard {width:350px;height:514px;}
#ecard #border{position:absolute;border:1px solid #8E8E8E;background:#FFFFFF url(./img/layerbg02.gif) repeat-x;z-index:10;}
#ecard #imgborder{margin:10px;border:1px solid #B5B5B5;}
#ecard #imgborder img{width:326px;height:222px;}
#ecard #con{margin:0px 10px;padding:6px 15px 9px;border:1px solid #CBCBCB;background:#F1F1F1;}
#ecard #con2{height:207px;margin:0px 10px;padding:13px 10px 6px;border:1px solid #CBCBCB;background:#F1F1F1;}
#ecard #recievename{height:17px;font-size:12px;font-weight:bold;color:#3A3A3A;padding-left:14px;background:url(./img/arr01.gif) no-repeat 6px 2px;}
#ecard #sendname{float:right;font-size:12px;font-weight:bold;color:#3A3A3A;margin:7px 3px 0px 0px;padding-left:14px;background:url(./img/arr01.gif) no-repeat 6px 2px;}
#ecard #sendcon{height:144px;background:#FFFFFF;overflow:auto;}
#ecard #sendcon .contents{color:#3A3A3A;line-height:20px;margin:12px 7px;}

#ecard #close{text-align:right;margin-top:8px;margin-right:-1px;background:#6C6C6C;}
#ecard #bg{position:absolute;left:3px;top:4px;width:350px;height:514px;background:#000000;overflow:hidden;filter:alpha(opacity=20);moz-opacity:0.2;opacity:0.2;z-index:0}

/* quick menu layer */
#quickmenu {position:absolute;left:961px;top:212px;width:65px;}
#quickmenu #quickmenubg {padding-top:27px;background:url(./img/quickmenubg05.gif) no-repeat;}
#quickmenu #quickmenubg a.quick{margin:0px 3px 3px;border:1px solid #F2A1C1;display:block;filter:gray();}
#quickmenu #quickmenubg a.quick:hover{filter:none;}
#quickmenu #quickmenubg img.quick{width:57px;height:49px;}

/* sitemap */
div.sitemap{width:165px;}
div.sitemaptitle{text-align:center;margin-bottom:3px;padding:9px 0px;border:3px solid #DFD1C5}
a.sitemap{color:#636363;padding:7px 0px 6px 20px;border-bottom:1px solid #DFD1C5;background:url(./img/arr02.gif) no-repeat 10px 10px;display:block;}
a.sitemap:hover{color:#000000;}

/* popup */
#popup {width:370px;margin:0px auto;}
#popup #border{margin:10px;padding:16px 0px;border:3px solid #E6E6E6;}
#popup input.pop{width:161px;height:19px;padding:2px 5px;background:#F5F5F5;}

/* etc */
.imgborder{padding:4px;border:1px solid #A8A8A8;background:#FFFFFF;}
.imgborder2{width:496px;display:table;margin:-5px 9px 11px;padding:7px;border:1px solid #C5C5C5;background:#FFFFFF;}

form{margin:0px;}