/*@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,600');*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500|Noto+Serif+KR:400,500,600&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean');

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

* input:focus { outline:none; }

/*2017 * { margin:0; padding:0; border:0; font-size:100%; color:#000000; text-decoration:none; word-wrap:break-word; word-break:keep-all; } */

/* HTML5 display-role reset for older browsers */
header, h1, nav, time, main, section, article, aside, footer {
    display: block;
}

html,body,main{width:100%;height:100%}


body { font-family: Arial, 'Noto Sans KR', Helvetica, sans-serif; font-size: 12px; color:#333333; }

img { border: 0; /*vertical-align: top;*/ }
a { text-decoration: none; border: 0; cursor: pointer; color:#333333; }
a:hover { text-decoration: none; border: 0; cursor: pointer; color:#333333; }
a:active { text-decoration: none; border: 0; color:#333333; }
a:visited { text-decoration: none; border: 0; /*color:#333333;*/ }

a.roll img.over { display: none;}
a.roll:hover img { display: none;}
a.roll:hover img.over { display: inline;}


.top_center_container img, .top_side_container img, .index_more_photo_left img, .aside_latest_contents img, .aside_top10_contents img, .aside_top5ent_contents img, .index_sec_evd_photo img, .index_sec_opi_columns img, .index_sec_nat_photo img, .index_sec_nat_image img, .index_sec_com_tec_photo_image img, .index_sec_vid_div img, .topmenu-slide-photo img, .section_aside_top10_contents img, .section_aside_top5ent_contents img, .list_article_photo img, .list2_article_photo1 img, .list2_article_photo2 img, .list2_article_photo3 img { border: 0; max-width: 100%; object-fit: cover; }

/* 로고 이미지 */
.svgLogoTop { background-image: url('img/KT_logo_s_k.svg'); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; width: 167.6041px; height: 17px; }
.svgLogoMain { background-image: url('img/KT_logo.svg'); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; width: 444.7341px; height: 45px; float:left; }
/*.svgLogoMain { background-image: url('../img/KT_christmas_x2_20221222.jpg?1'); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; width: 506px; height: 64px; float:left; margin: -17px 0 0 -18px; }*/
.svgLogoFooter { background-image: url('img/KT_logo_footer_w.svg'); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; width: 243px; height: 26px; float:left; margin-bottom:25px; }


/*.subpage_right_div {
	box-sizing:initial;
}*/

	
/* 자주 사용하는 폰트 설정 */
.LoraMedium { font-family: 'Lora', serif; font-weight:500; }
.RobotoRegular { font-family: 'Roboto', sans-serif; font-weight:400; }
.RobotoBold { font-family: 'Roboto', sans-serif; font-weight:700; }
.HelveticaBold { font-family: 'Roboto', Helvetica, sans-serif; font-weight:600; }
.ArialBold {font-family: Arial, sans-serif; font-weight:600;}

.LoraMedium a:hover { text-decoration: none; color:#005a6e;/*00626e#006380#007765;*/ }




.topmenu-background_01 { background:url('img/globar_bg.gif') repeat-x 0 0; width:100%; height: 37px; }

.topmenu-wcontainer-t1 { width: 1220px; height: 37px; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; line-height:18px; }

.leftmnbox { float: left; margin: 10px 0; text-align: left; display:inline-block;}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

li{
  list-style-type: none;
}

.svgLogoTop {
    background-image: url(img/KT_logo_s_k.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px 0px;
    width: 167.6041px;
    height: 17px;
}

.text_conceal {
    text-indent: -9999px;
}


	
.KLSC_bg { background-image: url(img/KLSC_bg_2026.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}
	
.KLSC_left { float: left; position:fixed; width: 576px; margin: 0 48px 0 26px; }
.KLSC_right { float: right; width: 554px; padding: 0 0 0 0; }

.KLSC_text { width: 100%; font-size: 16px; line-height: 150%; text-decoration: none; color: #333333; text-align: left; font-stretch: normal; }
.KLSC_text P { padding: 10px 0; }
	

.KLSC_tt { position: relative; display:inline-block; margin: -1px 0 0 0; padding: 8px 16px; border-radius: 0px 0px 8px 8px; background-color: #6d0045; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.04); box-shadow: 0 1px 2px 0 rgba(0,0,0,.04); font-size: 16px/*1.3rem*/; text-align: left; color: #ffffff; }
.KLSC_tt2 { display:inline-block; color: #6d0045; font-size: 14px; margin: 0 0 0 5px; }	
.KLSC_tt3 { display:block; color: #6d0045; font-size: 16px; line-height: 150%; text-decoration: none; text-align: left; font-stretch: normal; margin: 4px 0 0 0; }	
.KLSC_underline { width: auto; margin: 40px 0 0 0; border-top: 1px solid #6d0045; /*dc7035*/ }
	
.KLSC_apply { float: left; width: 80%; }
.KLSC_apply_bt { float: left; width: 20%; margin: 20px 0 20px 0; }

.KLSC_box { width: 100%; margin: 15px 0 0 0; border-top: 0px solid #818181; border-bottom: 0px solid #818181; list-style-type: none; }
.KLSC_box li { clear: both; width: 100%; font-size: 16px; line-height: 150%; text-decoration: none; color: #333333; text-align: left; font-stretch: normal; padding: 4px 0 4px 12px; }
.KLSC_box li:before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #890074;/*cb7749*/ margin: 10px 0 0 -12px; }
.KLSC_box ol li:before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #8d56db; /*9700d6;ed9463*/ margin: 10px 0 0 -12px; }
.KLSC_box ol li ol li:before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #c2348e;/*ed9463*/ margin: 10px 0 0 -12px; }
.KLSC_box li a { text-decoration: none; }
.KLSC_box li+li { border-top: 0px dashed #e1e1e1; }

	
.KLSC_fontC { color: #710089;/*bc0007*/ font-weight: 600; }
.KLSC_fontC2 { color: #bc0080;/*bc0007*/ font-weight: 600; }
.KLSC_B { font-weight: 600; color: #333333; }
.KLSC_img { display: inline-block; margin: 20px 0 0 0;}
.KLSC_img2 { display: inline-block; margin: 20px 0 0 0;}
.KLSC_img3 { display: inline-block; margin: 10px 0 0 0;}
.KLSC_img5 { display: inline-block; margin: 20px 0 0 8px;}
.KLSC_img6 { display: inline-block; margin: 8px 0 20px 0;}
.KLSC_text2 { width: 100%; font-size: 16px; line-height: 150%; text-decoration: none; color: #333333; text-align: left; font-stretch: normal; margin: 5px 0 50px 0;}
.KLSC_text2 P { padding: 15px 0; }
.KLSC_text3 { width: 100%; font-size: 14px; line-height: 150%; text-decoration: none; color: #333333; text-align: left; font-stretch: normal; margin: 15px 0 0 0; }
.KLSC_text3 P { padding: 15px 0; }
.KLSC_text3 li { clear: both; width: 100%; font-size: 14px; line-height: 150%; text-decoration: none; color: #333333; text-align: left; font-stretch: normal; padding: 4px 0 4px 12px; }
.KLSC_text3 li:before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #9700d6; margin: 10px 0 0 -12px; }
.KLSC_text3 li a { text-decoration: none; }
.KLSC_text3 li+li { border-top: 0px dashed #e1e1e1; }
	
.KLSC_bt { float: right; margin: -5px 0 0 0; }
.right_space { margin: 20px 0 0 0; }
.right_space_w { margin: 20px 0 0 0; }
.KLSC_vod { width: 507px; height: 285px; }
.KLSC_vod2 { width: 560px; height: 315px; margin: 40px 0 0 0; }
.KLSC_vod3 { width: 554px; height: 312px; }
.bn_LE { margin: 5px 16px 0 0; }
.bn_Patrons { display: inline-block; }
.bt_apply { cursor: pointer; padding: 0px 16px; margin: 16px 0 0 0; column-gap: 4px; background-color: #a00087; font-size: 16px; font-weight: 600; line-height: 18px; color: #ffffff; border: 0px solid #890074; border-radius: 8px; min-width: 80px; height: 48px; font-family: 'Roboto', sans-serif; box-shadow: 2px 3px 3px 1px rgba(0,0,0,0.2); }
/*.bt_apply { cursor: pointer; padding: 0px 16px; column-gap: 4px; background-color: #fff7fc; font-size: 15px; font-weight: 600; line-height: 18px; color: #a00087; border: 1px solid #c2348e; border-radius: 16px; min-width: 80px; height: 48px; font-family: 'Roboto', sans-serif; }*/


.footer_w1220 {
    float: none;
    width: 1220px;
    margin: 0 auto;
}

.footer_area {
    clear: both;
    margin: 0 auto;
    width: 100%;
    height: 310px;
    background-color: #353535;
    min-width: 100%;
}

.footer_left {
    float: left;
    width: 255px;
    margin: 0 85px 0 10px;
}

.footer_sns { float: left; text-align: left; }
.footer_sns div { display: inline-block; margin: 0 14px 0 0; }

.footer_bt_fb, .footer_bt_twitter, .footer_bt_youtube, .footer_bt_instagram { background: url('http://img.koreatimes.co.kr/www2/img/footer_SNSicon_x2_20210715.png'); background-repeat: no-repeat; background-size: 200px 100px; }

.footer_bt_fb { width: 17px; height: 28px; background-position: 0px 0px; }
.footer_bt_fb:hover { width: 17px; height: 28px; background-position: 0px -28px; }
.footer_bt_twitter { width: 22px; height: 28px; background-position: -31px 0px; }
.footer_bt_twitter:hover { background-position: -31px -28px; }
.footer_bt_youtube { width: 24px; height: 28px; background-position: -67px 0px; }
.footer_bt_youtube:hover { background-position: -67px -28px; }
.footer_bt_instagram { width: 24px; height: 28px; background-position: -105px 0px; }
.footer_bt_instagram:hover { background-position: -105px -28px; }


.footer_dashed { clear: both; float: left; border-top: 1px #5a5a5a dashed; width:100%; margin: 10px 0 15px 0; }

.footer_solid { float: left; border-top: 1px #5d5d5d solid; width:100%; margin: 15px 0 0 0; }



/*.scroll_top { width:75px; height:30px; position:fixed; bottom:320px; right:0; display:none; background: url('img/bt_gotop.png') no-repeat; z-index:100; }*/
.button { border: none; background: transparent; cursor: pointer; }

.scroll_top { position:fixed; bottom:60px; right:20px; display:flex; z-index:100; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background-color: #fff; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .12); cursor: pointer; opacity: 0;/*처음엔 투명*/ visibility: hidden;/*접근성 개선용*/ transition: opacity 0.3s ease, visibility 0.3s ease;/*페이드 전환*/ }
.scroll_top.show { opacity: 1; visibility: visible; }
.scroll_top img { height: 24px; }




/*** 열리는 영역 start ***/
details {
  margin-bottom: 1rem;
}

/* summary를 버튼처럼 보이게 */
summary {
  cursor: pointer;
  padding: 0.5rem 1rem;
  background: #a00087;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border-radius: 8px;
  list-style: none;
}

/* 기본 삼각형 아이콘 제거(브라우저별 처리는 추가 가능) */
summary::-webkit-details-marker {
  display: none;
}

/* 열려 있을 때 스타일 */
details[open] summary {
  background: #890074;
}
/*** 열리는 영역 end ***/

	
/* mobile */
@media screen and (max-width: 767px) {
	.topmenu-wcontainer-t1 { width: 98%; height: 37px; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; line-height: 18px; }	
	.leftmnbox { float: left; margin: 10px 0; text-align: center; display: inline-block;}
	.all_section { max-width: 96%; }	
	.KLSC_bg { background-image: url(img/KLSC_bg_2026.jpg);
	  background-repeat: no-repeat;
	  background-position: left top;
	  background-size: cover;
	  background-attachment: fixed;	}	
	.KLSC_left { float: left; position:relative; width: 100%; margin: 0 auto; }
	.KLSC_right { float: left; width: 100%; padding: 0 auto; }
	.KLSC_text { width: 100%; font-size: 16px; line-height: 150%; text-decoration: none; color: #333333; text-align: left; font-stretch: normal; margin: 0 0 30px 0; }	
	.KLSC_img2 { display: inline-block; margin: 20px 0 0 0; width: 100%;}	
	.KLSC_img5 { display: inline-block; margin: 20px 0 0 0;}
	.KLSC_img6 { display: inline-block; margin: 8px 0 20px 0; width: 100%;}
	.KLSC_bt { float: right; margin: 40px 0 0 0; border-top: dashed 1px #cccccc; width: 100%; text-align: right; }
	.right_space { margin: 10px 0 0 0; }
	.right_space_w { margin: 0 0 0 0; }
	.KLSC_vod { width: 100%; }
	.KLSC_vod2 { width: 100%; margin: 40px 0 0 0; }
	.KLSC_vod3 { width: 100%; }
	.bn_LE { display: flex; justify-content: center; align-content: center; margin: 0 auto; }
	.bn_Patrons { display: flex; justify-content: center; align-content: center; margin: 0 auto; }
	.KLSC_apply { width: 75%; margin: 0 0 10px 0; }
	.KLSC_apply_bt { width: 25%; }
	.footer_right { display: none; }
	.footer_w1220 { float: none; width: 100%; margin: 0 auto; }
	.footer_area { clear: both; margin: 0 auto; width: 100%; height: 310px; background-color: #353535; text-align: center;}
	.footer_left { float: left; width: 255px; margin: 0 0 0 20px; text-align: left; }
}