@charset "UTF-8";


/*------------------------------------------------------------
	#. PC - Quest 스타일 시트
-------------------------------------------------------------*/

/*
	#. 헤드(Header)
*/
header { height:170px; max-height:170px; }
section .area.sub .cnt-navi .panel ul.list-navi { border-bottom-color:#EB615A; } 
section .area.sub .cnt-navi .panel .list-navi > li.ac  { background-color:#EB615A; }

/*
	#. 섹션(Section)
*/

section {  }
section .area {}
section .area .bg {  }

/* 
	폼 네비게이션 
*/
section .area.sub .bg.cnt-formnavi { height:80px; max-height:80px; }
section .area.sub .cnt-formnavi .panel 
{
	height:70px; max-height:70px;
	border-bottom:10px solid #2198AD;
}
section .area.sub .cnt-formnavi .panel ul.list-navi 
{
	width:100%; 
	height:inherit; max-height:inherit;
	clear:both;
}
section .area.sub .cnt-formnavi .panel ul.list-navi > li
{	
	height:inherit; max-height:inherit;
	display:inline-block; float:left;
}
section .area.sub .cnt-formnavi .panel ul.list-navi > li > .navi
{
	background-color:#B3B3B3;

	width:100%; 
	height:60px; max-height:70px;
	border-radius:10px;

	cursor:pointer;
}
section .area.sub .cnt-formnavi .panel ul.list-navi > li > .navi:hover { Background-color:#CCCCCC; }
section .area.sub .cnt-formnavi .panel ul.list-navi > li > .navi.ac 
{
	background-color:#2198AD;
	height:70px; 
	border-bottom-left-radius:0px; border-bottom-right-radius:0px;
	
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
section .area.sub .cnt-formnavi .panel .list-navi.two > li { width:480px; max-width:480px; }
section .area.sub .cnt-formnavi .panel .list-navi.two > li:last-child { float:right; }
section .area.sub .cnt-formnavi .panel .list-navi.two > li > .navi > img
{
	width:auto; 
	height:30px; max-height:30px;
	margin:0 auto;
	top:15px;
	display:block;
}
section .area.sub .cnt-formnavi .panel .list-navi.two > li > .navi.ac > img { top:20px; }

section .area.sub .cnt-formnavi.navi-1 {}
section .area.sub .cnt-formnavi.navi-2 { margin-top:100px; }

section .area.sub .bg .panel .box .inner { border-color:transparent; }
 
 
/* 
	컨텐츠 : 입력 창
*/
section .area.sub .bg .panel .box .inner  ul.list-info,
section .area.sub .bg .panel .box .inner  > ul.list-message /* 컨텐츠 : 메시지 창(2018.08.21) */
{	
	background-color:transparent;
	width:720px; max-width:720px; /* 958px */
	clear:both;
	left:119px;	
	margin-top:30px; /* 50px default */ 
	margin-bottom:70px;

	display:block;
}
section .area.sub .bg .panel .box .inner  .list-info > li {}
section .area.sub .bg .panel .box .inner  .list-info > .li-split { border-bottom:2px solid #B0B0B0; }
section .area.sub .bg .panel .box .inner  .list-info > li.li-submit {}
section .area.sub .bg .panel .box .inner  .list-info > li.li-submit  .btn.btn-submit
{
	width:450px; max-width:450px;
	height:120px; max-height:120px;
	display:block; margin:0 auto;

	margin-top:80px;

	cursor:pointer;
}
section .area.sub .bg .panel .box .inner  .list-info > li.li-submit  .btn.btn-submit > img { width:100%; height:100%; }

/* 
	컨텐츠 : 입력 테이블
*/
section .area.sub .bg .panel .box .inner  .list-info > li > table
{
	width:720px; max-width:720px;
	clear:both; 
	border-spacing:0; 
}
section .area.sub .bg .panel .box .inner  .list-info > li > table.table-info {}

.table-info tr td {}
.table-info tr td .line { width:100%; clear:both; }
.table-info tr td .line.space-h { margin-top:25px; }
.table-info tr td .line > input[type="radio"].input-radio { display:none; }
.table-info tr td .line > input[type="text"].input-text,
.table-info tr td .line > .input-textarea
{
	background-color:#FFF496;
	height:53px; max-height:55px;
	clear:both;

	font-size:21px; color:#333333;

	border:1px solid #909090;
}
.table-info tr td .line > .input-textarea.text-none, .table-info tr td .line > input[type="text"].input-text.text-none {  outline:2px solid #ED1C24; }

.table-info tr td .line > span, .table-info tr td .line > img { vertical-align:middle; }
.table-info tr td .line > span.bold { font-size:21px; }
.table-info tr td .line > span.label { font-size:20px; }
.table-info tr td .line > span > small { font-size:18px; }
.table-info tr td .line > img.img-tag 
{
	width:45px; max-width:45px;
	height:22px; max-height:22px;
	margin-left:25px;
}
.table-info tr td .line > img.img-radio
{
	width:25px; max-width:25px;
	height:25px; max-height:25px;
	cursor:pointer; 
}

/* 입력 테이블 : 풀 사이즈 박스 */
.table-info.full 
{
	width:718px;
	border:1px solid #B0B0B1;
}
.table-info.full tr td.name
{
	background-color:#F2F2F2;
	width:278px; max-width:278px;
}
.table-info.full tr td.name .line > span { margin-left:25px; } 
.table-info.full tr td.context {	width:395px; max-width:440px; }
.table-info.full tr td.context .line { margin:5px 0px 5px 45px; }
.table-info.full#user-table-info-radio1 tr td,
.table-info.full#company-table-info-radio1 tr td { height:160px; max-height:160px; } 
.table-info.full#user-table-info-radio2, 
.table-info.full#company-table-info-radio2 { margin:50px 0px; }
.table-info.full#user-table-info-radio2 tr td { height:205px; max-height:205px; }
.table-info.full#company-table-info-radio2 tr td { height:118px; max-height:118px; }

/* 입력 테이블 : 1칸 */
.table-info.once {}
.table-info.once tr td.name { padding:30px 0px 20px;   }
.table-info.once tr td.context { width:720px; max-width:720px; }
.table-info.once tr td.context .line .input-textarea /* - (border) 2px */
{
	/* padding - 글자 간격 (18.08.21) */
	width:678px; max-width:718px; 
	height:125px; max-height:165px;
	
	padding:20px;
} 

/* 입력 테이블 : 2칸 */
.table-info.two {}
.table-info.two tr td { padding:30px 0px; }
.table-info.two tr td.name 
{
	width:220px; max-width:220px; 
	vertical-align:top;
}
.table-info.two tr td.context { width:500px; max-width:500px; }
.table-info.two tr td.context .line {}
.table-info.two tr td .line .input-text 
{
	/* padding - 글자 간격 (18.08.21) */
	width:478px; max-width:498px; 
	padding:0px 10px;
} /* - (border) 2px */
.table-info.two tr td.context .line > img.img-radio { margin-left:40px; }
.table-info.two tr td.context .line > span.label { margin-right:40px; }

/* 입력 테이블 : 3칸 */
.table-info.three {}
.table-info.three tr td { 	padding:30px 0px; }
.table-info.three tr td.name 
{
	width:220px; max-width:220px; 
	vertical-align:top;
}
.table-info.three tr td.lcontext { width:250px; max-width:250px; }
.table-info.three tr td.rcontext { width:250px; max-width:250px; }
.table-info.three tr td.lcontext .line,
.table-info.three tr td.rcontext .line { width:235px; max-width:235px; }
.table-info.three tr td.rcontext .line { margin-left:15px; }
.table-info.three tr td .line .input-text
{
	/* padding - 글자 간격 (18.08.21) */
	width:213px; max-width:233px; 
	padding:0px 10px;
} /* - 15px + (border) 2px */

/* 
	컨텐츠 : 메시지 창 2018.08.21
*/
section .area.sub .bg .panel .box .inner > ul.list-message
{
	background-color:transparent; 
	/* width:720px; */
	margin-top:0px; top:0px;
}
section .area.sub .bg .panel .box .inner > ul.list-message > li { clear:both; }
section .area.sub .bg .panel .box .inner > ul.list-message > li.li-title
{
	height:185px;
	border-bottom:1px solid #B0B0B0;
}
section .area.sub .bg .panel .box .inner > ul.list-message > li.li-title > img 
{
	width:auto;
	height:45px; max-height:45px;
	
	top:70px; margin:0 auto;
	display:block;
}
section .area.sub .bg .panel .box .inner > ul.list-message > li.li-submit { height:180px; max-height:180px; }
section .area.sub .bg .panel .box .inner > ul.list-message > li.li-submit > .btn
{
	background-color:transparent;
	height:94px; max-height:94px;
	float:left; display:inline-block;
	
	top:50px;
	display:block; 
	cursor:pointer;
}
section .area.sub .bg .panel .box .inner > ul.list-message > li.li-submit > .btn > img { width:100%; height:100%; } 
section .area.sub .bg .panel .box .inner > ul.list-message > li.li-submit > .btn.cancel
{
	width:240px; max-width:240px; 
	margin-left:55px; margin-right:22.5px; 
}
section .area.sub .bg .panel .box .inner > ul.list-message > li.li-submit > .btn.send
{
	width:324px; max-width:324px; 
	margin-left:22.5px; margin-right:55px; 
}
section .area.sub .bg .panel .box .inner > ul.list-message > li.li-submit > .btn.home
{
	width:324px; max-width:324px; 
	margin:0 auto;
	left:50%; margin-left:-162px;
}
section .area.sub .bg .panel .box .inner > ul.list-message > li.li-context { }
section .area.sub .bg .panel .box .inner > ul.list-message > li.li-context > table
{	
	clear:both; 
	border-spacing:0;
}
.list-message.msg-confirm > li.li-context > table {}
.list-message.msg-confirm > li.li-context > table tr td { vertical-align:top; }
.list-message.msg-confirm > li.li-context > table tr td > span
{
	margin:25px 0px 15px;
	display:block; 
}
.list-message.msg-confirm > li.li-context > table tr td.name
{
	width:240px; max-width:240px;	
	text-align:right;
}
.list-message.msg-confirm > li.li-context > table tr td.name > span 
{
	font-size:21px; 
	margin-right:25px;
}
.list-message.msg-confirm > li.li-context > table tr td.context 
{
	width:480px; max-width:480px; 
	text-align:left;
}
.list-message.msg-confirm > li.li-context > table tr td.context > span 
{
	font-size:20px; 
	margin-left:25px; 
}
.list-message.msg-confirm > li.li-context > table tr td.name,
.list-message.msg-confirm > li.li-context > table tr td.context { border-bottom:1px solid #B0B0B0;  }

.list-message.msg-success > li.li-context > table {}
.list-message.msg-success > li.li-context > table tr td {} 
.list-message.msg-success > li.li-context > table tr td.context 
{
	width:720px; max-width:720px; 
	text-align:center;

	border-bottom:1px solid #B0B0B0;
}
.list-message.msg-success > li.li-context > table tr td.context {   }
.list-message.msg-success > li.li-context > table tr td.context > span 
{
	font-size:20px; 
	margin:25px;
	display:block;
}
.list-message.msg-success > li.li-context > table tr td.context > span.bold { font-size:21px; }