@charset "utf-8";
/*

Page css

*/

/* 20260714 운영 base.css의 body 전역 letter-spacing:-0.5px가 피그마 스펙(자간 0)보다 좁아서 재정의 */
body, input, button, select, textarea {letter-spacing:0 !important;}

/* browser reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, footer, nav, menu, section, article, aside {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
background: transparent;
}
body {
line-height: 100%;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
vertical-align:top;
} */

@font-face {
	font-family:"KTL";
	font-style:normal;
	src:url(../fonts/KTL.eot);
	src:local("KTL"),
			url("../fonts/KTL.eot?#iefix") format('embedded-opentype'),
			url("../fonts/KTL.woff") format('woff'),
			url("../fonts/KTL.woff2") format('woff2');
}
@font-face {
	font-family:"KTB";
	font-weight:bold;
	src:url(../font/KTB.eot);
	src:local("KTB"),
			url("../fonts/KTB.eot?#iefix") format('embedded-opentype'),
			url("../fonts/KTB.woff") format('woff'),
			url("../fonts/KTB.woff2") format('woff2');
}

/* Pretendard 웹폰트 - CDN 대신 로컬 파일로 직접 서빙(네트워크/CDN 차단 이슈 회피) */
@font-face{font-family:'KTFlow-Bold';font-weight:normal;font-display:swap;src:url(../fonts/KTFlow-Bold.woff2) format('woff2');}
@font-face{font-family:'Pretendard';font-weight:400;font-display:swap;src:url(../fonts/Pretendard-Regular.woff2) format('woff2');}
@font-face{font-family:'Pretendard';font-weight:500;font-display:swap;src:url(../fonts/Pretendard-Medium.woff2) format('woff2');}
@font-face{font-family:'Pretendard';font-weight:600;font-display:swap;src:url(../fonts/Pretendard-SemiBold.woff2) format('woff2');}
@font-face{font-family:'Pretendard';font-weight:700;font-display:swap;src:url(../fonts/Pretendard-Bold.woff2) format('woff2');}
@font-face {font-family:"Pretendard";font-style:normal;src:local("Pretendard"),url("../fonts/PretendardVariable.woff2") format('woff2');}

/* Figma 리스킨 커스텀 클래스(wifiV2-*, macid-*) 전체에 적용되는 공통 폰트 - 개별 규칙에 반복 선언하지 않음 */
/* wifi 페이지(kt_main.html, kt_wifi_macid2.html)는 #cfmClContainer 없이 #cfmClWrapper > #cfmClContents 구조라 #cfmClContents에 지정 */
#cfmClContents{font-family:'Pretendard',"Malgun Gothic","맑은 고딕",sans-serif!important;}
/* input/button/select/textarea는 폰트가 상속되지 않고 브라우저 기본 폰트(노토산스 등)를 쓰므로 명시적으로 지정 */
#cfmClContents input,
#cfmClContents button,
#cfmClContents select,
#cfmClContents textarea{font-family:'Pretendard',"Malgun Gothic","맑은 고딕",sans-serif!important;}

.visual .hgroup {
    padding-top: 46px;
    text-align: center;
}
.visual .hgroup .internet {min-height:44px;font-family:"KTB", "Malgun Gothic","맑은 고딕","MG", sans-serif;font-size:45px;color:#fff;}

/* button */
button {margin:0; padding:0; border:0; font:11px/11px dotum, sans-serif; background:none; vertical-align:top; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}

/* image replace */
table caption {width:0;height:0;overflow:hidden;visibility:hidden;}
table.viewcaption caption {width:auto;height:auto;visibility:visible;text-align:left;padding:10px 0 15px;font-size:20px;font-weight:bold;color:#222;}
.hide {display:block;width:0;height:0;overflow:hidden;visibility:hidden;}

/* page style */
a {text-decoration:none;}
a:link, a:visited {text-decoration:none; color:#454545;}
a:hover {color:#ed1c24;}
/* 20260714 텍스트 드래그 선택 시 빨간색 하이라이트 제거 요청으로 비활성화
::selection {background:#ed1c24; color:#fff;}
::-moz-selection {background:#ed1c24; color:#fff;}
*/
.eFontRed {color:#d61824 !important;}

/* body */
body {}
//.visual.cscenter {position:relative;height:350px;background:url(../images/bg_body.jpg) 50% 0 repeat, url(https://www.kt.com/images/area/A000000814/C000011174v14.png) repeat !important;}
.visual.cscenter {position:relative;height:350px;background:50% 0 repeat, url(https://www.kt.com/images/area/A000000814/C000011174v14.png) repeat !important;}
.visual.cscenter .column {background:url(../images/bg_body.jpg) 50% 0 no-repeat;height:100%;} /* 20260714 .column/.inner가 자체 position:relative를 갖고 있어 hgroup의 절대위치 기준점이 되어버림 - 얘네를 visual.cscenter 높이(100%)만큼 채워서 hgroup이 실제로 350px 기준으로 중앙 정렬되게 함 */
.visual.cscenter .column .inner {height:100%;}
.temp-gnb, 
.visual .location {line-height:1.45;}
.visual.cscenter .hgroup h3 {margin-top: 0;}
.visual.cscenter .hgroup .hgroup-h1 {margin-top: 0;line-height: 1.3;font-family: "KTFlow-Bold", sans-serif;font-weight: normal;font-size: 40px;letter-spacing: 0;color: #191A1B;}/* 20260714 페이지 헤딩 속성 추가 */
/* 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(http://newkt-share.amoeba.co.kr/PUB/html/p/cl/src/images/common/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(http://newkt-share.amoeba.co.kr/PUB/html/p/cl/src/images/common/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;}
 */
/* csConts Layout */
.csConts {width:1080px;margin:0 auto;line-height:140%;}
.visual.cscenter .hgroup {height:auto;padding-top:0;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);} /* 20260714 늘어난 높이(350px) 안에서 타이틀이 위쪽에 치우쳐 보이던 문제 - 절대 위치 + translateY로 수직 중앙 정렬 */
.visual.cscenter .hgroup .internet {color:#000;line-height:1.45;}
.visual.cscenter .hgroup p.hdesc {/*padding-top:25px;*/font-size:19px;color:#222;} /* 2017-08-08 수정 */

.csContsNav {position:relative;margin-bottom:25px;padding:6px 0 25px;overflow:hidden;}
.havSubNav {height:121px;border-bottom:solid 1px #ebebeb;}
.csContsNav .mainNav {width:1200px;height:60px;background:#7a7b8d;}
.csContsNav .mainNav:after {content:"";display:block;clear:both;}
.csContsNav .mainNav > a {float:left;width:199px;line-height:60px;text-align:center;font-size:19px;color:#fff;border-right:solid 1px #6b6d7c;background:#7a7b8d;}
.csContsNav .mainNav > a.on {display:block;width:188px;margin-top:-6px;line-height:60px;text-align:center;font-size:19px;color:#d61824;border:solid 6px #d61824;background:#fff;box-shadow:2px 4px 5px #bbb;font-weight:bold;}
.csContsNav .mainNav .mainNav_havSub {float:left;position:relative;top:-6px;height:126px;}
.csContsNav .mainNav .mainNav_havSub .mainNava {display:block;width:258px;line-height:60px;text-align:center;font-weight:bold;font-size:19px;color:#d61824;border:solid 6px #d61824;background:#fff;box-shadow:0 4px 5px #bbb;}
.csContsNav .mainNav .mainNav_havSub_four .mainNava {width:258px;}
.csContsNav .mainNav .mainNav_havSub .subNavBox {position:absolute;left:0;bottom:4px;width:100%;padding-bottom:20px;border-bottom:1px solid #b5b5b5;overflow:hidden;} /* 2017-08-08 수정 */
.csContsNav .mainNav .mainNav_havSub .subNavBox > a {position:relative;float:left;margin:0 16px;width:auto;}
.csContsNav .mainNav .mainNav_havSub .subNavBox > a:hover {color:#454545;}
.csContsNav .mainNav .mainNav_havSub .subNavBox > a:before {content:"";position:absolute;top:8px;left:-16px;width:1px;height:17px;background:#cbcbcb;}
.csContsNav .mainNav .mainNav_havSub .subNavBox > a:first-child:before {background:#fff;}
.csContsNav .mainNav .mainNav_havSub .subNavBox > .on {font-weight:bold;color:#222;border-bottom:solid 2px #d61824;}
.csContsNav .mainNav > .prevNav {position:absolute;top:6px;right:40px;width:40px;height:60px;border-right:solid 1px #7a7b8d;background:#6b6d7c url(../images/btn_prev.png) 50% 50% no-repeat;}
.csContsNav .mainNav > .nextNav {position:absolute;top:6px;right:0;width:40px;height:60px;border:none;background:#6b6d7c url(../images/btn_next.png) 50% 50% no-repeat;}
.csContsNav .mainNav.wifiNav > a {width:359px;}
.csContsNav .mainNav.wifiNav > a.on {width:348px;}
.csPopContsDetail > .csContsNav {margin-bottom:0;padding-bottom:0;}
.csPopContsDetail > .csContsNav .mainNav {min-width:1200px;height:45px;border-bottom:solid 1px #e5e5e5;background:#fff;}
.csPopContsDetail > .csContsNav .mainNav .mainNav_havSub {height:91px;}
.csPopContsDetail > .csContsNav .mainNav .mainNav_havSub .subNavBox {position:static;letter-spacing:-1px;font-size:16px;}
.csPopContsDetail > .csContsNav .mainNav .mainNav_havSub .subNavBox a {margin:0 10px;padding:0;}
.csPopContsDetail > .csContsNav .mainNav .mainNav_havSub .subNavBox a:first-child {margin-left:0;}

.csContsMajor {font-size:18px;line-height:29px;color:#454545;} /* 20260715 font 축약형에 "Malgun Gothic"이 직접 박혀있어 #cfmClContents의 Pretendard 상속을 막고 있던 문제 - font-family 빼고 나머지만 유지 */
.csContsFea {margin-bottom:70px;font-size:20px;}
.csContsDetail .csContsFea {margin-bottom:0;}
.csContsFea.bg01_speed {min-height:122px;background:url(../images/bg01_speed.png) 100% 0 no-repeat;}
.csContsFea.bg02_speedstory {min-height:122px;background:url(../images/bg02_speedstory.png) 100% 0 no-repeat;}
.csContsFea.bg03_slaspeed {min-height:122px;background:url(../images/bg01_speed.png) 100% 0 no-repeat;}
.csContsFea.bg06_guide {min-height:129px;background:url(../images/bg06_guide.png) 100% 0 no-repeat;}
.csContsFea.bg01_macid {min-height:190px;background:url(../images/bg01_macid.png) 100% 0 no-repeat;}
.csContsFea.bg01_macid p {padding-top:35px;}
.csContsFea.bg02_registmac {min-height:151px;margin-bottom:0;background:url(../images/bg02_registmac.png) 100% 0 no-repeat;}
.csContsFea h2 {margin-bottom:11px;font-size:30px;color:#222;}
.csContsFea p {margin-bottom:6px;}/* 0803 */
.csContsFea .opt {margin-bottom:20px;font-size:18px;color:#222;}
.csContsFea .btnbox a {margin-right:8px;}
.csContsFea .btnbox .redbtn {width:250px;line-height:46px;text-align:center;color:#fff;border-radius:23px;background:#d71826;}
.csContsFea .btnbox .whtbtn {width:246px;line-height:42px;text-align:center;color:#d71826;border:solid 2px #d71826;border-radius:23px;background:#fff;}
.csContsFea .btnbox .blkbtn {line-height:40px;padding:0 24px;letter-spacing:-1px;font-size:14px;color:#fff;border-radius:5px;background:#333333;}
.sgwhtbtn {display:inline-block;line-height:26px;padding:0 10px;font-size:12px;color:#666;border-radius:2px;border:solid 1px #bfbfbf;background:#fff;}

.csContsDetail .csContsArticles {padding-top:54px;} /* 2017-08-08 수정 */
#initwifi.csContsDetail .csContsArticles {margin-top:60px;padding:40px;border:solid 1px #cecece;}
.csContsDetail .csContsArticles:after {content:"";display:block;clear:both;}
.csContsDetail .csContsArticles h3 {margin-bottom:7px;font-size:24px;font-weight:bold;color:#222;}
.csContsDetail .csContsArticles h3 .redno {display:inline-block;width:24px;height:24px;line-height:22px;margin-right:0;text-align:center;font-weight:bold;color:#fff;border-radius:24px;background:#d71828;}
.csContsDetail .csContsArticles h3.ac {margin-bottom:20px;text-align:center;font-size:24px;font-weight:bold;}
.csContsDetail .csContsArticles .desc + .desc {margin-top:30px;}
.csContsDetail .csContsArticles .opt {padding-left:10px;text-indent:-10px;font-size:16px;color:#888;}
.csContsDetail .csContsArticles .desctit {display:block;margin-top:30px;margin-bottom:7px;font-size:18px;font-weight:normal;color:#222;}
.csContsDetail .csContsArticles .listaftdesc {margin-top:14px;}
.csContsDetail .csContsArticles .imgdiv {margin-top:60px;text-align:center;}
.csContsDetail .csContsArticles h3 + .imgdiv {margin-top:30px;}
.csContsDetail .csContsArticles .opt + .imgdiv {margin:20px 0 50px;text-align:left;}
.csContsDetail .csContsArticles .installPrcs {margin-top:30px;}
.csContsDetail .csContsArticles .installPrcs:after {content:"";display:block;clear:both;}
.csContsDetail .csContsArticles .installPrcs li {float:left;width:500px;margin-bottom:15px;}
.csContsDetail .csContsArticles .installPrcs li > p {padding-left:10px;text-indent:-10px;}
.csContsDetail .csContsArticles .installPrcs li.installPrcs01 {width:100%;margin-bottom:5px;}
.csContsDetail .csContsArticles .installPrcs li.installPrcs02 > p {height:51px;}
.csContsDetail .csContsArticles .installPrcs li.installPrcs03 {margin-top:-30px;}
.csContsDetail .csContsArticles .installPrcs li > .imgdiv {margin-top:10px;text-align:left;}
.csContsDetail .csContsArticles .initbox {float:left;width:50%;text-align:center;}
.csContsDetail .csContsArticles .initbox .devicename {display:block;font-size:16px;}
.csContsDetail .csContsArticles .initbox img {display:block;margin:10px auto 25px;}
.csContsDetail .csContsArticles .initbox ol {text-align:left;}
.csContsDetail .btnbox {padding-top:16px;}
.csContsDetail + .csContsDetail {display:none;}
.csContsDetail .csContsIframe {}
.csContsDetail .iframediv {width:800px;margin:0 auto;}

.csContsArticles .csbox {padding:37px 50px;text-align:left;color:#666;background-color:#f1f2fa;}
.csContsArticles .csbox h3 {font-size:18px;font-weight:bold;line-height:24px;}
.csContsArticles .csbox .desc {font-size:16px;margin-top:8px;padding-left:8px;background:url(../images/list_sbullet.png) 0 11px no-repeat;}
.csContsArticles .csbox h3 + .bulletlist {margin-top:8px;}
.csContsArticles .csbox h3 + .bulletlist li {line-height:24px;font-size:16px;color:#666;}/* 0803 */
.csContsArticles .csbox .btnbox {padding-top:16px;padding-left:8px;}
.csContsArticles .csbox .btnbox .csbtn {display:inline-block;line-height:26px;padding:0 10px;font-size:12px;color:#666;border:solid 1px #bfbfbf;background:#fff;}

.email-section .text-box {}
.email-section .text-box .title {}
.email-section .text-box .desc {line-height:24px;color:#666;padding:14px 0 0 13px;}
.email-section .text-box .desc .pointer:before {content:"";float:left;width:2px;height:2px;margin:13px 5px 0 -10px;background-color:#999;}


/* table */
.imgdiv {margin:20px 0;text-align:center;}
.fleft {float:left;}
.fright {float:right;}

.rowtable {width:100%;border-top:solid 3px #686866;}
.rowtable tbody th {background:#f2f2fa;text-align:left;text-indent:30px;font-weight:normal;font-size:16px;color:#222;border-bottom:solid 1px #dfdfdf;}
.rowtable tbody td {padding:20px 0;text-align:left;text-indent:30px;font-weight:normal;font-size:16px;color:#666;border-bottom:solid 1px #dfdfdf;}

.coltable {width:100%;border-top:solid 3px #686866;}
.coltable thead th {height:55px;background:#f2f2fa;font-weight:normal;font-size:16px;color:#222;border-bottom:solid 1px #686866;}
.coltable tbody td {height:35px;padding:10px 0;text-align:center;font-weight:normal;font-size:16px;color:#666;border-bottom:solid 1px #dfdfdf;}
.coltable tbody td.tal {text-align:left;}

.bulletlist {}
.bulletlist li {margin-bottom:5px;padding-left:10px;color:#454545;}/* 0803 */
.bulletlist li:before {content:"";float:left;width:2px;height:2px;margin:13px 5px 0 -10px;background-color:#999;}/* 0803 */
.bulletlist li ul {margin-bottom:10px;}
.bulletlist li ul li {padding-left:15px;background:url(../images/list_barbullet.png) 0 14px no-repeat;}
.bulletlist li ul li img {padding:0 3px;vertical-align:middle;}
.rowtable tbody td .bulletlist li {padding-left:30px;text-indent:0;}/* 0803 */

.boxlist {margin-bottom:30px;*zoom:1;}
.boxlist:after {content:"";display:block;clear:both;}
.boxlist li {position:relative;float:left;width:350px;height:208px;margin-bottom:11px;border:solid 1px #ccc;}
.boxlist > li + li {margin-left:11px;}
.boxlist > li + li + li {margin-left:0;}
.boxlist li + li + li + li {margin-left:11px;}
.boxlist li > h4 {padding:33px 30px 12px;font-size:23px;font-weight:bold;color:#222222;}
.boxlist li > p {padding-left:30px;font-size:17px;color:#222222;}
.boxlist li .btndiv {position:absolute;bottom:29px;left:30px;}
.boxlist .wifis01 {background:url(../images/bg_wifis01.png) 250px 126px no-repeat;}
/* .boxlist .wifis01 {background:url(../images/bg_wifis01.png) 450px 124px no-repeat;} */ /* 20171018 */
.boxlist .wifis02 {background:url(../images/bg_wifis02.png) 250px 112px no-repeat;}
/*.boxlist .wifis03 .btndiv {top:32px;right:30px;bottom:auto;left:auto;}*/
.boxlist .wifis03 {background:url(../images/bg_wifis03.png) 420px 126px no-repeat;}
.boxlist .wifis04 {background:url(../images/bg_wifis04.png) 250px 126px no-repeat;}

.zonelist {margin-left:30px;} /* wifi zone */
.zonelist:after {content:"";display:block;clear:both;}
.zonelist li {float:left;width:152px;margin-left:8px;text-align:center;border:none;}
.zonelist li:first-child {margin-left:0;}
.zonelist img {display:block;width:150px;height:78px;margin-bottom:8px;border:solid 1px #cccccc;}
.zonelist strong {display:block;font-size:16px;font-weight:bold;color:#666666;}
.zonelist span {display:block;font-size:16px;color:#666666;}

.macitemlist {margin:30px 0 50px;padding:40px 40px 12px;border:solid 1px #cecece;} /* mac/id */
.macitemlist:after {content:"";display:block;clear:both;}
.macitemlist li {position:relative;float:left;width:50%;min-height:150px;margin-bottom:28px;}
.macitemlist li strong {display:block;padding:30px 0 0 267px;font-size:20px;font-weight:normal;color:#222;}
.macitemlist li strong .gryno {display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;color:#fff;border-radius:24px;background:#686868;}
.macitemlist li p {padding-left:283px;padding-right:10px;font-size:16px;color:#666;word-break:keep-all;background:url(../images/list_barbullet.png) 267px 14px no-repeat;}
.macitemlist li img {position:absolute;top:0;left:0;}
.macitemlist.wide li {float:none;width:100%;margin-bottom:28px;*zoom:1;}
.macitemlist.wide li:after {content:"";display:block;clear:both;}
.macitemlist.wide li strong {float:right;width:555px;padding-left:0}
.macitemlist.wide li p {float:right;width:525px;padding-left:15px;background-position:0 14px;}
.macitemlist.wide li img {position:static;float:left;}

.csContsDetailDlist {border-bottom:solid 1px #666;}
.csContsDetailDlist dt {line-height:69px;font-size:24px;font-weight:bold;color:#222;letter-spacing:-0.05em;/* text-indent:34px;border-top:solid 1px #666;background:#e9e9e9; */}/* 2017-08-04 */
.csContsDetailDlist dt.here {background-position:1018px -44px;} 
.csContsDetailDlist dt a {display:block;line-height:69px;}
.csContsDetailDlist dt a:hover {color:#666;}
.csContsDetailDlist dd {padding:0 0 50px 0;}/* 2017-08-04 */
.csContsDetailDlist dd h3 {margin-bottom:7px;font-size:24px;font-weight:normal;color:#222;}
.csContsDetailDlist dt:first-child + dd {display:block;}

/* layer popup */
.regmaclayer {position:absolute; top:180px; left:150px; width:480px; z-index:99999; border:solid 2px #686866; background-color:#ffffff;}
.regmaclayer .lay_basic {padding:0 20px;}
.regmaclayer .lay_basic .lay_head h1 {margin-bottom:20px;line-height:50px;text-align:center;font-size:24px;border-bottom:solid 1px #eee;}
.regmaclayer .lay_basic .lay_wrp div {font-size:16px;}
.regmaclayer .lay_basic .lay_wrp p {padding:10px;border:solid 2px #eee;}
.regmaclayer .lay_basic .lay_wrp .mthdiv {}
.regmaclayer .lay_basic .lay_wrp .mthdiv .mthbox {}
.regmaclayer .lay_basic .lay_wrp .mthdiv .mthbox .layertab {*zoom:1;}
.regmaclayer .lay_basic .lay_wrp .mthdiv .mthbox .layertab:after {content:"";display:block;clear:both;}
.regmaclayer .lay_basic .lay_wrp .mthdiv .mthbox .layertab h2 {float:left;width:50%;margin-top:-4px;text-align:center;}
.regmaclayer .lay_basic .lay_wrp .mthdiv .mthbox .layertab h2 span {display:block;line-height:34px;color:#d61824;border:solid 2px #d61824;}
.regmaclayer .lay_basic .lay_wrp .mthdiv .mthbox .layertab a {float:left;width:50%;line-height:30px;text-align:center;background:#eee;}
.regmaclayer .lay_basic .lay_wrp .mthdiv .mthbox p {border:none;}
.regmaclayer .lay_basic .lay_wrp .mthdiv .mthbox p {border:none;}
.regmaclayer .lay_basic .lay_wrp .mthdiv .mthbox .rowtable {border-top-width:2px;}
.regmaclayer .lay_basic .lay_wrp .mthdiv .mthbox .rowtable tbody th {text-indent:15px;}
.regmaclayer .lay_basic .lay_wrp .mthdiv .mthbox .rowtable tbody td {padding-left:15px;text-indent:0;}
.regmaclayer .lay_basic .lay_wrp .mthdiv .mthbox .rowtable input.macaddr {width:100%;height:24px;line-height:24px;}
.regmaclayer .bttn {padding:15px 0;text-align:right;}
.regmaclayer .btnSend {display:inline-block;padding:3px 10px;font-size:12px;color:#fff;background:#444;border-radius:4px;}
.regmaclayer .bt_close {position:absolute;top:0;right:0;}
.regmaclayer .bt_close .btnCancel {display:block;width:50px;height:35px;padding-top:15px;text-align:center;}

/* popup */
.cfmpoph1 {line-height:86px;margin-bottom:14px;padding:36px 0 0 0;text-align:center;font-size:30px;font-weight:bold;font-family:"KTB";font-size:45px;color:#000;}
.csPopConts {padding:0 32px;}
.csPopConts .csContsNav {overflow:visible;}
.csPopConts .csContsNav .mainNav {width:770px;min-width:auto;}
.csPopConts .csContsNav .mainNav a {width:188px;letter-spacing:-0.05em;}
.csPopConts .csContsNav .mainNav a.on {width:192px;}
.csPopConts .csContsNav .mainNav a:nth-child(4) {border-right:0;}
.csPopConts .csContsNav .mainNav a.on:nth-child(4){width:191px;border:solid 6px #d61824}
.csPopConts .csContsNav .mainNav a.prevNav {display:none;width:40px;padding:0;}
.csPopConts .csContsNav .mainNav a.nextNav {display:none;width:40px;padding:0;}
.csPopContsDetail {position:relative;margin-bottom:60px;*zoom;}
.csPopContsDetail:after {content:"";display:block;clear:both;}
.csPopContsDetail h2 {margin-bottom:15px;font-weight:bold;font-family:"Malgun Gothic","맑은 고딕","MG", sans-serif;font-size:24px;color:#222;letter-spacing:-0.05em;}
.csPopContsDetail .desc {font-size:18px;color:#454545;letter-spacing:-0.05em;}
.csPopContsDetail .descopt {clear:both;padding-left:14px;text-indent:-14px;font-size:16px;color:#454545;letter-spacing:-0.05em;} /* 2017-08-08 수정 */
.csPopContsDetail table + .descopt {padding-top:5px;}
.csPopContsDetail.imgleftlayout .fleft:first-child {position:absolute;margin-left:480px;}
.csPopContsDetail.imgleftlayout .fleft .imgdiv {margin-top:0;padding-right:20px;text-align:left;}
.csPopContsDetail .brandlist {width:763px;border-bottom:solid 1px #cccccc;border-left:solid 1px #cccccc;background:#f1f2fa;*zoom:1;}
.csPopContsDetail .brandlist:after {content:"";display:block;clear:both;}
.csPopContsDetail .brandlist li {float:left;width:108px;height:90px;text-align:center;font-size:14px;border-top:solid 1px #cccccc;border-right:solid 1px #cccccc;background:#f1f2fa;}
.csPopContsDetail .brandlist li img {display:block;margin:15px auto 0;}
.csPopContsDetail .brandlist li .bnm {display:block;}
.csPopContsDetail .coltable.viewcaption tbody td {padding:10px;text-align:left;}
/* 2017-08-08 추가 */
.csPopContsDetail .fleft h2 {font-size:20px;}
div.nodeTabs {padding:0 0 20px 0;overflow:hidden;clear:both;}
	div.nodeTabs a {position:relative;float:left;margin:0 10px;font-size:15px;}
	div.nodeTabs a:hover {color:#454545;}
	div.nodeTabs a.on {border-bottom:solid 2px #d61824;color:#222;font-weight:bold;}
	div.nodeTabs a:first-child {margin-left:0;padding:0;}
	div.nodeTabs a:before {content: "";position: absolute;top: 8px;left: -10px;width: 1px;height: 17px;background: #cbcbcb;}
	div.nodeTabs a:first-child:before {display:none;}

	/*  */

/* WiFi 이용안내 컨텐츠 리뉴얼 (Figma v0.1 KT닷컴 디자인 작업공간, node 2573:10301 기준 정밀 반영) */
.wifiV2-tabs{display:flex;width:100%;border-bottom:1px solid #e9eaee;}
a.wifiV2-tab{flex:1 0 0;display:flex;align-items:center;justify-content:center;height:48px;padding:0 12px;font-size:15px;line-height:1.48;font-weight:500;color:#55585d;text-decoration:none;box-sizing:border-box;}
a.wifiV2-tab.on{font-weight:700;color:#191a1b;border-bottom:2px solid #191a1b;}
.wifiV2-cards{display:flex;gap:20px;width:100%;margin-bottom:36px; margin-top: 60px;}
.wifiV2-card{flex:1 1 0;min-width:0;box-sizing:border-box;position:relative;height:300px;border:1px solid #8b8f97;border-radius:16px;padding:40px;overflow:hidden;}
.wifiV2-card-title{margin:0 0 8px;font-size:24px;line-height:1.48;font-weight:700;color:#191a1b;}
.wifiV2-card-caption{margin:0 0 20px;font-size:16px;line-height:1.48;font-weight:500;color:#6f737b;}
a.wifiV2-card-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;padding:8px 20px;border:1px solid #8b8f97;border-radius:8px;font-size:13px;line-height:1.48;font-weight:500;color:#191a1b;text-decoration:none;box-sizing:border-box;}
.wifiV2-card-icon{position:absolute;right:21px;bottom:21px;width:120px;height:120px;}
.wifiV2-card-icon img{display:block;width:100%;height:100%;object-fit:contain;}
.wifiV2-notice{width:100%;box-sizing:border-box;padding:40px;border:1px solid #eeeff2;border-radius:16px;background:#f8f9fa;}
.wifiV2-notice-title{margin:0 0 12px;font-size:15px;line-height:1.48;font-weight:700;color:#191a1b;}
.wifiV2-notice-body{display:flex;flex-direction:column;gap:8px;}
.wifiV2-notice-body p{margin:0; margin-bottom: 12px; font-size:14px;line-height:1.48;font-weight:500;color:#61646b;}
.wifiV2-notice-body ul{margin:0;padding:0;list-style:disc;display:flex;flex-direction:column;gap:8px;} /* 20260715 차단내역알림설정 유의사항 QA - 피그마 Content 그룹 gap:8px, li 사이 간격이 없어 줄간격이 좁아 보이던 문제 */
.wifiV2-notice-body ul li{margin:0 0 0 21px;font-size:14px;font-weight:500;color:#61646b;line-height:1.48;}
.wifiV2-notice-body ul li::marker{color:#61646b; font-size: 12px;}
.wifiV2-notice-body .opt{margin:4px 0 0 21px;font-size:14px;color:#61646b;}
.dashboard .wifiV2-notice{margin-bottom:60px;}

/* MAC/ID 등록 페이지 - "MAC/ID 등록안내" 탭 (Figma node 2573:10299) */
.macid-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:60px;}
.macid-headline-text{flex:1 1 auto;min-width:0;}
p.macid-headline-title{margin:0 0 12px;font-size:24px;line-height:1.48;font-weight:700;color:#191a1b;}
.macid-headline-title br{content:"";}
.macid-headline-opt{margin:0 0 20px;padding:0;list-style:none;}
.macid-headline-opt li{font-size:16px;line-height:1.48;font-weight:500;color:#6f737b;}
.macid-headline-icon{flex:0 0 auto;width:208px;}
.macid-headline-icon img{display:block;width:100%;height:auto;}
a.macid-cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:8px 40px;border:none;border-radius:8px;background:#191a1b;color:#fff;font-size:16px;line-height:1.48;font-weight:600;text-decoration:none;box-sizing:border-box;}
.macid-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin:20px 0 60px;}
a.macid-chip{display:inline-flex;align-items:center;justify-content:center;height:48px;min-width:56px;max-width:196px;padding:8px 20px;border-radius:999px;background:#e9eaee;color:#55585d;font-size:14px;line-height:1.48;font-weight:600;text-decoration:none;box-sizing:border-box;white-space:nowrap;}
a.macid-chip.on{background:#191a1b;color:#fff;}
.macid-container{position:relative;width:100%;height:200px;box-sizing:border-box;border:1px solid #8b8f97;border-radius:16px;margin-bottom:20px;}
.macid-container:last-of-type{margin-bottom:40px;}
.macid-container-icon{position:absolute;left:72px;top:50px;width:100px;height:100px;}
.macid-container-icon img{display:block;width:100%;height:100%;object-fit:contain;}
.macid-container-text{position:absolute;left:244px;top:52px;right:40px;}
.macid-container-title{margin:0 0 12px;font-size:24px;line-height:1.48;font-weight:700;color:#191a1b;}
.macid-container-desc{margin:0;font-size:16px;line-height:1.48;font-weight:500;color:#8c8c91;}

/* MAC/ID 등록 페이지 - "MAC 주소 확인 방법" 탭 (Figma node 2573:10297) */
.macid-section{margin-bottom:60px;}
.macid-section:last-of-type{margin-bottom:40px;}
p.macid-section-title{margin:0 0 20px;font-size:24px;line-height:1.48;font-weight:700;color:#191a1b;}
.macid-section-box{box-sizing:border-box;background:#fff;border:1px solid #8b8f97;border-radius:16px;padding:60px;}
.macid-steps-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:74px;row-gap:40px;}
.macid-step{display:flex;gap:30px;height:160px;}
.macid-step-thumb{flex:0 0 220px;width:220px;height:160px;box-sizing:border-box;border-radius:8px;background:#e9eaee;overflow:hidden;}
.macid-step-thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.macid-step-text{flex:1 1 auto;min-width:0;padding-top:2px;}
.macid-step-num{display:flex;align-items:center;justify-content:center;width:24px;height:15px;padding:0 4px;margin-bottom:10px;border-radius:2px;background:#00a39b;color:#fff;font-size:10px;font-weight:700;box-sizing:border-box;line-height:1;}
p.macid-step-title{margin:0 0 2px;font-size:16px;line-height:1.7;font-weight:700;color:#191a1b;}
.macid-step-desc{margin:0;font-size:14px;line-height:1.48;font-weight:500;color:#8c8c91;}

/* MAC/ID 등록 페이지 - "MAC/ID 등록(수정) 방법" 탭 (Figma node 2573:10295) */
.macid-rows{display:flex;flex-direction:column;gap:40px;}
.macid-row{display:flex;gap:30px;align-items:flex-start;}
.macid-row-img{flex:0 0 443px;width:443px;box-sizing:border-box;border-radius:8px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.macid-row-img img{display:block;width:100%;height:100%;object-fit:contain;}
.macid-row-text{flex:1 1 auto;min-width:0;padding-top:2px;}