@charset "utf-8";

@import "/Web-home/content/css/contentCommon.css";

* {word-break:keep-all;}

/******************************************************
    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-top: 5px;
	background: url("./../../images/h2.gif") 0 top no-repeat;
}
._contentBuilder ._obj._objHeading .objHeading_h3 {
	padding-left: 20px;
	background: url("./../../images/h3.gif") 2px 50% no-repeat;
}
._contentBuilder ._obj._objHeading .objHeading_h4 {
	padding-left: 20px;
	background: url("./../../images/h4.gif") 5px 50% no-repeat;
}
._contentBuilder ._obj._objHeading .objHeading_h5 {
	color: #44a3bd;
}
._contentBuilder ._obj._objHeading .objHeading_h6 {
	color: #000;
}
/******************************************************
    ul/ol
******************************************************/
._contentBuilder ._obj._objHtml ul li ,
._contentBuilder ._obj._objTag ul li {
	padding-left: 11px;
    background: url("./../../images/li.gif") 0 8px no-repeat;
}
._contentBuilder ._obj._objHtml ol li ,
._contentBuilder ._obj._objTag ol li {
	display: list-item;
}
/******************************************************
    table
******************************************************/
._contentBuilder ._obj._objHtml table ,
._contentBuilder ._obj._objTag table {
	border-top-color: #44a3bd !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;
}
/******************************************************
    photoSlide - SlideShowOff
******************************************************/
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff{
	margin: 0 30px;
}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls a {
    width: 18px;
    height: 35px;
    margin-top: -16px;
    background: url("/Web-home/content/skin/skin3/images/btnHandler.gif") no-repeat;
}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls .jshowoff-prev {
    margin-left: -30px;
    background-position: 0 0;
}
._contentBuilder ._obj._objImage .dummyImageDataList .jshowoff .jshowoff-controls .jshowoff-next {
	margin-right: -30px;
    background-position: -18px 0;
}
/******************************************************
    photoSlide - SlideThumb
******************************************************/
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb{
	height: 54px;
}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb .imageDataList.imageType_thumb li{
	border-color: #fff;
	width: 60px !important;
	height: 50px !important;
}
._contentBuilder ._obj._objImage .dummyImageDataList .slideImage .slideThumb .imageDataList.imageType_thumb li._active{
	border-color: #44a3bd;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@import "/sites/style-guide/style/css/style.css";

._contentBuilder ._obj._objHtml ul li, ._contentBuilder ._obj._objTag ul li {margin-top: 0;}

#visual_text				{text-align: center; color: #FFF;} /* 비주얼텍스트 */
#visual_text h2				{font-size: 2.8em; font-weight: normal;}
#visual_text h2 em		{display: inline-block; margin-left: 5px; font-size: 1.1em; font-weight: bold;}
#visual_text p				{color: rgba(255,255,255,0.8); font-size: 1.44em; margin-top: 10px;}

#multipleDiv_Type-03B_55						{background: url(./../../images/m_bg.jpg) center top no-repeat; padding: 40px 0 60px 0;}/*첫번째 section bg*/
#multipleDiv_Type-03B_59						{background: url(./../../images/m_bg_2.png) center top repeat-y; padding: 40px 0 60px 0;}/*두번째 section bg*/

#multipleDiv_junghyun_87{z-index:0;}

#multipleDiv_Type-03B_59						{padding-top: 30px;}
#multipleDiv_junghyun_162						 {padding: 30px 0;}

.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;}


.links_wrap													{overflow: hidden; display: table; border-radius: 7px; width: 100%;}
.links_wrap a												{font-size: 1.5em; font-weight: bold; display: table-cell; vertical-align: middle; color: #FFF; font-weight: bold; text-align: center; height: 130px; padding: 120px 10px 10px 10px; background:url(./../../images/m_link_bg.png) left top repeat;}
.links_wrap a:hover										{text-decoration:underline;}
.links_wrap a:before									{content:''; display:block; width:90px; height:90px; margin-bottom: 10px; margin-left: -43px; position: absolute; top: 50px; left: 50%; background:url(./../../images/m_link_icon.png) center center no-repeat;}
.links_wrap a span 										{display: block; font-size: 0.7em; word-break: keep-all; font-weight: normal; margin-top: 10px; color: rgba(255,255,255,0.4);}


.m_title													{display: block; text-align: center;}
.m_title h2													{font-size: 1.94em; color: #555;text-align: right;background:url(./../../images/m_section_title.png) right center no-repeat;display: inline-block;padding: 20px 120px 20px 20px;line-height: 1.3; font-weight: normal;}
.m_title h2 em												{font-size: 1.44em; color: #1d3e8c; display: block; font-weight: bold;}

.quick-links													{overflow: hidden; background-color: #FFF; border-radius: 7px; height: 270px;}
.quick-links .link-title									{border-bottom: 1px solid #cfcfcf; padding: 11px 15px; color: #333; font-weight: bold; font-size: 1.64em;}
.quick-links ul li												{width:33.3%; float:left; text-align:center; display: inline-table; vertical-align: top; position: relative;}
.quick-links ul li a											{display:block; font-size: 1.14em; display: table-cell; vertical-align: top; height: 95px; color: #4a4a4a; font-weight: bold; padding: 15px 10px 0 10px;}
.quick-links ul li a:hover									{text-decoration:underline;}
.quick-links ul li a:before									{content:''; display:block; width:52px; height:52px; margin: 0 auto 5px auto;}
.quick-links ul li.item-01 a:before						{background:url(./../../images/quick-bg01.png) center center no-repeat; }
.quick-links ul li.item-02 a:before						{background:url(./../../images/quick-bg02.png) center center no-repeat; }
.quick-links ul li.item-03 a:before						{background:url(./../../images/quick-bg03.png) center center no-repeat; }
.quick-links ul li.item-04 a:before						{background:url(./../../images/quick-bg04.png) center center no-repeat; }
.quick-links ul li.item-05 a:before						{background:url(./../../images/quick-bg05.png) center center no-repeat; }
.quick-links ul li.item-06 a:before						{background:url(./../../images/quick-bg06.png) center center no-repeat; }

.movie_wrap														{background:url(./../../images/m_movie_bg.jpg) center top no-repeat; background-size: 100% 100%; border-radius: 7px; text-align: center; min-height: 270px;}
.movie_wrap h2												{color: #FFF; font-size: 1.64em; padding: 30px 0; font-weight: normal;}
.movie_wrap h2 em										{display: block; font-size: 1.7em;}
.movie_wrap a												{background:url(./../../images/m_movie_icon.png) center top no-repeat; display: inline-block; width: 62px; height: 62px; text-indent: -5000px;}





/*스타일가이드 제목 및 테이블*/
/******************************************************
    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');}

/****csm CSS*/
/*TEXT ALIGN*/
.text-left {text-align:left!important;}
.text-right {text-align:right!important;}
.text-center {text-align:center!important;}
.text-justify {text-align:justify!important;}
ul.mrgBottom01 > li {margin-top: 20px!important;}
ul.mrgBottom01 > li:first-child {margin-top: 0!important;}

.text-danger {color:#dc3545!important;}
