@charset "utf-8";

.span-br {
	display: block;
}

.left {
	text-align: left !important;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

.fix{*zoom:1;}
.fix:after{display:block; content:""; clear:both;}

.floL{float:left;}
.floR{float:right;}

.textD{text-decoration:underline;}

.dpB{display:block;}
.dpInb{display:inline-block;}

.bluetxt{
	color: #103a89;
}
.skytxt {
	color: #007fe3;
}

.redtxt {
	color: #d53830;
}

/* tabmenu */

.tabmenu-wrapper{margin-bottom:40px;}

.tabmenu-wrapper,
.tabmenu-wrapper ul {
	display: block;
}

.tabmenu-wrapper ul:after {
	content: "";
	clear: both;
	display: block;
}

.tabmenu-wrapper ul > li {
	float: left;
	width: calc(50% + 1px);
	margin-bottom: -1px;
	margin-right: -1px;
}

.tabmenu-wrapper ul.depth3 > li {
	width: calc(33.3% + 1px);
}

.tabmenu-wrapper ul.depth3 > li:nth-child(2) {
	width: calc(33.4% + 1px);
}

.tabmenu-wrapper ul.depth4 > li {
	width: calc(25% + 1px);
}

.tabmenu-wrapper ul.depth5 > li {
	width: calc(20% + 1px);
}

.tabmenu-wrapper ul.depth6 > li {
	width: calc(16.66% + 1px);
}

.tabmenu-wrapper ul.depth6 > li:last-child {
	width: calc(16.7% + 1px);
}

.tabmenu-wrapper ul.depth7 > li {
	width: calc(14.285% + 1px);
}

.tabmenu-wrapper ul.depth7 > li:last-child {
	width: calc(14..29% + 1px);
}

.tabmenu-wrapper ul.depth8 > li {
	width: calc(12.5% + 1px);
}

.tabmenu-wrapper ul > li > a {
	display: block;
	text-align: center;
	height: 54px;
	color: #212121;
	font-size: 20px;
	line-height: 24px;
	padding-top: 14px;
	font-weight: 500;
	letter-spacing: -1px;
	border: 1px solid #484848;
}

.tabmenu-wrapper ul > li > a:hover,
.tabmenu-wrapper ul > li > a:focus {
	position: relative;
	z-index: 10;
	color: #212121;
	background: #f5f5f5;
	border: 1px solid #1e405e;
}
.tabmenu-wrapper ul > li > a.active {
	position: relative;
	z-index: 10;
	color: #fff;
	background: #1e405e;
	border: 1px solid #1e405e;
}

/* 비율 없이 탭메뉴 할때 */
.tabmenu-wrapper ul.no-rate > li {
	width: auto;
}

.tabmenu-wrapper ul.no-rate > li > a {
	padding-left: 25px;
	padding-right: 25px;
}

/* 부서 소개 */
.dpartment-wrapper {
	margin-top: 10px;
}

.dpartment-wrapper .image {
	display: block;
}

.dpartment-wrapper .image > img {
	display: block;
	width: 100%;
}

.dpartment-wrapper > dl {
	position: relative;
	display: table;
	vertical-align: middle;
	width: 100%;
	min-height: 150px;
	background: #0085d2;
	padding: 40px 40px 40px 270px;
}

.dpartment-wrapper > dl > dt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 270px;
	min-height: 36px;
	padding: 0 30px 0 40px;
	color: #fff;
	font-size: 36px;
	line-height: 46px;
	font-weight: 700;
	transform: translate(0, -50%);
	letter-spacing: -1px;
	background: url(../img/icon/icon_bar01.gif) no-repeat right center;
}

.dpartment-wrapper > dl > dd {
	display: table-cell;
	vertical-align: middle;
	padding: 0 35px;
	color: #f5f5f7;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	word-break: keep-all;
}

.title0301 {
	padding-left: 40px;
	color: #212121;
	font-size: 34px;
	line-height: 40px;
	font-weight: 500;
	margin-bottom: 20px;
	letter-spacing:-0.5px;
	background: url(../img/bul/bullet_title01.png) no-repeat left 8px;
}

.title0301 .gray-text {
	padding-left: 10px;
	color: #999;
	font-size: 26px;
	line-height: 36px;
	font-weight:400;
}

.title03-wrap{
	background: url(../img/bg/title_bar.gif) bottom center no-repeat;
}

.title0302{
	color: #212121;
	font-size: 36px;
	line-height: 44px;
	font-weight: 600;
	padding-bottom: 20px;
}

.title0303{
	color: #212121;
	font-size: 36px;
	line-height: 44px;
	font-weight: 600;
	padding-bottom: 20px;
	font-family: "Roboto", sans-serif;
}

.title0304{
	color: #052541;
	font-size: 36px;
	line-height: 44px;
	font-weight: 600;
	letter-spacing:-0.5px;
	padding-bottom: 20px;
}

.title0401{
	color: #373943;
	font-size: 26px;
	line-height: 34px;
	font-weight: 500;
	margin: 20px 0;
}

.title0401-eng {
	margin-top: 50px;
	margin-bottom: 20px;
	color: #212121;
	font-size: 42px;
	line-height: 46px;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
}

.word-type01 {
	color: #424242;
	font-size: 17px;
	line-height: 26px;
	word-break: keep-all;
}

.word-type02 {
	color: #424242;
	font-size: 15px;
	line-height: 22px;
	font-weight:300;
	word-break: keep-all;
}

.font500{font-weight:500;;}

.ol-list01 {
	display: block;
}

.ol-list01 > li {
	position: relative;
	padding-left: 38px;
	color: #212121;
	font-size: 21px;
	line-height: 36px;
	letter-spacing:-0.5px;
	font-weight: 700;
}

.ol-list01 > li.thin {
	font-weight: 400;
}

.ol-list01 > li .number {
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	background: #ec8600;
	border-radius: 50%;
	font-family: "Roboto", sans-serif;
	font-weight: 500;

}

.ol-list02 {
	display: block;
}

.ol-list02 > li {
	position: relative;
	color: #424242;
	font-size: 17px;
	line-height: 26px;
	font-weight: 300;
	margin-bottom:5px;
	padding-left:20px;
}

.ol-list02 > li > .num{
	display:inline-block;
	text-indent:-20px;
}

.ol-list03 {
	display: block;
}

.ol-list03 > li {
	position: relative;
	color: #424242;
	font-size: 15px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom:3px;
	text-indent:-17px;
	padding-left:20px;
}

.ol-list04 {
	display: block;
}

.ol-list04 > li {
	position: relative;
	color: #424242;
	font-size: 17px;
	line-height: 26px;
	font-weight: 300;
	margin-bottom:5px;
	text-indent:-20px;
	padding-left:20px;
}

.ul-list01{display: block;}
.ul-list01 > li{
	background: url(../img/bul/list_dot01.png) left 11px no-repeat;
	padding-left: 18px;
	color: #424242;
	font-size: 17px;
	line-height: 26px;
	letter-spacing:-0.25px;
	padding-bottom:6px;
}

.ul-list02{display: block;}
.ul-list02 > li{
	text-indent:-8px;
	padding-left:8px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing:-0.25px;
	padding-bottom:6px;
}

.ul-list03{display: block;}
.ul-list03 > li{
	background: url(../img/bul/list_dot01.png) left 11px no-repeat;
	padding-left: 18px;
	color: #212121;
	font-size: 17px;
	line-height: 26px;
	letter-spacing:-0.25px;
	padding-bottom:6px;
	font-weight:500;
}


.wd928{width:928px;}

/*이사장 인사말*/

.btns-area02{margin-bottom:30px; font-size:0;}
.btns-new{display:inline-block; margin-left:10px; height:50px; line-height:50px; padding:0 40px; border:1px solid #1e405e;}
.btns-new:first-child{margin-left:0;}
.btns-new:hover{background-color:#f8f8f8;}
.btns-new span{display:block; font-size:16px; font-weight:500; padding-right:30px; color:#1e405e; background:url(../img/icon/icon_new.png)  right center no-repeat;}
.greeting-wrap{width:928px; height:420px; padding:50px 0 0 80px; background:url(../img/sub01/img_greeting01.png)  right center no-repeat;}
.greeting-text01{font-size:16px; color:#fff; font-weight:500;}
.greeting-text01 span{display:block; letter-spacing:2px; }
.greeting-title{margin-top:60px; font-size:26px; color:#fff; letter-spacing:-1px; line-height:40px;}
.greeting-text02{display:inline-block; padding:20px 30px; text-align:center; font-size:22px; line-height:30px; color:#212121; background:url(../img/icon/left_qu.png)  left top no-repeat, url(../img/icon/right_qu.png)  right top no-repeat}
.greeting-mid-wrap{width:50%; margin-top:50px;}
.greeting-mid01 strong{display:inline-block; font-size:32px; font-weight:500; margin-bottom:40px; padding-right:200px; color:#103a88; background:url(../img/bg/blue-bar.gif)  200px center no-repeat;}
.greeting-mid01 span{display:block; font-family:'Nanum Myeongjo', serif; font-size:22px; line-height:30px; font-weight:600; color:#212121; margin-bottom:30px;}
.greeting-president {text-align:right; font-size:17px; line-height:32px; color:#424242;}
.greeting-president strong{display:block; font-size:24px; line-height:32px; color:#212121; font-weight:500;}
.sky-box{background:#f7f9fb; padding:40px 30px;}


/*비전미션*/
.vision-wrap{height:400px; background:url(../img/sub01/img_vision.jpg)  0 0 no-repeat; padding:110px 80px; color:#fff;}
.vision-wrap dt{font-size:36px; line-height:44px; font-weight:600; font-family:"roboto" sans-serif; margin-bottom:20px; }
.vision-wrap dd{font-size:19px; line-height:32px; letter-spacing:-0.25px;}
.vision-wrap dd span{font-weight:600; text-decoration:underline;}
.mission-wrap{margin-top:30px;}
.mission-wrap li{width:50%; float:left; text-align:center; font-size:19px; line-height:32px;}
.mission-wrap strong{font-weight:500;}
.value-wrap{width:100%;}
.value-wrap dl, .value-wrap img{width:50%; float:left;}
.value-wrap dl{padding:95px 60px; text-align:left;}
.value-wrap dt{font-size:32px; color:#212121; font-weight:600; margin-bottom:30px;}
.value-wrap dt span{font-size:62px; margin-right:20px; color:#007fe0; font-weight:600;}
.value-wrap dd{font-size:17px; line-height:26px; font-weight:500; letter-spacing:-0.25px;}


/*맑은샘 네트워크*/

.network-area {height:880px; background:url(../img/sub01/img_network.png)  center 130px no-repeat;}
.network-wrap {*zoon:1;}
.network-wrap:after{display:block; clear:both; content:""}
.network-wrap .network-li{float:left; margin-left:20px;}
.network-wrap .network-li:first-child{margin-left:0;}
.network-wrap dl{width:217px;}
.network-wrap dl dt{background-color:#007fe3; padding:22px 0; font-size:26px; font-weight:600; line-height:32px; text-align:center; color:#fff;}
.network-wrap dl dt.bg-blue{background-color:#1e405e;}
.network-wrap dl dd{padding:30px 20px; min-height:200px; border:1px solid #ddd; background-color:#fff;}


/*의료장비 소개*/
.line-area{width:928px; background:url(../img/bg/icon_bar.gif)  bottom center repeat-x; padding:50px 0 60px 0;}
.line-area:first-child{padding-top:0;}
.line-area .line-cont{float:left; margin-left:30px; width:498px; min-height:290px;}

/*원목실*/
.gray-box{width:928px; padding:30px; background:#f7f9fb;}
.minister-wrap{margin-left:40px; margin-top:20px; width:600px;}
.minister-wrap dt{font-size:21px; line-height:30px; font-weight:500; color:#212121; margin-bottom:10px;}

/*진료시간*/
.consultation-hours-wrap{height:427px; padding:100px 0 0 108px; background:url(../img/sub02/img_guide.png)  center center no-repeat;}
.hours-wrap{padding-bottom:20px; margin-bottom:24px; background:url(../img/bg/white_bar.gif)  left bottom no-repeat;}
.hours-text01{font-size:22px; line-height:32px; font-weight:600; margin-bottom:10px; color:#fff;}
.hours-text02{font-size:24px; line-height:34px; font-weight:500; color:#fff;}
.hours-text02 span{color:#ffed24;}
.tel-wrap{float:left; text-align:left; margin:0 50px; padding-left:80px;}
.tel-wrap dt{font-size:18px; line-height:26px; font-weight:600; color:#666;}
.tel-wrap dd{font-size:26px; line-height:36px; font-weight:600; color:#212121;}
.blue-tel{background:url(../img/sub02/img_tel01.png)  left center no-repeat;}
.orange-tel{background:url(../img/sub02/img_tel02.png)  left center no-repeat;}

/*찾아오시는길*/
.directions-wrap{margin-left:40px; padding-left:160px; min-height:100px;}
.directions-wrap.address{background:url(../img/sub02/img_Certi01.png)  left top no-repeat;}
.directions-wrap.call{background:url(../img/sub02/img_call.png)  left top no-repeat;}
.directions-wrap dt{font-size:20px; line-height:30px; font-weight:600; color:#373943; margin-bottom:10px;}
.directions-wrap dd{font-size:17px; line-height:26px; }
.bd-grey-box{border:1px solid #e5e5e5; padding:30px;}
.bd-grey-box .ex-title{font-size:21px; line-height:30px; color:#424242; font-weight:600; padding-left:30px; margin-bottom:10px; background:url(../img/bul/bang.png)  left center no-repeat;}


/*층별안내*/
.stairs-wrap{border-top:2px solid #212121;}
.stairs-wrap .li-stairs{border-bottom:1px solid #ddd; padding:60px 50px;}
.stairs-wrap .li-stairs dl{width:928px; *zoom:1;}
.stairs-wrap .li-stairs dl:after{display:block; clear:both; content:"";}
.stairs-wrap .li-stairs dl dt{float:left; margin-right:60px; font-size:36px; font-weight:600; line-height:32px;}
.stairs-wrap .li-stairs dl dt.stairs-8f{color:#052541;}
.stairs-wrap .li-stairs dl dt.stairs-7f{color:#023d6a;}
.stairs-wrap .li-stairs dl dt.stairs-6f{color:#015697;}
.stairs-wrap .li-stairs dl dt.stairs-5f{color:#0068b7;}
.stairs-wrap .li-stairs dl dt.stairs-4f{color:#007fe0;}
.stairs-wrap .li-stairs dl dt.stairs-3f{color:#1d97d0;}
.stairs-wrap .li-stairs dl dt.stairs-2f{color:#48b1e2;}
.stairs-wrap .li-stairs dl dt.stairs-1f{color:#63c1ed;}
.stairs-wrap .li-stairs dl dd{float:left; width:362px;}

/*장례식장*/
.image-equipment-slider-wrapper {position: relative; height:  570px; margin: 40px 0 60px 0;}
.image-equipment-slider {position: absolute; top: 0; left: 0; width: 100%; height: 570px; z-index: 0; opacity: 0;}
.image-equipment-slider.active {opacity: 1; z-index: 1;}
.image-equipment-slider .item {display: block;}	
.image-equipment-slider .item  img {display: block; width: 100%;}
.image-equipment-slider .equipment-information {background: #fff; padding: 35px 40px;}
.image-equipment-slider .equipment-information:after {content: ""; clear: both; display: block}
.image-equipment-slider .equipment-information h4 {float: left; color: #212121}
.image-equipment-slider .equipment-information h4 > strong {font-size: 26px; line-height: 28px; margin-right: 15px;}
.image-equipment-slider .equipment-information h4 > span { font-size: 20px; line-height: 28px;}
.image-equipment-slider .equipment-information dl {float: right;}
.image-equipment-slider .equipment-information dl > dt,
.image-equipment-slider .equipment-information dl > dd {float: left;color: #616161; line-height: 28px;}
.image-equipment-slider .equipment-information dl > dt {padding-right: 15px; margin-right: 11px; background: url(../img/icon/icon_bar02@2x.gif) no-repeat right center; background-size: 1px 14px;}
.image-equipment-slider .equipment-information dl > dd {display: block;}
.image-equipment-slider .owl-prev {position: absolute; top: 50%; left: 30px; display: block; width: 91px; height: 91px; margin-top: -42px; background: url(../img/btn/btn_previous02@2x.png) no-repeat 0 0 !important; background-size: 91px 91px !important; text-indent: -5000rem; z-index: 10; opacity: 0.5; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.image-equipment-slider .owl-next {position: absolute; top: 50%; right: 30px; display: block; width: 91px; height: 91px; margin-top: -42px; background: url(../img/btn/btn_next02@2x.png) no-repeat 0 0 !important; background-size: 91px 91px !important; text-indent: -5000rem; z-index: 10; opacity: 0.5; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.image-equipment-slider:hover .owl-prev { left: 37px; opacity: 1;}
.image-equipment-slider:hover .owl-next {right: 37px; opacity: 1;}
.image-equipment-slider .owl-dots {position: absolute; bottom: 50px; left: 50%; height: 50px; line-height: 50px; padding: 0  30px; border-radius: 30px; background: url(../img/bg/bg_opacity_black01.png) repeat; transform:translate(-50%,0);}
.image-equipment-slider .owl-dots .owl-dot { display: inline-block; vertical-align: middle; width: 12px; height: 12px; margin: 0 5px; border-radius: 50%; border: 3px solid #fff; opacity: .7;}
.image-equipment-slider .owl-dots .owl-dot.active { background: #fff; opacity: 1;}
.image-equipment-slider .btns-owl {position: absolute; bottom: 50px; left: 50%; margin-left: 49px; width: 50px; height: 50px; line-height: 50px; border-radius: 30px; text-align: center; background: url(../img/bg/bg_opacity_black01.png) repeat; z-index: 10;}
.image-equipment-slider .btns-owl > img {display: inline-block; vertical-align: middle; width: 12px;}


/*원내전화번호*/
.table-type01 {border-top: 2px solid #007fe0;}
.table-type01 table thead th {padding: 15px; background: #eef2f5; color: #424242; font-size: 17px; line-height: 26px; font-weight:500; border-right: 1px solid #c7cccf; border-bottom: 1px solid #c7cccf; text-align: left;}
.table-type01 table thead th:last-child, .table-type01 table tbody td:last-child {border-right: none;}
.table-type01 table thead th.bdr {border-right: 1px solid #c7cccf !important;}
.table-type01 table thead th.bdl {border-left: 1px solid #c7cccf !important;}
.table-type01 table tbody{font-size: 17px; line-height: 26px; color: #424242; text-align: left;}
.table-type01 table tbody th:first-child{border-left: none;}
.table-type01 table tbody th.bdr {border-right: 1px solid #ddd !important;}
.table-type01 table tbody th.bdl {border-left: 1px solid #ddd !important;}
.table-type01 table tbody th {padding: 15px; background: #f9f9f9; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 500;}
.table-type01 table tbody td {padding: 15px; background: #ffffff; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.table-type01 table tbody td:first-child {border-left: none;}
.table-type01 table tbody td.bdr {border-right: 1px solid #ddd !important;}
.table-type01 table tbody td.bdl {border-left: 1px solid #ddd !important;}

/*제증명 및 의무기록 사본발급 안내*/

.btns-down{display:inline-block; margin:0 0 20px 20px; height:50px; line-height:50px; width:454px; padding:0 30px; border:1px solid #1e405e;}
.btns-down:nth-child(odd){margin-left:0;}
.btns-down:hover{background-color:#f8f8f8;}
.btns-down span{display:block; font-size:16px; font-weight:500; padding-right:30px; color:#1e405e; background:url(../img/icon/icon_down.png)  right center no-repeat;}


/*진료센터*/
.dpartment-cont{float:left; width:500px; margin-right:30px;}
.disease-wrap{float:left; border:1px solid #ddd; width:217px; margin-left:20px;}
.disease-wrap:first-child{margin-left:0;}
.disease-box{background-color:#007fe0; padding:20px 0; color:#fff; font-size:18px; line-height:26px; font-weight:600; text-align:center;}
.doctor-img{float:left; width:270px;}
.doctor-img img{ width:100%}
.doctor-wrap{float:left; width:618px; margin-left:40px;}
.doctor-title{border-left:1px solid #212121; padding-left:30px; margin-bottom:20px;}
.doctor-title dt{font-size:22px; line-height:32px; font-weight:500; color:#999; letter-spacing:-0.5px;}
.doctor-title dd{font-size:34px; line-height:40px; font-weight:600; color:#212121; letter-spacing:-0.25px;}
.doctor-title dd span{display:inline-block; padding-left:10px; font-size:26px; font-weight:500; line-height:36px;}
.doctor-career{display: block; width:266px; margin:0 0 20px 30px;}
.doctor-career:first-child{margin-left:0;}
.doctor-career > li{background: url(../img/bul/list_dot02.png) left 11px no-repeat; padding-left: 18px; color: #424242; font-size: 17px; line-height: 26px; letter-spacing:-0.25px; padding-bottom:6px;}
.table-doctor {width:100%; text-align: center;}
.table-doctor table thead th {padding: 15px; background: #4c5961; color: #fff; font-size: 16px; line-height: 24px; font-weight:500; border-right: 1px solid #8c99a0;}
.table-doctor table thead th.bdr {border-right: 1px solid #8c99a0 !important;}
.table-doctor table thead th.bdl {border-left: 1px solid #8c99a0 !important;}
.table-doctor table thead th:last-child, .table-doctor table tbody td:last-child {border-right: none;}
.table-doctor table tbody{font-size: 16px; line-height: 24px; color: #424242;}
.table-doctor table tbody th:first-child{border-left: none;}
.table-doctor table tbody th {padding: 15px; background: #f4f7f9; border-left: 1px solid #ececec; border-bottom: 1px solid #ececec; font-weight: 500;}
.table-doctor table tbody td {padding: 15px; background: #ffffff; border-left: 1px solid #ececec; border-bottom: 1px solid #ececec;}
.table-doctor table tbody td:first-child{border-left: none;}
.table-doctor table tbody td.bdr {border-right: 1px solid #ececec !important;}
.table-doctor table tbody td.bdr {border-left: 1px solid #ececec !important;}


/*진료과목*/
.illness-area{margin-top:40px; text-align:center; font-size:0;}
.illness-area li{display:inline-block; background: url(../img/sub04/icon_dotbar.png) right center no-repeat; padding:0 70px 0 20px;}
.illness-area li:first-child{padding-left:0;}
.illness-area li:last-child{background:0; padding-right:0;}
.illness-list {display: inline-block; vertical-align:top; width:434px; padding-right:30px;}
.illness-list.wide{width:100%; padding-right:0;}
.illness-list > li {position: relative; padding-left: 38px; color: #212121; font-size: 21px; line-height: 36px; letter-spacing:-0.5px; font-weight: 700;}
.illness-list > li .number {position: absolute; top: 6px; left: 0; display: block; width: 26px; height: 26px; line-height: 26px; color: #fff; font-size: 17px; font-weight: 500; text-align: center; background: #0085d2; border-radius: 50%; font-family: "Roboto", sans-serif; font-weight: 500; }

/*faq 테이블 (중앙정렬)*/
.table-type02 {border-top: 2px solid #007fe0;}
.table-type02 table thead th {padding: 15px; background: #eef2f5; color: #424242; font-size: 17px; line-height: 26px; font-weight:500;  letter-spacing:-0.25px; border-right: 1px solid #c7cccf; border-bottom: 1px solid #c7cccf; text-align:center; word-break:break-all;}
.table-type02 table thead th.bdr {border-right: 1px solid #c7cccf !important;}
.table-type02 table thead th.bdl {border-left: 1px solid #c7cccf !important;}
.table-type02 table thead th:last-child, .table-type01 table tbody td:last-child {border-right: none;}
.table-type02 table tbody{font-size: 17px; line-height: 26px; color: #424242; text-align: center;  letter-spacing:-0.25px;}
.table-type02 table tbody th:first-child{border-left: none;}
.table-type02 table tbody th {padding: 15px; background: #fff; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 500; word-break:break-all;}
.table-type02 table tbody th.bg01 {background: #f9f9f9;}
.table-type02 table tbody td {padding: 15px; background: #ffffff; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; word-break:break-all;}
.table-type02 table tbody td:first-child{border-left: none;}
.table-type02 table tbody td.bdr {border-right: 1px solid #ddd !important;}
.table-type02 table tbody td.bdr {border-left: 1px solid #ddd !important;}

/*로그인*/

#login_wrap {width:100%; height:100%; margin-top:50px;}
#login_wrap form {position: absolute; left: 50%; width: 560px; margin-left: -280px; text-align: center;}
#login_wrap form ul {}
#login_wrap form ul li {display:block; margin-bottom:20px;}
#login_wrap form ul li input {display:block; width: 100%; height: 50px; padding-left: 10px; background: #f0f1f3; color: #616161; font-weight: 300; border: 0; -webkit-appearance: none;}
#login_wrap form button {width:560px; margin-top:5px;padding:20px 0; background:#1e3f5e; border:1px solid #1e3f5e; color:#fff; font-weight:700;  }
#login_wrap form .word-save-id {display:block; margin-bottom: 30px; text-align: left; color: #597a96;}
#login_wrap form .word-save-id input {display: none;}
#login_wrap form .word-save-id input[type="checkbox"] + label {display: block; padding-left: 36px; height: 25px; line-height: 25px; color:#424242 ;  font-size:17px; font-weight: 300; background: url(../img/btn/icon_checkbox_off.png) no-repeat left center;}
#login_wrap form .word-save-id input[type="checkbox"]:checked + label {background: url(../img/btn/icon_checkbox_on.png) no-repeat left center;}
#login_wrap form .btns-login-area {}
#login_wrap form .btns-login-area button,#login_wrap form .btns-login-area input[type=submit] {display: block; width: 100%; height: 60px; font-size: 20px; line-height: 14px; text-align: center; background: #1e3f5e; border: 0; color: #fff; font-weight: 500;}
#login_wrap form .join-list {margin-top:30px;}
#login_wrap form .join-list  li {background: url(../img/bul/list_dot01.png) left 11px no-repeat; padding-left: 18px; color: #424242; font-size: 17px; line-height: 26px; letter-spacing:-0.25px; margin-bottom:10px; text-align:left;}
#login_wrap form .join-list  li p{float:left;}
#login_wrap form .join-list  li a {float:right; display:inline-block;  text-align:right; color:#103a89; padding-right:20px; background: url(../img/icon/join_arrow.png) right center no-repeat;}


/*레이어팝업*/


/* Managers */
.mask{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	z-index: 1000;
	overflow: hidden;
}

.layerpopup-wrapper {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 800px;
	height: 624px;
	margin-left: -400px;
	margin-top: -272px;
	z-index: 1010
}

.layerpopup-area {
	position: relative;
	background: #fff;
	height: 100%;
	-webkit-box-shadow: 0px 15px 25px 5px rgba(51,51,51,0.4);
	-moz-box-shadow: 0px 15px 25px 5px rgba(51,51,51,0.4);
	box-shadow: 0px 15px 25px 5px rgba(51,51,51,0.4);
}

.layerpopup-area h2 {
	display:block;
	text-align: left;
	color: #fff;
	background:#0085d2;
	padding:20px 0 20px 40px;
	font-size: 26px;
	line-height: 26px;
	font-weight: 600
}

.layerpopup-area .layerpopup-contain {
	display:block;
	text-align: left;
	padding:30px 40px;
	height: 500px;
	overflow-y: scroll;
}

.layerpopup-area .layerpopup-btn-close {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 66px;
	height: 66px;
	line-height: 40px;
	text-align: center;
}

.layerpopup-area .layerpopup-btn-close img {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
}

.layerpopup-area {
	height: calc(100% - 52px);
	overflow-x: hidden;
	overflow-y: auto;
}



/*사이트맵*/

.total_menu{display:none; overflow:hidden; width:100%; background-color: #103a89; height:100%; position:absolute; top:0; left:0; z-index:9999; }
.total_menu .inner{position:relative; overflow:hidden; padding:52px 0; margin: 0 auto; width: 1240px;}
.total_menu .inner .p_t{float:left; width:286px; border-left:1px solid #3c579d; box-sizing:border-box; height:800px;}
.total_menu .inner .p_t:first-child{border:0;}
.total_menu .inner .p_t > div{margin-top:69px; margin-left:40px;}
.total_menu .inner .p_t > div:first-child{margin-top:0;}
.total_menu .inner .p_t > div .tit{}
.total_menu .inner .p_t > div .tit a{display:inline-block;}
.total_menu .inner .p_t > div .tit a strong{display:block; color:#fff; font-weight:600; font-size:24px;}
.total_menu .inner .p_t > div .tit a:hover strong{color:#ffc15f;}

.total_menu .inner .p_t > div .tit:after{content:''; display:block; margin-top:15px; width:50px; height:2px; color:#fff; background-color:#f0ab3d;}
.total_menu .inner .p_t > div > ul{margin-top:20px;}
.total_menu .inner .p_t > div > ul > li{margin-top:12px;}
.total_menu .inner .p_t > div > ul > li:first-child{margin-top:0;}
.total_menu .inner .p_t > div > ul > li a{display:inline-block;}
.total_menu .inner .p_t > div > ul > li a:hover em{color:#b1ecff; text-decoration:underline;}
.total_menu .inner .p_t > div > ul > li a em{color:#fff; font-weight:300; font-size:17px;}
.total_menu .inner .p_t > div > ul > li ul{margin-top:10px;}
.total_menu .inner .p_t > div > ul > li ul li{margin-top:5px;}
.total_menu .inner .p_t > div > ul > li ul li:first-child{margin-top:0;}
.total_menu .inner .p_t > div > ul > li ul li a em{color:#a5acc8; font-size:15px;}
.total_menu .inner .p_t > div > ul > li ul li a:hover em{text-decoration:underline;}
.total_menu .total_menu_pop{display:inline-block; margin-left:8px;}
.total_menu .total_menu_pop:after{content:''; display:inline-block; width:16px; height:15px; background:url('/ui_common/images/common/icon_total_menu_pop.png') no-repeat; background-position:0 0;}
.total_menu strong .total_menu_pop:after{margin-bottom:2px;}
.total_menu a:hover .total_menu_pop:after{background-position:0 bottom;}
.total_menu .close_btn{position:absolute; top:54px; right:0;}
.total_menu .close_btn a{position:relative; display:block; width:26px; height:26px;}
.total_menu .close_btn a:before,
.total_menu .close_btn a:after{content:''; position:absolute; top:13px; display: block; width:31px; height:2px; background-color:#fff; -webkit-animation-fill-mode:forwards; -webkit-animation-duration:0.5s; -webkit-animation-direction:normal;
}
.total_menu .close_btn a:before{
    transform:rotate(-45deg);
}
.total_menu .close_btn a:after{
    transform:rotate(45deg);
}