@charset "utf-8";
html, body{ margin: 0; padding: 0;}
@font-face{font-family:NG;src:url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);src:local(※),url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff')}
body,table,input,textarea,select,button{font-family:나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif; font-size: 12px;}
body {color: #000;-webkit-font-smoothing: antialiased;word-wrap: break-word;width:100%;}
fieldset{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
.clear{display:block;position:relative;clear:both;zoom:1}
.clear:after{content:"";display:block;clear:both}
.none { display: none; }
.clear {clear: both;}
.fl {float:left;}
.fr {float:right;}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
a { color: #ff8000; text-decoration: none;}
a:hover { text-decoration: underline; }

*::selection{ background-color:#FF8040 !important; color:#fff !important; }
*::-moz-selection{ background-color:#FF8040 !important; color:#fff !important; }

h1, h2, h3, h4, h5, h6 {font-weight: normal;padding: 0;}
h1 { font-size: 24px;}

/* 레이아웃 */
#header_wrp {border-bottom: 1px solid #ebebec;}
.header {width: 970px;margin: 0 auto;}
#logo {text-align: left;text-transform: uppercase;min-height:20px;}
#logo a {font-size: 0px;letter-spacing:1px;color:#2b2b2b;text-shadow:0px 0px 3px #0a0a0a; !important}
#logo a:hover { text-decoration: none; }
#container {margin: 20px auto; width: 960px;}
#content {float:center;margin-left: -1px;padding:1px;width: 100%;min-height:300px;border: solid 0px #FFFFFF;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 0 1px 0 #FFFFFF, 0 1px 3px rgba(0,0,0,.1);-moz-box-shadow: 0 1px 0 #FFFFFF, 0 1px 3px rgba(0,0,0,.1);-o-box-shadow: 0 1px 0 #FFFFFF, 0 1px 3px rgba(0,0,0,.1);box-shadow: 0 1px 0 #FFFFFF, 0 1px 3px rgba(0,0,0,.1);}
#footer {float: left;background: #979696;height: auto;width: 100%;margin-top: -18px;padding: 1px 0;border-top: 4px solid #d0d0d0;-webkit-box-shadow:inset 0px 2px 15px rgba(0,0,0,.1);box-shadow:inset 0px 2px 15px rgba(0,0,0,.1);}
#footer a {color:#fff}
#footer .container {margin: 0 auto;position: relative;width: 960px;}
#footer .copyright {float: left; font-size: 12px; color:#FF0012;}
.copyright_links {float: right;line-height: 20px;}
.copyright_links li {display: inline;float: left;}
.copyright_links li a {float: left;padding: 0px 5px 0px 10px;}
.copyright_links li a:hover {text-decoration: underline}

/* 상단 메뉴 */
#top_mn{position:relative;z-index:110;list-style:none;float:right;margin:0;padding:3px 6px;border-top: 3px solid #fcaf17;}
#top_mn a{color:#333}
#top_mn .item{display:inline-block;margin:0 9px;*display:inline;*zoom:1}
#top_mn .tg_btn,#top_mn .login_btn{font-size:11px;line-height:19px;letter-spacing:-1px;color:#444}
#top_mn .tg_btn:hover, .tg_btn strong{color:#000}
#top_mn h2{margin:0 0 16px;font-size:15px;line-height:1em}
#lang{border:1px solid #CCC}
#lang ul{list-style:none;margin:0;padding:0}
#lang li{padding:2px 8px;font-size:10px;text-align:center}
#lang li:hover{background:#EEE}

/* 상단 로그인 */
#site_login,#profile{padding:25px;border:2px solid #444;-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1);}
#site_login{width:246px;display:block\9;top:-999px\9}
#site_login fieldset{position:relative;margin:0;padding:0;border:0;*margin:-15px 0}
#site_login .itx_wrp{position:relative;display:block;margin:12px 0;line-height:20px}
#site_login .itx{outline:none;width:224px;height:20px;padding:8px;font-size:16px;background:#F6F6F6;border-width:1px;border-style:solid;border-color:#AAA #CCC #CCC #AAA;border-radius:3px;-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);filter:alpha(opacity:60);opacity:.6;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
#site_login .itx:focus{filter:alpha(opacity:100);opacity:1}
#site_login .itx_wrp label{position:absolute;top:8px;left:8px;font-size:13px}
#site_login .btn_area{text-align:right}
#site_login .keep{margin-right:15px;font-size:11px;vertical-align:middle}
#site_login .login_btn,.close_ul2{width:80px;height:30px;border-width:1px;border-style:solid;border-color:#DDD #CCC #BBB #D6D6D6;border-radius:3px;background:#F9F9F9 url(../img/bg_f_f9.gif) repeat-x;background:-moz-linear-gradient(top,#FFF,#F9F9F9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F9F9F9));line-height:28px;cursor:pointer;letter-spacing:-1px;text-align:center;box-shadow:0 1px 1px rgba(0,0,0,.1)}
#site_login .help{clear:both;margin:15px -15px -5px;text-align:center;letter-spacing:-1px;color:#DDD}
#site_login .help a{padding:0 5px;font-size:11px;color:#666}
.snsLogin{margin-top:16px;padding-top:12px;border-top:1px solid #999;text-align:right}
#top_mn .snsLogin h2{float:left;margin:7px 0}
.snsLogin a{display:inline-block;overflow:hidden;width:29px;height:29px;margin:1px;background-image:url(../img/sns.png);*display:inline;*zoom:1}
.snsLogin .facebook{background-position:0 -29px}
.snsLogin .me2day{background-position:0 -58px}
.snsLogin .yozm{background-position:0 -87px}
#profile{min-width:92px;padding:20px 24px}
#profile ul{list-style:none;margin:0;padding:0}
/* sketchbook's Toggle */
.tg_cnt{display:none;position:absolute;top:28px;right:10px;background-color:#FFF;white-space:nowrap}
.tg_blur{position:absolute;top:0;right:0;border:0;background:none;width:1px;height:1px;overflow:hidden}
.tg_close{position:absolute;cursor:pointer;border:0;top:0;right:0;width:24px;height:24px;font:18px/24px Tahoma;color:#888;background:transparent}

/* 메인메뉴 영역 */
#gnb_wrp {border-bottom: 1px solid #ebebec;-webkit-box-shadow: 0 1px 0 #d2d2d3, 0 1px 3px rgba(0,0,0,.1);-moz-box-shadow: 0 1px 0 #d2d2d3, 0 1px 3px rgba(0,0,0,.1);-o-box-shadow: 0 1px 0 #d2d2d3, 0 1px 3px rgba(0,0,0,.1);box-shadow: 0 1px 0 #d2d2d3, 0 1px 3px rgba(0,0,0,.1);}
#gnb_wrp div {height: 39px;margin: 0 auto;width: 980px;}
#gnb {padding:0px;margin:0px;line-height:39px;}
#gnb li {position:relative;list-style:none;padding:0px;margin:0px;}
#gnb > li {float:left;z-index: 80;border-right: 1px solid #ebebec; }
#gnb > li:first-child { border-left: 220px solid #FFFFFF; }
#gnb .li1 .on1 {background-color:#f1f1f1;color: #5a5a5a;text-shadow:0px 0px 2px #c9c9c9; -moz-box-shadow:inset 0 0 10px #d4d4d4;-webkit-box-shadow:inset 0 0 10px #d4d4d4;box-shadow:inset 0 0 10px #d4d4d4;}
#gnb .a1 {display:block;font-size: 14px;font-weight:bold;position: relative;padding: 0 15px;color: #2b2b2b;text-shadow:0 0 3px #EEE !important;-ms-transition:color .4s;-moz-transition:color .4s;-webkit-transition:color .4s;transition:color .4s}
#gnb .a1:hover {background-color:#f1f1f1;color: #0080ff;text-decoration: none;}
#gnb ul {display:none;position:absolute;left:-1px;padding:0;line-height:28px;background-color:#fff;border:1px solid #e6e6e6;}
#gnb ul li {padding:2px 5px;}
#gnb .ul2 a{display:block;min-width:80px;padding:0 10px;text-decoration:none;white-space:nowrap;}
#gnb .ul2 .a2,#gnb .ul2 .a3 {color: #2b2b2b;font-size: 14px;border-radius:3px;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
#gnb .ul2 .a2:hover,#gnb .ul2 .a3:hover {background-color:#0080ff;color: #e9e9e9;text-decoration: none;}
#gnb .ul2 .on .a2,#gnb .a3.on {background-color:#0080ff;color: #e9e9e9;text-shadow:0px 0px 2px #c9c9c9; !important}
#gnb .ul3{top:-1px;left:100%;}

/* 좌측메뉴 영역 */
#lnb{float:left;width:190px;margin:0 }
#lnb>h1{margin-top:7px;position:relative;z-index:2}
#lnb>h1>a{display:block;line-height:36px;padding:0 18px;border-radius: 10px 10px 0 0;color:#fff;text-decoration:none;font-size:14px;border:1px solid #939395;background-color:#808080;zoom:1}

#lnb ul{list-style:none;margin-top:0;padding:0;}
#lnb ul a{display:block;text-decoration:none;color:#333;font-size:13px;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}
#lnb>ul{position:relative;z-index:1;border:1px solid #dcdcdc;padding:1px 0 10px 0;margin:-17px 0 0 0;border-radius:0 0 10px 10px;}
#lnb>ul>li>a{line-height:36px;margin:-1px;padding:0 10px 0 18px;border-top:1px solid #eee}
#lnb>ul>li.active>a,#lnb>ul>li>a:hover,#lnb>ul>li>a:focus{background:#0080ff;color:#e9e9e9}
#lnb ul ul{padding:0;border-top:1px solid #eee}
#lnb li li{border-bottom:1px solid #eee}
#lnb li li>a{line-height:36px;margin:-1px;padding:0 10px 0 25px;}
#lnb li li.active>a,#lnb li li>a:hover,#lnb li li>a:focus{padding-left:35px;font-weight:bold;color:#3192d7;}

/* 검색 폼 */
#search input[type="text"] {background: transparent url(../img/search-white.png) no-repeat; background-position: 12px; padding: 5px 27px;outline:none;border:1px solid #e9e9e9;float: right; height: 27px; width: 80px;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;}
#search input[type="text"]:focus {background-position: 12px;background-color:#f5f5f5;color: #2a2a2a;text-shadow:0px 0px 3px #c6c6c6;width: 100px;}

/* 위젯 영역 */
.sidebar .section{position:relative;float:left;width:200px;margin:10px 0 0 0;border: 1px solid #e5e5e5;-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 0 1px 0 #d2d2d3, 0 1px 3px rgba(0,0,0,.1);-moz-box-shadow: 0 1px 0 #d2d2d3, 0 1px 3px rgba(0,0,0,.1);-o-box-shadow: 0 1px 0 #d2d2d3, 0 1px 3px rgba(0,0,0,.1);box-shadow: 0 1px 0 #d2d2d3, 0 1px 3px rgba(0,0,0,.1);}
.sidebar .section h2{padding: 0 0 10px 15px;color: #2b2b2b;font-size:14px;font-weight:bold;background: url('../img/wgt_bg.png') repeat-x bottom left;}

/* 최근 위젯 */
.sidebar .widgetA{margin:0;padding:0 10px 4px}
.sidebar .widgetA li{list-style:none}
.sidebar .widgetA .title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;letter-spacing:-1px;color:#333}
.sidebar .widgetA .author{font-size:11px;color:#888}
.sidebar .widgetA .author:before{content:"by";padding-right:2px;font-size:10px;color:#AAA}
.sidebar .widgetA .author img{display:none}
.sidebar .widgetA .date{display:inline-block;padding:0 4px 6px 0;font:11px Tahoma;color:#888;*display:inline}
.sidebar .widgetA .hour{display:none}
.sidebar .widgetNavigator{position:absolute;top:13px;right:10px;margin:0;padding:0}
.sidebar .widgetNavigator li{display:inline}
.sidebar .widgetNavigator button{width:16px;height:16px;margin:-1px;background-color:transparent;background-image:url(../img/w_btn.png);border:0;filter:alpha(opacity:60);opacity:.6}
.sidebar .widgetNavigator button:hover{filter:alpha(opacity:100);opacity:1}
.sidebar .widgetNavigator button.prev{background-position:left center;*background-position:-1px center}
.sidebar .widgetNavigator button.next{background-position:right center;*background-position:13px center}
.sidebar .widgetNavigator button span{position:absolute;display:block;width:0;height:0;overflow:hidden;visibility:hidden}

/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

.slider-wrapper {width: 100%;margin: 0 auto;}
/* The Nivo Slider styles */
.nivoSlider {position:relative;width:980px;margin: 0 auto;overflow: hidden;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}
.nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}
.nivo-main-image {display: block !important;position: relative !important; width: 100% !important;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white; filter:alpha(opacity=0); opacity:0;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img { display:block; -webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}
/* Caption styles */
.nivo-caption {position:absolute;left:0px;bottom:0px;font-size:16px;background:#000;color:#fff;width:100%;z-index:8;padding: 25px 10px;opacity: 0.8;overflow: hidden;display: none;-moz-opacity: 0.8;filter:alpha(opacity=8);-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;/* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {text-align:center;padding: 15px 0;}
.nivo-controlNav a {cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}