@charset "utf-8";
.skiptranslate,
.skiptranslate iframe{display:none !important;}
.g-lang-box{position:relative;}
.g-lang-box .google_translate_element{display:none;}
.g-lang-box .g-lang-btn{display:flex;align-items:center;padding:1.5rem 2rem;border:1px solid var(--white40);border-radius:10rem;background:transparent;box-sizing:border-box;}
.g-lang-box .g-lang-btn span{font-weight:500;font-size:1.6rem;line-height:1;letter-spacing:-0.04em;color:var(--white100);}
.g-lang-box .g-lang-btn::before{content:'';display:block;margin:0 1rem 0 0;width:2rem;height:2rem;background:url(/_res/gradcau/cauoie/img/common/ico-google-mark01@2x.png) no-repeat center/100%;}
.g-lang-box .g-lang-btn::after{content:'';display:block;margin:0 0 0 2.1rem;width:1.2rem;height:1.2rem;background:url(/_res/gradcau/cauoie/img/common/ico-google-arrow01@2x.png) no-repeat center/100%;}
.g-lang-box .g-lang-btn.active{border-radius:2rem 2rem 0 0;background:var(--white100);}
.g-lang-box .g-lang-btn.active span{color:var(--color02);}
.g-lang-box .g-lang-btn.active::after{background:url(/_res/gradcau/cauoie/img/common/ico-google-arrow02@2x.png) no-repeat center/100%;}
.g-lang-box .translation-links{display:none;position:absolute;top:5rem;left:0;z-index:110;width:100%;}
.g-lang-box .translation-links.active{display:block;}
.g-lang-box .translation-links ul{border-radius:0 0 2rem 2rem;background:var(--white100);}
.g-lang-box .translation-links ul li a{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-radius:0;border:none;}
.g-lang-box .translation-links ul li a span{font-weight:var(--font-weight-medium);font-size:1.6rem;letter-spacing:-0.04em;color:var(--color02);}
.g-lang-box .translation-links ul li a::before{content:'';display:block;width:2rem;height:2rem;}
.g-lang-box .translation-links ul li a.korean::before{background:url(/_res/gradcau/cauoie/img/common/ico-google-ko@2x.png) no-repeat center/100%;}
.g-lang-box .translation-links ul li a.english::before{background:url(/_res/gradcau/cauoie/img/common/ico-google-en@2x.png) no-repeat center/100%;}



.g-lang-box .tip {position: absolute; right: -99999px; top: 170%; width: 445px; padding: 10px 15px; background: rgba(255,255,255,1); border-radius: 5px; font-family: 'ppr'; font-size: 14px; border: 1px solid #d1d1d1; color: #666; opacity: 0; transition: opacity .75s; z-index:2;}
.g-lang-box .tip.on {right: 0; opacity: 1;}
.g-lang-box .tip button {display: inline-block; margin-top: 5px; padding: 5px 10px; background: #003477; border-radius: 5px; color: #fff;}

@media screen and (max-width:1024.98px){
	.g-lang-box{margin:0;}
	.g-lang-box .g-lang-btn{padding:8px 1rem;}
	.g-lang-box .g-lang-btn::before{margin:0 7px 0 0;}
	.g-lang-box .g-lang-btn::after{margin:0}
	.g-lang-box .g-lang-btn span{display:none;}
	
	.g-lang-box .translation-links{left:auto;right:0;top:3.8rem;width:14rem;z-index:300;}
	.g-lang-box .translation-links ul{display:block;}
	.g-lang-box .translation-links ul li a{justify-content:center;padding:1rem 5px;}
	.g-lang-box .translation-links ul li a span{display:none;}	
	
}