/***** CSS *****/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');

 @font-face {
		font-family: 'Roboto';
		src: url('/home/fonts/Roboto/Roboto-Regular.ttf') format('ttf');
		font-weight: normal;
		font-style: normal;
	}

 @font-face {
		font-family: 'Objectivity';
		src: url('/home/fonts/webfonts_Objectivity-Regular/Objectivity-Regular.ttf.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}

a:focus:not(:focus-visible) { outline: none !important; }

.text-noto-sans {
	font-family: 'Noto Sans KR', sans-serif !important;
}


.text-roboto {font-family: 'Roboto', Arial, sans-serif; letter-spacing: 0.1rem;}
.text-Objectivity {font-family: 'Objectivity', Arial, sans-serif; letter-spacing: -0.03em;}
.text-itic {color: #f29a1b;}
.text-iytc {color: #006fba;}

.text-white {color: #fff !important;}
.text-grey {color: #999 !important;}
.text-greyD {color: #444 !important;}
.text-black {color: #000 !important;}


.text-isicD {color: #276163 !important;}
.text-isicM {color: #acdbd7 !important;}
.bg-isic {background: #45C0BE;}
.bg-isicM {background: #acdbd7;}
.bg-isicL {background: #d4efef;}
.bg-isicD {background: #276163;}

.bg-hanaGreen {background: #009178; color: #fff;}
.bg-hanaRed {background: #DC231E; color: #fff;}			
.bg-ibk {background: #0093d6; color: #fff;}
.bg-shinhan {background: #2a49d7; color: #fff;}

.text-hanaGreen {color: #009178;}
.text-hanaRed {color: #DC231E;}			
.text-ibk {color: #0093d6;}
.text-shinhan {color: #2a49d7;}

.bg-white {background: #fff;}

.btn-dark {background: #333; color: #fff;}

.normal {font-weight: normal;}
.big {font-size: 120%;}

.align-bottom {vertical-align: bottom !important;}
.align-middle {vertical-align: middle !important;}
.align-top {vertical-align: top !important;}


.text-shadow-white {text-shadow: 3px 3px 5px #fff;}
.text-shadow-black {text-shadow: 2px 2px 3px #000;}

h1 {font-weight: normal; text-align: center; color: #2d2d2d !important; padding: 0 0 40px 0 !important; margin: 0 !important;}
h1 small {font-size: 90%; color: inherit;}
.h1Div {padding-top: 72px;}

#wrap {padding-top: 0;}



#frontTop-logoArea {/*display: none;*/ color: #276163;}
#frontTop-logoArea table {width: auto; margin: 0 auto;}
#frontTop-logoArea table td {padding: 5px;}

/*#frontPage #frontTop-logoArea {display: block !important;}*/

.appLogo {display: none !important;}



/* front page */

#frontTop {width: 100%; max-width: 1200px; margin: 0 auto;}



.inheritLink a:link {color:#444;text-decoration:none;}
.inheritLink a:visited {color:#444;text-decoration:none;}
.inheritLink a:active {color:#444;text-decoration:none;}
.inheritLink a:hover {color:#3a5f94;text-decoration:none;}



.bannerLink {text-decoration: none!important; color: inherit!important;}

.airlines {margin-bottom: 20px; font-size: 14px;}

.airlinesPhoto {
  background-repeat: no-repeat; 
  background-position: center top; 
  background-size: cover; 
}


.airlinesPhoto_con {
  padding: 30px 10px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.bgGradation {
  background: rgb(0,0,0);
  background: linear-gradient(360deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 25%, rgba(246,251,254,0) 70%);
}

.airlinesPhoto_benefits {
  text-align: center;  
  height: auto;
  color: #dcdcdc;
}

.airlinesName {margin-bottom: 5px; font-weight: bold;}

.airlinesFare {margin-top: 10px;}
.airFare_priceTable {}
.airFare_priceTable_city {padding: 0 10px 0 0; text-align: left;}
.airFare_priceTable_kind {padding: 0; text-align: right; color: #dc6626; font-size: 85%;}
.airFare_priceTable_price {padding: 0; text-align: right; color: #dc6626;}

/** 메인화면 혜택 안내 **/
.dwWrap {overflow: hidden; margin-bottom: 20px;}
.dwImg {
	border: 1px solid #eee; border-radius: 2px; overflow: hidden;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.dwText {height: 90px; padding-top: 10px;}

#dw a:link {color:#444;text-decoration:none;}
#dw a:visited {color:#444;text-decoration:none;}
#dw a:active {color:#444;text-decoration:none;}
#dw a:hover {color:#3a5f94;text-decoration:none;}



/* front new 2023 */


.newFA a {padding-bottom: 8px; border-bottom: 2px solid #40b8b8;}
.newFA a:link {color:#444 !important;text-decoration:none !important;}
.newFA a:visited {color:#444 !important;text-decoration:none !important;}
.newFA a:active {color:#444 !important;text-decoration:none !important;}
.newFA a:hover {color:#40b8b8 !important;text-decoration:none !important;}

.newFAT a {padding-bottom: 8px; border-bottom: 2px solid #f29a1b;}
.newFAT a:link {color:#444 !important;text-decoration:none !important;}
.newFAT a:visited {color:#444 !important;text-decoration:none !important;}
.newFAT a:active {color:#444 !important;text-decoration:none !important;}
.newFAT a:hover {color:#f29a1b !important;text-decoration:none !important;}

.newFAY a {padding-bottom: 8px; border-bottom: 2px solid #006fba;}
.newFAY a:link {color:#444 !important;text-decoration:none !important;}
.newFAY a:visited {color:#444 !important;text-decoration:none !important;}
.newFAY a:active {color:#444 !important;text-decoration:none !important;}
.newFAY a:hover {color:#006fba !important;text-decoration:none !important;}



/*
.frontCard {
	border: 1px solid #ddd; background: #fbfbfb; border-radius: 2px;
	padding: 20px 10px 10px 10px;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
	}
*/

.frontCard {
	border: 1px solid #11344e; background: #fff; border-radius: 2px;
	padding: 20px 10px 10px 10px;
	box-shadow: none;
	margin-bottom: 10px;
	}

.frontCard-in {padding: 5px 20px; font-size: 95%;}

.frontCard-out {
	transition: transform 0.3s ease-in-out;
	margin-bottom: 30px;
}

.frontCard-out:hover {
	transform: scale(1.02);
}

.frontCard-out table {width: 100%; font-size: 85%; margin: 0;}
.frontCard-out th {padding: 0 8px 2px 8px; font-weight: normal; width: 55%;}
.frontCard-out td {padding: 0 8px 2px 8px;}

.frontCardImgDiv {
	padding-top: 40px;
	text-align: center;
}

.frontCardImg {
	width: 80%;
}




.latestNews {border: 1px solid #eee; border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.05);}
/*.latestNews {border: 1px solid #11344e; border-radius: 5px; overflow: hidden;}*/
.newsCon {min-height: 220px; overflow: hidden;}
.newsConDiv {max-width: 1000px; margin: 0 auto;}
.newsImgP {text-align: center; padding: 20px 0 30px 0;}
.newsImgP img {border-radius: 7px;}


.modal.fade.in {
		display: block !important;
		opacity: 1;
		transition: opacity .15s linear;
}

.modal-backdrop {
		opacity: 0.95 !important;
		background-color: rgba(0, 0, 0, 0.95) !important;
}

input[type="checkbox"], input[type="radio"] {
		transform: scale(1.5); /* 크기 조절 */
		margin-right: 10px; /* 라벨과 간격 조정 */
}




/*** 미디어쿼리 ***/


@media (min-width: 750px) {
  #topLine {font-size: 90%; padding: 12px 25px; background: #40b8b8; color: #fff;}
  #frontTop-logoArea {padding: 0 10px 0 10px;}
  #topLineB {font-size: 90%; padding: 5px 25px; height: 25px;}
  
  h1 {font-size: 26px !important;}
  /*#contents {width: 100%; max-width: 1050px; margin: 0 auto;}*/
  .contents {width: 100%; max-width: 1050px; margin: 0 auto;}
  
  .front-definition {font-size: 16px; line-height: 180%;}
  
  .airlinesPoints {padding: 15px; font-size: 85%; height: 100px;}
  .airlinesPhoto_con {height: 250px;}
  .airlinesPhoto_benefits {font-size: 90%;}
	
	.frontTitle1 {font-size: 2.6rem; padding-bottom: 10px;}
	.frontTitle2 {font-size: 5rem; line-height: 120%; word-spacing: 0.5rem;}
	.frontCard-in img {width: 100%}
	.ppl-0 {padding-left: 0;}
	.ppr-0 {padding-right: 0;}
	
	
	.newsConFront {min-height: 220px; overflow: hidden;}
	
	
	.pw10 {width: 10%;}
	.pw20 {width: 20%;}
	.pw30 {width: 30%;}
	.pw40 {width: 40%;}
	.pw50 {width: 50%;}
	.pw60 {width: 60%;}
	.pw70 {width: 70%;}
	.pw80 {width: 80%;}
	.pw90 {width: 90%;}
	.pw100 {width: 100%;}
	
	.newsImg {width: 70%;}
}




@media (max-width: 750px) {
  #topLine {font-size: 80%; padding: 10px; background: rgba(10,58,89,0.11); color: #222;}
  #topLineB {font-size: 80%; padding: 8px;}
  #frontTop-logoArea {padding: 0 10px 20px 10px;}
  
  h1 {font-size: 22px !important;}
  #contents {padding-left: 5%; padding-right: 5%;}
  .contents {padding-left: 5%; padding-right: 5%;}
  
  .front-definition {font-size: 14px;}
  
  .airlinesPoints {padding: 20px; font-size: 95%; height: 100px;}
  .airlinesPhoto_con {height: 310px;}
  
  .front_idDiv {height: 290px;}
  
  .dwText {height: 125px;}
	
	.frontTitle1 {font-size: 2.4rem; padding-bottom: 10px;}
	.frontTitle2 {font-size: 3.5rem; line-height: 120%;}
	.frontCard-in img {width: 70%}
	
	.mw10 {width: 10%;}	
	.mw20 {width: 20%;}	
	.mw30 {width: 30%;}	
	.mw40 {width: 40%;}
	.mw50 {width: 50%;}
	.mw60 {width: 60%;}
	.mw70 {width: 70%;}
	.mw80 {width: 80%;}
	.mw90 {width: 90%;}
	.mw100 {width: 100%;}
	
	.newsImg {width: 100%;}	
	.btn-lg {padding: 15px 10px!important; font-size: 1.2em!important;}
	
	.modal-body {padding: 0;}
	

}