@charset "utf-8";
@import url("./fonts.css");

/* 
   KT.com version 1.0
  
   Copyright ⓒ 2017 kt corp. All rights reserved.
   
   This is a proprietary software of kt corp, and you may not use this file except in 
   compliance with license agreement with kt corp. Any redistribution or use of this 
   software, with or without modification shall be strictly prohibited without prior written 
   approval of kt corp, and the copyright notice above does not evidence any actual or 
   intended publication of such software. 
*/ 

/* 2020 웹접근성 개선 명도대비 : #05a4bc를 #04a3bb로 수정 */

/* ie9 예외 처리 */
.no-cssanimations .no-ie9 { display: none;}

/*_____ scope - layout _____*/
/* column */
.column, .column-footer {position:relative;width:1260px;margin:0 auto;transition:all 0.5s ease-in-out;}
.inner, .inner-footer {position:relative;left:0;width:1080px;margin:0 auto;transition:all 0.5s ease-in-out;}

/* cfmBzWrapper */
#cfmBzWrapper {width:100%;min-width:1260px;max-width:1920px;margin:0 auto;}

/* cfmBzSkip */
#cfmBzSkip {position:absolute;left:0;top:0;width:100%;z-index:9999;}
#cfmBzSkip a {position:absolute;left:0;top:-1000px;display:block;width:100%;height:30px;line-height:30px;color:#fff;text-align:center;background-color:#eb0104;outline:none;}
#cfmBzSkip a:active, #cfmBzSkip a:focus {top:0;}

/* cfmBzHeader */
#cfmBzHeader {position:fixed; left:0; top:0; width:100%; margin-top:-1px; min-width:1260px; z-index:100; background:#fff;}
#cfmBzHeader:after{position: fixed;z-index: -1;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.6);content: '';display: none}
#cfmBzHeader:before {position:absolute;z-index:2;top: 81px;width: 100%;min-width:1260px;height:0;border-bottom:1px solid #aaa;content:"";background-color:#fff;}
#cfmBzHeader.active:after{display: block}
#cfmBzHeader.active:before{z-index:110;}
#cfmBzHeader.bg-blur{height: 79px; background:#fff;}

/* floating-menu */
.floating-menu {position:relative;width:1260px;height:1px;margin:0 auto;text-align:center;z-index:110;}
.floating-menu .inner {position:absolute;z-index: 100;left:-60px;top:1px;width:90px;box-shadow:1px 1px 6px rgba(1,1,1,0.3);transition:all 0.5s ease-in-out;}
.floating-menu .channels {}
.floating-menu .channels  h1 {height:85px;background-color:#34558B;}
.floating-menu .channels  h1 img {margin:39px 0 0;vertical-align:top;}
.floating-menu .channels ul {overflow:hidden;width:100%;position:absolute;left:0;top:0;z-index:10;}
.floating-menu .channels ul li {float:left;width:50%;background-color:#2e2e35;}
.floating-menu .channels ul li a {display:block;height:23px;font-size:12px;color:#bbb;line-height:23px;vertical-align:top;font-weight:bold;}
.floating-menu .channels ul li.current {background-color:#383941;}
.floating-menu .channels ul li.current a {color:#fff;}
.floating-menu .utils {overflow:hidden;position: relative;z-index: 1}
.floating-menu.no-auto .utils { display: none;}
.floating-menu .utils a,
.floating-menu .utils span {display:block;}
.floating-menu .utils .quick a {height:35px;font-size:14px;color:#fff;line-height:35px;border-top:1px solid #384761;background-color:#34558B;}
.floating-menu .utils .quick a.active {color:#d92c38;background-color:#fff;}
.floating-menu .utils .quick.menus a {height:39px;font-size:13px;color:#c5c9d2;line-height:39px;border-top:1px solid #26262e;background-color:#2e2e35;}
.floating-menu .utils .quick.menus a:first-child {border:0;}
.floating-menu .utils .quick.menus.active {color:#c5c9d2;background-color:#2c3345;}
.floating-menu .utils .talk {display:block;}
.no-cssanimations .floating-menu .utils .talk {display:none;}
.floating-menu .utils .talk a {position:relative;width:100%;height:62px;padding:5px 0 0;font-size:13px;color:#fff;background:url(../images/bz/bg-floating-menu-talk-datv.png);background-repeat:no-repeat;background-position:0 0;background-size:100% auto;}/* 0625 케이톡 리네임 */
.floating-menu .utils .talk .num {display:none;position:absolute;right:19px;top:33px;padding:2px 5px 4px;font-size:11px;line-height:11px;border-radius:50%;background-color:#d92c38;vertical-align:top;}
.floating-menu .utils .talk a.active {background-image:url(../images/bz/bg-floating-menu-talk-atv.png);}
.floating-menu .utils .talk.is-msg a .num,
.floating-menu .utils .talk a.active .num {display:inline-block;}
.floating-menu .fold {height:16px;background-color:#383941;position: relative;z-index: 1}
.floating-menu .fold button[type="button"] {overflow:hidden;display:inline-block;width:100%;height:16px;background: url(../images/bz/btn-floating-menu-fold.png) no-repeat 50% 5px;text-indent: -9999em}
.floating-menu .fold button[type="button"].close{background-position: 50% -10px}
.floating-menu .fold a {overflow:hidden;display:inline-block;width:100%;height:16px;background: url(../images/bz/btn-floating-menu-fold.png) no-repeat 50% 3px;text-indent: -9999em}
.floating-menu .fold a.close {background-position: 50% -12px}
.floating-menu .floating-layers {display:none;}
.floating-menu .floating-layers .floating-layer-close {position:absolute;right:0;top:0;}
.floating-menu .floating-layers .mask {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:-1;}
.floating-menu .layer-talk {position:absolute;z-index: 1;left:0px;top:157px;box-shadow:5px 5px 10px rgba(1,1,1,0.3);opacity: 0}
.floating-menu .layer-inquiry {position:absolute;z-index: 1;left:0px;top:122px;width:780px;height:425px;background-color:#fff;opacity: 0}
.floating-menu .login-message-wrap { position: absolute; top: 155px; left: 100px;}
.no-cssanimations .floating-menu .login-message-wrap { display: none;}
.floating-menu [class*="login-msg"] { box-sizing: border-box; padding: 12px 16px 0; border-radius: 6px; text-align: left;}
.floating-menu .login-msg1 { width: 303px; height: 97px; background: url(../images/bz/bg-talk.png) no-repeat 0 0;}
.floating-menu .login-msg2 { width: 209px; height: 57px; background: url(../images/bz/bg-talk2.png) no-repeat 0 0;}
.floating-menu [class*="login-msg"] strong { color: #222; font-size: 14px;}
.floating-menu [class*="login-msg"] p { overflow: hidden; margin-top: 2px; width: 270px; height: 38px; color: #666; font-size: 13px;}
.floating-menu .inquiry-area {text-align:left;}
.floating-menu .inquiry-area .inquiry-header {height:50px;padding-left:25px;font-size:16px;color:#222;line-height:50px;font-weight:bold;background-color:#f1f2fa;}
.floating-menu .inquiry-area .inquiry-header .name {text-decoration:underline;}
.floating-menu .inquiry-area .inquiry-header .link{display: inline-block;font-size: 14px;color: #454545;font-weight: bold;padding: 0 14px 0 20px;background: url(../images/cl/ico-arrow2.png) no-repeat 100% 50%}
.floating-menu .inquiry-area .inquiry-header .phone {display: inline-block;width: 128px;margin-left:20px;font-size:18px;font-family:"Spoqa Han Sans";}
.floating-menu .inquiry-area .inquiry-header .select{position: relative;line-height: 1}
.floating-menu .inquiry-area .inquiry-header .select .btn-select{display: inline-block;width: 26px;height: 26px;background: url(../images/cl/btn-select.png) no-repeat;text-indent: -9999em}
.floating-menu .inquiry-area .inquiry-header .select div{position: absolute;z-index: 1;left: 50%;width: 219px;padding: 0 20px 19px;margin-left: -130px;border: 1px solid #ccc;background: #fff;box-shadow: 1px 7px 10px 3px rgba(0,0,0,0.2);display: none}
.floating-menu .inquiry-area .inquiry-header .select div:before{content: '';display: block;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 8px solid #fff;margin-left: -7px;position: absolute;z-index: 2;top: -8px;left: 50%}
.floating-menu .inquiry-area .inquiry-header .select div:after{content: '';display: block;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 8px solid #ccc;margin-left: -7px;position: absolute;z-index: 1;top: -9px;left: 50%;}
.floating-menu .inquiry-area .inquiry-header .select div strong{display: block;line-height: 55px;font-size: 15px}
.floating-menu .inquiry-area .inquiry-header .select div .option-area{display: block;line-height: 32px;background: #f1f2fa;padding: 15px 0 20px 21px;margin: 0 0 11px}
.floating-menu .inquiry-area .inquiry-header .select div .option-area label{font-size: 15px;font-weight: normal}
.floating-menu .inquiry-area .inquiry-header .select div button span{width: 106px}
.floating-menu .inquiry-area .inquiry-header .modify {float:right;margin-right:80px;font-size:14px;color:#666;text-decoration:underline;}
.floating-menu .inquiry-area .inquiry-contents {}
.floating-menu .inquiry-area .inquiry-contents:after {content:"";display:block;clear:both;}
.floating-menu .inquiry-area .inquiry-contents .cell {position:relative;width:209px;padding:0 25px;height:375px;float:left;border-left:1px solid #dfdfdf;}
.floating-menu .inquiry-area .inquiry-contents .cell:first-child {border-color:#fff;}
.floating-menu .inquiry-area .inquiry-contents .cell .cell-header {overflow:hidden;width:100%;padding:23px 0 0;}
.floating-menu .inquiry-area .inquiry-contents .cell .cell-header strong {float:left;font-size:15px;color:#222;}
.floating-menu .inquiry-area .inquiry-contents .cell .cell-header span {float:right;padding:2px 0 0 0;font-size:12px;color:#999;}
.floating-menu .inquiry-area .cell.monthly-amount-used .cell-header span {padding-right:18px;}
.floating-menu .inquiry-area .cell.monthly-amount-used .graph-area {text-align:center;}
.floating-menu .inquiry-area .cell.monthly-amount-used .graph-area em {display:block;margin:14px 0 7px;font-family:"Spoqa Han Sans";font-size:20px;color:#222;font-weight:700;text-align:center;}
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area {overflow:hidden;width:100%;}
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.data {padding-top:4px;}
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.data em {font-size:15px;color:#666;font-weight: bold}
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.data span {display:block;margin-top:-5px;font-size:18px;font-family:"Spoqa Han Sans";font-weight:700;}
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.data .reverse {text-align:right;}
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.data .reverse span,
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.data .reverse em {color:#d92c38;font-weight: bold}
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.talk {margin:31px 0 10px;padding:0 0 10px;border-bottom:1px solid #e5e5e5;}
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.talk,
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.message {font-weight:bold;}
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.talk em,
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.message em {font-size:15px;color:#2d2c2c;}
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.talk .reverse,
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.message .reverse {font-family:"Spoqa Han Sans";font-size:16px;color:#d92c38;font-weight:700;}
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.talk .reverse span {font-size:14px;color:#666;}
.floating-menu .inquiry-area .cell.monthly-amount-used .half-area.message .reverse {font-family:"Malgun Gothic","맑은 고딕","dotum","돋움",sans-serif;}
.floating-menu .inquiry-area .cell.monthly-amount-used .refresh {position:absolute;right:24px;top:28px;font-size:0;}
.floating-menu .inquiry-area .cell.monthly-amount-used .refresh button {width:14px;height:14px;vertical-align:top;}
.floating-menu .inquiry-area .cell .real-time-fare {margin:11px 0 0;}
.floating-menu .inquiry-area .cell .real-time-fare>div {display:block;height: 85px;font-size:22px;color:#222;line-height:85px;text-align:center;background-color:#f1f2fa;}
.floating-menu .inquiry-area .cell .real-time-fare>div .fee strong{color: #d71826;font-family:"Spoqa Han Sans";font-weight:700;font-size:26px}
.floating-menu .inquiry-area .cell .real-time-fare>span {display:block;margin:10px 0 0;font-size:12px;color:#999;text-align:center;}
.floating-menu .inquiry-area .cell .real-time-fare button {margin:2px 0 0 2px;font-size:0;vertical-align:top;}
.floating-menu .inquiry-area .cell .membership {margin:15px 0 0;}
.floating-menu .inquiry-area .cell .membership strong {font-size:15px;color:#222;}
.floating-menu .inquiry-area .cell .membership .grade-point {width:100%;height:84px;margin:12px 0 0;padding:8px 0 0;background-color:#f1f2fa;}
.floating-menu .inquiry-area .cell .membership .grade-point .flow,
.floating-menu .inquiry-area .cell .membership .grade-point .reverse {width:50%;height:36px;font-size:15px;color:#222;line-height:36px;box-sizing:border-box;}
.floating-menu .inquiry-area .cell .membership .grade-point .flow {padding-left:14px;}
.floating-menu .inquiry-area .cell .membership .grade-point .reverse {padding-right:18px;text-align:right;}
.floating-menu .inquiry-area .cell .membership .grade-point .reverse.grade {font-size:16px;font-weight:bold;}
.floating-menu .inquiry-area .cell .membership .grade-point .reverse.point {margin-top:-2px;font-family:"Spoqa Han Sans";font-size:24px;font-weight:700;color: #d71826}
.floating-menu .inquiry-area .cell .membership .btn-card,
.floating-menu .inquiry-area .cell .membership .btn-benefit {height:26px;margin-top:8px;font-size:12px;color:#222;text-align:center;line-height:26px;border:1px solid #d0d3e7;border-radius:3px;font-weight: bold}
.floating-menu .inquiry-area .cell .membership .btn-card {float:left;width:90px;}
.floating-menu .inquiry-area .cell .membership .btn-benefit {float:right;width:108px;}
.floating-menu .inquiry-area .cell .membership .btn-full{width: 100%;margin: 8px 0;color: #222;font-weight: bold}
.floating-menu .inquiry-area .cell.banner-right {width:259px;padding:0;}
.floating-menu .inquiry-area .cell.banner-right .loading{position: absolute;z-index: -1}

.floating-menu .chart{position: relative;width: 200px;height: 100px;overflow: hidden;border-bottom: 1px solid #e0e0e0;margin: 0 auto}
.floating-menu .chart-wrap{position: relative;width: 200px;height: 200px;transform: rotate(-90deg);-ms-transform: rotate(-90deg)}
.floating-menu #chart{position: relative;z-index: 3;width: 200px;height: 200px;border-radius: 50%;background: #F8EAF0}
.floating-menu #chart:before{content: '';width: 20px;height: 20px;border-radius: 50%;background: #FF013C;position: absolute;z-index: 2;left: 50%;top: 0;margin-left: -10px}
.no-cssanimations .floating-menu #chart{background: #F8EAF0 !important}
.no-cssanimations .floating-menu #chart:after{content: '';position: absolute;z-index: 2;left: 0;top: 0;border-radius: 50%;width: 200px;height: 200px;clip: rect(0, 200px, 200px, 100px);background: #FF013C}
.floating-menu .chart .txt{width: 160px;height: 160px;border-radius: 50%;background: #fff;position: absolute;top: 20px;left: 50%;margin: 0 0 0 -80px}
.floating-menu .chart .txt p{text-align: center;padding: 30px 0 0;font-size: 14px;color: #222}
.floating-menu .chart .txt p strong{display: block;font-size: 18px;font-family: "Spoqa Han Sans";font-weight: 700}

.floating-menu .caption-sys{height: 190px;padding: 195px 0 0;border: 20px solid #fff;background: #f1f2fa url(../images/cl/img-no-service2.png) no-repeat 50% 30%;color: #000}
.floating-menu .caption-sys>p{font-size: 24px}
.floating-menu .caption-sys>p>strong{color: #d71826}
.floating-menu .caption-sys>span{display: block;font-size: 18px;margin: 5px 0 28px}
.floating-menu .caption-sys>em>span{display: inline-block;padding: 0 8px 3px;margin: 0 8px 0 0;background-color: #949494;color: #fff;border-radius: 13px}

.floating-menu .layer-inquiry .caption-sys{display: none}
.floating-menu .layer-inquiry .inquiry-header .link{display: none}
.floating-menu .layer-inquiry .membership .btn-area .btn-full{display: none}
.floating-menu .layer-inquiry.all-notice .caption-sys{display: block}
.floating-menu .layer-inquiry.all-notice .inquiry-area{display: none}
.floating-menu .layer-inquiry.no-join .inquiry-header .no-service{display: inline-block}
.floating-menu .layer-inquiry.no-join .inquiry-header .phone,
.floating-menu .layer-inquiry.no-join .inquiry-header .select{display: none}
.floating-menu .layer-inquiry.no-join .membership .btn-area>a{display: none}
.floating-menu .layer-inquiry.no-join .membership .btn-area .btn-full{display: block}
.floating-menu .layer-inquiry.no-ctn .inquiry-header .no-product{display: inline-block}
.floating-menu .layer-inquiry.no-ctn .inquiry-header .phone,
.floating-menu .layer-inquiry.no-ctn .inquiry-header .select{display: none}
.floating-menu .layer-inquiry.use .inquiry-area{display: block}
.floating-menu .utilization-fee-area{height: 331px}
.floating-menu .utilization-fee-area>div{display: none}
.floating-menu .utilization-fee-area.use .using{display: block}
.floating-menu .utilization-fee-area.load .loading{display: table}
.floating-menu .utilization-fee-area.no-join .no-service{display: block}
.floating-menu .utilization-fee-area.no-ctn .no-product{display: block}
.floating-menu .real-time-fare>div>div{display: none}
.floating-menu .real-time-fare>.load>.loading{display: table}
.floating-menu .real-time-fare>.txt-type1>.no-txt.type1{display: table}
.floating-menu .real-time-fare>.txt-type2>.no-txt.type2{display: table}
.floating-menu .real-time-fare>.use>.fee{display: block}
.floating-menu .grade-point>div{display: none}
.floating-menu .grade-point.load .loading{display: table}
.floating-menu .grade-point.txt-type1>.no-txt.type1{display: table}
.floating-menu .grade-point.txt-type2>.no-txt.type2{display: table}
.floating-menu .grade-point.use .member{display: block}
.floating-menu .loading{display: table;width: 100%;height: 100%;text-align: center;line-height: 1 !important}
.floating-menu .loading span{display: table-cell !important;vertical-align: middle;line-height: 1 !important;margin: 0 !important;font-size: 14px!important;color: #454545!important}
.floating-menu .loading span img{display: block;margin: 0 auto 10px}
.floating-menu .no-product{background: url(../images/cl/img-no-product.png) no-repeat 50% 47px;text-align: center;padding: 140px 0 0}
.floating-menu .no-product strong{font-size: 18px;color: #454545}
.floating-menu .no-product p{font-size: 14px;color: #777;padding: 8px 0 16px}
.floating-menu .no-product a{font-weight: bold;color: #222}
.floating-menu .no-service{background: url(../images/cl/img-no-service.png) no-repeat 50% 67px;text-align: center;padding: 160px 0 0;font-size: 13px;color: #777}
.floating-menu .no-service p{margin: 0 0 16px}
.floating-menu .no-service p>strong{display: block;font-size: 16px;color: #222}
.floating-menu .no-service p>strong>em{color: #d71826}
.floating-menu .no-txt{display: table;width:100%;height:85px;font-size: 14px;color: #777;line-height: 18px;text-align: center;background-color:#f1f2fa}
.floating-menu .no-txt>b{display: table-cell;vertical-align: middle}
.floating-menu .no-txt.type2{color: #222}
.floating-menu .no-txt>b>em{color: #d71826}.floating-menu .caption-sys{height: 190px;padding: 195px 0 0;border: 20px solid #fff;background: #f1f2fa url(../images/cl/img-no-service2.png) no-repeat 50% 30%;color: #000}
.floating-menu .caption-sys>p{font-size: 24px}
.floating-menu .caption-sys>p>strong{color: #d71826}
.floating-menu .caption-sys>span{display: block;font-size: 18px;margin: 5px 0 28px}
.floating-menu .caption-sys>em>span{display: inline-block;padding: 0 8px 3px;margin: 0 8px 0 0;background-color: #949494;color: #fff;border-radius: 13px}

.floating-menu .layer-inquiry .caption-sys{display: none}
.floating-menu .layer-inquiry .inquiry-header .link{display: none}
.floating-menu .layer-inquiry .membership .btn-area .btn-full{display: none}
.floating-menu .layer-inquiry.all-notice .caption-sys{display: block}
.floating-menu .layer-inquiry.all-notice .inquiry-area{display: none}
.floating-menu .layer-inquiry.no-join .inquiry-header .no-service{display: inline-block}
.floating-menu .layer-inquiry.no-join .inquiry-header .phone,
.floating-menu .layer-inquiry.no-join .inquiry-header .select{display: none}
.floating-menu .layer-inquiry.no-join .membership .btn-area>a{display: none}
.floating-menu .layer-inquiry.no-join .membership .btn-area .btn-full{display: block}
.floating-menu .layer-inquiry.no-ctn .inquiry-header .no-product{display: inline-block}
.floating-menu .layer-inquiry.no-ctn .inquiry-header .phone,
.floating-menu .layer-inquiry.no-ctn .inquiry-header .select{display: none}
.floating-menu .layer-inquiry.use .inquiry-area{display: block}
.floating-menu .utilization-fee-area{height: 331px}
.floating-menu .utilization-fee-area>div{display: none}
.floating-menu .utilization-fee-area.use .using{display: block}
.floating-menu .utilization-fee-area.load .loading{display: table}
.floating-menu .utilization-fee-area.no-join .no-service{display: block}
.floating-menu .utilization-fee-area.no-ctn .no-product{display: block}
.floating-menu .real-time-fare>div>div{display: none}
.floating-menu .real-time-fare>.load>.loading{display: table}
.floating-menu .real-time-fare>.txt-type1>.no-txt.type1{display: table}
.floating-menu .real-time-fare>.txt-type2>.no-txt.type2{display: table}
.floating-menu .real-time-fare>.use>.fee{display: block}
.floating-menu .grade-point>div{display: none}
.floating-menu .grade-point.load .loading{display: table}
.floating-menu .grade-point.txt-type1>.no-txt.type1{display: table}
.floating-menu .grade-point.txt-type2>.no-txt.type2{display: table}
.floating-menu .grade-point.use .member{display: block}
.floating-menu .loading{display: table;width: 100%;height: 100%;text-align: center;line-height: 1 !important}
.floating-menu .loading span{display: table-cell !important;vertical-align: middle;line-height: 1 !important;margin: 0 !important;font-size: 14px!important;color: #454545!important}
.floating-menu .loading span img{display: block;margin: 0 auto 10px}
.floating-menu .no-product{background: url(../images/cl/img-no-product.png) no-repeat 50% 47px;text-align: center;padding: 140px 0 0}
.floating-menu .no-product strong{font-size: 18px;color: #454545}
.floating-menu .no-product p{font-size: 14px;color: #777;padding: 8px 0 16px}
.floating-menu .no-product a{font-weight: bold;color: #222}
.floating-menu .no-service{background: url(../images/cl/img-no-service.png) no-repeat 50% 67px;text-align: center;padding: 160px 0 0;font-size: 13px;color: #777}
.floating-menu .no-service p{margin: 0 0 16px}
.floating-menu .no-service p>strong{display: block;font-size: 16px;color: #222}
.floating-menu .no-service p>strong>em{color: #d71826}
.floating-menu .no-txt{display: table;width:100%;height:85px;font-size: 14px;color: #777;line-height: 18px;text-align: center;background-color:#f1f2fa}
.floating-menu .no-txt>b{display: table-cell;vertical-align: middle}
.floating-menu .no-txt.type2{color: #222}
.floating-menu .no-txt>b>em{color: #d71826}

/* cfmBzGnb */
#cfmBzGnb{width:100%;margin: 81px 0 0;background-color: #fff;letter-spacing:-0.5px;}
#cfmBzGnb:before {position:absolute;z-index: 2;top: 0;width: 100%;min-width:1260px;height:0;border-bottom:1px solid #dadada;content:"";background-color:#fff}
#cfmBzGnb .navigation{position: relative;z-index: 100;left: 0;transition:left 0.5s ease-in-out;}
#cfmBzGnb .navigation a{display: block;color: #232323;padding: 2px 0}
#cfmBzGnb .navigation>ul>li>a{position: absolute;top: -81px;display:inline-block;min-height:21px;font-size:19px;color:#232323;font-weight:bold;vertical-align:top;padding-top: 25px;transition:padding-top 0.5s ease-in-out;}
#cfmBzGnb .navigation>ul>li>a.current{color: #04a3bb !important;border-bottom: 3px solid #04a3bb !important;}
#cfmBzGnb .navigation .nav1>a{left: 0}
#cfmBzGnb .navigation .nav2>a{left: 107px}
#cfmBzGnb .navigation .nav3>a{left: 233px}
#cfmBzGnb .navigation .nav4>a{left: 358px}
#cfmBzGnb .navigation .nav6 img{vertical-align: middle}
#cfmBzGnb .navigation .sub-navigation{display: none;min-width: 1260px;height: auto !important;padding: 0 0 35px;position: relative;z-index: 2;background-color: #fff}
#cfmBzGnb .navigation .depth2{overflow: hidden}
#cfmBzGnb .navigation .depth2>li{float: left;width: 186px;margin-left: 37px}
#cfmBzGnb .navigation .depth2>li:first-child{margin-left: 0}
#cfmBzGnb .navigation .depth2>li>a{margin-top:-2px;}
#cfmBzGnb .navigation .depth2>li strong{display: block;font-size: 18px;color: #393939;border-bottom: 1px solid #b3b3b3;padding: 36px 0 10px;margin: 0 0 10px}
#cfmBzGnb .navigation .depth3>li>a.is-depth4{/*font-size: 15px;*/background: url(../images/bz/ico-gnb-toggle.png) no-repeat 99% 109%}
#cfmBzGnb .navigation .depth3>li>a.is-depth4.active{color: #04a3bb;background-position: 99% -14%}
#cfmBzGnb .navigation .depth4{padding: 0 0 0 15px;display: none}
#cfmBzGnb .navigation .depth4>li>a{font-size: 14px}
#cfmBzGnb .menu-custom{width: 100%;min-height: 59px;margin: 0 0 0 -59px;padding: 13px 0 0 63px;background-color: #f0f0fa;border-bottom: 1px solid #dedede;display: none}
#cfmBzGnb .menu-custom strong{font-size: 17px;color: #373737;padding: 5px 0 5px 28px;background: url(../images/ir/ico-user.png) no-repeat 0 8px;vertical-align: top}
#cfmBzGnb .menu-custom.no-setting strong{background-image: url(../images/cl/ico-recommend.png)}
#cfmBzGnb .menu-custom strong:after{content: '';display: inline-block;width: 6px;height: 10px;background: url(../images/ir/ico-arrow.png) no-repeat;margin: 10px 0 0 16px;vertical-align: top}
#cfmBzGnb .menu-custom a{display: inline-block;padding: 0 0 0 24px; width:17%;} /* 맞춤메뉴 */
#cfmBzGnb .menu-custom.no-setting a{ width: 19%;} /* 추천메뉴 */
#cfmBzGnb .menu-custom a em{display: block;overflow: hidden;margin: 5px 0 0;max-width: 100%; color: #777; text-overflow: ellipsis; white-space: nowrap; font-size: 13px;}
#cfmBzGnb .utils {position: absolute;z-index: 99;left: 0;right: 0;top: 0px;text-align: right;padding-top: 26px;transition:all 0.5s ease-in-out}
#cfmBzGnb .utils .btn-group{float: right;padding-right:260px;}/* 2020채널링크개선 */
#cfmBzGnb .utils .btn-group a{float: left;width: 40px;height: 40px;margin:0;line-height: 36px;margin-top: -6px}
#cfmBzGnb .utils .btn-group a.nav-5g {text-align:left;width:61px;height:41px;margin-top:-8px;margin-right:23px;}
#cfmBzGnb .utils .btn-group a.nav-search {position:relative;margin-right:8px;text-align:center;}
#cfmBzGnb .utils .btn-group a.nav-all-menu-trigger {margin-left:8px;text-align:center;}
#cfmBzGnb .utils .btn-group a.active{text-align:center;background-color: #f1f1f1;}
#cfmBzGnb .utils .btn-group a img{vertical-align: middle}
#cfmBzGnb.active:before,
#cfmBzGnb.bg:before,
#cfmBzGnb.search:before,
#cfmBzGnb.allmenus:before,
#cfmBzGnb.sub:before{height:65px}
#cfmBzGnb.active .navigation>ul>li>a,
#cfmBzGnb.bg .navigation>ul>li>a,
#cfmBzGnb.search .navigation>ul>li>a,
#cfmBzGnb.allmenus .navigation>ul>li>a,
#cfmBzGnb.sub .navigation>ul>li>a{padding-top: 14px;color:#222}
#cfmBzGnb.active .navigation>ul>li>a.active{color: #04a3bb;}
#cfmBzGnb.active .utils,
#cfmBzGnb.bg .utils,
#cfmBzGnb.search .utils,
#cfmBzGnb.allmenus .utils,
#cfmBzGnb.sub .utils{padding-top: 26px;transition:all 0.5s ease-in-out}
#cfmBzHeader.active #cfmBzGnb:after {content:"";display:block;position:absolute;width:100%;height:1px;background:#d9d9d9;top:81px;}
#cfmBzGnb .cfmBzGnb_new span {padding-right:20px;background:url(../images/common/icon_cfmClGnb_new.png) 100% 5px no-repeat;}
#cfmBzGnb .cfmBzGnb_hot span {padding-right:20px;background:url(../images/common/icon_cfmClGnb_hot.png) 100% 5px no-repeat;}
#cfmBzGnb .cfmBzGnb_newhot span {padding-right:40px;background:url(../images/common/icon_cfmClGnb_newhot.png) 100% 5px no-repeat;}
#cfmBzGnb .cfmBzGnb_hotnew span {padding-right:40px;background:url(../images/common/icon_cfmClGnb_hotnew.png) 100% 5px no-repeat;}
#cfmBzGnb .cfmBzGnb_new span em,
#cfmBzGnb .cfmBzGnb_hot span em,
#cfmBzGnb .cfmBzGnb_newhot span em,
#cfmBzGnb .cfmBzGnb_hotnew span em {position:absolute;color:transparent;}


/* channel link */
.chnlink {position:absolute;width:222px;top:26px;left:50%;margin-left:300px;z-index:100;transition:all 0.5s ease-in-out}/* 2020채널링크개선 */
.chnlink > ul {position:absolute;width:242px;}/* 2020채널링크개선 */
.chnlink li {float:left;}
.chnlink li a {display:block;width:auto;height:30px;line-height:1;margin:0 3px;padding:9px 10px 0;text-align:center;font-size:12px;font-weight:normal;color:#fff;border-radius:4px;background:#04a3bb;box-sizing:border-box;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {//IE
	.chnlink li a {margin-top:-1px;}
}
.chnlink li.current a {}
.chnlink li.current {}
.chnlink li.current a {position:relative; padding-top:7px;  font-family:"Noto Sans Medium","Malgun Gothic","맑은 고딕","MG","Apple SD","dotum","돋움",sans-serif;}
.chnlink li.current a:after {position:absolute;content:"";bottom:7px;left:10px;width: 44px;height:1px;background:#fff;}/* 2020채널링크개선 */
.chnlink li:nth-child(2) {}
#cfmBzGnb.bg .chnlink li a,
#cfmBzGnb.active .chnlink li a,
#cfmBzGnb.sub .chnlink li a,
#cfmBzGnb.allmenus .chnlink li a,
#cfmBzGnb.search .chnlink li a {color:#ffffff;background:#04a3bb;}
#cfmBzGnb.bg .chnlink li.current a,
#cfmBzGnb.active .chnlink li.current a,
#cfmBzGnb.sub .chnlink li.current a,
#cfmBzGnb.allmenus .chnlink li.current a,
#cfmBzGnb.search .chnlink li.current a {color:#ffffff;background:#04a3bb;}
@media screen and (max-width:1380px) {/* 2020채널링크개선 */
	#cfmBzGnb .utils .btn-group {padding-right:320px;}
	.chnlink {margin-left:280px;}
}

/* height for channel link */
#cfmBzGnb.active:before,
#cfmBzGnb.bg:before,
#cfmBzGnb.search:before,
#cfmBzGnb.allmenus:before,
#cfmBzGnb.sub:before{height: 81px;}

#cfmBzGnb.active .navigation > ul > li > a,
#cfmBzGnb.bg .navigation > ul > li > a,
#cfmBzGnb.search .navigation > ul > li > a,
#cfmBzGnb.allmenus .navigation > ul > li > a,
#cfmBzGnb.sub .navigation > ul > li > a {padding-top:25px;}

#cfmBzGnb.active .utils,
#cfmBzGnb.bg .utils,
#cfmBzGnb.search .utils,
#cfmBzGnb.allmenus .utils,
#cfmBzGnb.sub .utils {padding-top:26px;}

/* floating-menu for channel link */
#cfmBzHeader h1 {height:80px;}
#cfmBzHeader h1 img {margin:27px 0 0;}
.floating-menu .channels h1 + ul {display:none;}

/* fold button color */
.floating-menu .fold {background-color:#2f2f39;border-top: solid 1px #26262e;}

/* total-search */
#cfmBzGnb.search .utils{z-index: 101}
#total-search {position: absolute;top: 66px;right: 0;left: 0;display: none;outline: none;background-color: #fff;text-align: left}
#total-search .search{position: relative;margin: 30px 0 30px}
#total-search .search fieldset { position: relative; width:780px;}
#total-search .search fieldset:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #1caec5; content: '';}
#total-search .search input[type='text']{ display: block; margin: auto; padding-bottom: 6px;width: 100%;height: 65px;border: none;color: #222;text-align: center;font-size: 30px;line-height: 65px; -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}
#total-search .search input[type=text]::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */
#total-search .search input[type='text'].active,
#total-search .search input[type='text']:focus{outline: none;border-color: #04a3bb;}
#total-search .search button{position: absolute;top: 12px;right: 20px;display: block;width: 40px;height: 40px;background: url(../images/bz/btn-total-search-red.png) no-repeat;text-indent: 0; color:transparent;}
#total-search .search .result{overflow: hidden;margin: 30px 0 0}
#total-search .search .result ul{float: left; margin-left: 48px;padding: 0 0 0 0; width: 317px; line-height: 33px;}
#total-search .search .result ul li a{display: block;overflow: hidden;padding: 0 10px 0 9px;max-width:277px;color: #222;text-overflow:ellipsis;white-space:nowrap; font-size: 17px;}
#total-search .search .result ul li a em{color: #17b3ae;}

#total-search .search .result ul li a.cfmautolink:hover,
#total-search .search .result ul li a.cfmautolink:focus{outline: none;background-color: #edf0f7;}
/*#total-search .search .result .summary-banner { float: left; box-sizing: border-box; width: 300px; height: 320px; text-align: center;}*/
#total-search .search .result .summary-banner {box-sizing: border-box;width: 300px;height: 320px;text-align: center;position: absolute;top: 95px;left: 356px;}

#total-search .search .result .menu-shortcut { float: right; padding-left: 30px; height: 332px; border-left: 1px solid #c8c8c8;}
#total-search .search .result .menu-shortcut strong { display: inline-block; margin: 0 0 7px 0; color: #222; font-size: 20px;}
#total-search .search .result .menu-shortcut ol { width: 355px;}
#total-search .search .result .menu-shortcut ol li { margin-top: 7px;}
/*#total-search .search .result .menu-shortcut ol li:before { position: absolute; top: 12px; left: -8px; width: 2px; height: 2px; background: #222; content: '';}*/
#total-search .search .result .menu-shortcut ol li a { display: block;overflow: hidden; max-width:306px;color: #222;text-overflow:ellipsis;white-space:nowrap; font-size: 17px;}
#total-search .search .result .menu-shortcut ol li a:hover { color: #04a3bb; text-decoration: underline;}
#total-search .search .result .menu-shortcut ol li a em { color: #04a3bb;}
#total-search .search .result .recommend{float: left;padding: 0 0 0 58px;border-left: 1px solid #a0a0a0}
#total-search .search .result .recommend h3{color: #222;font-weight: bold;font-size: 22px}
#total-search .search .result .recommend h3:after{display: block;margin: 18px 0 0 2px;width: 28px;height: 2px;background-color: #04a3bb;content: ''}
#total-search .search .result .recommend .pic{float: left;padding: 37px 0 30px;min-height: 190px;width: 300px;text-align: center}
#total-search .search .result .recommend p{float: left;padding: 50px 0 0}
#total-search .search .result .recommend p strong{color: #222;font-weight: normal;font-size: 30px}
#total-search .search .result .recommend p span{display: block;color: #454545;font-size: 18px}
#total-search .search .result .recommend p a{margin: 36px 0 0}

#total-search .bottom,
#all-menus .bottom{background-color: #f1f1f1;text-align: right;margin: 10px 0 0;border-top: 1px solid #eee}
#total-search .bottom button,
#all-menus .bottom button{ position: relative; top: -1px; display: inline-block;padding: 0 27px 0 0;height: 52px;background: url(../images/bz/ico-close.png) no-repeat 100% 50%;color: #666;font-weight: bold;font-size: 18px}
#total-search .bottom button span, #all-menus .bottom button span { position: relative; top: -2px;}

/* 실시간 인기 검색어 */
.rltmkywd-div{position:absolute;top:0;right:0;width:25%;height:36px;padding-top:25px;border-bottom:3px solid #9a9da6;cursor:pointer;}
.rltmkywd-div .rltm_word{height:37px;overflow:hidden;}
.rltmkywd-div .tit{font-size:0;line-height:0;}
.rltmkywd-div .roll_wrap{height:37px;}
.rltmkywd-div .roll_wrap ol {}
.rltmkywd-div .roll_wrap li{height:37px;line-height:100%;}
.rltmkywd-div .roll_wrap li .num {display:inline-block;width:27px;line-height:21px;margin-right:14px;padding:2px 0 4px;text-align:center;font-weight:bold;font-family:"SHan Sans";border-radius:3px;color:#fff;background:#82899c;}
.rltmkywd-div .roll_wrap li:nth-child(1) .num {background:#05a3bc;}
.rltmkywd-div .roll_wrap li:nth-child(2) .num {background:#05a3bc;}
.rltmkywd-div .roll_wrap li:nth-child(3) .num {background:#05a3bc;}
.rltmkywd-div .roll_wrap li em {color:#222;font-weight:bold;}
.rltmkywd-div .roll_wrap li span[class^="rankf_"] {float:right;width:28px;line-height:21px;padding:2px 0 4px;text-align:right;font-family:"SHan Sans";background-size:12px auto;}
.rltmkywd-div .roll_wrap li span.rankf_U {color:#ff564c;background:url(../images/bz/icon_rltmkywd_rankf.png) 0 9px no-repeat;}
.rltmkywd-div .roll_wrap li span.rankf_D {color:#666666;background:url(../images/bz/icon_rltmkywd_rankf.png) 0 -28px no-repeat;}
.rltmkywd-div .roll_wrap li span.rankf_E {color:#666666;background:url(../images/bz/icon_rltmkywd_rankf.png) 0 -67px no-repeat;}
.rltmkywd-div .roll_wrap li span.rankf_N {margin-top:2px;padding:0 4px 4px 2px;line-height:100%;text-align:center;color:#fff;border-radius:2px;background:#eb7474;}
.rltmkywd-div .roll_wrap li span[class^="rankf_"] span {position:absolute;color:transparent;}
.rltmkywd-div .btn_lay_open{display:none}
.rltmkywd-div.on{width:240px;cursor:default;}
.rltmkywd-div.on .roll_wrap{position:absolute;top:0;right:0;width:270px;height:auto;padding:22px 20px 15px;overflow:visible;background:#fff;border:1px solid #e7e7e7;z-index:10;}
.rltmkywd-div.on .btn_lay_open{visibility:hidden;}
.rltmkywd-div.on .tit {height:29px; letter-spacing:-2px;font-size:27px;font-weight:bold;color:#333;line-height:100%;text-align:left;}
.rltmkywd-div.on .roll_wrap ol{margin:0 !important;}
.rltmkywd-div.on .roll_wrap li.rlthere a{background-color:rgba(239,239,239,0.8);}
.rltmkywd-div.on .roll_wrap li:first-child{margin-top:22px;}
.rltmkywd-div.on .roll_wrap li a {display:block;height:27px;margin:0 -20px;padding:0 20px;}
.rltmkywd-div.on .roll_wrap li a:hover em {text-decoration:underline;color:red;}
.rltmkywd-div.on .roll_wrap .pre_word .num{background:#e4e4e4;color:#333;}
.rltmkywd-div.on .roll_wrap .pre_word:hover,
.rltmkywd-div.on .roll_wrap .pre_word:focus{text-decoration:underline;color:#ea002c;}
.rltmkywd-div.on .roll_wrap .pre_word:hover .num,
.rltmkywd-div.on .roll_wrap .pre_word:focus .num{background:#ea002c;color:#fff;}
#total-search .search .rltmkywd-div .rltmkywd-cls {display:none;}
#total-search .search .rltmkywd-div.on .rltmkywd-cls {display:none;top:-15px;right:10px;width:15px;height:15px;overflow:hidden;text-align:center;color:transparent;background:#fff url(../images/bz/ico-close.png) 50% 50% no-repeat;z-index:10;padding: 15px;border: solid 1px #ddd;border-radius: 4px;}


/* all-menus */
/*#cfmBzGnb.allmenus .utils{z-index: 101}*/
#all-menus{position: fixed;left: 0;right: 0;top: 65px;bottom: 0;background-color: #fff;text-align: left;display: none;min-width: 1260px;outline: none;padding: 39px 0 53px}
#all-menus .search-area{height: auto;background-color: #fff;text-align: right;padding: 0}
#all-menus .search-area .search-text{width: 245px}
#all-menus .search-area .result{clear: both;padding: 10px 0 0}
#all-menus .search-area .result span{color: #002222;margin: 0 10px 0 0}
#all-menus .search-area .result span em{color: #04a3bb}
#all-menus .search-area .result button{display: inline-block;width: 28px;height: 20px;border: 1px solid #b5b5b5;border-radius: 4px;background: url(../images/bz/btn-search-result.png) no-repeat 8px 50%;text-indent: -9999em;vertical-align: middle}
#all-menus .search-area .result button.prev{background-position: -26px 50%}
#all-menus .menus{margin: 20px 0 53px;overflow-y: auto}
#all-menus .menus a{display: block;color: #222}
#all-menus .menus a.is-red { color: #04a3bb !important}
#all-menus .menus .depth1>li>span{ display: block;height: 69px;line-height: 69px;font-size: 26px;font-weight: bold;border-bottom: 1px solid #acadb0;}
#all-menus .menus .depth1>li>span:after { display: block; clear: both; content: '';}
#all-menus .menus .depth1>li>span a.link-title { float: left;}
#all-menus .menus .depth1>li>span a.toggle-btn { float: right; margin-top: 19px; width: 28px; height: 28px; background: url(../images/bz/ico-allmenus-toggle.png) no-repeat left 0 bottom 7px;text-indent: -10000px; font-size: 1px;}
#all-menus .menus .depth1>li>span a.toggle-btn.active {background-position: 0 6px}
/*#all-menus .menus .depth1>li>a.active{background-position: 100% 25px}*/
#all-menus .menus .depth2{overflow: hidden;padding: 16px 0}
#all-menus .menus .depth2:first-child{padding-bottom: 0}
#all-menus .menus .depth2>li{float: left;width: 17%;padding-left: 3%}
#all-menus .menus .depth2>li:first-child { padding-left: 0;}
#all-menus .menus .depth2>li>a{font-size: 18px;font-weight: bold}
#all-menus .menus .depth3{margin: 10px 0 0}
#all-menus .menus .depth3>li>a{line-height: 26px;font-size: 15px;color: #454545}
#all-menus .menus .depth3>li>a.is-depth4{background: url(../images/bz/ico-gnb-toggle.png) no-repeat 99% 109%}
#all-menus .menus .depth3>li>a.is-depth4.active{color: #1cc9c3;background-position: 99% -14%}
#all-menus .menus .depth4{display: none}
#all-menus .menus .depth4>li>a{line-height: 22px;font-size: 13px;color: #777}
#all-menus .bottom{position: absolute;bottom: 0;left: 0;right: 0;background-color: #f1f1f1;text-align: right;margin: 10px 0 0;border-top: 1px solid #eee}
#all-menus .bottom button{display: inline-block;height: 52px;font-size: 18px;font-weight: bold;color: #666;padding: 0 27px 0 0;background: url(../images/bz/ico-close.png) no-repeat 100% 50%}

/* cfmBzContainer */
#cfmBzContainer {overflow:hidden;}/* 0213 */

/* cfmIrContents */
#cfmIRContents, #cfmIrContents, #cfmBzContents {padding-top: 80px;min-height:500px;}/* 0409 */
.scroll-top {position:fixed;right:70px;bottom:10%;}

/* cfmBzFooter */
#cfmBzFooter{position: relative;margin-top: 0; border-top: 1px solid #e5e5e5; font-size: 12px;}
#cfmBzWrapper > #cfmBzFooter {padding-bottom:82px;}
#cfmBzFooter .notice{height: 54px;line-height: 54px;background-color: #f6f6fb;border-bottom: 1px solid #e5e5e5;color: #222}
#cfmBzFooter .notice h3{display: inline-block;padding: 0;font-size: 18px;font-weight: bold}
#cfmBzFooter .notice h3:after{content: "";display: inline-block;margin: 0 22px -5px 20px;background-color: #c6c6c6;width: 1px;height: 20px}
#cfmBzFooter .notice p{display: inline-block;max-width: 800px}
#cfmBzFooter .notice p a{font-size: 16px;color: #222}
#cfmBzFooter .notice p a span{margin: 0 0 0 20px}
#cfmBzFooter .notice .btn-more-area {overflow:hidden;}
#cfmBzFooter .notice .btn-more{display: inline-block;line-height: 1;padding: 3px 13px 5px;margin:16px 0 0 25px;font-size: 13px;color: #222;border: 1px solid #bfbfbf}
#cfmBzFooter .group{ margin: -1px auto 0; padding: 26px 0 13px;width: 1080px;border-top: 1px solid #e6e6e6; text-align: left;}
#cfmBzFooter .group:after{content: '';display: block;clear: both}
#cfmBzFooter .group.type1{padding: 23px 0 20px}
#cfmBzFooter .link{float: left; width:930px;}
/*#cfmBzFooter .link:first-child{margin-top: -2px}*/
#cfmBzFooter .link li{position: relative; float: left;}
#cfmBzFooter .link.bar li:before{display: inline-block;padding: 0 9px;color: #ccc;content: "|";font-weight: normal !important; font-size: 13px;}
#cfmBzFooter .link.bar li:first-child:before{display: none}
#cfmBzFooter .link.bar:nth-of-type(1) li:nth-of-type(6) { font-weight: bold;}
#cfmBzFooter .link li a{color: #666;font-size: 13px}
#cfmBzFooter .link li a:hover, #cfmBzFooter .link li a:focus{color: #222;}
#cfmBzFooter .link.dot { margin-top: 10px;}
#cfmBzFooter .link.dot li { margin-left: 6px; padding-left: 6px;}/* 0213 */
#cfmBzFooter .link.dot li:first-child {margin-left: 0;}
#cfmBzFooter .link.dot li:before { position: absolute; top: 8px; left: 0; width: 2px; height: 2px; background: #666; content: '';}
#cfmBzFooter .right-box { float: right; margin-top: -32px; width: 148px;}
#cfmBzFooter .family-intro{ display: block; box-sizing:border-box; margin: 22px 0 22px;width: 100%;border: 1px solid #d2d2d2;color: #666;text-align: center;font-size: 15px; line-height: 34px;}
#cfmBzFooter .achievements{float: left}
#cfmBzFooter .achievements a{margin: 0 5px 0 0}/* 0213 */
#cfmBzFooter .socials{float: right}
#cfmBzFooter .socials a{margin: 0 0 0 5px}
#cfmBzFooter .address a{color: #666;border-bottom: 1px solid #949494}
#cfmBzFooter .copyright{font: 11px "Spoqa Han Sans";margin: 7px 0 0; letter-spacing:0;}
#cfmBzFooter .partner{float: right;width:156px;height:93px;background:url(../images/bz/bg-footer-partner.png) no-repeat;margin-top: -67px}
#cfmBzFooter .partner a{float: right;width: 91px;height: 71px;text-indent: -9999em}
.mobile-version { display: block; box-sizing: border-box; margin: 45px auto 33px; padding-top: 16px; width: 100%; height: 78px; border: 2px solid #ddd; background: #f2f2f2; color: #888; text-align: center; font-size: 26px;}

/* location */
.location {padding-top:18px;text-align:right;}
.location > span {display:inline-block;margin-left:8px;padding-left:20px;font-size:16px;color:#000;background-image:url(../images/bz/ico-location-arrow.png);background-repeat:no-repeat;background-position:0 7px;}/* 0410 */
.location > span:first-child {margin:0;padding:0;background:none;}
.location a {color:#999;}
.location a:hover {text-decoration:underline;}
.location .home {display:inline-block;position:relative;top:4px;width:19px;height:16px;margin:0;text-align:left;text-indent:-9999px;background-image:url(../images/bz/ico-location-home.png);background-repeat:no-repeat;background-position:0 0;}/* 0410 */
.location.is-white a,
.location.is-white span {color:#fff;}
.location.is-white > span {background-position:0 -15px;}
.location.is-white .home {background-position:0 -22px;}

/* 서브 페이지 임시 영역 */
.temp-gnb {font-size:30px;margin:0 0 -65px;text-align:center;border-bottom:1px solid #eee;}
.temp-footer {font-size:30px;text-align:center;border-top:1px solid #eee; margin-top:80px;}

/*_____ scope - layout(media uery) _____*/
@media screen and (max-width:1380px) {
	/* floating-menu */
	.floating-menu .inner {left: 0}
	/* gnb */
	#cfmBzGnb .utils .inner,
	#cfmBzGnb .navigation,
	#cfmBzGnb .menu-custom{left: 59px}
	/* column */
	/*.column .inner,*/
	/*.key-visual .controls .inner,*/
	/*.next-contents .inner,*/
	/*.inner-footer {left: 60px}*/
}

/* componets.css */
[type="text"],
[type="tel"],
[type="password"] {height:48px;padding:0 20px;border:1px solid #999;}
.search-area .btn-search {width:110px;height:48px;text-align:center;border:0;border-radius:0;border-top-right-radius:0px;border-bottom-right-radius:2px;background-color:#484848;}
.search-area .btn-search span {display:inline-block;padding-left:20px;color:#fff;letter-spacing:-0.25px;background:url(../images/cl/bg-search-glasses.png) no-repeat 0 50%;}
.search-area .search-text {width:890px;border-right:0;}
input[type=text]::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */

/* 탑버튼 */
#top-btn { position: fixed; top: 72%; right: 34px; z-index: 98; width: 64px; height: 64px; display: none;}
#top-btn a { display: block; width: 100%; height: 100%; background: url(../images/ir/btn-top.png) no-repeat 0 0; color: transparent; font-size: 1px;}

/* layer */
.popup-dim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000;}
.layers {position:relative;display:inline-block;border:3px solid #555;background-color:#fff;box-sizing:border-box;}
.layers .layer-header {color:#222;text-align:center;letter-spacing:-0.5px;border-bottom:1px solid #ccc;}
.layers .layer-contents {min-height:100px;}
.layers .layer-close {position:absolute;right:30px;}
.layers .layer-today-close {height:32px;padding:8px 0 0 0;border-top:1px solid #ccc; position: absolute; left: 0; bottom: 0; width: 100%;}
.layers .layer-today-close .option-area { padding-left: 32px;}
.layers .layer-today-close label {font-size:14px;color:#888;letter-spacing:-0.5px;}
.layers .board {border-top:2px solid #555;}
.layers .btn.medium {padding:0 40px;}
.layers .layer-subject {margin:25px 0 1px;font-size:18px;color:#222;}
.layers .layer-example {margin-top:26px;padding:25px 0 26px 29px;background-color:#f1f2fa;}
.layers .layer-msg {margin-top:11px;color:#222;text-align:center;}
.layers .btn-area {padding-top:30px;}
.layers .btn-area .btn {margin: 2px;}
.layers .option-area {vertical-align:top;}
.layers p {letter-spacing:-0.5px;}
.layers.small { display: block;} 		/* 2차 개발건... 추가 */
.layers.small .layer-header {height:67px;font-size:24px;line-height:67px;}
.layers.small .layer-contents {padding:34px 32px 50px;}
.layers.small .layer-close {top:23px;}
.layers.big .layer-contents {padding:34px 32px 40px;}
.layers.big .layer-header {height:85px;font-size:30px;line-height:85px;}
.layers.big .layer-sub-title {margin:0 0 8px;font-size:20px;color:#222;font-weight:bold;}
.layers.big .layer-close {top:31px;}
.layers.bnn .layer-close {right:20px;top:20px;}

.layers.browser{border: none;}
.layers.browser .layer-contents img{padding-bottom: 41px;}

/* 2차 개발건... 추가.. start */
.click-banner2 .inner { position: relative;}

.click-banner2.top { position: fixed; top: -152px; right: 0; left: 0; z-index: 2000;display: none; height: 130px;background: #fff7f0; color: #fff;}
.click-banner2.bottom {position: fixed;right: 0;bottom: 0;left: 0;z-index: 10000;display: none; background-color: #000;}
.banner{position: fixed;z-index: 1000;bottom: 0;left: 0;right: 0;background-color: #333;color: #fff;height: 50px;line-height: 50px}

/* click 레이어 */
#popup-click { position: fixed; right: 0; left: 0; z-index: 10; margin: auto; width: 1080px;}
#popup-click > div { position: fixed; right:initial !important; margin: inherit;}
#popup-click > div.the-center { position: fixed; top: 0; right: 0 !important; bottom: 0; left: 0; margin: auto;}
#popup-click > div.the-center .layer-contents {padding:0;}
/* 2차 개발건... 추가.. end */

/* smartTalk */
/* smartTalk */
.cfmSmartTalkLink {position:fixed;top:20px;z-index: 110;left:50%;margin-left:625px;/* animation:imgYtranslate 3s infinite;animation-delay:3s;animation-timing-function: ease; */}
@keyframes imgYtranslate { 0% {transform: translateY(0);} 12% { transform: translateY(-10px);}  25% { transform: translateY(0);}  37% { transform: translateY(-12px);}  50% { transform: translateY(0);} 100% { transform: translateY(0);}}
.cfmSmartTalkLinkImg img {width: 65px;}
.cfmSmartTalkLinkTxt {opacity:0;opacity:1\0/IE8+9;position:absolute;top: 66px;left:50%;width: 161px;height:54px;margin-left: -184%;padding:11px;line-height:6px;font-size:14px;letter-spacing:-1px;color:#0a090b;background:url(../images/bz/bg_cfmSmartTalkLinkTxt.png) no-repeat;box-sizing:border-box;animation:txtYtranslate 5s infinite;animation-delay:0;animation-timing-function: ease;} 
@keyframes txtYtranslate { 0% {opacity:0;} 50% { opacity:0;} 55% { opacity:1;} 99% { opacity:1;} 100% { opacity:1;}}
.cfmSmartTalkLinkTxt .cfmSmartTalkLinkTxtP {display:block;padding-top:13px;text-align:center;}
@media screen and (max-width:1380px) {	
    .cfmSmartTalkLink {display:none;top:70px;margin-left:555px;}    
	.cfmSmartTalkLinkTxt {top:14px;margin-left:-300%;}
}

.no-cssanimations .cfmSmartTalkLink {display:none;}

.quick-menu {z-index:90;} 

/* 추천 메뉴 */
.recommdiv {position:fixed;bottom:0;left:0;width:100%;height:80px;line-height:80px;background:#fff;border-top:solid 2px #c1c1c1;z-index:90;}/* 1105 추천메뉴 간격조정 */
.recommdiv .inner {font-family:"Noto Sans Light","Malgun Gothic","맑은 고딕","MG","dotum","돋움",sans-serif;}
.recommdiv .inner strong {position:relative;float:left;width:108px;height:80px;line-height:80px;text-indent:0;letter-spacing:-1px;font-size:20px;font-weight:bold;color:#222;}/* 1105 추천메뉴 간격조정 */
.recommdiv .inner strong:after {content:"";position:absolute;right:0;top:50%;width:1px;height:18px;margin-top:-9px;border-right:solid 1px #222;}
.recommdiv .inner ul {float:left;width:972px;}/* 1105 추천메뉴 간격조정 */
.recommdiv .inner li {position:relative;float:left;width:243px;text-align:center;font-size:20px;}/* 1105 추천메뉴 간격조정 */
.recommdiv .inner li:after {content:"";position:absolute;right:0;top:50%;width:1px;height:18px;margin-top:-9px;border-right:solid 1px #d1d1d1;}
.recommdiv .inner li:last-child:after {content:none;}
.recommdiv .inner li a {display:block;height:80px;line-height:80px;color:#222;}
.recommdiv .inner li a span {display:inline-block;padding-left:40px;height:80px;line-height:80px;letter-spacing:-2px;background:url(../images/main/icon_recent.png) 0 50% no-repeat;}/* 1105 추천메뉴 간격조정 */
.recommdiv.psn-recommdiv .inner li a span {background:url(../images/main/icon_recomm.png) 0 50% no-repeat;}