@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; float: left;}
#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;}

.banner01-list											{overflow: hidden;}
.banner01-list ul										{width: 101%;}
.banner01-list ul li									{display: table; vertical-align: top; float: left; width: 32.3%; text-align: center; margin-right: 1%;}
.banner01-list ul li a									{display: table-cell; vertical-align: middle; height: 210px; color: #484e5a; font-size: 1.14em; font-weight: bold;}
.banner01-list ul li.item-01 a						{background-color: #e5e5e5;}
.banner01-list ul li a:before						{content:''; width: 70px; height: 70px; display: block; margin: 0 auto 10px auto;}
.banner01-list ul li.item-01 a:before			{background: url(./../../images/banner01-bg05.png) left top no-repeat;}
.banner01-list ul li.item-02 a						{background-color: #8ac9d7;}
.banner01-list ul li.item-02 a:before			{background: url(./../../images/banner01-bg02.png) left top no-repeat;}
.banner01-list ul li.item-03 a						{background-color: #484e5a; color: #FFF;}
.banner01-list ul li.item-03 a:before			{background: url(./../../images/banner01-bg03.png) left top no-repeat;}

#multipleDiv_pnuliterature_362				{background: url(./../../images/m_bg.png) left top repeat; background-color: #4c6174;}
#multipleDiv_pnuliterature_362 #multipleContentsDiv_pnuliterature_362			{background: url(./../../images/section_bg.png) center top no-repeat; padding: 180px 0 50px 0;}


.quick-links										{}
.quick-links .m_title							{text-align: center; color: #FFF; font-size: 2.5em; margin-bottom: 40px;}
.quick-links .m_title:before				{content:''; display: block; width: 100px; height: 4px; background-color: #FFF; margin: 0 auto 20px auto;}
.quick-links ul										{overflow: hidden;}
.quick-links ul li									{float: left; width: 16.5%; text-align: center;}
.quick-links ul li a								{color: #FFF; font-size: 1.1em; display: block;}
.quick-links ul li a:hover						{color: #a9b9c7;}
.quick-links ul li a:before						{content:''; display:block; vertical-align: middle; width:100px; height:100px; border: 3px solid #FFF; box-sizing: border-box; margin: 0 auto 20px auto;}
.quick-links ul li.item-01 a:before			{background: url(./../../images/quick-bg001.png) center center rgba(0,0,0,0.1) no-repeat;}
.quick-links ul li.item-02 a:before			{background: url(./../../images/quick-bg002.png) center center rgba(0,0,0,0.1) no-repeat;}
.quick-links ul li.item-03 a:before			{background: url(./../../images/quick-bg003.png) center center rgba(0,0,0,0.1) no-repeat;}
.quick-links ul li.item-04 a:before			{background: url(./../../images/quick-bg004.png) center center rgba(0,0,0,0.1) no-repeat;}
.quick-links ul li.item-05 a:before			{background: url(./../../images/quick-bg005.png) center center rgba(0,0,0,0.1) no-repeat;}
.quick-links ul li.item-06 a:before			{background: url(./../../images/quick-bg006.png) center center rgba(0,0,0,0.1) no-repeat;}

.quick-links ul li a:hover:before						{border: 3px solid rgba(255,255,255,0.7);}
.quick-links ul li.item-01 a:hover:before			{background: url(./../../images/quick-bg001.png) center center rgba(255,255,255,0.3) no-repeat;}
.quick-links ul li.item-02 a:hover:before			{background: url(./../../images/quick-bg002.png) center center rgba(255,255,255,0.3) no-repeat;}
.quick-links ul li.item-03 a:hover:before			{background: url(./../../images/quick-bg003.png) center center rgba(255,255,255,0.3) no-repeat;}
.quick-links ul li.item-04 a:hover:before			{background: url(./../../images/quick-bg004.png) center center rgba(255,255,255,0.3) no-repeat;}
.quick-links ul li.item-05 a:hover:before			{background: url(./../../images/quick-bg005.png) center center rgba(255,255,255,0.3) no-repeat;}
.quick-links ul li.item-06 a:hover:before			{background: url(./../../images/quick-bg006.png) center center rgba(255,255,255,0.3) no-repeat;}