/******************* common *******************/
/* margin */
.margin0 { margin: 0px; }
.marginT5 { margin-top: 5px; }
.marginT10 { margin-top: 10px; }
.marginT15 { margin-top: 15px; }
.marginT20 { margin-top: 20px; }
.marginT25 { margin-top: 25px; }
.marginT30 { margin-top: 30px; }
.marginT35 { margin-top: 35px; }
.marginT50 { margin-top: 50px; }
.marginB0 { margin-bottom: 0px; }
.marginB10 { margin-bottom: 10px; }
.marginB20 { margin-bottom: 20px; }
.marginB30 { margin-bottom: 30px; }
.marginB60 { margin-bottom: 60px; }
.marginB100 { margin-bottom: 100px; }
.marginB120 { margin-bottom: 120px; }
.marginL10 { margin-left: 10px; }
.marginL30 { margin-left: 30px; }
.marginL50 { margin-left: 50px; }
.marginR10 { margin-right: 10px; }
.marginR20 { margin-right: 20px; }
.marginR30 { margin-right: 30px; }
.marginR50 { margin-right: 50px; }
.marginR80 { margin-right: 80px; }
.marginTm10 { margin-top: m10px !important; }

/* padding */
.padding0 { padding: 0px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px; }
.paddingT5 { padding-top: 5px; }
.paddingT10 { padding-top: 10px; }
.paddingT20 { padding-top: 20px; }
.paddingT30 { padding-top: 30px; }
.paddingT45 { padding-top: 45px; }
.paddingT160 { padding-top: 160px; }
.paddingB10 { padding-bottom: 10px; }
.paddingB20 { padding-bottom: 20px; }
.paddingB30 { padding-bottom: 30px; }
.paddingB50 { padding-bottom: 50px; }
.paddingB60 { padding-bottom: 60px; }
.paddingTB100 { padding-top: 100px; padding-bottom: 100px; }

/* width & height */
.wauto {width: auto;}
.hauto {height: auto;}
.w100p {width: 100% !important;}
.h100p {height: 100% !important;}
.wh100p {width: 100% !important; height: 100% !important;}
.w20 { width: 20px; }
.w35 { width: 35px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w80 { width: 80px; }
.w95 { width: 95px; }
.w100 { width: 100px; }
.w130 { width: 130px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w500 { width: 500px; }
.w540 { width: 540px; }
.mw300 {max-width: 300px;}
.mw800 {max-width: 800px;}
.h50 { height: 50px; }
.h60 { height: 60px; }
.h80 { height: 80px; }
.h100 { height: 100px; }
.h150 { height: 150px; }
.h260 { height: 260px; }
.h500 { height: 500px; }

/* display & z-index */
.visible {visibility: visible !important;} /* 보임 */
.hidden {visibility: hidden !important;} /* 숨김 */
.dis_none { display: none !important; } /* d-block */
.dis_block { display: block; } /* d-block */
.dis_position { display: position; } /*d-position*/
.dis_inline { display: inline; } /* inline */
.dis_inlineblock { display: inline-block; } /* inlineblock */
.dis_flex { display: flex; } /* d-flex */
.flex_center { align-items: center; } /* flex 일 때만 사용 */
.flex_warp{ flex-wrap: wrap; } /* flex 일 때만 사용, 줄바꿈 */
.item_flex_shrink0 { flex-shrink: 0; } /* 기본값=1, 0 일때 너비고정 */
.item_flex_grow1 { flex-grow: 1; } /* 기본값=0, flex_item 들의 비율 */
.item_flex_grow2 { flex-grow: 2; }
.item_flex_grow3 { flex-grow: 3; }
.item_flex_grow4 { flex-grow: 4; }
.z_index1 { z-index: 1; }
.z_IndexTop { z-index: 9999; }
.vertical_top {vertical-align: top !important;}
.vertical_middle {vertical-align: middle;}

/* border */
.boder_none { border: none; }
.border10 { border-radius: 10px; }
.border20 { border-radius: 20px; }
.border50 { border-radius: 50px; }
.borderT2 { border-top: 2px solid #213483; }
.borderB2 { border-bottom: 2px solid #213483; }

/* cursor */
.cursor_pointer { cursor: pointer; }
.cursor_auto { cursor: auto; }
.cursor_default { cursor: default !important; }

/* color & background-color*/
.color_inherit { color: inherit; } /* 상속 */
.color_skyblue { color: #98C8FF; } /* skyblue service main color */
.color_red { color: red; }
.color_blue { color: #31708f; }
.color_cornflowerblue { color: cornflowerblue; }
.color_steelblue { color: steelblue; }
.color_navy { color: navy; }
.color_white { color: white; }
.color_gray { color: gray; }
.color_dimgray { color: dimgray; }
.color_green { color: #82ba57; }
.bg_color_skyblue { background-color: #98C8FF; } /* skyblue service main color */
.bg_color_gray { background-color: gray; }
.bg_color_aliceblue { background-color: aliceblue; }
.bg_color_white { background-color: white !important; }
.bg_color_whitesmoke { background-color: whitesmoke; }

/* font & text */
.fs_small { font-size: small; }
.fs_Large { font-size: large; }
.fs_xLarge { font-size: x-large; }
.fs_xxxLarge { font-size: xxx-large; }
.fw_500 { font-weight: 500; }
/*.text_deco_non { text-decoration: none; }*/ /* text-decoration-none */
.text_left {text-align: left !important;}
.text_right {text-align: Right !important;}
.text_short {width: 100%; display: inline-block; text-overflow:ellipsis; overflow:hidden; /*white-space:nowrap;*/}
.nowrap {white-space: nowrap;}
.letter_space_m1 { letter-spacing: -1px; }

/* list ul */
/*.list_non { list-style: none; }*/ /* list-unstyled */

/* button */
.btn_hover_white:hover { color: white; }
.btn_hover_steelblue:hover { color: steelblue; }

/* scroll */
.overflow_auto {overflow:auto;}
.overflow_hidden {overflow:hidden !important;}
.overflow_scroll {overflow:scroll !important;}
.overflow_x_hidden {overflow-x: hidden !important;}
.overflow_y_scroll {overflow-y: scroll !important;}
.overflow_y_hidden {overflow-y: hidden !important;}

/* style */
.box_shadow {
	border: 1px solid #ddd;
	box-shadow: 1px 1px 1em rgb(0 0 0 / 20%);
	padding: 2em;
}

/******************* media query *******************/
/*1280 1200 992 768 576*/
/* xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px */
/******************* media query *******************/
/* mobile Device -width 768px below xs */
@media all and (max-width:768px) {

}

/* Tablet Device -width 992px below sm */
@media all and (min-width:769px) and (max-width:992px) {

}

/* Small Desktop Device -width 1200px below md */
@media all and (min-width:993px) {

}

/* Desktop Device -width 1200px exceed lg */
@media all and (min-width:1280px) {

	.post.post-single img {
		width: 100% !important;
		height: auto !important;
	}

	.post-content.post-excerpt table {
		width: 100% !important;
		display: contents;
	}

/*	.modal-body img {
		width: 100% !important;
		height: auto !important;
	}*/
	.modal-body table {
		width: 100% !important;
		display: contents;
	}

}


/******************* media query *******************/

/*web 버전*/
@media screen and (max-width: 1280px) {

	.post.post-single img {
		width: 100% !important;
		height: auto !important;
	}

	.post-content.post-excerpt table {
		width: 100% !important;
		display: contents;
	}

/*	.modal-body img {
		width: 100% !important;
		height: auto !important;
	}*/
	.modal-body table {
		width: 100% !important;
		display: contents;
	}

}

/*탭버전*/
@media screen and (max-width: 768px) {
	.web_mode {
		display: none !important;
	}

	.post.post-single img {
		width: 100% !important;
		height: auto !important;
	}

	.post-content.post-excerpt table {
		width: 100% !important;
		display: contents;
	}

/*	.modal-body img {
		width: 100% !important;
		height: auto !important;
	}*/
	.modal-body table {
		width: 100% !important;
		display: contents;
	}
}

/*모바일 버전*/
@media screen and (max-width: 576px) {
	.web_mode {
		display: none !important;
	}

	.scroll-to-top {
		bottom: 15px;
		right: 15px;
	}

	ol.breadcrumb {
		padding-left: 15px !important;
	}

	.post.post-single img {
		width: 100% !important;
		height: auto !important;
	}

	.post-content.post-excerpt table {
		width: 100% !important;
		display: contents;
	}

/*	.modal-body img {
		width: 100% !important;
		height: auto !important;
	}*/
	.modal-body table {
		width: 100% !important;
		display: contents;
	}
}