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

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


/* 스킵네비게이션 */
#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 #992127;left: 138px}
#ctgAll_Open span {color: #992127;}
#ctgNav-icon i { background: #992127;}

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

.gnb li a:hover {color: #992127}
.right_menu li a:hover {color: #992127}

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

#headNavi {top: 50px;left: 255px}
#headNavi li a:hover {color: #992127;}
#headNavi li a:before {background: #992127}

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

#nheadNavi {padding-left: 0}

.tmate_head_btn {position: absolute;top: 53px;left: 140px;display: block;padding: 0 25px;color: #fff;height: 35px;line-height: 35px;font-weight: 600;font-size: 15px;
    background: #c7222b;border-radius: 35px;box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2)}

.right_quick {position: fixed;top: 150px;right: 15px;transition:all .4s ease;z-index: 700}
.right_quick.quickFixed {top: 50px}
.right_quick li {display: block;margin-bottom: 10px;}
.right_quick li a {position: relative; display: block;width: 80px;height: 63px;border-radius: 50%;background: rgba(0,0,0,0.7);box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.2);text-align: center;padding-top: 17px}
.right_quick li a .fe {display: block;font-size: 23px;color: #fff;line-height: 25px;margin-bottom: 5px}
.right_quick li a .txt {display: block;color: #fff;font-size: 12px;line-height: 130%}

.right_quick li a .ico {display: block;height: 27px;text-align: center;margin-bottom: 5px}
.right_quick li.tmate a {background: #c7222b;padding-top: 10px;height: 70px}
.right_quick li.kakao a {background: #fee900;color: #333;padding-top: 10px;height: 70px}
.right_quick li.kakao a .txt {color: #333}


/* 
.tnbWrap:before {background: #522c2d}
*/
.tnbWrap:before {background: #fff}
#header-wrap {border-bottom: 2px solid #b5292f !important}
#nheadNavi .allcate {background: #b5292f url("/re_images/header/cate_ico.png") no-repeat 25px center !important}
#nheadNavi .swiper-slide a:hover {color: #b5292f;}
#nheadNavi .swiper-slide a:before {background: #b5292f}
#nheadNavi .allcate {background: #b5292f url("/re_images/header/cate_ico.png") no-repeat 25px center;}
.tnbWrap .tnbR .tnbRli .point {color: #f5cd10}


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

#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}


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


.topBtn {position: fixed;bottom: 25px;right: 30px;background: #f44336;text-align: center;display: block;width: 55px;height: 55px;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);}
.topBtn a {position: relative;display: block;padding-top: 10px}
.topBtn a i {display: block;text-align: center;font-size: 17px;color: #fff;height: 15px;}
.topBtn span {position: relative;display: block;color: #fff;font-size: 15px;height: 20px;}


.left_quick_wrap {position: fixed;top: 50%;left: 0;width: 60px;padding: 25px 0;margin-top: -115px;text-align: center;background: #333;/*background: #fb7623*/border-top-right-radius: 10px;border-bottom-right-radius: 10px;z-index: 201}
.left_quick_wrap a {display: inline-block;}
.left_quick_wrap a span {width: 24px;display: block;padding-bottom: 50px;background: url("/re_images/moi/pc/layout/left_quick_btn_ico.png") no-repeat center bottom}
.left_quick_wrap a i {display: block;font-style: normal;color: #fff;font-size: 15px;line-height: 32px}


#left_quick_cont {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 3005}
#left_quick_cont .cont_wrap {position: absolute;display: block;top: 50%;left: 50%;width: 1200px;margin: -385px 0 0 -600px;overflow: hidden;height: 700px;padding-top: 70px;background: #fff;border-radius: 15px}

#left_quick_cont .cont_title {position: absolute;top: 0;left: 0;width: 100%;height: 70px;
    background: #ff9e0b; /* Old browsers */
    background: -moz-linear-gradient(left,  #ff9e0b 0%, #f2175e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ff9e0b 0%,#f2175e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ff9e0b 0%,#f2175e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9e0b', endColorstr='#f2175e',GradientType=1 ); /* IE6-9 */
}

#left_quick_cont .cont_title h2 {display: block;padding: 0 0 0 20px;font-size: 25px;color: #fff;font-weight: normal;line-height: 70px}

#left_quick_cont .cont_area {position: relative;display: block;height: 600px;overflow-x: hidden;overflow-y: auto;padding: 50px;}
#left_quick_cont .cont_area .cont {position: relative;display: block;margin-bottom: 80px;}

#left_quick_cont .cont_area h3 {position: relative;display: block;overflow: hidden;margin-bottom: 30px;text-align: center}
#left_quick_cont .cont_area h3:after {position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #ddd;content: "";}
#left_quick_cont .cont_area h3 span {position: relative;display: inline-block;padding: 0 20px;background: #fff;color: #222;font-size: 35px;line-height: 150%;letter-spacing: -0.05em;z-index: 1}


#left_quick_cont .cont_area .title_box {position: relative;display: block;overflow: hidden;padding-left: 60px;margin-bottom: 30px}
#left_quick_cont .cont_area .title_box .num {position: absolute;display: block;top: 0;left: 0;width: 60px;font-size: 65px;line-height: 65px;color: #dadada}
#left_quick_cont .cont_area .title_box .title {display: block;font-size: 30px;color: #222;line-height: 150%;font-weight: normal;letter-spacing: -0.07em;}
#left_quick_cont .cont_area .title_box .txt {display: block;font-size: 15px;color: #333;line-height: 120%;}
#left_quick_cont .cont_area .title_box .txt b {color: #f90e34}

#left_quick_cont .cont_area .mt90 {margin-top: -90px;}
#left_quick_cont .cont_area .mb40 {margin-bottom: 40px !important}

#left_quick_cont .cont_btn {position: relative;display: block;overflow: hidden;text-align: center}
#left_quick_cont .cont_btn a {display: inline-block;padding: 5px 30px;background: #f53949;border-radius: 5px}
#left_quick_cont .cont_btn a span {position: relative;display: inline-block;color: #fff;font-size: 17px;line-height: 40px;padding-left: 40px;}
#left_quick_cont .cont_btn a span:after {position: absolute;top: 5px;left: 0;width: 30px;height: 30px;line-height: 30px;text-align: center;font-family: FontAwesome,LineAwesome;content: "\f2d5";font-size: 20px;border-radius: 50%;color: #f53949;background: #fff}

#left_quick_close {position: absolute;top: 5px;right: 5px;width: 60px;height: 60px;text-align: center;z-index: 205}
#left_quick_close .fa {font-size: 55px;line-height: 60px;color: #fff}

#right_quick_wrap {position: fixed;display: block;top: 0;right: 0;width: 50px;height: 100%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;background: #000;z-index: 3500}
#right_quick_wrap .right_quick {position: relative;display: block;overflow: hidden;height: calc(100% - 224px);padding-bottom: 224px;}
#right_quick_wrap .click_text {position: absolute;top: 50%;left: 0;width: 100%;display: block;text-align: center;margin-top: -195px;padding-top: 32px;}
#right_quick_wrap .click_text:after {position: absolute;top: 0;left: 50%;display: block;width: 26px;margin-left: -17px;height: 30px;font-size: 19px;color: #fff;line-height: 30px;content: "\f1cc";font-family: FontAwesome,LineAwesome;text-align: center}
#right_quick_wrap .click_text span {display: block;text-align: center;font-size: 15px;color: #fff;line-height: 140%}

.right_nav {display: none;position: relative;width: 150px;height: 100%;}
.right_nav li {display: block;height: 50%;}
.right_nav li a {position: relative;display: block;height: 100%;text-align: center;}
.right_nav li a p {position: absolute;top: 50%;left: 0;display: block;width: 100%;height: 85px;margin-top: -43px;}
.right_nav li a b {display: block;font-size: 17px;color: #fff;font-weight: normal;line-height: 130%}
.right_nav li a span {display: inline-block;background: #fff;width: 80px;border-radius: 24px;color: #222;line-height: 24px;margin-top: 15px}
.bnt_bg1 {display: block;background: #fe990f url("/re_images/moi/pc/quick/right_bg1.jpg") no-repeat center top;}
.bnt_bg2 {display: block;background: #f44336 url("/re_images/moi/pc/quick/right_bg2.jpg") no-repeat center top;;}

.right_sub_btn {position: absolute;width: 100%;overflow: hidden;bottom: 0;left: 0;border-top: 1px solid rgba(255,255,255,0.2)}
.right_sub_btn li {position: relative;display: block;padding: 10px 0;height: 35px;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.2)}
.right_sub_btn li a {position: relative;display: inline-block;padding-left: 50px;height: 35px;}
.right_sub_btn li a:after {position: absolute;top: 0;left: 0;width: 50px;height: 35px;display: block;color: #fff;line-height: 38px;font-family: FontAwesome,LineAwesome;text-align: center;font-size: 25px;font-weight: normal;content: ""}
.right_sub_btn li a span {display: block;color: #fff;font-size: 14px;line-height: 35px;height: 35px;overflow: hidden;text-indent: -99999px}
.right_sub_btn li a.btn01:after {background: url("/re_images/moi/pc/layout/sns_blog.png") no-repeat center}
.right_sub_btn li a.btn02:after {background: url("/re_images/moi/pc/layout/sns_facebook.png") no-repeat center}
.right_sub_btn li a.btn03:after {background: url("/re_images/moi/pc/layout/sns_insta.png") no-repeat center}
.right_sub_btn li a.btn04:after {content: "\f122"}

#right_quick_wrap.open {width: 150px;}
#right_quick_wrap.open .click_text {display: none}
#right_quick_wrap.open .right_nav {display: block}
#right_quick_wrap.open .right_sub_btn li a span { text-indent: 0}


.quick-wrap {position: fixed;top: auto;opacity: 1;bottom: 20px;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(1) a i, .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;}