@charset "utf-8";

* { margin:0; padding:0; border:none; box-sizing:border-box; }

h1, h2, h3, h4, h5, h6 { font-weight:600; }
th { text-align: center; }

body { line-height:1.4; overflow-x:hidden; font-family: "Pretendard Variable", sans-serif; font-weight: 400; }
input, select, textarea { font-size:.9em; font-family: inherit; resize:none; }
button { font-size:1rem; font-weight:600; cursor:pointer; }
ul, li { list-style:none; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }

a:link { transition: all .3s ease-in; }
a:link, a:visited, a:active, a:hover { color:inherit; font: inherit; text-decoration: none; }

address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block; }


:root {
    --main-width:1400px;
    --main-color1:#a21a4d;
    --main-color2:#163468;

    --main-color1-rgb:162, 26, 77;
    --main-color2-rgb:22, 52, 104;
}

.inner { max-width:var(--main-width); margin:0 auto; }
.pc_img { display:block; }
.tab_img { display:none; }
.mob_img { display:none; }
.pc { display:block; }
.tab { display:none; }
.mob { display:none; }

@media screen and (max-width: 1024px) {
    .inner { width: 100%; margin: 0 auto; padding: 0 2.6%; }
	.pc_img {display:none;}
	.tab_img {display:block;}
	.mob_img {display:none;}
	.pc {display:none;}
	.tab {display:block;}
	.mob {display:none;}
}

@media screen and (max-width: 767px) {
	.inner{width:100%; margin:0 auto; padding: 0 2.66%;}
	.pc_img {display:none;}
	.tab_img {display:none;}
	.mob_img {display:block;}
	.pc {display:none;}
	.tab {display:none;}
	.mob {display:block;}
}


/* 헤더 */
#header { position:relative; padding:10px 0; border-top:5px solid var(--main-color1); background:#fff; box-shadow:0 0 15px rgba(0,0,0,.05); z-index:9; }
#header .inner { display:flex; justify-content: space-between; align-items:center; }
#header .logo { display:flex; align-items: center; }
#header .logo span { font-size:1.5rem; font-weight:900; color:var(--main-color2); }
#header .tel a { font-size:1.875rem; font-weight: 900; color:var(--main-color1); display:flex; align-items: center; }
#header .tel i { font-size:.875rem; background:var(--main-color1); color:#fff; width:30px; height:30px; border-radius: 99px; display: flex; align-items: center; justify-content: center; margin-right:5px; }


@media screen and (max-width: 767px) {
	#header { border-width:3px; }
	#header .logo a { width:70px; }
	#header .logo img { max-width:100%; }
	#header .logo span { font-size:1rem; }

	#header .tel a { font-size:1rem; }
	#header .tel i { font-size:.625rem; width:20px; height:20px; }
}


/* 내용 */
main { }


/* 푸터 */
/*
#footer ul, #footer dl { display:flex; align-items: center; justify-content: center; }
#footer dt { margin-right:5px; }
#footer dd:not(:last-of-type) { margin-right:10px; }

#footer .bg { position: relative; }
#footer .bg:before { content:""; position:absolute; left:50%; top:0; bottom:0; width:100vw; background:var(--bg-color); transform: translateX(-50%); z-index:-1; }

#footer .partners { padding:30px 0 25px; }
#footer .partners li { margin:0 10px; }
#footer .links { padding:10px 0; font-size:.875rem; --bg-color:#f4f0ea; }
#footer .links li { margin:0 20px; }

#footer .copyright { padding:40px 0; font-size:.875rem; text-align:center; color:rgba(255,255,255,.8); --bg-color:#202020; }
#footer .contact { color:#fff; display:flex; align-items: center; justify-content: center; margin:7px 0 5px; }
#footer .contact span { margin-right:15px; }
*/
#footer { line-height: 1; background: #ff4c4c; padding: 50px 0px;}
#footer .inner { display: flex; justify-content:space-between; align-items: center}
#footer .footer_box { display: flex; align-items: center; gap:30px}
#footer .left_wrap { padding-right: 45px;}
#footer .right_wrap { display: flex;gap:20px; flex-direction: column; align-items: flex-end; }
#footer .right_wrap a.f_btn { display: block; width: 140px; height: 40px; text-align: center; font-size: 16px;line-height: 40px;color: #fff; background: rgba(255,255,255,.1);}
#footer .right_wrap a.f_logo img { height: 73px;}
#footer .right_wrap .box_wrap { display: flex; gap:5px;}
#footer .right_wrap .box_wrap .box a { display: block; background: linear-gradient(90deg, rgba(255,149,55,1) 0%, rgba(253,101,78,1) 100%); color: #fff; width: 150px; height: 45px; font-size: 16px; font-weight: 500; text-align: center; line-height: 45px; border-radius:5px; }
#footer strong { display: block;font-size: 30px;font-weight: 700;color: #fff;margin-bottom: 40px;}
#footer ul { display: flex;gap:20px;margin-bottom: 40px;}
#footer ul li { position: relative;}
#footer ul li:after { content:'';position: absolute;right: -10px;top: 50%;transform:translateY(-50%);width: 1px;height: 8px;background: #fff;}
#footer ul li:last-child:after { display: none;}
#footer ul li a { font-size: 17px;color: #fff;}
#footer address { font-size: 17px;color: #fff;}
#footer address p { line-height: 28px;margin-top: 15px;}
#footer address p.m_add { display: none;}
#footer address p b { display: none;}
#footer address p strong { display: block;margin-bottom: 0;}
#footer address p em { margin: 0 8px;}
#footer .copy { font-size: 15px;color: #fff; line-height: 1; margin-top: 20px;}

@media screen and (max-width: 1024px) {
	#footer{line-height: 1; background: #ff4c4c; padding: 50px 0px;}
	#footer .inner{display: flex; justify-content:space-between; align-items:center; flex-direction: column}
	#footer .footer_box {display: flex; align-items: center; gap:0; flex-direction: column}
	#footer .left_wrap{padding-right: 0; padding: 20px 0;}
	#footer .right_wrap{display: flex;gap:20px; flex-direction: column; align-items: center; }
	#footer .right_wrap a.f_btn{display: block; width: 140px; height: 40px; text-align: center; font-size: 16px;line-height: 40px;color: #fff; background: rgba(255,255,255,.1);}
	#footer .right_wrap .box_wrap{display: flex; gap:5px;}
	#footer .right_wrap .box_wrap .box a{display: block; background: linear-gradient(90deg, rgba(255,149,55,1) 0%, rgba(253,101,78,1) 100%); color: #fff; width: 130px; height: 40px; font-size: 15px; font-weight: 500; text-align: center; line-height: 40px; border-radius:5px ;}
	#footer strong{display: block;font-size: 30px;font-weight: 700;color: #fff;margin-bottom: 40px; text-align: center;}
	#footer ul{display: flex;gap:20px;margin-bottom: 30px; justify-content: center}
	#footer ul li{position: relative;}
	#footer ul li:after{content:'';position: absolute;right: -10px;top: 50%;transform:translateY(-50%);width: 1px;height: 8px;background: #fff;}
	#footer ul li:last-child:after{display: none;}
	#footer ul li a{font-size: 14px;color: #fff;}
	#footer address{font-size: 13px;color: #fff;margin-bottom: 0;}
	#footer address p{line-height: 24px;margin-top: 15px; text-align: center;}
	#footer address p.m_add{display: none;}
	#footer address p b{display: none;}
	#footer address p strong{display: block;margin-bottom: 0;}
	#footer address p em{margin: 0 8px;}
	#footer .copy{font-size: 13px;color: #fff;}
	#footer .right_wrap a.f_logo img{height: 73px;}
	#footer .right_wrap a.f_logo01 img{width: 218px;}
}
@media screen and (max-width: 767px) {
	#footer{line-height: 1; background: #ff4c4c; padding: 40px 0px;}
	#footer .inner{display: flex; justify-content:space-between; align-items:center; flex-direction: column}
	#footer .left_wrap{padding-right: 0; padding: 20px 0;}
	#footer .right_wrap{display: flex;gap:15px; flex-direction: column; align-items: center; }
	#footer .right_wrap a.f_btn{display: block; width: 105px; height: 30px; text-align: center; font-size: 12px;line-height: 30px;color: #fff; background: rgba(255,255,255,.1);}
	#footer .right_wrap .box_wrap{display: flex; gap:5px;}
	#footer .right_wrap .box_wrap .box a{display: block; background: linear-gradient(90deg, rgba(255,149,55,1) 0%, rgba(253,101,78,1) 100%); color: #fff; width: 120px; height: 35px; font-size: 14px; font-weight: 500; text-align: center; line-height:35px; border-radius:5px ;}
	#footer strong{display: block;font-size: 18px;font-weight: 600;color: #fff;margin-bottom: 20px; text-align: center;}
	#footer ul{display: flex;gap:8px 12px;margin-bottom: 20px; justify-content: center; flex-wrap:wrap; width: 80%; margin: 0 auto;}
	#footer ul li{position: relative;}
	#footer ul li:after{content:'';position: absolute;right: -7px;top: 50%;transform:translateY(-50%);width: 1px;height: 8px;background: #fff;}
	#footer ul li:last-child:after{display: none;}
	#footer ul li a{font-size: 12px;color: #fff;}
	#footer address{font-size: 12px;color: #fff;margin-bottom: 0;}
	#footer address p{line-height: 20px;margin-top: 15px; text-align: center;}
	#footer address p.pc_add{display: none;}
	#footer address p.m_add{display: block;}
	#footer address p b{display: none;}
	#footer address p strong{display: block;margin-bottom: 0;}
	#footer address p em{margin: 0 8px;}
	#footer .copy{font-size: 12px;color: #fff;}
	#footer .right_wrap a.f_logo img{height: 40px;}
	#footer .right_wrap a.f_logo01 img{width: 109px;}
}



/* 퀵메뉴 */
.quick_menu_pc { position: fixed; right: 50%;top: 50%;transform: translateY(-50%);margin-right: -900px;z-index: 1000; }
.quick_menu_pc ul { background: #fff;padding: 0 20px; border:1px solid #aaa; border-radius:15px; }
.quick_menu_pc ul li { padding: 15px 0px; }
.quick_menu_pc ul li:not(:last-child) { border-bottom: 1px solid #eaeaea; }
.quick_menu_pc ul li img { display: block; margin: 0 auto 10px; }
.quick_menu_pc ul li p { font-size: 15px; color: #444;text-align: center; }
.quick_menu_pc ul li em { display: block; text-align: center;color: rgba(34,34,34,.5); font-size: 13px; line-height: 13px;margin: 0px 0 3px; }
@media screen and (max-width: 1024px) {
	.quick_menu_pc{display: none;}
}

/* 카카오팝업 */
#popup { position:fixed; left:50%; top:50%; transform: translate(-50%, -50%); max-width:95%; z-index:99999; }
#popup::before { content: ""; position: fixed; width:100vw; height:100vh; background:rgba(0,0,0,.7); left:50%; top:50%; transform: translate(-50%, -50%); z-index:-1; }
#popup a { display: block; }
#popup img { max-width:100%; }
#popup .close-box { padding:5px 10px; text-align: right; background:#101010; }
#popup label { cursor: pointer; }

.popup_wrap { background-color: rgba(0,0,0,.3);display: flex;  justify-content: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 15px; z-index: 10000; }
.popup { position: relative; width: 600px; height: auto; padding: 40px; background: #fff; text-align: center; margin: 0 auto; border-radius: 10px; }
.popup .close { position: absolute;right: 30px;top: 30px;z-index: 2;cursor: pointer; }
.popup .close a img { width: 22px;height: 22px; }
.p_content .tit_wrap strong { font-size: 24px; display: block; color: #222; position: relative; }
.p_content .tit_wrap strong:before { position:absolute; content:''; background: url('/images/main/kakao_logo.png')center no-repeat; width:28px; height:28px; top:4px; left: 135px; background-size: contain; }
.p_content .tit_wrap span { font-size: 15px; color: #555; }
.p_content .txt_wrap strong { font-size: 20px; background: #01c1d6; color: #fff; height: 35px; width: 140px; line-height: 35px; border-radius: 50px; display: inline-block;
text-align: center; margin: 15px 0; }
.p_content .txt_wrap ul { display: flex; flex-direction: column; align-items: center; }
.p_content .txt_wrap ul li { display: flex; text-align: left; font-size: 16px; color: #222; }
.p_content .txt_wrap ul li b { display: block; width: 55px; }