@charset "utf-8";
/* 리셋 */
body,p,h1,h2,h3,h4,h5,h6,menu,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,hr{margin:0;padding:0}
body,input,textarea,select,button,table{font:12px/1.5 '나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic',Helvetica,AppleGothic,Arial}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
button,input[type=submit],input[type=reset],input[type=button]{cursor:pointer;overflow:visible}
button{border:0;background:none}
img,fieldset{border:0}
menu,ul,ol{list-style:none; margin:0; padding:0;}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
legend{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}

/* 프레임 */
#xe{position:relative;max-width:1190px;margin:0 auto}
#hd,#container,#ft,#gnb_wrp,#lnb{display:block;position:relative;clear:both;zoom:1}
#content{display:block;position:relative;zoom:1}
#hd:after,#container:after,#ft:after,#gnb_wrp:after,#lnb:after{content:"";display:block;clear:both}

#container{padding:20px 0}
#content{width:100%}
#snb{float:left;width:140px;margin-left:-140px;zoom:1}

.c #content{margin:0 auto 20px}
.ce #content{float:left;max-width:740px;margin:0 30px 20px 0}
.ec #container{padding-left:170px}
.ec #snb{margin-left:-170px}
.ec #content{float:left}
.ece #container{padding-left:140px}
.ece #content{float:left;max-width:780px;margin:0 30px 20px}

.reverse #snb{float:right;margin-left:0;margin-right:-140px}
.reverse.ce #content{float:right;margin:0 0 20px 30px}
.reverse.ec #container{padding-left:0;padding-right:170px}
.reverse.ec #snb{margin-left:0;margin-right:-170px}
.reverse.ec #content{float:right}
.reverse.ece #container{padding-left:0;padding-right:140px}
.reverse.ece #content{float:right}

/* 공통 */
a.skipToContent{display:block;clear:both;position:absolute;top:0;width:100%;height:0;overflow:hidden;text-align:center;background:#FFF}
a.skipToContent:hover,a.skipToContent:active,a.skipToContent:focus{height:auto;padding:5px}

/* 헤더 */
#hd{*z-index:100}
#hd h1{float:left;height:90px;padding-left:30px;font:bold 32px/90px "Trebuchet MS";letter-spacing:-1px}
#hd h1 a{text-decoration:none}
#hd h1 .home{font-size:18px;color:#555;text-shadow:#EEE 1px 1px 1px}
/* 로고와 메인 메뉴 색상 */
#hd .sky.on,#hd .sky:hover{color:#39F;text-shadow:#36C 1px 1px 1px}
#hd .red.on,#hd .red:hover{color:#F33;text-shadow:#C33 1px 1px 1px}
#hd .yellow.on,#hd .yellow:hover{color:#FC3;text-shadow:#EA0 1px 1px 1px}
#hd .green.on,#hd .green:hover{color:#3C0;text-shadow:#090 1px 1px 1px}
#hd .violet.on,#hd .violet:hover{color:#936;text-shadow:#633 1px 1px 1px}
#hd .blue.on,#hd .blue:hover{color:#36C;text-shadow:#036 1px 1px 1px}
#hd .orange.on,#hd .orange:hover{color:#F60;text-shadow:#C30 1px 1px 1px}
#hd .purple.on,#hd .purple:hover{color:#F39;text-shadow:#C39 1px 1px 1px}
#hd .pink.on,#hd .pink:hover{color:#F66;text-shadow:#F06 1px 1px 1px}

/* 상단 메뉴 */
#top_mn{float:right;padding:3px 10px}
#top_mn a{color:#333}
#top_mn .item{display:inline-block;position:relative;padding:0 6px;*display:inline}
#top_mn .item_btn{font-size:11px;letter-spacing:-1px;color:#444}
#top_mn .item_btn:hover,#top_mn .item_btn strong{color:#000}
#top_mn h2{height:24px;margin:8px 0;font-size:16px}
#top_mn .layer{display:none;z-index:120;position:absolute;top:16px;right:0;white-space:nowrap;background-color:#FFF;border:1px solid #666}
#top_mn .layerClose{position:absolute;cursor:pointer;border:0;top:0;right:0;width:24px;height:24px;font:20px/24px Tahoma;color:#666;background:transparent}
#top_mn .item:hover .layer{display:block}

#login{width:260px;padding:15px 25px;background:#FFF url(../img/login.jpg) no-repeat center}
#login span{display:block;padding:3px 0}
#login .itx{width:160px;height:16px;padding:6px;font-size:16px;border:1px solid #999;filter:alpha(opacity:60);opacity:.6;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
#login .itx:focus{filter:alpha(opacity:100);opacity:1}
#login .btn_area{position:absolute;top:55px;right:25px}
#login .keep{height:30px;line-height:30px;vertical-align:middle}
#login .login_btn{width:80px;height:30px;font-weight:bold;line-height:30px;cursor:pointer;text-align:center;background:#F9F9F9;border:1px solid #CCC;filter:alpha(opacity:80);opacity:.8}
#login .help{margin:15px -25px 5px -25px;text-align:center;letter-spacing:-1px;color:#999}
#login .help a{padding:0 3px}
#profile{padding:16px}
#profile ul{padding:8px 16px;line-height:1.6;background:#F6F6F6;border:1px solid #CCC}
#lang li{padding:2px 8px;font-size:10px;text-align:center}
#lang li:hover{background:#EEE}

/* 메인메뉴 영역 */
#gnb_wrp{height:33px;border-top:2px solid #444;border-bottom:1px solid #444;background:#FFF;background:rgba(255,255,255,0.8);*z-index:-1}
#gnb_wrp .nav{position:relative}
#gnb{float:left;margin-left:10px}
#gnb li{position:relative}
#gnb .li1{float:left;margin:12px 0;height:10px;border-left:1px solid #CCC}
#gnb .li1:first-child{border:0}
#gnb .a1{display:block;padding:0 18px 12px;text-align:center;font:bold 14px/10px "Trebuchet MS";text-decoration:none;color:#333;text-shadow:#EEE 0 0 1px !important;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease}
#gnb .a1:hover{-ms-transform:scale(1.2) rotate(2deg);-moz-transform:scale(1.2) rotate(2deg);-webkit-transform:scale(1.2) rotate(2deg)}
#gnb .li1 ul{display:none;z-index:110;position:absolute;top:21px;padding:5px 0;background:#FFF;background:rgba(255,255,255,0.9);border:1px solid #444}
#gnb .li1 ul a{display:block;min-width:80px;padding:6px 12px;font-weight:bold;text-decoration:none;white-space:nowrap;color:#444;text-shadow:0 0 1px #EEE;border-radius:3px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
#gnb .li1 ul a:hover,#gnb .li1 ul a:focus{background:#999;background:rgba(0,0,0,0.4);color:#FFF}
#gnb .li1 li.on .a2,#gnb .li1 .a3.on{color:#FFF;background:#444 !important}
#gnb .li1 li{padding:0 5px}
#gnb .li1 ul ul{top:0;left:100%}
/* 검색 */
#hd .search{position:relative;float:right;margin:5px 10px}
#hd .search .itx{width:176px;height:14px;padding:3px 6px;font-size:14px;border:1px solid #999;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:inset 1px 1px 2px #DDD;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;position:relative}
#hd .search .itx:hover,#hd .search .itx:focus{border-color:#333}
#hd .search .is{position:absolute;top:0;right:0;padding:3px 6px}
/* 중간메뉴 */
#mid_mn{position:absolute;bottom:48px;right:0;font:11px/10px "Trebuchet MS";*z-index:-1}
#mid_mn li{float:left;padding:0 12px;border-left:1px solid #CCC}
#mid_mn li:first-child{border:0}
#mid_mn li a{color:#444}
#mid_mn li a:hover,#mid_mn li a.on{color:#000}

/* 좌측 고정 영역 */
#snb a{text-decoration:none}
/* 히든 로고 */
#hidden_logo{display:none;z-index:110;position:fixed;top:36px;width:140px;*top:52px}
#hidden_logo a{display:block;width:64px;height:64px;margin:15px auto;font:bold 16px/64px "Trebuchet MS";letter-spacing:-1px;text-decoration:none;border-radius:32px;-webkit-border-radius:32px}
#hidden_logo a{text-align:center;color:#666;background:#F3F3F3;border:1px solid #DDD;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease}
/* 2차 메뉴 */
#lnb{width:130px;margin-left:10px;overflow:hidden}
#lnb:hover{overflow-y:auto}
#lnb a{display:block;white-space:initial;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;*zoom:1}
#lnb a:hover,#lnb a.on{padding-left:30px;font-weight:bold;color:#000}
#lnb .lnb_2nd{padding-left:15px;font:bold 14px/2.1 "Trebuchet MS";color:#666;border-bottom:1px solid #DDD}
#lnb .lnb_3rd{margin:0 10px;padding-left:20px;font-variant:small-caps;font-size:13px;line-height:1.9;color:#999;border-bottom:1px solid #F9F9F9;font-size:12px\9;letter-spacing:-1px\9}
#lnb .lnb_2nd:hover,#lnb .lnb_2nd.on{padding-left:24px;border-color:#BBB}
/* 스크롤 버튼 */
#page_move{position:fixed;z-index:1;bottom:20px;width:140px;text-align:center}
#page_move a{display:inline-block;position:relative;min-width:23px;height:23px;margin:0 -2px;font:small-caps 13px/23px Tahoma;color:#777;background:#F9F9F9;border:1px solid #888;border-radius:2px}
#page_move .to_rpl{z-index:0;padding:0 6px;border-radius:0}
#page_move a:hover{z-index:1;color:#000;border-color:#333}

/* 위젯 영역 */
#aside .section{float:left;width:190px;margin:5px;padding:5px;border-radius:10px;-webkit-box-shadow:0 0 4px #444;box-shadow:0 0 5px #444;-moz-box-shadow:0 0 3px #444;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;background:#FFF\9}
#aside .section:hover{-webkit-box-shadow:0 0 10px #39F;box-shadow:0 0 10px #39F}
#aside .section h2{margin-bottom:6px;padding:6px 6px 6px 28px;font:bold 14px "Trebuchet MS";color:#444;border-bottom:2px solid #444;background-image:url(../img/widget_white.png);background-repeat:no-repeat}
#aside .section.doc h2{background-position:4px 8px}
#aside .section.cmt h2{background-position:4px -24px}
#aside .section.tag h2{background-position:4px -56px}
#aside .section.category h2{background-position:4px -88px}
#calendar span{display:block;width:190px;height:190px;cursor:pointer;background:url(../img/login.jpg) center no-repeat}
#aside .section.category h2 a{color:#444}

/* Tree Navigation */
#aside .tNav{position:relative;margin-bottom:8px;zoom:1}
#aside .tNav ul ul{margin-left:-3px}
#aside .tNav li{position:relative;padding-left:24px;white-space:nowrap;line-height:20px;background:url(../img/lineTree.gif) no-repeat 9px 0;zoom:1}
#aside .tNav li.last{background-position:9px -1766px}
#aside .tNav li.active a{font-weight:bold;color:#333}
#aside .tNav li.active li a,#aside .tNav a{font-weight:normal;color:#666}
#aside .tNav .tNavToggle{position:absolute;top:0;left:0;width:19px;height:19px;padding:0;overflow:hidden;border:0;font-size:0;color:#fff;vertical-align:middle;text-indent:19px;*text-indent:0;background:transparent url(../img/btnPlusMinus.gif) no-repeat;cursor:pointer}
#aside .tNav .tNavToggle.plus{background-position:5px -15px}
#aside .tNav .tNavToggle.minus{background-position:5px 5px}

/* 푸터 */
#ft{padding:30px;text-align:center;border-top:1px solid #999}
/* 하단 메뉴 */
#btm_mn li{display:inline-block;line-height:10px;padding:0 12px;border-left:1px solid #CCC;*display:inline}
#btm_mn li:first-child{border:0}
#btm_mn li a{color:#444}
#btm_mn li a:hover{color:#000}
/* 만든이 등 */
#address{padding:4px 0;color:#777}
#address a{font:bold 13px "Trebuchet MS";color:#333}
#address a:hover{text-decoration:none}
#address strong{font-size:1.1em}
#maker{font-size:11px;color:#BBB}
#maker a{color:#BBB}
#maker a:hover{text-decoration:none;color:#DE4332}

/* IE 7,8 */
#hd .search .itx,#hidden_logo a,#aside .section{behavior:url(addons/css3pie/PIE.htc)}