/* notokr-black 900, notokr-bold 800, notokr-medium 700, notokr-regular 500(normal), notokr-demilight 400, notokr-light 300, notokr-thin 100*/
/* Heebo 900, Heebo 800, Heebo 700, Heebo 500(normal), Heebo 400, Heebo 300, Heebo 100, font-weight: 300; */

/*************************
*******common******
**************************/
a,
button {
	color: #000;
  -webkit-transition: color 400ms, background-color 400ms;
  -moz-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
  cursor: pointer;
}
a:hover,
a:focus,
button:hover,
button:focus { text-decoration: none; outline: 0; }
em {	font-weight: normal; font-style: normal; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{ margin-top: 2px; padding-top: 2px; }
.ui-datepicker .ui-datepicker-prev:before { font-family: "Material Icons"; content: '\E408'; padding-left:5px; }
.ui-datepicker .ui-datepicker-next:before { font-family: "Material Icons"; content: '\E409'; padding-left:5px; }

.file_input_div { position: relative; }
.file_input_hidden { font-size:14px; position: absolute; top:1px; left:0px; width:86px; padding: 0; opacity:0; filter:alpha(opacity=0); } 

.btn-sm,
.btn-group-sm > .btn {
	font-weight: 500;
	font-size: 13px;
}
.btn-sm i,
.btn-group-sm > .btn i {
	font-size: 18px;
	margin-right: 2px;
}

.input-sm {
	height: 30px !important;
	font-size: 13px;
}
select.input-sm {
  height: 30px;
  line-height: 26px;
}
	@media (min-width: 768px) {
		.input-sm {
		  height: 26px;
		  padding: 2px 6px;
		}
		select.input-sm {
		  height: 26px;
		  line-height: 20px;
		}
	}

hr.mainLine { border-bottom: 1px solid #C5D9E8; margin: 16px 0; }
hr.subLine { border-bottom: 1px solid #D8E5EE; margin: 12px 0;}

.imgBorder { border: 1px solid #C5D9E8; border-radius: 8px; }
.imgBorderL { border: 1px solid #C5D9E8; margin: 10px 0 20px; }

	@media (min-width: 768px) {
		.imageBottom img { margin-bottom: 15px; }
	}
	
	@media (max-width: 767px) {
		.xsCenter { text-align: center; }
		.xsCenter img { margin: 5px auto 15px; }
		.xsImageBottom img { margin-bottom: 15px; }
	}
	
.link { position:relative; text-decoration: underline; }
.link i { position:absolute; font-size: 20px; margin-left: 4px; }

.text-left { text-align: left !important; margin-left: 14px; }

textarea { padding: 20px !important; margin-bottom: 25px; }

.form-control {
	/* height: 42px; */
	padding: 5px 12px;
	font-size: 15px;
	color: #8DABC4;
	border: 1px solid #A8C6DF;
}
.form-control::-moz-placeholder { color: #8DABC4; }
.form-control:-ms-input-placeholder { color: #8DABC4; }
.form-control::-webkit-input-placeholder { color: #8DABC4; }

	@media (max-width: 767px) {
		.form-control {
			padding: 5px;
		}
	}
	
.input-group-btn > .btn {
	height: 34px;
	font-size: 15px;
	border: 1px solid #A8C6DF;
	border-left: 0;
	background-color: #fff;
}
.input-group-btn > .btn i { font-size: 20px; }
.input-group-btn > .btn i:hover { color: #0093EE; }

.btn_lg_blue { font-size: 16px; color: #FFFFFF;	letter-spacing: -1px; padding: 8px 30px; border: 1px solid rgba(0,0,0,0.05); border-radius: 4px; background-color: #0093EE; box-shadow: inset -1px 1px 0 0 rgba(255,255,255,0); }
.btn_lg_blue i { font-size: 20px; margin-right: 5px; }
.btn_lg_blue:hover, .btn_lg_blue:focus { color: #FFFFFF; background-color: #0285D7; }

/* 0711 게시글 삭제 버튼 추가 */
.btn_lg_del { font-size: 16px; color: #FFFFFF;	letter-spacing: -1px; padding: 8px 30px; border: 1px solid rgba(0,0,0,0.05); border-radius: 4px; background-color: #FF151F; box-shadow: inset -1px 1px 0 0 rgba(255,255,255,0); }
.btn_lg_del i { font-size: 20px; margin-right: 5px; }
.btn_lg_del:hover, .btn_lg_del:focus { color: #FFFFFF; background-color: #fc363f; }

.btn_md { padding: 6px 20px; font-size: 14px; }

.btn_del { color: #FF151F; border: 1px solid #FF151F; border-radius: 4px; background-color: #FFFFFF; }
.btn_del:hover, .btn_del:focus { color: #FF151F; background-color: #FDF3F3; }

.btn_delEdit { padding: 1px 20px 10px; margin-left: 10px; }
.btn_delEdit i { position: relative; top: 6px; }

.outline_btn_div { 
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 40px;
}
.outline_btn_div div[class*="col-"] { 
	margin-bottom: 10px; 
	padding-right: 10px;
	padding-left: 10px;
}

	@media (min-width: 1199px) {
	  .outline_btn_div .col-xs-4 { width: 20%; }
	}
	@media (min-width: 461px) and (max-width: 1199px) {
	  .outline_btn_div .col-xs-4 { width: 33.3333%; }
	}
	@media (max-width: 460px) {
	  .outline_btn_div .col-xs-4 { width: 50%; }
	  .outline_btn_div .col-xs-4 a { font-size: 12px; }
	}

.btn_outline { width: 100%; font-size: 15px; color: #8DABC4; padding: 8px 4px; border: 1px solid #A8C6DF; border-radius: 4px; background-color: #fff; box-shadow: inset -1px 1px 0 0 rgba(255,255,255,0); }
.btn_outline:hover, .btn_outline:focus,
.btn_outline.active { color: #fff; background-color: #0093EE; }

.btn_outline_blue { font-size: 15px; color: #0093EE; font-weight: bold; padding: 2px 25px 10px; border: 1px solid #A8C6DF; border-radius: 4px; background-color: #fff; box-shadow: inset -1px 1px 0 0 rgba(255,255,255,0); }
.btn_outline_blue i { position: relative; top: 6px; font-size: 24px; margin-right: 5px; }
.btn_outline_blue:hover, .btn_outline_blue:focus { color: #FFFFFF; background-color: #0285D7; }

.btn_lg_green { font-size: 16px; 	color: #FFFFFF; letter-spacing: -1px; padding: 8px 30px; border: 1px solid rgba(0,0,0,0.05); border-radius: 4px; background-color: #4ECE3D; box-shadow: inset -1px 1px 0 0 rgba(255,255,255,0); }
.btn_lg_green i { font-size: 20px; margin-right: 5px; }
.btn_lg_green:hover, .btn_lg_green:focus { color: #FFFFFF; background-color: #40B630; }

.btn_ok { color: #0093EE; background-color: #fff; border-color: #A8C6DF; }
.btn_ok:hover, .btn_ok:focus { color: #0093EE; background-color: #E1EBF5; }
.btn_cancel { color: #FF151F; background-color: #fff; border-color: #FF151F; }
.btn_cancel:hover, .btn_cancel:focus { color: #FF151F; background-color: #FDF3F3; }
 
.btn_page_box { margin-right: -5px; margin-left: -5px; } 
.btn_page_box div[class*="col-"]  { padding-right: 5px; padding-left: 5px; }
.btn_page { text-align: center; font-size: 18px; color: #67859E; padding: 6px 15px 10px; background-color: #ecf5fd; border: 1px solid #A8C6DF; border-radius: 4px; letter-spacing: -1px; }
.btn_page i { position: relative; top: 5px; font-size: 24px; margin-right: 5px; }
.btn_page.active { color: #fff; background-color: #0093EE; box-shadow: 1px 1px 1px 0 rgba(32,33,35,0.09), 1px 1px 4px 0 rgba(0,0,0,0.15); }
.btn_page.before { color: #0093EE; background-color: #fff; }

	@media (min-width: 768px) {
		.btn_page_box .col-sm-1 {  width: 13.5%; }
		.btn_page_box .col-sm-2 {  width: 19%; }
	}
	@media (max-width: 1199px) {
		.btn_page { font-size: 15px; }
		.btn_page i { top: 3px; font-size: 18px; margin-right: 4px; }
	}
	
.btnPosition { text-align: center; margin-top: 80px; }
.btnPosition2 { text-align: center; margin-top: 30px; }

.leftMargin { margin-left: 12px; }

.phoneMark { position: relative; }
.phoneMark .left { position: absolute; left: -2px; top: 4px; }
.phoneMark .right { position: absolute; right: -4px; top: 4px; }

.marginTB { margin: 10px 0 30px; }

/* ******************************** common ****************************** */
.subBanner { height: 232px; margin-top: 140px; margin-bottom: 25px; }
.noSubBanner { height: 180px; }

.subBanner01 { background-image: url('../images/header/sub_header_bg_001.png'); background-position: center; }
.subBanner02 { background-image: url('../images/header/sub_header_bg_002.png'); background-position: center; }
.subBanner03 { background-image: url('../images/header/sub_header_bg_003.png'); background-position: center; }
.subBanner04 { background-image: url('../images/eng/sub_header_bg_004.jpg'); background-position: center; }
.subBanner05 { background-image: url('../images/header/sub_header_bg_005.png'); background-position: center; }
.subBanner06 { background-image: url('../images/header/sub_header_bg_006.png'); background-position: left; }


.breadcrumb { padding: 0; margin-bottom: 50px; font-size: 15px; background-color: #fff; }
.breadcrumb .main { font-weight: 500; color: #0093EE; margin-right: 8px;}
.breadcrumb li { font-weight: 400; font-size: 15px; color: #3F536E; }
.breadcrumb > li + li:before { padding: 2px; font-size: 10px; color: #3F536E; font-family: 'Sambo'; content: "\e91a"; }

	@media (max-width: 991px) {
		.subBanner { margin-top: 52px; }
	}
	@media (max-width: 767px) {
		.breadcrumb { font-size: 12px; text-align: center; margin-bottom: 30px; }
		.breadcrumb li { font-size: 12px; }
	}

.pagination > li > a {
  padding: 6px 12px;
	color: #8DABC4;
	border: 1px solid #C5D9E8;
}
.pagination > li > a:hover {
  background-color: #E1EBF5;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {	
	color: #fff;  
	background-color: #0093EE;
	border-color: #0093EE;
}
.pagination.previous { margin-right: 14px; }
.pagination.previous > li > a { padding: 2px 4px; }
.pagination.previous > li > a i { position: relative; top: 2px; }
.pagination.next { margin-left: 14px; }
.pagination.next > li > a { padding: 2px 4px; }
.pagination.next > li > a i { position: relative; top: 2px; }

	@media (max-width: 767px) {
		.pagination > li > a { font-size: 12px; padding: 3px 8px; }
		.pagination.previous { margin-right: 6px; }
		.pagination.previous > li > a { padding: 3px 4px; }
		.pagination.previous > li > a i { position: relative; top: 2px; font-size: 12px; }
		.pagination.next { margin-left: 6px; }
		.pagination.next > li > a { padding: 3px 4px; }
		.pagination.next > li > a i { position: relative; top: 2px; font-size: 12px; }
	}
	
/* ******************************** subpage ****************************** */
section .mainTitle { font-weight: 300; font-size: 48px; color: #2C405A; letter-spacing: -1px; line-height: 55px; padding-bottom: 14px; border-bottom: 1px solid #212F41; margin-bottom: 40px; }
section h3 { font-weight: 300; line-height: 35px; color: #67859E; }
section h1 { font-weight: 300; color: #67859E; font-size: 40px; line-height: 55px; margin: 0 0 40px 0; }
section h1.small { font-size: 28px; line-height: 34px; letter-spacing: -1px; }
section p { font-weight: 400; color: #3F536E; font-size: 15px; line-height: 22px; }

section .mainTitle .btn { float: right; margin-top: 15px;}

	@media (max-width: 767px) {
		section .mainTitle {	font-size: 28px; padding-bottom: 0px; text-align: center; letter-spacing: -1px; }
		section h3 { font-size: 20px; line-height: 29px; }
		section h1 { font-size: 28px; letter-spacing: -1px; line-height: 34px; }
	}
	
.siign { font-weight: 500; color: #3F536E; font-size: 17px; line-height: 27px; margin: 50px 0; }

.listTile { font-weight: 500; font-size: 18px; color: #67859E !important; line-height: 27px; padding-bottom: 5px; margin: 30px 0 15px; border-bottom: 1px solid #C5D9E8; }
.listTile:before { font-family: "Material Icons"; content: '\E85D'; font-size: 24px; color: #67859E !important; position: relative; top: 6px; margin-right: 8px; }

.listTile small { margin-top: 5px; }

.listTileNoline { font-weight: 500; font-size: 18px; color: #67859E !important; line-height: 27px; margin: 30px 0 10px; }
.listTileNoline:before { font-family: "Material Icons"; content: '\E85D'; font-size: 24px; position: relative; top: 6px; margin-right: 8px; color: #67859E !important; }

.listTileNoline2 { font-weight: 500; font-size: 18px; color: #67859E; margin-right: 20px; padding-right: 30px; border-right: 1px solid #979797; }
.listTileNoline2:before { font-family: "Material Icons"; content: '\E85D'; font-size: 24px; position: relative; top: 6px; margin-right: 8px; }

.listUl { padding-left: 25px; font-weight: 400; color: #3F536E; font-size: 15px; line-height: 22px; margin-bottom: 30px; }
.listUl li { padding: 5px 0; }

.listUl.paddingLeft { padding-left: 40px; } 
.pPaddingLeft { padding-left: 20px; margin: 14px 0 10px; } 

.listSubTile { font-weight: 400; font-size: 16px; color: #2C405A; line-height: 24px; margin: 20px 0 5px 10px; }
.listSubTile:before { font-family: "Material Icons"; content: '\E873'; font-size: 20px; position: relative; top: 3px;  margin-right: 4px; }
.listSubTile.noMargin { margin: 20px 0 10px; }

.listSubBox { padding: 15px 30px; background-color: #FAFBFC; border: 1px solid #D8E5EE; border-radius: 4px; margin-left: 10px; }

.listSubBox.noMargin { margin: 20px 0;  }
.listSubBox.noMargin p { font-size: 17px; color: #67859E; letter-spacing: -1px; line-height: 27px; margin: 4px 0; }
.listSubBox.noMargin i { font-size: 22px; color: #000; position: relative; top: 4px; margin-right: 6px; }

	@media (max-width: 991px) {
		.listSubBox.noMargin span { display: block; margin-right: 0px; }
	}

.listSubBox.noPadding { padding: 15px 5px 10px 25px; margin: 20px 0; }

.privacyBox { color: #3F536E; padding: 15px 30px; border: 1px solid #A8C6DF; border-radius: 4px; margin: 20px 0;  }

ol { padding-left: 20px; margin: 0; }
ol li { font-size: 17px; color: #67859E; letter-spacing: -1px; line-height: 27px; margin: 4px 0; }

ol.privacy { padding-left: 30px; margin: 20px 0; }
ol.privacy li { font-size: 15px; color: #3F536E; letter-spacing: -1px; line-height: 22px; margin: 10px 0; }

ol.noList { list-style: none; padding-left: 30px; margin: 20px 0; }
ol.noList li { font-size: 15px; color: #3F536E; letter-spacing: -1px; line-height: 22px; margin: 10px 0; }
ol.noList li div { margin: 10px 0 20px; }
ol.noList li p { padding-left: 15px; }

ol.noList li .dl-horizontal dt { width: 100px; }
	@media (min-width: 768px) {
		ol.noList li .dl-horizontal dd { margin-left: 100px; }
	}
	@media (max-width: 767px) {
		ol.noList li .dl-horizontal dt { margin-left: 15px; margin-bottom: 8px; }
	}

.listSubBox .listUl { margin-bottom: 0; }
.listSubBox .listUl li { font-weight: 400; color: #3F536E; font-size: 15px; line-height: 22px; padding: 5px 0 ; }
.listSubBox .listUl li span { font-weight: 500; width: 80px; display: block; float: left; }
.listSubBox .listUl.spanLong li span { width: 110px; }
.listSubBox .listUl.spanLong li em { margin-left: 110px; }

	@media (max-width: 767px) {
		.listSubBox .listUl li span { width: 80px; float: none; }
		.listSubBox .listUl.spanLong li em { margin-left: 0; }
	}

.listSubBox .listUl2 { margin-bottom: 0; }
.listSubBox .listUl2 li { font-weight: 400; color: #3F536E; font-size: 15px; line-height: 22px; padding: 5px 0 ; }
.listSubBox .listUl2 li span { position: relative; font-weight: 700; width: 160px; display: block; float: left; padding-left: 30px; }
.listSubBox .listUl2 li span:before { font-family: "Material Icons"; content: '\E873'; font-size: 24px; color: #2C405A; position: absolute; top: 0px; left: 0; }

	@media (max-width: 767px) {
		.listSubBox .listUl2 li span { float: none; }
	}
	
.locationtext { font-size: 20px; color: #67859E; font-weight: 300; line-height: 29px; margin-bottom: -10px !important; }
.locationtext:before { font-family: "Material Icons"; content: '\E55F'; font-size: 24px; color: #2C405A; position: relative; top: 5px; margin-right: 8px; }

.location { margin-bottom: 0px; list-style: none; }
.location { font-size: 15px; color: #3F536E; }
.location i { font-size: 24px; color: #000; }
.location .address i { font-size: 18px; }

.location .dl-horizontal { margin-bottom: 0; float: left; }
.location .dl-horizontal dt { float: left; width: 34px; text-align: left;  }
.location .dl-horizontal dd { margin-left: 34px; margin-top: 5px; }
.location span { padding: 6px 50px; }

	@media (max-width: 991px) {
		.location .dl-horizontal { float: none; }
		.location span { padding-left: 0; }
	}


.longLong { padding-left: 30px; padding-bottom: 0px; }
.longLong .dl-horizontal dt { text-align: left;  width: 170px; }
.longLong .listUl { padding-left: 15px; padding-bottom: 15px; }
.longLong .listUl li { font-weight: 700; }
.longLong .listUl li div { font-weight: 300; }


.skyText {color: #0093EE; }
.midText { font-weight: 400; font-size: 20px; color: #2C405A; line-height: 31px; margin-top: 30px; }
.blueText { font-weight: 500; font-size: 16px; color: #67859E; line-height: 24px; }
.imgText { font-weight: 500; font-size: 16px; color: #2C405A; line-height: 24px; margin-top: 10px; }
.midTextEng { font-weight: 500; font-size: 28px; color: #2C405A; line-height: 34px; padding-bottom: 10px; margin-top: 50px; border-bottom: 1px solid #C5D9E8; }
.midTextEng i { position: relative; top: 5px; font-size: 30px; margin-right: 10px; }
.midTextEng.noLine { border-bottom: 0; }

	@media (max-width: 767px) {
		.midTextEng { font-size: 20px; }
		.midTextEng i { font-size: 24px; }
	}
	
.nav-tabs > li > a:focus { background-color: #fff; }

section .nav-tabs { margin: 20px 0 30px; border-bottom: 1px solid #C5D9E8; padding-bottom: 1px; }
section .nav-tabs > li > a { font-weight: 400; color: #67859E; font-size: 17px; padding: 5px 0; margin-right: 30px; border: 0px; }
section .nav-tabs > li > a:hover,
section .nav-tabs > li.active > a,
section .nav-tabs > li.active > a:hover,
section .nav-tabs > li.active > a:focus {
  color: #0093EE;
  cursor: hand;
  background-color: #fff;
  border: 0px;
  border-bottom: 3px solid #0093EE;
}

	@media (max-width: 767px) {
		section .nav-tabs { padding-top: 0; }
		section .nav-tabs > li > a { font-size: 14px; margin-right: 20px; }
		section .nav-tabs > li:last-child > a { margin-right: 0; }
	}

.history .title { font-weight: 400;	font-size: 28px; color: #A7192E; letter-spacing: -1px; line-height: 41px; border-bottom: 1px solid #C5D9E8; padding-bottom: 10px; margin-bottom: 20px; }
.history .title span { position: relative; top: 5px; margin-left: 15px; }

.history .dl-horizontal { font-size: 15px; color: #3F536E; line-height: 22px; margin-bottom: 15px; }
.history .dl-horizontal.last { margin-bottom: 50px; }
.history .dl-horizontal dt { font-weight: 500; width: 140px; text-align: left; padding-left: 20px; }
.history .dl-horizontal dt span { margin-left: 40px; }
.history .dl-horizontal dd { font-weight: 400; }

	@media (max-width: 767px) {
		.history .dl-horizontal dt { padding-left: 0px; }
	}

.overlayBox .panel {
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid rgba(183,210,229,0.8);
  border-radius: 8px;
  -webkit-box-shadow: inset 0 -1px 0 0 #7E95A7, 0 1px 4px 0 rgba(44,64,90,0.21);
          box-shadow: inset 0 -1px 0 0 #7E95A7, 0 1px 4px 0 rgba(44,64,90,0.21);
}
.overlayBox img { width: 100%; display: block; max-width: 100%; height: auto;  border-radius: 5px 5px 0px 0px; }

.overlayBox .panel-body { font-weight: 300; font-size: 14px; color: #3F536E; }
.overlayBox .panel-body h4 { font-weight: 400; font-size: 17px; letter-spacing: -1px; margin-top: 0; border-bottom: 1px solid #C5D9E8; padding-bottom: 10px; }
.overlayBox .panel-body h4:before { font-family: "Material Icons"; content: '\E53B'; font-size: 24px; position: relative; top: 6px; margin-right: 6px; }

@media (min-width: 768px) {
  section .overlayBox .panel-body h4 {
  	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.overlayBox .panel-body h4.noLine { border-bottom: 0; padding-bottom: 5px; }

.overlayBox .panel-body .dl-horizontal { margin: 2px 0; }
.overlayBox .panel-body dt { text-align: left; width: 80px; padding-left: 10px; }
.overlayBox .panel-body dd { margin-left: 90px; height: 20px; }


.noOverlay .panel-body img { margin-bottom: 6px; width:204px; }
.noOverlay .panel-body a { font-size: 17px; color: #3F536E; font-weight: 300; }
.noOverlay .panel-body a i { position: relative; top: 4px; font-size: 20px; margin-right: 5px; }
.noOverlay .panel-body a:hover { color: #0093EE; }

.infoList { padding-left: 0; }
.infoList li { border-bottom: 1px solid #C5D9E8; padding: 20px 0; list-style: none; }
.infoList li.first { padding-top: 0; }
.infoList .dl-horizontal { margin-bottom: 0; }
.infoList .dl-horizontal dt { position: relative; width: 140px; font-weight: 300; font-size: 15px; color: #2C405A; text-align: left; padding-left: 30px; }
.infoList .dl-horizontal dt i { position: absolute; top: 0; left: 0px; font-size: 24px; }
.infoList .dl-horizontal dd { font-weight: 400; font-size: 15px; color: #3F536E;	margin-left: 0; margin-left: 150px; }
	
	@media (min-width: 1199px) { .noOverlay { padding-right: 30px; } }
	@media (max-width: 767px) {
		.infoList { padding-left: 0; }
		.infoList .dl-horizontal dt { padding-bottom: 10px; }
		.infoList .dl-horizontal dd { margin-left: 0; }
		
		.noOverlay { padding-right: 0; }
		.overlayBox .panel-body dd { margin-left: 22px; }
	}

.overlayBox .panel-heading {
	position: relative;
  padding: 0px;
  border-bottom: 1px solid #7E95A7;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.overlayBox .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	background-color: rgba(103, 133, 158, 0.5);
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all linear 0.1s;
	-moz-transition: all linear 0.1s;
	-ms-transition: all linear 0.1s;
	-o-transition: all linear 0.1s;
	transition: all linear 0.1s;
	
	text-align: center;
	padding-top: 14%;
	font-size: 18px;
}

.overlayBox:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.overlayBox .overlay i { font-size: 40px; }

.overlayBox.move .panel-body h4:before { content: '\E04B'; }
.overlayBox.move .overlay i { font-size: 70px; }
.overlayBox.move .overlay { padding-top: 17%; }


	@media (min-width: 992px) and (max-width: 1199px) {
		.overlayBox .overlay { font-size: 16px; }
		.overlayBox .overlay i { font-size: 34px; }
		.overlayBox.move .overlay i { font-size: 65px; }
	}
	
	@media (max-width: 991px){
		.overlayBox:hover .panel-body h4 { color: #0093EE; }
	}
	/* 모바일에서는 오버가 없기 때문에 미표시 */
	@media (max-width: 767px){
		.overlayBox .overlay { display: none; }
	}

.panel-search { background-color: #FAFBFC; border: 1px solid #A8C6DF; border-radius: 4px; margin-bottom: 40px; }
.panel-search .panel-body { padding-bottom: 0; }
.panel-search div[class*="col-"]  { margin-bottom: 15px; }

.panel-search .col-sm-2 { font-weight: 500; font-size: 16px; color: #2C405A; }
.panel-search .col-sm-2 i { position: relative; top: 5px; margin-right: 5px; }

.panel-post { background-color: #FAFBFC; border: 1px solid #A8C6DF; border-radius: 4px; margin-bottom: 40px; font-weight: 400; font-size: 15px; color: #3F536E; line-height: 22px; }
.panel-post i { position: relative; top:3px; font-size: 20px; color: #0093EE; margin-right: 5px; }
	

.boardTile { font-weight: 300; font-size: 24px; color: #67859E; letter-spacing: -1px; line-height: 36px; }
.boardTile i { position: relative; top: 3px; font-size: 28px; color: #3F536E; margin-right: 5px; }
.boardTile span { font-weight: 700; color: #0093EE; border-bottom: 1px dotted #0093EE; }

.boardTile .dl-horizontal dt { width: 34px; text-align: left; }
.boardTile .dl-horizontal dd { margin-left: 35px; }

	@media (max-width: 767px) {
		.boardTile { font-size: 18px; }
		.boardTile i { position: relative; top: 4px; font-size: 24px; }
		.boardTile .dl-horizontal dt { float: left; }
		.boardTile .dl-horizontal dd { padding-top: 5px; margin-left: 25px; }
	}
	
.nav.nav-justified { padding: 0; }


.btnBoxB, .btnBoxY, .btnBoxM { font-weight: 400; font-size: 14px; padding: 3px 12px; border-radius: 20px; margin-bottom: 10px; }
.btnBoxB {	color: #26C1C9; 	border: 1px solid #26C1C9; }
.btnBoxY {	color: #FACA00; border: 1px solid #FACA00; margin-right: 5px; }
.btnBoxM { color: #AB7DF6; border: 1px solid #AB7DF6;  }
	
	@media (max-width: 767px) {
		.btnBoxY {	margin-right: 0; }
	}
	
.accom ul { font-size: 15px; color: #3F536E; line-height: 22px; padding-left: 20px; }
.accom ul li { font-weight: 500; }


@media screen and (max-width: 991px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 0;
  }
  .table-responsive > .table { width: 900px; min-width: 900px; margin-bottom: 0; }
  .table-responsive.half > .table { width: 450px; min-width: 450px; }
}


.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 12px 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ECF5FD;
}

.table { 	font-size: 15px; border-top: 1px solid #0093EE; }
	@media (max-width: 767px) {
		.table { font-size: 14px; }
	}

.table > thead > tr > td { 
  	font-weight: 500;
  	letter-spacing: 2px;
  	color: #0093EE;
  	border-bottom: 1px solid #ABC5D8;
    background-color: #ECF5FD !important;	
  }
.table > tbody > tr > td { 
  	font-weight: 300;
  	color: #2C405A;
  	border-bottom: 1px solid #ABC5D8;
  }
.table > tbody > tr >:first-child { text-align: center; }
/*
.table > tbody > tr > td > a {
	width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
*/

.tableBorder > thead > tr > td,
.tableBorder > tbody > tr > td { border: 1px solid #A8C6DF !important; }
.tableBorder > thead > tr > td:first-child,
.tableBorder > tbody > tr > td:first-child { border-left: 0 !important; }
.tableBorder > thead > tr > td:last-child,
.tableBorder > tbody > tr > td:last-child { border-right: 0 !important; }

	@media (max-width: 991px) {
		.tableBorder > thead > tr > td,
		.tableBorder > tbody > tr > td { font-size: 14px; }
		.tableBorder > thead > tr > td .listUl,
		.tableBorder > tbody > tr > td .listUl { font-size: 12px !important; }
	}

.tableTh { border-top: 1px solid #A8C6DF; }
.tableTh tr[class*="col-"] { height: 60px; padding-right: 0; padding-left: 0; border-bottom: 1px solid #A8C6DF; }

.tableTh .th { font-size: 16px; color: #2C405A; background-color: #ECF5FD; }
.tableTh > tbody > tr > th { display:block; padding: 18px 0; vertical-align: middle; }
.tableTh > tbody > tr > td { display:block; border-bottom: 0; text-align: center;}

.tableTh > tbody > tr > th.thBr { padding: 8px 0 !important; }

.height150 { height: 150px !important; }
	@media (max-width: 767px) {
		.height150 { height: 0px !important; }
	}

	@media (min-width: 768px) and (max-width: 991px) {
		.height105 { height: 105px !important; }
	}
	
.height90 { height: 90px !important; }
	@media (max-width: 767px) {
		.height85 { height: 0px !important; }
	}

.calendar div[class*="col-"] { padding-right: 0; padding-left: 0; }
.calendar input { border-right: 0; }
.calendar .btn { padding: 6px; }
.calendar label { padding: 5px 0; }
.calendar .input-group { z-index: 0; }

.search { border-right: 0; }

.text_input div[class*="col-"] { text-align: left; }
	@media (max-width: 991px) {
		.text_input { height: 120px; }
		.text_input div[class*="col-"] { margin-bottom: 10px; }
	}


.trHref { cursor: default; }
.trHref:hover { border-left: 2px solid #0093EE; background-color: #FAFBFC; }

.subdirectory_arrow { position:relative; margin-right: 25px; }
.subdirectory_arrow:before { font-family: "Material Icons"; content: '\E5DA'; font-size: 24px; color: #8DABC4; position:absolute; top: -10px; }

.iconDl .dl-horizontal { margin-top: 20px; }
.iconDl dt { float: left; width: 50px; padding-top: 2px; }
.iconDl dd .listSubTile { margin: 0 0 5px; }
.iconDl dd { margin-left: 75px; border-bottom: 1px solid #D8E5EE; padding-bottom: 10px; }

	@media (max-width: 767px) {
		.iconDl dd { float:none; }
	}

blockquote {
  padding: 20px 30px;
  margin: 20px 0;
  font-weight: 400; font-size: 24px; color: #2C405A; line-height: 29px; letter-spacing: -1px;
  border-left: 2px solid #D8D8D8;
}
blockquote div {	font-size: 17px; color: #0093EE; letter-spacing: -1px; }
blockquote div i { position: relative; top: 5px; margin-right: 5px; }
blockquote div em { color: #67859E; padding-left: 10px; margin-left: 10px; margin-right: 30px; border-left: 1px solid #A8C6DF; }

	@media (max-width: 767px) {
		blockquote { padding: 0 15px; font-size: 20px;	}
		blockquote div {	font-size: 12px; }
		blockquote div i { top: 5px; font-size: 18px !important; }
		blockquote div em { padding-left: 0px; margin-left: 0px; margin-right: 10px; border-left: 0; }
	}
	
.noticeView .bodyBox {  padding: 0px; }
.noticeView .boardTile { height: 75px; font-size: 28px; color: #fff; padding: 20px 30px; background-color: #0093EE; border-radius: 8px 8px 0 0;  }
.noticeView blockquote {
  padding: 0px;
  margin: 0;
  margin-bottom: 20px;
  border-left: 0;
}
.noticeView .contents {  padding: 20px 0 0; }
.noticeView .contents img {  margin-bottom: 20px; }

.alert {
  margin-top: 15px;
  margin-bottom: 20px;
  	background-color: #FAFBFC;
  	border: 1px solid #D8E5EE;
  border-radius: 4px;
}
.alert div[class*="col-"] { margin-bottom: 30px; text-align: center; }
	
.boardContent { padding: 30px 0; border-top: 1px solid #C5D9E8; color: #3F536E; line-height: 22px; }
.boardContent .alert {
	color: #67859E;
	font-size: 17px;
	letter-spacing: -1px;
	padding: 15px;
	margin: 60px 0 40px;
	border: 1px solid #A8C6DF;
	border-radius: 8px;
	background-color: #ECF5FD;
}
.boardContent .alert span { position: relative; color: #0093EE; padding-left: 35px; padding-right: 10px; margin-right: 10px; border-right: 1px solid #A8C6DF; }
.boardContent .alert i { position: absolute; top: 0; left: 5px; }
.boardContent .alert a { color: #8DABC4; }
.boardContent .alert a:hover { color: #0093EE; }

	@media (max-width: 767px) {
		.boardContent .alert { 	font-size: 14px; padding: 10px; }
		.boardContent .alert span { display: block; border-right: 0; }
		.boardContent .alert i { top: -3px; }
	}
	
	
.boardReple { margin-top: 40px; padding: 50px 0 30px; border-top: 1px solid #C5D9E8; }
.boardReple dt { width: 200px; text-align: center; }
.boardReple dt i { font-size: 56px; color: #67859E; padding: 25px; background-color: #ECF5FD; border-radius: 55px; }
.boardReple dd { margin-left: 201px; }

.boardReple div { font-size: 17px; color: #0093EE; letter-spacing: -1px; }
.boardReple div i { position: relative; top: 5px; margin-right: 5px; }
.boardReple div em { color: #67859E; padding-left: 10px; margin-left: 10px; margin-right: 30px; border-left: 1px solid #A8C6DF; }

	@media (max-width: 767px) {
		.boardReple { padding: 40px 0 20px; }
		.boardReple dt { width: 40px; margin-bottom: 10px; }
		.boardReple dt i { font-size: 20px; padding: 10px; border-radius: 20px; }
		.boardReple dd { margin-left: 0px; }

		.boardReple div { font-size: 12px; }
		.boardReple div i { top: 5px; font-size: 18px !important; }
		.boardReple div em { padding-left: 0px; margin-left: 0px; margin-right: 10px; border-left: 0; }
	}
	
	
.repleContent { margin-top: 20px; }

.paging { margin: 0px 0 60px; }
.paging .media { font-weight: 300; font-size: 14px; padding: 25px 0; border-top: 1px solid #C5D9E8; border-bottom: 1px solid #C5D9E8; }
.paging .media-middle i { font-size: 48px; }
.paging span { color: #0093EE; }
.paging h4 { font-weight: 400; font-size: 17px; margin: 5px 0 0; }
.paging em i { font-size: 18px; position: relative; top: 3px; margin-right: 4px; }
.paging a { color: #67859E;  }
.paging a:hover .media { color: #0093EE; background: #ECF5FD; }

.worldMap .dl-horizontal { margin-bottom: 40px; }
.worldMap .dl-horizontal dt { width: 50px; text-align: left; }
.worldMap .dl-horizontal dd { margin-left: 65px; }
	
	@media (max-width: 767px) {
		.worldMap .dl-horizontal dd { margin-left: 0px; }
		.paging .media { font-size: 12px; padding: 10px 0; }
		.paging h4 { font-size: 15px; }
	}
	
.worldMap ul li { font-weight: 500; font-size: 16px; color: #2C405A; padding: 10px 0; border-bottom: 1px solid #C5D9E8; }
.worldMap ul li h4 { font-family: 'Heebo'; font-size: 18px; color: #1C293B; font-weight: 400; margin: 4px 0 0; }
.worldMap ul li i { position:relative; top: 3px; font-size: 18px; margin-right: 5px; }
.worldMap ul li em i { 	color: #0093EE; }
	
.width140 { display:inline-block; width: 140px; }
.width200 { display:inline-block; width: 200px; }
.width350 { display:inline-block; width: 350px; }

	@media (max-width: 991px) {
		.worldMap ul li h4 { margin-top: -15px; }
		.width140 { display:block; }
		.width200 { display:block; }
		.width350 { display:table-cell; }
	}

.country { font-size: 18px; color: #1C293B; font-weight: 400; }
.country div { margin-top: 30px; }
.country div img { margin-right: 15px; }
	
	
.panel-group .panel { margin-bottom: 20px; border: 1px solid #D8E5EE; }
.panel-group .panel-heading { padding: 20px 15px; }
.panel-group .panel-title a { font-weight: 400; font-size: 20px; color: #2C405A; letter-spacing: -1px; line-height: 24px; }
.panel-group .panel-title a span { font-family: "Heebo"; font-weight: 300; font-size: 24px; color: #67859E; margin-right: 20px; }
.panel-group .panel-title .collapse a em:after { font-family: "Material Icons"; content: '\E313'; }
.panel-group .panel-title a em:after { font-family: "Material Icons"; content: '\E313'; }

.panel-group .panel-heading a:after {
	font-family: "Material Icons"; content: '\E316'; float:right;
}
.panel-group .panel-heading a.collapsed:after {
	font-family: "Material Icons"; content: '\E313'; 
}

.panel-group .panel-body { border-top: 1px solid #D8E5EE !important; background-color: #FAFBFC; }
.panel-group .panel-body .answerTitle { color: #A8C6DF; font-size: 48px; font-weight: 400; width:120px; vertical-align: top; text-align: right; padding-right: 20px; }
.panel-group .panel-body .answer { margin-left: 120px; border-left: 3px solid #A8C6DF; padding-left: 30px; line-height: 22px; }
.panel-group .panel-body .answer div { font-size: 15px; color: #0093EE; }
.panel-group .panel-body .answer div i { position: relative; top: 6px; margin-right: 4px; }
.panel-group .panel-body .answer div span { color: #8DABC4; border-left: 1px solid #A8C6DF; padding-left: 10px; margin-left:10px; }
.panel-group .panel-body .answer div span a { color: #8DABC4; }
.panel-group .panel-body .answer div span a:hover { color: #0093EE; }

	@media (max-width: 767px) {
		.panel-group .panel-title a { font-size: 16px; }
		.panel-group .panel-title a span {	 font-size: 18px; margin-right: 10px; }
	}
	
	
.syberBanner { 
	position: relative;
	font-weight: 300;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 26px;
	margin-bottom: 60px;
}
.syberBanner div { position: absolute; top: 25px; left: 40px; }
.syberBanner div img { display: block; margin-bottom: 18px; }


	@media (min-width: 992px) and (max-width: 1199px) {
		.syberBanner { font-size: 16px; }
		.syberBanner div { position: absolute; top: 15px; }
		.syberBanner div img { width: 80px; margin-bottom: 10px; }
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.syberBanner div { top: 34px; }
	}
	
.syberIcon { margin-bottom: 30px; }
.syberIcon .media-left { width: 70px; padding-right: 20px; }
.syberIcon div[class*="col-"]  { margin-bottom: 35px; }
.syberIcon .media-body { font-weight: 400; font-size: 15px; color: #3F536E; line-height: 22px; border-bottom: 1px solid #D8E5EE; overflow: visible; padding-bottom: 6px;  }
.syberIcon .media-body.noHeight { height: 0; }
.syberIcon .media-body p { font-weight: 500; font-size: 16px; color: #2C405A; line-height: 24px; margin-bottom: 4px; }

	@media (min-width: 1199px) {
		.syberIcon .media-body { height: 80px; }
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.syberIcon .media-body { height: 130px; }
	}


.imgTitle { font-weight: 400; font-size: 24px; color: #2C405A; line-height: 29px; letter-spacing: -1px; margin: 50px 0 20px; }
.imgTitle img { margin-right: 10px; }

.imgTitle .pull-left span { padding-right: 30px; margin-right: 30px; border-right: 2px solid #D8D8D8; }

.imgTitle .nav-tabs { margin: 20px 0;  }
.imgTitle .nav-tabs > li > a:hover,
.imgTitle .nav-tabs > li.active > a,
.imgTitle .nav-tabs > li.active > a:hover,
.imgTitle .nav-tabs > li.active > a:focus { padding-bottom: 20px; }

	@media (min-width: 768px) and (max-width: 991px) {
		.imgTitle .nav-tabs { padding-top: 2px; }
		.imgTitle .nav-tabs > li > a { font-size: 16px; }
	}
	@media (max-width: 767px) {
		.imgTitle .pull-left { float: none !important; }
		.imgTitle .pull-left span { border-right: 0; }
		.imgTitle .nav-tabs > li > a { font-size: 13px; margin-right: 15px; }
		.imgTitle .nav-tabs > li > a:hover,
		.imgTitle .nav-tabs > li.active > a,
		.imgTitle .nav-tabs > li.active > a:hover,
		.imgTitle .nav-tabs > li.active > a:focus { padding-bottom: 10px; }
	}

.imgTitleNoLine { font-weight: 400; font-size: 24px; color: #2C405A; line-height: 29px; letter-spacing: -1px; margin: 50px 0 20px; }
.imgTitleNoLine img, .imgTitleLine img { margin-right: 10px; margin-top: -20px; }

.imgTitleLine { font-weight: 400; font-size: 24px; color: #2C405A; line-height: 29px; letter-spacing: -1px; padding-bottom: 8px; margin: 50px 0 20px; 	border-bottom: 2px solid #A8C6DF; }


.stateBoxRed { width: 74px; font-size: 12px; color: #fff; text-align: center; background-color: #FD7B1F;	border-radius: 20px; padding: 2px; }
.stateBoxGray { width: 74px; font-size: 12px; color: #fff; text-align: center; background-color: #A8C6DF;	border-radius: 20px; padding: 2px; }

.textBlueB { color: #0093EE; font-weight: bold; }
.textRed { color: #A7192E; }
.linkText { color: #0093EE; }

.blueLineBox { color: #3F536E; padding: 15px 30px; border: 1px solid #A8C6DF; border-radius: 4px; margin: 20px 0;  }
.blueLineBox h4 { font-size: 18px; margin-bottom: 40px; }
.blueLineBox h5 { font-size: 16px; }
.blueLineBox p { line-height: 27px; margin-bottom: 40px; }
.blueLineBox i { font-size: 20px; position: relative; top: 4px; margin-right: 6px; }

.blueLineBox_div div[class*="col-"] { margin-bottom: 10px; }
.blueLineBox_div { color: #3F536E; padding: 15px 30px 5px; border: 1px solid #A8C6DF; border-radius: 4px; margin: 20px 0;  }
.blueLineBox_div h4 { font-size: 18px; margin-bottom: 40px; }
.blueLineBox_div h5 { font-size: 16px; }
.blueLineBox_div p { line-height: 27px; margin-bottom: 40px; }
.blueLineBox_div i { font-size: 20px; position: relative; top: 4px; margin-right: 6px; }

.mdTextCenter { text-align: center; }
	@media (max-width: 991px) {
		.mdTextCenter { text-align: left; }
	}

.applyUl { color: #8DABC4; font-size: 15px; line-height: 21px; padding-left: 20px; margin-top: 10px; }
	@media (max-width: 991px) {
		.applyUl { font-size: 13px; }
	}

.checkbox { margin-bottom: 30px; }

	@media (max-width: 767px) {
		.marginBottomXs { margin-bottom: 10px; }
	}
	
.prTilte {	font-weight: 500; color: #3F536E; font-size: 18px; letter-spacing: -1px; line-height: 27px; margin-top: 30px; margin-bottom: 10px; }
.prTilte div { color: #2C405A; font-size: 15px; float: right; }
.prTilte div input { width: 60px; margin-top: -3px; }
.prTilte small { margin-left: 5px; }

	@media (max-width: 767px) {
		.prTilte div { float: none; margin-top: 10px; }
	}


/* 입력완료 페이지 */
.access h1 { margin-top: 30px; margin-bottom: 0px; }
.access .prTilte { font-size: 17px; margin-top: 23px; margin-bottom: 43px; }
	
	@media (min-width: 1200px) {
		.access .text-center { text-align: left; }
	}
	@media (max-width: 1199px) {
		.access h1 { font-size: 36px; }
		.access .prTilte { font-size: 15px; }
	}
	@media (max-width: 991px) {
		.access img { margin: 0 auto; }
		.access h1 { margin-top: 0px; }
	}
	@media (max-width: 767px) {
		.access h1 { font-size: 27px; }
	}


/* 프린트 페이지 */
	#confirm .accessTitle { position:relative; text-align: center; margin-bottom: 40px; }
	#confirm .accessTitle span { font-weight: 300; color: #2C405A !important; font-size: 48px; letter-spacing: -4px; line-height: 55px; padding: 0 10px; border-bottom: 2px solid #0093EE; }

	.printBtn { position:absolute; top: 0; right: 0; }
	.printBtn i { font-size: 30px; color: #fff; padding: 8px; background-color: #81C926; border-radius: 12px; margin-top: 8px; }
	.printBtn:hover i { color: #FFFFFF; background-color: #40B630; }

	
	#confirm .table { border: 0; }
	#confirm .table > tbody > tr > th {
		padding: 2px;
		font-size: 16px;
		color: #2C405A !important;
		text-align: center;
		font-weight: 500;
		background-color: #ECF5FD !important;	
		border: 1px solid #ABC5D8;
		vertical-align: middle;
		height: 28px;
	}
	#confirm .table > tbody > tr > th:first-child,
	#confirm .table > tbody > tr > td:first-child { border-left: 0; }
	#confirm .table > tbody > tr > th:last-child,
	#confirm .table > tbody > tr > td:last-child { border-right: 0; }
	#confirm .table > tbody > tr > td {
		padding: 2px;
		font-size: 15px;
		color: #3F536E !important;
		text-align: center; 
		font-weight: 400;
		border: 1px solid #ABC5D8;
		vertical-align: middle;
		height: 28px;
	}

	#confirm .table .noPdding { padding: 0; }
	#confirm .table .noBorder { border: 0; }
	
@media print {
	body {
      -webkit-print-color-adjust: exact;
   	}
	.navbar-default, .subBanner, .breadcrumb, .mainTitle, #footer, .noPrint { display: none; }
	#confirm { page-break-after: avoid; }
	
	#confirm .table > tbody > tr > th {
		font-size: 12px !important;
	}
	#confirm .table > tbody > tr > td {
		font-size: 11px !important;
	}
}

.table-responsive.half > .alert { height: 170px; padding: 20px 20px 0 10px; margin-top: 0; margin-bottom: 0; border: 1px solid #ABC5D8; background-color: #ECF5FD !important; }
.table-responsive.half > .alert h5 { font-size: 18px; color: #0093EE !important; font-weight: bold; margin-top: 0; }
.table-responsive.half > .alert h5 i { position: relative; top: 6px; color: #0093EE !important; margin-left: 15px; margin-right: 6px; }

@media (max-width: 991px) {
  .table-responsive.half{
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 0;
  }
  .table-responsive.half > .alert { width: 450px; min-width: 450px; }
}
@media print and (max-width: 991px) {
  .table-responsive.half{
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 0;
  }
  .table-responsive.half > .alert { width: 100%; min-width: 100%; }
  .table-responsive.half > .alert h5 { font-size: 16px; margin-bottom: 5px; }
  .table-responsive.half > .alert h5 i { font-size: 18px; top: 0; margin-left: 5px; }
  .table-responsive.half > .alert .listUl { font-size: 12px; padding-left: 10px; }
}

#confirm .panel {
  margin-bottom: 35px;
  border: 1px solid #A8C6DF;
}
#confirm .panel-heading {
  padding: 5px 15px 8px;
  border-bottom: 1px solid #A8C6DF !important;
}
#confirm .panel-heading .listTileNoline { margin: 0; }
#confirm .panel-body {
  padding: 20px;
  font-size: 15px !important;
  color: #3F536E !important;
  line-height: 22px;
  background-color: #F9FCFE !important;
}


.panel-psn {
	border-radius: 6px;
	border-color: #C5D9E8;
	box-shadow: inset 0 -1px 0 0 #7E95A7;
}
.panel-psn > .panel-heading {
	font-weight: 500;
	font-size: 20px;
	color: #fff;
	text-align: center;
	padding: 12px;
	background-color: #81C926;
	border-color: #C5D9E8;
	border-radius: 6px 6px 0 0;
}
.panel-psn > .panel-body { padding: 15px 10px 15px 5px; }
.panel-psn > .panel-body .listUl { margin-bottom: 0px; }
.panel-psn > .panel-body .listUl li { list-style: none; }
.panel-psn > .panel-body .listUl li:before { content:counter(item,disc); color: #0093EE; margin-left: -15px; margin-right: 10px; }

/* height 는 에디터에 맞게 되어 있슴 */
	@media (min-width: 1200px) {
		.panel-psn > .panel-body { height: 530px; }
	}
	@media (min-width: 768px) and (max-width: 992px) {
		.panel-psn > .panel-body { height: 530px; }
	}
	
	
.siteMap div[class*="col-"] { margin-bottom: 30px; }
.siteMapTitle { font-weight: 400; color: #3F536E; font-size: 18px; letter-spacing: -1px; line-height: 27px; border-bottom: 2px solid #0093EE; text-align: center; padding-bottom: 5px; }
.siteMapUl { padding: 0px; }
.siteMapUl li { font-weight: 400; color: #3F536E; font-size: 15px; line-height: 22px; border-bottom: 1px solid #ABC5D8; padding:10px; list-style: none; }
.siteMapUl a { color: #3F536E; display: block; }
.siteMapUl a:hover { color: #0093EE; }

.siteMapSubUl { padding-left: 25px; }
.siteMapSubUl li { font-weight: 400; color: #8DABC4; font-size: 15px; line-height: 22px; padding:5px 0 0 0px; border-bottom: 0; list-style: disc; }
.siteMapSubUl a { color: #8DABC4; display: block; }
.siteMapSubUl a:hover { color: #0093EE; }

/* 0706 추가 */
.tender li { font-size: 18px !important; color: #3F536E !important; padding: 5px 0 !important; border-bottom: 0 !important; }
.tenderIcon { display: inline-block; line-height: 1.4; padding: 8px; border-radius: 3px; background-color: #AFD3F9; margin-bottom: -2px; margin-right: 10px; }


/* ******************************** sidebar ****************************** */
.sidebar { padding-top : 66px; }
.sidebar .list-group-item { border: 1px solid #C5D9E8; padding-bottom: 40px; }

.sidebar .list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.sidebar .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.sidebar .list-group-item.back { height: 54px; background-color: #FAFBFC; }
.sidebar .list-group-item.topNoLine {	 border-top: 0; padding-top: 15px; }
.sidebar .list-group-item.last {	padding-bottom: 30px; }

.sidebar .title { font-weight: 400; color: #3F536E;	font-size: 18px;	letter-spacing: -1px; line-height: 27px; margin-bottom: 35px; }
.sidebar .title i { 	color: #0093EE; position: relative; top: 5px; font-size: 24px; margin-right: 5px; }

.sidebar h4 { font-weight: 500; color: #2C405A; font-size: 16px; letter-spacing: -1px; line-height: 24px; margin-bottom: 15px; }
.sidebar h4 span { position:relative; top: -3px; font-size: 9px; color: #0093EE; margin-right: 5px; }
.sidebar a h4:hover { color: #0092cc; }

.sidebar .dl-horizontal { font-weight: 300; font-size: 14px; line-height: 19px; color: #2C405A; margin-bottom: 10px; }
.sidebar .dl-horizontal dt { width: 70px; text-align: left; }
.sidebar .dl-horizontal dd { font-weight: 400; margin-left: 75px; text-align: left;  }

.sidebar .date { font-weight: 400; color: #8DABC4; font-size: 14px; line-height: 19px; margin-top: 20px; }
.sidebar .date i { position: relative; top:4px; font-size: 18px; color: #26C1C9 ; margin-right: 5px; }

.sidebar .more { float: right; color: #0093EE; line-height: 20px; font-size: 14px; }
.sidebar .more span { position: relative; top: -5px; margin-right: 4px; }
.sidebar .more:hover { color: #3F536E; }

.sidebar .last { position: relative; }
.sidebar a .overlay {
	position: absolute;
	 top: 35%; /* 0630 제목 추가로 재생 높이 수정 */
	left: 15px;
	right: 15px;

	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all linear 0.1s;
	-moz-transition: all linear 0.1s;
	-ms-transition: all linear 0.1s;
	-o-transition: all linear 0.1s;
	transition: all linear 0.1s;
	
	text-align: center;
	font-size: 18px;
}	
.sidebar a:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.sidebar .overlay i { font-size: 80px; color: rgba(255, 255, 255, 0.5);}
	
	@media (min-width: 992px) and (max-width: 1199px) {
		.sidebar .overlay i { font-size: 65px; }
	}
	
/* ******************************** modal ****************************** */
/* .modal { top: 140px; } */
.modal-content {
  border: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  top: 100px;
}
.modal-header { padding: 0; padding-bottom: 10px; border-bottom: 0; }
.modal .modal-header .close {
	font-weight: 400;
	font-size: 20px;
	font-weight: normal;
	text-shadow: none;
  	color: #fff;
    filter: alpha(opacity=100);
  	opacity: 1;
}
.modal .close span { font-size: 30px; }
.modal-body { padding: 0; background-color: #fff; border-radius: 10px; }
.modal-body .position { background: #000000; border-radius: 10px 10px 0 0; }
.modal-body .position img { opacity: 0.7; border-radius: 10px 10px 0 0; }

.modal .bannerText { position: relative; top: -140px; margin-bottom: -120px; height: 120px; font-weight: 400; font-size: 28px; color: #FFFFFF; letter-spacing: -1px; padding: 0 25px; }

.modal .bodyBox { font-weight: 400; font-size: 15px; line-height: 22px; padding: 20px 30px 50px; color: #3F536E; }

.modal .title { font-weight: 500; font-size: 16px; color: #2C405A; letter-spacing: -1px; margin: 10px 0 5px; }
.modal .title i { position: relative; top: 2px; font-size: 18px; margin-right: 6px; }
.modal p { margin-bottom: 20px; }

	@media (max-width: 768px) {
		.modal .nav-pills > li { float: none; }
	}
	
.modal .dl-horizontal { font-size: 14px; margin-bottom: 5px; }
.modal .dl-horizontal dt { font-weight: 500; color: #2C405A; width: 65px; text-align: left; }
.modal .dl-horizontal dd { font-weight: 400; color: #3F536E; margin-left: 75px; }

.modal .slick-prev, .slick-next { top: 45% !important; color:#fff !important; }
.modal .slick-prev:hover, .slick-next:hover { color: #0093EE !important; }
.modal .slick-prev:before, .modal .slick-next:before { font-family: "Sambo"; font-size: 50px; }
.modal .slick-prev { left: -110px; }
.modal .slick-prev:before { content: "\e913"; }

.modal .slick-next { right: -80px; }
.modal .slick-next:before { content: "\e91a"; }
	
.modal .slick-dots { bottom: -60px; }
.modal .slick-dots li { 
	position: relative;
	display: inline-block;
	height: 15px;
	width: 15px;
	margin: 5px;
	padding: 0;
	cursor: pointer;
}
.modal .slick-dots li button { border: 1px solid #A8C6DF; background: #fff;	height: 10px; width: 10px; }
.modal .slick-dots li.slick-active button { 	background-color: #A8C6DF; }

.btnBox li { float: left; }

	@media (max-width: 991px) {
		.modal .btnBox { margin-top: -20px; }
	}
	@media (min-width: 768px) {
		.modal .accom.dl-horizontal dt { width: 150px; }
		.modal .accom.dl-horizontal dd { margin-left: 155px; }
		.modal .btnBoxB { margin-right: 10px; }
		.modal .btnBoxY { margin-right: 10px; }
	}
	@media (max-width: 767px) {
		.btnBox li { float: none; padding-right: 20px; }
	}
	
	@media (max-width: 767px) {
		.modal .bannerText { font-size: 20px; color: #2C405A; top: 0px; bottom: 0; margin: 20px 0px 10px; height:inherit; }
		.modal { top: 0px; }
		.modal .bodyBox { padding: 20px 20px 50px; }
		.modal-body .position img { width: 100%; }
		.modal .dl-horizontal dd { margin-left: 0; }
		.modal .item img { margin: 0 auto; }
	}

hr.modalLineTop { border-top: 1px solid #C5D9E8; margin-top: 10px; margin-bottom: 15px; }
hr.modalLineBottom { border-bottom: 1px solid #C5D9E8; margin-top: 10px; margin-bottom: 0px; }

.msgModal .modal-body { padding: 30px; }
.msgModal .modal-body table { margin-bottom: 20px; }
.msgModal .modal-body h1 { padding-top: 40px; }


/*
 * Off Canvas
 * --------------------------------------------------
 */
.row-offcanvas {
    position:fixed;
    top: 0;
    right: -250px;
	width: 250px;
	height: 100%;
	color: #fff; 
	padding: 10px;
    background: #A8C6DF;

    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            
    overflow-x: auto;        
    z-index: 999999;
  }

.row-offcanvas .helpTitle { font-size: 17px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #fff; }
.row-offcanvas.active { right: 0px; }

/***********************
********* Slider ******
************************/
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; pointer-events: none;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-prev, .slick-next { 
	position: absolute;
	top: 30%;
	display: block;
	height: 50px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color:#3892f0;
	padding: 0;
	border: none;
	outline: none;
}

	@media (max-width: 991px) {
		.slick-prev { display:none !important; }
		.slick-next { display:none !important; }
	}
	
/* Dots */
.slick-slider { margin-bottom: 20px; }

.slick-dots { 
	position: absolute;
	bottom: -35px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
}
.slick-dots li { 
	position: relative;
	display: inline-block;
	height: 15px;
	width: 15px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button { 
	border: 1px solid #3892f0;
	border-radius: 6px;
	background: #3892f0;
	display: block;
	height: 3px;
	width: 3px;
	outline: none;
	font-size: 0;
	padding: 3px;
	cursor: pointer;
}
.slick-dots li.slick-active button { background: #fff; }

[dir="rtl"] .slick-next {right: auto;left: -10px;}
[dir="rtl"] .slick-next:before {content: "\f104";}
[dir="rtl"] .slick-prev {right: -10px;left: auto;}
[dir="rtl"] .slick-prev:before {content: "\f105";}
[dir="rtl"] .slick-slide {float: right;}