/* - - - - - - - - - - °øÅë - - - - - - - - - - */
.inner { width: 100%; }

/* - - - - - - - - - - Çì´õ - - - - - - - - - - */
#header { padding: 0 10px; }

/* - - - - - - - - - - ¸ÞÀÎ - - - - - - - - - - */
/* ¸Þ´º */
#gnb_wrap { margin: 10px; padding: 0; width: auto; }
#gnb { padding: 10px 20px 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_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; }

/* Æ¯Áý */
.article2_bg { margin-top: 30px; }
#article2 { margin-top: 30px; padding: 0 10px; }
#article2 .image { width: 63%; height: auto; }
#article2 .title_area { position: absolute; width: 35%; height: 100%; }
#article2 .title { font-size: 30px; line-height: 36px; }
#article2 .context { margin-top: 20px; height: 110px; line-height: 22px; }
#article2 #section_control { right: 65%; }

/* ±âÈ¹/ÁÜÀÎ */
#article3 .title_wrap,
#article4 .title_wrap {
	transform: translateY(0);
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
	overflow: visible;
}

#article3 a:hover .title_wrap,
#article4 a:hover .title_wrap {
	transform: translateY(-30%);
}

#article3 a:hover .stitle,
#article4 a:hover .title {
	text-overflow: inherit;
	white-space: normal
}

#article3 a:hover .context,
#article3 a:focus .context,
#article4 a:hover .context,
#article4 a:focus .context {
		top: 100%;
}

/* people & company */
#article5 .lside button { left: 10px; }
#article5 .rside button { right: 10px; }

/* trend & solution */
#article6 .lside a { left: 10px; }
#article6 .rside a { right: 10px; }

/* ±¸µ¶½ÅÃ» ¸ÞÀÎ¹è³Ê */
#article7 { margin-top: 30px; }
#article7 .bn_img img { height: 80px; }
#article7 .bn_txt { height: 90px; font-size: 20px; line-height: 25px; }
#article7 .bn_btn a { padding-left: 25%; line-height: 90px; background-position: left 15% center; }

/* - - - - - - - - - - ÇªÅÍ - - - - - - - - - - */
#footer { padding: 0 10px; }
.btm_logo { display: none; }
.btm_wrap { margin: 15px 20px 15px 0; }

/* - - - - - - - - - - ¼­ºê - - - - - - - - - - */

/* ´ë±×·ì ±â»ç¸ñ·Ï */
#section_group_list { margin: 0 10px; }

/* Áß±×·ì ±â»ç¸ñ·Ï */
#normal_article { margin: 0 10px; }

/* ¸¹ÀÌ º» ±â»ç */
#best_article { margin: 0 10px; }

/* ±â»ç°Ë»ö */
#search_article { margin: 0 10px; }
#search_box { margin: 0 10px; }
.search_guide { position: relative; width: auto; bottom: auto; }
.search_form { margin-left: 0; }

/* ÀüÃ¼±â»ç */
#today_article { margin: 0 10px; }

/* °øÁö»çÇ× */
#notice_article { margin: 0 10px; }

/* ±â»çº¸±â */
#article_view { margin: 0 auto; max-width: 1000px; width: auto; }

/* 2021 ±â»ç ½ºÅ¸ÀÏ Ãß°¡ */
.box_imgR li:first-child { width: 60%; }
.box_imgR li:nth-child(2) { width: 40%; }
.box_imgL li:first-child { width: 40%; }
.box_imgL li:nth-child(2) { width: 60%; }

#favor .favor_wrap { text-align: center; }
#favor .favor_guide { float: none; width: 100%; }
#favor .favor_rank { padding-left: 0; }
#favor .favor_rank .favor_text { width: auto; }
#favor .btn_favor { float: none; display: inline-block; margin-left: 20px; width: auto; }

/* ±¸µ¶½ÅÃ» */
#subscription { max-width: 1000px; width: auto; }