@charset "utf-8";
@import url("https://cfm.kt.com/css/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. 
*/ 

/* GNB 폰트, footer 폰트 */
body,
body #cfmIrWrapper #cfmIrHeader {font-family:"Noto Sans Light","Malgun Gothic","맑은 고딕","MG","Apple SD","dotum","돋움",sans-serif;font-size:100%;color:#666;line-height:1.45;letter-spacing:-0.5px;}
body #cfmIrWrapper #cfmIrGnb {font-family:"Noto Sans Light","Malgun Gothic","맑은 고딕","MG","Apple SD","dotum","돋움",sans-serif;}
body #cfmIrWrapper #cfmIrFooter {font-family:"Noto Sans Light","Malgun Gothic","맑은 고딕","MG","Apple SD","dotum","돋움",sans-serif;}

/*_____ 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;}

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

/* cfmIrSkip */
#cfmIrSkip {position:absolute;left:0;top:0;width:100%;z-index:9999;}
#cfmIrSkip 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;}
#cfmIrSkip a:active, #cfmIrSkip a:focus {top:0;}

/* cfmIrHeader */
#cfmIrHeader {position:fixed; left:0; top:0; width:100%; min-width: 1260px; margin-top:-1px; background:#fff; z-index:100}
#cfmIrHeader: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}
#cfmIrHeader h1 {height:108px;background-color:#fff}
#cfmIrHeader h1 img {margin:62px 0 0;vertical-align:top}
#cfmIrHeader.active:after{display: block}
#cfmIrHeader.bg-blur{height: 81px; 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 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:#fff;border-bottom: 1px solid #e9e9e9}
.floating-menu .channels ul li.last:before{content: "|";color: #e9e9e9;font-size: 11px;position: absolute;left: 50%;top: 27px}
.floating-menu .channels ul li:first-child{width: 100%;height: 22px;line-height: 22px;background-color: #e4e8f2}
.floating-menu .channels ul li:first-child a{color: #222;font-size: 11px}
.floating-menu .channels ul li a{display:block;height:22px;font-size:12px;color:#959595;line-height:22px;vertical-align:top;font-weight:bold;}
.floating-menu .utils {/* 0121 결함아이디 1019680 overflow:hidden; */position: relative;z-index: 100}
.floating-menu .utils a,
.floating-menu .utils span {display:block}
.floating-menu .utils .quick.menus a {height: auto;font-size:13px;padding: 13px 7px;color:#c5c9d2;line-height: 120%;word-break:keep-all;border-top:1px solid #2b2e34;background-color:#2c3345;}/* * 0422 * */
.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;width: 100%;height: 67px;padding: 2px 0 0;font-size: 12px;color: #fff;background: #38445d url(../images/ir/bg-floating-menu.png) no-repeat 0 0}
.floating-menu .utils .talk > a {height:63px; padding:2px;}
.floating-menu .utils .talk > a img {position:relative;/* 0122-2 : top:50%; transform:translateY(-50%);*/}
.floating-menu .utils .talk em{display: block}
.floating-menu .utils .talk strong{line-height: 30px;font-size: 14px;font-family:"Spoqa Han Sans";font-weight:700}
.floating-menu .fold {height:16px;background-color:#323c52}
.floating-menu .fold button[type="button"] {overflow:hidden;display:inline-block;width:100%;height:16px;background: url(../images/ir/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/ir/btn-floating-menu-fold.png) no-repeat 50% 3px;text-indent: -9999em}
.floating-menu .fold a.close {background-position: 50% -12px}

/* cfmIrGnb */
#cfmIrGnb{width:100%;margin: 81px 0 0;background-color: #fff;letter-spacing:-0.5px;}
#cfmIrGnb:before {position:absolute;z-index: 2;top: 0;width: 100%;min-width:1260px;height:0;border-bottom:1px solid #dadada;content:"";background-color:#fff}
#cfmIrGnb .navigation{position: relative;z-index: 100;left: 0;transition:left 0.5s ease-in-out}
#cfmIrGnb .navigation a{display: block;color: #222;padding: 2px 0}
#cfmIrGnb .navigation>ul>li>a{position: absolute;top: -81px;display:inline-block;min-height:21px;font-size: 19px;color:#222;font-weight:bold;vertical-align:top;padding-top: 25px;transition:padding-top 0.5s ease-in-out;}
#cfmIrGnb .navigation>ul>li>a.current{color: #05a4bc !important;border-bottom: 3px solid #05a4bc !important}
#cfmIrGnb .navigation .nav1>a{left: 0}
#cfmIrGnb .navigation .nav2>a{left: 96px}
#cfmIrGnb .navigation .nav3>a{left: 204px}
#cfmIrGnb .navigation .nav4>a{left: 329px}
#cfmIrGnb .navigation .nav5>a{left: 437px}
#cfmIrGnb .navigation .nav6>a{left: 543px}
#cfmIrGnb .navigation .nav6 img{vertical-align: middle}
#cfmIrGnb .navigation .sub-navigation{display: none;min-width: 1260px;height: auto !important;padding: 0 0 35px;position: relative;z-index: 2;background-color: #fff}
#cfmIrGnb .navigation .depth2{overflow: hidden}
#cfmIrGnb .navigation .depth2>li{float: left;width:237px;margin-left: 37px}
#cfmIrGnb .navigation .depth2>li:first-child{margin-left: 0}
#cfmIrGnb .navigation .depth2>li>a{margin-top:-2px;}
#cfmIrGnb .navigation .depth2>li strong{display: block;font-size: 18px;color: #393939;border-bottom: 1px solid #b3b3b3;padding: 36px 0 10px;margin: 0 0 10px}
/* 2018_02_3depth new window icon */
#cfmIrGnb .navigation .depth3>li{position: relative;}
#cfmIrGnb .navigation .depth3>li>a>i.cfmIrNW{background: url(../images/ir/ico_nw.png) no-repeat right 0px center;width: 15px;height: 15px;position: absolute;display: inline-block;top: 7px;padding-left: 5px;font-size: 10px;color: transparent;}
/* //2018_02_3depth new window icon */
#cfmIrGnb .navigation .depth3>li>a.is-depth4{/*font-size: 15px;*/background: url(../images/ir/ico-gnb-toggle.png) no-repeat 99% 109%}
#cfmIrGnb .navigation .depth3>li>a.is-depth4.active{color: #05a4bc;background-position: 99% -14%}
#cfmIrGnb .navigation .depth4{padding: 0 0 0 15px;display: none}
#cfmIrGnb .navigation .depth4>li>a{font-size: 14px}
/* 2018_02_4depth new window icon */
#cfmIrGnb .navigation .depth4>li{position: relative;}
#cfmIrGnb .navigation .depth4>li>a>i.cfmIrNW{background: url(../images/ir/ico_nw.png) no-repeat right 0px center;width: 15px;height: 15px;position: absolute;display: inline-block;top: 5px;padding-left: 5px;font-size: 10px;color: transparent;}
/* //2018_02_4depth new window icon */
#cfmIrGnb .menu-custom{width: 100%;height: 55px;line-height: 55px;margin: 0 0 0 -59px;padding: 0 0 0 59px;background-color: #f0f0fa;border-bottom: 1px solid #dedede;display: none}
#cfmIrGnb .menu-custom:before{content: '';display: block;height: 55px;position: absolute;width: 1980px;background-color: #f0f0fa;border-bottom: 1px solid #dedede}
#cfmIrGnb .menu-custom strong{font-size: 17px;color: #373737;padding: 5px 0 5px 28px;background: url(../images/ir/ico-user.png) no-repeat 0 55%}
#cfmIrGnb .menu-custom strong:after{content: '';display: inline-block;width: 6px;height: 10px;background: url(../images/ir/ico-arrow.png) no-repeat;margin: 0 0 0 16px}
#cfmIrGnb .menu-custom a{display: inline;padding: 0 0 0 24px}
#cfmIrGnb .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}
#cfmIrGnb .utils .btn-group{float: right;margin-right: 214px;}/* 0424 채널링크 3개/최소폭 1380에 맞춰 수정 */
#cfmIrGnb .utils .btn-group>a{float: left;width: 40px;height: 40px;line-height: 36px;margin:0 0 0 10px;text-align: center;margin-top: -6px}/* 0427 채널링크 3개/최소폭 1380에 맞춰 수정 */
#cfmIrGnb .utils .btn-group>a.nav-search {position:relative; margin-right:8px; text-align:center;}
#cfmIrGnb .utils .btn-group>a.nav-all-menu-trigger {margin-left:8px; text-align:center;}
#cfmIrGnb .utils .btn-group>a.active{background-color: #f1f1f1}
#cfmIrGnb .utils .btn-group>a img{vertical-align: middle}
#cfmIrGnb .utils .btn-group .lang{float: left;width: 56px;height: 22px;border: 2px solid #000;border-radius: 13px;overflow: hidden;margin: 3px 18px 0 0}
#cfmIrGnb .utils .btn-group .lang em{display: inline-block;width: 112px;position: relative;float:right;}/* 0920 */
#cfmIrGnb .utils .btn-group .lang em:before{content: '|';display: inline-block;color: #000;font-size: 10px;position: absolute;top: 3px;left: 50%;margin-left: -1px}
#cfmIrGnb .utils .btn-group .lang a{float:left;display: inline-block;width: 56px;height: 22px;line-height: 22px;margin: 0;color: #222;font-size: 12px;font-weight: bold;text-align: center;vertical-align: top}/* 0920 */
#cfmIrGnb .utils .btn-group .lang a:hover { color: #05a4bc;}
#cfmIrGnb.active:before,
#cfmIrGnb.bg:before,
#cfmIrGnb.search:before,
#cfmIrGnb.allmenus:before,
#cfmIrGnb.sub:before{height:65px}
#cfmIrGnb.active .navigation>ul>li>a,
#cfmIrGnb.bg .navigation>ul>li>a,
#cfmIrGnb.search .navigation>ul>li>a,
#cfmIrGnb.allmenus .navigation>ul>li>a,
#cfmIrGnb.sub .navigation>ul>li>a{padding-top: 25px;color:#222}
#cfmIrGnb.active .navigation>ul>li>a.active{color: #05a4bc;}
#cfmIrGnb.active .utils,
#cfmIrGnb.bg .utils,
#cfmIrGnb.search .utils,
#cfmIrGnb.allmenus .utils,
#cfmIrGnb.sub .utils{padding-top: 26px;transition:all 0.5s ease-in-out}
#cfmIrGnb.active .utils .lang,
#cfmIrGnb.bg .utils .lang,
#cfmIrGnb.search .utils .lang,
#cfmIrGnb.allmenus .utils .lang,
#cfmIrGnb.sub .utils .lang{border-color: #000}
#cfmIrGnb.active .utils .lang em:before,
#cfmIrGnb.bg .utils .lang em:before,
#cfmIrGnb.search .utils .lang em:before,
#cfmIrGnb.allmenus .utils .lang em:before,
#cfmIrGnb.sub .utils .lang em:before{color: #000}
#cfmIrGnb.active .utils .lang a,
#cfmIrGnb.bg .utils .lang a,
#cfmIrGnb.search .utils .lang a,
#cfmIrGnb.allmenus .utils .lang a,
#cfmIrGnb.sub .utils .lang a{color: #000}

/* channel link */
.chnlink {position:absolute;width:222px;top:26px;left:50%;margin-left:338px;z-index:100;transition:all 0.5s ease-in-out}/* 0427 채널링크 3개/최소폭 1380에 맞춰 수정 */
.chnlink > ul {position:absolute;width:222px;}/* 0427 채널링크 3개/최소폭 1380에 맞춰 수정 */
.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:#05a4bc;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:46px; height:1px; background:#fff;}
.chnlink li:nth-child(2) {}
#cfmClGnb.bg .chnlink li a,
#cfmClGnb.active .chnlink li a,
#cfmClGnb.sub .chnlink li a,
#cfmClGnb.allmenus .chnlink li a,
#cfmClGnb.search .chnlink li a {color:#ffffff;background:#05a4bc;}
#cfmClGnb.bg .chnlink li.current a,
#cfmClGnb.active .chnlink li.current a,
#cfmClGnb.sub .chnlink li.current a,
#cfmClGnb.allmenus .chnlink li.current a,
#cfmClGnb.search .chnlink li.current a {color:#ffffff;background:#05a4bc;}
@media screen and (max-width:1380px) {
.chnlink {margin-left: 397px;}/* 0424 채널링크 3개/최소폭 1380에 맞춰 수정 */
}

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

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

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

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

/* gnb line color */
#cfmIrGnb:before {border-bottom:1px solid #aaaaaa;}

/* total-search */
#cfmIrGnb.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;}
#total-search .search fieldset:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #05a4bc; content: '';}
#total-search .search input[type='text']{ display: block; margin: auto; padding-bottom: 6px;width: 70%;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: #05a4bc}
#total-search .search button{position: absolute;top: 12px;right: 74px;display: block;width: 40px;height: 40px;background: url(../images/ir/btn-total-search-red.png) no-repeat;text-indent: -9999em}
#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: #05a4bc}

#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: #05a4bc; text-decoration: underline;}
#total-search .search .result .menu-shortcut ol li a em { color: #05a4bc;}
#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: #05a4bc;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/ir/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;}

/* all-menus */
/*#cfmIrGnb.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:215px;padding-right:40px;}
#all-menus .search-area .search-text.search-en {width:280px;padding-right:40px;}
#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: #05a4bc}
#all-menus .search-area .result button{display: inline-block;width: 28px;height: 20px;border: 1px solid #b5b5b5;border-radius: 4px;background: url(../images/ir/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: #05a4bc !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/ir/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:30px 0}
#all-menus .menus .depth2:first-child{padding-bottom: 0}
#all-menus .menus .depth2>li{float: left;width: 21%;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/ir/ico-gnb-toggle.png) no-repeat 99% 109%}
#all-menus .menus .depth3>li>a.is-depth4.active{color: #05a4bc;background-position: 99% -14%}
/* 2018_02_3depth new window icon */
#all-menus .menus .depth3>li{position: relative;}
#all-menus .menus .depth3>li>a>i.cfmIrNW{background: url(../images/ir/ico_nw.png) no-repeat right 0px center;width: 15px;height: 15px;position: absolute;display: inline-block;top: 6px;padding-left: 5px;font-size: 10px;color: transparent;}
/* //2018_02_3depth new window icon */
#all-menus .menus .depth4{display: none}
#all-menus .menus .depth4>li>a{line-height: 22px;font-size: 13px;color: #777}
/* 2018_02_4depth new window icon */
#all-menus .menus .depth4>li{position: relative;}
#all-menus .menus .depth4>li>a>i.cfmIrNW{background: url(../images/ir/ico_nw.png) no-repeat right 0px center;width: 15px;height: 15px;position: absolute;display: inline-block;top: 4px;padding-left: 5px;font-size: 10px;color: transparent;}
/* //2018_02_4depth new window icon */
#all-menus .bottom{position: absolute;bottom: 0;left: 0;right: 0}
/* 검색창 x 버튼 */
#all-menus .search-area .btn-close {display:block;position: absolute;top: 18px;right: 125px;width: 15px;height: 15px;background-image: url(../images/ir/ico-close.png);text-indent: -9999px;font-size: 0;line-height: 0;}
/* 검색창 x 버튼 영문 */
html[lang=en] #all-menus .search-area .btn-close {display:block;position: absolute;top: 18px;right: 125px;width: 15px;height: 15px;background-image: url(../images/ir/ico-close.png);text-indent: -9999px;font-size: 0;line-height: 0;}


/* cfmIrContainer */
#cfmIrContainer {}

/* cfmIrContents */
#cfmIrContents {padding: 80px 0 0;min-height:900px;}/* 0409 */
#cfmIrContents.main-contents {padding:0;}

/* 서브 페이지 임시 영역 */
.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;}

/* cfmIrFooter */
#cfmIrFooter{position: relative;margin-top: 50px; border-top: 1px solid #e5e5e5; font-size: 12px;}
#cfmIrFooter .group{ margin: -1px auto 0; padding: 26px 0 13px;width: 1080px;border-top: 1px solid #e6e6e6; text-align: left;}
#cfmIrFooter .group:after{content: '';display: block;clear: both}
#cfmIrFooter .group.type1{padding: 23px 0 20px}
#cfmIrFooter .link{float: left; width:930px;}
/*#cfmIrFooter .link:first-child{margin-top: -2px}*/
#cfmIrFooter .link li{position: relative; float: left;}
#cfmIrFooter .link.bar li:before{display: inline-block;padding: 0 9px;color: #ccc;content: "|";font-weight: normal !important; font-size: 13px;}
#cfmIrFooter .link.bar li:first-child:before{display: none}
#cfmIrFooter .link.bar:nth-of-type(1) li:nth-of-type(3) { font-weight: bold;}
#cfmIrFooter .link li a{color: #666;font-size: 13px}
#cfmIrFooter .link li a:hover, #cfmIrFooter .link li a:focus{color: #222;}
#cfmIrFooter .link.bar:nth-of-type(2) { margin-top: 10px;}
#cfmIrFooter .right-box { float: right; margin-top: -32px; width: 148px;}
#cfmIrFooter .family{ width:100%;position: relative}
#cfmIrFooter .family button{width: 100%;line-height: 34px;border: 1px solid #d2d2d2;background-color: #fff;font-size: 15px;color: #666;text-align: center;padding: 0 20px 0 0;position: relative;z-index: 2}
#cfmIrFooter .family button:before{content: '';display: block;width: 13px;height: 7px;background: url(../images/ir/ico-arrow2.png) no-repeat;position: absolute;right: 26px;top: 14px;transition: all 0.5s}
#cfmIrFooter .family button.open:before{transform: rotate(180deg)}
#cfmIrFooter .family > div{background-color: #dfe0e3;padding: 20px 5px 20px 15px;position: absolute;z-index: 1;top: -40px;left: 0;right: 0;opacity: 0;height: 0;display: none;overflow: hidden}
#cfmIrFooter .family > div ul{height: 206px;overflow-y: auto}/* 0214 */
#cfmIrFooter .family > div li a{display: inline-block;height: 21px;margin: 0 0 10px;font-size: 14px;color: #666}
#cfmIrFooter .family > div li a:hover, #cfmIrFooter .family div li a:focus{height: 20px;font-size: 15px;color: #222;border-bottom: 1px solid #87888c}
#cfmIrFooter .family .mCSB_inside>.mCSB_container{margin: 0}
#cfmIrFooter .family .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color: #fff}
#cfmIrFooter .family-intro{ display: block; box-sizing:border-box; margin-top: 8px;width: 100%;border: 1px solid #d2d2d2;color: #666;text-align: center;font-size: 15px; line-height: 34px;}
#cfmIrFooter .achievements{float: left}
#cfmIrFooter .achievements a{margin: 0 5px 0 0}/* 0214 */
#cfmIrFooter .socials{float: right}
#cfmIrFooter .socials a{margin: 0 0 0 5px}
#cfmIrFooter .address a{color: #666;border-bottom: 1px solid #949494}
#cfmIrFooter .copyright{font: 11px "Spoqa Han Sans";margin: 7px 0 0; letter-spacing:0;}
#cfmIrFooter .partner{float: right;width:156px;height:93px;background:url(../images/ir/bg-footer-partner.png) no-repeat;margin-top: -67px}
#cfmIrFooter .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/ir/ico-location-arrow.png);background-repeat:no-repeat;background-position:0 7px;}
.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/ir/ico-location-home.png);background-repeat:no-repeat;background-position:0 0;}
.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;}


/*_____ scope - layout(media uery) _____*/
@media screen and (max-width:1380px) {
	/* floating-menu */
	.floating-menu .inner {left: 0}

	/* cfmIrGnb */
	#cfmIrGnb .utils .inner,
	#cfmIrGnb .navigation,
	#cfmIrGnb .menu-custom{left: 59px}

	/* column */
	/*.column .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;}

/* 탑버튼 */
#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;}

/* 영문 GNB, 플로팅, Footer */
html[lang=en] #cfmIrGnb .navigation li > a { letter-spacing: -1px;}
html[lang=en] #cfmIrGnb .navigation .nav1 > a { left: 0;}
html[lang=en] #cfmIrGnb .navigation .nav2 > a { left: 168px;}
html[lang=en] #cfmIrGnb .navigation .nav3 > a { left: 318px;}
html[lang=en] #cfmIrGnb .navigation .nav4 > a { left: 502px;}
html[lang=en] #cfmIrGnb .navigation .nav5 > a { left: 660px;}
html[lang=en] #cfmIrGnb .navigation .nav6 > a { left: 810px;}
html[lang=en] #cfmIrGnb .utils .btn-group {margin-right:0;}
html[lang=en] .floating-menu .utils .talk { font-size: 12px; line-height: 1.6;}
html[lang=en] .floating-menu .utils .talk strong { display: block;font-size:14px;}/* 0422
html[lang=en] .floating-menu .utils .quick.menus a:nth-of-type(1) { height: 37px;}
html[lang=en] .floating-menu .utils .quick.menus a:nth-of-type(2) { padding-top: 10px; height: 44px; line-height: 16px;}
html[lang=en] .floating-menu .utils .quick.menus a:nth-of-type(3) { padding-top: 10px; height: 44px; line-height: 16px;}*/

/*html[lang=en] #cfmIrHeader h1 { height: 64px;}*/
html[lang=en] #cfmIrHeader h1 img { margin: 27px 0 0;}
html[lang=en] #all-menus .menus .depth2:first-child ~ .depth2 { margin-top: 40px;}
html[lang=en] #cfmIrFooter .group:nth-of-type(1) { padding: 24px 0 14px;}
html[lang=en] #cfmIrFooter .group:nth-of-type(2) { padding: 12px 0 26px;}

html[lang=en]  #cfmIrGnb .utils .btn-group .lang{margin: 3px 5px 0 0}


/* Useful Numbers */
#popup-usefulNumber{display:none;width:800px;}
#popup-usefulNumber .scrollbar{overflow-y:auto;max-height:490px;padding-right:14px;}
#popup-usefulNumber .tabs{width:730px;}
#popup-usefulNumber .tabs .tab-trigger{width:365px;}
#popup-usefulNumber .tabs .tab-trigger.menus2nd{left:365px;}
#popup-usefulNumber .tabs .tab-contents{margin-top:100px;}
#popup-usefulNumber .tabs .tab-contents .dir-vertical thead th{height:55px;text-align:center;}
#popup-usefulNumber .tabs .tab-contents .dir-vertical tbody th{padding:15px 0 16px 30px;}
#popup-usefulNumber .tabs .tab-contents .dir-vertical tbody td{text-align:center;}
#popup-usefulNumber h3.usefullNumber-title{margin:40px 0 20px;font-weight:bold;font-size:20px;}
#popup-usefulNumber .dir-horizontal tbody td{padding-left:0;text-align:center;}

/* 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; left:0; right:0; margin: auto; z-index:100;}
.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 8px 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 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:0 2px;}
.layers .option-area {vertical-align:top;}
.layers p {letter-spacing:-0.5px;}
.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 {box-sizing: border-box;padding:34px 20px 32px 40px;}
.layers.big .layer-contents.scrollbar { max-height:648px;}
.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;}

.layers .scrollbar .mCSB_inside>.mCSB_container{margin-right:0;}
.layers .scrollbar .mCSB_scrollTools{width:4px;}
.layers .scrollbar .layer-contents-inner{margin:0 20px 20px 0;}

/* footer margin top 0 */
#cfmIrFooter.top_0 {margin-top:0;}

/* 이메일 집단거부 팝업 */
#email-popup { position: fixed; top: 20%; right: 0; left: 0; display: none; margin: auto; width: 800px;}
.no-email { padding-top: 103px; background: url(../images/ir/ico-no-email.png) no-repeat 50% 6px; color: #666; text-align: center; white-space: pre-line; letter-spacing: -1px !important; font-size: 18px;}
.no-email span { color: #05a4bc;}

/* 샵플로팅 메뉴*/
.floating-shop-wrap{position:fixed; top:27px; left:50%; margin-left:735px; z-index:999;}/* 0628 */
	@media all and (max-width: 1360px) {
		.floating-shop-wrap{margin-left:785px;}
}
	@media all and (max-width: 1340px) {
		.floating-shop-wrap{top:83px;margin-left:625px;}/* 0628 */
}

.floating-shop{position: absolute;top:0;right:0;width:175px;z-index:9}
.floating-shop a.shopBtn{display:block;background:#05a4bc;width:80px;height:26px;color:#fff;font-size:13px;font-weight:bold;border-radius: 15px;padding: 3px 0 0 13px;box-sizing: border-box;}
.floating-shop .shopCnt{position:relative;margin-top:12px;background-color: rgba(50, 57, 76,0.8);border-radius: 5px;}
.floating-shop .shopCnt ul>li:hover{background:#2f3648;}
.floating-shop .shopCnt ul>li:first-child:hover {border-top-left-radius:5px;border-top-right-radius:5px}
.floating-shop .shopCnt ul>li:last-child:hover {border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.floating-shop .shopCnt ul>li>a{display:block;border-bottom:1px solid #4a5160;color:#fff;width:145px;margin:0 auto}
.floating-shop .shopCnt ul>li>a:hover{border-bottom:1px solid transparent}
.floating-shop .shopCnt ul>li:last-child a{border-bottom:0}
.floating-shop .quick-youtube{position: absolute;top: 0px; right: 220px; width: 1079px;height: 509px;padding: 40px 0 0 0; background: #000;z-index:10009}
.floating-shop .quick-youtube .close{position:absolute;  top:0;  right:0;  width:40px;  height:40px;  font-family:Arial;  font-size:28px;  color:#fff;  line-height:40px;}
.floating-shop .quick-youtube iframe{width:100%;height:100%}
.floating-shop i {border:solid #a1ded9;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;}
.floating-shop i.arrow{margin: 0px 0px -3px 18px;}
.floating-shop i.arrow {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}/* 0628 */
.floating-shop i.arrow.down {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);margin: 0px 0px -1px 18px;}/* 0628 */
.floating-shop .shopCnt:after{content: '';display: inline-block;position: absolute;top: -8px;left: 33px;width: 1px;height: 0px;border-left: 8px solid transparent;border-right: 8px solid transparent;opacity:0.8;border-bottom: 8px solid #2f3648;}

.floating-shop #ShopLayer{display:none; position: absolute; background-color: rgb(255, 255, 255); border-radius: 20px; padding-top: 44px;z-index:10001;}

.no-cssanimations .floating-shop .shopCnt > ul > li:nth-child(5) {display:none;}/* 0213 */
@media all and (max-width: 1340px) {/* 0213 */
	#cfmIrGnb.allmenus .floating-shop-wrap {display:none;}
	#cfmIrGnb.search .floating-shop-wrap {display:none;}
	.floating-shop-wrap{top: 137px;margin-left:625px;}
	.floating-shop-wrap .shopCnt {display:none;}
	#ktMainYn + #cfmIrWrapper .floating-shop-wrap{top: 83px;}
	#ktMainYn + #cfmIrWrapper .floating-shop-wrap .shopCnt {display:block;}
}

#ShopLayer .lyClose, #ShopLayer .inlyClose, .onlineClose, .telClose {
	position:absolute;
	right:20px;
	top:15px;
	width:20px;height:20px;overflow:hidden;
	background:url(https://m.shop.kt.com/images/pc/layer/btn_close.png) no-repeat left top;z-index:9100;color:transparent;white-space:nowrap;
}
#ShopLayer iframe {border:0 none}
#ShopLayerSkin {position:fixed;top:0;left:0;width:100%;height:100%;background:url(https://m.shop.kt.com/images/pc/common/bg_png.png);z-index:10000;}

@media all and (max-width: 320px) {
		#ShopLayer{left:0 !important;width: 100vw !important;}
}


/* 영문 */
html[lang="en"] body #cfmIrWrapper #cfmIrHeader {font-family:"Roboto","Noto Sans Light","Malgun Gothic","맑은 고딕","MG","Apple SD","dotum","돋움",sans-serif;font-size:100%;color:#666;line-height:1.45;letter-spacing:-0.5px;}
html[lang="en"] body #cfmIrWrapper #cfmIrHeader .navigation .inner > li > a {font-family:"Roboto-Bold",sans-serif;}
html[lang="en"] body #cfmIrWrapper #cfmIrGnb {font-family:"Roboto","Noto Sans Light","Malgun Gothic","맑은 고딕","MG","Apple SD","dotum","돋움",sans-serif;}
html[lang="en"] body #cfmIrWrapper #cfmIrFooter {font-family:"Roboto","Noto Sans Light","Malgun Gothic","맑은 고딕","MG","Apple SD","dotum","돋움",sans-serif;}
html[lang="en"] body #cfmIrGnb .utils .btn-group {margin-right:0;}/* 언어버튼, 전체메뉴버튼 영역 */
html[lang="en"] body #cfmIrWrapper #cfmIrHeader #cfmIrGnb .utils .btn-group .lang a {font-family:"Noto Sans",sans-serif;}/* 언어버튼 텍스트 */
/*html[lang="en"] body .floating-menu .utils .quick.menus a {padding-left:7px;padding-right:7px;} quickmenu */
html[lang="en"] body .floating-menu .fit-vids-style {position:absolute;}/* ie */
html[lang=en] #cfmIrGnb .navigation li > a { letter-spacing: 0;}
html[lang="en"] body .floating-menu .utils .quick.menus a {padding:12px 7px;}/* * 0422 * */