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

/* 스킵네비게이션 */
#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: 1100px}
#pg-code {position: relative;display: block;}

/*헤더컬러*/
#ctgAll_Open {border: 1px solid #11af9f;}
#ctgAll_Open span {color: #11af9f;}
#ctgNav-icon i { background: #11af9f;}

#ctgAllBox {border: 1px solid #11af9f;}
#ctgNavi .ctgLst .cm-a1:hover {background: #11af9f}
#ctgNavi .ctgLst .cm-a2:hover {background: #11af9f}
#ctgNavi .ctgLst .cm-a3:hover {background: #11af9f}

.gnb li a:hover {color: #11af9f}
.right_menu li a:hover {color: #11af9f}

#myzone-Over .point b {color: #11af9f}
#myzone-Over .pd-quick li a:hover {color: #089f90;}

#headNavi {left: 305px}
#headNavi li a:hover {color: #169e91;}
#headNavi li a:before {background: #169e91}
#headNavi li .subMenu {width: 140px;margin-left: -70px}

#myzone-Over .pd-quick {background: #f0fbfa}

/*--------------------------------------------------  컨텐츠 영역  --------------------------------------------------*/

#container-wrap {position: relative;display: block;width: 100%; max-width: 1920px; margin: 0 auto; /*padding-top: 160px;*/ }

#s-contents-wrap {position: relative;display: block;padding: 30px 0 0;/*background: #f9f9f9;*/}
#s-contents-wrap.whbg {background: #fff;}
#s-contents {position: relative;display: block;width: 1100px;margin: 0 auto}


.event_page #s-contents-wrap {background: none;padding: 0}
.event_page #s-contents {width: 100%;}

.contTitle {position: relative;display: block;margin-bottom: 20px;}
.contTitle h3 {display: block;font-size: 25px;font-weight: normal;color: #222;line-height: 150%;letter-spacing: -0.05em}

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

#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: 14px;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)}

.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;top: auto;opacity: 1;bottom: 95px;right: 20px;display: inline-block;z-index: 301}/*margin-top: -130px;*/
.quick-wrap  a {
    position: relative;text-align: center;display: block;width: 65px;height: 65px;border-radius: 50%;
    -webkit-box-shadow: 0 0 7px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0 0 7px 0 rgba(50, 50, 50, 0.5);
    box-shadow:         0 0 7px 0 rgba(50, 50, 50, 0.5);
}
.quick-wrap ul {display: inline-block}
.quick-wrap ul li {margin-bottom: 10px;}
.quick-wrap ul li a {position: relative;background: #fff;}
.quick-wrap ul li a i {display: block;line-height: 20px;text-align: center;padding-top: 13px;padding-bottom: 5px}
.quick-wrap ul li a i img {width: 20px}
.quick-wrap ul li a .txt {position: relative;display: block;font-size: 11px;line-height: 13px}
/*.quick-wrap ul li a .txt {opacity: 0;position: absolute;top: 50%;right:65px;margin-top: -9px;font-size: 12px;color: #fff;line-height: 24px;min-width: 50px;display: inline-block;background: rgba(0,0,0,0.7);
    padding: 0 7px;font-weight: 300;border-radius: 3px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.quick-wrap ul li a .txt:after {position: absolute;top: 0;right: -3px;content: "\f0da";width: 3px;text-align: center;line-height: 24px;font-family:FontAwesome;color: rgba(0,0,0,0.7)}*/
.quick-wrap ul li a i img {margin-top: -4px}

.quick-wrap ul li .count {position: absolute;top: -5px;right: -5px;width: 25px;height: 25px;background: #f44336;color: #fff;font-size: 11px;text-align: center;border-radius: 25px;line-height: 25px;z-index: 10;
    -webkit-box-shadow: 0 0 3px 0 rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0 0 3px 0 rgba(50, 50, 50, 0.5);
    box-shadow:         0 0 3px 0 rgba(50, 50, 50, 0.5);
}

.quick-wrap ul li:nth-child(2) a i {padding-top: 10px;padding-bottom: 0}

.quick-wrap .quick-top {background: #f57c00;}
.quick-wrap .quick-top span {position: relative;display: inline-block;padding-top: 20px;color: #fff;font-size: 15px;margin-top: 10px}
.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: 18px;}



/*재방문 레이어*/
.visitLry-Wrap {display: block;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;}
.visitLry-Wrap .bg {display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=70);z-index: 0}

.visit-lry {position: fixed;width: 500px;height: 470px;background: #fff;top: 50%;left: 50%;margin: -235px 0 0 -250px;z-index: 30;overflow: hidden;border-top: 3px solid #70a008}
.visit-lry .visitCont {display: block;padding: 25px 20px;}
.visit-lry .top {display: block;text-align: center;}
.visit-lry .top h3 {display: block;font-size: 22px;color: #333;font-weight: normal;line-height: 160%}
.visit-lry .cont {display: block;padding: 20px 0;}
.visit-lry .cont .logoTit {display: block;text-align: center;font-size: 18px;font-weight: 600;color: #50595e;line-height: 40px;}
.visit-lry .cont .logoTit img {margin-right: 5px;vertical-align: top}
.visit-lry .cont .btomTxt {display: block;text-align: center;}
.visit-lry .btnBox {display: block;text-align: center}
.visit-lry .today {display: block;border-top: 1px solid #ddd;line-height: 16px;padding: 12px 20px}
.visit-lry .today .chek-st03 {font-size: 13px}
.visit-lry .today .visit-close {position: absolute;display: block;bottom: 0;right:0;width: 42px;height: 40px;background: url("/images/Content/btn-closeBig02.png") no-repeat center;border-left: 1px solid #ddd;text-indent: -999999px}


#footer .customer_center {position: absolute;top: 65px;right: 0;}
#footer .customer_center .bigTel {display: block;font-size: 20px;color: #fff;font-weight: normal;line-height: 130%;text-align: right;letter-spacing: 0;font-family: 'Spoqa Han Sans', 'Sans-serif';}