@charset "utf-8";
ul {list-style:none; margin:0; padding:0;}
p {margin:0;}

body .proxy {}
body .proxy-box {padding:40px 70px; display:flex; align-items:center; gap:30px; border-radius: 30px;background: var(--base1);}
body .proxy-box-img {}
body .proxy-box-img img {}
body .proxy-box ul {flex-grow:1;}
body .proxy-box ul li {padding-left:14px; color:#fff;font-size: var(--fs18);font-weight: 600;line-height:1.7; position:relative;}
body .proxy-box ul li:before {width:4px; height:4px; background:#fff; border-radius:50%; left:0; top:11px; position:absolute; display:block; content:'';}
body .proxy-box a.btnType2 {width:450px;}
body .proxy-box a.btnType2+a.btnType2 {margin-top:10px;}
body .proxy-box a.btnType2:hover .arrow {width:45px;}
body .btnType2.white {background-color:#fff; color:var(--base1);}
body .btnType2.white:before {background-image:url(/images/reservation/i-check-blue.svg);}
body .btnType2.white .arrow {background-color:var(--base1);}
body .btnType2.white .arrow:after {background-image:url(/images/common/arrow_right_blue.svg);}

body .proxy-tit {display:flex; gap:20px; }
body .proxy-tit h4 {}
body .proxy-tit p {color: #999; font-size:var(--fs16);font-weight: 600;line-height:2}

body .proxy-list {display: flex; gap:20px;}
body .proxy-item {width: calc((100% - 40px)/3); padding: 50px; display:flex; flex-direction: column; gap: 10px;flex-shrink: 0;border-radius: 40px;border: 5px solid #FFF;background: #F9F9F9;box-shadow: 12px 9px 40px 0px rgba(0, 0, 0, 0.10);}
body .proxy-item h5 { padding-left:60px;color:var(--base1);font-size: var(--fs22);font-weight: 600; line-height:1.45; position:relative;}
body .proxy-item h5:before {left:0;top:0; width:44px;line-height:44px; color:#fff; background:var(--base1); font-size:var(--fs24); font-weight:800; border-radius:50%; position:absolute; display:block; content:''; text-align:center;}
body .proxy-item:nth-child(1) h5:before {content:'1';}
body .proxy-item:nth-child(2) h5:before {content:'2';}
body .proxy-item:nth-child(3) h5:before {content:'3';}
body .proxy-item p,
body .proxy-item ul li { padding-left:64px; color: #999;font-size: var(--fs18);font-weight: 600;line-height: 1.7}




body .proxy .downBtnWrap {}

body .proxy .downBtnWrap .downBtn {display: flex; gap: 50px;}
body .proxy .downBtnWrap .downBtn p {position:relative; text-align:left; padding-left:15px; margin-bottom:5px; font-weight:600; color:#000;}
body .proxy .downBtnWrap .downBtn p:before {position:absolute; content:""; left:0; top:11px; width:5px; height:5px; background:#aaa; border-radius:100px;}

body .proxy .downBtnWrap .downBtn p span {color:var(--base1);}

body .proxy .downBtnWrap .downBtn a {display: inline-block; padding: 10px 20px; padding-bottom:13px; border:3px solid #eee; background-size:32px; border-radius:100px; color:#000; transition:.3s; background:#fff;}
body .proxy .downBtnWrap .downBtn a:hover {border:3px solid #1398de; color: #1398de;}
body .proxy .downBtnWrap .downBtn a:last-child:hover {border:3px solid #ff0b17; color:#ff0b17;}
body .proxy .downBtnWrap .downBtn a b {padding-top:3px; font-weight:400;}
body .proxy .downBtnWrap .downBtn a span {padding:3px 10px 6px 10px; background:#1398de; border-radius:100px; color:#fff; font-size:14px; font-weight:600; margin-right:5px;}
body .proxy .downBtnWrap .downBtn a:last-child span {background:#ff0b17;}





/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	
	body .proxy-box {flex-wrap:wrap;padding:30px 40px; gap:20px;}
	body .proxy-box-img {}
	body .proxy-box-img img {}
	
	body .proxy-box ul {}
	
	body .proxy-box a.btnType2 {}
	
	body .proxy-list {flex-direction:column;}
	body .proxy-item {width:100%; padding:40px;}
	
	
	
	
	
}







/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	
	body .proxy-box {padding:20px 30px;}
	body .proxy-box-img {}
	body .proxy-box-img img {}
	
	body .proxy-box ul {}
	
	body .proxy-box a.btnType2 {width:100%; line-height: 1.3; border-radius: 5px; padding: 10px 15px;}
	body .proxy-box a.btnType2 i {display:none;}
	body .proxy-box a.btnType2:before {content:none;}
	
	body .proxy-list {flex-direction:column;}
	body .proxy-item {width:100%; padding:30px;}
	body .proxy-item h5 {padding-left:40px;}
	body .proxy-item h5:before {width:30px; line-height:30px; font-weight:400;}
	body .proxy-item p,
	body .proxy-item ul li {padding-left:40px;}
	
	body .proxy-tit {gap: 0; flex-direction: column;}
	
	body .proxy .downBtnWrap .downBtn a+a {margin-top:10px;}
	
	
}