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

#mainContainer																	{width:1200px; margin:30px auto 0; padding-bottom:50px; background-color:#f2f5f8;}
#mainContainer .content-container										{width:990px;float:right; box-sizing:border-box; padding:25px 40px; } 
#mainContainer .info-summary												{font-size:14px; color:#444; padding:25px 20px 25px 150px; background:url(./../../images/info-summary-icon.png) 40px 30px #f2f4f8 no-repeat; border:1px solid #9eb3d1; line-height:1.6}
#mainContainer .info-summary strong									{display:block; font-size:16px; color:#1b55ac; margin-bottom:10px;}
#mainContainer .info-summary ul li										{position:relative; padding-left:10px; line-height:1.6}
#mainContainer .info-summary ul li:before								{content:""; display:block; width:4px; height:4px; background-color:#4d88c2; position:absolute; left:0; top:8px;}	

#mainContainer .content-container										{width:990px;float:right; box-sizing:border-box; padding:25px 40px; } 
#mainContainer .application-summary									{font-size:14px;color:#444;padding:20px;background-color: #ebf2fe;border: 3px solid #9eb3d1;margin-top:30px;line-he;}
#mainContainer .application-summary ul li								{position:relative;padding-left:10px;line-height:1.6;margin-bottom: 5px;}
#mainContainer .application-summary ul li:before					{content:"";display:block;width:4px;height:4px;background-color: #1b55bd;position:absolute;left:0;top: 10px;border-radius: 50%;}	

#mainContainer #site-area .site-list-tab									{margin:20px 0; }
#mainContainer #site-area .site-list-tab ul								{overflow:hidden; border-bottom:1px solid #003b75}
#mainContainer #site-area .site-list-tab ul li							{float:left; overflow:hidden; margin:0;}
#mainContainer #site-area .site-list-tab ul li a							{font-size:17px;line-height:40px;padding:0 50px;display:block;background-color: #fff;margin-right:2px;color: #003b75;font-weight: 600;}
#mainContainer #site-area .site-list-tab ul li a.on						{background-color: #003b75;color:#fff;}
#mainContainer #site-area h2												{clear:both; font-size:17px; margin-bottom:20px; position:relative; padding-left:10px;}
#mainContainer #site-area h2:before										{content:""; display:block; width:3px; height:15px; background-color:#4d88c2; position:absolute; left:0; top:5px;}	

#mainContainer #site-area .site-category									{border:3px solid #a0c2e4; padding:10px; margin-bottom:40px;}
#mainContainer #site-area .site-category ul								{overflow:hidden;}
#mainContainer #site-area .site-category ul li							{width:25%; box-sizing:border-box; display:inline-block; margin:0; float:left; padding-left:15px;line-height:30px;}
#mainContainer #site-area .site-category ul li a						{display:block; padding-left:10px; position:relative; font-size:14px; font-weight:600;}
#mainContainer #site-area .site-category ul li a:before				{content:""; display:block; width:3px; height:3px; background-color:#9d9d9d; position:absolute; left:0; top:13px;}	
#mainContainer #site-area .site-category ul li a.on					{color:#0054a7}
#mainContainer #site-area .site-category ul li a.on:before			{background-color:#0054a7;}	

#mainContainer #site-area .site-list .fnSearch fieldset #srchWrd{padding-left:5px;}
#mainContainer #site-area .site-list .fnSearch fieldset .fnSubmit input{line-height:30px; background-color:#001f46; font-size:16px; padding:0 10px; border-radius:0px;}

#mainContainer #site-area table								{table-layout:fixed; border:none !important; font-size:14px; margin:10px 0 10px 0;}
#mainContainer #site-area table thead tr th					{color: #0054a7;background-color:#fff;border-top: 2px solid #003b75 !important;border-right:none;border-left:none !important;border-bottom: 1px solid #7f7f7f !important;line-height: 42px;}
#mainContainer #site-area table thead tr th + th			{border-left: 1px solid #e0e0e0 !important;border-bottom:1px solid #;}

#mainContainer #site-area table tbody tr td					{border-right:none;border-left:none !important;border-bottom:1px solid #cccccc !important;line-height: 38px;}
#mainContainer #site-area table tbody tr td + td			{border-left:1px solid #cccccc !important; border-bottom:1px solid #}
#mainContainer #site-area table tbody tr.all-notice		{background-color:#f7fbfe;}

#mainContainer #site-area table thead tr th.num			{width:10%;}
#mainContainer #site-area table thead tr th.end-date	{width:25%;}
#mainContainer #site-area table thead tr th.org			{}
#mainContainer #site-area table thead tr th.site-name	{width:40%;}


.page-title			{font-size:26px; font-weight:600; padding-bottom:30px; position:relative; margin-bottom:50px;}
.page-title:before	{content:""; display:block; width:50px; height:3px; background-color:#115d99; position:absolute; left:0; bottom:0;}	
.icon-crown				{background:url(./../../images/icon-crown.png) left center no-repeat; padding-left:25px; font-weight:600;}
.fnLeft					{float:left;}
.fnRight					{float:right;}



/* 회원가입 */
.signup-privacy																					{margin-top:30px;}
.signup-privacy .submit-form .form-item .form-body input[type=text].form	{padding:0 6px; border: 1px solid #bababa;  font-size: 14px; }
.signup-privacy .submit-form .form-item .form-body input[type=password].form	{padding:6px; border: 1px solid #bababa;  font-size: 14px; }
.signup-privacy .submit-form .form-item .form-body select.form					{border: 1px solid #bababa; padding:6px 2px 6px 6px;  font-size: 14px; }
.signup-privacy																	{}
.signup-privacy .submit-form.theme-b														{border-top: 2px solid #5f7ccc;}
.signup-privacy .submit-form.theme-b .note												{font-size: 14px; color: #666666 !important; font-style: normal;}
.signup-privacy .submit-form.theme-b .form-item										{display: table; width: 50%; table-layout: fixed; min-height:45px; float:left;}
.signup-privacy .submit-form.theme-b .form-item.full									{width: 100%;}
.signup-privacy .submit-form.theme-b .form-item .form-head-title				{font-size:16px; font-weight:600; padding:10px; background-color:#fff; border-bottom:1px solid #e0e0e0; border-top:2px solid #5f7ccc;}
.signup-privacy .submit-form.theme-b .form-item .form-head						{display: table-cell; vertical-align: middle; padding: 6px 20px; width: 160px;  font-size: 14px; font-weight: bold; color: #333333; border-bottom: 1px solid #e0e0e0; background-color: #f6f9fe; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.signup-privacy .submit-form.theme-b .form-item .form-body						{display: table-cell; vertical-align: middle; padding: 6px;  border-bottom: 1px solid #e0e0e0; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.signup-privacy .submit-form.theme-b .form-item *+.form-head,
.signup-privacy .submit-form.theme-b .form-item *+.form-body					{border-left: 1px solid #e0e0e0;}
.signup-privacy .submit-form.theme-b .form-item .form-body .option-select label			{line-height: 24px; font-size: 14px;}
.signup-privacy .submit-form.theme-b .form-item .form-body .option-select label+label	{margin-left: 16px;}
.signup-privacy .submit-form.theme-b .form-item .form-body .option-select .text			{margin-left: 4px;}
.signup-privacy .submit-form.theme-b .form-item .form-body>.note				{margin-top: 6px; font-size: 14px; }
.signup-privacy .submit-form.theme-b .form-item .captcha							{margin-right: 19px; vertical-align: middle;}
.signup-privacy .info-board																	{font-size: 14px; margin: 20px 15px; padding-left: 25px; background: url(/Web-home/addons/images/login/bg_info_board.png) no-repeat 0 3px;}
.signup-privacy .option-select.acceptance-terms										{padding: 28px 0; text-align: center; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color: #f9f9f9;}
.signup-privacy .option-select.acceptance-terms label								{line-height: 24px; font-size: 14px;}
.signup-privacy .option-select.acceptance-terms label+label						{margin-left: 40px;}
.signup-privacy .option-select.acceptance-terms label .text							{margin-left: 4px;}
.signup-privacy .option-select.acceptance-terms .btn									{margin-left: 10px;}
.signup-privacy .button-area																	{margin-top: 50px; text-align: center;}
.signup-privacy .button-area .btn															{width: 100px;}
.btn-stype01																						{display:inline-block; margin-left:10px; padding:3px 10px; font-size:13px; color:#fff !important; font-weight:600; background-color:#0054a7;}
.btn-stype02																						{display:inline-block; padding:3px 10px; border-radius:10px; font-size:13px; color:#fff !important; font-weight:600; background-color:#5c719c;}
.form-ul																								{margin-bottom:15px;}
.form-ul li																							{font-size:14px; color:#555; position:relative; padding-left:10px;}
.form-ul li:before																					{content:""; display:block; width:4px; height:4px; background-color:#0054a7; position:absolute; left:0; top:8px;}	
.form-ul li:last-child																				{color:#a32a2a;}
.form-ul li:last-child:before																	{display:none;}
.app-btn-area																						{text-align:center; margin-top:20px;}
.app-btn-area a,
.app-btn-area input{display:inline-block; font-size:16px; padding:10px 20px; margin:2px; color:#fff; font-weight:600; border-radius:5px;}
.app-btn-area a.app-btn,
.app-btn-area input.app-btn																			{background-color:#0054a7}
.app-btn-area a.cancel-btn	
.app-btn-area input.cancel-btn	{background-color:#4280be}
.point-red	{font-weight:600; color:#ba2a2a}

.provision .provision-text										{border: 1px solid #ddd;    box-sizing: border-box;    padding: 15px 10px;    margin-bottom: 10px; overflow-y:scroll; height:200px;}



#tem-container								{overflow:hidden; width:100%; margin:0 auto;}
#tem-container > ul						{padding:15px 20px;}
#tem-container > ul > li					{width:50%; float:left; box-sizing:border-box; padding:10px; margin-bottom:30px;margin-top:0;}
#tem-container ul li .inner				{padding:2px; background-color:#fff;} 
#tem-container ul li .inner:hover		{background-color:#005fca;} 
#tem-container ul li .thum img			{width:100%;}
#tem-container ul li .inner div 			{position:relative; background-color:#baa3a3;} 
#tem-container ul li .inner div span	{display:block; padding:35px 10px; font-weight:600; font-size:16px;} 
#tem-container ul li .inner div ul		{position:absolute; right:10px; top:10px;}
#tem-container ul li .inner div ul li	{display:inline-block; float:left; margin:2px;}
#tem-container ul li .inner div ul li a	{display:block; width:45px; height:65px; text-indent:-9999px;}
#tem-container ul li .inner div ul li.pc a{background:url(http://his.pusan.ac.kr/template/images/common/pc-btn.png) no-repeat;}
#tem-container ul li .inner div ul li.tab a{background:url(http://his.pusan.ac.kr/template/images/common/tab-btn.png) no-repeat;}
#tem-container ul li .inner div ul li.mobile a{background:url(http://his.pusan.ac.kr/template/images/common/mo-btn.png) no-repeat;}


@media screen and (max-width:1080px) {
  #tem-container								{overflow:hidden; width:auto; margin:0 auto;}
  #header .text span					{font-weight:600; font-size:30px; display:block; margin-top:25px; margin-bottom:10px;}
  #header .right-icon					{display:none;}
  #header .left-icon					{display:none;}

  #tem-container > ul > li					{width:50%; float:left; box-sizing:border-box; padding:20px;}
  #mainContainer .content-container										{float:inherit; } 
  #mainContainer{margin: 0 auto}

}
@media screen and (max-width:600px) {
  #tem-container > ul > li					{width:100%; float:left; box-sizing:border-box; padding:20px;}
  #mainContainer .info-summary{border:2px solid #9eb3d1; padding:10px; background:url() no-repeat;}
}
@media screen and (max-width:420px) {
  #tem-container								{overflow:hidden; width:auto; margin:0 auto;}
  #header .text span					{font-weight:600; font-size:20px; display:block; margin-top:25px; margin-bottom:10px;}
  #header .right-icon					{display:none;}
  #header .left-icon					{display:none;}

  #tem-container > ul > li					{width:100%; float:left; box-sizing:border-box; padding:0px; margin-bottom:20px;}
  .fnRight			{margin:10px 0;}

}




.receiptWrap{
  background: #a7d3fe;
  overflow: hidden;
  padding: 5px;
  box-sizing: border-box;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
}
.receiptWrap ul{
  width: 100%;
  box-sizing: border-box;
}
.receiptWrap ul li{
  width: 25%;
  display: table;
  border-radius: 10px;
  height: 85px;
  vertical-align: middle;
  float: left;
  margin-top: 0 !important;
  padding: 5px;
  box-sizing: border-box;
}
.receiptWrap ul li a{
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  background: #fff;
  border-radius: 7px;
}
.receiptWrap ul li strong{
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
  color: #333;
}
.receiptWrap ul li span{
  display: block;
}
.receiptWrap ul li span i{
  font-style: normal;
  font-size: 16px;
  color: #bb0123;
  font-weight: bold;
  display: inline-block;
  margin-right: 2px;
}

@media screen and (min-width:1025px) {
  #tem-container ul li .thum img{width:411px;height:314px;}
}

@media screen and (max-width:1080px) {
  .receiptWrap ul li{
	width: 50%;
  }
}

#mainContainer #site-area ._listHead{border:none;background:none;margin-bottom:20px;}
#mainContainer #site-area ._listHead ._left{font-size:14px;color:#333;padding-top: 12px;}
#mainContainer #site-area ._search{padding-right:82px;}
#mainContainer #site-area ._search select{padding:5px 25px 5px 10px;height:40px;font-size:14px;color:#777;line-height:40px;min-width: 120px;}
#mainContainer #site-area ._search input[type="text"]{padding: 5px 25px 5px 10px;height:40px;font-size:14px;color:#777;line-height:40px;box-sizing:border-box;margin-left: 5px;min-width: 240px;}
#mainContainer #site-area ._search ._submit{right:42px;width:38px;height:38px;border-radius:3px;}
#mainContainer #site-area ._search .reset_btn{position:absolute;top:0;right:0;width: 38px;height: 38px;background: #003b75 url(/sites/his/images/refresh-icon.png) no-repeat center;border-radius: 3px;text-indent: -9999px;}
#mainContainer #site-area #searchForm{display:inline-block;vertical-align:top;}
.app-btn-area a.app-btn-gray{background:#787878;}

@media screen and (max-width:860px) {
  #mainContainer #site-area .site-list-tab ul li a{padding:0 25px;}
  #mainContainer #site-area ._listHead ._left{float:none;}
  #mainContainer #site-area ._search{float:none;margin-top:15px;height: auto;}
  #mainContainer #site-area ._search select{min-width:auto;}
  #mainContainer #site-area ._search input[type="text"]{min-width: 220px;}
  #mainContainer #site-area ._listHead{margin-bottom:30px;}
}