@charset "utf-8";

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


/********** 숨김 **********/
.hide, .sr-only {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 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;}
.wh150 {width:150px;}
.wh70 {width:70px;}
	/*모바일*/
	@media only screen and (max-width:767px){
		.wh99p,
		.wh70p,
		.wh50p,
		.wh45p,
		.wh40p,
		.wh30p {width:100%;}
		.wh200,
		.wh150,
		.wh70 {width:100%;}
	}

/********** 폰트색상 **********/
.cr_red {color:#ff0000;}
.cr_blue {color:#004c9d;}
.cr_green {color:#578a00;}
.cr_yellow {color:#ffa800;}
.cr_gray {color:#999;}
.cr_navy {color:#293446;}


/********** 정렬 **********/
.ta-l {text-align:left;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}
.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;}

/********** wrap **********/
.wrap {max-width:1500px;width:100%;margin:0 auto;}

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


/********** 타이틀 **********/
.tith3 {width:100%;max-width:200px;max-height:200px;height:200px;background:#145bd4;color:#fff;font-size:24px;padding:46px 0 0 20px;font-weight:800;position:relative;line-height:35px}
.tith3:before {content:"";position:absolute;width:20px;height:5px;background:#fff;top:32px;left:22px}
.tith3_2 {position:relative;line-height:normal;padding:0 0 35px 0;font-size:40px;font-weight:800;color:#000;}
.tith3_2:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:url(../img/main/title_line.png);}
.tith4 {font-size:24px;font-weight:800;color:#222;}
.tith5 {font-size:18px;font-weight:800;color:#222;}
.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){
		.tith3_2 {padding:0 0 20px 0;font-size:30px;}
		.tith4 {font-size:16px;}
		.tith5 {font-size:15px;}
	}

/********** 참고텍스트 **********/
/* 느낌표_흰배경파란 */
.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.gif) 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;padding-left:14px;font-size:18px;color:#111;line-height:normal;font-weight:400}
.list1 > li:after {content:"";position:absolute;left:0;top:11px;width:5px;height:5px;background:#b5ccdc;border-radius:100%}
/* 리스트_2 */
.list2 > li {padding:0 0 0 9px;background:url(./../img/common/sh_dot1.gif) no-repeat 0 10px;color:#111;}
/* 리스트_3 */
.list3 > li {position:relative;padding-left:12px;font-size:17px;color:#111;}
.list3 > li:after {content:"";position:absolute;left:0;top:11px;width:3px;height:1px;background:#777;}
/* 리스트_4 */
.list4 > li {position:relative;padding-left:12px;font-size:17px;color:#111;font-weight:400;}
.list4 > li:after {content:"";position:absolute;left:0;top:11px;width:3px;height:1px;background:#51565f;}
.list4 > li strong {color:#111;}
/* 리스트_5 */
.list5 > li {position:relative;padding: 3px 0 3px 13px;word-break:keep-all;color:#111;font-weight:400;}
.list5 > li:after {content:"";position:absolute;left:0;top:14px;width:3px;height:3px;background:#666;border-radius:100%}
.list5 > li br {display:none;}
@media only screen and (max-width:767px) {
	.list4 > li {font-size: 15px}
	.list5 > li {font-size: 15px}
}


/********** 버튼 **********/
/* 기본 */
.btn_bace {display:inline-block;padding: 14px 56px;background: #145bd3;border:1px solid #145bd3;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:#004187;border:1px solid #004187;color:#fff;}
.btn_bace2 {display:inline-block;line-height:normal;margin-top:20px;padding:10px 90px 10px 30px;font-size:18px;color:#fff;background:url(./../img/common/more.png) right 30px center no-repeat #162a4d;border-radius:100px;}
.btn_bace3 {display: inline-block;color: #00345b;border: 2px solid #00345b;padding: 15px 30px;text-align: center;margin: 0 auto;transition: 0.4s;font-weight:500;word-break:keep-all;}
.btn_bace3:hover, .btn_bace3:focus {background: #00345b;color: #fff}
.btn_bace2:hover, .btn_bace2:focus, .btn_bace2:active {color:#fff;background:url(./../img/common/more.png) right 30px center no-repeat #000;}
.dbtn {display:inline-block;line-height:normal;margin:5px 10px;padding:12px 65px 12px 30px;font-size:15px;font-weight:600;color:#556278;background:url(./../img/common/down.png) right 30px center no-repeat #fff;border-radius:100px;border:1px solid #cccccc;}
.dbtn:hover, .dbtn:focus, .dbtn:active {color:#fff;background:url(./../img/content/sub05/down_ov.png) right 30px center no-repeat #000;border:1px solid #fff;}
	/* 대 */
	.btn_bace_large {height:55px;line-height:55px;}
	/* 소 */
	.btn_bace_small {height:45px;line-height:45px;}

	.expand_btn {font-size: 15px;padding: 5px 10px;border-bottom: 1px solid #123573;color: #123573;display: block;width: 150px;font-weight: 400;position: relative;margin: 30px auto;display: none}
	.expand_btn:after {content:"▶";position: absolute;top: 6px;right: 6px;font-size: 10px;}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		.btn_bace {padding: 14px 10px;font-size:15px;}
		.btn_bace2 {font-size:15px;}
		.btn_bace3 {padding: 10px 20px;}
		.expand_btn {display: block}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.btn_bace {padding: 10px 10px;font-size:14px;}
		.btn_bace2 {font-size:14px;}
		.btn_bace3 {padding: 10px 15px;font-size:14px;}
		.btn_bace_large {height:45px;line-height:45px;font-size:14px;}
	}

/* 색상 */
.btn_blue {background:#344154;border:1px solid #344154;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-radius:3px;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: -1px; 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:1px 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: 6px; 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 { line-height: 28px;margin: -3px 8px 0 0;border:1px 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;}


/********** 테이블 **********/
caption {overflow:hidden;height:0px;}/* 사파리에서 공백생기므로 font-size:0으로는 안됨 */
.tableA {width:100%;border-bottom:1px solid #dcdcdc;word-break:break-all;}
.tableA thead th {padding:12px 20px;background:#f0f3f5;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;color:#111;text-align: center;font-weight: 500}
.tableA thead th:first-child {border-left:0;}
.tableA tfoot th {padding:12px 20px;background:#e8e8e2;border-top:1px solid #dcdcdc;}
.tableA tfoot td {padding:12px 20px;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;background:#e8e8e2;}
.tableA tbody th {padding:15px 20px;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;background:#fff;text-align:center;vertical-align:middle;font-weight:700;color:#111;font-weight: 500}
.tableA tbody td {padding:15px 20px;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;color: #111}
.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 #fff;}
.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 #cdd2d5;}

/*모바일*/
@media only screen and (max-width:767px) {
	.tableA {font-size: 15px}
	.tableA thead th {padding:10px 5px}
	.tableA tbody th {padding: 8px 5px}
	.tableA tbody td {padding: 8px 2px; text-align:center;word-break: break-word;}
}

@media only screen and (max-width:500px) {
	.tableA {font-size: 14px;}
}

	/* 태블릿 */
	/*@media only screen and (max-width:1023px){
		.tableA {word-break:keep-all;font-size:14px;}
		.tableA tbody tr {position:relative;z-index:1;display:block;}
		.tableA tbody tr:after {content:"";position:absolute;left:0;top:0;z-index:-1;width:30%;height:100%;background:#eef6fe;}
		.tableA tbody th {display:block;float:left;width:30%;height:100%;vertical-align:middle;}
		.tableA tbody td {display:inline-block;width:70%;height:100%;}
	}*/
	/* 모바일 */
	/*@media only screen and (max-width:767px){
		.tableA {word-break:keep-all;font-size:14px;}
		.tableA tbody tr {position:relative;z-index:1;display:block;}
		.tableA tbody tr:after {content:"";position:absolute;left:0;top:0;z-index:-1;width:30%;height:100%;background:#eef6fe;}
		.tableA tbody th {display:block;float:left;width:30%;height:100%;vertical-align:middle;}
		.tableA tbody td {display:inline-block;width:70%;height:100%;}
		.tableA tbody td .se_skin {margin-top:10px;height:35px;line-height:35px;}
		.tableA tbody td .se_skin:first-child {margin-top:0;}
		.tableA tbody td .ect {display:none;}
	}*/



/********** 인풋스타일 **********/
.input_style {border:1px solid #dfdfdf;height:55px;line-height:55px;padding:0 20px;font-size:16px;}
.input_style:focus {border:1px solid #004c9d;}
.select_style {height:55px;line-height:55px;padding:0 0 0 20px;background:url(./../img/common/select_arr.gif) no-repeat right 50% #fff;border:1px solid #dfdfdf;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 #dfdfdf;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 #dfdfdf;background:#fff;height:45px;line-height:45px;}
	/*모바일*/
	@media only screen and (max-width:767px){
		.input_style {border:1px solid #dfdfdf;height:40px;line-height:40px;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:40px;line-height:40px;font-size:14px;}
		.select_style:first-child {margin-top:0;margin-bottom: 10px}
		.select_style_ex {height:40px;line-height:40px;font-size:14px;}
		.textarea_style {padding:10px;letter-spacing:0;font-size:15px;}
	}


/********** 가장자리_외부(margin)_필요시 작성 **********/
/* 위 */
.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;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.mt40 {margin-top:30px;}
		.mt50 {margin-top:40px;}
		.mt60 {margin-top:40px;}
		.mt80 {margin-top:40px;}
	}
	@media only screen and (max-width:540px){
		.mt60 {margin-top:30px;}
		.mt80 {margin-top:30px;}
	}
/* 우측 */
.mr5 {margin-right:5px;}
.mr20 {margin-right:20px;}
/* 좌측 */
.ml5 {margin-left:5px;}
.ml13 {margin-left:13px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}