/* :::::::::::: ================= mainVisual START ~  ================= :::::::::::: */
.mainWrap {background: #999; margin-top: 34.57rem; transition: all 0.8s;}

.mainVisual {
    width: 100%;
    height: auto;
    padding: 25.5rem 0;
    background: url(../img/main/mainVisual.jpg) no-repeat center / cover;
}

.mainInner {
    max-width: 164rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.mainVInner {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.mainVTitleBox {
    display: flex;
    width: auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 80%;
}
.mvStitle {
	color: #FFF;
	text-align: center;
	font-family: "Pretendard-Medium";
	font-size: 2.8rem;
	line-height: 3.2rem;
}
.mainVisual .mvTxt {
    color: #FFF;
    font-family: Palatino Linotype;
    font-size: 4rem;
    line-height: 4.6rem;
    letter-spacing: 0.8px;
    margin-bottom: 8rem;
}

.mvTitle {
    margin: 0 0 2rem 0 ;
    color: #FFF;
    font-family: Palatino Linotype;
    font-size: 8.8rem;
    line-height: 10rem;
}
.mainVTxtEn {
	color: #FFF;
	font-family: LTAroma Light;
	font-size: 2.4rem;
	line-height: 3rem;
	letter-spacing: -0.48px;
	margin-bottom:2rem;
}
.mainVTxtKr {
	color: #FFF;
	font-family: Pretendard;
	font-size: 1.8rem;
	line-height: 3.2rem; /* 177.778% */
	letter-spacing: -0.36px;
}
.decoLine {width: 464px; height: auto; margin:6rem auto;}
.decoLine img {width:100%; height:auto;}
.mainVTxt {
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 2rem;
	line-height: 3.2rem; /* 160% */
	letter-spacing: -0.4px;
}
@media (min-width:992px) {.mainWrap.active {margin-top: 14.2rem;}}

@media (max-width:1300px) {
	.mainVisual {background-position-x: 70%;}
}

@media (max-width:991px) {
	.mainWrap {margin-top: 6.5rem;}
	.mainVisual {padding:8rem 0; background-position-x: 66%;}
	.mainVInner {justify-content: flex-start; align-items: flex-start;}
	.mainVTitleBox {width:100%; align-items: flex-start; width: 100%; align-items: flex-start; width: 80%;}
	.mvTitle {margin: 0 0 2rem 0; font-size: 5rem; line-height: 7rem; text-align:left;}
	.mainVisual .mvTxt {font-size: 3rem; line-height: 4rem; text-align:left; margin-bottom:0;}
	.mainVTxtEn {font-size: 1.8rem; line-height: 2.6rem; margin-bottom: 2rem; margin-top: 3rem;}
	.mainVTxtKr {font-size: 1.8rem; line-height: 2.8rem;}
	
	.decoLine {width: 464px; height: auto; margin:4rem auto;}
}
@media (max-width:767px) {
	.mainWrap {margin-top: 5.6rem;}
	.mainVisual {padding: 8rem 0 117%; background: url(../img/main/mainVisual-mo.jpg) no-repeat bottom / cover;}
	.mainVTitleBox {align-items: flex-start; width: 100%; align-items: flex-start; width: 100%;}
	.mvTitle {margin: 0 0 1rem 0; font-size: 3rem; line-height: 4rem;}
	.mainVisual .mvTxt {font-size: 1.8rem; line-height: 2.5rem;}
	.mainVTxtEn {font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 2rem; margin-top: 2rem;}
	.mainVTxtKr {font-size: 1.5rem; line-height: 2.8rem;}
	.decoLine {width: 70%; margin: 3rem auto;}
}
/* :::::::::::: ================= // ~ mainVisual END ================= :::::::::::: */

/* :::::::::::: ================= mainVisual START ~  ================= :::::::::::: */
#awards {
	width:100%;
	padding:12rem 0;
	background:#211D1F;
}

.contTitle {
    color: #F5F1E8;
    font-family:'Palatino Linotype','serif';
    font-size: 6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 6.4rem;
    text-align: center;
}
#awards .decoLine {margin:4rem auto;}


.awGroup {display: flex; justify-content: space-between; margin-top:6rem;}
.awbox {width: calc(50% - 6rem);}
.awboxTitle {
	color: #F5F1E8;
	text-align: center;
	font-family: "Palatino Linotype";
	font-size: 3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem;
	letter-spacing: 0.6px;
	padding-bottom:3rem;
	border-bottom:1px solid #FFF;
}
.awList {padding-top:2rem;}
.awList li {
    display: flex;
    align-items: center;
    padding-top: 1rem;
}
.awList .awST {
    color: #F3D587;
    font-family: "Linotype Aroma V1";
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 3rem;
    padding-right: 1rem;
    max-width: 14rem;
    width: 18.92%;
}
.awList .awNamn {
	color: #F5F1E8;
	font-family: "Linotype Aroma V1";
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 3rem;
}

@media (max-width:991px) {
	#awards {padding: 8rem 0;}
	.contTitle {font-size: 5rem; line-height: 5.4rem;}
	.awboxTitle {font-size: 2.3rem; line-height: 3rem; letter-spacing: 0.6px; padding-bottom: 1.8rem;}
	
	.awGroup {margin-top:5rem;}
	.awbox {width: calc(50% - 3rem);}
	.awList {padding-top: 1rem;}
	
	.awList li {display: flex; align-items: flex-start; padding-top: 1.2rem; flex-direction: column;}
	.awList .awST {font-size: 1.5rem; line-height: 2.2rem; max-width: inherit; padding-right:0; width: 100%;}
	.awList .awNamn {font-size: 1.5rem; line-height: 2.8rem;}
}


@media (max-width:767px) {
	#awards {padding: 6rem 0;}
	.contTitle {font-size: 3.8rem; line-height: 4.2rem;}
	.awboxTitle {font-size: 1.8rem; line-height: 2.5rem; padding-bottom: 1rem;}

	.awGroup {margin-top: 2rem; flex-direction: column;}
	.awbox {width: 100%;}
	.awbox:first-child {margin-bottom:6rem;}
	.awList {padding-top: 0.8rem;}

	.awList .awNamn {font-size: 1.5rem; line-height: 2.5rem;}
}

/* :::::::::::: ================= // ~ awards END ================= :::::::::::: */


/* :::::::::::: ================= history START ~  ================= :::::::::::: */
#history {
	background:url(../img/main/brick-bg02.jpg) no-repeat center / cover;
}
#history .mainInner {
    display: flex;
    align-items: center;
    max-width: inherit;
    padding: 0;
}


.hisTitleBox {
    width: 50%;
    padding: 0 16rem;   
	padding:0 2rem;
}

.hisTitleBoxInner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70.22%;
    margin: 0 auto;
	max-width:64rem;
}

#history .contTitle {
    margin-bottom: 3rem;
    color: #221E1F;
}
#history .mvTxt {color: #221E1F;}
.hisStitle {
	color: #221E1F;
	text-align: center;
	font-family: "Pretendard-Medium";
	font-size: 2.2rem;
	line-height: 3.4rem;
	margin-bottom:6rem;
}
.histxt {
	color: #221E1F;
	text-align: center;
	font-family: Pretendard;
	font-size: 1.7rem;
	line-height: 3.2rem;
	letter-spacing: -0.34px;
}

.hisImgBox {
    width: 50%;
    height: 0;
    right: 0;
    top: 0;
    padding-bottom: 65.7%;
    position: relative;
}

.hisImgBox img {
    width: 100%;
    height: auto;
}
/* :::::::::::: ================= // ~ history END ================= :::::::::::: */
.hisTest {
    background: url(../img/main/brick-bg02.jpg) no-repeat center / cover;
    position: relative;
    display: flex;
    align-items: center;
}

.hisTestop .mvTxt {
    color: #221E1F;
    text-align: center;
    font-family: Palatino Linotype;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    margin-top: 3rem;
}

/* .hisTest .decoLine { */
    /* width: 73.48%; */
    /* height: auto; */
    /* margin: 6rem auto; */
/* } */

.hisTest .hisTestBox {width:50%; }
.hisTest .contTitle {color:#221E1F;}

.hisTestBox.left {
    height: auto;
    /* max-height: 1250px; */
    overflow: hidden;
}
.hisTestBox.left figure.boxBG {
    background: url(../img/main/halfimg022.jpg) no-repeat center / cover;
    width: 100%;
    height: 0;
    padding-bottom: 131.372%;
}
.hisTestBox.right {
    padding: 0 16rem;
}

.hisTestBox.right .mvTxt {
    color: #221E1F;
    text-align: left;
    margin-bottom: 3rem;
    color: #221E1F;
    font-family: Palatino Linotype;
    font-size: 2.3rem;
    font-weight: 400;
    line-height: 3.6rem;
}
.hisTestBox.right .hisStitle {text-align: left;}
.hisTestBox.right .histxt {text-align: left;}
.hisTestBox.right .histxt span {font-family: "Pretendard-Semibold";}
.hisTestop .hisTestBox.left {padding: 0rem 16rem;}

.hisTestop .hisTestBox.right figure.boxBG {
    background: url(../img/main/halfimg01.jpg) no-repeat center / cover;
    width: 100%;
    height: 0;
    padding-bottom: 114%;
	transition: all 0.8s;
}

.hisTestop .hisTestBox.right {
    padding: 0rem;
    max-height: 973px;
}
.hisTest .disImgColum {width: 100%; margin: 0 0 0 auto;}
.hisTest .disImgColumBotm {
    display: flex;
    margin-top: 1rem;
    justify-content: space-between;
}
.hisTest .disImgColumTop {height: 0; padding-bottom: 58.17%;}
.hisTest .ColumBotm {height: 0; padding-bottom: 43.09%;}
.hisTest .disImgColumTopWrap {max-height: 56.3rem; overflow:hidden; position:relative;}
.hisTest .ColumBotmWrap {max-height:40rem; overflow:hidden; position:relative;}
.hisTest .disImgColum img {
	width: 100%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

@media (max-width:1800px) and (min-width:1501px) {
	.hisTestop .hisTestBox.left {padding:2rem 7rem;}
	.hisTestBox.right {padding:2rem 7rem;}
}

@media (max-width:1500px) {
	.hisTestop .hisTestBox.left {padding:2rem 3rem;}
	.hisTestBox.right {padding:2rem 3rem;}
	.hisTestBox.right .mvTxt {margin-bottom: 2rem;}
	.hisStitle {margin-bottom:2rem;}
}

@media (max-width:1100px) {
	.hisTest {display: flex; align-items: center; flex-direction: column; padding-top: 8rem;}
	.hisTest .disImgColum {width: 100%;}
	.hisTest .hisTestBox {width: 100%;}
	.hisTestop .hisTestBox.left {padding: 0rem 2rem 6rem;}
	/* .hisTest .decoLine {margin: 3rem auto; width:68%;} */
	.histxt {font-size: 1.8rem;}
	.hisTesBtom {padding-top:0!important; flex-direction: column-reverse;}
	.hisTesBtom .hisTestBox.right {padding: 6rem 2rem 6rem;}
}

@media (max-width:991px) {
	.hisTestop .mvTxt {font-size: 2rem; line-height: 2.8rem; margin-top: 1.8rem;}
	.hisStitle {font-size: 1.9rem; line-height: 3rem; margin-bottom: 4rem; text-align: center; word-break: keep-all;}
	.histxt {font-size: 1.6rem; line-height: 2.5rem;}
	.hisTest .disImgColumTop {padding-bottom: 56.17%; }
	.hisTestBox.right .mvTxt {margin-bottom: 3rem; font-size: 2rem; line-height: 2.8rem;}
}

@media (max-width:767px) {
	.hisTest {padding-top: 6rem;}
	.hisTestop .hisTestBox.left {padding: 0rem 2rem 4rem;}

	.hisTestop .mvTxt {font-size: 1.6rem; line-height: 2.8rem; margin-top: 1.8rem;}
	
	/* .hisTest .decoLine {margin: 1.5rem auto; width:100%;} */
	.hisStitle {font-size: 1.5rem; line-height: 2.4rem; margin-bottom: 2rem;}
	.histxt {font-size: 1.4rem; line-height: 2.5rem;}
	
	.hisTesBtom .hisTestBox.right {padding: 4rem 2rem 4rem;}
	.hisTestBox.right .mvTxt {margin-bottom: 2rem; font-size: 1.6rem; line-height: 2.2rem;}
}

/* :::::::::::: ================= distillation START ~  ================= :::::::::::: */
#distillation {
	padding:12rem 0;
	background:url(../img/main/distillation.jpg) no-repeat center / cover;
}
#distillation .mainInner.disBotm  {
    max-width: 164rem;
    padding: 0 2rem;
    margin: 0 auto;
    width: 50%;
}
.distillTitleBox {width: 100%;}
#distillation .mvTxt {
    margin-top: 3rem;
    font-family: "Palatino Linotype";
    color: #FFF;
    text-align: center;
    font-size: 2.3rem;
    line-height: 3.6rem;
}
.distillTxt {
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 2rem;
	line-height: 3.2rem;
}
.nm_distillTxt {
	display:block;
	color: #FFF;
	text-align: center;
	/* font-family: Pretendard; */
	font-family: 'Pretendard-Light';
	font-size: 2rem;
	line-height: 3.2rem;
}
.nm_distillTxt span{
	/* text-decoration:underline; */
	font-family: "Pretendard-Semibold";
	/* font-family: "Pretendard-Medium"; */
}
.nm_distillTxt.mart{
	margin-top:2rem;
}

/* .movPopBtn { */
	/* width: 9rem; height: 9rem; margin: 6rem auto 0; cursor:pointer; */
/* } */
/* .movPopBtn img {width:100%; height:100%;} */

.movPopBtnInner {
    margin-top: 5rem;
    display: block;
    text-align: Center;
}
.movPopBtn{
    color: #fff;
    text-align: center;
    font-family: LTAroma;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    border: 1px solid #fff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    padding: 1.5rem 4rem 1.5rem 4rem;
    text-align: center;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.movPopBtn:hover{
	border: 1px solid #F9F5EC;
	background: #F9F5EC;
	color:#221E1F;
}


.movPop {
    overflow: auto;
    width: 100%;
    height: 100%;
    display: none;
    text-align: center;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: -100;
	display:none;
}
.movPopDim {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    left: 0;
    top: 0;
}
.movPop.open {z-index: 400; display:block;}
.movPopInner {
    width: 100%;
    position: relative;
    margin-top: 3rem;
    max-width: 104rem;
    padding: 0 2rem;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    z-index: 10;
    align-content: flex-end;
}
.movPopCont {
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    position: relative;
}
.movPopCont iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	}

.movPopClose {
    cursor: pointer;
    border: none;
    z-index: 1!important;
    width: 2.2rem;
    height: 2.2rem;
    padding-top: 0px;
    display: inline-block;
    background-image: url(../img/main/cercloseimg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 3rem;
}

.distillBotm {
    margin: 14rem 0 12rem 0;
	position: relative;
    display: flex;
    align-items: center;
}
.dB_Titlte {
	color: #FFF;
	font-family: Palatino Linotype;
	font-size: 4rem;
	line-height: 4.8rem;
}
.dB_STitlte {
	color: #FFF;
	font-family: "Palatino Linotype";
	font-size: 2.1rem;
	line-height: 3.3rem;

	padding:2rem 0 4rem 0;
	margin-bottom:4rem;
	border-bottom:1px solid #FFF;
}
.dB_Txt {
	color: #FFF;
	font-family: Pretendard;
	font-size: 1.7rem;
	line-height: 3.2rem;
	letter-spacing: -0.34px;
}

.disImgColum {
    width: 43.616%;
    margin: 0 0 0 auto;
	background-color:#000;
}
.disImgColumBotm {
    display: flex;
    margin-top: 1rem;
    justify-content: space-between;
}
.disImgColumTop {}
.disImgColumBotm {
	display:flex;
	margin-top:1rem;
}
.disImgColumBotm figure {width:calc(50% - 1rem);}
.disImgColum img {width:100%; height:auto;}


@media (max-width:991px) {
	#distillation {padding: 8rem 0; background: url(../img/main/distillation_mo.jpg) no-repeat top / cover;}
	.distillTxt {font-size: 1.6rem; line-height: 2.7rem; text-align:left;}
	.nm_distillTxt {font-size: 1.6rem; line-height: 2.7rem; text-align:left;}
	#distillation .mainInner.disBotm {padding: 0 2rem 4rem; width: 100%;}
	#distillation .mainInner.disBotm {max-width: 164rem; padding: 0 2rem 6rem 2rem; margin: 0 auto; width: 100%;}
	
	.distillBotm {margin: 8rem 0 0rem 0; flex-direction: column;}
	
	.dB_Titlte {font-size: 3rem; line-height: 4rem; text-align: center;}
	
	#distillation .mvTxt {margin-top: 2rem; font-size: 1.8rem; line-height:2.6rem;}
	
	.dB_STitlte {font-size: 1.8rem; line-height: 2.6rem; padding: 2rem 0 3rem 0; margin-bottom: 3rem;}
	.dB_Txt {font-size: 1.6rem; line-height: 2.7rem;}
	
	.disImgColum {width: 100%;}
	.disImgColumBotm {margin-top: 0.5rem;}
	.disImgColumBotm figure {width: calc(50% - 0.5rem);}
	
	/* .movPopBtn {width: 7rem; height: 7rem; margin: 4rem auto 0;} */
	
	.movPopClose {margin-bottom:1.5rem}
}
@media (max-width:767px) {
	#distillation {padding: 6rem 0 0.5rem;}
	.distillTxt {font-size: 1.5rem; line-height: 2.6rem;}
	.nm_distillTxt {font-size: 1.5rem; line-height: 2.6rem;}
	#distillation .mainInner.disBotm {padding: 0 2rem 4rem;}
	#distillation .mainInner.disBotm {padding: 0 2rem 4rem 2rem;}
	.distillBotm {margin: 6rem 0 0rem 0;}
	.dB_Titlte {font-size: 2.5rem; line-height: 3.5rem; text-align: center;}
	.dB_STitlte {font-size: 1.5rem; line-height: 2rem; padding: 2rem 0 2rem 0; margin-bottom: 2rem;}
	#distillation .mvTxt {margin-top: 1rem; font-size: 1.5rem; line-height:2.3rem;}
	.dB_Txt {font-size: 1.5rem; line-height: 2.6rem;}
	/* .movPopBtn {width: 6rem; height: 6rem; margin: 3rem auto 0;} */
	.movPopBtnInner {
		margin-top: 2rem;
	}
	.movPopBtn{
		width: 100%;
		font-size: 1.2rem;
		line-height: 2rem;
		letter-spacing: 0.9px;
		padding: 1rem 4rem 1rem 4rem;
	}
}
/* :::::::::::: ================= // ~ distillation END ================= :::::::::::: */


/* :::::::::::: ================= ourGin START ~  ================= :::::::::::: */
#ourgin {
    padding: 14rem 0;
    background: url(../img/main/bg-brick.jpg) repeat top;
    background-size: auto;
}
#ourgin .contTitle {color:#221E1F;}
.ginPro {margin-top:3rem;}

.ginBox {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin: 5rem 0;
    margin-bottom: 10rem;
    justify-content: space-between;
}
.ginBox:last-child {margin-bottom:0;}
.ginImg {
	top: 2rem;
    position: sticky;
    width: calc(50% - 5.25rem);
    padding: 0rem;
}
.ginImg img {width:100%; height:auto;}
.ginInfoBox {
    width: calc(50% - 5.25rem);
    padding: 6rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    height: 77rem;
    overflow: hidden;
    background: #FAF6EE;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);
}
.ginContText {z-index:10;}
.lineBoxGold {
    width: 98.5%;
    height: 98.5%;
    position: absolute;
    left: 50%;
    top: 0.5rem;
    z-index: 10;
    transform: translate(-50%,-0%);
}
.lineBoxGold img {width:100%; height:100%;}

.lineBoxGold .top, .lineBoxGold .right, .lineBoxGold .bottom, .lineBoxGold .left {
    width: 22px;
    height: 22px;
    background: url(../img/main/box-border01.png) no-repeat center / cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: #FAF6EE;
	box-sizing:border-box;
}
.lineBoxGold .right {
	left: unset;
    right: 0;
    background: url(../img/main/box-border02.png) no-repeat center / cover;
    background-color: #FAF6EE;
}

.lineBoxGold .bottom {
	left: unset;
	right: 0;
	top:unset;
	bottom:0;
    background: url(../img/main/box-border03.png) no-repeat center / cover;
    background-color: #FAF6EE;
}

.lineBoxGold .left {
	top:unset;
	bottom:0;
    background: url(../img/main/box-border04.png) no-repeat center / cover;
    background-color: #FAF6EE;
}


.bordeTop {
    width: 100%;
    height: 22px;
    display: block;
    background-image: url(../img/main/box-lineTop.png);
    background-repeat: repeat;
    background-size: contain;
}

.borderight {
    width: 22px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../img/main/box-lineRigt.png);
    background-repeat: repeat;
    background-size: contain;
    background-position-x: unset;
}

.borderleft {
    width: 22px;
    height: 100%;
    position: absolute;
    /* right: 0; */
    top: 0;
    background-image: url(../img/main/box-lineLeft.png);
    background-repeat: repeat;
    background-size: contain;
}

.borderbottom {
    width: 100%;
    height: 22px;
    display: block;
    background-image: url(../img/main/box-lineBotm.png);
    background-repeat: repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
}

.ginName {
    display: flex;
    margin-bottom: 1.6rem;
    align-items: flex-end;
}
.ginName .kr {
	color: #221E1F;
	font-family: Pretendard;
	font-size: 4.8rem;
	line-height: 5.6rem;
	margin-right:2rem;
}


.ginName .en {
	color: #221E1F;
	font-family: "Palatino Linotype";
	font-size: 2.8rem;
	line-height: 4.6rem;
}

.ginTxt {
	color: #221E1F;
	font-size: 1.9rem;
	line-height: 2.8rem;
	opacity:0.5;
}

.ginInfo {
    display: flex;
    padding: 3rem 0;
	margin-bottom:3rem;
    border-bottom: 1px solid #221E1F;
}
.ginAlcohol {
	width:50%;
	color: #221E1F;
	font-family: Palatino Linotype;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.4rem;
}
.ginMl {
	width:50%;
	color: #221E1F;
	font-family: Palatino Linotype;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.4rem;
}
.ginPrice {
    display: flex;
    margin-bottom: 4rem;
    align-items: center;
}
.ginPric {
	color: #221E1F;
	font-family: Pretendard;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	margin-right:1.2rem;
}
.ginWon {
	color: #221E1F;
	font-size: 1.7rem;
	line-height: 3rem;
}

.ginWon span {
	color: #221E1F;
	font-family: "Palatino Linotype";
	font-size: 2.6rem;
	line-height: 3.4rem;
}

.ginInfotxt {
	color: #221E1F;
	font-family: "Pretendard-Light";
	font-size: 1.6rem;
	line-height: 3rem;
	margin: 2rem 0;
}

.ginAwards {
	margin-top: 2rem;
    width: 100%;
}
.ginNote {
	margin-bottom:4rem;
}
.ginBtitle {
	color: #221E1F;
	font-family: "Pretendard-Medium";
	font-size: 2rem;
	line-height: 3rem;
	padding-bottom:1.6rem;
	margin-bottom:1.6rem;
	position:relative;
}
.ginBtitle::before {
	content:'';
	width:4rem;
	height:0.1rem;
	left:0;
	bottom:0%;
	position:absolute;
	background:#221E1F;
}
.ginoteTxt dl{
	display:block;
	padding:0;
	margin:1.6rem 0 0.6rem 0;
	color: #221E1F;
	font-family: "Pretendard-Medium";
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height:3rem;
}
.ginoteTxt {
	color: #221E1F;
	font-family: "Pretendard-Light";
	font-size: 1.6rem;
	line-height: 3rem;
	letter-spacing: -0.16px;
}
.ginoteTxt span.bold {font-family:"Pretendard-Semibold";}

.ginAwards ul {}
.ginAwards li {
    color: #221E1F;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3rem;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0.4rem;
}
.ginAwards li:last-child {margin-bottom:0;}
.awYear {}

.awSt {margin: 0 2rem; width: 19%; font-family: "Pretendard-Semibold";}

.botanical {margin-top:4rem;}

.botanical ul {display: flex; flex-wrap: wrap;}
.botanical ul li {
	width:calc(100%/4);
	color: #221E1F;
	font-size: 1.5rem;
	line-height: 2.6rem;
	padding-bottom:0.4rem;
}

#ginBox03 .botanical ul li {width:calc(100%/3);}

.botanical ul li.mch {margin-right:1rem;}


.ginHomeTending {margin-top: 4rem;}
.ginHomeTending .ginBtitle {margin-bottom:0;}
.ginHomeTending ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.ginHomeTending ul li {width:50%; margin-top:2rem;}

#ginBox03 .ginHomeTending ul li {width: 100%;}

.homeCock {
	color: #221E1F;
	font-family: "Pretendard-Semibold";
	font-size: 1.5rem;
	line-height: 2.6rem;
	margin-bottom:1rem;
}

/* #ginBox03 .homeCock {margin-bottom: 0; font-family: "Pretendard-Light";} */
.homeCock_re {color: #221E1F; font-size: 1.5rem; line-height: 2.6rem;}
.view {
    width: 96%;
    margin-top: 0;
	margin-right: auto;
    margin-left: auto;
    position: absolute;
    left: 50%;
	background: linear-gradient(180deg, rgba(250, 246, 238, 0.00) 0%, rgba(250, 246, 238, 0.80) 50%, #FAF6EE 100%);
    bottom: 0px;
    transform: translateX(-50%);
    height: 26%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
	z-index:1;
}
.view a {display: block; text-align: center;}
.viewTxt {
    color: #000;
    text-align: center;
    font-family: LTAroma;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    border: 1px solid #000;
	background: #FAF6EE;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    padding: 1.5rem 3rem 1.5rem 3rem;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-bottom: 4rem;
	cursor:pointer;
}
.ginInfoBox.open {height: auto;}
.ginInfoBox.open .view {
    background: none;
    position: relative;
	margin-top: 4rem;
    bottom: 0;
    height: auto;
}
.ginInfoBox .viewTxt.close {display:none;}
.ginInfoBox.open .viewTxt {margin-bottom:0;}
.ginInfoBox.open .viewTxt {display:none;}
.ginInfoBox.open .viewTxt.close {display:block;}


.viewBox {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.ginInfoBox.open .viewBox {bottom: 4rem;}
@media (max-width:1200px) {
	.ginName {align-items: flex-start; flex-direction: column;}
}
@media (max-width:991px) and (min-width:768px) {
	/* .bordeTop, .borderbottom {height:4.5px;} */
	/* .borderight,  .borderleft {width:4.5px;} */
}

@media (max-width:991px) {
	#ourgin {padding: 8rem 0;}
	
	.ginBox {width: 100%; margin: 5rem 0; margin-bottom: 10rem; flex-direction: column;}
	.ginImg {width: 100%; padding: 0;position:relative;top:0;}
	
	.ginInfoBox {width: 100%; padding:2.5rem; height: 77rem;}
	.ginName {margin-bottom: 1.2rem; align-items: flex-start; flex-direction: column;}
	
	.ginName .en {font-size: 2.5rem; line-height: 3.6rem; margin-top: 00rem;}
	.ginName .kr {font-size: 2.5rem; line-height: 3rem; margin-right: 0;}
	
	.ginTxt {font-size: 1.6rem; line-height: 2.2rem;}
	
	.ginInfo {display: flex; padding: 2rem 0; margin-bottom: 2rem;}
	.ginAlcohol {font-size: 2rem; line-height: 2.5rem;}
	.ginMl {font-size: 2rem; line-height: 2.5rem;}
	
	
	.ginPrice {display: flex; margin-bottom: 2rem;}
	.ginPric {font-size: 1.5rem; line-height: 2rem;}
	.ginWon {font-size: 1.5rem; line-height: 3rem;}
	.ginWon span {font-size: 2.2rem; line-height: 3rem;}
	
	
	.ginBtitle {font-size: 1.8rem; line-height: 2.5rem; padding-bottom: 1.2rem; margin-bottom: 1.2rem;}
	.ginBtitle::before {width:3rem;}
	
	.ginoteTxt {font-size: 1.4rem; line-height: 2.3rem;}
	.ginoteTxt dl {
		margin: 1.6rem 0 0.4rem 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	.ginNote {margin-bottom: 2.5rem;}
	
	.ginAwards li {
		font-size: 1.5rem;
		line-height: 2.5rem;
		margin-bottom:1.5rem;

		display: flex;
		justify-content: flex-start;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.awSt {margin: 0 2rem; width: auto;}
	p.awName {padding-top: 0rem; font-size: 1.4rem;}
	
	.botanical ul li {width: calc(100%/2);}
	.botanical ul li.mch {margin-right: 0; width: 100%;}
	
	.ginHomeTending ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.ginHomeTending ul li {width: 100%; margin-top: 2rem;}
	.homeCock {margin-bottom:0.6rem;}
	.ginInfoBox.open .view {
		background: none;
		position: relative;
		margin-top: 4rem;
		bottom: 20px;
		height: auto;
	}
	
	.open .lineBoxGold {height: 99.4%;}
	
	#ginBox03 .botanical ul {flex-direction: column;}
	#ginBox03 .botanical ul li {width:100%;}
}

@media (max-width:767px) {
	#ourgin {padding: 6rem 0;}
	.lineBoxGold {height:99%;}
	.ginBox {width: 100%; margin: 3rem 0; margin-bottom: 5rem;}
	.ginInfo {display: flex; padding: 1.5rem 0 1rem; margin-bottom: 1rem;}
	.ginTxt {font-size: 1.4rem; line-height: 1.8rem;}
	.ginBtitle {font-size: 1.6rem; line-height: 2.3rem; padding-bottom: 1rem; margin-bottom: 1rem;}
	
	.viewTxt {font-size:1.2rem; padding:1rem 2rem;}
	.ginInfoBox.open .viewBox {bottom: 2.5rem;}
}

/* :::::::::::: ================= // ~ ourGin END ================= :::::::::::: */


/* :::::::::::: ================= contact START ~  ================= :::::::::::: */
#contact {
    padding: 13.4rem 0;
    position: relative;
    overflow: hidden;
}

#contact iframe.map {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 140%;
    transform: translateY(-50%);
}

.contactBox {
    position: relative;
    z-index: 10;
    padding: 5rem;
    background: #FFF;
    box-shadow: 80px 80px 80px 0px rgba(0, 0, 0, 0.15);
    width: 32.5%;
}
.adUl {}
.adUl li {
	margin-top:1rem;
	display:flex;
	color: #221E1F;
	font-family: "Pretendard";
	font-size: 1.5rem;
	line-height: 2.6rem;
}
.ctTitle {
	color: #221E1F;
	font-family: "Palatino Linotype";
	font-size: 4rem;
	line-height: 4.8rem;
	margin-bottom:1rem;
}
.ctSTitle {
	color: #221E1F;
	font-family: "Palatino Linotype";
	font-size: 2.1rem;
	line-height: 33px;
	padding-bottom:2rem;
	margin-bottom:2rem;
	position:relative;
}

.ctSTitle::before {
	content:'';
	width:3rem;
	height:0.1rem;
	left:0;
	bottom:0;
	position:absolute;
	background:#221E1F;
}
.addressName {
	color: #221E1F;
	font-size: 2rem;
	line-height: 2.6rem;
	margin-bottom:2rem;
}

.adListName {
	width: 5rem;
	font-family: "Pretendard-Semibold";
}

@media (max-width:991px) {
	#contact {padding: 40rem 0 3rem;}
	#contact iframe.map {top: -294px; width: 100%; height: 160%; transform: unset;}
	.contactBox {padding: 2rem; width: 100%;}
	.ctTitle {font-size: 3.2rem; line-height: 3.8rem; margin-bottom: 1rem;}
	.ctSTitle {font-size: 1.8rem; line-height: 2.4rem; padding-bottom: 1.8rem; margin-bottom: 1.8rem;}
	.addressName {font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 1.8rem;}
	.adUl li {margin-top: 1rem; font-size: 1.4rem; line-height: 1.8rem;}
	.adListName {width: 4.5rem;}
}
@media (max-width:767px) {
	#contact {padding: 32rem 0 3rem;}
	#contact iframe.map {top: -294px; width: 100%; height: 160%;}
	.contactBox {padding: 2rem; width: 100%;}
	.ctTitle {font-size: 2.8rem; line-height: 3.2rem; margin-bottom: 0.8rem;}
	.ctSTitle {font-size: 1.6rem; line-height: 2.2rem; padding-bottom: 1.5rem; margin-bottom: 1.5rem;}
	.addressName {font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 1rem;}
	.adListName {width: 3.8rem;}
	.adUl li {margin-top: 0.5rem; font-size: 1.4rem; line-height: 1.7rem;}
}
/* :::::::::::: ================= // ~ contact END ================= :::::::::::: */


/* :::::::::::: ================= buy START ~  ================= :::::::::::: */
#buy {background: #F9F5EC; padding:10rem 0;}
#buy .mainInner {max-width:173.7rem;}
#buy .contTitle {color: #221E1F;}
#buy .decoLine {margin-bottom:3rem;}

.logoGroup ul {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
    padding: 0 10rem;
    justify-content: space-between;
}
.logoGroup li {
    width: calc(100%/3 - 9.7rem);
    margin-top: 3rem;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3rem 4.85rem 0;
    /* padding: 2rem; */
    box-sizing: border-box;
}

.logoBox a {
    display: inline-block;
    z-index: 20;
    height: 0;
    padding-bottom: 44.6%;
	position:relative;
}
.logoGroup li::before {
    content: '';
    top: 50%;
	left: 50%;
    width: 100%;
    height: 100%;
	opacity:0;
	position: absolute;
	transform: translate(-50%,-50%);
    background:url(../img/main/logo_hoverline.png) no-repeat center / contain;
}

.logoGroup li:hover::before {opacity:1;}

.logoGroup {
	/* display: flex; flex-wrap: wrap; margin-top: 8rem; justify-content: space-between; padding:0; */
	
	text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
	
	}
.logoBox img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 2rem;
}


@media (max-width:1300px) and (min-width:992px) {
	.logoBox img {padding: 1rem;}
}
@media (max-width:991px) {
	#buy {padding:8rem 0;}
	.logoGroup {margin-top:0;}
	.logoGroup li {
		width: calc(100%/2);
		margin: 3rem 0rem 0;
		margin-top: 1.5rem;
	}
}

@media (max-width:767px) {
	#buy {padding:6rem 0;}
	.logoGroup {padding:0; margin-top:0rem;}
	.logoGroup li {margin-top:1rem;}
	.logoBox img {padding: 1rem;}
}

/* :::::::::::: ================= // ~ buy END ================= :::::::::::: */


/* :::::::::::: ================= NEWS START ~ ================= :::::::::::: */
.subnewswrap #news{
	padding:20rem 0;
}
#news {padding:10rem 0; background: #221E1F; overflow:hidden;}
.whyCont {margin-top:2rem;}

.whyContInner {
    text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    /* display: flex; */
}
.whyContBox {
    width: calc(100%/3 - 3.73333rem);
    margin: 0rem 5.6rem 6rem 0rem;
}
.whyContBox:nth-child(3n) {margin-right:0;}


.whyCount {font-weight: 700; font-size: 2.4rem; line-height: 2.8rem;}

.whyImg {width: 100%; overflow: hidden;}
.whyImg figure {
    /* border-radius: 1.3rem; */
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    padding-bottom: 64.517%;
}
.whyImg figure img {
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* max-width: 100%; */
}
/* .whyImg figure img {width:100%; height:auto;} */
.whyTitle {
    color: #F9F5EC;
    font-family: "Pretendard-Medium";
    font-size: 2rem;
    line-height: 3.4rem;
    margin: 3rem 0 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.whyTxt {
    color: #F9F5EC;
    font-size: 1.6rem;
    line-height: 2.6rem;
    letter-spacing: -0.32px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
p.date {color: #F9F5EC; font-size: 1.6rem; line-height: 2.6rem; letter-spacing: -0.32px; opacity: 0.5;}

.moreBtnBox{display:block;text-align:center;}
.moreBtn{display:inline-block;}
.moreBtn a {
    color: #fff;
    text-align: center;
    font-family: LTAroma;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    border: 1px solid #fff;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    padding: 1.5rem 4rem 1.5rem 4rem;
    text-align: center;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.moreBtn a:hover{
	border: 1px solid #F9F5EC;
	background: #F9F5EC;
	color:#221E1F;
}

@media (max-width:1200px) {
	.whyContInner {display: flex; flex-wrap: wrap; justify-content: space-between;}
	.whyContBox {width: calc(100%/2 - 1.5rem); margin-right: 0rem; margin-bottom: 5rem;}
	.whyContBox:nth-child(3n) {margin-right:0rem;}
	.whyTitle {
		margin: 2rem 0 1rem;
	}
}
@media (max-width:991px) {
	#news {padding:8rem 0;}
	.whyCont {margin-top:6rem;}
	
	.whyTitle {font-size: 1.8rem; line-height: 2.4rem; margin: 2rem 0 1.5rem;}
	.whyTxt {font-size: 1.5rem; line-height: 2.3rem;}
	p.date {font-size: 1.4rem; line-height: 2rem; padding-top: 0.5rem;}
	
	.subnewswrap #news {
		padding: 10rem 0;
	}
}

@media (max-width:767px) {
	#news {padding:6rem 0;}
	.whyCont {margin-top:3rem;}
	.whyTitle {font-size: 1.6em; line-height: 2.2rem; margin:1.5rem 0 1rem;}
	.whyTxt {font-size: 1.5rem; line-height: 2.3rem; -webkit-line-clamp: 3;}
	p.date { font-size: 1.2rem; line-height: 2rem;}
	.whyContBox {width: calc(100%);margin-bottom: 3rem;}
	
	.subnewswrap #news {
		padding: 6rem 0;
	}
	.moreBtn {
		display: block;
	}
	.moreBtn a {
		width: 100%;
		font-size: 1.2rem;
		line-height: 2rem;
		letter-spacing: 0.9px;
		padding: 1rem 4rem 1rem 4rem;
	}
}

/* :::::::::::: ================= // ~ NEWS END ================= :::::::::::: */
.front_paging_line{
	display:block;
	text-align:center;
}
.front_paging_box{
	display:inline-block;
}
.flex_box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.paginationType01{display: flex; 
    margin: 0 12px;
    justify-content: space-evenly; align-items: center;
    position: relative;
}

.pgType01_prev {
	height: 3.3rem;
    margin-right: 1rem;
    padding: 0;
    font-family: Pretendard;
    font-size: 2rem;
    border: none;
    background: #221E1F;
    color: #F5F1E8;
    display: inline-block;
    cursor: pointer;
}
.pgType01_next {
    height: 3.3rem;
    margin-left: 1rem;
    padding: 0;
    font-family: Pretendard;
    font-size: 2rem;
    border: none;
    background: #221E1F;
    color: #F5F1E8;
    display: inline-block;
    cursor: pointer;
}
.paginationType01 small:hover{border-color:#222}
.pgType01_listWrap{text-align: center;}
.pgType01_list.on{
	color: #F5F1E8;
}
.pgType01_list {
    margin: 0rem 0.6rem;
    font-family: 'Palatino Linotype','serif';
    font-size: 3rem;
    font-weight: 400;
    color: #aaa;
    cursor: pointer;
    display: inline-block;
}

@media (max-width:767px) {
	.front_paging_line {
		margin-top: 2rem;
	}
	.pgType01_list {
		margin: 0rem 0.8rem;
		font-family: 'Palatino Linotype','serif';
		font-size: 2.2rem;
		font-weight: 400;
		color: #aaa;
		cursor: pointer;
		display: inline-block;
	}
	.pgType01_prev {
		height: 3rem;
		margin-right: 0.2rem;
		padding: 0;
		font-family: Pretendard;
		font-size: 1.8rem;
		border: none;
		background: #221E1F;
		color: #F5F1E8;
		display: inline-block;
		cursor: pointer;
	}
	.pgType01_next {
		height: 3rem;
		margin-left: 0.2rem;
		padding: 0;
		font-family: Pretendard;
		font-size: 1.8rem;
		border: none;
		background: #221E1F;
		color: #F5F1E8;
		display: inline-block;
		cursor: pointer;
	}
}


/* 하단 버튼 */
.floatBtnWrap {
    gap: 2rem;
    display: flex;
    position: fixed;
    left: 50%;
    bottom: 3rem;
    transform: translateX(-50%);
    z-index: 1500;
}
.floatBtnWrap a {
    display: flex;
    align-items: center;
}
/* .floatBtnT { */
    /* color: #B9011A; */
    /* font-family: "Palatino Linotype"; */
    /* font-size: 2.2rem; */
    /* font-style: normal; */
    /* font-weight: 700; */
    /* line-height: 2.4rem; */
    /* letter-spacing: 0.132rem; */
    /* padding: 1.9rem 5.4rem; */
    /* border-radius: 6px 0px 0px 6px; */
    /* border-top: 1px solid #B9011A; */
    /* border-bottom: 1px solid #B9011A; */
    /* border-left: 1px solid #B9011A; */
    /* background: #F5F1E8; */
    /* backdrop-filter: blur(5px); */
    /* box-sizing: border-box; */
	/* white-space: nowrap; */
/* } */
.floatBtnT {
    text-align: center;
    width: 18rem;
    color: #B9011A;
    font-family: "Palatino Linotype";
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.4rem;
    letter-spacing: 0.132rem;
    padding: 1.9rem 0rem;
    border-radius: 6px 0px 0px 6px;
    border-top: 1px solid #B9011A;
    border-bottom: 1px solid #B9011A;
    border-left: 1px solid #B9011A;
    background: #F5F1E8;
    backdrop-filter: blur(5px);
    box-sizing: border-box;
    white-space: nowrap;
}
.floatBtnSearchBox {
    display: flex;
    align-items: center;
    padding: 2rem 2.4rem;
	border-radius: 0px 6px 6px 0px;
	background: #A76841;
	backdrop-filter: blur(5px);
}
.floatBtnSearchicon {width: 1.8rem; height: auto;}
.floatBtnSearchicon img {width: 100%; height: auto;}
.floatBtnSearchT {
	color: #FFF;
	font-family: "Palatino Linotype";
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 2.4rem;
	padding-left:0.9rem;
}


@media (max-width:991px) {}
@media (max-width:991px) {
	.floatBtnWrap {bottom:2.5rem;}
	.floatBtnT {
		font-size: 1.5rem;
		line-height: 1.9862rem;
		letter-spacing: 0.09rem;
		padding: 1.5rem 4rem;
	}
	.floatBtnSearchBox {padding: 1.6rem 1.8rem;}
	.floatBtnSearchT {font-size: 1.5rem; line-height: 1.9862rem; padding-left:0.7rem;}
	.floatBtnSearchicon {width: 1.1rem; height: auto;}
}
@media (max-width:767px) {
	.floatBtnWrap {
		display: flex;
		gap: 0.6rem;
		flex-direction: column;
	}
	.floatBtnT {
		width: 14rem;
		padding: 1.5rem 1rem;
	}
	.floatBtnSearchBox {
		padding: 1.6rem 1rem;
	}
}


/* #awards, */
/* #history, */
/* #hisTest, */
/* #hisTest02, */
/* #distillation, */
/* #ourgin, */
/* #contact {display:none;} */
/* #news  */