@import "/sites/style-guide/style/css/style.css";

._contentBuilder ._obj._objHtml ul li, ._contentBuilder ._obj._objTag ul li {margin-top: 0;}

#visual_text													{border: 3px solid #FFF; background-color: rgba(255,255,255,0.4); padding: 20px 3%; color: #FFF; font-size: 1.84em; display: inline-block; margin: 17% 0 0 42%;}
#visual_text p.eng											{transform: rotate(-180deg); color: #202a3e;font-size: 0.64em;font-weight: bold; display: inline-block; vertical-align: middle; writing-mode:vertical-rl; -ms-writing-mode: tb-rl;}
#visual_text .visual_wrap								{display: inline-block; vertical-align: middle; margin-left: 50px;}
#visual_text .visual_wrap p.p							{margin-bottom: 20px;}
#visual_text .visual_wrap h2							{line-height: 1.2; font-weight: normal; font-size: 1.24em;}
#visual_text .visual_wrap h2 em						{display: block; font-size: 1.54em;}

.mTitle													{transform: rotate(-180deg);color: #434343;font-size: 1.24em;border-top: 1px solid #b1b1b1;padding: 15px 40px 0 0;font-weight: normal; writing-mode:vertical-rl; -ms-writing-mode: tb-rl;}	/* 메인 타이틀 */
.mTitle em											{display: block; font-size: 1.84em; font-weight: bold;}

.m_about															{background: url(./../../images/about_bg.jpg) right 70px no-repeat; position: relative; padding-top: 70px; min-height: 310px;}
.m_about .mTitle												{position: absolute;top: 0;left: -40px;} 
.m_about .about_contents								{padding: 0 570px 0 160px; font-size: 1.14em;}
.m_about .about_contents p								{color: #393939; margin-bottom: 20px;}
.m_about .about_contents .title							{color: #626262; font-size: 1.34em;}
.m_about .about_contents .title em					{color: #2c6ee5; display: block; font-size: 1.74em;  font-weight: bold;}
.m_about .about_contents .btn						{display: inline-block; border: 1px solid #056fd4; padding: 10px 40px 10px 15px; color: #056fd4; text-align: center; background:url(./../../images/about_more.png)  90% center no-repeat;}

.banner-list															{overflow: hidden;}
.banner-list ul 														{display: table; width: 100%; vertical-align: top;}
.banner-list ul li														{box-sizing:border-box;width:33.3%;display: table-cell;vertical-align: top;background: url(./../../images/link-title.png) 110px 30px no-repeat !important;background-color: #e3e9ec !important;padding: 40px 40px 0 110px !important;position: relative;word-break: keep-all;text-align: left;height: 155px; color:#056fd4; font-weight: bold; font-size: 1.34em;}
.banner-list ul li:nth-child(3n+2)								{background-color: #f1f5f6 !important;}
.banner-list ul li:before											{content:'';position: absolute;top: 30px;left: 50px;width: 40px;height: 40px;}
.banner-list ul li.item-01:before								{background: url(./../../images/link-bg01.png) left top no-repeat;}
.banner-list ul li.item-02:before								{background: url(./../../images/link-bg02.png) left top no-repeat; height: 45px;}
.banner-list ul li.item-03:before								{background: url(./../../images/link-bg03.png) left top no-repeat;}
.banner-list ul li span												{color: #6a767d; display: block; margin-top: 10px; font-size: 0.8em; font-weight: normal;}

.alignL {text-align: left;}

/*re_notice*/
/*#menu21808_obj859*/
.bbs-type-04B_01												{box-sizing:border-box; position: relative; min-height: 250px; overflow: hidden; border-radius: 7px; background-color: #FFF;}
.bbs-type-04B_01 > ul												{position: relative;}
.bbs-type-04B_01 > ul > li											{float: left; width: 21%;}
.bbs-type-04B_01 > ul > li .recentBbsTab						{position: relative; color: #333; font-size: 1.24em; font-weight: bold; background: none; border-right: 1px solid #acacac; width: 100%; height: 52px; display: block;}
.bbs-type-04B_01 > ul > li.active .recentBbsTab				{color: #FFF; background-color: #1e6ec0; border-right: 1px solid #1e6ec0;}
.bbs-type-04B_01 > ul > li > ul									{display: none; width: 100%; position: absolute; top: 52px; left: 0; border-top: 1px solid #acacac; padding: 10px 20px; box-sizing: border-box;}
.bbs-type-04B_01 > ul > li.active > ul							{display: block;}
.bbs-type-04B_01 > ul > li > ul > li								{background: url(./../images/m_bbs_list.png) left 10px no-repeat; padding-left: 15px; position: relative; margin-top: 0;}
.bbs-type-04B_01 > ul > li > ul > li.recentBbsInnerLi			{margin-top: 6px;}
.bbs-type-04B_01 > ul > li > ul > li a							{color: #555; line-height: 1.5; display: block;}
.bbs-type-04B_01 > ul > li > ul > li a:hover strong			{text-decoration: underline;}
.bbs-type-04B_01 > ul > li > ul > li a strong					{font-size: 1.2em; display: block; margin-right: 80px; font-weight: normal; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bbs-type-04B_01 > ul > li > ul > li a strong .newArtcl		{display: inline-block; vertical-align: middle; margin-left: 5px; background: url(./../images/share.png) left top no-repeat; width: 11px; height: 11px; text-indent: -5000px;}
.bbs-type-04B_01 > ul > li > ul > li a span.data				{position: absolute; top: 1px; right: 0; font-size: 1.1em; color: #777;}
.bbs-type-04B_01 > ul > li > ul > li.recentBbsNoData		{color: #444; background: none; text-align: center; padding: 20px 0;}
.bbs-type-04B_01 .recentBbsMore								{display: none; position: absolute; top: 20px; right: 25px; background: url(./../images/m_bbs_more.png) left top no-repeat; width: 14px; height: 14px; text-indent: -5000px;}
.bbs-type-04B_01 > ul > li.active .recentBbsMore				{display: block;}

/*re_schedule*/
.schedule-list															{width:100%; box-sizing:border-box; color:#333; border-radius: 7px; overflow: hidden; position: relative;}
.schedule-list .title													{font-size: 1.34em; padding: 10px; background-color: #333; color: #FFF;}
.schedule-list ul														{clear:both; position:relative; background-color:#FFF;  padding: 15px; height: 185px; overflow-y: auto;}
.schedule-list ul li													{position:relative; padding-left: 90px !important; font-size: 1.2em; min-height: 100px;}
.schedule-list ul li em													{position: absolute;top: 0;left: 0;width: 73px;height: 58px;border-radius: 50%;background-color: #02999f;color: #FFF;font-size: 0.8em; text-align: center; padding-top: 15px; line-height: 1.1;}
.schedule-list ul li em	span										{font-size: 2.84em; font-weight: bold; display: block;}
.schedule-list ul li > span												{display:block; font-size: 0.9em; color: #7c7c7c; padding-top: 15px; line-height: 1.1;}
.schedule-list ul li > span:before									{content:'-'; display:inline-block; margin-left: -8px; margin-right: 5px; color: #7c7c7c;}
.schedule-list .more													{display:block; position:absolute; top:15px; right: 15px; width:14px; height:14px; text-indent:-9999px;background:url(./../../images/board_more.png) center center no-repeat;}