@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:#000;
	border-bottom:1px #e1e1e1 solid;
	transition:all .4s;
	display:block;
	width:100%;
	height:50px;
}
#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-ph {color:#ffffff;}
#page-container #logo-container.pageheader #logo-tv {margin-left:-5px;width:40px;height:20px;line-height:20px;font-size:0.7em;}
#page-container #user-menu-button {display:block;position:absolute;line-height:50px;right:15px;}



/* header-nav-bar *****************/
#page-header .header-nav-bar {padding:0 10px;height:50px;vertical-align:middle;}
#page-header .header-nav-bar .header-nav-item {float:left;position:relative;min-height:40px;}
#page-header .header-nav-bar .header-nav-item .nav-icon-link {position:relative;display:block;padding:1rem 1.1rem;color:#494949;cursor: pointer;outline:0;background-color:transparent;transition:all ease-in-out .15s;}
#page-header .header-nav-bar .header-nav-item .nav-icon-link:hover {background-color:#c9c9c9;}
#page-header .header-nav-bar .header-nav-item .nav-icon-link:selected {background-color:#47545B;}
#page-header .header-nav-bar .header-nav-item .tpoint-icon.nav {width:17px;height:16px;line-height:17px;background:#494949;vertical-align:middle;}
#page-header .header-nav-bar .header-nav-item .nav-name {margin-left:5px;}
#page-header .header-nav-bar .header-nav-item .nav-icon-link2 {position:relative;display:block;font-size:1.1rem;font-weight:500;padding:1rem 1rem;height:50px;color:#494949;cursor: pointer;outline:0;background-color:transparent;transition:all ease-in-out .15s;}
#page-header .header-nav-bar .header-nav-item .nav-icon-link2 i {margin-right:5px;font-weight:500;vertical-align:middle;}
#page-header .header-nav-bar .header-nav-item .nav-icon-link2:hover {background-color:#c9c9c9;}
#page-header .header-nav-bar .header-nav-item #gnb-expand-button {display:none;}
#page-header .header-nav-bar .header-nav-item #snb-toggle-button {display:block;}
#page-header .header-nav-bar .header-nav-item #gnb-message-container {display:block;position:relative;z-index:10;}
#page-header .header-nav-bar .header-nav-item #gnb-message-container #message-count {display:block;position:absolute;z-index:2;top:8px;left:28px;width:17px;height:17px;line-height:17px;color:#ffffff;font-size:.6rem;font-weight:500;text-align:center;background:#ff3300;border-radius:100%;overflow:hidden;}
#page-header .header-nav-bar .header-nav-item #select-qlink-container {display:block;position:relative;z-index:10;}
#page-header .header-nav-bar .header-nav-item #select-qlink-button {margin:10px 0 0 10px;background:#f9f9f9;font-size:0.8rem;color:#999;font-family:"Tahoma";font-weight:500;border:1px #ddd solid;/*width:176px;*/width:90px;height:30px;padding:0 15px;line-height:30px;text-align:left;}
#page-header .header-nav-bar .header-nav-item #select-qlink-button .qlink-arrow {float:right;margin-top:12px;}
#page-header .header-nav-bar .header-nav-item #qlink-list-container {position:absolute;top:32px;right:0px;/*width:206px;*/width:120px;background-color:rgb(255,255,255);border: 1px solid rgba(0,0,0,.15);box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.1);}
#page-header .header-nav-bar .header-nav-item #qlink-list-container .qlink-list li {display:block;line-height:36px;padding:0 15px;font-size:0.9rem;text-align:left;}
#page-header .header-nav-bar .header-nav-item #qlink-list-container .qlink-list li:hover {background:#4EBCF1;color:#ffffff;}
#page-header .header-nav-bar .header-nav-item #qlink-list-container .qlink-list li.clicked {background:#4EBCF1;color:#ffffff;}


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