@charset "utf-8";
@import url('font/exit_font.css');
@import url('html5_reset.css');
@import url('layout.css');

.clear:after {content:"";display: block;clear: both}


/********** 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;}

/********** 리스트 **********/
.list1 > li {position: relative;font-size: 16px;color: #353535;padding-left: 11px;margin-top: 3px}
.list1 > li:after {content:"";position: absolute;width: 4px;height: 4px;border-radius: 100%;background: #353535;top: 10px;left: 0;}

.list2 > li {position: relative;font-weight: 400; font-size: 15px;color: #4b4b4b;padding-left: 11px;}
.list2 > li:first-child {margin-top:0}
.list2 > li:after {content:"";position: absolute;width: 5px;height: 1px;border-radius: 100%;background: #353535;top: 13px;left: 0;}

.list3 > li {position: relative;font-size: 18px;color: #404040;padding-left: 15px;line-height: 26px;margin: 5px 0;font-weight: 400}
.list3 > li:before {content:"";position: absolute;width: 6px;height: 3px;background: #404040;top: 10px;left: 0;border-radius: 250px;transform: rotate(45deg)}
.list3 > li:after {content:"";position: absolute;width: 6px;height: 3px;background: #404040;top:13px;left: 0;border-radius: 250px;transform: rotate(-45deg)}

.list4 > li {position:relative;font-weight: 400;font-size:15px;color:#353535;padding-left:12px;margin-top:5px;}
.list4 > li:first-child {margin-top:0}
.list4 > li:after {content:"";position:absolute;width:4px;height:4px;background:#f16e2d;border-radius:100%;left:0;top:10px}

.list5 > li {position:relative;font-size:15px;color:#5d5d5d;padding-left:12px;}
.list5 > li:after {content:"";position:absolute;width:5px;height:5px;background:url(../img/layout/list5.png)center center no-repeat;top:9px;left:0}

.list6 > li {position:relative;font-size:14px;color:#413a36;padding-left:11px;}
.list6 > li:after {content:"";position:absolute;top:11px;left:0;width:4px;height:4px; background: #cdcdcd;}
@media only screen and (max-width:767px) {
	.list1 li {font-size: 15px;}
	.list2 li {font-size: 15px;}
	.list4 li {font-size: 15px;}
	.list5 li {font-size:14px;}
}
@media only screen and (max-width:560px) {
	.list2 li {font-size:14px;line-height:normal}
}

/* 타이틀 */
.titl1 {font-family:'NanumSquareRound';display: block; text-align: center;font-size: 33px;font-weight: 900;color: #333}
.titl1 span {font-family:'NanumSquareRound';color: #356edc}

.titl2 {position: relative;font-size: 30px;font-weight: 900;color: #0a1f48;font-family:'NanumSquareRound';display:block;text-align:center;margin-bottom:30px;padding-top:30px;}
.titl2:after {content:"";position: absolute;width: 24px;height: 7px;background: #356edc;top: 0;left: 50%;transform: translate(-50%,0)}

.titl3 {font-size: 24px;color: #096fc7;margin-bottom: 10px;display: block;position: relative;line-height: 24px;font-family:'NanumSquareRound';font-weight: 700;word-break:keep-all}

@media only screen and (max-width:1023px) {
	.titl1 {font-size: 28px;}
	.titl2 {font-size: 26px;padding-top:25px}
	.titl3 {font-size: 22px;}
}
@media only screen and (max-width:767px) {
	.titl1 {font-size: 24px;}
	.titl2 {font-size: 22px;padding-top:22px}
	.titl3 {font-size: 20px;}
}
@media only screen and (max-width:560px) {
	.titl1 {font-size: 22px;line-height: normal}
	.titl2 {font-size: 19px;padding-top:19px}
	.titl3 {font-size: 18px;}
}

/** 버튼 **/
.btn_box {display: table;margin: 40px auto 0}
.btn_box a, .btn_box button {display: inline-block;width: auto;text-align: center;color: #fff;margin-right: 8px;font-size: 16px;padding: 11px 50px;height: auto}
.btn_box a:last-child, .btn_box button:last-child {margin-right: 0}

@media only screen and (max-width:767px) {
	.btn_box a, .btn_box button {padding: 11px 40px;font-size: 15px;}
}

@media only screen and (max-width:560px) {
	.btn_box a, .btn_box button {padding: 9px 34px;font-size: 14px;margin-right: 5px;}
}

.btn_bace {background: #356edc;color: #fff} /* 신청 */
.btn_bace2 {background: #414141;color: #fff} /* 취소 */
.btn_bace3 {background: #033780;color: #fff} /* 취소 */
.btn_bace4 {height: 56px;background: #0a1f48;color: #fff;font-size: 16px;} /* 폼 버튼 */

@media only screen and (max-width:767px) {
	.btn_bace4 {width: 30%;height: 50px;font-size: 15px;}
}
@media only screen and (max-width:560px) {
	
	.btn_bace4 {font-size: 14px;}
}


/********** 테이블 **********/
.tableA {width: 100%;}
.tableA thead tr th {border-bottom: 1px solid #ddd;border-left: 1px solid rgba(255,255,255,0.3);padding: 15px 5px;background: #0061b1;font-weight: 500;color: #fff; text-align: center;}
.tableA thead tr th:first-child {border-left: 0}
.tableA tbody tr td {border-left: 1px dashed #ddd;text-align: center;padding: 12px 10px;font-weight: 400;font-size: 16px;border-bottom: 1px solid #ddd}
.tableA tbody tr td:first-child {border-left: 0}

@media only screen and (max-width:767px) {
	.tableA thead tr th {font-size: 16px;padding: 10px 5px}
	.tableA tbody tr td {font-size: 15px;padding: 10px 5px}
}

@media only screen and (max-width:560px) {
	.tableA thead tr th {font-size: 15px;line-height: 21px}
	.tableA tbody tr td {font-size: 14px;padding: 7px 5px;line-height: 20px}
}


.txt-left {text-align: left;}

/********** margin-top **********/
.mt5 {margin-top: 5px}
.mt10 {margin-top: 10px}
.mt20 {margin-top: 20px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mt50 {margin-top: 50px}
.mt60 {margin-top: 60px}

@media only screen and (max-width:767px) {
	.mt20 {margin-top:10px;}
}