@charset "utf-8";

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap'); */
/* @import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css'); */

/*

KSB

*/


/* mobile header */
#main_mheader {display:none; position:fixed; width:100%; height:75px; border-bottom:1px solid #dcdde1; background:#fff; box-sizing:border-box; z-index:99999;}
#main_mheader > .inner {width:100%; text-align:center;}
#main_mheader > .inner .logo {display:inline-block; line-height:74px;}
#main_mheader > .inner .logo img {vertical-align:middle;}
#main_mheader .btn_nav {position:absolute; top:0; right:0; width:70px; height:74px; background:#fff;}
#main_mheader .btn_nav .text {font-size:0.1px; color:rgba(255,255,255,0); opacity:0.01; width:1px; height:1px;}
#main_mheader .btn_nav .btn_nav_bar {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:30px; height:27px;}
#main_mheader .btn_nav .btn_nav_bar div {height:3px; background-color:#292929;}
#main_mheader .btn_nav .btn_nav_bar .bar_top, #main_mheader .btn_nav .btn_nav_bar .bar_bottom {width:100%;}
#main_mheader .btn_nav .btn_nav_bar .bar_middle {margin-top:8px; margin-bottom:8px; margin-left:10px; width:20px;}
#main_mheader .m_navi_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.8);}
#main_mheader .m_navi {display:none; position:fixed; top:0; right:0; width:calc(100% - 80px); height:100%; background:#fff;}
#main_mheader .m_navi > .inner {height:100%;}
#main_mheader .btn_nav_close {position:absolute; top:20px; left:-50px; background:transparent;}
#main_mheader .m_navi_top {position:absolute; top:0; right:0; width:100%;}
#main_mheader .m_navi_title {padding:20px 30px 0 30px; width:100%; height:90px; background:#3a1162;}
#main_mheader .m_navi_title strong {display:block; line-height:30px; font-size:25px; font-weight:bold; color:#fff;}
#main_mheader .m_navi_title span {display:block; font-size:17px; color:#fff;}
#main_mheader .m_navi_search {position:relative; width:100%; height:110px; border-bottom:2px solid #3a1162;}
#main_mheader .m_navi_search .search_input_box {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:350px; height:46px; overflow:hidden;}
#main_mheader .m_navi_search .search_input_box .name_input label{ position:absolute; cursor:pointer; margin-top: 13px; margin-left: 10px; color:#555; }
#main_mheader .m_navi_search .search_input_box input[type="text"] {float:left; padding:0 10px; width:300px; height:46px; line-height:44px; border:0; text-indent:0; border-bottom:2px solid #3a1162; box-sizing:border-box;}
#main_mheader .m_navi_search .search_input_box a{float:left; margin-top:7px; margin-left:5px; width:37px; height:39px; padding:0; background:transparent;}
#main_mheader .m_navi_menu {position:relative; display:block; top:200px; width:100%; height:calc(100% - 350px); overflow-y:auto;}
#main_mheader .m_navi_menu > li.depth_1 > a {position:relative; display:block; width:100%; border-bottom:1px solid #bab6be; background:#e9e4ee;}
#main_mheader .m_navi_menu > li.depth_1 > a span {display:inline-block; padding:20px 15px; font-size:20px; font-weight:bold;}
#main_mheader .m_navi_menu > li.depth_1 > a:after {content:''; position:absolute; display:block; top:50%; right:15px; transform: translateY(-50%); width:23px; height:13px; background:url('../img/main/btn_m_navi_menu_off.png');}
#main_mheader .m_navi_menu > li.depth_1 > a.on {border-top:2px solid #3a1162;}
#main_mheader .m_navi_menu > li:first-child.depth_1 > a.on {border-top:0;}
#main_mheader .m_navi_menu > li.depth_1 > a.on:after {background:url('../img/main/btn_m_navi_menu_on.png');}
#main_mheader .m_navi_menu ul {display:none;}
#main_mheader .m_navi_menu ul li.depth_2 a {position:relative; display:block; padding:10px 10px 10px 30px; width:100%; font-size:17px; border-bottom:1px solid #bab6be; background:#fff;}
#main_mheader .m_navi_menu ul li.depth_2 a:after {content:''; position:absolute; display:block; top:50%; left:20px; transform: translateY(-50%); width:5px; height:2px; background:#000;}
#main_mheader .m_navi_menu ul li.depth_2:last-child a {border-bottom:2px solid #3a1162;}
#main_mheader .m_navi_footer {position:absolute; padding:10px 30px 0; width:100%; height:150px; bottom:0; box-sizing:border-box;}
#main_mheader .m_navi_footer .link {overflow:hidden; margin-bottom:30px;}
#main_mheader .m_navi_footer .link li {float:left; width:50%; height:50px; text-align:center; font-size:18px; font-weight:bold; line-height:48px; border:1px solid #bab6be; box-sizing:border-box;}
#main_mheader .m_navi_footer .link li:first-child {border-right:0;}
#main_mheader .m_navi_footer .text {display:block; width:100%; font-size:18px; font-weight:bold; color:#555555; text-align:center;}
#main_mheader .m_search_btn{ width:37px; }
#main_mheader .m_search_btn img{ width:100%; }

.mobile_bn{ width:100%; }



/* mobile footer */
#mfooter {position:relative; padding:40px 10px; width:100%; background:#2b2d33; text-align:center; box-sizing:border-box; display:none }
#mfooter .logo li {display:inline-block;}
#mfooter .logo li.msit {margin-right:10px;}
#mfooter .footer_info {margin-top:20px;}
#mfooter .footer_info address {line-height:25px; font-size:18px; font-style:normal; font-weight:bold; color:#fff;}
#mfooter .footer_info address a{ color:#fff; }
#mfooter .footer_info address span:first-child {position:relative; display:inline-block; padding-right:20px; }
#mfooter .footer_info address span:first-child:after {content:''; position:absolute; display:block; top:4px; right:9px; width:2px; height:16px; background:#6d6d6e;}
#mfooter .footer_info p {margin-top:5px; line-height:25px; font-size:18px; font-weight:bold; color:#7a7a7a;}


.mobile_main{ display:none; } /* 20201012 ahyun 위치 옮겼더니 pc화면에서도 보여서 none처리 했습니다 */

/* responsive css */
@media screen and (max-width: 900px) {

	.menu_dis_non {display:none !important;}
	.center{ width:100% !important; }
	/***** header *****/
	#main_header {display:none;}
	
	.section_top {display:none;}		/* 20201012 ahyun 추가 */
	.section_middle {display:none;}		/* 20201012 ahyun 추가*/
	.section_bottom {display:none;}		/* 20201012 ahyun 추가*/
	
	#main_mheader {display:block;}

	/***** contents *****/
	html, body { min-width:100%; }
	#main_section .center {width:100%;}
	#main_section {box-sizing:border-box; background:#f1f1f1;}
	.wrap{width:100%; min-height:0px;position: relative; padding-bottom: 0px !important; box-sizing:border-box; }

	/***** main contents *****/
	#main_section {padding:85px 10px 20px; min-height:900px;}
	/*#main_section .contents.center{ display:none; }*/   /* 20201012 ahyun 수정 ) */
	.mobile_main{ display:block; overflow:hidden; }
	.mobile_main .Graph_slide{ height:0px; width:100%; margin-right:0px; padding-bottom: 51%; }
	.mobile_main .Graph_slide .slide_wrap{ width:100%; height:auto; }
	.mobile_main .Graph_slide .slide_wrap .slide_img{ height:auto; }
	.mobile_main .Graph_slide .slide_play_btn{ left:auto; right:30px; }
	.mobile_main .Graph_slide .slide_wrap .slick-prev{ left:auto; right:50px; }
	
	.mobile_main .ICTinEconomy{ width:100%; height:auto; }
	.mobile_main .ICTinEconomy_block{width:49%;margin-right:0px;margin-bottom:0px;margin-bottom:2%;background-color:#fff !important;color:#222;padding: 10px;box-sizing:border-box; height:120px;}
	.mobile_main .ICTinEconomy .ICTinEconomy_block:nth-child(2n){ margin-left:2%; }
	.mobile_main .ICTinEconomy .ICTinEconomy_block .Economy_text_3{ color:#3a1162; }
	.mobile_main .ICTinEconomy .ICTinEconomy_block .Economy_text_big{color:#3a1162;left: 9px; bottom:4px;}
	.mobile_main .ICTinEconomy .block_1{background: url('../img/main/Economy_block_1_mo.png') no-repeat;background-position: bottom 15px right 20px; background-size:35%; }
	.mobile_main .ICTinEconomy .block_2{background: url('../img/main/Economy_block_2_mo.png') no-repeat;background-position: bottom 15px right 20px; background-size:35%; }
	.mobile_main .ICTinEconomy .block_3{background: url('../img/main/Economy_block_3_mo.png') no-repeat;background-position: bottom 15px right 20px; background-size:35%; }
	.mobile_main .ICTinEconomy .block_4{background: url('../img/main/Economy_block_4_mo.png') no-repeat;background-position: bottom 15px right 20px; background-size:35%; }
	
	.mobile_main .mobile_list_tab{ float:left; width:100%; overflow:hidden; min-height:295px; /*margin-bottom:2%;*/ }
	.mobile_main .list_tab_box{ float:left; width:calc(100% / 3); }
	.mobile_main .list_tab_title{ width:100%; border:1px solid #e5e5e5; border-left:0px; text-align:center; padding:15px 0px 14px; background:#fff; font-weight:600; }
	.mobile_main .list_tab_box:nth-child(1) .list_tab_title{ border-left:1px solid #e5e5e5; }
	.mobile_main .list_tab_cnt{ position:absolute; width:calc(100% - 20px); display:none; left: 10px; }
	.mobile_main .list_tab_box.tab_on .list_tab_cnt{ display:block; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
	.mobile_main .list_tab_box.tab_on .list_tab_title{ background:#3a1162; color:#fff; border:1px solid #3a1162; }
	.mobile_main .list_tab_item{ background:#fff; border-bottom:1px solid #e5e5e5; overflow:hidden; }
	.mobile_main .list_tab_link{ overflow:hidden; width:100%; padding:15px 0px 14px; float:left; }
	.mobile_main .list_tab_item_date{ float:left; width:170px; padding-left:20px; box-sizing:border-box; color:#3a1162; font-weight:600; }
	.mobile_main .list_tab_item_title{ float:left; width:calc(100% - 180px); font-weight:600; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	
	.mobile_main .mobile_notice{ display : none; float:left; width:100%; background:#fff; padding:10px 20px; position:relative; }
	.mobile_main .mobile_notice_link{ width:calc(100% - 100px); overflow:hidden; }
	.mobile_main .notice_img{ width:60px; float:left; }
	.mobile_main .mobile_notice_title{ width:calc(100% - 60px); float:left; padding:0px 10px; box-sizing:border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top:2px; }
	.mobile_main .mobile_notice .slide_play_btn{ position:absolute; right:0px; top:50%; width:80px; margin-top:-5px; }
	.mobile_main .mobile_notice .slide_play_btn .play{width: 8px;height: 10px; position: absolute;top: 0;left: 0; background: url('../img/main/main_slide_play.png') no-repeat;background-size: 8px;}
	.mobile_main .mobile_notice .slide_play_btn .pause{width: 8px;height: 10px;position: absolute;top: 0;left: 0;background: url('../img/main/main_slide_stop.png') no-repeat;background-size: 8px;display: none;}
	.mobile_main .mobile_notice .slick-prev{position: absolute;right:30px; left:auto; width: 6px;height: 12px;background: url('../img/main/icon_slide_btn_left.png') no-repeat; z-index: 18; margin-top: -6px;
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);}
	.mobile_main .mobile_notice .slick-prev::before{font-size: 0;}
	.mobile_main .mobile_notice .slick-next{position: absolute;right: 10px; width: 6px;height: 12px;background: url('../img/main/icon_slide_btn_right.png') no-repeat; z-index: 18;margin-top: -6px;
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);}
	.mobile_main .mobile_notice .slick-next::before{font-size: 0;}
	
	.mobile_main .mobile_bn{ float:left; width:100%; background:#fff; padding:0px; position:relative; margin-bottom:10px; }
	.mobile_bn_slide_item{ padding:20px; width:100%; }
	.mobile_bn_slide_item.c_1{  background: rgb(255,84,170);
    background: linear-gradient(45deg, rgba(255,84,170,1) 0%, rgba(24,110,228,1) 100%); }
	.mobile_bn_slide_item.c_2{ background: rgb(62,206,164);
    background: linear-gradient(45deg, rgba(62,206,164,1) 0%, rgba(20,111,194,1) 100%);  }
	.mobile_bn_slide_item.c_3{ background:#9fc42e; }
	.mobile_bn_slide_item.c_4{ background:#646ccc; }
	.mobile_bn_slide_item.c_5{ background:#6c35a1; }
	.mobile_main .mobile_bn_link{ width:100%; overflow:hidden; height:100px; word-break:keep-all; color:#fff; }
	.mobile_main .mobile_bn_link .mobile_bn_title{ font-size:18px; font-weight:800; margin-bottom:5px; }
	.mobile_main .mobile_bn_link .mobile_bn_txt{ word-break:keep-all; }
	.mobile_main .mobile_bn .slide_play_btn{ position:absolute; left:50%; margin-left:-10px; bottom:30px; }
	.mobile_main .mobile_bn .slide_play_btn .play{width: 20px;height:20px;  position: absolute;top: 0;left: 0; background: url('../img/main/main_slide_play.png') no-repeat #fff center; background-size: 8px; border-radius:10px;}
	.mobile_main .mobile_bn .slide_play_btn .pause{width: 20px;height: 20px;position: absolute;top: 0;left: 0;background: url('../img/main/main_slide_stop.png') no-repeat #fff center;background-size: 8px; border-radius:10px;display: none;}
	.mobile_main .mobile_bn .slick-prev{position: absolute;left:50%; margin-left:-35px; width: 20px;height: 20px; background: url('../img/main/icon_slide_btn_left.png') no-repeat #fff center; background-size:6px; z-index: 18; border-radius:10px; -webkit-transform: translate(0, 0);-ms-transform: translate(0, 0); transform: translate(0, 0);  bottom:10px; top:auto; }
	.mobile_main .mobile_bn .slick-prev::before{font-size: 0;}
	.mobile_main .mobile_bn .slick-next{position: absolute;left:50%; margin-left:15px; width: 20px;height: 20px; background: url('../img/main/icon_slide_btn_right.png') no-repeat #fff center; background-size:6px; z-index: 18; border-radius:10px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);  bottom:10px; right:auto; top:auto; }
	.mobile_main .mobile_bn .slick-next::before{font-size: 0;}
	

	/***** sub *****/
	/* common */
	#sub_header{ display: none !important; }
	.name_input label{ left: 0px; } 
	#sub_top_section.sub_bg_01 { display: none; }
	#sub_top_section.sub_bg_02 { display: none; }
	#sub_top_section.sub_bg_03 { display: none; }
	#sub_top_section.sub_bg_04 { display: none; }
	#sub_top_section.sub_bg_05 { display: none; }
	#sub_top_section.sub_bg_06 { display: none; }
	#aside { display: none; }
	#sub_section{ padding: 0px !important; }
	#sub_section .contents.center { padding-left: 0px !important; }
	.section_wrap { padding-top: 100px; }
	
	
	/* user guide */
	.User_guide{ display: none; }
	.User_guide_mobile{ display: block; }
	.introduce_img{ min-height: 300px; }
	.industry_tab_btn{ margin-bottom: 10px; margin-left: 15px; }
	
	.content_search{ padding: 15px !important; position: relative; }
	.content_search .info_cnt { float: none; margin-top: 0; width: 100%; }
	.industry_btn { float: none; margin-top: 10px; width: 100%; }
	a.btn_base:nth-child(1), input.btn_base:nth-child(1) { margin-left: 0px; }
	.content_search .info_cnt > select { width: 49.6% !important; }
	.industry_btn > input[type="button"] { width: 32.8% !important; }
	.notice_list table tr th:nth-child(4) { display: none; }
	.notice_list table tr td:nth-child(4) { display: none; }
	.notice_list table tr th:nth-child(5) { display: none; }
	.notice_list table tr td:nth-child(5) { display: none; }
	
	/* search layout */
	.integrated_search_contents{ box-sizing: border-box; padding: 2% !important; }
	.Integrated_search_box{ padding: 15px 0 15px 0 !important; }
	.integrated_search_tab{ display: none; }
	.integrated_search_in_text > a{ width: 85%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
	.integrated_search_contents .inte_search_cont_title .btn_base{ display: none; }
	
	/* major */
	.majorDB_option > .info_box{ width: 100% !important; }
	.chart_info .info_box:nth-child(3) .info_title{ min-height: 43px !important; padding: 0px 5px; }
	.majorDB_option > .info_box > .info_cnt > select.date_select { width: 44% !important; }
	.chart_bottom_txt{ letter-spacing: -1px; }
	/*
	div#chartHolder{ height: 300px !important; }
	div#chartHolder > .rMateH5__Root{ height: 300px !important; }
	div#chartHolder > .rMateH5__Root .rMateH5__rMateChart{ height: 300px !important; }
	div#chartHolder > .rMateH5__Root .rMateH5__rMateChart .rMateH5__ContentPane{ height: 300px !important; }
	*/
	
	/* gallery */
	.gallery{ width: 100% !important; box-sizing: border-box; padding: 2% 1% !important; }
	.gallery .cover { margin-right: 0; width: 48%; margin: 0 1%; }
	.cover_img{ width: 100% !important; height: 250px !important;  }
	.gallery_title{ width: 100% !important; }
	.gallery_text{ width: 100% !important; }
	
	/* preview */
	.preview{ display: none; }
	.unfold_left{ display: none; }
	.unfold_right{ margin-left: 9% !important; }
	.unfold_right:before{ background: none !important; }
	.unfold_right .right_in_text{ margin-left: 0; }
	.statGridTd, .title01{ font-size: 15px; }
	.unfold_right .right_in_text{ font-size: 15px !important; }
	a.notice_list_title{ padding-left: 4%; }

	.preview_no1 > table colgroup col:nth-child(4){ display: none; }
	.preview_no1 > table th:nth-child(4){ display: none; }
	.preview_no1 > table td:nth-child(4){ display: none; }
	.preview_no1 > table th:last-child{ width: 16% !important; }
	
	.preview_no2 > table colgroup col:nth-child(4){ display: none; }
	.preview_no2 > table th:nth-child(4){ display: none; }
	.preview_no2 > table td:nth-child(4){ display: none; }
	
	/* stat_DB */
	.stat_DB_content{ box-sizing: border-box; padding: 4%; overflow:hidden; }
	.stat_DB_content .DB_box{ width: 100% !important; margin-left: 0px !important; }
	.stat_DB_tab{ display:none; }
	.statistics_DB .content_search .btn_base{ margin-top:0px !important; }
	.stat_DB_content .DB_info_pop{ width: 100%; left: 4%; right: 0; bottom: 0 !important; top: auto !important; }
	
	/* 210401 ksb tableau sub page add */
	.box_list_wrap{ padding:0 1%; }
	.box_list_wrap + .paging{ padding-bottom:2%; }
	.tbl_wrap{ padding:2%; }
	.tbl_wrap .industry_tab_btn{ margin-left:0px; }
	
	/* paging */
	.page_num > li{ font-size: 15px; }
	.page_num > li:first-child{ display: none; }
	.page_num > li:last-child{ display: none; }
	.page_num .btn_base{ min-width: 25px; }
	
	.hover_down{ width:100%; padding:20px 42%; }
	
	/***** footer *****/
	#footer {display:none;}
	#mfooter {display:block;}
  
	/* mobile event popup CSS */
	.mobile_event_popup{ position:absolute; top:100px;width:338px; height:338px; left:50%; margin-left:-169px; z-index:100; }
	.mobile_event_popup .btn_pop_close{ position:absolute; right:10px; top:10px; width:20px; }
	.mobile_event_popup .btn_pop_close img{ width:20px; }
	.event_link_img img{ width:338px; height:338px; }
	
	/* 인기통계 -  220530 박승연 */
	.inte_search_cont_li .listUnder .route,
	.inte_search_cont_li .listUnder .source {width: 100%;} 
	.content_search_box.calendar {float: left; margin-top: 10px;}
}

@media screen and (max-width: 650px) {


	/* header */
	#main_mheader {height:60px;}
	#main_mheader > .inner .logo {line-height:59px;}
	#main_mheader > .inner .logo img {width:150px;}
	#main_mheader .btn_nav {width:50px; height:59px;}
	#main_mheader .m_navi {width:calc(100% - 60px)}
	#main_mheader .m_navi_title {height:65px; padding:12px 15px 0 15px;}
	#main_mheader .m_navi_title strong {line-height:24px; font-size:24px;}
	#main_mheader .m_navi_search {height:80px;}
	#main_mheader .m_navi_search .search_input_box {width:220px;}
	#main_mheader .m_navi_search .search_input_box input[type="text"] {width:170px;}
	#main_mheader .m_navi_menu {top:145px; height:calc(100% - 275px);}
	#main_mheader .m_navi_menu > li.depth_1 > a span {padding:15px 10px; font-size:17px;}
	#main_mheader .m_navi_footer {padding:10px 10px 0; height:130px;}
	#main_mheader .m_navi_footer .link {margin-bottom:10px;}
	#main_mheader .m_navi_footer .link li {width:100%; height:30px; line-height:28px; font-size:17px;}
	#main_mheader .m_navi_footer .link li:first-child {border-right:1px solid #bab6be; border-bottom:0;}
	#main_mheader .m_navi_footer .text {font-size:17px;}

	/* main contents */
	#main_section {padding:70px 10px 20px; min-height:600px;}
	.mobile_main .ICTinEconomy .ICTinEconomy_block .Economy_text_1{font-size: 17px;}
	.mobile_main .ICTinEconomy .ICTinEconomy_block .Economy_text_2{ font-size:15px; }
	.mobile_main .ICTinEconomy .ICTinEconomy_block .Economy_text_big{ font-size:22px; }
	.mobile_main .ICTinEconomy .block_1{background: url('../img/main/Economy_block_1_mo.png') no-repeat;background-position: bottom 5px right 20px;background-size: 40%;}
	.mobile_main .ICTinEconomy .block_2{background: url('../img/main/Economy_block_2_mo.png') no-repeat;background-position: bottom 5px right 20px; background-size:40%; }
	.mobile_main .ICTinEconomy .block_3{background: url('../img/main/Economy_block_3_mo.png') no-repeat;background-position: bottom 5px right 20px; background-size:40%; }
	.mobile_main .ICTinEconomy .block_4{background: url('../img/main/Economy_block_4_mo.png') no-repeat;background-position: bottom 5px right 20px; background-size:40%; }
	
	.mobile_main .list_tab_title{ font-size:16px; }
	.mobile_main .list_tab_item_date{ float:left; width:140px; padding-left:10px; box-sizing:border-box; color:#3a1162; font-weight:600; font-size:15px; }
	.mobile_main .list_tab_item_title{ float:left; width:calc(100% - 150px); font-weight:600; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:15px; }

	.mobile_main .mobile_notice{ padding:10px; }
	.mobile_main .mobile_notice_title{ font-size:15px; margin-top:3px; }
	.mobile_main .mobile_notice .slide_play_btn{ width:70px; }
	
	/* sub */
	.content_search .info_cnt > select { width: 49.6% !important; }
	.industry_btn > input[type="button"] { width: 32.6% !important; }
	.section_wrap {  padding-top: 60px; }
	.notice_list table tr th:nth-child(1) { width: 15%; }
	.notice_list table tr td:nth-child(1) { width: 15%; }
	.notice_list table tr th:nth-child(3) { width: 20%; }
	.notice_list table tr td:nth-child(3) { width: 20%; }
	.content_search_text { padding-top: 0px; float: none; width: 100%; }
	.content_search_box{ padding-top: 0px !important; width: 100%; text-align: center; }
	.content_search_btn{ padding-top: 0px; position: absolute; bottom: 15px; right: 22%; }
	.hover_down{ padding:20px 39%; }
	.bbLine .title,.noti_con_top .title{ width:20% !important; font-size:17px; }
	.bbLine .con_text,.noti_con_top .con_text{ width:80% !important;  }
	.noti_con_top > div.con_text{ font-size:16px !important; }
	.bbLine div:nth-child(n+3){ border-top:1px solid #ddd; }
	.file_option .title{ width:20% !important; }
	.file_option .con_text{ width:80% !important; }
	
	/* 201124 notice,info read page edit */
	.cnt_wide .con_text:before,.multi_line div:nth-child(2):before {content: " ";display: block;width: 165px;height: 100%;position: absolute;margin-left: -175px;margin-top: -10px;background: #f5f1f9;}
	.cnt_wide > div.title,.multi_line div:nth-child(1){ position: absolute;z-index: 20;font-size:17px; }
	.cnt_wide .con_text ,.multi_line div:nth-child(2){position: relative;margin-left: 20%; font-size:16px !important; }
	.cnt_wide ,.multi_line{position: relative;}
	.file_option.cnt_wide .title{ width:20% !important; font-size:17px; }
	.file_option.cnt_wide .con_text{ width:80% !important; margin-left:20%; font-size:16px; }
	.multi_line{ display:block;  }
	.multi_line div{ display:block; float:left !important;}
	
	.list_prev_next .go_back_btn{ padding-top:0px; padding:20px; }
	
	/* 210401 ksb tableau sub page add */
	.box_list_wrap .box_list_ul .box_list_li .box_txt .box_txt_tit,.box_list_wrap .box_list_ul .box_list_li .box_txt .box_txt_sum{ max-height:fit-content; }
	.box_list_wrap .box_list_ul .box_list_li{ padding:10px; margin-top:10px; }
	.box_list_wrap .box_list_ul .box_list_li .box_thumb{ position:relative; margin:0 auto; top:0; left:0; margin-bottom:10px; }
	.box_list_wrap .box_list_ul .box_list_li .box_txt .box_txt_tit{ font-size:18px; }
	.box_list_wrap .box_list_ul .box_list_li .box_txt .box_txt_date,.box_list_wrap .box_list_ul .box_list_li .box_txt .box_txt_sum{ font-size:16px; }
	.box_list_wrap .box_list_ul .box_list_li .box_txt .box_txt_date{ margin:10px 0px; }
	.txt_tit{ font-size:18px; }
	.txt_cnt,.tbl_edit{ font-size:16px; }
	.txt_box{ padding:15px; }
	
	/* 210422 ksb privacy box add */
	
	.txt_box{ font-size:15px; }
	.txt_h2{ font-size:20px; }
	.privacy_box h3{ font-size:18px; }
	.prv_cnt{ font-size:15px; line-height:24px; padding-left:10px; }
	.prv_ul li,.cnt_table tr th,.cnt_table tr td{ font-size:15px; }
	.cnt_tbl_wrap{ overflow-x:auto; }
	.cnt_tbl_wrap .cnt_table{ min-width:500px; }
	.link_p .btn_base{ padding:0px 10px; line-height:30px; height:31px; }

	
	/* footer */
	#mfooter {padding:30px 10px;}
	#mfooter .logo li img {width:auto; height:20px;}
	#mfooter .footer_info address {font-size:17px;}
	#mfooter .footer_info address span {width:100%;}
	#mfooter .footer_info address span:first-child {padding:0;}
	#mfooter .footer_info address span:first-child:after {display:none;}
	#mfooter .footer_info p {font-size:17px;}


}

@media screen and (max-width: 600px) {
	.content_search_btn{ right: 20%; }
}

@media screen and (max-width: 540px) {
	.content_search .info_cnt > select { width: 49.0% !important; }
	.industry_btn > input[type="button"] { width: 32.2% !important; }
	.code_li{ font-size: 12px; }
	.content_search_btn{ right: 15%; }
}

@media screen and (max-width: 500px) {
	.content_search .info_cnt > select { width: 49.0% !important; }
	.industry_btn > input[type="button"] { width: 32.2% !important; }
	.code_li{ font-size: 10px; }
	.content_search_btn{ right: 10%; }
	.notice_list table tr th { font-size: 15px; }
	.notice_list table tr td { font-size: 15px; }
	.notice_list table tr th:nth-child(1) { width: 17%; }
	.notice_list table tr td:nth-child(1) { width: 17%; }
	.notice_list table tr th:nth-child(3) { width: 22%; }
	.notice_list table tr td:nth-child(3) { width: 22%; }
}


@media screen and (max-width: 470px) {
	/*.chart_info .info_box:nth-child(3) .info_title{ height:133px !important; padding: 17px 5px; }*/
	.hover_down{ padding:20px 33%; }
	.mobile_main .mobile_bn_link .bn_txt .mobile_bn_title{ font-size:17px; }
	.mobile_main .mobile_bn_link .bn_txt .mobile_bn_txt{ font-size:14px; }
	.mobile_bn_slide_item{ padding:10px;}
}

@media (orientation: landscape) {
	/* Landscape mode CSS */
	#mheader .m_navi_top{ position:relative; }
	#mheader .m_navi_menu{ height:auto; top:0px; }
	#mheader .m_navi > .inner{ overflow:auto; }
	#mheader .m_navi_search{ position:relative; bottom:auto; }
	#mheader .m_navi_footer{ position:relative; bottom:auto; }
}

/* 20220530 13:00 */