/* 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: fixed;
	}
}

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

/* 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: 30px;	}
	.modal-xl {	max-width: 1200px;}
	.display-lg-5 {	font-size: 3rem;}
	.display-lg-6 {font-size: 2.5rem;}
	.nav-close-btn {display: none;}
	.dropdown-menu {margin-left: -30px;} 
	.u-promo-block {min-height: 38vh !important;}
	.no-click-event {pointer-events : 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: rgba(53, 132, 227, 0.9);	} */
	.u-icon-block__col--left-brd {
		border-left: solid 1px #e6e7e9;
		border-bottom: solid 1px #e6e7e9;
	}
	.tab-link {
		font-size: 1rem !important;
	}
	.topsymgo-water-color {
		background-image: url('../images/common/symgo-water-white.png');
	}
	.topsymgo-water-color img {visibility: hidden;	}
	
	/* .navbar-light .navbar-nav .nav-link { color: #fff;} */
	.navbar {background-color: rgba(247,255,240,1); padding: 0.8rem 1rem;box-shadow:0px 1px 5px #c1c1c1;}
	.navbar-brand img {width: 155px;margin-top: -5px;margin-left: -8px;} 
}

/* 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-icon-block__col {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	
	.tab-link {
		font-size: 1rem !important;
	}
	
	.display-sm-4 {
		font-size: 2.5rem!important;
	}
	.topsymgo-water-color {
		background-image: url('../images/common/symgo-water-white.png');
		width: 170px;height: 31px;
	}
	.u-promo-block{
		padding-top: 2.25rem;
		padding-bottom: 2.25rem;
	}
	/* 
	.navbar-dark .navbar-nav .nav-link {
    	color: white!important;
	}
	 */
	.guide-tab .nav-link {font-size: 1rem;letter-spacing: -1.5px;padding-left: 0.3rem;padding-right: 0.3rem;}
	.bg-transparent-gray {background-color : rgba(94, 94, 94, 1)}
	
	/* 드롭다운 메뉴이 상하 간격 */
	.dropdown-item {padding-top: 0.5rem!important; padding-bottom: 0.5rem!important;}
	
}

/* 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;
	}
	.mobile-only {
		display: none;
	}

}

/* 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: 1.5rem!important;
	}	
	.display-sm-4 {
		font-size: 1.8rem!important;
		letter-spacing: -1px!important;
		padding-top: 0.7rem!important;
	}
	
	.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;
	}
	.pc-only {
		display: none;
	}
	.u-promo-block {
		padding-top: initial;
		padding-bottom: initial;
		height: 70vh;
	}
	
	.logo-width {
		width: 80px;
	}
	.u-ver-center {
		position: absolute;
		top: 57%;
		transform: translate3d(0, -50%, 0);
	}
	.mobile-bg-white {background-color: #fff!important;}
	/* .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>.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;
		border-bottom: 1px solid #e6e7e9;
	}
	.bill-list>.list-group-item {
		/* 
		padding: 1rem 1.25rem;
		*/
		padding: 0.25rem 1.25rem; 
	}
	
	
	.nav-link {font-size: 1.1rem}
	.text-left .display-xxs-5 {font-size: 1.5rem!important;} 
	.text-left .display-xxs-4 {margin-top: -1rem!important;}
	.text-left .h6 {font-size: 0.8rem!important; margin-top: -10px!important; line-height: 140%!important;}
}

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