@charset "utf-8";

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,button,table{font-family:'나눔고딕',NanumGothic,'돋움',Dotum,Helvetica Neue,Helvetica,sans-serif;font-size:12px}
img,fieldset,button{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.edge{position:absolute;top:5px;right:5px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #414141}
.clear{clear:both}

/* Skin to content */
.skip{margin:0}
.skip>a{overflow:hidden;position:absolute;top:10px;left:10px;height:0;background-color:#f9dc5f;line-height:20px;text-align:center;color:#414141}
.skip>a:focus{height:auto}

/* Login */
.header .login_area{position:absolute;top:30px;right:0;width:60px;z-index:10}
.header .login_area ul.be_login>li{float:left;position:relative}
.header .login_area ul.be_login>li a{display:block;width:30px;height:30px;font-size:28px;line-height:30px;color:#ccc;text-align:center}
.header .login_area ul.be_login>li a:hover{color:#fcaf17;text-decoration:none}

.header .login_area .ly_login{display:none;position:absolute;top:100%;right:30px}
.header .login_area .ly_login ul{margin-top:13px;padding:0px 0;background:#414141;box-shadow:0 8px 15px rgba(0,0,0,0.1)}
.header .login_area .ly_login a{display:block;min-width:132px;height:40px;padding:0 16px;line-height:40px;font-size:13px;color:#f9f9f9}
.header .login_area .ly_login a:hover{background-color:#fadd60;color:#424242;}

.header .login_after{overflow:hidden;border-radius:100%}
.header .login_after img{width:30px;height:30px;border:1px solid #fcaf17;border-radius:100%}
.header .logout{padding:8px 0 0;border-top:1px solid #494949}
.header .login_area.hover > a{color:#fcaf17}

.header .manage_area{position:absolute;top:30px;right:68px}
.header .manage_area > a{display:block;width:30px;height:30px;font-size:28px;text-align:center;line-height:34px;color:#ccc}
.header .manage_area > a:hover{color:#fcaf17}

/* Layout */
.header_line {height:220px;border-bottom: 1px solid #ebebec;}
.header{position:relative;width:1100px;margin:0 auto;z-index:2;zoom:1}
.logo {padding-top:70px;text-align: center;text-transform: uppercase;min-height:38px;}
.logo a {font-size: 32px;letter-spacing:10px;color:#424242;text-shadow:0px 0px 3px #0a0a0a; !important}
.logo a:hover { text-decoration: none; }
.sub_logo {font-size: 14px;letter-spacing: 10px;color: #e3e3e3;margin: 5px 0 30px;}
.body{position:relative;width:1100px;margin:0 auto;padding:0 0 120px;}
.content{zoom:1}
.content:after{display:block;clear:both;content:''}
.content_wrap{border: solid 1px #e6e6e6;}
#footer {float: left;background-color:#494949;height: auto;width: 100%;margin-top: 50px;padding: 20px 0;border-top: 4px solid #fcaf17;-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: 980px;}
#footer .copyright {float:left; color:#fff;}
.copyright_links {font-size: 11px;float: right;line-height: 17px;}
.copyright_links li {display: inline;float: left;}
.copyright_links li a {float: left;padding: 0px 11px 0px 10px;}
.copyright_links li a:hover {text-decoration: underline}


/* gnb */
.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:56px;margin:0 auto;width: 1100px;}
.gnb{position:relative;z-index:1;width:1100px;height:56px;}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb>ul{width:854px}
.gnb>ul:after{display:block;clear:both;content:''}
.gnb>ul>li{float:left;position:relative;border-right: 1px solid #ebebec;text-align: center;min-width:100px}
.gnb>ul>li:first-child { border-left: 1px solid #ebebec; }
.gnb>ul>li>a{display:block;padding:0 15px;line-height:56px;font-size:15px;color:#bcbcbc;font-weight: 600}
.gnb>ul>li>a:hover,
.gnb>ul>li>a:focus,
.gnb>ul>li.on>a{background-color:#e9e9e9;color:#414141;box-shadow:0 0 8px rgba(0,0,0,0.1)}
.gnb>ul>li>.tri:after{display:inline-block;width:0;height:0;margin-left:8px;border-width:5px 4px 0;border-style:solid;border-color:#bcbcbc transparent transparent;content:''}
.gnb>ul>li.on>.tri:after{border-color:#f9f9f9 transparent transparent}
.gnb>ul .depth2{display:none;position:absolute;top:100%;left:0;z-index:2;padding:0;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1)}
.gnb>ul .depth2 a{display:block;min-width:150px;height:40px;padding:0 30px 0 16px;line-height:40px;font-size:14px;color:#bcbcbc}
.gnb>ul .depth2 a:hover,.gnb>ul .depth2 a:focus{position:relative;background-color:#fadd60;color:#424242;box-shadow:0 0 8px rgba(0,0,0,0.1)}
.gnb>ul .depth2 a:hover:after,.gnb>ul .depth2 a:focus:after{position:absolute;right:16px;content:'>'}
.gnb>ul .depth2 li.on>a{background-color:#fadd60;color:#424242;box-shadow:0 0 8px rgba(0,0,0,0.1)}
.gnb>ul .divide{margin:8px 0 0;padding:8px 0 0;border-top:1px solid #e5e5e5}
.gnb>ul .divide:first-child{border-top:0}
.gnb>ul .divide > span,.gnb>ul .divide > a{display:block;min-width:164px;height:32px;padding:0 16px;line-height:32px;font-size:12px;color:#888}
.fixed_header .gnb{position:fixed;top:0;background-color:#414141;z-index:9}
.fixed_header .gnb>ul>li>a:hover,
.fixed_header .gnb>ul>li>a:focus,
.fixed_header .gnb>ul>li.on>a{background-color:#414141;color:#bcbcbc}
.fixed_header .gnb>ul>li,
.fixed_header .gnb .search input[type="text"]{border-color:#414141;background-color:#494949}
.fixed_header .gnb .search input[type="text"]:focus {color:#bcbcbc;border-color:#414141;background-color:#494949;}

/* search */
.search>input[type=text]{position:absolute;top:0;right:0;width:50px;height:40px;padding:8px 10px;border:0;border-left:1px solid #ebebec;border-right:1px solid #ebebec;color:#bcbcbc;font-size:13px;font-weight: 600;font-family : xeicon;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.search input[type="text"]:focus {background-position: 12px;background-color:#f5f5f5;color: #2a2a2a;width: 150px;}


/* sub */
.body.sub{padding:10px 0 120px}

/* sidebar */
.body.sub .sidebar{float:left;width:240px;margin:0 0 40px;padding:0 0 30px;border: 1px solid #ebebec;}
.body.sub .content_wrap{float:right;width:830px;min-height:400px;}
.body.sub .content{padding:48px 30px 48px;}
.body.sub.right .sidebar{float:right;}
.body.sub.right .content_wrap{float:left}
.body.sub.full .sidebar{display:none}
.body.sub.full .content_wrap{float:none;width:1100px}

.sub_title{overflow:hidden;margin:0 auto;padding: 10px 0 5px 10px;border-bottom:1px solid #fcaf17}
.sub_title h1{display:inline-block;font-weight:normal;font-size:20px;color:#414141;vertical-align:top}
.sub_title .page_location{overflow:hidden;float:right;display:inline-block;margin-top:5px;margin-right:10px;vertical-align:top}
.sub_title .page_location li{display:inline}
.sub_title .page_location li:before{display:inline-block;margin:0 4px 2px 0;color:#9d9d9d;content:'>'}
.sub_title .page_location li:first-child:before{display:none}
.sub_title .page_location li a{color:#9d9d9d}
.sub_title .page_location .last a{color:#414141}

/* side tab */
ul.tabs { margin:0 auto; list-style: none;}
ul.tabs li{float:left;position:relative;text-align: center;width:120px;}
ul.tabs li a {display:block;border-bottom: 1px solid #e9e9e9;padding:0 15px;line-height:50px;font-size:15px;color:#bcbcbc;font-weight: 600}
ul.tabs li a:hover,
ul.tabs li .active {background-color:#f9f9f9;color:#bcbcbc;}
.tab_content {float:left;width:240px;min-height:100px;}

/* lnb */
.lnb>ul{width:240px}
.lnb>ul>li{position:relative;text-align: center;}
.lnb>ul>li i{position:absolute;left:5px;top:21px}
.lnb>ul>li>a{display:block;border-bottom: 1px solid #ebebec;padding:0 15px;line-height:36px;font-size:13px;color:#bcbcbc;font-weight: 600}
.lnb>ul>li>a:hover,
.lnb>ul>li>a:focus,
.lnb>ul>li.on>a{position:relative;background-color:#fcaf17;color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1)}
.lnb>ul .depth2{width:240px}
.lnb>ul .depth2>li{position:relative;text-align: center;min-width:100px}
.lnb>ul .depth2 a{display:block;border-bottom: 1px solid #ebebec;padding:0 15px;line-height:36px;font-size:13px;color:#bcbcbc;font-weight: 600}
.lnb>ul .depth2 a:hover,
.lnb>ul .depth2 a:focus,
.lnb>ul .depth2 li.on>a{position:relative;background-color:#fec54b;color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1)}

/* widget */
.simpleWidgetStyle .sub_title{overflow:hidden;margin:0 auto;padding: 10px 0 5px 10px;border-bottom:1px solid #fcaf17}
.simpleWidgetStyle h2{display:inline-block;font-weight:normal;font-size:15px;color:#414141;vertical-align:top}

.widgetA{overflow:hidden;margin:0;padding:0;list-style:none}
.widgetA li{position:relative;margin:0;padding:0;border-top:1px solid #e1e1e1;list-style:none}
.widgetA li:first-child{border-top:0}
.widgetA li a:hover .more_info{display:block}
.widgetA li a{display:block;overflow:hidden;padding:10px 14px;font-size:13px;color:#000}
.widgetA .more_info{display:none;position:absolute;top:0;right:0;left:0;padding:13px 23px 18px;background-color:#fec54b;color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1)}
.widgetA .more_info dt{display:inline-block;overflow:hidden;float:left;margin-right:8px;font-size:12px;text-align:center}
.widgetA .more_info dd{float:left;margin-right:10px}

/* Scroll to top link */
.btn_top{display:none;position:fixed;right:24px;bottom:0px;z-index:1000;width:48px;height:48px;border-radius:0px;background-color:#000;font-size:24px;line-height:48px;color:#fff;text-align:center;opacity:0.6;filter:alpha(opacity=60)}
.btn_top:hover{background-color:#fcaf17;color:#414141;text-decoration:none;opacity:1;filter:alpha(opacity=100)}

.tooltips{position:relative}
.tooltips .tooltip_wraps{display:none;position:absolute;left:50%;top:100%;z-index:100;margin:9px 0;padding:0 5px;font-size:11px;line-height:21px;border:1px solid #414141;border-radius:5px;background-color:#414141;color:#fff;white-space:nowrap}
.tooltips .edge{position: absolute;border-style: solid;top: -5px;left: 50%;margin-left: -5px;border-bottom-color: #414141;border-width: 0 5px 5px;}