@charset "utf-8";
/*======================== 폰트 CDN =====================*/
/* IBM Plex Sans KR */
@font-face {
	font-family: 'IBMPlexSansKR-Text';
	src:
		url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Text.woff')
		format('woff');
	font-weight: normal;
	font-style: normal;
}
/*   영문글꼴을 맨앞에 배치하면 영어는 영문으로 표시됨    */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: middle;
	background: transparent;
	box-sizing: border-box;
	font-family: 'IBMPlexSansKR-Text', sans-serif, "Font Awesome 5 Free";
}

html {
	font-size: 10px;
	font-weight: 300;
	color: #666;
	min-height: 40rem;
} /* 1rem=10px, 1.3rem=13px */
body {
	font-size: 1.4rem;
	background-color: #fff;
	line-height: 1;
	padding-bottom: 10rem;
	display: none;
}

.container {
	width: 100rem;
	margin: 0 auto;
} /* 일반 컨텐츠 가로 폭 */
.containerr {
	width: 120rem;
	margin: 0 auto;
} /* 일반 컨텐츠 가로 폭 */
.containerrr {
	width: 110rem;
	margin: 0 auto;
} /* 일반 컨텐츠 가로 폭 */
section.setup .container {
	position: relative;
	width: 100%;
	min-width: 140rem !important;
	padding: 0 20rem 0 38rem;
	margin: 0 auto;
} /* 설정관련 컨텐츠 가로 폭, 18(sidemenu) */
section.treeview_layout .container {
	position: relative;
	width: 100rem;
	padding-left: 30rem;
	margin: 0 auto;
} /* 설정관련 트리뷰 컨텐츠 가로 폭 */

/****************************************************************************/
/*                                  공통 사항                               */
/****************************************************************************/

/*------------------- 배경 컬러  ---------------------*/
.tag_color_indigo {
	background-color: #4054AF !important;
} /* 포인트 블루 컬러 */
.tag_color_green {
	background-color: #12af92 !important;
} /* 그린 컬러 */
.tag_color_orange {
	background-color: #ff8200 !important;
} /* 오렌지 컬러 */
.tag_color_sky {
	background-color: #3399ff !important;
} /* 스카이 블루 */
.tag_color_purple {
	background-color: #6666ff !important;
} /* 퍼플 */
.tag_color_gray {
	background-color: #666 !important;
} /* 그레이 */
.tag_color_black {
	background-color: #000 !important;
} /* 블랙 */
.tag_color_lightyellow { background-color: #ffffee !important; }     /* 밝은 노량 */
.tag_color_lightgreen { background-color: #f3fcfb !important; }     /* 밝은 녹색 */

/*------------------- 컬러  ---------------------*/
.color_indigo {
	color: #4054AF !important;
} /* 포인트 블루 컬러 */
.color_green {
	color: #12af92 !important;
} /* 그린 컬러 */
.color_orange {
	color: #ff8200 !important;
} /* 오렌지 컬러 */
.color_sky {
	color: #3399ff !important;
} /* 스카이 블루 */
.color_purple {
	color: #6666ff !important;
} /* 퍼플 */
.color_gray {
	color: #666 !important;
} /* 그레이 */
.color_black {
	color: #000 !important;
} /* 블랙 */
.color_white {
	color: #fff !important;
} /* 화이트 */

/*------------------- 상태 아이콘 컬러  ---------------------*/
.st_regist {
	background-color: #FFBFBF !important;
} /* 신규 */
.st_confirm {
	background-color: #97BAFF !important;
} /* 등록 */
.st_checking {
	background-color: #FBA425 !important;
} /* 검 중 */
/* .st_datalack { background-color: #9E5ECE !important; }     정보 부족 */

.st_datalack {
	background-color: #760056 !important;
} /* 피드백 필요 */
.st_hold {
	background-color: #FFE699 !important;
} /* 보류 */
.st_solved {
	background-color: #92D050 !important;
} /* 해결 */


/*------------------- 돋보기 아이콘  ---------------------*/
.icon_magnyfy {
	margin-left: -2rem;
	font-size: 1.6rem;
	cursor: pointer;
} /* 검색 필드 우측 배치 */
.icon_magnyfy_title {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 1.6rem;
	cursor: pointer;
} /* 타이틀 우측 배치 */
.icon_magnyfy_textfd {
	position: absolute;
	right: 1.5rem;
	top: 0;
	font-size: 1.6rem;
	cursor: pointer;
} /* 타이틀 우측 배치 */

/*------------------- 새로고침 아이콘  ---------------------*/
.icon_refresh {
	position: absolute;
	right: 0;
	top: 0.7rem;
	color: #666;
	font-size: 1.4rem;
	cursor: pointer;
} /* 타이틀 우측 배치 */

/*------------------- 추가하기( + ) 아이콘  ---------------------*/
.icon_add {
	position: absolute;
	right: 1rem;
	top: 1rem;
	color: #666;
	font-size: 1.8rem;
	cursor: pointer;
} /* 입력필드 우측 배치 */
.icon_add:hover {
	color: #4054AF;
} /* 마우스 오버 */

/*------------------- 링크 스타일(기본) ---------------------*/
a {
	color: #666;
	text-decoration: none;
} /* link, visited 동일하게 설정할 경우 */
a:hover, a:active {
	color: #4054AF;
	cursor: pointer;
} /* 기본 */

/*------------------- 링크 스타일(문장속 링크) ---------------------*/
a.link {
	color: #4054AF;
	text-decoration: underline;
} /* link, visited 동일하게 설정할 경우 */
a.link:hover, a.link:active {
	color: #4054AF;
	text-decoration: none;
	cursor: pointer;
} /* 기본 */

/*------------------- 텍스트 스타일 및 정렬 ---------------------*/
.strong {
	font-weight: 500;
} /* 강조 */
.txt_left {
	text-align: left !important;
}

.txt_right {
	text-align: right !important;
}

.txt_center {
	text-align: center !important;
}

.temp_join_btn{
	display: inline-block; 
	position: absolute; 
	top: -5px; 
	right: 0;
}
.redstar_withtitle { /* 필수 입력을 위한 별표 스타일 (타이틀과 함께) */
	position: absolute;
	display: inline-block;
	right: 0;
	top: 0;
	color: #f66363;
	font-size: 1.4rem;
	font-weight: 300;
}

.redstar {
	display: inline-block;
	margin-top: -0.6rem;
	color: #f66363;
} /* 필수 입력을 위한 별표 스타일 */
.short_text {
	display: inline-block !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
} /* 말 줄임 표시(한줄) */
.short_td { text-overflow: ellipsis !important; white-space: nowrap !important; overflow: hidden !important; }  /* 말 줄임 표시 , 가로폭은 별도 지정해야 함*/
.multi_short_text { /* 2줄 말줄임 */
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	height: 3.5rem !important;
	-webkit-line-clamp: 2 !important; /* 보여줄 줄 수 */
	line-height: 1.5rem !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.inline {
	display: inline-block !important;
}

.nowrap {
	white-space: nowrap !important;
} /* 줄바꿈 방지 */
.relative {
	position: relative;
} /* 아이콘 등의 위치를 위한 기준 설정 */

/*------------------- HEADER ---------------------*/
header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 8rem;
	line-height: 8rem;
	border-bottom: 0.1rem solid #DADADA;
	background-color: rgba(255, 255, 255, 1);
	z-index: 10;
	-webkit-transition: all ease .6s;
	-moz-transition: all ease .6s;
	-o-transition: all ease .6s;
	-ms-transition: all ease .6s;
	transition: all ease .6s;
}

header.change {
	height: 5rem;
	line-height: 5rem;
	background-color: rgba(255, 255, 255, 0.9);
} /* 헤더크기변경 */
header .container {
	width: 100%;
} /* 헤더영역 좌우 여백 */
#sitename {
	float: left;
} /* 사이트 타이틀 & 로고 영역 */
#sitename img {
	width: 15rem;
	margin-left: 8rem;
	margin-right: 1rem;
} /* 회사로고 및 좌측여백 */
#sitename h1 {
	display: inline-block;
	font-size: 1.7rem;
	font-weight: 600;
	color: #000;
} /* 사이트명 */
nav {
	float: right;
	text-align: right;
} /* 메인메뉴 영역 */

/*------------------- MENU (슬라이딩) ---------------------*/
#menu {
	position: relative;
	display: inline-block;
	background-color: transparent;
	text-align: left;
} /* 전체 메뉴를 float 시킴 */
#menu>li {
	position: relative;
	float: left;
} /* 1 Depth 메뉴를 일렬로 늘어놓기 */
#menu>li>a { /* 1 Depth 메뉴 개별 스타일 */
	display: inline-block;
	padding: 0 1rem;
	width: auto;
	height: 8rem;
	line-height: 8rem;
	font-size: 1.4rem;
	font-weight: 400;
	text-align: center;
	border-bottom: 0.1rem solid transparent;
	-webkit-transition: all 0.3s 0.1s;
	-moz-transition: all 0.3s 0.1s;
	-ms-transition: all 0.3s 0.1s;
	transition: all 0.3s 0.1s;
}

#menu>li>a:hover {
	border-bottom: 0.1rem solid #4054AF;
	color: #4054AF;
} /* 1 Depth 마우스 오버  */
#menu>li>a.change {
	height: 5rem;
	line-height: 5rem;
} /* 1depth 메뉴 높이 변경  */
#menu>li>a.on {
	color: #4054AF;
	border-bottom: 0.1rem solid #4054AF;
} /* 1depth 메뉴 활성화 */
#menu ul { /* 2depth 메뉴 영역 */
	position: absolute;
	clear: both;
	top: 8rem;
	background-color: #fff;
	display: none; /* 처음에 숨기기 */
	white-space: nowrap;
	border-left: 0.1rem solid #DADADA;
	border-top: 0.1rem solid #4054AF;
	border-right: 0.1rem solid #DADADA;
	border-bottom: 0.1rem solid #DADADA;
	box-shadow: 0 0.5rem 0.5rem 0.1rem rgba(0, 0, 0, 0.1);
	/* 그림자: x, y, blur, spread, color */
}

#menu ul.change {
	top: 5rem;
} /* 2depth 메뉴 높이 변경  */
#menu ul li {
	display: block;
	width: 100%;
	line-height: 1;
} /* 2depth 메뉴 li */
#menu ul li a { /* 2depth 메뉴 개별 스타일 */
	display: inline-block;
	padding: 1rem 1rem;
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.5;
	width: 100%;
	-webkit-transition: all 0.3s 0.1s;
	-moz-transition: all 0.3s 0.1s;
	-ms-transition: all 0.3s 0.1s;
	transition: all 0.3s 0.1s;
}

#menu ul li a:hover {
	background-color: #f9f9f9;
	color: #000;
} /* 서브메뉴에 마우스 오버시 */

/*------------------- ACCOUNT MENU ---------------------*/
#accountmenu {
	display: inline-block;
	margin-left: 5rem;
	margin-right: 6rem;
} /* 알림 및 계정정보 영역 */
#accountmenu>ul>li {
	display: inline-block;
	line-height: 1;
} /* 메뉴 개별 영역 설정 */
#accountmenu>ul>li>a {
	font-size: 1.4rem;
	font-weight: 300;
	color: #666;
	display: block;
} /* 메뉴 개별 스타일 지정 */
#accountmenu>ul>li>a:hover {
	color: #4054AF;
	text-decoration-line: none;
	cursor: pointer;
}

#accountmenu>ul>li>a:first-child {
	margin-right: 1rem;
} /* 알림 메뉴 우측 여백 */
#accountmenu img {
	width: 1.6rem;
	margin-right: 0.5rem;
} /* 알림 및 계정정보 아이콘 크기 및 배치 */
#alam a:hover img {
	content: url("../img/alam_over.png");
} /* 알림 마우스오버 아이콘 변경 */
#account a:hover img {
	content: url("../img/account_over.png");
} /* 계정정보 마우스오버 아이콘 변경 */

/*------------------- DropDown MENU (계정정보 서브메뉴) ---------------------*/
#account {
	position: relative;
}

.dropdown_menu ul {
	position: absolute;
	left: -3rem;
	top: 3.5rem;
	width: 10rem;
	border-top: 0.1rem solid #4054AF;
	border-right: 0.1rem solid #DADADA;
	border-left: 0.1rem solid #DADADA;
	border-bottom: 0.1rem solid #DADADA;
	background-color: #fff;
	visibility: hidden;
	opacity: 0; /* 처음에 숨김 */
	-webkit-transition: all 0.3s 0.1s;
	-moz-transition: all 0.3s 0.1s;
	-ms-transition: all 0.3s 0.1s;
	transition: all 0.3s 0.1s;
}

.dropdown_menu ul::after { /* 삼각형 돗 */
	content: "";
	position: absolute;
	left: 4rem;
	top: -1.5rem;
	display: block;
	border-top: 0.7rem solid transparent;
	border-left: 0.7rem solid transparent;
	border-right: 0.7rem solid transparent;
	border-bottom: 0.7rem solid #4054AF;
}

.dropdown_menu ul.show {
	visibility: visible;
	opacity: 1;
} /* 클릭시 나타나게할 클래스 */
.dropdown_menu ul li a { /* 개별 메뉴 스타일 */
	display: block;
	padding: 1rem 1rem;
	font-size: 1.2rem;
	font-weight: 300;
	text-align: left;
	-webkit-transition: all 0.3s 0.1s;
	-moz-transition: all 0.3s 0.1s;
	-ms-transition: all 0.3s 0.1s;
	transition: all 0.3s 0.1s;
}

.dropdown_menu ul li a:hover {
	color: #000;
	background-color: #f9f9f9;
	cursor: pointer;
}

/*------------------- PATH ---------------------*/
#path {
	position: fixed;
	width: 100%;
	left: 0;
	top: 8rem;
	clear: both;
	height: 4rem;
	line-height: 4rem;
	border-bottom: 0.1rem solid #DADADA;
	background-color: rgba(255, 255, 255, 1);
	z-index: 9;
	-webkit-transition: all ease .6s;
	-moz-transition: all ease .6s;
	-o-transition: all ease .6s;
	-ms-transition: all ease .6s;
	transition: all ease .6s;
}

#path.change { /* 경로크기변경 및 그림자 추가 */
	top: 5rem;
	height: 3rem;
	line-height: 3rem;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0.2rem 0.5rem 0.1rem rgba(0, 0, 0, 0.1);
	/* 그림자: x, y, blur, spread, color */
}

#path .container {
	width: 100%;
} /* 영역 좌우 여백 */
#path a {
	font-size: 1.2rem;
	font-weight: 200;
} /* 텍스트 스타일 */
#path a:first-child {
	margin-left: 8rem;
} /* 좌측여백 */
#path span {
	font-size: 1rem;
	font-weight: 100;
	padding: 0 0.5rem;
	color: #ccc;
} /* >> 스타일 */

/*------------------- side menu ---------------------*/
div.sidemenu {
	position: absolute;
	width: 16rem;
	left: 20rem;
	top: 0;
	margin: 1rem 0 !important;
}

div.sidemenu h3 {
	width: 100%;
	height: 3rem;
	font-size: 1.8rem;
	font-weight: 500;
	color: #000;
} /* 메뉴 타이틀 */
div.sidemenu>ul>li {
	margin-bottom: 0.5rem;
} /* 1depth 메뉴 세로 마진 */
div.sidemenu>ul>li>a {
	display: inline-block;
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.6rem;
} /* 1depth menu */
div.sidemenu>ul>li>a.on {
	color: #4054AF;
	font-weight: 500;
} /* 1depth menu 선택 시 */
div.sidemenu>ul>li>a>span {
	font-size: 1.5rem;
	vertical-align: middle;
	color: #aaa;
} /* dot */
div.sidemenu>ul>li>div {
	margin-left: 1.3rem;
} /* 2depth menu block 들여쓰기 */
div.sidemenu>ul>li>div>ul>li>a {
	display: inline-block;
	width: auto;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1.4rem;
} /* 2depth menu */
div.sidemenu>ul>li>div>ul>li>a.on {
	color: #4054AF;
	font-weight: 500;
} /* 2depth menu 선택 시 */

/*------------------- 문의시간 ---------------------*/
#inquirytime { position: fixed; bottom: 4rem; clear: both; width: 100%; height: 5rem; line-height: 5rem; background-color: #eaeaea; z-index: 9999;}
#inquirytime .container { width: 100%; } /* 영역 좌우 여백 */
#inquirytime .container div { margin-left: 8rem; }  /* 좌측여백 */
#inquirytime i { font-size: 2rem; padding-right: 1rem; color: #000; }   /* 전화기 아이콘 */
#inquirytime p span:nth-child(2) { font-size: 1.5rem; font-weight: 400; color: #000; padding-right: 5rem; }   /* 문의시간 타이틀 */
#inquirytime p span:nth-child(3) { font-weight: 400; color: #000; padding-right: 1rem;  }   /* 지원센터 운영시간 타이틀 */
#inquirytime p span:nth-child(4) { font-weight: 400; color: #000; padding-left: 3rem; padding-right: 1rem; }   /* 대표전화 타이틀 */
#inquirytime p span:nth-child(5) { font-weight: 400; color: #000; padding-left: 3rem; padding-right: 1rem; }   /* Tech365 타이틀 */

/*------------------- 회사주소 & 개인정보정책 ---------------------*/
#addr_policy { position: fixed; bottom: 0; clear: both; width: 100%; height: 4rem; line-height: 4rem; background-color: #343434; z-index:9999;}
#addr_policy .container { width: 100%; overflow: hidden; } /* 영역 좌우 여백 */
#addr_policy .container div:first-child span { color: #DADADA; padding-left: 8rem; padding-right: 2rem; }  /* 회사명 */
#addr_policy .container div:first-child { float: left; color: #919191; font-size: 1.2rem; }   /* 회사주소 */
#addr_policy .container div:last-child { float: right; text-align: right; padding-right: 8rem; }  /* 개인정보보호방침 영역 */
#addr_policy .container div:last-child a { color: #919191; }  /* 개인정보보호방침 링크 */
#addr_policy .container div:last-child a:hover { color: #DADADA; }  /* 개인정보보호방침 링크 마우스오버 */
#addr_policy .container span.copyright { font-size: 1.2rem; color: #919191 !important; height: 3rem; line-height: 3rem; padding-left: 2rem !important; }  /* copyright */

/*------------------- FOOTER ---------------------*/
footer {
	position: fixed;
	bottom: 0;
	clear: both;
	width: 100%;
	background-color: #2C2C2C;
}

footer .container {
	width: 100%;
} /* 영역 좌우 여백 */
footer p {
	font-size: 1rem;
	color: #919191;
	height: 3rem;
	line-height: 3rem;
	padding-left: 8rem;
}

/*------------------- button Go to the Top ---------------------*/
#btn_gotop {
	position: fixed;
	right: 1rem;
	bottom: 10rem;
	width: 4rem;
	height: 4rem;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

#btn_gotop a {
	display: block;
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	border-radius: 50%;
	font-size: 2rem;
	text-align: center;
	color: #ccc;
	transform: rotateZ(-90deg);
	background-color: #4054AF;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

#btn_gotop a:hover {
	background-color: #4054AF;
	color: #fff;
	opacity: 1;
}

#btn_gotop.change {
	opacity: 0.8;
} /* 버튼 나타남 */

/*------------------- 퀵메뉴 ( Widget ) ---------------------*/
#quickmenu {
	position: absolute;
	top: 500px;
	right: 8rem;
	opacity: 0.9;
	box-shadow: 0 0.5rem 0.5rem 0.1rem rgba(0, 0, 0, 0.1);
	z-index: 3;
	/* 그림자: x, y, blur, spread, color */
} /* 위젯 위치 */
#quickmenu li {
	width: 8rem;
} /*  메뉴 가로 크기 */
#quickmenu li a { /* 개별 메뉴 스타일  */
	display: inline-block;
	width: 100%;
	padding: 3rem 0;
	text-align: center;
	background-color: #f9f9f9;
	border: 0.1rem solid #DADADA;
	border-bottom: 0; /* 하단 보더는 제거 */
}

#quickmenu li a:hover {
	background-color: #fff;
	color: #000;
}

#quickmenu li:nth-child(3)>a {
	border-bottom: 0.1rem solid #DADADA;
} /* 마지막 하단은 보더 생성 */

/*------------------- Key Visual ---------------------*/
section[id^="keyvisual_"] {
	background-image: none !important;
	background-color: #dce6fb !important;
}

section[id^="keyvisual_"] .container {
	position: relative;
}

section[id^="keyvisual_"] h3 {
	position: absolute;
	left: 18rem;
	top: 5.5rem;
	font-size: 2.9rem;
	font-weight: 500;
	color: #000;
}

/****************************************************************************/
/*                            로그인 페이지                                 */
/****************************************************************************/
#keyvisual_login {
	width: 100%;
	height: 12.9rem;
	margin-top: 12rem;
	text-align: center;
	background: #DADADA url("../img/banner_bg.jpg") repeat-x;
} /* 상단배너영역 */
#login .container {
	padding: 10rem 0 30rem 0;
	overflow: hidden;
}

#login .container>div:first-child {
	float: left;
	width: calc(50% - 2rem);
	text-align: center;
} /* 처음 로그인 영역 */
#login .container>div:last-child {
	float: right;
	width: calc(50% - 2rem);
} /* 고객로그인 영역 */
#login .container>div>h2 { /* 타이틀 */
	display: block;
	font-size: 2.2rem;
	font-weight: 500;
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	color: #000;
	text-align: center;
	border-bottom: 0.2rem solid #555;
	margin-bottom: 5rem;
}

/*------------------- 로그인 폼 영역 ---------------------*/
#login .container>div:last-child table {
	width: 100%;
} /*  고객 로그인 테이블 */
#login .container>div:last-child table td {
	height: 7rem;
} /* 폼 개별블럭 높이 설정 */
#login>div>div:nth-child(2)>form>table>tbody>tr:nth-child(1)>td:nth-child(2)
	{
	width: 18rem;
	text-align: right;
	vertical-align: top;
} /* 로그인 버튼 배치 */
#login .container>div:last-child p {
	margin-top: 2rem;
} /* 하단 링크 메뉴 영역 */
#login .container>div:last-child a {
	padding-right: 2rem;
	color: #4054AF;
} /* 하단 링크 메뉴 스타일 */

/*----------- 팝업 윈도우 : 이메일 찾기  -----------------*/
.popup_win4 {
	position: fixed;
	left: calc(50% - 25rem);
	top: 10%;
	width: 50rem;
	background-color: #fff;
	border-radius: 0.2rem 0.2rem;
	box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2);;
	transition: all 0.3s;
	transform: translateY(10rem);
	z-index: -1;
	opacity: 0;
}

.popup_win4>h2 { /* 타이틀 */
	font-size: 1.6rem;
	font-weight: 400;
	height: 5rem;
	line-height: 5rem;
	padding: 0 1.5rem;
	border-radius: 0.2rem 0.2rem 0 0;
	color: #fff;
	background-color: #000;
}

.popup_win4>.wrap_cont {
	width: 100%;
	padding: 2rem;
	overflow: hidden;
} /* 컨텐츠 전체를 감싸는 영역 */
.popup_win4>.wrap_cont>div.hidden_id {
	display: none;
}

/*----------- 팝업 윈도우 : 비밀번호 재 설정  -----------------*/
.popup_win5 {
	position: fixed;
	left: calc(50% - 25rem);
	top: 10%;
	width: 50rem;
	background-color: #fff;
	border-radius: 0.2rem 0.2rem;
	box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2);;
	transition: all 0.3s;
	transform: translateY(10rem);
	z-index: -1;
	opacity: 0;
}

.popup_win5>h2 { /* 타이틀 */
	font-size: 1.6rem;
	font-weight: 400;
	height: 5rem;
	line-height: 5rem;
	padding: 0 1.5rem;
	border-radius: 0.2rem 0.2rem 0 0;
	color: #fff;
	background-color: #000;
}

.popup_win5>.wrap_cont {
	width: 100%;
	padding: 2rem;
	overflow: hidden;
} /* 컨텐츠 전체를 감싸는 영역 */

/****************************************************************************/
/*                           메인 홈 페이지                                 */
/****************************************************************************/

/*------------------- KEY VISUAL ---------------------*/
#keyvisual {
	width: 100%;
	height: 35rem;
	margin-top: 8rem;
	text-align: left;
	background: #eaf0fc url("../img/keyvisual.png") no-repeat center top/1160px
		350px;
}

#keyvisual h2 {
	color: #000;
	font-size: 4.5rem;
	font-weight: 700;
	padding: 11rem 0 5rem 0;
	/* text-shadow: 0 0 1rem #000; x,y,blur,color */
}

#keyvisual i {
	margin-left: -4rem;
	font-size: 2.5rem;
	color: rgba(0, 0, 0, 0.5);
}

#keyvisual i:hover {
	color: #000000;
}

/*------------------- 문의 3종류 ---------------------*/
#selectask .container {
	padding: 5rem 0 5rem 0;
	overflow: hidden;
}

#selectask .container>div {
	float: left;
	width: 50%;
} /* 2 분리 */
#selectask a {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 35rem;
	text-align: center;
	background-color: #fff; /* 개별 영역 설정 */
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

#selectask a:hover {
	background-color: #4054AF;
} /* 개별 영역 마우스오버 */
#selectask a:hover div::before {
	background-color: #fff;
} /* 아이콘 마우스오버 효과 */
#selectask a:hover h3 {
	color: #fff;
} /* 타이틀 마우스오버 효과 */
#selectask a:hover p {
	color: #ccc;
} /* 본문 마우스오버 효과 */
#selectask a div {
	position: relative;
	height: 19rem;
} /* 아이콘 영역 */
#selectask a div::before {
	content: "";
	position: absolute;
	display: block;
	left: calc(50% - 6rem);
	top: 5rem; /* 아이콘  */
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	background-color: #4054AF;
}

#selectask>div>div:nth-child(1)>a>img {
	position: absolute;
	left: 21.5rem;
	top: 8.7rem;
	width: 7rem;
	z-index: 1;
} /* 첫번째 아이콘 */
#selectask>div>div:nth-child(1)>a:hover>img {
	content: url("../img/ask_business_ov.png");
} /* 첫번째 아이콘 변경 */
#selectask>div>div:nth-child(2)>a>img {
	position: absolute;
	left: 21.5rem;
	top: 9rem;
	width: 7rem;
	z-index: 1;
} /* 두번째 아이콘 */
#selectask>div>div:nth-child(2)>a:hover>img {
	content: url("../img/ask_tech_ov.png");
} /* 두번째 아이콘 변경 */
#selectask a h3 {
	font-size: 2.6rem;
	font-weight: 600;
	color: #000;
	padding: 2rem 0;
} /* 타이틀 */
#selectask a p {
	font-size: 1.8rem;
	color: #666;
	line-height: 1.5;
} /* 본문 */

/****************************************************************************/
/*                                   통계                                   */
/****************************************************************************/
#statistics_wrap > .search_item h2 {    /* 검색조건 타이틀 */
    height: 4rem; line-height: 4rem; font-size: 2.3rem; font-weight: 400; color: #000; border-bottom: 0.2rem solid #555; margin-bottom: 1rem; }
#statistics_wrap > section.search_item > div > form > div { width: 100%; height: 7rem; text-align: center; }   /* 개별 항목 영역 설정 */

/*------------------- 검색조건 1번째 줄 레이아웃 (div 방색) ---------------------*/
#statistics_wrap .search_item .container { width: 100rem; padding: 0; }  /* 검색 조건 가로 너비 */
#statistics_wrap > section.search_item > div > form > div { height: auto; }  /* 첫번째 줄 하단 높이 조절 */
.search_item form > div:nth-child(1) { float: none; margin: 0; }

/*------------------- 검색 조건 2번째 줄 아래 레이아웃 (table 방식) ---------------------*/
#statistics_wrap table.condition { padding: 0; margin: 0; width: 100%; }   /* 우측 패딩 있던거 제거 */
#statistics_wrap table.condition tr td { width: 25%; padding: 0 0; height: 4.5rem; }  /* 4 분할 분리 */
#statistics_wrap table.condition div { height: auto !important; }  /* 모든 콘트롤들 높이 해제 */

/*------------------- 테이블 리스트 영역 ---------------------*/ 
#statistics_wrap .container { width: 100%; padding: 0 9%; }  /* 테이블 영역 좌우 여백  */
.statistics_table div div > h2 {    /* 테이블 타이틀 */ 
    position: relative; height: 3rem; line-height: 3rem; font-size: 1.8rem; font-weight: 400; color: #000; border-bottom: 0.2rem solid #555; margin-bottom: 1rem; }
.more { position: absolute; right: 0; top: 0; font-size: 1.4rem;}   /* 더보기 버튼 */
.statistics_table .table_widthsync thead th, .statistics_table .table_widthsync tbody td { font-size: 1.5rem; padding: 0.8rem 0.5rem; }   /* 폰트 크기 및 패딩 */
.statistics_table .table_widthsync tbody td { text-align: right; }   /* 기본 정렬 우측 */
.statistics_table .table_widthsync.center tbody td { text-align: center; }   /* 내용이 중앙정렬인 테이블 */
.statistics_table .table_widthsync tbody tr:nth-child(2n) { background-color: #fff !important; }  /*  한줄 걸러 다른색 제거  */
.statistics_table .table_widthsync tbody tr:hover { background-color: #fff; }  /*  마우스 오버시  다른색 해제  */
.title_all { background-color: #eaf0fc; font-size: 1.3rem !important;}
.title_detail { background-color: #f3fcfb; font-size: 1.3rem !important;}
.title_bijung { background-color: #ffffe3; font-size: 1.3rem !important;}    /* 비중 컬럼 */

.sum { color: #000 !important; font-weight: 400; background-color: #f5f5f5; }  /* 계 부분 색상 */
.totalsum { color: #000 !important; font-weight: 400; background-color: #ddd; }  /* 총계 부분 색상 */
.divideline { border-bottom: 0.1rem solid #666 !important; }  /* 계, 총계 구분라인  */


/*------------------- 파트너 찾기 ---------------------*/
#findpartner {
	clear: both;
	background-color: #f9f9f9;
}

#findpartner .container {
	overflow: hidden;
	padding: 10rem 0;
	text-align: center;
}

#findpartner h2 {
	font-size: 3.8rem;
	font-weight: 500;
	color: #000;
	padding-bottom: 5rem;
} /* 타이틀 */
#findpartner p {
	font-size: 1.8rem;
	color: #666;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 3rem;
} /* 본문 */

/*------------------- 문의 아이템 선택 ---------------------*/
#itemselect .container {
	padding: 10rem 0 10rem 0;
	overflow: hidden;
}

#itemselect h2 {
	font-size: 3.8rem;
	font-weight: 500;
	color: #000;
	padding-bottom: 5rem;
	text-align: center;
} /* 타이틀 */
#itemselect .container>div { /* 박스영역 배치 */
	float: left;
	width: calc(( 100% - 4rem)/3);
	height: 23rem;
	margin-right: 2rem;
	margin-bottom: 2rem;
	border: 0.1rem solid #DADADA;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

#itemselect .container>div:nth-child(4) {
	margin-right: 0;
} /* 3번째 박스 우측마진 제거 */
#itemselect .container>div:last-child {
	margin: 0;
} /* 6번째 박스 모든 마진 제거 */
#itemselect .container>div>div { /* 이미지 영역 */
	height: 18rem;
	line-height: 18rem;
	text-align: center;
	color: #666;
	font-size: 3.5rem;
	font-weight: 900;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

#itemselect .container>div:nth-child(2)>div>img {
	width: 20rem;
	opacity: 0.8;
} /* 1th 이미지 WAPPLES */
#itemselect .container>div:nth-child(3)>div>img {
	width: 14rem;
	opacity: 0.8;
} /* 2th 이미지 DAmo */
#itemselect .container>div:nth-child(4)>div>img {
	width: 15rem;
	opacity: 0.8;
} /* 3th 이미지 isign+ */
#itemselect .container>div:nth-child(5)>div>img {
	width: 13rem;
	opacity: 0.8;
} /* 4th 이미지 클라우드 */
#itemselect .container>div:nth-child(6)>div>img {
	width: 13rem;
	opacity: 0.8;
} /* 5th 이미지 IoT */
#itemselect .container>div:nth-child(7)>div>img {
	width: 9rem;
	opacity: 0.8;
} /* 6th 이미지 블록체인 */
#itemselect .container>div>a { /* 링크 영역 */
	display: block;
	line-height: 5rem;
	text-align: center;
	background-color: #f9f9f9;
	font-size: 1.6rem;
	font-weight: 400;
	color: #666;
	border-bottom: 0.1rem solid #DADADA;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

#itemselect .container>div:hover {
	border: 0.1rem solid #3d3d3d;
} /* 박스 마우스오버 */
#itemselect .container>div:hover>div {
	color: #3d3d3d;
} /* 박스 마우스 오버시 이미지 영역효과 */
#itemselect .container>div:hover>div>img {
	opacity: 1;
} /* 박스 마우스 오버시 이미지 효과 */
#itemselect .container>div:hover>a { /* 박스 마우스 오버시 링크영역 효과 */
	color: #fff;
	border-bottom: 0.1rem solid #3d3d3d;
	background-color: #3d3d3d;
}

/****************************************************************************/
/*                           문의 등록 페이지                                */
/****************************************************************************/

/*------------------- 상단 배너 이미지영역 ---------------------*/
#keyvisual_ticket {
	width: 100%;
	height: 12.9rem;
	margin-top: 12rem;
	text-align: center;
	background: #DADADA url("../img/banner_bg.jpg") repeat-x;
}

/*------------------- 대 메뉴 3분할 ---------------------*/
#ticket_top {
	background-color: #f9f9f9;
	border-bottom: 0.1rem solid #dadada;
} /*  영역 전체 및 하단라인 */

/*------------------- 문의 종류 별 컨텐츠 설정 ---------------------*/
#ticket_biz {
	display: block;
}

#ticket_tech {
	display: none;
}

#ticket_basic {
	display: none;
}

/*------------------- 문의하기 (영업) ---------------------*/
.ask_contact {
	clear: both;
	width: 100%;
	padding-bottom: 3rem;
	margin: 5rem 0 3rem 0;
	overflow: hidden;
} /* 전체영역 */
.ask_contact h2 {
	position: relative;
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
	margin-bottom: 1rem;
} /* 타이틀 */
.ask_contact .lb {
	display: inline-block;
	width: 10rem;
	font-weight: 500;
} /* 좌측 레이블 너비와 스타일 */
.ask_contact>div>form>div {
	width: 80rem;
	margin: 1.2rem auto;
} /* 각각의 줄 간격 */
.ask_contact>div>form>div.half_left {
	width: 56rem;
	margin: 1.2rem auto;
} /*  2단 분리 좌측  */
.ask_contact>div>form>div.half_right {
	width: 33rem;
	margin: 1.2rem auto;
} /*  2단 분리 우측  */
.ask_contact>div>form>div:nth-child(3) {
	margin-top: 2rem;
} /* 참고사항 상단 마진 */
#ticket_biz>section>div>form>div:nth-child(6)>label {
	display: inline-block;
	text-align: left;
} /* 참고사항 레이블 텍스트 */
#ticket_biz>section>div>form>div:nth-child(6)>div {
	text-align: left;
} /*  참고사항 설명글 */
.ask_contact>div>form>div:nth-child(6) {
	text-align: right;
} /* 세부제품 > Major 버전 우측정렬하기 위해서 */
.ask_contact>div>form textarea {
	height: 20rem;
}

.ask_contact .inline {
	display: inline-block;
}

/*------------------- 문의자 본인 아닐경우 ---------------------*/
.not_me_content {
	width: 80rem;
	margin: 0 auto;
}

.not_me_content .t_box {
	background-color: #f9f9f9;
	border: 0.1rem solid #dadada;
	padding: 2rem;
}

.not_me_content>div:first-child>h3 {
	position: relative;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.6rem;
	font-weight: 400;
	color: #000;
} /* 메인 타이틀 */
.not_me_content a.btn_fold {
	position: absolute;
	font-size: 2rem;
	font-weight: 900;
	right: 0;
	top: 0;
	transform: rotateZ(-90deg);
	display: inline-block;
} /* 접기 버튼 */
.not_me_content>div:first-child>h3>label {
	font-size: 1.4rem;
	font-weight: 200;
} /* 섹션 설명 */
.subtitle h4, .subtitle>h4>label {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 500;
	color: #000;
} /* 소제목 */
.subtitle>h4>span {
	font-size: 1.4rem;
	font-weight: 300;
} /* 작성자 이름 */
.searchPos, .companyPos {
	position: relative;
} /* 돋보기 아이콘의 좌표 기준  */
.searchPos .icon_magnyfy_textfd, .companyPos .icon_magnyfy_textfd {
	right: 1rem;
	top: 1rem;
} /* 돋보기 아이콘 절대위치 */

/*----------- 팝업 윈도우 9 : 고객/파트너 정보 검색  -----------------*/
.popup_win9 {
	position: fixed;
	left: calc(50% - 37.5rem);
	top: 10%;
	width: 75rem;
	background-color: #fff;
	border-radius: 0.2rem 0.2rem;
	box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2);;
	transition: all 0.3s;
	transform: translateY(10rem);
	z-index: -1;
	opacity: 0;
}

.popup_win9>h2 { /* 타이틀 */
	font-size: 1.6rem;
	font-weight: 400;
	height: 5rem;
	line-height: 5rem;
	padding: 0 1.5rem;
	border-radius: 0.2rem 0.2rem 0 0;
	color: #fff;
	background-color: #000;
}

.popup_win9>.wrap_cont {
	width: 100%;
	padding: 1rem;
	overflow: hidden;
} /* 컨텐츠 전체를 감싸는 영역 */
.popup_win9>.wrap_cont table {
	width: 100%;
	font-size: 1.4rem;
	font-weight: 300;
} /* 검색 영역 테이블 전체 설정 */
.popup_win9>.wrap_cont table tr td {
	height: 4rem;
	line-height: 4rem;
	padding: 0 1rem;
} /* 검색 영역 테이블 td 높이설정  */
.popup_win9 .search_data_num {
	font-size: 1.5rem;
	font-weight: 600;
	color: #000;
} /* 검색된 데이터 수 표기 */

/*----------- 팝업 윈도우 : 고객 정보 수정  -----------------*/
.popup_win10 {    
    position: fixed; 
    left: calc(50% - 20rem); 
    top: 10%; 
    width: 40rem; 
    background-color: #fff; 
    border-radius: 0.2rem 0.2rem;
    box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2); 
    transition: all 0.3s; 
    transform: translateY(10rem); 
    z-index: -1; 
    opacity: 0; 
}
.popup_win10 > h2 {   /* 타이틀 */
    font-size: 1.6rem; 
    font-weight: 400; 
    height: 5rem; 
    line-height: 5rem; 
    padding: 0 1.5rem; 
    border-radius: 0.2rem 0.2rem 0 0;
    color: #fff; 
    background-color: #000; 
}
.popup_win10 > .wrap_cont { 
	width: 100%; 
	padding: 2rem; 
	overflow: hidden; 
}  /* 컨텐츠 전체를 감싸는 영역 */
.popup_win12 {    
    position: fixed; 
    left: calc(50% - 20rem); 
    top: 10%; 
    width: 40rem; 
    background-color: #fff; 
    border-radius: 0.2rem 0.2rem;
    box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2); 
    transition: all 0.3s; 
    transform: translateY(10rem); 
    z-index: -1; 
    opacity: 0; 
}
.popup_win12 > h2 {   /* 타이틀 */
    font-size: 1.6rem; 
    font-weight: 400; 
    height: 5rem; 
    line-height: 5rem; 
    padding: 0 1.5rem; 
    border-radius: 0.2rem 0.2rem 0 0;
    color: #fff; 
    background-color: #000; 
}
.popup_win12 > .wrap_cont { 
	width: 100%; 
	padding: 2rem; 
	overflow: hidden; 
}  /* 컨텐츠 전체를 감싸는 영역 */

/*------------------- 문의 종류 ---------------------*/
.ask_category {
	clear: both;
	width: 100%;
	margin: 5rem 0 3rem 0;
	overflow: hidden;
} /* 전체영역 */
.ask_category h2 {
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
} /* 타이틀 */
.ask_category>div>div {
	height: 6rem;
	line-height: 6rem;
	overflow: hidden;
	padding: 0 10rem;
} /* 라디오 버튼 영역 */

/*------------------- 제품 종류 ---------------------*/
.product_category {
	width: 100%;
	margin: 2rem 0;
} /* 전체영역 */
.product_category h2 {
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
} /* 타이틀 */
.product_category>div>div {
	height: 6rem;
	line-height: 6rem;
	overflow: hidden;
	padding: 0 10rem;
} /* 체크박스 버튼 영역 */

/*------------------- 상세 내용 ---------------------*/
.detail_content {
	width: 100%;
	margin: 2rem 0;
	padding: 1rem 0 2rem 0;
} /* 전체영역 */
.detail_content h2 {
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
} /* 타이틀 */
.detail_content p.help {
	height: 4rem;
	line-height: 4rem;
	font-size: 1.4rem;
	font-weight: 100;
	margin-bottom: 1rem;
} /* 섹션 설명 */
.detail_content form {
	overflow: hidden;
	width: 80rem;
	margin: 0 auto;
}

.detail_content form>div:first-child {
	float: left;
	width: calc(50% - 1.5rem);
	margin-right: 3rem;
} /* 좌측 블럭 */
.detail_content form>div:last-child {
	float: right;
	width: calc(50% - 1.5rem);
} /* 우측 블럭 */
.detail_content form div>div {
	width: 100%;
	height: 7rem;
} /* 개별 항목 영역 설정 */
.detail_content form div div:last-child {
	padding-bottom: 0;
} /*  마지막 항목 하단 마진 좁게 */

/*------------------- 문의 내용 ---------------------*/
.ask_content {
	width: 100%;
	margin: 2rem 0;
	background-color: #f9f9f9;
	padding: 3rem 0;
} /* 전체영역 */
.ask_content h2 {
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
} /* 타이틀 */
.ask_content p.help {
	height: 4rem;
	line-height: 4rem;
	font-size: 1.4rem;
	font-weight: 100;
	margin-bottom: 1rem;
} /* 섹션 설명 */
.ask_content form div {
	width: 80rem;
	margin: 0 auto;
	padding-bottom: 2rem;
} /* 폼 전체 영역  */
.ask_content form div:nth-child(2) textarea {
	height: 20rem;
	margin-top: 1rem;
} /* 내용 입력 영역 */

/*------------------- 사용자 정보 ---------------------*/
.userinfo {
	clear: both;
	overflow: hidden;
	width: 100%;
	margin: 2rem 0;
	padding-top: 3rem;
	padding-bottom: 2rem;
} /* 전체영역 */
.userinfo h2 {
	position: relative;
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
} /* 타이틀 */
.userinfo h2 .btn_fold {
	position: absolute;
	right: 0;
	top: 0;
	transform: rotateZ(-90deg);
	display: none;
} /* 접기 버튼 */
.userinfo p.help {
	height: 4rem;
	line-height: 4rem;
	font-size: 1.4rem;
	font-weight: 100;
	margin-bottom: 1rem;
} /* 섹션 설명 */
.userinfo form {
	overflow: hidden;
	width: 80rem;
	margin: 0 auto;
}

.userinfo form>div:first-child {
	float: left;
	width: calc(50% - 1.5rem);
	margin-right: 3rem;
} /* 좌측 블럭 */
.userinfo form>div:last-child {
	float: right;
	width: calc(50% - 1.5rem);
} /* 우측 블럭 */
.userinfo form div>div {
	width: 100%;
	height: 7rem;
} /* 개별 항목 영역 설정 */

/*------------------- 개인정보 수집 및 이용 동의 ---------------------*/
.info_agree {
	clear: both;
	width: 100%;
	margin: 3rem 0;
} /* 전체영역 */
.info_agree h2 {
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
} /* 타이틀 */
.info_agree p.help {
	height: 4rem;
	line-height: 4rem;
	font-size: 1.4rem;
	font-weight: 100;
	margin-bottom: 1rem;
} /* 섹션 설명 */
.info_agree form {
	overflow: hidden;
}

.info_agree form div {
	width: 80rem;
	margin: 0 auto;
	padding-bottom: 1rem;
} /* 폼 전체 영역  */
.info_agree form div textarea {
	height: 20rem;
	margin-top: 1rem;
} /* 내용 입력 영역 */

/*------------------- 문의하기 버튼 영역 ---------------------*/
.btn_confirm {
	overflow: hidden;
	width: 100%;
	margin: 2rem 0 10rem 0;
	text-align: center;
} /* 전체영역 */

/****************************************************************************/
/*                     문의리스트 - 전체 페이지                             */
/****************************************************************************/

/*------------------- 문의 종류 별 컨텐츠 설정 ---------------------*/
#ticketlist_all {
	display: block;
}

#ticketlist_my {
	display: block;
}

/*------------------- 검색 조건 ---------------------*/
.search_item {
	width: 100%;
	margin: 2rem 0;
	padding: 1rem 0 2rem 0;
} /* 전체영역 */
.search_item h2 {
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
} /* 타이틀 */
.search_item p.help {
	height: 4rem;
	line-height: 4rem;
	font-size: 1.4rem;
	font-weight: 100;
	margin-bottom: 1rem;
} /* 섹션 설명 */
.search_item form {
	overflow: visible;
	width: 100%;
	margin: 0 auto;
} /* overflow: visible - editable select 옵션이 모두 보이게함 */
.search_item form>div:nth-child(1) {
	float: left;
	width: calc(33.333% - 2rem);
	margin-right: 3rem;
} /* 좌측 블럭 */
.search_item form>div:nth-child(2) {
	float: left;
	width: calc(33.333% - 2rem);
	margin-right: 3rem;
} /* 중앙 블럭 */
.search_item form>div:nth-child(3) {
	float: left;
	width: calc(33.333% - 2rem);
} /* 우측 블럭 */
.search_item form div>div {
	width: 100%;
} /* 개별 항목 영역 설정 height: 7rem; */
	

/*------------------- 검색 조건 영역 레이아웃 테이블 ---------------------*/
#ticketlist_all .search_item .container {
	width: 120rem;
} /* 검색 조건 가로 너비 */
#ticketlist_all table.condition {
	width: 100%;
}

#ticketlist_all table.condition tr td {
	width: 25%;
	padding: 0 1rem;
	height: 4.5rem;
} /* 4 분할 분리 */
#ticketlist_all table.condition tr:first-child td {
	padding: 0;
} /* 첫번째 줄 패딩 해제 */
#ticketlist_all table.condition tr:nth-child(1)>td>div>div {
	height: auto;
	/*margin-bottom: 1rem;*/
} /* 빠른 검색 및 일시 선택 영역 */
#ticketlist_all table.condition div {
	height: auto !important;
} /* 모든 콘트롤들 높이 해제 */

/*------------------- 검색하기 버튼 영역 ---------------------*/
#ticketlist_all .btn_confirm {
	clear: both;
	overflow: hidden;
	width: 100%;
	margin: 2rem 0 5rem 0;
	text-align: center;
} /* 전체영역 */

/*------------------- 리스트 테이블 영역 ---------------------*/
#ticketlist_all .list_area .container {
	width: 100%;
	padding: 0 3%;
	clear: both;
	overflow: hidden;
}

#ticketlist_all .list_area .container>div {
	float: left;
	width: 50%;
} /* 양쪽으로 블럭 분리 */
#ticketlist_all .list_area .container>div:nth-child(2) {
	text-align: right;
} /* 우측 버튼있는 블럭 우측정렬 */
/* 테이블 감싸는 영역 설정 */
#ticketlist_all>section.list_area>div>div.table_area {
	clear: both;
	width: 100%;
	padding: 2rem 0 0 0;
	overflow-x: auto;
}

#ticketlist_all>section.list_area>div>div.table_area>table.table_basic>tbody>tr>td
	{
	font-size: 1.3rem !important;
} /* 다른 테이블 보다 폰트 1픽셀 작게 */
#ticketlist_all>section.list_area>div>div.table_area>table.table_basic .t_title
	{
	min-width: 20rem;
} /* 제목 최소 너비 설정 */
/*------------------- 페이지 네비게이션 영역 ---------------------*/
#ticketlist_all .pagenavi_area {
	margin-bottom: 1rem;
}

/****************************************************************************/
/*                문의리스트 - 나의 페이지 (담당자용)                       */
/****************************************************************************/

/*------------------- 리스트 테이블 영역 ---------------------*
.list_area { margin-bottom: 3rem; } /* 테이블 전체 영역 마지막 하단 마진  */
.list_area .container {
	width: 100%;
	padding: 0 2rem;
	clear: both;
	overflow: hidden;
} /* 테이블 가로폭 조정 */
.list_area .container>div {
	float: left;
	width: 50%;
} /* 양쪽으로 블럭 분리 */
.list_area .container>div:nth-child(2) {
	text-align: right;
} /* 우측 버튼있는 블럭 우측정렬 */
/* 테이블 감싸는 영역 설정 */
section.list_area>div>div.table_area {
	clear: both;
	width: 100%;
	padding: 2rem 0 0 0;
	overflow-x: auto;
}

section.list_area>div>div>h2 { /* 타이틀 */
	position: relative;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.8rem;
	font-weight: 400;
	text-align: left;
	color: #000;
	border-bottom: 0.2rem solid #555;
	margin-bottom: 1rem;
}

section.list_area>div>div.table_area>h2>i {
	color: #4054AF;
	font-size: 1.5rem;
	margin: -0.3rem 1rem 0 0;
} /* 타이틀 앞 아이콘 */

/* 상태 버튼 스타일 */

.status_buttons .state_btn {
	width: 13.5rem;
	display: inline-block;
} /* 개별 상태 버튼 감싸는 영역 */
.status_buttons .state_btn a { /* 개별 상태 버튼 링크 크기 */
	display: inline-block;
	width: 100%;
	text-align: center;
	z-index: 2;
	border: 0.1rem solid #dadada;
	border-radius: 0.2rem;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.status_buttons .state_btn a:hover { /* 버튼에 마우스 오버 시 */
	cursor: pointer;
	color: #000;
	border: 0.1rem solid #bbb;
	box-shadow: 0 0.5rem 0.5rem 0.1rem rgba(0, 0, 0, 0.1);
	/* 그림자: x, y, blur, spread, color */
}

.status_buttons .state_btn a:active {
	box-shadow: none;
} /* 개별 상태 버튼 클릭 시 */
.status_buttons .state_btn a p {
	padding-top: 2.5rem;
} /* 건수 영역 */
.status_buttons .state_btn a p span {
	display: inline-block;
	font-size: 2.5rem;
	font-weight: 500;
} /* 숫자만 */
.status_buttons .state_btn a label {
	display: inline-block;
	width: 100%;
	height: 5.5rem;
	line-height: 5.5rem;
	font-size: 1.6rem;
} /* 상태 */
.status_buttons .state_btn a label img {
	margin: -0.2rem 1rem 0 0;
} /* 상태 아이콘 일반 스타일 */
.ico_all {
	width: 1.4rem;
} /* 아이콘 - 전체 */
.ico_group {
	width: 2rem;
} /* 아이콘 - 신규그룹 */
.ico_regist {
	width: 1.5rem;
} /* 아이콘 - 등록 */
.ico_info_none {
	width: 1.5rem;
} /* 아이콘 - 정보부족 */
.ico_hold {
	width: 1.3rem;
} /* 아이콘 - 보류 */
.ico_confirming {
	width: 1.5rem;
} /* 아이콘 - 확인중 */
.ico_solving {
	width: 2rem;
} /* 아이콘 - 해결 */
.ico_recheck {
	width: 1.5rem;
} /* 아이콘 - 재검토 */
.status_buttons .state_search {
	position: relative;
	display: inline-block;
	margin-top: 6.2rem;
	width: 36rem;
} /* 검색영역 너비 */
#ticketlist_my>section:nth-child(1)>div.status_buttons>div>form>div:nth-child(1)
	{
	width: 36rem;
	margin-right: 1rem;
} /* 일시 영역 */
#ticketlist_my>section:nth-child(1)>div.status_buttons>div>form>div:nth-child(2)
	/* 선택필드 영역 너비 */ {
	display: inline-block;
	height: 5rem;
	width: 23rem;
	margin-right: 1rem;
	padding: 0;
	text-align: left;
}

#ticketlist_my>section:nth-child(1)>div.status_buttons>div>form>div.state_search
	/* 검색 필드 및 버튼 영역 너비 */ {
	position: relative;
	display: inline-block;
	height: 5rem;
	width: 35rem;
	margin: 0;
	padding: 0;
	text-align: right !important;
}

#ticketlist_my>section:nth-child(1)>div.status_buttons>div>form>div.state_search>div>div>a>i
	/* 설정 아이콘 */ {
	position: absolute;
	right: -4rem;
	top: 0.7rem;
	font-size: 2.5rem;
	z-index: 5;
}

#ticketlist_my h2 .btn_fold {
	position: absolute;
	font-size: 2rem;
	font-weight: 900;
	right: 0;
	top: 0;
	transform: rotateZ(-90deg);
	display: inline-block;
} /* 접기 버튼 */
.ico_new {
	width: 1.2rem;
	margin: 0 0.3rem;
}

/****************************************************************************/
/*                문의리스트 - 나의 페이지 (고객용)                       */
/****************************************************************************/
#ticketlist_my > section.customer .container { width: 120rem; }  /* 검색조건 부분 너비 */

#ticketlist_my>section:nth-child(3)>div.status_buttons>div>form {
	height: 6rem;
	line-height: 1;
} /* 조건 전체 영역 */
#ticketlist_my>section:nth-child(3)>div.status_buttons>div>form>div:nth-child(1)
	{
	width: 40rem;
	margin-right: 1rem;
} /* 일시 영역 */
#ticketlist_my>section:nth-child(3)>div.status_buttons>div>form>div:nth-child(2)
	/* 선택필드 영역 너비 */ {
	display: inline-block;
	height: 5rem;
	width: 23rem;
	margin-right: 1rem;
	padding: 0;
	text-align: left;
}

#ticketlist_my>section:nth-child(3)>div.status_buttons>div>form>div:nth-child(3)
	/* 검색 필드 및 버튼 영역 너비 */ {
	display: inline-block;
	height: 5rem;
	width: 35rem;
	margin: 0;
	padding: 0;
	text-align: right;
}

#ticketlist_my>section:nth-child(2)>div.container, #ticketlist_my>section:nth-child(4)>div.container
	{
	padding: 0 5%;
} /* 테이블 너비 조정 */

/****************************************************************************/
/*                             진행 지연 리스트                             */
/****************************************************************************/
.process_delaylist > section:nth-child(1) > div.status_buttons > div > form > div:nth-child(1) { width: 36rem; margin-right: 1rem; }  /* 일시 영역 */
.process_delaylist  > section:nth-child(1) > div.status_buttons > div > form > div.state_search  /* 검색 필드 및 버튼 영역 너비 */
{ position: relative; display: inline-block; height: 5rem; width: 35rem; margin: 0; padding: 0; text-align: right !important; }
.process_delaylist > section:nth-child(1) > div.status_buttons > div > form > div.state_search > div > div > a > i  /* 설정 아이콘 */
{ position: absolute; right: -4rem; top: 0.7rem; font-size: 2.5rem; z-index: 5; }  
.process_delaylist > section:nth-child(1) > div.status_buttons > div > form > div:nth-child(2)  /* 선택필드 영역 너비 */
{ display: inline-block; height: 5rem; width: 23rem; margin-right: 1rem; padding: 0; text-align: left; }  
.process_delaylist form > div:nth-child(5) > label, .process_delaylist form > div:nth-child(6) > label, .process_delaylist form > div:nth-child(7) > label, 
.process_delaylist form > div:nth-child(8) > label { padding-bottom: 1rem; }   /* 라벨 높이 조정 */
.process_delaylist form > div:nth-child(5) > div, .process_delaylist form > div:nth-child(6) > div, .process_delaylist form > div:nth-child(7) > div,
.process_delaylist form > div:nth-child(8) > div { height: 5rem; }   /* select 콘트롤 높이 조정 */
.ico_notmanager { width: 1.8rem;  } /* 아이콘 - 담당자 미지정 */
.ico_delaylist { width: 1.8rem;  } /* 아이콘 - 문의 진행 지연 */
.process_delaylist .table_area.link_notmanager > h2 > img { width: 1.8rem; } /* 테이블 타이틀 아이콘 - 담당자 미지정 리스트 */
.process_delaylist .table_area.link_delaylist > h2 > img { width: 1.8rem; } /* 테이블 타이틀 아이콘 - 문의 진행 지연 리스트 */
.process_delaylist .table_area > h2 > input { position: absolute; left: 20rem; top: -0.2rem; display: inline-block; }  /* 선택 인원에게 일괄 발송 버튼 위치 */
.process_delaylist h2 .btn_fold { position: absolute; font-size: 2rem; font-weight: 900; right: 0; top: 0; transform: rotateZ(-90deg); display: inline-block;  }  /* 접기 버튼 */  
.process_delaylist .list_area .container { padding: 0 3%; }   /* 테이블 영역 좌우 패딩 */
.process_delaylist .list_area .container > div:nth-child(2) { text-align: left; }  /* 담당자 미지정 리스트 테이블의 제목 좌측 정렬 (전체리스트에 지정된 스타일과 겹치므로 해제함) */
#showbox {    /* 제목 전체 보여줄 블럭설정 */
    display: none; position: absolute; left: 0; top: 0; width: auto; max-width: 40rem; padding: 1rem; color: #fff; background-color: #333; border: 0.1rem solid #666; 
    border-radius: 0.5rem; line-height: 1.5; z-index: 1; cursor: pointer; 
  } 

/****************************************************************************/
/*                           기술지원 통합검색 페이지 리스트                       */
/****************************************************************************/
.is_techspport h2 .btn_fold { position: absolute; font-size: 2rem; font-weight: 900; right: 0; top: 0; transform: rotateZ(90deg); display: inline-block;  }  /* 접기 버튼 */  
.is_techspport table td { text-align: center !important; }   /* 우측 정렬 기본 */
.is_techspport table td.txt_left { text-align: left !important; }  /* txt_left 클래스 적용시 좌측 정렬 */

/****************************************************************************/
/*                        문의 상세 (담당자용)                              */
/****************************************************************************/

/*------------------- 상단 배너 이미지영역 ---------------------*/
#keyvisual_ticket_details {
	width: 100%;
	height: 5rem;
	margin-top: 12rem;
	text-align: center;
	background: #DADADA url("../img/banner_bg.jpg") repeat-x !important;
}

/*------------------- 상단 전체 탭 메뉴 영역  ---------------------*/
#ticket_details_wrap {
	width: 100%;
	margin-top: -3.2rem;
	background-color: transparent;
} /*  전체 감싸는 영역 및 하단라인 */
/* 전체 탭 가로 너비 (최소설정), 좌우하단 마진 - min-width는 좌 + (우+패딩) + container 좌우마진, 37 + (70+3) + 16 */
#ticket_details_wrap .container {
	width: 100%;
	min-width: 126rem;
	max-width: 160rem;
	padding: 0 2rem;
	overflow: hidden;
}

#ticket_details_wrap .container>.tabmenu>.tabdiv {
	width: 100%;
} /* container 가로너비와 동일  */
#ticket_details_wrap .container>.tabmenu>.tabdiv>div {
	width: 100%;
} /* container 가로너비와 동일  */

/*------------------- 좌우 영역 분리 ---------------------*/
.tabmenu {
	position: relative;
}

.tab_leftarea { 
	position: relative; 
	float: left; 
	width: 30%; 
	height: calc(100vh - 300px); 
	border: 0.1rem solid #DADADA; 
	background-color: #ebebeb; 
	overflow: hidden; 
	overflow-y: auto; 
}  /*  좌측영역 너비  min-width: 37rem;  max-width: 67rem;*/

/* 좌측 패널 고정 및 플로팅 아이콘 */
.panel_status_change { position: absolute; right: 2.5rem; top: 2.2rem; width: 1.8rem; font-size: 1.4rem; z-index: 0; }   /* 패널 우측 상단에 아이콘을 배치할 경우 */
.panel_status_change a i { transform: rotateZ(0); } 

/**** 좌측 패널 스크롤 바 ****/
.tab_leftarea::-webkit-scrollbar { width: 0.4rem; } /* 스크롤 바 폭 */
.tab_leftarea::-webkit-scrollbar-track { background-color:#ccc; } /* 스크롤 바 밑의 배경 */
.tab_leftarea::-webkit-scrollbar-thumb { background: #999; } /* 실질적 스크롤 바 */
.tab_leftarea::-webkit-scrollbar-thumb:hover { background: #666; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.tab_leftarea::-webkit-scrollbar-thumb:active { background: #999; } /* 실질적 스크롤 바를 클릭할 때 */
.tab_leftarea::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */

.tab_rightarea {
	float: right;
	width: 70%;
	padding-left: 3rem;
} /*  우측영역 너비  min-width: 70rem;  max-width: 100rem; */
.clearfloat {
	clear: both;
} /* 줄바뀜 방지용 */

/*------------------- 정보 패널 접기 버튼 ---------------------*/
.btn_folding_pannel { /* 접기 버튼 전체 영역 */
	position: absolute;
	left: -4.3rem;
	top: 20rem;
	background-color: #4054AF;
	display: block;
	transform: rotateZ(-90deg);
	opacity: 0.5;
	border-radius: 0.4rem 0.4rem 0 0;
}

.btn_folding_pannel:hover {
	opacity: 0.8;
} /* 마우스 오버 시 불투명하게 */
.btn_folding_pannel a { /* 글자 및 버튼 크기 설정  */
	display: inline-block;
	font-size: 1.1rem;
	width: 7rem;
	height: 1.8rem;
	line-height: 1.8rem;
	padding-top: 0.1rem;
	font-weight: 300;
	color: #fff;
	text-align: center;
}

/*------------------- 좌측 컨텐츠 영역 ---------------------*/
.tab_leftarea>section:nth-child(1) {
	position: relative;
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	padding: 0.3rem 2rem 0 2rem;
	font-size: 1.3rem;
} /* 최상단 영역 - 고객사/이름 */
.tab_leftarea>section:nth-child(1)>span:nth-child(4) {
	display: inline-block;
	padding-right: 5rem;
	color: #000;
} /* 고객명 */
.tab_leftarea>section:nth-child(1)>span:nth-child(2) {
	display: inline-block;
	color: #12af92;
} /* 상태 영역 */
.tab_leftarea>section:nth-child(1)>div:nth-child(1)>span:nth-child(2)>img
	{
	width: 1.6rem;
	vertical-align: middle;
} /* 상태 아이콘 */
.tab_leftarea>section:nth-child(1)>div:nth-child(1)>span:nth-child(1) {
	/* 최상단 영역 - 문의번호 */
	display: inline-block;
	height: 2.8rem;
	line-height: 2.8rem;
	padding: 0 0.5rem;
	border: 0.1rem solid #dadada;
	font-size: 1.2rem;
	color: #000;
	font-weight: 500;
	background-color: #fff;
}

#split_menu {
	clear: both;
	border-top: 0.1rem solid #DADADA;
	border-bottom: 0.1rem solid #DADADA;
} /* 탭 메뉴 영역 */
#split_menu a {
	display: inline-block;
	width: 50%;
	background-color: #f9f9f9;
	padding: 1.2rem 0;
	text-align: center;
} /* 탭메뉴 스타일 */
#split_menu a:hover {
	background-color: #fff;
	color: #000;
	color: #666;
} /* 마우스 오버 */
#split_menu a.on {
	background-color: #000;
	color: #fff;
} /* 선택된 버튼 */
.tab_leftarea>div>section>div>div>div {
	width: calc(100% - 8.5rem);
} /* 공통 적용 - 우측 콘트롤 영역 너비 설정( 레이블 제외) */

/* 작성자 정보  */
.tab_leftarea .writerinfo { 
	clear: both; 
	overflow: hidden; 
	width: 100%; 
	padding: 0 2rem 1.5rem 2rem; 
	border-bottom: 0.1rem solid #dadada; 
	margin-bottom: 0; 
}  /* 전체영역 */
.tab_leftarea .writerinfo h2 { 
	position: relative; 
	height: 3.5rem; 
	line-height: 0.5rem; 
	padding: 1.5rem 0.5rem 1.5rem 0; 
	font-size: 1.5rem; 
	font-weight: 400; 
	color: #000; 
	border-bottom: 0.2rem solid #000; 
}   /* 타이틀 */ 
.tab_leftarea .writerinfo > div { 
	padding-top: 1rem; 
	line-height: 1.5; 
}
/* 문의자 정보  */
.tab_leftarea .userinfo {
	clear: both;
	overflow: hidden;
	width: 100%;
	padding: 0 2rem 1.5rem 2rem;
	border-bottom: 0.1rem solid #dadada;
	margin-bottom: 0;
} /* 전체영역 */
.tab_leftarea .userinfo h2 {
	position: relative;
	height: 3.5rem;
	line-height: 0.5rem;
	padding: 1.5rem 0.5rem 1.5rem 0;
	font-size: 1.5rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #000;
} /* 타이틀 */
.tab_leftarea .userinfo>div {
	padding-top: 1rem;
	line-height: 1.5;
}

.tab_leftarea .userinfo h2 .btn_fold {
	position: absolute;
	font-size: 2rem;
	font-weight: 900;
	right: 0;
	top: 0;
	transform: rotateZ(-90deg);
	display: inline-block;
} /* 접기 버튼 */

/* 담당자 정보 */
.tab_leftarea .managerinfo {
	clear: both;
	overflow: hidden;
	width: 100%;
	padding: 1rem 2rem 2rem 2rem;
	margin: 0;
	background-color: #eaf0fc;
} /* 전체영역 */
.tab_leftarea .managerinfo h2 {
	position: relative;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.5rem;
	font-weight: 400;
	color: #000;
	border: 0;
} /* 타이틀 */
.tab_leftarea .managerinfo h2 .btn_fold {
	position: absolute;
	font-size: 2rem;
	font-weight: 900;
	right: 0;
	top: 0;
	transform: rotateZ(-90deg);
	display: inline-block;
} /* 접기 버튼 */
.tab_leftarea .managerinfo>div {
	width: 100%;
} /* 개별 항목 영역 설정 (레이블 포함) */
.tab_leftarea .managerinfo>div>div:nth-child(4)>div {
	position: relative;
	display: inline-block;
	width: calc(100% - 8.5rem);
	padding: 1rem 1.5rem 1rem 1rem;
	border: 0.1rem solid #999;
	line-height: 1.5;
	background-color: #fff;
} /* 참조 값 포함하는 박스 */
#ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_leftarea>div:nth-child(3)>section.managerinfo>div>div:nth-child(4)>div>div:nth-child(1)>label
	{ /* 참조 개별 스타일 */
	position: relative;
	display: inline-block;
	padding: 0.5rem 2rem 0.5rem 0.5rem;
	height: 2.5rem;
	line-height: 1.3;
	margin-bottom: 0.3rem;
	font-size: 1.2rem;
	border-radius: 0.2rem;
	color: #fff;
}

#ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_leftarea>div:nth-child(3)>section.managerinfo>div>div:nth-child(4)>div>div:nth-child(1)>label a i
	/* 삭제 아이콘 */ {
	position: absolute;
	right: 0.5rem;
	top: 0.6rem;
	color: #fff;
	opacity: 0.5;
	margin-left: 1rem;
}

#ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_leftarea>div:nth-child(3)>section.managerinfo>div>div:nth-child(4)>div>div:nth-child(2)
	{
	position: relative;
}

#ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_leftarea>div:nth-child(3)>section:nth-child(2)>div>div.mt10>div>a i
	/* 참조 값 추가 버튼 */ {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	font-size: 2rem;
}

#ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_leftarea>div:nth-child(3)>section:nth-child(2)>div>div.mt10>div>a:hover i
	{
	opacity: 1;
} /*  삭제 아이콘에 마우스 오버 */
#ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_leftarea>div:nth-child(3)>section.managerinfo>div>div:nth-child(5),
	/* 연구소 요청, 파트너 공유 + 버튼 아이콘을 위한 절대좌표 설정 */ #ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_leftarea>div:nth-child(3)>section.managerinfo>div>div:nth-child(6)
	{
	position: relative;
}

#ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_leftarea>div:nth-child(3)>section.managerinfo>div>div:nth-child(5)>div>p,
	/* 링크값 영역 */ #ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_leftarea>div:nth-child(3)>section.managerinfo>div>div:nth-child(6)>div>p
	{
	line-height: 2rem;
	border-bottom: 0.1rem solid #999;
	padding: 1rem 0.5rem;
}

#ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_leftarea>div:nth-child(3)>section.managerinfo>div>div:nth-child(5)>div>a.ico_add>i,
	#ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_leftarea>div:nth-child(3)>section.managerinfo>div>div:nth-child(6)>div>a.ico_add>i
	{
	position: absolute;
	right: 0;
	top: 1rem;
	font-size: 1.8rem;
} /* 연구소 요청, 파트너 공유 + 버튼 아이콘 */

/* 담당자 정보 - New */
.managerinfo_new {
	clear: both;
	width: 100%;
	padding: 1rem 2rem 2rem 2rem;
	margin: 0;
	background-color: #eaf0fc;
} /* 전체영역 */
.managerinfo_new h2 {
	position: relative;
	height: 3.5rem;
	line-height: 0.5rem;
	padding: 1.5rem 0.5rem 1.5rem 0;
	font-size: 1.5rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #000;
} /* 타이틀 */
.managerinfo_new .rbtn {
	width: auto;
} /* 라디오 버튼 div에 적용된 가로 너비 무력화  */
.managerinfo_new h2 .btn_fold {
	position: absolute;
	font-size: 2rem;
	font-weight: 900;
	right: 0;
	top: 0;
	transform: rotateZ(-90deg);
	display: inline-block;
} /* 접기 버튼 */
.managerinfo_new>div {
	width: 100%;
} /* 개별 항목 영역 설정 (레이블 포함) */
.managerinfo_new>div>div:nth-child(3)>div:nth-child(2), .managerinfo_new>div>div:nth-child(4)>div:nth-child(2), .managerinfo_new>div>div:nth-child(5)>div:nth-child(2)
	/* 담당자 우측 첫번째 콘트롤 영역 너비 설정(레이블 제외+담당자 영역 제외) */ {
	width: calc(100% - 8.5rem - 10rem);
}

.managerinfo_new>div>div:nth-child(6)>div {
	position: relative;
} /* 연구소 요청, 파트너 공유 + 버튼 아이콘을 위한 절대좌표 설정 */
.managerinfo_new>div>div:nth-child(6)>div>p {
	line-height: 2rem;
	border-bottom: 0.1rem solid #999;
	padding: 1rem 0.5rem;
} /* 링크값 영역 */
.managerinfo_new>div>div:nth-child(6)>div>a>i {
	position: absolute;
	right: 0;
	top: 1rem;
	font-size: 1.8rem;
} /* 연구소 요청, 파트너 공유 + 버튼 아이콘 */
.managerinfo_new>div>div:nth-child(7)>div { /* 참조 값 포함하는 박스 */
	position: relative;
	display: inline-block;
	width: calc(100% - 8.5rem);
	padding: 1rem 1.5rem 1rem 1rem;
	border: 0.1rem solid #999;
	line-height: 1.5;
	background-color: #fff;
}

.managerinfo_new>div>div:nth-child(7)>div>div:nth-child(1)>label {
	/* 참조 개별 스타일 */
	position: relative;
	display: inline-block;
	padding: 0.5rem 2rem 0.5rem 0.5rem;
	height: 2.5rem;
	line-height: 1.3;
	margin-bottom: 0.3rem;
	font-size: 1.2rem;
	border-radius: 0.2rem;
	color: #fff;
}

.managerinfo_new>div>div:nth-child(7)>div>div:nth-child(1)>label a i {
	position: absolute;
	right: 0.5rem;
	top: 0.6rem;
	color: #fff;
	opacity: 0.5;
	margin-left: 1rem;
} /*  삭제 아이콘   */
.managerinfo_new>div>div:nth-child(7)>div>div:nth-child(2) {
	position: relative;
}

.managerinfo_new>div>div:nth-child(7)>div>div:nth-child(2)>a>i {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	font-size: 2rem;
} /* 참조 값 추가 버튼 */
.managerinfo_new>div>div:nth-child(7)>div>div:nth-child(1)>label>a:hover i
	{
	opacity: 1;
} /* 삭제 아이콘에 마우스 오버 */

/* 문의 분류  */
.tab_leftarea .ask_div {
	clear: both;
	overflow: hidden;
	width: 100%;
	padding: 0 2rem 1.5rem 2rem;
	margin: 0;
	background-color: #eaf0fc;
} /* 전체영역 */
.tab_leftarea .ask_div h2 {
	position: relative;
	height: 3.5rem;
	line-height: 0.5rem;
	padding: 1.5rem 0.5rem 1.5rem 0;
	font-size: 1.5rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #000;
} /* 타이틀 */
.tab_leftarea .ask_div h2 .btn_fold {
	position: absolute;
	font-size: 2rem;
	font-weight: 900;
	right: 0;
	top: 0;
	transform: rotateZ(-90deg);
	display: inline-block;
} /* 접기 버튼 */
.tab_leftarea .ask_div>div {
	width: 100%;
} /* 개별 항목 영역 설정 (레이블 포함) */

/* COCO 정보  */
.tab_leftarea .cocoinfo {
	clear: both;
	overflow: hidden;
	width: 100%;
	padding: 0 2rem 1.5rem 2rem;
	margin: 0;
	border-bottom: 0.1rem solid #DADADA;
} /* 전체영역 */
.tab_leftarea .cocoinfo h2 {
	position: relative;
	height: 3.5rem;
	line-height: 0.5rem;
	padding: 1.5rem 0.5rem 1.5rem 0;
	font-size: 1.5rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #000;
} /* 타이틀 */
.tab_leftarea .cocoinfo h2 .btn_fold {
	position: absolute;
	font-size: 2rem;
	font-weight: 900;
	right: 0;
	top: 0;
	transform: rotateZ(-90deg);
	display: inline-block;
} /* 접기 버튼 */
.tab_leftarea .cocoinfo>div>div:nth-child(4) {
	vertical-align: middle;
	height: 3rem;
	line-height: 3rem;
} /* 관련 계약 정보 안내글 및 검색 버튼  */
.tab_leftarea .cocoinfo>div>div:nth-child(5) {
	border: 0.1rem solid #999;
	padding: 1rem;
	line-height: 1.5;
	background-color: #fff;
} /* 관련 계약 정보 영역 */

/*  태그 추가하는 영역 */
.tab_leftarea .addtag {
	width: 100%;
	padding: 0 2rem 2rem 2rem;
	background-color: #eaf0fc;
} /* 전체 영역 설정 */
.tab_leftarea .addtag>div {
	display: inline-block;
	width: calc(100% - 8.5rem);
	padding: 1rem;
	border: 0.1rem solid #999;
	background-color: #fff;
}

.tab_leftarea .addtag>div>div:first-child {
	width: 100%;
	margin-bottom: 1rem;
} /* 태그 표시되는 곳 */
.tab_leftarea .addtag>div>div:first-child label { /* 태그 스타일 */
	position: relative;
	display: inline-block;
	padding: 0.5rem 2rem 0.5rem 0.5rem;
	margin-bottom: 0.3rem;
	font-size: 1.2rem;
	border-radius: 0.2rem;
	color: #fff;
	background-color: #12af92;
}

.tab_leftarea .addtag>div>div:first-child label a i {
	position: absolute;
	right: 0.5rem;
	top: 0.6rem;
	color: #fff;
	opacity: 0.5;
	margin-left: 1rem;
} /* 삭제 아이콘 */
.tab_leftarea .addtag>div>div:first-child label a:hover i {
	opacity: 1;
} /* 삭제 아이콘에 마우스 오버 */
.tab_leftarea .addtag>div>div:last-child {
	position: relative;
} /* 입력필드  */

/*  연관성 영역 */
div.issue_table {
	background-color: #fff;
	border: 0.1rem solid #999;
	padding: 0.5rem;
} /* 현재 이슈 테이블 영역  */
div.issue_table table thead tr th, div.issue_table table tbody tr td {
	font-size: 1.2rem;
} /* 테이블영역 폰트사이즈 */

/* 하단 저장버튼 영역 */
.tab_leftarea .addtagbtn>div {
	width: 100%;
	border: 0;
	background-color: #eaf0fc;
	padding: 0 2rem 2rem 0;
	text-align: right;
	border-bottom: 0.1rem solid #dadada;
}

/* 히스토리 탭 컨텐츠 영역 */
.tab_leftarea>div:nth-child(4) {
	display: none;
} /* 처음엔 숨긴다. */
.tab_leftarea>div:nth-child(4)>.issuehistory {
	text-align: left;
} /* 히스토리 영역 텍스트 좌측 정렬  */
.tab_leftarea>div:nth-child(4)>.issuehistory>h2 { /* 타이틀 */
	position: relative;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.5rem;
	font-weight: 400;
	margin: 1rem;
	color: #000;
	border-bottom: 0.2rem solid #555;
}

/* 히스토리 카드 셋 영역 */
.tab_leftarea>div:nth-child(4)>.issuehistory>.history_group {
	padding: 0 1rem;
	height: 80rem;
	overflow: auto;
}

.tab_leftarea>div:nth-child(4)>.issuehistory>.history_group>.historyset
	{
	width: 100%;
	padding: 0.5rem;
	margin: 0 0 0.5rem 0;
	border: 0.1rem solid #dadada;
	background-color: #fff;
} /* 카드셋 전체 설정 */
.tab_leftarea>div:nth-child(4)>.issuehistory>.history_group>.historyset>h2
	{ /*  첫번째 줄 : 시간 */
	position: relative;
	padding: 0.2rem 0 0.5rem 0;
	border-bottom: 0.1rem solid #dadada;
	font-size: 1.4rem;
	font-weight: 300;
}

.tab_leftarea>div:nth-child(4)>.issuehistory>.history_group>.historyset>h2>i
	{
	margin-right: 1rem;
	color: #dadada;
	font-size: 1.5rem;
} /* 티켓 아이콘 */
.tab_leftarea>div:nth-child(4)>.issuehistory>.history_group>.historyset>p>span
	{
	font-weight: 500;
} /* 이름 텍스트 스타일 */
.tab_leftarea>div:nth-child(4)>.issuehistory>.history_group>.historyset p
	{
	padding: 0.5rem 0 0 0;
	color: #000;
	line-height: 1.5;
} /* 카드 두번째 줄 - 덧글내용 */

/*----------- 팝업 윈도우 : COCO 정보 검색  -----------------*/
.popup_win {
	position: fixed;
	left: calc(50% - 45rem);
	top: 10%;
	width: 90rem;
	background-color: #fff;
	border-radius: 0.2rem 0.2rem;
	box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2);;
	transition: all 0.3s;
	transform: translateY(10rem);
	z-index: -1;
	opacity: 0;
}

.popup_win>h2 { /* 타이틀 */
	font-size: 1.6rem;
	font-weight: 400;
	height: 5rem;
	line-height: 5rem;
	padding: 0 1.5rem;
	border-radius: 0.2rem 0.2rem 0 0;
	color: #fff;
	background-color: #000;
}

.popup_win>.wrap_cont {
	width: 100%;
	padding: 1rem;
	overflow: hidden;
} /* 컨텐츠 전체를 감싸는 영역 */
.popup_win>.wrap_cont table {
	width: 100%;
	font-size: 1.4rem;
	font-weight: 300;
} /* 검색 영역 테이블 전체 설정 */
.popup_win>.wrap_cont table tr td {
	height: 4rem;
	line-height: 4rem;
	padding: 0 1rem;
} /* 검색 영역 테이블 td 높이설정  */
.popup_win .search_data_num {
	font-size: 1.5rem;
	font-weight: 600;
	color: #000;
} /* 검색된 데이터 수 표기 */
.popup_win .show_item3 { display: none !important; }   /* 계약항목 아이템 처음에 숨기기 */
.popup_win .show_item3.on { display: inline-block !important; }   /* 계약항목 아이템 처음에 숨기기 */   
.show_item3 { display: none !important; }   /* 계약항목 아이템 처음에 숨기기 */
.show_item3.on { display: inline-block !important; }   /* 계약항목 아이템 처음에 숨기기 */   
/*----------- 팝업 윈도우 : 연구소 요청  -----------------*/
.popup_win2 {
	position: fixed;
	left: calc(50% - 25rem);
	top: 10%;
	width: 50rem;
	background-color: #fff;
	border-radius: 0.2rem 0.2rem;
	box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2);;
	transition: all 0.3s;
	transform: translateY(10rem);
	z-index: -1;
	opacity: 0;
}

.popup_win2>h2 { /* 타이틀 */
	font-size: 1.6rem;
	font-weight: 400;
	height: 5rem;
	line-height: 5rem;
	padding: 0 1.5rem;
	border-radius: 0.2rem 0.2rem 0 0;
	color: #fff;
	background-color: #000;
}

.popup_win2>.wrap_cont {
	width: 100%;
	padding: 2rem;
	overflow: hidden;
} /* 컨텐츠 전체를 감싸는 영역 */

/*----------- 팝업 윈도우 : 파트너 공유  -----------------*/
.popup_win3 {
	position: fixed;
	left: calc(50% - 30rem);
	top: 10%;
	width: 60rem;
	background-color: #fff;
	border-radius: 0.2rem 0.2rem;
	box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2);;
	transition: all 0.3s;
	transform: translateY(10rem);
	z-index: -1;
	opacity: 0;
}

.popup_win3>h2 { /* 타이틀 */
	font-size: 1.6rem;
	font-weight: 400;
	height: 5rem;
	line-height: 5rem;
	padding: 0 1.5rem;
	border-radius: 0.2rem 0.2rem 0 0;
	color: #fff;
	background-color: #000;
}

.popup_win3>.wrap_cont {
	width: 100%;
	padding: 2rem;
	overflow: hidden;
} /* 컨텐츠 전체를 감싸는 영역 */

/*----------- 오버레이 막  -----------------*/
#overlay {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: -1;
	opacity: 0;
	transition: all 0.3s; /* display: none; */
}

/*------------------- 우측 컨텐츠 영역 ---------------------*/
.tab_rightarea .ask_title {
	position: relative;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.7rem;
	font-weight: 500;
	color: #000;
	border-bottom: 0.2rem solid #555;
}

.tab_rightarea .ask_title h2 {
	width: 65rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
} /* 타이틀 - 말줄임 */
.tab_rightarea .ask_title span {
	position: absolute;
	right: 3rem;
	top: 0;
	font-size: 1.4rem;
	font-weight: 300;
} /* 생성 날자와 시간 */
.tab_rightarea .ask_title a {
	position: absolute;
	right: 0;
	top: -0.3rem;
	font-size: 2rem;
} /* 설정 아이콘 */

/*----------- 서브 타이틀 우측 아이콘 (문의 상세 우측 컨텐츠 수정,삭제)   -----------------*/
.icon_edit { position: absolute; right: 2rem; top: 0; }  /* 수정 아이콘 */
.icon_delete { position: absolute; right: 0; top: 0; }  /* 삭제 아이콘 */
.edit_date { position: absolute; right: 6rem; top: 0; font-size: 1.4rem; font-weight: 300; }  /* 편집일자 */

/*  문의 내용 영역  */
.tab_rightarea .ask_contents {
	width: 100%;
	border: 0.1rem solid #dadada;
	padding: 1rem;
	margin-top: 2rem;
} /* 전체 영역 */
.tab_rightarea .ask_contents h2 { /* 타이틀 */
	position: relative;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 500;
	color: #000;
	height: 3rem;
	line-height: 3rem;
	border-bottom: 0.1rem solid #555;
	margin-bottom: 1rem
}

.tab_rightarea .ask_contents>div {
	margin-bottom: 1rem;
} /* textarea 감싸는 영역 */
.tab_rightarea .ask_contents > div:nth-child(2) { 
	border: 0.1rem solid #999; 
	padding: 1rem; 
	line-height: 1.5;
}   /* 문의 내용 전체 감싸는 테두리 */

.tab_rightarea .ask_contents>div>textarea {
	width: 100%;
	height: 20rem;
} /* 문의 내용 텍스트 표시 영역 */
.tab_rightarea .ask_contents>.addfile_group>div>ul>li {
	border-bottom: 0;
	margin: 0;
	padding: 0;
	min-height: 0;
} /* 첨부파일 표시영역 하단라인 제거 */
.tab_rightarea .ask_contents>.productfield_area {
	width: 100%;
	border: 0.1rem solid #999;
	padding: 1rem;
	margin-top: 2rem;
	line-height: 1.5;
} /* 상세내용 블럭 */
.tab_rightarea .ask_contents>.detailinfo_contents {
	width: 100%;
	border: 0.1rem solid #999;
	padding: 1rem;
	margin-top: 2rem;
	line-height: 1.5;
} /* 상세내용 블럭 */

/* 상세내용 하단 영역 접기 버튼 */
.detailinfo_fold_area h2 {
	border-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	height: 1.5rem !important;
	text-align: right;
	padding-right: 3rem;
}

.detailinfo_fold_area h2 .btn_fold {
	position: absolute;
	font-size: 2rem;
	font-weight: 900;
	right: 0;
	top: -0.5rem;
	transform: rotateZ(-90deg);
	display: inline-block;
}

.tab_rightarea>div.ask_contents>h2:nth-child(4) {
	position: relative;
} /* 상세 내용 타이틀 */
.tab_rightarea>div.ask_contents>h2:nth-child(4)>input {
	position: absolute;
	right: 0;
	top: -1.5rem;
} /* 상세내용 우측 저장버튼 타이틀과 배치 조정 */
#ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_rightarea>div.ask_contents>div.detailinfo_contents
	{
	margin-top: 1rem;
} /* 상세내용 컨텐츠 블럭 상단 마진 조정 */
.tab_rightarea .ask_contents>.detailinfo_contents>div>div>div>div {
	width: calc(100% - 9rem - 0.5rem);
} /* 상세내용 콘트롤 좌측 너비 100-label-padding */
/*.select_sumo { width: calc(100% - 9rem - 0.5rem); } /* 멀티 SUMO 셀렉트 용 너비 */

/*  글작성 영역  */
.tab_rightarea .option {
	width: 100%;
	margin-top: 2rem;
} /* 매크로 , 상태선택 영역 */

/* 댓글 개별 글 목록 카드 */
.tab_writelist>div.tab_menu_container {
	position: relative;
}

.tab_writelist>div.tab_menu_container>a {
	position: absolute;
	right: 0;
	top: 0;
} /* 댓글 목록 접기 아이콘 */
.tab_writelist>div.tab_box_container>div.tab_box>div.cardset {
	width: calc(100% - 2rem);
	padding: 1rem;
	margin: 0 auto 0.5rem auto;
	border: 0.1rem solid #dadada;
} /* 카드셋 전체 설정 */
.tab_writelist>div.tab_box_container>div.tab_box>div.cardset.mode_open {
	background-color: #fff;
}
.tab_writelist>div.tab_box_container>div.tab_box>div.cardset.mode_open_penta {
	background-color: #e8eaf5;
}
/* 공개용 배경 */
.tab_writelist>div.tab_box_container>div.tab_box>div.cardset.mode_close
	{
	background-color: #e8eaf5;
} /* 내부용 배경 */
.tab_writelist>div.tab_box_container>div.tab_box>div.cardset.mode_close_close
	{
	background-color: #eee;
} /* 내부용 배경 */
.tab_writelist>div.tab_box_container>div.tab_box>div.cardset h2 i {
	margin-right: 1rem;
} /* 아이콘 */
.tab_writelist>div.tab_box_container>div.tab_box>div.cardset h2 {
	/* 카드 첫번째 줄 - 작성자  */
	position: relative;
	padding: 1rem 0 1.5rem 0;
	font-size: 1.4rem;
	font-weight: 500;
}

.tab_writelist>div.tab_box_container>div.tab_box>div.cardset h2 span {
	position: absolute;
	right: 0;
	top: 1.4rem;
	font-size: 1.4rem;
	font-weight: 300;
} /* 시간 */
.tab_writelist>div.tab_box_container>div.tab_box>div>div>textarea {
	height: 10rem;
}

.tab_writelist>div.tab_box_container>div.tab_box>div.cardset p {
	padding: 1.5rem 0 1rem 0;
	line-height: 1.5;
} /* 카드 두번째 줄 - 덧글내용 */



/*----------- 티켓번호 박스  -----------------*/
.ticket_number {    /* 최상단 영역 - 티켓번호 */
    display: inline-block; height: 2.8rem; line-height: 2.8rem; padding: 0 0.5rem; border: 0.1rem solid #ccc; 
    font-size: 1.2rem; color: #000; font-weight: 500; background-color: #f5f5f5; 
} 

/*----------- 요소 상단에 내용 정렬하기  -----------------*/
.v_top { vertical-align: top; } /*  */

/*----------- 문의상세로 돌아가기 링크  -----------------*/
.back_ticket_details { position: absolute; display: inline-block; right: 0; top: 0; font-size: 1.4rem; }

/*----------- 문의수정 히스토리 테이블 스타일  -----------------*/
.ticket_edithistory tr { border: 0.1rem solid #999; }
.ticket_edithistory tr:nth-child(even) { border-bottom: 0.1rem solid #999; }  /* 짝수줄 하단 라인색 변경 */
.ticket_edithistory tr td { padding: 1rem 1rem !important; }    /* td 영역 패딩 */
.ticket_edithistory tbody tr:nth-child(odd) { background-color: #f5f5f5; }  /*  홀수 줄 걸러 배경색 변경 */
.ticket_edithistory tbody tr:nth-child(even) { background-color: transparent; }  /* 짝수 줄 배경색 제거  */
.ticket_edithistory tr td:nth-child(odd) { border-right: 0.1rem solid #dadada; }  /* 홀수 칸 우측 라인 생성 */
.ticket_edithistory tbody tr:nth-child(even) td { line-height: 1.5; }  /* 짝수줄 문장 줄간격 설정 */
/* 접기 버튼 */  
.btn_foldicon { position: absolute; font-size: 2rem; font-weight: 900; right: 1rem; top: 0; transform: rotateZ(-90deg); display: inline-block;  }  

/*----------- 문의상세 댓글 UI (변경된 스타일)  -----------------*/
.cardset_infoblock { 
    border-bottom: 0.1rem solid #dadada; padding-bottom: 1rem;
    display: flex; display: flexbox; /* IE11 */ -ms-display: flexbox; /* IE10+ */ }   /* 자식 요소의 높이를 동일하게 해줌 */
.cardset_infoblock > .f_left { position: relative; border: 0.1rem solid #999; padding: 0.5rem; font-size: 1.3rem; background-color: #fff; bottom: 0; }   /* 답글정보 블럭 */
.cardset_infoblock > .f_right { padding-left: 2rem; min-height: 10rem; width: calc(100% - 23rem); }   /* 답글 내용 블럭, 최소 높이 100px */
.iconmenu_block { position: relative; } /* 수정 및 삭제 아이콘 위치 기준 설정 */
.iconmenu_block a { position: relative !important; left: 0; }  /* 수정 및 삭제 아이콘 절대값 제거 */
.cardset_infoblock p { padding: 0 !important; }    /* 패딩 제거 */
.cardset_infoblock > .f_left > span { position: relative !important; }   /* 포지션 절대값 제거 */
.cardset_infoblock > .f_right > pre { padding: 0 !important; white-space: pre-wrap; word-wrap: break-word; line-height: 1.5; padding-top: 2rem !important; }  /* 우측 내용블럭 설정 */
.ico_user { position: absolute; top: 0; right: 0; width: 4.5rem; height: 4.5rem; }    /* 사용자 아이콘 블럭 설정 */
.ico_user img { width: 100%; } /* 사용자 아이콘 이미지 */
.go_comment_edit_history { text-decoration: underline; }   /* 파트너 정보 및 댓글 수정 히스토리 페이지 링크 */
i.icon_receiver { font-size: 1.5rem; } /* 수신자 팝업 보기 아이콘 */

/*----------- 파트너 정보  -----------------*/
.container.partnerinfo { width: 148rem; margin: 0 auto; }   /* 전체 너비 */
.container.partnerinfo > div:first-child {  width: 100%; min-height: 10rem; background-color: #ebebeb; }  /* 좌측 히스토리 패널 영역 */
.container.partnerinfo > div:last-child { width: 100rem; }   /* 우측 영역 너비 및 좌측 패딩 */
.container.partnerinfo .partner_history .history_group { height: 88rem !important; }   /* 히스토리 패널 높이 설정 해제 */
.container.partnerinfo .partner_history .history_group .historyset h2 { padding: 0; margin: 0 !important; height: auto !important; line-height: 1 !important; }  /* 카드 셋 마진, 패딩, 높이 강제 조정  */
.container.partnerinfo .partner_history .history_group .historyset h2 .ticket {   /* 티켓 디자인 */
    display: inline-block; padding: 0.4rem; border: 0.1rem solid #aaa; font-size: 1.2rem; color: #000; font-weight: 500; background-color: #fff; vertical-align: bottom; }
/* 히스토리 영역 ScrollBar */
.history_group::-webkit-scrollbar { width: 0.4rem; } /* 스크롤 바 폭 */
.history_group::-webkit-scrollbar-track { background-color:#ccc; } /* 스크롤 바 밑의 배경 */
.history_group::-webkit-scrollbar-thumb { background: #999; } /* 실질적 스크롤 바 */
.history_group::-webkit-scrollbar-thumb:hover { background: #666; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.history_group::-webkit-scrollbar-thumb:active { background: #999; } /* 실질적 스크롤 바를 클릭할 때 */
.history_group::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */


/* 히스토리 탭 컨텐츠 영역 */
#signup > div > div.f_left.w450 > div > .partner_history > h2 { /* 타이틀 */ 
    position: relative; height: 3rem; line-height: 3rem; font-size: 1.5rem; font-weight: 400; 
    margin: 1rem; color: #000; border-bottom: 0.2rem solid #555; }  
#signup > div > div.f_left.w450 > div > .partner_history > .history_group { padding: 0 1rem; height: 80rem; overflow: auto; }
#signup > div > div.f_left.w450 > div > .partner_history > .history_group > .historyset { 
    width: 100%; padding: 0.5rem; margin: 0 0 0.5rem 0; border: 0.1rem solid #dadada; background-color: #fff; }  /* 카드셋 전체 설정 */
#signup > div > div.f_left.w450 > div > .partner_history > .history_group > .historyset > h2 {     /*  첫번째 줄 : 시간 */
    position: relative; padding: 0.2rem 0 0.5rem 0; border-bottom: 0.1rem solid #dadada; font-size: 1.4rem; font-weight: 300; }
#signup > div > div.f_left.w450 > div > .partner_history > .history_group > .historyset > h2 > i { margin-right: 1rem; color: #dadada; font-size: 1.5rem; }  /* 티켓 아이콘 */
#signup > div > div.f_left.w450 > div > .partner_history > .history_group > .historyset > p > span { font-weight: 500; }  /* 이름 텍스트 스타일 */
#signup > div > div.f_left.w450 > div > .partner_history > .history_group > .historyset p { padding: 0.5rem 0 0 0; color: #000; line-height: 1.5; } /* 카드 두번째 줄 - 덧글내용 */

.macro_select { position: absolute; right: 0; top: -0.5rem; }
/****************************************************************************/
/*                     문의 상세 (제출 버튼 영역)                         */
/****************************************************************************/
.select1 { width: 18%; }  /* 상태선택 항목 너비 */
.select2 { width: 35%; }  /* 추가된 항목 너비 (2번째) */
.select3 { width: 29%; } /* 추가된 항목 너비 (3번째) */
.select0 { width: 20%; }
.select1 .select_menu { width: calc(100% - 6rem); }  /* selectbox 1 너비  */
.select2 .select_menu { width: calc(100% - 9rem); }  /* selectbox 2 너비  */
.select3 .select_menu { width: calc(100% - 8rem); }  /* selectbox 3 너비  */
.select0 .select_menu { width: calc(100% - 7rem); }  /* selectbox 4 너비  */

/****************************************************************************/
/*                  팝업창 - 문의 이슈 대응 해결 템플릿                     */
/****************************************************************************/
.popup_solvetemplate { padding: 0.8rem; }
.popup_solvetemplate table { width: 100%; border: 0.1rem solid #c3c3c3; }
.popup_solvetemplate table th, .popup_solvetemplate table td { padding: 1rem; line-height: 1.3; border-bottom: 0.1rem solid #c3c3c3; }
.popup_solvetemplate .title { padding: 0 1.5rem; background-color: #333; font-size: 1.6rem; font-weight: 400; height: 5rem; color: #fff; }    /* 타이틀 */
.popup_solvetemplate .title span { font-size: 1.4rem; font-weight: 300; color: #FBA425; }    /* 설명 텍스트 */
.popup_solvetemplate table td.label { background-color: #f9f9f9; }    /* 레이블 배경 */
.popup_solvetemplate table textarea { padding: 0.5rem; }   /* textarea 내부 패딩 줄임 */
.template_file_name {width: 20rem;}

/****************************************************************************/
/*          문의 리스트 > 정보 검색 상세 > 이슈해결 템플릿 (타입 1)         */
/****************************************************************************/
#solvetype { padding: 3rem 0; }
#solvetype .container { width: 120rem; overflow: hidden; }
#solvetype h2 { position: relative; width: 100%; height: 4rem; line-height: 4rem; font-size: 2.3rem; font-weight: 400; color: #000; border-bottom: 0.2rem solid #555; margin-bottom: 1rem; } /* 타이틀 */
#solvetype h2 .btn_fold { position: absolute; font-size: 2rem; font-weight: 900; right: 0; top: 0; transform: rotateZ(90deg); display: inline-block;  }  /* 접기 버튼 */  
#solvetype .ticket_no { display: inline-block; background-color: #f9f9f9; width: 10rem; height: 5.5rem; line-height: 5.5rem; text-align: center; border: 0.1rem solid #dadada; } /* 문의번호 */
#solvetype .table_infosearch_history { display: none; }  /* 정보검색히스토리 테이블 처음에 숨기기 */
#solvetype table { border-bottom: 0.1rem solid #000; }  /* table 하단 가로 라인 */
#solvetype table td { line-height: 1.3; }
#solvetype table td textarea { padding: 0.5rem 1rem; }

/****************************************************************************/
/*                        문의 상세 (고객용)                              */
/****************************************************************************/
.details_customer_bg {
	background-color: #ebebeb !important;
} /* 배경 그레이 */
.addtag_customer {
	display: inline-block;
	width: calc(100% - 8.5rem);
	padding: 1rem;
	border: 0.1rem solid #999;
	background-color: #fff;
} /* 태그 영역 테두리 */
.ask_div_costomer {
	padding-top: 1rem !important;
	border-top: 0.1rem solid #DADADA;
} /* 문의분류 상단 마진과 보더 */
.datetime_customer {
	position: absolute;
	right: 0 !important;
	top: 0;
	font-size: 1.4rem;
	font-weight: 300;
} /* 타이틀 우측 생성 날자 시간 */
.tab_leftarea>div>section.managerinfo.details_customer_bg>div>div>div.divcustomer
	/* 참조 값 포함하는 박스 */ {
	position: relative;
	display: inline-block;
	width: calc(100% - 8.5rem);
	padding: 1rem 1.5rem 1rem 1rem;
	border: 0.1rem solid #999;
	line-height: 1.5;
	background-color: #fff;
}

.tab_leftarea>div>section.managerinfo.details_customer_bg>div>div.mt10>div>div:nth-child(1)>label
	{ /* 참조 개별 스타일 */
	position: relative;
	display: inline-block;
	padding: 0.5rem 2rem 0.5rem 0.5rem;
	margin-bottom: 0.3rem;
	font-size: 1.2rem;
	border-radius: 0.2rem;
	color: #fff;
}

.tab_leftarea>div>section.managerinfo.details_customer_bg>div>div.mt10>div>div:nth-child(1)>label a i
	{
	position: absolute;
	right: 0.5rem;
	top: 0.6rem;
	color: #fff;
	opacity: 0.5;
	margin-left: 1rem;
} /* 삭제 아이콘 */
.tab_leftarea .addtag>div>div:first-child label a:hover i {
	opacity: 1;
} /*  삭제 아이콘에 마우스 오버 */
.tab_leftarea>div>section.managerinfo.details_customer_bg>div>div>div.divcustomer>div
	{
	position: relative;
}

#ticket_details_wrap>div>div>div>div:nth-child(1)>div.tab_leftarea>div>section.managerinfo.details_customer_bg>div>div.mt10>div>a>i.customer
	/* 참조 값 추가 버튼 */ {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	font-size: 2rem;
}

/****************************************************************************/
/*                   문의 상세 (권한별 관련 페이지)                         */
/****************************************************************************/
.assignToMe {
	position: absolute;
	left: 10rem;
	top: 1.9rem;
	font-size: 1.3rem;
	font-weight: 400;
} /* 나에게 배정 */
.tab_leftarea>div>section.managerinfo.details_customer_bg.relative {
	background-color: #eaf0fc !important;
} /* 담당자 영역 배경 light skyblue */
div.relative>a>i {
	position: absolute;
	right: 0;
	top: 1rem;
	font-size: 1.8rem;
} /* 연구소 요청, 파트너 공유 + 버튼 아이콘 위치 재설정 */

/****************************************************************************/
/*                               파트너 찾기                                */
/****************************************************************************/

/*------------------- 조건 영역 ---------------------*/
#find_ptn_wrap {
	padding: 3rem 0 5rem 0;
} /* 전체 컨텐츠 감싸는 블럭 */
#find_ptn_wrap h2 {
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
	margin-bottom: 1rem;
} /* 타이틀 */
#find_ptn_wrap .partner_info {
	margin-bottom: 5rem;
}

#find_ptn_wrap .partner_info p {
	margin-bottom: 2rem;
} /* 설명글 하단 마진 */
#find_ptn_wrap .partner_info>.container>div {
	border: 0.1rem solid #dadada;
	border-bottom: 0;
} /* 검색 조건 한줄 블럭 */
#find_ptn_wrap .partner_info>.container>div:last-child {
	border-bottom: 0.1rem solid #dadada;
} /* 마지막 줄 아래 보더 생성 */
#find_ptn_wrap .partner_info>.container>div>label { /* 좌측 레이블 */
	display: inline-block;
	text-align: center;
	width: 20rem;
	height: 5rem;
	line-height: 5rem;
	background-color: #f9f9f9;
	color: #000;
}

#find_ptn_wrap .partner_info>.container>div>div {
	display: inline-block;
	background-color: #fff;
	height: 5rem;
	line-height: 5rem;
	padding: 0 2rem;
} /* 콘트롤 배치된 블럭 */
#find_ptn_wrap>.btn_confirm {
	margin: 3rem 0;
} /* 검색 버튼 상하 마진 조정 */
#find_ptn_wrap>section.ptn_list>div>p>span.display_num {
	color: #4054AF;
	font-weight: 700;
}

/*------------------- 파트너 테이블 스타일 ---------------------*/
#find_ptn_wrap .ptn_list h2 { /* 타이틀 */
	position: relative;
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
	margin-bottom: 2rem;
}

#find_ptn_wrap .ptn_list h2 div {
	position: absolute;
	display: inline-block;
	right: 0;
	top: 0;
	color: #666;
	font-size: 1.4rem;
	font-weight: 300;
} /* 총 갯수 영역 */
#find_ptn_wrap .ptn_list h2 span {
	color: #4054AF;
	font-size: 1.4rem;
	font-weight: 700;
} /* 총 갯수 글자 스타일 */
.item_table {
	width: 100%;
	border: 0.1rem solid #dadada;
	margin-bottom: 2rem;
} /* 전체 영역 */
.item_table .logo1 {
	width: 26rem;
	padding: 1rem 1rem;
	text-align: center;
} /* 로고영역 */
.item_table .logo2 {
	width: 18rem;
} /* 로고 이미지 */
.item_table .val3 {
	text-align: center;
	color: #000;
	font-weight: 500;
} /* 회사이름 영역 */
.item_table .caption { /* 캡션 - 파트너 종류, 회사주소, 사이트, 대표전화 */
	width: 9.5rem;
	padding: 1.5rem 1rem;
	border-left: 0.1rem solid #dadada;
	border-bottom: 0.1rem solid #dadada;
	background-color: #f9f9f9;
}

.item_table .caption2 {
	width: 28rem;
	background-color: #f9f9f9;
	text-align: center;
} /* 캡션 - 취급제품 */
.item_table .val /* 값 - 파트너 종류, 회사주소, 사이트, 대표전화 */ {
	padding: 1.5rem 1rem;
	border-right: 0.1rem solid #dadada;
	border-bottom: 0.1rem solid #dadada;
	line-height: 1.5;
	color: #000;
}

.item_table .val2 {
	padding: 1rem 1rem;
	text-align: center;
	line-height: 1.5;
	color: #000;
} /* 값 - 취급제품 */

/****************************************************************************/
/*                          공지사항 리스트                                 */
/****************************************************************************/
#notice_list section, #notice_view section, #notice_write section {
	padding: 3rem 0;
} /* 전체 영역 */
#notice_list h2, #notice_view h2, #notice_write h2 { /* 타이틀 */
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
	margin-bottom: 1rem;
}

#notice_list>section>div.container>div, #notice_view>section>div.container>div
	{
	margin: 3rem 0 1rem 0;
}

/*------------------- 테이블 ---------------------*/
#notice_list>section>div>table.table_basic>thead>tr {
	border: 0;
} /* 컬럼 헤더 보더 제거 */
#notice_list>section>div>table.table_basic>thead>tr>th { /* 테이블 헤더 높이 */
	padding: 1.2rem 0.5rem;
	background-color: #fff;
	border-right: 0;
	border-bottom: 0.1rem solid #000;
} /* 컬럼헤더 아래에만 라인 생성 */
#notice_list>section>div>table.table_basic>tbody>tr>td {
	padding: 1.2rem 0.5rem;
} /* 테이블 개별 라인 높이 */
#notice_list>section>div>table>tbody>tr>td {
	text-align: center;
} /* 중앙정렬 */
#notice_list>section>div>table>tbody>tr>td:nth-child(2) {
	text-align: left;
} /* 제목 좌측정렬 */
.fixedPost {
	color: #000 !important;
	border-bottom: 0.1rem solid #fff;
} /* 고정게시글 텍스트 색상 */
.fixedPostBg {
	background-color: #dadada !important;
} /*  고정게시글 배경 */
#notice_list>section>div>section.pagenavi_area {
	padding: 0;
}

/****************************************************************************/
/*                          공지사항 내용보기                               */
/****************************************************************************/
/* 테이블 */
#notice_view>section>div>table.table_basic>thead>tr>th /* 테이블 헤더 높이 */ {
	padding: 1.2rem 0.5rem;
	background-color: #fff;
	border-right: 0;
	border-bottom: 0.1rem solid #000;
} /* 컬럼헤더 아래에만 라인 생성 */
#notice_view>section>div>table.table_basic>thead>tr {
	border: 0;
} /* 컬럼 헤더 보더 제거 */
#notice_view>section>div>table.table_basic tbody tr:nth-child(2n) {
	background-color: #fff;
} /*  한줄 걸러 다른색 해제 */
#notice_view>section>div>table>tbody>tr {
	border-bottom: 0;
} /* 줄 라인 제거 */
#notice_view>section>div>table>tbody>tr:hover {
	background-color: #fff;
} /*  마우스 오버시  다른색 제거  */
#notice_view>section>div>table>tbody>tr>td {
	padding: 1.2rem 0.5rem;
} /* 테이블 개별 라인 높이 */
#notice_view>section>div>table>tbody>tr>td {
	text-align: center;
} /* 기본 중앙 정렬 */
#notice_view>section>div>table>tbody>tr>td:nth-child(2) {
	text-align: left;
} /* 제목 좌측정렬 */
#notice_view>section>div>table>tbody>tr:first-child>td {
	color: #000;
	font-weight: 500;
	background-color: #dadada;
} /* 제목 있는 라인 */
#notice_view>section>div>table>tbody>tr:nth-child(3), #notice_view>section>div>table>tbody>tr:nth-child(4)
	/* 다음글, 이전글 테두리 및 배경 */ {
	border: 0.1rem solid #dadada;
}

#notice_view>section>div>table>tbody>tr:nth-child(3):hover, #notice_view>section>div>table>tbody>tr:nth-child(4):hover
	/* 다음글, 이전글 테두리 마우스 오버시 배경색 */ {
	background-color: #f9f9f9;
}

#notice_view>section>div>table>tbody>tr:nth-child(2)>td>.textarea_wrap textarea
	{
	text-align: left;
} /* 내용입력 textarea */

/*------------------- 첨부파일 영역 - 글작성 (프리뷰스타일) ---------------------*/
.addfile_group>div {
	min-height: 4rem;
	line-height: 4rem;
} /* 리스트 한칸 높이 설정 */
.addfile_group>div>ul>li>i {
	width: 1.2rem;
	margin-right: 0.5rem;
}

/****************************************************************************/
/*                          공지사항 글쓰기                               */
/****************************************************************************/
#notice_write .input_title label, #notice_write .add_file label {
	display: inline-block;
	width: 8rem;
}

#notice_write>section>div>div.mt20.mb20>textarea {
	height: 30rem;
	min-height: 20rem;
} /* 내용입력 textarea  */

/*------------------- 첨부파일 영역 (리스트 스타일) ---------------------*/
.file_add_area {
	width: 100%;
	min-width: 20rem;
	border: 0.1rem solid #dadada;
	margin: 1rem 0;
	background-color: #dadada;
	padding: 0.5rem;
	text-align: left;
} /* 전체영역 */
.file_add_area .file_add_top {
	width: 100%;
	background-color: #f9f9f9;
	padding: 1rem;
} /* 파일찾기 버튼영역 */
.file_add_bot {
	padding: 1rem;
	background-color: #fff;
} /* 파일 추가 전체 영역 width 설명  */
.file_add_bot .file_add_bot_dis { /* Drag & Drop Files Here 설명 영역 */
	display: block;
	text-align: center;
	padding: 0.3rem;
	font-size: 3rem;
	height: 15rem;
	line-height: 15rem;
	border: 0.1rem solid #dadada;
	border-style: dashed;
}

.file_group {
	width: 100%;
	padding: 1rem;
} /* 첨부파일 전체 영역  */
.file_gr_table {
	width: 100%;
} /* 테이블 너비 */
.file_gr_table tr {
	border-bottom: 0.1rem solid #dadada;
} /* 하단 라인 */
.file_gr_table tr td {
	padding: 1rem;
} /* 각각의 줄 높이 패딩 */
.file_gr_table tr td:nth-child(4) {
	font-size: 1.8rem;
} /* 삭제 아이콘  */
.btn_file label {
	display: inline-block;
	padding: .5em .75em;
	color: #fff;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #2c2c2c;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
}
.btn_file input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.btn_qna_file label {
	display: inline-block;
	background-color: #2c2c2c;
	padding: 0 12px;
    height: 2.8rem;
    line-height: 2.8rem;
    color: #fff;
    background: #2c2c2c;
    font-size: 1.2rem;
    font-weight: 300;
    border: 0;
    cursor: pointer;
    transition: all 0.3s;
    cursor: pointer;
    opacity: 0.9;
    border-radius: 0.2rem;
}
.btn_qna_file input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/****************************************************************************/
/*                                회원가입                               */
/****************************************************************************/
#signup {
	padding: 3rem 0;
}

#signup h2 {
	position: relative;
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
	margin-bottom: 1rem;
} /* 타이틀 */

/*------------------- 입력 조건 영역 레이아웃 테이블 ---------------------*/
#signup table.layout {
	width: 100%;
}

#signup table.layout tr td {
	width: 50%;
	height: 4.5rem;
} /* 2 분할 분리 */
.help_txt {
	font-size: 1.3rem;
	color: #4054AF !important;
	font-weight: 200;
} /* 도움말 */
#signup table.layout tr td:first-child {
	padding-right: 2rem;
}

#signup table.layout tr td:last-child {
	padding-left: 2rem;
}

#signup table.layout tr:nth-child(1) td {
	padding-left: 0;
} /* 도움말 좌측 들여쓰기  */
#signup table.layout tr:nth-child(3) td {
	padding-left: 12rem;
} /* 도움말 좌측 들여쓰기  */
#signup>div>form:last-child>div:nth-child(1)>textarea {
	height: 20rem;
}

/****************************************************************************/
/*                       자주 찾는 질문 (FAQ)                               */
/****************************************************************************/
#faq_list section, #notice_view section, #notice_write section {
	padding: 3rem 0;
} /* 전체 영역 */
#faq_list h2, #notice_view h2, #notice_write h2 { /* 타이틀 */
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
	margin-bottom: 1rem;
}

/*----------------- 아코디언 테이블 Accordion -----------------*/
.accordion_menu {
	width: 100%;
	border-radius: 0.2rem;
	margin-bottom: 2rem;
} /*---- 전체 블록  ---*/
.accordion_menu>div>h2 {
	height: 3rem;
	border-bottom: 0.1rem solid #dadada !important;
}

.accordion_menu>div>h2>a { /*---- 제목  ---*/
	position: relative;
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	padding: 1rem 25rem 1rem 1rem;
	border-radius: 0.2rem; /* 패딩값으로 말줄임 너비 설정함 */
	background-color: #fff;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.accordion_menu>div>h2>a>i.fas.fa-chevron-right {
	position: absolute;
	right: 1rem;
	top: 1.4rem;
	font-size: 1.1rem;
	transform: rotateZ(0);
	color: #666;
} /* > 접고 펼침 아이콘  */
.accordion_menu>div>h2>a.on {
	color: #000;
	background-color: #dadada;
} /* 제목 선택시 텍스트 컬러 */
.accordion_menu>div>h2>a.on>i {
	color: #000;
} /*  제목 마우스 오버시 V 아이콘  */
.accordion_menu>div>h2>a:hover {
	cursor: pointer;
	color: #000;
	background-color: #dadada;
}

.accordion_menu>div>h2>a>span.t_num { /* 번호 표시 */
	display: inline-block;
	background-color: #797979;
	color: #fff;
	padding: 0.4rem;
	border-radius: 0.2rem;
	min-width: 2rem;
	text-align: center;
	font-size: 1rem;
	font-weight: 500;
	margin-right: 1rem;
}

.accordion_menu>div>h2>a>span.t_date { /* 날짜 표시 */
	position: absolute;
	right: 10rem;
	top: 1.4rem;
	display: inline-block;
	margin-right: 1rem;
	font-size: 1.3rem;
	font-weight: 400;
}

.accordion_menu>div>h2>a>span.t_hit { /* 조회수 표시 */
	position: absolute;
	right: 5rem;
	top: 1.4rem;
	width: 5rem;
	display: inline-block;
	font-size: 1.3rem;
	font-weight: 400;
	text-align: center;
}

.accordion_menu>div>div { /*------ 컨텐츠 블럭 처음에 모두 숨김 */
	display: none;
	font-size: 1.4rem;
	font-weight: 300;
	height: auto;
	line-height: 1.5;
	padding: 1rem;
	border: 0.1rem solid #dadada;
	margin-bottom: 1rem;
	background-color: #f9f9f9;
}

/*----------------- 내용 표시 영역 테이블 -----------------*/
.table_faq>tbody>tr:nth-child(2)>td, .table_faq>tbody>tr:nth-child(3)>td
	{
	padding: 1rem;
} /* 옵션 내용 칸  */
.table_faq>tbody>tr:nth-child(2)>td:nth-child(1), .table_faq>tbody>tr:nth-child(2)>td:nth-child(3),
	/* 레이블 가로 폭 */ .table_faq>tbody>tr:nth-child(3)>td:nth-child(1),
	.table_faq>tbody>tr:nth-child(3)>td:nth-child(3) {
	width: 10rem;
}

.table_faq>tbody>tr:nth-child(2)>td:nth-child(2), .table_faq>tbody>tr:nth-child(2)>td:nth-child(4),
	/* 값  */ .table_faq>tbody>tr:nth-child(3)>td:nth-child(2), .table_faq>tbody>tr:nth-child(3)>td:nth-child(4)
	{
	color: #000;
}

#faq_list>section>div>section {
	padding: 0;
} /* 내비게이션 영역 상단 패딩 제거  */
#faq_list>section:nth-child(2) {
	padding-top: 0;
} /* 자주찾는 질문 5개 영역 상단 패딩 제거 */

/****************************************************************************/
/*                      자주 찾는 질문 글쓰기                               */
/****************************************************************************/
#faq_write section {
	padding: 3rem 0;
} /* 전체 영역 */
#faq_write h2 { /* 타이틀 */
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
	margin-bottom: 1rem;
}

#faq_write>section>div.container>div, #notice_view>section>div.container>div
	{
	margin: 0 0 1rem 0;
}

#faq_write .input_title label, #notice_write .add_file label {
	display: inline-block;
	width: 8rem;
}

#faq_write>section>div>div.mt20.mb20>textarea {
	height: 30rem;
	min-height: 20rem;
} /* 내용입력 textarea  */

/****************************************************************************/
/*                             지원센터 Q & A                               */
/****************************************************************************/
#qna_list section, #qna_view section, #qna_write section { padding: 3rem 0; }  /* 전체 영역 */
#qna_list h2, #qna_view h2, #qna_write h2 {    /* 타이틀 */
    height: 4rem; line-height: 4rem; font-size: 2.3rem; font-weight: 400; color: #000; border-bottom: 0.2rem solid #555; margin-bottom: 1rem; }
#qna_list div:first-child p.guide { font-size: 1.6rem; font-weight: 300; color: #2C2C2C; line-height: 1.5; }   /* 안내글 */

/*----------------- 어코디언 메뉴 추가 스타일 -----------------*/
#qna_list .accordion_menu > div > h2 > a > span.t_name {    /* 이름 표시 */
    position: absolute; right: 15rem; top: 1.4rem; display: inline-block; margin-right: 1rem; font-size: 1.3rem; font-weight: 400; }  
#qna_list .accordion_menu > div > h2 > a > span.t_date {    /* 날짜 표시 */
    position: absolute; right: 4rem; top: 1.4rem; display: inline-block; margin-right: 1rem; font-size: 1.3rem; font-weight: 400; }  
#qna_list .accordion_menu > div > h2 > a i.fa-lock { font-size: 1.1rem; }  /* 비밀글 자물쇠 아이콘 */
#qna_list .qna_contents { background-color: #fff; border: 1px solid #999; padding: 1rem; }  /* 문의 내용 */
#qna_list .edit_comment { display: none; }  /* 숨겨진 답글 수정용 textarea */
#qna_list span.niean { vertical-align: top; }    /* 니은자 꺽쇠기호 */
#qna_list span.tag_answer { vertical-align: top; font-size: 1rem; padding: 0 0.3rem; color: #fff; }  /* 답변 태그 라벨 */
.underline { border-bottom: 0.1rem solid #ccc; }    /* 답변의 밑줄 */
.comment_area { display: none; }     /* 답글달기 영역 */
.table_qna i.fa-save { display: none; }  /* 답글 저장하기 아이콘 */
textarea.txtarea_bg { background-color: #ffffe6; }    /* 답변 등록하기 textarea 배경 */

/*----------------- Q & A 상세보기 페이지(New) -----------------*/
/* 내용보기 영역 */
.pre_wrap { border-bottom: 0.1rem solid #ccc; }  /* 내용보기 영역 하단 라인 */
.pre_area { text-align: left; padding: 0 !important; white-space: pre-wrap; word-wrap: break-word; line-height: 1.5; }
/* 답글 작성 영역 */
.cmt_wrap { background-color: #f9f9f9; border: 0.1rem solid #dadada; padding: 0.5rem !important; }  /* 배경설정 */
.cmt_wrap table tbody tr { border: 0; background-color: transparent; }  /* 답글 textarea 감싼 영역 테두리 제거 */
.cmt_wrap table tbody td { border: 0 !important; } /* 테두리 제거 */
.cmt_wrap table tbody tr:hover { background-color: transparent !important; }  /*  마우스 오버시  다른색 제거 */
.cmt_wrap table tbody tr:nth-child(2n) { background-color: transparent !important; }  /* 아래 회색배경 나타나게함 */
.cmt_wrap table tbody td div > p { text-align: left; line-height: 1.5; }  /* 답글 문장 영역 줄간격 */
.cmt_wrap .tag, .cmt_wrap .cmt_writedate { vertical-align: top; line-height: 1.5; } /* 태그 감싸는 영역 및 작성일 상단위치조정 */
.cmt_wrap span.tag_answer { vertical-align: top; font-size: 1rem; padding: 0 0.3rem; color: #fff; }  /* 답변 태그 라벨 */
.cmt_wrap .cmt_item { text-align: left; }  /* 태그 있는 개별 답글영역 좌측 정렬 */
.cmt_item .addfile_group { background-color: #fff; border: 0.1rem solid #dadada; padding: 0.5rem; }    /* 개별 답글의 첨부파일 전체 영역 배경색 */
.cmt_item .addfile_group .f_right, .addfile_group .f_right, .addfile_group .f_left { line-height: 2; }  /* 개별 답글의 첨부파일 영역 줄간격 */
.cmt_write { border: 0 !important; }  /* 답글 작성 영역의 (tr) 보더 제거 */
.td_cmt_write { padding: 1rem 0 !important; }   /* 답글 작성 영역의 (td) 패딩 제거 */
.cmt_wrap textarea { min-height: 8rem; }   /* 답글영역의 textarea 최소 높이 설정 */
.cmt_wrap .w80pro { width: 86% !important; }  /* 개별 답글의 좌측영역(태그+답글) 강제 설정 */
.cmt_wrap .w20pro { width: 14% !important; }  /* 개별 답글의 우측영역(등록+상태) 강제 설정 */
/* 2번째 시안에 대한 스타일 설정 */
/* .cmt_write .w80pro { width: 86% !important; }  /* 답글 작성영역의 좌측영역(태그+답글) 강제 설정 */
/* .cmt_write .w20pro { width: 14% !important; }  답글 작성영역의 우측영역(등록+상태) 강제 설정 */
/* .td_cmt_write:hover { background-color: #fff; }  답글 작성영역 마우스 오버 시 배경 제거 */ */

/****************************************************************************/
/*                            원격지원 페이지                                 */
/****************************************************************************/
#remote_support section {
	padding: 3rem 0;
} /* 전체 영역 */
#remote_support h2 { /* 타이틀 */
	height: 4rem;
	line-height: 4rem;
	font-size: 2.3rem;
	font-weight: 400;
	color: #000;
	border-bottom: 0.2rem solid #555;
	margin-bottom: 1rem;
}

#remote_support>section:first-child>div>p {
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 auto;
} /* 원격 지원 설명 */

/****************************************************************************/
/*                      나의 정보 수정 페이지                               */
/****************************************************************************/

/*----------- 팝업 윈도우 : 회사 검색  -----------------*/
.popup_win6 {
	position: fixed;
	left: calc(50% - 30rem);
	top: 10%;
	width: 60rem;
	background-color: #fff;
	border-radius: 0.2rem 0.2rem;
	box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2);;
	transition: all 0.3s;
	transform: translateY(10rem);
	z-index: -1;
	opacity: 0;
}

.popup_win6>h2 { /* 타이틀 */
	font-size: 1.6rem;
	font-weight: 400;
	height: 5rem;
	line-height: 5rem;
	padding: 0 1.5rem;
	border-radius: 0.2rem 0.2rem 0 0;
	color: #fff;
	background-color: #000;
}

.popup_win6>.wrap_cont {
	width: 100%;
	padding: 1rem;
	overflow: hidden;
} /* 컨텐츠 전체를 감싸는 영역 */
.popup_win6>.wrap_cont table {
	width: 100%;
	font-size: 1.4rem;
	font-weight: 300;
} /* 검색 영역 테이블 전체 설정 */
.popup_win6>.wrap_cont table tr td {
	height: 4rem;
	line-height: 4rem;
	padding: 0 1rem;
} /* 검색 영역 테이블 td 높이설정  */
.popup_win6 .search_data_num {
	font-size: 1.5rem;
	font-weight: 600;
	color: #000;
} /* 검색된 데이터 수 표기 */
.popup_win6>div>h3 {
	font-size: 1.5rem;
	font-weight: 400;
	color: #000;
} /* 검색 결과 타이틀 스타일 */
.popup_win6>div:nth-child(3)>p {
	line-height: 1.5;
} /* 검색 결과 설명문구 */
.popup_win6>div.mt20.ml20.mr20>div:nth-child(2)>table>tbody>tr>td:nth-child(1)>div
	{
	margin-left: -1.5rem;
} /* 라디오버튼 위치 설정 */

/****************************************************************************/
/*                           설정 > 고객관리                               */
/****************************************************************************/
div.table_area>table.member_manage th, div.table_area>table.member_manage td
	{
	padding: 1rem 0.5rem;
}

div.table_area>table.member_manage tbody tr td a.name {
	color: #000;
}

/****************************************************************************/
/*                     설정 > 고객관리 > 고객관리 상세                     */
/****************************************************************************/
table.memberinfo_layout td {
	padding: 1rem 0.5rem 0.5rem 0.5rem;
} /* border: 0.1rem solid orange; 모든 td */
table.memberinfo_layout tr:first-child td {
	padding-top: 0;
} /*   첫번째 줄 상단 패딩 */
table.memberinfo_layout tr td:nth-child(3) {
	padding-left: 3rem;
}

input.link:hover {
	cursor: pointer;
	color: #4054AF;
} /* 이메일 클릭을 위한 마우스 오버 시  */

/****************************************************************************/
/*                                설정 > 그룹 관리                          */
/****************************************************************************/
.gb_container .gbox {
	margin-bottom: 1rem;
	width: 32%;
	margin-right: 1.333%;
} /* 개별 그룹박스 공통 스타일    */
.gb_container .gbox .gb_head {
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	padding: 0 1rem;
	background-color: #333;
	border: 0.1rem solid #333;
} /* 그룹박스 헤더 영역 배경 */
.gb_container .gbox h4 {
	width: 100%;
	font-size: 1.4rem;
	font-weight: 300;
	color: #ccc;
} /* 헤더 기본 폰트 설정 */
.gb_container .gbox .g_name {
	padding: 0.5rem;
	font-size: 1.2rem;
	font-weight: 500;
	color: #000;
	background-color: #fff;
	border-radius: 0.2rem;
} /* 그룹명 라벨  */
.gb_container .gbox .g_name a {
	color: #000;
} /* 그룹명 라벨 텍스트 컬러 */
/* .gb_container .gbox .g_name:hover { background-color: #dce6fb; }  그룹명 라벨에 마우스 오버 시 */
/* .gb_container .gbox .g_name:hover a { color: #4054AF; } 그룹명 라벨에 마우스 오버 시 라벨 텍스트 컬러 */
.gb_container .gbox .member_num {
	color: #fff;
	font-weight: 500;
} /* 총인원 수 */
.gb_container i.fa-pencil-alt {
	position: absolute;
	right: 2rem;
	top: 1.3rem;
	color: #ccc;
} /* 수정 아이콘 */
.gb_container i.fa-trash-alt {
	position: absolute;
	right: 0;
	top: 1.3rem;
	color: #ccc;
} /* 삭제 아이콘 */
.gb_container i:hover {
	color: #fff;
} /* 아이콘 마우스 오버 시  */
.gb_container .gbox .gb_cont {
	padding: 1rem;
	border: 0.1rem solid #dadada;
} /* 컨텐츠 영역 */
.gb_container .gbox .gb_cont>ul>li {
	height: 2.5rem;
	line-height: 2.5rem;
} /* 1 depth */
.gb_container .gbox .gb_cont div>ul>li {
	height: 1.8rem;
	line-height: 1.8rem;
} /* 2 depth */

/*----------- 팝업 윈도우 : 그룹 추가  -----------------*/
.popup_win7 {
	position: fixed;
	left: calc(50% - 20rem);
	top: 10%;
	width: 40rem;
	background-color: #fff;
	border-radius: 0.2rem 0.2rem;
	box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2);;
	transition: all 0.3s;
	transform: translateY(10rem);
	z-index: -1;
	opacity: 0;
}

.popup_win7>h2 { /* 타이틀 */
	font-size: 1.6rem;
	font-weight: 400;
	height: 5rem;
	line-height: 5rem;
	padding: 0 1.5rem;
	border-radius: 0.2rem 0.2rem 0 0;
	color: #fff;
	background-color: #000;
}

/****************************************************************************/
/*                  설정 > 그룹 관리 > 그룹 관리 상세                       */
/****************************************************************************/
.treeview_area {
	position: absolute;
	width: 28rem;
	left: 0;
	top: 0;
	margin: 0 !important;
	background-color: #fff;
} /* 좌측 트리뷰 전체 영역 */
.gr_detail_title { /* 타이틀 */
	position: relative;
	width: 100%;
	font-size: 1.6rem !important;
	font-weight: 500;
	color: #000;
	height: 3rem;
	line-height: 3rem;
	border-bottom: 0.1rem solid #555;
	margin-bottom: 1rem
}

.gr_detail_title input {
	background-color: rgba(218, 218, 218, 0.3);
} /* 타이틀 input 필드 마우스 오버 시 */
.gr_detail_title input, .gr_detail_title input:hover, .gr_detail_title input:focus
	{
	border-bottom: 0;
} /* 타이틀 우측 input 마우스 오버 시 */
.btn_send_top {
	transform: rotate(-90deg);
	font-size: 2rem;
	font-weight: 500;
} /* 위로 보내기 버튼 */

/*-------------- 리스트 테이블 style -----------*/
.listtable {
	width: 100%;
	margin-top: 0 !important;
} /*  테이블 감싸는 div  */
.listtable table {
	clear: both;
	width: 100%;
	margin: 10px 0;
	white-space: nowrap;
}

.listtable table thead th { /* 컬럼 헤더 */
	color: #2c3342;
	font-size: 1.4rem;
	font-weight: 500;
	height: 35px;
	line-height: 1;
	text-align: center;
	padding: 0 10px;
	background-color: #cfd4da;
}

.listtable table tbody tr {
	border-bottom: 1px solid #cfd4da;
} /* 줄 아래 선 */
.listtable table tbody td {
	height: 35px;
	line-height: 1;
	padding: 0 10px;
	text-align: center;
} /* 개별 셀 스타일 */
.listtable table tbody td.left {
	text-align: left;
}

.listtable table tbody td i {
	vertical-align: middle;
} /* 아이콘 세로 중앙 정렬  */
.listtable table tbody td i.fas.fa-trash-alt {
	padding: 0 20px;
} /* 삭제 아이콘 좌우 여백 */
.listtable table tbody td i:hover {
	color: #367bc1;
} /* 마우스 오버 시 아이콘 색상 */
.listtable table tbody tr:nth-child(2n) {
	background-color: #eceef0;
} /*  한줄 걸러 다른색  */
.listtable table tbody tr:hover {
	background-color: #e4f0fc;
} /*  한줄 걸러 다른색  */

/****************************************************************************/
/*                  설정 > 권한 관리 > 등록 및 수정                       */
/****************************************************************************/
.tbl_layout_account tbody tr td:nth-child(2n) {
	border-bottom: 0.1rem solid #dadada;
} /* 레이블과 옵션들의 배치를 위한 클래스, 우측영역 하단에 보더를 생성 */
.tbl_change_accountinfo {
	display: none;
}

/****************************************************************************/
/*                               에러 페이지                                */
/****************************************************************************/
.errorpage { width: 680px; min-height: 200px; margin: 50px auto; padding-bottom: 20px; background: url("../img/errorpage_bg.png") no-repeat left bottom; }
.errorpage .errorbox { padding: 0 0 20px 220px; }   /* 타이틀과 내용 포함 박스 */
.errorpage .errorbox h2 { font-size: 2rem; font-weight: 700; color: orange; margin-bottom: 20px; }
.errorpage .errorbox p { background-color: rgba(255, 255, 255, 0.9); line-height: 1.5; padding-bottom: 10px; }

/****************************************************************************/
/*                     비회원 문의 종류 선택 페이지                         */
/****************************************************************************/
.category_box, .category_box_gray {
	display: inline-block;
	width: 23rem;
	border: 0.1rem solid #DADADA;
} /* 전체 박스 영역 */
.category_box a {
	display: inline-block;
	width: 100%;
	height: 11.5rem;
	line-height: 1;
	padding: 1rem 2rem;
}

.category_box_gray a {
	display: inline-block;
	width: 100%;
	height: 11.5rem;
	line-height: 1;
	padding: 1rem 2rem;
	background-color: #efefef;
}

.category_box h3, .category_box_gray h3 {
	font-size: 1.8rem;
	font-weight: 500;
	color: #000;
	padding: 1rem 0.5rem 1rem 0.5rem;
	border-bottom: 0.1rem solid #666;
} /* 타이틀 */
.category_box p, .category_box_gray p {
	line-height: 1.5;
	padding-top: 1rem;
} /* 내용 텍스트  */
.category_box a:hover, .category_box_gray a:hover {
	background-color: #4054AF;
} /* 박스 마우스 오버 시 */
.category_box a:hover h3, .category_box_gray a:hover h3 {
	color: #fff;
	border-bottom: 0.1rem solid #999;
} /* 박스 마우스 오버 시 타이틀  */
.category_box a:hover p, .category_box_gray a:hover p {
	color: #fff;
} /* 박스 마우스 오버 시 내용  */
.help {
	font-size: 1.3rem;
	line-height: 1.5;
	color: #ff8200 !important;
} /* 도움말 */

/*----------- 팝업 윈도우 : 이메일 인증  -----------------*/
.popup_win8 {
	position: fixed;
	left: calc(50% - 20rem);
	top: 10%;
	width: 40rem;
	background-color: #fff;
	border-radius: 0.2rem 0.2rem;
	box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2);;
	transition: all 0.3s;
	transform: translateY(10rem);
	z-index: -1;
	opacity: 0;
}

.popup_win8>h2 { /* 타이틀 */
	font-size: 1.6rem;
	font-weight: 400;
	height: 5rem;
	line-height: 5rem;
	padding: 0 1.5rem;
	border-radius: 0.2rem 0.2rem 0 0;
	color: #fff;
	background-color: #000;
}

.popup_win8>.wrap_cont {
	width: 100%;
	padding: 2rem;
	overflow: hidden;
} /* 컨텐츠 전체를 감싸는 영역 */

/****************************************************************************/
/*                      문의 상세 - 이미지 슬라이더                         */
/****************************************************************************/
.slideshow_thumnail { line-height: 1; text-align: center; margin-right: 2rem; }  /* 썸네일 영역 전체 */
.addfile_group > div > ul > li { height: auto !important; }
.slideshow_thumnail > a.thumnail_img { display: block; padding-bottom: 1rem; }     /* 썸네일 이미지 위에 배치 */
.slideshow_thumnail > a.thumnail_delete { display: inline-block;}     /* 썸네일 이미지 삭제버튼 */
.slideshow_thumnail img { width: 10rem; height: 6rem; vertical-align: top; }    /* 썸네일 이미지  */
.slideshow_thumnail span { width: 17rem; margin-bottom:5px}  /* 이미지 파일명 줄일 너비  */


/*----------- 팝업 윈도우 : 이미지 보기  -----------------*/
.popup_win11 {    
    position: fixed; left: 0; top: 0; width: 100%; background-color: #fff; border-radius: 0.2rem 0.2rem;
    box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2); ; transition: all 0.3s; transform: translateY(10rem); z-index: -1; opacity: 0; }
.popup_win11 > .wrap_cont { width: 100%; overflow: hidden; }  /* 컨텐츠 전체를 감싸는 영역 */   

.slideshow-container { position: relative; width: 100%; height: 100vh; margin: 0; padding: 0.2rem; background-color: #000; overflow: hidden; } /* Slideshow container */
.slideshow-container .btn_popup_close { position: absolute; color: #fff; right: 0.5rem; top: 1rem; font-size: 3rem; opacity: 0.8; cursor: pointer; z-index: 2; }    /* 닫기 X 버튼 */
.slideshow-container .btn_popup_close:hover { opacity: 1; }
.slideshow-container i.fa-download { font-size: 2rem; color: #fff; cursor: pointer; margin-left: 1rem; opacity: 0.8; }       /* 다운로드 아이콘 */
.slideshow-container i.fa-download:hover { opacity: 1; }
.mySides_wrap { width: 100%; height: 100%; }
.mySlides { position: relative; display: none; width: 100%; height: 100%; text-align: center; vertical-align: middle; }       /* 처음에 이미지 숨김 */
.mySlides img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.numbertext {    /* Number text (1/3 etc) */
    text-align: left; color: #f2f2f2; font-size: 1.2rem; padding: 1.5rem 2rem; width: 100%; position: absolute; top: 0; z-index: 1; display: block; 
    background-color: rgba(0, 0, 0, 0.5); } 
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 1.6rem; margin-top: -40px;  /* Next & previous buttons */
    color: white; font-weight: bold; font-size: 1.8rem; transition: 0.3s ease; border-radius: 0 0.3rem 0.3rem 0;  background-color: rgba(0,0,0,0.4); z-index: 1; }
.next { right: 0; border-radius: 0.3rem 0 0 0.3rem; }   /* Position the "next button" to the right */
.prev:hover, .next:hover { color: white; background-color: rgba(0,0,0,0.8); } /* On hover, add a black background color with a little bit see-through */
.cpt-text { color: #f2f2f2; font-size: 1.2rem; padding-left: 1rem; }  /* Caption text */
.dot_group { position: absolute; display: block; width: 100%; left: 0; bottom: 0; text-align: center; padding: 1rem 0; background-color: rgba(0, 0, 0, 0.5); }   /* The dots area */
.dot { cursor: pointer; height: 1rem; width: 1rem; margin: 0 0.2rem; background-color: #999; border-radius: 50%; display: inline-block; transition: background-color 0.3s ease; }  /* 동그라미 스타일 */
.img_active, .dot:hover { background-color: #fff; }   
.fade { -webkit-animation-name: fade; -webkit-animation-duration: .5s; animation-name: fade; animation-duration: .5s; }   /* Fading animation */
@-webkit-keyframes fade { from {opacity: .4 } to { opacity: 1 } }
@keyframes fade { from { opacity: .4 } to { opacity: 1 } }

/****************************************************************************/
/*                               에러 페이지                                */
/****************************************************************************/
.errorpage { width: 680px; min-height: 200px; margin: 50px auto; padding-bottom: 20px; background: url("../img/errorpage_bg.png") no-repeat left bottom; }
.errorpage .errorbox { padding: 0 0 20px 220px; }   /* 타이틀과 내용 포함 박스 */
.errorpage .errorbox h2 { font-size: 2rem; font-weight: 700; color: orange; margin-bottom: 20px; }
.errorpage .errorbox p { background-color: rgba(255, 255, 255, 0.9); line-height: 1.5; padding-bottom: 10px; }

/*========================  모바일  =======================*/
@media only screen and (max-width: 4000px) { /* 4000 이하, 5개 */
	/* 설정 > 그룹관리 > 상세리스트 > 개별 그룹박스 공통 스타일 */
	.gb_container .gbox {
		margin-bottom: 1rem;
		width: calc(20% - 1rem);
		margin-right: 1rem;
	} /* 개별 그룹박스 공통 스타일  */
}

@media only screen and (max-width: 1800px) { /* 1800 이하, 4개 */
	/* 개별 그룹박스 공통 스타일 */
	.gb_container .gbox {
		margin-bottom: 1rem;
		width: calc(25% - 1rem);
		margin-right: 1rem;
	} /* 개별 그룹박스 공통 스타일  */
}

@media only screen and (max-width: 1400px) {
	/* 개별 그룹박스 공통 스타일 */
	.gb_container .gbox {
		margin-bottom: 1rem;
		width: calc(33.333% - 1rem);
		margin-right: 1rem;
	} /* 개별 그룹박스 공통 스타일    */
}

/****************************************************************************/
/*                               모바일 UI 설정                             */
/****************************************************************************/
.mobile_menu { display: none; left: -30rem; }   /* 모바일 메뉴 숨김 */
.mobile_menu_icon { display: none; cursor: pointer; font-size: 1.7rem; }   /* 햄버거 메뉴 숨김 */
@media only screen and (max-width: 1020px) {     

    /*------------ 헤더 레이아웃 관련 ----------*/
    #sitename { padding-left: 2rem; width: 28rem; }      /* 회사로고 및 사이트명 영역  */
    #sitename img { margin-left: 1rem; margin-right: 0.5rem; }   /* 회사로고 좌측여백 */
    #accountmenu { margin-left: 0; margin-right: 2rem; }   /* 알림 및 계정정보 영역 */
    #accountmenu img:nth-child(1) { margin-right: 0; }    /* 알림/계정 아이콘 마진 제거 */
    #accountmenu ul > li:last-child a { margin-right: 0; }  /* 계정 링크영역 마진 제거 */
    #menu { display: none; }     /* 기존 가로형 메뉴 숨김 */
    .mobile_menu_icon { display: inline-block; }   /* 햄버거 메뉴 보임 */
    .dropdown_menu ul { left: -7rem; }   /* 계정메뉴 드롭다운 영역 위치 조정(아이콘 좌측으로) */
    .dropdown_menu ul::after { left: 7rem; } /* 계정메뉴 드롭다운 상단 삼각형 돗 위치 */

    /*------------ 모바일 메뉴 관련 ----------*/
    .mobile_menu { 
        position: fixed; left: -30rem; top: 8rem; width: 30rem; padding: 1rem 2rem ; background-color: #243762; z-index: 1000; display: block;
        overflow-y: auto; height: 100%; max-height: calc(100vh - 8rem); /* vh 단위일 경우에도 스크롤 생성하기, 8rem: header */
        -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
    }
    .mobile_menu.change { top: 5rem; max-height: calc(100vh - 5rem); /* 스크롤 시 높이 조정하기 */ }
    .mobile_menu ul li > a { color: #fff; text-decoration: none; font-size: 1.6rem; font-weight: 100; line-height: 2; display: block; padding-left: 1rem; }  /* 메인 메뉴 스타일 */
    .mobile_menu ul li > span { color: #fff; text-decoration: none; font-size: 1.6rem; font-weight: 100; line-height: 2; padding-left: 1rem; }  /* 메인 메뉴 스타일 */
    .mobile_menu ul li > span > a{ color: #fff; text-decoration: none; font-size: 1.6rem; font-weight: 100; line-height: 2; padding-left: 1rem; }  /* 메인 메뉴 스타일 */
    .mobile_menu > ul > li { margin-bottom: 1.3rem; padding-bottom: 1rem; border-bottom: 0.1rem solid #395081; }   /* 메뉴그룹 별 스타일 */
    .mobile_menu ul li ul li > a { color: #ccc; font-size: 1.5rem; line-height: 2; }    /* 서브메뉴 스타일 */
    .mobile_menu a:hover, .mobile_menu a:active { background-color: #fff; color: #4054AF; text-decoration: none; cursor: pointer; }   /* 링크 스타일 */

/*------------ 홈페이지 키 비쥬얼 관련 ----------*/    
    #keyvisual { background: #eaf0fc url("../img/keyvisual.png") no-repeat -200px top/1160px 350px; }  /* 이미지 조정 */
}

@media only screen and (max-width: 640px) {  
    body { padding-bottom: 0; }
	#regist_body { padding-bottom: 0; width: 120rem !important; }

    /*------------ 홈페이지 키 비쥬얼 관련 ----------*/   
    
    
    #keyvisual { height: 40rem; background: #eaf0fc url("../img/keyvisual.png") no-repeat 110% bottom/900px 272px; }   /* 이미지 조정 */
    #keyvisual .container { width: 100%; padding: 0 3rem; }  /* 영역 너비 조정 */
    #keyvisual h2 { font-size: 3.3rem; text-align: center; padding: 5rem 0 2rem 0; } /* 텍스트 크기 및 배치 조정 */
    #keyvisual input { width: 100% !important; }  /* 검색 영역 너비 조정 */

    /*------------------- 문의 2종류 ---------------------*/
    #selectask .container { width: 100%; padding: 1rem 2rem; }
    #selectask .container > div { float: none; width: 100%; }  /* 1단으로 변경 */
    #selectask > div > div:nth-child(1) > a > img, #selectask > div > div:nth-child(2) > a > img { left: calc(50% - 3.5rem);  } /* 2개 아이콘 포지션 변경 */ 

    /*------------------- 홈페이지 > 파트너 찾기 ---------------------*/
    #findpartner h2 { font-size: 3.3rem; }
    #findpartner .container { width: 100%; padding: 4rem 2rem; }  /* 너비조정 */
    #findpartner input.w500 { width: calc(100% - 9rem) !important; }   /* 텍스트필드 너비 조정 */

    /*------------------- 문의 아이템 선택 ---------------------*/
    #itemselect .container { width: 100%; padding: 4rem 2rem 4rem 2rem; }
    #itemselect h2 { font-size: 3.3rem; font-weight: 500; line-height: 1.3; color: #000; padding-bottom: 5rem; text-align: center; }   /* 타이틀 */
    #itemselect .container > div { float: none; width: 100%; } /* 박스영역 한줄로 배치  */

    /*------------------- 문의시간 ---------------------*/
    #inquirytime { margin-top: 3rem; position: relative; height: auto; z-index: -1; }
    #inquirytime .container { padding: 2rem 3rem; } /* 영역 좌우 여백 */
    #inquirytime .container div { width: 100%; margin-left: 0; white-space: normal !important; line-height: 2; }  /* 좌측여백 */
    #inquirytime p { text-align: center; }
    #inquirytime i { padding-bottom: 2rem; color: #000; }   /* 전화기 아이콘 */
    #inquirytime p span:nth-child(2) { display: inline-block; padding: 0 0 2rem 0; line-height: 2; }   /* 문의시간 타이틀 */
    #inquirytime p span:nth-child(3), #inquirytime p span:nth-child(4), #inquirytime p span:nth-child(5)
    { text-align: center; display: block; padding-left: 0; }   /* 지원센터 운영시간 타이틀, 대표전화 타이틀, Tech365 타이틀 */

    /*------------------- 회사주소 & 개인정보정책 ---------------------*/
    #addr_policy .container { padding: 0 2rem; } /* 영역 좌우 여백 */
    #addr_policy .container div:first-child span { padding-left: 0; padding-right: 1rem; }  /* 회사명 */
    #addr_policy .container div:last-child { padding-right: 0; }  /* 개인정보보호방침 영역 */
    #addr_policy > div > div:nth-child(1) > span.copyright { display: none; }  /* copyright 숨김  */

    /*------------------- goto top 버튼 ---------------------*/
    #btn_gotop { bottom: 5rem; } /* 위치 수정 */

    /*------------------- 퀵메뉴 ( Widget ) ---------------------*/
    #quickmenu { right: 0.2rem; }   /* 위젯 위치 */
    #quickmenu li a { line-height: 1rem; height: auto; }  /* 개별 메뉴 스타일  */
    #quickmenu > ul > li:nth-child(3) > a { padding-top: 1rem; }

}
@media only screen and (max-width: 400px) {  
    /*------------ 홈페이지 키 비쥬얼 관련 ----------*/    
    #keyvisual { height: 40rem; background: #eaf0fc url("../img/keyvisual.png") no-repeat -510px bottom/900px 272px; }  /* 이미지 조정 */

}