._con{width: 100%;}
.mainBann{
position: relative;
}
.mainBann .imgWrap{
 margin: 0 auto;
 position:relative;
}
.mainBann .imgWrap::after {content:''; background:rgba(0,0,0,0.2); width:100%; height:100%; position:absolute; top:0; left:0;}
.mainBann .imgWrap .mo{
	display: none;
}
.mainBann .imgWrap img {width:100%;max-height: 700px; object-fit: cover;}
.mainBann .imgWrap span{
	background-color: rgba(255,255,255,0.8);
	display: inline-block;
	width: 410px;
	height: 100%;text-align: center;
	border-top: 20px solid var(--main);
	padding-top: 100px;
}
.mainBann .imgWrap span img{
	width: 312px;
}
.mainBann .main_txt {color:#fff; display:flex; align-items:center; justify-content:center; text-align:center; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.mainBann .main_txt > div {font-size:20px;}
.mainBann .main_txt strong {display:block; text-shadow:3px 3px 10px rgb(0,0,0,0.15); font-family: "GmarketSans"; font-size: 67px;}

.infobox {padding:3em 10px; font-size:16px; font-weight:300; text-align:center;}
.infobox strong {display:block; color:#3d71d0; font-family: "GmarketSans"; font-size:36px; font-weight:700;}
.priceWrap{
	/* height: 200px;
	background: linear-gradient(to left,#e3edff 50%,#d8e5ff 50%); */
}	

.priceWrap .box{
	width: 1200px;
	margin: 3em auto;
	
}
.priceWrap .box .txtWrap{
	float: left; height: 200px;
	width: 34%;
	padding-left: 35px;
	padding-top: 30px;
	padding-right: 36px;
}
.priceWrap .box .txtWrap .priceTxt .float:after{
	content: "";display: block;
	clear: both;
}
.priceWrap .box .txtWrap .priceTxt .float {
	border-top: 1px solid rgba(0,0,0,0.2);
	margin-top: 10px;
	padding-top:18px;
}
.priceWrap .box .txtWrap .priceTxt .float > div{
	float: left;
	margin-right: 18px;
	font-size: 18px;
	padding-left: 32px;
	background-size: 24px;position: relative;
	background-position: left;
	height: 30px;
	font-weight: 600;
	line-height: 30px;
}
.priceWrap .box .txtWrap .priceTxt .float > div.kakao{
	background-image: url(../img/common/kakao.png);
}
.priceWrap .box .txtWrap .priceTxt .float > div.telegram{
	background-image: url(../img/main/telegram_main.png);
}
.priceWrap .box .txtWrap .priceTxt .call{
	font-family: "GmarketSans";
	font-size: 34px;
	margin-top: 8px;
	padding-left: 42px;
	font-weight: 700;
	line-height: 58px;position: relative;
}
.priceWrap .box .txtWrap .priceTxt .call:after{
	content: "";display: block;
	width: 32px;
	height: 32px;
	background-image: url(../img/common/service_center.png);
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--main);
	border-radius: 42px;
	left: 0;
	top: 50%;position: absolute;
	transform: translateY(-60%);
}
.priceWrap .box .txtWrap .priceTxt .tit{
	font-size: 22px;
	font-weight: 600;margin-bottom: 20px;
	line-height: 22px;
}
.priceWrap .box .txtWrap .priceTxt .tit span{
	font-size:18px ;line-height: 22px;
	font-weight: 400;
}
.priceWrap .box .txtWrap .priceTxt .txt{
	font-size: 16px;
	line-height: 24px;font-weight: 500;
}
.priceWrap .box .price{
	float: left;
	display:table;
	width: calc(100% - 34%);
}
.priceWrap .box .price li{display:table-cell; vertical-align:middle; text-align: center; width: 50%; padding:4em 10px; position: relative;}
.priceWrap .box .price li div{vertical-align: middle; width: 100%;}
/* .priceWrap .box .price li:after{
	content: "";display: block;
	width: 1px;position: absolute;
	right: 0;
	top: 40px;
	height: 120px;background-color:rgba(0,0,0,0.1);
} */

.priceWrap .box .price li._02 {background:rgba(61,113,208,0.4); color:#fff;}
.priceWrap .box .price li._03 {background:#3d71d0; color:#fff;}
.priceWrap .box .price li._03 div{
	font-size: 24px;
}
.priceWrap .box .price li .tit{
	font-size: 24px;font-weight:200;
	line-height: 24px;
	margin-bottom: 10px;
}
.priceWrap .box .price li .txt{
	font-size: 28px;font-weight: 700;
	line-height: 40px;
}
.priceWrap .box .price li .sub{
	font-size: 22px;line-height: 22px;
}
.priceWrap .box .price li:nth-child(3):after{
	display: none;
}

.priceWrap .box .price li div{
font-family: 'GmarketSans';
}

/* 앱 다운로드 섹션 */
.appDownWrap {
    background: linear-gradient(135deg, #1a4fa8 0%, #3d71d0 60%, #5b8ee8 100%);
    padding: 5em 2em;
}
.appDownBox {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3em;
}
.appDownTxt {
    flex: 1;
    color: #fff;
}
.appTag {
    display: inline-block;
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 5px 14px;
    border-radius: 20px;
    margin-bottom: 1em;
}
.appTit {
    font-family: "GmarketSans";
    font-size: 38px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 1.2em;
    color: #fff;
}
.appFeatureList {
    list-style: none;
    padding: 0;
    margin: 0 0 2em;
}
.appFeatureList li {
    position: relative;
    padding-left: 1.8em;
    font-size: 17px;
    line-height: 1.6;
    color: rgba(255,255,255,0.9);
    margin-bottom: 0.4em;
}
.appFeatureList li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,0.6);
    border: 2px solid #fff;
}
.appDownBtn {
    display: inline-flex;
    align-items: center;
    gap: 0.6em;
    background: #fff;
    color: #3d71d0;
    font-size: 17px;
    font-weight: 700;
    padding: 0.85em 2em;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 4px 20px rgba(0,0,0,0.18);
}
.appDownBtn:hover {
    background: #3d71d0;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(0,0,0,0.25);
}
.appDownIcon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/common/down_icon_b.png) center/contain no-repeat;
}
.appDownBtn:hover .appDownIcon {
    filter: brightness(0) invert(1);
}
.appDownImg {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.appPhoneIco {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    border: 2px solid rgba(255,255,255,0.25);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.appPhoneIco::before {
    content: "📱";
    font-size: 90px;
    line-height: 1;
}

@media screen and (max-width: 720px) {
.appDownWrap {padding: 8vw 5vw;}
.appDownBox {flex-direction: column; gap: 1.5em; text-align: center;}
.appTit {font-size: 6.5vw; margin-bottom: 1em;}
.appFeatureList li {font-size: 4vw; text-align: left;}
.appDownImg {display: none;}
.appTag {font-size: 3vw;}
.appDownBtn {font-size: 4.2vw; padding: 0.9em 2em;}
}

.mainBtnWrap {background:#cfdef6; padding:5vw;}
.mainBtnWrap ul {
	display:flex; flex-wrap:wrap;
	max-width: 1280px;
	margin: 0 auto;
}

.priceTxt .info li {padding:8px 0; overflow:hidden;}
.priceTxt .info li + li {border-top:1px dashed #bbb;}
.priceTxt .info li span {float:left; width:70%; color:#999;}
.priceTxt .info li strong {float:right; width:30%; font-weight:500; text-align:right;}

.mainBtnWrap li{
	width: 48%;
	margin:1%;
	text-align: center;
	background-color: #fff; border-radius:16px;
	cursor: pointer;
	padding: 4em 1em;transition: 0.3s all;
}
.mainBtnWrap li:hover{background-color:#cff1ff;}
.mainBtnWrap li:nth-child(1), .mainBtnWrap li:nth-child(2) {padding:0; overflow:hidden;}
.mainBtnWrap li:nth-child(1) .imgwrap, .mainBtnWrap li:nth-child(2) .imgwrap {color:#fff; padding:4em 1em;}
.mainBtnWrap li:nth-child(1) .imgwrap {background:url(../img/main/btn_icon_01_bg.png) 50% 50% no-repeat; background-size:cover;}
.mainBtnWrap li:nth-child(2) .imgwrap {background:url(../img/main/btn_icon_02_bg.png) 50% 50% no-repeat; background-size:cover;}

/* .mainBtnWrap li:hover .icon{animation: mainBtn 1.5s infinite;} */
.mainBtnWrap li .icon{margin-bottom:3em;}
.mainBtnWrap li .txt{font-size: 22px;line-height: 22px;}
@keyframes mainBtn {
0% {transform: translateY(0);}
60% {transform: translateY(-20px);}
100%{transform: translateY(0);}
}

@media screen and (min-width:721px) {
.mainBann {padding:0 2em;}
.mainBann .imgWrap {border-radius:3em; overflow:hidden;}

.mainBann, .mainBtnWrap {min-width:1280px;}
.mainBtnWrap li {width:23%;}
.mainBtnWrap li:nth-child(1), .mainBtnWrap li:nth-child(2) {width:48%; text-align:left;}
.mainBtnWrap li:nth-child(1) .imgwrap, .mainBtnWrap li:nth-child(2) .imgwrap {padding:8em 4em 4em; transition:all .2s linear; transform:scale(1);}
.mainBtnWrap li:nth-child(1):hover .imgwrap, .mainBtnWrap li:nth-child(2):hover .imgwrap {transform:scale(1.1);}
.mainBtnWrap li:nth-child(1) .txt, .mainBtnWrap li:nth-child(2) .txt {font-size: 36px;line-height: 36px;}
}

@media screen and (max-width: 720px){
	header{padding-top: 0;}
.mainBann{
	width: 100%;
	overflow: hidden;
	margin-bottom: 0;
	position: relative;background-position: 60%;
}
.mainBann .imgWrap{
	height: 100%;
	width:100% ;margin: 0 auto;;

}
.mainBann .imgWrap img{
	height: initial;
	max-height: initial;
}
.mainBann .imgWrap .pc{display: none;}
.mainBann .imgWrap .mo{display:block;}
.mainBann .imgWrap span{
	background-color: rgba(255,255,255,0.8);
	width: 100%;border-top: 5vw solid var(--main);
	text-align: left;
	padding-left: 10vw;
	padding-top: 15vw;
}
.mainBann .imgWrap span img{
	width: 60%;
}
.mainBann .main_txt > div {font-size:2vw;}
.mainBann .main_txt strong {font-size: 6vw;}
.priceWrap{height: initial;}
.priceWrap .box .txtWrap{
	float: initial;
	width: 100%;
	height: initial;border-radius: 0;
	padding:5vw;
	padding-bottom: 3vw;
}
.priceWrap .box .txtWrap .priceTxt .tit{font-size: 4.166vw;   line-height: 5vw;margin-bottom: 3vw;}
.priceWrap .box .txtWrap .priceTxt .tit span{font-size: 3.5vw;line-height: 4.166vw;}
.priceWrap .box .txtWrap .priceTxt .txt{font-size:3.4vw;line-height: 4.6vw;}
.priceWrap .box .price{width: 100%;height: initial;}
.priceWrap .box{width: 100%; margin:1em auto 0;}
.priceWrap .box .txtWrap .priceTxt .call{
	font-size: 6.4vw;
    margin-top: 3.6vw;
    padding-left: 8.6vw;
	
    line-height: 8.6vw;
}
.priceWrap .box .txtWrap .priceTxt .call:after{

    width: 7.2vw;
    height: 7.2vw;

    background-size: 4vw;
  
    border-radius: 42px;
   

}
.priceWrap .box .price li:nth-child(3){border-radius: 0;}
.priceWrap .box .price li .tit{font-size: 3.2vw; line-height:inherit; margin-bottom:0;}
.priceWrap .box .price li .txt{
	font-size: 4vw;
}

.priceWrap .box .price li .sub {
    font-size: 3.6vw;
    line-height:3.6vw
}
.priceWrap .box .price li {
    padding: 4vw 10px;
}
.priceWrap .box .price li._01 div, .priceWrap .box .price li._03 div{
	font-size: 3.2vw;    line-height:5vw;
}
.priceWrap .box .price li:after {
	top: 5vw;
    height: 23vw;
}

.mainBtnWrap li {width: calc((100% - 6.8vw)/2); padding:5vw; margin:1.5vw;}
/* .mainBtnWrap{
	width: calc(100% - 10vw);
	margin: 5vw auto;clear: both;
	border-radius: 1.5vw;
}

.mainBtnWrap li {
    width: calc((100% - 3.4vw)/2);
    height: initial;
	margin-right: 3.4vw;
	margin-bottom: 3.4vw;
    padding-bottom: 5vw;
    padding-top: 5vw;


}
.mainBtnWrap li:nth-child(even){margin-right: 0;}
.mainBtnWrap li:nth-child(3n){margin-right: 3.4vw;}
.mainBtnWrap li:nth-child(6){margin-right:0} */
.mainBtnWrap li .icon{margin-bottom: 4vw;}
.mainBtnWrap li .icon img{width: 50%;}
.mainBtnWrap li .txt{font-size: 4vw;line-height: 4vw;}

.priceWrap .box .txtWrap .priceTxt .float {
	border-top: 1px solid rgba(0,0,0,0.2);
	margin-top: 1vw;
	padding-top:4vw;
}
.priceWrap .box .txtWrap .priceTxt .float > div{
	margin-right: 5.5vw;
	font-size: 5vw;
	padding-left: 6.8vw;
	background-size: 5vw;position: relative;
	background-position: left;
	height: 6vw;
	letter-spacing: -0.1vw;
	font-weight: 600;
	line-height: 6vw;
}

.infobox {font-size: 3.2vw; padding:1.5em 0;}
.infobox strong {font-size: 6vw;}

}/*720*/