@charset "utf-8";
/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
**************************************************************************/

.header{position: fixed;top:0px;z-index:99;width:100%;background:#12121259;backdrop-filter: blur(6px);padding-top:10px;}
.header .fixed{display:flex;justify-content:space-between;align-items:center;padding:12px 0px;max-width:1450px;margin:0 auto;}
.header .fixed .logo{width:20%;}
.header .fixed .logo img{width:110px;}
.header .fixed .menu{width:60%;display:flex;gap:50px;justify-content:center;}
.header .fixed .menu a{font-size:17px;}
.header .fixed .line{width:20%;display:flex;gap:25px;align-items:center;justify-content: flex-end;}
.header .fixed .line .logout .jo{font-size:17px;}
.header .fixed .line .login .email{font-size:17px;color:#5189fa;}
.header .fixed .line .login .out{font-size:13px;color:#959595;}
.header .fixed .line select{padding:0px 10px;}
.header .fixed .line select option{background:#121212;color:#fff;}
#google_translate_element {display: none;}
.goog-logo-link,
.goog-te-gadget {display: none !important;}
.VIpgJd-ZVi9od-ORHb-OEVmcd{display:none}
.custom-select-wrapper {position: relative;display: inline-block;}
.custom-select-wrapper select {position: absolute;left: 0;top: 0;opacity: 0;width: 100%;height: 100%;cursor: pointer;}
.selected-code {border:1px solid#525252;border-radius:5px;padding: 5px 10px;width:80px;font-size:14px;text-align: center;pointer-events: none;}


.top{display:none}

.bottom{max-width:1450px;margin:0 auto;padding:70px 0px;}
.bottom .layout .logo img{width:110px;}
.bottom .layout .line{display:flex;justify-content:space-between;margin-top:5px;}
.bottom .layout .line .left .txt_01{font-size:17px;margin-top:0px;}
.bottom .layout .line .right{display:flex;gap:40px;}
.bottom .layout .line .right a{font-size:16px;}
.bottom .layout .txt_02{font-size:15px;margin-top:20px;color:#858585;}


/* tablet */
@media all and (max-width:1280px) {

.header{display:none}

.top{display:block;position: fixed;top:0px;z-index:99;width:100%;background:#12121259;backdrop-filter: blur(6px);}
.top .fixed{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;}
.top .fixed .logo img{width:90px;}
.top .fixed .line{display:flex;gap:15px;}
.selected-code{padding:3px 8px;width:65px;}

.bottom{padding:50px 20px;}
.bottom .layout .logo img{width:90px;}
.bottom .layout .line{flex-direction:column;gap:30px;margin-top:0px;}
.bottom .layout .line .left .txt_01{font-size:15px;}
.bottom .layout .line .right{flex-direction:column;gap:15px;}
.bottom .layout .line .right a{font-size:15px;}


}


/* mobile */
@media all and (max-width:768px) {

}