

/* 기준 */
body{min-width:1280px;padding-top:100px;}
.wrap{position:relative;width:1200px;margin:0 auto;}


/* 레이아웃 */
.header{position:fixed;left:0;top:0;z-index:100;width:100%;height:100px;background:#fff;border-bottom:1px solid #979797;}
.container{overflow:hidden;}

/* 헤더 */
h1{position:absolute;left:0;top:25px;}
.top_select{position:absolute;left:180px;top:30px;width:200px;height:40px;font-size:14px;letter-spacing:-2px;color:#4a4a4a;border:1px solid #ccc;border-radius:5px;background:url('/design/images/common/bg_select_arr.png') no-repeat right 16px;padding:0 10px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
.top_select::-ms-expand {display: none;}/* 화살표 없애기 for IE10, 11*/

.btn_partner{display:block;position:absolute;right:0;top:30px;width:110px;height:40px;line-height:39px;font-size:14px;letter-spacing:-1.5px;text-align:center;color:#2277B7;border:1px solid #2277B7;transition:all 0.3s;}
.btn_partner:hover{color:#fff;background:#2277B7;}
.header_menu{;position:absolute;left:450px;top:30px;overflow:hidden;width:auto;}
.header_menu li{float:left;}
.header_menu li a{display:block;height:40px;line-height:40px;font-size:16px;font-weight:500;letter-spacing:-1px;color:#4a4a4a;padding:0 15px;transition:all 0.3s;}
.header_menu li a:hover, .header_menu li a.on{color:#2277B7;}

.sub_menu{position:relative;width:100%;border-bottom:1px solid #f1f1f1;}
.sub_menu .depth_1{overflow:hidden;width:100%;}
.sub_menu .depth_1 li{float:left;}
.sub_menu .depth_1 li a{display:block;height:60px;line-height:60px;font-size:18px;font-weight:500;letter-spacing:-1px;color:#9b9b9b;padding:0 20px;transition:all 0.3s;}
.sub_menu .depth_1 li a:hover, .sub_menu .depth_1 li a.on{color:#2277B7;}

.depth_2{background:#f5f5f5;}
.depth_2 ul{overflow:hidden;width:100%;height:60px;}
.depth_2 li{float:left;}
.depth_2 li a{display:block;height:60px;line-height:60px;font-size:16px;font-weight:500;letter-spacing:-1px;color:#2277B7;padding:0 20px;}
.depth_2 li a:hover, .depth_2 li a.on{border-bottom:2px solid #2277B7;}


/* 푸터 */
.footer{height:80px;margin-top:50px;}
.footer div{font-size:14px;color:#767676;border-top:1px solid #dbdbdb;padding-top:20px;}
.footer ul{display:inline-block;float:right;}
.footer ul li{display:inline;padding-left:10px;}
.footer ul li a{font-size:14px;color:#767676;}
.footer ul li a i{color:#767676;}


/* 공통항목 */
input::-webkit-input-placeholder {color: #000 !important;}/* Webkit */
input:-moz-placeholder {color: #000 !important;}/* Firefox 4-18 */
input::-moz-placeholder {color: #000 !important;}/* Firefox 19+ */
input:-ms-input-placeholder {color: #000 !important;}/* IE10+ */

.input{
	-webkit-appearance: none;
	/*height: 60px;*/
	/*font-size: 16px;*/
	/*color: #6747cd;*/
	/*border: 1px solid #ddd;*/
	/*border-radius: 5px;*/
	background: #fff;
	padding: 0 12px;

	height: 32px;
	font-size: 14px;
	color: #000;
	border: 1px solid #E2E2E2;
	border-radius: 2px;

}
input[type="text"]:focus{border:1px solid #2277B7;border-radius: 2px;}

input[type=file]{/*padding-top:15px;*/}

/* check box, radio  - 기본엘리먼트 대신 체크 라벨 적용 */
input[type=checkbox], [type=radio]{display: none;}

input[type="radio"] + label,
input[type="checkbox"] + label{position: relative;display: block;width: calc(100% - 25px);padding: 15px 0px 15px 25px;color: #999;cursor: pointer; }

input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label {color: #2277B7; }

input[type="radio"] + label:before,
input[type="checkbox"] + label:before,
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before{content: "";position:absolute;display:block;left: 0;top:19px;width:20px;height:20px;background-size:20px;background-repeat:no-repeat;}

input[type="radio"] + label:before,
input[type="checkbox"] + label:before{background-image: url('/design/images/common/check.png');}

input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before{background-image: url('/design/images/common/check_on.png');}

.btn{display:inline-block;height:60px;line-height:60px;text-align:center;font-size:20px;color:#fff;border-radius:5px;transition:all 0.3s;}
.btn.violet{background:#6747cd;}
.btn.violet:hover{background:#4d2eaf;}

.btn_medium{display:inline-block;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;transition:all 0.3s;}
.btn_medium.violet{background:#6747cd;}
.btn_medium.violet:hover{background:#4d2eaf;}

.btn_medium.violet_l{color:#6747cd;background:#fff;border:1px solid #6747cd;line-height:39px}
.btn_medium.violet_l:hover{color:#fff;background:#4d2eaf;}

.btn_medium.del{color:#A20909;background:#fff;border:1px solid #A20909;line-height:39px}
.btn_medium.del:hover{color:#fff;background:#A20909;}


/* 인트로 */
.m_container {
	overflow: hidden;
	height: 950px;
	/*background: #f7f7f9;*/
	background: #F8F8F8;
}


/* 로그인 */
.box_login {
	width: 375px;
	height: 424px;
	background: #fff;
	/*border: 1px solid #ddd;*/
	/*border-radius: 5px;*/
	margin: 241px auto 0;
	/*padding: 0 20px;*/

	border: 1px solid #E2E2E2;
	border-radius: 10px;
	padding: 24px;
}
.box_login h2{
	/*height: 60px;*/
	/*line-height: 60px;*/
	/*font-size: 18px;*/
	/*font-weight: 500;*/
	/*letter-spacing: -1px;*/
	/*color: #4a4a4a;*/
	padding: 0 10px;
	font-family: 'Pretendard', 'Noto Sans KR', 'dotum', '돋움', sans-serif;

	line-height: 32px;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #333;
	text-align: center;
	margin-bottom: 40px;
}
.box_login label{
	display: inline-block;
	/*height: 30px;*/
	/*line-height: 30px;*/
	font-size: 14px;
	/*color: #9b9b9b;*/
	/*padding-left: 10px;*/

	line-height: 24px;
	margin-bottom: 4px;
}
.box_login input.input{
	margin-bottom: 16px;
}
.box_login input.input:focus{
	border: 1px solid #A20909;
}
/* 비밀번호 찾기 */
.box_login a{
	display: inline-block;
	/*height: 30px;*/
	/*line-height: 30px;*/
	/*font-size: 14px;*/
	/*color: #9b9b9b;*/
	/*padding: 10px 0 0 10px;*/

	padding-top: 16px;
	font-size: 13px;
	color: #666;
}
.box_login .login_btn{
	height: 48px;
	border-radius: 5px;
	font-size: 16px;
	background: #A20909;
	color: #fff;
}

.m_contents{overflow:hidden;margin-top:50px;}
.m_contents > li{float:left;width:25%;font-size:16px;color:#444;font-weight:600;}
.m_contents > li > ul{margin-top:30px;}
.m_contents > li > ul > li{line-height:34px;font-size:14px;color:#898989;}
.m_contents > li > ul > li a{display:block;font-size:14px;color:#333;}
.m_contents > li > ul > li a:hover{text-decoration:underline;}


/* 제어버튼 */
.control{position:relative;overflow:hidden;padding:10px 0;}


/* 검색 */
.top_search{display:inline-block;}
.top_search input:nth-child(1){height:40px;font-size:14px;color:#2277B7;border:1px solid #2277B7;padding:0 10px;vertical-align:top;}
.top_search input::-webkit-input-placeholder {color: #c3c3c3 !important;}/* Webkit */
.top_search input:-moz-placeholder {color: #c3c3c3 !important;}/* Firefox 4-18 */
.top_search input::-moz-placeholder {color: #c3c3c3 !important;}/* Firefox 19+ */
.top_search input:-ms-input-placeholder {color: #c3c3c3 !important;}/* IE10+ */


/* 테이블 리스트 */
.table_list{width:100%;}
.table_list thead tr{background:#fafafa;}
.table_list thead th{height:40px;text-align:center;font-size:14px;font-weight:500;color:#8a8a8a;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.table_list thead th:first-child{border-left:1px solid #e6e6e6;}
.table_list td{padding:12px 20px 11px;font-size:15px;text-align:center;color:#000;border-bottom:1px solid #eee;}
.table_list td a{font-size:15px;color:#000;}
.table_list tbody tr:hover{background:#fefefe;}


/* 페이지 넘버 */
.num{position:relative;height:40px;font-size:14px;border:1px solid #e6e6e6;background:#fafafa;margin-top:50px;padding:0 20px;}
.num ul{display:inline-block;overflow:hidden;width:auto;vertical-align:middle;}
.num ul li{float:left;display:inline-block;}
.num ul li a{display:inline-block;height:38px;line-height:38px;font-size:14px;color:#ccc;padding:0 5px;vertical-align:middle;}
.num ul li a:hover, .num a.on{color:#4a4a4a;}
.num a{display:inline-block;height:38px;line-height:38px;vertical-align:middle;}
.num a img{vertical-align:middle;}/*vertical-align:middle; padding-top:3px;*/
.num .local{font-size:14px;color:#000;padding:0 15px;}
.num input{width:auto;height:30px;text-align:center;font-size:14px;color:#4a4a4a;border:1px solid #ccc;background:#fff;margin-top:4px;width:40px;}
.num .info{position:absolute;right:20px;top:0px;font-size:14px;line-height:38px;color:#a8a8a8;}


/* 게시판 콘텐츠 */
.board_contents{line-height:24px;margin-top:30px;}
.board_contents .title{font-size:30px;font-weight:500;color:#000;letter-spacing:-1px;margin-bottom:20px;}
.sub_info{display:block;margin-bottom:50px;font-size:14px;color:#787878;}
.sub_info img{vertical-align:middle;margin-right:5px;}


/* 게시판 글작성 폼필드 */
.form_field{overflow:hidden;}
.form_field  em{display:block;height:60px;line-height:60px;font-size:18px;font-weight:500;letter-spacing:-1px;color:#4a4a4a;;padding:0 10px;font-family: 'Pretendard', 'Noto Sans KR', 'dotum', '돋움', sans-serif;}
.form_field label{display:inline-block;height:30px;line-height:30px;font-size:14px;color:#9b9b9b;padding-left:10px;}

.notice_check{position:absolute;right:20px;top:30px;}

.ne{display:table;width:100%;}
.naver_edit{display:table-cell;height:400px;font-size:16px;text-align:center;border:1px solid #ddd;vertical-align:middle;}

