@charset "utf-8";

/********** 한글우선입력 **********/
input[type=text] {
	-webkit-ime-mode:active;
	-moz-ime-mode:active;
	-ms-ime-mode:active;
	ime-mode:active;
}

/********** skip_nav **********/
.skip_nav {position:relative;z-index:1000;display:block;overflow:hidden;height:0;background:#000;text-align:center;}
.skip_nav:focus {overflow:auto;height:auto;padding:5px 0;color:#fff;}


/********** 숨김 **********/
.hide {overflow:hidden;position:absolute;left:-9999px;top:9999px;width:0;height:0;font-size:0;}


/********** 말줄임(공지사항 리스트_가로값과 같이사용) **********/
.ellipsis {overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}


/********** 가로값 **********/
.wh100p {width:100%;}
.wh99p {width:99%;}
.wh70p {width:70%;}
.wh50p {width:50%;}
.wh45p {width:45%;}
.wh40p {width:40%;}
.wh30p {width:30%;}
.wh200 {width:200px;}
.wh70 {width:70px;}
	/*모바일*/
	@media only screen and (max-width:767px){
		.wh99p,
		.wh70p,
		.wh50p,
		.wh45p,
		.wh40p,
		.wh30p {width:100%;}
		.wh200 {width:100%;}
	}

/********** 폰트색상 **********/
.cr_red {color:#ff0000;}
.cr_blue {color:#2979dc;}
.cr_green {color:#578a00;}
.cr_yellow {color:#ffa800;}
.cr_gray {color:#999;}
.cr_black {color:#000;}


/********** 정렬 **********/
.ta-l {text-align:left;}
.ta-c {text-align:center !important;}
.ta-r {text-align:right !important;}
.vt-t {vertical-align:top;}
.vt-c {vertical-align:middle;}
.vt-b {vertical-align:bottom;}


/********** 전역클래스 **********/
.ft-l {float:left;}
.ft-r {float:right;}
.block {display:block;}
.inblock {display:inline-block;}
.overflow {overflow:hidden;}
.clear:after {content:"";display:block;clear:both;}
.bold600 {font-weight:600;}
.bold {font-weight:bold;}


/********** 폰트사이즈 **********/
.ft16 {font-size:16px !important;}


/********** 타이틀 **********/
.tith4 {position:relative;line-height:30px;margin-bottom:30px;padding-left:15px;font-size:24px;font-weight:700;color:#000;}
.tith4:after {content:"";position:absolute;left:0;top:3px;width:5px;height:26px;background:#899eaf;}
.tith4_bg {line-height:30px;margin-bottom:15px;padding-left:30px;font-size:24px;font-weight:700;color:#222;background:url(./../img/common/tith4.png) left 7px no-repeat;}
.tith5 {position:relative;line-height:24px;margin-bottom:10px;padding-left:15px;font-size:18px;font-weight:normal;color:#222;}
.tith5:after {content:"";position:absolute;left:0;top:11px;width:5px;height:5px;background:#9aa0a6;}
.tith6 {position:relative;padding-left:15px;margin-left:15px;font-size:15px;color:#000;}
.tith6:after {content:"";position:absolute;left:0;top:9px;width:7px;height:7px;background:#86c43e;border-radius:100%;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.tith4 {margin-bottom:25px;font-size:22px;}
		.tith4:after {height:24px;}
		.tith4_bg {margin-bottom:25px;padding-left:30px;font-size:22px;}
		.tith5 {font-size:17px;}
	}

/********** 참고텍스트 **********/
/* 느낌표_흰배경파란 */
.point1 {display:block;padding-left:20px;background:url(./../img/common/ico_caution1.gif) no-repeat 0 6px;}
/* 느낌표_흰배경빨강 */
.point2 {display:block;padding-left:20px;background:url(./../img/common/ico_caution2.gif) no-repeat 0 6px;}
/* 느낌표_빨강배경흰색 */
.point3 {display:block;padding-left:20px;background:url(./../img/common/ico_caution3.png) no-repeat 0 6px;}
/* 당구장표시 */
.point4 {display:block;padding-left:14px;background:url(./../img/common/bul_focus.gif) no-repeat 0 9px;}


/********** 리스트 **********/
/* 리스트_1 */
.list1 > li {position:relative;line-height:28px;margin:7px 0;padding-left:15px;font-size:18px;color:#5a5a5a;}
.list1 > li:after {content:"";position:absolute;left:0;top:12px;width:5px;height:5px;background:#9aa0a6;}
/* 리스트_2 */
.list2 > li {position:relative;line-height:30px;padding:0 0 0 15px;font-size:16px;color:#5a5a5a;}
.list2 > li:after {content:"";position:absolute;left:0;top:15px;width:5px;height:1px;background:#7f7f7f;}
/* 리스트_3 */
.list3 > li {position:relative;padding-left:12px;font-size:14px;color:#666;}
.list3 > li:after {content:"";position:absolute;left:0;top:11px;width:3px;height:1px;background:#777;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* 리스트_1 */
		.list1 > li {font-size:17px;}
	}


/********** 버튼 **********/
.btn_box {text-align:center;}
/* 기본 */
.btn_bace {display:inline-block;height:45px;line-height:45px;padding:0 30px;background:#555;border:1px solid #555;cursor:pointer;color:#fff;text-align:center;}
.btn_bace span {display:inline-block;background:url(./../img/common/bace_img.png) no-repeat;vertical-align:middle;}
.btn_bace:hover,.btn_bace:focus,.btn_bace:active {background:#000;border:1px solid #000;color:#fff;}
	/* 대 */
	.btn_bace_large {height:55px;line-height:55px;}
	/* 소 */
	.btn_bace_small {height:45px;line-height:45px;}
	/*모바일*/
	@media only screen and (max-width:767px){
		.btn_bace {height:45px;line-height:45px;font-size:14px;}
		.btn_bace_large {height:45px;line-height:45px;font-size:14px;}
	}

/* 색상 */
.btn_blue {background:#2786d8;border:1px solid #2786d8;color:#fff;}
.btn_blue:hover,.btn_blue:focus,.btn_blue:active {background:#000;border:1px solid #000;color:#fff;}
.btn_orange {background:#ff8900;border:1px solid #ff8900;color:#fff;}
.btn_orange:hover,.btn_orange:focus,.btn_orange:active {background:#000;border:1px solid #000;color:#fff;}

/* 선버튼 */
.btn_line {display:inline-block;height:50px;line-height:50px;padding:0 30px;background:#fff;border:1px solid #d8d8d8;text-align:center;color:#222;}
.btn_line span {display:inline-block;background:url(./../img/common/bace_img.png) no-repeat;vertical-align:middle;}
.btn_line:hover,.btn_line:focus,.btn_line:active {border-color:#222;text-decoration:none;}
	/* 대 */
	.btn_line_large {height:55px;line-height:55px;}
	/* 소 */
	.btn_line_small {height:45px;line-height:45px;padding:0 15px;}
	/*파일버튼종류*/
	.btn_line .down {width:19px;height:18px;background-position:0 0;margin-left:10px;}/* 파일다운로드 */
	/*모바일*/
	@media only screen and (max-width:767px){
		.btn_line {height:45px;line-height:45px;font-size:14px;}
		.btn_line_large {height:45px;line-height:45px;padding:0 15px;font-size:14px;}
		.btn_line_small {height:45px;line-height:45px;padding:0 5px;font-size:14px;}
	}

/* 라디오 버튼 */
.checks {position: relative;}
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label {vertical-align:middle; display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 26px; height: 26px; text-align: center; background: #fff; border: 1px solid #e4e4e4; border-radius: 100%; }
.checks input[type="radio"]:hover + label:before,
.checks input[type="radio"]:focus + label:before,
.checks input[type="radio"]:active + label:before {border:3px dotted #000;}
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { }
.checks input[type="radio"]:checked + label:before {  }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 3px; left: 7px; width: 12px; height: 12px; background: #004c9d; border-radius: 100%;}

/* 체크 버튼 */
.checks {position:relative;}
.checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0}
.checks input[type="checkbox"] + label {  display: inline-block;  position: relative;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';  display: inline-block;  width: 26px; height: 26px; line-height: 26px; margin: -2px 8px 0 0;  text-align: center; 
  vertical-align: middle;  background:url(./../img/common/icon_checks_off.gif) no-repeat;}
.checks input[type="checkbox"]:hover + label:before,
.checks input[type="checkbox"]:focus + label:before,
.checks input[type="checkbox"]:active + label:before {border:3px dotted #000;}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {}
.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: ''; color: #99a1a7;  text-shadow: 1px 1px #fff;  background:url(./../img/common/icon_checks_on.gif) no-repeat; font-size:14px; color:red;}

/* 확대보기 */
.img_full a {display:none;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.img_full a {display:block;line-height:40px;margin-top:20px;font-size:18px;font-weight:500;text-align:center;}
	}


/********** 테이블 **********/
caption {overflow:hidden;height:0px;}/* 사파리에서 공백생기므로 font-size:0으로는 안됨 */
.tableA {width:100%;word-break:break-all;font-size:16px;color:#5a5a5a;letter-spacing:-1px;border-bottom:1px solid #a5acb2;text-align:center;}
.tableA thead th {padding:15px;background:#e7ebed;border-left:1px solid #a5acb2;border-top:1px solid #a5acb2;color:#000;text-align:center;}
.tableA thead th:first-child {border-left:0;}
.tableA tfoot th {padding:15px;background:#e8e8e2;border-top:1px solid #a5acb2;}
.tableA tfoot th {padding:15px;border-left:1px solid #a5acb2;border-top:1px solid #a5acb2;background:#e8e8e2;}
.tableA tbody th {padding:15px;border-left:1px solid #a5acb2;border-top:1px solid #a5acb2;vertical-align:middle;color:#000;font-weight:normal;text-align:center;}
.tableA tbody th.bg_color {background:rgba(247,203,204,0.7)}
.tableA tbody td {padding:15px;border-left:1px solid #a5acb2;border-top:1px solid #a5acb2;}
.tableA tbody td.bor {border-top:1px solid #a5acb2;}
.tableA tbody tr th:first-child,
.tableA tbody tr td:first-child {border-left:0;}
.tableA tbody tr:first-child th,
.tableA tbody tr:first-child td {border-top:1px solid #a5acb2;}
.tableA tbody tr th.bd_none,.tableA tbody tr td.bd_none,
.tableA thead tr th.bd_none,.tableA thead tr td.bd_none {border-left:0;}
.tableA tbody tr th.bd_left,.tableA tbody tr td.bd_left,
.tableA thead tr th.bd_left,.tableA thead tr td.bd_left {border-left:1px solid #a5acb2;}
.tableA tbody td.tit {position:relative;line-height:normal;padding:45px 15px 20px 15px;/* text-align:center; */font-size:24px;color:#222;background:#eef6fe;}
.tableA tbody td.tit .title .g_condi {position:absolute;left:0;top:-2px;}
/* .tableA tbody td.tit .title {display:inline-block;}
.tableA tbody td.tit .title .g_condi {float:left;margin-right:20px;} */
.tableA tbody td.tit .info {margin-top:5px;font-size:16px;text-align:right;}

.tableA.form_table {width:100%;word-break:break-all;font-size:16px;color:#5a5a5a;letter-spacing:-1px;border-bottom:1px solid #a5acb2;text-align:center;}
.tableA.form_table thead th {padding:15px;background:#e7ebed;border-left:1px solid #a5acb2;border-top:1px solid #a5acb2;color:#000;text-align:center;}
.tableA.form_table thead th:first-child {border-left:0;}
.tableA.form_table tfoot th {padding:15px;background:#e8e8e2;border-top:1px solid #a5acb2;}
.tableA.form_table tfoot th {padding:15px;border-left:1px solid #a5acb2;border-top:1px solid #a5acb2;background:#e8e8e2;}
.tableA.form_table tbody th {padding:15px;background:#e7ebed;border-left:1px solid #a5acb2;border-top:1px solid #a5acb2;vertical-align:middle;color:#000;font-weight:normal;text-align:center;}
.tableA.form_table tbody th.bg_color {background:rgba(247,203,204,0.7)}
.tableA.form_table tbody td {padding:15px;border-left:1px solid #a5acb2;border-top:1px solid #a5acb2;}
.tableA.form_table tbody td.bor {border-top:1px solid #a5acb2;}
.tableA.form_table tbody tr th:first-child,
.tableA.form_table tbody tr td:first-child {border-left:0;}
.tableA.form_table tbody tr:first-child th,
.tableA.form_table tbody tr:first-child td {border-top:1px solid #a5acb2;}
.tableA.form_table tbody tr th.bd_none,.tableA.form_table tbody tr td.bd_none,
.tableA.form_table thead tr th.bd_none,.tableA.form_table thead tr td.bd_none {border-left:0;}
.tableA.form_table tbody tr th.bd_left,.tableA.form_table tbody tr td.bd_left,
.tableA.form_table thead tr th.bd_left,.tableA.form_table thead tr td.bd_left {border-left:1px solid #a5acb2;}
.tableA.form_table tbody td.tit {position:relative;line-height:normal;padding:45px 15px 20px 15px;/* text-align:center; */font-size:24px;color:#222;background:#eef6fe;}
.tableA.form_table tbody td.tit .title .g_condi {position:absolute;left:0;top:-2px;}

.tableB {width:100%;word-break:break-all;font-size:16px;color:#7b8490;letter-spacing:-1px;border-bottom:1px solid #c3c8cf;text-align:center;}
.tableB thead th {padding:10px 15px;background:#4b5663;color:#fff;text-align:center;}
.tableB thead th.bg {background:#8892a0;}
.tableB tfoot th {padding:10px 15px;background:#e8e8e2;border-top:1px solid #c3c8cf;}
.tableB tfoot th {padding:10px 15px;border-top:1px solid #c3c8cf;background:#e8e8e2;}
.tableB tbody th {padding:10px 15px 10px 35px;border-top:1px solid #c3c8cf;border-right:1px solid #c3c8cf;vertical-align:middle;color:#1e232a;background:#fff;font-weight:normal;text-align:left;}
.tableB tbody td {padding:10px 15px;border-top:1px solid #c3c8cf;background:#fff;}
.tableB tbody td.bor {border-top:1px solid #c3c8cf;}
.tableB tbody td.bold {color:#1e232a;}
.tableB tbody tr th:first-child,
.tableB tbody tr td:first-child {border-left:0;}
.tableB tbody tr:first-child th,
.tableB tbody tr:first-child td {border-top:1px solid #c3c8cf;}
.tableB tbody tr th.bd_none,.tableB tbody tr td.bd_none,
.tableB thead tr th.bd_none,.tableB thead tr td.bd_none {border-left:0;}
.tableB tbody tr th.bd_left,.tableB tbody tr td.bd_left,
.tableB thead tr th.bd_left,.tableB thead tr td.bd_left {border-left:1px solid #c3c8cf;}
.tableB tbody td.tit {position:relative;line-height:normal;padding:45px 15px 20px 15px;/* text-align:center; */font-size:24px;color:#222;background:#eef6fe;}

.ov_scroll {display:none;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.ov_scroll {display:block;margin-bottom:20px;text-align:center;color:#4b5663;}
		.ov_scroll span {padding-left:25px;background:url(./../img/common/scroll.gif) left 5px no-repeat}
		.ov_table {position:relative;overflow-x:scroll;width:100%;}
		.ov_table .tableA {width:700px;}
		.ov_table .tableA tbody th {display:table-cell;}
		.ov_table .tableA tbody td {display:table-cell;}
		.ov_table .tableA tbody td .wh50p {width:50%;}

		.ov_table .tableB {width:800px;}
		.ov_table .tableB tbody th {display:table-cell;}
		.ov_table .tableB tbody td {display:table-cell;}
		.ov_table .tableB tbody td .wh50p {width:50%;}

		.tableA.form_table colgroup col {width:100% !important;}
		.tableA.form_table tbody tr th {display:block;width:100%;padding:10px 15px;text-align:left;border-left:none !important;}
		.tableA.form_table tbody tr td {display:block;width:100%;border-left:none !important;}
		.tableA.form_table tbody tr td .input_style {}
		.tableA.form_table tbody tr td .input_style.wh50p, .mem_info_edit .tableA tbody tr td .input_style.wh50p {width:100%;}
		.tableA.form_table tbody tr td .input_style.wh30p, .mem_info_edit .tableA tbody tr td .input_style.wh30p {width:100%;}
		.tableA.form_table tbody tr td .input_style.wh45p, .mem_info_edit .tableA tbody tr td .input_style.wh45p {width:100%;}
		.tableA.form_table tbody tr td .btn_bace, .mem_info_edit .tableA tbody tr td .btn_bace {width:100%;margin-top:10px;}
	}


/********** 인풋스타일 **********/
.input_style {border:1px solid #ccc;height:45px;line-height:45px;padding:0 20px;font-size:16px;}
.input_style:focus {border:1px solid #ccc;}
.select_style {height:45px;line-height:45px;padding:0 0 0 20px;background:url(./../img/common/select_arr.gif) no-repeat right 50% #fff;border:1px solid #ccc;border-radius:0px;font-family:inherit;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select_style::-ms-expand {display:none;}
.select_style_ex {width:118px;height:45px;line-height:45px;background:url(./../img/common/select_arr.gif) no-repeat 120% 50%;border:0;border-radius:0px;font-family:inherit;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select_style_ex::-ms-expand {display:none;}
.textarea_style {border:1px solid #ccc;padding:20px;letter-spacing:1px;word-break:break-all;font-size:16px;font-family:"Spoqa Han Sans",sans-serif;color:#222;}
.textarea_style:focus {border:1px solid #004c9d;}
.file_style {border:1px solid #ccc;background:#fff;height:45px;line-height:45px;}
	/*모바일*/
	@media only screen and (max-width:767px){
		/* .input_style {border:1px solid #dfdfdf;height:35px;line-height:35px;padding:0 10px;font-size:14px;margin-top:10px;font-size:14px;}
		.input_style:first-child {margin-top:0;}
		.select_style {margin-top:10px;height:35px;line-height:35px;font-size:14px;}
		.select_style:first-child {margin-top:0;}
		.select_style_ex {height:35px;line-height:35px;font-size:14px;} */
		.textarea_style {padding:10px;letter-spacing:0;font-size:15px;}
	}


/********** 가장자리_외부(margin)_필요시 작성 **********/
.mg0 {margin:0 !important;}
/* 위 */
.mt0 {margin-top:0;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px !important;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.mt40 {margin-top:30px;}
		.mt60 {margin-top:40px;}
		.mt80 {margin-top:40px;}
	}
/* 우측 */
.mr5 {margin-right:5px;}
.mr20 {margin-right:20px;}
/* 좌측 */
.ml5 {margin-left:5px;}
.ml13 {margin-left:13px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}


/********** 공통 **********/
.bg_box {display:inline-block;width:100%;padding:30px 40px;background:#e4e8ec;margin-top:20px;}
.bg_box h4 {font-size:16px;margin-bottom:10px;}
.bg_box ul.list2 li {font-size:15px; line-height:25px;}

    /* 모바일 */
	@media only screen and (max-width:767px){
        .bg_box {padding:30px 20px;}
}

/*** 슬라이드 토글 ***/
.sbox .sb_tit {display:block;position:relative;text-align: center;padding:20px 40px;background:#383b3d;margin-top:80px;cursor:pointer;}
.sbox .sb_tit button {background:none;color:#fff;font-weight:bold;outline:none;}
.sbox .sb_tit:after {transition:all 0.4s;-webkit-transition:all 0.4s;content:'';display:inline-block;position:absolute;top:0;bottom:0;margin-bottom:auto;margin-top:auto; right:30px;width:30px;height:30px;background:url(./../img/common/page_downw.png) no-repeat center right;}
.sbox .sb_con {}

.sbox.on .sb_tit:after {transform: rotate(-180deg);}

.sbox2 .sb_tit {display:block;position:relative;text-align: center;padding:20px 40px;background:#383b3d;margin-top:80px;}
.sbox2 .sb_tit button {background:none;color:#fff;font-weight:bold;outline:none;}
.sbox2 .sb_tit:after {transition:all 0.4s;-webkit-transition:all 0.4s;content:'';display:inline-block;position:absolute;top:0;bottom:0;margin-bottom:auto;margin-top:auto; right:30px;width:30px;height:30px;background:url(./../img/common/page_downw.png) no-repeat center right;}
.sbox2 .sb_con {}

.sbox2.on .sb_tit:after {transform: rotate(-180deg);}