@charset "utf-8";

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


/********** 숨김 **********/
.hide {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;}
.Hide {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;}

/********** 레이어팝업 오픈시 스크롤 숨김 **********/
.scrollnone {height:100% !important;min-height:100%;overflow:hidden !important;touch-action:none;}


/********** 말줄임(사용시 클래스가 맨앞에 위치해야함) **********/
[class^="ellipsis"] {display:-webkit-inline-box;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis1 {-webkit-line-clamp:1;}/* 1줄 */
.ellipsis2 {-webkit-line-clamp:2;}/* 2줄 */
.ellipsis3 {-webkit-line-clamp:3;}/* 3줄 */
.ellipsis4 {-webkit-line-clamp:4;}/* 4줄 */


/********** 타이틀 **********/
.h4 {position:relative;padding-left:21px;font-size:2.2rem;font-weight:500;color:#003964;}
.h4:before {content:"";position:absolute;left:0;top:6px;display:block;width:13px;height:13px;background:#fff;border:3px solid #003964;}
.h4:after {content:"";position:absolute;left:7px;top:13px;display:block;width:6px;height:6px;background: #6c8cb5;}
.h5 {position:relative;padding-left:16px;font-size:1.8rem;font-weight:500;color:#111;}
.h5:after {content:"";position:absolute;left:0;top:4px;width:4px;height:10px;background: #6c8cb5;font-size:1.8rem;font-weight:500;color:#111;}
.h6 {position:relative;padding-left:16px;font-size:1.6rem;font-weight:400;color:#222;}
.h6:after {content:"";position:absolute;left:0;top:7px;width:5px;height:5px;background:#333;border-radius:100%;}
@media only screen and (max-width:1199px){
	.h4:before {top:5px;width:12px;height:12px;}
	.h4:after {top:12px;width:5px;height:5px;}
	.h6:after {top:5px;}
}
@media only screen and (max-width:1023px){
	.h5 {padding-left:14px;}
	.h5:after {top:3px;}
	.h6 {padding-left:14px;}
}
@media only screen and (max-width:767px){
	.h4 {padding-left:18px;}
	.h4:before {top:3px;width:11px;height:11px;}
	.h4:after {top:10px;width:4px;height:4px;}
	.h5 {padding-left:12px;}
	.h5:after {top:2px;}
	.h6 {padding-left:13px;}
}


/********** 들여쓰기 **********/
.idn14 {margin-left:14px;}/* 리스트2 */
.idn18 {margin-left:18px;}/* 리스트1,h6 */
.idn22 {margin-left:22px;}/* h5 */
@media only screen and (max-width:1023px){
	.idn18 {margin-left:16px;}
}
@media only screen and (max-width:767px){
	.idn18 {margin-left:14px;}
	.idn22 {margin-left:19px;}
}


/********** 리스트(사용시 클래스가 맨앞에 위치해야함) **********/
[class^="list"] > li {position:relative;padding-left:12px;margin-top:10px;font-weight: 300;}
[class^="list"] > li:after {content:"";position:absolute;left:0;top:9px;}
[class^="list"] > li:first-child {margin-top:0;}
@media only screen and (max-width:1199px){
	[class^="list"] > li:after {top:8px;}
}
@media only screen and (max-width:1023px){
	[class^="list"] > li {padding-left:10px;}
	[class^="list"] > li:after {top:7px;}
}
@media only screen and (max-width:767px){
	[class^="list"] > li:after {top:5px;}
}
/* 리스트_1 */
.list1 > li {font-size:1.5rem;color:#555;}
.list1 > li:after {width:3px;height:3px;background:#ababab;}
/* 리스트_2 */
.list2 > li {font-size:1.4rem;color:#666;}
.list2 > li:after {width:5px;height:1px;background:#666;}
@media only screen and (max-width:1023px){
	.list2 > li:after {top:6px;}
}
/* 리스트_색상 */
.list_etc > li {color:#d22e2e;}
.list_etc > li:after {width:3px;height:3px;background:#d22e2e;}


/********** 폰트색상 **********/
.cr_red {color:#d22e2e !important;}
.cr_black {color:#222 !important;}
.cr_blue {color:#023760 !important;}
.cr_blue2 {color:#4e6cb4 !important;}
.cr_orange {color:#f08336 !important;}
.cr_gray {color:#999 !important;}
.cr_green {color:#6ab427 !important;}


/********** 배경색상 **********/
.bg_orange {background: #fdf9f7 !important;}


/********** 테이블 **********/
.overflow_box {}
.overflow_box .iconlr {display:none;}
.tableA {width:100%;border-bottom:1px solid #d7d7d7;border-top:2px solid #003964;word-break:keep-all;}
.tableA tr:is(:hover,:focus,:active) {background:#f4f4f4;}
.tableA thead th {padding:15px 20px;background:#f2f2f2;border-left:1px solid #d7d7d7;border-top:1px solid #fff;border-bottom:1px solid #d7d7d7;font-weight:400;color:#111;}
.tableA thead th:first-child {border-left:0;}
.tableA tfoot th {padding:15px 20px;background:#f2f2f2;border-top:1px solid #d7d7d7;}
.tableA tfoot td {padding:15px 20px;border-left:1px solid #d7d7d7;border-top:1px solid #fff;border-bottom:1px solid #d7d7d7;background:#f2f2f2;}
.tableA tbody th {padding:15px 15px;border-left:1px solid #d7d7d7;border-top:1px solid #fff;border-bottom:1px solid #d7d7d7;background:#f8f8f8;vertical-align:middle;font-weight:400;color:#222;}
.tableA tbody td {padding:15px 20px;border-left:1px solid #d7d7d7;border-top:1px solid #fff;border-bottom:1px solid #d7d7d7;}
.tableA tbody tr th:first-child,
.tableA tbody tr td:first-child {border-left:0;/* border-bottom: 0; */}
.tableA tbody tr:first-child th,
.tableA tbody tr:first-child td {border-top:1px solid #fff;}
.tableA tbody tr:last-child th,
.tableA tbody tr:last-child td {border-bottom:0;}
.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 #d7d7d7;}
.tableA tbody tr th.bd_b_none,.tableA tbody tr td.bd_b_none,
.tableA thead tr th.bd_b_none,.tableA thead tr td.bd_b_none {border-bottom:0;}
.tableA .btn_bace {height: 38px;line-height: 38px;}
@media only screen and (max-width:767px){
	.overflow_box .iconlr {display:flex;align-items:center;margin-top:10px;height:27px;padding-left:40px;padding-top:1px;background:url("./../images/common/icon_lr.png") no-repeat left center;color:#003964;}
	.overflow_box .table_box {overflow-x:auto;overflow-y:hidden;}
	.overflow_box .table_box table {width:clamp(500px, 100%, 767px);border-top:2px solid #003964;}
	.tableA {word-break:break-all;}
	.tableA thead th,
	.tableA tfoot th,
	.tableA tfoot td,
	.tableA tbody th,
	.tableA tbody td {padding:10px 10px;}

	/* 세로 반응형테이블 */
	.responsive .tableA {margin-top:10px;}
	.responsive .tableA, .responsive .tableA thead, .responsive .tableA tbody, .responsive .tableA th, .responsive .tableA td, .responsive .tableA tr {display:block;}
	.responsive .tableA thead tr {position:absolute;top:-9999px;left:-9999px;}
	.responsive .tableA tbody tr {display:flex;flex-wrap:wrap;}
	.responsive .tableA tbody tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
	.responsive .tableA tbody tr:first-child td:first-child {border:none;}
	.responsive .tableA tbody th {width:30%;padding:10px 3%;border:none;background-color:#f8f8f8;text-align:left;vertical-align:middle;}
	.responsive .tableA tbody td {position:relative;white-space:normal;width:70%;padding:10px 3%;border:none;background-color:transparent;text-align:left;box-sizing:border-box;}
	.responsive .tableA tbody tr:first-child td, .responsive .tableA tbody tr:first-child th {border-top:none;}
	.responsive .tableA td:before {content:attr(data-title);position:absolute;top:6px;left:10px;width:100px;padding-right:10px;font-weight:500;white-space:nowrap;}
	.responsive .tableA td:after {content:"";position:absolute;top:11px;left:0;width:1px;height:10px;background-color:#dedede;}
	.responsive .tableA > tbody > th:before, .responsive .tableA > tbody td:before {content:attr(data-content); display:inline;}
}


/********** 폼테이블 **********/
.table_form {width:100%;border-bottom:1px solid #d7d7d7;border-top:2px solid #003964;}
.table_form tr:is(:hover,:focus,:active) {background:#f4f4f4;}
.table_form tbody th {padding:15px 20px;border-left:1px solid #d7d7d7;border-top:1px solid #fff;border-bottom:1px solid #d7d7d7;background:#f2f2f2;vertical-align:middle;font-weight:400;color:#222;}
.table_form tbody td {padding:15px 20px;border-left:1px solid #d7d7d7;border-top:1px solid #fff;border-bottom:1px solid #d7d7d7;}
.table_form tbody tr th:first-child,
.table_form tbody tr td:first-child {border-left:0;}
.table_form tbody tr:first-child th,
.table_form tbody tr:first-child td {border-top:1px solid #fff;}
.table_form tbody tr:last-child th,
.table_form tbody tr:last-child td {border-bottom:0;}
.table_form tbody tr th.bd_none,.table_form tbody tr td.bd_none {border-left:0;}
.table_form tbody tr th.bd_left,.table_form tbody tr td.bd_left {border-left:1px solid #cdd2d5;}
.table_form tbody tr td .si_ex {}
.table_form tbody tr td .si_ex select {min-width: auto;width: 35%;margin-right:5px;}
.table_form tbody tr td .si_ex input {min-width: auto;width: 50%;}
.table_form .btn_bace {height:40px;line-height:40px;}
.table_form .btn_bace.on {background: #003964;border:1px solid #003964;color:#fff;}
.table_form .flex {flex-wrap: wrap;align-items: center;}
.table_form .flex .checks {width: 25%;margin:10px 0;}
.table_form .flex .checks.etc_input {display: flex;align-items: center;}
.table_form .flex .checks.etc_input input[type="text"] {flex-grow:1;margin-left:5px;}
.table_form .email_box {flex-wrap: nowrap;}
.table_form .hp_box {flex-wrap: nowrap;}
@media only screen and (max-width:1499px){
	.table_form tbody tr td .si_ex select {width: 100%;margin-right:0;}
	.table_form tbody tr td .si_ex input {width: 100%;margin-top:10px;}
}
@media only screen and (max-width:1199px){
	.table_form .flex .checks {width: 33.3%;}
	.table_form .email_box {flex-wrap: wrap;}
	.table_form .email_box select,
	.table_form .email_box input {width: 100%;}
}
@media only screen and (max-width:1023px){
	.table_form .flex .checks {width: 50%;}
}
@media only screen and (max-width:767px){
	.table_form colgroup {display:none;}
	.table_form tbody tr:last-child th {border-bottom:1px solid #d7d7d7;}
	.table_form tbody th {display:block;padding:10px 10px;border-left:0;text-align:left;}
	.table_form tbody td {display:block;padding:10px 10px;border-left:0;}
	.table_form .flex .checks {width: 100%;}
	.table_form .email_box {flex-wrap: nowrap;}
}
@media only screen and (max-width:398px){
	.table_form .email_box {flex-wrap: wrap;}
}


/********** 페이지넘버 **********/
.page_number {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px;}
.page_number li {margin:0 2px;}
.page_number li a {display:inline-block;width:43px;height:32px;line-height:32px;text-align:center;font-size:1.5rem;}
.page_number li a.on,.page_number li a:is(:hover, :focus, :active) {}
.page_number .prev_first a {width:36px;background:url("./../images/common/first_prev.png") no-repeat center center;font-size:0;}
.page_number .prev a {width:36px;background:url("./../images/common/prev.png") no-repeat center center;font-size:0;}
.page_number .num {}
.page_number .num a.on,.page_number .num a:is(:hover, :focus, :active) {background:#001b2f;color:#fff;}
.page_number .next a {width:36px;background:url("./../images/common/next.png") no-repeat center center;font-size:0;}
.page_number .next_last a {width:36px;background:url("./../images/common/last_next.png") no-repeat center center;font-size:0;}
@media only screen and (max-width:767px){
	.page_number li {margin:0 1px;}
	.page_number li a {width:30px;height:30px;line-height:30px;}
	.page_number .prev_first a {width:30px;}
	.page_number .prev a {width:30px;}
	.page_number .next a {width:30px;}
	.page_number .next_last a {width:30px;}
}


/********** 버튼 **********/
/* 기본 */
.btn_bace {display:inline-block;min-width:105px;height:50px;line-height:50px;padding: 0 12px;background:#003964;text-align:center;font-size:1.6rem;color:#fff;cursor:pointer;transition:0.4s;}
.btn_bace img {vertical-align:middle;margin-top:-2px;}
.btn_bace:is(:hover, :focus, :active) {background:#000;color:#fff;}
/* 선버튼 */
.btn_line {background:#fff;border:1px solid #001b2f;color:#222;}
.btn_line:is(:hover, :focus, :active) {background:#fff;border:1px solid #0e9179;color:#222;}
@media only screen and (max-width:1023px){
	.btn_bace {min-width:90px;height:40px;line-height:40px;}
	.btn_line {height:40px;line-height:40px;}
}
@media only screen and (max-width:767px){
	/* .btn_bace img {height: 35%;} */
	.btn_bace img {height: 16px;}
}
/* 기능버튼 */
button.btn_bace {line-height:40px;font-family:'TheJamsil', sans-serif;font-weight: 300;}
@media only screen and (max-width:767px){
	button.btn_bace {line-height:35px;}
}
/* 색상 */
.btn_red  {background:#d22e2e !important;}
.btn_blue {background:#4e6cb4 !important;}
.btn_green {background:#6ab427 !important;}
.btn_gray {background:#767676 !important;}


/********** 체크버튼(라디오, 체크) **********/
.checks {position:relative;line-height: 1.4;}
.checks input {overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0;}
.checks input + label {display:inline-block;font-size:1.6rem;-webkit-user-select:none;-moz-user-select:none;cursor:pointer;}
.checks input:hover + label:before,
.checks input:focus + label:before,
.checks input:active + label:before {outline:1px dotted #000;}
.checks input:disabled:hover + label:before,
.checks input:disabled:focus + label:before,
.checks input:disabled:active + label:before {outline:0;}
.checks input[type="radio"] + label {padding-left:25px;}
.checks input[type="radio"] + label:before {content:'';position:absolute;left:0;top:0;bottom:0;width:20px;height:20px;margin:auto 0;background:#fff;border:1px solid #d7d7d7;border-radius:100%;text-align:center;}
.checks input[type="radio"]:checked + label:after {content:'';position:absolute;left:4px;top:0;bottom:0;width:12px;height:12px;margin:auto 0;background:#1138e2;border-radius:100%;}
.checks input[type="radio"]:checked + label:before {border:1px solid #6ab427;}
.checks input[type="radio"]:disabled + label:before {background:#e9e9e9;border:1px solid #d7d7d7;}
.checks input[type="checkbox"] + label:before {content:'';display:inline-block;width:20px;height:20px;margin:-2px 5px 0 0;border:1px solid #d7d7d7;border-radius:2px;vertical-align:middle;}
.checks input[type="checkbox"]:checked + label:before {content:'';background:url("./../images/common/icon_checks.gif") no-repeat center center;border:0;}
.checks input[type="checkbox"]:disabled + label:before {background:#e9e9e9;border:1px solid #d7d7d7;}
.checks input[type="text"] {position:static;}

/********** 인풋스타일 **********/
/*input[type="image"],*/
/*input[type="hidden"],*/
/*input[type="color"],*/
/*input[type="range"],*/
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="file"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="time"],input[type="number"],select {min-width:150px;height:40px;line-height:40px;padding:0 15px;border:1px solid #d7d7d7;color:#74828c;}
input:focus,select:focus,textarea:focus {border:1px solid #023760;}
select {padding:0 35px 0 15px;background:url("./../images/common/icon_select.png") no-repeat right 10px center #fff;}
textarea {padding:15px;border:1px solid #d7d7d7;color:#000;}
button {vertical-align:middle;}
/* 플러그인 셀렉트 */
.select2 {min-width:auto;}
.select2-container--default .select2-selection--single {height:40px !important;line-height:40px !important;border:1px solid #d7d7d7 !important;border-radius:0 !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:40px !important;padding-right:35px !important;padding-left:15px !important;color:#74828c !important;font-weight:300;}
.select2-container--default .select2-selection--single .select2-selection__arrow {width:35px !important;height:40px !important;background:url("./../images/common/icon_select.png") no-repeat right 10px center;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display:none;}
.select2-search input {min-width:auto;height:auto;line-height:normal;}
@media only screen and (max-width:1199px){
	input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="file"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="time"],input[type="number"],select {min-width:auto;}
	select {padding:0 35px 0 15px;}
}
@media only screen and (max-width:767px){
	input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="file"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="time"],input[type="number"], select {min-width:50px;height:40px;line-height:40px;padding:0 10px;}
	input:first-child,select:first-child {margin-top:0;}
	select {padding:0 35px 0 15px;}
	textarea {padding:10px;}
}


/********** 가로값 **********/
.wh100p {width:100% !important;}
.wh99p {width:99% !important;}
.wh90p {width:90% !important;}
.wh80p {width:80% !important;}
.wh70p {width:70% !important;}
.wh50p {width:50% !important;}
.wh45p {width:45% !important;}
.wh40p {width:40% !important;}
.wh30p {width:30% !important;}
.wh70 {width:70px !important;}
.wh160 {width:160px !important;}
.wh200 {width:200px !important;}
@media only screen and (max-width:767px){
	.wh99p,
	.wh90p,
	.wh80p,
	.wh70p,
	.wh50p,
	.wh45p,
	.wh40p,
	.wh30p {width:100% !important;}
	.wh70,
	.wh160,
	.wh200 {width:100% !important;}
}


/********** 정렬 **********/
.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;margin-top: 20px;}
.clear:after {content:"";display:block;clear:both;}


/********** 참고텍스트 **********/
/* 느낌표_흰배경파란 */
.point1 {display:block;padding-left:17px;background:url("./../images/common/ico_caution1.png") no-repeat 0 4px;line-height: 1.5;}
/* 느낌표_흰배경빨강 */
.point2 {display:block;padding-left:17px;background:url("./../images/common/ico_caution2.png") no-repeat 0 4px;line-height: 1.5;}
/* 느낌표_빨강배경흰색 */
.point3 {display:block;padding-left:17px;background:url("./../images/common/ico_caution3.png") no-repeat 0 4px;line-height: 1.5;}
@media only screen and (max-width:1023px){
	.point1,
	.point2,
	.point3 {background-position:0 0;padding:1px 0 1px 17px;}
}


/********** 가장자리_외부(margin) **********/
/* 위 */
.mt0 {margin-top:0px !important;}.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}.mt85 {margin-top:85px !important;}
@media only screen and (max-width:1023px){
	.mt15 {margin-top:5px !important;}
	.mt20 {margin-top:10px !important;}.mt25 {margin-top:15px !important;}
	.mt30 {margin-top:20px !important;}.mt35 {margin-top:25px !important;}
	.mt40 {margin-top:30px !important;}.mt45 {margin-top:35px !important;}
	.mt50 {margin-top:40px !important;}.mt55 {margin-top:45px !important;}
	.mt60 {margin-top:50px !important;}.mt65 {margin-top:55px !important;}
	.mt70 {margin-top:60px !important;}.mt75 {margin-top:65px !important;}
	.mt80 {margin-top:70px !important;}.mt85 {margin-top:65px !important;}
}
@media only screen and (max-width:767px){
	.mt30 {margin-top:10px !important;}.mt35 {margin-top:15px !important;}
	.mt40 {margin-top:20px !important;}.mt45 {margin-top:25px !important;}
	.mt50 {margin-top:30px !important;}.mt55 {margin-top:35px !important;}
	.mt60 {margin-top:40px !important;}.mt65 {margin-top:45px !important;}
	.mt70 {margin-top:50px !important;}.mt75 {margin-top:55px !important;}
	.mt80 {margin-top:60px !important;}.mt85 {margin-top:35px !important;}
}
/* 우측 */
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
/* 좌측 */
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
/* 아래 */
.mb5 {margin-bottom:5px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb40 {margin-bottom:40px !important;}
@media only screen and (max-width:1023px){
	.mb40 {margin-bottom:30px !important;}
}
@media only screen and (max-width:767px){
	.mb40 {margin-bottom:20px !important;}
}