@charset "utf-8";
@font-face {
	font-family: 'NotoSans';
	src: url('../fonts/NotoSansCJKkr-Regular.eot');
	src: url('../fonts/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/NotoSansCJKkr-Regular.woff') format('woff'),
			url('../fonts/NotoSansCJKkr-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'NotoSans';
	src: url('../fonts/NotoSansCJKkr-Medium.eot');
	src: url('../fonts/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'),
			url('../fonts/NotoSansCJKkr-Medium.woff') format('woff'),
			url('../fonts/NotoSansCJKkr-Medium.ttf') format('truetype');
	font-style: normal;
	font-weight: 600;
}

@font-face {
  font-family: 'NotoSans-Light';
  src: url('../fonts/NotoSans-Light.eot'),
      url('../fonts/NotoSans-Light.woff') format('woff'),
      url('../fonts/NotoSans-Light.ttf') format('truetype');
  src: local("※"),
    url('../fonts/NotoSans-Light.eot'),
    url('../fonts/NotoSans-Light.woff') format('woff'),
    url('../fonts/NotoSans-Light.ttf') format('truetype'),
    url('../fonts/NotoSans-Light.svg#webfonturzspG4F') format('svg');
}



@font-face {
	font-family: 'NotoSans';
	src: url('../fonts/NotoSansCJKkr-Regular.eot');
	src: url('../fonts/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/NotoSansCJKkr-Regular.woff') format('woff'),
			url('../fonts/NotoSansCJKkr-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'NotoBold';
	src: url('../fonts/notokr-Bold.eot');
	src: url('../fonts/notokr-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/notokr-Bold.woff') format('woff'),
			url('../fonts/notokr-Bold.ttf') format('truetype');
	font-style: normal;
}






/* **** Common Reset **** */
*{word-break:break-all;word-wrap:break-word;}
html, body, div, dl, dt, dd, ul, ol, li, p {margin: 0px;padding: 0px;font-family: 'NotoSans', sans-serif;list-style: none;word-break: keep-all;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin: 0;padding: 0;}
input,select,textarea{vertical-align: middle; margin: 0; padding: 0; border: 0; font-family: 'NotoSans', sans-serif;}
a{text-decoration: none;vertical-align: middle;font-size: inherit;color: inherit;transition:all 0.3s ease-in-out;font-family: 'NotoSans', sans-serif;}
img{border: 0; vertical-align: middle; margin:0; padding: 0; border: 0;max-width: 100%;}
figure{margin: 0px; padding: 0px;}
button{margin: 0; padding: 0; border: none;background: none; font-family: 'NotoSans', sans-serif; cursor: pointer;}
table {border-collapse: collapse; width: 100%;}
caption{width: 0; height: 0; font-size: 0; overflow: hidden;}


.hidden {overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;line-height: 0;border: none;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}

/*시작*/
.wrap{position:relative;}
.div-logo{height: 60px;position: absolute !important;left: 0;right: 0;z-index: 2;text-align: center;width: 1920px;margin: 0 auto;}
.div-logo a{display:inline-block;position: absolute;top: 23px;left: 30px;}
.div-logo .txt-r{float:right;margin-top: 20px;margin-right: 20px;}

.div-logo-in{position:relative;}

.mo-bg{text-align: center;width: 1920px;margin: 0 auto;position: relative;}
.mo-bg > img{width:100%;}
.wrap > div{position:relative;}


.btn01{display:inline-block;width: 26.9%;position: absolute;bottom: 37%;left: 38%;}
.btn01 img {width:100%;}
.go01-btn{display:inline-block;/*width: 3.5%;*/position: absolute;bottom: 39%;left: 65%;}
.go01-btn img{width:100%;}
.btn02{display:inline-block;width: 26.9%;position: absolute;bottom: 14%;left: 54%;}
.btn02 img {width:100%;}
.go02-btn{display:inline-block;/*width: 3.5%;*/position: absolute;bottom: 19%;left: 81%;}
.go02-btn img{width:100%;}
.btn03{display:inline-block;width: 26.2%;position: absolute;bottom: 7%;left: 17%;}
.btn03 img {width:100%;}
.go03-btn{display:inline-block;/*width: 3.2%;*/position: absolute;bottom: 8.5%;left: 43.7%;}
.go03-btn img{width:100%;}

#slider01{position: absolute;top: 14%;left: 12.5%;width: 35%;}

.tab-box a{float: left;display: inline-block;width: 33%;}
.tab-box a img{width:100%;}
.tab-box-cont{display: none;}
.tab-box-cont img {width:100%;}
.tab-box{width: 100%;position: absolute;top: 26.7%;left: 3%;width: 37%;}
.tab-box-cont{position: absolute;top: 31.5%;left: 3%;width: calc(100% - 100px);}

.content4 .mo-bg{background:#e9e9f5;}
.con4-titTop{width: 54%;margin:0 auto;padding-top: 3%;padding-bottom: 3%;}
.con4-titTop img{width:100%;}
.item-box{text-align:center;}
.item-box a{margin: 0 1%;display:inline-block;width: calc(100% / 4 - 130px);border-radius: 10px 10px;box-shadow: 1px 5px 18px 10px rgba(0, 0, 0, 0.2);}
.item-box a img{width:100%;border-radius: 5px;}
.add-item-btn{display: inline-block;margin-top: 2.2%;margin-bottom: 3%;border-radius: 500px;box-shadow: 4px 13px 17px 1px rgba(0, 0, 0, 0.2);}
.add-item-btn img{border-radius: 95px;}
.item-priceBox-out{width: 79%;margin: 0 auto;margin-top: 2.5%;background:url(../images/dot_bg01.jpg) repeat-x left top;padding-top: 2.3%;}
.item-priceBox > div {display:none; position: relative;background: #ffffff;margin-bottom: 10px;text-align: left;border: 1px solid#535353;border-radius: 10px;padding: 18px 0 14px 0;/* overflow: hidden; */}
.item-priceBox > div.on{display:block;}
.item-priceBox > div .tit01{display: inline-block;padding-left: 67px;margin-left: 125px;width: 37%;}
.item-priceBox > div .tit01 p {font-size: 35px;line-height: 40px;color: #434242;font-family: 'NotoBold';display: inline-block;}
.item-priceBox > div .tit01 span {display:inline-block;font-size: 23px;line-height: 40px;color: #434242;margin-left: 10px;}
.c4-input{display: inline-block;width: 270px;height: 35px;position: relative;vertical-align: top;}
.c4-result{width: 21%;position: absolute;right: 105px;top: 16px;text-align: right;}
.c4-result p {font-family: 'NotoBold';display: inline-block;font-size: 35px;line-height: 40px;color: #000000;}
.c4-result label {font-family: 'NotoBold';display: inline-block;font-size: 35px;line-height: 40px;color: #000000;}
.item-close{position:absolute;right: 35px;top: 26px;}
.c4-input > p {display: inline-block;font-size: 26px;color: #434242;position: absolute;left: 0;top: 4px;}
.newslist-style{width: 30px;height: 30px;position: absolute;top: 22px;left: 23px;}

.item01-c .left-bg{display: inline-block;width: 78px;height: 78px;background: #afb8fa;border: 1px solid #afb8fa;position: absolute;left: -1px;top: -1px;border-radius: 9px 0px 0px 9px;}
.item01-c .tit01{background: url(../images/content4_img01.jpg) no-repeat left top;}
#newslist-1{z-index: 9999999;}
#min1{width: 23px;height: 12px;background: url(../images/spinner_down.jpg) no-repeat left top;font-size: 0;position: absolute;bottom: -3px;right: 0;}
#add1{width: 23px;height: 12px;background: url(../images/spinner_up.jpg) no-repeat left top;font-size: 0;position: absolute;top: 5px;right: 0;}
#text_box1{background:#afb8fa;border: 1px solid #535353;padding: 2px 0;text-align: center;font-size: 24px;color: #000000;font-family: 'NotoBold';width: 165px;margin-left: 64px;}

.item02-c .left-bg{display: inline-block;width: 78px;height: 78px;background: #fdbf00;border: 1px solid #afb8fa;position: absolute;left: -1px;top: -1px;border-radius: 9px 0px 0px 9px;}
.item02-c .tit01{background: url(../images/content4_img02.jpg) no-repeat left top;}
#newslist-2{z-index: 9999999;}
#min2{width: 23px;height: 12px;background: url(../images/spinner_down.jpg) no-repeat left top;font-size: 0;position: absolute;bottom: -3px;right: 0;}
#add2{width: 23px;height: 12px;background: url(../images/spinner_up.jpg) no-repeat left top;font-size: 0;position: absolute;top: 5px;right: 0;}
#text_box2{background:#fdbf00;border: 1px solid #535353;padding: 2px 0;text-align: center;font-size: 24px;color: #000000;font-family: 'NotoBold';width: 165px;margin-left: 64px;}

.item03-c .left-bg{display: inline-block;width: 78px;height: 78px;background: #ff9ea3;border: 1px solid #afb8fa;position: absolute;left: -1px;top: -1px;border-radius: 9px 0px 0px 9px;}
.item03-c .tit01{background: url(../images/content4_img03.jpg) no-repeat left top;}
#newslist-3{z-index: 9999999;}
#min3{width: 23px;height: 12px;background: url(../images/spinner_down.jpg) no-repeat left top;font-size: 0;position: absolute;bottom: -3px;right: 0;}
#add3{width: 23px;height: 12px;background: url(../images/spinner_up.jpg) no-repeat left top;font-size: 0;position: absolute;top: 5px;right: 0;}
#text_box3{background:#ff9ea3;border: 1px solid #535353;padding: 2px 0;text-align: center;font-size: 24px;color: #000000;font-family: 'NotoBold';width: 165px;margin-left: 64px;}

.item04-c .left-bg{display: inline-block;width: 78px;height: 78px;background: #84b7fa;border: 1px solid #afb8fa;position: absolute;left: -1px;top: -1px;border-radius: 9px 0px 0px 9px;}
.item04-c .tit01{background: url(../images/content4_img04.jpg) no-repeat left top;}
#newslist-4{z-index: 9999999;}
#min4{width: 23px;height: 12px;background: url(../images/spinner_down.jpg) no-repeat left top;font-size: 0;position: absolute;bottom: -3px;right: 0;}
#add4{width: 23px;height: 12px;background: url(../images/spinner_up.jpg) no-repeat left top;font-size: 0;position: absolute;top: 5px;right: 0;}
#text_box4{background:#84b7fa;border: 1px solid #535353;padding: 2px 0;text-align: center;font-size: 24px;color: #000000;font-family: 'NotoBold';width: 165px;margin-left: 64px;}

.text-bot{text-align: left;font-size:18px;line-height:22px;color:#444444;margin-top: 1.2%;}
.zong1-box{text-align: right;padding-left: 160px;padding-top: 40px;background: url(../images/content4_img05.png) no-repeat left top;display: inline-block;position: relative;margin-top: 1.5%;margin-bottom: 1.5%;z-index: 1;padding-right: 10px;}
.zong1-box #zong1{font-size: 68px;line-height: 72px;color: #000000;font-family: 'NotoBold';display: inline-block;margin-left: 15px;}
.zong1-box span {color: #000000;font-family: 'NotoBold';font-size: 43px;line-height: 72px;}
.zong1-box:after{content:'';height: 30px;width: calc(100% - 143px);background:#fc7689;position:absolute;right:0;bottom:0;z-index: -1;}
.zong1-box-out{text-align:right;}
.item-btnS2{text-align:center;margin-top: 2%;padding-bottom: 4%;}
.item-btnS2 a {display:inline-block;width: calc(50% - 24px);margin-right: 40px;border-radius: 20px;box-shadow: 4px 13px 17px 1px rgba(0, 0, 0, 0.2);}
.item-btnS2 a:last-child{margin-right: 0;}
.item-btnS2 a img{width:100%;border-radius: 20px;}
.item-priceBox-out{display:none;}
.item-box{position:relative;}
.reset-btn{margin: 0;display:inline-block;width: 68px !important;height:68px;position: absolute;right: 12%;bottom: -24%;box-shadow: none !important;}
.reset-btn img {width:100%;}

.go01-btn:hover {animation: myfirst 1s infinite;}
@keyframes myfirst {
	0% {transform: translate(0px, 0px);}
	50% {transform: translate(0px, -5px);}
	100% {transform: translate(0px, 0px);}
}
.go02-btn:hover {animation: myfirst 1s infinite;}
@keyframes myfirst {
	0% {transform: translate(0px, 0px);}
	50% {transform: translate(0px, -5px);}
	100% {transform: translate(0px, 0px);}
}
.go03-btn:hover {animation: myfirst 1s infinite;}
@keyframes myfirst {
	0% {transform: translate(0px, 0px);}
	50% {transform: translate(0px, -5px);}
	100% {transform: translate(0px, 0px);}
}




.swiper-slide img{max-width:auto !important; width:100% !important;}






/*==========================================*/
@media screen and (max-width:1920px) {
	.div-logo{width:100%;}
	.mo-bg{width: 100%;}
	.item-priceBox > div .tit01{overflow: hidden;}
	.item-priceBox > div .tit01 .tit01-in{width: 450px;}
	.item-priceBox > div .tit01 p{}
	.item-priceBox > div .tit01 span{}
	.c4-input{position: absolute;right: 25%;top: 23px;background: #ffffff;width: 290px;}
	.c4-result{right: 5%;width: 18%;top: 26px;}
	.item-close{right: 1.5%;top: 32px;}
	.c4-result label{font-size: 2.0vw;}
	.c4-result p{font-size: 1.7vw;}
	.sBox .left-bg{height: 84px;}
	.newslist-style{top: 27px;left: 25px;}
	.c4-input > p{font-size: 22px;padding-left: 23px;}
	#text_box1{margin-left: 83px;}
	#text_box2{margin-left: 83px;}
	#text_box3{margin-left: 83px;}
	#text_box4{margin-left: 83px;}
	.zong1-box #zong1{font-size: 56px;}
	.add-item-btn{width: 400px;}
	.add-item-btn img {width: 100%;}
	.reset-btn{bottom: -106px;}

	.go01-btn{width: 2.5%;}
	.go02-btn{width: 2.5%;}
	.go03-btn{width: 2.5%;}

}



/*=====================1400=====================*/
@media screen and (max-width:1400px) {
	.item-box a {width: calc(100% / 4 - 90px);}

}






/*=====================1024=====================*/
@media screen and (max-width:1024px) {
	.mo-bg {width: 1024px !important;position: relative;}
	.div-logo{width: 1024px !important;}


}