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

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

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

/* common */

.m_key { color: #70b341; }
.m_key::after { content: " | "; color: #70b341; padding: 0px 0px 0px 0px; font-family:Helvetica, sans-serif;}


/* 기본 아이콘 */

.svgIcon { background-image: url('../img/icon_global_sprite2.svg'); background-repeat: no-repeat; background-size: 129px 53px; }
.svgIcon.MgfGlassDG { background-position: 0px 0px; width: 18px; height: 18px; }
.svgIcon.TLineMenu { background-position: -19px -3px; width: 16px; height: 12px; }
.svgIcon.DownArrowDG { background-position: -39px 0px; width: 8px; height: 18px; margin: 0 0 0 6px; }
.svgIcon.UpArrowDG { background-position: -59px 0px; width: 8px; height: 18px; margin: 0 0 0 6px; }
.svgIcon.LoginDG { background-position: -78px -1px; width: 12px; height: 16px; }
.svgIcon.MgfGlassLG { background-position: 0px -19px; width: 18px; height: 18px; float:left; margin:1px 0 0 12px; }
.svgIcon.Close { background-position: -18px -19px; width: 18px; height: 18px; float:left; margin:1px 0 0 12px; }
.svgIcon.DownArrowLG { background-position: -39px -18px; width: 8px; height: 18px; margin:-4px 22px 0 6px; float:right; }
.svgIcon.UpArrowLG { background-position: -59px -18px; width: 8px; height: 18px; margin:-4px 22px 0 6px; float:right;}
.svgIcon.LoginLG { background-position: -78px -20px; width: 12px; height: 16px; float: left;}
.svgIcon.LeftArrowThick { background-position: -98px -20px; width: 12px; height: 15px;}
.svgIcon.RightArrowThick { background-position: -117px -20px; width: 12px; height: 15px;}
.svgIcon.RelatedNews { background-position: 0px -39px; width: 11px; height: 9px; float:left; margin-right:7px; }
.svgIcon.RelatedNewsWide { background-position: 0px -39px; width: 11px; height: 9px; float:left; margin-right:7px; margin-top:1px; }
.svgIcon.Question { background-position: -18px -38px; width: 18px; height: 18px; float:right; margin:7px 0 7px 6px; }
.svgIcon.RightArrow { background-position: -39px -39px; width: 7px; height: 12px; }
.svgIcon.RightArrowWhite { background-position: -59px -39px; width: 7px; height: 12px; }

/* spc 관련 이미지 */
.spcIcon { background-image: url('../img/icon_SBP_sprite.svg'); background-repeat: no-repeat; background-size: 32px 32px; }
.spcIcon.switchOff { background-position: 0px 1px; width: 32px; height: 16px; float:right; margin:8px 0 8px 6px; }
.spcIcon.switchOn { background-position: 0px -17px; width: 32px; height: 16px; float:right; margin:8px 0 8px 6px; }

/* 다이얼로그 탑 이미지 */
.svgImageDialogTop { background-image: url('../img/img_loginDialog_top.svg'); background-repeat: no-repeat; background-size: 24%; background-position: 0px 0px; width: 502px; height: 14px; }

/* 로고 이미지 */
.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; }
.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; }

/* 툴팀 아이콘 */
.svgToolTip { background-image: url('../img/img_poshytip_right.svg'); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; width: 6px; height: 18px; float:right; margin: 1px; }

/* 날씨 아이콘 */
.svgIconWeather { background-image: url('../img/icon_weather_c_sprite_20220810.svg'); background-repeat: no-repeat; background-size: 110px 44px; }
.svgIconWeather.Sunny { background-position: 0px 0px; width: 22px; height: 22px; }
.svgIconWeather.Dark { background-position: -22px 0px; width: 22px; height: 22px; }
.svgIconWeather.Cloudy { background-position: -44px 0px; width: 22px; height: 22px; }
.svgIconWeather.Shower { background-position: -66px 0px; width: 22px; height: 22px; }
.svgIconWeather.Rain { background-position: -88px 0px; width: 22px; height: 22px;}
.svgIconWeather.RainThunder { background-position: 0px -22px; width: 22px; height: 22px; }
.svgIconWeather.Thunder { background-position: -22px -22px; width: 22px; height: 22px;}
.svgIconWeather.RainSnow { background-position: -44px -22px; width: 22px; height: 22px;}
.svgIconWeather.Snow { background-position: -66px -22px; width: 22px; height: 22px; }

/* 자주 사용하는 폰트 설정 */
.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;*/ }

/* 팝업 마스크 (관련없는 영역 클릭시 창 닫기 용도) */
#popup_wrap_v2 {width:100%; background:#ffffff; border: solid 0px #cccccc; position:fixed; top:0%; z-index:9999; display:none;} 
#mask_v2 {width:100%; height:100%; position: fixed; background:rgba(255,255,255,1) repeat; top:0; left:0; z-index:9998; display:none; background-color:transparent;}

#popup_wrap2_v2 {width:100%; background:#ffffff; border: solid 0px #555555; position:fixed; top:0%; z-index:9999; display:none;} 
#mask2_v2 {width:100%; height:100%; position: fixed; background:rgba(255,255,255,1) repeat; top:0; left:0; z-index:9998; display:none; background-color:transparent;}

#popup_wrap2_v2_top {width:100%; background:#ffffff; border: solid 0px #555555; position:fixed; top:0%; z-index:9999; display:none;} 
#mask2_v2_top {width:100%; height:100%; position: fixed; background:rgba(255,255,255,1) repeat; top:0; left:0; z-index:9998; display:none; background-color:transparent;}

#maskTop {width:100%; height:100%; position: fixed; background:rgba(255,255,255,1) repeat; top:0; left:0; z-index:9998; display:none; background-color:transparent;}
#maskTop_top {width:100%; height:100%; position: fixed; background:rgba(255,255,255,1) repeat; top:0; left:0; z-index:9998; display:none; background-color:transparent;}
#maskLogo {width:100%; height:100%; position: fixed; background:rgba(255,255,255,1) repeat; top:0; left:0; z-index:9990; display:none; background-color:transparent;}
#maskLogoSearch {width:100%; height:100%; position: fixed; background:rgba(255,255,255,1) repeat; top:0; left:0; z-index:9990; display:none; background-color:transparent;}
#maskTopSearch {width:100%; height:100%; position: fixed; background:rgba(255,255,255,1) repeat; top:0; left:0; z-index:9990; display:none; background-color:transparent;}

.all_cont01 {width:1220px; margin: 0px auto; text-align: center;}

.all_div1 { width: 1220px; margin: 10px 0 0 0; }
.all_logo { float: left; text-align: left; margin: 4px 0 0 12px;}
.all_close { float: right; text-align: right; margin: 0 12px 0 0 ;}

.all_div2 { clear: both; width: 1220px; padding: 0 12px 0 12px; margin: 40px 0 0 0; text-align: left;}
.all_div3 { clear: both; width: 1220px; padding: 0 12px 0 12px; margin: 30px 0 0 0; text-align: left;}

.all_sec1 { float: left; width: 188px; text-align: left; margin: 0 64px 0 0;}
.all_sec1 img {text-align: left; margin: 0 0 5px 0; }
.all_sec1 ul { list-style-type:none; }
.all_sec1 li { padding-left:0px; }

.all_sec2 { float: left; width: 188px; text-align: left; margin: 0 0 0 0;}
.all_sec2 img {text-align: left; margin: 0 0 5px 0; }
.all_sec2 ul { list-style-type:none; }
.all_sec2 li { padding-left:0px; }

.all_tt { font-family:Arial, Helvetica, sans-serif; font-weight:600; line-height:130%; color:#007a4c; font-size:18px; text-align:left; margin: 0 0 8px 0; }
.all_tt a { text-decoration: none; color:#007a4c; }
.all_tt a:hover { text-decoration: none; color:#00582c; }
.all_tt a:active { text-decoration: none; color:#007a4c;}
.all_tt a:visited { text-decoration: none; color:#007a4c;}

.all_tt2nd { font-family:Arial, Helvetica, sans-serif; font-weight:400; line-height:180%; color:#333333; font-size:14px; text-align:left; }
.all_tt2nd a { text-decoration: none; color:#333333; }
.all_tt2nd a:hover { text-decoration: none; color:#007a4c /*#42883c*/; }
.all_tt2nd a:active { text-decoration: none; color:#333333;}
.all_tt2nd a:visited { text-decoration: none; color:#333333;}

.all_dashed1 { border-top:1px #cfcfcf dashed; width:100%; margin:30px 0 10px 0; }
.all_dashed2 { border-top:1px #cfcfcf dashed; width:100%; margin:10px 0 10px 0; }
.all_div5 { width: 1220px; text-align: left; vertical-align: top; }
.all_sns { float: right; width: 200px; margin: 8px 0 0 0; text-align: left; display:inline-block;}
.all_sns ul {list-style:none;}
.all_sns ul li { float:left; }
.all_sns ul li img{ float:left; line-height:18px; margin:0 10px 0 0; }
.all_sns ul li a {font-size:10px; font-weight: 600; text-align:left; }
.all_sns ul li a:hover {text-decoration: none;}

/* Login Popup Menu */

.modal {
  position: absolute;
  top: 200px;
  left: 1194px;
  width: 120px;
  height: 80px;

  display: none;

  background-color: rgba(0, 0, 0, 0);
  z-index: 9999;
}

.modal.show {
  display: block;
}

.modal_body {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 120px;
  
  padding: 0 10px;

  text-align: center;

  background-color: rgb(247, 247, 247);
  border-radius: 10px;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  border: 1px solid #d9d9d9;

  transform: translateX(-50%) translateY(-50%);
  z-index:9999;
}

.modal_body ul li:first-child {
  margin: -7px 0 0 -11px;
}

.modal_body ul li:nth-child(2) {
  margin-top: -7px;
}

.modal_body ul li:first-child a{
  border-top: none;
}

.modal_body ul li:nth-child(2) a{
  border-top: none;
}

.modal_body ul li a {
  float: left;
  width: 100%;
  padding: 13px 0;
  border-top: 1px dashed #d9d9d9;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
}

/* sbc tooltip */
.tooltip {
  position: absolute;
  top: 200px;
  left: 1194px;

  width: 180px;
  height: 20px;

  display: none;
  z-index: 9999;
}

.tooltip.show {
  display: block;
}

.tooltip_body {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 170px;
  height: 20px;
  
  padding: 0 5px;

  text-align: center;

  background-color: #777777;
  border-radius: 3px;

  transform: translateX(-50%) translateY(-50%);
  z-index:9999;
}

.tooltip_body p {
  margin-top: 3px;
  color: #ffffff;
}

/* cai tooltip */
.tooltip_cai {
  position: absolute;
  top: 200px;
  left: 1194px;

  width: 200px;
  height: 35px;

  display: none;
  z-index: 9999;
}

.tooltip_cai.show {
  display: block;
}

.tooltip_body_cai {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 190px;
  height: 35px;
  
  padding: 0 5px;

  text-align: center;

  background-color: #777777;
  border-radius: 3px;

  transform: translateX(-50%) translateY(-50%);
  z-index:9999;
}

.tooltip_body_cai p {
  margin-top: 3px;
  color: #ffffff;
}

/*********** 풀다운 메뉴 ***********/
	
.f-nav {z-index:9997; position:fixed; left:0; top:0; } 
.w-nav {z-index:9997; position:fixed; left:200px; top:0; } 
		
	
.searchLayer { text-align:center; height:25px; margin:-2px 0 0 0; padding:10px; background:#f5f5f5; display:none; }
.searchLayer img { vertical-align:top; margin:3px 0 0 12px;}
.searchLayer input{ height:21px; border: 1px solid #cccccc; background-color:#ffffff; font-size: 14px; line-height:130%; border-radius: 5px 5px 5px 5px; -webket-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; padding:0 5px; }
	
	

.topmenu-background-l1 { background-color: #F1F1F1; width:100%; height: 37px; }
.topmenu-background_01 { background:url('../img/globar_bg.gif') repeat-x 0 0; width:100%; height: 37px; }
.topmenu-background-l2 { background-color: #E9E9E9; width:100%; height: 36px; }
.topmenu-background-l3 { background-color: #F7F7F7; width:100%; height: 126px; box-shadow:0px 3px 5px #cecece;}

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

#closeTopmenu { width: 1220px; margin: 0px auto; height:20px; }
#closeTopmenuButton { width:18px; height:18px; float:right; margin:0 2px 2px 0; opacity: 70%;}
.leftmnbox { float: left; margin: 10px 0; text-align: left; display:inline-block;}

.smnbox_v22 {float:right; display:inline-block; padding-top: 9px;}
.smnbox_v22 ul li {float:left; margin:0px 0 0 10px; }

.rightmnbox { float: right; width: 1050px; margin: 10px 0;  text-align:right; display:inline-block;}
.rightmnbox ul li {float:right; margin: 0 0 0 17px;}
.rightmnbox ul li a { margin: 0; color:#555555; font-size:13px; font-family:'Roboto', sans-serif; font-weight:700; }
.rightmnbox ul li a:hover { color:#555555;}
.rightmnbox ul li:first-child {margin:0 0 0 20px;} 
.rightmnbox ul li:nth-last-child(12) {padding-left:20px; border-left:1px solid #777777; margin:0 20px;}
.rightmnbox ul li:nth-last-child(12) a {font-size:11px; font-family:Arial; font-weight:600; color:#555555;}
.rightmnbox ul li:nth-child(2) {margin:3px 0;}
.rightmnbox ul li:nth-child(3) {margin:0 20px 0 0;}
.rightmnbox ul li:nth-child(3) a {font-size:11px; font-family:Arial; font-weight:600; color:#555555;}

.searchContainer1 { text-align:center; }
.searchContainer1 img { vertical-align:top; }
.searchContainer1 input{float:left; margin-left:390px; height:21px; border: 1px solid #cccccc; background-color:#f5f5f5; font-size: 14px; line-height:130%; border-radius: 5px 5px 5px 5px; -webket-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; padding:0 5px; }

/*
.searchContainer_top { text-align:center; }
.searchContainer_top img { vertical-align:top; }
.searchContainer_top input{float:left; margin-left:390px; height:21px; border: 1px solid #cccccc; background-color:#f5f5f5; font-size: 14px; line-height:130%; border-radius: 5px 5px 5px 5px; -webket-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; padding:0 5px; }
*/

#searchContainer_top { text-align:center; width:260px; height:21px; display:none; z-index:9999; position:absolute; display:none; background-color:#ffffff; padding-left:5px;}
#searchContainer_top img { vertical-align:top; }
#searchContainer_top input{ width:193px; height:21px; border: 1px solid #cccccc; background-color:#f5f5f5; font-size: 14px; line-height:130%; border-radius: 5px 5px 5px 5px; -webket-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; padding:0 5px; }

/*********** 풀다운 메뉴 기사 슬라이드 ***********/

.topmenu-slide-photo { width:140px; height:86px; float:left; margin-right: 16px;}
.topmenu-slide-photo img { border: 1px solid #d5d5d5;}
.topmenu-slide-photo_num {position:absolute; color: white; background-color:#aeaeae; width:18px; height:18px; text-align:center; font-size:12px;}
.topmenu-slide-headline { line-height:22px; color:#555555; float:left; font-size:16px; text-align: left; width: 393px; height: 86px; margin-top:-3px;}
.topmenu-slide-headline a {height: 86px; display:table-cell; vertical-align:middle;}
.topmenu-slide-headline a p { white-space: normal; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color:#555555; }


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

li{
  list-style-type: none;
}

.simple_slideShowL{
  width: 549px;
  height: 86px;
  position: relative;
  overflow: hidden;  
  float:left; 
}

.simple_slidesL{
  position: absolute;
  left: 0;
  top: 0;
  width: 5500px; 
  transition: left 0.5s ease-out; 
}

.simple_slidesL li:first-child{
  /*margin-left: 19px;*/
}

.simple_slidesL li:not(:last-child){
  float: left;
  /*margin-right: 19px;*/
}

.simple_slidesL li{
  float: left;
}

.simple_slideShowR{
  width: 549px;
  height: 86px;
  position: relative;
  overflow: hidden;  
  float:left; 
}

.simple_slidesR{
  position: absolute;
  left: 0;
  top: 0;
  width: 5500px; 
  transition: left 0.5s ease-out; 
}

.simple_slidesR li:first-child{
  /*margin-left: 20px;*/
}

.simple_slidesR li:not(:last-child){
  float: left;
  /*margin-right: 20px;*/
}

.simple_slidesR li{
  float: left;
}

.simple_controller span{
  position:absolute;
  background-color: transparent;
  color: black;
  text-align: center;
  border-radius: 50%;
/*  padding: 10px 20px; */
  top: 50%;
  font-size: 1.3em;
  cursor: pointer;
}

.simple_prev{
  margin: 35px 20px 35px 8px;
  float:left;
  cursor: pointer;
}

.simple_next{
  margin: 35px 8px 35px 21px;
  float:left;
  cursor: pointer;
}


#simple_slides_separator {
  float:left; 
  height: 86px;
  width: 1px;
  margin: 0 20px;
  border-left:1px solid #cccccc;
}

/* ad */
.ad_fullsize_container { display:flex; align-items:center; justify-content:center; z-index:3; border-bottom: 1px solid #e5e5e5; width:100%; background-color:#ffffff; min-width:1220px;}
.ad_fullsize_container a { width: 970px; height: 130px; padding: 20px 0;}
.ad_fullsize_container a img { width: 970px; height: 90px; margin: 0;}

/*.ad_fullsize_container_noline { display:flex; align-items:center; justify-content:center; z-index:3; width:100%; background-color:#ffffff;}*/
.ad_fullsize_container_noline { float:left; width:100%; height:130px; margin:0 auto; background-color:#ffffff;}
.ad_fullsize_container_noline_div_upline { width:1220px; height:130px; padding: 20px 0; margin: 0 auto; border-top:1px solid #e5e5e5;}
.ad_fullsize_container_noline_div_bottomline { width:1220px; height:130px; padding: 20px 0; margin: 0 auto; border-bottom:1px solid #e5e5e5;}
.ad_fullsize_container_noline_div_noline { width:1220px; height:130px; padding: 20px 0; margin: 0 auto;}
.ad_fullsize_container_noline a { float:left; width: 970px; height: 90px; margin:0 125px;}
.ad_fullsize_container_noline a img { width: 970px; height: 90px; margin: 0;}

.ad_fullsize_container_upline { display:flex; align-items:center; justify-content:center; z-index:3; border-top: 1px solid #e5e5e5; width:100%; background-color:#ffffff;}
.ad_fullsize_container_upline a { width: 970px; height: 130px; padding: 20px 0;}
.ad_fullsize_container_upline a img { width: 970px; height: 90px; margin: 0;}

.ad_index_contents_left_boundary {float:left; width: 100%; padding-bottom: 40px;}
.ad_index_contents_left_container {width: 1240px; padding:0 10px; margin: 0px auto;}
.ad_index_contents_left {float:left; width:800px; height: 130px; padding: 40px 36px 0 36px; border-right:1px #eaeaea solid;}
.ad_index_contents_left img { width: 100%; height: 100%; margin: 0;}

.banner_3columns_seperate_line {width: 1220px; margin: 0 auto; border-bottom:1px #e5e5e5 solid;}

.logo_boundary {float:left; width:100%;}
.logo_container {width:1240px; height:115px; padding:35px 10px; margin: 0 auto; }
.logo_container_seperator {width:1220px; border-bottom: 1px solid #eaeaea;}

/*.header_menu_right {float:right;}
.header_menu_right_r {margin-top:15px; text-align:center; float: right; font-family: Arial; font-size: 11px; font-weight: bold;}
.header_menu_right_l {margin-top:20px; text-align:center; float: right; font-family: Arial; font-size: 11px; font-weight: bold;}
.header_menu_right_l a {margin-right:20px; float:left;}*/

#logo_menu_left {float:left; margin-top:-2px; width:388px; height:45px;}
#logo_menu_left a {float:left; height:50px;}
#logo_menu_right {float:right;}
#logo_menu_right_r {padding-top:13px; text-align:center; float: right; }
#logo_menu_right_l {padding:15.5px 0 15.5px 0; text-align:center; float: right; font-family: Arial; font-size: 11px; font-weight:600;}
#logo_menu_right_l a {margin-right:22px; float:left;  font-family: Arial; font-size: 11px; font-weight:600;}

#searchContainer_logo { text-align:center; width:260px; height:21px; z-index:9999; display:none; position:absolute;}
#searchContainer_logo img { vertical-align:top; }
#searchContainer_logo input{ height:21px; width:193px; border: 1px solid #cccccc; background-color:#f5f5f5; font-size: 14px; line-height:130%; border-radius: 5px 5px 5px 5px; -webket-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; padding:0 5px; }

/* menu_nav */

.main_nav { clear:both; margin: 0 auto; width:1240px; padding: 0 10px; position:relative; }

.main_mn2022 { float: left; text-align: left; display:inline-block; margin: 0 0 0 0; width:100%; height:32px;}
.main_mn2022 ul {list-style:none; }
.main_mn2022 ul li {float:left;  margin:8px 0 8px 38px;}

.main_mn2022 ul li:first-child { float:left;  margin:8px 0;}

.main_mn2022 ul li a {font-family: 'Roboto', sans-serif; font-weight:700; font-size:14px; color: #555555; display:inline-block; -webkit-transition:0.1s; -moz-transition:0.1s; -o-transition:0.1s; -ms-transition:0.1s; transition:0.1s;}
.main_mn2022 ul li:first-child a:hover {font-family: 'Roboto', sans-serif; font-weight:700; font-size:14px; color: #232323; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); -webkit-transform-origin:0 50%;  -moz-transition-origin:0 50%; -o-transition-origin:0 50%; -ms-transition-origin:0 50%; transform-origin:0 50%;}
.main_mn2022 ul li a:hover {font-family: 'Roboto', sans-serif; font-weight:700; font-size:14px; color: #232323; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.main_mn2022 ul li img{ float:left; vertical-align: middle; }

.main_mn2022 .spctext {float:right; margin: 8px 0 8px 40px; font-size:14px; color: #555555; font-family: 'Roboto', sans-serif; font-weight:700;}

.seperate_line_boundary {float:left; width:100%; min-width:1240px;}
.seperate_line {width: 1220px; margin: 0 auto; border-bottom:1px #eaeaea solid;}

/* weather & time */
.weather_time_boundary { float:left; width:100%;}
.weather_time_container { width:1240px; height:40px; padding: 0 10px; margin:0 auto;}
.weather_text { float: left; margin:9px 0;}
.weather_text ul li p {float:left; margin:5px 0 5px 5px; font-size:11px; font-weight:400; font-family:Arial;}

.weather_cai_ticker { float:left; height: 22px; overflow: hidden; margin: 0; padding: 0; list-style: none;}
.weather_cai_ticker li { height: 22px; padding: 0px; margin: 0px;}
#caiId {float:left; margin:12px 0 10px 5px;}

.date_info { float:right; color:#333333; text-align:right; width:180px; margin:14px 0; font-size:11px; font-weight:400; font-family:Arial;}

/* contents - top area */
.LD { font-family: 'Roboto', sans-serif; line-height:140%; font-weight:300; font-size:13px; color:#707070/*5a5a5a*/; }
.LD a:hover { text-decoration: none; color:#006380;/*#007765;*/ }

.top_contents_boundary { float:left; width:100%; }
.top_contents_container { width:1240px; padding: 0 10px; margin:0 auto;}


/* top area mode 2 (default) */
.top_relate_block { float:left; width:100%; margin-top:14px;}
.top_relate_sub { font-size:17px; margin-top:-4px;}

/*.top_relate_img { float:left; width:18px; height:16px; background: url('http://img.koreatimes.co.kr/www2/img/img_sprites_2020.png/dims/resize/200/optimize') 0px -52px;; background-repeat: no-repeat; margin:7px 0 0 0; vertical-align:top; }*/


/* both side */

.top_side_container {float:left; width:320px; margin-bottom:10px; }
.top_side_photo_top_div {float:left; width: 320px; height:198px; margin:0 0 14px 0; overflow:hidden }
.top_side_photo_top {float:left; width: 320px; height:198px; transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transition: all 0.3s ease-in-out; }
.top_side_photo_top:hover { float:left; width:320px; height:196px; margin:0 0 15px 0; transform: scale(1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1); }
.top_side_photo_top a {float:left; width:100%; height:100%; }
.top_side_photo_top_headline {float:left; width:100%; font-size:20px; line-height:26px; margin-top:-4px;}
.top_side_photo_top_headline a { text-decoration: none; color:#121212; }
/*.top_side_photo_top_headline a:hover { text-decoration: none; color:#006380;#007765; }*/

.top_side_container table {float:left; width:100%;  margin-top: 30px; border-spacing: 0;}
.top_side_container table td {vertical-align:top;}
.top_side_container table tr:first-child td:first-child { width: 132px; padding-right:10px;}
.top_side_container table td:first-child>a {float:left; height: 74px;}
.top_side_sub_headline {font-size: 16px; line-height:22px;}
.top_side_sub_headline>a {float:left; height:100%;  margin-top:-4px; color:#272727; }
/*.top_side_sub_headline a:hover { text-decoration: none; color:#006380;#007765; }*/

.top_side_relate_block { float:left; width:100%; margin-top:12px;}
.top_side_relate_sub { float:left; width:302px; font-size:17px; margin-top:-4px;}


/*********** center ***********/
.top_center_container {float:left; width:500px; margin: 0 40px 40px 40px; }
.top_center_photo_top_div { float:left; width: 500px; height:309px; margin:0 0 15px/*20px*/ 0; overflow:hidden }
.top_center_photo_top { float:left; width:500px; height:309px; transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transition: all 0.3s ease-in-out; }
.top_center_photo_top:hover { float:left; width:500px; height:306px; margin:0 0 15px 0; transform: scale(1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1); }
.top_center_photo_top a {float:left; width:100%; height:100%;}

.top_center_photo_top_headline {float:left; width:100%; font-size:28px; line-height:34px; margin-top:-6px;}
.top_center_photo_top_headline a { text-decoration: none; color:#121212; }
/*.top_center_photo_top_headline a:hover { text-decoration: none; color:#006380;#007765; }*/

.top_center_container table {float:left; width:100%; border-spacing: 0; margin-top: 30px;}
.top_center_container table td { vertical-align:top;}
.top_center_container table tr:first-child td:first-child { width: 132px; padding-right:12px;}
.top_center_container table tr:first-child td:first-child a {float:left; width: 100%; height:74px;}

.top_center_sub_headline {font-size:20px; line-height:26px; margin-top:-4px;}
.top_center_sub_headline a { text-decoration: none; color:#272727; }
/*.top_center_sub_headline a:hover { text-decoration: none; color:#006380;#007765; }*/

.top_center_relate_block { float:left; width:100%; margin-top:12px;}
.top_center_relate_sub { float:left; width:482px; font-size:17px; margin-top:-4px;}

/*********** top area mode 3 (Option 1) ***********/
.top_up_container {float:left; width:100%; margin-top:17px;}
.top_up_container table {float:left; width:100%; margin-bottom:40px; border-spacing: 0;}
.top_up_container td {float:left; width:830px; padding-left: 30px; vertical-align:top; }
.top_up_container td:first-child {float:left; width:390px; padding-left:0px}
.top_up_photo_div { float:left; width: 800px; height:494px; margin:0; overflow:hidden }
.top_up_photo { float:left; width: 800px; height:494px; margin:0; transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transition: all 0.3s ease-in-out; }
.top_up_photo:hover { float:left; width: 800px; height:491px; margin:0; transform: scale(1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1); }
.top_up_photo a {float:left; width: 100%; height:100%;}

.top_up_headline {float:left; width: 100%; margin: -8px 0 30px 0; font-size:34px; line-height:44px;}
.top_up_headline a { text-decoration: none; color:#000000;}
/*.top_up_headline a:hover { text-decoration: none; color:#006380;#007765; }*/

/*.top_up_lead {float:left; width: 100%; margin:-4px 0 10px 0; font-size:14px; line-height:20px; color:#808080; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}*/
.top_up_lead {float:left; width: 100%; margin:-4px 0 10px 0; font-size:14px; line-height:150%; color:#707070;}
.top_up_lead a {color:#707070;}

.top_up_relate_block { float:left; width:100%; margin-top:15px;}
.top_up_relate_sub { float:left; width:372px; font-size:17px; margin-top:-4px;}

.top_down_container {float:left; width:100%; }
.top_down_container table { float:left; width: 100%; border-spacing: 0; margin-bottom:25px;}
.top_down_container td {float:left; width:252px; padding-left:40px; vertical-align:top;}
.top_down_container td:first-child {float:left; width:212px; padding-left:0px; vertical-align:top;}
.top_down_container td img {float:left; width:212px; height: 131px; margin-bottom:10px;}
.top_down_headline {float:left; width: 100%; font-size:18px; line-height:24px; margin-top:-4px;}
.top_down_headline a { text-decoration: none; color:#000000;}
/*.top_down_headline a:hover { text-decoration: none; color:#006380;#007765; }*/

/*********** top area mode 4 (Option 2) ***********/
.top_one_container {float:left; width:100%; margin:26px 0 30px 0;}
.top_one_headline {float:left; width: 100%; margin-bottom: 30px; font-size:36px; line-height:38px; text-align:center;}
.top_one_headline a { text-decoration: none; color:#000000;}
/*.top_one_headline a:hover { text-decoration: none; color:#006380;#007765; }*/

.top_one_photo_div { float:left; width: 100%; height:430px; margin:0 0 5px 0; overflow:hidden }
.top_one_photo { float:left; width: 100%; height:430px; transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transition: all 0.3s ease-in-out; }
.top_one_photo a { float:left; width: 100%; height:430px;}
.top_one_photo:hover { float:left; width: 100%; height:430px; margin:0 0 20px 0; transform: scale(1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1); }

.top_one_container table {float:left; width:100%; border-spacing: 0; }
.top_one_container td {float:left; width:590px; }
.top_one_container td:first-child {float:left; width:630px; }

.top_one_relate_block { float:left; width:100%; margin-top:15px;}
.top_one_relate_sub { float:left; width:572px; font-size:20px; margin-top:-4px;}

/*.top_one_relate_sub { font-size:20px; line-height:26px; margin-top:7px;}*/

/* archive */
.archive_boundary { float:left; width:100%;}
.archive_container { width:1240px; padding: 0 10px; margin: 0 auto;}

.archive { position: relative; width: 100%; height: 35px; z-index: 5;}
.archive_side { float:left; width:505px; height:35px; border-bottom:1px solid #e5e5e5;} 
.archive_img { float:left; width:210px; height:35px; border-bottom:1px dashed #e5e5e5; }
.archive_bg { width: 600px;  margin: 40px 0; height:auto; overflow:hidden; background: url(../img/archive_pc_bgline2.jpg) 4px 7px repeat-y; background-color: #fff; background-size: 35px 5px;}
.archive_article { margin-left:30px;}
.archive_article li { vertical-align: top; text-align: left;   }

.archive_date { float: left; display: inline-block; padding: 0px 20px 0px 10px; font-size: 14px; color: #555555; font-family: Arial; line-height: 20px; text-align: left; vertical-align: top; font-weight: 400;}
.archive_HD { font-family: 'Lora', serif; font-weight: 500; font-size: 18px; color: #333333; line-height: 23px; text-align: left; vertical-align: top; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:normal; float:left; margin-top:-4px;}
.archive_article li { clear: both; }
.archive_article li a { float: left; padding-left: 12px; padding-bottom: 20px; background: url(../img/archive_pc_bl2.jpg) -26px 6px no-repeat; background-size: 35px 9px; }
.archive_article li:nth-last-child(1) a { float: left; padding-left: 12px; padding-bottom: 0px; background: url(../img/archive_pc_bl2.jpg) -26px 6px no-repeat; background-size: 35px 9px; }
.archive_article li a img { float: left; margin: 0px 10px 0px 0px; text-align: left; vertical-align: top; }
.archive_article li a td { vertical-align: top; }
.archive_td_image { width:126px; }

/* banner 3 columns */
/*.banner_3columns_boundary {float:left; width:100%;}*/
.banner_3columns_boundary {float:left; width:100%; min-width:1240px;}
.banner_3columns_single_contaner { width:1240px; padding: 15px 10px; margin:0 auto;}
.banner_3columns_single_image { display:flex; align-items:center; justify-content:center; z-index:3; width:100%;}

.banner_3columns_single_image a { width: 970px; height: 90px; margin: 0;}
.banner_3columns_single_image a img { width: 970px; height: 90px; margin: 0;}


.banner_3columns_contaner { width:1240px; padding: 0 10px; height:90px; border-bottom:1px #e5e5e5 solid; margin:0 auto;}
.banner_3columns_images { float:left; width: 380px; height:50px; margin:20px 40px 20px 0; }
.banner_3columns_images_last { float:right; width: 380px; height: 50px; margin:20px 0; }

/*********** index more ***********/
.index_more_aside_boundary { float:left; width:100%; padding:50px 0;}
.index_more_aside_container {width:1240px; padding: 0 10px; margin: 0 auto;}

/*********** index more left ***********/
.index_contents_left { float:left; width:800px; margin: 0;}
.index_more_div { float:left; width:100%; }
.index_more_left_wide { float:left; width:100%; border-right:1px #eaeaea solid;}
.index_more_article_wide { float:left; width:759px; margin:0 40px 40px 0; }
.index_more_article_wide table { float:left; width:100%; border-spacing: 0;}
.index_more_article_wide td { vertical-align: top; }
.index_more_photo_left_div { float:left; width: 200px; height:124px; margin:0 20px 0 0; overflow:hidden }
.index_more_photo_left { float:left; width:200px; height:124px; margin:0 20px 0 0; transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transition: all 0.3s ease-in-out; }
.index_more_photo_left:hover { float:left; width:200px; height:129px; margin:0 20px 0 0; transform: scale(1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1); }
.index_more_photo_left a {float:left; width:200px; height:124px;}

.index_more_headline a {width:539px; font-size:22px; line-height:30px; margin-top:-4px; float:left; height:100%; margin-bottom:16px; color:#272727; }

.index_more_lead {width:539px; font-size:14px; line-height:18px; color:#707070; text-align:left; margin:0 0 6px 0; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.index_more_lead a {color:#707070;}

.relate_block_wide { float:left; width:100%; margin-top:14px;}
.relate_wide { float:left; width:521px; font-size:18px; margin-top:-4px; }

/********************* aside right common *********************/
.index_contents_right {float:right; width:380px; margin: 0 0 0 40px;}
.aside_title { font-size: 20px; line-height:18px; margin-bottom: 30px;}
.aside_separator { clear:both; border-bottom: 1px dashed #e5e5e5; margin-bottom: 30px;}
.aside_top_num {float:left; width:30px; padding-right:9px; font-size:20px; color:#cfcfcf; word-wrap:normal; /*line-height:70px;*/ }

/********************* aside latest news & live *********************/
.aside_latest_headline {float:left; font-size: 16px; margin-top:-4px;}
.aside_latest_contents { float:left; width:100%; margin-bottom:15px;}
.aside_latest_contents img { float:right; margin-left:10px;}
.aside_latest_contents table { float:left; width:100%; margin-bottom:15px; border-spacing: 0;}
.aside_latest_contents table td { vertical-align: top; }
.aside_latest_contents table td:first-child { float:left; width: 281px; }
.aside_latest_headline a:hover { text-decoration: none; color:#333333; }

/********************* aside top 10 *********************/
.aside_top10_headline {float:left; font-size: 16px; margin-top:-4px;}
.aside_top10_contents { float:left; width: 100%; margin-bottom:15px;}
.aside_top10_contents img { float:left; }
.aside_top10_contents table { float:left; width:100%; border-spacing: 0; margin-bottom:15px;}
.aside_top10_contents table td { vertical-align: top; float:left; padding-right:10px; width:251px;}
.aside_top10_contents table td:first-child { float:left; padding-right:10px; width:129px;}
.aside_top10_headline a:hover { text-decoration: none; color:#333333; }

/********************* aside top 5 enter *********************/
.aside_top5ent_headline {float:left; font-size: 16px; margin-top:-4px;}
.aside_top5ent_contents { float:left; width: 100%; margin-bottom:15px;}
.aside_top5ent_contents img { float:left; }
.aside_top5ent_contents table { float:left; width:100%; border-spacing: 0; margin-bottom:15px;}
.aside_top5ent_contents table td { vertical-align: top; float:left; padding-right:10px; width:251px; }
.aside_top5ent_contents table td:first-child { float:left; padding-right:10px; width:129px;}
.aside_top5ent_headline a:hover { text-decoration: none; color:#333333; }

.top5enter {margin: 0;}
.aside_top_ad {float:left; width:100%; margin:0 0 0 40px;}
.aside_top_ad img {float:left; width:300px; margin-bottom:10px;}
.aside_bottom_ad {float:left; width:100%; margin:0 0 0 40px;}
.aside_bottom_ad img {float:left; width:300px; margin-bottom:10px;}


/*.aside_bottom_ad_top {float:left; width:300px; height:100px; margin-bottom:20px;}
.aside_bottom_ad_down {float:left; width:300px; height:200px;}*/


/********************* Section 공통 *********************/
.index_sec_area {clear:both; width: 1240px; padding: 0 10px; margin:0 auto;}
 
.index_sec_container { width: 1220px; margin: 0px auto; border-top: 1px solid #f1f1f1;}
.index_sec_container_noborder { width: 1240px; margin: 0px auto; padding: 0 10px;}
.index_sec_title { font-size:22px; line-height:18px; float: left; margin: 30px 0;}
.index_sec_title_sub { width: 1000px; font-size: 12px; height:78px; display:table-cell; vertical-align:middle;}
.index_sec_title_sub li { float: left;  margin-right:9px; color: #cccccc;}
.index_sec_title_sub li:first-child { float: left; margin: 0 20px;}
.index_sec_title_sub li a { float: left; color:#007a4c;}

.index_sec_title_sub_short { width: 100px; font-size: 12px; height:78px; display:table-cell; vertical-align:middle;}
.index_sec_title_sub_short li:first-child { float: left; margin: 0 20px;}

/********************* index enter, video, darkroomm common *********************/
.index_sec_evd_container { width: 1240px; margin: 0px auto; padding:0 10px;}
/*.index_sec_evd_container { width: 100%; margin: 0px auto; float:left;}*/

.index_sec_evd_div { float:left; width: 100%; padding-bottom:30px; }
.index_sec_evd_div li { float:left; width: 380px; margin-left:40px; }
.index_sec_evd_div li:first-child { float:left; width: 380px; margin-left:0px; }
.index_sec_evd_photo_div {float:left; width: 380px; height: 235px; margin: 0 0 15px 0; overflow:hidden;}
.index_sec_evd_photo { width: 380px; height: 235px; margin: 0 0 15px 0; transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transition: all 0.3s ease-in-out;}
.index_sec_evd_photo:hover { width: 380px; height: 231px; margin: 0 0 15px 0; transform: scale(1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1); }
.index_sec_evd_headline a {float:left; width:380px; text-align:left; font-size:19px; line-height:26px; margin:-4px 0 0 0; color:#272727; }
.index_sec_evd_headline_white a {float:left; width:380px; text-align:left; font-size:19px; line-height:26px; margin:-4px 0 0 0; color:#ffffff;}
.index_sec_evd_headline_white a:hover { text-decoration: none; color:#ffffff; }
.index_sec_evd_headline_white a .m_key { color: #efffc2;}
.index_sec_evd_headline_white .m_key::after { content: "|"; color: #efffc2; padding: 0px 6px 0px 6px; font-family:Helvetica, sans-serif;}

/********************* entertainment *********************/
.index_sec_ent_boundary { float:left; width:100%; background-color: #f7f7f7; min-width: 1240px;}

/********************* video *********************/
.index_sec_vid_boundary { float:left; width:100%; background-color: #333333; min-width: 1240px;}
.index_sec_vid_div { float:left; width:380px; height:235px; position: relative; margin-bottom: 15px;}

/********************* darkroom *********************/
.index_sec_dkrm_boundary { float:left; width:100%; padding: 20px 0 0 0; min-width: 1240px;}

/********************* opinion *********************/
.index_sec_opi_container { float:left; width: 100%; padding: 20px 0 0 0; margin: 0 auto;}
.index_sec_opi_div { float:left; width: 100%; padding-bottom:50px; border-bottom: 1px solid #e5e5e5;}
.index_sec_opi_edth_div { float:left; width: 429px; padding-right:40px;}
.index_sec_opi_editorial { width: 100%; }
.index_sec_opi_sub_title a {font-size: 13px; line-height:18px; color:#007a4c;}
.index_sec_opi_thoughts { width: 100%; margin-top: 30px;}
.index_sec_opi_columns { float:left; width: 471px; height:204px; border-left: 1px dashed #e5e5e5; border-right: 1px dashed #e5e5e5; padding: 0 40px; }
.index_sec_opi_sub_title_col {margin-bottom:-7px;}
.index_sec_opi_sub_title_col a {font-size: 13px; line-height:18px; color:#007a4c;}
.index_sec_opi_columns table {clear:both; float:left; border-spacing: 0; width: 100%; margin-top:20px;}
.index_sec_opi_columns table td {vertical-align:top;}
.index_sec_opi_columns table td:first-child {width: 110px;}
.index_sec_opi_cartoons { float:left; width: 320px; padding-left: 40px; }
.section_photo {width:280px; height:173px; margin-top:13px;}
.section_photo a {width:100%; height:100%; float:left;}

.index_sec_opi_edth_headline { font-size: 17px; line-height:24px; text-align: left; margin: 15px 0 0 0; background: url(https://www.koreatimes.co.kr/www2/img/ic_gray_3.jpg) no-repeat 0 10px; padding-left: 10px;}
.index_sec_opi_edth_headline a { color:#272727; }
.opinion_mugshot_left { float:left; width:110px; height:68px;  }
.opinion_mugshot_left a { float:left; width:110px; height:68px; }
.opinion_headline_left { float:left; font-size:17px; line-height: 24px; text-align:left; margin:-4px 0 5px 10px; }
.opinion_headline_left a { color:#272727; }


/********************* national *********************/
.index_sec_nat_container { float:left; width: 100%; padding: 20px 0 0 0;}
.index_sec_nat_div { float:left; width: 100%; padding: 0 0 50px 0; border-bottom: 1px solid #e5e5e5;}
.index_sec_nat_left { float:left; width: 540px; border-right: 1px dashed #e5e5e5;}
.index_sec_nat_photo_div {float:left; width: 500px; height: 309px; margin: 0 40px 15px 0; overflow:hidden;}
.index_sec_nat_photo { width: 500px; height: 309px; margin: 0 40px 15px 0; transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transition: all 0.3s ease-in-out; }

.index_sec_nat_photo a{ float:left; width: 100%; height: 100%; }
.index_sec_nat_photo:hover { width: 500px; height: 309px; margin: 0 40px 10px 0; transform: scale(1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1); }

.index_sec_nat_headline_left { font-size:22px; line-height:28px; width: 500px; float:left; color:#000000; text-align:left; margin-top:-4px;}
.index_sec_nat_headline_left a { color:#272727; }

.index_sec_nat_right { float:left; width: 680px; padding-left: 40px;}
.index_sec_nat_right li { float:left; width: 100%; padding: 20px 0;}
.index_sec_nat_right li:first-child { float:left; width: 100%; border-bottom: 1px dashed #e5e5e5; padding: 0 0 20px 0;}
.index_sec_nat_right li:nth-last-child(1) { float:left; width: 100%; border-top: 1px dashed #e5e5e5; padding: 20px 0 0 0;}
.index_sec_nat_text { float:left; width: 460px; height: 100px; margin-top:-4px;}
.index_sec_nat_headline_right { font-size:20px; line-height:26px; margin-bottom: 10px;}
.index_sec_nat_headline_right a { color:#272727; }
.index_sec_nat_lead_right { font-size:14px; line-height:18px; margin-bottom: 10px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.index_sec_nat_lead_right a { color:#707070; }
.index_sec_nat_image {float:right; width: 180px; height: 100px; padding: 0 0 0 17px;}
.index_sec_nat_image a {float:left; width: 100%; height: 100%; }

/********************* company & tech *********************/
.index_sec_com_tec_container { float:left; width: 100%; padding: 20px 0 0 0; }
.index_sec_com_tec_container_border { float:left; width: 100%; padding: 20px 0 50px 0; border-bottom: 1px solid #e5e5e5;}
.index_sec_com_tec_div { float:left; width: 100%; padding:0 0 50px 0; border-bottom: 1px solid #e5e5e5;}
.index_sec_com_tec_half { float:left; width: 590px; }
.index_sec_com_tec_half_right { float:left; width: 590px; margin-left:40px;}
.index_sec_com_tec_content { float:left; width: 100%; }
.index_sec_com_tec_photo { float:left; width: 285px; margin-right: 30px;}

.index_sec_com_tec_photo_image_div { float:left; width: 100%; height:176px; margin-bottom:12px; overflow:hidden;}
.index_sec_com_tec_photo_image { float:left; width: 100%; height:176px; transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transition: 
all 0.3s ease-in-out; }
.index_sec_com_tec_photo_image a{ float:left; width: 100%; height:100%;}
.index_sec_com_tec_photo_image:hover { float:left; width: 100%; height:171px; transform: scale(1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1); }

.index_sec_com_tec_photo_headline a { float:left; width: 100%; margin-bottom:12px; font-size: 18px; line-height:24px; color:#272727; margin-top:-4px;}
.index_sec_com_tec_photo_lead a { float:left; width: 100%; font-size: 14px; line-height:18px; color:#707070; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top:-4px;}

.index_sec_com_tec_text { float:left; width: 275px;}
.index_sec_com_tec_text li { width: 100%; padding: 20px 0; border-top: 1px dashed #e5e5e5;}
.index_sec_com_tec_text li:first-child { width: 100%; padding: 0 0 20px 0; border-top: 0;}
.index_sec_com_tec_text li:nth-last-child(1) { width: 100%; padding: 20px 0 0 0;}

.index_sec_com_tec_right { float:left; width: 610px; height: 100%; }
.index_sec_com_tec_photo_right { float:left; width: 300px; height: 100%; margin-right:10px;}
.index_sec_com_tec_text_right { float:left; width: 300px; height: 100%; }
.index_sec_com_tec_headline_right { margin-top:-4px;}
.index_sec_com_tec_headline_right a { font-size: 16px; line-height:23px; color:#272727; }

.index_sec_korean_trans {float:left; font-size: 15px; font-weight:500; /*line-height:30px;*/ color:#ffffff; background-color:#7da7d9; padding: 3px 10px; margin:-3px 0 0 10px; border-radius: 5px;}
.index_sec_korean_trans a {color:#ffffff;}

/********************* section page *********************/
.list2_article_headline_top { font-size:26px/*23px*/; line-height:1.3;  margin:0 0 15px 0; text-align:left;}
.list2_article_headline_top2 { font-size:22px; margin:0 0 8px 0; text-align:left; line-height:1.2;}
.list2_article_headline { font-size:18px; margin:0 0 8px 0; text-align:left; line-height:1.2;}

.list2_article_lead { font-size:14px; margin:0 0 10px 0; text-align:left; line-height: 140%; font-weight:300;}
.list2_article_lead a {color:#707070;}

.list_article_headline { font-size:22px; padding:0 0 10px 0; text-align:left; line-height: 1.3/*1.2*/;}
.list_article_lead { font-size:14px; margin:0 0 0 0; text-align:left; line-height: 1.4;}
.list_article_lead a { color:#707070;}

.section_main_left { clear:both; float:left; width:881px; margin:25px 0 0 0; padding-right:40px; border-right:1px #eaeaea solid; }
.section_main_right {float:right; width:300px; margin:30px 0 0 39px; }
.section_aside_title { font-size: 20px; line-height:18px; margin-bottom: 30px; float:left;}
.section_aside_top_num {float:left; width:30px; font-size:20px; color:#cfcfcf; padding-right:9px; word-wrap:normal; /*line-height:70px;*/ }

.section_aside_separator { clear:both; border-bottom: 1px dashed #e5e5e5; margin: 15px 0 30px 0;}

.section_aside_top10_contents { float:left; width: 100%; margin-bottom:15px;}
.section_aside_top10_contents img { float:left; }
.section_aside_top10_contents table { float:left; width:100%; border-spacing: 0; margin-bottom:15px;}
.section_aside_top10_contents table td { vertical-align: top; float:left; padding-right:10px; width:171px;}
.section_aside_top10_contents table td:first-child { float:left; width:129px; padding-right:10px; }
.section_aside_top10_contents table td:first-child a { float:left; width:89px; height:55px;}
.section_aside_top10_headline {float:left; width:171px; font-size:15px; color:#cfcfcf; margin-top:-4px; padding-right:10px;  }
.section_aside_top10_headline a:hover { text-decoration: none; color:#333333; }

.aside_box { clear:both; float:left; width:300px; border:1px solid #cccccc; border-radius: 5px 5px 5px 5px; -webket-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; padding:14px 14px 0 14px; box-shadow:0 2px #e1e1e1; margin-bottom:17px; }

/********************* seciton aside top 5 enter *********************/
.section_aside_top5ent_contents { float:left; width: 100%; margin-bottom:15px;}
.section_aside_top5ent_contents img { float:left; }
.section_aside_top5ent_contents table { float:left; width:100%; border-spacing: 0; margin-bottom:15px;}
.section_aside_top5ent_contents table td { vertical-align: top; float:left; padding-right:10px; width:171px;}
.section_aside_top5ent_contents table td:first-child { float:left; width:129px; padding-right:10px;}
.section_aside_top5ent_contents table td:first-child a { float:left; width:89px; height:55px;}
.section_aside_top5ent_headline {float:left; width:171px; font-size:15px; color:#cfcfcf; margin-top:-4px; padding-right:10px;}
.section_aside_top5ent_headline a:hover { text-decoration: none; color:#333333; }

/********************* sublist page *********************/
.sub_relate li { list-style-type:none; background:none; no-repeat 0 2px; padding-left:18px; line-height:130%; font-size:17px; color:#333333; }

/********************* view page *********************/
.view_headline { float:left; width:1020px; font-size:31px; line-height: 130%; color:#000000; text-align:left; font-weight:400;}
.view_mid_div { float:left; width:781px; padding-right:40px; border-right:1px #eaeaea solid; /*margin-right:35px;*/ }
.view_right_div { float:right; width:300px; text-align:left; margin:0px 0 0 39px;}

/********************* opinion page *********************/
.op2_columns li { background:url('../img/ic_gray_3.jpg') no-repeat 0 10px; padding-left:10px; line-height:150% }
.op2_OPED { font-size:20px; text-align:left; margin:0 0 7px 0; color:#333333; }

.op2_lead { font-size:14px; text-align:left; margin:0 0 20px 10px; line-height:1.4;}
.op2_lead a { color:#707070; }

/********************* blogs page *********************/
.st_article_headline { font-size:22px; margin:0 0 10px 0; text-align:left; line-height:1.3;}

.st_article_lead { font-size:14px; margin:0 0 10px 0; text-align:left; line-height:1.4;}
.st_article_lead a { color:#707070; }

/* footer */

.footer_div { float:left; margin:14px 0 15px 0;}
.footer_div1 { float:left; margin:0 0 0 50px; list-style-type:none; font-size:13px; line-height:270%; font-weight:400; color:#555555; text-align:left; width:125px; }
.footer_div1 a { text-decoration: none; color:#555555; }
.footer_div1 a:hover { text-decoration: none; color:#42883c; font-weight:600; }
.footer_div2 { float:left; margin:0 0 0 125px; list-style-type:none; font-size:13px; line-height:270%; font-weight:400; color:#555555; text-align:left; width:133px; }
.footer_div2 a { text-decoration: none; color:#555555; }
.footer_div2 a:hover { text-decoration: none; color:#42883c;  font-weight:600;}
.footer_div3 { float:left; margin:0 0 0 125px; list-style-type:none; font-size:13px; line-height:270%; font-weight:400; color:#555555; text-align:left; width:130px; }
.footer_div3 a { text-decoration: none; color:#555555; }
.footer_div3 a:hover { text-decoration: none; color:#42883c; font-weight:600; }
.footer_div4 { float:left; margin:0 0 0 125px; list-style-type:none; font-size:13px; line-height:270%; font-weight:400; color:#555555; text-align:left; width:150px; }
.footer_div4 a { text-decoration: none; color:#555555;}
.footer_div4 a:hover { text-decoration: none; color:#42883c; font-weight:600; }
.footer_div5 { float:left; margin:7px 0 0 90px; list-style-type:none; width:100px; }
.footer_div5 li { margin-bottom:11px; }
.footer_div5 li:last-child { margin-bottom:0px; }
.footer_div5 a { text-decoration: none; color:#555555;}
.footer_div5 a:hover { text-decoration: none; color:#42883c; font-weight:600; }

.footer_div6 { float:left; margin:0 0 0 125px; list-style-type:none; font-size:13px; line-height:270%; font-weight:400; color:#555555; text-align:left; width:150px; }


/* footer 20210405 new */

.footer_area { clear:both; margin: 0 auto; width: 100%; height: 310px; background-color: #353535; min-width: 1240px;}
.footer_w1220 { float: none; width: 1220px; margin: 0 auto; }
.footer_left { float: left; width: 255px; margin: 0 85px 0 10px; }
.footer_left_txt { clear: both; float: left; width: 100%; color: #cecece; font-size: 11px; line-height:150%; }
.footer_left_txt b { text-decoration: none; color: #cecece; font-weight: 600; }
.footer_left_txt a { text-decoration: none; color: #cecece; font-weight: 400; }
.footer_left_txt a:hover { text-decoration: none; color: #baff00; font-weight: 400; }

.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('https://img.koreatimes.co.kr/www2/img/footer_SNSicon.png/dims/resize/200/optimize'); background-repeat: no-repeat; }*/
.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/dims/resize/400/optimize'); 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; }

.footer_right { float: left; width: 870px; margin: 90px 0 0 0; }
.footer_r_div { float: left; width: 210px; margin: 0 10px 0 0; color: #cecece; font-size: 13px; font-weight:400; list-style-type:none; line-height:180%; text-align:left; }
.footer_r_div:last-child { margin: 0 0 0 0; }
.footer_r_div li { list-style: none; }

.footer_tt { color: #ffffff; font-size: 14px; font-weight: 600; margin: 0 0 10px 0; }

.footer_r_div a { text-decoration: none; color: #cecece; }
.footer_r_div a:hover { text-decoration: none; color: #baff00; }



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