#wrap { background: #f7f7f7; } 

/*********************
 header 
 *********************/
#global_header_wrap { width: 100%; } 

/* top_util_belt 0202*/
#global_header_wrap .top_util_belt { height: 60px; } 
#global_header_wrap .top_util_belt .con_wrap { display: flex; justify-content: space-between; width: 1250px; margin: 0 auto; } 
#global_header_wrap .top_util_belt .con_wrap .sns_link_group ul { padding-top: 20px; } 
#global_header_wrap .top_util_belt .con_wrap .sns_link_group ul li { display: inline-block; padding: 0 5px; } 
#global_header_wrap .top_util_belt .editing_data { display: inline-block; vertical-align: bottom; font-size: 15px; color: #aaa; line-height: 45px; font-weight: 300; letter-spacing: 0; margin-top: 14px; } 
#global_header_wrap .top_util_belt .auth_links { display: inline-block; vertical-align: bottom; margin-top: 14px; } 
#global_header_wrap .top_util_belt .auth_links ul li { display: inline-block; vertical-align: bottom; line-height: 45px; font-size: 15px; font-weight: 300; } 
#global_header_wrap .top_util_belt .auth_links ul li:after { content: '｜'; display: inline-block; vertical-align: bottom; line-height: 45px; font-size: 15px; color: #aaa; margin: 0 9px 0 11px; } 
#global_header_wrap .top_util_belt .auth_links ul li a { color: #000; } 

/* main_brand_belt */
#global_header_wrap .main_brand_belt { width: 1250px; margin: 0 auto; height: 85px; position: relative; } 
#global_header_wrap .main_brand_belt .top_flex_add { position: relative; display: flex; justify-content: space-between; align-items: center; } 
#global_header_wrap .main_brand_belt .top_flex_add .layout_width_center .kwnews_tv { display: inline-block; padding-top: 25px; vertical-align: top; } 
#global_header_wrap .main_brand_belt .top_flex_add .layout_width_center .publish { display: inline-block; vertical-align: top; margin-left: 20px; font-size: 18px; font-weight: 500; color: #f41f1f; margin-top: 20px; } 
#global_header_wrap .main_brand_belt .top_flex_add .layout_width_center .publish span { font-size: 30px; font-weight: 600; } 
#global_header_wrap .main_brand_belt #brand_logo_center { position: absolute; top: -25px; left: 50%; transform: translateX(-50%); } 
#global_header_wrap .main_brand_belt #brand_logo_center img { max-width: 296px; } 
#global_header_wrap .main_brand_belt #brand_logo_center .brand_slogan { display: block; font-size: 18px; color: #c50f0b; text-align: center; font-weight: 400; margin-top: 10px; } 

/* main_nav_belt */
#global_header_wrap #main_nav_belt { width: 100%; background: #fff; -webkit-box-shadow: 0px 4px 9px 1px rgba(168, 168, 168, 0.26); box-shadow: 0px 4px 9px 1px rgba(168, 168, 168, 0.26); } 
#global_header_wrap #main_nav_belt .layout_width_center { width: 1250px; margin: 0 auto; } 
#global_header_wrap #main_nav_belt:after { content: ''; display: block; clear: both; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu { display: flex; align-items: center; width: 1250px; margin: 0 auto; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu .total_menu_btn { padding: 11px 16px 13px 0; height: 46px; cursor: pointer; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu .total_menu_btn .icon_line,
#global_header_wrap #main_nav_belt .btn_toggle_menu .total_menu_btn .icon_line,
#global_header_wrap #main_nav_belt .btn_toggle_menu .total_menu_btn .icon_line { display: block; margin: 5px 0; width: 20px; height: 2px; background-color: #3b3b3b; transition: 0.4s } 
#global_header_wrap #main_nav_belt .btn_toggle_menu .total_menu_btn.is_active .icon_line:nth-child(1) { -webkit-transform: rotate(-46deg) translate(-5px, 5px); transform: rotate(-46deg) translate(-5px, 5px); } 
#global_header_wrap #main_nav_belt .btn_toggle_menu .total_menu_btn.is_active .icon_line:nth-child(2) { opacity: 0; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu .total_menu_btn.is_active .icon_line:nth-child(3) { -webkit-transform: rotate(45deg) translate(-5px, -4px); transform: rotate(45deg) translate(-5px, -4px); } 
#global_header_wrap #main_nav_belt .change .bar1 { -webkit-transform: rotate(-46deg) translate(-5px, 5px); transform: rotate(-46deg) translate(-5px, 5px) } 
#global_header_wrap #main_nav_belt .change .bar2 { opacity: 0 } 
#global_header_wrap #main_nav_belt .change .bar3 { -webkit-transform: rotate(45deg) translate(-5px, -4px); transform: rotate(45deg) translate(-5px, -4px) } 
#global_header_wrap #main_nav_belt .btn_toggle_menu > .primary_menu_links { display: flex; align-items: center; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu > .primary_menu_links:after { content: ''; display: block; clear: both; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu > .primary_menu_links > li { font-size: 17px; padding: 0 20px; line-height: 50px; position: relative; white-space: nowrap; flex-shrink: 0; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu > .primary_menu_links > li > a { color: #000; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu > .primary_menu_links > li:nth-child(2) > a { color: #e01616 } 
#global_header_wrap #main_nav_belt .btn_toggle_menu > .primary_menu_links > li:nth-child(3) > a { color: #e01616 } 
#global_header_wrap #main_nav_belt .btn_toggle_menu > .primary_menu_links > li > ul { position: absolute; display: none; top: 0; left: 0; width: 150px; padding: 0 25px; border: 1px solid #1b75bb; background-color: #fff; z-index: 100; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu > .primary_menu_links > li > ul li { font-size: 15px; line-height: 37px; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu > .primary_menu_links > li > ul li a { color: #424242; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu > .primary_menu_links > li > ul li a.up { padding-right: 20px; display: inline-block; background: url(../images/common/icon_arw_gnbup.png) center right no-repeat; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu .gnb_down { display: inline-block; vertical-align: middle; margin-top: -3px; } 
#global_header_wrap #main_nav_belt .btn_toggle_menu .gnb_up { display: inline-block; vertical-align: middle; margin-top: -3px; } 
#global_header_wrap #main_nav_belt > .layout_width_center .search { height: 50px; display: flex; align-items: center; } 
#global_header_wrap #main_nav_belt > .layout_width_center .search input[type="text"] { padding: 0 5px; display: block; width: 180px; margin-right: 6px; height: 34px; color: #000; font-weight: 300; letter-spacing: 0em; border: 0; background-color: transparent } 
#global_header_wrap #main_nav_belt > .layout_width_center .search input[type="text"]:focus,
#global_header_wrap #main_nav_belt > .layout_width_center .search input[type="text"]:hover { outline: none; box-shadow: 0 0 5px rgba(81, 203, 238, 1); } 
#global_header_wrap #main_nav_belt > .layout_width_center .search input[type="text"]::-webkit-input-placeholder { color: #d1d1d1; font-weight: 100; } 
#global_header_wrap #main_nav_belt > .layout_width_center .search input[type="text"]::-ms-input-placeholder { color: #d1d1d1 } 
#global_header_wrap #main_nav_belt > .layout_width_center .search input[type="text"]::placeholder { color: #d1d1d1 } 
#global_header_wrap #main_nav_belt > .layout_width_center .search .search_btn { display: block; width: 30px; height: 30px; line-height: 50px; text-align: right; cursor: pointer } 
#global_header_wrap #main_nav_belt > .layout_width_center .search .search_btn img { margin-top: 6px } 

/* 전체 메뉴 */
.layout_sitemap_wrapper { padding: 0 0 30px 0; display: none; } 
.layout_sitemap_wrapper .sitemap_inner_box { width: 1270px; background: #fff; border: 1px solid #e5e5e5; margin: 0 auto; } 
.layout_sitemap_wrapper .sitemap_inner_box:after { content: ""; clear: both; display: block; } 
.layout_sitemap_wrapper .bottom_menu_top { height: 50px; line-height: 50px; text-align: center; border-bottom: 1px solid #e5e5e5; } 
.layout_sitemap_wrapper .bottom_menu_top .bottom_menu_arw { cursor: pointer; display: inline-block; margin-left: 10px; vertical-align: middle; width: 20px; height: 20px; transform: rotate(0); background: url(../images/common/bottom_menu_arw.gif) 0 0 no-repeat; } 
.layout_sitemap_wrapper .bottom_menu_top.on .bottom_menu_arw { transform: rotate(180deg); } 
.layout_sitemap_wrapper .sitemap_inner_box .site_category_menu { padding: 0 30px; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_category_menu > ul { display: flex; flex-wrap: wrap; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_category_menu > ul li.menu_group_col { flex: 1; vertical-align: top; margin: 30px 0 20px 0; max-width: 145px; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_category_menu > ul li.menu_group_col .group_heading { font-size: 14px; font-weight: 500; margin-bottom: 10px; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_category_menu > ul li.menu_group_col .group_heading a { color: #333; letter-spacing: -0.05em; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_category_menu > ul li.menu_group_col .group_heading a span { color: #f41f1f; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_category_menu > ul li.menu_group_col ul li { font-size: 14px; margin-bottom: 10px; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_category_menu > ul li.menu_group_col ul li a { color: #666; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_category_menu > ul li.menu_group_col.location ul { width: 130px; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_category_menu > ul li.menu_group_col.location ul li { display: inline-block; margin-right: 10px; } 

.layout_sitemap_wrapper .sitemap_inner_box .site_util_menu { padding: 0 30px; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_util_menu > ul.util_link_group { display: flex; flex-wrap: wrap; border-top: 1px solid #e5e5e5; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_util_menu > ul li.menu_group_col { flex: 1; vertical-align: top; margin: 30px 0 20px 0; max-width: 145px; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_util_menu > ul li.menu_group_col .group_heading { font-size: 14px; font-weight: 500; margin-bottom: 10px; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_util_menu > ul li.menu_group_col .group_heading a { color: #333; letter-spacing: -0.05em; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_util_menu > ul li.menu_group_col .group_heading a span { color: #f41f1f; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_util_menu > ul li.menu_group_col ul li { font-size: 14px; margin-bottom: 10px; } 
.layout_sitemap_wrapper .sitemap_inner_box .site_util_menu > ul li.menu_group_col ul li a { color: #666; } 


/*********************
 메인화면
 *********************/

/* container */
#container .con_wrap { margin: 0 auto; width: 1250px; position: relative; margin-top: 35px; } 
#container .con_wrap:after { content: ""; clear: both; display: block } 
#container .con_wrap .top_container { display: flex; gap: 40px; } 
#container .con_wrap .top_container .section { width: 870px; margin-bottom: 25px; } 
#container .con_wrap .top_container .section>h2 { padding-bottom: 20px; font-size: 32px } 
#container .con_wrap .top_container .right_contents { width: 340px; margin-top: 0; } 
#container .con_wrap .top_container .right_contents .main_banner { text-align:center; margin-top: 20px; margin-bottom: 20px; } 
#container .con_wrap .top_container .right_contents .main_banner img { max-width:340px; height:auto; } 
#container .con_wrap .top_container .center_flex { display: flex; gap: 20px; } 
#container .con_wrap .top_container .center_flex .left_area { width: 570px; border-right: 1px solid #f2f2f2; padding-right: 20px; flex-shrink: 0; } 
#container .con_wrap .top_container .center_flex .right_area { width: 280px; } 


/* 속보 시작 */
.breaking_news_container { position: relative; background: #fff; height: 60px; border: 1px solid #181818; padding: 14px 20px; margin-bottom: 20px; } 
.breaking_news_container .fr_title { float: left; background: #e01616; color: #fff; font-size: 14.5px; line-height: 30px; text-align: center; border-radius: 15px; width: 125px; margin-right: 20px; } 
.breaking_news_container ul { float: left; width: calc(100% - 145px); height: 30px; overflow: hidden; } 
.breaking_news_container ul li { width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right:50px; line-height: 30px; font-size: 16.5px; color: #626262; } 
.breaking_news_container ul li a { line-height: 30px; color:#626262; } 
.breaking_news_container .controls { position: absolute; z-index: 555; background: #fff; top: 20px; right: 20px; } 
.breaking_news_container .controls:after { content: ''; clear: both; display: block; } 
.breaking_news_container .controls span { float: left; width: 20px; height: 20px; border: 1px solid #dfdfdf; cursor: pointer; } 
.breaking_news_container .controls span.btn_prev { background: url(../images/ico/notice_prev.png) center center no-repeat; } 
.breaking_news_container .controls span.btn_next { margin-left: -1px; background: url(../images/ico/notice_next.png) center center no-repeat; } 


/* 탑뉴스*/
.top_head_news { width: 100%; } 
.top_head_news .main_head { width: 100%; } 
.top_head_news .main_head .thumb { position: relative; width: 100%; height: 350px; } 
.top_head_news .main_head .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.top_head_news .main_head .title { text-align: center; margin: 25px 0 25px 0; } 
.top_head_news .main_head .title a { font-size: 35.5px; font-weight: 600; color: #000; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; } 


/* 알립니다 */
.notice_news { position: relative; background: #fff; height: 60px; border: 1px solid #8da5db; padding: 14px 20px; } 
.notice_news:after { content: ''; clear: both; display: block; } 
.notice_news .fr_title { float: left; background: #8da5db; color: #fff; font-size: 14.5px; line-height: 30px; text-align: center; border-radius: 15px; width: 125px; margin-right: 20px; } 
.notice_news ul { float: left; width: calc(100% - 145px); height: 30px; overflow: hidden; } 
.notice_news ul li { line-height: 30px; font-size: 16.5px; color: #626262; } 
.notice_news ul li a { line-height: 30px; color:#626262; } 
.notice_news .controls { position: absolute; z-index: 555; background: #fff; top: 20px; right: 20px; } 
.notice_news .controls:after { content: ''; clear: both; display: block; } 
.notice_news .controls span { float: left; width: 20px; height: 20px; border: 1px solid #dfdfdf; cursor: pointer; } 
.notice_news .controls span.btn_prev { background: url(../images/ico/notice_prev.png) center center no-repeat; } 
.notice_news .controls span.btn_next { margin-left: -1px; background: url(../images/ico/notice_next.png) center center no-repeat; } 



/* 주요뉴스 */
.main_center_article ul.news_list_wrapper li { border-bottom: 1px solid #ededed; } 
.main_center_article ul.news_list_wrapper li:last-child { border-bottom: 0; } 
.main_center_article ul.news_list_wrapper li .headline_txt { font-size: 21.5px; font-weight: 600; line-height: 25px; padding: 12px 0 13px; } 
.main_center_article ul.news_list_wrapper li .headline_txt a { display: block; line-height: 25px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.main_center_article ul.news_list_wrapper li .media_flex { display: flex; } 
.main_center_article ul.news_list_wrapper li .media_flex .photo_area { width: 130px; height: 73px; margin: 0 15px 15px 0; overflow: hidden; margin-right: 12px; flex-shrink: 0; } 
.main_center_article ul.news_list_wrapper li .media_flex .photo_area img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.main_center_article ul.news_list_wrapper li .media_flex .summary_txt { font-size: 13.5px; line-height: 21px; max-height: 63px; overflow: hidden; margin-bottom: 10px; } 
.main_center_article ul.news_list_wrapper li .media_flex .summary_txt a { color: #999; font-weight: 500; } 


/* 인사.동정.부고 */
.hr_tab { border:1px solid #e5e5e5; background:#fff; margin-bottom: 20px; margin-top: 20px; } 
.hr_tab .tab_list { border-bottom:1px solid #e5e5e5; } 
.hr_tab .tab_list:after { content:''; clear:both; display:block; } 
.hr_tab .tab_list li { float:left; width:25%; cursor:pointer; text-align:center; background:#f1f1f1; line-height:38px; font-size:16px; font-weight:400; color:#717171; } 
.hr_tab .tab_list li.on { font-size:16px; font-weight:600; color:#000; background:#fff; } 
.hr_tab .tab_unit > div { display:none; } 
.hr_tab .tab_unit > div.on { display:block; padding:8px 15px; } 
.hr_tab .tab_unit > div ul li { font-size:14px; color:#000; line-height:24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.hr_tab .tab_unit > div ul li a { color:#000; } 


/* 윙배너 */
.wing_banner { position: fixed; width: 1250px } 
.wing_banner .wb_left { position: absolute; left: -200px; top: 70px; } 
.wing_banner .wb_right { position: absolute; right: -200px; top: 70px; } 


/* 오피니언 */
.main_opinion_article p { font-size: 19.5px; font-weight: 600; color: #000; margin-bottom: 15px; } 
.main_opinion_article ul li { display: flex; margin-bottom: 10px; } 
.main_opinion_article ul li:after { content: ""; clear: both; display: block; } 
.main_opinion_article ul li .thumb { width: 70px; height: 70px; border-radius: 50%; margin-right: 10px; overflow: hidden; } 
.main_opinion_article ul li .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.main_opinion_article ul li .title { width: calc(100% - 80px); font-size: 16px; line-height: 24px; max-height: 48px; overflow: hidden; margin-top: 10px; font-weight: 500; } 
.main_opinion_article ul li .title a { color: #000; } 

/* 사설 언중언 */
.main_editorial_article h2 { font-size: 19.5px; font-weight: 600; color: #000; margin-bottom: 15px; } 
.main_editorial_article ul li { padding: 0 0 15px 0; border-bottom: 1px solid #e1e1e1; } 
.main_editorial_article ul li:after { content: ""; clear: both; display: block; } 
.main_editorial_article ul li .thumb { float: left; width: 70px; height: 70px; border-radius: 50%; margin-right: 10px; overflow: hidden; } 
.main_editorial_article ul li .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.main_editorial_article ul li .list_title { font-size: 14px; font-weight: 500; color: #999; padding-top: 15px; } 
.main_editorial_article ul li .list_title a { color: #999; } 
.main_editorial_article ul li .title { width: 100%; font-size: 18px; line-height: 27px; max-height: 54px; overflow: hidden; margin-top: 5px; } 
.main_editorial_article ul li .title a { color: #333; } 


/* 심층기획 */
.main_depth_article h2 { font-size: 19.5px; font-weight: 600; color: #000; margin-bottom: 15px; } 
.main_depth_article ul li { margin-bottom: 20px; } 
.main_depth_article ul li:last-child { margin-bottom: 0; } 
.main_depth_article ul li .thumb { width: 100%; height: 158px; overflow: hidden; } 
.main_depth_article ul li .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.main_depth_article ul li .title { font-size: 17.5px; line-height: 27px; max-height: 54px; overflow: hidden; margin: 8px 0; } 
.main_depth_article ul li .title a { color: #000; } 


/* 포토뉴스 */
.main_photo_article h2 { font-size: 19.5px; font-weight: 600; color: #000; margin-bottom: 15px; } 
.main_photo_article ul li .title { font-size: 18px; line-height: 27px; max-height: 54px; overflow: hidden; margin: 8px 0 0 0; } 
.main_photo_article ul li .title a { color: #000; } 
.main_photo_article ul li .thumb { width: 280px; height: auto; overflow: hidden; } 
.main_photo_article ul li .thumb img { display: block; width: 100%; height: 100%; } 

/* 문화 */
.culture_news_wrap { display: flex; justify-content: space-between; gap: 40px; background-color: #f8f9fa; padding: 30px 0; border-top: 1px #333 solid; margin-top: 30px; } 
.culture_news_wrap .arti_box { display: flex; justify-content: space-between; background-color: #f8f9fa; padding: 30px 0; } 
.culture_news_wrap ul { list-style: none; } 
.culture_news_wrap a { text-decoration: none; color: #222; } 
.culture_news_wrap { display: flex; justify-content: space-between; gap: 40px; background-color: #f8f9fa; padding: 30px 0; } 
.primary_col { width: 400px; flex-shrink: 0; } 
.headline_box h2 { font-size: 22px; font-weight: 700; color: #111; margin-bottom: 20px; } 
.headline_box .article_item { display: flex; flex-direction: column; } 
.headline_box .img_wrap img { width: 100%; height: 223px !important; display: block; object-fit: cover; } 
.headline_box .news_heading { margin-top: 15px; font-size: 19.5px; font-weight: 700; line-height: 1.4; word-break: keep-all; } 
.secondary_col.width_450 { width: 450px; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; } 
.sub_news_box .article_item { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #e5e5e5; gap: 20px; } 
.sub_news_box .article_item:last-child { border-bottom: none; padding-bottom: 0; } 
.sub_news_box .article_item:first-child { padding-top: 0; } 
.sub_news_box .img_wrap { width: 150px; height: 90px; flex-shrink: 0; overflow: hidden; } 
.sub_news_box .img_wrap img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.sub_news_box .news_heading { font-size: 19.5px; line-height: 1.5; color: #333; word-break: keep-all; } 

/* 인물 */
.person_news_wrap { display: flex; justify-content: space-between; gap: 40px; background-color: #f8f9fa; padding: 30px 0; border-top: 1px #333 solid; margin-top: 30px; } 
.person_news_wrap .arti_box { display: flex; justify-content: space-between; background-color: #f8f9fa; padding: 30px 0; } 
.person_news_wrap ul { list-style: none; } 
.person_news_wrap a { text-decoration: none; color: #222; } 
.person_news_wrap { display: flex; justify-content: space-between; gap: 40px; background-color: #f8f9fa; padding: 30px 0; } 
.primary_col { width: 400px; flex-shrink: 0; } 
.arti_box .primary_col { width: 400px; flex-shrink: 0; margin-right: 25px; } 
.headline_box h2 { font-size: 22px; font-weight: 700; color: #111; margin-bottom: 20px; } 
.headline_box .article_item { display: flex; flex-direction: column; } 
.headline_box .img_wrap img { width: 100%; height: auto; display: block; object-fit: cover; } 
.headline_box .news_heading { margin-top: 15px; font-size: 19.5px; font-weight: 700; line-height: 1.4; word-break: keep-all; } 
.secondary_col.width_450 { width: 450px; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; } 
.sub_news_box .article_item { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #e5e5e5; gap: 20px; } 
.sub_news_box .article_item:last-child { border-bottom: none; padding-bottom: 0; } 
.sub_news_box .article_item:first-child { padding-top: 0; } 
.sub_news_box .img_wrap { width: 150px; height: 90px; flex-shrink: 0; overflow: hidden; } 
.sub_news_box .img_wrap img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.sub_news_box .news_heading { font-size: 19.5px; line-height: 1.5; color: #333; word-break: keep-all; } 


/* 스포츠 */
.sports_section_wrap * { box-sizing: border-box; margin: 0; padding: 0; } 
.sports_section_wrap ul { list-style: none; } 
.sports_section_wrap a { text-decoration: none; color: #222; } 
.sports_section_wrap { display: flex; justify-content: space-between; gap: 40px; background-color: #f8f9fa; padding: 30px 0; border-top: 1px #333 solid; } 
.sports_section_wrap .arti_box { display: flex; justify-content: space-between; background-color: #f8f9fa; } 
.arti_box .primary_sports_col { width: 570px; flex-shrink: 0; margin-right: 25px; } 
.primary_sports_col.w_570 { width: 570px; flex-shrink: 0; } 
.sports_main_box .section_title { font-size: 21.5px; font-weight: 800; color: #111; margin-bottom: 25px; position: relative; display: inline-block; } 
.sports_main_box .main_headline { font-size: 21.5px; line-height: 1.4; margin-bottom: 15px; word-break: keep-all; } 
.sports_main_box .main_thumbnail { margin-bottom: 15px; width: 100%; height: 215px; overflow: hidden; } 
.sports_main_box .main_thumbnail img { width: 100%; height: 223px; display: block; object-fit: cover; } 
.sports_main_box .article_summary { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; color: #666; line-height: 1.6; word-break: keep-all; } 
.sports_main_box .article_summary a { color: #777; } 
.secondary_sports_col.w_280 { width: 280px; flex-shrink: 0; } 
.sports_sub_box .article_item { margin-bottom: 20px; border-bottom: 1px solid #eaeaea; } 
.sports_sub_box .article_item:nth-child(2) .sub_thumbnail { display: none; } 
.sports_sub_box .article_item:nth-child(3) .sub_thumbnail { display: none; } 
.sports_sub_box .article_item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } 
.sports_sub_box .sub_headline { font-size: 19.5px; line-height: 1.4; margin-bottom: 12px; word-break: keep-all; } 
.sports_sub_box .sub_thumbnail { width: 100%; } 
.sports_sub_box .sub_thumbnail img { width: 100%; height: auto; display: block; object-fit: cover; } 


/* 강원일보 TV */
.media_broadcast_wrap * { box-sizing: border-box; margin: 0; padding: 0; } 
.media_broadcast_wrap ul { list-style: none; } 
.media_broadcast_wrap a { text-decoration: none; } 
.media_broadcast_wrap { font-family: 'Noto Sans KR', sans-serif; background-color: #f4f5f7; margin-bottom: 30px; } 

.spacing_mt30 { margin-top: 30px; } 
.video_section_box .header_bar { background: #031521; padding: 0 20px; height: 50px; display: flex; justify-content: space-between; align-items: center; } 
.video_section_box .header_bar h2 { font-weight: 700; font-size: 19.5px; color: #fff; display: flex; align-items: center; } 
.video_section_box .header_bar h2 .badge_tv { display: inline-block; background: #e01616; font-weight: 700; font-size: 18px; color: #fff; padding: 0 8px; line-height: 28px; border-radius: 4px; margin-left: 10px; } 
.video_section_box .header_bar .link_more { font-size: 14px; color: #fff; cursor: pointer; } 
.video_section_box .header_bar .link_more a { color: #fff; display: flex; align-items: center; } 
.video_section_box .header_bar .link_more img { display: inline-block; margin-left: 5px; } 

.video_section_box ul li .video_thumbnail { position: relative; width: 100%; height: 210px; } 
.video_section_box ul li .video_thumbnail img { display: block; width: 100%; height: 100%; object-fit: fill; } 
.video_section_box ul li .video_thumbnail .icon_play_btn { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1) url('../images/ico/icon_play1.png') center center no-repeat; background-size: 70px; } 
.video_section_box ul li .video_headline { font-size: 17.5px; font-weight: 500; margin-top: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.video_section_box ul li .video_headline a { color: #111; } 


/* 많이 본 뉴스 */
.popular_news_widget * { box-sizing: border-box; margin: 0; padding: 0; } 
.popular_news_widget ul { list-style: none; } 
.popular_news_widget a { text-decoration: none; color: #222; } 
.popular_news_widget { font-family: 'Noto Sans KR', sans-serif; background-color: #f4f5f7; width: 100%; max-width: 400px; margin-bottom: 30px; } 
.popular_news_widget .widget_title { font-size: 20px; font-weight: 800; color: #000; margin-bottom: 15px; } 

.top_news_wrapper { background-color: #fff; border: 1px solid #e1e1e1; } 
.top_news_wrapper .pop_news_list { counter-reset: ranking-counter; } 
.top_news_wrapper .news_item { display: flex; align-items: center; padding: 14px 15px; border-bottom: 1px solid #e1e1e1; counter-increment: ranking-counter; } 
.top_news_wrapper .news_item:nth-child(n+6) { display: none; } 
.top_news_wrapper.is_expanded .news_item:nth-child(n+6) { display: flex; } 
.top_news_wrapper .news_item::before { content: counter(ranking-counter); font-size: 24px; font-weight: 700; color: #000; width: 30px; text-align: center; margin-right: 15px; flex-shrink: 0; } 
.top_news_wrapper .news_headline { font-size: 16px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } 
.top_news_wrapper .btn_expand_more { text-align: center; padding: 14px 0; background-color: #f8f9fa; font-size: 15px; color: #333; cursor: pointer; user-select: none; } 
.top_news_wrapper .btn_expand_more:hover { background-color: #f1f1f1; } 


/* 우측 기자브랜드 */
.reporter_brand_widget * { box-sizing: border-box; margin: 0; padding: 0; } 
.reporter_brand_widget ul { list-style: none; } 
.reporter_brand_widget a { text-decoration: none; } 
.reporter_brand_widget { font-family: 'Noto Sans KR', sans-serif; background-color: #f4f5f7; width: 100%; max-width: 400px; margin-bottom: 30px; } 
.reporter_brand_widget .widget_header { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #111; } 
.reporter_brand_widget .widget_header a { font-size: 24px; font-weight: 700; color: #2b4b76; } 

.brand_list .brand_item { display: grid; grid-template-columns: 65px 1fr; grid-template-rows: auto auto; column-gap: 15px; row-gap: 8px; background-color: #f0f1f4; border-radius: 10px; padding: 15px; margin-bottom: 12px; } 
.brand_list .brand_item:last-child { margin-bottom: 0; } 
.brand_list .profile_img { grid-column: 1; grid-row: 1 / 3; width: 65px; height: 65px; border-radius: 12px; overflow: hidden; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } 
.brand_list .profile_img img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.brand_list .category_badge { grid-column: 2; grid-row: 1; justify-self: start; align-self: end; background-color: #355280; border-radius: 4px; padding: 6px 8px; } 
.brand_list .category_badge a { color: #fff; font-size: 12px; font-weight: 500; display: block; } 
.brand_list .article_subject { grid-column: 2; grid-row: 2; align-self: start; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } 
.brand_list .article_subject a { color: #111; font-size: 15px; font-weight: 500; } 


/* 라이프 */
.life_style_widget * { box-sizing: border-box; margin: 0; padding: 0; } 
.life_style_widget ul { list-style: none; } 
.life_style_widget a { text-decoration: none; color: #111; } 
.life_style_widget { font-family: 'Noto Sans KR', sans-serif; background-color: #f4f5f7; width: 100%; max-width: 400px; margin-bottom: 30px; } 
.life_style_widget .widget_head { font-size: 22px; font-weight: 800; color: #000; margin-bottom: 15px; } 

.content_list_wrap { display: flex; flex-direction: column; gap: 12px; } 
.content_list_wrap .article_row { display: flex; background-color: #fff; border: 1px solid #e1e1e1; padding: 4px; } 
.content_list_wrap .img_box { width: 90px; height: 90px; flex-shrink: 0; overflow: hidden; margin-right: 15px; } 
.content_list_wrap .img_box img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.content_list_wrap .text_box { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; overflow: hidden; } 
.content_list_wrap .main_title { font-size: 16px; font-weight: 500; line-height: 1.4; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.content_list_wrap .sub_title { font-size: 16px; font-weight: 500; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 


/* 포토슬라이드 */
.gallery_carousel_wrap * { box-sizing: border-box; margin: 0; padding: 0; } 
.gallery_carousel_wrap ul { list-style: none; } 
.gallery_carousel_wrap a { text-decoration: none; } 
.gallery_carousel_wrap { position: relative; font-family: 'Noto Sans KR', sans-serif; width: 1250px; margin: 0 auto; margin-bottom: 30px; } 

.gallery_viewport { width: 100%; overflow: hidden; } 
.gallery_list { display: flex; gap: 20px; transition: transform 0.4s ease-in-out; width: 100%; } 
.gallery_item { flex: 0 0 calc(33.3333% - 13.33px); } 
.img_wrapper { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background-color: #e5e5e5; } 
.img_wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.caption_title { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.65); padding: 12px 15px; } 
.caption_title a { color: #fff; font-size: 15px; font-weight: 500; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.nav_prev,
.nav_next { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 60px; cursor: pointer; z-index: 10; } 
.nav_prev { left: -60px; } 
.nav_next { right: -60px; } 
.nav_prev::before,
.nav_next::before { content: ''; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; border-top: 1px solid #333; border-right: 1px solid #333; } 
.nav_prev::before { transform: translate(-30%, -50%) rotate(-135deg); } 
.nav_next::before { transform: translate(-70%, -50%) rotate(45deg); } 
.nav_prev:hover::before,
.nav_next:hover::before { border-color: #000; border-width: 2px; } 


/* 지역뉴스 */
.local_area { display: flex; margin-bottom: 20px !important; margin: 0 -10px; } 
.local_area .local_news h2 { font-size: 21.5px; font-weight: 600; color: #000; margin-bottom: 27px; } 
.local_area .local_news h2 a { color: #000; } 
.local_area .local_news ul li:first-child .thumb { display: block; width: 100%; height: 165px; overflow: hidden; } 
.local_area .local_news ul li:first-child .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.local_area .local_news ul li:first-child .title { padding: 9px 15px; border-left: 1px solid #ededed; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; } 
.local_area .local_news ul li:first-child .title a { display: block; font-size: 17.5px; line-height: 27px; height: 54px; overflow: hidden; color: #333; font-weight: 500; } 
.local_area .local_news ul li .thumb { display: none; } 
.local_area .local_news ul li .title { padding: 9px 15px; border-left: 1px solid #ededed; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; } 
.local_area .local_news ul li .title a { display: block; font-size: 17.5px; line-height: 27px; height: 54px; overflow: hidden; color: #333; font-weight: 500; } 
.local_area .local_news { float: left; width: 25%; padding: 0 10px; } 


/* 지역리스트 */
.local-promo-widget { background-color: #ffffff; border: 1px solid #e5e5e5; box-sizing: border-box; overflow: hidden; } 
.promo-visual img { width: 100%; display: block; } 
.promo-selector { padding: 15px 20px 25px; } 
.selector-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } 
.selector-header h3 { margin: 0; font-size: 22px; font-weight: 700; color: #333; } 
.btn-nav { width: 30px; height: 30px; background-color: #fff; border: 1px solid #dcdcdc; color: #888; font-size: 14px; cursor: pointer; display: flex; align-items: center; justify-content: center; } 
.btn-nav:hover { background-color: #f5f5f5; } 
.region-grid-wrap { display: grid; grid-template-columns: repeat(6, 1fr); row-gap: 20px; column-gap: 5px; } 
.region-btn { background: none; border: none; padding: 0; font-size: 16px; color: #666; cursor: pointer; font-family: inherit; text-align: center; } 
.region-btn.is-active { color: #e60000; font-weight: 700; } 


/* 하단전체보기 */
.global_sitemap_wrapper * { box-sizing: border-box; margin: 0; padding: 0; } 
.global_sitemap_wrapper ul { list-style: none; } 
.global_sitemap_wrapper a { text-decoration: none; color: inherit; } 
.global_sitemap_wrapper { font-family: 'Noto Sans KR', sans-serif; width: 100%; max-width: 1250px; margin: 0 auto; margin-bottom: 30px; } 

.sitemap_inner_box { border: 1px solid #e5e5e5; background-color: #fff; } 
.sitemap_toggle_head { display: flex; justify-content: center; align-items: center; padding: 20px 0; font-size: 16px; font-weight: 500; color: #111; cursor: pointer; border-bottom: 1px solid #e5e5e5; user-select: none; } 
.ico_arrow { display: inline-flex; justify-content: center; align-items: center; width: 20px; height: 20px; border: 1px solid #ccc; margin-left: 10px; background-color: #fff; } 
.ico_arrow::before { content: ''; width: 8px; height: 8px; border-bottom: 1px solid #666; border-right: 1px solid #666; /* 평소 접혀있을 때: 아래(↓) 화살표 */
 transform: translateY(-2px) rotate(45deg); transition: transform 0.3s ease; } 
.sitemap_toggle_head.is_expanded .ico_arrow::before { transform: translateY(2px) rotate(225deg); } 
.sitemap_slide_container { display: grid; grid-template-rows: 1fr; transition: grid-template-rows 0.4s ease-out; } 
.sitemap_slide_container.is_closed { grid-template-rows: 0fr; } 
.sitemap_slide_inner { overflow: hidden; } 
.sitemap_content_body { padding: 35px; } 
.sitemap_group { width: 100%; } 
.top_group { padding-bottom: 35px; border-bottom: 1px solid #eee; } 
.bottom_group { padding-top: 35px; } 
.column_row { display: flex; justify-content: space-between; align-items: flex-start; } 
.column_item { flex: 1; padding-right: 10px; } 
.column_item:last-child { padding-right: 0; } 
.col_heading { font-size: 15px; font-weight: 700; color: #333; margin-bottom: 15px; } 
.col_heading_sub { font-size: 14px; font-weight: 400; color: #555; margin-bottom: 10px; } 

.text_red a { color: #e01616 !important; } 
.sub_list li { margin-bottom: 10px; } 
.sub_list a { font-size: 14px; color: #555; } 
.sub_list a:hover,
.col_heading_sub a:hover { text-decoration: underline; } 
.col_area { flex: 1.5; } 
.area_grid { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 10px; column-gap: 5px; } 
.area_grid li { margin-bottom: 0; } 

/* 지역신문배너 */
.local_news_banner { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: #fff; } 
.local_news_banner .local_banner_wrap { width: 1270px; margin: 0 auto; } 
.local_news_banner .local_banner_wrap:after { content: ""; clear: both; display: block; } 
.local_news_banner .local_banner_wrap ul { height: 60px; display: flex; justify-content: space-between; align-items: center; } 


/* footer */
#site_bottom_wrapper * { box-sizing: border-box; margin: 0; padding: 0; } 
#site_bottom_wrapper ul { list-style: none; } 
#site_bottom_wrapper a { text-decoration: none; } 
.global_footer_area { width: 1250px; margin: 0 auto; background-color: #f7f7f7; padding: 35px 0; border-top: 1px solid #ececec; } 
.footer_inner_box { max-width: 1250px; margin: 0 auto; display: flex; align-items: flex-start; gap: 30px; } 
.footer_logo_wrap { flex-shrink: 0; padding-top: 5px; } 
.footer_logo_wrap img { display: block; max-width: 150px; height: auto; } 
.company_info_wrap { flex-grow: 1; } 
.policy_link_list { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 12px !important; gap: 2px; } 
.policy_link_list li { position: relative; padding-right: 12px; margin-right: 12px; } 
.policy_link_list li:last-child { padding-right: 0; margin-right: 0; } 
.policy_link_list li::after { content: "ㅣ"; padding: 0 4px; } 
.policy_link_list li:last-child::after { display: none; } 
.policy_link_list li a { font-size: 14px; color: #333; font-weight: 500; } 
.policy_link_list li a:hover { text-decoration: underline; } 
.company_detail_text { font-size: 13.5px; color: #666; line-height: 1.7; letter-spacing: -0.3px; } 


/*********************
 섹션메인
 *********************/
.news-nav-container { display: flex; align-items: center; padding: 0 0 20px; background-color: #f8f9fa; } 
.news-nav-container .arti_box { display: contents; } 
.news-nav-title { font-size: 30px; font-weight: 700; color: #000; margin-right: 32px; letter-spacing: -1px; } 
.news-nav-list { display: flex; list-style: none; margin: 0; padding: 0; gap: 18px; } 
.nav-link { text-decoration: none; font-size: 16px; font-weight: 400; color: #737272; transition: color 0.2s ease, font-weight 0.2s ease; } 
.nav-link.text-highlight { color: #e01616; } 
.nav-link.text-highlight:hover { color: #e01616; font-weight: 600; } 
.nav-link:hover,
.nav-link.is-active { color: #000; font-weight: 600; } 
.nav-link.text-highlight.is-active { color: #e01616; font-weight: 600; } 

/* 좌측 리스트 */
.news-board-wrapper { width: 870px; background-color: #f6f6f6; padding: 16px 0 40px 0; flex-shrink: 0; } 
.lead-story-box { display: flex; gap: 30px; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; } 
.lead-story-box .arti_box { position: relative; width: auto; display: flex; gap: 30px; } 
.lead-story-box .story-media-link { flex: 0 0 48%; width: 400px; height: 230px; } 
.lead-story-box .story-img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.lead-story-box .story-text-wrap { flex: 1; display: flex; flex-direction: column; } 
.lead-story-box .story-heading { font-size: 32px; line-height: 1.4; margin-bottom: 16px; word-break: keep-all; letter-spacing: -1px; } 
.lead-story-box .story-heading a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #111; text-decoration: none; line-height: 1.4; } 
.lead-story-box .story-excerpt { font-size: 15px; color: #555; line-height: 1.6; word-break: keep-all; } 
.lead-story-box .story-excerpt a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: inherit; text-decoration: none; line-height: 1.5; } 
.regular-story-list { display: flex; flex-direction: column; gap: 20px; margin-bottom: 60px; } 
.regular-story-list .arti_box { display: flex; flex-direction: column; gap: 20px; margin-bottom: 60px; } 

.story-item-box { display: flex; gap: 24px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; } 
.story-item-box:last-child { border-bottom: none; padding-bottom: 0; } 
.story-item-box .story-media-link { width: 200px; height: 115px; overflow: hidden; flex: 0 0 25%; } 
.story-item-box .story_img { width: 100%; height: 100%; object-fit: cover; display: block; image-rendering: -webkit-optimize-contrast; } 
.story-item-box .story-text-wrap { flex: 1; display: flex; flex-direction: column; } 
.story-item-box .story-heading { font-size: 19px; font-weight: 700; line-height: 1.4; margin-bottom: 10px; word-break: keep-all; letter-spacing: -0.5px; } 
.story-item-box .story-heading a { color: #111; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; } 
.story-item-box .story-excerpt { font-size: 14px; color: #666; line-height: 1.6; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.story-item-box .story-excerpt a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: inherit; text-decoration: none; line-height: 1.7; } 


/*********************
 기사상세
 *********************/
.post-detail-container { width: 870px; margin: 0 auto; font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif; color: #111; flex-shrink: 0; padding: 34px; background-color: #fff; margin-bottom: 30px; } 
.post-header-box { padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; } 
.post-category-label { color: #e01616; font-size: 18px; font-weight: 400; margin-bottom: 10px; } 
.post-title-text { font-size: 40px; font-weight: 700; line-height: 1.3; margin-bottom: 25px; word-break: keep-all; letter-spacing: -1px; } 
.post-meta-row { display: flex; justify-content: space-between; align-items: flex-end; } 
.post-meta-row.bottom-bordered { background: #f7f7f7; padding: 15px 15px 18px; margin-top: 40px; margin-bottom: 40px; } 
.meta-left-col .author-info { font-size: 16px; font-weight: 400; margin-bottom: 20px; } 
.meta-left-col .date-info { font-size: 13px; color: #888; } 
.meta-right-col { display: flex; align-items: center; gap: 15px; } 
.btn-other-articles { font-size: 15px; color: #666; text-decoration: none; border: 1px solid #ddd; padding: 10px; background-color: #fff; } 

.tool-icon-group { display: flex; align-items: center; gap: 1px; border: 1px solid #ddd; } 
.tool-btn { width: 35px; height: 35px; background-color: #fff; border: none; border-right: 1px solid #ddd; padding: 5px 8px; font-size: 13px; color: #555; cursor: pointer; text-align: center; } 
.tool-btn.icon-print { background: url(../images/ico/icon_print.png) center center no-repeat; } 
.tool-btn.icon-speaker { width: 29px; height: 29px; background: url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'><path d='M10.75 0.75H11.5C11.5 0.33579 11.1642 0 10.75 0V0.75ZM10.75 18.75V19.5C11.1642 19.5 11.5 19.1642 11.5 18.75H10.75ZM4.64925 14.1695L5.30145 13.7992C5.1682 13.5645 4.91913 13.4195 4.64925 13.4195V14.1695ZM4.64925 5.2554V6.0054C4.91722 6.0054 5.16483 5.86243 5.2988 5.63035L4.64925 5.2554ZM15.2495 4.69058C14.9406 4.41469 14.4665 4.44149 14.1906 4.75045C13.9147 5.05941 13.9415 5.53353 14.2505 5.80942L15.2495 4.69058ZM14.2505 13.6906C13.9415 13.9665 13.9147 14.4406 14.1906 14.7495C14.4665 15.0585 14.9406 15.0853 15.2495 14.8094L14.2505 13.6906ZM15.4835 17.6988C15.1278 17.9111 15.0116 18.3716 15.2239 18.7272C15.4362 19.0829 15.8966 19.1991 16.2523 18.9869L15.4835 17.6988ZM16.3981 0.60171C16.0458 0.3838 15.5836 0.4927 15.3657 0.84496C15.1478 1.19722 15.2567 1.65943 15.6089 1.87735L16.3981 0.60171ZM10 0.75V18.75H11.5V0.75H10ZM10.75 18C9.3197 18 7.98176 17.0496 6.93091 15.9433C6.42013 15.4055 6.00943 14.8647 5.72613 14.4572C5.58497 14.2541 5.47667 14.0859 5.40459 13.9701C5.36857 13.9122 5.34169 13.8676 5.32434 13.8383C5.31567 13.8237 5.30939 13.813 5.30556 13.8063C5.30364 13.803 5.30214 13.8004 5.30145 13.7992C5.30149 13.7992 5.30111 13.7986 5.30145 13.7992C5.30154 13.7994 5.30145 13.7992 4.64925 14.1695C3.99705 14.5399 3.99716 14.5401 3.99729 14.5403C3.99718 14.5401 3.99734 14.5404 3.99729 14.5403C3.99751 14.5407 3.99807 14.5417 3.99837 14.5422C3.99897 14.5432 3.99973 14.5446 4.00065 14.5462C4.00249 14.5494 4.00497 14.5537 4.00808 14.559C4.0143 14.5698 4.02305 14.5847 4.03428 14.6037C4.05674 14.6415 4.08915 14.6953 4.13109 14.7627C4.21491 14.8973 4.33714 15.087 4.49448 15.3133C4.8082 15.7646 5.26643 16.3689 5.84334 16.9763C6.96786 18.1602 8.68033 19.5 10.75 19.5V18ZM4.64925 13.4195H1.75V14.9195H4.64925V13.4195ZM1.75 13.4195C1.61192 13.4195 1.5 13.3076 1.5 13.1695H0C0 14.1361 0.78351 14.9195 1.75 14.9195V13.4195ZM1.5 13.1695V6.2554H0V13.1695H1.5ZM1.5 6.2554C1.5 6.11732 1.61192 6.0054 1.75 6.0054V4.5054C0.78351 4.5054 0 5.28888 0 6.2554H1.5ZM1.75 6.0054H4.64925V4.5054H1.75V6.0054ZM4.64925 5.2554C5.2988 5.63035 5.29889 5.6302 5.2988 5.63035C5.29883 5.63029 5.29879 5.63038 5.2988 5.63035C5.29947 5.62919 5.30093 5.62671 5.30283 5.62348C5.30664 5.61702 5.31289 5.60649 5.32154 5.59216C5.33883 5.56349 5.36567 5.51965 5.40162 5.46283C5.47359 5.34909 5.58176 5.18384 5.72279 4.98429C6.0058 4.58383 6.41619 4.05228 6.92663 3.52369C7.9757 2.43734 9.3148 1.5 10.75 1.5V0C8.68524 0 6.97393 1.31536 5.84762 2.48171C5.27037 3.07947 4.81182 3.67427 4.49782 4.11857C4.34034 4.34141 4.21799 4.52813 4.13405 4.66079C4.09206 4.72716 4.0596 4.78012 4.03709 4.81745C4.02583 4.83611 4.01705 4.85088 4.0108 4.86147C4.00768 4.86676 4.00519 4.87102 4.00334 4.87419C4.00241 4.87578 4.00165 4.8771 4.00104 4.87814C4.00074 4.87866 4.00047 4.87912 4.00025 4.8795C4.0003 4.8794 4.00014 4.87969 4.00025 4.8795C4.00012 4.87972 3.9997 4.88045 4.64925 5.2554ZM14.2505 5.80942C14.5225 6.05239 14.7694 6.32472 14.9864 6.62176L16.1977 5.73705C15.9187 5.35499 15.6007 5.00411 15.2495 4.69058L14.2505 5.80942ZM14.9864 6.62176C15.6223 7.49239 16 8.5741 16 9.75H17.5C17.5 8.2482 17.0164 6.85802 16.1977 5.73705L14.9864 6.62176ZM16 9.75C16 10.9157 15.6288 11.9888 15.0029 12.8556L16.2189 13.7338C17.0247 12.618 17.5 11.2388 17.5 9.75H16ZM15.0029 12.8556C14.782 13.1615 14.5295 13.4414 14.2505 13.6906L15.2495 14.8094C15.6096 14.4879 15.9348 14.1271 16.2189 13.7338L15.0029 12.8556ZM16.2523 18.9869C19.3935 17.1119 21.5 13.6773 21.5 9.75H20C20 13.1277 18.19 16.0834 15.4835 17.6988L16.2523 18.9869ZM21.5 9.75C21.5 5.88372 19.4584 2.49489 16.3981 0.60171L15.6089 1.87735C18.2458 3.50861 20 6.42478 20 9.75H21.5Z' fill='%231C1B1F'/></svg>") no-repeat center center; background-size: 21px 21px; } 
.tool-btn.icon-speaker.active { background: url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M20.898 9.61255C21.1909 9.90545 21.1909 10.3803 20.898 10.6732L16.6553 14.9159C16.3624 15.2088 15.8876 15.2088 15.5947 14.9159C15.3018 14.623 15.3018 14.1481 15.5947 13.8552L19.8373 9.61255C20.1302 9.31966 20.6051 9.31966 20.898 9.61255Z' fill='%231C1B1F'/><path fill-rule='evenodd' clip-rule='evenodd' d='M15.5947 9.61255C15.8876 9.31966 16.3624 9.31966 16.6553 9.61255L20.898 13.8552C21.1909 14.1481 21.1909 14.623 20.898 14.9159C20.6051 15.2088 20.1302 15.2088 19.8373 14.9159L15.5947 10.6732C15.3018 10.3803 15.3018 9.90545 15.5947 9.61255Z' fill='%231C1B1F'/><path fill-rule='evenodd' clip-rule='evenodd' d='M6.54861 7.88067C6.54867 7.88056 6.54855 7.88078 6.54861 7.88067ZM6.54861 7.88067L6.55283 7.87348L6.57154 7.84216C6.58883 7.81349 6.61567 7.76965 6.65162 7.71283C6.72359 7.59909 6.83176 7.43384 6.97279 7.23429C7.2558 6.83383 7.66619 6.30228 8.17663 5.77369C9.04051 4.8791 10.101 4.08557 11.25 3.83329V20.165C10.1049 19.9085 9.0457 19.1037 8.18091 18.1933C7.67013 17.6555 7.25943 17.1147 6.97613 16.7072C6.83497 16.5041 6.72667 16.3359 6.65459 16.2201C6.61857 16.1622 6.59169 16.1176 6.57434 16.0883L6.55556 16.0563L6.55165 16.0496C6.55163 16.0495 6.55117 16.0487 6.55115 16.0487C6.55117 16.0487 6.55113 16.0487 6.55115 16.0487C6.41781 15.8144 6.16889 15.6695 5.89925 15.6695H3C2.86192 15.6695 2.75 15.5576 2.75 15.4195V8.5054C2.75 8.36732 2.86192 8.2554 3 8.2554H5.89925C6.1671 8.2554 6.4146 8.11256 6.54861 7.88067ZM5.48053 17.1695C5.5527 17.2815 5.64099 17.4145 5.74448 17.5633C6.0582 18.0146 6.51643 18.6189 7.09334 19.2263C8.21786 20.4102 9.93033 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21V3C12.75 2.58579 12.4142 2.25 12 2.25C9.93524 2.25 8.22393 3.56536 7.09762 4.73171C6.52037 5.32947 6.06182 5.92427 5.74782 6.36857C5.64452 6.51474 5.55634 6.64537 5.48419 6.7554H3C2.03351 6.7554 1.25 7.53888 1.25 8.5054V15.4195C1.25 16.3861 2.03351 17.1695 3 17.1695H5.48053Z' fill='%231C1B1F'/></svg>")no-repeat center center; background-size: 23px 23px; } 
.tool-btn.icon-fb { background: url(../images/ico/icon_fb.png) center center no-repeat; } 
.tool-btn.icon-x { background: url(../images/ico/icon_tw.png) center center no-repeat; } 
.tool-btn.icon-share { background: url(../images/ico/icon_share.png) center center no-repeat; } 
.tool-btn:last-child { border-right: none; } 

.post-tts-module { margin-bottom: 30px; } 
.tts-label { font-size: 16px; font-weight: 700; margin-bottom: 10px; } 
.tts-control-bar { display: flex; align-items: center; gap: 15px; border: 1px solid #ddd; border-radius: 5px; padding: 12px 20px; background-color: #fff; } 
.tts-control-bar .voice_action { display: flex; align-items: center; } 
.tts-play-btn { width: 28px; height: 28px; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3618_402)'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM9.5 16.5L16.5 12L9.5 7.5V16.5Z' fill='%231F1F1F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3618_402'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; border: 0; background-size: 28px 28px; } 

.tts-play-btn.active { width: 28px; height: 28px; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3619_410)'%3E%3Cpath d='M9 16H11V8H9V16ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM13 16H15V8H13V16Z' fill='%231F1F1F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3619_410'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; border: 0; background-size: 28px 28px; } 

.voice_action .tts-sound-icon { width: 28px; height: 28px; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3615_399)'%3E%3Cpath d='M3 8.99998V15H7L12 20V3.99998L7 8.99998H3ZM10 8.82998V15.17L7.83 13H5V11H7.83L10 8.82998ZM16.5 12C16.5 10.23 15.48 8.70998 14 7.96998V16.02C15.48 15.29 16.5 13.77 16.5 12ZM14 3.22998V5.28998C16.89 6.14998 19 8.82998 19 12C19 15.17 16.89 17.85 14 18.71V20.77C18.01 19.86 21 16.28 21 12C21 7.71998 18.01 4.13998 14 3.22998Z' fill='%231F1F1F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3615_399'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; border: 0; background-size: 28px 28px; } 

.voice_action .tts-sound-icon.active { width: 28px; height: 28px; cursor: pointer; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3618_407)'%3E%3Cpath d='M4.33969 2.93005L2.92969 4.34005L7.28969 8.70005L6.99969 9.00005H2.99969V15.0001H6.99969L11.9997 20.0001V13.4101L16.1797 17.5901C15.5297 18.0801 14.7997 18.4701 13.9997 18.7001V20.7601C15.3397 20.4601 16.5697 19.8401 17.6097 19.0101L19.6597 21.0601L21.0697 19.6501L4.33969 2.93005ZM9.99969 15.1701L7.82969 13.0001H4.99969V11.0001H7.82969L8.70969 10.1201L9.99969 11.4101V15.1701ZM18.9997 12.0001C18.9997 12.8201 18.8497 13.6101 18.5897 14.3401L20.1197 15.8701C20.6797 14.7001 20.9997 13.3901 20.9997 12.0001C20.9997 7.72005 18.0097 4.14005 13.9997 3.23005V5.29005C16.8897 6.15005 18.9997 8.83005 18.9997 12.0001ZM11.9997 4.00005L10.1197 5.88005L11.9997 7.76005V4.00005ZM16.4997 12.0001C16.4997 10.2301 15.4797 8.71005 13.9997 7.97005V9.76005L16.4797 12.2401C16.4897 12.1601 16.4997 12.0801 16.4997 12.0001Z' fill='%231F1F1F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3618_407'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; border: 0; background-size: 28px 28px; } 

.tts-progress-track { flex: 1; accent-color: #e01616; cursor: pointer; } 
.tts-volume-track { width: 80px; accent-color: #e01616; cursor: pointer; margin-right: 7px; } 
.tts-speed-select { border: 1px solid #ccc; padding: 4px 8px; font-size: 13px; color: #333; } 
.post-subtitle-text { border-left: 2px solid #626262; padding-left: 15px; font-size: 18px; color: #333; margin-bottom: 30px; line-height: 1.5; } 
.post-body-area { font-size: 17px; line-height: 1.7; color: #222; } 
figure { margin-bottom: 30px !important; text-align: center; display: table; margin: 16px auto; } 
figure img { max-width: 100%; height: auto; display: block; margin: 0 auto; } 
figcaption { display: table-caption; max-width: 100%; font-size: 12px; color: #666; line-height: 17px; padding: 10px; font-weight: 400; background-color: #f8f8f8; caption-side: bottom; } 
.post-body-area p { font-size: 18px; font-weight: 300; margin-bottom: 25px; word-break: keep-all; line-height: 1.7; } 
.comment-section-wrapper { margin-top: 20px; } 
.comment-header { font-size: 18px; font-weight: 700; margin-bottom: 15px; } 
.highlight-count { color: #e01616; } 
.comment-input-guest { border: 1px solid #ddd; padding: 15px 20px; color: #888; font-size: 14px; margin-bottom: 20px; background-color: #fafafa; } 
.comment-input-member { margin-bottom: 20px; } 
.comment-user-id { font-weight: 700; margin-bottom: 10px; font-size: 15px; } 
.comment-write-box { border: 1px solid #ddd; padding: 15px; background-color: #fff; } 
.comment-write-box textarea { width: 100%; min-height: 80px; border: none; resize: none; font-size: 14px; color: #333; outline: none; } 
.comment-write-box textarea::placeholder { color: #aaa; } 
.captcha-mock-img { margin: 10px 0; } 
.captcha-mock-img img { height: 60px; border: 1px solid #eee; } 
.comment-submit-row { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #eee; padding-top: 15px; margin-top: 10px; } 
.char-count { font-size: 13px; color: #888; } 
.btn-submit-comment { background-color: #e01616; color: #fff; border: none; padding: 8px 20px; font-size: 14px; font-weight: 600; cursor: pointer; border-radius: 3px; } 
.btn-cancel-edit { background-color: #fff; color: #555; border: 1px solid #ddd; padding: 7px 19px; font-size: 14px; font-weight: 600; cursor: pointer; border-radius: 3px; margin-right: 5px; } 
.comment-blocked-msg { text-align: center; color: #888; font-size: 13px; margin: 30px 0; } 
.comment-filter-row { display: flex; gap: 15px; border-bottom: 2px solid #222; padding-bottom: 10px; margin-bottom: 20px; } 
.filter-item { font-size: 15px; color: #888; cursor: pointer; } 
.filter-item.active { color: #111; font-weight: 700; } 
.comment-item-card { padding: 20px 0; border-bottom: 1px solid #eee; } 
.comment-item-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } 
.comment-user-info .user-id { font-weight: 700; font-size: 14px; margin-right: 10px; } 
.comment-user-info .reg-date { font-size: 12px; color: #999; } 
.comment-actions span { font-size: 12px; color: #999; margin-left: 10px; cursor: pointer; } 
.comment-item-body { font-size: 14px; color: #333; line-height: 1.6; margin-bottom: 15px; } 
.comment-item-footer { display: flex; justify-content: space-between; align-items: center; } 
.reply-status { font-size: 13px; color: #555; } 
.reaction-group { display: flex; gap: 10px; } 
.btn-reaction { background: none; border: none; color: #666; font-size: 13px; cursor: pointer; display: flex; align-items: center; gap: 5px; } 
.comment-edit-card { margin-top: 15px; padding-left: 20px; } 
.comment-pagination { display: flex; justify-content: center; gap: 20px; margin-top: 40px; margin-bottom: 50px; } 
.page-num { text-decoration: none; font-size: 14px; color: #666; } 
.page-num.active { color: #e01616; font-weight: 700; text-decoration: underline; } 

/* 댓글 */
.comment_wrap .count { font-size: 24px; margin: 0 0 25px 0; color: #333; } 
.comment_wrap .count span { color: #ff0000; } 
.comment_wrap .comment_write { width: 100%; margin-bottom: 40px; } 
.comment_wrap .comment_write:after { content: ''; clear: both; display: block; } 
.comment_wrap .comment_write textarea { float: left; width: calc(100% - 90px); height: 86px; padding: 10px; font-size: 15px; font-weight: 300; color: #444; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; resize: none; } 
.comment_wrap .comment_write .comment_btn { float: right; width: 90px; height: 86px; color: #fff; background: #2d203a; font-size: 18px; line-height: 86px; text-align: center; cursor: pointer; } 
.comment_wrap .orderby { padding-bottom: 10px; } 
.comment_wrap .orderby ul:after { content: ''; clear: both; display: block; } 
.comment_wrap .orderby ul li { float: left; font-size: 17px; color: #777; line-height: 28px; margin-right: 27px; cursor: pointer; } 
.comment_wrap .orderby ul li.on { color: #ff0000; border-bottom: 1px solid #ff0000; } 
.comment_wrap .orderby ul li:hover { color: #ff0000; border-bottom: 1px solid #ff0000; } 
.comment_wrap .comment_list .comment { border: 1px solid #d7d7d7; padding: 27px 25px 30px; } 
.comment_wrap .comment_list .comment_top { height: 30px; margin-bottom: 10px; } 
.comment_wrap .comment_list .comment_top:after { content: ''; clear: both; display: block; } 
.comment_wrap .comment_list .comment .name { float: left; line-height: 20px; font-size: 15px; color: #000; margin-right: 20px; } 
.comment_wrap .comment_list .comment .date { float: left; line-height: 20px; font-size: 13px; color: #a2a2a2; margin-right: 11px; } 
.comment_wrap .comment_list .comment .report { float: left; line-height: 20px; font-size: 13px; color: #a2a2a2; margin-left: 8px; } 
.comment_wrap .comment_list .comment .report a { color: #a2a2a2; } 

.comment_wrap .comment_list .comment .split { float: left; width: 1px; height: 11px; margin-top: 5px; background: #d7d7d7; } 
.comment_wrap .comment_list .comment .recommend { float: right; } 
.comment_wrap .comment_list .comment .recommend a { display: inline-block; color: #000; height: 20px; line-height: 20px; font-size: 13px; font-weight: 300; text-align: center; padding-left: 30px; margin-left: 5px; } 
.comment_wrap .comment_list .comment .recommend a.cmt_up { background: url(../images/common/icon_cmt_up.png) 10px 50% no-repeat; } 
.comment_wrap .comment_list .comment .recommend a.cmt_up:hover { color: #1b75bc; } 
.comment_wrap .comment_list .comment .recommend a.cmt_down { background: url(../images/common/icon_cmt_down.png) 10px 50% no-repeat; } 
.comment_wrap .comment_list .comment .recommend a.cmt_down:hover { color: #f44336; } 
.comment_wrap .comment_list .comment .comment_txt { font-size: 14px; color: #000; line-height: 25px; padding-bottom: 24px; } 
.comment_wrap .comment_list .comment .reply_btn { width: 70px; height: 25px; line-height: 23px; border: 1px solid #ff0000; color: #ff0000; font-size: 13px; text-align: center; cursor: pointer; } 
.comment_wrap .comment_more { text-align: right; font-size: 15px; font-weight: 300; color: #777; margin-top: 17px; margin-bottom: 30px; } 
.comment_wrap .comment_more strong { color: #000; font-weight: 600; } 
.comment_wrap .comment_more a { color: #000; } 

/* 페이징 */
.paging_wrap { display: block; width: 100%; } 
.paging_wrap > ul { display: flex; align-items: center; justify-content: center; margin-top: 25px; padding-bottom: 70px; } 
.paging_wrap > ul li + li { margin-left: 22px; } 
.paging_wrap > ul li a { color: #666; font-size: 13px; font-weight: 400; } 
.paging_wrap > ul li.on a { font-weight: bold; color: #e7000f; text-decoration: underline; } 
.paging_wrap .prev_btn, .paging_wrap .next_btn { display: inline-flex; width: 23px; height: 23px; } 
.paging_wrap .prev_btn { background: url(../images/ico/prev.png) no-repeat center center; margin-right: 10px; background-size: 5px; opacity: .45 } 
.paging_wrap .next_btn { background: url(../images/ico/next.png) no-repeat center center; margin-left: 10px; background-size: 5px; opacity: .45 } 
.paging_wrap .first_btn , .paging_wrap .end_btn { display: inline-flex; width: 10px; height: 23px; } 
.paging_wrap .first_btn { background: url(../images/ico/prev02.png) no-repeat center center; margin-right: 10px; background-size: 9px; opacity: .45 } 
.paging_wrap .end_btn { background: url(../images/ico/next02.png) no-repeat center center; margin-left: 10px; background-size: 9px; opacity: .45 } 


.meta-right-col { position: relative; } 
.meta-right-col .tool-icon-group { display: flex; align-items: center; gap: 0; } 
.meta-right-col .tool-icon-group .tool-btn { width: 36px; height: 36px; border: 1px solid #e5e5e5; background-color: #fff; cursor: pointer; } 
.meta-right-col .tool-icon-group .tool-btn.txt-down { padding-top: 6px; } 
.meta-right-col .share_layer_box { display: none; position: absolute; top: 45px; right: 0; width: 280px; padding: 20px; background-color: #fff; border: 1px solid #222; z-index: 1000; } 
.meta-right-col .share_layer_box .sns_list_wrap { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; } 
.meta-right-col .share_layer_box .sns_list_wrap li { width: calc(33.333% - 7px); text-align: center; } 
.meta-right-col .share_layer_box .sns_list_wrap li a { display: block; text-decoration: none; color: #333; font-size: 12px; } 
.meta-right-col .share_layer_box .sns_list_wrap li a img { width: 40px; height: 40px; margin-bottom: 8px; } 
.meta-right-col .share_layer_box .sns_list_wrap li a span { display: block; letter-spacing: -0.5px; } 
.meta-right-col .share_layer_box .url_copy_box { display: flex; align-items: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; } 
.meta-right-col .share_layer_box .url_copy_box input { flex: 1; height: 32px; padding: 0 10px; border: 1px solid #ddd; background: #f9f9f9; font-size: 12px; outline: none; } 
.meta-right-col .share_layer_box .url_copy_box span { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 32px; margin-left: 5px; background: #333; color: #fff; font-size: 12px; cursor: pointer; } 
.share_dim_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 999; } 



/*********************
 오피니언
 *********************/
 .regular-story-list.opinion_list .story-item-box .story-media-link { width: 200px; height: 250px; } 


 /*********************
 기자브랜드
 *********************/
.expert-column-wrapper { width: 870px; background-color: #f6f6f6; padding: 30px 0; font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif; } 
.expert-column-wrapper .expert-item-row { display: flex; align-items: stretch; margin-bottom: 15px; padding: 6px 10px; background-color: #fff; } 
.expert-column-wrapper .expert-item-row:last-child { margin-bottom: 0; } 
.expert-column-wrapper .expert-item-row .expert-profile-area { flex: 0 0 400px; display: flex; align-items: center; padding-right: 30px; } 
.expert-column-wrapper .expert-item-row .expert-profile-area .expert-link { display: flex; align-items: center; text-decoration: none; color: #111; width: 100%; } 
.expert-column-wrapper .expert-item-row .expert-profile-area .expert-link .expert-avatar { margin-right: 20px; flex-shrink: 0; } 
.expert-column-wrapper .expert-item-row .expert-profile-area .expert-link .expert-avatar img { width: 75px; height: 75px; object-fit: cover; display: block; } 
.expert-column-wrapper .expert-item-row .expert-profile-area .expert-link .expert-meta { display: flex; flex-direction: column; } 
.expert-column-wrapper .expert-item-row .expert-profile-area .expert-link .expert-meta .expert-name { font-size: 15px; color: #333; margin-bottom: 5px; } 
.expert-column-wrapper .expert-item-row .expert-profile-area .expert-link .expert-meta .expert-title { font-size: 20px; font-weight: 700; color: #111; letter-spacing: -0.5px; } 
.expert-column-wrapper .expert-item-row .expert-article-area { flex: 1; min-width: 0; } 
.expert-column-wrapper .expert-item-row .expert-article-area .article-card-link { display: flex; background-color: #fff; border: 1px solid #e0e0e0; text-decoration: none; color: #111; height: 100%; } 
.expert-column-wrapper .expert-item-row .expert-article-area .article-card-link .article-pic { flex: 0 0 150px; } 
.expert-column-wrapper .expert-item-row .expert-article-area .article-card-link .article-pic img { width: 100%; height: 100px; object-fit: cover; display: block; } 
.expert-column-wrapper .expert-item-row .expert-article-area .article-card-link .article-desc { flex: 1; padding: 16px 20px; display: flex; flex-direction: column; justify-content: center; min-width: 0; } 
.expert-column-wrapper .expert-item-row .expert-article-area .article-card-link .article-desc .article-subject { font-size: 16px; font-weight: 700; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.expert-column-wrapper .expert-item-row .expert-article-area .article-card-link .article-desc .article-snippet { font-size: 14px; color: #666; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 


 /*********************
 인터렉티브 뉴스
 *********************/
.interactive_wrap { width: 100%; max-width: 1000px; margin: 0 auto; font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif; background-color: #f6f6f6; padding-bottom: 50px; } 
.interactive_wrap .banner_area { width: 100%; margin-bottom: 30px; } 
.interactive_wrap .banner_area .banner_img { width: 100%; height: auto; display: block; } 
.interactive_wrap .news_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px; padding: 0 20px; } 
.interactive_wrap .news_grid .grid_item { width: 100%; } 
.interactive_wrap .news_grid .grid_item .item_link { display: block; text-decoration: none; color: #111; } 
.interactive_wrap .news_grid .grid_item .item_link:hover .item_txt { text-decoration: underline; } 
.interactive_wrap .news_grid .grid_item .item_link .item_pic { width: 100%; margin-bottom: 12px; overflow: hidden; } 
.interactive_wrap .news_grid .grid_item .item_link .item_pic img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; } 
.interactive_wrap .news_grid .grid_item .item_link .item_txt { font-size: 20px; font-weight: 500; line-height: 1.4; word-break: keep-all; letter-spacing: -0.5px; } 


 /*********************
 강원일보 TV
 *********************/
.video_portal_container { width: 100%; max-width: 1250px; } 
.video_portal_container .category_menu_row { display: flex; background-color: #eee; margin-bottom: 40px; } 
.video_portal_container .category_menu_row .menu_cell { flex: 1; text-align: center; padding: 16px 0; text-decoration: none; color: #666; font-size: 15px; } 
.video_portal_container .category_menu_row .menu_cell.is_active { background-color: #333; color: #fff; font-weight: 700; } 
.video_portal_container .video_grid_area { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 20px; margin-bottom: 60px; } 
.video_portal_container .video_grid_area .video_card_item { width: 100%; } 
.video_portal_container .video_grid_area .video_card_item .video_card_link { display: block; text-decoration: none; color: #111; } 
.video_portal_container .video_grid_area .video_card_item .video_card_link .video_thumb_frame { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; margin-bottom: 15px; background-color: #eee; } 
.video_portal_container .video_grid_area .video_card_item .video_card_link .video_thumb_frame img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.video_portal_container .video_grid_area .video_card_item .video_card_link .video_title_text { font-size: 16px; line-height: 1.4; font-weight: 700; margin-bottom: 10px; letter-spacing: -0.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.video_portal_container .video_grid_area .video_card_item .video_card_link .video_date_text { font-size: 13px; color: #999; } 
.pagination_row { display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 50px; grid-column: 1 / -1; } 
.pagination_row .page_btn { text-decoration: none; color: #999; font-size: 14px; } 
.pagination_row .page_btn.is_active { color: #e01616; font-weight: 700; } 


 /*********************
 PDF 리스트
 *********************/
.pdf_header_wrap { background-color: #f8f9fa; padding: 0 0 30px 0; } 
.pdf_header_wrap .pdf_main_title { font-size: 24px; font-weight: 700; color: #111; margin-bottom: 25px; letter-spacing: -1px; } 
.pdf_header_wrap .pdf_info_row { display: flex; justify-content: space-between; align-items: center; } 
.pdf_header_wrap .pdf_info_row .pdf_date_view { font-size: 26px; font-weight: 400; color: #111; } 
.pdf_header_wrap .pdf_info_row .pdf_date_view .color_blue { color: #1a5eb8; font-weight: 500; } 
.pdf_header_wrap .pdf_info_row .pdf_guide_lines { flex: 1; padding: 0 50px; color: #777; font-size: 14px; line-height: 1.6; } 
.pdf_header_wrap .pdf_info_row .pdf_guide_lines p { margin: 0 0 6px 0; letter-spacing: -0.5px; } 
.pdf_header_wrap .pdf_info_row .pdf_guide_lines p:last-child { margin-bottom: 0; } 
.pdf_header_wrap .pdf_info_row .pdf_search_panel { display: flex; flex-direction: column; } 
.pdf_header_wrap .pdf_info_row .pdf_search_panel .label_txt { font-size: 16px; color: #111; margin-bottom: 12px; letter-spacing: -0.5px; } 
.pdf_header_wrap .pdf_info_row .pdf_search_panel .input_box { display: flex; align-items: center; justify-content: space-between; background-color: #fff; border: 1px solid #ddd; padding: 8px 12px; width: 150px; } 
.pdf_header_wrap .pdf_info_row .pdf_search_panel .input_box span { color: #7f7f7f; } 
.pdf_header_wrap .pdf_info_row .pdf_search_panel .input_box .input_elem { width: 100px; border: none; outline: none; font-size: 15px; color: #111; font-family: inherit; } 
.pdf_header_wrap .pdf_info_row .pdf_search_panel .input_box .cal_icon { width: 18px; height: 18px; cursor: pointer; } 

.pdf_paper_container { padding: 30px 0; border-top: 1px #d7d7d7 solid; } 
.pdf_paper_container .pdf_paper_row { display: flex; background-color: #ffffff; border: 1px solid #e0e0e0; padding: 25px; margin-bottom: 20px; } 
.pdf_paper_container .pdf_paper_row .pdf_paper_visual { margin-right: 30px; width: 250px; flex-shrink: 0; } 
.pdf_paper_container .pdf_paper_row .pdf_paper_visual .pdf_link { display: block; border: 1px solid #ddd; } 
.pdf_paper_container .pdf_paper_row .pdf_paper_visual .pdf_link .pdf_img { width: 100%; height: auto; display: block; } 
.pdf_paper_container .pdf_paper_row .pdf_paper_content { flex: 1; } 
.pdf_paper_container .pdf_paper_row .pdf_paper_content .pdf_page_num { font-size: 18px; font-weight: 700; color: #9c2727; margin-bottom: 15px; letter-spacing: -0.5px; } 
.pdf_paper_container .pdf_paper_row .pdf_paper_content .pdf_headline_group { display: flex; flex-direction: column; gap: 12px; } 
.pdf_paper_container .pdf_paper_row .pdf_paper_content .pdf_headline_group .pdf_headline_txt { margin: 0; padding: 0; font-size: 16px; color: #222; line-height: 1; word-break: keep-all; font-weight: 500; } 
.pdf_paper_container .pdf_paper_row .pdf_paper_content .pdf_headline_group .pdf_headline_txt a { color: inherit; text-decoration: none; } 
.pdf_paper_container .pdf_paper_row .pdf_paper_content .pdf_headline_group .pdf_headline_txt a:hover { text-decoration: underline; } 


 /*********************
 로그인
 *********************/
#wrap:has(.login_container) { display: flex; flex-direction: column; min-height: 100vh; } 
div:has(.login_container) { flex: 1; display: flex; flex-direction: column; } 
.login_container { flex: 1; display: flex; align-items: center; justify-content: center; background-color: #f7f7f7; padding: 50px 0; } 
.auth_container { width: 100%; max-width: 460px; margin: 0; padding: 40px 20px; background-color: #ffffff; box-sizing: border-box; } 
.auth_container .auth_header { text-align: center; margin-bottom: 40px; } 
.auth_container .auth_header a { display: inline-block; text-decoration: none; } 
.auth_container .auth_header a img { height: 35px; display: block; } 
.auth_container .auth_greeting { text-align: center; font-size: 16px; color: #111; margin-bottom: 40px; letter-spacing: -0.5px; } 
.auth_container .auth_greeting .font_bold { font-weight: 700; } 
.auth_container .auth_form_area { width: 100%; } 
.auth_container .auth_form_area .input_row { margin-bottom: -1px; } 
.auth_container .auth_form_area .input_row .input_field { width: 100%; height: 50px; padding: 0 15px; border: 1px solid #ccc; box-sizing: border-box; font-size: 15px; color: #333; outline: none; } 
.auth_container .auth_form_area .input_row .input_field::placeholder { color: #999; } 
.auth_container .auth_form_area .find_account_row { text-align: right; margin-top: 10px; margin-bottom: 25px; } 
.auth_container .auth_form_area .find_account_row .find_link { font-size: 13px; color: #888; text-decoration: none; letter-spacing: -0.5px; } 
.auth_container .auth_form_area .submit_btn { display: block; width: 100%; background-color: #dd1111; color: #ffffff; text-align: center; font-size: 16px; font-weight: 700; padding: 16px 0; text-decoration: none; margin-bottom: 40px; } 
.auth_container .signup_prompt_row { text-align: center; font-size: 14px; color: #333; line-height: 1.7; margin-bottom: 50px; letter-spacing: -0.5px; } 
.auth_container .signup_prompt_row .signup_link { color: #111; font-weight: 700; text-decoration: none; border-bottom: 1px solid #111; padding-bottom: 1px; } 
.auth_container .social_divider { display: flex; align-items: center; margin-bottom: 30px; } 
.auth_container .social_divider::before { content: ""; flex: 1; border-bottom: 1px solid #e0e0e0; } 
.auth_container .social_divider::after { content: ""; flex: 1; border-bottom: 1px solid #e0e0e0; } 
.auth_container .social_divider .divider_text { padding: 0 15px; font-size: 14px; color: #888; } 
.auth_container .social_icon_group { display: flex; justify-content: center; gap: 20px; } 
.auth_container .social_icon_group .icon_link { display: block; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; text-decoration: none; } 
.auth_container .social_icon_group .icon_link img { width: 100%; height: 100%; display: block; object-fit: cover; } 


 /*********************
 회원가입
 *********************/
 #wrap:has(.signup_form_wrap) { display: flex; flex-direction: column; min-height: 100vh; } 
.signup_form_wrap { width: 100%; max-width: 460px; margin: 40px auto; padding: 40px 20px; background-color: #ffffff; box-sizing: border-box; } 
.signup_form_wrap .top_logo_area { text-align: center; margin-bottom: 30px; padding: 85px 0 37px 0; } 
.signup_form_wrap .top_logo_area a { display: inline-block; text-decoration: none; } 
.signup_form_wrap .top_logo_area a .logo_img { height: 35px; display: block; } 
.signup_form_wrap .welcome_msg { text-align: center; font-size: 16px; color: #111; margin-bottom: 30px; padding: 46px 0 50px 0; letter-spacing: -0.5px; } 
.signup_form_wrap .welcome_msg .strong_txt { font-weight: 700; } 
.signup_form_wrap .field_group { margin-bottom: 25px; } 
.signup_form_wrap .field_group .txt_input { width: 100%; height: 50px; padding: 0 15px; border: 1px solid #ccc; box-sizing: border-box; font-size: 15px; color: #333; outline: none; } 
.signup_form_wrap .field_group .txt_input_top { width: 100%; height: 50px; padding: 0 15px; border: 1px solid #ccc; border-bottom: none; box-sizing: border-box; font-size: 15px; color: #333; outline: none; } 
.signup_form_wrap .field_group .txt_input_bottom { width: 100%; height: 50px; padding: 0 15px; border: 1px solid #ccc; box-sizing: border-box; font-size: 15px; color: #333; outline: none; } 
.signup_form_wrap .field_group .info_msg { font-size: 14px; color: #111; margin-top: 10px; letter-spacing: -0.5px; } 
.signup_form_wrap .agreement_area { margin-top: 40px; margin-bottom: 40px; } 
.signup_form_wrap .agreement_area .agree_item_all { display: flex; align-items: center; margin-bottom: 25px; } 
.signup_form_wrap .agreement_area .agree_item_all .chk_box { width: 22px; height: 22px; margin: 0 10px 0 0; cursor: pointer; } 
.signup_form_wrap .agreement_area .agree_item_all .chk_label_main { font-size: 16px; font-weight: 700; color: #111; } 
.signup_form_wrap .agreement_area .agree_item { display: flex; align-items: center; margin-bottom: 15px; } 
.signup_form_wrap .agreement_area .agree_item .chk_box { width: 22px; height: 22px; margin: 0 10px 0 0; cursor: pointer; } 
.signup_form_wrap .agreement_area .agree_item .chk_label { font-size: 15px; color: #333; } 
.signup_form_wrap .agreement_area .agree_item .req_txt { font-size: 15px; color: #dd1111; margin-left: 5px; } 
.signup_form_wrap .agreement_area .agree_item .doc_btn { margin-left: auto; font-size: 13px; color: #888; background-color: #fff; border: 1px solid #ddd; padding: 4px 8px; cursor: pointer; } 
.signup_form_wrap .btn_submit_area { width: 100%; } 
.signup_form_wrap .btn_submit_area .action_btn { display: block; width: 100%; background-color: #dd1111; color: #ffffff; text-align: center; font-size: 16px; font-weight: 700; padding: 16px 0; text-decoration: none; } 


 /*********************
 회원정보 수정
 *********************/
.profile_edit_container { width: 100%; max-width: 1250px; padding: 50px 20px; box-sizing: border-box; background-color: #fff; margin-bottom: 60px; } 
.profile_edit_container .page_title { text-align: center; font-size: 28px; font-weight: 700; color: #333; margin-bottom: 40px; letter-spacing: -1px; } 
.profile_edit_container .form_content_box { background-color: #f7f7f7; border: 1px solid #e0e0e0; padding: 40px 50px; } 
.profile_edit_container .form_content_box .form_row { display: flex; align-items: center; margin-bottom: 30px; } 
.profile_edit_container .form_content_box .form_row:last-child { margin-bottom: 0; } 
.profile_edit_container .form_content_box .form_row .row_label { flex: 0 0 180px; font-size: 15px; font-weight: 600; color: #111; } 
.profile_edit_container .form_content_box .form_row .row_value { flex: 1; display: flex; align-items: center; font-size: 15px; color: #111; } 
.profile_edit_container .form_content_box .form_row .row_value .pwd_input { width: 220px; height: 38px; padding: 0 12px; border: 1px solid #ccc; background-color: #fff; box-sizing: border-box; font-size: 14px; outline: none; } 
.profile_edit_container .form_content_box .form_row .row_value .help_text { margin-left: 10px; font-size: 14px; color: #555; } 
.profile_edit_container .action_btn_group { display: flex; justify-content: center; gap: 5px; margin-top: 30px; } 
.profile_edit_container .action_btn_group .btn_item { display: inline-flex; align-items: center; justify-content: center; width: 100px; height: 40px; text-decoration: none; color: #ffffff; font-size: 14px; font-weight: 600; background-color: #888; } 
.profile_edit_container .action_btn_group .btn_confirm { background-color: #222222; } 
.profile_edit_container .action_btn_group .btn_cancel { background-color: #999999; } 
.profile_edit_container .action_btn_group .btn_leave { background-color: #dd1111; } 


 /*********************
 회원이용 약관
 *********************/
.terms_container { width: 100%; max-width: 1250px; margin: 0 auto; padding: 60px 40px; background-color: #fff; box-sizing: border-box; margin-bottom: 50px; } 
.terms_container .terms_main_title { font-size: 30px; font-weight: 700; color: #111; margin-bottom: 50px; letter-spacing: -1px; } 
.terms_container .terms_chapter_box { margin-bottom: 50px; } 
.terms_container .terms_chapter_box .chapter_title { font-size: 18px; font-weight: 700; color: #111; margin-bottom: 25px; } 
.terms_container .terms_chapter_box .article_group { margin-bottom: 35px; } 
.terms_container .terms_chapter_box .article_group .article_title { font-size: 16px; font-weight: 700; color: #333; margin-bottom: 12px; } 
.terms_container .terms_chapter_box .article_group .article_text { font-size: 15px; line-height: 1.7; color: #333; margin-bottom: 8px; word-break: keep-all; letter-spacing: -0.5px; } 


 /*********************
 개인정보 취급방침
 *********************/
.terms_container .terms_main_title { font-size: 30px; font-weight: 700; color: #111; margin-bottom: 50px; letter-spacing: -1px; } 


 /*********************
 청소년 보호정책
 *********************/
.terms_container .terms_chapter_box .terms_divider { width: 100%; height: 1px; background-color: #dddddd; margin: 40px 0; } 



 /*********************
 영상정보처리기기 운영 ․ 관리 방침
 *********************/
.terms_container .terms_main_title { font-size: 30px; font-weight: 700; color: #111; margin-bottom: 50px; letter-spacing: -1px; } 
.terms_container .terms_chapter_box { margin-bottom: 50px; } 
.terms_container .terms_chapter_box .article_group { margin-bottom: 35px; } 
.terms_container .terms_chapter_box .article_group .article_title { font-size: 16px; font-weight: 700; color: #333; margin-bottom: 12px; } 
.terms_container .terms_chapter_box .article_group .article_text { font-size: 15px; line-height: 1.7; color: #555; margin-bottom: 8px; word-break: keep-all; letter-spacing: -0.5px; } 
.terms_container .terms_chapter_box .article_group .margin_top_txt { margin-top: 15px; } 
.terms_container .terms_chapter_box .article_group .div_table { display: grid; border-top: 1px solid #333; border-left: 1px solid #ddd; margin-top: 15px; } 
.terms_container .terms_chapter_box .article_group .grid_2 { grid-template-columns: 1fr 1fr; } 
.terms_container .terms_chapter_box .article_group .grid_3 { grid-template-columns: repeat(3, 1fr); } 
.terms_container .terms_chapter_box .article_group .grid_6 { grid-template-columns: repeat(6, 1fr); } 
.terms_container .terms_chapter_box .article_group .div_table .div_th { background-color: #f4f4f4; font-weight: 700; color: #333; font-size: 14px; padding: 12px 10px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; display: flex; align-items: center; justify-content: center; } 
.terms_container .terms_chapter_box .article_group .div_table .div_div { color: #555; font-size: 14px; padding: 12px 10px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; display: flex; align-items: center; justify-content: center; } 
.terms_container .terms_chapter_box .article_group .div_table .span_4 { grid-column: span 4; } 


 /*********************
 구독신청
 *********************/
.sub_container { width: 100%; max-width: 1250px; margin: 0 auto; padding: 60px 40px; background-color: #fff; box-sizing: border-box; margin-bottom: 50px; } 
.sub_container .sub_header { margin-bottom: 40px; } 
.sub_container .sub_header .title_txt { font-size: 28px; font-weight: 700; color: #111; margin-bottom: 20px; } 
.sub_container .sub_header .desc_txt { font-size: 15px; color: #555; margin-bottom: 8px; } 
.sub_container .sub_header .price_txt { font-size: 16px; font-weight: 700; color: #111; } 
.sub_container .sub_body { border-top: 1px solid #ddd; } 
.sub_container .sub_body .input_line { display: flex; align-items: center; border-bottom: 1px solid #ddd; padding: 20px 0; } 
.sub_container .sub_body .input_line .label_box { flex: 0 0 160px; font-size: 17px; color: #333; font-weight: 600; } 
.sub_container .sub_body .input_line .field_box { flex: 1; display: flex; align-items: center; } 
.sub_container .sub_body .input_line .field_box .txt_box { width: 100%; height: 42px; padding: 0 15px; border: 1px solid #ccc; box-sizing: border-box; font-size: 15px; color: #333; outline: none; } 
.sub_container .sub_body .input_line .field_box .sel_box { width: 100%; height: 42px; padding: 0 10px; border: 1px solid #ccc; box-sizing: border-box; font-size: 15px; color: #333; outline: none; } 
.sub_container .sub_body .input_line .field_box .short_box { width: 120px; } 
.sub_container .sub_body .input_line .field_box .unit_txt { margin-left: 10px; font-size: 15px; color: #111; } 
.sub_container .sub_body .input_line .field_box .date_box { width: 250px; } 
.sub_container .sub_body .addr_line { align-items: flex-start; } 
.sub_container .sub_body .addr_line .label_box { padding-top: 10px; } 
.sub_container .sub_body .addr_line .field_box { flex-direction: column; align-items: flex-start; } 
.sub_container .sub_body .addr_line .field_box .zip_row { display: flex; gap: 10px; margin-bottom: 10px; } 
.sub_container .sub_body .addr_line .field_box .zip_row .zip_box { width: 200px; background-color: #f9f9f9; } 
.sub_container .sub_body .addr_line .field_box .zip_row .btn_find { height: 42px; padding: 0 25px; border: 1px solid #333; background-color: #fff; color: #111; font-size: 14px; cursor: pointer; } 
.sub_container .sub_body .addr_line .field_box .addr_row { display: flex; gap: 10px; width: 100%; } 
.sub_container .sub_body .addr_line .field_box .addr_row .detail_box { flex: 1; background-color: #f9f9f9; } 
.sub_container .sub_body .addr_line .field_box .addr_row .rest_box { flex: 1; } 
.sub_container .sub_body .terms_line { align-items: flex-start; border-bottom: none; } 
.sub_container .sub_body .terms_line .label_box { padding-top: 10px; line-height: 1.6; } 
.sub_container .sub_body .terms_line .label_box > div { line-height: 1.4; } 
.sub_container .sub_body .terms_line .field_box { flex-direction: column; align-items: stretch; } 
.sub_container .sub_body .terms_line .field_box .scroll_terms { height: 150px; overflow-y: auto; border: 1px solid #ccc; background-color: #f4f4f4; padding: 20px; margin-bottom: 15px; } 
.sub_container .sub_body .terms_line .field_box .scroll_terms .terms_p { font-size: 15px; color: #333; line-height: 1.6; margin-bottom: 15px; } 
.sub_container .sub_body .terms_line .field_box .scroll_terms .terms_p:last-child { margin-bottom: 0; } 
.sub_container .sub_body .terms_line .field_box .agree_row { display: flex; align-items: center; gap: 8px; margin-bottom: 30px; } 
.sub_container .sub_body .terms_line .field_box .agree_row .chk_agree { width: 16px; height: 16px; cursor: pointer; margin: 0; } 
.sub_container .sub_body .terms_line .field_box .agree_row .chk_txt { font-size: 14px; color: #111; } 
.sub_container .sub_body .terms_line .field_box .action_row { display: flex; justify-content: center; gap: 10px; } 
.sub_container .sub_body .terms_line .field_box .action_row .btn_submit { width: 160px; height: 50px; background-color: #333; color: #fff; border: none; font-size: 15px; font-weight: 700; cursor: pointer; } 
.sub_container .sub_body .terms_line .field_box .action_row .btn_reset { width: 160px; height: 50px; background-color: #fff; color: #333; border: 1px solid #ccc; font-size: 15px; cursor: pointer; } 
.sub_container .sub_footer { background-color: #f4f4f4; text-align: center; padding: 40px 20px; margin-top: 50px; } 
.sub_container .sub_footer .inquiry_txt { font-size: 15px; color: #333; margin-bottom: 10px; } 
.sub_container .sub_footer .inquiry_info { font-size: 16px; color: #111; } 
.sub_container .sub_footer .inquiry_info .info_bold { font-weight: 700; } 
.sub_container .sub_footer .inquiry_info .info_div { margin: 0 10px; color: #ccc; } 


 /*********************
 신문지면 광고안내
 *********************/
.ad_info_wrap { width: 100%; max-width: 1250px; margin: 0 auto; padding: 60px 40px; background-color: #fff; box-sizing: border-box; margin-bottom: 50px; } 
.ad_info_wrap .tab_menu_row { display: flex; background-color: #f4f4f4; margin-bottom: 50px; } 
.ad_info_wrap .tab_menu_row .tab_item { flex: 1; text-align: center; padding: 16px 0; text-decoration: none; color: #666; font-size: 18px; border: 1px solid #ddd; border-left: none; } 
.ad_info_wrap .tab_menu_row .tab_item:first-child { border-left: 1px solid #ddd; } 
.ad_info_wrap .tab_menu_row .tab_item.is_active { background-color: #222; color: #fff; border-color: #222; font-weight: 700; } 
.ad_info_wrap .content_area { width: 100%; } 
.ad_info_wrap .content_area .main_head_txt { font-size: 28px; font-weight: 700; color: #111; margin-bottom: 40px; letter-spacing: -1px; } 
.ad_info_wrap .content_area .sub_section_box { margin-bottom: 60px; } 
.ad_info_wrap .content_area .sub_section_box .sub_head_txt { font-size: 20px; font-weight: 700; color: #222; margin-bottom: 20px; } 
.ad_info_wrap .content_area .sub_section_box .desc_line { font-size: 15px; color: #555; line-height: 1.6; } 
.ad_info_wrap .content_area .sub_section_box .desc_group { margin-top: 20px; } 
.ad_info_wrap .content_area .sub_section_box .desc_group .desc_bold { font-size: 15px; font-weight: 700; color: #333; margin-bottom: 5px; } 
.ad_info_wrap .content_area .sub_section_box .spec_layout_row { display: flex; gap: 30px; align-items: flex-start; } 
.ad_info_wrap .content_area .sub_section_box .spec_layout_row .spec_img_col { flex: 0 0 350px; } 
.ad_info_wrap .content_area .sub_section_box .spec_layout_row .spec_img_col img { width: 100%; height: auto; display: block; } 
.ad_info_wrap .content_area .sub_section_box .spec_layout_row .spec_grid_col { flex: 1; } 
.ad_info_wrap .content_area .sub_section_box .spec_layout_row .spec_grid_col .spec_grid_box { display: grid; grid-template-columns: 40% 60%; border-top: 2px solid #333; border-left: 1px solid #ddd; } 
.ad_info_wrap .content_area .sub_section_box .spec_layout_row .spec_grid_col .spec_grid_box .grid_cell { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; font-size: 16px; color: #333; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } 
.ad_info_wrap .content_area .sub_section_box .spec_layout_row .spec_grid_col .spec_grid_box .grid_cell.bg_gray { background-color: #f8f8f8; } 
.ad_info_wrap .content_area .sub_section_box .spec_layout_row .spec_grid_col .spec_grid_box .grid_cell.font_bold { font-weight: 700; } 
.ad_info_wrap .content_area .sub_section_box .spec_layout_row .spec_grid_col .spec_grid_box .grid_cell.align_left { align-items: flex-start; text-align: left; } 
.ad_info_wrap .content_area .sub_section_box .class_grid_box { display: grid; grid-template-columns: 20% 25% 55%; border-top: 2px solid #333; border-left: 1px solid #ddd; } 
.ad_info_wrap .content_area .sub_section_box .class_grid_box .grid_cell { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px; font-size: 16px; color: #333; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-weight: 400; } 

.ad_info_wrap .content_area .sub_section_box .class_grid_box .grid_cell.bg_gray { background-color: #f8f8f8; } 
.ad_info_wrap .content_area .sub_section_box .class_grid_box .grid_cell.font_bold { font-weight: 700; } 
.ad_info_wrap .content_area .sub_section_box .class_grid_box .grid_cell.font_small { font-size: 12px; color: #666; margin-top: 4px; } 
.ad_info_wrap .content_area .sub_section_box .class_grid_box .grid_cell.col_span_2 { grid-column: span 2; } 
.ad_info_wrap .content_area .sub_section_box .class_grid_box .grid_cell.row_span_2 { grid-row: span 2; } 
.ad_info_wrap .content_area .sub_section_box .class_grid_box .grid_cell.row_span_3 { grid-row: span 3; } 
.ad_info_wrap .content_area .sub_section_box .class_grid_box .grid_cell.row_span_5 { grid-row: span 5; } 



 /*********************
 전광판 광고
 *********************/
.ad_info_wrap { width: 100%; max-width: 1250px; margin: 0 auto; padding: 60px 40px; background-color: #fff; box-sizing: border-box; margin-bottom: 50px; } 
.ad_info_wrap .tab_menu_row { display: flex; background-color: #f4f4f4; margin-bottom: 50px; } 
.ad_info_wrap .tab_menu_row .tab_item { flex: 1; text-align: center; padding: 16px 0; text-decoration: none; color: #666; font-size: 18px; border: 1px solid #ddd; border-left: none; } 
.ad_info_wrap .tab_menu_row .tab_item:first-child { border-left: 1px solid #ddd; } 
.ad_info_wrap .tab_menu_row .tab_item.is_active { background-color: #222; color: #fff; border-color: #222; font-weight: 700; } 
.ad_info_wrap .content_area { width: 100%; } 
.ad_info_wrap .content_area .header_flex_row { display: flex; align-items: center; gap: 20px; margin-bottom: 40px; } 
.ad_info_wrap .content_area .header_flex_row .main_head_txt { font-size: 28px; font-weight: 700; color: #111; letter-spacing: -1px; } 
.ad_info_wrap .content_area .header_flex_row .contact_info_txt { font-size: 22px; font-weight: 700; color: #111; letter-spacing: -0.5px; margin-bottom: 40px; } 
.ad_info_wrap .content_area .sub_section_box { margin-bottom: 60px; } 
.ad_info_wrap .content_area .sub_section_box .sub_head_txt { font-size: 22px; font-weight: 700; color: #222; margin-bottom: 20px; } 
.ad_info_wrap .content_area .sub_section_box .spec_grid_box { display: grid; grid-template-columns: 20% 80%; border-top: 1px solid #111; border-left: 1px solid #111; } 
.ad_info_wrap .content_area .sub_section_box .spec_grid_box .grid_cell { border-right: 1px solid #111; border-bottom: 1px solid #111; padding: 16px; font-size: 17px; color: #333; display: flex; align-items: center; justify-content: center; text-align: center; word-break: keep-all; } 
.ad_info_wrap .content_area .sub_section_box .spec_grid_box .grid_cell.bg_gray { background-color: #f8f8f8; } 
.ad_info_wrap .content_area .sub_section_box .spec_grid_box .grid_cell.font_bold { font-weight: 700; } 


 /*********************
 홈페이지 광고
 *********************/
.ad_info_wrap .content_area .sub_section_box .img_align_center { text-align: center; margin-bottom: 20px; } 
.ad_info_wrap .content_area .sub_section_box .img_align_center img { max-width: 100%; height: auto; } 
.ad_info_wrap .content_area .sub_section_box .spec_grid_box { display: grid; border-top: 1px solid #111; border-left: 1px solid #111; margin-top: 20px; } 
.ad_info_wrap .content_area .sub_section_box .grid_col_5 { grid-template-columns: 15% 15% 20% 35% 15%; } 
.ad_info_wrap .content_area .sub_section_box .spec_grid_box .grid_cell { border-right: 1px solid #111; border-bottom: 1px solid #111; padding: 16px; font-size: 15px; color: #333; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; word-break: keep-all; } 
.ad_info_wrap .content_area .sub_section_box .spec_grid_box .grid_cell.bg_gray { background-color: #f8f8f8; } 
.ad_info_wrap .content_area .sub_section_box .spec_grid_box .grid_cell.font_bold { font-weight: 700; } 


 /*********************
 광고국 광고
 *********************/
.ad_info_wrap .content_area .main_head_txt { font-size: 28px; font-weight: 700; color: #111; margin-bottom: 40px; letter-spacing: -1px; } 
.ad_info_wrap .content_area .sub_head_txt { font-size: 20px; font-weight: 700; color: #222; margin-bottom: 20px; } 
.ad_info_wrap .content_area .contact_grid_box { display: grid; grid-template-columns: 20% 80%; border-top: 1px solid #111; border-left: 1px solid #111; } 
.ad_info_wrap .content_area .contact_grid_box .grid_cell { border-right: 1px solid #111; border-bottom: 1px solid #111; padding: 18px 20px; font-size: 15px; color: #333; display: flex; align-items: center; justify-content: center; text-align: center; word-break: keep-all; } 
.ad_info_wrap .content_area .contact_grid_box .grid_cell.bg_gray { background-color: #f8f8f8; } 
.ad_info_wrap .content_area .contact_grid_box .grid_cell.font_bold { font-weight: 700; color: #111; } 
.ad_info_wrap .content_area .contact_grid_box .grid_cell.row_span_2 { grid-row: span 2; } 
.ad_info_wrap .content_area .contact_grid_box .grid_cell.row_span_3 { grid-row: span 3; } 
.ad_info_wrap .content_area .contact_grid_box .grid_cell .link_txt { color: #333; text-decoration: none; } 
.ad_info_wrap .content_area .contact_grid_box .grid_cell .link_txt:hover { text-decoration: underline; } 
.ad_info_wrap .content_area .contact_grid_box .grid_cell .gap_space { display: inline-block; width: 40px; } 



 /*********************
 강원일보 윤리강령
 *********************/
.ethics_wrap { width: 100%; max-width: 1250px; margin: 0 auto; padding: 60px 40px; background-color: #fff; box-sizing: border-box; margin-bottom: 50px; margin-top: 40px; } 
.ethics_wrap .main_title_txt { font-size: 28px; font-weight: 700; color: #111; margin-bottom: 30px; letter-spacing: -1px; } 
.ethics_wrap .tab_menu_row { display: flex; background-color: #f4f4f4; margin-bottom: 50px; } 
.ethics_wrap .tab_menu_row .tab_item { flex: 1; text-align: center; padding: 16px 0; text-decoration: none; color: #666; font-size: 18px; border-right: 1px solid #ddd; } 
.ethics_wrap .tab_menu_row .tab_item:last-child { border-right: none; } 
.ethics_wrap.resolve_wrap .tab_menu_row .tab_item.is_active { background-color: #fff; color: #111; font-weight: 700; border-top: 2px solid #111; } 
.ethics_wrap .tab_content_area { padding: 0 40px; } 
.ethics_wrap .tab_content_area .tab_panel { display: none; } 
.ethics_wrap .tab_content_area .tab_panel.is_active { display: block; } 
.ethics_wrap .tab_content_area .tab_panel .article_block { margin-bottom: 40px; } 
.ethics_wrap .tab_content_area .tab_panel .article_block.extra_margin { margin-top: 60px; } 
.ethics_wrap .tab_content_area .tab_panel .article_block .article_title { font-size: 22px; font-weight: 700; color: #111; border-bottom: 1px dashed #333; padding-bottom: 15px; margin-bottom: 20px; } 
.ethics_wrap .tab_content_area .tab_panel .article_block .article_text { font-size: 16px; color: #333; line-height: 1.7; margin-bottom: 10px; word-break: keep-all; } 
.ethics_wrap .tab_content_area .tab_panel .article_block .article_text.font_bold { font-weight: 700; color: #111; } 
.ethics_wrap .tab_content_area .tab_panel .article_block .article_list_item { font-size: 16px; color: #333; line-height: 1.7; margin-bottom: 8px; word-break: keep-all; } 
.ethics_wrap .tab_content_area .tab_panel .article_block .font_bold { font-weight: 700; color: #111; } 
.ethics_wrap .tab_content_area .tab_panel .highlight_box { background-color: #f4f4f4; font-size: 16px; color: #333; line-height: 1.7; padding: 40px; margin-bottom: 40px; word-break: keep-all; } 
.ethics_wrap .tab_content_area .tab_panel .section_sub_title { font-size: 24px; font-weight: 700; color: #111; border-bottom: 1px dashed #333; padding-bottom: 15px; margin-bottom: 30px; margin-top: 60px; } 
.ethics_wrap .tab_content_area .tab_panel .table_title { font-size: 16px; font-weight: 700; color: #111; margin-bottom: 15px; } 
.ethics_wrap .tab_content_area .tab_panel .grid_table_box { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #111; border-left: 1px solid #111; width: 80%; } 
.ethics_wrap .tab_content_area .tab_panel .grid_table_box .grid_cell { border-right: 1px solid #111; border-bottom: 1px solid #111; padding: 12px; font-size: 15px; color: #333; display: flex; align-items: center; justify-content: center; text-align: center; } 
.ethics_wrap .tab_content_area .tab_panel .grid_table_box .grid_cell.head_cell { background-color: #f2f2f2; font-weight: 700; color: #111; } 
.ethics_wrap .tab_content_area .tab_panel .grid_table_box .grid_cell.bg_gray { background-color: #f9f9f9; } 


 /*********************
 편집규약
 *********************/
.ethics_wrap .tab_menu_row .tab_item.is_active { background-color: #333; color: #fff; font-weight: 700; border-right-color: #333; } 
.ethics_wrap .content_area { padding: 0; } 
.ethics_wrap .content_area .main_title_txt { font-size: 28px; font-weight: 700; color: #111; margin-bottom: 40px; letter-spacing: -1px; } 
.ethics_wrap .content_area .intro_box { background-color: #f4f4f4; padding: 40px; font-size: 16px; color: #555; line-height: 1.7; margin-bottom: 50px; word-break: keep-all; } 
.ethics_wrap .content_area .article_block { margin-bottom: 40px; } 
.ethics_wrap .content_area .article_block.extra_margin_top { margin-top: 60px; } 
.ethics_wrap .content_area .article_block .article_title { font-size: 22px; font-weight: 700; color: #111; border-bottom: 1px dashed #333; padding-bottom: 15px; margin-bottom: 20px; letter-spacing: -0.5px; } 
.ethics_wrap .content_area .article_block .article_text { font-size: 16px; color: #333; line-height: 1.7; margin-bottom: 5px; word-break: keep-all; } 
.ethics_wrap .content_area .article_block .article_text.space_top { margin-top: 15px; } 
.ethics_wrap .content_area .article_block .article_text .font_bold { font-weight: 700; color: #111; } 
.ethics_wrap .content_area .article_block .article_text.font_bold { font-weight: 700; color: #111; } 
.ethics_wrap .content_area .article_block .highlight_box { background-color: #f4f4f4; padding: 30px 40px; margin-top: 20px; margin-bottom: 20px; } 
.ethics_wrap .content_area .article_block .highlight_box .highlight_text { font-size: 15px; color: #444; line-height: 1.7; margin-bottom: 5px; word-break: keep-all; } 
.ethics_wrap .content_area .article_block .highlight_box .highlight_text.space_top { margin-top: 15px; } 
.ethics_wrap .content_area .article_block .highlight_box .highlight_text .font_bold { font-weight: 700; color: #111; } 


 /*********************
 독자위원회
 *********************/
.ethics_wrap a { text-decoration: none; } 
.ethics_wrap { width: 100%; max-width: 1250px; margin: 0 auto; padding: 60px 40px; background-color: #fff; box-sizing: border-box; margin-bottom: 50px; margin-top: 40px; } 
.tab_menu_row { display: flex; width: 100%; margin-bottom: 40px; } 
.tab_item { flex: 1; text-align: center; background-color: #efefef; padding: 16px 0; font-size: 16px; color: #777; display: block; } 
.tab_item.is_active { background-color: #333; color: #fff; font-weight: bold; } 
.page_title { font-size: 24px; font-weight: bold; color: #000; margin: 0 0 25px 0; letter-spacing: -0.5px; } 
.group_photo { text-align: center; width: 100%; } 
.group_photo img { max-width: 100%; height: auto; display: block; margin: 0 auto; } 
.member_list { margin: 50px 0 0 0; font-size: 15px; color: #444; line-height: 1.8; } 


 /*********************
 독자위원회 정례회의
 *********************/
.ethics_wrap .content_area { padding: 0; } 
.ethics_wrap .content_area .main_title_txt { font-size: 28px; font-weight: 700; color: #111; margin-bottom: 30px; letter-spacing: -1px; } 
.ethics_wrap .content_area .article_list_box { border-top: 2px solid #111; } 
.ethics_wrap .content_area .article_list_box .article_item { display: flex; padding: 25px 0; border-bottom: 1px solid #eee; } 
.ethics_wrap .content_area .article_list_box .article_item .thumb_box { flex: 0 0 240px; margin-right: 25px; } 
.ethics_wrap .content_area .article_list_box .article_item .thumb_box a { display: block; width: 100%; } 
.ethics_wrap .content_area .article_list_box .article_item .thumb_box a img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; } 
.ethics_wrap .content_area .article_list_box .article_item .info_box { flex: 1; display: flex; flex-direction: column; justify-content: center; } 
.ethics_wrap .content_area .article_list_box .article_item .info_box .title_txt { font-size: 22px; font-weight: 700; margin-bottom: 12px; letter-spacing: -0.5px; } 
.ethics_wrap .content_area .article_list_box .article_item .info_box .title_txt a { color: #111; text-decoration: none; } 
.ethics_wrap .content_area .article_list_box .article_item .info_box .title_txt a:hover { text-decoration: underline; } 
.ethics_wrap .content_area .article_list_box .article_item .info_box .desc_txt { font-size: 15px; color: #666; line-height: 1.6; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.ethics_wrap .content_area .article_list_box .article_item .info_box .desc_txt a { color: inherit; text-decoration: none; } 
.ethics_wrap .content_area .pagination_row { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 50px; } 
.ethics_wrap .content_area .pagination_row .page_btn { display: flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 10px; border: 1px solid #ddd; background-color: #fff; color: #666; font-size: 14px; text-decoration: none; } 
.ethics_wrap .content_area .pagination_row .page_btn.is_active { border-color: #111; color: #111; font-weight: 700; } 


 /*********************
 고충처리인
 *********************/
 .event_txt { text-align: center; } 


/*********************
 통합검색
 *********************/
.news-board-wrapper:has(.search_wrap_container) { border-top: 0; } 
.search_wrap_container { width: 100%; max-width: 1250px; margin: 0 auto; padding: 0 0 16px; box-sizing: border-box; border-bottom: 1px #d7d7d7 solid; margin-bottom: 20px !important; } 
.search_wrap_container .search_input_area { display: flex; background-color: #eeeeee; padding: 30px 40px; margin-bottom: 30px; } 
.search_wrap_container .search_input_area .main_search_input { flex: 1; height: 44px; padding: 0 20px; border: 1px solid #ddd; border-right: none; font-size: 18px; color: #333; outline: none; box-sizing: border-box; } 
.search_wrap_container .search_input_area .main_search_btn { width: 120px; height: 44px; background-color: #c42026; color: #ffffff; font-size: 16px; border: none; cursor: pointer; box-sizing: border-box; } 
.search_wrap_container .search_result_info { font-size: 16px; color: #111; margin-bottom: 25px; letter-spacing: -0.5px; } 
.search_wrap_container .search_result_info .highlight_red { color: #c42026; } 
.search_wrap_container .search_period_area { display: flex; align-items: center; } 
.search_wrap_container .search_period_area .period_label { font-size: 16px; color: #111; margin-right: 15px; } 
.search_wrap_container .search_period_area .date_input_box { display: flex; align-items: center; justify-content: space-between; width: 140px; height: 40px; border: 1px solid #ccc; background-color: #ffffff; padding: 0 10px; box-sizing: border-box; } 
.search_wrap_container .search_period_area .date_input_box span { color: #7f7f7f; } 
.search_wrap_container .search_period_area .date_input_box .date_val_input { width: calc(100% - 25px); border: none; outline: none; font-size: 15px; color: #333; } 
.search_wrap_container .search_period_area .date_input_box .cal_icon_img { width: 18px; height: 18px; cursor: pointer; } 
.search_wrap_container .search_period_area .period_tilde { font-size: 16px; color: #333; margin: 0 10px; } 

.search_area .story-item-box .story-excerpt a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: inherit; text-decoration: none; line-height: 1.7; } 
.search_area .story-item-box .story-excerpt span.date_txt { display: block; margin-top: 12px; } 
.search_area .story-item-box .story-media-link { width: 250px; height: 150px; overflow: hidden; flex: 0 0 25%; } 
.list_search_false .search_area p.search_result { font-weight: 500; color: #c42026; line-height: 1.6; } 
.list_search_false .search_area p.describe { line-height: 1.6; } 


/*********************
 모바일 소개 홈
 *********************/
.mobile_promo_wrap { width: 100%; max-width: 1000px; margin: 0 auto; background-color: #ffffff; } 



/*********************
 모바일 앱 소개
 *********************/
/* .ethics_wrap:has(.app_promo_wrap) { max-width: 989px; } */
/* .app_promo_wrap { width: 989px; text-align: center; } */
.app_promo_wrap .top_visual_area { width: 100%; } 
.app_promo_wrap .top_visual_area img { display: block; margin: 0 auto; max-width: 100%; } 
.app_promo_wrap .tab_button_area { width: 100%; height: 116px; background: url('../images/etc/app_bg_01.jpg') center center no-repeat; display: flex; justify-content: flex-start; align-items: center; gap: 30px; } 
.app_promo_wrap .tab_button_area a { display: inline-block; position: relative; left: 179px; top: 4px; } 
.app_promo_wrap .tab_button_area a img { display: block; } 
.app_promo_wrap .app_content_area { width: 100%; } 
.app_promo_wrap .app_content_area .view_panel { display: none; } 
.app_promo_wrap .app_content_area .view_panel.is_active { display: block; } 
.app_promo_wrap .app_content_area .view_panel .img_link_wrap { position: relative; display: block; margin: 0 auto; } 
.app_promo_wrap .app_content_area .view_panel .img_link_wrap img { display: block; max-width: 100%; margin: 0 auto; } 
.app_promo_wrap .app_content_area .view_panel .img_link_wrap .link_apple_store { position: absolute; left: 345px; top: 468px; width: 300px; height: 41px; display: block; } 
.app_promo_wrap .app_content_area .view_panel .img_link_wrap .link_android_store { position: absolute; left: 346px; top: 978px; width: 298px; height: 41px; display: block; } 


/*********************
 모자사생대회
 *********************/
.award_list_wrap { width: 100%; max-width: 1250px; margin: 0 auto; padding: 40px 20px; box-sizing: border-box; background-color: #fff; } 
.award_list_wrap .award_title_txt { font-size: 26px; font-weight: 700; color: #111111; text-align: center; margin-bottom: 30px; letter-spacing: -1px; } 
.award_list_wrap .award_grid_box { display: grid; grid-template-columns: 10% 12% 10% 13% 20% 25% 10%; border-top: 2px solid #333333; border-left: 1px solid #dddddd; } 
.award_list_wrap .award_grid_box .grid_cell { padding: 16px 5px; font-size: 17px; color: #333333; text-align: center; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; display: flex; align-items: center; justify-content: center; word-break: keep-all; } 
.award_list_wrap .award_grid_box .grid_cell.header_cell { background-color: #efefef; font-weight: 700; color: #111111; } 
.award_list_wrap .award_grid_box .grid_cell .view_link { display: flex; align-items: center; justify-content: center; } 
.award_list_wrap .award_grid_box .grid_cell .view_link .search_icon { width: 18px; height: 18px; display: block; } 


/*********************
 기자페이지
 *********************/
.reporter_page_container { width: 100%; max-width: 1100px; margin: 0 auto; padding: 40px 0; background-color: #f8f9fa; box-sizing: border-box; } 
.reporter_page_container .profile_card_box { display: flex; align-items: center; background-color: #ffffff; padding: 30px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); margin-bottom: 40px; } 
.reporter_page_container .profile_card_box .photo_area { flex: 0 0 120px; height: 120px; margin-right: 30px; overflow: hidden; } 
.reporter_page_container .profile_card_box .photo_area img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.reporter_page_container .profile_card_box .info_text_area { flex: 1; } 
.reporter_page_container .profile_card_box .info_text_area .name_txt { font-size: 24px; font-weight: 700; color: #111111; margin-bottom: 8px; } 
.reporter_page_container .profile_card_box .info_text_area .dept_txt { font-size: 15px; color: #777777; margin-bottom: 15px; } 
.reporter_page_container .profile_card_box .info_text_area .desc_txt { font-size: 15px; color: #333333; line-height: 1.6; } 
.reporter_page_container .profile_card_box .contact_area { flex: 0 0 auto; font-size: 14px; color: #555555; padding-left: 20px; } 
.reporter_page_container .profile_card_box .contact_area .email_link { color: #555555; text-decoration: none; } 
.reporter_page_container .profile_card_box .contact_area .email_link:hover { text-decoration: underline; } 
.reporter_page_container .series_card_box { background-color: #ffffff; padding: 40px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); margin-bottom: 50px; } 
.reporter_page_container .series_card_box .series_main_tit { font-size: 32px; color: #111111; margin-bottom: 30px; letter-spacing: -1px; } 
.reporter_page_container .series_card_box .series_main_tit .tit_bold { font-weight: 700; } 
.reporter_page_container .series_card_box .series_grid_wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } 
.reporter_page_container .series_card_box .series_grid_wrap .series_item_link { display: block; text-decoration: none; border: 1px solid #eeeeee; border-radius: 8px; overflow: hidden; background-color: #ffffff; transition: border-color 0.2s; } 
.reporter_page_container .series_card_box .series_grid_wrap .series_item_link:hover { border-color: #bbbbbb; } 
.reporter_page_container .series_card_box .series_grid_wrap .series_item_link .thumb_img_area { width: 100%; aspect-ratio: 16 / 10; overflow: hidden; } 
.reporter_page_container .series_card_box .series_grid_wrap .series_item_link .thumb_img_area img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.reporter_page_container .series_card_box .series_grid_wrap .series_item_link .meta_info_area { display: flex; padding: 15px; align-items: flex-start; } 
.reporter_page_container .series_card_box .series_grid_wrap .series_item_link .meta_info_area .seq_num { flex: 0 0 30px; font-size: 32px; font-weight: 700; font-style: italic; color: #1e3a5f; line-height: 1; margin-top: 2px; } 
.reporter_page_container .series_card_box .series_grid_wrap .series_item_link .meta_info_area .text_content { flex: 1; padding-left: 10px; } 
.reporter_page_container .series_card_box .series_grid_wrap .series_item_link .meta_info_area .text_content .article_tit { font-size: 15px; color: #333333; line-height: 1.4; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.reporter_page_container .series_card_box .series_grid_wrap .series_item_link .meta_info_area .text_content .article_date { font-size: 13px; color: #999999; } 
.reporter_page_container .latest_header_row { display: flex; align-items: baseline; padding: 0 10px; } 
.reporter_page_container .latest_header_row .latest_tit { font-size: 24px; font-weight: 700; color: #111111; margin-right: 15px; letter-spacing: -1px; } 
.reporter_page_container .latest_header_row .latest_count { font-size: 16px; color: #777777; } 
.regular-story-list .story-excerpt span { display: block; margin-top: 12px; color: #7f7f7f; font-size: 13px; } 


/********************
기사 상세
********************/
.article_view { background: #fff; padding: 40px 40px; } 
.article_view .article_head { border-bottom: 1px solid #e1e1e1; } 
.article_view .article_head .cate { font-size: 18px; color: #f41f1f; margin-bottom: 5px; } 
.article_view .article_head h2.title { font-size: 40px; line-height: 55px; color: #000; } 
.article_view .article_head .util { position:relative; margin-top: 14px; margin-bottom: 20px; } 
/* .article_view .util:after { content: ""; clear: both; display: block; } */
.article_view .util .byline { max-width:390px; float: left; line-height: 35px; } 
.article_view .util .byline .name { font-size: 16px; color: #000; } 
.article_view .util .byline .date { font-size: 13px; color: #888; font-weight: 300; margin-left: 0; } 
.article_view .util .more_article { float: right; padding: 0 14px; line-height: 33px; border: 1px solid #ebebeb; font-size: 15px; color: #444; background-color: #fff; } 
.article_view .util .more_article a { color: #444; } 
.article_view .util .btns { float: right; margin-left: 10px; background: #fff; } 
.article_view .util .btns li { float: left; width: 35px; height: 35px; border: 1px solid #ebebeb; margin-left: -1px; cursor: pointer; } 
.share_tools_mask { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background: #000; opacity: 0.5; } 
.article_view .util .btns li.share { background: url(../images/ico/icon_share.png) center center no-repeat; } 
.article_view .util .btns li.paper { background: url(../images/ico/icon_paper.png) center center no-repeat; } 
.article_view .util .btns li.font_down { background: url(../images/ico/icon_font_down.png) center center no-repeat; } 
.article_view .util .btns li.font_up { background: url(../images/ico/icon_font_up.png) center center no-repeat; } 
.article_view .util .btns li.print { background: url(../images/ico/icon_print.png) center center no-repeat; } 
.article_view .util .btns li.sns_fb { background: url(../images/ico/icon_fb.png) center center no-repeat; } 
.article_view .util .btns li.sns_tw { background: url(../images/ico/icon_tw.png) center center no-repeat; } 

.article_head .share_tools { position:absolute; right:0; top:52px; width:330px; padding:24px 17px; border:1px solid #D7D7D7; background-color:#FFF; z-index:80; display:none; } 
.article_head .share_tools .lists { margin-bottom:9px } 
.article_head .share_tools .lists:after { content:""; clear:both; display:block } 
.article_head .share_tools .lists li { float:left; width:73px; text-align:center; margin-bottom:15px; } 
.article_head .share_tools .lists li a img { margin-bottom:10px; } 
.article_head .share_tools .lists li a span { display:block; font-size:13px; color:#000; } 
.article_head .share_tools .lists li:first-child { margin-left:0 } 
.article_head .share_tools .url_copy:after { content:""; clear:both; display:block } 
.article_head .share_tools .url_copy input[type="text"] { float:left; padding:0 5px; width:75%; height:25px; font-size:13px; color:#ACACAC; letter-spacing:0em; font-weight:300; line-height:23px; border:1px solid #EBEBEB } 
.article_head .share_tools .url_copy span { float:left; display:block; width:25%; height:25px; font-size:13px; line-height:23px; letter-spacing:0em; border:1px solid #EBEBEB; border-left:0; text-align:center } 

.article_view .article_content .subtitle { border-left: 2px solid #626262; padding-left: 10px; font-size: 18px; line-height: 26px; color: #111; margin-bottom: 40px; } 
.article_view .article_content { padding: 40px 0; } 
.article_view .article_content p { font-size: 18px; line-height: 30px; margin-bottom: 1.3em; font-weight: 300; color: #000; } 
.article_view .article_content figure { display: table; padding: 1px 0; margin: 0 auto; max-width: 100%; margin-bottom: 1.3em; text-align:center; page-break-inside: avoid; } 
.article_view .article_content figure iframe { min-height:450px; } 
.article_view .article_content figure img { max-width: 100%; } 
.article_view .article_content figure figcaption { display: table-caption; max-width: 100%; font-size: 12px; color: #666; line-height: 17px; padding: 10px; font-weight: 400; background-color: #f8f8f8; caption-side: bottom } 
.article_view .article_content .util { background: #f7f7f7; padding: 15px 15px 18px; } 
.article_view .copyright { font-size: 15px; color: #000; font-weight: 300; } 


/********************
아이디 비번찾기
********************/
#wrap:has(.account_recovery_section) { display: flex; flex-direction: column; min-height: 100vh; } 
div:has(.account_recovery_section) { flex: 1; display: flex; flex-direction: column; } 
.account_recovery_section { flex: 1; display: flex; align-items: center; justify-content: center; background-color: #f7f7f7; padding: 50px 0; } 
.account_recovery_section .recovery_inner_box { width: 500px; background-color: #ffffff; padding: 60px 50px 187px; box-sizing: border-box; } 
.account_recovery_section .recovery_inner_box .brand_logo_area { text-align: center; margin-bottom: 30px; } 
.account_recovery_section .recovery_inner_box .brand_logo_area img { max-width: 200px; } 
.account_recovery_section .recovery_inner_box .page_title_text { text-align: center; font-size: 20px; font-weight: bold; color: #111111; margin-bottom: 40px; letter-spacing: -0.5px; } 
.account_recovery_section .recovery_inner_box .tab_navigation_area { display: flex; margin-bottom: 30px; } 
.account_recovery_section .recovery_inner_box .tab_navigation_area .tab_nav_item { flex: 1; text-align: center; padding-bottom: 15px; font-size: 16px; color: #b5b5b5; border-bottom: 2px solid #e5e5e5; cursor: pointer; letter-spacing: -0.5px; } 
.account_recovery_section .recovery_inner_box .tab_navigation_area .tab_nav_item.is_active { color: #111111; border-bottom: 2px solid #111111; font-weight: bold; } 
.account_recovery_section .recovery_inner_box .tab_panels_area .panel_item .input_row { margin-bottom: 12px; } 
.account_recovery_section .recovery_inner_box .tab_panels_area .panel_item .input_row input { width: 100%; height: 48px; border: 1px solid #dcdcdc; padding: 0 15px; box-sizing: border-box; font-size: 14px; outline: none; color: #333333; } 
.account_recovery_section .recovery_inner_box .tab_panels_area .panel_item .input_row input::placeholder { color: #999999; } 
.account_recovery_section .recovery_inner_box .tab_panels_area .panel_item .action_row { margin-top: 30px; } 
.account_recovery_section .recovery_inner_box .tab_panels_area .panel_item .action_row button { width: 100%; height: 50px; background-color: #ffffff; border: 1px solid #111111; color: #111111; font-size: 16px; cursor: pointer; outline: none; letter-spacing: -0.5px; } 


/********************
기사제보 게시판
********************/
.popup_window_wrap { width: 100%; min-height: 100vh; background-color: #f7f7f7; display: flex; justify-content: center; padding: 40px 0; font-family: 'Malgun Gothic', sans-serif; } 
.popup_window_wrap .popup_inner_container { width: 1248px; background-color: #ffffff; border: 1px solid #e5e5e5; } 
.popup_window_wrap .popup_inner_container .brand_logo_area { text-align: center; padding: 40px 0; border-bottom: 2px solid #e5e5e5; } 
.popup_window_wrap .popup_inner_container .brand_logo_area img { max-width: 180px; } 
.popup_window_wrap .popup_inner_container .form_content_area { padding: 0 260px; } 
.popup_window_wrap .popup_inner_container .form_content_area .page_heading_box { padding: 50px 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 40px; } 
.popup_window_wrap .popup_inner_container .form_content_area .page_heading_box .main_title { font-size: 22px; font-weight: bold; color: #111111; letter-spacing: -1px; } 
.popup_window_wrap .popup_inner_container .form_content_area .page_heading_box .subtitle { font-size: 15px; color: #666666; margin-top: 10px; font-weight: normal; line-height: 1.5; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap { display: flex; flex-direction: column; gap: 20px; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box { display: flex; align-items: flex-start; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .label_col { width: 120px; font-size: 15px; color: #111111; font-weight: bold; padding-top: 15px; letter-spacing: -0.5px; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col { flex: 1; display: flex; flex-direction: column; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .input_txt { width: 100%; height: 46px; border: 1px solid #dcdcdc; padding: 0 15px; box-sizing: border-box; font-size: 14px; color: #333333; outline: none; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .input_txt::placeholder { color: #a5a5a5; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .mt_10 { margin-top: 10px; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .zipcode_box { display: flex; gap: 0; width: 100%; border: 1px solid #dcdcdc; box-sizing: border-box; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .zipcode_box .zipcode_input { flex: 1; height: 44px; border: none; padding: 0 15px; box-sizing: border-box; font-size: 14px; outline: none; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .zipcode_box .btn_search_zipcode { width: 90px; height: 34px; margin: 5px; background-color: #ffffff; border: 1px solid #555555; color: #111111; font-size: 13px; cursor: pointer; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .input_textarea { width: 100%; height: 160px; border: 1px solid #dcdcdc; padding: 15px; box-sizing: border-box; font-size: 14px; color: #333333; outline: none; resize: none; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .input_textarea::placeholder { color: #a5a5a5; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .file_upload_box { display: flex; align-items: center; border: 1px solid #dcdcdc; height: 46px; box-sizing: border-box; background-color: #ffffff; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .file_upload_box .btn_file_attach { display: flex; align-items: center; justify-content: center; width: 100px; height: 46px; border: 1px solid #3764a8; background-color: #ffffff; color: #3764a8; font-size: 14px; cursor: pointer; margin: -1px 0 -1px -1px; box-sizing: border-box; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .file_upload_box .file_name_display { flex: 1; padding: 0 15px; font-size: 14px; color: #a5a5a5; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .file_upload_box .hidden_file_input { display: none; } 
.popup_window_wrap .popup_inner_container .form_content_area .form_input_wrap .input_row_box .input_col .file_help_txt { font-size: 13px; color: #111111; margin-top: 8px; letter-spacing: -0.5px; } 
.popup_window_wrap .popup_inner_container .form_content_area .captcha_wrapper { display: flex; justify-content: center; margin-top: 30px; } 
.popup_window_wrap .popup_inner_container .form_content_area .privacy_policy_area { margin-top: 50px; border-top: 1px solid #e5e5e5; padding-top: 40px; } 
.popup_window_wrap .popup_inner_container .form_content_area .privacy_policy_area .policy_title { font-size: 15px; font-weight: bold; color: #111111; margin-bottom: 15px; letter-spacing: -0.5px; } 
.popup_window_wrap .popup_inner_container .form_content_area .privacy_policy_area .policy_scroll_box { height: 198px; border: 1px solid #dcdcdc; padding: 20px; overflow-y: auto; font-size: 13px; color: #666666; line-height: 1.6; margin-bottom: 15px; background-color: #fcfcfc; } 
.popup_window_wrap .popup_inner_container .form_content_area .privacy_policy_area .policy_agree_box { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-bottom: 40px; } 
.popup_window_wrap .popup_inner_container .form_content_area .privacy_policy_area .policy_agree_box label { font-size: 14px; color: #111111; cursor: pointer; letter-spacing: -0.5px; } 
.popup_window_wrap .popup_inner_container .form_content_area .privacy_policy_area .bottom_action_btns { display: flex; justify-content: center; gap: 10px; padding-bottom: 50px; } 
.popup_window_wrap .popup_inner_container .form_content_area .privacy_policy_area .bottom_action_btns .btn_submit_form { width: 140px; height: 50px; background-color: #111111; color: #ffffff; border: none; font-size: 16px; cursor: pointer; letter-spacing: -0.5px; } 
.popup_window_wrap .popup_inner_container .form_content_area .privacy_policy_area .bottom_action_btns .btn_cancel_form { width: 140px; height: 50px; background-color: #ffffff; color: #111111; border: 1px solid #111111; font-size: 16px; cursor: pointer; box-sizing: border-box; letter-spacing: -0.5px; } 
.popup_window_wrap .popup_inner_container .footer_copyright_area { border-top: 1px solid #e5e5e5; padding: 30px 0; text-align: center; font-size: 13px; color: #888888; } 



/*********************************************************************************************************************
회사소개
*********************************************************************************************************************/

/* 메인화면 */
body, html { margin: 0; padding: 0; height: 100%; } 
.intro_visual_wrap { position: relative; width: 100%; height: 100vh; overflow: hidden; font-family: 'Noto Sans KR', sans-serif; } 
.intro_visual_wrap .bg_slider_area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.intro_visual_wrap .bg_slider_area .bg_slide_item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease-in-out; } 
.intro_visual_wrap .bg_slider_area .bg_slide_item.is_showing { opacity: 1; } 
.intro_visual_wrap .bg_slider_area .dim_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); } 
.intro_visual_wrap .front_content_layer { position: relative; z-index: 10; width: 100%; height: 100%; display: flex; flex-direction: column; } 
.intro_visual_wrap .front_content_layer .top_head_row { display: flex; justify-content: space-between; align-items: center; padding: 35px 50px; } 
.intro_visual_wrap .front_content_layer .top_head_row .brand_mark img { max-height: 45px; } 
.intro_visual_wrap .front_content_layer .top_head_row .nav_link_group { display: flex; gap: 40px; } 
.intro_visual_wrap .front_content_layer .top_head_row .nav_link_group .nav_link_item { position: relative; color: #ffffff; text-decoration: none; font-size: 20px; font-weight: 500; padding-bottom: 8px; transition: color 0.3s; } 
.intro_visual_wrap .front_content_layer .top_head_row .nav_link_group .nav_link_item:hover { color: #eeeeee; } 
.intro_visual_wrap .front_content_layer .top_head_row .nav_link_group .nav_link_item .hover_line { position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #ffffff; transition: width 0.3s ease; } 
.intro_visual_wrap .front_content_layer .center_message_box { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; color: #ffffff; } 
.intro_visual_wrap .front_content_layer .center_message_box .msg_inner .main_catchphrase { font-size: 50px; font-weight: bold; margin-bottom: 45px; letter-spacing: -1.5px; } 
.intro_visual_wrap .front_content_layer .center_message_box .msg_inner .sub_desc_txt { font-size: 18px; line-height: 1.5; font-weight: 400; letter-spacing: -0.5px; } 
.intro_visual_wrap .front_content_layer .center_message_box .msg_inner .spacer_mt { margin-top: 30px; } 

/* 인사말 */
.company_history_wrapper { position: relative; width: 100%; min-height: 100vh; font-family: 'Noto Sans KR', sans-serif; } 
.company_history_wrapper .top_sticky_navbar { position: fixed; top: 0; left: 0; width: 100%; background-color: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); z-index: 1000; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box { display: flex; justify-content: space-between; align-items: center; padding: 5px 60px; margin: 0 20px; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box .brand_logo_col img { max-height: 70px; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col { display: flex; gap: 30px; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item { position: relative; color: #333333; text-decoration: none; font-size: 20px; padding: 10px 0; transition: color 0.3s; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item:hover { color: #888888; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item .hover_underline { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background-color: #888888; transition: width 0.3s ease; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item:hover .hover_underline { width: 100%; } 
.company_history_wrapper .bg_visual_area { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/etc/background.jpg'); background-size: cover; background-position: center; z-index: 0; } 
.company_history_wrapper .bg_visual_area::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 1) 100%); } 
.company_history_wrapper .main_content_container { position: relative; z-index: 10; padding-top: 140px; padding-bottom: 60px; display: flex; justify-content: center; align-items: flex-start; min-height: calc(100vh - 200px); } 
.company_history_wrapper .main_content_container .message_card_box { width: 85%; max-width: 1300px; background-color: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 12px; display: flex; overflow: hidden; } 
.company_history_wrapper .main_content_container .message_card_box .text_info_section { flex: 1.1; padding: 50px 60px; } 
.company_history_wrapper .main_content_container .message_card_box .text_info_section .greeting_title { font-size: 28px; color: #222222; font-weight: bold; margin-bottom: 15px; } 
.company_history_wrapper .main_content_container .message_card_box .text_info_section .greeting_subtitle { font-size: 20px; color: #b9875f; font-weight: bold; margin-bottom: 25px; } 
.company_history_wrapper .main_content_container .message_card_box .text_info_section .greeting_paragraph { font-size: 16.5px; line-height: 1.65; color: #444444; margin-bottom: 15px; word-break: keep-all; letter-spacing: -0.5px; } 
.company_history_wrapper .main_content_container .message_card_box .text_info_section .fw_bold { font-weight: bold; color: #222222; margin-top: 35px; } 
.company_history_wrapper .main_content_container .message_card_box .ceo_photo_section { flex: 0.9; background-size: cover; background-position: center top; min-height: 100%; } 


/* 회사소개 */
.company_overview_wrapper { position: relative; width: 100%; min-height: 100vh; font-family: 'Noto Sans KR', sans-serif; } 
.company_overview_wrapper .top_sticky_navbar { position: fixed; top: 0; left: 0; width: 100%; background-color: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); z-index: 1000; } 
.company_overview_wrapper .top_sticky_navbar .navbar_inner_box { display: flex; justify-content: space-between; align-items: center; padding: 5px 60px; margin: 0 20px; } 
.company_overview_wrapper .top_sticky_navbar .navbar_inner_box .brand_logo_col img { max-height: 70px; } 
.company_overview_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col { display: flex; gap: 30px; } 
.company_overview_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item { position: relative; color: #333333; text-decoration: none; font-size: 20px; padding: 10px 0; transition: color 0.3s; } 
.company_overview_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item:hover { color: #888888; } 
.company_overview_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item .hover_underline { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background-color: #888888; transition: width 0.3s ease; } 
.company_overview_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item:hover .hover_underline { width: 100%; } 
.company_overview_wrapper .bg_visual_area { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/etc/background.jpg'); background-size: cover; background-position: center; z-index: 0; } 
.company_overview_wrapper .bg_visual_area::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 1) 100%); } 
.company_overview_wrapper .main_content_container { position: relative; z-index: 10; padding-top: 140px; padding-bottom: 60px; display: flex; justify-content: center; align-items: flex-start; min-height: calc(100vh - 200px); } 
.company_overview_wrapper .main_content_container .intro_card_box { width: 85%; max-width: 1387px; background-color: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 12px; padding: 20px 0; } 
.company_overview_wrapper .main_content_container .intro_card_box .intro_section_block { margin: 40px 60px; padding-bottom: 30px; border-bottom: 1px solid #eeeeee; } 
.company_overview_wrapper .main_content_container .intro_card_box .intro_section_block:last-child { border-bottom: none; padding-bottom: 0; } 
.company_overview_wrapper .main_content_container .intro_card_box .intro_section_block .block_title { font-size: 24px; font-weight: bold; color: #111111; margin-bottom: 30px; padding-left: 15px; border-left: 5px solid #bb0404; } 
.company_overview_wrapper .main_content_container .intro_card_box .intro_section_block .data_row { display: flex; align-items: flex-start; margin-bottom: 18px; } 
.company_overview_wrapper .main_content_container .intro_card_box .intro_section_block .data_row .data_label { width: 220px; font-size: 18px; font-weight: bold; color: #bb0404; padding-top: 2px; } 
.company_overview_wrapper .main_content_container .intro_card_box .intro_section_block .data_row .data_value { flex: 1; font-size: 17px; line-height: 1; color: #333333; word-break: keep-all; } 
.company_overview_wrapper .main_content_container .intro_card_box .intro_section_block .data_row .data_value .fw_bold { font-weight: bold; } 


/* 연혁 */
.company_history_wrapper { position: relative; width: 100%; min-height: 100vh; font-family: 'Noto Sans KR', sans-serif; } 
.company_history_wrapper .top_sticky_navbar { position: fixed; top: 0; left: 0; width: 100%; background-color: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); z-index: 1000; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box { display: flex; justify-content: space-between; align-items: center; padding: 5px 60px; margin: 0 20px; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box .brand_logo_col img { max-height: 70px; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col { display: flex; gap: 30px; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item { position: relative; color: #333333; text-decoration: none; font-size: 20px; padding: 10px 0; transition: color 0.3s; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item:hover { color: #888888; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item .hover_underline { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background-color: #888888; transition: width 0.3s ease; } 
.company_history_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item:hover .hover_underline { width: 100%; } 
.company_history_wrapper .bg_visual_area { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/etc/background.jpg'); background-size: cover; background-position: center; z-index: 0; } 
.company_history_wrapper .bg_visual_area::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 1) 100%); } 
.company_history_wrapper .main_content_container { position: relative; z-index: 10; padding-top: 140px; padding-bottom: 60px; display: flex; justify-content: center; align-items: flex-start; min-height: calc(100vh - 200px); } 
.company_history_wrapper .main_content_container .history_card_box { display: flex; width: 85%; max-width: 1300px; background-color: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 12px; padding: 50px; } 
.company_history_wrapper .main_content_container .history_card_box .decade_nav_section { width: 300px; padding-right: 40px; border-right: 1px solid #eeeeee; } 
.company_history_wrapper .main_content_container .history_card_box .decade_nav_section .section_heading { font-size: 26px; font-weight: bold; color: #111111; margin-bottom: 30px; } 
.company_history_wrapper .main_content_container .history_card_box .decade_nav_section .btn_decade { display: block; width: 100%; padding: 15px 0; margin-bottom: 10px; background-color: #f4f4f4; color: #333333; text-align: center; text-decoration: none; font-size: 16px; font-weight: 500; border-radius: 4px; transition: all 0.3s; } 
.company_history_wrapper .main_content_container .history_card_box .decade_nav_section .btn_decade:hover { background-color: #e0e0e0; } 
.company_history_wrapper .main_content_container .history_card_box .decade_nav_section .btn_decade.is_active { background-color: #bb0404; color: #ffffff; } 
.company_history_wrapper .main_content_container .history_card_box .history_list_section { flex: 1; padding-left: 50px; } 
.company_history_wrapper .main_content_container .history_card_box .history_list_section .section_heading { font-size: 26px; font-weight: bold; color: #111111; margin-bottom: 30px; } 
.company_history_wrapper .main_content_container .history_card_box .history_list_section .timeline_group { display: none; } 
.company_history_wrapper .main_content_container .history_card_box .history_list_section .timeline_group.is_showing { display: block; } 
.company_history_wrapper .main_content_container .history_card_box .history_list_section .timeline_group .timeline_row { display: flex; align-items: flex-start; margin-bottom: 25px; } 
.company_history_wrapper .main_content_container .history_card_box .history_list_section .timeline_group .timeline_row .year_col { width: 80px; font-size: 20px; font-weight: bold; color: #bb0404; text-align: center; padding-top: 2px; } 
.company_history_wrapper .main_content_container .history_card_box .history_list_section .timeline_group .timeline_row .date_col { width: 90px; font-size: 15px; font-weight: bold; color: #0f0f96; padding-top: 5px; } 
.company_history_wrapper .main_content_container .history_card_box .history_list_section .timeline_group .timeline_row .desc_col { flex: 1; font-size: 16px; color: #333333; line-height: 1.6; padding-top: 4px; word-break: keep-all; } 


/* 오시는길 */
.company_location_wrapper { position: relative; width: 100%; min-height: 100vh; font-family: 'Noto Sans KR', sans-serif; } 
.company_location_wrapper .top_sticky_navbar { position: fixed; top: 0; left: 0; width: 100%; background-color: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); z-index: 1000; } 
.company_location_wrapper .top_sticky_navbar .navbar_inner_box { display: flex; justify-content: space-between; align-items: center; padding: 5px 60px; margin: 0 20px; } 
.company_location_wrapper .top_sticky_navbar .navbar_inner_box .brand_logo_col img { max-height: 70px; } 
.company_location_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col { display: flex; gap: 30px; } 
.company_location_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item { position: relative; color: #333333; text-decoration: none; font-size: 20px; padding: 10px 0; transition: color 0.3s; } 
.company_location_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item:hover { color: #888888; } 
.company_location_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item .hover_underline { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background-color: #888888; transition: width 0.3s ease; } 
.company_location_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item:hover .hover_underline { width: 100%; } 
.company_location_wrapper .bg_visual_area { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/etc/background.jpg'); background-size: cover; background-position: center; z-index: 0; } 
.company_location_wrapper .bg_visual_area::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 1) 100%); } 
.company_location_wrapper .main_content_container { position: relative; z-index: 10; padding-top: 140px; padding-bottom: 60px; display: flex; justify-content: center; align-items: flex-start; min-height: calc(100vh - 200px); } 
.company_location_wrapper .main_content_container .location_card_box { width: 85%; max-width: 1300px; background-color: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 12px; padding: 20px 0; } 
.company_location_wrapper .main_content_container .location_card_box .location_section_block { margin: 40px 60px; padding-bottom: 40px; border-bottom: 1px solid #eeeeee; } 
.company_location_wrapper .main_content_container .location_card_box .location_section_block:last-child { border-bottom: none; padding-bottom: 0; } 
.company_location_wrapper .main_content_container .location_card_box .location_section_block .block_title { font-size: 24px; font-weight: bold; color: #111111; margin-bottom: 30px; padding-left: 15px; border-left: 5px solid #bb0404; } 
.company_location_wrapper .main_content_container .location_card_box .location_section_block .map_container { width: 100%; height: 450px; border: 1px solid #e5e5e5; margin-bottom: 30px; background-color: #f9f9f9; } 
.company_location_wrapper .main_content_container .location_card_box .location_section_block .data_row { display: flex; align-items: center; padding: 0 10px; } 
.company_location_wrapper .main_content_container .location_card_box .location_section_block .data_row .data_label { width: 90px; font-size: 18px; font-weight: bold; color: #bb0404; } 
.company_location_wrapper .main_content_container .location_card_box .location_section_block .data_row .data_value { flex: 1; font-size: 17px; color: #333333; } 


/* 조직도 */
.company_org_wrapper { position: relative; width: 100%; min-height: 100vh; font-family: 'Noto Sans KR', sans-serif; } 
.company_org_wrapper .top_sticky_navbar { position: fixed; top: 0; left: 0; width: 100%; background-color: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); z-index: 1000; } 
.company_org_wrapper .top_sticky_navbar .navbar_inner_box { display: flex; justify-content: space-between; align-items: center; padding: 5px 60px; margin: 0 20px; } 
.company_org_wrapper .top_sticky_navbar .navbar_inner_box .brand_logo_col img { max-height: 70px; } 
.company_org_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col { display: flex; gap: 30px; } 
.company_org_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item { position: relative; color: #333333; text-decoration: none; font-size: 20px; padding: 10px 0; transition: color 0.3s; } 
.company_org_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item:hover { color: #888888; } 
.company_org_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item .hover_underline { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background-color: #888888; transition: width 0.3s ease; } 
.company_org_wrapper .top_sticky_navbar .navbar_inner_box .nav_links_col .nav_item:hover .hover_underline { width: 100%; } 
.company_org_wrapper .bg_visual_area { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/etc/background.jpg'); background-size: cover; background-position: center; z-index: 0; } 
.company_org_wrapper .bg_visual_area::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 1) 100%); } 
.company_org_wrapper .main_content_container { position: relative; z-index: 10; padding-top: 140px; padding-bottom: 60px; display: flex; justify-content: center; align-items: flex-start; min-height: calc(100vh - 200px); } 
.company_org_wrapper .main_content_container .org_card_box { width: 85%; max-width: 1300px; background-color: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 12px; padding: 20px 0; } 
.company_org_wrapper .main_content_container .org_card_box .contact_section_block { margin: 40px 60px; padding-bottom: 40px; border-bottom: 1px solid #eeeeee; } 
.company_org_wrapper .main_content_container .org_card_box .contact_section_block:last-child { border-bottom: none; padding-bottom: 0; } 
.company_org_wrapper .main_content_container .org_card_box .contact_section_block .block_title { font-size: 24px; font-weight: bold; color: #111111; margin-bottom: 30px; padding-left: 15px; border-left: 5px solid #bb0404; } 
.company_org_wrapper .main_content_container .org_card_box .contact_section_block .contact_grid_area { display: flex; flex-direction: column; width: 100%; padding: 0 10px; } 
.company_org_wrapper .main_content_container .org_card_box .contact_section_block .contact_grid_area .grid_row { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 22px; } 
.company_org_wrapper .main_content_container .org_card_box .contact_section_block .contact_grid_area .grid_row .col_item { display: flex; align-items: flex-start; } 
.company_org_wrapper .main_content_container .org_card_box .contact_section_block .contact_grid_area .grid_row .col_item .col_title { width: 140px; font-size: 16px; font-weight: bold; color: #bb0404; padding-top: 2px; } 
.company_org_wrapper .main_content_container .org_card_box .contact_section_block .contact_grid_area .grid_row .col_item .col_desc { flex: 1; font-size: 16px; color: #333333; line-height: 1.5; } 
.company_org_wrapper .main_content_container .org_card_box .contact_section_block .contact_grid_area .grid_row .col_item .col_desc .desc_sub_txt { font-size: 13.5px; color: #777777; margin-top: 4px; } 
.company_org_wrapper .main_content_container .org_card_box .contact_section_block .contact_grid_area .row_divider { width: 100%; height: 1px; background-color: #f3f3f3; margin: 10px 0 30px 0; } 



/*댓글 영역*/
.robot_box { margin:20px } 
.robot_box img { border-radius: 0 } 
.comment_wrap { margin:50px 0 100px; padding-top:30px; border-top:1px solid #222 } 
.nonmember_box .btn { padding:10px 15px; width:100%; text-align:left; font-size:14px; color:#656565; border-radius: 0; border:1px solid #dadce0; background-color: #fff; height: 43px; border-radius: .375rem; } 
.comment_wrap span { font-style: normal; } 
.comment_wrap em { font-style: normal; } 
.nonmember_box:hover { color: inherit; } 
.comment_wrap .comment_write .writer { font-size:15px; color:#111; line-height: 1; font-weight:400; margin:15px 0 10px; } 
.comment_write .reply_box input { width:214px; height:34px; } 
.comment_write .nickname_box { font-size:0; } 
.comment_write .chk_duplicate { display: inline-block; box-sizing:border-box; vertical-align: top; margin-left:5px; width:76px; height:34px; line-height:34px; text-align: center; background:#666; font-size:13px; color:#fff; font-weight:400; } 
.comment_write .nickname_box p { font-size:13px; display: inline-block; vertical-align: top; line-height:32px; margin-left:16px; } 
.comment_write .reply_txt { margin-top:9px; box-sizing:border-box; border:1px solid #222; } 
.comment_write .reply_txt textarea { width: 100%; height:86px; border:none; outline: none; font-size: 14px; } 
.comment_write .reply_txt textarea::placeholder { color:rgba(37,37,37,0.4); } 
.comment_write .reply_btn_box { padding:5px 15px 10px; background: #fff } 
.comment_write .reply_btn_box p { font-size:14px; color:#999; font-weight:400; letter-spacing:-0.28px; line-height:20px; } 
.comment_write .regist_box { margin-top:6px; } 
.comment_write .regist_box:after { clear:both; content:""; display: block; } 
.comment_write .regist_box span { font-size:13px; color:#666; line-height:30px; } 
.comment_write .regist_box button { margin-left:5px; float: right; display: inline-block; box-sizing:border-box; vertical-align: top; min-width:60px; height:30px; line-height:30px; text-align: center; background:#e7000f; font-size:13px; color:#fff; font-weight:500; border-radius: 6px; border: none; } 
.btn_regist { background:#e7000f !important; color:#fff !important } 
.comment_edit .comment_write .reply_txt { border:1px solid #dadce0; } 
.comment_edit .comment_write .reply_txt textarea:focus { outline: none; border-color:#222 } 
.total_comment { margin-bottom: 15px } 
.total_comment span { font-size: 16px; font-weight: 500; margin-bottom: 15px } 
.total_comment em { color:#e01616 } 
.comment_total { font-size: 20px; font-weight: 600; margin-bottom: 15px } 
.comment_total em { color:#0072EC } 
.comment_list .comment_box .declaration { display: inline-block; vertical-align: top; font-size:13px; color:#666; font-weight:300; position: relative; margin-left:5px; padding-left:8px; } 
.comment_list .comment_box .declaration:before { width:1px; height:12px; content:""; background:#666; position: absolute; left:0; top:6px; opacity:0.5; } 
.btn_delete .dropdown-menu { transform:translate3d(-50px, 7px, 0px) !important; } 
.comment_bot { margin-top:9px; padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center; width: 100%; } 
.comment_bot .lookup { opacity: .8; cursor:pointer; font-size: 13px } 
.comment_bot .lookup em { font-size:inherit; color:inherit; font-weight:inherit; } 
.comment_box .btn_thumb { background-color: #fff; } 
.comment_box .btn_thumb img { width: 18px; margin-right:5px; } 
.comment_box .btn_thumb span { font-size:12px; color:rgba(102, 102, 102, 0.8); font-weight:400; font-family:'Roboto'; display: inline-block; vertical-align: top; } 
.comment_box .comment_bot .fr { display: flex; align-items: center; } 
.comment_reply_wrap { display: none } 
.comment_reply_wrap .reply_txt { border: 1px solid #dadce0 } 
.comment_reply_box { background:#f8f9fa; border-top:1px solid #d7d7d7; border-top: 0 } 
.comment_reply_box .comment_reply { box-sizing:border-box; border-bottom:1px solid #dadce0; padding:0 15px } 
.comment_reply_box .comment_reply:last-child { border-bottom: 0 } 
.comment_reply_box .comment_reply .writer { box-sizing:border-box; position: relative; } 
.comment_reply_box .comment_write { background:#fafafa; padding:0 15px 20px; border-top:0; } 
.comment_reply_box .comment_write .reply_btn_box { background:#fff; padding-right:15px; } 
.comment_list .flex_wrap { display: flex; justify-content: space-between; align-items: center; padding-bottom: 5px } 
.comment_cont { padding: 10px 0; font-size: 18px; line-height: 2;} 
.comment_cont > p { font-size: 15px } 
.btn_opt .dropdown-toggle { position: absolute; top:-10px; right: 0; width: 20px; height: 20px; background: url(../images/ico/dot.png) no-repeat center center; background-size: 23px; padding: 0; opacity: .5 } 
.btn_opt .dropdown-toggle::after { display: none } 
.btn_opt .dropdown-menu { min-width: auto; display: flex; align-items: center; gap:12px } 
.btn_opt .dropdown-item { color:#888; font-size: 14px; cursor: pointer } 
.btn_opt .dropdown-item:active { background-color: inherit } 
.comment_login { padding:10px 15px; width:100%; font-size:13px; text-align:left; color:#a5a5a5; border:1px solid #ddd; background-color:#fff } 
.btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } 
.comment_list { margin-bottom:50px } 
.comment_list .btn { border:0; cursor: pointer !important } 
.comment_list .comment_wrap:first-child { border-top:none } 
.comment_box { clear:both; padding-top:20px; border-bottom:1px solid #dadce0; font-size:14px; line-height:22px; } 
.comment_box .reply_03 p { word-break: break-all } 
.comment_box .btn_thumb { padding-right: 0 !important; display: flex; align-items: center; margin-right: 5px; } 
.comment_box .btn_thumb:last-child { margin-right: 0 } 
.comment_box .btn_thumb:first-child .active { color:#d9534f !important } 
.comment_box .btn_thumb:last-child .active { color:blue !important } 
.comment_wrap .comment_list .comment_box p { word-break:break-all; line-height: 1.7; color:#222; font-size: 14px; } 
.comment_time { padding-left:3px; font-size:14px; font-weight: 300; color:#888 } 
.comment_wrap .comment_write .not_comment { padding: 20px; margin: 0 auto; } 
.comment_wrap .comment_write .not_comment p { text-align: center; opacity: .8; font-size: 14px; } 
.comment_list .btn-info { padding:10px 15px; width:100%; text-align:left; font-size:14px; color:#656565 !important; border-radius: 0; border:1px solid #dadce0; background: #fff !important; margin-bottom: 15px } 
.comment_list .btn-info:hover { color: inherit; border: 1px solid #222 } 
.comment_tab { display: block; margin-top:50px; padding-bottom: .75rem; border-bottom:1px solid #222 } 
.comment_tab a { display: inline-block; margin-right:10px; font-size:16px; line-height: 1.125; opacity: .65; color:#111 } 
.comment_tab a:hover { color:inherit; font-weight: bold; opacity: 1 } 
.comment_tab a.active { font-weight:bold; opacity: 1 } 
.re_write { clear:both; position:relative; padding:0 15px 15px; background-color: #f9f9f9; border-top: 1px solid #d7d7d7 } 
.re_write::before { content: ''; position: absolute; width: 8px; height: 8px; border-left: 2px solid #ddd; border-bottom: 2px solid #ddd; left:15px; top:20px } 
.re_write .re_txtarea::placeholder { color:#ccc } 
.login_notice { display:inline-block; margin-top:15px; margin-left:15px; padding:0; font-size:14px; color: #222; text-align: left; background: none } 
.re_txtarea { display:block; width:100%; overflow-y: auto; height: 85px; padding: 15px; font-size: 14px !important; line-height: 1.625; border:0; } 
.re_txtarea::placeholder { color:#a5a5a5 } 
.re_under_wrap { display:flex; padding:5px 15px; justify-content: space-between; align-items: center; border-top:1px solid #ddd } 
.re_under_wrap > span { font-size:12px; opacity: .6; letter-spacing: 0 } 
.re_under_wrap > .btn { padding:.375rem 1rem } 
.robbot_box { padding-left:141px; padding-bottom:15px } 
.reply_login { margin-top:2px } 


/* WCMS 페이지관리 */
.company_greeting .content > .arti_box { width: 80%; } 
.company_greeting .content > .arti_box > .speech-box { width: 100%; } 
.company_location .content > .arti_box { width: 80%; } 
.company_location .content > .arti_box > .organi-box { width: 100%; padding-top: 20px; } 
.company_intro .content > .arti_box { width: 80%; } 
.company_intro .content > .arti_box > .organi-box { width: 100%; padding-top: 20px; } 


/* 하단 모바일 버전 버튼 */
.mobile_trans_btn { display: flex; margin: auto; width: fit-content; border: 1px #d7d7d7 solid; background-color: #ededed; margin-bottom: 30px !important; justify-content: center; position: relative; top: 28px; clear: both; } 
.mobile_trans_btn a { display: block; padding: 20px; } 
.mobile_trans_btn span { display: block; text-align: center; font-size: 40px; color: #333; font-weight: 600; } 


body[data-page-seq="98"] { min-width:inherit } 

/* 동영상기사 사이즈 맞춤 */
/* #articlebody > div:nth-of-type(1) > div:nth-of-type(1) > iframe { width: 100%; height: 100%; position: absolute; } */

/* 메인화면 포토뉴스 수정 */
#main_news_list_22 li { margin-bottom: 20px; } 

.mb0 { margin-bottom: 0 !important; } 

#articlebody figure + div:nth-of-type(1) { margin-bottom : 20px } 

.kw_tv_container .arl_008 img { object-fit: fill; } 
.kwnews_tv .thumb img { object-fit: fill; } 

/* 동영상뉴스 */
.post-body-area figure.media { clear: both; display: block; margin: .9em 0; min-width: 15em; } 


/* 연관기사 */
.relation_list .related-news { list-style: none; padding: 0 15px 15px; margin: 0; } 
.relation_list .related-news li { position: relative; padding-left: 20px; margin-bottom: 8px; font-size: 16px; line-height: 20px; color: #555; } 
.relation_list .related-news li a { text-decoration: none; color: inherit; letter-spacing: -0.5px; font-weight: 500; } 
.relation_list .related-news li a:hover { text-decoration: underline; } 
.relation_list .related-news li::before { content: ''; position: absolute; left: 0; top: 3px; width: 8px; height: 10px; border-left: 2px solid #d34949; border-bottom: 2px solid #d34949; } 
.list_type_a_inner .related-news { list-style: none; padding: 15px 0 0; margin: 0; } 
.list_type_a_inner .related-news li { position: relative; padding-left: 20px; margin-bottom: 8px; font-size: 14px; line-height: 1.5; color: #555; } 
.main_center_article .related-news { list-style: none; padding: 0 15px 15px; margin: 0; } 
.main_center_article .related-news li { position: relative; padding-left: 20px; margin-bottom: 8px; font-size: 14px; line-height: 18px; color: #555; border-bottom: 0 !important;} 
.main_center_article .related-news li a { text-decoration: none; color: inherit; letter-spacing: -0.5px; font-weight: 500; } 
.main_center_article .related-news li a:hover { text-decoration: underline; } 
.main_center_article .related-news li::before { content: ''; position: absolute; left: 0; top: 3px; width: 8px; height: 10px; border-left: 2px solid #d34949; border-bottom: 2px solid #d34949; } 
.list_type_a_inner .related-news { list-style: none; padding: 15px 0 0; margin: 0; } 
.list_type_a_inner .related-news li { position: relative; padding-left: 20px; margin-bottom: 8px; font-size: 14px; line-height: 1.5; color: #555; } 
.main_editorial_article ,  .main_photo_article  {margin-top:30px}
.main_depth_article {margin-top:20px}
[data-layout-area="RIGHT_BANNER_04"] img {margin-top: 25px;}

/*기사상세 관련기사*/
.rel_list h2 {font-size: 20px;}
.rel_list ul { list-style: none; margin:20px 0 !important; padding: 0 15px 15px; margin: 0;}
.rel_list li {position: relative; padding-left: 20px;margin-bottom: 14px; font-size: 16px; line-height: 20px; color: #555}
.rel_list li a { text-decoration: none; color: inherit; letter-spacing: -0.5px; font-weight: 500;}
.rel_list li a:hover { text-decoration: underline;}
.rel_list li::before { content: ''; position: absolute; left: 0; top: 3px; width: 8px; height: 10px; border-left: 2px solid #d34949; border-bottom: 2px solid #d34949}


/* 독자게시판 리스트 윈도우팝업 수정 */
.board_list_wrap { width: 100%; font-family: 'Noto Sans KR', sans-serif; } 
a { text-decoration: none; color: inherit; } 

/* Search Box */
.board_search_box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; } 
.search_inputs { display: flex; gap: 10px; } 
.search_select { padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px; } 
.search_input { width: 250px; padding: 8px 12px; border: 1px solid #ccc; border-radius: 4px; } 
.btn_search { padding: 8px 20px; background-color: #0b4a9b; /* 파란색 버튼 */
 color: #fff; border: none; border-radius: 4px; cursor: pointer; } 
.btn_reset { padding: 8px 20px; background-color: #fff; color: #666; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; } 
.btn_register { padding: 13px 20px; background-color: #e55325; /* 주황색 버튼 */
 color: #fff; border: none; border-radius: 4px; cursor: pointer; } 

/* Board Table */
.board_table { width: 100%; border-collapse: collapse; text-align: center; font-size: 14px; } 
.board_table tr {cursor: pointer;}
.board_table tr:hover {background-color: #f7f7f7;}
.board_table tr th { padding: 15px 10px; border-top: 2px solid #ccc; border-bottom: 1px solid #ddd; background-color: #f9f9f9; font-weight: bold; color: #333; } 
.board_table tr td { padding: 15px 10px; border-bottom: 1px solid #eee; color: #555; font-size: 13px;} 
.board_table .td_subject { text-align: left; } 
.board_table .td_subject a {-webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.board_table .td_subject a:hover { text-decoration: underline; } 

/* Pagination */
.pagination { display: flex; justify-content: center; align-items: center; gap: 5px; margin-top: 30px; } 
.pagination a { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; color: #666; font-size: 14px; } 
.pagination a.active { color: #0b4a9b; /* 활성화된 페이지 파란색 */
 font-weight: bold; } 
.pagination .page_btn { color: #999; }