@charset "UTF-8";
@import url('common.css');

/* 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 {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;}
#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;}
#logo_menu_right_l .LE_mn a {margin-right: 22px; float: left; color: #007a4c;}
#logo_menu_right_l .LE_mn a:hover {text-decoration: none; color: #2b9107;}
#logo_menu_right_l .LE_mn a:active {text-decoration: none; color: #007a4c;}
#logo_menu_right_l .LE_mn a:visited {text-decoration: none; color: #007a4c;}
#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; 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; transition: 0.1s;}
.main_mn2022 ul li:first-child a:hover {font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 14px; color: #232323; transform: scale(1.1, 1.1); transform-origin: 0 50%;}
.main_mn2022 ul li a:hover {font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 14px; color: #232323; 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;}
.LD a:hover {text-decoration: none; color: #006380;}
.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;}

/* 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); 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);}
.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: #000000;}
.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_relate_block {float: left; width: 100%; margin-top: 10px;}
.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 30px 40px;}
.top_center_photo_top_div {float: left; width: 500px; height: 309px; margin: 0 0 15px 0; overflow: hidden;}
.top_center_photo_top {float: left; width: 500px; height: 309px; 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);}
.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: #000000;}
.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_relate_block {float: left; width: 100%; margin-top: 10px;}
.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); transition: all 0.3s ease-in-out;}
.top_up_photo:hover {float: left; width: 800px; height: 494px; margin: 0; transform: scale(1);}
.top_up_photo a {float: left; width: 100%; height: 100%;}
.top_up_photo a img {float: left; width: 100%; height: 100%; object-fit: cover;}
.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_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; object-fit: cover;}
.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 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_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); 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);}
.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;}

/* 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; 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%; 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); 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);}
.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: #000000;}
.index_more_lead {width: 539px; font-size: 14px; line-height: 140%; color: #707070; text-align: left; margin: 0 0 6px 0; white-space: normal; display: -webkit-box; 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: #bcbcbc; word-wrap: normal;}

/********************* 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 {text-decoration: none; color: #333333;}
.aside_latest_headline a:hover {text-decoration: none; color: #101010;}

/********************* 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 {text-decoration: none; color: #333333;}
.aside_top10_headline a:hover {text-decoration: none; color: #101010;}

/********************* 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 {text-decoration: none; color: #333333;}
.aside_top5ent_headline a:hover {text-decoration: none; color: #101010;}
.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_top_bn {float: left; width: 100%; margin: 0 0 0 40px;}
.aside_top_bn img {float: left; width: 300px; margin-bottom: 10px;}
.aside_bottom_bn {float: left; width: 100%; margin: 0 0 0 40px;}
.aside_bottom_bn img {float: left; width: 300px; margin-bottom: 10px;}

/********************* 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_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); transition: all 0.3s ease-in-out;}
.index_sec_evd_photo:hover {width: 380px; height: 231px; margin: 0 0 15px 0; transform: scale(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: #000000;}
.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;}
.index_sec_evd_sub {font-size: 18px; font-weight: 500; color: #cffffd; margin: -5px 0 10px 0;}
.index_sec_evd_sub::before {content: " "; display: inline-block; margin-right: 8px; border-left: 3px solid #50fdff; height: 14px;}
.index_Sec_evd_sub a {text-decoration: none; color: #cffffd;}

/********************* 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 30px 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); 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);}
.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: #000000;}
.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 0 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: auto;margin-top: -4px;}
.index_sec_nat_headline_right {font-size: 20px; line-height: 26px; margin-bottom: 10px;}
.index_sec_nat_headline_right a {color: #000000;}
.index_sec_nat_lead_right {font-size: 14px;line-height: 18px;margin-bottom: 10px;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;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); 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);}
.index_sec_com_tec_photo_headline a {float: left; width: 100%; margin-bottom: 12px; font-size: 18px; line-height: 24px; color: #000000; 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; 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: #000000;}
.index_sec_korean_trans {float: left; font-size: 15px; font-weight: 500; color: #ffffff; background-color: #7da7d9; padding: 3px 10px; margin: -3px 0 0 10px; border-radius: 5px;}
.index_sec_korean_trans a {color: #ffffff;}