@charset "UTF-8";

/* 헤더 */
header{position: fixed; width: 100%; z-index: 99999; max-width: 2560px;}
header .h_inner{width:100%; margin:0 auto; box-sizing: border-box; transition: 0.3s; color: #fff; position: relative; padding: 20px 7.5%; background:none;overflow: hidden;  text-shadow:0 0 2px rgba(0,0,0,0.6)}
header .h_inner.scroll_on{background:rgba(255,255,255,0.9);backdrop-filter: blur(10px);box-shadow: 5px 0 10px 5px rgba(0, 0, 0, 0.1); color: #111;  text-shadow:none}
header .h_inner.scroll_on .logo img{filter:none;}
header .h_inner.scroll_on .member a i{color: #8f1c29;;}
header .h_inner.scroll_on .logo_wrap .member span{ background: rgba(0,0,0, 0.3);}
header .h_inner:hover{background:#fff !important; color: #111 !important; text-shadow:none}
header .h_inner:hover .logo img{filter:none;}
header .h_inner .logo_wrap{display: flex; justify-content: space-between; align-items: center;}
header .h_inner .logo_wrap .member{display: flex; align-items: center; gap:10px;}
header .h_inner .logo_wrap .member span{display: block; width: 1px; height: 15px; background: rgba(255,255,255, 0.5); font:inherit; }
header .h_inner .logo_wrap .member a{font-size: clamp(12px, 0.8333vw, 14px); font-weight:500;}
header .h_inner .logo_wrap .member a i{margin-right:3px; }
header .h_inner .logo{width: 250px; margin-bottom: 30px;}
header .h_inner .logo img{filter: brightness(10) grayscale(1);}
header .h_inner .gnb ul{display: flex;}
header .h_inner .gnb ul li.menu{padding: 0 25px;}
header .h_inner .gnb ul li.menu:first-child{padding-left: 0;}
header .h_inner .gnb ul li.menu a{font-size: clamp(15px, 0.8333vw, 17px); font-weight:600; transition: 0.3s; width: 100%; display: block;}
header .h_inner .gnb ul li.menu a:hover{color: #8f1c29;}
header .h_inner ul li.menu .inner{display: flex; width: 100%; column-gap: 5%; position: absolute; background: #fff; left: 0; padding: 50px 7.5%;
								  box-sizing: border-box; opacity: 0;}
header .h_inner ul li.menu:hover .inner{opacity: 1;}
header .h_inner ul li.menu .inner h1{font-size: clamp(30px, 2.08vw, 40px); font-weight: bold;}
header .h_inner ul li.menu .inner h1 span{color: #8f1c29;}
header .h_inner ul li.menu .inner ul{flex-direction: column; row-gap:10px; border-left: 1px solid rgba(0, 0, 0, 0.1);  border-right: 1px solid rgba(0, 0, 0, 0.1);
									padding: 0 5%; width: 200px;}
header .h_inner ul li.menu .inner ul li a{opacity: 0.7; transition: 0.3s}
header .h_inner ul li.menu .inner .img_wrap{width: clamp(200px, 13vw, 250px);}
header .h_inner .gnb_button{display: none; cursor: pointer; width: 3.5vw; max-width: 100px; right: 0; position: relative; z-index: 10; display: none;}
header .h_inner .gnb_button span{display: block; width: 100%; margin-left: auto; height: 2px; background: #000; border-radius: 50px; transition: 0.3s; transform-origin: 0, 0;}
header .h_inner .gnb_button span.on1{transform: rotate(45deg) translate(3px, 7px);  background:#000;}
header .h_inner .gnb_button span.on2{transform: rotate(-45deg) translate(2.5px, -7px); background: #000;}
header .h_inner .gnb_button span.on3{opacity: 0;}
header .h_inner .gnb_button span:nth-child(2){margin: 5px 0; margin-left: auto;}

#qucik_menu{background: #8e1c29; width:142px;padding:0 8px 16px 8px;position: fixed; right:0; top:50%; transform:translate(0,-50%); border-radius:16px 0 0 16px; box-sizing:border-box; z-index: 10000;}
#qucik_menu dl dt{color: #fff;font-weight: bold; text-align: center; font-size:16px;padding:24px 0 8px; margin-bottom:8px; border-bottom: 1px solid rgba(255,255,255,0.2);}
#qucik_menu dl dd{width: 100%;box-sizing:border-box;}
#qucik_menu dl dd:hover a{box-shadow:inset 0 0 1000px rgba(0,0,0,0.2)}
#qucik_menu dl dd:last-child{border-bottom:0;}
#qucik_menu dl dd a{display:flex;align-content:center; align-items:center;padding:6px 0 6px 16px;text-decoration:none; color: #fff; border-radius:100px; transition:0.3s}
#qucik_menu dl dd span{font-size:14px;}
#qucik_menu dl dd i{margin-right:6px; font-size:17px;}
#qucik_menu dl dd i img{width:15px;}

/* 푸터 */
footer{background: #fff; padding: 0 10vw; color: #000;}
footer .list{display: flex; padding: 25px 0;}
footer .list li{padding: 0 25px;}
footer .list li:first-child{padding-left: 0;}
footer .list li+li{border-left: 1px solid rgba(0, 0, 0, 0.2);}
footer .list li a{font-size:16px;}
footer .text{margin-right: 5vw; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 50px;}
footer .text .logo{width: 250px; margin: 35px 0;}
footer .text h4{font-size: 20px; font-weight: bold;}
footer .text p{font-size: 14px; margin-bottom: 10px; line-height: 1.8;}
footer .text cite{font-size: 12px; opacity: 0.5;}
footer cite{font-style: normal;}

/* db */
#db_wrap{background: #8f1c28; text-align: center; color: #fff; padding: 100px 5%; box-sizing: border-box;}
#db_wrap .db_inner .title{margin-bottom: 25px;}
#db_wrap .db_inner .title p{font-size: clamp(20px, 1.354vw, 26px); margin-bottom: 5px; font-weight: 300;}
#db_wrap .db_inner .title h1{font-size: clamp(32px, 2.1875vw, 42px); font-weight: 700;}
#db_wrap .db_inner ul{max-width:1024px; margin:0 auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
#db_wrap .db_inner ul li{width: 31%; margin: 1%; height: 60px; color: #222;}
#db_wrap .db_inner ul li a{text-decoration:underline; cursor: pointer;}
#db_wrap .db_inner ul li input[type="text"]{width: 100%; height: 100%; background:#fff; border: 1px; solid #fff; font-size:15px; padding-left: 10px; box-sizing: border-box;}
#db_wrap .db_inner ul li input[type="text"]::placeholder{color: #333; font-size:14px; text-align: left; font-weight: 500;}
#db_wrap .db_inner ul li select{width: 100%; height: 100%; background: #fff; font-size: 15px; padding-left: 10px; box-sizing: border-box; border-radius: 0;}
#db_wrap .db_inner ul li.agree{height:30px;margin-top: 10px; text-align: left; color: #fff; font-size:14px; font-weight: 500; width: 100%; text-align: center;}
#db_wrap .db_inner ul li.agree a{text-decoration:underline;}
#db_wrap .db_inner ul li.agree input[type="checkbox"]{display: none;}
#db_wrap .db_inner ul li.agree .custom-checkbox{display: inline-block; width: 25px; height: 25px; border-radius: 5px; position: relative;
												vertical-align: middle; margin-right: 5px; cursor: pointer; background: #fff;}
#db_wrap .db_inner ul li.agree input[type="checkbox"]:checked + label .custom-checkbox:after{
content: ""; position: absolute; top: 3px; left: 8px; width: 6px; height: 12px; border: solid #8e1c29; border-width: 0 3px 3px 0; transform: rotate(45deg);
}
#db_wrap .db_inner ul li.db_submit{width:400px;}
#db_wrap .db_inner ul li.db_submit input{width: 100%;padding:20px 0;border:1px solid rgba(255,255,255,0.7); background:none; color: #fff;text-align: center;font-size: clamp(20px, 1.354vw, 25px); transition:0.5s }
#db_wrap .db_inner ul li.db_submit input:hover{background:rgba(255,255,255,0.1);}
#db_wrap a.rev_btn{display: inline-block;width:250px;padding:10px 16px;font-size: clamp(17px, 1.2vw, 22px); background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.1)}
#db_wrap a.rev_btn:hover{background:rgba(255,255,255,0.2);}
.ft_btn{position: fixed; z-index: 9999; bottom: 2.5%; right:1.5%; width: 150px; height: 150px;}
.ft_btn a img{ width:130px;}

/* 팝업 */
.hd_pops{max-width:600px;}
.hd_pops .hd_pops_con{width: 100% !important; height: auto !important;}
.hd_pops .hd_pops_con img{width: 100% !important;}

/* 개인정보페이지 */
html{
	--c1: #52565a;
	--c2:#52565a;
	--point:#52565a;
}

.sub_info_section{max-width: 1024px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.sub_info_section .sub_info_title{margin-bottom: 35px;}
.sub_info_section .sub_info_title h2{font-size: clamp(30px, 1.9vw, 36px); font-weight: 500; line-height: 1.3; color: var(--c1);}
.sub_info_section .sub_info_title p{font-size: clamp(15px, 0.95vw, 18px); line-height: 1.8; color: var(--c2);}


.sub_info_section .table_wrap table{width: 100%; text-align: center;}
.sub_info_section .table_wrap table tr th{background: var(--point); padding: 15px 0; color: #fff; font-weight: 500; box-sizing: border-box;}
.sub_info_section .table_wrap table tr:hover{background:#f4f4f4;}
.sub_info_section .table_wrap table tr td{font-size: clamp(15px, 0.9vw, 17px); width: 20%; padding: 15px 0; border-bottom: 1px solid #ccc; vertical-align: middle; box-sizing: border-box;}
.sub_info_section .table_wrap table tr:nth-child(2) td{border-top: none;}
.sub_info_section .table_wrap table tr td:first-child{border-left: none;}
.sub_info_section .table_wrap table tr td:last-child{border-right: none;}
.sub_info_section .table_wrap table{margin-bottom: 50px;}

.sub_info_section .table_wrap .table02 tr td{border: 1px solid #ccc;}

.sub_info_section .sub_info_wrap h4{font-size: clamp(18px, 1.2vw, 23px); font-weight: 500; margin: 0;}
.sub_info_section .sub_info_wrap dl{margin-top: 5px;}
.sub_info_section .sub_info_wrap dl dt{padding: 8px 12px; margin-bottom: 8px; color: #fff; background: var(--point); box-sizing: border-box;}
.sub_info_section .sub_info_wrap dl dd{padding-left: 12px; margin-bottom: 25px; font-size: clamp(15px, 0.9vw, 17px); color: var(--c2); line-height: 2;}










/* 반응형 */
@media all and (min-width:1921px){

footer{padding: 100px 150px;}
}

@media all and (max-width:1024px){
#qucik_menu{display: none;}

header .h_inner .gnb>ul{justify-content: space-between;}
header .h_inner .gnb ul li.menu{padding: 0;}

footer{padding: 5vw 5vw;}

.hd_pops{position: absolute; left: 50% !important; transform: translateX(-50%) !important; width: 95% !important;}
.hd_pops .hd_pops_con{width: 100% !important; height: auto !important;}
.hd_pops .hd_pops_con img{width: 100% !important;}
}

@media all and (max-width:768px){
header .h_inner{display: flex; align-items: center; justify-content: space-between; overflow: visible; padding: 15px 5%;}
header .h_inner:hover{padding: 15px 5%;}
header .h_inner .logo{width: 200px; margin: 0;}
header .h_inner .logo_wrap .member{display: none;}
header .h_inner .gnb{background: url(../image/common/gnb_bg.png) no-repeat calc(100% - 15%) calc(100% - 5%) / 50%; background-color: #e5dbd2;
					 position: fixed; top: 0; right: -50%; width: 40%; height: 100vh; transition: 0.5s; overflow-y: auto; display: block; color: #000;}
header .h_inner .gnb.on{right: 0;}
header .h_inner .gnb>ul{flex-direction: column; text-align: left; box-sizing: border-box; width: 100%; margin-top: 10vw;}
header .h_inner .gnb ul .menu{overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; padding: 0 25px; position: relative;
							  max-height:60px; line-height: 60px;}
header .h_inner .gnb ul li.menu:first-child{padding-left: 25px;}
header .h_inner .gnb ul .menu:last-child{border-bottom: none;}
header .h_inner .gnb ul .menu.on{max-height: 100%; line-height: 2.5; padding: 25px;}
header .h_inner .gnb ul li.menu a:hover{color: #000;}
header .h_inner .gnb ul li.menu .inner h1 span{color: #000;}
header .h_inner .gnb_button{display: block;}
header .h_inner ul li.menu .inner{display: block; width: 100%;  position: static; background: none; padding: 0; opacity: 1;}
header .h_inner ul li.menu .inner ul{flex-direction: column; row-gap:0px; border: none; padding: 0;}
header .h_inner ul li.menu .inner ul li a{opacity: 0.7; transition: 0.3s}
header .h_inner ul li.menu .inner h1{display: none;}
header .h_inner ul li.menu .inner .img_wrap{display: none;}

footer{padding: 0; flex-direction: column-reverse;}
footer .text{margin-right: 0vw; width: 100%; padding: 10vw; box-sizing: border-box;}
footer .text .logo{margin-top: 0;}
footer .list{width: 100%; justify-content: center; flex-wrap: wrap; row-gap:10px;}
footer .list li{padding: 0; text-align: center; width: 50%; }
footer .list li+li{border: none;}

#db_wrap .db_inner ul li{width: 48%;}
#db_wrap .db_inner ul li.select{width: 100%;}
.hover_effect a:before, .hover_effect a:after{display: none;}
}

@media all and (max-width:500px){
header .h_inner .logo{width: 150px; margin: 0;}
header .h_inner .gnb{width: 55%; right: -55%;}
header .h_inner .gnb>ul{margin-top: 20vw;}
header .h_inner .gnb ul .menu{max-height:50px; line-height: 50px;}
header .h_inner .gnb_button{width: 6vw;}
header .h_inner .gnb_button span{height: 1px;}
header .h_inner .gnb_button span.on1{transform: rotate(45deg) translate(3px, 6px);}
header .h_inner .gnb_button span.on2{transform: rotate(-45deg) translate(2px, -6px);}

.ft_btn{bottom: 4%; right: 4%; width: 20vw; height: 20vw;}

.sub_info_section .sub_info_title{margin-bottom: 20px;}
.sub_info_section .sub_info_title h2 br{display: block;}
.sub_info_section .table_wrap table:first-child{margin-bottom: 25px;}
.sub_info_section .table_wrap table tr th{padding: 2vw 0;}
.sub_info_section .table_wrap table tr td{padding: 2vw 0;}
}