@import "/sites/style-guide/style/css/style.css";

body						{background: url(./../../images/m_bg.png) left top repeat;}
._contentBuilder ._obj._objHtml ul li, ._contentBuilder ._obj._objTag ul li {margin-top: 0;}

#multipleContentsDiv_Type-03B_55			{background-color: #FFF;}

#menu942_obj175,
#visual_text h2				{color: #1d2322; font-size: 1.94em; text-align: right; font-weight: normal;}
#visual_text h2 em		{display: block; font-family:'Nanum Myeongjo'; font-weight: bold; font-size: 1.74em;}

#multipleDiv_junghyun_87{z-index:0;}

#multipleDiv_Type-03B_59						{padding-top: 30px;}
#multipleDiv_junghyun_162						 {padding: 30px 0;}

.quick-links													{overflow: hidden; border-left: 1px solid #e9e9e9; padding: 25px 0px; box-sizing: border-box; height: 100%;}
.quick-links .m_title										{color: #333; font-size: 1.9em; margin-bottom: 24px; margin-left: 30px;}
.quick-links .m_title span								{color: #7baa16; margin-left: 7px;}
.quick-links ul													{overflow: hidden; padding: 30px; background-color: #f4f4f6;}
.quick-links ul li												{width:33.3%; float:left; text-align:center; display: inline-table; vertical-align: top; position: relative; margin: 10px 0;}
.quick-links ul li a											{display:block; display: table-cell; vertical-align: middle; height: 50px; color: #333; font-size: 1.24em; font-weight: bold; padding: 70px 10px 10px;}
.quick-links ul li a:hover									{text-decoration:underline;}
.quick-links ul li a:before									{content:''; display:block; width:63px; height:63px; border-radius:50px; margin-bottom: 10px; margin-left: -31.5px; position: absolute; top: 0px; left: 50%;}
.quick-links ul li a span 									{display: block; font-size: 13px; word-break: keep-all; font-weight: normal; margin-top: 10px;}
.quick-links ul li.item-01 a:before						{background:url(./../../images/quick-bg01.png) center center #0a6553 no-repeat; }
.quick-links ul li.item-02 a:before						{background:url(./../../images/quick-bg02.png) center center #0a6553 no-repeat; }
.quick-links ul li.item-03 a:before						{background:url(./../../images/quick-bg03.png) center center #0a6553 no-repeat; }
.quick-links ul li.item-04 a:before						{background:url(./../../images/quick-bg04.png) center center #0a6553 no-repeat; }
.quick-links ul li.item-05 a:before						{background:url(./../../images/quick-bg05.png) center center #0a6553 no-repeat; }
.quick-links ul li.item-06 a:before						{background:url(./../../images/quick-bg06.png) center center #0a6553 no-repeat; }



/* introduce*/
#introduceBox																		{display: inline-block;}
#introduceBox .thumb															{width: 20%;float: left;position: relative;}
#introduceBox .thumb img													{max-width: 100%;}
#introduceBox .thumb .sign													{position: absolute;left: 40%;top: 220px;width: 200px;height: 90px;background: #0a489b;color: #fff;text-align: right;padding: 15px 20px 0 0;box-sizing: border-box;font-size: 1.07rem;transition: all 0.2s ease;}
#introduceBox .desc																{width: 80%;float: right;}
#introduceBox .desc h3														{color: #333;font-weight: 600;font-size: 1.18rem;line-height: 1.5;}
#introduceBox .desc p															{text-align: justify;}

#departBox																			{clear: both;border-bottom: 1px solid #7f8084;margin: 0 0 30px 0;padding: 0 0 30px 0;display: table;}
#departBox h3																	{color: #2565b7;font-size: 1.55rem;line-height: 1.3;}
#departBox h3 em																{font-weight: 600;font-size: 2.5rem;}
#departBox p																		{text-align: justify;}
#departBox .desc																	{height: 100%;padding: 0 15% 0 0;display: table-cell;vertical-align: middle;}
#departBox .symbol																{height: 100%;display: table-cell;vertical-align: middle;text-align: right;}
#departBox img		



/*스타일가이드 제목 및 테이블*/
/******************************************************
    title
******************************************************/
._contentBuilder ._obj._objHeading .objHeading_h2,
._contentBuilder ._obj._objHeading .objHeading_h3,
._contentBuilder ._obj._objHeading .objHeading_h4,
._contentBuilder ._obj._objHeading .objHeading_h5,
._contentBuilder ._obj._objHeading .objHeading_h6 {
	line-height: 2;
}
._contentBuilder ._obj._objHeading .objHeading_h2 {
	padding-left: 20px;
	background: url("http://his.pusan.ac.kr/Web-home/content/skin/skin4/images/h2.png") 0 50% no-repeat;
}
._contentBuilder ._obj._objHeading .objHeading_h3 {
	padding-left: 20px;
	background: url("http://his.pusan.ac.kr/Web-home/content/skin/skin4/images/h3.png") 2px 50% no-repeat;
}
._contentBuilder ._obj._objHeading .objHeading_h4 {
	padding-left: 20px;
	background: url("http://his.pusan.ac.kr/Web-home/content/skin/skin4/images/h4.gif") 5px 50% no-repeat;
}
._contentBuilder ._obj._objHeading .objHeading_h5 {
	color: #b5985a;
}
._contentBuilder ._obj._objHeading .objHeading_h6 {
	color: #000;
}
/******************************************************
    ul/ol
******************************************************/
ul.ul_01 li {padding-left: 11px;background: url("http://his.pusan.ac.kr/Web-home/content/skin/skin4/images/li.gif") 0 8px no-repeat;}
/******************************************************
    table
******************************************************/
._contentBuilder ._obj._objHtml table ,
._contentBuilder ._obj._objTag table {
	border-top-color: #b5985a !important;
	border-top-style: solid !important;
	border-top-width: 3px !important;
	border-left-color: #ccc !important;
	border-left-style: solid !important;
	border-left-width: 1px !important;
	background-color: #fff;
}
._contentBuilder ._obj._objHtml table th,
._contentBuilder ._obj._objHtml table td ,
._contentBuilder ._obj._objTag table th,
._contentBuilder ._obj._objTag table td {
	border-width: 0 1px 1px 0 !important;
	border-color: #ccc !important;
	width: auto;
	padding: 6px;
}
._contentBuilder ._obj._objHtml table thead th ,
._contentBuilder ._obj._objTag table thead th {
	text-align: center;
	background-color: #f3f3f3;
}
._contentBuilder ._obj._objHtml table tbody th ,
._contentBuilder ._obj._objTag table tbody th {
	text-align: center;
	background-color: #f7f7f7;
}



/*지도맵*/
.map_info{ padding:30px 50px !important; margin:-10px 0 0 0 !important; color:#fff; background:#5380be; height:100px !important; }
.map_info li {padding:5px 0 5px 35px !important; margin:5px 0 !important;}
.map_info li.address{background:url("/sites/ncrc/images/icon1.gif") no-repeat left center !important;}
.map_info li.phone{background:url("/sites/ncrc/images/icon2.gif") no-repeat left center !important; float:left !important;}
.map_info li.fax{background:url("/sites/ncrc/images/icon3.gif") no-repeat left center !important; float:left !important; margin:5px 0 5px 30px !important; }


/*이미지사이즈조절*/
.xe_content img{max-width:100% !important; height:auto  !important;}



/*추가  css*/
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.f-small{font-size:0.95em;}
.f_left{float:left;}
.f_right{float:right;}

.marT40{margin-top:40px;clear:both !important;}
.marT40{margin-top:40px;}
.marB20{margin-bottom:20px;}



/* introduce*/
#introduceBox																		{display: inline-block;}
#introduceBox .thumb															{width: 44%;float: left;position: relative;}
#introduceBox .thumb img													{max-width: 100%;}
#introduceBox .thumb .sign													{position: absolute;left: 40%;top: 220px;width: 200px;height: 90px;background: #0a489b;color: #fff;text-align: right;padding: 15px 20px 0 0;box-sizing: border-box;font-size: 1.07rem;transition: all 0.2s ease;}
#introduceBox .desc																{width: 55%;float: right;}
#introduceBox .desc h3														{color: #333;font-weight: 600;font-size: 1.18rem;line-height: 1.5;}
#introduceBox .desc p															{text-align: justify;}

#departBox																			{clear: both;border-bottom: 1px solid #7f8084;margin: 0 0 30px 0;padding: 0 0 30px 0;display: table;}
#departBox h3																	{color: #2565b7;font-size: 1.55rem;line-height: 1.3;}
#departBox h3 em																{font-weight: 600;font-size: 2.5rem;}
#departBox p																		{text-align: justify;}
#departBox .desc																	{height: 100%;padding: 0 15% 0 0;display: table-cell;vertical-align: middle;}
#departBox .symbol																{height: 100%;display: table-cell;vertical-align: middle;text-align: right;}
#departBox img																	{width: 100%;max-width: 100%;}



.iconBox											{padding:30px; overflow:hidden; position:relative; }
.iconBox.bg-gray								{background-color:#f5f5f5; border-top:2px solid #d2d2d2;}
.iconBox.bg-border							{border:3px solid #005faa;}
.iconBox.bg-line								{background:url(http://his.pusan.ac.kr/sites/style-guide/images/icon/lineBox_bg.png); padding:10px;}
.iconBox.bg-lineDot							{background-image:url(http://his.pusan.ac.kr/sites/style-guide/images/icon/lineBox_bgLine.png); background-repeat:no-repeat; background-position:left top; padding:10px; border:1px solid #ddd;}
.iconBox.bg-lineDot .icon					{margin:10px 20px; text-align:center; padding-right:50px;}
.iconBox.bg-lineDot .inner .text strong	{margin-top:20px;}
.iconBox.bg-line .inner						{background-color:#fff; overflow:hidden; padding:25px 15px 25px 35px;}
.iconBox.bg-line .inner .text strong		{margin-top:15px;}
.iconBox .icon									{float:left; display:table-cell; vertical-align:middle; margin-right:40px; overflow:hidden; height:100%; text-align:center;}
.iconBox .icon img							{width:100%;}
.iconBox .icon.circle							{border-radius:100%; padding:20px; }
.iconBox .icon.padding0					{padding:0;}
.iconBox .icon.circle.bg-white				{background-color:#fff;}
.iconBox .icon.circle.bg-gray				{background-color:#efefef;}
.iconBox .icon span							{display:block;}
.iconBox .text									{display:table-cell; }
.iconBox .text .title							{display:block; font-size:1.2em; margin-bottom:10px;}

.icon-thumlist									{text-align:center;}
.icon-thumlist li								{display:inline-block; margin:5px;}



.alignC{text-align:center;}
.alignR{text-align:right;}

.fontL{font-size:2em; font-weight:800;}
.fontL2{font-size:1.3em; font-weight:600;}


/* 준비중입니다. */
.ready_ing	{display: table; vertical-align: top; margin: 0 auto 30px auto; text-align: left;}
.ready_ing dl	{display: table-cell; vertical-align: middle; background: url(./../../images/ready.png) left center no-repeat; padding-left: 200px; height: 180px;}
.ready_ing dt	{font-size: 1.6em; margin-bottom: 10px; font-weight: bold; color: #4c4c4c;}
.ready_ing dt b	{color: #2e8be2; font-size: 1.2em;}
.ready_ing dd	{font-size: 0.84em; color: #868686;}


/* 버튼 */
.btnWrap							{overflow: hidden;}
a.btn									{display: inline-block; color: #fff;font-weight: bold; background-color: #3b9e96; line-height:30px;  background-position: right center; background-repeat: no-repeat;box-sizing: border-box;padding: 0 50px 0 16px;margin-right: 5px;}
a.btn_down							{background-image: url('./../../images/btn_down.png');}
a.btn_go								{background-image: url('./../../images/btn_go.png');}
a.btn_green							{background-color: #3b9e96;}
a.btn_blue							{background-color: #2875b1;}
a.btn_grey							{background-color: #8b8b8b;}
a.btn_greyL							{background-color: #e5e5e5; color: #303030;}
a.btn_white							{color: #114c79;border: 1px solid #4c697f;background-color: #fff;}
a.btn_down.btn_white			{background-image: url('./../../images//btn_down_w.png');}
a.btn_go.btn_white				{background-image: url('./../../images//btn_go_w.png');}
