@charset "UTF-8";

/* Layout */
html {overflow-y:auto;width:100%}
body {position:relative;min-width:1180px; width:100%}
.inner {min-width:360px; width:1180px; margin:0 auto} /* Default :1280 */

#skip_to_content {position:absolute;left:0;top:-10em;width:100%;z-index:99999}
#skip_to_content a:active, #skip_to_content a:focus {position:absolute;left:0;top:10em;width:100%;height:27px;background:#009dc8 url(../../images/common/header_bg.gif) repeat-y 50% 0;color:#fff;text-align:center;text-decoration:none;line-height:30px;outline:0}
.mask {display:none;opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;background:url(../../images/common/mask.png);z-index:9}

.img_comn, .fq_box li a, .foot_menus ul li a {background-image:url(../../images/common/img_comn.png);background-repeat:no-repeat}

/* header */
#header { position:relative; background:none; z-index:10; background: url(/ebook/images/layout/bg_top.jpg) center top no-repeat; }
#headertop { position:relative; height: 120px; }
#headertop .inner { position:relative}
.top_logo { position:absolute; top: 40px; left:0; width:208px;height:45px; }
.center_logo { position:absolute; top: 36px; left: 460px; display: inline-block; text-align: center; }
.center_logo a { font-size: 13px; color: #fff; }

/* Top Util */
.top_util { float:right; margin-top:36px; }


/* GNB */
#gnb_wrap { position:relative; height:58px; border-bottom: 1px solid #cdd5de }
#gnb_wrap .inner { /* position:relative*/ }
#gnb {position:relative; }
#gnb a {display:block}

/* 1 Depth */
#gnb > li {float:left; width: 14.28%; border-right: 1px solid #ccc;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#gnb > li > a { position:relative; z-index:12; height:58px;color:#32363c;font-size: 16px; line-height:60px; text-align:center;text-decoration:none}
#gnb > li.active > a, #gnb > li > a:hover { padding-left: 10px; color: #fff; font-weight: bold; background: #5568d1 url(/ebook/images/layout/bg_gnb_on.gif) 28px 50% no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#gnb > li > a > img {vertical-align:-7px}
#gnb > li > a > img.new_win {margin-left:3px;vertical-align:-1px}
#gnb > li:first-child { border-left: 1px solid #ccc; }

/*2 depth*/
#gnb > li > div { display: none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:none; position:absolute; top:58px; left: auto; margin-left: 0; *margin-left: -73px; width: 16.66%; background: #fff; border-bottom: 1px solid #cbcbcb; z-index:10; border-left:solid 1px #ededed;  }
#gnb > li:last-child > div { border-left:solid 1px #ededed; }
#gnb > li > div .sm { display: block; font-size: 15px; color: #444; text-align: left; padding: 20px 0px 10px 20px;  }
#gnb > li > div .sm:hover { color: #000; text-decoration: underline; }
#gnb > li > div > ul { width: 100%; height: 170px; padding: 20px 0;}
#gnb > li > div > ul > li { line-height: 25px; margin-right: 15px; text-align: left; background:url(/ebook/images/common/icon_dot.gif) no-repeat left 12px;  padding:0 15px;}
#gnb > li > div > ul > li a { font-size: 13px; color: #666; padding: 0px 18px 5px 8px; } 
#gnb > li > div > ul > li a:hover { color: #000; text-decoration: underline; }
#gnb > li > div > ul > li ul { display: none; }
#gnb > li > div > ul > li ul li { padding: 0 0 0 10px; line-height: 1.8em; }
#gnb > li > div > ul > li ul li a { font-size: 1em; font-family:'NanumGothic'; }


/* footer */
#foot_info { padding: 50px 0 60px; background: #5F5F5F; color: #fff; font-size: 11.5px; line-height:1.6em; font-family: Open sans, Arial; }
#foot_info .inner { position: relative}
.foot_logo { width: 120px; height: 42px; margin: 10px 56px 0 24px; float: left;}
.copyright { color:#fff}

.pinfo { color: #ffe32a!important; }