@charset "utf-8";
@media screen and (max-width: 1280px) {

}


@media screen and (max-width: 960px) {

	ul.dash_nav { display:block;font-size:0px;margin-left:0%; }
	ul.dash_nav > li { display:block;width:auto;margin-left:0px; }
	ul.dash_nav > li + li { margin-top:10px; }
	section .join_wrap { width:auto;padding-top:50px;padding-bottom:50px; }
	section .private_wrap { width:auto;padding-top:50px;padding-bottom:50px; }

}

@media screen and (max-width: 640px) {
	header .top { padding:10px 0px;}
	header .top > nav { display:inline-block;margin-left:5px;position: relative; }
	header .top > nav > button { display: inline-block;width:40px;height:40px;background: #111;font-family: 'xeicon' !important;vertical-align: top;}
	header .top > nav > button::before { display:block;width:40px;height:40px;line-height: 40px;text-align: center;content: "\e938";color:#fff;font-size:20px; }
	header .top > nav > button.opened { background: #555;}
	header .top > nav > button.opened::before { content: "\e932"; }
	header .top > nav > ul { display:none;position: absolute;top:50px;left:0px;background: #555;width:150px;}
	header .top > nav > ul > li { display:block; }
	header .top > nav > ul > li > a { padding:0px 20px;line-height:44px;height:44px;font-size:15px; }
	header .top > nav > ul > li + li { border-top:1px solid #444; }

	header .top > nav > button.opened + ul { display:block;}

	section .login_wrap { width:auto;padding-left:20px;padding-right:20px; }
	section .join_wrap { width:auto;padding-top:50px;padding-bottom:50px; }
	section .find_wrap { width:auto; }

	div.reg_form > .row { position: relative;padding:10px 5px 10px 5px !important;font-size:0px; }
	div.reg_form > .row > label { position: relative;;top:auto;left:auto;line-height:24px;height:24px;padding:0px 0px;color:#333; width:auto;margin-bottom:2px;}
	div.reg_form > .row.sub { background: #f8f8f8;}
	div.reg_form > .row.sub > label { left:15px;width:140px; }
	div.reg_form > .row.required > label:after { display:inline-block;height:24px;line-height:24px;font-family: 'FontAwesome';content: "\f069";font-size:10px;color:#ed6355;vertical-align: bottom;margin-left:3px;}
	div.reg_form > .row > span { display:block;width:auto;}
	div.reg_form > .row > span.url { width:auto; }
	div.reg_form > .row > span.sel { width:auto; }
	div.reg_form > .row > span.att { width:auto; }
	div.reg_form > .row > p.comment { display:block;line-height:20px;margin-left:0px;margin-top:5px;font-size:12px;}
	div.reg_form > .row > span.name,
	div.reg_form > .row > span.nick,
	div.reg_form > .row > span.birth,
	div.reg_form > .row > span.phone,
	div.reg_form > .row > span.email,
	div.reg_form > .row > span.id  { width:auto;}

	div.reg_form > .row > span.cprice { width:auto; }
	div.reg_form > .row > span.cprice + span.cprice { margin-left:0px;margin-top:5px;}

	div.reg_form > .row > span.chk { margin-left:0px;}
	div.reg_form > .row > span.address,
	div.reg_form > .row > span.address_detail,
	div.reg_form > .row > span.zip { width:auto; }
	div.reg_form > .row > span.zip > button { position: absolute;top:2px;right:2px;line-height:34px;height:34px;display:block;padding:0px 15px;text-align:center;font-size:13px;color:#fff;background:#444;border-radius: 2px;}

	div.reg_form > .row > .new_box span { width:auto; }
	div.reg_form > .career_wrap .row { position: relative;padding:10px 5px 5px 5px;font-size:0px;border-bottom:0px solid #eee; }
	div.reg_form > .career_wrap .row > label { position: relative;;top:auto;left:auto;line-height:24px;height:24px;padding:0px 0px;color:#333; width:auto;margin-bottom:2px;}

	div.reg_form > .row > span { height: auto; }
	div.reg_form > .row > span.chk label + label { margin-left: 0; }

	div.reg_form > div.licensee > .row { position: relative;padding:10px 5px 10px 5px !important;font-size:0px; }
	div.reg_form > div.licensee > .row label { position: relative;;top:auto;left:auto;line-height:24px;height:24px;padding:0px 0px;color:#333; width:auto;margin-bottom:2px;}
	div.reg_form > div.licensee > .row > span.sel { display: block; margin-bottom: 5px; }
	div.reg_form > div.licensee > .row > span.account_number { margin-bottom: 5px; }
	div.reg_form > div.licensee > .row > span.name,
	div.reg_form > div.licensee > .row > span.duplicate,
	div.reg_form > div.licensee > .row > span.depositor,
	div.reg_form > div.licensee > .row > span.account_number,
	div.reg_form > div.licensee > .row > span.sel { width:100%;}
	div.reg_form > div.licensee > .row > span.chk label { margin-right: 10px; }

	section .cnts_btns { display:block;overflow: hidden;font-size:0px;text-align:center;margin-top:50px;}
	section .cnts_btns > a { padding:0px 0px;}
	section .cnts_btns > a + a {  margin-left:5px; }
	section .cnts_btns.fixed > a { width:120px; }
	section .cnts_btns > button { padding:0px 0px;}
	section .cnts_btns > button + button { margin-left:5px; }
	section .cnts_btns.fixed > button { width:120px; }

	.container { padding:0px 15px; }

	.search_area { padding-bottom:10px; }
	.search_area > form { font-size:0px; }
	.search_area > form > select { box-sizing: border-box;width:30% !important;margin-right:1%;}
	.search_area > form > input[type=text] { box-sizing: border-box;width:45% !important;line-height:38px;height:38px;margin-right:1%;}
	.search_area > form > a.search_btn { box-sizing: border-box;width:23% !important;line-height:38px;height:38px;}

	.table_topper > label { display:inline-block; }

	.board_list { display:block; }
	.tb_wrap { display:none; }
	.board_list > ul > li > a { display:block;padding:15px 0px;padding-left:25px; }
	.board_list > ul > li > label {left:0px;}

	.board_list > ul > li > a > p > span > em { display:none;}
	.board_list > ul > li > a > p > span + span { margin-left:21px; }
	.board_list > ul > li > a > p > span + span::before { left:-11px;}
	.board_list > ul > li > a > p > span.right { float:right;}
	.board_list > ul > li > a > p > span.right > em { display:inline-block; }
	.board_list > ul > li > a > p > span.right::before { display:none; }
	.board_list > ul > li > a > p > span + span
	.board_list > ul > li > a > i { right:0px; }

	.board_detail { padding-top:20px; }
	.board_detail > .topper { padding:15px 0px; }
	.board_detail > .topper > p > span > em { display:none;}
	.board_detail > .topper > p > span + span { margin-left:21px; }
	.board_detail > .topper > p > span + span::before { left:-11px;}
	.board_detail > .contents { padding:15px 0px; }
	.board_detail > .contents > em { display:none; }
	.board_detail > .share { padding:15px 0px;padding-left:85px;padding-bottom:50px; }
	.board_detail > .share > em { left:0px; }

	.board_detail > .share > .url { top:auto;bottom:10px;left:0px;right:0px;width:auto;border-radius: 3px;}
	.board_detail > .share > .url > a { border-radius: 5px; }

	.board_detail > .files { padding:8px 0px;}
	.board_detail > .status { padding:10px;}
	.board_detail > .topper > i { right:0px; }

	.board_form { padding-top:20px; }
	table.info { border-top:0px solid #333333;}
	table.info th { display:block;width:100%;text-align:left;background:#fff; border-bottom:0px solid #e6e6e6;font-weight:400;padding:0px;padding-top:15px;}
	table.info th.trans {background-color:#ffffff;}
	table.info th.cnt_ex {padding:10px 0px;}
	table.info th span { display:inline-block;margin-left:5px;margin-top:0px; }
	table.info td { display:block;background-color:#ffffff;font-weight:normal;text-align:left; padding:5px 0px; border-bottom:1px solid #e6e6e6;}
	table.info td input[type=text] { width:100% !important;box-sizing: border-box;}
	table.info td input[type=file] { width:100% !important;box-sizing: border-box;}

	table.info td select.half {width:100%;}

	.board_detail > .comment { padding:10px; }
	.board_detail > .comment .list { margin-bottom:10px; }
	.board_detail > .comment .list > dl > dd + dd { margin-top:10px }
	.board_detail > .comment .reg { padding-top:10px;}

	ul.tab_menu li { font-size:13px;}
	ul.tab_menu li > span { display:none; }

	table.info th.sort { padding:0px;padding-top:15px; }
	table.info th > a.row_sort { display:none; }
	table.info th.sort + td { padding-bottom:15px; }

	div.tab_area > a { background: #f4f4f4;padding:5px;display:block;}

	.popup {position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:auto;padding:0px;height:auto;background:#fff;
		-ms-transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
		 -webkit-box-shadow:  0px 0px 80px 20px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);
		 z-index:999;display:block;
	 }
	 .popup > section { width:100% !important;height:calc( 100% - 142px ) !important; }

}