@charset "euc-kr";
@import 'hpi_print_result.css';
@import 'form_v1.css';

@font-face {
  font-family:'NotoSans';
  font-style: normal;
  font-weight: 100;
  src:	local('NotoSans-Light'),
		url(/font/NotoSans-Light.woff2) format('woff2'),
        url(/font/NotoSans-Light.woff) format('woff');
}
@font-face {
  font-family:'NotoSans';
  font-style: normal;
  font-weight: 200;
  src:	local('NotoSans-DemiLight'),
		url(/font/NotoSans-DemiLight.woff2) format('woff2'),
        url(/font/NotoSans-DemiLight.woff) format('woff');
}
@font-face {
  font-family:'NotoSans';
  font-style: normal;
  font-weight: 500;
  src:	local('NotoSans-Regular'),
		url(/font/NotoSans-Regular.woff2) format('woff2'),
        url(/font/NotoSans-Regular.woff) format('woff');
}
@font-face {
  font-family:'NotoSans';
  font-style: normal;
  font-weight: 600;
  src:	local('NotoSans-Medium'),
		url(/font/NotoSans-Medium.woff2) format('woff2'),
        url(/font/NotoSans-Medium.woff) format('woff');
}
@font-face {
  font-family:'NotoSans';
  font-style: normal;
  font-weight: 700;
  src:	local('NotoSans-Bold'),
		url(/font/NotoSans-Bold.woff2) format('woff2'),
        url(/font/NotoSans-Bold.woff) format('woff');
}
@font-face {
  font-family:'NotoSans';
  font-style: normal;
  font-weight: 900;
  src:	local('NotoSans-Black'),
		url(/font/NotoSans-Black.woff2) format('woff2'),
        url(/font/NotoSans-Black.woff) format('woff');
}
@font-face {
  font-family:'Nanumgothic';
  font-style: normal;
  font-weight: 900;
  src:	local('NanumgothicExtraBold'),
		url(/font/NanumgothicExtraBold.woff2) format('woff2'),
        url(/font/NanumgothicExtraBold.woff) format('woff');
}
* {
	margin: 0;
	padding: 0;
	color:#333;
	font-size: 15px;
	font-family:NotoSans, Sans-serif;
	font-weight:500;
}
body:not(.popupWrap) {
	min-width:1200px;
	margin:0;
	padding:0;
}
body.popupWrap{
	margin:0;
	padding:0;
}

form {margin:0; padding:0;}
hr {display: none;}

table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
}
ul li {list-style:none;}
img {border:0;}

input[type="text"],
input[type="password"]{
	min-width:100px;
	height:36px;
	padding:0px 8px 3px 10px;
	font-weight:200;
	border: 1px solid #ccc;
	border-radius:4px;
}
select{
	min-width:100px;
	height:41px;
	padding:0px 5px 3px 5px;
	font-weight:200;
	border: 1px solid #ccc;
	border-radius:4px;
}
select, textarea, button {}
input.search_files {width: 270px;height:22px;	border: 1px solid #d5d5d5;font-size: 12px;font-family: Verdana,Gulim, sans-serif;padding:3px 0 0 5px;}

button {border: none; cursor:pointer;}
label {cursor:pointer;}

span.none {display: none; }
.bgnone {background:none;}

a {text-decoration: none;}
a:hover {text-decoration: none;}

h2.title{
	margin-bottom:33px;
	color:#305aa6;
	font-size:23px;
	font-family:Nanumgothic, sans-serif;
	font-weight:700;
	letter-spacing:-1px;
}
h2.title .titleSlash{
	margin-right:2px;
	color:#496eb1;
	font-size:22px;
	font-weight:600;
}
h2.title .titleDate{
	color:#818181;
	font-size:20px;
	font-weight:200;
}
h3.title{
	position:relative;
	margin-bottom:10px;
	padding-left:10px;
	color:#515151;
	font-size:18px;
	font-weight:700;
	letter-spacing:-3px;
}
h3.title:before{
	content:'';
	position:absolute;
	top:11px;
	left:0px;
	display:block;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#305aa6;
}
h3.selectTitle{
	margin-bottom:10px;
	color:#515151;
	font-size:18px;
	font-weight:700;
	letter-spacing:-3px;
}
.main h3.title{
	margin-bottom:22px;
	padding-left:0;
	color:#333;
	font-size:23px;
	font-family:Nanumgothic, sans-serif;
	font-weight:700;
	letter-spacing:-2px;
}
.main h3.title:before{
	content:none;
	
}
h4.title{
	position:relative;
	margin-bottom:3px;
	padding-left:8px;
	color:#000;
	font-size:19px;
	/*font-family:Nanumgothic, sans-serif;*/
	font-weight:600;
	letter-spacing:-1px;
}
h4.title:before{
	content:'';
	position:absolute;
	top:13px;
	left:0px;
	display:block;
	width:3px;
	height:3px;
	background:#4e84e6;
}
.tac{text-align:center !important}
.tal{text-align:left !important}
.tar{text-align:right !important}

.vat{vertical-align:top !important;}

.ls0{letter-spacing:0px !important}

.fl{float:left !important}
.fr{float:right !important}

.top1{top:1px !important}

.hasLayout{overflow:hidden;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb15{margin-bottom:15px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb80{margin-bottom:80px !important;}

.mr5{margin-right:5px !important;}
.mr8{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}

.ml10{margin-left:10px !important;}

.mt0{margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}

.ml5{margin-left:5px !important;}

.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl30{padding-left:30px !important;}

.pb0{padding-bottom:0px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.wd100{width:100px !important}
.wd200{width:200px !important}
.wd250{width:250px !important}
.w-75{width:75% !important}
.w-100{width:100% !important}
.mw80{min-width:80px !important;}


/* color */
.colorRed{color:red !important}
.clsfcolor,
.important{color:#ff9907 !important;font-weight:600;}
.explain{color:#7a7a7a !important;font-size:15px !important;font-weight:100 !important;}

/* font */
.fs16{font-size:17px !important;}
.fs22{font-size:22px !important;}
.fw600{font-weight:600}
.fwL{font-weight:200}
.ls_1{letter-spacing:-1px !important;}
.ls_2{letter-spacing:-2px !important;}

.arrow{font-family:dotum;font-size:16px;}

/* display */
.d-none{display:none !important;}
.d-inline-block{display:inline-block !important;}

/* position */
hasLayout{overflow:hidden;}
.fl{float:left !important}
.fr{float:right !important}

/* border */
.border-bottom-dahed{
	border-bottom:1px dashed #ccc !important;
}

/* list */
.listUl1 li{
	position:relative;
	padding-left:8px;
}
.listUl1 li:before{
	content:'¡¤';
	position:absolute;
	top:-1px;
	left:-3px;
	color:#8a8a8a;
}

.listUl2 li{
	position:relative;
	padding:14px 15px 15px 33px;
	color:#666;
	font-size:15px;
	font-weight:200;
	border-bottom:1px dashed #ccc;
}
.listUl2 li:before{
	content:'';
	position:absolute;
	top:19px;
	left:5px;
	width:13px;
	height:11px;
	background:url(/images/common/iconCheck.png) 0 0 no-repeat;
}
.listUl2 li strong{
	color:#444;
	font-size:15px;
	font-weight:600;
	letter-spacing:-1px;
}

.listUl3 li{
	position:relative;
	margin:5px 0;
	padding-left:8px;
	font-size:15px;
	font-weight:200;
}
.listUl3 li:before{
	content:'¡¤';
	position:absolute;
	top:-1px;
	left:-3px;
	color:#8a8a8a;
}

/* diagram */
.diagram1{
	overflow:hidden;
}
.diagram1>*{
	position:relative;
	float:left;
}
.diagram1.item3>*{
	width:33.3%;
}
.diagram1.item4>*{
	width:25%;
}
.diagram1>*>*{
	position:relative;
	min-height:40px;
	margin:0 19px;
	padding:23px 31px;
	font-size:15px;
	font-weight:200;
	text-align:center;
	line-height:1.3;
	letter-spacing:-1px;
	border:1px solid #4983e2;
	border-radius:15px;
}
.diagram1>*:before{
	content:'';
	position:absolute;
	top:35px;
	left:-3px;
	display:block;
	width:8px;
	height:22px;
	background:url(/images/contents/iconServiceguide.png) center -478px no-repeat;
}
.diagram1>*:first-child:before{
	display:none;
}
.diagram1>* strong{
	color:#4285f4;
	font-weight:600;
}
.diagram1 .oneLine{
	line-height:39px;
}





.diagram2{
	overflow:hidden;
}
.diagram2>*{
	position:relative;
	float:left;
}
.diagram2>* strong{
	color:#4285f4;
	font-weight:600;
}
.diagram2.item3>*{
	width:33.3%;
}
.diagram2.item4>*{
	width:25%;
}
.diagram2>*>*{
	position:relative;
	height:295px;
	margin:0 36px;
	padding-left:31px;
	padding-right:31px;
	font-size:15px;
	font-weight:200;
	text-align:center;
	line-height:1.6;
	letter-spacing:-1px;
	border:10px solid #cadbf9;
	border-radius:50%;
}
.diagram2>*>*:after{
	content:'';
	position:absolute;
	top:32px;
	left:50%;
	display:block;
	width:71px;
	height:81px;
	margin-left:-35px;
	background:url(/images/contents/iconIntroduce.png) center 0 no-repeat;
}
.diagram2 dt{
	margin-top:137px;
	padding-top:18px;
	color:#333;
	font-size:18px;
	font-weight:600;
	border-top:1px dashed #ccc;
}
.diagram2 dd{
	font-size:15px;
	font-weight:200;
}
.diagram2 .diagram2_02>*:after{
	background-position:center -210px;
}
.diagram2 .diagram2_03>*:after{
	background-position:center -420px;
}
.diagram2_03 dt{
	padding-top:9px;
}
.diagram2_03 dd{
	line-height:1.4;
}
.diagram2 .oneLine{
	line-height:39px;
}

.diagram2 .iconEmail>*:after{
	top:42px;
	width:82px;
	margin-left:-38px;
	background:url(/images/contents/iconContactus.png) center -237px no-repeat;
}
.diagram2 .iconTel>*:after{
	top:42px;
	width:82px;
	margin-left:-36px;
	background:url(/images/contents/iconContactus.png) center 0px no-repeat;
}

/* tabNavigation */
.tabNavigation{
	border-bottom:1px solid #305ba6;
}

.tabNavigation>li{
	position:relative;
	bottom:-1px;
	display:inline-block;
	min-width:25%;
	margin:0;
	padding:0;
	letter-spacing:-1px;
}
.tabNavigation>li>*{
	display:block;
	width:100%;
	height:58px;
	color:#6a6a6a;
	font-size:18px;
	text-align:center;
	line-height:58px;
	border:1px solid #aaa;
	border-bottom:1px solid #305ba6;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	transition:color 0.3s, border 0.3s, background 0.3s;
}
.tabNavigation>li:not(.on)>*:hover{
	color:#fff;
	border:1px solid #5481d0;
	background:#5481d0;
}
.tabNavigation>li.on>*{
	color:#fff;
	font-weight:600;
	border:1px solid #305ba6;
	background:#305ba6;
}


.tabNavigation2{
	/*border-bottom:1px solid #305ba6;*/
}

.tabNavigation2>li{
	position:relative;
	bottom:-1px;
	display:inline-block;
	min-width:25%;
	margin:0;
	padding:0;
	letter-spacing:-1px;
}
.tabNavigation2>li>*{
	display:block;
	width:100%;
	height:58px;
	color:#6a6a6a;
	text-align:center;
	line-height:58px;
	border:1px solid #aaa;
	border-bottom:1px solid #305ba6;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	transition:color 0.3s, border 0.3s, background 0.3s;
}
.tabNavigation2>li:not(.on)>*:hover{
	color:#fff;
	border:1px solid #5481d0;
	background:#5481d0;
}
.tabNavigation2>li.on>*{
	color:#fff;
	font-weight:600;
	border:1px solid #305ba6;
	background:#305ba6;
}


.tabNavigation3>li{
	display:inline-block;
	min-width:70px;
	margin:0;
	margin-right:2px;
	padding:0;
	letter-spacing:-1px;
}
.tabNavigation3>li>*{
	display:block;
	width:100%;
	height:39px;
	color:#6a6a6a;
	text-align:center;
	line-height:37px;
	border:1px solid #aaa;
	border-radius:5px;
	transition:color 0.3s, border 0.3s, background 0.3s;
}
.tabNavigation3>li:not(.on)>*:hover{
	color:#fff;
	border:1px solid #305ba6;
	background:#305ba6;
}
.tabNavigation3>li.on>*{
	color:#305ba6;
	font-weight:600;
	border:1px solid #305ba6;
}


.tabNavigation2>li{
	display:inline-block;
	min-width:120px;
	margin:0;
	margin-right:2px;
	padding:0;
	letter-spacing:-1px;
}
.tabNavigation2>li>*{
	display:block;
	width:100%;
	height:39px;
	color:#6a6a6a;
	text-align:center;
	line-height:38px;
	border:1px solid #aaa;
	border-radius:5px;
	transition:color 0.3s, border 0.3s, background 0.3s;
}
.tabNavigation2>li:not(.on)>*:hover{
	color:#fff;
	border:1px solid #305ba6;
	background:#305ba6;
}
.tabNavigation2>li.on>*{
	color:#fff;
	/*color:#305ba6;*/
	font-weight:600;
	border:1px solid #305ba6;
}

/* table */
.formWrap{
	border-top:2px solid #b6b6b6;
	border-bottom:2px solid #b6b6b6;
}
.formWrap .listname_02{
	width:130px;
	/*background:#eff3fb;*/
}
.formWrap .listname_02>*{
	color:#444;
	font-weight:600;
}
.formWrap table td {
	
}

/* layerPopup */
div.close_bx {
	border: solid #989eab 1px;
	border-bottom:0;
	background: #fff;
	height: 47px;
	padding: 24px 24px 0;
	line-height:1;
}
div.close_bx h3.title{
	margin-bottom:0;
	padding-left:0;
	font-size:22px;
	line-height:1.1;
	letter-spacing:-1px;
}
div.close_bx h3.title:before{
	display:none;
}
div.close_clslogin a,
div.close_clsjoin a {
	position:relative;
	top:3px;
	float:right;
	display:inline-block;
	width: 19px;
	height: 19px;
	background: url(/images/buttons/b_close_w.png) 0 0 no-repeat;
}
div.extra1 {
	overflow: hidden;
	border: solid #989eab 1px;
	border-top: solid #5e759e 2px;
	background:#fff;
	padding:30px;
	text-align:left;
}
div.extra2 {
	border-bottom: solid #DFDFDF 2px;
	text-align:left;
	height:18px;
	margin: 10px 0 10px 0;
}

/* button */
.buttonA{
	position:relative;
	display:inline-block;
	min-width:60px;
	height:20px;
	padding:10px 15px;
	color:#fff !important;
	font-size:15px !important;
	line-height:19px;
	text-align:center;
	border:1px solid #305ba6;
	background:#305ba6;
	border-radius:5px;
	transition:color 0.3s, background 0.3s;
}
button.buttonA{
	height:39px
}
.buttonA:hover{
	background:#153a79;
}
.buttonA_outline{
	position:relative;
	display:inline-block;
	min-width:60px;
	height:20px;
	padding:10px 15px;
	color:#305ba6 !important;
	font-size:15px !important;
	line-height:19px;
	text-align:center;
	border:1px solid #305ba6;
	background:#fff;
	border-radius:5px;
	transition:color 0.3s, background 0.3s;
}
button.buttonA_outline{
	height:39px
}
.buttonA_outline:hover{
	color:#fff !important;
	background:#305ba6;
}


.buttonB{
	position:relative;
	display:inline-block;
	min-width:60px;
	height:20px;
	padding:10px 15px;
	color:#fff !important;
	font-size:15px !important;
	line-height:19px;
	text-align:center;
	border:1px solid #727272;
	background:#727272;
	border-radius:5px;
	transition:color 0.3s, background 0.3s;
}
button.buttonB{
	height:39px
}
.buttonB:hover{
	background:#525252;
}

.buttonB_outline{
	position:relative;
	display:inline-block;
	min-width:60px;
	height:20px;
	padding:10px 15px;
	color:#727272 !important;
	font-size:15px !important;
	line-height:19px;
	text-align:center;
	border:1px solid #727272;
	background:#fff;
	border-radius:5px;
	transition:color 0.3s, background 0.3s;
}
button.buttonB_outline{
	height:39px
}
.buttonB_outline:hover{
	color:#fff !important;
	background:#727272;
}


.buttonC{
	position:relative;
	top:-1px;
	display:inline-block;
	min-width:60px;
	height:20px;
	padding:10px 15px;
	color:#fff !important;
	font-size:15px !important;
	line-height:19px;
	text-align:center;
	border:1px solid #ff9907;
	background:#ff9907;
	border-radius:5px;
	transition:color 0.3s, background 0.3s, border-color 0.3s;
}
button.buttonC{
	height:39px
}
.buttonC:hover{
	border-color:#f17104;
	background:#f17104;
}
.buttonC_outline{
	position:relative;
	top:-1px;
	display:inline-block;
	min-width:60px;
	height:20px;
	padding:10px 15px;
	color:#ff9907 !important;
	font-size:15px !important;
	line-height:19px;
	text-align:center;
	border:1px solid #ff9907;
	background:#fff;
	border-radius:5px;
	transition:color 0.3s, background 0.3s;
}
button.buttonC_outline{
	height:39px
}
.buttonC_outline:hover{
	color:#fff !important;
	background:#ff9907;
}



.buttonA_lg{
	position:relative;
	top:-1px;
	display:inline-block;
	min-width:140px;
	height:37px;
	padding:10px 15px;
	color:#fff !important;
	font-size:18px !important;
	line-height:20px;
	text-align:center;
	background:#305ba6;
	border-radius:5px;
	transition:color 0.3s, background 0.3s;
}
button.buttonA_lg{
	height:56px
}
.buttonA_lg:hover{
	background:#153a79;
}
.buttonB_lg{
	position:relative;
	top:-1px;
	display:inline-block;
	min-width:140px;
	height:37px;
	padding:10px 15px;
	color:#fff !important;
	font-size:17px !important;
	line-height:21px;
	text-align:center;
	background:#727272;
	border-radius:5px;
	transition:color 0.3s, background 0.3s;
}
button.buttonB_lg{
	height:56px
}
.buttonB_lg:hover{
	background:#525252;
}

/** layout **/
#head {height:67px;margin:0 auto; width:900px;}
#content {float:left;margin:20px 0 0 0; width:900px;padding:0 0 20px 0; }
#container {width:900px; margin: 0 auto;}
#content #page_navi {text-align:left;margin: 0 0 5px 0;}
#content #page_navi ul {list-style:none;}

/* logo */
.logo a{float:left;margin-top:18px;}
.m_none {display:none;}

/* gnb */
#gnb_top a,
#gnb_top a:link,
#gnb_top a:active,
#gnb_top a:visited {
	display:block;
	padding:24px 29px;
	font-size:16px;
	font-weight:200;
	letter-spacing:-1px;
	text-decoration:none;
}
#gnb_top a:hover {color:#444;}
#gnb_top ul {
	display: inline;
	float:right;
	list-style: none;
	margin:24px 0 0 0;
	/*margin:31px 0 0 0;*/
	line-height:1;
}
#gnb_top ul li {
	float:left;
	padding:0 5px 0 5px;
}
#gnb_top ul li.first {background:none;}
#gnb_top ul li.last {padding:0 0 0 5px;}
#gnb_top .color01 a, #gnb_top .color01 a:link, #gnb_top .color01 a:active,#gnb_top .color01 a:visited {color:#ff7302; text-decoration:none;}
#gnb_top .color01 a:hover {color:#ff7302;}


/* top_menu */
#top_menu {float:left;}
#top_menu ul.t_m_left {list-style: none; margin:33px 0 0 6px;}
#top_menu ul.t_m_left li {float:left;padding:0 14px 0 14px;background:url(/images/company_service/bg_bar02.gif) left 1px no-repeat;}
#top_menu ul.t_m_left li a.m_none {display:none;}
#top_menu ul.t_m_left li.first {background:none;}

/* personal and company_pnc*/
#pnc {float:right;}
#pnc ul {list-style: none; margin:10px 0 0 0;}
#pnc ul li {float:left;padding:0 0 0 5px;}
#pnc ul li a.m_none{display:none;}

/* subtitle */
#subtitle {padding:15px 0 0 0;}

/* main_menu */
#sub_menu_bg {background:url(/images/company_service/com_m_bg.gif) repeat-x;height:45px;}
#sub_menu_bg ul.sub_menu {background:url(/images/company_service/com_m_bg02.gif) 0 0 no-repeat;list-style: none;margin:0 auto; width:900px; height:45px; overflow:hidden;}
#sub_menu_bg ul.sub_menu li{float:left;overflow:hidden;} 
#sub_menu_bg ul.sub_menu li.bar03off {background:url(/images/company_service/bg_bar03hidden.gif) 0 0 no-repeat;height:16px; width:2px;}
#sub_menu_bg ul.sub_menu li.bar03 {background:url(/images/company_service/bg_bar03.gif) 0 0 no-repeat;height:16px; margin:15px 0 0 0; width:2px;}
#sub_menu_bg ul.sub_menu li a.m_none {display:none;}

/*#subhpi_menu_bg {background:url(/images/hpi/hpi_m_bg.gif) repeat-x;height:45px;}*/

/* Footer */
.footerArea{
	overflow:hidden;
	clear:both;
	width:100%;
	margin-top:50px;
	background:#f0f0f0;
}
#footer{
	overflow:hidden;
	width:1150px;
	margin:55px auto;
}
#footer>div{
	float:left;
}
#footer>div:first-child{
	margin-right:110px;
}
#footer .footerLeftArea .phone{
	margin-top:13px;
	color:#4d4d4d;
	font-size:26px;
	font-weight:900;
}
#footer .footerLeftArea .openInfo{
	margin-top:2px;
	line-height:1;
}
#footer .footerLeftArea .openInfo span{
	color:#4a4a4a;
	font-size:15px;
	font-weight:200;
}
#footer .footerLeftArea .openInfo span:first-child{
	position:relative;
	margin-right:5px;
	padding-right:8px;
}
#footer .footerLeftArea .openInfo span:first-child:after{
	content:'';
	position:absolute;
	top:5px;
	right:0;
	display:block;
	width:1px;
	height:11px;
	background:#8a8a8a;
}
#footer .footerRightArea{
	position:relative;
	top:-5px;
}
.companyInfoArea{
	max-width:550px;
	letter-spacing:-1px;
}
.companyInfoArea dl{
	display:inline-block;
	margin-bottom:5px;
}
.companyInfoArea dl.rightLine{
	position:relative;
	margin-right:8px;
	padding-right:11px;
}
.companyInfoArea dl.rightLine:after{
	content:'';
	position:absolute;
	top:6px;
	right:0;
	display:block;
	width:1px;
	height:14px;
	background:#8a8a8a;
}
.companyInfoArea dt,
.companyInfoArea dd{
	display:inline-block;
	font-size:15px;
}
.companyInfoArea dt{
	font-weight:600;
}
.companyInfoArea dd{
	color:#6a6a6a;
	font-weight:200;
}
.companyInfoArea dd a{
	color:#4a4a4a;
	font-weight:100;
	letter-spacing:0;
}
.copyrightArea{
	overflow:hidden;
	margin-top:15px;
}
.copyrightArea>*{
	float:left;
}
.copyrightArea .footerAdmin{
	overflow:hidden;
	margin-right:23px;
}
.copyrightArea .footerAdmin a{
	color:#6a6a6a;
	font-size:15px;
	font-weight:600;
}
#footer li.clsprivacyprotect a {
	color : #04529b;
}
#footer ul li {
	display : inline;
	position : relative;
}
#footer ul li.first{
	position:relative;
	margin-right:7px;
	padding-right:14px;
}
#footer ul li.first:after {
	content:'';
	position:absolute;
	top:6px;
	right:0;
	display:block;
	width:2px;
	height:14px;
	background:#9a9a9a;
}
#footer ul a {
	letter-spacing : -1px;
}
.copyright,
.copyright a{
	font-size:15px;
	font-weight:100;
}



/* com_page01 */
div.com_page01 {clear:both;margin:15px 0 15px 0;text-align:center;font-family:Gulim;font-size:11px;}
div.com_page01 a, 
div.com_page01 strong { position:relative;  padding:3px 5px 1px 4px; color:#777; text-decoration:none; line-height:normal; font:normal 11px ±¼¸², Gulim; _width /**/:14px; margin-left:-5px;}
div.com_page01 strong { color:#ff6600 !important;}
div.com_page01 .pre,
div.com_page01 .next { font-weight:normal; display:inline-block; color:#a0a0a0; font:11px µ¸¿ò, Dotum; _width /**/:47px;}
div.com_page01 .pre { padding:3px 9px 1px 16px; background:url(/images/company_service/com_pg01_l_on.gif) no-repeat 8px 4px !important;}
div.com_page01 .next { padding:3px 17px 1px 8px; background:url(/images/company_service/com_pg01_r_on.gif) no-repeat 33px 4px !important;}
div.com_page01 a:hover { text-decoration:underline;}

/* page02 */
div.page02 { padding:15px 0; text-align:center;}
div.page02 a img { border:none; vertical-align:middle; _vertical-align:top;}
div.page02 a, 
div.page02 strong { position:relative; margin-left:-6px; display:inline-block; vertical-align:middle; _width /**/:18px; padding:2px 6px 3px 7px; color:#333333; text-decoration:none; line-height:normal; font-family: Verdana, sans-seri}
div.page02 a:hover { text-decoration:underline;}
div.page02 strong { color:#ff6600 !important; font-weight:bold;}
div.page02 .first-child { background:none;}
div.page02 a.pre,
div.page02 a.next { padding:0; background:none !important;}
div.page02 a.pre { margin:0 3px 0 -6px;}
div.page02 a.next { margin:0 3px 0 -3px;}

/* page03 */
div.page03 { padding:15px 0 0 0; text-align:center;}
div.page03 a,
div.page03 strong {
	position:relative;
	display:inline-block;
	min-width:26px;
	margin-right:4px;
	padding:5px 9px 8px 7px;
	color:#666;
	text-decoration:none;
	border:1px solid #ccc;
	font-size:19px;
	letter-spacing:-2px;
	border-radius:2px;
	font-weight:200;
}
div.page03 strong {
	color:#3c66af !important;
	border:1px solid #6d8fcb;
}
div.page03 .pre { padding:7px 6px 5px 7px; _padding-bottom:3px; background:url(http://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important;}
div.page03 .next { padding:7px 6px 5px 7px; _padding-bottom:3px; background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 71px 9px !important;}
*:first-child+html div.page03 .pre,
*:first-child+html div.page03 .next { top:-1px; padding-bottom:3px;}
div.page03 a.pre { 
	background:url(/images/common/btn_paging_prev.png) no-repeat center center !important;
}
div.page03 a.next {
	background:url(/images/common/btn_paging_next.png) no-repeat center center !important;}
div.page03 .pre,
div.page03 .next { 
	overflow:hidden;
	display:inline-block;
	color:#ccc;
	border:1px solid #fff;
	position:relative;
	top:14px;
	text-indent:-30000px;
}
div.page03 a.pre,
div.page03 a.next { color:#565656;}
div.page03 a:hover {
	color:#305ba6;
	background-color:#e4ebf9 !important;
	border:1px solid #e4ebf9;
}

/* notice_board */
#notice_board {clear:both;width:717px;}
div.notice_board_table {margin:10px 0 0 0;}
div.notice_board_table table.clslist {width:717px;table-layout: fixed;border-collapse: collapse;clear: both;border-bottom: 1px solid #dddddd;}
div.notice_board_table table.clslist th {color: #666;padding: 8px 0 5px 0;background-color:#f5f5f5;border-bottom: 1px solid #dddddd;text-align: center;}
div.notice_board_table table.clslist th.clsnumber {width:10%;text-align:center;}
div.notice_board_table table.clslist th.clssubject {width:70%;text-align:center;}
div.notice_board_table table.clslist th.clsdate {width:20%;text-align:center;}

div.notice_board_table table.clslist td {border-bottom: 1px solid #ddd;padding:8px 0 5px 0;}
div.notice_board_table table.clslist td.clsnumber {width:10%;text-align:center;}
div.notice_board_table table.clslist td.clssubject {width:70%;text-align:left;padding-left:10px;}
div.notice_board_table table.clslist td.clssubject a {color:#666; font-family:Gulim, sans-serif; font-size: 12px;text-decoration:none;}
div.notice_board_table table.clslist td.clssubject a:hover {color:#777; font-family:Gulim, sans-serif; font-size: 12px;text-decoration:underline;}
div.notice_board_table table.clslist td.clsdate {width:20%;text-align:center;}



/**
* hpi_clstable
**/
/*
@import 'hpi_print_result.css';
@import 'form_v1.css';
*/
#head_hpi {
	height:117px;
	/*height:131px;*/
	margin:0 auto;
	width:1150px;
}
div.logo_hpi {
	float:left;
	margin-top:44px;
	/*margin-top:51px;*/
}

#container {
	margin:0 auto;
	width:1150px;
	overflow:hidden;
}
div.content.main {
	margin-top:51px;
	/*margin-top:55px;*/
}
div.content {
	float:left;
	margin:50px 0 0 0;
	width:1150px;
	padding:0 0 20px 0;
}

div.hpi_bottom_line01 {
	border-bottom: solid #ddd 1px;
}

#mainhpi_menu_bg{
	height:390px;
	/*height:399px;*/
	border-top:1px solid #1c3f80;
	background: linear-gradient(85deg, #305aa6 50%, #4673c4 100%);
}
#mainhpi_menu_bg>div{
	width:1120px;
	min-height:390px;
	/*min-height:399px;*/
	margin:0 auto;
	padding-left:30px;
	text-align:left;
	background:url(/images/contents/mainImage01.png) 94% bottom no-repeat;
}
#mainhpi_menu_bg h1{
	padding-top:100px;
	color:#ffff91;
	font-size:43px;
	font-family:Nanumgothic, sans-serif;
	font-weight:900;
	line-height:1;
	letter-spacing:-1px;
}
#mainhpi_menu_bg>div>div{
	margin-top:26px;
	color:#fff;
	font-size:22px;
	font-weight:100;
	letter-spacing:-1px;
}
#mainhpi_menu_bg div.special{
	margin-top:11px;
	color:#a9f2a3;
	font-size:23px;
	font-weight:600;
}

/* btn */
div.hpi_btn_test {text-align:center;}

/* menu_bar */
#subhpi_menu_bg {
	background:url(/images/hpi/hpi_m_bg.jpg) center center no-repeat;
	height:154px;
	background-size:2080px 162px;
}
#subhpi_menu_bg ul li.hpi_m_tnote {
	/*background:url(/images/hpi/hpi_m_tnote.jpg) center center no-repeat;*/
	height:90px;
	margin:0 auto;
	/*width:900px;*/
}
#subhpi_menu_bg ul li.hpi_m_tnote h4 {border-bottom:0;}

/* column */
div.column_v1 {float:left;width:57%;margin-right:4%;}
div.column_v3 {float:left;width:39%;}

/* hpi_clstext */
div.hpi_clstext01 {padding:0 0 5px 0;}
div.hpi_clstext02 {clear:both;padding:10px 0 5px 0;}
div.hpi_clstext03 {padding:0 0 0 5px;}
p.hpi_clstext04 {margin:15px 0 0 5px;}

/* login_bx */
#hpi_login_bx {
	clear:both;
	overflow:hidden;
	width:100%;
	background-color:#f4f4f4;
}
div.clslogin_bx {
	overflow:hidden;
	padding:23px 25px 20px;
}
div.clslogin_bx .companyNameArea{
	
}
div.clslogin_bx .companyAdminArea{
	clear:both;
}
div.clslogin_bx .companyAdminArea>li{
	float:left;
}
div.clslogin_bx>form>ul{
	overflow:hidden;
}
div.clslogin_bx>form>ul:first-child li{
	float:left;
}
div.clslogin_bx ul li.clslogin_bx01 {
	margin-right:11px;
}
div.clslogin_bx li.clslogin_bx01 div.cls_top_id {
	margin:0 0 12px 0;
}
div.clslogin_bx li.clslogin_bx01 input {
	width:239px;
	height:41px;
	padding:0px 10px 3px 15px;
	border: 1px solid #cfcfcf;
	border-radius:4px;
}
div.clslogin_bx li button,
div.clslogin_bx li .buttonLogout {
	display:inline-block;
	border:0;
	background: #727272;
	color:#fff;
	width:120px;
	height:104px;
	margin: 0 0 0 0;
	font-family:Nanumgothic;
	font-size:22px;
	text-align:center;
	line-height:101px;
	border-radius:5px;
	transition:background 0.2s;
}
div.clslogin_bx li button:hover,
div.clslogin_bx li .buttonLogout:hover {
	background:#305aa6;
}
#login_username{
	font-weight:600;
}

div.clslogin_bx ul.hpi_join_find {
	clear:both;
	overflow:hidden;
	margin-top:13px;
	line-height:1;
}

div.clslogin_bx ul.hpi_join_find li.hpi_join_s {
	float:left;
	position:relative;
	margin-left:8px;
	margin-right:8px;
	padding-right:10px;
}
div.clslogin_bx ul.hpi_join_find li.hpi_join_s:after{
	content:'';
	position:absolute;
	top:3px;
	right:0;
	display:block;
	width:1px;
	height:13px;
	background:#8a8a8a;
}
div.clslogin_bx ul.hpi_join_find li.hpi_join_s a {
	color:#7a7a7a;
	font-size:15px;
	font-weight:600;
}
div.clslogin_bx ul.hpi_join_find li.hpi_join_s a:hover {}

div.clslogin_bx ul.hpi_join_find li.hpi_find_s {
	float:left;
}
div.clslogin_bx ul.hpi_join_find li.hpi_find_s a {
	color:#6a6a6a;
	font-size:15px;
	font-weight:100;
}
div.clslogin_bx ul.hpi_join_find li.hpi_find_s a:hover {}

.quickMenu{
	overflow:hidden;
	margin-top:28px;
	margin-bottom:27px;
	padding-bottom:32px;
	border-bottom:1px dashed #ccc;
}
.quickMenu li{
	float:left;
	width:31.2%;
	margin-left:3%;
}
.quickMenu li:first-child{
	margin-left:0;
}
.quickMenu li a{
	display:block;
	position:relative;
	width:100%;
	height:93px;
	padding-top:23px;
	text-align:center;
	color:#305aa6;
	font-size:19px;
	font-family:Nanumgothic;
	font-weight:900;
	letter-spacing:-1px;
	border:1px solid #ccc;
	border-radius:5px;
	background:#f1f1f1;
	transition:color 0.3s, background-color 0.3s, border-color 0.3s;
}
.quickMenu li a:after{
	content:'';
	display:block;
	width:44px;
	height:46px;
	position:absolute;
	left:51px;
	bottom:16px;
	background:url(/images/common/icon.png) -161px 0 no-repeat;
}
.quickMenu li.quickMenu02 a:after{
	bottom:12px;
	background-position:-207px 0;
}
.quickMenu li.quickMenu03 a:after{
	bottom:13px;
	width:50px;
	background-position:-252px 0;
}
.quickMenu li a:hover{
	color:#305aa6;
	border-color:#a4cbf9;
	background-color:#eaf1fa;
}
.mainNotice h3.title{
	margin-bottom:12px;
}

.nav{margin:10px;}
.RollDiv{
	margin:0 auto;
	width:1152px;
	height:62px;
	overflow:hidden;
}  
.RollDiv > div{
	overflow:hidden;
	height:62px;
	width:2000px
}
.RollDiv > div > a{ 
	float:left;
	display:block;
	cursor:default;
}  
.RollDiv > div > a > img{ 
	width:288px;
	height:60px;
	margin-right:10px;
	border:1px solid #ddd;
}
/* logout */
div.clslogin_bx li.hpi_companymember {
	float:left;
	border:0;
}
div.clslogin_bx li.clslogout {
	float:right;
	border:0;
}
div.clslogin_bx li.clslogout button {
	float:right;
	border:0;
	color:#016ebf;
	width:63px;
	height:51px;
	margin: 0 0 0 0;
}
div.clslogin_bx li.hpi_companymember {padding:0 0 5px 0;}

/* applicant_bg 
div.hpi_applicant_bgt {height:11px;}
div.hpi_applicant_bgm {padding-top:4px;padding-left:10px;padding-right:10px;}
div.hpi_applicant_bgb {height:11px;}
*/
/* hpi_applicant_list */
table.hpi_applicant_list {
	margin-bottom:15px;
	border-top:4px solid #6d8fcb;
	border-bottom:4px solid #6d8fcb;
}
table.hpi_applicant_list th {
	padding:12px 9px 13px;
	color:#6583b9;
	font-weight:500;
	text-align:left;
	background:#eff3fb
}
table.hpi_applicant_list td * {
	
}
table.hpi_applicant_list td a {
	word-break:keep-all; /*¸ÞÀÎ ±â¾÷¸í ¶§¹®¿¡ ³ÖÀ½ */
}
table.hpi_applicant_list td {
	padding:13px 9px 15px;
	line-height:1.3;
	letter-spacing:-1px;
	border-top:1px dotted #ccc;
}
table.hpi_applicant_list tbody tr:first-child td {
	border-top:0;
}
table.hpi_applicant_list td a {}
table.hpi_applicant_list td a:hover {color:#222;}
td span.clsend_testdate {
	color:#888;
	font-size:15px;
	line-height:1.2;
}
.buttonApply{
	display:inline;
	min-width:80px;
	padding:7px 15px;
	color:#305ba6 !important;
	font-size:15px !important;
	line-height:0;
	background:#e4ebf9;
	border-radius:5px;
	transition:color 0.3s, background 0.3s;
}
.buttonApply:hover{
	color:#fff !important;
	background:#305aa6;
}
.buttonDelete{
	display:inline;
	min-width:80px;
	padding:7px 15px;
	color:#555 !important;
	font-size:15px !important;
	line-height:0;
	background:#d9dce2;
	border-radius:5px;
	transition:color 0.3s, background 0.3s;
}
.buttonDelete:hover{
	color:#fff !important;
	background:#305aa6;
}
.mainCompanyFindButtonArea>div:first-child{
	color:#6a6a6a;
	font-weight:200;
	line-height:1.5;
	letter-spacing:-1px;
}
.mainCompanyFindButtonArea>div:first-child strong{
	margin-left:8px;
	color:#5a5a5a;
	font-weight:700;
	letter-spacing:-2px;
}
.buttonCompanyFind{
	position:relative;
	display:block;
	width:196px;
	height:60px;
	color:#fff;
	font-family:Nanumgothic;
	font-size:22px;
	line-height:59px;
	letter-spacing:-1px;
	text-indent:-34px;
	background:#305aa6;
	border-radius:5px;
	transition:color 0.3s, background 0.3s;
}
.buttonCompanyFind:after{
	content:'';
	position:absolute;
	top:15px;
	right:23px;
	display:block;
	width:28px;
	height:28px;
	background:url(/images/common/icon.png) 0 0 no-repeat;
}
.buttonCompanyFind:hover{
	background:#031c48;
}


/* clstext_bx */
div.clstext_bx01 p.clstext_bx01_top {color:#555;}
div.clstext_bx01 table.clstext_bx01_table {margin:3px 0 0 0;}
div.clstext_bx01 table.clstext_bx01_table td.clstext_bx01_ex {color:#666;padding:5px 0 0 5px;line-height:135%;}

div.clstext_bx02 {margin:20px 0 0 0;}
div.clstext_bx02 p.clstext_bx02_top {}
div.clstext_bx02 p.clstext_bx02_ex {padding:10px 0 0 0;}
div.clstext_bx02 ul.hpi_news_list {margin:8px 0 0 0;}
div.clstext_bx02 ul.hpi_news_list li {
	margin-bottom:6px;
	color:#7a7a7a;
	font-weight:100;
	letter-spacing:-1px;
}
div.clstext_bx02 ul.hpi_news_list li:before {
	content:'¡¤';
	margin-right:4px;
}
div.clstext_bx02 ul.hpi_news_list li strong,
div.clstext_bx02 ul.hpi_news_list li a {
	color:#6a6a6a;
	font-weight:600;
}

.cls_client_logos>li:first-child{padding-top:7px}
.cls_client_logos>li>img{margin-left:18px}
.cls_client_logos>li>img:first-child{margin-left:0}

/* applystyle_post_title */
div.applystyle_post_title {
	margin-bottom:30px;
	padding:0px 0 20px 0;
	border-bottom:1px dashed #ccc;
}
div.applystyle_post_title h2 {
	margin:0;
	padding:0;
	color:#305aa6;
	font-size:25px;
	font-weight:100;
	letter-spacing:-1px;
}
div.applystyle_post_title h2 strong{
	color:#264b8e;
	font-size:24px;
	font-weight:600;
}
/* div.applystyle_manual */
div.applystyle_manual {margin:0 0 20px 0;}
div.applystyle_manual h5 {padding:0 0 10px 0;}
div.applystyle_manual p {color:#444;padding:0 0 10px 0;}
div.applystyle_manual ul li {color:#555;line-height:140%;}
/* div.applystyle_manual_v2 */
div.applystyle_manual_v2 {margin:0 0 30px 0;}
div.applystyle_manual_v2 h5 {padding:0 0 10px 0;}
div.applystyle_manual_v2 p {color:#444;padding:0 0 10px 0;}
div.applystyle_manual_v2 ul li {color:#555;line-height:140%;}

/* clsinput_id_email */
div.clsinput_id_email {margin:0 0 5px 0;}
table.clsinput_clsid_clsemail {
	width:100%;
	border-top:1px solid #ccc;
}
table.clsinput_clsid_clsemail td {
	height:80px;
	border-bottom:1px solid #ccc;
}
table.clsinput_clsid_clsemail td.clsname {
	padding-left:45px;
	color:#333;
	font-size:15px;
	font-weight:600;
	width: 40px;
}
table.clsinput_clsid_clsemail td.clsname_input {
	width: 125px;
}
table.clsinput_clsid_clsemail td.clsname_input input {
	width: 100px;
	border: 1px solid #dfdfdf;
	background:#dfdfdf;
}
table.clsinput_clsid_clsemail td.clsemail {
	padding-left:45px;
	color:#333;
	font-size:15px;
	font-weight:600;
	width:55px;
}
table.clsinput_clsid_clsemail td.clsemail_input {width:185px;}
table.clsinput_clsid_clsemail td.clsemail_input input {
	width: 250px;
	border: 1px solid #dfdfdf;
	background:#dfdfdf;
}



table.clsinput_clsid_clsemail td.clsinput_idemail_note {
	padding-left:12px;
	color:#1266bb;
	font-size:14px;
}

/* applystyle_term */
div.applystyle_term {
	margin-bottom:30px;
	border: 2px dashed #d5d5d5;
	padding:15px 20px;
}
div.applystyle_term ul li.applystyle_term_title {font-weight:bold;padding:0 0 5px 0;}
div.applystyle_term ul li.applystyle_clsterm {color:#006fe0;}

.selecter{
	color:#333;
	font-size:21px;
	font-weight:600;
}

/* ¸µÅ©Ãß°¡ 2008.10.17 */
span.clshpi_ownpage a {color:#0766bc;}
span.clshpi_ownpage a:hover {color:#0766bc;text-decoration:underline;}



/***************************************************************************************************/
/** hpi_clstable                                                                                  **/
/***************************************************************************************************/

/* hpi_formstyle */
#hpi_formstyle {margin:0 auto;width:100%;}
#hpi_formstyle_v1 {margin:0 auto;width:690px;}
#hpi_formstyle_v2 {margin:0 auto;width:600px;}
#hpi_formstyle_result {margin:0 auto;width:640px;}
/*
div.panel_hpi {padding:6px;background: #E7E7E7;}
div.extra1_hpi {overflow: hidden;  zoom: 1;	border: solid #D7D7D7 2px;	background: white;padding:10px;text-align:left;}
*/
div.extra1_hpi p.hpi_taketest_intro {line-height:140%;padding-bottom:15px;}

/* button */
div.clsex_csv_btn {margin:5px 0 0 0;text-align:center;}
div.clsex_csv_btn button.b_confirmation01 {padding:0;height: 22px; margin:0 0 0 5px; border: solid #6fb1df 2px;	background: #EFEFEF url(/images/buttons/bg_btn01.gif);color: #0067a9;font-weight: bolder;overflow: hidden;width:55px;}
div.clsex_csv_btn02 {margin:10px 0 0 0;text-align:center;}
div.clsex_csv_btn02 button.b_confirmation01 {padding:0;height: 22px; margin:0 0 0 5px; border: solid #6fb1df 2px;	background: #EFEFEF url(/images/buttons/bg_btn01.gif);color: #0067a9;font-weight: bolder;overflow: hidden;width:55px;}
div.clsex_csv_btn03 {margin:5px 0 0 0;text-align:center;}
div.clsex_csv_btn03 button.b_confirmation01 {padding:0;height: 26px; margin:0 0 0 5px; border: solid #6fb1df 2px;	background: #EFEFEF url(/images/buttons/bg_btn01.gif);color: #0067a9;font-weight: bolder;overflow: hidden;width:105px;}

div.clsex_print_btn {margin:5px 0 15px 0;text-align:center;}
div.clsex_print_btn button.b_confirmation01 {padding:0;height: 26px; margin:0 0 0 5px; border: solid #6fb1df 2px;	background: #EFEFEF url(/images/buttons/bg_btn01.gif);color: #0067a9;font-weight: bolder;overflow: hidden;width:75px;}

/* hpi_post_list_v1  */
table.hpi_post_list_v1 {
	border-top:4px solid #6d8fcb;
	border-bottom:4px solid #6d8fcb;
}
table.hpi_post_list_v1 th {
	padding:12px 9px 13px;
	color:#6583b9;
	font-weight:500;
	text-align:left;
	background:#eff3fb
}
table.hpi_post_list_v1 td * {

}
table.hpi_post_list_v1 td {
	padding:13px 9px 15px;
	line-height:1.3;
	letter-spacing:-1px;
	border-top:1px dotted #ccc;
}
table.hpi_post_list_v1 tbody tr:first-child td {
	border-top:0;
}
table.hpi_post_list_v1 td a {}
table.hpi_post_list_v1 td a:hover {color:#222;}

table.hpi_post_list_v1 td.clsnumber {
	font-size:15px;
}
table.hpi_post_list_v1 td.clscomname {
	font-size:15px;
}
table.hpi_post_list_v1 td.clscondition,
table.hpi_post_list_v1 td.clsdue,
table.hpi_post_list_v1 td.clsdate{
	color:#888;
	font-size:15px;
}
/*
table.hpi_post_list_v1 {width:100%;}
table.hpi_post_list_v1 th {color:#666;text-align:center;background-color:#f2f2f2;border-bottom: 1px solid #ddd;height:30px;}
table.hpi_post_list_v1 th.clsnumber {width:8%;}
table.hpi_post_list_v1 th.clstitle {width:30%;}
table.hpi_post_list_v1 th.clscomname {width:20%;}
table.hpi_post_list_v1 th.clscondition {width:10%;}
table.hpi_post_list_v1 th.clsdue {width:22%;}
table.hpi_post_list_v1 th.clsdate {width:10%;}


table.hpi_post_list_v1 td {color:#666;border-bottom: 1px solid #ddd;padding:8px 0 8px 0;}
table.hpi_post_list_v1 td.clsnumber {width:8%;text-align:center;}
table.hpi_post_list_v1 td.clstitle {width:30%;padding:0 0 0 8px;}
table.hpi_post_list_v1 td a {color:#555;font-weight:bold;}
table.hpi_post_list_v1 td a:hover {color:#555;font-weight:bold;text-decoration: underline;}

table.hpi_post_list_v1 td.clscomname {width:20%;text-align:left;}
table.hpi_post_list_v1 td.clscondition {width:10%;text-align:center;}
table.hpi_post_list_v1 td.clsdue {width:22%;text-align:center;}
table.hpi_post_list_v1 td.clsdate {width:10%;text-align:center;}
*/

/* hpi_post_list  */
table.hpi_post_list {
	border-top:2px solid #6d8fcb;
	border-bottom:2px solid #6d8fcb;
	/*
	border-top:2px solid #c3c3c3;
	border-bottom:2px solid #c3c3c3;
	*/
}
table.hpi_post_list th {
	padding:12px 9px 13px;
	color:#6583b9;
	/*color:#575757;*/
	font-weight:600;
	text-align:left;
	letter-spacing:-1px;
	background:#eff3fb
	/*background:#f4f4f4*/
}
table.hpi_post_list td * {
	
}
table.hpi_post_list td {
	padding:13px 9px 15px;
	font-weight:200;
	line-height:1.3;
	letter-spacing:-1px;
	border-top:1px dotted #ccc;
}
table.hpi_post_list tbody tr:first-child td {
	border-top:0;
}
table.hpi_post_list td a {color:#305ba6;}
table.hpi_post_list td a:hover {color:#214b94;}

table.hpi_post_list td.clsnumber {
	font-size:15px;
}
table.hpi_post_list td.clscomname {
	font-size:15px;
}
table.hpi_post_list td.clscondition,
table.hpi_post_list td.clsdue,
table.hpi_post_list td.clsdate{
	color:#888;
	font-size:15px;
}



.main table.hpi_post_list {
	border-top:4px solid #6d8fcb;
	border-bottom:4px solid #6d8fcb;
}
.main table.hpi_post_list th {
	padding:12px 9px 13px;
	color:#6583b9;
	font-weight:500;
	text-align:left;
	background:#eff3fb
}
.main table.hpi_post_list td * {

}
.main table.hpi_post_list td {
	padding:13px 9px 15px;
	line-height:1.3;
	letter-spacing:-1px;
	border-top:1px dotted #ccc;
}
.main table.hpi_post_list tbody tr:first-child td {
	border-top:0;
}
.main table.hpi_post_list td a {color:#305ba6;}
.main table.hpi_post_list td a:hover {color:#214b94;}

.main table.hpi_post_list td.clsnumber {
	font-size:15px;
}
.main table.hpi_post_list td.clscomname {
	font-size:15px;
}
.main table.hpi_post_list td.clscondition,
.main table.hpi_post_list td.clsdue,
.main table.hpi_post_list td.clsdate{
	color:#888;
	font-size:15px;
}
/* hpi_register_list */
table.hpi_register_list {
	border-top:4px solid #6d8fcb;
	border-bottom:4px solid #6d8fcb;
}
table.hpi_register_list th {
	padding:12px 9px 13px;
	color:#6583b9;
	font-weight:500;
	text-align:left;
	background:#eff3fb
}
table.hpi_register_list th a{
	color:#6583b9;
}
table.hpi_register_list td * {

}
table.hpi_register_list td {
	padding:13px 9px 15px;
	line-height:1.3;
	letter-spacing:-1px;
	border-top:1px dotted #ccc;
}
table.hpi_register_list tbody tr:first-child td {
	border-top:0;
}
table.hpi_register_list td a {color:#305ba6;}
table.hpi_register_list td a:hover {color:#214b94;}

table.hpi_register_list td.clsnumber {
	font-size:15px;
}
table.hpi_register_list td.clscomname {
	font-size:15px;
}
table.hpi_register_list td.clscondition,
table.hpi_register_list td.clsdue,
table.hpi_register_list td.clsdate{
	color:#888;
	font-size:15px;
}

/*
table.hpi_register_list {width:100%;}
table.hpi_register_list th {color:#666;text-align:center;background-color:#f2f2f2;border-bottom: 1px solid #ddd;height:30px;}
table.hpi_register_list th.clscheckbox {width:5%;}
table.hpi_register_list th.clsid {width:10%;}
table.hpi_register_list th.clsname {width:8%;}
table.hpi_register_list th.clsname a {color:#666;width:8%;}
table.hpi_register_list th.clsname a:hover {color:#666;text-decoration: underline;width:8%;}
table.hpi_register_list th.clsemail {width:18%;}
table.hpi_register_list th.clsphone {width:9%;}
table.hpi_register_list th.clspw {width:10%;}
table.hpi_register_list th.clsconditon {width:8%;}
table.hpi_register_list th.clsdate {width:10%;}
table.hpi_register_list th.clsdate a {color:#666;width:8%;}
table.hpi_register_list th.clsdate a:hover {color:#666;text-decoration: underline;width:8%;}
table.hpi_register_list th.clsclassify {width:4%;}
table.hpi_register_list th.clsattitude {width:8%;}

table.hpi_register_list td {color:#666;border-bottom: 1px solid #ddd;padding:8px 0 8px 0;}
table.hpi_register_list td a {color:#555;}
table.hpi_register_list td a:hover {color:#555;text-decoration: underline;}
table.hpi_register_list td.clscheckbox {width:5%;text-align:center;}
table.hpi_register_list td.clsid {width:10%;}
table.hpi_register_list td.clsname {width:8%;text-align:left;padding-left:15px;}
table.hpi_register_list td.clsemail {width:18%;text-align:left;padding-left:25px;}
table.hpi_register_list td.clsphone {width:9%;text-align:center;}
table.hpi_register_list td.clspw {width:10%;text-align:center;}
table.hpi_register_list td.clsconditon {width:8%;text-align:center;}
table.hpi_register_list td.clsdate {width:10%;text-align:center;}
table.hpi_register_list td.clsclassify {width:4%;text-align:center;}
table.hpi_register_list td.clsclassify span.clsclassify_color {color:#ff6600;width:4%;text-align:center;font-weight:bold;}
table.hpi_register_list td.clsattitude {width:8%;text-align:center;}
*/
/* hpi_cls_setpage */
table.hpi_cls_setpage {width:100%;border:2px solid #ddd;}
table.hpi_cls_setpage td {color:#666;height:30px;}
table.hpi_cls_setpage td.hpi_cls_setpage02 {padding-left:10px;}
table.hpi_cls_setpage td.hpi_cls_setpage02 span {padding-right:22px;}
table.hpi_cls_setpage td.hpi_cls_setpage03 {padding-right:10px;}
table.hpi_cls_setpage td.hpi_cls_setpage03 span {padding-left:5px;}
table.hpi_cls_setpage td.hpi_cls_setpage03 input {padding:1px 2px 0 2px;width:40px;}
table.hpi_cls_setpage td.hpi_cls_setpage03 button {padding-top:1px;height:18px;border: solid #6fb1df 1px;	background: #EFEFEF url(/images/buttons/bg_btn12.gif);color: #0067a9;overflow: hidden;width:65px;}

/* hpi_cls_setsearch */
table.hpi_cls_setsearch {width:100%;margin-top:25px;}
table.hpi_cls_setsearch td {height:30px;}
table.hpi_cls_setsearch td.cls_id_search02 {width:40px;}

/* hpi_cls_setcondition */ 
table.hpi_cls_setcondition {width:100%;margin:15px 0 0 0;}
table.hpi_cls_setcondition td {height:30px;}
table.hpi_cls_setcondition td.setcondition {width:300px;}

/* hpi_mail_sms */
table.hpi_mail_sms {margin:5px 0 5px 0;}
table.hpi_mail_sms td.send_mail_sms {padding-left:15px;}
table.hpi_mail_sms td.send_mail_sms button {padding-top:1px;height:18px;border: solid #6fb1df 1px;	background: #EFEFEF url(/images/buttons/bg_btn12.gif);color: #0067a9;overflow: hidden;width:85px;}

/* hpi_manage_buttons */
table.hpi_manage_buttons {width:100%;margin:0 0 10px 0;}

/* hpi_frm_people */
div.hpi_frm_people {margin:30px 0 0 0;}

/* hpi_frm */
table.hpi_frm td {
	height:61px;
	padding:5px 10px 5px 10px;
}
table.hpi_frm td span.hpi_frm_colorff6600 {color:#ff6600;}
table.hpi_frm td.cls_radio {text-align:center;width:22px;}
table.hpi_frm td.listname_01 {padding:4px 0 0 0;}
table.hpi_frm td.listname_01 span {color:#ff6600;}
table.hpi_frm td.listname_02 {
	padding-left:20px;
	width:40px;
}
table.hpi_frm td.listname_03 {
	padding-left:20px;
	width:40px;
}
table.hpi_frm td.listname_04 {padding-left:20px;width:100px;}

table.hpi_frm td.hpi_con {width: 345px;text-align: left;}
table.hpi_frm td.hpi_con input {
	width: 330px;
	border-color:#dfdfdf;
	background:#dfdfdf;
}
table.hpi_frm td.hpi_con input.clsfocus {
	width: 330px;
}
table.hpi_frm td.hpi_con1 {text-align: left;}
table.hpi_frm td.hpi_con1 input {height: 18px;	border: 1px solid #d5d5d5;padding:3px 0 0 5px;}
table.hpi_frm td.hpi_con1 input.clsfocus {height: 18px;	border: 2px solid #fe8c1c;padding:3px 0 0 5px;}
table.hpi_frm td.hpi_con_cal input {width: 90px;height: 18px;	border: 1px solid #d5d5d5;padding:3px 0 0 5px;}

/* hpi_frm_term */
table.hpi_frm_term td {
	height:61px;
	padding:5px 10px 5px 10px;
}
table.hpi_frm_term td.cls_radio {text-align:center;width:22px;}
table.hpi_frm_term td.listname_01 {padding:4px 0 0 0;}
table.hpi_frm_term td.listname_02 {
	padding-left:20px;
	width:152px;
}
table.hpi_frm_term td.listname_03 {padding-left:20px;width:100px;}
table.hpi_frm_term td.hpi_con {width: 345px;text-align: left;}
table.hpi_frm_term td.hpi_con input {width: 330px;height: 18px;	border: 1px solid #d5d5d5;padding:3px 0 0 5px;}
table.hpi_frm_term td.hpi_con input.clsfocus {width: 330px;height: 18px;	border: 2px solid #fe8c1c;padding:3px 0 0 5px;}


table.hpi_frm_term td.hpi_con_cal input {
	width: 90px;
	border-color:#dfdfdf;
	background:#dfdfdf;
}
table.hpi_frm_term td.hpi_con_cal select {
	border-color:#dfdfdf;
	background:#dfdfdf;
}

/* hpi_frm_add */
table.hpi_frm_add td {padding:2px 0 2px 0;}
table.hpi_frm_add td.listname_02 {
	padding-left:20px;
	width:162px;
}
table.hpi_frm_add td.listname_03 {padding-left:20px;width:100px;}
table.hpi_frm_add td.clslist_note {color:#555;padding:5px 0 5px 0;}

/* hpi_clsinput_add */
table.hpi_clsinput_add {
	margin-left:10px;
}
table.hpi_clsinput_add td.hpi_clsname {
	width:181px;
}
table.hpi_clsinput_add td.hpi_clsname input {
	width: 87%;
	border-color:#dfdfdf;
	background:#dfdfdf;
}

table.hpi_clsinput_add td.hpi_clsmail {
	width:330px;
}
table.hpi_clsinput_add td.hpi_clsmail input {
	width: 300px;
	border-color:#dfdfdf;
	background:#dfdfdf;
}


table.hpi_clsinput_add td.hpi_clsmobile {width: 190px;}
table.hpi_clsinput_add td.hpi_clsmobile input {width: 137px;height: 18px;border: 1px solid #d5d5d5;padding:3px 0 0 5px;}




/* hpi_frm_clsex */
table.hpi_frm_clsex {margin-top:10px;width:100%;}
table.hpi_frm_clsex td.clsex_listname {width:40px;}
table.hpi_frm_clsex td.clsex_listname_note {color:#555;line-height:135%;}
table.hpi_frm_clsex td.clsex_listname_note span {color:#ff6600;line-height:135%;}
table.hpi_frm_clsex td.clsex_listname_note02 {color:#555;line-height:135%;padding-top:5px;}
/* hpi_frm_clsex02 */
table.hpi_frm_clsex02 {margin-top:20px;width:100%;}
table.hpi_frm_clsex02 td.clsex_listname {width:40px;}
table.hpi_frm_clsex02 td.clsex_csv {}
table.hpi_frm_clsex02 td.clsex_csv input {height:22px;width:240px;}

/* clstake_hpi */
table.clstake_hpi {
	width:100%;
	margin:0;
}

table.clstake_hpi td {
	color:#555;
	padding:10px 0px;
	line-height:1;
}
table.clstake_hpi>tbody>tr>td:first-child {
	padding:10px 5px 10px 20px;
}
table.clstake_hpi td.clstake_hpi_question {padding:4px px 0 0 ;width:620px;}
table.clstake_hpi td.clstake_hpi_radio {
	width:10px;
	text-align:center;
}
table.clstake_hpi td.clstake_hpi_choice01 {padding:0px 0 0 0px;width:45px;}
table.clstake_hpi td.clstake_hpi_choice02 {padding:0px 0 0 0px;width:45px;}
table.clstake_hpi td.clstake_hpi_choice03 {padding:0px 0 0 0px;width:75px;}

/* clspost_title_bx */
table.clspost_title_bx {}
table.clspost_title_bx td.clspost_title {background: url(/images/hpi/hpi_ic_head01.gif) no-repeat 5px center;padding:2px 0 0 15px;}
table.clspost_title_bx td.clspost_title span.clspost_title_v1 {font-weight:bold;}

.complete_member_message h3.title{
	margin-top:50px;
	margin-bottom:0px;
	color:#333;
	font-family:Noto Sans KR;
	font-size:2.2rem;
}
.complete_member_message h3.title:before{
	display:none;
}
.complete_member_message *{
	font-size:1.5rem;
	font-weight:100;
	text-align:center;
	letter-spacing:-1px;
}
.complete_member_message strong{
	font-weight:600;
}
.complete_member_mail{
	margin:40px auto 55px;
	padding:50px 10px;
	font-size:1.2rem;
	font-weight:100;
	text-align:center;
	letter-spacing:-1px;
	background:#eee;
}
.complete_member_mail strong{
	color:#305ba6;
	font-weight:600;
	letter-spacing:0px;
}

/* serviceguide */
.serviceGuide{
	padding-top:7px;
}
.serviceGuide>div{
	width:75%;
}
.serviceGuide>div:first-child{
	width:23%;
}
.serviceImage{
	position:relative;
	top:-11px;
	width:129px;
}

.hpiContents{
	overflow:hidden;
}
.hpiContents>div{
	float:left;
	width:33.3%;
}
.hpiContents>div>dl{
	position:relative;
	margin:0 42px;
	text-align:center;
	letter-spacing:-1px;
	border:1px solid #6d9eef;
	border-radius:15px;
}
.hpiContents>div>dl:after{
	content:'';
	position:absolute;
	top:101px;
	left:-85px;
	display:block;
	width:85px;
	height:1px;
	border-bottom:1px dashed #6d9eef;
}
.hpiContents>div:first-child>dl:after{
	width:0;
	height:0;
}
.hpiContents>div>dl>dt{
	position:relative;
	height:52px;
	color:#fff;
	font-size:20px;
	font-weight:700;
	letter-spacing:-2px;
	line-height:51px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	background:#6d9eef;
}
.hpiContents>div>dl>dt:after{
	content:'';
	position:absolute;
	top:15px;
	right:105px;
	display:block;
	width:19px;
	height:22px;
	background:url(/images/contents/iconServiceguide.png) center 0 no-repeat;
}
.hpiContents>div>dl>dd{
	height:98px;
	padding:14px 53px;
	color:#333;
	font-size:17px;
	font-weight:600;
	word-break:keep-all;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	background:#fff;
}
.hpiContents>div>dl>dd strong{
	font-size:22px;
	font-weight:700;
}
.hpiContents>div.hpiContents2>dl>dt:after{
	top:13px;
	right:80px;
	width:26px;
	height:26px;
	background-position:center -82px;
}
.hpiContents>div.hpiContents3>dl>dt:after{
	top:13px;
	right:82px;
	width:26px;
	height:26px;
	background-position:center -171px;
}
.hpiContents>div.hpiContents1>dl>dd{
	line-height:98px;
}
.hpiContents>div.hpiContents2>dl>dd{
	line-height:98px;
}


/* introduce */
.h3Title{
	color:#515151;
	font-size:18px;
	font-weight:600;
	letter-spacing:-1px;
}

.introduceText{
	margin-bottom:45px;
	padding-bottom:40px;
	font-weight:200;
	border-bottom:1px dashed #ccc;
}
.introduceText strong{
	color:#333;
	font-weight:600;
	letter-spacing:-1px;
}

.boxImageType1{
	position:relative;
	margin-left:50px;
	margin-right:40px;
	padding:45px 60px;
	font-weight:200;
	border:2px solid #ccc;
	border-radius:15px;
	line-height:1.5;
}
.boxImageType1:after{
	content:'';
	position:absolute;
	top:38px;
	right:135px;
	display:block;
	width:240px;
	height:188px;
	background:url(/images/contents/iconIntroduce.png) center -696px no-repeat;
}
.boxImageType1 *{
	margin:3px 0;
	font-size:15px;
	font-weight:200;
}
.boxImageType1 strong{
	font-size:16px;
	font-weight:600;
	letter-spacing:-1px;
}

.samplePage{
	overflow:hidden;
}
.samplePage>div{
	float:left;
	width:42%;
	margin:0 4%;
}
.samplePage .sampleImageArea{
	margin-bottom:30px;
	padding:33px 1.5rem 31px;
	border:5px solid #cadbf9;
	border-radius:15px;
}
.samplePage .restuleSampleArea{
	padding:10px 1rem 10px;
}
.samplePage div img{
	width:100%;
}

.customerLogo{overflow:hidden;}
.customerLogo>*{
	float:left;
	width:31.7%;
	margin:9px 0.7%;
	border:1px solid #ddd;
	text-align:center;
}
.customerLogo>* img{
	max-width:100%;
	padding:10px 0;
}
.customerButton{
	padding-top:17px;
	padding-bottom:18px;
	font-size:13px !important;
}