@charset "utf-8";
@import url('/css/common/style.css');

/* Reset */
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}
body,h1,h2,h3,h4,h5,h6,input,button,table,select,textarea{font-family:'Malgun Gothic','맑은고딕','돋움','Dotum','Helvetica','Apple SD Gothic Neo',Sans-serif;font-size:12px;color:#333}
img,fieldset{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}

a{color:#333;text-decoration:none}
a:hover{}
video{display:block}
.skip{position:absolute;font:0/0 a; color:transparent;text-shadow:none;background:transparent;border:0;overflow:hidden;}

#wrap {min-width:1220px !important}

/* header */
#header {background:#fff}
#header .inner {position:relative;width:1180px;margin:0 auto}
#header .util_wrap {padding-top:14px;background:#ececec;border-bottom:1px solid #e6e6e6}
#header .util_wrap .user {position:absolute;top:15px;left:0}
#header .util_wrap .user li {position: relative;float:left;padding:0 12px;font-weight:bold;font-size:13px;color:#aaa;line-height:14px}
#header .util_wrap .user li .coupon_number{display:block;font-family:helvetica; background:url(/img/common/header/renew/bg_coupon.png) no-repeat center top; color:#fff;padding:1px 5px;position: absolute;top:-15px;left:71px;width:16px;text-align: center}
#header .util_wrap .user li + li {border-left:1px solid #aaa}
#header .util_wrap .user li a {display:block;color:#aaa}
#header .util_wrap .lnb {overflow:hidden;width:408px;margin:0 auto -1px}
#header .util_wrap .lnb li {float:left}
#header .util_wrap .lnb li a {display:block;width:202px;height:49px;font-weight:bold;font-size:14px;color:#989898;text-align:center;line-height:49px;letter-spacing:-1px;border:1px solid transparent;border-width:1px 1px 0 1px;background:#ececec}
#header .util_wrap .lnb li.on a {border-color:#e6e6e6;background:#fff}

#header .util_wrap .dday {position:absolute;top:15px;right:80px;text-align:left;font-size:13px;font-weight:bold;color:#989898;letter-spacing:-1.5px;}
#header .util_wrap .dday span {letter-spacing:0;}

#header .util_wrap .sns {overflow:hidden;position:absolute;top:14px;right:0}
#header .util_wrap .sns a {overflow:hidden;display:block;float:left;width:20px;height:20px;margin-left:6px;text-indent:-99999px;background:url(/img/common/header/renew/icon_sns.png) no-repeat}
#header .util_wrap .sns a.icon_fb {margin-left:0;background-position:0 0}
#header .util_wrap .sns a.icon_blog {background-position:-27px 0}
#header .util_wrap .sns a.icon_tv {background-position:-55px 0}

#header .header_wrap {padding:34px 0 37px}
#header .header_wrap h1 {width:330px;padding-top:15px;margin:0 auto}
#header .header_wrap h1 a {overflow:hidden;display:block}
#header .header_wrap h1 a img {display:block;float:left}
#header .header_wrap h1 a span {display:block;float:left;margin-left:27px;font-size:14px;color:#4464ab;line-height:18px;letter-spacing:-1px}
#header .header_wrap .top_banner_cover {overflow:hidden;position:absolute;top:0;right:0;width:211px;height:59px}
#header .header_wrap .top_banner_cover .bx-wrapper,
#header .header_wrap .top_banner_cover .bx-viewport,
#header .header_wrap .top_banner li {height:59px !important}
#header .header_wrap .top_banner li a {display:block}
#header .header_wrap .top_banner_control {position:absolute;top:11px;right:215px}
#header .header_wrap .top_banner_control .bx_next {margin-top:6px}
#header .header_wrap .top_banner_control a {overflow:hidden;display:block;width:17px;height:15px;text-indent:-9999px;background:url(/img/common/header/renew/btn_top_banner.png) no-repeat}
#header .header_wrap .top_banner_control .bx-prev {background-position:0 0}
#header .header_wrap .top_banner_control .bx-next {background-position:0 -21px}

#gnb {position:relative;height:49px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;z-index:130}
#gnb .depth01 {width:1180px;margin:0 auto}

#gnb .depth01:after {clear:both;display:block;content:''}
#gnb .depth01 > li {position:relative;float:left;margin-left:10px;z-index:140}
#gnb .depth01 > li.gnb01 {width:205px;margin-left:0}
#gnb .depth01 > li.gnb02 {width:198px}
#gnb .depth01 > li.gnb03 {width:196px}
#gnb .depth01 > li.gnb04 {width:236px}
#gnb .depth01 > li.gnb05 {width:163px}
#gnb .depth01 > li.gnb06 {width:132px}
#gnb .depth01 > li > a {overflow:hidden;display:block;height:49px;text-indent:-9999px;background:url(/img/common/header/renew/bg_gnb_menu.png) no-repeat}
#gnb .depth01 > li.gnb01 > a {width:55px;background-position:0 17px}
#gnb .depth01 > li.gnb02 > a {width:56px;background-position:-205px 17px}
#gnb .depth01 > li.gnb03 > a {width:42px;background-position:-414px 17px}
#gnb .depth01 > li.gnb04 > a {width:93px;background-position:-620px 17px}
#gnb .depth01 > li.gnb05 > a {width:102px;background-position:-866px 17px}
#gnb .depth01 > li.gnb06 > a {width:55px;margin-left:32px;background-position:-1085px 17px}
#gnb .depth01 > li.gnb01.on a {background-position:0 -28px}
#gnb .depth01 > li.gnb02.on a {background-position:-205px -28px}
#gnb .depth01 > li.gnb03.on a {background-position:-414px -28px}
#gnb .depth01 > li.gnb04.on a {background-position:-620px -28px}
#gnb .depth01 > li.gnb05.on a {background-position:-866px -28px}
#gnb .depth01 > li.gnb06.on a {background-position:-1085px -28px}
#gnb .depth01 > li .depth02 {display:none;position:absolute;top:80px;left:0;width:100%;z-index:150}
#gnb .depth01 > li .depth02 > li {margin-top:10px}
#gnb .depth01 > li .depth02 > li:first-child {margin-top:0}
#gnb .depth01 > li .depth02 > li a {display:block;font-weight:bold;font-size:14px;color:#646464;line-height:24px;letter-spacing:-1px}
#gnb .depth01 > li.gnb06 .depth02 > li a {text-align:center}
#gnb .depth01 > li .depth02 > li a:hover {color:#4464ab}
#gnb .bg_gnb {display:none;position:absolute;top:48px;left:0;width:100%;min-height:245px;padding:30px 0 45px;border-top:1px solid #e6e6e6;border-bottom:3px solid #4464ab;background:url(/img/common/header/renew/bg_gnb.png) 0 0 repeat;z-index:130}

/*리브로와함께합니다.*/
#gnb .depth01 > li .bubble{width:138px; position:absolute; top:-17px; left:-40px;cursor:pointer}
#gnb .depth01 > li .bubble .label{color:#ffffff;background:#00c172;padding:4px 24px ; font-size:12px; font-weight:bold;text-align:center;}
#gnb .depth01 > li .bubble .tail{border-top :7px solid #00c172;border-left:7px solid transparent;border-right : 7px solid transparent;position:absolute; bottom:-7px; left:45%;width:0; height:0;}
#tfooter {overflow:hidden;margin-top:0 !important}
#tfooter .dangi_box {width:1180px !important}

/* 기존 common.css */
h4.tit {margin-bottom:30px;position:relative}
h4.tit .tit_sel {position:absolute;top:0;right:0;width:150px;height:32px;line-height:32px}


/*3.0-common*/
.st-header-v3 .wrap-dangi-header {background:#3a67a0 !important}
.st-header-v3 .nav-depth-01 > div > ul:first-child > li:first-child {margin-left:0;}
.st-header-v3 .nav-depth-01 > div > ul:first-child > li {margin-left:45px;}
.btn-offline-dangi {background:#3a67a0}
.st-header-v3 .nav-depth-01 .ico-point {left:-22px;}

/* libro popup */
.popup_libro{display:none;position:absolute;top:95px;left:50%;margin-left:-240px;z-index:51;}
.st-conects-snb .nav-gnb-depth-02 dt {color: #0070c0 !important;}