/* media query nodecore.co.Ltd author : GPA date : 2020-04-11 */

/* Extra large devices (large desktops, 1200px and up) */
@media ( min-width : 1199.02px) {
	.u-promo-block {
		background-attachment: scroll;
	}
	.text-changecolor {color: #1c449c!important;}
}

/* Large devices (desktops, less than 1200px) */
@media ( max-width : 1199px) {
	.navbar-expand-lg.fixed-top {
		background-color: rgba(209, 229, 251, 0.97);
	}
	.section-title-block {
		background-size: initial;
	}
	/* .u-promo-block {background-size: auto 100vh;} */
	.text-changecolor {color: #fff!important;}
	.bg-main-img { background-position: 30% 15%!important;}
	
}

/* Large devices (desktops, 992px and up) */
@media ( min-width : 992px) {
	.dropdown:hover .dropdown-menu {
		display: block;
	}
	.navbar {
		line-height: 60px;
	}
	.modal-xl {
		max-width: 1200px;
	}
	.display-lg-5 {
		font-size: 3rem;
	}
	.display-lg-6 {
		font-size: 2.5rem;
	}
	.nav-close-btn {
		display: none;
	}
	.pcmar { margin-left: -50px!important;}
}

/*  Medium devices (tablets, less than 992px)*/
@media ( max-width : 991.98px) {
	.u-promo-block { min-height: 87vh;}
	.navbar-expand-lg.fixed-top {
		background-color: rgba(209, 229, 251, 0.97);
		box-shadow:0px 2px 5px #999;
	}
	.u-icon-block__col--left-brd {
		border-left: solid 1px #e6e7e9;
		border-bottom: solid 1px #e6e7e9;
	}
	.tab-link {
		font-size: 1rem !important;
	}
}

/* Medium devices (tablets, 768px and up) */
@media ( min-width : 768px) {
	.mobile-only {
		display: none;
	}

}

/*Small devices (landscape phones, less than 768px)*/
@media ( max-width : 767.98px) {
	/* .u-promo-block { min-height: 100vh;	} */
	.u-promo-block { padding-top:0.5rem; padding-bottom: 0.5rem;} 
	
	.u-icon-block__col {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.pc-only {
		display: none;
	}
	.tab-link {
		font-size: 1rem !important;
	}
	.nav-link-tab {
	    font-size: 0.75rem !important;
	}
	
	.bg-main-img {
    background-image: url('../images/common/main_bg_m.jpg');
    background-size: cover;
   }
	.bg-main-img::before { opacity: 0.3;}

}

/* Width angle small devices */
@media ( max-width : 991.98px) and (max-height: 420px) {
	body {
		font-size: 0.9rem;
		/* font-size: 80%; */
	}
	.tab-link {
		font-size: 1rem !important;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media ( min-width : 576px) {
	body {
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* Firefox */
	}
	body::-webkit-scrollbar {
		display: none;
		/* Chrome, Safari, Opera*/
	}
	.display-sm-4 {
		font-size: 3rem;
	}
	.display-sm-5 {
		font-size: 2.5rem;
	}
	.u-icon-block {
		border-bottom: solid 1px #e6e7e9;
	}

}

/* Extra small devices (portrait phones, less than 576px) */
@media ( max-width : 575.98px) {
	body {
		/* font-size: 80%; */
		font-size: 0.9rem%;
	}
	h1, .h1 {
		font-size: 1.75rem;
	}
	h2, .h2 {
		font-size: 1.5rem;
	}
	h3, .h3 {
		font-size: 1.25rem;
	}
	h4, .h4 {
		font-size: 1.15rem;
	}
	h5, .h5 {
		font-size: 1.1rem;
	}
	h6, .h6 {
		font-size: 1rem;
	}
	.h5-6 {font-size: 1rem!important; letter-spacing: -1px!important;}
	
	.display-xs-1 {
		font-size: 3.5rem;
	}
	.display-xs-2 {
		font-size: 3rem;
	}
	.display-xs-3 {
		font-size: 2.5rem;
	}
	.display-xs-4 {
		font-size: 1.88rem;
		letter-spacing: -1.5px;
	}
	.section-title-block {
		padding-top: 4rem;
	}
	.dropdown-menu {
		border-color: #3584E3;
	}
	.bg-main {
		background-color: #3584E3;
	}
	.modal-title {
		font-size: 1.25rem;
	}
	.m_hr {
		display: block;
	}
	.u-icon-block__col {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.inputedSuyNo {
		letter-spacing: 1px;
	}
	.u-promo-block {
		padding-top: initial;
		padding-bottom: initial;
	}
	.logo-width {
		width: 80px;
	}
	.u-ver-center {
		position: absolute;
		top: 54%;
		transform: translate3d(0, -50%, 0);
	}
	.guide-tab {
		padding-right: 0px;
		padding-left: 0px;
	}
	.nav-link {
		padding-right: 0.3rem!important;
		padding-left:  0.3rem!important;
	}
	.tab-link {
		font-size: 0.75rem !important;
		padding: 0.5rem !important;
	}
	.tab-content--v1 {
		padding: 0.25rem 0.25rem;
		border: 0px;
	}
	.nav-pills .nav-link {
		border-radius: 0.3rem;
	}
	#contents-1>.list-group>.list-group-item, #contents-2>.list-group>.list-group-item,
		#contents-3>.list-group>.list-group-item, #contents-4>.list-group>.list-group-item
		{
		/* font-size: 80%; */
		padding: 0.25rem 0.25rem;
		border: 0px solid #e6e7e9;
		margin-bottom: 0px;
		border-bottom: 1px solid #e6e7e9;
	}
	#pills-tab>li>.nav-link {
		padding: 1rem 1rem;
	}
	#pills-tab-1 {
		border-right: 1px solid #e6e7e9;
		border-bottom: 1px solid #e6e7e9;
	}
	#pills-tab-2 {
		border-bottom: 1px solid #e6e7e9;
	}
	#pills-tab-3 {
		border-right: 1px solid #e6e7e9;
	}
	.bill-list>.list-group-item {
		/* 
		padding: 1rem 1.25rem;
		*/
		padding: 0.25rem 1.25rem; 
	}
/* 추가 */	
	.u-promo-block { padding-top:40rem; padding-bottom: 0;} 
	.logo-water {width: 100px!important;}
	.nav-link {font-size: 1rem;}
	.text-changecolor {color: #1c449c!important;}
	.bg-main-img {
    background-image: url('../images/common/main_bg_m.jpg');
    background-size: cover;
   }
	.bg-main-img::before { opacity: 0.3;}
	.img-nusu {text-align:center;}
	.tit-main {margin-top: 1rem;}
	#tab-1, #tab-2 {color: #777;}
}
	
@media ( max-width : 575.98px) and (max-height: 420px) {
	.u-ver-center {
		position: initial;
		transform: translate3d(0, 0%, 0);
	}
}

/* iPhone 5/SE */
@media ( max-width : 329.98px) {
	body {
		/* font-size: 75%; */
		font-size: 0.85rem;
	}
	.display-xxs-1 {
		font-size: 3rem;
	}
	.display-xxs-2 {
		font-size: 2.5rem;
	}
	.display-xxs-3 {
		font-size: 2rem;
	}
	.display-xxs-4 {
		font-size: 1.5rem;
	}
	.inputedSuyNo {
		letter-spacing: 0px;
	}
	#tab-2 {
		letter-spacing: -3px;
	}
	.nav-link {
		font-size: 1rem;
		font-weight: 100;
	}
}