/* 폰트 사용 위한 임시 style { */
@font-face { font-family: 'SKTSans'; font-style: normal; font-weight: 400; font-display: swap; src: local(※), url("./assets/fonts/SKTSansTTFRegular.woff2") format("woff2"), url("./assets/fonts/SKTSansTTFRegular.woff") format("woff"), url("./assets/fonts/SKTSansTTFRegular.ttf") format("truetype"); }
@font-face { font-family: 'SKTSans'; font-style: normal; font-weight: 500; font-display: swap; src: local(※), url("./assets/fonts/SKTSansTTFMedium.woff2") format("woff2"), url("./assets/fonts/SKTSansTTFMedium.woff") format("woff"), url("./assets/fonts/SKTSansTTFMedium.ttf") format("truetype"); }
@font-face { font-family: 'SKTSans'; font-style: normal; font-weight: 700; font-display: swap; src: local(※), url("./assets/fonts/SKTSansTTFBold.woff2") format("woff2"), url("./assets/fonts/SKTSansTTFBold.woff") format("woff"), url("./assets/fonts/SKTSansTTFBold.ttf") format("truetype"); }
/* } 폰트 사용 위한 임시 style */



.bline{border-bottom:1px solid #777;}
.fgray{color:#777;}
.fpoint, .footnote{color:#f23c34 !important;}
.btn-toggle{margin:50px 0 10px;color:#0000ff;font-size:18px;}
.btn-toggle i{display:inline-block;width:20px;height:20px;vertical-align:middle;background:url('./assets/images/factbook/btn-toggle-on.png') 50% no-repeat;transition: rotate 0.3s;transform: rotate(-180deg);}
.btn-toggle.active i{transform: rotate(0);}
.bx-toggle{display:none;}

#site-content{overflow:inherit;overflow: initial;}
.wrap-factbook .cont-inner{display:flex;justify-content: space-between;}
#post-wrap.wrap-factbook .article-wrap{max-width:650px;margin: 0;padding: 0 350px 0 30px;}
#post-wrap.wrap-factbook .article-wrap article header .header-inner .title{font-size:26px;font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;}
#post-wrap.wrap-factbook .article-wrap figure {margin:0;padding:0;}
#post-wrap.wrap-factbook .article-wrap article .article-body .article-content{font-size:18px;}
#post-wrap.wrap-factbook .article-wrap article .article-body .article-content p{margin:0;}
#post-wrap.wrap-factbook .article-wrap .cnt-tit{color:#f23c34;font-size:30px;}
#post-wrap.wrap-factbook .article-wrap .content-area a{color:#0000ff;}
.article-aside-left{position: -webkit-sticky;position:sticky;top:0;padding-top:100px;width:175px;transition: 0.3s;font-family: "Noto Sans KR", "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;contain: paint;align-self: start;grid-area: toc;overflow-anchor: none;z-index:99;}
.article-aside-left > p{padding:20px 0;font-size:20px;font-weight:700;}
.article-aside-left ul{padding:20px 0;border-top:1px solid #333;border-bottom:1px solid #333;}
.article-aside-left li{padding:15px 0;}
.article-aside-left a{display:block;color:#777;font-size:20px;font-weight:300;}
.article-aside-left a.active{color:#f23c34;font-weight:700;}

/* 한눈에 보는 SK텔레콤 표 */
.article-body > .article-aside-right{position:absolute;top:100px;right:0;width:310px;}
.article-aside-right table{width:100%;text-align:left;border-collapse:collapse;border-bottom:1px solid #121212;border-top:1px solid #121212;}
.article-aside-right thead{}
.article-aside-right thead th{padding:10px 5px;color:#000;font-size:22px;background:#fff3f1;border-bottom:1px solid #121212;}
.article-aside-right tbody{line-height:1.6;}
.article-aside-right tbody th{padding:18px 5px 18px 0;color:#f23c34;font-size:16px;font-weight:500;border-right:1px solid #757575;border-bottom:1px dashed #a7a7a7;vertical-align:top;}
.article-aside-right tbody td{padding:18px 0 18px 10px;color:#333;font-size:16px;font-weight:400;border-bottom:1px dashed #a7a7a7;}
.article-aside-right tbody tr:last-child th,
.article-aside-right tbody tr:last-child td{border-bottom:1px double #121212;}
.article-aside-right tbody td a{color:#0000ff;text-decoration:underline;}
.article-aside-right table + p{margin-top:2px;padding-top:10px;font-size:16px;text-align:right;border-top:1px solid #121212;}

/* CEO 소개 */
.bx-ceo-txt{font-family: 'SKTSans',"Noto Sans KR", "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;}

/* 사업소개 */
#businessIntro{}
#businessIntro dt{font-weight:700;}

/* 주요연혁 */
#history{color:#000;font-family: 'SKTSans';}
#history li{position:relative;padding-bottom:40px;}
#history li dl{position:relative;overflow:hidden;padding-left:140px;}
#history li:before{content:'';position:absolute;left:109px;display:block;width:7px;height:7px;margin-top:14px;border:2px solid #f23c34;border-radius:50%;background:#fff;z-index:1;}
#history li:after{content:'';position:absolute;left:114px;top:0;bottom:0;display:block;width:1px;top:0;bottom:0;background:#f23c34;}
#history li:first-child:after{top:14px;}
#history dt{position:absolute;left:0;font-size:30px;font-weight:500;}
#history dd{position:relative;padding-left:45px;font-size:16px;}
#history dd strong{position:absolute;left:0;}

/* 관련 자료 */
#relation li{position:relative;padding-left:15px;}
#relation li:before{content:'';position:absolute;left:0;top:16px;display:block;width:4px;height:4px;border-radius:50%;background:#464646;z-index:1;}
#relation li a{color:#121212 !important;}
#relation li a span{padding-left:6px;color:#777 !important;font-size:0.9em;}
#relation li a:hover{color:#0000ff !important;border-bottom:1px solid #0000ff;}
#relation li a:hover span{color:#0000ff !important;}

/* 연관 콘텐츠 */
#post-wrap.wrap-factbook .article-wrap .article-category-related {width: 1075px;margin-left: 0;}
#post-wrap.wrap-factbook .article-wrap .article-category-related .category-related-nav .btn-nav.prev {left: -60px;}
#post-wrap.wrap-factbook .article-wrap .article-category-related .category-related-nav .btn-nav.next {right: -60px;}
.wrap-factbook .bottom-banner-wrap, .wrap-factbook .post-bottom-banner {margin-left: 45px;margin-right: 45px;}
.wrap-factbook .bottom-banner-wrap .post-bottom-banner {margin-left: 0;margin-right: 0;}
.wrap-factbook .bottom-banner-wrap, .wrap-factbook .post-bottom-banner {margin-left: 20px;margin-right: 20px;}
.wrap-factbook .bottom-banner-wrap .post-bottom-banner {margin-left: 0;margin-right: 0;}

@media (max-width: 1300px) {
	#post-wrap.wrap-factbook .article-wrap .article-category-related {width: auto;}
	#post-wrap.wrap-factbook .article-wrap{width:calc(100% - 476px) !important;padding-right:300px;}
	.article-aside-left{left:20px;}
	.article-aside-left a{font-size:18px;}

	/* 한눈에 보는 SK텔레콤 표 */
	.article-body > .article-aside-right{width:280px;}
	.article-aside-right thead th{font-size:20px;}
	.article-aside-right tbody th, .article-aside-right tbody td, .article-aside-right table + p{font-size:15px;}

}

@media (min-width: 981px) {
	.cnt-tit.collapsible-head{display:none !important;}
	.content-area > .article-aside-right{display:none;}
	.collapsible-bx{display:block !important; }

	/* CEO 소개 */
	.wrap-ceo{position:relative;height:435px;padding-left:calc(44% + 20px);}
	.bx-ceo{position:absolute;left:0;top:0;width:44%;}
	.bx-ceo p{padding-top:10px;color:#888;font-size:16px;text-align:center;}
	.bx-ceo p a{font-weight:500;}
	.bx-ceo-txt{}
	.bx-ceo-txt h3{position:relative;padding-top:37px;font-weight:400;font-size:28px;line-height:1.4;}
	.bx-ceo-txt h3:before,
	.bx-ceo-txt h3:after{position:absolute;display:block;height:33px;color:#f7cddc;font-size:75px;font-weight:500;line-height:1;}
	.bx-ceo-txt h3:before{content:'“';top:0;}
	.bx-ceo-txt h3:after{content:'”';right:0;bottom:0;}
	.bx-ceo-txt .ceo-name{margin-top:30px;}
	.bx-ceo-txt .ceo-name p{color:#999;font-weight:500;font-size:16px;line-height:1.2;}
	.bx-ceo-txt .ceo-column{position:absolute;bottom:35px;}
	.bx-ceo-txt .ceo-column p{color:#f23c34;font-weight:700;}
	.bx-ceo-txt .ceo-column li a{border-bottom:1px solid #0000ff;}
	.bx-ceo-txt .ceo-column li span{font-size:14px;font-weight:500;}
	.bx-toggle-ceo{padding-top:40px;padding-bottom:30px;margin-bottom:50px;}

}

@media (min-width: 980px) and (max-width: 1080px) {
	/* CEO 소개 */
	.wrap-ceo{height:auto;padding:0;}
	.bx-ceo{position:relative;left:auto;top:auto;width:100%;margin:auto;text-align:center;}
	.bx-ceo img{width:60%;padding-top:20px;}
	.bx-ceo-txt .ceo-column{position:relative;bottom:0;}
}

@media (max-width: 980px) {

	.article-body > .article-aside-right{display:none;}

	.btn-toggle{margin:40px 0 0;font-size:15px;}
	.btn-toggle i{background:url('./assets/images/factbook/btn-toggle-on-m.png') 50% / 60% no-repeat}
	.bx-toggle figure{margin:0;padding:0;}

	.article-aside-left{display:none;}

	#post-wrap .bx-factbook .article-info {border-top: 1px solid #999;}
	#post-wrap .bx-factbook .header-inner {padding: 0 0 14px;}
	#post-wrap .bx-factbook .content-area {padding: 25px 0 60px;letter-spacing:-1px;}
	#post-wrap.wrap-factbook .article-wrap {max-width:100%;width:100% !important;margin: 0;padding: 0;}
	#post-wrap.wrap-factbook .article-wrap .content-area a{color:#0000ff;}
	#post-wrap.wrap-factbook .article-wrap article .article-body .article-content{margin: 0 20px;padding-bottom:0;font-size:16px;border-bottom:1px solid #121212;}
	#post-wrap.wrap-factbook .article-wrap article .article-body .article-content .cnt-tit{margin-left:0;margin-right:20px;margin-bottom:0;padding:0;font-size: 1.500em;}
	#post-wrap.wrap-factbook .article-wrap article .article-body .article-content .cnt-tit:not(.fpoint){margin:0 ;padding:15px 10px;color:#777;font-weight:500;border-top:1px solid #777;cursor:pointer;}
	#post-wrap.wrap-factbook .article-wrap article .article-body .article-content .cnt-tit.mo-no{display:none;}
	#post-wrap.wrap-factbook .article-wrap article .article-body .article-content .cnt-tit:not(.fpoint).active{color:#121212;font-weight:700;}
	#post-wrap.wrap-factbook .article-wrap article .article-body .article-content p{margin-top:0;}
	#post-wrap.wrap-factbook .article-wrap article header .header-inner .title{font-size:22px;}

	.cnt-tit.collapsible-head:nth-child(3){border-top:1px solid #121212 !important;}
	.collapsible-head{position:relative;}
	.collapsible-head:after{content:'';position:absolute;right:10px;top:20px;display:block;width:23px;height:23px;background:url('./assets/images/factbook/btn-collapsible-on.png') 50% / 100% no-repeat;transition: rotate 0.3s;transform: rotate(-180deg);}
	.collapsible-head.active{border-bottom:1px solid #777;}
	.collapsible-head.active:after{transform: rotate(0);}
	.collapsible-bx{display:none;}

	/* 한눈에 보는 SK텔레콤 표 */
	.content-area > .article-aside-right{width:100%;margin-top:1em;}
	.article-aside-right table{width:100%;text-align:left;font-size:14px;border-collapse:collapse;border-bottom:1px solid #121212;border-top:1px solid #121212;}
	.article-aside-right thead{}
	.article-aside-right thead th{padding:8px 5px;color:#000;font-size:1.2em;background:#fff3f1;border-bottom:1px solid #121212;}
	.article-aside-right tbody{line-height:1.4;}
	.article-aside-right tbody th{padding:8px 5px;color:#f23c34;font-weight:500;border-right:1px solid #757575;border-bottom:1px dashed #a7a7a7;vertical-align:top;}
	.article-aside-right tbody td{padding:8px 5px;color:#333;font-weight:400;border-bottom:1px dashed #a7a7a7;}
	.article-aside-right tbody tr:last-child th,
	.article-aside-right tbody tr:last-child td{border-bottom:1px double #121212;}
	.article-aside-right tbody td a{color:#0000ff;text-decoration:underline;}
	.article-aside-right table + p{margin-top:2px !important;padding-top:4px;font-size:13px;text-align:right;border-top:1px solid #121212;}

	/* 인트로 */
	#post-wrap.wrap-factbook #intro .fgray{margin-top:0;}

	/* CEO 소개 */
	.wrap-ceo{position:relative;}
	.bx-ceo{width:100%;margin:0;padding:0 0 25px;text-align:center;}
	.bx-ceo p{padding-top:10px;color:#888;text-align:center;}
	.bx-ceo p a{font-weight:500;}
	.bx-ceo-txt{width:100%;padding:0;}
	.bx-ceo-txt h3{position:relative;padding-top:37px;font-weight:400;font-size:28px;line-height:1.4;}
	.bx-ceo-txt h3:before,
	.bx-ceo-txt h3:after{position:absolute;display:block;height:33px;color:#f7cddc;font-size:75px;font-weight:500;line-height:1;}
	.bx-ceo-txt h3:before{content:'“';top:0;}
	.bx-ceo-txt h3:after{content:'”';right:0;bottom:0;}
	.bx-ceo-txt .ceo-name{margin:25px 0 20px;}
	.bx-ceo-txt .ceo-name p{display:inline-block;color:#999;font-size:0.85em;font-weight:500;line-height:1.2;}
	.bx-ceo-txt .ceo-column{padding-top:20px;}
	.bx-ceo-txt .ceo-column p{color:#f23c34;font-weight:700;}
	.bx-ceo-txt .ceo-column li a{border-bottom:1px solid #0000ff;}
	.bx-ceo-txt .ceo-column li span{font-size:14px;font-weight:500;}
	.bx-toggle-ceo{padding-top:25px;padding-bottom:30px;margin-bottom:50px;}

	/* 사업소개 */
	.wrap-business > dl{margin-top:40px;}
	.wrap-business > dl dt{font-weight:700;}

	/* 주요연혁 */
	#history{color:#000;font-family: 'SKTSans';}
	#history li{position:relative;padding-bottom:40px;}
	#history li dl{position:relative;overflow:hidden;padding-left:20px;}
	#history li:before{content:'';position:absolute;left:0;display:block;width:7px;height:7px;margin-top:7px;border:2px solid #f23c34;border-radius:50%;background:#fff;z-index:1;}
	#history li:after{content:'';position:absolute;left:4px;top:0;bottom:0;display:block;width:1px;top:0;bottom:0;background:#f23c34;}
	#history li:first-child:after{top:14px;}
	#history dt{position:relative;padding-bottom:5px;font-size:1.4em;font-weight:500;}
	#history dd{position:relative;padding-left:45px;}
	#history dd strong{position:absolute;left:0;}
	#history li:last-child{padding-bottom:0;}
	#history li + li{padding-top:5px;}

	/* 관련 자료 */
	#post-wrap .bx-factbook #relation.content-area{padding-bottom:25px;}
	#relation li{position:relative;padding-left:15px;line-height:1.6;}
	#relation li + li{margin-top:25px;}
	#relation li:before{content:'';position:absolute;left:0;top:10px;display:block;width:4px;height:4px;border-radius:50%;background:#0000ff;z-index:1;}
	#relation li a{color:#0000ff !important;}
	#relation li a span{padding-left:6px;font-size:0.9em;color:#0000ff !important;}

}

@media (max-width: 760px) {

}

@media (max-width: 360px) {
	.bx-ceo-txt h3{font-size:24px;}
}


/* 2023-05-29 하단 팩트북소개 추가 { */
.about-factbook{margin-top:100px;color:#333;padding:15px;line-height:1.8;border:1px solid #dcdcdc;background:#ededed;/*word-break: keep-all;*/}
.about-factbook strong{color:#121212;}

@media (max-width: 980px) {
	#post-wrap.wrap-factbook .article-wrap article .article-body .article-content{border-bottom:none;}
	#relation{border-bottom:1px solid #121212;}
	#relation .content-area{padding-bottom:30px !important;}
	.about-factbook{margin-top:40px;font-size:14px;line-height:1.6;}
}
/* } 2023-05-29 하단 팩트북소개 추가 */