@charset "utf-8";
input[type="radio"],
input[type="checkbox"]    { border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
input:focus-visible,
select:focus-visible      { outline: none;}

/* common */
.main        { overflow: hidden;min-width:1200px;letter-spacing: -1px;}
.inner       { width:1200px;margin:0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.inner:after { content:'';clear:both;display: block;}

/* header */
.header   { padding:14px 0; background: linear-gradient(to right, #FF9B00 50%, #fff 50%);}
.logo     { width:1200px;margin:0 auto}
.logo img { height: 20px;padding:16px 0;}

/* section-spot */
.section-spot{ height:710px;-webkit-box-sizing: border-box;box-sizing: border-box; background: linear-gradient(to right, #FF9B00 50%, #fff 50%);}
.section-spot > .inner{font-size: 0; padding-top: 30px}

/* spot-left */
.spot-left  { position: relative; display: inline-block; width: 50%; vertical-align: top;}
.spot-tit   { color:#fff;font-size: 56px;font-weight: 700;}
.spot-chat             { position: relative; width:350px;height:440px; margin-top: 84px; background:url(../img/1R/bg_phone.png) no-repeat; -webkit-box-sizing: border-box;box-sizing: border-box;}
.spot-chat::after      {  position: absolute; bottom: -20px; right: -215px; width: 240px; height: 170px; background: url(../img/1R/ico_rich.png) no-repeat; background-position: center; content: '';}
.spot-chat__inner      { width:100%;height:100%; padding-top: 93px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.spot-chat__bd         { overflow: hidden; display: block; width: 100%; height: 100%; padding:0 46px; -webkit-box-sizing: border-box;box-sizing: border-box;}
.spot-chat__bd ul      { position: relative; letter-spacing: -0.2px; margin-top: 355px;}
.spot-chat__bd ul::after{ display: block; clear: both; content: '';}
.spot-chat__bd li      { clear:both;margin-top: 35px;padding:12px 16px;font-size: 16px;border-radius:14px;line-height: 1.4;}
.spot-chat1            { z-index: 2; padding: 16px !important;}
.spot-chat1 img        { padding: 2px 0 0 5px;}
.spot-chat2            { opacity: 0; z-index: 2;}
.spot-chat3            { opacity: 0; z-index: 2;}
.spot-chat4            { opacity: 0; padding: 16px !important;}
.spot-chat__col1       { position: relative;float:right;background: #FF9900;color:#fff; text-align: right;}
.spot-chat__col1:after { content:'';position: absolute;top:-13px;right:-7px;z-index: -1;width: 0px;height: 0px;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-right: 30px solid #FF9900;-webkit-transform:rotate(125deg); transform: rotate(125deg);}
.spot-chat__col2       { position: relative;float:left;background: #eee;color:#1A1A1A;}
.spot-chat__col2:after { content:'';position: absolute;top:-12px;left:-6px;z-index: -1;width: 0px;height: 0px;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-right: 30px solid #eee;-webkit-transform:rotate(57deg); transform: rotate(57deg);}
.spot-chat__dot-bg { display: inline-block; height: 8px; width: 8px; border-radius: 8px; margin:0 2px;}
.spot-chat__dot1   { -webkit-animation: loaderchata 2.5s ease-in-out infinite; animation: loaderchata 2.5s ease-in-out infinite;}
.spot-chat__dot2   { -webkit-animation: loaderchatb 2.5s ease-in-out infinite; animation: loaderchatb 2.5s ease-in-out infinite;}
.spot-chat__dot3   { -webkit-animation: loaderchatc 2.5s ease-in-out infinite; animation: loaderchatc 2.5s ease-in-out infinite;}
@keyframes loaderchata{
	0%   { background-color: rgb(204, 204, 204);}
	25%  { background-color: rgb(179, 179, 179);}
	50%  { background-color: rgb(204, 204, 204);}
	75%  { background-color: rgb(204, 204, 204);}
	100% { background-color: rgb(204, 204, 204);}
}
@keyframes loaderchatb{
	0%   { background-color: rgb(204, 204, 204);}
	25%  { background-color: rgb(204, 204, 204);}
	50%  { background-color: rgb(179, 179, 179);}
	75%  { background-color: rgb(204, 204, 204);}
	100% { background-color: rgb(204, 204, 204);}
}
@keyframes loaderchatc{
	0%   { background-color: rgb(204, 204, 204);}
	25%  { background-color: rgb(204, 204, 204);}
	50%  { background-color: rgb(204, 204, 204);}
	75%  { background-color: rgb(179, 179, 179);}
	100% { background-color: rgb(204, 204, 204);}
}

/* spot-prd */
.spot-prd                           { position: relative; display: -webkit-box; display: flex; flex-wrap: wrap; gap: 12px; width: 450px; padding: 40px 0; font-size: 0;}
.spot-prd li                        { display: inline-block;}
.spot-prd .prd_lst                  { position: relative; width: 142px; height: 56px; padding-top: 16px; background-color: #F1F1F1; border-radius: 10px; -webkit-box-sizing: border-box;box-sizing: border-box; cursor: pointer; transition: background-color 0.3s;}
.spot-prd .prd_lst .prd_tit         { display: inline-block; position: relative; font-size: 18px; font-weight: 500; transition: background-color 0.1s cubic-bezier(0.55, 0.24, 1, 1);}
.spot-prd .prd_lst .prd_tit::before { content: ''; display: none; position: relative; left: -6px; width: 14px; height: 14px; background: url('../img/1R/ico_check.png');}
/* spot-prd : checked */
.spot-prd input:checked + label .prd_lst                  { background-color: #FF9B00; color: #fff;}
.spot-prd input:checked + label .prd_lst .prd_tit         { color: #fff;}
.spot-prd input:checked + label .prd_lst .prd_tit::before { display: inline-block;}

/* spot-right */
.spot-right { float: right; display: inline-block; width: 450px; padding-top: 40px; text-align: center; font-size: 0; vertical-align: top;}
.spot-txt   { line-height: 1.4; color:#1A1A1A;font-size:30px;font-weight: 600;}
.prd-bttn   {
    display: block; position: relative; width:260px;height:60px;margin: 0 auto;
    background-color:#393939; border-radius: 30px; border: 2px solid transparent;
    font-size: 20px;font-weight: 700; color:#fff;line-height: 55px;text-align: center; letter-spacing: -0.4px; -webkit-box-sizing: border-box;box-sizing: border-box;
    padding-left: 5px; transition: all 0.2s ease;
}
.prd-bttn::before{ position: relative; top: 3px; left: -9px; display: inline-block; width: 20px; height: 20px; background: url('../img/1R/ico_kakao.png') no-repeat; background-position: left center; content: '';}
.prd-bttn:hover{ background-color: #fff; border: 2px solid #393939; color: #393939;}
.prd-bttn:hover::before{  background:url('../img/1R/ico_kakao_hover.png') no-repeat;}

/* section-step */
.section-step{padding:71px 0 68px;background: #FFF7EB;text-align: center;letter-spacing: 1px;}
.section-step__lst{ display: -webkit-box; display: flex; webkit-box-pack:justify; justify-content:space-between; -webkit-box-align: center; align-items: center; margin-top: 40px;}
.section-step__lst li{
    position: relative;float: left;width:230px;height:300px;padding-top: 48px;
    border-radius: 28px;-webkit-box-sizing: border-box;box-sizing: border-box;background: #fff;letter-spacing: -.5px;
}
.section-step__lst li:after{
    content:'';position: absolute;top:50%;left:-50px;width:18px;height:30px;margin-top: -15px;
    background: url("../img/1R/arrow1.png") no-repeat;
}
.section-step__lst li:first-child:after{content:none}
.section-step__htit{color:#1A1A1A;font-size: 30px;font-weight: bold;letter-spacing: -.5px;}
.section-step__tit{display: block;margin: 0 0 9px;color:#1A1A1A;font-size: 20px;font-weight: bold;}
.section-step__txt{color:#6a6a6a;font-size: 16px;}
.section-step__img{margin-top: 20px;}

/* footer */
/* .footer-dplt{padding:38px 0;border-bottom: 1px solid #c7c7c7;color:#B4B4B4;font-size: 14px;line-height: 24px;letter-spacing: -.35px;} */
.footer-dplt{background: #fff; border: 1px solid #ddd;border-width:1px 0;text-align: left;}
.footer-dplt p{padding-bottom: 0;color:#1A1A1A;padding: 20px 0;width: 1200px;margin: 0 auto;font-size: 15px;line-height: 24px;}
.footer__highlight{background: #f7f7f7;;border-bottom: 1px solid #ccc;font-size:13px;}
.footer__highlight p{margin-top: 5px;}
.footer__highlight-inner{width:1200px;margin:0 auto;padding:20px 0;line-height:18px}
.color-red {color: #FF0000 !important;}
.footer-info{width:1200px;margin:0 auto;padding:40px 0;letter-spacing: -.5px;}
.footer-term{overflow: hidden;}
.footer-term li{float: left;margin-right: 45px;color:#1A1A1A;font-size: 16px;font-weight: bold;}
.footer-term__about{padding-right:12px;background: url("../img/1R/ico_link.png") no-repeat 99% 6px;}
.footer-desc{margin-top: 25px;color:#1A1A1A;font-size: 15px;line-height: 32px;}
.footer-addr{display: inline-block;}
.footer-blank{margin-left: 27px;}