@charset "UTF-8";

html, body, button, input, select, textarea{font-family:'Lato', 'Noto Sans KR', Tahoma, Geneva, sans-serif;}
:before,
:after{vertical-align:middle;}
.innerBox{max-width:1160px;margin:auto;}
.ir{display:inline-block;font-style:normal;vertical-align:middle;}
.ir.icoTel{display:inline-block;width:40px;height:40px;border-radius:50%;background:#735540 url(../../images/ico_tel.png) 50% / 18px no-repeat;}


/****** HEADER, FOOTER ******/
#inHeader{padding:25px 20px;font-size:15px;line-height:1.1;border-bottom:1px solid #eee;box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.08);}
#inHeader .logo{float:left;height:30px;}
#inHeader nav{float:right;margin:8px 240px 0 0;}
#inHeader nav ul{}
#inHeader nav ul li{display:inline-block;padding-right:50px;}
#inHeader nav ul li:last-child{padding-right:0;}
#inHeader nav ul li a{display:block;color:#3b3b3d;}
.gnbTel{position:absolute;width:140px;right:0;top:-5px;padding-left:50px;color:#3b3b3d;line-height:40px;border-radius:99px;background:#f6cd5c}
.gnbTel .icoTel{position:absolute;left:0;top:0;}

#inFooter{padding:50px 20px;color:#666;font-size:15px;border-top:1px solid #fff;background:#f6f6f6;}
#inFooter .innerBox{padding-right:330px;}
.fTit{margin-bottom:30px;color:#333;font-size:1.26em;font-weight:700;}
.footInfo{}
.footInfo ul{}
.footInfo ul li{display:inline-block;margin:0 0 3px;}
.footCS{}
.footCS dl{}
.footCS dl dt{color:#333;font-size:2em;font-weight:700;line-height:1;}
.footCS dl dd{padding-top:10px;}
.footApp{}
.footApp li{display:inline-block;padding-right:18px;}
.footApp li a{display:block;width:59px;height:59px;text-indent:-9999em;background:#222;border-radius:50%;}
.footApp li a.icoAndroid{background:#222 url(../../images/ico_android.png?) 50% / 26px no-repeat;}
.footApp li a.icoAppstore{background:#222 url(../../images/ico_appstore.png?) 50% / 26px no-repeat;}
.copy{padding-top:10px;color:#999;font-size:12px;letter-spacing:0;}

/************ MAIN ***********/
.main{color:#3b3b3d;}
.main article{}
.main article img{max-width:100%;}
.visTxt{font-size:15px;}
.visTxt h2{font-size:3.2em;font-weight:300;line-height:1.2;}
.visTxt strong{color:#ffd52c;}
.visTxt p{padding:40px 0 0;color:#666;font-size:1.2em;}
.visTxt p strong{color:#155eb8;}
.visApp{margin-top:70px;}
.visApp li{display:inline-block;padding-right:18px;}
.visApp li a{display:block;width:178px;height:58px;text-indent:-9999em;border:1px solid #ddd;border-radius: 10px;}
.visApp li a.icoAndroid{background:#fff url(../../images/ico_android_txt.png) 50% no-repeat;}
.visApp li a.icoAppstore{background:#fff url(../../images/ico_appstore_txt.png) 50% no-repeat;}

.article_01 .innerBox,
.article_02 .innerBox,
.article_03 .innerBox,
.article_05 .innerBox{display:flex;align-items: center}

.article_01 .innerBox > div,
.article_02 .innerBox > div,
.article_03 .innerBox > div,
.article_05 .innerBox > div{width:50%;}

/* 투자 */
.article_01{background:url(../../images/bg_article_01.png) 0 -160px no-repeat;}
.article_01 .visTxt strong{font-size:1.2em;}
.article_01 .absImg img{width:382px;}

/* 시세 구매 */
.article_02{position:relative;z-index:0;}
.article_02{background:url(../../images/bg_article_02.png) 50% no-repeat;}
.article_02 .absImg{text-align:center;}
.article_02 .innerBox .visTxt{padding-left:5%;}
.article_02 .absImg img{width:259px;}

/* 출금 */
.article_03{background:url(../../images/bg_article_03.png) 50% no-repeat;}
.article_03 .innerBox .visTxt p{padding-bottom:160px;background:url(../../images/ico_goldbar.png) 0 100% / 280px no-repeat;}
.article_03 .absImg{text-align:center;}
.article_03 .absImg img{width:382px;}

/* 보관 */
.article_04{background:url(../../images/bg_article_04.png) 50% no-repeat;}
.article_04 .innerBox{}
.article_04 .absImg a{margin:0 35px;}
.article_04 .absImg img{height:38px;}
.article_04 .absImg{margin-top:40px;}

/* 어플리케이션 */
.article_05{background:url(../../images/bg_article_05.png) 50% no-repeat;}
.article_05 .absImg{text-align:center;}
.article_05 .absImg img{width:468px;}

/* 금모아를 만나보세요 */
.article_06{background:#fff1aa url(../../images/bg_article_06.png) 50% / cover no-repeat;}
.goldItem{margin-top:90px;text-align:center;}
.goldItem li{display:inline-block;margin:0 1.5%;color:#333;font-size:21px;font-weight:500;}
.goldItem li i{display:block;width:350px;height:350px;margin:0 auto 20px;border-radius:50%;}
.goldItem li:nth-child(1) i{background:#b4afa3 url(../../images/ico_gold_item_01.png) 50% no-repeat;}
.goldItem li:nth-child(2) i{background:#477184 url(../../images/ico_gold_item_02.png) 50% no-repeat;}
.goldItem li:nth-child(3) i{background:#ffd52c url(../../images/ico_gold_item_03.png) 50% no-repeat;}

/* 21.06.22 */
.videoBox{}
.videoTop{height:550px;}
.videoTitBox{margin-top:15px;font-size:19px;}
.videoTop iframe{width:100%;height:100%;border:1px solid #ddd;}
.videoTop img{width:100%;height:100%;}
.videoThumbs{margin-top:10px;}
.videoThumbs li{float:left;width:calc((100% - 45px) / 4)}
.videoThumbs li + li{margin-left:15px;}
.videoThumbs img{width:100%;border:4px solid #ddd;}
.videoThumbs .vtt{margin-top:10px;font-size:15px;}
.videoTitBox span,
.videoThumbs .vtt{display:block;overflow:hidden;text-overflow:ellipsis;height:1.4em;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.videoThumbs .active img{border-color:#ffd52c;}

.faqBtn li{float:left; width:calc((100% - 60px) / 7); height:40px; border-radius:40px;text-align:center;line-height:40px;}
.faqBtn li + li{margin-left:10px;}


/************************** 반응형 *************************/
@media only screen and (min-width: 1025px){ /* 1025px 이상 */
	.pc-block{display:block;}
	.m-block{display:none;}

	.article_01{margin:0 0 -80px;padding:100px 0 130px;}
	.article_02{padding:260px 0;}
	.article_03{margin:-50px 0 -150px;padding:200px 0 130px;}
	.article_04{padding:310px 0;}
	.article_05{margin-top:-150px;padding:220px 0 170px;}
	.article_06{padding:180px 0;}

	#inFooter .innerBox{padding-bottom:90px;}
	.footCS{position:absolute;right:0;top:0;}
	.footInfo ul{width:640px;}
	.footInfo ul li:before{content:'';display:inline-block;width:2px;height:2px;margin:0 10px;background:#cacaca;}
	.footInfo ul li:nth-child(3n+1):before{display:none;}
	.footApp{position:absolute;left:0;bottom:0;}
}


@media only screen and (max-width: 1024px){ /* 1024px 이하 */
	.pc-block{display:none;}
	.m-block{display:block;}

	#inHeader{padding:20px;}
	#inFooter{padding:30px 20px;font-size:14px;}
	#inFooter .innerBox{padding-right:0;text-align:center;}
	.fTit{margin-bottom:10px;color:#333;font-size:19px;font-weight:700;}
	.footCS,
	.footApp{margin-bottom:30px;}
	.footInfo ul li{display:block;margin:0 5px 3px;}
	.footCS{}
	.footCS dl{}
	.footCS dl dt{font-size:24px;}
	.footCS dl dd{}
	.footApp li{display:inline-block;padding:0 8px;}

	.main .innerBox{padding:0 20px;}
	.main article{word-break:keep-all;}
	.main article:nth-child(even){}

	.visTxt{font-size:13px;}
	.visTxt h2{font-size:3em;line-height:1.4;}
	.visTxt strong{color:#ffd52c;}
	.visTxt p{padding:20px 0 0;color:#666;font-size:1.2em;}
	.visTxt p strong{color:#155eb8;}
	.visApp{margin-top:40px;}
	.visApp li{display:inline-block;width:45%;padding-right:2%;}
	.visApp li a{display:block;width:100%;height:50px;text-indent:-9999em;border:1px solid #ddd;border-radius:8px;background-size:auto 30px !important;}

	.article_01,
	.article_02,
	.article_03,
	.article_04,
	.article_05,
	.article_06{padding:80px 0;}

	.main article .visTxt{width:60%;}
	.main article .absImg{width:40%;}

	.main article.article_04 .visTxt,
	.main article.article_04 .absImg,
	.main article.article_06 .visTxt,
	.main article.article_06 .absImg{width:100%;}
	.main article.article_07 .visTxt,
	.main article.article_07 .absImg{width:100%;}

	.article_01 .absImg img,
	.article_02 .absImg img,
	.article_03 .absImg img,
	.article_05 .absImg img{width:80%;}

	.article_01 .absImg{text-align:center;}

	.main article.article_01{padding-bottom:80px;background-size:140% !important;background-position:0 -15%;}
	.main article.article_02{padding-bottom:80px;background:#f7f5f3;}
	.main article.article_03{padding-bottom:80px;background-size:120% !important;}
	.main article.article_04{padding-bottom:100px;background:#f7f3f5;}
	.main article.article_05{padding-top:80px;background-size:120% !important;}

	.main article.article_02{margin:0;position:relative;}
	.main article.article_02 > div{position:relative;z-index:1;}
	.main article.article_02:before, 
	.main article.article_02:after{content:'';position:absolute;background:#f7f5f3;z-index:0;}
	.main article.article_02:before{width:100%;left:0;top:0;height:100%;background:url(../../images/bg_article_02_01.png) 50% / 120% no-repeat;}

	.main article.article_04{margin:0;position:relative;}
	.main article.article_04 > div{position:relative;z-index:1;}
	.main article.article_04:before, 
	.main article.article_04:after{content:'';position:absolute;background:#fff;z-index:0;}
	.main article.article_04:before{width:40%;left:0;top:0;height:100%;background:url(../../images/bg_article_04_01.png) -40px 100% / 100% no-repeat;}
	.main article.article_04:after{width:100%;right:0;top:0;height:100%;background:url(../../images/bg_article_04_02.png) 80% 0 / auto 100% no-repeat;}

	.goldItem{margin-top:45px;text-align:center;}
	.goldItem li{display:inline-block;margin:0 1vw;color:#333;font-size:2.6vw;}
	.goldItem li i{width:25vw;height:25vw;margin:0 auto 2vw;background-size:40% !important;}

	/* 21.06.22 */
	.videoBox{}
	.videoTop{height:50vw;}
	.videoTitBox{font-size:15px;}
	.videoThumbs li{float:left;width:calc((100% - 30px) / 4)}
	.videoThumbs li + li{margin-left:10px;}
	.videoThumbs img{width:100%;border:2px solid #ddd;}
	.videoThumbs .vtt{margin-top:10px;font-size:13px;}
	.faqBtn li{width:calc((100% - 15px) / 4);margin:0 0 5px 5px;font-size:14px;border-radius:0;}
	.faqBtn li + li{margin-left:5px;}
	.faqBtn li:nth-child(4n+1){margin-left:0}
}

@media only screen and (min-width: 769px){ /* 769px 이상 */
	.article_02 .innerBox{flex-direction:row-reverse}
}

@media only screen and (max-width: 768px){ /* 768px 이하 */
	#inHeader{padding:15px 20px;font-size:15px;text-align:center;}
	#inHeader .logo{float:none;height:28px;}
	#inHeader nav{float:none;margin:30px 0 0;}
	#inHeader nav ul{}
	#inHeader nav ul li{display:inline-block;padding:0 10px;font-size:16px;}
	#inHeader nav ul li:last-child{padding-right:10px;}

	.gnbTel{overflow:hidden;position:fixed;width:0;right:20px;top:auto;bottom:20px;height:40px;padding-left:40px;color:#3b3b3d;line-height:40px;border-radius:99px;background:#f6cd5c;z-index:99;transition:width 0.4s ease-in-out;box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, .15);}
	.gnbTel .icoTel{position:absolute;left:0;top:0;}
	.gnbTel a{display:none;}
	.gnbTel.active{width:150px;}

	.visTxt{font-size:2.2vw;}
	.visApp li a{background-size:70% auto !important;}

	.visTxt p{font-size:14px;}

	.article_01 .absImg img,
	.article_02 .absImg img,
	.article_03 .absImg img,
	.article_05 .absImg img{width:50%;}

	.main article{text-align:center;}
	.main article .innerBox{flex-wrap:wrap !important;}
	.main article .innerBox > div{width:100%;}
	.main article .innerBox .absImg{padding:40px 0 20px;}
	.main article.article_05 .innerBox .absImg{padding:20px 0 40px;}

	.article_03 .innerBox .visTxt p{padding-bottom:60px;background-position:50% 100%;background-size:auto 40px;}
	.article_04 .absImg a{margin:0 4%;}
	.article_04 .absImg img{width:40%;height:auto;}
	.article_04 .absImg{margin-top:0;}

	.main article.article_01{margin:0;position:relative;background:none;}
	.main article.article_01 > div{position:relative;z-index:1;}
	.main article.article_01:before, 
	.main article.article_01:after{content:'';position:absolute;background:#fff;z-index:0;}
	.main article.article_01:before{width:40%;left:0;top:auto;height:calc(100% - 80px);background:url(../../images/bg_article_01_01.png) 0 100% / 100% no-repeat;}
	.main article.article_01:after{width:70%;right:0;top:0;height:50%;background:url(../../images/bg_article_01_02.png) right -20px top 0 / 90% no-repeat;}



}