body	{min-width:1200px;margin:0px;background:#42404b;font-family:'Noto Sans KR', sans-serif !important;}


input, textarea, select, button {font-family:'Noto Sans KR', sans-serif !important ;}
html {overflow-y:scroll; min-width:1200px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

.sound_only {display:none;}

#main_head {	
	font-family:'Noto Sans KR', sans-serif;
	text-align:center;
	padding:10px 0;
	background:#3b394d;
	box-shadow:inset 0px -8px 11px 0px rgba(0, 0, 0, 0.1);
}
#main_head nav dl dd {
	display:inline-block;
}
#main_head nav dl dd a {
	padding:6px;
	color:#fff;
	font-size:14px;
}
#main_head nav dl dd.dd_mypage a {
	padding:4px 12px;
	background:#5a5576;
	border-radius:5px;
}
#main_head nav dl dd a img {
	vertical-align:sub;
}
#main_head nav dl dd.bm {
	font-size:12px;
	color:#fff;
} 

#main_cont {
	text-align:center;
	font-family:'Noto Sans KR', sans-serif;
	margin-top:20px;
}
#main_cont #main_logo {
	margin-bottom:30px;
}
#main_cont #main_title {
	margin-bottom:50px;
}
#main_cont .main_search_all {
	display:inline-block;
	vertical-align:top;
}
#main_cont .main_search_all a {
	display:block;
	padding:0 10px;
	line-height:46px;
	font-size:16px;
	color:#fff;
	border-radius:5px;
	margin-right:10px;
	background:#12b1a1;
}
#main_cont .main_search_bx {
	position:relative;
	display:inline-block;
	width:380px;
	margin-bottom:30px;
}
#main_cont .main_search_bx input {
	box-sizing:border-box;
	padding:10px;
	width:380px;
	height:46px;
	font-size:16px;
	border:1px solid #898989;
	border-radius:5px;
}
#main_cont .main_search_bx a {
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	display:block;
	width:24px;
	height:auto;
	text-indent:-9999px;
	background:url("../img/main_search_bx.png") no-repeat center ;
}
#main_cont .main_search_cate {
	margin-bottom:20px;
}
#main_cont .main_search_cate dl dd a {
	padding:0 6px;
	font-size: 80%;
	color:#fff;
	border-right:1px solid #ddd;
}
#main_cont .main_search_cate dl dd a:last-child {
	border:none;
}
#main_cont .main_search_cate dl dd a.on {
	color:#12b1a1;
	font-weight:500;
}
#main_cont .main_search_select select {
	margin:0 2px;
	padding:0 4px;
	height:36px;
	font-size:14px;
	border-radius:5px;
	border:1px solid #898989;
	background:#fff;
}
#main_cont .main_search_select #spanSubmit input {
	height:36px;
	padding:0 24px;
	font-size:16px;
	color:#fff;
	border:none;
	border-radius:5px;
	background:#12b1a1;
	cursor:pointer;
}






.searcharea ul {list-style:none;padding:0px;margin:0px;margin-top:8px;}
.searcharea li {float:left;margin-right:5px;}
.search_select {width:100px;height:30px;background:#2f2d40;color:#85839b;font-family:'Noto Sans KR', sans-serif !important ;font-size:12px;border:1px solid #2e2b3f;border-radius:5px;outline:none;padding-left:5px;cursor:pointer;box-shadow:inset 0px 1px 0px rgba(255,255,255,0.05)}
.btn_search {width:80px;height:30px;background:linear-gradient(to bottom, #696393, #58527b);border:1px solid #2e2b3f;border-radius:5px;font-family:'Noto Sans KR', sans-serif ;color:#fff;letter-spacing:-1px;cursor:pointer;box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1)}

.topmenu ul {list-style:none;padding:0px;margin:0px;text-align:center;width:90%;height:28px;border-bottom:1px solid rgba(0,0,0,0.2);margin:auto;box-shadow:0px 1px 0px rgba(255,255,255,0.1)}
.topmenu li {font-family:'Noto Sans KR', sans-serif;font-size:11px;color:#b7b4d9;display:inline-block;letter-spacing:-1px;text-shadow:1px 1px 0px rgba(0,0,0,0.6);margin-right:2px;cursor:pointer}
.topmenu li:hover {color:#dcdaf1}
.topmenu li i {margin-right:5px;}

.contbox {width:1200px;margin:auto;position:relative;font-family:'Noto Sans KR', sans-serif !important ;padding:30px 0;}


.membox ul {list-style:none;padding:0px;margin:0px;display:inline-block;margin-bottom:20px;}
.membox li {float:left;background:#fff;width:210px;border:1px solid #dfdfdf;border-left:1px solid #efefef;border-top:1px solid #efefef;margin-right:10px;text-align:Center;font-size:12px;padding:10px;letter-spacing:-1px;font-family: 'Noto Sans KR', sans-serif !important ;;transition:all 0.3s;box-shadow:1px 1px 5px rgba(0,0,0,0.5);}
.membox li:hover {border:1px solid #000}
.membox li:last-child {margin-right:0px;}
.membox li div {color:#424242;border-bottom:1px solid #efefef;padding:5px 0px;}
.membox li div.name {color:#000;font-weight:900; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.membox li div.money {display:inline-block;width:100%;font-weight:800;background:#fafafa}
.membox li div.money div.txt {padding:0px;border:0px;width:calc(35% - 10px);float:left;padding-left:10px;text-align:left;}
.membox li div.money div.val {padding:0px;border:0px;width:calc(65% - 10px);float:left;text-align:right;padding-right:10px;letter-spacing:0px;font-family:roboto}
.membox li div i {margin-right:4px;}
.membox li div.gage {height:15px;border:1px solid #dfdfdf;padding:0px ;margin-top:10px;position:relative;;font-size:10px;overflow:hidden}
.membox img {width:210px;height:auto;margin:auto;top:0px;bottom:0px;position:absolute;left:0px;right:0px;}

.membox li div.candiimg {border:1px solid #dfdfdf;padding:0px;overflow:hidden;width:208px;height:306px;position:relative;cursor:pointer}
.membox li div.candiimg .candi_st {position:absolute;z-index:100;width:95px;height:95px;padding:0px;margin:0px;bordeR:0px;right:0px;bottom:0px;}
.membox li div.candiimg .candi_st img {width:100%}


.membox li.ready {border:1px solid red}


.membox02 ul {list-style:none;padding:0px;margin:0px;display:inline-block;margin-bottom:20px;}
.membox02 li {float:left;background:#fff;width:210px;border:1px solid #dfdfdf;border-left:1px solid #efefef;border-top:1px solid #efefef;margin-right:10px;text-align:Center;font-size:12px;padding:10px;letter-spacing:-1px;font-family: 'Noto Sans KR', sans-serif !important ;}
.membox02 li div {color:#555;border-bottom:1px solid rgba(0,0,0,0.1);padding:5px 0px;box-shadow:0px 1px 0px rgba(255,255,255,0.1)}
.membox02 li div.name {color:#000;font-weight:900;}
.membox02 li div.money {display:inline-block;width:100%;font-weight:800;background:#fafafa}
.membox02 li div.money div.txt {padding:0px;border:0px;width:calc(35% - 10px);float:left;padding-left:10px;text-align:left;box-shadow:none}
.membox02 li div.money div.val {padding:0px;border:0px;width:calc(65% - 10px);float:left;text-align:right;padding-right:10px;letter-spacing:0px;font-family:roboto;box-shadow:none}
.membox02 li div i {margin-right:4px;}
.membox02 li div.gage {height:15px;border:1px solid #dfdfdf;padding:0px ;margin-top:10px;position:relative;;font-size:10px;overflow:hidden;box-shadow:none}
.membox02 img {width:210px;height:auto;margin:auto;top:0px;bottom:0px;position:absolute;left:0px;right:0px;}

.membox02 li div.candiimg {border:1px solid #efefef;padding:0px;overflow:hidden;width:208px;height:264px;position:relative;box-shadow:none}
.membox02 li div.candiimg .candi_st {position:absolute;z-index:100;width:95px;height:95px;padding:0px;margin:0px;bordeR:0px;right:0px;bottom:0px;}
.membox02 li div.candiimg .candi_st img {width:100%}

/* status-layers */

.status-layers {
}
	.status-layer {
		width: 100px;
		height: 50px;
		background-color: #ccc;
	}

ul.view_txt01 {list-style:none;padding:0px;margin:0px;;width:100%;display:inline-block;border-bottom:1px solid #efefef;padding:7px 0px;}
ul.view_txt01 li {float:left;display:inline-block;margin-left:5px;}
ul.view_txt01 li img {width:300px;}
ul.view_txt01 li.line {float:left;display:inline-block;margin-left:40px;width:700px;}
ul.view_txt01 li:nth-child(2) {margin-left:5px;}
ul.view_txt01 li.clear {clear:left;margin-left:0px;}
ul.view_txt01:last-child {border-bottom:0px;}

ul.view_txt02 {list-style:none;padding:10px 0px;margin:0px;;width:100%;display:inline-block;}
ul.view_txt02 li {display:inline-block;width:287px;border:1px solid #efefef;;vertical-align:top;}



.reply ul {list-style:none;padding:0px;margin:0px;display:inline-block;width:100%;border-bottom:1px solid #efefef}
.reply li {float:left;line-height:30px;}
.reply li.writer {width:100px;}
.reply li.cont {width:calc(100% - 280px)}
.reply li.date {width:170px;font-family:tahoma;font-size:10px;text-align:right;color:#a7a7a7}
.reply li.date i {margin-left:5px;cursor:pointer}
.reply li.date i:hover {color:#000}

.reply ul.rep {list-style:none;padding:0px;margin:0px;display:inline-block;width:100%;border-bottom:1px solid #efefef;background:#fcfcfc}
.reply ul.rep li.writer {width:130px;}
.reply ul.rep li.writer i {margin:0px 5px;}
.reply ul.rep li.cont {width:calc(100% - 230px)}

.reply ul.rep_nothing  {list-style:none;padding:0px;margin:0px;display:inline-block;width:100%;height:100px;padding:7px 0px;border-bottom:0px;}
.reply ul.rep_nothing li {width:100%;text-align:center;line-height:100px;}

.reply ul.rep_frame {list-style:none;padding:0px;margin:0px;display:inline-block;width:100%;height:100px;padding:7px 0px;display:none;}
.reply ul.rep_frame li {width:100%;text-align:center;}


.reply ul.bo_vc_act {
	border-bottom:none;
}
.reply ul.bo_vc_act a.btn_b03 {
	box-sizing:border-box;
	display:block;
	width:50px;
	padding:5px 0;
	line-height:20px;
	text-align:center;
	border:1px solid #ddd;
	margin-left:5px;
}

.reply_btn {width:100px;height:30px;background:#fff;margin:15px auto;line-height:30px;text-align:center;border:1px solid #dfdfdf;border-radius:5px;cursor:pointer}
.reply_btn2 {width:70px;height:30px;background:#fff;margin:25px auto;line-height:30px;text-align:center;border:1px solid #dfdfdf;border-radius:5px;display:inline-block;margin-right:10px;cursor:pointer}


.tablehead {background:#dfdfdf;font-size:12px;text-align:center;margin-bottom:3px;}
.tablehead td {background:#efefef;padding:10px 0px;}

.tablecont01 {background:#efefef;font-size:12px;text-align:center;}
.tablecont01 td {background:#fff;padding:10px 0px;}
.tablecont01 td div {background:#efefef;border:1px solid #dfdfdf;width:50px;margin:auto;padding:5px 0px;border-radius:4px;cursor:pointer}
.tablecont01 td div.apply {background:blue;color:#fff}


.tablecont02 {background:#efefef;font-size:11px;text-align:center;}
.tablecont02 td {background:#fff;padding:10px 0px;}
.tablecont02 td div {background:#efefef;border:1px solid #dfdfdf;color:#777;width:50px;margin:auto;padding:5px 0px;border-radius:4px;cursor:pointer}
.tablecont02 td div.apply {background:blue;color:#fff}

.tablecont02 td.sel_status a {
	padding:0 2px;
}


.joinbtn {cursor:pointer;width:300px;height:200px;border-radius:7px;background:#efefef;color:#383838;transition:all 0.3s}
.joinbtn:hover {background:#c0aa6f}
.joinbtn:hover > div {color:#fff}

.loginbtn {cursor:pointer;width:400px;background:#efefef;color:#383838;font-size:16px;font-family:'Noto Sans KR', sans-serif ;letter-spacing:-1px;margin:auto;margin-top:20px;height:60px;line-height:60px;transition:all 0.3s}
.loginbtn:hover {background:#c0aa6f;color:#fff}

.small_confirm {display:inline-block;cursor:pointer;width:200px;text-align:center;background:#efefef;color:#383838;font-size:16px;font-family:'Noto Sans KR', sans-serif ;letter-spacing:-1px;margin:auto;margin-top:20px;height:40px;line-height:40px;transition:all 0.3s;border-radius:8px;}
.small_confirm:hover	{background:#c0aa6f;color:#fff}


.join_input01 {border:1px solid #dfdfdf;padding:5px 5px;width:300px;;outline:none;font-family:tahoma,dotum;font-size:12px;}


.overlap {border:1px solid #dfdfdf;cursor:pointer;background:#efefef;font-family:'Noto Sans KR', sans-serif !important ;font-size:11px;height:24px;margin:0px;}
.inputtxt {font-family:'Noto Sans KR', sans-serif !important ;font-size:11px;color:#555}
.join_confirm {cursor:pointer;width:300px;text-align:center;background:#efefef;color:#383838;font-size:16px;font-family:'Noto Sans KR', sans-serif ;letter-spacing:-1px;margin:auto;margin-top:20px;height:60px;line-height:60px;transition:all 0.3s;border-radius:8px;}
.join_confirm:hover {background:#c0aa6f;color:#fff}


.btn.btn_01 {
	display:block;
	box-sizing:border-box;
	width:100px;
	padding:5px 0;
	margin: 0 0 5px auto;
	text-align:center;
	border:1px solid #ddd;
	border-radius:5px;
	background:#f1f1f1;
}


#container {width:100%;}
.tab {display:inline-block;list-style:none;padding:0px;margin:0px;}
.tab li {float:left;height:20px;font-family:'Noto Sans KR', sans-serif ;letter-spacing:-1px;text-align:center;color:#777;cursor:pointer;margin:0px 10px;}
.tabcontent {display: none;padding: 0px;color:#000;}
.tabcontent1 {display: none;padding: 0px;color:#000;}
ul.tab li.current{color:#ee4646;}
.tabcontent.current {display: block;}
.tabcontent1.current {display: block;}
.findbtn {display:inline-block;text-align:center;font-family:'Noto Sans KR', sans-serif;letter-spacing:-1px;color:#545454;font-size:14px;padding:5px 0px;;cursor:pointer;width:150px;background:#fafafa;border-radius:30px;margin-top:30px;}
.findbtn:hover {background:#c0aa6f;color:#fff}

.atd td {background:#fff;padding:10px 10px;font-family:'Noto Sans KR', sans-serif !important ;font-size:12px;}
.atd02 td {background:#fff;padding:10px 10px;font-family:'Noto Sans KR', sans-serif !important ;font-size:13px;}
.atd02 td.bold {font-weight:bold}
.highlight td {font-weight:bold; color:#1460b6; background:#f5fbff;}
.highlight td.bold {font-size:18px;}

.mypagebtn {cursor:pointer;width:216px;height:170px;border-radius:7px;background:#efefef;color:#383838;transition:all 0.3s;margin-bottom:20px;}
.mypagebtn:hover {background:#c0aa6f}
.mypagebtn:hover > div {color:#fff}



.mypagebtn1 {cursor:pointer;width:216px;height:170px;border-radius:7px;background:#81F7F3;color:#383838;transition:all 0.3s;margin-bottom:20px;}
.mypagebtn1:hover {background:#c0aa6f}
.mypagebtn1:hover > div {color:#fff}

/*매뉴얼페이지*/


/* float 해제 class */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}


/*매뉴얼공통*/
.img-responsive {max-width:100%;}
.page_title {font-size:32px; padding:40px 0 40px; text-align:center; font-weight:500;color:#fff;}
.page_title:before {content:"";display:block; width:60px; height:2px; margin:0 auto 20px; background:#2ed6b6;}
.page_cont {font-size:0;line-height:2.2;color:#fff;text-align:center;}
.page_wrap {}

/*매뉴얼-HOME*/
.page_img_half {width:50%; display:inline-block;}

/*매뉴얼-SERVICES*/
.page_serv {width:100%;font-size:14px;}
.page_serv {}
.page_serv h2 {font-size:26px; font-weight:500; background:#2a283a;}
.page_serv h4 {font-size:20px;font-weight:400;text-align:center;background:#42404b;color:#34cfb5;}
.page_serv h4:after {content:"";display:block;width:100%;border-bottom:1px dashed #aaa;}
.page_serv h6 {font-size:16px;font-weight:400; color:#fff;}
.page_serv .page_serv_cont {padding:50px 0 20px;font-size:0;text-align:left;}
.page_serv .page_serv_cont_detatil {box-sizing:border-box;display:inline-block; width:50%; vertical-align:top; font-size:14px; padding:20px; padding-bottom:0; color:#c2c2c2;}
.page_vedio {text-align:center;}

/*매뉴얼-Q&A*/
.page_ps {text-align:right;font-size:14px; margin-bottom:20px;}
.page_bar {display:block; width:100%;height:1px;border-bottom:1px dashed #aaa; margin:30px 0;}

/*매뉴얼-contact*/
.page_info {font-size:16px;margin-bottom:20px;}
.page_info .page_info_title {font-size:24px;margin-bottom:20px;font-style:italic;}
.page_info .page_info_detail i {color:#2ed6b6;}
.page_info a {color:#fff; padding:0 4px;}
.page_map {}
.page_form {font-size:14px;margin:30px 0;}
.page_form table {width:600px; margin:0 auto; border-collapse:collapse;}
.page_form table th {text-align:left; font-weight:400;}
.page_form table td {width:500px; }
.page_form table td input,
.page_form table td textarea {box-sizing:border-box; width:100%;border-radius:5px;border:1px solid #ddd;}
.page_form table td input {height:2.5em;}
.page_form table td textarea {height:10em;}
.page_form .btn {    
	display:block;
	text-align: center;
    width: 120px;
    height: 2.5em;
	margin:0 0 0 auto;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #24232a;
    background: #2e2b3f;
    color: #fff;
    border-radius: 5px;
	cursor:pointer;
}



/*매뉴얼 responsive*/

@media screen and (max-width:1200px) {
	#hd_title {
		padding-left:16px;
		font-size:24px;
	}
	#gnb {
		font-size:14px;
	}
	#hd_pop, #hd_wrapper, #tnb ul, #container_wr, #ft_wr {
		width:96%;
	}
}
@media screen and (max-width:810px) {
	#hd_wrapper {
		box-sizing:border-box;
		padding:20px 0;
		line-height:1;
		text-align:center;
	}
	#logo {
		float:none;
	}
	#logo img {
		max-width:100px;
	}
	#hd_title {
		display:block;
		float:none;
		padding:0;
		font-size:22px;
	}
	#gnb{
		position:absolute;
		top:0;
		left:0;
		right:0;
		width:100%;
	}
	#gnb .gnb_wrap {
	}
	#gnb_1dul {
		display:none;
	}
	#gnb .gnb_menu_btn {
		position:absolute;
		display:block;
		font-size:30px;
		background:transparent;
		top:100px;
		transform:translateY(-150%);
	}
	#gnb_all {
		top:100px;
		line-height:1.2;
	}
	#container {
		float:none;
		width:96%;
		margin:20px auto;
	}
	.page_inline {
		display:block;
		text-align:center;
	}
	.page_left,
	.page_right {
		width:100%;
		padding:20px 0;
	}
	.page_title {
		font-size:28px;
		padding:20px 0;
	}
	.page_emb {
		display:inline-block;
		vertical-align:top;
	}
	.page_emb img {
		max-width:75px;
	}
	#ft {
		text-align:center;
	}
	#ft_sns {
		float:none;
	}
}


/*inquire 후보자사이트상담신청*/
.cs-infor{
	text-align:left;
}
.cs-infor h3{
	font-size:24px;
	font-weight:500;
	letter-spacing:1px;
	padding-bottom:32px;
}
.cs-infor p{
	padding-bottom:12px;
}
.cs-infor span{
	font-weight:500;
	margin-right:2px;
}
.cs-infor a{
	color:#fff;
	text-decoration:underline;
}
.cs-infor .cs-txt{
	float:left;
	width:50%;
}
.cs-infor .cs-form{
	float:right;
	width:50%;
}
.row{
	margin-bottom:1%;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
.col-50 {
    float: left;
    width: 49%;
}
.col-50:nth-child(odd){
	margin-right:1% ;
}
.col-50:nth-child(even){
	margin-left:1% ;
}
.cs-form input[type="text"],
.cs-form input[type="email"],
.cs-form input[type="submit"],
.cs-form select, 
.cs-form textarea {
    width: 100%;
	font-family:'Noto Sans KR', sans-serif;
    border: 1px solid #ccc;
    resize: vertical;
	font-size:1rem;
	padding:.5rem 0;
}
.cs-form input[type="submit"]{
    border: none;
	padding:0;
}
.cs-form input, 
.cs-form textarea{
    padding: 0px;	
}
.cs-form select{
	padding:7px;
}
.submit-btn input[type="submit"]{
	font-weight:600;
	background:#2ed6b6;
	color:#fff;
	border:none;
	margin-top:.5rem;
	padding:.75rem 0;
}
.submit-btn input:hover{
	background:#292a2f;
	transition:ease-out .5s
}

	/* inquire modal */

	.modal-window {
		position: fixed;
		background-color: rgba(0, 0, 0, 0.3);
		top: 0;
		right: 0;
		left: 0;
		bottom:0;
		z-index: 9999;
		display: none;
		pointer-events: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.modal-window:target {
		display: block;
		pointer-events: auto;
	}
	.modal-window>div {
		max-width: 598px;
		height:480px;
		position: relative;
		margin: 15% auto;
		padding: 2rem;
		background: #fff;
		color: #444;
		border-radius:.75rem;
		box-shadow: 0 4px 10px 0 hsla(0, 0%, 0%, 0.3);
	}
	.modal-con{
		height:345px;
		overflow: hidden;
	}
	.modal-inner {
		height:100%;
		overflow-y: auto;
	}
	.modal-window header {
		font-weight: bold;
	}

	.modal-close {
		color: #555;
		font-weight:600;
		line-height: 50px;
		position: absolute;
		right: 16px;
		text-align: center;
		top: 10px;
		width: 70px;
		text-decoration: none;
	}

	.modal-close:hover {
		color: #000;
	}

	.modal-window h1 {
		font-size: 150%;
		margin: 0 0 15px;
		padding-bottom:1.5rem;
		border-bottom:1px solid #ddd;
	}
	.modal-window h3{
		padding:.5rem 0;
	} 
	.modal-window p{
		font-size: 14px;
		line-height:1.6;	
		padding-bottom:1rem;
	}


/*homepage 후보자사이트제작안내*/

.sub-title{
	text-align:center;
	line-height:1.4;
	margin:6% 0 8% 0;
}
.sub-title h1{
	font-size:26px;
	color:#333;
	padding-bottom:20px;
}
.sub-title p{
	font-size:19px;
	color:#666;
	font-weight: 300;
}

.sub-tab{
	text-align:center;
	font-size:16px;
	margin-bottom:5%;
	background:#504f5a;
}
.sub-tab li{
	display:inline-block;
	padding:20px;
	margin:0 2%;
	position:relative;
}
.sub-tab li a {
	color:#fff;
}
.sub-tab .now::before{
    content: '';
    display: block;
    width: 90px;
    height: 4px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -45px;
}
.info-top .hp-img{
	width:48%;
	text-align:center;
	float:left;
}
.info-top .hp-img img{
	width:100%;
	max-width:580px;
}
.info-top .info-text {
    width: 48%;
    margin: 0 0 0 4%;
	color:#fff;
    float: left;
}
.info-text h3{
	display:block;
	font-size:18px;
	font-weight: 500;
	letter-spacing: -0.05em;
	color:#2ed6b6;
	padding-bottom:5px;
}
.info-text p{
	font-weight:300;
}
.info-text b {
	font-weight:450;
}

.info-text-border{
	display:block;
	width:100%;
	height:1px;
	background-color:#ddd;
	margin:10px 0;
}
.info-text .price{
	font-size:28px;
	font-weight: 400;
	color:#2ed6b6;
}
.info-text .contact-bt{
    display: inline-block;
    padding: 0px 15px;
	margin-top: 10px;
    line-height: 38px;
    background-color: #2ed6b6;
    border-radius: 5px;
    color: #fff;
}

.contact-bt:hover {

	background-color:#a59172;
}

.info-process {
	padding-top:40px;
}

.info-process .info-pro-box{
    text-align: center;
    width: 31.333%;
    height: 225px;
    margin: 1% 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
    float: left;
    line-height: 1.5em;
    font-weight: 300;
}
.info-process .info-pro-box-middle{
	margin: 1% 2%;
}
.info-process .hp-img img {
	width:100%;
}



#footer {width:100%;margin-top:30px;height:196px;background:#33313b;font-family:'Noto Sans KR', sans-serif }
.ft-wrap {width:1200px;margin:auto;}
.ft-logo {width:200px;float:left;padding-top:20px;}
.ft-info {width:1000px;float:right;text-align:right;color:#96959e;font-size:11px;padding-top:20px;}
.ft-info .webslink {color:#fff;}
.tail_account {
	font-size:12px;
	color:#fff;
}


.manual_nav {
	padding-bottom:10px;
}
.manual_nav a {
	font-size:14px; 
	color:#ddd;
}

 .manual_nav dt,
 .manual_nav dd {
	display:inline-block;
	margin:0;
	line-height:1em;
}
 .manual_nav dt {
	padding:0 10px;
	margin-right:10px;
	color:#fff;
	font-weight:500;
	font-size:16px;
	border-right:2px solid #fff;
}
 .manual_nav dd:after {
	content:"·";
	padding:0 6px;
	color:#eee;
}
 .manual_nav dd:last-child:after {
	display:none;
}
.sns_btn {min-height:54px;font-size:18px;letter-spacing:-1px;text-align:left;color:#fff;}
.sns_btn:before, 
.sns_btn:after { content:"";display:block;clear:both;}

.bo_v_snswr{position:relative;float:right}
#bo_v_sns {;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;width:50px;text-align:center;margin-left:3px}
#bo_v_sns li a{height:20px;padding:10px 0;}
#bo_v_sns li .sns_f{display:block;background:#415b92;border-radius:3px}
#bo_v_sns li .sns_t{display:block;background:#35b3dc;border-radius:3px}
#bo_v_sns li .sns_g{display:block;background:#d5503a;border-radius:3px}
#bo_v_sns li .sns_k{display:block;background:#fbe300;border-radius:3px}
#bo_v_sns li img{vertical-align:top}
.btn_scrap {display:inline-block; margin:5px 0; padding:10px 0; width:240px; text-align:center; background:#333; color:#ffff; font-size:16px; border-radius:5px;font-family:'Noto Sans KR'}

.candidateList-action {
   padding: 1em 0;
   text-align: center; 
}
#btnCandidateLsit {
   padding: 15px 30px;
   color: #fff;
   font-size: 16px;
   line-height: 1;
   background-color: #12b1a1;
   border: 0;
}
   #btnCandidateLsit.loading {
      cursor: progress;
      opacity: 0.5;
      background: #0d0d0f url('images/ajax-loader.gif') no-repeat 50% 50%;
      background-size: auto 30px;
   }



   
/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
-webkit-box-shadow: inset 1px 1px 2px #222542;
-moz-box-shadow:  inset 1px 1px 2px #222542;
box-shadow: inset 1px 1px 2px #222542;
}
.tab_tab {
    display: inline-block;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.tab_tab li {
    float: left;
    height: 20px;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -1px;
    text-align: center;
    color: #777;
    cursor: pointer;
    margin: 0px 10px;
}

ul.tab_tab li.current {
    color: #ee4646;
}