/*
생명의말씀선교회 기본 CSS
제작 : 이병철
날짜 : 2009년 12월 9일
*/
#con {
    letter-spacing: -0.7px;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.noline { background:#fff; border:0px; padding:3px }
.border0 { background:#fff; border:0px; padding:2px }
.border1 { background:#fff; border:1px solid #ccc; padding:1px }
.border2 { background:#fbfbf7; border:2px solid #dadada; padding:3px }
.borderDot { background:#F1F5E3; border-top:2px dotted #B5D842; padding:3px }
.background999 { background:#999 }
.backgroundGr { background:#CCE96B }
.bgF9 { background:#f9f9f9 }
.inputStyle3 {
    font-size:14px; padding:4px 5px; background:#fff url(http://www.jbch.org/kor/images/common/text-bg.gif) repeat-x 0 0;
    border:1px solid #B5B8C8;border-radius:3px; font-size:14px
}
.inputStyle3:focus { border:1px solid #7eadd9; }
select, input { font-size:14px }
.round3 {  -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; }
.round5-topleft {  
			-moz-border-radius-topleft:5px;
			-webkit-border-top-left-radius:5px;
			border-top-left-radius:5px;
}
.round5-topright {  
			-moz-border-radius-topright:5px; 
			-webkit-border-top-right-radius:5px;
			border-top-right-radius:5px; 
}
.round5-top {  
			-moz-border-radius-topleft:5px;
			-webkit-border-top-left-radius:5px;
			border-top-left-radius:5px;
			-moz-border-radius-topright:5px; 
			-webkit-border-top-right-radius:5px;
			border-top-right-radius:5px; 
}
.round7-top {  
			-moz-border-radius-topleft:7px;
			-webkit-border-top-left-radius:7px;
			border-top-left-radius:7px;
			-moz-border-radius-topright:7px; 
			-webkit-border-top-right-radius:7px;
			border-top-right-radius:7px; 
}
.round10-top {  
			-moz-border-radius-topleft:10px;
			-webkit-border-top-left-radius:10px;
			border-top-left-radius:10px;
			-moz-border-radius-topright:10px; 
			-webkit-border-top-right-radius:10px;
			border-top-right-radius:10px; 
}
.round5-bottomleft {  
			-moz-border-radius-bottomleft:5px;
			-webkit-border-bottom-left-radius:5px;
			border-bottom-left-radius:5px;
}
.round5-bottomright {  
			-moz-border-radius-bottomright:5px; 
			-webkit-border-bottom-right-radius:5px;
			border-bottom-right-radius:5px; 
}
.round5-bottom {  
			-moz-border-radius-bottomleft:5px;
			-webkit-border-bottom-left-radius:5px;
			border-bottom-left-radius:5px;
			-moz-border-radius-bottomright:5px; 
			-webkit-border-bottom-right-radius:5px;
			border-bottom-right-radius:5px; 
}
.round7-bottom {  
			-moz-border-radius-bottomleft:7px;
			-webkit-border-bottom-left-radius:7px;
			border-bottom-left-radius:7px;
			-moz-border-radius-bottomright:7px; 
			-webkit-border-bottom-right-radius:7px;
			border-bottom-right-radius:7px; 
}
.round10-bottom {  
			-moz-border-radius-bottomleft:10px;
			-webkit-border-bottom-left-radius:10px;
			border-bottom-left-radius:10px;
			-moz-border-radius-bottomright:10px; 
			-webkit-border-bottom-right-radius:10px;
			border-bottom-right-radius:10px; 
}
.round10-right {  
			-moz-border-radius-topright:10px; 
			-webkit-border-top-right-radius:10px;
			border-top-right-radius:10px; 
			-moz-border-radius-bottomright:10px; 
			-webkit-border-bottom-right-radius:10px;
			border-bottom-right-radius:10px; 
}
.round10-left {  
			-moz-border-radius-topleft:10px; 
			-webkit-border-top-left-radius:10px;
			border-top-left-radius:10px; 
			-moz-border-radius-bottomleft:10px; 
			-webkit-border-bottom-left-radius:10px;
			border-bottom-left-radius:10px; 
}
.round2 {  -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
.round5 {  -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }
.round10 {  -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; }
.round15 {  -moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px; }
.round20 {  -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; }

.fleft { float:left }
.fright { float:right }

.left { text-align: left }
.center { text-align: center }
.right { text-align: right }

.B, .b { font-weight: 900 }
.clear { clear: both }

/* 컨텐츠페이지의 링크값 */
a:link    {text-decoration:none;}
a:visited {text-decoration:none;}
a:active  {text-decoration:none; outline:none;}
a:hover  { text-decoration: none; }

:focus {
  -moz-outline-style:none;
}

.shadow5 {
	-moz-box-shadow: 2px 2px 5px #ccc; 
	-webkit-box-shadow: 2px 2px 5px #ccc; 
	box-shadow: 2px 2px 5px #ccc; 
}

.shadow10 {
	-moz-box-shadow: 3px 10px 10px #999; 
	-webkit-box-shadow: 3px 10px 10px #999; 
	box-shadow: 3px 10px 10px #999; 
}

.shadow20 {
	-moz-box-shadow: 3px 10px 30px #999; 
	-webkit-box-shadow: 3px 10px 30px #999; 
	box-shadow: 3px 10px 30px #999; 
}

.shadow50 {
	-moz-box-shadow: 3px 10px 50px #666; 
	-webkit-box-shadow: 3px 10px 50px #666; 
	box-shadow: 3px 10px 50px #666; 
}

.fontWeight100 { font-weight:100 }

/* Font-English */
.v { font-family:Verdana }

.v9 { font-family:Verdana; font-size:9px}

.v10 { font-family:Verdana; font-size:10px;font-weight:100;  letter-spacing: -1px }
.v10B { font-family:Verdana; font-size:10px; font-weight:bold; letter-spacing: -1px }

.v11 { font-family:Verdana; font-size:11px;font-weight:100;  letter-spacing: -1px }
.v11B { font-family:Verdana; font-size:11px; font-weight:bold; letter-spacing: -1px }

.v12 { font-family:Verdana; font-size:12px; font-weight:100; letter-spacing: -1px }
.v12B { font-family:Verdana; font-size:12px; font-weight:bold; letter-spacing: -1px }

.v13 { font-family:Verdana; font-size:13px; font-weight:100; letter-spacing: -1px }
.v13B { font-family:Verdana; font-size:13px; font-weight:bold; letter-spacing: -1px }

.v14 { font-family:Verdana; font-size:14px;font-weight:100;  letter-spacing: -1px }
.v14B { font-family:Verdana; font-size:14px; font-weight:bold; letter-spacing: -1px }

.v15 { font-family:Verdana; font-size:15px; font-weight:100; letter-spacing: -1px }
.v15B { font-family:Verdana; font-size:15px; font-weight:bold; letter-spacing: -1px }

.v16 { font-family:Verdana; font-size:16px; font-weight:100; letter-spacing: -1px }
.v16B { font-family:Verdana; font-size:16px; font-weight:bold; letter-spacing: -1px }

.v18 { font-family:Verdana; font-size:18px; font-weight:100;  letter-spacing: -1px }
.v18B { font-family:Verdana; font-size:18px; font-weight:bold; letter-spacing: -1px }

.v20 { font-family:Verdana; font-size:20px; font-weight:100; letter-spacing: -1px }
.v20B { font-family:Verdana; font-size:20px; font-weight:bold; letter-spacing: -1px }

.v34 { font-family:Verdana; font-size:34px; font-weight:100; letter-spacing: -1px }
.v34B { font-family:Verdana; font-size:34px; font-weight:bold; letter-spacing: -1px }

/* Font-English2 */ 
.ge10 { font-family:georgia, Verdana; font-weight:100;  font-size:10px;  }
.ge10B { font-family:georgia, Verdana; font-size:10px; font-weight:bold;  }

.ge11 { font-family:georgia, Verdana; font-weight:100;  font-size:11px;  }
.ge11B { font-family:georgia, Verdana; font-size:11px; font-weight:bold;  }

.ge12 { font-family:georgia, Verdana; font-weight:100;  font-size:12px;  }
.ge12B { font-family:georgia, Verdana; font-size:12px; font-weight:bold;  }

.ge13 { font-family:georgia, Verdana; font-weight:100;  font-size:13px;  }
.ge13B { font-family:georgia, Verdana; font-size:13px; font-weight:bold;  }

.ge14 { font-family:georgia, Verdana; font-weight:100;  font-size:14px;  }
.ge14B { font-family:georgia, Verdana; font-size:14px; font-weight:bold;  }

.ge15 { font-family:georgia, Verdana; font-weight:100;  font-size:15px;  }
.ge15B { font-family:georgia, Verdana; font-size:15px; font-weight:bold;  }

.ge16 { font-family:georgia, Verdana; font-weight:100;  font-size:16px;  }
.ge16B { font-family:georgia, Verdana; font-size:16px; font-weight:bold;  }

.ge18 { font-family:georgia, Verdana; font-weight:100;  font-size:18px;  }
.ge18B { font-family:georgia, Verdana; font-size:18px; font-weight:bold;  }

.ge20 { font-family:georgia, Verdana; font-weight:100;  font-size:20px;  }
.ge20B { font-family:georgia, Verdana; font-size:20px; font-weight:bold;  }

.ge23 { font-family:georgia, Verdana; font-weight:100;  font-size:23px;  }
.ge23B { font-family:georgia, Verdana; font-size:23px; font-weight:bold;  }

.ge30 { font-family:georgia, Verdana; font-weight:100;  font-size:30px;  }
.ge30B { font-family:georgia, Verdana; font-size:30px; font-weight:bold;  }

.ge34 { font-family:georgia, Verdana; font-weight:100;  font-size:34px;  }
.ge34B { font-family:georgia, Verdana; font-size:34px; font-weight:bold;  }

/* font-English-apple */
.l9 { font-family:Lucida Grande, Verdana; font-weight:100; font-size:9px}

.l10 { font-family:Lucida Grande, Verdana;font-weight:100;  font-size:10px;  }
.l10B { font-family:Lucida Grande, Verdana; font-size:10px; font-weight:bold;  }

.l11 { font-family:Lucida Grande, Verdana; font-weight:100; font-size:11px;  }
.l11B { font-family:Lucida Grande, Verdana; font-size:11px; font-weight:bold;  }

.l12 { font-family:Lucida Grande, Verdana; font-weight:100; font-size:12px;  }
.l12B { font-family:Lucida Grande, Verdana; font-size:12px; font-weight:bold;  }

.l13 { font-family:Lucida Grande, Verdana; font-weight:100; font-size:13px;  }
.l13B { font-family:Lucida Grande, Verdana; font-size:13px; font-weight:bold;  }

.l14 { font-family:Lucida Grande, Verdana; font-weight:100; font-size:14px;  }
.l14B { font-family:Lucida Grande, Verdana; font-size:14px; font-weight:bold;  }

.l15 { font-family:Lucida Grande, Verdana; font-weight:100; font-size:15px;  }
.l15B { font-family:Lucida Grande, Verdana; font-size:15px; font-weight:bold;  }

.l16 { font-family:Lucida Grande, Verdana; font-weight:100;  font-size:16px;  }
.l16B { font-family:Lucida Grande, Verdana; font-size:16px; font-weight:bold;  }

.l17 { font-family:Lucida Grande, Verdana; font-weight:100; font-size:17px;  }
.l17B { font-family:Lucida Grande, Verdana; font-size:17px; font-weight:bold;  }

.l18 { font-family:Lucida Grande, Verdana; font-weight:100; font-size:18px;  }
.l18B { font-family:Lucida Grande, Verdana; font-size:18px; font-weight:bold;  }

.l19 { font-family:Lucida Grande, Verdana; font-weight:100; font-size:19px;  }
.l19B { font-family:Lucida Grande, Verdana; font-size:19px; font-weight:bold;  }

.l20 { font-family:Lucida Grande, Verdana; font-weight:100; font-size:20px;  }
.l20B { font-family:Lucida Grande, Verdana; font-size:20px; font-weight:bold;  }

.l21 { font-family:Lucida Grande, Verdana; font-weight:100; font-size:21px;  }
.l21B { font-weight: bold; font-family:Lucida Grande, Verdana; font-size:21px;  }

.l22 { font-family:Lucida Grande, Verdana; font-weight:100; font-size:22px;  }
.l22B { font-family:Lucida Grande, Verdana; font-size:22px; font-weight:bold;  }

/* Font-Korean */
.d11 { font-family:dotum; font-size:11px; font-weight:100; letter-spacing: -1px }
.d11B { font-family:dotum; font-size:11px; font-weight:bold; letter-spacing: -1px }

.d12 { font-family:dotum; font-size:12px; font-weight:100; letter-spacing: -1px }
.d12B { font-family:dotum; font-size:12px; font-weight:bold; letter-spacing: -1px }

.d13 { font-family:dotum; font-size:13px; font-weight:100; letter-spacing: -1px }
.d13B { font-family:dotum; font-size:13px; font-weight:bold; letter-spacing: -1px }

.d14 { font-family:dotum; font-size:14px; font-weight:100; letter-spacing: -1px }
.d14B { font-family:dotum; font-size:14px; font-weight:bold; letter-spacing: -1px }

.d15 { font-family:dotum; font-size:15px;font-weight:100;  letter-spacing: -1px }
.d15B { font-family:dotum; font-size:15px; font-weight:bold; letter-spacing: -1px }
	
.d16 { font-family:dotum; font-size:16px;font-weight:100;  letter-spacing: -1px }
.d16B { font-family:dotum; font-size:16px; font-weight:bold; letter-spacing: -1px }
	
.d18 { font-family:dotum; font-size:18px; font-weight:100; letter-spacing: -1px }
.d18B { font-family:dotum; font-size:18px; font-weight:bold; letter-spacing: -1px }
	
.d20 { font-family:dotum; font-size:20px; font-weight:100; letter-spacing: -1px }
.d20B { font-family:dotum; font-size:20px; font-weight:bold; letter-spacing: -1px }
	
.d23 { font-family:dotum; font-size:23px; font-weight:100; letter-spacing: -1px }
.d23B { font-family:dotum; font-size:23px; font-weight:bold; letter-spacing: -1px }
	
/* Font-Korean */
.mal11 { font-family: 맑은 고딕, dotum; font-size:11px; font-weight:100; letter-spacing: -1px }
.mal11B { font-family: 맑은 고딕, dotum; font-size:11px; font-weight:bold; letter-spacing: -1px }

.mal12 { font-family: 맑은 고딕, dotum; font-size:12px; font-weight:100; letter-spacing: -1px }
.mal12B { font-family: 맑은 고딕, dotum; font-size:12px; font-weight:bold; letter-spacing: -1px }

.mal13 { font-family: 맑은 고딕, dotum; font-size:13px; font-weight:100; letter-spacing: -1px }
.mal13B { font-family: 맑은 고딕, dotum; font-size:13px; font-weight:bold; letter-spacing: -1px }

.mal14 { font-family: 맑은 고딕, dotum; font-size:14px; font-weight:100; letter-spacing: -1px }
.mal14B { font-family: 맑은 고딕, dotum; font-size:14px; font-weight:bold; letter-spacing: -1px }

.mal15 { font-family: NanumGothic, NanumGothicWeb, 맑은 고딕, dotum; font-weight:100; font-size:15px;font-weight:100;  letter-spacing: 0px }
.mal15B { font-family: NanumGothic, NanumGothicWeb, 맑은 고딕, dotum; font-weight: 900; font-size:15px; letter-spacing: 0px }
	
.mal16 { font-family:NanumGothic, NanumGothicWeb, 맑은 고딕, dotum; font-weight:100; font-size:16px; font-weight:100; letter-spacing: 0px }
.mal16B { font-family:NanumGothic, NanumGothicWeb, 맑은 고딕, dotum; font-weight: 900; font-size:16px; letter-spacing: 0px }
	
.mal18 { font-family:NanumGothic, NanumGothicWeb, 맑은 고딕, dotum; font-weight:100; font-size:18px; letter-spacing: 0px }
.mal18B { font-family:NanumGothic, NanumGothicWeb, 맑은 고딕, dotum; font-weight: 900; font-size:18px; letter-spacing: 0px }
	
.mal20 { font-family:NanumGothic, NanumGothicWeb, 맑은 고딕, dotum; font-weight:100; font-size:20px; letter-spacing: 0px }
.mal20B { font-family:NanumGothic, NanumGothicWeb, 맑은 고딕, dotum; font-weight: 900; font-size:20px; letter-spacing: 0px }
	
.mal23 { font-family:NanumGothic, NanumGothicWeb, 맑은 고딕, dotum; font-weight:100; font-size:23px; letter-spacing: 0px }
.mal23B { font-family:NanumGothic, NanumGothicWeb, 맑은 고딕, dotum; font-weight: 900; font-size:23px; letter-spacing: 0px }
	
/* Font-Korean */
.g11 { font-family:gulim; font-size:11px; font-weight:100; letter-spacing: -1px }
.g11B { font-family:gulim; font-size:11px; font-weight:bold; letter-spacing: -1px }

.g12 { font-family:gulim; font-size:12px; font-weight:100;  letter-spacing: -1px }
.g12B { font-family:gulim; font-size:12px; font-weight:bold; letter-spacing: -1px }

.g13 { font-family:gulim; font-size:13px; font-weight:100; letter-spacing: -1px }
.g13B { font-family:gulim; font-size:13px; font-weight:bold; letter-spacing: -1px }

.g14 { font-family:gulim; font-size:14px; font-weight:100; letter-spacing: -1px }
.g14B { font-family:gulim; font-size:14px; font-weight:bold; letter-spacing: -1px }

.g15 { font-family:gulim; font-size:15px; font-weight:100; letter-spacing: -1px }
.g15B { font-family:gulim; font-size:15px; font-weight:bold; letter-spacing: -1px }
	
.g16 { font-family:gulim; font-size:16px; font-weight:100; letter-spacing: -1px }
.g16B { font-family:gulim; font-size:16px; font-weight:bold; letter-spacing: -1px }
	
.g18 { font-family:gulim; font-size:18px; font-weight:100; letter-spacing: -1px }
.g18B { font-family:gulim; font-size:18px; font-weight:bold; letter-spacing: -1px }
	
.g20 { font-family:gulim; font-size:20px; font-weight:100; letter-spacing: -1px }
.g20B { font-family:gulim; font-size:20px; font-weight:bold; letter-spacing: -1px }
	
.s10 { font-size:11px }	
.s12 { font-size:12px }	
.s13 { font-size:13px }	
.s14 { font-size:14px }	
.s15 { font-size:15px }	
.s16 { font-size:16px }	
.s17 { font-size:17px }	

.m5 { margin:5px; }
.m10 { margin:10px; }
.m15 { margin:15px; }
.m20 { margin:20px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }

/* Color */
.bl { color:#000000}
.wh { color:#FFFFFF}
.g33 { color:#333333}
.g66 { color:#666666}
.g99 { color:#999999}
.gcc { color:#CCCCCC}
.db { color:#006699}
.sb { color:#0099CC}
.lb { color:#99CC66}
.yw { color:#FFCC00}
.yd { color:#FF9900}
.or { color:#FF6600}
.rd { color:#FF3300}
.lg { color:#99CC66}
.gr { color:#339900}
.vd { color:#006600}
.gd { color:#CC9933}
.og { color:#669933}
.mg { color:#3BBF0D}
.pk { color:#FF3399}
.br { color:#2C9CCF}
.bu { color:#5f82af }
.ja { color:#E74DA4 }
.de { color:#316aac }
.mc { color:#2A5AAC }

.bgGf9 { background-color: #f9f9f9 }
.bgGcc { background-color: #ccc }
.bgGee { background-color: #eee }
.bgGf0 { background-color: #f0f0f0 }
.bgGff { background-color: #fff }
.BCee { background-color: #eee }

a, .pointer { cursor:pointer }

/* button */
.bt_round_blue { 
	border:1px solid #666;
	margin:1px;
	padding:4px 7px;
	letter-spacing: -1px;
	font-size:12px;
	color:#fff;
	font-weight: 900;
	line-height:130%;
	text-align: center;
	background: url('https://common.jbch.org/images/btn_bg_blue.gif');
	-moz-box-shadow: 0px 0px 5px #cbcbcb; -webkit-box-shadow: 0px 0px 5px #cbcbcb; box-shadow: 0px 0px 5px #cbcbcb; 
	-moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;
	cursor:pointer;
}
.bt_round_blue a { line-height: 130%; color:#fff }
.bt_round_blue a:hover { text-decoration: none; color:#fff }

.bt_round_gray { 
	border:1px solid #b0b0b0;
	margin:1px;
	padding:4px 7px; 
	
	font-size:12px;  
	color:#000;
	font-weight: 900;
	line-height:130%;
	text-align: center;
	background: url('https://common.jbch.org/images/btn_bg_gray.gif');
	-moz-box-shadow: 0px 0px 5px #cbcbcb; -webkit-box-shadow: 0px 0px 5px #cbcbcb; box-shadow: 0px 0px 5px #cbcbcb; 
	-moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;
	cursor:pointer;
}
.bt_round_gray a { line-height: 130% }
.bt_round_gray a:hover { text-decoration: none; color:#000 }

.bt_small_gray { 
	border:1px solid #b0b0b0;
	margin:1px;
	padding:2px 8px; 
	letter-spacing: -1px;
	font-size:11px;  
	color:#000;
	font-weight: 900;
	line-height:130%;
	text-align: center;
	background: url('https://common.jbch.org/images/btn_bg_gray.gif');
	-moz-box-shadow: 0px 0px 5px #cbcbcb; -webkit-box-shadow: 0px 0px 5px #cbcbcb; box-shadow: 0px 0px 5px #cbcbcb; 
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	cursor:pointer;
}
.bt_small_gray a { line-height: 130% }
.bt_small_gray a:hover { text-decoration: none; color:#000 }

.bt_small_blue { 
	border:1px solid #666;
	margin:1px;
	padding:2px 8px; 
	letter-spacing: -1px;
	font-size:11px;  
	color:#fff;
	font-weight: 900;
	line-height:130%;
	text-align: center;
	background: url('https://common.jbch.org/images/btn_bg_blue.gif');
	-moz-box-shadow: 0px 0px 5px #cbcbcb; -webkit-box-shadow: 0px 0px 5px #cbcbcb; box-shadow: 0px 0px 5px #cbcbcb; 
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	cursor:pointer;
	text-decoration: none; 
}
.bt_small_blue a { line-height: 130%; color:#fff }
.bt_small_blue a:hover { text-decoration: none; color:#fff }

.bt_edge_white { 
	border:1px solid #ccc;
	margin:1px;
	padding:2px 8px; 
	letter-spacing: -1px;
	font-size:11px;  
	color:#333;
	font-weight: 900;
	line-height:130%;
	text-align: center;
	background: url('');
	-moz-box-shadow: 0px 0px 5px #cbcbcb; -webkit-box-shadow: 0px 0px 5px #cbcbcb; box-shadow: 0px 0px 5px #cbcbcb; 
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	cursor:pointer;
}
.bt_edge_white a { line-height: 130%; color:#333 }
.bt_edge_white a:hover { text-decoration: none; color:#333 }

.bt_edge_blue { 
	padding:8px 15px;
	letter-spacing: -1px;
	font-size:14px;
	color:#fff;
	font-weight: 600;
	text-align: center;
	background: #49A0F5;
	border-radius:30px;
	cursor:pointer;
}
.bt_edge_blue:hover {
    background: #2891F5;
}
.bt_edge_blue a { line-height: 130%; color:#fff }
.bt_edge_blue a:hover { text-decoration: none; color:#fff }

.bt_edge_gray {
    padding: 10px;
    height: 14px;
    letter-spacing: -1px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-align: center;
    background-color: rgba(0,0,0,.1);
    border-radius: 30px;
    cursor: pointer;
    line-height: 120%;
}
.bt_edge_gray:hover {
    background-color: rgba(0,0,0,.2);
}
.bt_edge_gray a { line-height: 130% }
.bt_edge_gray a:hover { text-decoration: none; color:#000 }


body, div, form, img, table, tr, td { margin:0; padding:0; letter-spacing: -0.7px }
.hide { display:none }
.clearfix { clear:both }

#layout { padding: 10px 20px }
#top { height:46px; padding-top:20px;  border-bottom:3px solid #49A0F5 }
#toparea {  width:100%; margin:0 auto ; border:0px solid #999 }
#toparea div {  }
#toparea .logo { float: left;  }
#toparea .logo img { width: 180px; }
#toparea .link { float:right; width:230px; text-align:right; padding:23px 10px 0 0; font-size:11px;  }
#con { margin:25px auto;  }

#con .title { width:100%; line-height:120%; margin-top: 60px; font-size:20px; font-weight:600 }
#con .ann { width:100%; line-height: 180%; font-size:15px; color:#666; margin-top:20px; }
#con .flowbox { display: flex; max-width: 800px; width:100%; height:60px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; overflow: hidden; margin-top:30px; clear:both }
#con .flowbox div { text-align: center; height:58px }
#con .flowbox .step1 { flex:10;  }
#con .flowbox .step2 { flex:10;  }
#con .flowbox .step3 { flex:10;  }
#con .flowbox .stepDiv { flex:1; width:37px; height:60px }
#con .flowbox .ico { float:left; font-size:15px; line-height: 400%; padding-left: 30px; text-align:center }
#con .flowbox .ico img { margin-right: 10px; }
#con .out { border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-weight:600; color:#666 }
#con .over1 { background: #afb3b7; border-top:1px solid #afb3b7; border-bottom:1px solid #afb3b7; color:#fff; font-weight: 600  }
#con .over { background: #0168b6; border-top:1px solid #0168b6; border-bottom:1px solid #0168b6; color:#fff; font-weight: 600  }

/* 1단계 */
#con .stepTitle { width:100%; margin-top:50px; font-size:18px; color:#000; font-weight: 600;   }
#con .stepTitle_comment { width:100%; margin-top:5px; font-size:14px; color:#999; font-weight: 400;   }
#con .stepTitleSent { width:100%; margin-top:50px; font-size:18px; color:#FF7929; font-weight: 600; display:none }
#con .stepGuide { width:100%; font-size:13px; padding-top:30px; line-height: 180%; color:#666; clear:both }
#con .form { width:100%; margin-top:30px }
#con .form .inputform { float:left; width: 70%; height:30px }
#con .form .inputform input {
    background-color: #E1F0FF;
    border-radius:30px;
	padding:9px 15px;
	font-size:14px; height:21px; margin-top:0px; line-height:180%;
    outline:0;
    border:0;
    width: 82%;
}
#con .form .inputform input:focus {
    background-color:#B5D7F5;
}
#con .form .btn { float:left; width:30%;  }
#con .form .btn div { height:23px; line-height: 166% }

/* 2단계 */
#con .blueline { width:30px; clear: both; height:10px; margin-top:20px; border-bottom:1px solid #49A0F5 }
#con .grayline { width:100%; clear: both; margin:15px 0 35px 0; border-bottom:0.2px solid rgba(0,0,0,.7) }
#con .default { font-size:24px; color:#999; margin-top:0px; font-weight:300; height:55px; }
#con .fieldbox { width:100%; height:65px !important; clear:both }
#con .fieldname { width: 35%; font-size:14px !important; line-height: 160%; font-weight: 900 }
#con .photopic { width:200px; border:1px solid #ededed; margin-right:10px; margin-bottom:12px; overflow: hidden; background-repeat: no-repeat;
    -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; cursor: pointer;
}
#con .photopic img { width: 200px;
    -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; cursor: pointer;
}
#con .churchbox { border:1px solid rgba(0,0,0,.04); background: rgba(0,0,0,.04); padding:15px; margin-bottom:30px; border-radius:10px }
#con .fieldinput { font-size:14px !important; line-height: 200% }
#con .fieldinput font { font-size:13px; line-height: 120%; color:#666 }
#con .fieldinput input[type='text'] { font-size:14px !important; width: 100%; }
#con .fieldinput select { font-size:14px !important; }
#con .fieldico { width:20px; margin:0 0 0 5px; display:none }
#con .fieldcomment { margin:5px 10px; padding-top:2px; font-size:13px; color:#666; line-height: 140%  }
#con .fieldcomment2 { float:left; width:280px; margin-left:5px; padding-top:2px; font-size:13px; color:#666; line-height: 120% }
#con .fieldcommentline { float:left;  margin-left:5px; padding-top:2px; font-size:13px; color:#666 }
/* 	주소 */
#addresslist { position: absolute; width:1px; height: 1px; float: left }
#addresslist_ { position: relative; width:406px; height:150px; top:21px; left:0px; overflow-x: hidden; overflow-y: auto; background:#f9f9f9; border:1px solid #999; border-top:1px solid #f3f3f3; display: none }
#addresslist_ ul { list-style: none; margin: 0; padding: 0; }
#addresslist_ ul li { height: 23px; line-height: 180%; font-size:12px; padding-left:5px; width:100%  }
#addresslist_ ul li font { color:#4C94CE !important; font-size:13px; font-weight: 900  }
#addresslist_ ul li.o { background:#eee; cursor: pointer }

/* footer */
#footer { border-top:1px solid #dedede; margin-top: 50px; clear:both; padding: 10px 20px }
#footer #guide { margin:0 auto; }
#footer #guide #countrymore { }
#footer #guide #countrymore ul { margin: 0; padding: 0; list-style: none }
#footer #guide #countrymore li { float:left; margin:20px 0; padding:2px 15px; font-size:14px; color:#656565; cursor: pointer; font-weight: 500; height: 24px; line-height: 150%; }
#footer #guide #countrymore li.sel { border:1px solid #ccc; height: 22px }
#footer #guide #countrymore li a { color:#000 }
#footer #guide #countrymore li:hover { background-color:rgba(0,0,0,.1) }
#footer #guide #address ul { clear:both; margin: 0; padding: 0; text-align: left; list-style: none; }
#footer #guide #address li { padding:0px; font-size:12px; color:#656565; height:23px }


/* popup */
#popup { padding: 0 20px; }
.btnClose { height:25px; padding-top:8px; width:100%; text-align: right }
.btnClose img { cursor: pointer }
.popCon { width: 100%; margin: auto }
.popCon .popTitle { width:100%; height:26px; font-size:20px; font-weight: 600; color:#000; font-weight:700; line-height:110%; padding:0 }
.popCon .popBody { width:100%; margin:20px auto;   }
.popCon .popComGuide { width:100%; margin-top:20px; font-size: 15px; color:#49A0F5; font-weight:600 }
.popCon .popComment { width:100%; margin:15px 5px;  }
.popCon .popComment ul { margin:0; padding-left:15px }
.popCon .popComment ul li { font-size:14px; color:#666; margin-bottom:10px; line-height: 160%; }

#popup .popBody .form {  }
#popup .popBody .form .inputform { width: 100%; height:30px;  }
#popup .popBody .form .inputform input {
    background-color: #E1F0FF;
    width: 92%;
    border-radius:30px; padding:7px 15px; font-size:14px; height:21px; margin-top:0px; line-height:180%;
    outline:0;
    border:0;
}
#popup .popBody .form .inputform input:focus {
    background: #B5D7F5
}
#popup .popBody .form .btn { width:100%; margin-top:25px;  }
#popup .popBody .form .btn div { height:23px; line-height: 166%  }
#popup .popBody .comment { margin: auto; text-align:center; font-size:14px; color:#49A0F5; padding-top:7px; clear:both }

#popup .popBody .text { color:#49A0F5; margin:auto; text-align: center; font-size:14px; font-weight:500; padding: 0 20px; }
#popup .popBody .text font { font-size:14px; color:#FF7929; text-decoration: underline }


#selectKind { float:left;  margin:0px 5px; font-size:14px; }
#selectKind .guide { font-size:15px; margin-top:20px; font-weight:600; color:#49A0F5; clear:both }
#selectKind .guideCom { font-size:14px; font-weight:100; color:#666; margin-top:12px; padding-bottom:15px; border-bottom: 0.2px solid #d5e3ec; clear:both }
#selectKind .kind { margin-top:15px; color: #49A0F5; font-weight: 600; font-size:14px }
.kind span { font-weight:100; color:#FF7929 }

.nextstep { display:none }
.next { float:left; width: 100%; clear:both; }
.next div { width:90px; height:18px; margin:20px auto }
.popComment {display:none }
.guide { float:left; font-size:14px; color: #666; margin:15px 0 0 0 }
.popBody .question { text-align: center; margin:0 auto 10px auto; font-size:14px; line-height:130%; color:#49A0F5  }

.popBody .fieldbox { height:60px; clear:both }
.popBody .fieldname { float:left; width : 35%; height: 50px; font-size:14px; font-weight: 600; line-height: 260% }
.popBody .fieldinput { float:left; width: 65%; }
.popBody .fieldinput input {
    background-color: #E1F0FF;
    width: 88%;
    border-radius:30px; padding:7px 15px; font-size:14px; height:21px; margin-top:0px; line-height:180%;
    outline:0;
    border:0;
}
.popBody .fieldico { float:left; width:20px; margin:0 0 0 5px; display:none }

@media screen and (min-width: 768px) {
    .con .form {
        width: 500px !important;
    }
}

.bg-white {
    background-color:#fff !important;
}



.form-group {
    margin-bottom: 1.5rem;
}

label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: .375rem;
}

.form-control.form-control-alt {
    border-color: #edf0f2;
    background-color: #edf0f2;
    transition: none;
}
.form-control {
    display: block;
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    background-color: #fafafa;
    background-clip: padding-box;
    border: 1px solid #d5dce1;
    border-radius: .25rem;
}
.form-control:focus {
    font-weight: 600;
    background-color: #E1F0FF;
    border: 1px solid #C8E5FF;
    outline:0;
}

.form-group .form-group label, .churchbox .form-group label {
    font-size: 13px;
}



#con .row:nth-child(even)
{
    padding: 50px 0 30px 0;
    background:#fff;
}
#con .row:nth-child(odd)
{
    padding: 50px 0 30px 0;
    background:#f6f6f6;
}

input.form-control {
    width: 90%;
}
#con .fieldinput input[type='text'] {
    width: 90%; !important;
}


.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -14px;
    margin-left: -14px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 14px;
    padding-left: 14px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.row-cols-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.row-cols-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.row-cols-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.333333%;
}

.offset-2 {
    margin-left: 16.666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.333333%;
}

.offset-5 {
    margin-left: 41.666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.333333%;
}

.offset-8 {
    margin-left: 66.666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.333333%;
}

.offset-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-sm-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-sm-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-sm-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-sm-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-sm-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-sm-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.333333%;
    }
    .offset-sm-2 {
        margin-left: 16.666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.333333%;
    }
    .offset-sm-5 {
        margin-left: 41.666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.333333%;
    }
    .offset-sm-8 {
        margin-left: 66.666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.333333%;
    }
    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-md-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-md-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-md-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-md-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-md-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-md-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.333333%;
    }
    .offset-md-2 {
        margin-left: 16.666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.333333%;
    }
    .offset-md-5 {
        margin-left: 41.666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.333333%;
    }
    .offset-md-8 {
        margin-left: 66.666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.333333%;
    }
    .offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-lg-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-lg-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-lg-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-lg-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-lg-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-lg-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.333333%;
    }
    .offset-lg-2 {
        margin-left: 16.666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.333333%;
    }
    .offset-lg-5 {
        margin-left: 41.666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.333333%;
    }
    .offset-lg-8 {
        margin-left: 66.666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.333333%;
    }
    .offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-xl-1 > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-xl-2 > * {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-xl-3 > * {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row-cols-xl-4 > * {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-xl-5 > * {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-xl-6 > * {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.333333%;
    }
    .offset-xl-2 {
        margin-left: 16.666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.333333%;
    }
    .offset-xl-5 {
        margin-left: 41.666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.333333%;
    }
    .offset-xl-8 {
        margin-left: 66.666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.333333%;
    }
    .offset-xl-11 {
        margin-left: 91.666667%;
    }
}