@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');


/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 Block Element */
applet,basefont,center,dir,font,strike{display:none} /* XHTML4, HTML5 Element Not Used Remove */
q,blockquote{quotes:none;content:none}

/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 Block Element */
applet,basefont,center,dir,font,strike{display:none} /* XHTML4, HTML5 Element Not Used Remove */
q,blockquote{quotes:none;content:none}
li,menu{list-style:none;word-break:break-all}

table{width:100%;border-spacing:0;border-collapse:separate;} /* Table Border (separate) */
caption{text-align:left}
th,td{text-align:center;vertical-align:middle}

address{font-style:normal}
label{display:inline-block;}
a{text-decoration:none;display:inline-block;} /* A Attribute  */

/* Common Setting */
html{overflow-y:auto;}
html,body{height:100%;} /* Horizen Scroll */
body{color:#000;font-size:15px;font-family:'S-CoreDream-3Light', 'Noto Sans KR', sans-serif, "Nanum Gothic";font-weight:normal;min-width:320px;}
div{outline:0}
img {vertical-align:middle;}

::selection {background-color:#000;color:#fff;}



.pop_close {
	width:100%;
	font-family:"NanumGothic";
	text-align:right;
	padding:10px;
}
.pop_close div a,
.pop_close div a:hover {
	color:#fff;
	text-decoration:none;
}
#check {
	float:left;
	font-size:12px;
}
#close {
	right:10px;
	font-size:13px;
	font-weight:600;
}


#close_holiday {
	right:10px;
	font-size:13px;
	font-weight:600;
}

#pop {
    position: fixed;
    top:10%;
    left: 8%;
    width: 404px;
    height: auto;
    background: #3d3d3d;
    color: #fff;
    text-align: center;
    border: 2px solid #000;
    z-index: 1040;
}

#pop img{width:100%;}
#pop_holiday img{width:100%;}
    
/*휴뮤팝업*/


    
@media screen and (max-width: 480px) {
	#pop {
	position:fixed;
    width:300px;
	top:2%;
	left:0%;
	right:0%;
	margin:0 auto;
	height:auto;
	background:#3d3d3d;
	color:#fff;
	text-align:center;
	border:2px solid #000;
	z-index:1040;
	}
    

    #pop_holiday{
    position:fixed;
    width:300px;
	top:6%;
	left:5%;
	right:0%;
	margin:0 auto;
	height:auto;
	background:#3d3d3d;
	color:#fff;
	text-align:center;
	border:2px solid #000;
	z-index:1040;   

       
    }
}












/*index*/
.bg{background-image: url(../img/bg_back.jpg);background-attachment: fixed;background-position: center;}
.bg .language p{color:#fff; font-size:40px;margin-top:3%;font-weight: bold;}
.bg .language b{color:#ffae00;}
.bg .language{width:70%; height: 100%;border:0px solid white;text-align: center;margin:0 auto;}
.bg .language h1{color:#FFF;font-size:40px;font-weight: 400;margin-bottom:-2%;margin-top:2%;}
.bg .language .flag{width:20%;float:left;margin-left:5%;margin-top:4%;}
.bg .language .flag img{width:100%;box-shadow: 3px 3px 20px 1px #171414;}
.bg .language .nomargin{margin-left: 5%;}





.country {position:fixed;top:0;left:0;width:100%;height:60px;background-color:#000;text-align:right;z-index:100;}
.country a {color:#8c8c8c;font-size:12px;font-weight:500;padding:23px 30px 25px 30px;line-height:12px;}
.country a img {vertical-align:middle;filter:grayscale(1);opacity:0.7;padding-right:5px;}
.country a:hover, .country .on {background-color:white;color:#000;}
.country a:hover img, .country .on img {filter:grayscale(0);opacity:1;}
.countdown_hidden {display:none;}

.gnb {position:fixed;width:100%;height:90px;top:60px;left:0;background-color:white;z-index:100;border-bottom:solid 1px #e5e5e5;}
.gnb .logo {position:absolute;top:30px;left:50px;}
.gnb .logo img {width:110px;vertical-align:bottom;}
.gnb .logo .width {width:7px;padding:0 9px 6px 10px;}
.gnb .logo b {font-family:'GmarketSans';font-size:18px;font-weight:700;line-height:10px;}
.gnb .menu {position:absolute;top:33px;right:50px;}
.gnb .menu a {font-family:'GmarketSans';font-size:18px;font-weight:700;margin-left:30px;}
.gnb .menu .on, .gnb .menu a:hover {color:#f0a400;}
.gnb .ham {display:none;}

.moback {display:none;}
.momenu {display:none;}

.fullscreen-bg {position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:-100;}
.fullscreen-bg__video{position:absolute;top:0;left:0;width:100%;height:100%;}
@media (min-aspect-ratio: 16/9) { .fullscreen-bg__video {height:300%;top:-100%;} }
@media (max-aspect-ratio: 16/9) { .fullscreen-bg__video {width:300%;left:-100%;} }
@media only screen and (max-width:766px) {
.fullscreen-bg {background-image:url("img/mainvod_poster.png");background-size:auto 100%;background-position:center;;}
.fullscreen-bg__video {display:none;}}

.mainvod {position:relative;width:100%;height:100%;}
.mainvod .vod {position:relative;width:100%;height:100%;}
.mainvod .box {position:absolute;height:100px;width:100%;top:50%;margin-top:-50px;text-align:center;color:white;z-index:1;}
.mainvod .box h1 {font-family:'GmarketSans';font-size:84px;font-weight:700;}
.mainvod .box h1 b {color:#ffae00;}
.mainvod .box p {font-family:'GmarketSans';font-size:31px;font-weight:500;letter-spacing:2px;}

.mainvod .scroll {position:absolute;width:60px;text-align:center;bottom:30px;left:50%;margin-left:-30px;z-index:1;}
.mainvod .scroll a img {opacity:0.5;}
.mainvod .scroll a:hover img {opacity:1;}

.count {position:relative;padding:100px 0;text-align:center;}
.count .no {position:relative;padding-bottom:20px;}
.count .no img {position:absolute;top:35px;left:50%;margin-left:-250px;}
.count .no img:last-child {margin-left:230px;}
.count .no span {font-family:'GmarketSans';font-size:70px;font-weight:300;}
.count p {display:inline-block;background-color:#000;color:white;padding:5px 17px 7px 17px;border-radius:20px;font-size:12px;}
.count h3 {font-size:17px;padding:30px 0 10px 0;}
.count h2 {font-family:'GmarketSans';font-size:34px;font-weight:400;}
.count h2 b {font-weight:700;color:#c82a00;}

.story {position:relative;padding:100px 0;text-align:center;background-color:#fff9ec;}
.story .img {position:relative;width:1100px;margin:0 auto;}
.story .text {position:relative;width:1100px;margin:50px auto 0 auto;}
.story .text h2 {font-family:'GmarketSans';font-size:36px;font-weight:400;}
.story .text h3 {font-size:14px;font-weight:700;letter-spacing:3px;padding-bottom:25px;}
.story .text h3 b {color:#f0a400;font-weight:700;}
.story .text p {font-size:15px;padding:5px 0 2px 0;}
.story .text .last {font-weight:700;padding-top:25px;}

.howto {position:relative;text-align:center;padding:100px 0;}
.howto h1 {font-family:'GmarketSans';font-size:34px;font-weight:700;}
.howto h3 {font-size:17px;padding-bottom:30px;font-weight:500;}
.howto .box {position:relative;width:1100px;margin:0 auto;}
.howto .box li {float:left;width:214px;margin-right:25px;padding:20px;border:solid 1px #f5b300;border-radius:10px;font-size:16px;line-height:20px;text-align:left;}
.howto .box li:last-child {margin-right:0;}
.howto .box li img {width:100%;}
.howto .box li p {font-size:13px;color:#f0a400;font-weight:700;padding:10px 0 5px 0;}

.clear {position:relative;clear:both;height:100px;width:100%;}

.flow {position:relative;padding:100px 0;text-align:center;background-color:#f2f2f2;}
.flow h1 {font-family:'GmarketSans';font-size:34px;font-weight:700;}
.flow h3 {font-size:17px;padding-bottom:30px;font-weight:500;}
.flow .box {position:relative;width:1100px;margin:0 auto;}
.flow .box span {font-size:17px;padding:15px 25px;border:solid 1px #e5e5e5;border-radius:10px;background-color:#fff;;margin-bottom:10px;display:inline-block;}
.flow .box span b {font-weight:800;}
.flow .box .material-symbols-outlined {font-size:30px;padding:5px 5px 0 5px;vertical-align:middle;background-color:#f2f2f2;border:0;color:#aeaeae;}

.photo {position:relative;width:1100px;padding:100px 0;text-align:center;margin:0 auto;}
.photo li {float:left;width:360px;margin:0 10px 10px 0;}
.photo li:nth-child(3n) {margin-right:0;}
.photo li img {width:100%;}

.googleview {position:relative;width:1100px;padding:0 0 100px 0;text-align:center;margin:0 auto;}

.vodsection {position:relative;width:1100px;padding:100px 0;text-align:center;margin:0 auto;border-top:solid 1px #e5e5e5;}
.vodsection h1 {font-family:'GmarketSans';font-size:34px;font-weight:700;}
.vodsection h3 {font-size:17px;padding-bottom:30px;font-weight:500;}
.vodsection .line {position:relative;width:40px;height:2px;background-color:#000;left:50%;margin-left:-20px;margin-bottom:30px;}
.vodsection .list {position:relative;padding-bottom:30px;overflow-x:auto;}
.vodsection .list a {font-size:15px;margin:0 5px;background-color:#FFF;padding:5px 17px 7px 17px;border-radius:20px;color:#333;}
.vodsection .list a:hover, .vodsection .list .on {background-color:#000;color:white;}
.vodsection iframe {border-radius:30px;}

#goldVod1 {display:inline-block;}
#goldVod2 {display:none;}
#goldVod3 {display:none;}
#goldVod4 {display:none;}
#goldVod5 {display:none;}

.faq {position:relative;padding:100px 0;text-align:center;background-color:#f2f2f2;}
.faq  h1 {font-family:'GmarketSans';font-size:34px;font-weight:700;}
.faq  h3 {font-size:17px;padding-bottom:30px;font-weight:500;}
.faq .text {position:relative;width:1100px;margin:0 auto;border-top:solid 1px #e5e5e5;}
.faq .text li {position:relative;}
.faq .text li:first-child {font-weight:700;text-align:left;padding-top:20px;border-top:dashed 1px #dedbdb;}
.faq .text li:first-child p {background-color:white;padding:12px 20px 14px 20px;display:inline-block;border-radius:30px;}
.faq .text li:first-child b {font-family:'GmarketSans';font-size:24px;font-weight:700;padding:0 15px 0 0;}
.faq .text li:last-child {font-weight:400;text-align:right;padding:10px 0 20px 0;font-size:17px;}
.faq .text li:last-child p {background-color:#e5e5e5;padding:17px 30px 19px 30px;display:inline-block;border-radius:30px;margin-left:10%;line-height:18px;}
.faq .text li:last-child b {font-weight:700;}
.faq .text li:last-child span {font-size:14px;opacity:0.7;}

.map {position:relative;width:1100px;margin:0 auto;padding:100px 0;text-align:center;}
.map .kakaomap {position:relative;width:100%;height:450px;background-color:#f1f1f1;}
.map  h1 {font-family:'GmarketSans';font-size:24px;font-weight:700;padding-top:25px;}
.map  span {font-size:15px;font-weight:500;}
.map a {border:solid 1px black;padding:13px 40px;margin-top:30px;}
.map a:hover {background-color:black;color:white;}

.footer_noti {position:relative;background-color:#fafafa;border-top:solid 2px #333;padding:30px 0;}
.footer_noti .box {position:relative;width:1100px;margin:0 auto;font-size:13px;}
.footer_noti .box p {font-weight:700;}
.footer_noti .box span {font-size:12px;display:block;padding-top:15px;opacity:0.7;}

.footer {position:relative;margin:0 50px;padding-bottom:30px;clear:both;text-align:center;border-top:solid 1px #e5e5e5;}
.footer img {width:150px;padding:70px 0 25px 0;}
.footer span {padding:0 10px;}
.footer p {font-size:12px;letter-spacing:1px;padding-top:10px;}

.kakao {position:fixed;width:120px;bottom:20px;right:20px;background-color:#f2d900;padding:10px;border-radius:12px;z-index:102;}
.kakao .logo {position:relative;}
.kakao .logo img {width:25px;padding-right:2px;}
.kakao .logo span {padding:3px 7px 5px 4px;font-size:11px;font-weight:700;background-color:white;border-radius:20px;}
.kakao p {font-size:12px;line-height:14px;padding:7px 0 10px 0;}
.kakao a {display:block;border-top:dashed 1px #d8c401;font-size:12px;padding-top:7px;font-weight:600;color:#333:}
.kakao a span {vertical-align:middle;font-size:15px;}



@media only screen and (max-width:1023px) { 

.gnb .logo {top:33px;left:20px;}
.gnb .logo img {width:100px;}
.gnb .logo .width {padding:0 7px 6px 8px;}
.gnb .logo b {font-size:17px;}
.gnb .menu {top:33px;right:30px;}
.gnb .menu a {font-size:16px;margin-left:20px;}
.mainvod .box {height:50px;margin-top:-25px;}
.mainvod .box h1 {font-size:64px;}
.mainvod .box p {font-size:23px;}

.count {padding:80px 0;}

.story {padding:80px 0;}
.story .img {width:auto;padding:0 20px;}
.story .img img {width:33.333%;}
.story .text {width:auto;margin:30px auto 0 auto;padding:0 20px;}

.howto {padding:80px 0;}
.howto .box {width:auto;margin:0 auto;padding:0 20px;}
.howto .box li {width:19.9%;margin-right:1%;padding:2%;min-height:250px;}

.clear {height:80px;}

.flow {padding:80px 0;}
.flow .box {width:auto;margin:0 auto;padding:0 20px;}
.flow .box span {font-size:15px;padding:10px 15px;border-radius:5px;margin-bottom:5px;display:inline-block;}

.photo {width:auto;padding:80px 20px;}
.photo li {float:left;width:32.5%;margin:0 1% 1% 0;}

.googleview {width:auto;padding:0 20px 80px 20px;}
.googleview iframe {width:100%;}

.vodsection {width:auto;padding:80px 0;}
.vodsection .list {padding-bottom:20px;}
.vodsection .list a {font-size:13px;margin:0 2px;padding:5px 10px 7px 10px;}
.vodsection iframe {width:94%;height:450px;}

.faq {padding:80px 0;}
.faq .text {width:auto;padding:0 20px;}

.map {width:auto;padding:80px 20px;}
.map .kakaomap {width:auto;height:400px;}

.footer_noti .box {width:auto;padding:0 20px;}
.footer_noti .box p {font-weight:700;}
.footer_noti .box span {font-size:12px;display:block;padding-top:15px;opacity:0.7;}

.kakao {width:96px;bottom:10px;right:10px;padding:8px;}
.kakao .logo img {width:18px;padding-right:0;}
.kakao .logo span {padding:0;background-color:#f2d900;font-weight:400;}
.kakao p {font-size:11px;line-height:14px;}

}



@media only screen and (max-width:766px) {

    
.bg{background-image: url(../img/bg_back.jpg);background-attachment: fixed;background-position: center;}
.bg .language{width:90%; height: 100%;border:0px solid white;text-align: center;margin:0 auto;}
.bg .language p{color:#fff; font-size:20px;margin-top:4%;}
.bg .language h1{color:#FFF;font-size:20px;margin-top:10%;font-weight: bold;}
.bg .language .flag{width:40%;float:left;margin-left:5%;margin-top:5%;}
.bg .language .flag img{width:100%;}
.bg .language .nomargin{margin-left: 10%;}    
    
    
    
    

.country {width:100%;text-align:left;overflow-x:auto;}
.country .scroll {position:relative;width:auto;white-space:nowrap;padding-left:10px;}
.country a {font-size:11px;font-weight:400;padding:22px 20px 25px 20px;}

.gnb {height:60px;top:60px;}
.gnb .logo {top:17px;left:15px;}
.gnb .logo img {width:80px;}
.gnb .logo .width {width:7px;padding:0 10px 5px 9px;}
.gnb .logo b {font-size:15px;line-height:5px;}
.gnb .menu {display:none;}
.gnb .ham {position:absolute;top:17px;right:15px;display:block;}

.moback {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;display:block;z-index:200;display:none;}
.momenu {position:fixed;top:0;left:0;width:85%;height:100%;background-color:#FFF;display:block;z-index:201;display:none;}
.momenu .close {position:absolute;top:20px;right:10px;z-index:202;}
.momenu .close a span {font-size:20px;}
.momenu .logo {position:relative;padding:20px 20px;border-bottom:solid 1px #e5e5e5;background-color:#f7f7f7;}
.momenu .logo img {width:60px;vertical-align:middle;}
.momenu .logo .width {width:7px;padding:3px 7px 0px 8px}
.momenu .logo b {font-family:'GmarketSans';font-size:13px;font-weight:700;line-height:10px;}
.momenu .menu {position:relative;}
.momenu .menu a {position:relative;font-family:'GmarketSans';display:block;padding:20px;border-bottom:dashed 1px #e5e5e5;font-size:15px;font-weight:700;}
.momenu .menu a span {position:absolute;top:19px;right:10px;font-size:19px;color:#999;}

.fullscreen-bg__video {display:inline-block;}

.mainvod .box {height:50px;margin-top:-25px;}
.mainvod .box h1 {font-size:42px;}
.mainvod .box p {font-size:15.5px;letter-spacing:1px;}

.mainvod .scroll {width:30px;margin-left:-15px;bottom:50px;}
.mainvod .scroll img {width:100%;}

.count {padding:50px 0;}
.count .no {padding-bottom:10px;}
.count .no img {top:17px;left:50%;margin-left:-140px;width:25px;}
.count .no img:last-child {margin-left:110px;}
.count .no span {font-size:38px;}
.count p {padding:3px 15px 5px 15px;font-size:11px;}
.count h3 {font-size:15px;padding:20px 0 10px 0;}
.count h2 {font-size:30px;padding:0 20px;}

.story {padding:50px 0;}
.story .img {width:auto;padding:0 10px;}
.story .img img {width:50%;margin-bottom:10px;}
.story .img img:nth-child(2) {display:none;}
.story .text {margin:20px auto 0 auto;padding:0 20px;}
.story .text h2 {font-size:30px;}
.story .text h3 {font-size:12px;letter-spacing:1px;padding-bottom:20px;}
.story .text p {font-size:13px;}

.howto {padding:50px 0;}
.howto h1 {font-size:30px;}
.howto h3 {font-size:12px;}
.howto .box {width:auto;padding:0 10px;}
.howto .box li {width:41.3%;margin-right:2%;margin-bottom:2%;padding:3%;font-size:13px;line-height:15px;min-height:210px;}
.howto .box li img {width:100%;}

.clear {height:50px;}

.flow {padding:50px 0;}
.flow h1 {font-size:30px;}
.flow h3 {font-size:12px;}
.flow .box {padding:0 10px;}
.flow .box span {font-size:13px;padding:5px 10px 7px 10px;margin-bottom:5px;}
.flow .box .material-symbols-outlined {font-size:15px;padding:3px 2px 0 2px;}

.photo {padding:50px 10px;}
.photo li {float:left;width:49%;margin:0 1% 1% 0;}
.photo li:nth-child(3n) {margin-right:1%;}
.photo li:nth-child(even) {margin-right:0;}

.googleview {padding:0 10px 50px 10px;}
.googleview iframe {height:370px;}

.vodsection {padding:50px 0;}
.vodsection h1 {font-size:30px;}
.vodsection h3 {font-size:12px;padding-bottom:20px;}
.vodsection .line {width:20px;margin-left:-10px;margin-bottom:20px;}
.vodsection .list {width:100%;padding-bottom:20px;overflow-x:auto;}
.vodsection .list .scroll {width:94%;white-space:nowrap;margin:0 auto;}
.vodsection .list a {font-size:14px;margin:0 1px;padding:4px 10px 6px 10px;}
.vodsection iframe {border-radius:15px;height:370px;}

.faq {padding:50px 0;}
.faq  h1 {font-size:30px;}
.faq  h3 {font-size:12px;}
.faq .text {width:auto;padding:0 15px;}
.faq .text li:first-child {padding-top:10px;}
.faq .text li:first-child p {padding:10px 15px 12px 15px;border-radius:10px;line-height:15px;}
.faq .text li:first-child b {font-size:15px;padding:0 5px 0 0;}
.faq .text li:last-child {padding:10px 0 20px 0;font-size:15px;}
.faq .text li:last-child p {padding:10px 15px 12px 15px;border-radius:10px;line-height:18px;margin-left:20%;}
.faq .text li:last-child span {font-size:12px;line-height:13px;}

.map {padding:50px 0;}
.map .kakaomap {width:94%;height:370px;margin:0 auto;}
.map  h1 {font-size:18px;}
.map  span {font-size:13px;}
.map a {padding:10px 20px;margin-top:20px;}

.footer_noti {padding:15px 0;}
.footer_noti .box {font-size:12px;padding:10px;line-height:14px;}
.footer_noti .box span {font-size:11px;}

.footer {margin:0 30px;}
.footer img {width:120px;padding:30px 0 15px 0;}
.footer span {padding:0;font-size:12px;line-height:14px;}
.footer p {font-size:11px;letter-spacing:0px;}

.kakao {width:25px;bottom:10px;right:10px;}
.kakao .logo img {width:25px;padding-right:0px;}
.kakao .logo span {display:none;}
.kakao p {display:none;}
.kakao .child{display:none;}

}

/* ============================================================
   Takegoldbar block (gotolink7) — full CSS (v2)
   Скриптов/шрифтов не требует. Всё изолировано внутри .takegoldbar
   ============================================================ */

/* Палитра под «золото» */
:root{
  --gold-1:#f5d36a; /* светлый акцент */
  --gold-2:#e2b23a; /* основной тон */
  --gold-3:#a47c1b; /* тёмный для глубины */
}

/* Коробка блока: градиентная рамка, скругление, тень */
.takegoldbar{
  position: relative;
  width: 1100px;
  margin: 80px auto 40px;   /* верхний внешний отступ */
  padding: 96px 40px 80px;  /* увеличенный внутренний верхний отступ */
  text-align: center;
  border-radius: 16px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(90deg,var(--gold-1),var(--gold-2),var(--gold-3),var(--gold-2),var(--gold-1)) border-box;
  border: 2px solid transparent;
  box-shadow: 0 8px 26px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.6);
  scroll-margin-top: 100px; /* якорный offset под фикс-хедер */
}

/* Едва заметный верхний «блик» */
.takegoldbar::before{
  content:"";
  position:absolute; left:0; right:0; top:0; height:10px;
  border-radius:16px 16px 0 0;
  background: linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));
  pointer-events:none;
}

/* Типографика (под общий стиль) */
.takegoldbar h1{
  font-family: 'GmarketSans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 34px;
  font-weight: 700;
  margin: 0 0 8px;
}
.takegoldbar h3{
  font-size: 17px;
  font-weight: 500;
  color: #111;
  margin: 0 0 8px;
}
.takegoldbar p{
  font-size: 15px;
  color: #222;
  margin: 0 0 12px;
}

/* Декоративная линия под заголовком */
.takegoldbar .line{
  position: relative;
  width: 72px; height: 3px;
  left: 50%; margin: 10px 0 26px -36px;
  background: linear-gradient(90deg,var(--gold-3),var(--gold-2),var(--gold-1));
  border-radius: 3px;
}

/* Список и маркеры */
.takegoldbar .list{
  display: inline-block;
  text-align: left;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.takegoldbar .list li{
  position: relative;
  padding: 6px 0 6px 22px;
  line-height: 1.45;
  font-size: 15px;
}
.takegoldbar .list li::before{
  content:"";
  position:absolute; left:0; top:11px;
  width:12px; height:12px; border-radius:50%;
  background:
    radial-gradient(circle at 30% 30%, #fff 0%, #fff 35%, rgba(255,255,255,.3) 36%, rgba(255,255,255,0) 60%),
    linear-gradient(145deg,var(--gold-1),var(--gold-2) 60%,var(--gold-3));
  box-shadow: 0 0 0 1px rgba(0,0,0,.06);
}

/* ---------- Адаптив ---------- */

/* ≤1023px (tablet) */
@media only screen and (max-width:1023px){
  .takegoldbar{
    width: auto;
    margin: 60px 16px 32px;
    padding: 80px 24px 60px;
    scroll-margin-top: 80px; /* под высоту хедера на tablet */
  }
  .takegoldbar h1{ font-size: 32px; }
  .takegoldbar h3{ font-size: 15px; }
}

/* ≤766px (mobile) */
@media only screen and (max-width:766px){
  .takegoldbar{
    margin: 40px 12px 28px;
    padding: 64px 16px 44px;
    border-radius: 12px;
    scroll-margin-top: 64px; /* под высоту хедера на mobile */
  }
  .takegoldbar h1{ font-size: 28px; }
  .takegoldbar h3{ font-size: 13px; }
  .takegoldbar .line{ width: 40px; height: 2px; margin-left: -20px; margin-bottom: 18px; }
  .takegoldbar p{ font-size: 13px; }
  .takegoldbar .list li{ font-size: 13px; padding-left: 20px; }
  .takegoldbar .list li::before{ top: 10px; width: 10px; height: 10px; }
}