/* - - - - - - - - - - °øÅë - - - - - - - - - - */
.inner { width: 100%; }
.m_only { display: block; }

/* - - - - - - - - - - Çì´õ - - - - - - - - - - */
#header { padding: 0 10px; height: 120px; }
#header .top_left { padding: 20px 0; }
h1 { width: 220px; height: 56px; }
#header .top_right { padding: 30px 0; }

/* - - - - - - - - - - ¸ÞÀÎ - - - - - - - - - - */
/* ¸Þ´º */
#gnb_wrap { margin: 10px; padding: 0; width: auto; }
#gnb { padding: 10px 10px 30px; }
#gnb .snavi_wrap1 { float: none; width: 100%; }
#gnb .snavi_wrap1 .bmenu { float: left; width: 24.25%; margin-left: 1%; margin-bottom: 20px; }
#gnb .snavi_wrap1 .bmenu:first-child { margin-left: 0; }
#gnb .snavi_wrap1 .bmenu > a { text-align: center; }
#gnb .snavi_wrap2 { float: none; width: 100%; }
#gnb .snavi_wrap2 .bmenu { float: left; width: 24.25%; margin-left: 1%; }
#gnb .snavi_wrap2 .bmenu:first-child { margin-left: 0; }
#gnb .snavi_wrap2 .bmenu > a { padding: 10px; text-align: center; }

/* ceo */
#article1 a:hover { opacity: 1; }
#article1 .image img { width: 120%; height: auto; }
#article1 .title_area { right: 20px; bottom: 20px; }
#article1 .title_wrap { padding: 30px 20px; height: auto; }
#article1 a:hover .title_wrap { transform: none; }
#article1 .section { font-size: 18px; line-height: 24px; }
#article1 .title { margin-top: 10px; font-size: 24px; line-height: 30px; }
#article1 .stitle { font-size: 18px; line-height: 24px; }
#article1 .btn_detail { margin-top: 10px; }

/* Æ¯Áý */
.article2_bg { margin-top: 30px; }
#article2 { margin-top: 30px; margin-bottom: 10px; }
#article2 h4 { left: 10px; }
#article2 .image { float: none; margin-top: 60px; width: 100%; height: auto; }
#article2 a:hover .image .img_org { transform: none; }
#article2 a:focus .image .img_org { transform: none; }
#article2 .title_area { float: none; position: unset; width: 100%; height: auto; }
#article2 .title_wrap { position: unset; right: auto; bottom: auto; left: auto; padding: 20px; display: block; overflow: hidden }
#article2 .title { max-height: none; font-size: 30px; line-height: 36px; }
#article2 .stitle { font-size: 18px; line-height: 24px; }
#article2 .context { margin-top: 20px; margin-bottom: 0; height: auto; font-size: 16px; line-height: 22px; }
#article2 #section_control { right: 10px; }
#article2 #section_control .prev a:hover,
#article2 #section_control .prev a:focus { background-color: #f5f5f5; background-image: url('/images/newshome/2020/ico_slide_prev.png'); }
#article2 #section_control .stop a:hover,
#article2 #section_control .stop a:focus { background-color: #f5f5f5; background-image: url('/images/newshome/2020/ico_slide_stop.png'); }
#article2 #section_control .play a:hover,
#article2 #section_control .play a:focus { background-color: #f5f5f5; background-image: url('/images/newshome/2020/ico_slide_play.png'); }
#article2 #section_control .next a:hover,
#article2 #section_control .next a:focus { background-color: #f5f5f5; background-image: url('/images/newshome/2020/ico_slide_next.png'); }

/* ±âÈ¹/ÁÜÀÎ */
.article3_bg { padding: 30px 0; }

/* ±âÈ¹ */
#article3 ul { padding: 10px 30px; width: 100%;}
#article3 li { margin-left: 4%; margin-bottom: 30px; width: 48%; }
#article3 li:nth-child(odd) { margin-left: 0; }

/* ÁÜÀÎ */
#article4 ul { padding: 10px 30px; width: 100%; }
#article4 li { margin-left: 4%; margin-bottom: 30px; width: 48%; }
#article4 li:nth-child(odd) { margin-left: 0; }

#article3 .context,
#article4 .context { display: none; }
#article3 a:hover .context,
#article3 a:focus .context,
#article4 a:hover .context,
#article4 a:focus .context { transform: none; transition: none; }

/* people & company */
#article5 h3 { font-size: 32px; }
#article5 ul { padding: 10px 30px; }
#article5 li { width: 48%; }
/* ÀÓ½Ã */ #article5 li:nth-child(3) { display: none; } #article5 li:nth-child(4) { display: none; }
#article5 a:hover .title_wrap { transform: none; }
.slick-list { padding: 10px 30px; }
.slick-slide { margin: 0px 30px 0 0; }
#article5 .lside button { left: 10px; }
#article5 .rside button { right: 10px; }

/* trend & solution */
#article6 h3 { font-size: 32px; }
#article6 ul { padding: 10px 30px; }
#article6 li { width: 48%; }
/* ÀÓ½Ã */ #article6 li:nth-child(3) { display: none; } #article6 li:nth-child(4) { display: none; }
#article6 a:hover .title_wrap { transform: none; }
#article6 .rside a { right: 10px; }

/* ±¸µ¶½ÅÃ» ¸ÞÀÎ¹è³Ê */
#article7 { margin-top: 30px; }
#article7 .bn_img { float: none; width: 100%; }
#article7 .bn_img img { width: 60%; height: auto; }
#article7 .bn_txt { width: 65%; height: 95px; border-top: 0; border-left: 5px solid #98c9f0; }
#article7 .bn_btn { width: 35%; }
#article7 .bn_btn a { line-height: 90px; background-color: #5eace7; border-bottom: 5px solid #98c9f0; border-right: 5px solid #98c9f0; }

/* - - - - - - - - - - ÇªÅÍ - - - - - - - - - - */
#footer { padding: 0 10px; }
.bn_webzine { margin: 0 auto; float: none; width: 70%; }
@media only screen and (max-width : 900px) {
	.bn_webzine { width: 80%; }
}
.bn_webzine a { padding: 18px 50px; background-position: right 50px center; }
.bn_webzine span { display: inline-block; }
.bn_webzine .webzine_stext { display: block; margin-top: 8px; font-size: 16px; font-weight: 400; line-height: 24px; }
.bn_webzine .webzine_stext2 { font-weight: 400; }
.btm_logo { display: none; }
.btm_wrap { margin: 15px 20px 15px 0; }
.btm_wrap { float: none; margin: 15px auto; width: auto; text-align: center; }
.btm_wrap ul { display: inline-block; vertical-align: top; }
.btm_info .info_add { float: none; display: inline-block; }
.info_tel { display: inline-block; }
.btm_info { text-align: center; }

/* Äü¸Þ´º */
#quick {
	display: block;
	position: fixed;
	right: 20px;
	bottom: 20px;
	left: auto;
	z-index: 11;
}

#quick .to_menu a {
	display: block;
	width: 50px;
	height: 50px;
	background: #000000 url('/images/newshome/2020/ico_tomenu.png') center center no-repeat;
	background-size: 90%;
	text-indent: -999em;
	border-radius: 30px;
	opacity: 0.6;
}

#quick .to_top {
	margin-top: 10px;
}

#quick .to_top a {
	display: block;
	width: 50px;
	height: 50px;
	background: #000000 url('/images/newshome/2020/ico_totop.png') center center no-repeat;
	background-size: 90%;
	text-indent: -999em;
	border-radius: 30px;
	opacity: 0.6;
}

#quick a:hover {
	opacity: 1;
}

/* - - - - - - - - - - ¼­ºê - - - - - - - - - - */

/* °ú¿ùÈ£ Ç¥Áö¸ñ·Ï */
#cover_list .section_article ul { margin: 0 3%; }
#cover_list .section_article li { margin: 20px 3%; width: 27.3%; }
#cover_list .section_article a:hover .btn_detail { display: none; }
#cover_list .section_article a:hover .img_on { display: none; }

/* °ú¿ùÈ£ ±â»ç¸ñ·Ï */
#month_article .section_article li { float: left; width: 29.3%; margin: 0 2% 20px; }
#month_article .section_article li:nth-child(4n+1) { clear: none; }
#month_article .section_article li:nth-child(3n+1) { clear: both; }
#month_article .section_article li .title_wrap { height: auto; }
#month_article .section_article li .title { text-overflow: inherit; white-space: normal; }
#month_article .section_article li .stitle { text-overflow: inherit; white-space: normal; }

/* ´ë±×·ì ±â»ç¸ñ·Ï */
#section_group_list { margin: 0 10px; }
.sub_section_title a { padding: 5px 15px; }
.sub_section_title a:hover { color: #51b89f; background-color: #ffffff; }
#section_group_list .section_article ul { margin-bottom: 40px; }
#section_group_list .section_article li { margin-left: 2%; width: 23.5%; }
#section_group_list .section_article li .title_wrap { margin-bottom: 10px; }
#section_group_list .section_article li:first-child { margin-bottom: 30px; padding-bottom: 30px; }
#section_group_list .section_article li:first-child .image { margin-right: 20px; width: 340px; height: 228px; }
#section_group_list .section_article li:first-child .title_wrap { height: 228px; }
#section_group_list .section_article li:first-child .context { height: 96px; }
#section_group_list .section_article li .image img { transform: none; transition: none; }
#section_group_list .section_article li a:focus .image img { transform: none; }
#section_group_list .section_article li a:hover .image img { transform: none; }

/* Áß±×·ì ±â»ç¸ñ·Ï */
#normal_article  { margin: 0 10px; }
#normal_article .section_article li a { padding: 20px 0; }
#normal_article .section_article li .image { width: 240px; height: 160px; margin-right: 30px; }
#normal_article .section_article li .title_wrap { height: 160px; }
#normal_article .section_article li .title { margin-top: 6px; }
#normal_article .section_article li .stitle { margin-top: 6px; }
#normal_article .section_article li .context { margin-top: 6px; height: 48px; }

/* ¸¹ÀÌ º» ±â»ç */
#best_article { margin: 0 10px; }
#best_article .section_article li .rank { width: 60px; font-size: 40px; line-height: 40px; }
#best_article .section_article li .image { margin-right: 30px; }

/* ±â»ç°Ë»ö */
#search_article { margin: 0 10px; }
#search_box { margin: 0 10px; }
.search_guide { position: relative; width: auto; bottom: auto; }
.search_form { margin-left: 0; }
.search_form ul { width: 97%; }
#sid { width: 180px; }
#sd1 { width: 140px; }
#sd2 { width: 140px; }
#st { width: 180px; }
#sc { width: 300px; }
#search_article .section_article li .image { margin-right: 30px; }

/* ÀüÃ¼±â»ç */
#today_article { margin: 0 10px; }
#today_article .section_article li .image { margin-right: 30px; }

/* °øÁö»çÇ× */
#notice_article { margin: 0 10px; }
.ms_none { display: none; }

/* ±â»çº¸±â */
#article_view { margin: 0 10px; width: auto; }
#article .title { margin-bottom: 10px; font-size: 30px; line-height: 38px; }
#article .stitle { font-size: 24px; line-height: 32px; }

/* 2021 ±â»ç ½ºÅ¸ÀÏ Ãß°¡ */
.box_imgR li:first-child { width: 50%; }
.box_imgR li:nth-child(2) { width: 50%; }
.box_imgL li:first-child { width: 50%; }
.box_imgL li:nth-child(2) { width: 50%; }

#favor { margin: 10px 10px 0; }
#favor .favor_wrap { text-align: center; }
#favor .favor_guide { float: none; width: 100%; }
#favor .favor_rank { padding-left: 0; width: 400px; }
#favor .favor_rank .favor_text { width: auto; }
#favor .btn_favor { float: none; display: inline-block; margin-left: 20px; width: auto; }
#opinion { margin: 30px 10px 0; }
#opinion_write { padding: 0; }
#opinion_write .opinion_label { position: relative; margin-bottom: 10px; padding: 10px; bottom: auto; width: 100%; font-size: 16px; text-align: left; }
#opinion_write .opinion_form { margin-left: 0; padding-left: 10px; width: 100%; }
#opinion_write .form_line2 .inp_wrap { width: 74%; }
#opinion_write .form_line4 { margin-bottom: 20px; }
#opinion_list { margin: 30px 10px 0; }

/* ±¸µ¶½ÅÃ» */
#subscription { margin: 0 10px 30px; width: auto; }
.label_wrap { padding: 10px; }
.input_wrap {  padding: 10px; }

.subs_form input[type=text] { width: 80%; }
.subs_form input[type=file] { width: 80%; }
.subs_form li.wrap_mail .input_wrap { padding: 22px 10px; }
.subs_form li.s_only_wrap .label_wrap { padding: 5px 10px; line-height: 140%;}
.br_line { display: block; line-height: 100%; }