@charset "utf-8";

body { font-family: 'Pretendard', 'sans-serif'; font-size:16px; font-weight: 400; line-height: 1.5em; word-break: keep-all; word-wrap: break-word; color: #333; }

.container{ padding-right: 10px; padding-left: 10px; }
.mob { display:none; }

.subject{ display: block; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.subject2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
           -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; }

h1, .h1{ margin: 0; padding: 0; font-size: 1.75em; }
h2, .h2{ margin: 0; padding: 0; font-size: 1.63em; }
h3, .h3{ margin: 0; padding: 0; font-size: 1.50em; }
h4, .h4{ margin: 0; padding: 0; font-size: 1.37em; }
h5, .h5{ margin: 0; padding: 0; font-size: 1.25em; }
h6, .h6{ margin: 0; padding: 0; font-size: 1.13em; }

@media (max-width:991px) {
	.web { display:none; }
	.mob { display:block; }
	html,body{height:100%; font-size:14px;}
    .wrap{ padding: 61px 0 0 0; }
}

@media (max-width:767px) {
	html,body{font-size:14px;}
}

@media (max-width:320px) {
}

/*기준 패딩*/
.con-pd{ min-height: 650px; padding-top: 6em; padding-bottom: 6em; }
@media (max-width:991px) {
	.con-pd{ min-height: 450px; padding-top: 3em; padding-bottom: 3em; }
}

/*기준색*/
.main_co{ color: #019e97 !important; }
.point_co{ color: #01615d !important; }
.sub_co{ color: #1a1a1a !important; }
.red_co{ color: #e05781; }

.main_bg { color: #fff !important; background: #019e97 !important; }
.sub_bg{ color: #fff !important; background: #1a1a1a !important; }
.point_bg{ color: #fff !important; background: #01615d !important; }
.white_bg{ border: 1px solid #aaa; }

.bt_01 { font-weight: 500; color: var(--white) !important; background: var(--GR-11) !important; }
.bt_02 { font-weight: 500; color: var(--GR-11) !important; border: var(--GR-11) !important; }
.bt_03 { font-weight: 500; color: var(--RD-E6) !important; border: 1px solid var(--RD-E6) !important; }
.bt_04 { font-weight: 500; color: var(--white) !important; background: var(--BK-B1) !important; }
.bt_05 { font-weight: 500; color: var(--BL-2C) !important; border: 1px solid var(--BL-2C) !important; }

.naver a{ color: #fff; background: #1ec800; }
.kakao a{ color: #fff; background: #ffcb01; }
.kakao a i{ color: #462929; }

/*탭메뉴*/
.tab { border-bottom: 1px solid var(--BK-E5); }
.tab ul { display: flex; justify-content: center; align-items: center; }
.tab a { display: block; padding: 1.5em 2.5em; border-bottom: 3px solid var(--white); }
.tab .on a,
.tab li:hover a { border-bottom: 3px solid var(--GR-11); }

.tab .tab_02 li{ width: 50%; }
.tab .tab_04 li{ width: 25%; }
.tab .tab_05 li{ width: 20%; padding: 0 }
.tab .tab_05 li a{ padding: 12px 10px; }
.tab .tab_05 .on a{ color: #fff; background: #019e97; border-color: #019e97; }

@media ( max-width: 991px) {
	.tab .tab_05 li{ width: auto; padding: 0 }
	.tab .tab_05 li a{ border: 0; background: #eee; }
    .tab a { padding: 1em 1.5em; }
}

/* 서브타이틀 */
.sub_title{ display: flex; justify-content: center; align-items: center; height: 300px; }
    .sub_title p { font-size: 3em; font-weight: 800; color: var(--white); text-shadow: 0 2px 2px rgba(0,0,0,.8); }

.sub_title { background: url(../../img/title/06.png) center; background-size: cover; }
@media ( max-width: 991px) {
	.sub_title{ height: 240px; }
    .sub_title p { font-size: 2.7em; }
}
@media ( max-width: 767px) {
	.sub_title{ height: 160px; }
    .sub_title p { font-size: 2.3em; }
}

/* 모달 약관보기 */
.modal-body .scroll{ height: 450px; overflow-y: scroll; }

/* 약관 */
.etc .menu { padding:2em 0 0 0; overflow: hidden; }
.etc .menu p{ font-size:12px; text-align: right; }
.etc .menu li{ float:left; width:50%; padding:5px; }
.etc .menu i{ display:inline-block; margin:0 10px 0 0; padding:3px 10px; color: #fff; border-radius:5px; background: #019e97; }
.etc p{ line-height: 1.7em; }
.etc .section{ padding: 2em 0; border-bottom: 1px solid #cdcdcd; }
.etc .section h4{ padding: 0 0 1em 0; font-weight: 500; }
.etc .section h5{ font-size:1.1em; padding: 0 0 0.5em 0; }
/* .etc .section > p{ padding: 0 0 0.5em 0; } */

.etc .section ul li{ position: relative; padding: 0.2em 30px; }
.etc .section ul li span{ position: absolute; left: 10px; }
.etc .section ul li p{ position: relative; padding: 0 20px; }
.etc .section ul li p span{ position: absolute; left: 0; }
.etc .section ul li .tab{ position: relative; padding: 0.2em 45px; }
.etc .section ul li .tab span{ position: absolute; left: 20px; }
.etc .section ul li .tab_02{ position: relative; padding: 0.2em 65px; }
.etc .section ul li .tab_02 span{ position: absolute; left: 45px; }

.etc .section .type_01{ border:1px solid #777; border-radius:50px; }
.etc .section .type_02:before{ content: "-"; position: absolute; left: 15px; }
.etc .section .type_03:before{ content: "•"; position: absolute; left: 15px; }

.etc .section table { margin: 20px 0; max-width: 550px; }
.etc .section table th { padding: 0.7em; font-weight: 300; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
.etc .section table td { padding: 0.7em; border-bottom: 1px solid #cdcdcd; }