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


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

.gka_title { display: block; text-align: center; width: 100%; margin: -20px 0 0 0; }
.gka_title_m { display: none; text-align: center; width: 100%; margin: 0 0 0 0; padding-top: 160px; }

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

.gka_tt { position: relative; display:inline-block; margin: 40px 0 0 0; padding: 8px 16px; border-radius: 20px 20px 0px 20px; background-color: #247bd1; -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; }
.gka_tt2 { display:inline-block; color: #cb7749; font-size: 14px; margin: 0 0 0 5px; }	
.gka_underline { width: auto; margin: -1px 0 0 16px; border-top: 1px solid #247bd1; }
	
.gka_apply { float: left; width: 80%; }
.gka_apply_bt { float: left; width: 20%; margin: 20px 0 20px 0; }

.gka_box { width: 100%; margin: 15px 0 0 0; border-top: 0px solid #818181; border-bottom: 0px solid #818181; list-style-type: none; }
.gka_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; }
.gka_box li:before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #2887e5; margin: 10px 0 0 -12px; }
.gka_box li a { text-decoration: none; }
.gka_box li+li { border-top: 0px dashed #e1e1e1; }
	
.gka_fontC { color: #c8420d; font-weight: 500; }
.gka_B { font-weight: 600; color: #333333; }
.gka_B_20 { font-weight: 700; color: #333333; font-size: 20px; }
.gka_img { display: inline-block; margin: 20px 0 0 0;}
.gka_img2 { display: inline-block; margin: 8px 20px 0 0;}
.gka_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;}
.gka_text2 P { padding: 15px 0; }
.gka_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; }
.gka_text3 P { padding: 15px 0; }
	
.gka_bt { float: right; margin: -5px 0 0 0; }
.right_space { margin: 60px 0 0 0; }
.right_space_w { margin: 16px 0 0 0; }
.gka_vod { width: 507px; height: 285px; }
.gka_vod2 { width: 560px; height: 315px; margin: 40px 0 0 0; }
/*.gky_vod { width: 560px; height: 315px; }*/
.bn_LE { margin: -5px 16px 0 0; }



.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; }
/*.scroll_top { position:fixed; bottom:320px; right:0; 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); }*/
.button { border: none; background: transparent; }

	
/* 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%; }	
	.gka_bg { background-image: url(img/gky_bg2.jpg);
	  background-repeat: no-repeat;
	  background-position: left top;
	  background-size: cover;
	  background-attachment: fixed;	}	
	.gka_left { float: left; position:relative; width: 100%; margin: 0 auto; }
	.gka_right { float: left; width: 100%; padding: 0 auto; }
	.gka_title { display: none; text-align: center; width: 100%; margin: -20px 0 0 0; }
	.gka_title_m { display: block; text-align: center; width: 100%; margin: 0 0 0 0; padding-top: 10px; }	
	.gka_img2 { display: inline-block; margin: 8px 20px 0 0; }	
	.gka_bt { float: right; margin: 40px 0 0 0; border-top: dashed 1px #cccccc; width: 100%; text-align: right; }	
	.right_space { margin: 30px 0 0 0; }
	/*.right_space_w { margin: 0 0 0 0; }*/
	.gka_vod { width: 100%; }
	.gka_vod2 { width: 100%; margin: 40px 0 0 0; }
	.bn_LE { margin: 20px 0; }
	.gka_apply { width: 75%; margin: 0 0 10px 0; }
	.gka_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; }
}