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

/* Extra large devices (large desktops, 1200px and up) */
@media ( min-width : 1199.02px) {
	.sigol {
		background-attachment: fixed;
	}
}

/* Large devices (desktops, less than 1200px) */
@media ( max-width : 1199px) {
	.navbar-expand-lg.fixed-top {
		/* background-color: rgba(103, 46, 141, 0.9); */
		background-color:#9d9dca;
	}
	.section-title-block {	background-size: initial;	}
	/* .u-promo-block {	background-size: auto 100vh;	} */
	.bg-laptopwoman:before { opacity: 0;} 
}

/* Between Large devices (desktops, less than 1200px) and Medium devices (tablets, less than 992px) */
@media ( max-width : 1199px) and ( min-width : 992px) {
	#navbarToggler .navbar-nav .nav-item .nav-link {
	   font-size: 1rem !important;
	}

	#navbarToggler .dropdown-menu .dropdown-item {
	   font-size: 1rem !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;
	}
		
}

/*  Medium devices (tablets, less than 992px)*/
@media ( max-width : 991.98px) {
	/* .u-promo-block { min-height: 80vh;	} */
	.navbar-expand-lg.fixed-top {
		background-color: #9d9dca;
	}
	/* 
	.u-icon-block__col--left-brd {
		border-left: solid 1px #e6e7e9;
		border-bottom: solid 1px #e6e7e9;
	}
	 */
	.tab-link {
		font-size: 1rem !important;
	}
	
	.dropdown-item { 
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
	 	}	
	.scroll-shadow {display:block;}
	
	/* 모바일에서 터치 후 Hover효과(색상) 남아있는 문제 해소 */
	.links>div:hover .u-icon-secondary{
		background-color: #00c9a7;
	    border-color: #00c9a7;
    }
}

/* 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: 98vh;	} */
	.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: 1.25rem !important;
	}
	.bg-main-img {background-image: none;}
	.links div .t-shadow-a {text-shadow: none; color: #555;}
	.bg-waterdrop:before { width: 100%; height: 100%; background-position-y: top;}
  	
}

/* 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 */
	}
	.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%;	}
	body::-webkit-scrollbar {display: none;	/* Chrome, Safari, Opera*/	}       
	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;	}
	.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: 2rem;	}
	.section-title-block {	padding-top: 4rem;	}
	.dropdown-menu {	border-color: #3584E3;	}
	.bg-main {	background-color: #3584E3;	}
	.bg-main-img { background-position: center;}
	.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: 150px;	}
	.u-ver-center {	position: absolute;	top: 43%;	transform: translate3d(0, -50%, 0);	}
	.guide-tab {	padding-right: 0px;	padding-left: 0px;	}
	.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: 0rem;} */
	
	#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 {
		padding-left: 0; 
		padding-right: 0; 
		}
	#pills-tab > li:nth-child(odd) { padding-right: 2px;}
	#pills-tab > li:nth-child(even) { padding-left: 2px;}
 
	
	#pills-tab .nav-link {padding: 0.6rem;}		
	.js-parallax>div>div> #pills-tab {	margin-right: 0px;    margin-left: 0px;	}

	/* 	
	#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; 	}
	
	.js-parallax .nav-pills .nav-link {font-size: 1.13rem;}
	/* .js-parallax #pills-tab li:nth-child(odd) {padding-right: 5px!important;}
	.js-parallax #pills-tab li:nth-child(even) {padding-left: 5px!important;} */
	
	.col-4 {padding-right: 4px;  padding-left: 4px;}
	
	footer span br,
	table tr td br,
	.u-icon-block h3 br,
	.font-icon br {display: block;}	
	.block-mobile-only {display: block; height: 1px; width: 1px;opacity: 0;}	
	.u-icon-block h3 {line-height: 110%;}
	.sigol >div>div>div>div h1 {padding: 0;}
	
	footer div .navbar-brand img {margin-left: 1.3rem;} 

	
	ul.nav-pills li.col-sm-4:nth-child(2) {margin-top: 5px; margin-bottom: 5px;}
	.u-icon-block {min-width: 140px;}
	/* 모바일 드롭다운메뉴 */
	#navbarToggler .navbar-nav .nav-item .dropdown-menu .dropdown-item { padding-top: 0.5rem;  padding-bottom: 0.5rem;}
	
	.cut-if-long  {
		display: inline-block;
  		width: 238px;
  		text-overflow: ellipsis;
  		white-space: nowrap; 
  		overflow: hidden;} 	
  	.main-title br {display: block;}  	
  	
}

@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;
	}
}