html, body {width: 100%;height: 100%;}
body {overflow: auto;}
/*body {overflow-y: visible;overflow-x: hidden;}*/

.radio input:checked+.lbl:before{background:#007300;border-color:#007300;}
.checkbox input:checked+.lbl:before{border-color:#007300;background:#007300;}


/* 스킵네비게이션 */
#skipNavi {height: 0;}
#skipNavi .skipLink {position: absolute;top: -1000px;left: -1000px;overflow: hidden;z-index: 5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top: 0;left: 0;padding: 10px 20px;background: #11a3b5;color: #fff;}

#doc {position: relative;width: 100%;overflow: hidden;min-width: 1300px}
#pg-code {position: relative;display: block;}

/*헤더컬러*/
#ctgAll_Open {border: 1px solid #6c8c09;left: 152px}
#ctgAll_Open span {color: #6c8c09;}
#ctgNav-icon i { background: #6c8c09;}

#ctgAllBox {border: 1px solid #6c8c09;margin-left: -397px}
#ctgNavi .ctgLst .cm-a1 {padding: 0 15px}
#ctgNavi .ctgLst .cm-a1:hover {background: #6c8c09}
#ctgNavi .ctgLst .cm-a2:hover {background: #6c8c09}
#ctgNavi .ctgLst .cm-a3:hover {background: #6c8c09}

.gnb li a:hover {color: #6c8c09}
.right_menu li a:hover {color: #6c8c09}

#myzone-Over .point b {color: #6c8c09}
#myzone-Over .pd-quick li a:hover {color: #6c8c09;}

#headNavi li a:hover {color: #6c8c09;}
#headNavi li a:before {background: #6c8c09}

#myzone-Over .pd-quick {background: #fcfff2}
/*
.tnbWrap:before {background: #3f4633}
*/
.tnbWrap:before {background: #fff}
#header-wrap {border-bottom: 2px solid #87af3f !important}
#nheadNavi .allcate {background: #87af3f url("/re_images/header/cate_ico.png") no-repeat 25px center !important}
#nheadNavi .swiper-slide a:hover {color: #87af3f;}
#nheadNavi .swiper-slide a:before {background: #87af3f}
#nheadNavi .allcate {background: #87af3f url("/re_images/header/cate_ico.png") no-repeat 25px center;}

.allcateView {border: 1px solid #87af3f;}
.allcateView .depbox li.over a {color: #87af3f}

/*--------------------------------------------------  하단 영역  --------------------------------------------------*/

#footer-wrap {display: block;background: #696a75;overflow: hidden;z-index: 100}
#footer-top {position: relative;display: block;width: 1100px;height: 50px;margin: 0 auto;text-align: center;}
#footer-top:after {background: #474955;position: absolute;display: block;content: "";top: 0;left: 50%;margin-left: -1000px;width: 2000px;height: 50px;}

.foot_link {display: inline-block;position: relative;float: left;z-index: 5}
.foot_link li {float: left;}
.foot_link li a {padding: 0 12px;display: block;font-size: 13px;font-weight: 400;letter-spacing: -0.03em;line-height: 50px;color: rgba(255,255,255,0.4);position: relative;}
.foot_link li a:hover {text-decoration: underline}
.foot_link li a:after {position: absolute;display: block;top: 50%;left: -1px;margin-top: -5px;background: rgba(255,255,255,0.2);width: 1px;height: 10px;content: "";}
.foot_link li:first-child a {padding-left: 0;}
.foot_link li:first-child a:after {display: none;}
.foot_link li:nth-child(2) a {color: rgba(255,255,255,1);}

.foot_notice {position: absolute;top: 0;right: 0;width: 260px;height: 30px;padding: 10px 172px 10px 105px;text-align: left;overflow: hidden;background: #373842;z-index: 10}
.foot_notice b {position: absolute;top: 10px;left: 20px;width: 70px;height: 30px;line-height: 30px;color: rgba(255,255,255,0.5);font-size: 14px;}
.foot_notice b:after {position: absolute;top: 50%;right: 0;width: 1px;height: 10px;margin-top: -5px;background: rgba(255,255,255,0.2);content: ""}
.foot_notice .item {display: block;padding: 0;height: 30px;line-height: 30px;}
.foot_notice .item a {display: block;height: 30px;line-height: 30px;color: rgba(255,255,255,0.5);overflow:hidden;white-space:nowrap; text-overflow:ellipsis}
.foot_notice button, .foot_notice .notice_more {position: absolute;top: 0;width: 50px;height: 50px;border: none;text-indent: -9999px;background: #141417;z-index: 300}
.foot_notice button:after, .foot_notice .notice_more:after {position: absolute;top: 0;right: 0;width: 50px;height: 50px;line-height: 52px;font-family: FontAwesome;font-style: normal;text-align: center;font-size: 21px;display: block;color: #fff;text-indent: 0}
.foot_notice .notice_prev {right: 102px;}
.foot_notice .notice_prev:after {content: "\f113";}
.foot_notice .notice_next {right: 51px;}
.foot_notice .notice_next:after {content: "\f110";}
.foot_notice .notice_more {right: 0;}
.foot_notice .notice_more:after {content: "\f2c2";}

.foot_sns {position: absolute;display:block;top: 30px;right: 0;z-index: 5}
.foot_sns li {float: left;width: 28px;height: 28px;text-indent: -9999px;margin-left: 8px;}
.foot_sns li a {display: block;width: 100%;height: 100%;}
.foot_sns li a.blog {background: url("/re_images/tv/pc/layout/sns-blog.png") no-repeat}
.foot_sns li a.facebook {background: url("/re_images/tv/pc/layout/sns-facebook.png") no-repeat}
.foot_sns li a.youtube {background: url("/re_images/tv/pc/layout/sns-youtube.png") no-repeat}
.foot_sns li a.instagram {background: url("/re_images/tv/pc/layout/sns-Instagram.png") no-repeat}
.foot_sns li a.kakaotv {background: url("/re_images/tv/pc/layout/sns-kakaotv.png") no-repeat}

#footer {position: relative;padding: 30px 0;width: 1100px;margin: 0 auto;}
#footer .foot_info {display: block;overflow: hidden;}
#footer .foot_info li {display: block;line-height: 26px;overflow: hidden;font-size: 13px;letter-spacing: -0.02em;}
#footer .foot_info li span {position: relative;display: inline-block;padding-right: 10px;margin-right: 10px;float: left;color: rgba(255,255,255,0.6)}
#footer .foot_info li span:after {display: block;content: "";position: absolute;right: 0;top: 50%;margin-top: -5px;background: rgba(255,255,255,0.3);width: 1px;height: 10px;}
#footer .foot_info li span:last-child {padding-right: 0;margin-right: 0;}
#footer .foot_info li span:last-child:after {display: none}
#footer .foot_info li.pcopyright {color: rgba(255,255,255,0.3)}
#footer .foot_info li a {color: rgba(255,255,255,0.6)}

#footer .customer_center {position: absolute;top: 18px;right: 0;padding-right: 145px;}
#footer .customer_center .bigTel {display: block;font-size: 30px;color: #fffc00;font-weight: normal;line-height: 130%;text-align: right;letter-spacing: 0;font-family: 'Spoqa Han Sans', 'Sans-serif';}
#footer .customer_center .time {position: absolute;top: 5px;right: 0;display: block;font-size: 13px;color: #fff;line-height: 170%}
#footer .customer_center .time b {display: block;color: #fff;}
#footer .customer_center .time i {font-style: normal;color: #fff}
#footer .customer_center .time em {display: block;font-size: 12px;font-style: normal}
#footer .customer_center ul {position: relative;margin-top: 10px}
#footer .customer_center ul li {position: relative;float: left;border: 1px solid #fff;margin-left: -1px}
#footer .customer_center ul li a {display: inline-block;line-height: 30px;color: #fff;padding: 0 15px;font-size: 12px;}

.foot_btn {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 100}
.foot_btn a {display: block;width: 100%;height: 5vh;line-height: 5vh;font-size: 2.5rem;color: #fff;background: #000;text-align: center}

/*--------------------------------------------------  퀵 영역  --------------------------------------------------*/

.quick-wrap {position: fixed;opacity: 1;top: 105px;right: 50%;width: 90px;margin-right: -660px;display: inline-block;z-index: 9999}
.quickTop_btn {position: relative;display: block;overflow: hidden;}
.quickTop_btn li {display: block;text-align: center}
.quickTop_btn li.st01 {background: #00acc1}
.quickTop_btn li.st02 {background: #f57c00}
.quickTop_btn li a {display: block;padding: 8px 0;}
.quickTop_btn li i {position: relative;display: block;height: 25px;width: 100%;font-size: 26px;color: #fff;line-height: 25px;font-weight: normal}
.quickTop_btn li span {display: block;line-height: 20px;color: #fff;font-size: 12px}

.recentLst_wrap {position: relative;display: block;margin: 7px auto;background: #fff;border: 1px solid #ddd;padding-bottom: 20px;}
.recentLst_wrap b {display: block;background: #f6f6f6;border-bottom: 1px solid #ddd;line-height: 35px;font-size: 12px;text-align: center;color: #222}
.recentLst_wrap .recentLst_slider {position: relative;display: block;width: 60px;height: 160px;margin: 15px auto 5px;overflow: hidden}
.recentLst_wrap .recentLst_slider .item {position: relative;width: 52px}
.recentLst_wrap .recentLst_slider .item a {display: block;margin: 3px 0;text-align: center}
.recentLst_wrap .recentLst_slider .item .mini {display: inline-block}

.recentLst_wrap button {position: absolute;bottom: 17px;width: 15px;height: 15px;display: block;border: none;text-indent: -9999px;}
.recentLst_wrap .recent_prev {left: 10px;background: url("/re_images/books/pc/layout/quick_prev.jpg") no-repeat center}
.recentLst_wrap .recent_next {right: 10px;background: url("/re_images/books/pc/layout/quick_next.jpg") no-repeat center}
.recentLst_wrap .recent_ment {display: block;text-align: center;font-size: 12px;line-height: 18px;margin-top: 20px;color: #888}

.quick-wrap .slider_count {position: relative;display: block;text-align: center;height: 15px}
.quick-wrap .slider_count .count {display: inline-block;font-size: 12px;letter-spacing: -0.03em;line-height: 15px;}

.quick-wrap .quick_top {position: relative;display: block;width: 40px;height: 40px;border-radius: 50%;margin: 0 auto;background: #333;text-align: center}
.quick-wrap .quick_top span {position: relative;display: block;padding-top: 15px;color: #fff;font-size: 12px;}
.quick-wrap .quick_top span:after {position: absolute;top: 5px;left: 0;content:"\f113";display: block;width: 100%;text-align: center;line-height: 15px;font-family: FontAwesome, LineAwesome;font-size: 13px;}


@media only screen and (max-width: 1300px) {
       .quick-wrap {top: 240px;}
}

@media only screen and (max-width: 1099px) {
    #doc {min-width: 600px}
}