@charset "utf-8";

/* 부분리뉴얼 수정 및 추가 2017-06-21 */
@font-face {
	font-family:NanumBarunGothic;
	font-weight:300;
	src:url('../font/NanumBarunGothicLight.eot');
	src:local('NanumBarunGothicLight'), local('Nanum Barun Gothic Light'),
		url('../font/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumBarunGothicLight.woff') format('woff');
}
@font-face {
	font-family:NanumBarunGothic;
	font-weight:normal;
	src:url('../font/NanumBarunGothic.eot');
	src:local('NanumBarunGothic'), local('anum Barun Gothic'),
		url('../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family:NanumBarunGothic;
	font-weight:bold;
	src:url('../font/NanumBarunGothicBold.eot');
	src:local('NanumBarunGothicBold'), local('Nanum Barun Gothic Bold'),
		url('../font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		url('../font/NanumBarunGothicBold.woff') format('woff');
}
/* //부분리뉴얼 수정 및 추가 2017-06-21 */

/**
 *
 * component
 *
 **/

/* ==========================================================================
   Component Style
   ========================================================================== */

/* Typo & Color */
body {margin:0; padding:0; font:normal 12px/1.5 NanumBarunGothic, Dotum; color:#333; background-color: #f7f7f9; }
a { text-decoration: none; }
ul, li { margin: 0; padding: 0; list-style: none; }

/* hidden */
legend, caption {
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.visually-hidden, .sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	border: 0 !important;
}

hr {border-color:#e8e8e8;}

/* color */
.color-blue { color: #3378c1 !important; }
.color-blue02 { color: #115bab !important; }
.color-red { color: #d42907 !important; }
.color-red02 { color: #c04848 !important; }
.color-gray { color: #6e7179 !important; }
.color-gray02 { color: #cccccc !important; }
.color-dark { color: #1b1d21 !important; }
.color-dark02 { color: #44484f !important; }

/* font-size */
.font-small { font-size: 13px !important; }
.font-normal { font-size: 14px !important; }
.font-large { font-size: 18px !important; }
.font-large02 { font-size: 20px !important; }
.bigger {font-size:1.3em;}

/* font-weight */
.font-bold { font-weight: bold !important; }
.font-light { font-weight: normal !important; }

/* 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; }

/* text-decoration */
.underline { text-decoration: underline !important; }

/* utility */
.pull-left {float:left;}
.pull-right {float:right}
.clear {clear:both}
.bold {font-weight:bold !important; }

/* background-color */
.bg-color-yellow { background-color: #f3ef50; }

/* link */
.site-link { color: #115bab; }

/* =====================================
 component page style
===================================== */
.component-wrapper { overflow: hidden; background: #f7f7f9; }
.component-container { /**/max-width: 1280px;/**/ /**/min-width: 1000px;/**/ margin: 0 auto; padding: 30px; background: #f7f7f9; }
.component-container:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
h2.component-title { display: block; position: relative; margin: 30px 0 20px; padding: 10px; color: #115bab; font-size: 30px; background: #ddd; text-shadow: 1px 1px 0 #fff; }
h2.component-title:first-child { margin-top: 0; }
h2.component-title:after { content: ' component-title'; display: inline-block; padding-left: 5px; color: #999; font-size: 11px; font-weight: normal; }
h3.component-title { display: block; position: relative; margin: 20px 0; padding: 10px 10px 10px 0px; border-bottom: 1px solid #ddd; color: #3378c1; font-size: 18px; text-shadow: 1px 1px 0 #fff; box-shadow: 0 1px 0 #fff; }
h3.component-title:after { content: ' component-title'; display: inline-block; padding-left: 5px; color: #bbb; font-size: 11px; font-weight: normal; }
.component-description { position: relative; margin: -5px 0 15px 0; padding: 10px; border: 1px solid #bbb; background: #eee; color: #666; font-size: 14px; line-height: 24px; }
.component-description:after { content: 'component-description'; display: inline-block; position: absolute; top: -7px; left: 10px; margin: 0; padding: 0 3px; background: #eee; color: #ccc; font-size: 11px; line-height: normal; font-weight: normal; text-shadow: 1px 1px 0 #fff; }

.component-wrapper .inner-section { clear:both; min-width:1000px; max-width:1280px; margin:0 auto; }


@media all and (max-width: 1359px) {
   .component-container {width:1024px;}
}
@media all and (max-width: 1040px) { /* +16 */
   .component-container {width:1000px;}
}




/* =====================================
 icon
===================================== */
.iconset { display: inline-block; overflow: hidden; position: relative; background: url('../img/ico/ico_common.png') no-repeat 0 0; font-size: 0; line-height: 0; vertical-align: middle; }
	.icon-like { width: 15px; height: 12px; background-position: 0 0; }
	.icon-scrap { width: 12px; height: 12px; background-position: -30px 0; }
	.icon-share { width: 16px; height: 14px; background-position: -60px 0; }
	.icon-count { width: 22px; height: 14px; background-position: -90px 0; }
	.icon-date { width: 12px; height: 11px; background-position: -120px 0; }
	.icon-zoom { width: 18px; height: 19px; background-position: -150px 0; }
	.icon-list { width: 15px; height: 19px; background-position: -180px 0; }
	.icon-list02 { width: 15px; height: 19px; background-position: -200px 0; }
	.icon-list04 { width: 15px; height: 15px; background-position: -260px -690px; }
	.icon-new { width: 35px; height: 18px; background-position: -80px -30px; }
	.icon-new02 { width: 20px; height: 20px; background-position: -200px -1040px; }
	.icon-help { width: 13px; height: 13px; background-position: -120px -30px; cursor: help; }
	.icon-datepicker { width: 21px; height: 20px; background-position: -180px -30px; }
	.icon-search { width: 17px; height: 17px; background-position: -280px 0; }
	.icon-search02 { width: 21px; height: 21px; background-position: -250px 0; }
	.icon-search03 { width: 21px; height: 21px; background-position: 0 -250px; }
	.icon-calendar { width: 15px; height: 17px; background-position: -330px 0; }
	.icon-calendar02 { width: 15px; height: 17px; background-position: -350px 0; }
	.icon-calendar03 { width: 15px; height: 17px; background-position: -240px -805px; }
	.icon-document { width: 15px; height: 19px; background-position: -310px 0; }
	.icon-yes { width: 9px; height: 11px; background-position: -370px 0; }
	.icon-yes02 { width: 9px; height: 11px; background-position: -390px 0; }
	.icon-close { width: 12px; height: 13px; background-position: -230px -30px; }
	.icon-reload { width: 26px; height: 27px; background-position: -220px 0; }
	.icon-download { width: 15px; height: 17px; background-position: -250px -30px; }
	.icon-download02 { width: 15px; height: 17px; background-position: -270px -30px; }
	.icon-download03 { width: 15px; height: 17px; background-position: -320px -780px; }
	.icon-counsel { width: 19px; height: 20px; background-position: -290px -30px; }
	.icon-heart { width: 17px; height: 15px; background-position: -140px -30px; }
	.icon-heart02 { width: 17px; height: 15px; background-position: -160px -30px; }
	.icon-heart03 { width: 17px; height: 13px; background-position: -80px -60px; }
	.icon-heart05 { width: 17px; height: 13px; background-position: -80px -80px; }
	.icon-write { width: 15px; height: 16px; background-position: -210px -30px; }
	.icon-boardsort01 { width: 35px; height: 35px; background-position: 0 -30px; }
	.icon-boardsort02 { width: 35px; height: 35px; background-position: -40px -30px; }
	.icon-arrowup { width: 11px; height: 6px; background-position: -310px -30px; }
	.icon-arrowdown { width: 11px; height: 6px; background-position: -330px -30px; }
	.icon-exclamation { width: 23px; height: 22px; background-position: -100px -60px; }
	.icon-table { width: 15px; height: 17px; background-position: -130px -60px; }
	.icon-table02 { width: 15px; height: 17px; background-position: -150px -60px; }
	.icon-certify { width: 16px; height: 12px; background-position: -210px -210px; }
	.icon-person { width: 18px; height: 22px; background-position: -180px -60px; }
	.icon-clock { width: 24px; height: 24px; background-position: -210px -60px; }
	.icon-money { width: 20px; height: 25px; background-position: -250px -60px; }
	.icon-advice { width: 26px; height: 22px; background-position: -280px -60px; }
	.icon-phone { width: 24px; height: 17px; background-position: -315px -60px; }
	.icon-exclamation02 { width: 30px; height: 30px; background-position: -350px -60px; }
	.icon-phone02 { width: 67px; height: 66px; background-position: -80px -100px; }
	.icon-subway { width: 42px; height: 42px; background-position: -160px -100px; }
	.icon-point { width: 15px; height: 17px; background-position: -210px -100px; }
	.icon-document02 { width: 14px; height: 18px; background-position: -230px -100px; }
	.icon-person02 { width: 16px; height: 17px; background-position: -250px -100px; }
	.icon-cross { width: 14px; height: 14px; background-position: -270px -100px; }
	.icon-person03 { width: 19px; height: 16px; background-position: -290px -100px; }
	.icon-close02 { width: 44px; height: 43px; background-position: 0 -120px; }
	.icon-person04 { width: 12px; height: 13px; background-position: -315px -100px; }
	.icon-delete { width: 10px; height: 11px; background-position: -340px -100px; }
	.icon-delete02 { width: 12px; height: 13px; background-position: -230px -30px; }
	.icon-delete03 { width: 10px; height: 11px; background-position: -220px -280px; }
	.icon-addition { width: 12px; height: 13px; background-position: -360px -100px; }
	.icon-addition { width: 12px; height: 13px; background-position: -360px -100px; }
	.icon-secret { width: 12px; height: 13px; background-position: -380px -100px; }
	.icon-secret02 { width: 11px; height: 14px; background-position: -380px -120px; }
	.icon-heart04 { width: 9px; height: 8px; background-position: -210px -130px; }
	.icon-heart-blue { width: 19px; height: 15px; background-position: -209px -150px; }
	.icon-heart-white { width: 19px; height: 15px; background-position: -209px -180px; }
	.icon-search-blue { width: 18px; height: 17px; background-position: -240px -150px; }
	.icon-search-white { width: 18px; height: 17px; background-position: -240px -180px; }
	.icon-calendar-green { width: 22px; height: 22px; background-position: -270px -150px; }
	.icon-calendar-white { width: 22px; height: 22px; background-position: -270px -180px; }
	.icon-calendar-gray{ width: 16px; height: 15px; background-position: -40px -2121px; }
	.icon-calendar-white02{ width: 16px; height: 15px; background-position: -60px -2121px; }
	.icon-balloon-blue { width: 19px; height: 20px; background-position: -299px -149px; }
	.icon-balloon-white { width: 19px; height: 20px; background-position: -300px -180px; }
	.icon-list-blue { width: 16px; height: 12px; background-position: -330px -150px; }
	.icon-list-gray { width: 16px; height: 15px; background-position: 0px -2121px; }
	.icon-list-white { width: 16px; height: 12px; background-position: -330px -180px; }
	.icon-list-white02 { width: 16px; height: 15px; background-position: -20px -2121px; }
	.icon-pencil-blue { width: 16px; height: 17px; background-position: -360px -150px; }
	.icon-pencil-white { width: 16px; height: 17px; background-position: -360px -180px; }
	.icon-boy-gray { width: 24px; height: 25px; background-position: -240px -239px; }
	.icon-boy02-gray { width: 24px; height: 25px; background-position: -330px -240px; }
	.icon-girl-gray { width: 38px; height: 25px; background-position: -280px -239px; }
	.icon-girl02-gray { width: 27px; height: 24px; background-position: -369px -240px; }
	.icon-blog { width: 20px; height: 22px; background-position: -270px -210px; }
	.icon-person05 { width: 18px; height: 20px; background-position: -150px -200px; }
	.icon-heart-blue02 { width: 18px; height: 16px; background-position: -175px -200px; }
	.icon-notice { width: 35px; height: 18px; background-position: 0 -280px; }
	.icon-file { width: 17px; height: 16px; background-position: -60px -280px; }

	.icon-boy-blue { width: 24px; height: 25px; background-position: -240px -279px; }
	.icon-boy02-blue { width: 24px; height: 25px; background-position: -330px -280px; }
	.icon-girl-blue { width: 38px; height: 25px; background-position: -280px -279px; }
	.icon-girl02-blue { width: 27px; height: 24px; background-position: -369px -280px; }

	.icon-circle-person-yellow { width: 66px; height: 66px; background-position: 0 -690px; }
	.icon-circle-doc-yellow { width: 67px; height: 66px; background-position: -80px -690px; }
	.icon-circle-heart-yellow { width: 68px; height: 68px; background-position: -159px -689px; }

	.icon-circle-person-blue { width: 66px; height: 66px; background-position: 0 -770px; }
	.icon-circle-doc-blue { width: 67px; height: 66px; background-position: -79px -770px; }
	.icon-circle-heart-blue { width: 68px; height: 68px; background-position: -160px -769px; }

	.icon-circle-letter { width: 185px; height: 185px; background-position: 0 -850px; }
	.icon-circle-smc { width: 185px; height: 185px; background-position: 0 -320px; }
	.icon-circle-person02 { width: 185px; height: 185px; background-position: -200px -320px; }
	.icon-circle-doctor { width: 154px; height: 154px; background-position: 0 -520px; }
	.icon-circle-doctor02 { width: 154px; height: 154px; background-position: -170px -520px; }
	.icon-circle-fee { width: 185px; height: 185px; background-position: -200px -850px; }
	.icon-circle-student { width: 185px; height: 185px; background-position: 0 -1200px; }
	.icon-circle-adult { width: 185px; height: 185px; background-position: -200px -1200px; }
	.icon-circle-magazine { width: 185px; height: 185px; background-position: 0 -1570px; }
	.icon-circle-donation { width: 160px; height: 160px; background-position: 0 -1400px; }
	.icon-circle-volunteer { width: 160px; height: 160px; background-position: -180px -1400px; }
	.icon-circle-cheer { width: 185px; height: 185px; background-position: 0 -1800px; }
	.icon-tooltip { width: 16px; height: 16px; background-position: -240px -210px; }
	.icon-print { width: 16px; height: 16px; background-position: -300px -212px; }
	.icon-print02 { width: 14px; height: 14px; background-position: -160px -280px; }
	.icon-cafe { width: 15px; height: 15px; background-position: -372px -205px; }

	.icon-medi-schedule01 { width: 11px; height: 10px; background-position: 0 -180px; }
	.icon-medi-schedule02 { width: 11px; height: 10px; background-position: -20px -180px; }
	.icon-medi-schedule03 { width: 11px; height: 9px; background-position: -39px -180px; }
	.icon-medi-schedule04 { width: 11px; height: 10px; background-position: -60px -180px; }
	.icon-medi-schedule05 { width: 11px; height: 9px; background-position: -80px -180px; }
	.icon-medi-schedule06 { width: 11px; height: 9px; background-position: -100px -180px; }

	.icon-sns-facebook { width: 6px; height: 14px; background-position: 0 -200px; }
	.icon-sns-twitter { width: 15px; height: 13px; background-position: -20px -200px; }
	.icon-sns-googleplus { width: 16px; height: 14px; background-position: -40px -200px; }
	.icon-sns-kakaotalk { width: 18px; height: 15px; background-position: -60px -200px; }
	.icon-user-favorite { width: 16px; height: 16px; background-position: -90px -200px; }
	.icon-user-print { width: 17px; height: 17px; background-position: -120px -200px; }

	.icon-home { width: 17px; height: 17px; background-position: -160px -250px; }
	.icon-home02 { width: 17px; height: 17px; background-position: -130px -1080px; }
	.icon-home03 { width: 17px; height: 17px; background-position: -328px -1110px; }
	.icon-pencil-white02 { width: 13px; height: 20px; background-position: -190px -250px; }
	.icon-list03 { width: 14px; height: 15px; background-position: -210px -250px; }
	.icon-arrow-yellow { width: 9px; height: 15px; background-position: -240px -780px; }

	.icon-target { width: 18px; height: 19px; background-position: -270px -780px; }
	.icon-checkround { width: 16px; height: 17px; background-position: -295px -780px; }
	.icon-scrap-config { width: 26px; height: 26px; background-position: -240px -740px; }
	.icon-scrap-delete { width: 26px; height: 26px; background-position: -270px -740px; }
	.icon-scrap-config02 { width: 19px; height: 19px; background-position: -240px -710px; }
	.icon-scrap-nav-prev { width: 30px; height: 30px; background-position: -280px -690px; }
	.icon-scrap-nav-next { width: 30px; height: 30px; background-position: -340px -690px; }
	.icon-scrap-plus { width: 30px; height: 30px; background-position: -305px -740px; }

	.icon-play { width: 20px; height: 22px; background-position: -320px -805px; }
	.icon-play02 { width: 20px; height: 22px; background-position: -350px -805px; }
	.icon-star { width: 17px; height: 17px; background-position: -350px -760px; }
	.icon-play03 { width: 14px; height: 14px; background-position: -350px -740px; }
	.icon-audio-play { width: 56px; height: 56px; background-position: 0 -1040px; }
	.icon-audio-play02 { width: 56px; height: 56px; background-position: -60px -1040px; }
	.icon-morning  { width: 43px; height: 26px; background-position: -330px -520px; }
	.icon-lunch { width: 39px; height: 40px; background-position: -330px -560px; }
	.icon-evening { width: 43px; height: 26px; background-position: -330px -610px; }
	.icon-bed { width: 43px; height: 32px; background-position: -330px -646px; }
	.icon-family { width: 19px; height: 19px; background-position: -175px -150px; }
	.icon-family02 { width: 19px; height: 19px; background-position: -175px -170px; }
	.icon-group { width: 20px; height: 20px; background-position: -58px -248px; }

	.icon-member-person1 { width: 66px; height: 63px; background-position: 0 -1110px; }
	.icon-member-person2 { width: 66px; height: 63px; background-position: -80px -1110px; }
	.icon-member-person3 { width: 66px; height: 63px; background-position: -160px -1110px; }
	.icon-member-person4 { width: 66px; height: 63px; background-position: -240px -1110px; }
	.icon-member-person5 { width: 66px; height: 63px; background-position: 0 -2156px; }

	.icon-close03 { width: 26px; height: 26px; background-position: -130px -1040px; }
	.icon-ebook { width: 18px; height: 18px; background-position: -170px -1040px; }
	.icon-more { width: 12px; height: 12px; background-position: -230px -1040px; }
	.icon-more02 { width: 17px; height: 17px; background-position: -190px -280px; }

	.icon-schedule-field01 { width: 9px; height: 9px; background-position: 0 -1180px; }
	.icon-schedule-field02 { width: 9px; height: 9px; background-position: -20px -1180px; }
	.icon-schedule-field03 { width: 10px; height: 9px; background-position: -40px -1180px; }
	.icon-schedule-field04 { width: 11px; height: 11px; background-position: -60px -1180px; }
	.icon-schedule-field05 { width: 12px; height: 11px; background-position: -80px -1180px; }
	.icon-schedule-picker { width: 46px; height: 46px; background-position: -250px -1040px; }
	.icon-schedule-today { width: 46px; height: 46px; background-position: -300px -1040px; }
	.icon-inquiry { width: 17px; height: 17px; background-position: -160px -1080px; }
	.icon-close-small { width: 11px; height: 11px; background-position: -190px -1080px; }


	.icon-search-cafe { width: 18px; height: 18px; background-position: -200px -1570px; }
	.icon-search-vod { width: 19px; height: 19px; background-position: -229px -1570px; }
	.icon-search-audio { width: 15px; height: 13px; background-position: -260px -1570px; }
	.icon-search-slide { width: 15px; height: 13px; background-position: -290px -1570px; }
	.icon-search-graph { width: 15px; height: 13px; background-position: -320px -1570px; }
	.icon-search-info { width: 18px; height: 19px; background-position: -350px -1570px; }
	.icon-search-cardn {width:21px; height:14px; background-position:-312px -1598px}
	.total-search .tag-name .iconset.icon-search-cardn {margin-right:2px;}

	.icon-color-yellow { width: 11px; height: 11px; background-image: none; background-color: #f3ef50; }
	.icon-close04 { width: 10px; height: 9px;  background-position: -310px -1110px; }

	.icon-content-print { width: 14px; height: 14px;  background-position: -200px -1600px; }

	.icon-namecheck-realname { width: 67px; height: 67px;  background-position: -200px -1720px; }
	.icon-namecheck-ipin { width: 67px; height: 67px;  background-position: -280px -1720px; }


	.icon-view-pubmed { width: 13px; height: 14px;  background-position: -260px -1610px; }
	.icon-lnb-sdoctor { width: 38px; height: 19px;  background-position: -240px -1640px; }


	.icon-infomation-blue { width: 16px; height: 16px;  background-position: -290px -1640px; }

	.icon-smedia-voice { width: 15px; height: 14px;  background-position: -320px -1640px; }
	.icon-smedia-text { width: 12px; height: 14px;  background-position: -350px -1640px; }

	.icon-contentview-relation-doctor { width: 23px; height: 23px;  background-position: -240px -1670px; }
	.icon-contentview-relation-txt { width: 23px; height: 23px;  background-position: -280px -1670px; }

	.icon-media-caption { width: 23px; height: 23px;  background-position: -320px -1670px; }

	.icon-layer-close { width: 11px; height: 11px; background-position: -310px -1130px; }

	.icon-explorer { width: 61px; height: 60px; background-position: -200px -1801px; }
	.icon-explorer-large { width: 93px; height: 90px; background-position: 0 -2000px; }
	.icon-chrome { width: 90px; height: 90px; background-position: -110px -2000px; }
	.icon-firefox { width: 93px; height: 95px; background-position: -209px -2000px; }
	.icon-guide-burger { width: 14px; height: 12px; background-position: -280px -1810px; }
	.icon-guide-info { width: 22px; height: 22px; background-position: -300px -1810px; }
	.icon-guide-arrow { width: 5px; height: 8px; background-position: -330px -1810px; }

	.icon-print-tip { width: 24px; height: 24px; background-position: -360px -1670px; }

/* exception */
.ico-question{ display: inline-block; font-size: 14px; line-height:1; padding: 14px; font-weight: bold; color: #44484f; background: #e4e7ea;}
.ico-color-arrow{ display:inline-block; overflow:hidden; width: 9px; height: 11px; margin-right: 5px; text-indent:-9999px;}
.ico-color-arrow.increase-point{ background: url('../img/ico/ico_updown_point.png') 0 0 no-repeat; }
.ico-color-arrow.decrease-point{ background: url('../img/ico/ico_updown_point.png') 0 -11px no-repeat; }

.ico-info-notify {display:inline-block; width:20px; height:20px; padding:0; background:url('../img/ico/ico-info-notify.png') no-repeat 0 0;}

.ico-tel { display:inline-block; overflow:hidden; width: 68px; height: 68px; background: url(../img/ico/ico-tel.png) no-repeat;}

/* iconset-text */
.iconset-text { display: inline-block; margin-left: 4px; color: #44484f; font-size: 14px; line-height: normal; vertical-align: middle; }


/* signin icon */
.ico-signin {display: inline-block; vertical-align:middle; width:21px; height:18px; background:url('../img/ico/link.png') 0 -42px no-repeat;}
  .ico-signin.ico-signin-facebook { margin-top: -2px; height: 20px; background-position: 0 -417px;}
  .ico-signin.ico-signin-twitter { margin-top: -2px; height: 20px; background-position: 0 -450px;}
  .ico-signin.ico-signin-google { margin-top: -2px; height: 20px; background-position: 0 -480px;}
  .ico-signin.ico-signin-facebook + .signin-text,
  .ico-signin.ico-signin-twitter + .signin-text,
  .ico-signin.ico-signin-google + .signin-text {margin-top: 2px;}
.ico-person-close { display:inline-block; width: 26px; height: 26px;  background: url('../img/ico/link.png') no-repeat 0 -324px;}

/* =====================================
 button
===================================== */
.button { display: inline-block; overflow: visible; position: relative; min-width: 60px; height: 40px; margin: 0; padding: 0 15px; border: 0; background: none; color: #44484f; font: inherit; font-size: 14px; line-height: 40px; text-align: center; vertical-align: middle; text-decoration: none; white-space: nowrap; box-sizing: border-box; }
.button .iconset { margin-right: 4px; }
.button .button-text { display: inline-block; color: inherit; font: inherit; }

/* color */
.button-blue { background-color: #3378c1; color: #fff; }
.button-blue02 { background-color: #115bab; color: #fff; }
.button-dark { background-color: #464c58; color: #fff; }
.button-dark02 { background-color: #666d74; color: #fff; }
.button-gray { background-color: #e4e7ea; color: #44484f; }
.button-gray02 { background-color: #f6f6f6; color: #44484f; }
.button-white { background-color: #fff; color: #44484f; }
.button-green { background-color: #4ad1d4; color: #fff; }
.button-green02 { background-color: #40c1c2; color: #fff; }

/* size */
.button-large { min-width: 100px; height: 48px; padding: 0 15px; line-height: 48px; font-size: 16px; letter-spacing: -1px; }
.button-large02 { min-width: 100px; height: 68px; padding: 0 25px; line-height: 68px; font-size: 15px; }
.button-normal { min-width: 60px; height: 40px; padding: 0 15px; line-height: 40px; font-size: 14px; }
.button-small { min-width: 60px; height: 32px; padding: 0 15px; line-height: 34px; font-size: 14px; }
.button-small02 { min-width: 45px; height: 26px; padding: 0 10px; line-height: 25px; font-size: 13px; letter-spacing: -1px; }
.button-small03 { min-width: 45px; height: 22px; padding: 0 10px; line-height: 21px; font-size: 13px; letter-spacing: -0.5px; }
.button-small04 { min-width: 45px; height: 19px; padding: 0 10px; line-height: 20px; font-size: 11px; letter-spacing: 0; }
.button-small05 { min-width: 60px; height: 34px; padding: 0 15px; line-height: 36px; font-size: 14px; }
.button-only-icon { padding: 0; min-width: 0; width: auto; height: auto; line-height: 1;}

/* 부분리뉴얼 추가 2017-06-21 */
.button-blueline { min-width: 100px; height: 50px; padding: 0 40px; border: 2px solid #0b50a1; color:#115bab; line-height: 48px; font-size: 20px; background-color:#fff; }
.button-blackline { min-width: 100px; height: 50px; padding: 0 60px; border: 2px solid #333; color:#333; line-height: 48px; font-size: 20px; background-color:#fff; }
.button-whiteline { width:244px; height:66px; padding:0 43px 0 37px; line-height:64px; border: 2px solid rgba(255,255,255,.7); text-align:left; color:rgba(255,255,255,.7); font-size:20px; font-weight:bold; background:url('../img/ico/ico_button_arrow.png') no-repeat top 22px right 35px; }
.button-grayline { width:244px; height:66px; padding:0 43px 0 37px; line-height:64px; border: 2px solid #898989; text-align:left; color:#717171; font-size:20px; font-weight:bold; background:url('../img/ico/ico_button_arrow.png') no-repeat top 22px right 35px; }
.button-grayline2 { width:340px; height:66px; padding:0 43px 0 37px; line-height:64px; border: 2px solid #898989; text-align:left; color:#717171; font-size:20px; font-weight:bold; background:url('../img/ico/ico_button_arrow.png') no-repeat top 22px right 35px; } 
.button-grayline3 { width:390px; height:66px; padding:0 43px 0 37px; line-height:64px; border: 2px solid #898989; text-align:left; color:#717171; font-size:20px; font-weight:bold; background:url('../img/ico/ico_button_arrow.png') no-repeat top 22px right 35px; } 
/* //부분리뉴얼 추가 2017-06-21 */

/* width fixed */
.button-width-small { width: 80px; }
.button-width-small02 { width: 60px; padding-left: 5px; padding-right: 5px; }
.button-width-normal { width: 120px; }
.button-block { width:100%; }

/* stroke */
.button-stroke { border: 1px solid #3378c1; color: #3378c1; }

/* only icon */
.button-icon { min-width: 0; height: auto; padding: 0; line-height: 0; }
.button-icon .iconset { top: 0; margin: 0; }

/* exception */
.button-search { width: 35px; height: 34px; padding: 0; line-height: 34px; }
.button-search02 { width: 45px; height: 45px; padding: 0; line-height: 45px; }
.button-search03 { width: 50px; height: 50px; padding: 0; line-height: 50px; }
.button-search04 { width: 40px; height: 40px; padding: 0; line-height: 40px; }
.button-yes { min-width: 0; width: 40px; height: 40px; padding: 0; font-size: 15px; font-weight: bold; line-height: 40px; }
.button-more { width: 100%; background-color: #e8e9ec; color: #5d6167; font-size: 15px; line-height: 40px; letter-spacing: -1px; }
.button-comment { min-width: 0; width: 76px; height: 76px; color: #fff; font-size: 14px; line-height: 20px; }
.button-modal-close { width: 44px; height: 44px; padding: 0; line-height: 44px; }
.button-toggle-close { width: 26px; height: 26px; padding: 0; line-height: 26px; }
.button-file-delete { width: 20px; height: 20px; background-color: #ededef; }


.btn-print-group { display: inline-block; overflow: hidden; }
.btn-print-group .btn-print { float: left; }
.btn-print-group .btn-print-tip { float: left; min-width: 0; width: auto; margin: 0; padding: 0 15px 0 0; }
.btn-print-group .btn-print-tip .iconset { margin: 0; }


/* button active */
.button.active {  }
	.button.active .icon-boardsort01 { background-position: 0 -70px; }
	.button.active .icon-boardsort02 { background-position: -40px -70px; }

/* button hover */
.button-hover {  }
	.button-hover.button-gray:hover { background-color: #3378c1; color: #fff !important; }
	.button-hover.button-gray:hover .icon-download02 { background-position: -250px -30px; }
	.button-hover.button-gray:hover .icon-heart02 { background-position: -140px -30px; }
	.button-hover.button-gray:hover .icon-calendar02 { background-position: -330px 0; }
	.button-hover.button-gray:hover .icon-calendar03 { background-position: -330px 0; }
	.button-hover.button-gray:hover .icon-list02 { background-position: -180px 0; }
	.button-hover.button-gray:hover .icon-table02 { background-position: -130px -60px; }
	.button-hover.button-gray:hover .icon-yes { background-position: -390px 0; }
	.button-hover.button-gray:hover .icon-list-blue { background-position: -330px -180px; }
	.button-hover.button-gray:hover .icon-target { background-position: -270px -805px; }
	.button-hover.button-gray:hover .icon-checkround { background-position: -295px -805px; }
	.button-hover.button-gray:hover .icon-family { background-position: -175px -170px; }
	.button-hover.button-gray:hover .icon-ebook { background-position: -220px -1080px; }
	.button-hover.button-gray:hover .icon-home03 { width: 17px; height: 17px; background-position: -130px -1080px; }

	.button-hover.button-gray02{ width: 100%; }
	.button-hover.button-gray02.light-blue:hover { background-color: #3378c1; color: #fff; }
	.button-hover.button-gray02.deep-blue:hover { background-color: #115bab; color: #fff; }
	.button-hover.button-gray02.light-green:hover { background-color: #40c1c2; color: #fff; }
	.button-hover.button-gray02.deep-gray:hover { background-color: #e0e2e5; color: #1b1d21; }
	.button-hover.button-gray02:hover .icon-heart-blue { background-position: -209px -180px; }
	.button-hover.button-gray02:hover .icon-search-blue { background-position: -240px -180px; }
	.button-hover.button-gray02:hover .icon-calendar-green { background-position: -270px -180px; }
	.button-hover.button-gray02:hover .icon-balloon-blue { background-position: -300px -180px; }
	.button-hover.button-gray02:hover .icon-list-blue { background-position: -330px -180px; }
	.button-hover.button-gray02:hover .icon-pencil-blue { background-position: -360px -180px; }
	.button-hover.button-gray02:hover .icon-heart05 { background-position: -80px -60px; }
	.button-hover.button-gray02:hover .icon-download03 { background-position: -250px -30px; }
	.button-hover.button-gray02:hover .icon-play { background-position: -350px -805px; }
	.button-hover.button-gray.button-hover-green:hover { background-color: #40c1c2; color: #fff; }
	.button-hover.button-gray.button-hover-green:hover .icon-heart05 { background-position: -80px -60px; }

	.button-hover.button-hover-green02:hover { background-color: #64aa31; color: #fff; }

/* Share SNS big button */
a.login-sns {
	display:inline-block; width: 96px; height: 68px;
	background-color: #F4F4F4;
	text-indent: -999px;
	padding:0; border:none;
	background: url(../img/ico/share-sprite.png) 0 0 no-repeat;
}
a.login-sns.facebook {background-color: #3b5999; background-position:26px 14px;}
a.login-sns.twitter {background-color: #23aaec; background-position:26px -70px;}
a.login-sns.googleplus {background-color: #e14d3a; background-position:26px -152px;}


/* =====================================
 input
===================================== */
.input-text { display: inline-block; width: 220px; height: 34px; margin: 1px 0; padding: 0 10px; border: 0; background-color: #ededef; color: #5d6167; font: inherit; font-size: 14px; line-height: 34px; vertical-align: middle; box-sizing: border-box; resize: none; }
	/* .input-text[disabled] { color: rgba(110,113,121,0.5); text-shadow: 1px 1px #fff; cursor: not-allowed; }
	.input-text[readonly] { padding: 0; border: 0; background: none; box-shadow: none; cursor: text; } */
	/* .input-text.input-normal[readonly] { padding: 0 10px; background-color: #ededef; } */
	.input-textarea { display: inline-block; width: 100%; height: 100px; margin: 1px 0; padding: 10px; border: 0; background-color: #ededef; color: #5d6167; font: inherit; font-size: 14px; line-height: 20px; vertical-align: middle; box-sizing: border-box; resize: none; }
	.input-textarea[disabled] { color: rgba(110,113,121,0.5); text-shadow: 1px 1px #fff; cursor: not-allowed; }
	.input-textarea[readonly] { padding: 0; background: none; cursor: text; }
	.input-text::-webkit-input-placeholder { color: #6e7179; }
	.input-text::-moz-placeholder { color: #6e7179; opacity: 1; }
	.input-text:-moz-placeholder { color: #6e7179; opacity: 1; }
	.input-text:-ms-input-placeholder { color: #6e7179; }
	.input-textarea::-webkit-input-placeholder { color: #6e7179; }
	.input-textarea::-moz-placeholder { color: #6e7179; opacity: 1; }
	.input-textarea:-moz-placeholder { color: #6e7179; opacity: 1; }
	.input-textarea:-ms-input-placeholder { color: #6e7179; }

.input-text-type02 { height: 40px; line-height: 40px; background-color: #eeeded; font-size: 16px; border-radius: 2px; box-shadow: 1px 1px 1px #c0c0c0 inset; }
	.no-boxshadow.input-text-type02 { border-top: 1px inset #c0c0c0; border-left: 1px inset #c0c0c0; }
	/* .input-text-type02.input-normal[readonly] { padding: 0 10px; background-color: #eeeded; box-shadow: 1px 1px 1px #c0c0c0 inset; } */
	.input-text-type02::-webkit-input-placeholder { color: #a1a4aa; }
	.input-text-type02::-moz-placeholder { color: #a1a4aa; opacity: 1; }
	.input-text-type02:-moz-placeholder { color: #a1a4aa; opacity: 1; }
	.input-text-type02:-ms-input-placeholder { color: #a1a4aa; }

.input-text.input-text-white,
.input-text.input-text-white[readonly] { background-color: #fff; }

.input-text-blue { border: 1px solid #3378c1; background: none; color: #3378c1; }
	.input-text-blue::-webkit-input-placeholder { color: #3378c1; }
	.input-text-blue::-moz-placeholder { color: #3378c1; opacity: 1; }
	.input-text-blue:-moz-placeholder { color: #3378c1; opacity: 1; }
	.input-text-blue:-ms-input-placeholder { color: #3378c1; }

.input-checkbox { display: inline-block; position: relative; color: #5d6167; font-size: 15px; line-height: normal; vertical-align: middle; cursor: pointer; }
	.input-checkbox input[type='checkbox'] { z-index: -1; position: absolute; top: 0; left: 0; overflow: hidden; width: 0; height: 0; margin: 0; padding: 0; vertical-align: middle; opacity: 0; filter: alpha(opacity=0); }
	.input-checkbox i { display: inline-block; overflow: hidden; position: relative; top: -1px; width: 12px; height: 12px; border: 1px dotted transparent; background: url('../img/ico/ico_checkbox.png') no-repeat 0 0; vertical-align: middle; }
	.input-checkbox .iconset { top: -1px; }
	.input-checkbox .label-text { margin-left: 6px; }
	.input-checkbox.checked {  }
	.input-checkbox.checked i { background-position: 0 -13px; }
	.input-checkbox.disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed; }
	.input-checkbox.disabled i { filter: alpha(opacity=50); }
	.input-checkbox.focus i { border: 1px dotted; }
	.input-checkbox-group { display: inline-block; margin: -3px 0 -3px 6px; line-height: normal; }
	.input-checkbox-group.ml0 { margin-left: 0; }
	.input-checkbox-group.checked-effect .input-checkbox.checked .label-text { color: #3378c1; text-decoration: underline; }
	.input-checkbox-group .input-checkbox {margin: 3px 6px 3px 6px;}
	.input-checkbox-group .input-checkbox:first-child {margin-left:0;}
	.input-checkbox-group.input_group_multiline,
	.input-radio-group.input_group_multiline,
	.input-checkbox-group.input_group_multiline .input-checkbox,
	.input-radio-group.input_group_multiline .input-radio {margin-left:0; margin-top:4px; margin-bottom:4px;}
	.input-checkbox-group.input_group_multiline02 .input-checkbox {width:220px}
	
	@media all and (max-width: 1359px) {
		 
	}

.input-checkbox-type02 {  }
	.input-checkbox-type02 i { width: 20px; height: 20px; background: url('../img/ico/ico_checkbox02.png') no-repeat 0 0; }
	.input-checkbox-type02.checked i { background-position: 0 -21px; }

.input-checkbox-type03 {  }
	.input-checkbox-type03 i { width: 16px; height: 16px; background: url('../img/ico/ico_checkbox03.png') no-repeat 0 0; }
	.input-checkbox-type03.checked i { background-position: 0 -17px; }

.input-checkbox-type04 {  }
	.input-checkbox-type04 i { width: 11px; height: 11px; background: url('../img/ico/ico_checkbox04.png') no-repeat 0 0; }
	.input-checkbox-type04.checked i { background-position: 0 -12px; }

.input-radio { display: inline-block; position: relative;color: #5d6167; font-size: 15px; line-height: normal; vertical-align: middle; cursor: pointer; }
	.input-radio input[type='radio']{ z-index: -1; position: absolute; top: 0; left: 0; overflow: hidden; width: 0; height: 0; margin: 0; padding: 0; vertical-align: middle; opacity: 0; filter: alpha(opacity=0); }
	.input-radio i { display: inline-block; overflow: hidden; position: relative; top: -1px; width: 16px; height: 16px; border: 1px dotted transparent; background: url('../img/ico/ico_radio.png') no-repeat 0 0; vertical-align: middle; }
	.input-radio .iconset { top: -1px; }
	.input-radio .label-text { margin-left: 6px; }
	.input-radio.checked {  }
	.input-radio.checked i { background-position: 0 -17px; }
	.input-radio.disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: not-allowed; }
	.input-radio.disabled i { filter: alpha(opacity=50); }
	.input-radio.focus i { border: 1px dotted; }
	.input-radio-group { display: inline-block; margin: -3px 0 -3px 5px; line-height: normal; }
	.input-radio-group.ml0 { margin-left: 0; }
	.input-radio-group .input-radio { margin: 3px 6px 3px 6px; }
	.input-radio-group .input-radio:first-child { margin-left: 0; }

	.input-radio-group-type02 {  }
	.input-radio-group-type02 .input-radio { margin: 3px 2px 3px 2px; }

	.input-radio-group.type02{display:block;text-align:center;}

.input-radio-switch { display: inline-block; position: relative; padding: 0 3px; }
	.input-radio-switch .input-radio { z-index: 1; float: left; width: 70px; height: 34px; margin: 0 3px; border: 1px solid #cecece; background-color: #fff; color: #656972; font-size: 16px; line-height: 34px; text-align: center; border-radius: 5px; box-sizing: border-box; }
	.input-radio-switch .label-text { margin: 0; }
	.input-radio-switch .input-radio.checked { z-index: 2; border: 1px solid #3378c1; background-color: #3378c1; color: #fff; }

.input-radio-type02 { border: 1px solid; min-width: 30px; padding: 0 10px; background-color: #f6f6f6; color: #3378c1; font-size: 12px; line-height: 24px; text-align: center; }
	.input-radio-type02 i { display: none; }
	.input-radio-type02 .label-text { margin: 0; }
	.input-radio-type02.checked { border: 1px solid #3378c1; background-color: #3378c1; color: #fff; }

.input-selectbox { display: inline-block; margin: 1px 0; font-size: 14px; vertical-align: middle; }
	.input-selectbox select { padding-right: 16px; }
	.input-selectbox.deep-gray .ui-selectmenu-button{ background: #e5e5e6 !important;}
	.ui-selectmenu-button { height: 34px; border: 0; border-radius: 0; background: #ededef; color: #5d6167; font: inherit; font-size: 14px; line-height: 34px; vertical-align: middle; }
	.ui-selectmenu-button span.ui-icon { right: 10px; background: url('../img/ico/ico_common.png') no-repeat -350px -30px; }
	.ui-selectmenu-button span.ui-selectmenu-text { padding: 0 25px 0 10px; color: inherit; font-size: 14px; line-height: 34px; }
	.ui-selectmenu-menu { z-index: 201; margin: 0; padding: 0; border: 0; color: inherit; font: inherit; }
	.ui-selectmenu-menu .ui-menu { max-height: 200px; margin: 0; padding: 0; border: 0; border-radius: 0; background: #ededef; color: inherit; font: inherit; }
	.ui-selectmenu-menu .ui-menu .ui-menu-item { margin: 0; padding: 5px 10px; border: 0; background: none; color: #5d6167; font: inherit; font-size: 14px; }
	.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-focus { border: 0; background: #3378c1; color: #fff; }

	.input-selectbox .ui-selectmenu-button.ui-state-focus { color:#fff; background: #3378c1; }
	.input-selectbox .ui-selectmenu-button.ui-state-focus span.ui-icon { background-position: -370px -30px; }
	.ui-selectmenu-button#fax-button,
	.ui-selectmenu-button#phone-button {width:69px !important;}
	.ui-selectmenu-button#email3-button {width:181px !important;}

.input-selectbox.theme-dark {  }
	.input-selectbox.theme-dark .ui-selectmenu-button span.ui-icon { background-position: -370px -30px; }
	.input-selectbox.theme-dark .ui-selectmenu-button { background: #5c6066; color: #fff; }
	.ui-selectmenu-menu .ui-menu.menu-input-selectbox.theme-dark .ui-menu-item { background: #5c6066; color: #fff; }
	.ui-selectmenu-menu .ui-menu.menu-input-selectbox.theme-dark .ui-menu-item.ui-state-focus { background: #464c58; color: #fff; }

.input-selectbox.theme-white {  }
	.input-selectbox.theme-white .ui-selectmenu-button { background: #fff; }
	.input-selectbox.theme-white .ui-selectmenu-button.ui-state-focus { color: #5d6167; }
	.input-selectbox.theme-white .ui-selectmenu-button.ui-state-focus span.ui-icon { background-position: -350px -30px; }
	.ui-selectmenu-menu .ui-menu.menu-input-selectbox.theme-white .ui-menu-item { background: #fff; }
	.ui-selectmenu-menu .ui-menu.menu-input-selectbox.theme-white .ui-menu-item.ui-state-focus { background: #ededef; color: #5d6167; }

.input-selectbox.theme-blue {  }
	.input-selectbox.theme-blue .ui-selectmenu-button span.ui-icon { background-position: -277px -1595px; }
	.input-selectbox.theme-blue .ui-selectmenu-button { background: #3378c1; color: #fff; }
	.ui-selectmenu-menu .ui-menu.menu-input-selectbox.theme-blue .ui-menu-item {  }
	.ui-selectmenu-menu .ui-menu.menu-input-selectbox.theme-blue .ui-menu-item.ui-state-focus {  }

.input-selectbox.theme-gray {  }
	.input-selectbox.theme-gray .ui-selectmenu-button { background: #f7f8fa; }
	.input-selectbox.theme-gray .ui-selectmenu-button.ui-state-focus { color: #5d6167; }
	.input-selectbox.theme-gray .ui-selectmenu-button.ui-state-focus span.ui-icon { background-position: -350px -30px; }
	.ui-selectmenu-menu .ui-menu.menu-input-selectbox.theme-gray .ui-menu-item { background: #f7f8fa; }
	.ui-selectmenu-menu .ui-menu.menu-input-selectbox.theme-gray .ui-menu-item.ui-state-focus { background: #ededef; color: #5d6167; }

.input-selectbox.height-large {  }
	.input-selectbox.height-large .ui-selectmenu-button { height: 45px; line-height: 46px; }
	.input-selectbox.height-large .ui-selectmenu-button span.ui-selectmenu-text { line-height: 46px; }

.input-selectbox.height-large02 {  }
.input-selectbox.height-large02 select { padding-left: 10px; padding-right: 21px; }
	.input-selectbox.height-large02 .ui-selectmenu-button { height: 50px; line-height: 51px; }
	.input-selectbox.height-large02 .ui-selectmenu-button span.ui-selectmenu-text { padding-left: 15px; padding-right: 30px; line-height: 51px; font-size: 16px; }

.input-file { display: inline-block; position: relative; font-size: 14px; }
	.input-file .input-text { margin-right: 7px; padding: 0 10px; background-color: #ededef; cursor: default; }
	.input-file-button { display: inline-block; position: relative; overflow: hidden; height: 26px; padding: 0 10px; border: 1px solid #3378c1; color: #3378c1;; font-size: 13px; line-height: 26px; vertical-align: middle; cursor: pointer; box-sizing: border-box; }
	.input-file-button input[type='file'] { position: absolute; bottom: 0; right: 0; height: 300px; margin: 0; padding: 0; font-size: 1000px !important; cursor: inherit; opacity: 0; filter: alpha(opacity=0); }
	.input-file-list { display: inline-block; vertical-align: middle; }
	.input-file-list .input-file-item { display: inline-block; margin-left: 5px; }
	.input-file-list .input-file-text { display: inline-block; color: #72767e; font-size: 14px; vertical-align: middle; }
	.input-file-list .button-file-delete { margin-left: 3px !important; vertical-align: middle; }


.input-group { display: inline-block; font-size: 14px; vertical-align: middle; }
	.input-group .input-selectbox ,
	.input-group .input-text,
	.input-group .datepicker { margin-right: 2px; }
	.input-group .button { margin-left: -6px; }
	.input-group .input-sign { margin-left: -2px; }

.input-group-type02 {  }
	.input-group-type02 .button { margin-left: 5px; }

.input-group-1-1 { display: table; width: 100%; }
	.input-group-1-1 .input-text { display: table-cell; width: 100%; }
	.input-group-1-1 .input-group-side { display: table-cell; width: 1%; vertical-align: middle; white-space: nowrap; }
	.input-group-1-1 .input-group-side .button { margin-left: -1px; }
	.input-group-1-1.input-group-type02 {  }
	.input-group-1-1.input-group-type02 .input-group-side { padding-left: 10px; }
	.input-group-1-1.input-group-type02 .input-group-side.side-left { padding-left: 0; padding-right: 10px }
	.input-group-1-1.input-group-type02 .input-group-side.side-right { padding-right: 0; padding-left: 10px }

.input-width-small { width: 100px; }
.input-width-small02 { width: 140px; }
.input-width-small03 { width: 200px; }
.input-width-small04 { width: 80px; }
.input-width-small05 { width: 40px; }
.input-width-small06 { width: 60px; }
.input-width-small07 { width: 160px; }
.input-width-normal { width: 220px; }
.input-width-large { width: 280px; }
.input-width-large02 { width: 330px; }
.input-width-large03 { width: 440px; }
.input-width-large04 { width: 420px; }
.input-width-large05 { width: 600px; }
.input-width-1-1 { width: 100%; }
.input-block {width:100%; }

.input-height-normal01 { height: 40px; padding: 1px 18px; font-size: 15px; }
.input-height-normal01.input-text-blue { border-width: 2px; }
.input-height-normal02 { height: 45px; padding: 1px 15px; font-size: 16px; }
.input-height-normal02.input-text-blue { border-width: 2px; }
.input-height-normal03 { height: 50px; padding: 6px 15px; font-size: 16px; }
.input-height-normal03.input-text-blue { border-width: 2px; }
.input-height-large { height: 160px; }
.input-height-large02 { height: 280px; }

.input-sign { display: inline-block; padding: 0 2px; color: #6e7179; font: inherit; font-size: 15px; text-align: center; }
.input-label { display: inline-block; padding: 0 2px; color: #6e7179; font: inherit; font-size: 15px; }
.input-description { display: inline-block; padding: 8px 0 3px 5px; color: #6e7179; font-size: 13px; line-height: 20px; }
.input-conut-limit { display: block; padding: 8px 0 3px 0; color: #6e7179; font-size: 13px; line-height: normal; }
.input-conut-limit strong { color: #3378c1; font-weight: normal; }
.input-conut-limit strong em { font-style: normal; }

.input-group-label { display: inline-block; margin-left: 10px; }
	.input-group-label:first-child { margin-left: 0; }
	.input-group-label .input-label {  }
	.input-group-label .input-text {  }
	.input-group-label-1-1 { display: table; width: 100%; }
	.input-group-label-1-1 .input-label { display: table-cell; width: 1%; padding-right: 5px; vertical-align: middle; white-space: nowrap; }
	.input-group-label-1-1 .input-text { display: table-cell; width: 100%; }

.input-group-multi { display: table; width: 100%; }
	.input-group-multi .input-group-side { display: table-cell; width: auto; padding-left: 5px; vertical-align: middle; }
	.input-group-multi .input-group-side:first-child { padding-left: 0; }
	.input-group-multi .input-group-side .input-selectbox ,
	.input-group-multi .input-group-side .input-text,
	.input-group-multi .input-group-side .datepicker { margin: 0; width: 100%; }


/* Hint holder */
.hint-holder {position: absolute; z-index: 0; overflow: hidden; cursor: text; opacity: .7; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; box-sizing:border-box;
  -webkit-touch-callout: none;
	  -webkit-user-select: none;
			 -moz-user-select: none;
	      -ms-user-select: none;
					  user-select: none;
  -webkit-transition: opacity .3s ease-in-out;
		 -moz-transition: opacity .3s ease-in-out;
		  -ms-transition: opacity .3s ease-in-out;
					transition: opacity .3s ease-in-out;
}
.hint-holder.hint-focus { opacity: .3; filter:alpha(opacity=30);}
.hint-holder.hint-hide { display: none;}
input.hint-holder-input::-webkit-input-placeholder { color:transparent; }
input.hint-holder-input:-moz-placeholder { color:transparent; }
input.hint-holder-input::-moz-placeholder { color:transparent; }
input.hint-holder-input:-ms-input-placeholder { color:transparent; }

/* =====================================
 search-box
===================================== */
.search-box { display: table; position: relative; width: 100%; margin: 20px 0; padding: 12px 20px; box-shadow: 0 1px 1px #dedee0; box-sizing: border-box; background-color: #fff; text-align: center; font-size: 14px; }
	.search-box:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
	.search-box form { display: table; width: 100%; }
	.search-box .search-box-left { display: table-cell; text-align: left; vertical-align: middle; }
	.search-box .search-box-right { display: table-cell; text-align: right; vertical-align: middle; }
	.search-box .search-box-title { display: inline-block; padding: 0 5px 0 10px; color: #1b1d21; font-size: 19px; font-weight: normal; line-height: 34px; vertical-align: middle; }
	.search-box .search-box-title:first-child { padding-left: 0; }
	.search-box .search-box-title02 { font-size: 22px; }
	.search-box .search-box-step { display: inline-block; margin: 0 5px; text-align: left; vertical-align: middle; }
	.search-box .search-box-step.last { margin-right: 0; }
	.search-box .search-box-description { display: block; margin: 20px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #d2d7dc; color: #6e7179; font-size: 15px; line-height: 22px; text-align: left; word-wrap: break-word; word-break: break-all; }
	.search-box .search-sort-menu {  }
	.search-box .search-sort-menu .button { margin-right: 2px; }
	.search-box .search-box-step-wrap { display: table-cell; }
	.search-box .search-box-step-side { display: table-cell; width: 1%; }
	.no-boxshadow .search-box { border-left: 1px solid #e9e9eb; border-right: 1px solid #e9e9eb; border-bottom: 1px solid #ceced0; }

.search-box-type02 { padding-top: 20px; padding-bottom: 20px; }
	.search-box-type02 .search-box-title { font-size: 22px; }

.search-box-type03 { padding: 38px 30px; }
	.search-box-type03 .search-box-title { margin-top: 7px; font-size: 22px; vertical-align: top; }
	.search-box-type03 .search-box-description { margin-bottom: -20px; }

.search-box-type04 { margin: 0; padding: 30px 0; box-shadow: none; background: none; }
	.no-boxshadow .search-box-type04 { border: 0; }
	.search-box-type04 .total-count { color: #6e7179; font-size: 14px; line-height: normal; vertical-align: bottom; }

.search-box-type05 { padding: 38px 30px; }
	.search-box-type05 .search-box-title { margin-top: 7px; font-size: 22px; vertical-align: top; }
	.search-box-type05 .search-box-description { margin-bottom: -20px; }
	.search-box-type05 .initial-search { padding: 0; border: 0; box-shadow: none; }
	.search-box-type05 .initial-search .initial-search-box { padding-top: 15px; padding-bottom: 15px; }
	.search-box-type05 .initial-search .initial-search-head .initial-search-title { padding-right: 0; }
	.search-box-type05 .search-box-result-list { padding: 18px 0 0 0; border-top: 1px solid #d2d7dc; text-align: left; }
	.search-box-type05 .search-box-result-list .search-box-result-text { margin-bottom: 15px; color: #6e7179; font-size: 17px; line-height: normal; }
	.search-box-type05 .search-box-result-list .search-box-result-text strong { color: #3378c1; font-weight: normal; }
	.search-box-type05 .search-box-result-list .search-box-result-text .search-string {  }
	.search-box-type05 .search-box-result-list .search-box-result-text .search-count {  }
	.search-box-type05 .search-box-result-list .tab-type-text { margin-top: 15px; }
	.search-box-type05 .search-box-description { margin-top: 0;  }

.search-box-type06 { padding: 38px 30px; }
	.search-box-type06 .search-box-title { margin-top: 7px; font-size: 22px; vertical-align: top; }
	.search-box-type06 .search-box-description { margin-bottom: -20px; }
	.search-box-type06 .search-box-step-block { width: 630px; margin: 0 auto; text-align: left; }
	.search-box-type06 .initial-search { width: 630px; margin: 0 auto; padding: 0; border: 0; box-shadow: none; }
	.search-box-type06 .initial-search .initial-search-box { padding-top: 15px; padding-bottom: 0px; }
	.search-box-type06 .initial-search .initial-search-head { padding: 0 13px 0 0; }
	.search-box-type06 .initial-search .initial-search-head .initial-search-title { padding-right: 0; letter-spacing: 0; }
	.search-box-type06 .search-box-description { margin-top: 30px; margin-bottom: -20px; }

.search-box-type07 { margin: 0; padding: 0 0 15px 0; box-shadow: none; background: none; }
	.no-boxshadow .search-box-type07 { border: 0; }
	.search-box-type07 .total-count { color: #6e7179; font-size: 14px; line-height: normal; vertical-align: bottom; }

.search-box-top { margin-top: 0; padding-top: 0; }
.search-box-top02 { margin-top: 0; }
.search-box-top03 { margin-top: 10px; }

.favorite-word { width: 440px; margin: 10px 0 18px; }
	.favorite-word:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
	.favorite-word .favorite-word-title { float: left; position: relative; width: 72px; height: 26px; margin: 0; padding: 0; background-color: #2c79bd; color: #f3ef50; font-size: 12px; font-weight: normal; line-height: 26px; text-align: center; }
	.favorite-word .favorite-word-title:after { content: ''; display: block; position: absolute; top: 0; right: -26px; width: 0; height: 0;  border: 13px solid transparent; border-left: 13px solid #2c79bd; }
	.favorite-word .favorite-word-list { position: relative; overflow: hidden; margin-left: 88px; }
	.favorite-word .favorite-word-list ul { margin-left: -1px; }
	.favorite-word .favorite-word-list ul li { float: left; position: relative; margin: 0; padding: 4px 10px 3px; font-size: 15px; color: #5d6167; line-height: 21px; text-align: left; word-wrap: break-word; word-break: break-all; }
	.favorite-word .favorite-word-list ul li:after { content: ''; display: inline-block; position: absolute; top: 8px; left: 0; width: 1px; height: 11px; background-color: #e4e7ea; }
	.favorite-word .favorite-word-list ul li a { font: inherit; color: inherit; }

.datepicker { display: inline-block; }
	.datepicker .input-date { display: inline-block; width: 114px; height: 34px; margin: 1px 0; padding: 0 10px; border: 0; background-color: #ededef; color: #5d6167; font: inherit; font-size: 14px; line-height: 34px; text-align: center; vertical-align: middle; box-sizing: border-box; resize: none; }
	.datepicker .ui-datepicker-trigger { display: inline-block; overflow: visible; width: 36px; height: 34px; border: 1px solid #ededef; background: url('../img/ico/ico_datepicker_trigger.png') no-repeat 50% 50%; font-size: 0; line-height: 34px; text-align: center; vertical-align: middle; }
	.ui-datepicker { font: inherit; font-size: 14px; }
	.ui-datepicker table,
	.ui-datepicker input,
	.ui-datepicker select,
	.ui-datepicker textarea,
	.ui-datepicker button { font: inherit; font-weight: normal; }


/* =====================================
 table
===================================== */
.table-wrapper { position: relative; margin: 10px 0;/*overflow-x: auto;*/ }
	.table-wrapper .table-default { /*min-width: 670px;*/ }


/* table-default
--------------------------------- */
.table-default,
	.table-default caption,
	.table-default tbody,
	.table-default tfoot,
	.table-default thead,
	.table-default tr,
	.table-default th,
	.table-default td { margin: 0; padding: 0; border: 0; }

	.table-default { position: relative; width: 100%; table-layout: auto; border-collapse: separate; border-spacing: 0; border-top: 2px solid #3d4145; }
	.table-default .pointRed {color:#d42907}
	.table-default .pointBlue {color:#3378c1 !important}
	


	/* border */
	.table-default tr th,
	.table-default tr td { border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; }
	.table-default tr td:first-child { border-left: 0; }
	.table-default thead tr:first-child th:first-child { border-left: 0; }
	.table-default thead tr th { border-left: 0; border-bottom: 1px solid #3d4145; }
	.table-default thead tr th.line-light { border-bottom-color: #dadada; }
	.table-default thead tr:last-child th { border-bottom: 1px solid #3d4145; }
	.table-default tbody tr th:first-child { border-left: 0; }
	.table-default tfoot tr th,
	.table-default tfoot tr td { border-bottom: 1px solid #3d4145; }
	.table-default tfoot tr th:first-child { border-left: 0; }

	/* style */
	.table-default tr th,
	.table-default tr td { height: 24px; /*background: #f7f7f9;*/ color: #72767e; font-size: 15px; font-weight: normal; line-height: 24px; text-align: left; vertical-align: middle; word-wrap: break-word; word-break: break-all; }
	.table-default tr th { color: #1f2023; font-size: 16px; font-weight: normal; letter-spacing: -1px; }
	.table-default tr td { padding: 10px 20px 10px 20px; font-weight: normal; }
	.table-default thead tr th { padding: 10px 10px 10px 10px; background: none; text-align: center; }
	.table-default tbody tr th { padding: 10px 20px 10px 20px; background: #efeff3; font-weight: normal; }
	.table-default thead tr td:first-child.line,
	.table-default thead tr:last-child th:first-child.line { border-left: 1px solid #3d4145; }
	.table-default tbody tr td:first-child.line,
	.table-default tbody tr:last-child th:first-child.line { border-left: 1px solid #dadada; }
	.table-default tbody tr th.line,
	.table-default tbody tr td.line { border-left: 1px solid #dadada; }
	.table-default tbody tr td.bgbd {background:#efeff3; border-left: 1px solid #dadada; }
	.table-default tbody tr td.center,.table-default tbody tr th.center {text-align:center; }
	.table-default tbody tr td.v-top {vertical-align:top; }

	/* option */
	.table-default .link { color: #72767e; }
	.table-default .border-dotted { border-bottom: 1px dotted #dadada !important; }
	.table-default .total-amount { border-right: 1px solid #dadada; background: #eaeaec; color: #5d6167; font-weight: bold; }
	.table-default .total-amount th { border-right: 1px solid #dadada; background: #eaeaec; color: #5d6167; }
	.table-default .total-amount td { background: #eaeaec; color: #115bab; font-weight: bold; }
	.table-default .empty-data { text-align: center }
	.table-default .empty-data td { text-align: center }
	.table-default .input-inside-table { margin: -8px 0; }
	.table-default .input-inside-table.inline { display: inline-block; }
	.table-default .input-inside-table .input-text { font-size: 15px; }
	.table-default .input-inside-table .input-radio-group { margin-top: 5px; margin-bottom: 5px; }
	.table-default .input-inside-table .input-checkbox-group { margin-top: 5px; margin-bottom: 5px; }
	.table-default .input-inside-table .input-blank { margin-left: 5px; }
	.table-default .input-inside-table .inner-step { margin-top: 6px; }
	.table-default .input-inside-table .inner-step:first-child { margin-top: 0; }
	.table-default .editer-wrapper { position: relative; }

	/* icon + text */
	.table-default .icon-cell { position: relative; }
	.table-default .icon-cell .iconset { position: absolute; top: 0; left: 0; }
	.table-default .icon-cell-type01 { padding-left: 30px; }
	.table-default .icon-cell-type01 .iconset { top: 14px; left: 16px; }
	.table-default .icon-cell-type02 { padding-left: 25px; }
	.table-default .icon-cell-type02 .iconset { top: 15px; left: 6px; }
	.table-default .icon-cell-secret { position: relative; padding-left: 25px; }
	.table-default .icon-cell-secret .icon-secret { position: absolute; top: 15px; left: 6px; }

	/* table-description */
	.table-description { padding: 5px 0; color: #72767e; font-size: 15px; }


/* board-list
--------------------------------- */
.board-list {  }
	.board-list tr th { white-space: nowrap; }
	.board-list tr td { border-left: 0; }
	.board-list tr th,
	.board-list tr td { padding-left: 10px; padding-right: 10px; text-align: center; }
	.board-list .required { display: inline-block; position: relative; top: 1px; margin-left: 3px; color: #d42907; font-size: 18px; vertical-align: top; }


/* board-form
--------------------------------- */
.board-form { border-bottom: 1px solid #3d4145; }
	.board-form tr th,
	.board-form tr td { height: 26px; line-height: 26px; font-weight: normal; }
	.board-form tr:last-child th,
	.board-form tr:last-child td { border-bottom: 0; }
	.board-form tbody tr th { padding: 12px 15px 12px 25px; background: none; vertical-align: top; }
	.board-form tbody tr td { padding: 12px 15px 12px 15px; border-left: 0; }
	.board-form .required { display: inline-block; position: relative; top: 1px; margin-left: 3px; color: #d42907; font-size: 18px; vertical-align: top; }
	.board-form .input-inside-table { margin: -5px 0; }


/* board-view
--------------------------------- */
.board-view { border-bottom: 1px solid #dadada; }
	.board-view tr th,
	.board-view tr td { height: 26px; line-height: 26px; }
	.board-view tr:last-child th,
	.board-view tr:last-child td { border-bottom: 0; }
	.board-view tbody tr th { padding: 12px 15px 12px 30px; background: none; vertical-align: middle; }
	.board-view tbody tr td { padding: 12px 25px 12px 15px; border-left: 0; }
	.board-view .required { display: inline-block; position: relative; top: 1px; margin-left: 3px; color: #d42907; font-size: 18px; vertical-align: top; }
	.board-view .input-inside-table { margin: -5px 0; }
	.board-view .subject { color: #3378c1; font-weight: bold; }
	.board-view .subject .iconset { margin: -12px 0 -12px 5px; }
	.board-view .file-link { color:#115bab; }

.board-view-content { position: relative; padding: 30px 30px; border-bottom: 1px solid #dadada; color: #72767e; font-size: 15px; font-weight: normal; line-height: 24px; text-align: left; word-wrap: break-word; word-break: break-all; }
.board-view-content img { max-width: 100%; margin-bottom: 10px; vertical-align: top; }


/* board-view-qna
--------------------------------- */
.board-view-qna { border-bottom: 1px solid #dadada; }
	.board-view-qna tr th,
	.board-view-qna tr td { height: 26px; line-height: 26px; }
	.board-view-qna tr:last-child th,
	.board-view-qna tr:last-child td { border-bottom: 0; }
	.board-view-qna tbody tr th { padding: 12px 15px 12px 30px; border-left: 0; border-right: 1px solid #dadada; background: #efeff3; vertical-align: middle; }
	.board-view-qna tbody tr td { padding: 12px 25px 12px 25px; border-left: 0; }
	.board-view-qna .input-inside-table { margin: -5px 0; }
	.board-view-qna .question {  }
	.board-view-qna .answer { background: #efeff3; color: #115bab; }
	.board-view-qna .subject { color: #3378c1; font-weight: bold; }
	.board-view-qna .subject .iconset { margin: -12px 0 -12px 5px; }


/* table-type02
--------------------------------- */
.table-type02 { border-top: 1px solid #3d4145; }
	.table-type02 tbody tr th { border-bottom: 1px solid #dadada; background: #fff; color: #6e7179; }


/* table-type03
--------------------------------- */
.table-type03 {  }
	.table-type03 tbody tr th { border-bottom: 1px solid #dadada; background: none; }


.table-type04 {  }
	.table-type04 tbody tr th { border-left:0; background:none; }
	.table-type04 tbody tr td { border-left:0; }



/* table-text-center
--------------------------------- */
.table-text-center {  }
	.table-text-center tr th,
	.table-text-center tr td { padding-left: 10px; padding-right: 10px; text-align: center; }
	.table-text-center tr td.tl { text-align:left;}

/* table-thead-stroke
--------------------------------- */
.table-thead-stroke thead tr th { border-left: 1px solid #3d4145; }
.table-thead-stroke thead tr:last-child th:first-child { border-left: 0 }


/* table-tbody-stroke
--------------------------------- */
.table-tbody-stroke tbody tr td { border-left: 1px solid #dadada; }


/* table-stroke
--------------------------------- */
.table-stroke thead tr th { border-left: 1px solid #3d4145; }
.table-stroke thead tr:last-child th:first-child { border-left: 0 }
.table-stroke tbody tr td { border-left: 1px solid #dadada; }


/* table-scroll
--------------------------------- */
.table-scroll {  }
.table-scroll .table-default { table-layout: fixed; }
.table-scroll .table-scroll-head {  }
.table-scroll .table-scroll-body { overflow: auto; max-height: 449px; border-top: 0; border-bottom: 1px solid #dadada; }
.table-scroll .table-scroll-body .table-default { border-top: 0; border-bottom: 0; }
.table-scroll .table-scroll-body .table-default tbody tr:last-child td { border-bottom: 0; }

.mCS-table-scroll .mCSB_container { margin-right: 0; }
.mCS-table-scroll .mCSB_scrollTools.mCSB_scrollTools_vertical { right: -4px; }
.mCS-table-scroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar { width: 8px; border-radius: 0; background-color: #737a81; }
.mCS-table-scroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 8px; border-radius: 0; background-color: #e9eaea; }



/* =====================================
 board-comment
===================================== */
.board-comment { position: relative; margin-bottom: 30px; }
	.board-comment .board-comment-heading { margin-bottom: 10px; padding: 15px 0; border-bottom: 2px solid #3d4145; }
	.board-comment .board-comment-heading .heading-title { display: inline-block; color: #115bab; font-size: 17px; vertical-align: middle; }
	.board-comment .board-comment-heading .count-bubble { top: -10px; }
	.board-comment .board-comment-form { position: relative; padding: 20px 0 25px 0; }
	.board-comment .board-comment-form .count-limit { position: absolute; top: 0; right: 0; color: #115bab; font-size: 13px; }
	.board-comment .board-comment-form .input-textarea { height: 76px; background-color: #fff; }
	.board-comment .board-comment-list { position: relative; margin-bottom: 30px; border-bottom: 1px solid #dbdbdc; line-height: normal; }
	.board-comment .board-comment-list ul {  }
	.board-comment .board-comment-list ul .item-list { padding: 10px 0 20px 20px; border-top: 1px solid #dbdbdc; }
	.board-comment .board-comment-list ul .item-list .comment-item { position: relative; }
	.board-comment .board-comment-list ul .item-list .comment-header { padding: 10px 200px 8px 0; word-wrap: break-word; word-break: break-all; }
	.board-comment .board-comment-list ul .item-list .comment-header .author { color: #222; font-size: 16px; }
	.board-comment .board-comment-list ul .item-list .comment-header .date { padding-left: 15px; color: #72767e; font-size: 13px; }
	.board-comment .board-comment-list ul .item-list .comment-content {  }
	.board-comment .board-comment-list ul .item-list .comment-content .text { color: #72767e; font-size: 14px; line-height: 20px; word-wrap: break-word; word-break: break-all; }
	.board-comment .board-comment-list ul .item-list .comment-menu { position: absolute; top: 0; right: 0; }
	.board-comment .board-comment-list ul .item-list .comment-menu ul { overflow: hidden; }
	.board-comment .board-comment-list ul .item-list .comment-menu ul li { float: left; margin-left: 5px; }
	.board-comment .board-comment-list ul .item-list .comment-menu ul li .button { min-width: 0; }
	.board-comment .board-comment-list ul .item-list .comment-menu ul li .button .hide-text { display: none; }
	.board-comment .board-comment-list ul .item-list .comment-menu ul li.menu-reply {  }
	.board-comment .board-comment-list ul .item-list .comment-menu ul li.menu-modify { display: none; }
	.board-comment .board-comment-list ul .item-list .comment-menu ul li.menu-delete { display: none; }
	.board-comment .board-comment-list ul .item-list .comment-menu ul li.active .button { background-color: #d6a037; }
	.board-comment .board-comment-list ul .item-list .comment-menu ul li.active .button .hide-text { display: inline; }
	.board-comment .board-comment-list ul .item-list.item-myself {  }
	.board-comment .board-comment-list ul .item-list.item-myself .comment-header .author { color: #2c79bd; }
	.board-comment .board-comment-list ul .item-list.item-myself .comment-menu ul li.menu-modify { display: block; }
	.board-comment .board-comment-list ul .item-list.item-myself .comment-menu ul li.menu-delete { display: block; }
	.board-comment .board-comment-list ul .item-list.item-reply .comment-item { padding-left: 40px; }
	.board-comment .board-comment-list ul .item-list.item-reply .comment-item:after { content: ''; display: block; position: absolute; top: 12px; left: 0; width: 23px; height: 23px; border: 1px solid #dbdbdc; border-top: 0; border-right: 0; }
	.board-comment .board-comment-list ul .item-list.item-reply .board-comment-form { margin: 0; padding: 20px 0 0 0; }
	.board-comment .board-comment-list ul .item-list.item-reply .board-comment-form .count-limit { top: 0; }



/* =====================================
 pagination
===================================== */
.pagination { clear: both; position: relative; margin: 0 auto; padding: 25px 0; font-size: 14px; text-align: center; }
	.pagination a,
	.pagination strong,
	.pagination .control { display: inline-block; position: relative; width: 35px; height: 35px; margin: 0 1px; /*padding: 0 14px;*/ border-radius: 50%; background-color: #fff; color: #3378c1; font-size: 14px; font-family: Tahoma; line-height: 35px; text-decoration: none; vertical-align: middle; text-align: center; }
	.pagination a:hover,
	.pagination .active { background-color: #3378c1; color: #fff; font-weight: bold; letter-spacing: -1px; }
	.pagination .control { overflow: hidden; position: relative; top: 1px; width: 24px; padding: 0; background: none; border-radius: 0; font-weight: normal; text-indent: -9999px; }
	.pagination .control.first { background: url('../img/btn/btn_page_first.png') no-repeat 50% 50%; }
	.pagination .control.prev { margin-right: 5px; background: url('../img/btn/btn_page_prev.png') no-repeat 50% 50%; }
	.pagination .control.next { margin-left: 5px; background: url('../img/btn/btn_page_next.png') no-repeat 50% 50%; }
	.pagination .control.last { background: url('../img/btn/btn_page_last.png') no-repeat 50% 50%; }
	.pagination .control:hover { font-weight: normal; letter-spacing: 0; }



/* =====================================
 board-util
===================================== */
.board-util { position: relative; min-height: 50px; margin: 20px 0 30px; font-size: 14px; text-align: center; }
	.board-util:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
	.board-util .util-description { float: left; display: inline-block; padding: 15px 10px 0 10px; color: #6e7179; font-size: 17px; line-height: normal; vertical-align: middle; }
	.board-util-left{ z-index: 2; position: absolute; top: 0; left: 0; }
	.board-util-left .button { float: left; margin-right: 5px; }
	.board-util-right { z-index: 2; display: block; position: absolute; top: 0; right: 0; }
	.board-util-right .button { float: left; margin-left: 5px; }
	.board-util-center {  }
	.board-util-center .button { margin: 0 2px; }
	.board-util .pagination { z-index: 1; padding: 6px 0; }
	.board-util .board-util-text { display: inline-block; color: #6e7179; font-size: 15px; line-height: normal; vertical-align: middle; }

.board-util02 { min-height: 0; margin: 15px 0; text-align: left;  }
	.board-util02 .board-util-left { position: static; }
	.board-util02 .board-util-right { position: static; }

.board-util-top { min-height: 25px; margin: 0 0 15px; }
	.board-util-top .board-util-left { top: auto; bottom: 0; }
	.board-util-top .board-util-right { top: auto; bottom: 0; }

.board-util-top02 { position: relative; min-height: 0; margin: 0; padding: 0; }
	.board-util-top02 .board-util-left { top: -40px; }
	.board-util-top02 .board-util-right { top: -40px; }
	.board-util-top02 .util-description { padding: 0; }

.board-util-top03 { position: relative; min-height: 0; margin: 0; padding: 0; }
	.board-util-top03 .board-util-left { top: -57px; }
	.board-util-top03 .board-util-right { top: -57px; }
	.board-util-top03 .util-description { padding: 0; }

.board-util-top04 { position: relative; min-height: 0; margin: 0; padding: 0; }
	.board-util-top04 .board-util-left { top: -27px; }
	.board-util-top04 .board-util-right { top: -27px; }
	.board-util-top04 .util-description { padding: 0; }

.board-util-bottom { margin-bottom: 0; }

/* =====================================
 tab
===================================== */
.tab-default { position: relative; padding-left: 1px; font-size: 14px; }
	.tab-default ul { display: table; list-style: none; position: relative; table-layout: fixed; width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
	.tab-default ul li { z-index: 1; display: table-cell; position: relative; line-height: normal; text-align: center; vertical-align: bottom; word-wrap: break-word; word-break: break-all; }
	.tab-default ul li a { display: block; margin: -1px 0 0 -1px; padding: 0; border: 1px solid; background-color: #fff; color: inherit; font: inherit; text-decoration: none; }
	.tab-default ul li:first-child a { margin-left: 0; }

	.tab-default ul li.active,
	.tab-hover ul li { z-index: 2; }
	.tab-default ul li.active a,
	.tab-hover ul li a:hover { border-color: #464c58; background-color: #464c58; color: #fff; }

	.no-boxshadow .tab-default ul { border-left: 1px solid #e9e9eb; border-right: 1px solid #e9e9eb; border-bottom: 1px solid #ceced0; }

.tab-space { margin-bottom: 25px; }
.tab-space02 { margin-bottom: 50px; }
.tab-space03 { margin-bottom: 35px; }
.tab-space-none { margin-bottom: 0 !important; }

.tab-type01 { margin-bottom: 25px; }
	.tab-type01 ul li { color: #2e2d2c; font-size: 16px; }
	.tab-type01 ul li a { padding: 12px 5px; border: 1px solid #97999e; }
	.tab-type01 ul li.active a,
	.tab-type01.tab-hover ul li a:hover { border-color: #464c58; background-color: #464c58; color: #fff; }
	.no-boxshadow .tab-type01 ul { border: 0; }

.tab-type02 {  }
	.tab-type02 ul { box-shadow: 0 1px 1px #eaeaea; background-color: #fff; }
	.tab-type02 ul li { color: #5d6167; font-size: 14px; }
	.tab-type02 ul li a { padding: 13px 5px; border: 1px solid #e4e7ea; }
	.tab-type02 ul li.active a,
	.tab-type02.tab-hover ul li a:hover { padding: 11px 5px; border: 3px solid #3378c1; background: none; color: #115bab; }
	.tab-type02 ul li a .count { white-space: nowrap; }
	.no-boxshadow .tab-type02 ul { border-left: 0; border-right: 0; }

.tab-type03 {  }
	.tab-type03 ul { /*margin-bottom: 6px;*/ box-shadow: 0 1px 1px #dedee0; background-color: #fff; }
	.tab-type03 ul li { color: #5d6167; font-size: 18px; letter-spacing: -1px; }
	.tab-type03 ul li a { margin: 0; padding: 18px 10px; border: 0; }
	.tab-type03 ul li.active a,
	.tab-type03.tab-hover ul li a:hover { padding-bottom: 15px; border-bottom: 3px solid #3378c1; background: none; color: #115bab; }
	.tab-type03 ul li.active a:after,
	.tab-type03.tab-hover ul li a:hover:after { content: ''; position: absolute; bottom: -12px; left: 50%; width: 0; height: 0; margin-left: -6px; border: 6px solid transparent; border-top: 6px solid #3378c1; }

.tab-type04 {  }
	.tab-type04 ul { /*margin-bottom: 6px;*/ box-shadow: 0 1px 1px #dedee0; background-color: #fff; }
	.tab-type04 ul li { color: #5d6167; font-size: 18px; letter-spacing: -1px; }
	.tab-type04 ul li a { margin: 0; padding: 15px 58px !important; border: 0; line-height: 1em; }
	.tab-type04 ul li.active a,
	.tab-type04.tab-hover ul li a:hover { padding-bottom: 12px !important; border-bottom: 3px solid #3378c1; background: none; color: #115bab; }
	.tab-type04 ul li.active a:after,
	.tab-type04.tab-hover ul li a:hover:after { content: ''; position: absolute; bottom: -12px; left: 50%; width: 0; height: 0; margin-left: -6px; border: 6px solid transparent; border-top: 6px solid #3378c1; }

.tab-type05 {  }
	.tab-type05 ul { padding-right: 20px; box-shadow: 0 1px 1px #dedee0; background-color: #fff; }
	.tab-type05 ul li { color: #5d6167; font-size: 19px; letter-spacing: -1px; }
	.tab-type05 ul li a { margin: 0; padding: 24px 5px; border: 0; }
	.tab-type05 ul li a i { display: inline-block; position: relative; top: -1px; width: 16px; height: 17px; margin: -24px 5px -24px 0;  background: url('../img/ico/ico_tab.png') no-repeat 0 0; vertical-align: middle; }
	.tab-type05 ul li.cast01 a i { width: 11px; height: 17px; background-position: -80px 0; }
	.tab-type05 ul li.cast02 a i { width: 18px; height: 19px; background-position: -110px 0; }
	.tab-type05 ul li.cast03 a i { width: 23px; height: 24px; background-position: -140px 0; }
	.tab-type05 ul li.cast04 a i { width: 26px; height: 14px; background-position: -170px 0; }
	.tab-type05 ul li.cast05 a i { width: 15px; height: 16px; background-position: -200px 0; }
	.tab-type05 ul li.cast06 a i { width: 17px; height: 16px; background-position: -230px 0; }

	.tab-type05 ul li.active a,
	.tab-type05.tab-hover ul li a:hover { padding-bottom: 21px; border-bottom: 3px solid #3378c1; background: none; color: #115bab; }
	.tab-type05 ul li.active.cast01 a i,
	.tab-type05.tab-hover ul li.cast01 a:hover i { background-position: -80px -30px; }
	.tab-type05 ul li.active.cast02 a i,
	.tab-type05.tab-hover ul li.cast02 a:hover i { background-position: -110px -30px; }
	.tab-type05 ul li.active.cast03 a i,
	.tab-type05.tab-hover ul li.cast03 a:hover i { background-position: -140px -30px; }
	.tab-type05 ul li.active.cast04 a i,
	.tab-type05.tab-hover ul li.cast04 a:hover i { background-position: -170px -30px; }
	.tab-type05 ul li.active.cast05 a i,
	.tab-type05.tab-hover ul li.cast05 a:hover i { background-position: -200px -30px; }
	.tab-type05 ul li.active.cast06 a i,
	.tab-type05.tab-hover ul li.cast06 a:hover i { background-position: -230px -30px; }

	.tab-type05 ul li.option { width: 90px; margin-top: 9px; vertical-align: middle; }
	.tab-type05 ul li.option a,
	.tab-type05.tab-hover ul li.option a:hover { overflow: hidden; width: 53px; height: 53px; margin-left: 15px; padding: 0; border:0; background: url('../img/ico/ico_tab.png') no-repeat 0 0; text-indent: -9999px; }
	.tab-type05 ul li.total a { background-position: 0 0; }
	.tab-type05 ul li.setup a { background-position: 0 -70px; }

.tab-type06 {overflow:hidden; margin:0; padding:0;}
	.tab-type06 ul {overflow:hidden; display:block; margin:-8px 0 0 -3px;}
	.tab-type06 ul li {display:block; float:left; margin:8px 0 0 3px; padding:0;}
	.tab-type06 ul li a {margin:0; padding:15px 12px; text-align:center; border:0; background-color:#f0eff4;}
	.tab-type06 ul li a:hover,
	.tab-type06 ul li.active a { color: #fff; text-decoration: none; background-color:#3378c1;}

.tab-align-left {  }
	.tab-align-left ul { padding: 0; }
	.tab-align-left ul li { float: left; }
	.tab-align-left ul li a { padding-left: 30px; padding-right: 30px; }

.tab-panel-wrap { position: relative; margin-top: 30px; }
	.tab-panel-wrap .tab-panel { display: none; position: relative; padding: 15px 30px; background-color: #f0eff4; }
	.tab-panel-wrap .tab-panel.active { display: block; }
	.tab-panel-wrap img { max-width: 100%; }

.tab-panel-wrap-type02 { margin-top: 50px; }

.tab-multi-col {  }
	.tab-multi-col ul { border-right: 0; }
	.tab-multi-col ul:before { content: ''; z-index: 1; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #97999e; }
	.tab-multi-col ul:after { content: ''; z-index: 1; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #97999e; }
	.tab-multi-col ul li { display: block; }
	.tab-multi-col ul li a { overflow: hidden; height: 44px; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; box-sizing: border-box; }
	.tab-multi-col ul li:first-child a { margin-left: -1px; }
	.tab-multi-col-1-2 ul li { float: left; width: 50%; }
	.tab-multi-col-1-4 ul li { float: left; width: 25%; }
	.tab-multi-col-1-5 ul li { float: left; width: 20%; }
	.tab-multi-col.tab-type02 ul:after { background: #e4e7ea; }
	.tab-multi-col.tab-type02 ul:before { background: #e4e7ea; }
	.no-boxshadow .tab-multi-col.tab-type02 ul:after { bottom: 1px; }

.tab-type-text { padding: 20px 30px; background-color: #f0eff4; }
	.tab-type-text .text-list { overflow: hidden; }
	.tab-type-text .text-list ul { margin: 0 -20px 0 -17px; font-size: 14px; text-align: left; }
	.tab-type-text .text-list ul li { display: inline-block; position: relative; margin-left: -3px; padding: 9px 0; word-wrap: break-word; word-break: break-all; }
	.tab-type-text .text-list ul li:before { content: ''; display: inline-block; position: absolute; top: 13px; left: 0; width: 1px; height: 15px; background: #b1b2b9; }
	.tab-type-text .text-list ul li a { display: inline-block; padding: 0 20px; font-size: 17px; color: #44484f; }
	.tab-type-text .text-list ul li a:hover,
	.tab-type-text .text-list ul li.active a { color: #115bab; text-decoration: underline; }
	.tab-type-text .text-description { border-top: 1px solid #d2d7dc; margin: 15px 0 -5px 0; padding: 15px 0 0 0; color: #6e7179; font-size: 15px; word-wrap: break-word; word-break: break-all; }

.tab-inside-search { background-color: #fff; box-shadow: 0 1px 1px #dedee0; }
	.tab-inside-search .tab-menu { display: table-cell; }
	.tab-inside-search .tab-menu ul { margin-bottom: 0; box-shadow: none; border: 0; }
	.tab-inside-search .tab-menu ul li { float: left; }
	.tab-inside-search .tab-menu ul li a { padding-left: 30px; padding-right: 30px; }
	.tab-inside-search .tab-search { display: table-cell; padding: 0 25px; vertical-align: middle; white-space: nowrap; }
	.no-boxshadow .tab-inside-search { border-left: 0; border-right: 1px solid #e9e9eb; border-bottom: 1px solid #ceced0; }


/* =====================================
 content-header
===================================== */
.content-header { display: table; position: relative; width: 100%; height: 200px; box-sizing: border-box; word-wrap: break-word; word-break: break-all; }
	.content-header .content-title { z-index: 1; display: table-cell; position: relative; padding: 15px 50px; text-align: center; vertical-align: middle; }
	.content-header .content-title .title { display: block; margin-bottom: 5px; color: #1b1d21; font-size: 47px; font-weight: bold; }
	.content-header .content-title .description { display: block; color: #0f1216; font-size: 24px; font-weight: normal; }
	.content-header .control { z-index: 2; overflow: visible; position: absolute; top: 0; width: 50px; height: 100%; margin: 0; padding: 0; border: 0; text-indent: -9999px; }
	.content-header .control.ctrl-prev { left: 0; background: url('../img/btn/btn_content_prev.png') no-repeat 0 50%; }
	.content-header .control.crtl-next { right: 0; background: url('../img/btn/btn_content_next.png') no-repeat 100% 50%; }

.contents-head { overflow: hidden; position: relative; margin: 10px 0 25px 0; min-height: 35px; }
	.contents-head .location { vertical-align: top; line-height:13px; height:13px; overflow: hidden; position: absolute; bottom: 6px; right: 0; color: #3378c1; font-size: 13px; line-height: normal; }
	.contents-head .location span { float: left; padding-left: 9px; line-height:13px; height:13px;}
	.contents-head .location span:before { content: ''; display: inline-block; position: relative; top: 1px; width: 5px; height: 9px; padding-right: 9px; background: url('../img/ico/ico_location_arrow.png') 0 50% no-repeat; }
	.contents-head .location span a { color: inherit; font: inherit; }
	.contents-head .location .home { display: inline-block;  padding-left: 0; width: 13px; height: 12px; color: #fff; font-size: 0; background: url('../img/ico/ico_home.png') 0 50% no-repeat; }
	.contents-head .location .home:before { display: none; }
	.contents-head .contents-title { float: left; margin: 0; padding: 0; color: #1b1d21; font-size: 29px; font-weight: normal; line-height: normal; }



/* =====================================
 section-heading
===================================== */
.section-heading { position: relative; margin: 10px 0 0 0; padding: 20px 0 20px; }
	.section-heading:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
	.section-heading p { margin: 0; padding: 0; }
	.section-heading .section-heading-title { display: block; margin: 0; padding: 0; color: #333b43; font-size: 24px; font-weight: normal; line-height: normal; letter-spacing: -1px; }
	.section-heading .section-heading-title strong { font-weight: normal; }
	.section-heading .section-heading-description { display: inline-block; position: relative; top: 4px; margin: 3px 0 0 0; padding-bottom: 2px; color: #6e7179; font-size: 17px; line-height: 24px; }

	#contents > .section-heading:first-child { margin-top: 0; padding-top: 0; }
	#contents > .section-heading:first-child .section-heading-title { margin-top: 0; padding-top: 0; }
	.section-heading-top { margin-top: 0 !important; padding-top: 0 !important; }
	.section-heading-top .section-heading-title { margin-top: 0 !important; padding-top: 0 !important; }

	.section-step-top { margin-top: 0 !important; padding-top: 0 !important; }
	.section-step-top .section-heading { margin-top: 0 !important; padding-top: 0 !important; }
	.section-step-top .section-heading .section-heading-title { margin-top: 0 !important; padding-top: 0 !important; }


/* =====================================
 list
===================================== */
.list-default {  }
	.list-default:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
	.list-default ul { list-style: none; margin: -3px 0; padding: 0; text-align: left; }
	.list-default ul:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
	.list-default ul li { position: relative; margin: 3px 0; padding: 0 0 0 12px; background: url('../img/ico/bul_list.gif') no-repeat 0 10px; color: #6e7179; font-size: 16px; line-height: 26px; letter-spacing: -0.5px; word-wrap: break-word; /*word-break: break-all;*/ }
	.list-default ul li a:not(.button) { color: inherit; font: inherit; }
	.list-default ul li strong { color: #1b1d21; font-weight: normal; }
	.list-default ul li .list-number { display: table-cell; width: 22px; padding-right: 4px; white-space: nowrap; font-style: normal; text-align: right; }
	.list-default ul li .list-define { display: table-cell; padding-right: 4px; white-space: nowrap; font-weight: bold; }
	.list-default ul li .list-describe { display: table-cell; padding-right: 3px; }
	.list-default ul li .list-describe-button { display: table-cell; padding-left: 3px; }
	.list-default ul li .txt-indent { padding-left: 18px; }

	.list-default ul li .list-inner-list { padding-left: 18px;}
	.list-default ul li .list-inner-list ul { margin: 6px 0;}
	.list-default ul li .list-inner-list ul li{ margin: 0;}

	/* inside-button */
	.list-default ul li.inside-button { margin: 32px 0; }
	.list-default ul li.inside-button:first-child { margin-top: 8px; }
	.list-default ul li.inside-button .button { margin: -8px 0 -8px 10px; }
	.list-default ul li.inside-button-small02 {  }
	.list-default ul li.inside-button-small02 .button { margin: -2px 0 -2px 10px; }

	/* list-inside-list */
	.list-default ul li .list-inside-list {  }
		.list-default ul li .list-inside-list ul {  }
		.list-default ul li .list-inside-list ul li { padding-left: 11px; background: none; }
		.list-default ul li .list-inside-list ul li:before { content: '-'; display: block; position: absolute; top: 0; left: 0; width: 11px; font-size: 12px; vertical-align: middle; }

	.list-default ul li .list-inside-list-type02 {  }
		.list-default ul li .list-inside-list-type02 ul {  }
		.list-default ul li .list-inside-list-type02 ul li { padding-left: 10px; background: none; }
		.list-default ul li .list-inside-list-type02 ul li:before { content: ''; display: block; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; background: #8f8f8f; font-size: 0; line-height: 0; }

.list-type02 {  }
	.list-type02 ul {  }
	.list-type02 ul li { padding: 0 0 0 10px; background: url('../img/ico/bul_list02.gif') no-repeat 0 12px; font-size: 16px; line-height: 28px; }

.list-decimal {  }
	.list-decimal ul {  }
	.list-decimal > ul > li { padding-left: 0; background: none; }
	.list-decimal > ul > li .list-inside-list ul { padding-left: 26px; }
	.list-decimal > ul > li .list-inside-list-type02 ul { padding-left: 27px; }
	.list-decimal > ul > li .list-inside-list-type03 ul { padding-left: 27px; }

.list-decimal02 > ul  { list-style: decimal; }
	.list-decimal02 > ul > li { list-style: decimal; margin-left: 18px; padding-left: 0; background: none; }
	.list-decimal02 > ul > li .list-inside-list ul { padding-left: 0; }


.list-hyphen {  }
	.list-hyphen ul li { padding-left: 11px; background: none; }
	.list-hyphen ul li:before { content: '-'; display: block; position: absolute; top: 0; left: 0; width: 11px; font-size: 12px; vertical-align: middle; }

.list-small {  }
	.list-small ul {  }
	.list-small ul li { background-position: 0 9px; font-size: 15px; line-height: 24px; }

.list-large {  }
	.list-large ul {  }
	.list-large ul li { background-position: 0 10px; font-size: 18px; line-height: 28px; }

.list-horizontal {  }
	.list-horizontal ul { margin-right: -65px; }
	.list-horizontal ul li { float: left; padding-right: 60px; }
	.list-horizontal ul li.inside-button { margin-top: 0; margin-bottom: 0; }
	.list-horizontal ul li.inside-button:first-child { margin-top: 0; margin-bottom: 0; }

.list-horizontal-1-2 {  }
	.list-horizontal-1-2 > ul { margin-right: -65px; }
	.list-horizontal-1-2 > ul > li { float: left; width: 50%; padding-right: 60px; box-sizing: border-box; }

.list-horizontal-1-3 {  }
	.list-horizontal-1-3 > ul { margin-right: -35px; }
	.list-horizontal-1-3 > ul > li { float: left; width: 33.3%; padding-right: 30px; box-sizing: border-box; }



.list-aside { display: table; width: 100%; }
	.list-aside ul { display: table-cell; vertical-align: top;  }
	.list-aside .list-button { display: table-cell; padding: 4px 0 4px 20px; vertical-align: top; text-align: right; }

.list-default ul li.none { padding-left: 0; background: none; }

.list-none {  }
	.list-none ul { margin: 10px 0;}
	.list-none ul li { padding-left: 0; background: none; }
	.list-none ul li + li { margin-top: 6px;}

.list-all-none {  }
	.list-all-none ul,
	.list-all-none ol { padding-left: 0;}
	.list-all-none ul li,
	.list-all-none ol li { margin: 0; padding-left: 0; list-style: none; background: none; }
	.list-all-none ul li + li,
	.list-all-none ol li + li { margin-top: 10px;}

.list-inside-button {  }
	.list-inside-button ul { margin: 8px 0; }
	.list-inside-button ul li {  }

.list-space-large {  }
.list-space-large ul {  }
.list-space-large ul li { margin-top: 25px }
.list-space-large ul li:first-child { margin-top: 3px; }


/* =====================================
 box
===================================== */
.box-default { position: relative; margin-bottom: 15px; padding: 24px 30px 22px 30px; background-color: #efeff3; color: #6e7179; font-size: 16px; line-height: 26px; word-wrap: break-word; /*word-break: break-all;*/ }
	.box-default:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
	.box-default:last-child { margin-bottom: 0; }
	.box-default p { margin: 0; padding: 4px 0 0 0; }
	.box-default p:first-child { padding-top: 0; }
	.box-default p:last-child { padding-bottom: 0; }
	.box-default img { max-width: 100%; }
	.box-default .box-title { display: block; margin: 0; padding: 18px 0 5px 0; color: #115bab; font-weight: bold; font-size: 17px; line-height: 22px; }
	.box-default .box-title-type02 { color: #1b1d21; }
	.box-default .box-title:first-child { padding-top: 0; }
	.box-default .box-title + .box-default { margin-top: 5px; }
	.box-default .box-description { margin: 0; padding: 4px 0 0 0; }
	.box-default .box-description:first-child { padding-top: 0; }
	.box-default .box-description:last-child { padding-bottom: 0; }
	.box-default .box-step { margin: 0 10px; padding: 30px 0 28px 0; border-top: 1px solid #dadada; }
	.box-default .box-step:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
	.box-default .box-step:first-child { padding-top: 10px; border-top: 0; }
	.box-default .box-step:last-child { padding-bottom: 8px; }
	.box-default .box-image { float: left; margin: 0 40px 20px 40px; }
	.box-default .box-image.left { float: left; }
	.box-default .box-image.right { float: right; }
	.box-default .box-image.center { float: none; text-align: center; }
	.box-default .box-image-type02 { float: none; margin: 10px 25px 20px 0; }
	.box-default .box-image-type02.right { margin: 10px 0 20px 25px; }
	.box-default .box-image-type03 { margin: 0 35px 0 0 }
	.box-default .box-image-type03.right { margin: 0 0 0 35px }
	.box-default .box-image-only { float: none; margin: 25px 0; padding: 0; }
	.box-default .box-image-only.left { float: none; text-align: left; }
	.box-default .box-image-only.right { float: none; text-align: right; }
	.box-default .box-image-text { padding: 15px 0; }
	.box-default .box-image-description { overflow: hidden; }
	.box-default .box-image-description-type02 { overflow: hidden; padding-top: 10px; }
	.box-default .box-image-top { margin-top: 0; padding-top: 0; }
	.box-default hr { border-color:#dadada;}
	.divide-line-b30 {
	    padding-bottom: 20px !important;
	    border-bottom: 1px solid #dadada;
	}

.box-default.box-space { margin-bottom: 30px; }

.box-horizontal { display: table; table-layout: fixed; width: 100%; box-sizing: border-box; }
	.box-horizontal:after { display: none; }
	.box-horizontal .box-step-horizontal { display: table-cell; }

.box-white { background-color: #fff; }

.box-transparent { padding: 0; background: none; }
	.box-transparent .box-step { margin: 0; padding-left: 0; padding-right: 0; }
	.box-transparent .box-image-only { margin-top: 0; margin-bottom: 0; }

.box-shadow { box-shadow: 0 1px 1px #dedee0; background-color: #fff; box-sizing: border-box; }
	.no-boxshadow .box-shadow { border-left: 1px solid #dedee0; border-right: 1px solid #dedee0; border-bottom: 1px solid #dedee0; }

.box-gray { padding: 24px 30px 22px 30px; background-color: #efeff3; }


.box-exclamation { position: relative; background-color: #fff; color: #6e7179; font-size: 16px; line-height: 26px; word-wrap: break-word; }
.box-exclamation .box-exclamation-title { display: table-cell; width: 150px; background-color: #41c1c2; color: #fff; font-size: 17px; line-height: normal; text-align: center; vertical-align: middle; }
.box-exclamation .box-exclamation-title .iconset { margin-right: 5px; }
.box-exclamation .box-exclamation-description { display: table-cell; position: relative; padding: 24px 30px 22px 30px; }
.box-border-blue {background:#fff; border:3px solid #41c1c2}
.box-border-blue .pointBlue {color:#115bab}


/* =====================================
 section-step
===================================== */
.section-step { position: relative; padding: 10px 0 20px 0; color: #6e7179; font-size: 16px; line-height: 26px; word-wrap: break-word; /*word-break: break-all;*/ }
	.section-step:first-child { padding-top: 0; }
	.section-step:first-child .section-heading:first-child { margin-top: 0; padding-top: 0; }
	h2.visually-hidden + .section-step { padding-top: 0; }
	.tab-default + .section-step { padding-top: 0; }
	.tab-default + .section-step .section-heading:first-child { padding-top: 0; }
	.section-step:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
	.section-step p { margin: 0; padding: 4px 0 4px 0; }
	.section-step p.additionaltxt {padding-top:0; margin-top:-3px;}/* 당구장표시같은 부가설명이 두줄이상일때 사용 http://www.samsunghospital.com/home/reservation/certificate.do */
	.section-step img { max-width: 100%; }
	.section-step .section-image.left { float: left; margin: 0 35px 0 0; }
	.section-step .section-image.right { float: right; margin: 0 0 0 35px; }
	.section-step .section-image-description { display: table-cell; }
	.section-step .section-image-description .section-heading { margin-top: 15px; }
	.section-step .section-image-description.section-image-description-type02 .section-heading { padding-top: 0; }


/* =====================================
 LNB-A
===================================== */
.lnb-a { width: 170px; }
	.lnb-a .aside-title { margin: 0; padding: 0 0 14px 10px; border-bottom: 2px solid #115bab; color: #115bab; font-size: 25px; font-weight: normal; line-height: 30px; letter-spacing: -1px; word-wrap: break-word; word-break: break-all; }
	.lnb-a { /*padding: 14px 0;*/ padding:0 0 14px 0; }
	.lnb-a ul { list-style: none; margin: 15px 0 0 0; padding: 0; }
	.lnb-a ul li { position: relative; padding: 2px 0; color: #72767e; font-size: 16px; line-height: 22px; letter-spacing: -1px; vertical-align: top; word-wrap: break-word; }
	.lnb-a ul li a { display: block; position: relative; padding: 6px 14px 6px 10px; background: none; color: inherit; font: inherit; text-decoration: none; }
	.lnb-a ul li a:after { content: ''; display: none; position: absolute; top: 50%; right: 8px; margin-top: -3px; width: 6px; height: 7px; background: url('../img/ico/ico_aside_active.png') no-repeat 0 0; }
	.lnb-a ul li a:hover,
	.lnb-a ul li.current a { background: #115bab; color: #fff; }
	.lnb-a ul li a:hover:after,
	.lnb-a ul li.current a:after { display: block; }
	.lnb-a ul li .sub-menu { display: none; position: relative; width:auto; /*overflow: hidden;*/ padding:0; }
	.lnb-a ul li .sub-menu:before { display:none; }
	.lnb-a ul li .sub-menu ul { margin: 0 0 8px 0; padding: 8px 0 12px; border-bottom: 1px solid #dadada; }
	.lnb-a ul li .sub-menu ul li { margin: 0; padding: 4px 0 3px 10px; background: none; }
	.lnb-a ul li .sub-menu ul li a { display: block; margin: 0; padding: 0 0 0 11px; background: none; color: #72767e; }
	.lnb-a ul li .sub-menu ul li a:after { display: none; }
	.lnb-a ul li .sub-menu ul li a:before { content: ''; display: block; overflow: hidden; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; background: #72767e; }
	.lnb-a ul li .sub-menu ul li a:hover,
	.lnb-a ul li .sub-menu ul li.current a { color: #1b1d21; }
	.lnb-a ul li .sub-menu ul li a:hover:before,
	.lnb-a ul li .sub-menu ul li.current a:before { background: #000; }
	.lnb-a ul li.current .sub-menu { display: block; }

	.lnb-a ul li .sub-menu .button-lnb-sdoctor { position:absolute; top:5px; right:-10px; min-width:inherit; height:auto; padding:0; line-height:1.5; }

/* =====================================
 LNB-B
===================================== */
.lnb-b { float:left; width:190px; letter-spacing: -1px;}
	.lnb-b h2 { height:45px; margin:0; padding:15px 0 0 20px; font-size:22px; font-weight:bold; color:#fff; background:#3378c1; }
	.lnb-b ul { padding:17px 20px 22px 20px; background:#e6e9eb; }
	.lnb-b ul li { margin:12px 0 0 0 }
	.lnb-b ul li:first-child {margin-top:0;}
	.lnb-b ul li a { display:block; font-size:16px; color:#1b1d21; }
	.lnb-b ul li.current > a { font-weight:bold; color:#3378c1; }
	.lnb-b ul li.current .sub-menu{ display: block;}
	.lnb-b ul li .sub-menu { display: none; margin: 6px 0; padding:12px 0; border-top: 2px solid #3378c1; border-bottom: 1px solid #3378c1; }
	.lnb-b ul li .sub-menu ul{padding:0;}
	.lnb-b ul li .sub-menu ul li a{ font-size: 1.15em; color: #696b6d; line-height:1.15em;}
	.lnb-b ul li .sub-menu ul li + li{margin-top:8px;}
	.lnb-b ul li .sub-menu ul li.current a{ font-weight:bold; color: #1b1d21;}
	.lnb-b ul li .sub-menu ul li.current a:after{ display: inline-block; margin: 3px 0 0 10px; width: 5px; height: 6px; content: ""; vertical-align: top; background: url("../img/ico/ico_lnbmenu_arrow.png") 0 0 no-repeat;}

/* =====================================
 post-detail
===================================== */
.post-detail-wrapper { clear: both; position: relative; /*margin-top: -50px;*/ /*margin-bottom: 30px;*/ background-color: #fff; }
/*.post-detail-wrapper:before { content: ''; display: block; position: absolute; top: 0; left: -100%; width: 300%; height:100%; border-bottom: 1px solid #c1c7ce; background-color: #fff; }*/
.post-detail-wrapper.post-detail-wrapper02 {margin-top:-50px; padding-top:50px;}/* 암병원 질환백과 뷰 */
.post-detail { clear: both; position: relative; padding: 0 5px 20px 0; color: #666; font-size: 1.4em; line-height: 1.7; word-wrap: break-word; word-break: break-all; box-sizing:border-box;}
/*.post-detail:before { content: ''; display: block; position: absolute; top: 0; left: -100%; width: 300%; height:100%; border-bottom: 1px solid #c1c7ce; background-color: #fff; box-shadow: 0 5px 5px 0 #e8e8e9; }*/

	.post-detail-head { position: relative; }
	.post-detail-body { padding-bottom: 20px; box-sizing:border-box;}
	.post-detail a { color: inherit; }
	.post-detail p { margin: 0 0 1em; padding: 0; }
	.post-detail img { max-width: 100%; height: auto !important; margin: 15px auto 20px auto; /*box-shadow: 3px 3px 10px #ccc; */text-align: center; }
	.post-detail iframe { max-width: 100%; width:560px; height: 315px; }

	@media all and (max-width: 1359px) {
		.post-detail img { }
		.post-detail iframe { height: 270px; } /* Fix broken youtube in coloums */
	}
	@media all and (max-width: 1040px) { /* +16 */

	}
.imgWithContBox {overflow:hidden; background:#f7f7f7; padding:30px; height:190px; }
.imgWithContBox .imgLeft {float:left; margin-right:22px; }
.imgWithContBox .imgLeft img {padding:0; margin:0; }
.imgWithContBox p{}

	/* CMS flexible ..... */
	.post-detail img.imgLeft + span {display: block;}
	.post-detail img.checked {margin: 0;}
	.post-detail .post-title { margin: 0 0 25px 0; padding: 0; background: none; color: #1b1d21; font-size: 34px; font-weight: normal; line-height: 48px; letter-spacing: -1px; }
	.post-detail .post-title-second { margin: 1em 0 0; padding: 10px 0; background: none; color: #115bab; font-size: 1.4em; font-weight: bold; line-height: normal; letter-spacing: -1px; }
	.post-detail .post-caption { margin:1em 0; padding-bottom: 10px; color: #333b43; font-size: 20px; line-height: 30px; letter-spacing: -1px; }
	.post-detail .post-credit { margin: 0 0 25px 0; }

.post-detail-type02 {  }
	.post-detail-type02 .post-title { font-size: 28px; }
	.post-detail-type02 .post-title strong { display: block; margin: 0; padding: 5px 0 15px 0; font-size: 44px; }
	.post-detail-type02 .post-title:after { content: ''; display: block; overflow: hidden; width: 53px; height: 4px; background-color: #000; line-height: 0; font-size: 0; }

	.post-detail-head.post-detail-head02 .post-title,
	.post-detail-head.post-detail-head02 .post-title strong {font-size:34px;}
	.post-detail-head.post-detail-head02 .post-title strong {display:inline-block}

#btnReadability {}

.post-detail .post-relation { margin-bottom:30px; padding-top:25px; padding-bottom:20px; box-sizing: border-box; }
	.post-detail .relation-data .relation-data-sbj { display:inline-block; width:140px; font-size:17px; vertical-align:middle; font-weight:bold; color:#606060; }
	.post-detail .relation-data .relation-data-sbj .iconset { margin-right:12px; }

	.post-detail .relation-data { margin-bottom:0; }
	.post-detail .relation-data:first-child { position:relative; margin-bottom:13px; padding-left:140px; }
	.post-detail .relation-data:first-child .relation-data-sbj { position:absolute; top:0; left:0; }
	.post-detail .relation-data:first-child .relation-data-detail { display:inline-block;  }

.no-column .post-relation { width:100%; }
	.no-column .relation-data { display:inline-block; padding-left:40px; vertical-align:middle; }
	.no-column .relation-data:first-child { min-width:300px; max-width:480px; margin-bottom:0;  padding-right:40px; border-right:1px dotted #cccccd; }

/* 2016.04.26 질환과 영양 추가 */
.post-detail .cms_nutritionDetail img {display:block}
.post-detail .cms_nutritionDetail .cont span {display:block; text-align:center}
.post-detail .cms_nutritionDetail .img span {/*display:block;*/ text-align:center}

/* =====================================
 post-file-attach
===================================== */
.post-file-attach { position: relative; padding: 20px 0 30px; text-align: right; }
	.post-file-attach .item-file { margin-left: 10px; color: #72767e; font-size: 16px; text-decoration: underline; }
	.post-file-attach .item-file .icon-file { top: -1px; margin-right: 5px; }

/* =====================================
 post-option
===================================== */
.post-option { z-index: 1; clear: both; position: relative; min-height: 25px; padding: 12px 0 11px 0; /*border-bottom: 1px solid #c1c7ce;*/ background-color: #fff; /*box-shadow: 0 2px 5px 0 #d2d2d2;*/ }
/*.post-option:before { content: ''; display: block; position: absolute; top: 0; left: -100%; width: 300%; height: 100%; border-bottom: 1px solid #c1c7ce; background-color: #f9f9fb; }*/
	.post-option:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
	.post-option-item { display: inline-block; position: relative; padding: 0 9px 0 9px; color: #6e7179; font-size: 13px; line-height: 24px; vertical-align: top; word-wrap: break-word; word-break: break-all; }
	.post-option-item:first-child { padding-left: 0; }
	.post-option-item .btn-option { overflow: hidden; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; }
	.post-option-item .iconset { /*margin: 0 4px 0 0;*/ }
	.post-option-tag { padding-right: 0; }
	.post-option-tag dl { position: relative; margin: 0 0 0 5px; }
	.post-option-tag dl:after { content: ''; display: inline-block; width: 0; height: 19px; margin: 2px 0 0 14px; /*border-right: 2px solid #c4c4c4;*/ vertical-align: top; }
	.post-option-tag dl dt { display: inline-block; margin: 0 8px 0 0; padding: 0 7px; background-color: #115bab; color: #fff; vertical-align: top; }
	.post-option-tag dl dt:after { content: ''; position: absolute; top: 6px; left: -5px; width: 0; height: 0; margin-left: -5px; border: 5px solid transparent; border-right: 5px solid #115bab; }
	.post-option-tag dl dd { display: inline-block; position: relative; top: 1px; max-width: 190px; margin: 0; color: #3a424b; font-size: 15px; line-height: 24px; }
	.post-option-like .iconset,
	.post-option-scrap .iconset,
	.post-option-share .iconset,
	.post-option-count .iconset,
	.post-option-date .iconset,
	.post-option-print .iconset { top: -1px; margin: 0 3px 0 0; }
	.post-option-menu { float: right; margin: -12px 0; padding: 0; }
	.post-option-menu .button { float: left; }


/* =====================================
 post-footer
===================================== */
.post-footer { position: relative; padding: 50px 0 100px 0; background-color: #f7f7f9; }
.post-footer .inner-section { padding-top: 0 !important; }
.post-footer-type02 { position: relative; padding: 50px 0 100px 0; background-color: #f7f7f9; }

	.post-footer-content { display: table; table-layout: fixed; position: relative; width: 100%; box-sizing: border-box; }
	.post-footer-content .post-footer-section { display: table-cell; vertical-align: top; /*box-sizing: border-box;*/ }
	.post-footer-content .post-footer-section-main { /*padding-right: 48px;*/ }
	.post-footer-content .post-footer-section-aside { width: 256px; padding-left: 48px; }

	.media-recommend-major {  }
	.media-major-list { /*display: table; table-layout: fixed; width: 100%;*/ }
	.media-major-list:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
	.media-major-list li { /*display: table-cell;*/ float: left; width: 50%; padding-right: 10px; vertical-align: top; box-sizing: border-box; }
	.media-major-list .media-box { position: relative; }
	.media-major-list .media-box.media-type-video > a:after { content: ''; z-index: 2; display: block; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 30px; height: 37px; margin: -20px 0 0 -15px; background: url("../img/bbs/ico_video.png") no-repeat 0 0; }
	.media-major-list .media-box .media-thumb { position: relative; }
	.media-major-list .media-box .media-thumb .item-image:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,.45)); }
	.no-cssgradients .media-major-list .media-box .media-thumb .item-image:after { background: rgba(0,0,0,.45); }
	.media-major-list .media-box .media-thumb .item-image { overflow: hidden; position: relative; width: 483px; height: 294px; line-height: 294px; background: #E5E5E5 url(../img/default/default_350x215.jpg) no-repeat; background-size:100% 100%;}
	.media-major-list .media-box .media-thumb .item-image img { max-width: 483px; /*max-height: 294px;*/ width: 100%; height: auto; margin: -197px auto; }
	.media-major-list .media-box .media-thumb .item-playtime { z-index: 1; position: absolute; bottom: 13px; right: 15px; color: #fff; font-size: 13px; line-height: normal; text-shadow: 0 1px 0 #404040; }
	.media-major-list .media-box .media-cont { position: absolute; bottom: 0; left: 0; padding: 20px 25px 20px; text-shadow: 0 1px 0 #404040; }
	.media-major-list .media-box .media-cont .item-title { overflow: hidden; max-height: 64px; color: #fff; font-size: 21px; line-height: 32px; letter-spacing: -0.5px; word-wrap: break-word; }
	.media-major-list .media-box .media-cont .item-info { color: #fff; font-size: 15px; line-height: normal; }
	.media-major-list .media-box .media-cont .item-info .item { margin-right: 5px; word-wrap: break-word; }
	.media-major-list .media-box .media-cont .item-info .item:before { content: ''; display: inline-block; position: relative; width: 1px; height: 9px; margin-right: 7px; background-color: #fff; font-size: 0; line-height: 0; vertical-align: middle; }
	.media-major-list .media-box .media-cont .item-info .i tem:first-child:before { display: none; }
	.media-major-list .media-box .media-cont .item-info .item-part {  }
	.media-major-list .media-box .media-cont .item-info .item-name {  }

	.media-recommend-minor { position: relative; overflow: hidden; }
	.media-minor-list {  }
	.media-minor-list li { margin-top: 20px; }
	.media-minor-list li:first-child { margin-top: 0; }
	.media-minor-list li.last-more { overflow: hidden; height: 64px; }
	.media-minor-list .media-box { background-color: #fff; box-shadow: 0 1px 1px 0 #dedee0; }
	.media-minor-list .media-box .media-thumb { position: relative; }
	.media-minor-list .media-box .media-thumb .item-image { overflow: hidden; width: 256px; height: 156px; line-height: 156px; background: #E5E5E5 url(../img/default/default_350x215.jpg) no-repeat; background-size:100% 100%;}
	.media-minor-list .media-box .media-thumb .item-image img { max-width: 256px; width: 100%; height: auto; margin: -128px auto; }
	.media-minor-list .media-box .media-cont { position: relative; padding: 15px 20px; text-shadow: none; }
	.media-minor-list .media-box .media-cont .item-field { display: inline; color: #3378c1; font-size: 16px; line-height: 22px; }
	.media-minor-list .media-box .media-cont .item-title { display: inline; color: #44484f; font-size: 16px; line-height: 22px; }
	.media-minor-list-more { position: absolute; bottom: 0; left: 0; height: 64px; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; }

	.post-footer-content .post-footer-section-main .media-recommend-major { margin-bottom: 35px; margin-right: -10px; }
	.post-footer-content .post-footer-section-main .post-comment {  }

	@media all and (max-width: 1359px) {
		.media-major-list .media-box .media-thumb .item-image { width: 355px; height: 216px; line-height: 216px; }
		.media-major-list .media-box .media-thumb .item-image img { margin: -158px auto }

		.media-major-list .media-box .media-cont { padding: 15px 20px; }
		.media-major-list .media-box .media-cont .item-title { max-height: 48px; font-size: 18px; line-height: 24px; }
		.media-major-list .media-box .media-cont .item-info { font-size: 13px; }
	}

	@media all and (max-width: 1040px) { /* +16 */

		.media-major-list .media-box .media-thumb .item-image { width: 343px; height: 209px; line-height: 209px; }
		.media-major-list .media-box .media-thumb .item-image img { margin: -104px auto }

	}



/* =====================================
 post-comment
===================================== */
.post-comment { clear: both; position: relative; padding: 0 0 30px 0; }
	.post-comment .post-comment-title {  }
	.post-comment .button-more { background-color: #ced3d9; }

	.post-comment .post-comment-write { position: relative; }
		.post-comment .post-comment-write:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
		.post-comment .post-comment-write p { margin: 0; padding: 0; }
		.post-comment .post-comment-write .social-header { position: relative; padding-bottom: 10px; }
		.post-comment .post-comment-write .social-header:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
		.post-comment .post-comment-write .social-login { float: left; position: relative; margin-bottom: 10px; }
		.post-comment .post-comment-write .social-login .social-title { display: inline-block; padding-right: 10px; color: #1b1d21; font-size: 20px; font-weight: normal; }
		.post-comment .post-comment-write .social-login .social-list { display: inline-block; vertical-align: top; }
		.post-comment .post-comment-write .social-login .social-item { display: inline-block; text-align: center; vertical-align: top; }
		.post-comment .post-comment-write .social-login .social-item .input-checkbox { margin-top: 3px; }
		.post-comment .post-comment-write .social-login .social-list .btn-social { display: block; position: relative; overflow: visible; width: 26px; height: 26px; margin: 1px; padding: 0; border: 0; background: url('../img/ico/ico_social.png') no-repeat 0 0; text-indent: -9999px; }
		.post-comment .post-comment-write .social-login .social-item .btn-social .social-tooltip { z-index: 99; display: none; position: absolute; bottom: 35px; left: 0; /*width: 210px;*/ margin-left: -40px; padding: 15px 20px; border: 1px solid #565960; background-color: #fff; color: #1b1d21; font-size: 16px; line-height: 24px; letter-spacing: -1px; text-align: left; text-indent: 0; white-space: nowrap; box-sizing: border-box; }
		.post-comment .post-comment-write .social-login .social-item .btn-social .social-tooltip:after { content: ''; display: block; position: absolute; bottom: -6px; left: 0; width: 9px; height: 6px; margin-left: 47px; background: url('../img/ico/ico_arrow_tooltip.png') no-repeat 0 -6px; font-size: 0; line-height: 0; }
		.post-comment .post-comment-write .social-login .social-item .input-checkbox .social-tooltip { z-index: 99; display: none; position: absolute; top: 25px; left: 0; /*width: 180px;*/ margin-left: -40px; padding: 15px 20px; border: 1px solid #565960; background-color: #fff; color: #1b1d21; font-size: 16px; line-height: 24px; letter-spacing: -1px; text-align: left; text-indent: 0; white-space: nowrap; box-sizing: border-box; }
		.post-comment .post-comment-write .social-login .social-item .input-checkbox .social-tooltip:after { content: ''; display: block; position: absolute; top: -6px; left: 0; width: 9px; height: 6px; margin-left: 42px; background: url('../img/ico/ico_arrow_tooltip.png') no-repeat 0 0; font-size: 0; line-height: 0; }
		.post-comment .post-comment-write .social-login .social-list .btn-facebook { background-position: 0 0; }
		.post-comment .post-comment-write .social-login .social-list .btn-facebook.active { background-position: 0 -26px; }
		.post-comment .post-comment-write .social-login .social-list .btn-facebook.active-represent { background-position: 0 -52px; }
		.post-comment .post-comment-write .social-login .social-list .btn-twitter { background-position: -26px 0; }
		.post-comment .post-comment-write .social-login .social-list .btn-twitter.active { background-position: -26px -26px; }
		.post-comment .post-comment-write .social-login .social-list .btn-twitter.active-represent { background-position: -26px -52px; }
		.post-comment .post-comment-write .social-login .social-list .btn-google { background-position: -52px 0; }
		.post-comment .post-comment-write .social-login .social-list .btn-google.active { background-position: -52px -26px; }
		.post-comment .post-comment-write .social-login .social-list .btn-google.active-represent { background-position: -52px -52px; }
		.post-comment .post-comment-write .social-login .social-list .btn-talk { background-position: -78px 0; }
		.post-comment .post-comment-write .social-login .social-list .btn-talk.active { background-position: -78px -26px; }
		.post-comment .post-comment-write .social-login .social-list .btn-talk.active-represent { background-position: -78px -52px; }
		.post-comment .post-comment-write .social-login .social-list .btn-samsung { background-position: -104px 0; }
		.post-comment .post-comment-write .social-login .social-list .btn-samsung.active { background-position: -104px -26px; }
		.post-comment .post-comment-write .social-login .social-list .btn-samsung.active-represent { background-position: -104px -52px; }
		.post-comment .post-comment-write .social-option { float: right; position: relative; margin-bottom: 10px; }
		.post-comment .post-comment-write .social-option .button { margin-left: 3px; }
		.post-comment .post-comment-write .social-option .button-write-form-toggle {  }
		.post-comment .post-comment-write .social-option .button-write-form-toggle .button-text .open { display: none; }
		.post-comment .post-comment-write .social-option .button-write-form-toggle .button-text .close { display: inline-block; }
		.post-comment .post-comment-write .social-option .button-write-form-toggle .icon-arrow-toggle { width: 8px; height: 5px; margin: 0; margin-left: 4px; background-position: -350px -210px; }
		.post-comment .post-comment-write .write-form { clear: both; position: relative; margin-bottom: 30px; padding: 12px 30px 20px 30px; background-color: #dee1e5; }
		.post-comment .post-comment-write .write-form .write-form-header { padding-bottom: 10px; }
		.post-comment .post-comment-write .write-form .write-form-header .avatar { position: absolute; top: 15px; left: 28px; }
		.post-comment .post-comment-write .write-form .write-form-header .avatar .avatar-image { display: block; overflow: hidden; width: 63px; height: 63px; border-radius: 50%; }
		.post-comment .post-comment-write .write-form .write-form-header .avatar .avatar-image img { width: 64px; height: 63px; }
		.post-comment .post-comment-write .write-form .write-form-header .avatar .social-image { overflow: hidden; position: absolute; top: 37px; left: 50px; width: 26px; height: 26px; background: url('../img/ico/ico_social.png') no-repeat 0 0; text-indent: -9999px; }
		.post-comment .post-comment-write .write-form .write-form-header .avatar .social-facebook { background-position: 0 -26px; }
		.post-comment .post-comment-write .write-form .write-form-header .avatar .social-twitter { background-position: -26px -26px; }
		.post-comment .post-comment-write .write-form .write-form-header .avatar .social-google { background-position: -52px -26px; }
		.post-comment .post-comment-write .write-form .write-form-header .avatar .social-talk { background-position: -78px -26px; }
		.post-comment .post-comment-write .write-form .write-form-header .avatar .social-samsung { background-position: -104px -26px; }
		.post-comment .post-comment-write .write-form .write-form-header .author { display: inline-block; margin-left: 90px; padding-right: 76px; color: #1b1d21; font-size: 15px; line-height: 20px; }
		.post-comment .post-comment-write .write-form .write-form-input { position: relative; margin-left: 90px; padding-right: 76px; }
		.post-comment .post-comment-write .write-form .write-form-input .count-limit { position: absolute; top: -30px; right: 0; color: #115bab; font-size: 13px; }
		.post-comment .post-comment-write .write-form .write-form-input .i-textarea { width: 100%; height: 76px; padding: 15px 20px 15px 0; box-sizing: border-box; border: 0; border-top: 1px solid #ceced1; background-color: #dee1e5; color: #72767e; font: inherit; font-size: 15px; line-height: 20px; resize: none; }
		.post-comment .post-comment-write .write-form .write-form-input .i-textarea::-webkit-input-placeholder { color: #72767e; }
		.post-comment .post-comment-write .write-form .write-form-input .i-textarea::-moz-placeholder { color: #72767e; opacity: 1; }
		.post-comment .post-comment-write .write-form .write-form-input .i-textarea:-moz-placeholder { color: #72767e; opacity: 1; }
		.post-comment .post-comment-write .write-form .write-form-input .i-textarea:-ms-input-placeholder { color: #72767e; }
		.post-comment .post-comment-write .write-form .write-form-input .btn-submit { position: absolute; top: 0; right: 0; overflow: visible; width: 76px; height: 76px; margin: 0; padding: 0; border: 0; background-color: #666d74; color: #fff; font: inherit; font-size: 14px; line-height: 20px; }
		.post-comment .post-comment-write .write-form .write-form-input .button-comment { position: absolute; top: 0; right: 0; }
		.post-comment .write-form-logout .write-form {  }
		.post-comment .write-form-logout .write-form .write-form-header .avatar .social-image { display: none; }
		.post-comment .write-form-logout .write-form .write-form-header .author { color: #72767e; }
		.post-comment .write-form-hide .social-option .button-write-form-toggle .button-text .open { display: inline-block; }
		.post-comment .write-form-hide .social-option .button-write-form-toggle .button-text .close { display: none; }
		.post-comment .write-form-hide .social-option .button-write-form-toggle .icon-arrow-toggle { background-position: -330px -210px; }
		.post-comment .write-form-hide .write-form { display: none; }

	.post-comment .post-comment-list {  }
		.post-comment .post-comment-list ul { list-style: none; margin: 0; padding: 0; }
		.post-comment .post-comment-list ul li { position: relative; padding: 0 0 30px 0; }
		.post-comment .post-comment-list ul li:after { content: ''; display: block; position: absolute; top: 0; left: 19px; width: 5px; height: 100%; background: #d7dce1; }
		.post-comment .post-comment-list ul li.last-more:after { display: none; }
		.post-comment .post-comment-list ul li .comment-item { position: relative; }
		.post-comment .post-comment-list ul li .comment-item:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
		.post-comment .post-comment-list ul li .comment-item p { margin: 0; padding: 0; }
		.post-comment .post-comment-list ul li .comment-item .comment-header { z-index: 2; float: left; position: relative; width: 95px; padding-left: 58px; word-wrap: break-word; }
		.post-comment .post-comment-list ul li .comment-item .comment-header .avatar { position: absolute; top: 0; left: 0; }
		.post-comment .post-comment-list ul li .comment-item .comment-header .avatar .avatar-image { display: block; overflow: hidden; width: 43px; height: 43px; background: url('../img/ico/avatar_image_default.gif') no-repeat 0 0; border-radius: 50%; }
		.post-comment .post-comment-list ul li .comment-item .comment-header .avatar .avatar-image img { width: 43px; height: 43px; }
		.post-comment .post-comment-list ul li .comment-item .comment-header .author { display: block; position: relative; margin: 3px 0 4px 0; padding: 0; color: #125aac; font-size: 16px; line-height: 20px; }
		.post-comment .post-comment-list ul li .comment-item .comment-header .date { display: block;  color: #72767e; font-size: 12px; line-height: normal; }
		.post-comment .post-comment-list ul li .comment-item .comment-header .social-image-list { overflow: hidden; margin-top: 5px; }
		.post-comment .post-comment-list ul li .comment-item .comment-header .social-image { display: block; float: left; width: 17px; height: 17px; margin-right: 3px; background: url('../img/ico/ico_social.png') no-repeat 0 0; text-indent: -9999px; }
		.post-comment .post-comment-list ul li .comment-item .comment-header .social-samsung { display: block; background-position: 0 -80px; }
		.post-comment .post-comment-list ul li .comment-item .comment-header .social-facebook { display: block; background-position: -17px -80px; }
		.post-comment .post-comment-list ul li .comment-item .comment-header .social-twitter { display: block; background-position: -34px -80px; }
		.post-comment .post-comment-list ul li .comment-item .comment-header .social-google { display: block; background-position: -51px -80px; }
		.post-comment .post-comment-list ul li .comment-item .comment-content { z-index: 1; position: relative; padding: 0 0 0 165px; }
		.post-comment .post-comment-list ul li .comment-item .comment-content .button-delete-comment { display: none; overflow: hidden; position: absolute; top: 10px; right: 20px; width: 24px; height: 24px; margin: 0; padding: 0; border: 0; background: url('../img/ico/ico_delete_comment.gif') no-repeat 0 0; text-indent: -9999px; line-height: 0; }
		.post-comment .post-comment-list ul li .comment-item .comment-content .text { display: inline-block; position: relative; padding: 12px 20px; background-color: #fff; color: #6e7179; font-size: 14px; line-height: 20px; word-wrap: break-word; word-break: break-all; border-radius: 8px }
		.post-comment .post-comment-list ul li .comment-item .comment-content .text:after { content: ''; display: block; position: absolute; top: 12px; left: -9px; width: 10px; height: 19px; background: url('../img/ico/ico_arrow_comment.png') no-repeat 0 0; font-size: 0; line-height: 0; }
		.no-borderradius .post-comment .post-comment-list ul li .comment-item .comment-header .avatar .avatar-image img { border-radius: 50%; behavior: url('../js/lib/PIE.htc'); }

		.post-comment .post-comment-list ul li.comment-myself {  }
			.post-comment .post-comment-list ul li.comment-myself .comment-content .button-delete-comment { display: block; }
			.post-comment .post-comment-list ul li.comment-myself .comment-content .text { padding-right: 55px; }

		.post-comment .post-comment-list ul li.result-none { padding: 30px 0; background: none; }
			.post-comment .post-comment-list ul li.result-none:after { display: none; }


/* post-comment-type02 */
.post-comment-type02 { clear: both; position: relative; padding: 0 0 30px 0; }
	.post-comment-type02 .post-comment-title { margin: 0 0 20px 0; padding: 0; color: #333b43; font-size: 22px; font-weight: bold; }
	.post-comment-type02 .post-comment-title .count { color: #115bab; font-size: 18px; }

	.post-comment-type02 .post-comment-write { position: relative; padding: 30px 0 25px 0; border-top: 2px solid #3d4145; }
		.post-comment-type02 .post-comment-write:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
		.post-comment-type02 .post-comment-write p { margin: 0; padding: 0; }
		.post-comment-type02 .post-comment-write .social-login { z-index: 2; position: relative; float: left; padding-left: 5px; }
		.post-comment-type02 .post-comment-write .social-login .social-title { display: inline-block; padding: 5px 0 8px; color: #115bab; font-size: 18px; }
		.post-comment-type02 .post-comment-write .social-login .social-list { overflow: hidden; }
		.post-comment-type02 .post-comment-write .social-login .social-list .btn-social { float: left; position: relative; overflow: visible; width: 26px; height: 26px; margin-right: 3px; border: 0; background: url('../img/ico/ico_social.png') no-repeat 0 0; text-indent: -9999px; }
		.post-comment-type02 .post-comment-write .social-login .social-list .btn-facebook { background-position: 0 0; }
		.post-comment-type02 .post-comment-write .social-login .social-list .btn-facebook.active { background-position: 0 -26px; }
		.post-comment-type02 .post-comment-write .social-login .social-list .btn-twitter { background-position: -26px 0; }
		.post-comment-type02 .post-comment-write .social-login .social-list .btn-twitter.active { background-position: -26px -26px; }
		.post-comment-type02 .post-comment-write .social-login .social-list .btn-google { background-position: -52px 0; }
		.post-comment-type02 .post-comment-write .social-login .social-list .btn-google.active { background-position: -52px -26px; }
		.post-comment-type02 .post-comment-write .social-login .social-list .btn-talk { background-position: -78px 0; }
		.post-comment-type02 .post-comment-write .social-login .social-list .btn-talk.active { background-position: -78px -26px; }
		.post-comment-type02 .post-comment-write .write-form { z-index: 1; position: relative; padding: 0 76px 0 145px; }
		.post-comment-type02 .post-comment-write .write-form .count-limit { position: absolute; top: -20px; right: 0; color: #115bab; font-size: 13px; }
		.post-comment-type02 .post-comment-write .write-form .i-textarea { width: 100%; height: 76px; padding: 15px 20px; box-sizing: border-box; border: 0; color: #72767e; font: inherit; font-size: 15px; line-height: 20px; resize: none; }
		.post-comment-type02 .post-comment-write .write-form .btn-submit { position: absolute; top: 0; right: 0; overflow: visible; width: 76px; height: 76px; margin: 0; padding: 0; border: 0; background-color: #666d74; color: #fff; font: inherit; font-size: 14px; line-height: 20px; }
		.post-comment-type02 .post-comment-write .write-form .button-comment { position: absolute; top: 0; right: 0; }

	.post-comment-type02 .post-comment-list {  }
		.post-comment-type02 .post-comment-list ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #dbdbdc; }
		.post-comment-type02 .post-comment-list ul li { position: relative; padding: 20px 20px 20px 30px; border-bottom: 1px solid #dbdbdc; }
		.post-comment-type02 .post-comment-list ul li .comment-item { position: relative; }
		.post-comment-type02 .post-comment-list ul li .comment-item:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
		.post-comment-type02 .post-comment-list ul li .comment-item p { margin: 0; padding: 0; }
		.post-comment-type02 .post-comment-list ul li .comment-item .comment-header { position: static; word-wrap: break-word; word-break: break-all; }
		.post-comment-type02 .post-comment-list ul li .comment-item .comment-header .avatar { z-index: 2; float: left; position: relative; }
		.post-comment-type02 .post-comment-list ul li .comment-item .comment-header .avatar .avatar-image { display: block; overflow: hidden; width: 50px; height: 50px; border-radius: 50%; }
		.post-comment-type02 .post-comment-list ul li .comment-item .comment-header .avatar .social-image { display: none; overflow: hidden; position: absolute; top: 22px; left: 38px; width: 26px; height: 26px; background: url('../img/ico/ico_social.png') no-repeat 0 0; text-indent: -9999px; }
		.post-comment-type02 .post-comment-list ul li .comment-item .comment-header .avatar .social-facebook { display: block; background-position: 0 -26px; }
		.post-comment-type02 .post-comment-list ul li .comment-item .comment-header .avatar .social-twitter { display: block; background-position: -26px -26px; }
		.post-comment-type02 .post-comment-list ul li .comment-item .comment-header .avatar .social-google { display: block; background-position: -52px -26px; }
		.post-comment-type02 .post-comment-list ul li .comment-item .comment-header .avatar .social-talk { display: block; background-position: -78px -26px; }
		.post-comment-type02 .post-comment-list ul li .comment-item .comment-header .author { z-index: 1; display: block; position: relative; padding: 3px 0 6px 115px; color: #222; font-size: 16px; }
		.post-comment-type02 .post-comment-list ul li .comment-item .comment-header .date { z-index: 2; display: inline-block; position: absolute; bottom: 0; right: 0; color: #72767e; font-size: 13px; line-height: 21px; }
		.post-comment-type02 .post-comment-list ul li .comment-item .comment-content { position: relative; padding: 0 100px 0 115px; }
		.post-comment-type02 .post-comment-list ul li .comment-item .comment-content .text { color: #72767e; font-size: 14px; line-height: 20px; word-wrap: break-word; word-break: break-all; }
		.no-borderradius .post-comment-type02 .post-comment-list ul li .comment-item .comment-header .avatar .avatar-image img { border-radius: 50%; behavior: url('../js/lib/PIE.htc'); }



/* =====================================
 post-pager
===================================== */
.post-pager { clear: both; position: relative; padding: 30px 0; }
	.post-pager.inner-section { padding-bottom: 100px; }
	.post-pager table,
	.post-pager caption,
	.post-pager tbody,
	.post-pager tfoot,
	.post-pager thead,
	.post-pager tr,
	.post-pager th,
	.post-pager td { margin: 0; padding: 0; border: 0; }
	.post-pager table { width: 100%; table-layout: fixed; border-bottom: 1px solid #bababc;}
	.post-pager th,
	.post-pager td { padding: 10px 0; border-top: 1px solid #ced3d9; color: #72767e; font-size: 15px; font-weight: normal; word-wrap: break-word; word-break: break-all; }
	.post-pager tr:first-child th,
	.post-pager tr:first-child td { border-top: 2px solid #3d4145; }
	.post-pager th { width: 160px; background-color: #ffffff; }
	.post-pager th .iconset { margin-left: 8px; }
	.post-pager td { padding-left: 30px; padding-right: 30px; /*background-color: #f7f7f9;*/ }
	.post-pager td a { display: inline-block; color: inherit; font: inherit; vertical-align: middle; text-decoration: none; }
	.post-pager td .iconset { margin: -12px 0 -12px 5px; }



/* =====================================
 qna
===================================== */
.qna { position: relative; padding: 0 20px; background-color: #efeff3; }
	.qna .qna-title { z-index: 2; float: left; position: relative; width: 35px; height: 35px; border-radius: 50%; font-size: 16px; line-height: 37px; font-weight: normal; text-align: center; }
	.qna .qna-text { z-index: 1; position: relative; margin: 0; padding: 6px 0 0 50px; }
	.qna strong { color: #1b1d21; font-weight: normal; }
	.qna dl { margin: 0; padding: 0; }
	.qna dl dt,
	.qna dl dd { overflow: hidden; margin: 0; padding: 0 25px; line-height: 24px; word-wrap: break-word; word-break: break-all; }
	.qna dl dt { padding-top: 30px; padding-bottom: 8px; border-top: 1px solid #dadada; }
	.qna dl dt:first-child { border-top: 0; }
	.qna dl dd { padding-bottom: 30px; }
	.qna dl dt .qna-title { background-color: #3378c1; color: #fff; }
	.qna dl dt .qna-text { color: #115bab; font-size: 17px; font-weight: bold; }
	.qna dl dd .qna-title { background-color: #fff; color: #3378c1; }
	.qna dl dd .qna-text { color: #6e7179; font-size: 16px;  }
	.no-borderradius .qna .qna-title { behavior: url('../js/lib/PIE.htc'); }

.qna02 { position: relative; }
	.qna02 .qna-title { z-index: 2; float: left; position: relative; width: 35px; height: 35px; border-radius: 50%; font-size: 16px; line-height: 37px; font-weight: normal; text-align: center; }
	.qna02 .qna-text { z-index: 1; position: relative; margin: 0; padding: 6px 0 0 50px; }
	.qna02 strong { color: #1b1d21; font-weight: normal; }
	.qna02 dl { margin: 0; padding: 0; }
	.qna02 dl dt,
	.qna02 dl dd { overflow: hidden; margin: 0; line-height: 24px; word-wrap: break-word; word-break: break-all; }
	.qna02 dl dt { padding-top: 30px; padding-bottom: 8px; border-top: 1px solid #dadada; }
	.qna02 dl dt:first-child { border-top: 0; }
	.qna02 dl dd { padding-bottom: 30px; }
	.qna02 dl dt .qna-title { background-color: #3378c1; color: #fff; }
	.qna02 dl dt .qna-text { color: #115bab; font-size: 17px; }
	.qna02 dl dd .qna-title { background-color: #efeff3; color: #3378c1; }
	.qna02 dl dd .qna-text { color: #6e7179; font-size: 16px;  }
	.no-borderradius .qna02 .qna-title { behavior: url('../js/lib/PIE.htc'); }

/* =====================================
 initial-search
===================================== */
.initial-search { display: table; position: relative; width: 100%; padding: 0 30px; border-top: 2px solid #115bab; box-shadow: 0 1px 1px #dedee0; background-color: #fff; box-sizing: border-box; }
	.initial-search .initial-search-box { display: table; position: relative; table-layout: auto; width: 100%; padding: 13px 0; }
	.initial-search .initial-search-head { display: table-cell; width: 1%; padding: 0 30px 0 0; vertical-align: middle; white-space: nowrap; }
	.initial-search .initial-search-head .initial-search-title { padding-right: 10px; color: #1b1d21; font-size: 22px; font-weight: normal; letter-spacing: -1px; vertical-align: middle; white-space: nowrap; }
	.initial-search .initial-search-head .initial-search-description { color: #72767e; font-size: 16px; letter-spacing: -1px; vertical-align: middle; white-space: nowrap; }
	.initial-search .initial-search-list { display: table-cell; width: 100%; vertical-align: top; }
	.initial-search .initial-search-list table { width: 100%; }
	.initial-search .initial-search-list table td { margin: 0; padding: 3px 0; border: 0; text-align: left; vertical-align: top; }
	.initial-search .initial-search-list .button-initial { display: inline-block; overflow: hidden; position: relative; min-width: 0; width: 30px; height: 30px; margin: 0; padding: 0; border-radius: 50%; background-color: #dadada; color: #5d6167; font-size: 15px; line-height: 30px; text-align: center; vertical-align: middle; }
	.initial-search .initial-search-list .button-initial.active { z-index: 2; background-color: #2c79bd; color: #fff; }
	.initial-search .initial-search-total { display: table-cell; width: 1%; padding: 0 10px 0 0; vertical-align: top; white-space: nowrap; }
	.initial-search .initial-search-total .button { margin-top: 4px; }
	.initial-search .initial-search-info { display: block; padding: 13px 0; border-top: 1px solid #e4e7ea; color: #6e7179; font-size: 15px; }
	.no-boxshadow .initial-search { border-left: 1px solid #e9e9eb; border-right: 1px solid #e9e9eb; border-bottom: 1px solid #ceced0; }
	.no-borderradius .initial-search .initial-search-list .button-initial { behavior: url('../js/lib/PIE.htc'); }

.initial-search-type02 { display: table; position: relative; width: 100%; padding: 0 30px; border: 0; box-shadow: none; background-color: #efeff3; }
	.initial-search-type02 .initial-search-list .button-initial { background-color: #fff; }



/* =====================================
 calendar
===================================== */
.calendar-wrapper { }

	/* calendar-head */
	.calendar-head { padding: 15px 0; text-align: center; }
	.calendar-head .calendar-control { display: inline-block; position: relative; top: -2px; width: 20px; height: 20px; margin: 0 5px; padding: 0; border: 0; line-height: 20px; vertical-align: middle; text-indent: -9999px; }
	.calendar-head .calendar-control.control-prev { background: url('../img/btn/btn_calendar_prev.png') no-repeat 50% 50%; }
	.calendar-head .calendar-control.control-next { background: url('../img/btn/btn_calendar_next.png') no-repeat 50% 50%; }
	.calendar-head .head-title { display: inline-block; color: #3378c1; font-size: 17px; line-height: 20px; vertical-align: middle; }
	.calendar-head .head-title .iconset { top: -2px; margin-right: 5px; }
	.calendar-head .head-title .year {  }
	.calendar-head .head-title .month {  }

	/* calendar-table */
	.calendar-table { position: relative; width: 100%; table-layout: fixed; border-collapse: collapse; }
	.calendar-table th { height: 33px; background-color: #3378c1; color: #fff; font-weight: normal; font-size: 15px; }
	.calendar-table td { position: relative; height: 41px; /*padding: 0 1px;*/ border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; color: #72767e; font-size: 15px; text-align: center; }
	.calendar-table tr:first-child td { border-top: 2px solid transparent; }
	.calendar-table td .day { position: relative; height: 41px; line-height: 43px; cursor: pointer; }
	.calendar-table td .day span { position: relative; display: block; }
	.calendar-table td .day a { display: block; position: relative; height: 100%; font: inherit; color: inherit; text-decoration: none; }

	/* active */
	.calendar-table td.active {  }
	.calendar-table td.active .day { height: 43px; margin: -1px 0; background-color: #64aa31; color: #fff; line-height: 45px; }

	/* today */
	.calendar-table td.today {  }
	.calendar-table td.today .day { height: 41px; margin: -1px 0; border: 1px solid #000; background-color: #fff; line-height: 43px; }
	.calendar-table td.today.active .day { background-color: /*#3378c1*/#64aa31; }
	.calendar-table td.today.active .day span:after,
	.calendar-table td.today.active .day a:after { top: 3px; }

	/* has-schedule */
	.calendar-table td.has-schedule {  }
	.calendar-table td.has-schedule .day {  }
	.calendar-table td.has-schedule .day span:after,
	.calendar-table td.has-schedule .day a:after { content: ''; display: block; position: absolute; top: 8px; left: 50%; width: 9px; height: 8px; margin-left: 13px; background: url('../img/ico/ico_common.png') no-repeat -210px -130px; }
	.calendar-table td.has-schedule.active .day span:after,
	.calendar-table td.has-schedule.active .day a:after { background-position: -230px -130px; }

	/* other-month */
	.calendar-table td.other-month .day { color: #c6cddc; background: none; }
	.calendar-table td.other-month .day span:after,
	.calendar-table td.other-month .day a:after { opacity: 0.5; filter: alpha(opacity=50); }



/* =====================================
 card
===================================== */
.hidden { display: none; }
.text-lightBlue{ color: #3378c1; }
.text-blue{ color: #115bab; }
.text-mint{ color:#4ad1d4; }
.masking{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/bbs/img_mask.png") 0 0 no-repeat; z-index: 10;}
.masking.big-size{ background: url("../img/bbs/img_mask_big.png") 0 0 no-repeat;}
.color-card-icon{ position: absolute; right:35px; bottom:-30px; width: 100%; height: 100%; z-index: 10;}
.color-card-icon.card-icon-thunders{ background: url("../img/bbs/img_masking_icon_01.png") right bottom no-repeat;}

.card-list-wrapper { clear: both; position: relative; }
.card-list-wrapper:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }

/* IE8 */
.no-boxshadow .card-item { box-shadow: none; border-top: 1px solid #dedee0; border-left: 1px solid #dedee0; border-bottom: 2px solid #dedee0; border-right: 1px solid #dedee0;}

/* 전체 카드형식 게시판 */
/* 2023-06-12 심장뇌혈관 */
.list-multi.no_masonry .card-item {position:static; float:left; margin-bottom:25px; margin-left:20px; height:265px; box-sizing:border-box;} 
.list-multi.no_masonry .card-item .card-content {height:100%; box-sizing:border-box;}
.list-multi.no_masonry .card-item .card-content-textarea {margin-top:15px;}
.list-multi.no_masonry .card-item .card-content-img {margin-top:0; max-height:143px; height:143px;}
.list-multi.no_masonry .card-item .card-content-text {height:57px; overflow:hidden; font-size:15px; line-height:19px;}
.list-multi.no_masonry .card-footer-meta {}
.list-multi.no_masonry .card-footer-meta .meta-view-count {background-image:none; padding-left:0; margin-right:0px;}
.list-multi.no_masonry .card-footer-meta .meta-date {background-image:none; padding-left:1px; margin-right:0px;}

.card-list { position: relative; font-size: 12px; }
.card-list ul {  }
.card-list ul:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.card-item{ z-indeX: 1; display: block; margin-bottom: 20px; box-shadow: 0 1px 1px 0 #dedee0; zoom:1; }
.card-content { overflow: hidden; display: block; position: relative; padding-top: 35px; background: #fff; }
  .card-content > a{ display: block;}
  .card-content .card-item-inner { zoom:1; position: relative; margin: 0 32px 30px; z-index:10;}
  .card-content .card-item-inner:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
  .card-content .card-item-inner a { display: block; overflow: hidden; cursor: pointer; }
  .card-content .card-icon{ position: absolute; right:30px; bottom:-28px; z-index: 50; }
  .card-content .card-content-img { position: relative; overflow: hidden; width: 100%; max-height: 300px; text-align: center; }
  .card-content .card-content-img img { width: 100%; }
  .card-content .card-content-img .video-time{ display: block; position: absolute; left: 50%; top: 50%; min-width: 38px; min-height: 37px; margin: -20px 0 0 -25px; padding: 40px 10px 0; color: #fff; font-size: 1.2em; font-weight: normal; z-index: 10; background: url("../img/bbs/ico_video.png") 60% 0 no-repeat;}
  .card-content .card-content-img .video-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: .3;}
  .card-content .card-content-textarea { position: relative; overflow: hidden; min-height: 25px; }
  .card-content .card-content-textarea .card-content-text { margin: 10px 0 0 0; /*margin:0;*/ padding: 0; font-size: 1.3em; color: #72767e; line-height: 1.7; word-wrap: break-word; /*word-break: break-all;*/ }
  .card-content .card-content-textarea p.card-subheading{ margin: 15px 0 0 0; font-weight: bold; color: #1b1d21; font-size: 1.3em; }
  .card-content .field-title { display: inline-block; margin:0 0 8px 0; /*padding-right: 38px;*/ font-weight: normal; font-size: 1.5em; line-height: normal; color: #3378c1; word-wrap: break-word; /*word-break: break-all;*/ }
  .card-content .card-content-title { margin:0 0 0px 0; /*padding-right: 35px;*/ font-size: 1.78em; color: #393f46; line-height: 30px; font-weight: normal; letter-spacing: -1px; word-wrap: break-word; /*word-break: break-all;*/ }
  .card-content h3.card-content-title { padding-right: 38px; }
  .card-content .field-title + .card-content-title { padding-right: 0; }
  .card-content .card-file-attach { margin-top: 10px; color: #72767e; font-size: 14px; text-decoration: underline; }
  .card-content .card-file-attach .item-file { display: block; margin-top: 5px; }
  .card-content .card-file-attach .item-file a { display: inline-block; color: #3378c1; text-decoration: underline; vertical-align: top; }
  .card-content .card-file-attach .item-file .icon-file { top: -1px; margin-right: 4px; }
  .card-content .card-content-textarea .card-notice,
  .card-content .card-content-textarea .card-new-list { display:block; position: absolute; right: 0; top: 3px; z-index: 20; }
  .card-content .card-footer-meta { clear: both; position: relative; padding: 0 18px 12px; height: 16px; font-size: 1em; color: #888; z-index:2; background: #fff;}
  .card-content .card-footer-meta.align-right { text-align: right; }
  .card-content .card-footer-meta .meta-view-count { display:inline-block; margin-right: 10px; padding: 0 0 0 28px; background: url("../img/bbs/ico_viewnum.png") 0 1px no-repeat;}
  .card-content .card-footer-meta .search-recom-count { padding: 0 0 0 30px; background: url("../img/bbs/ico_search_viewnum.png") 0 0 no-repeat;}
  .card-content .card-footer-meta .meta-recom-count { display:inline-block; margin-right: 10px; padding:0 0 0 20px; background: url("../img/bbs/ico_recommendation.png") 0 2px no-repeat;}
  .card-content .card-footer-meta .meta-page { display:inline-block; margin-right: 10px; padding-left: 11px; background: url("../img/bbs/bg_divideline.png") 0 4px no-repeat;}
  .card-content .card-footer-meta .meta-page:first-child { margin-left: 0; padding-left: 0; background: none; }
  .card-content .card-footer-meta .meta-date { display:inline-block; margin-right: 10px; padding-left: 11px; background: url("../img/bbs/bg_divideline.png") 0 4px no-repeat;}
  .card-content .card-footer-meta .meta-date:first-child { margin-left: 0; padding-left: 0; background: none; }

/* 6단 리스트 */
.list-column6 { position:relative; }
  .list-column6 .masonry{position:relative;}
  .parts-counsel-card{ float: left; margin-bottom: 25px; text-align: center; }
  .parts-counsel-card a{ display: block; }
  .parts-counsel-card a:hover .card-content { background: #3378c1; }
  .parts-counsel-card a:hover .field-title { color: #f3ef50; }
  .parts-counsel-card a:hover .field-text { color: #fff; }
  .parts-counsel-card .card-content { display: table; width: 192px; height: 188px; padding: 0; }
  .parts-counsel-card .card-item-inner{ display: table-cell; z-index: 2; margin:0; vertical-align: middle; }
  .parts-counsel-card .card-content .card-content-img{ width: auto; height: auto; }
  .parts-counsel-card .card-content .card-content-img img { width: auto; height: auto; }
  .parts-counsel-card .card-content-textarea{margin-top: 10px; padding: 0 5px; text-align: center; }
  .parts-counsel-card .card-content-textarea .field-title{ margin: 0; padding-right: 0; color: #1b1d21; line-height: normal; }
  .parts-counsel-card .card-content-textarea .field-text{ margin:2px 0 0 0; font-size: 1.2em; color: #6e7179; line-height: normal; }
  .parts-counsel-card.center-card .card-content { height: 80px; }
  .parts-counsel-card.center-card .card-content .card-content-textarea { min-height: 0; margin-top: 0; }
  .parts-counsel-card.center-card a:hover .card-content { background: #3378c1; }
  .parts-counsel-card.center-card a:hover .field-title { color: #f3ef50; }
  .parts-counsel-card.center-card a:hover .field-text { color: #fff; }
  .list-parts-menu .parts-counsel-card a:hover .card-content { background: #fff; }
  .list-parts-menu .parts-counsel-card a:hover .field-title { color: #1b1d21; }
  .list-parts-menu .parts-counsel-card a:hover .field-text { color: #6e7179; }
  .list-parts-menu .parts-counsel-card .part-menu { z-index: 2; display: none; position: absolute; top: 0; left: 0; width: 100%; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-title { display: table; width: 100%; height: 70px; background-color: #2d69aa; vertical-align: middle; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-title-inner { display: table-cell; vertical-align: middle; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-title .field-title { display: block; margin: 0; padding: 0 5px; color: #fff; font-size: 18px; line-height: normal; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-title .field-text { display: block; margin: 2px 0 0 0; padding: 0; color: #fff; font-size: 15px; line-height: normal; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-item { display: table; width: 100%; height: 118px; background-color: #3378c1; vertical-align: middle; text-align: left; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-item-inner { display: table-cell; vertical-align: middle; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-item .menu-item { display: block; color: #fff; font-size: 15px; line-height: normal; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-item .menu-item a { display: block; padding: 8px 0 7px 45px; color: #fff; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-item .menu-item .iconset { margin-right: 5px; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-item .menu-item .icon-partmenu01 { width: 19px; height: 16px; background-position: -100px -250px; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-item .menu-item .icon-partmenu02 { width: 19px; height: 19px; background-position: -100px -270px; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-item .menu-item .icon-partmenu03 { width: 19px; height: 20px; background-position: -100px -293px; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-item .menu-item a:hover { color: #fff600 }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-item .menu-item a:hover .icon-partmenu01 { background-position: -130px -250px; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-item .menu-item a:hover .icon-partmenu02 { background-position: -130px -270px; }
  .list-parts-menu .parts-counsel-card .part-menu .part-menu-item .menu-item a:hover .icon-partmenu03 { background-position: -130px -293px; }

/* 4단 멀티 카드 */
.list-multi { position:relative; overflow: hidden; max-width: 1440px; min-width: 800px; }
  .list-multi .masonry{position:relative; padding: 0 10px 10px 10px;}
  .list-multi .card-item{ position:absolute; width: 300px; z-index:99; background: #fff;}
  
  .list-multi .card-content { width: 300px; padding: 0; }
  .list-multi .card-item-inner{ position: relative; margin: 0; z-index: 2; }
  .list-multi .card-content-textarea{ position: relative; margin: 20px 18px 15px; z-index: 30;}
  .list-multi .card-content-textarea .card-content-img { margin-top: 10px; margin-bottom: 10px; }
  .list-multi .card-content-subtitle{ margin:5px 0 20px; font-size: 1.4em; color: #44484f; }
  .list-multi .card-content-subtitle span{ display: inline-block; vertical-align: top; }
  .card-content .card-footer-meta{ display:block;}

	.list-multi-type02 { overflow: visible; }
	.list-multi-type02 .masonry { padding: 0 0 10px 0; }
	.list-multi-type02 .card-item { margin-bottom: 40px; }



	.gutter {width: 20px;}
	.list-column6 .gutter {width: 25px;}
@media all and (max-width: 1359px) {
	.list-multi .card-item { }
	.gutter {width: 50px;}
	.list-column6 .gutter {width: 15px;}
}
@media all and (max-width: 1040px) { /* +16 */
	.gutter {width: 32px;}
	.list-column6 .gutter {width: 10px;}
}



/* 3단 리스트 */
.list-column3{ clear:both; }
  .list-column3 > ul { margin: 0 0 0 -2%; }
  .list-column3 .card-item{ float: left; width: 31.333%; margin: 0 0 2% 2%; box-sizing: border-box; }
  .list-column3 .card-item-inner{ overflow: hidden; margin:0 30px 0;}
  .list-column3 .card-item-inner .clinic-title{ float: left; margin: 0 0 20px 0; font-size: 1.8em; font-weight: normal; color: #115bab; }
  .list-column3 .card-item-inner .home-btn{ display:inline-block; float: right; margin-top:5px;}
  .list-column3 .clinic-container{ clear: both; margin:0 30px 30px;}
  .list-column3 .clinic-container .clinic-doctor{ margin: 15px 0 0 0; font-size: 1.35em; font-weight: normal;}
  .list-column3 .clinic-container .clinic-schedule{ margin: 2px 0 16px; font-size: 1.2em; color: #72767e;}
  .list-column3 .clinic-container .clinic-list{ border-top: 1px solid #1b1d21; }
  .list-column3 .clinic-container .clinic-list li{ overflow: hidden; display: table; width: 100%; position: relative; border-bottom: 1px solid #d3d3d3;}
  .list-column3 .clinic-container .clinic-list li:last-child { border-bottom: 0; }
  .list-column3 .clinic-container .clinic-list li div{ sfloat: left; smargin-right: 105px;}
  .list-column3 .clinic-container .clinic-list li .clinic-list-item { display: table-cell; width: 100%; vertical-align: top; }
  .list-column3 .clinic-container .clinic-list li .clinic-list-button { display: table-cell; width: 1%; padding-left: 5px; vertical-align: middle;  }
  .list-column3 .clinic-container .clinic-list li .clinic-list-button .button {  }
  .list-column3 .clinic-container .clinic-list li .clinic-doctor-name { display: inline-block; }
  .list-column3 .clinic-container .clinic-list li .clinic-doctor-part { display: inline-block; }
  .list-column3 .clinic-container .clinic-list li .clinic-schedule {  }
  .list-column3 .clinic-container .clinic-list li .clinic-schedule .clinic-schedule-title { display: table-cell; vertical-align: top; white-space: nowrap; }
  .list-column3 .clinic-container .clinic-list li .clinic-schedule .clinic-schedule-description { display: table-cell; vertical-align: top; }
  .list-column3 .clinic-container .clinic-list .button{ /*display: block; position: absolute; right:0; top:50%; margin-top: -20px; height: 40px; overflow: hidden;*/}

/* 2단 리스트 */
.list-column2 {  }
  .list-column2 > ul { margin: 0 0 0 -2%; }
  .list-column2 .card-item{ float: left; width: 48%; margin: 0 0 2% 2%; box-sizing: border-box; }
  .list-column2 .card-content{ width: auto; }
  .list-column2 .card-content .card-content-img { overflow: hidden; float: left; width: 118px; height: 118px; margin-right: 30px; border-radius: 50%; }
  .list-column2 .card-content .card-content-img img { width: 118px; height: 118px; }
  .list-column2 .card-content .card-content-img .masking { display: none; }
  .list-column2 .card-meta ul { float: left;}
  .list-column2 .card-content-textarea { /*margin:0 0 0 145px;*/ }
  .list-column2 .card-content-textarea .button{ display:inline-block; position: relative; top: -1px; margin-left: 10px;}
  .list-column2 .card-content-title { overflow: hidden; /*margin-right: 30px;*/ padding-top: 1px; /*padding-bottom: 13px;*/ width: auto; font-size: 1.9em; line-height: 1.25; white-space: nowrap; word-break: all; text-overflow: ellipsis; word-wrap: normal; /*background: url("../img/bbs/bg_titleline.gif") 0 bottom no-repeat;*/ }
  .list-column2 .card-content-title.no-ellipsis { white-space: normal; text-overflow: clip; }
  .list-column2 .card-content-text { overflow: hidden; /*margin-top: 15px;*/}
  .list-column2 .card-content-text .list-default {  }
  .list-column2 .card-content-text .list-default li .list-describe { padding-right: 0; }
  .list-column2 .card-content-text .button { display: inline-block; position: relative; top: -1px; margin-left: 2px; }

/* 2단 리스트에서 img 사이즈 조금 키운버전 list-column2-usingEngKor 2017-08-18 국영문 편의시설 */
.list-column2-usingEngKor .card-content .card-content-img,
.list-column2-usingEngKor .card-content .card-content-img img {width:170px; height:170px;}
.list-column2-usingEngKor .facilities-card .card-content-textarea {padding-top:10px;}

/* 1단 리스트 */
.list-column1 {  }
  .list-column1 .card-item-inner { margin: 0 32px 30px; }
  .list-column1 .card-item { width: 100%; margin: 0 0 20px 0; box-sizing: border-box; }
  .list-column1 .card-content .card-content-img { float: left; width: 118px; height: 117px; margin-right: 30px; }
  .list-column1 .card-content .card-content-img img { width: 118px; height: 117px; }
  .list-column1 .card-content .card-meta ul { float: right;}
  .list-column1 .card-content .card-content-textarea { /*margin:0 0 0 145px;*/ }
  .list-column1 .card-content .card-content-title { padding-bottom: 0;  font-size: 1.9em; line-height: 1.2; /* background: url("../img/bbs/bg_titleline.gif") 0 bottom no-repeat; */ }
  .list-column1 .card-content .card-content-text { max-height: 85px; /*margin-top: 15px;*/}
  .list-column1 .card-footer-meta{ text-align: right;}

/* 안내자료 리스트 카드 */
.card-text-list{ margin:10px 0 10px 10px; }
  .card-text-list li{ overflow:hidden; padding: 0 0 0 10px; font-size: 1.25em; color: #72767e; line-height:150%; background: url("../img/bbs/bg_listDot_01.gif") 0 8px no-repeat;}
  .card-text-list li span{ display: inline-block; float: left; }
  .card-text-list li p { margin: 0 0 0 40px; }
  .card-text-list li p.long-text-fix{ margin: 0 0 0 65px; }

/* 질환백과 카드 */
/*.cyclopedist-card{}
  .cyclopedist-card .card-content .card-content-title { padding-right: 0; }
  .cyclopedist-card .treatment-parts{ width: 100px; }
  .cyclopedist-card .text-blue{ width: 150px; }
 */

/* 검사안내 카드 */
/*.check-guidance-card{ height: 455px; }
  .check-guidance-card .card-content{ height: 455px;}
  .check-guidance-card .card-content .card-content-title { padding-right: 0; }
  .check-guidance-card .card-text-list{ overflow:hidden; height:180px;}
  .check-guidance-card .treatment-parts{ width:50px;}
  .check-guidance-card .text-blue{width: 210px;}
*/

/* 이미지슬라이드 카드 */
.image-slide-card .card-content .card-content-textarea{ margin-bottom: 5px; }
.image-slide-card .card-content .card-content-title { padding-right: 0; }
.image-slide-card .slide-image-area{ position:relative; margin:0 22px 25px; width: 255px; height: 113px; }
.image-slide-card .slide-image-area .image-box{ position:relative; margin:0 auto; width: 191px; height: 113px; overflow:hidden;}
.image-slide-card .slide-image-area .image-box ul{}
.image-slide-card .slide-image-area .image-box ul li{ position:relative; float:left; width: 191px; height: 113px;}
.image-slide-card .slide-image-area .image-box ul li img{width: 191px; height: 113px;}
.image-slide-card .slide-image-area button { position: absolute; top:0; height:100%; background:none; border:none;}
.image-slide-card .slide-image-area button.slide-prev{ left: 0; }
.image-slide-card .slide-image-area button.slide-next{ right: 0; }

/* 오디오 리스트 카드 */
.card-media-audio .card-content .card-content-textarea { margin-bottom: 10px; }
.card-media-audio .card-content-textarea { margin-bottom: 25px; }
.card-media-audio .card-content-textarea .card-content-title { overflow: hidden; height: 60px; margin-bottom: 0; line-height: 30px; }
.card-media-audio .audio-info { margin-top: 20px; }
.card-media-audio .audio-info .audio-info-item { display: inline-block; margin-right: 5px; color: #6e7179; font-size: 12px; }
/*
.card-media-audio .audio-info .audio-info-item:before { content: ''; display: inline-block; position: relative; top: -1px; width: 1px; height: 8px; margin-right: 8px; background: #d1d1d1; font-size: 0; line-height: 0; vertical-align: middle; }
.card-media-audio .audio-info .audio-info-item:first-child:before { display: none; }
*/
.card-media-audio .audio-info .audio-info-item.item-recommend { margin-right: 10px;padding: 0 0 0 20px; background: url("../img/bbs/ico_recommendation.png") 0 1px no-repeat; }
.card-media-audio .audio-info .audio-info-item.item-playcount { margin-right: 10px;padding: 0 0 0 28px; background: url("../img/bbs/ico_viewnum.png") 0 1px no-repeat; }
.card-media-audio .audio-info .audio-info-item.item-date { padding-left: 11px; padding-left: 11px; background: url("../img/bbs/bg_divideline.png") 0 4px no-repeat; }


/* 비디오 리스트 카드 */
.card-media-video .figure {position: relative;height:100%; margin:0; padding:0;}
.card-media-video .figure > .view-type-img {overflow:hidden; display:block; position:relative; width:300px; height:184px; margin:0; padding:0;}
.card-media-video .figure > .view-type-img .dimed { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; filter:alpha(opacity=30); }
.card-media-video .figure > .view-type-img > img {position:absolute; left:0; top:0; width:100%; }
.card-media-video .figure > .view-type-img.cutting-top > img { top: -20px; }
.card-media-video .figure > .view-type-img .view-type {display:none; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
.card-media-video .figure > .view-type-img .view-type .bg {display:block; position:absolute; left:150px; top:0; z-index:3; width:150px; height:184px; background-color:#46aab1; opacity:0.8; filter:alpha(opacity=80); }
.card-media-video .figure > .view-type-img .view-type .bg:first-child {left:0; background-color:#386fab;}
.card-media-video .figure > .view-type-img .view-type > button {position:absolute; left:150px; top:0; z-index:4; width:50%; height:100%; border:0; margin:0; padding:0; color:#fff; background-color:transparent;}
.card-media-video .figure > .view-type-img .view-type > button.item1 {left:0;}
.card-media-video .figure > .view-type-img .view-type > button.btn-link .iconset { margin-right: 5px; }
.card-media-video .card-media-tag { z-index: 1; position: absolute; top: 20px; left: 20px; padding: 0 5px; background-color: #41c1c2; color: #fff; font-size: 12px; line-height: 24px; }
.card-media-video .card-media-tag.tag-type01 { background-color: #41c1c2; }
.card-media-video .card-media-tag.tag-type02 { background-color: #3378c1; }
.card-media-video .card-media-tag.tag-type03 { background-color: #115bab; }
.card-media-video .card-media-tag.tag-type04 { background-color: #58a7e2; }
.card-media-video .card-media-time { z-index: 1; position: absolute; bottom: 10px; right: 15px; color: #fff; font-size: 13px; font-weight: bold; line-height: normal; }
.card-media-video .card-content-textarea { margin-bottom: 20px; line-height: 30px; }
.card-media-video .card-content-textarea .card-content-title { overflow: hidden; max-height: 60px; margin-bottom: 0; }
.card-media-video .card-content-textarea .card-content-title .field { color: #3378c1; }
.card-media-video .card-content .card-footer-meta .meta-auther {  }
.card-media-video .card-content .card-footer-meta .meta-item { line-height: normal; }
.card-media-video .card-content .card-footer-meta .meta-item:before { content: ''; display: inline-block; position: relative; width: 1px; height: 8px; margin-right: 8px; background-color: #b2b8bd; font-size: 0; line-height: 0; }
.card-media-video .card-content .card-footer-meta .meta-item:first-child:before { display: none; }
.card-media-video .card-content .card-footer-meta .meta-part { color: #6e7179; font-size: 15px; }
.card-media-video .card-content .card-footer-meta .meta-name { margin-left: 5px; color: #115bab; font-size: 15px; }
.card-media-video .card-content .card-footer-meta .meta-reommend { color: #6e7179; font-size: 15px; }
.card-media-video .card-content .card-footer-meta .meta-play { color: #6e7179; font-size: 15px; }
.card-media-video .card-content .card-footer-meta .meta-info { /*display: none;*/ }
/*
.card-media-video.hover {  }
.card-media-video.hover .card-content .card-footer-meta .meta-auther { display: none; }
.card-media-video.hover .card-content .card-footer-meta .meta-info { display: block; }
*/

/* PDF download - 안내자료 */
.is-file-download {  }
	.is-file-download .card-content-img img { width:107px; height:138px; }
	.is-file-download .card-content .card-content-img { width:107px; height:138px; border-radius: 0; }
	.is-file-download .card-content .card-content-img img { width:107px; height:138px; }
	.is-file-download .card-content .card-footer-meta { height:21px; padding-top:5px; }
	.is-file-download .card-footer-meta .card-file-attach { float:left; margin-top:0; }
	.is-file-download .card-footer-meta .meta-date { float:right; margin-top:5px; background:none; }


/* today-funs 카드 리스트 */
.today-funs-card.on { border:1px solid #3378c1; }
.today-funs-card .card-content-textarea { margin-bottom:5px; }
.today-funs-card .card-content-textarea .field-title { font-size: 1.25em; font-weight: normal;}

/* info-graphic-card */
.info-graphic-card .card-content .card-content-title { padding-right: 0; }

/* 전체 백그라운드 형식 동영상 카드 */
.video-card { position: relative;}
  .video-card .card-content{ position: relative; height:365px;}
  .video-card .card-content .card-item-inner a { padding-top: 130px;}
  .video-tag { position:absolute; z-index:2; left: 0; top: 0; padding: 8px 10px; font-size: 1.15em;}
  .video-tag.series { background: #41c1c2; color: #fff;}
  .video-tag.recent { background: #3378c1; color: #f3ef50;}
  .video-card .card-content-textarea{ height: 110px; margin: 50px 18px 0;}
  .video-card .card-content-textarea .field-title { margin-bottom: 5px; padding-right: 0; padding-top:15px; color: #82f0f1; background: url("../img/bbs/bg_titleline_white.gif") 0 top no-repeat;}
  .video-card .card-content-textarea .card-content-title { margin: 0; padding: 0; color: #fff; font-size: 1.7em; font-weight: normal; }
  .video-trans-background{ position: absolute; left:0; top:0; width: 100%; height: 100%; background: url("../img/bbs/img_mask_black.png") 0 0 no-repeat; z-index: 1;}
  .video-trans-background div{ width: 300px;}
  .video-card .card-content .card-footer-meta { background: none; color:#fff;}
  .video-card .card-content .card-footer-meta .meta-view-count { float:left; background: url("../img/bbs/ico_viewnum_white.png") 0 2px no-repeat;}
  .video-card .card-content .card-total-background{ position: absolute; left:0; top:0; width:100%; height:100%; z-index: 0;}

/* 카테고리별 동영상 타임체크 카드 */
.smedia-time{ color: #fff;}
  .smedia-time section a{ display: block; padding-top: 130px;}
  .smedia-time .card-video-area .video-time { margin-top:0;}
  .smedia-time .card-content-textarea{ height: 105px; margin: 90px 18px 0;}
  .smedia-time .card-content-textarea .field-title { padding-right: 0; color: #fff; font-size: 1.7em; line-height: 25px; }
  .smedia-time .card-content-textarea .card-content-title { font-size: 1.4em; }

/* sMedia 동영상 원형 마스킹 카드 */
  .smedia-masking .card-content{ position: relative; height: auto;}
  .smedia-masking .card-content .card-item-inner{padding:0; color:#000;}
  .smedia-masking .card-content .card-item-inner a{padding-top:0;}
  .smedia-masking .masking{ background: url("../img/bbs/bg_smedia_masking.png") 0 0 no-repeat;}
  .smedia-masking .card-content-img{ margin:0;}
  .smedia-masking .card-content-img img{ height: 200px;}
  .smedia-masking .card-content-img .video-time{ margin: -15px 0 0 -25px; padding: 30px 10px 0; background: url("../img/bbs/ico_smedia_video.png") 50% 0 no-repeat;}
  .smedia-masking .card-content .card-content-textarea { position: inherit; height: auto; margin:0 18px 30px;}
  .smedia-masking .card-content .card-content-textarea .field-title{ margin:0; padding-top: 0; color: #3378c1;}
  .smedia-masking .card-content .card-content-textarea .card-content-title{ margin:5px 0 20px 0; padding-bottom: 10px; /*background: url("../img/bbs/bg_titleline.gif") 0 bottom no-repeat;*/ color: #232323; font-weight: normal;}
  .smedia-masking .card-content .card-content-textarea .card-notice,
  .smedia-masking .card-content .card-content-textarea .card-new-list{ right: 20px; top: 10px;}
  .smedia-masking .card-content-subtitle{ margin-bottom: 0px; font-size: 1.3em;}
  .smedia-masking .card-content-subtitle .text-blue{ margin-left: 7px;padding-left: 8px; background: url("../img/bbs/bg_divideline_02.gif") 0 4px no-repeat;}

/* 의료진 프로필 카드 */
.doctor-profile{}
  .doctor-profile .card-content .card-item-inner { margin-bottom: 25px; }
  .doctor-profile .card-content .card-content-img { width: 143px; height: 142px; }
  .doctor-profile .card-content .card-content-img img { width: 143px; height: 142px; border-radius: 50%; }
  .doctor-profile .card-content .card-content-img .masking { display: none; background: url("../img/bbs/img_mask_big.png") 0 0 no-repeat; }
  .doctor-profile .card-content .card-content-textarea{ /* min-height: 149px */min-height:155px;  margin-left: 175px; }
  .doctor-profile .card-content .card-content-textarea .card-content-text { margin-top: 0; }
  .doctor-profile .card-content .card-content-title{ padding-bottom: 10px; font-weight: normal; color: #1b1d21;}
  .doctor-profile .card-content .card-content-title .treatment-parts{ /*display: inline-block;*/ margin-left: 5px; font-size: 0.7em; font-weight: normal;}
  .doctor-profile .card-content .field-title { margin-top: 10px; font-size: 1.3em; color: #1b1d21;}
  .doctor-profile .card-content .recom-count { position: absolute; right: 0; top: 0;}
  .doctor-profile .card-content .recom-count i{ float: left; margin-top: 3px;}
  .doctor-profile .card-content .recom-count span{ float: left; display: inline-block; padding:0px 0 0 5px; font-size: 1.1em; color: #6e7179;}
  .doctor-profile .card-content .recom-count .icon-date { margin-left:10px; }
  .doctor-profile.image-masking .card-content-img { position: absolute; top: 50%; left: 0; margin-top: -71px; padding-top:0; }
  .doctor-profile.image-masking .card-content-textarea .card-content-title { margin-top:0; color: #fff; /*background-image: url('../img/bbs/bg_titleline_white.gif');*/ }
  .doctor-profile.image-masking .card-content-textarea .card-content-title .text-blue { color: #fff; }
  .doctor-profile.image-masking .card-content-textarea .card-content-caption { padding-bottom: 10px; color: #f3ef50; font-size: 16px; line-height: 24px; }
  .doctor-profile.image-masking.green-circle .card-content-img .masking.big-size { background-image: url("../img/bbs/img_mask_green_big.png"); }
  .doctor-profile.image-masking.blue-circle .card-content-img .masking.big-size { background-image: url("../img/bbs/img_mask_blue_big.png"); }

  .doctor-profile .card-footer-btn { display: block; clear: both; margin-top:-23px;}
  .doctor-profile.image-masking.green-circle .card-footer-btn,
  .doctor-profile.image-masking.blue-circle .card-footer-btn { margin-top: 0; }

/* 주요보직자 카드 */
.doctor-profile-type02{}
  .doctor-profile-type02 .card-content .card-item-inner { margin-bottom: 35px; }
  .doctor-profile-type02 .card-content .card-content-img { width: 140px; height: 140px; background: url("../../../_component/static/img/default/default-profile.png") 0 0 no-repeat; }
  .doctor-profile-type02 .card-content .card-content-img img { width: 140px; height: 140px; }
  .doctor-profile-type02 .card-content .card-content-textarea{ min-height: 149px; margin-left: 175px; }
  .doctor-profile-type02 .card-content .card-content-textarea .card-content-text { margin-top: 0; max-height: none; }
  .doctor-profile-type02 .card-content .card-content-textarea .card-content-text .list-default li { line-height: 22px; }
  .doctor-profile-type02 .card-content .card-content-title{ padding-bottom: 0; font-weight: normal; color: #1b1d21;}
  .doctor-profile-type02 .card-content .card-content-title .member-name { display: inline-block; color: #115bab; font-weight: normal;  }
  .doctor-profile-type02 .card-content .card-content-title .member-position { display: inline-block; color: #1b1d21; font-weight: normal; }
  .doctor-profile-type02 .card-content .card-content-title .member-part { display: inline-block; margin-left: 5px; font-size: 0.7em; font-weight: normal;}
  .doctor-profile-type02 .card-content .field-title { margin-top: 25px; font-size: 1.3em; color: #1b1d21;}
  .doctor-profile-type02 .card-content .member-email { margin-top: 5px; color: #72767e; font-size: 14px; line-height: normal; }

/* 상담 내역 검색 카드 */
.consult-search-card{}
  .consult-search-card .card-content-textarea { margin: 0;}
  .consult-search-card .card-content-textarea .card-content-title{ width:auto; max-width: 100%; margin-right: 30px; padding: 0 56px 0 0; box-sizing: border-box; }
  .consult-search-card .card-content-textarea .card-content-title h3{ display: inline-block;position:relative; overflow: hidden; margin:0; padding-right:25px; width: auto; max-width: 100%;white-space: nowrap; text-overflow: ellipsis;  word-wrap: normal;font-size: 1.1em; font-weight: normal; vertical-align: top; box-sizing: border-box; }
  .consult-search-card .card-content-textarea .secret-reply{ position:absolute; right:7px; top:6px;}
  .consult-search-card .card-content-textarea .secret-reply .iconset { vertical-align: top; }
  .consult-search-card .card-content-textarea .card-content-text{ margin-top: 10px; height:50px; /*width: 566px; overflow: hidden; text-overflow: ellipsis;*/ }
  .consult-search-card .card-content-textarea .card-qna-content {  }
  .consult-search-card .card-content-textarea .card-qna-content .qna-text { position: relative; min-height: 40px; }
  .consult-search-card .card-content-textarea .card-qna-content .qna-text:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
  .consult-search-card .card-content-textarea .card-qna-content .qna-text .title { display: block; float: left; position: relative; top: 3px; width: 35px; height: 35px; font-size: 16px; line-height: 37px; text-align: center; border-radius: 50%; }
  .consult-search-card .card-content-textarea .card-qna-content .qna-text .text { position: relative; padding-left: 50px; }
  .consult-search-card .card-content-textarea .card-qna-content .qna-text .text h1,
  .consult-search-card .card-content-textarea .card-qna-content .qna-text .text h2,
  .consult-search-card .card-content-textarea .card-qna-content .qna-text .text h3 { font-size: inherit; }
  .consult-search-card .card-content-textarea .card-qna-content .qna-text.qna-question {  }
  .consult-search-card .card-content-textarea .card-qna-content .qna-text.qna-question .title { background-color: #3378c1; color: #fff; }
  .consult-search-card .card-content-textarea .card-qna-content .qna-text.qna-answer { margin-top: 20px; padding-top: 25px; border-top: 1px solid #dadada; }
  .consult-search-card .card-content-textarea .card-qna-content .qna-text.qna-answer .title { background-color: #efeff3; color: #3378c1; }

  .consult-search-card .card-content-textarea .card-conference-content {  }
  .consult-search-card .card-content-textarea .card-conference-content ul li {  }

  .consult-search-card .consult-condition-icon {position:absolute; right:0; top:4px;}
  .consult-search-card .consult-condition-icon span { position: relative; margin-left:4px; float:left; color: #fff; vertical-align: top; }
  .consult-search-card .consult-condition-icon span .iconset { vertical-align: top; }
  .consult-search-card .consult-condition-icon .of-reply{ width: 50px; height: 18px; background: #3378c1; font-size: 11px; line-height: 18px; text-align: center; vertical-align: top; }
  .consult-search-card .consult-condition-icon .complete-reply{ width: 50px; height: 18px; background: #4f5862; font-size: 11px; line-height: 18px; text-align: center; vertical-align: top; }
  .consult-search-card .consult-condition-icon .standby-reply { width: 50px; height: 18px; background: #4f5862; font-size: 11px; line-height: 18px; text-align: center; vertical-align: top; }
  .consult-search-card .card-footer-meta{ height: 18px; margin-top:-10px;}
  .consult-search-card .card-footer-meta .treatment-parts{ float: left; margin-left: 14px; font-size: 1.2em; color: #115bab; }
  .consult-search-card .card-footer-meta .consult-card-meta{ margin-right: 15px; text-align: right; color: #6e7179;font-size: 1.1em;}
  .consult-search-card .card-footer-meta .consult-card-meta .meta-date{margin-left: 6px;padding-left: 10px; color:#6e7179;}
  .card-faq-list .consult-search-card .card-content { cursor: pointer; }
  .card-faq-list .consult-search-card.active .card-content { cursor: auto; }
  .card-faq-list .consult-search-card .card-content-textarea .card-content-title { margin-right: 0; padding-right: 0; }
  .card-faq-list .consult-search-card .card-content-textarea .card-content-title h3 { padding-right: 0; }

  .card-faq-list02 .consult-search-card .card-content-textarea .card-qna-content .qna-text.qna-answer { margin-top:0; padding-top:0; border:0; }


  /* active */
  .consult-search-card.active { outline: 1px solid #317abf; }
	  .consult-search-card.active .card-content-textarea .card-content-text { height: auto; }
	  .consult-search-card.active .card-content-textarea .card-content-title { overflow: visible; white-space: normal; }
	  .consult-search-card.active .card-content-textarea .card-content-title h3 { overflow: visible; white-space: normal; }
	  .consult-search-card.active .card-content-textarea .secret-reply { position: relative; top: 5px; right: 0; margin-left: 5px; }

  .consult-search-card:not(.active) .card-content-textarea .card-qna-content .qna-text .text * { font-size: inherit !important; color: inherit important; font-weight: inherit !important; }


/* 토글 카드 */
.toggle-card {  }
.toggle-card .card-content .card-item-inner { overflow: hidden; }
.toggle-card .card-content .card-content-textarea .card-content-title { font-size: 1.78em; }
.toggle-card .card-content .card-content-textarea .card-content-text { height:50px; }
.toggle-card .card-content .card-content-detail-img { display: none; }
.toggle-card.active { z-index: 2; outline: 1px solid #317abf; }
.toggle-card.active .card-content-textarea .card-content-text { height: auto; }
.toggle-card.active .card-content-textarea .card-content-title { overflow: visible; white-space: normal; }
.toggle-card.active .card-content-textarea .card-content-title h3 { overflow: visible; white-space: normal; }
.toggle-card.active .card-content .card-content-img { display: none; }
.toggle-card.active .card-content .card-content-detail-img { display: block; margin-bottom: 15px; text-align: center; }
.toggle-card.active .card-content .card-content-detail-img img {  }
.toggle-card.active .card-content .card-content-textarea .card-content-title { margin-bottom: 15px; background: none; font-size: 30px; text-align: center; }
.toggle-card.active .card-content .card-content-textarea .card-content-text {  }
.toggle-card.active .card-content .card-content-textarea .card-content-text-detail {  }
.toggle-card.active .card-content .card-content-textarea .card-new-list {  }


/* 검사정보 카드 */
.checkup-info-card {  }
.checkup-info-card .card-content { padding-top: 30px; }
.checkup-info-card .card-content .card-content-textarea .card-content-title { margin-top: 5px; }
.checkup-info-card .card-content .card-content-img { line-height: 118px; }
.checkup-info-card .card-content .card-content-img img { width: auto; height: 118px; max-width: none; min-width: 0; margin: -100% -78px; /* image 418x180 */ }


/* 환자 일정 카드 */
.patient-schedule-card{}
  .patient-schedule-card .card-content{ padding-top: 20px;}
  .patient-schedule-card .card-item-inner{margin-bottom: 0;}
  .patient-schedule-card .card-content-img{ margin:0 50px 0 10px;}
  .patient-schedule-card .card-content .card-content-img { width: 143px; height: 142px; }
  .patient-schedule-card .card-content .card-content-img img { width: 143px; height: 142px; }
  .patient-schedule-card .card-content .card-content-img .masking { background: url("../img/bbs/img_mask_big.png") 0 0 no-repeat; }
  .patient-schedule-card .schedule-title{ overflow: hidden; margin: 0; padding: 0 0 17px 0; font-size: 1.7em; color: #115bab; border-bottom: 1px solid #dfdfe0; font-weight: normal; }
  .patient-schedule-card .schedule-title-description { float: right; padding-top: 6px; color: #6e7179; font-size: 14px; letter-spacing: -1px; }
  .patient-schedule-card .schedule-container{ margin:30px 0 10px; padding:0 30px; /*max-height: 166px;*/ overflow:hidden;}
  .patient-schedule-card .card-content-textarea{ margin:0; /*float:left;*/}
  .patient-schedule-card .card-content-title{ color: #232323; white-space: normal; }
  .patient-schedule-card .card-content-title .doctor-name{ margin:8px 0 0 0; font-size: 0.85em; font-weight: normal; color: #115bab;}
  .patient-schedule-card .card-content-title .doctor-name .choice-treat{ margin-left: 5px; font-size: 0.8em; color: #232323;}
  .patient-schedule-card .card-content-title .doctor-name .schedule-icon { display: inline-block; width:40px; padding:2px 0 1px; background: #3378c1; color: #fff; font-size: 0.60em; vertical-align: middle; text-align: center;}
  .patient-schedule-card .card-content-textarea .card-content-text{ /*margin-top: 20px;*/}
  .patient-schedule-card .card-content-textarea .card-content-text p{ /*height:22px;*/ line-height: 22px; margin: 2px 0; font-size: 0.9em; color: #72767e;}
  .patient-schedule-card.non-img .card-content-title{ width: auto; white-space: normal; line-height: 150%;}
  .patient-schedule-card .card-footer-btn .light-blue{ width: 30%;}
  .patient-schedule-card .card-footer-btn .deep-blue{ width: 30%;}
  .patient-schedule-card .card-footer-btn .light-green{ width: 20%;}
  .patient-schedule-card .card-footer-btn .deep-gray{ width: 20%;}
  .patient-schedule-card .card-footer-btn.btn-1p .button { width: 100%; }
  .patient-schedule-card .card-footer-btn.btn-1p .button:first-child { width: 100%; }
  .patient-schedule-card .card-footer-btn.btn-3p .button { width: 33.3%; }
  .patient-schedule-card .card-footer-btn.btn-3p .button:first-child { width: 33.4%; }

/* 편의시설 카드 */
.facilities-card .card-content-textarea{/*margin-bottom: 50px*/min-height:149px; }
  .facilities-card .card-item-inner { overflow:hidden; }
  .facilities-card .card-content-textarea .card-content-text { /*margin-top: 20px;*/ }
  .facilities-card .facilities-info{ margin-top:10px; }
  .facilities-card .facilities-info li{ margin-bottom:5px; color: #72767e; font-size: 1.25em; line-height:150%; /*overflow:hidden;*/}
  .facilities-card .facilities-info li span{ display: inline-block; float: left; }
  .facilities-card .facilities-info li div{ margin: 0 0 0 40px; }
  .facilities-card .facilities-info li div p{ margin: 0; line-height: 170%; font-size: 1em;}
  .facilities-card .facilities-info li .long-text-fix{ margin: 0 0 0 65px; vertical-align: top; word-wrap: break-word; }

/* 의약품정보 카드 */
.medicine-card .card-content-textarea { }
	.medicine-card .card-content .card-item-inner { min-height: 120px; }
	.medicine-card .card-content h3.card-content-title { margin-right: 0; padding-right: 0; }
	.medicine-card .medicine-info { padding-top: 4px; }
	.medicine-card .medicine-info ul li { margin-top: 4px; color: #6e7179; font-size: 16px; line-height: 22px; }
	.medicine-card .medicine-info ul li .info-define { display: table-cell; padding-right: 4px; color: #1f2023; white-space: nowrap; font-weight: normal; }
	.medicine-card .medicine-info ul li .info-describe { display: table-cell; padding-right: 3px; }
	.medicine-card .card-footer-btn { margin-top:-23px; }

/* 1단 후원하기 */
.sponsor-card{ background: #fff;}
  .sponsor-card .card-content + .card-content {border-top: 1px solid #dadada;}
  .sponsor-card .card-content{ margin: 0 30px 0 30px; padding-bottom: 40px;}
  .sponsor-card .card-item-inner{ margin:0 0 0 20px;}
  .sponsor-card .card-content .card-content-img { float: left; width: 133px; height: 133px;}
  .sponsor-card .card-content .card-content-img img { width: 133px; height: 133px; }
  .sponsor-card .card-content .card-content-textarea { margin:0 0 0 167px; padding-top:10px;}
  .sponsor-card .card-content .card-content-text { max-height: auto; }
  .sponsor-card .card-content .card-content-title { padding-top: 0; padding-right: 110px; padding-bottom:0; }
  .sponsor-card .card-content .field-title { padding-right: 120px; }
  .sponsor-card .card-content .field-title strong{ margin-right:10px;}
  .sponsor-card .masking{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/bbs/bg_sponsor_masking.png") 0 0 no-repeat; z-index: 10;}
  .sponsor-card .card-content-textarea .button{ position: absolute; top:2px; right:0; }

.part-support-card{ background: #fff;}
  .part-support-card .card-content + .card-content {border-top: 1px solid #dadada;}
  .part-support-card .card-content{ margin: 0 30px 0 30px; padding-bottom: 40px;}
  .part-support-card .card-item-inner{ margin:0 0 0 20px;}
  .part-support-card .card-content .card-content-textarea { padding-top:10px;}
  .part-support-card .card-content .card-content-text { max-height: none; }
  .part-support-card .card-content .card-content-title { padding-top: 0; padding-right: 110px; padding-bottom:0; }
  .part-support-card .card-content-textarea .button{ position: absolute; top:2px; right:0; }

.image-masking .card-content-img{padding-top:40px;}
  .image-masking .card-content-textarea .field-title{ color: #fff;}
  .image-masking .card-content-textarea .card-content-title{color: #fff; margin-top:20px;}
  .image-masking .card-content-textarea .card-content-text{color: #fff;}
  .image-masking .card-footer-meta{ color: #fff;}
  .image-masking .card-footer-meta .meta-view-count { float: left; background: url("../img/bbs/ico_viewnum_white.png") 0 1px no-repeat;}
  .image-masking.blue-circle .card-content{ background:#3378c1;}
  .image-masking.blue-circle .card-footer-meta { background: #2a69ac;}
  .image-masking.green-circle .card-content{ background:#40c1c2;}
  .image-masking.green-circle .card-footer-meta { background: #3bb1b2;}

/* 건강자료실 전체 색상 카드*/
.health-pds{ clear: both;}
  .health-pds .card-item{ float:left; width: 468px;}
  .health-pds .card-item-inner{ margin:0 20px 15px;}
  .health-pds .card-content-img{ padding-top: 0;}
  .health-pds .card-content-textarea .card-content-title{ overflow: hidden; height: 26px;}
  .health-pds .card-content-textarea .card-content-text{ overflow: hidden; height: 20px;}
  .health-pds .masking { margin-left:1px; background: url("../img/bbs/bg_circle_masking.png") 50% 50% no-repeat;}
  .health-pds .masking img{position:absolute; left:50%; top:50%; margin:-20px 0 0 -10px;}

/* 카드형식 버튼*/
.card-item .card-content .card-title-btn{ display: inline-block; vertical-align: top; margin:3px 0 0 10px; padding:6px 9px 4px; height:14px; line-height: 14px; font-size: 0.55em; font-weight: bold; color: #3378c1; border: 1px solid #3378c1; background: #fff;}
.card-footer-btn{ height: 52px; background: #fff;}
	.card-footer-btn.btn-2p button,
	.card-footer-btn.btn-2p .button{ width: 50%;}
	.card-footer-btn.btn-3p button,
	.card-footer-btn.btn-3p .button{ width: 33.3%;}
	.card-footer-btn a,
	.card-footer-btn button,
	.card-footer-btn .button{ float: left; overflow:hidden; height: 52px; font-size:1.3em; background: #fff; }
	.card-footer-btn a .button-text,
	.card-footer-btn .button .button-text { line-height:54px; }
	.card-footer-btn button + button{ /*border-left: 1px solid #e0e0e2;*/}

	.card-footer-btn.width-checkbox {  }
	.card-footer-btn.width-checkbox .button { width:94.59%; }
	.card-footer-btn.width-checkbox .btn-checkbox { float:left; width:52px; height:52px; margin:0; text-align:center; border-right: 1px solid #e0e0e2; }
	.card-footer-btn.width-checkbox .btn-checkbox label { margin:17px 0 0 0; }

.comunity-btn{ float: right;}
  .comunity-btn a{ display: block; float: left; margin:0 4px; }


/* 오픈스크랩 카드 */
.card-openscrap {  }
	.card-openscrap .card-content { width: 300px; padding: 0; }
	.card-openscrap .card-content .card-item-inner { margin: 0; }
	.card-openscrap .card-content .card-content-img { overflow: hidden; position: absolute; top: 25px; left: 20px; width: 64px; height: 64px; border-radius: 50%; }
	.card-openscrap .card-content .card-content-img img {  }
	.card-openscrap .card-content .card-content-textarea { margin: 20px 18px; padding-left: 80px; }
	.card-openscrap .card-content .card-content-textarea .card-content-title { display: block; margin-bottom: 5px; padding: 0; color: #44484f; font-size: 18px; line-height: 25px; letter-spacing: -1px; }
	.card-openscrap .card-content .card-content-textarea .scrap-date { display: inline-block; color: #72767e; font-size: 12px; vertical-align: middle; }
	.card-openscrap .card-content .card-content-textarea .scrap-count { display: inline-block; margin-left: 15px; padding: 1px 4px; background-color: #ebebeb; color: #72767e; font-size: 12px; vertical-align: middle; }
	.card-openscrap .card-content .scrap-list { position: relative; padding: 18px 20px; border-top: 1px solid #e2e2e3; }
	.card-openscrap .card-content .scrap-list ul {  }
	.card-openscrap .card-content .scrap-list ul li { overflow: hidden; max-height: 48px; }

/* 마이스크랩 카드 */
.card-myscrap {  }
	.card-myscrap .card-content .field-title { padding-right: 60px; }
	.card-myscrap .myscrap-config { z-index: 50; position: absolute; top: 20px; right: 20px; }
	.card-myscrap .myscrap-config button { float: left; margin-left: 2px; }

/* 토글 카드 */
.card-item-toggle {  }
	.card-item-toggle .card-content .card-item-inner { overflow: hidden; margin-bottom: 20px; }
	.card-item-toggle .card-content .card-content-textarea .card-content-text-detail { display: none; margin: 0; padding: 0; font-size: 1.3em; color: #72767e; line-height: 170%; word-wrap: break-word; /*word-break: break-all;*/ }
	.card-item-toggle .card-content .card-content-textarea .card-content-text-detail img { max-width: 100%; }
	.card-item-toggle .card-content .card-content-textarea .card-toggle-close { display: none;  }
	.card-item-toggle.toggle-open {  }
	.card-item-toggle.toggle-open .card-content .card-content-img { display: none; }
	.card-item-toggle.toggle-open .card-content .card-content-textarea .card-content-title { margin-bottom: 20px; background: none; font-size: 32px; text-align: center; }
	.card-item-toggle.toggle-open .card-content .card-content-textarea .card-content-text { display: none; max-height: none; }
	.card-item-toggle.toggle-open .card-content .card-content-textarea .card-content-text-detail { display: block; }
	.card-item-toggle.toggle-open .card-content .card-content-textarea .card-new-list { display: none; }
	.card-item-toggle.toggle-open .card-content .card-content-textarea .card-toggle-close { display: block; position: absolute; top: 0; right: 0; }

/* 삼성의료원연보 카드 */
.card-annals {  }
	.card-annals {  }
	.card-annals .card-content { overflow: visible; }
	.card-annals .card-content .card-content-textarea { overflow: visible; }
	.card-annals .card-content .card-content-textarea .card-content-text { overflow: visible; max-height: auto; }
	.card-annals .card-content .card-content-textarea .card-content-title { margin: 0; padding: 0; background: none; line-height: normal; }
	.card-annals .card-content .card-content-textarea .card-content-title a { color: inherit; }
	.card-annals .card-content .card-content-textarea .annals-button { position: absolute; bottom: -5px; right: 0; }
	.card-annals .card-content .card-content-textarea .annals-button .button { display: inline-block; margin-left: 2px; }


/* new, notice 아이콘 */
.card-list.list-multi .card-content .card-content-textarea .card-content-title { padding-right: 0; }
.card-list.list-multi .card-content .card-content-textarea .card-notice,
.card-list.list-multi .card-content .card-content-textarea .card-new-list { top:0; left:0; right:auto; }


/* =====================================
 step
===================================== */
.step-default { display:table; width:100%; margin:0; padding:0; }
	.step-default li { display:table-cell; position:relative; width:33.3%; height:128px; text-align:center; vertical-align:middle; }
	.step-default li.step1 { background:#b8ebeb; }
	.step-default li.step2 { box-shadow:inset 5px 0px 10px 0px rgba( 39, 47, 55 , 0.1 ); background:#abcdf1; }
	.step-default li.step3 { box-shadow:inset 5px 0px 10px 0px rgba( 39, 47, 55 , 0.1 ); background:#92b9e4; }

	.step-default li:after { content:""; position:absolute; top:58px; right:-13px; width:0; height:0; border-top:9px solid transparent; border-bottom:9px solid transparent; z-index:10; }
	.step-default li.step1:after { border-left:13px solid #adeeee; }
	.step-default li.step2:after { border-left:13px solid #abcdf1; }
	.step-default li:last-child:after { display:none; }

	.step-default li > div { display:inline-block; }
	.step-default li .iconset { float:left; margin:0 10px 0 0; }
	.step-default li .txt-area { float:left; margin:13px 0 0 0; text-align:left; }
	.step-default li .txt-area span { display:block; font-weight:bold; }
	.step-default li .txt-area span.step-num { font-size:13px; }
	.step-default li .txt-area span.step-txt { font-size:15px; color:#1b1d21; font-weight: normal; }

	.step-default li.step1 .txt-area span.step-num { color:#0e7e7f; }
	.step-default li.step2 .txt-area span.step-num { color:#3378c1; }
	.step-default li.step3 .txt-area span.step-num { color:#115bab; }

	.step-default li.current .txt-area span.step-num { color:#f3ef50; }
	.step-default li.current .txt-area span.step-txt { color:#fff; }

	.step-default li.step1.current { background:#41c1c2; }
	.step-default li.step2.current { background:#3378c1; }
	.step-default li.step3.current { background:#115bab; }

	.step-default li.step1.current:after { border-left:13px solid #41c1c2; }
	.step-default li.step2.current:after { border-left:13px solid #3378c1; }

	.step-default li.step1.current .iconset { background-position: 0 -690px; }
	.step-default li.step2.current .iconset { background-position: -80px -690px; }
	.step-default li.step3.current .iconset { background-position: -159px -689px; }

	.step-type-col2 {  }
	.step-type-col2 li .txt-area span.step-txt { height: 36px; line-height: 18px; }
	
	.step-default.type2 li{vertical-align: top;}
	.step-default.type2 li:after {top:64px;}

@media all and (max-width: 1359px) {
	.step-default li .iconset {margin-right:10px;}
}

/* =====================================
 modal-window
===================================== */
body.modal-open { overflow: hidden; }
.modal-window { z-index: 200; /**/display: none;/**/ overflow: auto; overflow-y: scroll; position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.modal-window { outline: none; }
.modal-window:after { content: ''; display: inline-block; width: 0; height: 100%; margin-left: -5px; background: red; font-size: 0; line-height: 0; vertical-align: middle; }
.modal-window .modal-container { z-index: 200; display: inline-block; /*position: absolute; top: 0; left: 0;*/ position: relative; width: auto; margin: 20px auto; padding: 30px 50px 40px 50px; background-color: #f7f7f9; box-sizing: border-box; text-align: left; vertical-align: middle; }
.modal-window .modal-container .modal-container-dimed { z-index: 200; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); }
.modal-window .modal-container .button-modal-close { position: absolute; top: 15px; right: -60px; }
.modal-window .modal-container .modal-content {  }
.modal-window .modal-container .modal-content .modal-content-head { position: relative; padding: 0 0 20px 0; }
.modal-window .modal-container .modal-content .modal-content-head .description { position: absolute; top: 0; right: 0; padding-top: 8px; color: #3378c1; font-size: 13px; line-height: normal; }
.modal-window .modal-container .modal-content .modal-content-head .btn-print { position: absolute; top: 0; right: 0; }
.modal-window .modal-container .modal-content .modal-content-body { position: relative; }
.modal-window .modal-container .modal-content .modal-content-body:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.modal-window .modal-container .modal-content .modal-content-body .search-box:first-child { margin-top: 0; }
.modal-window .modal-container .modal-content .modal-content-body .search-box-type04:first-child { margin-top: 0; padding-top: 0; }
.modal-window .modal-container .modal-content .modal-title { padding-bottom: 20px; border-bottom: 2px solid #3d4145; color: #1b1d21; font-size: 30px; font-weight: normal; line-height: normal; }
.modal-window .modal-container .modal-content .board-funtion { position: absolute; top: 0; right: 0; }
.modal-window .modal-container .modal-content .board-funtion-search { top: -55px; }
.modal-dimed { z-index: 200; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0);  }
.modal-window.in-iframe .modal-container { /*padding-right:0;*/ padding-bottom:0; }
.modal-window .modal-container .modal-content .modal-content-head-type02 {  }
.modal-window .modal-container .modal-content .modal-content-head-type02 .modal-title { border-bottom: 0; padding-bottom: 0; }

.modal-window.modal-width-normal .modal-container { width: 860px; }
.modal-window.modal-space-none .modal-container { padding:0; }
.modal-content-body .map-detail-image {}
.modal-content-body .map-detail-image img {max-width: 100%; }

.modal-window .modal-container.scroll-y {padding-right:0 !important;}
.modal-window .modal-container.scroll-y .modal-content.h720 {height:720px; }
.modal-window .modal-container.scroll-y .modal-content {overflow-y:scroll; padding-right:40px;}

/* 2016.05.03 진료예약 빠른예약 팝업 추가 */
.modal-window .info-quick-text {padding-bottom:15px; font-size:16px; text-align:center}
.modal-window .banner-quick-input .input-text {margin-bottom:10px; padding:0 20px; height:50px; font-size:16px; line-height:56px; text-align:center}


/* print tip 임시처리 */
#overall-opinion-contents .btn-print-group { position:absolute; top:0; right:0; display:block; }
#overall-opinion-contents .btn-print-group .btn-print { float:left !important; position:static !important; }
#overall-opinion-contents .btn-print-group .btn-print-tip { float:left !important; }

/* light color modal */
.modal-window.modal-light {}
.modal-window.modal-light .modal-container { background-color: #FFF; }

.emp-box { margin: 1em 0; padding: 20px 20px; min-width: 360px; background-color: #ededef; box-sizing: border-box;}
.emp-box:after {content: ''; display: block; clear: both; height: 0; visibility: hidden;}
	.emp-box .ico-tel { float:left; margin-right: 10px;}
	.emp-box-info { margin-top: 16px; }
	.emp-box-info h3 { margin: 0 !important; font-size: 20px; color: #333b43;}
	.emp-box-info h3 em { float:right; font-style: normal; color: #125aac; letter-spacing: -1px;}
	.emp-box-description { font-size: 13px; color: #6e7179;}
	.emp-box + .input-checkbox-group {margin-left: 0; margin-bottom: -20px;}

/* Readability modal layer */
#layerReadability { }
#layerReadability .modal-container {position: static; /*max-width: 90%;*/ width:940px; background-color: #FFF;}
#layerReadability .modal-content {}
#layerReadability .modal-content-body {font-size:1em; line-height:1.6;}
/*#layerReadability .modal-content img {margin:.5em 0 1em; max-width: 100%; }*/
#layerReadability .button-modal-close {position: fixed; top: 30px; left:50%; margin-left: 480px;}
#layerReadability .post-appended {display: none;}
#layerReadability .make-even-area {display: none;}

#layerReadability .btn-readability-handler {position: fixed; left:50%; margin-left: 480px; padding: 0; width: 44px; height: 44px; font-size: 30px; background: none; border: 1px solid rgba(255,255,255,5); outline:none;}
#layerReadability .btn-readability-handler:hover {background:rgba(255,255,255,.3);}
#layerReadability .btn-fontsize-smaller {top: 100px;}
#layerReadability .btn-fontsize-bigger {top: 143px;}
#layerReadability .btn-print {top: 194px;}

#layerReadability .btn-readability-handler .sound-only { display: block; width:44px; height:44px; background:url(../img/btn/readability_buttons.png) no-repeat; text-indent:-9999px; }
#layerReadability .btn-fontsize-smaller .sound-only {background-position: 5px 15px;}
#layerReadability .btn-fontsize-bigger .sound-only {background-position: 7px -30px;}
#layerReadability .btn-print .sound-only {background-position: 9px -95px;}

#layerReadability .btn-font-disabled .sound-only { opacity: .5;}



.modal-window .modal-container .post-title {margin: 0 0 25px; color: #1b1d21; font-size: 28px; line-height: 48px; letter-spacing: -1px;}
.modal-window .modal-container .post-title strong {display: block; margin: 0; padding: 5px 0 15px 0; font-size: 44px;}

/* =====================================
 window-popup
===================================== */
body.window-popup { background-color: #f7f7f9; }
body.window-popup:after { display: none; height: auto; }
.window-popup-wrap { width:760px; margin: 0 auto; padding: 30px 50px 40px 50px; }
.window-popup-wrap .window-content .window-content-head { position: relative; margin:0 0 20px 0; padding: 0 0 25px 0; border-bottom: 2px solid #3d4145; }
.window-popup-wrap .window-content .window-title { margin:0; color: #1b1d21; font-size: 30px; font-weight: normal; line-height: normal; }
.window-popup-wrap .window-content .window-title-description { display: inline-block; position: relative; top: 4px; margin: 0; padding-bottom: 2px; color: #44484f; font-size: 17px; line-height: 24px; }
.window-popup-wrap .window-content .window-content-head-type02 { padding: 0; border-bottom: 0; }
.window-popup-wrap .window-content .window-content-head-type02 .window-title-description { margin-top: 20px; color: #5d6167; font-size: 16px; line-height: 22px; }

	/* 우편번호 검색 */
	.window-popup .popup-zipcode .info-txt { margin:0 0 15px 0; font-size:17px; color:#44484f; }
		.window-popup .popup-zipcode .info-txt p { margin:0; }
		.window-popup .popup-zipcode .info-txt .txt-ex { font-size:15px; color:#5d6167; }
	.window-popup .popup-zipcode .search-box { padding:30px; }
	.window-popup .popup-zipcode .city-addr { width:420px; margin:0 auto; text-align:left; }
	.window-popup .popup-zipcode .detail-addr { margin:20px 0 0 0; padding:20px; background:#f7f7f9; }
		.window-popup .popup-zipcode .detail-addr > div { width:420px; margin:0 auto 8px auto; text-align:left; }
		.window-popup .popup-zipcode .detail-addr > div .search-box-title { width:75px; }
			.window-popup .popup-zipcode .detail-addr .building-num .input-text { width:134px; }
			.window-popup .popup-zipcode .detail-addr .building-num .input-text:first-child { margin-right:10px; }
	.window-popup .popup-zipcode .result-box {  }
		.window-popup .popup-zipcode .result-box h2 { font-size:17px; color:#115bab; }
		.window-popup .popup-zipcode .result-box .result-list { overflow-y:auto; height:280px; background:#ededef; }
		.window-popup .popup-zipcode .result-box .result-list ul { margin:15px; }
		.window-popup .popup-zipcode .result-box .result-list ul li { margin: 0 0 5px 0; }
		.window-popup .popup-zipcode .result-box .result-list ul li a { font-size:15px; color:#5d6167; }
		.window-popup .popup-zipcode .result-box .result-list ul li.result-none { background:#ededef; }

	/*
	.window-popup.popup-zipcode .tab-default { margin-bottom:35px; }
	.window-popup.popup-zipcode p { font-size:15px; color:#5d6167; }
	.window-popup.popup-zipcode p span { font-size:17px; font-weight:bold; color:#44484f; }
	.window-popup.popup-zipcode .result-box h2 { margin:0 0 10px 0; font-size:17px; color:#115bab; }
	.window-popup.popup-zipcode .result-box ul { overflow-y:auto; height:250px; padding:15px; background:#ededef; }
	.window-popup.popup-zipcode .result-box ul li { margin:0 0 5px 0; }
	.window-popup.popup-zipcode .result-box ul li a { font-size:15px; color:#5d6167; }
	 */

/* =====================================
 columns layout
===================================== */
.post-detail:not(.no-column) {
	/*outline:1px solid green;*/
	-webkit-column-width: 25em;
	-moz-column-width: 25em;
	column-width: 25em;

	-webkit-column-gap: 3em;
	-moz-column-gap: 3em;
	column-gap: 3em;

	-webkit-column-rule: 1px dotted #cccccd; /* Chrome, Safari, Opera */
  -moz-column-rule: 1px dotted #cccccd; /* Firefox */
  column-rule: 1px dotted #cccccd;

	max-width: none;
	max-height: 700px;
	min-height: 500px;
  height: auto;
  /*padding-top:0;*/
  /*height:428px;*/
  overflow:hidden;
}
/* Fixed columns */
.post-detail:not(.no-column) .post-detail-body:after {
    content:'by SMC';
    display:block;
    width:auto;
    outline:1px solid gold;
    height:10px;
    line-height:10px;
    margin-top:-5em; opacity:0;
    overflow:auto;
}
.post-detail-wrapper.no-column .make-even-area {display: none;}
.post-detail.no-column {margin: 0 auto; max-width:960px;}

/* Watermark */
/*.post-detail:not(.no-column) .make-even-area {background:url(../img/ico/avatar_image_default.gif) no-repeat 50% 50%;} */
.no-csscolumns .post-detail:not(.no-column) {height:auto; overflow:auto;}
.no-csscolumns .post-detail:not(.no-column) .post-detail-body:after {
    content:'by SMC';
    display:none;
}
/* Legacy IE <= 9 */
.no-csscolumns .post-detail { overflow:auto; margin: 0 auto; max-width: 960px; max-height:none; min-height:0; height: auto; }
.no-csscolumns .post-detail-wrapper .make-even-area,
.no-csscolumns .post-type-choose,
.no-csscolumns .btn-post-detail {display: none;}

/* Post swipe handler buttns */
.btn-post-detail {position: absolute; z-index: 5; top: 50%; overflow: hidden; margin-top: -55px; width: 70px; height: 110px; background:url(../img/btn/btn_column_handler.png) no-repeat; border: none; background-color: #e4e7ea; background-color:rgba(165,174,184,.3); outline-color: transparent;}
	.btn-post-detail:hover {background-color: #d2d6db; background-color:rgba(165,174,184,.5);}
	.btn-post-detail:active {background-color: #a5aeb8; background-color:rgba(165,174,184,.6);}
	.btn-post-detail.post-detail-prev {left: 0; background-position: 50% 32px; }
	.btn-post-detail.post-detail-next {right: 0; background-position: 50% -125px; }
	.btn-post-detail .sound-only {position: absolute; left: -100px; }
	.btn-post-detail .column-info { position: absolute; left: 20px; bottom: 12px; font-family: tahoma; }
	.btn-post-detail .column-info em { font-style: normal; font-weight: bold; }
	.btn-post-detail.btn-post-disabled {opacity:.3; cursor: default;}
.post-detail-wrapper.no-column .btn-post-detail {display: none;}

/* Post type handler button */
.post-type-choose { position: absolute; top: 0; left: 50%; margin: 0 0 0 -29px; width: 50px; height: 25px; border: 1px solid #e7e7ea;}
	.post-type-choose .btn-post-type { float: left; display:block; width: 25px; height: 25px; background:url(../img/btn/btn_column_type.png) no-repeat; border: none;}
	.post-type-choose .btn-post-type:hover {background-color:rgba(0,0,0,.05);}
	.post-type-choose .btn-post-type.btn-post-type-1 { background-position: 6px 7px; }
	.post-type-choose .btn-post-type.btn-post-type-2 { background-position: -31px 7px; }
	.post-type-choose .btn-post-type.btn-post-type-1.current-type  { background-position: 6px -32px;}
	.post-type-choose .btn-post-type.btn-post-type-2.current-type  { background-position: -31px -32px;}
	.post-detail-wrapper.no-column .post-type-choose .btn-post-type.btn-post-type-1  { background-position: 6px -32px;}
	.post-detail-wrapper:not(.no-column) .post-type-choose .btn-post-type.btn-post-type-2  { background-position: -31px -32px;}
	.post-type-choose .sound-only {overflow: hidden;visibility: hidden;position: absolute; left: -100px; width: 0;font-size: 0; line-height: 0;}


/* Post - 연관 컨텐츠, 추천 의료진, 추천 커뮤니티 */
.post-appended { margin-top:4em; }
.post-appended:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.post-append-section {display: inline-block; vertical-align: top; box-sizing: border-box; margin-bottom:8px; margin-top:20px;} /* Do not remove this 'inline-block'. Cause dont break column inside */
.post-append-section h3 {color: #44484f; font-size: 19px; line-height:20px; letter-spacing: -1px; margin-bottom:20px;}
.suggestion-category {display: block; font-size:.9em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;}
.suggestion-category:before {content:"[";}
.suggestion-category:after {content:"]";}

.post-related-items {line-height:1.1;}
	.post-related-item {display: inline-block; overflow: hidden; margin-left:10px; width: 296px; height: 178px; }
	.post-related-item:first-child {margin-left: 0 !important;}
	.post-related-item a {display: block; height: 100%; color: #FFF;}
	.post-related-item .post-related-item-text {margin:-50px 0 0 20px; text-shadow:1px 1px 3px rgba(0,0,0,.85);}
	.post-related-item-text.post-related-item-text02 {margin-top:-63px;}
	.post-related-item .post-related-category {display: block; font-weight:normal; }
	.post-related-item .post-related-category:before {content:"[";}
	.post-related-item .post-related-category:after {content:"]";}
	.post-related-item h4 { margin-top: 4px; font-weight:normal; font-size: 17px; line-height:1.1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;}

	.post-related-item .post-related-item-picture {overflow:hidden; height: 100%; line-height: 178px; background: #E5E5E5 url(../img/default/default_350x215.jpg) no-repeat; background-size:100% 100%;}
	.post-related-item .post-related-item-picture img {margin:-100% auto; min-height: 144px; min-width:100%;}
	.post-related-item .post-related-item-cover {/*margin-top:-100%; width: 100%; height: 200%; background-color:rgba(0,0,0,.2);*/ }
	.post-related-item .post-related-item-picture .item-cover-img {margin:-300% auto; width: 300px; height: 1000px !important; }

.suggestion-doctor { padding: 20px 33px; background: #f7f7f9;}
	.suggestion-doctor h3 {}
	.suggestion-doctor ul {list-style: none; margin: 0;	padding: 0;}
	.suggestion-doctor li {display: inline-block; vertical-align: top; width:178px; text-align: center;}
	.suggestion-doctor li .suggestion-doctor-cover { margin-bottom: 10px; }
	.suggestion-doctor li .suggestion-doctor-cover img { margin: 0; width: 120px; height: 120px; border-radius: 100%;}
	.suggestion-doctor li a {color: #6e7179;}
	.suggestion-doctor li h4 { font-size:16px; line-height:1.1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

.suggestion-community { padding: 27px 30px; background: #f7f7f9;}
.suggestion-community:after {content: ''; display: block; clear: both; height: 0; visibility: hidden; }
	.suggestion-community h3 { float:left; margin-right:10px; margin-top:20px; }
	.suggestion-community .suggestion-community-item { float:left; margin-left: 20px; width:200px; height:60px; overflow: hidden;}
	.suggestion-community .suggestion-community-item a { display: block; color: #6e7179; line-height:1.1;}
	.suggestion-community .suggestion-community-item img { float:left; display: block; margin: 0; width:60px; height:60px !important; margin-right:10px;}
	.suggestion-community .suggestion-community-item h4 { margin: 2px 0 0; font-size:15px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }
	.suggestion-community .suggestion-community-item .suggestion-meta-info { display: block; margin-top: 10px; font-size:13px;}
	.suggestion-community .suggestion-community-item em {margin-left:5px; font-family: arial; font-weight: bold; font-style: normal; color: #3378c1; }

	/**/
	.post-detail:not(.no-column) .post-append-section { width: 100%;}

	/* 1단 추천 컨텐츠 */
	.post-detail.no-column .post-appended {margin: 0 auto; width:610px;}
	.post-detail.no-column .suggestion-doctor { float:none; padding: 46px 33px; }
	.post-detail.no-column .suggestion-community { float:none; padding: 18px 30px;}
	/* Legacy IE <= 9 */
	.no-csscolumns .post-detail .post-appended {margin: 0 auto; width:610px;}
	.no-csscolumns .post-detail .suggestion-doctor { float:none; padding: 46px 33px; }
	.no-csscolumns .post-detail .suggestion-community { float:none; padding: 18px 30px;}

@media all and (max-width: 1359px) {
	.post-detail:not(.no-column) {
		-webkit-column-gap: 2em;
		-moz-column-gap: 2em;
		column-gap: 2em;
	}
	.post-related-item  {width: 240px; height: 144px; margin-left:8px;}
	.post-related-item .post-related-item-picture {line-height: 144px;}
	.suggestion-doctor {padding: 20px 15px;}
	.suggestion-doctor li {width:150px;}
	.suggestion-community {padding: 27px 15px;}
	.suggestion-community .suggestion-community-item { margin-left: 5px; width: 176px;}
	.suggestion-community h3 {margin-right:0;}
	.suggestion-community .suggestion-community-item img {margin-right:7px;}

	.post-detail.no-column .suggestion-doctor { padding: 22px 16px; }
	.post-detail.no-column .suggestion-community {padding: 10px 15px;}
}
@media all and (max-width: 1040px) { /* +16 */
	.post-related-item  {width: 232px; margin-left:8px;}
	.suggestion-doctor {padding: 20px 12px;}
	.suggestion-doctor li {width:146px;}
	.suggestion-community {padding: 27px 12px;}
	.suggestion-community .suggestion-community-item { margin-left: 5px; width: 172px;}
	.suggestion-community h3 {margin-right:0;}

	.post-detail.no-column .post-related-item  {width: 235px;}
}


/* Scrollable with "scrollable" class name */
.mCS-scrollable .mCSB_container { margin-right: 10px; }
.mCS-scrollable .mCSB_scrollTools.mCSB_scrollTools_vertical { right: -4px; }
.mCS-scrollable .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar { width: 8px; background-color: #737a81; }
.mCS-scrollable .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 8px; background-color: #e9eaea; }



/* Centered swipe */
.swiper-container.centered {padding:10px 0; /*height:423px;*/ }
.swiper-container.centered:before {content:""; position:absolute; z-index:1; left:0; top:0; bottom:0; width:50px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(247,247,247,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(247,247,247,1) 0%,rgba(247,247,247,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00f7f7f7',GradientType=1 ); /* IE6-8 */
}
.swiper-container.centered:after {content:""; position:absolute; z-index:1; right:0; top:0; bottom:0; width:50px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(247,247,247,0)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-8 */
}

.swiper-container.centered .swiper-wrapper { width: 100%; }
.swiper-container.centered .swiper-slide {
	display:table;
	/* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

	position:relative;
	vertical-align:middle;
	padding:0 20px;
	width: auto;
	height: 100%;
	/*opacity: 0.4;
	filter:alpha(opacity=40);*/
	outline:1px solid #ededed;
	background-color: #FFF;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	box-shadow:1px 2px 4px rgba(0,0,0,.2);
	box-sizing: border-box;
}
.swiper-container.centered .swiper-slide-next,
.swiper-container.centered .swiper-slide-prev {-webkit-transform: scale(0.92); -moz-transform: scale(0.92); -ms-transform: scale(0.92); -o-transform: scale(0.92); transform: scale(0.92); opacity:0.7; filter:alpha(opacity=70); }
.swiper-container.centered .swiper-slide-next:after,
.swiper-container.centered .swiper-slide-prev:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; opacity: 0; filter:alpha(opacity=0); }
.no-boxshadow .swiper-container.centered .swiper-slide-next:after,
.no-boxshadow .swiper-container.centered .swiper-slide-prev:after
 { display: none; }
.swiper-container.centered .swiper-slide-active {outline-color:#317abf; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 0; opacity: 1; filter:alpha(opacity=100); }
.swiper-container.centered .swiper-slide-active:after { display: none; }


.vertical-item {display:table-cell; vertical-align:middle;}
.swiper-container.centered .slide-index {position: absolute; bottom: 1em; right:1em; left:1em; text-align:center; color:#75767a}
.swiper-container.centered .slide-index strong {color:#0e5cb1;}

.swiper-container.centered .swiper-handler  {display:none; overflow: hidden; position:absolute; z-index:2; top:50%; margin-top:-35px; border:none; background:none; width:50px; height:70px; /*outline:3px solid gold;*/ text-indent: -9999px;
	-moz-transition: left ease-in-out 0.2s, right ease-in-out 0.2s;
	-webkit-transition: left ease-in-out 0.2s, right ease-in-out 0.2s;
	-o-transition: left ease-in-out 0.2s, right ease-in-out 0.2s;
	-ms-transition: left ease-in-out 0.2s, right ease-in-out 0.2s;
	transition: left ease-in-out 0.2s, right ease-in-out 0.2s;
}
.swiper-container.centered .swiper-handler.swiper-prev {margin-left:50%; background: url('../img/btn/btn_selfcheck_prev.png') no-repeat 50% 50%; }
.swiper-container.centered .swiper-handler.swiper-next {margin-right:50%; background: url('../img/btn/btn_selfcheck_next.png') no-repeat 50% 50%; }
.swiper-container.centered .swiper-handler.disabled { opacity: 0.2; filter: alpha(opacity=20); cursor: not-allowed; }


.pagination {
  /*
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 10px;
  */
}
.swiper-pagination-bullet {
  display: inline-block;
  margin:0 2px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 8px;
  opacity: 0.7;
  border: 1px solid #fff;
  cursor: pointer;
  filter:alpha(opacity=70);
}
/*.swiper-pagination-bullet-active {background: #aaa;}*/
.swiper-pagination-bullet-active {background: #fff;}



/* 더 보기 */
.see-more { clear:both; height: 60px;}
.see-more .see-more-div { height: 30px; border-bottom: 1px solid #dedee0;}
.see-more .btn-see-more { position: relative; z-index:1; display: block; overflow: hidden; margin: 0 auto; width:60px; height: 60px; text-indent: -9999px; background: #f7f7f9; border: none; outline: none;}
.see-more .btn-see-more .icon-see-more { display:block; margin:0 auto; width: 33px; height: 33px; border-radius:100%; background:#beccdc url(../img/btn/btn_see_more.png) 9px 9px no-repeat; }
.see-more .btn-see-more:hover .icon-see-more {background-color: #849fbe; }


/* Back to Top */

.back-to-top {position: absolute; z-index:101; opacity: 0; overflow: hidden; right: 20px; bottom: 0; width: 33px; height: 33px; background: #FFF url(../img/btn/back_to_top.png) 8px 8px no-repeat; border:1px solid #efeff1; text-indent: -9999px; border-radius: 100%; box-sizing: border-box;
	-webkit-transition: opacity .7s ease-in-out,bottom .5s ease-in-out;
		-moz-transition: opacity .7s ease-in-out,bottom .5s ease-in-out;
				transition: opacity .7s ease-in-out,bottom .5s ease-in-out;
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	        transform: translateZ(0);
}
.back-to-top.affix {position:fixed; opacity: 1; bottom: 20px; }
.back-to-top.affix-bottom {opacity: 1; }
.back-to-top:hover {border-color: #595f6a; background-color: #595f6a; background-position: 8px -36px;}

.back-to-top1 {position: absolute; z-index:101; opacity: 0; overflow: hidden; right: 20px; bottom: 0; width: 33px; height: 33px; background: #FFF url(../img/btn/back_to_top.png) 8px 8px no-repeat; border:1px solid #efeff1; text-indent: -9999px; border-radius: 100%; box-sizing: border-box;
	-webkit-transition: opacity .7s ease-in-out,bottom .5s ease-in-out;
		-moz-transition: opacity .7s ease-in-out,bottom .5s ease-in-out;
				transition: opacity .7s ease-in-out,bottom .5s ease-in-out;
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	        transform: translateZ(0);
}



/* result-none */
.result-none { display: block; width: 100%; margin:0 0 20px 0; padding:40px 20px; font-size:16px; text-align:center; color:#6e7179; background:#efeff3; box-sizing: border-box; }
td.result-none { display: table-cell; background: none; }
.result-none .link { color:#6e7179; text-decoration: underline; }
.result-none-top { margin-top: 30px; }
.list-column2 .card-item.result-none { width: 98%; box-shadow: none; }


/* Error page */
.errorBg {overflow:hidden; margin:50px auto; width: 670px; height: 330px; text-align:center; text-indent: -9999px; background:url(../img/misc/error.png) 50% 50% no-repeat ;}
.error400Bg {overflow:hidden; margin:50px auto; width: 670px; height: 430px; text-align:center; text-indent: -9999px; background:url(../img/misc/error400.png) 50% 50% no-repeat ;}
.errorBtn {text-align:center;}
.errorBtn .button {/*padding-left: 2em; padding-right: 2em;*/ width: 120px;}
.errorBtn .button:first-child {margin-right: 10px;}

/* #앵커 이동 */
.for-anchor {padding-top: 50px;}

/* tooltip */
.inline-tooltip { display: inline; text-align: left;}
.inline-tooltip-box { display: none; position: absolute; z-index: 10; margin: 45px 0 0 -75px; padding: 15px 20px 20px 20px; width: 285px; border: 1px solid #565960; color: #595d65; background: #fff; }
.inline-tooltip-box:before { content:""; position: absolute; margin-top: -31px; margin-left: 4px; width: 100%; height: 16px; background: url('../img/ico/tooltip-arrow.png') 0 100% no-repeat; }
.inline-tooltip.active .inline-tooltip-box { display: inherit; }
.button-only-icon + .inline-tooltip-box { margin-left: -53px;}
.inline-tooltip-box dt {  margin: 0 0 20px 0; font-size: 16px; font-weight: bold; color: #010000;}
.inline-tooltip-box dd {margin: 0;}

/* AJAX indicator preloader */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #4ad1d4;
  position: fixed;
  z-index: 2000;
  bottom: 0;
  right: 100%;
  width: 100%;
  height: 8px;
}
.no-csstransforms3d .pace .pace-progress {right: 0; height: 8px;}
.no-csstransforms3d .pace .pace-progress:after {
	display:block; position:absolute; bottom: 0; right: 1em; content: attr(data-progress-text); font:bold 3em arial; text-align:right; color: #d2d2d2;
}

.pace .pace-progress-inner {display: none;}
.smc-main .pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  /*box-shadow: 0 0 10px #29d, 0 0 5px #29d;*/
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.smc-main .pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 50%;
  right: 50%;
  margin-right: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  border: solid 4px transparent;
  border-top-color: #4ad1d4;
  border-left-color: #4ad1d4;
  border-radius: 100%;
  -webkit-animation: pace-spinner 500ms linear infinite;
  -moz-animation: pace-spinner 500ms linear infinite;
  -ms-animation: pace-spinner 500ms linear infinite;
  -o-animation: pace-spinner 500ms linear infinite;
  animation: pace-spinner 500ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}



/* =====================================
 독립사이트 사이트맵
===================================== */
.sitemap-indep {  }
.sitemap-indep-wrapper { margin-left: -40px; }
.sitemap-indep-container { display: table; table-layout: fixed; width: 100%; }
.sitemap-indep-item { display: table-cell; padding-left: 40px; }
.sitemap-indep-item-title { display: block; height: 30px; padding-bottom: 8px; border-bottom: 2px solid #115bab; color: #1b1d21; font-size: 24px; font-weight: normal; line-height: normal; letter-spacing: -1px; }
.sitemap-indep-item-title a { color: #1b1d21; }
.sitemap-indep-item-list { padding: 20px 0 0 10px; }
.sitemap-indep-item-list li { padding: 9px 0; color: #115bab; font-size: 17px; font-weight: normal; line-height: 20px; }
.sitemap-indep-item-list li a { color: #115bab; }
.sitemap-indep-item-list li ul { padding: 7px 0 3px 0; }
.sitemap-indep-item-list li ul li { padding: 3px 0; color: #44484f; font-size: 14px; font-weight: normal; line-height: 18px; }
.sitemap-indep-item-list li ul li a { color: #44484f; }


/* =====================================
 ie8-upgrade-noti
===================================== */
.ie8-upgrade-noti { display:none; }




/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (min-width: 35em) {}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dppx) {}

@media all and (max-width: 1359px) {

	.card-footer-btn.width-checkbox .button { width:93.24%; }

}
@media all and (max-width: 1040px) { /* +16 */

	.card-footer-btn.width-checkbox .button { width:93%; }

}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@page {
	size: A4;
	margin: 1cm;

	/*size: 7in 9.25in;*/
	/*margin: 27mm 16mm 27mm 16mm;*/
	/*orphans:4; widows:2;*/
}
@media only print {
  html, body {
    /*width: 300mm;*/
    /*height: 297mm;*/
  }

  body {min-height: 0; background:#FFF;}
  body:after {height: auto !important;}
  .wrapper {width: auto; height: auto !important; min-height: 0 !important;}
  .header {width: auto;}
  .container {min-width: 0 !important; background:#FFF !important;}
  #contents {width: auto !important; padding-bottom: 0 !important;}
  #footer {display: none; }
  .back-to-top {display: none !important;}
  .lnb-a {display: none !important;}
  .layout-column2 #contents { float:none !important; width:auto !important;}


  .header .inner-wrap, #footer .inner-wrap, .container .inner-wrap, .inner-section {clear: both; min-width: 0 !important; width: auto !important; margin: 0 auto;}

	.post-detail-wrapper .make-even-area {display: none;}
	.post-detail { overflow:auto; margin: 0 auto; width: auto;
		-webkit-column-width: auto !important;
		-moz-column-width: auto !important;
		column-width: auto !important;
		-webkit-column-gap: normal !important;
		-moz-column-gap: normal !important;
		column-gap: normal !important;
		-webkit-column-rule: none !important;
	  -moz-column-rule: none !important;
	  column-rule: none !important;
		max-height: none !important;
		min-height: 0 !important;
	  height: auto !important;
	}
	.post-detail a:after {
		content: " [" attr(href) "] ";
	}
	.post-detail-wrapper .make-even-area,
	.post-type-choose,
	.btn-post-detail {display: none;}
	.post-option + .post-footer {display: none;}


	/* Card item with masonry */
	.list-multi .card-item,
	.list-column2 .card-item {float: left !important; position: static !important; margin: 5px; left: auto !important; top: auto !important; right: auto !important; }

	/* #layerReadability .post-detail 내부만 프린트 */
	body.modal-open {overflow: auto}
	body.modal-open .wrapper {display: none; }
	body.modal-open h1 { /*page-break-before : right*/ }
	body.modal-open h2 { /*page-break-after : avoid*/ }
	body.modal-open table { /*page-break-inside : avoid*/ }
	.modal-window {overflow: visible; position: static; max-width:100%; width: auto; height: auto;}
	body.modal-open #contents {padding-bottom: 20px !important;}
	#layerReadability .modal-container {
		display: block;
		margin: 0; padding: 0;
	  width: auto;
	  min-height: initial;
	  border: initial;
	  border-radius: initial;
	  box-shadow: initial;
	  background: initial;
	  /*page-break-after: always;*/
	}
	.modal-content-body .wrapper {display: inherit;}
	.modal-iframe-wrap {height: auto; overflow-y: visible !important; }

	.modal-dimed {display: none !important;}
	.btn-readability-handler {display: none;}



	/* 일반 Modal layer popup */
	.modal-window .modal-container {padding: 0; background-color: transparent;}

	/* mCustomScrollBox */
	.mCustomScrollbar { overflow: visible; max-height: none !important; }
	.mCustomScrollBox { max-height: none !important;}
	.mCS-table-scroll .mCSB_container { top:0 !important; }
	.mCS-table-scroll .mCSB_scrollTools.mCSB_scrollTools_vertical { display:none !important; }
}


.card-content .card-item-inner a.mobileOff { display:inline !important; }
.mobileOn { display:none !important;}
.customer-praise .search-result-section .box-result-txt {text-align:center;}
.search-result-section .box-result-txt h2 { font-size: 20px; font-weight: normal;}
.search-result-section .important-blue { font-weight: normal; color: #115bab; }

/* 20161021 추가 */
.privacyWrap  ol  {padding-left:0}
.privacyWrap > ol > li {padding-bottom:30px}

/* 2016.02.16 추가 */
.post-detail .box_imgCont {overflow:hidden; padding:66px 40px 52px; background:#f3f3f3}
.post-detail.no-column .no-column .box_cont {float:none; width:627px; padding-left:248px}
.post-detail .no-column .box_cont {float:none; width:auto; padding-left:0}

/* 2016.03.04 추가 : 진료비 세부내역서 */
.clearfix .wrap_tab {float:left; margin:15px 0 10px 0}
.wrap_tab .button {background-color: #e4e7ea; color: #44484f;}
.wrap_tab .button.active {background-color: #3378c1; color: #fff;}
.wrap_tab .button + .button {margin-left:8px}
.wrap_tab .button.active .icon-list-gray {background-position:-20px -2121px}
.wrap_tab .button.active .icon-calendar-gray {background-position:-60px -2121px}

/* 2016.03.07 추가*/
.post-detail .box_cont02{text-align:center;}
.post-detail .box_cont02 img{float:none;}
.post-detail .box_cont02 div{text-align:left;}
.post-detail.no-column .box_cont02 img{float:left;}

.post-detail.no-column .graph_txt{margin-left:15%;}



/* 2016.04.07 추가 : 영양이야기  */
.post-detail .imgLeft.box_cont04{float: none; margin-bottom: 20px; text-align: center; margin-right:-25px; margin-left: -100px;}
.post-detail.no-column .imgLeft.box_cont04{float:left; margin-right:25px;margin-left:30px;}

/* 2016.04.18 추가 : 영양이야기  */
.colorGreen{color:#5a9400;}
.post-detail.no-column .content01{text-align: center; width:187px;margin-right:8px;}
.post-detail.no-column .content02{width:444px;}
.post-detail.no-column .content01 .GreenFull{position: relative; background:url(../img/editor-view/bg/bg_greenFull.png)no-repeat;height:222px;}
.post-detail.no-column .content01 .GreenFull2{position: absolute;left:9px;top:0;width:177px; background:url(../img/editor-view/bg/bg_greenFull.png) -11px no-repeat;font-size:17px;height:192px;padding-top: 30px;color:#fff;font-weight: bold;line-height:32px;}
.post-detail.no-column .content02 .GreenLine{position: relative; background:url(../img/editor-view/bg/bg_greenLine.png)no-repeat;height:222px;}
.post-detail.no-column .content02 .GreenLine2{position: absolute; left:18px;top:0;background:url(../img/editor-view/bg/bg_greenLine.png) -18px no-repeat;font-size:15px;height:207px;padding-top:15px;}
.GreenLine2 ul li{margin-top:10px;text-indent: -13px;padding-left:29px;}
.boxBgcon:after{content:"";display:block; clear: both;}
.box-defalut.white:after{content:"";display:block; clear: both;}

.boxBgcon .content01{text-align: center;width: 150px;margin-right: 12px;}
.boxBgcon .content02{width: 420px;}
.boxBgcon .content01 .GreenFull{position: relative;background:url(../img/editor-view/bg/bg_greenFull.png)no-repeat;height:222px;/* width: 100px; */}
.boxBgcon .content01 .GreenFull2{position: absolute;left: 9px;top:0;width: 140px;background: url(../img/editor-view/bg/bg_greenFull.png) -39px no-repeat;font-size:17px;height:192px;padding-top: 30px;color:#fff;font-weight: bold;line-height:32px;padding-right: 9px;}
.boxBgcon .content02 .GreenLine{position: relative; background:url(../img/editor-view/bg/bg_greenLine.png)no-repeat;height:222px;}
.boxBgcon .content02 .GreenLine2{position: absolute;left:18px;top:0;background: url(../img/editor-view/bg/bg_greenLine.png) -27px no-repeat;font-size:14px;height:207px;padding-top:15px;width: 417px;}
.white .pull-right{float:none; text-align:center;}

/* 2016.04.26 리스트 스타일 추가 */
.list-default .list-form li {background:none} 
.list-form li {margin-top:20px; padding-left:20px}
.list-form li:first-child {margin-top:0}
.list-form li .box-title {text-indent:-20px}

/* 2016.05.24 : 차량번호 등록 버튼 추가 */
.box-default .list-default ul li .btn-parking{margin-left:6px; font-size:16px; height:25px;}

/* 2016.06.10 : 자원봉사신청 팝업 */
#passportAuthForm .info-txt{margin:10px 0;}
#passportAuthForm .agree-cont{margin-top:20px;}
#passportAuthForm .agree-tit{display:inline;}
#passportAuthForm .agree-cont .input-checkbox-group{display:block; text-align:center;}
#passportAuthForm .agree-cont .input-radio-group{display:block; text-align:center;}
#passportAuthForm .agree-cont.first {margin-bottom:40px;}
.volunteer-apply-container .form-default-input .table-wrapper{margin:0;}


/* 2016.07.01 비회원 진료예약 - Layer popup
------------------------------------- */
.popup-not-member {  }
  .popup-not-member .modal-container { width:860px; }
  .popup-not-member .content-box { float:left; width:380px; box-sizing:border-box; }
    .popup-not-member .content-box .content-box-title { margin:0 0 25px 0; font-size:22px; font-weight:bold; text-align:center; color:#1b1d21; }
    .popup-not-member .login-reserve .content-box-title strong { color:#115bab; }
    .popup-not-member .fast-reserve .content-box-title strong { color:#109e9f; }

  .popup-not-member .login-reserve { padding:0 50px 0 0; }
    .popup-not-member .login-reserve .input-text {margin-bottom:10px; padding:0 20px; height:50px; line-height:56px; }
    .popup-not-member .login-reserve .input-checkbox-group {margin-top:10px; margin-left:0;}
    .popup-not-member .login-reserve .input-checkbox-group .input-checkbox { margin-top:1px; }
    .popup-not-member .login-reserve .btns-wrap {/*padding-top:15px;*/padding-top:0;}
    .popup-not-member .login-reserve .login-helper {margin-top:13px;}
    .popup-not-member .login-reserve .login-helper .input-checkbox-group { float:left; margin:0; }
    .popup-not-member .login-reserve .login-helper .helper-link { float:right; }
    .popup-not-member .login-reserve .login-helper a { position:relative; display:inline-block; margin:0; padding:0 0 0 24px; font-size:15px; letter-spacing:-1px; color:#454850; }
    .popup-not-member .login-reserve .login-helper a:before { position:absolute; top:0; left:10px; margin:0; content: '\b7'; font-weight:bold; color:#6e7179; }
    .popup-not-member .login-reserve .login-helper a.link-join { padding-left:0; }
    .popup-not-member .login-reserve .login-helper a.link-join:before { display:none; margin:0; }

  .popup-not-member .fast-reserve { padding:0 0 0 50px; border-left:1px dotted #dbdbdd; }
    .popup-not-member .fast-reserve .info-text { margin:0 0 15px 0; font-size:16px; text-align:center; color:#44484f; }
    .popup-not-member .fast-reserve .search-box-step { margin-bottom:20px; }
    .popup-not-member .fast-reserve .search-box-step .input-text { height:49px; }

    .popup-not-member .login-info-txt { margin:0; padding:15px 0 0 0; border-top:1px solid #e1e1e3; }
        .popup-not-member .login-info-txt .tel-info { float:left; width:; margin:0; }
        .popup-not-member .login-info-txt .tel-info span,
        .popup-not-member .login-info-txt .tel-info strong { display:block; }
        .popup-not-member .login-info-txt .tel-info span { font-size:14px; color:#1b1d21; }
        .popup-not-member .login-info-txt .tel-info strong { font-size:21px; letter-spacing:-1px; color:#115bab; }
        .popup-not-member .login-info-txt .list-default { float:right; margin:0; }
        .popup-not-member .login-info-txt .list-default ul li { line-height:1.5; font-size:13px; }

/* 2016.06.30 차세대 미현으로 인한 스타일 수정 */
.popup-not-member.mci-col01 .modal-container {width:auto}
.popup-not-member.mci-col01 .fast-reserve {padding:0; border-left:0}
.popup-not-member.mci-col01 .content-box {width:326px}


/* 2016.11.15 건강검진 상세 페이지 샘플 페이지 작업 요청으로 인한 스타일 추가 */
.checkup-inquiry .checkup-result .tab-default.left_list{float:left;padding-right:30px;width:25%;box-sizing:border-box;}
.tab-default.left_list ul {display: block;}
.tab-multi-col-1-4.left_list ul li{float:none;width:auto;border:1px solid #e4e7ea;border-top:none;}
.tab-multi-col-1-4.left_list ul li:first-child{border-top:1px solid #e4e7ea;}
.total_wrap:after{content:"";display:block;clear:both;}
.right_content{float:left;width:75%;}
.right_content h3:first-child{margin-top:0;}
.right-content-title{float:left;font-size:23px;margin:0 0 10px 0;}
.checkup-inquiry .checkup-result .right_content .data-sbj{font-size:18px;}
.tab-multi-col-1-4.left_list ul li.one_depth{font-size:18px;line-height:45px;}
.tab-multi-col-1-4.left_list ul{box-shadow:none;}
.tab-multi-col-1-4.left_list ul li.one_depth.active{background:#115bab;color:#fff;}
.tab-multi-col-1-4.left_list ul li.two_depth {background:#f7f7f9}
.tab-multi-col-1-4.left_list ul li.two_depth a{margin:0;line-height:30px;padding:0;height:30px;border:none;background:none;}
.tab-multi-col-1-4.left_list ul li.two_depth a:hover{font-size:14px;color:#000;}
.tab-multi-col-1-4.left_list ul li.two_depth.active a{color:#000;font-weight:bold;}
.table-wrapper .exercise_test tr th,.table-wrapper .exercise_test tr td{padding:10px 0;}

/* 본인인증시 팝업 개인정보법 알림 */
.authInfo_pop_body {overflow:hidden;}
.authInfo_pop {height:490px; overflow-y:auto}

.authInfo_pop .heading {padding:14px 36px; background-color:#3378c1;}
.authInfo_pop .heading p {padding-left:26px; background: url(../img/ico/bg_caution_legalrules.gif) no-repeat 0 3px; font-size:18px; color:#fff; font-weight:bold; line-height:24px;}
.legal_rules {padding:27px 36px; color:#6e7179; font-size:16px; background-color:#f7f7f9;}
.legal_rules strong {color:#3e424d;}
.legal_rules li {margin-top:17px; line-height:22px;}
.legal_rules .depth2 li {margin-top:10px;}
.legal_rules .depth2 {padding-left:10px;}


/* 푸터에 보안인증마크 및 관련팝업 이건 공통 */
.outer_secure_marknew {}
#footer .our-sns .outer_secure_marknew .isms_pop_new {display:block; margin-bottom:15px; width:218px; height:37px; background:url(../img/ico/pc_isms_authnew.png) no-repeat 100% 0;}
#footer .our-sns .inner_our_sns {text-align:right;}
#footer .our-sns .inner_our_sns  a {margin-left:17px; }
#footer .our-sns .inner_our_sns  a:first-child {margin-left:0;} 

/* 1359에서 사이즈 줄어드는 사이트(양성자와 해피카페와 본원 1359)만 특정css찾아서 개별수정필요 */
.wrap_certi_pop {width:500px;}
body.wrap_certi_pop:after {display:none}
.wrap_certi_pop .popup_conts {text-align:center;}
.wrap_certi_pop .popup_conts .heading {text-align:left;}
.wrap_certi_pop .popup_conts .heading h1 {text-align:left; padding-top:28px; padding-left:39px; font-size:30px; line-height:33px; font-weight:normal;}
.wrap_certi_pop .popup_conts .button.button-large {padding:0 43px; font-size:18px;}

/* 팝업에 아래와같이 코드 필요시 */
.body_pop_reset:after {display:none}

/* video태그 동영상 ie ver_ie 체크후 플레이버튼 누르면 실행되게 */
.using_custom_vodplay #smc_video_pl {display:none; position:absolute;top:44%;left:45%; z-index:100; margin:0;padding:0; width:54px; height:53px; background:url(http://www.samsunghospital.com/upload/editor/images/btn-play_likejwp.gif) no-repeat 0 0; border:0 none;cursor:pointer}
.ver_ie .using_custom_vodplay #smc_video_pl {display:block;}
.using_custom_vodplay {position:relative}
@media all and (max-width:1359px){
	#footer div.our-sns {top:25px}
}

/* 건진결과 조회 _ 건강의학센터와 본원 jsp 같이 씀 */
.checkup-result-detail .btn_get_opinion {height:34px; line-height:34px; position:absolute;top:0;right:0;}
.checkup-inquiry .modal-content-body .table-wrapper + .section_specific_area {margin-top:40px;}
.checkup-inquiry .modal-content-body .section_specific_area + .table-wrapper {padding-top:67px;  border-top:1px solid #3d4145;}
.checkup-inquiry .section_specific_area .detail_part {padding:17px 0; border-top:2px solid #3d4145; color:#222; border-bottom:1px solid #3d4145; font-size:22px; line-height:30px;}
.checkup-inquiry .section_specific_area .outer_detail_description .detail_description {padding:15px 0 17px 0;}
.checkup-inquiry .outer_detail_description .detail_description .detail_part_title {font-size:17px; line-height:25px; color:#1f2023; padding-top:28px;}
.checkup-inquiry .outer_detail_description .detail_description .detail_part_title:first-child {padding-top:0;}
.checkup-inquiry .outer_detail_description .detail_description .desc {position:relative; padding-left:8px; font-size:15px; line-height:25px; color:#666;}
.checkup-inquiry .outer_detail_description .detail_description .desc:before {content:""; display:block; clear:both; width:2px; height:2px; background-color:#666; position:absolute;top:10px;left:0; line-height:25px;}
.checkup-result-detail .chkup_result_comment {margin-top:38px; font-size:14px; color:#999;}

.wrap_bodycategory_result {margin-top:30px;}
.wrap_bodycategory_result:after {display:block; content:""; clear:both;}
.wrap_bodycategory_result .outer_body_category {float:left;}
.wrap_bodycategory_result .scr_design_area {float:right;}
.wrap_bodycategory_result .outer_body_category {width:23%;}
.wrap_bodycategory_result .scr_design_area {width:74%;}
.wrap_bodycategory_result .outer_body_category {position:relative; background-color:#f0eff4;}
.wrap_bodycategory_result .outer_body_category .chkup_result_sub > li {border-top:1px solid #fff;}
.wrap_bodycategory_result .outer_body_category .chkup_result_sub > li:first-child {border-top:0 none;}
.wrap_bodycategory_result .outer_body_category .chkup_result_sub > li em { font-size:16px;  font-style:normal;}
.wrap_bodycategory_result .outer_body_category .chkup_result_sub > li a,
.wrap_bodycategory_result .outer_body_category .chkup_result_sub > li > span {position:relative; z-index:10;}
.wrap_bodycategory_result .outer_body_category .chkup_result_sub > li > a,
.wrap_bodycategory_result .outer_body_category .chkup_result_sub > li > span {display:block; padding:18px 0 17px 30px; overflow:hidden;}
.wrap_bodycategory_result .outer_body_category .chkup_result_sub > li > span {color:#c2c2c2;}
.wrap_bodycategory_result .outer_body_category .chkup_result_sub > li > a > em {float:left; color:#555; line-height:23px;}
.wrap_bodycategory_result .outer_body_category .chkup_result_sub > li > a > .ico {width:23px; height:23px; background:url(/_newhome/ui/home/static/img/health-chart/ico_chkup_cate_off.png) no-repeat 0 0; margin-left:10px;  }
.wrap_bodycategory_result .outer_body_category .chkup_result_sub > li > a.on em {color:#488ad8;}
.wrap_bodycategory_result .outer_body_category .chkup_result_sub > li > a.on > .ico {background:url(/_newhome/ui/home/static/img/health-chart/ico_chkup_cate_on.png) no-repeat 0 0;}

.outer_body_category .chkup_result_sub .chkupresult_sub_list {display:none; margin-bottom:17px;}
.outer_body_category .chkup_result_sub .chkupresult_sub_list a {width:65%; display:block; overflow:hidden; padding-left:50px; margin-top:20px;}
.outer_body_category .chkup_result_sub .chkupresult_sub_list li:first-child a {margin-top:0;}
.outer_body_category .chkup_result_sub .chkupresult_sub_list a > em { float:left; padding-right:15px; background:url(/_newhome/ui/home/static/img/health-chart/ico_chkup_cate_small.png) no-repeat 100% 40%; font-size:14px; color:#999; line-height:15px; box-sizing:border-box;}
.outer_body_category .chkup_result_sub .chkupresult_sub_list a > em.ico {display:none; width:6px; height:15px; margin-left:9px;}
.outer_body_category .chkup_result_sub .chkupresult_sub_list a.on em {color:#222;}
.outer_body_category .chkup_result_sub .chkupresult_sub_list a.on em.ico {background:url(/_newhome/ui/home/static/img/health-chart/ico_chkup_cate_small_on.png) no-repeat 0 2px;}

.outer_body_category #id_bg_chkuparea {position:absolute;top:34px;right:0;width:94px; height:426px; background:url(/_newhome/ui/home/static/img/health-chart/bg_chkup_bnormal.png) no-repeat 0 0; background-size:100% 100%; z-index:5;}
.outer_body_category #id_bg_chkuparea.body_type_head {background:url(/_newhome/ui/home/static/img/health-chart/bg_chkup_bhead.png) no-repeat 0 0; background-size:100% 100%;}
.outer_body_category #id_bg_chkuparea.body_type_chest {background:url(/_newhome/ui/home/static/img/health-chart/bg_chkup_bchest.png) no-repeat 0 0; background-size:100% 100%;}
.outer_body_category #id_bg_chkuparea.body_type_abd {background:url(/_newhome/ui/home/static/img/health-chart/bg_chkup_babd.png) no-repeat 0 0; background-size:100% 100%;}
.outer_body_category #id_bg_chkuparea.body_type_etc {background:url(/_newhome/ui/home/static/img/health-chart/bg_chkup_betc.png) no-repeat 0 0; background-size:100% 100%;}

.wrap_bodycategory_result .section-heading {padding:0;margin:0; margin-bottom:33px;}
.checkup-result-detail div.wrap_bodycategory_result .section-heading .section-heading-title {margin-top:0px;}
.wrap_bodycategory_result .scr_design_area {position:relative; overflow:hidden;}
.wrap_bodycategory_result .scr_design_area,
.wrap_bodycategory_result .outer_body_category {height:1076px;}
.wrap_bodycategory_result .nano > .nano-content {width:104%; height:100%; position:absolute; overflow-x:hidden;top:0;right:0;bottom:0;left:0; overflow-y:auto;}
.wrap_bodycategory_result .nano > .nano-content .outer_detailresult_infor {padding-right:1.98%;}
.wrap_bodycategory_result .nano > .nano-content:focus {outline:thin dotted;}
.wrap_bodycategory_result .nano > .nano-content::-webkit-scrollbar {display:none;}
.wrap_bodycategory_result .has-scrollbar > .nano-content::-webkit-scrollbar{display:block;}
.wrap_bodycategory_result .nano > .nano-pane {background-color:rgba(0,0,0,0);position:absolute;width:8px;right:0; top:1px; bottom:0; border-radius:8px;}
.wrap_bodycategory_result .nano > .nano-pane > .nano-slider {position: relative;margin: 0 1px;border-radius:8px;}
.wrap_bodycategory_result .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {/*visibility : visible\9;*/ /* Target only IE7 and IE8 with this hack */opacity:0.99;}
.wrap_bodycategory_result .nano > .nano-pane > .nano-slider {background:#d3d3d3; position:relative;margin:0 1px; border-radius:8px}
.checkup-result-detail div.wrap_bodycategory_result .outer_detailresult_infor .table-wrapper {margin-bottom:54px;}
.checkup-result-detail div.wrap_bodycategory_result .outer_detailresult_infor .wrapper_sub2_detail .table-wrapper {margin-bottom:0;}
.wrap_bodycategory_result .table-default tbody tr th {background:none;}
.wrap_bodycategory_result .color_emph {color:#488ad8 !important;}
.wrap_bodycategory_result .table-default .align_left {text-align:left; padding-left:50px;}