@charset "utf-8";
/* Reset */
html,body{min-height:100%}
body{margin:0;background:#f3ede4}

/* Skin to content */
.skip{margin:0}
.skip>a{display:block;text-align:center;line-height:28px;height:1px;overflow:hidden}
.skip>a:focus{height:auto}

/* Layout */
.container,
.footer>.copyright{width:960px;margin:0 auto}
.header{position:relative;z-index:2;zoom:1;margin:0 0 30px 0}
.header:after{display:block;content:'';clear:both}
.header>.top{position:absolute;z-index:3;right:0;top:8px;zoom:1}
.header>.side{position:absolute;z-index:2;right:0;bottom:58px;zoom:1}
.body{position:relative;z-index:1}
.header:after,
.body:after{content:"";display:block;clear:both}
.content{padding:0 0 40px 0;zoom:1}
.content>*:first-child{margin-top:0}
.content img{max-width:100%;height:auto}

/* Header */
.header>h1{display:inline-block;*display:inline;zoom:1;margin:4px 0 0;padding:0}
.header>h1>a,
.header>h1 img{display:block}
.header>h1>a{font-size:32px;text-decoration:none;color:#333}

/* Footer */
.footer{padding:0 0 40px 0;color:#666}
.footer p{font-size:12px}
.footer a{text-decoration:none;color:#666}
.footer a:hover,
.footer a:focus{text-decoration:underline}
.footer>.copyright{padding:25px 0 0 0;text-align:center;border-top:1px #ccc solid}
.footer>.copyright>p{margin:8px 0 0 0;padding:0}

/* Login */
.account{margin-right:15px !important}

/* top_menu */
.top_menu{float:left}
.top_menu:after{display:block;content:'';clear:both}
.top_menu ul{margin:0;padding:0;list-style:none}
.top_menu ul li{float:left}
.top_menu ul li span{padding:0 8px 0 0;border-right:1px #ededed solid;line-height:9px;font-size:9px}
.top_menu ul li a{padding:0 0 0 8px;color:#777;text-decoration:none;font-family:"맑은 고딕", MalgunGothic, Dotum, arial}
.top_menu ul li a:hover{color:#0075c1}

/* language */
.language{float:left;display:inline-block;margin:0 0 0 20px}
.language:after{display:block;content:'';clear:both}
.language .toggle{background:none;border:0;cursor:pointer;vertical-align:top;padding:0;height:15px;font-size:10px;color:#777}
.language .toggle span{color:#F00;font-weight:bold;font-size:8px}
.language ul{display:none;border:1px solid #d9d9d9;background:#fff;margin:0;padding:0}
.language li{list-style:none}
.language li button{display:block;width:61px;padding:5px 8px;font-size:10px;color:#5c5c5c;text-decoration:none;background:none;border:0;text-align:left;white-space:nowrap;cursor:pointer}
.language li button:hover{color:#F60}

/* Search */
.header .search{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0}
.header .search>input{font-size:12px;vertical-align:top;border-radius:2px}
.header .search>input[type="text"]{background:#e5e6e8;border:1px solid #dedede;height:21px;line-height:21px;padding:0 4px;margin:0 -6px 0 0;width:126px}
.header .search>input[type="submit"]{background:#484d51;border:1px solid #272b30;color:#fff;height:23px;line-height:23px;padding:0 15px;margin:0;cursor:pointer;box-shadow:0 1px 0 #6d7174 inset}

/* GNB */
.gnb{position:relative;z-index:1;border:1px solid #a292b3;font-size:15px;height:40px;clear:both;background-color:#a292b3}
.gnb ul{margin:0;padding:0;list-style:none}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb>ul{position:absolute;top:41px;left:-1px;right:-1px;background:#585c66;opacity:.95;filter:alpha(opacity=95);height:0}
.gnb.open>ul{height:auto;border-bottom:1px solid #333}
.gnb>ul:after{content:"";display:block;clear:both}
.gnb ul li{font-family:"맑은 고딕", MalgunGothic, Dotum, arial}
.gnb>ul>li{position:relative;top:-41px;float:left;margin:0 -1px -8px 0}
.gnb>ul>li>a{display:block;border-left:1px solid #e0dae2;border-right:1px solid #0074c1;line-height:41px;padding:0 20px;color:#fff;position:relative;text-align:center}
.gnb>ul>li:last-child>a{border-right:0}
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{border-top:1px solid #ab9cbc;line-height:39px;padding-bottom:1px;background-color:#ab9cbc}
.gnb ul ul{display:block;position:relative;z-index:2;padding:0 20px;margin:0 0 0 -1px;border-left:1px solid #424856;height:0;overflow:hidden;text-align:left}
.gnb.open ul ul{margin-top:6px}
.gnb ul ul:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#585c66}
.gnb.open ul ul{padding:13px 20px;height:auto}
.gnb>ul>li:first-child>ul{border:0}
.gnb>ul>li:first-child>ul:before{content:normal}
.gnb ul ul a{display:block;line-height:20px;font-size:12px;color:#fff;font-weight:normal}
.gnb ul ul a:hover,
.gnb ul ul a:focus{text-decoration:underline}


/* LNB */
.body.sub .lnb,
.body.sub .lnb_wrapper{float:left;width:210px;margin:0 0 40px 0}
.body.sub .content{float:right;width:720px}
.body.sub .lnb h1{margin:0;position:relative;z-index:2;font-family:"맑은 고딕", MalgunGothic, Dotum, arial}
.body.sub .lnb h1 a{display:block;line-height:36px;padding:0 18px;color:#fff;text-decoration:none;font-size:14px;background-color:#ab9cbc;zoom:1}
.body.sub .lnb ul{list-style:none;margin:0;padding:0}
.body.sub .lnb ul a{display:block;text-decoration:none;color:#333;font-size:13px}
.body.sub .lnb ul{position:relative;z-index:1;border:1px solid #dcdcdc;padding:1px;margin:-1px 0 0 0}
.body.sub .lnb ul>li>a{line-height:36px;padding:0 10px 0 18px;border-top:1px solid #eee;font-family:"맑은 고딕", MalgunGothic, Dotum, arial}
.body.sub .lnb ul>li.active>a,
.body.sub .lnb ul>li>a:hover,
.body.sub .lnb ul>li>a:focus{background:#f5f5f5;color:#3192d7}
.body.sub .lnb ul>li:first-child>a{border-top:0}
.body.sub .lnb ul ul{padding:10px 0;border:0;border-top:1px solid #eee}
.body.sub .lnb li li{padding:2px 0}
.body.sub .lnb li li>a{line-height:20px;padding:0 10px 0 30px;border:0}
.body.sub .lnb li li.active>a,
.body.sub .lnb li li>a:hover,
.body.sub .lnb li li>a:focus{background:none;color:#3192d7}
.body.sub .lnb ul ul{display:none}
.body.sub .lnb ul>li.active>ul{display:block}