@charset "utf-8";



/* Layout ***********************/
#page-container {
	display:block;
	width:100%;
	min-height:100vh;
}
#page-container #content-container {display:block;margin:0 auto;width:100%;/*max-width:1280px;*/}

#page-container #page-header {
	position:relative;
	background-color:#397A38;
	border-bottom:1px #e1e1e1 solid;
	transition:all .4s;
	display:block;
	width:100%;
	height:50px;
}
#page-container #page-body {display:block;margin:0 auto;width:100%;max-width:1280px;}
#page-container #page-footer {margin:0 0 20px 0;padding:20px 0;border-top:1px #ccc solid;}

#page-footer .copyright-list {margin:0;}
#page-footer .copyright-list li {display:block;line-height:1.2rem;color:#a9a9a9;font-size:.85rem;text-align:center;}
#page-footer .copyright-list li i {margin:0 0 0 15px;}

/* header-nav-bar *****************/
/* 로고 LOGO */
#page-container #logo-container {display:block;position:absolute;height:50px;text-align:center;}
#page-container #logo-container #logo-ph {position:relative;z-index:2;margin-left:-45px;font-weight:900;color:#006666;}
#page-container #logo-container #logo-tv {display:inline-block;position:absolute;z-index:1;font-weight:900;color:#ffffff;text-align:center;
/*	border-radius:.5rem; */
	border-radius: 70px / 15px;
	background:#ff3300;
	background-image: linear-gradient(to right top,#12c2e9, #c471ed, #f64f59);
	box-shadow: 0 1px 5px rgba(0,0,0,.05);
	box-sizing: border-box;
	transform: rotate(18deg);
}
#page-container #logo-container.signform {position:unset;margin:80px auto 10px auto;width:100%;height:80px;line-height:80px;font-size:2.8rem;}
#page-container #logo-container.signform #logo-tv {margin-left:-10px;width:70px;height:40px;line-height:40px;font-size:0.8em;}
#page-container #logo-container.pageheader {margin:0 auto;padding-top:10px;width:100%;height:40px;line-height:40px;font-size:1.6rem;}
#page-container #logo-container.pageheader #logo-trophykids {display:block;width:124px;height:28px;margin:0 auto;}
#page-container #user-menu-button {display:block;position:absolute;line-height:50px;right:15px;}





/*global menu *****************/
/*
#page-container #global-menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: flex-start;
	padding:10px 0;
}
#page-container #global-menu .glbmenu-button {display:inline-block;width:30%;height:30px;line-height:30px;text-align:center;font-family:"Comic Sans MS";
background:#eee;
border:1px #bbb solid;
color:#444;
border-radius:.3rem;overflow:hidden;
}
*/
#page-container #global-menu-container {display:block;border-bottom:1px #eee solid;margin-bottom:30px;}
#page-container #global-menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: flex-start;
	width:100%;
	max-width:1280px;
	margin:0 auto;
}
#page-container #global-menu .glbmenu-button {display:inline-block;width:100%;height:40px;line-height:44px;text-align:center;font-family:"Comic Sans MS";font-size:1.1rem;
color:#444;
border-bottom:6px #f9f9f9 solid;
overflow:hidden;
}
#page-container #global-menu .glbmenu-button.active {border-bottom: 6px red solid;}


/* sub-menu */
#page-container #sub-menu-container {display:block;max-width:800px;margin:0 auto;}
#page-container #sub-menu {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: flex-start;
	padding:10px 0;
}
#page-container #sub-menu .submenu-button {display:inline-block;width:30%;height:40px;line-height:40px;text-align:center;font-family:"Comic Sans MS";font-size:1.0rem;
background:#3A8658;
/*border:1px #bbb solid;*/
color:#ffffff;
border-radius:.5rem;overflow:hidden;
}






@media screen and (min-width: 1024px) and (max-width: 1199px){
}

@media screen and (min-width: 600px) and (max-width: 1023px){
}

@media screen and (min-width: 419px) and (max-width: 599px){
}

/* 599px */
@media screen and (max-width: 418px) {
	#page-container {
		display:block;
		height:100vh;
		transition:1s;
	}

	#page-footer .copyright-list li .collapse-text {display:block;}
}